setCaptcha(captcha)} />}\n\n \n setValueCaptcha(e.target.value)}\n />\n {validation} \n \n \n \n \n {descricaoProtocolo} \n onChange(changeDocument(e, 'documento'))}\n />\n validarCampos(getValues())}\n buttonLabel=\"Pesquisar\"\n />\n \n
\n \n \n );\n}\n","import { ID_CAPTCHA, USER_ENTERED_CAPTCHA_CODE } from 'utils/consts';\nimport { encodingUrl, removeTodasMascaras } from 'utils/stringFormatter';\n\nexport const formatterProtocoloNull = () => {\n return {\n protocolo: '',\n documento: '',\n };\n};\n\nexport const formatterProtocoloFrontToBack = dadosInputs => {\n return {\n documento: removeTodasMascaras(dadosInputs.documento),\n localizador: encodingUrl(dadosInputs.protocolo),\n captchaId: localStorage.getItem(ID_CAPTCHA),\n userEnteredCaptchaCode: localStorage.getItem(USER_ENTERED_CAPTCHA_CODE),\n };\n};\n","import { ID_CAPTCHA, USER_ENTERED_CAPTCHA_CODE, LOCALIZADOR, DOCUMENTO } from 'utils/consts';\n\nexport const descricaoProtocolo =\n 'Informe CPF ou CNPJ cadastrado no requerimento, e o Número de Protocolo enviado no email para consultar o requerimento.';\n\nexport const successSubmit = (localizador, documento) => {\n localStorage.setItem(LOCALIZADOR, localizador);\n localStorage.setItem(DOCUMENTO, documento);\n localStorage.setItem(ID_CAPTCHA, '');\n localStorage.setItem(USER_ENTERED_CAPTCHA_CODE, '');\n};\n\nexport const finallySubmit = () => {\n localStorage.removeItem(LOCALIZADOR);\n localStorage.removeItem(DOCUMENTO);\n localStorage.removeItem(ID_CAPTCHA);\n localStorage.removeItem(USER_ENTERED_CAPTCHA_CODE);\n};\n","export default __webpack_public_path__ + \"static/media/PerfilSefaz.2b209274.svg\";","export default __webpack_public_path__ + \"static/media/PerfilContribuinte.2ee2c0da.svg\";","export default __webpack_public_path__ + \"static/media/PerfilContribuinteLogado.09c272bb.svg\";","import ImagemPerfilSefaz from 'assets/img/PerfilSefaz.svg';\nimport ImagemPerfilContribuinte from 'assets/img/PerfilContribuinte.svg';\nimport ImagemPerfilContribuinteLogado from 'assets/img/PerfilContribuinteLogado.svg';\nimport { ENUM_TIPO_PERFIL } from 'utils/permissao';\nimport { primeiraLetraPalavraUpperCase } from 'utils/funcaoPadrao';\n\nexport const getAuthorTitle = (isAtendente, apelido, setor, user) => {\n if (!isAtendente && user?.profile === ENUM_TIPO_PERFIL.CONTRIBUINTE)\n return primeiraLetraPalavraUpperCase(user?.given_name);\n if (!isAtendente) return 'Contribuinte';\n else {\n const setorFormatado = setor ? ' | Setor: '.concat(setor?.nome) : '';\n return `${apelido || 'Atendente'} ${setorFormatado}`;\n }\n};\n\nexport const getAvatarImage = (isAtendente, user) => {\n if (isAtendente) {\n return ImagemPerfilSefaz;\n }\n if (user?.profile === ENUM_TIPO_PERFIL.CONTRIBUINTE) {\n return ImagemPerfilContribuinteLogado;\n }\n return ImagemPerfilContribuinte;\n};\n","import styled from 'styled-components';\nimport { Comment } from 'antd';\n\nexport const ContainerComment = styled(Comment)`\n .ant-comment-content-author-time {\n color: #747373;\n white-space: nowrap;\n cursor: auto;\n }\n\n .ant-comment-nested {\n margin-left: 0px;\n }\n`;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { useSelector } from 'react-redux';\nimport { Comment, Avatar, Alert } from 'antd';\nimport { convertDatePtBrHs } from 'utils/dateFormatter';\nimport { getAuthorTitle, getAvatarImage } from './Comentario';\nimport * as S from './styles';\n\nexport const ComponentComentarios = ({ arrayComentario }) => {\n const user = useSelector(state => state.sefaz.userProfile);\n\n const getMensagem = mensagem => {\n if (mensagem?.startsWith('<')) {\n return (\n {mensagem}
;\n }\n };\n\n const renderAuthor = comentario => {\n return getAuthorTitle(comentario?.isAtendente, comentario?.atendente?.apelido, comentario?.setor, user);\n };\n\n return (\n \n {arrayComentario?.map(comentario => {\n const apelidoAtendente = comentario?.atendente?.apelido;\n if (!comentario?.justificativa) return \n );\n};\n\nComponentComentarios.propTypes = {\n arrayComentario: PropTypes.array,\n};\n\nComponentComentarios.defaultProps = {\n arrayComentario: [],\n};\n\nexport default ComponentComentarios;\n","/* istanbul ignore file */\n\nimport { postMultpartComRetorno } from 'services/api';\nimport { downloadFile } from 'utils/arquivo';\n\nexport const fetchSalvarArquivos = arquivos => dispatch => {\n return new Promise((resolve, reject) => {\n const url = `Arquivo/InserirArquivos`;\n dispatch(postMultpartComRetorno(url, arquivos, false))\n .then(res => resolve(res))\n .catch(erro => reject(erro));\n });\n};\n\nexport const fetchDownloadTodosArquivos = formularioId => {\n const url = `Arquivo/DownloadFile?FormularioId=${formularioId}`;\n downloadFile(url);\n};\n\nexport const fetchDownloadArquivo = documentoId => {\n const url = `Arquivo/${documentoId}`;\n downloadFile(url);\n};\n","import styled from 'styled-components';\n\nexport const Contain = styled.div`\n height: 100%;\n width: 98%;\n margin: auto;\n`;\n\nexport const Label = styled.p`\n font-size: 13pt;\n font-weight: 600;\n margin-right: 5px;\n margin-bottom: 0;\n font-size: ${props => props.fontSize};\n`;\n\nexport const Valor = styled.p`\n margin-bottom: 10px;\n margin-top: ${props => props.marginTop};\n`;\n\nexport const ContainerComentario = styled.div`\n margin-bottom: 10px;\n`;\n\nexport const ValorDestaque = styled.p`\n margin-bottom: 10px;\n margin-top: ${props => props.marginTop};\n font-weight: 900;\n color: var(--primary-color-sefaz);\n font-size: 16pt;\n font-size: ${props => (props.fontSize ? props.fontSize : '16pt')};\n`;\n\nexport const ContainerLabelValorTitulo = styled.div`\n display: flex;\n margin: 10px;\n padding: 3px;\n #iconHelp {\n margin-top: 5px;\n margin-right: 10px;\n }\n`;\n\nexport const ContainerLabelValor = styled.div`\n margin: 10px;\n padding: 3px;\n width: ${props => props.width || '15%'};\n`;\n\nexport const Titulo = styled.h1`\n font-size: 25pt;\n font-weight: 400;\n padding: 30px 0 10px 0;\n color: var(--primary-color-sefaz);\n margin-bottom: 0;\n margin-top: ${props => props.marginTop};\n`;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { useDispatch } from 'react-redux';\nimport { Row, Col } from 'antd';\nimport Button from 'components/Button/index';\nimport Comentarios from 'components/Comentario';\nimport TableSelect from 'components/TableSelect';\nimport { montarNovaJustificativa } from 'utils/funcaoPadrao';\nimport { convertDatePtBrHs } from 'utils/dateFormatter';\nimport { fetchDownloadTodosArquivos, fetchDownloadArquivo } from 'store/fetchActions/fetchArquivo';\nimport { fetchNotificationApp, fetchStatusLoadingGrid, fetchNotificationDebug } from 'store/fetchActions/fetchApp';\nimport { ALERTA } from 'utils/consts';\nimport * as STable from 'components/TableSelect/styles';\nimport * as S from './styles';\n\nexport default function FormDetalheArquivoJustificativa({ dados }) {\n const dispatch = useDispatch();\n\n async function clickLinhaGrid(rowCompleta) {\n try {\n dispatch(fetchStatusLoadingGrid(true));\n const dadosArquivo = dados.arquivos.find(file => file.id === rowCompleta.key);\n fetchDownloadArquivo(dadosArquivo?.id);\n fetchNotificationApp(\n 'Baixando arquivo...',\n 'Aguarde finalizar o download para continuar',\n ALERTA.INFO,\n 'bottomRight'\n );\n setTimeout(function () {\n dispatch(fetchStatusLoadingGrid(false));\n }, 10000);\n } catch (error) {\n fetchNotificationDebug('Erro ao abrir arquivo', error);\n }\n }\n\n const columns = [\n {\n title: 'Nome do Arquivo',\n dataIndex: 'nomeArquivo',\n render: (nomeArquivo, rowCompleta) => (\n clickLinhaGrid(rowCompleta)}>{nomeArquivo} \n ),\n },\n {\n title: 'Tamanho do Arquivo',\n dataIndex: 'tamanhoArquivo',\n render: text => {text} MB
,\n },\n {\n title: 'Data',\n dataIndex: 'data',\n },\n {\n title: 'Atribuição',\n dataIndex: 'atribuicao',\n },\n ];\n\n const getItemGrid = allFiles => {\n return allFiles.map(arquivo => {\n return {\n key: arquivo?.id,\n nomeArquivo: arquivo?.nomeArquivo,\n tamanhoArquivo: arquivo?.tamanho,\n data: convertDatePtBrHs(arquivo?.dtCadastro),\n atribuicao: arquivo?.atribuicao,\n };\n });\n };\n\n const montarArrayJustificativa = () => {\n const array = montarNovaJustificativa(dados?.formularioJustificativa);\n return (\n \n \n Justificativa \n {montarArrayJustificativa() || '-'} \n \n
\n \n fetchDownloadTodosArquivos(dados?.id)}\n disabled={dados?.arquivos?.length === 0}\n />\n
\n \n );\n}\n\nFormDetalheArquivoJustificativa.propTypes = {\n dados: PropTypes.object,\n};\n","/* istanbul ignore file */\nimport { createAction, createReducer } from '@reduxjs/toolkit';\nimport { USUARIO_LOGADO_FAS } from 'utils/consts';\n\nconst INITIAL_STATE = {\n todosAtendentes: { list: [] },\n atendenteDetalhar: null,\n atendenteLogado: JSON.parse(sessionStorage.getItem(USUARIO_LOGADO_FAS)) || null,\n};\nexport const duckTodosAtendentes = createAction('DUCK_TODOS_ATENDENTES');\nexport const duckAtendenteDetalhar = createAction('DUCK_DADOS_ATENDENTE_DETALHAR');\nexport const duckAtendenteLogado = createAction('DUCK_DADOS_ATENDENTE_LOGADO');\n\nexport default createReducer(INITIAL_STATE, {\n [duckTodosAtendentes.type]: (state, action) => ({\n ...state,\n todosAtendentes: action.payload,\n }),\n [duckAtendenteDetalhar.type]: (state, action) => ({\n ...state,\n atendenteDetalhar: action.payload,\n }),\n [duckAtendenteLogado.type]: (state, action) => ({\n ...state,\n atendenteLogado: action.payload,\n }),\n});\n","/* istanbul ignore file */\n\nimport { getPadraoComRetorno, postPadraoComRetorno, putPadraoComRetorno, deletePadrao } from 'services/api';\nimport { montarUrlFiltro, compararPerfis } from 'utils/funcaoPadrao';\nimport { getUser } from 'services/auth';\nimport { duckTodosAtendentes, duckAtendenteDetalhar, duckAtendenteLogado } from 'store/ducks/atendente';\nimport { duckInputSelectOptionsAtendentes } from 'store/ducks/inputs';\nimport { fetchNotificationApp, fetchStatusModalAcessoNegado } from 'store/fetchActions/fetchApp';\nimport { visualizarAtendente, listarAtendente } from 'routes/paths';\nimport {\n ALERTA,\n MSG_ATENDENTE_DELETADO_SUCESSO,\n ENUM_MODAL,\n USUARIO_LOGADO_FAS,\n ENUM_STATUS_ATIVO,\n ENUM_CONDICAO_STATUS,\n} from 'utils/consts';\nimport { ENUM_TIPO_PERFIL } from 'utils/permissao';\n\nexport const fetchSalvarAtendente = atendente => dispatch => {\n return new Promise((resolve, reject) => {\n const url = 'Atendente/InserirAtendente';\n dispatch(postPadraoComRetorno(url, atendente))\n .then(res => resolve(res))\n .catch(erro => reject(erro));\n });\n};\n\nexport const fetchGetTodosAtendentes = () => dispatch => {\n return new Promise((resolve, reject) => {\n dispatch(getPadraoComRetorno('Atendente'))\n .then(res => resolve(res))\n .catch(erro => reject(erro));\n });\n};\n\nexport const fetchGetAtendentesPorSetor = filtros => dispatch => {\n const url = `Atendente/ObterAtendente${filtros}`;\n return new Promise((resolve, reject) => {\n dispatch(getPadraoComRetorno(url))\n .then(res => resolve(res))\n .catch(erro => reject(erro));\n });\n};\n\nexport const fetchGetTodosAtendentesGeral = () => dispatch => {\n return new Promise((resolve, reject) => {\n dispatch(getPadraoComRetorno('Atendente/ObterTodasAsAtendente'))\n .then(res => {\n dispatch(duckInputSelectOptionsAtendentes(res));\n resolve(res);\n })\n .catch(erro => reject(erro));\n });\n};\n\nexport const fetchIniciarAtendimento = atendenteId => dispatch => {\n return new Promise((resolve, reject) => {\n dispatch(postPadraoComRetorno(`Formulario/StartService?atendenteId=${atendenteId}`))\n .then(res => resolve(res))\n .catch(erro => reject(erro));\n });\n};\n\nexport const fetchGetAtendenteByDocumento = (cpfCnpjAtendente, atendenteLogado) => dispatch => {\n return new Promise((resolve, reject) => {\n if (atendenteLogado) resolve(atendenteLogado);\n else {\n const user = getUser();\n const documento = cpfCnpjAtendente ? cpfCnpjAtendente : user?.cpf_cnpj;\n if (!documento) {\n reject(documento);\n return;\n }\n if (user?.profile === ENUM_TIPO_PERFIL.CONTRIBUINTE) {\n reject(user?.profile);\n return;\n }\n\n dispatch(fetchGetAtendente(documento)).then(res => resolve(res));\n }\n });\n};\n\nexport const fetchGetAtendente = (documento, user) => dispatch => {\n return new Promise((resolve, reject) => {\n dispatch(getPadraoComRetorno(`Atendente/documento=${documento}`))\n .then(res => {\n if (res?.id === 0) {\n dispatch(\n fetchStatusModalAcessoNegado(true, ENUM_MODAL.PERFIL_SEM_CADASTRO_NO_FAS, {\n idAtendente: res?.id,\n })\n );\n reject(res);\n } else if (\n res?.situacaoId === ENUM_STATUS_ATIVO.INATIVO.value ||\n res.condicaoId !== ENUM_CONDICAO_STATUS.APROVADO.id\n ) {\n dispatch(\n fetchStatusModalAcessoNegado(true, ENUM_MODAL.CADASTRO_PENDENTE, {\n situacaoId: res?.situacaoId,\n })\n );\n reject(res);\n } else if (!compararPerfis(res, user)) {\n dispatch(\n fetchStatusModalAcessoNegado(true, ENUM_MODAL.PERFIL_DIVERGENTE, {\n situacaoId: res?.situacaoId,\n })\n );\n reject(res);\n } else {\n sessionStorage.setItem(USUARIO_LOGADO_FAS, JSON.stringify(res));\n dispatch(fetchAtendenteLogado(res));\n resolve(res);\n }\n })\n .catch(erro => reject(erro));\n });\n};\n\nexport const fetchGetAtendenteById = (idAtendente, history, isSalvar = true) => dispatch => {\n return new Promise(resolve => {\n dispatch(getPadraoComRetorno(`Atendente/${idAtendente}`)).then(res => {\n if (!isSalvar) resolve(res);\n else {\n dispatch(duckAtendenteDetalhar(res));\n if (history) {\n history.push(visualizarAtendente);\n }\n }\n });\n });\n};\n\nexport const fetchGetAtendentesLista = (page, itemsByPage, filtro) => dispatch => {\n return new Promise((resolve, reject) => {\n const url = montarUrlFiltro(`Atendente/page=${page}&itemsByPage=${itemsByPage}`, filtro);\n dispatch(duckTodosAtendentes({ list: [] }));\n dispatch(getPadraoComRetorno(url, true, true))\n .then(res => {\n dispatch(duckTodosAtendentes(res));\n resolve(res);\n })\n .catch(erro => reject(erro));\n });\n};\n\nexport const fetchAtualizarAtendente = dadosAtendente => dispatch => {\n return new Promise((resolve, reject) => {\n dispatch(putPadraoComRetorno('Atendente', dadosAtendente))\n .then(res => resolve(res))\n .catch(erro => reject(erro));\n });\n};\n\nexport const fetchDeletarAtendente = (idAtendente, history) => dispatch => {\n const success = () => {\n fetchNotificationApp(MSG_ATENDENTE_DELETADO_SUCESSO, '', ALERTA.SUCESSO);\n history.push(listarAtendente);\n };\n dispatch(deletePadrao(`Atendente/${idAtendente}`, success));\n};\n\nexport const fetchAtendenteLogado = atendente => dispatch => {\n dispatch(duckAtendenteLogado(atendente));\n};\n","import { STATUS_REQUERIMENTO, ENUM_CARGO } from 'utils/consts';\nimport { ENUM_TIPO_PERFIL } from 'utils/permissao';\n\nexport const isBloquearButton = (statusRequerimento, atendenteLogado) => {\n let isDisabled = false;\n if (\n statusRequerimento === STATUS_REQUERIMENTO.FINALIZADO_DEFERIDO.identificador ||\n statusRequerimento === STATUS_REQUERIMENTO.FINALIZADO_PROCESSO_GERADO.identificador ||\n statusRequerimento === STATUS_REQUERIMENTO.FINALIZADO_INDEFERIDO.identificador ||\n statusRequerimento === STATUS_REQUERIMENTO.SOLICITACAO_ATENDIDA.identificador ||\n statusRequerimento === STATUS_REQUERIMENTO.DEVOLVIDO_CONTRIBUINTE.identificador ||\n statusRequerimento === STATUS_REQUERIMENTO.ENCAMINHADO_ATENDENTE.identificador ||\n statusRequerimento === STATUS_REQUERIMENTO.CANCELADO.identificador\n ) {\n isDisabled = true;\n }\n\n if (\n (statusRequerimento === STATUS_REQUERIMENTO.ENCAMINHADO_ATENDENTE.identificador ||\n statusRequerimento === STATUS_REQUERIMENTO.DIRECIONADO_OUTRO_ATENDENTE.identificador) &&\n atendenteLogado?.cargoId === ENUM_CARGO.SUPERVISOR_SETORIAL\n ) {\n isDisabled = true;\n }\n return isDisabled;\n};\n\nexport const filtrarStatus = (todosStatus, identificador) => {\n return todosStatus.find(x => x.identificador === identificador);\n};\n\nexport const isShowButtonIniciar = (user, statusIdentificadorRequerimento) => {\n if (user?.profile === ENUM_TIPO_PERFIL.SUPERVISOR || user?.profile === ENUM_TIPO_PERFIL.SUPERVISOR_SETORIAL) {\n if (\n statusIdentificadorRequerimento === STATUS_REQUERIMENTO.ABERTO.identificador ||\n statusIdentificadorRequerimento === STATUS_REQUERIMENTO.ENCAMINHADO_ATENDENTE.identificador ||\n statusIdentificadorRequerimento === STATUS_REQUERIMENTO.DIRECIONADO_OUTRO_ATENDENTE.identificador\n ) {\n return true;\n }\n }\n return false;\n};\n","import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { useHistory } from 'react-router-dom';\nimport { Row } from 'antd';\nimport Button from 'components/Button';\nimport {\n fetchNotificationApp,\n fetchStatusModalEncaminhar,\n fetchStatusModalJustificativa,\n} from 'store/fetchActions/fetchApp';\nimport {\n fetchAlterarStatusFormulario,\n fetchAlterarStatusSetorial,\n fetchDetalharFormularioPorId,\n fetchAdicionarJustificativa,\n} from 'store/fetchActions/fetchFormulario';\nimport { duckDadosDetalhar } from 'store/ducks/formulario';\nimport { fetchGetAtendenteByDocumento } from 'store/fetchActions/fetchAtendente';\nimport { ENUM_MODAL, STATUS_REQUERIMENTO, MSG_INICIAR_ATENDIMENTO, ALERTA } from 'utils/consts';\nimport { ENUM_TIPO_PERFIL } from 'utils/permissao';\nimport { comprovanteRequerimento } from 'routes/paths';\nimport { fetchGetTodosStatus } from 'store/fetchActions/fetchInputForm';\nimport { isBloquearButton, filtrarStatus, isShowButtonIniciar } from './detalheServicoDuvida';\n\nexport default function FormDetalheButtons({ dados }) {\n const dispatch = useDispatch();\n const history = useHistory();\n\n const unitaryTests = useSelector(state => state.app.unitaryTests);\n const user = useSelector(state => state.sefaz.userProfile);\n const atendenteLogado = useSelector(state => state.atendente.atendenteLogado);\n const dadosMinimizados = useSelector(state => state.app.dadosMinimizados);\n const listaStatus = useSelector(state => state.status.todosStatus);\n\n const [bloquearBtn, setBloquearBtn] = useState(false);\n\n React.useEffect(() => {\n if (unitaryTests) return;\n if (user?.profile !== ENUM_TIPO_PERFIL.CONTRIBUINTE) {\n dispatch(fetchGetAtendenteByDocumento(user?.cpf_cnpj, atendenteLogado));\n }\n // eslint-disable-next-line\n }, [dispatch, user, unitaryTests]);\n\n React.useEffect(() => {\n const isDisabled = isBloquearButton(dados?.status?.identificador, atendenteLogado);\n setBloquearBtn(isDisabled);\n }, [dados, atendenteLogado]);\n\n const handleClickEditar = () => {\n if (\n dadosMinimizados.nameModal &&\n dadosMinimizados.nameModal !== ENUM_MODAL.JUSTIFICATIVA.CONTRIBUINTE &&\n dadosMinimizados.nameModal !== ENUM_MODAL.JUSTIFICATIVA.USUARIO_FRENTE &&\n dadosMinimizados.nameModal !== ENUM_MODAL.JUSTIFICATIVA.USUARIO_SETORIAL\n ) {\n dispatch(fetchStatusModalEncaminhar(true, dadosMinimizados.nameModal));\n } else {\n dispatch(fetchStatusModalJustificativa(true, atendenteLogado?.isSetorial));\n }\n };\n\n const handleEditarContribuinte = () => {\n dispatch(fetchStatusModalJustificativa(true, null, ENUM_MODAL.JUSTIFICATIVA.CONTRIBUINTE));\n };\n\n const handleSupervisorIniciarAtendimento = () => {\n const objetoJustificativa = {\n justificativa: 'Iniciando Atendimento',\n formularioId: dados?.id,\n atendenteId: atendenteLogado?.id,\n isAtendente: true,\n statusId: STATUS_REQUERIMENTO.EM_ATENDIMENTO.id,\n };\n dispatch(fetchAdicionarJustificativa(objetoJustificativa)).then(() => {\n dispatch(fetchGetTodosStatus(listaStatus, false)).then(todosStatus => {\n const status = filtrarStatus(todosStatus, STATUS_REQUERIMENTO.EM_ATENDIMENTO.identificador);\n dispatch(fetchAlterarStatusFormulario(dados?.id, status?.id)).then(() => {\n dispatch(duckDadosDetalhar({}));\n dispatch(fetchDetalharFormularioPorId(dados?.id));\n fetchNotificationApp(MSG_INICIAR_ATENDIMENTO, '', ALERTA.SUCESSO);\n });\n });\n });\n };\n\n const handleSupervisorSetorialIniciarAtendimento = () => {\n dispatch(fetchGetTodosStatus(listaStatus, false)).then(todosStatus => {\n const status = filtrarStatus(todosStatus, STATUS_REQUERIMENTO.EM_ATENDIMENTO.identificador);\n const dadosRequest = {\n setorId: dados?.setorId,\n atendenteId: atendenteLogado?.id,\n formularioId: dados?.id,\n statusId: status?.id,\n justificativa: 'Iniciando Atendimento',\n };\n\n dispatch(fetchAlterarStatusSetorial(dadosRequest)).then(() => {\n dispatch(duckDadosDetalhar({}));\n dispatch(fetchDetalharFormularioPorId(dados?.id));\n fetchNotificationApp(MSG_INICIAR_ATENDIMENTO, '', ALERTA.SUCESSO);\n });\n });\n };\n\n const renderButtonIniciarAtendimento = () => {\n const isRenderButton = isShowButtonIniciar(user, dados?.status?.identificador);\n return (\n isRenderButton && (\n \n {user && user?.profile !== ENUM_TIPO_PERFIL.CONTRIBUINTE && (\n history.push(comprovanteRequerimento)}\n css={{ margin: '5px' }}\n />\n \n )}\n {renderButtonIniciarAtendimento()}\n
\n );\n}\n\nFormDetalheButtons.propTypes = {\n dados: PropTypes.object,\n};\n","import styled from 'styled-components';\n\nexport const Titulo = styled.h1`\n font-size: 25pt;\n font-weight: 400;\n padding: 30px 0 10px 0;\n color: var(--primary-color-sefaz);\n margin-bottom: 0;\n margin-top: ${props => props.marginTop};\n`;\n\nexport const Contain = styled.div`\n height: 100%;\n width: 98%;\n margin: auto;\n`;\n\nexport const Label = styled.p`\n font-size: 13pt;\n font-weight: 600;\n margin-right: 5px;\n margin-bottom: 0;\n font-size: ${props => props.fontSize};\n`;\n\nexport const Valor = styled.p`\n margin-bottom: 10px;\n margin-top: ${props => props.marginTop};\n word-break: break-all;\n`;\n\nexport const ContainerComentario = styled.div`\n margin-bottom: 10px;\n`;\n\nexport const ValorDestaque = styled.p`\n margin-bottom: 10px;\n margin-top: ${props => props.marginTop};\n font-weight: 900;\n color: var(--primary-color-sefaz);\n font-size: 16pt;\n font-size: ${props => (props.fontSize ? props.fontSize : '16pt')};\n`;\n\nexport const ContainerLabelValorTitulo = styled.div`\n display: flex;\n margin: 10px;\n padding: 3px;\n #iconHelp {\n margin-top: 5px;\n margin-right: 10px;\n }\n`;\n\nexport const ContainerLabelValor = styled.div`\n margin: 10px;\n padding: 3px;\n width: ${props => props.width || '15%'};\n`;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Row } from 'antd';\nimport { cpfMaskView, telefoneMask } from 'utils/masks';\nimport * as S from './styles';\nimport { separarEmail } from 'utils/formUtils';\n\nexport default function Pessoa({ dados }) {\n return (\n <>\n \n \n Tipo de pessoa \n {dados?.tipoPessoa} \n \n\n \n Nome \n {dados?.nome} \n \n\n \n Nome Social \n {dados?.nomeSocial} \n \n\n \n CPF \n {cpfMaskView(dados?.cpf)} \n \n\n \n Data de Nascimento \n {dados?.dataNascimento} \n \n\n \n Sexo \n {dados?.sexo} \n \n
\n\n \n \n E-mail \n {separarEmail(dados?.email)} \n \n\n \n Telefone \n {telefoneMask(dados?.telefone)} \n \n\n \n Escolaridade \n {dados?.escolaridade} \n \n\n \n Profissão \n {dados?.profissao} \n \n
\n \n );\n}\n\nPessoa.propTypes = {\n dados: PropTypes.object,\n};\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Row } from 'antd';\nimport { inscricaoMunicipalMask, inscricaoEstadualMask, cnpjMaskView } from 'utils/masks';\nimport * as S from './styles';\n\nexport default function PessoaJuridica({ dados }) {\n return (\n \n \n Cargo do Representante \n {dados?.cargoRepresentante} \n \n\n \n Razão Social \n {dados?.razaoSocial} \n \n\n \n CNPJ \n {cnpjMaskView(dados?.cnpj)} \n \n\n \n Inscrição Estadual \n {inscricaoEstadualMask(dados?.inscricaoEstadual)} \n \n\n \n Inscrição Municipal \n {inscricaoMunicipalMask(dados?.inscricaoMunicipal)} \n \n\n \n Tipo de Instituição \n {dados?.instituicao} \n \n\n \n Área de Atuação \n {dados?.areaAtuacao} \n \n
\n );\n}\n\nPessoaJuridica.propTypes = {\n dados: PropTypes.object,\n};\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Row } from 'antd';\nimport { cepMask } from 'utils/masks';\nimport * as S from './styles';\n\nexport default function Endereco({ dados }) {\n return (\n <>\n \n \n CEP \n {cepMask(dados?.cep)} \n \n\n \n Logradouro \n {dados?.logradouro} \n \n\n \n Complemento \n {dados?.complemento} \n \n\n \n Número \n {dados?.numero} \n \n\n \n Bairro \n {dados?.bairro} \n \n\n \n Cidade \n {dados?.cidade} \n \n
\n\n \n \n Estado \n {dados?.estado} \n \n\n \n País \n {dados?.pais} \n \n
\n \n );\n}\n\nEndereco.propTypes = {\n dados: PropTypes.object,\n};\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport FormDetalhePessoa from './pessoa';\nimport FormDetalhePessoaJuridica from './pessoaJuridica';\nimport FormDetalheEndereco from './endereco';\nimport * as S from './styles';\nimport { ENUM_TIPO_PESSOA } from 'utils/consts';\n\nexport default function FormDetalheDadosCadastrais({ dados, endereco }) {\n return (\n <>\n Dados Profissionais \n Endereço \n \n \n \n \n Localizador: \n {dados?.localizador} \n \n \n \n \n Status: \n \n \n {dados?.status?.descricao.toUpperCase()}\n \n \n \n Atendente que encaminhou: \n \n {dados?.ultimoAtendenteQueEncaminhou &&\n montaNomeAtendente(valueOrDefaultValue(dados?.ultimoAtendenteQueEncaminhou?.nome, ''))}\n \n \n )}\n \n
\n \n \n \n \n Serviço: \n {dados?.servico} \n \n \n De setor: \n \n {valueOrDefaultValue(dados?.setorOrigem?.nome, ' - - ')}\n \n
\n \n Para setor: \n \n {valueOrDefaultValue(dados?.setorDestino?.nome, ' - ')}\n \n
\n \n )}\n \n
\n \n \n {dados?.solicitacao?.nome && (\n \n ') ? '20px' : 0,\n }}\n />\n }\n />\n Solicitação: \n\n {dados?.solicitacao?.nome} \n \n \n )}\n
\n Dados Pessoais \n Arquivo e Justificativa \n \n \n );\n}\nFormPadraoDetalhe.propTypes = {\n dados: PropTypes.object,\n};\n","import React from 'react';\nimport { useSelector, useDispatch } from 'react-redux';\nimport TitlePage from 'components/TituloPage';\nimport DetalheRequisicao from 'containers/RequerimentoDetalhe';\nimport { pesquisarProtocolo, requerimentos, requerimentosListarContribuinte } from 'routes/paths';\nimport { fetchAdicionarJustificativa, fetchDetalharFormularioPorId } from 'store/fetchActions/fetchFormulario';\nimport { ID_REQUERIMENTO_DETALHAR, STATUS_REQUERIMENTO } from 'utils/consts';\nimport { ENUM_TIPO_PERFIL } from 'utils/permissao';\nimport { formatterRequerimentoBackToFront } from 'utils/formatter/requerimento';\nimport {\n verificarUsuarioAlterarStatus,\n handleAlterarStatusAtendente,\n handleAlterarStatusAtendenteSetorial,\n} from './Detalhar';\nimport * as S from '../styles';\n\nexport default function PageDetalharRequerimento() {\n const dispatch = useDispatch();\n\n const dadosExibirDetalhar = useSelector(state => state.formulario.dadosExibirDetalhar);\n const user = useSelector(state => state.sefaz.userProfile);\n const atendenteLogado = useSelector(state => state.atendente.atendenteLogado);\n\n React.useEffect(() => {\n if (verificarUsuarioAlterarStatus(atendenteLogado, dadosExibirDetalhar?.status?.identificador)) {\n const objetoJustificativa = {\n justificativa: 'Iniciando Atendimento',\n formularioId: dadosExibirDetalhar?.id,\n atendenteId: atendenteLogado?.id,\n isAtendente: true,\n statusId: STATUS_REQUERIMENTO.EM_ATENDIMENTO.id,\n setorId: dadosExibirDetalhar?.setorId || null,\n };\n\n if (atendenteLogado.isSetorial) {\n dispatch(\n handleAlterarStatusAtendenteSetorial(atendenteLogado, dadosExibirDetalhar, STATUS_REQUERIMENTO.EM_ATENDIMENTO)\n );\n } else {\n dispatch(fetchAdicionarJustificativa(objetoJustificativa)).then(() => {\n dispatch(handleAlterarStatusAtendente(dadosExibirDetalhar, STATUS_REQUERIMENTO.EM_ATENDIMENTO));\n });\n }\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [dispatch, atendenteLogado, dadosExibirDetalhar]);\n\n React.useEffect(() => {\n const idDetalhar = localStorage.getItem(ID_REQUERIMENTO_DETALHAR);\n if (!dadosExibirDetalhar.localizador && idDetalhar) {\n localStorage.removeItem(ID_REQUERIMENTO_DETALHAR);\n dispatch(fetchDetalharFormularioPorId(idDetalhar));\n }\n // eslint-disable-next-line\n }, [dispatch]);\n\n const getBackPage = () => {\n if (!user) return pesquisarProtocolo;\n if (user?.profile !== ENUM_TIPO_PERFIL.CONTRIBUINTE) return requerimentos;\n if (user?.profile === ENUM_TIPO_PERFIL.CONTRIBUINTE) return requerimentosListarContribuinte;\n return pesquisarProtocolo;\n };\n\n return (\n \n \n );\n}\n","import { STATUS_REQUERIMENTO, ENUM_CARGO } from 'utils/consts';\nimport { formatterStatusSetorialIniciandoFrontToBack } from 'utils/formatter/status';\nimport {\n fetchAlterarStatusSetorial,\n fetchAlterarStatusFormulario,\n fetchDetalharFormularioPorId,\n} from 'store/fetchActions/fetchFormulario';\n\nexport const verificarUsuarioAlterarStatus = (atendenteLogado, statusIdentificadorRequerimento) => {\n const isAtendente = atendenteLogado?.cargoId === ENUM_CARGO.ATENDENTE;\n const isEncaminhadoOrDirecionado =\n statusIdentificadorRequerimento === STATUS_REQUERIMENTO.ENCAMINHADO_ATENDENTE.identificador ||\n statusIdentificadorRequerimento === STATUS_REQUERIMENTO.DIRECIONADO_OUTRO_ATENDENTE.identificador;\n\n return isAtendente && isEncaminhadoOrDirecionado ? true : false;\n};\n\nexport const handleAlterarStatusAtendenteSetorial = (atendenteLogado, dadosRequerimento, novoStatus) => dispatch => {\n const dadosFormatados = formatterStatusSetorialIniciandoFrontToBack(atendenteLogado, dadosRequerimento, novoStatus);\n dispatch(fetchAlterarStatusSetorial(dadosFormatados)).then(() =>\n dispatch(fetchDetalharFormularioPorId(dadosRequerimento?.id))\n );\n return dadosFormatados;\n};\n\nexport const handleAlterarStatusAtendente = (dadosRequerimento, novoStatus) => dispatch => {\n dispatch(fetchAlterarStatusFormulario(dadosRequerimento?.id, novoStatus?.id)).then(() =>\n dispatch(fetchDetalharFormularioPorId(dadosRequerimento?.id))\n );\n return { id: dadosRequerimento?.id, statusId: novoStatus?.id };\n};\n","//api/Formulario/AlterarStatusAtendenteSetorial\nexport const formatterStatusSetorialIniciandoFrontToBack = (atendenteLogado, dadosRequerimento, novoStatus) => {\n return {\n setorId: dadosRequerimento?.setorId,\n atendenteId: atendenteLogado?.id,\n formularioId: dadosRequerimento?.id,\n statusId: novoStatus?.id,\n justificativa: 'Iniciando o atendimento',\n };\n};\n","import styled from 'styled-components';\n\n// CARD SERVICO DOCUMENTO\n\nexport const CardServico = styled.div`\n width: 28%;\n padding-bottom: 130px;\n background-color: var(--background-second-sefaz);\n border-radius: 10px;\n box-shadow: 0 2px 6px rgb(0 0 0 / 16%);\n padding: 20px;\n padding-bottom: 30px;\n margin: 20px;\n transition: all 0.2s ease-in-out;\n\n background: rgba(255, 255, 255, 0.3);\n backdrop-filter: blur(10px);\n -webkit-backdrop-filter: blur(10px);\n border-radius: 10px;\n border: 1px solid rgba(255, 255, 255, 0.18);\n\n &:hover {\n background: #ffffff;\n transform: translateY(-3px);\n box-shadow: 0 4px 17px rgba(0, 0, 0, 0.1);\n }\n`;\n\nexport const CardServicoIcone = styled.div`\n width: 30%;\n height: 70px;\n margin: auto;\n border-radius: 100%;\n display: flex;\n span {\n margin: auto;\n }\n svg {\n font-size: 30pt;\n }\n`;\n\nexport const CardServicoLabel = styled.p`\n margin: 0px;\n font-size: 14pt;\n font-weight: 500;\n text-align: center;\n`;\n\nexport const CardServicoDescricao = styled.p`\n margin: 0px;\n font-size: 10pt;\n text-align: center;\n word-break: break-word;\n`;\n\n// CARD ENDERECO\n\nexport const CardInputs = styled.div`\n width: 28%;\n padding-bottom: 130px;\n background-color: var(--background-second-sefaz);\n margin: 20px;\n margin-top: 50px;\n border-radius: 10px;\n box-shadow: 0 2px 6px rgb(0 0 0 / 16%);\n padding: 40px;\n padding-bottom: 30px;\n transition: all 0.2s ease-in-out;\n\n background: rgba(255, 255, 255, 0.3);\n backdrop-filter: blur(10px);\n -webkit-backdrop-filter: blur(10px);\n border-radius: 10px;\n border: 1px solid rgba(255, 255, 255, 0.18);\n\n &:hover {\n background: #ffffff;\n transform: translateY(-3px);\n box-shadow: 0 4px 17px rgba(0, 0, 0, 0.1);\n }\n`;\n\nexport const CardInputsContainerLabel = styled.div`\n display: flex;\n margin-bottom: 5px;\n`;\n\nexport const CardInputsTitulo = styled.p`\n margin: 0px;\n font-weight: 500;\n font-size: 20pt;\n text-align: center;\n margin: 5px;\n margin-bottom: 30px;\n`;\n\nexport const CardInputsLabel = styled.p`\n margin: 0px;\n font-weight: 500;\n`;\n\nexport const CardInputsDescricao = styled.p`\n margin: 2px;\n font-size: 10pt;\n margin-left: 3px;\n word-break: break-word;\n`;\n","import React from 'react';\nimport * as S from './style';\n\nexport default function CardGerericoResumo({ titulo, descricao, icon, style }) {\n return (\n \n {icon} \n {titulo} \n {descricao} \n \n );\n}\n","import React from 'react';\nimport * as S from './style';\n\nexport default function CardEndereco({ dadosInputs }) {\n return (\n \n Endereço \n\n \n CEP: \n {dadosInputs?.cep} \n \n\n \n Logradouro: \n {dadosInputs?.logradouro} \n \n\n \n Complemento: \n {dadosInputs?.complemento} \n \n\n \n Número: \n {dadosInputs?.numero} \n \n\n \n Bairro: \n {dadosInputs?.bairro} \n \n\n \n Cidade: \n {dadosInputs?.cidade} \n \n\n \n Estado: \n {dadosInputs?.estado} \n \n\n \n País: \n {dadosInputs?.pais} \n \n \n );\n}\n","import React from 'react';\nimport { useSelector } from 'react-redux';\nimport { convertDatePtBr } from 'utils/dateFormatter';\nimport * as S from './style';\n\nexport default function CardDadosPessoais({ dadosInputs }) {\n const inputSelectOptionsSexo = useSelector(state => state.inputs.inputSelectOptionsSexo);\n const inputSelectOptionsEscolaridade = useSelector(state => state.inputs.inputSelectOptionsEscolaridade);\n const inputSelectOptionsProfissao = useSelector(state => state.inputs.inputSelectOptionsProfissao);\n\n return (\n \n Dados Pessoais \n\n \n Nome: \n {dadosInputs?.nome} \n \n\n \n Nome Social: \n {dadosInputs?.nomeSocial} \n \n\n \n CPF: \n {dadosInputs?.cpf} \n \n\n \n Data de Nascimento: \n {convertDatePtBr(dadosInputs?.dataNascimento)} \n \n\n \n Sexo: \n \n {inputSelectOptionsSexo?.find(x => x.id === dadosInputs?.sexoId)?.descricao}\n \n \n\n \n E-mail: \n {dadosInputs?.email} \n \n\n \n Telefone: \n {dadosInputs?.telefone} \n \n\n \n Escolaridade: \n \n {inputSelectOptionsEscolaridade?.find(x => x.id === dadosInputs?.escolaridadeId)?.descricao}\n \n \n\n \n Profissão: \n \n {inputSelectOptionsProfissao?.find(x => x.id === dadosInputs?.profissaoId)?.descricao}\n \n \n \n );\n}\n","import React from 'react';\nimport { useSelector } from 'react-redux';\nimport * as S from './style';\n\nexport default function CardDadosProfissionais({ dadosInputs }) {\n const inputSelectOptionsAreaAtuacao = useSelector(state => state.inputs.inputSelectOptionsAreaAtuacao);\n const inputSelectOptionsInstituicao = useSelector(state => state.inputs.inputSelectOptionsInstituicao);\n\n return (\n \n Dados Profissionais \n\n \n Cargo do Representante: \n {dadosInputs?.cargoRepresentante} \n \n\n \n Razão Social: \n {dadosInputs?.razaoSocial} \n \n\n \n CNPJ: \n {dadosInputs?.cnpj} \n \n\n \n Inscrição Estadual: \n {dadosInputs?.inscricaoEstadual} \n \n\n \n Inscrição Municipal: \n {dadosInputs?.inscricaoMunicipal} \n \n\n \n Tipo de Instituição: \n \n {inputSelectOptionsAreaAtuacao?.find(x => x.id === dadosInputs?.escolaridadeId)?.atuacao}\n \n \n\n \n Área de Atuação: \n \n {inputSelectOptionsInstituicao?.find(x => x.id === dadosInputs?.areaAtuacaoId)?.nomeInstituicao}\n \n \n \n );\n}\n","export async function formatterFileFrontToBack(anexos, respostaApi, atendenteId = 0) {\n const formData = new FormData();\n\n for (let anexo of anexos) {\n delete anexo.key;\n delete anexo.data;\n formData.append('FileData', anexo);\n }\n\n formData.append('formularioId', respostaApi?.id);\n formData.append('localizadorFormulario', respostaApi?.localizador);\n formData.append('atendenteId', atendenteId);\n formData.append('id', 0);\n\n return formData;\n}\n","import { fetchSalvarFormulario } from 'store/fetchActions/fetchFormulario';\nimport { fetchSalvarArquivos } from 'store/fetchActions/fetchArquivo';\nimport { formatterFileFrontToBack } from 'utils/formatter/arquivos';\nimport { formatterRequerimentoFrontToBack } from 'utils/formatter/requerimento';\nimport {\n ALERTA,\n MSG_SALVAR_FORMULARIO_SUCESSO,\n MSG_VERIFICAR_SPAN,\n ENUM_MODAL,\n ID_CAPTCHA,\n USER_ENTERED_CAPTCHA_CODE,\n} from 'utils/consts';\nimport { homeContribuinte, publicRoot } from 'routes/paths';\nimport { fetchStatusModal, fetchNotificationApp } from 'store/fetchActions/fetchApp';\n\nexport const submitRequerimentoInput = (dadosInputs, arquivos, assuntoId) => dispatch => {\n return new Promise((resolve, reject) => {\n const captchaId = localStorage.getItem(ID_CAPTCHA);\n const userEnteredCaptchaCode = localStorage.getItem(USER_ENTERED_CAPTCHA_CODE);\n const dadosFormatados = formatterRequerimentoFrontToBack({\n ...dadosInputs,\n captchaId,\n userEnteredCaptchaCode,\n assuntoId,\n });\n\n dispatch(fetchSalvarFormulario(dadosFormatados))\n .then(respostaApi => {\n dispatch(submitRequerimentoArquivo(respostaApi, arquivos))\n .then(() => resolve(respostaApi))\n .catch(error => reject(error));\n })\n .catch(error => reject(error));\n });\n};\n\nexport const submitRequerimentoArquivo = (respostaApi, arquivos) => dispatch => {\n return new Promise((resolve, reject) => {\n formatterFileFrontToBack(arquivos, respostaApi).then(arquivosFormatados => {\n dispatch(fetchSalvarArquivos(arquivosFormatados))\n .then(() => resolve())\n .catch(error => reject(error));\n });\n });\n};\n\nexport const sucessoRequerimento = (respostaApi, history, isLogado) => dispatch => {\n const email = respostaApi?.formularioPessoa?.pessoa?.email;\n history.push(isLogado ? homeContribuinte : publicRoot);\n fetchNotificationApp(MSG_SALVAR_FORMULARIO_SUCESSO(email), MSG_VERIFICAR_SPAN, ALERTA.SUCESSO, 'bottomRight', 10);\n dispatch(fetchStatusModal(true, ENUM_MODAL.SUCESSO_REQUERIMENTO, { respostaApi }));\n};\n","import styled from 'styled-components';\n\nexport const Contain = styled.div`\n height: 100%;\n padding-bottom: 130px;\n`;\n\nexport const Card = styled.div`\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n margin: auto;\n margin-bottom: 20px;\n margin-top: 20px;\n border-radius: 10px;\n background-color: var(--bottom-color-sefaz);\n box-shadow: 0 2px 6px rgb(0 0 0 / 16%);\n padding: 20px;\n padding-bottom: 30px;\n min-height: 300px;\n width: 95%;\n`;\n\nexport const Titulo = styled.div`\n display: block;\n text-align: center;\n margin: auto;\n margin-top: 25px;\n h1,\n h3 {\n margin: 0;\n color: var(--primary-color-sefaz);\n }\n h1 {\n font-weight: 600;\n font-size: 50pt;\n }\n h3 {\n font-size: 25pt;\n }\n`;\n\nexport const ContainerButton = styled.div`\n display: flex;\n justify-content: center;\n`;\n","import React from 'react';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { MessageOutlined, FileDoneOutlined, PaperClipOutlined } from '@ant-design/icons';\nimport ButtonComponent from 'components/Button';\nimport { useHistory } from 'react-router-dom';\nimport { fetchStatusModal, fetchSetReloadCaptcha } from 'store/fetchActions/fetchApp';\nimport { fetchSalvarInputsFormularios } from 'store/fetchActions/fetchInputForm';\nimport CardGerericoResumo from 'containers/RequerimentoResumo/cardGerericoResumo';\nimport CardEndereco from 'containers/RequerimentoResumo/cardEndereco';\nimport CardDadosPessoais from 'containers/RequerimentoResumo/cardDadosPessoais';\nimport CardDadosProfissionais from 'containers/RequerimentoResumo/cardDadosProfissionais';\nimport { submitRequerimentoInput, sucessoRequerimento } from './submitForm';\nimport { duvidas, servicos } from 'routes/paths';\nimport { ENUM_MODAL } from 'utils/consts';\nimport { removeTagsHtmlDeTexto } from 'utils/stringFormatter';\nimport * as S from './style';\nimport { ENUM_TIPO_PERFIL } from 'utils/permissao';\n\nexport default function PageResumo() {\n const dispatch = useDispatch();\n const history = useHistory();\n\n const user = useSelector(state => state.sefaz.userProfile);\n const inputDados = useSelector(state => state.inputs.inputDadosRequerimentoCompleto);\n const inputSelectOptionsServicos = useSelector(state => state.inputs.inputSelectOptionsServicos);\n\n const [loadingEnviar, setLoadingEnviar] = React.useState(false);\n\n const formatarArquivoNome = arquivos => {\n const nomesArquivos = arquivos?.map(x => x.name);\n return nomesArquivos.toString().replace(',', ' - ');\n };\n\n const validarCaptchaEnviar = () => {\n dispatch(\n fetchStatusModal(true, ENUM_MODAL.RESOLVE_CAPTCHA, {\n onOk: onSubmit,\n titleButton: 'Validar',\n width: 400,\n })\n );\n };\n\n const onSubmit = () => {\n setLoadingEnviar(true);\n dispatch(submitRequerimentoInput(inputDados?.data, inputDados?.arquivos?.arquivos, inputDados?.assuntoId))\n .then(respostaApi => {\n dispatch(sucessoRequerimento(respostaApi, history, user?.profile === ENUM_TIPO_PERFIL.CONTRIBUINTE));\n dispatch(fetchSalvarInputsFormularios({}));\n })\n .catch(() => {\n dispatch(fetchStatusModal(false, ''));\n dispatch(fetchSetReloadCaptcha(true));\n })\n .finally(() => {\n setLoadingEnviar(false);\n });\n };\n\n const onBack = () => {\n history.push(inputDados?.data?.servico ? servicos : duvidas);\n };\n\n return (\n \n \n \n
\n FAS \n Resumo do Requerimento \n \n Antes de enviar o requerimento, verifique se os dados estão corretos e se atendem os requisitos\n necessários para prosseguir com o atendimento. Verifique também, se necessário, os anexos solicitados e os\n anexos enviados. Caso tenha alguma inconsistência no seu requerimento, ele poderá ser cancelado ou\n devolvido para ajustes. Após o envio do requerimento, é possível acompanhar o seu status a qualquer\n momento.\n
\n \n
\n x.id === inputDados?.data?.servico)?.descricao}\n icon={ x.id === inputDados?.data?.servico)?.documentos\n )}\n icon={
\n )}\n \n
\n \n \n \n \n );\n}\n","import { convertDatePtBr, convertDatePtBrHs } from 'utils/dateFormatter';\nimport {\n cpfMaskView,\n telefoneMask,\n cnpjMaskView,\n inscricaoEstadualMaskView,\n inscricaoMunicipalMaskView,\n cepMaskView,\n} from 'utils/masks';\nimport { removeTagsHtmlDeTexto } from 'utils/stringFormatter';\nimport { getTipoPerfil } from 'utils/funcaoPadrao';\nimport { getEnv } from 'config/enviroment';\n\nexport const _getStringHtmlInput = (label, descricao) => {\n let html = '';\n html += ``;\n html += `
${label}
`;\n html += `
${descricao || ''}
`;\n html += `
`;\n html += `
${autor} ${dataInsercao ? '- ' + convertDatePtBrHs(dataInsercao) : ''}
`;\n html += `
${removeTagsHtmlDeTexto(justificativa)}
`;\n html += `
Relatório FAS `;\n const titleUser = `Relatório FAS - Por: ${userName} - ${userDocument} - ${userProfile} `;\n\n return !user ? titleDefault : titleUser;\n};\n\nexport const _getStringHtmlInfo = user => {\n const userName = user?.name_representative;\n const userDocument = user?.cpf_cnpj_representative;\n const userProfile = getTipoPerfil(user?.profile);\n\n let htmlReturn = `Data da emissão: ${convertDatePtBrHs(new Date())}
`;\n if (user) {\n htmlReturn += `Gerado por: ${userName} - ${userDocument} - ${userProfile}
`;\n }\n\n htmlReturn += `Versão do FAS: ${getEnv()?.VERSAO || 'Error'}
`;\n return htmlReturn;\n};\n\nexport const createHtmlComprovante = (dadosApi, user) => {\n const pessoa = dadosApi?.formularioPessoa?.pessoa;\n const nomesArquivos = dadosApi?.arquivos?.map(x => x.nomeArquivo);\n const justificativa = dadosApi?.formularioJustificativas;\n\n let style = '';\n\n let windowContent = '';\n windowContent += style;\n windowContent += '';\n windowContent += _getStringHtmlTitulo(user);\n\n windowContent += '';\n windowContent += `Comprovante do Requerimento ${dadosApi?.localizador}
`;\n windowContent += `PREFEITURA MUNICIPAL DO SALVADOR - SECRETARIA DA FAZENDA
`;\n\n windowContent += ``;\n windowContent += `Pessoa Fisica`;\n windowContent += `
`;\n windowContent += _getStringHtmlInput('Nome', pessoa?.nome);\n windowContent += _getStringHtmlInput('Nome Social', pessoa?.nomeSocial);\n windowContent += _getStringHtmlInput('CPF', cpfMaskView(pessoa?.cpf));\n windowContent += _getStringHtmlInput('Data de Nascimento', convertDatePtBr(pessoa?.dataNascimento));\n windowContent += _getStringHtmlInput('Sexo', pessoa?.sexo?.descricao);\n windowContent += _getStringHtmlInput('E-mail', pessoa?.email);\n windowContent += _getStringHtmlInput('Telefone', telefoneMask(pessoa?.telefone));\n windowContent += _getStringHtmlInput('Escolaridade', pessoa?.escolaridade?.descricao);\n windowContent += _getStringHtmlInput('Profissão', pessoa?.profissao?.descricao);\n windowContent += `
`;\n windowContent += `
`;\n windowContent += `Pessoa Juridica`;\n windowContent += `
`;\n windowContent += _getStringHtmlInput('Cargo do Representante', pessoa?.cargoRepresentante);\n windowContent += _getStringHtmlInput('Razão Social', pessoa?.razaoSocial);\n windowContent += _getStringHtmlInput('CNPJ', cnpjMaskView(pessoa?.cnpj));\n windowContent += _getStringHtmlInput('Inscrição Estadual', inscricaoEstadualMaskView(pessoa?.inscricaoEstadual));\n windowContent += _getStringHtmlInput('Inscrição Municipal', inscricaoMunicipalMaskView(pessoa?.inscricaoMunicipal));\n windowContent += _getStringHtmlInput('Tipo de Instituição', pessoa?.instituicao?.nomeInstituicao);\n windowContent += _getStringHtmlInput('Área de Atuação', pessoa?.areaAtuacao?.atuacao);\n windowContent += `
`;\n windowContent += `
`;\n windowContent += `Endereço`;\n windowContent += `
`;\n windowContent += _getStringHtmlInput('CEP', cepMaskView(pessoa?.endereco?.cep));\n windowContent += _getStringHtmlInput('Logradouro', pessoa?.endereco?.logradouro);\n windowContent += _getStringHtmlInput('Complemento', pessoa?.endereco?.complemento);\n windowContent += _getStringHtmlInput('Número', pessoa?.endereco?.numero);\n windowContent += _getStringHtmlInput('Bairro', pessoa?.endereco?.bairro);\n windowContent += _getStringHtmlInput('Cidade', pessoa?.endereco?.cidade);\n windowContent += _getStringHtmlInput('Estado', pessoa?.endereco?.estado);\n windowContent += _getStringHtmlInput('País', pessoa?.endereco?.pais);\n windowContent += `
`;\n windowContent += `
`;\n windowContent += `Serviço: ${dadosApi?.assunto?.descricao}`;\n windowContent += `
`;\n\n windowContent += ``;\n windowContent += `Documentos Necessários: ${dadosApi?.solicitacao?.documentos || ''}`;\n windowContent += `
`;\n\n windowContent += ``;\n windowContent += `Anexos: ${nomesArquivos?.toString().replace(',', ' - ')}`;\n windowContent += `
`;\n\n windowContent += `Histórico de respostas ${dadosApi?.localizador}
`;\n\n justificativa?.forEach(x => {\n windowContent += _getStringHtmlJustificativa(x);\n });\n\n windowContent += _getStringHtmlInfo(user);\n\n windowContent += '';\n windowContent += '';\n return windowContent;\n};\n","import React from 'react';\nimport { useSelector } from 'react-redux';\nimport { useHistory } from 'react-router-dom';\nimport { ENUM_TIPO_LAYOUT_RELATORIO_DOWNLOAD } from 'utils/consts';\nimport { detalharRequerimentoContribuinte } from 'routes/paths';\nimport { downloadFileHtmlToPdf } from 'utils/arquivo';\nimport { createHtmlComprovante } from './comprovante';\n\nexport default function PageComprovanteRequerimento() {\n const history = useHistory();\n\n const user = useSelector(state => state.sefaz.userProfile);\n const dadosApi = useSelector(state => state.formulario.dadosExibirDetalhar);\n\n const downloadFilePdf = () => {\n const windowContent = createHtmlComprovante(dadosApi, user);\n downloadFileHtmlToPdf(windowContent, 'Relatorio_FAS', ENUM_TIPO_LAYOUT_RELATORIO_DOWNLOAD.PAISAGEM, () =>\n history.push(detalharRequerimentoContribuinte)\n );\n };\n\n React.useEffect(() => {\n downloadFilePdf();\n });\n\n return (\n \n );\n}\n","export default __webpack_public_path__ + \"static/media/HomeFas.5d02a6b3.svg\";","import styled from 'styled-components';\n\nexport const Imagem = styled.img`\n padding: 5px;\n margin: auto;\n width: 30vw;\n`;\n\nexport const Page = styled.div`\n height: 90vh;\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n align-content: center;\n justify-content: center;\n text-align: center;\n`;\n\nexport const DivImage = styled.div`\n margin: auto;\n`;\n\nexport const DivText = styled.div`\n max-width: 100rem;\n margin: auto;\n\n h1 {\n font-size: 80pt;\n font-weight: 600;\n color: var(--primary-color-sefaz);\n margin: 0;\n height: 12rem;\n }\n h2 {\n font-size: 25pt;\n font-weight: 500;\n color: var(--primary-color-sefaz);\n margin: 0;\n margin-bottom: 20px;\n }\n p {\n text-align: justify;\n margin: auto;\n width: 80%;\n }\n`;\n\nexport const ButtonContainer = styled.div`\n display: flex;\n gap: 13px;\n justify-content: center;\n margin-top: 20px;\n`;\n","import React from 'react';\nimport { useHistory } from 'react-router-dom';\nimport { useDispatch, useSelector } from 'react-redux';\nimport ImagemBemVindo from 'assets/img/HomeFas.svg';\nimport { privateRoot, pesquisarProtocolo } from 'routes/paths';\nimport Button from 'components/Button/index';\nimport { fetchSalvarInputsFormularios } from 'store/fetchActions/fetchInputForm';\nimport { IS_TROCA_PERFIL, IS_NEW_LOGIN, USUARIO_LOGADO_FAS, FORMULARIOS } from 'utils/consts';\nimport { altImagemBemVindo } from 'utils/acessibilidade';\nimport { FileProtectOutlined, QuestionCircleOutlined, UserOutlined, SearchOutlined } from '@ant-design/icons';\nimport * as S from './styles';\n\nexport default function HomePublic() {\n const history = useHistory();\n const dispatch = useDispatch();\n\n const unitaryTests = useSelector(state => state.app.unitaryTests);\n\n React.useEffect(() => {\n if (unitaryTests) return;\n sessionStorage.removeItem(USUARIO_LOGADO_FAS);\n dispatch(fetchSalvarInputsFormularios({}));\n if (localStorage.getItem(IS_TROCA_PERFIL) || localStorage.getItem(IS_NEW_LOGIN)) {\n localStorage.removeItem(IS_TROCA_PERFIL);\n localStorage.removeItem(IS_NEW_LOGIN);\n history.push(privateRoot);\n }\n // eslint-disable-next-line\n }, [dispatch, history]);\n\n return (\n \n \n FAS \n FORMULÁRIO DE ATENDIMENTO SEFAZ \n \n O FAS (Formulário de Atendimento SEFAZ) é uma plataforma que oferece conforto e agilidade aos contribuintes\n quando desejam realizar solicitações junto à SEFAZ ou esclarecer dúvidas. Com apenas alguns cliques, o FAS\n disponibiliza uma ampla gama de serviços. Além disso, a interface intuitiva do FAS facilita a navegação e\n proporciona uma experiência agradável ao usuário, tornando todo o processo simples e rápido. Portanto, contar\n com o FAS é garantir comodidade e eficiência no relacionamento com a SEFAZ, permitindo que os contribuintes\n realizem suas atividades burocráticas de forma mais ágil e descomplicada.\n
\n \n \n \n \n \n \n );\n}\n","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgAAAAIACAMAAADDpiTIAAAAA3NCSVQICAjb4U/gAAAACXBIWXMAAJzsAACc7AGlSSxhAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAsdQTFRF////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAKQ0ElwAAAOx0Uk5TAAECAwQFBgcICQoLDA0ODxAREhMUFRYYGRobHB0eHyAhIiMkJSYoKSorLC0uMDEyMzQ2Nzg5Ojw9PkBBQkNERUZHSElKS0xNTk9QUVNVVldYWVpbXF1eX2FiZGVmZ2hpamtsbW5vcHFyc3R1dnd4eXp7fH1/gIGEh4iJioyNjo+QkZKTlJWWl5iZmpucnZ6foKGjpKWmp6ipqqusra6vsLGys7S1tre4ubq7vL2+v8DBwsPExcbHyMnKy8zNzs/Q0tPU1dbY2drb3N3e3+Dh4uPk5ebn6Onq6+zt7u/w8fLz9PX29/j5+vv8/f54Qu/OAAAYCElEQVR42u2djUNVZZ7HL6iAKfLi2xIhmJSv5bbry9Q62ljODNDsJo4ymU3pijluooyrhYLmjG9MOTgEQmi1hWi6uiBmpVnqqlca0k1HrS44gFzgvjx/xJZpiXDvPc85z7nP2/fzB9zzPL/v5977nHOe8zsOh67EZxeV1zpbW5215UXZ8Q6gFckLD3SRO+g6sDAZVdEn/hIf6YGvBApo8ttf4Ca94i7AP4EGZLhIQFwZqI/qrPCTIPhXoEJKE11KQlAajSqpS0w9CUl9DOqkLGXEAGWok6qsJIZYiUqpSabfmAD+TNRKRRKbiUGaE1EtBSkkhilEtdRjRIdxATpGoF7KUUooKEW9VCPVTyOAPxUVU4xcQkUuKqYYh+gEOISKqUWCh04ATwJqphRzCCVzUDOlWE8rwHrUTCkqaQWoRM2U4gitAEdQM6VopBWgETVTig5aATpQM5WIJtRga5hKxNALgJ1hEABAAAABAAQAEABAAAABAAQAEABAAAABAAQAEABAAAABAAQAEABAAAABAAQAEABAAAABAAQAEABAAAABAAQAEABAAAABAAQAEABAAAABAAQAEABAAGAfEV20+XdFoGoqcZFWgIuomUX6p03JmjY6XpDRHKUV4KggA08Y89PMKWmy/R+NXV5/+y2N7rMbpkfxH1EVrQBVAixcZv7xnPvWcJrq8ibIkn7axrtbc7fseoL3oF6lFeBV3iPOrL5x15C+3PaABPEP39TreuvwVL7DyqEVIIfveB/7sNc3GRUnCR5/7Cs3AlW0ZhzPgQ3x0eXvG8JztOP3BhpXe0GsyPnffyZITduf5jm0ejoB6nmO9dfuICM7M0rc/Ke7glf1ZY7n1svoBFjGb6R9QrzlummGqPnnekOV9Z2B3AaXTidAOr/zvv2hxuZdImb+SwzU9aM4OU4E+Z0EDj0l64ttZ3iNVPZjbgakU7w71JMudP7EO128/Ec1GastPwM2Gxdgs9j5E+K6X7jzvzNGi8vNgGGtRofYOkzw/L89FxDtbLDA+NeLmwFzjY5wrvD5E/KKWPkntRMJDFhnbHzrJMif3BgulADFVOdYxzgZEFltZHTVkRLkT8gmkfJ/wEOkMGDQ6dBjOz1IivxJV5q0PwAcDYirCTWymjg58idko0ACXKbecXeM006RyBDXWQsjZclfpNdbT6TfcsnNAEdOW+BBtfG6CWwif0LGCCPAKiKTAcO3BVixeLYNlyl/8h/CCPCxmeGT49z2Cz74dm/jeftBh1T5kzphBLhBJDPAMSb/uP/OofiP5/P7QTWZP2kS5jIwIdIZ4HAkv7C95uQ1v//ayZrtLyRzHIjZ/MV5dmUUkdKAm/Trx3sE5vMnolwJmEokNkDi/MkUQeaQZX4K5JN45G+aLEEmMZ1YMSAB+ZtlmiCzGE9gAI/8yWhRpkFgAI/8iSh/n5FeGMAjf7cwM2kkMCD8+ZOzwkxlq8WZkBMJyJ+eDcLM5ecEBoQ/fyLO3vD+7TAg/Pm3RIkznWoCA8KdP9kl0HwyCQwId/7kCZFm9CGDCR3rr0v+Az5jUK7DQk3pMQYzIuW6CFDFolpTxZrTXhZzytMj/3wWtaoRbFLj2xlMyjdLh/x/4WdQqvZxok0rm4XW1wern//g6ywq9bR4E1vLYl6F6gtQyKJOLws4scg9DCbmvlf1/O91MyjTO0I2Mo77lMHUilUXoJhBkT4aKObcEhkY4ElRO/8Uj/Ua8WuyEg4DctUWIFfl/JkYcEBtAQ4onT8LAzpjVc4/tlPt/FkY8JTKAjylev4MDFivsgDrrd4wixN/jlYNqFBZgAr187dswGGVBTisQf5WDWhQWYAGHfK3aECbygK0WclfoscorRjQorIALXrkb8kAp8oCOLV5kN68AbUqC1CrTyMF0wbsVFmAndrkb94ApfeEFOqTv2kDMlQWIEOj/E0a0DEgbOPrE58ydvLksSnxfcJ2yAEdZh6elraNjhkD9tk7pIETZ6/eWvZu7YmGq3fsY26/2nCi9t2yratnT7R5s80+nfI3ZcAim4YSmTYzd8vBS6EHcOngltyZaXb1jF6kWfMEagO6bGjZGPHQ0qrTlHsx3aerlj5kw9bL5C7NmmfQGsD8PRijF+52mT35du1eyLwP0ya98qc1gO2bcEbOL79idQfGlfL5I1mOafgNvfKnNKCA2WGjskouEEZcKMli14yB4v1qijwyT2GAi9WEJ21xEaa4tkxiNLQEl2b5UxjgZfNe7NRV54kNnF+VymR4j3s1y9+4AYsZHCtufp2f2IS/bj6LPRlLdcvfqAGvWT/Zf7LCTWzFXfGk9UsEf9Et/28NOBZ6xgetLrT6zjtHwsC5eX0tDjTawNbAY4q1TOpfHvL7bzH/6OcaSZhofC7a4lh3hDpEuXoNk/J8Qdd/Fv//71lyiYSRS0vusTbeF4OuBH1KNsuZFaQ1hsva+n9Q3lckzHyVZ+0Vs48HORu8rmirnCHrA9wMda9LtLTAWNNMONC8xtKoEwoCXBN0F6rbKCelpJdfPu+fLLUFicpvJZxozbe0bhm+qZc7Q55itZukjFpe380BT+0ya5faZzgJR5zW/rqSF+3r9qPYeSBX8QYZN3+x52x56+hf21o/P7J7079Z3OyQVEk4U5lkbQYDMgp31jpb2hoOV6x/KtYBqE78l7YQ7rQs7Ysk+DD1FBGCU1ORBQeGlviJIPhLhiKPcLOgiQhE0wIkElbidhPB2B2HVMLHI41EOBofQS7hYnEnEZDOxUhG059//A3o/vOPvwHdf/7xN6D9zz/+BsJBqpMIjzMVOdnF+MtEAi6PR1L2MLWZSEEz7g3Ywi/dRBLcv0Ra7HnGS6TB+wzyYk0ekYo8JMaUiA1EMjZEIDV29HuDSMcb/ZAbs/yriYRUwwBWv/9vECl5A/8CbNhAJGUDstNw/Y9zAdbn/0RicD3A+vU/r8wCeHFN0Or1fzeRGjfuC1hifDORnGbcG7RA6mUiPZexP8A0cU6iAE7sETLLbqIEu5GkORYTRcBOUVM80qmKAJ3YLW5mAdBIlKERywBtFwBYBui+AMAyQPMFAJYBui8AsAzQfQGAZQA1C4iCoIuMYYY2qShAEzpJGaWEKEkJkjXGVL+aAvixN8AQfU8RRTmFnqJGWEqUZSnSDU1Si7oCtCQh35BUEoWpRL6hmEGUZgYSDk6UU20BnFHIOCj5RHHykXEwEltVF6A1ESkHYTVRnjVIOTCxTeoL0DwIOQdkOdEAPDIckP7XdBDgq3uQdAAWEy1YgqQDXAP4Ug8BLkUj616ZTzThOWTdG30+10WARtwW7o05RBvmIe2eRJzRR4Bzkci7Bz8jGvEk8u5BuU4CVCDvHleB23USwI3nhO7mGaIV85H4XdTqJUAdEu/OCL9eAvjRO6w7vyeasQqZd8OpmwDnkfmd/DPRjklI/Q426yfAFqR+x41gl34CuLBB/EeyiIZkIfcfKNFRALQL+JELOgpwAbnfZiTRkpFI/hbz9RQA9wO0vBP8I+VI/hZX9BTgCpL/ntFEU0Yj+5ss1FWAhcj+Jrt1FQDdY28S4dJVABfeLv0dDxFteQjpO5TuCxgKofsGRscYw/LPWJW+AlRZ/vs0GBLV46gJc9ZXHmnsMDqJzgsfvLkhZ4j5SZzWV4DT5qs2JOfVqqMXu4weqaOxvnL9nITQn5uae8hjZiq++mXp5mYS6dZXALfJR8TSl9X7zBzPcyg3+GbUEaVWNudWmVIgjWhMmqn4rfxp+ktHBPzgxMIOa9PxbB5GP52ZOgswk75ewzZ7rB2zozBAp7pMBq9qb51LPaFcnQXIpS7XXAadFJsze/vklWwezVhH+7e2RWcBaHeGRq5jclj/yh6fHFPGak7VlH3wDuoswEG6Wg2qZnXgspi7TvrrGZ7b0D35eklnAS5RlSqO4RlzffdLA6UsZ1VD8y8wkGjNQIpS9dnH8sild370CrazKqSY1US9BZhIUaqNbA+94sdPzmD9aG6O8VnN1luA2cYr9SzjQ/szbn9yPPP7sW3DDU9rtd4CrDZcqPuYXzF1xd/66AL289pmeF5b9RZgq+FC7WB/8ILvPznZhovxngeNzqtMbwHKjNZpgo/9wd3JNz/aluey3jY6sXf1FuBdo3Xaa8fRbz6dluyzZWZjDE6sVm8Bag2W6WFbju5Ltm9PrtGXI53QW4ATBsu0xp7Df7cv+YA9H33c4Mwa9BagwWCZPrPn8Ae+PQfssuej/cnGZnZVbwGuGqtSik2H74p3ZNs1tReMTa1dbwHaOT87k+0osuujtxu7vk00p4+hMm236/BF9j2ZW2NoZvG6CxBvqEw1dh2+3L7TsJNc/9ykIcVQmU7adxpqW4fGa4ZmNlZ3AcYaKpNt79NzOmx7Wa+/n5GZTdZdgMlGqtTPtk7KrRBAdwHwF6D5XwAWgZovAnEaqPlpIC4EaX4hCJeCucL/UjBuBnGF/80g3A7mCv/bwdgQwhUBNoRgSxhPBNgShk2hPBFgUyi2hfNEhG3heDCEIyI8GIJHwzgixKNheDiUH0I8HIrHw/khxuPhaBDBDUEaRKBFDCeEaRGDJlF8EKZJFNrE8UGcNnHfNYpssv7JaBRJB59GkU2ZAdqEr7V4qtn5h6FoFUuFiVaxQ//QafH639rATcOTX/da+F0pM9X6GM2iqStWZuHf2vt68I0aSc+/b2qHiPfQ4hSHKdAunp6UxYdMfVO73n8+ycDJRnZR+f84W4x+aFtDXcWGnMEO0+CFEWYYnLOhoq6hzeiRWpy15UXZcQ4RwStjNAcvjdIcvDZOc/DiSN3Bq2M1By+P1hy8Pl53ruiZ/xUkf4tyPQUoR/K3mK+nAPOR/C1G6inASCR/mws65n8Buf9AiY4ClCD3H8jSUYAs5P4DURpeDXZFIfcf0XBn6BakfgeT9BNgElK/k/O65X8emXdjlW4CrELm3Uj165W/PxWZd6dOLwHqkLje9wNwH+Bu4rR6PMAdh8TvpkInASqQdw+e1EmAJ5F3DyLP6ZP/uUjk3ZMcfQTIQdq90PcLXfL/oi/S7o3f6iLAb5F1r0Rf1iP/y9HIunc0eUwUj4QGYsDXOuT/9QAkHYh8HQTIR86BrwdfVz//67gKHISX1RfgZaQchCFtquffNgQpB0P51wesRsZBiflc7fw/j0HGwVG8cehMJByKXSrnvwv5hiS5Vd38W5ORb2iWqSvAMqRrgL7K9o49jdvAhviJqgL8BNkaY4ea+e9AsgYZ2qRi/k1DkaxRFqgowALkahwFu8eiLywNcY2q5d+Iu8BUPNKpVv6djyBTOharJcBiJKr1MgALAL2XAVgA6L0MwAJA82UAFgB6LwOwADC9DHCqkL8TCwDTpP5N/vz/hn5gFpgg/ZMi1ycgRSs8KnnvKPejyNAaWV6Z8/eiJ7xlpL41jFvADJC4jTAaAjNhk6z5b0J2TIh8U87830QzOEZE7Zcx//14Jwwzoqvky78KraBY/gtslS3/rfj9Z4tkjQPQBoA5z/vkid/3PPJiz6+k2SDS+SukZQfTWuTIv2UasrKHiddkyP/aRCRlF6Mk2CjaOAo52cfgatHzrx6MlOwkYlmXyPF7XopARjYz6aK4+f/fFORjPwn/hZ9/zXmxCz//evNPX+DnX2/i38LPv+YsEKqP0N//HT//4WZoiThvnC/7B+TBgamnxIj/7L8gCz70XSrA7aG2l/ohCSpin1pfcbihrcVZu7Mww+IbtJIque/8stj/eUBGYdl//+/X35w5WF6UNVD99FNyD3S7rd+xb5G1Cs7g+gTx+cctDT550b6ObhsJ9i9OUTr+e4s9PYvYtWm4lc+MyufWX77195Y2fg7f1MsFLU/xvcrGP7gwwJOeNwoSrHxu4ppmHvE3r0m0dEW74Ebvn+suVPSSwqwgj3q7Zlj66EF5X4U7/q/yBlka8uOuwJ99fZaK+ecF3dTptdhH554ll8IZ/6Ul91gb74tBH3r25SkXf//yUDV9zeKDNNHPhW27UONzFh/6iA7ZEL+8v1r5Jx4LXdaDVh+l6jvvXDjiPzfP6os/og+HPsqxBKXy/9RIZV+zfJzIWZU2dxRxV86y/sjPX4wc6USCbvmz6acXv+CIffEfWRDPYIhLjR1MHQOM5k+8M5gcb9QaW1YDjWvY7Pd93GjTG1UMMJz/t2eDjKYc8ejrf2d8v/f1Rxnd8E1wGT6oGgZQ5E9IAbvTjtk7r7JK/+rO2ewW5WspDqyCAVT5kxvDWR57zKK3XFbDd721aAzLMSW10xz9kwS98mffVify4d/tMX3PuGXP7x5m/Zg/ZaMD2Q2gzZ902fB23b6TVr7XQNlu0Nvw3spJNrzoc4SH6GQAdf6ELLJpKFGjM5f/+YNvQg/gmw/+vDxztF39fZZSF0RmA0zkT/bZO6TBU35TULLr/aOnvvjmjn0Jnd98cero+7tKCn4zxeY7cYfoK/JJvE75k44BYRtf1OAR4yZPHjdicPjaecV5iD4GmMqfkAyHwvyrqZIcj9cof1KosgAmm57KaIDZ/MlOlQUw+xIc+QwwnT+pVVkA0zeqZDPAfP7EqbIAnxM9DLCQP2lRWQALG5iPxeuRP2lTWYA2ooMBlvIn51UW4K9WKnMsTof8SZ3KAhwl6htgMX9SobIAFvtayGCA1fxJkcoCbCGqG2A5f6L0i9bmWK3Ox3Gq59+p9CPSiV61DbCeP9nvUJp6orIBDPJn8myAwCwnChvAIn+P2g0SHKO86hoQxyB/UuxQnBIGRfpIyHVS5B4Wj97dq7oAKR0MyvSOiF0J1zKYmNq7Qb5nPYs6vSzevLJZzOu6Bv1Wh1xnUamnRZvW+HYGs/LNcmjAL1h0OG0fJ9is9rLQOs+hBfksalUj1pweYzGncocmMHkT8lShpvQhgxkd66+LAAM+Y1CuwyLNKJPBhD5NdGjDUBZtrp8QaELVyD/8BuwSZzr925F/+A1oiRJmNj9H/jwMmC7MZLYifx4GbBBmLo3In4cBZ0WZSYQH+fMwwC3MRJA/HwNEeVJkHPLnY8BoQaYxHfnzMWCaILPIQv58DBBlB/1U5M/HAFHeVpwucf79+klsQJogAgySMv+UhdtrTl7z+6+drNm+MEVKA4S5fdouXf4Pr7nrjuxnax6WzoBmYf7HjpsaP79W2BN63b+0d4JkBtQLI8B/SvX9v29HgPeX+XbcJ5UBy4UR4B9lyv/ZIG8Vcj8rkwFjhREg4rI0+ffZGHxcG/tIY0CjQCezxbLkH7cv1Mj2xcliwEaBBHjAI0f+g06HHtvpQXIY0JXmkPYngFf+kYb2LlZHSmHAJpHyp3sTDrf13zpj41snw0qQ7duVrFMgQf5zjY5wrgQGvCJW/o7Ys8LnP8xwn9bWYcIbcCZWMAEc6c2iX//dbPzrtVn0a4Ku+x3CMdMndv7pFGcqnnSxDfBOdwjIS2Lf/6F6IrPKIbQBuQ4heSnkb8Aefu2NKDctcPsJcCTsD/n9X+IQlJkh1gFrI/mNbRmdAMv4jbRPYfChNc1wCEt6sHOB9myeQ6Ps0Mj1Vuuv3cHW/6McAhNbEPCK0N7xPAc2xEcngG8Iz9GOD9hwpb0g1iE2ScW9rrY/fIzvsHJob7Xk8B3vY7223PAUJznE54FtX9592fK9TN6DepVWgFd5jziz+sZdQ/py2wMOSZiQV3d7Peg+u/FnMfxHRN2Wp4r/mGNm/vHc7dVAU13eBIdcxKRNyZo2WpTH16jf1XJUkIEnjPlp5pS0GAewxkVaAS6iZioR0UUrQFcEqqYQMfRbLvGrCwEABAAQAEAAAAEABAAQAEAAAAEABAAQAEAAAAEABAAQAEAAAAEABAAQAEAAAAEABAAQAEAAAAEABAAQAEAAAAEABAAQAEAAAAEABAAQAEAAAAEABAD2EU0vQDSqphIdtPl3oGZK0Sjzq5mBdeppBahHzZSiglaACtRMKYpoBShCzZRiNq0As1EzpYin7BffFY+aqcVBOgEOomKKkUsnQC4qphipfpr8/amomGqU0ghQinopxwiKq8EdI1Av9Sg0LkAhqqUgic1G829ORLVUJNPgOtCfiVqpyUpjAqxEpVSlzEj+ZaiTssQYuCtcj71gChMd8mpAKbaCqc2KoCtB/wpUSHUyXIHzd2WgPuoTX+DuPX53Ae4B60Fyia9n/L6SZFRGHwUWHui2Q6TrwELEr9s/QXZRea2ztdVZW16Ure9v//8DdXbAzxr+UsMAAAAASUVORK5CYII=\"","export default __webpack_public_path__ + \"static/media/acessibilidade-moon.e5585e50.png\";","export default __webpack_public_path__ + \"static/media/acessibilidade-color.dceb9710.png\";","export default __webpack_public_path__ + \"static/media/acessibilidade-contrast.a48dc18a.png\";","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Tooltip } from 'antd';\n\nexport const TooltipDefault = ({ children, text, placement = 'top' }) => {\n return (\n \n {children}\n \n );\n};\n\nTooltipDefault.propTypes = {\n children: PropTypes.element,\n};\n\nTooltipDefault.defaultProps = {\n // children: null,\n // text: '',\n};\n\nexport default TooltipDefault;\n","import styled from 'styled-components';\n\nexport const Contain = styled.div`\n background-color: var(--background-second-sefaz);\n border-bottom: 1px solid #ffffff;\n\n svg,\n span {\n font-size: 13pt;\n }\n ul {\n background-color: var(--background-second-sefaz);\n }\n li {\n padding: 5px 10px !important;\n }\n #fas {\n margin-left: 1%;\n margin-right: 2%;\n font-weight: 700;\n }\n\n .ant-menu-item-selected,\n .ant-menu-submenu-selected {\n color: var(--primary-color-sefaz) !important;\n }\n .ant-menu-overflow-item {\n color: var(--texto-color);\n }\n .ant-menu-horizontal {\n line-height: 33px;\n }\n`;\n\nexport const ContainerAcessibilidade = styled.div`\n width: 10%;\n margin-left: auto;\n text-align: right;\n .acessibity-icon.select {\n filter: invert(85%) sepia(98%) saturate(438%) hue-rotate(357deg) brightness(95%) contrast(95%) !important;\n }\n`;\n\nexport const IconAcessibilidade = styled.img`\n height: 15px;\n margin: 10px;\n cursor: pointer;\n`;\n","import React from 'react';\nimport { useDispatch, useSelector } from 'react-redux';\nimport ImagemSun from 'assets/img/acessibilidade-sun.png';\nimport ImagemMoon from 'assets/img/acessibilidade-moon.png';\nimport ImagemCor from 'assets/img/acessibilidade-color.png';\nimport ImagemContraste from 'assets/img/acessibilidade-contrast.png';\nimport { fetchStatusModalCor, fetchUpdateTheme } from 'store/fetchActions/fetchApp';\nimport Tooltip from 'components/Tooltip/index';\nimport { ENUM_THEME, STORAGE_THEME_CUSTOM_FAS } from 'utils/consts';\nimport * as S from './../styles';\nimport { altIconeContraste, altIconePaleta, altIconeTema } from 'utils/acessibilidade';\n\nexport const ThemeSefaz = () => {\n const dispatch = useDispatch();\n\n const themeSelected = useSelector(state => state?.app?.theme);\n const idNameDarkTheme = 'dark-theme';\n const idNameContrasteTheme = 'contraste-theme';\n\n const [nameImage, setNameImage] = React.useState(ImagemMoon);\n\n React.useEffect(() => {\n if (themeSelected === ENUM_THEME.DARK) {\n alterarTema();\n }\n if (themeSelected === ENUM_THEME.CONTRAST) {\n alterarContraste();\n }\n if (themeSelected === ENUM_THEME.CUSTOM) {\n const listCustomColor = JSON.parse(localStorage.getItem(STORAGE_THEME_CUSTOM_FAS)) || {};\n Object.keys(listCustomColor).forEach(key => {\n document.body.style.setProperty(key, listCustomColor[key]);\n document.documentElement.style.setProperty(key, listCustomColor[key]);\n });\n }\n // eslint-disable-next-line\n }, [dispatch]);\n\n const alterarTema = () => {\n localStorage.removeItem(STORAGE_THEME_CUSTOM_FAS);\n const theme = document.body.classList.toggle(idNameDarkTheme);\n if (document.body.classList.contains(idNameContrasteTheme)) {\n document.body.classList.remove(idNameContrasteTheme);\n }\n setNameImage(theme ? ImagemSun : ImagemMoon);\n dispatch(fetchUpdateTheme(theme ? ENUM_THEME.DARK : ENUM_THEME.LIGHT));\n };\n\n const alterarContraste = () => {\n localStorage.removeItem(STORAGE_THEME_CUSTOM_FAS);\n const isContrast = document.body.classList.toggle(idNameContrasteTheme);\n if (document.body.classList.contains(idNameDarkTheme)) {\n document.body.classList.remove(idNameDarkTheme);\n }\n setNameImage(ImagemMoon);\n dispatch(fetchUpdateTheme(isContrast ? ENUM_THEME.CONTRAST : ENUM_THEME.LIGHT));\n };\n\n return (\n \n \n alterarTema()}\n className={`acessibity-icon ${themeSelected === ENUM_THEME.DARK ? 'select' : ''}`}\n />\n \n \n dispatch(fetchStatusModalCor(true, 'Alterar Cor'))}\n className={`acessibity-icon ${themeSelected === ENUM_THEME.CUSTOM ? 'select' : ''}`}\n />\n \n \n \n \n );\n};\nexport default ThemeSefaz;\n","import React from 'react';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { Switch, Route } from 'react-router-dom';\nimport { paths } from '.';\nimport { getAndSaveUser } from 'services/auth';\n\nimport PageFormServicos from 'pages/Requerimentos/RequerimentoServicos';\nimport PageFormDuvidas from 'pages/Requerimentos/RequerimentoDuvidas';\nimport PagePesquisarProtocolo from 'pages/Protocolo';\nimport PageDetalharRequerimento from 'pages/Requerimentos/Detalhar';\nimport PageResumoRequerimento from 'pages/Requerimentos/Resumo/index';\nimport PageComprovanteRequerimento from 'pages/Requerimentos/Comprovante/index';\nimport HomePublic from 'pages/HomePublic';\nimport HeaderTema from 'components/Menu/Tema/index';\n\nexport default function Public() {\n const dispatch = useDispatch();\n const user = useSelector(state => state.sefaz.userProfile);\n\n React.useEffect(() => {\n if (!user) {\n dispatch(getAndSaveUser());\n }\n }, [dispatch, user]);\n\n return (\n <>\n \n \n \n );\n}\n","/* istanbul ignore file */\nimport { getUser } from 'services/auth';\nimport { ENUM_TIPO_PERFIL } from 'utils/permissao';\nimport { fetchGetDadosCadastrais } from 'store/fetchActions/fetchDadosCadastrais';\nimport { fetchGetAtendente } from 'store/fetchActions/fetchAtendente';\n\nexport const fetchGetUserDataByDocumento = (documentoUser, atendenteLogado, contribuinteLogado) => dispatch => {\n return new Promise((resolve, reject) => {\n if (atendenteLogado) resolve(atendenteLogado);\n if (contribuinteLogado) resolve(contribuinteLogado);\n else {\n const user = getUser();\n const documento = documentoUser ? documentoUser : user?.cpf_cnpj;\n\n if (!documento) {\n reject(documento);\n return;\n }\n if (user?.profile === ENUM_TIPO_PERFIL.CONTRIBUINTE) {\n dispatch(fetchGetDadosCadastrais()).then(res => resolve(res));\n }\n if (user?.profile !== ENUM_TIPO_PERFIL.CONTRIBUINTE) {\n dispatch(fetchGetAtendente(documento, user)).then(res => resolve(res));\n }\n }\n });\n};\n","export default __webpack_public_path__ + \"static/media/logo-prefeitura.95a30620.svg\";","import styled from 'styled-components';\n\nexport const ContainerIcon = styled.div`\n top: 5px;\n color: var(--bottom-color-sefaz);\n cursor: pointer;\n font-size: 2.6rem;\n`;\n\nexport const IconButton = styled.div`\n cursor: pointer;\n font-size: 16pt;\n margin: 0 5px 0px 5px;\n`;\n\nexport const ContainerSystem = styled.div`\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n justify-content: flex-start;\n`;\n\nexport const ContainerSystemIcon = styled.div`\n margin: 5px;\n display: grid;\n max-height: 75px;\n justify-items: center;\n cursor: pointer;\n`;\n\nexport const SystemImagem = styled.img`\n height: 50px;\n`;\n","import React from 'react';\nimport { useSelector } from 'react-redux';\nimport * as S from './styles';\n\nexport const PopUpLista = () => {\n const systems = useSelector(state => state.sefaz?.allSystems);\n\n const getImagem = imagem => {\n return `data:image/png;base64,${imagem}`;\n };\n\n const renderItem = (item, index) => {\n return (\n window.open(item?.url)}>\n \n );\n };\n\n return (\n {systems?.length && systems.map((item, index) => renderItem(item, index))} \n );\n};\n","import React, { useEffect } from 'react';\nimport { useSelector, useDispatch } from 'react-redux';\nimport { Popover, Card } from 'antd';\nimport { AppstoreOutlined } from '@ant-design/icons';\nimport { fetchGetAllApps } from 'services/auth';\nimport { PopUpLista } from './PopUpLista';\nimport * as S from './styles';\n\nexport const SistemasSefaz = () => {\n const dispatch = useDispatch();\n\n const user = useSelector(state => state.sefaz.userProfile);\n const systems = useSelector(state => state.sefaz?.allSystems);\n const unitaryTests = useSelector(state => state.app.unitaryTests);\n\n useEffect(() => {\n if (unitaryTests) return;\n if (user) dispatch(fetchGetAllApps(systems));\n // eslint-disable-next-line\n }, [dispatch, user, unitaryTests]);\n\n const getSystem = () => {\n if (!systems) {\n if (user) dispatch(fetchGetAllApps(systems));\n }\n };\n\n const contentSistemas = () => {\n return (\n \n {systems?.length > 0 ? Não foi possível carregar os serviços.
}\n \n );\n };\n\n return (\n \n
\n \n getSystem()}>\n \n \n \n
\n {user?.name_representative} \n \n {documentoMaskView(user?.cpf_cnpj_representative)} \n {getTipoPerfil(user?.profile)} \n
\n Representado - {documentoMaskView(user?.cpf_cnpj)} \n \n handleChangeProfile()} />\n logOut()} />\n \n \n );\n };\n\n return (\n \n \n \n \n \n \n );\n};\n\nexport default MenuUser;\n","import styled from 'styled-components';\n\nexport const Header = styled.div`\n width: 100%;\n padding: 6px;\n background-color: #0078bb;\n`;\n\nexport const Container = styled.div`\n display: flex;\n`;\n\nexport const Home = styled.img`\n height: 30px;\n`;\n\nexport const Texto = styled.p`\n color: #ffffff; // FIXO\n margin: auto 0px auto 20px;\n font-size: 10pt;\n`;\n\nexport const IconSefaz = styled.div`\n margin-left: auto;\n display: flex;\n`;\n","import React from 'react';\nimport logoPrefeitura from 'assets/img/logo-prefeitura.svg';\nimport SistemasSefaz from './SistemasSefaz/index';\nimport PerfilSefaz from './SefazPerfil/index';\nimport * as S from './styles';\nimport { altLogoIconeSefaz } from 'utils/acessibilidade';\n\nexport const HeaderSefaz = () => {\n return (\n \n \n PREFEITURA MUNICIPAL DO SALVADOR - SECRETARIA DA FAZENDA \n \n \n \n \n );\n};\n\nexport default HeaderSefaz;\n","import {\n SnippetsOutlined,\n CommentOutlined,\n SecurityScanOutlined,\n UserAddOutlined,\n QuestionCircleOutlined,\n ProfileOutlined,\n ApartmentOutlined,\n PlusCircleOutlined,\n PieChartOutlined,\n FileDoneOutlined,\n LineChartOutlined,\n BarChartOutlined,\n IdcardOutlined,\n BarsOutlined,\n CompassOutlined,\n} from '@ant-design/icons';\nimport {\n cadastroAtendente,\n requerimentos,\n requerimentosListarContribuinte,\n listarAtendente,\n rotaAtendente,\n privateRoot,\n dicionario,\n servicosSistemaListar,\n servicosSistemaCadastrar,\n setorSistemaCadastrar,\n setorSistemaListar,\n relatorioStatus,\n relatorioSolicitacoes,\n relatorioTipo,\n relatorioPerformanceGeral,\n relatorioPerformanceAtendente,\n dadosCadastraisRedirect,\n relatorioListarRequerimentos,\n postosAtendimentoListar,\n postosAtendimentoCadastrar,\n} from 'routes/paths';\nimport { ENUM_TIPO_PERFIL } from 'utils/permissao';\n\nexport const getItensMenuDefault = (user, disabled = false) => {\n const perfilUsuario = user?.profile;\n const disabledMenu = disabled || !user;\n\n const isSupervisorOrSetorial =\n perfilUsuario === ENUM_TIPO_PERFIL.SUPERVISOR || perfilUsuario === ENUM_TIPO_PERFIL.SUPERVISOR_SETORIAL;\n\n return [\n {\n titulo: 'FAS',\n id: 'fas',\n icon: '',\n rota: perfilUsuario === ENUM_TIPO_PERFIL.ATENDENTE ? rotaAtendente : privateRoot,\n view: true,\n disabled: disabledMenu,\n },\n {\n titulo: 'Dados cadastrais',\n id: 'dadosCadastrais',\n icon: \n {item.titulo}\n \n );\n };\n\n const renderSubMenu = item => {\n return item.subMenu.map(sub => {\n return sub.view && sub?.subMenu?.length > 0 ? (\n \n {sub?.subMenu?.map(item => {\n return (\n item.view && (\n \n {item.titulo}\n \n )\n );\n })}\n \n ) : (\n sub.view && (\n \n {sub.titulo}\n \n )\n );\n });\n };\n\n return (\n \n \n {getItensMenuDefault(user, modalAcessoNegado?.isOpen)\n .filter(x => x.view)\n ?.map(item => {\n return !item?.subMenu ? (\n renderMenuUnico(item)\n ) : (\n \n {renderSubMenu(item)}\n \n );\n })}\n \n \n );\n};\n\nexport default MenuSistema;\n","export default __webpack_public_path__ + \"static/media/loading_eSefaz.68da7f03.gif\";","import styled from 'styled-components';\n\nexport const Contain = styled.div`\n height: 100%;\n padding-bottom: 130px;\n`;\n\nexport const Texto = styled.h2`\n font-size: 30pt;\n color: var(--primary-color-sefaz);\n text-align: center;\n margin-bottom: 0;\n`;\n\nexport const SubTexto = styled.h2`\n font-size: 22pt;\n color: var(--primary-color-sefaz);\n text-align: center;\n`;\n\nexport const ContainerImagem = styled.div`\n margin-top: 20%;\n text-align: center;\n`;\n","import React from 'react';\nimport ImagemLoading from 'assets/img/loading_eSefaz.gif';\nimport { getEnv } from 'config/enviroment';\nimport { USUARIO_LOGADO_FAS } from 'utils/consts';\nimport * as S from './styles';\n\nexport default function PageAutenticacao() {\n const env = getEnv();\n\n React.useEffect(() => {\n sessionStorage.removeItem(USUARIO_LOGADO_FAS);\n }, []);\n\n return (\n \n \n \n Verificando autenticação \n Aguarde... \n \n );\n}\n","import { getColorTheme } from 'utils/funcaoPadrao';\n\nexport const getOptions = title => {\n return {\n layout: {\n padding: 30,\n },\n maintainAspectRatio: false,\n plugins: {\n legend: {\n position: 'right',\n fullSize: false,\n labels: {\n padding: 20,\n font: {\n size: '12px',\n weight: 'bold',\n },\n color: getColorTheme('textoColor'),\n },\n },\n title: {\n display: true,\n text: `${title}`,\n font: {\n size: '20px',\n weight: 'bold',\n },\n },\n tooltip: {\n callbacks: {\n title: tooltipItems => {\n return `Status ${tooltipItems[0].label}`;\n },\n label: context => {\n let label = '';\n if (context.parsed) {\n label = `${context.parsed}%`;\n }\n return label;\n },\n },\n },\n datalabels: {\n formatter: value => {\n return value > 0 ? `${value}%` : '';\n },\n anchor: 'center',\n labels: {\n value: {\n font: {\n size: '15px',\n },\n color: 'black',\n },\n },\n },\n },\n };\n};\n\nexport const plugin = {\n id: 'GraficoPizzaComponenteCanva',\n beforeDraw: chart => {\n const { ctx } = chart;\n ctx.save();\n ctx.globalCompositeOperation = 'destination-over';\n ctx.fillStyle = getColorTheme('bottomColorSefaz');\n ctx.fillRect(0, 0, chart.width, chart.height);\n ctx.restore();\n },\n};\n\nexport const handleDownloadImage = (title, ref) => {\n const link = document.createElement('a');\n const name = `${title.replace(' ', '-')}.png`;\n link.download = name;\n link.href = ref.current?.toBase64Image();\n link.click();\n return name;\n};\n","import React, { useCallback, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport { Chart as ChartJS, ArcElement, Tooltip, Legend, CategoryScale, LinearScale } from 'chart.js';\nimport { Pie } from 'react-chartjs-2';\nimport ChartDataLabels from 'chartjs-plugin-datalabels';\nimport { Col, Row } from 'antd';\nimport Button from 'components/Button';\nimport { getOptions, plugin, handleDownloadImage } from './GraficoPizza';\n\nChartJS.register(CategoryScale, LinearScale, ArcElement, Tooltip, Legend, ChartDataLabels);\n\nconst GraficoPizzaGenerico = ({ dados, height, width, margin, title = '', exportar = false }) => {\n let ref = useRef(null);\n\n const options = getOptions(title);\n\n const downloadImage = useCallback(() => {\n handleDownloadImage(title, ref);\n }, [title]);\n\n return (\n <>\n {exportar && (\n \n
\n )}\n \n \n {titulo} \n {descricao || (\n \n Existem {valor} Requerimentos, representando {porcentagem}% do total do dia.\n
\n )}\n \n );\n};\n\nComponentCard.propTypes = {\n titulo: PropTypes.string,\n valor: PropTypes.number,\n porcentagem: PropTypes.string,\n cor: PropTypes.string,\n descricao: PropTypes.string,\n};\n\nComponentCard.defaultProps = {\n titulo: null,\n valor: null,\n porcentagem: null,\n cor: null,\n descricao: null,\n};\n\nexport default ComponentCard;\n","import { ENUM_TIPO_PERFIL } from 'utils/permissao';\nimport { primeiraLetraPalavraUpperCase, getArrayStatusFormatted, getTipoPerfil } from 'utils/funcaoPadrao';\nimport { STATUS_REQUERIMENTO } from 'utils/consts';\n\nexport const calcularPorcentagem = (valor, dadosGrafico) => {\n const array = [];\n Object.keys(dadosGrafico).forEach(key => array.push(dadosGrafico[key]));\n const valorTotal = array.reduce((a, b) => a + b, 0);\n return ((valor * 100) / valorTotal).toFixed(2);\n};\n\nexport const montarArrayExibir = (dadosGrafico, perfilUsuario) => {\n const array = [];\n Object.keys(dadosGrafico).forEach(key => {\n const novoObjeto = getArrayStatusFormatted().find(x => x.descricao === key);\n novoObjeto.valor = dadosGrafico[key];\n novoObjeto.porcentagem = calcularPorcentagem(dadosGrafico[key], dadosGrafico);\n if (\n (perfilUsuario === ENUM_TIPO_PERFIL.SUPERVISOR_SETORIAL &&\n novoObjeto?.nomeKey !== STATUS_REQUERIMENTO.ABERTO.identificador) ||\n perfilUsuario === ENUM_TIPO_PERFIL.SUPERVISOR\n )\n array.push(novoObjeto);\n });\n\n const valorSomaTotal = array.reduce((a, b) => a + b.valor, 0);\n if (valorSomaTotal === 0) {\n return [\n {\n id: 0,\n valor: 0,\n porcentagem: '100',\n descricao: 'Sem valor',\n cor: '#f5f5f5',\n borderColor: '#bfbfbf',\n },\n ];\n }\n return array;\n};\n\nexport const montarGraficoPizza = (dadosGrafico, perfilUsuario) => {\n const valores = [];\n const label = [];\n const cor = [];\n const borderColor = [];\n montarArrayExibir(dadosGrafico, perfilUsuario).forEach(item => {\n valores.push(item.porcentagem);\n label.push(item?.descricao);\n cor.push(item?.cor);\n borderColor.push(item?.borderColor);\n });\n\n return {\n labels: label,\n datasets: [\n {\n label: '',\n data: valores,\n backgroundColor: cor,\n borderColor: borderColor,\n borderWidth: 1,\n },\n ],\n };\n};\n\nexport const descricao = (nomeUsuario, perfil) =>\n `Olá ${primeiraLetraPalavraUpperCase(nomeUsuario)}, seu perfil atual é de ${getTipoPerfil(perfil)}, você ` +\n `está autenticado pelo eSefaz, agora você pode visualizar ` +\n `e acompanhar as situações dos requerimentos.`;\n","import styled from 'styled-components';\n\nexport const Page = styled.div`\n padding: 5px;\n height: 100%;\n padding-bottom: 100px;\n text-align: center;\n .ant-row {\n justify-content: center;\n }\n`;\n\nexport const Imagem = styled.img`\n padding: 5px;\n margin: auto;\n width: 60vh;\n`;\n\nexport const Titulo = styled.h1`\n font-size: 50pt;\n font-size: calc(var(--font-tamanho) + 38pt);\n font-weight: 600;\n color: var(--primary-color-sefaz);\n margin-bottom: 0;\n`;\n\nexport const Subtitulo = styled.p`\n font-size: 25pt;\n font-size: calc(var(--font-tamanho) + 13pt);\n font-weight: 500;\n padding: 0 0 10px 0;\n color: var(--primary-color-sefaz);\n margin-bottom: 0;\n margin-top: -21px;\n`;\n\nexport const Descricao = styled.p`\n width: 80%;\n margin: auto;\n padding: 5px;\n padding-top: 0px;\n color: var(--texto-color);\n font-size: var(--font-tamanho);\n`;\n","import React from 'react';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { Row } from 'antd';\nimport { useHistory } from 'react-router-dom';\nimport GraficoPizza from 'components/GraficoPizza';\nimport CardSupervisor from 'components/CardPorcentagemRequerimento';\nimport { fetchBuscarGraficoSupervisor } from 'store/fetchActions/fetchFormulario';\nimport { fetchGetAtendenteByDocumento, fetchGetAtendentesLista } from 'store/fetchActions/fetchAtendente';\nimport { fetchStatusModalUsuarioPendente } from 'store/fetchActions/fetchApp';\nimport { ENUM_TIPO_PERFIL } from 'utils/permissao';\nimport { homeContribuinte, rotaAtendente } from 'routes/paths';\nimport { ENUM_CONDICAO_STATUS, ENUM_MODAL } from 'utils/consts';\nimport { descricao, montarArrayExibir, montarGraficoPizza } from './HomeSupervisor';\nimport * as S from './styles';\nimport * as Style from 'components/Style';\n\nexport default function PrivatePage() {\n const history = useHistory();\n const dispatch = useDispatch();\n\n const user = useSelector(state => state.sefaz.userProfile);\n const dadosGrafico = useSelector(state => state.formulario.dadosGrafico);\n const atendenteLogado = useSelector(state => state.atendente.atendenteLogado);\n\n React.useEffect(() => {\n if (user?.profile === ENUM_TIPO_PERFIL.SUPERVISOR) {\n dispatch(fetchGetAtendentesLista(1, 30, { condicaoId: ENUM_CONDICAO_STATUS.SOLICITADO.id })).then(\n atendentePendente => {\n if (atendentePendente?.totalRecords > 0) {\n dispatch(\n fetchStatusModalUsuarioPendente(true, ENUM_MODAL.LISTA_ATENDENTE_PENDENTE, {\n lista: atendentePendente?.list,\n })\n );\n }\n }\n );\n }\n // eslint-disable-next-line\n }, [dispatch, user]);\n\n React.useEffect(() => {\n if (user) {\n if (user?.profile === ENUM_TIPO_PERFIL.ATENDENTE) {\n history.push(rotaAtendente);\n }\n if (user?.profile === ENUM_TIPO_PERFIL.CONTRIBUINTE) {\n history.push(homeContribuinte);\n }\n\n dispatch(fetchGetAtendenteByDocumento(user?.cpf_cnpj, atendenteLogado)).then(() => {\n dispatch(fetchBuscarGraficoSupervisor());\n });\n }\n // eslint-disable-next-line\n }, [dispatch, history, user]);\n\n return (\n \n \n FAS \n FORMULÁRIO DE ATENDIMENTO SEFAZ \n {descricao(user?.given_name, user?.profile)} \n\n \n {montarArrayExibir(dadosGrafico, user?.profile).map(item => {\n return (\n
\n \n \n );\n}\n","export default __webpack_public_path__ + \"static/media/atendente.5b1c03fd.svg\";","import { ENUM_MODAL, STATUS_REQUERIMENTO } from 'utils/consts';\nimport { fetchVerificarReatendimento } from 'store/fetchActions/fetchFormulario';\nimport { fetchStatusModal } from 'store/fetchActions/fetchApp';\nimport { primeiraLetraPalavraUpperCase } from 'utils/funcaoPadrao';\n\nexport const getMensagemDia = () => {\n const data = new Date();\n const hora = data.getHours();\n if (hora >= 0 && hora < 12) return 'Bom dia';\n else if (hora >= 12 && hora < 18) return 'Boa tarde';\n else return 'Boa noite';\n};\n\nexport const buscarListaReatendimento = (modalState, atendenteId) => dispatch => {\n if (modalState?.title !== ENUM_MODAL.LISTA_REATENDIMENTO) {\n dispatch(fetchVerificarReatendimento(atendenteId)).then(retorno => {\n if (retorno?.length > 0) {\n dispatch(fetchStatusModal(true, ENUM_MODAL.LISTA_REATENDIMENTO));\n }\n });\n }\n};\n\nexport const montarArrayCard = (dadosCard, isSetorial) => {\n const array = [];\n const statusCard = isSetorial ? STATUS_REQUERIMENTO.ENCAMINHADO_ATENDENTE : STATUS_REQUERIMENTO.ABERTO;\n Object.keys(dadosCard).forEach(key => {\n const novoObjeto = statusCard;\n novoObjeto.valor = dadosCard[key];\n array.push(novoObjeto);\n });\n return array;\n};\n\nexport const getDescricaoCard = (quantidade, isSetorial) => {\n return isSetorial\n ? `Existem ${quantidade} Requerimentos Encaminhados.`\n : `Existem ${quantidade} Requerimentos em Aberto.`;\n};\n\nexport const descricaoAtendente = nomeUsuario =>\n `${primeiraLetraPalavraUpperCase(nomeUsuario)} é o responsável pelo atendimento das requisições, ` +\n `garantindo o suporte necessário ao contribuinte. Todas as requisições ` +\n `atribuídas ao seu perfil ficam disponíveis na página de listar, localizado ` +\n `no menu superior do sistema.`;\n\nexport const descricaoIniciarAtendimento = `Para iniciar um novo atendimento, clique no botão abaixo`;\n","import styled from 'styled-components';\n\nexport const Page = styled.div`\n padding: 5px;\n height: 110vh;\n text-align: center;\n button {\n margin-top: 18px !important;\n margin: auto;\n }\n #CardStatus {\n margin: auto;\n margin-top: 20px;\n }\n`;\n\nexport const Imagem = styled.img`\n padding: 30px;\n padding-bottom: 130px;\n margin: auto;\n width: 100vh;\n`;\n\nexport const Titulo = styled.h1`\n font-size: 50pt;\n font-weight: 600;\n color: var(--primary-color-sefaz);\n margin-bottom: 0;\n`;\n\nexport const Subtitulo = styled.p`\n font-size: 25pt;\n font-weight: 500;\n padding: 0 0 10px 0;\n color: var(--primary-color-sefaz);\n margin-bottom: 0;\n margin-top: -21px;\n`;\n\nexport const Descricao = styled.p`\n width: 50%;\n margin: auto;\n padding: 5px;\n padding-top: 0px;\n font-weight: ${props => props.fontWeight};\n @media (max-width: 1840px) {\n width: 90%;\n }\n`;\n","import React, { useState } from 'react';\nimport { useHistory } from 'react-router-dom';\nimport { useDispatch, useSelector } from 'react-redux';\nimport ImagemIniciarAtendimento from 'assets/img/atendente.svg';\nimport CardStatus from 'components/CardPorcentagemRequerimento';\nimport Button from 'components/Button';\nimport { ENUM_TIPO_PERFIL } from 'utils/permissao';\nimport { fetchIniciarAtendimento, fetchGetAtendenteByDocumento } from 'store/fetchActions/fetchAtendente';\nimport { fetchBuscarCardAtendente } from 'store/fetchActions/fetchFormulario';\nimport { fetchNotificationApp } from 'store/fetchActions/fetchApp';\nimport { privateRoot, requerimentos } from 'routes/paths';\nimport {\n getMensagemDia,\n buscarListaReatendimento,\n descricaoAtendente,\n descricaoIniciarAtendimento,\n montarArrayCard,\n getDescricaoCard,\n} from './HomeAtendente';\nimport * as S from './styles';\nimport { altImageAtendimento } from 'utils/acessibilidade';\n\nexport default function HomeAtendente() {\n const history = useHistory();\n const dispatch = useDispatch();\n\n const user = useSelector(state => state.sefaz.userProfile);\n const dadosCard = useSelector(state => state.formulario.dadosCardAtendente);\n const modalState = useSelector(state => state.app.modal);\n const atendenteLogado = useSelector(state => state.atendente.atendenteLogado);\n const unitaryTests = useSelector(state => state.app.unitaryTests);\n\n const [loadingButton, setLoadingButton] = useState(true);\n\n React.useEffect(() => {\n if (unitaryTests) return;\n if (user) {\n if (user?.profile !== ENUM_TIPO_PERFIL.ATENDENTE) {\n history.push(privateRoot);\n }\n dispatch(fetchGetAtendenteByDocumento(user?.cpf_cnpj)).then(atendente => {\n setLoadingButton(false);\n dispatch(buscarListaReatendimento(modalState, atendente?.id));\n dispatch(fetchBuscarCardAtendente(atendente?.id));\n });\n }\n\n // eslint-disable-next-line\n }, [dispatch, history, user]);\n\n const iniciarAtendimento = () => {\n setLoadingButton(true);\n dispatch(fetchIniciarAtendimento(atendenteLogado?.id))\n .then(formularioResumo => {\n if (formularioResumo?.localizador) {\n fetchNotificationApp('Novo Atendimento Disponível');\n history.push(requerimentos);\n } else {\n fetchNotificationApp('Nenhum Atendimento Disponível');\n }\n })\n .finally(() => setLoadingButton(false));\n };\n\n return (\n \n ATENDENTE {atendenteLogado?.isSetorial && ' SETORIAL'} \n \n {getMensagemDia()} {user?.given_name?.split(' ')[0]}\n \n {descricaoAtendente(user?.given_name)} \n {descricaoIniciarAtendimento} \n iniciarAtendimento()}\n css={{ display: 'block' }}\n disabled={\n user?.profile !== ENUM_TIPO_PERFIL.ATENDENTE || atendenteLogado?.emAtendimento || dadosCard?.ABERTO === 0\n }\n loading={loadingButton}\n />\n\n {montarArrayCard(dadosCard, atendenteLogado?.isSetorial).map(item => {\n return (\n \n );\n}\n","export default __webpack_public_path__ + \"static/media/CadastrarAtendente.9800721e.svg\";","import styled from 'styled-components';\n\nexport const Container = styled.div`\n width: 100%;\n`;\n\nexport const Label = styled.p`\n text-align: left;\n margin: 0px;\n`;\n\nexport const SelectContain = styled.section`\n .ant-select-selector {\n width: 100%;\n min-height: 45px;\n padding: 10px 12px;\n }\n .ant-select-show-search.ant-select:not(.ant-select-customize-input) .ant-select-selector {\n border-radius: 0.5rem;\n }\n .ant-select-multiple:not(.ant-select-customize-input) .ant-select-selector {\n width: 100%;\n padding: 10px 12px;\n }\n .ant-select-clear {\n margin-right: 18px;\n }\n p {\n margin: 0 0 0.7rem;\n color: var(--texto-color);\n letter-spacing: 0.1rem;\n font-size: var(--font-tamanho);\n }\n`;\n","import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { Controller } from 'react-hook-form';\nimport { Select } from 'antd';\nimport * as S from './styles';\nimport * as Style from 'components/Style';\n\nexport const ComponentInputSelectMultiple = ({\n label,\n name,\n control,\n placeholder,\n options,\n disabled,\n errors,\n initialValue = [],\n viewChange = () => {},\n viewDeselect = () => {},\n maxTagCount = null,\n ...rest\n}) => {\n const { Option } = Select;\n\n const [value, setValue] = useState([...initialValue]);\n\n useEffect(() => {\n if (initialValue.length === 0) setValue([]);\n }, [initialValue]);\n\n const onSelect = e => {\n viewChange([...value, e]);\n setValue([...value, e]);\n };\n\n const onDeselect = e => {\n const index = value.indexOf(e);\n if (index > -1) {\n const newList = value.filter(value => value !== e);\n setValue(newList);\n viewDeselect(newList);\n } else {\n setValue([...e]);\n }\n };\n\n const onClear = () => {\n viewChange([]);\n setValue([]);\n };\n\n return (\n \n {label && {label} }\n (\n <>\n options.children.toLowerCase().indexOf(input.toLowerCase()) >= 0}\n showArrow\n onClear={onClear}\n value={value}\n style={{ width: '100%' }}\n onSelect={e => onSelect(e)}\n onDeselect={e => onDeselect(e)}\n data-testid=\"InputSelectMultiple\"\n placeholder={placeholder}\n dropdownStyle={{ zIndex: 1 }}\n maxTagCount={maxTagCount}\n >\n {options?.map(item => {\n return (\n \n {item?.label}\n \n );\n })}\n \n {errors && errors[name] && {errors[name]?.message} }\n \n )}\n />\n \n );\n};\n\nComponentInputSelectMultiple.propTypes = {\n label: PropTypes.string,\n name: PropTypes.string,\n control: PropTypes.object,\n placeholder: PropTypes.string,\n defaultValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n options: PropTypes.array,\n disabled: PropTypes.bool,\n errors: PropTypes.object,\n viewChange: PropTypes.func,\n viewDeselect: PropTypes.func,\n};\n\nComponentInputSelectMultiple.defaultProps = {\n // label: null,\n // name: null,\n // control: {},\n // placeholder: null,\n // defaultValue: [],\n // options: [],\n // disabled: false,\n // errors: {},\n // viewChange: () => {},\n};\n\nexport default ComponentInputSelectMultiple;\n","import React, { useState, useEffect } from 'react';\nimport InputSelect from 'components/InputSelect';\nimport InputSelectMultiple from 'components/InputSelectMultiple';\nimport { ENUM_STATUS_IS_SETORIAL } from 'utils/consts';\n\nexport default function FormAtendenteSetorial({\n errors,\n control,\n handleChange,\n getValues,\n optionsSetores,\n disabled,\n bloquearInputAtendenteSetorial,\n exibirVariosSetores,\n}) {\n const optionsSetorial = [\n { value: ENUM_STATUS_IS_SETORIAL.SIM.value, label: ENUM_STATUS_IS_SETORIAL.SIM.label },\n { value: ENUM_STATUS_IS_SETORIAL.NAO.value, label: ENUM_STATUS_IS_SETORIAL.NAO.label },\n ];\n const [exibirComboSetores, setExibirComboSetores] = useState(getValues()?.isSetorial);\n\n const changeSetorial = value => {\n handleChange({ target: { name: 'setoresIds', value: [value] } });\n };\n\n useEffect(() => {// eslint-disable-line\n if (getValues()?.isSetorial === 'NAO') setExibirComboSetores(false);\n });\n\n return (\n <>\n setExibirComboSetores(e)}\n />\n {exibirVariosSetores &&\n (exibirComboSetores === ENUM_STATUS_IS_SETORIAL.SIM.value || bloquearInputAtendenteSetorial) && (\n changeSetorial(e)}\n />\n )}\n \n );\n}\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Modal } from 'antd';\nimport { ExclamationCircleOutlined } from '@ant-design/icons';\n\nconst { confirm } = Modal;\n\nexport const openModalConfirmacao = ({\n title = 'Tem certeza que deseja realizar essa ação ?',\n descricao = 'Essa ação é irrevogável',\n funcSuccess = () => {},\n funcCancel = () => {},\n}) => {\n confirm({\n title: title,\n icon: \n \n \n {getMensagem(disabled, atendenteLogado?.isSetorial)} \n {disabled && exibirEditarApagar && (\n \n history.push(editarAtendente)} />\n openModalConfirmacao({ funcSuccess: deletarAtendente })}\n css={{ corSecundaria: '#ffffff', cor: '#C62828' }}\n />\n \n )}\n\n \n handleChange({\n target: {\n name: 'cpf',\n value: cpfMask(e.target.value),\n },\n })\n }\n maxLength={14}\n disabled={disabled || isEditar}\n />\n \n \n )}\n \n
\n \n \n );\n}\n","/* istanbul ignore file */\nimport { createAction, createReducer } from '@reduxjs/toolkit';\n\nconst INITIAL_STATE = {\n setorListar: { list: [] },\n setorDetalhar: null,\n};\nexport const duckTodosSetoresListar = createAction('DUCK_TODOS_SETORES_LISTAR');\nexport const duckSetorDetalhar = createAction('DUCK_SETORES_DETALHAR');\n\nexport default createReducer(INITIAL_STATE, {\n [duckTodosSetoresListar.type]: (state, action) => ({\n ...state,\n setorListar: action.payload,\n }),\n [duckSetorDetalhar.type]: (state, action) => ({\n ...state,\n setorDetalhar: action.payload,\n }),\n});\n","/* istanbul ignore file */\n\nimport { getPadraoComRetorno, postPadraoComRetorno, putPadraoComRetorno, deletePadrao } from 'services/api';\nimport { montarUrlFiltro } from 'utils/funcaoPadrao';\nimport { duckTodosSetoresListar, duckSetorDetalhar } from 'store/ducks/setor';\nimport { duckInputSelectOptionsSetores } from 'store/ducks/inputs';\nimport { setorSistemaDetalhar } from 'routes/paths';\n\nexport const fetchBuscarSetores = (isSetoresPersonalizados = true) => dispatch => {\n return new Promise(resolve => {\n const url = `Setores?flSetorPersonalizado=${isSetoresPersonalizados}`;\n dispatch(getPadraoComRetorno(url)).then(res => {\n dispatch(duckInputSelectOptionsSetores(res));\n resolve(res);\n });\n });\n};\n\nexport const fetchSalvarNovoSetor = setor => dispatch => {\n return new Promise(resolve => {\n const url = `Setores`;\n dispatch(postPadraoComRetorno(url, setor)).then(res => resolve(res));\n });\n};\n\nexport const fetchSalvarSetorEditado = setor => dispatch => {\n return new Promise(resolve => {\n const url = `Setores`;\n dispatch(putPadraoComRetorno(url, setor)).then(res => resolve(res));\n });\n};\n\nexport const fetchGetSetoresByFilter = (filtro, page, itemsByPage) => dispatch => {\n const url = montarUrlFiltro(`Setores/page=${page}&itemsByPage=${itemsByPage}`, filtro);\n dispatch(duckTodosSetoresListar({ list: [] }));\n dispatch(getPadraoComRetorno(url, true)).then(res => {\n dispatch(duckTodosSetoresListar(res));\n });\n};\n\nexport const fetchDetalharSetorPorId = (id, history) => dispatch => {\n const url = `Setores/${id}`;\n return new Promise(resolve => {\n dispatch(getPadraoComRetorno(url)).then(retorno => {\n dispatch(duckSetorDetalhar(retorno));\n if (history) history.push(setorSistemaDetalhar);\n resolve(retorno);\n });\n });\n};\n\nexport const fetchDeletarSetor = id => dispatch => {\n const url = `Setores/${id}`;\n return new Promise((resolve, reject) => {\n dispatch(deletePadrao(url, () => {}))\n .then(res => resolve(res))\n .catch(erro => reject(erro));\n });\n};\n","import { ENUM_STATUS_ATIVO, ENUM_STATUS_IS_SETORIAL, ENUM_CONDICAO_STATUS, ENUM_CARGO } from 'utils/consts';\nimport { cpfMaskView } from 'utils/masks';\nimport { removeTodasMascaras } from 'utils/stringFormatter';\n\nexport const formatterAtendenteBackToFront = atendenteApi => {\n return {\n id: atendenteApi?.id || '',\n cpf: cpfMaskView(atendenteApi?.documento),\n nome: atendenteApi?.nome || '',\n apelido: atendenteApi?.apelido || '',\n email: atendenteApi?.email || '',\n cargo: atendenteApi?.cargoId || '',\n situacaoId: atendenteApi?.situacaoId || ENUM_STATUS_ATIVO.ATIVO.value,\n isSetorial:\n atendenteApi?.isSetorial === true ? ENUM_STATUS_IS_SETORIAL.SIM.value : ENUM_STATUS_IS_SETORIAL.NAO.value,\n setoresIds: atendenteApi?.setores?.map(s => s?.id),\n condicaoStatusId: atendenteApi?.condicaoId,\n };\n};\n\nexport const formatterAtendenteFrontToBackCreate = dadosInputs => {\n const cpf = parseInt(removeTodasMascaras(dadosInputs?.cpf), 10);\n const cargo = parseInt(dadosInputs?.cargo, 10);\n const status = parseInt(dadosInputs?.situacaoId, 10) || ENUM_STATUS_ATIVO.ATIVO.value;\n const isSetorial =\n dadosInputs?.isSetorial === ENUM_STATUS_IS_SETORIAL.SIM.value\n ? ENUM_STATUS_IS_SETORIAL.SIM.id\n : ENUM_STATUS_IS_SETORIAL.NAO.id;\n return {\n documento: cpf,\n nome: dadosInputs?.nome,\n apelido: dadosInputs?.apelido,\n email: dadosInputs?.email,\n cargoId: cargo,\n situacaoId: status,\n isSetorial: isSetorial,\n setorIds: dadosInputs?.setoresIds,\n condicaoId: dadosInputs?.condicaoStatusId,\n id: 0,\n };\n};\n\nexport const formatterAtendenteFrontToBackUpdate = (dadosInputs, cpfUsuarioLogado) => {\n const id = parseInt(dadosInputs?.id, 10);\n const cpf = parseInt(removeTodasMascaras(cpfUsuarioLogado), 10);\n const cargo = parseInt(dadosInputs?.cargo, 10);\n const status = parseInt(dadosInputs?.situacaoId, 10) || ENUM_STATUS_ATIVO.ATIVO.value;\n const isSetorial =\n dadosInputs?.isSetorial === ENUM_STATUS_IS_SETORIAL.SIM.value\n ? ENUM_STATUS_IS_SETORIAL.SIM.id\n : ENUM_STATUS_IS_SETORIAL.NAO.id;\n let setorIds = dadosInputs?.isSetorial === ENUM_STATUS_IS_SETORIAL.NAO.value ? null : dadosInputs?.setoresIds;\n return {\n cpfUsuarioLogado: cpf,\n nome: dadosInputs?.nome,\n apelido: dadosInputs?.apelido,\n email: dadosInputs?.email,\n cargoId: cargo,\n situacaoId: status,\n isSetorial: isSetorial,\n setorIds: setorIds,\n condicaoId: dadosInputs?.condicaoStatusId,\n id: id,\n };\n};\n\nexport const formatterAtendenteBackToBackUpdate = (atendenteApi, cpfUsuarioLogado) => {\n const cpf = parseInt(removeTodasMascaras(cpfUsuarioLogado), 10);\n\n return {\n cpfUsuarioLogado: cpf,\n nome: atendenteApi?.nome,\n apelido: atendenteApi?.apelido,\n email: atendenteApi?.email,\n cargoId: atendenteApi?.cargoId,\n situacaoId: atendenteApi?.situacaoId,\n isSetorial: atendenteApi?.isSetorial,\n setorIds: atendenteApi?.setores.map(item => item.id),\n id: atendenteApi?.id,\n condicaoId: atendenteApi?.condicaoId,\n };\n};\n\nexport const formatterAtendenteNull = isSetorial => {\n return {\n id: '',\n cpf: '',\n nome: '',\n apelido: '',\n email: '',\n cargo: isSetorial ? ENUM_CARGO.ATENDENTE : '',\n situacaoId: ENUM_STATUS_ATIVO.ATIVO.value,\n isSetorial: isSetorial ? ENUM_STATUS_IS_SETORIAL.SIM.value : ENUM_STATUS_IS_SETORIAL.NAO.value,\n setoresIds: [],\n condicaoStatusId: isSetorial ? ENUM_CONDICAO_STATUS.SOLICITADO.id : ENUM_CONDICAO_STATUS.APROVADO.id,\n };\n};\n","import { isRequired, maxLength, minLength } from 'utils/validate/validate';\nimport { ENUM_STATUS_IS_SETORIAL, MSG_CAMPO_OBRIGATORIO } from 'utils/consts';\n\nexport const validationsAtendenteCreateUpdate = dadosInputs => {\n const { cpf, nome, apelido, email, cargo, isSetorial, setoresIds } = dadosInputs;\n const errosCampos = {\n cpf: null,\n nome: null,\n apelido: null,\n email: null,\n cargo: null,\n isSetorial: null,\n setoresIds: null,\n };\n\n errosCampos.cpf = isRequired(cpf) || minLength(cpf, 14) || maxLength(cpf, 14);\n errosCampos.nome = isRequired(nome);\n errosCampos.apelido = isRequired(apelido);\n errosCampos.email = isRequired(email);\n errosCampos.cargo = isRequired(cargo);\n errosCampos.isSetorial = isRequired(isSetorial);\n\n if (isSetorial === ENUM_STATUS_IS_SETORIAL.SIM.value) {\n errosCampos.setoresIds = isRequired(setoresIds);\n errosCampos.setoresIds = setoresIds?.length === 0 ? MSG_CAMPO_OBRIGATORIO : null;\n }\n return errosCampos;\n};\n","import styled from 'styled-components';\n\nexport const Contain = styled.div`\n padding-bottom: 130px;\n`;\n","import React from 'react';\nimport { useHistory } from 'react-router-dom';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { useForm } from 'react-hook-form';\nimport TitlePage from 'components/TituloPage';\nimport FormAtendente from 'containers/Forms/FormAtendente';\nimport { listarAtendente, privateRoot } from 'routes/paths';\nimport { fetchSalvarAtendente } from 'store/fetchActions/fetchAtendente';\nimport { fetchGetTodasSituacoes, fetchGetTodosCargos } from 'store/fetchActions/fetchInputForm';\nimport { fetchBuscarSetores } from 'store/fetchActions/fetchSetores';\nimport { fetchNotificationApp } from 'store/fetchActions/fetchApp';\nimport { formatterAtendenteFrontToBackCreate, formatterAtendenteNull } from 'utils/formatter/atendente';\nimport { ALERTA, MSG_SALVAR_ATENDENTE_SUCESSO, TODOS_CONDICOES_STATUS } from 'utils/consts';\nimport { changeInput, validarExibirErrosCampos } from 'utils/formUtils';\nimport { montarDadosInputSelect } from 'utils/funcaoPadrao';\nimport { validationsAtendenteCreateUpdate } from 'utils/validate/atendente';\nimport * as S from '../styles';\n\nexport default function PageCadastroAtendente() {\n const dispatch = useDispatch();\n const history = useHistory();\n\n const atendenteLogado = useSelector(state => state.atendente.atendenteLogado);\n const inputSelectOptionsCargo = useSelector(state => state.inputs.inputSelectOptionsCargo);\n const inputSelectOptionsSituacao = useSelector(state => state.inputs.inputSelectOptionsSituacao);\n const inputSelectOptionsSetores = useSelector(state => state.inputs.inputSelectOptionsSetores);\n\n React.useEffect(() => {\n dispatch(fetchGetTodosCargos(inputSelectOptionsCargo));\n dispatch(fetchGetTodasSituacoes(inputSelectOptionsSituacao));\n dispatch(fetchBuscarSetores());\n // eslint-disable-next-line\n }, [dispatch]);\n\n const {\n control,\n handleSubmit,\n setValue,\n getValues,\n setError,\n formState: { errors },\n } = useForm({\n defaultValues: formatterAtendenteNull(atendenteLogado?.isSetorial),\n });\n\n const handleChange = e => {\n changeInput(e, setValue, errors, setError);\n };\n\n const onSubmit = data => {\n if (validarExibirErrosCampos(data, validationsAtendenteCreateUpdate, setError)) {\n const dadosFormatados = formatterAtendenteFrontToBackCreate(data);\n dispatch(fetchSalvarAtendente(dadosFormatados)).then(() => {\n history.push(listarAtendente);\n fetchNotificationApp(MSG_SALVAR_ATENDENTE_SUCESSO, '', ALERTA.SUCESSO);\n });\n }\n };\n\n return (\n \n \n );\n}\n","import React from 'react';\nimport { useHistory } from 'react-router-dom';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { useForm } from 'react-hook-form';\nimport TitlePage from 'components/TituloPage';\nimport FormAtendente from 'containers/Forms/FormAtendente';\nimport { listarAtendente } from 'routes/paths';\nimport { fetchAtualizarAtendente } from 'store/fetchActions/fetchAtendente';\nimport { fetchGetTodasSituacoes, fetchGetTodosCargos } from 'store/fetchActions/fetchInputForm';\nimport { fetchBuscarSetores } from 'store/fetchActions/fetchSetores';\nimport { fetchNotificationApp } from 'store/fetchActions/fetchApp';\nimport { ALERTA, MSG_ATENDENTE_EDITADO_SECESSO, TODOS_CONDICOES_STATUS } from 'utils/consts';\nimport { montarDadosInputSelect } from 'utils/funcaoPadrao';\nimport { formatterAtendenteBackToFront, formatterAtendenteFrontToBackUpdate } from 'utils/formatter/atendente';\nimport { changeInput, validarExibirErrosCampos } from 'utils/formUtils';\nimport { validationsAtendenteCreateUpdate } from 'utils/validate/atendente';\nimport * as S from '../styles';\n\nexport default function PageEditarAtendente() {\n const dispatch = useDispatch();\n const history = useHistory();\n\n const user = useSelector(state => state.sefaz.userProfile);\n const atendente = useSelector(state => state.atendente?.atendenteDetalhar);\n\n const inputSelectOptionsCargo = useSelector(state => state.inputs.inputSelectOptionsCargo);\n const inputSelectOptionsSituacao = useSelector(state => state.inputs.inputSelectOptionsSituacao);\n const inputSelectOptionsSetores = useSelector(state => state.inputs.inputSelectOptionsSetores);\n\n React.useEffect(() => {\n dispatch(fetchGetTodosCargos(inputSelectOptionsCargo));\n dispatch(fetchGetTodasSituacoes(inputSelectOptionsSituacao));\n dispatch(fetchBuscarSetores());\n // eslint-disable-next-line\n }, [dispatch]);\n\n const {\n control,\n handleSubmit,\n setValue,\n setError,\n getValues,\n formState: { errors },\n } = useForm({\n defaultValues: formatterAtendenteBackToFront(atendente),\n });\n\n const handleChange = e => {\n changeInput(e, setValue, errors, setError);\n };\n\n const onSubmit = data => {\n if (validarExibirErrosCampos(data, validationsAtendenteCreateUpdate, setError)) {\n const dadosFormatados = formatterAtendenteFrontToBackUpdate(data, user?.cpf_cnpj);\n dispatch(fetchAtualizarAtendente(dadosFormatados)).then(() => {\n history.push(listarAtendente);\n fetchNotificationApp(MSG_ATENDENTE_EDITADO_SECESSO, '', ALERTA.SUCESSO);\n });\n }\n };\n\n return (\n \n \n );\n}\n","import styled from 'styled-components';\n\nexport const ContainerPagination = styled.div`\n width: 100%;\n text-align: end;\n margin-top: 13px;\n display: flex;\n`;\n\nexport const ContainerTotalItens = styled.div`\n margin: auto;\n margin-left: auto;\n margin-right: 18px;\n width: 131px;\n`;\n\nexport const ContainerTable = styled.div`\n .ant-table-thead {\n th {\n padding: 10px;\n background-color: var(--primary-color-sefaz);\n font-weight: 500;\n color: var(--bottom-color-sefaz);\n }\n }\n .ant-table-row,\n ant-table-row-level-0 {\n td {\n padding: 11px 15px;\n max-width: 400px;\n }\n p {\n margin-bottom: 0;\n }\n }\n`;\n","import React from 'react';\nimport { useSelector } from 'react-redux';\nimport PropTypes from 'prop-types';\nimport { Table, Pagination } from 'antd';\nimport * as S from './styles';\n\nexport default function TablePadrao({ columns, data, paginationConfig = {}, changePage, onRowClick = () => {} }) {\n const loading = useSelector(state => state.app.statusLoadingGrid);\n\n return (\n \n {\n return { onClick: () => onRowClick(record) };\n }}\n />\n \n {paginationConfig?.totalRecords !== undefined ? (\n Total: {paginationConfig?.totalRecords} itens \n ) : null}\n {paginationConfig?.totalRecords !== undefined ? (\n \n \n );\n}\n\nTablePadrao.propTypes = {\n columns: PropTypes.array,\n data: PropTypes.array,\n paginationConfig: PropTypes.object,\n changePage: PropTypes.func,\n};\n\nTablePadrao.defaultProps = {\n // columns: [],\n // data: null,\n // paginationConfig: {},\n // changePage: () => {},\n};\n","import styled from 'styled-components';\n\nexport const ContainButton = styled.div`\n display: flex;\n margin-top: 27px;\n`;\n\nexport const ContainerOrdenacao = styled.div`\n display: flex;\n justify-content: space-between;\n`;\n\nexport const IconOrdenacao = styled.div`\n opacity: 20%;\n &:hover {\n opacity: 100%;\n }\n`;\n","import React, { useState } from 'react';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { useHistory } from 'react-router-dom';\nimport { CaretUpOutlined, CaretDownOutlined, TeamOutlined } from '@ant-design/icons';\nimport Table from 'components/Table/index';\nimport { Space, Button } from 'antd';\nimport { fetchGetAtendentesLista, fetchGetAtendenteById } from 'store/fetchActions/fetchAtendente';\nimport { duckAtendenteDetalhar } from 'store/ducks/atendente';\nimport { convertDatePtBrHs } from 'utils/dateFormatter';\nimport { widthLabel } from 'utils/stringFormatter';\nimport { cpfMaskView } from 'utils/masks';\nimport * as S from './styles';\n\nexport default function GridAtendente({ filtro }) {\n const dispatch = useDispatch();\n const history = useHistory();\n\n const unitaryTests = useSelector(state => state.app.unitaryTests);\n const dadosGrid = useSelector(state => state.atendente?.todosAtendentes?.list);\n const paginacao = useSelector(state => state.atendente?.todosAtendentes);\n\n const [ordenacao, setOrdenacao] = useState({});\n\n const montarLinha = lista => {\n return lista?.map(item => {\n return {\n key: item?.id,\n nome: widthLabel(item?.nome),\n email: widthLabel(item?.email),\n dataCadastro: convertDatePtBrHs(item?.dataCadastro),\n cargo: item?.cargo?.descricao,\n situacao: item?.situacao?.descricao,\n documento: cpfMaskView(item?.documento),\n isSetorial: item?.isSetorial,\n };\n });\n };\n\n React.useEffect(() => {\n if (unitaryTests) return;\n dispatch(fetchGetAtendentesLista(1, 10));\n dispatch(duckAtendenteDetalhar(null));\n }, [dispatch, unitaryTests]);\n\n const renderAction = row => {\n return (\n \n dispatch(fetchGetAtendenteById(row?.key, history))}>Detalhar \n \n );\n };\n\n const changePage = (page = 1, pageSize = 10) => {\n dispatch(fetchGetAtendentesLista(page, pageSize, filtro));\n };\n\n const sorterColum = (coluna, sentidoOrdenacao) => {\n setOrdenacao({ coluna, sentidoOrdenacao });\n const filtroOrdenacao = {\n ...filtro,\n SentidoOrdenacao: sentidoOrdenacao,\n CampoOrdenacao: coluna,\n };\n dispatch(fetchGetAtendentesLista(paginacao?.numberPage || 1, paginacao?.sizePage || 10, filtroOrdenacao));\n };\n\n const getIcon = name => {\n if (ordenacao?.sentidoOrdenacao === 'Desc' && name === ordenacao?.coluna) {\n return sorterColum(name, 'Asc')} />;\n } else if (ordenacao?.sentidoOrdenacao === 'Asc' && name === ordenacao?.coluna) {\n return sorterColum(name, 'Desc')} />;\n } else {\n return sorterColum(name, 'Asc')} />;\n }\n };\n\n const renderTitulo = (texto, name) => {\n return (\n \n {texto}\n {getIcon(name)} \n \n );\n };\n\n const columns = [\n {\n title: () => renderTitulo('Nome', 'Nome'),\n dataIndex: 'nome',\n key: 'nome',\n },\n {\n title: () => renderTitulo('Documento', 'Documento'),\n dataIndex: 'documento',\n key: 'documento',\n },\n {\n title: () => renderTitulo('E-mail', 'Email'),\n dataIndex: 'email',\n key: 'email',\n },\n {\n title: () => renderTitulo('Data de Cadastro', 'DataCadastro'),\n key: 'dataCadastro',\n dataIndex: 'dataCadastro',\n },\n {\n title: () => renderTitulo('Cargo', 'Cargo.Descricao'),\n dataIndex: 'cargo',\n key: 'cargo',\n render: (cargoExibir, row) => (\n <>\n {row?.isSetorial && (\n <>\n {cargoExibir} \n \n \n \n \n \n );\n}\n","import React, { useState } from 'react';\nimport { useSelector, useDispatch } from 'react-redux';\nimport { useForm } from 'react-hook-form';\nimport TitlePage from 'components/TituloPage';\nimport FormAtendente from 'containers/Forms/FormAtendente';\nimport { listarAtendente } from 'routes/paths';\nimport { fetchBuscarSetores } from 'store/fetchActions/fetchSetores';\nimport { formatterAtendenteBackToFront } from 'utils/formatter/atendente';\nimport { TODOS_CONDICOES_STATUS } from 'utils/consts';\nimport { montarDadosInputSelect } from 'utils/funcaoPadrao';\nimport * as S from '../styles';\n\nexport default function PageVisualizarAtendente() {\n const dispatch = useDispatch();\n\n const atendente = useSelector(state => state.atendente?.atendenteDetalhar);\n\n const [optionsSetores, setOptionsSetores] = useState([]);\n\n React.useEffect(() => {\n dispatch(fetchBuscarSetores()).then(res => {\n setOptionsSetores(montarDadosInputSelect(res, 'id', 'nome'));\n });\n }, [dispatch]);\n\n const {\n control,\n formState: { errors },\n getValues,\n } = useForm({\n defaultValues: formatterAtendenteBackToFront(atendente),\n });\n\n return (\n \n \n );\n}\n","import React from 'react';\nimport { useDispatch, useSelector } from 'react-redux';\nimport Table from 'components/Table/index';\nimport { Tag, Space, Button } from 'antd';\nimport { getColorStatus } from 'utils/funcaoPadrao';\nimport { convertDatePtBrHs } from 'utils/dateFormatter';\nimport { fetchDetalharFormularioPorId } from 'store/fetchActions/fetchFormulario';\nimport { fetchSalvarLocalFiltroRequerimento } from 'store/fetchActions/fetchInputForm';\nimport { fetchObterHistoricoPorId } from 'store/fetchActions/fetchHistorico';\nimport { useHistory } from 'react-router-dom';\nimport { fetchUpdateDadosMinimizados } from 'store/fetchActions/fetchApp';\n\nexport default function GridRequerimento({ filtros, handlePesquisar }) {\n const dispatch = useDispatch();\n const history = useHistory();\n const configFiltroSalvo = useSelector(state => state.formulario.configFiltroPesquisa);\n const dadosGrid = useSelector(state => state.formulario.todosFormularios?.list);\n const paginacao = useSelector(state => state.formulario.todosFormularios);\n\n const [pageConfig, setPageConfig] = React.useState(configFiltroSalvo);\n\n const montarLinha = lista => {\n return lista?.map(item => {\n return {\n key: item?.id,\n protocolo: item?.localizador,\n dataAbertura: convertDatePtBrHs(item?.dataAbertura),\n assunto: item?.assunto?.descricao,\n status: { statusId: item?.status?.id, status: item?.status?.descricao },\n dataEncerramento: convertDatePtBrHs(item?.dataEncerramento) || '-',\n tempoParado: item?.tempoParado,\n };\n });\n };\n\n const renderTag = tag => {\n return (\n \n {tag?.status?.toUpperCase()}\n \n );\n };\n\n const onDetalhar = (key, history) => {\n dispatch(fetchUpdateDadosMinimizados({}));\n dispatch(fetchDetalharFormularioPorId(key, history));\n dispatch(fetchSalvarLocalFiltroRequerimento(filtros, pageConfig?.page, pageConfig?.pageSize));\n };\n\n const renderAction = row => {\n return (\n \n dispatch(fetchObterHistoricoPorId(row?.key))}>Histórico \n onDetalhar(row?.key, history)}>Detalhar \n \n );\n };\n\n const changePage = (page = 1, pageSize = 10) => {\n handlePesquisar(filtros, page, pageSize);\n setPageConfig({ page, pageSize });\n };\n\n const columns = [\n {\n title: 'Protocolo',\n dataIndex: 'protocolo',\n key: 'protocolo',\n },\n {\n title: 'Data de Abertura',\n dataIndex: 'dataAbertura',\n key: 'dataAbertura',\n },\n {\n title: 'Assunto',\n dataIndex: 'assunto',\n key: 'assunto',\n },\n {\n title: 'Status',\n key: 'status',\n dataIndex: 'status',\n render: tag => renderTag(tag),\n },\n {\n title: 'Tempo no Status',\n key: 'tempoParado',\n dataIndex: 'tempoParado',\n },\n {\n title: 'Data Encerramento',\n dataIndex: 'dataEncerramento',\n key: 'dataEncerramento',\n },\n {\n title: '-',\n key: 'action',\n align: 'center',\n render: record => renderAction(record),\n },\n ];\n\n return ;\n}\n","/* istanbul ignore file */\n\nimport { getPadrao } from 'services/api';\nimport { duckDadosHistorico } from 'store/ducks/formulario';\nimport { fetchStatusModal } from 'store/fetchActions/fetchApp';\nimport { ENUM_MODAL } from 'utils/consts';\n\nexport const fetchObterHistoricoPorId = formularioId => dispatch => {\n const sucesso = retorno => {\n dispatch(duckDadosHistorico(retorno));\n dispatch(fetchStatusModal(true, ENUM_MODAL.HISTORICO));\n };\n dispatch(getPadrao(`Historico/GetByformularioId/${formularioId}`, sucesso));\n};\n","import moment from 'moment';\n\nconst formatar = (dia, mes, ano) => {\n return new Date(`${mes}/${dia}/${ano}`);\n};\n\nfunction getStartOfWeek(date) {\n const startOfWeek = new Date(date);\n startOfWeek.setDate(startOfWeek.getDate() - startOfWeek.getDay());\n return startOfWeek;\n}\n\nfunction getEndOfWeek(date) {\n const startOfWeek = getStartOfWeek(date);\n const endOfWeek = new Date(startOfWeek);\n endOfWeek.setDate(endOfWeek.getDate() + 6);\n return endOfWeek;\n}\n\nexport const handleGetOnlyDate = (change, inputName, tipoPeriodo, setDate, onChange) => {\n let dataInicial = null;\n let dataFinal = null;\n const valorInput = {\n target: { name: inputName, value: { dataInicio: dataInicial, dataFim: dataFinal } },\n };\n\n if (!change) {\n setDate(null);\n onChange(valorInput);\n return change;\n }\n\n const dataInicio = change[0]._d;\n const dataFim = change[1]._d;\n\n if (tipoPeriodo === 'year') {\n dataInicial = formatar('01', '01', dataInicio.getFullYear());\n dataFinal = formatar('31', '12', dataFim.getFullYear());\n } else if (tipoPeriodo === 'month') {\n dataInicial = formatar('01', dataInicio.getMonth() + 1, dataInicio.getFullYear());\n dataFinal = new Date(dataFim.getFullYear(), dataFim.getMonth() + 1, 0);\n } else if (tipoPeriodo === 'week') {\n const inicioDaSemana = getStartOfWeek(change[0]);\n const finalDaSemana = getEndOfWeek(change[1]);\n dataInicial = formatar(inicioDaSemana.getDate(), inicioDaSemana.getMonth() + 1, inicioDaSemana.getFullYear());\n dataFinal = formatar(finalDaSemana.getDate(), finalDaSemana.getMonth() + 1, finalDaSemana.getFullYear());\n } else {\n dataInicial = dataInicio;\n dataFinal = dataFim;\n }\n\n valorInput.target.value.dataInicio = dataInicial;\n valorInput.target.value.dataFim = dataFinal;\n\n onChange(valorInput);\n setDate([moment(dataInicial), moment(dataFinal)]);\n return [dataInicial, dataFinal];\n};\n","import styled from 'styled-components';\n\nexport const Label = styled.p`\n text-align: left;\n margin: 0px;\n @media (max-width: 1030px) {\n font-size: 9pt;\n }\n`;\n\nexport const InputContain = styled.section`\n .ant-picker {\n height: 50px;\n border-radius: 6px;\n }\n\n position: relative;\n margin-bottom: 15px;\n\n p {\n margin: 0 0 0.6rem;\n font-size: 12pt;\n color: var(--texto-color);\n letter-spacing: 0.1rem;\n }\n`;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { DatePicker } from 'antd';\nimport { Controller } from 'react-hook-form';\nimport { handleGetOnlyDate } from './InputDateInterval';\nimport * as S from './styles';\nimport * as Style from 'components/Style';\n\nconst { RangePicker } = DatePicker;\nconst dateFormat = 'DD/MM/YYYY';\nconst dateFormatMes = 'MM/YYYY';\nconst dateFormatAno = 'YYYY';\n\nexport const DateInterval = ({\n tipoPeriodo,\n label,\n errors,\n name,\n control,\n onChange,\n disabled,\n isClear,\n value,\n defaultValue,\n openChange,\n required,\n}) => {\n const [data, setDate] = React.useState(value || defaultValue);\n\n const getOnlyDate = change => {\n handleGetOnlyDate(change, name, tipoPeriodo, setDate, onChange);\n };\n\n const getFormat = () => {\n if (tipoPeriodo === 'year') return dateFormatAno;\n if (tipoPeriodo === 'month') return dateFormatMes;\n return dateFormat;\n };\n\n const disabledDate = current => {\n return current && current._d.getFullYear() <= new Date('12/31/2021').getFullYear();\n };\n\n const onFocus = () => {\n setDate(null);\n onChange({\n target: { name: name, value: { dataInicio: null, dataFim: null } },\n });\n };\n\n return (\n \n {label && {label} }\n {\n return (\n <>\n getOnlyDate(change)}\n value={isClear ? null : data}\n onOpenChange={openChange}\n onFocus={onFocus}\n format={getFormat()}\n defaultPickerValue={defaultValue}\n data-testid=\"input Data Intervalo\"\n disabledDate={disabledDate}\n required={required}\n />\n\n {errors && errors[name] && {errors[name]?.message} }\n \n );\n }}\n />\n \n );\n};\n\nDateInterval.propTypes = {\n tipoPeriodo: PropTypes.string,\n label: PropTypes.string,\n errors: PropTypes.object,\n name: PropTypes.string,\n control: PropTypes.object,\n onChange: PropTypes.func,\n disabled: PropTypes.bool,\n isClear: PropTypes.bool,\n value: PropTypes.string,\n defaultValue: PropTypes.array,\n openChange: PropTypes.func,\n required: PropTypes.bool,\n};\n\nDateInterval.defaultProps = {\n tipoPeriodo: '',\n label: '',\n errors: {},\n name: '',\n control: {},\n onChange: () => {},\n disabled: false,\n isClear: false,\n value: '',\n defaultValue: null,\n openChange: () => {},\n required: false,\n};\n\nexport default DateInterval;\n","import styled from 'styled-components';\n\nexport const ContainButton = styled.div`\n display: flex;\n margin-top: 34px;\n`;\n","/* istanbul ignore file */\nimport { createAction, createReducer } from '@reduxjs/toolkit';\n\nconst INITIAL_STATE = {\n servicoListar: { list: [] },\n servicoDetalhar: null,\n};\n\nexport const duckTodosServicosListar = createAction('DUCK_TODOS_SERVICOS_LISTAR');\nexport const duckServicoDetalhar = createAction('DUCK_SERVICO_DETALHAR');\n\nexport default createReducer(INITIAL_STATE, {\n [duckTodosServicosListar.type]: (state, action) => ({\n ...state,\n servicoListar: action.payload,\n }),\n [duckServicoDetalhar.type]: (state, action) => ({\n ...state,\n servicoDetalhar: action.payload,\n }),\n});\n","/* istanbul ignore file */\n\nimport { getPadraoComRetorno, postPadraoComRetorno, putPadraoComRetorno } from 'services/api';\nimport { montarUrlFiltro } from 'utils/funcaoPadrao';\nimport { duckTodosServicosListar, duckServicoDetalhar } from 'store/ducks/servico';\nimport { duckInputSelectOptionsServicos } from 'store/ducks/inputs';\nimport { ID_SERVICO_DETALHAR, FORMULARIOS } from 'utils/consts';\nimport { servicosSistemaDetalhar } from 'routes/paths';\n\nexport const fetchGetTodosServicos = (listaSolicitacoes = []) => dispatch => {\n return new Promise((resolve, reject) => {\n if (listaSolicitacoes?.length > 0) {\n resolve(listaSolicitacoes);\n } else {\n const url = `Solicitacao/GetAllByAssuntoId/${FORMULARIOS.SERVICOS.id}`;\n dispatch(getPadraoComRetorno(url))\n .then(res => {\n dispatch(duckInputSelectOptionsServicos(res));\n resolve(res);\n })\n .catch(erro => reject(erro));\n }\n });\n};\n\nexport const fetchSalvarNovoServico = servico => dispatch => {\n return new Promise(resolve => {\n const url = `Solicitacao/InserirServico`;\n dispatch(postPadraoComRetorno(url, servico)).then(res => resolve(res));\n });\n};\n\nexport const fetchSalvarServicoEditado = servico => dispatch => {\n return new Promise(resolve => {\n const url = `Solicitacao`;\n dispatch(putPadraoComRetorno(url, servico)).then(res => resolve(res));\n });\n};\n\nexport const fetchGetServicosByFilter = (filtro, page, itemsByPage) => dispatch => {\n const url = montarUrlFiltro(`Solicitacao/page=${page}&itemsByPage=${itemsByPage}`, filtro);\n dispatch(duckTodosServicosListar({ list: [] }));\n dispatch(getPadraoComRetorno(url, true)).then(res => {\n dispatch(duckTodosServicosListar(res));\n });\n};\n\nexport const fetchDetalharServicoPorId = (id, history) => dispatch => {\n const url = `Solicitacao/${id}`;\n dispatch(getPadraoComRetorno(url)).then(retorno => {\n dispatch(duckServicoDetalhar(retorno));\n localStorage.setItem(ID_SERVICO_DETALHAR, id);\n history.push(servicosSistemaDetalhar);\n });\n};\n","import { ALERTA, ENUM_TIPO_PESSOA, MSG_CNPJ_INCORRETO, MSG_CPF_INCORRETO, TIPO_DOCUMENTO } from 'utils/consts';\nimport { fetchNotificationApp } from 'store/fetchActions/fetchApp';\n\nexport const optionsTipoPessoa = [\n {\n value: ENUM_TIPO_PESSOA.fisica.id,\n label: ENUM_TIPO_PESSOA.fisica.descricao,\n },\n {\n value: ENUM_TIPO_PESSOA.juridica.id,\n label: ENUM_TIPO_PESSOA.juridica.descricao,\n },\n];\n\nexport const widthCamposDefault = {\n xs: 24,\n sm: 16,\n md: 8,\n lg: 8,\n xl3: 3,\n xl4: 4,\n xl5: 5,\n};\n\nexport const getFiltroInicial = filtroInicial => {\n const requerimentoData = {\n dataInicio: filtroInicial?.dataAbertura?.dataInicio || '',\n dataFim: filtroInicial?.dataAbertura?.dataFim || '',\n };\n const encerramentoData = {\n dataInicio: filtroInicial?.dataEncerramento?.dataInicio || '',\n dataFim: filtroInicial?.dataEncerramento?.dataFim || '',\n };\n\n return {\n dataAbertura: requerimentoData,\n dataEncerramento: encerramentoData,\n protocolo: filtroInicial?.protocolo || '',\n assuntoId: filtroInicial?.assuntoId || '',\n statusId: filtroInicial?.statusId || '',\n solicitacaoId: filtroInicial?.solicitacaoId || '',\n tipoPessoaId: filtroInicial?.tipoPessoaId || '',\n setorId: filtroInicial?.setorId || [],\n atendenteId: filtroInicial?.atendenteId || '',\n numeroDocumento: filtroInicial?.numeroDocumento || '',\n };\n};\n\nexport const montarSetoresAtendentes = setores => {\n const todosSetores = setores?.map(setor => {\n return setor.id !== 0\n ? {\n value: setor?.id,\n label: setor?.nome,\n }\n : null;\n });\n const len = todosSetores.length - 1;\n return todosSetores.slice(0, len);\n};\n\nexport const montarFiltroSetores = setores => {\n let url = '?';\n setores?.forEach(setor => (url += `&filtroSetorId=${setor}`));\n return url;\n};\n\nexport const validaDocumento = (numeroDocumento, tipoDocumentoNome) => {\n if (tipoDocumentoNome) {\n if (tipoDocumentoNome === TIPO_DOCUMENTO.CPF && numeroDocumento?.length !== 14) {\n fetchNotificationApp(MSG_CPF_INCORRETO, '', ALERTA.AVISO, 'bottomRight');\n return true;\n }\n if (tipoDocumentoNome === TIPO_DOCUMENTO.CNPJ && numeroDocumento?.length !== 18) {\n fetchNotificationApp(MSG_CNPJ_INCORRETO, '', ALERTA.AVISO, 'bottomRight');\n return true;\n }\n }\n return false;\n};\n","import React, { useState } from 'react';\nimport { useForm } from 'react-hook-form';\nimport { useSelector, useDispatch } from 'react-redux';\nimport { Row, Col, Space } from 'antd';\nimport Button from 'components/Button';\nimport InputText from 'components/InputText';\nimport InputSelect from 'components/InputSelect';\nimport DateInterval from 'components/InputDateInterval';\nimport * as Style from 'components/Style';\nimport * as S from './styles';\nimport {\n fetchGetTodosAssuntos,\n fetchGetTodosStatus,\n fetchSalvarLocalFiltroRequerimento,\n} from 'store/fetchActions/fetchInputForm';\nimport { fetchGetFormulariosByFilter } from 'store/fetchActions/fetchFormulario';\nimport { fetchGetTodosServicos } from 'store/fetchActions/fetchServico';\nimport { montarDadosInputSelect } from 'utils/funcaoPadrao';\nimport { ENUM_TIPO_PESSOA } from 'utils/consts';\nimport { ENUM_TIPO_PERFIL } from 'utils/permissao';\nimport { fetchBuscarSetores } from 'store/fetchActions/fetchSetores';\nimport { documentoMask } from 'utils/masks';\nimport { fetchGetAtendentesPorSetor, fetchGetTodosAtendentes } from 'store/fetchActions/fetchAtendente';\nimport { changeInputFilter } from 'utils/formUtils';\nimport moment from 'moment';\nimport {\n optionsTipoPessoa,\n widthCamposDefault as widthCampos,\n getFiltroInicial,\n montarSetoresAtendentes,\n montarFiltroSetores,\n validaDocumento,\n} from './ListarServicoDuvida';\n\nexport default function FiltroRequerimento({ filtroInicial, salvarFiltro, handlePesquisar }) {\n const dispatch = useDispatch();\n\n const unitaryTests = useSelector(state => state.app.unitaryTests);\n const user = useSelector(state => state.sefaz.userProfile);\n const listaStatus = useSelector(state => state.status.todosStatus);\n const todosAssuntos = useSelector(state => state.inputs.todosAssuntos);\n const inputSelectOptionsSolicitacoes = useSelector(state => state.inputs.inputSelectOptionsSolicitacoes);\n const configFiltroSalvo = useSelector(state => state.formulario.configFiltroPesquisa);\n\n const [isClearDataAbertura, setIsClearDataAbertura] = useState(false);\n const [isClearDataEncerramento, setIsClearDataEncerramento] = useState(false);\n const [optionsAtendentes, setOptionsAtendentes] = useState([]);\n const [optionsAssuntos, setOptionsAssuntos] = useState([]);\n const [optionsSetor, setOptionsSetor] = useState([]);\n const [optionsSolicitacao, setOptionsSolicitacao] = useState([]);\n const [setoresSelecionados, setSetoresSelecionados] = useState([]);\n\n const {\n watch,\n control,\n handleSubmit,\n setValue,\n formState: { errors },\n } = useForm({\n defaultValues: getFiltroInicial(filtroInicial),\n });\n\n const buscaSetoresAtendentes = () => {\n dispatch(fetchBuscarSetores()).then(resposta => {\n setOptionsSetor(montarSetoresAtendentes(resposta));\n });\n\n dispatch(fetchGetTodosAtendentes()).then(resposta => {\n setOptionsAtendentes(montarDadosInputSelect(resposta, 'id', 'nome'));\n });\n };\n\n const tipoDocumentoNome = watch('tipoPessoaId') === ENUM_TIPO_PESSOA.fisica.id ? 'CPF' : 'CNPJ';\n\n const ObterAtendentePorSetor = setores => {\n const filtros = montarFiltroSetores(setores);\n dispatch(fetchGetAtendentesPorSetor(filtros)).then(resposta => {\n setOptionsAtendentes(montarDadosInputSelect(resposta, 'id', 'nome'));\n });\n };\n\n React.useEffect(() => {\n if (unitaryTests) return;\n if (user && user?.profile !== ENUM_TIPO_PERFIL.ATENDENTE) {\n dispatch(fetchBuscarSetores(user?.profile === ENUM_TIPO_PERFIL.SUPERVISOR)).then(resposta => {\n const todosSetores = resposta?.map(setor => {\n return setor.id !== 0\n ? {\n value: setor?.id,\n label: setor?.nome,\n atendentes: setor?.atendentes,\n }\n : null;\n });\n setOptionsSetor(todosSetores);\n });\n\n dispatch(fetchGetTodosAtendentes()).then(resposta => {\n setOptionsAtendentes(montarDadosInputSelect(resposta, 'id', 'nome'));\n });\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [dispatch, user, unitaryTests]);\n\n React.useEffect(() => {\n if (unitaryTests) return;\n dispatch(fetchGetTodosAssuntos(todosAssuntos)).then(resposta => {\n setOptionsAssuntos(montarDadosInputSelect(resposta, 'id', 'descricao'));\n });\n dispatch(fetchGetTodosStatus(listaStatus));\n dispatch(fetchGetTodosServicos(inputSelectOptionsSolicitacoes)).then(resposta => {\n setOptionsSolicitacao(montarDadosInputSelect(resposta, 'id', 'nome'));\n });\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [dispatch, unitaryTests]);\n\n const handleChange = e => {\n changeInputFilter(e, setValue);\n };\n\n const onSubmit = data => {\n if (validaDocumento(data?.numeroDocumento, data?.tipoPessoaId)) return;\n handlePesquisar(data);\n };\n\n const limparFiltro = () => {\n setIsClearDataEncerramento(true);\n setIsClearDataAbertura(true);\n setValue('dataAbertura', '');\n setValue('dataEncerramento', '');\n setValue('protocolo', '');\n setValue('atendenteId', '');\n setValue('assuntoId', '');\n setValue('statusId', '');\n setValue('tipoPessoaId', '');\n setValue('solicitacaoId', '');\n setValue('numeroDocumento', '');\n setValue('setorId', []);\n dispatch(fetchGetFormulariosByFilter({}, 1, 10));\n dispatch(fetchGetTodosAtendentes()).then(resposta => {\n setOptionsAtendentes(montarDadosInputSelect(resposta, 'id', 'nome'));\n });\n salvarFiltro({});\n dispatch(fetchSalvarLocalFiltroRequerimento(null, 1, 10));\n setSetoresSelecionados([]);\n };\n\n const onSelect = value => {\n setSetoresSelecionados([...setoresSelecionados, value]);\n ObterAtendentePorSetor([...setoresSelecionados, value]);\n };\n\n const onDeselect = value => {\n const index = setoresSelecionados.indexOf(value);\n if (index > -1) {\n setoresSelecionados.splice(index, 1);\n }\n if (setoresSelecionados.length === 0) {\n buscaSetoresAtendentes();\n } else {\n setSetoresSelecionados([...setoresSelecionados]);\n ObterAtendentePorSetor([...setoresSelecionados]);\n }\n };\n\n const filterArray = values => {\n return values.filter(function (a) {\n return !this[JSON.stringify(a)] && (this[JSON.stringify(a)] = true);\n }, Object.create(null));\n };\n\n const limparSetor = () => {\n setSetoresSelecionados([]);\n buscaSetoresAtendentes();\n };\n\n const onChangeTipoDocumento = e => {\n if (!e) return;\n setValue('tipoPessoaId', e);\n setValue('numeroDocumento', '');\n };\n\n const onClearTipoPessoa = () => {\n setValue('tipoPessoaId', '');\n setValue('numeroDocumento', '');\n };\n\n return (\n \n );\n}\n","import { privateRoot, rotaAtendente } from 'routes/paths';\nimport { ENUM_TIPO_PERFIL } from 'utils/permissao';\n\nexport const getRotaVoltar = user => {\n if (user?.profile === ENUM_TIPO_PERFIL.ATENDENTE) {\n return rotaAtendente;\n }\n if (user?.profile === ENUM_TIPO_PERFIL.SUPERVISOR || user?.profile === ENUM_TIPO_PERFIL.SUPERVISOR_SETORIAL) {\n return privateRoot;\n }\n return '';\n};\n","import styled from 'styled-components';\n\nexport const Page = styled.div`\n width: 98%;\n margin: auto;\n padding: 5px;\n padding-bottom: 100px;\n margin-bottom: 100px;\n text-align: center;\n .ant-col {\n padding: 0px 4px;\n }\n`;\n\nexport const ContainGrid = styled.div`\n padding-bottom: 150px;\n`;\n","import React, { useState } from 'react';\nimport { useDispatch, useSelector } from 'react-redux';\nimport GridRequerimento from 'containers/RequerimentoListar/gridRequerimento';\nimport Filtro from 'containers/RequerimentoListar/filtro';\nimport TitlePage from 'components/TituloPage';\nimport { fetchGetFormulariosByFilter } from 'store/fetchActions/fetchFormulario';\nimport { fetchSalvarInputsFormularios } from 'store/fetchActions/fetchInputForm';\nimport { formatterFiltroDuvidaServicoFrontToBack } from 'utils/formatter/filtro';\nimport { getRotaVoltar } from './Listar';\nimport * as S from './styles';\nimport * as Style from 'components/Style';\n\nexport default function PageListarRequerimento() {\n const dispatch = useDispatch();\n\n const user = useSelector(state => state.sefaz.userProfile);\n const configFiltroSalvo = useSelector(state => state.formulario.configFiltroPesquisa);\n const unitaryTests = useSelector(state => state.app.unitaryTests);\n\n const [filtroSelecionado, setFiltroSelecionado] = useState(configFiltroSalvo?.filtro);\n\n React.useEffect(() => {\n // PESQUISA INICIAL DOS DADOS PARA SEREM EXIBIDOS\n if (unitaryTests) return;\n dispatch(fetchSalvarInputsFormularios({}));\n handlePesquisar(filtroSelecionado, configFiltroSalvo?.page, configFiltroSalvo?.pageSize);\n // eslint-disable-next-line\n }, [dispatch, unitaryTests]);\n\n const handlePesquisar = (filtro, page = 1, pageSize = 10) => {\n const dadosFormatados = formatterFiltroDuvidaServicoFrontToBack(filtro);\n dispatch(fetchGetFormulariosByFilter(dadosFormatados, page, pageSize));\n setFiltroSelecionado(filtro);\n };\n\n return (\n \n \n \n \n \n \n );\n}\n","import styled from 'styled-components';\n\nexport const Page = styled.div`\n width: 98%;\n margin: auto;\n padding: 5px;\n padding-bottom: 100px;\n margin-bottom: 100px;\n .ant-col {\n padding: 0px 4px;\n }\n`;\n\nexport const Card = styled.div`\n width: ${props => `calc(${props.width} - 40px)`};\n margin: 20px;\n border-radius: 10px;\n background-color: var(--bottom-color-sefaz);\n box-shadow: 0 2px 6px rgb(0 0 0 / 16%);\n padding: 20px;\n height: calc(100% - 40px);\n`;\n\nexport const TitleCard = styled.p`\n margin: 0px;\n color: var(--primary-color-sefaz);\n font-size: 15pt;\n font-weight: 600;\n`;\n\nexport const HeaderContain = styled.div`\n display: flex;\n margin-bottom: 10px;\n`;\n\nexport const ContainButton = styled.div`\n display: flex;\n align-self: flex-end;\n gap: 8px;\n`;\n\nexport const ContainerButton = styled.div`\n display: flex;\n\n button {\n margin: 5px;\n height: 70px;\n }\n\n .ant-btn {\n background-color: transparent;\n color: var(--primary-color-sefaz);\n border-color: var(--primary-color-sefaz) 2px;\n\n &:hover {\n box-shadow: 0 2px 3px rgb(0 0 0 / 50%);\n }\n }\n`;\n","import React from 'react';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { Space, Button } from 'antd';\nimport { useHistory } from 'react-router-dom';\nimport Table from 'components/Table/index';\nimport { renderTag } from 'utils/funcaoPadrao';\nimport { fetchDetalharFormularioPorId } from 'store/fetchActions/fetchFormulario';\nimport { fetchSalvarLocalFiltroRequerimentoContribuinte } from 'store/fetchActions/fetchInputForm';\nimport { convertDatePtBrHs } from 'utils/dateFormatter';\nimport * as S from './styles';\nimport { reloadVlibras } from 'utils/acessibilidade';\n\nexport default function CardListarRequerimento({ filtros, handlePesquisar }) {\n const dispatch = useDispatch();\n const history = useHistory();\n\n const dadosGrid = useSelector(state => state.formulario.todosFormularios?.list);\n const paginacao = useSelector(state => state.formulario.todosFormularios);\n\n const [pageConfig, setPageConfig] = React.useState({ page: 1, pageSize: 10 });\n\n React.useEffect(() => {\n reloadVlibras();\n }, [dadosGrid]);\n\n const changePage = (page = 1, pageSize = 10) => {\n handlePesquisar(filtros, page, pageSize);\n setPageConfig({ page, pageSize });\n };\n\n const montarLinha = lista => {\n return lista?.map(item => {\n return {\n key: item?.id,\n assunto: item?.assunto?.descricao,\n dataRequerimento: convertDatePtBrHs(item?.dataAbertura),\n protocolo: item?.localizador,\n status: { statusId: item?.status?.id, status: item?.status?.descricao },\n };\n });\n };\n\n const columns = [\n {\n title: 'Assunto',\n dataIndex: 'assunto',\n key: 'assunto',\n },\n {\n title: 'Data do Requerimento',\n dataIndex: 'dataRequerimento',\n key: 'dataRequerimento',\n },\n {\n title: 'Protocolo',\n dataIndex: 'protocolo',\n key: 'protocolo',\n },\n\n {\n title: 'Status',\n key: 'status',\n dataIndex: 'status',\n render: tag => renderTag(tag),\n },\n {\n title: 'Resposta',\n key: 'action',\n align: 'center',\n render: record => renderAction(record),\n },\n ];\n\n const onDetalhar = key => {\n dispatch(fetchDetalharFormularioPorId(key, history));\n dispatch(fetchSalvarLocalFiltroRequerimentoContribuinte(filtros, pageConfig?.page, pageConfig?.pageSize));\n };\n\n const renderAction = row => {\n return (\n \n onDetalhar(row?.key)}>Ver \n \n );\n };\n\n return (\n \n \n Histórico de Solicitações \n \n \n \n );\n}\n","import React, { useState } from 'react';\nimport { useForm } from 'react-hook-form';\nimport { useSelector, useDispatch } from 'react-redux';\nimport { Row, Col } from 'antd';\nimport Button from 'components/Button';\nimport InputText from 'components/InputText';\nimport InputSelect from 'components/InputSelect';\nimport DateInterval from 'components/InputDateInterval';\nimport * as S from './styles';\nimport { fetchGetTodosStatus } from 'store/fetchActions/fetchInputForm';\nimport { montarDadosInputSelect } from 'utils/funcaoPadrao';\nimport { changeInputFilter } from 'utils/formUtils';\nimport { fetchSalvarLocalFiltroRequerimentoContribuinte } from 'store/fetchActions/fetchInputForm';\nimport { TIPO_DOCUMENTO } from 'utils/consts';\nimport { getFiltroInicial } from 'containers/RequerimentoListar/ListarServicoDuvida';\nimport moment from 'moment';\n\nexport default function FiltroHistoricoRequerimento({ filtroInicial, salvarFiltro, handlePesquisar }) {\n const dispatch = useDispatch();\n\n const unitaryTests = useSelector(state => state.app.unitaryTests);\n const listaStatus = useSelector(state => state.status.todosStatus);\n const configFiltroSalvo = useSelector(state => state.formulario.configFiltroContribuintePesquisa);\n const user = useSelector(state => state.sefaz.userProfile);\n\n const [isClearDataRequerimento, setIsClearDataRequerimento] = useState(false);\n const [isClearDataEncerramento, setIsClearDataEncerramento] = useState(false);\n const [optionsStatus, setOptionsStatus] = useState([]);\n const {\n control,\n handleSubmit,\n setValue,\n formState: { errors },\n } = useForm({\n defaultValues: getFiltroInicial(filtroInicial),\n });\n\n React.useEffect(() => {\n if (unitaryTests) return;\n dispatch(fetchGetTodosStatus(listaStatus)).then(resposta => {\n setOptionsStatus(montarDadosInputSelect(resposta, 'id', 'descricao'));\n });\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [dispatch, unitaryTests]);\n\n React.useEffect(() => {\n if (user?.cpf_cnpj) {\n dispatch(\n fetchSalvarLocalFiltroRequerimentoContribuinte(\n {\n ...configFiltroSalvo?.filtro,\n tipoPessoaId: TIPO_DOCUMENTO[user?.document_type],\n numeroDocumento: user?.cpf_cnpj,\n },\n configFiltroSalvo?.page,\n configFiltroSalvo?.pageSize\n )\n );\n handlePesquisar(\n {\n ...configFiltroSalvo?.filtro,\n tipoPessoaId: TIPO_DOCUMENTO[user?.document_type],\n numeroDocumento: user?.cpf_cnpj,\n },\n configFiltroSalvo?.page,\n configFiltroSalvo?.pageSize\n );\n }\n\n // eslint-disable-next-line\n }, [dispatch, user]);\n\n const handleChange = e => {\n changeInputFilter(e, setValue);\n };\n\n const onSubmit = data => {\n handlePesquisar(data);\n };\n\n const limparFiltro = () => {\n handlePesquisar({}, 1, 10);\n setIsClearDataEncerramento(true);\n setIsClearDataRequerimento(true);\n setValue('dataAbertura', '');\n setValue('dataEncerramento', '');\n setValue('protocolo', '');\n setValue('statusId', '');\n dispatch(\n fetchSalvarLocalFiltroRequerimentoContribuinte(\n {\n tipoPessoaId: TIPO_DOCUMENTO[user?.document_type],\n numeroDocumento: user?.cpf_cnpj,\n },\n 1,\n 10\n )\n );\n salvarFiltro({});\n };\n\n return (\n \n );\n}\n","import React from 'react';\nimport { useHistory } from 'react-router-dom';\nimport ButtonComponent from 'components/Button';\nimport CardListarRequerimento from './CardListaRequerimento';\nimport { duvidas, servicos } from 'routes/paths';\nimport * as S from './styles';\nimport FiltroHistoricoRequerimento from './FiltroHistoricoRequerimento';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { formatterFiltroDuvidaServicoFrontToBack } from 'utils/formatter/filtro';\nimport { fetchGetFormulariosByFilter } from 'store/fetchActions/fetchFormulario';\nimport { fetchSalvarInputsFormularios } from 'store/fetchActions/fetchInputForm';\nimport { TIPO_DOCUMENTO } from 'utils/consts';\nimport { reloadVlibras } from 'utils/acessibilidade';\n\nexport default function PageListarRequerimento() {\n const history = useHistory();\n const dispatch = useDispatch();\n\n const configFiltroSalvo = useSelector(state => state.formulario.configFiltroContribuintePesquisa);\n const user = useSelector(state => state.sefaz.userProfile);\n\n const [filtros, setFiltros] = React.useState(configFiltroSalvo?.filtro);\n\n React.useEffect(() => {\n dispatch(fetchSalvarInputsFormularios({}));\n }, [dispatch]);\n\n const handlePesquisar = (filtro, page = 1, pageSize = 10) => {\n filtro = { ...filtro, tipoPessoaId: TIPO_DOCUMENTO[user?.document_type], numeroDocumento: user?.cpf_cnpj };\n\n const dadosFormatados = formatterFiltroDuvidaServicoFrontToBack(filtro);\n dispatch(fetchGetFormulariosByFilter(dadosFormatados, page, pageSize));\n setFiltros(filtro);\n };\n\n const changePage = route => {\n history.push(route);\n reloadVlibras();\n };\n\n return (\n \n \n
\n \n \n
\n
\n \n Registrar Solicitação \n \n changePage(duvidas)} />\n changePage(servicos)} />\n \n \n
\n
\n
\n \n );\n}\n","export default __webpack_public_path__ + \"static/media/Dicionario.7324e3d2.svg\";","import styled from 'styled-components';\n\nexport const Page = styled.div`\n padding: 5px;\n height: 100%;\n padding-bottom: 100px;\n`;\n\nexport const Titulo = styled.h2`\n color: var(--primary-color-sefaz);\n margin: 0px;\n margin-top: 40px;\n font-weight: 600;\n font-size: 20pt;\n`;\n\nexport const Descricao = styled.div`\n margin: 0px;\n margin-bottom: 10px;\n text-align: justify;\n ul {\n list-style-type: square;\n margin-left: 20px;\n }\n`;\n\nexport const Imagem = styled.img`\n width: 200%;\n padding: 10px;\n margin: auto;\n @media (max-width: 1486px) {\n width: 150%;\n }\n @media (max-width: 1094px) {\n width: 125%;\n }\n @media (max-width: 994px) {\n width: 100%;\n }\n @media (max-width: 870px) {\n width: 150%;\n }\n`;\n","import React from 'react';\nimport { Col, Row } from 'antd';\nimport { useDispatch, useSelector } from 'react-redux';\nimport ImagemDuvida from 'assets/img/Dicionario.svg';\nimport { publicRoot, requerimentos, rotaAtendente } from 'routes/paths';\nimport { fetchGetTodosStatus } from 'store/fetchActions/fetchInputForm';\nimport * as S from './styles';\nimport * as Style from 'components/Style';\nimport { ENUM_TIPO_PERFIL } from 'utils/permissao';\nimport { altImageDuvida } from 'utils/acessibilidade';\n\nexport default function DicionarioSistema() {\n const dispatch = useDispatch();\n\n const user = useSelector(state => state.sefaz.userProfile);\n const listaStatus = useSelector(state => state.status.todosStatus);\n\n React.useEffect(() => {\n dispatch(fetchGetTodosStatus(listaStatus));\n // eslint-disable-next-line\n }, [dispatch]);\n\n const esconderLinkContribuinte = (texto, rota) => {\n return user?.profile !== ENUM_TIPO_PERFIL.CONTRIBUINTE ? (\n \n {texto}\n \n ) : (\n texto\n );\n };\n\n return (\n \n \n \n FAS \n \n O FAS (Formulário de Atendimento SEFAZ) é um sistema para que o cidadão possa realizar solicitações de\n serviços ou até mesmo tirar suas dúvidas, independente do assunto. Para realizar essas ações o\n contribuinte deve preencher um formulário, disponível na tela inicial do sistema,\n esse formulário é chamado de requerimento.\n \n\n Requerimentos \n \n Para o Contribuinte realizar uma solicitação, o mesmo preenche um formulário padrão, disponível na{' '}\n tela inicial do sistema, nesse formulário o contribuinte pode informar se é\n pessoa Física ou Jurídica, seu endereço e o tipo de solicitação, entre outros campos, o contribuinte tem a\n opção de anexar arquivos em PDF que não ultrapassem 10MB, e preencher o campo "Justificativa"\n para detalhar sua solicitação.\n \n\n Perfil Contribuinte, Supervisor, Atendente, Supervisor Setorial e Atendente Setorial \n \n Contribuinte é o cidadão do município de Salvador, que pode realizar solicitações, como Certidão\n positiva de débitos, Cancelamento de PAD, 2ª via de tributos ou até mesmo tirar suas dúvidas, independente\n do assunto. Para realizar essas ações o contribuinte deve preencher um formulário, no sistema chamado de\n requerimento, disponível na tela inicial do sistema.\n \n \n Supervisor é o funcionário da SEFAZ, cadastrado no sistema FAS e pode acompanhar todos os\n requerimentos e o status de cada um deles, podendo também cadastrar novos atendentes ou supervisores,\n editar dados e responder requerimentos.\n \n \n Supervisor Setorial é o funcionário da SEFAZ, cadastrado no sistema FAS e pode acompanhar todos os\n requerimentos do seu setor, e o status de cada um deles, não pode cadastrar novos usuários ou editar dados\n dos funcionários, pode responder, encaminhar ou iniciar atendimento de um requerimento.\n \n \n Atendente é o responsável pelo atendimento dos requerimentos, garantindo o suporte necessário ao\n contribuinte. Todos os requerimentos atribuídos ao atendente ficam disponíveis na{' '}\n {esconderLinkContribuinte('página de listar', requerimentos)}, localizado no menu superior do sistema.\n \n \n Atendente Setorial é o responsável pelo atendimento de um determinado assunto, geralmente\n relacionado a outros setores, somente um Atendente pode passar um requerimento para o Atendente Setorial\n solucionar.\n \n\n Atendimento \n \n O Atendente pode iniciar atendimento na{' '}\n {esconderLinkContribuinte('página inicial do atendente', rotaAtendente)}, clicando no botão "Iniciar\n Atendimento", então o sistema deve encaminhar para sua lista um novo requerimento para atendimento.\n Na {esconderLinkContribuinte('lista de atendimento', requerimentos)} é possível verificar o histórico,\n onde ficam salvas as alterações feitas no requerimento, ou detalhar o requerimento para ter acesso a mais\n informações. Também é possível filtrar um atendimento específico, por status, protocolo e outras opções.\n \n\n Detalhar requerimento \n \n O Atendente ou Supervisor, ao detalhar um requerimento, podem Salvar Status , que salva no histórico\n do requerimento os dados digitados no campo "Justificativa", esse histórico fica disponível para\n todos. (Atendente, Contribuinte, Atendente Setorial e Supervisor). O status do requerimento continua o\n mesmo.\n \n \n O Atendente ou Supervisor, ao detalhar um requerimento, podem Salvar e Devolver , que salva no\n histórico do requerimento os dados digitados no campo "Justificativa", e devolver o formulário\n ao contribuinte. O status do requerimento é alterado para "Devolvido ao Contribuinte"\n \n \n O Atendente ou Supervisor, ao detalhar um requerimento, podem Finalizar Atendimento , que salva no\n histórico do requerimento os dados digitados no campo "Justificativa", e finaliza o\n requerimento. O contribuinte recebe um e-mail com a informação de que o requerimento foi finalizado e uma\n pesquisa de satisfação. O status do requerimento é alterado para "Finalizado"\n \n \n O Atendente ou Supervisor, ao detalhar um requerimento que esteja com o status "Em Atendimento"\n podem Alterar para Em Análise , que salva no histórico do requerimento os dados digitados no campo\n "Justificativa", e altera o status do requerimento para Em Análise, permitindo que o atendente\n possa iniciar um novo atendimento.\n \n \n O Atendente também pode Encaminhar atendimento , onde são exibidas novas opções para encaminhar o\n requerimento para algum setor. O Atendente escolhe qual setor deseja encaminhar, digita os dados no campo\n "Justificativa", e aperta em Encaminhar . Com essa ação o requerimento passa a ter o\n status de "Encaminhado para atendimento" e fica na lista aguardando um atendente setorial\n iniciar o atendimento.\n \n \n O Supervisor pode Cancelar Requerimento , onde o requerimento passa a ficar com o status de\n "cancelado". Os dados ficam salvos no histórico do requerimento.\n \n \n O Atendente Setorial pode Encaminhar , onde o requerimento é devolvido ao atendente que encaminhou o\n requerimento anteriormente.\n \n \n O Atendente Setorial pode Devolver ao Contribuinte , que salva no histórico do requerimento os dados\n digitados no campo "Justificativa", e devolver o formulário ao contribuinte.\n \n \n O Atendente Setorial pode Salvar Status , que salva no histórico do requerimento os dados digitados\n no campo "Justificativa".\n \n \n O campo justificativa tem um limite de dois mil caracteres, e é possível anexar arquivos no formato PDF de\n até 10MB.\n \n\n Status \n \n Cada requerimento pode ter um status por vez, esse status mostra em qual processo o requerimento está no\n momento. Os status são:\n \n {listaStatus?.map(status => {\n return (\n \n {status?.descricao} : {status?.significado}\n \n );\n })}\n \n \n\n {user?.profile !== ENUM_TIPO_PERFIL.CONTRIBUINTE && (\n <>\n Cadastrar Atendente ou Supervisor \n \n Para cadastrar um novo atendente ou supervisor, deve ser realizado um cadastro no eSefaz, para em\n seguida realizar o cadastro no FAS. O contribuinte não tem acesso as informações do atendente, com\n exceção do nome e apelido. Para editar as informações de um atendente, o supervisor deve\n realizar login no sistema, listar todos os atendentes e editar as informações desejadas.\n \n \n )}\n \n
\n \n \n );\n}\n","export default __webpack_public_path__ + \"static/media/servico.dadbe894.svg\";","import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { useSelector } from 'react-redux';\nimport { Switch } from 'antd';\nimport { CKEditor } from '@ckeditor/ckeditor5-react';\nimport ClassicEditor from '@ckeditor/ckeditor5-build-classic';\nimport TooltipHelp from 'components/Tooltip/tooltipHelp';\nimport EditorTextoExibir from './exibir';\nimport { handleOnChange } from './EditorTexto';\nimport * as S from './styles';\nimport * as Style from 'components/Style';\n\nexport const ComponentEditorTexto = ({\n handleChange = () => {},\n errors,\n label,\n disabled,\n data,\n name,\n tooltipSwitchText,\n visualizarJustificativa = true,\n statusSwitchDefault = false,\n}) => {\n const unitaryTests = useSelector(state => state.app.unitaryTests);\n\n const [mensagemHtml, setMensagemHtml] = useState(data);\n const [exibirHtml, setExibirHtml] = useState(statusSwitchDefault);\n\n return (\n \n \n {label && {label} }\n {visualizarJustificativa && (\n <>\n setExibirHtml(statusSwitch)}\n style={{ marginBottom: '10px', marginRight: '10px' }}\n />\n
\n {!unitaryTests && (\n handleOnChange(event, editor, setMensagemHtml, handleChange, name)}\n config={{\n removePlugins: ['EasyImage', 'ImageUpload', 'MediaEmbed'],\n }}\n style={{ minHeight: '130px' }}\n />\n )}\n {errors?.[name] && {errors[name]?.message} }\n {exibirHtml && \n );\n};\n\nComponentEditorTexto.propTypes = {\n handleChange: PropTypes.func,\n errors: PropTypes.object,\n label: PropTypes.string,\n data: PropTypes.string,\n visualizarJustificativa: PropTypes.bool,\n statusSwitchDefault: PropTypes.bool,\n};\n\nComponentEditorTexto.defaultProps = {\n // handleChange: () => {},\n // errors: {},\n // label: '',\n // data: '',\n // visualizarJustificativa: true,\n // statusSwitchDefault: false,\n};\n\nexport default ComponentEditorTexto;\n","import { fetchNotificationApp } from 'store/fetchActions/fetchApp';\nimport { ALERTA, MSG_TAMANHO_CAMPO } from 'utils/consts';\n\nexport const handleOnChange = (event, editor, setMensagemHtml, handleChange, nameInput) => {\n const stringHtml = editor.getData();\n if (stringHtml?.length <= 2000) {\n setMensagemHtml(stringHtml);\n handleChange({ target: { name: nameInput, value: editor.getData() } });\n return editor.getData();\n } else {\n fetchNotificationApp(MSG_TAMANHO_CAMPO, '', ALERTA.ERRO, 'bottomRight', 5, null);\n return MSG_TAMANHO_CAMPO;\n }\n};\n","import React, { useState } from 'react';\nimport { Row, Col } from 'antd';\nimport { useHistory } from 'react-router-dom';\nimport { useSelector } from 'react-redux';\nimport ImagemServico from 'assets/img/servico.svg';\nimport InputText from 'components/InputText';\nimport InputSelect from 'components/InputSelect';\nimport InputTextArea from 'components/InputTextArea';\nimport Button from 'components/Button';\nimport { servicosSistemaEditar } from 'routes/paths';\nimport { clearErroChange } from 'utils/formUtils';\nimport { ENUM_PERMISSAO } from 'utils/permissao';\nimport { formatarIdentificador } from './FormServicoSistema';\nimport * as S from '../styles';\nimport ComponentEditorTexto from 'components/EditorTexto';\nimport EditorTextoExibir from 'components/EditorTexto/exibir';\nimport { altImageServico } from 'utils/acessibilidade';\n\nexport default function ContainerServico({\n errors,\n control,\n getValues,\n setValue,\n setError,\n optionsSituacoes,\n onSubmit,\n disabled = false,\n}) {\n const history = useHistory();\n\n const [exibirEditarApagar, setExibirEditarApagar] = useState(false);\n\n const user = useSelector(state => state.sefaz.userProfile);\n\n React.useEffect(() => {\n if (user?.permission.includes(ENUM_PERMISSAO.SUP0801.codigo)) setExibirEditarApagar(true);\n }, [user]);\n\n const handleChange = e => {\n const { name, value } = e.target;\n setValue(name, value);\n clearErroChange(name, value, errors, setError);\n if (name === 'nomeServico') {\n handleChange(formatarIdentificador(value));\n }\n };\n\n return (\n \n );\n}\n","export const formatarIdentificador = nomeServico => {\n const arrayNome = nomeServico?.split(' ');\n let novoNome = '';\n arrayNome.forEach(nome => (novoNome = `${novoNome}${nome?.substring(0, 1)?.toUpperCase()}`));\n return { target: { name: 'identificadorServico', value: novoNome } };\n};\n","import { ENUM_STATUS_ATIVO } from 'utils/consts';\n\nexport const formatterServicoBackToFront = servicoApi => {\n return {\n nomeServico: servicoApi?.nome,\n descricaoServico: servicoApi?.descricao,\n documentos: servicoApi?.documentos,\n identificadorServico: servicoApi?.identificacao,\n situacaoId: servicoApi?.ativo ? ENUM_STATUS_ATIVO?.ATIVO?.value : ENUM_STATUS_ATIVO?.INATIVO?.value,\n };\n};\n\nexport const formatterServicoFrontToBackCreate = dadosInputs => {\n const statusAtivo = dadosInputs?.situacaoId === ENUM_STATUS_ATIVO?.ATIVO?.value ? true : false;\n return {\n nome: dadosInputs?.nomeServico,\n descricao: dadosInputs?.descricaoServico,\n documentos: dadosInputs?.documentos,\n identificacao: dadosInputs?.identificadorServico,\n ativo: statusAtivo,\n assuntoId: 2,\n id: 0,\n };\n};\n\nexport const formatterServicoFrontToBackUpdate = (dadosInputs, id) => {\n const statusAtivo = dadosInputs?.situacaoId === ENUM_STATUS_ATIVO?.ATIVO?.value ? true : false;\n return {\n nome: dadosInputs?.nomeServico,\n descricao: dadosInputs?.descricaoServico,\n documentos: dadosInputs?.documentos,\n identificacao: dadosInputs?.identificadorServico,\n ativo: statusAtivo,\n assuntoId: 2,\n id: id,\n };\n};\n\nexport const formatterServicoNull = () => {\n return {\n nomeServico: '',\n descricaoServico: '',\n documentos: '',\n identificadorServico: '',\n situacaoId: '',\n };\n};\n","import { isRequired, maxLength } from 'utils/validate/validate';\n\nexport const validationsCreateUpdate = dadosInputs => {\n const { nomeServico, descricaoServico, documentos, identificadorServico, situacaoId } = dadosInputs;\n const errosCampos = {\n nomeServico: null,\n descricaoServico: null,\n documentos: null,\n identificadorServico: null,\n situacaoId: null,\n };\n\n errosCampos.nomeServico = isRequired(nomeServico);\n errosCampos.descricaoServico = isRequired(descricaoServico);\n errosCampos.documentos = isRequired(documentos) || maxLength(documentos, 4000);\n errosCampos.identificadorServico = isRequired(identificadorServico);\n errosCampos.situacaoId = isRequired(situacaoId);\n return errosCampos;\n};\n","import styled from 'styled-components';\n\nexport const Page = styled.div`\n padding: 5px;\n height: 100%;\n width: 98%;\n margin: auto;\n padding-bottom: 100px;\n`;\n","import React from 'react';\nimport { useForm } from 'react-hook-form';\nimport { useHistory } from 'react-router-dom';\nimport { useDispatch, useSelector } from 'react-redux';\nimport TitlePage from 'components/TituloPage';\nimport { servicosSistemaListar } from 'routes/paths';\nimport { fetchGetTodasSituacoes } from 'store/fetchActions/fetchInputForm';\nimport { fetchSalvarNovoServico } from 'store/fetchActions/fetchServico';\nimport { fetchNotificationApp } from 'store/fetchActions/fetchApp';\nimport { ALERTA, MSG_SALVAR_SERVICO_SUCESSO } from 'utils/consts';\nimport FormularioServicoSistema from 'containers/Forms/FormServicoSistema/index';\nimport { montarDadosInputSelect } from 'utils/funcaoPadrao';\nimport { formatterServicoNull, formatterServicoFrontToBackCreate } from 'utils/formatter/servico';\nimport { validationsCreateUpdate } from 'utils/validate/servico';\nimport { validarExibirErrosCampos } from 'utils/formUtils';\nimport * as S from '../styles';\nimport * as Style from 'components/Style';\n\nexport default function ServicoSistema() {\n const dispatch = useDispatch();\n const history = useHistory();\n\n const unitaryTests = useSelector(state => state.app.unitaryTests);\n const inputSelectOptionsSituacao = useSelector(state => state.inputs.inputSelectOptionsSituacao);\n\n const {\n control,\n setValue,\n setError,\n getValues,\n formState: { errors },\n } = useForm({\n defaultValues: formatterServicoNull(),\n });\n\n React.useEffect(() => {\n if (unitaryTests) return;\n dispatch(fetchGetTodasSituacoes(inputSelectOptionsSituacao));\n }, [dispatch, inputSelectOptionsSituacao, unitaryTests]);\n\n const validarCampos = data => {\n return validarExibirErrosCampos(data, validationsCreateUpdate, setError);\n };\n\n const onSubmit = () => {\n const data = getValues();\n if (validarCampos(data)) {\n dispatch(fetchSalvarNovoServico(formatterServicoFrontToBackCreate(data))).then(() => {\n history.push(servicosSistemaListar);\n fetchNotificationApp(MSG_SALVAR_SERVICO_SUCESSO, '', ALERTA.SUCESSO);\n });\n }\n };\n\n return (\n \n \n \n \n );\n}\n","import React from 'react';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { Space, Button } from 'antd';\nimport { useHistory } from 'react-router-dom';\nimport Table from 'components/Table/index';\nimport { fetchGetServicosByFilter, fetchDetalharServicoPorId } from 'store/fetchActions/fetchServico';\nimport { widthLabel, removeTagsHtmlDeTexto } from 'utils/stringFormatter';\n\nexport default function GridRequerimento({ filtro }) {\n const dispatch = useDispatch();\n const history = useHistory();\n\n const unitaryTests = useSelector(state => state.app.unitaryTests);\n const dadosGrid = useSelector(state => state.servico.servicoListar?.list);\n const paginacao = useSelector(state => state.servico.servicoListar);\n\n const montarLinha = lista => {\n return lista?.map(item => {\n return {\n key: item?.id,\n nome: widthLabel(item?.nome, 70),\n descricao: widthLabel(item?.descricao, 70),\n documentos: widthLabel(removeTagsHtmlDeTexto(item?.documentos), 50),\n ativo: item?.ativo ? 'Ativo' : 'Inativo',\n };\n });\n };\n\n React.useEffect(() => {\n if (unitaryTests) return;\n dispatch(fetchGetServicosByFilter({}, 1, 10));\n }, [dispatch, unitaryTests]);\n\n const renderAction = row => {\n return (\n \n dispatch(fetchDetalharServicoPorId(row?.key, history))}>Detalhar \n \n );\n };\n\n const changePage = (page = 1, pageSize = 10) => {\n dispatch(fetchGetServicosByFilter(filtro, page, pageSize));\n };\n\n const columns = [\n {\n title: 'Nome',\n dataIndex: 'nome',\n key: 'nome',\n },\n {\n title: 'Descrição',\n dataIndex: 'descricao',\n key: 'Descricao',\n },\n {\n title: 'Documentos',\n dataIndex: 'documentos',\n key: 'Documentos',\n },\n {\n title: 'Status',\n dataIndex: 'ativo',\n key: 'Ativo',\n },\n {\n title: '-',\n key: 'action',\n align: 'center',\n render: record => renderAction(record),\n },\n ];\n\n return ;\n}\n","import styled from 'styled-components';\n\nexport const ContainButton = styled.div`\n display: flex;\n margin-top: 34px;\n`;\n","import React from 'react';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { useForm } from 'react-hook-form';\nimport { Row, Col, Space } from 'antd';\nimport Button from 'components/Button';\nimport InputText from 'components/InputText';\nimport InputSelect from 'components/InputSelect';\nimport { fetchGetTodasSituacoes } from 'store/fetchActions/fetchInputForm';\nimport { fetchGetServicosByFilter } from 'store/fetchActions/fetchServico';\nimport { montarDadosInputSelect } from 'utils/funcaoPadrao';\nimport { changeInputFilter } from 'utils/formUtils';\nimport { formatterFiltroServicoSistemaFrontToBack } from 'utils/formatter/filtro';\nimport * as Style from 'components/Style';\nimport * as S from './styles';\n\nexport default function FiltroRequerimento({ salvarFiltro }) {\n const dispatch = useDispatch();\n\n const unitaryTests = useSelector(state => state.app.unitaryTests);\n const inputSelectOptionsSituacao = useSelector(state => state.inputs.inputSelectOptionsSituacao);\n\n const {\n control,\n handleSubmit,\n setValue,\n formState: { errors },\n } = useForm({\n defaultValues: {\n nomeServico: '',\n ativo: '',\n },\n });\n\n React.useEffect(() => {\n if (unitaryTests) return;\n dispatch(fetchGetTodasSituacoes(inputSelectOptionsSituacao));\n }, [dispatch, unitaryTests, inputSelectOptionsSituacao]);\n\n const handleChange = e => {\n changeInputFilter(e, setValue);\n };\n\n const onSubmit = data => {\n const dadosFormatados = formatterFiltroServicoSistemaFrontToBack(data);\n salvarFiltro(dadosFormatados);\n dispatch(fetchGetServicosByFilter(dadosFormatados, 1, 10));\n };\n\n const limparFiltro = () => {\n setValue('nomeServico', '');\n setValue('ativo', '');\n dispatch(fetchGetServicosByFilter({}, 1, 10));\n salvarFiltro({});\n };\n\n return (\n \n );\n}\n","import styled from 'styled-components';\n\nexport const Page = styled.div`\n width: 98%;\n margin: auto;\n padding: 5px;\n height: 120vh;\n padding-bottom: 100px;\n margin-bottom: 100px;\n text-align: center;\n .ant-col {\n padding: 0px 4px;\n }\n`;\n\nexport const ContainGrid = styled.div`\n padding-bottom: 150px;\n`;\n","import React, { useState } from 'react';\nimport GridServico from 'containers/ServicoListar/gridServicos';\nimport Filtro from 'containers/ServicoListar/filtro';\nimport TitlePage from 'components/TituloPage';\nimport { privateRoot } from 'routes/paths';\nimport * as S from './styles';\nimport * as Style from 'components/Style';\n\nexport default function PageListarServicos() {\n const [filtroSelecionado, setFiltroSelecionado] = useState({});\n\n return (\n \n \n \n \n \n \n );\n}\n","import React from 'react';\nimport { useForm } from 'react-hook-form';\nimport { useSelector } from 'react-redux';\nimport TitlePage from 'components/TituloPage';\nimport { servicosSistemaListar } from 'routes/paths';\nimport FormularioServicoSistema from 'containers/Forms/FormServicoSistema/index';\nimport { formatterServicoBackToFront } from 'utils/formatter/servico';\nimport * as S from '../styles';\nimport * as Style from 'components/Style';\nimport { ENUM_STATUS_ATIVO } from 'utils/consts';\n\nexport default function ServicoSistemaDetalhar() {\n const servicoDetalhar = useSelector(state => state.servico?.servicoDetalhar);\n\n const {\n control,\n setValue,\n getValues,\n setError,\n formState: { errors },\n } = useForm({\n defaultValues: formatterServicoBackToFront(servicoDetalhar),\n });\n\n return (\n \n \n {}}\n disabled={true}\n />\n \n \n );\n}\n","import React from 'react';\nimport { useHistory } from 'react-router-dom';\nimport { useForm } from 'react-hook-form';\nimport { useDispatch, useSelector } from 'react-redux';\nimport TitlePage from 'components/TituloPage';\nimport { servicosSistemaListar } from 'routes/paths';\nimport FormularioServicoSistema from 'containers/Forms/FormServicoSistema/index';\nimport { fetchGetTodasSituacoes } from 'store/fetchActions/fetchInputForm';\nimport { fetchSalvarServicoEditado } from 'store/fetchActions/fetchServico';\nimport { fetchNotificationApp } from 'store/fetchActions/fetchApp';\nimport { ALERTA, MSG_SALVAR_SERVICO_SUCESSO } from 'utils/consts';\nimport { formatterServicoBackToFront, formatterServicoFrontToBackUpdate } from 'utils/formatter/servico';\nimport { montarDadosInputSelect } from 'utils/funcaoPadrao';\nimport { validarExibirErrosCampos } from 'utils/formUtils';\nimport { validationsCreateUpdate } from 'utils/validate/servico';\nimport * as S from '../styles';\nimport * as Style from 'components/Style';\n\nexport default function ServicoSistemaEditar() {\n const dispatch = useDispatch();\n const history = useHistory();\n\n const unitaryTests = useSelector(state => state.app.unitaryTests);\n const servicoDetalhar = useSelector(state => state.servico?.servicoDetalhar);\n const inputSelectOptionsSituacao = useSelector(state => state.inputs.inputSelectOptionsSituacao);\n\n const {\n control,\n setValue,\n getValues,\n setError,\n formState: { errors },\n } = useForm({\n defaultValues: formatterServicoBackToFront(servicoDetalhar),\n });\n\n React.useEffect(() => {\n if (unitaryTests) return;\n dispatch(fetchGetTodasSituacoes(inputSelectOptionsSituacao));\n }, [dispatch, inputSelectOptionsSituacao, unitaryTests]);\n\n const validarCampos = data => {\n return validarExibirErrosCampos(data, validationsCreateUpdate, setError);\n };\n\n const onSubmit = () => {\n const data = getValues();\n if (validarCampos(data)) {\n dispatch(fetchSalvarServicoEditado(formatterServicoFrontToBackUpdate(data, servicoDetalhar?.id))).then(() => {\n history.push(servicosSistemaListar);\n fetchNotificationApp(MSG_SALVAR_SERVICO_SUCESSO, '', ALERTA.SUCESSO);\n });\n }\n };\n\n return (\n \n \n \n \n );\n}\n","import { ENUM_STATUS_ATIVO } from 'utils/consts';\n\nexport const formatterSetorBackToFront = setorApi => {\n return {\n nomeSetor: setorApi?.nome,\n email: setorApi?.email,\n descricaoSetor: setorApi?.descricao,\n situacaoId: setorApi?.ativo ? ENUM_STATUS_ATIVO?.ATIVO?.value : ENUM_STATUS_ATIVO?.INATIVO?.value,\n };\n};\n\nexport const formatterSetorFrontToBackCreate = dadosInputs => {\n const statusAtivo = dadosInputs?.situacaoId === ENUM_STATUS_ATIVO?.ATIVO?.value ? true : false;\n return {\n nome: dadosInputs?.nomeSetor,\n email: dadosInputs?.email,\n descricao: dadosInputs?.descricaoSetor,\n ativo: statusAtivo,\n id: 0,\n };\n};\n\nexport const formatterSetorFrontToBackUpdate = (dadosInputs, id) => {\n const statusAtivo = dadosInputs?.situacaoId === ENUM_STATUS_ATIVO?.ATIVO?.value ? true : false;\n return {\n nome: dadosInputs?.nomeSetor,\n email: dadosInputs?.email,\n descricao: dadosInputs?.descricaoSetor,\n ativo: statusAtivo,\n id: id,\n };\n};\n\nexport const formatterSetorNull = () => {\n return {\n nomeSetor: '',\n email: '',\n descricaoSetor: '',\n situacaoId: '',\n };\n};\n","import { isRequired, validarEmail } from 'utils/validate/validate';\nimport { MSG_CAMPO_INVALIDO } from 'utils/consts';\n\nexport const validationsCreateUpdate = dadosInputs => {\n const { nomeSetor, descricaoSetor, situacaoId, email } = dadosInputs;\n const errosCampos = {\n nomeSetor: null,\n descricaoSetor: null,\n situacaoId: null,\n email: null,\n };\n\n errosCampos.email = isRequired(email);\n if (!errosCampos.email) {\n if (!validarEmail(email)) {\n errosCampos.email = MSG_CAMPO_INVALIDO;\n }\n }\n\n errosCampos.nomeSetor = isRequired(nomeSetor);\n errosCampos.descricaoSetor = isRequired(descricaoSetor);\n errosCampos.situacaoId = isRequired(situacaoId);\n\n return errosCampos;\n};\n","export default __webpack_public_path__ + \"static/media/setores.85f59820.svg\";","import React from 'react';\nimport { Card } from 'antd';\nimport { EyeInvisibleFilled, UserOutlined } from '@ant-design/icons';\nimport { useHistory } from 'react-router-dom';\nimport { listarAtendente } from 'routes/paths';\nimport { fetchGetAtendenteById } from 'store/fetchActions/fetchAtendente';\nimport * as S from '../styles';\nimport { useDispatch } from 'react-redux';\n\nexport default function CardAtendenteSetor({ atendentes }) {\n const history = useHistory();\n const dispatch = useDispatch();\n\n return (\n history.push(listarAtendente)}>Todos os Atendentes}\n style={{ width: '100%', marginTop: '20px' }}\n >\n {atendentes?.map(atendente => {\n return (\n dispatch(fetchGetAtendenteById(atendente?.id, history))}\n >\n \n \n )}\n \n );\n}\n","import React, { useState } from 'react';\nimport { Row, Col } from 'antd';\nimport { useHistory } from 'react-router-dom';\nimport { useDispatch, useSelector } from 'react-redux';\nimport ImagemSetor from 'assets/img/setores.svg';\nimport InputText from 'components/InputText';\nimport InputSelect from 'components/InputSelect';\nimport InputTextArea from 'components/InputTextArea';\nimport Button from 'components/Button';\nimport { openModalConfirmacao } from 'components/Modal/ModalConfirmacao';\nimport CardAtendentes from './cardAtendentes';\nimport { clearErroChange } from 'utils/formUtils';\nimport { ALERTA, MSG_SETOR_DELETADO_SUCESSO } from 'utils/consts';\nimport { ENUM_PERMISSAO } from 'utils/permissao';\nimport { fetchNotificationApp } from 'store/fetchActions/fetchApp';\nimport { fetchDeletarSetor } from 'store/fetchActions/fetchSetores';\nimport { setorSistemaEditar, setorSistemaListar } from 'routes/paths';\nimport * as S from '../styles';\nimport { altImageSetor } from 'utils/acessibilidade';\n\nexport default function ContainerSetor({\n errors,\n control,\n setValue,\n setError,\n optionsSituacoes,\n handleSubmit,\n onSubmit,\n disabled = false,\n listaAtendentes,\n}) {\n const history = useHistory();\n const dispatch = useDispatch();\n\n const [exibirEditar, setExibirEditar] = useState(false);\n const [exibirApagar, setExibirApagar] = useState(false);\n\n const user = useSelector(state => state.sefaz.userProfile);\n const unitaryTests = useSelector(state => state.app.unitaryTests);\n const setorDetalhar = useSelector(state => state.setor?.setorDetalhar);\n\n React.useEffect(() => {\n if (unitaryTests) return;\n if (user?.permission.includes(ENUM_PERMISSAO.SUP0901.codigo)) setExibirEditar(true);\n if (user?.permission.includes(ENUM_PERMISSAO.SUP0902.codigo)) setExibirApagar(true);\n }, [user, unitaryTests]);\n\n const handleChange = e => {\n const { name, value } = e.target;\n setValue(name, value);\n clearErroChange(name, value, errors, setError);\n };\n\n const deletarSetor = () => {\n dispatch(fetchDeletarSetor(setorDetalhar?.id)).then(() => {\n history.push(setorSistemaListar);\n fetchNotificationApp(MSG_SETOR_DELETADO_SUCESSO, '', ALERTA.SUCESSO);\n });\n };\n\n return (\n \n );\n}\n","import styled from 'styled-components';\n\nexport const Page = styled.div`\n padding: 5px;\n height: 100%;\n width: 98%;\n margin: auto;\n padding-bottom: 100px;\n`;\n","import React from 'react';\nimport { useForm } from 'react-hook-form';\nimport { useHistory } from 'react-router-dom';\nimport { useDispatch, useSelector } from 'react-redux';\nimport TitlePage from 'components/TituloPage';\nimport { setorSistemaListar } from 'routes/paths';\nimport { fetchGetTodasSituacoes } from 'store/fetchActions/fetchInputForm';\nimport { fetchSalvarNovoSetor } from 'store/fetchActions/fetchSetores';\nimport { fetchNotificationApp } from 'store/fetchActions/fetchApp';\nimport { formatterSetorFrontToBackCreate, formatterSetorNull } from 'utils/formatter/setor';\nimport { validationsCreateUpdate } from 'utils/validate/setor';\nimport { ALERTA, MSG_SALVAR_SETOR_SUCESSO } from 'utils/consts';\nimport FormularioSetorSistema from 'containers/Forms/FormSetorSistema/index';\nimport { montarDadosInputSelect } from 'utils/funcaoPadrao';\nimport { validarExibirErrosCampos } from 'utils/formUtils';\nimport * as S from '../styles';\nimport * as Style from 'components/Style';\n\nexport default function SetorSistema() {\n const dispatch = useDispatch();\n const history = useHistory();\n\n const unitaryTests = useSelector(state => state.app.unitaryTests);\n const inputSelectOptionsSituacao = useSelector(state => state.inputs.inputSelectOptionsSituacao);\n\n const {\n control,\n handleSubmit,\n setValue,\n setError,\n formState: { errors },\n } = useForm({\n defaultValues: formatterSetorNull(),\n });\n\n React.useEffect(() => {\n if (unitaryTests) return;\n dispatch(fetchGetTodasSituacoes(inputSelectOptionsSituacao));\n }, [dispatch, unitaryTests, inputSelectOptionsSituacao]);\n\n const validarCampos = data => {\n return validarExibirErrosCampos(data, validationsCreateUpdate, setError);\n };\n\n const onSubmit = data => {\n if (validarCampos(data)) {\n dispatch(fetchSalvarNovoSetor(formatterSetorFrontToBackCreate(data))).then(() => {\n history.push(setorSistemaListar);\n fetchNotificationApp(MSG_SALVAR_SETOR_SUCESSO, '', ALERTA.SUCESSO);\n });\n }\n };\n\n return (\n \n \n \n \n );\n}\n","import React from 'react';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { Space, Button } from 'antd';\nimport Table from 'components/Table/index';\nimport { fetchGetSetoresByFilter, fetchDetalharSetorPorId } from 'store/fetchActions/fetchSetores';\nimport { useHistory } from 'react-router-dom';\nimport { widthLabel } from 'utils/stringFormatter';\n\nexport default function GridRequerimento({ filtro }) {\n const dispatch = useDispatch();\n const history = useHistory();\n\n const unitaryTests = useSelector(state => state.app.unitaryTests);\n const dadosGrid = useSelector(state => state.setor.setorListar?.list);\n const paginacao = useSelector(state => state.setor.setorListar);\n\n const montarLinha = lista => {\n return lista?.map(item => {\n return {\n key: item?.id,\n nomeSetor: widthLabel(item?.nome, 100),\n descricaoSetor: widthLabel(item?.descricao, 100),\n ativo: item?.ativo ? 'Ativo' : 'Inativo',\n };\n });\n };\n\n React.useEffect(() => {\n if (unitaryTests) return;\n dispatch(fetchGetSetoresByFilter({}, 1, 10));\n }, [dispatch, unitaryTests]);\n\n const renderAction = row => {\n return (\n \n dispatch(fetchDetalharSetorPorId(row?.key, history))}>Detalhar \n \n );\n };\n\n const changePage = (page = 1, pageSize = 10) => {\n dispatch(fetchGetSetoresByFilter(filtro, page, pageSize));\n };\n\n const columns = [\n {\n title: 'Nome do Setor',\n dataIndex: 'nomeSetor',\n key: 'nomeSetor',\n },\n {\n title: 'Descrição do Setor',\n dataIndex: 'descricaoSetor',\n key: 'descricaoSetor',\n },\n {\n title: 'Status',\n dataIndex: 'ativo',\n key: 'Ativo',\n },\n {\n title: '-',\n key: 'action',\n align: 'center',\n render: record => renderAction(record),\n },\n ];\n\n return ;\n}\n","import styled from 'styled-components';\n\nexport const ContainButton = styled.div`\n display: flex;\n margin-top: 34px;\n`;\n","import React from 'react';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { useForm } from 'react-hook-form';\nimport { Row, Col, Space } from 'antd';\nimport Button from 'components/Button';\nimport InputText from 'components/InputText';\nimport InputSelect from 'components/InputSelect';\nimport { fetchGetTodasSituacoes } from 'store/fetchActions/fetchInputForm';\nimport { fetchGetSetoresByFilter } from 'store/fetchActions/fetchSetores';\nimport { formatterFiltroSetorFrontToBack } from 'utils/formatter/filtro';\nimport { montarDadosInputSelect } from 'utils/funcaoPadrao';\nimport { changeInputFilter } from 'utils/formUtils';\nimport * as Style from 'components/Style';\nimport * as S from './styles';\n\nexport default function FiltroRequerimento({ salvarFiltro }) {\n const dispatch = useDispatch();\n\n const unitaryTests = useSelector(state => state.app.unitaryTests);\n const inputSelectOptionsSituacao = useSelector(state => state.inputs.inputSelectOptionsSituacao);\n\n const {\n control,\n handleSubmit,\n setValue,\n formState: { errors },\n } = useForm({\n defaultValues: {\n nomeSetor: '',\n ativo: '',\n },\n });\n\n React.useEffect(() => {\n if (unitaryTests) return;\n dispatch(fetchGetTodasSituacoes(inputSelectOptionsSituacao));\n }, [dispatch, unitaryTests, inputSelectOptionsSituacao]);\n\n const handleChange = e => {\n changeInputFilter(e, setValue);\n };\n\n const onSubmit = data => {\n const dadosFormatados = formatterFiltroSetorFrontToBack(data);\n salvarFiltro(dadosFormatados);\n dispatch(fetchGetSetoresByFilter(dadosFormatados, 1, 10));\n };\n\n const limparFiltro = () => {\n setValue('nomeSetor', '');\n setValue('ativo', '');\n dispatch(fetchGetSetoresByFilter({}, 1, 10));\n salvarFiltro({});\n };\n\n return (\n \n );\n}\n","import styled from 'styled-components';\n\nexport const Page = styled.div`\n width: 98%;\n margin: auto;\n padding: 5px;\n height: 120vh;\n padding-bottom: 100px;\n margin-bottom: 100px;\n text-align: center;\n .ant-col {\n padding: 0px 4px;\n }\n`;\n\nexport const ContainGrid = styled.div`\n padding-bottom: 150px;\n`;\n","import React, { useState } from 'react';\nimport GridSetor from 'containers/SetorListar/gridSetor';\nimport Filtro from 'containers/SetorListar/filtro';\nimport TitlePage from 'components/TituloPage';\nimport { privateRoot } from 'routes/paths';\nimport * as S from './styles';\nimport * as Style from 'components/Style';\n\nexport default function PageListarSetores() {\n const [filtroSelecionado, setFiltroSelecionado] = useState({});\n\n return (\n \n \n \n \n \n \n );\n}\n","import React from 'react';\nimport { useForm } from 'react-hook-form';\nimport { useHistory } from 'react-router-dom';\nimport { useDispatch, useSelector } from 'react-redux';\nimport TitlePage from 'components/TituloPage';\nimport { setorSistemaListar } from 'routes/paths';\nimport FormularioSetorSistema from 'containers/Forms/FormSetorSistema/index';\nimport { validarExibirErrosCampos } from 'utils/formUtils';\nimport { fetchGetTodasSituacoes } from 'store/fetchActions/fetchInputForm';\nimport { fetchSalvarSetorEditado } from 'store/fetchActions/fetchSetores';\nimport { fetchNotificationApp } from 'store/fetchActions/fetchApp';\nimport { formatterSetorFrontToBackUpdate, formatterSetorBackToFront } from 'utils/formatter/setor';\nimport { validationsCreateUpdate } from 'utils/validate/setor';\nimport { montarDadosInputSelect } from 'utils/funcaoPadrao';\nimport { ALERTA, MSG_SALVAR_SETOR_SUCESSO } from 'utils/consts';\nimport * as S from '../styles';\nimport * as Style from 'components/Style';\n\nexport default function SetorSistemaEditar() {\n const dispatch = useDispatch();\n const history = useHistory();\n\n const setorDetalhar = useSelector(state => state.setor?.setorDetalhar);\n const inputSelectOptionsSituacao = useSelector(state => state.inputs.inputSelectOptionsSituacao);\n const unitaryTests = useSelector(state => state.app.unitaryTests);\n\n const {\n control,\n handleSubmit,\n setValue,\n setError,\n formState: { errors },\n } = useForm({\n defaultValues: formatterSetorBackToFront(setorDetalhar),\n });\n\n React.useEffect(() => {\n if (unitaryTests) return;\n dispatch(fetchGetTodasSituacoes(inputSelectOptionsSituacao));\n }, [dispatch, unitaryTests, inputSelectOptionsSituacao]);\n\n const validarCampos = data => {\n return validarExibirErrosCampos(data, validationsCreateUpdate, setError);\n };\n\n const onSubmit = data => {\n if (validarCampos(data)) {\n dispatch(fetchSalvarSetorEditado(formatterSetorFrontToBackUpdate(data, setorDetalhar?.id))).then(() => {\n history.push(setorSistemaListar);\n fetchNotificationApp(MSG_SALVAR_SETOR_SUCESSO, '', ALERTA.SUCESSO);\n });\n }\n };\n\n return (\n \n \n \n \n );\n}\n","import React from 'react';\nimport { useForm } from 'react-hook-form';\nimport { useSelector } from 'react-redux';\nimport TitlePage from 'components/TituloPage';\nimport { setorSistemaListar } from 'routes/paths';\nimport FormularioSetorSistema from 'containers/Forms/FormSetorSistema/index';\nimport { formatterSetorBackToFront } from 'utils/formatter/setor';\nimport * as S from '../styles';\nimport * as Style from 'components/Style';\nimport { ENUM_STATUS_ATIVO } from 'utils/consts';\n\nexport default function SetorSistemaDetalhar() {\n const setorDetalhar = useSelector(state => state.setor?.setorDetalhar);\n\n const {\n control,\n handleSubmit,\n setValue,\n setError,\n formState: { errors },\n } = useForm({\n defaultValues: formatterSetorBackToFront(setorDetalhar),\n });\n\n return (\n \n \n {}}\n disabled={true}\n listaAtendentes={setorDetalhar?.atendentes}\n />\n \n \n );\n}\n","export default __webpack_public_path__ + \"static/media/postosAtendimento.c9ac702b.svg\";","/* istanbul ignore file */\nimport { createAction, createReducer } from '@reduxjs/toolkit';\n\nconst INITIAL_STATE = {\n postosAtendimentoListar: { list: [] },\n postosAtendimentoDetalhar: null,\n};\n\nexport const duckTodosPostosAtendimentoListar = createAction('DUCK_TODOS_POSTOS_ATENDIMENTO_LISTAR');\nexport const duckPostosAtendimentoDetalhar = createAction('DUCK_POSTOS_ATENDIMENTO_DETALHAR');\n\nexport default createReducer(INITIAL_STATE, {\n [duckTodosPostosAtendimentoListar.type]: (state, action) => ({\n ...state,\n postosAtendimentoListar: action.payload,\n }),\n [duckPostosAtendimentoDetalhar.type]: (state, action) => ({\n ...state,\n postosAtendimentoDetalhar: action.payload,\n }),\n});\n","/* istanbul ignore file */\n\nimport { deletePadrao, getPadraoComRetorno, postPadraoComRetorno, putPadraoComRetorno } from 'services/api';\nimport { duckTodosPostosAtendimentoListar, duckPostosAtendimentoDetalhar } from 'store/ducks/postosAtendimento';\nimport { ID_POSTOS_ATENDIMENTO_DETALHAR } from 'utils/consts';\nimport { postosAtendimentoDetalhar } from 'routes/paths';\n\nexport const fetchSalvarNovoPostoAtendimento = posto => dispatch => {\n return new Promise(resolve => {\n const url = `PostoAtendimento`;\n dispatch(postPadraoComRetorno(url, posto)).then(res => resolve(res));\n });\n};\n\nexport const fetchSalvarPostoAtendimentoEditado = posto => dispatch => {\n return new Promise(resolve => {\n const url = `PostoAtendimento`;\n dispatch(putPadraoComRetorno(url, posto)).then(res => resolve(res));\n });\n};\n\nexport const fetchGetPostosAtendimentoByFilter = (page, itemsByPage) => dispatch => {\n const url = `PostoAtendimento/page=${page}&itemsByPage=${itemsByPage}`;\n dispatch(duckTodosPostosAtendimentoListar({ list: [] }));\n dispatch(getPadraoComRetorno(url, true)).then(res => {\n dispatch(duckTodosPostosAtendimentoListar(res));\n });\n};\n\nexport const fetchDetalharPostoAtendimentoPorId = (id, history) => dispatch => {\n const url = `PostoAtendimento/${id}`;\n dispatch(getPadraoComRetorno(url)).then(retorno => {\n dispatch(duckPostosAtendimentoDetalhar(retorno));\n localStorage.setItem(ID_POSTOS_ATENDIMENTO_DETALHAR, id);\n history.push(postosAtendimentoDetalhar);\n });\n};\n\nexport const fetchDeletarPostoAtendimento = id => dispatch => {\n const url = `PostoAtendimento/${id}`;\n return new Promise((resolve, reject) => {\n dispatch(deletePadrao(url, () => {}))\n .then(res => resolve(res))\n .catch(erro => reject(erro));\n });\n};\n","import React, { useState } from 'react';\nimport { Row, Col } from 'antd';\nimport { useHistory } from 'react-router-dom';\nimport { useDispatch, useSelector } from 'react-redux';\nimport ImagemPostosAtendimento from 'assets/img/postosAtendimento.svg';\nimport InputSelectMultiple from 'components/InputSelectMultiple';\nimport InputTextArea from 'components/InputTextArea';\nimport Button from 'components/Button';\nimport { postosAtendimentoEditar, postosAtendimentoListar } from 'routes/paths';\nimport { clearErroChange } from 'utils/formUtils';\nimport { ENUM_PERMISSAO } from 'utils/permissao';\nimport * as S from '../styles';\nimport { altImagePostosAtendimento } from 'utils/acessibilidade';\nimport { openModalConfirmacao } from 'components/Modal/ModalConfirmacao';\nimport { fetchNotificationApp } from 'store/fetchActions/fetchApp';\nimport { ALERTA, MSG_POSTO_ATENDIMENTO_DELETADO_SUCESSO } from 'utils/consts';\nimport { fetchDeletarPostoAtendimento } from 'store/fetchActions/fetchPostosAtendimento';\n\nexport default function ContainerPostosAtendimento({\n errors,\n control,\n getValues,\n setValue,\n setError,\n optionsServicos,\n onSubmit,\n disabled = false,\n}) {\n const history = useHistory();\n const dispatch = useDispatch();\n\n const [exibirEditar, setExibirEditar] = useState(false);\n const [exibirApagar, setExibirApagar] = useState(false);\n\n const user = useSelector(state => state.sefaz.userProfile);\n const postoAtendimentoDetalhar = useSelector(state => state.postosAtendimento?.postosAtendimentoDetalhar);\n\n React.useEffect(() => {\n if (user?.permission.includes(ENUM_PERMISSAO.SUP1101.codigo)) setExibirEditar(true);\n if (user?.permission.includes(ENUM_PERMISSAO.SUP1102.codigo)) setExibirApagar(true);\n }, [user]);\n\n const handleChange = e => {\n const { name, value } = e.target;\n setValue(name, value);\n clearErroChange(name, value, errors, setError);\n };\n\n const deletarPostoAtendimento = () => {\n dispatch(fetchDeletarPostoAtendimento(postoAtendimentoDetalhar?.id)).then(() => {\n history.push(postosAtendimentoListar);\n fetchNotificationApp(MSG_POSTO_ATENDIMENTO_DELETADO_SUCESSO, '', ALERTA.SUCESSO);\n });\n };\n\n return (\n \n );\n}\n","import { MSG_CAMPO_INVALIDO, MSG_CAMPO_OBRIGATORIO } from 'utils/consts';\nimport { isRequired } from 'utils/validate/validate';\n\nexport const validationsCreateUpdate = dadosInputs => {\n const { nomePosto, endereco, telefone, diasHorariosAtendimentos, solicitacaoIds } = dadosInputs;\n const errosCampos = {\n nomePosto: null,\n endereco: null,\n telefone: null,\n diasHorariosAtendimentos: null,\n solicitacaoIds: null,\n };\n\n errosCampos.nomePosto = isRequired(nomePosto);\n errosCampos.endereco = isRequired(endereco);\n errosCampos.diasHorariosAtendimentos = isRequired(diasHorariosAtendimentos);\n errosCampos.solicitacaoIds = isRequired(solicitacaoIds);\n if (telefone?.length > 0 && telefone?.length < 10) errosCampos.telefone = MSG_CAMPO_INVALIDO;\n errosCampos.solicitacaoIds = solicitacaoIds?.length === 0 ? MSG_CAMPO_OBRIGATORIO : null;\n return errosCampos;\n};\n","import styled from 'styled-components';\n\nexport const Page = styled.div`\n padding: 5px;\n height: 100%;\n width: 98%;\n margin: auto;\n padding-bottom: 100px;\n`;\n\nexport const ListPage = styled.div`\n width: 98%;\n margin: auto;\n padding: 5px;\n height: 120vh;\n padding-bottom: 100px;\n margin-bottom: 100px;\n text-align: center;\n .ant-col {\n padding: 0px 4px;\n }\n`;\n\nexport const ContainGrid = styled.div`\n padding-bottom: 150px;\n`;\n","export const formatterPostosAtendimentoBackToFront = postoAtendimentoApi => {\n return {\n nomePosto: postoAtendimentoApi?.nome,\n endereco: postoAtendimentoApi?.endereco,\n telefone: postoAtendimentoApi?.telefone,\n diasHorariosAtendimentos: postoAtendimentoApi?.diasHorariosAtendimentos,\n solicitacaoIds: postoAtendimentoApi?.postoSolicitacoes?.map(s => s?.solicitacaoId),\n };\n};\n\nexport const formatterPostosAtendimentoFrontToBackCreate = dadosInputs => {\n return {\n nome: dadosInputs?.nomePosto,\n endereco: dadosInputs?.endereco,\n telefone: dadosInputs?.telefone,\n diasHorariosAtendimentos: dadosInputs?.diasHorariosAtendimentos,\n postoSolicitacoes: dadosInputs?.solicitacaoIds.map(s => ({ solicitacaoId: s })),\n id: 0,\n };\n};\n\nexport const formatterPostosAtendimentoFrontToBackUpdate = (dadosInputs, id) => {\n return {\n nome: dadosInputs?.nomePosto,\n endereco: dadosInputs?.endereco,\n telefone: dadosInputs?.telefone,\n diasHorariosAtendimentos: dadosInputs?.diasHorariosAtendimentos,\n postoSolicitacoes: dadosInputs?.solicitacaoIds.map(s => ({ solicitacaoId: s })),\n id: id,\n };\n};\n\nexport const formatterPostosAtendimentoNull = () => {\n return {\n nomePosto: '',\n endereco: '',\n telefone: '',\n diasHorariosAtendimentos: '',\n solicitacaoIds: [],\n };\n};\n","import React from 'react';\nimport { useForm } from 'react-hook-form';\nimport { useHistory } from 'react-router-dom';\nimport { useDispatch, useSelector } from 'react-redux';\nimport TitlePage from 'components/TituloPage';\nimport { postosAtendimentoListar } from 'routes/paths';\nimport { fetchGetTodasSolicitacao } from 'store/fetchActions/fetchInputForm';\nimport { fetchNotificationApp } from 'store/fetchActions/fetchApp';\nimport { ALERTA, MSG_SALVAR_SERVICO_SUCESSO } from 'utils/consts';\nimport FormularioPostosAtendimento from 'containers/Forms/FormPostosAtendimento/index';\nimport { montarDadosInputSelect } from 'utils/funcaoPadrao';\nimport { validationsCreateUpdate } from 'utils/validate/postosAtendimento';\nimport { validarExibirErrosCampos } from 'utils/formUtils';\nimport * as S from '../styles';\nimport * as Style from 'components/Style';\nimport { fetchSalvarNovoPostoAtendimento } from 'store/fetchActions/fetchPostosAtendimento';\nimport {\n formatterPostosAtendimentoFrontToBackCreate,\n formatterPostosAtendimentoNull,\n} from 'utils/formatter/postosAtendimento';\n\nexport default function PostosAtendimento() {\n const dispatch = useDispatch();\n const history = useHistory();\n\n const unitaryTests = useSelector(state => state.app.unitaryTests);\n const inputSelectOptionsServicos = useSelector(state => state.inputs.inputSelectOptionsServicos);\n\n const {\n control,\n setValue,\n setError,\n getValues,\n formState: { errors },\n } = useForm({\n defaultValues: formatterPostosAtendimentoNull(),\n });\n\n React.useEffect(() => {\n if (unitaryTests) return;\n dispatch(fetchGetTodasSolicitacao());\n }, [dispatch, unitaryTests]);\n\n const validarCampos = data => {\n return validarExibirErrosCampos(data, validationsCreateUpdate, setError);\n };\n\n const onSubmit = () => {\n const data = getValues();\n if (validarCampos(data)) {\n dispatch(fetchSalvarNovoPostoAtendimento(formatterPostosAtendimentoFrontToBackCreate(data))).then(() => {\n history.push(postosAtendimentoListar);\n fetchNotificationApp(MSG_SALVAR_SERVICO_SUCESSO, '', ALERTA.SUCESSO);\n });\n }\n };\n\n return (\n \n \n \n \n );\n}\n","import React from 'react';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { Space, Button } from 'antd';\nimport { useHistory } from 'react-router-dom';\nimport Table from 'components/Table/index';\nimport {\n fetchGetPostosAtendimentoByFilter,\n fetchDetalharPostoAtendimentoPorId,\n} from 'store/fetchActions/fetchPostosAtendimento';\nimport { widthLabel } from 'utils/stringFormatter';\n\nexport default function GridRequerimento() {\n const dispatch = useDispatch();\n const history = useHistory();\n\n const unitaryTests = useSelector(state => state.app.unitaryTests);\n const dadosGrid = useSelector(state => state.postosAtendimento.postosAtendimentoListar?.list);\n const paginacao = useSelector(state => state.postosAtendimento.postosAtendimentoListar);\n\n const montarLinha = lista => {\n return lista?.map(item => {\n return {\n key: item?.id,\n nome: widthLabel(item?.nome, 70),\n endereco: widthLabel(item?.endereco, 70),\n telefone: widthLabel(item?.telefone, 50),\n diasHorariosAtendimentos: widthLabel(item?.diasHorariosAtendimentos, 70),\n };\n });\n };\n\n React.useEffect(() => {\n if (unitaryTests) return;\n dispatch(fetchGetPostosAtendimentoByFilter(1, 10));\n }, [dispatch, unitaryTests]);\n\n const renderAction = row => {\n return (\n \n dispatch(fetchDetalharPostoAtendimentoPorId(row?.key, history))}>Detalhar \n \n );\n };\n\n const changePage = (page = 1, pageSize = 10) => {\n dispatch(fetchGetPostosAtendimentoByFilter(page, pageSize));\n };\n\n const columns = [\n {\n title: 'Nome',\n dataIndex: 'nome',\n key: 'nome',\n },\n {\n title: 'Endereço',\n dataIndex: 'endereco',\n key: 'endereco',\n },\n {\n title: 'Telefone(s)',\n dataIndex: 'telefone',\n key: 'telefone',\n },\n {\n title: 'Dias e Horários de Atendimento',\n dataIndex: 'diasHorariosAtendimentos',\n key: 'diasHorariosAtendimentos',\n },\n {\n title: '-',\n key: 'action',\n align: 'center',\n render: record => renderAction(record),\n },\n ];\n\n return ;\n}\n","import React from 'react';\nimport GridServico from 'containers/PostosAtendimento/gridPostosAtendimento';\nimport TitlePage from 'components/TituloPage';\nimport { privateRoot } from 'routes/paths';\nimport * as S from '../styles';\nimport * as Style from 'components/Style';\n\nexport default function PageListarPostosAtendimento() {\n return (\n \n \n \n \n \n \n );\n}\n","import React from 'react';\nimport { useHistory } from 'react-router-dom';\nimport { useForm } from 'react-hook-form';\nimport { useDispatch, useSelector } from 'react-redux';\nimport TitlePage from 'components/TituloPage';\nimport { postosAtendimentoListar } from 'routes/paths';\nimport FormularioPostosAtendimento from 'containers/Forms/FormPostosAtendimento/index';\nimport { fetchGetTodasSolicitacao } from 'store/fetchActions/fetchInputForm';\nimport { fetchNotificationApp } from 'store/fetchActions/fetchApp';\nimport { ALERTA, MSG_SALVAR_SERVICO_SUCESSO } from 'utils/consts';\nimport { montarDadosInputSelect } from 'utils/funcaoPadrao';\nimport { validarExibirErrosCampos } from 'utils/formUtils';\nimport { validationsCreateUpdate } from 'utils/validate/postosAtendimento';\nimport * as S from '../styles';\nimport * as Style from 'components/Style';\nimport {\n formatterPostosAtendimentoBackToFront,\n formatterPostosAtendimentoFrontToBackUpdate,\n} from 'utils/formatter/postosAtendimento';\nimport { fetchSalvarPostoAtendimentoEditado } from 'store/fetchActions/fetchPostosAtendimento';\n\nexport default function PostosAtendimentoEditar() {\n const dispatch = useDispatch();\n const history = useHistory();\n\n const unitaryTests = useSelector(state => state.app.unitaryTests);\n const postoAtendimentoDetalhar = useSelector(state => state.postosAtendimento.postosAtendimentoDetalhar);\n const inputSelectOptionsServicos = useSelector(state => state.inputs.inputSelectOptionsServicos);\n\n const {\n control,\n setValue,\n getValues,\n setError,\n formState: { errors },\n } = useForm({\n defaultValues: formatterPostosAtendimentoBackToFront(postoAtendimentoDetalhar),\n });\n\n React.useEffect(() => {\n if (unitaryTests) return;\n dispatch(fetchGetTodasSolicitacao());\n }, [dispatch, unitaryTests]);\n\n const validarCampos = data => {\n return validarExibirErrosCampos(data, validationsCreateUpdate, setError);\n };\n\n const onSubmit = () => {\n const data = getValues();\n if (validarCampos(data)) {\n dispatch(\n fetchSalvarPostoAtendimentoEditado(\n formatterPostosAtendimentoFrontToBackUpdate(data, postoAtendimentoDetalhar?.id)\n )\n ).then(() => {\n history.push(postosAtendimentoListar);\n fetchNotificationApp(MSG_SALVAR_SERVICO_SUCESSO, '', ALERTA.SUCESSO);\n });\n }\n };\n\n return (\n \n \n \n \n );\n}\n","import React from 'react';\nimport { useForm } from 'react-hook-form';\nimport { useSelector } from 'react-redux';\nimport TitlePage from 'components/TituloPage';\nimport { postosAtendimentoListar } from 'routes/paths';\nimport FormularioPostosAtendimento from 'containers/Forms/FormPostosAtendimento/index';\nimport { formatterPostosAtendimentoBackToFront } from 'utils/formatter/postosAtendimento';\nimport { montarDadosInputSelect } from 'utils/funcaoPadrao';\nimport * as S from '../styles';\nimport * as Style from 'components/Style';\n\nexport default function PostosAtendimentoDetalhar() {\n const postoAtendimentoDetalhar = useSelector(state => state.postosAtendimento.postosAtendimentoDetalhar);\n\n const {\n control,\n setValue,\n getValues,\n setError,\n formState: { errors },\n } = useForm({\n defaultValues: formatterPostosAtendimentoBackToFront(postoAtendimentoDetalhar),\n });\n\n return (\n \n \n {}}\n disabled={true}\n />\n \n \n );\n}\n","import { createAction, createReducer } from '@reduxjs/toolkit';\n\nconst INITIAL_STATE = {\n todosRequerimentos: { list: [], numberPage: 1, sizePage: 10, totalRecords: 0 },\n};\n\nexport const duckCleanRelatorioTodosRequerimentos = createAction('DUCK_CLEAN_RELATORIO_TODOS_REQUERIMENTOS');\nexport const duckRelatorioTodosRequerimentos = createAction('DUCK_RELATORIO_TODOS_REQUERIMENTOS');\n\nexport default createReducer(INITIAL_STATE, {\n [duckRelatorioTodosRequerimentos.type]: (state, action) => ({\n ...state,\n todosRequerimentos: action.payload,\n }),\n [duckCleanRelatorioTodosRequerimentos.type]: state => ({\n ...state,\n todosRequerimentos: INITIAL_STATE.todosRequerimentos,\n }),\n});\n","/* istanbul ignore file */\n\nimport { getPadraoComRetorno, getPadraoBlobComRetorno, getPadrao } from 'services/api';\nimport { montarUrlFiltro } from 'utils/funcaoPadrao';\nimport { downloadFileCsv } from 'utils/arquivo';\nimport { duckCleanRelatorioTodosRequerimentos, duckRelatorioTodosRequerimentos } from 'store/ducks/relatorios';\nimport { fetchStatusModal } from './fetchApp';\nimport { ENUM_MODAL } from 'utils/consts';\n\nexport const fetchGetRelatorioGrafico = filtro => dispatch => {\n return new Promise((resolve, reject) => {\n const url = montarUrlFiltro(`Relatorio/resumido`, filtro);\n dispatch(getPadraoComRetorno(url))\n .then(res => resolve(res))\n .catch(error => reject(error));\n });\n};\n\nexport const fetchDownloadRelatorioDetalhado = (filtro, nomeArquivo) => dispatch => {\n return new Promise((resolve, reject) => {\n const url = montarUrlFiltro(`Relatorio/detalhado`, filtro);\n dispatch(getPadraoBlobComRetorno(url))\n .then(res => {\n downloadFileCsv(res, nomeArquivo);\n resolve(res);\n })\n .catch(error => reject(error));\n });\n};\n\nexport const fetchGetRelatorioListarRequerimentosByFilter = (filtro, page, itemsByPage) => dispatch => {\n const url = montarUrlFiltro(`Relatorio/page=${page}&itemsByPage=${itemsByPage}`, filtro);\n dispatch(getPadraoComRetorno(url, true))\n .then(retorno => {\n dispatch(duckRelatorioTodosRequerimentos(retorno));\n })\n .catch(() => {\n dispatch(duckCleanRelatorioTodosRequerimentos());\n });\n};\n\nexport const fetchGetHistoricoRelatorioRequerimentos = formularioId => dispatch => {\n const sucesso = retorno => {\n dispatch(\n fetchStatusModal(true, ENUM_MODAL.HISTORICO_RELATORIO_REQUERIMENTO, {\n dadosGrid: retorno,\n width: 'fit-content',\n })\n );\n };\n dispatch(getPadrao(`Relatorio/${formularioId}`, sucesso));\n};\n\nexport const fetchDownloadRelatorioRequerimentos = (filtro, nomeArquivo) => dispatch => {\n return new Promise((resolve, reject) => {\n const url = montarUrlFiltro(`Relatorio/Download`, filtro);\n dispatch(getPadraoBlobComRetorno(url))\n .then(res => {\n downloadFileCsv(res, nomeArquivo);\n resolve(res);\n })\n .catch(error => reject(error));\n });\n};\n","export const todosTipoPeriodo = [\n { type: 3, value: 'year', label: 'Anual' },\n { type: 2, value: 'month', label: 'Mensal' },\n { type: 1, value: 'week', label: 'Semanal' },\n { type: 1, value: '', label: 'Diário' },\n];\n","import {\n MSG_INPUT_SELECIONE_PERIODO,\n MSG_INPUT_SELECIONE_SETOR,\n ENUM_TIPO_RELATORIO,\n MSG_INPUT_SELECIONE_UM_ATENDENTE,\n MSG_INPUT_SELECIONE_SERVICO,\n FORMULARIOS,\n} from 'utils/consts';\n\nexport const validarButtonPesquisar = (tipoRelatorio, isPerformanceGeral, isSetorial, valoresInputs) => {\n if (!valoresInputs?.dataPesquisa?.dataInicio) return MSG_INPUT_SELECIONE_PERIODO;\n\n if (tipoRelatorio === ENUM_TIPO_RELATORIO.STATUS) {\n return _validarRelatorioStatus(isSetorial, valoresInputs);\n }\n if (tipoRelatorio === ENUM_TIPO_RELATORIO.SOLICITACOES) {\n return _validarRelatorioSolicitacao(isSetorial, valoresInputs);\n }\n if (tipoRelatorio === ENUM_TIPO_RELATORIO.TIPO) {\n return _validarRelatorioTipo(isSetorial, valoresInputs);\n }\n if (tipoRelatorio === ENUM_TIPO_RELATORIO.ATENDIMENTOS) {\n return _validarRelatorioAtendimento(isSetorial, valoresInputs, isPerformanceGeral);\n }\n};\n\nconst _validarRelatorioStatus = (isSetorial, valoresInputs) => {\n if (isSetorial && !valoresInputs?.setor) return MSG_INPUT_SELECIONE_SETOR;\n return '';\n};\n\nconst _validarRelatorioSolicitacao = (isSetorial, valoresInputs) => {\n if (isSetorial && !valoresInputs?.setor) return MSG_INPUT_SELECIONE_SETOR;\n return '';\n};\n\nconst _validarRelatorioTipo = (isSetorial, valoresInputs) => {\n if (valoresInputs?.assunto === FORMULARIOS.SERVICOS.id && !valoresInputs?.servico) return MSG_INPUT_SELECIONE_SERVICO;\n if (isSetorial && !valoresInputs?.setor) return MSG_INPUT_SELECIONE_SETOR;\n return '';\n};\n\nconst _validarRelatorioAtendimento = (isSetorial, valoresInputs, isPerformanceGeral) => {\n if (isSetorial && !valoresInputs?.setor) return MSG_INPUT_SELECIONE_SETOR;\n if (isSetorial && !isPerformanceGeral && !valoresInputs?.atendente) return MSG_INPUT_SELECIONE_UM_ATENDENTE;\n return '';\n};\n","import styled from 'styled-components';\n\nexport const ContainButton = styled.div`\n display: flex;\n margin-top: 18px;\n margin-left: 10px;\n`;\n\nexport const ContainerInput = styled.div`\n width: ${props => props.width || '30%'};\n margin: 0 15px;\n`;\n","import React, { useState } from 'react';\nimport { useForm } from 'react-hook-form';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { Row, Space } from 'antd';\nimport Button from 'components/Button';\nimport DateInterval from 'components/InputDateInterval';\nimport InputSelect from 'components/InputSelect';\nimport InputSelectMultiple from 'components/InputSelectMultiple';\nimport { fetchNotificationApp } from 'store/fetchActions/fetchApp';\nimport { fetchDownloadRelatorioDetalhado } from 'store/fetchActions/fetchRelatorios';\nimport {\n FORMULARIOS,\n ALERTA,\n MSG_INPUT_MAX_SERVICO,\n MSG_INPUT_MAX_ATENDENTES,\n ENUM_TIPO_RELATORIO,\n} from 'utils/consts';\nimport { todosTipoPeriodo } from './Filtro';\nimport { validarButtonPesquisar } from 'utils/validate/relatorio';\nimport { formatterFiltroRelatoriosFrontToBack } from 'utils/formatter/filtro';\nimport { changeInputFilter } from 'utils/formUtils';\nimport { ENUM_TIPO_PERFIL } from 'utils/permissao';\nimport * as S from './styles';\nimport * as Style from 'components/Style';\nimport { fetchDetalharSetorPorId } from 'store/fetchActions/fetchSetores';\nimport { montaNomeAtendente } from 'utils/funcaoPadrao';\n\nexport default function FiltroRelatorios({\n salvarFiltro,\n filtro,\n relatorioNome = 'Relatorio_',\n funcPesquisar,\n tipoRelatorio,\n isPerformanceGeral = false,\n cleanDadosGrafico,\n dadosGrafico,\n todosAssuntos,\n todosServicos,\n todosAtendentes,\n todosSetores,\n isPesquisaAtendenteSetorial = false,\n showInputSetor = false,\n showInputAssunto = false,\n showInputAtendente = false,\n}) {\n const dispatch = useDispatch();\n const user = useSelector(state => state.sefaz.userProfile);\n\n const [isClear, setIsClear] = useState(false);\n const [disabledBtnPesquisar, setDisabledBtnPesquisar] = useState(true);\n const [disabledExportar, setDisabledExportar] = useState(true);\n const [exibirServicos, setExibirServicos] = useState(false);\n const [atendentesFiltradoExibir, setAtendentesFiltradoExibir] = useState(todosAtendentes);\n\n const { watch, control, handleSubmit, setValue, getValues, reset } = useForm({\n defaultValues: {\n tipoPeriodo: '',\n dataPesquisa: '',\n setor: '',\n assunto: '',\n servico: '',\n atendente: '',\n },\n });\n\n React.useEffect(() => {\n if (dadosGrafico?.length === 0) {\n setDisabledExportar(true);\n }\n }, [dadosGrafico]);\n\n const handleChangeInput = e => {\n const { value, name } = e.target;\n changeInputFilter(e, setValue);\n\n if (name === 'assunto') {\n value === FORMULARIOS?.SERVICOS.id ? setExibirServicos(true) : setExibirServicos(false);\n if (e !== FORMULARIOS.SERVICOS.id) setValue('servico', '');\n }\n setDisabledBtnPesquisar(\n !!validarButtonPesquisar(\n tipoRelatorio,\n isPerformanceGeral,\n user?.profile === ENUM_TIPO_PERFIL.SUPERVISOR_SETORIAL,\n getValues()\n )\n );\n };\n\n const onSubmit = data => {\n const mensagemIsValid = validarButtonPesquisar(\n tipoRelatorio,\n isPerformanceGeral,\n user?.profile === ENUM_TIPO_PERFIL.SUPERVISOR_SETORIAL,\n getValues()\n );\n if (mensagemIsValid) {\n fetchNotificationApp('', mensagemIsValid, ALERTA.AVISO);\n } else {\n const dadosFormatados = formatterFiltroRelatoriosFrontToBack(\n data,\n tipoRelatorio,\n todosTipoPeriodo,\n isPesquisaAtendenteSetorial\n );\n salvarFiltro(dadosFormatados);\n funcPesquisar(dadosFormatados, 1, 10);\n setDisabledExportar(false);\n }\n };\n\n const exportarRelatorio = () => {\n dispatch(fetchDownloadRelatorioDetalhado({ ...filtro }, relatorioNome));\n };\n\n const limparFiltro = () => {\n setIsClear(true);\n setDisabledBtnPesquisar(true);\n setDisabledExportar(true);\n salvarFiltro({});\n cleanDadosGrafico();\n setExibirServicos(false);\n reset();\n };\n\n const changeServico = arrayServicosId => {\n if (arrayServicosId?.length > 6) {\n fetchNotificationApp('', MSG_INPUT_MAX_SERVICO, ALERTA.AVISO);\n setDisabledBtnPesquisar(true);\n } else {\n handleChangeInput({\n target: {\n name: 'servico',\n value: arrayServicosId,\n },\n });\n }\n };\n\n const changeAtendente = arrayAtendenteId => {\n if (arrayAtendenteId?.length > 6) {\n fetchNotificationApp('', MSG_INPUT_MAX_ATENDENTES, ALERTA.AVISO);\n setDisabledBtnPesquisar(true);\n } else {\n handleChangeInput({\n target: {\n name: 'atendente',\n value: arrayAtendenteId,\n },\n });\n }\n };\n\n const changeTipoPeriodo = valor => {\n setValue('tipoPeriodo', '');\n setIsClear(true);\n handleChangeInput({\n target: {\n name: 'tipoPeriodo',\n value: valor,\n },\n });\n };\n\n const changeSetor = valor => {\n if (tipoRelatorio === ENUM_TIPO_RELATORIO.ATENDIMENTOS && user?.profile === ENUM_TIPO_PERFIL.SUPERVISOR_SETORIAL) {\n dispatch(fetchDetalharSetorPorId(valor)).then(res => {\n setAtendentesFiltradoExibir(\n res?.atendentes?.map(atendente => {\n return {\n value: atendente?.id,\n label: montaNomeAtendente(atendente?.nome),\n };\n })\n );\n handleChangeInput({\n target: {\n name: 'atendente',\n value: '',\n },\n });\n });\n }\n handleChangeInput({\n target: {\n name: 'setor',\n value: valor,\n },\n });\n };\n\n return (\n \n );\n}\n","import { STATUS_REQUERIMENTO, ID_RELATORIO } from 'utils/consts';\nimport { getArrayStatusFormatted } from 'utils/funcaoPadrao';\nimport { getNomeMes } from 'utils/dateFormatter';\nimport moment from 'moment/moment';\n\nconst _ordenarMeses = mesesAno => {\n return mesesAno.meses.sort(function (a, b) {\n return a.mesReferencia - b.mesReferencia;\n });\n};\n\nconst _formatterDate = data => {\n return moment(data).format('DD/MM/YYYY');\n};\n\nconst _formatterTitle = (filtroSelecionado, todosAssuntos) => {\n const dataInicio = _formatterDate(filtroSelecionado.DataInicio);\n const dataFim = _formatterDate(filtroSelecionado.DataFim);\n let title = `Período ${dataInicio} - ${dataFim}`;\n\n if (filtroSelecionado?.AssuntoId > 0) {\n const descricaoAssunto = todosAssuntos?.find(x => x.id === filtroSelecionado.AssuntoId)?.descricao;\n\n title += ` | ${descricaoAssunto}`;\n }\n\n return title;\n};\n\nconst _formatterGraficoBarras = (\n title,\n label,\n valoresAberto,\n valoresFechados,\n valoresPendentes,\n isSetorial = false\n) => {\n const datasets = [\n {\n label: 'Fechados',\n data: valoresFechados,\n backgroundColor: STATUS_REQUERIMENTO.CANCELADO?.cor,\n borderColor: STATUS_REQUERIMENTO.CANCELADO?.borderColor,\n borderWidth: 1,\n },\n {\n label: 'Pendente (Em Análise - Em Atendimento - Encaminhados - Direcionados)',\n data: valoresPendentes,\n backgroundColor: STATUS_REQUERIMENTO.EM_ATENDIMENTO?.cor,\n borderColor: STATUS_REQUERIMENTO.EM_ATENDIMENTO?.borderColor,\n borderWidth: 1,\n },\n ];\n\n if (!isSetorial)\n datasets.unshift({\n label: 'Abertos',\n data: valoresAberto,\n backgroundColor: STATUS_REQUERIMENTO.ABERTO?.cor,\n borderColor: STATUS_REQUERIMENTO.ABERTO?.borderColor,\n borderWidth: 1,\n });\n\n return {\n title: title,\n labels: label,\n datasets,\n };\n};\n\nconst _montarFatiaPizza = dados => {\n const array = [];\n\n Object.keys(dados).forEach(key => {\n const fatiaPizzaFormatada = getArrayStatusFormatted().find(x => x.identificador === key);\n fatiaPizzaFormatada.valor = dados[key];\n fatiaPizzaFormatada.porcentagem = dados[key].toFixed(2);\n array.push(fatiaPizzaFormatada);\n });\n\n const valorSomaTotal = array.reduce((a, b) => a + b.valor, 0);\n\n if (valorSomaTotal === 0) {\n return [\n {\n id: 0,\n valor: 0,\n porcentagem: 100,\n descricao: 'Sem valor',\n cor: '#f5f5f5',\n borderColor: '#bfbfbf',\n },\n ];\n }\n return array;\n};\n\nexport const montarGraficoRelatorioResumidoTipo = (dadosGrafico, filtroSelecionado, todosAssuntos, isSetorial) => {\n return dadosGrafico?.periodo?.map(dadosAnos => {\n let label = [];\n\n const title = _formatterTitle(filtroSelecionado, todosAssuntos);\n const valoresAberto = [];\n const valoresFechados = [];\n const valoresPendentes = [];\n\n dadosAnos.meses = dadosAnos?.meses?.length > 0 ? _ordenarMeses(dadosAnos) : dadosAnos.meses;\n\n dadosAnos?.meses.forEach(function (dadosMensal) {\n label.push(getNomeMes(dadosMensal?.mesReferencia, dadosAnos?.anoReferencia));\n valoresAberto.push(dadosMensal?.relatorioSolicitacoesResumido[ID_RELATORIO.ABERTO]);\n valoresFechados.push(dadosMensal?.relatorioSolicitacoesResumido[ID_RELATORIO.FECHADO]);\n valoresPendentes.push(dadosMensal?.relatorioSolicitacoesResumido[ID_RELATORIO.PENDENTE]);\n });\n\n label = [...new Set(label)];\n\n return _formatterGraficoBarras(title, label, valoresAberto, valoresFechados, valoresPendentes, isSetorial);\n });\n};\n\nexport const montarGraficoRelatorioResumidoSolicitacao = (dadosGrafico, filtroSelecionado, isSetorial) => {\n return dadosGrafico?.periodo?.map(dadosAnos => {\n const title = _formatterTitle(filtroSelecionado);\n let label = [];\n let valoresAberto = [];\n let valoresFechados = [];\n let valoresPendentes = [];\n\n dadosAnos.meses = dadosAnos?.meses?.length > 0 ? _ordenarMeses(dadosAnos) : dadosAnos.meses;\n\n dadosAnos?.meses.forEach(dadosMensal => {\n label.push(getNomeMes(dadosMensal?.mesReferencia, dadosAnos?.anoReferencia));\n valoresAberto = [...valoresAberto, dadosMensal?.relatorioSolicitacoesResumido[ID_RELATORIO.ABERTO]];\n valoresFechados = [...valoresFechados, dadosMensal?.relatorioSolicitacoesResumido[ID_RELATORIO.FECHADO]];\n valoresPendentes = [...valoresPendentes, dadosMensal?.relatorioSolicitacoesResumido[ID_RELATORIO.PENDENTE]];\n\n return null;\n });\n\n label = [...new Set(label)];\n\n return _formatterGraficoBarras(title, label, valoresAberto, valoresFechados, valoresPendentes, isSetorial);\n });\n};\n\nexport const montarGraficoPizzaStatus = dadosPeriodo => {\n const valores = [];\n const label = [];\n const cor = [];\n const borderColor = [];\n _montarFatiaPizza(dadosPeriodo.totalizadorRelatorioStatus).forEach(item => {\n valores.push(item.porcentagem);\n label.push(item?.descricao);\n cor.push(item?.cor);\n borderColor.push(item?.borderColor);\n });\n\n return {\n labels: label,\n datasets: [\n {\n label: '',\n hidden: false,\n data: valores,\n backgroundColor: cor,\n borderColor: borderColor,\n borderWidth: 1,\n },\n ],\n };\n};\n\nexport const montarGraficoPerformanceGeralResumido = (dadosGrafico, filtroSelecionado) => {\n return dadosGrafico?.periodo?.map(dadosPeriodo => {\n const title = _formatterTitle(filtroSelecionado);\n const iniciados = dadosPeriodo?.atendentes.reduce((a, b) => a + b?.[ID_RELATORIO.PERFORMANCE_INICIADOS], 0);\n const fechados = dadosPeriodo?.atendentes.reduce((a, b) => a + b?.[ID_RELATORIO.PERFORMANCE_FECHADO], 0);\n const pendentes = dadosPeriodo?.atendentes.reduce((a, b) => a + b?.[ID_RELATORIO.PERFORMANCE_PENDENTES], 0);\n const encaminhado = dadosPeriodo?.atendentes.reduce((a, b) => a + b?.[ID_RELATORIO.PERFORMANCE_ENCAMINHADO], 0);\n const devolvido = dadosPeriodo?.atendentes.reduce((a, b) => a + b?.[ID_RELATORIO.PERFORMANCE_DEVOLVIDO], 0);\n\n return {\n title: title,\n labels: ['Geral'],\n datasets: [\n {\n label: 'Iniciados',\n data: [iniciados],\n backgroundColor: STATUS_REQUERIMENTO.ABERTO?.cor,\n borderColor: STATUS_REQUERIMENTO.ABERTO?.borderColor,\n borderWidth: 1,\n },\n {\n label: 'Fechados',\n data: [fechados],\n backgroundColor: STATUS_REQUERIMENTO.FINALIZADO_DEFERIDO?.cor,\n borderColor: STATUS_REQUERIMENTO.FINALIZADO_DEFERIDO?.borderColor,\n borderWidth: 1,\n },\n {\n label: 'Pendente',\n data: [pendentes],\n backgroundColor: STATUS_REQUERIMENTO.EM_ATENDIMENTO?.cor,\n borderColor: STATUS_REQUERIMENTO.EM_ATENDIMENTO?.borderColor,\n borderWidth: 1,\n },\n {\n label: 'Encaminhado',\n data: [encaminhado],\n backgroundColor: STATUS_REQUERIMENTO.ENCAMINHADO_ATENDENTE?.cor,\n borderColor: STATUS_REQUERIMENTO.ENCAMINHADO_ATENDENTE?.borderColor,\n borderWidth: 1,\n },\n {\n label: 'Devolvido',\n data: [devolvido],\n backgroundColor: STATUS_REQUERIMENTO.DEVOLVIDO_CONTRIBUINTE?.cor,\n borderColor: STATUS_REQUERIMENTO.DEVOLVIDO_CONTRIBUINTE?.borderColor,\n borderWidth: 1,\n },\n ],\n };\n });\n};\n\nexport const montarGraficoPerformanceAtendenteResumido = (dadosGrafico, filtroSelecionado, isSetorial) => {\n return dadosGrafico?.periodo?.map(dadosPeriodo => {\n let label = [];\n\n const valoresIniciados = [];\n const valoresFechados = [];\n const valoresPendentes = [];\n const valoresEncaminhado = [];\n const valoresDevolvido = [];\n\n let title = _formatterTitle(filtroSelecionado);\n if (dadosPeriodo?.atendentes.length === 1) title += ` - ${dadosPeriodo.atendentes[0].nomeAtendente}`;\n\n dadosPeriodo?.atendentes.forEach(atendente => {\n label.push(atendente?.nomeAtendente);\n valoresIniciados.push(atendente?.[ID_RELATORIO.PERFORMANCE_INICIADOS]);\n valoresFechados.push(atendente?.[ID_RELATORIO.PERFORMANCE_FECHADO]);\n valoresPendentes.push(atendente?.[ID_RELATORIO.PERFORMANCE_PENDENTES]);\n valoresEncaminhado.push(atendente?.[ID_RELATORIO.PERFORMANCE_ENCAMINHADO]);\n valoresDevolvido.push(atendente?.[ID_RELATORIO.PERFORMANCE_DEVOLVIDO]);\n\n return null;\n });\n\n return {\n title: title,\n labels: label,\n datasets: [\n {\n label: 'Iniciados',\n data: valoresIniciados,\n backgroundColor: STATUS_REQUERIMENTO.ABERTO.cor,\n borderColor: STATUS_REQUERIMENTO.ABERTO?.borderColor,\n borderWidth: 1,\n },\n {\n label: 'Fechados',\n data: valoresFechados,\n backgroundColor: STATUS_REQUERIMENTO.CANCELADO?.cor,\n borderColor: STATUS_REQUERIMENTO.CANCELADO?.borderColor,\n borderWidth: 1,\n },\n {\n label: `Pendente (Em Análise - Em Atendimento ${isSetorial ? '- Direcionado ' : ''})`,\n data: valoresPendentes,\n backgroundColor: STATUS_REQUERIMENTO.EM_ATENDIMENTO?.cor,\n borderColor: STATUS_REQUERIMENTO.EM_ATENDIMENTO?.borderColor,\n borderWidth: 1,\n },\n {\n label: 'Encaminhado',\n data: valoresEncaminhado,\n backgroundColor: STATUS_REQUERIMENTO.ENCAMINHADO_ATENDENTE?.cor,\n borderColor: STATUS_REQUERIMENTO.ENCAMINHADO_ATENDENTE?.borderColor,\n borderWidth: 1,\n },\n {\n label: 'Devolvido',\n data: valoresDevolvido,\n backgroundColor: STATUS_REQUERIMENTO.DEVOLVIDO_CONTRIBUINTE?.cor,\n borderColor: STATUS_REQUERIMENTO.DEVOLVIDO_CONTRIBUINTE?.borderColor,\n borderWidth: 1,\n },\n ],\n };\n });\n};\n","import React, { useMemo } from 'react';\nimport GraficoPizza from 'components/GraficoPizza';\nimport { montarGraficoPizzaStatus } from './relatorioResumido';\nimport moment from 'moment/moment';\n\nexport default function StatusResumido({ dadosGrafico, filtroSelecionado }) {\n const title = useMemo(() => {\n return `Período ${moment(filtroSelecionado?.DataInicio).format('DD/MM/YYYY')} - ${moment(\n filtroSelecionado?.DataFim\n ).format('DD/MM/YYYY')}`;\n }, [filtroSelecionado]);\n\n return (\n <>\n {dadosGrafico?.map(periodo => {\n return (\n \n setFiltroSelecionado(filtro)}\n funcPesquisar={filtro => pesquisarDados(filtro)}\n tipoRelatorio={tipoRelatorio}\n cleanDadosGrafico={clearDados}\n dadosGrafico={dadosGrafico}\n filtro={filtroSelecionado}\n relatorioNome={'Relatorio_Status'}\n todosSetores={montarDadosInputSelect(todosSetores, 'id', 'nome')}\n showInputSetor={user?.profile === ENUM_TIPO_PERFIL.SUPERVISOR_SETORIAL}\n />\n\n \n \n Relatório dos Requerimentos por Status \n Cada requerimento pode ter um status por vez, esse status mostra em qual processo o requerimento está no\n momento. Os status são: \n {listaStatus?.map(status => status?.descricao).join(', ')}.\n \n \n \n );\n}\n","import styled from 'styled-components';\n\nexport const ContainButton = styled.div`\n display: flex;\n margin-top: 34px;\n`;\n","import React, { useState } from 'react';\nimport { useForm } from 'react-hook-form';\nimport { useSelector, useDispatch } from 'react-redux';\nimport { Row, Col, Space } from 'antd';\nimport Button from 'components/Button';\nimport InputText from 'components/InputText';\nimport DateInterval from 'components/InputDateInterval';\nimport * as Style from 'components/Style';\nimport * as S from './styles';\nimport { fetchGetTodosStatus } from 'store/fetchActions/fetchInputForm';\nimport { changeInputFilter } from 'utils/formUtils';\nimport { montarDadosInputSelect } from 'utils/funcaoPadrao';\nimport { isValidForm } from './FilterForm';\nimport InputSelect from 'components/InputSelect';\nimport { duckCleanRelatorioTodosRequerimentos } from 'store/ducks/relatorios';\n\nexport default function Filtro({ dadosGrid, filtroInicial, salvarFiltro, handlePesquisar, funcExportarRelatorio }) {\n const dispatch = useDispatch();\n\n const unitaryTests = useSelector(state => state.app.unitaryTests);\n const listaStatus = useSelector(state => state.status.todosStatus);\n\n const [isClearDataRequerimento, setIsClearDataRequerimento] = useState(false);\n const [isClearDataEncerramento, setIsClearDataEncerramento] = useState(false);\n const [disabledPesquisar, setDisabledPesquisar] = useState(true);\n const [disabledExportar, setDisabledExportar] = useState(true);\n\n const { control, handleSubmit, setValue, getValues, formState } = useForm({\n defaultValues: filtroInicial,\n });\n\n React.useEffect(() => {\n if (dadosGrid?.length === 0) {\n setDisabledExportar(true);\n }\n }, [dadosGrid]);\n\n React.useEffect(() => {\n if (unitaryTests) return;\n dispatch(fetchGetTodosStatus(listaStatus));\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [dispatch, unitaryTests]);\n\n const handleChange = e => {\n changeInputFilter(e, setValue);\n if (isValidForm(getValues())) {\n setDisabledPesquisar(false);\n } else {\n setDisabledPesquisar(true);\n }\n };\n\n const onSubmit = data => {\n setDisabledExportar(false);\n handlePesquisar(data);\n };\n\n const limparFiltro = () => {\n dispatch(duckCleanRelatorioTodosRequerimentos());\n setDisabledPesquisar(true);\n setDisabledExportar(true);\n setIsClearDataEncerramento(true);\n setIsClearDataRequerimento(true);\n setValue('dataAbertura', '');\n setValue('dataEncerramento', '');\n setValue('protocolo', '');\n setValue('statusId', '');\n salvarFiltro({});\n };\n\n return (\n \n );\n}\n","export const isValidForm = values => {\n if (!values?.dataAbertura?.dataInicio || !values?.dataAbertura?.dataFim) {\n return false;\n }\n\n return true;\n};\n","import React from 'react';\nimport { useDispatch, useSelector } from 'react-redux';\nimport Table from 'components/Table/index';\nimport { fetchGetHistoricoRelatorioRequerimentos } from 'store/fetchActions/fetchRelatorios';\nimport { Button, Space } from 'antd';\n\nexport default function GridRequerimento({ filtros, handlePesquisar }) {\n const dispatch = useDispatch();\n\n const dadosGrid = useSelector(state => state.relatorios.todosRequerimentos?.list);\n const paginacao = useSelector(state => state.relatorios.todosRequerimentos);\n\n const montarLinha = lista => {\n return lista?.map(item => {\n return {\n key: item?.formularioId,\n protocolo: item?.protocolo,\n tipoPessoa: item?.tipoPessoa,\n dataAbertura: item?.dataAbertura,\n dataEncerramento: item?.dataEncerramento || '-',\n status: item?.status || '-',\n assunto: item?.assunto || '-',\n servico: item?.servico || '-',\n atendente: item?.atendente || '-',\n setor: item?.setor || '-',\n };\n });\n };\n\n const changePage = (page = 1, pageSize = 10) => {\n handlePesquisar(filtros, page, pageSize);\n };\n\n const renderAction = row => {\n return (\n \n dispatch(fetchGetHistoricoRelatorioRequerimentos(row?.key))}>Histórico \n \n );\n };\n\n const columns = [\n {\n title: 'Protocolo',\n dataIndex: 'protocolo',\n key: 'protocolo',\n },\n {\n title: 'Tipo de Pessoa',\n dataIndex: 'tipoPessoa',\n key: 'tipoPessoa',\n },\n {\n title: 'Data de Abertura',\n dataIndex: 'dataAbertura',\n key: 'dataAbertura',\n },\n {\n title: 'Data Encerramento',\n dataIndex: 'dataEncerramento',\n key: 'dataEncerramento',\n },\n {\n title: 'Status',\n key: 'status',\n dataIndex: 'status',\n },\n {\n title: 'Assunto',\n dataIndex: 'assunto',\n key: 'assunto',\n },\n {\n title: 'Serviço',\n key: 'servico',\n dataIndex: 'servico',\n },\n {\n title: 'Atendente',\n key: 'atendente',\n dataIndex: 'atendente',\n },\n {\n title: 'Setor',\n key: 'setor',\n dataIndex: 'setor',\n },\n {\n title: '-',\n key: 'action',\n align: 'center',\n render: record => renderAction(record),\n },\n ];\n\n return ;\n}\n","import React, { useState } from 'react';\nimport { useDispatch, useSelector } from 'react-redux';\nimport Filtro from 'containers/Relatorios/ListarRequerimentos/Filtro';\nimport Grid from 'containers/Relatorios/ListarRequerimentos/Grid';\nimport TitlePage from 'components/TituloPage';\nimport { formatterFiltroRelatorioListaRequerimentosFrontToBack } from 'utils/formatter/filtro';\nimport * as S from './styles';\nimport * as Style from 'components/Style';\nimport { privateRoot } from 'routes/paths';\nimport {\n fetchDownloadRelatorioRequerimentos,\n fetchGetRelatorioListarRequerimentosByFilter,\n} from 'store/fetchActions/fetchRelatorios';\nimport { duckRelatorioTodosRequerimentos } from 'store/ducks/relatorios';\n\nexport default function PageListarRequerimentos() {\n const dispatch = useDispatch();\n\n const dadosGrid = useSelector(state => state.relatorios.todosRequerimentos?.list);\n\n const [filtroSelecionado, setFiltroSelecionado] = useState({});\n\n React.useEffect(() => {\n dispatch(duckRelatorioTodosRequerimentos({}));\n }, [dispatch]);\n\n const handlePesquisar = (filtro, page = 1, pageSize = 10) => {\n const dadosFormatados = formatterFiltroRelatorioListaRequerimentosFrontToBack(filtro);\n dispatch(fetchGetRelatorioListarRequerimentosByFilter(dadosFormatados, page, pageSize));\n setFiltroSelecionado(filtro);\n };\n\n const exportarRelatorio = () => {\n const dadosFormatados = formatterFiltroRelatorioListaRequerimentosFrontToBack(filtroSelecionado);\n dispatch(fetchDownloadRelatorioRequerimentos(dadosFormatados, 'Relatório de Requerimentos FAS'));\n };\n\n return (\n \n \n \n \n \n \n );\n}\n","import { getColorTheme } from 'utils/funcaoPadrao';\n\nexport const getOptions = title => {\n return {\n responsive: true,\n plugins: {\n legend: {\n position: 'bottom',\n labels: {\n color: getColorTheme('textoColor'),\n },\n },\n title: {\n display: true,\n text: `${title}`,\n color: getColorTheme('textoColor'),\n font: {\n size: '20px',\n weight: 'bold',\n },\n },\n tooltip: {\n enabled: true,\n callbacks: {\n title: tooltipItems => {\n return tooltipItems[0].dataset.label;\n },\n label: context => {\n let label = '';\n if (context.parsed) {\n label = context.raw;\n }\n return label;\n },\n },\n },\n datalabels: {\n color: getColorTheme('textoColor'),\n formatter: value => {\n return `${value}`;\n },\n anchor: 'center',\n labels: {\n value: {\n font: {\n size: '15px',\n },\n color: getColorTheme('textoColor'),\n },\n },\n },\n },\n };\n};\n\nexport const plugin = {\n id: 'GraficoBarrasVerticalComponenteCanvas',\n beforeDraw: chart => {\n const { ctx } = chart;\n ctx.save();\n ctx.globalCompositeOperation = 'destination-over';\n ctx.fillStyle = getColorTheme('bottomColorSefaz');\n ctx.fillRect(0, 0, chart.width, chart.height);\n ctx.restore();\n },\n};\n\nexport const handleDownloadImage = (title, ref) => {\n const link = document.createElement('a');\n const name = `${title.replace(' ', '-')}.png`;\n link.download = name;\n link.href = ref.current.toBase64Image();\n link.click();\n return name;\n};\n","import React, { useRef, useCallback } from 'react';\nimport PropTypes from 'prop-types';\nimport { Chart as ChartJS, CategoryScale, LinearScale, BarElement, Title, Tooltip, Legend } from 'chart.js';\nimport { Bar } from 'react-chartjs-2';\nimport ChartDataLabels from 'chartjs-plugin-datalabels';\nimport { Col, Row } from 'antd';\nimport Button from 'components/Button';\nimport { getOptions, plugin, handleDownloadImage } from './GraficoBarrasVertical';\n\nChartJS.register(CategoryScale, LinearScale, BarElement, Title, Tooltip, Legend, ChartDataLabels);\n\nconst GraficoBarrasVertical = ({ title, dados, style }) => {\n let ref = useRef(null);\n\n const options = getOptions(title);\n\n const downloadImage = useCallback(() => {\n handleDownloadImage(title, ref);\n }, [title]);\n\n return (\n \n \n
\n
\n );\n};\n\nGraficoBarrasVertical.propTypes = {\n title: PropTypes.string,\n dados: PropTypes.object,\n style: PropTypes.object,\n};\n\nGraficoBarrasVertical.defaultProps = {\n // title: '',\n // dados: {},\n // style: {},\n};\n\nexport default GraficoBarrasVertical;\n","import React from 'react';\nimport GraficoBarrasVertical from 'components/GraficoBarrasVertical';\nimport { montarGraficoRelatorioResumidoSolicitacao } from './relatorioResumido';\n\nexport default function SolicitacaoResumida({ filtroSelecionado, dadosGrafico, isSetorial }) {\n return (\n <>\n {filtroSelecionado?.DataInicio && (\n <>\n {montarGraficoRelatorioResumidoSolicitacao(dadosGrafico, filtroSelecionado, isSetorial)?.map(graficoAno => {\n return mostrarDados()} />\n )}\n {dadosGrid?.length > 0 &&\n dadosGrafico !== null &&\n dadosGrid.map(periodo => {\n return (\n \n a.key - b.key)}\n />\n \n );\n })}\n \n );\n};\n\nexport default RelatorioSolicitacaoDetalhada;\n","import React, { useState } from 'react';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { privateRoot } from 'routes/paths';\nimport TitlePage from 'components/TituloPage';\nimport Filtro from 'containers/Relatorios/filtro';\nimport RelatorioSolicitacaoResumida from 'containers/Relatorios/relatorioResumido/solicitacaoResumida';\nimport RelatorioDetalhada from 'containers/Relatorios/relatorioDetalhado/tabelaRelDetalhada';\nimport { fetchGetRelatorioGrafico } from 'store/fetchActions/fetchRelatorios';\nimport { ENUM_TIPO_RELATORIO } from 'utils/consts';\nimport { ENUM_TIPO_PERFIL } from 'utils/permissao';\nimport * as S from './styles';\nimport * as Style from 'components/Style';\nimport { fetchBuscarSetores } from 'store/fetchActions/fetchSetores';\nimport { montarDadosInputSelect } from 'utils/funcaoPadrao';\n\nexport default function PageRelatorioSolicitacao() {\n const dispatch = useDispatch();\n const tipoRelatorio = ENUM_TIPO_RELATORIO.SOLICITACOES;\n const user = useSelector(state => state.sefaz.userProfile);\n const inputSelectOptionsSetores = useSelector(state => state.inputs.inputSelectOptionsSetores);\n\n const [filtroSelecionado, setFiltroSelecionado] = useState({});\n const [dadosGrafico, setDadosGrafico] = useState(null);\n const [dadosGrid, setDadosGrid] = useState(null);\n\n React.useEffect(() => {\n if (user?.profile === ENUM_TIPO_PERFIL.SUPERVISOR_SETORIAL) dispatch(fetchBuscarSetores(false));\n }, [dispatch, user]);\n\n const pesquisarDados = filtro => {\n setDadosGrid(null);\n dispatch(fetchGetRelatorioGrafico(filtro))\n .then(res => setDadosGrafico(res))\n .catch(() => setDadosGrafico(null));\n };\n\n const clearDados = () => {\n setDadosGrafico(null);\n };\n\n const pesquisarDadosGridSolicitacao = () => {\n dispatch(fetchGetRelatorioGrafico({ ...filtroSelecionado, TabelaSolicitacao: true })).then(res =>\n setDadosGrid(res.periodo)\n );\n };\n\n return (\n \n setFiltroSelecionado(filtro)}\n funcPesquisar={filtro => pesquisarDados(filtro)}\n tipoRelatorio={tipoRelatorio}\n cleanDadosGrafico={clearDados}\n dadosGrafico={dadosGrafico}\n filtro={filtroSelecionado}\n relatorioNome={'Relatorio_Solicitacoes'}\n showInputSetor={user?.profile === ENUM_TIPO_PERFIL.SUPERVISOR_SETORIAL}\n todosSetores={montarDadosInputSelect(inputSelectOptionsSetores, 'id', 'nome')}\n />\n \n \n Relatório dos Requerimentos por Solicitações \n \n {`O gráfico mostra a quantidade de requerimentos que foram abertos, fechados e estão pendentes (Em Análise - Em Atendimento - Encaminhados - Direcionados) no período selecionado,\n para visualizar ou exportar os dados preencha o filtro.`}\n
\n \n \n \n );\n}\n","import React from 'react';\nimport GraficoBarrasVertical from 'components/GraficoBarrasVertical';\nimport { montarGraficoRelatorioResumidoTipo } from './relatorioResumido';\n\nexport default function TipoResumido({ filtroSelecionado, dadosGrafico, todosAssuntos, isSetorial }) {\n return (\n <>\n {filtroSelecionado?.DataInicio && (\n <>\n {montarGraficoRelatorioResumidoTipo(dadosGrafico, filtroSelecionado, todosAssuntos, isSetorial)?.map(\n dadosAno => {\n return \n \n \n Relatório dos Requerimentos por Tipo \n {user?.profile === ENUM_TIPO_PERFIL.SUPERVISOR_SETORIAL ? fraseSupervisorSetorial : fraseSupervisor}
\n {`Cada requerimento é aberto com um assunto específico, no caso da seleção do assunto 'Acessos aos Serviços' será apresentada a possibilidade de selecionar quais serviços serão apresentados no gráfico.`}
\n \n \n \n );\n}\n","import React from 'react';\nimport GraficoBarrasVertical from 'components/GraficoBarrasVertical';\nimport { montarGraficoPerformanceGeralResumido } from './relatorioResumido';\n\nexport default function PerformanceGeralResumido({ filtroSelecionado, dadosGrafico }) {\n return (\n <>\n {montarGraficoPerformanceGeralResumido(dadosGrafico, filtroSelecionado)?.map(dadosAno => {\n return mostrarDados()} />\n )}\n {dadosGrid?.length > 0 &&\n dadosGrafico !== null &&\n dadosGrid.map(periodo => {\n return (\n \n a.key - b.key)}\n />\n \n );\n })}\n \n );\n};\n\nexport default tabelaRelDetalhadaPerformance;\n// $$$ ID: 01/01/2022 - 31/12/2024\n","import React, { useState } from 'react';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { privateRoot } from 'routes/paths';\nimport TitlePage from 'components/TituloPage';\nimport Filtro from 'containers/Relatorios/filtro';\nimport RelatorioPerformanceGeralResumido from 'containers/Relatorios/relatorioResumido/performanceGeralResumido';\nimport RelatorioDetalhadaPerformance from 'containers/Relatorios/relatorioDetalhado/tabelaRelDetalhadaPerformance';\nimport { fetchGetRelatorioGrafico } from 'store/fetchActions/fetchRelatorios';\nimport { ENUM_TIPO_RELATORIO } from 'utils/consts';\nimport * as S from './styles';\nimport * as Style from 'components/Style';\nimport { ENUM_TIPO_PERFIL } from 'utils/permissao';\nimport { fetchBuscarSetores } from 'store/fetchActions/fetchSetores';\nimport { montarDadosInputSelect } from 'utils/funcaoPadrao';\n\nexport default function PageRelatorioPerformanceGeral() {\n const tipoRelatorio = ENUM_TIPO_RELATORIO.ATENDIMENTOS;\n const dispatch = useDispatch();\n\n const user = useSelector(state => state.sefaz.userProfile);\n const inputSelectOptionsSetores = useSelector(state => state.inputs.inputSelectOptionsSetores);\n\n const [filtroSelecionado, setFiltroSelecionado] = useState({});\n const [dadosGrafico, setDadosGrafico] = useState(null);\n const [dadosGrid, setDadosGrid] = useState(null);\n\n React.useEffect(() => {\n if (user?.profile === ENUM_TIPO_PERFIL.SUPERVISOR_SETORIAL) dispatch(fetchBuscarSetores(false));\n }, [user, dispatch]);\n\n const pesquisarDados = filtro => {\n setDadosGrid(null);\n dispatch(fetchGetRelatorioGrafico(filtro))\n .then(res => setDadosGrafico(res))\n .catch(() => setDadosGrafico(null));\n };\n\n const pesquisarDadosGridSolicitacao = () => {\n dispatch(fetchGetRelatorioGrafico({ ...filtroSelecionado, TabelaSolicitacao: true })).then(res =>\n setDadosGrid(res.periodo)\n );\n };\n\n return (\n \n setDadosGrafico(null)}\n dadosGrafico={dadosGrafico}\n filtro={filtroSelecionado}\n relatorioNome={'Relatorio_Performance_Geral'}\n showInputSetor={user?.profile === ENUM_TIPO_PERFIL.SUPERVISOR_SETORIAL}\n todosSetores={montarDadosInputSelect(inputSelectOptionsSetores, 'id', 'nome')}\n />\n\n \n \n Relatório de Performance Geral \n Cada requerimento pode ter um status por vez, esse status mostra em qual processo o requerimento está no\n momento. Os status são: \n \n \n \n );\n}\n","import React from 'react';\nimport GraficoBarrasVertical from 'components/GraficoBarrasVertical';\nimport { montarGraficoPerformanceAtendenteResumido } from './relatorioResumido';\n\nexport default function PerformanceAtendenteResumido({ filtroSelecionado, dadosGrafico, isSetorial }) {\n return (\n <>\n {montarGraficoPerformanceAtendenteResumido(dadosGrafico, filtroSelecionado, isSetorial)?.map(dadosAno => {\n return \n \n \n {`Relatório de Performance por Atendente ${isSetorial ? 'Setorial' : ''}`} \n Cada requerimento pode ter um status por vez, esse status mostra em qual processo o requerimento está no\n momento. Os status são: \n \n \n \n );\n}\n","import { fetchSalvarDadosCadastrais } from 'store/fetchActions/fetchDadosCadastrais';\nimport {\n formatarDadosCadastraisFisicaFrontToBack,\n formatarDadosCadastraisJuridicaFrontToBack,\n formatterDadosCadastraisBackToFront,\n} from 'utils/formatter/dadosCadastrais';\nimport { ALERTA, ENUM_TIPO_PESSOA, MSG_SALVAR_DADOS_CADASTRAIS_SUCESSO } from 'utils/consts';\nimport { visualizarContribuinte } from 'routes/paths';\nimport { fetchNotificationApp } from 'store/fetchActions/fetchApp';\nimport { duckDadosCadastraisDetalhar } from 'store/ducks/dadosCadastrais';\n\nexport const submitDadosCadastraisInput = (dadosInputs, user) => dispatch => {\n return new Promise((resolve, reject) => {\n const dadosFormatados = [\n formatarDadosCadastraisFisicaFrontToBack({ ...dadosInputs, tipoPessoa: ENUM_TIPO_PESSOA.fisica.descricao }),\n ];\n\n if (user.document_type === 'CNPJ')\n dadosFormatados.push(\n formatarDadosCadastraisJuridicaFrontToBack({\n ...dadosInputs,\n tipoPessoa: ENUM_TIPO_PESSOA.juridica.descricao,\n })\n );\n\n dispatch(fetchSalvarDadosCadastrais(dadosFormatados))\n .then(respostaApi => resolve(respostaApi))\n .catch(error => reject(error));\n });\n};\nexport const editDadosCadastraisInput = (dadosInputs, user) => dispatch => {\n return new Promise((resolve, reject) => {\n const dadosFormatados = [\n formatarDadosCadastraisFisicaFrontToBack({ ...dadosInputs, tipoPessoa: ENUM_TIPO_PESSOA.fisica.descricao }),\n ];\n\n if (user.document_type === 'CNPJ')\n dadosFormatados.push(\n formatarDadosCadastraisJuridicaFrontToBack({\n ...dadosInputs,\n tipoPessoa: ENUM_TIPO_PESSOA.juridica.descricao,\n })\n );\n\n dispatch(fetchSalvarDadosCadastrais(dadosFormatados))\n .then(respostaApi => resolve(respostaApi))\n .catch(error => reject(error));\n });\n};\n\nexport const sucessoRequerimento = (respostaApi, history, dispatch) => {\n dispatch(duckDadosCadastraisDetalhar(formatterDadosCadastraisBackToFront(respostaApi)));\n history.push(visualizarContribuinte);\n fetchNotificationApp(MSG_SALVAR_DADOS_CADASTRAIS_SUCESSO, null, ALERTA.SUCESSO, 'bottomRight', 10);\n};\n","import { MSG_CAMPO_OBRIGATORIO_GERAL, ALERTA } from 'utils/consts';\nimport { fetchNotificationApp, fetchStatusModal } from 'store/fetchActions/fetchApp';\nimport { validationsPessoaCreate } from 'utils/validate/dadosCadastrais';\nimport { validarExibirErrosCampos } from 'utils/formUtils';\n\nexport const isValidForSubmit = (dadosInputs, setError) => dispatch => {\n const isValid = validarExibirErrosCampos(dadosInputs, dados => validationsPessoaCreate(dados, true), setError);\n\n if (!isValid) {\n dispatch(exibirNotificacaoErroCampo());\n }\n return isValid;\n};\n\nexport const exibirNotificacaoErroCampo = (descricaoMensagem = '') => dispatch => {\n dispatch(fetchStatusModal(false, ''));\n fetchNotificationApp(MSG_CAMPO_OBRIGATORIO_GERAL, descricaoMensagem, ALERTA.ERRO);\n};\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport Endereco from 'components/Endereco';\nimport { ENUM_TIPO_PESSOA } from 'utils/consts';\nimport FormPessoa from '../FormPessoa';\n\nexport default function FormDadosCadastrais({\n control,\n onChange,\n errors,\n setValue,\n getValues,\n watch,\n setError,\n disabled,\n verificarRepeticao,\n}) {\n return (\n <>\n \n \n );\n}\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { useSelector } from 'react-redux';\nimport { Spin } from 'antd';\nimport { LoadingOutlined } from '@ant-design/icons';\n\nexport const Loading = ({ children }) => {\n const statusLoading = useSelector(state => state.app.statusLoading);\n\n const antIcon = \n {children}\n \n );\n};\n\nLoading.propTypes = {\n children: PropTypes.any,\n};\n\nexport default Loading;\n","import Loading from 'components/Loading';\nimport React from 'react';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { useHistory } from 'react-router-dom';\nimport { cadastroContribuinte, visualizarContribuinte } from 'routes/paths';\nimport { duckDadosCadastrais, duckDadosCadastraisDetalhar } from 'store/ducks/dadosCadastrais';\nimport { duckInputDadosCadastrais } from 'store/ducks/inputs';\nimport { fetchGetDadosCadastrais } from 'store/fetchActions/fetchDadosCadastrais';\nimport { formatterDadosCadastraisBackToFront } from 'utils/formatter/dadosCadastrais';\n\nconst PageDadosCadastrais = () => {\n const dispatch = useDispatch();\n const history = useHistory();\n\n const user = useSelector(state => state.sefaz.userProfile);\n\n React.useEffect(() => {\n dispatch(fetchGetDadosCadastrais())\n .then(pessoas => {\n dispatch(duckInputDadosCadastrais(null));\n // Caso pessoa seja física,\n if (\n (user?.document_type === 'CPF' && pessoas?.length > 0) ||\n (user?.document_type === 'CNPJ' && pessoas?.length === 2)\n ) {\n dispatch(duckDadosCadastraisDetalhar(formatterDadosCadastraisBackToFront(pessoas)));\n history.push(visualizarContribuinte);\n return;\n }\n dispatch(duckDadosCadastrais(pessoas));\n history.push(cadastroContribuinte);\n })\n .catch(() => {\n history.goBack();\n });\n }, [history, dispatch, user]);\n\n return \n \n );\n}\n","import React from 'react';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { useHistory } from 'react-router-dom';\nimport { useForm } from 'react-hook-form';\nimport TitlePage from 'components/TituloPage';\nimport Button from 'components/Button';\nimport { cadastroContribuinte, homeContribuinte } from 'routes/paths';\nimport { changeInput } from 'utils/formUtils';\nimport { editDadosCadastraisInput, sucessoRequerimento } from '../submitForm';\nimport { isValidForSubmit } from '../validations';\nimport FormDadosCadastrais from 'containers/Forms/FormDadosCadastrais';\nimport * as S from '../styles';\nimport * as Style from 'components/Style';\nimport { ENUM_TIPO_PESSOA } from 'utils/consts';\nimport { fetchGetDadosCadastrais } from 'store/fetchActions/fetchDadosCadastrais';\nimport { duckDadosCadastraisDetalhar } from 'store/ducks/dadosCadastrais';\nimport { formatterDadosCadastraisBackToFront } from 'utils/formatter/dadosCadastrais';\n\nexport default function PageDadosCadastraisEditar() {\n const dispatch = useDispatch();\n const history = useHistory();\n\n const user = useSelector(state => state.sefaz.userProfile);\n const dadosCadastraisDetalhar = useSelector(state => state.dadosCadastrais.dadosCadastraisDetalhar);\n\n const [loadingEnviar, setLoadingEnviar] = React.useState(false);\n\n const {\n control,\n setValue,\n getValues,\n watch,\n setError,\n reset,\n formState: { errors },\n } = useForm({\n defaultValues: dadosCadastraisDetalhar,\n });\n\n React.useEffect(() => {\n if (!dadosCadastraisDetalhar) {\n dispatch(fetchGetDadosCadastrais()).then(pessoas => {\n if (pessoas?.length > 0) {\n dispatch(duckDadosCadastraisDetalhar(formatterDadosCadastraisBackToFront(pessoas)));\n reset(formatterDadosCadastraisBackToFront(pessoas));\n } else {\n history.push(cadastroContribuinte);\n }\n });\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [dispatch]);\n\n const handleChange = e => {\n const { name, value } = e.target;\n if (name === 'tipoPessoa') {\n if (value === ENUM_TIPO_PESSOA.juridica.descricao) {\n const isValid = dispatch(isValidForSubmit(getValues(), setError));\n if (!isValid) return;\n }\n if (!getValues('enderecoPj.cep') && value === ENUM_TIPO_PESSOA.juridica.descricao)\n setValue('enderecoPj', getValues('enderecoPf'));\n }\n changeInput(e, setValue, errors, setError);\n };\n\n const onSubmit = data => {\n setLoadingEnviar(true);\n dispatch(editDadosCadastraisInput(data, user))\n .then(respostaApi => sucessoRequerimento(respostaApi, history, dispatch))\n .finally(() => setLoadingEnviar(false));\n };\n\n const onSendFormulario = () => {\n const values = getValues();\n const isValid = dispatch(isValidForSubmit(values, setError));\n\n if (isValid) {\n onSubmit(values);\n }\n };\n\n return (\n \n \n );\n}\n","import React, { useEffect } from 'react';\nimport { useHistory, Switch, Route } from 'react-router-dom';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { paths } from '.';\nimport { getToken, fetchSignIn, getAndSaveUser } from 'services/auth';\n\nimport { fetchGetUserDataByDocumento } from 'store/fetchActions/fetchUsuario';\n\nimport Header from 'components/HeaderESefaz/index';\nimport Menu from 'components/Menu';\n\nimport PageAutenticacao from 'pages/Autenticacao';\nimport PageHomeSupervisor from 'pages/HomeSupervisor';\nimport PageHomeAtendente from 'pages/HomeAtendente';\nimport PageCadastrarAtendente from 'pages/Atendente/Cadastrar';\nimport PageEditarAtendente from 'pages/Atendente/Editar';\nimport PageListarAtendente from 'pages/Atendente/Listar';\nimport PageVisualizarAtendente from 'pages/Atendente/Visualizar';\nimport PageRequerimento from 'pages/Requerimentos/Listar';\nimport PageRequerimentoListarContribuinte from 'pages/Requerimentos/ListarContribuinte';\nimport PageDetalhar from 'pages/Requerimentos/Detalhar';\nimport PageDicionario from 'pages/Dicionario/index';\nimport PageServicosCadastrar from 'pages/ServicoSistema/Cadastrar/index';\nimport PageServicosListar from 'pages/ServicoSistema/Listar/index';\nimport PageServicosDetalhar from 'pages/ServicoSistema/Detalhar/index';\nimport PageServicosEditar from 'pages/ServicoSistema/Editar/index';\nimport PageSetorCadastrar from 'pages/SetorSistema/Cadastrar/index';\nimport PageSetorListar from 'pages/SetorSistema/Listar/index';\nimport PageSetorEditar from 'pages/SetorSistema/Editar/index';\nimport PageSetorDetalhar from 'pages/SetorSistema/Detalhar/index';\nimport PagePostosAtendimentoCadastrar from 'pages/PostosAtendimento/Cadastrar/index';\nimport PagePostosAtendimentoListar from 'pages/PostosAtendimento/Listar/index';\nimport PagePostosAtendimentoEditar from 'pages/PostosAtendimento/Editar/index';\nimport PagePostosAtendimentoDetalhar from 'pages/PostosAtendimento/Detalhar/index';\nimport PageRelatorioStatus from 'pages/Relatorios/status';\nimport PageListarRequerimentos from 'pages/Relatorios/listarRequerimentos';\nimport PageRelatorioSolicitacoes from 'pages/Relatorios/solicitacoes';\nimport PageRelatorioTipo from 'pages/Relatorios/tipo';\nimport PageRelatorioPerformanceGeral from 'pages/Relatorios/performanceGeral';\nimport PageRelatorioPerformanceAtendente from 'pages/Relatorios/performanceAtendente';\nimport PageDadosCadastraisCadastrar from 'pages/DadosCadastrais/Cadastrar';\nimport PageDadosCadastrais from 'pages/DadosCadastrais';\nimport PageDadosCadastraisVisualizar from 'pages/DadosCadastrais/Visualizar';\nimport PageDadosCadastraisEditar from 'pages/DadosCadastrais/Editar';\nimport { ENUM_TIPO_PERFIL } from 'utils/permissao';\nimport { changeShowLibras } from 'utils/acessibilidade';\n\nexport default function Private() {\n const dispatch = useDispatch();\n const history = useHistory();\n\n const authenticated = !!getToken();\n\n const atendenteLogado = useSelector(state => state.atendente.atendenteLogado);\n const contribuinteLogado = useSelector(state => state.dadosCadastrais.contribuinteLogado);\n const user = useSelector(state => state.sefaz.userProfile);\n\n useEffect(() => {\n if (!authenticated) fetchSignIn();\n }, [dispatch, authenticated, history]);\n\n React.useEffect(() => {\n if (!user) dispatch(getAndSaveUser());\n changeShowLibras(user?.profile === ENUM_TIPO_PERFIL.CONTRIBUINTE);\n }, [dispatch, user]);\n\n React.useEffect(() => {\n dispatch(fetchGetUserDataByDocumento(user?.cpf_cnpj, atendenteLogado, contribuinteLogado));\n // eslint-disable-next-line\n }, [dispatch]);\n\n if (!authenticated) return \n \n \n );\n}\n","import styled from 'styled-components';\n\nexport const Container = styled.div`\n width: 100%;\n height: 80px;\n background-color: var(--footer-color-sefaz);\n border-top: 2px solid var(--background-second-sefaz);\n position: fixed;\n bottom: 26px;\n color: var(--texto-contraste-color);\n font-size: 11px;\n padding: 10px;\n z-index: 2;\n`;\n\nexport const RedesSociais = styled.div`\n float: left;\n a {\n margin: 2px 0 0 0;\n }\n`;\n\nexport const Seguidores = styled.div`\n color: var(--texto-contraste-color);\n margin: 5px 0px;\n font-size: 10pt;\n`;\n\nexport const Icon = styled.img`\n margin-right: 8px;\n`;\n\nexport const Endereco = styled.div`\n float: right;\n text-align: right;\n font-size: 10pt;\n div {\n float: left;\n }\n`;\n\nexport const Logo = styled.img`\n margin-left: 20px;\n height: 55px;\n`;\n\nexport const Copy = styled.p`\n font-size: 8pt;\n margin-top: 5px;\n`;\n\n// VERSAO DATA\n\nexport const FooterWhite = styled.div`\n width: 100%;\n background-color: var(--background-second-sefaz);\n border-top: 2px solid var(--cinza-color);\n height: 27px;\n margin: 0 auto;\n margin-top: 2%;\n bottom: 0;\n position: fixed;\n padding-top: 2px;\n z-index: 2;\n`;\n\nexport const Versao = styled.div`\n font-family: Calibri, Arial, Verdana;\n font-size: 11px;\n margin-left: 10px;\n display: flex;\n`;\n\nexport const LocalData = styled.div`\n font-family: Calibri, Arial, Verdana;\n font-size: 12px;\n text-align: end;\n margin-right: 1%;\n margin-left: auto;\n`;\n","import React from 'react';\nimport { getEnv } from 'config/enviroment';\nimport * as S from './styles';\n\nexport default function VersaoData() {\n const options = {\n weekday: 'long',\n year: 'numeric',\n month: 'long',\n day: 'numeric',\n };\n\n const diaPorExtenso = new Date().toLocaleString('pt-br', options);\n\n const ENV = getEnv();\n\n return (\n \n \n Versão {ENV?.VERSAO}
\n Em {ENV?.DATA_VERSAO}\n Salvador, {diaPorExtenso} \n \n \n );\n}\n","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAhCAYAAABTERJSAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsQAAALEAGtI711AAAACXZwQWcAAAAjAAAAIQAYdd9yAAABs0lEQVRYw+3WsWsUQRTH8c/E8zyjMSAqEWIMUXcKC9FCSCMWlv6xCjb21laSMCsqYjSCYPCUBHKJa7EjhCOJc+HgRO8HU+zbefO+773Zx4b1tH4/hLBswmqaZqODBY2bk4YJwv7MpCEOagozhZnC/M0wP7AzZGvyOladwgD76GPuGJ9veIEvOckVVNnew+K4YHbwPO9/nA8frsazWMX3vw2pTht4hT2s4tqfgpS2KWArVrHGU7wbev/xIAjEKopV/JoT6ZUEKYU5izupTqdiFd9koCd4ic/YPMwp1Qnu4VZJkNI2zeASzqEfq7iNtVSn1ziPwRF+p3EF3XHC7Gr7//2gMVZxgK1j/Lq5qsUZl6iL25jPpS/VPK6OGwYiHuBMyeYMfUPb2rHDwCx6qU6hoEKLuDvK4aPCrOCRtmVHXspUp4t4qL3cxSq9wHvaefETS/n5rfZiD4NczsBLIyZaDDPAGmrteO/HKg5DzGWAVe3nPLJKYXq4jm1tay+kOjXayTybgy+fpBongQlYyIu2TbsZrGjUjxPmML+T+h6pf/7nagozhfk/YTpB+BCEMGmQRvPpF7JhadlJazAvAAAAJXRFWHRjcmVhdGUtZGF0ZQAyMDE3LTExLTA4VDE2OjU2OjE0LTAzOjAwAKfUywAAABZ0RVh0Q3JlYXRpb24gVGltZQAxMS8wOC8xNzbLYEcAAAAldEVYdG1vZGlmeS1kYXRlADIwMTctMTEtMDhUMTY6NTY6MTQtMDM6MDBfFqL/AAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M0BrLToAAAAABJRU5ErkJggg==\"","export default __webpack_public_path__ + \"static/media/logoSefazVerticalVazadaBranca.fcc0ba9d.svg\";","import React from 'react';\nimport ImagemTwitter from 'assets/img/iconTwit.png';\nimport ImagemFacebook from 'assets/img/iconFace.png';\nimport ImagemInstagram from 'assets/img/iconInsta.png';\nimport ImagemSefaz from 'assets/img/logoSefazVerticalVazadaBranca.svg';\nimport * as S from './styles';\nimport { altImageSefaz } from 'utils/acessibilidade';\n\nexport default function Footer() {\n const urlFacebook = 'https://www.facebook.com/FazendaMunicipalSalvador/';\n const urlTwitter = 'https://twitter.com/AGECOMSALVADOR';\n const urlInstagram = 'https://www.instagram.com/sefazsalvador/';\n\n return (\n \n \n
\n Siga-nos nas redes sociais \n \n \n \n \n \n \n \n\n
\n \n Posto Central Rua das Vassouras, nº 1 - Centro Histórico © 2017 - Todos os direitos reservados \n
\n \n
\n );\n}\n","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAhCAYAAABTERJSAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsQAAALEAGtI711AAAACXZwQWcAAAAjAAAAIQAYdd9yAAABZElEQVRYw+2WzUvDMBjGf9nqxxyCOkHw4gRpEERvO/oXePHgX+vBs3obyEjPBefBwwZ+sHWNh6RQRJAkdYXZBwrlOTz5vW/fNBEjNRoIIfrULK11GgEHaE7qhhGIrFU3RFkNTAPjqqiinAnwBuRABnSBfUAsE2YBPABDC7SQsdQqUcfANbC5TJihjOXdD/6H7ZKTQmByQJUNlag9YAs49MkOgZnbpwxyA+xay3lzhMBE3xbcAHoBeV4wc8znSYHXkj8Bbu17Dzh3zfeByYB7GcuXsilj+Q48AqhE9YEz12Dfn95vRez4FOrTmTVgoBI1Bp5kLKe2G13gAmgDRz6F+sBEwCkQA2Ngav1t4NIHolDI2TTDzE+hHPgMyAuC0SELVw3jdAj+NUzlWhmYHDPEhWYEzlHoFaKtEiUw87Me2pkQmA5whdnOBUynLpgW5mpZmVZmgBuY/wkTCUQqEJWfM67S6OcvEJpN7Hs7wD8AAAAldEVYdGNyZWF0ZS1kYXRlADIwMTctMTEtMDhUMTY6NTY6MTQtMDM6MDAAp9TLAAAAFnRFWHRDcmVhdGlvbiBUaW1lADExLzA4LzE3NstgRwAAACV0RVh0bW9kaWZ5LWRhdGUAMjAxNy0xMS0wOFQxNjo1NjoxNC0wMzowMF8Wov8AAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzQGstOgAAAAAElFTkSuQmCC\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAhCAYAAABTERJSAAABN2lDQ1BBZG9iZSBSR0IgKDE5OTgpAAAokZWPv0rDUBSHvxtFxaFWCOLgcCdRUGzVwYxJW4ogWKtDkq1JQ5ViEm6uf/oQjm4dXNx9AidHwUHxCXwDxamDQ4QMBYvf9J3fORzOAaNi152GUYbzWKt205Gu58vZF2aYAoBOmKV2q3UAECdxxBjf7wiA10277jTG+38yH6ZKAyNguxtlIYgK0L/SqQYxBMygn2oQD4CpTto1EE9AqZf7G1AKcv8ASsr1fBBfgNlzPR+MOcAMcl8BTB1da4Bakg7UWe9Uy6plWdLuJkEkjweZjs4zuR+HiUoT1dFRF8jvA2AxH2w3HblWtay99X/+PRHX82Vun0cIQCw9F1lBeKEuf1UYO5PrYsdwGQ7vYXpUZLs3cLcBC7dFtlqF8hY8Dn8AwMZP/fNTP8gAAAAJcEhZcwAACxMAAAsTAQCanBgAAAXRaVRYdFhNTDpjb20uYWRvYmUueG1wAAAAAAA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzE0NSA3OS4xNjM0OTksIDIwMTgvMDgvMTMtMTY6NDA6MjIgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSIgeG1wOkNyZWF0ZURhdGU9IjIwMjItMDItMTVUMTE6MjM6MzAtMDM6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDIzLTA4LTEwVDE1OjQyOjE5LTAzOjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIzLTA4LTEwVDE1OjQyOjE5LTAzOjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozOGVlZTBlMC1lNmQzLTAyNDQtOWViYi01ZWZhODRlZTRmNGQiIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpiMTgwNjI1ZC04YjEwLWIyNDEtODI1Yy0zY2Y2NDEzNjNlOWUiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozNGY2MjU1Ni04YWIyLTVkNDgtODZkNC0xMWEwNzhjNDRhMDUiPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjM0ZjYyNTU2LThhYjItNWQ0OC04NmQ0LTExYTA3OGM0NGEwNSIgc3RFdnQ6d2hlbj0iMjAyMi0wMi0xNVQxMToyMzozMC0wMzowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDozOGVlZTBlMC1lNmQzLTAyNDQtOWViYi01ZWZhODRlZTRmNGQiIHN0RXZ0OndoZW49IjIwMjMtMDgtMTBUMTU6NDI6MTktMDM6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7nCxyjAAADLElEQVRYhc2YbU/TUBTHf3dtB2xjbp2iAXwIe4EYo0YlMb4w8cvyDfwERo2JDxEDVSIvfFbiCs4NZG13fXFuw1K2rhsB/CfNst723N8995xzz6ZWVlaeu667WSwWd2zbDpRSmhOS1lqFYei02+2K7/t123XdzaWlpdVarda0bTs6KZBYYRhajUaj7HkedqlU2nZdt1koFDon6ZVY+Xw+0lo3S6XSds6yrNBxnOg0QACUUtpxnMiyrDB3WhBJKaW0nTLeAvKABnLm0kA3i+3E87rnfgco9XspDSZvrljb5mobo2rAe13AMhO6gyYeFSbWPrAOvAN2sxo2mgGuA5cRT8GBl0aCUQbkhQG5ANwEJtMMGlnAX+At8NjYWWSwN4fCaOAj8N4YugNMDYHoVReoGZg3yJbNpAHlBg0gq/kATAM3UkB6AzT+/gx4ZOzfRby0DuylzZnmmQD4DcwD5T7jf4DvwC/AAc4jW5k3k+8gGTkDnAG+ITFXGQcGZMX5Pvc+Aa+ApgHpInE1CywD9wxsDfGwDUQMKQvDYFQfA1+BJwbitpkwNPc3zOQPEY/0LiA1eLPAJLWHZEgEPEC2MNZFYAJ4DXjALdJj8pBGehiJgy1gIQECsvKrQBX4gnhrJI0KEyAunx4wPgkUkZKf5dg4Eky8re0B4/vIVjpkiJGjwlSAs8Amkqq90kgAN4A5A3SsMAWkAIIUNg/4acBeAqtIFi2OYTtTNiXdPQ/cR7LmKVKZu0g8zSHHRjKmFMPPs0wwyazIIdlUBT4jbYWNVOBZxHu9igxojiMclA5yDPxAqmlytVVzRRw0U/20hVTqS0imxf3OIaXt6wRQR86nNSRT+slKseObd/PANWRLx+5nriArWzNQdbL1M8o87yGH4zJwzoyNBaPNxMvmcwOprPFkg4z2jlWQYF8gQ3ZlCeAppCepI8G6mwLSCzSNHKLJ9mNgEKfBdMxn/OuggvQlWct87IkOh38dJNuSoTCZu/oR1RcEIKe1HvkMOQ5prVUuiiI7CALrtKC01ioIAiuKIttutVpV3/fLSqlT+xfC9/1yq9Wq2r7v1z3P43/4f+Yf/bT8trKK+n0AAAAASUVORK5CYII=\"","import React from 'react';\nimport VersaoData from './versaoData';\nimport FooterPadrao from './footer';\n\nexport default function Index() {\n return (\n \n \n );\n}\n","import styled from 'styled-components';\n\nexport const Container = styled.div`\n position: absolute;\n height: 100%;\n width: 100%;\n`;\n\nexport const ContainerAlert = styled.div`\n z-index: 3;\n width: 100%;\n top: 85%;\n text-align: center;\n position: fixed;\n\n .ant-alert-error,\n .ant-alert-warning,\n .ant-alert-info,\n .ant-alert-success {\n z-index: 3;\n border: none;\n width: 50%;\n margin: auto;\n top: 93%;\n\n padding: 12px;\n background-color: #ffffff;\n }\n\n .ant-alert-success {\n border-left: solid #47d764;\n box-shadow: 0 0 1em #0d8f2752;\n }\n\n .ant-alert-info {\n border-left: solid #1890ff;\n box-shadow: 0 0 1em #0058a585;\n }\n\n .ant-alert-warning {\n border-left: solid #faad14;\n box-shadow: 0 0 1em #c9820066;\n }\n\n .ant-alert-error {\n border-left: solid #ff4d4f;\n box-shadow: 0 0 1em #af00005c;\n }\n\n .ant-alert-message {\n font-weight: 600;\n }\n\n .anticon svg {\n font-size: 17pt;\n }\n\n [data-icon='close'] {\n font-size: 10pt !important;\n }\n`;\n","import React from 'react';\nimport { useSelector, useDispatch } from 'react-redux';\nimport { Alert } from 'antd';\nimport { fetchAlertApp } from 'store/fetchActions/fetchApp';\nimport * as S from './styles';\n\nexport const ComponentAlert = () => {\n const dispatch = useDispatch();\n\n const dadosAlerta = useSelector(state => state.app.alertApp);\n\n const onClose = () => {\n dispatch(fetchAlertApp({ tipo: false, mensagem: false }));\n };\n\n return (\n <>\n {dadosAlerta?.mensagem && (\n \n \n \n \n )}\n \n );\n};\n\nexport default ComponentAlert;\n","import styled from 'styled-components';\n\n// HISTORICO\n\nexport const HistoricoContainer = styled.div`\n .observacao {\n margin-left: 10px;\n }\n`;\n\nexport const HistoricoLabel = styled.p`\n margin: 3px 10px;\n font-weight: 700;\n`;\n\nexport const HistoricoRow = styled.div`\n display: flex;\n align-content: center;\n align-items: baseline;\n`;\n\nexport const HistoricoDestaque = styled.p`\n margin-bottom: 10px;\n margin-top: ${props => props.marginTop};\n font-weight: 900;\n color: var(--primary-color-sefaz);\n font-size: 12pt;\n font-size: ${props => (props.fontSize ? props.fontSize : '12pt')};\n`;\n\nexport const HistoricoRowEmpty = styled.div`\n display: flex;\n align-items: center;\n font-size: 10pt;\n span {\n margin-right: 10px;\n font-size: 13pt;\n }\n`;\n\nexport const Label = styled.p`\n margin: 10px 10px 20px 0px;\n`;\n\n// RESUMO\n\nexport const TitleResumo = styled.p`\n font-family: 'Roboto', 'Open Sans', 'sans-serif';\n font-size: 15pt;\n color: var(--primary-color-sefaz);\n font-weight: bold;\n text-align: center;\n margin: 20px;\n`;\n\nexport const ResumoStepsContainerRow = styled.div`\n display: flex;\n`;\n\nexport const ResumoStepsContainerText = styled.div`\n margin-left: 5px;\n`;\n\nexport const ResumoStepsCirculo = styled.div`\n height: 30px;\n width: 30px;\n border-radius: 100%;\n background-color: var(--primary-color-sefaz);\n background: linear-gradient(90deg, rgba(30, 152, 221, 1) 0%, rgba(0, 212, 255, 1) 100%);\n margin: 5px;\n transition: all 0.2s ease-in-out;\n\n svg {\n color: var(--bottom-color-sefaz);\n padding: 2px;\n height: 30px;\n width: 21px;\n margin: auto;\n margin-left: 4px;\n transition: all 0.2s ease-in-out;\n }\n\n &:hover {\n background: var(--bottom-color-sefaz);\n\n svg {\n color: rgba(0, 212, 255, 1);\n height: 40px;\n width: 31px;\n }\n }\n`;\n\nexport const ResumoStepsTitle = styled.p`\n margin: 0px;\n font-weight: 500;\n`;\n\nexport const ResumoStepsSubtitle = styled.p`\n margin: 0px;\n color: #8f8f8f;\n`;\n\nexport const ResumoStepsLinha = styled.div`\n width: 5%;\n min-height: 30px;\n border-left: 2px dotted var(--primary-color-sefaz);\n margin-left: 20px;\n`;\n\nexport const ResumoFinalizar = styled.div`\n margin-top: 50px;\n margin-bottom: 20px;\n font-size: 15pt;\n`;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Row, Col, Divider, Tag } from 'antd';\nimport { EyeInvisibleFilled } from '@ant-design/icons';\nimport { getColorStatus } from 'utils/funcaoPadrao';\nimport { convertDatePtBrHs } from 'utils/dateFormatter';\nimport { MSG_HISTORICO_NAO_ENCONTRADO } from 'utils/consts';\nimport * as S from './styles';\nimport { valueOrDefaultValue } from 'utils/formUtils';\n\nexport const Historico = ({ dadosExibir }) => {\n const montarArrayJustificativa = historicoRow => {\n const observacao = historicoRow?.observacao;\n if (observacao && observacao[0] === '<') {\n return (\n \n
{historicoRow?.responsavel}:
\n\n
', \"\"),\n }}\n />\n
Contribuinte: {observacao}
\n )}\n {historicoRow?.atribuicao === 'CONTRIBUINTE' && !observacao && -
}\n\n {/* NÃO CONTRIBUINTE */}\n {historicoRow?.atribuicao !== 'CONTRIBUINTE' && historicoRow?.responsavel && (\n \n {historicoRow?.responsavel}: {observacao}\n
\n )}\n {historicoRow?.atribuicao !== 'CONTRIBUINTE' && !historicoRow?.responsavel && (\n {observacao}
\n )}\n \n );\n }\n };\n\n const renderRow = historicoRow => {\n return (\n \n
\n \n \n {historicoRow?.status?.descricao?.toUpperCase()} \n \n \n \n Tempo decorrido: \n {historicoRow?.tempoDecorrido}
\n \n
\n
\n \n Data/Hora: \n {convertDatePtBrHs(historicoRow?.dataMudancaStatus)}
\n \n\n \n Responsável: \n {historicoRow?.responsavel}
\n \n\n \n Atribuição: \n {historicoRow?.atribuicao}
\n \n
\n
\n De setor: \n {valueOrDefaultValue(historicoRow?.setorOrigem?.nome, ' -- ')}
\n Para setor: \n {valueOrDefaultValue(historicoRow?.setorDestino?.nome, ' -- ')}
\n \n - Atendente{historicoRow?.atendente?.isSetorial ? ' Setorial' : ''} :{' '}\n {historicoRow?.atendente?.apelido}{' '}\n \n \n
\n Observação: \n {montarArrayJustificativa(historicoRow)}\n \n
\n
\n \n \n \n
\n
\n );\n };\n\n return (\n \n {dadosExibir && dadosExibir?.length === 0 ? (\n renderEmpty()\n ) : (\n <>\n \n Protocolo: \n {dadosExibir[0]?.formulario?.localizador} \n
\n {dadosExibir.map(historicoRow => {\n return renderRow(historicoRow);\n })}\n \n )}\n \n );\n};\n\nHistorico.propTypes = {\n dadosExibir: PropTypes.array,\n};\n\nexport default Historico;\n","import React from 'react';\nimport { useSelector } from 'react-redux';\nimport * as S from './styles';\n\nexport const ReatendimentoAtendente = () => {\n const protocolos = useSelector(state => state.formulario.protocoloReatendimento);\n\n return (\n \n
\n Existem {protocolos?.length} requerimentos com status de Reatendimento , disponíveis para\n atendimento na sua lista. Para visualizar o requerimento, basta pesquisar pelo número de protocolo a seguir:\n \n {protocolos?.map(numProtocolo => {\n return
{numProtocolo}
;\n })}\n
\n
\n Formulário enviado com sucesso!\n {modalState?.props?.respostaApi?.localizador} , foi enviado\n para o E-mail {dadosInputs?.email || ''} . Para acompanhar o requerimento{' '}\n clique aqui e informe o CPF cadastrado{' '}\n {ocultarCpf(dadosInputs?.cpf || dadosInputs?.cnpj)} e o número do protocolo.\n clicando aqui , e o contribuinte tem um prazo de até 20 dias para realizar essa\n correção, ou o requerimento será cancelado automaticamente.\n \n
\n dispatch(fetchStatusModal(false, ''))}\n />\n
\n );\n};\n\nexport default ValidarCaptcha;\n","import React from 'react';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { Row } from 'antd';\nimport ButtonComponent from 'components/Button';\nimport { getArrayStatusFormatted, getLabelCargoFas } from 'utils/funcaoPadrao';\nimport { convertDatePtBrHs } from 'utils/dateFormatter';\nimport { fetchStatusModal, fetchStatusModalJustificativa } from 'store/fetchActions/fetchApp';\nimport {\n FileFilled,\n SmileFilled,\n FileImageFilled,\n CheckCircleFilled,\n EditFilled,\n FolderOpenFilled,\n} from '@ant-design/icons';\nimport * as S from './styles';\n\nexport const ResponderJustificativa = () => {\n const dispatch = useDispatch();\n\n const modalState = useSelector(state => state.app.modal);\n const dadosMinimizados = useSelector(state => state.app.dadosMinimizados);\n const dadosDetalhar = useSelector(state => state.formulario.dadosExibirDetalhar);\n const atendenteLogado = useSelector(state => state.atendente.atendenteLogado);\n\n const getPrimeiraJustificativaContribuinte = () => {\n return dadosDetalhar?.formularioJustificativas?.find(x => x.isAtendente === false)?.justificativa;\n };\n\n return (\n <>\n \n Finalizando o requerimento {dadosDetalhar?.localizador} \n \n \n \n \n \n Requerimento \n \n Requerimento Solicitado por {dadosDetalhar?.formularioPessoa?.pessoa?.nome} em{' '}\n {convertDatePtBrHs(dadosDetalhar?.dataAbertura)}\n \n \n \n \n \n \n \n Finalidade {dadosDetalhar?.solicitacao?.descricao} \n Solicitou o requerimento de {dadosDetalhar?.assunto?.descricao} \n \n \n \n \n \n \n Atendente \n \n O Atendente atual do requerimento é {atendenteLogado.nome} com cargo de{' '}\n {getLabelCargoFas(atendenteLogado?.cargoId, atendenteLogado?.isSetorial)}\n \n \n \n \n \n \n \n Solicitação \n \n \n \n \n \n \n \n \n Arquivos \n \n O contribuinte anexou um total de{' '}\n {dadosDetalhar?.arquivos?.filter(x => x?.atribuicao === 'CONTRIBUINTE')?.length} arquivo(s). Troca total de{' '}\n {dadosDetalhar?.arquivos?.length} arquivo(s)\n \n \n \n \n \n \n \n \n {getArrayStatusFormatted().find(x => x.identificador === modalState.props.status)?.descricao} com{' '}\n {modalState?.props?.arquivos?.filter(x => !x?.formularioId)?.length} Novo(s) arquivo(s).\n \n \n \n \n \n\n Gostaria de finalizar esse requerimento? \n \n modalState.props.funcFinalizar(modalState.props.status)}\n />\n {\n dispatch(fetchStatusModal(false, ''));\n dispatch(fetchStatusModalJustificativa(true, atendenteLogado?.isSetorial, dadosMinimizados.nameModal));\n }}\n />\n
\n \n );\n};\n\nexport default ResponderJustificativa;\n","import React from 'react';\nimport Table from 'components/Table/index';\nimport { widthLabel } from 'utils/stringFormatter';\n\nexport default function GridHistoricoRelatorioRequerimento({ dadosGrid }) {\n const montarLinha = lista => {\n return lista?.map(item => {\n return {\n key: item?.id,\n dataMudancaStatus: item?.dataMudancaStatus,\n status: item?.status || '-',\n dataSaidaStatus: item?.dataSaidaStatus || '-',\n solicitacao: widthLabel(item?.solicitacao, 100) || '-',\n responsavel: widthLabel(item?.responsavel, 100) || '-',\n atendente: item?.atendente || '-',\n distribuicao: item?.distribuicao || '-',\n setorDestino: item?.setorDestino || '-',\n setorOrigem: item?.setorOrigem || '-',\n observacao: widthLabel(item?.observacao, 100) || '-',\n };\n });\n };\n\n const columns = [\n {\n title: 'Data de alteração',\n dataIndex: 'dataMudancaStatus',\n key: 'dataMudancaStatus',\n },\n {\n title: 'Status',\n key: 'status',\n dataIndex: 'status',\n },\n {\n title: 'Data de saída',\n key: 'dataSaidaStatus',\n dataIndex: 'dataSaidaStatus',\n },\n {\n title: 'Solicitação',\n dataIndex: 'solicitacao',\n key: 'solicitacao',\n },\n {\n title: 'Responsável',\n dataIndex: 'responsavel',\n key: 'responsavel',\n },\n {\n title: 'Atendente',\n key: 'atendente',\n dataIndex: 'atendente',\n },\n {\n title: 'Atribuição',\n dataIndex: 'distribuicao',\n key: 'distribuicao',\n },\n {\n title: 'Setor Origem',\n key: 'setorOrigem',\n dataIndex: 'setorOrigem',\n },\n {\n title: 'Setor Destino',\n key: 'setorDestino',\n dataIndex: 'setorDestino',\n },\n {\n title: 'Observação',\n key: 'observacao',\n dataIndex: 'observacao',\n },\n ];\n\n return ;\n}\n","import React from 'react';\nimport { useSelector } from 'react-redux';\nimport * as S from './styles';\nimport GridHistoricoRelatorioRequerimento from 'containers/Relatorios/ListarRequerimentos/Grid/GridHistoricoRelatorioRequerimento';\n\nexport const HistoricoRelatorioRequerimento = () => {\n const modalState = useSelector(state => state.app.modal);\n\n return (\n \n \n );\n};\n\nexport default HistoricoRelatorioRequerimento;\n","import React from 'react';\nimport { useSelector, useDispatch } from 'react-redux';\nimport { useHistory } from 'react-router-dom';\nimport { Modal, Button } from 'antd';\nimport { CloseOutlined } from '@ant-design/icons';\nimport { fetchStatusModal, fetchUpdateDadosMinimizados } from 'store/fetchActions/fetchApp';\nimport { ENUM_MODAL } from 'utils/consts';\nimport Loading from 'components/Loading';\nimport Historico from './ModalHistorico';\nimport ReatendimentoAtendente from './reatendimentoAtendente';\nimport SucessoRequerimento from './sucessoRequerimento';\nimport ValidateCaptcha from './validateCaptcha';\nimport ResumoRequerimento from './ModalResumoRequerimento';\nimport HistoricoRelatorioRequerimento from './ModalHistoricoRelatorioRequerimento';\n\nexport const ModalGenerico = () => {\n const dispatch = useDispatch();\n const history = useHistory();\n\n const modalAcessoNegado = useSelector(state => state.app.modalAcessoNegado);\n const modalState = useSelector(state => state.app.modal);\n const dadosHistorico = useSelector(state => state.formulario.dadosHistorico);\n\n React.useEffect(() => {\n if (modalAcessoNegado?.isOpen && modalState?.isOpen) {\n dispatch(fetchStatusModal(false, ''));\n }\n }, [dispatch, modalAcessoNegado, modalState]);\n\n const onClose = () => {\n const rota = modalState?.props?.rota;\n if (rota) history.push(rota);\n dispatch(fetchStatusModal(false, ''));\n dispatch(fetchUpdateDadosMinimizados({}));\n };\n\n const chooseModal = () => {\n if (modalState?.isOpen) {\n if (modalState?.title === ENUM_MODAL.HISTORICO) return \n Fechar\n ,\n ]\n }\n >\n {chooseModal()} \n \n );\n};\n\nexport default ModalGenerico;\n","import styled from 'styled-components';\n\nexport const ContainerCor = styled.div`\n padding: 10px;\n`;\n\nexport const Titulo = styled.h1`\n color: var(--texto-color);\n text-align: center;\n`;\n\nexport const Label = styled.label`\n font-weight: 500;\n margin-left: 3px;\n`;\n\nexport const ContainerSwitch = styled.div`\n background: var(--background-color-sefaz);\n box-shadow: 0 4px 17px rgba(0, 0, 0, 0.35);\n width: 100px;\n margin: 10px;\n\n .info {\n padding: 5px;\n }\n\n h1 {\n margin: 0;\n text-transform: uppercase;\n text-align: center;\n }\n\n p {\n font-weight: normal;\n margin: 0;\n text-align: center;\n }\n\n input[type='color'] {\n appearance: none;\n -moz-appearance: none;\n -webkit-appearance: none;\n background: none;\n border: 0;\n cursor: pointer;\n margin: auto;\n height: 100px;\n padding: 0;\n width: 100px;\n }\n`;\n","import React from 'react';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { Modal, Button } from 'antd';\nimport { fetchStatusModalCor, fetchUpdateTheme } from 'store/fetchActions/fetchApp';\nimport { ENUM_THEME, STORAGE_THEME_CUSTOM_FAS, ENUM_COLOR_LIGHT } from 'utils/consts';\nimport * as S from './style';\n\nexport const ModalColor = () => {\n const dispatch = useDispatch();\n\n const thisModalState = useSelector(state => state.app.modalCor);\n\n const getDefaultColor = nameColor => {\n return getComputedStyle(document.documentElement).getPropertyValue(nameColor);\n };\n\n const onClose = () => {\n dispatch(fetchStatusModalCor(false));\n };\n\n const [color, setColor] = React.useState({});\n\n React.useEffect(() => {\n setColor({\n '--primary-color-sefaz': getDefaultColor('--primary-color-sefaz'),\n '--background-color-sefaz': getDefaultColor('--background-color-sefaz'),\n '--background-second-sefaz': getDefaultColor('--background-second-sefaz'),\n '--bottom-color-sefaz': getDefaultColor('--bottom-color-sefaz'),\n '--texto-color': getDefaultColor('--texto-color'),\n '--cinza-color': getDefaultColor('--cinza-color'),\n });\n // eslint-disable-next-line\n }, []);\n\n const getDescription = name => {\n if (name === '--primary-color-sefaz') return 'Cor principal do FAS';\n if (name === '--background-color-sefaz') return 'Cor do fundo das telas do FAS';\n if (name === '--background-second-sefaz') return 'Cor do Menu, Footer e Cards do FAS';\n if (name === '--bottom-color-sefaz') return 'Cor da caixa que separa o fundo do FAS (paper)';\n if (name === '--texto-color') return 'Cor dos textos do FAS';\n if (name === '--cinza-color') return 'Cor dos textos secundários do FAS';\n return name;\n };\n\n const change = event => {\n const { name, value } = event.target;\n document.body.style.setProperty(name, value);\n document.documentElement.style.setProperty(name, value);\n const newListColor = { ...color, [name]: value };\n setColor(newListColor);\n localStorage.setItem(STORAGE_THEME_CUSTOM_FAS, JSON.stringify(newListColor));\n dispatch(fetchUpdateTheme(ENUM_THEME.CUSTOM));\n };\n\n const changeDefault = () => {\n const listDefaultColor = {\n '--primary-color-sefaz': ENUM_COLOR_LIGHT['primaryColorSefaz'],\n '--background-color-sefaz': ENUM_COLOR_LIGHT['backgroundColorSefaz'],\n '--background-second-sefaz': ENUM_COLOR_LIGHT['backgroundSecondSefaz'],\n '--bottom-color-sefaz': ENUM_COLOR_LIGHT['bottomColorSefaz'],\n '--texto-color': ENUM_COLOR_LIGHT['textoColor'],\n '--cinza-color': ENUM_COLOR_LIGHT['cinzaColor'],\n };\n localStorage.removeItem(STORAGE_THEME_CUSTOM_FAS);\n dispatch(fetchUpdateTheme(ENUM_THEME.LIGHT));\n onClose();\n setColor(listDefaultColor);\n window.location.reload();\n };\n\n const getInput = () => {\n const arrayInput = [];\n Object.keys(color).forEach(key => {\n arrayInput.push(\n \n \n
Cor \n
{getDescription(key)}
\n
\n );\n });\n return arrayInput;\n };\n\n return (\n \n Voltar ao padrão\n ,\n \n Fechar\n ,\n ]}\n >\n \n
Personalização das cores \n
\n A correta utilização das cores é um importante aliado para o equilíbrio dos ambientes e daqueles que os\n habitam, sendo gerador de bem estar, o que eleva a auto estima e reduz o stress, além de aumentar a\n produtividade. Você pode escolher as cores do sistema.\n
\n
\n {getInput()?.map(input => {\n return input;\n })}\n
\n
encaminharRequerimento()} css={{ margin: '5px' }} />\n handleChangeSwitch(statusSwitch)}\n style={{ marginBottom: '10px' }}\n />\n \n );\n };\n\n const renderButtons = () => {\n return (\n \n {item?.nome}\n \n )}\n \n );\n });\n } else {\n // IF - SE FOR PRA EXIBIR SETORES\n return setoresExibir?.map(item => {\n return (\n \n {item?.nome}\n \n );\n });\n }\n };\n\n const getOptionsSelectSupervisor = () => {\n // IF - SE FOR PRA EXIBIR ATENDENTES\n if (!isEncaminharSetor) {\n return atendentesExibir?.map(item => {\n return (\n <>\n {!item?.isSetorial && item?.cargoId === ENUM_CARGO.ATENDENTE && (\n \n {item?.nome}\n \n )}\n \n );\n });\n } else {\n // IF - SE FOR PRA EXIBIR SETORES\n return setoresExibir?.map(item => {\n return (\n \n {item?.nome}\n \n );\n });\n }\n };\n\n const renderInputAtendente = () => {\n return (\n <>\n handleChange({ target: { name: 'setorEncaminharId', value: e } })}\n >\n {setoresExibir?.map(item => {\n return (\n \n {item?.nome}\n \n );\n })}\n \n {errors?.setorEncaminharId && {errors?.setorEncaminharId?.message} }\n \n );\n };\n\n const renderInputSupervisor = () => {\n return (\n <>\n {isEncaminharSetor ? 'Selecione um Setor' : 'Selecione um Atendente'}
\n options.children.toLowerCase().indexOf(input.toLowerCase()) >= 0}\n onChange={e => {\n const nameInput = isEncaminharSetor ? 'setorEncaminharId' : 'atendenteEncaminharId';\n const event = { target: { name: nameInput, value: e } };\n handleChange(event);\n }}\n disabled={false}\n allowClear\n showSearch\n optionFilterProp={'children'}\n showArrow\n >\n {getOptionsSelectSupervisor()}\n \n {errors?.setorEncaminharId && {errors?.setorEncaminharId?.message} }\n {errors?.atendenteEncaminharId && {errors?.atendenteEncaminharId?.message} }\n \n );\n };\n\n const renderInputSupervisorSetorial = () => {\n return (\n <>\n {isEncaminharSetor ? 'Selecione um Setor' : 'Selecione um Atendente'}
\n {\n const nameInput = isEncaminharSetor ? 'setorEncaminharId' : 'atendenteEncaminharId';\n const event = { target: { name: nameInput, value: e } };\n handleChange(event);\n }}\n >\n {getOptionsSelectSupervisorSetorial()}\n \n {errors?.setorEncaminharId && {errors?.setorEncaminharId?.message} }\n {errors?.atendenteEncaminharId && {errors?.atendenteEncaminharId?.message} }\n \n );\n };\n\n const getInputSelect = () => {\n if (thisModalState.title === ENUM_MODAL.ENCAMINHAR.ATENDENTE) {\n return renderInputAtendente();\n }\n if (thisModalState.title === ENUM_MODAL.ENCAMINHAR.SUPERVISOR) {\n return renderInputSupervisor();\n }\n if (thisModalState.title === ENUM_MODAL.ENCAMINHAR.SUPERVISOR_SETORIAL) {\n return renderInputSupervisorSetorial();\n }\n return <>;\n };\n\n const getFraseTitulo = () => {\n if (thisModalState.title === ENUM_MODAL.ENCAMINHAR.ATENDENTE) {\n return (\n \n Escolha o Setor para encaminhar o requerimento, ao encaminhar, o atendente do setor será responsável\n por continuar o atendimento. A Justificativa será destinada somente ao setor selecionado.\n
\n );\n }\n\n return (\n \n Escolha o Setor ou Atendente para encaminhar o requerimento, ao encaminhar, o atendente será\n responsável por continuar o atendimento. A Justificativa será destinada somente ao setor/atendente selecionado.\n
\n );\n };\n\n return (\n \n Fechar\n ,\n ]}\n >\n \n \n \n {getFraseTitulo()}\n
\n Tamanho total da Justificativa {`${watch('justificativa').length}/2000`} \n
\n
\n {renderSwitch()}\n {getInputSelect()}\n
\n
\n
{renderButtons()}
\n
\n \n \n );\n};\n\nexport default ModalGenericoEncaminhar;\n","import styled from 'styled-components';\n\nexport const CarregarDadosLabel = styled.p`\n margin: 10px 10px 20px 10px;\n`;\n\nexport const NomeArquivo = styled.p`\n margin: 3px 0 3px 5px;\n color: #689ef8;\n cursor: pointer;\n padding-top: 3px;\n`;\n\nexport const ApagarArquivo = styled.p`\n margin: 2px 0 3px 14px;\n color: #c62828;\n cursor: pointer;\n padding: 6px;\n font-size: 8pt;\n`;\n","import { Col, Row } from 'antd';\nimport { PaperClipOutlined } from '@ant-design/icons';\nimport { openModalConfirmacao } from 'components/Modal/ModalConfirmacao';\nimport { fetchNotificationApp, fetchStatusModal } from 'store/fetchActions/fetchApp';\nimport { convertBase64, downloadFileBase64, converterByteToMb } from 'utils/arquivo';\nimport { ALERTA, STATUS_REQUERIMENTO, ENUM_CARGO, ENUM_MODAL } from 'utils/consts';\nimport { fetchDownloadArquivo } from 'store/fetchActions/fetchArquivo';\nimport { validationNomeTamanhoArquivo } from 'utils/validate/arquivo';\nimport { generateId } from 'utils/funcaoPadrao';\nimport { requerimentos } from 'routes/paths';\nimport * as S from './styles';\n\nexport const getRotaFinalizar = status => {\n if (status === STATUS_REQUERIMENTO.DEVOLVIDO_CONTRIBUINTE.identificador) return requerimentos;\n if (status === STATUS_REQUERIMENTO.ENCAMINHADO_ATENDENTE.identificador) return requerimentos;\n if (status === STATUS_REQUERIMENTO.FINALIZADO_DEFERIDO.identificador) return requerimentos;\n if (status === STATUS_REQUERIMENTO.FINALIZADO_INDEFERIDO.identificador) return requerimentos;\n if (status === STATUS_REQUERIMENTO.FINALIZADO_PROCESSO_GERADO.identificador) return requerimentos;\n if (status === STATUS_REQUERIMENTO.SOLICITACAO_ATENDIDA.identificador) return requerimentos;\n if (status === STATUS_REQUERIMENTO.CANCELADO.identificador) return requerimentos;\n\n return null;\n};\n\nexport const abrirArquivoBanco = async arquivo => {\n fetchDownloadArquivo(arquivo?.id);\n fetchNotificationApp(\n 'Baixando arquivo...',\n 'Aguarde finalizar o download para continuar',\n ALERTA.INFO,\n 'bottomRight'\n );\n};\n\nexport const abrirArquivo = async arquivo => {\n if (!arquivo?.grupoId || !arquivo.arquivoExternoId) {\n convertBase64(arquivo).then(fileBase => {\n downloadFileBase64(fileBase);\n });\n } else {\n abrirArquivoBanco(arquivo);\n }\n};\n\nexport const adicionarNovoArquivo = (file, tamanhoTotalArquivos) => {\n const tamanhoTotalMb = parseFloat(converterByteToMb(file?.size)) + (parseFloat(tamanhoTotalArquivos) || 0);\n if (validationNomeTamanhoArquivo(file, tamanhoTotalMb)) {\n const arquivoNovo = file;\n arquivoNovo.id = generateId();\n arquivoNovo.data = new Date();\n\n return { tamanhoTotal: tamanhoTotalMb?.toFixed(2), novoArquivo: arquivoNovo, isValid: true };\n }\n return { tamanhoTotal: 0, novoArquivo: null, isValid: false };\n};\n\nexport const removerArquivo = (id, arquivos, tamanhoTotalArquivos = 0) => {\n const novosAquivos = [];\n let tamanhoTotalMb = tamanhoTotalArquivos;\n\n for (let anexo of arquivos) {\n if (anexo?.id !== id) novosAquivos.push(anexo);\n if (anexo?.id === id) {\n tamanhoTotalMb = parseFloat(tamanhoTotalMb) - parseFloat(converterByteToMb(anexo?.size));\n }\n }\n\n return { tamanhoTotal: tamanhoTotalMb?.toFixed(2), novosAquivos: novosAquivos };\n};\n\nexport const renderArquivos = (arquivos, handleAbrirArquivo, handleRemoverArquivo) => {\n if (arquivos?.length === 0)\n return (\n \n handleAbrirArquivo(item)}>{item?.nomeArquivo || item?.name} \n {item?.data && handleRemoverArquivo(item?.id)}>Apagar }\n
\n );\n })}\n \n );\n};\n\nexport const disableActionPerfil = (cargoAtendenteLogado, statusIndeferidor) => {\n if (cargoAtendenteLogado === ENUM_CARGO.SUPERVISOR) {\n return statusIndeferidor === STATUS_REQUERIMENTO.ABERTO.identificador;\n } else {\n return (\n statusIndeferidor === STATUS_REQUERIMENTO.ABERTO.identificador ||\n statusIndeferidor === STATUS_REQUERIMENTO.EM_ANALISE.identificador ||\n statusIndeferidor === STATUS_REQUERIMENTO.ENCAMINHADO_ATENDENTE.identificador\n );\n }\n};\n\nexport const exibirModalResumoFinalizar = (\n status,\n funcFinalizar,\n titleModalAnterior,\n justificativa,\n arquivos\n) => dispatch => {\n dispatch(\n fetchStatusModal(true, ENUM_MODAL.RESUMO_REQUERIMENTO, {\n funcFinalizar: funcFinalizar,\n status: status,\n modalAnterior: titleModalAnterior,\n justificativa: justificativa,\n arquivos: arquivos,\n })\n );\n};\n\nexport const verificarAvisoFormulario = (statusRequerimento, isEqualsAtendente, functionExecute, status) => {\n if (\n statusRequerimento === STATUS_REQUERIMENTO.ABERTO.identificador ||\n statusRequerimento === STATUS_REQUERIMENTO.ENCAMINHADO_ATENDENTE.identificador ||\n statusRequerimento === STATUS_REQUERIMENTO.DIRECIONADO_OUTRO_ATENDENTE.identificador\n ) {\n functionExecute(status);\n }\n if (!isEqualsAtendente) {\n openModalConfirmacao({\n title: 'Protocolo em atendimento por outro usuário. Deseja realizar essa ação?',\n descricao: '',\n funcSuccess: () => functionExecute(status),\n });\n } else {\n functionExecute(status);\n }\n};\n\nexport const fraseUsuarioSefaz =\n 'Preencha o campo justificativa para que o contribuinte tenha acesso, e se necessário adicione anexos referente a solicitação. Os arquivos devem ser no formato PDF.';\n\nexport const fraseContribuinte =\n 'Preencha o campo justificativa, e se necessário adicione anexos referente a solicitação. Os arquivos devem ser no formato PDF.';\n\nexport const renderFrase = titleModal => {\n if (titleModal === ENUM_MODAL.JUSTIFICATIVA.USUARIO_FRENTE) return fraseUsuarioSefaz;\n if (titleModal === ENUM_MODAL.JUSTIFICATIVA.USUARIO_SETORIAL) return fraseUsuarioSefaz;\n if (titleModal === ENUM_MODAL.JUSTIFICATIVA.CONTRIBUINTE) return fraseContribuinte;\n return '';\n};\n","import React from 'react';\nimport { useDispatch, useSelector } from 'react-redux';\nimport ButtonComponent from 'components/Button';\nimport { fetchAdicionarJustificativa, fetchRetornarParaAtendente } from 'store/fetchActions/fetchFormulario';\nimport { fetchSalvarArquivos } from 'store/fetchActions/fetchArquivo';\nimport { fetchGetTodosStatus } from 'store/fetchActions/fetchInputForm';\nimport { MSG_CAMPO_OBRIGATORIO, STATUS_REQUERIMENTO } from 'utils/consts';\nimport { formatterFileFrontToBack } from 'utils/formatter/arquivos';\nimport { formatterJustificativaFrontToBack } from 'utils/formatter/justificativa';\n\nexport const ButtonModalContribuinte = ({\n setExibirLoading,\n sucessoFinalizar,\n valueJustificativa,\n arquivos,\n setError,\n}) => {\n const dispatch = useDispatch();\n\n const dadosDetalhar = useSelector(state => state.formulario.dadosExibirDetalhar);\n const listaStatus = useSelector(state => state.status.todosStatus);\n\n const validarCampo = justificativa => {\n if (!justificativa) {\n setError('justificativa', { type: 'Custom', message: MSG_CAMPO_OBRIGATORIO });\n return false;\n }\n return true;\n };\n\n const handleRetornarAtendente = () => {\n dispatch(fetchGetTodosStatus(listaStatus))\n .then(todosStatus => {\n const status = todosStatus.find(x => x.identificador === STATUS_REQUERIMENTO.REATENDIMENTO.identificador);\n dispatch(fetchRetornarParaAtendente(dadosDetalhar?.id, status?.id))\n .then(res => sucessoFinalizar(res))\n .catch(() => setExibirLoading(false))\n .finally(() => setExibirLoading(false));\n })\n .catch(() => setExibirLoading(false));\n };\n\n async function salvarJustificativa(novoStatusId) {\n if (!validarCampo(valueJustificativa)) return;\n setExibirLoading(true);\n const arquivosFormatados = await formatterFileFrontToBack(arquivos, {\n id: dadosDetalhar?.id,\n localizador: dadosDetalhar?.localizador,\n });\n const justificativaFormatada = formatterJustificativaFrontToBack(\n valueJustificativa,\n dadosDetalhar?.id,\n null,\n false,\n novoStatusId\n );\n\n dispatch(fetchAdicionarJustificativa(justificativaFormatada))\n .then(() => {\n dispatch(fetchSalvarArquivos(arquivosFormatados))\n .then(() => handleRetornarAtendente())\n .catch(() => setExibirLoading(false));\n })\n .catch(() => setExibirLoading(false));\n }\n\n return (\n salvarJustificativa(STATUS_REQUERIMENTO.REATENDIMENTO.id)}\n css={{ margin: '50px 0px 5px 5px' }}\n />\n );\n};\n\nexport default ButtonModalContribuinte;\n","import React from 'react';\n\nimport { Menu, Tooltip } from 'antd';\nimport { STATUS_REQUERIMENTO } from 'utils/consts';\n\nexport const ButtonDropdownFinalizar = ({ funcHandleIsValid, funcHandleFinalizar }) => {\n return (\n \n funcHandleIsValid(funcHandleFinalizar, STATUS_REQUERIMENTO.SOLICITACAO_ATENDIDA)}\n >\n \n Solicitação Atendida\n \n \n funcHandleIsValid(funcHandleFinalizar, STATUS_REQUERIMENTO.FINALIZADO_PROCESSO_GERADO)}\n >\n \n Finalizado - Processo Gerado\n \n \n funcHandleIsValid(funcHandleFinalizar, STATUS_REQUERIMENTO.FINALIZADO_DEFERIDO)}\n >\n \n Finalizado Deferido\n \n \n funcHandleIsValid(funcHandleFinalizar, STATUS_REQUERIMENTO.FINALIZADO_INDEFERIDO)}\n >\n \n Finalizado Indeferido\n \n \n \n );\n};\n\nexport default ButtonDropdownFinalizar;\n","import {\n STATUS_REQUERIMENTO,\n MSG_TOOLTIP_SALVAR_TEXTO,\n MSG_TOOLTIP_SALVAR_DEVOLVER,\n MSG_TOOLTIP_FINALIZAR,\n MSG_TOOLTIP_ENCAMINHAR,\n MSG_TOOLTIP_ADICIONAR_ANALISE,\n MSG_TOOLTIP_ADICIONAR_ATENDIMENTO,\n MSG_TOOLTIP_CANCELAR,\n} from 'utils/consts';\nimport { ENUM_TIPO_PERFIL } from 'utils/permissao';\nimport { replaceFromTagHtml } from 'utils/funcaoPadrao';\n\nexport const verificarButtonAnalise = statusIndeferidor => {\n const retorno = { showButtonAddAnalise: false, showButtonRemoveAnalise: false };\n\n if (\n statusIndeferidor === STATUS_REQUERIMENTO.FINALIZADO_DEFERIDO.identificador ||\n statusIndeferidor === STATUS_REQUERIMENTO.FINALIZADO_INDEFERIDO.identificador ||\n statusIndeferidor === STATUS_REQUERIMENTO.FINALIZADO_PROCESSO_GERADO.identificador ||\n statusIndeferidor === STATUS_REQUERIMENTO.DEVOLVIDO_CONTRIBUINTE.identificador ||\n statusIndeferidor === STATUS_REQUERIMENTO.REATENDIMENTO.identificador ||\n statusIndeferidor === STATUS_REQUERIMENTO.ENCAMINHADO_ATENDENTE.identificador\n ) {\n retorno.showButtonAddAnalise = false;\n retorno.showButtonRemoveAnalise = false;\n }\n if (statusIndeferidor === STATUS_REQUERIMENTO.EM_ANALISE.identificador) {\n retorno.showButtonAddAnalise = false;\n retorno.showButtonRemoveAnalise = true;\n }\n if (statusIndeferidor === STATUS_REQUERIMENTO.EM_ATENDIMENTO.identificador) {\n retorno.showButtonAddAnalise = true;\n retorno.showButtonRemoveAnalise = false;\n }\n return retorno;\n};\n\nexport const getMensagemTooltip = (exibirBtnAdicionarAnalise, exibirBtnRemoverAnalise, userProfile) => {\n let mensagemTooltip = '';\n\n mensagemTooltip += replaceFromTagHtml(MSG_TOOLTIP_SALVAR_TEXTO, 'Salvar Texto:', 'Justificativa');\n mensagemTooltip += replaceFromTagHtml(MSG_TOOLTIP_SALVAR_DEVOLVER, 'Salvar e Devolver:', 'Justificativa');\n mensagemTooltip += replaceFromTagHtml(MSG_TOOLTIP_FINALIZAR, 'Finalizar Atendimento:', 'Justificativa');\n mensagemTooltip += replaceFromTagHtml(MSG_TOOLTIP_ENCAMINHAR, 'Encaminhar Atendimento:', '');\n\n if (exibirBtnAdicionarAnalise) {\n mensagemTooltip += replaceFromTagHtml(MSG_TOOLTIP_ADICIONAR_ANALISE, 'Alterar para Em Análise:', '');\n }\n if (exibirBtnRemoverAnalise) {\n mensagemTooltip += replaceFromTagHtml(\n MSG_TOOLTIP_ADICIONAR_ATENDIMENTO,\n 'Alterar para Em Atendimento:',\n 'Justificativa'\n );\n }\n if (userProfile === ENUM_TIPO_PERFIL.SUPERVISOR) {\n mensagemTooltip += replaceFromTagHtml(MSG_TOOLTIP_CANCELAR, 'Cancelar Requerimento:', 'Justificativa');\n }\n\n return (\n salvarJustificativa(true, dadosDetalhar?.status?.id)}\n css={{ margin: '5px' }}\n disabled={disableActionPerfil(atendenteLogado?.cargoId, dadosDetalhar?.status?.identificador)}\n messageTooltip={MSG_TOOLTIP_SALVAR_TEXTO}\n />\n \n verificarAlteracaoStatus(salvarJustificativaAlterarStatus, STATUS_REQUERIMENTO.DEVOLVIDO_CONTRIBUINTE)\n }\n css={{ margin: '5px' }}\n disabled={disableActionPerfil(atendenteLogado?.cargoId, dadosDetalhar?.status?.identificador)}\n messageTooltip={MSG_TOOLTIP_SALVAR_DEVOLVER}\n />\n verificarAlteracaoStatus(handleEncaminharRequerimento, null)}\n css={{ margin: '5px' }}\n disabled={disableActionPerfil(atendenteLogado?.cargoId, dadosDetalhar?.status?.identificador)}\n messageTooltip={MSG_TOOLTIP_ENCAMINHAR}\n />\n verificarAlteracaoStatus(salvarJustificativaAlterarStatus, STATUS_REQUERIMENTO.EM_ANALISE)}\n css={{ margin: '5px' }}\n disabled={\n dadosDetalhar?.status?.identificador === STATUS_REQUERIMENTO.ABERTO.identificador ||\n dadosDetalhar?.status?.identificador === STATUS_REQUERIMENTO.ENCAMINHADO_ATENDENTE.identificador\n }\n messageTooltip={MSG_TOOLTIP_ADICIONAR_ANALISE}\n />\n )}\n {showButtonRemoveAnalise && (\n \n verificarAlteracaoStatus(salvarJustificativaAlterarStatus, STATUS_REQUERIMENTO.EM_ATENDIMENTO)\n }\n css={{ margin: '5px' }}\n disabled={\n dadosDetalhar?.status?.identificador === STATUS_REQUERIMENTO.ABERTO.identificador ||\n dadosDetalhar?.status?.identificador === STATUS_REQUERIMENTO.ENCAMINHADO_ATENDENTE.identificador\n }\n messageTooltip={MSG_TOOLTIP_ADICIONAR_ATENDIMENTO}\n />\n )}\n {user?.profile === ENUM_TIPO_PERFIL.SUPERVISOR && (\n verificarAlteracaoStatus(salvarJustificativaAlterarStatus, STATUS_REQUERIMENTO.CANCELADO)}\n css={{ margin: '5px', cor: '#d40d27' }}\n disabled={\n dadosDetalhar?.status?.identificador === STATUS_REQUERIMENTO.FINALIZADO_DEFERIDO.identificador ||\n dadosDetalhar?.status?.identificador === STATUS_REQUERIMENTO.FINALIZADO_PROCESSO_GERADO.identificador ||\n dadosDetalhar?.status?.identificador === STATUS_REQUERIMENTO.FINALIZADO_INDEFERIDO.identificador ||\n dadosDetalhar?.status?.identificador === STATUS_REQUERIMENTO.CANCELADO.identificador\n }\n messageTooltip={MSG_TOOLTIP_CANCELAR}\n />\n )}\n salvarJustificativa(true, dadosDetalhar?.status?.id)}\n css={{ margin: '5px' }}\n disabled={dadosDetalhar?.status?.identificador === STATUS_REQUERIMENTO.ABERTO.identificador}\n messageTooltip={MSG_TOOLTIP_SALVAR_TEXTO}\n />\n \n verificarAlteracaoStatus(salvarJustificativaAlterarStatus, STATUS_REQUERIMENTO.DEVOLVIDO_CONTRIBUINTE)\n }\n css={{ margin: '5px' }}\n disabled={disableActionPerfil(atendenteLogado?.cargoId, dadosDetalhar?.status?.identificador)}\n messageTooltip={MSG_TOOLTIP_SALVAR_DEVOLVER}\n />\n verificarAlteracaoStatus(handleRetornarRequerimento, null)}\n css={{ margin: '5px' }}\n disabled={dadosDetalhar?.status?.identificador === STATUS_REQUERIMENTO.ABERTO.identificador}\n messageTooltip={MSG_TOOLTIP_ATENDENTE_ANTERIOR}\n />\n {atendenteLogado?.cargoId !== ENUM_CARGO.ATENDENTE && (\n verificarAlteracaoStatus(handleEncaminharRequerimento, null)}\n css={{ margin: '5px' }}\n disabled={disableActionPerfil(atendenteLogado?.cargoId, dadosDetalhar?.status?.identificador)}\n messageTooltip={MSG_TOOLTIP_ENCAMINHAR}\n />\n )}\n verificarAlteracaoStatus(salvarJustificativaAlterarStatus, STATUS_REQUERIMENTO.EM_ANALISE)}\n css={{ margin: '5px' }}\n disabled={dadosDetalhar?.status?.identificador === STATUS_REQUERIMENTO.ABERTO.identificador}\n messageTooltip={MSG_TOOLTIP_ADICIONAR_ANALISE}\n />\n )}\n {showButtonRemoveAnalise && (\n \n verificarAlteracaoStatus(salvarJustificativaAlterarStatus, STATUS_REQUERIMENTO.EM_ATENDIMENTO)\n }\n css={{ margin: '5px' }}\n disabled={dadosDetalhar?.status?.identificador === STATUS_REQUERIMENTO.ABERTO.identificador}\n messageTooltip={MSG_TOOLTIP_ADICIONAR_ATENDIMENTO}\n />\n )}\n \n Fechar\n ,\n ]}\n >\n \n \n \n \n {renderFrase(thisModalState.title)}\n {`${watch('justificativa').length}/2000`} \n {tamanhoTotalArquivos} MB/10 MB \n \n {thisModalState.title === ENUM_MODAL.JUSTIFICATIVA.CONTRIBUINTE\n ? renderInputContribuinte()\n : renderInputSefaz()}\n \n fetchDownloadTodosArquivos(requerimentoDetalhe?.id)}\n style={{ marginLeft: '10px' }}\n disabled={requerimentoDetalhe?.arquivos?.length === 0}\n />\n
\n {renderArquivos(arquivos, handleAbrirArquivo, handleRemoverArquivo)}\n {renderButtons()}
\n
\n \n \n \n );\n};\n\nexport default ModalGenericoJustificativa;\n","import styled from 'styled-components';\n\nexport const Label = styled.p`\n margin: 10px 10px 20px 0px;\n`;\n\nexport const TituloAcessoNegado = styled.h2`\n text-align: center;\n font-weight: 800;\n font-size: 25pt;\n color: var(--red-color-sefaz);\n`;\n\nexport const FraseAcessoNegado = styled.p`\n margin: 0px;\n margin-bottom: ${props => props.marginBottom};\n`;\n\nexport const ContainerRowAcessoNegado = styled.div`\n margin-top: 46px;\n display: flex;\n justify-content: center;\n\n svg {\n font-size: 40pt;\n margin-top: 0px;\n color: var(--red-color-sefaz);\n\n animation-name: tamanho;\n animation-duration: 4s;\n animation-iteration-count: infinite;\n\n @keyframes tamanho {\n 0% {\n font-size: 30pt;\n }\n 25% {\n font-size: 35pt;\n }\n 50% {\n font-size: 30pt;\n }\n 75% {\n font-size: 35pt;\n }\n 100% {\n font-size: 30pt;\n }\n }\n }\n`;\n","import React from 'react';\nimport { useSelector } from 'react-redux';\nimport { Modal, Row } from 'antd';\nimport { ApiFilled, UserDeleteOutlined, SolutionOutlined } from '@ant-design/icons';\nimport Loading from 'components/Loading';\nimport ButtonComponent from 'components/Button';\nimport { ENUM_STATUS_ATIVO, ENUM_MODAL, USUARIO_LOGADO_FAS } from 'utils/consts';\nimport { getLabelCargoFas } from 'utils/funcaoPadrao';\nimport { signOut } from 'services/auth';\nimport * as S from './styles';\n\nexport const ModalAcessoNegado = () => {\n const modalState = useSelector(state => state.app.modalAcessoNegado);\n const atendenteLogado = useSelector(state => state.atendente.atendenteLogado);\n const user = useSelector(state => state.sefaz.userProfile);\n\n const cargoFaz = getLabelCargoFas(atendenteLogado?.cargoId, atendenteLogado?.isSetorial);\n\n const chooseModal = () => {\n if (modalState?.title === ENUM_MODAL.CADASTRO_PENDENTE) return renderCadastroPendente();\n if (modalState?.title === ENUM_MODAL.PERFIL_DIVERGENTE) return renderPerfilDivergente();\n if (modalState?.title === ENUM_MODAL.PERFIL_SEM_CADASTRO_NO_FAS) return renderPerfilSemCadastro();\n return null;\n };\n\n const getMensagemPerfilDivergente = () => {\n return (\n <>\n \n Olá {user?.given_name?.split(' ')[0]}, seu perfil contem divergências.\n \n \n Seu perfil no eSefaz , (sistema de autenticação da Sefaz) é de {user?.profile} e no FAS {' '}\n (Formulário de Atendimento Sefaz) o seu perfil atual é de {cargoFaz}, isso gera uma inconsistência, impedindo\n seu acesso ao sistema.\n \n \n );\n };\n\n const getMensagemPerfilInativo = () => {\n return (\n <>\n \n Olá {user?.given_name?.split(' ')[0]}, seu perfil está inativo.\n \n \n Seu perfil cadastrado do FAS está como inativo, isso está impedindo seu acesso ao sistema.\n \n \n );\n };\n\n const getMensagemPerfilPendenteAprovacao = () => {\n return (\n <>\n \n Olá {user?.given_name?.split(' ')[0]}, seu perfil está pendente de aprovação.\n \n \n Seu perfil cadastrado do FAS está pendente, isso está impedindo seu acesso ao sistema.\n \n \n );\n };\n\n const getMensagemSemPerfilFas = () => {\n return (\n <>\n \n Olá {user?.given_name?.split(' ')[0]}, seu perfil não está cadastrado no FAS.\n \n \n Para regularizar seu acesso, solicite ao Supervisor o cadastro de suas informações.\n \n \n );\n };\n\n const renderCadastroPendente = () => {\n return (\n \n
Cadastro Pendente de Aprovação \n
\n \n
\n \n
\n {getMensagemPerfilPendenteAprovacao()}\n \n \n signOut(null, true)} css={{ margin: '5px' }} />\n
\n \n \n
\n
Acesso Negado \n
\n \n
\n \n
\n {getMensagemSemPerfilFas()}\n \n \n signOut(null, true)} css={{ margin: '5px' }} />\n
\n \n \n
\n
Acesso Negado \n
\n \n \n
\n {modalState?.props?.situacaoId === ENUM_STATUS_ATIVO.ATIVO.value\n ? getMensagemPerfilDivergente()\n : getMensagemPerfilInativo()}\n \n \n {\n sessionStorage.removeItem(USUARIO_LOGADO_FAS);\n window.location.reload();\n }}\n css={{ margin: '5px' }}\n />\n signOut(null, true)}\n css={{ margin: '5px' }}\n />\n
\n \n \n
{}}\n width={modalState?.props?.width ?? 800}\n closable={false}\n >\n {chooseModal()} \n \n );\n};\n\nexport default ModalAcessoNegado;\n","import styled from 'styled-components';\n\nexport const ContainerLabel = styled.div`\n margin: 10px 10px 20px 0px;\n`;\n\nexport const Titulo = styled.h2`\n font-family: 'Roboto', 'Open Sans', 'sans-serif';\n text-align: center;\n font-weight: 800;\n font-size: 18pt;\n color: var(--primary-color-sefaz);\n`;\n\nexport const FraseAcessoSolicitacao = styled.div`\n margin: 0 5px 30px 5px;\n padding: 10px;\n text-align: center;\n border-radius: 10px;\n -webkit-box-shadow: 0px 29px 41px -53px rgba(0, 0, 0, 0.75);\n -moz-box-shadow: 0px 29px 41px -53px rgba(0, 0, 0, 0.75);\n box-shadow: 0px 29px 41px -53px rgba(0, 0, 0, 0.75);\n\n button {\n margin: 5px;\n }\n\n i {\n font-size: 9pt;\n }\n\n .ant-row {\n justify-content: center;\n }\n`;\n\nexport const TituloSolicitacao = styled.p`\n font-size: 13pt;\n margin-top: 10px;\n margin-bottom: 5px;\n text-align: center;\n`;\n\nexport const ContainerRow = styled.div`\n margin-top: 46px;\n display: flex;\n justify-content: center;\n\n svg {\n font-size: 40pt;\n margin-top: 0px;\n color: var(--primary-color-sefaz);\n\n animation-name: tamanho;\n animation-duration: 4s;\n animation-iteration-count: infinite;\n\n @keyframes tamanho {\n 0% {\n rotate: 30deg;\n }\n 25% {\n rotate: -30deg;\n }\n 50% {\n rotate: 30deg;\n }\n 75% {\n rotate: -30deg;\n }\n 100% {\n rotate: 30deg;\n }\n }\n }\n`;\n","import React, { useState } from 'react';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { useHistory } from 'react-router-dom';\nimport { Modal, Button, Row } from 'antd';\nimport { BellOutlined, UserAddOutlined } from '@ant-design/icons';\nimport Loading from 'components/Loading';\nimport ButtonIcon from 'components/Button/ButtonIcon';\nimport { fetchNotificationApp, fetchStatusModalUsuarioPendente } from 'store/fetchActions/fetchApp';\nimport { fetchAtualizarAtendente, fetchGetAtendenteById } from 'store/fetchActions/fetchAtendente';\nimport { ENUM_CONDICAO_STATUS, MSG_ATENDENTE_EDITADO_SECESSO, ALERTA } from 'utils/consts';\nimport { convertDatePtBrHs } from 'utils/dateFormatter';\nimport { formatterAtendenteBackToBackUpdate } from 'utils/formatter/atendente';\nimport { getLabelCargoFas } from 'utils/funcaoPadrao';\nimport { cpfMaskView } from 'utils/masks';\nimport * as S from './styles';\n\nexport const ModalAcessoNegado = () => {\n const dispatch = useDispatch();\n const history = useHistory();\n\n const user = useSelector(state => state.sefaz.userProfile);\n const modalState = useSelector(state => state.app.modalUsuarioPendente);\n const modalAcessoNegado = useSelector(state => state.app.modalAcessoNegado);\n\n const [listaAtendentePendente, setListaAtendentePendente] = useState(modalState?.props?.lista || []);\n\n const onClose = () => {\n dispatch(fetchStatusModalUsuarioPendente(false, modalState?.title));\n };\n\n React.useEffect(() => {\n if (modalAcessoNegado?.isOpen && modalState?.isOpen) {\n dispatch(fetchStatusModalUsuarioPendente(false, modalState?.title));\n }\n }, [dispatch, modalAcessoNegado, modalState]);\n\n React.useEffect(() => {\n setListaAtendentePendente(modalState?.props?.lista || []);\n }, [modalState]);\n\n React.useEffect(() => {\n if (modalState?.props?.lista?.length > 0 && listaAtendentePendente?.length === 0) {\n onClose();\n }\n // eslint-disable-next-line\n }, [listaAtendentePendente]);\n\n const handleAceitar = atendente => {\n const atendenteSalvar = { ...atendente, condicaoId: ENUM_CONDICAO_STATUS.APROVADO.id };\n const dadosFormatados = formatterAtendenteBackToBackUpdate(atendenteSalvar, user?.cpf_cnpj);\n dispatch(fetchAtualizarAtendente(dadosFormatados)).then(() => {\n setListaAtendentePendente(listaAtendentePendente.filter(x => x.id !== atendente.id));\n fetchNotificationApp(MSG_ATENDENTE_EDITADO_SECESSO, '', ALERTA.SUCESSO);\n });\n };\n\n const handleRecusar = atendente => {\n const atendenteSalvar = { ...atendente, condicaoId: ENUM_CONDICAO_STATUS.RECUSADO.id };\n const dadosFormatados = formatterAtendenteBackToBackUpdate(atendenteSalvar, user?.cpf_cnpj);\n dispatch(fetchAtualizarAtendente(dadosFormatados)).then(() => {\n setListaAtendentePendente(listaAtendentePendente.filter(x => x.id !== atendente.id));\n fetchNotificationApp(MSG_ATENDENTE_EDITADO_SECESSO, '', ALERTA.SUCESSO);\n });\n };\n\n const handleDetalhar = atendente => {\n dispatch(fetchGetAtendenteById(atendente?.id, history));\n onClose();\n };\n\n const renderPerfilSemCadastro = () => {\n return (\n \n
\n Existe ({listaAtendentePendente?.length}) novas solicitações de usuários aguardando sua aprovação.\n \n
\n \n
\n \n
\n {listaAtendentePendente?.map(atendente => {\n return (\n \n \n {atendente?.apelido} {atendente?.email} \n \n {atendente?.nome} de CPF {cpfMaskView(atendente?.documento)} , gostaria de ativar o\n cadastro no FAS como\n {getLabelCargoFas(atendente?.cargoId, atendente?.isSetorial)} \n \n {convertDatePtBrHs(atendente?.dataCadastro)} \n
\n \n handleAceitar(atendente)}\n tooltipMessage={'Aceitar'}\n />\n handleRecusar(atendente)}\n tooltipMessage={'Recusar'}\n />\n handleDetalhar(atendente)}\n tooltipMessage={'Detalhar'}\n />\n
\n \n );\n })}\n \n
\n Fechar\n ,\n ]}\n >\n {renderPerfilSemCadastro()} \n \n );\n};\n\nexport default ModalAcessoNegado;\n","export default __webpack_public_path__ + \"static/media/notFound.24a9fe6c.svg\";","import styled from 'styled-components';\n\nexport const Contain = styled.div`\n height: 100%;\n text-align: center;\n width: 50%;\n margin: auto;\n`;\n\nexport const Image = styled.img`\n height: 50%;\n width: 60%;\n margin: auto;\n`;\n\nexport const Titulo = styled.h1`\n color: #263238;\n font-weight: bold;\n font-size: 80pt;\n margin-bottom: 0px;\n text-align: center;\n`;\n\nexport const Subtitulo = styled.p`\n color: #263238;\n font-weight: bold;\n font-size: 12pt;\n margin: 0px;\n margin-bottom: 33px;\n text-align: center;\n`;\n","import React from 'react';\nimport ImagemNotFound from 'assets/img/notFound.svg';\nimport * as S from './styles';\nimport { altImageNotFound } from 'utils/acessibilidade';\n\nexport default function NotFound() {\n return (\n \n 404 \n Página não encontrada \n \n );\n}\n","import React, { useEffect } from 'react';\nimport { useHistory } from 'react-router-dom';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { Loading } from 'components/Loading';\nimport { fetchUserSigninCallback } from 'services/auth';\nimport { USUARIO_LOGADO_FAS } from 'utils/consts';\n\nexport const SigninRedirect = () => {\n // PÁGINA NECESSÁRIA PARA AUTENTICAÇÃO\n const history = useHistory();\n const dispatch = useDispatch();\n\n const unitaryTests = useSelector(state => state.app.unitaryTests);\n\n useEffect(() => {\n if (unitaryTests) return;\n dispatch(fetchUserSigninCallback(history.push));\n sessionStorage.removeItem(USUARIO_LOGADO_FAS);\n }, [dispatch, history, unitaryTests]);\n\n return \n \n Agora ficou mais fácil de ver todas as suas solicitações na SEFAZ! \n \n history.push(privateRoot)} color=\"white\" />\n \n history.push(publicRoot)}>\n Ou acesse aqui para visualizar sem login.\n
\n \n \n );\n}\n","import React from 'react';\nimport { useDispatch } from 'react-redux';\nimport { BrowserRouter, Switch, Route } from 'react-router-dom';\n\nimport PublicRoutes from './public';\nimport PrivateRoutes from './private';\n\nimport Footer from 'components/Footer';\nimport Alert from 'components/Alert';\nimport Loading from 'components/Loading';\nimport Modal from 'components/Modal/ModalGenerico';\nimport ModalColor from 'components/Modal/ModalColor';\nimport ModalEncaminhar from 'components/Modal/ModalEncaminhar/index';\nimport ModalJustificativa from 'components/Modal/ModalJustificativa/index';\nimport ModalAcessoNegado from 'components/Modal/ModalAcessoNegado';\nimport ModalUsuarioPendente from 'components/Modal/ModalUsuarioPendente';\nimport PageNotFound from 'pages/NotFound';\n\nimport SigninRedirect from 'pages/SigninRedirect';\nimport Home from 'pages/Home';\nimport { saveChangeLibras } from 'utils/acessibilidade';\nexport const paths = require('./paths');\n\nexport default function Routes() {\n const dispatch = useDispatch();\n\n React.useEffect(() => {\n dispatch(saveChangeLibras());\n }, [dispatch]);\n\n return (\n \n \n \n \n \n \n \n \n );\n}\n","import { createGlobalStyle } from 'styled-components';\nimport 'antd/dist/antd.css';\n\nexport default createGlobalStyle`\n\n*{\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\nbody{\n background: var(--background-color-sefaz);\n overflow-x: hidden;\n}\n#root{\n width: 100%;\n height: 100vh;\n}\n\n:root .contraste-theme {\n --font-tamanho: 12pt;\n\n /* --primary-color-sefaz: #FFD700; */\n --primary-color-sefaz: #FFFFFF;\n --footer-color-sefaz: var(--bottom-color-sefaz);\n --background-color-sefaz: #000000;\n --background-second-sefaz: #000000;\n --bottom-color-sefaz: #000000;\n /* --texto-color: #FFD700; */\n --texto-color: #FFFFFF;\n --cinza-color: #353535;\n --cinza-claro-color: #A0A0A0;\n --red-color-sefaz: #C62828;\n\n\n color: var(--texto-color);\n\n .ant-dropdown-link{\n &[disabled] {\n color: var(--cinza-claro-color);\n }\n }\n\n /* MENU */\n .ant-menu-item-active {\n background-color: var(--background-color-sefaz);\n color: var(--texto-color)\n }\n\n .acessibity-icon {\n filter: invert(100%);\n }\n\n .ant-menu-vertical {\n background-color: var(--background-second-sefaz);\n color: var(--texto-color)\n }\n\n /* INPUT TEXT */\n .ant-input {\n background-color: var(--background-color-sefaz);\n color: var(--texto-color);\n\n &[disabled] {\n color: var(--cinza-claro-color);\n }\n \n ::placeholder {\n color: var(--cinza-claro-color);\n }\n }\n\n /* CK EDITOR */\n .ck,\n .ck-content,\n .ck-editor__editable,\n .ck-rounded-corners,\n .ck-editor__editable_inline,\n .ck-blurred {\n background-color: var(--background-color-sefaz);\n color: var(--texto-color)\n }\n\n .ck .ck-content .ck-editor__editable .ck-rounded-corners .ck-editor__editable_inline .ck-blurred{\n background-color: var(--background-color-sefaz);\n color: var(--texto-color)\n }\n\n /* INPUT SELECT */\n .ant-select-selector {\n background-color: var(--background-color-sefaz) !important;\n }\n\n .ant-select-dropdown {\n background-color: var(--background-color-sefaz);\n }\n\n .ant-select-item-option-disabled {\n background-color: var(--background-color-sefaz);\n color: var(--cinza-color)\n }\n\n .ant-select-item-option-active {\n background-color: var(--background-second-sefaz);\n }\n\n .ant-select-arrow {\n color: var(--primary-color-sefaz);\n }\n\n .ant-select-item,\n .ant-select-item-option,\n .ant-select-item-option-active,\n .ant-select-dropdown {\n color: var(--texto-color);\n }\n\n .ant-select-selection-item {\n background-color: transparent;\n color: var(--texto-color);\n }\n\n .ant-select .ant-select-selection-placeholder {\n color: var(--cinza-claro-color);\n }\n \n .ant-select-clear {\n color: var(--cinza-claro-color);\n }\n\n /* INPUT-DATA */\n .ant-picker,\n .ant-picker-range,\n .ant-picker-focused,\n .ant-picker-date-panel,\n .ant-picker-year-panel,\n .ant-picker-month-panel,\n .ant-picker-week-panel {\n background-color: var(--background-color-sefaz);\n color: var(--texto-color);\n }\n\n .ant-picker-content td {\n background-color: var(--background-color-sefaz);\n color: var(--texto-color);\n\n &:hover {\n .ant-picker-cell-inner {\n background-color: var(--background-color-sefaz);\n color: var(--texto-color);\n\n }\n }\n }\n\n .ant-picker-cell-inner,\n .ant-picker-header {\n color: var(--texto-color);\n }\n\n .ant-picker-super-prev-icon,\n .ant-picker-super-next-icon,\n .ant-picker-prev-icon,\n .ant-picker-next-icon {\n color: var(--texto-color);\n }\n\n .ant-picker-input input {\n color: var(--texto-color);\n }\n\n .ant-picker-date-panel .ant-picker-content th {\n color: var(--texto-color);\n }\n\n .ant-picker-body {\n background-color: var(--background-color-sefaz);\n }\n\n .ant-picker-body th {\n color: var(--texto-color);\n }\n\n .ant-picker-separator, .ant-picker-suffix {\n color: var(--cinza-claro-color);\n }\n\n /* ICON */\n .anticon,\n svg {\n background-color: transparent;\n }\n\n .anticon-close-circle {\n background-color: var(--background-color-sefaz);\n }\n\n /* TABELA */\n .ant-table-wrapper {\n border: 2px solid var(--background-second-sefaz);\n border-radius: 5px;\n }\n\n .ant-table-cell {\n background-color: var(--background-color-sefaz);\n color: var(--texto-color);\n }\n\n .ant-table-cell-row-hover {\n background-color: var(--background-second-sefaz) !important;\n }\n\n /* PAGINACAO */\n .ant-pagination-item,\n .ant-pagination-item-link {\n background-color: var(--background-color-sefaz);\n color: var(--texto-color) !important;\n }\n\n .ant-pagination-item a {\n background-color: var(--background-color-sefaz);\n color: var(--texto-color);\n }\n\n /* BUTTON */\n\n .ant-btn {\n background-color: var(--background-color-sefaz);\n color: var(--texto-color);\n\n &:hover {\n background-color: var(--background-second-sefaz);\n color: var(--texto-color);\n }\n }\n\n /* MODAL */\n .ant-modal-header,\n .ant-modal-content,\n .ant-modal-title {\n background-color: var(--background-color-sefaz);\n color: var(--texto-color);\n }\n\n /* NOTIFICAÇÃO */\n .ant-notification-notice,\n .ant-notification-notice-message {\n background-color: var(--background-second-sefaz);\n color: var(--texto-color);\n }\n\n .ant-notification-notice-icon {\n background-color: var(--background-second-sefaz);\n }\n\n /* COMENTÁRIOS */\n .ant-comment-content-author-name,\n .ant-comment-content-author-time {\n color: var(--texto-color);\n }\n\n /* CARDS */\n .ant-card {\n background-color: var(--background-color-sefaz);\n color: var(--texto-color);\n }\n .ant-card-head-title {\n color: var(--texto-color);\n }\n}\n\n:root .dark-theme {\n --font-tamanho: 12pt;\n\n --primary-color-sefaz: #0078bb;\n --footer-color-sefaz: var(--primary-color-sefaz);\n --background-color-sefaz: #383838;\n --background-second-sefaz: #272727;\n --bottom-color-sefaz: #3b3b3b;\n --texto-color: #FFFFFF;\n --texto-contraste-color: #070707;\n --cinza-color: #cbc8cf;\n --cinza-claro-color: #A0A0A0;\n --red-color-sefaz: #C62828;\n\n --grey-color-sefaz: #939BB9;\n --black-color-sefaz: #202020;\n\n color: var(--texto-color);\n\n ::placeholder {\n color: var(--cinza-claro-color);\n }\n\n .ant-dropdown-link{\n &[disabled] {\n color: var(--cinza-claro-color);\n }\n }\n\n /* MENU */\n .ant-menu-item-active {\n background-color: var(--background-color-sefaz);\n color: var(--texto-color);\n }\n\n .acessibity-icon {\n filter: invert(100%);\n }\n\n .ant-menu-vertical {\n background-color: var(--background-second-sefaz);\n color: var(--texto-color);\n }\n\n /* INPUT TEXT */\n .ant-input {\n background-color: var(--background-color-sefaz);\n color: var(--texto-color);\n\n &[disabled] {\n color: var(--cinza-claro-color);\n }\n\n ::placeholder {\n color: var(--cinza-claro-color);\n }\n }\n\n #refInputTextAcessibilidade{\n background-color: transparent !important;\n }\n\n /* CK EDITOR */\n .ck,\n .ck-content,\n .ck-editor__editable,\n .ck-rounded-corners,\n .ck-editor__editable_inline,\n .ck-blurred {\n background-color: var(--background-color-sefaz);\n color: var(--texto-color)\n }\n\n .ck .ck-content .ck-editor__editable .ck-rounded-corners .ck-editor__editable_inline .ck-blurred {\n background-color: var(--background-color-sefaz);\n color: var(--texto-color);\n }\n\n /* INPUT SELECT */\n .ant-select-selector {\n background-color: var(--background-color-sefaz) !important;\n }\n\n .ant-select-dropdown {\n background-color: var(--background-color-sefaz);\n }\n\n .ant-select-item-option-disabled {\n background-color: var(--background-color-sefaz);\n color: var(--cinza-color);\n }\n\n .ant-select-item-option-active {\n background-color: var(--background-second-sefaz);\n }\n\n .ant-select-arrow {\n color: var(--primary-color-sefaz);\n }\n\n .ant-select-item,\n .ant-select-item-option,\n .ant-select-item-option-active,\n .ant-select-dropdown {\n color: var(--texto-color);\n }\n\n .ant-select-selection-item {\n background-color: transparent;\n color: var(--cinza-color);\n }\n\n .ant-select.ant-select-selection-placeholder {\n color: var(--cinza-claro-color);\n }\n\n .ant-select-clear {\n color: var(--cinza-claro-color);\n }\n\n /* INPUT-DATA */\n .ant-picker,\n .ant-picker-range,\n .ant-picker-focused,\n .ant-picker-date-panel,\n .ant-picker-year-panel,\n .ant-picker-month-panel,\n .ant-picker-week-panel {\n background-color: var(--background-color-sefaz);\n color: var(--texto-color);\n }\n\n .ant-picker-content td {\n background-color: var(--background-color-sefaz);\n color: var(--texto-color);\n\n &:hover {\n .ant-picker-cell-inner {\n background-color: var(--background-color-sefaz);\n color: var(--texto-color);\n\n }\n }\n }\n\n .ant-picker-cell-inner,\n .ant-picker-header {\n color: var(--texto-color);\n }\n\n .ant-picker-super-prev-icon,\n .ant-picker-super-next-icon,\n .ant-picker-prev-icon,\n .ant-picker-next-icon {\n color: var(--texto-color);\n }\n\n .ant-picker-input input {\n color: var(--texto-color);\n }\n\n .ant-picker-date-panel .ant-picker-content th {\n color: var(--texto-color);\n }\n\n .ant-picker-body {\n background-color: var(--background-color-sefaz);\n }\n\n .ant-picker-body th {\n color: var(--texto-color);\n }\n\n .ant-picker-separator, .ant-picker-suffix {\n color: var(--cinza-claro-color);\n }\n\n /* ICON */\n .anticon,\n svg {\n background-color: transparent;\n }\n\n .anticon-close-circle {\n background-color: var(--background-color-sefaz);\n }\n\n /* TABELA */\n .ant-table-wrapper {\n border: 2px solid var(--background-second-sefaz);\n border-radius: 5px;\n }\n\n .ant-table-cell {\n background-color: var(--background-color-sefaz);\n color: var(--texto-color);\n }\n\n .ant-table-cell-row-hover {\n background-color: var(--background-second-sefaz) !important;\n }\n\n /* PAGINACAO */\n .ant-pagination-item,\n .ant-pagination-item-link {\n background-color: var(--background-color-sefaz);\n color: var(--texto-color) !important;\n }\n\n .ant-pagination-item a {\n background-color: var(--background-color-sefaz);\n color: var(--texto-color);\n }\n\n /* BUTTON */\n\n .ant-btn {\n background-color: var(--background-color-sefaz);\n color: var(--texto-color);\n\n &:hover {\n background-color: var(--background-second-sefaz);\n color: var(--texto-color);\n }\n }\n\n /* MODAL */\n .ant-modal-header,\n .ant-modal-content,\n .ant-modal-title {\n background-color: var(--background-color-sefaz);\n color: var(--texto-color);\n }\n\n /* NOTIFICAÇÃO */\n .ant-notification-notice,\n .ant-notification-notice-message {\n background-color: var(--background-second-sefaz);\n color: var(--texto-color);\n }\n\n .ant-notification-notice-icon {\n background-color: var(--background-second-sefaz);\n }\n\n /* COMENTÁRIOS */\n .ant-comment-content-author-name,\n .ant-comment-content-author-time {\n color: var(--texto-color);\n }\n\n /* CARDS */\n .ant-card {\n background-color: var(--background-color-sefaz);\n color: var(--texto-color);\n }\n .ant-card-head-title {\n color: var(--texto-color);\n }\n}\n\n@media (min-width: 700px){\n :root{\n font-size: 62.5%;\n }\n}\n`;\n","import React from 'react';\n\nimport Routes from 'routes';\n\nimport './global.css';\nimport GlobalStyle from './global.js';\n\nfunction App() {\n return (\n <>\n \n \n \n \n \n ,\n document.getElementById('root')\n);\n"],"sourceRoot":""}