setOpen(false)} type=\"orderValue\" />\r\n \r\n );\r\n}","export default __webpack_public_path__ + \"static/media/arrow.9d554bb1.svg\";","import React, { createRef } from 'react';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport Typography from '@material-ui/core/Typography';\r\nimport Card from '@material-ui/core/Card';\r\nimport CardContent from '@material-ui/core/CardContent';\r\nimport { Box } from '@material-ui/core';\r\nimport Arrow from '../../assets/arrow.svg'\r\n\r\n\r\nexport default function CardOrderIndicators({ hasData = true, link }) {\r\n const useStyles = makeStyles(theme => ({\r\n root: {\r\n textAlign: 'center',\r\n width: 'auto',\r\n minWidth: 'fit-content',\r\n padding: '14px 22px',\r\n '&:hover': {\r\n cursor: \"pointer\",\r\n boxShadow: '0px 0px 5px #FE5D00'\r\n }\r\n },\r\n cardPadding: { padding: 0, \"&:last-child\": { padding: 0 } },\r\n boxCenter: {\r\n padding: '0 1rem 1rem 1rem',\r\n },\r\n noHasData: {\r\n fontWeight: 600,\r\n fontSize: '14px',\r\n color: '#B7B7B7',\r\n textAlign: 'center'\r\n }\r\n }));\r\n\r\n const classes = useStyles();\r\n const cardRef = createRef();\r\n\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n Acesso as informações de estoques e carteira de negócios\r\n \r\n \r\n \r\n \r\n \r\n );\r\n}","/* eslint-disable no-restricted-globals */\r\nimport React, { useState, useEffect, useContext } from 'react';\r\n\r\nimport Box from '@material-ui/core/Box';\r\nimport Typography from '@material-ui/core/Typography';\r\nimport Container from '@material-ui/core/Container';\r\n\r\nimport clsx from 'clsx';\r\n\r\nimport { textsSupplierInvoiceOrderPage } from '../../../utils/utils';\r\n\r\nimport { UserContext } from '../../../providers/UserProvider';\r\n\r\nimport useStyles from './styles';\r\nimport CardInvoiceHomeSupplierGraph from '../../../components/CardInvoiceHomeSupplierGraph';\r\nimport { Grid } from '@material-ui/core';\r\nimport CardINegotiationEvolutionSupplierGraph from '../../../components/CardINegotiationEvolutionSupplierGraph';\r\nimport CardOrderList from '../../../components/CardOrderList';\r\nimport CardOrderValue from '../../../components/CardOrderValue';\r\nimport CardOrderIndicators from '../../../components/CardOrderIndicators';\r\nimport { getFornecedor, getNegotiations } from '../../../services/fornecedores';\r\nimport { getOrderPizzaGraph, getOrders, getValueTransitioned } from '../../../services/orders';\r\nimport { useLoading } from '../../../providers/LoadingProvider';\r\nimport { useHistory, useParams } from 'react-router-dom';\r\nimport { isBibiUser } from '../../../utils/roles';\r\n\r\n\r\n\r\nexport default function SupplierInvoiceOrder() {\r\n const classes = useStyles();\r\n const [negotiations, setNegotiations] = useState([])\r\n const [orders, setOrders] = useState([])\r\n const [supplier, setSupplier] = useState(null)\r\n const history = useHistory();\r\n const [value, setValue] = useState({\r\n VLR_ORDENS_ABERTAS: 0,\r\n VLR_ORDENS_ARECEBER: 0\r\n })\r\n const [orderPizza, setOrderPizza] = useState(null)\r\n const { userState } = useContext(UserContext);\r\n const { setLoading } = useLoading();\r\n const { id, pessoa } = useParams();\r\n\r\n let permissions = [];\r\n if (Array.isArray(userState?.permissoes)) {\r\n permissions = userState?.permissoes\r\n }\r\n\r\n\r\n useEffect(() => {\r\n async function initalRequest() {\r\n setLoading(true)\r\n const supplierData = await getFornecedor(userState?.ID);\r\n if (supplierData?.data[0]?.COD_PESSOA_SFT) {\r\n const negotiationData = await getNegotiations(supplierData.data[0].COD_PESSOA_SFT)\r\n const ordersData = await getOrders(supplierData.data[0].COD_PESSOA_SFT);\r\n const valueTransitioned = await getValueTransitioned(supplierData.data[0].COD_PESSOA_SFT);\r\n const pizza = await getOrderPizzaGraph(supplierData.data[0].COD_PESSOA_SFT);\r\n\r\n setValue(valueTransitioned)\r\n setNegotiations(negotiationData)\r\n setOrders(ordersData)\r\n setOrderPizza(pizza);\r\n }\r\n\r\n setSupplier(supplierData.data[0])\r\n setLoading(false)\r\n }\r\n\r\n async function initalRequestByAdmin() {\r\n setLoading(true)\r\n const supplierData = await getFornecedor(id);\r\n if (pessoa) {\r\n const negotiationData = await getNegotiations(pessoa)\r\n const ordersData = await getOrders(pessoa);\r\n const valueTransitioned = await getValueTransitioned(pessoa);\r\n const pizza = await getOrderPizzaGraph(pessoa);\r\n\r\n setValue(valueTransitioned)\r\n setNegotiations(negotiationData)\r\n setOrders(ordersData)\r\n setOrderPizza(pizza);\r\n }\r\n setSupplier(supplierData.data[0])\r\n setLoading(false)\r\n }\r\n\r\n if (!location.pathname.includes('visualizar-fornecedor')) {\r\n initalRequest();\r\n } else {\r\n initalRequestByAdmin();\r\n }\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, []);\r\n\r\n\r\n\r\n if (userState.tipo === 'F' && !permissions.includes('OS')) {\r\n\r\n history.push('/principal')\r\n\r\n return <>;\r\n }\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n {textsSupplierInvoiceOrderPage.title}\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\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n
\r\n );\r\n}","import React, { useState, useEffect, useContext } from 'react';\r\n\r\nimport Box from '@material-ui/core/Box';\r\nimport Typography from '@material-ui/core/Typography';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport Container from '@material-ui/core/Container';\r\nimport clsx from 'clsx';\r\nimport { myChallengesStatus, textsMyChallenges, filterKey } from '../../../utils/utils';\r\nimport CustomButtonGroup from '../../../components/CustomButtonGroup';\r\nimport CardMainGroup from '../../../components/CardMainGroup';\r\nimport { UserContext } from '../../../providers/UserProvider';\r\nimport { getMeusDesafiosWithParams } from '../../../services/desafios';\r\nimport { raiseAlert } from '../../../components/Alert';\r\nimport { isSupplierUser } from '../../../utils/roles';\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n root: {\r\n flexGrow: 1,\r\n maxWidth: 'inherit'\r\n },\r\n container: {\r\n paddingLeft: 0,\r\n paddingRight: 0,\r\n justifyContent: 'center'\r\n\r\n },\r\n finished: {\r\n border: '1px solid #FFFFFF',\r\n backgroundColor: theme.palette.primary.main,\r\n '&:hover': {\r\n backgroundColor: theme.palette.primary.main\r\n }\r\n },\r\n finishedText: {\r\n textTransform: 'capitalize',\r\n color: theme.palette.secondary.main\r\n },\r\n selected: {\r\n backgroundColor: theme.palette.secondary.main,\r\n '&:hover': {\r\n backgroundColor: theme.palette.secondary.main\r\n }\r\n },\r\n selectedText: {\r\n textTransform: 'capitalize',\r\n color: theme.palette.default.main\r\n },\r\n title: {\r\n fontSize: 36,\r\n color: \"#FFFFFF\",\r\n textTransform: 'uppercase',\r\n letterSpacing: '-2.05px',\r\n },\r\n subtitle: {\r\n //display:\"flex\",\r\n alignItems: \"baseline\",\r\n color: \"#FFFFFF\"\r\n },\r\n form: {\r\n\r\n width: '100%', // Fix IE 11 issue.\r\n marginTop: theme.spacing(3),\r\n },\r\n fakeLink: {\r\n backgroundColor: 'unset',\r\n '&:hover': {\r\n backgroundColor: 'unset',\r\n textDecoration: 'underline',\r\n }\r\n },\r\n textAdapt: {\r\n color: \"#FE5D00\",\r\n textTransform: 'none',\r\n backgroundColor: 'transparent!important',\r\n padding: theme.spacing(1 / 2),\r\n\r\n\r\n },\r\n orangeSet: {\r\n backgroundColor: \"#FE5D00\",\r\n //minHeight:'45vh',\r\n padding: '0rem 0rem 5rem 0rem'\r\n\r\n },\r\n whiteSet: {\r\n backgroundColor: \"#FFFFFF\",\r\n height: 0\r\n },\r\n mainCards: {\r\n position: 'relative',\r\n zIndex: 50,\r\n top: '-5rem'\r\n }\r\n\r\n}));\r\n\r\nexport default function MyChallenges() {\r\n const classes = useStyles();\r\n const [selected, setSelected] = useState('Inscrito')\r\n const [load, setLoad] = useState(null)\r\n const [requesting, setRequesting] = useState(false)\r\n const [filter, setFilter] = useState(`STATUS=${filterKey[selected]}`)\r\n const { userState } = useContext(UserContext)\r\n\r\n useEffect(() => {\r\n setRequesting(true)\r\n setFilter(`STATUS=${filterKey[selected]}`)\r\n }, [selected]);\r\n\r\n useEffect(() => {\r\n async function loadMyChallenges() {\r\n await getMeusDesafiosWithParams(userState?.ID, filter).then(resp => {\r\n if (resp.status === 200) {\r\n setRequesting(false)\r\n setLoad(resp.data)\r\n }\r\n }).catch(async err => {\r\n raiseAlert(err.error)\r\n setRequesting(false)\r\n });\r\n }\r\n if (userState?.ID && filter) loadMyChallenges();\r\n }, [filter, userState]);\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n {textsMyChallenges.title}\r\n \r\n \r\n {textsMyChallenges.subtitle}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n}","import React from 'react'\r\n\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport Box from '@material-ui/core/Box';\r\nimport Typography from '@material-ui/core/Typography';\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n boxStyle: {\r\n display: 'flex',\r\n width: '180px',\r\n boxShadow: '0px 0px 1px #6C6C6C',\r\n borderRadius: '5px',\r\n backgroundColor: '#fafafa',\r\n height: '2.5em',\r\n margin: '0 auto',\r\n '@media(min-width: 938px)' : {\r\n marginLeft: '25px'\r\n },\r\n '@media(min-width: 1200px)' : {\r\n margin: '0 0 auto auto'\r\n }\r\n },\r\n textStyle: {\r\n textAlign: 'center',\r\n margin: 'auto',\r\n color: '#000000',\r\n fontWeight: 600\r\n }\r\n}));\r\n\r\nexport default function FakeButtonStatus({text}) {\r\n const classes = useStyles();\r\n\r\n return (\r\n \r\n \r\n {text}\r\n \r\n \r\n )\r\n}","import React from 'react';\r\n\r\nimport Box from '@material-ui/core/Box';\r\nimport { Grid } from '@material-ui/core';\r\nimport { FakeButton } from '../FakeButton/style';\r\n\r\nexport default function ListFakeButtons({modelsArray = []}) {\r\n\r\n return (\r\n \r\n \r\n { modelsArray?.map((model, index) => (\r\n \r\n { index === modelsArray.length ?\r\n \r\n {model?.NOME} \r\n : \r\n \r\n {model?.NOME} \r\n }\r\n \r\n ))}\r\n \r\n \r\n )\r\n\r\n\r\n}","import api from './api';\r\n\r\n// Materiais\r\n\r\nexport const uploadMaterials = async (id, files) => {\r\n\r\n return await Promise.all(\r\n files.length > 0 && files.map(async (item, index) => {\r\n\r\n var materialFile = item.file\r\n const config = { headers: { 'Content-Type': 'multipart/form-data' } };\r\n let fd = new FormData();\r\n fd.append('file', materialFile);\r\n //console.log(fd.get('file'))\r\n\r\n return await api.post(`desafios/materiais?ID=${id}`, fd, config).then(response => {\r\n return response\r\n //resp.push({ success: response.data.url })\r\n })\r\n .catch((err) => {\r\n\r\n //resp.push({ error: err.response.data.message })\r\n return { status: 400, error: err.response.data.message }\r\n\r\n });\r\n\r\n })\r\n\r\n );\r\n\r\n}\r\n\r\nexport const downloadMaterial = async (id, NOME) => {\r\n\r\n return await api.get(`desafios/materiais?ID=${id}`, { responseType: 'blob' }).then(async response => {\r\n const type = response.headers['content-type']\r\n const url = window.URL.createObjectURL(new Blob([response.data], { type: type, encoding: 'UTF-8' }));\r\n const link = document.createElement('a');\r\n link.href = url;\r\n link.setAttribute('download', NOME); //or any other extension\r\n document.body.appendChild(link);\r\n link.click();\r\n return response\r\n }).catch(err => {\r\n return { status: 400, error: err.response.data.message }\r\n });\r\n\r\n}\r\nexport const deleteMaterial = async (id) => {\r\n\r\n return await api.delete(`desafios/materiais?ID=${id}`).then(async response => {\r\n return response\r\n }).catch(err => {\r\n return { status: 400, error: err.response.data.message }\r\n });\r\n\r\n}\r\n\r\n//Anexos\r\n\r\n\r\nexport const uploadFile = async (id, files) => {\r\n\r\n return await Promise.all(\r\n files.length > 0 && files.map(async (item, index) => {\r\n\r\n var imageFile = item.file\r\n const config = { headers: { 'Content-Type': 'multipart/form-data' } };\r\n let fd = new FormData();\r\n fd.append('file', imageFile);\r\n //console.log(fd.get('file'))\r\n\r\n await api.post(`desafios/propostas/anexos?ID=${id}`, fd, config).then(response => {\r\n return response\r\n //resp.push({ success: response.data.url })\r\n })\r\n .catch((err) => {\r\n\r\n //resp.push({ error: err.response.data.message })\r\n return { status: 400, error: err.response.data.message }\r\n\r\n });\r\n\r\n })\r\n\r\n\r\n );\r\n\r\n\r\n}\r\n\r\nexport const downloadAttachment = async (id, NOME) => {\r\n\r\n return await api.get(`desafios/propostas/anexos?ID=${id}`, { responseType: 'blob' }).then(async response => {\r\n const type = response.headers['content-type']\r\n const url = window.URL.createObjectURL(new Blob([response.data], { type: type, encoding: 'UTF-8' }));\r\n const link = document.createElement('a');\r\n link.href = url;\r\n link.setAttribute('download', NOME); //or any other extension\r\n document.body.appendChild(link);\r\n link.click();\r\n return response\r\n }).catch(err => {\r\n return { status: 400, error: err.response.data.message }\r\n });\r\n\r\n}\r\nexport const deleteAttachment = async (id) => {\r\n\r\n return await api.delete(`desafios/propostas/anexos?ID=${id}`).then(async response => {\r\n return response\r\n }).catch(err => {\r\n return { status: 400, error: err.response.data.message }\r\n });\r\n\r\n} ","import React, { useContext } from 'react';\r\n\r\nimport Box from '@material-ui/core/Box';\r\nimport Typography from '@material-ui/core/Typography';\r\nimport InsertDriveFileIcon from '@material-ui/icons/InsertDriveFile';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport { raiseSuccess, raiseAlert } from '../Alert';\r\nimport { Grid } from '@material-ui/core';\r\nimport CancelIcon from '@material-ui/icons/Cancel';\r\nimport { deleteMaterial, deleteAttachment, downloadAttachment, downloadMaterial } from '../../services/file';\r\nimport { UserContext } from '../../providers/UserProvider';\r\nimport { isBibiUser, isSupplierUser } from '../../utils/roles';\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n sectionFile: {\r\n width: '100%',\r\n marginBottom: '15px'\r\n },\r\n ulFile: {\r\n width: '100%',\r\n display: 'flex',\r\n paddingInlineStart: 'inherit'\r\n },\r\n liFile: {\r\n cursor: 'pointer',\r\n textDecoration: 'none',\r\n listStyleType: 'none',\r\n padding: '0 15px'\r\n },\r\n align: {\r\n textAlign: 'start',\r\n marginLeft: '1em',\r\n '@media(min-width:500px) and (max-width: 960px)': {\r\n textAlign: 'center',\r\n }\r\n },\r\n iconFile: {\r\n fontSize: 70,\r\n color: '#C6C6C6'\r\n },\r\n iconChangeEdit: {\r\n cursor: 'pointer',\r\n fontSize: '22px',\r\n position: 'relative',\r\n float: 'right',\r\n right: '0',\r\n marginTop: '5px',\r\n marginRight: '5px',\r\n color: '#FFFFFF',\r\n backgroundColor: '#FE5D00',\r\n borderRadius: '10px'\r\n },\r\n fitObject: {\r\n minWidth: 'fit-content',\r\n maxWidth: 'fit-content',\r\n width: 'fit-content',\r\n\r\n }\r\n}));\r\n\r\nexport default function ListFiles({\r\n files = [],\r\n edit = false,\r\n //type\r\n isAttachment = false,\r\n isMaterials = false,\r\n //permission\r\n canEdit = false,\r\n setUpdateChallenge }) {\r\n const classes = useStyles();\r\n const { userState } = useContext(UserContext);\r\n\r\n const handleDownload = async (id, nome) => {\r\n if (isMaterials) {\r\n await downloadMaterial(id, nome).then(resp => {\r\n if (resp.status === 200) {\r\n //raiseSuccess(resp.message)\r\n } else {\r\n raiseAlert(resp.message)\r\n }\r\n }).catch(err => {\r\n raiseAlert(\"Erro ao baixar arquivo.\" || err.message)\r\n })\r\n } else if (isAttachment) {\r\n await downloadAttachment(id, nome).then(resp => {\r\n if (resp.status === 200) {\r\n //raiseSuccess(resp.message)\r\n } else {\r\n raiseAlert(resp.message)\r\n }\r\n }).catch(err => {\r\n raiseAlert(\"Erro ao baixar arquivo.\" || err.message)\r\n })\r\n }\r\n }\r\n const handleDelete = async (ID) => {\r\n if (isBibiUser(userState?.tipo) && isMaterials) {\r\n await deleteMaterial(ID).then(resp => {\r\n if (resp.status === 200) {\r\n raiseSuccess(resp.message)\r\n setUpdateChallenge(true)\r\n } else {\r\n raiseAlert(resp.message)\r\n }\r\n }).catch(err => {\r\n raiseAlert(err.message)\r\n })\r\n } else if (isSupplierUser(userState?.tipo) && isAttachment) {\r\n await deleteAttachment(ID).then(resp => {\r\n if (resp.status === 200) {\r\n raiseSuccess(resp.message)\r\n setUpdateChallenge(true)\r\n } else {\r\n raiseAlert(resp.message)\r\n }\r\n }).catch(err => {\r\n raiseAlert(err.message)\r\n })\r\n }\r\n\r\n\r\n }\r\n\r\n /* const download = async (path,NOME) => {\r\n if(path && path !== '')\r\n \r\n await axios({\r\n url: path, //your url\r\n method: 'GET',\r\n responseType: 'blob', // important\r\n }).then((response) => {\r\n const type = response.headers['content-type']\r\n const url = window.URL.createObjectURL(new Blob([response.data], { type: type, encoding: 'UTF-8' }));\r\n const link = document.createElement('a');\r\n link.href = url;\r\n link.setAttribute('download', NOME); //or any other extension\r\n document.body.appendChild(link);\r\n link.click();\r\n return { status:200, message:'Download deve finalizar em segundos...'}\r\n }).catch(err=>{\r\n return { status:400, message: err.data.message || \"Erro ao baixar arquivo.\"}\r\n });\r\n \r\n } */\r\n return (\r\n \r\n \r\n \r\n {files?.map((file, index) => (\r\n \r\n \r\n \r\n {canEdit ? ( { handleDelete(file?.ID) }} />) : ('')}\r\n { handleDownload(file?.ID, file?.NOME) }} />\r\n \r\n\r\n { handleDownload(file?.ID, file?.NOME) }}\r\n >\r\n {file?.NOME}\r\n \r\n \r\n \r\n\r\n ))}\r\n \r\n\r\n \r\n \r\n )\r\n\r\n\r\n}","import { TextareaAutosize } from \"@material-ui/core\";\r\nimport styled from \"styled-components\";\r\n\r\nexport const TextareaAutosizeCustom = styled(TextareaAutosize)`\r\n width: 100%;\r\n min-width: 100%;\r\n max-width: 100%;\r\n margin: auto;\r\n padding: 15px;\r\n font-family: inherit;\r\n font-size: 16px\r\n box-shadow: 0px 0px 0px #6C6C6C;\r\n border: 1px solid #00000029;\r\n border-radius: 5px;\r\n outline: none;\r\n resize: none;\r\n &:focus {\r\n outline: none;\r\n }\r\n`","import { Button } from \"@material-ui/core\";\r\nimport styled from \"styled-components\";\r\n\r\nexport const SubmitButton = styled(Button)`\r\n font-size: 18px;\r\n min-height: 6.5vh;\r\n width: 100%;\r\n padding: 6px 12px;\r\n margin-left: 0;\r\n margin-right: 25px;\r\n font-weight: 500;\r\n color: #ffffff;\r\n background-color: ${props => props.disabled ? '#9e9e9e' : '#FE5D00'};\r\n border: 0;\r\n text-transform: none;\r\n\r\n &:hover {\r\n color: #ffffff;\r\n background-color: ${props => props.disabled ? '#9e9e9e' : '#FE5D00'};\r\n border: 0;\r\n }\r\n`","import React, { useState, useEffect, useRef, useContext } from 'react';\r\nimport { Box, makeStyles, Typography } from '@material-ui/core';\r\nimport { DropzoneAreaBase } from 'material-ui-dropzone'\r\nimport { TextareaAutosizeCustom } from '../TextareaAutosize/style'\r\nimport { SubmitButton } from '../SubmitButton/style';\r\nimport { FakeButton } from '../FakeButton/style';\r\nimport { UserContext } from '../../providers/UserProvider';\r\nimport { isBibiUser } from '../../utils/roles';\r\n\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n title: {\r\n fontSize: '1.35em',\r\n fontWeight: 600,\r\n color: \"#FFFFFF\",\r\n textTransform: 'none',\r\n margin: '0 auto 0 25px'\r\n },\r\n heading: {\r\n fontSize: 20,\r\n fontWeight: 600,\r\n color: '#000000'\r\n },\r\n subtitle: {\r\n color: \"#000000\",\r\n margin: '2em auto auto 25px',\r\n },\r\n textCenter: {\r\n textAlign: 'center'\r\n },\r\n right: {\r\n margin: 'auto auto auto 0'\r\n },\r\n caractersSize: {\r\n height: 'fit-content',\r\n margin: 'auto 0'\r\n },\r\n textAreaPlaceholder: {\r\n height: 'fit-content',\r\n letterSpacing: '-1.06px',\r\n\r\n }\r\n}));\r\n\r\nexport default function FormTextAttch({\r\n handleSubmit,\r\n textTitle = '',\r\n textTitleSupplie = '',\r\n textAreaPlaceholder = '',\r\n textFooterDetail = '',\r\n textsSubmitButtons = '',\r\n haveTextArea = true,\r\n haveAttachment = true,\r\n partialAttacth = true,\r\n textInput = '',\r\n reset = false,\r\n disabled = false\r\n}) {\r\n const classes = useStyles();\r\n let limitChars = 4000\r\n const [files, setFiles] = useState([]);\r\n const [text, setText] = useState(textInput ? textInput : '');\r\n const [remainChars, setRemainChars] = useState(limitChars);\r\n const { userState } = useContext(UserContext);\r\n const textForm = useRef(null);\r\n\r\n useEffect(() => {\r\n setRemainChars(limitChars - text.length)\r\n }, [text, limitChars])// eslint-disable-line react-hooks/exhaustive-deps\r\n\r\n useEffect(() => {\r\n if (reset) {\r\n setText('')\r\n textForm.current.reset();\r\n }\r\n }, [reset])// eslint-disable-line react-hooks/exhaustive-deps\r\n\r\n useEffect(() => {\r\n if (isBibiUser(userState?.tipo)) {\r\n setText('')\r\n textForm.current.reset();\r\n }\r\n }, [reset])// eslint-disable-line react-hooks/exhaustive-deps\r\n\r\n const handleAdd = newFiles => {\r\n newFiles = newFiles.filter(file => !files.find(f => f.data === file.data));\r\n setFiles([...files, ...newFiles]);\r\n };\r\n\r\n const handleDelete = deleted => {\r\n setFiles(files.filter(f => f !== deleted));\r\n };\r\n\r\n return (\r\n \r\n \r\n \r\n )\r\n\r\n}","import React from 'react';\r\n\r\nexport default function ListOptionsArray({createOptions = [] }) {\r\n\r\n return (\r\n \r\n { createOptions?.map((element, index) => (\r\n {element} \r\n ))}\r\n \r\n );\r\n }","import React, { useState, useContext, useEffect } from 'react';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport Box from '@material-ui/core/Box';\r\nimport Card from '@material-ui/core/Card';\r\nimport CardMedia from '@material-ui/core/CardMedia';\r\nimport Typography from '@material-ui/core/Typography';\r\nimport FakeButtonStatus from '../FakeButtonStatus'\r\nimport { FakeButton } from '../FakeButton/style';\r\nimport Accordion from '@material-ui/core/Accordion';\r\nimport AccordionSummary from '@material-ui/core/AccordionSummary';\r\nimport AccordionDetails from '@material-ui/core/AccordionDetails';\r\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\r\nimport YouTube from 'react-youtube';\r\nimport { Grid, FormControlLabel } from '@material-ui/core';\r\nimport ListFakeButtons from '../ListFakeButtons';\r\nimport ListFiles from '../ListFiles';\r\nimport { generalTexts, textsTextAreaPlaceholder, textsSubmitButtons } from '../../utils/utils';\r\nimport logoBibi from \"../../assets/logo.svg\";\r\nimport FormTextAttch from '../FormTextAttch';\r\nimport { propostaUpdateDesafiosWithParams } from '../../services/propostas';\r\nimport { uploadFile } from '../../services/file';\r\nimport { raiseSuccess, raiseAlert } from '../Alert';\r\nimport { UserContext } from '../../providers/UserProvider';\r\nimport { SelectFormChallenge } from '../FormChallenge/style';\r\nimport ListOptionsArray from '../ListOptionsArray';\r\nimport { isBibiUser, isSupplierUser } from '../../utils/roles';\r\n\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n title: {\r\n fontSize: '28px'/* 28 */,\r\n fontWeight: 600,\r\n color: \"#FFFFFF\",\r\n textTransform: 'none',\r\n margin: '0 auto 0 25px',\r\n '@media(max-width: 938px)': {\r\n minHeight: 85,\r\n maxHeight: 85,\r\n fontSize: 25,\r\n margin: '15px auto 10px auto',\r\n textAlign: 'center'\r\n },\r\n '@media(min-width: 938px) and (max-width: 1200px)': {\r\n minHeight: 68,\r\n },\r\n },\r\n subtitle: {\r\n color: \"#000000\",\r\n marginTop: '15px',\r\n '@media(max-width: 938px)': {\r\n textAlign: 'justify'\r\n }\r\n },\r\n header: {\r\n display: 'flex',\r\n width: '100%',\r\n '@media(max-width: 938px)': {\r\n display: 'grid',\r\n }\r\n },\r\n descriptionDiv: {\r\n marginBottom: '0px',\r\n marginLeft: '25px',\r\n marginTop: '0',\r\n maxWidth: '70%',\r\n '@media(max-width: 938px)': {\r\n maxWidth: '100%',\r\n marginLeft: '10px',\r\n }\r\n },\r\n titleStatusDiv: {\r\n display: 'flex',\r\n '@media(max-width: 1200px)': {\r\n display: 'grid',\r\n }\r\n },\r\n gridContainer: {\r\n display: 'flex'\r\n },\r\n conntentAcordion: {\r\n width: '100%',\r\n boxShadow: '0px 0px 0px #6C6C6C',\r\n border: '1px solid #00000029',\r\n borderRadius: '5px'\r\n },\r\n accordion: {\r\n padding: '6px',\r\n margin: '0 !important',\r\n border: '1px solid #00000029',\r\n borderLeft: '0px',\r\n borderRight: '0px',\r\n borderRadius: '0 !important'\r\n },\r\n accordionTop: {\r\n padding: '6px',\r\n margin: '0 !important',\r\n borderRadius: '5px 5px 0 0 !important'\r\n },\r\n accordionBottom: {\r\n padding: '6px',\r\n margin: '0 !important',\r\n borderRadius: '0 0 5px 5px !important'\r\n },\r\n fileItem: {\r\n textDecoration: 'none',\r\n listStyleType: 'none',\r\n padding: '5px'\r\n },\r\n heading: {\r\n fontSize: 20,\r\n fontWeight: 600,\r\n color: '#000000'\r\n },\r\n videoPlayer: {\r\n margin: 'auto',\r\n width: '100%'\r\n },\r\n media: {\r\n height: 140,\r\n maxHeight: 140,\r\n minHeight: 140,\r\n width: '100%',\r\n maxWidth: 160,\r\n minWidth: 160,\r\n margin: '0 auto'\r\n },\r\n right: {\r\n margin: 'auto auto auto 0'\r\n },\r\n liFile: {\r\n textDecoration: 'none',\r\n listStyleType: 'none',\r\n padding: '0 15px'\r\n },\r\n iconFile: {\r\n fontSize: 70,\r\n color: '#C6C6C6'\r\n },\r\n align: {\r\n alignItems: 'center'\r\n }\r\n}));\r\n\r\nexport default function ChallengeStatus({\r\n challenge = {},\r\n //permission\r\n canEdit = false,\r\n canEditAttachments = false,\r\n accordionOpen = false,\r\n // Status\r\n haveStatus = false,\r\n textStatus = '',\r\n // Config accordion\r\n haveAccordionDescription = true,\r\n haveAccordionVideo = true,\r\n haveAccordionMaterial = true,\r\n haveAccordionProposal = false,\r\n haveAccordionAttachment = false,\r\n //callback function\r\n setUpdateChallenge\r\n}) {\r\n const classes = useStyles();\r\n\r\n const STATUS_PROPOSTA = ['Inscrito', 'Proposta enviada', 'Proposta aceita', 'Testes', 'Implementado', 'Negado']\r\n const [status, setStatus] = useState(challenge?.STATUS_PROPOSTA || textStatus)\r\n const [edit, setEdit] = useState(false);\r\n const [editAttach, setEditAttach] = useState(false);\r\n const [expanded, setExpanded] = useState(false);\r\n const [cardImage, setCardImage] = useState('');\r\n const { userState } = useContext(UserContext);\r\n\r\n useEffect(() => {\r\n setStatus(challenge?.STATUS_PROPOSTA || textStatus)\r\n }, [challenge])// eslint-disable-line react-hooks/exhaustive-deps\r\n\r\n const handleChange = (panel) => (event, isExpanded) => {\r\n setExpanded(isExpanded ? panel : false);\r\n };\r\n\r\n const opts = {\r\n height: '390',\r\n width: '100%',\r\n };\r\n\r\n function _onReady(event) {\r\n // access to player in all event handlers via event.target\r\n event.target.pauseVideo();\r\n }\r\n const handleEdit = () => {\r\n if (edit) setEdit(false)\r\n else setEdit(true)\r\n }\r\n const handleEditAttach = () => {\r\n if (editAttach) setEditAttach(false)\r\n else setEditAttach(true)\r\n }\r\n\r\n const handleSubmitStatus = async (e) => {\r\n e.preventDefault();\r\n //debugger\r\n //setStatus(e.target.value)\r\n\r\n let data = {\r\n STATUS: e.target.value\r\n }\r\n await propostaUpdateDesafiosWithParams(userState?.PROP_ID, data).then((response) => {\r\n if (response?.status === 200) {\r\n raiseSuccess(response.data.message);\r\n setUpdateChallenge(true)\r\n setEdit(false)\r\n }\r\n else {\r\n raiseAlert(response.error)\r\n }\r\n }).catch(err => {\r\n raiseAlert(err.error)\r\n })\r\n\r\n }\r\n\r\n const handleUpdateProposal = async (e, text) => {\r\n e.preventDefault();\r\n\r\n let data = {\r\n PROPOSTA: text\r\n }\r\n await propostaUpdateDesafiosWithParams(userState?.PROP_ID, data).then((response) => {\r\n if (response?.status === 200) {\r\n raiseSuccess(response.data.message);\r\n setUpdateChallenge(true)\r\n setEdit(false)\r\n }\r\n else {\r\n raiseAlert(response.error)\r\n }\r\n }).catch(err => {\r\n raiseAlert(err.error)\r\n })\r\n }\r\n const handleUpdateAttachments = async (e, text, files) => {\r\n e.preventDefault();\r\n await uploadFile(userState?.PROP_ID, files).then(async response => {\r\n\r\n\r\n response.some(item => {\r\n if (item?.error) {\r\n return raiseAlert(item?.error)\r\n }\r\n return '';\r\n })\r\n setUpdateChallenge(true)\r\n setEditAttach(false)\r\n\r\n }).catch(err => {\r\n raiseAlert(err.error)\r\n })\r\n }\r\n\r\n useEffect(() => {\r\n if (challenge?.IMAGEM) {\r\n setCardImage((process.env.REACT_APP_BASE_URL + challenge?.IMAGEM))\r\n } else {\r\n setCardImage(logoBibi)\r\n }\r\n }, [challenge])// eslint-disable-line react-hooks/exhaustive-deps\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {challenge.NOME}\r\n \r\n\r\n {haveStatus && (isSupplierUser(userState?.tipo)) ? handleSubmitStatus(e)}\r\n displayEmpty\r\n >\r\n \r\n \r\n \r\n {challenge.OBJETIVO}\r\n \r\n \r\n \r\n \r\n\r\n {challenge?.AREAS ? \r\n {haveAccordionDescription ? \r\n Detalhes \r\n \r\n \r\n \r\n {!challenge?.DETALHES || challenge?.DETALHES.length < 1 ? (\r\n \r\n {generalTexts.noInfo}\r\n \r\n ) : (\r\n \r\n {challenge.DETALHES}\r\n \r\n )}\r\n \r\n \r\n : ''}\r\n\r\n {haveAccordionVideo ? \r\n Vídeo \r\n \r\n \r\n _onReady(e)} opts={opts} containerClassName=\"videoPlayer\" />\r\n \r\n : ''}\r\n\r\n {haveAccordionMaterial ? \r\n Materiais complementares \r\n \r\n \r\n {challenge?.MATERIAIS?.length < 1 ? (\r\n \r\n {generalTexts.noInfo}\r\n \r\n ) : (\r\n \r\n : ''}\r\n\r\n {haveAccordionProposal ? \r\n \r\n Proposta \r\n {!(isBibiUser(userState?.tipo)) ? (\r\n event.stopPropagation()}\r\n onFocus={(event) => event.stopPropagation()}\r\n control={\r\n {edit ? 'Cancelar' : 'Editar'}\r\n }\r\n label=\"\"\r\n />\r\n \r\n ) : ''}\r\n \r\n \r\n \r\n\r\n {edit ? (\r\n \r\n {generalTexts.noInfo}\r\n \r\n ) : (\r\n \r\n {challenge?.PROPOSTA}\r\n \r\n ))}\r\n\r\n \r\n : ''}\r\n\r\n {haveAccordionAttachment ? \r\n \r\n Anexos \r\n {!(isBibiUser(userState?.tipo)) ? (\r\n event.stopPropagation()}\r\n onFocus={(event) => event.stopPropagation()}\r\n control={\r\n {editAttach ? 'Cancelar' : 'Adicionar'}\r\n }\r\n label=\"\"\r\n />\r\n ) : ''}\r\n \r\n \r\n \r\n {editAttach ? (\r\n \r\n {generalTexts.noInfo}\r\n \r\n ) : (\r\n \r\n : ''}\r\n \r\n \r\n )\r\n}","import React, { useContext, useEffect, useState } from 'react';\r\n\r\nimport ChallengeStatus from '../../../../components/ChallengeStatus';\r\nimport { Box, Checkbox, Container, FormControlLabel, Grid, makeStyles, Typography } from '@material-ui/core';\r\nimport { SubmitButton } from '../../../../components/SubmitButton/style';\r\nimport { textsSubmitButtons, textsFooterDetail, mockPathDesafios, textsCadastroPage } from '../../../../utils/utils';\r\nimport { useHistory } from 'react-router';\r\nimport { useLocation } from 'react-router-dom';\r\nimport { raiseAlert } from '../../../../components/Alert';\r\nimport { UserContext } from '../../../../providers/UserProvider';\r\nimport { subcriberDesafiosWithParams } from '../../../../services/propostas';\r\nimport { getDetalhesDesafioWithParams } from '../../../../services/desafios';\r\nimport { isSupplierUser } from '../../../../utils/roles';\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n root: {\r\n flexGrow: 1\r\n },\r\n container: {\r\n height: 'calc(100vh - 5em)',\r\n maxHeight: 'calc(100vh - 5em)',\r\n minHeight: 'calc(100vh - 5em)',\r\n paddingLeft: 0,\r\n paddingRight: 0,\r\n backgroundColor: 'white'\r\n },\r\n textCenter: {\r\n textAlign: 'center'\r\n },\r\n fakeBox: {\r\n height: '100%',\r\n width: '100%'\r\n },\r\n mainCards: {\r\n width: '70vw!important',\r\n margin: 'auto!important',\r\n position: 'relative',\r\n top: '3rem',\r\n },\r\n orangeSet: {\r\n backgroundColor: \"#FE5D00\",\r\n //height:'25vh',\r\n height: '7em',\r\n '@media(max-width: 938px)': {\r\n //height:'60vh'\r\n height: '18.6em',\r\n },\r\n },\r\n footer: {\r\n color: '#C6C6C6',\r\n fontWeight: '400',\r\n fontSize: ' 14px'\r\n },\r\n checkColor: {\r\n color: `${theme.palette.primary.main}!important`,\r\n },\r\n}));\r\n\r\nexport default function MyChallengesDetails() {\r\n const classes = useStyles();\r\n const history = useHistory();\r\n const navigateTo = () => history.push(`${mockPathDesafios}meus-desafios`);\r\n const navigateToEdit = () => history.push(`${mockPathDesafios}editar-desafio`);\r\n const location = useLocation();\r\n const [disable, setDisable] = useState(true)\r\n\r\n const [challengeDetails, setChallengeDetails] = useState({});\r\n const { userState } = useContext(UserContext);\r\n\r\n useEffect(() => {\r\n if (userState?.DESAFIO_ID) loadChallengeDetails();\r\n }, [location])// eslint-disable-line react-hooks/exhaustive-deps\r\n\r\n const loadChallengeDetails = async () => {\r\n await getDetalhesDesafioWithParams(`ID=` + userState?.DESAFIO_ID).then((response) => {\r\n setChallengeDetails(response?.data);\r\n }).catch(err => {\r\n raiseAlert(err.error)\r\n history.goBack();\r\n })\r\n }\r\n\r\n const handleSubmit = async (e) => {\r\n e.preventDefault();\r\n\r\n await subcriberDesafiosWithParams(userState?.ID, `DESAFIO=${challengeDetails?.ID}`).then((response) => {\r\n if (response.status === 200) {\r\n navigateTo()\r\n } else {\r\n raiseAlert(response.error)\r\n }\r\n }).catch(err => {\r\n raiseAlert(err.error)\r\n })\r\n }\r\n\r\n function goToRegulation() {\r\n window.open(process.env.REACT_APP_REGULATION_ADDRESS_2)\r\n\r\n }\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n {challengeDetails ? \r\n\r\n \r\n {textsFooterDetail.textChallengeDetail}\r\n \r\n \r\n ) : (\r\n {\r\n if (value) {\r\n setDisable(false)\r\n } else {\r\n setDisable(true)\r\n }\r\n }} name=\"accord\" />}\r\n label={\r\n \r\n \r\n \r\n {textsCadastroPage.agreeWith}\r\n \r\n \r\n \r\n \r\n \r\n {textsCadastroPage.regulation} \r\n \r\n \r\n \r\n \r\n \r\n {textsCadastroPage.ofProgram}\r\n \r\n \r\n \r\n }\r\n />\r\n {isSupplierUser(userState?.tipo) ?\r\n handleSubmit(e)} disabled={disable}>\r\n {textsSubmitButtons.textChallengeDetail}\r\n :\r\n navigateToEdit()}>\r\n {textsSubmitButtons.textFormChallengeEdit}\r\n }\r\n \r\n\r\n {/* */}\r\n \r\n \r\n \r\n \r\n
\r\n )\r\n}","import React, { useContext, useEffect, useState } from 'react';\r\n\r\nimport ChallengeStatus from '../../../../components/ChallengeStatus';\r\nimport { Box, Container, makeStyles } from '@material-ui/core';\r\nimport { textsFakeButtonStatus, textsTitles, textsTextAreaPlaceholder, textsSubmitButtons, textsFooterDetail, generalTexts, myChallengesStatus, mockPathDesafios } from '../../../../utils/utils';\r\nimport FormTextAttch from '../../../../components/FormTextAttch';\r\nimport { UserContext } from '../../../../providers/UserProvider';\r\nimport { useHistory } from 'react-router';\r\nimport { raiseAlert, raiseSuccess } from '../../../../components/Alert';\r\nimport { propostaUpdateDesafiosWithParams } from '../../../../services/propostas';\r\nimport { getDetalhesDesafioWithParams } from '../../../../services/desafios';\r\nimport { uploadFile } from '../../../../services/file';\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n root:{\r\n flexGrow:1\r\n },\r\n container:{\r\n height: 'calc(100vh - 5em)',\r\n maxHeight: 'calc(100vh - 5em)',\r\n minHeight: 'calc(100vh - 5em)',\r\n paddingLeft: 0,\r\n paddingRight: 0,\r\n backgroundColor: 'white'\r\n },\r\n fakeBox: {\r\n height:'100%',\r\n width: '100%'\r\n },\r\n mainCards: {\r\n width: '70vw!important',\r\n margin: 'auto!important',\r\n position: 'relative',\r\n top: '3em',\r\n '@media(max-width: 938px)' : {\r\n top: '1em',\r\n width: '70vw!important',\r\n },\r\n },\r\n title: {\r\n fontSize:28,\r\n fontWeight: 600,\r\n color:\"#FFFFFF\",\r\n textTransform:'none',\r\n margin: '0 auto 0 25px'\r\n },\r\n subtitle: {\r\n color:\"#000000\",\r\n margin: '2em auto auto 25px',\r\n '@media(max-width: 938px)' : {\r\n margin: '6em auto auto 25px',\r\n },\r\n },\r\n orangeSet: {\r\n backgroundColor:\"#FE5D00\",\r\n //height:'25vh',\r\n height:'7em',\r\n '@media(max-width: 938px)' : {\r\n //height:'60vh'\r\n height:'16em',\r\n }\r\n },\r\n textCenter: {\r\n textAlign: 'center'\r\n },\r\n right: {\r\n margin: 'auto auto auto 0'\r\n },\r\n caractersSize: {\r\n height: 'fit-content',\r\n margin: 'auto 0'\r\n },\r\n textAreaPlaceholder: {\r\n height: 'fit-content',\r\n letterSpacing: '-1.06px',\r\n \r\n }\r\n}));\r\n\r\nexport default function MyChallengesSubscriber() {\r\n const classes = useStyles();\r\n const history = useHistory();\r\n const navigateTo = () => history.push(`${mockPathDesafios}meus-desafios`);\r\n const {userState} = useContext(UserContext);\r\n const [challengeDetails, setChallengeDetails] = useState({});\r\n\r\n useEffect(() => {\r\n if(userState?.DESAFIO_ID) loadChallengeDetails();\r\n }, [userState]) // eslint-disable-line react-hooks/exhaustive-deps\r\n\r\n const loadChallengeDetails = async () => {\r\n await getDetalhesDesafioWithParams(`ID=` + userState?.DESAFIO_ID).then((response) => {\r\n setChallengeDetails(response?.data);\r\n }).catch(err=>{\r\n raiseAlert(err.error)\r\n history.goBack();\r\n })\r\n }\r\n\r\n const handleSubmit = async (e, text, files) => {\r\n e.preventDefault();\r\n if(text.length < 1){raiseAlert(generalTexts.notEmpty);return; }\r\n if(!userState?.PROP_ID) { raiseAlert(generalTexts.errorMessage); return;}\r\n else\r\n \r\n await uploadFile(userState?.PROP_ID,files).then(response=>{\r\n if(response?.status === 200){\r\n \r\n }else{\r\n \r\n }\r\n \r\n }).catch(err=>{\r\n raiseAlert(err.error)\r\n })\r\n \r\n let data = {\r\n STATUS: myChallengesStatus[1],\r\n PROPOSTA: text\r\n }\r\n await propostaUpdateDesafiosWithParams(userState?.PROP_ID,data).then((response) => {\r\n if(response?.status === 200){\r\n raiseSuccess();\r\n navigateTo()\r\n }\r\n else{\r\n raiseAlert(response.error)\r\n }\r\n }).catch(err=>{\r\n raiseAlert(err.error)\r\n }) \r\n \r\n }\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n
\r\n )\r\n}","import api from './api';\r\n\r\nexport const createMensagem = async (id,data) => {\r\n return await api.post(`desafios/historicos?ID=${id}`,data).then(async response => {\r\n return response\r\n }).catch(err =>{\r\n return { status:400, error: err.response.data.message}\r\n });\r\n \r\n} \r\nexport const deleteMensagem = async (messageid) => {\r\n \r\n return await api.delete(`desafios/historicos?ID=${messageid}`).then(async response => {\r\n return response\r\n }).catch(err =>{\r\n return { status:400, error: err.response.data.message}\r\n });\r\n \r\n} \r\n","import React, { useContext, useEffect, useState } from 'react';\r\n\r\nimport ChallengeStatus from '../../../../components/ChallengeStatus';\r\nimport { Box, Container, makeStyles } from '@material-ui/core';\r\nimport { textsFakeButtonStatus, textsSubmitButtons, textsTextAreaPlaceholder, generalTexts } from '../../../../utils/utils';\r\nimport TimelineComponent from '../../../../components/Timeline';\r\nimport FormTextAttch from '../../../../components/FormTextAttch';\r\nimport { UserContext } from '../../../../providers/UserProvider';\r\nimport { raiseAlert, raiseSuccess } from '../../../../components/Alert';\r\nimport { getPropostaDetails } from '../../../../services/propostas';\r\nimport { bibi } from '../../../../utils/utils';\r\nimport { createMensagem } from '../../../../services/mensagens';\r\nimport { getFornecedor } from '../../../../services/fornecedores';\r\nimport { isSupplierUser } from '../../../../utils/roles';\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n root: {\r\n flexGrow: 1\r\n },\r\n container: {\r\n height: 'calc(100vh - 5em)',\r\n maxHeight: 'calc(100vh - 5em)',\r\n minHeight: 'calc(100vh - 5em)',\r\n paddingLeft: 0,\r\n paddingRight: 0,\r\n backgroundColor: 'white'\r\n },\r\n fakeBox: {\r\n height: '100%',\r\n width: '100%'\r\n },\r\n mainCards: {\r\n width: '70vw!important',\r\n margin: 'auto!important',\r\n position: 'relative',\r\n top: '3em',\r\n '@media(max-width: 938px)': {\r\n top: '1em',\r\n width: '70vw!important',\r\n },\r\n },\r\n title: {\r\n fontSize: 28,\r\n fontWeight: 600,\r\n color: \"#FFFFFF\",\r\n textTransform: 'none',\r\n margin: '0 auto 0 25px'\r\n },\r\n subtitle: {\r\n color: \"#000000\",\r\n margin: '2em auto auto 25px',\r\n '@media(max-width: 938px)': {\r\n margin: '6em auto auto 25px',\r\n },\r\n },\r\n orangeSet: {\r\n backgroundColor: \"#FE5D00\",\r\n //height:'25vh',\r\n height: '7em',\r\n '@media(max-width: 938px)': {\r\n //height:'60vh'\r\n height: '16em',\r\n }\r\n },\r\n right: {\r\n margin: 'auto auto auto 0'\r\n },\r\n caractersSize: {\r\n height: 'fit-content',\r\n margin: 'auto 0'\r\n },\r\n textAreaPlaceholder: {\r\n height: 'fit-content',\r\n letterSpacing: '-1.06px',\r\n },\r\n timelineContent: {\r\n display: 'flex',\r\n padding: '0 !important',\r\n marginLeft: '15px',\r\n width: '100%',\r\n minWidth: '100%'\r\n }\r\n}));\r\n\r\nexport default function MyChallengesProposal() {\r\n const classes = useStyles();\r\n\r\n const { userState, setUserState } = useContext(UserContext);\r\n const [challenge, setChallenge] = useState({});\r\n const [reset, setReset] = useState(false)\r\n const [updateChallenge, setUpdateChallenge] = useState(false)\r\n const [disabled, setDisabled] = useState(false)\r\n\r\n useEffect(() => {\r\n getChallenge();\r\n }, [])// eslint-disable-line react-hooks/exhaustive-deps\r\n useEffect(() => {\r\n if (updateChallenge) { getChallenge(); }\r\n }, [updateChallenge])// eslint-disable-line react-hooks/exhaustive-deps\r\n\r\n useEffect(() => {\r\n if (!disabled) {\r\n setReset(false);\r\n getChallenge();\r\n }\r\n }, [disabled])// eslint-disable-line react-hooks/exhaustive-deps\r\n\r\n useEffect(() => {\r\n if (!userState?.NOME) {\r\n loadFornecedor();\r\n }\r\n }, [userState])// eslint-disable-line react-hooks/exhaustive-deps\r\n\r\n async function loadFornecedor() {\r\n\r\n await getFornecedor(userState?.ID).then(resp => {\r\n if (resp.status === 200) {\r\n setUserState({ ...userState, NOME: resp.data[0]?.NOME, EMAIL: resp.data[0]?.EMAIL })\r\n } else {\r\n raiseAlert(resp.error)\r\n }\r\n\r\n\r\n }).catch(err => {\r\n raiseAlert(err.error)\r\n\r\n })\r\n }\r\n\r\n async function getChallenge() {\r\n await getPropostaDetails(userState?.PROP_ID).then((response) => {\r\n if (response?.status === 200) {\r\n setChallenge(response.data);\r\n } else {\r\n raiseAlert(response.error)\r\n }\r\n setUpdateChallenge(false)\r\n }).catch(err => {\r\n setUpdateChallenge(false)\r\n raiseAlert(err.error)\r\n })\r\n }\r\n\r\n const handleSubmit = async (e, text) => {\r\n e.preventDefault();\r\n if (text.length < 1) { raiseAlert(generalTexts.notEmpty); return; }\r\n if (!userState?.PROP_ID) { raiseAlert(generalTexts.errorMessage); return; }\r\n else\r\n setDisabled(true)\r\n var data = {\r\n AUTOR: isSupplierUser(userState?.tipo) ? userState?.NOME : bibi[0],\r\n DESCRICAO: text\r\n }\r\n await createMensagem(userState?.PROP_ID, data).then((response) => {\r\n if (response?.status === 200) {\r\n raiseSuccess(response.data?.message);\r\n }\r\n else {\r\n raiseAlert(response.error)\r\n }\r\n setReset(true)\r\n setDisabled(false)\r\n }).catch(err => {\r\n setReset(true)\r\n raiseAlert(err.error)\r\n setDisabled(false)\r\n })\r\n\r\n }\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n )\r\n}","import React, { useContext, useEffect, useState } from 'react';\r\nimport ChallengeStatus from '../../../components/ChallengeStatus';\r\nimport { Box, Container, makeStyles } from '@material-ui/core';\r\nimport { textsSubmitButtons, textsTextAreaPlaceholder, generalTexts } from '../../../utils/utils';\r\nimport TimelineComponent from '../../../components/Timeline';\r\nimport FormTextAttch from '../../../components/FormTextAttch';\r\nimport { UserContext } from '../../../providers/UserProvider';\r\nimport { raiseAlert, raiseSuccess } from '../../../components/Alert';\r\nimport { getPropostaDetails } from '../../../services/propostas';\r\nimport { bibi } from '../../../utils/utils';\r\nimport { createMensagem } from '../../../services/mensagens';\r\n\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n root:{\r\n flexGrow:1\r\n },\r\n container:{\r\n height: 'calc(100vh - 5em)',\r\n maxHeight: 'calc(100vh - 5em)',\r\n minHeight: 'calc(100vh - 5em)',\r\n paddingLeft: 0,\r\n paddingRight: 0,\r\n backgroundColor: 'white'\r\n },\r\n fakeBox: {\r\n height:'100%',\r\n width: '100%'\r\n },\r\n mainCards: {\r\n width: '70vw!important',\r\n margin: 'auto!important',\r\n position: 'relative',\r\n top: '3em',\r\n '@media(max-width: 938px)' : {\r\n top: '1em',\r\n width: '70vw!important',\r\n },\r\n },\r\n title: {\r\n fontSize:28,\r\n fontWeight: 600,\r\n color:\"#FFFFFF\",\r\n textTransform:'none',\r\n margin: '0 auto 0 25px'\r\n },\r\n subtitle: {\r\n color:\"#000000\",\r\n margin: '2em auto auto 25px',\r\n '@media(max-width: 938px)' : {\r\n margin: '6em auto auto 25px',\r\n },\r\n },\r\n orangeSet: {\r\n backgroundColor:\"#FE5D00\",\r\n //height:'25vh',\r\n height:'7em',\r\n '@media(max-width: 938px)' : {\r\n //height:'60vh'\r\n height:'16em',\r\n }\r\n },\r\n right: {\r\n margin: 'auto auto auto 0'\r\n },\r\n caractersSize: {\r\n height: 'fit-content',\r\n margin: 'auto 0'\r\n },\r\n textAreaPlaceholder: {\r\n height: 'fit-content',\r\n letterSpacing: '-1.06px',\r\n },\r\n timelineContent: {\r\n display: 'flex',\r\n padding: '0 !important',\r\n marginLeft: '15px',\r\n width: '100%',\r\n minWidth: '100%'\r\n }\r\n}));\r\n\r\nexport default function MyAdminChallengeProposal() {\r\n const classes = useStyles();\r\n const { userState } = useContext(UserContext);\r\n const [challenge, setChallenge] = useState({});\r\n const [reset, setReset] = useState(false)\r\n const [updateChallenge, setUpdateChallenge] = useState(false)\r\n const [disabled, setDisabled] = useState(false)\r\n\r\n useEffect(() => {\r\n getChallenge();\r\n },[])// eslint-disable-line react-hooks/exhaustive-deps\r\n useEffect(() => {\r\n if(updateChallenge) {getChallenge();}\r\n },[updateChallenge])// eslint-disable-line react-hooks/exhaustive-deps\r\n\r\n useEffect(() => {\r\n if(!disabled){\r\n setReset(false);\r\n getChallenge();\r\n } \r\n },[disabled])// eslint-disable-line react-hooks/exhaustive-deps\r\n\r\n\r\n async function getChallenge() {\r\n await getPropostaDetails(userState?.PROP_ID).then((response) => {\r\n if(response?.status === 200){\r\n setChallenge(response.data);\r\n }else{\r\n raiseAlert(response.error)\r\n }\r\n setUpdateChallenge(false)\r\n }).catch(err=>{\r\n setUpdateChallenge(false)\r\n raiseAlert(err.error)\r\n })\r\n }\r\n\r\n const handleSubmit = async (e, text) => {\r\n e.preventDefault();\r\n if(text.length < 1){raiseAlert(generalTexts.notEmpty);return; }\r\n if(!userState?.PROP_ID) { raiseAlert(generalTexts.errorMessage); return;}\r\n else\r\n setDisabled(true)\r\n var data = {\r\n AUTOR: bibi[0],\r\n DESCRICAO: text\r\n }\r\n await createMensagem(userState?.PROP_ID,data).then((response) => {\r\n if(response?.status === 200){\r\n raiseSuccess(response.data?.message);\r\n }\r\n else{\r\n raiseAlert(response.error)\r\n }\r\n setReset(true)\r\n setDisabled(false)\r\n }).catch(err=>{\r\n setReset(true)\r\n raiseAlert(err.error)\r\n setDisabled(false)\r\n }) \r\n \r\n }\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n )\r\n}","import React, {useState, useEffect} from 'react';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport Grid from '@material-ui/core/Grid';\r\nimport Input from '@material-ui/core/Input';\r\nimport { ChipFormChallenge, SelectChipFormChallenge } from './style';\r\nimport MenuItem from '@material-ui/core/MenuItem';\r\nimport { getAllModels } from '../../services/models';\r\nimport { raiseAlert } from '../Alert';\r\n\r\nconst useStyles = makeStyles(() => ({\r\n formControl: {\r\n margin: '8px',\r\n minWidth: 120,\r\n maxWidth: 300,\r\n },\r\n chips: {\r\n display: 'flex',\r\n flexWrap: 'wrap',\r\n },\r\n chip: {\r\n margin: 2,\r\n },\r\n noLabel: {\r\n marginTop: '24px',\r\n },\r\n}));\r\n\r\nexport default function SelectMultipleModel({urlParam = '', areas = [], setAreasIds ,handleChangeAreas = function(obj) {}}) {\r\n const classes = useStyles();\r\n const [models, setModels] = useState([]);\r\n const [names, setNames] = useState(areas);\r\n\r\n useEffect(() => {\r\n setNames(areas.map(item=> item?.NOME))\r\n setAreasIds(areas.map(item=> item?.ID))\r\n }, [areas])// eslint-disable-line react-hooks/exhaustive-deps\r\n \r\n useEffect(() => {\r\n async function getOptionsModels() {\r\n await getAllModels(urlParam).then(response => {\r\n setModels(response?.data)\r\n }).catch(async err => {\r\n raiseAlert(err.error)\r\n });\r\n }\r\n getOptionsModels()\r\n }, [urlParam])// eslint-disable-line react-hooks/exhaustive-deps\r\n\r\n const handleChange = async (event, child) => {\r\n const ul_list = document.getElementsByTagName(\"ul\");\r\n let element;\r\n for(let el of ul_list){\r\n if(el.hasAttribute(\"role\") && el.getAttribute(\"role\") === \"listbox\"){ element = el }\r\n }\r\n \r\n if(event.target.value.length > 5) { \r\n element.parentElement.remove();\r\n //if (menu_list) menu_list.setAttribute(\"style\", \"display: none;\");\r\n raiseAlert(\"Escolha no máximo 5 áreas\");\r\n return;\r\n }\r\n \r\n let remainElement = (event.target.value)?.filter(value=> (typeof value !== \"undefined\")).map(item => item )\r\n \r\n let ids_selected_add = []\r\n let areas_selected_add = []\r\n remainElement.forEach(el=>{\r\n for(var i = 0; i < models.length; i++){ \r\n if (models[i]?.NOME === el) { \r\n ids_selected_add.push(models[i]?.ID);\r\n areas_selected_add.push(models[i]);\r\n break;}\r\n \r\n }\r\n })\r\n \r\n setAreasIds([...ids_selected_add])\r\n handleChangeAreas([...areas_selected_add])\r\n \r\n };\r\n\r\n const handleVerifyModel = modelSelect => {\r\n if(modelSelect === undefined) {\r\n return false;\r\n }\r\n return true;\r\n }\r\n\r\n const ITEM_HEIGHT = 48;\r\n const ITEM_PADDING_TOP = 8;\r\n const MenuProps = {\r\n PaperProps: {\r\n style: {\r\n maxHeight: ITEM_HEIGHT * 4.5 + ITEM_PADDING_TOP,\r\n width: 250,\r\n },\r\n },\r\n };\r\n\r\n return (\r\n \r\n \r\n handleChange(e, c)}\r\n input={\r\n {selected.map((value, key) => (\r\n
\r\n : ''\r\n )}\r\n MenuProps={MenuProps}\r\n >\r\n {models?.map(model => (\r\n \r\n {model?.NOME}\r\n \r\n ))}\r\n \r\n \r\n \r\n );\r\n }","import React, {useState, useEffect} from 'react';\r\nimport { getAllModels } from '../../services/models';\r\nimport { raiseAlert } from '../Alert';\r\n\r\nexport default function ListOptionsModel({urlParam = '', createOptions = [] }) {\r\n\r\n const [models, setModels] = useState();\r\n \r\n useEffect(() => {\r\n if(urlParam !== '') {\r\n async function getOptionsModels() {\r\n await getAllModels(urlParam).then(response => {\r\n setModels(response?.data)\r\n }).catch(async err => {\r\n raiseAlert(err.error)\r\n });\r\n }\r\n getOptionsModels()\r\n }else if(createOptions.length > 0) {\r\n setModels(createOptions)\r\n }\r\n }, [ urlParam ])// eslint-disable-line react-hooks/exhaustive-deps\r\n\r\n return (\r\n \r\n Selecione \r\n { models?.map((model, index) => (\r\n {model?.NOME} \r\n ))}\r\n \r\n );\r\n }","\r\nimport React, { useState, useEffect, useContext } from 'react';\r\n\r\nimport { Box, Grid, makeStyles, Typography } from '@material-ui/core';\r\n\r\nimport * as yup from 'yup';\r\nimport { DropzoneAreaBase } from 'material-ui-dropzone'\r\nimport CancelIcon from '@material-ui/icons/Cancel';\r\nimport { TextareaAutosizeCustom } from '../TextareaAutosize/style'\r\nimport { SubmitButton } from '../SubmitButton/style';\r\nimport { InputFormChallenge, SelectFormChallenge } from './style';\r\nimport { textsFooterDetail, textsFormChallenge, textsSubmitButtons, textsDropzone, textsTextAreaPlaceholder, generalTexts, mockPath } from '../../utils/utils';\r\nimport { getDetalhesDesafioWithParams, postDesafio, putDesafio } from '../../services/desafios';\r\nimport SelectMultipleModel from '../SelectMultipleModel';\r\nimport ListOptionsModel from '../ListOptionsModel';\r\nimport { UserContext } from '../../providers/UserProvider';\r\nimport { useHistory } from 'react-router';\r\nimport { raiseAlert, raiseSuccess } from '../Alert';\r\nimport api from '../../services/api';\r\nimport clsx from 'clsx';\r\nimport ListFiles from '../ListFiles';\r\n\r\nimport { uploadMaterials } from '../../services/file';\r\nimport { LineScalePulseOut } from 'react-pure-loaders';\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n root: {\r\n flexGrow: 1,\r\n },\r\n title: {\r\n fontSize: '1.35em',\r\n fontWeight: 600,\r\n color: \"#FFFFFF\",\r\n textTransform: 'none',\r\n margin: '0 auto 0 25px'\r\n },\r\n subtitle: {\r\n color: \"#000000\",\r\n margin: '2em auto auto 25px',\r\n },\r\n textCenter: {\r\n textAlign: 'center'\r\n },\r\n paddingRightCustom: {\r\n paddingRight: '10px',\r\n '@media(max-width: 780px)': {\r\n padding: 0\r\n }\r\n },\r\n paddingRight: {\r\n paddingRight: '10px'\r\n },\r\n paddingLeft: {\r\n paddingLeft: '10px'\r\n },\r\n paddinRightLeft: {\r\n padding: '0 10px'\r\n },\r\n marginH2: {\r\n margin: '16px auto 16px 0'\r\n },\r\n marginH2Init: {\r\n margin: '0 auto 16px 0'\r\n },\r\n marginTopImage: {\r\n '@media(min-width: 460px)': {\r\n marginTop: '10px'\r\n }\r\n },\r\n marginField: {\r\n '@media(max-width: 460px)': {\r\n marginTop: '26px'\r\n }\r\n },\r\n right: {\r\n margin: 'auto auto auto 0'\r\n },\r\n caractersSize: {\r\n height: 'fit-content',\r\n margin: 'auto 0'\r\n },\r\n textAreaPlaceholder: {\r\n height: 'fit-content',\r\n letterSpacing: '-1.06px',\r\n color: '#000000',\r\n },\r\n boxImage: {\r\n objectFit: 'cover',\r\n maxWidth: \"100%\",\r\n height: '190px',\r\n maxHeight: '190px',\r\n },\r\n gridTextImage: {\r\n marginTop: '10px',\r\n display: 'flex',\r\n alignItems: 'center',\r\n '@media(max-width: 780px)': {\r\n display: 'grid',\r\n padding: '10px'\r\n }\r\n },\r\n boxTextImage: {\r\n '@media(max-width: 780px)': {\r\n maxWidth: '100%',\r\n flexBasis: '100%',\r\n padding: '0 !important'\r\n }\r\n },\r\n boxGridFildsMobile: {\r\n '@media(max-width: 460px)': {\r\n display: 'grid'\r\n }\r\n },\r\n boxFildsMobile: {\r\n '@media(max-width: 460px)': {\r\n maxWidth: '100%',\r\n flexBasis: '100%',\r\n padding: '0 !important'\r\n }\r\n },\r\n iconChangeEdit: {\r\n cursor: 'pointer',\r\n fontSize: '22px',\r\n position: 'absolute',\r\n right: '0',\r\n marginTop: '5px',\r\n marginRight: '5px',\r\n color: '#FFFFFF',\r\n backgroundColor: '#FE5D00',\r\n borderRadius: '10px'\r\n },\r\n label: {\r\n fontSize: 20\r\n }\r\n}));\r\n\r\nlet schemaCreated = yup.object().shape({\r\n name: yup.string().required(),\r\n category: yup.string().required(),\r\n objective: yup.string().required(),\r\n details: yup.string().required(),\r\n //video: yup.string().required(),\r\n spotlight: yup.string().required(),\r\n areasIds: yup.array().min(1, 'Adicione pelo menos uma área!').max(5, 'Informe no máximo 5 áreas!').required()\r\n});\r\n\r\n//ficou opcional\r\n/* let schemaImage = yup.object().shape({\r\n image: yup.array().min(1, 'Adicione pelo menos uma imagem!').max(1, 'Adicione apenas uma imagem!').required('Adicione uma imagem!'),\r\n}); */\r\n\r\nexport default function FormChallenge({\r\n edit = false,\r\n canEdit = false\r\n}) {\r\n const classes = useStyles();\r\n const history = useHistory();\r\n const navigateTo = () => history.push(`${mockPath}principal`);\r\n const { userState } = useContext(UserContext);\r\n\r\n let limitCharsName = 30\r\n let limitCharsObjective = 120\r\n let limitCharsDetails = 4000\r\n let limitCharsArea = 5\r\n\r\n const STATUS_FORM_CREATE = \"Fechado\"\r\n const [editImage, setEditImage] = useState(false);\r\n const [loadDesafio, setLoadDesafio] = useState(false);\r\n const [loadFiles, setLoadFiles] = useState([]);\r\n const [files, setFiles] = useState([]);\r\n const [image, setImage] = useState([]);\r\n const [imageUrl, setImageUrl] = useState(\"\");\r\n const [name, setName] = useState('');\r\n const [category, setCategory] = useState('');\r\n const [objective, setObjective] = useState('');\r\n const [details, setDetails] = useState('');\r\n const [video, setVideo] = useState('');\r\n const [status, setStatus] = useState(STATUS_FORM_CREATE);\r\n const [spotlight, setSpotlight] = useState('N');\r\n const [areas, setAreas] = useState([]);\r\n const [areasIds, setAreasIds] = useState([]);\r\n const [remainCharsName, setRemainCharsName] = useState(limitCharsName);\r\n const [remainCharsObjective, setRemainCharsObjective] = useState(limitCharsObjective);\r\n const [remainCharsDetails, setRemainCharsDetails] = useState(limitCharsDetails);\r\n const [remainCharsArea, setRemainCharsArea] = useState(limitCharsArea);\r\n const [requesting, setRequesting] = useState(false);\r\n\r\n useEffect(() => {\r\n setRemainCharsName(limitCharsName - name.length)\r\n }, [name, limitCharsName])\r\n\r\n useEffect(() => {\r\n setRemainCharsObjective(limitCharsObjective - objective.length)\r\n }, [objective, limitCharsObjective])\r\n\r\n useEffect(() => {\r\n setRemainCharsDetails(limitCharsDetails - details.length)\r\n }, [details, limitCharsDetails])\r\n\r\n useEffect(() => {\r\n setRemainCharsArea(limitCharsArea - areas.length)\r\n }, [areas, limitCharsArea])\r\n\r\n useEffect(() => {\r\n const loadChallengeDetails = async () => {\r\n await getDetalhesDesafioWithParams(`ID=` + userState?.DESAFIO_ID).then((response) => {\r\n setName(response?.data?.NOME);\r\n setCategory(response?.data?.CATEGORIA);\r\n setObjective(response?.data?.OBJETIVO);\r\n setDetails(response?.data?.DETALHES);\r\n setVideo(response?.data?.URL_VIDEO);\r\n setImageUrl(process.env.REACT_APP_BASE_URL + response?.data?.IMAGEM)\r\n setStatus(response?.data?.STATUS);\r\n setSpotlight(response?.data?.DESTAQUE);\r\n setAreas(response?.data?.AREAS);\r\n setLoadFiles(response?.data?.MATERIAIS);\r\n }).catch(err => {\r\n raiseAlert(err.error)\r\n history.goBack();\r\n })\r\n }\r\n if (edit || loadDesafio) {\r\n loadChallengeDetails(userState?.DESAFIO_ID)\r\n }\r\n }, [edit, history, loadDesafio, userState?.DESAFIO_ID])\r\n\r\n const handleAddImage = newImage => {\r\n setImage([...newImage]);\r\n };\r\n\r\n const handleDeleteImage = () => {\r\n setImage([]);\r\n };\r\n\r\n const handleAdd = newFiles => {\r\n newFiles = newFiles.filter(file => !files.find(f => f.data === file.data));\r\n setFiles([...files, ...newFiles]);\r\n };\r\n\r\n const handleDelete = deleted => {\r\n setFiles(files.filter(f => f !== deleted));\r\n };\r\n\r\n const handleChangeAreas = newAreas => {\r\n setAreas(newAreas)\r\n }\r\n\r\n const handleUpdate = async (e) => {\r\n e.preventDefault();\r\n\r\n const isValidCreated = await schemaCreated.isValid({\r\n category,\r\n name,\r\n objective,\r\n details,\r\n //imageUrl,\r\n spotlight,\r\n //video,\r\n areasIds//areas: [1,2,3]\r\n })\r\n\r\n\r\n let resultImage = '';\r\n if (isValidCreated) {\r\n setRequesting(true)\r\n if (image.length > 0) {\r\n var imageFile = image[0].file\r\n const config = { headers: { 'Content-Type': 'multipart/form-data' } };\r\n let img = new FormData();\r\n img.append('file', imageFile);\r\n await api.post('utils/upload', img, config).then(async response => {\r\n if (response?.status === 200) {\r\n setImageUrl(response.data.url)\r\n resultImage = response.data.url\r\n } else {\r\n raiseAlert(response.error)\r\n }\r\n })\r\n .catch(err => {\r\n raiseAlert(err.error)\r\n });\r\n }\r\n if (files.length > 0) {\r\n await uploadMaterials(userState?.DESAFIO_ID, files).then(response => {\r\n let exists = response.some(item => (item?.status !== 200))\r\n if (exists) raiseAlert(\"Erro no envio de algum material.\")\r\n\r\n }).catch(err => {\r\n raiseAlert(err.error)\r\n })\r\n }\r\n const dataPut = {\r\n \"CATEGORIA\": category,\r\n \"NOME\": name,\r\n \"OBJETIVO\": objective,\r\n \"DETALHES\": details,\r\n \"IMAGEM\": resultImage,\r\n \"DESTAQUE\": spotlight,\r\n \"URL_VIDEO\": video,\r\n \"STATUS\": status,\r\n \"AREAS\": areasIds//[4,5,6] || areas,\r\n }\r\n if (resultImage === '') { delete dataPut[\"IMAGEM\"] }\r\n await putDesafio(userState?.DESAFIO_ID, dataPut).then(async resp => {\r\n if (resp?.status === 200) {\r\n setRequesting(false)\r\n navigateTo()\r\n raiseSuccess(\"Desafio atualizado com sucesso!\");\r\n } else {\r\n raiseAlert(resp.error)\r\n }\r\n }).catch(err => {\r\n raiseAlert(generalTexts.errorMessage)\r\n })\r\n } else {\r\n raiseAlert(generalTexts.notEmpty)\r\n }\r\n\r\n }\r\n\r\n const handleSubmit = async (e) => {\r\n e.preventDefault();\r\n\r\n const isValidImage = true //opcional ## await schemaImage.isValid({image}) ##\r\n const isValidCreated = await schemaCreated.isValid({\r\n category,\r\n name,\r\n objective,\r\n details,\r\n spotlight,\r\n //video,//opcional\r\n areasIds\r\n })\r\n\r\n if (isValidImage && isValidCreated) {\r\n setRequesting(true)\r\n let respImgUrl = null\r\n if (image.length > 0) {\r\n var imageFile = image[0].file\r\n const config = { headers: { 'Content-Type': 'multipart/form-data' } };\r\n let img = new FormData();\r\n img.append('file', imageFile);\r\n\r\n respImgUrl = await api.post('utils/upload', img, config).then(async response => {\r\n return response.data.url || null\r\n }\r\n );\r\n if (respImgUrl) { setImageUrl(respImgUrl) }\r\n } //alert(response.data.url)\r\n\r\n const dataPost = {\r\n \"CATEGORIA\": category,\r\n \"NOME\": name,\r\n \"OBJETIVO\": objective,\r\n \"DETALHES\": details,\r\n \"IMAGEM\": respImgUrl || imageUrl,\r\n \"DESTAQUE\": spotlight, //S ou N\r\n \"URL_VIDEO\": video,\r\n \"STATUS\": STATUS_FORM_CREATE,\r\n \"AREAS\": areasIds, // [1,2,3] MAX: 5\r\n }\r\n\r\n await postDesafio(dataPost).then(async resp => {\r\n if (resp?.status === 200) {\r\n setRequesting(false)\r\n raiseSuccess(\"Desafio criado com sucesso!\");\r\n navigateTo()\r\n } else {\r\n raiseAlert(resp.error)\r\n }\r\n }).catch(err => {\r\n raiseAlert(generalTexts.errorMessage)\r\n })\r\n\r\n /* }else {\r\n raiseAlert(response.error)\r\n }\r\n })\r\n .catch(err => {\r\n raiseAlert(err.error)\r\n }); */\r\n } else if (!isValidImage) {\r\n raiseAlert(generalTexts.notEmptyImage)\r\n } else {\r\n raiseAlert(generalTexts.notEmpty)\r\n }\r\n }\r\n const getImageError = () => {\r\n setImageUrl('')\r\n }\r\n\r\n return (\r\n \r\n \r\n \r\n )\r\n\r\n}","import React from 'react';\r\n\r\nimport { Box, Container, makeStyles, Typography } from '@material-ui/core';\r\nimport { textsTitles } from '../../../utils/utils';\r\nimport FormChallenge from '../../../components/FormChallenge';\r\n\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n root:{\r\n flexGrow:1\r\n },\r\n container:{\r\n height: 'calc(100vh - 5em)',\r\n maxHeight: 'calc(100vh - 5em)',\r\n minHeight: 'calc(100vh - 5em)',\r\n paddingLeft: 0,\r\n paddingRight: 0,\r\n backgroundColor: 'white'\r\n },\r\n fakeBox: {\r\n height:'100%',\r\n width: '100%'\r\n },\r\n mainCards: {\r\n width: '70vw !important',\r\n maxWidth: '985px !important',\r\n margin: 'auto!important',\r\n position: 'relative',\r\n top: '-4rem',\r\n '@media(max-width: 425px)' : {\r\n top: '-18rem',\r\n }\r\n },\r\n title: {\r\n width: 'fit-content',\r\n fontSize:28,\r\n fontWeight: 600,\r\n color:\"#FFFFFF\",\r\n textTransform:'none',\r\n margin: '25px auto auto 0'\r\n },\r\n subtitle: {\r\n color:\"#000000\",\r\n margin: '2em auto auto 25px',\r\n },\r\n marginMobile: {\r\n '@media(max-width: 425px)' : {\r\n marginTop: '15em !important',\r\n }\r\n },\r\n orangeSet: {\r\n backgroundColor:\"#FE5D00\",\r\n //height:'25vh',\r\n height:'7em',\r\n }\r\n}));\r\n\r\n\r\nexport default function RegisterChallenge() {\r\n const classes = useStyles();\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {textsTitles.textNewChallenge}\r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n
\r\n );\r\n \r\n}","import React from 'react';\r\n\r\nimport { Box, Container, makeStyles, Typography } from '@material-ui/core';\r\nimport { textsTitles } from '../../../utils/utils';\r\nimport FormChallenge from '../../../components/FormChallenge';\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n root:{\r\n flexGrow:1\r\n },\r\n container:{\r\n height: 'calc(100vh - 5em)',\r\n maxHeight: 'calc(100vh - 5em)',\r\n minHeight: 'calc(100vh - 5em)',\r\n paddingLeft: 0,\r\n paddingRight: 0,\r\n backgroundColor: 'white'\r\n },\r\n fakeBox: {\r\n height:'100%',\r\n width: '100%'\r\n },\r\n mainCards: {\r\n width: '70vw !important',\r\n maxWidth: '985px !important',\r\n margin: 'auto!important',\r\n position: 'relative',\r\n top: '-4rem',\r\n '@media(max-width: 425px)' : {\r\n top: '-18rem',\r\n }\r\n },\r\n title: {\r\n width: 'fit-content',\r\n fontSize:28,\r\n fontWeight: 600,\r\n color:\"#FFFFFF\",\r\n textTransform:'none',\r\n margin: '25px auto auto 0'\r\n },\r\n subtitle: {\r\n color:\"#000000\",\r\n margin: '2em auto auto 25px',\r\n },\r\n marginMobile: {\r\n '@media(max-width: 425px)' : {\r\n marginTop: '15em !important',\r\n }\r\n },\r\n orangeSet: {\r\n backgroundColor:\"#FE5D00\",\r\n height:'7em'\r\n }\r\n}));\r\n\r\n\r\nexport default function EditChallenge() {\r\n const classes = useStyles();\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {textsTitles.textEditChallenge}\r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n
\r\n );\r\n \r\n}","import styled from \"styled-components\";\r\nimport Button from '@material-ui/core/Button';\r\nimport { TagsInput } from \"react-tag-input-component\";\r\n\r\nexport const InputNewModel = styled.input`\r\n height: 2.5em;\r\n width: ${props => props.width ? props.width : '15em'};\r\n padding: 0.5em 1em;\r\n margin: 0.5em;\r\n margin-right: 1.2em;\r\n margin-left: 0;\r\n color: inherit;\r\n background: #FFFFFF 0% 0% no-repeat padding-box;\r\n box-shadow: 0px 0px 1px #6C6C6C;\r\n border-radius: 5px;\r\n opacity: 1;\r\n border: 1px solid #C6C6C6;\r\n font-family: inherit;\r\n font-size:16px;\r\n font-weight:300;\r\n &:focus {\r\n outline: none;\r\n }\r\n`\r\n\r\nexport const TagInput = styled(TagsInput)`\r\n .rti--container {\r\n --rti-tag: red !important\r\n }\r\n`\r\n\r\n\r\nexport const ButtonAddModel = styled(Button)`\r\n height: 2.5em;\r\n padding: 6px 10px;\r\n margin-left: 0;\r\n font-weight: 500;\r\n color: #FE5D00;\r\n border: 2px solid #FE5D00;\r\n`","import api from './api';\r\n\r\n\r\nexport const getAllContatos = async (id) => {\r\n return await api.get(`fornecedores/contatos?FORNECEDOR=${id}`).then(response => {\r\n return response\r\n }).catch(err =>{\r\n return { status:400, error: err.response.data.message}\r\n });\r\n} \r\n\r\nexport const addContato = async (obj) => {\r\n \r\n return await api.post(`fornecedores/contatos`,obj).then(response => {\r\n return response\r\n }).catch(err =>{\r\n return { status:400, error: err.response.data.message}\r\n });\r\n} \r\n\r\nexport const deleteContato = async (id) => {\r\n \r\n return await api.delete(`fornecedores/contatos?ID=${id}`).then(response => {\r\n return response\r\n }).catch(err =>{\r\n return { status:400, error: err.response.data.message}\r\n });\r\n} \r\n","import api from \"./api\"\r\n\r\nexport const getGroups = async () => {\r\n return await api.get('grupos');\r\n}\r\n\r\nexport const addSubGroup = async (subgroup) => {\r\n return await api.post('subgrupos', subgroup);\r\n}\r\n\r\nexport const updateSubgroup = async (id, subgroup) => {\r\n return await api.put(`subgrupos?ID=${id}`, subgroup);\r\n}\r\n\r\nexport const removeSubGroup = async (id) => {\r\n return await api.delete(`subgrupos?ID=${id}`);\r\n}\r\n\r\nexport const getSubgroupDocuments = async (id) => {\r\n const response = await api.get(`subgrupos/documentos?SUB_GRUPO=${id}`);\r\n return response.data;\r\n}\r\n\r\nexport const addDocument = async (SUB_GRUPO, TIPO_DOCUMENTO) => {\r\n return await api.post(`subgrupos/documentos`, {\r\n SUB_GRUPO, TIPO_DOCUMENTO\r\n });\r\n}\r\n\r\nexport const removeDocument = async (id) => {\r\n return await api.delete(`subgrupos/documentos?ID=${id}`);\r\n}\r\n\r\nexport const getDocuments = async (id) => {\r\n return await api.get(`documentos`);\r\n}\r\n\r\nexport const getDocumentsSupplier = async (supplier) => {\r\n return await api.get(`fornecedores/documentos?FORNECEDOR=${supplier}`);\r\n}\r\n\r\nexport const addDocumentSupplier = async (FORNECEDOR, ID_TIPO_DOCUMENTO, CAMINHO, TIPO) => {\r\n return api.post('/fornecedores/documentos', {\r\n FORNECEDOR,\r\n ID_TIPO_DOCUMENTO,\r\n CAMINHO,\r\n TIPO,\r\n });\r\n}\r\n\r\nexport const deleteDocSupplier = async (ID, f) => {\r\n return api.delete(`/fornecedores/documentos?ID_TIPO_DOCUMENTO=${ID}&FORNECEDOR=${f}`);\r\n}\r\n\r\n\r\nexport const uploadFile = async (file) => {\r\n let formData = new FormData();\r\n formData.append('file', file);\r\n return await api.post(`utils/upload`, formData, {\r\n headers: { 'Content-Type': 'multipart/form-data' }\r\n });\r\n}\r\n","import api from \"./api\";\r\n\r\nconst route = '/fornecedores/permissoes';\r\nconst routeUser = '/fornecedores/usuarios/permissoes/';\r\n\r\nexport const ROLE_TYPE = {\r\n BIBI: 'bibi',\r\n SUPPLIER: 'supplier'\r\n}\r\n\r\nexport const PermissionService = {\r\n async all(roleType) {\r\n let params = {}\r\n if (roleType === ROLE_TYPE.BIBI) {\r\n params = { bibi: true }\r\n } else {\r\n params = { fornecedor: true }\r\n }\r\n const response = await api.get(route, {\r\n params\r\n })\r\n return response.data\r\n },\r\n\r\n async getByUser(email) {\r\n const response = await api.get(`${routeUser}`, {\r\n params: { email }\r\n })\r\n return response.data\r\n },\r\n\r\n async add(email, id) {\r\n const response = await api.post(`${routeUser}`, {\r\n email, permissionId: id\r\n })\r\n return response.data\r\n },\r\n\r\n async remove(id, email) {\r\n const response = await api.delete(`${routeUser}${id}`, {\r\n params: { email }\r\n })\r\n return response.data\r\n }\r\n}","import {\r\n Checkbox,\r\n Dialog,\r\n DialogActions,\r\n DialogContent,\r\n DialogTitle,\r\n Table,\r\n TableBody,\r\n TableCell,\r\n TableContainer,\r\n TableRow,\r\n Typography,\r\n makeStyles,\r\n} from '@material-ui/core';\r\nimport Button from '@material-ui/core/Button';\r\nimport { useEffect, useState } from 'react';\r\nimport { toast } from 'react-toastify';\r\nimport { PermissionService } from '../../services/permission.service';\r\n\r\nconst titleStyles = {\r\n color: '#000000',\r\n fontSize: '1.25rem',\r\n fontWeight: 'bold',\r\n textAlign: 'start',\r\n};\r\n\r\nconst toastConfig = {\r\n position: 'bottom-right',\r\n hideProgressBar: true,\r\n};\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n checkColor: {\r\n color: `${theme.palette.primary.main}!important`,\r\n },\r\n}));\r\n\r\nexport function ModalPermissions({\r\n openDialog = false,\r\n setOpenDialog,\r\n roleType,\r\n user = {},\r\n}) {\r\n const classes = useStyles();\r\n const [permissions, setPermissions] = useState([]);\r\n\r\n async function getPermissions() {\r\n const all = await PermissionService.all(roleType);\r\n const userPermissions = await PermissionService.getByUser(user.email);\r\n const permissionsWithChecked = all.map((item) => ({\r\n ...item,\r\n checked: userPermissions.some((p) => p.PERMISSAO === item.ID),\r\n }));\r\n setPermissions(permissionsWithChecked);\r\n }\r\n\r\n async function handleChangeCheckbox(id) {\r\n const isChecked = permissions.find((p) => p.ID === id).checked;\r\n\r\n if (isChecked) {\r\n await removePermission(id);\r\n } else {\r\n await addPermission(id);\r\n }\r\n\r\n const mappedPermissions = permissions.map((permission) => ({\r\n ...permission,\r\n checked: permission.ID === id ? !permission.checked : permission.checked,\r\n }));\r\n setPermissions(mappedPermissions);\r\n }\r\n\r\n async function addPermission(permission) {\r\n try {\r\n await PermissionService.add(user.email, permission);\r\n toast('Permissão liberada!', toastConfig);\r\n } catch (e) {\r\n toast('Erro ao liberar permissão. Tente novamente!', toastConfig);\r\n }\r\n }\r\n\r\n async function removePermission(permission) {\r\n try {\r\n await PermissionService.remove(permission, user.email);\r\n toast('Permissão removida!', toastConfig);\r\n } catch (e) {\r\n toast('Erro ao remover permissão. Tente novamente!', toastConfig);\r\n }\r\n }\r\n\r\n useEffect(() => {\r\n if (user?.email?.length > 0) getPermissions();\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [user]);\r\n\r\n return (\r\n setOpenDialog(false)}\r\n aria-labelledby=\"max-width-dialog-title\"\r\n >\r\n \r\n \r\n Permissões - {user?.name}\r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n {permissions.map(({ ID, DESCRICAO, checked }) => (\r\n \r\n \r\n handleChangeCheckbox(ID)}\r\n />\r\n \r\n \r\n handleChangeCheckbox(ID)}\r\n >\r\n {DESCRICAO}\r\n \r\n \r\n \r\n ))}\r\n \r\n
\r\n \r\n \r\n \r\n setOpenDialog(false)} color=\"primary\">\r\n \r\n Fechar\r\n \r\n \r\n \r\n \r\n );\r\n}\r\n","import {\r\n Box,\r\n Grid,\r\n Table,\r\n TableBody,\r\n TableCell,\r\n TableContainer,\r\n TableHead,\r\n TableRow,\r\n Typography,\r\n makeStyles,\r\n} from '@material-ui/core';\r\nimport { ModalPermissions } from './ModalPermission';\r\nimport { RemoveRedEye } from '@material-ui/icons';\r\nimport { useState } from 'react';\r\nimport { toast } from 'react-toastify';\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n filterDiv: {\r\n width: '70vw',\r\n margin: '16px auto auto auto',\r\n },\r\n tittleContact: {\r\n fontSize: 18,\r\n fontWeight: 600,\r\n color: 'black',\r\n textTransform: 'none',\r\n margin: 'auto 30px 0 0',\r\n },\r\n copyButton: {\r\n width: '20%',\r\n backgroundColor: '#FE5D00',\r\n padding: '10px 0',\r\n border: 'none',\r\n borderRadius: '8px',\r\n color: 'white',\r\n cursor: 'pointer',\r\n },\r\n}));\r\n\r\nexport function TableUsers({ users, supplier, roleType }) {\r\n const classes = useStyles();\r\n const [openDialog, setOpenDialog] = useState(false);\r\n const [user, setUser] = useState({});\r\n\r\n function handleCopyButton() {\r\n navigator.clipboard.writeText(\r\n `${window.location.host}/cadastrar/usuario/${supplier}`\r\n );\r\n toast('Link de cadastro copiado!', {\r\n position: 'bottom-right',\r\n hideProgressBar: true,\r\n });\r\n }\r\n\r\n function handleClickUser({ EMAIL, NOME }) {\r\n setUser({\r\n email: EMAIL,\r\n name: NOME,\r\n });\r\n setOpenDialog(true);\r\n }\r\n\r\n return (\r\n <>\r\n \r\n \r\n \r\n \r\n Usuários\r\n \r\n \r\n Copiar link de cadastro\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n Nome \r\n Email \r\n \r\n \r\n \r\n {users.map((user) => {\r\n return (\r\n \r\n \r\n {user.NOME}\r\n \r\n \r\n {user.EMAIL}\r\n \r\n \r\n handleClickUser(user)}\r\n >\r\n \r\n \r\n );\r\n })}\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n );\r\n}\r\n","import { makeStyles } from '@material-ui/core/styles';\r\n\r\n\r\nexport const useStyles = makeStyles((theme) => ({\r\n root: {\r\n flexGrow: 1,\r\n maxWidth: 'inherit',\r\n },\r\n label: {\r\n marginBottom: '2rem',\r\n display: 'block',\r\n },\r\n container: {\r\n paddingLeft: 0,\r\n paddingRight: 0,\r\n justifyContent: 'center',\r\n backgroundColor: 'white',\r\n },\r\n filterDiv: {\r\n width: '70vw',\r\n margin: '16px auto auto auto',\r\n },\r\n button: {\r\n margin: theme.spacing(1),\r\n marginLeft: 0,\r\n },\r\n labelButtonIcon: {\r\n height: '1.25rem',\r\n marginRight: theme.spacing(4),\r\n textTransform: 'none',\r\n },\r\n textInfo: {\r\n fontSize: 14,\r\n color: 'black',\r\n },\r\n zIndexFeatured: {\r\n zIndex: '100',\r\n },\r\n title: {\r\n fontSize: 28,\r\n fontWeight: 600,\r\n color: '#FFFFFF',\r\n textTransform: 'none',\r\n margin: 'auto 30px 0 0',\r\n },\r\n tittleContact: {\r\n fontSize: 18,\r\n fontWeight: 600,\r\n color: 'black',\r\n textTransform: 'none',\r\n margin: 'auto 30px 0 0',\r\n },\r\n orangeSet: {\r\n backgroundColor: '#FE5D00',\r\n height: '7em',\r\n '@media(maxWidth: 780px)': {\r\n marginTop: '3.3rem',\r\n height: '7em',\r\n },\r\n },\r\n paddingRight: {\r\n paddingRight: '10px',\r\n },\r\n caractersSize: {\r\n height: 'fit-content',\r\n marginRight: 0,\r\n marginLeft: 'auto',\r\n },\r\n buttonSave: {\r\n width: '100%',\r\n backgroundColor: '#FE5D00',\r\n padding: '10px 0',\r\n border: 'none',\r\n borderRadius: '8px',\r\n color: 'white',\r\n cursor: 'pointer',\r\n },\r\n iconButton: {\r\n width: '24px',\r\n height: '24px',\r\n borderRadius: '50%',\r\n background: '#e0e0e0',\r\n padding: '16px',\r\n },\r\n iconCont: {\r\n position: 'absolute',\r\n top: 0,\r\n display: 'none',\r\n },\r\n iconDelete: {\r\n position: 'absolute',\r\n top: 0,\r\n right: 0,\r\n display: 'none',\r\n },\r\n documentContainer: {\r\n width: '100%',\r\n display: 'flex',\r\n textAlign: 'center',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n height: '90px ',\r\n },\r\n documentDescription: {\r\n textAlign: 'center',\r\n width: '100%',\r\n margin: 'auto',\r\n },\r\n documentIcon: {\r\n marginTop: '14px',\r\n fontSize: '50px',\r\n }\r\n}));","import Box from '@material-ui/core/Box';\r\nimport Typography from '@material-ui/core/Typography';\r\n\r\nexport function ProfileHeader({ email, classes }) {\r\n return (\r\n \r\n \r\n \r\n {email}\r\n \r\n \r\n \r\n );\r\n}\r\n","import {\r\n Box,\r\n Grid,\r\n Table,\r\n TableBody,\r\n TableCell,\r\n TableContainer,\r\n TableHead,\r\n TableRow,\r\n Typography,\r\n makeStyles,\r\n} from '@material-ui/core';\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n filterDiv: {\r\n width: '70vw',\r\n margin: '16px auto auto auto',\r\n },\r\n tittleContact: {\r\n fontSize: 18,\r\n fontWeight: 600,\r\n color: 'black',\r\n textTransform: 'none',\r\n margin: 'auto 30px 0 0',\r\n },\r\n copyButton: {\r\n width: '20%',\r\n backgroundColor: '#FE5D00',\r\n padding: '10px 0',\r\n border: 'none',\r\n borderRadius: '8px',\r\n color: 'white',\r\n cursor: 'pointer',\r\n },\r\n}));\r\n\r\nexport function ProfileAdditionalData({ additionalData }) {\r\n const classes = useStyles();\r\n\r\n return (\r\n <>\r\n \r\n \r\n \r\n \r\n Dados SFT\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n CNPJ \r\n \r\n Telefone\r\n \r\n \r\n Insc. Estadual\r\n \r\n \r\n Prazo de pagamento\r\n \r\n \r\n Endereço\r\n \r\n \r\n \r\n \r\n {additionalData.map((data) => {\r\n return (\r\n \r\n \r\n {data.CNPJ.replace(\r\n /^(\\d{2})(\\d{3})(\\d{3})(\\d{4})(\\d{2})/,\r\n '$1.$2.$3/$4-$5'\r\n )}\r\n \r\n \r\n {data.TELEFONE}\r\n \r\n \r\n {data.IE}\r\n \r\n \r\n {data.PRAZO_PAGTO}\r\n \r\n \r\n {data.ENDERECO}\r\n \r\n \r\n );\r\n })}\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n );\r\n}\r\n","import api from './api';\r\n\r\nconst route = 'fornecedores/certificados/';\r\n\r\n\r\nexport const CertificateService = {\r\n async all() {\r\n const response = await api.get(route)\r\n return response.data\r\n },\r\n\r\n async getBySupplier(supplier) {\r\n const response = await api.get(`${route}${supplier}`)\r\n return response.data\r\n },\r\n\r\n async add(supplierId, certificateId) {\r\n return await api.post(route, {\r\n supplierId, certificateId\r\n })\r\n },\r\n\r\n async remove(supplier, id) {\r\n return await api.delete(`${route}${supplier}?certificateId=${id}`)\r\n }\r\n}","/* eslint-disable react-hooks/exhaustive-deps */\r\nimport { Box, Checkbox, Grid, Typography, makeStyles } from '@material-ui/core';\r\nimport { useEffect, useState } from 'react';\r\nimport { toast } from 'react-toastify';\r\nimport { CertificateService } from '../../services/certificates';\r\n\r\nconst toastConfig = {\r\n position: 'bottom-right',\r\n hideProgressBar: true,\r\n};\r\n\r\nfunction useCertificates(supplier) {\r\n const [certificates, setCertificates] = useState([]);\r\n\r\n async function getCertificates() {\r\n const all = await CertificateService.all();\r\n const supplierCertificates = await CertificateService.getBySupplier(\r\n supplier\r\n );\r\n\r\n const permissionsWithChecked = all.map((item) => ({\r\n ...item,\r\n checked: supplierCertificates.some(\r\n ({ CERTIFICADO }) => CERTIFICADO === item.ID\r\n ),\r\n }));\r\n\r\n setCertificates(permissionsWithChecked);\r\n }\r\n\r\n useEffect(() => {\r\n getCertificates();\r\n }, []);\r\n\r\n async function handleChangeCheckbox(id) {\r\n const isChecked = certificates.find((p) => p.ID === id).checked;\r\n\r\n if (isChecked) {\r\n await removeCertificate(id);\r\n } else {\r\n await addCertificate(id);\r\n }\r\n\r\n const mappedCertificates = certificates.map((certificate) => ({\r\n ...certificate,\r\n checked:\r\n certificate.ID === id ? !certificate.checked : certificate.checked,\r\n }));\r\n setCertificates(mappedCertificates);\r\n }\r\n\r\n async function addCertificate(certificate) {\r\n try {\r\n await CertificateService.add(supplier, certificate);\r\n toast('Certificado adicionado!', toastConfig);\r\n } catch (e) {\r\n toast('Erro ao adicionar certificado. Tente novamente!', toastConfig);\r\n }\r\n }\r\n\r\n async function removeCertificate(permission) {\r\n try {\r\n await CertificateService.remove(supplier, permission);\r\n toast('Certificado removido!', toastConfig);\r\n } catch (e) {\r\n toast('Erro ao remover certificado. Tente novamente!', toastConfig);\r\n }\r\n }\r\n\r\n return {\r\n certificates,\r\n handleChangeCheckbox,\r\n };\r\n}\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n filterDiv: {\r\n width: '70vw',\r\n margin: '16px auto auto auto',\r\n },\r\n tittleContact: {\r\n fontSize: 18,\r\n fontWeight: 600,\r\n color: 'black',\r\n textTransform: 'none',\r\n margin: 'auto 30px 0 0',\r\n },\r\n copyButton: {\r\n width: '20%',\r\n backgroundColor: '#FE5D00',\r\n padding: '10px 0',\r\n border: 'none',\r\n borderRadius: '8px',\r\n color: 'white',\r\n cursor: 'pointer',\r\n },\r\n checkColor: {\r\n color: `${theme.palette.primary.main}!important`,\r\n },\r\n}));\r\n\r\nexport function Certificates({ supplier, isAdminScreen = false }) {\r\n const classes = useStyles();\r\n const { certificates, handleChangeCheckbox } = useCertificates(supplier);\r\n\r\n return (\r\n <>\r\n \r\n \r\n {!isAdminScreen && (\r\n \r\n \r\n Certificados\r\n \r\n
\r\n )}\r\n \r\n \r\n {certificates.map(({ ID, DESCRICAO, checked }) => {\r\n return (\r\n \r\n handleChangeCheckbox(ID)}\r\n />\r\n \r\n {DESCRICAO}\r\n \r\n \r\n );\r\n })}\r\n \r\n \r\n \r\n \r\n \r\n );\r\n}\r\n","/* eslint-disable eqeqeq */\r\nimport React, { useState, useContext, useEffect } from 'react';\r\nimport { useParams } from 'react-router-dom';\r\n\r\nimport { Alert } from '@material-ui/lab';\r\nimport { DropzoneAreaBase } from 'material-ui-dropzone';\r\nimport { ButtonBase, Grid, useMediaQuery } from '@material-ui/core';\r\nimport Box from '@material-ui/core/Box';\r\nimport Button from '@material-ui/core/Button';\r\nimport CloseIcon from '@material-ui/icons/Close';\r\nimport Container from '@material-ui/core/Container';\r\nimport Typography from '@material-ui/core/Typography';\r\nimport {\r\n InsertDriveFile,\r\n AssignmentTurnedInOutlined,\r\n AssignmentLateOutlined,\r\n ErrorOutline,\r\n RemoveRedEye,\r\n Delete,\r\n} from '@material-ui/icons';\r\n\r\nimport clsx from 'clsx';\r\n\r\nimport {\r\n textsProfilePage,\r\n generalTexts,\r\n textsTextAreaPlaceholder,\r\n textsDropzone,\r\n} from '../../../utils/utils';\r\nimport { validMail } from '../../../utils/functions';\r\n\r\nimport {\r\n InputFormChallenge,\r\n SelectFormChallenge,\r\n} from '../../../components/FormChallenge/style';\r\nimport { InputNewModel, ButtonAddModel } from '../../../components/Model/style';\r\nimport { raiseAlert, raiseSuccess } from '../../../components/Alert';\r\nimport { TextareaAutosizeCustom } from '../../../components/TextareaAutosize/style';\r\n\r\nimport { useLoading } from '../../../providers/LoadingProvider';\r\nimport { UserContext } from '../../../providers/UserProvider';\r\n\r\nimport {\r\n getAllContatos,\r\n addContato,\r\n deleteContato,\r\n} from '../../../services/contatos';\r\nimport {\r\n getFornecedor,\r\n getUsers,\r\n updateSupplier,\r\n} from '../../../services/fornecedores';\r\nimport {\r\n addDocumentSupplier,\r\n deleteDocSupplier,\r\n getDocuments,\r\n getDocumentsSupplier,\r\n getGroups,\r\n getSubgroupDocuments,\r\n uploadFile,\r\n} from '../../../services/subgroup';\r\nimport api from '../../../services/api';\r\nimport { addDays, formatDistanceStrict } from 'date-fns';\r\nimport { ToastContainer } from 'react-toastify';\r\nimport 'react-toastify/dist/ReactToastify.css';\r\nimport { ROLE_TYPE } from '../../../services/permission.service';\r\nimport { TableUsers } from '../../../components/Permission/TableUsers';\r\nimport { useStyles } from './styles';\r\nimport { ProfileHeader } from './components/ProfileHeader';\r\n// import { ProfileForm } from './components/ProfileForm';\r\nimport { ProfileAdditionalData } from './components/ProfileAdditionalData';\r\nimport { Certificates } from '../../../components/Certificate/Certificates';\r\nimport { isBibiUser } from '../../../utils/roles';\r\n\r\nexport default function Profile() {\r\n const [profileName, setProfileName] = useState('');\r\n const [name, setName] = useState('');\r\n const [email, setEmail] = useState('');\r\n const matches = useMediaQuery('(max-width:960px)');\r\n\r\n const [group, setGroup] = useState('');\r\n const [subGroup, setSubGroup] = useState('');\r\n const [bio, setBio] = useState('');\r\n\r\n // Novas variaveis (ou antigos revisadas)\r\n const limitCharsName = 50;\r\n const limitCharsBio = 600;\r\n\r\n const classes = useStyles();\r\n\r\n const [alreadyInitialRequest, setAlreadyInitialRequest] = useState(false);\r\n const [contacts, setContacts] = useState([]);\r\n const [error, setError] = useState('');\r\n const [groups, setGroups] = useState([]);\r\n const [remainCharsBio, setRemainCharsBio] = useState(limitCharsBio);\r\n const [remainCharsName, setRemainCharsName] = useState(limitCharsName);\r\n const [subgroups, setSubgroups] = useState([]);\r\n const [documents, setDocuments] = useState([]);\r\n const [users, setUsers] = useState([]);\r\n\r\n const { userState } = useContext(UserContext);\r\n const { loading, setLoading } = useLoading();\r\n\r\n const [state, setState] = useState();\r\n\r\n const { id } = useParams();\r\n\r\n useEffect(() => {\r\n const initialRequest = async () => {\r\n setLoading(true);\r\n try {\r\n const responseSupplier = await getFornecedor(id ? id : userState?.ID);\r\n const responseGroups = await getGroups();\r\n const responseContacts = await getAllContatos(id ? id : userState?.ID);\r\n\r\n const users = await getUsers(id ? id : userState?.ID);\r\n setUsers(users);\r\n\r\n const supplier = responseSupplier.data[0];\r\n setState(supplier);\r\n const idGroup = supplier.ID_GRUPO;\r\n\r\n setProfileName(supplier.NOME);\r\n setEmail(supplier.EMAIL);\r\n setBio(supplier.BIO);\r\n setGroup(idGroup);\r\n setGroups(responseGroups.data);\r\n setContacts(responseContacts.data);\r\n\r\n setSubgroups(\r\n responseGroups.data.find(({ ID }) => ID == idGroup)?.SUBGRUPOS\r\n );\r\n setSubGroup(supplier.SUB_GRUPO);\r\n\r\n setAlreadyInitialRequest(true);\r\n setLoading(false);\r\n } catch (error) {\r\n setLoading(false);\r\n setAlreadyInitialRequest(true);\r\n }\r\n };\r\n\r\n if (!alreadyInitialRequest) {\r\n initialRequest();\r\n }\r\n }, [id, setLoading, alreadyInitialRequest, userState]);\r\n\r\n useEffect(() => {\r\n async function req() {\r\n if (!subGroup) {\r\n setDocuments([]);\r\n return;\r\n }\r\n const responseDocuments = await getDocumentsSupplier(\r\n id ? id : userState?.ID\r\n );\r\n const documentSubgroup = await getSubgroupDocuments(subGroup);\r\n const docs = await getDocuments();\r\n setDocuments(\r\n documentSubgroup.map((item) => {\r\n const { DESCRICAO } = docs.data.find(\r\n ({ ID }) => ID == item.TIPO_DOCUMENTO\r\n );\r\n let docSupplier;\r\n let distance;\r\n if (Array.isArray(responseDocuments.data)) {\r\n docSupplier = responseDocuments.data.find(\r\n ({ ID_TIPO_DOCUMENTO }) =>\r\n ID_TIPO_DOCUMENTO == item.TIPO_DOCUMENTO\r\n );\r\n if (docSupplier?.DATA_ADICAO) {\r\n distance = formatDistanceStrict(\r\n new Date(),\r\n new Date(docSupplier?.DATA_ADICAO),\r\n {\r\n unit: 'day',\r\n }\r\n ).replace(' days', '');\r\n }\r\n }\r\n\r\n let status = 'faltando';\r\n if (docSupplier?.DATA_ADICAO) {\r\n if (distance && distance > 365) {\r\n status = 'vencido';\r\n } else {\r\n status = 'ok';\r\n }\r\n }\r\n\r\n return {\r\n ...item,\r\n DESCRICAO,\r\n STATUS: status,\r\n VALIDADE: docSupplier?.DATA_ADICAO\r\n ? new Date(\r\n addDays(new Date(docSupplier?.DATA_ADICAO), 365)\r\n ).toLocaleDateString()\r\n : null,\r\n CAMINHO: docSupplier?.CAMINHO ? docSupplier?.CAMINHO : '',\r\n ID: docSupplier?.ID ? docSupplier?.ID : '',\r\n };\r\n })\r\n );\r\n }\r\n\r\n req();\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [subGroup]);\r\n\r\n useEffect(() => {\r\n setSubGroup(null);\r\n }, [group]);\r\n\r\n useEffect(() => {\r\n if (profileName) setRemainCharsName(limitCharsName - profileName.length);\r\n }, [profileName, limitCharsName]);\r\n\r\n useEffect(() => {\r\n if (bio?.length) {\r\n setRemainCharsBio(limitCharsBio - bio.length);\r\n }\r\n }, [bio, limitCharsBio]);\r\n\r\n useEffect(() => {\r\n async function validateEmail() {\r\n if (email.length > 0) {\r\n let check = await validMail(email);\r\n if (check === false) setError(textsProfilePage.validEmail);\r\n else setError('');\r\n } else setError('');\r\n }\r\n validateEmail();\r\n }, [email]); // eslint-disable-line react-hooks/exhaustive-deps\r\n\r\n async function onSave() {\r\n setLoading(true);\r\n try {\r\n await updateSupplier(id ? id : userState?.ID, {\r\n NOME: profileName,\r\n SUB_GRUPO: subGroup,\r\n BIO: bio,\r\n });\r\n setLoading(false);\r\n setTimeout(() => raiseSuccess('Dados atualizados'), 600);\r\n } catch (e) {\r\n setLoading(false);\r\n setTimeout(() => raiseAlert('Erro ao atualizar seus dados'), 600);\r\n }\r\n }\r\n\r\n async function addContact(e) {\r\n e.preventDefault();\r\n\r\n if (error.length > 0) {\r\n raiseAlert(textsProfilePage.validEmail);\r\n return;\r\n }\r\n\r\n if (email.length < 1 || name.length < 1) {\r\n raiseAlert(generalTexts.notEmpty);\r\n return;\r\n }\r\n\r\n try {\r\n const EMAIL = email.toLowerCase();\r\n const NOME = name\r\n .trim()\r\n .toLowerCase()\r\n .replace(/\\w\\S*/g, (w) => w.replace(/^\\w/, (c) => c.toUpperCase()));\r\n await addContato({ FORNECEDOR: id ? id : userState?.ID, EMAIL, NOME });\r\n\r\n setName('');\r\n setEmail('');\r\n setContacts((contacts) => [...contacts, { EMAIL, NOME }]);\r\n } catch ({ error }) {\r\n raiseAlert(error);\r\n }\r\n }\r\n\r\n async function removeContact(id) {\r\n if (!id) {\r\n raiseAlert(\r\n 'Ocorreu um erro ao exluir esse contato. Por favor, recarrege a tela e tente novamente'\r\n );\r\n return;\r\n }\r\n\r\n try {\r\n await deleteContato(id);\r\n setContacts((contacts) => [...contacts.filter(({ ID }) => ID != id)]);\r\n raiseSuccess();\r\n } catch ({ error }) {\r\n raiseAlert(error);\r\n }\r\n }\r\n\r\n async function handleDeleteImage() {\r\n setLoading(true);\r\n setState((s) => ({ ...s, CAMINHO_ARQUIVO: '' }));\r\n await updateSupplier(userState.fornecedor, {\r\n CAMINHO_ARQUIVO: '',\r\n }).finally(() => {\r\n setLoading(false);\r\n });\r\n }\r\n\r\n const handleAddDocument = async (event, typeDocument) => {\r\n const file = event[0].file;\r\n const type = event[0].file.type;\r\n setLoading(true);\r\n\r\n try {\r\n await deleteDocSupplier(typeDocument, id ? id : userState?.ID);\r\n const response = await uploadFile(file);\r\n await addDocumentSupplier(\r\n id ? id : userState?.ID,\r\n typeDocument,\r\n response.data.url,\r\n type\r\n );\r\n setDocuments((documents) =>\r\n documents.map((doc) => {\r\n if (doc.TIPO_DOCUMENTO == typeDocument) {\r\n return {\r\n ...doc,\r\n STATUS: 'ok',\r\n VALIDADE: new Date().toLocaleDateString(),\r\n CAMINHO: response.data.url,\r\n };\r\n }\r\n\r\n return doc;\r\n })\r\n );\r\n setLoading(false);\r\n } catch (e) {\r\n console.log('error', e);\r\n setLoading(false);\r\n }\r\n };\r\n\r\n const handleAddImage = async (newImage) => {\r\n setLoading(true);\r\n const config = { headers: { 'Content-Type': 'multipart/form-data' } };\r\n let img = new FormData();\r\n img.append('file', newImage[0].file);\r\n await api\r\n .post('utils/upload', img, config)\r\n .then(async (response) => {\r\n setState((s) => ({ ...s, CAMINHO_ARQUIVO: response.data.url }));\r\n await updateSupplier(userState.fornecedor, {\r\n CAMINHO_ARQUIVO: response.data.url,\r\n });\r\n return response.data.url || null;\r\n })\r\n .catch((e) => raiseAlert('Erro ao fazer upload. Tente Novamente'))\r\n .finally(() => {\r\n setLoading(false);\r\n });\r\n };\r\n\r\n return (\r\n \r\n \r\n {/* TODO: PASSAR OBJETO supplier */}\r\n \r\n {/* {state?.NOME &&\r\n \r\n \r\n \r\n \r\n \r\n {textsProfilePage.titleName}\r\n \r\n \r\n {remainCharsName}\r\n \r\n \r\n setProfileName(e.target.value)}\r\n />\r\n \r\n \r\n \r\n {textsProfilePage.titleGroup}\r\n \r\n\r\n {\r\n setSubgroups(\r\n groups.find(({ ID }) => ID == e.target.value).SUBGRUPOS\r\n );\r\n setGroup(e.target.value);\r\n }}\r\n displayEmpty\r\n >\r\n Selecione \r\n {groups?.map((model) => (\r\n \r\n {model?.NOME}\r\n \r\n ))}\r\n \r\n \r\n\r\n \r\n \r\n Subgrupo\r\n \r\n\r\n setSubGroup(e.target.value)}\r\n displayEmpty\r\n >\r\n Selecione \r\n {subgroups?.map(({ ID, SUB_GRUPO }) => (\r\n \r\n {SUB_GRUPO}\r\n \r\n ))}\r\n \r\n \r\n\r\n \r\n \r\n \r\n {textsProfilePage.titleBio}\r\n \r\n \r\n {remainCharsBio}\r\n \r\n \r\n setBio(e.target.value)}\r\n />\r\n \r\n\r\n \r\n \r\n \r\n Apresentação\r\n \r\n \r\n \r\n
\r\n {textsDropzone.textBioProfileImage}\r\n \r\n ) : (\r\n \r\n onSave()}>\r\n Salvar\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n Documentos\r\n \r\n \r\n Você deve manter esses documentos atualizados para que possamos\r\n continuar fazendo negócios.\r\n \r\n \r\n {documents.length > 0\r\n ? 'Clique no documento para fazer o upload.'\r\n : 'Selecione um subgrupo para poder adicionar os DOCUMENTOS'}\r\n \r\n\r\n \r\n {documents &&\r\n documents.map((doc, index) => {\r\n return (\r\n \r\n \r\n \r\n {doc.DESCRICAO}\r\n \r\n
\r\n \r\n );\r\n })}\r\n \r\n \r\n \r\n\r\n {userState.tipo == 'FA' && (\r\n \r\n \r\n \r\n {textsProfilePage.contacts}\r\n \r\n {loading ? (\r\n ''\r\n ) : contacts.length > 0 ? (\r\n contacts?.map((item, index) => (\r\n \r\n \r\n {item?.EMAIL || 'teste@teste.com'}\r\n \r\n removeContact(item?.ID)}\r\n className={classes.zIndexFeatured}\r\n />\r\n \r\n ))\r\n ) : (\r\n \r\n \r\n \r\n \r\n {textsProfilePage.noContacts}\r\n \r\n \r\n \r\n \r\n )}\r\n \r\n \r\n \r\n \r\n {textsProfilePage.emailNotify}\r\n \r\n \r\n \r\n \r\n \r\n \r\n );\r\n}\r\n\r\nfunction DropzoneDocument({ doc, handleAddDocument, classes }) {\r\n const { STATUS, CAMINHO, TIPO_DOCUMENTO, VALIDADE } = doc;\r\n const { userState } = useContext(UserContext);\r\n\r\n const titles = {\r\n faltando: 'Faltando',\r\n ok: (\r\n <>\r\n \r\n Valido até:\r\n \r\n \r\n {VALIDADE}\r\n \r\n \r\n ),\r\n vencido: 'Vencido',\r\n };\r\n\r\n const title = titles[STATUS];\r\n\r\n const icons = {\r\n faltando: (\r\n \r\n
\r\n {icon}\r\n \r\n {title}\r\n \r\n \r\n }\r\n showAlerts={false}\r\n filesLimit={1}\r\n maxFileSize={1000000000}\r\n onAdd={(event) => {\r\n handleAddDocument(event, TIPO_DOCUMENTO, doc);\r\n }}\r\n />\r\n\r\n {STATUS == 'vencido' && isBibiUser(userState.tipo) && (\r\n \r\n window.open(`https://cxd.bibi.com.br:3636${path}`)}\r\n >\r\n \r\n );\r\n}\r\n\r\nfunction RemoveFile({ onClick }) {\r\n const classes = useStyles();\r\n return (\r\n \r\n \r\n \r\n \r\n );\r\n}\r\n","import React from 'react';\r\n\r\nimport Box from '@material-ui/core/Box';\r\nimport Button from '@material-ui/core/Button';\r\nimport CloseIcon from '@material-ui/icons/Close';\r\nimport EditIcon from '@material-ui/icons/Edit';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport { Grid } from '@material-ui/core';\r\n\r\nexport default function ListModels({ modelsArray = [], handleSubmitDelete, modalEditChange, editChange }) {\r\n\r\n const useStyles = makeStyles((theme) => ({\r\n\r\n filterDiv: {\r\n width: '70vw',\r\n margin: '16px auto auto auto',\r\n },\r\n buttonRoot: {\r\n '&:hover': {\r\n backgroundColor: theme.palette.primary.main\r\n }\r\n },\r\n button: {\r\n margin: `10px auto`\r\n },\r\n marginRightNone: {\r\n margin: '10px 0 10px auto !important'\r\n },\r\n marginLeftNone: {\r\n margin: '10px auto 10px 0 !important'\r\n },\r\n labelButtonIcon: {\r\n height: '1.25rem',\r\n marginRight: theme.spacing(4),\r\n textTransform: 'none'\r\n }\r\n }));\r\n\r\n const classes = useStyles();\r\n\r\n function handleUpdate(id, name) {\r\n modalEditChange(id, name)\r\n editChange()\r\n }\r\n\r\n return (\r\n \r\n \r\n {modelsArray?.map((model, index) => (\r\n \r\n \r\n {model?.NOME} \r\n handleUpdate(model?.ID, model?.NOME)} className={classes.zIndexFeatured} />\r\n handleSubmitDelete(e, model?.ID)} className={classes.zIndexFeatured} />\r\n \r\n \r\n ))}\r\n \r\n \r\n );\r\n}","/* eslint-disable eqeqeq */\r\nimport React, { useEffect, useState, useContext } from 'react';\r\nimport Box from '@material-ui/core/Box';\r\n\r\nimport CloseIcon from '@material-ui/icons/Close';\r\nimport Typography from '@material-ui/core/Typography';\r\nimport { InputNewModel, ButtonAddModel, TagInput } from './style';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport Container from '@material-ui/core/Container';\r\nimport { getAllModels, createModel, updateModel, deleteModel } from '../../services/models';\r\nimport ListModels from '../ListModels';\r\nimport { generalTexts } from '../../utils/utils';\r\nimport { raiseAlert, raiseSuccess } from '../Alert';\r\nimport { Grid, Input, MenuItem } from '@material-ui/core';\r\nimport { UserContext } from '../../providers/UserProvider';\r\nimport { setAuthToken } from '../../services/token';\r\nimport { addDocument, addSubGroup, getDocuments, getSubgroupDocuments, removeDocument, removeSubGroup, updateSubgroup } from '../../services/subgroup';\r\nimport { ChipFormChallenge, SelectChipFormChallenge } from '../SelectMultipleModel/style';\r\nimport { ToastContainer, toast } from 'react-toastify';\r\n\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n root: {\r\n flexGrow: 1\r\n },\r\n container: {\r\n paddingLeft: 0,\r\n paddingRight: 0,\r\n minHeight: '100%',\r\n backgroundColor: 'white'\r\n },\r\n closeIcon: {\r\n color: '#FE5D00',\r\n margin: 'auto'\r\n },\r\n filterDiv: {\r\n width: '70vw',\r\n margin: '16px auto auto auto',\r\n },\r\n textInfo: {\r\n fontSize: 14,\r\n color: 'black'\r\n },\r\n buttonTransparent: {\r\n border: 'none',\r\n backgroundColor: 'transparent',\r\n\r\n '$:focus': {\r\n outline: 'none'\r\n }\r\n },\r\n button: {\r\n margin: theme.spacing(1),\r\n marginLeft: 0\r\n },\r\n textTransformNone: {\r\n textTransform: 'none'\r\n },\r\n titleFornecedor: {\r\n //textAlign:'center',\r\n fontSize: '1.25rem',\r\n fontWeight: 'bold',\r\n textAlign: 'start'\r\n },\r\n title: {\r\n fontSize: '1.75em',\r\n fontWeight: 600,\r\n color: \"#FFFFFF\",\r\n textTransform: 'uppercase',\r\n letterSpacing: '-1.05px',\r\n margin: 'auto 30px 0 0'\r\n },\r\n subtitle: {\r\n color: \"#FFFFFF\",\r\n fontSize: 16,\r\n margin: 'auto auto 6px 0'\r\n },\r\n mainCards: {\r\n width: '70vw!important',\r\n margin: 'auto!important',\r\n position: 'relative',\r\n },\r\n orangeSet: {\r\n backgroundColor: \"#FE5D00\",\r\n //height:'20vh',\r\n height: '7em',\r\n '@media(maxWidth: 780px)': {\r\n marginTop: '3.3rem'\r\n }\r\n },\r\n closeFornecedor: {\r\n padding: '0px 16px'\r\n }\r\n}));\r\n\r\n\r\n\r\nexport default function Model({ urlModel = '', nomeModel = '', descricaoModel = '', isGroup = false }) {\r\n const classes = useStyles();\r\n const { setUserState } = useContext(UserContext);\r\n const [nome, setNome] = useState('');\r\n const [models, setModels] = useState([]);\r\n const [edit, setEdit] = useState(false);\r\n const [modalEdit, setModalEdit] = useState({});\r\n const [requesting, setRequesting] = useState(false)\r\n const [subGroupEdit, setSubGroupEdit] = useState([]);\r\n const [subGroupResponsavel, setSubGroupResponsavel] = useState('');\r\n const [grupoid, setGrupoId] = useState(null);\r\n const [selectedSubGroup, setSelectedSubGroup] = useState(null)\r\n const [subg, setSubg] = useState([]);\r\n const [documents, setDocuments] = useState([]);\r\n const [docsSelecteds, setDocsSelecteds] = useState([]);\r\n const [docsSelectedsComplete, setDocsSelectedsComplete] = useState([]);\r\n\r\n useEffect(() => {\r\n\r\n }, [])\r\n\r\n useEffect(() => {\r\n if (urlModel !== \"grupos\") return;\r\n let group = (models.find(item => item?.NOME === modalEdit?.name))\r\n\r\n if (group) {\r\n const subgrupos = group.SUBGRUPOS.map(({ SUB_GRUPO }) => SUB_GRUPO);\r\n setSubGroupEdit(subgrupos)\r\n setSubg(group.SUBGRUPOS)\r\n setGrupoId(group.ID)\r\n setSelectedSubGroup(null)\r\n setSubGroupResponsavel('')\r\n }\r\n }, [modalEdit])// eslint-disable-line react-hooks/exhaustive-deps\r\n\r\n\r\n useEffect(() => {\r\n setTimeout(() => {\r\n [...document.querySelectorAll('.rti--tag')].forEach(node => {\r\n if (node.getAttribute('data-has-click') != 'true') {\r\n node.setAttribute('data-has-click', true)\r\n node.addEventListener('click', async (e) => {\r\n if (e.target.tagName == 'SPAN') {\r\n let name = ''\r\n if (e.target.childNodes[0].innerText) {\r\n name = e.target.childNodes[0].innerText\r\n } else {\r\n name = e.target.innerText\r\n }\r\n const sub = subg.find(({ SUB_GRUPO }) => SUB_GRUPO == name)\r\n setSelectedSubGroup(sub)\r\n setSubGroupResponsavel(sub.EMAIL_RESPONSAVEL)\r\n const data = await getSubgroupDocuments(sub.ID);\r\n\r\n if (!Array.isArray(data)) return;\r\n\r\n setDocsSelectedsComplete(data.map((item) => {\r\n if (documents.find(({ ID }) => ID == item.TIPO_DOCUMENTO)) {\r\n const doc = documents.find(({ ID }) => ID == item.TIPO_DOCUMENTO);\r\n return {\r\n ...item,\r\n DESCRICAO: doc.DESCRICAO\r\n }\r\n }\r\n return null;\r\n }))\r\n setDocsSelecteds(data.map(({ TIPO_DOCUMENTO }) => documents.find(({ ID }) => ID == TIPO_DOCUMENTO).DESCRICAO))\r\n }\r\n })\r\n }\r\n })\r\n }, 500)\r\n }, [subGroupEdit, subg, documents])\r\n\r\n useEffect(() => {\r\n if (!edit) return;\r\n setModalEdit({ ...modalEdit, name: nome })\r\n }, [nome])// eslint-disable-line react-hooks/exhaustive-deps\r\n\r\n\r\n useEffect(() => {\r\n setRequesting(true)\r\n async function getList() {\r\n await getListModels();\r\n const data = await getDocuments()\r\n setDocuments(data.data)\r\n }\r\n getList()\r\n }, [])// eslint-disable-line react-hooks/exhaustive-deps\r\n\r\n const editChange = () => {\r\n setEdit(!edit)\r\n }\r\n\r\n const modalEditChange = (id, name) => {\r\n const modalEditing = {\r\n id,\r\n name,\r\n\r\n }\r\n\r\n setModalEdit(modalEditing)\r\n }\r\n\r\n async function getListModels() {\r\n await getAllModels(urlModel).then((response) => {\r\n if (response.status === 200) {\r\n setModels(response.data);\r\n setRequesting(false)\r\n setNome('')\r\n } else {\r\n\r\n if (response.error && response.error.includes('acesso expirou')) {\r\n setAuthToken(null)\r\n setUserState({ sessionToken: null })\r\n\r\n }\r\n raiseAlert(response.error)\r\n setRequesting(false)\r\n }\r\n }).catch(async err => {\r\n raiseAlert(err.error)\r\n setRequesting(false)\r\n });\r\n }\r\n\r\n const handleSubmitDelete = async (e, id) => {\r\n e.preventDefault();\r\n\r\n const params = {\r\n params: {\r\n ID: id\r\n }\r\n }\r\n\r\n await deleteModel(urlModel, params).then(async resp => {\r\n if (resp.status === 200) {\r\n await getListModels();\r\n raiseSuccess();\r\n } else {\r\n raiseAlert(resp.error)\r\n }\r\n\r\n })\r\n }\r\n\r\n const handleSubmitUpdate = async (e, id) => {\r\n e.preventDefault();\r\n if (modalEdit?.name.length < 1 || !modalEdit?.id) { raiseAlert(generalTexts.notEmpty); return; }\r\n else {\r\n let data = {}\r\n if (urlModel === \"grupos\") {\r\n data = {\r\n NOME: modalEdit?.name\r\n }\r\n } else {\r\n data = {\r\n NOME: modalEdit?.name\r\n }\r\n }\r\n const params = {\r\n params: {\r\n ID: modalEdit?.id || id\r\n }\r\n }\r\n\r\n await updateModel(urlModel, params, data).then(async (resp) => {\r\n if (resp.status === 200) {\r\n await getListModels();\r\n editChange();\r\n raiseSuccess();\r\n } else {\r\n raiseAlert(resp.error)\r\n }\r\n\r\n }).catch(err => {\r\n raiseAlert(err.error)\r\n })\r\n }\r\n }\r\n\r\n const handleSubmit = async e => {\r\n e.preventDefault();\r\n if (nome.length < 1) { raiseAlert(generalTexts.notEmpty); return; }\r\n else {\r\n const data = {\r\n NOME: nome\r\n }\r\n\r\n await createModel(urlModel, data).then(async (resp) => {\r\n if (resp.status === 200) {\r\n await getListModels();\r\n raiseSuccess();\r\n } else {\r\n raiseAlert(resp.error)\r\n }\r\n }).catch(err => {\r\n raiseAlert(err.error)\r\n\r\n })\r\n }\r\n }\r\n\r\n const onAddSubGroup = async (subgroupList) => {\r\n // setSubGroupEdit(subgroupList)\r\n if (JSON.stringify(subgroupList) == JSON.stringify(subGroupEdit) || subgroupList.length < subGroupEdit.length) {\r\n setSubGroupEdit(subgroupList)\r\n return;\r\n }\r\n\r\n const subgroup = subgroupList[subgroupList.length - 1]\r\n setSubGroupEdit(subgroupList)\r\n const { data } = await addSubGroup({\r\n GRUPO: grupoid,\r\n SUB_GRUPO: subgroup\r\n })\r\n\r\n const modelActual = models.find(item => item?.ID == grupoid);\r\n modelActual.SUBGRUPOS = [...modelActual.SUBGRUPOS, {\r\n ID: +data.id,\r\n SUB_GRUPO: subgroup,\r\n GRUPO: grupoid\r\n }]\r\n\r\n setModels([...models.filter(({ ID }) => ID != grupoid), modelActual])\r\n\r\n }\r\n\r\n const onRemoveSubGroup = async (subgroup) => {\r\n const group = models.find(item => item?.ID == grupoid);\r\n const id = group.SUBGRUPOS.find(({ SUB_GRUPO }) => SUB_GRUPO == subgroup).ID\r\n await removeSubGroup(id)\r\n }\r\n\r\n const handleVerifyModel = modelSelect => {\r\n if (modelSelect === undefined) {\r\n return false;\r\n }\r\n return true;\r\n }\r\n\r\n const handleChange = async (event) => {\r\n const itens = (event.target.value)?.filter(value => (typeof value !== \"undefined\")).map(item => item)\r\n if (itens.length > docsSelecteds.length) {\r\n await addDocument(selectedSubGroup?.ID, documents.find(({ DESCRICAO }) => DESCRICAO == itens[itens.length - 1])?.ID)\r\n }\r\n\r\n if (itens.length < docsSelecteds.length) {\r\n\r\n const docRemoved = docsSelecteds.find(item => !itens.includes(item));\r\n const idDocRemoved = docsSelectedsComplete.find(item => item.DESCRICAO == docRemoved)?.ID\r\n\r\n await removeDocument(idDocRemoved)\r\n }\r\n\r\n setDocsSelecteds([...itens])\r\n }\r\n\r\n async function updateEmailResponsavel(e) {\r\n e.preventDefault()\r\n try {\r\n await updateSubgroup(selectedSubGroup.ID, { EMAIL_RESPONSAVEL: subGroupResponsavel })\r\n toast('E-mail do responsável alterado!', {\r\n position: 'bottom-right',\r\n hideProgressBar: true,\r\n });\r\n } catch (e) {\r\n toast('Erro ao alterar o E-mail do responsável.', {\r\n position: 'bottom-right',\r\n hideProgressBar: true,\r\n });\r\n }\r\n }\r\n\r\n return (\r\n \r\n
\r\n
\r\n \r\n \r\n \r\n {nomeModel}\r\n \r\n \r\n {descricaoModel}\r\n \r\n \r\n \r\n\r\n \r\n {requesting ? ('') : (\r\n models?.length > 0 ? (\r\n \r\n \r\n \r\n \r\n {generalTexts.noItems}\r\n \r\n \r\n \r\n \r\n )\r\n )\r\n }\r\n\r\n \r\n {edit ?\r\n \r\n :\r\n \r\n }\r\n\r\n {(isGroup && edit) && (\r\n <>\r\n {/* */}\r\n\r\n \r\n \r\n \r\n \r\n SUBGRUPOS\r\n \r\n \r\n \r\n onAddSubGroup(e)}\r\n onRemoved={(e) => onRemoveSubGroup(e)}\r\n separators={[\"Enter\", \",\"]}\r\n name=\"subgrupos\"\r\n placeHolder=\"Adicione Subgrupos\"\r\n />\r\n \r\n \r\n \r\n {selectedSubGroup && (\r\n <>\r\n \r\n \r\n \r\n \r\n \r\n Documentos do {selectedSubGroup.SUB_GRUPO}\r\n \r\n \r\n \r\n handleChange(e)}\r\n input={\r\n {selected.map((value, key) => (\r\n
\r\n : ''\r\n )}\r\n >\r\n {documents.map(model => (\r\n \r\n {model?.DESCRICAO}\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\n {fornecedores[0]}\r\n \r\n \r\n setOpenDialog(true)}>\r\n \r\n {({ countUpRef }) => (\r\n \r\n
\r\n )}\r\n \r\n \r\n \r\n \r\n );\r\n}","/* eslint-disable react-hooks/exhaustive-deps */\r\nimport React, { createRef } from 'react';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport Typography from '@material-ui/core/Typography';\r\nimport Card from '@material-ui/core/Card';\r\nimport CardContent from '@material-ui/core/CardContent';\r\nimport { Box, Grid } from '@material-ui/core';\r\n// import { Pie } from 'react-chartjs-2';\r\nimport { Bar } from 'react-chartjs-2';\r\n\r\nexport default function SupplierByGroup({ respData }) {\r\n const useStyles = makeStyles((theme) => ({\r\n root: {\r\n textAlign: 'center',\r\n width: 'auto',\r\n minWidth: 'fit-content',\r\n padding: '14px 22px',\r\n '&:hover': {\r\n cursor: 'pointer',\r\n boxShadow: '0px 0px 5px #FE5D00',\r\n },\r\n },\r\n image: {\r\n height: 150,\r\n width: 150,\r\n borderRadius: 5,\r\n marginBottom: 8,\r\n objectFit: 'cover',\r\n },\r\n title: {\r\n color: '#000000',\r\n fontSize: '1.25rem',\r\n fontWeight: 'bold',\r\n textAlign: 'start',\r\n },\r\n media: {\r\n height: 140,\r\n display: 'flex',\r\n },\r\n expand: {\r\n margin: '0 0 0 auto',\r\n },\r\n category: {\r\n marginBottom: 0,\r\n marginTop: 'auto',\r\n backgroundColor: theme.palette.primary.main,\r\n },\r\n categoryTag: {\r\n color: theme.palette.secondary.main,\r\n padding: theme.spacing(2 / 3, 1),\r\n textTransform: 'uppercase',\r\n fontSize: 12,\r\n fontWeight: 600,\r\n },\r\n collapseText: {\r\n color: '#6C6C6C',\r\n fontSize: 14,\r\n fontWeight: 500,\r\n //lineHeight: '1.8em',\r\n textAlign: 'start',\r\n },\r\n textLegend: { color: '#000000', textDecoration: 'none' },\r\n cardPadding: { padding: 0, '&:last-child': { padding: 0 } },\r\n crossed: {\r\n textDecoration: 'line-through',\r\n },\r\n }));\r\n\r\n const classes = useStyles();\r\n const cardRef = createRef();\r\n\r\n const options = {\r\n responsive: true,\r\n maintainAspectRatio: false,\r\n plugins: {\r\n legend: {\r\n display: false,\r\n },\r\n title: {\r\n display: false,\r\n },\r\n },\r\n };\r\n\r\n const byGroup = respData.sort((a, b) => b.FORNECEDORES - a.FORNECEDORES);\r\n const data = {\r\n labels: byGroup.map(({ CATEGORIA }) => CATEGORIA),\r\n datasets: [\r\n {\r\n label: '',\r\n data: byGroup.map(({ FORNECEDORES }) => FORNECEDORES),\r\n backgroundColor: '#FE5D00',\r\n },\r\n ],\r\n };\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n Fornecedores por grupo\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","import React, { createRef, useState } from 'react';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport Typography from '@material-ui/core/Typography';\r\nimport Card from '@material-ui/core/Card';\r\nimport CardContent from '@material-ui/core/CardContent';\r\nimport { Box } from '@material-ui/core';\r\n\r\nimport { Line } from 'react-chartjs-2';\r\nimport styled from 'styled-components';\r\nimport InfoOutlinedIcon from '@material-ui/icons/InfoOutlined';\r\nimport InfoModal from '../InfoModal';\r\n\r\nexport default function StockGraph({ stock }) {\r\n const [open, setOpen] = useState(false);\r\n const useStyles = makeStyles((theme) => ({\r\n root: {\r\n textAlign: 'center',\r\n width: 'auto',\r\n minWidth: 'fit-content',\r\n padding: '14px 22px',\r\n '&:hover': {\r\n cursor: 'pointer',\r\n boxShadow: '0px 0px 5px #FE5D00',\r\n },\r\n },\r\n countUp: {\r\n fontSize: '48px',\r\n },\r\n title: {\r\n color: '#000000',\r\n fontSize: '1.25rem',\r\n fontWeight: 'bold',\r\n textAlign: 'start',\r\n marginRight: '1rem',\r\n },\r\n media: {\r\n height: 140,\r\n display: 'flex',\r\n },\r\n expand: {\r\n margin: '0 0 0 auto',\r\n },\r\n category: {\r\n marginBottom: 0,\r\n marginTop: 'auto',\r\n backgroundColor: theme.palette.primary.main,\r\n },\r\n categoryTag: {\r\n color: theme.palette.secondary.main,\r\n padding: theme.spacing(2 / 3, 1),\r\n textTransform: 'uppercase',\r\n fontSize: 12,\r\n fontWeight: 600,\r\n },\r\n collapseText: {\r\n color: '#6C6C6C',\r\n fontSize: 14,\r\n fontWeight: 500,\r\n textAlign: 'start',\r\n },\r\n cardPadding: { padding: 0, '&:last-child': { padding: 0 } },\r\n }));\r\n\r\n const classes = useStyles();\r\n const cardRef = createRef();\r\n\r\n function handleSelect() {}\r\n\r\n const options = {\r\n responsive: true,\r\n maintainAspectRatio: false,\r\n plugins: {\r\n legend: {\r\n display: false,\r\n // position: 'top',\r\n },\r\n },\r\n };\r\n\r\n const labels = [\r\n 'Jan/2024',\r\n 'Fev/2024',\r\n 'Mar/2024',\r\n 'Abr/2024',\r\n 'Mai/2024',\r\n 'Jun/2024',\r\n 'Jul/2024',\r\n 'Ago/2024',\r\n 'Set/2024',\r\n 'Out/2024',\r\n 'Nov/2024',\r\n 'Dez/2024',\r\n ];\r\n\r\n const data = {\r\n labels,\r\n datasets: [\r\n {\r\n label: 'Estoque',\r\n data: stock\r\n .map((item) => item.VALOR_ESTOQUE)\r\n .filter((item) => item > 0),\r\n borderColor: '#22A7F0',\r\n backgroundColor: '#22A7F0',\r\n },\r\n {\r\n label: 'Meta Estoque',\r\n data: stock.map((item) => item.META_ESTOQUE).filter((item) => item > 0),\r\n borderColor: '#FE5D00',\r\n backgroundColor: '#FE5D00',\r\n },\r\n {\r\n label: 'Dormente',\r\n data: stock\r\n .map((item) => item.VALOR_DORMENTE)\r\n .filter((item) => item > 0),\r\n borderColor: '#FFCC2F',\r\n backgroundColor: '#FFCC2F',\r\n },\r\n {\r\n label: 'Meta Dormente',\r\n data: stock\r\n .map((item) => item.META_DORMENTE)\r\n .filter((item) => item > 0),\r\n borderColor: '#06C8A9',\r\n backgroundColor: '#06C8A9',\r\n },\r\n ],\r\n };\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n Estoque de matéria prima\r\n \r\n setOpen(true)}\r\n />\r\n \r\n \r\n \r\n
\r\n \r\n \r\n handleSelect()}>\r\n \r\n Estoque \r\n \r\n handleSelect()}>\r\n \r\n Meta Estoque \r\n \r\n handleSelect()}>\r\n \r\n Dormente \r\n \r\n handleSelect()}>\r\n \r\n Meta Dormente \r\n \r\n \r\n \r\n setOpen(false)} type=\"stock\" />\r\n \r\n );\r\n}\r\n\r\nconst LegendContainer = styled.div`\r\n display: flex;\r\n justify-content: center;\r\n margin-top: 1rem;\r\n gap: 2rem;\r\n`;\r\n\r\nconst LegendItem = styled.div`\r\n display: flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n .square {\r\n height: 3px;\r\n width: 70px;\r\n background: ${(props) => props.color};\r\n position: relative;\r\n\r\n > div {\r\n position: absolute;\r\n height: 8px;\r\n width: 8px;\r\n border-radius: 50%;\r\n background: ${(props) => props.color};\r\n top: 50%;\r\n left: 50%;\r\n\r\n transform: translate(-50%, -50%);\r\n }\r\n }\r\n\r\n span {\r\n font-size: 12px;\r\n font-weight: 400;\r\n line-height: 16.37px;\r\n }\r\n`;\r\n","import styled from 'styled-components';\r\n\r\nconst Container = styled.button`\r\n background: #ec660c;\r\n font-weight: 600;\r\n font-family: 'Nunito';\r\n line-height: 21.82px;\r\n font-size: 16px;\r\n padding: 6px 16px;\r\n border-radius: 5px;\r\n border: none;\r\n color: #fff;\r\n`;\r\n\r\nexport function Button({ title, children, ...props }) {\r\n return {title ? title : children} ;\r\n}\r\n","import styled from 'styled-components';\r\nimport {\r\n Dialog,\r\n Table,\r\n TableBody,\r\n TableCell,\r\n TableContainer,\r\n TableHead,\r\n TableRow,\r\n} from '@material-ui/core';\r\nimport { Fragment } from 'react';\r\n\r\nconst Title = styled.h3`\r\n color: #000;\r\n font-family: Nunito;\r\n font-size: 20px;\r\n font-style: normal;\r\n font-weight: 700;\r\n line-height: normal;\r\n padding: 0;\r\n`;\r\n\r\nexport const TableTitle = Title;\r\n\r\nexport function DetailModal({ open, onClose, budgets }) {\r\n const groups = [...new Set([...budgets.map(({ GRUPO }) => GRUPO)])];\r\n\r\n const monthsNumber = [...new Set([...budgets.map(({ MES }) => MES)])];\r\n const formatter = new Intl.DateTimeFormat('pt-BR', {\r\n month: 'long',\r\n });\r\n\r\n const months = monthsNumber.map((m) => {\r\n const date = new Date();\r\n date.setMonth(m - 1);\r\n return formatter.format(date);\r\n });\r\n\r\n return (\r\n onClose()}\r\n aria-labelledby=\"max-onClose-dialog-title\"\r\n style={{ padding: 0 }}\r\n >\r\n \r\n
Orçamento compras - grupo Bibi \r\n\r\n
\r\n \r\n \r\n \r\n \r\n AGRUPAMENTO\r\n \r\n {months.map((month) => (\r\n \r\n {month}{' '}\r\n \r\n ))}\r\n \r\n Total\r\n \r\n \r\n\r\n \r\n {months.map((month) => (\r\n \r\n \r\n Meta\r\n \r\n \r\n Realizado\r\n \r\n \r\n ))}\r\n \r\n Realizado\r\n \r\n \r\n \r\n\r\n \r\n {groups.map((item) => (\r\n \r\n \r\n {item}\r\n \r\n {monthsNumber.map((m) => {\r\n return (\r\n \r\n \r\n {budgets\r\n .find((b) => b.MES === m && b.GRUPO === item)\r\n ?.META.toReal()}\r\n \r\n \r\n {budgets\r\n .find((b) => b.MES === m && b.GRUPO === item)\r\n ?.VALOR_TOTAL.toReal()}\r\n \r\n \r\n );\r\n })}\r\n \r\n {budgets\r\n .filter((b) => b.GRUPO === item)\r\n .map(({ VALOR_TOTAL }) => VALOR_TOTAL)\r\n .reduce((prev, next) => prev + next, 0)\r\n .toReal()}\r\n \r\n \r\n ))}\r\n \r\n\r\n \r\n \r\n TOTAL\r\n \r\n {monthsNumber.map((m) => (\r\n \r\n \r\n {budgets\r\n .filter((i) => i.MES === m)\r\n .map(({ META }) => META)\r\n .reduce((prev, next) => prev + next, 0)\r\n ?.toReal()}\r\n \r\n \r\n {budgets\r\n .filter((i) => i.MES === m)\r\n .map(({ VALOR_TOTAL }) => VALOR_TOTAL)\r\n .reduce((prev, next) => prev + next, 0)\r\n ?.toReal()}\r\n \r\n \r\n ))}\r\n \r\n {budgets\r\n .map(({ VALOR_TOTAL }) => VALOR_TOTAL)\r\n .reduce((prev, next) => prev + next, 0)\r\n .toReal()}\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n Compras e prazo de pagamento\r\n \r\n setOpen(true)}\r\n />\r\n \r\n\r\n setOpenDetail(true)} />\r\n \r\n {budget.length > 0 && (\r\n \r\n \r\n \r\n \r\n \r\n \r\n Agrupamento\r\n \r\n \r\n Prazo médio\r\n \r\n Meta \r\n \r\n Vlr Total\r\n \r\n % \r\n \r\n \r\n \r\n {budget?.map((row) => (\r\n \r\n \r\n {row.GRUPO}\r\n \r\n \r\n {row.PRAZO_MEDIO}\r\n \r\n \r\n {row.META.toReal()}\r\n \r\n \r\n {row.VALOR_TOTAL.toReal()}\r\n \r\n \r\n {((row.VALOR_TOTAL * 100) / lastRowData.total).toFixed(\r\n 2\r\n )}\r\n %\r\n \r\n \r\n ))}\r\n \r\n \r\n \r\n \r\n Total Geral\r\n \r\n \r\n {lastRowData.prazoMedio}\r\n \r\n \r\n {lastRowData.meta.toReal()}\r\n \r\n \r\n {lastRowData.total.toReal()}\r\n \r\n 100% \r\n \r\n \r\n
\r\n \r\n \r\n )}\r\n \r\n setOpen(false)} type=\"budget\" />\r\n setOpenDetail(false)}\r\n budgets={yearBudget}\r\n />\r\n \r\n );\r\n}\r\n\r\n// eslint-disable-next-line no-extend-native\r\nNumber.prototype.toReal = function () {\r\n return this.toLocaleString('pt-BR', { style: 'currency', currency: 'BRL' });\r\n};\r\n","import React, { useRef, useState } from 'react';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport Typography from '@material-ui/core/Typography';\r\nimport Card from '@material-ui/core/Card';\r\nimport CardContent from '@material-ui/core/CardContent';\r\nimport {\r\n Box,\r\n Dialog,\r\n Table,\r\n TableCell,\r\n TableContainer,\r\n TableRow,\r\n} from '@material-ui/core';\r\n\r\nimport DialogFornecedores from '../ModalFornecedores';\r\nimport { Bar, getElementAtEvent } from 'react-chartjs-2';\r\nimport { TableTitle } from '../BudgetTable/DetailModal';\r\nimport styled from 'styled-components';\r\n\r\nexport default function ApprovedSuppliers({\r\n percent,\r\n homologados,\r\n naoHomologados,\r\n suppliers,\r\n}) {\r\n const [open, setOpen] = useState(false);\r\n const useStyles = makeStyles((theme) => ({\r\n root: {\r\n textAlign: 'center',\r\n // width: 'auto',\r\n // minWidth: 'fit-content',\r\n padding: '14px 22px',\r\n '&:hover': {\r\n cursor: 'pointer',\r\n boxShadow: '0px 0px 5px #FE5D00',\r\n },\r\n },\r\n countUp: {\r\n fontSize: '48px',\r\n },\r\n title: {\r\n color: '#000000',\r\n fontSize: '1.25rem',\r\n fontWeight: 'bold',\r\n textAlign: 'start',\r\n },\r\n media: {\r\n height: 140,\r\n display: 'flex',\r\n },\r\n expand: {\r\n margin: '0 0 0 auto',\r\n },\r\n category: {\r\n marginBottom: 0,\r\n marginTop: 'auto',\r\n backgroundColor: theme.palette.primary.main,\r\n },\r\n categoryTag: {\r\n color: theme.palette.secondary.main,\r\n padding: theme.spacing(2 / 3, 1),\r\n textTransform: 'uppercase',\r\n fontSize: 12,\r\n fontWeight: 600,\r\n },\r\n collapseText: {\r\n color: '#6C6C6C',\r\n fontSize: 14,\r\n fontWeight: 500,\r\n textAlign: 'start',\r\n },\r\n cardPadding: { padding: 0, '&:last-child': { padding: 0 } },\r\n }));\r\n\r\n const classes = useStyles();\r\n const chartRef = useRef();\r\n const [selecteds, setSelecteds] = useState([]);\r\n const [tipo, setTipo] = useState('');\r\n\r\n const [openDialog, setOpenDialog] = useState(false);\r\n const options = {\r\n maintainAspectRatio: false,\r\n indexAxis: 'y',\r\n responsive: true,\r\n plugins: {\r\n legend: {\r\n display: false,\r\n },\r\n title: {\r\n display: false,\r\n },\r\n },\r\n };\r\n\r\n const data = {\r\n labels: ['Homologados', 'Não homoloagados'],\r\n datasets: [\r\n {\r\n label: '',\r\n data: [homologados, naoHomologados],\r\n borderColor: ['#FF5E00', '#22A7F0'],\r\n backgroundColor: ['#FF5E00', '#22A7F0'],\r\n },\r\n ],\r\n };\r\n\r\n function handleClick(event) {\r\n const graph = getElementAtEvent(chartRef.current, event)[0];\r\n if (!graph) return;\r\n\r\n const index = graph?.index;\r\n let filtereds = [];\r\n if (index === 0) {\r\n filtereds = suppliers.filter(\r\n ({ HOMOLOGADO }) => HOMOLOGADO === '1' || HOMOLOGADO === 1\r\n );\r\n setTipo('Fornecedores Homologados')\r\n } else {\r\n filtereds = suppliers.filter(\r\n ({ HOMOLOGADO }) => HOMOLOGADO === '0' || HOMOLOGADO === 0\r\n );\r\n setTipo('Fornecedores Não Homologados')\r\n }\r\n\r\n const rows = [];\r\n let cols = [];\r\n for (let i = 0; i < filtereds.length; i++) {\r\n cols.push(filtereds[i].NOME);\r\n if ((i + 1) % 5 === 0) {\r\n rows.push(cols);\r\n cols = [];\r\n }\r\n }\r\n if (cols && cols.length > 0) {\r\n rows.push(cols);\r\n }\r\n\r\n setSelecteds(rows);\r\n setOpen(true)\r\n }\r\n return (\r\n \r\n \r\n \r\n \r\n Fornecedores homologados\r\n \r\n \r\n \r\n \r\n
\r\n {percent}%\r\n \r\n
\r\n
\r\n
\r\n \r\n\r\n setOpen(false)}\r\n aria-labelledby=\"max-onClose-dialog-title\"\r\n style={{ padding: 0 }}\r\n >\r\n \r\n
{tipo} \r\n
\r\n \r\n {selecteds.map((row) => (\r\n \r\n {row[0]} \r\n {row[1]} \r\n {row[2]} \r\n {row[3]} \r\n {row[4]} \r\n \r\n ))}\r\n
\r\n \r\n
\r\n );\r\n}\r\n\r\nexport const TableContainerCustom = styled(TableContainer)`\r\n margin-top: 2rem;\r\n\r\n > table {\r\n display: table;\r\n }\r\n\r\n td {\r\n overflow: hidden !important;\r\n text-overflow: ellipsis !important;\r\n white-space: nowrap !important;\r\n }\r\n`;","import React, { useState, useEffect, useContext } from 'react';\r\nimport Box from '@material-ui/core/Box';\r\nimport Typography from '@material-ui/core/Typography';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport Container from '@material-ui/core/Container';\r\nimport { textsMainPage } from '../../../utils/utils';\r\nimport CardCountUp from '../../../components/CardCountUp';\r\nimport { raiseAlert } from '../../../components/Alert';\r\nimport { UserContext } from '../../../providers/UserProvider';\r\nimport clsx from 'clsx';\r\nimport { Grid } from '@material-ui/core';\r\nimport { getSupplierData } from '../../../services/home';\r\nimport { setAuthToken } from '../../../services/token';\r\nimport { isBibiUser } from '../../../utils/roles';\r\nimport SupplierByGroup from '../../../components/SupplierByGroup';\r\nimport StockGraph from '../../../components/StockGraph';\r\nimport api from '../../../services/api';\r\nimport BudgetTable from '../../../components/BudgetTable';\r\nimport ApprovedSuppliers from '../../../components/ApprovedSuppliers';\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n root: {\r\n flexGrow: 1,\r\n maxWidth: 'inherit'\r\n },\r\n container: {\r\n paddingLeft: 0,\r\n paddingRight: 0,\r\n justifyContent: 'center'\r\n },\r\n finished: {\r\n border: '1px solid #FFFFFF',\r\n backgroundColor: theme.palette.primary.main,\r\n '&:hover': {\r\n backgroundColor: theme.palette.primary.main\r\n }\r\n },\r\n finishedText: {\r\n textTransform: 'capitalize',\r\n color: theme.palette.secondary.main\r\n },\r\n selected: {\r\n backgroundColor: theme.palette.secondary.main,\r\n '&:hover': {\r\n backgroundColor: theme.palette.secondary.main\r\n }\r\n },\r\n selectedText: {\r\n textTransform: 'capitalize',\r\n color: theme.palette.default.main\r\n },\r\n title: {\r\n fontSize: 36,\r\n color: \"#FFFFFF\",\r\n textTransform: 'uppercase',\r\n letterSpacing: '-2.05px',\r\n },\r\n subtitle: {\r\n alignItems: \"baseline\",\r\n color: \"#FFFFFF\"\r\n },\r\n form: {\r\n\r\n width: '100%', // Fix IE 11 issue.\r\n marginTop: theme.spacing(3),\r\n },\r\n fakeLink: {\r\n backgroundColor: 'unset',\r\n '&:hover': {\r\n backgroundColor: 'unset',\r\n textDecoration: 'underline',\r\n }\r\n },\r\n textAdapt: {\r\n color: \"#FE5D00\",\r\n textTransform: 'none',\r\n backgroundColor: 'transparent!important',\r\n padding: theme.spacing(1 / 2),\r\n\r\n\r\n },\r\n orangeSet: {\r\n backgroundColor: \"#FE5D00\",\r\n padding: '0rem 0rem 5rem 0rem'\r\n\r\n },\r\n whiteSet: {\r\n backgroundColor: \"#FFFFFF\",\r\n height: 0,\r\n\r\n },\r\n mainCards: {\r\n position: 'relative',\r\n zIndex: 50,\r\n top: '-5rem'\r\n }\r\n\r\n}));\r\n\r\nexport default function Home() {\r\n const classes = useStyles();\r\n const [loadSuppliers, setLoadSuppliers] = useState(0)\r\n const [byGroups, setByGroups] = useState([])\r\n const { userState, setUserState } = useContext(UserContext);\r\n const [stock, setStock] = useState([])\r\n const [budget, setBudget] = useState([])\r\n const [supplierInfo, setSupplierInfo] = useState({})\r\n\r\n\r\n useEffect(() => {\r\n api.get('fornecedores/estoque').then(e => {\r\n setStock(e.data)\r\n })\r\n const date = new Date()\r\n const month = date.getMonth() + 1;\r\n const year = date.getFullYear()\r\n api.get(`fornecedores/orcamento?month=${month}&year=${year}`).then(e => {\r\n setBudget(e.data)\r\n })\r\n api.get(`fornecedores`).then(e => {\r\n let suppliers = e.data.map(({ HOMOLOGADO }) => HOMOLOGADO);\r\n const homologados = suppliers.filter(item => item === \"1\" || item === 1).length\r\n const naoHomologados = suppliers.filter(item => item === \"0\" || item === 0).length\r\n const percent = Math.round((homologados * 100) / suppliers.length)\r\n setSupplierInfo({\r\n suppliers: e.data,\r\n percent, homologados,\r\n naoHomologados\r\n })\r\n })\r\n async function loadSupplier() {\r\n await getSupplierData().then(async resp => {\r\n if (resp?.status === 200) {\r\n setLoadSuppliers(resp?.data?.FORNECEDORES)\r\n setByGroups(resp?.data?.CATEGORIAS)\r\n } else {\r\n if (resp.error && resp.error.includes('acesso expirou')) {\r\n setAuthToken(null)\r\n setUserState({ sessionToken: null })\r\n\r\n }\r\n raiseAlert(resp.error)\r\n }\r\n }).catch(async err => {\r\n raiseAlert(err.error)\r\n });\r\n }\r\n loadSupplier();\r\n }, []);// eslint-disable-line react-hooks/exhaustive-deps\r\n\r\n\r\n return (\r\n \r\n
\r\n \r\n \r\n \r\n {textsMainPage.homeTitle}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {byGroups.length > 0 && \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
{name} \r\n {primaryInfo} \r\n {secondaryInfo} \r\n \r\n \r\n )\r\n}","import styled from \"styled-components\";\r\n\r\nexport const Container = styled.div`\r\n display: flex;\r\n flex-wrap: wrap;\r\n justify-content: space-between;\r\n /* gap: 40px; */\r\n\r\n .break {\r\n flex-basis: 100%;\r\n }\r\n`;","import { RankingCard } from \"../RankingCard\";\r\nimport { Container } from \"./styles\";\r\n\r\nexport function PodiumContainer({ title, data = [] }) {\r\n return (\r\n <>\r\n {title} \r\n \r\n {data.map((item, index) => {\r\n return (\r\n \r\n \r\n )\r\n}","\r\nimport { makeStyles } from \"@material-ui/styles\";\r\nimport styled from \"styled-components\";\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n root: {\r\n flexGrow: 1,\r\n maxWidth: 'inherit',\r\n paddingBottom: '4rem'\r\n },\r\n container: {\r\n paddingLeft: 0,\r\n paddingRight: 0,\r\n justifyContent: 'center'\r\n },\r\n finished: {\r\n border: '1px solid #FFFFFF',\r\n backgroundColor: theme.palette.primary.main,\r\n '&:hover': {\r\n backgroundColor: theme.palette.primary.main\r\n }\r\n },\r\n finishedText: {\r\n textTransform: 'capitalize',\r\n color: theme.palette.secondary.main\r\n },\r\n selected: {\r\n backgroundColor: theme.palette.secondary.main,\r\n '&:hover': {\r\n backgroundColor: theme.palette.secondary.main\r\n }\r\n },\r\n selectedText: {\r\n textTransform: 'capitalize',\r\n color: theme.palette.default.main\r\n },\r\n title: {\r\n fontSize: 36,\r\n color: \"#FFFFFF\",\r\n textTransform: 'uppercase',\r\n letterSpacing: '-2.05px',\r\n },\r\n subtitle: {\r\n alignItems: \"baseline\",\r\n color: \"#FFFFFF\"\r\n },\r\n form: {\r\n width: '100%', // Fix IE 11 issue.\r\n marginTop: theme.spacing(3),\r\n },\r\n fakeLink: {\r\n backgroundColor: 'unset',\r\n '&:hover': {\r\n backgroundColor: 'unset',\r\n textDecoration: 'underline',\r\n }\r\n },\r\n textAdapt: {\r\n margin: '8px 0 8px',\r\n textTransform: 'none',\r\n backgroundColor: '#FE5D00',\r\n color: '#FFFFFF',\r\n fontWeight: 500,\r\n height: 'fit-content',\r\n maxHeight: '3em',\r\n '&:hover': {\r\n backgroundColor: '#FE5D00',\r\n }\r\n },\r\n textAdaptActive: {\r\n margin: '8px 0 8px',\r\n textTransform: 'none',\r\n backgroundColor: '#FE5D00',\r\n color: '#FFFFFF',\r\n fontWeight: 500,\r\n height: 'fit-content',\r\n maxHeight: '3em',\r\n '&:hover': {\r\n backgroundColor: '#FE5D00',\r\n }\r\n },\r\n textButton: {\r\n textTransform: 'none',\r\n backgroundColor: '#FE5D00',\r\n color: '#FFFFFF',\r\n fontSize: 16,\r\n fontWeight: 500,\r\n\r\n },\r\n orangeSet: {\r\n backgroundColor: \"#FE5D00\",\r\n padding: '0rem 0rem 5rem 0rem'\r\n },\r\n whiteSet: {\r\n backgroundColor: \"#FFFFFF\",\r\n height: 0,\r\n },\r\n mainCards: {\r\n position: 'relative',\r\n zIndex: 50,\r\n top: '-5rem'\r\n },\r\n label: {\r\n width: '230px',\r\n height: '50px',\r\n borderRadius: '10px',\r\n border: 'solid 2px #FE5D00',\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n color: '#FE5D00',\r\n fontWeight: '700'\r\n },\r\n buttons: {\r\n '@media (max-width: 1040px)': {\r\n justifyContent: 'center'\r\n }\r\n }\r\n}));\r\n\r\nexport const ButtonsContainer = styled.div`\r\n display: flex; \r\n gap: 20px;\r\n\r\n @media (max-width: 1040px) {\r\n flex-wrap: wrap;\r\n justify-content: center;\r\n }\r\n`;\r\n\r\nexport default useStyles; ","export default __webpack_public_path__ + \"static/media/sustentabilidade-icon.f7753773.svg\";","export default __webpack_public_path__ + \"static/media/inovacao-icon.8472b3da.svg\";","export default __webpack_public_path__ + \"static/media/servico.48fc307d.svg\";","export default __webpack_public_path__ + \"static/media/competitividade.571f76e3.svg\";","import goldMedal from \"../../../assets/gold.svg\";\r\nimport silverMedal from \"../../../assets/silver.svg\";\r\nimport bronzeMedal from \"../../../assets/bronze.svg\";\r\nimport sustentabilidade from \"../../../assets/sustentabilidade-icon.svg\";\r\nimport inovacao from \"../../../assets/inovacao-icon.svg\";\r\nimport servico from \"../../../assets/servico.svg\";\r\nimport competitividade from \"../../../assets/competitividade.svg\";\r\n\r\nexport function getFormattedRanking(ranking) {\r\n const podium = [];\r\n if (ranking.POS_1) {\r\n podium.push({ icon: goldMedal, name: ranking.POS_1, primaryInfo: 'Fornecedor', secondaryInfo: 'Ouro', isBreak: true })\r\n }\r\n\r\n if (ranking.POS_2) {\r\n podium.push({ icon: silverMedal, name: ranking.POS_2, primaryInfo: 'Fornecedor', secondaryInfo: 'Prata' })\r\n }\r\n\r\n if (ranking.POS_3) {\r\n podium.push({ icon: bronzeMedal, name: ranking.POS_3, primaryInfo: 'Fornecedor', secondaryInfo: 'Bronze' })\r\n }\r\n\r\n const rankings = [\r\n { title: 'Pódio', itens: podium }\r\n ]\r\n\r\n const primaryInfo = 'Destaque';\r\n if (ranking.SUSTENTABILIDADE.length > 0) {\r\n const { SUSTENTABILIDADE } = ranking\r\n const secondaryInfo = 'Sustentabilidade'\r\n const itens = SUSTENTABILIDADE.map(name => ({ icon: sustentabilidade, name, primaryInfo, secondaryInfo }))\r\n rankings.push({ title: 'Destaques sustentabilidade', itens })\r\n }\r\n\r\n if (ranking.INOVACAO.length > 0) {\r\n const { INOVACAO } = ranking\r\n const secondaryInfo = 'Inovação'\r\n const itens = INOVACAO.map(name => ({ icon: inovacao, name, primaryInfo, secondaryInfo }))\r\n rankings.push({ title: 'Destaques inovação', itens })\r\n }\r\n\r\n if (ranking.SERVICOS.length > 0) {\r\n const { SERVICOS } = ranking\r\n const secondaryInfo = 'Serviço'\r\n const itens = SERVICOS.map(name => ({ icon: servico, name, primaryInfo, secondaryInfo }))\r\n rankings.push({ title: 'Destaques serviços', itens })\r\n }\r\n\r\n if (ranking.COMPETITIVIDADE.length > 0) {\r\n const { COMPETITIVIDADE } = ranking\r\n const secondaryInfo = 'Competitividade'\r\n const itens = COMPETITIVIDADE.map(name => ({ icon: competitividade, name, primaryInfo, secondaryInfo }))\r\n rankings.push({ title: 'Destaques competitividade', itens })\r\n }\r\n\r\n\r\n return rankings;\r\n}","/* eslint-disable react-hooks/exhaustive-deps */\r\nimport { Box, Container, Grid, Typography, useMediaQuery } from \"@material-ui/core\";\r\nimport clsx from 'clsx';\r\nimport { useContext, useState } from \"react\";\r\nimport CardRankingSupplier from \"../../../components/CardRankingSupplier\";\r\nimport { PodiumContainer } from \"../../../components/PodiumContainer\";\r\nimport { UserContext } from \"../../../providers/UserProvider\";\r\n\r\nimport useStyles, { ButtonsContainer } from \"./styles\"\r\n\r\nimport { useEffect } from \"react\";\r\nimport { getFornecedor } from \"../../../services/fornecedores\";\r\nimport { getRanking } from \"../../../services/desafios\";\r\nimport { getFormattedRanking } from \"./formattedRanking\";\r\nimport { useLoading } from '../../../providers/LoadingProvider';\r\nimport { getSupplierData } from \"../../../services/home\";\r\nimport Swal from \"sweetalert2\";\r\nimport { isBibiUser } from \"../../../utils/roles\";\r\n\r\nconst swalParams = {\r\n icon: 'error',\r\n title: 'Ops...',\r\n text: 'Ocorreu um erro ao buscar o ranking. Tente novamente mais tarde!',\r\n}\r\n\r\nexport default function Ranking() {\r\n const classes = useStyles();\r\n const { userState } = useContext(UserContext);\r\n const labels = ['Qualidade', 'Inovação', 'Pós-venda', 'Flexibilidade'];\r\n const labels2 = ['Velocidade', 'Sustentabilidade', 'Confiabilidade', 'Competitividade'];\r\n const [ranking, setRanking] = useState(null);\r\n const [rankings, setRankings] = useState([]);\r\n const matches = useMediaQuery('(max-width:1366px)');\r\n const { setLoading } = useLoading();\r\n const [countSupplier, setCountSupplier] = useState(0)\r\n\r\n useEffect(() => {\r\n async function getData() {\r\n setLoading(true);\r\n try {\r\n const supplierData = await getFornecedor(userState?.ID);\r\n const fRanking = await getRanking();\r\n const count = await getSupplierData()\r\n const formattedRankings = getFormattedRanking(fRanking);\r\n\r\n setRankings(formattedRankings)\r\n if (supplierData?.data[0]?.POS_RANKING) {\r\n setRanking(supplierData.data[0].POS_RANKING)\r\n }\r\n setCountSupplier(count.data.FORNECEDORES)\r\n } catch (e) {\r\n Swal.fire(swalParams)\r\n } finally {\r\n setLoading(false);\r\n }\r\n }\r\n getData();\r\n }, [])\r\n\r\n return (\r\n \r\n
\r\n \r\n \r\n \r\n Ranking\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n A Bibi estimula o desenvolvimento dos fornecedores. Registramos aspectos qualitativos e quantitativos dos principais diferenciais competitivos do mercado:
\r\n \r\n \r\n \r\n \r\n {labels.map((label, index) => {\r\n return (\r\n {label} \r\n )\r\n })}\r\n \r\n \r\n \r\n \r\n {labels2.map((label, index) => {\r\n return (\r\n {label} \r\n )\r\n })}\r\n \r\n \r\n \r\n \r\n {\r\n rankings.map(({ title, itens }) => {\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\n \r\n ARQUIVOS\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n ({\r\n value: supplier.ID,\r\n label: supplier.NOME,\r\n }))}\r\n placeholder=\"Selecione um fornecedor\"\r\n onChange={(e) => handleChangeSupplier(e)}\r\n noOptionsMessage={() => 'Nenhum fornecedor encontrado'}\r\n value={supplierSelected}\r\n />\r\n \r\n \r\n \r\n \r\n {supplier && (\r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n {type == 'folder' ? (\r\n
\r\n ) : (\r\n
\r\n )}\r\n\r\n
\r\n {type == 'file' && (\r\n seeFile(event)}>\r\n \r\n )}\r\n destroy(event)}>\r\n \r\n \r\n \r\n \r\n
setValue(target.innerText)}\r\n suppressContentEditableWarning={true}\r\n >\r\n {NOME}\r\n \r\n \r\n );\r\n}\r\n\r\nfunction ModalMove({ open, onClose, type, item, folders, updateItem }) {\r\n const [foldersFiltereds, setFolderFiltereds] = useState([]);\r\n const [selectedFolder, setSelectedFolder] = useState(null);\r\n const [path, setPath] = useState([]);\r\n const { setLoading } = useLoading();\r\n\r\n function getFolderPath(allFolders, arr = [], parentFolder = null) {\r\n if (!selectedFolder) return;\r\n\r\n let newArr = [];\r\n\r\n if (arr.length == 0 && !parentFolder) {\r\n const folderFinded = allFolders.find(\r\n (item) => item.ID == selectedFolder.ID\r\n );\r\n newArr = [folderFinded];\r\n return getFolderPath(allFolders, newArr, folderFinded.PASTA);\r\n }\r\n\r\n if (arr.length > 0) {\r\n if (parentFolder) {\r\n const finded = allFolders.find((item) => item.ID == parentFolder);\r\n newArr = [finded, ...arr];\r\n return getFolderPath(allFolders, newArr, finded.PASTA);\r\n }\r\n\r\n if (!parentFolder) {\r\n return arr;\r\n }\r\n }\r\n }\r\n\r\n useEffect(() => {\r\n setSelectedFolder('');\r\n setPath([]);\r\n }, [item]);\r\n\r\n useEffect(() => {\r\n if (selectedFolder) {\r\n setPath(getFolderPath(folders));\r\n setFolderFiltereds(\r\n folders.filter(({ PASTA }) => PASTA == selectedFolder.ID)\r\n );\r\n } else {\r\n setFolderFiltereds(folders.filter(({ PASTA }) => PASTA == null));\r\n }\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [selectedFolder, folders]);\r\n\r\n async function onMove() {\r\n setLoading(true);\r\n try {\r\n if (type == 'folder') {\r\n await FolderService.move(item.ID, selectedFolder.ID ?? null);\r\n } else {\r\n await FolderService.moveFile(item.ID, selectedFolder.ID);\r\n }\r\n updateItem(type, item);\r\n onClose();\r\n } catch (e) {\r\n raiseAlert(`Erro ao mover ${type == 'folder' ? 'pasta' : 'arquivo'}`);\r\n } finally {\r\n setLoading(false);\r\n }\r\n }\r\n\r\n return (\r\n onClose(false)}\r\n cardStyle={{ minHeight: '80%' }}\r\n >\r\n \r\n Mover {type == 'folder' ? 'pasta' : 'arquivo'} -{' '}\r\n {item?.NOME} \r\n \r\n\r\n \r\n {\r\n setSelectedFolder(null);\r\n }}\r\n >\r\n Home /{' '}\r\n \r\n {path.map((item, index) => (\r\n {\r\n setSelectedFolder(folders.find(({ ID }) => ID == item.ID));\r\n }}\r\n style={{\r\n color: index == path.length - 1 ? '#FE5D00' : 'black',\r\n cursor: 'pointer',\r\n }}\r\n >\r\n {item.NOME} /{' '}\r\n \r\n ))}\r\n \r\n\r\n \r\n {foldersFiltereds\r\n .filter((folder) => folder?.ID != item?.ID)\r\n .map((i) => (\r\n setSelectedFolder(i)}\r\n >\r\n \r\n
\r\n {i.NOME}
\r\n \r\n ))}\r\n \r\n {foldersFiltereds.length == 0 && (\r\n Está pasta está vazia \r\n )}\r\n\r\n \r\n Cancelar \r\n\r\n {((type == 'file' && selectedFolder) || type == 'folder') && (\r\n i?.ID == item?.ID) ||\r\n item?.PASTA == selectedFolder?.ID\r\n }\r\n >\r\n Mover pra cá\r\n \r\n )}\r\n \r\n \r\n );\r\n}\r\n","import { useEffect, useState } from 'react'\r\n\r\nexport function useDebounce(value, delay = 500) {\r\n const [debouncedValue, setDebouncedValue] = useState(value)\r\n\r\n useEffect(() => {\r\n const timer = setTimeout(() => setDebouncedValue(value), delay || 500)\r\n\r\n return () => {\r\n clearTimeout(timer)\r\n }\r\n }, [value, delay])\r\n\r\n return debouncedValue\r\n}","import styled from \"styled-components\";\r\n\r\nexport const NavHeader = styled.header`\r\n padding: 1em 0;\r\n position: sticky !important;\r\n top: 0;\r\n width: 100%;\r\n background-color: #ffffff;\r\n box-shadow: 0px 20px 20px rgba(50, 50, 50, 0.16);\r\n z-index: 100;\r\n\r\n .logo-div {\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n &::after {\r\n content: \"\";\r\n clear: both;\r\n display: block;\r\n }\r\n\r\n .container {\r\n width: 95%;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n }\r\n\r\n .site-nav {\r\n position: absolute;\r\n top: 100%;\r\n right: 0%;\r\n background: #a6a6a6;\r\n height: 0px;\r\n overflow: hidden;\r\n }\r\n\r\n .site-nav-open {\r\n height: auto;\r\n width: 100%;\r\n text-align: center;\r\n background-color: #ffffff;\r\n }\r\n\r\n .site-nav ul {\r\n margin: 0;\r\n padding: 0;\r\n list-style: none;\r\n }\r\n\r\n .site-nav a {\r\n font-family: Nunito;\r\n font-size: 15px;\r\n color: #000000;\r\n text-decoration: none;\r\n\r\n display: block;\r\n padding: 2em 2em 2em 1.5em; /* padding for links */\r\n text-transform: uppercase;\r\n text-decoration: none;\r\n }\r\n\r\n .site-nav a:hover,\r\n .site-nav a:focus {\r\n color: #fe5d00;\r\n cursor: pointer;\r\n }\r\n\r\n .site-nav span {\r\n font-family: Nunito;\r\n font-size: 15px;\r\n color: #000000;\r\n text-decoration: none;\r\n\r\n display: block;\r\n padding: 2em 2em 2em 1.5em; /* padding for links */\r\n text-transform: uppercase;\r\n text-decoration: none;\r\n }\r\n\r\n .site-nav span:hover,\r\n .site-nav spans:focus {\r\n color: #fe5d00;\r\n cursor: pointer;\r\n }\r\n\r\n .menu-toggle {\r\n /* padding: 1em; */\r\n /* position: absolute; */\r\n /* top: 1.7em;\r\n right: 1em; */\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n /* background-color: red; */\r\n }\r\n\r\n .hamburger,\r\n .hamburger::before,\r\n .hamburger::after {\r\n content: \"\";\r\n display: block;\r\n background: #fe5d00;\r\n height: 3px;\r\n width: 1.75em;\r\n border-radius: 2px;\r\n transition: all ease-in-out 500ms;\r\n }\r\n\r\n .hamburger::before {\r\n transform: translateY(-7px);\r\n }\r\n\r\n .hamburger::after {\r\n transform: translateY(4px);\r\n }\r\n\r\n .open .hamburger {\r\n transform: rotate(45deg);\r\n background: #fe5d00;\r\n }\r\n\r\n .open .hamburger::before {\r\n opacity: 0;\r\n }\r\n\r\n .open .hamburger::after {\r\n transform: translateY(-3px) rotate(-90deg);\r\n background: #fe5d00;\r\n }\r\n\r\n @media (min-width: 950px) {\r\n .container {\r\n justify-content: center;\r\n }\r\n\r\n .menu-toggle {\r\n display: none;\r\n }\r\n\r\n .site-nav {\r\n height: auto;\r\n position: relative;\r\n background: transparent;\r\n float: right;\r\n font-weight: 300;\r\n }\r\n\r\n .site-nav li {\r\n display: inline-block;\r\n border: none;\r\n }\r\n\r\n .site-nav a {\r\n padding: 0;\r\n margin-left: 3em;\r\n }\r\n\r\n .site-nav a:hover,\r\n .site-nav a:focus {\r\n background: transparent;\r\n color: #fe5d00;\r\n cursor: pointer;\r\n }\r\n }\r\n`;\r\n","/* eslint-disable jsx-a11y/anchor-is-valid */\r\nimport React from \"react\";\r\nimport logoBibi from \"../../../../assets/logo.svg\";\r\nimport { NavHeader } from \"./styles\";\r\nimport { Button, Typography } from \"@material-ui/core\";\r\nimport { mockPath, mockPathDesafios } from \"../../../../utils/utils\";\r\nimport { useHistory } from \"react-router-dom\";\r\n\r\nexport default function Header(redirectBack = false) {\r\n const history = useHistory();\r\n\r\n async function goToAnchor(index) {\r\n let container = document.querySelector(index);\r\n\r\n if (!container) {\r\n history.push('/')\r\n await new Promise((resolve) => setTimeout(() => resolve(), 1000))\r\n container = document.querySelector(index);\r\n }\r\n\r\n container.scrollIntoView({\r\n behavior: \"smooth\",\r\n block: 'start'\r\n });\r\n toggleMenu();\r\n }\r\n\r\n function handlePath(anchorInput) {\r\n let anchor = anchorInput\r\n if (redirectBack) {\r\n window.localStorage.setItem('anchor', anchorInput)\r\n }\r\n\r\n goToAnchor(`${anchor}`)\r\n }\r\n\r\n\r\n function toggleMenu() {\r\n const menu = document.querySelector(\".menu-toggle\");\r\n const nav = document.querySelector(\".site-nav\");\r\n nav.classList.toggle(\"site-nav-open\");\r\n menu.classList.toggle(\"open\");\r\n }\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","import styled from 'styled-components';\r\n\r\nexport const Container = styled.div`\r\n width: 100%;\r\n font-family: 'Nunito';\r\n`;\r\n\r\nexport const TitleToSmooth = styled.div`\r\n opacity: 0;\r\n margin: 0;\r\n padding: 0;\r\n padding-bottom: 50px;\r\n`;\r\n","import styled from \"styled-components\";\r\n\r\nexport const ProgramaDiv = styled.div`\r\n background-color: #ffffff;\r\n width: 100%;\r\n`;\r\n\r\nexport const ProgramTitle = styled.div`\r\n h1 {\r\n font-family: Nunito;\r\n text-align: center;\r\n margin: 80px;\r\n }\r\n`;\r\n\r\nexport const PartnersDiv = styled.div`\r\n width: 80%;\r\n display: flex;\r\n justify-content: space-between;\r\n gap: 10%;\r\n margin: auto;\r\n @media (max-width: 1186px) {\r\n flex-direction: column;\r\n width: 100%;\r\n }\r\n`;\r\n\r\nexport const DivTeste = styled.div`\r\n display: flex;\r\n @media (max-width: 1186px) {\r\n /* flex-direction: column; */\r\n }\r\n`;\r\n\r\nexport const BodyProgram = styled.body`\r\n font-family: Nunito;\r\n font-size: 18px;\r\n line-height: 2em;\r\n min-height: auto!important;\r\n @media (max-width: 1186px) {\r\n padding-left: 40px;\r\n padding-right: 40px;\r\n }\r\n`;\r\n\r\nexport const PartnersImg = styled.div`\r\n display: flex;\r\n justify-content: space-around;\r\n flex-wrap: wrap;\r\n`;\r\n\r\nexport const ImagePartners = styled.img`\r\n margin-left: 10px;\r\n height: 80px;\r\n`;\r\n\r\nexport const Retangulo = styled.div`\r\n display: flex;\r\n width: 100%;\r\n justify-content: center;\r\n @media (min-width: 1350px) {\r\n }\r\n`;\r\n\r\nexport const ImgMenina = styled.img`\r\n max-width: 400px;\r\n max-height: 400px;\r\n`;\r\n","export default __webpack_public_path__ + \"static/media/ICONE_N-TOXICO-verde-01.5614d192.svg\";","export default __webpack_public_path__ + \"static/media/ICONE-COURO-MACIO.7420d0b4.svg\";","export default __webpack_public_path__ + \"static/media/LOGO PALMILHA FISIOFLEX_ok.3fefa557.svg\";","export default __webpack_public_path__ + \"static/media/LogoDrop.e07232c2.svg\";","export default __webpack_public_path__ + \"static/media/LogoPUC.272b2ba8.svg\";","export default __webpack_public_path__ + \"static/media/menina.8d751c87.svg\";","import React from \"react\";\r\nimport {\r\n ProgramaDiv,\r\n PartnersDiv,\r\n DivTeste,\r\n BodyProgram,\r\n PartnersImg,\r\n ImagePartners,\r\n Retangulo,\r\n ImgMenina,\r\n ProgramTitle,\r\n} from \"./styles\";\r\nimport toxico from \"../../../../assets/ICONE_N-TOXICO-verde-01.svg\";\r\nimport couro from \"../../../../assets/ICONE-COURO-MACIO.svg\";\r\nimport fisioflex from \"../../../../assets/LOGO PALMILHA FISIOFLEX_ok.svg\";\r\nimport drop from \"../../../../assets/LogoDrop.svg\";\r\nimport puc from \"../../../../assets/LogoPUC.svg\";\r\nimport menina from \"../../../../assets/menina.svg\";\r\n\r\nexport default function Programa() {\r\n return (\r\n \r\n \r\n {/* PROGRAMA \r\n \r\n \r\n \r\n \r\n \r\n O Ninho de Inovação – Fornecedores é um programa de inovação\r\n aberta da Bibi, que tem como objetivo aproximar e conectar\r\n empresas, startups, empreendedores e fornecedores atuais com o\r\n ambiente Bibi, visando com isso propiciar inovações que gerem\r\n resultados econômico-financeiros e vantagens competitivas mútuas.\r\n
\r\n \r\n \r\n \r\n {\" \"}\r\n É uma excelente oportunidade de iniciar ou estreitar\r\n relacionamentos com uma das maiores fabricantes de calçados\r\n infantis do Brasil.\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n );\r\n}\r\n","import styled from \"styled-components\";\r\n\r\nexport const Title = styled.h1`\r\n text-align: center;\r\n margin: 80px;\r\n`;\r\n\r\nexport const DesafiosComponent = styled.div`\r\n height: 50px; \r\n background-color: #ffffff;\r\n width: 100%;\r\n @media (max-width: 800px) {\r\n margin-bottom: 3150px;\r\n }\r\n\r\n #timeline {\r\n display: flex;\r\n background-color: #f36f2a;\r\n @media (max-width: 800px){\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n .tl-item{\r\n width: 100%;\r\n }\r\n .tl-content{\r\n margin-top: 350px;\r\n }\r\n }\r\n\r\n &:hover {\r\n .tl-item {\r\n width: 23.3333%;\r\n @media (max-width: 800px) {\r\n width: 100%;\r\n }\r\n }\r\n }\r\n }\r\n\r\n .tl-item {\r\n transform: translate3d(0, 0, 0);\r\n width: 25%;\r\n /* height: 100vh; */\r\n min-height: 600px;\r\n color: #fff;\r\n overflow: hidden;\r\n transition: width 0.5s ease;\r\n\r\n &:before,\r\n &:after {\r\n transform: translate3d(0, 0, 0);\r\n content: \"\";\r\n position: absolute;\r\n left: 0;\r\n top: 0;\r\n width: 100%;\r\n height: 100%;\r\n }\r\n\r\n &:after {\r\n // background: transparentize(#421c06, 0.15);\r\n background: transparentize(#ffbe99, 0.15);\r\n opacity: 1;\r\n transition: opacity 0.5s ease;\r\n }\r\n\r\n &:before {\r\n background: linear-gradient(\r\n to bottom,\r\n rgba(0, 0, 0, 0) 0%,\r\n rgba(0, 0, 0, 1) 75%\r\n );\r\n z-index: 1;\r\n opacity: 0;\r\n transform: translate3d(0, 0, 0) translateY(50%);\r\n transition: opacity 0.5s ease, transform 0.5s ease;\r\n }\r\n\r\n &:hover {\r\n width: 30% !important;\r\n @media (max-width: 800px) {\r\n width: 100% !important;\r\n }\r\n\r\n &:after {\r\n opacity: 0;\r\n }\r\n\r\n &:before {\r\n opacity: 1;\r\n transform: translate3d(0, 0, 0) translateY(0);\r\n transition: opacity 1s ease, transform 1s ease 0.25s;\r\n }\r\n\r\n .tl-content {\r\n opacity: 1;\r\n transform: translateY(0);\r\n transition: all 0.75s ease 0.5s;\r\n }\r\n\r\n .tl-bg {\r\n filter: grayscale(0);\r\n }\r\n }\r\n }\r\n\r\n .tl-content {\r\n transform: translate3d(0, 0, 0) translateY(25px);\r\n position: relative;\r\n z-index: 1;\r\n text-align: center;\r\n margin: 0 1.618em;\r\n top: 55%;\r\n opacity: 0;\r\n\r\n h1 {\r\n font-family: \"Nunito\", Helvetica Neue, Helvetica, Arial, sans-serif;\r\n text-transform: uppercase;\r\n padding-top: 20px;\r\n color: #f36f2a;\r\n font-size: 1.44rem;\r\n font-weight: normal;\r\n }\r\n }\r\n\r\n .tl-year {\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translateX(-50%) translateY(-50%);\r\n z-index: 1;\r\n text-align: center;\r\n border-bottom: 1px solid #fff;\r\n // border-bottom: 1px solid #fff;\r\n\r\n p {\r\n font-family: \"Nunito\", Helvetica Neue, Helvetica, Arial, sans-serif;\r\n font-size: 1.728rem;\r\n line-height: 1;\r\n }\r\n }\r\n\r\n .tl-bg {\r\n transform: translate3d(0, 0, 0);\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n top: 0;\r\n left: 0;\r\n background-size: cover;\r\n background-position: center center;\r\n transition: filter 0.5s ease;\r\n filter: grayscale(100%);\r\n }\r\n\r\n .tl-cta {\r\n background-color: #f3702a;\r\n font-family: \"Nunito\", Helvetica Neue, Helvetica, Arial, sans-serif;\r\n border-radius: 10px;\r\n // display:inline-block;\r\n cursor: pointer;\r\n color: #ffffff;\r\n font-size: 16px;\r\n padding: 8px 20px;\r\n text-decoration: none;\r\n }\r\n`;\r\n\r\nexport const ModalVideo = styled.div`\r\n display: none; /* Hidden by default */\r\n position: fixed; /* Stay in place */\r\n z-index: 1000; /* Sit on top */\r\n padding-top: 50px; /* Location of the box */\r\n left: 0;\r\n top: 0;\r\n width: 100%; /* Full width */\r\n height: 100%; \r\n overflow: auto; /* Enable scroll if needed */\r\n background-color: rgb(0, 0, 0); /* Fallback color */\r\n background-color: rgba(0, 0, 0, 0.4);\r\n`;\r\n\r\nexport const ModalContent = styled.div`\r\n background-color: #fefefe;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n margin: auto;\r\n padding: 20px;\r\n border: 1px solid #888;\r\n width: 80%;\r\n border-radius: 10px;\r\n /* @media(max-width: 1200px) {\r\n width:30%;\r\n } */\r\n @media(max-width: 1114px) {\r\n width:50%;\r\n }\r\n @media(max-width: 1000px) {\r\n width: 75%;\r\n } \r\n button {\r\n margin-top: 20px;\r\n font-family: Nunito;\r\n font-size: 22px;\r\n height: 50px;\r\n color: #ffffff;\r\n width: 30%;\r\n background-color: #FE5D00;\r\n border-radius: 7px;\r\n border-style: none;\r\n outline: thin dotted;\r\n outline: 0px auto -webkit-focus-ring-color;\r\n outline-offset: 0px;\r\n &:hover{\r\n cursor: pointer;\r\n }\r\n @media(max-width: 1114px){\r\n font-size: 17px;\r\n }\r\n @media(max-width: 486px){\r\n font-size: 12px;\r\n }\r\n }\r\n`;\r\n\r\nexport const Video = styled.div`\r\n display: flex;\r\n justify-content: center;\r\n width: 100%;\r\n height: 500px;\r\n background-color: #000000;\r\n margin-left: auto;\r\n margin-right: auto;\r\n iframe {\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 500px;\r\n @media (max-width: 1000px) {\r\n width: 100%;\r\n }\r\n }\r\n @media (max-width: 1000px) {\r\n height:500px;\r\n }\r\n`;","import React, { useState, useEffect } from \"react\";\r\nimport { DesafiosComponent, Title, ModalVideo, ModalContent, Video } from \"./styles\";\r\n\r\n// import imagemUm from '../../assets/imagemUm.jpg';\r\n// import imagemDois from '../../assets/imagemDois.jpeg';\r\n// import imagemTres from '../../assets/imagemTres.jpeg';\r\n// import imagemQuatro from '../../assets/imagemQuatro.jpg';\r\n// import imagemCinco from '../../assets/imagemCinco.jpeg';\r\n\r\nimport { getDesafiosDestaque } from \"../../../../services/desafios\";\r\nimport { TitleToSmooth } from \"../../../../styles\";\r\nimport { raiseAlert } from \"../../../../components/Alert\";\r\nimport { mockPath } from \"../../../../utils/utils\";\r\n\r\nexport default function Desafios({onAddDesafio}) {\r\n \r\n const[url, setUrl] = useState('');\r\n const[desafios, setDesafios] = useState([]);\r\n\r\n useEffect(() => {\r\n async function loadDestaques(){\r\n await getDesafiosDestaque().then(async resp=>{\r\n if(resp?.status === 200){\r\n setDesafios(resp.data);\r\n }else{\r\n raiseAlert(resp.error)\r\n }\r\n }).catch(async err => {\r\n raiseAlert(err.error)\r\n });\r\n }\r\n loadDestaques();\r\n }, []);\r\n\r\n \r\n \r\n const baseUrl = 'https://www.youtube.com/embed/'\r\n\r\n function ButtonClick({URL_VIDEO, NOME}) {\r\n const modal = document.getElementById(\"myModalVideo\");\r\n modal.style.display = \"block\";\r\n setUrl(baseUrl + URL_VIDEO);\r\n localStorage.setItem(\"nomeDesafio\", NOME);\r\n }\r\n \r\n window.onclick = function (event) {\r\n const modal = document.getElementById(\"myModalVideo\");\r\n if (event.target === modal) {\r\n modal.style.display = \"none\";\r\n }\r\n };\r\n\r\n\r\n function handleButtonEmail(){\r\n window.location.replace(`${mockPath}cadastrar`)\r\n }\r\n\r\n return (\r\n <>\r\n \r\n DESAFIOS \r\n DESAFIOS \r\n\r\n \r\n {desafios.map((desafio) => (\r\n \r\n\r\n \r\n\r\n \r\n
{desafio.NOME_CATEGORIA} \r\n
{desafio.OBJETIVO}
\r\n
ButtonClick(desafio)}>\r\n Saber mais\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n handleButtonEmail()}>Quero Participar \r\n \r\n \r\n \r\n );\r\n}\r\n","export default __webpack_public_path__ + \"static/media/backgroundTwo.ea4b5b7a.svg\";","import styled from \"styled-components\";\r\n\r\nimport backgroundTwo from \"../../../../assets/backgroundTwo.svg\";\r\n\r\nexport const Container = styled.div`\r\n background-image: url(${backgroundTwo});\r\n background-size: cover;\r\n width: 100%;\r\n margin-top: 766px;\r\n h1 {\r\n margin: 80px;\r\n text-align: center;\r\n }\r\n`;\r\n\r\nexport const ContentComoFunciona = styled.div`\r\n align-items: center;\r\n display: flex;\r\n justify-content: center;\r\n margin-left: auto;\r\n margin-right: auto;\r\n max-width: 800px;\r\n height: 200px;\r\n background-color: #fe5d00;\r\n border-radius: 10px;\r\n\r\n @media (max-width: 630px) {\r\n margin-left:10px;\r\n margin-right:10px;\r\n }\r\n\r\n p {\r\n font-size: 14px;\r\n color: #ffffff;\r\n line-height: 2em;\r\n font-weight: bold;\r\n margin-left: 20px;\r\n @media (max-width: 630px) {\r\n margin-right: 20px;\r\n }\r\n }\r\n`;\r\n\r\nexport const InovacaoSubtitle = styled.h2`\r\n color: #fe5d00;\r\n font-size: 50px;\r\n margin-right: auto;\r\n @media (max-width: 630px) {\r\n font-size: 40px;\r\n }\r\n`;\r\n\r\nexport const InvencaoSubtitle = styled.h2`\r\n color: #fe5d00;\r\n font-size: 50px;\r\n margin-left: auto;\r\n @media (max-width: 630px) {\r\n font-size: 40px;\r\n }\r\n`;\r\n\r\nexport const AspasImgA = styled.img`\r\n margin-top: 60px;\r\n @media (max-width: 630px) {\r\n display: none;\r\n }\r\n`;\r\n\r\nexport const AspasImgB = styled.img`\r\n margin-top: 200px;\r\n margin-right: 10px;\r\n @media (max-width: 630px) {\r\n display: none;\r\n }\r\n`;\r\n\r\nexport const SpanOne = styled.p`\r\n margin-left: 100px;\r\n font-size: 20px;\r\n line-height: 2em;\r\n @media (max-width: 630px) {\r\n margin-left: 20px;\r\n font-size: 16px;\r\n }\r\n`;\r\n\r\nexport const SpanTwo = styled.p`\r\n font-size: 20px;\r\n line-height: 2em;\r\n text-align: right;\r\n margin-right: 100px;\r\n @media (max-width: 630px) {\r\n margin-right: 20px;\r\n font-size: 16px;\r\n }\r\n /* margin-bottom: 50px; */\r\n`;\r\n\r\nexport const DivSpanText = styled.div`\r\n width: 100%;\r\n padding: 50px 0px;\r\n`;\r\n","export default __webpack_public_path__ + \"static/media/a.591e60fb.svg\";","export default __webpack_public_path__ + \"static/media/b.208bfddf.svg\";","import React from \"react\";\r\nimport {\r\n Container,\r\n ContentComoFunciona,\r\n AspasImgA,\r\n AspasImgB,\r\n DivSpanText,\r\n SpanOne,\r\n SpanTwo,\r\n InovacaoSubtitle,\r\n InvencaoSubtitle,\r\n} from \"./styles\";\r\nimport aspasA from \"../../../../assets/a.svg\";\r\nimport aspasB from \"../../../../assets/b.svg\";\r\nimport { TitleToSmooth } from \"../../../../styles\";\r\n\r\nexport default function ComoFunciona() {\r\n return (\r\n <>\r\n \r\n COMO FUNCIONA \r\n COMO FUNCIONA \r\n \r\n \r\n Buscamos empresas que tenham soluções com aderência aos desafios{\" \"}\r\n apresentados, ou que estejam dispostas a cocriar conosco essas\r\n soluções através de no mínimo, um MVP (Produto Mínimo Viável)\r\n passível de teste e validação.\r\n
\r\n \r\n \r\n \r\n Inovação \r\n Essa ideia, solução, melhoria, deve estar direcionada para\r\n solucionar alguma das oportunidades\r\n \r\n \r\n Invenção \r\n Não basta ter uma ideia boa, mas que não seja economicamente viável.\r\n \r\n \r\n \r\n \r\n );\r\n}\r\n","import styled from \"styled-components\";\r\n\r\nexport const ContainerMaior = styled.div``;\r\n\r\nexport const Container = styled.div`\r\n .wrapper {\r\n min-height: 100vh;\r\n font-family: \"Nunito\", Helvetica Neue, Helvetica, Arial, sans-serif;\r\n font-weight: 300;\r\n color: #fff;\r\n position: relative;\r\n }\r\n section {\r\n height: 90vh;\r\n font-size: 40px;\r\n font-weight: 100;\r\n background-color: #22a7f0;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n\r\n @media (max-width: 850px) {\r\n .section {\r\n font-size: 30px;\r\n height: 70vh;\r\n }\r\n }\r\n\r\n section:nth-child(1) {\r\n background: white;\r\n }\r\n section:nth-child(2) {\r\n background: #f9690e;\r\n }\r\n section:nth-child(3) {\r\n background: #22a7f0;\r\n }\r\n section:nth-child(4) {\r\n background: #fc0;\r\n }\r\n section:nth-child(5) {\r\n background: #9b59b6;\r\n }\r\n section:nth-child(6) {\r\n background: #03c9a9;\r\n }\r\n section:nth-child(7) {\r\n background: #fc0;\r\n }\r\n .sec-text {\r\n padding-left: 100px;\r\n width: 60%;\r\n @media(max-width: 1000px) {\r\n margin-right: auto;\r\n width: 90%;\r\n } \r\n }\r\n .nav__wrapper {\r\n position: fixed;\r\n height: 100%;\r\n padding: 30px;\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: flex-end;\r\n }\r\n .nav {\r\n margin: 0 0 1400px 30px;\r\n }\r\n .nav__counter {\r\n font-size: 24px;\r\n transition: all 0.15s ease-out;\r\n }\r\n .nav__title {\r\n font-size: 32px;\r\n font-weight: 300;\r\n margin: 0 0 0.25em;\r\n width: 300px;\r\n height: 0;\r\n overflow: hidden;\r\n opacity: 0;\r\n transition: height 0.3s ease-out, opacity 0.2s ease-out;\r\n }\r\n .nav__body {\r\n font-weight: 100;\r\n font-size: 18px;\r\n font-size: 18px;\r\n width: 300px;\r\n height: 0;\r\n overflow: hidden;\r\n opacity: 0;\r\n transition: height 0.3s ease-out, opacity 0.2s ease-out;\r\n }\r\n .nav li {\r\n position: relative;\r\n transition: all 0.3s ease-out;\r\n margin-bottom: 1em;\r\n }\r\n .nav li:after {\r\n content: \"\";\r\n display: block;\r\n border-left: 2px solid white;\r\n border-top: 2px solid white;\r\n height: 250px;\r\n width: 20px;\r\n position: absolute;\r\n left: -30px;\r\n top: 15px;\r\n }\r\n .nav li a {\r\n display: block;\r\n padding: 0;\r\n color: #fff;\r\n transition: all 0.15s ease-out;\r\n }\r\n .nav li a:hover {\r\n background-color: transparent;\r\n padding-left: 1em;\r\n }\r\n .nav li a:focus {\r\n background-color: transparent;\r\n }\r\n .nav li.active {\r\n pointer-events: none;\r\n padding-left: 1em;\r\n }\r\n .nav li.active:after {\r\n width: 35px;\r\n height: 400px;\r\n top: 35px;\r\n }\r\n .nav li.active .nav__counter {\r\n font-size: 48px;\r\n }\r\n .nav li.active .nav__title {\r\n height: 40px;\r\n opacity: 1;\r\n overflow: visible;\r\n }\r\n .nav li.active .nav__body {\r\n height: 100px;\r\n opacity: 1;\r\n overflow: visible;\r\n }\r\n`;\r\n","import React from \"react\";\r\nimport { Container, ContainerMaior } from \"./styles\";\r\n\r\nexport default function StyledMenu() {\r\n return (\r\n \r\n \r\n \r\n
\r\n \r\n \r\n\r\n
\r\n 01. Escolha o desafio e inscreva-se.
\r\n \r\n\r\n
\r\n \r\n 02. Você poderá pesquisar entre os desafios em aberto e verificar\r\n aquele(s) que acredita ter aderência com sua(s) proposta(s).\r\n
\r\n \r\n\r\n
\r\n \r\n 03. Você irá detalhar a proposta inicial apresentada, a partir do\r\n feedback dado pela Bibi na etapa anterior (proposta inicial). A\r\n Bibi selecionará propostas para ir adiante e realizar testes\r\n piloto.\r\n
\r\n \r\n\r\n
\r\n \r\n 04. Dentro dos critérios e prazos acordados, serão executados os\r\n testes piloto das soluções apresentadas.\r\n
\r\n \r\n\r\n
\r\n \r\n 05. Serão analisados e avaliados os testes realizados e, caso sejam\r\n aprovados, a empresa se tornará fornecedora e ou parceira da Bibi,\r\n definindo-se termos comerciais e dando fim ao desafio.\r\n
\r\n \r\n
\r\n \r\n );\r\n}\r\n","import styled from \"styled-components\";\r\n\r\nexport const Container = styled.div`\r\n width: 100%;\r\n padding-bottom: 20px;\r\n h1 {\r\n margin: 80px;\r\n text-align: center;\r\n }\r\n\r\n html {\r\n -webkit-box-sizing: border-box;\r\n box-sizing: border-box;\r\n }\r\n body {\r\n margin: 0;\r\n padding: 0;\r\n font-family: \"Nunito\", Helvetica Neue, Helvetica, Arial, sans-serif;\r\n background: #fff;\r\n color: #4d5974;\r\n display: -webkit-box;\r\n display: -webkit-flex;\r\n display: -ms-flexbox;\r\n display: flex;\r\n /* min-height: 100vh; */\r\n }\r\n .container {\r\n margin: 0 auto;\r\n max-width: 48rem;\r\n width: 80%;\r\n @media(max-width: 850px) {\r\n margin: auto;\r\n width: 80%;\r\n } \r\n }\r\n h3 {\r\n font-size: 1.75rem;\r\n color: #373d51;\r\n padding: 1.3rem;\r\n margin: 0;\r\n }\r\n .accordion a {\r\n position: relative;\r\n display: -webkit-box;\r\n display: -webkit-flex;\r\n display: -ms-flexbox;\r\n display: flex;\r\n -webkit-box-orient: vertical;\r\n -webkit-box-direction: normal;\r\n -webkit-flex-direction: column;\r\n -ms-flex-direction: column;\r\n flex-direction: column;\r\n width: 100%;\r\n padding: 1rem 3rem 1rem 1rem;\r\n color: #7288a2;\r\n font-size: 1.15rem;\r\n font-weight: 400;\r\n border-bottom: 1px solid #e5e5e5;\r\n @media(max-width: 850px) {\r\n font-size: 1rem;\r\n } \r\n }\r\n .accordion a:hover,\r\n .accordion a:hover::after {\r\n cursor: pointer;\r\n color: #ff5353;\r\n }\r\n .accordion a.active {\r\n color: #ff5353;\r\n border-bottom: 1px solid #ff5353;\r\n }\r\n .accordion a::after {\r\n font-family: \"Ionicons\";\r\n content: \"\\f123\";\r\n position: absolute;\r\n float: right;\r\n right: 0.5rem;\r\n font-size: 1rem;\r\n color: #7288a2;\r\n padding: 5px;\r\n align: \"center\";\r\n width: 30px;\r\n height: 30px;\r\n -webkit-border-radius: 50%;\r\n -moz-border-radius: 50%;\r\n border-radius: 50%;\r\n text-align: center;\r\n }\r\n .accordion a.active::after {\r\n font-family: \"Ionicons\";\r\n content: \"\\f126\";\r\n color: #ff5353;\r\n }\r\n .accordion .content {\r\n opacity: 0;\r\n padding: 0 1rem;\r\n max-height: 0;\r\n border-bottom: 1px solid #e5e5e5;\r\n overflow: hidden;\r\n clear: both;\r\n -webkit-transition: all 0.2s ease 0.15s;\r\n -o-transition: all 0.2s ease 0.15s;\r\n transition: all 0.2s ease 0.15s;\r\n }\r\n .accordion .content p {\r\n font-size: 1rem;\r\n font-weight: 300;\r\n }\r\n .accordion .content.active {\r\n opacity: 1;\r\n padding: 1rem;\r\n max-height: 100%;\r\n -webkit-transition: all 0.35s ease 0.15s;\r\n -o-transition: all 0.35s ease 0.15s;\r\n transition: all 0.35s ease 0.15s;\r\n }\r\n\r\n button {\r\n font-family: Nunito;\r\n font-size: 25px;\r\n color: #ffffff;\r\n height: 70px;\r\n width: 270px;\r\n background-color: #fe5d00;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n margin-left: auto;\r\n margin-right: auto;\r\n margin-top: 50px;\r\n border-radius: 7px;\r\n border-style: none;\r\n outline: thin dotted;\r\n outline: 0px auto -webkit-focus-ring-color;\r\n outline-offset: 0px;\r\n &:hover {\r\n cursor: pointer;\r\n }\r\n }\r\n`;\r\n\r\nexport const Video = styled.div`\r\n display: flex;\r\n justify-content: center;\r\n width: 100%;\r\n height: 500px;\r\n background-color: #000000;\r\n margin-left: auto;\r\n margin-right: auto;\r\n margin-top: 50px;\r\n iframe {\r\n top: 0;\r\n left: 0;\r\n width: 50%;\r\n height: 500px;\r\n @media (max-width: 1000px) {\r\n width: 100%;\r\n }\r\n }\r\n @media (max-width: 1000px) {\r\n height:500px;\r\n }\r\n`;\r\n\r\nexport const LogoBibi = styled.img`\r\n display: flex;\r\n justify-content: center;\r\n margin-left: auto;\r\n margin-right: auto;\r\n margin-top: 50px;\r\n width: 300px;\r\n height: 100px;\r\n`;\r\n\r\nexport const SpanBibi = styled.p`\r\n display: flex;\r\n justify-content: center;\r\n width: 94%;\r\n font-size: 15px;\r\n line-height: 3em;\r\n margin-right: auto;\r\n margin-left: auto;\r\n text-align: center;\r\n @media (max-width: 850px) {\r\n font-size: 14px;\r\n }\r\n`;\r\n\r\nexport const Copyright = styled.p`\r\n display: flex;\r\n justify-content: center;\r\n width: 94%;\r\n color: gray;\r\n font-size: 14px;\r\n line-height: 3em;\r\n margin-right: auto;\r\n margin-left: auto;\r\n text-align: center;\r\n @media (max-width: 1000px) {\r\n font-size: 12px;\r\n }\r\n`;\r\n\r\nexport const Sustentabilidade = styled.img`\r\n width: 94%;\r\n display: flex;\r\n justify-content: center;\r\n margin-right: auto;\r\n margin-left: auto;\r\n cursor: pointer;\r\n`;\r\n\r\nexport const EmailSpan = styled.a`\r\n color: #fe5d00;\r\n text-decoration: none;\r\n @media (max-width: 490px) {\r\n font-size: 20px;\r\n }\r\n`;\r\n","import React from \"react\";\r\nimport {\r\n Container,\r\n Video,\r\n LogoBibi,\r\n EmailSpan,\r\n Copyright\r\n} from \"./styles\";\r\nimport logoBibi from \"../../../../assets/logo.svg\";\r\nimport { TitleToSmooth } from \"../../../../styles\";\r\n\r\nimport { mockPath } from \"../../../../utils/utils\";\r\n\r\nexport default function Faq() {\r\n\r\n function ButtonClick() {\r\n \r\n window.location.replace(`${mockPath}cadastrar`)\r\n }\r\n\r\n function toggleAccordion(id) {\r\n var divOne = document.getElementById(id);\r\n divOne.classList.toggle(\"active\");\r\n divOne.nextElementSibling.classList.toggle(\"active\");\r\n }\r\n\r\n return (\r\n \r\n FAQ \r\n FAQ \r\n \r\n
Perguntas Frequentes \r\n\r\n
\r\n
toggleAccordion(\"divOne\")}\r\n >\r\n Posso inscrever uma idéia? \r\n \r\n
\r\n Não, a Bibi poderá contratar a empresa como forcenedora ou fazer\r\n uma parceria comercial para ofertar a solução para os seus\r\n clientes.\r\n
\r\n
\r\n
toggleAccordion(\"divTwo\")}\r\n >\r\n Todos inscritos participarão de todas as etapas? \r\n \r\n
Não, somente aquelas que forem selecionadas.
\r\n
toggleAccordion(\"divThree\")}\r\n >\r\n É um programa de curta duração? \r\n \r\n
\r\n É um programa contínuo e os desafios tem seus respectivos prazos\r\n definidos.\r\n
\r\n
toggleAccordion(\"divFour\")}\r\n >\r\n É um programa de investimento em equity? \r\n \r\n
\r\n O programa objetiva a conexão com empresas, com os fins de (I)\r\n Parceira (oferta de serviços ou produtos conjuntamente) ou (II)\r\n Fornrcedor (fornecimento de solução)..\r\n
\r\n
Ainda há dúvidas? \r\n \r\n Nos envie um e-mail:{\" \"}\r\n \r\n inovacao@bibi.com.br\r\n \r\n \r\n ButtonClick()}>Quero Participar \r\n \r\n VIDEO \r\n \r\n \r\n Copyright 2022. Todos os Direitos Reservados.\r\n Calçados Bibi LTDA | RS 239 Km 28,4 nº 3600 | CEP: 95630-000 | Parobé - RS Brasil\r\n \r\n \r\n );\r\n}\r\n","import styled from \"styled-components\";\r\n\r\nexport const Container = styled.div`\r\n display: none; /* Hidden by default */\r\n position: fixed; /* Stay in place */\r\n z-index: 1000; /* Sit on top */\r\n padding-top: 50px; /* Location of the box */\r\n left: 0;\r\n top: 0;\r\n width: 100%; /* Full width */\r\n height: 100%; \r\n overflow: auto; /* Enable scroll if needed */\r\n background-color: rgb(0, 0, 0); /* Fallback color */\r\n background-color: rgba(0, 0, 0, 0.4);\r\n`;\r\n\r\nexport const ModalContent = styled.div`\r\n background-color: #fefefe;\r\n margin: auto;\r\n padding: 20px;\r\n border: 1px solid #888;\r\n width: 27%;\r\n border-radius: 10px;\r\n /* @media(max-width: 1200px) {\r\n width:30%;\r\n } */\r\n @media(max-width: 1100px) {\r\n width:50%;\r\n }\r\n @media(max-width: 1000px) {\r\n width: 75%;\r\n } \r\n h2 {\r\n text-align: center;\r\n font-family: Nunito;\r\n color: #FE5D00;\r\n padding: 0px;\r\n margin: 0px;\r\n }\r\n p{\r\n font-size: 16px;\r\n font-family: Nunito;\r\n line-height: 1.5em;\r\n margin-bottom: 20px;\r\n margin-top: 10px;\r\n }\r\n form {\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n span {\r\n font-size: 16px;\r\n font-family: Nunito;\r\n margin-bottom: 5px;\r\n @media(max-width: 1000px) {\r\n font-size: 14px;\r\n } \r\n }\r\n input {\r\n font-family: Nunito;\r\n height: 30px;\r\n margin-bottom: 15px;\r\n color: #333;\r\n border: 1px solid #dcdce6;\r\n border-radius: 8px;\r\n padding-left: 8px;\r\n }\r\n button {\r\n font-family: Nunito;\r\n font-size: 22px;\r\n height: 50px;\r\n color: #ffffff;\r\n background-color: #FE5D00;\r\n border-radius: 7px;\r\n border-style: none;\r\n outline: thin dotted;\r\n outline: 0px auto -webkit-focus-ring-color;\r\n outline-offset: 0px;\r\n &:hover{\r\n cursor: pointer;\r\n }\r\n }\r\n`;\r\n","import React, { useState, useEffect } from 'react';\r\nimport { Container, ModalContent } from './styles';\r\nimport Swal from 'sweetalert2';\r\nimport api from '../../../../services/api';\r\n\r\nexport default function ModalEmail({ nomeDesafio }) {\r\n\r\n const modal = document.getElementById(\"myModal\");\r\n\r\n const [name, setName] = useState(\"\");\r\n const [contact, setContact] = useState(\"\");\r\n const [email, setEmail] = useState(\"\");\r\n const [telefone, setTelefone] = useState(\"\");\r\n const [desafio, setDesafio] = useState(\"\");\r\n\r\n useEffect(() => {\r\n setDesafio(nomeDesafio);\r\n }, [nomeDesafio]);\r\n\r\n window.onclick = function (event) {\r\n const modal = document.getElementById(\"myModal\");\r\n if (event.target === modal) {\r\n modal.style.display = \"none\";\r\n setName('');\r\n setContact('');\r\n setEmail('');\r\n setTelefone('');\r\n setDesafio('')\r\n }\r\n };\r\n\r\n async function handleSubmit(e) {\r\n e.preventDefault();\r\n\r\n const data = {\r\n empresa: name,\r\n contato: contact,\r\n email: email,\r\n telefone: telefone,\r\n desafio: desafio,\r\n };\r\n\r\n try {\r\n await api.post(\"utils/sendMail\", data);\r\n Swal.fire({\r\n zIndex: 10000,\r\n icon: \"success\",\r\n title: \"Sucesso!\",\r\n text: \"Cadastro confirmado!\",\r\n }).then((result) => {\r\n if (result.isConfirmed) {\r\n modal.style.display = \"none\";\r\n }\r\n setName('');\r\n setContact('');\r\n setEmail('');\r\n setTelefone('');\r\n setDesafio('')\r\n });\r\n } catch (err) {\r\n Swal.fire({\r\n icon: \"error\",\r\n title: \"Ops...\",\r\n text: \"Não foi possivel, tente novamente!\",\r\n });\r\n }\r\n }\r\n\r\n return (\r\n \r\n \r\n Calma ai... \r\n \r\n Estamos ajustando os últimos detalhes desse novo projeto. Enquanto\r\n isso você já pode realizar a pré-inscrição, enviando as informações\r\n da sua empresa:\r\n
\r\n \r\n \r\n \r\n )\r\n}","import React, { useState } from \"react\";\r\nimport Header from \"../LandPage2.0/components/Header\";\r\nimport { Container } from \"../../styles\";\r\nimport Programa from \"./components/Programa\";\r\nimport Desafios from \"./components/Desafios\";\r\nimport ComoFunciona from \"./components/ComoFunciona\";\r\nimport StyledMenu from \"./components/StyledMenu\";\r\nimport Faq from \"./components/Faq\";\r\n// import Footer from \"./components/Footer\";\r\nimport Modal from \"./components/Modal\";\r\nimport { Box } from \"@material-ui/core\";\r\n\r\n\r\nfunction LandPage() {\r\n\r\n const[nomeDesafio, setNomeDesafio] = useState('');\r\n\r\n function addNomeDesafio(nome){\r\n setNomeDesafio(nome);\r\n }\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\nexport default LandPage;\r\n","export default __webpack_public_path__ + \"static/media/logoPortal.dcae4c6a.svg\";","import styled from \"styled-components\";\r\nimport backgroundOne from \"../../../../assets/backgroundOne.png\";\r\n\r\nexport const Container = styled.div`\r\n height: 100%;\r\n display: flex;\r\n align-items: center;\r\n flex-direction: column;\r\n background-image: url(${backgroundOne});\r\n justify-content: space-around;\r\n width: 100%;\r\n`;\r\n\r\nexport const Inovacao = styled.img`\r\n /* max-height: 350px; */\r\n /* width: 100%; */\r\n height: 180px;\r\n\r\n @media (max-width: 480px) {\r\n height: 120px;\r\n }\r\n`;\r\n\r\nexport const DivOne = styled.div`\r\n margin-top: 80px;\r\n display: flex;\r\n justify-content: space-evenly;\r\n align-items: center;\r\n width: 100%;\r\n ul {\r\n max-width: 500px;\r\n max-height: 200px;\r\n width: 100%;\r\n height: 100%;\r\n display: grid;\r\n list-style: none;\r\n line-height: 70px;\r\n span {\r\n font-size: 40px;\r\n }\r\n @media (max-width: 1000px) {\r\n flex-direction: column;\r\n display: flex;\r\n justify-content: space-between;\r\n }\r\n }\r\n @media (max-width: 1000px) {\r\n flex-direction: column;\r\n display: flex;\r\n justify-content: space-between;\r\n }\r\n\r\n .negocios {\r\n @media (max-width: 500px) {\r\n font-size: 35px !important;\r\n }\r\n }\r\n`;\r\n\r\nexport const DivTwo = styled.div`\r\n margin-top: 50px;\r\n\r\n @media (max-width: 500px) {\r\n margin-top: 80px;\r\n }\r\n\r\n display: flex;\r\n justify-content: center;\r\n height: 150px;\r\n button {\r\n font-family: Nunito;\r\n font-size: 24px;\r\n color: #ffffff;\r\n height: 70px;\r\n width: 270px;\r\n background-color: #fe5d00;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n margin-left: auto;\r\n margin-right: auto;\r\n border-radius: 7px;\r\n border-style: none;\r\n outline: thin dotted;\r\n outline: 0px auto -webkit-focus-ring-color;\r\n outline-offset: 0px;\r\n &:hover {\r\n cursor: pointer;\r\n }\r\n }\r\n`;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport logoPortal from \"../../../../assets/logoPortal.svg\";\r\nimport TypeWriterEffect from \"react-typewriter-effect\";\r\n\r\nimport { Container, DivOne, DivTwo, Inovacao } from \"./styles\";\r\nimport { mockPath, textsSlideTop } from \"../../../../utils/utils\";\r\n\r\nfunction useWindowSize() {\r\n const [windowSize, setWindowSize] = useState({\r\n width: undefined,\r\n height: undefined,\r\n });\r\n\r\n useEffect(() => {\r\n function handleResize() {\r\n setWindowSize({\r\n width: window.innerWidth,\r\n height: window.innerHeight,\r\n });\r\n }\r\n\r\n window.addEventListener(\"resize\", handleResize);\r\n handleResize();\r\n return () => window.removeEventListener(\"resize\", handleResize);\r\n }, []);\r\n\r\n if (windowSize.width <= 360) {\r\n return \"30px\";\r\n }\r\n if (windowSize.width <= 500) {\r\n return \"45px\";\r\n }\r\n if (windowSize.width <= 900) {\r\n return \"53px\";\r\n }\r\n return \"70px\";\r\n}\r\n\r\nexport default function InovacaoComponent() {\r\n\r\n const size = useWindowSize();\r\n\r\n function ButtonClick() {\r\n window.location.replace(`${mockPath}cadastrar`)\r\n }\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n {textsSlideTop.partialText1} \r\n \r\n \r\n \r\n \r\n {textsSlideTop.partialText2} \r\n \r\n \r\n \r\n \r\n {textsSlideTop.buttonText} \r\n \r\n \r\n );\r\n}\r\n","import React from 'react';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport Card from '@material-ui/core/Card';\r\nimport CardContent from '@material-ui/core/CardContent';\r\nimport CardMedia from '@material-ui/core/CardMedia';\r\nimport Button from '@material-ui/core/Button';\r\nimport Typography from '@material-ui/core/Typography';\r\nimport { Box } from '@material-ui/core';\r\nimport clsx from 'clsx';\r\nconst useStyles = makeStyles({\r\n root: {\r\n maxWidth: 345,\r\n margin: '0px 24px',\r\n '@media(max-width: 938px)': {\r\n maxWidth: '90%',\r\n margin: 24,\r\n },\r\n },\r\n mediaChallenge: {\r\n height: 115,\r\n width: 245,\r\n margin: 'auto'\r\n },\r\n mediaPartner: {\r\n height: 115,\r\n width: 115,\r\n margin: 'auto'\r\n },\r\n mediaBoard: {\r\n height: 113,\r\n width: 113,\r\n margin: 'auto'\r\n },\r\n textLoc: {\r\n color: '#6C6C6C',\r\n fontSize: 20,\r\n fontWeight: 400,\r\n lineHeight: '27.28px',\r\n textAlign: 'center'\r\n },\r\n textAdapt: {\r\n margin: '8px 0 8px',\r\n textTransform: 'none',\r\n backgroundColor: '#FE5D00',\r\n color: '#FFFFFF',\r\n fontWeight: 600,\r\n '&:hover': {\r\n backgroundColor: '#FE5D00',\r\n }\r\n },\r\n textButton: {\r\n textTransform: 'none',\r\n backgroundColor: '#FE5D00',\r\n color: '#FFFFFF',\r\n fontSize: 22,\r\n fontWeight: 400,\r\n lineHeight: '33px',\r\n }\r\n});\r\n\r\nexport default function InitialOpportunityCard({ item, index }) {\r\n const classes = useStyles();\r\n\r\n\r\n function handleRedirect(path) {\r\n\r\n window.location.replace(`${path}`)\r\n }\r\n return (\r\n \r\n\r\n \r\n \r\n {item.text}\r\n \r\n \r\n\r\n \r\n\r\n { handleRedirect(item?.path) }} fullWidth>\r\n \r\n {item.buttonText}\r\n \r\n \r\n\r\n \r\n \r\n );\r\n}","import React from 'react';\r\nimport Box from '@material-ui/core/Box';\r\nimport Typography from '@material-ui/core/Typography';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport Container from '@material-ui/core/Container';\r\n\r\n\r\nimport InitialOpportunityCard from '../../../../components/InitialOpportunityCard';\r\nimport { initialOpportunityObjects } from '../../../../utils/utils';\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n root: {\r\n flexGrow: 1,\r\n maxWidth: 'inherit'\r\n },\r\n container: {\r\n paddingLeft: 0,\r\n paddingRight: 0,\r\n justifyContent: 'center'\r\n\r\n },\r\n title: {\r\n fontSize: 36,\r\n color: \"#000000\",\r\n textTransform: 'uppercase',\r\n letterSpacing: '-2.05px',\r\n fontFamily: 'Nunito',\r\n textAlign: 'center',\r\n margin: '3.5rem 0'\r\n },\r\n textAdapt: {\r\n color: \"#FE5D00\",\r\n textTransform: 'none',\r\n backgroundColor: 'transparent!important',\r\n padding: theme.spacing(1 / 2),\r\n },\r\n flex: {\r\n display: 'flex',\r\n justifyContent: 'center',\r\n '@media(max-width: 938px)': {\r\n display: 'block',\r\n textAlign: 'center',\r\n margin: 8\r\n },\r\n }\r\n\r\n}));\r\n\r\nexport default function InitialOpportunity() {\r\n const classes = useStyles();\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n Oportunidades\r\n \r\n \r\n \r\n\r\n \r\n {initialOpportunityObjects.map((item, index) => (\r\n \r\n \r\n
\r\n );\r\n}","export default __webpack_public_path__ + \"static/media/sustentabilidade.8e014898.png\";","export default __webpack_public_path__ + \"static/media/treeVector.26d94a4d.svg\";","import styled from \"styled-components\";\r\n\r\nexport const Video = styled.div`\r\n display: flex;\r\n justify-content: center;\r\n width: 100%;\r\n height: 500px;\r\n background-color: #000000;\r\n margin-left: auto;\r\n margin-right: auto;\r\n margin-top: 50px;\r\n iframe {\r\n top: 0;\r\n left: 0;\r\n width: 50%;\r\n height: 500px;\r\n @media (max-width: 1000px) {\r\n width: 100%;\r\n }\r\n }\r\n @media (max-width: 1000px) {\r\n height:500px;\r\n }\r\n`;\r\n\r\n\r\nexport const Container = styled.div`\r\n height: 100%;\r\n display: flex;\r\n align-items: center;\r\n flex-direction: column;\r\n background-color: #E8F2ED;\r\n justify-content: space-around;\r\n width: 100%;\r\n margin-top:64px;\r\n`;\r\n\r\nexport const SustentabilidadeImage = styled.img`\r\n max-width: 380.38px;\r\n max-height: 350px;\r\n width: 100%;\r\n height: 100vh;\r\n`;\r\n\r\nexport const DivOne = styled.div`\r\n margin-top: 80px;\r\n display: flex;\r\n justify-content: space-evenly;\r\n align-items: center;\r\n width: 100%;\r\n @media (max-width: 1000px) {\r\n flex-direction: column;\r\n display: flex;\r\n justify-content: space-between;\r\n }\r\n }\r\n @media (max-width: 1000px) {\r\n flex-direction: column;\r\n display: flex;\r\n justify-content: space-between;\r\n }\r\n`;\r\n\r\nexport const DivTwo = styled.div`\r\n margin-top: 50px;\r\n display: flex;\r\n justify-content: center;\r\n height: 150px;\r\n button {\r\n font-family: Nunito;\r\n font-size: 24px;\r\n color: #ffffff;\r\n height: 70px;\r\n width: 250px;\r\n background-color: #06C8A9;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n margin-left: auto;\r\n margin-right: auto;\r\n border-radius: 7px;\r\n border-style: none;\r\n outline: thin dotted;\r\n outline: 0px auto -webkit-focus-ring-color;\r\n outline-offset: 0px;\r\n &:hover {\r\n cursor: pointer;\r\n background-color: #06c8a982;\r\n }\r\n }\r\n`;\r\n\r\n","import React from \"react\";\r\nimport sustentabilidade from \"../../../../assets/sustentabilidade.png\";\r\nimport treeVector from \"../../../../assets/treeVector.svg\";\r\nimport { Container, DivTwo, SustentabilidadeImage } from \"./styles\";\r\nimport { SUSTENTABILITY_GUIDE_ADDRESS, textLandingPage2 } from \"../../../../utils/utils\";\r\nimport { Box, Button, makeStyles, Typography } from \"@material-ui/core\";\r\n\r\nconst useStyles = makeStyles(() => ({\r\n title: {\r\n fontSize: 36,\r\n color: \"#000000\",\r\n textTransform: 'uppercase',\r\n letterSpacing: '-2.05px',\r\n fontFamily: 'Nunito',\r\n textAlign: 'center',\r\n margin: '3.5rem'\r\n },\r\n positioneItem: {\r\n display: 'flex',\r\n alignItems: 'end',\r\n justifyContent: 'center',\r\n '@media(max-width: 938px)': {\r\n display: 'block',\r\n textAlign: 'center'\r\n }\r\n },\r\n texts: {\r\n margin: '80px',\r\n width: '45%',\r\n maxWidth: '60%',\r\n '@media(max-width: 938px)': {\r\n maxWidth: '95%',\r\n width: '90%',\r\n margin: 30\r\n }\r\n },\r\n texts2: {\r\n fontSize: 20\r\n },\r\n textButton: {\r\n textTransform: 'none',\r\n color: '#FFFFFF',\r\n fontSize: 18,\r\n fontWeight: 400,\r\n lineHeight: '33px',\r\n },\r\n textSustentability: {\r\n fontWeight: 600\r\n },\r\n tree: {\r\n marginLeft: 0,\r\n marginRight: 12,\r\n }\r\n}));\r\n\r\n// function useWindowSize() {\r\n// const [windowSize, setWindowSize] = useState({\r\n// width: undefined,\r\n// height: undefined,\r\n// });\r\n\r\n// useEffect(() => {\r\n// function handleResize() {\r\n// setWindowSize({\r\n// width: window.innerWidth,\r\n// height: window.innerHeight,\r\n// });\r\n// }\r\n\r\n// window.addEventListener(\"resize\", handleResize);\r\n// handleResize();\r\n// return () => window.removeEventListener(\"resize\", handleResize);\r\n// }, []);\r\n\r\n// if (windowSize.width <= 360) {\r\n// return \"30px\";\r\n// }\r\n// if (windowSize.width <= 500) {\r\n// return \"50px\";\r\n// }\r\n// if (windowSize.width <= 900) {\r\n// return \"53px\";\r\n// }\r\n// return \"70px\";\r\n// }\r\n\r\nexport default function Sustentabilidade() {\r\n const classes = useStyles();\r\n\r\n function ButtonClick() {\r\n\r\n window.open(`${SUSTENTABILITY_GUIDE_ADDRESS}`)\r\n }\r\n\r\n return (\r\n \r\n {/* \r\n \r\n \r\n Sustentabilidade\r\n \r\n \r\n */}\r\n \r\n \r\n \r\n {textLandingPage2.sustainabilityText1}\r\n \r\n \r\n \r\n {textLandingPage2.sustainabilityText2}\r\n \r\n \r\n \r\n {textLandingPage2.sustainabilityText3}\r\n \r\n \r\n \r\n \r\n \r\n \r\n Veja o relatório de\r\n {\" \"}\r\n Sustentabilidade Bibi \r\n \r\n \r\n \r\n {/* {textsSlideTop.buttonText} */}\r\n \r\n \r\n );\r\n}\r\n","export default __webpack_public_path__ + \"static/media/fazerBemImage.6865373f.png\";","import styled from \"styled-components\";\r\n\r\nexport const Video = styled.div`\r\n display: flex;\r\n justify-content: center;\r\n width: 100%;\r\n height: 500px;\r\n background-color: #000000;\r\n margin-left: auto;\r\n margin-right: auto;\r\n iframe {\r\n top: 0;\r\n left: 0;\r\n width: 50%;\r\n height: 500px;\r\n @media (max-width: 1000px) {\r\n width: 100%;\r\n }\r\n }\r\n @media (max-width: 1000px) {\r\n height:500px;\r\n }\r\n`;\r\n","import React from 'react';\r\nimport Box from '@material-ui/core/Box';\r\nimport Typography from '@material-ui/core/Typography';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport Container from '@material-ui/core/Container';\r\n\r\n\r\nimport AssignmentIcon from '@material-ui/icons/Assignment';\r\nimport fazerBem from '../../../../assets/fazerBemImage.png';\r\nimport { Video } from './styles';\r\nimport { Button } from '@material-ui/core';\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n root: {\r\n flexGrow: 1,\r\n maxWidth: 'inherit'\r\n },\r\n container: {\r\n paddingLeft: 0,\r\n paddingRight: 0,\r\n justifyContent: 'center'\r\n },\r\n title: {\r\n fontSize: 36,\r\n color: \"#000000\",\r\n textTransform: 'uppercase',\r\n letterSpacing: '-2.05px',\r\n fontFamily: 'Nunito',\r\n textAlign: 'center',\r\n margin: '3.5rem'\r\n },\r\n textAdapt: {\r\n color: \"#FE5D00\",\r\n textTransform: 'none',\r\n backgroundColor: 'transparent!important',\r\n padding: theme.spacing(1 / 2),\r\n },\r\n purposeBackground: {\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent: 'center',\r\n // maxHeight: 380,\r\n backgroundColor: '#C6C7C2',\r\n '@media(max-width: 938px)': {\r\n display: 'block',\r\n textAlign: 'center'\r\n },\r\n },\r\n imagePurpose: {\r\n maxWidth: '350px',\r\n width: '100%',\r\n },\r\n textAdapt2: {\r\n height: 70,\r\n width: 280,\r\n padding: '40px 10px 40px 24px',\r\n margin: '8px 0 8px',\r\n textTransform: 'none',\r\n backgroundColor: '#FE5D00',\r\n color: '#FFFFFF',\r\n fontWeight: 600,\r\n borderRadius: '10px',\r\n '&:hover': {\r\n backgroundColor: '#FE5D00',\r\n }\r\n },\r\n textButton: {\r\n textTransform: 'none',\r\n backgroundColor: 'inherit',\r\n color: '#FFFFFF',\r\n fontSize: 18,\r\n fontWeight: 400,\r\n lineHeight: '33px',\r\n },\r\n textEtics: {\r\n fontWeight: 600\r\n },\r\n pos: {\r\n position: 'relative',\r\n bottom: '-120px',\r\n left: '8%',\r\n width: 'auto',\r\n '@media(max-width: 938px)': {\r\n display: 'flex',\r\n margin: 'auto',\r\n left: 'unset',\r\n bottom: 'unset'\r\n },\r\n '&:hover': {\r\n cursor: 'pointer',\r\n backgroundColor: '#fe5d007a',\r\n }\r\n },\r\n boxImage: {\r\n //width:'45%',\r\n marginRight: '5%',\r\n '@media(max-width: 938px)': {\r\n width: '100%',\r\n marginRight: '0%',\r\n }\r\n },\r\n boxText: {\r\n //width:'50%',\r\n marginLeft: '5%',\r\n '@media(max-width: 938px)': {\r\n width: '100%',\r\n marginLeft: '0%',\r\n marginTop: '-50px',\r\n paddingBottom: '1rem'\r\n }\r\n },\r\n report: {\r\n marginLeft: 0,\r\n marginRight: 12,\r\n fontSize: '35px!important'\r\n },\r\n report2: {\r\n marginLeft: 0,\r\n marginRight: 12,\r\n fontSize: '45px!important'\r\n }\r\n\r\n}));\r\n\r\nexport default function Sobre() {\r\n const classes = useStyles();\r\n\r\n return (\r\n \r\n
\r\n \r\n VIDEO \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Consulte nosso código\r\n de Conduta e Ética \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n
\r\n \r\n Calma ai... \r\n \r\n Estamos ajustando os últimos detalhes desse novo projeto. Enquanto\r\n isso você já pode realizar a pré-inscrição, enviando as informações\r\n da sua empresa:\r\n
\r\n \r\n \r\n \r\n )\r\n}","export default __webpack_public_path__ + \"static/media/threeMedals.63c031d1.png\";","import styled from \"styled-components\";\r\nimport { Button } from \"@material-ui/core\";\r\n\r\nexport const Video = styled.div`\r\n display: flex;\r\n justify-content: center;\r\n width: 100%;\r\n height: 500px;\r\n background-color: #000000;\r\n margin-left: auto;\r\n margin-right: auto;\r\n margin-top: 50px;\r\n iframe {\r\n top: 0;\r\n left: 0;\r\n width: 50%;\r\n height: 500px;\r\n @media (max-width: 1000px) {\r\n width: 100%;\r\n }\r\n }\r\n @media (max-width: 1000px) {\r\n height:500px;\r\n }\r\n`;\r\n\r\n\r\nexport const Container = styled.div`\r\n height: 100%;\r\n display: flex;\r\n align-items: center;\r\n flex-direction: column;\r\n justify-content: space-around;\r\n width: 100%;\r\n`;\r\n\r\nexport const MedalsImage = styled.img`\r\n max-width: 10em;\r\n max-height: 10em;\r\n width: 100%;\r\n height: 100vh;\r\n`;\r\n\r\nexport const DivOne = styled.div`\r\n margin-top: 80px;\r\n display: flex;\r\n justify-content: space-evenly;\r\n align-items: center;\r\n width: 100%;\r\n @media (max-width: 1000px) {\r\n flex-direction: column;\r\n display: flex;\r\n justify-content: space-between;\r\n }\r\n }\r\n @media (max-width: 1000px) {\r\n flex-direction: column;\r\n display: flex;\r\n justify-content: space-between;\r\n }\r\n`;\r\n\r\nexport const DivTwo = styled.div`\r\n margin-top: 50px;\r\n display: flex;\r\n justify-content: center;\r\n height: 150px;\r\n button {\r\n font-family: Nunito;\r\n font-size: 24px;\r\n color: #ffffff;\r\n height: 70px;\r\n width: 270px;\r\n background-color: #06C8A9;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n margin-left: auto;\r\n margin-right: auto;\r\n border-radius: 7px;\r\n border-style: none;\r\n outline: thin dotted;\r\n outline: 0px auto -webkit-focus-ring-color;\r\n outline-offset: 0px;\r\n &:hover {\r\n cursor: pointer;\r\n background-color: #06c8a982;\r\n }\r\n }\r\n`\r\nexport const FakeButton = styled(Button)`\r\n height: 3em;\r\n min-height: 3em;\r\n width: 12em;\r\n min-width: 12em;\r\n padding: 6px 10px;\r\n margin: ${props => props.margin ? props.margin : '10px 15px 10px 0'};\r\n font-weight: 600;\r\n color: #FE5D00;\r\n background-color: #FFFFFF;\r\n border: 2px solid #FE5D00;\r\n text-transform: none;\r\n pointer-events: none;\r\n border-radius:10px;\r\n @media(max-width: 425px) {\r\n margin: 10px auto;\r\n }\r\n\r\n &:hover {\r\n background-color: transparent;\r\n }\r\n`\r\n;\r\n\r\n","export default __webpack_public_path__ + \"static/media/slideup1.a0cbed4c.jpeg\";","export default __webpack_public_path__ + \"static/media/slideup2.d2254898.jpeg\";","export default __webpack_public_path__ + \"static/media/slideup3.ac80dcd4.jpeg\";","export default __webpack_public_path__ + \"static/media/slide1.2bfd107e.jpeg\";","export default __webpack_public_path__ + \"static/media/slide2.6d4c6375.jpeg\";","export default __webpack_public_path__ + \"static/media/slide3.2161c344.jpeg\";","export default __webpack_public_path__ + \"static/media/slide4.70216cd6.jpeg\";","export default __webpack_public_path__ + \"static/media/slide5.3a1dc590.jpeg\";","export default __webpack_public_path__ + \"static/media/slide6.2da79d57.jpeg\";","export default __webpack_public_path__ + \"static/media/slide7.cad05074.jpeg\";","import React from \"react\";\r\nimport threeMedals from \"../../../../assets/threeMedals.png\";\r\nimport { Container, FakeButton, MedalsImage } from \"./styles\";\r\nimport { textLandingPage2 } from \"../../../../utils/utils\";\r\nimport { Box, makeStyles, Typography } from \"@material-ui/core\";\r\nimport { Carousel } from \"react-responsive-carousel\";\r\n\r\n\r\n\r\nimport slideup1 from '../../../../assets/slides/slideup1.jpeg';\r\nimport slideup2 from '../../../../assets/slides/slideup2.jpeg';\r\nimport slideup3 from '../../../../assets/slides/slideup3.jpeg';\r\nimport slide1 from '../../../../assets/slides/slide1.jpeg';\r\nimport slide2 from '../../../../assets/slides/slide2.jpeg';\r\nimport slide3 from '../../../../assets/slides/slide3.jpeg';\r\nimport slide4 from '../../../../assets/slides/slide4.jpeg';\r\nimport slide5 from '../../../../assets/slides/slide5.jpeg';\r\nimport slide6 from '../../../../assets/slides/slide6.jpeg';\r\nimport slide7 from '../../../../assets/slides/slide7.jpeg';\r\nimport \"react-responsive-carousel/lib/styles/carousel.min.css\";\r\n\r\nconst useStyles = makeStyles(() => ({\r\n title: {\r\n fontSize: 36,\r\n color: \"#000000\",\r\n textTransform: 'uppercase',\r\n letterSpacing: '-2.05px',\r\n fontFamily: 'Nunito',\r\n textAlign: 'center',\r\n margin: '3.5rem'\r\n },\r\n positioneItem: {\r\n display: 'flex',\r\n alignItems: 'flex-start',\r\n justifyContent: 'center',\r\n '@media(max-width: 938px)': {\r\n display: 'block',\r\n textAlign: 'center'\r\n }\r\n },\r\n texts: {\r\n margin: '0px 80px 80px 0px',\r\n width: '45%',\r\n maxWidth: '60%',\r\n '@media(max-width: 938px)': {\r\n maxWidth: '95%',\r\n width: '90%',\r\n margin: 30\r\n }\r\n },\r\n texts2: {\r\n fontSize: 20,\r\n textAlign: 'inherit',\r\n\r\n '@media (max-width: 700px)': {\r\n textAlign: 'center'\r\n }\r\n },\r\n textButton: {\r\n textTransform: 'none',\r\n color: '#FFFFFF',\r\n fontSize: 18,\r\n fontWeight: 400,\r\n lineHeight: '33px',\r\n },\r\n customButtons: {\r\n width: '60vw',\r\n },\r\n customWidth: {\r\n width: '70vw',\r\n },\r\n orangeSet: {\r\n margin: '2em',\r\n backgroundColor: \"#FE5D00\",\r\n width: '100vw',\r\n minHeight: '7em',\r\n height: 'auto',\r\n '@media(max-width: 938px)': {\r\n //height:'16em',\r\n },\r\n justifyContent: 'space-evenly',\r\n display: 'flex'\r\n },\r\n inBoxOrange: {\r\n '@media(max-width: 938px)': {\r\n alignSelf: 'center',\r\n textAlign: 'center',\r\n margin: 'auto auto',\r\n //height:'16em',\r\n }\r\n },\r\n changeCarousel: {\r\n height: '15rem'\r\n },\r\n boxSlide: {\r\n width: '45%',\r\n marginRight: '5%',\r\n '@media(max-width: 938px)': {\r\n width: '100%',\r\n marginRight: '0%',\r\n }\r\n },\r\n boxText: {\r\n width: '50%',\r\n marginLeft: '5%',\r\n '@media(max-width: 938px)': {\r\n width: '100%',\r\n marginLeft: '0%',\r\n marginTop: '10%'\r\n }\r\n },\r\n noLeft: {\r\n '@media(max-width: 938px)': {\r\n marginLeft: 0\r\n }\r\n }\r\n}));\r\n\r\nexport default function Premiacao() {\r\n const classes = useStyles();\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n {textLandingPage2.premiacaoTitle}\r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n {textLandingPage2.premiacaoText1}\r\n {\" \"}\r\n \r\n {textLandingPage2.premiacaoTextProgram}\r\n \r\n \r\n \r\n \r\n {textLandingPage2.premiacaoText2}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {['Qualidade', 'Inovação', 'Pós-venda', 'Flexibilidade'].map((item, index) => (\r\n \r\n {item}\r\n \r\n ))\r\n }\r\n \r\n \r\n {['Velocidade', 'Sustentabilidade', 'Confiabilidade', 'Competitividade'].map((item_sec, index_sec) => (\r\n \r\n {item_sec}\r\n \r\n ))}\r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n {[slideup1,\r\n slideup2,\r\n slideup3, slide1, slide2, slide3, slide4, slide5, slide6, slide7].map((el, index) => (\r\n \r\n
\r\n ))}\r\n \r\n \r\n\r\n \r\n \r\n {textLandingPage2.premiacaoText3}\r\n {\" \"}\r\n \r\n {textLandingPage2.premiacaoText4}\r\n \r\n \r\n\r\n\r\n \r\n \r\n {textLandingPage2.premiacaoText5}\r\n \r\n \r\n \r\n \r\n \r\n );\r\n}\r\n","import { Box } from \"@material-ui/core\";\r\nimport React from \"react\";\r\nimport logoBibi from \"../../../../assets/logo.svg\";\r\n\r\nexport default function Footer() {\r\n return (\r\n \r\n \r\n );\r\n}\r\n","import api from \"./api\"\r\n\r\nconst route = 'configuracoes/';\r\n\r\nexport const SettingsService = {\r\n async getAll() {\r\n const response = await api.get(route)\r\n return response.data\r\n },\r\n\r\n async update(setting) {\r\n const response = await api.put(`${route}${setting.ID}`, { data: setting })\r\n return response.data\r\n },\r\n\r\n async getById(id) {\r\n const response = await api.get(`${route}${id}`)\r\n return response.data\r\n }\r\n}","import styled from \"styled-components\";\r\n\r\nexport const Container = styled.section`\r\n background: #CDD2CE;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-direction: column;\r\n padding: 1rem;\r\n gap: 1rem;\r\n\r\n > .title {\r\n margin: 0; \r\n font-size: 1.4rem; \r\n font-weight: bold\r\n }\r\n`\r\n\r\nexport const SupplierDayHighlight = styled.p`\r\n margin: 0;\r\n font-size: 1.4rem;\r\n font-weight: bold;\r\n background: white;\r\n border-radius: 5px;\r\n padding: .5rem .8rem;\r\n`;\r\n\r\nexport const Button = styled.button`\r\n background: #FE5D00;\r\n border: none;\r\n border-radius: 8px;\r\n padding: .5rem 1rem;\r\n color: white;\r\n font-size: 1.2rem;\r\n font-family: Nunito;\r\n font-weight: 400;\r\n cursor: pointer;\r\n`;\r\n\r\n// Modal de contato\r\n\r\nexport const cardModalStyles = {\r\n padding: '2rem',\r\n minHeight: 0,\r\n maxHeight: '90vh',\r\n overflowY: 'scroll',\r\n}\r\n\r\nexport const cardContentModalStyles = {\r\n padding: '0 8px',\r\n fontWeight: 'normal'\r\n}\r\n\r\nexport const ContactFormGrid = styled.div`\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n width: 100%;\r\n grid-row-gap: 1rem;\r\n grid-column-gap: 2rem;\r\n justify-content: space-between;\r\n`;\r\n\r\nexport const ErrorMessage = styled.p`\r\n color: red;\r\n text-align: center;\r\n`;\r\n\r\nexport const FormControl = styled.div`\r\n width: 100%;\r\n label {\r\n display: block;\r\n color: #000;\r\n font-family: Nunito;\r\n font-size: 16px;\r\n font-style: normal;\r\n font-weight: 300;\r\n line-height: normal;\r\n }\r\n\r\n input,\r\n select {\r\n width: 100%;\r\n border-radius: 5px;\r\n border: solid 0.5px #dadada;\r\n background: #fff;\r\n height: 35px;\r\n padding: 0 0.8rem;\r\n font-size: 16px;\r\n }\r\n`;\r\n\r\nexport const ContactButton = styled.button`\r\n border: solid 2px #fe5d01;\r\n border-radius: 10px;\r\n background: #fff;\r\n background: ${props => props.colorScheme === 'primary' ? '#fff' : '#fe5d01'};\r\n height: 45px;\r\n padding: 0 4rem;\r\n margin-top: 2rem;\r\n cursor: ${props => props.disabled ? 'not-allowed' : 'pointer'};;\r\n\r\n color: ${props => props.colorScheme === 'primary' ? '#fe5d01' : '#fff'};\r\n font-weight: bold;\r\n font-family: Nunito;\r\n font-size: 18px;\r\n font-style: normal;\r\n font-weight: 400;\r\n`;","/* eslint-disable eqeqeq */\r\nimport { useContactModal } from './hooks';\r\nimport BaseModal from '../../../../components/BaseModal';\r\nimport { useState } from 'react';\r\nimport { useMediaQuery } from '@material-ui/core';\r\nimport api from '../../../../services/api';\r\nimport ReactInputMask from 'react-input-mask';\r\nimport * as S from './styles';\r\n\r\nconst contactBaseObject = {\r\n COMPANY: '',\r\n CNPJ: '',\r\n MARKET: '',\r\n FUNDATION: '',\r\n PRODUCT: '',\r\n VISITOR: '',\r\n POSITION: '',\r\n EMAIL: '',\r\n PHONE: '',\r\n SUBGROUP: '',\r\n};\r\n\r\nexport function ContactModal({ open, onClose }) {\r\n const { groups } = useContactModal();\r\n const [form, setForm] = useState(contactBaseObject);\r\n const [sended, setSended] = useState('EMPTY');\r\n const [subgroups, setSubgroups] = useState([]);\r\n const matches = useMediaQuery('(max-width:1500px)');\r\n const [error, setError] = useState(false);\r\n\r\n async function handleSendForm(event) {\r\n event.preventDefault();\r\n const hasEmptyField = Object.entries(form).some((item) => item[1] === '');\r\n\r\n if (hasEmptyField) {\r\n setError(true);\r\n setTimeout(() => {\r\n setError(false);\r\n }, 2500);\r\n return;\r\n }\r\n setSended('PENDING');\r\n try {\r\n await api.post('fornecedores/dia-fornecedor', form);\r\n setSended('SENDED');\r\n setForm(contactBaseObject);\r\n\r\n setTimeout(() => {\r\n handleClose();\r\n }, 1300);\r\n } catch (e) {}\r\n }\r\n\r\n function handleSetForm(field, event) {\r\n setForm((form) => ({ ...form, [field]: event.target.value }));\r\n\r\n if (field == 'MARKET') {\r\n setSubgroups(groups.find((g) => g.NOME == event.target.value).SUBGRUPOS);\r\n }\r\n }\r\n\r\n function handleClose() {\r\n onClose();\r\n setForm(contactBaseObject);\r\n setSended('EMPTY');\r\n }\r\n\r\n return (\r\n \r\n \r\n \r\n );\r\n}\r\n","import { useEffect, useState } from 'react';\r\nimport { SettingsService } from '../../../../services/settings';\r\nimport { getGroups } from '../../../../services/subgroup';\r\n\r\nexport function useSupplierDay() {\r\n const [day, setDay] = useState('');\r\n const [contactOpen, setOpenContact] = useState(false);\r\n\r\n useEffect(() => {\r\n SettingsService.getById(1).then(({ VALOR }) => setDay(VALOR));\r\n }, []);\r\n\r\n return { day, contactOpen, setOpenContact };\r\n}\r\n\r\nexport function useContactModal() {\r\n const [groups, setGroups] = useState([]);\r\n\r\n useEffect(() => {\r\n getGroups().then((response) => setGroups(response.data));\r\n }, []);\r\n\r\n return { groups };\r\n}\r\n","import bibiLogo from '../../../../assets/logo.svg';\r\nimport { ContactModal } from './ContactModal';\r\nimport * as S from './styles';\r\nimport { useSupplierDay } from './hooks';\r\nexport function SupplierDay() {\r\n const { day, contactOpen, setOpenContact } = useSupplierDay();\r\n\r\n return (\r\n \r\n Dia do Fornecedor
\r\n {day} \r\n\r\n setOpenContact(true)}>\r\n Agende sua visita\r\n \r\n\r\n setOpenContact(false)} />\r\n \r\n );\r\n}\r\n","/* eslint-disable react-hooks/exhaustive-deps */\r\n/* eslint-disable eqeqeq */\r\nimport React, { useEffect, useState } from 'react';\r\nimport Header from './components/Header';\r\nimport Inovacao from './components/Inovacao';\r\nimport { Container } from '../../styles';\r\nimport Oportunidades from './components/Oportunidades';\r\nimport Sustentabilidade from './components/Sustentabilidade';\r\nimport Sobre from './components/Sobre';\r\nimport Modal from './components/Modal';\r\nimport { Box } from '@material-ui/core';\r\nimport Premiacao from './components/Premiacao';\r\nimport Footer from './components/Footer';\r\nimport { useLocation } from 'react-router-dom';\r\nimport { SupplierDay } from './components/SupplierDay';\r\n\r\nfunction LandPage() {\r\n const location = useLocation();\r\n const [nomeDesafio] = useState('');\r\n const [anchor, setAnchor] = useState('');\r\n\r\n\r\n\r\n useEffect(() => {\r\n let anchor = window.localStorage.getItem('anchor');\r\n\r\n if (\r\n (location?.hash && location?.hash !== '') ||\r\n (anchor && anchor !== '')\r\n ) {\r\n if (location.hash) setAnchor(location?.hash);\r\n else if (anchor) setAnchor(anchor);\r\n }\r\n }, [location]);\r\n\r\n useEffect(() => {\r\n goToAnchor();\r\n }, [anchor]);\r\n\r\n function goToAnchor() {\r\n if (anchor && anchor !== '') {\r\n document.querySelector(anchor).scrollIntoView({\r\n behavior: 'smooth',\r\n });\r\n toggleMenu();\r\n }\r\n }\r\n\r\n function toggleMenu() {\r\n const menu = document.querySelector('.menu-toggle');\r\n const nav = document.querySelector('.site-nav');\r\n nav.classList.toggle('site-nav-open');\r\n menu.classList.toggle('open');\r\n }\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n );\r\n}\r\n\r\nexport default LandPage;\r\n\r\n\r\n\r\n","import React from 'react';\r\nimport Box from '@material-ui/core/Box';\r\nimport Typography from '@material-ui/core/Typography';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport Container from '@material-ui/core/Container';\r\nimport { Grid } from '@material-ui/core';\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n root:{\r\n flexGrow:1,\r\n maxWidth:'inherit'\r\n },\r\n container:{\r\n paddingLeft: 0,\r\n paddingRight: 0,\r\n \r\n },\r\n finished:{\r\n border: '1px solid #FFFFFF',\r\n backgroundColor:theme.palette.primary.main,\r\n '&:hover':{\r\n backgroundColor:theme.palette.primary.main\r\n }\r\n },\r\n finishedText:{\r\n textTransform:'capitalize',\r\n color:theme.palette.secondary.main\r\n },\r\n selected:{\r\n backgroundColor:theme.palette.secondary.main,\r\n '&:hover':{\r\n backgroundColor:theme.palette.secondary.main\r\n }\r\n },\r\n selectedText:{\r\n textTransform:'capitalize',\r\n color:theme.palette.default.main\r\n },\r\n title: {\r\n fontSize:36,\r\n color:\"#000000\",\r\n textTransform:'none',\r\n letterSpacing: '-2.05px',\r\n },\r\n subtitle: {\r\n alignItems:\"baseline\",\r\n color:\"#000000\",\r\n fontSize:22,\r\n },\r\n form: {\r\n \r\n width: '100%', // Fix IE 11 issue.\r\n marginTop: theme.spacing(3),\r\n },\r\n fakeLink:{\r\n backgroundColor:'unset', \r\n '&:hover':{\r\n backgroundColor:'unset',\r\n textDecoration: 'underline',\r\n }\r\n },\r\n textAdapt:{\r\n color:\"#FE5D00\",\r\n textTransform:'none',\r\n backgroundColor: 'transparent!important',\r\n padding:theme.spacing(1/2),\r\n \r\n\r\n },\r\n orangeSet: {\r\n backgroundColor:\"#FE5D00\",\r\n //minHeight: '30vh',\r\n // maxHeight: '30vh',\r\n padding: '0rem 0rem 5rem 0rem'\r\n \r\n },\r\n whiteSet: {\r\n backgroundColor:\"#FFFFFF\",\r\n height: 0,\r\n \r\n },\r\n mainCards: {\r\n position: 'relative',\r\n zIndex: 50,\r\n top: '-5rem'\r\n },\r\n notFound: {\r\n width:'100%'\r\n }\r\n \r\n}));\r\n\r\nexport default function NotFound() {\r\n const classes = useStyles();\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 Oops..\r\n \r\n \r\n \r\n Página não encontrada.\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","/* eslint-disable eqeqeq */\r\nimport { Box, Checkbox, Container, Grid, Typography } from '@material-ui/core';\r\nimport { makeStyles } from '@material-ui/styles';\r\nimport { useContext, useState } from 'react';\r\nimport { UserContext } from '../../../providers/UserProvider';\r\nimport clsx from 'clsx';\r\nimport { Input, InputSearch, Section, Select } from './styles';\r\nimport { useEffect } from 'react';\r\nimport {\r\n getAllFornecedor,\r\n updateSupplier,\r\n} from '../../../services/fornecedores';\r\nimport { isBibiUser } from '../../../utils/roles';\r\nimport DialogFornecedores from '../../../components/ModalFornecedores';\r\nimport { getGroups } from '../../../services/subgroup';\r\nimport { raiseAlert, raiseSuccess } from '../../../components/Alert';\r\nimport { useLoading } from '../../../providers/LoadingProvider';\r\nimport { Certificates } from '../../../components/Certificate/Certificates';\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n root: {\r\n flexGrow: 1,\r\n maxWidth: 'inherit',\r\n },\r\n container: {\r\n paddingLeft: 0,\r\n paddingRight: 0,\r\n justifyContent: 'center',\r\n },\r\n title: {\r\n fontSize: 36,\r\n color: '#FFFFFF',\r\n textTransform: 'uppercase',\r\n letterSpacing: '-2.05px',\r\n },\r\n orangeSet: {\r\n backgroundColor: '#FE5D00',\r\n padding: '0rem 0rem 5rem 0rem',\r\n },\r\n whiteSet: {\r\n backgroundColor: '#FFFFFF',\r\n height: 0,\r\n },\r\n mainCards: {\r\n position: 'relative',\r\n zIndex: 50,\r\n top: '-4rem',\r\n },\r\n button: {\r\n height: '100%',\r\n padding: '.6rem 1.4rem',\r\n border: '1px solid #FFFFFF',\r\n fontWeight: 'bold',\r\n borderRadius: '10px',\r\n background: '#FFFFFF',\r\n cursor: 'pointer',\r\n },\r\n checkColor: {\r\n color: `${theme.palette.primary.main}!important`,\r\n },\r\n buttonSave: {\r\n width: '100%',\r\n backgroundColor: '#FE5D00',\r\n padding: '10px 0',\r\n border: 'none',\r\n borderRadius: '8px',\r\n color: 'white',\r\n cursor: 'pointer',\r\n },\r\n}));\r\n\r\nexport default function Suppliers() {\r\n const classes = useStyles();\r\n const { userState } = useContext(UserContext);\r\n const [suppliers, setSuppliers] = useState([]);\r\n const [supplier, setSupplier] = useState({});\r\n const [openDialog, setOpenDialog] = useState(false);\r\n\r\n async function getSuppliers() {\r\n const response = await getAllFornecedor();\r\n setSuppliers(response.data);\r\n }\r\n useEffect(() => {\r\n getSuppliers();\r\n }, []);\r\n\r\n function handleUpdateSupplier(data) {\r\n const updated = suppliers.map((supplier) => {\r\n if (supplier.ID == data.ID) {\r\n return {\r\n ...supplier,\r\n ...data,\r\n };\r\n }\r\n return supplier;\r\n });\r\n\r\n setSuppliers(updated);\r\n setSupplier(suppliers.find(({ ID }) => data.ID == ID));\r\n }\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n Fornecedores\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n ({\r\n value: supplier.ID,\r\n label: supplier.NOME,\r\n ...supplier,\r\n }))}\r\n placeholder=\"Selecione um fornecedor\"\r\n onChange={(e) => setSupplier(e)}\r\n noOptionsMessage={() => 'Nenhum fornecedor encontrado'}\r\n />\r\n \r\n \r\n setOpenDialog(true)}\r\n >\r\n Ver todos\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n}\r\n\r\nfunction SupplierSelected({ supplier, updateList }) {\r\n const classes = useStyles();\r\n const [groups, setGroups] = useState([]);\r\n const [subGroups, setSubGroups] = useState([]);\r\n const [data, setData] = useState({});\r\n const { setLoading } = useLoading();\r\n\r\n async function fetchData() {\r\n const responseGroups = await getGroups();\r\n setGroups(responseGroups.data);\r\n }\r\n\r\n function handleChangeGroup(e) {\r\n setData({ ...data, ID_GRUPO: e.target.value, SUB_GRUPO: '' });\r\n getSubgrupos(e.target.value);\r\n }\r\n\r\n function getSubgrupos(group) {\r\n if (!group) return;\r\n setSubGroups([]);\r\n setSubGroups(groups.find(({ ID }) => ID == group)?.SUBGRUPOS ?? []);\r\n }\r\n\r\n async function update() {\r\n let params = {};\r\n\r\n if (data.PARCEIRO_DESDE) {\r\n params = {\r\n PARCEIRO_DESDE: data.PARCEIRO_DESDE,\r\n };\r\n }\r\n\r\n try {\r\n setLoading(true);\r\n await updateSupplier(data.ID, {\r\n NOME: data.NOME,\r\n SUB_GRUPO: data.SUB_GRUPO,\r\n COD_PESSOA_SFT: data.COD_PESSOA_SFT,\r\n DIAS_NOTIFICAR_OC: data.DIAS_NOTIFICAR_OC,\r\n POS_RANKING: data.POS_RANKING,\r\n DESTAQUE_COMPETITIVIDADE: data.DESTAQUE_COMPETITIVIDADE ? 1 : 0,\r\n DESTAQUE_INOVACAO: data.DESTAQUE_INOVACAO ? 1 : 0,\r\n DESTAQUE_SERVICOS: data.DESTAQUE_SERVICOS ? 1 : 0,\r\n DESTAQUE_SUSTENTABILIDADE: data.DESTAQUE_SUSTENTABILIDADE ? 1 : 0,\r\n HOMOLOGADO: data.HOMOLOGADO,\r\n ...params,\r\n });\r\n // updateList(data);\r\n setLoading(false);\r\n setTimeout(() => raiseSuccess('Dados do fornecedor atualizados'), 600);\r\n } catch (e) {\r\n setLoading(false);\r\n setTimeout(\r\n () => raiseAlert('Erro ao atualizar os dados do fornecedor'),\r\n 600\r\n );\r\n }\r\n }\r\n\r\n useEffect(() => {\r\n fetchData();\r\n }, []);\r\n\r\n useEffect(() => {\r\n let parceiroDesde = '';\r\n if (supplier?.PARCEIRO_DESDE) {\r\n parceiroDesde = supplier.PARCEIRO_DESDE.slice(0, 10);\r\n }\r\n\r\n getSubgrupos(supplier?.ID_GRUPO);\r\n\r\n setData({\r\n ID: supplier?.ID,\r\n NOME: supplier?.NOME ?? '',\r\n ID_GRUPO: supplier?.ID_GRUPO ?? '',\r\n SUB_GRUPO: supplier?.SUB_GRUPO ?? '',\r\n COD_PESSOA_SFT: supplier?.COD_PESSOA_SFT ?? '',\r\n PARCEIRO_DESDE: parceiroDesde,\r\n DIAS_NOTIFICAR_OC: supplier?.DIAS_NOTIFICAR_OC ?? '',\r\n POS_RANKING: supplier?.POS_RANKING ?? '',\r\n DESTAQUE_COMPETITIVIDADE: supplier?.DESTAQUE_COMPETITIVIDADE == 1,\r\n DESTAQUE_INOVACAO: supplier?.DESTAQUE_INOVACAO == 1,\r\n DESTAQUE_SERVICOS: supplier?.DESTAQUE_SERVICOS == 1,\r\n DESTAQUE_SUSTENTABILIDADE: supplier?.DESTAQUE_SUSTENTABILIDADE == 1,\r\n HOMOLOGADO: supplier?.HOMOLOGADO,\r\n });\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [supplier]);\r\n\r\n if (!supplier?.NOME) return <>;\r\n return (\r\n <>\r\n \r\n Dados básicos \r\n \r\n \r\n Nome: \r\n \r\n setData({ ...data, NOME: target.value })\r\n }\r\n />\r\n \r\n \r\n Grupo: \r\n \r\n Selecione \r\n {groups?.map(({ ID, NOME }) => (\r\n \r\n {NOME}\r\n \r\n ))}\r\n \r\n \r\n \r\n Subgrupo: \r\n \r\n setData({ ...data, SUB_GRUPO: target.value })\r\n }\r\n >\r\n Selecione \r\n {subGroups?.map(({ ID, SUB_GRUPO }) => (\r\n \r\n {SUB_GRUPO}\r\n \r\n ))}\r\n \r\n \r\n\r\n \r\n ID: \r\n \r\n setData({ ...data, COD_PESSOA_SFT: target.value })\r\n }\r\n />\r\n \r\n \r\n Parceiro desde: \r\n \r\n setData({ ...data, PARCEIRO_DESDE: target.value })\r\n }\r\n />\r\n \r\n \r\n \r\n\r\n \r\n Ranking \r\n \r\n \r\n Posição: \r\n \r\n setData({ ...data, POS_RANKING: target.value })\r\n }\r\n />\r\n \r\n \r\n \r\n setData({\r\n ...data,\r\n DESTAQUE_INOVACAO: !data.DESTAQUE_INOVACAO,\r\n })\r\n }\r\n />\r\n Destaque inovação: \r\n \r\n \r\n \r\n setData({\r\n ...data,\r\n DESTAQUE_COMPETITIVIDADE: !data.DESTAQUE_COMPETITIVIDADE,\r\n })\r\n }\r\n />\r\n Destaque competitividade: \r\n \r\n \r\n \r\n setData({\r\n ...data,\r\n DESTAQUE_SERVICOS: !data.DESTAQUE_SERVICOS,\r\n })\r\n }\r\n />\r\n Destaque serviços: \r\n \r\n \r\n \r\n setData({\r\n ...data,\r\n DESTAQUE_SUSTENTABILIDADE: !data.DESTAQUE_SUSTENTABILIDADE,\r\n })\r\n }\r\n />\r\n \r\n Destaque sustentabilidade: {data.DESTAQUE_SUSTENTABILIDADE}\r\n \r\n \r\n \r\n \r\n\r\n \r\n Notificações \r\n \r\n \r\n Notificar em: \r\n \r\n setData({ ...data, DIAS_NOTIFICAR_OC: target.value })\r\n }\r\n >\r\n Selecione \r\n 0 \r\n 1 \r\n 3 \r\n 5 \r\n \r\n \r\n \r\n \r\n\r\n \r\n Fornecedor Homologado \r\n \r\n \r\n \r\n setData({ ...data, HOMOLOGADO: target.value })\r\n }\r\n >\r\n Selecione \r\n Sim \r\n Não \r\n \r\n \r\n \r\n \r\n\r\n \r\n Certificados \r\n \r\n\r\n \r\n \r\n update()}\r\n >\r\n Salvar\r\n \r\n \r\n \r\n \r\n );\r\n}\r\n","/* eslint-disable react-hooks/exhaustive-deps */\r\nimport { Box, Container, Grid, Typography } from '@material-ui/core';\r\nimport { makeStyles } from '@material-ui/styles';\r\nimport clsx from 'clsx';\r\nimport { useEffect, useState } from 'react';\r\nimport { useContext } from 'react';\r\nimport ListNews from '../../../components/ListNews';\r\nimport { useLoading } from '../../../providers/LoadingProvider';\r\nimport { UserContext } from '../../../providers/UserProvider';\r\nimport { getNews } from '../../../services/news';\r\nimport { isBibiUser } from '../../../utils/roles';\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n root: {\r\n flexGrow: 1,\r\n maxWidth: 'inherit',\r\n },\r\n container: {\r\n paddingLeft: 0,\r\n paddingRight: 0,\r\n justifyContent: 'center',\r\n },\r\n title: {\r\n fontSize: 36,\r\n color: '#FFFFFF',\r\n textTransform: 'uppercase',\r\n letterSpacing: '-2.05px',\r\n },\r\n orangeSet: {\r\n backgroundColor: '#FE5D00',\r\n padding: '0rem 0rem 5rem 0rem',\r\n },\r\n whiteSet: {\r\n backgroundColor: '#FFFFFF',\r\n height: 0,\r\n },\r\n mainCards: {\r\n marginTop: '40px',\r\n },\r\n}));\r\n\r\nexport default function News() {\r\n const { userState } = useContext(UserContext);\r\n const [news, setNews] = useState([]);\r\n const classes = useStyles();\r\n const { setLoading } = useLoading();\r\n\r\n let canAddNews = false;\r\n\r\n if (\r\n userState?.tipo === 'BA' ||\r\n (userState?.tipo === 'B' && userState?.permissoes?.includes('NO'))\r\n ) {\r\n canAddNews = true;\r\n }\r\n\r\n useEffect(() => {\r\n const request = async () => {\r\n setLoading(true);\r\n const response = await getNews();\r\n setNews(response);\r\n setLoading(false);\r\n };\r\n\r\n request();\r\n }, []);\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n Noticias\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","import { makeStyles } from '@material-ui/core/styles';\r\nimport initPic from '../../assets/backgroundOne.png';\r\n\r\nexport const useStyles = makeStyles((theme) => ({\r\n root: {\r\n flexGrow: 1,\r\n backgroundImage: `url(${initPic})`,\r\n backgroundRepeat: 'no-repeat',\r\n backgroundSize: 'cover',\r\n backgroundPosition: 'center',\r\n },\r\n paper: {\r\n backgroundColor: '#FFFFFF',\r\n borderRadius: 5,\r\n display: 'flex',\r\n flexDirection: 'column',\r\n alignItems: 'center',\r\n padding: theme.spacing(0, 3),\r\n },\r\n title: {\r\n fontSize: 36,\r\n },\r\n subtitle: {\r\n display: 'flex',\r\n alignItems: 'baseline',\r\n justifyContent: 'center',\r\n },\r\n subtitle2: {\r\n color: '#6C6C6C',\r\n textAlign: 'justify',\r\n letterSpacing: '-0.68px',\r\n fontSize: 13,\r\n },\r\n form: {\r\n width: '100%',\r\n marginTop: theme.spacing(3),\r\n },\r\n fakeLink: {\r\n backgroundColor: 'unset',\r\n '&:hover': {\r\n backgroundColor: 'unset',\r\n textDecoration: 'underline',\r\n },\r\n },\r\n textAdapt: {\r\n color: '#FE5D00',\r\n textTransform: 'none',\r\n backgroundColor: 'transparent!important',\r\n padding: theme.spacing(1 / 2, 0),\r\n marginLeft: theme.spacing(-1),\r\n },\r\n textAdaptCheckBox: {\r\n color: '#FE5D00',\r\n textTransform: 'none',\r\n backgroundColor: 'transparent!important',\r\n padding: theme.spacing(1 / 2, 1 / 2),\r\n marginLeft: theme.spacing(0),\r\n },\r\n checkColor: {\r\n color: `${theme.palette.primary.main}!important`,\r\n },\r\n submit: {\r\n margin: theme.spacing(3, 0, 2),\r\n backgroundColor: '#FE5D00',\r\n color: '#FFFFFF',\r\n fontWeight: 600,\r\n '&:hover': {\r\n backgroundColor: '#FE5D00',\r\n },\r\n },\r\n input: {\r\n fontSize: '16px!important',\r\n fontWeight: '300!important',\r\n },\r\n}));\r\n","/* eslint-disable react-hooks/exhaustive-deps */\r\nimport { Box, Container, Typography } from '@material-ui/core';\r\nimport { makeStyles } from '@material-ui/styles';\r\nimport clsx from 'clsx';\r\nimport { useEffect, useState } from 'react';\r\nimport { useContext } from 'react';\r\nimport { UserContext } from '../../../providers/UserProvider';\r\nimport { isBibiUser } from '../../../utils/roles';\r\nimport { TableUsers } from '../../../components/Permission/TableUsers';\r\nimport { ROLE_TYPE } from '../../../services/permission.service';\r\nimport { getUsers } from '../../../services/fornecedores';\r\nimport { ToastContainer } from 'react-toastify';\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n root: {\r\n flexGrow: 1,\r\n maxWidth: 'inherit',\r\n },\r\n container: {\r\n paddingLeft: 0,\r\n paddingRight: 0,\r\n justifyContent: 'center',\r\n },\r\n title: {\r\n fontSize: 36,\r\n color: '#FFFFFF',\r\n textTransform: 'uppercase',\r\n letterSpacing: '-2.05px',\r\n },\r\n orangeSet: {\r\n backgroundColor: '#FE5D00',\r\n padding: '0rem 0rem 5rem 0rem',\r\n },\r\n whiteSet: {\r\n backgroundColor: '#FFFFFF',\r\n height: 0,\r\n },\r\n mainCards: {\r\n marginTop: '40px',\r\n },\r\n}));\r\n\r\nexport function Users() {\r\n const { userState } = useContext(UserContext);\r\n const classes = useStyles();\r\n\r\n const [users, setUsers] = useState([]);\r\n\r\n async function fetchUsers() {\r\n const users = await getUsers(userState?.ID);\r\n setUsers(users);\r\n }\r\n\r\n useEffect(() => {\r\n fetchUsers();\r\n }, []);\r\n\r\n return (\r\n \r\n
\r\n
\r\n \r\n \r\n \r\n Usuários\r\n \r\n \r\n \r\n \r\n {userState.tipo === 'BA' && (\r\n
\r\n )}\r\n
\r\n
\r\n \r\n \r\n \r\n ARQUIVOS\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 handleClick()}>Home / \r\n {path.map((item, index) => (\r\n handleClick(item.ID)}\r\n style={{ color: index == path.length - 1 ? '#FE5D00' : 'black' }}\r\n >\r\n {item.NOME} /{' '}\r\n \r\n ))}\r\n \r\n \r\n\r\n {isEmpty && !folder && (\r\n \r\n Ainda não foram adicionados arquivos compartilhados com você.\r\n \r\n )}\r\n {isEmpty && folder && Está pasta está vazia }\r\n\r\n \r\n {folders.map((folder) => (\r\n openFolder(folder.ID)}\r\n />\r\n ))}\r\n {files.map((file) => (\r\n \r\n \r\n );\r\n}\r\n\r\nconst iconParams = {\r\n htmlColor: '#ED6608',\r\n style: {\r\n height: 70,\r\n width: 70,\r\n },\r\n};\r\nfunction FolderFile({ item, type, handleClick }) {\r\n const { NOME } = item;\r\n\r\n function seeFile(event) {\r\n event.stopPropagation();\r\n window.open(`https://cxd.bibi.com.br:3636${item.CAMINHO}`, '_blank');\r\n }\r\n\r\n return (\r\n \r\n \r\n {type == 'folder' ? (\r\n
\r\n ) : (\r\n
\r\n )}\r\n\r\n
\r\n {type == 'file' && (\r\n seeFile(event)}>\r\n \r\n )}\r\n \r\n
{NOME}
\r\n \r\n );\r\n}\r\n","import {\r\n Box,\r\n Grid,\r\n Table,\r\n TableBody,\r\n TableCell,\r\n TableContainer,\r\n TableHead,\r\n TableRow,\r\n makeStyles,\r\n} from '@material-ui/core';\r\nimport { toast } from 'react-toastify';\r\nimport styled from 'styled-components';\r\nimport { SettingsService } from '../../services/settings';\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n filterDiv: {\r\n width: '70vw',\r\n margin: '16px auto auto auto',\r\n },\r\n tittleContact: {\r\n fontSize: 18,\r\n fontWeight: 600,\r\n color: 'black',\r\n textTransform: 'none',\r\n margin: 'auto 30px 0 0',\r\n },\r\n copyButton: {\r\n width: '20%',\r\n backgroundColor: '#FE5D00',\r\n padding: '10px 0',\r\n border: 'none',\r\n borderRadius: '8px',\r\n color: 'white',\r\n cursor: 'pointer',\r\n },\r\n}));\r\n\r\nexport function TableSettings({ settings }) {\r\n const classes = useStyles();\r\n\r\n async function update({ NOME, DESCRICAO, ID }, value) {\r\n try {\r\n await SettingsService.update({\r\n ID,\r\n NOME,\r\n VALOR: value,\r\n DESCRICAO,\r\n });\r\n toast(`Configuração ${NOME} atualizada.`, {\r\n position: 'bottom-right',\r\n hideProgressBar: true,\r\n });\r\n } catch (e) {\r\n toast(`Erro ao atualizar configuração ${NOME}.`, {\r\n position: 'bottom-right',\r\n hideProgressBar: true,\r\n });\r\n }\r\n }\r\n\r\n return (\r\n <>\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Nome \r\n \r\n Descrição\r\n \r\n Valor \r\n \r\n \r\n \r\n {settings.map((setting) => {\r\n return (\r\n \r\n \r\n {setting.NOME}\r\n \r\n \r\n {setting.DESCRICAO}\r\n \r\n \r\n update(setting, e.target.value)}\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 const Input = styled.input`\r\n width: 50px;\r\n border-radius: 5px;\r\n border: 1px solid #c6c6c6;\r\n padding: 5px 0.8rem;\r\n text-align: left;\r\n &:focus {\r\n outline: none;\r\n }\r\n`;\r\n","/* eslint-disable react-hooks/exhaustive-deps */\r\nimport { Box, Container, Typography } from '@material-ui/core';\r\nimport { makeStyles } from '@material-ui/styles';\r\nimport clsx from 'clsx';\r\nimport { useEffect, useState } from 'react';\r\nimport { useContext } from 'react';\r\nimport { UserContext } from '../../../providers/UserProvider';\r\nimport { isBibiUser } from '../../../utils/roles';\r\nimport { ToastContainer } from 'react-toastify';\r\nimport { SettingsService } from '../../../services/settings';\r\nimport { TableSettings } from '../../../components/TableSettings';\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n root: {\r\n flexGrow: 1,\r\n maxWidth: 'inherit',\r\n },\r\n container: {\r\n paddingLeft: 0,\r\n paddingRight: 0,\r\n justifyContent: 'center',\r\n },\r\n title: {\r\n fontSize: 36,\r\n color: '#FFFFFF',\r\n textTransform: 'uppercase',\r\n letterSpacing: '-2.05px',\r\n },\r\n orangeSet: {\r\n backgroundColor: '#FE5D00',\r\n padding: '0rem 0rem 5rem 0rem',\r\n },\r\n whiteSet: {\r\n backgroundColor: '#FFFFFF',\r\n height: 0,\r\n },\r\n mainCards: {\r\n marginTop: '40px',\r\n },\r\n}));\r\n\r\nexport function Settings() {\r\n const { userState } = useContext(UserContext);\r\n const classes = useStyles();\r\n\r\n const [settings, setSettings] = useState([]);\r\n\r\n async function fetchUsers() {\r\n const data = await SettingsService.getAll();\r\n setSettings(data);\r\n // setUsers(users);\r\n }\r\n\r\n useEffect(() => {\r\n fetchUsers();\r\n }, []);\r\n\r\n return (\r\n \r\n
\r\n
\r\n \r\n \r\n \r\n Configurações\r\n \r\n \r\n \r\n \r\n
\r\n
\r\n
\r\n \r\n \r\n \r\n {textsCadastroPage.title}\r\n \r\n \r\n \r\n {textsCadastroPage.subtitle}\r\n \r\n\r\n history.push(`${mockPath}login`)}\r\n className={`${classes.textAdapt}`}\r\n >\r\n \r\n {textsCadastroPage.link}\r\n \r\n \r\n .\r\n \r\n \r\n \r\n \r\n\r\n {\r\n disable ? handleAlert(event) : handleSignUp(event);\r\n }}\r\n >\r\n \r\n \r\n Nome \r\n \r\n setFormData({ ...formData, name: event.target.value })\r\n }\r\n />\r\n \r\n \r\n \r\n {textsCadastroPage.email}\r\n \r\n \r\n setFormData({ ...formData, email: event.target.value })\r\n }\r\n />\r\n \r\n \r\n {error.length > 0 ? (\r\n {error} \r\n ) : (\r\n ''\r\n )}\r\n \r\n\r\n \r\n setDisable(!value)}\r\n name=\"accord\"\r\n />\r\n }\r\n label={\r\n \r\n \r\n \r\n {textsCadastroPage.agreeWith}\r\n \r\n \r\n \r\n \r\n \r\n {textsCadastroPage.regulation}\r\n \r\n \r\n \r\n \r\n \r\n {textsCadastroPage.ofProgram}\r\n \r\n \r\n \r\n }\r\n />\r\n \r\n \r\n \r\n {requesting ? (\r\n \r\n \r\n
\r\n \r\n );\r\n}\r\n","import React from 'react'\r\n\r\nimport Model from '../../../components/Model/index'\r\nimport { textsDescriptions, textsTitles } from '../../../utils/utils';\r\n\r\nexport default function AdminGroup() {\r\n \r\n return (\r\n \r\n \r\n );\r\n}\r\n","import React from 'react';\r\n\r\nimport Model from '../../../components/Model/index'\r\nimport { textsDescriptions, textsTitles } from '../../../utils/utils';\r\n\r\nexport default function AdminCategory() {\r\n \r\n return (\r\n \r\n \r\n );\r\n}","import React, { useState, useContext, useEffect } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport { Fab } from '@material-ui/core';\r\nimport HeaderLogged from './components/HeaderLogged';\r\nimport Footer from './components/Footer/Inside';\r\nimport {\r\n Root,\r\n Content,\r\n presets,\r\n} from 'mui-layout';\r\nimport routes from './routes';\r\nimport { Route, Switch, useHistory, Redirect } from 'react-router-dom';\r\nimport UpIcon from '@material-ui/icons/KeyboardArrowUp';\r\nimport clsx from 'clsx';\r\nimport { scrollToTop } from './utils/functions';\r\nimport { UserContext } from './providers/UserProvider';\r\nimport { getAuthToken } from './services/token';\r\nimport { raiseAlert } from './components/Alert';\r\nimport { mockPath } from './utils/utils';\r\nimport { isBibiUser, isSupplierUser } from './utils/roles';\r\n\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n root: {\r\n display: 'block',\r\n minHeight: '80vh',\r\n height: '100vh',\r\n maxHeight: '100vh',\r\n width: '100vw',\r\n maxWidth: '100vw',\r\n position: \"absolute\",\r\n overflowX: 'unset',\r\n },\r\n nav: {\r\n overflowX: 'hidden',\r\n width: 'inherit'\r\n },\r\n ml_landPage: {\r\n overflowY: 'scroll',\r\n height: `calc(100vh - 0em)!important`,\r\n maxHeight: `calc(100vh - 0em)!important`,\r\n minHeight: `calc(100vh - 0em)!important`,\r\n },\r\n ml_0: {\r\n height: `calc(100vh - 0em)!important`,\r\n maxHeight: `calc(100vh - 0em)!important`,\r\n minHeight: `calc(100vh - 0em)!important`,\r\n },\r\n main: {\r\n overflow: 'auto!important',\r\n display: 'flex',\r\n height: `calc(100vh - 6em)`,\r\n maxHeight: `calc(100vh - 6em)`,\r\n minHeight: `calc(100vh - 6em)`,\r\n width: '100vw',\r\n maxWidth: '100% !important',\r\n },\r\n fab: {\r\n position: 'absolute',\r\n bottom: theme.spacing(2),\r\n right: theme.spacing(2),\r\n zIndex: 1000\r\n },\r\n fabOrange: {\r\n color: theme.palette.common.white,\r\n backgroundColor: theme.palette.primary.main,\r\n '&:hover': {\r\n backgroundColor: theme.palette.primary.main,\r\n },\r\n },\r\n footer: {\r\n padding: theme.spacing(3, 1.9, 1.3),\r\n backgroundColor: theme.palette.background.paper,\r\n position: 'fixed',\r\n bottom: 0,\r\n width: '100%',\r\n height: theme.spacing(7),\r\n minHeight: theme.spacing(7),\r\n maxHeight: theme.spacing(7),\r\n //boxShadow: '0px 0px 15px -2px rgba(217,217,217,1)'\r\n }\r\n}))\r\n\r\nexport default function Layout(props) {\r\n const { userState, setUserState, build } = useContext(UserContext);\r\n const init_routes = routes\r\n .filter(item => item.can !== 'admin' && item.can !== 'supplier')\r\n .map(({ path, component, exact, can }, key) =>\r\n \r\n {(getAuthToken() && (history.location.pathname !== '/')) ? (\r\n \r\n\r\n \r\n {reactRouter}\r\n \r\n\r\n \r\n\r\n { scrollToTop('middle') }}\r\n color=\"inherit\">\r\n \r\n\r\n {(history.location.pathname !== '/') ? () : ('')}\r\n \r\n );\r\n}\r\n\r\nLayout.propTypes = {\r\n children: PropTypes.node,\r\n};\r\n","export const Palette = {\r\n type: 'light',\r\n primary: {\r\n light: '#F4F8F9',\r\n main: '#FE5D00',\r\n dark: '#e65400',\r\n contrastText: '#fff'\r\n },\r\n secondary: {\r\n light: '',\r\n main: '#FFFFFF',\r\n dark: '#313752',\r\n contrastText: '#fafafa'\r\n },\r\n default: {\r\n light: '#F4F8F9',\r\n main: '#000000',\r\n dark: '#2d9cdba6',\r\n contrastText: '#333333'\r\n }\r\n\r\n}\r\n\r\nexport default Palette;","\r\nconst TypographySystem = {\r\n fontFamily: [\r\n 'Nunito',\r\n 'Regular',\r\n ].join(','),\r\n h2: {\r\n fontSize: 16,\r\n fontWeight: 600,\r\n lineHeight: 1.5,\r\n color: '#000000'\r\n },\r\n body1: {\r\n fontSize: 16,\r\n fontWeight: 600,//SemiBold\r\n color: '#FE5D00'\r\n },\r\n body2: {\r\n fontSize: 16,\r\n fontWeight: 600,\r\n color: '#000000'\r\n },\r\n subtitle1: {\r\n fontSize: 16,\r\n fontWeight: 500,\r\n color: '#FE5D00',\r\n },\r\n subtitle2: {\r\n fontSize: 14,\r\n fontWeight: 500,\r\n color: '#000000',\r\n }\r\n}\r\n\r\nexport default TypographySystem;","import { createMuiTheme } from '@material-ui/core';\r\nimport palette from './palette';\r\nimport typography from './typography';\r\n\r\nconst theme = createMuiTheme({\r\n typography,\r\n palette,\r\n overrides: {\r\n MuiTypography: {\r\n root: {\r\n overflowWrap: 'break-word'\r\n }\r\n },\r\n MuiIconButton: {\r\n root: {\r\n '&:hover': {\r\n backgroundColor: 'rgba(0, 0, 0, 0.00)!important'\r\n }\r\n }\r\n },\r\n MuiInputBase: {\r\n root: {\r\n height: 36,\r\n fontSize: 16,\r\n fontWeight: 300\r\n },\r\n input: {\r\n padding: 0\r\n }\r\n },\r\n MuiInput: {\r\n formControl: {\r\n height: 'auto'\r\n }\r\n },\r\n MuiDataGrid: {\r\n root: {\r\n fontWeight: 500,\r\n '& MuiDataGrid-colCellTitle': {\r\n fontWeight: '600!important'\r\n }\r\n },\r\n\r\n },\r\n MuiButton: {\r\n root: {\r\n borderRadius: 5,\r\n '&#noHover1:hover,&#noHover2:hover': {\r\n backgroundColor: 'unset!important'\r\n },\r\n },\r\n startIcon: {\r\n marginRight: 0,\r\n },\r\n contained: {\r\n \"&:hover\": {\r\n boxShadow: `unset!important`,\r\n\r\n }\r\n },\r\n },\r\n MuiAutocomplete: {\r\n inputRoot: {\r\n padding: '0px!important',\r\n paddingLeft: 2,\r\n height: 'auto',\r\n '& #list_optionals_knowledge,#list_levels_knowledge, #list_optional_language, #list_level_language, #list_level_knowledge': {\r\n color: '#F2F2F2!important',\r\n borderRadius: 5,\r\n backgroundColor: '#56CCF2!important',\r\n padding: '5px 5px 5px 5px',\r\n fontWeight: '400!important',\r\n },\r\n },\r\n root: {\r\n marginTop: 17,\r\n padding: '0px!important',\r\n '& #level_language, #level_knowledge': {\r\n marginTop: 0,\r\n }\r\n },\r\n tag: {\r\n color: '#F2F2F2!important',\r\n backgroundColor: '#56CCF2!important',\r\n fontWeight: '400!important',\r\n margin: 8\r\n }\r\n },\r\n MuiChip: {\r\n deleteIcon: {\r\n color: '#F2F2F2!important'\r\n }\r\n },\r\n MuiCardContent: {\r\n root: {\r\n padding: '16px 8px',\r\n }\r\n },\r\n MuiStepper: {\r\n root: {\r\n padding: '16px 0px 16px 0px',\r\n }\r\n },\r\n MuiSelect: {\r\n root: {\r\n },\r\n selectMenu: {\r\n minHeight: '2.1876em'\r\n }\r\n },\r\n MuiFormLabel: {\r\n root: {\r\n marginBottom: 8\r\n }\r\n },\r\n MuiSkeleton: {\r\n text: {\r\n transform: 'unset'\r\n }\r\n },\r\n MuiAccordionDetails: {\r\n root: {\r\n padding: '0px 16px 16px'\r\n }\r\n },\r\n MuiAccordionSummary: {\r\n content: {\r\n '&.Mui-expanded': { margin: 0 }\r\n }\r\n }\r\n ,\r\n MuiPaper: {\r\n root: {\r\n borderRadius: '5px!important',\r\n }\r\n },\r\n MuiDrawer: {\r\n paperAnchorLeft: {\r\n borderRadius: '0px!important',\r\n }\r\n },\r\n MuiAvatar: {\r\n colorDefault: {\r\n zIndex: '10!important',\r\n width: 30,\r\n height: 30,\r\n alignSelf: 'center',\r\n fontSize: 12,\r\n fontWeight: 400,\r\n lineHeight: 18,\r\n color: '#4F4F4F',\r\n border: '2px solid #F9F9F9!important',\r\n backgroundColor: '#F2F2F2'\r\n }\r\n },\r\n MuiOutlinedInput: {\r\n root: {\r\n borderRadius: 5,\r\n '&$focused': {\r\n borderColor: 'rgb(214 214 214 / 23%)!important',\r\n borderWidth: '0px!important'\r\n },\r\n },\r\n input: {\r\n padding: 10,\r\n },\r\n notchedOutline: {\r\n },\r\n },\r\n MuiButtonGroup: {\r\n root: {\r\n boxShadow: 'unset!important'\r\n },\r\n groupedContainedHorizontal: {\r\n \"&:not\": {\r\n \"&(:last-child)\": {\r\n border: 'unset!important'\r\n }\r\n }\r\n }\r\n },\r\n MuiDropzonePreviewList: {\r\n imageContainer: {\r\n display: 'block!important'\r\n },\r\n image: {\r\n color: 'inherit',\r\n boxShadow: 'inherit'\r\n }\r\n },\r\n },\r\n});\r\n\r\nexport default theme;","import React from 'react';\r\nimport { BrowserRouter } from 'react-router-dom';\r\n\r\nimport { ThemeProvider } from '@material-ui/styles';\r\n\r\nimport UserProvider from './providers/UserProvider';\r\nimport Layout from \"./Layout\";\r\nimport theme from \"./theme\";\r\nimport { LoadingProvider } from './providers/LoadingProvider';\r\n\r\n\r\nfunction App() {\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\nexport default App;\r\n","import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport './index.css';\r\nimport App from './App';\r\nimport TimeAgo from 'javascript-time-ago';\r\n\r\nimport pt from 'javascript-time-ago/locale/pt.json';\r\nTimeAgo.addDefaultLocale(pt)\r\n\r\nReactDOM.render(\r\n \r\n ,\r\n document.getElementById('root')\r\n);\r\n"],"sourceRoot":""} 
\r\n \r\n