\r\n {Array.from({ length: count }).map((_, index) => (\r\n
\r\n )\r\n}\r\n\r\nexport default SkeletonTable\r\n","import React from 'react'\nimport { Route } from 'react-router-dom'\nimport PropTypes from 'prop-types'\n\nconst RouteWithLayout = (props) => {\n const { layout: Layout, component: Component, ...rest } = props\n\n return (\n \n \n {title} \n \n {children}\n
\n )\n}\n\nPage.propTypes = {\n children: PropTypes.node,\n title: PropTypes.string\n}\n\nexport default Page\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport clsx from 'clsx'\nimport { makeStyles } from '@material-ui/styles'\nimport { Typography, colors } from '@material-ui/core'\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n display: 'inline-flex',\n alignItems: 'center',\n justifyContent: 'center',\n flexGrow: 0,\n flexShrink: 0,\n borderRadius: theme.shape.borderRadius,\n lineHeight: '10px',\n fontSize: '10px',\n height: 20,\n minWidth: 20,\n whiteSpace: 'nowrap',\n padding: theme.spacing(0.5, 1)\n },\n rounded: {\n borderRadius: 10,\n padding: theme.spacing(0.5)\n }\n}))\n\nconst Label = (props) => {\n const { className, variant, color, shape, children, style, ...rest } = props\n\n const classes = useStyles()\n\n const rootClassName = clsx(\n {\n [classes.root]: true,\n [classes.rounded]: shape === 'rounded'\n },\n className\n )\n\n const finalStyle = { ...style }\n\n if (variant === 'contained') {\n finalStyle.backgroundColor = color\n finalStyle.color = '#FFF'\n } else {\n finalStyle.border = `1px solid ${color}`\n finalStyle.color = color\n }\n\n return (\n \n window.open(action.href, '_blank')}\n />\n ))}\n
\n )\n}\n\nexport default SocialShare\n","import React, { useState } from 'react'\nimport PropTypes from 'prop-types'\nimport clsx from 'clsx'\nimport { makeStyles } from '@material-ui/styles'\nimport {\n Button,\n Chip,\n Collapse,\n Divider,\n Drawer,\n FormControlLabel,\n Radio,\n RadioGroup,\n Slider,\n TextField,\n Typography\n} from '@material-ui/core'\nimport { ToggleButton, ToggleButtonGroup } from '@material-ui/lab'\nimport ExpandLessIcon from '@material-ui/icons/ExpandLess'\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore'\nimport CloseIcon from '@material-ui/icons/Close'\nimport DeleteIcon from '@material-ui/icons/DeleteOutlined'\nimport AddIcon from '@material-ui/icons/Add'\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n height: '100%',\n display: 'flex',\n flexDirection: 'column'\n },\n drawer: {\n width: 420,\n maxWidth: '100%'\n },\n header: {\n padding: theme.spacing(2, 1),\n display: 'flex',\n justifyContent: 'space-between'\n },\n buttonIcon: {\n marginRight: theme.spacing(1)\n },\n content: {\n padding: theme.spacing(0, 3),\n flexGrow: 1\n },\n contentSection: {\n padding: theme.spacing(2, 0)\n },\n contentSectionHeader: {\n display: 'flex',\n justifyContent: 'space-between',\n cursor: 'pointer'\n },\n contentSectionContent: {},\n formGroup: {\n padding: theme.spacing(2, 0)\n },\n fieldGroup: {\n display: 'flex',\n alignItems: 'center'\n },\n field: {\n marginTop: 0,\n marginBottom: 0\n },\n flexGrow: {\n flexGrow: 1\n },\n addButton: {\n marginLeft: theme.spacing(1)\n },\n tags: {\n marginTop: theme.spacing(1)\n },\n minAmount: {\n marginRight: theme.spacing(3)\n },\n maxAmount: {\n marginLeft: theme.spacing(3)\n },\n radioGroup: {},\n actions: {\n padding: theme.spacing(3),\n '& > * + *': {\n marginTop: theme.spacing(2)\n }\n }\n}))\n\nconst Filter = (props) => {\n const { open, onClose, onFilter, className, ...rest } = props\n\n const classes = useStyles()\n\n const initialValues = {\n paymentStatus: '',\n tag: '',\n tags: ['Full-Time'],\n amount: [1, 7],\n projectStatus: 'ended',\n customerName: '',\n customerType: 'freelancer',\n customerEmail: '',\n customerPhone: '',\n customerAge: ''\n }\n\n const [expandProject, setExpandProject] = useState(true)\n const [expandCustomer, setExpandCustomer] = useState(false)\n const [values, setValues] = useState({ ...initialValues })\n\n const handleClear = () => {\n setValues({ ...initialValues })\n }\n\n const handleFieldChange = (event, field, value) => {\n event.persist && event.persist()\n setValues((values) => ({\n ...values,\n [field]: value\n }))\n }\n\n const handleTagAdd = () => {\n setValues((values) => {\n const newValues = { ...values }\n\n if (newValues.tag && !newValues.tags.includes(newValues.tag)) {\n newValues.tags = [...newValues.tags]\n newValues.tags.push(newValues.tag)\n }\n\n newValues.tag = ''\n\n return newValues\n })\n }\n\n const handleTagDelete = (tag) => {\n setValues((values) => {\n const newValues = { ...values }\n\n newValues.tags = newValues.tags.filter((t) => t !== tag)\n\n return newValues\n })\n }\n\n const handleToggleProject = () => {\n setExpandProject((expandProject) => !expandProject)\n }\n\n const handleToggleCustomer = () => {\n setExpandCustomer((expandCustomer) => !expandCustomer)\n }\n\n const handleSubmit = (event) => {\n event.preventDefault()\n onFilter && onFilter(values)\n }\n\n const paymentStatusOptions = ['Pending', 'Canceled', 'Completed', 'Rejected']\n const customerAgeOption = ['18 - 30', '30 - 45', '50 - 60', '60+']\n\n return (\n \n \n
\n \n \n \n
\n \n \n Project \n {expandProject ?
\n \n
\n \n \n handleFieldChange(\n event,\n 'paymentStatus',\n event.target.value\n )\n }\n select\n // eslint-disable-next-line react/jsx-sort-props\n SelectProps={{ native: true }}\n value={values.paymentStatus}\n variant=\"outlined\"\n >\n \n {paymentStatusOptions.map((option) => (\n \n ))}\n \n
\n \n
\n \n \n handleFieldChange(event, 'tag', event.target.value)\n }\n value={values.tag}\n variant=\"outlined\"\n />\n \n
\n \n {values.tags.map((tag) => (\n
\n \n \n Project amount\n \n
\n \n \n ${values.amount[0]}K\n \n \n handleFieldChange(event, 'amount', value)\n }\n value={values.amount}\n valueLabelDisplay=\"auto\"\n />\n \n ${values.amount[1]}K\n \n
\n \n \n Project status\n \n
\n \n \n handleFieldChange(\n event,\n 'projectStatus',\n event.target.value\n )\n }\n value={values.projectStatus}\n >\n
\n \n \n Customer \n {expandCustomer ?
\n \n
\n \n
\n \n \n handleFieldChange(\n event,\n 'customerName',\n event.target.value\n )\n }\n value={values.customerName}\n variant=\"outlined\"\n />\n
\n \n \n value && handleFieldChange(event, 'customerType', value)\n }\n size=\"small\"\n value={values.customerType}\n variant=\"outlined\"\n >\n \n Project owner\n \n Freelancer \n \n
\n \n \n handleFieldChange(\n event,\n 'customerEmail',\n event.target.value\n )\n }\n value={values.customerEmail}\n variant=\"outlined\"\n />\n
\n \n \n handleFieldChange(\n event,\n 'customerPhone',\n event.target.value\n )\n }\n value={values.customerPhone}\n variant=\"outlined\"\n />\n
\n \n \n handleFieldChange(\n event,\n 'customerAge',\n event.target.value\n )\n }\n select\n // eslint-disable-next-line react/jsx-sort-props\n SelectProps={{ native: true }}\n value={values.customerAge}\n variant=\"outlined\"\n >\n \n {customerAgeOption.map((option) => (\n \n ))}\n \n
\n \n \n \n
\n \n \n )\n}\n\nFilter.propTypes = {\n className: PropTypes.string,\n onClose: PropTypes.func,\n onFilter: PropTypes.func,\n open: PropTypes.bool.isRequired\n}\n\nexport default Filter\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport clsx from 'clsx'\nimport { makeStyles } from '@material-ui/styles'\nimport { Paper, Button, Input } from '@material-ui/core'\nimport SearchIcon from '@material-ui/icons/Search'\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n display: 'flex',\n alignItems: 'center'\n },\n search: {\n flexGrow: 1,\n height: 42,\n padding: theme.spacing(0, 2),\n display: 'flex',\n alignItems: 'center'\n },\n searchIcon: {\n marginRight: theme.spacing(2),\n color: theme.palette.icon\n },\n searchInput: {\n flexGrow: 1\n },\n searchButton: {\n marginLeft: theme.spacing(2)\n }\n}))\n\nconst Search = (props) => {\n const { onSearch, className, ...rest } = props\n\n const classes = useStyles()\n\n return (\n \n \n \n \n Search\n \n
\n )\n}\n\nSearch.propTypes = {\n className: PropTypes.string,\n onSearch: PropTypes.func\n}\n\nexport default Search\n","import React, { useState } from 'react'\nimport PropTypes from 'prop-types'\nimport clsx from 'clsx'\nimport { makeStyles } from '@material-ui/styles'\nimport { Grid, Button } from '@material-ui/core'\nimport FilterListIcon from '@material-ui/icons/FilterList'\n\nimport { Search, Filter } from './components'\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'space-between',\n flexWrap: 'wrap'\n },\n search: {\n flexGrow: 1,\n maxWidth: 480,\n flexBasis: 480\n },\n filterButton: {\n marginLeft: 'auto'\n },\n filterIcon: {\n marginRight: theme.spacing(1)\n }\n}))\n\nconst SearchBar = (props) => {\n const { onFilter, onSearch, className, ...rest } = props\n\n const classes = useStyles()\n\n const [openFilter, setOpenFilter] = useState(false)\n\n const handleFilterOpen = () => {\n setOpenFilter(true)\n }\n\n const handleFilterClose = () => {\n setOpenFilter(false)\n }\n\n return (\n \n \n \n \n \n \n {!!text && text}\n \n \n {buttonText && (\n \n \n {!!buttonText && buttonText}\n \n \n )}\n \n
\n )\n}\n\nMessageData.propTypes = {\n text: PropTypes.string,\n buttonText: PropTypes.string,\n buttonHref: PropTypes.string,\n srcImage: PropTypes.string\n}\n\nexport default MessageData\n","import React from 'react'\nimport {\n Grid,\n Tooltip,\n Typography,\n IconButton,\n makeStyles\n} from '@material-ui/core'\nimport ArrowBackRoundedIcon from '@material-ui/icons/ArrowBackRounded'\nimport CachedRoundedIcon from '@material-ui/icons/CachedRounded'\nimport clsx from 'clsx'\n\n//? Own imports\nimport { history } from 'utils'\n\ntype Props = {\n className?: string\n title: string\n subtitle?: string\n onBack?: () => void\n onRefresh?: () => void\n isRefreshing?: boolean\n}\nconst useStyles = makeStyles(() => ({\n root: {}\n}))\n\nconst Header = ({\n className,\n title,\n subtitle,\n onBack,\n onRefresh,\n isRefreshing\n}: Props) => {\n const classes = useStyles()\n return (\n \n \n \n \n onBack || history.goBack()}\n >\n \n \n \n \n {subtitle}\n \n \n {title}\n \n \n {onRefresh && (\n \n \n \n \n \n \n )}\n \n
\n )\n}\n\nexport default Header\n","import React from 'react'\nimport cx from 'clsx'\nimport { makeStyles } from '@material-ui/core/styles'\nimport Card from '@material-ui/core/Card'\nimport Button from '@material-ui/core/Button'\nimport { Column, Item } from '@mui-treasury/components/flex'\nimport { Info, InfoTitle, InfoSubtitle } from '@mui-treasury/components/info'\nimport { useSoftRiseShadowStyles } from '@mui-treasury/styles/shadow/softRise'\nimport { Hidden } from '@material-ui/core'\n\nconst useStyles = makeStyles((theme) => ({\n card: {\n position: 'relative',\n borderRadius: 16,\n padding: 12,\n backgroundColor: '#f8f7ef',\n minWidth: 300\n },\n learnMore: {\n backgroundColor: '#fed42c !important',\n color: '#575754',\n borderRadius: 20,\n minWidth: 120,\n minHeight: 42,\n textTransform: 'initial',\n fontSize: '0.875rem',\n fontWeight: 700,\n letterSpacing: 0\n },\n img: {\n position: 'absolute',\n width: '10%',\n bottom: '40%',\n right: '25%',\n display: 'block'\n },\n img2: {\n position: 'absolute',\n width: '20%',\n bottom: 0,\n right: 0,\n display: 'block'\n },\n shell: {\n position: 'absolute',\n bottom: 0,\n right: 0,\n transform: 'translate(70%, 50%)',\n borderRadius: '50%',\n backgroundColor: 'rgba(167, 153, 71, 0.12)',\n padding: '40%',\n '&:before': {\n position: 'absolute',\n borderRadius: '50%',\n content: '\"\"',\n display: 'block',\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n margin: '-16%',\n backgroundColor: 'rgba(167, 149, 71, 0.08)'\n }\n }\n}))\n\nconst useOfferInfoStyles = makeStyles(() => {\n return {\n title: {\n color: '#545454',\n fontSize: '1.125rem',\n fontWeight: 700\n },\n subtitle: {\n color: '#7e7e7e',\n fontSize: '0.875rem',\n fontWeight: 500\n }\n }\n})\n\nexport const PickbusBanner = React.memo(function OfferCard() {\n const styles = useStyles()\n const shadowStyles = useSoftRiseShadowStyles()\n return (\n <>\n \n \n
\n )\n}\n\nexport default HelperToolTip\n","import React from 'react'\nimport { KeyboardDateTimePicker } from '@material-ui/pickers'\nimport { ValidatorComponent } from 'react-material-ui-form-validator'\n\nclass ValidatedDatePicker extends ValidatorComponent {\n renderValidatorComponent() {\n const {\n errorMessages,\n validators,\n requiredError,\n helperText,\n validatorListener,\n ...rest\n } = this.props\n const { isValid } = this.state\n\n if (isValid) {\n return \n \n \n \n \n Imagem editada\n \n \n \n
\n \n )\n }\n}\n\nexport default withStyles(styles)(ImgDialog)\n","export const createImage = (url) =>\n new Promise((resolve, reject) => {\n const image = new Image()\n image.addEventListener('load', () => resolve(image))\n image.addEventListener('error', (error) => reject(error))\n image.setAttribute('crossOrigin', 'anonymous') // needed to avoid cross-origin issues on CodeSandbox\n image.src = url\n })\n\nexport function getRadianAngle(degreeValue) {\n return (degreeValue * Math.PI) / 180\n}\n\n/**\n * Returns the new bounding area of a rotated rectangle.\n */\nexport function rotateSize(width, height, rotation) {\n const rotRad = getRadianAngle(rotation)\n\n return {\n width:\n Math.abs(Math.cos(rotRad) * width) + Math.abs(Math.sin(rotRad) * height),\n height:\n Math.abs(Math.sin(rotRad) * width) + Math.abs(Math.cos(rotRad) * height)\n }\n}\n\n/**\n * This function was adapted from the one in the ReadMe of https://github.com/DominicTobias/react-image-crop\n */\nexport async function getCroppedImg(\n imageSrc,\n pixelCrop,\n rotation = 0,\n flip = { horizontal: false, vertical: false }\n) {\n const image = await createImage(imageSrc)\n const canvas = document.createElement('canvas')\n const ctx = canvas.getContext('2d')\n\n if (!ctx) {\n return null\n }\n\n const rotRad = getRadianAngle(rotation)\n\n // calculate bounding box of the rotated image\n const { width: bBoxWidth, height: bBoxHeight } = rotateSize(\n image.width,\n image.height,\n rotation\n )\n\n // set canvas size to match the bounding box\n canvas.width = bBoxWidth\n canvas.height = bBoxHeight\n\n // translate canvas context to a central location to allow rotating and flipping around the center\n ctx.translate(bBoxWidth / 2, bBoxHeight / 2)\n ctx.rotate(rotRad)\n ctx.scale(flip.horizontal ? -1 : 1, flip.vertical ? -1 : 1)\n ctx.translate(-image.width / 2, -image.height / 2)\n\n // draw rotated image\n ctx.drawImage(image, 0, 0)\n\n // croppedAreaPixels values are bounding box relative\n // extract the cropped image using these values\n const data = ctx.getImageData(\n pixelCrop.x,\n pixelCrop.y,\n pixelCrop.width,\n pixelCrop.height\n )\n\n // set canvas width to final desired crop size - this will clear existing context\n canvas.width = pixelCrop.width\n canvas.height = pixelCrop.height\n\n // paste generated rotate image at the top left corner\n ctx.putImageData(data, 0, 0)\n\n // As Base64 string\n // return canvas.toDataURL('image/jpeg');\n\n // As a blob\n return new Promise((resolve, reject) => {\n canvas.toBlob((file) => {\n resolve(URL.createObjectURL(file))\n }, 'image/jpeg')\n })\n}\n\nexport async function getRotatedImage(imageSrc, rotation = 0) {\n const image = await createImage(imageSrc)\n const canvas = document.createElement('canvas')\n const ctx = canvas.getContext('2d')\n\n const orientationChanged =\n rotation === 90 || rotation === -90 || rotation === 270 || rotation === -270\n if (orientationChanged) {\n canvas.width = image.height\n canvas.height = image.width\n } else {\n canvas.width = image.width\n canvas.height = image.height\n }\n\n ctx.translate(canvas.width / 2, canvas.height / 2)\n ctx.rotate((rotation * Math.PI) / 180)\n ctx.drawImage(image, -image.width / 2, -image.height / 2)\n\n return new Promise((resolve) => {\n canvas.toBlob((file) => {\n resolve(URL.createObjectURL(file))\n }, 'image/png')\n })\n}\n","import { makeStyles } from '@material-ui/styles'\n\nexport const useStyles = makeStyles((theme) => ({\n cropContainer: {\n position: 'relative',\n width: '100%',\n height: 200,\n background: theme.palette.background.default,\n [theme.breakpoints.up('sm')]: {\n height: 400\n }\n },\n cropButton: {\n flexShrink: 0,\n [theme.breakpoints.up('sm')]: {\n marginLeft: 16\n },\n marginBottom: theme.spacing(1)\n },\n cancelButton: {\n flexShrink: 0,\n [theme.breakpoints.up('sm')]: {\n marginRight: 16\n }\n },\n controls: {\n paddingTop: 16,\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'stretch',\n [theme.breakpoints.up('sm')]: {\n flexDirection: 'row',\n alignItems: 'center'\n }\n },\n sliderContainer: {\n display: 'flex',\n flex: '1',\n alignItems: 'center'\n },\n sliderLabel: {\n [theme.breakpoints.down('xs')]: {\n minWidth: 65\n }\n },\n slider: {\n padding: '22px 0px',\n marginLeft: 16,\n [theme.breakpoints.up('sm')]: {\n flexDirection: 'row',\n alignItems: 'center',\n margin: '0 16px'\n }\n },\n cardMedia: {\n paddingTop: '56.25%' // 16:9\n }\n}))\n","import React, { useState, useCallback } from 'react'\nimport Cropper from 'react-easy-crop'\nimport Slider from '@material-ui/core/Slider'\nimport Button from '@material-ui/core/Button'\nimport Typography from '@material-ui/core/Typography'\nimport ImgDialog from './ImgDialog'\nimport { getCroppedImg } from './canvasUtils'\nimport { useStyles } from './styles'\nimport ReactImageUploading from 'react-images-uploading'\nimport { errorsUploadImage } from 'utils'\nimport {\n CardContent,\n Card,\n Tooltip,\n Divider,\n Grid,\n useTheme,\n CircularProgress\n} from '@material-ui/core'\nimport CloudUploadTwoToneIcon from '@material-ui/icons/CloudUploadTwoTone'\nimport InsertPhotoTwoTone from '@material-ui/icons/InsertPhotoTwoTone'\nimport { uploadImage } from '_services'\nimport { useDispatch, useSelector } from 'react-redux'\nimport { eventoAction } from '_actions'\nimport { useConfirm } from 'material-ui-confirm'\n\nconst ImageCrop = () => {\n const confirm = useConfirm()\n const theme = useTheme()\n const [imageSrc, setImageSrc] = useState(null)\n const [crop, setCrop] = useState({ x: 0, y: 0 })\n const [zoom, setZoom] = useState(1)\n const [croppedAreaPixels, setCroppedAreaPixels] = useState(null)\n const [images, setImages] = useState([])\n const [isUploading, setIsUploading] = useState(false)\n const [croppedImage, setCroppedImage] = useState(null)\n const classes = useStyles()\n const evento = useSelector((state) => state.evento)\n const dispatch = useDispatch()\n\n const removeImage = () => {\n confirm({\n title: 'Deseja remover a imagem?',\n description: '',\n confirmationText: 'Sim, quero remover!',\n cancellationText: 'Nãããoo!'\n }).then(() => {\n dispatch(eventoAction.onChangeProps('imagem', ''))\n })\n }\n\n const onChange = (imageList) => {\n // data for submit\n setImages(imageList)\n console.log(imageList[0])\n setImageSrc(imageList[0].data_url)\n }\n const onCropComplete = useCallback((croppedArea, croppedAreaPixels) => {\n setCroppedAreaPixels(croppedAreaPixels)\n }, [])\n\n const showCroppedImage = useCallback(async () => {\n try {\n const croppedImage = await getCroppedImg(imageSrc, croppedAreaPixels)\n setCroppedImage(croppedImage)\n } catch (e) {\n console.error(e)\n }\n }, [imageSrc, croppedAreaPixels])\n\n const uploadImageClick = async () => {\n try {\n setIsUploading(true)\n const croppedImage = await getCroppedImg(imageSrc, croppedAreaPixels)\n let file = await fetch(croppedImage)\n .then((r) => r.blob())\n .then(\n (blobFile) =>\n new File([blobFile], 'fileImage', {\n type: 'image/png',\n lastModified: new Date(),\n size: 2\n })\n )\n if (file) {\n uploadImage({ file: file, name: 'image.png' })\n .then((response) => {\n dispatch(eventoAction.onChangeProps('imagem', response))\n setImageSrc(null)\n setIsUploading(false)\n })\n .catch((err) => {\n console.log(err)\n setIsUploading(false)\n })\n }\n } catch (e) {\n console.error(e)\n }\n }\n const onClose = useCallback(() => {\n setCroppedImage(null)\n }, [])\n\n return (\n \n 
\n
\n \n {imageSrc ? (\n \n \n ) : (\n errorsUploadImage(errors)}\n value={images}\n onChange={onChange}\n dataURLKey=\"data_url\"\n >\n {({ onImageUpload, isDragging, dragProps }) => (\n \n \n \n {(evento.imagem === null || evento.imagem === '') && (\n \n {isDragging ? (\n \n \n Solte a imagem aqui!\n \n
\n ) : (\n \n
\n \n setImageSrc(null)}\n variant=\"contained\"\n color=\"primary\"\n classes={{ root: classes.cancelButton }}\n >\n Cancelar\n \n \n Resultado em tela cheia\n \n
\n \n \n Zoom\n \n setZoom(zoom)}\n />\n
\n \n \n © {1900 + new Date().getYear()}, feito com{' '}\n \n {/* \n Created with love for the environment. By designers and developers who\n love to work together in offices!\n */}\n
\n )\n}\n\nFooter.propTypes = {\n className: PropTypes.string\n}\n\nexport default Footer\n","import React from 'react'\nimport { useSelector } from 'react-redux'\nimport { Link as RouterLink } from 'react-router-dom'\nimport clsx from 'clsx'\nimport PropTypes from 'prop-types'\nimport { makeStyles } from '@material-ui/styles'\nimport { Avatar, Typography } from '@material-ui/core'\nimport getInitials from 'utils/getInitials'\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n minHeight: 'fit-content'\n },\n avatar: {\n width: 60,\n height: 60\n },\n name: {\n marginTop: theme.spacing(1)\n }\n}))\n\nconst Profile = (props) => {\n const { user, className, ...rest } = props\n\n const classes = useStyles()\n\n const isAddPlace = useSelector((state) => {\n return state.usuarioEstabelecimento.isAddPlace\n })\n\n return (\n \n \n {' '}\n {getInitials(user.nome)}\n \n \n {user.nome}\n \n \n {user.email}\n \n {user.tipoUsuario.descricao} \n
\n )\n}\n\nProfile.propTypes = {\n className: PropTypes.string\n}\n\nexport default Profile\n","/* eslint-disable react/no-multi-comp */\r\n/* eslint-disable react/display-name */\r\nimport React, { forwardRef } from 'react'\r\nimport { NavLink as RouterLink } from 'react-router-dom'\r\nimport { useSelector } from 'react-redux'\r\nimport clsx from 'clsx'\r\nimport PropTypes from 'prop-types'\r\nimport { makeStyles } from '@material-ui/styles'\r\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore'\r\nimport ExpandLessIcon from '@material-ui/icons/ExpandLess'\r\n\r\nimport {\r\n List,\r\n ListItem,\r\n Button,\r\n colors,\r\n Tooltip,\r\n Divider,\r\n Typography\r\n} from '@material-ui/core'\r\nimport { AccessControl } from '../../../../../../components/Utils/AccessControl'\r\nimport { history } from 'utils'\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n root: {},\r\n item: {\r\n display: 'flex',\r\n paddingTop: 0,\r\n paddingBottom: 0\r\n },\r\n button: {\r\n color: colors.blueGrey[800],\r\n padding: '10px 8px',\r\n justifyContent: 'flex-start',\r\n textTransform: 'none',\r\n letterSpacing: 0,\r\n width: '100%',\r\n fontWeight: theme.typography.fontWeightMedium\r\n },\r\n icon: {\r\n color: theme.palette.icon,\r\n width: 24,\r\n height: 24,\r\n display: 'flex',\r\n alignItems: 'center',\r\n marginRight: theme.spacing(2)\r\n },\r\n active: {\r\n color: theme.palette.primary.main,\r\n fontWeight: theme.typography.fontWeightMedium,\r\n '& $icon': {\r\n color: theme.palette.primary.main\r\n }\r\n },\r\n tooltipText: {\r\n textAlign: 'center'\r\n },\r\n divider: {\r\n margin: theme.spacing(2, 0)\r\n },\r\n subtitle: { paddingLeft: theme.spacing(1) },\r\n expandIcon: {\r\n marginLeft: 'auto',\r\n height: 18,\r\n width: 18\r\n }\r\n}))\r\n\r\nconst CustomRouterLink = forwardRef((props, ref) => (\r\n \r\n
\r\n))\r\n\r\nconst SidebarNav = (props) => {\r\n const { pages, className, ...rest } = props\r\n const classes = useStyles()\r\n\r\n const isAddPlace = useSelector((state) => {\r\n if (state.usuarioEstabelecimento.isAddPlace) {\r\n return true\r\n } else {\r\n return false\r\n }\r\n })\r\n\r\n return (\r\n - \r\n {pages.map((page) => (\r\n <>\r\n {page.rule !== undefined ? (\r\n
Função bloqueada 🤔
\r\nTermine a adição de um evento ou cancele!
\r\n \r\n ) : page.emailVerificado ? (\r\n \r\nFunção bloqueada 🤔
\r\nClique para completar seu cadastro!
\r\n \r\n ) : (\r\n \r\nFunção bloqueada 🤔
\r\nConfirme seu e-mail para continuar!
\r\n \r\n )\r\n }\r\n arrow\r\n onClick={() =>\r\n page.emailVerificado &&\r\n page.disabled &&\r\n history.push(`/estabelecimento/`)\r\n }\r\n disableFocusListener={!page.disabled}\r\n disableHoverListener={!page.disabled}\r\n disableTouchListener={!page.disabled}\r\n >\r\n{page.icon}
\r\n {page.title}\r\n {page?.children && (\r\n <>\r\n {/* {open ? (\r\n Função bloqueada 🤔
\r\nTermine a adição de um evento ou cancele!
\r\n \r\n ) : page.emailVerificado ? (\r\n \r\nFunção bloqueada 🤔
\r\nClique para completar seu cadastro!
\r\n \r\n ) : (\r\n \r\nFunção bloqueada 🤔
\r\nConfirme seu e-mail para continuar!
\r\n \r\n )\r\n }\r\n arrow\r\n onClick={() =>\r\n page.emailVerificado &&\r\n page.disabled &&\r\n history.push(`/estabelecimento/`)\r\n }\r\n disableFocusListener={!page.disabled}\r\n disableHoverListener={!page.disabled}\r\n disableTouchListener={!page.disabled}\r\n >\r\n{page.icon}
\r\n {page.title}\r\n \r\n \r\n \r\n {page.divider && \r\n
\r\n \r\n {/* @ts-ignore */}\r\n \r\n \r\n Estabelecimento selecionado:\r\n \r\n {' '}\r\n {estabelecimento.nome}\r\n \r\n \r\n \r\n \r\n \r\n {/* @ts-ignore */}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n meus estabelecimentos\r\n \r\n \r\n \r\n \r\n \r\n item.estabelecimentoId === estabelecimento.id\r\n )}\r\n onChange={(event, newValue, reason) => {\r\n if (reason === 'select-option') {\r\n newValue !== null && handleChange(newValue)\r\n }\r\n }}\r\n getOptionLabel={(\r\n usuarioEstabelecimento: UsuarioEstabelecimento\r\n ) => usuarioEstabelecimento?.estabelecimento?.nome}\r\n placeholder=\"Buscar por nome...\"\r\n onInputChange={(event, newInputValue) => {\r\n newInputValue !== null\r\n ? setEstabelecimentoInputValue(newInputValue)\r\n : setEstabelecimentoInputValue('')\r\n }}\r\n inputValue={estabelecimentoInputValue}\r\n renderInput={(params) => (\r\n \r\n \r\n \r\n \r\n {/* */}\r\n \r\n {isAddPlace ? 'Cancelar Adição' : 'Adicionar'}\r\n \r\n \r\n \r\n
\r\n )\r\n }\r\n\r\n return (\r\n \r\n {usuarioEstabelecimento.length === 0 ||\r\n usuarioEstabelecimento === undefined\r\n ? emailVerificado && (\r\n //@ts-ignore\r\n \r\n history.push(`/estabelecimento/`)}\r\n >\r\n Completar cadastro\r\n \r\n \r\n )\r\n : usuarioEstabelecimento.length === 1\r\n ? null\r\n : returnContent()}\r\n
\r\n )\r\n}\r\n\r\nSelectEstabelecimento.propTypes = {\r\n className: PropTypes.string\r\n}\r\nexport default SelectEstabelecimento\r\n","import React from 'react'\nimport { Link as RouterLink } from 'react-router-dom'\nimport clsx from 'clsx'\nimport { connect, useDispatch } from 'react-redux'\nimport PropTypes from 'prop-types'\nimport {\n AppBar,\n Toolbar,\n Hidden,\n IconButton,\n withStyles,\n Tooltip\n} from '@material-ui/core'\nimport MenuIcon from '@material-ui/icons/Menu'\nimport InputIcon from '@material-ui/icons/Input'\nimport { authActions } from '../../../../_actions'\nimport { withRouter } from 'react-router-dom'\nimport { SelectEstabelecimento } from './components'\n\nconst styles = (theme) => ({\n root: {\n boxShadow: 'none'\n },\n flexGrow: {\n flexGrow: 1\n },\n signOutButton: {\n marginLeft: theme.spacing(5)\n },\n selectEstabelecimento: {\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n // position: 'absolute',\n left: 0,\n right: 0\n }\n})\n\nconst Topbar = (props) => {\n const { className, onSidebarOpen, ...rest } = props\n const { classes } = props\n const dispatch = useDispatch()\n // const [notifications] = useState([]);\n const logout = () => {\n dispatch(authActions.logout())\n }\n\n return (\n \n
\n \n
\n \n {children} \n
\n )\n}\n\nMinimal.propTypes = {\n children: PropTypes.node,\n className: PropTypes.string\n}\n\nexport default Minimal\n","export default {\n shadowCard: {\n boxShadow: 'rgb(0 0 0 / 8%) 0px 2px 8px',\n borderRadius: '8px',\n webkitBorderRadius: '8px',\n mozBorderRadius: '8px'\n }\n}\n","import { useQuery } from 'react-query'\r\n\r\n//? Own Imports\r\nimport { crudService } from '_services'\r\nimport {\r\n MemberSubscriptionParams,\r\n MemberSubscriptionReturn,\r\n UseQueryOptions\r\n} from './member'\r\n\r\nconst getMemberSubscription = async (\r\n params: MemberSubscriptionParams\r\n): Promise\n \n Desde de 1 de janeiro de 2020\n \n
*/}\n \n \n
\n
\n JÁ REALIZADOS\n \n
\n {isFetching || !showValues ? (\n \n
\n ) : (\n \n {isFetching || !showValues ? (\n \n
\n ) : (\n \n \n {\n setSelectedEvento(newValue)\n if (reason === 'clear') {\n //? se o usuário clicar no botão limpar\n setEventoInputValue('')\n history.push('/dashboard')\n }\n }}\n getOptionLabel={(evento) =>\n evento.nome &&\n `${evento.nome} ${\n evento.dataHoraInicio\n ? ` - (${toLocalDateFormat(evento.dataHoraInicio)})`\n : ''\n }`\n }\n placeholder=\"Filtrar por evento...\"\n onInputChange={(event, newInputValue) => {\n newInputValue !== null\n ? setEventoInputValue(newInputValue)\n : setEventoInputValue('')\n }}\n inputValue={eventoInputValue}\n renderInput={(params) => (\n \n {!isMobile && (\n \n <>\n {isFetchingEvents && (\n {\n setShowPastEvents(event.target.checked)\n }}\n checked={showPastEvents}\n size=\"small\"\n inputProps={{\n 'aria-label': 'Listar eventos encerrados'\n }}\n />\n {\n setShowPastEvents(!showPastEvents)\n }}\n />\n \n \n )}\n {params.InputProps.endAdornment}\n \n )\n }}\n />\n )}\n />\n \n
\n )\n}\n\nexport default SelectFilters\n","import React from 'react'\nimport {\n Card,\n CardContent,\n Grid,\n Typography,\n Avatar,\n makeStyles\n} from '@material-ui/core'\nimport ListAltTwoToneIcon from '@material-ui/icons/ListAltTwoTone'\nimport { useSelector } from 'react-redux'\nimport { Skeleton } from '@material-ui/lab'\nimport constants from 'theme/constants'\nimport { useParams } from 'react-router-dom'\nimport { useEventDashboard } from 'hooks-querys'\nvar pluralize = require('pluralize')\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n height: '100%',\n ...constants.shadowCard\n },\n content: {\n alignItems: 'center',\n display: 'flex'\n },\n title: {\n fontWeight: 700\n },\n avatar: {\n backgroundColor: theme.palette.error.main,\n height: 46,\n width: 46\n },\n icon: {\n height: 22,\n width: 22\n },\n difference: {\n marginTop: theme.spacing(2),\n display: 'flex',\n alignItems: 'center'\n },\n differenceIcon: {\n color: theme.palette.success.dark\n },\n differenceValue: {\n color: theme.palette.success.dark,\n marginRight: theme.spacing(1)\n }\n}))\n\nconst PedidosPendentes = () => {\n const classes = useStyles()\n\n const { eventoId } = useParams<{ eventoId: string }>()\n const { data, isFetching } = useEventDashboard(Number(eventoId))\n const { quantidadePedidosPendentes, valorPedidosPendentes } = data || {}\n\n // @ts-ignore\n const { showValues } = useSelector((state) => state.global)\n return (\n \n \n Desde de 1 de janeiro de 2020\n \n
*/}\n \n
\n )\n}\n\nChart.propTypes = {\n className: PropTypes.string,\n data: PropTypes.array.isRequired,\n labels: PropTypes.array.isRequired\n}\n\nexport default Chart\n","import React from 'react'\nimport PerfectScrollbar from 'react-perfect-scrollbar'\nimport {\n Card,\n CardHeader,\n CardContent,\n Divider,\n makeStyles\n} from '@material-ui/core'\nimport { Chart } from './components'\nimport { Skeleton } from '@material-ui/lab'\nimport { useSelector } from 'react-redux'\nimport constants from 'theme/constants'\nimport { useParams } from 'react-router-dom'\nimport { useEventDashboard } from 'hooks-querys'\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n ...constants.shadowCard\n },\n content: {},\n buttons: {\n display: 'flex',\n justifyContent: 'center',\n '& > *': {\n marginLeft: theme.spacing(1)\n }\n },\n inner: {\n height: 375,\n minWidth: 500\n },\n chart: {\n height: '100%'\n }\n}))\n\nconst GraficoVendasPorDia = () => {\n const classes = useStyles()\n const { eventoId } = useParams<{ eventoId: string }>()\n const { data: queryData, isFetching } = useEventDashboard(Number(eventoId))\n\n // @ts-ignore\n const { showValues } = useSelector((state) => state.global)\n const { graficoIngressosDia } = queryData || {}\n const data = graficoIngressosDia\n ? {\n quantidade: graficoIngressosDia.series[0],\n valor: graficoIngressosDia.series[1],\n labels: graficoIngressosDia.options\n }\n : undefined\n\n return (\n \n {isFetching || !showValues ? (\n
\n \n {isFetching || !showValues ? (\n \n
\n ) : (\n \n {isFetching || !showValues ? (\n \n
\n ) : (\n \n \n
\n
\n \n \n \n \n Dashboard\n \n \n Administrativo\n \n \n \n {chipOptions &&\n chipOptions.length > 0 &&\n chipOptions.map((option) => (\n handleRangeChangeChip(option)}\n color={\n option.value != '0' &&\n differenceInDays(dateRange.endDate, dateRange.startDate) ===\n Number(option.value)\n ? 'primary'\n : (option.label === 'Hoje' &&\n format(dateRange.startDate, 'dd/MM/yyyy') ===\n format(today, 'dd/MM/yyyy')) ||\n (option.label === 'Ontem' &&\n format(dateRange.startDate, 'dd/MM/yyyy') ===\n format(yesterday, 'dd/MM/yyyy') &&\n format(dateRange.endDate, 'dd/MM/yyyy') ===\n format(yesterday, 'dd/MM/yyyy'))\n ? 'primary'\n : 'default'\n }\n />\n ))}\n \n \n \n \n \n \n
\n )\n}\n\nHeader.propTypes = {\n className: PropTypes.string\n}\n\nHeader.defaultProps = {}\n\nexport default Header\n","import React from 'react'\nimport clsx from 'clsx'\nimport PropTypes from 'prop-types'\nimport { makeStyles } from '@material-ui/styles'\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n width: 56,\n height: 56\n },\n circle1: {\n stroke: 'rgba(0,0,0,0.05)',\n fill: 'none',\n strokeWidth: 4\n },\n circle2: {\n stroke: theme.palette.primary.main,\n fill: 'none',\n strokeWidth: 4,\n animation: '$progress 1s ease-out forwards'\n },\n '@keyframes progress': {\n '0%': {\n strokeDasharray: '0 100'\n }\n }\n}))\n\nconst CircularProgress = (props) => {\n const { value, className, ...rest } = props\n\n const classes = useStyles()\n\n return (\n \n \n
\n )\n}\n\nCircularProgress.propTypes = {\n className: PropTypes.string,\n value: PropTypes.number.isRequired\n}\n\nexport default CircularProgress\n","import React from 'react'\nimport clsx from 'clsx'\nimport PerfectScrollbar from 'react-perfect-scrollbar'\nimport PropTypes from 'prop-types'\nimport { makeStyles } from '@material-ui/styles'\nimport {\n Card,\n CardHeader,\n CardContent,\n Divider,\n Table,\n TableRow,\n TableCell,\n Typography,\n colors,\n TableBody,\n Avatar\n} from '@material-ui/core'\n\nimport CircularProgress from './components/CircularProgress'\nimport { useSelector } from 'react-redux'\nimport { Skeleton } from '@material-ui/lab'\nimport { formatCurrency, getInitials } from 'utils'\nimport constants from 'theme/constants'\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n ...constants.shadowCard\n },\n content: {\n padding: 0,\n '&:last-child': {\n paddingBottom: 0\n }\n },\n emptyContent: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n [theme.breakpoints.up('lg')]: {\n minHeight: 532\n }\n },\n textEmptyContent: {\n marginTop: theme.spacing(2)\n },\n inner: {\n minWidth: 500\n },\n details: {\n display: 'flex',\n alignItems: 'center'\n },\n image: {\n marginRight: theme.spacing(2),\n flexShrink: 0,\n height: 56,\n width: 56,\n borderRadius: '50%'\n },\n subscriptions: {\n fontWeight: theme.typography.fontWeightMedium\n },\n price: {\n whiteSpace: 'nowrap'\n },\n value: {\n color: colors.green[600],\n fontWeight: theme.typography.fontWeightMedium\n },\n conversion: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'flex-end'\n },\n conversionStats: {\n whiteSpace: 'nowrap',\n marginRight: theme.spacing(2)\n },\n actions: {\n justifyContent: 'flex-end'\n },\n arrowForwardIcon: {\n marginLeft: theme.spacing(1)\n }\n}))\n\nconst MostProfitableOrganizes = (props) => {\n const { className, ...rest } = props\n const classes = useStyles()\n const { isLoading } = useSelector((state) => state.dashboard)\n const { showValues } = useSelector((state) => state.global)\n const { estabelecimentosMaisRentaveis } = useSelector(\n (state) => state.dashboard.dashboardAdmin\n )\n return (\n \n \n
\n
\n \n \n {formatCurrency(\n dashboardAdmin &&\n dashboardAdmin.receitaBruta &&\n dashboardAdmin.receitaBruta.valorAtual\n )}\n \n
\n ) : (\n \n \n {formatCurrency(\n dashboardAdmin &&\n dashboardAdmin.lucroLiquido &&\n dashboardAdmin.lucroLiquido.valorAtual\n )}\n \n
\n ) : (\n \n \n {formatCurrency(\n dashboardAdmin && dashboardAdmin.valorATransferir\n )}\n \n
\n ) : (\n \n \n {dashboardAdmin &&\n dashboardAdmin.tarifaMedia &&\n dashboardAdmin.tarifaMedia.valorAtual.toLocaleString(\n 'pt-BR',\n { maximumFractionDigits: 2 }\n )}\n %\n \n
\n ) : (\n \n \n {dashboardAdmin &&\n dashboardAdmin.eventosRealizados &&\n dashboardAdmin.eventosRealizados.valorAtual}\n \n
\n ) : (\n \n \n {interacoesUsuarios &&\n interacoesUsuarios.totalInteracoes &&\n interacoesUsuarios.totalInteracoes.valorAtual}\n \n\n
\n ) : (\n \n \n {interacoesUsuarios &&\n interacoesUsuarios.totalComentarios &&\n interacoesUsuarios.totalComentarios.valorAtual}\n \n
\n ) : (\n \n \n {interacoesUsuarios &&\n interacoesUsuarios.totalConexoes &&\n interacoesUsuarios.totalConexoes.valorAtual}\n \n
\n ) : (\n \n \n {interacoesUsuarios &&\n interacoesUsuarios.totalAvaliacoes &&\n interacoesUsuarios.totalAvaliacoes.valorAtual}\n \n
\n ) : (\n \n \n {interacoesUsuarios &&\n interacoesUsuarios.novosUsuarios &&\n interacoesUsuarios.novosUsuarios.valorAtual}\n \n
\n ) : (\n \n \n {interacoesUsuarios &&\n interacoesUsuarios.usuariosAtivos &&\n interacoesUsuarios.usuariosAtivos.valorAtual}\n \n
\n ) : (\n - \n {interacoesUsuarios &&\n interacoesUsuarios.atividades &&\n interacoesUsuarios.atividades.length > 0 &&\n interacoesUsuarios.atividades.map((activity, i) => {\n const isUser =\n activity &&\n activity.usuario &&\n activity.usuario.id &&\n activity.usuario.id > 0\n return (\n
\n
\n )\n}\n\nChart.propTypes = {\n className: PropTypes.string,\n data: PropTypes.array.isRequired\n}\n\nexport default Chart\n","import React, { useState, useEffect } from 'react'\nimport clsx from 'clsx'\nimport PropTypes from 'prop-types'\nimport { makeStyles } from '@material-ui/styles'\nimport {\n Card,\n CardHeader,\n CardContent,\n Divider,\n Typography,\n colors,\n Grid\n} from '@material-ui/core'\n\nimport { Chart } from './components'\nimport { useSelector } from 'react-redux'\nimport { Skeleton } from '@material-ui/lab'\nimport { getRandomColorsChart } from 'utils'\nimport constants from 'theme/constants'\nvar pluralize = require('pluralize')\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n ...constants.shadowCard\n },\n content: {\n padding: 0,\n '&:last-child': {\n paddingBottom: 0\n }\n },\n chartContainer: {\n padding: theme.spacing(3),\n alignContent: 'center',\n alignItems: 'center',\n display: 'flex',\n justifyContent: 'center'\n },\n chart: {\n height: 281\n },\n title: {\n fontSize: '10px'\n },\n statsContainer: {\n display: 'flex'\n },\n statsItem: {\n flexGrow: 1,\n display: 'flex',\n flexDirection: 'column',\n justifyContent: 'center',\n padding: theme.spacing(1.5, 2),\n '&:not(:last-of-type)': {\n borderRight: `1px solid ${theme.palette.divider}`,\n borderBottom: `1px solid ${theme.palette.divider}`\n }\n }\n}))\n\nconst PlatformSales = (props) => {\n const { className, ...rest } = props\n\n const classes = useStyles()\n const { isLoading } = useSelector((state) => state.dashboard)\n const { graficoVendasPorPlataforma } = useSelector(\n (state) => state.dashboard.dashboardAdmin\n )\n const { showValues } = useSelector((state) => state.global)\n\n const percentageCalculator = (value, total) => {\n return (value * 100) / total\n }\n\n const dataProp = {\n ...graficoVendasPorPlataforma,\n colors: getRandomColorsChart(graficoVendasPorPlataforma.options.length)\n }\n return (\n \n {showValues &&\n !isLoading &&\n dataProp &&\n dataProp.options &&\n dataProp.options.length > 0 ? (\n
\n \n
\n )\n}\n\nChart.propTypes = {\n className: PropTypes.string,\n data: PropTypes.array.isRequired\n}\n\nexport default Chart\n","import React, { useState, useEffect } from 'react'\nimport clsx from 'clsx'\nimport PropTypes from 'prop-types'\nimport { makeStyles } from '@material-ui/styles'\nimport {\n Card,\n CardHeader,\n CardContent,\n Divider,\n Typography,\n colors,\n Grid\n} from '@material-ui/core'\n\nimport { Chart } from './components'\nimport { useSelector } from 'react-redux'\nimport { Skeleton } from '@material-ui/lab'\nimport { getRandomColorsChart } from 'utils'\nimport constants from 'theme/constants'\nvar pluralize = require('pluralize')\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n ...constants.shadowCard\n },\n content: {\n padding: 0,\n '&:last-child': {\n paddingBottom: 0\n }\n },\n chartContainer: {\n padding: theme.spacing(3),\n alignContent: 'center',\n alignItems: 'center',\n display: 'flex',\n justifyContent: 'center'\n },\n chart: {\n height: 281\n },\n title: {\n fontSize: '10px'\n },\n statsContainer: {\n display: 'flex'\n },\n statsItem: {\n flexGrow: 1,\n display: 'flex',\n flexDirection: 'column',\n justifyContent: 'center',\n padding: theme.spacing(1.5, 2),\n '&:not(:last-of-type)': {\n borderRight: `1px solid ${theme.palette.divider}`,\n borderBottom: `1px solid ${theme.palette.divider}`\n }\n }\n}))\n\nconst TypeInteractions = (props) => {\n const { className, ...rest } = props\n\n const classes = useStyles()\n const { isLoading } = useSelector((state) => state.dashboard)\n const { graficoInteracoesPorTipo } = useSelector(\n (state) => state.dashboard.dashboardAdmin\n )\n const { showValues } = useSelector((state) => state.global)\n\n const percentageCalculator = (value, total) => {\n return (value * 100) / total\n }\n\n const dataProp = {\n ...graficoInteracoesPorTipo,\n colors: getRandomColorsChart(graficoInteracoesPorTipo.options.length)\n }\n return (\n \n {showValues &&\n !isLoading &&\n dataProp &&\n dataProp.options &&\n dataProp.options.length > 0 ? (\n
\n \n
\n )\n}\n\nChart.propTypes = {\n className: PropTypes.string,\n data: PropTypes.array.isRequired\n}\n\nexport default Chart\n","import React from 'react'\nimport clsx from 'clsx'\nimport PropTypes from 'prop-types'\nimport { makeStyles } from '@material-ui/styles'\nimport {\n Card,\n CardHeader,\n CardContent,\n Divider,\n Typography,\n Grid\n} from '@material-ui/core'\n\nimport { Chart } from './components'\nimport { useSelector } from 'react-redux'\nimport { Skeleton } from '@material-ui/lab'\nimport { getRandomColorsChart } from 'utils'\nimport constants from 'theme/constants'\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n ...constants.shadowCard\n },\n content: {\n padding: 0,\n '&:last-child': {\n paddingBottom: 0\n }\n },\n chartContainer: {\n padding: theme.spacing(3),\n alignContent: 'center',\n alignItems: 'center',\n display: 'flex',\n justifyContent: 'center'\n },\n chart: {\n height: 281\n },\n title: {\n fontSize: '10px'\n },\n statsContainer: {\n display: 'flex'\n },\n statsItem: {\n flexGrow: 1,\n display: 'flex',\n flexDirection: 'column',\n justifyContent: 'center',\n padding: theme.spacing(1.5, 2),\n '&:not(:last-of-type)': {\n borderRight: `1px solid ${theme.palette.divider}`,\n borderBottom: `1px solid ${theme.palette.divider}`\n }\n }\n}))\n\nconst PaymentTypeSales = (props) => {\n const { className, ...rest } = props\n\n const classes = useStyles()\n const { isLoading } = useSelector((state) => state.dashboard)\n const { graficoVendasPorFormaPagamento } = useSelector(\n (state) => state.dashboard.dashboardAdmin\n )\n const { showValues } = useSelector((state) => state.global)\n\n const percentageCalculator = (value, total) => {\n return (value * 100) / total\n }\n\n const dataProp = {\n ...graficoVendasPorFormaPagamento,\n colors: getRandomColorsChart(graficoVendasPorFormaPagamento.options.length)\n }\n return (\n \n {showValues &&\n !isLoading &&\n dataProp &&\n dataProp.options &&\n dataProp.options.length > 0 ? (\n
\n \n
\n \n \n Voltar para home\n \n
\n \n )\n}\n\nexport default AccessDenied\n","import React, { useEffect } from 'react'\nimport { makeStyles } from '@material-ui/styles'\nimport { Grid } from '@material-ui/core'\nimport { Page } from 'components'\nimport { useDispatch } from 'react-redux'\nimport {\n Overview,\n MostProfitableOrganizes,\n CustomerActivity,\n Header,\n PlatformSales,\n TypeInteractions,\n PaymentTypeSales\n} from './components'\nimport { globalActions } from '_actions'\nimport { AccessControl } from '../../components/Utils'\nimport AccessDenied from 'views/Errors/AccessDenied'\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n padding: theme.spacing(3)\n },\n\n container: {\n '& > *': {\n height: '100%'\n }\n }\n}))\n\nconst DashboardAdmin = () => {\n const classes = useStyles()\n const dispatch = useDispatch()\n\n useEffect(() => {\n dispatch(globalActions.setIsVisibleButtonShowValues(true))\n return () => {\n dispatch(globalActions.setIsVisibleButtonShowValues(false))\n }\n }, [])\n\n return (\n \n @\n }}\n />\n \n Senha * \n \n \n {showPassword ? {formState.errors.senha[0]} \n )}\n \n
\n {loading ? (\n \n \n {'Você precisa aceitar os termos de uso e políticas.'}\n \n )}\n
\n \n \n Concordo com os{' '}\n \n termos de uso\n {' '}\n e{' '}\n \n políticas de privacidade\n \n \n
\n {hasError('termosDeUso') && (\n \n \n \n (\n \n {/* \n */}\n \n
\n )\n}\n\nexport default SocialButtons\n","import React from 'react'\nimport { Link as RouterLink } from 'react-router-dom'\nimport { makeStyles } from '@material-ui/styles'\nimport {\n Card,\n CardContent,\n Typography,\n Divider,\n Link,\n Hidden\n} from '@material-ui/core'\nimport Image from 'material-ui-image'\nimport PersonAddIcon from '@material-ui/icons/PersonAddOutlined'\n\nimport gradients from 'utils/gradients'\nimport { Page } from 'components'\nimport { CadastroForm } from './components'\nimport SocialButtons from './components/SocialButtons/SocialButtons'\nimport TagManager from 'react-gtm-module'\n\nconst tagManagerArgs = {\n dataLayer: {\n event: 'pageView',\n page: '/cadastro'\n },\n dataLayerName: 'PaginaCadastro'\n}\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n height: '100%',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n padding: theme.spacing(6, 2)\n },\n card: {\n width: theme.breakpoints.values.md,\n maxWidth: '100%',\n overflow: 'unset',\n display: 'flex',\n position: 'relative',\n '& > *': {\n flexGrow: 1,\n flexBasis: '50%',\n width: '50%'\n },\n [theme.breakpoints.down('sm')]: {\n marginTop: theme.spacing(1),\n marginBottom: theme.spacing(1)\n },\n [theme.breakpoints.down('xs')]: {\n marginTop: theme.spacing(20),\n marginBottom: theme.spacing(3)\n }\n },\n content: {\n padding: theme.spacing(6, 4, 3, 3)\n },\n media: {\n // borderTopRightRadius: 4,\n // borderBottomRightRadius: 4,\n padding: theme.spacing(7)\n // color: theme.palette.white,\n // display: 'flex',\n // flexDirection: 'column',\n // justifyContent: 'flex-end',\n // [theme.breakpoints.down('md')]: {\n // display: 'none'\n // }\n },\n icon: {\n backgroundImage: gradients.primary,\n color: theme.palette.white,\n borderRadius: theme.shape.borderRadius,\n padding: theme.spacing(1),\n position: 'absolute',\n top: -32,\n left: theme.spacing(3),\n height: 64,\n width: 64,\n fontSize: 32\n },\n registerForm: {\n marginTop: theme.spacing(2)\n },\n divider: {\n margin: theme.spacing(2, 0)\n },\n person: {\n marginTop: theme.spacing(2),\n display: 'flex'\n },\n avatar: {\n marginRight: theme.spacing(2)\n }\n}))\n\nconst Cadastro = () => {\n TagManager.dataLayer(tagManagerArgs)\n const classes = useStyles()\n return (\n \n \n \n \n Página inicial\n \n \n {messageTime()}, {user.nome.split(' ').slice(0, -1).join(' ')}\n \n \n Dê uma espiada no que está acontecendo hoje\n \n \n \n history.push('/dashboard')}\n startIcon={ \n \n handleClickNewEvent()}\n startIcon={ \n \n \n\n \n \n \n \n \n
\n )\n}\n\nHeader.propTypes = {\n className: PropTypes.string\n}\n\nexport default Header\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport clsx from 'clsx'\nimport { makeStyles } from '@material-ui/styles'\nimport {\n Card,\n Typography,\n Grid,\n CardHeader,\n Tooltip,\n IconButton\n} from '@material-ui/core'\nimport { Skeleton } from '@material-ui/lab'\nimport CachedRoundedIcon from '@material-ui/icons/CachedRounded'\nimport { useDispatch, useSelector } from 'react-redux'\nimport { dashboardAction } from '_actions'\nimport constants from 'theme/constants'\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n ...constants.shadowCard\n },\n content: {\n padding: 0\n },\n item: {\n padding: theme.spacing(2),\n textAlign: 'center',\n [theme.breakpoints.up('md')]: {\n '&:not(:last-of-type)': {\n borderRight: `1px solid ${theme.palette.divider}`\n }\n },\n [theme.breakpoints.down('sm')]: {\n '&:not(:last-of-type)': {\n borderBottom: `1px solid ${theme.palette.divider}`\n }\n }\n },\n titleWrapper: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center'\n },\n label: {\n marginLeft: theme.spacing(1),\n marginTop: theme.spacing(1)\n },\n h2: {\n paddingTop: theme.spacing(1)\n },\n header: {\n marginBottom: theme.spacing(-7)\n }\n}))\n\nconst Statistics = (props) => {\n const { className, dashboardHome, isLoading, ...rest } = props\n const classes = useStyles()\n const dispatch = useDispatch()\n const { estabelecimentoId } = useSelector(\n (state) => state.usuarioEstabelecimento\n )\n const handleClickRefresh = () => {\n if (estabelecimentoId !== '') {\n dispatch(dashboardAction.getDashboardHome(estabelecimentoId))\n }\n }\n const { showValues } = useSelector((state) => state.global)\n return (\n Para usar a\n plataforma confirme seu endereço email!\n \n
\n Para liberar e aproveitar todas as funções clique no botão ao\n lado para iniciar seu primeiro cadastro.\n \n
\n \n \n Saudações do Corujas 🦉\n \n \n \n Seja bem vindo a plataforma para gerenciar seus eventos de forma\n simples, rápida e eficaz.\n \n \n O Corujas e todo seu time estão prontos e dispostos a lhe ajudar em\n quaisquer dúvidas e dificuldades que forem encontradas em nossa\n plataforma.\n \n \n Notamos que você ainda não cadastrou nenhum organizador e/ou\n estabelecimento. Para liberar e aproveitar todas as funções clique\n no botão abaixo para iniciar seu primeiro cadastro.\n \n \n \n \n \n \n
\n )\n}\n\nexport default FirstEstabelecimento\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport clsx from 'clsx'\nimport { v1 as uuid } from 'uuid'\nimport { makeStyles } from '@material-ui/styles'\nimport {\n Card,\n IconButton,\n List,\n ListItem,\n ListItemIcon,\n ListItemSecondaryAction,\n ListItemText,\n Typography,\n Tooltip\n} from '@material-ui/core'\nimport ArrowForwardIcon from '@material-ui/icons/ArrowForwardOutlined'\nimport PaymentIcon from '@material-ui/icons/PaymentOutlined'\nimport NotificationsActiveOutlinedIcon from '@material-ui/icons/NotificationsActiveOutlined'\n\nconst useStyles = makeStyles((theme) => ({\n root: {},\n value: {\n fontWeight: theme.typography.fontWeightMedium\n },\n type: {\n fontWeight: theme.typography.fontWeightMedium\n }\n}))\n\nconst Summary = (props) => {\n const { className, ...rest } = props\n\n const classes = useStyles()\n const summary = [\n {\n id: uuid(),\n value: 2,\n type: 'ações',\n message: 'que precisam de sua atenção'\n },\n {\n id: uuid(),\n value: 3,\n type: 'pagamentos',\n message: 'que precisam de sua confirmação'\n }\n ]\n\n const icons = {\n ações: - \n {summary.map((notification, i) => (\n
\n
\n )\n}\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport { useSelector } from 'react-redux'\nimport clsx from 'clsx'\nimport { history } from 'utils'\nimport { makeStyles } from '@material-ui/styles'\nimport {\n Card,\n Typography,\n Button,\n useTheme,\n useMediaQuery\n} from '@material-ui/core'\nimport { Alert, AlertTitle } from '@material-ui/lab'\nimport useRouter from 'utils/useRouter'\n\nconst useStyles = makeStyles((theme) => ({\n button: {\n [theme.breakpoints.up('md')]: {\n marginRight: theme.spacing(2)\n },\n webkitTransition: 'all 300ms ease',\n transition: 'all 300ms ease',\n '&:hover': {\n backgroundColor: theme.palette.primary.main,\n boxShadow: '0 9px 40px -14px #FFC20A'\n }\n }\n}))\n\nconst Notifications = (props) => {\n const { className } = props\n const classes = useStyles()\n const theme = useTheme()\n const isMobile = useMediaQuery(theme.breakpoints.down('xs'))\n const { match } = useRouter()\n const { url } = match\n\n const hasContaBancaria = useSelector((state) => {\n if (state.contaBancaria.contaBancaria.length > 0) {\n return true\n }\n return false\n })\n\n const { isFetching } = useSelector((state) => state.contaBancaria)\n return (\n <>\n {!hasContaBancaria && !isFetching && !url.includes('contasBancarias') && (\n \n \n \n {tab === 'aliberar' ? 'Saldo a liberar:' : 'Saldo:'}\n \n \n
\n \n \n {visible && !isLoading ? (\n formatCurrency(tab === 'aliberar' ? saldoALiberar : saldo)\n ) : (\n \n \n setVisible(!visible)}\n >\n {visible ? (\n \n
\n \n {haveRowEvento ? (\n \n 0\n ? true\n : false\n }\n onClick={() => handleSelectAllRowEvento(row.lote.eventoId)}\n checkedIcon={ handleClick(row)}\n color=\"primary\"\n checked={isItemSelected(row.id)}\n inputProps={{ 'aria-labelledby': labelId }}\n />\n )}\n {haveRowEvento && (\n \n setOpen(!open)}\n >\n \n {open ? (\n \n )}\n
\n \n {!isLoading ? (\n <>\n {ingressos && ingressos.length > 0 ? (\n <>\n \n Total de ingressos encontrados: {ingressos.length}\n \n \n \n \n \n {ingressosSortByEventoAndLote(ingressos).map(\n (row, index) => {\n return (\n \n \n \n \n \n ) : (\n
\n )\n}\n","import {\n DialogContentText,\n Typography,\n makeStyles,\n Tooltip\n} from '@material-ui/core'\nimport React from 'react'\nimport { cpfCnpjMask } from 'utils'\nimport PropTypes from 'prop-types'\nimport { CheckCircleTwoTone } from '@material-ui/icons'\n\nconst useStyles = makeStyles((theme) => ({\n card: {\n border: `1px solid ${theme.palette.primary.light}`,\n borderRadius: '5px',\n webkitBorderRadius: '5px',\n mozBorderRadius: '5px',\n padding: 10\n },\n totalLabel: {\n [theme.breakpoints.up('sm')]: {\n marginTop: theme.spacing(4)\n }\n },\n radio: { display: 'flex', alignItems: 'flex-end' }\n}))\n\nconst CardContaBancaria = ({ contaBancaria }) => {\n const classes = useStyles()\n\n return (\n \n {contaBancaria !== undefined && (\n \n \n \n {contaBancaria.padrao\n ? contaBancaria.conta === '0'\n ? 'Chave Pix padrão selecionada'\n : 'Conta padrão selecionada:'\n : contaBancaria.conta === '0'\n ? 'Chave Pix selecionada'\n : 'Conta selecionada:'}\n \n {contaBancaria.padrao && (\n \n \n )}\n
\n \n {haveRowEvento && (\n \n setOpen(!open)}\n >\n \n {open ? (\n \n )}\n
\n \n {!isLoading ? (\n <>\n {ingressos && ingressos.length > 0 ? (\n <>\n \n Total de ingressos encontrados: {ingressos.length}\n \n \n \n \n \n {ingressosSortByEventoAndLote(ingressos).map(\n (row, index) => {\n return |
\n }\n )}\n \n \n \n \n \n ) : (\n
\n )\n}\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport clsx from 'clsx'\nimport { makeStyles } from '@material-ui/styles'\nimport { Grid } from '@material-ui/core'\nimport { TableIngressosNaoLiberados } from './components'\n\nconst useStyles = makeStyles((theme) => ({\n root: {},\n value: {\n fontWeight: theme.typography.fontWeightMedium\n },\n card: {\n borderRadius: '8px',\n boxShadow: '0px 2px 8px rgb(0 0 0 / 8%)',\n height: 200\n }\n}))\n\nconst IngressosNaoLiberados = (props) => {\n const { className, ...rest } = props\n const classes = useStyles()\n\n return (\n \n \n \n \n \n \n Você ainda não cadastrou nenhuma conta bancária\n \n \n \n \n Cadastrar conta! 💰\n \n \n \n \n Cadastrar pix! 💰\n \n \n \n
\n )\n}\n\nexport default EmptyFirstContaBancaria\n","import React, { useEffect } from 'react'\nimport { useDispatch, useSelector } from 'react-redux'\nimport { contaBancariaAction } from '_actions'\nimport {\n makeStyles,\n Table,\n TableContainer,\n TableBody,\n TableCell,\n TableHead,\n TableRow,\n Paper,\n IconButton,\n Tooltip,\n Typography,\n Button,\n Grid\n} from '@material-ui/core'\nimport DeleteIcon from '@material-ui/icons/Delete'\nimport EditIcon from '@material-ui/icons/Edit'\nimport { history } from 'utils'\nimport { Page, SkeletonTable } from 'components'\nimport { useConfirm } from 'material-ui-confirm'\nimport { AccessControl } from 'components/Utils/AccessControl'\nimport CheckCircleTwoToneIcon from '@material-ui/icons/CheckCircleTwoTone'\nimport EmptyFirstContaBancaria from '../EmptyFirstContaBancaria/EmptyFirstContaBancaria'\nimport constants from 'theme/constants'\n\nconst useStyles = makeStyles((theme) => ({\n root: {},\n paper: {\n marginTop: theme.spacing(1),\n ...constants.shadowCard\n }\n}))\n\nconst ContaBancariaList = () => {\n const confirm = useConfirm()\n const dispatch = useDispatch()\n const classes = useStyles()\n\n const { contaBancaria, isFetching } = useSelector(\n (state) => state.contaBancaria\n )\n const estabelecimentoId = useSelector(\n (state) => state.usuarioEstabelecimento.estabelecimentoId\n )\n\n useEffect(() => {\n dispatch(\n contaBancariaAction.getContaBancariaByEstabelecimento(estabelecimentoId)\n )\n }, [estabelecimentoId])\n\n const handleDeleteClick = (id, strFrom) => {\n confirm({\n title: `Você deseja excluir esta ${strFrom}?`,\n description: `Confirmando essa operação, esta ${strFrom} não valerá mais.`,\n confirmationText: 'Sim, excluir!',\n cancellationText: 'Nãããoo!'\n }).then(() => {\n dispatch(contaBancariaAction.deleteContaBancariaById(id))\n })\n }\n\n const thereIsPix = contaBancaria.some((element) => element.conta === '0')\n\n const thereIsContaBancaria = contaBancaria.some(\n (element) => element.conta !== '0'\n )\n\n return (\n \n \n \n {`Total de dados encontrados: ${contaBancaria.length}`}\n \n \n history.push('contasBancarias/pix')}\n variant=\"contained\"\n color=\"primary\"\n >\n Nova Chave Pix\n \n \n \n \n history.push('contasBancarias/cadastro')\n }\n variant=\"contained\"\n color=\"primary\"\n >\n Nova conta\n \n \n \n\n <>\n {thereIsContaBancaria && (\n \n \n
\n \n )}\n \n\n <>\n {thereIsPix && (\n \n \n
\n \n )}\n \n
\n ) : (\n \n Padrão\n \n Se selecionado, todos os depósitos serão feitos nessa\n conta!\n \n
\n }\n />\n \n Padrão\n \n Se selecionado, todos os depósitos serão feitos nessa\n conta!\n \n
\n }\n />\n \n
\n \n \n Voltar para home\n \n
\n \r\n \r\n \r\n \r\n {\r\n setSelectedEvento(newValue)\r\n if (reason === 'clear') {\r\n //? se o usuário clicar no botão limpar\r\n setEventoInputValue('')\r\n history.push('/ingressos')\r\n }\r\n }}\r\n getOptionLabel={(evento) =>\r\n evento.nome &&\r\n `${evento.nome} ${\r\n evento.dataHoraInicio\r\n ? ` - (${toLocalDateFormat(evento.dataHoraInicio)})`\r\n : ''\r\n }`\r\n }\r\n placeholder=\"Selecione o evento...\"\r\n onInputChange={(event, newInputValue) => {\r\n newInputValue !== null\r\n ? setEventoInputValue(newInputValue)\r\n : setEventoInputValue('')\r\n }}\r\n inputValue={eventoInputValue}\r\n renderInput={(params) => (\r\n \r\n {!isMobile && (\r\n \r\n <>\r\n {isFetchingEvents && (\r\n {\r\n setShowPastEvents(event.target.checked)\r\n }}\r\n checked={showPastEvents}\r\n size=\"small\"\r\n inputProps={{\r\n 'aria-label': 'Listar eventos encerrados'\r\n }}\r\n />\r\n {\r\n setShowPastEvents(!showPastEvents)\r\n }}\r\n />\r\n \r\n \r\n )}\r\n {params.InputProps.endAdornment}\r\n \r\n )\r\n }}\r\n />\r\n )}\r\n />\r\n \r\n \r\n\r\n 0)}>\r\n \r\n \r\n \r\n \r\n 0)}>\r\n \r\n \r\n \r\n Filtrar por status\r\n \r\n {\r\n handleChangeSelectFilter(\r\n 'statusId',\r\n event.target.value as string\r\n )\r\n }}\r\n label=\"Filtrar por status\"\r\n endAdornment={\r\n <>\r\n {!isMobile && (\r\n \r\n <>\r\n {\r\n handleChangeValidatedTickets(\r\n event.target.checked.toString()\r\n )\r\n }}\r\n checked={validados === 'true'}\r\n size=\"small\"\r\n inputProps={{\r\n 'aria-label': 'Listar ingressos validados'\r\n }}\r\n />\r\n {\r\n handleChangeValidatedTickets(\r\n validados !== 'true' ? 'true' : 'false'\r\n )\r\n }}\r\n />\r\n \r\n \r\n )}\r\n \r\n }\r\n >\r\n \r\n {statusIngressoSelect &&\r\n statusIngressoSelect.length > 0 &&\r\n statusIngressoSelect.map((statusIngresso) => (\r\n \r\n {statusIngresso.text}\r\n \r\n ))}\r\n \r\n \r\n \r\n \r\n 0)}>\r\n \r\n \r\n \r\n Filtrar por tipo de ingresso\r\n \r\n {\r\n handleChangeSelectFilter(\r\n 'tipoIngressoId',\r\n event.target.value as string\r\n )\r\n handleRemoveFilter('loteId')\r\n }}\r\n label={\r\n isLoadingTipoIngressoSelect\r\n ? 'Carregando...'\r\n : 'Filtrar por tipo de ingresso'\r\n }\r\n >\r\n \r\n {!tipoIngressoId ? (\r\n 'Filtrar por tipo de ingresso'\r\n ) : (\r\n Limpar filtro\r\n )}\r\n \r\n {Array.isArray(tipoIngressoSelect) &&\r\n tipoIngressoSelect?.map((selectItem) => (\r\n \r\n {selectItem?.text}\r\n \r\n ))}\r\n \r\n \r\n \r\n \r\n {Number(tipoIngressoId) > 0 && (\r\n 0 &&\r\n selectedEvento &&\r\n selectedEvento.id > 0\r\n )\r\n }\r\n >\r\n \r\n \r\n \r\n {isLoadingLotesByEventSelect\r\n ? 'Carregando...'\r\n : 'Filtrar por lote'}\r\n \r\n \r\n \r\n {selectItem?.text}\r\n \r\n ))}\r\n \r\n \r\n \r\n \r\n )}\r\n\r\n {isMobile && (\r\n 0)}>\r\n \r\n {\r\n handleChangeValidatedTickets(event.target.checked.toString())\r\n }}\r\n checked={validados === 'true'}\r\n size=\"small\"\r\n inputProps={{\r\n 'aria-label': 'Listar ingressos validados'\r\n }}\r\n />\r\n {\r\n handleChangeValidatedTickets(\r\n validados !== 'true' ? 'true' : 'false'\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 SelectFilters\r\n","import React from 'react'\r\nimport { makeStyles } from '@material-ui/core'\r\n//? Own imports\r\n\r\nimport { SelectFilters, TableIngressos } from './components'\r\nimport { AccessControl } from 'components/Utils/AccessControl'\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n root: {\r\n width: '100%'\r\n }\r\n}))\r\n\r\nconst TicketsList = () => {\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\nexport default TicketsList\r\n","import React, { useEffect, useState } from 'react'\r\nimport {\r\n Grid,\r\n Select,\r\n MenuItem,\r\n FormControl,\r\n InputLabel,\r\n makeStyles,\r\n TextField,\r\n InputAdornment,\r\n useTheme,\r\n useMediaQuery,\r\n Chip,\r\n CircularProgress,\r\n Avatar,\r\n Typography,\r\n Button,\r\n Box\r\n} from '@material-ui/core'\r\nimport { useSelector } from 'react-redux'\r\nimport { Autocomplete } from '@material-ui/lab'\r\nimport { useConfirm } from 'material-ui-confirm'\r\n\r\n//? Own imports\r\nimport {\r\n useEvents,\r\n useLotesByEvent,\r\n useMutationCreateFreeTicket,\r\n useUserSearch\r\n} from 'hooks-querys'\r\nimport {\r\n getGenderFull,\r\n getInitials,\r\n toLocalDateFormat,\r\n useDebouncedEffect\r\n} from 'utils'\r\nimport { Evento, UserItem } from 'types/api'\r\nimport { TextValidator, ValidatorForm } from 'react-material-ui-form-validator'\r\nimport { HelperToolTip } from 'components'\r\nimport { toast } from 'react-toastify'\r\n\r\nvar pluralize = require('pluralize')\r\n\r\nconst MAX_TICKETS_QUANTITY = 10\r\nconst MAX_USERS_QUANTITY = 10\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n root: {\r\n flexGrow: 1\r\n },\r\n formControl: {\r\n width: '100%'\r\n },\r\n divider: {\r\n height: 28,\r\n margin: 4\r\n },\r\n selectedUserModalContainer: {\r\n display: 'flex',\r\n flexDirection: 'column',\r\n flexGrow: 1,\r\n gap: theme.spacing(1),\r\n paddingTop: theme.spacing(2)\r\n },\r\n selectedUserItem: {\r\n borderRadius: 8,\r\n backgroundColor: '#f9f9f9',\r\n padding: theme.spacing(1),\r\n display: 'flex',\r\n alignItems: 'center'\r\n },\r\n nameCell: {\r\n display: 'flex',\r\n alignItems: 'center'\r\n },\r\n\r\n avatar: {\r\n height: 40,\r\n width: 40,\r\n marginRight: theme.spacing(1)\r\n },\r\n submitButton: {\r\n [theme.breakpoints.down('xs')]: {\r\n width: '100%'\r\n },\r\n minWidth: 200\r\n }\r\n}))\r\n\r\nconst Generate = () => {\r\n const classes = useStyles()\r\n const theme = useTheme()\r\n const confirm = useConfirm()\r\n const isMobile = useMediaQuery(theme.breakpoints.down('xs'))\r\n const [selectedEvento, setSelectedEvento] = useState\r\n \r\n Evento:{' '}\r\n \r\n {selectedEvento.nome} - (\r\n {toLocalDateFormat(selectedEvento.dataHoraInicio)})\r\n \r\n {'\\n'}\r\n \r\n \r\n Lote:{' '}\r\n \r\n {loteDetails\r\n ? loteDetails.tipoIngresso\r\n ? `${loteDetails.tipoIngresso.descricao} - ${\r\n loteDetails.descricao\r\n } (${getGenderFull(loteDetails.genero)})`\r\n : loteDetails.descricao\r\n : ''}\r\n \r\n \r\n \r\n \r\n {pluralize('Os', totalTicketsToGenerate)}{' '}\r\n {pluralize('ingressos', totalTicketsToGenerate)}{' '}\r\n {totalTicketsToGenerate === 1 ? 'será' : 'serão'}{' '}\r\n {pluralize('gerado', totalTicketsToGenerate)} para{' '}\r\n {pluralize('os', selectedUser?.length)}{' '}\r\n {pluralize('seguintes', selectedUser?.length)}{' '}\r\n {pluralize('usuários', selectedUser?.length)}:\r\n \r\n \r\n {pluralize('Os', selectedUser?.length)}{' '}\r\n {pluralize('usuários', selectedUser?.length)}{' '}\r\n {selectedUser?.length === 1 ? 'receberá' : 'receberão'} uma\r\n notificação no aplicativo com {pluralize('os', quantity)}{' '}\r\n {pluralize('ingressos', quantity)}{' '}\r\n {pluralize('gerados', quantity)}.\r\n \r\n \r\n {selectedUser?.map((item) => (\r\n \r\n \r\n {getInitials(item?.nome)}\r\n \r\n \r\n ))}\r\n \r\n \r\n
\r\n ),\r\n confirmationText: (\r\n <>\r\n {mutationCreateFreeTicket.isLoading\r\n ? `Gerando ${pluralize('ingressos', totalTicketsToGenerate)}...`\r\n : `Enviar ${pluralize('cortesia', totalTicketsToGenerate)}`}\r\n \r\n ),\r\n cancellationText: 'Cancelar'\r\n }).then(() => {\r\n if (selectedUser?.length > 0 && loteId && loteId > 0) {\r\n const payloadArray = selectedUser?.map((user) => ({\r\n usuarioId: user?.id,\r\n loteId: loteId,\r\n quantidade: quantity\r\n }))\r\n\r\n mutationCreateFreeTicket.mutateAsync(payloadArray).then(() => {\r\n setSelectedUser([])\r\n setSearchTextValue('')\r\n })\r\n }\r\n })\r\n }\r\n\r\n const showMaxUserQuantityToastError = () => {\r\n toast.error(\r\n `Você atingiu o número máximo de usuários permitidos (${MAX_USERS_QUANTITY}).`,\r\n { toastId: 'maxUserQuantityToastError' }\r\n )\r\n }\r\n return (\r\n \r\n \r\n {`${item?.nome} ${\r\n item?.username ? `(@${item?.username})` : ''\r\n }`}\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n {\r\n if (reason === 'select-option') {\r\n newValue !== null && setSelectedEvento(newValue)\r\n }\r\n if (reason === 'clear') {\r\n //? se o usuário clicar no botão limpar\r\n setEventoInputValue('')\r\n setSelectedEvento({} as Evento)\r\n }\r\n }}\r\n getOptionLabel={(evento) =>\r\n evento.nome &&\r\n `${evento.nome} ${\r\n evento.dataHoraInicio\r\n ? ` - (${toLocalDateFormat(evento.dataHoraInicio)})`\r\n : ''\r\n }`\r\n }\r\n placeholder=\"Selecione o evento...\"\r\n onInputChange={(event, newInputValue) => {\r\n newInputValue !== null\r\n ? setEventoInputValue(newInputValue)\r\n : setEventoInputValue('')\r\n }}\r\n inputValue={eventoInputValue}\r\n renderInput={(params) => (\r\n \r\n \r\n <>\r\n {isFetchingEvents && (\r\n \r\n {params.InputProps.endAdornment}\r\n \r\n )\r\n }}\r\n />\r\n )}\r\n />\r\n \r\n \r\n {selectedEvento && selectedEvento.id > 0 && (\r\n <>\r\n <>\r\n \r\n \r\n Selecione o lote \r\n {\r\n setLoteId(Number(event.target.value))\r\n }}\r\n label=\"Selecione o lote\"\r\n >\r\n \r\n {lotes &&\r\n lotes.length > 0 &&\r\n lotes.map((lote) => (\r\n \r\n {lote.tipoIngresso\r\n ? `${lote.tipoIngresso.descricao} - ${\r\n lote.descricao\r\n } (${getGenderFull(lote.genero)})`\r\n : lote.descricao}\r\n \r\n ))}\r\n \r\n \r\n \r\n \r\n \r\n \r\n Informe a quantidade de ingressos a serem gerados\r\n para cada usuário. O valor deve ser entre 1 e{' '}\r\n {MAX_TICKETS_QUANTITY}.\r\n \r\n \r\n )\r\n }}\r\n label=\"Quantidade de ingressos *\"\r\n variant=\"outlined\"\r\n inputProps={{ type: 'number' }}\r\n fullWidth\r\n type=\"number\"\r\n placeholder={`Digite a quantidade de ingressos (máx: ${MAX_TICKETS_QUANTITY})`}\r\n value={quantity}\r\n onChange={(event: React.ChangeEvent) =>\r\n setQuantity(Number(event?.target?.value))\r\n }\r\n disabled={mutationCreateFreeTicket?.isLoading}\r\n />\r\n \r\n \r\n {loteId && loteId > 0 ? (\r\n \r\n \r\n \r\n selectedUser.some((user) => user.id === option.id)\r\n }\r\n loading={isLoadingUserSearch}\r\n id=\"combo-box-user\"\r\n multiple\r\n options={\r\n resultUserSearch?.filter(\r\n (userItem) => userItem.tipo === 'usuario'\r\n ) || []\r\n }\r\n value={selectedUser}\r\n onFocus={() => {\r\n if (selectedUser?.length === MAX_USERS_QUANTITY) {\r\n showMaxUserQuantityToastError()\r\n }\r\n }}\r\n onChange={(event, newValue, reason) => {\r\n if (reason === 'select-option' && newValue !== null) {\r\n if (newValue?.length > MAX_USERS_QUANTITY) {\r\n showMaxUserQuantityToastError()\r\n return\r\n }\r\n setSelectedUser(newValue) // Mantém todos os valores selecionados\r\n }\r\n if (reason === 'clear') {\r\n // Se o usuário clicar no botão limpar\r\n setSearchTextValue('')\r\n setSelectedUser([]) // Limpa os usuários selecionados\r\n }\r\n }}\r\n renderTags={(value, getTagProps) =>\r\n value.map((option, index) => (\r\n \r\n {getInitials(option?.nome)}\r\n \r\n }\r\n variant=\"outlined\"\r\n label={`${option?.nome} ${\r\n option.username ? `(@${option.username})` : ''\r\n }`}\r\n onDelete={() => {\r\n setSelectedUser(\r\n selectedUser?.filter(\r\n (user) => user?.id !== option?.id\r\n )\r\n )\r\n }}\r\n />\r\n ))\r\n }\r\n getOptionLabel={(userItem) =>\r\n userItem.nome &&\r\n `${userItem.nome} ${\r\n userItem.username ? ` - (${userItem.username})` : ''\r\n }`\r\n }\r\n placeholder=\"Buscar por nome ou nome do usuário...\"\r\n onInputChange={(event, newInputValue) => {\r\n newInputValue !== null\r\n ? setSearchTextValue(newInputValue)\r\n : setSearchTextValue('')\r\n }}\r\n inputValue={searchTextValue}\r\n renderInput={(params) => (\r\n \r\n \r\n <>\r\n {isLoadingUserSearch && (\r\n \r\n {params.InputProps.endAdornment}\r\n \r\n )\r\n }}\r\n />\r\n )}\r\n noOptionsText={\r\n searchTextValueToSubmit.length > 0\r\n ? 'Nenhum usuário encontrado'\r\n : 'Digite para buscar'\r\n }\r\n renderOption={(userItem) => (\r\n \r\n \r\n ) : null}\r\n \r\n )}\r\n {selectedUser?.length > 0 && loteId && loteId > 0 ? (\r\n \r\n \r\n ) : null}\r\n \r\n \r\n
\r\n )\r\n}\r\n\r\nexport default Generate\r\n","import React from 'react'\nimport Lottie from 'react-lottie'\nimport { Box, Typography } from '@material-ui/core'\n\n//? Own imports\nimport animationData from 'assets/animations/casino-draw.json'\n\nexport default function DrawingAnimation() {\n const defaultOptions = {\n loop: true,\n autoplay: true,\n animationData: animationData,\n rendererSettings: {\n preserveAspectRatio: 'xMidYMid slice'\n }\n }\n\n return (\n \r\n \r\n {getInitials(userItem?.nome)}\r\n \r\n
\r\n )}\r\n />\r\n \r\n \r\n {`${userItem?.nome} ${\r\n userItem.username\r\n ? `(@${userItem.username})`\r\n : ''\r\n }`}\r\n \r\n
\r\n \n {\n setShowUser(true)\n }\n }\n ]}\n speed={0.7}\n options={defaultOptions}\n height=\"95%\"\n width=\"95%\"\n />\n
\n \n \n \n {getInitials(user.nome)}\n \n \n
\n \n \n \n \n {\n if (reason === 'select-option') {\n newValue !== null && setSelectedEvento(newValue)\n }\n if (reason === 'clear') {\n //? se o usuário clicar no botão limpar\n setEventoInputValue('')\n setSelectedEvento({} as Evento)\n }\n }}\n getOptionLabel={(evento) =>\n evento.nome &&\n `${evento.nome} ${\n evento.dataHoraInicio\n ? ` - (${toLocalDateFormat(evento.dataHoraInicio)})`\n : ''\n }`\n }\n placeholder=\"Selecione o evento...\"\n onInputChange={(_event, newInputValue) => {\n newInputValue !== null\n ? setEventoInputValue(newInputValue)\n : setEventoInputValue('')\n }}\n inputValue={eventoInputValue}\n renderInput={(params) => (\n \n \n <>\n {isFetchingEvents && (\n \n {params.InputProps.endAdornment}\n \n )\n }}\n />\n )}\n />\n \n \n {selectedEvento && selectedEvento.id > 0 && (\n <>\n \n \n Selecione o lote \n {\n setLoteId(Number(event.target.value))\n }}\n label=\"Selecione o lote\"\n >\n \n {lotes &&\n lotes.length > 0 &&\n lotes.map((lote) => (\n \n {lote.tipoIngresso\n ? `${lote.tipoIngresso.descricao} - ${\n lote.descricao\n } (${getGenderFull(lote.genero)})`\n : lote.descricao}\n \n ))}\n \n \n \n {loteId && loteId > 0 ? (\n \n \n \n Selecione as regras para o sorteio\n \n \n \n \n \n {errorDrawRules} \n \n \n ) : null}\n \n )}\n\n {!isLoadingNumberOfUsers && isSuccessNumberOfUsers ? (\n \n {numberOfUsers > 0 ? (\n \n \n {`${numberOfUsers} ${\n numberOfUsers === 1 ? 'pessoa' : 'pessoas'\n }`}\n \n \n {`${\n numberOfUsers === 1 ? 'está' : 'estão'\n } participando deste sorteio!`}\n \n \n ) : (\n \n \n Não foram encontrados usuários participantes deste sorteio!\n \n \n )}\n \n ) : null}\n\n {isSuccessNumberOfUsers && numberOfUsers > 0 ? (\n \n \n Sortear ingresso\n \n \n ) : null}\n \n \n \n \n \n \n Buscando participantes para o sorteio...\n \n \n \n \n \n \n \n
\n )\n}\n\nexport default Draw\n","import React, { ChangeEvent, useState } from 'react'\r\nimport { Redirect, useParams } from 'react-router-dom'\r\nimport ListRoundedIcon from '@material-ui/icons/ListRounded'\r\nimport CardGiftcardTwoToneIcon from '@material-ui/icons/CardGiftcardTwoTone'\r\nimport CasinoTwoToneIcon from '@material-ui/icons/CasinoTwoTone'\r\nimport {\r\n Tabs,\r\n Tab,\r\n Divider,\r\n colors,\r\n makeStyles,\r\n useTheme,\r\n useMediaQuery,\r\n LinearProgress\r\n} from '@material-ui/core'\r\n\r\n//? Own imports\r\nimport { Page, Header } from 'components'\r\nimport { history } from 'utils'\r\nimport { Draw, Generate, TicketsList } from './components'\r\nimport { useQueryClient } from 'react-query'\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n root: {\r\n padding: theme.spacing(3, 2, 2, 2)\r\n },\r\n tabs: {\r\n marginTop: theme.spacing(3)\r\n },\r\n divider: {\r\n backgroundColor: colors.grey[300]\r\n },\r\n content: {\r\n marginTop: theme.spacing(3)\r\n }\r\n}))\r\n\r\nconst tabs = [\r\n { value: 'lista', label: 'Lista', icon: \n \n Favoritou o evento\n \n \n O usuário precisa ter favoritado o evento para poder\n participar do sorteio.\n \n
\n }\n />\n \n \n Segue o estabelecimento\n \n \n O usuário precisa seguir o perfil do estabelecimento\n para poder participar do sorteio.\n \n
\n }\n />\n \r\n \r\n {tabs.map((tab) => (\r\n
\r\n \r\n )\r\n}\r\n\r\nexport default Tickets\r\n","import axios from 'axios'\nimport config from '../../../../config/config'\n\nconst api = axios.create({\n baseURL: config.baseUrl\n})\n\nexport default api\n","import { createGlobalStyle } from 'styled-components'\n\nimport 'react-circular-progressbar/dist/styles.css'\n\nexport default createGlobalStyle`\n * {\n margin: 0;\n padding: 0;\n outline: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: Arial, Helvetica, sans-serif;\n font-size: 14px;\n text-rendering: optimizeLegibility;\n -webkit-font-smoothing: antialiased;\n }\n\n html, body, #root {\n height: 100%;\n }\n`\n","import styled from 'styled-components'\n\nexport const Container = styled.div`\n height: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n`\n\nexport const Content = styled.div`\n width: 100%;\n /* margin: 30px; */\n background: #fff;\n border-radius: 4px;\n /* padding: 20px; */\n`\n","import styled, { css } from 'styled-components'\n\nconst dragActive = css`\n border-color: #78e5d5;\n`\n\nconst dragReject = css`\n border-color: #e57878;\n`\n\nexport const DropContainer = styled.div.attrs({\n className: 'dropzone'\n})`\n border: 1px dashed #ddd;\n border-radius: 4px;\n cursor: pointer;\n min-height: 100px;\n display: flex;\n justify-content: center;\n align-items: center;\n transition: height 0.2s ease;\n\n ${(props) => props.isDragActive && dragActive};\n ${(props) => props.isDragReject && dragReject};\n`\n\nconst messageColors = {\n default: '#999',\n error: '#e57878',\n success: '#78e5d5'\n}\n\nexport const UploadMessage = styled.p`\n display: flex;\n color: ${(props) => messageColors[props.type || 'default']};\n justify-content: center;\n align-items: center;\n padding: 15px 0;\n`\n","import React, { Component } from 'react'\nimport { MdFileUpload, MdError, MdDone } from 'react-icons/md'\nimport Dropzone from 'react-dropzone'\n\nimport { DropContainer, UploadMessage } from './styles'\n\nexport default class Upload extends Component {\n renderDragMessage = (isDragActive, isDragReject) => {\n if (!isDragActive) {\n return (\n \r\n {tab === 'lista' && (\r\n \r\n \r\n )}\r\n {tab === 'gerar' && (\r\n \r\n \r\n )}\r\n {tab === 'sortear' && (\r\n \r\n \r\n )}\r\n
\r\n \n {uploadedFile.name}\n \n {uploadedFile.readableSize}{' '}\n {/* {!!uploadedFile.url && (\n \n )} */}\n \n
\n \n {!uploadedFile.uploaded && !uploadedFile.error && (\n \n {/* Put any JSX content in here that you'd like. It'll be vertically and horizonally centered. */}\n \n
\n \n {uploadedFile.progress} %\n
\n \n )}\n {uploadedFile.url && (\n \n {haveRowEvento && (\n \n setOpen(!open)}\n >\n \n {open ? (\n \n )}\n
\n \n {!isLoading ? (\n <>\n {ingressos && ingressos.length > 0 ? (\n <>\n \n Quantidade de ingressos: {ingressos.length}\n \n \n \n \n \n {ingressosSortByEventoAndLote(ingressos).map(\n (row, index) => {\n return |
\n }\n )}\n \n \n \n \n \n ) : (\n
\n )\n}\n","import React, { useEffect } from 'react'\nimport { Header, Page } from 'components'\nimport {\n Divider,\n makeStyles,\n Tab,\n Tabs,\n colors,\n useTheme,\n useMediaQuery\n} from '@material-ui/core'\nimport { Tickets, Summary } from './components'\nimport { useSelector, useDispatch } from 'react-redux'\nimport { AccessControl } from 'components/Utils/AccessControl'\nimport { movimentacaoFinanceiraAction } from '_actions'\nimport { Redirect, useParams } from 'react-router'\nimport { history } from 'utils'\nimport MenuBookTwoToneIcon from '@material-ui/icons/MenuBookTwoTone'\nimport ConfirmationNumberTwoToneIcon from '@material-ui/icons/ConfirmationNumberTwoTone'\nconst useStyles = makeStyles((theme) => ({\n root: {\n width: '100%',\n padding: theme.spacing(3, 2, 2, 2)\n },\n header: {\n paddingBottom: theme.spacing(2)\n },\n tabs: {\n marginTop: theme.spacing(3)\n },\n divider: {\n backgroundColor: colors.grey[300]\n },\n content: {\n marginTop: theme.spacing(3)\n }\n}))\n\nconst MovimentacoesFinanceirasDetails = () => {\n const classes = useStyles()\n const { id, tab } = useParams()\n const dispatch = useDispatch()\n const theme = useTheme()\n const isMobile = useMediaQuery(theme.breakpoints.down('xs'))\n const handleTabsChange = (event, value) => {\n history.push(value)\n }\n const movimentacaoFinanceira = useSelector(\n (state) => state.movimentacaoFinanceira\n )\n const { isLoading } = useSelector((state) => state.movimentacaoFinanceira)\n\n useEffect(() => {\n dispatch(movimentacaoFinanceiraAction.getMovimentacaoFinanceiraById(id))\n }, [])\n\n if (!id) {\n return null\n }\n const tabs = [\n {\n value: 'resumo',\n label: 'Resumo',\n icon: \n {tab === 'resumo' && (\n
\n \n )}\n />\n )\n}\n\nexport default MovimentacoesFinanceirasDetails\n","import React from 'react'\nimport {\n TableBody,\n colors,\n Table,\n withStyles,\n makeStyles,\n TableCell,\n TableContainer,\n TableHead,\n TableRow,\n Paper,\n Typography,\n Tooltip,\n IconButton\n} from '@material-ui/core'\nimport { formatCurrency, history, toLocalDateFormat } from 'utils'\nimport { Label } from 'components'\nimport InfoOutlinedIcon from '@material-ui/icons/InfoOutlined'\n\nconst StyledTableCell = withStyles((theme) => ({\n head: {\n backgroundColor: theme.palette.common.black,\n color: theme.palette.common.white\n },\n body: {\n fontSize: 14\n }\n}))(TableCell)\n\nconst useStyles = makeStyles({\n table: {\n minWidth: 700\n }\n})\n\nconst TableIngressos = ({ movimentacoesFinanceiras }) => {\n const classes = useStyles()\n\n const statusColors = {\n 1: colors.orange[600],\n 2: colors.red[600],\n 3: colors.green[600]\n }\n\n return (\n \n {movimentacoesFinanceiras.length !== undefined &&\n movimentacoesFinanceiras.length !== 0 ? (\n \n Total de dados encontrados: {movimentacoesFinanceiras.length}\n \n ) : (\n \n {'Nenhum dado encontrado.'}\n \n )}\n \n {movimentacoesFinanceiras !== undefined &&\n movimentacoesFinanceiras.length > 0 && (\n \n \n \n N.º \n \n Estabelecimento\n \n \n Data solicitação\n \n \n Data processamento\n \n Valor (R$) \n Status \n \n \n \n {movimentacoesFinanceiras.map((row) => (\n \n \n {row.id}\n \n \n {row.estabelecimento.nome}\n \n \n {toLocalDateFormat(row.dataHora)}\n \n \n {row.dataHoraProcessamento !== null\n ? toLocalDateFormat(row.dataHoraProcessamento)\n : '--------'}\n \n \n {formatCurrency(row.valor)}\n \n \n \n {row.statusMovimentacaoFinanceira.descricao}\n \n \n \n \n \n history.push(\n `movimentacaoFinanceira/${row.id}/resumo`\n )\n }\n >\n \n \n \n ))}\n \n \n )}\n \n
\n )\n}\n\nexport default TableIngressos\n","import React, { useEffect, useState } from 'react'\nimport { Header, SkeletonTable } from 'components'\nimport {\n CircularProgress,\n FormControl,\n Grid,\n InputLabel,\n makeStyles,\n MenuItem,\n Select\n} from '@material-ui/core'\nimport { TableMovimentacoesFinanceiras } from './components'\nimport { useSelector, useDispatch } from 'react-redux'\nimport { AccessControl } from 'components/Utils/AccessControl'\nimport {\n movimentacaoFinanceiraAction,\n statusMovimentacaoFinanceiraAction\n} from '_actions'\nimport { isEmpty } from 'validate.js'\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n width: '100%',\n padding: theme.spacing(3, 2, 2, 2)\n },\n header: {\n paddingBottom: theme.spacing(2)\n }\n}))\n\nconst MovimentacoesFinanceirasList = () => {\n const classes = useStyles()\n const dispatch = useDispatch()\n const {\n movimentacaoFinanceira: movimentacoesFinanceiras,\n isLoading\n } = useSelector((state) => state.movimentacaoFinanceira)\n const {\n statusMovimentacaoFinanceiraSelect,\n isFetching: isFetchingStatusMovimentacaoFinanceira\n } = useSelector((state) => state.statusMovimentacaoFinanceira)\n const [\n statusMovimentacaoFinanceiraId,\n setStatusMovimentacaoFinanceiraId\n ] = useState(1)\n\n const handleChange = (event) => {\n event.preventDefault()\n setStatusMovimentacaoFinanceiraId(event.target.value)\n }\n\n useEffect(() => {\n let payload = {\n statusMovimentacaoFinanceiraId: statusMovimentacaoFinanceiraId\n // estabelecimentoId: 0\n }\n dispatch(movimentacaoFinanceiraAction.getAllMovimentacaoFinanceira(payload))\n }, [statusMovimentacaoFinanceiraId])\n\n useEffect(() => {\n if (\n statusMovimentacaoFinanceiraSelect !== undefined &&\n statusMovimentacaoFinanceiraSelect.length === 0\n ) {\n dispatch(\n statusMovimentacaoFinanceiraAction.getStatusMovimentacaoFinanceiraSelect()\n )\n }\n }, [])\n\n return (\n \n \n \n \n \n Status\n \n \n {status.text}\n \n ))}\n \n \n \n \n\n {isLoading ? (\n
\n )}\n />\n )\n}\n\nexport default MovimentacoesFinanceirasList\n","import React from 'react'\nimport { makeStyles } from '@material-ui/styles'\nimport { Page } from 'components'\nimport {\n MovimentacoesFinanceirasDetails,\n TableMovimentacoesFinanceiras\n} from './components'\nimport useRouter from 'utils/useRouter'\n\nconst useStyles = makeStyles(() => ({\n root: {}\n}))\n\nconst MovimentacoesFinanceiras = () => {\n const classes = useStyles()\n const { match } = useRouter()\n const { path } = match\n\n return (\n \n \n {getInitials(usuario?.nome)}\n \n
\n ) : (\n 'Usuário não encontrado'\n )}\n \n \n {usuario?.nome}\n \n
\n {usuario?.email}
\n \n \n {ordersCancel && ordersCancel.length > 0 ? (\n <>\n Total de dados encontrados: {ordersCancel.length}\n \n ) : (\n Nenhum dado encontrado.\n )}\n \n {ordersCancel && ordersCancel.length > 0 && (\n \n \n \n Lista de solicitações de cancelamento\n \n (\n \n \n \n \n )}\n content={() => refTable.current}\n />\n \n {/* usado para 'forçar' a orientação da pagina para 'paisagem' afim de imprimir mostrando todos os dados */}\n \n {/* ------------------------------------------------------------>\t */}\n \n {ordersCancel !== undefined && ordersCancel.length > 0 && (\n \n \n \n N.º \n Usuário \n Evento \n Motivo \n Data solicitação \n Data finalização \n Status \n Ações \n \n \n \n {ordersCancel.map((orderCancelItem) => {\n return (\n \n \n )}\n \n \n )}\n
\n )\n}\n\nexport default TableCancelamentosIngressos\n","import React, { useState } from 'react'\nimport { useLocation } from 'react-router-dom'\nimport {\n Grid,\n Select,\n MenuItem,\n FormControl,\n InputLabel,\n makeStyles,\n TextField,\n InputAdornment,\n IconButton,\n Divider,\n Tooltip\n} from '@material-ui/core'\nimport SearchRoundedIcon from '@material-ui/icons/SearchRounded'\nimport CloseIcon from '@material-ui/icons/Close'\n\n//? Own imports\nimport { useDidMountEffect } from 'utils/useDidMountEffect'\nimport {\n useStatusCancelamentoIngressoSelect,\n useOrderCancelReasonsSelect\n} from 'hooks-querys'\nimport { history } from 'utils'\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n flexGrow: 1,\n marginTop: theme.spacing(2)\n },\n formControl: {\n width: '100%'\n },\n selectEmpty: {\n marginTop: theme.spacing(2)\n },\n divider: {\n height: 28,\n margin: 4\n }\n}))\n\nfunction useSearchQuery() {\n const { search } = useLocation()\n return React.useMemo(() => new URLSearchParams(search), [search])\n}\n\nconst Filters = () => {\n const classes = useStyles()\n const querySearch = useSearchQuery()\n const [filters, setFilters] = useState({\n textSearch: querySearch.get('textSearch') || '',\n selectedStatusOrderCancelId: querySearch.get('statusOrderCancelId') || '1',\n selectedReasonOrderCancelId: querySearch.get('reasonOrderCancelId') || '0'\n })\n const {\n data: statusOrderCancelSelect,\n isLoading: isLoadingStatusOrderCancelSelect\n } = useStatusCancelamentoIngressoSelect()\n\n const {\n data: reasonOrderCancelSelect,\n isLoading: isLoadingStatusIngressoSelect\n } = useOrderCancelReasonsSelect()\n\n const runQuery = () => {\n history.push(\n `/cancelamentosIngressos?statusOrderCancelId=${\n filters.selectedStatusOrderCancelId\n }&textSearch=${filters.textSearch}&reasonOrderCancelId=${\n filters.selectedReasonOrderCancelId\n ? filters.selectedReasonOrderCancelId\n : 0\n }`\n )\n }\n\n const handleChangeText = (value: string) => {\n setFilters((prev) => ({ ...prev, textSearch: value }))\n }\n\n const handleSubmitSearch = (event: React.FormEvent) => {\n event.preventDefault()\n if (filters.textSearch && filters.textSearch.length > 0) {\n runQuery()\n }\n }\n\n const clearTextSearch = () => {\n setFilters((prev) => ({ ...prev, textSearch: '' }))\n }\n\n useDidMountEffect(() => {\n if (filters.textSearch === '') {\n runQuery()\n }\n }, [filters.textSearch])\n\n useDidMountEffect(() => {\n runQuery()\n }, [filters.selectedStatusOrderCancelId, filters.selectedReasonOrderCancelId])\n\n useDidMountEffect(() => {\n setFilters((prev) => ({\n ...prev,\n selectedStatusOrderCancelId:\n querySearch.get('statusOrderCancelId') || '1',\n selectedReasonOrderCancelId: querySearch.get('reasonOrderCancelId') || '',\n textSearch: querySearch.get('textSearch') || ''\n }))\n }, [querySearch])\n\n return (\n \n \n \n \n \n Filtrar por status\n \n {\n setFilters((prev) => ({\n ...prev,\n selectedStatusOrderCancelId: event.target.value as string\n }))\n }}\n label=\"Filtrar por status\"\n >\n \n {filters.selectedStatusOrderCancelId === '0' ? (\n 'Filtrar por status'\n ) : (\n Limpar filtro\n )}\n \n {statusOrderCancelSelect &&\n statusOrderCancelSelect.length > 0 &&\n statusOrderCancelSelect.map((statusIngresso) => (\n \n {statusIngresso.text}\n \n ))}\n \n \n \n \n \n \n Filtrar por motivo\n \n {\n setFilters((prev) => ({\n ...prev,\n selectedReasonOrderCancelId: event.target.value as string\n }))\n }}\n label=\"Filtrar por motivo\"\n >\n \n {filters.selectedReasonOrderCancelId === '0' ? (\n 'Filtrar por motivo'\n ) : (\n Limpar filtro\n )}\n \n {reasonOrderCancelSelect &&\n reasonOrderCancelSelect.length > 0 &&\n reasonOrderCancelSelect.map((reasonOrderCancel) => (\n \n {reasonOrderCancel.text}\n \n ))}\n \n \n \n \n \n \n \n
\n )\n}\n\nexport default Filters\n","import React, { useEffect, useState } from 'react'\nimport { makeStyles } from '@material-ui/core'\nimport { useOrdersCancel } from 'hooks-querys'\nimport { useLocation } from 'react-router-dom'\n\n//? Own imports\nimport { Header, SkeletonTable } from 'components'\nimport { Filters, TableCancelamentosIngressos } from './components'\nimport { AccessControl } from 'components/Utils/AccessControl'\nimport { AccessDenied } from 'views'\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n width: '100%',\n padding: theme.spacing(3, 2, 2, 2)\n },\n header: {\n paddingBottom: theme.spacing(2)\n }\n}))\n\nfunction useSearchQuery() {\n const { search } = useLocation()\n return React.useMemo(() => new URLSearchParams(search), [search])\n}\n\nconst CancelamentosIngressosList = () => {\n const classes = useStyles()\n const querySearch = useSearchQuery()\n const [filters, setFilters] = useState({\n // page: Number(querySearch.get('page')) || 1,\n textSearch: querySearch.get('textSearch') || '',\n statusOrderCancelId: querySearch.get('statusOrderCancelId') || '1',\n reasonOrderCancelId: querySearch.get('reasonOrderCancelId') || '0'\n })\n\n useEffect(() => {\n setFilters({\n // page: Number(querySearch.get('page')) || 1,\n textSearch: querySearch.get('textSearch') || '',\n statusOrderCancelId: querySearch.get('statusOrderCancelId') || '1',\n reasonOrderCancelId: querySearch.get('reasonOrderCancelId') || '0'\n })\n }, [querySearch])\n\n const { isLoading, data } = useOrdersCancel({\n page: 1, // valor fixo para paginação, pois o componente de paginação não está implementado\n direction: 'desc',\n order: 'dataHora',\n limit: 10000, //limite alto para não haver paginação\n term: filters.textSearch,\n statusCancelamentoIngressoId: filters.statusOrderCancelId,\n motivoCancelamentoIngressoId: filters.reasonOrderCancelId\n })\n\n return (\n \n
\n )}\n // @ts-ignore\n no={() => \n \n {getInitials(usuario?.nome)}\n \n
\n ) : (\n 'Usuário não encontrado'\n )}\n \n \n {usuario?.nome}\n \n
\n {usuario?.email}
\n \n \n \n \n Filtrar por status \n {\n setFilters((prev) => ({\n ...prev,\n selectedStatusPedidoId: event.target.value as string\n }))\n }}\n label=\"Filtrar por status\"\n >\n \n {filters.selectedStatusPedidoId === '0' ? (\n 'Filtrar por status'\n ) : (\n Limpar filtro\n )}\n \n {statusPedidoSelect &&\n statusPedidoSelect.length > 0 &&\n statusPedidoSelect.map((statusPedido) => (\n \n {statusPedido.text}\n \n ))}\n \n \n \n \n \n \n Filtrar por forma de pagamento\n \n {\n setFilters((prev) => ({\n ...prev,\n selectedFormaPagamentoId: event.target.value as string\n }))\n }}\n label=\"Filtrar por forma de pagamento\"\n >\n \n {filters.selectedFormaPagamentoId === '0' ? (\n 'Filtrar por forma de pagamento'\n ) : (\n Limpar filtro\n )}\n \n {formaPagamentoSelect &&\n formaPagamentoSelect.length > 0 &&\n formaPagamentoSelect.map((formaPagamento) => (\n \n {formaPagamento.text}\n \n ))}\n \n \n \n \n \n {\n setSelectedEvento(newValue)\n if (reason === 'clear') {\n setEventoInputValue('')\n history.push(\n `/pedidos/admin?StatusPedidoId=${\n filters.selectedStatusPedidoId\n }&FormaPagamentoId=${\n filters.selectedFormaPagamentoId ? filters.selectedFormaPagamentoId : 0\n }&Term=${filters.textSearch}&DataHoraInicio=${filters.dataHoraInicio\n }&DataHoraFim=${filters.dataHoraFim\n }&EventoId=`\n )\n }\n }}\n getOptionLabel={(evento) =>\n evento.nome &&\n `${evento.nome} ${\n evento.dataHoraInicio\n ? ` - (${toLocalDateFormat(evento.dataHoraInicio)})`\n : ''\n }`\n }\n placeholder=\"Selecione o evento...\"\n onInputChange={(event, newInputValue) => {\n newInputValue !== null\n ? setEventoInputValue(newInputValue)\n : setEventoInputValue('')\n }}\n inputValue={eventoInputValue}\n renderInput={(params) => (\n \n {!isMobile && (\n \n <>\n {isFetchingEvents && (\n {\n setShowPastEvents(event.target.checked)\n }}\n checked={showPastEvents}\n size=\"small\"\n inputProps={{\n 'aria-label': 'Listar eventos encerrados'\n }}\n />\n {\n setShowPastEvents(!showPastEvents)\n }}\n />\n \n \n )}\n {params.InputProps.endAdornment}\n \n )\n }}\n />\n )}\n />\n \n \n \n \n \n \n
\n )\n}\n\nexport default Filters\n","import React, { useEffect, useState } from 'react'\nimport {\n Typography,\n Grid,\n Button,\n ButtonGroup,\n Chip,\n makeStyles,\n useTheme,\n useMediaQuery\n} from '@material-ui/core'\nimport { DatePicker } from '@material-ui/pickers'\nimport {\n format,\n subDays,\n differenceInDays,\n isAfter,\n isBefore,\n endOfDay,\n startOfDay,\n startOfYesterday,\n endOfYesterday\n} from 'date-fns'\nimport CalendarTodayIcon from '@material-ui/icons/CalendarTodayOutlined'\nimport { useLocation } from 'react-router-dom'\n\n//? Own imports\nimport { history } from 'utils'\nimport { useDidMountEffect } from 'utils/useDidMountEffect'\nimport { Evento } from 'types/api'\nimport { useEvents } from 'hooks-querys'\nimport { useSelector } from 'react-redux'\n\ntype ChipType = {\n label: string\n value: string\n}\nconst chipOptions: ChipType[] = [\n { label: 'Hoje', value: '0' },\n { label: 'Ontem', value: '0' },\n { label: '7 dias', value: '7' },\n { label: '30 dias', value: '30' },\n { label: '90 dias', value: '90' },\n { label: '1 ano', value: '365' }\n]\n\nconst useStyles = makeStyles((theme) => ({\n root: {},\n dates: {\n [theme.breakpoints.up('md')]: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'flex-end'\n },\n [theme.breakpoints.down('sm')]: {\n alignItems: 'center',\n justifyContent: 'center',\n display: 'flex',\n flexWrap: 'wrap',\n '& > *': {\n margin: theme.spacing(0.5),\n marginBottom: theme.spacing(2)\n }\n }\n },\n calendarTodayIcon: {\n marginRight: theme.spacing(1)\n },\n chip: {\n marginRight: theme.spacing(1)\n },\n calendarTodayGroup: {\n [theme.breakpoints.up('md')]: {\n marginLeft: theme.spacing(1)\n },\n [theme.breakpoints.down('sm')]: {\n marginTop: theme.spacing(1)\n }\n }\n}))\n\nfunction useSearchQuery() {\n const { search } = useLocation()\n return React.useMemo(() => new URLSearchParams(search), [search])\n}\n\nconst Header = () => {\n const classes = useStyles()\n const querySearch = useSearchQuery()\n const theme = useTheme()\n const isMobile = useMediaQuery(theme.breakpoints.down('xs'))\n const [selectedEvento, setSelectedEvento] = useState\n \n \n \n Gerência de Pedidos\n \n \n Lista de Pedidos\n \n \n \n {chipOptions &&\n chipOptions.length > 0 &&\n chipOptions.map((option) => (\n handleRangeChangeChip(option)}\n color={\n option.value != '0' &&\n differenceInDays(dateRange.endDate, dateRange.startDate) ===\n Number(option.value)\n ? 'primary'\n : (option.label === 'Hoje' &&\n format(dateRange.startDate, 'dd/MM/yyyy') ===\n format(today, 'dd/MM/yyyy')) ||\n (option.label === 'Ontem' &&\n format(dateRange.startDate, 'dd/MM/yyyy') ===\n format(yesterday, 'dd/MM/yyyy') &&\n format(dateRange.endDate, 'dd/MM/yyyy') ===\n format(yesterday, 'dd/MM/yyyy'))\n ? 'primary'\n : 'default'\n }\n />\n ))}\n \n \n \n \n \n \n
\n )\n}\n\nexport default Header\n","import React, { useEffect, useState } from 'react'\nimport { makeStyles } from '@material-ui/core'\n\n//? Own imports\nimport { Page, SkeletonTable } from 'components'\nimport { Filters, TableOrderManagementList, Header } from './components'\nimport { AccessControl } from 'components/Utils'\nimport AccessDenied from 'views/Errors/AccessDenied'\nimport { useOrders } from 'hooks-querys'\nimport { useLocation } from 'react-router-dom'\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n padding: theme.spacing(3, 2, 2, 2)\n },\n results: {\n marginTop: theme.spacing(3)\n }\n}))\n\nfunction useSearchQuery() {\n const { search } = useLocation()\n return React.useMemo(() => new URLSearchParams(search), [search])\n}\n\nconst OrderManagementList = () => {\n const classes = useStyles()\n const querySearch = useSearchQuery()\n const [filters, setFilters] = useState({\n // page: Number(querySearch.get('page')) || 1,\n textSearch: querySearch.get('Term') || '',\n statusPedidoId: querySearch.get('StatusPedidoId') || '0',\n formaPagamentoId: querySearch.get('FormaPagamentoId') || '0',\n dataHoraInicio: querySearch.get('DataHoraInicio') || '',\n dataHoraFim: querySearch.get('DataHoraFim') || '',\n selectedEvento: querySearch.get('EventoId') || ''\n })\n\n useEffect(() => {\n setFilters({\n // page: Number(querySearch.get('page')) || 1,\n textSearch: querySearch.get('Term') || '',\n statusPedidoId: querySearch.get('StatusPedidoId') || '0',\n formaPagamentoId: querySearch.get('FormaPagamentoId') || '0',\n dataHoraInicio: querySearch.get('DataHoraInicio') || '',\n dataHoraFim: querySearch.get('DataHoraFim') || '',\n selectedEvento: querySearch.get('EventoId') || ''\n })\n }, [querySearch])\n\n const { isLoading, data } = useOrders({\n term: filters.textSearch,\n statusPedidoId: filters.statusPedidoId,\n formaPagamentoId: filters.formaPagamentoId,\n dataHoraInicio: filters.dataHoraInicio,\n dataHoraFim: filters.dataHoraFim,\n eventoId: filters.selectedEvento\n })\n\n return (\n \n
\n )\n}\n\nexport default Header\n","import React, { useEffect, useState } from 'react'\nimport {\n Modal,\n Card,\n CardContent,\n CardActions,\n Grid,\n Typography,\n Button,\n makeStyles,\n Box,\n MenuItem\n} from '@material-ui/core'\nimport {\n ValidatorForm,\n TextValidator,\n SelectValidator\n} from 'react-material-ui-form-validator'\nimport { KeyboardDatePicker } from '@material-ui/pickers'\nimport { cnpj, cpf } from 'cpf-cnpj-validator'\n\n//? Own imports\nimport { Cidade, Estado, User } from 'types/api'\nimport { cepMask, cpfCnpjMask, phoneMask } from 'utils'\n\ntype UserEditProps = {\n user: User\n open: boolean\n onClose: () => void\n}\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n position: 'absolute',\n top: '50%',\n left: '50%',\n transform: 'translate(-50%, -50%)',\n outline: 'none',\n boxShadow: theme.shadows[20],\n [theme.breakpoints.up('sm')]: {\n borderRadius: '8px',\n webkitBorderRadius: '8px',\n mozBorderRadius: '8px'\n },\n width: 700,\n maxHeight: '100%',\n overflowY: 'auto',\n maxWidth: '100%'\n },\n container: {\n marginTop: theme.spacing(3)\n },\n actions: {\n justifyContent: 'flex-end'\n }\n}))\n\ntype UserEditForm = {\n user: User\n nome: string\n cpfCnpj: string\n apelido?: string\n username: string\n dataNascimento?: Date\n telefone: string\n genero: 'M' | 'F' | 'U'\n cidadeId: number\n cep: string\n endereco: string\n numero: string\n complemento?: string\n bairro: string\n email: string\n}\n\nconst UserEdit = ({ open, onClose, user }: UserEditProps) => {\n const classes = useStyles()\n const [formState, setFormState] = useState\n
\n \n \n @{user?.username}\n \n \n {user?.nome}\n \n
\n \n
\n )\n}\n\nexport default Orders\n","import React from 'react'\nimport { Link as RouterLink } from 'react-router-dom'\nimport PerfectScrollbar from 'react-perfect-scrollbar'\nimport {\n Avatar,\n Button,\n Card,\n CardContent,\n CardHeader,\n Divider,\n Input,\n List,\n ListItem,\n ListItemAvatar,\n ListItemText,\n makeStyles,\n colors,\n Box,\n Typography,\n CircularProgress,\n Chip,\n Grid\n} from '@material-ui/core'\nimport SearchIcon from '@material-ui/icons/Search'\nimport PersonAddRoundedIcon from '@material-ui/icons/PersonAddRounded'\nimport PersonAddDisabledRoundedIcon from '@material-ui/icons/PersonAddDisabledRounded'\n\n//? Own Imports\nimport { getInitials, history } from 'utils'\nimport constants from 'theme/constants'\nimport { useUserConnections} from 'hooks-querys'\nimport { UserConnection } from 'types/api'\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n ...constants.shadowCard\n },\n content: {\n padding: 0,\n '&:last-child': {\n paddingBottom: 0\n }\n },\n search: {\n padding: theme.spacing(2, 3),\n display: 'flex',\n alignItems: 'center'\n },\n searchIcon: {\n color: theme.palette.text.secondary\n },\n searchInput: {\n marginLeft: theme.spacing(1),\n color: theme.palette.text.secondary,\n fontSize: '14px'\n },\n avatar: {\n height: 60,\n width: 60\n },\n list: {},\n listItem: {\n flexWrap: 'wrap',\n padding: theme.spacing(1, 2)\n },\n listItemText: {\n marginLeft: theme.spacing(2)\n },\n unconnectedButton: {\n marginLeft: 'auto',\n color: '#fff',\n backgroundColor: colors.red[600],\n '&:hover': {\n backgroundColor: colors.red[900]\n },\n cursor: 'default'\n },\n connectedButton: {\n marginLeft: 'auto',\n color: '#fff',\n backgroundColor: colors.green[600],\n '&:hover': {\n backgroundColor: colors.green[900]\n },\n cursor: 'default'\n },\n cardHeaderAction: {\n margin: 'auto'\n }\n}))\n\nconst Connections = ({ userId }: { userId: number }) => {\n const classes = useStyles()\n const [selectedChip, setSelectedChip] = React.useState<\n 'followers' | 'following'\n >('followers')\n const {\n data: userConnections,\n isLoading\n } = useUserConnections(userId, selectedChip)\n\n const getSubheaderText = () => {\n if (isLoading) {\n return 'Carregando...'\n }\n if (userConnections && userConnections.totalRows > 0) {\n switch (selectedChip) {\n case 'followers':\n return `${userConnections?.totalRows} ${\n userConnections?.totalRows === 1 ? 'seguidor' : 'seguidores'\n }`\n case 'following':\n return `seguindo ${userConnections?.totalRows}`\n default:\n return undefined\n }\n } else {\n return 'Nenhuma conexão encontrada.'\n }\n }\n return (\n \n
\n - \n {userConnections?.items.map((connection: UserConnection) => (\n
\n \n | Referente ao evento{' '}\n \n {`${reviewItem.evento?.nome} `}\n \n \n )}\n {reviewItem.estabelecimento && (\n \n | Estabelecimento:{' '}\n \n {`${reviewItem.estabelecimento?.nome} `}\n {' '}\n \n )}\n \n {' '}|{' '}\n {formatDistance(\n new Date(reviewItem.dataHora),\n new Date(),\n {\n locale: brLocale,\n addSuffix: true\n }\n )}\n \n
\n }\n title={\n \n \n {reviewItem.nota}\n \n
\n {reviewItem.evento && (\n \n {isLoading ? (\n \n \n \n Carregando dados... \n \n \n \n \n \n ) : (\n <>\n
\n )\n}\n\nexport default Reviews\n","import React from 'react'\nimport PerfectScrollbar from 'react-perfect-scrollbar'\nimport {\n Card,\n CardHeader,\n CardContent,\n Divider,\n Typography,\n Table,\n TableBody,\n TableCell,\n TableRow,\n colors,\n makeStyles,\n TableHead,\n Tooltip,\n Box,\n CircularProgress,\n IconButton,\n Grid\n} from '@material-ui/core'\nimport { format } from 'date-fns'\nimport PrintRoundedIcon from '@material-ui/icons/PrintRounded'\nimport ReactToPrint from 'react-to-print'\n\n//? Own Imports\nimport { Label } from 'components'\nimport constants from 'theme/constants'\nimport { useUserLogs } from 'hooks-querys'\nimport { LogDescritivo } from 'types/api'\n\nconst useStyles = makeStyles((theme) => ({\n root: {},\n card: {\n ...constants.shadowCard\n },\n content: {\n padding: 0,\n '&:last-child': {\n paddingBottom: 0\n }\n },\n headCell: {\n padding: theme.spacing(1, 2)\n },\n action: {\n margin: 0\n }\n}))\n\nconst Logs = ({ userId }: { userId: number }) => {\n const classes = useStyles()\n const refTable = React.useRef(null)\n const {\n data: userLogs,\n isLoading\n } = useUserLogs(userId)\n\n return (\n \n \n (\n \n \n \n \n \n \n \n \n )}\n content={() => refTable.current}\n />\n }\n />\n \n {isLoading ? (\n \n \n \n Carregando dados... \n \n \n \n \n \n ) : (\n \n \n
\n \n )}\n \n \n
\n )\n}\n\nexport default Logs\n","import React, { ChangeEvent } from 'react'\nimport { Redirect, useParams } from 'react-router-dom'\nimport { Tabs, Tab, Divider, colors, makeStyles } from '@material-ui/core'\n\n//? Own imports\nimport { Page } from 'components'\nimport { Info, Header, Orders, Connections, Reviews, Logs } from './components'\nimport { history } from 'utils'\nimport { User } from 'types/api'\nimport { AccessControl } from 'components/Utils'\nimport AccessDenied from 'views/Errors/AccessDenied'\nimport { useUserInfo } from 'hooks-querys'\n\nconst useStyles = makeStyles((theme) => ({\n root: {},\n inner: {\n padding: theme.spacing(3, 2, 2, 2)\n },\n divider: {\n backgroundColor: colors.grey[300]\n },\n content: {\n marginTop: theme.spacing(3)\n }\n}))\n\nconst CustomerManagementDetails = () => {\n const classes = useStyles()\n const { tab, userId } = useParams<{ tab: string; userId: string }>()\n const {\n data: user\n } = useUserInfo(Number(userId))\n\n const handleTabsChange = (_event: ChangeEvent<{}>, value: string) => {\n history.push(value)\n }\n\n const tabs = [\n { value: 'informacoes', label: 'Informações' },\n { value: 'pedidos', label: 'Pedidos' },\n { value: 'conexoes', label: 'Conexões' },\n { value: 'avaliacoes', label: 'Avaliações' },\n { value: 'logs', label: 'Logs' }\n ]\n\n if (!tab) {\n return \n \n {tabs.map((tab) => (\n
\n \n {tab === 'informacoes' && }\n {tab === 'pedidos' &&
\n \n \n {getInitials(user?.nome)}\n \n
\n ) : (\n 'Usuário não encontrado'\n )}\n \n \n {user?.nome}\n \n
\n @{user?.username}
\n \n {`${user?.endereco ? user?.endereco : ''}${\n user?.numero ? `, ${user?.numero}` : ''\n } ${user?.complemento ? ` - ${user?.complemento}` : ''}${\n user?.bairro ? ` - ${user?.bairro}` : ''\n }`}\n
\n {cepMask(user?.cep)}
\n {user?.cidade ? (\n \n {`${user?.cidade?.nome} -\n ${user?.cidade?.estado.uf.toUpperCase()}/${\n user?.cidade?.estado?.pais?.nomePt\n }`}\n
\n ) : null}\n \n \n {users && users.length > 0 ? (\n <>\n Total de dados encontrados: {users.length}\n \n ) : (\n Nenhum dado encontrado.\n )}\n \n {users && users.length > 0 && (\n \n \n \n Lista de usuários\n \n (\n \n \n \n \n )}\n content={() => refTable.current}\n />\n \n {/* usado para 'forçar' a orientação da pagina para 'paisagem' afim de imprimir mostrando todos os dados */}\n \n {/* ------------------------------------------------------------>\t */}\n \n {users !== undefined && users.length > 0 && (\n \n
\n )}\n \n \n )}\n
\n )\n}\n\nexport default TableUsers\n","import React, { useState } from 'react'\nimport { useLocation } from 'react-router-dom'\nimport {\n Grid,\n makeStyles,\n TextField,\n InputAdornment,\n IconButton,\n Divider,\n Tooltip\n} from '@material-ui/core'\nimport SearchRoundedIcon from '@material-ui/icons/SearchRounded'\nimport CloseIcon from '@material-ui/icons/Close'\n\n//? Own imports\nimport { useDidMountEffect } from 'utils/useDidMountEffect'\nimport { history } from 'utils'\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n flexGrow: 1,\n marginTop: theme.spacing(2)\n },\n divider: {\n height: 28,\n margin: 4\n }\n}))\n\nfunction useSearchQuery() {\n const { search } = useLocation()\n return React.useMemo(() => new URLSearchParams(search), [search])\n}\n\nconst Filters = () => {\n const classes = useStyles()\n const querySearch = useSearchQuery()\n const [filters, setFilters] = useState({\n textSearch: querySearch.get('textSearch') || ''\n })\n\n const runQuery = () => {\n history.push(`/usuarios?textSearch=${filters.textSearch}`)\n }\n\n const handleChangeText = (value: string) => {\n setFilters((prev) => ({ ...prev, textSearch: value }))\n }\n\n const handleSubmitSearch = (event: React.FormEvent) => {\n event.preventDefault()\n if (filters.textSearch && filters.textSearch.length > 0) {\n runQuery()\n }\n }\n\n const clearTextSearch = () => {\n setFilters((prev) => ({ ...prev, textSearch: '' }))\n }\n\n useDidMountEffect(() => {\n if (filters.textSearch === '') {\n runQuery()\n }\n }, [filters.textSearch])\n\n useDidMountEffect(() => {\n setFilters((prev) => ({\n ...prev,\n textSearch: querySearch.get('textSearch') || ''\n }))\n }, [querySearch])\n\n return (\n \n \n \n \n \n \n
\n )\n}\n\nexport default Filters\n","import React, { useEffect, useState } from 'react'\nimport { Box, LinearProgress, makeStyles, Typography } from '@material-ui/core'\n\n//? Own imports\nimport { AccessControl } from 'components/Utils'\nimport { Header, Page, SkeletonTable } from 'components'\nimport AccessDenied from 'views/Errors/AccessDenied'\nimport { Filters, TableUsers } from './components'\nimport { useUsers } from 'hooks-querys'\nimport { useLocation } from 'react-router-dom'\nimport { User } from 'types/api'\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n padding: theme.spacing(3, 2, 2, 2)\n },\n header: {\n marginBottom: theme.spacing(4)\n }\n}))\n\nfunction useSearchQuery() {\n const { search } = useLocation()\n return React.useMemo(() => new URLSearchParams(search), [search])\n}\n\nconst CustomerManagementList = () => {\n const classes = useStyles()\n const querySearch = useSearchQuery()\n const [filters, setFilters] = useState({\n // page: Number(querySearch.get('page')) || 1,\n textSearch: querySearch.get('textSearch') || ''\n })\n\n useEffect(() => {\n setFilters({\n // page: Number(querySearch.get('page')) || 1,\n textSearch: querySearch.get('textSearch') || ''\n })\n }, [querySearch])\n\n const { data, isLoading, refetch, isFetching, isSuccess } = useUsers({\n page: 1, // valor fixo para paginação, pois o componente de paginação não está implementado\n direction: 'desc',\n order: '',\n limit: 10000, //limite alto para não haver paginação\n term: filters.textSearch\n })\n return (\n \n \n \n Digite pelo menos 3 caracteres para iniciar a busca\n \n \n )}\n {isLoading ? (\n
\n \n )}\n // @ts-ignore\n no={() => \n \n \n \n \n \n \n Enviando imagem...\n \n \n \n \n errorsUploadImage(errors)}\n value={images}\n onChange={onChange}\n dataURLKey=\"data_url\"\n >\n {({ onImageUpload, isDragging, dragProps }) => (\n // write your building UI\n \n \n {isDragging ? (\n <>\n \n Solte a imagem aqui!\n \n \n ) : (\n <>\n \n \n {getInitials(usuario.nome)}\n \n \n \n {usuario.nome}\n \n \n {usuario.tipoUsuario.descricao}\n \n \n {usuario.email}\n \n \n )}\n \n \n \n {usuario.imagem !== null && usuario.imagem !== '' && (\n \n )}\n \n \n )}\n \n
\n )\n}\n\nProfileDetails.propTypes = {\n className: PropTypes.string,\n profile: PropTypes.object.isRequired\n}\n\nconst mapStateToProps = (state) => {\n return {\n usuario: state.authentication.usuario\n }\n}\nconst connectedProfileDetailsPage = withRouter(\n connect(mapStateToProps, null, null, {\n pure: false\n })(withStyles(styles)(ProfileDetails))\n)\nexport default connectedProfileDetailsPage\n","import React, { useState, useEffect } from 'react'\nimport clsx from 'clsx'\nimport PropTypes from 'prop-types'\nimport { makeStyles } from '@material-ui/styles'\nimport { ValidatorForm, TextValidator } from 'react-material-ui-form-validator'\nimport {\n Button,\n Card,\n CardActions,\n CardContent,\n CardHeader,\n Grid,\n Divider,\n CircularProgress\n} from '@material-ui/core'\nimport { useSelector, useDispatch } from 'react-redux'\nimport { usuarioAction } from '_actions'\nimport { phoneMask } from 'utils/masks'\nimport constants from 'theme/constants'\n\nconst useStyles = makeStyles(() => ({\n root: {\n ...constants.shadowCard\n }\n}))\n\nconst GeneralSettings = (props) => {\n const { className, ...rest } = props\n const dispatch = useDispatch()\n const classes = useStyles()\n const usuario = useSelector((state) => state.authentication.user)\n const { loading } = useSelector((state) => state.usuario)\n\n const [values, setValues] = useState({\n nome: '',\n telefone: ''\n })\n const [editable, setEditable] = useState(false)\n\n useEffect(() => {\n ValidatorForm.addValidationRule('isValidPhone', (value) => {\n if (value !== null && value) {\n if (value.length > 0 && value.length < 14) {\n return false\n }\n return true\n }\n return true\n })\n }, [])\n\n useEffect(() => {\n // antes de desmontar o componente\n return () => {\n ValidatorForm.removeValidationRule('isValidPhone')\n }\n }, [])\n\n useEffect(() => {\n setValues({\n ...values,\n nome: usuario.nome,\n telefone: usuario.telefone\n })\n }, [usuario])\n\n const handleChange = (event) => {\n event.persist()\n\n setValues({\n ...values,\n [event.target.name]:\n event.target.type === 'checkbox'\n ? event.target.checked\n : event.target.value\n })\n }\n\n const handleClickEdit = (event) => {\n event.preventDefault()\n setEditable(!editable)\n }\n const handleClickCancel = (event) => {\n event.preventDefault()\n setEditable(!editable)\n setValues({\n ...values,\n nome: usuario.nome,\n telefone: usuario.telefone\n })\n }\n\n const handleSubmit = async (event) => {\n event.preventDefault()\n let payload = {\n ...usuario,\n nome: values.nome,\n telefone:\n values.telefone !== null &&\n values.telefone !== undefined &&\n values.telefone !== ''\n ? values.telefone.replace(/\\D/g, '')\n : values.telefone\n }\n dispatch(usuarioAction.editUsuarioInfo(usuario.id, payload))\n setEditable(false)\n }\n\n return (\n \n {tab === 'general' &&
\n \n \n history.goBack()}\n aria-label=\"Voltar\"\n color=\"primary\"\n >\n \n \n \n \n Login\n \n \n \n \n (\n \n \n {\n history.push(`/cadastro`)\n }}\n >\n {'Não possui uma conta? Seja nosso parceiro!'}\n \n \n \n \n {'Esqueceu a senha?'}\n \n \n \n \n \n
\n \n \n history.goBack()}\n aria-label=\"Voltar\"\n color=\"primary\"\n >\n \n \n Informe e confirme a nova senha.\n \n \n \n \n \n \n \n \n
\n \n \n \n \n {props.subTitle}\n \n \n {props.title}\n \n \n (\n \n \n history.push(`${props.href}`)}\n >\n NOVO\n \n \n \n )}\n />\n \n
\n {props.length !== undefined && props.length !== 0 ? (\n\n \n Total de dados encontrados: {props.length}\n \n \n ) : (\n \n {'Nenhum dado encontrado.'}\n \n )}\n
\n )\n}\n\nTitleContent.propTypes = {\n title: PropTypes.string.isRequired,\n subTitle: PropTypes.string,\n buttonOnClick: PropTypes.object.isRequired,\n rule: PropTypes.string\n}\nexport default TitleContent\n","import React from 'react'\nimport { makeStyles } from '@material-ui/styles'\nimport { Button, Grid, Typography } from '@material-ui/core'\nimport Image from 'material-ui-image'\nimport { history } from 'utils'\nconst useStyles = makeStyles((theme) => ({\n root: {},\n noResultText: {\n paddingTop: theme.spacing(6),\n paddingBottom: theme.spacing(1),\n textAlign: 'center'\n },\n image: { marginTop: theme.spacing(3) },\n button: {\n '&:hover': {\n backgroundColor: theme.palette.primary.main,\n boxShadow: '0 9px 40px -14px #FFC20A',\n webkitTransition: ' all 300ms ease',\n transition: 'all 300ms ease',\n letterSpacing: '1.2px'\n }\n }\n}))\nconst EmptyFirstTiposIngresso = () => {\n const classes = useStyles()\n const handleClickContaBancaria = () => {\n history.push(`/tipoIngresso`) //history.push(`/contaBancaria`)\n }\n return (\n \n {props.length !== undefined && props.length !== 0 ? (\n
\n \n \n \n \n \n Você ainda não cadastrou nenhum tipo de ingresso\n \n \n \n \n Cadastrar agora!\n \n \n \n
\n )\n}\n\nexport default EmptyFirstTiposIngresso\n","import React, { useEffect } from 'react'\nimport { connect, useDispatch } from 'react-redux'\nimport { tipoIngressoAction } from '../../_actions'\nimport PropTypes from 'prop-types'\nimport {\n withStyles,\n Table,\n TableContainer,\n TableBody,\n TableCell,\n TableHead,\n TableRow,\n Paper,\n IconButton,\n Tooltip\n} from '@material-ui/core'\nimport Skeleton from '@material-ui/lab/Skeleton'\nimport DeleteIcon from '@material-ui/icons/Delete'\nimport EditIcon from '@material-ui/icons/Edit'\nimport { withRouter } from 'react-router-dom'\nimport { history } from '../../utils'\nimport TitleContent from '../TitleContent'\nimport { useConfirm } from 'material-ui-confirm'\nimport { AccessControl } from '../../components/Utils/AccessControl'\nimport { Page } from 'components'\nimport EmptyFirstTiposIngresso from './EmptyFirstTiposIngresso/EmptyFirstTiposIngresso'\nimport constants from 'theme/constants'\n\nconst styles = (theme) => ({\n root: {\n padding: theme.spacing(3, 2, 2, 2)\n },\n paper: {\n ...constants.shadowCard\n }\n})\n\nconst TipoIngresso = (props) => {\n const confirm = useConfirm()\n const dispatch = useDispatch()\n const { classes } = props\n const { tipoIngresso } = props.tipoIngresso\n\n useEffect(() => {\n dispatch(\n tipoIngressoAction.getTipoIngressoByEstabelecimento(\n props.usuarioEstabelecimento.estabelecimentoId\n )\n )\n }, [dispatch, props.usuarioEstabelecimento.estabelecimentoId])\n\n const handleClick = (id) => {\n confirm({\n title: 'Você deseja excluir este Tipo de Ingresso?',\n description:\n 'Confirmando essa operação, você não poderá cadastrar novos lotes com este tipo de ingresso.',\n confirmationText: 'Sim, excluir!',\n cancellationText: 'Nãããoo!'\n }).then(() => {\n dispatch(tipoIngressoAction.deleteTipoIngressoById(id))\n })\n }\n\n return (\n \n {undefined !== tipoIngresso && tipoIngresso.length > 0 ? (\n \n \n
\n \n ) : (\n
\n )}\n />\n \n
\n )}\n \n
\n )\n case 2:\n return \n \n 0}\n activeStep={activeStep}\n connector={\n 0)}\n onClick={setActiveStep(index)}\n >\n \n {label}\n \n \n \n ))}\n \n \n
\n \n )\n}\nexport default Steppers\n","import React from 'react'\n// import { makeStyles } from '@material-ui/styles';\nimport { Grid, Typography, Button } from '@material-ui/core'\nimport PropTypes from 'prop-types'\nimport { makeStyles } from '@material-ui/styles'\nimport clsx from 'clsx'\nimport { AccessControl } from '../components/Utils/AccessControl'\n\nconst useStyles = makeStyles(() => ({\n root: {}\n}))\n\nconst TitleContentEvent = (props) => {\n const { className, ...rest } = props\n const classes = useStyles()\n return (\n \n {activeStep === steps.length ? (\n
\n \n \n Todos os dados deste evento foram salvos! 😄\n \n \n Compartilhe o link para o evento nas redes sociais!\n {\n navigator.clipboard.writeText(link)\n toast.success(\n 'Link para o evento copiado com sucesso! 🎉',\n {\n autoClose: 4000,\n toastId: 'eventocopiadolink'\n }\n )\n }}\n >\n {link}\n \n \n \n \n \n \n Para ler os ingressos no dia do evento baixe o nosso app\n validador de ingressos!\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n history.push('/eventos')}\n variant=\"contained\"\n style={{ marginRight: 10 }}\n >\n Ver lista de eventos\n \n \n \n
\n ) : (\n \n {getStepContent(activeStep)} \n \n \n Voltar\n \n \n {activeStep === steps.length - 1\n ? 'Finalizar'\n : activeStep === 0\n ? params.id && params.id > 0\n ? 'Salvar'\n : 'Próxima etapa'\n : 'Revisão final'}\n \n \n
\n )}\n \n \n \n \n {props.subTitle}\n \n \n {props.title}\n \n \n (\n \n \n props.onClick}\n >\n NOVO\n \n \n \n )}\n />\n \n
\n {props.length !== undefined && props.length !== 0 && (\n\n \n Total de dados encontrados: {props.length}\n \n \n )}\n
\n )\n}\n\nTitleContentEvent.propTypes = {\n title: PropTypes.string.isRequired,\n subTitle: PropTypes.string,\n buttonOnClick: PropTypes.object.isRequired,\n rule: PropTypes.string\n}\nexport default TitleContentEvent\n","import React, { useEffect } from 'react'\nimport { eventoAction } from '../../../../../../_actions'\nimport { useDispatch, useSelector } from 'react-redux'\nimport PropTypes from 'prop-types'\nimport {\n Table,\n TableContainer,\n TableBody,\n TableCell,\n TableHead,\n TableRow,\n Paper,\n IconButton,\n Tooltip,\n Typography,\n Link\n} from '@material-ui/core'\nimport DeleteIconRoundedIcon from '@material-ui/icons/DeleteRounded'\nimport EditIconRoundedIcon from '@material-ui/icons/EditRounded'\nimport { useConfirm } from 'material-ui-confirm'\nimport FileCopyRoundedIcon from '@material-ui/icons/FileCopyRounded'\nimport EventAvailableTwoToneIcon from '@material-ui/icons/EventAvailableTwoTone'\nimport EventBusyTwoToneIcon from '@material-ui/icons/EventBusyTwoTone'\nimport { history, toLocalDateFormat } from 'utils'\nimport PieChartRoundedIcon from '@material-ui/icons/PieChartRounded'\nimport ShareIcon from '@material-ui/icons/Share'\nimport { makeStyles } from '@material-ui/styles'\nimport { AccessControl } from 'components/Utils/AccessControl'\nimport { MessageData, SkeletonTable } from 'components'\nimport { onShare } from 'utils/linkShare'\nimport { toast } from 'react-toastify'\nimport constants from 'theme/constants'\nimport GroupAddRoundedIcon from '@material-ui/icons/GroupAddRounded'\n\nconst useStyles = makeStyles(() => ({\n root: {\n ...constants.shadowCard\n }\n}))\n\nconst FutureEvents = () => {\n const classes = useStyles()\n const confirm = useConfirm()\n const dispatch = useDispatch()\n const { evento: eventos, isLoading } = useSelector((state) => state.evento)\n const estabelecimentoId = useSelector(\n (state) => state.usuarioEstabelecimento.estabelecimentoId\n )\n\n const handleClickDuplicate = (eventoId) => {\n confirm({\n title: 'Você deseja duplicar esse evento?',\n description: (\n \n {props.length !== undefined && props.length !== 0 && (\n
\n \n Todos os dados serão copiados e você só precisa realizar as\n alterações necessárias.\n \n \n Obs: O evento só é salvo no final do processo.\n \n
\n ),\n confirmationText: 'Sim, duplicar!',\n cancellationText: 'Não!'\n }).then(() => {\n dispatch(eventoAction.duplicateEvento(eventoId))\n })\n }\n\n const handleClickEditEvento = (eventoId) => {\n dispatch(eventoAction.prepareStateToEditEvento(eventoId))\n }\n\n const handleClick = (id) => {\n confirm({\n title: 'Você deseja excluir este Evento?',\n description:\n 'Confirmando essa operação, seu evento não aparecerá mais no site da Corujas.',\n confirmationText: 'Sim, excluir!',\n cancellationText: 'Nãããoo!'\n }).then(() => {\n dispatch(eventoAction.deleteEventoById(id))\n })\n }\n\n const handleClickGenerateTicketsToMembers = (eventId) => {\n confirm({\n title:\n 'Você deseja gerar os ingressos, para os membros ativos, para este Evento?',\n confirmationText: 'Sim, gerar!',\n cancellationText: 'Não!'\n }).then(() => {\n dispatch(eventoAction.generateTicketsToMembers(eventId))\n })\n }\n\n useEffect(() => {\n dispatch(eventoAction.getEventoByEstabelecimento(estabelecimentoId, false))\n }, [dispatch, estabelecimentoId])\n\n const handleClickNewEvento = () => {\n dispatch(eventoAction.prepareStateToNewEvento())\n }\n\n return (\n <>\n {isLoading ? (\n \n \n Todos os dados serão copiados e você só precisa realizar as\n alterações necessárias.\n \n \n Obs: O evento só é salvo no final do processo.\n \n
\n ),\n confirmationText: 'Sim, duplicar!',\n cancellationText: 'Não!'\n }).then(() => {\n dispatch(eventoAction.duplicateEvento(eventoId))\n })\n }\n\n useEffect(() => {\n dispatch(eventoAction.getEventoByEstabelecimento(estabelecimentoId, true))\n }, [dispatch, estabelecimentoId])\n\n const handleClickNewEvento = () => {\n dispatch(eventoAction.prepareStateToNewEvento())\n }\n\n return (\n <>\n {isLoading ? (\n \n {tab === 'futureEvents' &&
\n \r\n \r\n \r\n add()}>\r\n \r\n \r\n \r\n \r\n \r\n =\r\n LOTE_DESCRICAO_MAX_LENGTH\r\n ? 'error'\r\n : undefined\r\n }\r\n >\r\n {lote?.descricao?.length}/\r\n {LOTE_DESCRICAO_MAX_LENGTH}\r\n \r\n \r\n \r\n )\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n {undefined !== tipoIngresso && tipoIngresso.length > 0 ? (\r\n tipoIngresso.map((row) => (\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 Quantidade máxima de ingressos que o usuário poderá\r\n comprar por pedido. Caso não definido, o limite é de\r\n 10 ingressos.\r\n \r\n \r\n )\r\n }}\r\n inputProps={{\r\n min: '1'\r\n }}\r\n className={classes.textField}\r\n value={lote.limiteQuantidadePedido}\r\n onChange={handleChange('limiteQuantidadePedido')}\r\n fullWidth\r\n type=\"number\"\r\n lines=\"5\"\r\n validators={\r\n parseInt(lote.limiteQuantidadePedido) >\r\n parseInt(lote.quantidade)\r\n ? ['maxNumber']\r\n : []\r\n }\r\n errorMessages={[\r\n 'Quantidade máxima maior que quantidade disponibilizada'\r\n ]}\r\n />\r\n \r\n \r\n \r\n handleChangeData('dataHoraInicio', newValue)\r\n }\r\n //Comentado para aceitar datas passadas, facilitar input..\r\n //disablePast={lote.id !== 0 ? false : true}\r\n format=\"dd/MM/yyyy HH:mm\"\r\n invalidDateMessage=\"Data inválida\"\r\n invalidLabel=\"dd/MM/aaaa HH:mm\"\r\n maxDateMessage=\"A data não deve ser posterior à data máxima\"\r\n minDateMessage=\"A data não deve ser anterior à data mínima\"\r\n cancelLabel=\"Cancelar\"\r\n okLabel=\"Definir\"\r\n clearable\r\n clearLabel=\"Limpar\"\r\n placeholder=\"dd/MM/aaaa HH:mm\"\r\n todayLabel=\"Hoje\"\r\n defaultValue={undefined}\r\n openTo=\"month\"\r\n views={['month', 'date', 'hours', 'minutes']}\r\n />\r\n \r\n \r\n \r\n handleChangeData('dataHoraTermino', newValue)\r\n }\r\n disablePast\r\n minDate={toISODateFormat(lote.dataHoraInicio)}\r\n initialFocusedDate={toISODateFormat(lote.dataHoraInicio)}\r\n format=\"dd/MM/yyyy HH:mm\"\r\n invalidDateMessage=\"Data inválida\"\r\n invalidLabel=\"dd/MM/aaaa HH:mm\"\r\n maxDateMessage=\"A data não deve ser posterior à data máxima\"\r\n minDateMessage={\r\n lote.dataHoraInicio != null\r\n ? 'A data não deve ser anterior à data mínima'\r\n : 'A data não deve estar no passado'\r\n }\r\n cancelLabel=\"Cancelar\"\r\n okLabel=\"Definir\"\r\n clearable\r\n clearLabel=\"Limpar\"\r\n placeholder=\"dd/MM/aaaa HH:mm\"\r\n todayLabel=\"Hoje\"\r\n defaultValue={undefined}\r\n openTo=\"month\"\r\n views={['month', 'date', 'hours', 'minutes']}\r\n />\r\n {' '}\r\n \r\n \r\n \r\n \r\n {lote.valor !== 0 && (\r\n \r\n \r\n \r\n Se ativado, a taxa de serviço será repassada para o\r\n cliente.\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 Quando essa opção é marcada, membros podem pedir\r\n check-in até o momento estabelecido acima (Campo\r\n Término das Vendas)\r\n \r\n
\r\n \r\n {lote.checkIn && (\r\n \n \n \n \n \n \n \n \n {/* \n \n www.corujasapp.com/\n \n */}\n \n \n \n generateSlug()}\n >\n \n \n )\n }}\n onFocus={() =>\n (evento.slug === '' || evento.slug === null) &&\n generateSlug()\n }\n label=\"Slug *\"\n value={evento.slug}\n onChange={handleChange('slug')}\n fullWidth\n validators={['required']}\n errorMessages={['Campo obrigatório!']}\n />\n \n \n \n \n {categoria.map((row) => (\n \n ))}\n \n \n \n \n handleChangeData('dataHoraInicio', newValue)\n }\n disablePast\n format=\"dd/MM/yyyy HH:mm\"\n invalidDateMessage=\"Data inválida!\"\n invalidLabel=\"dd/MM/aaaa HH:mm\"\n maxDateMessage=\"A data não deve ser posterior à data máxima\"\n minDateMessage=\"A data não deve ser anterior à data mínima\"\n cancelLabel=\"Cancelar\"\n okLabel=\"Definir\"\n clearable\n clearLabel=\"Limpar\"\n placeholder=\"dd/MM/aaaa HH:mm\"\n todayLabel=\"Hoje\"\n defaultValue={undefined}\n openTo=\"month\"\n views={['month', 'date', 'hours', 'minutes']}\n />\n \n \n \n handleChangeData('dataHoraFim', newValue)\n }\n disablePast\n minDate={toISODateFormat(evento.dataHoraInicio)}\n initialFocusedDate={toISODateFormat(evento.dataHoraInicio)}\n format=\"dd/MM/yyyy HH:mm\"\n invalidDateMessage=\"Data inválida!\"\n invalidLabel=\"dd/MM/aaaa HH:mm\"\n maxDateMessage=\"A data não deve ser posterior à data máxima\"\n minDateMessage=\"A data não deve ser anterior à data de início\"\n cancelLabel=\"Cancelar\"\n okLabel=\"Definir\"\n clearable\n clearLabel=\"Limpar\"\n placeholder=\"dd/MM/aaaa HH:mm\"\n todayLabel=\"Hoje\"\n defaultValue={undefined}\n openTo=\"month\"\n views={['month', 'date', 'hours', 'minutes']}\n />\n \n \n {\n handleOnChangeHashtag(value)\n }}\n multiple\n getOptionDisabled={(option) =>\n eventoHashtagLength === maxHashtags ? true : false\n }\n filterSelectedOptions\n limitTags={5}\n id=\"hashtag-selection\"\n options={hashtag}\n getOptionLabel={(option) => `#${option.descricao}`}\n groupBy={(option) => getCategoriaName(option.categoriaId)}\n renderInput={(params) => (\n \n \n \n \n Imagem de divulgação * \n \n \n \n \n {'Detalhes do evento *'} \n {}}\n onChange={(event, editor) => {\n const data = editor.getData()\n dispatch(eventoAction.onChangeDetails(data, event))\n }}\n onBlur={(event, editor) => {}}\n onFocus={(event, editor) => {}}\n />\n \n \n \n \n \n \n
\n )\n}\n\nexport default EventoEdit\n","import React from 'react'\nimport { useSelector } from 'react-redux'\nimport { LoteList } from '../../components'\nimport { EventoCard } from './EventoCard'\nimport {\n Card,\n CardHeader,\n CardContent,\n Typography,\n Divider,\n Grid,\n makeStyles\n} from '@material-ui/core'\nimport EventAvailableTwoToneIcon from '@material-ui/icons/EventAvailableTwoTone'\nimport EventBusyTwoToneIcon from '@material-ui/icons/EventBusyTwoTone'\nimport { Row } from '@mui-treasury/components/flex'\nimport constants from 'theme/constants'\nconst useStyles = makeStyles((theme) => ({\n root: {\n padding: theme.spacing(4, 0, 4, 0)\n },\n card: {\n marginBottom: theme.spacing(2)\n },\n paper: {\n ...constants.shadowCard\n }\n}))\n\nconst EventoSummary = () => {\n const evento = useSelector((state) => state.evento)\n const usuarioEstabelecimento = useSelector(\n (state) => state.usuarioEstabelecimento\n )\n const classes = useStyles()\n const { estado: estados } = useSelector((state) => state.estado)\n const { cidade: cidades } = useSelector((state) => state.cidade)\n const { hashtag: hashtags } = useSelector((state) => state.hashtag)\n\n function getNameEstadoById(estadoId) {\n const nameEstado = estados.find((estado) => estado.id === estadoId)\n return nameEstado ? nameEstado.nome : ''\n }\n\n function getNameCidadeById(cidadeId) {\n const nameCidade = cidades.find((cidade) => cidade.id === cidadeId)\n return nameCidade ? nameCidade.nome : ''\n }\n\n function getHashtagNameById(hashtagId) {\n let hashtagName = ''\n const hashtagItem = hashtags.find((element) => element.id === hashtagId)\n if (hashtagItem !== undefined) {\n hashtagName = hashtagItem.descricao\n }\n return hashtagName\n }\n\n return (\n \n \n Se ativado, o evento passa a ficar visível no portal da\n Corujas.\n \n
\n \n
\n - \n
\n \n {getInitials(estabelecimento?.nome)}\n \n
\n ) : (\n 'Estabelecimento não encontrado'\n )}\n \n \n {estabelecimento?.nome}\n \n
\n @{estabelecimento?.username}
\n \n {`${estabelecimento?.endereco}, ${estabelecimento?.numero} ${\n estabelecimento?.complemento\n ? ` - ${estabelecimento?.complemento}`\n : ''\n }${estabelecimento?.bairro ? ` - ${estabelecimento?.bairro}` : ''}`}\n
\n {cepMask(estabelecimento?.cep)}
\n {estabelecimento?.cidade ? (\n \n {`${estabelecimento?.cidade?.nome} -\n ${estabelecimento?.cidade?.estado.uf.toUpperCase()}/${\n estabelecimento?.cidade?.estado?.pais?.nomePt\n }`}\n
\n ) : null}\n \n \n {estabelecimentos && estabelecimentos.length > 0 ? (\n <>\n Total de dados encontrados:{' '}\n {estabelecimentos.length}\n \n ) : (\n Nenhum dado encontrado.\n )}\n \n {estabelecimentos && estabelecimentos.length > 0 && (\n \n \n \n Lista de estabelecimentos\n \n (\n \n \n \n \n )}\n content={() => refTable.current}\n />\n \n {/* usado para 'forçar' a orientação da pagina para 'paisagem' afim de imprimir mostrando todos os dados */}\n \n {/* ------------------------------------------------------------>\t */}\n \n {estabelecimentos !== undefined && estabelecimentos.length > 0 && (\n \n \n \n #ID \n Nome \n CPF/CNPJ \n Localização \n Repassar taxa \n Taxa \n Categoria \n Ações \n \n \n \n {estabelecimentos.map((estabelecimento) => {\n return (\n \n \n )}\n \n \n )}\n
\n )\n}\n\nexport default TableEstabelecimentos\n","import React, { useState } from 'react'\nimport { useLocation } from 'react-router-dom'\nimport {\n Grid,\n makeStyles,\n TextField,\n InputAdornment,\n IconButton,\n Divider,\n Tooltip\n} from '@material-ui/core'\nimport SearchRoundedIcon from '@material-ui/icons/SearchRounded'\nimport CloseIcon from '@material-ui/icons/Close'\n\n//? Own imports\nimport { useDidMountEffect } from 'utils/useDidMountEffect'\nimport { history } from 'utils'\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n flexGrow: 1,\n marginTop: theme.spacing(2)\n },\n divider: {\n height: 28,\n margin: 4\n }\n}))\n\nfunction useSearchQuery() {\n const { search } = useLocation()\n return React.useMemo(() => new URLSearchParams(search), [search])\n}\n\nconst Filters = () => {\n const classes = useStyles()\n const querySearch = useSearchQuery()\n const [filters, setFilters] = useState({\n textSearch: querySearch.get('textSearch') || ''\n })\n\n const runQuery = () => {\n history.push(`/estabelecimentos?textSearch=${filters.textSearch}`)\n }\n\n const handleChangeText = (value: string) => {\n setFilters((prev) => ({ ...prev, textSearch: value }))\n }\n\n const handleSubmitSearch = (event: React.FormEvent) => {\n event.preventDefault()\n if (filters.textSearch && filters.textSearch.length > 0) {\n runQuery()\n }\n }\n\n const clearTextSearch = () => {\n setFilters((prev) => ({ ...prev, textSearch: '' }))\n }\n\n useDidMountEffect(() => {\n if (filters.textSearch === '') {\n runQuery()\n }\n }, [filters.textSearch])\n\n useDidMountEffect(() => {\n setFilters((prev) => ({\n ...prev,\n textSearch: querySearch.get('textSearch') || ''\n }))\n }, [querySearch])\n\n return (\n \n \n \n \n \n \n
\n )\n}\n\nexport default Filters\n","import React, { useEffect, useState } from 'react'\nimport { LinearProgress, makeStyles } from '@material-ui/core'\n\n//? Own imports\nimport { AccessControl } from 'components/Utils'\nimport { Header, Page, SkeletonTable } from 'components'\nimport AccessDenied from 'views/Errors/AccessDenied'\nimport { Filters, TableEstabelecimentos } from './components'\nimport { useEstablishments } from 'hooks-querys'\nimport { useLocation } from 'react-router-dom'\nimport { EstabelecimentoListAdmin } from 'types/api'\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n padding: theme.spacing(3, 2, 2, 2)\n },\n header: {\n marginBottom: theme.spacing(4)\n }\n}))\n\nfunction useSearchQuery() {\n const { search } = useLocation()\n return React.useMemo(() => new URLSearchParams(search), [search])\n}\n\nconst EstabelecimentoList = () => {\n const classes = useStyles()\n const querySearch = useSearchQuery()\n const [filters, setFilters] = useState({\n // page: Number(querySearch.get('page')) || 1,\n textSearch: querySearch.get('textSearch') || ''\n })\n\n useEffect(() => {\n setFilters({\n // page: Number(querySearch.get('page')) || 1,\n textSearch: querySearch.get('textSearch') || ''\n })\n }, [querySearch])\n\n const { data, isLoading, refetch, isFetching } = useEstablishments({\n page: 1, // valor fixo para paginação, pois o componente de paginação não está implementado\n direction: 'desc',\n order: 'id',\n limit: 10000, //limite alto para não haver paginação\n term: filters.textSearch\n })\n return (\n \n
\n )}\n // @ts-ignore\n no={() => \n \n \n \n \n \n \n Enviando imagem...\n \n \n \n \n errorsUploadImage(errors)}\n value={images}\n onChange={onChange}\n dataURLKey=\"data_url\"\n >\n {({ onImageUpload, isDragging, dragProps }) => (\n \n \n {isDragging ? (\n <>\n \n Solte a imagem aqui!\n \n \n ) : (\n <>\n \n \n {getInitials(estabelecimento.nome)}\n \n \n \n {estabelecimento.nome}\n \n {estabelecimento.id != 0 && (\n <>\n \n \n {estabelecimento.totalAvaliacoes > 0\n ? `${abbreviateNumber(\n estabelecimento.totalAvaliacoes\n )} avaliações`\n : 'Nenhuma avaliação'}\n \n \n {estabelecimento.totalSeguidores > 0\n ? `${abbreviateNumber(\n estabelecimento.totalSeguidores\n )} seguidores`\n : 'Nenhum seguidor'}\n \n {/* \n Capacidade: {estabelecimento.capacidade} pessoas.\n \n \n Categoria\n */}\n \n )}\n \n \n \n {estabelecimento.imagem !== null &&\n estabelecimento.imagem !== '' && (\n \n )}\n \n \n )}\n \n
\n )\n}\n\nEstabelecimentoDetails.propTypes = {\n className: PropTypes.string,\n estabelecimento: PropTypes.object.isRequired\n}\n\nconst mapStateToProps = (state) => {\n return {\n estabelecimento: state.estabelecimento\n }\n}\nconst connectedEstabelecimentoDetailsPage = withRouter(\n connect(mapStateToProps, null, null, {\n pure: false\n })(withStyles(styles)(EstabelecimentoDetails))\n)\nexport default connectedEstabelecimentoDetailsPage\n","import React, { useEffect } from 'react'\nimport PropTypes from 'prop-types'\nimport {\n ValidatorForm,\n TextValidator,\n SelectValidator\n} from 'react-material-ui-form-validator'\nimport { cepMask, cpfCnpjMask, history } from 'utils'\nimport Typography from '@material-ui/core/Typography'\nimport {\n Card,\n CardHeader,\n CardContent,\n CardActions,\n Divider,\n Button,\n MenuItem,\n Grid,\n CircularProgress,\n InputAdornment,\n Tooltip,\n IconButton,\n makeStyles,\n FormControlLabel,\n Switch,\n TextField\n} from '@material-ui/core'\nimport YoutubeSearchedForRoundedIcon from '@material-ui/icons/YoutubeSearchedForRounded'\nimport Autocomplete from '@material-ui/lab/Autocomplete'\nimport { useDispatch, useSelector } from 'react-redux'\nimport {\n estabelecimentoAction,\n categoriaAction,\n cidadeAction,\n estadoAction,\n hashtagAction\n} from '_actions'\nimport { cnpj, cpf } from 'cpf-cnpj-validator'\nimport { isEmpty } from 'lodash'\nimport { HelperToolTip } from 'components'\nimport { useDidMountEffect } from 'utils/useDidMountEffect'\nimport constants from 'theme/constants'\n\nconst useStyles = makeStyles(() => ({\n root: {},\n paper: {\n ...constants.shadowCard\n }\n}))\n\nconst EstabelecimentoForm = () => {\n const dispatch = useDispatch()\n const classes = useStyles()\n const estados = useSelector((state) => state.estado.estado)\n const { cidade } = useSelector((state) => state.cidade)\n const { categoria } = useSelector((state) => state.categoria)\n const { hashtag } = useSelector((state) => state.hashtag)\n const estabelecimento = useSelector((state) => state.estabelecimento)\n const usuarioId = useSelector((state) => state.authentication.user.id)\n const isAddPlace = useSelector(\n (state) => state.usuarioEstabelecimento.isAddPlace\n )\n const minHashtags = 1\n const maxHashtags = 5\n let hashtagLength = 0\n if (estabelecimento.estabelecimentoHashtag !== (null || undefined)) {\n hashtagLength = estabelecimento.estabelecimentoHashtag.length\n }\n\n useEffect(() => {\n ValidatorForm.addValidationRule('isValidCpf', (value) => {\n if (value && value.length <= 14) {\n if (cpf.isValid(value)) {\n return true\n } else {\n return false\n }\n } else {\n return true\n }\n })\n\n ValidatorForm.addValidationRule('isValidCnpj', (value) => {\n if (value && value.length >= 15) {\n if (cnpj.isValid(value)) {\n return true\n } else {\n return false\n }\n } else {\n return true\n }\n })\n\n ValidatorForm.addValidationRule('isValidCep', (value) => {\n if (value.length === 9) {\n return true\n } else {\n return false\n }\n })\n dispatch(categoriaAction.getCategoria())\n dispatch(hashtagAction.getHashtags('', '', '', '', ''))\n dispatch(estadoAction.getEstado())\n if (estabelecimento.estadoId > 0) {\n dispatch(cidadeAction.getCidadeByUf(estabelecimento.estadoId))\n }\n }, [])\n\n useDidMountEffect(() => {\n if (estabelecimento.estadoId > 0) {\n dispatch(cidadeAction.getCidadeByUf(estabelecimento.estadoId))\n }\n }, [estabelecimento.estadoId])\n\n useEffect(() => {\n return () => {\n ValidatorForm.removeValidationRule('isValidCpf')\n ValidatorForm.removeValidationRule('isValidCnpj')\n ValidatorForm.removeValidationRule('isValidCep')\n }\n }, [])\n\n const hashtagPrepareData = (estabelecimentoHashtag) => {\n let readyEstabelecimentoHashtag = []\n estabelecimentoHashtag.map((row) => {\n readyEstabelecimentoHashtag.push({\n id: 0,\n estabelecimentoId: 0,\n hashtagId: row.id,\n excluido: false\n })\n })\n return readyEstabelecimentoHashtag\n }\n\n const handleOnChangeHashtag = (event) => {\n dispatch(\n estabelecimentoAction.handleOnChangeHashtag(hashtagPrepareData(event))\n )\n }\n\n function getHashtagObjectById(hashtagId) {\n let hashtagObject = ''\n const hashtagItem = hashtag.find((element) => element.id == hashtagId)\n if (hashtagItem !== undefined) {\n hashtagObject = hashtagItem\n }\n return hashtagObject\n }\n\n function getHashtagsObjects(estabelecimentoHashtag) {\n let hashtags = []\n if (estabelecimentoHashtag === [] || estabelecimentoHashtag === undefined) {\n hashtags = []\n } else {\n estabelecimentoHashtag.forEach((item) =>\n item.hashtag === undefined\n ? hashtags.push(getHashtagObjectById(item.hashtagId))\n : hashtags.push(getHashtagObjectById(item.hashtag.id))\n )\n }\n return hashtags\n }\n\n function getCategoriaName(categoriaId) {\n const categoriaItem = categoria.find((element) => element.id == categoriaId)\n if (categoriaItem !== (undefined && null)) {\n return categoriaItem.descricao\n }\n }\n\n const handleSubmit = (event) => {\n event.preventDefault()\n\n if (estabelecimento.username.length < 1) {\n generateUsername()\n }\n\n let usuarioEstabelecimento = []\n usuarioEstabelecimento.push({\n id: 0,\n usuarioId: usuarioId,\n estabelecimentoId: 0\n })\n\n let payload = {\n id: estabelecimento.id,\n nome: estabelecimento.nome,\n detalhes: estabelecimento.detalhes,\n endereco: estabelecimento.endereco,\n numero: estabelecimento.numero,\n complemento: estabelecimento.complemento,\n capacidade: estabelecimento.capacidade,\n cidadeId: estabelecimento.cidadeId,\n estadoId: estabelecimento.estadoId,\n imagem: estabelecimento.imagem,\n banner: estabelecimento.banner,\n bairro: estabelecimento.bairro,\n cep: estabelecimento.cep,\n latLon: estabelecimento.latLon,\n username: estabelecimento.username,\n categoriaId: estabelecimento.categoriaId,\n usuarioEstabelecimento: usuarioEstabelecimento,\n cpfCnpj: estabelecimento.cpfCnpj\n .split('.')\n .join('')\n .replace(/[-/.]/g, ''),\n repassarTaxa: estabelecimento.repassarTaxa,\n estabelecimentoHashtag: estabelecimento.estabelecimentoHashtag\n }\n\n if (estabelecimento.id > 0 && !isAddPlace) {\n delete payload.usuarioEstabelecimento\n dispatch(\n estabelecimentoAction.editEstabelecimentoInfo(\n estabelecimento.id,\n payload\n )\n )\n } else {\n history.push('location')\n }\n }\n\n const generateUsername = () => {\n let usernameGenerate = {\n target: {\n value: estabelecimento.nome\n }\n }\n dispatch(estabelecimentoAction.onChangeProps('username', usernameGenerate))\n }\n\n const handleBlur = (prop) => (event) => {\n if (prop === 'cep') {\n var numerosCep = event.target.value.replace('-', '').replace(/\\D/g, '')\n if (numerosCep.length === 8) {\n dispatch(estabelecimentoAction.getEnderecoByCep(numerosCep))\n }\n }\n }\n\n const handleChange = (prop) => (event) => {\n dispatch(estabelecimentoAction.onChangeProps(prop, event))\n }\n\n return (\n \n \n \n handleSubmit(event)}\n debounceTime={1100}\n >\n \n \n Aqui ficam as informações sobre quem esta organizando os\n eventos!\n \n \n O estabelecimento pode ser um lugar físico ou conter seus\n dados pessoais caso você seja o organizador.\n \n
\n }\n titleTypographyProps={{ variant: 'h4' }}\n />\n \n \n Se ativado, por padrão, a taxa de serviço será repassada\n para o cliente.\n \n
\n \n \n \n \n \n \n \n Enviando imagem...\n \n \n \n \n errorsUploadImage(errors)}\n value={images}\n onChange={onChange}\n dataURLKey=\"data_url\"\n >\n {({ onImageUpload, isDragging, dragProps }) => (\n \n {isDragging && (\n \n \n \n \n \n Solte a imagem aqui!\n \n \n \n )}\n \n
\n )}\n \n \n
\n \n )\n}\n\nHeader.propTypes = {\n className: PropTypes.string\n}\n\nexport default Header\n","import React, { useEffect, useState } from 'react'\nimport { connect, useDispatch } from 'react-redux'\nimport PropTypes from 'prop-types'\nimport validator from 'validator'\nimport {\n withStyles,\n Table,\n TableContainer,\n TableBody,\n TableCell,\n TableHead,\n TableRow,\n Paper,\n Link,\n Avatar,\n IconButton,\n Tooltip,\n Button,\n Dialog,\n DialogActions,\n DialogContent,\n DialogTitle,\n DialogContentText,\n TextField,\n Grid,\n Typography\n} from '@material-ui/core'\nimport DeleteIcon from '@material-ui/icons/Delete'\nimport { withRouter, Link as RouterLink } from 'react-router-dom'\nimport { usuarioEstabelecimentoAction } from '../../../../../_actions'\nimport { useConfirm } from 'material-ui-confirm'\nimport getInitials from 'utils/getInitials'\nimport constants from 'theme/constants'\nimport { AccessControl } from 'components/Utils'\nconst styles = (theme) => ({\n root: {},\n paper: {\n ...constants.shadowCard\n },\n avatar: {\n height: 42,\n width: 42,\n marginRight: theme.spacing(1)\n },\n nameCell: {\n display: 'flex',\n alignItems: 'center'\n },\n addButton: {\n display: 'flex',\n justifyContent: 'flex-end',\n alignItems: 'right'\n }\n})\nconst Usuarios = (props) => {\n const [open, setOpen] = React.useState(false)\n const [email, setEmail] = React.useState('')\n\n const handleClickOpen = (event) => {\n setOpen(true)\n }\n\n const handleClose = () => {\n setOpen(false)\n }\n const handleSubmit = (event) => {\n event.preventDefault()\n if (validator.isEmail(email)) {\n let payload = {\n email: email,\n estabelecimentoId: props.usuarioEstabelecimento.estabelecimentoId\n }\n dispatch(usuarioEstabelecimentoAction.addUsuarioByEmail(payload))\n setOpen(false)\n }\n }\n\n const handleChange = (event) => {\n setEmail(event.target.value)\n }\n\n const confirm = useConfirm()\n const dispatch = useDispatch()\n const { classes, usuarioEstabelecimento } = props\n\n useEffect(() => {\n dispatch(\n usuarioEstabelecimentoAction.getUsuarioEstabelecimentoByEstabelecimento(\n usuarioEstabelecimento.estabelecimentoId\n )\n )\n }, [dispatch, usuarioEstabelecimento.estabelecimentoId])\n\n const handleDeleteClick = (id) => {\n confirm({\n title: 'Você deseja excluir este Usuário?',\n description:\n 'Confirmando essa operação, este usuário não terá mais acesso ao sistema.',\n confirmationText: 'Sim, excluir!',\n cancellationText: 'Nãããoo!'\n }).then(() => {\n dispatch(usuarioEstabelecimentoAction.deleteUsuarioById(id))\n })\n }\n\n return (\n \n \n @{estabelecimento.username}\n \n \n {estabelecimento.nome}\n \n
\n \n \n
\n {usuarioEstabelecimento.listUserPlace.length !== undefined &&\n usuarioEstabelecimento.listUserPlace.length !== 0 ? (\n \n {estabelecimento.latLon && (\n \n \n
\n )\n}\n\nconst LoadingContainer = (props) => (\n {estabelecimento.nome}
\n{estabelecimento.endereco}
\n\n {estabelecimento.bairro} - {estabelecimento.cep}\n
\n \n \n )}\n\n
\n)\nexport default GoogleApiWrapper({\n language: 'pt-BR',\n apiKey: process.env.REACT_APP_MAPS_KEY,\n LoadingContainer: LoadingContainer\n})(MapContainer)\n","import React, { useEffect } from 'react'\nimport clsx from 'clsx'\nimport { useDispatch, useSelector } from 'react-redux'\nimport { estabelecimentoAction } from '_actions'\nimport {\n Card,\n CardHeader,\n CardContent,\n CardActions,\n Grid,\n Button,\n Divider,\n makeStyles,\n Typography\n} from '@material-ui/core'\nimport Map from './map'\nimport Geocode from 'react-geocode'\nimport { history } from 'utils'\nimport constants from 'theme/constants'\n// set Google Maps Geocoding API for purposes of quota management. Its optional but recommended.\nGeocode.setApiKey(process.env.REACT_APP_MAPS_KEY)\n\n// set response language. Defaults to english.\nGeocode.setLanguage('pt-BR')\n\n// set response region. Its optional.\n// A Geocoding request with region=es (Spain) will return the Spanish city.\nGeocode.setRegion('pt-BR')\n\n// Enable or disable logs. Its optional.\nGeocode.enableDebug()\n\nconst useStyles = makeStyles(() => ({\n root: {},\n paper: {\n ...constants.shadowCard\n }\n}))\n\nconst Location = (props) => {\n const { className, ...rest } = props\n const classes = useStyles()\n const dispatch = useDispatch()\n const estabelecimento = useSelector((state) => state.estabelecimento)\n const { cidade } = useSelector((state) => state.cidade)\n const { estado } = useSelector((state) => state.estado)\n const usuarioId = useSelector((state) => state.authentication.user.id)\n const isAddPlace = useSelector(\n (state) => state.usuarioEstabelecimento.isAddPlace\n )\n // const onSubmit = props => {\n // let payload = {\n // id: estabelecimento.id,\n // latLon: [lat, long]\n // }\n // dispatch(estabelecimentoAction.editEstabelecimentoInfo(props.estabelecimento.id, payload));\n // };\n\n // useEffect(() => {\n // var options = {\n // enableHighAccuracy: true,\n // timeout: 5000,\n // maximumAge: 0\n // }\n\n // function success(position) {\n // const { latitude, longitude } = position.coords\n // setCoordinatesInit({\n // ...estabelecimento.latLon,\n // x: latitude,\n // y: longitude\n // })\n // }\n\n // function error(err) {\n // setCoordinatesInit({\n // ...estabelecimento.latLon,\n // x: -29.4487586,\n // y: -51.9659174\n // })\n // }\n\n // if (estabelecimento.latLon !== null) {\n // setCoordinatesInit({\n // ...estabelecimento.latLon,\n // x: estabelecimento.latLon.x,\n // y: estabelecimento.latLon.y\n // })\n // } else {\n // navigator.geolocation.getCurrentPosition(success, error, options)\n // }\n // }, [])\n\n useEffect(() => {\n if (!estabelecimento.id) {\n Geocode.fromAddress(\n prepareAddressFromState(estabelecimento, cidade, estado)\n ).then(\n (response) => {\n const { lat, lng } = response.results[0].geometry.location\n let latLon = {\n x: lat,\n y: lng\n }\n dispatch(estabelecimentoAction.changeCoordinates(latLon))\n },\n (error) => {\n console.error(error)\n }\n )\n }\n }, [])\n\n const onClickSaveButton = () => {\n let usuarioEstabelecimento = []\n usuarioEstabelecimento.push({\n id: 0,\n usuarioId: usuarioId,\n estabelecimentoId: 0\n })\n\n let payload = {\n id: estabelecimento.id,\n nome: estabelecimento.nome,\n detalhes: estabelecimento.detalhes,\n endereco: estabelecimento.endereco,\n numero: estabelecimento.numero,\n complemento: estabelecimento.complemento,\n capacidade: estabelecimento.capacidade,\n cidadeId: estabelecimento.cidadeId,\n estadoId: estabelecimento.estadoId,\n imagem: estabelecimento.imagem,\n banner: estabelecimento.banner,\n bairro: estabelecimento.bairro,\n cep: estabelecimento.cep,\n latLon: estabelecimento.latLon,\n username: estabelecimento.username,\n categoriaId: estabelecimento.categoriaId,\n repassarTaxa: estabelecimento.repassarTaxa,\n usuarioEstabelecimento: usuarioEstabelecimento,\n cpfCnpj: estabelecimento.cpfCnpj\n .split('.')\n .join('')\n .replace(/[-/.]/g, ''),\n estabelecimentoHashtag: estabelecimento.estabelecimentoHashtag\n }\n if (estabelecimento.id && !isAddPlace) {\n delete payload.usuarioEstabelecimento\n dispatch(\n estabelecimentoAction.editEstabelecimentoInfo(\n estabelecimento.id,\n payload\n )\n )\n } else {\n dispatch(estabelecimentoAction.createEstabelecimento(payload, isAddPlace))\n }\n }\n const prepareAddressFromState = (estabelecimento, cidade, estado) => {\n var estadoSelected = estado.find(\n (item) => item.id === estabelecimento.estadoId\n )\n var cidadeSelected = cidade.find(\n (item) => item.id === estabelecimento.cidadeId\n )\n return `${estabelecimento.endereco}, ${estabelecimento.numero} - ${estabelecimento.bairro} , ${cidadeSelected.nome} - ${estadoSelected.uf}, ${estabelecimento.cep}`\n }\n return (\n \n \n
\n \n \n
\n \r\n \r\n Ao desconectar, o Pixel do Facebook deixará de rastrear os eventos e\r\n conversões deste estabelecimento.\r\n \r\n \r\n Obs: Essa ação pode impactar negativamente o desempenho de suas\r\n campanhas.\r\n \r\n
\r\n ),\r\n confirmationText: 'Sim, desconectar!',\r\n cancellationText: 'Não, cancelar'\r\n }).then(() => {\r\n mutateAsync({\r\n ...estabelecimento,\r\n facebookPixelId: null\r\n })\r\n .then(() => {\r\n setInputPixelId('')\r\n setIsEditing(false)\r\n toast.success('Facebook pixel desconectado com sucesso!')\r\n })\r\n .finally(() => {})\r\n })\r\n }\r\n const handleSavePixelId = () => {\r\n if (inputPixelId.trim() !== '') {\r\n setIsEditing(false)\r\n mutateAsync({\r\n ...estabelecimento,\r\n facebookPixelId: inputPixelId\r\n })\r\n .then(() => {\r\n toast.success(\r\n isEdition\r\n ? 'Facebook pixel alterado com sucesso!'\r\n : 'Facebook pixel conectado com sucesso!'\r\n )\r\n })\r\n .finally(() => {})\r\n }\r\n }\r\n\r\n const handlePressEdit = () => {\r\n setIsEditing(true)\r\n }\r\n\r\n const handleChangePixelId = (event: React.ChangeEvent\r\n {tab === 'general' &&
\r\n \r\n \r\n )\r\n}\r\n\r\nEstabelecimentoEdit.propTypes = {\r\n history: PropTypes.object.isRequired,\r\n match: PropTypes.object.isRequired,\r\n classes: PropTypes.object.isRequired\r\n}\r\nconst mapStateToProps = (state) => {\r\n return {\r\n estabelecimento: state.estabelecimento,\r\n usuarioEstabelecimento: state.usuarioEstabelecimento\r\n }\r\n}\r\nconst connectedEstabelecimentoEditPage = withRouter(\r\n connect(mapStateToProps, null, null, {\r\n pure: false\r\n })(withStyles(styles)(EstabelecimentoEdit))\r\n)\r\nexport { connectedEstabelecimentoEditPage as EstabelecimentoEdit }\r\n","import React from 'react'\nimport { makeStyles } from '@material-ui/styles'\nimport { Button, Grid, Typography } from '@material-ui/core'\nimport Image from 'material-ui-image'\nimport { history } from 'utils'\nconst useStyles = makeStyles((theme) => ({\n root: {},\n noResultText: {\n paddingTop: theme.spacing(6),\n paddingBottom: theme.spacing(1),\n textAlign: 'center'\n },\n image: { marginTop: theme.spacing(3) },\n button: {\n '&:hover': {\n backgroundColor: theme.palette.primary.main,\n boxShadow: '0 9px 40px -14px #FFC20A',\n webkitTransition: ' all 300ms ease',\n transition: 'all 300ms ease',\n letterSpacing: '1.2px'\n }\n }\n}))\nconst EmptyFirstCupomDesconto = () => {\n const classes = useStyles()\n const handleClickCupomDesconto = () => {\n history.push(`/cupomDescontos/cadastro`)\n }\n return (\n \n \n \n \n \n \n Você ainda não cadastrou nenhum cupom de desconto\n \n \n \n \n Cadastrar cupom! 🎟\n \n \n \n
\n )\n}\n\nexport default EmptyFirstCupomDesconto\n","import React, { useEffect, useState } from 'react'\r\nimport { connect, useDispatch, useSelector } from 'react-redux'\r\nimport { cupomDescontoAction, eventoAction, loteAction } from '_actions'\r\nimport PropTypes from 'prop-types'\r\nimport {\r\n withStyles,\r\n Table,\r\n TableContainer,\r\n TableBody,\r\n TableCell,\r\n TableHead,\r\n TableRow,\r\n Paper,\r\n IconButton,\r\n Tooltip,\r\n Typography,\r\n useMediaQuery,\r\n Box,\r\n CircularProgress,\r\n Select,\r\n InputLabel,\r\n FormControl,\r\n Switch,\r\n InputAdornment,\r\n TextField,\r\n useTheme,\r\n Chip,\r\n MenuItem\r\n} from '@material-ui/core'\r\nimport DeleteIcon from '@material-ui/icons/Delete'\r\nimport EditIcon from '@material-ui/icons/Edit'\r\nimport { useLocation, useParams, withRouter } from 'react-router-dom'\r\nimport { history } from '../../utils'\r\nimport ShareIcon from '@material-ui/icons/Share'\r\nimport { useConfirm } from 'material-ui-confirm'\r\nimport { toLocalDateFormat } from 'utils'\r\nimport { AccessControl } from '../../components/Utils/AccessControl'\r\nimport DoneRoundedIcon from '@material-ui/icons/DoneRounded'\r\nimport DoneAllRoundedIcon from '@material-ui/icons/DoneAllRounded'\r\nimport { Page } from 'components'\r\nimport EmptyFirstCupomDesconto from './components/EmptyFirstCupomDesconto/EmptyFirstCupomDesconto'\r\nimport constants from 'theme/constants'\r\nimport { toast } from 'react-toastify'\r\nimport { shareEventCouponCode } from 'utils/linkShare'\r\nimport { Autocomplete } from '@material-ui/lab'\r\nimport { useEvents } from 'hooks-querys'\r\n\r\nconst styles = (theme) => ({\r\n root: {},\r\n paper: {\r\n ...constants.shadowCard\r\n },\r\n formControl: {\r\n width: '100%',\r\n marginBottom: theme.spacing(2)\r\n },\r\n selectEmpty: {\r\n marginTop: theme.spacing(2)\r\n }\r\n})\r\n\r\nfunction useSearchQuery() {\r\n const { search } = useLocation()\r\n return React.useMemo(() => new URLSearchParams(search), [search])\r\n}\r\n\r\nconst CuponsDescontoList = (props) => {\r\n const confirm = useConfirm()\r\n const dispatch = useDispatch()\r\n const { classes } = props\r\n const [selectedEvento, setSelectedEvento] = useState({\r\n id: 0,\r\n nome: '',\r\n dataHoraInicio: null,\r\n dataHoraFim: null\r\n })\r\n const [eventoInputValue, setEventoInputValue] = useState('')\r\n const [loteId, setLoteId] = useState(0)\r\n const [showPastEvents, setShowPastEvents] = useState(false)\r\n const estabelecimentoId = useSelector(\r\n (state) => state.usuarioEstabelecimento.estabelecimentoId\r\n )\r\n const { cupomDesconto, isLoading } = useSelector(\r\n (state) => state.cupomDesconto\r\n )\r\n const { lote: lotes } = useSelector((state) => state.evento)\r\n const theme = useTheme()\r\n const isMobile = useMediaQuery(theme.breakpoints.down('xs'))\r\n const querySearch = useSearchQuery()\r\n const {\r\n data: events,\r\n isLoading: isLoadingEvents,\r\n isFetching: isFetchingEvents\r\n } = useEvents(estabelecimentoId, showPastEvents, isMobile)\r\n\r\n useEffect(() => {\r\n setSelectedEvento({\r\n id: 0,\r\n nome: '',\r\n dataHoraInicio: null,\r\n dataHoraFim: null\r\n })\r\n setLoteId(0)\r\n setShowPastEvents(false)\r\n setEventoInputValue('')\r\n }, [estabelecimentoId])\r\n\r\n useEffect(() => {\r\n if (isMobile) {\r\n dispatch(eventoAction.getAllEventosByEstabelecimento(estabelecimentoId))\r\n } else {\r\n dispatch(\r\n eventoAction.getEventoByEstabelecimento(\r\n estabelecimentoId,\r\n showPastEvents\r\n )\r\n )\r\n }\r\n }, [estabelecimentoId, showPastEvents, isMobile])\r\n\r\n useEffect(() => {\r\n dispatch(\r\n cupomDescontoAction.getListCupomDesconto(\r\n loteId,\r\n selectedEvento ? selectedEvento.id : 0,\r\n estabelecimentoId\r\n )\r\n )\r\n }, [selectedEvento, loteId, estabelecimentoId])\r\n\r\n useEffect(() => {\r\n if (selectedEvento === null || selectedEvento.id === 0) {\r\n setLoteId(0)\r\n }\r\n }, [selectedEvento])\r\n\r\n useEffect(() => {\r\n if (selectedEvento && selectedEvento.id > 0) {\r\n dispatch(loteAction.getLotesByEvento(selectedEvento.id))\r\n }\r\n }, [selectedEvento])\r\n\r\n useEffect(() => {\r\n //? função executada para buscar o evento o qual esta na url (?eventId=)\r\n //? se não existir evento na url não faz nada\r\n\r\n const eventId = querySearch.get('eventoId') || 0\r\n if (eventId && Number(eventId) > 0) {\r\n const event =\r\n events &&\r\n events.length > 0 &&\r\n events.find((e) => e.id === Number(eventId))\r\n //? se encontrar o evento na url, seta o evento selecionado,\r\n //? se não encontrar, troca a o estado showPastEvents para true,\r\n //? pois o evento informado pode ser um evento passado, e não existir na lista de eventos;\r\n //? com isso, a lista de evento efetua um novo fetch para buscar os eventos passados,\r\n //? e gera um novo efeito colateral caindo nesse useEffect novamente\r\n\r\n if (event) {\r\n setSelectedEvento(event)\r\n } else if (selectedEvento === null) {\r\n setShowPastEvents(!showPastEvents)\r\n }\r\n }\r\n }, [events])\r\n\r\n const handleClick = (id) => {\r\n confirm({\r\n title: 'Você deseja excluir esse cupom de desconto?',\r\n description: 'Confirmando essa operação, ele não valerá mais.',\r\n confirmationText: 'Sim, excluir!',\r\n cancellationText: 'Nãããoo!'\r\n }).then(() => {\r\n dispatch(cupomDescontoAction.deleteCupomDescontoById(id))\r\n })\r\n }\r\n\r\n return (\r\n \r\n {cupomDesconto && cupomDesconto.length > 0 ? (\r\n \r\n Total de dados encontrados: {cupomDesconto.length}\r\n \r\n ) : null}\r\n {undefined !== cupomDesconto && cupomDesconto.length ? (\r\n \r\n \r\n
\r\n \r\n ) : (\r\n
\r\n )}\r\n />\r\n )}\r\n \r\n {cuponsDescontoResult && cuponsDescontoResult.length !== 0 ? (\r\n <>\r\n \r\n Total de dados encontrados: {cuponsDescontoResult.length}\r\n \r\n \r\n \r\n \r\n Relatório de Utilizações\r\n \r\n {\r\n handleDownload()\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 content={() => refTable.current}\r\n />\r\n \r\n \r\n {cuponsDescontoResult && cuponsDescontoResult.length > 0 && (\r\n \r\n \r\n \r\n Código \r\n N.º de Utilizações \r\n Valor Total (R$) \r\n Valor Desconto (R$) \r\n \r\n \r\n \r\n {cuponsDescontoResult.map((row) => (\r\n \r\n \r\n {row.cupomDesconto ? row.cupomDesconto : '-----'}\r\n \r\n \r\n {row.quantidadeUtilizacao\r\n ? row.quantidadeUtilizacao\r\n : '-----'}\r\n \r\n \r\n {formatCurrency(row.valorTotal)}\r\n \r\n \r\n {formatCurrency(row.valorDesconto)}\r\n \r\n \r\n ))}\r\n \r\n \r\n )}\r\n \r\n \r\n \r\n ) : (\r\n \r\n {'Nenhum dado encontrado.'}\r\n \r\n )}\r\n
\r\n \r\n )\r\n}\r\n\r\nexport default TableUtilizacao\r\n","import {\n FormControl,\n InputLabel,\n makeStyles,\n Select,\n MenuItem,\n CircularProgress,\n Box,\n Typography,\n TextField,\n Chip,\n InputAdornment,\n Switch,\n useMediaQuery,\n useTheme\n} from '@material-ui/core'\nimport { Autocomplete } from '@material-ui/lab'\nimport { Page } from 'components'\nimport React, { useEffect, useState } from 'react'\nimport { useDispatch, useSelector } from 'react-redux'\nimport { cupomDescontoAction, eventoAction, loteAction } from '_actions'\nimport TableUtilizacao from './components/TableUtilizacao'\nimport { toLocalDateFormat } from 'utils'\nconst useStyles = makeStyles((theme) => ({\n root: {},\n formControl: {\n width: '100%',\n marginBottom: theme.spacing(2)\n },\n selectEmpty: {\n marginTop: theme.spacing(2)\n },\n divider: {\n height: 28,\n margin: 4\n }\n}))\n\nconst CuponsDescontoUtilizacao = () => {\n const classes = useStyles()\n const [selectedEvento, setSelectedEvento] = useState({\n id: 0,\n nome: '',\n dataHoraInicio: null\n })\n const [eventoInputValue, setEventoInputValue] = useState('')\n const [loteId, setLoteId] = useState(0)\n const [showPastEvents, setShowPastEvents] = useState(false)\n const dispatch = useDispatch()\n const estabelecimentoId = useSelector(\n (state) => state.usuarioEstabelecimento.estabelecimentoId\n )\n const eventos = useSelector((state) => state.evento.evento)\n const { utilizacaoCuponsDesconto, isLoading } = useSelector(\n (state) => state.cupomDesconto\n )\n const { lote: lotes } = useSelector((state) => state.evento)\n const theme = useTheme()\n const isMobile = useMediaQuery(theme.breakpoints.down('xs'))\n\n useEffect(() => {\n setSelectedEvento({\n id: 0,\n nome: '',\n dataHoraInicio: null\n })\n setLoteId(0)\n setShowPastEvents(false)\n setEventoInputValue('')\n }, [estabelecimentoId])\n\n useEffect(() => {\n if (isMobile) {\n dispatch(eventoAction.getAllEventosByEstabelecimento(estabelecimentoId))\n } else {\n dispatch(\n eventoAction.getEventoByEstabelecimento(\n estabelecimentoId,\n showPastEvents\n )\n )\n }\n }, [estabelecimentoId, showPastEvents, isMobile])\n\n useEffect(() => {\n dispatch(\n cupomDescontoAction.getUtilizacaoCupomDesconto(\n loteId,\n selectedEvento ? selectedEvento.id : 0,\n estabelecimentoId\n )\n )\n }, [selectedEvento, loteId, estabelecimentoId])\n\n useEffect(() => {\n if (selectedEvento === null || selectedEvento.id === 0) {\n setLoteId(0)\n }\n }, [selectedEvento])\n\n useEffect(() => {\n if (selectedEvento && selectedEvento.id > 0) {\n dispatch(loteAction.getLotesByEvento(selectedEvento.id))\n }\n }, [selectedEvento])\n\n return (\n \n {tab === 'lista' &&
\n \n {undefined !== categoria && categoria.length > 0 ? (\n \n \n
\n \n
\n )}\n no={() => \n {undefined !== hashtag && hashtag.length > 0 ? (\n \n \n \n \n \n \n \n
\n \n
\n )}\n no={() => \n \n Todos os dados serão copiados e você só precisa realizar as\n alterações necessárias.\n \n
\n ),\n confirmationText: 'Sim, duplicar!',\n cancellationText: 'Não!'\n }).then(() => {\n dispatch(conquistaAction.duplicateConquista(id))\n })\n }\n\n const clearTextSearch = () => {\n setTextSearch('')\n dispatch(conquistaAction.getConquistas())\n }\n\n useDidMountEffect(() => {\n textSearch === '' && searchForConquista()\n }, [textSearch])\n\n useEffect(() => {\n dispatch(conquistaAction.getConquistas())\n }, [dispatch])\n\n return (\n \n {undefined !== conquista && conquista.length > 0 ? (\n \n \n \n \n \n \n \n
\n \n
\n )}\n no={() => \n {undefined !== taxa && taxa.length > 0 ? (\n \n \n
\n \n
\n )}\n />\n \n \n \n handleSubmit(event)}\n >\n \n \n \n \n \n \n \n \n \n \n \n \n {estabelecimento !== undefined &&\n estabelecimento.map((row) => (\n \n ))}\n \n \n \n 0 ? false : true}\n className={classes.textField}\n value={taxa.eventoId}\n onChange={handleChange('eventoId')}\n InputLabelProps={{\n shrink: true\n }}\n fullWidth\n displayEmpty\n labelId=\"eventoId\"\n >\n \n \n {evento !== undefined &&\n evento.map((row) => (\n \n ))}\n \n \n \n 0 ? false : true}\n className={classes.textField}\n value={taxa.loteId}\n onChange={handleChange('loteId')}\n InputLabelProps={{\n shrink: true\n }}\n fullWidth\n displayEmpty\n labelId=\"loteId\"\n >\n \n \n {lote !== undefined &&\n lote.map((row) => (\n \n ))}\n \n \n \n \n \n history.push('/taxas')}\n variant=\"outlined\"\n >\n Cancelar\n \n \n \n \n \n \n
\n \n \n \n \n Você ainda não cadastrou nenhum parâmetro\n \n \n \n \n Cadastrar agora!\n \n \n \n
\n )\n}\n\nexport default EmptyFirstParametro\n","import React, { useEffect } from 'react'\nimport { connect, useDispatch } from 'react-redux'\nimport { parametroAction } from '../../_actions'\nimport PropTypes from 'prop-types'\nimport {\n withStyles,\n Table,\n TableContainer,\n TableBody,\n TableCell,\n TableHead,\n TableRow,\n Paper,\n IconButton,\n Tooltip\n} from '@material-ui/core'\nimport DeleteIcon from '@material-ui/icons/Delete'\nimport EditIcon from '@material-ui/icons/Edit'\nimport { withRouter } from 'react-router-dom'\nimport { history } from '../../utils'\nimport TitleContent from '../TitleContent'\nimport { Page } from 'components'\nimport { useConfirm } from 'material-ui-confirm'\nimport { AccessControl } from '../../components/Utils/AccessControl'\nimport CheckCircleTwoToneIcon from '@material-ui/icons/CheckCircleTwoTone'\nimport EmptyFirstParametro from './components/EmptyFirstParametro/EmptyFirstParametro'\nimport constants from 'theme/constants'\nconst styles = (theme) => ({\n root: {\n padding: theme.spacing(3, 2, 2, 2)\n },\n paper: {\n ...constants.shadowCard\n }\n})\n\nconst Parametro = (props) => {\n const confirm = useConfirm()\n const dispatch = useDispatch()\n const { classes } = props\n const { parametro } = props.parametro\n\n useEffect(() => {\n dispatch(parametroAction.getParametro())\n }, [dispatch])\n\n const handleClick = (id) => {\n confirm({\n title: 'Você deseja excluir esta Parâmetro?',\n description: 'Confirmando essa operação, este parâmetro não valerá mais.',\n confirmationText: 'Sim, excluir!',\n cancellationText: 'Nãããoo!'\n }).then(() => {\n dispatch(parametroAction.deleteParametroById(id))\n })\n }\n\n return (\n \n {undefined !== parametro && parametro.length > 0 ? (\n \n \n
\n \n ) : (\n
\n )}\n />\n \n {permissoes.length !== 0 && (\n \n {`${pluralize('permissões', permissoes.length, true)} ${pluralize(\n 'encontrada',\n permissoes.length\n )}:`}\n \n )}\n
\n \n {tab === 'permissaoTipoUsuario' &&
\n \n )}\n >\n \n \n \n \n \n Evento\n \n \n \n {eventos !== undefined &&\n eventos.map((row) => (\n \n ))}\n \n \n \n {eventoId > 0 && (\n <>\n \n \n \n \n )}\n \n
\n )\n}\n\nexport default SelectEvent\n","import React, { useEffect } from 'react'\nimport { useDispatch, useSelector } from 'react-redux'\nimport { avaliacaoAction, comentarioAction } from '_actions'\nimport { toLocalDateFormat, useDidMountEffect } from 'utils'\nimport {\n Dialog,\n DialogActions,\n DialogContent,\n DialogContentText,\n DialogTitle,\n Button,\n Table,\n TableContainer,\n TableBody,\n TableCell,\n TableHead,\n TableRow,\n Paper,\n IconButton,\n Tooltip,\n Typography\n} from '@material-ui/core'\nimport { useConfirm } from 'material-ui-confirm'\nimport { AccessControl } from 'components/Utils/AccessControl'\nimport ReportProblemRoundedIcon from '@material-ui/icons/ReportProblemRounded'\nimport FavoriteRoundedIcon from '@material-ui/icons/FavoriteRounded'\nimport FavoriteBorderRoundedIcon from '@material-ui/icons/FavoriteBorderRounded'\nimport DeleteForeverRoundedIcon from '@material-ui/icons/DeleteForeverRounded'\nimport { Rating } from '@material-ui/lab'\nimport { MessageData, SkeletonTable } from 'components'\n\nconst DetailAndComment = () => {\n const dispatch = useDispatch()\n const confirm = useConfirm()\n const { usuario } = useSelector((state) => state.usuario)\n const avaliacao = useSelector((state) => state.avaliacao)\n const usuarioEstabelecimento = useSelector(\n (state) => state.usuarioEstabelecimento\n )\n const avaliacaoId = useSelector((state) => state.avaliacao.id)\n const { comentario } = useSelector((state) => state.comentario)\n const isLoading = useSelector((state) => state.comentario.isLoading)\n const reload = useSelector((state) => state.comentario.reload)\n\n const handleClose = () => {\n dispatch(avaliacaoAction.setDetailOpen(false, null))\n }\n\n const handleLikeComment = (commentId) => {\n dispatch(comentarioAction.likeComment(commentId, avaliacaoId))\n }\n\n const handleReportComment = () => {\n //dispatch(comentarioAction.reportComment(commentId))\n }\n\n const handleDeleteComment = (commentId) => {\n confirm({\n title: 'Você deseja excluir esse comentário?',\n description: (\n \n \n Confirmando essa operação, seu comentário será excluido.\n \n
\n ),\n confirmationText: 'Sim, excluir!',\n cancellationText: 'Não!'\n }).then(() => {\n dispatch(comentarioAction.deleteComment(commentId, reload))\n })\n }\n\n function getUsuarioNameById(usuarioId) {\n let user = ''\n user = usuario.find((element) => element.id == usuarioId)\n if (user !== (null || undefined)) {\n return user.nome\n } else {\n return ''\n }\n }\n\n useEffect(() => {\n dispatch(comentarioAction.getComentarioByAvaliacao(avaliacaoId))\n }, [dispatch, avaliacaoId])\n\n useDidMountEffect(() => {\n dispatch(comentarioAction.getComentarioByAvaliacao(avaliacaoId))\n }, [reload])\n\n return (\n \n {isLoading ? (\n \n
\n )}\n
\n \n {isLoading ? (\n
\n )}\n \n \n \n \n \n {isLoading ? (\n \n \n )}\n \n
\n )}\n />\n )\n}\n\nexport default EventRating\n","import React, { useEffect } from 'react'\nimport { useDispatch, useSelector } from 'react-redux'\nimport PropTypes from 'prop-types'\nimport {\n Table,\n TableContainer,\n TableBody,\n TableCell,\n TableHead,\n TableRow,\n Paper,\n IconButton,\n Tooltip,\n makeStyles\n} from '@material-ui/core'\nimport FavoriteRoundedIcon from '@material-ui/icons/FavoriteRounded'\nimport FavoriteBorderRoundedIcon from '@material-ui/icons/FavoriteBorderRounded'\nimport QuestionAnswerRoundedIcon from '@material-ui/icons/QuestionAnswerRounded'\nimport AspectRatioRoundedIcon from '@material-ui/icons/AspectRatioRounded'\nimport ReportProblemRoundedIcon from '@material-ui/icons/ReportProblemRounded'\nimport Rating from '@material-ui/lab/Rating'\nimport { toLocalDateFormat } from 'utils'\nimport { MessageData, SkeletonTable } from 'components'\nimport { avaliacaoAction, usuarioAction } from '_actions'\nimport { AccessControl } from 'components/Utils/AccessControl'\nimport DetailAndComment from '../DetailAndComment'\nimport AnswerRating from '../AnswerRating'\nimport constants from 'theme/constants'\n\nconst useStyles = makeStyles((theme) => ({\n paper: {\n ...constants.shadowCard\n }\n}))\nconst PlaceRating = () => {\n const classes = useStyles()\n const dispatch = useDispatch()\n const { avaliacao: rating, isLoading } = useSelector(\n (state) => state.avaliacao\n )\n const estabelecimentoId = useSelector(\n (state) => state.usuarioEstabelecimento.estabelecimentoId\n )\n const { usuario } = useSelector((state) => state.usuario)\n\n function getUsuarioNameById(usuarioId) {\n let user = ''\n user = usuario.find((element) => element.id == usuarioId)\n if (user !== (null || undefined)) {\n return user.nome\n } else {\n return ''\n }\n }\n\n const handleOpenAnswer = (avaliacao) => {\n dispatch(avaliacaoAction.setAnswerRatingOpen(true, avaliacao))\n }\n\n const handleOpenDetail = (avaliacao) => {\n dispatch(avaliacaoAction.setDetailOpen(true, avaliacao))\n }\n\n const handleLikeRating = (avaliacaoId) => {\n dispatch(avaliacaoAction.likeRating(avaliacaoId))\n }\n\n const handleReportComment = () => {\n //const handleReportComment = (commentId) => {\n //dispatch(avaliacaoAction.reportComment(commentId))\n }\n\n useEffect(() => {\n dispatch(avaliacaoAction.getAvaliacaoByEstabelecimento(estabelecimentoId))\n dispatch(usuarioAction.getUsuario())\n }, [dispatch, estabelecimentoId])\n\n return (\n \n {isLoading ? (\n \n \n
\n \n )}\n
\n )\n}\n\nPlaceRating.propTypes = {\n className: PropTypes.string\n}\n\nexport default PlaceRating\n","import React from 'react'\nimport { Grid, Typography } from '@material-ui/core'\nimport PropTypes from 'prop-types'\nimport { makeStyles } from '@material-ui/styles'\nimport clsx from 'clsx'\n\nconst useStyles = makeStyles(() => ({\n root: {}\n}))\n\nconst TitleContentWithoutButton = (props) => {\n const { className, ...rest } = props\n const classes = useStyles()\n return (\n \n \n \n \n {props.subTitle}\n \n \n {props.title}\n \n \n \n
\n {props.length !== undefined && props.length !== 0 && (\n\n \n Total de dados encontrados: {props.length}\n \n \n )}\n
\n )\n}\n\nTitleContentWithoutButton.propTypes = {\n title: PropTypes.string.isRequired,\n subTitle: PropTypes.string,\n buttonOnClick: PropTypes.object.isRequired,\n rule: PropTypes.string\n}\nexport default TitleContentWithoutButton\n","import React from 'react'\nimport { connect, useSelector } from 'react-redux'\nimport PropTypes from 'prop-types'\nimport { Tabs, Tab, useMediaQuery, useTheme } from '@material-ui/core'\nimport { Redirect } from 'react-router-dom'\nimport { withStyles } from '@material-ui/core/styles'\nimport { withRouter } from 'react-router-dom'\nimport EventAvailableTwoToneIcon from '@material-ui/icons/EventAvailableTwoTone'\nimport BusinessTwoToneIcon from '@material-ui/icons/BusinessTwoTone'\nimport { Page } from 'components'\nimport { PlaceRating, EventRating } from './components'\nimport TitleContentWithoutButton from 'components/Utils/TitleContentWithoutButton'\n\nconst styles = (theme) => ({\n root: {\n padding: theme.spacing(3, 2, 2, 2)\n },\n tabs: { marginBottom: theme.spacing(4) }\n})\n\nconst Avaliacoes = (props) => {\n const { classes, match, history } = props\n const { tab } = match.params\n const theme = useTheme()\n const isMobile = useMediaQuery(theme.breakpoints.down('xs'))\n const { avaliacao } = useSelector((state) => state.avaliacao)\n\n const handleTabsChange = (event, value) => {\n history.push(value)\n }\n\n const tabs = [\n {\n value: 'placeRating',\n label: 'Estabelecimento',\n icon: \n {props.length !== undefined && props.length !== 0 && (\n
\n {tab === 'placeRating' &&
\n \n \n \n \n \n \n Você ainda não criou nenhum álbum de fotos!\n \n \n \n \n Criar álbum! 🎟\n \n \n \n
\n )\n}\n\nexport default EmptyFirstPhotoAlbum\n","import React, { useEffect } from 'react'\nimport { connect, useDispatch, useSelector } from 'react-redux'\nimport PropTypes from 'prop-types'\nimport {\n withStyles,\n Table,\n TableContainer,\n TableBody,\n TableCell,\n TableHead,\n TableRow,\n Paper,\n IconButton,\n Tooltip,\n Typography,\n Avatar,\n Link\n} from '@material-ui/core'\nimport { Link as RouterLink } from 'react-router-dom'\nimport DeleteIcon from '@material-ui/icons/Delete'\nimport EditIcon from '@material-ui/icons/Edit'\nimport { withRouter } from 'react-router-dom'\nimport { getImageUrls, getInitials, history } from '../../utils'\nimport { useConfirm } from 'material-ui-confirm'\nimport { AccessControl } from '../../components/Utils/AccessControl'\nimport { Page, SkeletonTable } from 'components'\nimport EmptyFirstPhotoAlbum from './components/EmptyFirstPhotoAlbum/EmptyFirstPhotoAlbum'\nimport constants from 'theme/constants'\nimport { useMutationPhotoAlbumDelete, usePhotoAlbumList } from 'hooks-querys'\nimport { PhotoAlbum } from 'types/api'\nimport ShareIcon from '@material-ui/icons/Share'\nimport { toast } from 'react-toastify'\nimport { genericOnShare } from 'utils/genericOnShare'\n\nconst styles = () => ({\n root: {},\n paper: {\n ...constants.shadowCard\n },\n avatar: {\n width: 90,\n height: 55,\n borderRadius: 5\n }\n})\n\n// @ts-ignore\nconst PhotoAlbumList = (props) => {\n const confirm = useConfirm()\n const dispatch = useDispatch()\n const { classes } = props\n const mutationDeletePhotoAlbum = useMutationPhotoAlbumDelete()\n\n const estabelecimentoId = useSelector(\n // @ts-ignore: //ainda não foi tipado o redux state\n (state) => state.usuarioEstabelecimento.estabelecimentoId\n )\n const { isLoading, data } = usePhotoAlbumList(estabelecimentoId)\n\n const handleDeleteClick = (idPhotoAlbum: number) => {\n confirm({\n title: 'Você deseja excluir esse álbum de fotos?',\n //description: 'Confirmando essa operação, álbum será excluido para sempre!',\n confirmationText: 'Sim, excluir!',\n cancellationText: 'Nãããoo!'\n }).then(() => {\n deletePhotoAlbum(idPhotoAlbum)\n })\n }\n\n const deletePhotoAlbum = (idPhotoAlbum: number) => {\n mutationDeletePhotoAlbum.mutate(idPhotoAlbum)\n }\n\n return (\n // @ts-ignore\n \n {data && data.length > 0 ? (\n \n Total de dados encontrados: {data.length}\n \n ) : null}\n {undefined !== data && data.length ? (\n \n \n
\n \n ) : (\n
\n )}\n />\n Formatos aceitos: JPEG, PNG, WebP, AVIF e TIFF\n
\n \n \n \n
\n )}\n {isLoading && (\n \n
\n )}\n \n {foto.isError ? (\n \n \n \n ) : (\n \n \n \n )}\n \n {foto.title || foto.name}\n \n \n \n \n
\n \n ) : null}\n \n )\n}\n\nexport default ImageItem\n","import React, { useState } from 'react'\nimport { Box, Grid, makeStyles } from '@material-ui/core'\nimport GlobalStyle from './styles/global'\nimport Upload from './components/Upload'\nimport ImageItem from './components/ImageItem'\nimport { useDispatch, useSelector } from 'react-redux'\n\nimport {\n DndContext,\n closestCenter,\n KeyboardSensor,\n PointerSensor,\n useSensor,\n useSensors,\n DragStartEvent,\n DragEndEvent\n} from '@dnd-kit/core'\nimport {\n arrayMove,\n SortableContext,\n rectSortingStrategy\n} from '@dnd-kit/sortable'\nimport { albumAction } from '_actions'\n\nexport type ImagePreviewClientSide = {\n file: File\n id: string\n name: string\n title?: string\n description?: string\n isCover?: boolean\n readableSize: string\n preview: string\n uploaded: boolean\n isError: boolean\n url: string | null\n retry: boolean\n}\n\nconst useStyles = makeStyles((theme) => ({\n container: {\n height: '100%',\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center'\n },\n content: {\n width: '100%'\n },\n listContainer: {\n marginTop: theme.spacing(1)\n }\n}))\n\nfunction PhotoList() {\n const classes = useStyles()\n const dispatch = useDispatch()\n // @ts-ignore\n const { enabledSortableContext } = useSelector((state) => state.album)\n const sensors = useSensors(\n useSensor(PointerSensor, {\n activationConstraint: {\n distance: 4\n }\n })\n // useSensor(KeyboardSensor, {\n // coordinateGetter: sortableKeyboardCoordinates\n // })\n )\n const handleDragStart = (event: DragStartEvent) => {}\n\n const handleDragEnd = (event: DragEndEvent) => {\n const { active, over } = event\n if (over && active) {\n if (active.id !== over.id) {\n const oldIndex = foto.findIndex((item) => item.id === active.id)\n const newIndex = foto.findIndex((item) => item.id === over.id)\n dispatch(albumAction.shortFoto(arrayMove(foto, oldIndex, newIndex)))\n }\n }\n }\n\n const { foto }: { foto: ImagePreviewClientSide[] } = useSelector(\n // @ts-ignore\n (state) => state.album\n )\n\n return (\n \n Habilitar ordenação \n \n Para organizar as fotos no álbum, basta segurá-las e\n arrastá-las para a posição desejada utilizando o\n recurso de arrastar e soltar (drag and drop).\n {' '}\n
\n }\n />\n )}\n \n }\n title={'2 - Conteúdo do álbum'}\n action={\n !isMobile ? (\n \n Habilitar ordenação \n \n Para organizar as fotos no álbum, basta segurá-las e\n arrastá-las para a posição desejada utilizando o recurso\n de arrastar e soltar (drag and drop).\n \n
\n }\n />\n ) : undefined\n }\n />\n \n {tab === 'lista' &&
\n \n \n \n \n \n \n Você ainda não criou um plano!\n \n \n \n \n Criar plano! 🎟\n \n \n \n
\n )\n}\n\nexport default EmptyFirstMembershipPlan\n","import React, { useEffect } from 'react'\r\nimport { connect, useDispatch, useSelector } from 'react-redux'\r\nimport PropTypes from 'prop-types'\r\nimport {\r\n withStyles,\r\n Table,\r\n TableContainer,\r\n TableBody,\r\n TableCell,\r\n TableHead,\r\n TableRow,\r\n Paper,\r\n IconButton,\r\n Tooltip,\r\n Typography,\r\n Avatar,\r\n Link\r\n} from '@material-ui/core'\r\nimport { Link as RouterLink } from 'react-router-dom'\r\nimport DeleteIcon from '@material-ui/icons/Delete'\r\nimport EditIcon from '@material-ui/icons/Edit'\r\nimport { withRouter } from 'react-router-dom'\r\nimport {\r\n getImageUrls,\r\n getInitials,\r\n history,\r\n toLocalDateFormat\r\n} from '../../utils'\r\nimport { useConfirm } from 'material-ui-confirm'\r\nimport { AccessControl } from '../../components/Utils/AccessControl'\r\nimport { Page, SkeletonTable } from 'components'\r\nimport EmptyFirstMembershipPlan from './components/EmptyFirstMembershipPlan/EmptyFirstMembershipPlan'\r\nimport constants from 'theme/constants'\r\nimport {\r\n useMutationMembershipPlanDelete,\r\n useMembershipPlanList\r\n} from 'hooks-querys'\r\nimport { MembershipPlan } from 'types/api'\r\nimport ShareIcon from '@material-ui/icons/Share'\r\nimport { toast } from 'react-toastify'\r\nimport { genericOnShare } from 'utils/genericOnShare'\r\n\r\nconst styles = () => ({\r\n root: {},\r\n paper: {\r\n ...constants.shadowCard\r\n },\r\n avatar: {\r\n width: 90,\r\n height: 55,\r\n borderRadius: 5\r\n }\r\n})\r\n\r\n// @ts-ignore\r\nconst MembershipPlanList = (props) => {\r\n const confirm = useConfirm()\r\n const dispatch = useDispatch()\r\n const { classes } = props\r\n const mutationMembershipPlanDelete = useMutationMembershipPlanDelete()\r\n\r\n const estabelecimentoId = useSelector(\r\n // @ts-ignore: //ainda não foi tipado o redux state\r\n (state) => state.usuarioEstabelecimento.estabelecimentoId\r\n )\r\n const { isLoading, data: membershipPlan } = useMembershipPlanList(\r\n estabelecimentoId\r\n )\r\n\r\n const handleDeleteClick = (idMembershipPlan: number) => {\r\n confirm({\r\n title: 'Você deseja excluir esse plano de membros?',\r\n //description: 'Confirmando essa operação, plano será excluido para sempre!',\r\n confirmationText: 'Sim, excluir!',\r\n cancellationText: 'Nãããoo!'\r\n }).then(() => {\r\n deleteMembershipPlan(idMembershipPlan)\r\n })\r\n }\r\n\r\n const deleteMembershipPlan = (idMembershipPlan: number) => {\r\n mutationMembershipPlanDelete.mutate(idMembershipPlan)\r\n }\r\n\r\n return (\r\n // @ts-ignore\r\n \r\n {membershipPlan && membershipPlan.length > 0 ? (\r\n \r\n Total de dados encontrados: {membershipPlan.length}\r\n \r\n ) : null}\r\n {undefined !== membershipPlan && membershipPlan.length ? (\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 Filtrar por status\r\n \r\n {\r\n handleChangeSelectStatus(event.target.value as string)\r\n }}\r\n label={\r\n isLoadingStatusMembroPlano\r\n ? 'Carregando...'\r\n : 'Filtrar por status'\r\n }\r\n >\r\n \r\n {!selectStatusMembroPlano ? (\r\n 'Filtrar por status'\r\n ) : (\r\n Limpar filtro\r\n )}\r\n \r\n {Array.isArray(statusMembroPlanoList) &&\r\n statusMembroPlanoList?.map((selectItem) => (\r\n \r\n {selectItem?.text}\r\n \r\n ))}\r\n \r\n \r\n \r\n \r\n \r\n Filtrar por plano \r\n {\r\n handleChangeSelectEstablishmentPlan(\r\n event.target.value as string\r\n )\r\n }}\r\n label={\r\n isLoadingEstablishmentPlansSelect\r\n ? 'Carregando...'\r\n : 'Filtrar por plano'\r\n }\r\n >\r\n \r\n {!selectEstablishmentPlanId ? (\r\n 'Filtrar por plano'\r\n ) : (\r\n Limpar filtro\r\n )}\r\n \r\n {establishmentPlansSelectList?.map((establishmentPlanItem) => (\r\n \r\n {establishmentPlanItem?.text}\r\n \r\n ))}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n )\r\n}\r\n\r\nexport default Filters\r\n","import React, { useRef } from 'react'\r\nimport { useSelector } from 'react-redux'\r\nimport ReactToPrint from 'react-to-print'\r\nimport { CSVLink } from 'react-csv'\r\nimport { toast } from 'react-toastify'\r\nimport {\r\n TableContainer,\r\n TableHead,\r\n TableCell,\r\n Tooltip,\r\n Paper,\r\n TableRow,\r\n TableBody,\r\n Avatar,\r\n IconButton,\r\n colors,\r\n Table as TableMUI,\r\n makeStyles,\r\n Box,\r\n Typography,\r\n CircularProgress,\r\n TablePagination,\r\n Backdrop,\r\n Toolbar,\r\n TableSortLabel\r\n} from '@material-ui/core'\r\nimport InfoOutlinedIcon from '@material-ui/icons/InfoOutlined'\r\nimport EditIcon from '@material-ui/icons/Edit'\r\nimport PrintRoundedIcon from '@material-ui/icons/PrintRounded'\r\nimport GetAppRoundedIcon from '@material-ui/icons/GetAppRounded'\r\n\r\nimport { format } from 'date-fns'\r\n\r\n//? Own components\r\nimport { Label } from 'components'\r\nimport { AccessControl } from 'components/Utils'\r\nimport { Member } from 'types/api'\r\nimport {\r\n getImageUrls,\r\n getInitials,\r\n cpfCnpjMask,\r\n phoneMask,\r\n history,\r\n useSearchQuery\r\n} from 'utils'\r\nimport constants from 'theme/constants'\r\nimport { useMemberList } from 'hooks-querys'\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n paper: {\r\n ...constants.shadowCard\r\n },\r\n nameCell: {\r\n display: 'flex',\r\n alignItems: 'center',\r\n cursor: 'pointer'\r\n },\r\n avatar: {\r\n height: 42,\r\n width: 42,\r\n marginRight: theme.spacing(2)\r\n },\r\n backdrop: {\r\n zIndex: theme.zIndex.drawer + 1,\r\n color: '#fff'\r\n },\r\n rootToolbarStyles: {\r\n paddingLeft: theme.spacing(2),\r\n paddingRight: theme.spacing(1)\r\n },\r\n titleToolbarStyles: {\r\n flex: '1 1 100%'\r\n },\r\n visuallyHidden: {\r\n border: 0,\r\n clip: 'rect(0 0 0 0)',\r\n height: 1,\r\n margin: -1,\r\n overflow: 'hidden',\r\n padding: 0,\r\n position: 'absolute',\r\n top: 20,\r\n width: 1\r\n }\r\n}))\r\n\r\nconst prepareDataForCSV = (membersList: Member[]) => {\r\n return membersList.map((row) => ({\r\n matricula: !!row?.membroPlano\r\n ? row?.membroPlano[0]?.matricula\r\n ? row?.membroPlano[0]?.matricula\r\n : row?.membroPlano[0]?.id\r\n : '',\r\n nome: row?.nome,\r\n email: row?.email,\r\n cpfCnpj: cpfCnpjMask(row?.cpfCnpj),\r\n phone: phoneMask(row?.telefone),\r\n dataNascimento: row?.dataNascimento\r\n ? format(new Date(row?.dataNascimento), 'dd/MM/yyyy')\r\n : '',\r\n dataHoraInicio: row?.membroPlano\r\n ? format(new Date(row?.membroPlano[0]?.dataHoraInicio), 'dd/MM/yyyy')\r\n : '',\r\n plano: row?.membroPlano ? row?.membroPlano[0]?.plano?.nome : '',\r\n status: row?.membroPlano?.[0]?.statusMembroPlano?.descricao || 'INDEFINIDO'\r\n }))\r\n}\r\n\r\nconst headers = [\r\n { label: 'N.º de Matrícula', key: 'matricula' },\r\n { label: 'Nome', key: 'nome' },\r\n { label: 'Email', key: 'email' },\r\n { label: 'CPF/CNPJ', key: 'cpfCnpj' },\r\n { label: 'Telefone', key: 'phone' },\r\n { label: 'Data de Nascimento', key: 'dataNascimento' },\r\n { label: 'Data de Início', key: 'dataHoraInicio' },\r\n { label: 'Plano', key: 'plano' },\r\n { label: 'Status', key: 'status' }\r\n]\r\ntype Order = 'asc' | 'desc'\r\ninterface EnhancedTableProps {\r\n classes: ReturnType\r\n {n?.nome}\r\n
\r\n \r\n {n?.email}
\r\n \r\n \r\n {n?.membroPlano?.[0]?.statusMembroPlano\r\n ?.descricao || 'INDEFINIDO'}\r\n \r\n
\r\n \r\n {tab === 'listaPlano' &&
\r\n \r\n \r\n \r\n \r\n \r\n Filtrar por status\r\n \r\n {\r\n handleChangeSelectStatus(event.target.value as string)\r\n }}\r\n label=\"Filtrar por status\"\r\n >\r\n \r\n \r\n Pago\r\n \r\n \r\n Pendente\r\n \r\n \r\n \r\n \r\n \r\n
\r\n )\r\n}\r\n\r\nexport default Filters\r\n","import React, { useEffect, useState } from 'react'\r\nimport {\r\n Typography,\r\n Grid,\r\n Button,\r\n ButtonGroup,\r\n Chip,\r\n makeStyles,\r\n useTheme,\r\n useMediaQuery\r\n} from '@material-ui/core'\r\nimport { DatePicker } from '@material-ui/pickers'\r\nimport {\r\n format,\r\n subDays,\r\n differenceInDays,\r\n isAfter,\r\n isBefore,\r\n endOfDay,\r\n startOfDay,\r\n startOfYesterday,\r\n endOfYesterday\r\n} from 'date-fns'\r\nimport CalendarTodayIcon from '@material-ui/icons/CalendarTodayOutlined'\r\nimport { useLocation, useParams } from 'react-router-dom'\r\n\r\n//? Own imports\r\nimport { history } from 'utils'\r\nimport { useDidMountEffect } from 'utils/useDidMountEffect'\r\nimport { Evento } from 'types/api'\r\nimport { useEvents } from 'hooks-querys'\r\nimport { useSelector } from 'react-redux'\r\n\r\ntype ChipType = {\r\n label: string\r\n value: string\r\n}\r\nconst chipOptions: ChipType[] = [\r\n { label: '7 dias', value: '7' },\r\n { label: '30 dias', value: '30' },\r\n { label: '90 dias', value: '90' },\r\n { label: '1 ano', value: '365' }\r\n]\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n root: {},\r\n dates: {\r\n [theme.breakpoints.up('md')]: {\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent: 'flex-end'\r\n },\r\n [theme.breakpoints.down('sm')]: {\r\n alignItems: 'center',\r\n justifyContent: 'center',\r\n display: 'flex',\r\n flexWrap: 'wrap',\r\n '& > *': {\r\n margin: theme.spacing(0.5),\r\n marginBottom: theme.spacing(2)\r\n }\r\n }\r\n },\r\n calendarTodayIcon: {\r\n marginRight: theme.spacing(1)\r\n },\r\n chip: {\r\n marginRight: theme.spacing(1)\r\n },\r\n calendarTodayGroup: {\r\n [theme.breakpoints.up('md')]: {\r\n marginLeft: theme.spacing(1)\r\n },\r\n [theme.breakpoints.down('sm')]: {\r\n marginTop: theme.spacing(1)\r\n }\r\n }\r\n}))\r\n\r\nfunction useSearchQuery() {\r\n const { search } = useLocation()\r\n return React.useMemo(() => new URLSearchParams(search), [search])\r\n}\r\n\r\nconst Header = () => {\r\n const classes = useStyles()\r\n const querySearch = useSearchQuery()\r\n\r\n const { id: memberId } = useParams<{ tab: string; id: string }>()\r\n const [selectEdge, setSelectEdge] = useState\r\n \r\n \r\n {chipOptions &&\r\n chipOptions.length > 0 &&\r\n chipOptions.map((option) => (\r\n handleRangeChangeChip(option)}\r\n color={\r\n option.value != '0' &&\r\n differenceInDays(dateRange.endDate, dateRange.startDate) ===\r\n Number(option.value)\r\n ? 'primary'\r\n : 'default'\r\n }\r\n />\r\n ))}\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n )\r\n}\r\n\r\nexport default Header\r\n","import React from 'react'\r\nimport {\r\n Box,\r\n Grid,\r\n makeStyles,\r\n useMediaQuery,\r\n useTheme\r\n} from '@material-ui/core'\r\nimport { useMemberSubscription } from 'hooks-querys'\r\n\r\n//? Own imports\r\nimport AccessDenied from 'views/Errors/AccessDenied'\r\nimport { Page, SkeletonTable } from 'components'\r\nimport { AccessControl } from 'components/Utils'\r\nimport { Filters, Header, TableMemberFinancial } from './components'\r\nimport { useSearchQuery } from 'utils'\r\nimport { useParams } from 'react-router-dom'\r\n\r\nconst useStyles = makeStyles(() => ({\r\n root: {}\r\n}))\r\nconst Financial = () => {\r\n const classes = useStyles()\r\n const theme = useTheme()\r\n const isMobile = useMediaQuery(theme.breakpoints.down('xs'))\r\n const { id: memberPlanId } = useParams<{ tab: string; id: string }>()\r\n const querySearch = useSearchQuery()\r\n\r\n const { data: memberSubscriptions, isLoading } = useMemberSubscription({\r\n membroPlanoId: Number(memberPlanId),\r\n pago: querySearch.get('Pago'),\r\n page: 1,\r\n limit: 9999\r\n })\r\n\r\n return (\r\n \r\n item.value === tab)?.label\r\n ? ` → ${tabs.find((item) => item.value === tab)?.label}`\r\n : ''\r\n }`}\r\n isRefreshing={isFetching}\r\n onRefresh={refetch}\r\n />\r\n \r\n {tabs.map((tab) => (\r\n
\r\n \r\n \r\n )}\r\n // @ts-ignore\r\n no={() => \r\n {tab === 'informacoes' &&
\r\n \n
\n