apagarRelatorio(abrirModalExclusao.id)}\r\n textHeader=\"Alerta Exclusão\"\r\n isOpen={abrirModalExclusao.isOpen}\r\n onClick={() => setAbrirModalExclusao({ id: null, isOpen: false })}\r\n isLoading={false}\r\n text={}\r\n />\r\n \r\n );\r\n};\r\n\r\nexport default TableBodyRelatorios;\r\n","import { TableRow } from '@unimed-fesp/components';\r\nimport React from 'react';\r\nimport { useSelector } from 'react-redux';\r\nimport { CustomTableHeader } from './styles';\r\n\r\nconst TableHeaderRelatorios = () => {\r\n const { usuario } = useSelector((state) => state.auth);\r\n\r\n return (\r\n \r\n Nome do Arquivo\r\n Competência\r\n Data do Envio\r\n {usuario.role === 'Adm' && (\r\n Administrador\r\n )}\r\n Ações\r\n \r\n );\r\n};\r\n\r\nexport default TableHeaderRelatorios;\r\n","import React from 'react';\r\n\r\nimport { Card, Pagination, Table } from '@unimed-fesp/components';\r\n\r\nimport { useSelector } from 'react-redux';\r\nimport LoadingSpinner from '../../molecules/LoadingSpinning';\r\nimport EmptyRelatorios from './EmptyRelatorios';\r\nimport TableBodyRelatorios from './TableBodyRelatorios';\r\nimport TableHeaderRelatorios from './TableHeaderRelatorios';\r\n\r\nconst TableRelatorioFilhosForaDeFaixa = ({\r\n paginationParams,\r\n setPaginationParams,\r\n handleChangePage,\r\n editarRelatório,\r\n}) => {\r\n const { competencias } = useSelector((state) => state.filhoForaDeFaixa);\r\n const DADOS = competencias.response;\r\n\r\n if (competencias.loading) {\r\n return ;\r\n }\r\n\r\n return (\r\n \r\n {competencias.response.length <= 0 ? (\r\n \r\n ) : (\r\n <>\r\n }>\r\n \r\n \r\n {DADOS.length > 10 && (\r\n \r\n )}\r\n \r\n )}\r\n \r\n );\r\n};\r\n\r\nexport default TableRelatorioFilhosForaDeFaixa;\r\n","import React, { useEffect, useState } from 'react';\r\n\r\nimport {\r\n Button,\r\n Modal,\r\n WrapperFlex,\r\n Dropdown,\r\n Text,\r\n} from '@unimed-fesp/components';\r\n\r\nimport { useSelector } from 'react-redux';\r\nimport { format } from 'date-fns';\r\nimport {\r\n ModalContent,\r\n ModalContentWrapper,\r\n} from '../../components/molecules/Modal';\r\n\r\nimport { ContentText } from './styles';\r\nimport TipoRelatorioFilhoForaDeFaixa from '../../enums/TipoRelatorioFilhoForaDeFaixa';\r\nimport LabelContainer from '../../components/molecules/LabelContainer';\r\nimport InputUpload from '../../components/atoms/InputUpload';\r\nimport LoadingSpinner from '../../components/molecules/LoadingSpinning';\r\n\r\nfunction ImportarArquivo({\r\n isOpen,\r\n onClick,\r\n competenciaAtual = null,\r\n acao,\r\n onClickOk,\r\n}) {\r\n const MAXIMO_TAMANHO_RELATORIO = 10 * 1024 * 1024; // 10MB\r\n const FORMATOS_PERMITIDOS = [\r\n 'text/csv',\r\n 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',\r\n ];\r\n\r\n const { importarRelatorio, competencias } = useSelector(\r\n (state) => state.filhoForaDeFaixa\r\n );\r\n\r\n const [selectedCompetencia, setSelectedCompetencia] = useState(null);\r\n\r\n const [files, setFiles] = useState();\r\n\r\n const verificarSeCompetenciaJaExiste = () => {\r\n const competenciasNaTabela = competencias.response.map(({ competencia }) =>\r\n format(new Date(competencia), 'MM/yyyy', {\r\n timeZone: 'America/Sao_Paulo',\r\n })\r\n );\r\n\r\n const competenciaExiste =\r\n competenciasNaTabela.includes(selectedCompetencia);\r\n\r\n return competenciaExiste;\r\n };\r\n\r\n const handleFiles = (file) => {\r\n setFiles(file);\r\n };\r\n\r\n const setContentText = (acao) => {\r\n const acoes = {\r\n [TipoRelatorioFilhoForaDeFaixa.returnIdForName\r\n .CadastrarRelatorioFilhoForaDeFaixa]: (\r\n \r\n Realize o envio do\r\n Relatório Filhos Fora de Faixa utilizando um arquivo\r\n com extensão csv ou xlsx . O arquivo deve ter no\r\n máximo 10MB.
\r\n {verificarSeCompetenciaJaExiste() && (\r\n \r\n Atenção! A competência selecionada já está cadastrada. Ao submeter\r\n este relatório, a versão atual será sobrescrita.\r\n \r\n )}\r\n
\r\n ),\r\n [TipoRelatorioFilhoForaDeFaixa.returnIdForName\r\n .EditarRelatorioFilhoForaDeFaixa]: (\r\n \r\n Para realizar a edição envie o\r\n Relatório Filhos Fora de Faixa utilizando um arquivo\r\n com extensão csv ou xlsx . O arquivo deve ter no\r\n máximo 10MB.
\r\n \r\n Atenção! Editar este relatório resultará na sobrescrição da versão\r\n atual.\r\n \r\n
\r\n ),\r\n };\r\n\r\n return acoes[acao];\r\n };\r\n\r\n const shapeCompetencias = () => {\r\n const competencias = [];\r\n const dataAtual = new Date();\r\n\r\n for (let i = 0; i <= 5; i++) {\r\n const data = new Date(\r\n dataAtual.getFullYear(),\r\n dataAtual.getMonth() + i,\r\n 1\r\n );\r\n const ano = data.getFullYear();\r\n const mes = String(data.getMonth() + 1).padStart(2, '0'); // Adiciona um zero à esquerda se necessário\r\n const competencia = `${mes}/${ano}`;\r\n competencias.push(competencia);\r\n }\r\n\r\n return competencias.map((competencia) => ({\r\n onClickOption: () => setSelectedCompetencia(competencia),\r\n text: competencia,\r\n }));\r\n };\r\n\r\n const closeModal = () => {\r\n setSelectedCompetencia(null);\r\n setFiles(null);\r\n onClick();\r\n };\r\n\r\n const onSubmit = () => {\r\n if (\r\n acao !==\r\n TipoRelatorioFilhoForaDeFaixa.returnIdForName\r\n .EditarRelatorioFilhoForaDeFaixa\r\n ) {\r\n setSelectedCompetencia(null);\r\n }\r\n\r\n setFiles(null);\r\n onClickOk({\r\n arquivo: files.base64Data,\r\n competencia: selectedCompetencia,\r\n nomeArquivo: files.fileName,\r\n });\r\n };\r\n\r\n useEffect(() => {\r\n setSelectedCompetencia(competenciaAtual);\r\n\r\n return () => {\r\n setSelectedCompetencia(null);\r\n };\r\n }, [competenciaAtual]);\r\n\r\n return (\r\n \r\n {TipoRelatorioFilhoForaDeFaixa.returnIdForName\r\n .EditarRelatorioFilhoForaDeFaixa === acao\r\n ? 'Editar Relatório'\r\n : 'Importar relatório'}\r\n \r\n }\r\n footer={\r\n \r\n }\r\n justifyContentFooter=\"flex-end\"\r\n >\r\n \r\n \r\n \r\n \r\n \r\n {setContentText(acao)}\r\n \r\n {importarRelatorio.loading ? (\r\n \r\n \r\n \r\n \r\n ) : (\r\n <>\r\n \r\n \r\n {selectedCompetencia || 'Selecione uma competência'}\r\n \r\n \r\n \r\n \r\n \r\n \r\n )}\r\n \r\n \r\n \r\n \r\n \r\n );\r\n}\r\n\r\nconst ModalFooter = ({ onClick, disabled, onClickOk, loading }) => {\r\n return (\r\n <>\r\n \r\n cancelar\r\n \r\n \r\n importar\r\n \r\n \r\n );\r\n};\r\n\r\nexport default ImportarArquivo;\r\n","import React, { useCallback, useEffect, useMemo, useState } from 'react';\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport { toast } from 'react-toastify';\r\nimport {\r\n Breadcrumbs,\r\n Button,\r\n CanAccess,\r\n Text,\r\n Title,\r\n WrapperFlex,\r\n} from '@unimed-fesp/components';\r\nimport { MdFileUpload } from 'react-icons/md';\r\nimport FadeIn from '../../components/atoms/FadeIn';\r\nimport history from '../../services/history';\r\nimport theme from '../../styles/theme';\r\nimport { Container } from './styles';\r\nimport TipoRelatorioFilhoForaDeFaixa from '../../enums/TipoRelatorioFilhoForaDeFaixa';\r\nimport { TipoPerfilUsuarioEnum } from '../../enums';\r\nimport TableRelatorioFilhosForaDeFaixa from '../../components/organisms/TableRelatorioFilhosForaDeFaixa';\r\nimport { SuccessToast, WarningToast } from '../../components/molecules/Toast';\r\nimport ImportarArquivo from './importarArquivo';\r\n\r\nimport { Creators as FilhoForaDeFaixaActions } from '../../store/ducks/filhoForaDeFaixa';\r\nimport { downloadFile } from '../../utils/base64';\r\nimport LoadingSpinner from '../../components/molecules/LoadingSpinning';\r\n\r\nconst RelatorioFilhosForaDeFaixa = () => {\r\n const dispatch = useDispatch();\r\n\r\n const { usuario } = useSelector((state) => state.auth);\r\n const { getContratantesUsuario } = useSelector((state) => state.usuario);\r\n\r\n const { importarRelatorio, competencias, downloadRelatorio } = useSelector(\r\n (state) => state.filhoForaDeFaixa\r\n );\r\n\r\n const COMPETENCIAS = competencias.response;\r\n const paginationParamsPadrao = {\r\n pageNumber: 1,\r\n pageSize: 10,\r\n };\r\n\r\n const [acaoAtual, setAcaoAtual] = useState(0);\r\n const [competenciaAtual, setCompetenciaAtual] = useState(0);\r\n const [parametrosDePaginacao, setParametrosDePaginacao] = useState(\r\n paginationParamsPadrao\r\n );\r\n const [openImportarArquivo, setOpenImportarArquivo] = useState(false);\r\n\r\n const contranteParametrizada = useMemo(() => {\r\n return getContratantesUsuario?.response?.contranteParametrizada\r\n ? getContratantesUsuario.response.contranteParametrizada.find(\r\n (contratante) =>\r\n contratante.codigoContratante.toString() ===\r\n usuario.codigoContratante\r\n )\r\n : [];\r\n }, [getContratantesUsuario, usuario]);\r\n\r\n const handleImportarArquivoAcao = (acao) => {\r\n const acoes = {\r\n [TipoRelatorioFilhoForaDeFaixa.returnIdForName\r\n .CadastrarRelatorioFilhoForaDeFaixa]: toogleModalImportar,\r\n [TipoRelatorioFilhoForaDeFaixa.returnIdForName\r\n .EditarRelatorioFilhoForaDeFaixa]: toogleModalImportar,\r\n };\r\n\r\n setAcaoAtual(acao);\r\n return acoes[acao]();\r\n };\r\n\r\n const toogleModalImportar = () => {\r\n setOpenImportarArquivo(!openImportarArquivo);\r\n };\r\n\r\n const handleChangePage = () => {};\r\n\r\n const enviarRelatorio = (params) => {\r\n dispatch(FilhoForaDeFaixaActions.postImportarRelatorioRequest(params));\r\n };\r\n\r\n const mapearTabela = useCallback(async () => {\r\n const { codigoContratante } = usuario;\r\n\r\n if (usuario.role.toUpperCase() === 'ADM') {\r\n return dispatch(FilhoForaDeFaixaActions.getCompetenciasRequest(0));\r\n }\r\n return dispatch(\r\n FilhoForaDeFaixaActions.getCompetenciasRequest(codigoContratante)\r\n );\r\n }, [dispatch, usuario]);\r\n\r\n useEffect(() => {\r\n const isAdmin = usuario.role.toUpperCase() === 'ADM';\r\n const isLoading = getContratantesUsuario.loading;\r\n const isSuccess = getContratantesUsuario.success;\r\n const hasNomeComplemento = !!contranteParametrizada?.nomeComplemento;\r\n\r\n if (isAdmin && !isLoading && isSuccess) {\r\n mapearTabela();\r\n } else if (!isAdmin && hasNomeComplemento && !isLoading && isSuccess) {\r\n mapearTabela();\r\n } else if (!isAdmin && !hasNomeComplemento && !isLoading && isSuccess) {\r\n history.push('/novo/lista');\r\n toast.success(\r\n \r\n Usuário precisa ser parametrizado para um grupo contratante\r\n \r\n );\r\n }\r\n }, [\r\n contranteParametrizada,\r\n getContratantesUsuario.loading,\r\n getContratantesUsuario.success,\r\n mapearTabela,\r\n usuario.role,\r\n ]);\r\n\r\n useEffect(() => {\r\n if (importarRelatorio.success && importarRelatorio.response?.sucesso) {\r\n toast.success(\r\n Relatório Importado com sucesso\r\n );\r\n setOpenImportarArquivo(false);\r\n dispatch(FilhoForaDeFaixaActions.postImportarRelatorioSuccess({}, false));\r\n mapearTabela();\r\n }\r\n }, [\r\n importarRelatorio.success,\r\n importarRelatorio.response,\r\n dispatch,\r\n mapearTabela,\r\n ]);\r\n\r\n useEffect(() => {\r\n if (downloadRelatorio.success && downloadRelatorio.response) {\r\n const { fileContents, fileDownloadName } = downloadRelatorio.response;\r\n const extensao = fileDownloadName.split('.')[1];\r\n\r\n downloadFile(fileContents, fileDownloadName, extensao);\r\n dispatch(FilhoForaDeFaixaActions.getDownloadRelatorioSuccess({}, false));\r\n }\r\n }, [downloadRelatorio.success, downloadRelatorio.response, dispatch]);\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n history.push('/novo/relatorio-filhos-fora-de-faixa'),\r\n },\r\n ]}\r\n />\r\n \r\n \r\n \r\n \r\n handleImportarArquivoAcao(\r\n TipoRelatorioFilhoForaDeFaixa.returnIdForName\r\n .CadastrarRelatorioFilhoForaDeFaixa\r\n )\r\n }\r\n >\r\n \r\n Importar Relatório\r\n \r\n \r\n \r\n\r\n {getContratantesUsuario.loading && (\r\n \r\n \r\n \r\n \r\n )}\r\n {getContratantesUsuario.success &&\r\n (contranteParametrizada?.nomeComplemento ||\r\n usuario.role.toUpperCase() === 'ADM') && (\r\n {\r\n setCompetenciaAtual(competencia);\r\n handleImportarArquivoAcao(\r\n TipoRelatorioFilhoForaDeFaixa.returnIdForName\r\n .EditarRelatorioFilhoForaDeFaixa\r\n );\r\n }}\r\n dados={COMPETENCIAS}\r\n />\r\n )}\r\n \r\n {\r\n setOpenImportarArquivo(false);\r\n setCompetenciaAtual(null);\r\n }}\r\n onClickOk={enviarRelatorio}\r\n competenciaAtual={competenciaAtual}\r\n />\r\n \r\n );\r\n};\r\n\r\nexport default RelatorioFilhosForaDeFaixa;\r\n","import { TipoPerfilUsuarioEnum } from '../enums';\r\n\r\n// #region Import Pages\r\nimport ListasConsulta from '../pages/ListasConsulta';\r\nimport ListasDetalhe from '../pages/ListasDetalhe';\r\n\r\nimport Configuracoes from '../pages/Configuracoes';\r\nimport DetalheDocumentos from '../pages/DetalheDocumentos';\r\nimport DetalheDocumentosInativos from '../pages/DetalheDocumentosInativos';\r\nimport ListasMassaInicial from '../pages/ListasMassaInicial';\r\nimport ListasRPA from '../pages/ListasRPA';\r\nimport RelatorioNestle from '../pages/RelatorioNestle';\r\nimport Unauthorized from '../pages/Unauthorized';\r\nimport UsuarioDetalhe from '../pages/UsuarioDetalhe';\r\nimport UsuarioGestao from '../pages/UsuarioGestao';\r\nimport UsuarioNovo from '../pages/UsuarioNovo';\r\n\r\nimport ConsultaBeneficiariosNestle from '../pages/ConsultaBeneficiariosNestle';\r\nimport DetalheBeneficiariosNestle from '../pages/DetalheBeneficiariosNestle';\r\nimport EditParametro from '../pages/EditParametro';\r\nimport ListaInativo from '../pages/ListaInativo';\r\nimport ListaInativoDetalhe from '../pages/ListaInativoDetalhe';\r\nimport Parametros from '../pages/Parametros';\r\nimport ProcessamentoRelatorio from '../pages/ProcessamentoRelatorio';\r\nimport RelatorioBeneficiarios from '../pages/RelatorioBeneficiarios';\r\nimport SegundaVia from '../pages/SegundaVia';\r\nimport SolicitacaoSegundaVia from '../pages/SolicitacaoSegundaVia';\r\nimport EditarLayoutEmail from '../pages/EditarLayoutEmail';\r\nimport ConsultarLayoutEmail from '../pages/ConsultarLayoutEmail';\r\nimport ConsultarEmail from '../pages/ConsultarEmail';\r\nimport RelatorioFilhosForaDeFaixa from '../pages/RelatorioFilhoForaDeFaixa';\r\n// #endregion\r\n\r\nexport const routes = [\r\n // { id: 1, url: '/error', component: ErrorPage },\r\n { id: 1, url: '/unauthorized', component: Unauthorized },\r\n\r\n // {\r\n // id: 3,\r\n // url: '/consulta-beneficiario',\r\n // component: ConsultaBeneficiarioPage,\r\n // },\r\n // { id: 4, url: '/pagina-inicial', component: PaginaInicial },\r\n // { id: 2, url: '/login', component: LoginPage, isPrivate: false },\r\n { id: 5, url: '/lista', component: ListasConsulta, isPrivate: true },\r\n {\r\n id: 6,\r\n url: '/lista/importar-lote',\r\n component: ListasDetalhe,\r\n isPrivate: true,\r\n // roles: [\r\n // TipoPerfilUsuarioEnum.returnNameForName.ContratanteAlteracao,\r\n // TipoPerfilUsuarioEnum.returnNameForName.ContratanteConsulta,\r\n // ],\r\n },\r\n // { id: 7, url: '/segunda-via', component: SegundaVia },\r\n // { id: 8, url: '/configuracao', component: Configuracoes },\r\n // { id: 9, url: '/ajuda', component: AjudaPage },\r\n // { id: 10, url: '/nova-lista', component: NovaListaPage },\r\n // { id: 11, url: '/nova-solicitacao', component: NovaSolicitacaoPage },\r\n {\r\n id: 12,\r\n url: '/gestao',\r\n component: UsuarioGestao,\r\n isPrivate: true,\r\n roles: [TipoPerfilUsuarioEnum.returnNameForName.Adm],\r\n },\r\n {\r\n id: 13,\r\n url: '/gestao/novo-usuario/:perfilNovoUsuario',\r\n component: UsuarioNovo,\r\n isPrivate: true,\r\n roles: [TipoPerfilUsuarioEnum.returnNameForName.Adm],\r\n },\r\n {\r\n id: 14,\r\n url: '/gestao/detalhe-usuario/:idUsuario',\r\n component: UsuarioDetalhe,\r\n isPrivate: true,\r\n roles: [TipoPerfilUsuarioEnum.returnNameForName.Adm],\r\n },\r\n {\r\n id: 15,\r\n url: '/configuracoes',\r\n component: Configuracoes,\r\n isPrivate: true,\r\n },\r\n {\r\n id: 16,\r\n url: '/listas-rpa',\r\n component: ListasRPA,\r\n isPrivate: true,\r\n roles: [TipoPerfilUsuarioEnum.returnNameForName.Adm],\r\n },\r\n {\r\n id: 17,\r\n url: '/listas-massa-inicial',\r\n component: ListasMassaInicial,\r\n isPrivate: true,\r\n },\r\n {\r\n id: 18,\r\n url: '/lista/:idLista/detalhe-documentos',\r\n component: DetalheDocumentos,\r\n isPrivate: true,\r\n },\r\n {\r\n id: 19,\r\n url: '/parametros',\r\n component: Parametros,\r\n isPrivate: true,\r\n roles: [TipoPerfilUsuarioEnum.returnNameForName.Adm],\r\n },\r\n {\r\n id: 20,\r\n url: '/parametros/editar/:nomeParametrizacao',\r\n component: EditParametro,\r\n isPrivate: true,\r\n roles: [TipoPerfilUsuarioEnum.returnNameForName.Adm],\r\n },\r\n {\r\n id: 21,\r\n url: '/listainativo/:idLista',\r\n component: ListaInativo,\r\n isPrivate: true,\r\n },\r\n {\r\n id: 22,\r\n url: '/listainativo/:idLista/detalhe',\r\n component: ListaInativoDetalhe,\r\n isPrivate: true,\r\n },\r\n {\r\n id: 23,\r\n url: '/listainativo/:idLista/documentos',\r\n component: DetalheDocumentosInativos,\r\n isPrivate: true,\r\n },\r\n {\r\n id: 24,\r\n url: '/relatorio-nestle',\r\n component: RelatorioNestle,\r\n },\r\n {\r\n id: 25,\r\n url: '/beneficiarios-nestle',\r\n component: ConsultaBeneficiariosNestle,\r\n },\r\n {\r\n id: 26,\r\n url: '/beneficiarios-nestle/:codigoCartao',\r\n component: DetalheBeneficiariosNestle,\r\n },\r\n\r\n /* {\r\n id: 27,\r\n url: '/segunda-via',\r\n component: SegundaVia,\r\n isPrivate: true,\r\n },\r\n {\r\n id: 28,\r\n url: '/segunda-via/solicitar',\r\n component: SolicitacaoSegundaVia,\r\n isPrivate: true,\r\n },\r\n {\r\n id: 29,\r\n url: '/segunda-via/:idSolicitacao/editar',\r\n component: SolicitacaoSegundaVia,\r\n isPrivate: true,\r\n },\r\n {\r\n id: 30,\r\n url: '/segunda-via/:idSolicitacao/detalhe',\r\n component: SolicitacaoSegundaVia,\r\n isPrivate: true,\r\n }, */\r\n {\r\n id: 31,\r\n url: '/relatorio-beneficiario',\r\n component: RelatorioBeneficiarios,\r\n isPrivate: true,\r\n },\r\n {\r\n id: 32,\r\n url: '/processamento-relatorio',\r\n component: ProcessamentoRelatorio,\r\n isPrivate: true,\r\n },\r\n {\r\n id: 33,\r\n url: '/layout-emails',\r\n component: ConsultarLayoutEmail,\r\n isPrivate: true,\r\n },\r\n {\r\n id: 34,\r\n url: '/layout-emails/editar/:idLayout',\r\n component: EditarLayoutEmail,\r\n isPrivate: true,\r\n },\r\n {\r\n id: 35,\r\n url: '/lista-emails',\r\n component: ConsultarEmail,\r\n isPrivate: true,\r\n },\r\n {\r\n id: 36,\r\n url: '/relatorio-filhos-fora-de-faixa',\r\n component: RelatorioFilhosForaDeFaixa,\r\n isPrivate: true,\r\n },\r\n];\r\n","import styled, { css, keyframes } from 'styled-components';\r\n\r\nconst rotate360 = keyframes`\r\n from {\r\n transform: rotate(0deg)\r\n }\r\n to {\r\n transform: rotate(360deg)\r\n }\r\n`;\r\n\r\nexport const Spinner = styled.svg`\r\n animation: ${rotate360} 1s steps(8) infinite;\r\n\r\n ${({ button, small }) =>\r\n button && small\r\n ? css`\r\n height: 20px;\r\n `\r\n : button\r\n ? css`\r\n height: 30px;\r\n `\r\n : ''}\r\n\r\n @media (max-width: 768px) {\r\n ${({ button }) =>\r\n !button\r\n ? css`\r\n height: 30px;\r\n `\r\n : ''}\r\n }\r\n`;\r\n\r\nexport const ContainerEmptyContent = styled.div`\r\n text-align: left;\r\n font: 300 16px 'Calibri';\r\n letter-spacing: 1.12px;\r\n color: #5a5a5a;\r\n opacity: 1;\r\n\r\n svg {\r\n animation: ${rotate360} 2s linear infinite;\r\n }\r\n`;\r\n","import React from 'react';\r\n\r\nimport { AiOutlineLoading3Quarters } from 'react-icons/ai';\r\nimport theme from '../../../styles/theme';\r\nimport WrapperFlex from '../../molecules/WrapperFlex';\r\nimport { ContainerEmptyContent } from './styles';\r\n\r\nexport default function LoadingIcon({ marginLeft, marginTop, width, size }) {\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n );\r\n}\r\n","import React from 'react';\r\nimport { useSelector, useDispatch } from 'react-redux';\r\nimport { Redirect, Route } from 'react-router-dom';\r\n// import { Container } from './styles';\r\nimport history from '../services/history';\r\nimport { isContratante, isAdmin } from '../utils/userRole';\r\n\r\nimport { Creators as AuthActions } from '../store/ducks/auth';\r\nimport LoadingIcon from '../components/Icons/LoadingIcon';\r\nimport {\r\n getTokenAuthenticated,\r\n getRefreshToken,\r\n isAccessTokenValid,\r\n getUserData,\r\n} from '../services/auth';\r\n\r\nconst { REACT_APP_MOVCAD_LEGACY } = process.env;\r\n\r\nconst ProtectedRoute = ({\r\n component: Component,\r\n isPrivate,\r\n roles,\r\n ...rest\r\n}) => {\r\n const dispatch = useDispatch();\r\n const { loggedIn, usuario } = useSelector((state) => state.auth);\r\n\r\n if (loggedIn && isPrivate && !isAccessTokenValid() && getRefreshToken()) {\r\n dispatch(AuthActions.refreshInvalidTokenRequest(getUserData()));\r\n }\r\n\r\n if (!loggedIn && isPrivate) {\r\n if (getUserData() && getTokenAuthenticated() && isAccessTokenValid()) {\r\n dispatch(AuthActions.signInRequest(getUserData()));\r\n\r\n return ;\r\n }\r\n\r\n // if (process.env.NODE_ENV === 'development') {\r\n // return ;\r\n // }\r\n\r\n // window.location.replace(`${REACT_APP_MOVCAD_LEGACY}/Login.aspx`);\r\n }\r\n\r\n if (roles && !roles.includes(usuario.role))\r\n return (\r\n (\r\n \r\n )}\r\n />\r\n );\r\n\r\n return (\r\n \r\n loggedIn ? (\r\n \r\n ) : (\r\n \r\n )\r\n }\r\n />\r\n );\r\n};\r\n\r\nexport default ProtectedRoute;\r\n","import styled, { css } from 'styled-components';\r\nimport { Link } from '@unimed-fesp/components';\r\nimport ImagemLogin from '../../assets/images/login/imagem-login.svg';\r\nimport theme from '../../styles/theme';\r\n\r\nexport const Container = styled.div`\r\n display: grid;\r\n grid-template-columns: 50% 50%;\r\n height: 100vh;\r\n overflow-y: hidden;\r\n`;\r\nexport const HeaderContainer = styled.div`\r\n margin-left: 60px;\r\n margin-top: 3%;\r\n\r\n ${({ display }) =>\r\n display\r\n ? css`\r\n display: ${display};\r\n `\r\n : css`\r\n display: flex;\r\n `}\r\n`;\r\n\r\nexport const AutenticacaoStructure = styled.div`\r\n grid-template-rows: 13% 20% 5% 65%;\r\n background-color: #ffff;\r\n\r\n ${({ display }) =>\r\n display\r\n ? css`\r\n display: ${display};\r\n `\r\n : ''};\r\n }\r\n\r\n img {\r\n padding: 5% 16.5% 0 60px;\r\n }\r\n`;\r\n\r\nexport const ImageStructure = styled.div`\r\n background: url(${ImagemLogin});\r\n background-repeat: no-repeat;\r\n background-position: bottom;\r\n background-position-x: left;\r\n background-size: cover;\r\n background-color: #ffff;\r\n`;\r\nexport const EsqueciMinhaSenhaContainer = styled.div`\r\n display: flex;\r\n margin-top: 50px;\r\n margin-bottom: 10px;\r\n`;\r\n\r\nexport const LoginLink = styled(Link).attrs((props) => ({\r\n login: true,\r\n title: props.title,\r\n}))`\r\n font: normal normal normal 13px 'unimed_slabbold';\r\n letter-spacing: 0.26px;\r\n color: ${theme.grey} !important;\r\n font-family: unimed_slabbold;\r\n &:hover {\r\n text-decoration: none;\r\n color: ${theme.greenLink} !important;\r\n }\r\n`;\r\n\r\nexport const DificuldadesAcessoContainer = styled.div`\r\n display: flex;\r\n margin-left: 104px;\r\n`;\r\n","import styled, { css } from 'styled-components';\r\n\r\nexport const Container = styled.div`\r\n text-align: left;\r\n height: 80px;\r\n\r\n padding: ${({ padding }) => padding || `10.12px 16.5% 0 60px `};\r\n\r\n ${({ marginBottom }) =>\r\n marginBottom &&\r\n css`\r\n margin-bottom: ${marginBottom};\r\n `}\r\n`;\r\n\r\nexport const TitlePage = styled.h1`\r\n color: #5a5a5a;\r\n font-family: 'unimed_slabbold';\r\n justify-content: start;\r\n margin-bottom: -5px;\r\n padding: 0;\r\n font-size: 54px;\r\n`;\r\n\r\nexport const SubtitlePage = styled.span`\r\n font-size: 16px !important;\r\n color: #a1a1a1;\r\n line-height: 1px;\r\n font-family: 'unimed_slabregular' !important;\r\n`;\r\n","import React from 'react';\r\n\r\nimport { Title } from '@unimed-fesp/components';\r\n\r\nimport { Container } from './styles';\r\nimport theme from '../../../styles/theme';\r\n\r\nexport default function SectionHeader({\r\n sectionName,\r\n subtextSectionName,\r\n marginBottom,\r\n padding,\r\n}) {\r\n return (\r\n \r\n \r\n \r\n \r\n );\r\n}\r\n","import styled, { css } from 'styled-components';\r\n\r\nexport const Container = styled.div`\r\n ${({ errorUsuario }) =>\r\n errorUsuario\r\n ? css`\r\n label:first-child {\r\n p{\r\n color: #ED1651 !important;\r\n }\r\n }\r\n `\r\n : ''}\r\n\r\n\r\n ${({ errorSenha }) =>\r\n errorSenha\r\n ? css`\r\n label:last-child {\r\n p{\r\n color: #ED1651 !important;\r\n }\r\n }\r\n `\r\n : ''} \r\n`\r\n\r\nexport const AutenticacaoActionsDescription = styled.span`\r\n font-size: 13px;\r\n color: #808080;\r\n cursor: pointer;\r\n text-align: left;\r\n font-family: 'unimed_slabregular';\r\n padding-right: 32.5%;\r\n\r\n &:hover {\r\n color: #00995D\r\n }\r\n`;","import React, { useState, useEffect, useRef } from 'react';\r\nimport { useSelector } from 'react-redux';\r\nimport produce from 'immer';\r\nimport { useField } from '@unform/core';\r\n\r\nimport { TextField, WrapperFlex } from '@unimed-fesp/components';\r\n\r\nimport { isEmail } from '../../../utils/validation';\r\n\r\nimport { Container } from './styles';\r\n\r\nfunction FormLogin({ loginParams, setLoginParams, formRef, marginTop }) {\r\n const { postLogin } = useSelector((state) => state.auth);\r\n const registerUsuario = useField('usuario').registerField;\r\n const registerSenha = useField('senha').registerField;\r\n const errorUsuario = useField('usuario').error;\r\n const errorSenha = useField('senha').error;\r\n const [showOnBlur, setShowOnBlur] = useState(false);\r\n\r\n function handleInput(e, status) {\r\n const newLoginParams = produce(loginParams, (draft) => {\r\n if (draft[status] !== e.target.value) {\r\n draft[status] = e.target.value;\r\n }\r\n });\r\n\r\n setLoginParams(newLoginParams);\r\n }\r\n\r\n function validateUsuario(e) {\r\n if (formRef) {\r\n setShowOnBlur(true);\r\n if (!e.target.value) {\r\n formRef.setFieldError('usuario', 'O e-mail é obrigatório');\r\n } else if (!isEmail(e.target.value))\r\n formRef.setFieldError('usuario', 'E-mail inválido');\r\n else {\r\n formRef.setFieldError('usuario', null);\r\n }\r\n }\r\n }\r\n\r\n useEffect(() => {\r\n if (postLogin.error) {\r\n if (postLogin.error.status === 401) {\r\n formRef.setFieldError(\r\n 'senha',\r\n 'Usuário ou senha incorretos. Tente novamente.'\r\n );\r\n } else {\r\n formRef.setFieldError('senha', 'Problemas na autenticação.');\r\n }\r\n formRef.setFieldError('usuario', '');\r\n }\r\n }, [postLogin.error]);\r\n\r\n useEffect(() => {\r\n if (loginParams.usuario) setShowOnBlur(true);\r\n }, [loginParams.usuario]);\r\n\r\n return (\r\n <>\r\n \r\n \r\n {\r\n validateUsuario(event);\r\n }}\r\n onChange={(event) => {\r\n handleInput(event, 'usuario');\r\n }}\r\n register={registerUsuario}\r\n error={errorUsuario}\r\n errorMessage={errorUsuario}\r\n showIconSuccess={showOnBlur}\r\n />\r\n {\r\n handleInput(event, 'senha');\r\n }}\r\n register={registerSenha}\r\n error={errorSenha}\r\n errorMessage={errorSenha}\r\n />\r\n \r\n \r\n {/* \r\n \r\n esqueci minha senha\r\n \r\n */}\r\n \r\n );\r\n}\r\n\r\nexport default FormLogin;\r\n","import React, { useState, useRef, useEffect } from 'react';\r\nimport { useSelector, useDispatch } from 'react-redux';\r\nimport { Button, Text } from '@unimed-fesp/components';\r\nimport { Form } from '@unform/web';\r\nimport * as Yup from 'yup';\r\n\r\nimport {\r\n USER_KEY,\r\n getUserData,\r\n excludeData,\r\n getLocalObj,\r\n getRefreshToken,\r\n isAccessTokenValid,\r\n getTokenAccessToken,\r\n} from '../../services/auth';\r\nimport history from '../../services/history';\r\n\r\nimport { Creators as AuthActions } from '../../store/ducks/auth';\r\n\r\n// #region Componentes\r\nimport LoadingIcon from '../../components/Icons/LoadingIcon';\r\nimport FormLogin from '../../components/organisms/FormLogin';\r\n// #endregion\r\n\r\nimport {\r\n LoginLink,\r\n EsqueciMinhaSenhaContainer,\r\n DificuldadesAcessoContainer,\r\n} from './styles';\r\n\r\nconst { REACT_APP_EMAIL_DIFICULDADES_ACESSO } = process.env;\r\n\r\nfunction LoginPart() {\r\n const { usuario, loggedIn, postLogin } = useSelector((state) => state.auth);\r\n\r\n const dispatch = useDispatch();\r\n const formRef = useRef(null);\r\n\r\n const queryString = window.location.search;\r\n const params = new URLSearchParams(queryString);\r\n const queryEmail = params.get('email');\r\n\r\n const loginData = {\r\n usuario: queryEmail || '',\r\n senha: '',\r\n };\r\n\r\n const mailTo = `mailto:${REACT_APP_EMAIL_DIFICULDADES_ACESSO}`;\r\n const [loginParams, setLoginParams] = useState(loginData);\r\n\r\n async function handleSubmitLogin(data) {\r\n try {\r\n const schema = Yup.object().shape({\r\n usuario: Yup.string()\r\n .email('E-mail inválido')\r\n .required('O e-mail é obrigatório'),\r\n senha: Yup.string().trim().required('A senha é obrigatória'),\r\n });\r\n\r\n await schema.validate(data, {\r\n abortEarly: false,\r\n });\r\n\r\n const formLoginParams = {\r\n userId: data.usuario,\r\n password: data.senha.trim(),\r\n grantType: 'password',\r\n };\r\n\r\n dispatch(AuthActions.postLoginRequest(formLoginParams));\r\n\r\n formRef.current.setErrors({});\r\n } catch (error) {\r\n if (error instanceof Yup.ValidationError) {\r\n const errorMessages = {};\r\n\r\n error.inner.forEach((err) => {\r\n errorMessages[err.path] = err.message;\r\n });\r\n\r\n formRef.current.setErrors(errorMessages);\r\n }\r\n }\r\n }\r\n\r\n function handleFormForgottenPassword() {\r\n history.push('/novo/login/redefinir-senha');\r\n }\r\n\r\n useEffect(() => {\r\n if (usuario.changePassword)\r\n history.push('/novo/recuperar-senha', { isChangePassword: true });\r\n }, [usuario.changePassword]);\r\n\r\n useEffect(() => {\r\n if (loggedIn) history.push('/novo/lista');\r\n\r\n if (getLocalObj(USER_KEY) && !loggedIn) {\r\n if (getTokenAccessToken() && isAccessTokenValid()) {\r\n dispatch(AuthActions.signInRequest(getUserData()));\r\n } else if (getRefreshToken() && !isAccessTokenValid()) {\r\n dispatch(AuthActions.refreshInvalidTokenRequest(getTokenAccessToken()));\r\n } else {\r\n excludeData();\r\n dispatch(AuthActions.signOut());\r\n }\r\n }\r\n }, [dispatch, loggedIn]);\r\n\r\n return (\r\n \r\n );\r\n}\r\n\r\nexport default LoginPart;\r\n","import styled, { css } from 'styled-components';\r\n\r\nimport theme from '../../../styles/theme';\r\n\r\nexport const Container = styled.div`\r\n margin-left: 56px;\r\n\r\n ${({ error }) =>\r\n !error\r\n ? css`\r\n background-color: ${theme.yellowInfo};\r\n `\r\n : css`\r\n background-color: ${theme.lightPink};\r\n `}\r\n\r\n ${({ marginTop }) =>\r\n marginTop\r\n ? css`\r\n margin-top: ${marginTop};\r\n `\r\n : ''}\r\n\r\n ${({ display }) =>\r\n display\r\n ? css`\r\n display: ${display};\r\n `\r\n : css`\r\n display: flex;\r\n `}\r\n\r\n ${({ width }) =>\r\n width\r\n ? css`\r\n width: ${width};\r\n `\r\n : css`\r\n width: 414px;\r\n `}\r\n ${({ height }) =>\r\n height\r\n ? css`\r\n height: ${height};\r\n `\r\n : css`\r\n height: 60px;\r\n `}\r\n`;\r\n\r\nexport const IconContainer = styled.div`\r\n margin: 9px 0px 10px 10px;\r\n`;\r\n","import React from 'react';\r\n\r\nimport { RiErrorWarningLine } from 'react-icons/ri';\r\nimport { AiOutlineCloseCircle } from 'react-icons/ai';\r\nimport { Text } from '@unimed-fesp/components';\r\nimport { Container, IconContainer } from './styles';\r\n\r\nimport theme from '../../../styles/theme';\r\n\r\nfunction InfoBox({ children, type, width, height, display, marginTop, error }) {\r\n return (\r\n \r\n \r\n {!error ? (\r\n \r\n ) : (\r\n \r\n )}\r\n \r\n \r\n \r\n );\r\n}\r\n\r\nexport default InfoBox;\r\n","import styled, { css } from 'styled-components';\r\nimport { lighten } from 'polished';\r\n\r\nimport theme from '../../../styles/theme';\r\n\r\nexport const Container = styled.input`\r\n padding: 10px;\r\n font: Regular 13px 'Calibri';\r\n color: ${theme.colorGray};\r\n\r\n ::placeholder {\r\n font: 13px Calibri Regular;\r\n letter-spacing: 0.52px;\r\n color: ${theme.grey}\r\n}\r\n\r\n &:hover:enabled {\r\n background-color: ${theme.white};\r\n border: 2px solid ${theme.greenDefault};\r\n }\r\n &:focus{\r\n background-color: ${lighten(0.65, theme.greenDefault)};\r\n border: 2px solid ${theme.greenDefault};\r\n }\r\n &:focus:hover{\r\n background-color: ${lighten(0.65, theme.greenDefault)};\r\n border: 2px solid ${theme.greenDefault};\r\n }\r\n ${({ isInvalid }) => {\r\n isInvalid\r\n ? css`\r\n background-color: ${lighten(0.46, theme.redLight)};\r\n border: 2px solid ${theme.redLight};\r\n `\r\n : css``;\r\n }}\r\n\r\n\r\n${({ marginLeft }) =>\r\n marginLeft\r\n ? css`\r\n margin-left: ${marginLeft};\r\n `\r\n : ''}\r\n${({ margin }) =>\r\n margin\r\n ? css`\r\n margin: ${margin}px;\r\n `\r\n : ''}\r\n\r\n ${({ marginTop }) =>\r\n marginTop\r\n ? css`\r\n margin-top: ${marginTop}px;\r\n `\r\n : ''}\r\n\r\n${({ border }) =>\r\n border\r\n ? css`\r\n border: ${border};\r\n `\r\n : `border: 1px solid ${theme.colorGray}`};\r\n }\r\n }\r\n\r\n\r\n${({ background }) =>\r\n background\r\n ? css`\r\n background: ${background};\r\n `\r\n : `background: ${theme.white} 0% 0% no-repeat padding-box`};\r\n }\r\n }\r\n\r\n ${({ disabled }) =>\r\n disabled\r\n ? css`\r\n background: ${theme.inputBackgroundGray} 0% 0% no-repeat padding-box;\r\n cursor: not-allowed;\r\n `\r\n : css``}\r\n\r\n\r\n${({ borderRadius }) =>\r\n borderRadius\r\n ? css`\r\n border-radius: ${borderRadius};\r\n `\r\n : `border-radius: 5px`};\r\n }\r\n }\r\n\r\n\r\n${({ opacity }) =>\r\n opacity\r\n ? css`\r\n opacity: ${opacity};\r\n `\r\n : `opacity: 1`};\r\n }\r\n }\r\n\r\n${({ color }) =>\r\n color\r\n ? css`\r\n color: ${color};\r\n `\r\n : `color: ${theme.inputColorGray}`};\r\n }\r\n }\r\n\r\n\r\n\r\n${({ font }) =>\r\n font\r\n ? css`\r\n font: ${font};\r\n `\r\n : `font: 15px Calibri Regular`};\r\n }\r\n }\r\n\r\n${({ textAlign }) =>\r\n textAlign\r\n ? css`\r\n text-align: ${textAlign};\r\n `\r\n : `text-align: left`};\r\n }\r\n }\r\n\r\n ${({ width }) =>\r\n width\r\n ? css`\r\n width: ${width}px;\r\n `\r\n : null};\r\n }\r\n }\r\n\r\n ${({ height }) =>\r\n height\r\n ? css`\r\n height: ${height}px;\r\n `\r\n : null};\r\n }\r\n }\r\n\r\n\r\n @media (max-width: 768px) {\r\n flex: 0 1 ${({ percentageMobile }) =>\r\n percentageMobile ? `${percentageMobile}%` : '100%'};\r\n }\r\n`;\r\n","import React, { useRef, useEffect } from 'react';\r\nimport { useField } from '@unform/core';\r\nimport { Container } from './styles';\r\nimport LabelContainer from '../LabelContainer';\r\n\r\nconst InputForm = ({\r\n marginTop,\r\n background,\r\n border,\r\n borderRadius,\r\n opacity,\r\n color,\r\n font,\r\n textAlign,\r\n name,\r\n type,\r\n value,\r\n handleChange = (a) => a,\r\n handleClick = (a) => a,\r\n handleInputKeyDown = (a) => a,\r\n handleInputOnBlur = (a) => a,\r\n width,\r\n height,\r\n placeholder,\r\n disabled,\r\n margin,\r\n marginLeft,\r\n labelName,\r\n labelMarginBottom,\r\n ...rest\r\n}) => {\r\n const inputRef = useRef(null);\r\n const { fieldName, defaultValue, registerField, error } = useField(name);\r\n useEffect(() => {\r\n registerField({\r\n name: fieldName,\r\n ref: inputRef.current,\r\n path: 'value',\r\n });\r\n }, [fieldName, registerField]);\r\n\r\n return (\r\n <>\r\n \r\n {\r\n event.stopPropagation();\r\n handleChange(event);\r\n }}\r\n onKeyDown={(event) => {\r\n event.stopPropagation();\r\n handleInputKeyDown(event);\r\n }}\r\n onBlur={(event) => {\r\n event.stopPropagation();\r\n handleInputOnBlur(event);\r\n }}\r\n onClick={(event) => {\r\n event.stopPropagation();\r\n handleClick(event);\r\n }}\r\n value={value}\r\n type={type}\r\n border={border}\r\n background={background}\r\n borderRadius={borderRadius}\r\n opacity={opacity}\r\n color={color}\r\n font={font}\r\n textAlign={textAlign}\r\n width={width}\r\n height={height}\r\n placeholder={placeholder}\r\n disabled={disabled}\r\n isTyping={!!value}\r\n />\r\n \r\n \r\n );\r\n};\r\n\r\nexport default InputForm;\r\n","import styled, { css } from 'styled-components';\r\n\r\nexport const Container = styled.div`\r\n margin-bottom: 30px;\r\n`;\r\n","import React from 'react';\r\n\r\nimport { WrapperFlex, Text } from '@unimed-fesp/components';\r\n\r\nimport InfoBox from '../../molecules/InfoBox';\r\n\r\nimport theme from '../../../styles/theme';\r\n\r\nimport { Container } from './styles';\r\n\r\nfunction FormEmailSent({ email }) {\r\n const emailSentMessage = `Verifique a caixa de entrada do e-mail ${email} e acesse o link para criar uma nova senha.`;\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n Caso não encontre o seu e-mail de recuperação, verifique sua\r\n lixeira e caixa de spam.\r\n \r\n \r\n \r\n );\r\n}\r\n\r\nexport default FormEmailSent;\r\n","import styled, { css } from 'styled-components';\r\n\r\nexport const Container = styled.div`\r\n margin-bottom: 30px;\r\n`;\r\n","import React, { useState, useEffect } from 'react';\r\n\r\nimport { WrapperFlex, Text } from '@unimed-fesp/components';\r\n\r\nimport InfoBox from '../../molecules/InfoBox';\r\n\r\nimport InputForm from '../../molecules/InputForgottenPassword';\r\nimport FormEmailSent from '../FormEmailSent';\r\n\r\nimport theme from '../../../styles/theme';\r\nimport { isEmail } from '../../../utils/validation';\r\n\r\nimport { Container } from './styles';\r\n\r\nfunction FormForgottenPassword({\r\n isEmailSent,\r\n setIsEmailValid,\r\n isTokenError,\r\n queryEmail,\r\n}) {\r\n const [inputValue, setInputValue] = useState('');\r\n\r\n function isValidEmail(email) {\r\n return isEmail(email);\r\n }\r\n\r\n function handleInputValue(e) {\r\n setInputValue(e.target.value);\r\n setIsEmailValid(isValidEmail(e.target.value));\r\n }\r\n useEffect(() => {\r\n if (inputValue) {\r\n setIsEmailValid(isValidEmail(inputValue));\r\n }\r\n }, [inputValue]);\r\n\r\n useEffect(() => {\r\n setInputValue(queryEmail);\r\n }, []);\r\n\r\n return (\r\n <>\r\n {isEmailSent ? (\r\n \r\n ) : (\r\n \r\n \r\n\r\n \r\n \r\n O link para redefinição de senha é inválido. Solicite um novo\r\n para prosseguir com a solicitação.\r\n \r\n \r\n \r\n \r\n \r\n )}\r\n \r\n );\r\n}\r\n\r\nexport default FormForgottenPassword;\r\n","import React, { useState, useRef, useEffect } from 'react';\r\nimport { Form } from '@unform/web';\r\nimport { useSelector, useDispatch } from 'react-redux';\r\nimport { Button, Text } from '@unimed-fesp/components';\r\nimport { Creators as AuthActions } from '../../store/ducks/auth';\r\n\r\nimport history from '../../services/history';\r\n\r\nimport {\r\n USER_KEY,\r\n getLocalObj,\r\n excludeData,\r\n getUserData,\r\n getRefreshToken,\r\n isAccessTokenValid,\r\n getTokenAccessToken,\r\n} from '../../services/auth';\r\n\r\nimport { LoginLink, DificuldadesAcessoContainer } from './styles';\r\n\r\nimport FormForgottenPassword from '../../components/organisms/FormForgottenPassword';\r\n\r\nconst { REACT_APP_EMAIL_DIFICULDADES_ACESSO } = process.env;\r\n\r\nfunction RedefinirSenha() {\r\n const { loggedIn } = useSelector((state) => state.auth);\r\n const dispatch = useDispatch();\r\n const formRef = useRef(null);\r\n\r\n const queryString = window.location.search;\r\n const params = new URLSearchParams(queryString);\r\n const queryEmail = params.get('email');\r\n const isTokenError = false || params.get('isTokenError');\r\n const mailTo = `mailto:${REACT_APP_EMAIL_DIFICULDADES_ACESSO}`;\r\n\r\n const [isEmailSent, setIsEmailSent] = useState(false);\r\n const [isEmailValid, setIsEmailValid] = useState(false);\r\n\r\n function handleSubmitForgottenPassword(data) {\r\n dispatch(AuthActions.getRecuperarSenhaRequest(data));\r\n setIsEmailSent(true);\r\n }\r\n\r\n function handleSubmitVoltarParaLogin() {\r\n window.location.replace('/novo/login');\r\n }\r\n\r\n useEffect(() => {\r\n if (loggedIn) history.push('/novo/lista');\r\n\r\n if (getLocalObj(USER_KEY) && !loggedIn) {\r\n if (getTokenAccessToken() && isAccessTokenValid()) {\r\n dispatch(AuthActions.signInRequest(getUserData()));\r\n } else if (getRefreshToken() && !isAccessTokenValid()) {\r\n dispatch(AuthActions.refreshInvalidTokenRequest(getTokenAccessToken()));\r\n } else {\r\n excludeData();\r\n dispatch(AuthActions.signOut());\r\n }\r\n }\r\n }, [dispatch, loggedIn]);\r\n\r\n return (\r\n \r\n \r\n \r\n {isEmailSent ? 'voltar para o login' : 'enviar'}\r\n \r\n {isEmailSent && (\r\n \r\n \r\n \r\n fale com o nosso Suporte.\r\n \r\n \r\n )}\r\n \r\n );\r\n}\r\n\r\nexport default RedefinirSenha;\r\n","import React from 'react';\r\nimport { Switch, Route, useRouteMatch } from 'react-router-dom';\r\n\r\nimport { Image } from '@unimed-fesp/components';\r\n\r\nimport { Container, AutenticacaoStructure, ImageStructure } from './styles';\r\n\r\nimport SectionHeader from '../../components/atoms/SectionHeader';\r\n\r\nimport UnimedLogo from '../../assets/images/login/logo-unimed-fesp.svg';\r\n\r\nimport LoginPart from './LoginPart';\r\nimport RedefinirSenha from './RedefinirSenha';\r\n\r\nfunction Login() {\r\n const { path } = useRouteMatch();\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n );\r\n}\r\n\r\nexport default Login;\r\n","import styled, { css } from 'styled-components';\r\n\r\nexport const Container = styled.div`\r\n ${({ errorSenhaAntiga }) =>\r\n errorSenhaAntiga\r\n ? css`\r\n label:first-child {\r\n p{\r\n color: #ED1651 !important;\r\n }\r\n }\r\n `\r\n : ''}\r\n\r\n ${({ errorSenha }) =>\r\n errorSenha\r\n ? css`\r\n label:nth-child(2) {\r\n p{\r\n color: #ED1651 !important;\r\n }\r\n }\r\n `\r\n : ''}\r\n\r\n\r\n ${({ errorConfirmarSenha }) =>\r\n errorConfirmarSenha\r\n ? css`\r\n label:last-child {\r\n p{\r\n color: #ED1651 !important;\r\n }\r\n }\r\n `\r\n : ''}\r\n\r\n ${({ showOnBlurAntigaSenha }) =>\r\n showOnBlurAntigaSenha\r\n ? css`\r\n label:first-child {\r\n span:last-child{\r\n visibility: visible;\r\n }\r\n }\r\n `\r\n : css`\r\n label:first-child {\r\n span:last-child{\r\n visibility: hidden;\r\n }\r\n }\r\n `} \r\n\r\n ${({ showOnBlurNovaSenha }) =>\r\n showOnBlurNovaSenha\r\n ? css`\r\n label:nth-child(2) {\r\n span:last-child{\r\n visibility: visible;\r\n }\r\n }\r\n `\r\n : css`\r\n label:nth-child(2) {\r\n span:last-child{\r\n visibility: hidden;\r\n }\r\n }\r\n `} \r\n\r\n ${({ showOnBlurConfirmarSenha }) =>\r\n showOnBlurConfirmarSenha\r\n ? css`\r\n label:last-child {\r\n span:last-child{\r\n visibility: visible;\r\n }\r\n }\r\n `\r\n : css`\r\n label:last-child {\r\n span:last-child{\r\n visibility: hidden;\r\n }\r\n }\r\n `} \r\n`","import React, { useState } from 'react';\r\nimport produce from 'immer';\r\nimport { useField } from '@unform/core';\r\n\r\nimport { WrapperFlex, Text } from '@unimed-fesp/components';\r\n\r\nimport InputPassword from '../../molecules/InputPassword';\r\n\r\nimport theme from '../../../styles/theme';\r\n\r\nimport { isChangePassword } from '../../../utils/validation';\r\n\r\nimport { Container } from './styles';\r\n\r\nfunction FormChangePassword({\r\n changePasswordParams,\r\n setChangePasswordParams,\r\n formRef,\r\n isForgottenPassword,\r\n}) {\r\n const errorSenhaAntiga = useField('antigaSenha').error;\r\n const errorSenha = useField('novaSenha').error;\r\n const errorConfirmarSenha = useField('confirmarSenha').error;\r\n const [showOnBlurAntigaSenha, setShowOnBlurAntigaSenha] = useState(false);\r\n const [showOnBlurNovaSenha, setShowOnBlurNovaSenha] = useState(false);\r\n const [showOnBlurConfirmarSenha, setShowOnBlurConfirmarSenha] = useState(\r\n false\r\n );\r\n function handleInput(e, status) {\r\n const newChangePasswordParams = produce(changePasswordParams, (draft) => {\r\n if (draft[status] !== e.target.value) draft[status] = e.target.value;\r\n });\r\n\r\n setChangePasswordParams(newChangePasswordParams);\r\n }\r\n\r\n function validateAntigaSenha(e) {\r\n if (formRef) {\r\n if (!e.target.value) {\r\n formRef.setFieldError('antigaSenha', 'A senha é obrigatória');\r\n } else if (\r\n formRef.getFieldValue('novaSenha') &&\r\n e.target.value === formRef.getFieldValue('novaSenha')\r\n ) {\r\n formRef.setFieldError(\r\n 'novaSenha',\r\n 'A nova senha deve ser diferente da atual'\r\n );\r\n } else {\r\n setShowOnBlurAntigaSenha(true);\r\n formRef.setFieldError('antigaSenha', null);\r\n }\r\n }\r\n }\r\n\r\n function validateNovaSenha(e) {\r\n if (formRef) {\r\n if (!e.target.value) {\r\n formRef.setFieldError('novaSenha', 'A senha é obrigatória');\r\n } else if (!isChangePassword(e.target.value)) {\r\n formRef.setFieldError(\r\n 'novaSenha',\r\n 'A senha deve ter ao menos 6 caracteres e ser uma combinação de letras maiúsculas e minúsculas, números e simbolos'\r\n );\r\n } else if (\r\n formRef.getFieldValue('novaSenha') &&\r\n formRef.getFieldValue('confirmarSenha') &&\r\n e.target.value !== formRef.getFieldValue('confirmarSenha') &&\r\n e.target.value !== formRef.getFieldValue('antigaSenha')\r\n ) {\r\n setShowOnBlurNovaSenha(true);\r\n formRef.setFieldError('novaSenha', null);\r\n formRef.setFieldError('confirmarSenha', 'As senhas devem ser iguais');\r\n } else if (\r\n formRef.getFieldValue('novaSenha') &&\r\n formRef.getFieldValue('confirmarSenha') &&\r\n e.target.value === formRef.getFieldValue('confirmarSenha') &&\r\n e.target.value !== formRef.getFieldValue('antigaSenha')\r\n ) {\r\n setShowOnBlurNovaSenha(true);\r\n formRef.setFieldError('confirmarSenha', null);\r\n formRef.setFieldError('novaSenha', null);\r\n } else if (\r\n formRef.getFieldValue('antigaSenha') &&\r\n e.target.value === formRef.getFieldValue('antigaSenha')\r\n ) {\r\n formRef.setFieldError(\r\n 'novaSenha',\r\n 'A nova senha deve ser diferente da atual'\r\n );\r\n formRef.setFieldError('confirmarSenha', null);\r\n } else {\r\n setShowOnBlurNovaSenha(true);\r\n formRef.setFieldError('novaSenha', null);\r\n }\r\n }\r\n }\r\n\r\n function validateConfirmarSenha(e) {\r\n if (formRef) {\r\n if (!e.target.value) {\r\n formRef.setFieldError('confirmarSenha', 'A senha é obrigatória');\r\n } else if (!isChangePassword(e.target.value))\r\n formRef.setFieldError(\r\n 'confirmarSenha',\r\n 'A senha deve ter ao menos 6 caracteres e ser uma combinação de letras maiúsculas e minúsculas, números e simbolos'\r\n );\r\n else if (e.target.value !== formRef.getFieldValue('novaSenha'))\r\n formRef.setFieldError('confirmarSenha', 'As senhas devem ser iguais');\r\n else {\r\n setShowOnBlurConfirmarSenha(true);\r\n formRef.setFieldError('confirmarSenha', null);\r\n }\r\n }\r\n }\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n handleInput(e, 'antigaSenha')}\r\n marginTop=\"8px\"\r\n width=\"400\"\r\n height=\"40\"\r\n placeholder=\"Insira sua senha atual\"\r\n name=\"antigaSenha\"\r\n labelName=\"Senha\"\r\n marginLeft=\"60px\"\r\n marginBottom=\"0\"\r\n value={changePasswordParams.antigaSenha}\r\n isLogin\r\n errorSenha={errorSenhaAntiga}\r\n handleInputOnBlur={validateAntigaSenha}\r\n display={isForgottenPassword ? 'none' : false}\r\n />\r\n handleInput(e, 'novaSenha')}\r\n marginTop=\"8px\"\r\n width=\"400\"\r\n height=\"40\"\r\n placeholder=\"Insira sua senha\"\r\n name=\"novaSenha\"\r\n labelName=\"Nova senha\"\r\n marginLeft=\"60px\"\r\n marginBottom=\"0\"\r\n value={changePasswordParams.novaSenha}\r\n isLogin\r\n errorSenha={errorSenha}\r\n handleInputOnBlur={validateNovaSenha}\r\n />\r\n handleInput(e, 'confirmarSenha')}\r\n marginTop=\"8px\"\r\n width=\"400\"\r\n height=\"40\"\r\n placeholder=\"Insira sua senha\"\r\n name=\"confirmarSenha\"\r\n labelName=\"Confirmar senha\"\r\n marginLeft=\"60px\"\r\n marginBottom=\"0\"\r\n value={changePasswordParams.confirmarSenha}\r\n isLogin\r\n errorSenha={errorConfirmarSenha}\r\n handleInputOnBlur={validateConfirmarSenha}\r\n />\r\n \r\n \r\n );\r\n}\r\n\r\nexport default FormChangePassword;\r\n","import styled, { css } from 'styled-components';\r\nimport { Link } from '@unimed-fesp/components';\r\nimport ImagemLogin from '../../assets/images/login/imagem-login.svg';\r\n\r\nexport const Container = styled.div`\r\n display: grid;\r\n grid-template-columns: 50% 50%;\r\n height: 100vh;\r\n overflow-y: hidden;\r\n`;\r\n\r\nexport const HeaderContainer = styled.div`\r\n margin-left: 60px;\r\n margin-top: 3%;\r\n\r\n ${({ display }) =>\r\n display\r\n ? css`\r\n display: ${display};\r\n `\r\n : css`\r\n display: flex;\r\n `}\r\n`;\r\n\r\nexport const AutenticacaoStructure = styled.div`\r\n grid-template-rows: 13% 20% 5% 65%;\r\n background-color: #ffff;\r\n\r\n ${({ display }) =>\r\n display\r\n ? css`\r\n display: ${display};\r\n `\r\n : ''};\r\n }\r\n\r\n img {\r\n padding: 5% 16.5% 0 60px;\r\n }\r\n`;\r\n\r\nexport const ImageStructure = styled.div`\r\n background: url(${ImagemLogin});\r\n background-repeat: no-repeat;\r\n background-position: bottom;\r\n background-position-x: left;\r\n background-size: cover;\r\n background-color: #ffff;\r\n`;\r\n\r\nexport const LoginLink = styled(Link).attrs((props) => ({\r\n login: true,\r\n title: props.title,\r\n}))``;\r\n\r\nexport const DificuldadesAcessoContainer = styled.div`\r\n display: flex;\r\n margin-left: 104px;\r\n`;\r\n","import React, { useState, useRef, useEffect } from 'react';\r\nimport { useSelector, useDispatch } from 'react-redux';\r\nimport { Button, Image, Text } from '@unimed-fesp/components';\r\nimport { useLocation } from 'react-router-dom';\r\nimport { Form } from '@unform/web';\r\nimport { toast } from 'react-toastify';\r\nimport * as Yup from 'yup';\r\n\r\n// #region Services e Stores\r\nimport { Creators as AuthActions } from '../../store/ducks/auth';\r\nimport { Creators as UsuarioActions } from '../../store/ducks/usuario';\r\n\r\nimport {\r\n USER_KEY,\r\n getLocalObj,\r\n excludeData,\r\n getUserData,\r\n getRefreshToken,\r\n isAccessTokenValid,\r\n getTokenAccessToken,\r\n} from '../../services/auth';\r\nimport history from '../../services/history';\r\n// #endregion\r\n\r\n// #region Componentes\r\nimport SectionHeader from '../../components/atoms/SectionHeader';\r\nimport { ErrorToast } from '../../components/molecules/Toast';\r\nimport LoadingIcon from '../../components/Icons/LoadingIcon';\r\nimport FormChangePassword from '../../components/organisms/FormChangePassword';\r\n// #endregion\r\n\r\nimport UnimedLogo from '../../assets/images/login/logo-unimed-fesp.svg';\r\nimport {\r\n LoginLink,\r\n Container,\r\n ImageStructure,\r\n HeaderContainer,\r\n AutenticacaoStructure,\r\n DificuldadesAcessoContainer,\r\n} from './styles';\r\n\r\nfunction RecuperarSenha() {\r\n const location = useLocation();\r\n const isChangePassword =\r\n false || (location.state && location.state.isChangePassword);\r\n\r\n const { patchSenha } = useSelector((state) => state.usuario);\r\n const { loggedIn, postRecuperarSenha, usuario } = useSelector(\r\n (state) => state.auth\r\n );\r\n\r\n const dispatch = useDispatch();\r\n const formRef = useRef(null);\r\n\r\n const { REACT_APP_EMAIL_DIFICULDADES_ACESSO } = process.env;\r\n const mailTo = `mailto:${REACT_APP_EMAIL_DIFICULDADES_ACESSO}`;\r\n const queryString = window.location.search;\r\n const params = new URLSearchParams(queryString);\r\n const queryEmail = params.get('email');\r\n const [queryToken, setQueryToken] = useState(\r\n params.get('token')?.replaceAll(' ', '+')\r\n );\r\n\r\n const changePasswordData = {\r\n antigaSenha: '',\r\n novaSenha: '',\r\n confirmarSenha: '',\r\n };\r\n\r\n const [changePasswordParams, setChangePasswordParams] =\r\n useState(changePasswordData);\r\n\r\n const [novaSenha, setNovaSenha] = useState();\r\n\r\n async function handleSubmitNewPasswordToken(data) {\r\n try {\r\n const schema = Yup.object().shape({\r\n novaSenha: Yup.string()\r\n .trim()\r\n .matches(\r\n /^(?=.*?[A-Z])(?=(.*[a-z]){1,})(?=(.*[\\d]){1,})(?=(.*[\\W_]){1,})(?!.*\\s).{6,}$/g,\r\n 'A senha deve ter ao menos 6 caracteres e ser uma combinação de letras maiúsculas e minúsculas, números e simbolos'\r\n )\r\n .required('A senha é obrigatória'),\r\n confirmarSenha: Yup.string()\r\n .trim()\r\n .matches(\r\n /^(?=.*?[A-Z])(?=(.*[a-z]){1,})(?=(.*[\\d]){1,})(?=(.*[\\W_]){1,})(?!.*\\s).{6,}$/g,\r\n 'A senha deve ter ao menos 6 caracteres e deve ser uma combinação de letras maiúsculas e minúsculas, números e simbolos'\r\n )\r\n .oneOf([Yup.ref('novaSenha')], 'As senhas devem ser iguais')\r\n .required('A senha é obrigatória'),\r\n });\r\n await schema.validate(data, {\r\n abortEarly: false,\r\n });\r\n dispatch(\r\n AuthActions.postRecuperarSenhaRequest({\r\n email: queryEmail,\r\n senha: data.novaSenha,\r\n confirmarSenha: data.confirmarSenha,\r\n token: queryToken,\r\n })\r\n );\r\n\r\n setNovaSenha(data.novaSenha);\r\n\r\n formRef.current.setErrors({});\r\n } catch (error) {\r\n if (error instanceof Yup.ValidationError) {\r\n const errorMessages = {};\r\n error.inner.forEach((err) => {\r\n errorMessages[err.path] = err.message;\r\n });\r\n\r\n formRef.current.setErrors(errorMessages);\r\n }\r\n }\r\n }\r\n async function handleSubmitChangePassword(data) {\r\n try {\r\n const schema = Yup.object().shape({\r\n antigaSenha: Yup.string().required('A senha é obrigatória'),\r\n novaSenha: Yup.string()\r\n .trim()\r\n .matches(\r\n /^(?=.*?[A-Z])(?=(.*[a-z]){1,})(?=(.*[\\d]){1,})(?=(.*[\\W_]){1,})(?!.*\\s).{6,}$/g,\r\n 'A senha deve ter ao menos 6 caracteres e ser uma combinação de letras maiúsculas e minúsculas, números e simbolos'\r\n )\r\n .required('A senha é obrigatória'),\r\n confirmarSenha: Yup.string()\r\n .trim()\r\n .matches(\r\n /^(?=.*?[A-Z])(?=(.*[a-z]){1,})(?=(.*[\\d]){1,})(?=(.*[\\W_]){1,})(?!.*\\s).{6,}$/g,\r\n 'A senha deve ter ao menos 6 caracteres e deve ser uma combinação de letras maiúsculas e minúsculas, números e simbolos'\r\n )\r\n .oneOf([Yup.ref('novaSenha')], 'As senhas devem ser iguais')\r\n .required('A senha é obrigatória'),\r\n });\r\n\r\n await schema.validate(data, {\r\n abortEarly: false,\r\n });\r\n\r\n dispatch(\r\n UsuarioActions.patchSenhaRequest(\r\n usuario.idUsuarioLogado,\r\n data.antigaSenha,\r\n data.novaSenha,\r\n data.confirmarSenha\r\n )\r\n );\r\n\r\n formRef.current.setErrors({});\r\n } catch (error) {\r\n if (error instanceof Yup.ValidationError) {\r\n const errorMessages = {};\r\n\r\n error.inner.forEach((err) => {\r\n errorMessages[err.path] = err.message;\r\n });\r\n\r\n formRef.current.setErrors(errorMessages);\r\n }\r\n }\r\n }\r\n\r\n useEffect(() => {\r\n if (loggedIn) history.push('/novo/lista');\r\n\r\n if (getLocalObj(USER_KEY) && !loggedIn) {\r\n if (getTokenAccessToken() && isAccessTokenValid()) {\r\n dispatch(AuthActions.signInRequest(getUserData()));\r\n } else if (getRefreshToken() && !isAccessTokenValid()) {\r\n dispatch(AuthActions.refreshInvalidTokenRequest(getTokenAccessToken()));\r\n } else {\r\n excludeData();\r\n dispatch(AuthActions.signOut());\r\n }\r\n }\r\n }, [dispatch, loggedIn]);\r\n\r\n useEffect(() => {\r\n if (patchSenha.success) history.push('/novo/lista');\r\n }, [patchSenha.success]);\r\n\r\n useEffect(() => {\r\n if (patchSenha.isError) {\r\n toast.error({patchSenha.error[0]});\r\n }\r\n }, [patchSenha.error, patchSenha.isError]);\r\n\r\n useEffect(() => {\r\n if (postRecuperarSenha.isError) {\r\n setQueryToken(null);\r\n history.replace(\r\n `/novo/login/redefinir-senha?email=${queryEmail}&isTokenError=true`\r\n );\r\n } else if (postRecuperarSenha.success) {\r\n const usuarioParams = {\r\n userId: queryEmail,\r\n password: novaSenha,\r\n grantType: 'password',\r\n };\r\n\r\n dispatch(AuthActions.postLoginRequest(usuarioParams));\r\n }\r\n }, [dispatch, novaSenha, postRecuperarSenha, queryEmail]);\r\n\r\n return (\r\n \r\n \r\n {isChangePassword ? (\r\n \r\n \r\n \r\n \r\n ) : (\r\n <>\r\n \r\n \r\n \r\n )}\r\n \r\n \r\n \r\n alterar senha\r\n \r\n {(postRecuperarSenha.loading || patchSenha.loading) && (\r\n \r\n )}\r\n {isChangePassword && (\r\n \r\n \r\n \r\n fale com o nosso Suporte.\r\n \r\n \r\n )}\r\n \r\n \r\n \r\n \r\n );\r\n}\r\n\r\nexport default RecuperarSenha;\r\n","import { Error } from '@unimed-fesp/components';\r\nimport React from 'react';\r\nimport { useLocation } from 'react-router-dom';\r\nimport history from '../../services/history';\r\n\r\nfunction ErrorPage() {\r\n const location = useLocation();\r\n const props = location.state;\r\n\r\n function handleClick() {\r\n const queryString = window.location.search;\r\n const params = new URLSearchParams(queryString);\r\n const queryUrlRedirect = params.get('redirect');\r\n if (props) {\r\n history.push(props.path);\r\n }\r\n if (queryUrlRedirect) history.push(queryUrlRedirect);\r\n else window.location.reload();\r\n }\r\n\r\n const errorNumber = '500';\r\n const errorTitle = 'oops! erro do servidor interno';\r\n const errorMessage =\r\n 'O servidor encontrou uma situação com a qual não sabe lidar.';\r\n\r\n if (props) {\r\n return (\r\n \r\n );\r\n }\r\n\r\n return (\r\n \r\n );\r\n}\r\n\r\nexport default ErrorPage;\r\n","import React from 'react';\r\nimport { Error } from '@unimed-fesp/components';\r\n\r\nfunction NotFoundPage() {\r\n const errorNumber = '404';\r\n const errorTitle = 'oops! página não encontrado';\r\n const errorMessage =\r\n 'O servidor não pode encontrar o recurso solicitado. Este código de resposta talvez seja o mais famoso devido à frequência com que acontece na web.';\r\n\r\n return (\r\n \r\n );\r\n}\r\n\r\nexport default NotFoundPage;\r\n","export const setParamsTermoResponsabilidade = (params) => {\r\n sessionStorage.setItem('@termo-reponsabilidade', JSON.stringify(params));\r\n};\r\n\r\nexport const getParamsTermoResponsabilidade = () => {\r\n return JSON.parse(sessionStorage.getItem('@termo-reponsabilidade'));\r\n};\r\n","import * as signalR from '@microsoft/signalr';\r\n\r\nconst { REACT_APP_SIGNALR } = process.env;\r\n\r\nexport const OpenConnection = async (socketConnection) => {\r\n await socketConnection\r\n .start()\r\n .then((resp) => console.log(resp, 'Sucesso!'))\r\n .catch((error) => console.log(error, 'Erro!'));\r\n};\r\n\r\nexport const BuildConnection = (hubName) => {\r\n const socketConnection = new signalR.HubConnectionBuilder()\r\n .configureLogging(signalR.LogLevel.Debug)\r\n .withUrl(`${REACT_APP_SIGNALR}/${hubName}`)\r\n .build();\r\n\r\n socketConnection.keepAliveIntervalInMilliseconds = 1000 * 60 * 100; // 100 minutes\r\n socketConnection.serverTimeoutInMilliseconds = 1000 * 60 * 100; // 100 minutes\r\n\r\n return socketConnection;\r\n};\r\n\r\nexport const CloseConnection = async (socketConnection) => {\r\n await socketConnection\r\n .stop()\r\n .then(() => {})\r\n .catch((error) => {\r\n console.log(error);\r\n });\r\n};\r\n","import styled from 'styled-components';\r\nimport { FiArrowRight } from 'react-icons/fi';\r\n\r\nexport const Container = styled.div`\r\n label > input {\r\n border-width: 1px !important;\r\n }\r\n`;\r\n\r\nexport const IconNext = styled(FiArrowRight)`\r\n order: 5;\r\n margin-left: 5px;\r\n margin-top: 2px;\r\n`;\r\n","import React from 'react';\r\nimport { useField } from '@unform/core';\r\n\r\nimport {\r\n Button,\r\n TextField,\r\n WrapperFlex,\r\n TelefoneBox,\r\n} from '@unimed-fesp/components';\r\n\r\nimport { isEmail, isCNPJ } from '../../../utils/validation';\r\nimport { Container, IconNext } from './styles';\r\n\r\nfunction FormMassaInicial({\r\n dadosEmpresa,\r\n setDadosEmpresa,\r\n formRef,\r\n clearInputs,\r\n handleAvancar,\r\n}) {\r\n const registerEmpresa = useField('empresa').registerField;\r\n const registerResponsavel = useField('responsavel').registerField;\r\n const registerEmail = useField('email').registerField;\r\n const registerCNPJ = useField('cnpj').registerField;\r\n const errorEmail = useField('email').error;\r\n const errorCNPJ = useField('cnpj').error;\r\n const errorResponsavel = useField('responsavel').error;\r\n const errorEmpresa = useField('empresa').error;\r\n\r\n const canSubmit =\r\n !!dadosEmpresa.responsavel &&\r\n !errorResponsavel &&\r\n !!dadosEmpresa.empresa &&\r\n !errorEmpresa &&\r\n !!dadosEmpresa.email &&\r\n !errorEmail &&\r\n !!dadosEmpresa.cnpj &&\r\n !errorCNPJ;\r\n\r\n const validateInput = (e) => {\r\n if (!formRef) return;\r\n\r\n const { name, value } = e.target;\r\n formRef.setFieldError(name, '');\r\n\r\n if (name === 'cnpj' && !isCNPJ(value)) {\r\n formRef.setFieldError(name, `O cnpj não é válido`);\r\n }\r\n\r\n if (name === 'email' && !isEmail(value)) {\r\n formRef.setFieldError(name, `O email não é válido`);\r\n }\r\n\r\n if ((name === 'empresa' || name === 'responsavel') && value.length > 100) {\r\n formRef.setFieldError(name, `O campo só pode ter 100 caracteres`);\r\n }\r\n\r\n if (!value) {\r\n formRef.setFieldError(name, `O campo é obrigatório`);\r\n }\r\n };\r\n\r\n const handleChange = (e) => {\r\n const { name, value } = e.target;\r\n setDadosEmpresa((dados) => ({\r\n ...dados,\r\n [name]: name === 'cnpj' ? value.replaceAll(/\\D/g, '') : value,\r\n }));\r\n };\r\n\r\n const formatCNPJ = (cnpj) => {\r\n let cnpjNumber = cnpj.replaceAll(/[^\\d]/g, '');\r\n\r\n if (cnpjNumber.length >= 14) cnpjNumber = cnpjNumber.substr(0, 14);\r\n\r\n if (cnpjNumber.length > 12)\r\n cnpjNumber = cnpjNumber.replace(\r\n /^(\\d{2})(\\d{3})(\\d{3})(\\d{4})(\\d)/g,\r\n '$1.$2.$3/$4-$5'\r\n );\r\n else if (cnpjNumber.length > 8)\r\n cnpjNumber = cnpjNumber.replace(\r\n /^(\\d{2})(\\d{3})(\\d{3})(\\d)/g,\r\n '$1.$2.$3/$4'\r\n );\r\n else if (cnpjNumber.length > 5)\r\n cnpjNumber = cnpjNumber.replace(/^(\\d{2})(\\d{3})(\\d)/g, '$1.$2.$3');\r\n else if (cnpjNumber.length > 2)\r\n cnpjNumber = cnpjNumber.replace(/^(\\d{2})(\\d)/g, '$1.$2');\r\n\r\n return cnpjNumber;\r\n };\r\n return (\r\n <>\r\n \r\n \r\n handleChange(e)}\r\n onBlur={(e) => validateInput(e)}\r\n error={errorEmpresa}\r\n errorMessage={errorEmpresa}\r\n register={registerEmpresa}\r\n />\r\n handleChange(e)}\r\n onBlur={(e) => validateInput(e)}\r\n register={registerCNPJ}\r\n error={errorCNPJ}\r\n errorMessage={errorCNPJ}\r\n />\r\n handleChange(e)}\r\n onBlur={(e) => validateInput(e)}\r\n register={registerResponsavel}\r\n error={errorResponsavel}\r\n errorMessage={errorResponsavel}\r\n />\r\n handleChange(e)}\r\n onBlur={(e) => validateInput(e)}\r\n register={registerEmail}\r\n error={errorEmail}\r\n errorMessage={errorEmail}\r\n />\r\n \r\n setDadosEmpresa((state) => ({\r\n ...state,\r\n telefone: { contatos },\r\n }))\r\n }\r\n single\r\n />\r\n \r\n \r\n \r\n limpar\r\n \r\n handleAvancar()}\r\n font=\"16px unimed_slabregular\"\r\n >\r\n avançar\r\n \r\n \r\n \r\n \r\n \r\n );\r\n}\r\n\r\nexport default FormMassaInicial;\r\n","import styled from 'styled-components';\r\nimport { FiAlertCircle } from 'react-icons/fi';\r\nimport { FaRegCheckCircle } from 'react-icons/fa';\r\nimport { Checkbox } from '@unimed-fesp/components';\r\n\r\nimport theme from '../../../styles/theme';\r\n\r\nexport const Container = styled.div`\r\n display: flex;\r\n justify-content: space-between;\r\n\r\n svg {\r\n height: 60px;\r\n width: 60px;\r\n }\r\n`;\r\n\r\nexport const ContentText = styled.div`\r\n align-self: center;\r\n margin: 0 auto;\r\n margin-bottom: 30px;\r\n margin-top: 28px;\r\n max-width: 380px;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n`;\r\n\r\nexport const Text = styled.p`\r\n font: normal normal normal 15px 'Calibri';\r\n color: ${theme.colorGray};\r\n text-align: center;\r\n`;\r\n\r\nexport const Content = styled.div`\r\n padding: 10px;\r\n align-self: center;\r\n`;\r\n\r\nexport const TextHeader = styled.strong`\r\n font: normal normal 800 34px/43px 'work_sans';\r\n color: ${theme.titleGray};\r\n text-align: center;\r\n display: flex;\r\n flex-direction: column;\r\n margin: 0 auto;\r\n`;\r\n\r\nexport const TextHeaderBold = styled.strong`\r\n font: normal normal 800 34px/43px 'unimed_slabbold';\r\n color: ${theme.titleGray};\r\n text-align: center;\r\n display: flex;\r\n flex-direction: column;\r\n margin: 0 auto;\r\n`;\r\n\r\nexport const IconAlert = styled(FiAlertCircle)`\r\n color: ${theme.yellowDefault};\r\n width: 83px;\r\n height: 83px;\r\n margin-bottom: 8px;\r\n margin-left: 25px;\r\n`;\r\n\r\nexport const IconSuccess = styled(FaRegCheckCircle)`\r\n color: ${theme.greenDefault};\r\n width: 100px;\r\n height: 100px;\r\n margin-bottom: 8px;\r\n margin-left: 25px;\r\n`;\r\n\r\nexport const CheckboxWithText = styled(Checkbox)`\r\n margin-bottom: 18px;\r\n > p {\r\n margin-bottom: 18px;\r\n color: ${theme.colorGray};\r\n font: normal normal normal 14px/20px 'Calibri';\r\n margin-right: 0px;\r\n }\r\n\r\n > p > a {\r\n color: ${theme.green1};\r\n font-weight: bold;\r\n }\r\n`;\r\n","import React from 'react';\r\nimport { Link } from 'react-router-dom';\r\nimport { useSelector } from 'react-redux';\r\n\r\nimport { Button, Modal, Text, WrapperFlex } from '@unimed-fesp/components';\r\n\r\nimport { ModalContentWrapper } from '../../molecules/Modal';\r\n\r\nimport { ContentText, CheckboxWithText } from './styles';\r\n\r\nimport theme from '../../../styles/theme';\r\n\r\nfunction ModalTermoMassaInicial({\r\n isOpen,\r\n onClick,\r\n aceitos,\r\n setAceitos,\r\n handleValidadMassaInicial,\r\n}) {\r\n const { success } = useSelector((state) => state.lista.MassaInicial.patch);\r\n\r\n function handleChange(value) {\r\n if (aceitos.includes(value)) {\r\n setAceitos((state) => state.filter((item) => item !== value));\r\n } else {\r\n setAceitos((state) => [...state, value]);\r\n }\r\n }\r\n\r\n if (success) return ;\r\n\r\n return (\r\n \r\n }\r\n >\r\n \r\n \r\n \r\n \r\n handleChange('compartilhar')}\r\n />\r\n \r\n Li e concordo com o\r\n \r\n {' '}\r\n Termo de responsabilidade\r\n \r\n \r\n }\r\n onClick={() => handleChange('termo')}\r\n />\r\n \r\n \r\n \r\n \r\n );\r\n}\r\n\r\nconst ModalFooter = ({ onClick, aceitos, handleValidadMassaInicial }) => {\r\n return (\r\n \r\n \r\n cancelar\r\n \r\n \r\n validar massa inicial\r\n \r\n \r\n );\r\n};\r\n\r\nconst ModalSucessoPatch = ({ isOpen, onClick }) => {\r\n function voltarParaMassaInicial() {\r\n window.location.reload();\r\n }\r\n\r\n return (\r\n \r\n ok\r\n \r\n }\r\n >\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n );\r\n};\r\nexport default ModalTermoMassaInicial;\r\n","import styled, { css } from 'styled-components';\r\nimport { FiAlertCircle, FiCheckCircle } from 'react-icons/fi';\r\n\r\nimport theme from '../../../styles/theme';\r\n\r\nexport const Container = styled.div`\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n ${({ width }) =>\r\n width &&\r\n css`\r\n width: ${width}px;\r\n `};\r\n`;\r\n\r\nexport const ContentText = styled.div`\r\n color: ${theme.movGrey};\r\n padding: 27px 0;\r\n align-self: center;\r\n font: normal normal normal 14px/20px 'Calibri';\r\n\r\n strong {\r\n font: bold 15px 'Calibri';\r\n }\r\n\r\n a,\r\n a:hover {\r\n font: bold 14px 'Calibri';\r\n color: #8bac2a;\r\n text-decoration: none;\r\n }\r\n`;\r\n\r\nexport const ContentFile = styled.div`\r\n margin: 10px;\r\n`;\r\n\r\nexport const IconAlert = styled(FiAlertCircle)`\r\n color: ${theme.yellowDefault};\r\n width: 17px;\r\n height: 17px;\r\n margin-right: 15px;\r\n`;\r\n\r\nexport const IconsSuccess = styled(FiCheckCircle)`\r\n color: ${theme.greenDefault};\r\n width: 17px;\r\n height: 17px;\r\n margin-right: 15px;\r\n`;\r\n","import React from 'react';\r\n\r\nimport { FileUpload } from '@unimed-fesp/components';\r\n\r\nimport {\r\n Container,\r\n ContentText,\r\n ContentFile,\r\n IconAlert,\r\n IconsSuccess,\r\n} from './styles';\r\n\r\nconst LoagingFiles = ({\r\n files,\r\n onClickCancel,\r\n canImport,\r\n handleProgress,\r\n width,\r\n maxLengthFileName,\r\n}) => {\r\n return (\r\n \r\n {canImport ? (\r\n \r\n \r\n Arquivo carregado com sucesso!\r\n \r\n ) : (\r\n \r\n \r\n Aguarde! Seus arquivos estão sendo carregados.\r\n \r\n )}\r\n {Object.values(files).map((file) => (\r\n \r\n ))}\r\n \r\n );\r\n};\r\n\r\nconst MyContentFile = ({\r\n file,\r\n uploadProgress,\r\n onClickCancel,\r\n maxLengthFileName,\r\n}) => {\r\n return (\r\n \r\n maxLengthFileName\r\n ? `${file.name.substr(0, maxLengthFileName)}...`\r\n : file.name\r\n }\r\n fileSize={file.readableSize}\r\n uploadProgress={uploadProgress(file)}\r\n onClickCancel={onClickCancel}\r\n />\r\n \r\n );\r\n};\r\nexport default LoagingFiles;\r\n","import styled from 'styled-components';\r\nimport { FiArrowLeft } from 'react-icons/fi';\r\nimport { AiOutlineLike } from 'react-icons/ai';\r\n\r\nimport WrapperFlex from '../../molecules/WrapperFlex';\r\n\r\nexport const Container = styled(WrapperFlex)`\r\n min-height: 350px;\r\n display: flex;\r\n align-items: flex-start;\r\n`;\r\n\r\nexport const IconPrev = styled(FiArrowLeft)`\r\n margin-right: 5px;\r\n margin-top: 2px;\r\n`;\r\n\r\nexport const IconLike = styled(AiOutlineLike)`\r\n margin-right: 5px;\r\n margin-top: 2px;\r\n`;\r\n\r\nexport const ContainerFooter = styled.div`\r\n margin-top: 20px;\r\n`;\r\n","import React from 'react';\r\n\r\nimport modeloPadraoMassaInicial from '../../../assets/modelos/massaInicial/ModeloPadrãoMassaInicial.csv';\r\nimport orientaçõesPreenchimentoMassaInicial from '../../../assets/modelos/massaInicial/OrientaçõesPreenchimentoMassaInicial.pdf';\r\n\r\nimport { ContainerFooter } from './styles';\r\n\r\nconst TemplateDownloadText = () => (\r\n \r\n Para te auxiliar, temos um\r\n \r\n {' '}\r\n modelo padrão{' '}\r\n \r\n demonstrando como deve ser a estrutura do arquivo csv e as\r\n \r\n {' '}\r\n orientações de preenchimento{' '}\r\n \r\n do arquivo.\r\n \r\n);\r\n\r\nexport default TemplateDownloadText;\r\n","import React from 'react';\r\n\r\nconst RegrasImportMassaInicial = () => (\r\n <>\r\n \r\n Realize o envio da\r\n massa inicial \r\n através do envio de um arquivo\r\n .csv \r\n de até 10mb.\r\n
\r\n \r\n O arquivo não deve possuir linhas 'em branco' {' '}\r\n e não deve possuir linhas contento apenas{' '}\r\n ponto e vírgula(;).\r\n
\r\n \r\n);\r\n\r\nexport default RegrasImportMassaInicial;\r\n","import React from 'react';\r\nimport { toast } from 'react-toastify';\r\nimport { useDispatch, useSelector } from 'react-redux';\r\n\r\nimport { Button, WrapperFlex, ImportBox } from '@unimed-fesp/components';\r\n\r\n// #region import componentes\r\nimport { WarningToast } from '../../molecules/Toast';\r\nimport LoagingFiles from '../../molecules/LoadingFiles';\r\nimport TemplateDownloadText from './TemplateDownloadText';\r\nimport RegrasImportMassaInicial from './RegrasImportMassaInicial';\r\n// #endregion\r\n\r\nimport { IconLike, IconPrev, Container } from './styles';\r\n\r\nimport { shapeFile, customValidations } from '../../../utils/file';\r\nimport { Creators as ListaActions } from '../../../store/ducks/lista';\r\n\r\nfunction UploadMassaInicial({\r\n handleVoltar,\r\n setListaFiles,\r\n file,\r\n handleValidar,\r\n progress,\r\n}) {\r\n const dispatch = useDispatch();\r\n const { success } = useSelector((state) => state.lista.MassaInicial.post);\r\n\r\n function handleErros({ fileErrors, hasMaxQuantity }) {\r\n if (fileErrors.length > 0) {\r\n if (fileErrors[0].error.hasMaxSize) {\r\n toast.error(\r\n \r\n O arquivo ultrapassou o limite máximo de 10mb\r\n \r\n );\r\n } else if (fileErrors[0].error.hasValidExtension) {\r\n toast.error(\r\n O arquivo enviado deve ser um .csv\r\n );\r\n } else if (hasMaxQuantity) {\r\n toast.error(\r\n Deve-se enviar apenas 1 arquivo\r\n );\r\n }\r\n }\r\n }\r\n\r\n return (\r\n <>\r\n \r\n \r\n {file ? (\r\n {\r\n setListaFiles([]);\r\n dispatch(ListaActions.postArquivoMassaInicialRenew());\r\n }}\r\n canImport={success}\r\n handleProgress={() => (success ? 100 : progress)}\r\n maxLengthFileName={40}\r\n width={500}\r\n />\r\n ) : (\r\n }\r\n templateDownloadText={}\r\n setListaFiles={setListaFiles}\r\n shapeFile={shapeFile}\r\n customValidations={(filesInput) =>\r\n customValidations(filesInput, 10000000, 1, ['csv'], handleErros)\r\n }\r\n maxWidth={430}\r\n />\r\n )}\r\n \r\n \r\n {\r\n setListaFiles([]);\r\n handleVoltar();\r\n }}\r\n font=\"16px unimed_slabregular\"\r\n >\r\n \r\n voltar\r\n \r\n \r\n \r\n validar\r\n \r\n \r\n \r\n \r\n );\r\n}\r\n\r\nexport default UploadMassaInicial;\r\n","import styled, { css } from 'styled-components';\r\nimport { Form as FormWeb } from '@unform/web';\r\n\r\nimport theme from '../../styles/theme';\r\n\r\nimport ImagemMassaInicial from '../../assets/images/massa-inicial/imagem-massa-inicial.svg';\r\n\r\nexport const Container = styled.div`\r\n display: grid;\r\n grid-template-columns: 1fr 500px;\r\n height: 100vh;\r\n overflow-y: hidden;\r\n padding: 32px 40px 0 0;\r\n background-color: #ffff;\r\n`;\r\n\r\nexport const ContainerImage = styled.div`\r\n display: flex;\r\n flex-direction: column;\r\n height: 100vh;\r\n position: relative;\r\n`;\r\n\r\nexport const HeaderContainer = styled.div`\r\n margin-left: 60px;\r\n margin-bottom: 20px;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n`;\r\n\r\nexport const ContainerFormMassaInicial = styled.div`\r\n grid-template-rows: 13% 20% 5% 65%;\r\n background-color: #ffff;\r\n\r\n ${({ display }) =>\r\n display\r\n ? css`\r\n display: ${display};\r\n `\r\n : ''};\r\n }\r\n`;\r\n\r\nexport const ImageBackground = styled.div`\r\n background-image: url(${ImagemMassaInicial});\r\n background-repeat: no-repeat;\r\n background-position-y: bottom;\r\n background-position-x: left;\r\n background-size: contain;\r\n background-color: #ffff;\r\n flex: 1;\r\n`;\r\n\r\nexport const HeaderTitulo = styled.h1`\r\n font-family: 'unimed_slabbold';\r\n color: ${theme.titleGray};\r\n font-size: 34px;\r\n`;\r\n\r\nexport const ContainerProgressBar = styled.div`\r\n margin-left: -5px;\r\n`;\r\n\r\nexport const TextoPasso = styled.div`\r\n font: bold 16px 'Calibri';\r\n color: ${theme.colorGray};\r\n text-transform: uppercase;\r\n margin-left: 5px;\r\n`;\r\n\r\nexport const Form = styled(FormWeb)`\r\n min-height: 550px;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n`;\r\n","import React, { useState, useRef, useEffect, useCallback } from 'react';\r\nimport { useDispatch, useSelector } from 'react-redux';\r\n\r\nimport { ProgressBar, Image } from '@unimed-fesp/components';\r\n\r\nimport { Base64 } from 'js-base64';\r\nimport TipoTelefoneEnum from '../../enums/TipoTelefoneEnum';\r\nimport { setParamsTermoResponsabilidade } from '../../services/massaInicial';\r\nimport { OpenConnection, BuildConnection } from '../../services/signalR';\r\nimport UnimedLogo from '../../assets/images/login/logo-unimed-fesp.svg';\r\n\r\nimport { Creators as ListaActions } from '../../store/ducks/lista';\r\n\r\nimport SectionHeader from '../../components/atoms/SectionHeader';\r\n\r\nimport FormMassaInicial from '../../components/organisms/FormMassaInicial';\r\nimport ModalTermoMassaInicial from '../../components/organisms/ModalTermoMassaInicial';\r\nimport UploadMassaInicial from '../../components/organisms/UploadMassaInicial';\r\n\r\nimport {\r\n Container,\r\n ContainerFormMassaInicial,\r\n HeaderContainer,\r\n ImageBackground,\r\n ContainerImage,\r\n HeaderTitulo,\r\n ContainerProgressBar,\r\n TextoPasso,\r\n Form,\r\n} from './styles';\r\n\r\nconst inicalValuesForm = {\r\n empresa: '',\r\n cnpj: '',\r\n responsavel: '',\r\n email: '',\r\n telefone: {\r\n contatos: [\r\n {\r\n tipo: 'Celular',\r\n numero: '',\r\n },\r\n ],\r\n },\r\n};\r\nconst passos = ['Dados da empresa', 'Importar massa inicial'];\r\n\r\nfunction MassaInicial() {\r\n const [dadosEmpresa, setDadosEmpresa] = useState(inicalValuesForm);\r\n const [fileMassaInicial, setFileMassaInicial] = React.useState([]);\r\n const [signalRConnection, setSignalRConnection] = useState();\r\n const [termosAceitos, setTermosAceitos] = useState([]);\r\n const [progress, setProgress] = useState(0);\r\n\r\n const { idLista } = useSelector((state) => state.lista.MassaInicial.post);\r\n const formRef = useRef();\r\n const [termoOpen, setTermoOpen] = useState(false);\r\n const [passo, setPasso] = useState(0);\r\n\r\n const dispatch = useDispatch();\r\n\r\n const clearInputs = () => {\r\n setDadosEmpresa(inicalValuesForm);\r\n };\r\n\r\n const toBase64 = (file) =>\r\n new Promise((resolve, reject) => {\r\n const reader = new FileReader();\r\n reader.readAsText(file, 'ISO-8859-1');\r\n reader.onload = (e) => {\r\n resolve(Base64.encode(e.target.result));\r\n };\r\n reader.onerror = (error) => reject(error);\r\n });\r\n\r\n const formatBody = async (files, idHub) => {\r\n const { file } = files[0];\r\n\r\n const [, nomeArquivo, extensao] = new RegExp(/(.*?)\\.([^.\\\\]+)$/gm).exec(\r\n file.name\r\n );\r\n const { telefone } = dadosEmpresa;\r\n\r\n const contato =\r\n telefone.contatos.length > 0 && telefone.contatos[0].numero.length > 0\r\n ? {\r\n ddd: telefone.contatos[0].numero.substr(0, 2),\r\n numero: telefone.contatos[0].numero.substr(2),\r\n tipo: TipoTelefoneEnum.returnNameForName[telefone.contatos[0].tipo],\r\n }\r\n : {};\r\n\r\n const cnpj = dadosEmpresa.cnpj\r\n ? dadosEmpresa.cnpj.replaceAll(/[^\\d]/g, '')\r\n : null;\r\n\r\n const tempBody = {\r\n nomeEmpresa: dadosEmpresa.empresa,\r\n cnpj,\r\n nomeResponsavel: dadosEmpresa.responsavel,\r\n email: dadosEmpresa.email,\r\n contato,\r\n arquivo: await toBase64(file),\r\n nomeArquivo,\r\n extensaoArquivo: `.${extensao}`,\r\n idHub: idHub || 0,\r\n };\r\n\r\n return tempBody;\r\n };\r\n\r\n const handleValidadMassaInicial = useCallback(\r\n async (files, idHub) => {\r\n const body = await formatBody(files, idHub);\r\n dispatch(ListaActions.postArquivoMassaInicialRequest(body));\r\n },\r\n [dispatch, formatBody]\r\n );\r\n\r\n async function SignalRUploadProgress() {\r\n const socketConnection = BuildConnection('ProgressStatusHub');\r\n socketConnection.on('updateProgress', (message) => {\r\n if (!message.errorMessage && message.progressValue !== 0)\r\n setProgress(message.progressValue);\r\n });\r\n await OpenConnection(socketConnection);\r\n setSignalRConnection(socketConnection);\r\n\r\n return socketConnection;\r\n }\r\n\r\n function handleChange(files) {\r\n if (files.length <= 0) {\r\n setFileMassaInicial([]);\r\n return;\r\n }\r\n\r\n SignalRUploadProgress().then((conn) => {\r\n setSignalRConnection(conn);\r\n setFileMassaInicial(files);\r\n if (files.length > 0) handleValidadMassaInicial(files, conn.connectionId);\r\n });\r\n }\r\n\r\n function handleTermoResponsabilidade() {\r\n const body = {\r\n aceiteCompartilhamento: termosAceitos.includes('compartilhar'),\r\n aceiteTermo: termosAceitos.includes('termo'),\r\n };\r\n dispatch(\r\n ListaActions.patchAceiteCompartilhamentoMassaInicialRequest(idLista, body)\r\n );\r\n }\r\n\r\n function handleVoltarPasso() {\r\n setPasso(passo - 1);\r\n setTermosAceitos([]);\r\n dispatch(ListaActions.postArquivoMassaInicialRenew());\r\n dispatch(ListaActions.patchAceiteCompartilhamentoMassaInicialRenew());\r\n }\r\n\r\n useEffect(() => {\r\n setParamsTermoResponsabilidade({\r\n empresa: dadosEmpresa.empresa,\r\n responsavel: dadosEmpresa.responsavel,\r\n });\r\n }, [dadosEmpresa]);\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n massa inicial\r\n \r\n \r\n setTermoOpen(false)}\r\n aceitos={termosAceitos}\r\n setAceitos={setTermosAceitos}\r\n handleValidadMassaInicial={handleTermoResponsabilidade}\r\n />\r\n \r\n );\r\n}\r\n\r\nexport default MassaInicial;\r\n","import styled from 'styled-components';\r\nimport { Button } from '@unimed-fesp/components';\r\n\r\nimport theme from '../../styles/theme';\r\n\r\nexport const Container = styled.div`\r\n width: 1038px;\r\n border-radius: 5px;\r\n background: ${theme.bgWhite} 0% 0% no-repeat padding-box;\r\n margin: 28px auto;\r\n padding: 28px;\r\n`;\r\n\r\nexport const Title = styled.h1`\r\n font: normal normal bold 24px/16px 'unimed_slabbold';\r\n color: ${theme.titleGray};\r\n margin-bottom: 28px;\r\n letter-spacing: 0.48px;\r\n`;\r\n\r\nexport const Text = styled.p`\r\n font: normal normal normal 15px/23px Calibri;\r\n letter-spacing: 0.6px;\r\n color: ${theme.colorGray};\r\n max-width: 700px;\r\n\r\n @media print {\r\n text-align: left;\r\n padding-right: 30px;\r\n }\r\n`;\r\n\r\nexport const Assinatura = styled.div`\r\n border-top: 1px solid ${theme.colorGray};\r\n font: normal normal normal 15px/23px Calibri;\r\n letter-spacing: 0.6px;\r\n color: ${theme.colorGray};\r\n padding-top: 5px;\r\n margin-top: 100px;\r\n max-width: 40%;\r\n`;\r\n\r\nexport const Copy = styled.span`\r\n font: normal normal normal 10px/13px Calibri;\r\n color: ${theme.grey};\r\n position: absolute;\r\n bottom: 10px;\r\n`;\r\n\r\nexport const ButtonImprimir = styled(Button)`\r\n flex-direction: row-reverse;\r\n`;\r\n\r\nexport const ImageANS = styled.img`\r\n display: block;\r\n max-width: 120px;\r\n margin-top: 28px;\r\n`;\r\n","import React from 'react';\r\n\r\nimport { WrapperFlex, Image, NavbarPrimary } from '@unimed-fesp/components';\r\n\r\nimport { FiPrinter } from 'react-icons/fi';\r\n\r\nimport { legacyRoutes } from '../../routes/legacyRoutes';\r\nimport UnimedLogo from '../../assets/images/login/logo-unimed-fesp.svg';\r\nimport FespANS from '../../assets/images/FespANS.jpg';\r\n\r\nimport {\r\n Container,\r\n Title,\r\n Text,\r\n Copy,\r\n ButtonImprimir,\r\n ImageANS,\r\n} from './styles';\r\n\r\nexport default function TermoResponsabilidade() {\r\n const hoje = new Date();\r\n\r\n function ImprimirTermo(e) {\r\n e.stopPropagation();\r\n const { target } = e;\r\n\r\n window.print(() => {\r\n target.style.display = 'none';\r\n });\r\n }\r\n\r\n return (\r\n <>\r\n \r\n \r\n \r\n \r\n Termo de Responsabilidade - Massa Inicial\r\n \r\n imprimir\r\n \r\n \r\n \r\n\r\n \r\n A contratante, vem pelo presente termo, autorizar a troca de\r\n informações cadastrais para inclusão da massa inicial de\r\n beneficiários. A contratante assume total responsabilidade pelo uso\r\n adequado do login e senha da ferramenta de Movimentação Cadastral\r\n (MOVCAD), comprometendo-se a observar as regras e prazos contratuais,\r\n assim como atender as exigências da Agência Nacional de Saúde\r\n Suplementar (ANS).\r\n \r\n\r\n \r\n \r\n {hoje.getFullYear().toString()} © Unimed Fesp | Sistema MovCad\r\n \r\n \r\n \r\n );\r\n}\r\n","import React from 'react';\r\nimport { useSelector } from 'react-redux';\r\nimport { Switch, Route } from 'react-router-dom';\r\nimport { routes } from './routes';\r\nimport ProtectedRoute from './ProtectedRoute';\r\nimport Login from '../pages/Login';\r\nimport RecuperarSenha from '../pages/RecuperarSenha';\r\nimport ErrorPage from '../pages/ErrorPage';\r\nimport NotFound from '../pages/NotFound';\r\nimport MassaInicial from '../pages/MassaInicial';\r\nimport TermoResponsabilidade from '../pages/TermoResponsabilidade';\r\n\r\nconst Routes = () => {\r\n const { loggedIn } = useSelector((state) => state.auth);\r\n return (\r\n <>\r\n \r\n {routes.map((r) => (\r\n \r\n ))}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport default Routes;\r\n","import { createGlobalStyle } from 'styled-components';\r\nimport './fonts.css';\r\nimport 'react-toastify/dist/ReactToastify.css';\r\n\r\nconst GlobalStyle = createGlobalStyle`\r\n\r\n\r\n*,\r\n*::before,\r\n*::after {\r\n box-sizing: border-box;\r\n\r\n}\r\n\r\nhtml {\r\n font-family: sans-serif;\r\n line-height: 1.15;\r\n -webkit-text-size-adjust: 100%;\r\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\r\n height: 100%;\r\n}\r\n\r\narticle,\r\naside,\r\nfigcaption,\r\nfigure,\r\nfooter,\r\nheader,\r\nhgroup,\r\nmain,\r\nnav,\r\nsection {\r\n display: block;\r\n}\r\n\r\nbody {\r\n margin: 0;\r\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto,\r\n \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\",\r\n \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\r\n\r\n background-color: #F8F8F8;\r\n min-height: 100%;\r\n}\r\n\r\n[tabindex=\"-1\"]:focus {\r\n outline: 0 !important;\r\n}\r\n\r\nhr {\r\n box-sizing: content-box;\r\n height: 0;\r\n overflow: visible;\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6 {\r\n margin-top: 0;\r\n margin-bottom: 0.5rem;\r\n}\r\n\r\np {\r\n margin-top: 0;\r\n margin-bottom: 0;\r\n}\r\n\r\nabbr[title],\r\nabbr[data-original-title] {\r\n text-decoration: underline;\r\n -webkit-text-decoration: underline dotted;\r\n text-decoration: underline dotted;\r\n cursor: help;\r\n border-bottom: 0;\r\n -webkit-text-decoration-skip-ink: none;\r\n text-decoration-skip-ink: none;\r\n}\r\n\r\naddress {\r\n margin-bottom: 1rem;\r\n font-style: normal;\r\n line-height: inherit;\r\n}\r\n\r\nol,\r\nul,\r\ndl {\r\n margin-top: 0;\r\n margin-bottom: 1rem;\r\n}\r\n\r\nol ol,\r\nul ul,\r\nol ul,\r\nul ol {\r\n margin-bottom: 0;\r\n}\r\n\r\ndt {\r\n font-weight: 700;\r\n}\r\n\r\ndd {\r\n margin-bottom: 0.5rem;\r\n margin-left: 0;\r\n}\r\n\r\nblockquote {\r\n margin: 0 0 1rem;\r\n}\r\n\r\nb,\r\nstrong {\r\n font-weight: bolder;\r\n}\r\n\r\nsmall {\r\n font-size: 80%;\r\n}\r\n\r\nsub,\r\nsup {\r\n position: relative;\r\n font-size: 75%;\r\n line-height: 0;\r\n vertical-align: baseline;\r\n}\r\n\r\nsub {\r\n bottom: -0.25em;\r\n}\r\n\r\nsup {\r\n top: -0.5em;\r\n}\r\n\r\na {\r\n color: #007bff;\r\n text-decoration: none;\r\n background-color: transparent;\r\n}\r\n\r\na:hover {\r\n color: #0056b3;\r\n text-decoration: underline;\r\n}\r\n\r\na:not([href]):not([tabindex]) {\r\n text-decoration: none;\r\n}\r\n\r\na:not([href]):not([tabindex]):hover,\r\na:not([href]):not([tabindex]):focus {\r\n color: inherit;\r\n text-decoration: none;\r\n}\r\n\r\na:not([href]):not([tabindex]):focus {\r\n outline: 0;\r\n}\r\n\r\npre,\r\ncode,\r\nkbd,\r\nsamp {\r\n font-family: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\",\r\n \"Courier New\", monospace;\r\n}\r\n\r\npre {\r\n margin-top: 0;\r\n margin-bottom: 1rem;\r\n overflow: auto;\r\n}\r\n\r\nfigure {\r\n margin: 0 0 1rem;\r\n}\r\n\r\nimg {\r\n vertical-align: middle;\r\n border-style: none;\r\n}\r\n\r\nsvg {\r\n overflow: hidden;\r\n vertical-align: middle;\r\n}\r\n\r\ntable {\r\n border-collapse: collapse;\r\n}\r\n\r\ncaption {\r\n padding-top: 0.75rem;\r\n padding-bottom: 0.75rem;\r\n color: #6c757d;\r\n text-align: left;\r\n caption-side: bottom;\r\n}\r\n\r\nth {\r\n text-align: inherit;\r\n}\r\n\r\nlabel {\r\n display: inline-block;\r\n margin-bottom: 0.5rem;\r\n}\r\n\r\nbutton {\r\n border-radius: 0;\r\n}\r\n\r\nbutton:focus {\r\n outline: 1px dotted;\r\n outline: 5px auto -webkit-focus-ring-color;\r\n}\r\n\r\ninput,\r\nbutton,\r\nselect,\r\noptgroup,\r\ntextarea {\r\n margin: 0;\r\n font-family: inherit;\r\n line-height: inherit;\r\n}\r\n\r\nbutton,\r\ninput {\r\n overflow: visible;\r\n}\r\n\r\nbutton,\r\nselect {\r\n text-transform: none;\r\n}\r\n\r\nselect {\r\n word-wrap: normal;\r\n}\r\n\r\nbutton,\r\n[type=\"button\"],\r\n[type=\"reset\"],\r\n[type=\"submit\"] {\r\n -webkit-appearance: button;\r\n}\r\n\r\nbutton:not(:disabled),\r\n[type=\"button\"]:not(:disabled),\r\n[type=\"reset\"]:not(:disabled),\r\n[type=\"submit\"]:not(:disabled) {\r\n cursor: pointer;\r\n}\r\n\r\nbutton::-moz-focus-inner,\r\n[type=\"button\"]::-moz-focus-inner,\r\n[type=\"reset\"]::-moz-focus-inner,\r\n[type=\"submit\"]::-moz-focus-inner {\r\n padding: 0;\r\n border-style: none;\r\n}\r\n\r\ninput[type=\"radio\"],\r\ninput[type=\"checkbox\"] {\r\n box-sizing: border-box;\r\n padding: 0;\r\n}\r\n\r\ninput[type=\"date\"],\r\ninput[type=\"time\"],\r\ninput[type=\"datetime-local\"],\r\ninput[type=\"month\"] {\r\n -webkit-appearance: listbox;\r\n}\r\n\r\ntextarea {\r\n overflow: auto;\r\n resize: vertical;\r\n}\r\n\r\nfieldset {\r\n min-width: 0;\r\n padding: 0;\r\n margin: 0;\r\n border: 0;\r\n}\r\n\r\nlegend {\r\n display: block;\r\n width: 100%;\r\n max-width: 100%;\r\n padding: 0;\r\n margin-bottom: 0.5rem;\r\n line-height: inherit;\r\n color: inherit;\r\n white-space: normal;\r\n}\r\n\r\nprogress {\r\n vertical-align: baseline;\r\n}\r\n\r\n[type=\"number\"]::-webkit-inner-spin-button,\r\n[type=\"number\"]::-webkit-outer-spin-button {\r\n height: auto;\r\n}\r\n\r\n[type=\"search\"] {\r\n outline-offset: -2px;\r\n -webkit-appearance: none;\r\n}\r\n\r\n[type=\"search\"]::-webkit-search-decoration {\r\n -webkit-appearance: none;\r\n}\r\n\r\n::-webkit-file-upload-button {\r\n font: inherit;\r\n -webkit-appearance: button;\r\n}\r\n\r\noutput {\r\n display: inline-block;\r\n}\r\n\r\nsummary {\r\n display: list-item;\r\n cursor: pointer;\r\n}\r\n\r\ntemplate {\r\n display: none;\r\n}\r\n\r\n[hidden] {\r\n display: none !important;\r\n}\r\n\r\n\r\n\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n outline: 0;\r\n }\r\n\r\n html, body, #root {\r\n height: 100%;\r\n }\r\n\r\n body {\r\n text-rendering: optimizeLegibility !important;\r\n -webkit-font-smoothing: antialiased !important;\r\n font-family: 'Open Sans', sans-serif;\r\n background-color: #F8F8F8;\r\n }\r\n\r\n *, input, select, textarea, option, button {\r\n outline: none!important;\r\n}\r\n`;\r\n\r\nexport default GlobalStyle;\r\n","import React, { Component } from 'react';\r\n\r\nimport { WrapperFlex } from '@unimed-fesp/components';\r\n\r\nimport ErrorPage from './pages/ErrorPage';\r\n\r\nconst { NODE_ENV } = process.env;\r\n\r\nclass ErrorBoundary extends Component {\r\n constructor() {\r\n super();\r\n this.state = { hasError: false, error: null };\r\n }\r\n\r\n componentDidCatch(error, info) {\r\n this.setState({ hasError: true, error });\r\n console.log(error.message, info.componentStack);\r\n }\r\n\r\n render() {\r\n const { hasError, error } = this.state;\r\n const { children } = this.props;\r\n\r\n if (hasError)\r\n return (\r\n \r\n \r\n \r\n );\r\n return children;\r\n }\r\n}\r\n\r\nexport default ErrorBoundary;\r\n","import styled from 'styled-components';\r\n\r\nexport const Container = styled.div`\r\n display: flex;\r\n justify-content: space-between; /* Alinha os itens horizontalmente com espaço entre eles */\r\n align-items: center; /* Alinha os itens verticalmente ao centro */\r\n color: #a1a1a1;\r\n text-align: left;\r\n font: 500 11px 'Calibri';\r\n letter-spacing: 0.4px;\r\n opacity: 1;\r\n margin: 0 auto;\r\n max-width: 1038px;\r\n width: 100%;\r\n margin-top: 8%;\r\n`;","import React from 'react';\r\nimport { TokenExpirationTimer } from '../../../services/auth';\r\nimport { Container } from './styles';\r\n\r\nfunction FooterPage() {\r\n return (\r\n \r\n {new Date().getFullYear()} © Unimed Fesp | Sistema MovCad
\r\n \r\n \r\n
\r\n \r\n );\r\n}\r\n\r\nexport default FooterPage;\r\n","import styled from 'styled-components';\r\n\r\nexport const SelectContratanteContainer = styled.div`\r\n display: flex;\r\n justify-content: flex-end;\r\n align-items: center;\r\n min-width: 400px;\r\n\r\n cursor: pointer;\r\n min-height: 40px;\r\n`;\r\n","import React, { useCallback } from 'react';\r\nimport { useSelector } from 'react-redux';\r\nimport * as jwtDecode from 'jwt-decode';\r\n\r\nimport { IoIosArrowDown } from 'react-icons/io';\r\nimport { Text, WrapperFlex, InputDropdown } from '@unimed-fesp/components';\r\nimport { SelectContratanteContainer } from './styles';\r\n\r\nimport { isContratanteNestle } from '../../../utils/userRole';\r\n\r\nimport theme from '../../../styles/theme';\r\nimport { TipoPerfilUsuarioEnum } from '../../../enums';\r\n\r\nconst textNestle = 'Nestlé';\r\n\r\nconst DropChangeParametrizacao = ({\r\n contratantes,\r\n onClick,\r\n headerText,\r\n nomeComplemento,\r\n}) => {\r\n const { usuario, accessToken } = useSelector((state) => state.auth);\r\n\r\n const { IsAdm } = jwtDecode(accessToken);\r\n\r\n // #region Flags\r\n const HAS_NESTLE = nomeComplemento?.toLocaleUpperCase() === 'NESTLE';\r\n const IS_ADM = IsAdm && IsAdm.toLocaleUpperCase() === 'TRUE';\r\n const IS_NESTLE_OR_PARAMETRIZACAO_UNITARIA =\r\n (!IS_ADM && isContratanteNestle(usuario)) || contratantes?.length < 1;\r\n // #endregion\r\n\r\n const getOptionsDrop = useCallback(() => {\r\n if (!IS_ADM) return contratantes.map((contratante) => contratante.nome);\r\n if (HAS_NESTLE)\r\n return [TipoPerfilUsuarioEnum.returnNameFormattedForName.Adm, textNestle];\r\n\r\n return [\r\n TipoPerfilUsuarioEnum.returnNameFormattedForName.Adm,\r\n ...contratantes.map((contratante) => contratante.nome),\r\n ];\r\n }, [HAS_NESTLE, IS_ADM, contratantes]);\r\n\r\n const selectedParametrizacao = useCallback(\r\n (optionDrop) => {\r\n const targetParametrizacao =\r\n optionDrop === textNestle ? contratantes[0]?.nome : optionDrop;\r\n\r\n onClick(targetParametrizacao);\r\n },\r\n [contratantes, onClick]\r\n );\r\n\r\n if (IS_NESTLE_OR_PARAMETRIZACAO_UNITARIA)\r\n return (\r\n \r\n \r\n \r\n {usuario.role !== TipoPerfilUsuarioEnum.returnNameForName.Adm && (\r\n \r\n )}\r\n \r\n \r\n );\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n {headerText && (\r\n \r\n )}\r\n \r\n \r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport default DropChangeParametrizacao;\r\n","import styled from 'styled-components';\r\n\r\nimport { Text } from '@unimed-fesp/components';\r\n// TO-DO trocar por button da lib\r\nimport Button from '../../atoms/Button';\r\n\r\nexport const Container = styled.div`\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n align-items: center;\r\n`;\r\n\r\nexport const ContentText = styled.div`\r\n font: 300 14px 'work_sans';\r\n color: #5a5a5a;\r\n margin-top: 28px;\r\n margin-bottom: 37px;\r\n align-self: center;\r\n\r\n strong {\r\n font: bold 15px 'work_sans';\r\n }\r\n\r\n a,\r\n a:hover {\r\n font: bold 14px 'work_sans';\r\n color: #8bac2a;\r\n text-decoration: none;\r\n }\r\n`;\r\n\r\nexport const TextSucesso = styled(Text)`\r\n text-align: left;\r\n font: 34px unimed_slabbold;\r\n letter-spacing: 0px;\r\n color: #5a5a5a;\r\n opacity: 1;\r\n`;\r\n\r\nexport const ButtonFooter = styled(Button)`\r\n width: 100px;\r\n height: 40px;\r\n display: block;\r\n`;\r\n","import React from 'react';\r\n\r\nimport { Button, Modal } from '@unimed-fesp/components';\r\n\r\nimport { FaDoorOpen } from 'react-icons/fa';\r\nimport { ModalContent, ModalContentWrapper } from '../../molecules/Modal';\r\n\r\nimport theme from '../../../styles/theme';\r\n\r\nimport { Container, ContentText, TextSucesso } from './styles';\r\n\r\nfunction ModalLogout({ isOpen, onClick, logOut }) {\r\n return (\r\n }\r\n >\r\n \r\n \r\n \r\n \r\n \r\n Você deseja sair do sistema?\r\n \r\n \r\n \r\n \r\n );\r\n}\r\n\r\nconst ModalFooter = ({ onClick, logOut }) => {\r\n return (\r\n <>\r\n \r\n cancelar\r\n \r\n \r\n sair\r\n \r\n \r\n );\r\n};\r\n\r\nexport default ModalLogout;\r\n","import styled, { css } from 'styled-components';\r\n\r\nimport { Link } from 'react-router-dom';\r\nimport theme from '../../../styles/theme';\r\n\r\nexport const SelectContratanteContainer = styled.div`\r\n display: flex;\r\n align-items: baseline;\r\n`;\r\n\r\nexport const NavbarContentContainer = styled.div`\r\n background-color: ${theme.greenDefault};\r\n width: 100%;\r\n align-items: center;\r\n display: flex;\r\n justify-content: center;\r\n\r\n @media print {\r\n display: none;\r\n }\r\n`;\r\n\r\nexport const NavbarItemsContainer = styled.ul`\r\n display: flex;\r\n max-width: 1038px;\r\n min-height: 50px;\r\n margin: 0;\r\n width: 1038px;\r\n\r\n ${({\r\n justifyCenter,\r\n justifySpaceBetween,\r\n justifyEnd,\r\n justifyStart,\r\n justifySpaceAround,\r\n justifySpaceEvenly,\r\n }) =>\r\n justifyCenter\r\n ? css`\r\n justify-content: center;\r\n `\r\n : justifySpaceBetween\r\n ? css`\r\n justify-content: space-between;\r\n `\r\n : justifyEnd\r\n ? css`\r\n justify-content: flex-end;\r\n `\r\n : justifySpaceAround\r\n ? css`\r\n justify-content: space-around;\r\n `\r\n : justifySpaceEvenly\r\n ? css`\r\n justify-content: space-evenly;\r\n `\r\n : justifyStart\r\n ? css`\r\n justify-content: flex-start;\r\n `\r\n : ''};\r\n\r\n ${({ alignStart, alignCenter, alignEnd }) =>\r\n alignStart\r\n ? css`\r\n align-items: flex-start;\r\n `\r\n : alignCenter\r\n ? css`\r\n align-items: center;\r\n `\r\n : alignEnd\r\n ? css`\r\n align-items: flex-end;\r\n `\r\n : ''};\r\n`;\r\n\r\nexport const NavbarLogoContainer = styled(Link)`\r\n list-style: none;\r\n color: #ffffff;\r\n font-family: 'unimed_slabbold';\r\n font-weight: bolder;\r\n font-size: 25px;\r\n cursor: pointer;\r\n\r\n &:hover {\r\n color: #ffffff;\r\n\r\n text-decoration: none;\r\n }\r\n`;\r\n\r\nexport const NavbarItemContainer = styled.li`\r\n list-style: none;\r\n letter-spacing: 0px;\r\n justify-content: flex-end;\r\n color: #ffffff;\r\n font-size: 15px;\r\n font-family: Calibri;\r\n font-weight: bold;\r\n padding-left: 20px;\r\n\r\n svg {\r\n margin-left: 10px;\r\n cursor: pointer;\r\n }\r\n\r\n ${({ marginRight }) =>\r\n marginRight\r\n ? css`\r\n margin-right: ${marginRight};\r\n `\r\n : ``};\r\n\r\n ${({ paddingRight }) =>\r\n paddingRight\r\n ? css`\r\n padding-right: ${paddingRight}px;\r\n `\r\n : ``};\r\n\r\n ${({ marginLeft }) =>\r\n marginLeft\r\n ? css`\r\n margin-left: ${marginLeft};\r\n `\r\n : ``};\r\n`;\r\n\r\nexport const NavbarLegacyLink = styled.a`\r\n list-style: none;\r\n color: #ffffff;\r\n font-family: 'unimed_slabbold';\r\n font-weight: bolder;\r\n font-size: 25px;\r\n cursor: pointer;\r\n text-decoration: none;\r\n\r\n &:hover {\r\n color: #ffffff;\r\n\r\n text-decoration: none;\r\n }\r\n`;\r\n","import { NavbarPrimary as NavbarContainer } from '@unimed-fesp/components';\r\nimport React, { useEffect, useState } from 'react';\r\nimport { MdInput } from 'react-icons/md';\r\nimport { useDispatch, useSelector } from 'react-redux';\r\n\r\nimport { Creators as AuthActions } from '../../../store/ducks/auth';\r\nimport { Creators as UsuarioActions } from '../../../store/ducks/usuario';\r\n\r\nimport { TipoPerfilUsuarioEnum } from '../../../enums';\r\nimport { legacyRoutes } from '../../../routes/legacyRoutes';\r\nimport { isAdmin, isOldAdmin } from '../../../utils/userRole';\r\n\r\n// #region Componentes\r\nimport DropChangeParametrizacao from '../DropChangeParametrizacao';\r\nimport ModalLogout from '../ModalLogout';\r\n// #endregion\r\n\r\nimport { NavbarItemContainer, NavbarItemsContainer } from './styles';\r\n\r\nfunction NavbarPrimary() {\r\n const dispatch = useDispatch();\r\n const { usuario, accessToken } = useSelector((state) => state.auth);\r\n const { getContratantesUsuario } = useSelector((state) => state.usuario);\r\n\r\n let contratantes = [];\r\n const nomeComplemento =\r\n getContratantesUsuario?.response?.nomeComplemento || '';\r\n\r\n if (getContratantesUsuario?.response?.contranteParametrizada) {\r\n contratantes = getContratantesUsuario.response.contranteParametrizada.map(\r\n (contratante) => ({\r\n nome: `${contratante.codigoContratante} - ${contratante.nomeContratante}`,\r\n })\r\n );\r\n }\r\n\r\n const [open, setOpen] = useState(false);\r\n\r\n const selectedContratante =\r\n usuario.role === 'Adm'\r\n ? ''\r\n : `${usuario.codigoContratante} - ${usuario.nomeEmpresa}`;\r\n\r\n function handleLogOut() {\r\n setOpen(!open);\r\n }\r\n\r\n function handleSignOut() {\r\n dispatch(AuthActions.signOutLegadoRequest());\r\n }\r\n\r\n function handleSelectedContratante(contratante) {\r\n let tempContratante = contratante;\r\n if (contratante === TipoPerfilUsuarioEnum.returnNameFormattedForName.Adm)\r\n tempContratante = `0 - ${TipoPerfilUsuarioEnum.returnNameFormattedForName.Adm}`;\r\n\r\n const [id, ...rest] = tempContratante?.split('-');\r\n dispatch(\r\n AuthActions.getChangeTokenRequest({\r\n id,\r\n })\r\n );\r\n }\r\n\r\n useEffect(() => {\r\n if (usuario.idUsuarioLogado !== 0 && !isAdmin())\r\n dispatch(\r\n UsuarioActions.getContratantesUsuarioRequest(usuario.idUsuarioLogado)\r\n );\r\n }, [dispatch, usuario.idUsuarioLogado, usuario.role]);\r\n\r\n return (\r\n <>\r\n \r\n \r\n {!isOldAdmin(accessToken) && (\r\n \r\n )}\r\n {usuario.nome && (\r\n \r\n {usuario.nome}\r\n \r\n \r\n )}\r\n \r\n \r\n \r\n \r\n );\r\n}\r\n\r\nexport default NavbarPrimary;\r\n","import styled, { css } from 'styled-components';\r\n\r\nimport { NavLink } from 'react-router-dom';\r\nimport theme from '../../../styles/theme';\r\n\r\nconst activeClassName = 'nav-item-active';\r\n\r\nexport const NavbarContentContainer = styled.div`\r\n background-color: #ffffff;\r\n box-shadow: 0px 1px 2px #0000001a;\r\n width: 100%;\r\n align-items: center;\r\n display: flex;\r\n justify-content: center;\r\n`;\r\n\r\nexport const NavbarItemsContainer = styled.div`\r\n display: flex;\r\n max-width: 1038px;\r\n margin: 0;\r\n width: 1038px;\r\n\r\n a {\r\n &:hover {\r\n text-decoration: none;\r\n }\r\n }\r\n\r\n ${({\r\n justifyCenter,\r\n justifySpaceBetween,\r\n justifyEnd,\r\n justifyStart,\r\n justifySpaceAround,\r\n justifySpaceEvenly,\r\n }) =>\r\n justifyCenter\r\n ? css`\r\n justify-content: center;\r\n `\r\n : justifySpaceBetween\r\n ? css`\r\n justify-content: space-between;\r\n `\r\n : justifyEnd\r\n ? css`\r\n justify-content: flex-end;\r\n `\r\n : justifySpaceAround\r\n ? css`\r\n justify-content: space-around;\r\n `\r\n : justifySpaceEvenly\r\n ? css`\r\n justify-content: space-evenly;\r\n `\r\n : justifyStart\r\n ? css`\r\n justify-content: flex-start;\r\n `\r\n : ''};\r\n\r\n ${({ alignStart, alignCenter, alignEnd }) =>\r\n alignStart\r\n ? css`\r\n align-items: flex-start;\r\n `\r\n : alignCenter\r\n ? css`\r\n align-items: center;\r\n `\r\n : alignEnd\r\n ? css`\r\n align-items: flex-end;\r\n `\r\n : ''};\r\n`;\r\n\r\nexport const NavbarItemContainer = styled(NavLink).attrs({ activeClassName })`\r\n list-style: none;\r\n font-size: 14px;\r\n font-family: 'unimed_slabregular', sans-serif;\r\n font-weight: 600;\r\n color: #5a5a5a;\r\n cursor: pointer;\r\n text-decoration: none;\r\n display: flex;\r\n height: 60px;\r\n justify-content: center;\r\n align-items: center;\r\n\r\n &:hover {\r\n .d {\r\n fill: ${theme.greenDefault};\r\n }\r\n fill: ${theme.greenDefault};\r\n border-bottom: 2px solid ${theme.greenDefault};\r\n color: ${theme.greenDefault};\r\n }\r\n\r\n svg {\r\n margin-right: 10px;\r\n\r\n cursor: pointer;\r\n }\r\n`;\r\n\r\nexport const NavbarLegacyLink = styled.a`\r\n list-style: none;\r\n font-size: 14px;\r\n font-family: 'unimed_slabregular', sans-serif;\r\n font-weight: 600;\r\n\r\n color: #5a5a5a;\r\n cursor: pointer;\r\n text-decoration: none;\r\n display: flex;\r\n height: 60px;\r\n justify-content: center;\r\n align-items: center;\r\n\r\n &:hover {\r\n .d {\r\n fill: ${theme.greenDefault};\r\n }\r\n border-bottom: 2px solid ${theme.greenDefault};\r\n color: ${theme.greenDefault};\r\n }\r\n\r\n &.${activeClassName} {\r\n .d {\r\n fill: ${theme.greenDefault};\r\n }\r\n border-bottom: 2px solid ${theme.greenDefault};\r\n color: ${theme.greenDefault};\r\n }\r\n\r\n svg {\r\n margin-right: 10px;\r\n\r\n cursor: pointer;\r\n }\r\n`;\r\n\r\nexport const DropdownContainer = styled.div`\r\n min-height: 1.875rem;\r\n padding: 0;\r\n margin: 0;\r\n position: absolute;\r\n z-index: 10;\r\n\r\n ${({\r\n isBeneficiary,\r\n isAdministration,\r\n isRelatorioNestle,\r\n isReportDropdown,\r\n }) => {\r\n if (isBeneficiary) {\r\n return css`\r\n margin-top: 235px;\r\n margin-left: 90px;\r\n `;\r\n }\r\n\r\n if (isReportDropdown) {\r\n return css`\r\n margin-top: 180px;\r\n margin-left: 100px;\r\n `;\r\n }\r\n\r\n if (isAdministration) {\r\n return css`\r\n top: 111px;\r\n margin-left: 90px;\r\n `;\r\n }\r\n\r\n if (isRelatorioNestle) {\r\n return css`\r\n top: 111px;\r\n margin-left: 110px;\r\n `;\r\n }\r\n\r\n return css`\r\n margin-top: 234px;\r\n margin-left: 137px;\r\n `;\r\n }}\r\n\r\n ${({ showDropdown }) =>\r\n showDropdown\r\n ? css`\r\n display: block;\r\n `\r\n : css`\r\n display: none;\r\n `}\r\n ${({ showDropdownAdministration }) =>\r\n showDropdownAdministration\r\n ? css`\r\n display: block;\r\n `\r\n : css`\r\n display: none;\r\n `}\r\n\r\n ${({ showDropdownBeneficiary }) =>\r\n showDropdownBeneficiary\r\n ? css`\r\n display: block;\r\n `\r\n : css`\r\n display: none;\r\n `}\r\n ${({ showDropdown }) =>\r\n showDropdown\r\n ? css`\r\n display: block;\r\n `\r\n : css`\r\n display: none;\r\n `}\r\n`;\r\n\r\nexport const DropdownItens = styled(NavLink)`\r\n background-color: #fff;\r\n color: #808080;\r\n width: 202px;\r\n height: 58px;\r\n letter-spacing: 0.56px;\r\n text-decoration: none;\r\n display: block;\r\n padding: 20px 16px;\r\n\r\n &:hover {\r\n background-color: #f2faf7;\r\n color: #1daa7d;\r\n }\r\n`;\r\nexport const DropdownItensLegacy = styled.a`\r\n background-color: #fff;\r\n color: #808080;\r\n width: 202px;\r\n height: 58px;\r\n letter-spacing: 0.56px;\r\n text-decoration: none;\r\n display: block;\r\n padding: 20px 16px;\r\n\r\n &:hover {\r\n background-color: #f2faf7;\r\n color: #1daa7d;\r\n }\r\n`;\r\nexport const NavbarItemDropdownContainer = styled.div`\r\n list-style: none;\r\n font-size: 14px;\r\n font-family: 'unimed_slabregular', sans-serif;\r\n font-weight: 600;\r\n color: #5a5a5a !important;\r\n cursor: pointer;\r\n text-decoration: none;\r\n display: flex;\r\n height: 60px;\r\n justify-content: center;\r\n align-items: center;\r\n\r\n &:hover {\r\n .d {\r\n fill: ${theme.greenDefault};\r\n }\r\n fill: ${theme.greenDefault};\r\n border-bottom: 2px solid ${theme.greenDefault};\r\n color: ${theme.greenDefault} !important;\r\n }\r\n\r\n svg {\r\n margin-right: 10px;\r\n\r\n cursor: pointer;\r\n }\r\n`;\r\n","var _defs, _g;\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nimport React from \"react\";\nconst SvgBeneficiarioIcon = _ref => {\n let {\n svgRef,\n title,\n ...props\n } = _ref;\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 20,\n height: 20,\n viewBox: \"0 0 20 20\",\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _defs || (_defs = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"style\", null, \".a{fill:#fff;stroke:#707070;}.b{clip-path:url(#a);}.c{fill:none;}.d{fill:#5a5a5a;}\"), /*#__PURE__*/React.createElement(\"clipPath\", {\n id: \"a\"\n }, /*#__PURE__*/React.createElement(\"rect\", {\n className: \"a\",\n width: 20,\n height: 20,\n transform: \"translate(5 5)\"\n })))), _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n className: \"b\",\n transform: \"translate(-5 -5)\"\n }, /*#__PURE__*/React.createElement(\"g\", {\n transform: \"translate(5 5)\"\n }, /*#__PURE__*/React.createElement(\"path\", {\n className: \"c\",\n d: \"M0,0H20V20H0Z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n className: \"d\",\n d: \"M7.5,11.458c-1.95,0-5.833.975-5.833,2.917v1.458H13.333V14.375C13.333,12.433,9.45,11.458,7.5,11.458ZM3.617,14.167A8.035,8.035,0,0,1,7.5,13.125a8.035,8.035,0,0,1,3.883,1.042ZM7.5,10A2.917,2.917,0,1,0,4.583,7.083,2.92,2.92,0,0,0,7.5,10Zm0-4.167a1.25,1.25,0,1,1-1.25,1.25A1.248,1.248,0,0,1,7.5,5.833Zm5.867,5.675A3.494,3.494,0,0,1,15,14.375v1.458h3.333V14.375C18.333,12.692,15.417,11.733,13.367,11.508ZM12.5,10a2.917,2.917,0,0,0,0-5.833,2.871,2.871,0,0,0-1.25.292,4.551,4.551,0,0,1,0,5.25A2.871,2.871,0,0,0,12.5,10Z\"\n })))));\n};\nconst ForwardRef = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement(SvgBeneficiarioIcon, _extends({\n svgRef: ref\n}, props)));\nexport default __webpack_public_path__ + \"static/media/beneficiarioIcon.45b14d8d.svg\";\nexport { ForwardRef as ReactComponent };","var _defs, _g;\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nimport React from \"react\";\nconst SvgConfiguracaoIcon = _ref => {\n let {\n svgRef,\n title,\n ...props\n } = _ref;\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 20,\n height: 20,\n viewBox: \"0 0 20 20\",\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _defs || (_defs = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"style\", null, \".a{fill:#fff;stroke:#707070;}.b{clip-path:url(#a);}.c{fill:none;}.d{fill:#5a5a5a;}\"), /*#__PURE__*/React.createElement(\"clipPath\", {\n id: \"a\"\n }, /*#__PURE__*/React.createElement(\"rect\", {\n className: \"a\",\n width: 20,\n height: 20,\n transform: \"translate(5 5)\"\n })))), _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n className: \"b\",\n transform: \"translate(-5 -5)\"\n }, /*#__PURE__*/React.createElement(\"g\", {\n transform: \"translate(5 5)\"\n }, /*#__PURE__*/React.createElement(\"path\", {\n className: \"c\",\n d: \"M0,0H20V20H0Z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n className: \"d\",\n d: \"M16.192,10.817A6.494,6.494,0,0,0,16.25,10a6.494,6.494,0,0,0-.058-.817L17.95,7.808a.42.42,0,0,0,.1-.533L16.383,4.392a.416.416,0,0,0-.367-.208.389.389,0,0,0-.142.025L13.8,5.042a6.088,6.088,0,0,0-1.408-.817l-.317-2.208a.406.406,0,0,0-.408-.35H8.333a.406.406,0,0,0-.408.35L7.608,4.225A6.4,6.4,0,0,0,6.2,5.042L4.125,4.208a.472.472,0,0,0-.15-.025.413.413,0,0,0-.358.208L1.95,7.275a.411.411,0,0,0,.1.533L3.808,9.183A6.609,6.609,0,0,0,3.75,10a6.609,6.609,0,0,0,.058.817L2.05,12.192a.42.42,0,0,0-.1.533l1.667,2.883a.416.416,0,0,0,.367.208.389.389,0,0,0,.142-.025L6.2,14.958a6.088,6.088,0,0,0,1.408.817l.317,2.208a.406.406,0,0,0,.408.35h3.333a.406.406,0,0,0,.408-.35l.317-2.208a6.4,6.4,0,0,0,1.408-.817l2.075.833a.472.472,0,0,0,.15.025.413.413,0,0,0,.358-.208l1.667-2.883a.42.42,0,0,0-.1-.533Zm-1.65-1.425a4.452,4.452,0,0,1,.042.608c0,.175-.017.358-.042.608l-.117.942.742.583.9.7-.583,1.008-1.058-.425-.867-.35-.75.567a4.881,4.881,0,0,1-1.042.608l-.883.358-.133.942-.167,1.125H9.417l-.158-1.125L9.125,14.6l-.883-.358a4.728,4.728,0,0,1-1.025-.592l-.758-.583-.883.358-1.058.425-.583-1.008.9-.7.742-.583-.117-.942c-.025-.258-.042-.45-.042-.617s.017-.358.042-.608l.117-.942-.742-.583-.9-.7.583-1.008,1.058.425.867.35.75-.567a4.881,4.881,0,0,1,1.042-.608L9.117,5.4l.133-.942.167-1.125h1.158l.158,1.125.133.942.883.358a4.728,4.728,0,0,1,1.025.592l.758.583.883-.358,1.058-.425.583,1.008-.892.708-.742.583.117.942ZM10,6.667A3.333,3.333,0,1,0,13.333,10,3.332,3.332,0,0,0,10,6.667Zm0,5A1.667,1.667,0,1,1,11.667,10,1.672,1.672,0,0,1,10,11.667Z\"\n })))));\n};\nconst ForwardRef = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement(SvgConfiguracaoIcon, _extends({\n svgRef: ref\n}, props)));\nexport default __webpack_public_path__ + \"static/media/configuracaoIcon.d4f2eb13.svg\";\nexport { ForwardRef as ReactComponent };","var _rect, _g;\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nimport React from \"react\";\nconst SvgGestaoIcon = _ref => {\n let {\n svgRef,\n title,\n ...props\n } = _ref;\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n enableBackground: \"new 0 0 24 24\",\n height: 17,\n viewBox: \"0 0 24 24\",\n width: 17,\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _rect || (_rect = /*#__PURE__*/React.createElement(\"rect\", {\n fill: \"none\",\n height: 17,\n width: 17\n })), _g || (_g = /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"polygon\", {\n points: \"6,22 18,22 12,16\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M21,3H3C1.9,3,1,3.9,1,5v12c0,1.1,0.9,2,2,2h4v-2H3V5h18v12h-4v2h4c1.1,0,2-0.9,2-2V5C23,3.9,22.1,3,21,3z\"\n }))));\n};\nconst ForwardRef = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement(SvgGestaoIcon, _extends({\n svgRef: ref\n}, props)));\nexport default __webpack_public_path__ + \"static/media/gestaoIcon.cf80ec28.svg\";\nexport { ForwardRef as ReactComponent };","var _defs, _g;\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nimport React from \"react\";\nconst SvgListasIcon = _ref => {\n let {\n svgRef,\n title,\n ...props\n } = _ref;\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 20,\n height: 20,\n viewBox: \"0 0 20 20\",\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _defs || (_defs = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"style\", null, \".a{fill:#fff;stroke:#707070;}.b{clip-path:url(#a);}.c{fill:none;}.d{fill:#00995d;}\"), /*#__PURE__*/React.createElement(\"clipPath\", {\n id: \"a\"\n }, /*#__PURE__*/React.createElement(\"rect\", {\n className: \"a\",\n width: 20,\n height: 20,\n transform: \"translate(5 5)\"\n })))), _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n className: \"b\",\n transform: \"translate(-5 -5)\"\n }, /*#__PURE__*/React.createElement(\"g\", {\n transform: \"translate(5 5)\"\n }, /*#__PURE__*/React.createElement(\"path\", {\n className: \"c\",\n d: \"M0,0H20V20H0Z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n className: \"d\",\n d: \"M6.667,13.333h6.667V15H6.667Zm0-3.333h6.667v1.667H6.667Zm5-8.333H5A1.672,1.672,0,0,0,3.333,3.333V16.667a1.664,1.664,0,0,0,1.658,1.667H15a1.672,1.672,0,0,0,1.667-1.667v-10Zm3.333,15H5V3.333h5.833V7.5H15Z\"\n })))));\n};\nconst ForwardRef = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement(SvgListasIcon, _extends({\n svgRef: ref\n}, props)));\nexport default __webpack_public_path__ + \"static/media/listasIcon.945657cf.svg\";\nexport { ForwardRef as ReactComponent };","var _defs, _g;\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nimport React from \"react\";\nconst SvgSegundaViaCartaoIcon = _ref => {\n let {\n svgRef,\n title,\n ...props\n } = _ref;\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 20,\n height: 20,\n viewBox: \"0 0 20 20\",\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _defs || (_defs = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"style\", null, \".a{fill:#fff;stroke:#707070;}.b{clip-path:url(#a);}.c{fill:none;}.d{fill:#5a5a5a;}\"), /*#__PURE__*/React.createElement(\"clipPath\", {\n id: \"a\"\n }, /*#__PURE__*/React.createElement(\"rect\", {\n className: \"a\",\n width: 20,\n height: 20,\n transform: \"translate(5 5)\"\n })))), _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n className: \"b\",\n transform: \"translate(-5 -5)\"\n }, /*#__PURE__*/React.createElement(\"g\", {\n transform: \"translate(5 5)\"\n }, /*#__PURE__*/React.createElement(\"path\", {\n className: \"c\",\n d: \"M0,0H20V20H0Z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n className: \"d\",\n d: \"M16.667,3.333H3.333A1.654,1.654,0,0,0,1.675,5L1.667,15a1.661,1.661,0,0,0,1.667,1.667H16.667A1.661,1.661,0,0,0,18.333,15V5A1.661,1.661,0,0,0,16.667,3.333Zm0,11.667H3.333V10H16.667Zm0-8.333H3.333V5H16.667Z\"\n })))));\n};\nconst ForwardRef = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement(SvgSegundaViaCartaoIcon, _extends({\n svgRef: ref\n}, props)));\nexport default __webpack_public_path__ + \"static/media/segundaViaCartaoIcon.53ae05d4.svg\";\nexport { ForwardRef as ReactComponent };","var _defs, _g;\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nimport React from \"react\";\nconst SvgVisaoGeralIcon = _ref => {\n let {\n svgRef,\n title,\n ...props\n } = _ref;\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 20,\n height: 20,\n viewBox: \"0 0 20 20\",\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _defs || (_defs = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"style\", null, \".a{fill:#fff;stroke:#707070;}.b{clip-path:url(#a);}.c{fill:none;}.d{fill:#5a5a5a;}\"), /*#__PURE__*/React.createElement(\"clipPath\", {\n id: \"a\"\n }, /*#__PURE__*/React.createElement(\"rect\", {\n className: \"a\",\n width: 20,\n height: 20,\n transform: \"translate(5 5)\"\n })))), _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n className: \"b\",\n transform: \"translate(-5 -5)\"\n }, /*#__PURE__*/React.createElement(\"g\", {\n transform: \"translate(5 5)\"\n }, /*#__PURE__*/React.createElement(\"path\", {\n className: \"c\",\n d: \"M0,0H20V20H0Z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n className: \"d\",\n d: \"M15.833,4.167V5.833H12.5V4.167h3.333m-8.333,0v5H4.167v-5H7.5m8.333,6.667v5H12.5v-5h3.333M7.5,14.167v1.667H4.167V14.167H7.5M17.5,2.5H10.833v5H17.5Zm-8.333,0H2.5v8.333H9.167ZM17.5,9.167H10.833V17.5H17.5ZM9.167,12.5H2.5v5H9.167Z\"\n })))));\n};\nconst ForwardRef = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement(SvgVisaoGeralIcon, _extends({\n svgRef: ref\n}, props)));\nexport default __webpack_public_path__ + \"static/media/visaoGeralIcon.f25f51b5.svg\";\nexport { ForwardRef as ReactComponent };","import styled from 'styled-components';\r\nimport { NavLink } from 'react-router-dom';\r\nimport theme from '../../../styles/theme';\r\n\r\nexport const DropdownWrapper = styled.div`\r\n position: relative;\r\n list-style: none;\r\n font-size: 14px;\r\n font-family: 'unimed_slabregular', sans-serif;\r\n font-weight: 600;\r\n color: #5a5a5a !important;\r\n cursor: pointer;\r\n text-decoration: none;\r\n display: flex;\r\n height: 60px;\r\n justify-content: center;\r\n align-items: center;\r\n\r\n &:hover {\r\n .d {\r\n fill: ${theme.greenDefault};\r\n }\r\n fill: ${theme.greenDefault};\r\n border-bottom: 2px solid ${theme.greenDefault};\r\n color: ${theme.greenDefault} !important;\r\n }\r\n\r\n svg {\r\n margin-right: 10px;\r\n cursor: pointer;\r\n }\r\n`;\r\n\r\nexport const Menu = styled.ul`\r\n min-height: 1.875rem;\r\n z-index: 10;\r\n position: absolute;\r\n top: 60px;\r\n left: 0px;\r\n list-style-type: none;\r\n padding: 0;\r\n margin: 0;\r\n background-color: #f9f9f9;\r\n min-width: 160px;\r\n display: ${({ isOpen }) => (isOpen ? 'block' : 'none')};\r\n`;\r\n\r\nexport const MenuItem = styled.li`\r\n background-color: #fff;\r\n color: #808080;\r\n width: 202px;\r\n height: 58px;\r\n letter-spacing: 0.56px;\r\n text-decoration: none;\r\n display: flex;\r\n align-items: center;\r\n padding: 20px 16px;\r\n position: relative;\r\n\r\n &:hover {\r\n background-color: #f2faf7;\r\n color: #1daa7d;\r\n }\r\n`;\r\n\r\nexport const SubMenu = styled.ul`\r\n position: absolute;\r\n left: calc(100% - 10px);\r\n list-style-type: none;\r\n padding: 0;\r\n margin: 0;\r\n background-color: #f9f9f9;\r\n min-width: 160px;\r\n display: ${({ isOpen }) => (isOpen ? 'block' : 'none')};\r\n`;\r\n\r\nexport const SubMenuItem = styled.li`\r\n background-color: #fff;\r\n color: #808080;\r\n\r\n text-decoration: none;\r\n display: flex;\r\n align-items: center;\r\n\r\n &:hover {\r\n background-color: #f2faf7;\r\n color: #1daa7d;\r\n }\r\n`;\r\n\r\nexport const StyledNavLink = styled(NavLink)`\r\n text-decoration: none;\r\n background-color: #fff;\r\n color: #808080;\r\n width: 202px;\r\n height: 58px;\r\n letter-spacing: 0.56px;\r\n padding: 20px 16px;\r\n &:hover {\r\n background-color: #f2faf7;\r\n color: #1daa7d;\r\n }\r\n`;\r\n\r\nexport const StyledAnchor = styled.a`\r\n text-decoration: none;\r\n background-color: #fff;\r\n color: #808080;\r\n width: 202px;\r\n height: 58px;\r\n letter-spacing: 0.56px;\r\n padding: 20px 16px;\r\n &:hover {\r\n background-color: #f2faf7;\r\n color: #1daa7d;\r\n }\r\n`;\r\nexport const MenuItemAnchor = styled.a`\r\n background-color: #fff;\r\n color: #808080;\r\n width: 202px;\r\n height: 58px;\r\n letter-spacing: 0.56px;\r\n text-decoration: none;\r\n display: flex;\r\n align-items: center;\r\n padding: 20px 16px;\r\n position: relative;\r\n\r\n &:hover {\r\n background-color: #f2faf7;\r\n color: #1daa7d;\r\n }\r\n`;\r\nexport const MenuItemLink = styled(NavLink)`\r\n background-color: #fff;\r\n color: #808080;\r\n width: 202px;\r\n height: 58px;\r\n letter-spacing: 0.56px;\r\n text-decoration: none;\r\n display: flex;\r\n align-items: center;\r\n padding: 20px 16px;\r\n position: relative;\r\n\r\n &:hover {\r\n background-color: #f2faf7;\r\n color: #1daa7d;\r\n }\r\n`;\r\n","import React, { useState, useRef, useEffect } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport {\r\n DropdownWrapper,\r\n Menu,\r\n MenuItem,\r\n MenuItemAnchor,\r\n MenuItemLink,\r\n StyledAnchor,\r\n StyledNavLink,\r\n SubMenu,\r\n SubMenuItem,\r\n} from './styles';\r\n\r\nconst DropdownTree = ({ title, icon, menuItems }) => {\r\n const [isOpen, setIsOpen] = useState(false);\r\n const [submenuIndex, setSubmenuIndex] = useState(null);\r\n const [submenuTop, setSubmenuTop] = useState(0);\r\n const dropdownRef = useRef(null);\r\n const submenuRefs = useRef([]);\r\n\r\n useEffect(() => {\r\n const handleClickOutside = (event) => {\r\n if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {\r\n setIsOpen(false);\r\n closeSubMenu();\r\n }\r\n };\r\n\r\n document.addEventListener('mousedown', handleClickOutside);\r\n\r\n return () => {\r\n document.removeEventListener('mousedown', handleClickOutside);\r\n };\r\n }, []);\r\n\r\n const toggleDropdown = () => {\r\n setIsOpen(!isOpen);\r\n };\r\n\r\n const toggleSubMenu = (index) => {\r\n setSubmenuIndex(submenuIndex === index ? null : index);\r\n };\r\n\r\n const closeSubMenu = () => {\r\n setSubmenuIndex(null);\r\n };\r\n\r\n const setSubMenuPosition = (index) => {\r\n if (submenuRefs.current[index]) {\r\n const menuItemTop = submenuRefs.current[index].offsetTop;\r\n setSubmenuTop(menuItemTop);\r\n }\r\n };\r\n\r\n const handleSubMenuMouseEnter = (index) => {\r\n setSubmenuIndex(index);\r\n };\r\n\r\n const handleSubMenuMouseLeave = () => {\r\n setSubmenuIndex(null);\r\n };\r\n\r\n return (\r\n \r\n {icon}\r\n {title}\r\n \r\n \r\n );\r\n};\r\n\r\nDropdownTree.propTypes = {\r\n title: PropTypes.string.isRequired,\r\n icon: PropTypes.element.isRequired,\r\n menuItems: PropTypes.arrayOf(\r\n PropTypes.shape({\r\n title: PropTypes.string.isRequired,\r\n to: PropTypes.string,\r\n href: PropTypes.string,\r\n subMenuItems: PropTypes.arrayOf(\r\n PropTypes.shape({\r\n title: PropTypes.string.isRequired,\r\n to: PropTypes.string,\r\n href: PropTypes.string,\r\n })\r\n ),\r\n })\r\n ).isRequired,\r\n};\r\n\r\nexport default DropdownTree;\r\n","import React, { useMemo, useRef, useState } from 'react';\r\nimport { useSelector } from 'react-redux';\r\n\r\nimport {\r\n CanAccess,\r\n NavbarSecondary as NavbarSecondaryContainer,\r\n Text,\r\n WrapperFlex,\r\n} from '@unimed-fesp/components';\r\nimport {\r\n DropdownContainer,\r\n DropdownItens,\r\n NavbarItemContainer,\r\n NavbarItemDropdownContainer,\r\n NavbarLegacyLink,\r\n} from './styles';\r\n\r\nimport { TipoPerfilUsuarioEnum } from '../../../enums';\r\n\r\n// #region Import assets\r\nimport { ReactComponent as BeneficiarioIcone } from '../../../assets/icons/beneficiarioIcon.svg';\r\nimport { ReactComponent as ConfiguracaoIcone } from '../../../assets/icons/configuracaoIcon.svg';\r\nimport { ReactComponent as GestaoIcone } from '../../../assets/icons/gestaoIcon.svg';\r\nimport { ReactComponent as ListasIcone } from '../../../assets/icons/listasIcon.svg';\r\nimport { ReactComponent as SegundaViaIcone } from '../../../assets/icons/segundaViaCartaoIcon.svg';\r\nimport { ReactComponent as VisaoGeralIcone } from '../../../assets/icons/visaoGeralIcon.svg';\r\n// #endregion\r\n\r\nimport { legacyRoutes } from '../../../routes/legacyRoutes';\r\n\r\nimport useOutsideClick from '../../../utils/useOutsideClick';\r\nimport { isAdmin, isContratanteNestle } from '../../../utils/userRole';\r\nimport DropdownTree from '../../molecules/DropdownTree';\r\nimport LoadingSpinner from '../../molecules/LoadingSpinning';\r\n\r\nfunction NavbarSecondary() {\r\n const { usuario } = useSelector((state) => state.auth);\r\n\r\n const { getContratantesUsuario } = useSelector((state) => state.usuario);\r\n const refDropdown = useRef();\r\n const refDropdownBeneficiary = useRef();\r\n const refDropdownRelatorioNestle = useRef();\r\n const [showDropdown, setShowDropdown] = useState(false);\r\n const [showDropdownBeneficiary, setShowDropdownBeneficiary] = useState(false);\r\n const [showDropdownRelatorioNestle, setShowDropdownRelatorioNestle] =\r\n useState(false);\r\n\r\n const contranteParametrizada = useMemo(() => {\r\n return getContratantesUsuario?.response?.contranteParametrizada\r\n ? getContratantesUsuario.response.contranteParametrizada.find(\r\n (contratante) =>\r\n contratante.codigoContratante.toString() ===\r\n usuario.codigoContratante\r\n )\r\n : [];\r\n }, [getContratantesUsuario, usuario]);\r\n\r\n const handleDropdownRelatorioNestle = (e) => {\r\n if (e.target) setShowDropdownRelatorioNestle(!showDropdownRelatorioNestle);\r\n };\r\n const handleDropdownBeneficiary = (e) => {\r\n if (e.target) setShowDropdownBeneficiary(!showDropdownBeneficiary);\r\n };\r\n const handleShowDropdownItens = (e) => {\r\n if (e.target) setShowDropdown(!showDropdown);\r\n };\r\n\r\n useOutsideClick(refDropdownRelatorioNestle, () => {\r\n if (showDropdownRelatorioNestle) setShowDropdownRelatorioNestle(false);\r\n });\r\n\r\n useOutsideClick(refDropdown, () => {\r\n if (showDropdown) setShowDropdown(false);\r\n });\r\n\r\n useOutsideClick(refDropdownBeneficiary, () => {\r\n if (showDropdownBeneficiary) setShowDropdownBeneficiary(false);\r\n });\r\n\r\n return (\r\n \r\n \r\n \r\n Visão Geral\r\n \r\n {usuario.role === TipoPerfilUsuarioEnum.returnNameForName.Adm ? (\r\n \r\n \r\n Listas\r\n \r\n \r\n Listas de movimentação\r\n \r\n Listas de RPA\r\n \r\n Listas de massa inicial\r\n \r\n \r\n \r\n ) : (\r\n \r\n \r\n Listas\r\n \r\n )}\r\n {/* \r\n \r\n 2° Via de Cartão\r\n */}\r\n \r\n \r\n 2° via de cartão\r\n \r\n\r\n {isContratanteNestle(usuario) ? (\r\n \r\n \r\n Beneficiários\r\n \r\n ) : (\r\n \r\n \r\n Beneficiários\r\n \r\n )}\r\n\r\n {isContratanteNestle(usuario) ? (\r\n <>\r\n \r\n \r\n Relatórios\r\n \r\n \r\n Relatórios Beneficiarios\r\n \r\n \r\n Relatório Filhos Fora de Faixa\r\n \r\n \r\n \r\n \r\n ) : (\r\n !isContratanteNestle(usuario.role) &&\r\n !isAdmin(usuario.role) && (\r\n \r\n \r\n Relatórios\r\n \r\n \r\n Relatório Beneficiários\r\n \r\n \r\n Acompanhar Relatórios\r\n \r\n\r\n {getContratantesUsuario.loading && (\r\n \r\n \r\n \r\n \r\n \r\n \r\n )}\r\n\r\n {!!contranteParametrizada?.nomeComplemento && (\r\n \r\n Relatório Filhos Fora de Faixa\r\n \r\n )}\r\n \r\n \r\n )\r\n )}\r\n\r\n \r\n }\r\n title=\"Administração\"\r\n menuItems={menuAdministracaoItems}\r\n />\r\n \r\n \r\n \r\n Configurações\r\n \r\n \r\n );\r\n}\r\n\r\nexport default NavbarSecondary;\r\n\r\nexport const menuAdministracaoItems = [\r\n {\r\n title: 'Usuários',\r\n isMenuAnchor: true,\r\n href: '/users',\r\n subMenuItems: [\r\n { title: 'Gestão de Usuários', to: '/novo/gestao' },\r\n {\r\n title: 'Consulta de Usuários',\r\n href: legacyRoutes.ConsultarUsuarios.url,\r\n },\r\n {\r\n title: 'Cadastro de Usuários',\r\n href: legacyRoutes.CadastrarUsuarios.url,\r\n },\r\n ],\r\n },\r\n {\r\n title: 'Feriados',\r\n subMenuItems: [\r\n { title: 'Consultar Feriados', href: legacyRoutes.ConsultarFeriados.url },\r\n {\r\n title: 'Cadastro de Feriados',\r\n href: legacyRoutes.CadastrarFeriados.url,\r\n },\r\n ],\r\n },\r\n {\r\n title: 'E-mail de Alerta',\r\n subMenuItems: [\r\n { title: 'Lista de E-mails', to: '/novo/lista-emails' },\r\n { title: 'Layout de E-mail', to: '/novo/layout-emails' },\r\n ],\r\n },\r\n {\r\n title: 'Motivos de Cancelamento',\r\n href: legacyRoutes.MotivosCancelamento.url,\r\n },\r\n {\r\n title: 'Cadastro de Exceção',\r\n href: legacyRoutes.ConsultarExcecoes.url,\r\n },\r\n {\r\n title: 'Relatório de Filhos Fora de Faixa',\r\n to: '/novo/relatorio-filhos-fora-de-faixa',\r\n },\r\n];\r\n","import styled, { keyframes } from 'styled-components';\r\n\r\nconst animateEnter = keyframes`\r\n 100%{\r\n transform: translate(-50%, -50%) scale(1);\r\n opacity: 1;\r\n }\r\n 60%{\r\n transform: translate(-50%, -50%) scale(1.1);\r\n\r\n }\r\n 0%{\r\n opacity: 0;\r\n transform: translate(-50%, -50%) scale(.8);\r\n }\r\n`;\r\n\r\nexport const Container = styled.div`\r\n position: absolute;\r\n right: 0;\r\n top: 0;\r\n padding: 30px;\r\n overflow: hidden;\r\n\r\n & > [role='dialog'] {\r\n animation: ${animateEnter} forwards 650ms;\r\n }\r\n`;\r\n","import React from 'react';\r\nimport { Modal, Button, Text } from '@unimed-fesp/components';\r\n\r\nimport { Container } from './styles';\r\n\r\nconst ModalTrigger = ({ tipo, message, callback, closeModal, Footer }) => {\r\n const onClickModal = () => {\r\n callback();\r\n closeModal();\r\n };\r\n\r\n const isJsxElement = React.isValidElement(message);\r\n\r\n return (\r\n \r\n \r\n ) : (\r\n \r\n )\r\n }\r\n >\r\n {isJsxElement ? message : }\r\n \r\n \r\n );\r\n};\r\n\r\nconst DefaultFooter = ({ onClick }) => (\r\n \r\n ok\r\n \r\n);\r\n\r\nexport default ModalTrigger;\r\n","import React, {\r\n createContext,\r\n useCallback,\r\n useEffect,\r\n useState,\r\n useRef,\r\n} from 'react';\r\nimport ModalTrigger from './ModalTrigger';\r\n\r\nconst TriggerModalContext = createContext();\r\n\r\nconst inicialState = {\r\n isOpen: false,\r\n message: '',\r\n callback: () => null,\r\n tipo: 'success',\r\n Footer: null,\r\n};\r\n\r\nexport const TriggerModalContextProvider = ({ children }) => {\r\n const providerRef = useRef(null);\r\n const [optionsModal, setOptionsModal] = useState(inicialState);\r\n\r\n const openModal = (\r\n message,\r\n callback = () => null,\r\n tipo = 'success',\r\n Footer = null\r\n ) => {\r\n setOptionsModal({\r\n ...inicialState,\r\n message,\r\n callback,\r\n tipo,\r\n Footer,\r\n isOpen: true,\r\n });\r\n };\r\n\r\n const closeModal = () => {\r\n setOptionsModal({ ...inicialState, isOpen: false });\r\n };\r\n\r\n const callbackEventShowModal = useCallback(({ detail }) => {\r\n const { options } = detail;\r\n openModal(options.message, options.callback, options.tipo, options.Footer);\r\n }, []);\r\n\r\n useEffect(() => {\r\n if (providerRef.current) {\r\n const event = document.createEvent('Event');\r\n\r\n event.initEvent('show-modal', true, true);\r\n providerRef.current.addEventListener(\r\n 'show-modal',\r\n callbackEventShowModal,\r\n false\r\n );\r\n }\r\n }, [callbackEventShowModal]);\r\n\r\n return (\r\n \r\n \r\n {children}\r\n {optionsModal.isOpen && (\r\n \r\n )}\r\n {' '}\r\n
\r\n );\r\n};\r\n","import React from 'react';\r\nimport { useSelector } from 'react-redux';\r\nimport Routes from './routes';\r\nimport GlobalStyle from './styles/global';\r\n\r\nimport CustomScrollBars from './components/molecules/CustomScrollBars';\r\nimport Toast from './components/molecules/Toast';\r\n\r\nimport ErrorBoundary from './ErrorBoundary';\r\nimport FooterPage from './components/organisms/FooterPage';\r\nimport NavbarPrimary from './components/organisms/NavbarPrimary';\r\nimport NavbarSecondary from './components/organisms/NavbarSecondary';\r\nimport { TriggerModalContextProvider } from './context/TriggerModalContext/TriggerModalContext';\r\n\r\nconst App = () => {\r\n const { loggedIn } = useSelector((state) => state.auth);\r\n\r\n return (\r\n <>\r\n \r\n {loggedIn && }\r\n {loggedIn && }\r\n \r\n \r\n \r\n \r\n \r\n {loggedIn && }\r\n \r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport default App;\r\n","import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport { PersistGate } from 'redux-persist/integration/react';\r\nimport { Provider } from 'react-redux';\r\nimport { Router } from 'react-router-dom';\r\n\r\nimport history from './services/history';\r\n\r\nimport './config/ReactotronConfig';\r\nimport Store from './store';\r\n\r\nimport App from './App';\r\n\r\nconst Application = () => (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n);\r\n\r\nReactDOM.render(, document.getElementById('root'));\r\n","module.exports = {\r\n returnName: {\r\n 1: 'CadastrarRelatorioFilhoForaDeFaixa',\r\n 2: 'EditarRelatorioFilhoForaDeFaixa',\r\n },\r\n returnIdForName: {\r\n CadastrarRelatorioFilhoForaDeFaixa: 1,\r\n EditarRelatorioFilhoForaDeFaixa: 2,\r\n },\r\n};\r\n","const StatusListaEnum = require('./StatusListaEnum');\r\nconst StatusExecucaoEnum = require('./StatusExecucaoEnum');\r\nconst StatusListaAPIEnum = require('./StatusListaAPIEnum');\r\nconst MovimentacaoListaEnum = require('./MovimentacaoListaEnum');\r\nconst TipoListaEnum = require('./TipoListaEnum');\r\nconst UploadeProgressEnum = require('./UploadeProgressEnum');\r\nconst PerfilEnum = require('./PerfilEnum');\r\nconst PermissaoContratanteEnum = require('./PermissaoContratanteEnum');\r\nconst TipoTelefoneEnum = require('./TipoTelefoneEnum');\r\nconst TipoStatusEnum = require('./TipoStatusEnum');\r\nconst TipoPerfilUsuarioEnum = require('./TipoPerfilUsuarioEnum');\r\nconst TipoConsultaParametrizacaoEnum = require('./TipoConsultaParametrizacaoEnum');\r\nconst TipoCardRoot = require('./TipoCardRoot');\r\nconst StatusListaRPAEnum = require('./StatusListaRPAEnum');\r\nconst TipoDocumentoEnum = require('./TipoDocumentoEnum');\r\nconst StatusEnvioListaEnum = require('./StatusEnvioListaEnum');\r\nconst TipoEventoWebhookEnum = require('./TipoEventoWebhookEnum');\r\n\r\nmodule.exports = {\r\n StatusExecucaoEnum,\r\n StatusListaAPIEnum,\r\n StatusListaEnum,\r\n MovimentacaoListaEnum,\r\n TipoListaEnum,\r\n UploadeProgressEnum,\r\n PerfilEnum,\r\n PermissaoContratanteEnum,\r\n TipoTelefoneEnum,\r\n TipoStatusEnum,\r\n TipoPerfilUsuarioEnum,\r\n TipoConsultaParametrizacaoEnum,\r\n TipoCardRoot,\r\n StatusListaRPAEnum,\r\n TipoDocumentoEnum,\r\n StatusEnvioListaEnum,\r\n TipoEventoWebhookEnum,\r\n};\r\n","module.exports = __webpack_public_path__ + \"static/media/logo-unimed-fesp.3f83c02e.svg\";","module.exports = {\r\n returnName: {\r\n 1: 'Adm',\r\n 2: 'ContratanteConsulta',\r\n 3: 'ContratanteAlteracao',\r\n },\r\n returnNameForName: {\r\n Adm: 'Adm',\r\n ContratanteConsulta: 'ContratanteConsulta',\r\n ContratanteAlteracao: 'ContratanteAlteracao',\r\n },\r\n returnNameForRefresh: {\r\n Adm: 'ADM',\r\n ContratanteConsulta: 'contratante',\r\n ContratanteAlteracao: 'contratante',\r\n },\r\n\r\n returnNameFormatted: {\r\n 0: 'Selecione',\r\n 1: 'Administrador',\r\n 2: 'Contratante Consulta',\r\n 3: 'Contratante Alteração',\r\n },\r\n returnId: {\r\n Adm: 1,\r\n ContratanteConsulta: 2,\r\n ContratanteAlteracao: 3,\r\n },\r\n returnNameFormattedForName: {\r\n Selecione: 'Selecione',\r\n Adm: 'Administrador',\r\n Administrador: 'Administrador',\r\n ContratanteConsulta: 'Contratante Consulta',\r\n ContratanteAlteracao: 'Contratante Alteração',\r\n },\r\n returnNameForNameFormatted: {\r\n Administrador: 'Adm',\r\n 'Contratante Consulta': 'ContratanteConsulta',\r\n 'Contratante Alteração': 'ContratanteAlteracao',\r\n },\r\n returnTipoPerfilAcessoForTipoPerfil: {\r\n Selecione: 'Selecione',\r\n Adm: 'Administrador',\r\n Administrador: 'Administrador',\r\n Contratante: 'Contratante',\r\n ContratanteConsulta: 'Contratante',\r\n ContratanteAlteracao: 'Contratante',\r\n },\r\n // returnTipoPerfilForTipoPerfilAcesso: {\r\n // Administrador: 'Administrador',\r\n // Contratante: 'ContratanteConsulta',\r\n // Contratante: 'ContratanteAlteração',\r\n // },\r\n};\r\n"],"sourceRoot":""}