- \n
- \n toggleDrawerAction(false)}>\n
- \n
- \n
- \n
\n <>\n toggleDrawerAction(false)}\n >\n {list()}\n \n \n
\n );\n};\n\nconst mapState = (state) => ({\n drawerStatus: state.scaffoldingReducer.drawerStatus,\n});\n\nconst mapActions = {\n toggleDrawerAction: toggleDrawer,\n};\nexport default connect(mapState, mapActions)(LeftDrawer);\n","import React from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport AppBar from '@material-ui/core/AppBar';\nimport Toolbar from '@material-ui/core/Toolbar';\nimport Typography from '@material-ui/core/Typography';\nimport IconButton from '@material-ui/core/IconButton';\nimport MenuIcon from '@material-ui/icons/Menu';\nimport { connect } from 'react-redux';\nimport { toggleDrawer } from '../../redux/actions/scaffolding';\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n flexGrow: 1,\n marginTop: 60,\n },\n menuButton: {\n marginRight: theme.spacing(2),\n },\n title: {\n flexGrow: 1,\n },\n}));\n\nconst TopBar = ({ toggleDrawerAction }) => {\n const classes = useStyles();\n\n return (\n \n \n \n toggleDrawerAction(true)}\n >\n \n Rapport Dashboard\n \n \n \n
\n );\n};\nconst mapActions = {\n toggleDrawerAction: toggleDrawer,\n};\nexport default connect(null, mapActions)(TopBar);\n","import React, { useEffect } from 'react';\nimport { connect } from 'react-redux';\nimport { useLocation } from 'react-router-dom';\nimport { handleLogin, handleLogout } from '../../redux/actions/common';\nimport LeftDrawer from './LeftDrawer';\nimport TopBar from './TopBar';\n\nconst RootNav = ({ login, logout }) => {\n const location = useLocation();\n\n useEffect(() => {\n const token = localStorage.getItem('token');\n if (token) { login() }\n }, [login]);\n\n if (location.pathname !== '/login' && location.pathname !== '/privacy-policy' && location.pathname !== '/mllg-privacy-policy') {\n return (\n \n );\n }\n return null;\n};\n\nconst mapActions = {\n login: handleLogin,\n logout: handleLogout,\n};\n\nexport default connect(null, mapActions)(RootNav);\n","import { Button, makeStyles } from '@material-ui/core';\nimport React from 'react';\nimport clsx from 'clsx';\n\nconst useStyles = makeStyles(() => ({\n root: {\n paddingTop: 16,\n paddingBottom: 16,\n minWidth: 150,\n },\n}));\n\nconst CommonButton = (props) => {\n const {\n color, variant, size, children, className, basic,\n } = props;\n const classes = useStyles();\n const color1 = color !== undefined ? color : 'primary';\n const variant1 = variant !== undefined ? variant : 'outlined';\n const size1 = size !== undefined ? size : 'small';\n const basic1 = basic !== undefined ? basic : false;\n if (basic1) {\n return (\n \n );\n }\n return (\n \n \n \n {title !== undefined && (\n \n {title}\n \n )}\n \n {children}\n \n {!hideActionbuttons\n ? (\n \n \n {cancelButtonText}\n \n \n {successButtonText}\n \n \n )\n : null}\n \n \n
\n );\n }\n}\n\nexport default CommonModal;\n","import React from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport InputLabel from '@material-ui/core/InputLabel';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport FormHelperText from '@material-ui/core/FormHelperText';\nimport FormControl from '@material-ui/core/FormControl';\nimport Select from '@material-ui/core/Select';\n\nconst useStyles = makeStyles((theme) => ({\n formControl: {\n marginBottom: theme.spacing(1),\n minWidth: 120,\n width: '100%',\n },\n selectEmpty: {\n marginTop: theme.spacing(2),\n },\n}));\n\nconst CommonSelect = ({\n options, label, helpText, handleChange, selectedValue,\n}) => {\n const classes = useStyles();\n const [value, setValue] = React.useState(selectedValue ?? '');\n\n const handleLocalChange = (event) => {\n setValue(event.target.value);\n handleChange(event.target.value)\n };\n\n if (options === undefined) return null;\n return (\n \n \n {label !== undefined ? {label} : null}\n \n {helpText !== undefined ? (\n {helpText} \n ) : null}\n \n
\n );\n};\n\nexport default CommonSelect;\n","import React from 'react';\nimport { Route, Link } from 'react-router-dom';\nimport Pagination from '@material-ui/lab/Pagination';\nimport PaginationItem from '@material-ui/lab/PaginationItem';\n\nexport default function CommonPagination({ baseUrl, totalPages }) {\n if (baseUrl === undefined || totalPages === undefined) return null;\n return (\n \n {title !== undefined ? (\n <>\n
\n \n ) : null}\n {children}\n
\n);\n\nexport default ScreenContainer;\n","const MAPS_API_KEY = 'AIzaSyArGBDD37bVoDXvdZx_CH0ecnE1B83MgdI';\nexport default MAPS_API_KEY;\n\nexport const userTypes = {\n admin: 'admin',\n supplier: 'supplier',\n manager: 'manager',\n creative: 'creative',\n buyer: 'buyer',\n};\n","import React from 'react';\nimport TextField from '@material-ui/core/TextField';\nimport Autocomplete from '@material-ui/lab/Autocomplete';\nimport { makeStyles } from '@material-ui/core';\nimport clsx from 'clsx';\n\nconst useStyles = makeStyles(() => ({\n root: {\n width: '100%',\n },\n}));\n\nexport default function CommonSearch({\n className, data, onChange, label, value, disabled,\n}) {\n const classes = useStyles();\n return (\n {title}
\n\n \n ) : null}\n {children}\n
\n
\n )\n case 1:\n return (\n \n
\n )\n case 2:\n return (\n \n
\n )\n case 3:\n return (\n \n
\n )\n default:\n return (\n \n
\n )\n }\n};\n\nconst Maps = ({\n center, zoom, mapData, data, handleVerification, handleLabelClick, labels, handleSearch,\n}) => {\n const onBoundsChange = () => {}\n\n const onChildClick = (key) => {\n handleVerification(key);\n }\n\n const onChildMouseEnter = (/* key, childProps */) => {\n }\n\n const onChildMouseLeave = (/* key, childProps */) => {\n }\n\n return (\n // Important! Always set the container height explicitly\n \n \n {mapData\n .map((place) => {\n const {\n id, lat, lng,\n } = place;\n return (\n
\n )\n};\n\nexport default Maps;\n","import React, { useState } from 'react'\nimport StarIcon from '@material-ui/icons/Star';\nimport StarHalfIcon from '@material-ui/icons/StarHalf';\nimport StarBorderIcon from '@material-ui/icons/StarBorder';\n\nconst StarRating = ({\n color, size, type, index, setRating, onRatingChange, disabled,\n}) => {\n const handleClick = (e, i) => {\n const currentTargetRect = e.currentTarget.getBoundingClientRect();\n const offsetX = e.pageX - currentTargetRect.left;\n const { width } = currentTargetRect;\n const clickedOnLeftHalf = width / 2 > offsetX\n\n if (clickedOnLeftHalf) {\n onRatingChange(i - 0.5)\n setRating(i - 0.5)\n } else {\n onRatingChange(i)\n setRating(i)\n }\n }\n let SelectedIcon = null;\n switch (type) {\n case 'full':\n SelectedIcon = StarIcon;\n break;\n case 'half':\n SelectedIcon = StarHalfIcon;\n break;\n case 'empty':\n SelectedIcon = StarBorderIcon;\n break;\n default:\n SelectedIcon = null;\n break\n }\n return (\n \n
\n - \n {labels && labels.map((label) => (\n
\n
\n \n {emptyArray.map((item, i) => {\n let type = 'full';\n if (rating <= i) { type = 'empty' }\n if ((rating - i) === 0.5) { type = 'half' }\n return (\n
\n )\n}\n\nCommonRating.defaultProps = {\n disabled: false,\n size: 'medium',\n activeColor: 'primary',\n defaultRating: 0,\n maxRating: 5,\n};\n\nexport default CommonRating;\n","import {\n Card, CardContent, Typography, makeStyles, Chip,\n} from '@material-ui/core';\nimport React from 'react';\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n width: '100%',\n height: '100%',\n },\n title: {\n fontWeight: '600',\n float: 'left',\n },\n label: {\n float: 'right',\n },\n successStat: {\n color: theme.palette.success.main,\n },\n failStat: {\n color: theme.palette.error.main,\n },\n muteStat: {\n color: theme.palette.grey[700],\n },\n muted: {\n color: theme.palette.grey[500],\n fontWeight: 700,\n },\n Stat: {\n color: theme.palette.success.main,\n },\n faded: {\n fontWeight: 700,\n color: theme.palette.grey[700],\n textAlign: 'left',\n },\n}));\n\nconst CommonCard = ({\n children, title, label, changeType, stat, description, change,\n}) => {\n const classes = useStyles();\n let changeClass = '';\n switch (changeType) {\n case null:\n changeClass = classes.muteStat;\n break;\n case 'positive':\n changeClass = classes.successStat;\n break;\n case 'negative':\n changeClass = classes.failStat;\n break;\n default:\n break;\n }\n return (\n \n
\n {children === null ? (\n <>\n \n \n {title}\n \n {label && (\n
\n \n
\n \n \n {stat}\n \n
\n \n
\n \n ) : children}\n \n \n {change || ''}\n {' '}\n {description || ''}\n \n
\n \n
\n 404 - Not Found!
\n Go Home\n\n \n \n \n \n \n \n 0 ? validation.username[0] : ''}\n required\n autoComplete=\"username\"\n />\n \n \n 0 ? validation.password[0] : ''}\n required\n />\n \n \n
\n {error\n ?{error} \n : null}\n
\n handleSubmitClick()}\n >\n Login\n \n \n \n
\n \n {error\n ?
\n
\n
\n
\n);\n\nconst mapState = (state) => ({\n users: state.sites.vendorUsers,\n});\n\nexport default connect(mapState, null)(AssignSite);\n","import React, { useState } from 'react';\nimport DayPicker, { DateUtils } from 'react-day-picker';\nimport 'react-day-picker/lib/style.css';\nimport moment from 'moment';\n\nexport default function CommonDatePicker({ selectedDates, estimateEndDate, estimateStartDate }) {\n const [selectedDays, changeDays] = useState(estimateEndDate ? [new Date(moment(estimateEndDate).format('YYYY'), moment(estimateEndDate).format('MM') - 1, moment(estimateEndDate).format('DD'))] : [])\n const [finalDays, setDays] = useState([])\n const handleDayClick = (day, { selected, disabled }) => {\n if (disabled) { return; }\n let dates = [...selectedDays]\n let final = [...finalDays]\n if (final.length === 0 && estimateEndDate) {\n final.push(moment(estimateEndDate).format('YYYY-MM-DD'))\n }\n if (selected) {\n const selectedIndex = dates.findIndex((selectedDay) => DateUtils.isSameDay(selectedDay, day));\n dates = [...dates.slice(0, selectedIndex), ...dates.slice(selectedIndex + 1)]\n final = [...final.slice(0, selectedIndex), ...final.slice(selectedIndex + 1)]\n } else {\n dates.push(day);\n final.push(moment(day).format('YYYY-MM-DD'))\n }\n changeDays(dates)\n setDays(final)\n selectedDates(final)\n }\n\n return (\n \n
\n \n \n Vendor:\n {' '}\n {row.SupplierName}\n \n {' '}\n
\n \n
\n
\n )\n}\n","import React from 'react';\nimport { CommonSelect } from '../../CommonComponents';\nimport CommonDatePicker from '../../CommonComponents/CommonDatePicker';\n\nconst frequencies = [{\n text: 'Every 15 Days',\n value: 'Every15Days',\n}, {\n text: 'Start & End Date',\n value: 'StartEndDate',\n}, {\n text: 'Custom Date',\n value: 'CustomDate',\n}]\nconst AssignFrequency = ({\n selectedFrequency, selectedDates, estimateEndDate, estimateStartDate,\n}) => {\n const [frequency, selectFrequency] = React.useState(null);\n const handleChange = (val) => {\n selectFrequency(val)\n selectedFrequency(val);\n }\n return (\n \n
\n );\n}\n\nexport default AssignFrequency;\n","import React from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport InsertEmoticonIcon from '@material-ui/icons/InsertEmoticon';\nimport Card from '@material-ui/core/Card';\nimport CardContent from '@material-ui/core/CardContent';\nimport Typography from '@material-ui/core/Typography';\n\nconst useStyles = makeStyles({\n root: {\n minHeight: 300,\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n },\n font: {\n fontSize: 60,\n background: '#DFDFDF',\n width: 200,\n height: 200,\n padding: 50,\n borderRadius: '50%',\n },\n pos: {\n marginBottom: 12,\n textAlign: 'center',\n },\n});\n\nexport default function FallbackCard({ text }) {\n const classes = useStyles();\n\n return (\n \n
\n \n
\n \n {title\n ? {title} \n : null}\n {description\n ? (\n \n {description} \n \n )\n : null}\n \n \n \n \n \n
\n)\n\nexport default CommonAlert\n","/* eslint-disable max-len */\nimport React, { useState } from 'react';\nimport { connect } from 'react-redux';\nimport moment from 'moment';\nimport DayPicker from 'react-day-picker';\nimport 'react-day-picker/lib/style.css';\nimport { makeStyles } from '@material-ui/core/styles';\nimport {\n Table, TableBody, TableCell, TableContainer, TableRow,\n TextField, Typography, Button, Paper, Checkbox, Tooltip, ButtonGroup, FormControl, InputLabel, Select, MenuItem,\n} from '@material-ui/core';\nimport ClearIcon from '@material-ui/icons/Clear';\nimport CommonTableToolbar from '../../CommonComponents/TableComponents/CommonTableToolBar';\nimport EnhancedTableHead from '../../CommonComponents/TableComponents/EnhancedTableHead';\nimport {\n getComparator,\n stableSort,\n} from '../../CommonComponents/TableComponents/TableUtils';\nimport {\n CommonButton, CommonModal,\n} from '../../CommonComponents';\nimport {\n getVendorUsers,\n assignVendorToSite,\n assignFrequencyToSites,\n changeStartDate,\n removeMapping,\n removeFrequency,\n changeEndDate,\n} from '../../redux/actions/sites';\nimport AssignSite from './AssignSite';\nimport AssignFrequency from './AssignFrequency';\nimport FallbackCard from '../../CommonComponents/FallbackCard';\nimport CommonAlert from '../../CommonComponents/CommonAlert';\n\nconst title = 'All sites list';\n\nconst headCells = [\n {\n id: 'siteId',\n numeric: false,\n disablePadding: true,\n label: 'Site Id',\n },\n {\n id: 'mediaTypeName',\n numeric: true,\n disablePadding: false,\n label: 'Media',\n },\n {\n id: 'stateName',\n numeric: true,\n disablePadding: false,\n label: 'State',\n },\n {\n id: 'cityName',\n numeric: true,\n disablePadding: false,\n label: 'City',\n },\n {\n id: 'locationName',\n disablePadding: false,\n label: 'Location',\n width: '20%',\n },\n {\n id: 'startDate',\n numeric: true,\n disablePadding: false,\n label: 'Start Date',\n },\n {\n id: 'endDate',\n numeric: true,\n disablePadding: false,\n label: 'End Date',\n },\n {\n id: 'supplierName',\n numeric: true,\n disablePadding: false,\n label: 'Supplier',\n },\n {\n id: 'FlexReceiveDate',\n numeric: true,\n disablePadding: false,\n label: 'Flex Receive Date',\n },\n {\n id: 'frequency',\n numeric: true,\n disablePadding: false,\n label: 'Frequency',\n },\n {\n id: 'monitor',\n numeric: true,\n disablePadding: false,\n label: 'Monitor',\n },\n];\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n width: '100%',\n },\n paper: {\n width: '100%',\n marginBottom: theme.spacing(2),\n },\n table: {\n minWidth: 750,\n },\n visuallyHidden: {\n border: 0,\n clip: 'rect(0 0 0 0)',\n height: 1,\n margin: -1,\n overflow: 'hidden',\n padding: 0,\n position: 'absolute',\n top: 20,\n width: 1,\n },\n title: {\n marginRight: 30,\n marginTop: 12,\n float: 'left',\n },\n assignButtonWidth: {\n marginLeft: 20,\n },\n searchBar: {\n float: 'right',\n width: '100%',\n },\n formControl: {\n marginBottom: theme.spacing(1),\n minWidth: 120,\n width: '100%',\n },\n}));\n\nconst EnhancedTable = ({\n allSites, currentPageCount, getUsers, assignUser, assignFrequency,\n changeDate, removeMonitor, selected, setSelected, setCheckbox, checkBoxState,\n removeFreq, selectedStartDate, setSelectedStartDate,\n}) => {\n const classes = useStyles();\n const [order, setOrder] = useState('asc');\n const [orderBy, setOrderBy] = useState('SiteId');\n const [page] = useState(0);\n const [modalOpen, setModalOpen] = useState(false);\n const [currentRow, setCurrentRow] = useState(null);\n const [frequencyModal, setFrequencyModal] = useState(false);\n const [startDateModal, setStartDateModal] = useState(null);\n const [updateMultipleDate, updateMultipleStartDate] = useState(false);\n const [assignInfo, setAssignInfo] = useState({});\n const [user, selectedUser] = useState(null);\n const [frequency, selectedFrequency] = useState(null);\n const [dates, selectedDates] = useState([]);\n const [newStartDate, setNewStartDate] = useState(null);\n const [showAlert, setShowAlert] = useState(false);\n const [showFrequencyAlert, setFrequencyAlert] = useState(false);\n\n const allEndDates = Array.from(new Set(allSites.map((row) => (row.newStartDate ? row.newStartDate : row.startDate))))\n const filter = allEndDates.map((row) => ({\n text: row,\n value: row,\n }))\n\n const filteredSites = selectedStartDate ? allSites.filter((row) => (row.newStartDate ? row.newStartDate : row.startDate) === selectedStartDate) : allSites\n\n const handleRequestSort = (event, property) => {\n const isAsc = orderBy === property && order === 'asc';\n setOrder(isAsc ? 'desc' : 'asc');\n setOrderBy(property);\n };\n\n const handleSelectAllClick = (event) => {\n if (checkBoxState) {\n if (event.target.checked) {\n const newSelecteds = filteredSites\n .filter((n) => n.frequency === null && n.id)\n .map((obj) => obj.id);\n setSelected(newSelecteds);\n setCheckbox(false);\n }\n } else {\n setCheckbox(true);\n setSelected([]);\n }\n };\n\n const handleSelectAllClickVendor = (event) => {\n if (checkBoxState) {\n if (event.target.checked) {\n const newSelecteds = filteredSites.map((obj) => obj.id);\n setSelected(newSelecteds);\n setCheckbox(false);\n }\n } else {\n setCheckbox(true);\n setSelected([]);\n }\n };\n\n const handleClick = (event, name) => {\n const selectedIndex = selected.indexOf(name);\n let newSelected = [];\n\n if (selectedIndex === -1) {\n newSelected = newSelected.concat(selected, name);\n } else if (selectedIndex === 0) {\n newSelected = newSelected.concat(selected.slice(1));\n } else if (selectedIndex === selected.length - 1) {\n newSelected = newSelected.concat(selected.slice(0, -1));\n } else if (selectedIndex > 0) {\n newSelected = newSelected.concat(\n selected.slice(0, selectedIndex),\n selected.slice(selectedIndex + 1),\n );\n }\n setSelected(newSelected);\n };\n\n const isSelected = (name) => selected.indexOf(name) !== -1;\n\n const handleAssignUser = (rows) => {\n getUsers(rows.supplierId)\n setAssignInfo(rows);\n setModalOpen(true);\n };\n\n const handleDismissModal = () => {\n setAssignInfo({});\n setModalOpen(false);\n };\n\n const assignUserToSite = () => {\n const data = {\n siteId: [assignInfo.id],\n vendorUserId: user,\n }\n assignUser(data);\n setAssignInfo({});\n setModalOpen(false);\n }\n\n const assingFrequencyToSites = () => {\n const data = {\n siteId: selected,\n frequency,\n }\n if (frequency === 'CustomDate') {\n data.customDates = [...dates]\n }\n assignFrequency(data);\n setCurrentRow(null)\n setFrequencyModal(false);\n setSelected([])\n }\n\n const handleSet = (event, row) => {\n handleClick(event, row.id)\n setCurrentRow(row)\n setFrequencyModal(true);\n }\n\n const handleDayClick = (day) => {\n setNewStartDate(day)\n }\n\n const changeSiteStartDate = () => {\n const siteId = updateMultipleDate ? selected : [startDateModal.id];\n changeDate({\n siteId,\n newStartDate,\n })\n setNewStartDate(null)\n setStartDateModal(null)\n setSelected([])\n updateMultipleStartDate(false)\n }\n\n const removeAssignment = () => {\n removeMonitor(showAlert);\n setShowAlert(false);\n }\n\n const removeFrequencyAssignment = () => {\n removeFreq(showFrequencyAlert);\n setFrequencyAlert(false);\n }\n const userType = JSON.parse(localStorage.getItem('user'));\n const numSelected = selected.length;\n return (\n \n {allSites.length > 0 ? (\n
\n );\n};\n\nconst mapState = (state) => ({\n allSites: state.sites.allSites,\n currentPageCount: state.sites.currentPageCount,\n});\n\nconst mapActions = {\n getUsers: getVendorUsers,\n assignUser: assignVendorToSite,\n assignFrequency: assignFrequencyToSites,\n changeDate: changeStartDate,\n changeEDate: changeEndDate,\n removeMonitor: removeMapping,\n removeFreq: removeFrequency,\n};\n\nexport default connect(mapState, mapActions)(EnhancedTable);\n","import React, { useState } from 'react';\nimport { useLocation, useHistory } from 'react-router-dom';\nimport { connect } from 'react-redux';\nimport { Card, CardContent } from '@material-ui/core';\nimport FilterListIcon from '@material-ui/icons/FilterList';\nimport ClearIcon from '@material-ui/icons/Clear';\nimport {\n CommonButton,\n} from '..';\nimport CommonTextField from '../CommonTextField';\nimport {\n getAllDeletedSites, getAllSites, getVendorSites, updateSearchQuery,\n} from '../../redux/actions/sites';\nimport CommonSearch from '../CommonSearch';\n\nfunction useQuery() {\n return new URLSearchParams(useLocation().search);\n}\n\nconst SitesFilter = ({\n cities, states, mediaTypes,\n getAllSitesAction, updateQuery, primaryQuery,\n currentLocation, setSelected, getVendorSitesFun, getDeleteSites,\n\n}) => {\n const currentRoute = useLocation();\n const query = useQuery();\n const history = useHistory();\n const [site, setSiteId] = useState('')\n const [supplier, setSupplier] = useState('')\n const [location, setLocation] = useState('')\n const [mediaType, setMediaTypes] = useState(null)\n const [state, setStates] = useState(null)\n const [city, setCities] = useState(null)\n const [filtered, setFilter] = useState(false)\n\n const filterSites = async () => {\n if (site && site.trim()) {\n if (query.has('siteId')) {\n query.set('siteId', site.trim())\n } else {\n query.append('siteId', site.trim())\n }\n }\n if (supplier && supplier.trim()) {\n if (query.has('supplierName')) {\n query.set('supplierName', supplier.trim())\n } else {\n query.append('supplierName', supplier.trim())\n }\n }\n if (location && location.trim()) {\n if (query.has('locationName')) {\n query.set('locationName', location.trim())\n } else {\n query.append('locationName', location.trim())\n }\n }\n if (mediaType) {\n if (query.has('mediaTypeName')) {\n query.set('mediaTypeName', mediaType)\n } else {\n query.append('mediaTypeName', mediaType)\n }\n }\n if (state) {\n if (query.has('stateName')) {\n query.set('stateName', state)\n } else {\n query.append('stateName', state)\n }\n }\n if (city) {\n if (query.has('cityName')) {\n query.set('cityName', city)\n } else {\n query.append('cityName', city)\n }\n }\n setFilter(true)\n\n query.delete('page')\n await updateQuery(query.toString())\n history.push(currentLocation)\n const page = parseInt(query.get('page') || '1', 10);\n if (currentLocation === 'all-sites') { setSelected([]) }\n switch (currentLocation) {\n case 'all-sites':\n case 'sites-reported':\n case 'assign-flex-date':\n case 'change-end-date':\n case 'proposed-photos':\n getAllSitesAction(page, primaryQuery, query.toString());\n break;\n case 'map-deleted-sites':\n getDeleteSites(page, primaryQuery, query.toString());\n break;\n case 'vendor-sites':\n getVendorSitesFun(page, query.toString());\n break;\n default:\n break;\n }\n }\n\n const clearFilters = () => {\n setSiteId('')\n setSupplier('')\n setLocation('')\n setMediaTypes(null)\n setStates(null)\n setCities(null)\n setFilter(false)\n\n const page = parseInt(query.get('page') || '1', 10);\n query.delete('page')\n updateQuery('')\n history.push(currentRoute.pathname);\n if (currentLocation === 'all-sites') { setSelected([]) }\n switch (currentLocation) {\n case 'all-sites':\n case 'sites-reported':\n case 'assign-flex-date':\n case 'change-end-date':\n case 'proposed-photos':\n getAllSitesAction(page, primaryQuery, '');\n break;\n case 'map-deleted-sites':\n getDeleteSites(page, primaryQuery, '');\n break;\n case 'vendor-sites':\n getVendorSitesFun(page);\n break;\n default:\n break;\n }\n }\n\n const handleChangeCity = (val) => {\n if (val) { setCities(val.value) } else { setCities(val) }\n }\n\n const handleChangeStates = (val) => {\n if (val) { setStates(val.value) } else { setStates(val) }\n }\n\n const handleChangeMedia = (val) => {\n if (val) { setMediaTypes(val.value) } else { setMediaTypes(val) }\n }\n\n const filterDisabled = !site.trim()\n && !supplier.trim() && !location.trim() && !mediaType && !state && !city\n\n const userType = JSON.parse(localStorage.getItem('user'));\n\n return (\n \n \n \n \n \n \n itm.frequency !== null).length}\n />\n \n {stableSort(filteredSites, getComparator(order, orderBy))\n .slice(\n page * currentPageCount,\n page * currentPageCount + currentPageCount,\n )\n .map((row, index) => {\n const isItemSelected = isSelected(row.id);\n const labelId = `enhanced-table-checkbox-${index}`;\n return (\n \n \n {userType && (userType.userType === 'admin' || userType.userType === 'manager' || userType.userType === 'clientUser')\n ? (\n handleClick(event, row.id)}\n />\n )\n : (\n handleClick(event, row.id)}\n />\n )}\n \n \n {row.siteId}\n \n {row.mediaTypeName} \n {row.stateName} \n {row.cityName} \n {row.locationName} \n \n {userType && (userType.userType === 'admin' || userType.userType === 'manager' || userType.userType === 'clientUser')\n ? (\n <>\n {!row.frequency ? (\n \n 1 || userType.userType === 'clientUser'}\n onClick={() => setStartDateModal(row)}\n >\n {moment(row.newStartDate ? row.newStartDate : row.startDate).format('DD MMM YYYY')}\n \n \n )\n : (\n moment(row.newStartDate ? row.newStartDate : row.startDate).format('DD MMM YYYY')\n )}\n \n ) : (moment(row.newStartDate ? row.newStartDate : row.startDate).format('DD MMM YYYY'))}\n \n \n {moment(row.newEndDate ? row.newEndDate : row.endDate).format('DD MMM YYYY')}\n \n {row.supplierName} \n {row.flexReceivedDate ? moment(row.flexReceivedDate).format('DD MMM YYYY') : ''} \n \n {userType && (userType.userType === 'admin' || userType.userType === 'manager' || userType.userType === 'clientUser')\n ? (\n <>\n {row.frequency ? (\n <>\n {row.submittedReports === 0\n ? (\n \n \n \n setFrequencyAlert(row.id)}\n >\n \n \n )\n : row.frequency}\n \n ) : (\n handleSet(e, row)}\n basic=\"true\"\n color=\"primary\"\n disabled={selected.length > 1 || userType.userType === 'clientUser'}\n >\n Set\n \n )}\n \n )\n : row.frequency}\n \n \n {userType && (userType.userType === 'admin' || userType.userType === 'manager' || userType.userType === 'clientUser')\n ? (\n <>\n {\n row.monitor === null\n ? (\n handleAssignUser(row)}\n basic=\"true\"\n color=\"primary\"\n disabled={userType.userType === 'clientUser'}\n >\n Assign\n \n )\n : (\n <>\n \n \n {row.submittedReports === 0\n ? (\n \n setShowAlert(row.id)}\n >\n \n )\n : null }\n \n \n )\n }\n \n )\n : (row.monitor)}\n \n \n );\n })}\n \n \n \n \n {modalOpen && (\n \n {\n setCurrentRow(null);\n setFrequencyModal(false);\n }}\n successButtonText=\"Assign\"\n cancelButtonText=\"Cancel\"\n >\n {\n setNewStartDate(null);\n setStartDateModal(null);\n }}\n saveBtnDisable={!newStartDate}\n successButtonText=\"Change\"\n cancelButtonText=\"Cancel\"\n >\n {\n setNewStartDate(null);\n updateMultipleStartDate(false);\n }}\n saveBtnDisable={!newStartDate}\n successButtonText=\"Change\"\n cancelButtonText=\"Cancel\"\n >\n setShowAlert(false)}\n onAgree={removeAssignment}\n />\n )\n : null}\n\n {showFrequencyAlert\n ? (\n setFrequencyAlert(false)}\n onAgree={removeFrequencyAssignment}\n />\n )\n : null}\n
\n ) : (\n \n
\n \n {numSelected > 0 ? (\n \n {numSelected > 1\n ? `${numSelected} sites selected `\n : `${numSelected} site selected `}\n \n ) : (\n \n {title}\n \n )}\n
\n \n
\n \n {userType && (userType.userType === 'admin' || userType.userType === 'manager' || userType.userType === 'clientUser')\n ? (\n <>\n
\n \n setFrequencyModal(true)}\n >\n Assign Frequency\n \n
\n \n updateMultipleStartDate(true)}\n >\n Change Start Date\n \n
\n \n \n Filter by Start Date \n {\n setSelected([]);\n setSelectedStartDate(event.target.value);\n }}\n autoWidth\n label=\"Filter by Start Date\"\n >\n \n {filter.map((option) => (\n \n ))}\n \n \n
\n\n \n )\n : null}\n \n Original start date is\n {' '}\n {startDateModal.startDate}\n
\n {startDateModal.newStartDate ? (\n\n Previous Updated start date is\n {' '}\n {startDateModal.newStartDate}\n
\n ) : null }\nNote:- The new start date should not be older then 12 days of the original start date.
\n\n
\n
\n \n
\n \n
\n \n
\n \n
\n \n
\n {userType && (userType.userType === 'admin' || userType.userType === 'manager')\n ? (\n
\n \n
\n )\n : null}\n \n
\n \n
\n
\n \n
\n \n
\n \n
\n
\n \n
\n \n
\n {(visibleProduct) ? (\n \n
\n )\n : null}\n \n {(visibleEstimate) ? (\n
\n \n
\n )\n : null}\n {showFetchButton\n ? (\n \n
\n )\n : null }\n \n {estimateId && userType && (userType.userType === 'admin' || userType.userType === 'manager')\n ? (\n
\n
\n )\n : null}\n {showSites\n ? (\n <>\n \n exportData()}\n basic=\"true\"\n color=\"primary\"\n >\n Export Sites\n \n handleChange(e.target.files)}\n type=\"file\"\n />\n \n \n \n exportCompleteSites(estimateId)}\n basic=\"true\"\n className=\"float-right\"\n color=\"primary\"\n >\n Export Detailed Reports\n \n
\n \n
\n \n )\n : \n
\n
\n
\n
\n \n
\n
\n
\n {(user?.userType === 'admin' || user?.userType === 'manager') && site.frequency\n ? (\n <>\n
\n\n Add a new task\n \n \n )\n : null}\n
\n {siteReports.length || site?.actionabletasks?.length ? (\n \n
\n
\n