![\"Jivo](\"/assets/jivochat.svg\")
\n \n\n \n setOpen(false)}\n >\n X\n \n
\n \n
\n \n );\n}","import styled from 'styled-components';\n\nconst Button = styled.button`\n width: 140px;\n height: 30px;\n color: #FFFFFF;\n font-size: 14px;\n font-weight: bold;\n text-transform: uppercase;\n background-color: #00A859;\n letter-spacing: -0.5px;\n border: none;\n border-radius: 15px;\n margin-top: 20px;\n transition: .2s;\n cursor: pointer;\n`;\n\nexport {\n Button\n}","import React, { useState } from 'react';\nimport { Redirect, Link, useHistory } from 'react-router-dom';\nimport axios from 'axios';\nimport { setUser } from '../../utils/user';\nimport {\n FormContainer,\n FieldContainer,\n TextFieldContainer,\n ButtonsContainer,\n MainButton,\n TextButton,\n Title,\n CenterColumn,\n} from './Components';\nimport TextField from '@material-ui/core/TextField';\nimport Input from '@material-ui/core/Input';\nimport InputAdornment from '@material-ui/core/InputAdornment';\nimport InputLabel from '@material-ui/core/InputLabel';\nimport IconButton from '@material-ui/core/IconButton';\nimport Visibility from '@material-ui/icons/Visibility';\nimport VisibilityOff from '@material-ui/icons/VisibilityOff';\nimport AccountCircle from '@material-ui/icons/AccountCircle';\nimport LockIcon from '@material-ui/icons/Lock';\nimport CircularProgress from '@material-ui/core/CircularProgress';\nimport FormControl from '@material-ui/core/FormControl';\nimport { makeStyles } from '@material-ui/core/styles';\nimport Dialog from '../Dialog/Dialog';\nimport InstallPWAiOSModal from '../InstallPWAiOSModal/InstallPWAiOSModal';\nimport { useTranslation } from 'react-i18next';\nimport moment from 'moment';\nimport { Box, Typography } from '@material-ui/core';\nimport { Button } from '../AcceptanceModal/Components';\n\nconst useStyles = makeStyles(() => ({\n input: {\n width: '95%',\n },\n}));\n\nconst RELEVANT_EMAIL_DOMAINS = new Set([\n 'substituirinterne.com',\n 'substituirunimed.com',\n 'substituir.com',\n]);\n\nconst LoginForm = ({ setAuth }) => {\n const { t } = useTranslation('loginPage');\n const history = useHistory();\n\n const [loading, setLoading] = useState(false);\n const [logged, setLogged] = useState(false);\n const [dialogOpen, setDialogOpen] = useState(false);\n const [openRecoveryAccountModal, setOpenRecoveryAccountModal] = useState(false);\n const [userData, setUserData] = useState()\n\n const [feedback, setFeedback] = useState(null);\n const classes = useStyles();\n\n // Fields\n const [email, setEmail] = useState('');\n const [password, setPassword] = useState('');\n\n // Configuration\n const [showPassword, setShowPassword] = useState(false);\n\n const handleClickShowPassword = () => {\n setShowPassword(!showPassword);\n };\n\n const handleMouseDownPassword = (event) => {\n event.preventDefault();\n };\n\n const orderByNewestTravelHistory = (a, b) => {\n return new Date(a.createdAt).getTime() > new Date(b.createdAt).getTime()\n ? - 1\n : new Date(a.createdAt).getTime() < new Date(b.createdAt).getTime()\n ? 1\n : 0\n };\n\n const handleRecovery = async (event) => {\n setOpenRecoveryAccountModal(false)\n try {\n event.preventDefault();\n setLoading(true);\n\n await axios.post(\n `${process.env.REACT_APP_API_URL}/client-app/recovery`,\n {\n userId: userData\n }\n );\n\n setFeedback(\"Conta foi restabelecida com sucesso, por favor efetuar o login\")\n setDialogOpen(true)\n } catch (error) {\n console.log(error)\n } finally {\n setLoading(false)\n }\n };\n\n const onSubmit = async (event) => {\n if (!email || !password) {\n setFeedback(t('VALIDATION_COMPLETE_ALL_FIELDS_ERROR'));\n setDialogOpen(true);\n return;\n }\n\n try {\n event.preventDefault();\n setLoading(true);\n\n const result = await axios.post(\n `${process.env.REACT_APP_API_URL}/client-app/login`,\n {\n email: email,\n password: password,\n }\n );\n\n const userBirthDate = result.data?.user?.birthday;\n\n if (!userBirthDate) {\n const descSortedTravelHistory = result.data?.user?.travelHistory\n .sort(orderByNewestTravelHistory);\n\n const state = {\n temporaryJwt: result.data?.jwt,\n destination: descSortedTravelHistory[0]?.destination,\n nextTripDate: result.data?.user?.nextTripDate,\n };\n\n history.push('/voegol-register-update', state)\n return;\n }\n\n const userEmail = result.data?.user?.email;\n const emailDomain = userEmail.split('@')[1];\n\n const redirectToUpdate = RELEVANT_EMAIL_DOMAINS.has(emailDomain);\n\n if (redirectToUpdate) {\n const state = {\n temporaryJwt: result.data?.jwt,\n };\n\n history.push('/reset-login-data', state)\n return;\n }\n\n localStorage.setItem('__session', result.data.jwt);\n setUser(result.data.user);\n setAuth(true);\n setLogged(true);\n } catch (error) {\n setLoading(false);\n\n const axiosError = error.response?.data\n if (axiosError.message?.startsWith(\"user blocked\")) {\n // Deal with blocked user\n const infoArray = axiosError.message.split(\" - \");\n const dateString = infoArray[1];\n const userId = infoArray[2];\n const userUpdatedAt = moment(dateString)\n const diff = moment().diff(userUpdatedAt, 'days');\n if (diff > 30) {\n setFeedback(\"Conta excluída pelo usuário há mais de 30 dias\");\n } else {\n setUserData(userId)\n setFeedback(`Você solicitou a exclusão de sua conta há ${diff} dias`)\n setOpenRecoveryAccountModal(true)\n }\n return\n }\n\n setFeedback(t('SUBMIT_VALIDATION_ERROR_RESPONSE'));\n setDialogOpen(true);\n console.log('[LoginForm] Error:', error);\n }\n };\n\n return (\n Install this webapp on your iOS, tap\n
\n {logged && \n {t('INSERT_LOGIN_INFORMATIONS')} \n \n \n \n setEmail(event.target.value)}\n disabled={loading}\n inputProps={{\n autocomplete: 'off',\n 'aria-autocomplete': 'off',\n }}\n />\n \n \n \n\n \n \n \n \n {t('PASSWORD_PLACEHOLDER')}\n \n setPassword(event.target.value)}\n disabled={loading}\n endAdornment={\n \n \n {showPassword ? \n }\n inputProps={{\n autocomplete: 'off',\n 'aria-autocomplete': 'off',\n }}\n />\n \n \n \n {loading ? (\n \n \n ) : (\n \n \n {t('SUBMIT')}\n \n \n )}\n \n \n \n
\n );\n};\n\nexport default LoginForm;\n","import React, { useEffect, useState } from \"react\";\nimport { Redirect, Link, useHistory } from \"react-router-dom\";\n\nimport axios from \"axios\";\nimport moment from \"moment\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { Button as AntDButton, Modal } from \"antd\";\n\nimport Input from \"@material-ui/core/Input\";\nimport LockIcon from \"@material-ui/icons/Lock\";\nimport TextField from \"@material-ui/core/TextField\";\nimport { Box, Typography } from \"@material-ui/core\";\nimport InputLabel from \"@material-ui/core/InputLabel\";\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport IconButton from \"@material-ui/core/IconButton\";\nimport Visibility from \"@material-ui/icons/Visibility\";\nimport FormControl from \"@material-ui/core/FormControl\";\nimport VisibilityOff from \"@material-ui/icons/VisibilityOff\";\nimport AccountCircle from \"@material-ui/icons/AccountCircle\";\nimport InputAdornment from \"@material-ui/core/InputAdornment\";\nimport CircularProgress from \"@material-ui/core/CircularProgress\";\n\nimport {\n FormContainer,\n FieldContainer,\n TextFieldContainer,\n ButtonsContainer,\n MainButton,\n TextButton,\n Title,\n CenterColumn,\n ImageContainer,\n} from \"./Components\";\nimport { setUser } from \"../../utils/user\";\nimport Header from \"../../components/Header/Header\";\nimport Dialog from \"../../components/Dialog/Dialog\";\nimport JivoButton from \"../../components/JivoButton\";\nimport LoginForm from \"../../components/LoginForm/LoginForm\";\nimport { Button } from \"../../components/AcceptanceModal/Components\";\nimport InstallPWAiOSModal from \"../../components/InstallPWAiOSModal/InstallPWAiOSModal\";\n\nconst useStyles = makeStyles(() => ({\n input: {\n width: \"95%\",\n },\n}));\n\nconst RELEVANT_EMAIL_DOMAINS = new Set([\n \"substituirinterne.com\",\n \"substituirunimed.com\",\n \"substituir.com\",\n]);\n\nconst Index = ({ setAuth }) => {\n const classes = useStyles();\n const history = useHistory();\n const { t } = useTranslation(\"loginPage\");\n\n const [email, setEmail] = useState(\"\");\n const [userData, setUserData] = useState();\n const [logged, setLogged] = useState(false);\n const [password, setPassword] = useState(\"\");\n const [loading, setLoading] = useState(false);\n const [feedback, setFeedback] = useState(null);\n const [dialogOpen, setDialogOpen] = useState(false);\n const [showPassword, setShowPassword] = useState(false);\n const [showJivoButton, setShowJivoButton] = useState(true);\n // const [geolocationData, setGeolocationData] = useState(false);\n const [openRecoveryAccountModal, setOpenRecoveryAccountModal] =\n useState(false);\n const [openGeolocationModal, setOpenGeolocationModal] = useState(false);\n\n const handleHideJivoButton = () => {\n setShowJivoButton(false);\n };\n\n useEffect(() => {\n window.scrollTo(0, 0);\n }, []);\n\n const handleClickShowPassword = () => {\n setShowPassword(!showPassword);\n };\n\n const handleMouseDownPassword = (event) => {\n event.preventDefault();\n };\n\n const orderByNewestTravelHistory = (a, b) => {\n return new Date(a.createdAt).getTime() > new Date(b.createdAt).getTime()\n ? -1\n : new Date(a.createdAt).getTime() < new Date(b.createdAt).getTime()\n ? 1\n : 0;\n };\n\n const handleRecovery = async (event) => {\n setOpenRecoveryAccountModal(false);\n try {\n event.preventDefault();\n setLoading(true);\n\n await axios.post(`${process.env.REACT_APP_API_URL}/client-app/recovery`, {\n userId: userData,\n });\n\n setFeedback(\n \"Conta foi restabelecida com sucesso, por favor efetuar o login\"\n );\n setDialogOpen(true);\n } catch (error) {\n console.log(error);\n } finally {\n setLoading(false);\n }\n };\n\n const onSubmit = async (event) => {\n if (!email || !password) {\n setFeedback(t(\"VALIDATION_COMPLETE_ALL_FIELDS_ERROR\"));\n setDialogOpen(true);\n return;\n }\n\n event.preventDefault();\n setOpenGeolocationModal(true);\n };\n\n const handleSubmitForm = async (geolocationData) => {\n try {\n setLoading(true);\n\n const result = await axios.post(\n `${process.env.REACT_APP_API_URL}/client-app/login`,\n {\n email: email,\n geolocationData,\n password: password,\n }\n );\n\n const userBirthDate = result.data?.user?.birthday;\n\n if (!userBirthDate) {\n const descSortedTravelHistory = result.data?.user?.travelHistory.sort(\n orderByNewestTravelHistory\n );\n\n const state = {\n temporaryJwt: result.data?.jwt,\n destination: descSortedTravelHistory[0]?.destination,\n nextTripDate: result.data?.user?.nextTripDate,\n };\n\n history.push(\"/voegol-register-update\", state);\n return;\n }\n\n const userEmail = result.data?.user?.email;\n const emailDomain = userEmail.split(\"@\")[1];\n\n const redirectToUpdate = RELEVANT_EMAIL_DOMAINS.has(emailDomain);\n\n if (redirectToUpdate) {\n const state = {\n temporaryJwt: result.data?.jwt,\n };\n\n history.push(\"/reset-login-data\", state);\n return;\n }\n\n localStorage.setItem(\"__session\", result.data.jwt);\n setUser(result.data.user);\n setAuth(true);\n setLogged(true);\n } catch (error) {\n setLoading(false);\n\n const axiosError = error.response?.data;\n if (axiosError.message?.startsWith(\"user blocked\")) {\n // Deal with blocked user\n const infoArray = axiosError.message.split(\" - \");\n const dateString = infoArray[1];\n const userId = infoArray[2];\n const userUpdatedAt = moment(dateString);\n const diff = moment().diff(userUpdatedAt, \"days\");\n if (diff > 30) {\n setFeedback(\"Conta excluída pelo usuário há mais de 30 dias\");\n } else {\n setUserData(userId);\n setFeedback(`Você solicitou a exclusão de sua conta há ${diff} dias`);\n setOpenRecoveryAccountModal(true);\n }\n return;\n }\n\n setFeedback(t(\"SUBMIT_VALIDATION_ERROR_RESPONSE\"));\n setDialogOpen(true);\n console.log(\"[LoginForm] Error:\", error);\n }\n };\n\n const handleError = async (error) => {\n try {\n setLoading(true);\n\n const { data: ip } = await axios.get(\n `https://whats-my-ip-delta.vercel.app/`\n );\n\n if (ip) {\n const {\n data: { city, country_name, state_prov, zipcode },\n } = await axios.get(\n `https://api.ipgeolocation.io/ipgeo?apiKey=${process.env.REACT_APP_IPGEOLOCATION_API_KEY}&ip=${ip}`\n );\n\n handleSubmitForm({\n provider: \"IP\",\n location: `${city}, ${state_prov}, ${country_name} - ${zipcode}`,\n });\n }\n } catch (err) {\n setLoading(false);\n console.log(err);\n }\n };\n\n const showPosition = async (position) => {\n const lat = position.coords.latitude;\n const lon = position.coords.longitude;\n\n if (lat && lon) {\n try {\n setLoading(true);\n\n const {\n data: {\n address: {\n city,\n road,\n state,\n suburb,\n country,\n postcode,\n commercial,\n },\n },\n } = await axios.get(\n `https://geocode.maps.co/reverse?lat=${lat}&lon=${lon}&api_key=${process.env.REACT_APP_GEOCODE_API_KEY}`\n );\n\n handleSubmitForm({\n provider: \"GPS\",\n location: `${road}, ${suburb}, ${city}, ${state}, ${country} - ${postcode}`,\n });\n } catch (error) {\n setLoading(false);\n console.log(error);\n }\n }\n };\n\n return (\n <>\n \n \n \n {t('FORGET_PASSWORD')}\n \n \n
\n \n
\n \n \n A Immunie requer acesso à localização para garantir a sua segurança\n e integridade dos processos.\n
\n\n Todos os dados são criptografados e armazenados em conformidade com\n as diretrizes da LGPD, garantindo a privacidade das informações.\n
\n\n {logged && \n {t(\"INSERT_LOGIN_INFORMATIONS\")} \n \n \n \n setEmail(event.target.value)}\n disabled={loading}\n inputProps={{\n autocomplete: \"off\",\n \"aria-autocomplete\": \"off\",\n }}\n />\n \n \n \n\n \n \n \n \n {t(\"PASSWORD_PLACEHOLDER\")}\n \n setPassword(event.target.value)}\n disabled={loading}\n endAdornment={\n \n \n {showPassword ? \n }\n inputProps={{\n autocomplete: \"off\",\n \"aria-autocomplete\": \"off\",\n }}\n />\n \n \n \n {loading ? (\n \n \n ) : (\n \n {t(\"SUBMIT\")} \n \n )}\n \n \n \n \n {feedback} \n \n \n \n \n \n
\n\n \n \n \n {t(\"FORGET_PASSWORD\")}\n \n \n
\n ![\"logo](\"/assets/logo-passe.svg\"){kind=logo}
\n \n
\n );\n}\n\nexport default NotFound;\n","import React, {\n createContext,\n useState,\n useEffect,\n} from 'react';\nimport { getUser } from '../utils/user';\nimport { request } from '../utils/request';\n\nexport const PasseVerdeContext = createContext();\n\nexport const PasseVerdeProvider = ({ children }) => {\n const [passeVerde, setPasseVerde] = useState(null);\n const [loadingPasse, setLoadingPasse] = useState(true);\n const [isNewUser, setIsNewUser] = useState(false);\n\n const user = getUser();\n\n useEffect(() => {\n const fetchPasseVerde = async () => {\n try {\n setLoadingPasse(true);\n const { data: result } = await request.get(\n `/client-app/passe-verde-certificate?id=${user.id}`\n );\n setPasseVerde(result);\n } catch (error) {\n setIsNewUser(true);\n } finally {\n setLoadingPasse(false);\n }\n };\n\n fetchPasseVerde();\n //eslint-disable-next-line\n }, []);\n\n return (\n Sorry (404)
\nPage not found!
\n Go to Index\n\n \n {title?.text}\n \n \n {description?.text}\n \n
\n \n {userName} \n {userBirthdate} \n
\n \n \n {button?.text}\n \n {\n extraButton ?\n \n {extraButton}\n \n : null\n }\n
\n \n \n \n Em caso de dúvidas, entre em contato pelo{\" \"}\n \n \n \n \n Chat\n \n \n \n
\n \n \n \n {t(\"CALENDARS\")}\n \n
\n \n \n 37 {t(\"COUNTRIES\")}\n \n
\n \n \n {t(\"CONSULT\")}\n \n
\n \n \n {t(\"HEALTH\")}\n \n
\n \n \n \n {t(\"UPDATE\")}\n \n + \n
\n \n \n {t(\"MODAL_UPDATE_PASSE_VERDE_TITLE\")}\n \n \n {t(\"MODAL_UPDATE_PASSE_VERDE_DESCRIPTION\")}\n \n\n \n \n \n {t(\"MODAL_UPDATE_PASSE_VERDE_CONFIRM_BUTTON\")}\n \n
\n \n \n \n {t(\"HISTORY\")}\n \n {(vaccinesHistory || []).length >= 3 && !seeAll && (\n getAllUserHistory()}\n >\n {t(\"SEE_ALL\")}\n \n )}\n {loadingAllVaccines && (\n
\n \n
\n )}\n \n {(vaccinesHistory || []).map((vac, index) => {\n if (vac) {\n const tmp = vac.applicationDate\n ? moment(vac.applicationDate).format(\"DD/MM/YYYY\")\n : moment(vac.date).format(\"DD/MM/YYYY\");\n return (\n \n \n \n {vac.type === \"vaccine\"\n ? t(\"VACCINE\")\n : t(\"ANTIBODY\")}{\" \"}\n {vac.vaccine}\n \n
\n \n {tmp.split(\"T\")[1]}\n \n \n );\n } else {\n return null;\n }\n })}\n \n
\n \n {t(\"HISTORY\")}\n \n
\n \n \n {t(\"NO_HISTORY_AVAILABLE\")}\n \n
\n \n \n {title}\n \n \n {description}\n \n
\n \n \n {leftButtonTitle}\n \n \n {rightButtonTitle}\n \n
\n \n \n \n \n {t('TRANSCRIPTION_DATE_TEXT')}:\n {' '}\n \n {date}\n \n {/* \n \n {t('DATE')}:\n {' '}\n \n {vaccine.adminDetails.transcription.date\n ? vaccine.adminDetails.transcription.date\n : t('NOT_AVAILABLE_INFO')}\n */}\n \n \n {t('CARD_LOT_NUMBER')}:\n {' '}\n \n {\n vaccine.adminDetails.lotNumber\n ? vaccine.adminDetails.lotNumber\n : t('NOT_AVAILABLE_INFO')\n }\n \n \n
\n \n \n \n \n {t('CARD_REGISTRY')}:\n {' '}\n \n {vaccine.adminDetails.hcpRegistryNumber}\n \n \n {vaccine.adminDetails.hcpClinicName}\n \n \n \n {t('CARD_APPLIED_ON')}:\n {' '}\n \n {date}\n \n \n \n {t('CARD_LOT_NUMBER')}:\n {' '}\n \n {lotNumber}\n \n \n \n {t('CARD_PRODUCED_BY')}:\n {' '}\n \n {producer}\n \n \n \n {t('CARD_LOT_NUMBER')}:\n {' '}\n \n {\n vaccine.adminDetails.lotNumber\n ? vaccine.adminDetails.lotNumber\n : t('NOT_AVAILABLE_INFO')\n }\n \n \n
\n \n
\n\n \n
\n \n \n \n
\n \n
\n \n \n {userFullName}\n \n
\n \n \n {user.birthday}\n \n \n \n {t('PASSE_VERDE_DOCUMENT_ID')}: {user.documentNumber}\n \n
\n \n \n {t(statusData[passeVerde?.status]?.text)}\n \n \n \n {passeVerde?.checkpointPinCode}\n \n \n
\n :\n passeVerde?.status === \"EXPIRED\" ?\n \n \n {t(statusData[passeVerde?.status]?.text)}\n \n \n {passeVerde?.checkpointPinCode}\n \n
\n :\n \n \n {t(statusData[passeVerde?.status]?.text)}\n \n
\n }\n\n \n \n {badge.name}\n \n
\n ![\"qr](\"/assets/expired_pv.png\")
\n }\n\n \n {\n passeVerde?.status === \"REDO\" &&\n \n {statusData[passeVerde?.status]?.icon}\n \n }\n\n {\n passeVerde?.status !== \"APPROVED\" && passeVerde?.status !== \"REDO\"\n && statusData[passeVerde?.status]?.icon\n }\n\n {\n (passeVerde?.status === \"APPROVED\" || passeVerde?.status === \"EXPIRED\") &&\n \n \n \n \n \n
\n )\n }\n })\n }\n\n {\n passeVerde?.status === \"APPROVED\" &&\n <>\n {\n isIOS ?\n \n {\n passeVerde?.approvedMetadata?.protocolName !== undefined &&\n \n {t('PASSE_VERDE_VACCINES_AND_EXAMS')}\n \n }\n {\n passeVerde?.approvedMetadata?.validations &&\n //eslint-disable-next-line\n passeVerde?.approvedMetadata?.validations.map(validation => {\n if (validation.type === 'VACCINE') {\n return (\n \n \n \n \n \n
\n )\n }\n if (validation.type === 'ANTIBODIES_AND_TESTS') {\n return (\n \n \n {t('PASSE_VERDE_VACCINE')}: {validation.name}\n \n \n {t('PASSE_VERDE_MANUFACTURER')}: {validation.producerName}\n \n \n {t('PASSE_VERDE_DATE')}: {moment(validation.datetime).format('DD/MM/YYYY, h:mm:ss A - UTC')}\n \n
\n \n \n {t('PASSE_VERDE_TEST_OR_EXAM')}: {validation.name}\n \n \n {t('PASSE_VERDE_CLINIC')}: {validation.clinicName}\n \n \n {t('PASSE_VERDE_DATE')}: {moment(validation.datetime).format('DD/MM/YYYY, h:mm:ss A - UTC')}\n \n
\n \n \n {t(statusData[passeVerde?.status]?.subText)}\n \n
\n \n \n {passeVerde?.observation}\n \n
\n \n \n {t(statusData[passeVerde?.status]?.subText)}\n \n
\n \n }\n \n \n \n {t('PASSE_VERDE_PAGE_NEW_USER')}\n \n \n {\n user?.plan ?\n \n :\n \n }\n \n
\n \n \n
\n )\n}\n\nexport default BottomSlider;","\nimport styled from \"styled-components\";\n\nconst Container = styled.div`\n display: flex; \n box-sizing: border-box;\n`;\n\nconst Label = styled.label`\n width: 120%;\n cursor: pointer;\n box-sizing: border-box;\n`;\n\nconst Title = styled.span`\n display: block;\n font-weight: bold; \n font-size: 14px;\n box-sizing: border-box;\n`;\n\nconst Text = styled.span`\n display: block;\n color: #808080; \n font-size: 13px;\n box-sizing: border-box;\n`;\n\nconst ProtocolContainer = styled.div`\n width: 77%;\n display: flex;\n align-items: center;\n`\n\nconst ProtocolText = styled.span`\n display: block;\n color: #808080; \n font-size: 13px;\n box-sizing: border-box;\n overflow-x: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n`\n\nexport {\n Container,\n Label,\n Title,\n Text,\n ProtocolContainer,\n ProtocolText,\n};\n","import React, { useState } from \"react\";\nimport {\n Container,\n Label,\n Title,\n Text,\n ProtocolContainer,\n ProtocolText,\n} from \"./Components.js\";\nimport {\n Radio,\n makeStyles,\n Accordion,\n AccordionSummary,\n AccordionDetails,\n} from \"@material-ui/core\";\nimport { ExpandMore as ExpandMoreIcon } from \"@material-ui/icons\";\nimport { useTranslation } from 'react-i18next';\n\nconst useStyles = makeStyles(() => ({\n radioInput: {\n width: 15,\n height: 15,\n color: '#bebebe',\n '&.Mui-checked': {\n color: '#00A859',\n },\n },\n\n passeVerdeImg: {\n width: 30,\n height: 30,\n paddingRight: 9,\n paddingLeft: 5,\n },\n\n accordion: {\n width: '100%',\n boxShadow: 'none',\n\n '& .MuiAccordionSummary-root': {\n padding: '0 8px'\n },\n\n '& .MuiIconButton-root': {\n padding: 6,\n },\n\n '& .MuiIconButton-edgeEnd': {\n marginRight: -5\n },\n\n '& .MuiAccordionSummary-root.Mui-expanded': {\n minHeight: '0',\n },\n\n '& .MuiCollapse-container': {\n width: '75%',\n marginLeft: '80px',\n }\n },\n\n accordionSummary: {\n '& .MuiAccordionSummary-content': {\n alignItems: 'center',\n margin: 0,\n },\n },\n\n accordionDetails: {\n display: 'flex',\n padding: 0,\n },\n\n protocolImg: {\n width: 10,\n height: 10,\n marginRight: 5,\n }\n}));\n\nconst PasseVerdeItem = ({\n index,\n eventName,\n eventDate,\n eventPlace,\n url,\n availableProtocols,\n value,\n checked,\n onChange,\n size,\n}) => {\n const classes = useStyles();\n const { t } = useTranslation('passeVerdePages');\n const [expanded, setExpanded] = useState(false);\n\n const handleChange = (panel) => (event, isExpanded) => {\n setExpanded(isExpanded ? panel : false);\n };\n\n return (\n \n
\n \n ![\"Green](\"/assets/circle-hand-green.svg\")
\n \n {t('NEW_PASSE_VERDE_BOTTOM_SLIDER_1')}\n \n
\n \n \n {t('NEW_PASSE_VERDE_BOTTOM_SLIDER_1')}\n \n \n
\n \n \n
\n )\n}\n\nexport default SliderNoronhaWithExam;","import React from 'react';\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport {\n Paper,\n} from '@material-ui/core';\n\nconst useStyles = makeStyles(() => ({\n container: {\n width: 'calc(100% - 40px)',\n height: '32px',\n display: 'flex',\n alignItems: 'center',\n boxSizing: 'border-box',\n padding: '20px',\n },\n\n selectInput: {\n width: '100%',\n height: '32px',\n border: 'none',\n backgroundColor: '#FFFFFF !important',\n },\n}));\n\nconst SelectInput = ({\n id,\n onChange,\n value,\n initialValue,\n isLoading,\n isSubmitting,\n options,\n marginTop,\n marginBottom,\n borderRadius,\n color\n}) => {\n const classes = useStyles();\n const optionsToShow = options || [];\n\n return (\n \n
\n \n ![\"Circle](\"/assets/circle-hand.svg\")
\n \n {t('UPLOAD_PASSE_VERDE_DOCS_TOP_SLIDER_1')}\n \n
\n \n \n {t('UPLOAD_PASSE_VERDE_DOCS_TOP_SLIDER_1')}\n \n \n = 2 ?\n \"/assets/document-pos-uploaded.svg\"\n : \"/assets/document-pre-upload.svg\"\n }\n alt=\"PDF Document\" />\n = 2 ? classes.imgTextGreen : classes.imgText}>\n {t('UPLOAD_PASSE_VERDE_DOCS_TOP_SLIDER_2')}\n \n
\n \n = 3 ?\n \"/assets/document-pos-uploaded.svg\"\n : \"/assets/document-pre-upload.svg\"\n }\n alt=\"PDF Document\" />\n = 3 ? classes.imgTextGreen : classes.imgText}>\n {t('UPLOAD_PASSE_VERDE_DOCS_TOP_SLIDER_3')}\n \n
\n \n = 3 ?\n \"/assets/self-green.svg\"\n : \"/assets/self-pre-upload.svg\"\n }\n alt=\"Selfie Upload\" />\n \n {t('UPLOAD_PASSE_VERDE_DOCS_TOP_SLIDER_4')}\n \n
\n \n \n \n
\n );\n}\n\nexport default DateInput;","import React, {\n useRef,\n useState\n} from \"react\";\nimport {\n Typography,\n makeStyles,\n IconButton\n} from '@material-ui/core';\nimport {\n CheckCircle as CheckIcon,\n Delete as TrashIcon,\n} from \"@material-ui/icons\";\nimport CircularProgress from \"@material-ui/core/CircularProgress\";\n\nconst useStyles = makeStyles(() => ({\n container: {\n width: 'calc(100% - 50px)',\n },\n\n titleContainer: {\n display: 'flex',\n alignItems: 'center',\n marginTop: 40,\n marginBottom: 10,\n },\n\n title: {\n fontSize: 22,\n color: '#00A859',\n margin: 0,\n },\n\n titleIcon: {\n width: '22px',\n color: '#00A859',\n transform: 'translateY(7%)',\n marginLeft: 5\n },\n\n uploadContainer: {\n width: '100%',\n display: 'flex',\n alignItems: 'center',\n gap: '30px',\n },\n\n frame: {\n width: '100%',\n height: '100%',\n maxWidth: '85px',\n minHeight: '85px',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n },\n\n img: {\n width: '85px',\n height: '85px',\n },\n\n fileName: {\n fontSize: 12,\n textAlign: 'center',\n color: '#808080',\n marginBottom: 5,\n },\n\n sendStatus: {\n fontSize: 13,\n fontWeight: 'bold',\n textAlign: 'center',\n color: '#00A859',\n marginBottom: 5,\n },\n\n button: {\n width: 210,\n fontSize: 13,\n fontWeight: 'bold',\n padding: '6px 20px',\n border: 'none',\n borderRadius: '15px',\n backgroundColor: '#00A859',\n color: '#FFFFFF',\n letterSpacing: '-.5px',\n cursor: 'pointer',\n transition: '.2s',\n overflow: 'hidden',\n whiteSpace: 'nowrap',\n textOverflow: 'ellipsis',\n textTransform: 'uppercase',\n boxSizing: 'border-box',\n '&:hover': {\n backgroundColor: '#54b488',\n },\n '&:disabled': {\n backgroundColor: '#808080',\n cursor: 'not-allowed',\n }\n },\n\n buttonOutlined: {\n width: 225,\n fontSize: 12,\n fontWeight: 'bold',\n padding: '6px 10px',\n border: '1px solid #00A859',\n borderRadius: '15px',\n backgroundColor: '#FFFFFF',\n color: '#00A859',\n cursor: 'pointer',\n transition: '.2s',\n textTransform: 'uppercase',\n boxSizing: 'border-box',\n '&:hover': {\n color: '#0ccf78',\n },\n '&:disabled': {\n cursor: 'not-allowed',\n }\n },\n\n blueTitle: {\n fontSize: 22,\n color: '#2D80C6',\n margin: 0,\n },\n\n blueTitleIcon: {\n width: '22px',\n color: '#2D80C6',\n transform: 'translateY(7%)',\n marginLeft: 5\n },\n\n blueSendStatus: {\n fontSize: 13,\n fontWeight: 'bold',\n textAlign: 'center',\n color: '#2D80C6',\n marginBottom: 5,\n },\n\n blueButton: {\n width: 190,\n fontSize: 13,\n fontWeight: 'bold',\n padding: '6px 20px',\n border: 'none',\n borderRadius: '15px',\n backgroundColor: '#2D80C6',\n color: '#FFFFFF',\n letterSpacing: '-.5px',\n cursor: 'pointer',\n transition: '.2s',\n overflow: 'hidden',\n whiteSpace: 'nowrap',\n textOverflow: 'ellipsis',\n textTransform: 'uppercase',\n boxSizing: 'border-box',\n '&:hover': {\n backgroundColor: '#49aad6',\n },\n '&:disabled': {\n backgroundColor: '#808080',\n cursor: 'not-allowed',\n }\n },\n\n blueButtonOutlined: {\n width: 190,\n fontSize: 12,\n fontWeight: 'bold',\n padding: '6px 10px',\n border: '1px solid #2D80C6',\n borderRadius: '15px',\n backgroundColor: '#FFFFFF',\n color: '#2D80C6',\n cursor: 'pointer',\n transition: '.2s',\n textTransform: 'uppercase',\n boxSizing: 'border-box',\n '&:hover': {\n color: '#49aad6',\n },\n '&:disabled': {\n cursor: 'not-allowed',\n }\n },\n\n trashIconContainer: {\n display: 'flex',\n alignItems: 'flex-end',\n justifyContent: 'right',\n },\n\n iconButton: {\n padding: 5,\n },\n\n trashIcon: {\n color: '#F60E31'\n },\n}));\n\nconst BoxUploadFile = ({\n id,\n dateComponent,\n componentType,\n title,\n onChange,\n onlyPdf,\n onlyImage,\n displayOnly,\n isLoading,\n isSubmitting,\n documentUploadedText,\n buttonText,\n buttonTextWhenDocumentUploaded,\n reUpload,\n marginTop,\n showTrashIcon,\n onClickTrashIcon,\n secondaryColor,\n}) => {\n const input = useRef(null);\n const [fileName, setFileName] = useState(\"\");\n\n let image = '';\n let imageAfterUpload = '';\n\n if (secondaryColor) {\n if (componentType === 'photo') {\n image = '/assets/rounded-grey-send-selfie.svg'\n imageAfterUpload = '/assets/rounded-blue-send-selfie.svg';\n } else {\n image = '/assets/rounded-grey-pdf.svg'\n imageAfterUpload = '/assets/rounded-blue-pdf.svg';\n }\n } else {\n if (componentType === 'photo') {\n image = '/assets/rounded-grey-send-selfie.svg'\n imageAfterUpload = '/assets/rounded-green-send-selfie.svg';\n } else {\n image = '/assets/rounded-grey-pdf.svg'\n imageAfterUpload = '/assets/rounded-green-pdf.svg';\n }\n }\n\n const classes = useStyles();\n\n const onClick = () => {\n try {\n const { current } = input;\n current.click();\n } catch (err) {\n console.log(err)\n }\n };\n\n const handleChange = () => {\n if (id) {\n const target = document.getElementById(id);\n const file = target.files[0];\n setFileName(file?.name);\n if (onChange) onChange(file);\n }\n };\n\n return (\n \n
\n );\n};\n\nexport default BoxUploadFile;","import styled from 'styled-components';\n\nconst Button = styled.button`\n width: 120px;\n padding: 5px;\n color: #FFFFFF;\n font-size: 12px;\n font-weight: bold;\n text-transform: uppercase;\n background-color: #00A859;\n letter-spacing: -0.5px;\n border: none;\n border-radius: 15px;\n margin-top: 20px;\n transition: .2s;\n cursor: pointer;\n`;\n\nexport {\n Button,\n}","import React from 'react';\nimport {\n makeStyles,\n Backdrop,\n Fade,\n Modal as MUIModal,\n Typography\n} from \"@material-ui/core\";\nimport { Button } from './Components';\n\nconst useStyles = makeStyles((theme) => ({\n modal: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n width: '90%',\n maxWidth: '420px',\n margin: '0 auto',\n boxSizing: 'border-box',\n },\n\n modalPaper: {\n backgroundColor: theme.palette.background.paper,\n borderRadius: 10,\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n flexDirection: 'column',\n boxShadow: theme.shadows[5],\n padding: theme.spacing(2, 4, 3),\n },\n\n modalTitle: {\n textAlign: \"center\",\n width: '100%',\n marginTop: 10,\n marginBottom: 20,\n fontWeight: \"bold\",\n },\n\n modalDescription: {\n marginBottom: 20,\n fontSize: '16px',\n fontWeight: 'bold',\n textAlign: 'justify'\n },\n\n modalButtonContainer: {\n display: \"flex\",\n alignItems: \"center\",\n flexDirection: \"column\",\n justifyContent: \"space-around\",\n width: \"100%\",\n },\n}));\n\nexport const FeedbackModal = ({\n id,\n title,\n description,\n button,\n open,\n disabled = false,\n onClick,\n extraButton = \"\"\n}) => {\n const classes = useStyles();\n\n return (\n \n {secondaryColor ?\n <>\n
\n\n {dateComponent}\n\n {title}
\n {title && displayOnly &&{title}
\n {title && displayOnly &&\n
\n\n {\n showTrashIcon &&\n \n {isLoading ? (\n
\n\n \n {displayOnly && (\n reUpload ? (\n \n Re-upload file\n \n ) : (\n <>\n \n {fileName}\n \n {\n secondaryColor ?\n \n {documentUploadedText}\n \n :\n \n {documentUploadedText}\n \n }\n \n ))}\n {\n secondaryColor ?\n \n {\n displayOnly\n ? buttonTextWhenDocumentUploaded\n : buttonText\n }\n \n :\n \n {\n displayOnly\n ? buttonTextWhenDocumentUploaded\n : buttonText\n }\n \n }\n
\n \n \n
\n }\n\n \n \n {title?.text}\n \n \n {description?.text}\n \n
\n \n \n {button?.text}\n \n {\n extraButton ?\n \n {extraButton}\n \n : null\n }\n
\n \n \n {t('UPLOAD_PASSE_VERDE_DOCS_MODAL_1_TITLE')}\n \n \n {t('UPLOAD_PASSE_VERDE_DOCS_MODAL_1_DESCRIPTION')}\n \n \n setModalState((oldModalState) => ({\n ...oldModalState,\n termsAndConditions: !oldModalState.termsAndConditions,\n }))\n }\n name=\"checkedFirst\"\n />\n }\n label={t('UPLOAD_PASSE_VERDE_DOCS_MODAL_1_CONFIRMATION_TEXT')}\n />\n
\n \n {\n setOpenTCModal(false);\n window.location.replace(\"/secure\");\n }}\n >\n {t('UPLOAD_PASSE_VERDE_DOCS_MODAL_CANCEL')}\n \n {\n setOpenTCModal(false);\n }}\n >\n {t('UPLOAD_PASSE_VERDE_DOCS_MODAL_CONFIRM')}\n \n
\n \n \n {t('UPLOAD_PASSE_VERDE_DOCS_MODAL_2_TITLE')}\n \n \n {t('UPLOAD_PASSE_VERDE_DOCS_MODAL_2_DESCRIPTION')}\n \n \n setModalState((oldModalState) => ({\n ...oldModalState,\n secondChecked: !oldModalState.secondChecked,\n }))\n }\n name=\"checkedFirst\"\n />\n }\n label={t('UPLOAD_PASSE_VERDE_DOCS_MODAL_2_CONFIRMATION_TEXT')}\n />\n
\n \n {\n setOpenCOVID19ModalDataVerification(false);\n }}\n >\n {t('UPLOAD_PASSE_VERDE_DOCS_MODAL_CANCEL')}\n \n \n {\n isSubmitting ?\n t('UPLOAD_PASSE_VERDE_DOCS_MODAL_CONFIRM_SUBMITTING')\n :\n t('UPLOAD_PASSE_VERDE_DOCS_MODAL_CONFIRM')\n }\n \n
\n \n \n {t('UPLOAD_PASSE_VERDE_DOCS_MODAL_3_TITLE')}\n \n \n {t('UPLOAD_PASSE_VERDE_DOCS_MODAL_3_DESCRIPTION')}\n \n\n
\n \n {\n setOpenCOVID19ModalFinal(false);\n window.location.replace(\"/secure/passe-verde\");\n }}\n >\n {t('UPLOAD_PASSE_VERDE_DOCS_MODAL_3_BUTTON')}\n \n
\n ![\"pink](\"/assets/syringe-pink.svg\")
\n \n \n {\n t('CERTIFICATION_APPROVED')\n }\n \n\n
\n \n \n \n \n handleShareDocument(documentId, documentName, codeType)\n }\n >\n
\n \n handleDownloadDocument(url, documentName)}\n >\n ![\"Pink](\"/assets/pdf-pink.svg\")
\n \n
\n \n \n \n \n\n {title}
\n\n \n
\n )\n}\n\nexport default FormEntryText;","import React from \"react\";\nimport { makeStyles } from \"@material-ui/core\";\n\nconst useStyles = makeStyles(() => ({\n container: {\n display: \"flex\",\n flexDirection: \"column\",\n boxSizing: \"border-box\",\n padding: 5,\n },\n\n label: {\n cursor: \"pointer\",\n },\n\n labelContent: {\n margin: \"12px 0px 8px 0px\",\n fontWeight: \"bold\",\n color: \"#505050\",\n },\n\n form: {\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n backgroundColor: \"#FFFFFF\",\n padding: \"8px 12px\",\n borderRadius: \"8px\",\n height: \"45px\",\n boxSizing: \"border-box\",\n boxShadow: \"0 0px 10px 0px rgb(16 36 94 / 7%)\",\n border: \"none\",\n cursor: \"pointer\",\n },\n\n selectInput: {\n width: \"100%\",\n height: \"30px\",\n color: \"#505050\",\n backgroundColor: \"#FFFFFF !important\",\n border: \"none\",\n cursor: \"pointer\",\n },\n}));\n\nconst FormEntrySelect = ({\n id,\n onChange,\n value,\n label,\n disabled,\n children,\n}) => {\n const classes = useStyles();\n\n return (\n \n {label && (\n \n )}\n \n
\n );\n};\n\nexport default FormEntrySelect;\n","import React from \"react\";\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport DateFnsUtils from \"@date-io/date-fns\";\nimport pt from \"date-fns/locale/pt\";\nimport {\n MuiPickersUtilsProvider,\n KeyboardDatePicker,\n} from \"@material-ui/pickers\";\n\nconst useStyles = makeStyles(() => ({\n container: {\n display: \"flex\",\n flexDirection: \"column\",\n boxSizing: \"border-box\",\n padding: 5,\n },\n\n label: {\n cursor: \"pointer\",\n },\n\n labelContent: {\n margin: \"12px 0px 8px 0px\",\n fontWeight: \"bold\",\n color: \"#505050\",\n },\n\n datePicker: {\n \"& .MuiInputLabel-outlined\": {\n transform: \"translate(23px, 14px) scale(1)\",\n color: \"#000000\",\n fontSize: 13,\n display: \"none\",\n },\n \"& .MuiInputLabel-outlined.MuiInputLabel-shrink\": {\n transform: \"translate(14px, -11px) scale(.75)\",\n display: \"none\",\n },\n \"& .MuiFormLabel-root.Mui-error\": {\n color: \"#f44336\",\n },\n \"& .MuiIconButton-root\": {\n padding: 0,\n display: \"none\",\n },\n \"& .MuiSvgIcon-root\": {\n color: \"#000000\",\n },\n },\n\n input: {\n backgroundColor: \"#FFFFFF\",\n color: \"#505050\",\n fontSize: 13,\n padding: \"8px 12px\",\n borderRadius: \"8px\",\n minHeight: \"45px\",\n boxSizing: \"border-box\",\n boxShadow: \"0 0px 10px 0px rgb(16 36 94 / 7%)\",\n cursor: \"pointer\",\n\n \"& fieldset\": {\n border: \"none\",\n },\n \"& .MuiInputBase-input\": {\n padding: 0,\n },\n },\n}));\n\nconst FormEntryDate = ({ id, onClick, value, label, disabled }) => {\n const classes = useStyles();\n\n return (\n \n {label && (\n \n )}\n \n \n
\n );\n};\n\nexport default FormEntryDate;\n","import React from 'react';\nimport {\n Radio,\n RadioGroup,\n FormControlLabel,\n FormControl,\n FormLabel,\n makeStyles\n} from '@material-ui/core';\n\nconst useStyles = makeStyles(() => ({\n container: {\n padding: 5,\n marginTop: 12,\n },\n\n label: {\n fontWeight: 'bold',\n marginBottom: 8,\n color: '#505050',\n },\n\n radioGroup: {\n marginLeft: 5,\n '& .MuiRadio-root': {\n width: 20,\n height: 20,\n },\n\n '& .MuiFormControlLabel-label': {\n color: '#505050',\n fontSize: 15,\n },\n },\n}));\n\nexport const FormEntryOptions = ({\n name,\n label,\n options,\n value,\n onChange,\n disabled,\n}) => {\n const classes = useStyles();\n\n return (\n \n {\n user?.approvedSelfie ?\n \n \n :\n
\n \n \n {user?.name}\n \n \n {t('SUBTITLE')}\n \n
\n \n {\n updateData(\"birthday\", time);\n setOpenDatePicker(false);\n }}\n onCancel={() => setOpenDatePicker(false)}\n isPopup={false}\n showHeader={true}\n headerFormat=\"DD/MM/YYYY\"\n dateConfig={dateConfig}\n min={new Date(1910, 0, 1)}\n max={moment()._d}\n confirmText={t('BIRTHDATE_MODAL_CONFIRM_BUTTON')}\n cancelText={t('BIRTHDATE_MODAL_CANCEL_BUTTON')}\n />\n
\n {title}
\n }\n {\n fileType === 'image' ?\n![\"JPEG](\"/assets/jpeg-file-icon.svg\"){kind=icon}
\n :\n ![\"CSV](\"/assets/csv-file-icon.svg\"){kind=icon}
\n }\n \n )\n}\n\nexport default MyDataDownloadButton;","import React, { useState, useEffect } from \"react\";\nimport { CSVLink } from \"react-csv\";\nimport { getUser } from \"../../utils/user\";\nimport { request } from \"../../utils/request\";\nimport {\n Container,\n Title,\n Subtitle,\n FormContainer,\n AccordionContainer,\n ButtonContainer,\n MainButton,\n SecondaryButton,\n TextAreaContainer,\n TextArea,\n DeleteAccountTextContainer,\n ModalButton,\n} from \"./Components\";\nimport Header from \"../../components/Header/Header\";\nimport {\n makeStyles,\n Typography,\n Fade,\n Modal,\n Backdrop,\n Checkbox,\n FormControlLabel,\n LinearProgress,\n} from \"@material-ui/core\";\nimport AccordionSummary from \"../../components/AccordionSummary/AccordionSummary\";\nimport AccordionDetails from \"../../components/AccordionDetails/AccordionDetails\";\nimport MyDataDownloadButton from \"../../components/MyDataDownloadButton/MyDataDownloadButton\";\nimport { useTranslation } from 'react-i18next';\n\nconst useStyles = makeStyles((theme) => ({\n csvLink: {\n width: '100%',\n textDecoration: 'none',\n color: 'white',\n fontSize: '18px',\n fontWeight: 'bold',\n },\n\n rectifyInfoText: {\n fontSize: '15px',\n color: '#808080',\n padding: '20px 10px',\n boxSizing: 'border-box',\n },\n\n deleteAccountText: {\n color: '#808080',\n fontSize: '13px',\n fontWeight: 'bold',\n textAlign: 'center',\n },\n\n modal: {\n width: '95%',\n maxWidth: '410px',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n margin: 'auto',\n boxSizing: 'border-box',\n },\n\n modalPaper: {\n maxHeight: '95%',\n backgroundColor: theme.palette.background.paper,\n borderRadius: 10,\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n flexDirection: 'column',\n boxShadow: theme.shadows[5],\n padding: theme.spacing(2, 4, 3),\n boxSizing: 'border-box',\n },\n\n modalHeader: {\n textAlign: 'center',\n width: 290,\n paddingTop: 10,\n paddingBottom: 20,\n fontSize: '18px',\n fontWeight: 'bold',\n color: '#FF0066',\n textTransform: 'uppercase',\n },\n\n modalContent: {\n paddingBottom: 20,\n fontSize: '14px',\n fontWeight: 'bold',\n color: '#808080',\n textAlign: 'justify'\n },\n\n modalFormControlLabel: {\n paddingBottom: 20,\n '& .MuiTypography-body1': {\n fontWeight: 'bold',\n },\n },\n\n modalButtonContainer: {\n display: 'flex',\n justifyContent: 'space-around',\n width: '100%',\n paddingBottom: 10,\n },\n\n modalBackButton: {\n backgroundColor: '#2D80C6',\n color: '#FFFFFF',\n transition: '.2s',\n '&:hover': {\n filter: 'brightness(.9)',\n }\n },\n}));\n\nconst MyData = () => {\n const [open, setOpen] = useState(false);\n const [hasReadDeleteWarning, setHasReadDeleteWarning] = useState(false);\n const [processing, setProcessing] = useState(false);\n const [downloadProfileData, setDownloadProfileData] = useState();\n const [emailMessage, setEmailMessage] = useState();\n const [isLoading, setIsLoading] = useState(false);\n const [expandedPanel, setExpandedPanel] = useState(undefined);\n\n const { t } = useTranslation('myDataPage');\n const classes = useStyles();\n const user = getUser();\n\n const handleClick = (panel) => {\n if (panel === expandedPanel) {\n setExpandedPanel(undefined);\n } else {\n setExpandedPanel(panel);\n }\n };\n\n const handleOpen = () => {\n setOpen(true);\n };\n\n const handleClose = () => {\n setOpen(false);\n };\n\n const handleCheckboxChange = () => {\n setHasReadDeleteWarning(!hasReadDeleteWarning);\n };\n\n const handleTerminateUser = async () => {\n try {\n setProcessing(true);\n setIsLoading(true);\n await request.post(`/client-app/update-profile?type=terminate`, {\n _id: user.id,\n });\n localStorage.removeItem(\"__session\");\n localStorage.removeItem(\"__user\");\n sessionStorage.removeItem(\"access_code\");\n window.location.reload(true);\n } catch (error) {\n console.error(error);\n } finally {\n setProcessing(false);\n setIsLoading(false);\n handleClose();\n }\n };\n\n const contactFormHandler = async () => {\n try {\n setIsLoading(true);\n const body = {\n context: t('RECTIFY_TITLE'),\n userName: `${user.name} ${user.surname}`,\n message: emailMessage,\n email: user.email,\n };\n\n await request.post(`/client-app/contact`, body);\n setEmailMessage(\"\");\n alert(t('EMAIL_SENT'));\n } catch (error) {\n console.error(error);\n } finally {\n setIsLoading(false);\n }\n };\n\n const handleDownloadImage = async (url) => {\n try {\n setIsLoading(true);\n if (!url) {\n throw new Error(\"Data not available\");\n }\n\n const splitedUrlString = url.split(\".\");\n const fileName = splitedUrlString[splitedUrlString.length - 2];\n const fileExtension = splitedUrlString[splitedUrlString.length - 1];\n\n const file = await fetch(url + '?not-from-cache').then((r) => r.blob());\n\n const blob = new Blob([file], { type: \"image/**\" });\n const href = await URL.createObjectURL(blob);\n const link = document.createElement(\"a\");\n link.href = href;\n link.download = `${fileName}.${fileExtension}`;\n document.body.appendChild(link);\n link.click();\n document.body.removeChild(link);\n } catch (error) {\n console.error(error);\n } finally {\n setIsLoading(false);\n }\n };\n\n useEffect(() => {\n const getProfileDownloadData = async () => {\n try {\n setIsLoading(true);\n // Profile Data\n const { data: profileData } = await request.get(\n `/client-app/download-profile-data?id=${user.id}`\n );\n setDownloadProfileData(profileData.user);\n } catch (error) {\n console.error(error);\n } finally {\n setIsLoading(false);\n }\n };\n\n getProfileDownloadData();\n }, [user.id]);\n\n return (\n \n \n {t('TERMINATE_ACCOUNT_MODAL_TITLE')}\n \n \n {t('TERMINATE_ACCOUNT_MODAL_DESCRIPTION')}\n \n\n \n {t('TERMINATE_ACCOUNT_PROCESS')}\n \n )}\n
\n \n \n {t('TERMINATE_ACCOUNT_CONFIRM_BUTTON')}\n \n \n {t('TERMINATE_ACCOUNT_CANCEL_BUTTON')}\n \n
\n ) : (\n ![\"Orange](\"/assets/syringe-orange.svg\")
\n {(index === (items.length - 1) && isFinal) ? null : \n \n \n {selectedCountry?.updatedAt && (\n <>\n \n {t(\"CALENDAR_UPDATED_AT\")}\n \n \n {selectedCountry?.updatedAt}\n \n \n )}\n
\n \n
\n )}\n \n )}\n \n {selectedCountry?.optionals?.length > 0 && (\n {t(\"OPTIONALS\")} \n )}\n {(selectedCountry?.optionals || []).map((optional, index) => {\n return (\n
\n \n {optional.name}\n
\n );\n })}\n\n \n
\n );\n}\n\nexport default FormEntryTextarea;","import React from 'react';\nimport {\n makeStyles,\n Checkbox,\n FormControl,\n FormControlLabel,\n FormGroup,\n Typography\n} from '@material-ui/core';\n\nconst useStyles = makeStyles((theme) => ({\n container: {\n display: 'flex',\n flexDirection: 'column',\n boxSizing: 'border-box',\n padding: 5,\n },\n\n label: {\n cursor: 'pointer',\n },\n\n labelContent: {\n margin: '12px 0px 8px 0px',\n fontWeight: 'bold',\n color: '#505050',\n },\n\n formControl: {\n margin: theme.spacing(2),\n marginTop: 0\n },\n\n subtext: {\n color: \"grey\",\n textAlign: \"center\",\n fontSize: \"12px\"\n }\n}));\n\nconst FormEntryCheckbox = ({\n id,\n label,\n subtext,\n options,\n selectedOptions,\n onChange,\n disabled,\n translations,\n}) => {\n const classes = useStyles();\n\n return (\n \n \n \n {subtext}\n \n \n \n {\n translations ?\n options.map(option => (\n \n \n
\n );\n}\n\nexport default FormEntryCheckbox;","import React from 'react';\nimport {\n FormControl,\n InputLabel,\n makeStyles,\n TextField\n} from \"@material-ui/core\";\nimport ExpandMoreIcon from \"@material-ui/icons/ExpandMore\";\nimport { Autocomplete } from \"@material-ui/lab\";\n\nconst useStyles = makeStyles(() => ({\n container: {\n padding: 5,\n display: 'flex',\n flexDirection: 'column',\n\n '& .MuiInputLabel-animated': {\n transition: 'none'\n },\n\n '& .MuiInputLabel-formControl': {\n position: 'initial',\n transform: 'none',\n margin: '12px 0px 8px 0px',\n fontWeight: 'bold',\n color: '#505050',\n cursor: 'pointer',\n },\n },\n\n input: {\n '& .MuiAutocomplete-inputRoot[class*=\"MuiOutlinedInput-root\"]': {\n fontSize: 14,\n minHeight: 45,\n padding: '0 65px 0 9px',\n color: '#505050',\n backgroundColor: '#FFFFFF',\n borderRadius: '8px',\n boxSizing: 'border-box',\n boxShadow: '0 0px 10px 0px rgb(16 36 94 / 7%)',\n\n '& fieldset': {\n borderWidth: '0 !important',\n },\n },\n\n '& .MuiAutocomplete-inputRoot[class*=\"MuiOutlinedInput-root\"] .MuiAutocomplete-endAdornment': {\n right: 11,\n },\n\n '& .MuiAutocomplete-popupIndicator': {\n transition: '.2s',\n\n '& .MuiSvgIcon-root': {\n fontSize: 20,\n }\n }\n },\n}));\n\nexport const FormEntryAutocomplete = ({\n id,\n label,\n options,\n value,\n onChange,\n onInputChange,\n getOptionLabel,\n filterOptions,\n loading,\n loadingText,\n noOptionsText,\n renderOption,\n disabled,\n}) => {\n const classes = useStyles();\n\n return (\n \n setDoctorType(event.target.value)}\n label={t('HEALTH_DATA_DOCTOR_TYPE')}\n value={doctorType}\n disabled={isSubmitting}\n >\n \n {DOCTOR_TYPE_OPTIONS.map(option => (\n \n ))}\n \n\n setDoctorName(event.target.value)}\n value={doctorName}\n disabled={isSubmitting}\n />\n\n setDoctorMobile(event.target.value)}\n value={doctorMobile}\n disabled={isSubmitting}\n />\n\n setClinicAddress(event.target.value)}\n value={clinicAddress}\n disabled={isSubmitting}\n />\n\n setClinicPhone(event.target.value)}\n value={clinicPhone}\n disabled={isSubmitting}\n />\n\n setSpecialNeeds(event.target.value)}\n value={specialNeeds}\n disabled={isSubmitting}\n >\n \n {SPECIAL_NEEDS_OPTIONS.map(option => (\n \n ))}\n \n\n setAllergicTo(event.target.value)}\n value={allergicTo}\n disabled={isSubmitting}\n >\n \n {ALLERGIES_OPTIONS.map(option => (\n \n ))}\n \n\n setFeverAllowedMedication(event.target.value)}\n value={feverAllowedMedication}\n disabled={isSubmitting}\n />\n\n setOngoingTreatments(event.target.value)}\n value={ongoingTreatments}\n disabled={isSubmitting}\n />\n\n setSpecificMedication(event.target.value)}\n value={specificMedication}\n disabled={isSubmitting}\n />\n\n setBloodType(event.target.value)}\n value={bloodType}\n disabled={isSubmitting}\n >\n \n {BLOOD_TYPE_OPTIONS.map(option => (\n \n ))}\n \n\n setRhFactor(event.target.value)}\n value={rhFactor}\n disabled={isSubmitting}\n >\n \n {RH_FACTOR_OPTIONS.map(option => (\n \n ))}\n \n\n setHeight(event.target.value)}\n value={height}\n disabled={isSubmitting}\n />\n\n setWeight(event.target.value)}\n value={weight}\n disabled={isSubmitting}\n />\n\n \n {\n isSubmitting ?\n \n \n :\n \n {t('HEALTH_DATA_SUBMIT_BUTTON')}\n \n }\n \n\n \n
\n );\n};\n\nexport default HealthForm;\n","import styled from \"styled-components\";\n\nconst ButtonContainer = styled.div`\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: ${props => props.marginBottom ? props.marginBottom : 0};\n margin-top: ${props => props.marginTop ? props.marginTop : 0};\n`;\n\nconst MainButton = styled.button`\n color: white;\n font-weight: bold;\n background-color: #2D80C6;\n border: none;\n border-radius: 15px;\n box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);\n padding: 10px 20px;\n text-transform: uppercase;\n cursor: pointer;\n transition: .2s;\n\n &:hover {\n background-color: #3297DB;\n }\n`;\n\nconst LoadingContainer = styled.div`\n width: 100%;\n margin: 10px 0px; \n`\n\nexport {\n ButtonContainer,\n MainButton,\n LoadingContainer\n};","import React, { useState } from 'react';\nimport { request } from '../../utils/request';\nimport { LinearProgress } from \"@material-ui/core\";\nimport {\n ButtonContainer,\n MainButton,\n LoadingContainer\n} from \"./Components\"\nimport FormEntryText from \"../FormEntryText/FormEntryText\";\nimport FormEntryTextarea from \"../FormEntryTextarea/FormEntryTextarea\";\nimport Dialog from \"../../components/Dialog/Dialog\";\nimport { useTranslation } from 'react-i18next';\n\nconst HealthEmergencyInfoForm = ({\n userId,\n userHealthForm,\n}) => {\n const { t } = useTranslation('healthPage');\n\n const [isSubmitting, setIsSubmitting] = useState(false);\n const [healthInsuranceName, setHealthInsuranceName] = useState(userHealthForm?.emergencyData?.healthInsuranceName);\n const [healthInsuranceNumber, setHealthInsuranceNumber] = useState(userHealthForm?.emergencyData?.healthInsuranceNumber);\n const [healthInsuranceCategory, setHealthInsuranceCategory] = useState(userHealthForm?.emergencyData?.healthInsuranceCategory);\n const [preferredEmergencyHospital, setPreferredEmergencyHospital] = useState(userHealthForm?.emergencyData?.preferredEmergencyHospital);\n const [preferredEmergencyHospitalPhone, setPreferredEmergencyHospitalPhone] = useState(userHealthForm?.emergencyData?.preferredEmergencyHospitalPhone);\n const [emergencyContacts, setEmergencyContacts] = useState(userHealthForm?.emergencyData?.emergencyContacts);\n const [feedback, setFeedback] = useState(null);\n const [dialogOpen, setDialogOpen] = useState(false);\n\n const confirmHandler = async () => {\n try {\n const data = {\n userId: userId,\n healthFormId: userHealthForm?._id,\n emergencyData: {\n healthInsuranceName,\n healthInsuranceNumber,\n healthInsuranceCategory,\n preferredEmergencyHospital,\n preferredEmergencyHospitalPhone,\n emergencyContacts\n }\n }\n setIsSubmitting(true);\n await request.post(\"/client-app/update-health-form\", data);\n setFeedback(t('EMERGENCY_INFORMATION_SUBMIT_SUCCESS_DESCRIPTION'));\n setDialogOpen(true);\n\n } catch (error) {\n console.log(`[HealthEmergencyInfoForm confirmHandler Error]: ${error}`);\n let message = t('SUBMIT_ERROR_RESPONSE');\n\n const { isAxiosError } = error;\n if (isAxiosError) {\n message = error.response.data.message;\n }\n\n setFeedback(message)\n setDialogOpen(true);\n\n } finally {\n setIsSubmitting(false)\n }\n }\n\n return (\n \n setHealthInsuranceName(event.target.value)}\n value={healthInsuranceName}\n disabled={isSubmitting}\n />\n\n setHealthInsuranceNumber(event.target.value)}\n value={healthInsuranceNumber}\n disabled={isSubmitting}\n />\n\n setHealthInsuranceCategory(event.target.value)}\n value={healthInsuranceCategory}\n disabled={isSubmitting}\n />\n\n setPreferredEmergencyHospital(event.target.value)}\n value={preferredEmergencyHospital}\n disabled={isSubmitting}\n />\n\n setPreferredEmergencyHospitalPhone(event.target.value)}\n value={preferredEmergencyHospitalPhone}\n disabled={isSubmitting}\n />\n\n setEmergencyContacts(event.target.value)}\n value={emergencyContacts}\n disabled={isSubmitting}\n />\n\n \n {\n isSubmitting ?\n \n \n :\n \n {t('EMERGENCY_INFORMATION_SUBMIT_BUTTON')}\n \n }\n \n\n \n
\n );\n}\n\nexport default HealthEmergencyInfoForm;","import React, {\n useEffect,\n useState,\n} from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { request } from '../../utils/request';\nimport { getUser } from '../../utils/user';\nimport { Box, CircularProgress } from '@material-ui/core';\nimport {\n Container,\n Title,\n CenterColumn,\n FormContainer,\n AccordionContainer,\n} from './Components';\nimport Header from '../../components/Header/Header';\nimport AccordionSummary from '../../components/AccordionSummary/AccordionSummary';\nimport AccordionDetails from '../../components/AccordionDetails/AccordionDetails';\nimport HealthForm from '../../components/HealthForm/HealthForm';\nimport HealthEmergencyInfoForm from '../../components/HealthEmergencyInfoForm/HealthEmergencyInfoForm';\nimport { RedirectButton } from '../../components/RedirectButton';\nimport CodeContainer from '../../components/CodeContainer/CodeContainer';\n\nconst MyHealth = () => {\n const { t } = useTranslation('healthPage');\n const user = getUser();\n\n const [loading, setLoading] = useState(false);\n const [countryDiseases, setCountryDiseases] = useState([]);\n const [userHealthForm, setUserHealthForm] = useState();\n const [expandedPanel, setExpandedPanel] = useState(undefined);\n\n const handleClick = (panel) => {\n if (panel === expandedPanel) {\n setExpandedPanel(undefined);\n } else {\n setExpandedPanel(panel);\n }\n };\n\n useEffect(() => {\n const getUserProfile = async () => {\n try {\n setLoading(true);\n const { data: result } = await request.get(\n `/client-app/profile?id=${user.id}`\n );\n\n setUserHealthForm(result.healthForm);\n setCountryDiseases(result.country?.diseases || []);\n } catch (error) {\n console.log(`[MyHealth getUserProfile Error]: ${error}`);\n } finally {\n setLoading(false);\n }\n }\n\n getUserProfile();\n //eslint-disable-next-line\n }, []);\n\n return (\n \n \n {title?.text}\n \n \n {description?.text}\n \n
\n \n {userName} \n {userBirthdate} \n
\n \n \n {extraButton}\n \n {\n extraButton ?\n\n \n {button?.text}\n \n : null\n }\n
\n \n \n {statusText}\n \n\n {\n status === 'PENDING' ?\n
\n \n
\n );\n}\n\nexport default FormEntryRadio;","import React from 'react';\nimport FormEntryRadio from '../FormEntryRadio/FormEntryRadio';\nimport { makeStyles } from '@material-ui/core';\n\nconst useStyles = makeStyles(() => ({\n container: {\n padding: 5,\n },\n\n labelContent: {\n margin: '12px 0px 8px 0px',\n fontWeight: 'bold',\n color: '#505050',\n },\n\n form: {\n display: 'flex',\n alignItems: 'center',\n margin: '25px 0px 21px 0px',\n },\n}));\n\nconst ChooseOption = ({\n title,\n name,\n onChange,\n toCheckData,\n firstOptionId,\n firstOptionValue,\n firstOptionLabel,\n secondOptionId,\n secondOptionValue,\n secondOptionLabel,\n disabled,\n}) => {\n\n const classes = useStyles();\n\n return (\n \n \n \n
\n );\n}\n\nexport default ChooseOption;","import React from \"react\";\nimport {\n FormControl,\n InputLabel,\n makeStyles,\n TextField,\n} from \"@material-ui/core\";\nimport ExpandMoreIcon from \"@material-ui/icons/ExpandMore\";\nimport { Autocomplete } from \"@material-ui/lab\";\n\nconst useStyles = makeStyles(() => ({\n container: {\n padding: 5,\n display: \"flex\",\n flexDirection: \"column\",\n\n \"& .MuiInputLabel-animated\": {\n transition: \"none\",\n },\n\n \"& .MuiInputLabel-formControl\": {\n position: \"initial\",\n transform: \"none\",\n margin: \"12px 0px 8px 0px\",\n fontWeight: \"bold\",\n color: \"#505050\",\n cursor: \"pointer\",\n },\n },\n\n input: {\n '& .MuiAutocomplete-inputRoot[class*=\"MuiOutlinedInput-root\"]': {\n fontSize: 14,\n minHeight: 45,\n padding: \"0 9px 0 9px\",\n color: \"#505050\",\n backgroundColor: \"#FFFFFF\",\n borderRadius: \"8px\",\n boxSizing: \"border-box\",\n boxShadow: \"0 0px 10px 0px rgb(16 36 94 / 7%)\",\n\n \"& fieldset\": {\n borderWidth: \"0 !important\",\n },\n },\n\n '& .MuiAutocomplete-inputRoot[class*=\"MuiOutlinedInput-root\"] .MuiAutocomplete-endAdornment':\n {\n right: 11,\n },\n\n \"& .MuiAutocomplete-popupIndicator\": {\n transition: \".2s\",\n\n \"& .MuiSvgIcon-root\": {\n fontSize: 20,\n },\n },\n },\n}));\n\nexport const FormEntryAutocompleteFreesolo = ({\n id,\n label,\n options,\n value,\n onChange,\n onInputChange,\n getOptionLabel,\n filterOptions,\n loading,\n loadingText,\n noOptionsText,\n renderOption,\n disabled,\n}) => {\n const classes = useStyles();\n\n return (\n \n
\n\n c
\n\n \n
\n Telefone
\n\n Precisamos que você confirme o seu número de telefone antes de\n enviar um atestado.\n
\n\n Seu número atual ainda é:{\" \"}\n \n {user?.mobile ? user?.mobile : \"Sem registro\"}\n {\" \"}\n ?\n
\n\n {\n onNewTelephoneNumberChange(val.target.value);\n }}\n />\n\n {newTelephoneNumberValue !== 0 &&\n newTelephoneNumberValue !== user?.mobile && (\n handleNewTelephoneButtonClick()}\n disabled={\n newTelephoneNumberValue.length < 11 ||\n isSubmitingNewNumber\n }\n style={{\n marginTop: 20,\n marginBottom: 10,\n backgroundColor: \"#2d80c6\",\n color: \"white\",\n }}\n >\n {!isSubmitingNewNumber ? \"Salvar\" :
\n \n )}\n \n {selectedDocumentType === \"sick-note\" && (\n <>\n \n \n
\n Documento
\n\n O documento enviado está relacionado a algum acidente de\n trabalho ?\n
\n\n {\n if (\n (selectedTelephoneModalOption === \"yes\" ||\n (selectedTelephoneModalOption === \"no\" &&\n newTelephoneNumberValue !== 0 &&\n newTelephoneNumberValue !== user?.mobile)) &&\n (selectedDocumentType === \"sick-note\"\n ? selectedDocumentRelatedToWorkOption\n : true)\n ) {\n if (\n selectedTelephoneModalOption === \"no\" &&\n newTelephoneNumberValue !== 0 &&\n newTelephoneNumberValue !== user?.mobile\n ) {\n setTelephoneNumberWasChecked(true);\n setOpenConfirmTelephoneModal(false);\n handleSubmitMedicalCertificateData();\n } else if (selectedTelephoneModalOption === \"yes\") {\n setTelephoneNumberWasChecked(true);\n setOpenConfirmTelephoneModal(false);\n handleSubmitMedicalCertificateData();\n }\n }\n }}\n variant=\"filled\"\n style={{ width: \"100%\" }}\n >\n
\n \n Continuar
\n \n\n {\n updateMedicalCertificateData(\"date\", date);\n setOpenDatePicker(false);\n }}\n onCancel={() => setOpenDatePicker(false)}\n isPopup={false}\n showHeader={true}\n headerFormat=\"DD/MM/YYYY\"\n dateConfig={dateConfig}\n min={new Date(1910, 0, 1)}\n max={new Date()}\n confirmText={t(\"UPLOAD_MEDICAL_CERTIFICATE_DATE_MODAL_CONFIRM\")}\n cancelText={t(\"UPLOAD_MEDICAL_CERTIFICATE_DATE_MODAL_CANCEL\")}\n />\n
\n \n \n {statusText}\n \n\n {\n status === 'PENDING' ?\n
\n ![\"Blue](\"/assets/pdf-blue.svg\")
\n \n \n \n {statusText}\n \n\n {\n status === 'PENDING' ?\n
\n \n \n - \n
\n {t(title).toUpperCase()}\n
\n {\n data.map((item) => {\n return (\n \n\n {\n item.source !== '' ?\n \n {t(item.name)}\n \n
\n \n \n \n \n \n
\n );\n\n}\n\nexport default SiteMap;","import React from \"react\";\nimport { Link } from \"react-router-dom\";\nimport { makeStyles } from '@material-ui/core/styles';\nimport BottomNavigation from '@material-ui/core/BottomNavigation';\nimport BottomNavigationAction from '@material-ui/core/BottomNavigationAction';\nimport { useTranslation } from 'react-i18next';\n\nconst useStyles = makeStyles({\n root: {\n width: '100%',\n display: 'flex',\n justifyContent: 'space-evenly',\n alignItems: 'center',\n boxShadow: '0px 3px 50px rgba(0,0,0,0.16)',\n paddingTop: '2px',\n height: 'auto',\n backgroundColor: '#E6E6E6',\n },\n\n buttonRoot: {\n minWidth: '30px',\n textDecoration: 'none',\n transition: '.5s',\n paddingTop: 0,\n paddingBottom: 2,\n },\n\n selected: {\n textDecoration: 'none'\n },\n\n styledLink: {\n textDecoration: 'none',\n },\n\n iconOnly: {\n textDecoration: 'none',\n transform: 'translateY(-25%)',\n '& .MuiBottomNavigationAction-root.MuiBottomNavigationAction-iconOnly': {\n padding: 0,\n }\n },\n\n magicButton: {\n minWidth: 50,\n maxWidth: 70,\n },\n\n magicButtonImg: {\n width: 65,\n height: 65,\n },\n\n imgIcon: {\n width: 35,\n }\n});\n\nconst BottomMenu = ({ pathname }) => {\n const { t } = useTranslation('common');\n const classes = useStyles();\n\n const pathIndex = {\n '/secure': 0,\n '/secure/': 0,\n '/secure/passe-verde': 1,\n '/secure/passe-verde/': 1,\n '/secure/get-vaccines': 2,\n '/secure/get-vaccines/': 2,\n '/secure/my-card': 3,\n '/secure/my-card/': 3,\n '/secure/digital-certificates': 4,\n '/secure/digital-certificates/': 4,\n }\n\n const getClassesByIndex = (buttonIndex) => {\n return pathIndex[pathname] === buttonIndex ?\n [classes.buttonRoot, classes.selected].join(' ') :\n classes.buttonRoot\n }\n\n return (\n \n ![\"ssl](\"/assets/stripe-logo.svg\")
\n
\n \n \n ![\"ssl](\"/assets/credit_cards.png\")
\n
\n\n \n ![\"ssl](\"/assets/ssl_badge.svg\"){kind=icon}
\n ![\"gdpr\"](\"/assets/gdpr_badge.svg\"){kind=icon}
\n \n \n Crie a conta do seu dependente \n \n \n \n setName(event.target.value)}\n disabled={loading}\n />\n \n \n \n \n \n setOpenDatePicker(true)}\n label={t('BIRTHDATE')}\n format=\"dd/MM/yyyy\"\n disabled={loading}\n value={birthday.date}\n InputProps={{ readOnly: true }}\n />\n \n \n {loading ? (\n \n \n ) : (\n <>\n \n \n \n Criar Nova Conta\n \n \n \n \n \n Voltar para gestão do grupo\n \n \n \n )}\n \n \n\n setOpenDatePicker(false)}\n closeAfterTransition\n BackdropComponent={Backdrop}\n BackdropProps={{\n timeout: 500,\n }}\n >\n \n \n \n
\n );\n};\n\nexport default RegistrationForm;","import React from \"react\";\nimport Header from \"../../components/Header/Header\";\nimport {\n Container,\n Title,\n Body\n} from \"./Components.js\";\nimport {\n Box,\n Typography,\n makeStyles,\n} from \"@material-ui/core\";\nimport RegistrationForm from \"./RegistrationForm/RegistrationForm\";\nimport { getUser } from \"../../utils/user\";\n\n\nconst useStyles = makeStyles(theme => ({\n container: {\n display: 'flex',\n marginBottom: 35,\n flexDirection: 'column',\n },\n\n province: {\n display: 'flex',\n flexDirection: 'column',\n marginRight: 0,\n marginBottom: 30,\n width: '100%',\n },\n\n language: {\n display: 'flex',\n flexDirection: 'column',\n },\n\n divider: {\n margin: theme.spacing(2, 0),\n },\n\n regionDescription: {\n textAlign: 'justify',\n fontSize: '14px',\n },\n\n updatedAt: {\n marginTop: 15,\n fontWeight: 'bold',\n fontSize: '13px',\n },\n}));\n\nconst CreateSubAccount = (props) => {\n const classes = useStyles();\n const user = getUser();\n\n return (\n \n {\n changeBirthday(time);\n setOpenDatePicker(false);\n }}\n onCancel={() => setOpenDatePicker(false)}\n isPopup={false}\n showHeader={true}\n headerFormat=\"DD/MM/YYYY\"\n dateConfig={dateConfig}\n min={new Date(1910, 0, 1)}\n max={moment()._d}\n confirmText={t('BIRTHDATE_MODAL_CONFIRM_BUTTON')}\n cancelText={t('BIRTHDATE_MODAL_CANCEL_BUTTON')}\n />\n
\n \n {recovered && \n {t('UPDATE_PASSWORD')} \n \n \n \n \n {t('PASSWORD')}\n \n setPassword(event.target.value)}\n disabled={loading}\n endAdornment={\n \n \n {showPassword ? \n }\n inputProps={{\n autocomplete: 'off',\n 'aria-autocomplete': 'off',\n }}\n />\n \n \n \n\n \n \n \n \n {t('CONFIRM_PASSWORD')}\n \n setConfirmPassword(event.target.value)}\n disabled={loading}\n endAdornment={\n \n \n {showPassword ? \n }\n inputProps={{\n autocomplete: 'off',\n 'aria-autocomplete': 'off',\n }}\n />\n \n \n \n\n {loading ? (\n \n \n ) : (\n \n \n {t('SUBMIT')}\n \n \n )}\n \n
\n );\n};\n\nexport default NewPasswordForm;\n","import React, { useEffect } from \"react\";\nimport {\n ImageContainer\n} from \"./Components\";\nimport Header from \"../../components/Header/Header\";\nimport NewPasswordForm from \"../../components/NewPasswordForm/NewPasswordForm\";\nimport { useTranslation } from 'react-i18next';\n\nconst Index = ({ setAuth }) => {\n const { t } = useTranslation('confirmPasswordPage');\n\n useEffect(() => {\n window.scrollTo(0, 0);\n }, []);\n\n return (\n \n \n \n
\n );\n}\n\nexport default Index;\n","import styled from \"styled-components\";\n\nconst ImageContainer = styled.div`\n display: flex;\n justify-content: center;\n padding: 40px 15px 30px 15px;\n box-sizing: border-box;\n`;\n\nexport {\n ImageContainer,\n};\n","export const validateEmail = (email) => {\n const re = /^(([^<>()[\\]\\\\.,;:\\s@\"]+(\\.[^<>()[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/;\n return re.test(String(email).toLowerCase());\n}","import styled from \"styled-components\";\n\nconst FormContainer = styled.div`\n width: 80%;\n margin: 0 auto;\n`;\n\nconst FieldContainer = styled.div`\n display: flex;\n flex-direction: row;\n align-items: center;\n margin-bottom: ${props => props.marginBottom ? props.marginBottom : '0px'};\n`;\n\nconst TextFieldContainer = styled.div`\n margin-bottom: 15px;\n margin-left: 10px;\n width: 100%;\n`;\n\nconst ButtonsContainer = styled.div`\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: 100%;\n`;\n\nconst MainButton = styled.button`\n background-color: #4AB6FF;\n border: 1px solid #3893d0;\n border-radius: 23px;\n color: white;\n font-weight: bold;\n width: 100%;\n height: 40px;\n text-transform: uppercase;\n transition: all 350ms cubic-bezier(.175, .885, .32, 1.275);\n margin-top: 10px;\n cursor: pointer;\n\n &:hover {\n background-color: #4AA6FF;\n }\n`;\n\nconst SecondaryButton = styled.button`\n background-color: #FFFFFF;\n border: 1px solid #7B7B7B;\n border-radius: 8px;\n color: black;\n width: 100%;\n height: 40px;\n margin-top: ${props => props.marginTop ? props.marginTop : '0px'};\n cursor: pointer;\n`;\n\nconst Title = styled.h4`\n color: #5D5D5D;\n font-size: 16px;\n margin: 0;\n margin-bottom: 10px; \n`;\n\nconst CenterColumn = styled.div`\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n`;\n\nexport {\n FormContainer,\n FieldContainer,\n TextFieldContainer,\n ButtonsContainer,\n MainButton,\n SecondaryButton,\n Title,\n CenterColumn,\n};","import React, { useState } from \"react\";\nimport { useTranslation } from 'react-i18next';\nimport { Redirect } from \"react-router-dom\";\nimport axios from \"axios\";\nimport { setUser } from \"../../../utils/user\";\nimport { validateEmail } from \"../../../utils/validator\";\nimport { dateConfig } from \"../../../utils/dateConfig\";\nimport ReactInputMask from \"react-input-mask\";\nimport {\n FormContainer,\n FieldContainer,\n TextFieldContainer,\n ButtonsContainer,\n MainButton,\n Title,\n CenterColumn,\n} from \"./Components\";\nimport {\n Link,\n InputLabel,\n IconButton,\n InputAdornment,\n Input,\n Modal,\n Fade,\n Backdrop,\n Typography,\n TextField,\n FormControl,\n CircularProgress,\n makeStyles,\n} from \"@material-ui/core\";\nimport Dialog from \"../../../components/Dialog/Dialog\";\nimport {\n AccountCircle,\n AlternateEmail,\n Language,\n AssignmentInd,\n} from \"@material-ui/icons/\";\nimport Visibility from \"@material-ui/icons/Visibility\";\nimport VisibilityOff from \"@material-ui/icons/VisibilityOff\";\nimport LockIcon from \"@material-ui/icons/Lock\";\nimport moment from \"moment-timezone\";\nimport {\n MuiPickersUtilsProvider,\n KeyboardDatePicker,\n} from \"@material-ui/pickers\";\nimport pt from \"date-fns/locale/pt\";\nimport DateFnsUtils from \"@date-io/date-fns\";\nimport CalendarIcon from \"@material-ui/icons/Event\";\nimport DatePicker from \"react-mobile-datepicker\";\n\n\nconst useStyles = makeStyles((theme) => ({\n input: {\n width: \"95%\",\n },\n\n paper: {\n backgroundColor: theme.palette.background.paper,\n borderRadius: 10,\n display: \"flex\",\n justifyContent: \"center\",\n alignItems: \"center\",\n flexDirection: \"column\",\n boxShadow: theme.shadows[5],\n padding: theme.spacing(2, 4, 3),\n maxWidth: 300,\n margin: \"0 auto\",\n marginTop: \"400px\",\n },\n\n keyboardDatePicker: {\n marginTop: 0,\n marginLeft: 10,\n marginRight: 14,\n '& .MuiIconButton-root': {\n display: 'none'\n },\n },\n\n datepickerModal: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n width: '95%',\n maxWidth: '420px',\n margin: '0 auto',\n },\n\n datepicker: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n width: 320,\n '& .datepicker': {\n position: 'static',\n borderRadius: 10,\n padding: 15,\n },\n '& .datepicker.default .datepicker-header': {\n fontSize: 20\n },\n '& .datepicker.default .datepicker-navbar-btn': {\n fontSize: 18\n }\n },\n}));\n\nconst RegistrationForm = ({ setAuth, country, eventCode, type }) => {\n const { t } = useTranslation('registerPage');\n\n const [loading, setLoading] = useState(false);\n const [registered, setRegistered] = useState(false);\n const [dialogOpen, setDialogOpen] = useState(false);\n const [feedback, setFeedback] = useState(null);\n const [showPassword, setShowPassword] = useState(false);\n const [openDatePicker, setOpenDatePicker] = useState(false);\n const [isPassport, setIsPassport] = useState(false);\n\n const handleClickShowPassword = () => {\n setShowPassword(!showPassword);\n };\n\n const handleMouseDownPassword = (event) => {\n event.preventDefault();\n };\n\n const classes = useStyles();\n\n // Fields\n const [name, setName] = useState(\"\");\n const [docNumber, setDocNumber] = useState(\"\");\n const [email, setEmail] = useState(\"\");\n const [birthday, setBirthday] = useState({ date: new Date(\"01/01/2000\"), touched: false });\n const [password, setPassword] = useState(\"\");\n const [confirmPassword, setConfirmPassword] = useState(\"\");\n\n const handleSwitchDocType = () => {\n setIsPassport(!isPassport);\n setDocNumber(\"\");\n }\n\n const changeBirthday = (value) => {\n const newBirthday = { ...birthday };\n newBirthday.date = value;\n newBirthday.touched = true;\n\n setBirthday(newBirthday);\n };\n\n const onSubmit = async (event) => {\n event.preventDefault();\n if (!name || !email || !password || !confirmPassword) {\n setFeedback(t('VALIDATION_COMPLETE_ALL_FIELDS_ERROR'));\n setDialogOpen(true);\n return;\n }\n\n if (!birthday.touched) {\n setFeedback(t('VALIDATION_BIRTHDATE_ERROR'));\n setDialogOpen(true);\n return;\n }\n\n if (password !== confirmPassword) {\n setFeedback(t('VALIDATION_PASSWORD_MUST_BE_EQUAL_ERROR'));\n setDialogOpen(true);\n return;\n }\n\n if (!isPassport) {\n // eslint-disable-next-line\n if (!/^\\d{3}\\.\\d{3}\\.\\d{3}\\-\\d{2}$/.test(docNumber)) {\n setFeedback(t('VALIDATION_CPF_NUMBER_ERROR'));\n setDialogOpen(true);\n return;\n }\n }\n\n if (!validateEmail(email)) {\n setFeedback(t('VALIDATION_EMAIL_ERROR'));\n setDialogOpen(true);\n return;\n }\n\n await handleRequest();\n };\n\n const handleRequest = async () => {\n try {\n setLoading(true);\n\n const response = await axios.post(\n `${process.env.REACT_APP_API_URL}/client-app/register`,\n {\n name: name,\n birthday: moment(birthday.date).format(\"DD/MM/YYYY\"),\n email: email,\n password: password,\n documentType: isPassport ? 'passport' : 'cpf',\n documentNumber: docNumber,\n country: country,\n eventCode: eventCode,\n registerType: type,\n }\n );\n\n localStorage.setItem(\"__session\", response.data.jwt);\n\n setUser(response.data?.user);\n setAuth(true);\n setRegistered(true);\n } catch (error) {\n const { isAxiosError } = error;\n\n if (isAxiosError) {\n if (error.response.data.message === \"Email already taken\") {\n alert(t('VALIDATION_EMAIL_ALREADY_USED_ERROR'));\n }\n if (error.response.data.message === \"User already taken\") {\n alert(\"Usuário já existe\");\n }\n if (error.response.data.message === \"All tickets sold\") {\n alert(t('VALIDATION_TICKETS_SOLD_ERROR'));\n }\n if (error.response.data.message === \"Invalid code\") {\n alert(t('VALIDATION_CODE_ERROR'));\n }\n setFeedback(error.response.data.message);\n setLoading(false);\n } else {\n alert(t('RECOVERY_EMAIL_MESSAGE'));\n setFeedback(t('SUBMIT_ERROR'));\n }\n\n console.log(`[RegistrationForm Error]: ${error}`);\n }\n };\n\n return (\n \n {registered && \n {t('SIGN_UP_DETAILS')} \n \n \n \n setName(event.target.value)}\n disabled={loading}\n />\n \n \n \n \n \n \n \n setEmail(event.target.value?.toLocaleLowerCase())\n }\n disabled={loading}\n />\n \n \n \n \n \n setOpenDatePicker(true)}\n label={t('BIRTHDATE')}\n format=\"dd/MM/yyyy\"\n disabled={loading}\n value={birthday.date}\n InputProps={{ readOnly: true }}\n />\n \n \n \n \n {isPassport ?\n \n {\n isPassport ?\n setDocNumber(event.target.value)}\n >\n setDocNumber(event.target.value)}\n >\n {() => (\n \n \n \n \n \n \n {t('PASSWORD')}\n \n setPassword(event.target.value)}\n disabled={loading}\n endAdornment={\n \n \n {showPassword ? \n }\n inputProps={{\n autocomplete: \"off\",\n \"aria-autocomplete\": \"off\",\n }}\n />\n \n \n \n \n \n \n \n {t('PASSWORD_CONFIRMATION')}\n \n setConfirmPassword(event.target.value)}\n disabled={loading}\n endAdornment={\n \n \n {showPassword ? \n }\n inputProps={{\n autocomplete: \"off\",\n \"aria-autocomplete\": \"off\",\n }}\n />\n \n \n \n {loading ? (\n \n \n ) : (\n <>\n \n \n \n {t('SUBMIT')}\n \n \n \n \n \n {t('ALREADY_HAVE_AN_ACCOUNT')}\n \n \n \n )}\n \n \n\n setOpenDatePicker(false)}\n closeAfterTransition\n BackdropComponent={Backdrop}\n BackdropProps={{\n timeout: 500,\n }}\n >\n \n \n \n
\n );\n};\n\nexport default RegistrationForm;","import React, { useEffect, useState } from \"react\";\nimport { ImageContainer } from './Components';\nimport Header from \"../../components/Header/Header\";\nimport RegistrationForm from \"./RegistrationForm/RegistrationForm\";\nimport { useTranslation } from 'react-i18next';\nimport JivoButton from \"../../components/JivoButton\";\n\nconst Register = ({ setAuth }) => {\n const { t } = useTranslation('registerPage');\n const [showJivoButton, setShowJivoButton] = useState(true);\n\n const handleHideJivoButton = () => {\n setShowJivoButton(false);\n };\n\n useEffect(() => {\n window.scrollTo(0, 0);\n }, []);\n\n return (\n <>\n \n {\n changeBirthday(time);\n setOpenDatePicker(false);\n }}\n onCancel={() => setOpenDatePicker(false)}\n isPopup={false}\n showHeader={true}\n headerFormat=\"DD/MM/YYYY\"\n dateConfig={dateConfig}\n min={new Date(1910, 0, 1)}\n max={moment()._d}\n confirmText={t('BIRTHDATE_MODAL_CONFIRM_BUTTON')}\n cancelText={t('BIRTHDATE_MODAL_CANCEL_BUTTON')}\n />\n
\n \n {registered && \n {t('SIGN_UP_DETAILS')} \n \n \n \n setName(event.target.value)}\n disabled={loading}\n />\n \n \n \n \n \n \n \n setEmail(event.target.value?.toLocaleLowerCase())\n }\n disabled={loading}\n />\n \n \n \n \n \n setOpenDatePicker(true)}\n label={t('BIRTHDATE')}\n format=\"dd/MM/yyyy\"\n disabled={loading}\n value={birthday.date}\n InputProps={{ readOnly: true }}\n />\n \n \n \n \n {isPassport ?\n \n {\n isPassport ?\n setDocNumber(event.target.value)}\n >\n setDocNumber(event.target.value)}\n >\n {() => (\n \n \n \n \n \n \n {t('PASSWORD')}\n \n setPassword(event.target.value)}\n disabled={loading}\n endAdornment={\n \n \n {showPassword ? \n }\n inputProps={{\n autocomplete: \"off\",\n \"aria-autocomplete\": \"off\",\n }}\n />\n \n \n \n \n \n \n \n {t('PASSWORD_CONFIRMATION')}\n \n setConfirmPassword(event.target.value)}\n disabled={loading}\n endAdornment={\n \n \n {showPassword ? \n }\n inputProps={{\n autocomplete: \"off\",\n \"aria-autocomplete\": \"off\",\n }}\n />\n \n \n \n {loading ? (\n \n \n ) : (\n <>\n \n \n \n {t('SUBMIT')}\n \n \n \n \n \n {t('ALREADY_HAVE_AN_ACCOUNT')}\n \n \n \n )}\n \n \n\n setOpenDatePicker(false)}\n closeAfterTransition\n BackdropComponent={Backdrop}\n BackdropProps={{\n timeout: 500,\n }}\n >\n \n \n \n
\n );\n};\n\nexport default RegistrationForm;","import React, { useEffect, useState } from \"react\";\nimport { ImageContainer } from './Components';\nimport Header from \"../../components/Header/Header\";\nimport RegistrationForm from \"./RegistrationForm/RegistrationForm\";\nimport { useTranslation } from 'react-i18next';\nimport JivoButton from \"../../components/JivoButton\";\n\nconst RegisterSpecial = ({ setAuth }) => {\n const { t } = useTranslation('registerPage');\n const [showJivoButton, setShowJivoButton] = useState(true);\n\n const handleHideJivoButton = () => {\n setShowJivoButton(false);\n };\n\n useEffect(() => {\n window.scrollTo(0, 0);\n }, []);\n\n return (\n <>\n \n {\n changeBirthday(time);\n setOpenDatePicker(false);\n }}\n onCancel={() => setOpenDatePicker(false)}\n isPopup={false}\n showHeader={true}\n headerFormat=\"DD/MM/YYYY\"\n dateConfig={dateConfig}\n min={new Date(1910, 0, 1)}\n max={moment()._d}\n confirmText={t('BIRTHDATE_MODAL_CONFIRM_BUTTON')}\n cancelText={t('BIRTHDATE_MODAL_CANCEL_BUTTON')}\n />\n
\n \n {registered && \n {t('SIGN_UP_DETAILS')} \n {\n isSchoolRegistry ?\n \n \n \n Escola \n setPlan(event.target.value)}\n label=\"Escola\"\n >\n {\n plansOptions.map(p => (\n\n \n ))\n }\n \n \n \n : null\n }\n \n \n \n setName(event.target.value)}\n disabled={loading}\n />\n \n \n \n \n \n \n \n setEmail(event.target.value?.toLocaleLowerCase())\n }\n disabled={loading}\n />\n \n \n \n \n \n setOpenDatePicker(true)}\n label=\"Data de Nascimento do Responsável\"\n format=\"dd/MM/yyyy\"\n disabled={loading}\n value={birthday.date}\n InputProps={{ readOnly: true }}\n />\n \n \n \n \n {isPassport ?\n \n {\n isPassport ?\n setDocNumber(event.target.value)}\n >\n setDocNumber(event.target.value)}\n >\n {() => (\n \n \n \n \n \n \n {t('PASSWORD')}\n \n setPassword(event.target.value)}\n disabled={loading}\n endAdornment={\n \n \n {showPassword ? \n }\n inputProps={{\n autocomplete: \"off\",\n \"aria-autocomplete\": \"off\",\n }}\n />\n \n \n \n \n \n \n \n {t('PASSWORD_CONFIRMATION')}\n \n setConfirmPassword(event.target.value)}\n disabled={loading}\n endAdornment={\n \n \n {showPassword ? \n }\n inputProps={{\n autocomplete: \"off\",\n \"aria-autocomplete\": \"off\",\n }}\n />\n \n \n \n {loading ? (\n \n \n ) : (\n <>\n \n \n \n {t('SUBMIT')}\n \n \n \n \n \n {t('ALREADY_HAVE_AN_ACCOUNT')}\n \n \n \n )}\n \n \n\n setOpenDatePicker(false)}\n closeAfterTransition\n BackdropComponent={Backdrop}\n BackdropProps={{\n timeout: 500,\n }}\n >\n \n \n \n
\n );\n};\n\nexport default RegistrationForm;","import React, { useEffect, useState } from \"react\";\nimport { ImageContainer } from './Components';\nimport Header from \"../../components/Header/Header\";\nimport RegistrationForm from \"./RegistrationForm/RegistrationForm\";\nimport { useTranslation } from 'react-i18next';\nimport JivoButton from \"../../components/JivoButton\";\n\nconst RegisterSchools = ({ setAuth }) => {\n const { t } = useTranslation('registerPage');\n const [showJivoButton, setShowJivoButton] = useState(true);\n\n const handleHideJivoButton = () => {\n setShowJivoButton(false);\n };\n\n useEffect(() => {\n window.scrollTo(0, 0);\n }, []);\n\n return (\n <>\n \n {\n changeBirthday(time);\n setOpenDatePicker(false);\n }}\n onCancel={() => setOpenDatePicker(false)}\n isPopup={false}\n showHeader={true}\n headerFormat=\"DD/MM/YYYY\"\n dateConfig={dateConfig}\n min={new Date(1910, 0, 1)}\n max={moment()._d}\n confirmText={t('BIRTHDATE_MODAL_CONFIRM_BUTTON')}\n cancelText={t('BIRTHDATE_MODAL_CANCEL_BUTTON')}\n />\n
\n \n {logged && \n \n {t('RESET_LOGIN_DATA')}\n \n\n \n \n \n \n setEmail(event.target.value?.toLocaleLowerCase())\n }\n disabled={loading}\n />\n \n \n \n\n \n \n \n \n {t('NEW_PASSWORD')}\n \n setPassword(event.target.value)}\n disabled={loading}\n endAdornment={\n \n \n {showPassword ? \n }\n inputProps={{\n autocomplete: \"off\",\n \"aria-autocomplete\": \"off\",\n }}\n />\n \n \n \n\n \n \n \n \n {t('NEW_PASSWORD_CONFIRMATION')}\n \n setConfirmPassword(event.target.value)}\n disabled={loading}\n endAdornment={\n \n \n {showPassword ? \n }\n inputProps={{\n autocomplete: \"off\",\n \"aria-autocomplete\": \"off\",\n }}\n />\n \n \n \n\n {loading ? (\n \n \n ) : (\n \n \n \n {t('SUBMIT')}\n \n \n \n )}\n \n\n \n
\n );\n};","import React, {\n useEffect,\n useState,\n} from \"react\";\nimport { useTranslation } from 'react-i18next';\nimport { ImageContainer } from './Components';\nimport Header from \"../../components/Header/Header\";\nimport { ResetLoginDataForm } from \"../../components/ResetLoginDataForm\";\nimport { useLocation } from \"react-router-dom\";\nimport JivoButton from \"../../components/JivoButton\";\n\nconst ResetLoginData = ({ setAuth }) => {\n const { t } = useTranslation('resetLoginDataPage');\n const location = useLocation();\n const [showJivoButton, setShowJivoButton] = useState(true);\n\n const handleHideJivoButton = () => {\n setShowJivoButton(false);\n };\n\n useEffect(() => {\n window.scrollTo(0, 0);\n }, []);\n\n return (\n <>\n \n {logged && \n \n {t('UPDATE_YOUR_DATA')}\n \n\n \n \n \n setName(event.target.value)}\n disabled={loading}\n />\n \n \n \n\n \n \n setOpenBirthDatePicker(true)}\n label={t('BIRTHDATE')}\n format=\"dd/MM/yyyy\"\n disabled={loading}\n value={birthday.date}\n InputProps={{ readOnly: true }}\n />\n \n \n\n \n \n {isPassport ?\n \n {\n isPassport ?\n setDocNumber(event.target.value)}\n >\n setDocNumber(event.target.value)}\n >\n {() => (\n \n \n\n \n \n \n \n {t('FLIGHT_NUMBER')}\n \n setFlightNumber(event.target.value)}\n disabled={loading}\n >\n \n {flightOptions.map((flightOption, index) => (\n \n {flightOption.flightNr}\n \n ))}\n \n \n \n \n\n \n \n setOpenTravelDatePicker(true)}\n label={t('FLIGHT_DATE')}\n format=\"dd/MM/yyyy\"\n disabled={loading}\n value={travelDate}\n InputProps={{ readOnly: true }}\n />\n \n \n\n {loading ? (\n \n \n ) : (\n \n \n \n {t('SUBMIT')}\n \n \n \n )}\n \n\n \n\n setOpenBirthDatePicker(false)}\n closeAfterTransition\n BackdropComponent={Backdrop}\n BackdropProps={{\n timeout: 500,\n }}\n >\n \n \n \n\n setOpenTravelDatePicker(false)}\n closeAfterTransition\n BackdropComponent={Backdrop}\n BackdropProps={{\n timeout: 500,\n }}\n >\n \n \n \n
\n );\n};","import React, {\n useEffect,\n useState,\n} from \"react\";\nimport { useLocation } from \"react-router-dom\";\nimport { useTranslation } from \"react-i18next\";\nimport { ImageContainer } from './Components';\nimport Header from \"../../components/Header/Header\";\nimport { VoegolRegisterUpdateForm } from \"../../components/VoegolRegisterUpdateForm\";\nimport JivoButton from \"../../components/JivoButton\";\n\nconst VoegolRegisterUpdate = ({ setAuth }) => {\n const { t } = useTranslation('voeGolRegisterUpdatePage');\n const location = useLocation();\n const [showJivoButton, setShowJivoButton] = useState(true);\n\n const handleHideJivoButton = () => {\n setShowJivoButton(false);\n };\n\n useEffect(() => {\n window.scrollTo(0, 0);\n }, []);\n\n return (\n <>\n \n {\n changeBirthday(time);\n setOpenBirthDatePicker(false);\n }}\n onCancel={() => setOpenBirthDatePicker(false)}\n isPopup={false}\n showHeader={true}\n headerFormat=\"DD/MM/YYYY\"\n dateConfig={dateConfig}\n min={new Date(1910, 0, 1)}\n max={moment()._d}\n confirmText={t('BIRTHDATE_MODAL_CONFIRM_BUTTON')}\n cancelText={t('BIRTHDATE_MODAL_CANCEL_BUTTON')}\n />\n
\n \n {\n setTravelDate(date);\n setOpenTravelDatePicker(false);\n }}\n onCancel={() => setOpenTravelDatePicker(false)}\n isPopup={false}\n showHeader={true}\n headerFormat=\"DD/MM/YYYY\"\n dateConfig={dateConfig}\n min={new Date()}\n confirmText={t('BIRTHDATE_MODAL_CONFIRM_BUTTON')}\n cancelText={t('BIRTHDATE_MODAL_CANCEL_BUTTON')}\n />\n
\n