\r\n Active At Work \r\n
\r\n \r\n {liveData.active} \r\n of {(+liveData.planned + +liveData.adhoc)} \r\n
\r\n\r\n \r\n Adhoc Visits \r\n {liveData.adhoc} \r\n
\r\n \r\n Access Denied \r\n {liveData.denied} \r\n
\r\n \r\n Occupancy \r\n {((liveData.total == 0) ? \"0\" : (((liveData.active / liveData.total) * 100).toFixed(1))) + \"%\"} \r\n
\r\n \r\n \r\n {
\r\n
\r\n Floor Occupancy \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n Title \r\n Details \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 Title \r\n Details \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 Batch \r\n \r\n {(batchItems).map(item => (\r\n \r\n ))}\r\n \r\n
\r\n \r\n \r\n Title \r\n Details \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 downloadtemplate()}\r\n startIcon={
\r\n \r\n
\r\n \r\n
\r\n \r\n {\r\n loading ? (<>
Uploading data...)\r\n : (\r\n <>\r\n
\r\n\r\n Uploading data...)\r\n : (\r\n <>\r\n
{uploadFile.name} - {uploadFile.size} bytes
\r\n : (\r\n isDragActive ?\r\nDrop the files here ...
:\r\nDrag 'n' drop a file here, or click to select a file
)}\r\n )\r\n\r\n }\r\n\r\n
\r\n
\r\n
\r\n \r\n \r\n \r\n
\r\n {props.hasNotifyButton &&\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 {/* displayDatePicker\r\n ?\r\n
\r\n \r\n );\r\n}\r\n","import React, { useContext, useEffect } from 'react';\r\nimport clsx from 'clsx';\r\nimport { makeStyles, Theme } from '@material-ui/core/styles';\r\nimport Grid from '@material-ui/core/Grid';\r\nimport Paper from '@material-ui/core/Paper';\r\nimport Location from '../CommonUtils/LocationRenderer/Location';\r\nimport Title from '../CommonUtils/title';\r\nimport { FormControl, InputLabel, MenuItem, Select, TextField, Tooltip, Tab, Tabs } from '@material-ui/core';\r\nimport { Button } from '@material-ui/core';\r\nimport { Send, FormatClear, CloudDownload } from '@material-ui/icons';\r\nimport Typography from '@material-ui/core/Typography';\r\nimport Box from '@material-ui/core/Box';\r\nimport CustomizedSnackbar from '../CommonUtils/snackbar';\r\nimport SetDateRange, { IDateRange } from '../CommonUtils/setDateRange';\r\nimport { apiURL } from '../../APIurls';\r\nimport { FetchWithTimeout } from '../CommonUtils/fetchWithTimeout';\r\nimport { DefaultLocation } from '../../App';\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n paper: {\r\n padding: theme.spacing(2),\r\n display: 'flex',\r\n overflow: 'auto',\r\n flexDirection: 'column',\r\n },\r\n fixedHeight: {\r\n height: \"100%\",\r\n },\r\n downloadButton: {\r\n width: 'fit-content',\r\n margin: theme.spacing(2)\r\n },\r\n reportType: {\r\n margin: theme.spacing(2),\r\n },\r\n location: {\r\n margin: theme.spacing(1),\r\n },\r\n locationTitle: {\r\n marginLeft: theme.spacing(1),\r\n },\r\n\r\n\r\n}));\r\n\r\ninterface IResult {\r\n status: string,\r\n message: string\r\n}\r\ninterface IReportType {\r\n reportName: string,\r\n\r\n}\r\nconst DownloadReport = () => {\r\n\r\n const classes = useStyles();\r\n let emptyResult: IResult = {\r\n status: \"\",\r\n message: \"\",\r\n };\r\n let emptydateRange: IDateRange = {\r\n startDate: \"\",\r\n endDate: \"\"\r\n }\r\n const [result, setResult] = React.useState(emptyResult);\r\n const [dateRange, setDateRange] = React.useState(emptydateRange);\r\n const [isSnackbarOpen, setSnackbarOpen] = React.useState(false);\r\n const [locationid, setLocationid] = React.useState('');\r\n const [regionid, setRegionid] = React.useState('');\r\n const [reportType, setReportType] = React.useState('');\r\n const defaultLocation = useContext(DefaultLocation);\r\n\r\n const setRegionidFromDropDown = (id: string) => {\r\n setRegionid(id);\r\n setLocationid('');\r\n }\r\n const setLocationidFromDropDown = (id: string) => {\r\n setLocationid(id);\r\n }\r\n const SetDateRangeFun = (dateRange: IDateRange) => {\r\n setDateRange(dateRange);\r\n }\r\n const handleSnackbarClose = (event?: React.SyntheticEvent, reason?: string) => {\r\n if (reason === 'clickaway') {\r\n return;\r\n }\r\n setSnackbarOpen(false);\r\n }\r\n\r\n const handleReportTypeChange = (event: React.ChangeEvent<{ value: unknown }>) => {\r\n setReportType(event.target.value as string);\r\n }\r\n const downloadReport = async () => {\r\n let url = '';\r\n let reqBody = {};\r\n let fileName = '';\r\n let reportLocation = '';\r\n let reportRegion = '';\r\n regionid == \"0\" ? reportRegion = '' : reportRegion = regionid;\r\n locationid == \"0\" ? reportLocation = '' : reportLocation = locationid;\r\n\r\n regionid == \"0\" ? fileName = 'All'\r\n : locationid == \"0\" || locationid == '' ? fileName = regionid\r\n : fileName = locationid;\r\n switch (reportType) {\r\n case 'CovidPositive':\r\n //url = 'https://ingramrtw.azurewebsites.net/getcovidpositive';\r\n //url = 'https://sgdcezwweb3001.ecommerce.ingram/HiveAPI/getcovidpositive';\r\n url = apiURL.Get_COVIDPOSITIVE_REPORT;\r\n reqBody = {\r\n \"locationid\": reportLocation,\r\n \"regionid\": reportRegion,\r\n \"download\": \"true\",\r\n \"startdateofdetection\": dateRange.startDate,\r\n \"enddateofdetection\": dateRange.endDate\r\n };\r\n fileName = \"\" + 'CovidPositive_' + fileName;\r\n break;\r\n case 'attendancereport':\r\n //url = 'https://ingramrtw.azurewebsites.net/attendancereport';\r\n //url = 'https://sgdcezwweb3001.ecommerce.ingram/HiveAPI/attendancereport';\r\n url = apiURL.Get_ATTENDANCE_REPORT;\r\n reqBody = {\r\n \"startdate\": dateRange.startDate,\r\n \"enddate\": dateRange.endDate,\r\n \"locationid\": reportLocation,\r\n \"regionid\": reportRegion,\r\n };\r\n fileName = \"\" + 'AttendanceReport_' + fileName;\r\n break;\r\n case 'accessdeniedreport':\r\n //url = 'https://ingramrtw.azurewebsites.net/accessdeniedreport';\r\n //url = 'https://sgdcezwweb3001.ecommerce.ingram/HiveAPI/accessdeniedreport';\r\n url = apiURL.Get_ACCESSDENIED_REPORT;\r\n reqBody = {\r\n \"startdate\": dateRange.startDate,\r\n \"enddate\": dateRange.endDate,\r\n \"locationid\": reportLocation,\r\n \"regionid\": reportRegion,\r\n };\r\n fileName = \"\" + 'AccessDeniedReport_' + fileName;\r\n break;\r\n case 'vaccinationreport':\r\n //url = 'https://ingramrtw.azurewebsites.net/accessdeniedreport';\r\n //url = 'https://sgdcezwweb3001.ecommerce.ingram/HiveAPI/accessdeniedreport';\r\n url = apiURL.Get_VACCINATION_REPORT;\r\n reqBody = { \r\n \"locationid\": reportLocation,\r\n \"regionid\": reportRegion,\r\n };\r\n fileName = \"\" + 'VaccinationReport' + fileName;\r\n break;\r\n\r\n }\r\n try {\r\n await FetchWithTimeout(url, {\r\n method: 'POST',\r\n headers: {\r\n 'Accept': 'application/json',\r\n 'Content-Type': 'application/json',\r\n \"Access-Control-Allow-Origin\": \"*\",\r\n \"Authorization\": `Bearer ${defaultLocation.accessToken}`,\r\n },\r\n body: JSON.stringify(reqBody),\r\n mode: 'cors',\r\n //timeout: 8000\r\n }).then((response) => {\r\n\r\n console.log(\"response\", response);\r\n\r\n if (response.status === 200) {\r\n response.blob().then(blob => download(blob, fileName));\r\n } else if (response.status === 500) {\r\n setResult({\r\n status: \"Failed\",\r\n message: \"No Data Found.\"\r\n });\r\n setSnackbarOpen(true);\r\n } else if (response.status === 400) {\r\n setResult({\r\n status: \"Failed\",\r\n message: \"Oops!! Something went wrong.\"\r\n });\r\n setSnackbarOpen(true);\r\n } else {\r\n setResult({\r\n status: \"Failed\",\r\n message: \"Oops!! Something went wrong.\"\r\n });\r\n setSnackbarOpen(true);\r\n }\r\n })\r\n } catch (error) {\r\n // Timeouts if the request takes\r\n // longer than 6 seconds\r\n error.name === 'AbortError' ?\r\n setResult({\r\n status: \"Failed\",\r\n message: \"Your request has timed out. Try again in sometime.\"\r\n })\r\n : setResult({\r\n status: \"Failed\",\r\n message: \"Oops!! Something went wrong.\"\r\n });\r\n setSnackbarOpen(true);\r\n\r\n }\r\n\r\n /* fetch(url, {\r\n method: 'POST',\r\n headers: {\r\n 'Accept': 'application/json',\r\n 'Content-Type': 'application/json',\r\n \"Access-Control-Allow-Origin\": \"*\", \"Authorization\": `Bearer ${ defaultLocation.accessToken }` ,\r\n },\r\n body: JSON.stringify(reqBody),\r\n mode: 'cors',\r\n })\r\n .then((response) => {\r\n \r\n console.log(\"response\", response);\r\n \r\n if (response.status === 200) {\r\n response.blob().then(blob => download(blob, fileName));\r\n } else if (response.status === 500) {\r\n setResult({\r\n status: \"Failed\",\r\n message: \"No Data Found.\"\r\n });\r\n setSnackbarOpen(true);\r\n } else if (response.status === 400) {\r\n setResult({\r\n status: \"Failed\",\r\n message: \"Oops!! Something went wrong.\"\r\n });\r\n setSnackbarOpen(true);\r\n } else {\r\n setResult({\r\n status: \"Failed\",\r\n message: \"Oops!! Something went wrong.\"\r\n });\r\n setSnackbarOpen(true);\r\n }\r\n })\r\n .catch((error) => {\r\n console.error('Error:', error);\r\n }); */\r\n }\r\n\r\n\r\n\r\n function download(blob: Blob, filename?: string) {\r\n const url = window.URL.createObjectURL(blob);\r\n const a = document.createElement('a');\r\n a.style.display = 'none';\r\n a.href = url;\r\n // the filename you want\r\n\r\n a.download = filename ? filename : \"noname\";\r\n a.download = a.download + \".csv\";\r\n document.body.appendChild(a);\r\n a.click();\r\n document.body.removeChild(a);\r\n window.URL.revokeObjectURL(url);\r\n }\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n handleDateChange(item)}\r\n moveRangeOnFirstSelection={false}\r\n ranges={[state.selection]}\r\n />\r\n
\r\n \r\n {\r\n handleClose(\"no\");\r\n }}\r\n >\r\n cancel\r\n \r\n {\r\n handleClose(\"yes\");\r\n }}\r\n >\r\n apply\r\n \r\n
\r\n \r\n handleDateChange(item)}\r\n moveRangeOnFirstSelection={false}\r\n ranges={[state.selection]}\r\n />\r\n
\r\n :\r\n \r\n \r\n {\"\" + dateRange.startDate + \" - \" + dateRange.endDate}\r\n \r\n
\r\n \r\n */}\r\n \r\n Report type \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n
\r\n \r\n
\r\n {reportType != \"vaccinationreport\" &&\r\n \r\n Location \r\n
\r\n \r\n {reportType === \"CovidPositive\" ? \"Select Detection Date Range\" :\"Select Date Range\"} \r\n
\r\n }\r\n\r\n \r\n downloadReport()}\r\n startIcon={
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n \r\n );\r\n}\r\n\r\ninterface UserInputSelectionProps {\r\n label: string;\r\n type: string;\r\n name: string;\r\n}\r\n\r\nexport const UserInputSelection = ({\r\n label,\r\n ...rest\r\n}: UserInputSelectionProps) => {\r\n const [field] = useField(rest);\r\n\r\n const useStyles = makeStyles((theme) => ({\r\n formControl: {\r\n minWidth: 150,\r\n },\r\n selectEmpty: {\r\n marginTop: theme.spacing(0),\r\n minWidth: 120,\r\n },\r\n location: {\r\n display: \"inline-block\",\r\n minWidth: 150,\r\n position: \"relative\",\r\n },\r\n mainDiv: {\r\n display: \"flex\",\r\n justifyContent: \"flex-start\",\r\n },\r\n }));\r\n\r\n const classes = useStyles();\r\n\r\n return (\r\n \r\n \r\n Region *\r\n \r\n \r\n {regionItems.map((item) => (\r\n \r\n ))}\r\n \r\n
\r\n \r\n \r\n Location *\r\n \r\n \r\n \r\n {locationItems.map((item) => (\r\n \r\n ))}\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {label}\r\n \r\n \r\n \r\n {[\"Yes\", \"No\"].map((item) => (\r\n \r\n ))}\r\n \r\n
\r\n \r\n \r\n {label === \"Address\" || label === \"Phone No.\" ? label : `${label}*`}\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 `${option.empid} - ${option.empfirstname} ${option.emplastname}`\r\n }\r\n renderInput={(params) => (\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 if (e) {\r\n setIsAliasFor(option?.empid);\r\n }\r\n }}\r\n autoSelect\r\n freeSolo\r\n style={{ width: \"70%\" }}\r\n size=\"small\"\r\n options={suggestions}\r\n getOptionLabel={(option) =>\r\n `${option.empid} - ${option.empfirstname} ${option.emplastname}`\r\n }\r\n renderInput={(params) => (\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n setSkipManagerApproval(!skipManagerApproval)\r\n }\r\n name=\"Has Left\"\r\n color=\"primary\"\r\n />\r\n
\r\n \r\n \r\n setHasLeft(!hasLeft)}\r\n name=\"Has Left\"\r\n color=\"primary\"\r\n />\r\n
\r\n \r\n \r\n Submit\r\n \r\n {\r\n formik.handleReset();\r\n onHandleSubmitButton();\r\n }}\r\n >\r\n Cancel\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\ninterface DatePickerProps {\r\n getDate: any;\r\n min?: any;\r\n max?: any;\r\n value?: string;\r\n disabled?: boolean;\r\n labelName: string;\r\n}\r\n\r\nexport const DatePicker = ({\r\n getDate,\r\n min,\r\n max,\r\n value,\r\n disabled,\r\n labelName,\r\n}: DatePickerProps) => {\r\n const useStyles = makeStyles((theme) => ({\r\n modal: {\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n justifyContent: \"center\",\r\n },\r\n paper: {\r\n backgroundColor: theme.palette.background.paper,\r\n border: \"2px solid #000\",\r\n boxShadow: theme.shadows[5],\r\n padding: theme.spacing(2, 4, 3),\r\n },\r\n mainDiv: {\r\n display: \"flex\",\r\n width: \"fit-content\",\r\n margin: \"-16px\",\r\n alignItems: \"baseline\",\r\n },\r\n dropdown: {\r\n display: \"flex\",\r\n flexDirection: \"column\",\r\n alignItems: \"start\",\r\n justifyContent: \"center\",\r\n },\r\n button: {\r\n margin: theme.spacing(1),\r\n width: \"fit-content\",\r\n },\r\n DateValues: {\r\n marginLeft: theme.spacing(2),\r\n position: \"relative\",\r\n zIndex: 100,\r\n },\r\n }));\r\n\r\n const classes = useStyles();\r\n\r\n const emptyDateRange: any = \"\";\r\n\r\n const [date, setDate] = React.useState(emptyDateRange);\r\n const [state, setState] = React.useState(emptyDateRange);\r\n const [open, setOpen] = React.useState(false);\r\n\r\n const handleOpen = () => {\r\n setOpen(true);\r\n };\r\n\r\n const handleClose = () => {\r\n setOpen(false);\r\n if (state) {\r\n setDate(state.toLocaleDateString(\"en-ZA\").split(\"/\").reverse().join(\"/\"));\r\n }\r\n };\r\n\r\n const handleDateChange = (item: any) => {\r\n setState(item);\r\n };\r\n\r\n useEffect(() => {\r\n getDate(date);\r\n }, [date]);\r\n\r\n useEffect(() => {\r\n if (value) {\r\n const newVal = value?.split(\"T\")[0].split(\"-\").reverse().join(\"/\");\r\n const newValue = newVal.split(\"/\").slice(0, 2).join(\"/\");\r\n\r\n setDate(`${newValue}/${newVal.split(\"/\")[2]}`);\r\n setState(new Date(value.split(\"T\")[0]));\r\n }\r\n }, [value]);\r\n\r\n useEffect(() => {\r\n if (value) {\r\n const newVal = value?.split(\"T\")[0].split(\"-\").reverse().join(\"/\");\r\n const newValue = newVal.split(\"/\").slice(0, 2).join(\"/\");\r\n\r\n setDate(`${newValue}/${newVal.split(\"/\")[2]}`);\r\n setState(new Date(value.split(\"T\")[0]));\r\n } else {\r\n setDate(\"\");\r\n setState(\"\");\r\n }\r\n }, []);\r\n\r\n return (\r\n <>\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n handleDateChange(item)}\r\n moveRangeOnFirstSelection={false}\r\n ranges={[state.selection]}\r\n minDate={new Date()}\r\n />\r\n
\r\n \r\n {\r\n handleClose(\"no\");\r\n }}\r\n >\r\n cancel\r\n \r\n {\r\n handleClose(\"yes\");\r\n }}\r\n >\r\n apply\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n );\r\n};\r\n","import {\r\n Box,\r\n Button,\r\n Checkbox,\r\n FormControlLabel,\r\n IconButton,\r\n Paper,\r\n Switch,\r\n Table,\r\n TableBody,\r\n TableCell,\r\n TableContainer,\r\n TableHead,\r\n TablePagination,\r\n TableRow,\r\n TableSortLabel,\r\n Toolbar,\r\n Tooltip,\r\n Typography,\r\n} from \"@material-ui/core\";\r\nimport { DeleteRounded } from \"@material-ui/icons\";\r\nimport React from \"react\";\r\n\r\ninterface Data {\r\n startDate: string;\r\n visitType: string;\r\n reasonToVisitOffice: string;\r\n location: string;\r\n status: string;\r\n action: any;\r\n reqId: string;\r\n isFullDay: string;\r\n}\r\n\r\nfunction createData(\r\n startDate: string,\r\n visitType: string,\r\n reasonToVisitOffice: string,\r\n location: string,\r\n status: string,\r\n action: any,\r\n reqId: string,\r\n isFullDay: string\r\n): Data {\r\n return {\r\n startDate,\r\n visitType,\r\n reasonToVisitOffice,\r\n location,\r\n status,\r\n action,\r\n reqId,\r\n isFullDay,\r\n };\r\n}\r\n\r\nconst rows = [\r\n createData(\r\n \"2022-03-12\",\r\n \"Full day\",\r\n \"laptop repair\",\r\n \"KM\",\r\n \"pending\",\r\n\r\n ,\r\n \"\",\r\n \"\"\r\n ),\r\n];\r\n\r\nexport const months: string[] = [\r\n \"Jan\",\r\n \"Feb\",\r\n \"Mar\",\r\n \"Apr\",\r\n \"May\",\r\n \"Jun\",\r\n \"Jul\",\r\n \"Aug\",\r\n \"Sep\",\r\n \"Oct\",\r\n \"Nov\",\r\n \"Dec\",\r\n];\r\n\r\nfunction descendingComparator\r\n \r\n {\r\n handleOpen();\r\n }\r\n : () => {}\r\n }\r\n InputProps={{\r\n endAdornment: (\r\n \r\n \r\n ),\r\n }}\r\n />\r\n
\r\n \r\n {min && max ? (\r\n handleDateChange(item)}\r\n maxDate={new Date()}\r\n minDate={\r\n min &&\r\n new Date(\r\n +new Date(\r\n `${min?.split(\"/\")[1]}-${min?.split(\"/\")[0]}-${\r\n min?.split(\"/\")[2]\r\n }`\r\n ) +\r\n 24 * 60 * 60 * 1000\r\n )\r\n }\r\n />\r\n ) : (\r\n handleDateChange(item)}\r\n maxDate={max ? new Date(max) : new Date()}\r\n />\r\n )}\r\n
\r\n \r\n {\r\n handleClose();\r\n setState(\"\");\r\n setDate(\"\");\r\n }}\r\n >\r\n Clear\r\n \r\n {\r\n handleClose();\r\n }}\r\n >\r\n Apply\r\n \r\n
\r\n \r\n \r\n {props.question}\r\n \r\n \r\n {props.answer}\r\n \r\n
\r\n );\r\n};\r\n\r\nconst AdhocVisit = (props: AdhocVisitProps) => {\r\n const useStyle = makeStyles((theme) => ({\r\n textSize: {\r\n fontSize: \"1rem\",\r\n },\r\n\r\n wrapper: {\r\n display: \"grid\",\r\n gridTemplateColumns: \"10% 20% 20% 20% 20% 10%\",\r\n placeItems: \"center\",\r\n },\r\n wrapper1: {\r\n display: \"grid\",\r\n gridTemplateColumns: \"20% 20% 20% 20% 20%\",\r\n placeItems: \"center\",\r\n },\r\n\r\n button: {\r\n margin: \"0.2rem\",\r\n },\r\n }));\r\n\r\n const classes = useStyle();\r\n\r\n const visitValues = Object.values(props).filter(\r\n (prop) => typeof prop === \"string\"\r\n );\r\n\r\n visitValues.pop();\r\n\r\n return (\r\n \r\n \r\n {!todaysSelfdeclaration?.length\r\n ? \"No Visit\"\r\n : !selfDeclarationDetails.isSelfDeclarationDone &&\r\n !selfDeclarationDetails.isSelfDeclarationDone\r\n ? \"Self Declaration Not Done\"\r\n : selfDeclarationDetails.isSelfDeclarationDone &&\r\n !selfDeclarationDetails.isSelfDeclarationApproved\r\n ? \"Self Declaration Failed\"\r\n : \"Self Declaration Successful\"}\r\n \r\n {\r\n onHandleResetSelfDeclaration(selfDeclarationDetails.reqId);\r\n }}\r\n >\r\n Reset\r\n \r\n
\r\n\r\n \r\n {!selfDeclarationDetails.isSelfDeclarationDone &&\r\n !selfDeclarationDetails.isSelfDeclarationDone ? (\r\n <>\r\n ) : (\r\n
\r\n \r\n
\r\n )}\r\n \r\n
\r\n {visitType === \"Scheduled\" &&\r\n scheduledVisits &&\r\n scheduledVisits.length ? (\r\n \r\n \r\n Submit\r\n \r\n
\r\n\r\n \r\n Search Employee \r\n\r\n \r\n \r\n
\r\n\r\n \r\n \r\n `${option.empid} - ${option.emailid}`\r\n }\r\n className={classes.searchPageTextField}\r\n renderInput={(params) => (\r\n \r\n
\r\n\r\n {!employee ? (\r\n No Data Found!
\r\n ) : (\r\n <>\r\n \r\n \r\n {!profilePic ? (\r\n
\r\n \r\n \r\n {employee.firstName} {employee.lastName}\r\n \r\n \r\n Edit\r\n
\r\n \r\n
\r\n\r\n \r\n \r\n Email\r\n \r\n \r\n {employee.emailId ? employee.emailId : \"NA\"}\r\n \r\n
\r\n \r\n \r\n Phone No.\r\n \r\n \r\n {employee.contactNo ? employee.contactNo : \"NA\"}\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n Employee Id\r\n \r\n \r\n {employee.employeeId ? employee.employeeId : \"NA\"}\r\n \r\n
\r\n\r\n \r\n \r\n Address\r\n \r\n \r\n {employee.fullAddress ? employee.fullAddress : \"NA\"}\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 Manager Name\r\n \r\n \r\n {employee.manager ? employee.manager : \"NA\"}\r\n \r\n
\r\n \r\n \r\n Employment Type\r\n \r\n \r\n {regExp.test(employee?.employeeId)\r\n ? \"Contractor\"\r\n : \"Full time\"}\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n Designation\r\n \r\n \r\n {employee.title}\r\n \r\n
\r\n\r\n \r\n \r\n Department\r\n \r\n \r\n {employee.department ? employee.department : \"NA\"}\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n Location\r\n \r\n \r\n {employee?.roleName ? employee?.roleName[0] : \"\"}\r\n \r\n
\r\n \r\n \r\n Location Id\r\n \r\n \r\n {employee.location ? employee.location : \"NA\"}\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n City\r\n \r\n \r\n {employee.city ? employee.city : \"NA\"}\r\n \r\n
\r\n \r\n \r\n Has Left\r\n \r\n \r\n {!employee[\"hasleft:\"] ? \"No\" : \"Yes\"}\r\n \r\n
\r\n \r\n
\r\n \r\n )}\r\n \r\n \r\n ) : isFormOpen && employee ? (\r\n \r\n
\r\n ) : (\r\n \r\n \r\n No Data Found!\r\n \r\n ) : (\r\n <>\r\n )}\r\n
\r\n )}\r\n \r\n 
\r\n \r\n HIVE\r\n \r\n
\r\n \r\n `${option.empid} - ${option.emailid}`}\r\n className={classes.searchPageTextField}\r\n renderOption={(option) => {\r\n return {`${option.empid} - ${option.emailid}`} ;\r\n }}\r\n renderInput={(params) => (\r\n
\r\n {!employee && noData ? (\r\n \r\n \r\n
\r\n \r\n setCurrentItem(MenuOptions.home)}\r\n className={currentItem == MenuOptions.home ? classes.selected : \"\"}\r\n >\r\n \r\n \r\n {\r\n setCurrentItem(MenuOptions.search);\r\n handleSearchBtnClicked();\r\n }}\r\n className={currentItem == MenuOptions.search ? classes.selected : \"\"}\r\n >\r\n \r\n \r\n setCurrentItem(MenuOptions.EmployeeOnboarding)}\r\n className={\r\n currentItem == MenuOptions.EmployeeOnboarding ? classes.selected : \"\"\r\n }\r\n >\r\n \r\n \r\n setCurrentItem(MenuOptions.EmployeeSchedule)}\r\n className={\r\n currentItem == MenuOptions.EmployeeSchedule ? classes.selected : \"\"\r\n }\r\n >\r\n \r\n \r\n setCurrentItem(MenuOptions.SeatingDetails)}\r\n className={\r\n currentItem == MenuOptions.SeatingDetails ? classes.selected : \"\"\r\n }\r\n >\r\n \r\n \r\n setCurrentItem(MenuOptions.SendNotification)}\r\n className={\r\n currentItem == MenuOptions.SendNotification ? classes.selected : \"\"\r\n }\r\n >\r\n \r\n \r\n setCurrentItem(MenuOptions.DownloadReport)}\r\n className={\r\n currentItem == MenuOptions.DownloadReport ? classes.selected : \"\"\r\n }\r\n >\r\n \r\n \r\n
\r\n );\r\n let view = \r\n \r\n \r\n \r\n \r\n \r\n {!open && (\r\n \r\n 
\r\n 
\r\n
\r\n )}\r\n \r\n \r\n \r\n {open && (\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 - {mainListItems}
\r\n \r\n \r\n
\r\n \r\n );\r\n}","import React, { ReactNode } from 'react';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport logo from '../components/CommonUtils/Images/logo.png';\r\nimport logoText from '../components/CommonUtils/Images/logoText.png';\r\nimport gridBackground from '../components/CommonUtils/Images/gridBackground.png';\r\nimport { Paper } from '@material-ui/core';\r\nimport Title from \"../components/CommonUtils/title\";\r\n\r\ninterface IResult {\r\n status: string;\r\n message: string;\r\n}\r\nconst useStyles = makeStyles((theme) => ({\r\n container: {\r\n width: '100%',\r\n height: '100vh',\r\n overflow: \"hidden\"\r\n },\r\n logoDiv: {\r\n display: 'flex',\r\n alignItems: 'center',\r\n background: '#fdfff4',\r\n },\r\n logo: {\r\n maxWidth: '200px',\r\n maxHeight: '200px'\r\n },\r\n logoText: {\r\n maxWidth: '700px',\r\n maxHeight: '100px',\r\n paddingLeft: '15px'\r\n },\r\n paper: {\r\n padding: theme.spacing(2),\r\n display: 'flex',\r\n flexDirection: 'column',\r\n alignItems: 'center',\r\n justifyContent: 'center',\r\n width: '100%',\r\n background: '#fdfff4',\r\n backgroundImage: \"url(\" + gridBackground + \")\",\r\n backgroundPositionX: 'left',\r\n backgroundPositionY: 'bottom',\r\n backgroundSize: '50%',\r\n backgroundRepeat: 'no-repeat',\r\n height: '100vh',\r\n overflow: \"hidden\",\r\n },\r\n}));\r\n\r\n\r\nexport default function Error(props :IResult) {\r\n const classes = useStyles();\r\n return (\r\n <>\r\n \r\n \r\n \r\n
\r\n \r\n {props.children}\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n );\r\n}","import React, { useEffect } from \"react\";\r\nimport {\r\n AccountInfo,\r\n InteractionRequiredAuthError,\r\n PublicClientApplication,\r\n SilentRequest,\r\n} from \"@azure/msal-browser\";\r\nimport {\r\n AuthenticatedTemplate,\r\n MsalProvider,\r\n UnauthenticatedTemplate,\r\n} from \"@azure/msal-react\";\r\nimport { Button } from \"@material-ui/core\";\r\nimport \"./App.css\";\r\nimport { loginRequest, msalConfig } from \"./azure/authConfig\";\r\nimport LandingPage from \"./pages/LandingPage\";\r\nimport Login from \"./pages/LoginPage\";\r\nimport Error from \"./pages/Error\";\r\nimport Title from \"./components/CommonUtils/title\";\r\nimport CustomizedSnackbar from \"./components/CommonUtils/snackbar\";\r\nimport { IDefaultLocation } from \"./components/CommonUtils/LocationRenderer/Location\";\r\nimport CircularProgress from \"@material-ui/core/CircularProgress\";\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport { apiURL } from \"./APIurls\";\r\nimport { FetchWithTimeout } from \"./components/CommonUtils/fetchWithTimeout\";\r\n\r\nlet LocationData: IDefaultLocation = {\r\n regionId: \"\",\r\n locationId: \"\",\r\n accessToken: \"\",\r\n};\r\ninterface IResult {\r\n status: string;\r\n message: string;\r\n}\r\nexport const DefaultLocation = React.createContext(LocationData);\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n alignScreenCenter: {\r\n display: \"flex\",\r\n flexDirection: \"column\",\r\n alignItems: \"center\",\r\n justifyContent: \"center\",\r\n width: \"100%\",\r\n height: \"100vh\",\r\n overflow: \"hidden\",\r\n },\r\n alignCenter: {\r\n display: \"flex\",\r\n flexDirection: \"column\",\r\n alignItems: \"center\",\r\n justifyContent: \"center\",\r\n overflow: \"hidden\",\r\n background: \"#fdfff4\",\r\n },\r\n}));\r\nfunction App() {\r\n let emptyResult: IResult = {\r\n status: \"\",\r\n message: \"\",\r\n };\r\n\r\n const classes = useStyles();\r\n const [isAuth, setIsAuth] = React.useState(\"\");\r\n const [isLoading, setIsLoading] = React.useState(\"\");\r\n const [userName, setuserName] = React.useState(\"\");\r\n\r\n const [result, setResult] = React.useState(emptyResult);\r\n //const [isSnackbarOpen, setSnackbarOpen] = React.useState(false);\r\n\r\n const msalInstance = new PublicClientApplication(msalConfig);\r\n\r\n //const handleSnackbarClose = (\r\n // event?: React.SyntheticEvent,\r\n // reason?: string\r\n //) => {\r\n // if (reason === \"clickaway\") {\r\n // return;\r\n // }\r\n // setSnackbarOpen(false);\r\n //};\r\n\r\n //const getGraphProfile = async (token: string) => {\r\n // var headers = new Headers();\r\n // console.log(token);\r\n // var bearer = \"Bearer \" + token;\r\n // headers.append(\"Authorization\", bearer);\r\n // var options = {\r\n // method: \"GET\",\r\n // headers: headers,\r\n // };\r\n // var graphEndpoint =\r\n // \"https://graph.microsoft.com/v1.0/me?$select=id,displayName,givenName,mail,employeeId\";\r\n // const response = await fetch(graphEndpoint, options);\r\n\r\n // return response.json();\r\n //};\r\n\r\n const getprofile = async (token?: any) => {\r\n //const reqBody = {\r\n // employeeId: empId,\r\n //};\r\n //var data = new FormData();\r\n //data.append(\"json\", JSON.stringify(reqBody));\r\n //const url = 'https://ingramrtw.azurewebsites.net/getemployeedetails';\r\n //const url = 'https://apactest.ingrammicro.com/HiveAPI/getemployeedetails';\r\n const url = apiURL.GET_EMPLOYEEDETAILS;\r\n try {\r\n const response = await FetchWithTimeout(url, {\r\n method: \"POST\",\r\n headers: {\r\n Accept: \"application/json\",\r\n \"Content-Type\": \"application/json\",\r\n \"Access-Control-Allow-Origin\": \"*\",\r\n Authorization: `Bearer ${token}`,\r\n },\r\n //body: JSON.stringify(reqBody),\r\n mode: \"cors\",\r\n });\r\n\r\n return response.json();\r\n } catch (error: any) {\r\n error && error.name === \"AbortError\"\r\n ? setResult({\r\n status: \"Failed\",\r\n message: \"Your request has timed out. Try again in sometime.\",\r\n })\r\n : setResult({\r\n status: \"Failed\",\r\n message: \"Oops!! Something went wrong.\",\r\n });\r\n //setSnackbarOpen(true);\r\n setIsAuth(\"Error\");\r\n setIsLoading(\"loaded\");\r\n }\r\n };\r\n\r\n const handleLogin = async () => {\r\n try {\r\n setIsLoading(\"true\");\r\n const tokenResponse = await msalInstance.loginPopup(loginRequest);\r\n const myAccounts: AccountInfo[] = await msalInstance.getAllAccounts();\r\n const accreq: SilentRequest = {\r\n account: myAccounts[0],\r\n //scopes: [\"api://ac153d38-1d00-499f-b2e5-d83de473d346/.default\"],\r\n scopes: [`${process.env.REACT_APP_SCOPES!}`], //added scopes in env\r\n };\r\n const apiResponse = await msalInstance.acquireTokenSilent(accreq);\r\n console.log(\"api response\", apiResponse);\r\n LocationData = {\r\n regionId: \"\",\r\n locationId: \"\",\r\n accessToken: apiResponse.accessToken,\r\n };\r\n // const graphProfile = await getGraphProfile(tokenResponse.accessToken);\r\n //const empId = graphProfile.employeeId;\r\n // let temp = graphProfile.employeeId;\r\n //console.log(graphProfile);\r\n\r\n //let empid = \"\";\r\n //const replace = new RegExp(\"r'^0+(?!$)'\");\r\n //temp = temp.replace(/^0+/, \"\");\r\n //empid = temp;\r\n //const empId = parseInt(graphProfile.employeeId);\r\n\r\n const profile = await getprofile(apiResponse.accessToken);\r\n if (profile.Result.length == 0) {\r\n setResult({\r\n status: \"Failed\",\r\n message: \"You do not have enough privileges to login\",\r\n });\r\n //setSnackbarOpen(true);\r\n setIsAuth(\"Error\");\r\n setIsLoading(\"loaded\");\r\n } else {\r\n const roleId = profile.Result.roleId;\r\n const RegionId = profile.Result.regionId;\r\n const LocationId = profile.Result.location;\r\n LocationData = {\r\n regionId: RegionId,\r\n locationId: LocationId,\r\n accessToken: apiResponse.accessToken,\r\n };\r\n\r\n if (\r\n roleId === 3 ||\r\n roleId === 4 ||\r\n roleId === 5 ||\r\n roleId === 6 ||\r\n roleId === 7\r\n ) {\r\n setIsAuth(\"1\");\r\n setIsLoading(\"loaded\");\r\n } else {\r\n setIsAuth(\"unauthorized\");\r\n setIsLoading(\"loaded\");\r\n setResult({\r\n status: \"unauthorized\",\r\n message: \"You do not have enough privileges to login\",\r\n });\r\n }\r\n }\r\n } catch (err) {\r\n console.log(err);\r\n setResult({\r\n status: \"Failed\",\r\n message: \"Oops!! Something went wrong.\",\r\n });\r\n //setSnackbarOpen(true);\r\n setIsAuth(\"Error\");\r\n setIsLoading(\"loaded\");\r\n }\r\n };\r\n\r\n const silentSSO = async () => {\r\n setIsLoading(\"true\");\r\n //const myAccounts: AccountInfo[] = await msalInstance.getAllAccounts();\r\n\r\n const myAccounts: AccountInfo[] = await msalInstance.getAllAccounts();\r\n const accreq: SilentRequest = {\r\n account: myAccounts[0],\r\n // scopes: [\"api://ac153d38-1d00-499f-b2e5-d83de473d346/.default\"],\r\n scopes: [`${process.env.REACT_APP_SCOPES!}`], //added scopes in env\r\n };\r\n let silentRequest = {\r\n scopes: [\"openid profile offline_access user.read directory.read.all\"],\r\n loginHint: \"\",\r\n };\r\n if (myAccounts.length > 0) {\r\n silentRequest = {\r\n scopes: [\"openid profile offline_access user.read directory.read.all\"],\r\n loginHint: myAccounts[0].username,\r\n };\r\n } else {\r\n console.log(\"no accounts found\");\r\n }\r\n\r\n try {\r\n //if (userName !== \"\") {\r\n // const tokenResponse = await msalInstance.ssoSilent(silentRequest);\r\n\r\n //const graphProfile = await getGraphProfile(tokenResponse.accessToken);\r\n //let temp = graphProfile.employeeId\r\n //let empid = '';\r\n //try {\r\n // empid = parseInt(temp).toString();\r\n // console.log(\"int\",empid);\r\n //}\r\n //catch {\r\n // empid = temp;\r\n // console.log(\"string\", empid);\r\n\r\n //}\r\n //if (empid == 'NaN') {\r\n // empid = temp;\r\n // console.log(\"string if\", empid);\r\n\r\n //}\r\n //let temp = '1234';\r\n //let temp = graphProfile.employeeId;\r\n //console.log(graphProfile);\r\n\r\n //let empid = \"\";\r\n ////const replace = new RegExp(\"r'^0+(?!$)'\");\r\n //temp = temp.replace(/^0+/, \"\");\r\n //empid = temp;\r\n\r\n //const containsAlphabets = new RegExp('[A-Za-z]');\r\n //if (containsAlphabets.test(temp)) {\r\n // empid = temp;\r\n // console.log(\"string\", empid);\r\n //}\r\n //else {\r\n // empid = parseInt(temp).toString();\r\n // console.log(\"int\", empid);\r\n //}\r\n\r\n //console.log(\"Final\",empid);\r\n\r\n //const empId = parseInt(graphProfile.employeeId);\r\n\r\n const apiResponse = await msalInstance.acquireTokenSilent(accreq);\r\n //const apiResponse = {accessToken: \"aasfvkahsfcvhjcvhkasvcjhavsjhavcshvcshjavscjhavsjhvcha\" };\r\n\r\n console.log(\"api response\", apiResponse);\r\n LocationData = {\r\n regionId: \"\",\r\n locationId: \"\",\r\n accessToken: apiResponse.accessToken,\r\n };\r\n\r\n const profile = await getprofile(apiResponse.accessToken);\r\n if (profile.Result.length == 0) {\r\n setResult({\r\n status: \"Failed\",\r\n message: \"You do not have enough privileges to login\",\r\n });\r\n //setSnackbarOpen(true);\r\n setIsAuth(\"Error\");\r\n setIsLoading(\"loaded\");\r\n } else {\r\n const roleId = profile.Result.roleId;\r\n const RegionId = profile.Result.regionId;\r\n const LocationId = profile.Result.location;\r\n LocationData = {\r\n regionId: RegionId,\r\n locationId: LocationId,\r\n accessToken: apiResponse.accessToken,\r\n };\r\n\r\n if (\r\n roleId === 3 ||\r\n roleId === 4 ||\r\n roleId === 5 ||\r\n roleId === 6 ||\r\n roleId === 7\r\n ) {\r\n setIsAuth(\"1\");\r\n setIsLoading(\"loaded\");\r\n } else {\r\n setIsAuth(\"unauthorized\");\r\n setIsLoading(\"loaded\");\r\n setResult({\r\n status: \"unauthorized\",\r\n message: \"You do not have enough privileges to login\",\r\n });\r\n }\r\n }\r\n\r\n setIsLoading(\"loaded\");\r\n //}\r\n //else {\r\n // setIsAuth(\"Error\");\r\n // setIsLoading(\"loaded\");\r\n //}\r\n } catch (err) {\r\n if (err instanceof InteractionRequiredAuthError) {\r\n const loginResponse = await msalInstance\r\n .loginPopup(silentRequest)\r\n .catch((error) => {\r\n console.log(\"error\", error, loginResponse);\r\n });\r\n } else {\r\n setIsAuth(\"Error\");\r\n setIsLoading(\"loaded\");\r\n }\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n silentSSO();\r\n }, []);\r\n const TemphandleLogin = async () => {\r\n const profile = await getprofile(228357);\r\n console.log(\"profile\", profile);\r\n setIsAuth(\"1\");\r\n setIsLoading(\"loaded\");\r\n };\r\n return (\r\n <>\r\n {\r\n \r\n \r\n \r\n
\r\n \r\n {props.status === \"Failed\"?\r\n < Title variant=\"h4\" color=\"error\">\r\n {props.message}\r\n \r\n : < Title variant=\"h4\" color=\"error\">\r\n You do not have enough privileges to login\r\n \r\n\r\n }\r\n \r\n
\r\n \r\n loading... \r\n
\r\n ) : isAuth === \"1\" ? (\r\n \r\n // \r\n // Login\r\n //\r\n //
\r\n //\r\n // You do not have enough privileges to login\r\n // \r\n //
\r\n // \r\n //
\r\n\r\nLogin\r\n
\r\nYou do not have enough privileges to login</ Title>\r\n</div>\r\n</Login>\r\n\r\n<CustomizedSnackbar\r\nstatus={result.status}\r\nmessage={result.message}\r\ndisplaySnackbar={isSnackbarOpen}\r\nhandleClose={handleSnackbarClose}\r\n/>\r\n*/}\r\n </>\r\n );\r\n}\r\n\r\nexport default App;\r\n","import { ReportHandler } from 'web-vitals';\r\n\r\nconst reportWebVitals = (onPerfEntry?: ReportHandler) => {\r\n if (onPerfEntry && onPerfEntry instanceof Function) {\r\n import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\r\n getCLS(onPerfEntry);\r\n getFID(onPerfEntry);\r\n getFCP(onPerfEntry);\r\n getLCP(onPerfEntry);\r\n getTTFB(onPerfEntry);\r\n });\r\n }\r\n};\r\n\r\nexport default reportWebVitals;\r\n","import React from 'react';\r\nimport { createMuiTheme } from '@material-ui/core/styles';\r\nimport { ThemeProvider } from '@material-ui/styles';\r\nimport { purple } from '@material-ui/core/colors';\r\nimport Button from '@material-ui/core/Button';\r\n\r\nconst theme = createMuiTheme({\r\n typography: {\r\n fontFamily: [\r\n 'Rubik',\r\n 'sans - serif',\r\n ].join(','),\r\n },\r\n palette: {\r\n primary: {\r\n main: '#3f71c0'\r\n },\r\n secondary: {\r\n main: '#11cb5f',\r\n },\r\n },\r\n});\r\n\r\nexport default theme;","import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport './index.css';\r\nimport App from './App';\r\nimport reportWebVitals from './reportWebVitals';\r\nimport { ThemeProvider } from '@material-ui/styles';\r\nimport theme from './components/ProductTheme/theme';\r\n\r\nReactDOM.render(\r\n <React.StrictMode>\r\n <ThemeProvider theme = {theme}>\r\n <App />\r\n </ThemeProvider>\r\n </React.StrictMode>,\r\n document.getElementById('root')\r\n);\r\n\r\n// If you want to start measuring performance in your app, pass a function\r\n// to log results (for example: reportWebVitals(console.log))\r\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\r\nreportWebVitals();\r\n"],"sourceRoot":""}
\r\n