\r\n {\r\n this.messagesEnd = el;\r\n }}\r\n style={{\r\n background: \"#f5f5f5\",\r\n minHeight: \"56vh\",\r\n maxHeight: \"56vh\",\r\n overflowY: \"scroll\",\r\n \r\n // padding: 10,\r\n }}\r\n >\r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nclass Bubble extends React.Component {\r\n shouldComponentUpdate(nextProps, nextState) {\r\n return (\r\n this.props.v.title !== nextProps.v.title ||\r\n this.props.otherUser !== nextProps.otherUser\r\n );\r\n }\r\n render() {\r\n const { v, currentUser, actionData, otherUser } = this.props;\r\n console.log(otherUser);\r\n return (\r\n - \r\n {this.state.chatData.map((v) => {\r\n return (\r\n
\r\n
\r\n \r\n \r\n \r\n
\r\n );\r\n}\r\n","import React from 'react';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport TextField from '@material-ui/core/TextField';\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n container: {\r\n display: 'inherit',\r\n flexWrap: 'wrap',\r\n },\r\n textField: {\r\n marginLeft: theme.spacing(1),\r\n marginRight: theme.spacing(1),\r\n width: 200,\r\n },\r\n}));\r\n\r\nexport default function DateAndTimePickers() {\r\n const classes = useStyles();\r\n\r\n return (\r\n \r\n );\r\n}","import React, { useEffect } from \"react\";\r\nimport useForceUpdate from \"use-force-update\";\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport ExpansionPanel from \"@material-ui/core/ExpansionPanel\";\r\nimport ExpansionPanelDetails from \"@material-ui/core/ExpansionPanelDetails\";\r\nimport ExpansionPanelSummary from \"@material-ui/core/ExpansionPanelSummary\";\r\nimport Typography from \"@material-ui/core/Typography\";\r\nimport ExpandMoreIcon from \"@material-ui/icons/ExpandMore\";\r\nimport Slider from \"./slider\";\r\nimport DateTime from \"./datetimepicker\";\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n root: {\r\n width: \"100%\",\r\n },\r\n heading: {\r\n fontSize: theme.typography.pxToRem(15),\r\n flexBasis: \"33.33%\",\r\n flexShrink: 0,\r\n },\r\n secondaryHeading: {\r\n fontSize: theme.typography.pxToRem(15),\r\n color: theme.palette.text.secondary,\r\n },\r\n}));\r\nconst ControlledExpansionPanels = (props) => {\r\n //console.log(props.panel);\r\n var dataval = props.showdata;\r\n const [datanew, datanewedit] = React.useState({\r\n name: dataval,\r\n id: 123,\r\n });\r\n function begin() {\r\n //console.log(JSON.stringify(props.showdata));\r\n datanewedit({\r\n ...datanew,\r\n name: props.showdata,\r\n });\r\n }\r\n useEffect(() => {\r\n if (datanew.name == props.showdata) return;\r\n\r\n datanewedit({\r\n datanew,\r\n name: props.showdata,\r\n });\r\n });\r\n const classes = useStyles();\r\n const [expanded, setExpanded] = React.useState(false);\r\n\r\n const handleChange = (panel) => (event, isExpanded) => {\r\n setExpanded(isExpanded ? panel : false);\r\n };\r\n const DynamicTabs = props.panel[0].checklist.InnerDetails.map((index) => {\r\n let id = index.Title;\r\n return (\r\n \r\n {index.InputType == \"Checkbox\" && (\r\n
\r\n \r\n \r\n
\r\n )}\r\n\r\n {index.InputType == \"Text field\" && (\r\n \r\n \r\n \r\n
\r\n )}\r\n {index.InputType == \"Anotation\" && (\r\n \r\n Buisness Name\r\n \r\n
\r\n )}\r\n\r\n {index.InputType == \"Slider\" && (\r\n \r\n
\r\n )}\r\n\r\n {index.InputType == \"DateTime\" && (\r\n \r\n
\r\n \r\n
\r\n )}\r\n\r\n {datanew.name == \"Text Field\" && (\r\n \r\n \r\n \r\n
\r\n )}\r\n {DynamicTabs}
;\r\n};\r\nexport default ControlledExpansionPanels;\r\n","import React, { useEffect } from \"react\";\r\nimport Typography from \"@material-ui/core/Typography\";\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport ExpansionPanel from \"@material-ui/core/ExpansionPanel\";\r\nimport ExpansionPanelDetails from \"@material-ui/core/ExpansionPanelDetails\";\r\nimport ExpansionPanelSummary from \"@material-ui/core/ExpansionPanelSummary\";\r\nimport ExpandMoreIcon from \"@material-ui/icons/ExpandMore\";\r\nimport TextField from \"@material-ui/core/TextField\";\r\n// import Slider from \"./slider\";\r\nimport DateTime from \"./datetimepicker\";\r\nimport Button from \"@material-ui/core/Button\";\r\nimport Input from \"@material-ui/core/Input\";\r\nimport Checkbox from \"@material-ui/core/Checkbox\";\r\nimport MenuItem from \"@material-ui/core/MenuItem\";\r\nimport Select from \"@material-ui/core/Select\";\r\nimport CircularProgress from \"@material-ui/core/CircularProgress\";\r\nimport ListItemText from \"@material-ui/core/ListItemText\";\r\n\r\nimport Colors from \"./../../Global/colors\";\r\nimport DarkButton from \"./../../Global/DarkButton\";\r\nimport Slider from \"@material-ui/core/Slider\";\r\n\r\nimport \"../../index.css\";\r\nvar _colorManipulator = require(\"../../../node_modules/@material-ui/core/styles/colorManipulator\");\r\nconst useStyles = makeStyles((theme) => ({\r\n root: {\r\n width: \"100%\",\r\n },\r\n heading: {\r\n fontSize: theme.typography.pxToRem(15),\r\n flexBasis: \"33.33%\",\r\n flexShrink: 0,\r\n color:'#043077',\r\n },\r\n secondaryHeading: {\r\n fontSize: theme.typography.pxToRem(15),\r\n color: theme.palette.text.secondary,\r\n },\r\n controlContainerStyle: {\r\n flex: 1,\r\n flexDirection: \"column\",\r\n //width:'100%',\r\n },\r\n controltyle: {\r\n marginBottom: 10,\r\n //borderBottomWidth:'thin',\r\n //border: '0px solid green', borderBottomColor: 'gray'\r\n },\r\n panelStyle: {\r\n backgroundColor: '#eaf7fe',\r\n borderRadius: 2.5,\r\n },\r\n header: {\r\n backgroundColor: Colors.backgroundColor,\r\n },\r\n labelStyle: {\r\n textAlign: \"left\",\r\n color: \"black\",\r\n fontSize: 15,\r\n fontFamily: \"ProductSans\",\r\n fontWeight: \"500\",\r\n },\r\n textBoxStyle: {\r\n fontWeight: \"bold\",\r\n paddingLeft: theme.spacing.unit,\r\n },\r\n textField: {\r\n width: \"90%\",\r\n marginLeft: \"auto\",\r\n marginRight: \"auto\",\r\n paddingBottom: 0,\r\n marginTop: 0,\r\n fontWeight: 500,\r\n },\r\n input: {\r\n color: \"black\",\r\n },\r\n buttonDivStyle: {\r\n textAlign: \"left\",\r\n color: \"black\",\r\n fontSize: 18,\r\n marginBottom: 5,\r\n alignSelf: \"center\",\r\n display: \"flex\",\r\n justifyContent: \"center\",\r\n },\r\n buttonStyle: {\r\n alignSelf: \"center\",\r\n display: \"flex\",\r\n justifyContent: \"center\",\r\n width: 150,\r\n },\r\n}));\r\nconst DrawControl = (props) => {\r\n const classes = useStyles();\r\n const MenuProps = {\r\n PaperProps: {\r\n style: {\r\n maxHeight: 48 * 4.5 + 8,\r\n width: 250,\r\n },\r\n },\r\n };\r\n\r\n\r\n React.useEffect(() => {}, [props.item.dataType, props.item.title])\r\n return (\r\n \r\n {props.item.dataType == \"Text field\" && (\r\n \r\n \r\n {props.item.mandatory ? \"*\" + props.item.title : props.item.title}\r\n \r\n\r\n {!props.item.multiselection ? (\r\n props.item.responseLibrary?.responses.map((response) => {\r\n return (\r\n
\r\n )}\r\n \r\n );\r\n};\r\nconst Section = (props) => {\r\n const classes = useStyles();\r\n const [expanded, setExpanded] = React.useState(false);\r\n\r\n const handleChange = (panel) => (event, isExpanded) => {\r\n setExpanded(isExpanded ? panel : false);\r\n };\r\n var list =\r\n props.section.checklist.list != undefined\r\n ? props.section.checklist.list\r\n : [];\r\n return (\r\n \r\n {/* */}\r\n \r\n {props.item.mandatory ? \"*\" + props.item.title : props.item.title}\r\n \r\n
\r\n )}\r\n\r\n {props.item.dataType == \"Checkbox\" && (\r\n \r\n \r\n
\r\n )}\r\n {props.item.dataType == \"Anotation\" && (\r\n \r\n \r\n {props.item.mandatory ? \"*\" + props.item.title : props.item.title}\r\n \r\n \r\n
\r\n )}\r\n\r\n {props.item.dataType == \"Slider\" && (\r\n \r\n \r\n {props.item.mandatory ? \"*\" + props.item.title : props.item.title}\r\n \r\n
\r\n )}\r\n\r\n {props.item.dataType == \"DateTime\" && (\r\n \r\n null}\r\n style={{ marginLeft: \"10%\" }}\r\n min={0}\r\n max={10}\r\n />\r\n
\r\n \r\n \r\n {props.item.mandatory ? \"*\" + props.item.title : props.item.title}\r\n \r\n
\r\n )}\r\n\r\n {props.item.dataType == \"Number\" && (\r\n \r\n \r\n {props.item.mandatory ? \"*\" + props.item.title : props.item.title}\r\n \r\n
\r\n )}\r\n\r\n {props.item.dataType == \"Multi-Text\" && (\r\n \r\n \r\n {props.item.mandatory ? \"*\" + props.item.title : props.item.title}\r\n \r\n
\r\n )}\r\n\r\n {props.item.dataType == \"Location\" && (\r\n \r\n \r\n {props.item.mandatory ? \"*\" + props.item.title : props.item.title}\r\n \r\n
\r\n )}\r\n\r\n {props.item.dataType == \"Custom\" && (\r\n \r\n \r\n \r\n {response.title}\r\n \r\n \r\n
\r\n );\r\n })\r\n ) : (\r\n \r\n setSelectedSites(e.target.value)}\r\n input={}\r\n //renderValue={(selected) =>\r\n //selected.map((item) => item.title).join(\", \")\r\n //}\r\n MenuProps={MenuProps}\r\n variant=\"outlined\"\r\n >\r\n {props.item.responseLibrary.responses.map((name) => (\r\n \r\n ))}\r\n \r\n
\r\n )}\r\n \r\n \r\n \r\n {props.section.title}\r\n \r\n \r\n \r\n {list\r\n .filter((v) => v.status !== \"deleted\")\r\n .map((item) => {\r\n return \r\n \r\n
\r\n );\r\n};\r\nconst ControlledExpansionPanels = (props) => {\r\n const classes = useStyles();\r\n const [expanded, setExpanded] = React.useState(false);\r\n const [items, setItems] = React.useState([]);\r\n const fillTemplate = () => {\r\n var list = [];\r\n if (props.HOCprops.template != undefined)\r\n list = [...props.HOCprops.template];\r\n else list = [...props.HOCprops];\r\n\r\n //alert(JSON.stringify(props.HOCprops))\r\n setItems(list);\r\n };\r\n React.useState(\r\n () => {\r\n fillTemplate();\r\n },\r\n [props.HOCprops.template]\r\n );\r\n const handleChange = (panel) => (event, isExpanded) => {\r\n setExpanded(isExpanded ? panel : false);\r\n };\r\n\r\n var template_demo = [];\r\n if (props.HOCprops.template != undefined)\r\n template_demo = [...props.HOCprops.template];\r\n else template_demo = [...props.HOCprops];\r\n\r\n return (\r\n \r\n {template_demo.length == 0 &&
\r\n );\r\n};\r\nexport default ControlledExpansionPanels;\r\n","import {\r\n withStyles,\r\n} from \"@material-ui/core/styles\";\r\nimport Button from \"@material-ui/core/Button\";\r\nimport Colors from \"./colors\"\r\n\r\nconst lightButton = withStyles((theme) => ({\r\n root: {\r\n backgroundColor: Colors.buttonColor,\r\n \"&:hover\": {\r\n backgroundColor: Colors.primaryColor,\r\n },\r\n },\r\n label: {\r\n color: Colors.buttonTextColor\r\n }\r\n}))(Button);\r\n\r\nexport default lightButton\r\n","import React, { useEffect } from \"react\";\r\nimport clsx from \"clsx\";\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport SwipeableDrawer from \"@material-ui/core/SwipeableDrawer\";\r\nimport Typography from \"@material-ui/core/Typography\";\r\nimport Button from \"@material-ui/core/Button\";\r\nimport Divider from \"@material-ui/core/Divider\";\r\nimport Collapse from \"./templatecollapseMain\";\r\nimport Sidebar from \"./templatecollapse\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { Redirect } from \"react-router\";\r\nimport refresh_token from \"./../../Global/refresh_token\";\r\nimport GlobalApi from \"./../../Global/index\";\r\nimport DarkButton from \"./../../Global/DarkButton\";\r\nimport LightButton from \"./../../Global/LightButton\";\r\nimport Grid from \"@material-ui/core/Grid\";\r\nimport CircularProgress from \"@material-ui/core/CircularProgress\";\r\nimport Colors from \"./../../Global/colors\";\r\nimport swal from \"@sweetalert/with-react\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport { useSelector, useDispatch } from \"react-redux\";\r\nimport {useTranslation} from 'react-i18next';\r\nconst useStyles = makeStyles({\r\n list: {\r\n width: 480,\r\n },\r\n fullList: {\r\n width: \"auto\",\r\n },\r\n});\r\n\r\nexport default function SwipeableTemporaryDrawer(props) {\r\n //var id= props.id;\r\n //var title=props.title;\r\n //var description=props.description;\r\n const { t } = useTranslation();\r\n const classes = useStyles();\r\n const [templateId, setTemplateId] = React.useState(props.id);\r\n const [btnLoader, setBtnLoader] = React.useState(false);\r\n const [packageDetails, setPackageDetails] = React.useState(null);\r\n const [btnLoader2, setBtnLoader2] = React.useState(false);\r\n const history = useHistory();\r\n const [state, setState] = React.useState({\r\n right: false,\r\n });\r\n const [panel, setPanel] = React.useState([]);\r\n const [currentCompany, setCurrentCompany] = React.useState();\r\n const [templateDetails, setTemplateDetails] = React.useState({});\r\n const [permissions_obj, setPermissionObj] = React.useState({});\r\n\r\n React.useEffect(() => {\r\n setTemplateId(props.id);\r\n getPackageDetails();\r\n }, []);\r\n let userData = useSelector((state) => state.userReducer.user);\r\n\r\n const getPermissions = () => {\r\n console.log(\"$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$\");\r\n let localstorage = localStorage.getItem(\"UserData\");\r\n var data = JSON.parse(localstorage);\r\n let token = data?.token;\r\n if (data !== null) {\r\n let params = { company_id: company?.id, user_id: data?.user_id };\r\n let query = Object.keys(params)\r\n .map((k) => encodeURIComponent(k) + \"=\" + encodeURIComponent(params[k]))\r\n .join(\"&\");\r\n\r\n fetch(GlobalApi + \"/User/get_user_permission_of_company?\" + query, {\r\n method: \"GET\",\r\n headers: {\r\n Authorization: \"Bearer \" + token,\r\n \"Content-Type\": \"application/json\",\r\n },\r\n })\r\n .then((responseJson) => responseJson.json())\r\n .then(async (response) => {\r\n \r\n if (response.msg === \"success\") {\r\n let permissionsObj = {};\r\n await response.data.map((v) => {\r\n permissionsObj[(v?.title)] = true;\r\n });\r\n \r\n\r\n setPermissionObj(permissionsObj);\r\n } else if (\r\n response.error === \"jwt expired\" ||\r\n response.error === \"invalid token\" ||\r\n response.error === \"invalid signature\" ||\r\n response.error === \"jwt malformed\" ||\r\n response.error === \"Unexpected token\"\r\n ) {\r\n let status = await refresh_token();\r\n // console.log(status);\r\n if (status) {\r\n // console.log(\"opopopop\");\r\n getPermissions();\r\n }\r\n }\r\n })\r\n .catch((error) => {\r\n // localStorage.clear();\r\n // window.location.replace(\"/signin\");\r\n console.log(\"FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFF\", error.message);\r\n });\r\n }\r\n };\r\n\r\n let company = useSelector((state) => state.companyReducer.company);\r\n useEffect(\r\n () => {\r\n setCurrentCompany(company);\r\n getPermissions();\r\n },\r\n [company?.id]\r\n );\r\n\r\n const getPackageDetails = async () => {\r\n let localstorage = localStorage.getItem(\"UserData\");\r\n var data = JSON.parse(localstorage);\r\n let token = data?.token;\r\n if (data == undefined) {\r\n return \r\n
}\r\n {template_demo?.map((item) => {\r\n if (item.status == \"deleted\") return;\r\n return (\r\n \r\n {[\"right\"].map((anchor) => (\r\n \r\n {props.isDisabled ? (\r\n \r\n Featured 1\r\n \r\n ) : (\r\n \r\n {t(\"use this template\")}\r\n \r\n )}\r\n {state[anchor] && (\r\n \r\n \r\n {/* {list(anchor)} */}\r\n \r\n \r\n \r\n {t(\"Preview\")}\r\n \r\n \r\n \r\n {\r\n setState({ ...state, right: false });\r\n }}\r\n style={{\r\n color: Colors.globalColor8,\r\n cursor: \"pointer\",\r\n fontWeight: \"bold\",\r\n fontSize: \"14px\",\r\n }}\r\n >\r\n X\r\n \r\n \r\n \r\n\r\n \r\n {packageDetails?.template_limit !== \"Unlimited\" && <>\r\n {packageDetails?.template_limit > packageDetails?.template_count ? (\r\n <>\r\n {\" \"}\r\n \r\n {panel.length > 0 &&\r\n (userData?.super_admin == true ||\r\n permissions_obj[\"Admin\"] == true ||\r\n permissions_obj[\"Template Creation\"] == true) ? (\r\n {\r\n handleBack(panel);\r\n }}\r\n >\r\n {btnLoader === true && (\r\n \r\n {btnLoader === true && (\r\n \r\n \r\n {panel.length > 0 &&\r\n (userData?.super_admin == true ||\r\n permissions_obj[\"Admin\"] == true ||\r\n permissions_obj[\"Template Creation\"] == true) ? (\r\n {\r\n createScheduleDirect(panel);\r\n }}\r\n >\r\n {btnLoader2 === true && (\r\n \r\n {btnLoader2 === true && (\r\n \r\n \r\n ) : (\r\n \r\n \r\n \r\n {\"Upgrade Package\"}\r\n \r\n \r\n \r\n )}\r\n }\r\n\r\n {packageDetails?.template_limit === \"Unlimited\" && <>\r\n {\" \"}\r\n \r\n {panel.length > 0 &&\r\n (userData?.super_admin == true ||\r\n permissions_obj[\"Admin\"] == true ||\r\n permissions_obj[\"Template Creation\"] == true) ? (\r\n {\r\n handleBack(panel);\r\n }}\r\n >\r\n {btnLoader === true && (\r\n \r\n {btnLoader === true && (\r\n \r\n \r\n {panel.length > 0 &&\r\n (userData?.super_admin == true ||\r\n permissions_obj[\"Admin\"] == true ||\r\n permissions_obj[\"Template Creation\"] == true) ? (\r\n {\r\n createScheduleDirect(panel);\r\n }}\r\n >\r\n {btnLoader2 === true && (\r\n \r\n {btnLoader2 === true && (\r\n \r\n }\r\n\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n \r\n )}\r\n \r\n ))}\r\n \r\n );\r\n}\r\n","import React from \"react\";\r\n\r\nexport default function NoRecords() {\r\n return (\r\n ![](\"/images/no_records.png\")
\r\n \r\n );\r\n}\r\n","import React from \"react\";\r\n\r\nimport Colors from \"./colors\"\r\nfunction fn(text, count, setShow) {\r\n return text.slice(0, count) + (text.length > count ? \"\" : \"\");\r\n}\r\nconst ReadMore = ({ text }) => {\r\n const [show, setShow] = React.useState(false);\r\n return (\r\n <>\r\n {show ? (\r\n <>\r\n {text}\r\n \r\n \r\n {/*
\r\n\r\n \r\n {this.state.loaderBtn == true\r\n ? \"Please Wait...\"\r\n : \"Blank Template\"}\r\n \r\n \r\n ) : (\r\n // \r\n
\r\n
\r\n\r\n {this.props.permissions === false ? (\r\n Not Permitted\r\n ) : (\r\n Blank Template\r\n )}\r\n
\r\n )}\r\n \r\n\r\n {this.props.permissions === false ? (\r\n Not Permitted\r\n ) : (\r\n Blank Template\r\n )}\r\n
\r\n (\r\n \r\n )}\r\n />\r\n
\r\n Need inspiration?
*/}\r\n\r\n
*/}\r\n \r\n {\"More Options\"}\r\n
\r\n\r\n
\r\n );\r\n } else {\r\n return (\r\n <>\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n {schedules.map((v) => {\r\n return (\r\n \r\n {v.title}\r\n \r\n );\r\n })}\r\n\r\n {/* \r\n history.push({\r\n pathname: \"/schedule-create\",\r\n state: { template_id: template_id },\r\n })\r\n }\r\n >\r\n Schedule Inspection\r\n */}\r\n\r\n \r\n history.push({\r\n pathname: \"/schedule-create\",\r\n state: { template_id: template_id },\r\n })\r\n }\r\n >\r\n {t(\"Schedule Inspection\")}\r\n \r\n
\r\n );\r\n};\r\n\r\nconst ShareContainer = ({ template_id, created_by }) => {\r\n const { t } = useTranslation();\r\n const [users, setUsers] = React.useState([]);\r\n const [shares, setShares] = useState(null);\r\n const [selectedUsers, setSelectedUsers] = useState(null);\r\n const [currentUser, setCurrentUser] = useState({});\r\n const [currentCompanyShare, setCurrentCompanyShare] = useState(\"\");\r\n\r\n let companyData = useSelector((state) => state.companyReducer.company);\r\n\r\n useEffect(\r\n () => {\r\n setCurrentCompanyShare(companyData);\r\n fetchUsers(companyData);\r\n fetchShares();\r\n let localstorage = localStorage.getItem(\"UserData\");\r\n var data = JSON.parse(localstorage);\r\n\r\n setCurrentUser(data);\r\n console.log(template_id);\r\n },\r\n [companyData]\r\n );\r\n\r\n const fetchUsers = (company) => {\r\n let localstorage = localStorage.getItem(\"UserData\");\r\n var data = JSON.parse(localstorage);\r\n let token = data.token;\r\n let params = {\r\n company_id: company.id,\r\n };\r\n\r\n let query = Object.keys(params)\r\n .map((k) => encodeURIComponent(k) + \"=\" + encodeURIComponent(params[k]))\r\n .join(\"&\");\r\n\r\n fetch(GlobalApi + \"/user/get_entity?\" + query, {\r\n method: \"GET\",\r\n headers: {\r\n Authorization: \"Bearer \" + token,\r\n \"Content-Type\": \"application/json\",\r\n },\r\n })\r\n .then((responseJson) => responseJson.json())\r\n .then(async (response) => {\r\n console.log(\"response of fetch users\", response);\r\n if (response.status == \"Success\") {\r\n setUsers(response.data);\r\n } else if (\r\n response.error === \"jwt expired\" ||\r\n response.error === \"invalid token\" ||\r\n response.error === \"invalid signature\" ||\r\n response.error == \"Unexpected token\"\r\n ) {\r\n let status = await refresh_token();\r\n console.log(status);\r\n if (status) {\r\n console.log(\"opopopop\");\r\n fetchUsers(company);\r\n }\r\n }\r\n })\r\n .catch((error) => console.log(error.message));\r\n };\r\n\r\n const fetchShares = () => {\r\n let localstorage = localStorage.getItem(\"UserData\");\r\n var data = JSON.parse(localstorage);\r\n let token = data.token;\r\n let params = {\r\n template_id,\r\n };\r\n\r\n let query = Object.keys(params)\r\n .map((k) => encodeURIComponent(k) + \"=\" + encodeURIComponent(params[k]))\r\n .join(\"&\");\r\n\r\n fetch(GlobalApi + \"/TemplateShare/get_all_template_shares?\" + query, {\r\n method: \"GET\",\r\n headers: {\r\n Authorization: \"Bearer \" + token,\r\n \"Content-Type\": \"application/json\",\r\n },\r\n })\r\n .then((responseJson) => responseJson.json())\r\n .then(async (response) => {\r\n if (response.status == \"Success\") {\r\n setShares(response.data);\r\n } else if (\r\n response.error === \"jwt expired\" ||\r\n response.error === \"invalid token\" ||\r\n response.error === \"invalid signature\" ||\r\n response.error == \"Unexpected token\"\r\n ) {\r\n let status = await refresh_token();\r\n console.log(status);\r\n if (status) {\r\n console.log(\"opopopop\");\r\n fetchShares();\r\n }\r\n }\r\n })\r\n .catch((error) => console.log(error.message));\r\n };\r\n\r\n async function handleSubmit() {\r\n console.log(\"shared careted\", template_id);\r\n let localstorage = localStorage.getItem(\"UserData\");\r\n var data = JSON.parse(localstorage);\r\n let token = data.token;\r\n if (selectedUsers) {\r\n if (shares.filter((v) => v.user_id == selectedUsers).length == 0) {\r\n await fetch(GlobalApi + \"/TemplateShare/create_template_share\", {\r\n method: \"post\",\r\n headers: new Headers({\r\n Authorization: \"Bearer \" + token,\r\n \"Content-Type\": \"application/json\",\r\n }),\r\n body: JSON.stringify({\r\n user_id: selectedUsers,\r\n company_id: currentCompanyShare.id,\r\n template_id,\r\n isOwner: false,\r\n isEditor: false,\r\n }),\r\n });\r\n\r\n fetchShares();\r\n } else {\r\n swal(t(\"Warning\"), t(\"User already exists\"), \"warning\");\r\n }\r\n } else {\r\n swal(t(\"Warning\"), t(\"No User Selected\"), \"warning\");\r\n }\r\n }\r\n\r\n async function handleEditorToggle(isEditor, template_share_id) {\r\n let localstorage = localStorage.getItem(\"UserData\");\r\n var data = JSON.parse(localstorage);\r\n let token = data.token;\r\n await fetch(GlobalApi + \"/TemplateShare/edit_template_share\", {\r\n method: \"post\",\r\n headers: new Headers({\r\n Authorization: \"Bearer \" + token,\r\n \"Content-Type\": \"application/json\",\r\n }),\r\n body: JSON.stringify({\r\n template_share_id,\r\n isEditor,\r\n }),\r\n });\r\n\r\n fetchShares();\r\n }\r\n\r\n async function handleDelete(template_share_id) {\r\n let localstorage = localStorage.getItem(\"UserData\");\r\n var data = JSON.parse(localstorage);\r\n let token = data.token;\r\n await fetch(GlobalApi + \"/TemplateShare/delete_template_share\", {\r\n method: \"post\",\r\n headers: new Headers({\r\n Authorization: \"Bearer \" + token,\r\n \"Content-Type\": \"application/json\",\r\n }),\r\n body: JSON.stringify({\r\n template_share_id,\r\n }),\r\n });\r\n\r\n fetchShares();\r\n }\r\n // console.log(currentUser.user_id,\r\n // currentUser.user_id !== currentUser.user_id || shares.filter((v) => v.user_id === currentUser.user_id)[0]\r\n // ?.isOwner == false ? true : false\r\n // );\r\n\r\n console.log(\"USERS>>>>>>>>\", users);\r\n\r\n return (\r\n <>\r\n \r\n \r\n \r\n {/* \r\n `${option.first_name} ${option.last_name}`\r\n }\r\n fullWidth\r\n value={selectedUsers}\r\n onChange={(event, newValue) => {\r\n setSelectedUsers(newValue);\r\n }}\r\n size=\"small\"\r\n renderInput={(params) => (\r\n \r\n \r\n {t(\"Select User\")}\r\n \r\n {\r\n setSelectedUsers(e.target.value);\r\n }}\r\n label={t(\"Select User\")}\r\n >\r\n {users.map((item, index) => {\r\n return (\r\n \r\n );\r\n })}\r\n \r\n \r\n \r\n \r\n {/* v.user_id === currentUser.user_id)[0]?.isOwner == false ? true : false}>\r\n Add Share\r\n */}\r\n\r\n v.user_id === currentUser.user_id)[0]\r\n ?.isOwner == false\r\n ? true\r\n : false\r\n }\r\n >\r\n {t(\"Add Share\")}\r\n \r\n \r\n\r\n \r\n
\r\n {shares === null && (\r\n\r\n \r\n \r\n \r\n {share?.User?.first_name} {share?.User?.last_name}\r\n \r\n \r\n {share?.isOwner == true ||\r\n share?.user_id === created_by ? (\r\n <>{t(\"Owner\")}\r\n ) : (\r\n <>{t(\"Viewer\")}\r\n )}\r\n \r\n \r\n \r\n \r\n handleEditorToggle(!share?.isEditor, share.id)\r\n }\r\n disabled={\r\n created_by == currentUser.user_id\r\n ? false\r\n : true ||\r\n shares.filter(\r\n (v) => v.user_id === currentUser.user_id\r\n )[0]?.isOwner == false\r\n ? true\r\n : false\r\n }\r\n />\r\n }\r\n label={t(\"Is Editor\")}\r\n />\r\n \r\n \r\n handleDelete(share.id)}\r\n disabled={\r\n created_by == currentUser.user_id\r\n ? false\r\n : true ||\r\n shares.filter(\r\n (v) => v.user_id === currentUser.user_id\r\n )[0]?.isOwner == false\r\n ? true\r\n : false\r\n }\r\n >\r\n \r\n \r\n \r\n );\r\n })}\r\n \r\n \r\n
\r\n \r\n );\r\n};\r\n","import React, { useState, useEffect } from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport AppBar from \"@material-ui/core/AppBar\";\r\nimport Tabs from \"@material-ui/core/Tabs\";\r\nimport Tab from \"@material-ui/core/Tab\";\r\nimport Typography from \"@material-ui/core/Typography\";\r\nimport Box from \"@material-ui/core/Box\";\r\nimport Actionadd from \"./inspectionPopup\";\r\nlet textInput = React.createRef();\r\n\r\n\r\n \r\n\r\nfunction TabPanel(props) {\r\n const { children, value, index, ...other } = props;\r\n\r\n return (\r\n \r\n {shares === null && (\r\n
\r\n
\r\n )}\r\n {shares != null &&\r\n shares\r\n .sort(\r\n (a, b) =>\r\n new Date(a.createdAt).getTime() -\r\n new Date(b.createdAt).getTime()\r\n )\r\n .map((share) => {\r\n return (\r\n {value.peoplename}
\r\n {value.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 isModalOpen && setIsModalOpen(false)}/>\r\n }\r\n
\r\n );\r\n}\r\n","import React from 'react';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport InputLabel from '@material-ui/core/InputLabel';\r\nimport MenuItem from '@material-ui/core/MenuItem';\r\nimport FormControl from '@material-ui/core/FormControl';\r\nimport Select from '@material-ui/core/Select';\r\nimport Button from '@material-ui/core/Button';\r\n\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n button: {\r\n display: 'block',\r\n marginTop: theme.spacing(2),\r\n },\r\n formControl: {\r\n margin: theme.spacing(1),\r\n minWidth: 120,\r\n },\r\n}));\r\n\r\nexport default function ControlledOpenSelect() {\r\n const classes = useStyles();\r\n const [age, setAge] = React.useState('');\r\n const [open, setOpen] = React.useState(false);\r\n\r\n const handleChange = (event) => {\r\n setAge(event.target.value);\r\n };\r\n\r\n const handleClose = () => {\r\n setOpen(false);\r\n };\r\n\r\n const handleOpen = () => {\r\n setOpen(true);\r\n };\r\n\r\n return (\r\n \r\n \r\n
\r\n
\r\n | Template | \r\n\r\n Workplace Reopening Checklist for\r\n | \r\n
| Status | \r\n\r\n Incomplete \r\n | \r\n
| Score | \r\n\r\n 0%\r\n | \r\n
| Items Completed | \r\n\r\n \r\n 0 / 36\r\n \r\n | \r\n
| Organisation | \r\n\r\n \r\n Finesols Team\r\n \r\n | \r\n
| Owner | \r\n\r\n \r\n Khurram Naushad Khan\r\n \r\n | \r\n
| Author | \r\n\r\n \r\n Khurram Naushad Khan\r\n \r\n | \r\n
| Last modified by | \r\n\r\n \r\n Khurram Naushad Khan\r\n \r\n | \r\n
\r\n \r\n View Report\r\n \r\n \r\n Export Report\r\n \r\n
\r\n \r\n
\r\n Add People
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n\r\n Current Shares
\r\n \r\n\r\n
\r\n\r\n\r\n \r\n
\r\n\r\n\r\n \r\n {list}\r\n
\r\n \r\n\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n ![](\"./images/noaction.svg\")
\r\n
\r\n
\r\n\r\n \r\n \r\n
No Action found
\r\n Click Add Action to add an action to this inspection.
\r\n\r\n \r\n \r\n \r\n
\r\n \r\n \r\n Priority \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n
\r\n );\r\n}\r\n","import React, { useState, useEffect } from \"react\";\r\nimport { withStyles } from \"@material-ui/core/styles\";\r\nimport Button from \"@material-ui/core/Button\";\r\nimport Dialog from \"@material-ui/core/Dialog\";\r\nimport MuiDialogTitle from \"@material-ui/core/DialogTitle\";\r\nimport MuiDialogContent from \"@material-ui/core/DialogContent\";\r\nimport MuiDialogActions from \"@material-ui/core/DialogActions\";\r\nimport IconButton from \"@material-ui/core/IconButton\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport Typography from \"@material-ui/core/Typography\";\r\nimport InspectionTab from \"./InspectionTabs\";\r\nimport TextareaAutosize from \"@material-ui/core/TextareaAutosize\";\r\nimport Priority from \"./prioity\";\r\nimport TextField from \"@material-ui/core/TextField\";\r\nimport Autocomplete from \"@material-ui/lab/Autocomplete\";\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport InputLabel from \"@material-ui/core/InputLabel\";\r\nimport MenuItem from \"@material-ui/core/MenuItem\";\r\nimport FormControl from \"@material-ui/core/FormControl\";\r\nimport Select from \"@material-ui/core/Select\";\r\nimport DarkButton from \"./../../Global/DarkButton\";\r\nimport Colors from \"./../../Global/colors\";\r\nconst useStyles = makeStyles((theme) => ({\r\n button: {\r\n display: \"block\",\r\n marginTop: theme.spacing(2),\r\n },\r\n formControl: {\r\n minWidth: 120,\r\n },\r\n}));\r\n\r\nconst styles = (theme) => ({\r\n root: {\r\n margin: 0,\r\n padding: theme.spacing(2),\r\n },\r\n closeButton: {\r\n position: \"absolute\",\r\n right: theme.spacing(1),\r\n top: theme.spacing(1),\r\n color: theme.palette.grey[500],\r\n },\r\n});\r\nconst top100Films = [\r\n { title: \"Workplace Reopening Checklist\", year: 1994 },\r\n { title: \"Haccp\", year: 1972 },\r\n { title: \"Covid Test\", year: 1974 },\r\n];\r\nconst DialogTitle = withStyles(styles)((props) => {\r\n const { children, classes, onClose, ...other } = props;\r\n return (\r\n \r\n {/* */}\r\n \r\n
;\r\n}\r\n","import React, { useState } from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport { makeStyles,withStyles } from \"@material-ui/core/styles\";\r\nimport AppBar from \"@material-ui/core/AppBar\";\r\nimport Tabs from \"@material-ui/core/Tabs\";\r\nimport Tab from \"@material-ui/core/Tab\";\r\nimport Typography from \"@material-ui/core/Typography\";\r\nimport Box from \"@material-ui/core/Box\";\r\nimport FormControl from \"@material-ui/core/FormControl\";\r\nimport Select from \"@material-ui/core/Select\";\r\nimport MenuItem from \"@material-ui/core/MenuItem\";\r\nimport Grid from \"@material-ui/core/Grid\";\r\nimport IconButton from \"@material-ui/core/IconButton\";\r\nimport InputLabel from '@material-ui/core/InputLabel';\r\nimport TextField from \"@material-ui/core/TextField\";\r\nimport Actionadd from \"./actionAddpopup\";\r\nimport _ from \"lodash\";\r\nimport moment from \"moment\";\r\nimport Autocomplete from \"@material-ui/lab/Autocomplete\";\r\nimport Button from \"@material-ui/core/Button\";\r\nimport DarkButton from \"./../../Global/DarkButton\";\r\nimport GlobalApi from \"./../../Global\";\r\nimport swal from \"@sweetalert/with-react\";\r\nimport refresh_token from \"./../../Global/refresh_token\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport { saveAs } from \"file-saver\";\r\nimport Colors from \"./../../Global/colors\";\r\nimport Checkbox from \"@material-ui/core/Checkbox\";\r\nimport { useSelector, useDispatch } from \"react-redux\";\r\nimport Paper from \"@material-ui/core/Paper\";\r\nimport FormControlLabel from \"@material-ui/core/FormControlLabel\";\r\nimport due_date from \"../../Assets/due_date.png\";\r\nimport DeleteIcon from \"@material-ui/icons/Delete\";\r\nimport {useTranslation} from \"react-i18next\";\r\nlet textInput = React.createRef();\r\n\r\n\r\nconst capitalize = (str) => {\r\n return str.charAt(0).toUpperCase() + str.slice(1);\r\n};\r\n\r\nconst AntTabs = withStyles({\r\n root: {\r\n backgroundColor: \"#ffffff\",\r\n color: \"#222\",\r\n },\r\n indicator: {\r\n backgroundColor:'#1a73e8'\r\n // display:'none'\r\n },\r\n})(Tabs);\r\n\r\n\r\nfunction TabPanel(props) {\r\n const { children, value, index, ...other } = props;\r\n\r\n return (\r\n \r\n {/*
\r\n );\r\n\r\n const list1 = actionData?.map((value, index) => {\r\n return (\r\n \r\n Add People\r\n
*/}\r\n \r\n \r\n\r\n
\r\n \r\n
\r\n \r\n {t(\"Current Shares\")}\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 {value.priority && <>\r\n {value.priority == \"High Priority\" &&
\r\n\r\n \r\n \r\n {value.priority.split(\" \")[0]}\r\n \r\n
}\r\n\r\n {value.priority == \"Medium Priority\" && \r\n \r\n {value.priority.split(\" \")[0]}\r\n \r\n
}\r\n\r\n {value.priority == \"Low Priority\" && \r\n \r\n {value.priority.split(\" \")[0]}\r\n \r\n
}\r\n }\r\n \r\n {capitalize(value.title)}\r\n
\r\n\r\n {value.due &&
\r\n \r\n
}\r\n \r\n 
\r\n \r\n
\r\n \r\n {moment(value.due).format(\"MM-DD-YYYY\")}\r\n
\r\n\r\n
\r\n \r\n Active Since : \r\n
\r\n \r\n\r\n {moment(value.updatedAt).fromNow()}\r\n
\r\n\r\n
\r\n \r\n Status : \r\n
\r\n \r\n\r\n {value.status ? value.status : \"To Do\"}\r\n
\r\n\r\n //
\r\n // {value.title}
\r\n // \r\n // {value.due ? moment(value.due).format(\"MMMM DD, YYYY\") : \"\"}\r\n //
\r\n // {value.assignee}
\r\n // \r\n // \r\n //
\r\n // {value.priority}
\r\n // \r\n // {value.status ? (\r\n //
\r\n // {value.status}
\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 {/* handleDownload(data.id)}\r\n >\r\n Export Report\r\n */}\r\n\r\n \r\n \r\n \r\n \r\n \r\n {list}\r\n \r\n \r\n \r\n {actionData?.length !== 0 ? \r\n {isModalOpen && getdata(e, value)} onClose={() => setIsModalOpen(false)} data={data} users={users} />}\r\n
;\r\n}\r\n","import React, { useState, useEffect } from \"react\";\r\nimport { withStyles } from \"@material-ui/core/styles\";\r\nimport Button from \"@material-ui/core/Button\";\r\nimport Dialog from \"@material-ui/core/Dialog\";\r\nimport MuiDialogTitle from \"@material-ui/core/DialogTitle\";\r\nimport DialogContent from \"@material-ui/core/DialogContent\";\r\nimport DialogActions from \"@material-ui/core/DialogActions\";\r\nimport IconButton from \"@material-ui/core/IconButton\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport Paper from \"@material-ui/core/Paper\";\r\nimport Typography from \"@material-ui/core/Typography\";\r\nimport InspectionTab from \"./Addnewaction\";\r\nimport Colors from \"./../../Global/colors\"\r\nimport { useSelector, useDispatch } from \"react-redux\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport GlobalApi from \"./../../Global\";\r\nimport swal from \"@sweetalert/with-react\";\r\nimport refresh_token from \"./../../Global/refresh_token\";\r\n\r\nconst styles = (theme) => ({\r\n root: {\r\n margin: 0,\r\n padding: theme.spacing(2),\r\n },\r\n closeButton: {\r\n position: \"absolute\",\r\n right: theme.spacing(1),\r\n top: theme.spacing(1),\r\n color: theme.palette.grey[500],\r\n },\r\n});\r\n\r\nconst DialogTitle = withStyles(styles)((props) => {\r\n const { children, classes, onClose, ...other } = props;\r\n return (\r\n \r\n \r\n \r\n
\r\n
\r\n | {t(\"Template\")} | \r\n\r\n {newData?.template_title}\r\n | \r\n
| {t(\"Status\")} | \r\n\r\n {currentEditRow?.isCompleted === true ? \"completed\" : \"Incomplete\"}\r\n {/* {(\r\n ((data?.InspectionAnswers?.length - score_nag.length) /\r\n data?.InspectionAnswers?.length) *\r\n 100\r\n ).toFixed() !== \"100\" ? (\r\n Incomplete\r\n ) : (\r\n Completed\r\n )} */}\r\n | \r\n
| {t(\"Score\")} | \r\n\r\n {currentEditRow?.score ? currentEditRow.score : 0}%\r\n | \r\n
| Items Completed | \r\n\r\n \r\n \r\n {data?.InspectionAnswers?.length - score_nag.length} / {data?.InspectionAnswers?.length}\r\n \r\n \r\n | \r\n
| {t(\"Company\")} | \r\n\r\n {newData?.Company?.company_name && newData?.Company?.company_name} \r\n | \r\n
| {t(\"Owner\")} | \r\n\r\n \r\n \r\n {newData?.User?.first_name} {newData?.User?.last_name}\r\n \r\n \r\n | \r\n
| Author | \r\n\r\n \r\n \r\n {data.TemplateInspection?.User?.first_name}{\" \"}\r\n {data.TemplateInspection?.User?.last_name}\r\n \r\n \r\n | \r\n
| Last modified by | \r\n\r\n \r\n Khurram Naushad Khan\r\n \r\n | \r\n
\r\n
: \r\n {list1}\r\n
\r\n \r\n {/* ModalOpen()}\r\n style={{ margin: 3, backgroundColor: Colors.globalColor8 }}\r\n >\r\n Add Action\r\n */}\r\n\r\n \r\n
\r\n \r\n
\r\n {/* ModalOpen()} // class=\"btn waves-effect waves-light\"\r\n style={{ backgroundColor: Colors.globalColor8 }}>\r\n Add Action\r\n */}\r\n\r\n \r\n
}\r\n \r\n \r\n
\r\n
\r\n\r\n \r\n \r\n
{t(\"No Action found\")}
\r\n \r\n {t(\"Click Add Action to add an action to this inspection\")}.\r\n
\r\n \r\n {/*
\r\n \r\n \r\n {data?.schedule_title}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n}\r\n\r\n\r\n\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport MoreOptionDailog from \"./MoreOptionDailog\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { lighten, makeStyles } from \"@material-ui/core/styles\";\r\nimport Table from \"@material-ui/core/Table\";\r\nimport TableBody from \"@material-ui/core/TableBody\";\r\nimport TableCell from \"@material-ui/core/TableCell\";\r\nimport TableContainer from \"@material-ui/core/TableContainer\";\r\nimport TextField from \"@material-ui/core/TextField\";\r\nimport TableHead from \"@material-ui/core/TableHead\";\r\nimport TablePagination from \"@material-ui/core/TablePagination\";\r\nimport TableRow from \"@material-ui/core/TableRow\";\r\nimport Grid from \"@material-ui/core/Grid\";\r\nimport Typography from \"@material-ui/core/Typography\";\r\nimport Paper from \"@material-ui/core/Paper\";\r\nimport Container from \"@material-ui/core/Container\";\r\nimport InspectionPopup from \"../Inspection/inspectionPopup\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport { Redirect } from \"react-router\";\r\nimport GlobalApi from \"./../../Global\";\r\nimport Colors from \"./../../Global/colors\";\r\nimport DarkButton from \"../../Global/DarkButton\";\r\nimport refresh_token from \"./../../Global/refresh_token\";\r\nimport Spinner from \"./../../Global/Spinner\";\r\nimport EditIcon from \"@material-ui/icons/Edit\";\r\nimport StartIcon from \"@material-ui/icons/Check\";\r\nimport NoRecords from \"./../../Global/NoRecords\";\r\nfunction descendingComparator(a, b, orderBy) {\r\n if (b[orderBy] < a[orderBy]) {\r\n return -1;\r\n }\r\n if (b[orderBy] > a[orderBy]) {\r\n return 1;\r\n }\r\n return 0;\r\n}\r\n\r\nfunction getComparator(order, orderBy) {\r\n return order === \"desc\"\r\n ? (a, b) => descendingComparator(a, b, orderBy)\r\n : (a, b) => -descendingComparator(a, b, orderBy);\r\n}\r\n\r\nfunction stableSort(array, comparator) {\r\n const stabilizedThis = array.map((el, index) => [el, index]);\r\n stabilizedThis.sort((a, b) => {\r\n const order = comparator(a[0], b[0]);\r\n if (order !== 0) return order;\r\n return a[1] - b[1];\r\n });\r\n return stabilizedThis.map((el) => el[0]);\r\n}\r\n\r\nconst headCells = [\r\n { id: \"name\", numeric: false, disablePadding: false, label: \"Title\" },\r\n {\r\n id: \"description\",\r\n numeric: false,\r\n disablePadding: false,\r\n label: \"Description\",\r\n },\r\n { id: \"status\", numeric: true, disablePadding: false, label: \"Status\" },\r\n { id: \"scheduled\", numeric: true, disablePadding: false, label: \"Scheduled\" },\r\n // {\r\n // id: \"modified\",\r\n // numeric: true,\r\n // disablePadding: false,\r\n // label: \"Modified On\",\r\n // },\r\n { id: \"shared\", numeric: true, disablePadding: false, label: \"Shared\" },\r\n];\r\n\r\nfunction EnhancedTableHead(props) {\r\n const {\r\n classes,\r\n onSelectAllClick,\r\n order,\r\n orderBy,\r\n numSelected,\r\n rowCount,\r\n onRequestSort,\r\n } = props;\r\n const createSortHandler = (property) => (event) => {\r\n onRequestSort(event, property);\r\n };\r\n\r\n return (\r\n */}\r\n \r\n New Template \r\n \r\n {/*
*/}\r\n \r\n Start Schedule\r\n \r\n
\r\n Edit\r\n \r\n {/*
\r\n More Option\r\n */}\r\n\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n\r\n {isModalOpen && (\r\n
\r\n {\"COMPANY\"}\r\n
*/}\r\n {/* */}\r\n\r\n <>{t('Company')}{\" : \"}\r\n
\r\n\r\n <>{t(\"My Team\")}{\" : \"}\r\n
\r\n history.push(\"/team\")}>\r\n \r\n 
\r\n \r\n
\r\n \r\n {teams?.length > 0 && teams?.map((v, i) => {\r\n if (i <= 3) {\r\n return \r\n {v.avatar !== null ? : ;\r\n } else {\r\n return
\r\n \r\n
}\r\n \r\n {v?.first_name\r\n .substring(0, 1)\r\n .toUpperCase()\r\n .concat(v?.last_name\r\n .substring(0, 1)\r\n .toUpperCase())}\r\n
\r\n\r\n
;\r\n }\r\n })}\r\n +{teams.length - 3}
\r\n\r\n <>{t('Company')}{\" : \"}\r\n
\r\n\r\n 
\r\n \r\n \r\n \r\n \r\n \r\n {(userData?.super_admin == true || permissions_obj[\"Admin\"] == true || permissions_obj[\"Company Management\"] == true) && 
history.push(\"/company\")} />}\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 700 && 25, paddingTop: window.innerWidth < 700 && 10, borderLeft: window.innerWidth > 700 && \"1px solid #dadada\", borderTop: window.innerWidth < 700 && \"1px solid #dadada\" }}>\r\n {responseDetail.map((response, index) => {\r\n console.log(response);\r\n return \r\n \r\n \r\n \r\n handleResponseEdit(e, index)} id=\"outlined-basic\" name=\"company_name\" InputProps={{ classes: { input: classes.resize, root: classes.cssOutlinedInput } }} variant=\"outlined\" autoComplete={\"off\"} size=\"medium\" />\r\n \r\n \r\n \r\n \r\n \r\n ;\r\n })}\r\n\r\n
\r\n \r\n \r\n
;\r\n}\r\n\r\nexport default TemplateResponse\r\n\r\n\r\n// class templateResponse extends Component {\r\n// state = {\r\n// response: [\"\"],\r\n// ResponseDetail: [],\r\n// ResponseDetailIndex: null,\r\n// globalresponse: [],\r\n// textInput: \"\",\r\n// weight:0\r\n// };\r\n\r\n// fetchResponse = () => {\r\n// let localstorage = localStorage.getItem(\"UserData\");\r\n// var data = JSON.parse(localstorage);\r\n// let token = data.token;\r\n// let params = {\r\n// organization_id: data.organization_id,\r\n// };\r\n\r\n// let query = Object.keys(params)\r\n// .map((k) => encodeURIComponent(k) + \"=\" + encodeURIComponent(params[k]))\r\n// .join(\"&\");\r\n\r\n// fetch(GlobalApi + \"/Response/get_all_responses?\" + query, {\r\n// method: \"GET\",\r\n// headers: {\r\n// Authorization: \"Bearer \" + token,\r\n// \"Content-Type\": \"application/json\",\r\n// },\r\n// })\r\n// .then((responseJson) => responseJson.json())\r\n// .then((response) => {\r\n// console.log(response.data);\r\n// this.setState({ globalresponse: response.data });\r\n// })\r\n// .catch((error) => console.log(error));\r\n// };\r\n\r\n// componentDidMount() {\r\n// this.fetchResponse();\r\n// }\r\n\r\n// edit_response_detail(e, i) {\r\n// if(e.weight=='')\r\n// e.weight=0\r\n\r\n// console.log(e, i);\r\n// let localstorage = localStorage.getItem(\"UserData\");\r\n// var data = JSON.parse(localstorage);\r\n// let token = data.token;\r\n// let obj = {\r\n// ...e,\r\n// updated_by: data.user_id,\r\n// response_detail_id: e.id,\r\n// status: \"active\",\r\n// position: i,\r\n// };\r\n\r\n// fetch(GlobalApi + \"/ResponseDetail/edit_response_detail\", {\r\n// method: \"post\",\r\n// headers: new Headers({\r\n// Authorization: \"Bearer \" + token,\r\n// \"Content-Type\": \"application/json\",\r\n// }),\r\n// body: JSON.stringify(obj),\r\n// })\r\n// .then((response) => response.json())\r\n// .then((data) => {\r\n// if (data.status === \"Success\") {\r\n// this.fetchResponse();\r\n// swal(t(\"Success\"), \"Response has been updated\", \"success\");\r\n// }\r\n// })\r\n// .catch((err) => console.log(err));\r\n// }\r\n// responseClick(e, data, index) {\r\n// const ResponseDetail = [];\r\n// ResponseDetail.push({\r\n// ...data,\r\n// });\r\n\r\n// this.setState({\r\n// ResponseDetail,\r\n// ResponseDetailIndex: index,\r\n// });\r\n// }\r\n\r\n// handleAddResponse() {\r\n// let localstorage = localStorage.getItem(\"UserData\");\r\n// var data = JSON.parse(localstorage);\r\n// let token = data.token;\r\n\r\n// fetch(GlobalApi + \"/Response/create_response\", {\r\n// method: \"post\",\r\n// headers: new Headers({\r\n// Authorization: \"Bearer \" + token,\r\n// \"Content-Type\": \"application/json\",\r\n// }),\r\n// body: JSON.stringify({\r\n// title: \"New response added\",\r\n// organization_id: data.organization_id,\r\n// created_by: data.user_id,\r\n// identifier: \"Global\",\r\n// status: \"active\",\r\n// }),\r\n// })\r\n// .then((response) => response.json())\r\n// .then((data) => {\r\n// console.log(data);\r\n// if (data.status === \"Success\") {\r\n// const global = this.state.globalresponse.slice(0);\r\n// global.push({\r\n// ...data.data,\r\n// ResponseDetails: [],\r\n// });\r\n// this.fetchResponse();\r\n\r\n// this.setState({ globalresponse: global });\r\n// }\r\n// })\r\n// .catch((err) => console.log(err));\r\n// }\r\n// async handleChange(e, parentIndex, childIndex,type) {\r\n// var arr = [...this.state.ResponseDetail];\r\n// if(type==\"title\")\r\n// arr[parentIndex].ResponseDetails[childIndex].title = e.target.value;\r\n// if(type==\"weight\"){\r\n \r\n// if( e.target.value >=0 && e.target.value <=10)\r\n// arr[parentIndex].ResponseDetails[childIndex].weight = e.target.value;\r\n// else\r\n// arr[parentIndex].ResponseDetails[childIndex].weight = 0\r\n// }\r\n\r\n// this.setState({ ResponseDetail: arr });\r\n// }\r\n\r\n// async handleChangeName(e, response) {\r\n// var arr1 = [...this.state.globalresponse];\r\n\r\n// arr1[this.state.ResponseDetailIndex].title = e.target.value;\r\n// await this.setState({ globalresponse: arr1 });\r\n// }\r\n\r\n// handleResponseEdit = (e, i) => {\r\n// let { name, value } = e.target;\r\n// let resDetails = this.state.ResponseDetail;\r\n// console.log(i, resDetails);\r\n// resDetails[i][\"title\"] = value;\r\n\r\n// this.setState({\r\n// ResponseDetail: resDetails,\r\n// });\r\n// };\r\n\r\n// handleAddresponseClick(e, response) {\r\n// // let newresponse = { title: textInput.current.value };\r\n// // response.ResponseDetails.push(newresponse);\r\n// // // let Response = this.state.ResponseDetail[0];\r\n// // this.setState({ Response: response });\r\n// // textInput.current.value = \"\";\r\n\r\n// let localstorage = localStorage.getItem(\"UserData\");\r\n// var data = JSON.parse(localstorage);\r\n// let token = data.token;\r\n// console.log(\r\n// this.state.ResponseDetail?.ResponseDetails?.length,\r\n// \"LENGTH\",\r\n// response\r\n// );\r\n// fetch(GlobalApi + \"/ResponseDetail/create_response_detail\", {\r\n// method: \"post\",\r\n// headers: new Headers({\r\n// Authorization: \"Bearer \" + token,\r\n// \"Content-Type\": \"application/json\",\r\n// }),\r\n// body: JSON.stringify({\r\n// title: this.state.textInput,\r\n// weight:this.state.weight == '' ? 0 : this.state.weight,\r\n// response_id: response.id,\r\n// created_by: data.user_id,\r\n// status: \"active\",\r\n// position: this.state.ResponseDetail[0]?.ResponseDetails?.length\r\n// ? this.state.ResponseDetail[0]?.ResponseDetails?.length\r\n// : 0,\r\n// }),\r\n// })\r\n// .then((response) => response.json())\r\n// .then((data) => {\r\n// if (data.status === \"Success\") {\r\n// response.ResponseDetails.push(data.data);\r\n// // let Response = this.state.ResponseDetail[0];\r\n// this.setState({ Response: response });\r\n// this.setState({ textInput: \"\",weight:0 });\r\n// this.fetchResponse();\r\n// // textInput.current.value = \"\";\r\n// }\r\n// })\r\n// .catch((err) => console.log(err));\r\n// }\r\n// handleRemove(e, i) {\r\n// console.log(e, i);\r\n// let localstorage = localStorage.getItem(\"UserData\");\r\n// var data = JSON.parse(localstorage);\r\n// let token = data.token;\r\n// let obj = {\r\n// status: \"frozen\",\r\n// updated_by: data.user_id,\r\n// response_detail_id: e.id,\r\n// };\r\n\r\n// fetch(GlobalApi + \"/ResponseDetail/edit_response_detail\", {\r\n// method: \"post\",\r\n// headers: new Headers({\r\n// Authorization: \"Bearer \" + token,\r\n// \"Content-Type\": \"application/json\",\r\n// }),\r\n// body: JSON.stringify(obj),\r\n// })\r\n// .then((response) => response.json())\r\n// .then((data) => {\r\n// if (data.status === \"Success\") {\r\n// const filter = this.state.ResponseDetail[0].ResponseDetails.filter(\r\n// (name, j) => j !== i\r\n// );\r\n// this.state.ResponseDetail[0].ResponseDetails = filter;\r\n// this.setState({ ResponseDetail: this.state.ResponseDetail });\r\n// }\r\n// })\r\n// .catch((err) => console.log(err));\r\n// }\r\n\r\n// editResponse() {\r\n// // ResponseDetailIndex\r\n\r\n// let resDetails = this.state.ResponseDetail;\r\n// let obj = resDetails[0];\r\n\r\n// let localstorage = localStorage.getItem(\"UserData\");\r\n// var data = JSON.parse(localstorage);\r\n// let token = data.token;\r\n\r\n// fetch(GlobalApi + \"/Response/edit_response\", {\r\n// method: \"post\",\r\n// headers: new Headers({\r\n// Authorization: \"Bearer \" + token,\r\n// \"Content-Type\": \"application/json\",\r\n// }),\r\n// body: JSON.stringify({\r\n// ...obj,\r\n// updated_by: data.user_id,\r\n// response_id: obj.id,\r\n// }),\r\n// })\r\n// .then((response) => response.json())\r\n// .then((data) => {\r\n// if (data.status === \"Success\") {\r\n// this.fetchResponse();\r\n// swal(t(\"Success\"), \"Response Saved\", \"success\");\r\n// }\r\n// })\r\n// .catch((err) => console.log(err));\r\n// }\r\n\r\n// render() {\r\n// if (localStorage.getItem(\"UserData\") === null) {\r\n// return \r\n \r\n\r\n \r\n 
\r\n \r\n \r\n \r\n
\r\n \r\n {t(\"Global Response Sets\")}\r\n
\r\n\r\n\r\n {t(\"Changes will be applied to all templates\")}\r\n
\r\n\r\n
\r\n 700 && \"0px 10px 0px 0px\" }}>\r\n {globalresponse.length == 0 &&
\r\n - \r\n {globalresponse\r\n .slice(0)\r\n .reverse()\r\n .map((value, index) => {\r\n console.log(\"VALUE*******************************\", value);\r\n return
\r\n
\r\n \r\n
\r\n \r\n responseClick(e, value, index)} />\r\n deleteResponse(value)} />\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {t(\"Edit Response\")}\r\n
\r\n\r\n
\r\n
\r\n 700 && \"0px 10px 0px 0px\" }}>\r\n {responseDetail.map((response, index) => {\r\n return \r\n \r\n setTextInput(e.target.value)} placeholder={t(\"Title\")} id=\"outlined-basic\" name=\"company_name\" InputProps={{ classes: { input: classes.resize, root: classes.cssOutlinedInput } }} variant=\"outlined\" autoComplete={\"off\"} size=\"medium\" style={{ width: \"100%\" }} />\r\n \r\n \r\n {\r\n e.target.value <= 10 && setWeight(e.target.value);\r\n }} />\r\n \r\n \r\n \r\n \r\n ;\r\n })}\r\n {responseDetail.map((response, index) => {\r\n return response.ResponseDetails.map((value, i) => {\r\n return \r\n \r\n handleChange(e, index, i, \"title\")} placeholder=\"Title\" id=\"outlined-basic\" name=\"company_name\" InputProps={{ classes: { input: classes.resize, root: classes.cssOutlinedInput } }} variant=\"outlined\" autoComplete={\"off\"} size=\"medium\" />\r\n \r\n \r\n handleChange(e, index, i, \"weight\")} />\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {/* \r\n handleRemove(value, i)}>\r\n \r\n edit_response_detail(value, i)}>\r\n \r\n */}\r\n \r\n \r\n \r\n ;\r\n });\r\n })}\r\n
\r\n \r\n//
- \r\n// {this.state.globalresponse.map((value, index) => {\r\n// return (\r\n//
\r\n//
\r\n//
\r\n//
\r\n//
\r\n//
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n \r\n}\r\n\r\nconst PrivateRoute = ({ component: Component, permission, ...rest }) => {\r\n \r\nreturn (\r\n \r\n
\r\n );\r\n};\r\n\r\n\r\nexport default function FormDialog(props) {\r\n let {t} = useTranslation();\r\n const classes = useStyles();\r\n const [open, setOpen] = React.useState(props.modal);\r\n const [pickedColor, setPickColor] = React.useState(\"\");\r\n const [title, setTitle] = React.useState(props?.currentRole?.title);\r\n const userPickColor = (color) => {\r\n setPickColor(color);\r\n };\r\n const handleClickOpen = () => {\r\n setOpen(true);\r\n };\r\n\r\n const handleClose = () => {\r\n props.closeModal();\r\n };\r\n const handleCreate = async () => {\r\n\r\n if(title == \"\"){\r\n swal(t(\"Error\"), t(\"Please Enter Role Title\"), \"error\");\r\n return;\r\n }\r\n var hierarchy = {\r\n title: title,\r\n color: pickedColor,\r\n };\r\n await props.addNewHierarchy(hierarchy);\r\n await handleClose();\r\n };\r\n\r\n const handleEdit = async () => {\r\n var hierarchy = {\r\n hierarchy_id : props.currentRole.id,\r\n title: title,\r\n color: pickedColor,\r\n };\r\n await props.editHierarchy(hierarchy);\r\n await handleClose();\r\n };\r\n\r\n console.log(\"PROPS\", props)\r\n useEffect(() => {\r\n if (props.modal != open) setOpen(props.modal); \r\n });\r\n\r\n useEffect(() => {\r\n if(props.editRole){\r\n setTitle(props.currentRole.title);\r\n // setPickColor(props.currentRole.color)\r\n }else{\r\n setTitle(\"\");\r\n setPickColor(\"\")\r\n }\r\n },[props.currentRole.title,props.editRole]);\r\n\r\n\r\n const handleChage = (event) => {\r\n setTitle(event.target.value);\r\n };\r\n return \r\n \r\n {t(\"Pick Color\")}\r\n \r\n \r\n {\r\n
\r\n \r\n {color.map((c) => {\r\n return (\r\n {\r\n closePicker(c.color);\r\n }}\r\n >\r\n
\r\n }\r\n \r\n \r\n \r\n
;\r\n}\r\n"," import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport Button from \"@material-ui/core/Button\";\r\nimport Avatar from \"@material-ui/core/Avatar\";\r\nimport List from \"@material-ui/core/List\";\r\nimport ListItem from \"@material-ui/core/ListItem\";\r\nimport ListItemAvatar from \"@material-ui/core/ListItemAvatar\";\r\nimport ListItemText from \"@material-ui/core/ListItemText\";\r\nimport DialogTitle from \"@material-ui/core/DialogTitle\";\r\nimport Dialog from \"@material-ui/core/Dialog\";\r\nimport PersonIcon from \"@material-ui/icons/Person\";\r\nimport AddIcon from \"@material-ui/icons/Add\";\r\nimport Typography from \"@material-ui/core/Typography\";\r\nimport { blue } from \"@material-ui/core/colors\";\r\n\r\nimport GlobalApi from \"./../../Global\";\r\nimport swal from \"@sweetalert/with-react\";\r\nimport refresh_token from \"./../../Global/refresh_token\";\r\nconst useStyles = makeStyles({\r\n avatar: {\r\n backgroundColor: blue[100],\r\n color: blue[600],\r\n },\r\n});\r\n\r\nfunction SimpleDialog(props) {\r\n const classes = useStyles();\r\n const { onClose, selectedValue, open } = props;\r\n\r\n const handleClose = () => {\r\n onClose(selectedValue);\r\n };\r\n\r\n const handleListItemClick = (value) => {\r\n onClose(value);\r\n };\r\n\r\n return (\r\n - \r\n {props.data.map((value) => (\r\n
{\" \"}\r\n
\r\n {\" \"}\r\n {selectedValue?.title ? selectedValue.title : \"None\" }{\" \"}\r\n
\r\n \r\n
- \r\n {userRoles?.map((value) => {\r\n // console.log(value);\r\n return (\r\n
*/}\r\n\r\n \r\n \r\n \r\n `${option.first_name} ${option.last_name}`\r\n }\r\n renderOption={(option) => (\r\n \r\n {option.first_name} {option.last_name}\r\n \r\n )}\r\n style={{ zIndex: 3 }}\r\n onChange={(e, v) => handleSelectedUser(v)}\r\n // value={selectedUser}\r\n renderInput={(params) => (\r\n \r\n \r\n `${option.title}`}\r\n getOptionSelected={(option, value) => value.id === option.id}\r\n renderOption={(option, { selected }) => (\r\n \r\n \r\n )}\r\n multiple\r\n onChange={(e, v) => setSelectedSites(v)}\r\n value={selectedSites}\r\n renderInput={(params) => (\r\n \r\n \r\n\r\n {edit == false ? (\r\n handleListItemClick(\"addAccount\")}\r\n >\r\n handleEdit(\"editAccount\")}\r\n >\r\n \r\n \r\n 
\r\n \r\n \r\n );\r\n}\r\n\r\n\r\nexport default function CircularIndeterminate() {\r\n return (\r\n \r\n \r\n \r\n \r\n );\r\n}\r\n\r\n","import React, { Component, useEffect, useState } from \"react\";\r\nimport FormControl from \"@material-ui/core/FormControl\";\r\nimport Select from \"@material-ui/core/Select\";\r\nimport MenuItem from \"@material-ui/core/MenuItem\";\r\nimport InputLabel from \"@material-ui/core/InputLabel\";\r\nimport Paper from \"@material-ui/core/Paper\";\r\nimport \"../workflow/workflow.css\";\r\nimport { withStyles } from \"@material-ui/core/styles\";\r\nimport Button from \"@material-ui/core/Button\";\r\nimport { CircularProgress } from \"@material-ui/core\";\r\nimport AddIcon from \"@material-ui/icons/Add\";\r\nimport Tooltip from \"@material-ui/core/Tooltip\";\r\nimport MiddleHeader from \"../middleHeader/middleHeader\";\r\nimport Typography from \"@material-ui/core/Typography\";\r\nimport { DragDropContext, Droppable, Draggable } from \"react-beautiful-dnd\";\r\nimport RootRef from \"@material-ui/core/RootRef\";\r\nimport DeleteIcon from \"@material-ui/icons/Delete\";\r\nimport EditIcon from \"@material-ui/icons/Edit\";\r\nimport Checkbox from \"@material-ui/core/Checkbox\";\r\nimport Modal from \"./modal\";\r\nimport hierarchy from \"../../Assets/hierarchy.png\";\r\nimport companyG from \"../../Assets/Company_icon.png\";\r\nimport drag from \"../../Assets/drag.png\";\r\nimport help from '../../Assets/help_icon.png';\r\nimport helpAr from '../../Assets/help_icon_ar.png';\r\nimport Action from \"./actions\";\r\nimport HeirarchyUser from \"./addUserHierarchy\";\r\nimport { List, ListItemIcon, Grid, IconButton } from \"@material-ui/core\";\r\nimport useStyles from \"./workflowStyle\";\r\nimport Colors from \"./../../Global/colors\";\r\nimport Spinner from \"./../../Global/Spinner2\";\r\nimport NoRecords from \"./../../Global/NoRecords\";\r\nimport GlobalApi from \"./../../Global\";\r\nimport swal from \"@sweetalert/with-react\";\r\nimport refresh_token from \"./../../Global/refresh_token\";\r\nimport { useSelector, useDispatch } from \"react-redux\";\r\nimport { addCompany } from \"../../Redux/Actions/companyAction\";\r\nimport HelpOutlineIcon from '@material-ui/icons/HelpOutline';\r\nimport { useTranslation } from \"react-i18next\";\r\n\r\nconst Hierarchy = ({isOnboarding=false}) => {\r\n const {t} = useTranslation();\r\n let language = useSelector((state) => state.languageReducer.language);\r\n const [roles, setRoles] = useState([]);\r\n const [editMode, setEditMode] = useState(false);\r\n const [sitesLoader, setSitesLoader] = useState(true);\r\n const [hierarchyLoader, setHierarchyLoader] = useState(true);\r\n const [usedRoles, setUsedRoles] = useState([]);\r\n const [filledRoles, setFilledRoles] = useState([]);\r\n const [newArr, setNewArr] = useState([]);\r\n const [availableRoles, setAvailableRoles] = useState([]);\r\n const [currentEditObj, setCurrentEditObj] = useState({});\r\n const [userData, setUserData] = useState([]);\r\n const [users, setUsers] = useState([]);\r\n const [sites, setSites] = useState([]);\r\n const [btnLoader, setBtnLoader] = useState(false);\r\n const [userSites, setUserSites] = useState([]);\r\n const [token, setToken] = useState(\"\");\r\n const [selectedCompany, setSelectedCompany] = useState({});\r\n const [selectedRole, setSelectedRole] = useState(\"\");\r\n const [update, setUpdate] = useState(false);\r\n const [change, setChange] = useState(true);\r\n const [modal, setModal] = useState(false);\r\n const [editRole, setEditRole] = useState(false);\r\n const [currentRole, setCurrentRole] = useState({});\r\n const [currentCompany, setCurrentCompany] = React.useState([]);\r\n const [companies, setCompanies] = React.useState([]);\r\n const [currentCompanyName, setCurrentCompanyName] = React.useState(\"\");\r\n const dispatch = useDispatch();\r\n const classes = useStyles();\r\n\r\n let data1 = useSelector((state) => state.companyArrReducer.company);\r\n\r\n useEffect(\r\n () => {\r\n if (data1) {\r\n setCompanies(data1);\r\n }\r\n },\r\n [data1]\r\n );\r\n\r\n console.log(\"selectedRole>>>>>>>>>>>>>\", selectedRole);\r\n let data2 = useSelector((state) => state.userReducer.user);\r\n\r\n useEffect(\r\n () => {\r\n setUserData(data2);\r\n setToken(data2.token);\r\n },\r\n [data2]\r\n );\r\n\r\n let data = useSelector((state) => state.companyReducer.company);\r\n useEffect(\r\n () => {\r\n setChange(false);\r\n setSelectedCompany(data);\r\n setCurrentCompany(data);\r\n setCurrentCompanyName(data.id);\r\n getHierarchy(data);\r\n getAllHierarchyOrganizations(data);\r\n getTeamsAndSites(data);\r\n },\r\n [data]\r\n );\r\n\r\n const handleCompanyChange = (value) => {\r\n console.log(value.target.value);\r\n const index = companies.findIndex((item) => item.id === value.target.value);\r\n console.log(index);\r\n console.log(\"value\", companies[index]);\r\n dispatch(addCompany(companies[index]));\r\n setCurrentCompanyName(companies[index].id);\r\n };\r\n\r\n const editTier = async (Arr, index) => {\r\n let arr = newArr;\r\n let hieObj = Arr[index];\r\n setSelectedRole(hieObj.id);\r\n console.log(arr);\r\n console.log(hieObj);\r\n setCurrentEditObj(hieObj);\r\n await setEditMode(true);\r\n\r\n let temp_arr = [];\r\n let HierarchyOrganizations = hieObj.HierarchyOrganizations;\r\n let HierarchyUsers = HierarchyOrganizations.HierarchyUsers;\r\n for (let iterator3 of HierarchyUsers) {\r\n let sitesArr = [];\r\n let HierarchySites = iterator3.HierarchySites;\r\n for (let iterator4 of HierarchySites) {\r\n sitesArr.push(iterator4.site_id);\r\n }\r\n\r\n let flag = false;\r\n for (let chkIt of temp_arr) {\r\n if (chkIt.id == iterator3.id) {\r\n flag = true;\r\n }\r\n }\r\n if (flag == false) {\r\n let obj = {\r\n id: iterator3.id,\r\n user_id: iterator3.id,\r\n first_name: iterator3.first_name,\r\n last_name: iterator3.last_name,\r\n checked: false,\r\n sites: sitesArr,\r\n };\r\n temp_arr.push(obj);\r\n }\r\n }\r\n\r\n let final_arr = [];\r\n for (let iterator of arr) {\r\n let user_checked = false;\r\n let site_arr = [];\r\n let user_id = iterator.user_id;\r\n let all_sites = iterator.sites;\r\n for (let iterator2 of temp_arr) {\r\n let temp_user_id = iterator2.id;\r\n if (user_id == temp_user_id) {\r\n user_checked = true;\r\n let temp_sites = iterator2.sites;\r\n for (let iterator3 of all_sites) {\r\n let flag2 = false;\r\n for (let iterator4 of temp_sites) {\r\n if (iterator4 == iterator3.site_id) {\r\n flag2 = true;\r\n }\r\n }\r\n let obj2 = {\r\n site_id: iterator3.site_id,\r\n title: iterator3.title,\r\n checked: flag2,\r\n };\r\n site_arr.push(obj2);\r\n }\r\n }\r\n }\r\n\r\n if (user_checked == true) {\r\n let obj = {\r\n user_id: iterator.user_id,\r\n firstName: iterator.firstName,\r\n lastName: iterator.lastName,\r\n checked: user_checked,\r\n sites: site_arr,\r\n };\r\n final_arr.push(obj);\r\n } else {\r\n let obj = {\r\n user_id: iterator.user_id,\r\n firstName: iterator.firstName,\r\n lastName: iterator.lastName,\r\n checked: user_checked,\r\n sites: iterator.sites,\r\n };\r\n final_arr.push(obj);\r\n }\r\n }\r\n setNewArr(final_arr);\r\n\r\n console.log(\"finala ARR>>>>>>>>>>>\", final_arr);\r\n };\r\n\r\n const onCheckUser = (value, index) => {\r\n let _newArr = [...newArr];\r\n _newArr[index].checked = value;\r\n setNewArr(_newArr);\r\n };\r\n\r\n const onCheckSite = (value, index, subIndex) => {\r\n let _newArr = [...newArr];\r\n _newArr[index].sites[subIndex].checked = value;\r\n setNewArr(_newArr);\r\n };\r\n\r\n const cancelEdit = () => {\r\n setSitesLoader(true)\r\n getTeamsAndSites(selectedCompany);\r\n setEditMode(false);\r\n setSelectedRole(\"\");\r\n setEditRole(false)\r\n };\r\n\r\n const deleteRole = () =>{\r\n let localstorage = localStorage.getItem(\"UserData\");\r\n var data = JSON.parse(localstorage);\r\n\r\n\r\n let params = { hierarchy_id: selectedRole,company_id:selectedCompany.id };\r\n\r\n let query = Object.keys(params)\r\n .map((k) => encodeURIComponent(k) + \"=\" + encodeURIComponent(params[k]))\r\n .join(\"&\");\r\n\r\n fetch(GlobalApi + \"/Hierarchy/delete_hierarchy?\" + query, {\r\n method: \"GET\",\r\n headers: {\r\n Authorization: \"Bearer \" + token,\r\n \"Content-Type\": \"application/json\",\r\n },\r\n })\r\n .then((responseJson) => responseJson.json())\r\n .then(async (response) => {\r\n console.log(\"response from Delete Api>>>>>>>>>>>\", response);\r\n if(response.msg == \"success\"){\r\n getHierarchy(currentCompany)\r\n setSelectedRole(\"\")\r\n swal(t(\"Success\"), t(\"Selected Role Deleted Successfully\"), \"success\");\r\n }\r\n })\r\n .catch((error) => console.log(error));\r\n\r\n }\r\n\r\n const getTeamsAndSites = (currentCompany) => {\r\n setSitesLoader(true);\r\n console.log(\"currentCompany\", currentCompany);\r\n let localstorage = localStorage.getItem(\"UserData\");\r\n var data = JSON.parse(localstorage);\r\n\r\n let token = data.token;\r\n console.log(\"Token\", token);\r\n\r\n let params = { company_id: currentCompany.id };\r\n\r\n let query = Object.keys(params)\r\n .map((k) => encodeURIComponent(k) + \"=\" + encodeURIComponent(params[k]))\r\n .join(\"&\");\r\n\r\n fetch(GlobalApi + \"/HierarchyOrganization/get_team_with_sites?\" + query, {\r\n method: \"GET\",\r\n headers: {\r\n Authorization: \"Bearer \" + token,\r\n \"Content-Type\": \"application/json\",\r\n },\r\n })\r\n .then((responseJson) => responseJson.json())\r\n .then(async (response) => {\r\n console.log(\"response from New Api>>>>>>>>>>>\", response);\r\n setNewArr(response.data);\r\n setSitesLoader(false);\r\n })\r\n .catch((error) => console.log(error));\r\n };\r\n\r\n const getHierarchy = (currentCompany) => {\r\n let localstorage = localStorage.getItem(\"UserData\");\r\n var data = JSON.parse(localstorage);\r\n let token = data.token;\r\n let params = {\r\n company_id: currentCompany.id,\r\n };\r\n let query = Object.keys(params)\r\n .map((k) => encodeURIComponent(k) + \"=\" + encodeURIComponent(params[k]))\r\n .join(\"&\");\r\n\r\n fetch(GlobalApi + \"/Hierarchy/get_all_hierarchys?\" + query, {\r\n method: \"GET\",\r\n headers: {\r\n Authorization: \"Bearer \" + token,\r\n \"Content-Type\": \"application/json\",\r\n },\r\n })\r\n .then((responseJson) => responseJson.json())\r\n .then(async (response) => {\r\n console.log(\"RESPONSE FROM GET ALL HIRARCHEYS\", response);\r\n if (response.status === \"Success\") {\r\n // console.log(response);\r\n await setRoles(response.data);\r\n } else if (\r\n response.error === \"jwt expired\" ||\r\n response.error === \"invalid token\" ||\r\n response.error === \"invalid signature\" ||\r\n response.error === \"Unexpected token\"\r\n ) {\r\n let status = await refresh_token();\r\n if (status) {\r\n getHierarchy(currentCompany);\r\n }\r\n }\r\n })\r\n .catch((error) => console.log(error.message));\r\n };\r\n\r\n const getAllHierarchyOrganizations = (currentCompany) => {\r\n setHierarchyLoader(true);\r\n let localstorage = localStorage.getItem(\"UserData\");\r\n\r\n var data = JSON.parse(localstorage);\r\n let token = data.token;\r\n let params = { company_id: currentCompany.id };\r\n console.log(data.user_id);\r\n let query = Object.keys(params)\r\n .map((k) => encodeURIComponent(k) + \"=\" + encodeURIComponent(params[k]))\r\n .join(\"&\");\r\n fetch(\r\n GlobalApi +\r\n \"/HierarchyOrganization/get_all_hierarchy_organizations?\" +\r\n query,\r\n {\r\n method: \"GET\",\r\n headers: {\r\n Authorization: \"Bearer \" + token,\r\n \"Content-Type\": \"application/json\",\r\n },\r\n }\r\n )\r\n .then((responseJson) => responseJson.json())\r\n .then(async (response) => {\r\n if (response.msg == \"success\") {\r\n console.log(\"All HIRARCHY ORGANIZATIONS>>>>>>>>>>>>>>>>>>\", response);\r\n\r\n let _usedRoles = [];\r\n if (response.data.length > 0) {\r\n response.data.forEach((item) => {\r\n console.log(\"item in hirarchy organization\", item);\r\n let obj = {\r\n ...item,\r\n hierarchy_organization_id: item.HierarchyOrganizations.id,\r\n position: parseInt(item.HierarchyOrganizations.position),\r\n };\r\n _usedRoles.push(obj);\r\n });\r\n\r\n console.log(\"used Roles after push>>>>>>>>\", _usedRoles);\r\n setUsedRoles(_usedRoles);\r\n setFilledRoles(_usedRoles);\r\n\r\n setUpdate(true);\r\n setChange(true);\r\n setHierarchyLoader(false);\r\n } else {\r\n setUsedRoles(response.data);\r\n setChange(true);\r\n }\r\n\r\n setChange(true);\r\n setHierarchyLoader(false);\r\n }\r\n })\r\n .catch((error) => {\r\n console.log(\"error.message\", error);\r\n setHierarchyLoader(false);\r\n });\r\n };\r\n\r\n const addTier = async () => {\r\n setBtnLoader(true);\r\n\r\n let selectedUser = false;\r\n let selectedSite = false;\r\n\r\n console.log(newArr)\r\n\r\n // newArr.forEach((item) => {\r\n // if (item.checked == true) {\r\n // selectedUser = true;\r\n // item.sites.forEach((v) => { \r\n // if (v.checked == true) selectedSite = true;\r\n // });\r\n // }\r\n // });\r\n\r\n if(!editMode && selectedRole == \"\"){\r\n swal(t(\"Error\"), t(\"Select A User Role\"), \"error\");\r\n setBtnLoader(false);\r\n }\r\n newArr.forEach((item)=>{\r\n if(item.checked == true){\r\n selectedUser = true;\r\n item.sites.forEach((v)=>{\r\n if (v.checked == true)selectedSite = true;\r\n })\r\n }\r\n })\r\n if (selectedUser == false) {\r\n swal(t(\"Error\"), t(\"Atleast One User Required\"), \"error\");\r\n setBtnLoader(false);\r\n } else if (selectedUser == true) {\r\n if (selectedSite == false){\r\n swal(t(\"Error\"), t(\"Atleast One Site Required For Each User\"), \"error\");\r\n setBtnLoader(false);\r\n }\r\n else if (selectedSite == true) {\r\n let localstorage = localStorage.getItem(\"UserData\");\r\n\r\n var data = JSON.parse(localstorage);\r\n let token = data.token;\r\n\r\n \r\n if (!editMode && selectedRole !== \"\") {\r\n var list = [...roles];\r\n var used = [...usedRoles];\r\n var available = [...availableRoles];\r\n var index = await list.findIndex((x) => x.id == selectedRole);\r\n\r\n if (list[index] == undefined) {\r\n return;\r\n }\r\n\r\n let abcd = [];\r\n for (const iterator of newArr) {\r\n if (iterator.checked == true) {\r\n abcd.push(iterator);\r\n }\r\n }\r\n\r\n let finalArr = [];\r\n for (const iterator2 of abcd) {\r\n let fetchP = iterator2.sites;\r\n let mySites = [];\r\n for (const iterator3 of fetchP) {\r\n if (iterator3.checked == true) {\r\n mySites.push(iterator3.site_id);\r\n }\r\n }\r\n let obj = { user_id: iterator2.user_id, sites: mySites };\r\n finalArr.push(obj);\r\n }\r\n\r\n console.log(\"Final Arr im sending >>>>>>>>\", finalArr);\r\n var item = {\r\n title: list[index].title,\r\n heirarchy_id: selectedRole,\r\n color: list[index].color,\r\n position: (used?.length + 1).toString(),\r\n status: \"active\",\r\n company_id: selectedCompany.id,\r\n identifier: \"Local\",\r\n created_by: selectedCompany.id,\r\n users: finalArr,\r\n };\r\n\r\n fetch(\r\n GlobalApi + \"/HierarchyOrganization/create_hierarchy_organization\",\r\n {\r\n method: \"post\",\r\n headers: new Headers({\r\n Authorization: \"Bearer \" + token,\r\n \"Content-Type\": \"application/json\",\r\n }),\r\n body: JSON.stringify(item),\r\n }\r\n )\r\n .then((response) => response.json())\r\n .then((res) => {\r\n console.log(\"res>>>>>>>>>>>>>>>>>>>>>\", res)\r\n if (res.status === \"success\") {\r\n swal(t(\"Success\"), t(\"Hierarchy has been created successfully\"), \"success\");\r\n setSelectedRole(\"\")\r\n setBtnLoader(false);\r\n console.log(res.data);\r\n getAllHierarchyOrganizations(selectedCompany);\r\n getTeamsAndSites(selectedCompany);\r\n }\r\n });\r\n }\r\n if (editMode) {\r\n console.log(\"Edit Mode Called\");\r\n let abcd = [];\r\n for (const iterator of newArr) {\r\n if (iterator.checked == true) {\r\n abcd.push(iterator);\r\n }\r\n }\r\n\r\n let finalArr = [];\r\n for (const iterator2 of abcd) {\r\n let fetchP = iterator2.sites;\r\n let mySites = [];\r\n for (const iterator3 of fetchP) {\r\n if (iterator3.checked == true) {\r\n mySites.push(iterator3.site_id);\r\n }\r\n }\r\n let obj = { user_id: iterator2.user_id, sites: mySites };\r\n finalArr.push(obj);\r\n }\r\n\r\n console.log(\"Final Arr im sending >>>>>>>>\", finalArr);\r\n console.log(\r\n \"setCurrentEditObj>>>>>\",\r\n currentEditObj.hierarchy_organization_id\r\n );\r\n\r\n var item = {\r\n hierarchy_organization_id: currentEditObj.hierarchy_organization_id,\r\n users: finalArr,\r\n };\r\n\r\n fetch(\r\n GlobalApi + \"/HierarchyOrganization/edit_hierarchy_organization\",\r\n {\r\n method: \"post\",\r\n headers: new Headers({\r\n Authorization: \"Bearer \" + token,\r\n \"Content-Type\": \"application/json\",\r\n }),\r\n body: JSON.stringify(item),\r\n }\r\n )\r\n .then((response) => response.json())\r\n .then((res) => {\r\n console.log(\"res?>>>>>>>\", res);\r\n\r\n if (res.msg === \"success\") {\r\n swal(t(\"Success\"), t(\"Hierarchy has been updated successfully\"), \"success\");\r\n getAllHierarchyOrganizations(selectedCompany);\r\n getTeamsAndSites(selectedCompany);\r\n setBtnLoader(false);\r\n setEditMode(false);\r\n }\r\n });\r\n }\r\n }\r\n }\r\n };\r\n\r\n const handleChange = (event) => {\r\n setSelectedRole(event.target.value);\r\n };\r\n\r\n const deleteTier = async (id) => {\r\n console.log(\"deleteTier\", id);\r\n var used = [...usedRoles];\r\n var index = await used.findIndex(\r\n (x) => x?.HierarchyOrganizations?.id == id\r\n );\r\n\r\n let localstorage = localStorage.getItem(\"UserData\");\r\n\r\n var data = JSON.parse(localstorage);\r\n let token = data.token;\r\n let deleteTierRequest = await fetch(\r\n GlobalApi + \"/HierarchyOrganization/delete_hierarchy_organization\",\r\n {\r\n method: \"post\",\r\n headers: new Headers({\r\n Authorization: \"Bearer \" + token,\r\n \"Content-Type\": \"application/json\",\r\n }),\r\n body: JSON.stringify({ hierarchy_organization_id: id }),\r\n }\r\n );\r\n\r\n let reqJson = await deleteTierRequest.json();\r\n if (reqJson.status === \"Success\") {\r\n console.log(\"tier Deleted\");\r\n used.splice(index, 1);\r\n used.map(async (v, i) => {\r\n let pos = i + 1;\r\n let req = await fetch(\r\n GlobalApi + \"/HierarchyOrganization/edit_hierarchy_organization_position\",\r\n {\r\n method: \"post\",\r\n headers: new Headers({\r\n Authorization: \"Bearer \" + token,\r\n \"Content-Type\": \"application/json\",\r\n }),\r\n body: JSON.stringify({\r\n position: pos.toString(),\r\n hierarchy_organization_id: v?.HierarchyOrganizations?.id,\r\n }),\r\n }\r\n );\r\n\r\n let reqJson_2 = await req.json();\r\n\r\n if (used?.length - 1 === i) {\r\n getAllHierarchyOrganizations(selectedCompany);\r\n getTeamsAndSites(selectedCompany);\r\n setEditMode(false);\r\n swal(t(\"Success\"), t(\"Deleted Successfully\"), \"success\");\r\n }\r\n });\r\n getAllHierarchyOrganizations(selectedCompany);\r\n }\r\n };\r\n\r\n const openModal = async (type) => {\r\n \r\n if(type == \"edit\"){\r\n setCurrentRole(roles.filter(item=>item.id == selectedRole)[0])\r\n setEditRole(true)\r\n setModal(true);\r\n \r\n }else{\r\n setCurrentRole({})\r\n setEditRole(false)\r\n setModal(true);\r\n }\r\n };\r\n\r\n const handleCancel = () =>{\r\n setSelectedRole(\"\")\r\n }\r\n\r\n const closeModal = () => {\r\n setModal(false);\r\n };\r\n\r\n const addNewHierarchy = async (hierarchy) => {\r\n console.log(\"hierarchy>>>>>>>>>>>>>>>>>>\", hierarchy);\r\n\r\n var _roles = [...roles];\r\n var item = {\r\n // id: hierarchy.id,\r\n title: hierarchy.title,\r\n color: hierarchy.color,\r\n position: _roles.length + 1,\r\n company_id: selectedCompany.id,\r\n identifier: \"Local\",\r\n created_by: data.organization_id,\r\n };\r\n fetch(GlobalApi + \"/Hierarchy/create_hierarchy\", {\r\n method: \"post\",\r\n headers: new Headers({\r\n Authorization: \"Bearer \" + token,\r\n \"Content-Type\": \"application/json\",\r\n }),\r\n body: JSON.stringify(item),\r\n })\r\n .then((response) => response.json())\r\n .then((res) => {\r\n console.log(\"create Hirarchy>>>>>>>>>>>>>>>>>>\", res);\r\n if (res.status === \"Success\") {\r\n _roles.push(res.data);\r\n setRoles(_roles);\r\n swal(t(\"Success\"), t(\"User Role Created Successfully\"), \"success\");\r\n }\r\n });\r\n };\r\n\r\n \r\n\r\n const editHierarchy = async (hierarchy) => {\r\n console.log(\"hierarchy>>>>>>>>>>>>>>>>>>\", hierarchy);\r\n\r\n\r\n fetch(GlobalApi + \"/Hierarchy/edit_hierarchy\", {\r\n method: \"post\",\r\n headers: new Headers({\r\n Authorization: \"Bearer \" + token,\r\n \"Content-Type\": \"application/json\",\r\n }),\r\n body: JSON.stringify(hierarchy),\r\n })\r\n .then((response) => response.json())\r\n .then((res) => {\r\n console.log(\"edit Hirarchy>>>>>>>>>>>>>>>>>>\", res);\r\n if (res.status === \"Success\") {\r\n getHierarchy(selectedCompany)\r\n setSelectedRole(\"\")\r\n swal(t(\"Success\"), t(\"User Role Updated Successfully\"), \"success\");\r\n }\r\n });\r\n };\r\n\r\n return <>\r\n \r\n \r\n \r\n \r\n \r\n; */\r\n}\r\n","import React from \"react\";\r\nimport { makeStyles,withStyles } from \"@material-ui/core/styles\";\r\nimport Tooltip from '@material-ui/core/Tooltip';\r\nimport Typography from \"@material-ui/core/Typography\";\r\nconst HtmlTooltip = makeStyles((theme) => ({\r\n arrow: {\r\n color: \"gray\",\r\n fontSize:20\r\n },\r\n tooltip: {\r\n backgroundColor: '#f5f5f9',\r\n color: 'rgba(0, 0, 0, 0.87)',\r\n maxWidth: 220,\r\n fontSize: theme.typography.pxToRem(12),\r\n border: '1px solid #dadde9',\r\n },\r\n }))\r\n function BootstrapTooltip(props) {\r\n const classes = HtmlTooltip();\r\n \r\n return \r\n Password Guidelines \r\n {\"Your password must have: \"}
\r\n {/* {'some'} {'amazing content'}.{' '} */}\r\n{\"8 or more characters\"} \r\n {\"Upper & lowercase letters\"} \r\n {\"At least one number\"} \r\n {\"At least one special character\"} \r\n \r\n }\r\n >\r\n {children}\r\n \r\n )\r\n }","const hasNumber = value => {\r\n return new RegExp(/[0-9]/).test(value);\r\n }\r\n const hasMixed = value => {\r\n return new RegExp(/[a-z]/).test(value) &&\r\n new RegExp(/[A-Z]/).test(value);\r\n }\r\n const hasSpecial = value => {\r\n return new RegExp(/[!#@$%^&*)(+=._-]/).test(value);\r\n }\r\n const hasValidLength=value=>{\r\n if(value.length < 8 )\r\n return false\r\n\r\n else\r\n return true\r\n }\r\n export {\r\n hasNumber,\r\n hasMixed,\r\n hasSpecial,\r\n hasValidLength\r\n }","//React Library\r\nimport React, { useState, useEffect } from \"react\";\r\n\r\n//Material UI Styles\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\n\r\n//Material UI Components\r\nimport Grid from \"@material-ui/core/Grid\";\r\nimport Paper from \"@material-ui/core/Paper\";\r\nimport Button from \"@material-ui/core/Button\";\r\nimport Checkbox from \"@material-ui/core/Checkbox\";\r\nimport MenuItem from \"@material-ui/core/MenuItem\";\r\nimport TextField from \"@material-ui/core/TextField\";\r\nimport IconButton from \"@material-ui/core/IconButton\";\r\nimport MuiPhoneNumber from \"material-ui-phone-number\";\r\nimport Visibility from \"@material-ui/icons/Visibility\";\r\nimport FormControl from \"@material-ui/core/FormControl\";\r\nimport { CircularProgress } from \"@material-ui/core\";\r\nimport PhotoCamera from \"@material-ui/icons/PhotoCamera\";\r\nimport TextareaAutosize from \"@material-ui/core/TextareaAutosize\";\r\nimport CustomToolTip from \"../../Global/PasswordGuileline\";\r\nimport OutlinedInput from \"@material-ui/core/OutlinedInput\";\r\nimport DoneAllIcon from \"@material-ui/icons/DoneAll\";\r\nimport VisibilityOff from \"@material-ui/icons/VisibilityOff\";\r\nimport InputAdornment from \"@material-ui/core/InputAdornment\";\r\nimport FormControlLabel from \"@material-ui/core/FormControlLabel\";\r\nimport PhoneInput from \"react-phone-number-input/input\";\r\nimport Table from \"@material-ui/core/Table\";\r\nimport TableBody from \"@material-ui/core/TableBody\";\r\nimport TableCell from \"@material-ui/core/TableCell\";\r\nimport TableContainer from \"@material-ui/core/TableContainer\";\r\nimport TableHead from \"@material-ui/core/TableHead\";\r\nimport DeleteIcon from \"@material-ui/icons/Delete\";\r\nimport TableRow from \"@material-ui/core/TableRow\";\r\nimport Typography from \"@material-ui/core/Typography\";\r\nimport { Switch } from \"@material-ui/core\";\r\nimport { styled } from \"@material-ui/core/styles\";\r\nimport Modal from \"@material-ui/core/Modal\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport HelpOutlineIcon from \"@material-ui/icons/HelpOutline\";\r\nimport Tooltip from \"@material-ui/core/Tooltip\";\r\n\r\n//Global Elements\r\nimport GlobalApi from \"../../Global\";\r\nimport Colors from \"../../Global/colors\";\r\nimport refresh_token from \"../../Global/refresh_token\";\r\nimport {\r\n hasValidLength,\r\n hasNumber,\r\n hasMixed,\r\n hasSpecial,\r\n} from \"../../Global/Password\";\r\n\r\n//Custom Css + Images\r\nimport \"./team.css\";\r\nimport swal from \"@sweetalert/with-react\";\r\nimport Delete from \"../../Assets/delete.png\";\r\nimport Edit from \"../../Assets/edit.png\";\r\nimport DeleteG from \"../../Assets/deleteG.png\";\r\nimport EditG from \"../../Assets/editG.png\";\r\nimport help from \"../../Assets/help_icon.png\";\r\nimport helpAr from \"../../Assets/help_icon_ar.png\";\r\n\r\n//Redux\r\nimport { addUser } from \"../../Redux/Actions/userAction\";\r\nimport { addTeam } from \"../../Redux/Actions/teamAction\";\r\nimport { useSelector, useDispatch } from \"react-redux\";\r\nimport { useTranslation } from \"react-i18next\";\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n root: {\r\n flexGrow: 1,\r\n },\r\n paper: {\r\n padding: theme.spacing(2),\r\n textAlign: \"center\",\r\n color: theme.palette.text.secondary,\r\n },\r\n input: {\r\n display: \"none\",\r\n },\r\n textField: {\r\n backgroundColor: Colors.globalColor5,\r\n border: \"none\",\r\n borderRadius: 5,\r\n },\r\n resize: {\r\n padding: \"7px\",\r\n },\r\n password: {\r\n padding: \"2px\",\r\n },\r\n switchBase: {\r\n color: \"#818181\",\r\n padding: \"1px\",\r\n \"&$checked\": {\r\n \"& + $track\": {\r\n backgroundColor: \"#043077\",\r\n },\r\n },\r\n },\r\n thumb: {\r\n color: \"white\",\r\n width: \"20px\",\r\n height: \"20px\",\r\n margin: \"1px\",\r\n },\r\n track: {\r\n borderRadius: \"20px\",\r\n width: \"200px\",\r\n backgroundColor: \"#818181\",\r\n opacity: \"1 !important\",\r\n \"&:after, &:before\": {\r\n color: \"white\",\r\n fontSize: \"11px\",\r\n backgroundColor: \"#818181\",\r\n },\r\n \"&:after\": {\r\n content: \"'activate'\",\r\n left: \"7px\",\r\n },\r\n \"&:before\": {\r\n content: \"'deactivate'\",\r\n right: \"8px\",\r\n },\r\n },\r\n checked: {\r\n color: \"#043077 !important\",\r\n transform: \"translateX(50px) !important\",\r\n },\r\n}));\r\n\r\n//Main Function\r\nfunction Team({ isOnboarding = false }) {\r\n let { t } = useTranslation();\r\n let language = useSelector((state) => state.languageReducer.language);\r\n let data = useSelector((state) => state.companyReducer.company);\r\n let company = useSelector((state) => state.companyReducer.company);\r\n let data2 = useSelector((state) => state.userReducer.user);\r\n const [currentCompany, setCurrentCompany] = useState(data);\r\n const [btnLoader, setBtnLoader] = useState(false);\r\n const [companies, setCompanies] = useState([]);\r\n const [companiesArr, setCompaniesArr] = useState([]);\r\n const [profileImageUrl, setProfileImageUrl] = useState(\"\");\r\n const [signatureUrl, setSignatureUrl] = useState(\"\");\r\n const [userData, setUserData] = useState(data2);\r\n const [packageDetails, setPackageDetails] = useState(null);\r\n const [token, setToken] = useState(data2.token);\r\n const [organizationId, setOrganizationId] = useState(data2.organization_id);\r\n const [editMode, setEditMode] = useState(false);\r\n const [phoneNumber, setPhoneNumber] = useState(\"\");\r\n const [currentEditUser, setCurrentEditUser] = useState(\"\");\r\n const [teams, setTeams] = useState(null);\r\n const [openOnb, setOpenOnb] = React.useState(false);\r\n const [licenses, setLicenses] = useState([]);\r\n const [permissions_obj, setPermissionObj] = useState({});\r\n const [inspectorPremissions, setInspectorPremissions] = useState([\r\n \"Data Management\",\r\n \"Schedule Management\",\r\n \"Manage Response Sets\",\r\n \"Action\",\r\n \"Manage Report Preferences\",\r\n \"Template Creation\",\r\n \"Data Access\",\r\n ]);\r\n const [managementPremissions, setManagementPremissions] = useState([\r\n \"Workflow\",\r\n \"Analytics\",\r\n \"Activity Log\",\r\n \"License and Billing Management\",\r\n \"Billing Management\",\r\n ]);\r\n const history = useHistory();\r\n const [teamData, setTeamData] = useState({\r\n first_name: \"\",\r\n last_name: \"\",\r\n job_title: \"\",\r\n email: \"\",\r\n password: \"\",\r\n license_id: \"\",\r\n role: \"admin\",\r\n confirmPassword: \"\",\r\n profilePic: null,\r\n signature_filename: \"\",\r\n signature: null,\r\n });\r\n const [reason, setReason] = useState(\"\");\r\n let [errorObj, setErrorObj] = useState({\r\n first_name: \"\",\r\n last_name: \"\",\r\n job_title: \"\",\r\n role: \"\",\r\n email: \"\",\r\n license_id: \"\",\r\n phone: \"\",\r\n password: \"\",\r\n confirmPassword: \"\",\r\n });\r\n const [values, setValues] = React.useState({\r\n showPassword: false,\r\n showPasswordConfirm: false,\r\n });\r\n const dispatch = useDispatch();\r\n\r\n function handleInputChange(event) {\r\n let { name, value } = event.target;\r\n setTeamData({\r\n ...teamData,\r\n [name]: value,\r\n });\r\n }\r\n\r\n function handleInputChange2(event) {\r\n let { name, value } = event.target;\r\n setReason(value);\r\n }\r\n\r\n const handleDelete = () => {\r\n if(reason == \"\"){\r\n swal(\"Error\",\"Reason is Required\",\"error\")\r\n return;\r\n }\r\n swal({\r\n title: t(\"Are you sure?\"),\r\n text: \"Are you sure you want to proceed with user deletion?\",\r\n icon: \"warning\",\r\n buttons: [t(\"No, cancel it!\"), t(\"Yes, I am sure!\")],\r\n dangerMode: true,\r\n }).then(async function(isConfirm) {\r\n if (isConfirm) {\r\n removeTeamMember(data2.user_id);\r\n } else {\r\n console.log(\"Canceled\");\r\n }\r\n });\r\n }\r\n\r\n\r\n function handlePhoneInputChange(value) {\r\n console.log(value);\r\n setTeamData({\r\n ...teamData,\r\n phone: value,\r\n });\r\n }\r\n\r\n const handleClickShowPassword = () => {\r\n setValues({ ...values, showPassword: !values.showPassword });\r\n };\r\n const handleClickShowPasswordConfirm = () => {\r\n setValues({ ...values, showPasswordConfirm: !values.showPasswordConfirm });\r\n };\r\n\r\n const onCheckCompany = (value, index) => {\r\n console.log(\"Before\", companies);\r\n let _companies = [...companies];\r\n _companies[index].checked = value;\r\n\r\n console.log(\"After\", _companies);\r\n setCompanies(_companies);\r\n };\r\n\r\n const handleStatus = (userId) => {\r\n console.log(\"id\", userId);\r\n };\r\n\r\n const handleRoleChange = (index, value) => {\r\n console.log(\"**************** Companies>>>>>>>\", value);\r\n let _companies = [...companies];\r\n _companies[index].role = value;\r\n\r\n let permissions = [..._companies[index].permissions];\r\n console.log(\"**************** permissions>>>>>>>\", permissions);\r\n\r\n if (value == \"inspector\") {\r\n permissions.forEach((permission) => {\r\n if (inspectorPremissions.includes(permission.title)) {\r\n permission.checked = true;\r\n } else {\r\n permission.checked = false;\r\n }\r\n });\r\n } else if (value == \"management\") {\r\n permissions.forEach((permission) => {\r\n if (managementPremissions.includes(permission.title)) {\r\n permission.checked = true;\r\n } else {\r\n permission.checked = false;\r\n }\r\n });\r\n } else {\r\n permissions.forEach((permission) => {\r\n permission.checked = true;\r\n });\r\n }\r\n _companies[index].permissions = permissions;\r\n\r\n setCompanies(_companies);\r\n };\r\n\r\n const onCheckPermission = (value, index, subIndex) => {\r\n console.log(\"Before\", companies);\r\n let _companies = [...companies];\r\n _companies[index].permissions[subIndex].checked = value;\r\n console.log(\"After\", _companies);\r\n setCompanies(_companies);\r\n };\r\n\r\n async function logout() {\r\n console.log(\"DELETE 1 CALLED\");\r\n let localstorage = localStorage.getItem(\"UserData\");\r\n\r\n let data = JSON.parse(localstorage);\r\n fetch(GlobalApi + \"/DeviceRecord/delete_device_record\", {\r\n method: \"post\",\r\n headers: new Headers({\r\n Authorization: \"Bearer \" + data.token,\r\n \"Content-Type\": \"application/json\",\r\n }),\r\n body: JSON.stringify({\r\n device_record_id: data.device_id,\r\n }),\r\n })\r\n .then((res) => res.json())\r\n .then(async (resJson) => {\r\n console.log(\"DELETE RESPONSE IF DEVICE API\", resJson);\r\n\r\n console.log(\"all Dispatches Called\");\r\n // dispatch(confirmDeleteUser());\r\n // dispatch(removeCompany());\r\n // dispatch(removeCompanyArr());\r\n // dispatch(removeIndustryArr());\r\n history.replace(\"/signin\");\r\n localStorage.clear();\r\n })\r\n .catch((error) => console.log(\"error\", error));\r\n }\r\n\r\n // async function confirmDeleteUser(userId, orgId) {\r\n // if (data2.user_id === userId && orgId != null) {\r\n // if (teams?.length > 1) {\r\n // swal(\r\n // t(\"Warning\"),\r\n // \"Before proceed to deletion, you need to delete of all user accounts.\",\r\n // \"error\"\r\n // );\r\n // } else {\r\n // swal({\r\n // title: t(\"Are you sure?\"),\r\n // text: \"Are you sure you want to proceed with the deletion?\",\r\n // icon: \"warning\",\r\n // buttons: [t(\"No, cancel it!\"), t(\"Yes, I am sure!\")],\r\n // dangerMode: true,\r\n // }).then(async function(isConfirm) {\r\n // if (isConfirm) {\r\n // removeTeamMember(userId);\r\n // } else {\r\n // console.log(\"Canceled\");\r\n // }\r\n // });\r\n // }\r\n // } else {\r\n // swal({\r\n // title: t(\"Are you sure?\"),\r\n // text: \"Are you sure you want to proceed with user deletion?\",\r\n // icon: \"warning\",\r\n // buttons: [t(\"No, cancel it!\"), t(\"Yes, I am sure!\")],\r\n // dangerMode: true,\r\n // }).then(async function(isConfirm) {\r\n // if (isConfirm) {\r\n // removeTeamMember(userId);\r\n // } else {\r\n // console.log(\"Canceled\");\r\n // }\r\n // });\r\n // }\r\n // }\r\n\r\n async function confirmDeleteUser(userId, orgId) {\r\n if (data2.user_id === userId ) {\r\n setOpenOnb(true)\r\n } else {\r\n swal({\r\n title: t(\"Are you sure?\"),\r\n text: \"Are you sure you want to proceed with user deletion?\",\r\n icon: \"warning\",\r\n buttons: [t(\"No, cancel it!\"), t(\"Yes, I am sure!\")],\r\n dangerMode: true,\r\n }).then(async function(isConfirm) {\r\n if (isConfirm) {\r\n removeTeamMember(userId);\r\n } else {\r\n console.log(\"Canceled\");\r\n }\r\n });\r\n }\r\n }\r\n\r\n async function removeTeamMember(userId) {\r\n try {\r\n fetch(GlobalApi + \"/User/consent_for_deletion\", {\r\n method: \"post\",\r\n headers: new Headers({\r\n Authorization: \"Bearer \" + token,\r\n \"Content-Type\": \"application/json\",\r\n }),\r\n body: JSON.stringify({\r\n reason: reason ? reason : \"\",\r\n feedback : \"\"\r\n }),\r\n })\r\n .then((response) => response.json())\r\n .then(async (res) => {\r\n console.log(\"res>>>>>\",res)\r\n if (res.msg === \"success\") {\r\n fetch(GlobalApi + \"/user/freeze_users\", {\r\n method: \"post\",\r\n headers: new Headers({\r\n Authorization: \"Bearer \" + token,\r\n \"Content-Type\": \"application/json\",\r\n }),\r\n body: JSON.stringify({\r\n user_id: userId,\r\n }),\r\n })\r\n .then((response2) => response2.json())\r\n .then(async (res2) => {\r\n console.log(\"remove user response >>>>\", res2);\r\n if (res2.status === \"Success\") {\r\n await swal(\r\n t(\"Success\"),\r\n t(\"Your Account has been deleted, Please check your email for further details\"),\r\n \"success\"\r\n );\r\n getTeamData(data.id);\r\n getPackageDetails();\r\n } else {\r\n // alert(res.err);\r\n }\r\n })\r\n .catch((err) => console.log(err));\r\n\r\n if (userId == data2.user_id) {\r\n logout();\r\n }\r\n }\r\n });\r\n\r\n // let req = await fetch(Global.apiUrl + '/User/consent_for_deletion', {\r\n // method: 'post',\r\n // headers: new Headers({\r\n // Authorization: 'Bearer ' + token,\r\n // 'Content-Type': 'application/json',\r\n // }),\r\n // body: JSON.stringify({\r\n // user_id: user_id\r\n // })\r\n // })\r\n // let res = await req.json();\r\n // console.log('consent_for_deletion user response >>>>', res);\r\n // if (res.msg === 'success') {\r\n // try {\r\n // let req = await fetch(Global.apiUrl + '/user/freeze_users', {\r\n // method: 'post',\r\n // headers: new Headers({\r\n // Authorization: 'Bearer ' + token,\r\n // 'Content-Type': 'application/json',\r\n // }),\r\n // body: JSON.stringify({\r\n // // user_id: userData?.user_id\r\n // user_id: user_id\r\n // }),\r\n // })\r\n // let response = await req.json();\r\n // console.log('Permanent User Deleted Response *****>>>>>', response);\r\n // if (response.status === 'Success') {\r\n // setFormDataAdd(false);\r\n // if (loginUser?.user_id === user_id) {\r\n // AsyncStorage.clear();\r\n // dispatch(confirmDeleteUser());\r\n // }\r\n // else {\r\n // showAlert(t('alert'), t('user_deleted'), t('ok'))\r\n // fetchUsers(selectedCompany);\r\n // fetchEntity();\r\n // getPackageDetails()\r\n // clearFormData();\r\n // getAllLicenses();\r\n // }\r\n // } else {\r\n // setFormDataAdd(false);\r\n // }\r\n\r\n // } catch (error) {\r\n // console.log('User Delete Error >>>', error);\r\n // }\r\n\r\n // }\r\n } catch (error) {\r\n console.log(\"Req Error ****>>>>>\", error);\r\n }\r\n }\r\n\r\n // async function confirmDeleteUser(userId) {\r\n // swal({\r\n // title: t(\"Are you sure?\"),\r\n // text: t(\"All Data connected to this account will be deleted\"),\r\n // icon: \"warning\",\r\n // buttons: [t(\"No, cancel it!\"), t(\"Yes, I am sure!\")],\r\n // dangerMode: true,\r\n // }).then(async function(isConfirm) {\r\n // if (isConfirm) {\r\n // fetch(GlobalApi + \"/user/freeze_users\", {\r\n // method: \"post\",\r\n // headers: new Headers({\r\n // Authorization: \"Bearer \" + token,\r\n // \"Content-Type\": \"application/json\",\r\n // }),\r\n // body: JSON.stringify({\r\n // user_id: userId,\r\n // }),\r\n // })\r\n // .then((response) => response.json())\r\n // .then(async (res) => {\r\n // console.log(\"remove user response >>>>\", res);\r\n // if (res.status === \"Success\") {\r\n // await swal(\r\n // t(\"Success\"),\r\n // t(\"Team member has been removed successfully\"),\r\n // \"success\"\r\n // );\r\n // getTeamData(data.id);\r\n // getPackageDetails();\r\n // } else {\r\n // // alert(res.err);\r\n // }\r\n // })\r\n // .catch((err) => console.log(err));\r\n\r\n // if (userId == data2.user_id) {\r\n // logout();\r\n // }\r\n // } else {\r\n // console.log(\"Canceled\");\r\n // }\r\n // });\r\n // }\r\n\r\n const editUser = (key, userId) => {\r\n setEditMode(true);\r\n setCurrentEditUser(userId);\r\n let currentUser = teams[key];\r\n console.log(\"XXXXXXXXXXXXXXXXXXXXXXXXXXXXX\", currentUser);\r\n setTeamData({\r\n first_name: currentUser.first_name,\r\n last_name: currentUser.last_name,\r\n job_title: currentUser.job_title,\r\n license_id: currentUser?.license?.license_id,\r\n email: currentUser.email,\r\n profilePic: currentUser.avatar,\r\n role: currentUser.role,\r\n signature_filename: currentUser.signature_filename,\r\n signature: currentUser.signature,\r\n password: \"\",\r\n confirmPassword: \"\",\r\n });\r\n setPhoneNumber(currentUser.phone);\r\n setCompanies(currentUser.company);\r\n console.log(teams[key]);\r\n };\r\n\r\n const handleCloseOnb = () => {\r\n setOpenOnb(false);\r\n };\r\n\r\n\r\n const handleCancel = () => {\r\n setEditMode(false);\r\n setTeamData({\r\n first_name: \"\",\r\n last_name: \"\",\r\n job_title: \"\",\r\n license_id: \"\",\r\n role: \"admin\",\r\n email: \"\",\r\n password: \"\",\r\n confirmPassword: \"\",\r\n });\r\n setPhoneNumber(\"\");\r\n getCompaniesDetail(token, userData.organization_id, userData);\r\n setErrorObj({\r\n first_name: \"\",\r\n last_name: \"\",\r\n job_title: \"\",\r\n role: \"\",\r\n email: \"\",\r\n phone: \"\",\r\n password: \"\",\r\n confirmPassword: \"\",\r\n });\r\n };\r\n\r\n const resetFields = () => {\r\n setTeamData({\r\n first_name: \"\",\r\n last_name: \"\",\r\n job_title: \"\",\r\n license_id: \"\",\r\n email: \"\",\r\n role: \"admin\",\r\n password: \"\",\r\n confirmPassword: \"\",\r\n signature_filename: \"\",\r\n signature: null,\r\n });\r\n setPhoneNumber(\"\");\r\n };\r\n\r\n async function getCompaniesDetail(Token, OrganizationId, UserData) {\r\n let params1 = {\r\n organization_id: OrganizationId,\r\n };\r\n let query1 = Object.keys(params1)\r\n .map((k) => encodeURIComponent(k) + \"=\" + encodeURIComponent(params1[k]))\r\n .join(\"&\");\r\n\r\n let getPermissions = await fetch(\r\n GlobalApi + \"/Permission/get_all_company_permissions?\" + query1,\r\n {\r\n method: \"GET\",\r\n headers: {\r\n Authorization: \"Bearer \" + Token,\r\n \"Content-Type\": \"application/json\",\r\n },\r\n }\r\n );\r\n let permissionsJson = await getPermissions.json();\r\n if (permissionsJson.status === \"Success\") {\r\n let finalArray = await permissionsJson.data.map((item) => {\r\n return { ...item, role: \"admin\" };\r\n });\r\n\r\n console.log(\"**************** Companies>>>>>>>\", finalArray);\r\n\r\n setCompanies(finalArray);\r\n }\r\n\r\n // else if (userData?.super_admin == false) {\r\n // console.log('NOt Super Admin user >>>',)\r\n // let getPermissions = await fetch(Global.apiUrl + '/Permission/get_all_company_permissions?' + query1, {\r\n // method: 'GET',\r\n // headers: {\r\n // Authorization: 'Bearer ' + token,\r\n // 'Content-Type': 'application/json',\r\n // },\r\n // });\r\n // let permissionsJson = await getPermissions.json();\r\n // console.log('single company >>>>>>', permissionsJson);\r\n // if (permissionsJson.status === 'Success') {\r\n // if (handleGlobelCompanies != undefined) {\r\n // handleGlobelCompanies(permissionsJson.data)\r\n // }\r\n // let industry_data = [];\r\n // userData.companies.map(v => {\r\n // industry_data.push({\r\n // label: v.company_name,\r\n // value: v.id,\r\n // })\r\n // })\r\n // // let nameComp = reqJsonCompanies.companies[0].id;\r\n // // console.log('nameComp >>>>', nameComp);\r\n // setCompanies(industry_data);\r\n // // setCompanies([{\r\n // // label:reqJsonCompany.company.company_name,\r\n // // value:reqJsonCompany.company.id\r\n // // }]);\r\n // setCompaniesValue({\r\n // ...companiesValue,\r\n // main_comp: industry_data[0].value,\r\n // super_admin: false\r\n // })\r\n // if(currentRoute === 'TeamScreen'){\r\n // fetchCompanyUsers(industry_data[0].value)\r\n // }\r\n // }\r\n // }\r\n }\r\n\r\n const getTeamData = (companyId) => {\r\n let localstorage = localStorage.getItem(\"UserData\");\r\n var data = JSON.parse(localstorage);\r\n let tokenNew = data.token;\r\n\r\n let params = { company_id: companyId };\r\n\r\n console.log(\"COMPANY ID >>>>>>>>>>>>,\", companyId);\r\n\r\n let query = Object.keys(params)\r\n .map((k) => encodeURIComponent(k) + \"=\" + encodeURIComponent(params[k]))\r\n .join(\"&\");\r\n\r\n fetch(GlobalApi + \"/user/get_users?\" + query, {\r\n method: \"GET\",\r\n headers: {\r\n Authorization: \"Bearer \" + tokenNew,\r\n \"Content-Type\": \"application/json\",\r\n },\r\n })\r\n .then((responseJson) => responseJson.json())\r\n .then(async (response) => {\r\n if (response.msg == \"success\") {\r\n console.log(\"RESPONSE TEAM >>>>\", response);\r\n dispatch(addTeam(response));\r\n setTeams(response.data);\r\n }\r\n })\r\n .catch((error) => console.log(error.message));\r\n };\r\n\r\n //let data = useSelector((state) => state.companyReducer.company);\r\n useEffect(\r\n () => {\r\n // setCurrentCompany(data);\r\n getTeamData(data.id);\r\n console.log(\"data effect\");\r\n },\r\n [data]\r\n );\r\n\r\n useEffect(\r\n () => {\r\n getCompaniesDetail(data2.token, data2.organization_id, data2);\r\n },\r\n [data2]\r\n );\r\n\r\n useEffect(() => {\r\n getAllLicenses();\r\n getPackageDetails();\r\n }, []);\r\n\r\n useEffect(\r\n () => {\r\n getPermissions();\r\n },\r\n [company?.id]\r\n );\r\n\r\n const getAllLicenses = () => {\r\n let localstorage = localStorage.getItem(\"UserData\");\r\n var data = JSON.parse(localstorage);\r\n let token = data?.token;\r\n\r\n let params = {\r\n organization_id: data.organization_id,\r\n };\r\n\r\n let query = Object.keys(params)\r\n .map((k) => encodeURIComponent(k) + \"=\" + encodeURIComponent(params[k]))\r\n .join(\"&\");\r\n\r\n fetch(GlobalApi + \"/Package/get_organization_licenses?\" + query, {\r\n method: \"GET\",\r\n headers: {\r\n Authorization: \"Bearer \" + token,\r\n \"Content-Type\": \"application/json\",\r\n },\r\n })\r\n .then((responseJson) => responseJson.json())\r\n .then(async (response) => {\r\n if (response.msg === \"success\") {\r\n setLicenses(response.licenses);\r\n }\r\n })\r\n .catch((error) => {\r\n console.log(error);\r\n });\r\n };\r\n\r\n const getPermissions = () => {\r\n console.log(\"$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$\");\r\n let localstorage = localStorage.getItem(\"UserData\");\r\n var data = JSON.parse(localstorage);\r\n let token = data?.token;\r\n if (data !== null) {\r\n let params = { company_id: company?.id, user_id: data?.user_id };\r\n let query = Object.keys(params)\r\n .map((k) => encodeURIComponent(k) + \"=\" + encodeURIComponent(params[k]))\r\n .join(\"&\");\r\n\r\n fetch(GlobalApi + \"/User/get_user_permission_of_company?\" + query, {\r\n method: \"GET\",\r\n headers: {\r\n Authorization: \"Bearer \" + token,\r\n \"Content-Type\": \"application/json\",\r\n },\r\n })\r\n .then((responseJson) => responseJson.json())\r\n .then(async (response) => {\r\n console.log(response);\r\n if (response.msg === \"success\") {\r\n let permissionsObj = {};\r\n await response.data.map((v) => {\r\n permissionsObj[(v?.title)] = true;\r\n });\r\n console.log(\"Permissions Obj >>>>>>>\", permissionsObj);\r\n\r\n setPermissionObj(permissionsObj);\r\n } else if (\r\n response.error === \"jwt expired\" ||\r\n response.error === \"invalid token\" ||\r\n response.error === \"invalid signature\" ||\r\n response.error === \"jwt malformed\" ||\r\n response.error === \"Unexpected token\"\r\n ) {\r\n let status = await refresh_token();\r\n // console.log(status);\r\n if (status) {\r\n // console.log(\"opopopop\");\r\n getPermissions();\r\n }\r\n }\r\n })\r\n .catch((error) => {\r\n // localStorage.clear();\r\n // window.location.replace(\"/signin\");\r\n console.log(\"FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFF\", error.message);\r\n });\r\n }\r\n };\r\n\r\n async function getPackageDetails() {\r\n let localstorage = localStorage.getItem(\"UserData\");\r\n var data = JSON.parse(localstorage);\r\n let token = data.token;\r\n let package_inquiry = {\r\n user_id: data.user_id,\r\n organization_id: data.organization_id,\r\n };\r\n\r\n let query = Object.keys(package_inquiry)\r\n .map(\r\n (k) =>\r\n encodeURIComponent(k) + \"=\" + encodeURIComponent(package_inquiry[k])\r\n )\r\n .join(\"&\");\r\n let req = await fetch(\r\n GlobalApi + \"/Package/get_user_license_details?\" + query,\r\n {\r\n method: \"GET\",\r\n headers: {\r\n Authorization: \"Bearer \" + token,\r\n \"Content-Type\": \"application/json\",\r\n },\r\n }\r\n );\r\n\r\n let reqJson = await req.json();\r\n if (\r\n reqJson?.package?.license?.status === \"expired\" ||\r\n reqJson?.package?.license?.status === \"deactive\"\r\n ) {\r\n history.replace(\"/billing\");\r\n } else {\r\n setPackageDetails(reqJson.package);\r\n }\r\n }\r\n\r\n async function userStatusChange(status, userId, key) {\r\n console.log(\"status\", status);\r\n console.log(\"user Id\", userId);\r\n if (status == \"active\") {\r\n let _teams = [...teams];\r\n _teams[key].status = \"deactivated\";\r\n setTeams(_teams);\r\n try {\r\n let userDeactive = await fetch(GlobalApi + \"/user/deactivate_users\", {\r\n method: \"post\",\r\n headers: new Headers({\r\n Authorization: \"Bearer \" + token,\r\n \"Content-Type\": \"application/json\",\r\n }),\r\n body: JSON.stringify({\r\n user_id: userId,\r\n }),\r\n });\r\n let response = await userDeactive.json();\r\n console.log(\"Deactive user >>>>>\", response);\r\n if (response.status === \"Success\") {\r\n await getTeamData(data.id);\r\n swal(\r\n t(\"Success\"),\r\n t(\"Team Member Status changed Succesfully\"),\r\n \"success\"\r\n );\r\n if (userId == data2.user_id) {\r\n logout();\r\n }\r\n }\r\n } catch (error) {\r\n console.log(\"Error :::\", error);\r\n }\r\n } else if (status == \"deactivated\") {\r\n let _teams = [...teams];\r\n _teams[key].status = \"active\";\r\n setTeams(_teams);\r\n try {\r\n let userDeactive = await fetch(GlobalApi + \"/user/activate_users\", {\r\n method: \"post\",\r\n headers: new Headers({\r\n Authorization: \"Bearer \" + token,\r\n \"Content-Type\": \"application/json\",\r\n }),\r\n body: JSON.stringify({\r\n user_id: userId,\r\n }),\r\n });\r\n let response = await userDeactive.json();\r\n console.log(\"Active user >>>>>\", response);\r\n if (response.status === \"Success\") {\r\n await getTeamData(data.id);\r\n swal(\r\n t(\"Success\"),\r\n t(\"Team Member Status changed Successfully\"),\r\n \"success\"\r\n );\r\n\r\n // setUserData({\r\n // ...userData,\r\n // status:'active'\r\n // })\r\n }\r\n } catch (error) {\r\n console.log(\"Error :::\", error);\r\n }\r\n }\r\n }\r\n\r\n let uploadProfileImage = async (singleFile = null) => {\r\n let localstorage = localStorage.getItem(\"UserData\");\r\n var data = JSON.parse(localstorage);\r\n let token = data.token;\r\n //Check if any file is selected or not\r\n if (singleFile != null) {\r\n //If file selected then create FormData\r\n const fileToUpload = singleFile;\r\n const data = new FormData();\r\n data.append(\"name\", fileToUpload.name);\r\n data.append(\"company_id\", company.id);\r\n data.append(\"user_id\", data.id);\r\n data.append(\"images\", fileToUpload);\r\n try {\r\n let res = await fetch(GlobalApi + \"/user/image_upload\", {\r\n method: \"post\",\r\n body: data,\r\n headers: new Headers({\r\n Authorization: \"Bearer \" + token,\r\n // \"Content-Type\": \"multipart/form-data; \",\r\n }),\r\n });\r\n let responseJson = await res.json();\r\n if (responseJson.status == \"Success\") {\r\n console.log(\"Image Uploaded>>>>>>>\", responseJson);\r\n setProfileImageUrl(responseJson.data);\r\n setTeamData({\r\n ...teamData,\r\n profilePic: responseJson.data,\r\n });\r\n }\r\n } catch (e) {\r\n console.log(e);\r\n }\r\n } else {\r\n alert(\"Please Select File first\");\r\n }\r\n };\r\n\r\n let uploadSignatureImage = async (singleFile = null) => {\r\n let localstorage = localStorage.getItem(\"UserData\");\r\n var data = JSON.parse(localstorage);\r\n let token = data.token;\r\n //Check if any file is selected or not\r\n if (singleFile != null) {\r\n //If file selected then create FormData\r\n const fileToUpload = singleFile;\r\n const data = new FormData();\r\n\r\n console.log(fileToUpload.name);\r\n\r\n data.append(\"name\", fileToUpload.name);\r\n data.append(\"company_id\", company.id);\r\n data.append(\"user_id\", data.id);\r\n data.append(\"images\", fileToUpload);\r\n try {\r\n let res = await fetch(GlobalApi + \"/user/image_upload\", {\r\n method: \"post\",\r\n body: data,\r\n headers: new Headers({\r\n Authorization: \"Bearer \" + token,\r\n // \"Content-Type\": \"multipart/form-data; \",\r\n }),\r\n });\r\n let responseJson = await res.json();\r\n if (responseJson.status == \"Success\") {\r\n console.log(\"Image Uploaded>>>>>>>\", responseJson);\r\n // setProfileImageUrl(responseJson.data);\r\n setTeamData({\r\n ...teamData,\r\n signature_filename: fileToUpload.name,\r\n signature: responseJson.data,\r\n });\r\n }\r\n } catch (e) {\r\n console.log(e);\r\n }\r\n } else {\r\n alert(\"Please Select File first\");\r\n }\r\n };\r\n\r\n const handleSubmit = (e) => {\r\n let localstorage = localStorage.getItem(\"UserData\");\r\n var localData = JSON.parse(localstorage);\r\n setBtnLoader(true);\r\n if (!editMode) {\r\n let obj = teamData;\r\n let {\r\n first_name,\r\n last_name,\r\n job_title,\r\n email,\r\n password,\r\n confirmPassword,\r\n profilePic,\r\n signature_filename,\r\n signature,\r\n license_id,\r\n } = obj;\r\n console.log(obj);\r\n\r\n let errors = {};\r\n\r\n //if (/^\\w+([\\.-]?\\w+)*@\\w+([\\.-]?\\w+)*(\\.\\w{2,3})+$/.test(email) === false) {\r\n if (\r\n /^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\\.[a-zA-Z0-9-]+)*$/.test(\r\n email.replace(\" \", \"\")\r\n ) === false\r\n ) {\r\n errors.email = \"Please Enter a Valid Email.\";\r\n }\r\n\r\n if (first_name.length <= 0) {\r\n errors.first_name = \"First Name is required\";\r\n }\r\n if (last_name.length <= 0) {\r\n errors.last_name = \"Last Name is required\";\r\n }\r\n if (license_id == \"\") {\r\n errors.license_id = \"License Id is required\";\r\n }\r\n if (password.length < 6) {\r\n errors.password = \"Password Should atleast be 6 characters long\";\r\n }\r\n if (!hasValidLength(password)) {\r\n errors.password = \"Your password must have 8 or more characters\";\r\n }\r\n if (!hasMixed(password)) {\r\n errors.password = \"Your password must have upper & lowercase letters\";\r\n }\r\n // if (!job_title) {\r\n // errors.job_title = \"Job title required\";\r\n // }\r\n // if (!signature) {\r\n // errors.signature = \"Signature required\"\r\n // }\r\n if (!hasNumber(password)) {\r\n errors.password = \"Your password must have at least one number\";\r\n }\r\n if (!hasSpecial(password)) {\r\n errors.password =\r\n \"Your password must have at least one special character\";\r\n }\r\n if (password !== confirmPassword) {\r\n errors.confirmPassword = \"password mismatch\";\r\n }\r\n let flag = false;\r\n for (const iterator of companies) {\r\n if (iterator.checked == true) {\r\n flag = true;\r\n }\r\n }\r\n if (flag == false) {\r\n swal(\"Error\", \"Atleast One Company Required\", \"error\");\r\n setBtnLoader(false);\r\n errorObj.company = \"Atleast One Company Required.\";\r\n }\r\n\r\n setErrorObj(errors);\r\n\r\n if (Object.keys(errors).length !== 0) {\r\n setBtnLoader(false);\r\n }\r\n\r\n if (Object.keys(errors).length === 0 && flag == true) {\r\n let abcd = [];\r\n for (const iterator of companies) {\r\n if (iterator.checked == true) {\r\n abcd.push(iterator);\r\n }\r\n }\r\n\r\n let finalCompany = [];\r\n for (const iterator2 of abcd) {\r\n let fetchP = iterator2.permissions;\r\n let myPermissions = [];\r\n for (const iterator3 of fetchP) {\r\n if (iterator3.checked == true) {\r\n myPermissions.push(iterator3.permission_id);\r\n }\r\n }\r\n let obj = {\r\n company_id: iterator2.id,\r\n role: iterator2.role,\r\n permissions: myPermissions,\r\n };\r\n finalCompany.push(obj);\r\n }\r\n\r\n console.log(\"final Company____________________\", finalCompany);\r\n\r\n fetch(GlobalApi + \"/user/add_team_member\", {\r\n method: \"post\",\r\n headers: new Headers({\r\n Authorization: \"Bearer \" + token,\r\n \"Content-Type\": \"application/json\",\r\n }),\r\n body: JSON.stringify({\r\n ...obj,\r\n phone: phoneNumber,\r\n companies: finalCompany,\r\n created_by: userData.user_id,\r\n organization_id: userData.organization_id,\r\n status: \"active\",\r\n identifier: \"User\",\r\n // set_password_later: true,\r\n }),\r\n })\r\n .then((response) => response.json())\r\n .then(async (res) => {\r\n console.log(\"Created Team Member >>>>\", res);\r\n if (res.msg === \"success\") {\r\n setBtnLoader(false);\r\n swal(\"Success\", \"Team Member Added Successfully\", \"success\");\r\n getAllLicenses();\r\n getTeamData(data.id);\r\n getPackageDetails();\r\n getCompaniesDetail(token, userData.organization_id, userData);\r\n resetFields();\r\n } else {\r\n swal(\"Error\", res.error, \"error\");\r\n setBtnLoader(false);\r\n }\r\n })\r\n .catch((err) => {\r\n console.log(\"catch?????????????????\", err);\r\n swal(\"Error\", err.error, \"error\");\r\n setBtnLoader(false);\r\n });\r\n }\r\n } else if (editMode) {\r\n let obj = teamData;\r\n let {\r\n first_name,\r\n last_name,\r\n job_title,\r\n email,\r\n password,\r\n confirmPassword,\r\n profilePic,\r\n signature_filename,\r\n signature,\r\n license_id,\r\n } = obj;\r\n let errors = {};\r\n\r\n console.log(obj.password);\r\n\r\n if (obj.password == \"\") {\r\n console.log(\"if statement Exexuted\");\r\n delete obj.password;\r\n delete obj.confirmPassword;\r\n } else {\r\n if (!hasNumber(password)) {\r\n errors.password = \"Your password must have at least one number\";\r\n }\r\n if (!hasSpecial(password)) {\r\n errors.password =\r\n \"Your password must have at least one special character\";\r\n }\r\n if (password !== confirmPassword) {\r\n errors.confirmPassword = \"password mismatch\";\r\n }\r\n }\r\n console.log(\"Edit Mode\", obj);\r\n\r\n if (\r\n /^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\\.[a-zA-Z0-9-]+)*$/.test(\r\n email.replace(\" \", \"\")\r\n ) === false\r\n ) {\r\n errors.email = \"Please Enter a Valid Email.\";\r\n }\r\n\r\n if (first_name.length <= 0) {\r\n errors.first_name = \"First Name is required\";\r\n }\r\n if (last_name.length <= 0) {\r\n errors.last_name = \"Last Name is required\";\r\n }\r\n if (license_id == \"\") {\r\n errors.license_id = \"License Id is required\";\r\n }\r\n let flag = false;\r\n for (const iterator of companies) {\r\n if (iterator.checked == true) {\r\n flag = true;\r\n }\r\n }\r\n if (flag == false) {\r\n swal(\"Error\", \"Atleast One Company Required\", \"error\");\r\n setBtnLoader(false);\r\n errorObj.company = \"Atleast One Company Required.\";\r\n }\r\n\r\n if (obj.password == \"\" || obj.password == undefined) {\r\n console.log(\"if error statement Exexuted\", errors);\r\n delete errors.password;\r\n delete errors.confirmPassword;\r\n setErrorObj(errors);\r\n } else {\r\n setErrorObj(errors);\r\n }\r\n\r\n if (Object.keys(errors).length !== 0) {\r\n setBtnLoader(false);\r\n }\r\n\r\n if (Object.keys(errors).length === 0 && flag == true) {\r\n let abcd = [];\r\n for (const iterator of companies) {\r\n if (iterator.checked == true) {\r\n abcd.push(iterator);\r\n }\r\n }\r\n\r\n let finalCompany = [];\r\n for (const iterator2 of abcd) {\r\n let fetchP = iterator2.permissions;\r\n let myPermissions = [];\r\n for (const iterator3 of fetchP) {\r\n if (iterator3.checked == true) {\r\n myPermissions.push(iterator3.permission_id);\r\n }\r\n }\r\n let obj = {\r\n company_id: iterator2.id,\r\n role: iterator2.role,\r\n permissions: myPermissions,\r\n };\r\n finalCompany.push(obj);\r\n }\r\n\r\n console.log(\"_______________________FINAL COMPANY\");\r\n console.log(finalCompany);\r\n fetch(GlobalApi + \"/user/edit_user\", {\r\n method: \"post\",\r\n headers: new Headers({\r\n Authorization: \"Bearer \" + token,\r\n \"Content-Type\": \"application/json\",\r\n }),\r\n body: JSON.stringify({\r\n ...obj,\r\n phone: phoneNumber,\r\n company: finalCompany,\r\n user_id: currentEditUser,\r\n // set_password_later: true,\r\n }),\r\n })\r\n .then((response) => response.json())\r\n .then(async (res) => {\r\n console.log(\"upadated Team Member >>>>\", res);\r\n if (res.status === \"success\") {\r\n swal(\"Success\", \"Team Member Updated Successfully\", \"success\");\r\n if (res.data.id === localData.id) {\r\n let newData = {\r\n ...localData,\r\n ...res.data,\r\n };\r\n dispatch(addUser(newData));\r\n localStorage.setItem(\"UserData\", JSON.stringify(newData));\r\n getAllLicenses();\r\n }\r\n getTeamData(data.id);\r\n getCompaniesDetail(token, userData.organization_id, userData);\r\n resetFields();\r\n setBtnLoader(false);\r\n setEditMode(false);\r\n } else {\r\n console.log(res.err);\r\n swal(\"Error\", res.error || \"Something went wrong\", \"error\");\r\n setBtnLoader(false);\r\n }\r\n })\r\n .catch((err) => {\r\n console.log(err);\r\n setBtnLoader(false);\r\n });\r\n }\r\n }\r\n };\r\n\r\n const classes = useStyles();\r\n return \r\n {value === index && (\r\n \r\n {children} \r\n \r\n )}\r\n
\r\n );\r\n}\r\n\r\nTabPanel.propTypes = {\r\n children: PropTypes.node,\r\n index: PropTypes.any.isRequired,\r\n value: PropTypes.any.isRequired,\r\n};\r\n\r\nfunction a11yProps(index) {\r\n return {\r\n id: `simple-tab-${index}`,\r\n \"aria-controls\": `simple-tabpanel-${index}`,\r\n };\r\n}\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n root: {\r\n flexGrow: 1,\r\n backgroundColor: \"#ffffff\",\r\n },\r\n indicator: {\r\n backgroundColor: \"#37baef\",\r\n },\r\n}));\r\n\r\nexport default function SimpleTabs(props) {\r\n const {t} = useTranslation();\r\n let history = useHistory();\r\n let language = useSelector((state) => state.languageReducer.language);\r\n const [packageDetails, setPackageDetails] = useState({});\r\n\r\n\r\nReact.useEffect(() => {\r\n getPackageDetails()\r\n if (window.location.pathname == \"/team\") {\r\n setValue(0);\r\n } else if (window.location.pathname == \"/team/group\") {\r\n setValue(1);\r\n } \r\n}, []);\r\n\r\nconst getPackageDetails = async () => {\r\n let localstorage = localStorage.getItem(\"UserData\");\r\n var data = JSON.parse(localstorage);\r\n let token = data?.token;\r\n if (data == undefined) {\r\n return \r\n \r\n Users\r\n \r\n
\r\n );\r\n}\r\n","import React from \"react\";\r\nimport CircularProgress from \"@material-ui/core/CircularProgress\";\r\nimport Grid from \"@material-ui/core/Grid\";\r\nimport Colors from \"./colors\"\r\nimport Typography from '@material-ui/core/Typography';\r\nimport Box from '@material-ui/core/Box';\r\nimport Logo from \"../Assets/Logo.png\"\r\n\r\nfunction CircularProgressWithLabel(props) {\r\n return (\r\n 500 ? \"20px 1px 20px 20px\" : \"10px 1px 10px 10px\") : \"20px\", overflowY: \"scroll\", backgroundColor: Colors.globalColor9 }}>\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 {window.innerWidth > 500 && \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 {window.innerWidth > 500 && \r\n }\r\n \r\n \r\n \r\n \r\n \r\n \r\n {selectedRole == \"\" ? \r\n \r\n \r\n\r\n
\r\n\r\n\r\n {sitesLoader && \r\n \r\n
\r\n\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n
\r\n ;\r\n};\r\n\r\nconst reorder = (list, startIndex, endIndex) => {\r\n console.log(\"original List\", list);\r\n // console.log(\"Reorder startindex\",startIndex)\r\n // console.log(\"Reorder endindex\",endIndex)\r\n const newList = [...list];\r\n const [removed] = newList.splice(startIndex, 1);\r\n newList.splice(endIndex, 0, removed);\r\n newList.forEach((item, index) => {\r\n item.position = index + 1;\r\n });\r\n console.log(\"Reorderd List\", newList);\r\n return newList;\r\n\r\n // console.log(\"Reorder List\",list)\r\n // console.log(\"Reorder startindex\",startIndex)\r\n // console.log(\"Reorder endindex\",endIndex)\r\n // const result = Array.from(list);\r\n // const [removed] = result.splice(startIndex, 1);\r\n // result.splice(endIndex, 0, removed);\r\n // console.log(\"result of Reorder\", result);\r\n // return result;\r\n};\r\n\r\nconst getItemStyle = (isDragging, draggableStyle) => ({\r\n // styles we need to apply on draggables\r\n ...draggableStyle,\r\n\r\n ...(isDragging && {\r\n background: \"transparent\",\r\n height: 80, //50\r\n }),\r\n});\r\nconst getListStyle = (isDraggingOver) => ({\r\n //background: isDraggingOver ? \"lightblue\" : \"white\",\r\n //padding: grid,\r\n});\r\n\r\nconst HierarchyTable = (props) => {\r\n const [items, setItems] = React.useState(\r\n props?.list.sort(function(a, b) {\r\n return parseInt(a.position) - parseInt(b.position);\r\n })\r\n );\r\n const classes = useStyles();\r\n useEffect(() => {\r\n if (props.update) {\r\n setItems(props.list);\r\n }\r\n }, []);\r\n const onDelete = (id) => {\r\n props.deleteTier(id);\r\n };\r\n const onDragEnd = async (result) => {\r\n if (!result.destination) {\r\n return;\r\n }\r\n\r\n var reorderItems = await reorder(\r\n items,\r\n result.source.index,\r\n result.destination.index\r\n );\r\n // var list = await [...items];\r\n // // // alert(JSON.stringify(list[result.destination.index-1]))\r\n // // // return\r\n // // console.log(result.source.index, result.destination.index);\r\n // var sourcePosition = await list[result.source.index].position;\r\n // var destinationPosition = await list[result.destination.index].position;\r\n // list[result.source.index].position = await destinationPosition;\r\n // list[result.destination.index].position = await sourcePosition;\r\n // reorderItems = await list;\r\n // alert(JSON.stringify(reorderItems))\r\n\r\n console.log(\"reorderd Items\", reorderItems);\r\n await setItems(reorderItems);\r\n await editItems(reorderItems);\r\n //await props.onUpdateChecklist(reorderItems,'main')\r\n };\r\n\r\n function editItems(arr) {\r\n let localstorage = localStorage.getItem(\"UserData\");\r\n\r\n var data = JSON.parse(localstorage);\r\n let token = data.token;\r\n\r\n arr.map(async (v, i) => {\r\n // console.log(v.position, v.hierarchy_organization_id);\r\n let req = await fetch(\r\n GlobalApi + \"/HierarchyOrganization/change_hierarchy_possition\",//!!!!!!the ss is Intentional in this Api\r\n {\r\n method: \"post\",\r\n headers: new Headers({\r\n Authorization: \"Bearer \" + token,\r\n \"Content-Type\": \"application/json\",\r\n }),\r\n body: JSON.stringify({\r\n position: i + 1,\r\n hierarchy_organization_id: v.hierarchy_organization_id,\r\n }),\r\n }\r\n );\r\n\r\n let reqJson = await req.json();\r\n // console.log(reqJson);\r\n });\r\n }\r\n\r\n return (\r\n \r\n 1. {t(\"Select Company\")}\r\n
\r\n\r\n
\r\n \r\n {\"COMPANY : \"}\r\n
\r\n\r\n \r\n 
\r\n \r\n
}\r\n \r\n 2. {t(\"Create User Role\")}\r\n
\r\n\r\n \r\n 
\r\n \r\n
\r\n \r\n {\" \"}\r\n {window.innerWidth > 500 ? \r\n \r\n : \r\n \r\n }\r\n
:\r\n \r\n {\" \"}\r\n {window.innerWidth > 500 ? <>\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 3. {t(\"Select Users & Sites\")}\r\n
\r\n\r\n\r\n
\r\n
}\r\n {!sitesLoader && <>\r\n {newArr.length > 0 ? newArr.map(\r\n (item, index) => {\r\n return (\r\n <>\r\n \r\n
\r\n {item.checked && (\r\n \r\n \r\n onCheckUser(e.target.checked, index)\r\n }\r\n />\r\n {item.firstName} {item.lastName}\r\n
\r\n \r\n {item.sites.length > 0 &&\r\n item.sites.map((subItem, subIndex) => {\r\n return (\r\n
\r\n )}\r\n \r\n );\r\n }\r\n ) : \r\n \r\n onCheckSite(\r\n e.target.checked,\r\n index,\r\n subIndex\r\n )\r\n }\r\n checked={subItem.checked}\r\n />\r\n {subItem.title}\r\n
\r\n );\r\n })}\r\n \r\n\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n {t(\"Workflow Hierarchy\")}\r\n
\r\n\r\n {hierarchyLoader &&
\r\n \r\n
}\r\n {!hierarchyLoader && <>\r\n {change ? \r\n
}\r\n }\r\n \r\n
\r\n
\r\n {\r\n \r\n \r\n {(provided, snapshot) => (\r\n \r\n \r\n )}\r\n \r\n \r\n }\r\n
\r\n );\r\n};\r\n\r\nexport default Hierarchy;\r\n\r\n{\r\n /* - \r\n {items.length === 0 &&
\r\n
}\r\n {items.length > 0 &&\r\n items.map((item, index) => {\r\n console.log(\"item in workflow\", item);\r\n var marginLeft = window.innerWidth < 996 ? 0 : index * 20;\r\n var color = item.color;\r\n console.log(\r\n item.position,\r\n \"p______________________p\",\r\n item.title\r\n );\r\n return(\r\n \r\n \r\n {(provided, snapshot) => \r\n
);\r\n //=============================================//\r\n })}\r\n \r\n
}\r\n \r\n
\r\n \r\n {window.innerWidth > 996 ? \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 {item.title.slice(0, 15) + (item.title.length > 15 ? \"...\" : \"\")}\r\n
\r\n props.editTier(items, index)} style={{ display: \"inline-block\" }}>\r\n \r\n \r\n
\r\n \r\n \r\n \r\n {\r\n onDelete(item.HierarchyOrganizations?.id);\r\n }}>\r\n \r\n \r\n
\r\n \r\n {item.title.slice(0, 10) + (item.title.length > 10 ? \"...\" : \"\")}\r\n
\r\n props.editTier(items, index)} style={{ display: \"inline-block\" }}>\r\n \r\n \r\n
\r\n \r\n \r\n \r\n {\r\n onDelete(item.HierarchyOrganizations?.id);\r\n }}>\r\n \r\n \r\n
\r\n \r\n {/* {'some'} {'amazing content'}.{' '} */}\r\n
500 ? \"20px 1px 20px 20px\" : \"10px 1px 10px 10px\") : \"0px\", backgroundColor: Colors.globalColor9, overflowX: \"hidden\", overflowY: \"scroll\", height: \"77vh \" }}>\r\n \r\n \r\n
;\r\n}\r\n\r\nexport default Team;\r\n","//React Library\r\nimport React, { useState, useEffect } from \"react\";\r\n\r\n//Material UI Styles\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\n\r\n//Material UI Components\r\nimport Grid from \"@material-ui/core/Grid\";\r\nimport Button from \"@material-ui/core/Button\";\r\nimport Autocomplete from \"@material-ui/lab/Autocomplete\";\r\nimport Select from \"@material-ui/core/Select\";\r\nimport MenuItem from \"@material-ui/core/MenuItem\";\r\nimport TextField from \"@material-ui/core/TextField\";\r\nimport IconButton from \"@material-ui/core/IconButton\";\r\nimport FormControl from \"@material-ui/core/FormControl\";\r\nimport { CircularProgress } from \"@material-ui/core\";\r\nimport DoneAllIcon from '@material-ui/icons/DoneAll';\r\nimport Table from \"@material-ui/core/Table\";\r\nimport TableBody from \"@material-ui/core/TableBody\";\r\nimport TableCell from \"@material-ui/core/TableCell\";\r\nimport TableContainer from \"@material-ui/core/TableContainer\";\r\nimport TableHead from \"@material-ui/core/TableHead\";\r\nimport TableRow from \"@material-ui/core/TableRow\";\r\nimport { Switch } from \"@material-ui/core\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport Tooltip from '@material-ui/core/Tooltip';\r\nimport {useTranslation} from 'react-i18next';\r\n\r\n//Global Elements\r\nimport GlobalApi from \"../../Global\";\r\nimport Colors from \"../../Global/colors\";\r\nimport refresh_token from \"../../Global/refresh_token\";\r\n\r\n//Custom Css + Images\r\nimport \"./team.css\";\r\nimport swal from \"@sweetalert/with-react\";\r\nimport Delete from \"../../Assets/delete.png\";\r\nimport Edit from \"../../Assets/edit.png\";\r\nimport DeleteG from \"../../Assets/deleteG.png\";\r\nimport EditG from \"../../Assets/editG.png\";\r\nimport help from '../../Assets/help_icon.png';\r\n\r\nimport { addTeam } from \"../../Redux/Actions/teamAction\";\r\nimport { useSelector, useDispatch } from \"react-redux\";\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n root: {\r\n flexGrow: 1,\r\n },\r\n paper: {\r\n padding: theme.spacing(2),\r\n textAlign: \"center\",\r\n color: theme.palette.text.secondary,\r\n },\r\n input: {\r\n display: \"none\",\r\n },\r\n textField: {\r\n backgroundColor: Colors.globalColor5,\r\n border: \"none\",\r\n borderRadius: 5,\r\n },\r\n resize: {\r\n padding: \"7px\",\r\n },\r\n password: {\r\n padding: \"2px\",\r\n },\r\n switchBase: {\r\n color: \"#818181\",\r\n padding: \"1px\",\r\n \"&$checked\": {\r\n \"& + $track\": {\r\n backgroundColor: \"#043077\",\r\n },\r\n },\r\n },\r\n thumb: {\r\n color: \"white\",\r\n width: \"20px\",\r\n height: \"20px\",\r\n margin: \"1px\",\r\n },\r\n track: {\r\n borderRadius: \"20px\",\r\n width: \"200px\",\r\n backgroundColor: \"#818181\",\r\n opacity: \"1 !important\",\r\n \"&:after, &:before\": {\r\n color: \"white\",\r\n fontSize: \"11px\",\r\n backgroundColor: \"#818181\",\r\n },\r\n \"&:after\": {\r\n content: \"'activate'\",\r\n left: \"7px\",\r\n },\r\n \"&:before\": {\r\n content: \"'deactivate'\",\r\n right: \"8px\",\r\n },\r\n },\r\n checked: {\r\n color: \"#043077 !important\",\r\n transform: \"translateX(50px) !important\",\r\n },\r\n}));\r\n\r\nconst ITEM_HEIGHT = 48;\r\nconst ITEM_PADDING_TOP = 8;\r\nconst MenuProps = {\r\n PaperProps: {\r\n style: {\r\n maxHeight: ITEM_HEIGHT * 4.5 + ITEM_PADDING_TOP,\r\n width: 250,\r\n },\r\n },\r\n};\r\n\r\n\r\n//Main Function\r\nfunction Group({isOnboarding=false}) {\r\n let { t } = useTranslation();\r\n let language = useSelector((state) => state.languageReducer.language);\r\n let data = useSelector((state) => state.companyReducer.company);\r\n let company = useSelector((state) => state.companyReducer.company);\r\n let data2 = useSelector((state) => state.userReducer.user);\r\n const [currentCompany, setCurrentCompany] = useState(data);\r\n const [btnLoader, setBtnLoader] = useState(false);\r\n const [companies, setCompanies] = useState([]);\r\n const [companiesArr, setCompaniesArr] = useState([]);\r\n const [profileImageUrl, setProfileImageUrl] = useState(\"\");\r\n const [signatureUrl, setSignatureUrl] = useState(\"\");\r\n const [userData, setUserData] = useState(data2);\r\n const [packageDetails, setPackageDetails] = useState(null);\r\n const [token, setToken] = useState(data2.token);\r\n const [currentCompanyName, setCurrentCompanyName] = React.useState(\"\");\r\n const [organizationId, setOrganizationId] = useState(data2.organization_id);\r\n const [editMode, setEditMode] = useState(false);\r\n const [phoneNumber, setPhoneNumber] = useState(\"\");\r\n const [currentEditUser, setCurrentEditUser] = useState(\"\");\r\n const [selectedUsers , setSelectedUsers] = useState([]);\r\n const [teams, setTeams] = useState([]);\r\n const [groups, setGroups] = useState(null);\r\n const [permissions_obj, setPermissionObj] = useState({});\r\n const [groupName, setGroupName] = useState(\"\");\r\n const history = useHistory();\r\n const [teamData, setTeamData] = useState({\r\n first_name: \"\",\r\n last_name: \"\",\r\n job_title: \"\",\r\n email: \"\",\r\n password: \"\",\r\n role:\"admin\",\r\n confirmPassword: \"\",\r\n profilePic:null,\r\n signature_filename: \"\",\r\n signature: null,\r\n });\r\n let [errorObj, setErrorObj] = useState({\r\n first_name: \"\",\r\n last_name: \"\",\r\n job_title: \"\",\r\n role:\"\",\r\n email: \"\",\r\n phone: \"\",\r\n password: \"\",\r\n confirmPassword: \"\",\r\n\r\n });\r\n const [values, setValues] = React.useState({\r\n showPassword: false,\r\n showPasswordConfirm: false,\r\n });\r\n const dispatch = useDispatch();\r\n\r\n function handleInputChange(event) {\r\n let { name, value } = event.target;\r\n setTeamData({\r\n ...teamData,\r\n [name]: value,\r\n });\r\n }\r\n\r\n function handlePhoneInputChange(value) {\r\n console.log(value);\r\n setTeamData({\r\n ...teamData,\r\n phone: value,\r\n });\r\n }\r\n\r\n const handleClickShowPassword = () => {\r\n setValues({ ...values, showPassword: !values.showPassword });\r\n };\r\n const handleClickShowPasswordConfirm = () => {\r\n setValues({ ...values, showPasswordConfirm: !values.showPasswordConfirm });\r\n };\r\n\r\n const handleCompanyChange = (value) => {\r\n setSelectedUsers([]);\r\n console.log(value.target.value);\r\n const index = companies.findIndex((item) => item.id === value.target.value);\r\n console.log(index);\r\n console.log(\"value\", companies[index]);\r\n setCurrentCompanyName(companies[index].id);\r\n getUsers(companies[index].id);\r\n getGroups(companies[index].id)\r\n setSelectedUsers([]);\r\n };\r\n\r\n\r\n const getUsers = (CompanyID) => {\r\n let localstorage = localStorage.getItem(\"UserData\");\r\n var data = JSON.parse(localstorage);\r\n let token = data.token;\r\n let params = {\r\n company_id: CompanyID,\r\n };\r\n\r\n let query = Object.keys(params)\r\n .map((k) => encodeURIComponent(k) + \"=\" + encodeURIComponent(params[k]))\r\n .join(\"&\");\r\n\r\n fetch(GlobalApi + \"/user/get_entity?\" + query, {\r\n method: \"GET\",\r\n headers: {\r\n Authorization: \"Bearer \" + token,\r\n \"Content-Type\": \"application/json\",\r\n },\r\n })\r\n .then((responseJson) => responseJson.json())\r\n .then(async (response) => {\r\n if (response.status === \"Success\") {\r\n let arr = [];\r\n response.data.map((item) => {\r\n let obj = {\r\n first_name: item.first_name,\r\n last_name: item.last_name,\r\n id: item.id,\r\n checked: false,\r\n };\r\n arr.push(obj);\r\n });\r\n setTeams(arr);\r\n } else if (\r\n response.error === \"jwt expired\" ||\r\n response.error === \"invalid token\" ||\r\n response.error === \"invalid signature\" ||\r\n response.error === \"Unexpected token\"\r\n ) {\r\n let status = await refresh_token();\r\n\r\n if (status) {\r\n // console.log(\"opopopop\");\r\n getUsers();\r\n }\r\n }\r\n })\r\n .catch((error) => console.log(error.message));\r\n console.log(\"op\");\r\n };\r\n\r\n\r\n\r\n\r\n\r\n\r\n async function logout() {\r\n console.log(\"DELETE 1 CALLED\");\r\n let localstorage = localStorage.getItem(\"UserData\");\r\n\r\n let data = JSON.parse(localstorage);\r\n fetch(GlobalApi + \"/DeviceRecord/delete_device_record\", {\r\n method: \"post\",\r\n headers: new Headers({\r\n Authorization: \"Bearer \" + data.token,\r\n \"Content-Type\": \"application/json\",\r\n }),\r\n body: JSON.stringify({\r\n device_record_id: data.device_id,\r\n }),\r\n })\r\n .then((res) => res.json())\r\n .then(async (resJson) => {\r\n console.log(\"DELETE RESPONSE IF DEVICE API\", resJson);\r\n\r\n console.log(\"all Dispatches Called\");\r\n // dispatch(removeUser());\r\n // dispatch(removeCompany());\r\n // dispatch(removeCompanyArr());\r\n // dispatch(removeIndustryArr());\r\n history.replace(\"/signin\");\r\n localStorage.clear();\r\n })\r\n .catch((error) => console.log(\"error\", error));\r\n }\r\n\r\n async function removeUser(userId) {\r\n let params1 = {\r\n group_id: userId,\r\n };\r\n let query = Object.keys(params1)\r\n .map((k) => encodeURIComponent(k) + \"=\" + encodeURIComponent(params1[k]))\r\n .join(\"&\");\r\n\r\n swal({\r\n title: t(\"Are you sure?\"),\r\n text: t(\"All Data connected to this group will be deleted\"),\r\n icon: \"warning\",\r\n buttons: [t(\"No, cancel it!\"), t(\"Yes, I am sure!\")],\r\n dangerMode: true,\r\n }).then(async function(isConfirm) {\r\n if (isConfirm) {\r\n fetch(GlobalApi + \"/companygroups/delete_group?\" + query, {\r\n method: \"get\",\r\n headers: new Headers({\r\n Authorization: \"Bearer \" + token,\r\n \"Content-Type\": \"application/json\",\r\n })\r\n })\r\n .then((response) => response.json())\r\n .then(async (res) => {\r\n console.log(\"remove user response >>>>\", res);\r\n if (res.msg === \"success\") {\r\n await swal(t(\"Success\"), t(\"Group has been removed successfully\"), \"success\");\r\n getGroups(currentCompanyName);\r\n } else {\r\n // alert(res.err);\r\n }\r\n })\r\n .catch((err) => console.log(err));\r\n\r\n } else {\r\n console.log(\"Canceled\");\r\n }\r\n });\r\n \r\n }\r\n\r\n const editUser = (key, userId) => {\r\n setEditMode(true);\r\n let currentUser = groups[key];\r\n setCurrentEditUser(currentUser.id);\r\n console.log(\"XXXXXXXXXXXXXXXXXXXXXXXXXXXXX\",currentUser)\r\n setGroupName(currentUser.group_name);\r\n setSelectedUsers(currentUser.user_id);\r\n };\r\n\r\n const handleCancel = () => {\r\n setEditMode(false);\r\n setSelectedUsers([]);\r\n setGroupName(\"\");\r\n };\r\n\r\n const resetFields = () => {\r\n setTeamData({\r\n first_name: \"\",\r\n last_name: \"\",\r\n job_title: \"\",\r\n email: \"\",\r\n role:\"admin\",\r\n password: \"\",\r\n confirmPassword: \"\",\r\n signature_filename: \"\",\r\n signature: null,\r\n });\r\n setPhoneNumber(\"\");\r\n };\r\n\r\n async function getCompaniesDetail(Token, OrganizationId, UserData) {\r\n let params1 = {\r\n organization_id: OrganizationId,\r\n };\r\n let query1 = Object.keys(params1)\r\n .map((k) => encodeURIComponent(k) + \"=\" + encodeURIComponent(params1[k]))\r\n .join(\"&\");\r\n\r\n \r\n \r\n let getPermissions = await fetch(\r\n GlobalApi + \"/Permission/get_all_company_permissions?\" + query1,\r\n {\r\n method: \"GET\",\r\n headers: {\r\n Authorization: \"Bearer \" + Token,\r\n \"Content-Type\": \"application/json\",\r\n },\r\n }\r\n );\r\n let permissionsJson = await getPermissions.json();\r\n if (permissionsJson.status === \"Success\") {\r\n let finalArray = await permissionsJson.data.map((item) => {\r\n return {...item,role:'admin'}\r\n });\r\n\r\n console.log(\"**************** Companies>>>>>>>\",finalArray);\r\n\r\n setCompanies(finalArray);\r\n }\r\n \r\n\r\n // else if (userData?.super_admin == false) {\r\n // console.log('NOt Super Admin user >>>',)\r\n // let getPermissions = await fetch(Global.apiUrl + '/Permission/get_all_company_permissions?' + query1, {\r\n // method: 'GET',\r\n // headers: {\r\n // Authorization: 'Bearer ' + token,\r\n // 'Content-Type': 'application/json',\r\n // },\r\n // });\r\n // let permissionsJson = await getPermissions.json();\r\n // console.log('single company >>>>>>', permissionsJson);\r\n // if (permissionsJson.status === 'Success') {\r\n // if (handleGlobelCompanies != undefined) {\r\n // handleGlobelCompanies(permissionsJson.data)\r\n // }\r\n // let industry_data = [];\r\n // userData.companies.map(v => {\r\n // industry_data.push({\r\n // label: v.company_name,\r\n // value: v.id,\r\n // })\r\n // })\r\n // // let nameComp = reqJsonCompanies.companies[0].id;\r\n // // console.log('nameComp >>>>', nameComp);\r\n // setCompanies(industry_data);\r\n // // setCompanies([{\r\n // // label:reqJsonCompany.company.company_name,\r\n // // value:reqJsonCompany.company.id\r\n // // }]);\r\n // setCompaniesValue({\r\n // ...companiesValue,\r\n // main_comp: industry_data[0].value,\r\n // super_admin: false\r\n // })\r\n // if(currentRoute === 'TeamScreen'){\r\n // fetchCompanyUsers(industry_data[0].value)\r\n // }\r\n // }\r\n // }\r\n }\r\n\r\n const getTeamData = (companyId) => {\r\n let localstorage = localStorage.getItem(\"UserData\");\r\n var data = JSON.parse(localstorage);\r\n let tokenNew = data.token;\r\n\r\n let params = { company_id: companyId };\r\n\r\n console.log(\"COMPANY ID >>>>>>>>>>>>,\", companyId);\r\n\r\n let query = Object.keys(params)\r\n .map((k) => encodeURIComponent(k) + \"=\" + encodeURIComponent(params[k]))\r\n .join(\"&\");\r\n\r\n fetch(GlobalApi + \"/user/get_users?\" + query, {\r\n method: \"GET\",\r\n headers: {\r\n Authorization: \"Bearer \" + tokenNew,\r\n \"Content-Type\": \"application/json\",\r\n },\r\n })\r\n .then((responseJson) => responseJson.json())\r\n .then(async (response) => {\r\n if(response.msg == \"success\"){\r\n console.log(\"RESPONSE TEAM >>>>\", response);\r\n dispatch(addTeam(response));\r\n setTeams(response.data);\r\n }\r\n })\r\n .catch((error) => console.log(error.message));\r\n };\r\n\r\n //let data = useSelector((state) => state.companyReducer.company);\r\n useEffect(\r\n () => {\r\n setCurrentCompany(data);\r\n setCurrentCompanyName(data.id);\r\n getUsers(data.id);\r\n getGroups(data.id)\r\n },\r\n [data.id]\r\n );\r\n\r\n\r\n\r\n useEffect(\r\n () => {\r\n getCompaniesDetail(data2.token, data2.organization_id, data2);\r\n },\r\n [data2.user_id]\r\n );\r\n\r\n useEffect(() => {\r\n getPackageDetails()\r\n \r\n }, [])\r\n\r\n \r\n useEffect(() => {\r\n getPermissions()\r\n \r\n }, [company?.id])\r\n\r\n\r\n \r\n const getGroups = (companyID) => {\r\n let localstorage = localStorage.getItem(\"UserData\");\r\n var data = JSON.parse(localstorage);\r\n let token = data?.token;\r\n if (data !== null) {\r\n let params = { company_id: companyID};\r\n let query = Object.keys(params)\r\n .map((k) => encodeURIComponent(k) + \"=\" + encodeURIComponent(params[k]))\r\n .join(\"&\");\r\n\r\n fetch(GlobalApi + \"/companygroups/get_all_company_groups?\" + query, {\r\n method: \"GET\",\r\n headers: {\r\n Authorization: \"Bearer \" + token,\r\n \"Content-Type\": \"application/json\",\r\n },\r\n })\r\n .then((responseJson) => responseJson.json())\r\n .then(async (response) => {\r\n console.log(\"response of group\",response);\r\n if (response.msg === \"success\") {\r\n setGroups(response.groups);\r\n } else if (\r\n response.error === \"jwt expired\" ||\r\n response.error === \"invalid token\" ||\r\n response.error === \"invalid signature\" ||\r\n response.error === \"jwt malformed\" ||\r\n response.error === \"Unexpected token\"\r\n ) {\r\n let status = await refresh_token();\r\n // console.log(status);\r\n if (status) {\r\n // console.log(\"opopopop\");\r\n getGroups();\r\n }\r\n }\r\n })\r\n .catch((error) => {\r\n // localStorage.clear();\r\n // window.location.replace(\"/signin\");\r\n console.log(\"FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFF\", error.message);\r\n });\r\n }\r\n };\r\n \r\n const getPermissions = () => {\r\n console.log(\"$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$\");\r\n let localstorage = localStorage.getItem(\"UserData\");\r\n var data = JSON.parse(localstorage);\r\n let token = data?.token;\r\n if (data !== null) {\r\n let params = { company_id: company?.id, user_id: data?.user_id };\r\n let query = Object.keys(params)\r\n .map((k) => encodeURIComponent(k) + \"=\" + encodeURIComponent(params[k]))\r\n .join(\"&\");\r\n\r\n fetch(GlobalApi + \"/User/get_user_permission_of_company?\" + query, {\r\n method: \"GET\",\r\n headers: {\r\n Authorization: \"Bearer \" + token,\r\n \"Content-Type\": \"application/json\",\r\n },\r\n })\r\n .then((responseJson) => responseJson.json())\r\n .then(async (response) => {\r\n console.log(response);\r\n if (response.msg === \"success\") {\r\n let permissionsObj = {};\r\n await response.data.map((v) => {\r\n permissionsObj[(v?.title)] = true;\r\n });\r\n console.log(\"Permissions Obj >>>>>>>\", permissionsObj);\r\n\r\n setPermissionObj(permissionsObj);\r\n } else if (\r\n response.error === \"jwt expired\" ||\r\n response.error === \"invalid token\" ||\r\n response.error === \"invalid signature\" ||\r\n response.error === \"jwt malformed\" ||\r\n response.error === \"Unexpected token\"\r\n ) {\r\n let status = await refresh_token();\r\n // console.log(status);\r\n if (status) {\r\n // console.log(\"opopopop\");\r\n getPermissions();\r\n }\r\n }\r\n })\r\n .catch((error) => {\r\n // localStorage.clear();\r\n // window.location.replace(\"/signin\");\r\n console.log(\"FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFF\", error.message);\r\n });\r\n }\r\n };\r\n\r\n \r\n async function getPackageDetails() {\r\n let localstorage = localStorage.getItem(\"UserData\");\r\n var data = JSON.parse(localstorage);\r\n let token = data.token;\r\n let package_inquiry = {\r\n user_id: data.user_id,\r\n organization_id: data.organization_id,\r\n };\r\n\r\n let query = Object.keys(package_inquiry)\r\n .map(\r\n (k) =>\r\n encodeURIComponent(k) + \"=\" + encodeURIComponent(package_inquiry[k])\r\n )\r\n .join(\"&\");\r\n let req = await fetch(\r\n GlobalApi + \"/Package/get_user_license_details?\" + query,\r\n {\r\n method: \"GET\",\r\n headers: {\r\n Authorization: \"Bearer \" + token,\r\n \"Content-Type\": \"application/json\",\r\n },\r\n }\r\n );\r\n\r\n let reqJson = await req.json();\r\n if (reqJson?.package?.license?.status === \"expired\" || reqJson?.package?.license?.status === \"deactive\") {\r\n history.replace(\"/billing\");\r\n } else {\r\n setPackageDetails(reqJson.package);\r\n }\r\n }\r\n\r\n\r\n async function userStatusChange(status, userId, key) {\r\n console.log(\"status\", status);\r\n console.log(\"user Id\", userId);\r\n if (status == \"active\") {\r\n let _teams = [...teams];\r\n _teams[key].status = \"deactivated\";\r\n setTeams(_teams);\r\n try {\r\n let userDeactive = await fetch(GlobalApi + \"/user/deactivate_users\", {\r\n method: \"post\",\r\n headers: new Headers({\r\n Authorization: \"Bearer \" + token,\r\n \"Content-Type\": \"application/json\",\r\n }),\r\n body: JSON.stringify({\r\n user_id: userId,\r\n }),\r\n });\r\n let response = await userDeactive.json();\r\n console.log(\"Deactive user >>>>>\", response);\r\n if (response.status === \"Success\") {\r\n await getTeamData(data.id);\r\n swal(t(\"Success\"), t(\"Group Member Status changed succesfully\"), \"success\");\r\n if(userId == data2.user_id){\r\n logout()\r\n }\r\n }\r\n } catch (error) {\r\n console.log(\"Error :::\", error);\r\n }\r\n } else if (status == \"deactivated\") {\r\n let _teams = [...teams];\r\n _teams[key].status = \"active\";\r\n setTeams(_teams);\r\n try {\r\n let userDeactive = await fetch(GlobalApi + \"/user/activate_users\", {\r\n method: \"post\",\r\n headers: new Headers({\r\n Authorization: \"Bearer \" + token,\r\n \"Content-Type\": \"application/json\",\r\n }),\r\n body: JSON.stringify({\r\n user_id: userId,\r\n }),\r\n });\r\n let response = await userDeactive.json();\r\n console.log(\"Active user >>>>>\", response);\r\n if (response.status === \"Success\") {\r\n await getTeamData(data.id);\r\n swal(t(\"Success\"), t(\"Group Member Status changed Successfully\"), \"success\");\r\n\r\n // setUserData({\r\n // ...userData,\r\n // status:'active'\r\n // })\r\n }\r\n } catch (error) {\r\n console.log(\"Error :::\", error);\r\n }\r\n }\r\n }\r\n\r\n\r\n\r\n\r\n const handleChange = (event) => {\r\n setSelectedUsers(event);\r\n };\r\n\r\n const handleSubmit = (e) => {\r\n let localstorage = localStorage.getItem(\"UserData\");\r\n var localData = JSON.parse(localstorage);\r\n\r\n // return and array of selected users ids\r\n let selectedUsersIds = selectedUsers.map((user) => user.id);\r\n\r\n setBtnLoader(true);\r\n if (!editMode) {\r\n\r\n if (groupName == \"\") {\r\n swal(t(\"Error\"), t(\"Group Name is Required\"), \"error\");\r\n setBtnLoader(false);\r\n return;\r\n }\r\n if (selectedUsersIds.length < 2) {\r\n swal(t(\"Error\"), t(\"Select Atleast 2 Users to Create Group\"), \"error\");\r\n setBtnLoader(false);\r\n return;\r\n }\r\n\r\n console.log( \"company_id\", currentCompanyName,\r\n \"user_id\" ,selectedUsers,\r\n \"group_name\", groupName,)\r\n \r\n fetch(GlobalApi + \"/companygroups/create_company_groups\", {\r\n method: \"post\",\r\n headers: new Headers({\r\n Authorization: \"Bearer \" + token,\r\n \"Content-Type\": \"application/json\",\r\n }),\r\n body: JSON.stringify({\r\n company_id: currentCompanyName,\r\n user_id:selectedUsersIds,\r\n group_name: groupName,\r\n }),\r\n })\r\n .then((response) => response.json())\r\n .then(async (res) => {\r\n console.log(\"Created Group >>>>\", res);\r\n if (res.msg === \"success\") {\r\n setBtnLoader(false);\r\n swal(t(\"Success\"), t(\"Group Created Successfully\"), \"success\");\r\n getGroups(currentCompanyName);\r\n setSelectedUsers([]);\r\n setGroupName(\"\");\r\n } else {\r\n swal(t(\"Error\"), res.error, \"error\");\r\n setBtnLoader(false);\r\n }\r\n })\r\n .catch((err) => {\r\n console.log(\"catch?????????????????\",err)\r\n swal(t(\"Error\"), err.error, \"error\");\r\n setBtnLoader(false);\r\n });\r\n } else if (editMode) {\r\n\r\n // remove duplicates from selectedUsersIds\r\n let uniqueSelectedUsersIds = [...new Set(selectedUsersIds)];\r\n\r\n \r\n\r\n if (groupName == \"\") {\r\n swal(t(\"Error\"), t(\"Group Name is Required\"), \"error\");\r\n setBtnLoader(false);\r\n return;\r\n }\r\n if (uniqueSelectedUsersIds.length < 2) {\r\n swal(t(\"Error\"), t(\"Select Atleast 2 Users to Create Group\"), \"error\");\r\n setBtnLoader(false);\r\n return;\r\n }\r\n\r\n \r\n fetch(GlobalApi + \"/companygroups/edit_group\", {\r\n method: \"post\",\r\n headers: new Headers({\r\n Authorization: \"Bearer \" + token,\r\n \"Content-Type\": \"application/json\",\r\n }),\r\n body: JSON.stringify({\r\n group_id: currentEditUser,\r\n user_id:uniqueSelectedUsersIds,\r\n group_name: groupName,\r\n }),\r\n })\r\n .then((response) => response.json())\r\n .then(async (res) => {\r\n console.log(\"Created Group >>>>\", res);\r\n if (res.msg === \"success\") {\r\n setBtnLoader(false);\r\n swal(t(\"Success\"), t(\"Group Updated Successfully\"), \"success\");\r\n getGroups(currentCompanyName);\r\n setEditMode(false);\r\n setSelectedUsers([]);\r\n setGroupName(\"\");\r\n } else {\r\n swal(t(\"Error\"), res.error, \"error\");\r\n setBtnLoader(false);\r\n }\r\n })\r\n .catch((err) => {\r\n console.log(\"catch?????????????????\",err)\r\n swal(t(\"Error\"), err.error, \"error\");\r\n setBtnLoader(false);\r\n });\r\n }\r\n };\r\n\r\n const classes = useStyles();\r\n return \r\n \r\n \r\n {parseInt(packageDetails?.no_of_users) > parseInt(packageDetails?.user_count) ? <>\r\n {\" \"}\r\n {userData?.super_admin == true || permissions_obj[\"Admin\"] == true || permissions_obj[\"User Management\"] == true ? uploadProfileImage(e.target.files[0])} /> : \r\n // onChange={(e) => uploadProfileImage(e.target.files[0])}\r\n }\r\n : <>\r\n {editMode ? (\r\n uploadProfileImage(e.target.files[0])}\r\n />\r\n ) : (\r\n \r\n \r\n \r\n \r\n\r\n \r\n {isOnboarding == false && \r\n {window.innerWidth > 500 &&
}\r\n {window.innerWidth > 500 &&\r\n \r\n
\r\n }\r\n\r\n {window.innerWidth <= 500 &&
\r\n
\r\n \r\n {isOnboarding == false && \r\n
\r\n\r\n {t(\"User Photo\")}
\r\n\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n {t(\"Add a User to Your Team\")}\r\n
\r\n\r\n {t(\"current seat usage\")} {packageDetails?.user_count + \"/\" + packageDetails?.no_of_users}\r\n
\r\n\r\n \r\n}\r\n {window.innerWidth > 500 &&
\r\n {teams == null &&
}\r\n \r\n
}\r\n {teams != null && teams.map((item, index) => {\r\n console.log(\"ITEM>>>>>>>>\", item);\r\n return \r\n
;\r\n })}\r\n \r\n
\r\n\r\n \r\n
\r\n {item.email && \r\n {t(\"Name\")}\r\n
\r\n\r\n\r\n {item.first_name} {item.last_name}\r\n
\r\n\r\n
}\r\n {item.phone && \r\n {t(\"Email\")}\r\n
\r\n\r\n {item.email}\r\n
\r\n\r\n
}\r\n\r\n \r\n {t(\"Phone\")}{\" \"}\r\n
\r\n\r\n {item.phone}\r\n
\r\n\r\n {userData?.super_admin == true || permissions_obj[\"Admin\"] == true || permissions_obj[\"User Management\"] == true ? <>\r\n userStatusChange(item.status, item.id, index)} name=\"checkedB\" style={{ color: Colors.globalColor8 }} /> :
\r\n\r\n {item.country && \r\n {t(\"Action\")}{\" \"}\r\n
\r\n {item.organization_id === null ?\r\n
}\r\n \r\n {t(\"Country\")}{\" \"}\r\n
\r\n\r\n {item.country}\r\n
\r\n\r\n
\r\n \r\n {userData?.super_admin == true || permissions_obj[\"Admin\"] == true || permissions_obj[\"User Management\"] == true ? <>\r\n {item.organization_id === null ? confirmDeleteUser(item.id)}>\r\n 
\r\n : \r\n 
\r\n }\r\n : \r\n \r\n }\r\n
\r\n\r\n {item.status == \"active\" && \r\n
}\r\n\r\n \r\n {userData?.super_admin == true || permissions_obj[\"Admin\"] == true || permissions_obj[\"User Management\"] == true ? editUser(index, item.id)}>\r\n 
\r\n : editUser(index, item.id)}>\r\n 
\r\n }\r\n
\r\n \r\n
\r\n
\r\n \r\n Account Deletion Survey\r\n \r\n \r\n\r\n \r\n {/* \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n */}\r\n\r\n \r\n setReason(e.target.value)} aria-label=\"maximum height\" value={reason} />\r\n \r\n \r\n
\r\n \r\n\r\n
\r\n \r\n {t(\"What was the main reason for cancelling the service?\")}{\" \"}\r\n
\r\n\r\n {t(\"How long have you been using the service?\")}{\" \"}\r\n
\r\n\r\n {t(\"Will you use our service in the future?\")}{\" \"}\r\n
\r\n\r\n {t(\"Will you recommend our service to others?\")}{\" \"}\r\n
\r\n\r\n {t(\"Overall, how satisfied were you with the service?\")}{\" \"}\r\n
\r\n\r\n {t(\"Please share your reason for deleting the account\")}\r\n
\r\n\r\n {`(${reason.length} / 200)`}\r\n
\r\n {/*\r\n \r\n\r\n
\r\n
\r\n X
\r\n 500 ? \"20px 1px 20px 20px\" : \"10px 1px 10px 10px\") : \"0px\", backgroundColor: 'white', overflowX: \"hidden\", overflowY: \"auto\", height: \"77vh \" }}>\r\n
;\r\n}\r\n\r\n\r\nexport default Group;\r\n","import React, { useState } from \"react\";\r\nimport { useSelector } from \"react-redux\";\r\nimport Teams from \"./team.js\";\r\nimport Groups from \"./group.js\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport PropTypes from \"prop-types\";\r\nimport { makeStyles, withStyles } from \"@material-ui/core/styles\";\r\nimport AppBar from \"@material-ui/core/AppBar\";\r\nimport Tabs from \"@material-ui/core/Tabs\";\r\nimport Tab from \"@material-ui/core/Tab\";\r\nimport Grid from \"@material-ui/core/Grid\";\r\nimport Colors from \"../../Global/colors\";\r\nimport Typography from \"@material-ui/core/Typography\";\r\nimport Box from \"@material-ui/core/Box\";\r\nimport { Switch, Route, Link, BrowserRouter } from \"react-router-dom\";\r\nimport MiddleHeader from \"../middleHeader/middleHeader\";\r\nimport GlobalApi from \"../../Global\";\r\nimport { Redirect } from \"react-router\";\r\nimport {useTranslation} from 'react-i18next';\r\nimport { useSelection } from \"@material-ui/data-grid\";\r\n\r\nconst AntTabs = withStyles({\r\n root: {\r\n backgroundColor: \"#ffffff\",\r\n color: \"#222\",\r\n },\r\n indicator: {\r\n backgroundColor:'#1a73e8'\r\n // display:'none'\r\n },\r\n})(Tabs);\r\n\r\n\r\n\r\nfunction TabPanel(props) {\r\n const { children, value, index, ...other } = props;\r\n \r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n {isOnboarding == false && \r\n {window.innerWidth > 500 &&
}\r\n {window.innerWidth > 500 &&\r\n \r\n
\r\n }\r\n\r\n {window.innerWidth <= 500 &&
\r\n
\r\n \r\n {isOnboarding == false && \r\n
\r\n \r\n \r\n \r\n 
\r\n \r\n \r\n
\r\n\r\n \r\n \r\n {t(\"Select Users to Add to Group\")}\r\n
\r\n}\r\n {window.innerWidth > 500 &&
\r\n {teams == null &&
}\r\n \r\n
}\r\n {teams != null && teams.map((item, index) => {\r\n console.log(\"ITEM>>>>>>>>\", item);\r\n return \r\n
;\r\n })}\r\n \r\n
\r\n\r\n \r\n \r\n Name\r\n \r\n\r\n
\r\n {item.email && \r\n {item.first_name} {item.last_name}\r\n
\r\n\r\n \r\n Email\r\n \r\n \r\n {item.email}\r\n \r\n
}\r\n {item.phone && \r\n \r\n Phone{\" \"}\r\n \r\n \r\n {item.phone}\r\n \r\n
}\r\n\r\n \r\n {userData?.super_admin == true || permissions_obj[\"Admin\"] == true || permissions_obj[\"User Management\"] == true ? <>\r\n \r\n Action{\" \"}\r\n \r\n {item.organization_id === null ? userStatusChange(item.status, item.id, index)} name=\"checkedB\" style={{ color: Colors.globalColor8 }} /> :
\r\n\r\n {item.country && \r\n \r\n Country{\" \"}\r\n \r\n \r\n {item.country}\r\n \r\n
}\r\n \r\n
\r\n \r\n {userData?.super_admin == true || permissions_obj[\"Admin\"] == true || permissions_obj[\"User Management\"] == true ? <>\r\n {item.organization_id === null ? removeUser(item.id)}>\r\n \r\n : \r\n \r\n }\r\n : \r\n \r\n }\r\n
\r\n\r\n {item.status == \"active\" && \r\n
}\r\n\r\n \r\n {userData?.super_admin == true || permissions_obj[\"Admin\"] == true || permissions_obj[\"User Management\"] == true ? editUser(index, item.id)}>\r\n \r\n : editUser(index, item.id)}>\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 {/* For Web */}\r\n {window.innerWidth > 500 && \r\n }\r\n\r\n {/* For Mobile */}\r\n {window.innerWidth <= 500 && \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","export const country_list = [\r\n { code: \"AD\", country: \"Andorra\" },\r\n { code: \"AF\", country: \"Afghanistan\" },\r\n { code: \"AG\", country: \"Antigua and Barbuda\" },\r\n { code: \"AI\", country: \"Anguilla\" },\r\n { code: \"DZ\", country: \"Algeria\" },\r\n { code: \"AL\", country: \"Albania\" },\r\n { code: \"AM\", country: \"Armenia\" },\r\n { code: \"AO\", country: \"Angola\" },\r\n { code: \"AQ\", country: \"Antarctica\" },\r\n { code: \"AR\", country: \"Argentina\" },\r\n { code: \"AS\", country: \"American Samoa\" },\r\n { code: \"AT\", country: \"Austria\" },\r\n { code: \"AU\", country: \"Australia\" },\r\n { code: \"AW\", country: \"Aruba\" },\r\n { code: \"AX\", country: \"Åland Islands\" },\r\n { code: \"AZ\", country: \"Azerbaijan\" },\r\n { code: \"BA\", country: \"Bosnia and Herzegovina\" },\r\n { code: \"BB\", country: \"Barbados\" },\r\n { code: \"BD\", country: \"Bangladesh\" },\r\n { code: \"BE\", country: \"Belgium\" },\r\n { code: \"BF\", country: \"Burkina Faso\" },\r\n { code: \"BG\", country: \"Bulgaria\" },\r\n { code: \"BH\", country: \"Bahrain\" },\r\n { code: \"BI\", country: \"Burundi\" },\r\n { code: \"BJ\", country: \"Benin\" },\r\n { code: \"BM\", country: \"Bermuda\" },\r\n { code: \"BN\", country: \"Brunei Darussalam\" },\r\n { code: \"BO\", country: \"Bolivia\" },\r\n { code: \"BQ\", country: \"Bonaire, Sint Eustatius and Saba\" },\r\n { code: \"BR\", country: \"Brazil\" },\r\n { code: \"BS\", country: \"Bahamas\" },\r\n { code: \"BT\", country: \"Bhutan\" },\r\n { code: \"BV\", country: \"Bouvet Island\" },\r\n { code: \"BW\", country: \"Botswana\" },\r\n { code: \"BY\", country: \"Belarus\" },\r\n { code: \"BZ\", country: \"Belize\" },\r\n { code: \"CA\", country: \"Canada\" },\r\n { code: \"CC\", country: \"Cocos (Keeling) Islands\" },\r\n { code: \"CD\", country: \"Congo\" },\r\n { code: \"CF\", country: \"Central African Republic\" },\r\n { code: \"CG\", country: \"Congo\" },\r\n { code: \"CI\", country: \"Côte D'Ivoire\" },\r\n { code: \"CK\", country: \"Cook Islands\" },\r\n { code: \"CL\", country: \"Chile\" },\r\n { code: \"CM\", country: \"Cameroon\" },\r\n { code: \"CN\", country: \"China\" },\r\n { code: \"CO\", country: \"Colombia\" },\r\n { code: \"CR\", country: \"Costa Rica\" },\r\n { code: \"CU\", country: \"Cuba\" },\r\n { code: \"CV\", country: \"Cape Verde\" },\r\n { code: \"CW\", country: \"Curaçao\" },\r\n { code: \"CX\", country: \"Christmas Island\" },\r\n { code: \"CY\", country: \"Cyprus\" },\r\n { code: \"CZ\", country: \"Czech Republic\" },\r\n { code: \"KY\", country: \"Cayman Islands\" },\r\n { code: \"DJ\", country: \"Djibouti\" },\r\n { code: \"DK\", country: \"Denmark\" },\r\n { code: \"DM\", country: \"Dominica\" },\r\n { code: \"DO\", country: \"Dominican Republic\" },\r\n { code: \"EC\", country: \"Ecuador\" },\r\n { code: \"EE\", country: \"Estonia\" },\r\n { code: \"EG\", country: \"Egypt\" },\r\n { code: \"SV\", country: \"El Salvador\" },\r\n { code: \"ER\", country: \"Eritrea\" },\r\n { code: \"ES\", country: \"Spain\" },\r\n { code: \"ET\", country: \"Ethiopia\" },\r\n { code: \"FI\", country: \"Finland\" },\r\n { code: \"FJ\", country: \"Fiji\" },\r\n { code: \"PF\", country: \"French Polynesia\" },\r\n { code: \"FK\", country: \"Falkland Islands (Malvinas)\" },\r\n { code: \"FM\", country: \"Micronesia\" },\r\n { code: \"FO\", country: \"Faroe Islands\" },\r\n { code: \"FR\", country: \"France\" },\r\n { code: \"DE\", country: \"Germany\" },\r\n { code: \"GA\", country: \"Gabon\" },\r\n\r\n { code: \"GD\", country: \"Grenada\" },\r\n { code: \"GE\", country: \"Georgia\" },\r\n { code: \"GF\", country: \"French Guiana\" },\r\n { code: \"GG\", country: \"Guernsey\" },\r\n { code: \"GH\", country: \"Ghana\" },\r\n { code: \"GI\", country: \"Gibraltar\" },\r\n { code: \"GL\", country: \"Greenland\" },\r\n { code: \"GM\", country: \"Gambia\" },\r\n { code: \"GN\", country: \"Guinea\" },\r\n { code: \"GP\", country: \"Guadeloupe\" },\r\n { code: \"GQ\", country: \"Equatorial Guinea\" },\r\n { code: \"GR\", country: \"Greece\" },\r\n { code: \"GS\", country: \"South Georgia and the South Sandwich Islands\" },\r\n { code: \"GT\", country: \"Guatemala\" },\r\n { code: \"GU\", country: \"Guam\" },\r\n { code: \"GW\", country: \"Guinea-Bissau\" },\r\n { code: \"GY\", country: \"Guyana\" },\r\n { code: \"HK\", country: \"Hong Kong\" },\r\n { code: \"HM\", country: \"Heard and McDonald Islands\" },\r\n { code: \"HN\", country: \"Honduras\" },\r\n { code: \"HR\", country: \"Croatia\" },\r\n { code: \"HT\", country: \"Haiti\" },\r\n { code: \"HU\", country: \"Hungary\" },\r\n { code: \"ID\", country: \"Indonesia\" },\r\n { code: \"IE\", country: \"Ireland\" },\r\n { code: \"IL\", country: \"Israel\" },\r\n { code: \"IM\", country: \"Isle of Man\" },\r\n { code: \"IN\", country: \"India\" },\r\n { code: \"IO\", country: \"British Indian Ocean Territory\" },\r\n { code: \"IQ\", country: \"Iraq\" },\r\n { code: \"IR\", country: \"Iran, Islamic Republic Of\" },\r\n { code: \"IS\", country: \"Iceland\" },\r\n { code: \"IT\", country: \"Italy\" },\r\n { code: \"JE\", country: \"Jersey\" },\r\n { code: \"JM\", country: \"Jamaica\" },\r\n { code: \"JO\", country: \"Jordan\" },\r\n { code: \"JP\", country: \"Japan\" },\r\n { code: \"KE\", country: \"Kenya\" },\r\n { code: \"KG\", country: \"Kyrgyzstan\" },\r\n { code: \"KH\", country: \"Cambodia\" },\r\n { code: \"KI\", country: \"Kiribati\" },\r\n { code: \"KM\", country: \"Comoros\" },\r\n\r\n { code: \"KW\", country: \"Kuwait\" },\r\n\r\n { code: \"KZ\", country: \"Kazakhstan\" },\r\n { code: \"LA\", country: \"Lao People's Democratic Republic\" },\r\n { code: \"LB\", country: \"Lebanon\" },\r\n\r\n { code: \"LI\", country: \"Liechtenstein\" },\r\n\r\n { code: \"LR\", country: \"Liberia\" },\r\n { code: \"LS\", country: \"Lesotho\" },\r\n { code: \"LT\", country: \"Lithuania\" },\r\n { code: \"LU\", country: \"Luxembourg\" },\r\n { code: \"LV\", country: \"Latvia\" },\r\n { code: \"LY\", country: \"Libya\" },\r\n { code: \"MA\", country: \"Morocco\" },\r\n { code: \"MC\", country: \"Monaco\" },\r\n { code: \"MD\", country: \"Moldova, Republic of\" },\r\n { code: \"ME\", country: \"Montenegro\" },\r\n\r\n { code: \"MG\", country: \"Madagascar\" },\r\n { code: \"MH\", country: \"Marshall Islands\" },\r\n { code: \"MK\", country: \"Macedonia\" },\r\n { code: \"ML\", country: \"Mali\" },\r\n { code: \"MM\", country: \"Myanmar\" },\r\n { code: \"MN\", country: \"Mongolia\" },\r\n { code: \"MO\", country: \"Macao\" },\r\n\r\n { code: \"MQ\", country: \"Martinique\" },\r\n { code: \"MR\", country: \"Mauritania\" },\r\n { code: \"MS\", country: \"Montserrat\" },\r\n { code: \"MT\", country: \"Malta\" },\r\n { code: \"MU\", country: \"Mauritius\" },\r\n { code: \"MV\", country: \"Maldives\" },\r\n { code: \"MW\", country: \"Malawi\" },\r\n { code: \"MX\", country: \"Mexico\" },\r\n { code: \"MY\", country: \"Malaysia\" },\r\n { code: \"MZ\", country: \"Mozambique\" },\r\n { code: \"AN\", country: \"Netherlands Antilles\" },\r\n { code: \"NA\", country: \"Namibia\" },\r\n { code: \"NC\", country: \"New Caledonia\" },\r\n { code: \"NE\", country: \"Niger\" },\r\n { code: \"NF\", country: \"Norfolk Island\" },\r\n { code: \"NG\", country: \"Nigeria\" },\r\n { code: \"NI\", country: \"Nicaragua\" },\r\n { code: \"MP\", country: \"Northern Mariana Islands\" },\r\n { code: \"KP\", country: \"North Korea\" },\r\n { code: \"NL\", country: \"Netherlands\" },\r\n { code: \"NO\", country: \"Norway\" },\r\n { code: \"NP\", country: \"Nepal\" },\r\n { code: \"NR\", country: \"Nauru\" },\r\n { code: \"NU\", country: \"Niue\" },\r\n { code: \"NZ\", country: \"New Zealand\" },\r\n { code: \"OM\", country: \"Oman\" },\r\n { code: \"PA\", country: \"Panama\" },\r\n { code: \"PE\", country: \"Peru\" },\r\n\r\n { code: \"PG\", country: \"Papua New Guinea\" },\r\n { code: \"PH\", country: \"Philippines\" },\r\n { code: \"PK\", country: \"Pakistan\" },\r\n { code: \"PL\", country: \"Poland\" },\r\n\r\n { code: \"PN\", country: \"Pitcairn\" },\r\n { code: \"PR\", country: \"Puerto Rico\" },\r\n { code: \"PS\", country: \"Palestine, State of\" },\r\n { code: \"PT\", country: \"Portugal\" },\r\n { code: \"PW\", country: \"Palau\" },\r\n { code: \"PY\", country: \"Paraguay\" },\r\n { code: \"QA\", country: \"Qatar\" },\r\n { code: \"RE\", country: \"Réunion\" },\r\n { code: \"RO\", country: \"Romania\" },\r\n\r\n { code: \"RU\", country: \"Russian Federation\" },\r\n { code: \"RW\", country: \"Rwanda\" },\r\n { code: \"RS\", country: \"Serbia\" },\r\n { code: \"BL\", country: \"Saint Barthélemy\" },\r\n { code: \"CH\", country: \"Switzerland\" },\r\n { code: \"SA\", country: \"Saudi Arabia\" },\r\n { code: \"SB\", country: \"Solomon Islands\" },\r\n { code: \"SC\", country: \"Seychelles\" },\r\n { code: \"SD\", country: \"Sudan\" },\r\n { code: \"KN\", country: \"Saint Kitts And Nevis\" },\r\n { code: \"KR\", country: \"South Korea\" },\r\n { code: \"PM\", country: \"Saint Pierre And Miquelon\" },\r\n { code: \"MF\", country: \"Saint Martin\" },\r\n { code: \"LC\", country: \"Saint Lucia\" },\r\n { code: \"LK\", country: \"Sri Lanka\" },\r\n { code: \"SE\", country: \"Sweden\" },\r\n { code: \"SG\", country: \"Singapore\" },\r\n { code: \"SH\", country: \"Saint Helena\" },\r\n { code: \"SI\", country: \"Slovenia\" },\r\n { code: \"SJ\", country: \"Svalbard And Jan Mayen\" },\r\n { code: \"SK\", country: \"Slovakia\" },\r\n { code: \"SL\", country: \"Sierra Leone\" },\r\n { code: \"SM\", country: \"San Marino\" },\r\n { code: \"SN\", country: \"Senegal\" },\r\n { code: \"SO\", country: \"Somalia\" },\r\n { code: \"SR\", country: \"Suriname\" },\r\n { code: \"SS\", country: \"South Sudan\" },\r\n { code: \"ST\", country: \"Sao Tome and Principe\" },\r\n\r\n { code: \"SX\", country: \"Sint Maarten\" },\r\n { code: \"SY\", country: \"Syrian Arab Republic\" },\r\n { code: \"SZ\", country: \"Swaziland\" },\r\n { code: \"TC\", country: \"Turks and Caicos Islands\" },\r\n { code: \"TD\", country: \"Chad\" },\r\n { code: \"TF\", country: \"French Southern Territories\" },\r\n { code: \"TG\", country: \"Togo\" },\r\n { code: \"TH\", country: \"Thailand\" },\r\n { code: \"TJ\", country: \"Tajikistan\" },\r\n { code: \"TK\", country: \"Tokelau\" },\r\n { code: \"TL\", country: \"Timor-Leste\" },\r\n { code: \"TM\", country: \"Turkmenistan\" },\r\n { code: \"TN\", country: \"Tunisia\" },\r\n { code: \"TO\", country: \"Tonga\" },\r\n { code: \"TR\", country: \"Turkey\" },\r\n { code: \"TT\", country: \"Trinidad and Tobago\" },\r\n { code: \"TV\", country: \"Tuvalu\" },\r\n { code: \"TW\", country: \"Taiwan, Republic Of China\" },\r\n { code: \"TZ\", country: \"Tanzania, United Republic of\" },\r\n { code: \"AE\", country: \"United Arab Emirates\" },\r\n { code: \"UA\", country: \"Ukraine\" },\r\n { code: \"UG\", country: \"Uganda\" },\r\n { code: \"UM\", country: \"United States Minor Outlying Islands\" },\r\n { code: \"US\", country: \"United States\" },\r\n { code: \"GB\", country: \"United Kingdom\" },\r\n { code: \"UY\", country: \"Uruguay\" },\r\n { code: \"UZ\", country: \"Uzbekistan\" },\r\n { code: \"VA\", country: \"Holy See (Vatican City State)\" },\r\n { code: \"VC\", country: \"Saint Vincent And The Grenadines\" },\r\n { code: \"VE\", country: \"Venezuela, Bolivarian Republic of\" },\r\n { code: \"VG\", country: \"Virgin Islands, British\" },\r\n { code: \"VI\", country: \"Virgin Islands, U.S.\" },\r\n { code: \"VN\", country: \"Vietnam\" },\r\n { code: \"VU\", country: \"Vanuatu\" },\r\n { code: \"WF\", country: \"Wallis and Futuna\" },\r\n { code: \"EH\", country: \"Western Sahara\" },\r\n { code: \"WS\", country: \"Samoa\" },\r\n { code: \"YE\", country: \"Yemen\" },\r\n { code: \"YT\", country: \"Mayotte\" },\r\n { code: \"ZA\", country: \"South Africa\" },\r\n { code: \"ZM\", country: \"Zambia\" },\r\n { code: \"ZW\", country: \"Zimbabwe\" },\r\n];\r\n","//React Library\r\nimport React, { useState, useEffect } from \"react\";\r\n\r\n//Material UI Styles\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\n\r\n//Material UI Components\r\nimport Grid from \"@material-ui/core/Grid\";\r\nimport Paper from \"@material-ui/core/Paper\";\r\nimport Button from \"@material-ui/core/Button\";\r\nimport Checkbox from \"@material-ui/core/Checkbox\";\r\nimport { CircularProgress } from \"@material-ui/core\";\r\nimport PhoneInput from \"react-phone-number-input/input\";\r\nimport TextField from \"@material-ui/core/TextField\";\r\nimport Tooltip from '@material-ui/core/Tooltip';\r\nimport IconButton from \"@material-ui/core/IconButton\";\r\nimport MuiPhoneNumber from \"material-ui-phone-number\";\r\nimport Visibility from \"@material-ui/icons/Visibility\";\r\nimport FormControl from \"@material-ui/core/FormControl\";\r\nimport PhotoCamera from \"@material-ui/icons/PhotoCamera\";\r\nimport CustomToolTip from \"../../Global/PasswordGuileline\";\r\nimport refresh_token from \"../../Global/refresh_token\";\r\nimport OutlinedInput from \"@material-ui/core/OutlinedInput\";\r\nimport VisibilityOff from \"@material-ui/icons/VisibilityOff\";\r\nimport InputAdornment from \"@material-ui/core/InputAdornment\";\r\nimport FormControlLabel from \"@material-ui/core/FormControlLabel\";\r\nimport MenuItem from \"@material-ui/core/MenuItem\";\r\nimport Table from \"@material-ui/core/Table\";\r\nimport TableBody from \"@material-ui/core/TableBody\";\r\nimport TableCell from \"@material-ui/core/TableCell\";\r\nimport TableContainer from \"@material-ui/core/TableContainer\";\r\nimport TableHead from \"@material-ui/core/TableHead\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport DeleteIcon from \"@material-ui/icons/Delete\";\r\nimport TableRow from \"@material-ui/core/TableRow\";\r\nimport MiddleHeader from '../middleHeader/middleHeader'\r\nimport { Switch } from \"@material-ui/core\";\r\nimport { styled } from \"@material-ui/core/styles\";\r\nimport {Link} from \"react-router-dom\";\r\nimport {useTranslation} from \"react-i18next\";\r\n\r\n//Global Elements\r\nimport GlobalApi from \"../../Global\";\r\nimport Colors from \"../../Global/colors\";\r\nimport { country_list } from \"../../Global/country\";\r\n\r\n//Custom Css + Images\r\nimport \"./company.css\";\r\nimport swal from \"@sweetalert/with-react\";\r\nimport Delete from \"../../Assets/delete.png\";\r\nimport Edit from \"../../Assets/edit.png\";\r\nimport DeleteG from \"../../Assets/deleteG.png\";\r\nimport EditG from \"../../Assets/editG.png\";\r\nimport help from '../../Assets/help_icon.png';\r\nimport helpAr from '../../Assets/help_icon_ar.png';\r\n\r\n\r\n//Redux\r\nimport { addTeam } from \"../../Redux/Actions/teamAction\";\r\nimport { useSelector, useDispatch } from \"react-redux\";\r\nimport { addCompanyArr } from \"../../Redux/Actions/companyArrActions\";\r\nimport { addCompany } from \"../../Redux/Actions/companyAction\";\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n root: {\r\n flexGrow: 1,\r\n },\r\n paper: {\r\n padding: theme.spacing(2),\r\n textAlign: \"center\",\r\n color: theme.palette.text.secondary,\r\n },\r\n input: {\r\n display: \"none\",\r\n },\r\n table: {\r\n minWidth: 950,\r\n },\r\n textField: {\r\n backgroundColor: Colors.globalColor5,\r\n border: \"none\",\r\n borderRadius: 5,\r\n },\r\n resize: {\r\n padding: \"7px\",\r\n },\r\n password: {\r\n padding: \"2px\",\r\n },\r\n switchBase: {\r\n color: \"#818181\",\r\n padding: \"1px\",\r\n \"&$checked\": {\r\n \"& + $track\": {\r\n backgroundColor: \"#043077\",\r\n },\r\n },\r\n },\r\n thumb: {\r\n color: \"white\",\r\n width: \"20px\",\r\n height: \"20px\",\r\n margin: \"1px\",\r\n },\r\n track: {\r\n borderRadius: \"20px\",\r\n width: \"200px\",\r\n backgroundColor: \"#818181\",\r\n opacity: \"1 !important\",\r\n \"&:after, &:before\": {\r\n color: \"white\",\r\n fontSize: \"11px\",\r\n },\r\n \"&:after\": {\r\n content: \"'activate'\",\r\n left: \"7px\",\r\n },\r\n \"&:before\": {\r\n content: \"'deactivate'\",\r\n right: \"8px\",\r\n },\r\n },\r\n checked: {\r\n color: \"#043077 !important\",\r\n transform: \"translateX(50px) !important\",\r\n },\r\n cssOutlinedInput: {\r\n \"&$cssFocused $notchedOutline\": {\r\n borderColor: `green !important`,\r\n },\r\n },\r\n}));\r\n\r\n//Main Function\r\nfunction Company({isOnboarding=false}) {\r\n const {t} = useTranslation();\r\n let language = useSelector((state) => state.languageReducer.language);\r\n const [packageCurrentDetails, setPackageCurrentDetails] = useState({});\r\n const [packageExpired, setPackageExpired] = useState(false);\r\n const [currentCompany, setCurrentCompany] = useState([]);\r\n const [permissions_obj, setPermissionObj] = useState({});\r\n const [btnLoader, setBtnLoader] = useState(false);\r\n const [companies, setCompanies] = useState([]);\r\n const [companiesArr, setCompaniesArr] = useState([]);\r\n const [profileImageUrl, setProfileImageUrl] = useState(\"\");\r\n const [signatureUrl, setSignatureUrl] = useState(\"\");\r\n const [userData, setUserData] = useState(\"\");\r\n const [token, setToken] = useState(\"\");\r\n const [organizationId, setOrganizationId] = useState(\"\");\r\n const [editMode, setEditMode] = useState(false);\r\n const [currentEditCompany, setCurrentEditCompany] = useState(\"\");\r\n const [teams, setTeams] = useState([]);\r\n const [phoneNumber, setPhoneNumber] = useState(\"\");\r\n const history = useHistory();\r\n const [companyData, setCompanyData] = useState({\r\n company_name: \"\",\r\n short_name: \"\",\r\n country: \"\",\r\n email: \"\",\r\n logo:null,\r\n });\r\n let [errorObj, setErrorObj] = useState({\r\n company_name: \"\",\r\n short_name: \"\",\r\n country: \"\",\r\n email: \"\",\r\n });\r\n\r\n const dispatch = useDispatch();\r\n\r\n function handleInputChange(event) {\r\n let { name, value } = event.target;\r\n setCompanyData({\r\n ...companyData,\r\n [name]: value,\r\n });\r\n }\r\n\r\n console.log(\"permissions_obj ))))))))))))))))))))))))\",permissions_obj)\r\n function handlePhoneInputChange(value) {\r\n setCompanyData({\r\n ...companyData,\r\n phone: value,\r\n });\r\n }\r\n\r\n const handleCancel = () => {\r\n setEditMode(false);\r\n setCompanyData({\r\n company_name: \"\",\r\n short_name: \"\",\r\n country: \"\",\r\n email: \"\",\r\n });\r\n setPhoneNumber(\"\")\r\n setErrorObj({\r\n company_name: \"\",\r\n short_name: \"\",\r\n country: \"\",\r\n email: \"\",\r\n })\r\n };\r\n\r\n\r\n const onCheckCompany = (value, index) => {\r\n console.log(\"Before\", companies);\r\n let _companies = [...companies];\r\n _companies[index].checked = value;\r\n\r\n console.log(\"After\", _companies);\r\n setCompanies(_companies);\r\n };\r\n\r\n const handleStatus = (userId) => {\r\n console.log(\"id\", userId);\r\n };\r\n\r\n // async function removeCompany(companyId) {\r\n // console.log(companyId);\r\n // fetch(GlobalApi + \"/company/freeze_company\", {\r\n // method: \"post\",\r\n // headers: new Headers({\r\n // Authorization: \"Bearer \" + token,\r\n // \"Content-Type\": \"application/json\",\r\n // }),\r\n // body: JSON.stringify({\r\n // company_id: companyId,\r\n // }),\r\n // })\r\n // .then((response) => response.json())\r\n // .then(async (res) => {\r\n // console.log(\"remove user response >>>>\", res);\r\n // if (res.status === \"Success\") {\r\n // await swal(<>{t(\"Success\")}, \"Company Removed Successfully\", \"success\");\r\n // getCompaniesDetail(token, userData.organization_id, userData);\r\n // } else {\r\n // alert(res.err);\r\n // }\r\n // })\r\n // .catch((err) => console.log(err));\r\n // }\r\n\r\n\r\n let uploadProfileImage = async (singleFile = null) => {\r\n let localstorage = localStorage.getItem(\"UserData\");\r\n var data = JSON.parse(localstorage);\r\n let token = data.token;\r\n //Check if any file is selected or not\r\n if (singleFile != null) {\r\n //If file selected then create FormData\r\n const fileToUpload = singleFile;\r\n const data = new FormData();\r\n data.append(\"name\", fileToUpload.name);\r\n data.append(\"company_id\", company.id);\r\n data.append(\"user_id\", data.id);\r\n data.append(\"images\", fileToUpload);\r\n try {\r\n let res = await fetch(GlobalApi + \"/user/image_upload\", {\r\n method: \"post\",\r\n body: data,\r\n headers: new Headers({\r\n Authorization: \"Bearer \" + token,\r\n // \"Content-Type\": \"multipart/form-data; \",\r\n }),\r\n });\r\n let responseJson = await res.json();\r\n if (responseJson.status == \"Success\") {\r\n console.log(\"Image Uploaded>>>>>>>\", responseJson);\r\n setProfileImageUrl(responseJson.data);\r\n setCompanyData({\r\n ...companyData,\r\n logo: responseJson.data,\r\n });\r\n }\r\n } catch (e) {\r\n console.log(e);\r\n }\r\n } else {\r\n alert(\"Please Select File first\");\r\n }\r\n };\r\n\r\n\r\n const editCompany = (key, companyId) => {\r\n setEditMode(true);\r\n setCurrentEditCompany(companyId);\r\n let currentCompany = companies[key];\r\n\r\n console.log(\"current Company\",currentCompany)\r\n setCompanyData({\r\n company_name: currentCompany.company_name,\r\n short_name: currentCompany.short_name,\r\n country: currentCompany.country,\r\n email: currentCompany.email,\r\n logo:currentCompany.logo\r\n });\r\n setPhoneNumber(currentCompany.phone)\r\n };\r\n\r\n function getFileSize() {\r\n let localstorage = localStorage.getItem(\"UserData\");\r\n var data = JSON.parse(localstorage);\r\n let token = data?.token;\r\n let params = {\r\n user_id: data.user_id,\r\n organization_id:data?.organization_id\r\n };\r\n // console.log(data.user_id);\r\n let query = Object.keys(params)\r\n .map((k) => encodeURIComponent(k) + \"=\" + encodeURIComponent(params[k]))\r\n .join(\"&\");\r\n\r\n fetch(GlobalApi + \"/ConfigFileSize/get_all_file_sizes_user?\" + query, {\r\n method: \"GET\",\r\n headers: {\r\n Authorization: \"Bearer \" + token,\r\n \"Content-Type\": \"application/json\",\r\n },\r\n })\r\n .then((responseJson) => responseJson.json())\r\n .then(async (response) => {\r\n if (response.status === \"Success\") {\r\n console.log(response.data);\r\n dispatch({ type: \"SET_FILE_SIZE\", payload: response.data });\r\n \r\n } else if (\r\n response.error === \"jwt expired\" ||\r\n response.error === \"invalid token\" ||\r\n response.error === \"invalid signature\" ||\r\n response.error === \"Unexpected token\"\r\n ) {\r\n let status = await refresh_token();\r\n }\r\n })\r\n .catch((error) => console.log(error.message));\r\n }\r\n\r\n const deleteCompany = (key, companyId) => {\r\n console.log(\"Company Data>>>>>>>\", companiesData);\r\n swal({\r\n title: t(\"Are you sure you want to delete this company?\"),\r\n text: t(\"All Data Including Media will be permenantly Deleted!\"),\r\n icon: \"warning\",\r\n buttons: [t(\"No, cancel it!\"), t(\"Yes, I am sure!\")],\r\n dangerMode: true,\r\n }).then(async function(isConfirm) {\r\n if (isConfirm) {\r\n if (data2?.super_admin == true) {\r\n let indx = companiesData.findIndex((x) => x.id === data.id);\r\n console.log(\"index>>>>>>>>>>>>\",indx)\r\n if (indx > -1) {\r\n fetch(GlobalApi + \"/company/delete_company/\" + companyId, {\r\n method: \"get\",\r\n headers: new Headers({\r\n Authorization: \"Bearer \" + token,\r\n \"Content-Type\": \"application/json\",\r\n }),\r\n }).then((response) => response.json())\r\n .then(async (res) => {\r\n console.log(\"Company Data >>>>\", res);\r\n if (res.msg === \"success\") {\r\n if (data.id === companyId) {\r\n let get_master_company = companiesData.findIndex(\r\n (x) => x.branch_status === \"master\"\r\n );\r\n \r\n console.log(\"get_master_company>>>>>>>>>>>>\",get_master_company)\r\n console.log(\"companiesData>>>>>>>>>>>>\",companiesData)\r\n let get_companyId = companiesData[get_master_company];\r\n companiesData.splice(indx, 1);\r\n swal(t(\"Success\"), t(\"Company Deleted Successfully\"), \"success\");\r\n console.log(\"companiesData[get_master_company]\", get_companyId)\r\n dispatch(addCompanyArr(companiesData));\r\n dispatch(addCompany(get_companyId));\r\n setCompanies(companiesData)\r\n } else { \r\n companiesData.splice(indx, 1); \r\n console.log(\"this Condition ____________________________________\",companiesData)\r\n swal(t(\"Success\"), t(\"Company Deleted Successfully\"), \"success\");\r\n dispatch(addCompanyArr(companiesData));\r\n getCompaniesDetail(data2.token, data2.organization_id, data2)\r\n }\r\n getFileSize()\r\n } else if (res.msg === \"error\") {\r\n swal(t(\"Error\"), res.error, \"error\");\r\n }\r\n })\r\n .catch((err) => {\r\n swal(t(\"Error\"), err, \"error\");\r\n });\r\n } else {\r\n alert(\"Something went wrong....\");\r\n }\r\n } else {\r\n let indx = companiesData.findIndex((x) => x.id == companyId);\r\n console.log(\"Selected Index\", indx);\r\n \r\n if (indx > -1) {\r\n if(companiesData.length == 1){\r\n swal(t(\"Error\"), t(\"Atleast One Company Required\"), \"error\");\r\n }\r\n else{\r\n fetch(GlobalApi + \"/company/delete_company/\" + companyId, {\r\n method: \"get\",\r\n headers: new Headers({\r\n Authorization: \"Bearer \" + token,\r\n \"Content-Type\": \"application/json\",\r\n }),\r\n }).then((response) => response.json())\r\n .then(async (res) => {\r\n console.log(\"Company Data >>>>\", res);\r\n if (res.msg === \"success\") {\r\n getFileSize()\r\n console.log(\"DATA after success\",data);\r\n console.log(\"company\",companyId)\r\n if (data.id == companyId) {\r\n console.log(\"if Condition Executed\")\r\n companiesData.splice(indx, 1);\r\n if (companiesData.length != 0) {\r\n let companyID = companiesData[0];\r\n console.log(\"After Deleted Company >>>>>>>\", companiesData);\r\n swal(t(\"Success\"), t(\"Company Deleted Successfully\"), \"success\");\r\n dispatch(addCompanyArr(companiesData));\r\n dispatch(addCompany(companyID));\r\n } else {\r\n localStorage.clear();\r\n history.replace(\"/signin\")\r\n }\r\n } else {\r\n console.log(\"Else Condition Executed\")\r\n let NewCompanies = [...companiesData]\r\n NewCompanies.splice(indx, 1);\r\n console.log(\"Companies After Deleted\",NewCompanies)\r\n swal(t(\"Success\"), t(\"Company Deleted Successfully\"), \"success\");\r\n dispatch(addCompanyArr(NewCompanies));\r\n setCompanies(NewCompanies)\r\n }\r\n } else if (res.msg === \"error\") {\r\n console.log(res.error);\r\n }\r\n })\r\n .catch((err) => {\r\n console.log(err);\r\n });\r\n }\r\n }\r\n }\r\n \r\n } else {\r\n console.log(\"Canceled\");\r\n }\r\n });\r\n \r\n // fetch(GlobalApi + \"/company/delete_company/\" + companyId, {\r\n // method: \"get\",\r\n // headers: new Headers({\r\n // Authorization: \"Bearer \" + token,\r\n // \"Content-Type\": \"application/json\",\r\n // }),\r\n // }).then((response) => response.json())\r\n // .then(async (res) => {\r\n // console.log(\"Delete COMPANY RES>>>>>>>>\",res)\r\n // if(res.msg === \"success\") {\r\n // swal(<>{t(\"Success\")}, <>{t(\"Company Deleted Successfully\")}, \"success\");\r\n // getCompaniesDetail(token, userData.organization_id, userData);\r\n // } else if(res.msg == \"error\") {\r\n // swal(<>{t(\"Error\")}, res.error, \"error\");\r\n // }\r\n // }).catch((err) => {\r\n // swal(<>{t(\"Error\")}, \"internal Server Error\", \"error\");\r\n // });\r\n };\r\n\r\n const resetFields = () => {\r\n setCompanyData({\r\n company_name: \"\",\r\n short_name: \"\",\r\n country: \"\",\r\n email: \"\",\r\n });\r\n setPhoneNumber('')\r\n };\r\n\r\n const getPermissions = () => {\r\n console.log(\"$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$\");\r\n let localstorage = localStorage.getItem(\"UserData\");\r\n var data = JSON.parse(localstorage);\r\n let token = data?.token;\r\n if (data !== null) {\r\n let params = { company_id: company.id, user_id: data?.user_id };\r\n let query = Object.keys(params)\r\n .map((k) => encodeURIComponent(k) + \"=\" + encodeURIComponent(params[k]))\r\n .join(\"&\");\r\n\r\n fetch(GlobalApi + \"/User/get_user_permission_of_company?\" + query, {\r\n method: \"GET\",\r\n headers: {\r\n Authorization: \"Bearer \" + token,\r\n \"Content-Type\": \"application/json\",\r\n },\r\n })\r\n .then((responseJson) => responseJson.json())\r\n .then(async (response) => {\r\n console.log(response);\r\n if (response.msg === \"success\") {\r\n let permissionsObj = {};\r\n await response.data.map((v) => {\r\n permissionsObj[(v?.title)] = true;\r\n });\r\n console.log(\"Permissions Obj >>>>>>>\", permissionsObj);\r\n\r\n setPermissionObj(permissionsObj);\r\n\r\n } else if (\r\n response.error === \"jwt expired\" ||\r\n response.error === \"invalid token\" ||\r\n response.error === \"invalid signature\" ||\r\n response.error === \"jwt malformed\" ||\r\n response.error === \"Unexpected token\"\r\n ) {\r\n let status = await refresh_token();\r\n // console.log(status);\r\n if (status) {\r\n // console.log(\"opopopop\");\r\n getPermissions();\r\n }\r\n }\r\n })\r\n .catch((error) => {\r\n // localStorage.clear();\r\n // window.location.replace(\"/signin\");\r\n console.log(\"FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFF\", error.message);\r\n });\r\n }\r\n };\r\n\r\n async function getCompaniesDetail(Token, OrganizationId, UserData) {\r\n console.log(\"TOKEN >>>>>>>\", Token);\r\n console.log(\"ORG ID >>>>>>>\", OrganizationId);\r\n console.log(\"DATA >>>>>>>\", UserData);\r\n let params1 = {\r\n organization_id: OrganizationId,\r\n };\r\n let query1 = Object.keys(params1)\r\n .map((k) => encodeURIComponent(k) + \"=\" + encodeURIComponent(params1[k]))\r\n .join(\"&\");\r\n\r\n if (UserData?.super_admin == true) {\r\n console.log(\"**************** Under Super Admin Condition .>>>>>>>\");\r\n let getCompanies = await fetch(\r\n GlobalApi + \"/company/companies?\" + query1,\r\n {\r\n method: \"GET\",\r\n headers: {\r\n Authorization: \"Bearer \" + Token,\r\n \"Content-Type\": \"application/json\",\r\n },\r\n }\r\n );\r\n let companiesJson = await getCompanies.json();\r\n if (companiesJson.msg === \"success\") {\r\n console.log(\"COMPANIES >>>>>>>>>>>>\", companiesJson.companies);\r\n setCompanies(companiesJson.companies);\r\n dispatch(addCompanyArr(companiesJson.companies));\r\n }\r\n }\r\n \r\n \r\n if (UserData.super_admin === false) {\r\n console.log(\"COMPANIES >>>>>>>>>>>>\", UserData);\r\n setCompanies(companiesData);\r\n }\r\n\r\n // else if (userData?.super_admin == false) {\r\n // console.log('NOt Super Admin user >>>',)\r\n // let getPermissions = await fetch(GlobalApi + '/Permission/get_all_company_permissions?' + query1, {\r\n // method: 'GET',\r\n // headers: {\r\n // Authorization: 'Bearer ' + token,\r\n // 'Content-Type': 'application/json',\r\n // },\r\n // });\r\n // let permissionsJson = await getPermissions.json();\r\n // console.log('single company >>>>>>', permissionsJson);\r\n // if (permissionsJson.status === 'Success') {\r\n // // if (handleGlobelCompanies != undefined) {\r\n // // handleGlobelCompanies(permissionsJson.data)\r\n // // }\r\n // let industry_data = [];\r\n // userData.companies.map(v => {\r\n // industry_data.push({\r\n // label: v.company_name,\r\n // value: v.id,\r\n // })\r\n // })\r\n // // let nameComp = reqJsonCompanies.companies[0].id;\r\n // // console.log('nameComp >>>>', nameComp);\r\n // setCompanies(industry_data);\r\n // // setCompanies([{\r\n // // label:reqJsonCompany.company.company_name,\r\n // // value:reqJsonCompany.company.id\r\n // // }]);\r\n // setCompaniesValue({\r\n // ...companiesValue,\r\n // main_comp: industry_data[0].value,\r\n // super_admin: false\r\n // })\r\n // if(currentRoute === 'TeamScreen'){\r\n // fetchCompanyUsers(industry_data[0].value)\r\n // }\r\n // }\r\n // }\r\n }\r\n let companiesData = useSelector((state) => state.companyArrReducer.company);\r\n let data = useSelector((state) => state.companyReducer.company);\r\n let company = useSelector((state) => state.companyReducer.company);\r\n useEffect(\r\n () => {\r\n setCurrentCompany(data);\r\n getPermissions();\r\n },\r\n [data]\r\n );\r\n\r\n useEffect(() => {\r\n getCurrentPackage();\r\n }, []);\r\n\r\n let data2 = useSelector((state) => state.userReducer.user);\r\n\r\n useEffect(\r\n () => {\r\n setUserData(data2);\r\n setToken(data2.token);\r\n setOrganizationId(data2.organization_id);\r\n getCompaniesDetail(data2.token, data2.organization_id, data2);\r\n },\r\n [data2]\r\n );\r\n\r\n let data3 = useSelector((state) => state.teamReducer.team);\r\n console.log(\"data3\", data3);\r\n\r\n useEffect(\r\n () => {\r\n setTeams(data3.data);\r\n },\r\n [data3]\r\n );\r\n async function getCurrentPackage() {\r\n let localstorage = localStorage.getItem(\"UserData\");\r\n var data = JSON.parse(localstorage);\r\n let token = data?.token;\r\n let package_inquiry = {\r\n user_id: data.user_id,\r\n organization_id: data.organization_id,\r\n };\r\n\r\n let query = Object.keys(package_inquiry)\r\n .map(\r\n (k) =>\r\n encodeURIComponent(k) + \"=\" + encodeURIComponent(package_inquiry[k])\r\n )\r\n .join(\"&\");\r\n\r\n\r\n let req = await fetch(\r\n GlobalApi + \"/Package/get_user_license_details?\" + query,\r\n {\r\n method: \"GET\",\r\n headers: {\r\n Authorization: \"Bearer \" + token,\r\n \"Content-Type\": \"application/json\",\r\n },\r\n }\r\n );\r\n let reqJson = await req.json();\r\n console.log(\"Calling Get License \", reqJson);\r\n\r\n \r\n if (reqJson?.package?.license?.status === \"expired\" || reqJson?.package?.license?.status === \"deactive\") {\r\n history.replace(\"/billing\");\r\n setPackageCurrentDetails(\"expired\");\r\n setPackageExpired(true)\r\n } else {\r\n setPackageCurrentDetails(reqJson.package);\r\n }\r\n }\r\n\r\n\r\n\r\n const handleSubmit = (e) => {\r\n setBtnLoader(true);\r\n if (!editMode) {\r\n let obj = companyData;\r\n let { company_name, short_name, country, email } = obj;\r\n console.log(\"ADD MODE OBJ\", obj);\r\n let errors = {};\r\n\r\n // if (/^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\\.[a-zA-Z0-9-]+)*$/.test(email.replace(' ', '')) === false) {\r\n // errors.email = 'Please Enter a Valid Email.';\r\n // }\r\n\r\n if (company_name.length <= 0) {\r\n errors.company_name = 'Company Name is required';\r\n }\r\n \r\n if (short_name.length <= 0) {\r\n errors.short_name = 'Short Name is required';\r\n }\r\n if (company_name.length > 100) {\r\n errors.company_name = 'Company Name Must be less than 100 characters';\r\n }\r\n \r\n if (short_name.length > 50) {\r\n errors.short_name = 'Short Name Must be less than 50 characters';\r\n }\r\n\r\n if (!country) {\r\n errors.country = \"Country required\"\r\n }\r\n\r\n setErrorObj(errors);\r\n\r\n if (Object.keys(errors).length !== 0) {\r\n setBtnLoader(false);\r\n }\r\n\r\n\r\n if (Object.keys(errors).length === 0) {\r\n console.log(\"TOKEN >>>>>> \", token);\r\n console.log(\"USER DAAT >>>>>> \", userData);\r\n console.log(\"USER DAAT >>>>>> \", obj);\r\n\r\n fetch(GlobalApi + \"/company/add_company\", {\r\n method: \"post\",\r\n headers: new Headers({\r\n Authorization: \"Bearer \" + token,\r\n \"Content-Type\": \"application/json\",\r\n }),\r\n body: JSON.stringify({\r\n ...obj,\r\n phone:phoneNumber,\r\n created_by: userData.user_id,\r\n organization_id: userData.organization_id,\r\n // set_password_later: true,\r\n }),\r\n })\r\n .then((response) => response.json())\r\n .then(async (res) => {\r\n console.log(\"ADD COMPANY RES>>>>>>>>\", res);\r\n if (res.msg === \"success\") {\r\n swal(t(\"Success\"), t(\"Company Added Successfully\"), \"success\");\r\n let updatedCompany = [...companiesData]\r\n updatedCompany.push(res.company)\r\n console.log(\"UPDATED COMPANY >>>>>>>>>>>>>>\",updatedCompany)\r\n dispatch(addCompanyArr(updatedCompany));\r\n setCompanies(updatedCompany);\r\n resetFields();\r\n setBtnLoader(false);\r\n } else {\r\n console.log(res.error);\r\n swal(t(\"Error\"), res.error, \"error\");\r\n setBtnLoader(false);\r\n }\r\n })\r\n .catch((err) => {\r\n console.log(err);\r\n swal(t(\"Error\"), t(\"internal Error\"), \"error\");\r\n setBtnLoader(false);\r\n });\r\n }\r\n } else if (editMode) {\r\n \r\n let obj = companyData;\r\n let { company_name, short_name, country, email } = obj;\r\n console.log(\"Edit Mode\", obj);\r\n console.log(\"current Edit Company\", currentEditCompany);\r\n\r\n fetch(GlobalApi + \"/company/edit_company/\" + currentEditCompany, {\r\n method: \"post\",\r\n headers: new Headers({\r\n Authorization: \"Bearer \" + token,\r\n \"Content-Type\": \"application/json\",\r\n }),\r\n body: JSON.stringify({\r\n ...obj,\r\n phone:phoneNumber,\r\n created_by: userData.user_id,\r\n organization_id: userData.organization_id,\r\n // set_password_later: true,\r\n }),\r\n })\r\n .then((response) => response.json())\r\n .then(async (res) => {\r\n console.log(\"upadated Team Member >>>>\", res);\r\n if (res.msg === \"success\") {\r\n swal(t(\"Success\"), t(\"Company has been updated successfully\"), \"success\");\r\n setEditMode(false);\r\n console.log(\"EDIT MODE >>>>>>>>\")\r\n if(data2.super_admin == true){getCompaniesDetail(data2.token, data2.organization_id, data2);}\r\n resetFields();\r\n setBtnLoader(false);\r\n setEditMode(false);\r\n } else {\r\n console.log(res.err);\r\n swal(t(\"Error\"), t(\"internal Error\"), \"error\");\r\n\r\n setBtnLoader(false);\r\n }\r\n })\r\n .catch((err) => {\r\n console.log(err);\r\n swal(t(\"Error\"), t(\"internal Error\"), \"error\");\r\n setBtnLoader(false);\r\n });\r\n }\r\n };\r\n\r\n const classes = useStyles();\r\n return 500 ? \"20px 1px 20px 20px\" : \"10px 1px 10px 10px\") : \"20px\", overflowY: \"auto\", backgroundColor: Colors.globalColor9 }}>\r\n
;\r\n}\r\n\r\nexport default Company;\r\n","import React from \"react\";\r\nimport { withStyles } from \"@material-ui/core/styles\";\r\nimport Button from \"@material-ui/core/Button\";\r\n\r\nimport Dialog from \"@material-ui/core/Dialog\";\r\nimport MuiDialogTitle from \"@material-ui/core/DialogTitle\";\r\nimport MuiDialogContent from \"@material-ui/core/DialogContent\";\r\nimport Grid from \"@material-ui/core/Grid\";\r\nimport MuiDialogActions from \"@material-ui/core/DialogActions\";\r\nimport IconButton from \"@material-ui/core/IconButton\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport Typography from \"@material-ui/core/Typography\";\r\nimport TextareaAutosize from \"@material-ui/core/TextareaAutosize\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport swal from \"@sweetalert/with-react\";\r\nimport TextField from \"@material-ui/core/TextField\";\r\nimport axios from \"axios\";\r\nimport GlobalApi from \"../../Global\";\r\nimport DarkButton from \"./../../Global/DarkButton\"\r\nimport Colors from \"./../../Global/colors\"\r\nimport Spinner from \"./../../Global/Spinner\"\r\n\r\nconst styles = (theme) => ({\r\n root: {\r\n margin: 0,\r\n padding: theme.spacing(2),\r\n },\r\n custommodal: {},\r\n closeButton: {\r\n position: \"absolute\",\r\n right: theme.spacing(1),\r\n top: theme.spacing(1),\r\n color: theme.palette.grey[500],\r\n },\r\n});\r\n\r\nfunction capitalize(str) {\r\n return str.charAt(0).toUpperCase() + str.slice(1)\r\n}\r\n\r\nconst DialogTitle = withStyles(styles)((props) => {\r\n const { children, classes, onClose, ...other } = props;\r\n return (\r\n \r\n \r\n \r\n {!packageExpired && (packageCurrentDetails?.package?.title == \"Enterprise\" || packageCurrentDetails?.package?.title == \"Free\") ? <>\r\n {userData?.super_admin == true || permissions_obj[\"Admin\"] == true || permissions_obj[\"Company Management\"] == true ?\r\n uploadProfileImage(e.target.files[0])} /> : } : <>{editMode ? uploadProfileImage(e.target.files[0])} /> : }}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n {isOnboarding == false && \r\n {window.innerWidth > 500 &&
}\r\n {window.innerWidth > 500 && \r\n\r\n \r\n
\r\n }\r\n\r\n {window.innerWidth <= 500 && \r\n
\r\n
\r\n \r\n {isOnboarding == false && \r\n
\r\n\r\n \r\n {t(\"Upload Logo\")}
\r\n\r\n {t(\"Basic Info\")}\r\n
\r\n\r\n \r\n\r\n}\r\n {window.innerWidth > 500 && \r\n
\r\n {companies.map((item, index) => {\r\n return(
}\r\n \r\n
);\r\n })}\r\n \r\n
\r\n \r\n \r\n
\r\n { item.email && \r\n {t(\"Company Name\")}\r\n
\r\n \r\n\r\n {item.company_name.slice(0, 30) +\r\n (item.company_name.length > 30 ? \"...\" : \"\")}\r\n
\r\n\r\n
}\r\n { item.phone && \r\n {t(\"Email\")}\r\n
\r\n\r\n {item.email}\r\n
\r\n\r\n
}\r\n \r\n {item.country && \r\n {t(\"Phone\")}{\" \"}\r\n
\r\n\r\n {item.phone}\r\n
\r\n\r\n
}\r\n \r\n {t(\"Country\")}{\" \"}\r\n
\r\n\r\n {item.country}\r\n
\r\n\r\n
\r\n \r\n \r\n \r\n {userData?.super_admin == true ||\r\n permissions_obj[\"Admin\"] == true ||\r\n permissions_obj[\"Company Management\"] == true ? (\r\n <>\r\n \r\n deleteCompany(index, item.id)}\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 {userData?.super_admin == true ||\r\n permissions_obj[\"Admin\"] == true ||\r\n permissions_obj[\"Company Management\"] == true ? (\r\n <>\r\n editCompany(index, item.id)}\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 {value.priority && <>\r\n {value.priority == \"High Priority\" &&
\r\n\r\n \r\n \r\n {value.priority.split(\" \")[0]}\r\n \r\n
}\r\n\r\n {value.priority == \"Medium Priority\" && \r\n \r\n {value.priority.split(\" \")[0]}\r\n \r\n
}\r\n\r\n {value.priority == \"Low Priority\" && \r\n \r\n {value.priority.split(\" \")[0]}\r\n \r\n
}\r\n }\r\n \r\n {capitalize(value?.title.slice(0, 30) + (value?.title.length > 30 ? \"...\" : \"\"))}\r\n
\r\n\r\n {value.due &&
\r\n\r\n \r\n
}\r\n \r\n \r\n \r\n
\r\n \r\n {moment(value.due).format(\"MM-DD-YYYY\")}\r\n
\r\n \r\n {isOverDue && <>\r\n {\" \"}\r\n\r\n OverDue\r\n
\r\n }\r\n\r\n
\r\n \r\n {t(\"Active Since\")} :\r\n
\r\n \r\n\r\n {moment(value.updatedAt).fromNow()}\r\n
\r\n\r\n
\r\n {value?.inspection_title && \r\n {t(\"Status\")} :\r\n
\r\n \r\n\r\n {value.status ? value.status : \"To Do\"}\r\n
\r\n\r\n
}\r\n \r\n {t(\"Inspection\")} :\r\n
\r\n \r\n\r\n {value?.inspection_title ? value?.inspection_title : \"N/A\"}\r\n
\r\n\r\n
\r\n\r\n \r\n
\r\n\r\n {(value.group_ids != null || value.group_ids != undefined) && value.group_ids.length > 0 && \r\n {(value.Users != null || value.Users != undefined) && value.Users.map(\r\n (v, i) => {\r\n if (i <= 2) {\r\n return (\r\n \r\n {v?.avatar !== null ? (\r\n \r\n \r\n {v\r\n ? v?.first_name\r\n .substring(0, 1)\r\n .toUpperCase()\r\n .concat(\r\n v\r\n ? v?.last_name\r\n .substring(\r\n 0,\r\n 1\r\n )\r\n .toUpperCase()\r\n : \"\"\r\n )\r\n : \"\"}\r\n \r\n
\r\n )}\r\n \r\n );\r\n }\r\n }\r\n )}\r\n {value?.Users?.length > 3 && \r\n
}\r\n \r\n +{value?.Users?.length - 3}\r\n
\r\n 0 && \"1px solid #043077\", paddingLeft:(value.Users != null || value.Users != undefined) && value.Users.length > 0 && \"5px\",display:'flex', flexDirection:'row' }}>\r\n {value.group_ids.map((v, i) => {\r\n if (i <= 2) {\r\n return \r\n ;\r\n }\r\n })}\r\n {value?.group_ids?.length > 2 &&
}\r\n \r\n
\r\n \r\n {v?.group_name\r\n .substring(\r\n 0,\r\n 1\r\n )\r\n .toUpperCase()}\r\n
\r\n\r\n
}\r\n \r\n +{value?.group_ids?.length - 2}\r\n
\r\n\r\n \r\n 
\r\n \r\n
\r\n \r\n
}\r\n\r\n {value.priority == \"Medium Priority\" && \r\n {value.priority.split(\" \")[0]}\r\n
\r\n\r\n
}\r\n\r\n {value.priority == \"Low Priority\" && \r\n {value.priority.split(\" \")[0]}\r\n
\r\n\r\n
}\r\n }\r\n \r\n {value.priority.split(\" \")[0]}\r\n
\r\n\r\n {capitalize(value.title)}\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n {moment(value.due).format(\"MM-DD-YYYY\")}\r\n
\r\n\r\n \r\n Active since:{\" \"}\r\n \r\n \r\n {moment(value.updatedAt).fromNow()}\r\n \r\n
\r\n \r\n \r\n Status:\r\n \r\n \r\n {value.status ? value.status : \"To Do\"}\r\n \r\n
\r\n \r\n \r\n \r\n +{value.Users.length - 3}\r\n \r\n
\r\n );\r\n }\r\n }\r\n )}\r\n \r\n \r\n {(value.Users != null || value.Users != undefined) && value.Users.map(\r\n (v, i) => {\r\n if (i <= 2) {\r\n return (\r\n \r\n {v?.avatar !== null ? (\r\n \r\n \r\n {v\r\n ? v?.first_name\r\n .substring(0, 1)\r\n .toUpperCase()\r\n .concat(\r\n v\r\n ? v?.last_name\r\n .substring(\r\n 0,\r\n 1\r\n )\r\n .toUpperCase()\r\n : \"\"\r\n )\r\n : \"\"}\r\n \r\n
\r\n )}\r\n \r\n );\r\n } else {\r\n return (\r\n \r\n \r\n
\r\n \r\n \r\n \r\n Inspection:\r\n \r\n \r\n {value.Inspection?.Schedule?.title}\r\n \r\n
}\r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n {userData?.super_admin == true ||\r\n permissions_obj[\"Admin\"] == true ||\r\n permissions_obj[\r\n \"Action\"\r\n ] == true ?\r\n : }\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n 
\r\n , endAdornment: \r\n \r\n 
\r\n \r\n , classes: { input: classes.resize } }} placeholder={t(\"Search in existing actions\")} fullWidth onChange={(e) => setSearchText(e.target.value)} variant=\"outlined\" style={{ width: \"100%\", backgroundColor: Colors.globalColor5 }} />\r\n\r\n {/* =================================popover 1=========================== */}\r\n\r\n \r\n \r\n\r\n {/* =================================popover 2=========================== */}\r\n \r\n
\r\n \r\n
\r\n \r\n\r\n {/* =================================popover 3=========================== */}\r\n \r\n
\r\n \r\n {t(\"Actions\")}\r\n
\r\n\r\n
\r\n - \r\n
\r\n \r\n \r\n , classes: { input: classes.resize } }} placeholder={t(\"Search\")} fullWidth variant=\"outlined\" style={{ backgroundColor: Colors.globalColor5 }} value={userFilter} onChange={(e) => setUserFilter(e.target.value)} />\r\n\r\n
\r\n\r\n {t(\"Groups\")}\r\n \r\n \r\n {groups.filter(\r\n (word) =>\r\n word.group_name\r\n .toLowerCase()\r\n .includes(userFilter.toLowerCase()) \r\n ).map((item, index) => {\r\n return (\r\n \r\n \r\n selectGroups(e.target.checked, item)\r\n }\r\n defaultChecked={selectedGroup.indexOf(item.id) > -1}\r\n />\r\n \r\n {item.group_name}\r\n \r\n \r\n \r\n );\r\n })}\r\n
\r\n\r\n \r\n
\r\n {t(\"Assignees\")}\r\n
\r\n\r\n {Assignees.filter((word) => word.first_name\r\n .toLowerCase()\r\n .includes(\r\n userFilter.toLowerCase()\r\n ) || word.last_name\r\n .toLowerCase()\r\n .includes(\r\n userFilter.toLowerCase()\r\n ) || (word.first_name + \" \" + word.last_name)\r\n .toLowerCase()\r\n .includes(\r\n userFilter.toLowerCase()\r\n )).map((item, index) => {\r\n return \r\n selectUsers(e.target.checked, item)} defaultChecked={selectedUsers.indexOf(item.id) > -1} />\r\n ;\r\n })}\r\n
\r\n\r\n \r\n {item.first_name}\r\n
\r\n \r\n\r\n {item.last_name}\r\n
\r\n\r\n \r\n
\r\n \r\n \r\n , classes: { input: classes.resize } }} placeholder={t(\"Search\")} fullWidth variant=\"outlined\" style={{ backgroundColor: Colors.globalColor5 }} value={assignedByFilter} onChange={(e) => setAssignedByFilter(e.target.value)} />\r\n\r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n {t(\"Assigned by\")}\r\n
\r\n\r\n {AssigneBy.filter((word) => word.first_name\r\n .toLowerCase()\r\n .includes(\r\n assignedByFilter.toLowerCase()\r\n ) || word.last_name\r\n .toLowerCase()\r\n .includes(\r\n assignedByFilter.toLowerCase()\r\n ) || (word.first_name + \" \" + word.last_name)\r\n .toLowerCase()\r\n .includes(\r\n assignedByFilter.toLowerCase()\r\n )).map((item, index) => {\r\n return \r\n selectAssignedBy(e.target.checked, item)} defaultChecked={selectedAssigners.indexOf(item.id) > -1} />\r\n ;\r\n })}\r\n
\r\n\r\n \r\n {item.first_name}\r\n
\r\n \r\n\r\n {item.last_name}\r\n
\r\n\r\n \r\n
\r\n -1} style={{ color: Colors.globalColor8 }} onChange={(e) => selectPriority(e.target.checked, \"High Priority\")} />\r\n {t(\"High Priority\")}\r\n \r\n \r\n -1} style={{ color: Colors.globalColor8 }} onChange={(e) => selectPriority(e.target.checked, \"Medium Priority\")} />\r\n {t(\"Medium Priority\")}\r\n \r\n \r\n -1} style={{ color: Colors.globalColor8 }} onChange={(e) => selectPriority(e.target.checked, \"Low Priority\")} />\r\n {t(\"Low Priority\")}\r\n \r\n\r\n
\r\n \r\n
\r\n \r\n {t(\"Priority\")}\r\n
\r\n\r\n \r\n\r\n \r\n
\r\n -1} style={{ color: Colors.globalColor8 }} onChange={(e) => selectStatus(e.target.checked, \"To Do\")} />\r\n {t(\"To Do\")}\r\n \r\n \r\n -1} style={{ color: Colors.globalColor8 }} onChange={(e) => selectStatus(e.target.checked, \"In Progress\")} />\r\n {t(\"In Progress\")}\r\n \r\n \r\n -1} style={{ color: Colors.globalColor8 }} onChange={(e) => selectStatus(e.target.checked, \"Complete\")} />\r\n {t(\"Complete\")}\r\n \r\n\r\n \r\n -1} style={{ color: Colors.globalColor8 }} onChange={(e) => selectStatus(e.target.checked, \"Can't Do\")} />\r\n {t(\"Can't Do\")}\r\n \r\n\r\n
\r\n \r\n
\r\n \r\n {t(\"Status\")}\r\n
\r\n\r\n \r\n\r\n \r\n
\r\n handleToday()} />\r\n \r\n \r\n handleYesterday()} />\r\n \r\n \r\n handle7Days()} />\r\n \r\n {/* \r\n handle15Days()} />\r\n */}\r\n \r\n handle1Month()} />\r\n \r\n
*/}\r\n \r\n
\r\n \r\n
\r\n \r\n {t(\"Select Date Range\")}\r\n
\r\n \r\n\r\n {t(\"Today\")}\r\n
\r\n\r\n {t(\"Yesterday\")}\r\n
\r\n\r\n {t(\"Last 7 Days\")}\r\n
\r\n\r\n Last 15 Days\r\n
\r\n\r\n {t(\"Last Month\")}\r\n
\r\n\r\n {t(\"Custom Range\")}\r\n
\r\n\r\n {/**/}\r\n \r\n
\r\n \r\n
\r\n \r\n {filterApplied &&
\r\n \r\n
}\r\n \r\n {selectedUsers.length > 0 && appliedFilters.Assignees && \r\n
\r\n \r\n {datesFilters.today && \"Today\"}\r\n {datesFilters.yesterday && \"Yesterday\"}\r\n {!datesFilters.today && !datesFilters.yesterday && `From : ${moment(datesFilters.startDate).format(\"DD-MM-YY\")} - To: ${moment(datesFilters.endDate).format(\"DD-MM-YY\")}`}\r\n
\r\n clearDatesFilter()} style={{ display: \"inline\", padding: \"0px 5px\", cursor: \"pointer\" }}>\r\n x\r\n
\r\n \r\n
}\r\n \r\n {selectedGroup.length > 0 && appliedFilters.Assignees && \r\n
\r\n \r\n {Assignees.filter((v) => v?.id == selectedUsers[0])[0].first_name} {selectedUsers.length > 1 && <>\r\n {\" \"}\r\n +{selectedUsers.length - 1}{\" \"}\r\n }\r\n {/* Filter Assignees +{selectedUsers.length} */}\r\n
clearAssigneesFilter()} style={{ display: \"inline\", padding: \"0px 5px\", cursor: \"pointer\" }}>\r\n x\r\n
\r\n \r\n
}\r\n \r\n {selectedAssigners.length > 0 && appliedFilters.Assigners && \r\n
\r\n \r\n {groups.filter((v) => v?.id == selectedGroup[0])[0].group_name} {selectedGroup.length > 1 && <>\r\n {\" \"}\r\n +{selectedGroup.length - 1}{\" \"}\r\n }\r\n {/* Filter Assignees +{selectedUsers.length} */}\r\n
clearGroupFilter()} style={{ display: \"inline\", padding: \"0px 5px\", cursor: \"pointer\" }}>\r\n x\r\n
\r\n \r\n
}\r\n \r\n {selectedPriority.length > 0 && appliedFilters.Priority && selectedPriority.includes(\"High Priority\") && \r\n
\r\n \r\n {AssigneBy.filter((v) => v?.id == selectedAssigners[0])[0].first_name} {selectedAssigners.length > 1 && <>\r\n {\" \"}\r\n +{selectedAssigners.length - 1}{\" \"}\r\n }\r\n {/* Filter AssignedBy +{selectedAssigners.length} */}\r\n
clearAssignedByFilter()} style={{ display: \"inline\", padding: \"0px 5px\", cursor: \"pointer\" }}>\r\n x\r\n
\r\n \r\n
}\r\n \r\n {selectedPriority.length > 0 && appliedFilters.Priority && selectedPriority.includes(\"Medium Priority\") && \r\n
\r\n \r\n {t(\"High Priority\")}\r\n
clearPriorityFilter(\"High Priority\")} style={{ backgroundColor: Colors.globalColor9, display: \"inline\", padding: \"5px\", cursor: \"pointer\" }}>\r\n x\r\n
\r\n \r\n
}\r\n \r\n {selectedPriority.length > 0 && appliedFilters.Priority && selectedPriority.includes(\"Low Priority\") && \r\n
\r\n \r\n {t(\"Medium Priority\")}\r\n
clearPriorityFilter(\"Medium Priority\")} style={{ backgroundColor: Colors.globalColor9, display: \"inline\", padding: \"5px\", cursor: \"pointer\" }}>\r\n x\r\n
\r\n \r\n
}\r\n \r\n {selectedStatus.length > 0 && appliedFilters.Status && selectedStatus.includes(\"To Do\") && \r\n
\r\n \r\n {t(\"Low Priority\")}\r\n
clearPriorityFilter(\"Low Priority\")} style={{ backgroundColor: Colors.globalColor9, display: \"inline\", padding: \"5px\", cursor: \"pointer\" }}>\r\n x\r\n
\r\n \r\n
}\r\n \r\n {selectedStatus.length > 0 && appliedFilters.Status && selectedStatus.includes(\"In Progress\") && \r\n
\r\n \r\n {t(\"To Do\")}\r\n
clearStatusFilter(\"To Do\")} style={{ backgroundColor: Colors.globalColor9, display: \"inline\", padding: \"5px\", cursor: \"pointer\" }}>\r\n x\r\n
\r\n \r\n
}\r\n \r\n {selectedStatus.length > 0 && appliedFilters.Status && selectedStatus.includes(\"Complete\") && \r\n
\r\n \r\n {t(\"In Progress\")}\r\n
clearStatusFilter(\"In Progress\")} style={{ backgroundColor: Colors.globalColor9, display: \"inline\", padding: \"5px\", cursor: \"pointer\" }}>\r\n x\r\n
\r\n \r\n
}\r\n \r\n {selectedStatus.length > 0 && appliedFilters.Status && selectedStatus.includes(\"Can't Do\") && \r\n
\r\n \r\n {t(\"Complete\")}\r\n
clearStatusFilter(\"Complete\")} style={{ backgroundColor: Colors.globalColor9, display: \"inline\", padding: \"5px\", cursor: \"pointer\" }}>\r\n x\r\n
\r\n \r\n
}\r\n \r\n
\r\n \r\n {t(\"Can't Do\")}\r\n
clearStatusFilter(\"Can't Do\")} style={{ backgroundColor: Colors.globalColor9, display: \"inline\", padding: \"5px\", cursor: \"pointer\" }}>\r\n x\r\n
\r\n 700 ? (language == \"ar\" ? \"left\" :\"right\") : \"center\",display: \"inline\", marginTop: 8, fontSize: 12, color: \"grey\", textTransform: \"capitalized\" }}>\r\n {t(\"showing records\")} {row.length} {t(\"of\")} {totalRecords}\r\n
}\r\n\r\n {actionLoader && handleScroll(e)}>\r\n {row.length !== 0 ? list : }\r\n
\r\n \r\n
} \r\n \r\n// Priority: \r\n// {value.priority ? value.priority : \"Not given\"} \r\n\r\n//
\r\n// \r\n// Due Date: \r\n// \r\n// {\" \"}\r\n// {value.due\r\n// ? moment(value.due).format(\"MM-DD-YYYY\")\r\n// : \"Not set yet\"}\r\n// \r\n//
\r\n// \r\n// Assigned To: \r\n// \r\n\r\n// {userList ? userList : \"Nobody\"}\r\n// \r\n//
\r\n// \r\n// Active since: \r\n// \r\n// {moment(value.updatedAt).fromNow()}\r\n// \r\n//
\r\n// \r\n// Status: \r\n// \r\n// {value.status ? value.status : \"To Do\"}\r\n// \r\n//
\r\n// \r\n// {/*
\r\n// {list}\r\n\r\n//
' +\r\n ' Inspection Count: ' + series[seriesIndex][dataPointIndex] + '' +\r\n '
'\r\n }\r\n },\r\n \r\n \r\n }\r\n setLineOption(option)\r\n setSeries(dataSet)\r\n setDateData(dateChart)\r\n setBarData(barChartData)\r\n \r\n \r\n if(barChartData.length > 0){\r\n let series=[]\r\n let categories=[]\r\n for(let i=1;i< barChartData.length;i++){\r\n series.push(Math.round(barChartData[i][1],2))\r\n categories.push(barChartData[i][0])\r\n }\r\n var dataSetSeries=[\r\n {\r\n name:\"Score\",\r\n type:\"line\",\r\n data:series\r\n },\r\n {\r\n name:\"Score\",\r\n type:\"column\",\r\n data:series\r\n }\r\n ]\r\n let mixedSeriesOptions={\r\n chart: {\r\n id: \"basic-bar\",\r\n toolbar: {\r\n show: true\r\n },\r\n events: {\r\n click: function(event, chartContext, { seriesIndex, dataPointIndex, config}) {\r\n //filterByDateChart(dateChart[dataPointIndex][0])\r\n setTableFilterOption(\"\");\r\n toggletable(dataPointIndex, 1);\r\n //alert(dataPointIndex)\r\n }\r\n }\r\n },\r\n legend: {\r\n show: false,\r\n },\r\n tooltip: {\r\n enabled: true,\r\n fillSeriesColor: false,\r\n marker: {\r\n show: true,\r\n },\r\n custom: function({series, seriesIndex, dataPointIndex, w}) {\r\n return '' +\r\n ' Score ' + series[seriesIndex][dataPointIndex] + '' +\r\n '
'\r\n }\r\n },\r\n \r\n plotOptions: {\r\n bar: {\r\n columnWidth: \"50%\",\r\n }\r\n },\r\n stroke: {\r\n width: [4, 0, 0]\r\n },\r\n xaxis: {\r\n categories: categories,\r\n labels: {\r\n show: false\r\n },\r\n },\r\n markers: {\r\n enable:false,\r\n size: 4,\r\n colors: [\"#098af7\"],\r\n strokeColors: \"#fff\",\r\n strokeWidth: 2,\r\n hover: {\r\n size: 7\r\n }\r\n },\r\n yaxis: {\r\n tickAmount: 5,\r\n min: 0,\r\n max: 100,\r\n \r\n },\r\n fill: {\r\n type: \"gradient\",\r\n gradient: {\r\n type:\"vertical\",\r\n shadeIntensity: 1,\r\n opacityFrom: 0.7,\r\n opacityTo: 0.9,\r\n stops: [0, 50, 100],\r\n colorStops: [\r\n {\r\n offset: 0,\r\n color: \"#01defe\",\r\n opacity: 1\r\n },\r\n {\r\n offset: 20,\r\n color: \"#1459f3\",\r\n opacity: 1\r\n },\r\n ]\r\n }\r\n },\r\n }\r\n setMixedSeries(dataSetSeries)\r\n setMixedChartOptions(mixedSeriesOptions)\r\n }else{\r\n setMixedSeries([{name:'',type:'line',data:[]},{name:'',type:'column',data:[]}])\r\n setMixedChartOptions({\r\n chart: {\r\n id: \"basic-bar\",\r\n toolbar: {\r\n show: false\r\n }}\r\n })\r\n }\r\n console.log(JSON.stringify(tableData))\r\n var inprogress=tableData.filter(\r\n (v) => v.isCompleted === false\r\n ).length /\r\n tableData.length * 100\r\n if(isNaN(inprogress))\r\n setSeriesInprogress([0])\r\n else\r\n setSeriesInprogress([Math.round(inprogress,2)])\r\n\r\n var submitted=tableData.filter(\r\n (v) => v.isCompleted === true && v.comment === \"In Approval\"\r\n ).length /\r\n tableData.length * 100\r\n if(isNaN(submitted))\r\n setSeriesSubmitted([0])\r\n else\r\n setSeriesSubmitted([Math.round(submitted,2)])\r\n\r\n var approved=tableData.filter(\r\n (v) => v.comment === true\r\n ).length /\r\n tableData.length * 100\r\n if(isNaN(approved))\r\n setSeriesApproved([0])\r\n else\r\n setSeriesApproved([Math.round(approved,2)])\r\n\r\n \r\n var rejected=tableData.filter(\r\n (v) => \r\n v.comment === false &&\r\n v.isCompleted === true\r\n ).length /\r\n tableData.length * 100\r\n if(isNaN(rejected))\r\n setSeriesRejected([0])\r\n else\r\n setSeriesRejected([Math.round(rejected,2)])\r\n \r\n //alert(inprogress)\r\n }\r\n })\r\n const onDialClicked=(dial)=>{\r\n if(dial=='InProgress')\r\n setTableFilterOption(\"<\")\r\n if(dial=='Submitted')\r\n setTableFilterOption(\"=\")\r\n if(dial=='Approved')\r\n setTableFilterOption(\"Approved\")\r\n if(dial=='Rejected')\r\n setTableFilterOption(\"Rejected\")\r\n }\r\n console.log(dateChart, \"dateChart\");\r\n // if(barChartData.length>0){\r\n // barChartData.map(item=>{\r\n // alert(item[0], \"dateChart\")\r\n // })\r\n // }\r\n //rgb(48.800000000000004,165.60000000000002,204)\r\n const color1=`rgb(24,81,100)`;\r\n const color2=`rgb(10,7,24)`;\r\n //const rgb = [color1.substring(1,3), color1.substring(3,5), color1.substring(5,7)];\r\n //const color2 = `rgb(${rgb.map(c => (parseInt(c, 16) * 0.8)).join()})`;\r\n \r\n return \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n 
\r\n \r\n \r\n <>\r\n \r\n \r\n \r\n \r\n 
\r\n \r\n \r\n <>\r\n \r\n \r\n \r\n \r\n 
\r\n \r\n \r\n <>\r\n \r\n \r\n \r\n \r\n 
\r\n \r\n \r\n <>\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n 
\r\n \r\n \r\n
} />\r\n \r\n {dataGlobal.audits}\r\n
\r\n \r\n {t(\"Inspections\")}\r\n
\r\n \r\n \r\n {dataGlobal.location}\r\n
\r\n \r\n {t(\"Sites\")}\r\n
\r\n \r\n \r\n {dataGlobal.audit_name}\r\n
\r\n \r\n {t(\"Templates\")}\r\n
\r\n \r\n \r\n {dataGlobal.auditors}\r\n
\r\n \r\n {t(\"Inspectors\")}\r\n
\r\n \r\n \r\n {t(\"Status & Filters\")}\r\n
\r\n {\r\n onDialClicked(\"InProgress\");\r\n }} style={{ justifyContent: \"center\", display: \"flex\", maxHeight: 125, marginTop: -10, cursor: \"pointer\" }}>\r\n
\r\n {\r\n onDialClicked(\"Submitted\");\r\n }} style={{ justifyContent: \"center\", display: \"flex\", maxHeight: 125, marginTop: -10, cursor: \"pointer\" }}>\r\n
\r\n {\r\n onDialClicked(\"Approved\");\r\n }} style={{ justifyContent: \"center\", display: \"flex\", maxHeight: 125, marginTop: -15, cursor: \"pointer\" }}>\r\n
\r\n {\r\n onDialClicked(\"Rejected\");\r\n }} style={{ justifyContent: \"center\", display: \"flex\", maxHeight: 125, marginTop: -15, cursor: \"pointer\" }}>\r\n
\r\n \r\n 
\r\n \r\n \r\n\r\n
\r\n \r\n {t(\"Inspections\")}\r\n
\r\n\r\n {t(\"Last 07 Days, Daily\")}\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 {t(\"Analysis\")}\r\n
\r\n\r\n
\r\n \r\n \r\n {/* \r\n \r\n Filter\r\n \r\n */}\r\n \r\n \r\n \r\n\r\n \r\n {companies &&<>\r\n \r\n }\r\n {/* option.company_name}\r\n renderOption={(option) => (\r\n {option.company_name} \r\n )}\r\n //freeSolo\r\n onChange={(e, value) =>\r\n handleSideBarChange({\r\n target: { name: \"company_id\", value: value },\r\n })\r\n }\r\n value={value.company_id || \"\"}\r\n renderInput={(params) => \r\n \r\n option.title}\r\n renderOption={(option) => (\r\n {option.title} \r\n )}\r\n //freeSolo\r\n onChange={(e, value) =>\r\n handleSideBarChange({\r\n target: { name: \"template_id\", value: value },\r\n })\r\n }\r\n value={value.template_id || \"\"}\r\n renderInput={(params) => \r\n\r\n \r\n option.title}\r\n renderOption={(option) => (\r\n {option.title} \r\n )}\r\n //freeSolo\r\n onChange={(e, value) =>\r\n handleSideBarChange({\r\n target: { name: \"schedule_id\", value: value },\r\n })\r\n }\r\n value={value.schedule_id || \"\"}\r\n renderInput={(params) => }\r\n fullWidth\r\n />\r\n\r\n \r\n \r\n option.title}\r\n renderOption={(option) => (\r\n {option.title} \r\n )}\r\n //freeSolo\r\n onChange={(e, value) =>\r\n handleSideBarChange({\r\n target: { name: \"site_id\", value: value },\r\n })\r\n }\r\n value={value.site_id || \"\"}\r\n renderInput={(params) => }\r\n fullWidth\r\n />\r\n \r\n\r\n \r\n \r\n \r\n \r\n {\r\n if (btnLoader === false) {\r\n setBtnLoader(true);\r\n handleSideBarSubmit(null);\r\n }\r\n }}\r\n >\r\n {btnLoader === true && (\r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\n\r\n","import React from \"react\";\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport Table from \"@material-ui/core/Table\";\r\nimport TableBody from \"@material-ui/core/TableBody\";\r\nimport TableCell from \"@material-ui/core/TableCell\";\r\nimport TableContainer from \"@material-ui/core/TableContainer\";\r\nimport TableHead from \"@material-ui/core/TableHead\";\r\nimport TableRow from \"@material-ui/core/TableRow\";\r\nimport Paper from \"@material-ui/core/Paper\";\r\nimport { Button, Grid } from \"@material-ui/core\";\r\nimport moment from \"moment\";\r\nimport HelpOutlineIcon from '@material-ui/icons/HelpOutline';\r\nimport Tooltip from \"@material-ui/core/Tooltip\";\r\nimport DarkButton from \"./../../../Global/DarkButton\";\r\nimport Chart from \"react-apexcharts\";\r\nimport Color from '../../../Global/colors'\r\nimport Typography from \"@material-ui/core/Typography\";\r\nimport {useTranslation} from 'react-i18next';\r\nimport { useSelector } from \"react-redux\";\r\nconst useStyles = makeStyles({\r\n table: {\r\n minWidth: 200,\r\n },\r\n container: {\r\n maxHeight: window.innerHeight*.30 - 10,\r\n },\r\n});\r\n\r\nfunction createData(location, auditname, date, score) {\r\n return { location, auditname, date, score };\r\n}\r\n\r\nconst rows = [\r\n createData(\"London\", \"Template cleaning and stuff\", \"November 27,2020\", 50),\r\n createData(\"South Whales\", \"Test 6 moaaz\", \"November 30,2020\", 25),\r\n createData(\"Yorkshire\", \"Image image\", \"November 31,2020\", 57),\r\n createData(\"Brisbane\", \"Weekly Inspection\", \"December 02,2020\", 75),\r\n createData(\"London\", \"test 1 sche\", \"December 02,2020\", 95),\r\n];\r\n\r\nexport const MyDataGrid = ({\r\n handleAuditClick,\r\n dataGlobal,\r\n handleLocationClick,\r\n handleNameClick,\r\n handleAuditorClick,\r\n barChartData,\r\n dateChart,\r\n filterByDateChart,\r\n setTableFilterOption,\r\n tableData,\r\n toggletable,\r\n tableFilterDate,\r\n tableFilterOption,\r\n handlePdfDownload,\r\n setDownloadIndex,\r\n downloadIndex,\r\n}) => {\r\n const {t} = useTranslation();\r\n const language = useSelector((state) => state.languageReducer.language);\r\n const classes = useStyles();\r\n console.log(tableFilterDate);\r\n return (\r\n // \r\n \r\n \r\n
\r\n \r\n {t(\"Search & Filters\")}\r\n
\r\n \r\n\r\n\r\n
\r\n \r\n \r\n \r\n handleSideBarChange({ target: { name: \"from\", value: e } })\r\n }\r\n KeyboardButtonProps={{\r\n \"aria-label\": \"change date\",\r\n }}\r\n keyboardIcon={date_range }\r\n fullWidth\r\n // minDate={\r\n // packageDetails?.data?.id !==\r\n // \"09b7b809-3f45-4439-9836-ba91b160174d\"\r\n // ? new Date(\r\n // new Date(\r\n // new Date().getFullYear(),\r\n // new Date().getMonth(),\r\n // 1\r\n // )\r\n // )\r\n // : undefined\r\n // }\r\n />\r\n \r\n
\r\n\r\n \r\n {t(\"From\")}\r\n
\r\n\r\n \r\n \r\n handleSideBarChange({ target: { name: \"end\", value: e } })\r\n }\r\n className={classes.textField}\r\n KeyboardButtonProps={{\r\n \"aria-label\": \"change date\",\r\n }}\r\n fullWidth\r\n keyboardIcon={date_range }\r\n />\r\n \r\n
\r\n \r\n {t(\"End\")}\r\n
\r\n\r\n {t(\"Company\")}\r\n
\r\n {t(\"Template\")}\r\n
\r\n\r\n {t(\"Inspection\")}\r\n
\r\n\r\n {t(\"Site\")}\r\n
\r\n\r\n \r\n {/* \r\n \r\n \r\n \r\n Card One\r\n \r\n \r\n \r\n */}\r\n \r\n \r\n \r\n
} />\r\n \r\n Status & Filters\r\n
\r\n \r\n\r\n Inprogress\r\n
\r\n \r\n
\r\n \r\n Inprogress
\r\n Submitted\r\n
\r\n \r\n
\r\n \r\n \r\n Approved\r\n
\r\n \r\n
\r\n \r\n \r\n Rejected\r\n
\r\n \r\n
\r\n \r\n \r\n {/* ++++++++++++++++++For Web */}\r\n {window.innerWidth > 700 &&
;\r\n};\r\n","import React from \"react\";\r\nimport { FirstCard } from \"./FirstCard\";\r\nimport { SearchBar } from \"./SearchBar\";\r\nimport { StatusandFilters } from \"./StatusandFilters\";\r\nimport { makeStyles, withStyles } from \"@material-ui/core/styles\";\r\n\r\nimport { MyDataGrid } from \"./Table\";\r\nimport { TabBar } from \"./TabBar\";\r\nimport Colors from \"./../../../Global/colors\";\r\nimport Dialog from \"@material-ui/core/Dialog\";\r\nimport Grid from \"@material-ui/core/Grid\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n root: {\r\n flexGrow: 1,\r\n padding: theme.spacing(2),\r\n },\r\n}));\r\nexport const Dashboard = ({\r\n value,\r\n handleSideBarChange,\r\n handleSideBarSubmit,\r\n templates,\r\n companies,\r\n inspections,\r\n sites,\r\n packageDetails,\r\n handleAuditClick,\r\n dataGlobal,\r\n handleLocationClick,\r\n handleNameClick,\r\n handleAuditorClick,\r\n barChartData,\r\n dateChart,\r\n filterByDateChart,\r\n setTableFilterOption,\r\n tableData,\r\n toggletable,\r\n tableFilterDate,\r\n tableFilterOption,\r\n handlePdfDownload,\r\n setDownloadIndex,\r\n downloadIndex,\r\n btnLoader,\r\n setBtnLoader,\r\n openModal,\r\n setModal\r\n}) => {\r\n const classes = useStyles();\r\n return (\r\n \r\n \r\n {/* {!packageExpired && packageCurrentDetails?.title == \"Enterprise\" && (userData?.super_admin == true || permissions_obj[\"Admin\"] == true || permissions_obj[\"Analytics\"] == true) && history.push(\"/analytics/dashboard\")}>\r\n \r\n \r\n 
\r\n \r\n \r\n \r\n \r\n } */}\r\n\r\n history.push(\"/analytics\")}>\r\n \r\n \r\n 
\r\n \r\n \r\n \r\n \r\n \r\n\r\n history.push(\"/analytics/performance\")}>\r\n \r\n \r\n 
\r\n \r\n \r\n \r\n \r\n \r\n\r\n history.push(\"/analytics/action\")}>\r\n \r\n \r\n 
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
}\r\n\r\n {/* ++++++++++++++++++For Tab */}\r\n {window.innerWidth > 500 && window.innerWidth <= 700 && {\r\n setModal(active, true);\r\n }} style={{ cursor: \"pointer\", position: \"absolute\", right: \"5px\", justifyContent: \"center\", display: \"flex\", alignItems: \"center\", flexDirection: \"column\", padding: \"10px\", height: \"100%\" }}>\r\n 
\r\n
\r\n \r\n {t(\"Filter\")}\r\n
\r\n\r\n Executive Dashboard\r\n
\r\n\r\n {t(\"Dashboard\")}\r\n
\r\n\r\n {t(\"Performance\")}\r\n
\r\n\r\n {t(\"Action\")}\r\n
\r\n\r\n \r\n \r\n\r\n history.push(\"/analytics\")}>\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n history.push(\"/analytics/performance\")}>\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n history.push(\"/analytics/action\")}>\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
}\r\n\r\n {/* ++++++++++++++++++For Mobile */}\r\n {window.innerWidth <= 500 && {\r\n setModal(active, true);\r\n }} style={{ cursor: \"pointer\", position: \"absolute\", right: \"5px\", justifyContent: \"center\", display: \"flex\", alignItems: \"center\", flexDirection: \"column\", padding: \"10px\", height: \"100%\" }}>\r\n \r\n
\r\n \r\n {t(\"Filter\")}\r\n
\r\n\r\n {t(\"Dashboard\")}\r\n
\r\n\r\n {t(\"Performance\")}\r\n
\r\n\r\n {t(\"Action\")}\r\n
\r\n\r\n \r\n \r\n\r\n history.push(\"/analytics\")}>\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n history.push(\"/analytics/performance\")}>\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n history.push(\"/analytics/action\")}>\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
}\r\n {\r\n setModal(active, true);\r\n }} style={{ cursor: \"pointer\", position: \"absolute\", right: \"5px\", justifyContent: \"center\", display: \"flex\", alignItems: \"center\", flexDirection: \"column\", padding: \"5px\", height: \"100%\" }}>\r\n \r\n
\r\n \r\n {t(\"Filter\")}\r\n
\r\n\r\n {t(\"Dashboard\")}\r\n
\r\n\r\n {t(\"Performance\")}\r\n
\r\n\r\n {t(\"Action\")}\r\n
\r\n\r\n
\r\n \r\n );\r\n};\r\n","import React from \"react\";\r\nimport Typography from \"@material-ui/core/Typography\";\r\nimport Grid from \"@material-ui/core/Grid\";\r\nimport Paper from \"@material-ui/core/Paper\";\r\nimport Autocomplete from \"@material-ui/lab/Autocomplete\";\r\nimport TextField from \"@material-ui/core/TextField\";\r\nimport Button from \"@material-ui/core/Button\";\r\nimport GlobalApi from \"../../Global\";\r\nimport refresh_token from \"../../Global/refresh_token\";\r\nimport \"./analytic.css\";\r\nimport DateFnsUtils from \"@date-io/date-fns\"; // choose your lib\r\nimport {\r\n MuiPickersUtilsProvider,\r\n KeyboardDatePicker,\r\n} from \"@material-ui/pickers\";\r\nimport Progress from \"react-circle-progress-bar\";\r\nimport Table from \"@material-ui/core/Table\";\r\nimport TableBody from \"@material-ui/core/TableBody\";\r\nimport Fab from \"@material-ui/core/Fab\";\r\nimport TableCell from \"@material-ui/core/TableCell\";\r\nimport TableContainer from \"@material-ui/core/TableContainer\";\r\nimport TableHead from \"@material-ui/core/TableHead\";\r\nimport TableRow from \"@material-ui/core/TableRow\";\r\nimport Dialog from \"@material-ui/core/Dialog\";\r\nimport { saveAs } from \"file-saver\";\r\nimport useDimensions from \"../../Global/useDimensions\";\r\nimport SearchIcon from \"@material-ui/icons/Search\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport { useTheme } from \"@material-ui/core/styles\";\r\nimport DarkButton from \"../../Global/DarkButton\";\r\nimport DialogActions from \"@material-ui/core/DialogActions\";\r\nimport DialogContent from \"@material-ui/core/DialogContent\";\r\nimport useMediaQuery from \"@material-ui/core/useMediaQuery\";\r\n\r\nimport moment from \"moment\";\r\nimport swal from \"@sweetalert/with-react\";\r\nimport _ from \"lodash\";\r\nimport Chart from \"react-google-charts\";\r\nimport Colors from \"../../Global/colors\";\r\nimport Spinner from \"../../Global/Spinner\";\r\nimport { Dashboard } from \"./Dashboard/Dashboard\";\r\nimport { useSelector, useDispatch } from \"react-redux\";\r\nimport { useTranslation } from \"react-i18next\";\r\n\r\n\r\nexport default function Analytics(props) {\r\n let company = useSelector((state) => state.companyReducer.company);\r\n let companies = useSelector((state) => state.companyArrReducer.company);\r\n const {t} = useTranslation();\r\n const history = useHistory();\r\n const { width } = useDimensions();\r\n const [value, setValues] = React.useState({\r\n from: moment()\r\n .subtract(9, \"days\")\r\n .toDate(),\r\n end: new Date(),\r\n custom_selected: \"\",\r\n company_id:'',\r\n });\r\n\r\n console.log('VALUE))))))))))))))))))))))))))))',value)\r\n const [downloadIndex, setDownloadIndex] = React.useState(null);\r\n const [templates, setTemplates] = React.useState([]);\r\n // const [companies, setCompanies] = React.useState([]);\r\n const [inspections, setInspections] = React.useState([]);\r\n const [sites, setSites] = React.useState([]);\r\n const [filteredInspection, setFilteredInspection] = React.useState([]);\r\n const [btnLoader, setBtnLoader] = React.useState(false);\r\n const [barChartData, setBarChartData] = React.useState([]);\r\n const [dateChart, setDateChart] = React.useState([]);\r\n const [tableData, setTableData] = React.useState([]);\r\n\r\n const [tableFilterOption, setTableFilterOption] = React.useState(\"\");\r\n const [tableFilterDate, setTableFilterDate] = React.useState(\"\");\r\n const [dataGlobal, setDataGlobal] = React.useState({\r\n location: 0,\r\n audit_name: 0,\r\n auditors: 0,\r\n audits: 0,\r\n });\r\n\r\n const [packageDetails, setPackageDetails] = React.useState(null);\r\n const [open, setOpen] = React.useState(false);\r\n const theme = useTheme();\r\n const fullScreen = useMediaQuery(theme.breakpoints.down(\"sm\"));\r\n const [openModalDashboard,setModalDashboard]=React.useState(false)\r\n const setModal=(tab,state)=>{\r\n setModalDashboard(state)\r\n }\r\n const handleClickOpen = () => {\r\n setOpen(true);\r\n };\r\n\r\n const handleClose = () => {\r\n setOpen(false);\r\n };\r\n\r\n console.log(\"COMPANY\",company)\r\n\r\n React.useEffect(() => {\r\n // props.func();\r\n getTemplates(company.id);\r\n getInspections(company.id);\r\n getSites(company.id);\r\n getPackageDetails();\r\n }, [company?.id]);\r\n\r\n async function getPackageDetails() {\r\n let localstorage = localStorage.getItem(\"UserData\");\r\n var data = JSON.parse(localstorage);\r\n let token = data.token;\r\n let package_inquiry = {\r\n user_id: data.user_id,\r\n organization_id: data.organization_id,\r\n };\r\n\r\n let query = Object.keys(package_inquiry)\r\n .map(\r\n (k) =>\r\n encodeURIComponent(k) + \"=\" + encodeURIComponent(package_inquiry[k])\r\n )\r\n .join(\"&\");\r\n let req = await fetch(\r\n GlobalApi + \"/Package/get_user_license_details?\" + query,\r\n {\r\n method: \"GET\",\r\n headers: {\r\n Authorization: \"Bearer \" + token,\r\n \"Content-Type\": \"application/json\",\r\n },\r\n }\r\n );\r\n\r\n let reqJson = await req.json();\r\n\r\n \r\n if (reqJson?.package?.license?.status === \"expired\" || reqJson?.package?.license?.status === \"deactive\") {\r\n history.replace(\"/billing\");\r\n } else {\r\n setPackageDetails(reqJson.package);\r\n }\r\n }\r\n\r\n function getTemplates(currentCompany) {\r\n let localstorage = localStorage.getItem(\"UserData\");\r\n var data = JSON.parse(localstorage);\r\n let token = data.token;\r\n let params = {\r\n company_id: currentCompany,\r\n };\r\n // console.log(data.user_id);\r\n let query = Object.keys(params)\r\n .map((k) => encodeURIComponent(k) + \"=\" + encodeURIComponent(params[k]))\r\n .join(\"&\");\r\n\r\n fetch(GlobalApi + \"/Template/get_all_templates?\" + query, {\r\n method: \"GET\",\r\n headers: {\r\n Authorization: \"Bearer \" + token,\r\n \"Content-Type\": \"application/json\",\r\n },\r\n })\r\n .then((responseJson) => responseJson.json())\r\n .then(async (response) => {\r\n if (response.status === \"Success\") {\r\n setTemplates(response.data);\r\n } else if (\r\n response.error === \"jwt expired\" ||\r\n response.error === \"invalid token\" ||\r\n response.error === \"invalid signature\" ||\r\n response.error === \"Unexpected token\"\r\n ) {\r\n let status = await refresh_token();\r\n // console.log(status);\r\n if (status) {\r\n getTemplates(currentCompany);\r\n }\r\n }\r\n })\r\n .catch((error) => console.log(error.message));\r\n }\r\n\r\n function getInspections(currentCompany) {\r\n console.log(\"+++++++++++++++++++++++++++++++++++++Get Inspections Called\")\r\n let localstorage = localStorage.getItem(\"UserData\");\r\n var data = JSON.parse(localstorage);\r\n let token = data.token;\r\n let params = {\r\n company_id: currentCompany,\r\n };\r\n // console.log(data.user_id);\r\n let query = Object.keys(params)\r\n .map((k) => encodeURIComponent(k) + \"=\" + encodeURIComponent(params[k]))\r\n .join(\"&\");\r\n\r\n fetch(GlobalApi + \"/Schedule/get_all_schedules_organization?\" + query, {\r\n method: \"GET\",\r\n headers: {\r\n Authorization: \"Bearer \" + token,\r\n \"Content-Type\": \"application/json\",\r\n },\r\n })\r\n .then((responseJson) => responseJson.json())\r\n .then(async (response) => {\r\n console.log(response,\"inspections**************************************\");\r\n if (response.status === \"Success\") {\r\n await setInspections(response.data);\r\n } else if (\r\n response.error === \"jwt expired\" ||\r\n response.error === \"invalid token\" ||\r\n response.error === \"invalid signature\" ||\r\n response.error === \"Unexpected token\"\r\n ) {\r\n let status = await refresh_token();\r\n console.log(status);\r\n if (status) {\r\n getInspections(currentCompany);\r\n }\r\n }\r\n })\r\n .catch((error) => console.log(error.message));\r\n }\r\n\r\n function getSites(currentCompany) {\r\n let localstorage = localStorage.getItem(\"UserData\");\r\n var data = JSON.parse(localstorage);\r\n let token = data.token;\r\n let params = {\r\n company_id: currentCompany,\r\n };\r\n let query = Object.keys(params)\r\n .map((k) => encodeURIComponent(k) + \"=\" + encodeURIComponent(params[k]))\r\n .join(\"&\");\r\n\r\n fetch(GlobalApi + \"/Region/get_all_regions?\" + query, {\r\n method: \"get\",\r\n headers: new Headers({\r\n Authorization: \"Bearer \" + token,\r\n \"Content-Type\": \"application/json\",\r\n Accept: \"application/json\",\r\n }),\r\n })\r\n .then((response) => response.json())\r\n .then((data) => {\r\n let arr = [];\r\n data.data.map((value, index) => {\r\n //console.log(value.title);\r\n value.Areas.map((area, i) => {\r\n area.Sites.map((sites, j) => {\r\n // console.log(value.title, area.title, sites.title);\r\n let obj = {\r\n title: sites.title,\r\n id: sites.id,\r\n };\r\n if (sites.status !== \"deactivated\") {\r\n arr.push(obj);\r\n }\r\n //console.log(obj);\r\n setSites(arr);\r\n });\r\n //console.log(this.state.row);\r\n //console.log(result.title,value.title);\r\n });\r\n });\r\n });\r\n }\r\n\r\n function handleSideBarChange(event) {\r\n // let { value, name } = event.target;\r\n\r\n // console.log(name, value);\r\n setValues({\r\n ...value,\r\n [event.target.name]: event.target.value,\r\n });\r\n\r\n if(event.target.name == \"company_id\"){\r\n console.log(\"event.target.value\",event.target.value)\r\n getInspections(event.target.value);\r\n getSites(event.target.value);\r\n getTemplates(event.target.value);\r\n setValues({\r\n ...value,\r\n company_id:event.target.value,\r\n template_id:\"\",\r\n schedule_id:'',\r\n site_id:'',\r\n });\r\n }\r\n }\r\n\r\n async function handleSideBarSubmit(reset) {\r\n setOpen(false);\r\n let data_arr = [\r\n [\r\n \"Template\",\r\n \"score\",\r\n {\r\n sourceColumn: 0,\r\n role: \"annotation\",\r\n type: \"string\",\r\n calc: \"stringify\",\r\n },\r\n ],\r\n ];\r\n let data_obj = {};\r\n let inspection_obj = {};\r\n let inspection_obj_new = {};\r\n let data_obj_new = {};\r\n let user_obj = {};\r\n let site_clone = [];\r\n let inspection_clone = [];\r\n let localstorage = localStorage.getItem(\"UserData\");\r\n var data = JSON.parse(localstorage);\r\n let token = data.token;\r\n let params = {\r\n company_id: value.company_id ? value.company_id :company.id,\r\n end_date: value.end,\r\n from_date: value.from,\r\n schedule_id: value.schedule_id?.id,\r\n template_id: value.template_id?.id,\r\n site_id: value.site_id?.id,\r\n };\r\n console.log(params, \"PARAMS________________________________________________________\");\r\n let query = Object.keys(params)\r\n .map((k) => encodeURIComponent(k) + \"=\" + encodeURIComponent(params[k]))\r\n .join(\"&\");\r\n\r\n fetch(\r\n GlobalApi + \"/Inspection/get_all_inspections_analytics_new?\" + query,\r\n {\r\n method: \"GET\",\r\n headers: {\r\n Authorization: \"Bearer \" + token,\r\n \"Content-Type\": \"application/json\",\r\n },\r\n }\r\n )\r\n .then((responseJson) => responseJson.json())\r\n .then(async (response) => {\r\n console.log(\"test response\" , response)\r\n if (response.status === \"Success\") {\r\n setFilteredInspection(response.data);\r\n \r\n await response.data.map(async (n,ind) => {\r\n let score_arr = [];\r\n if (\r\n reset\r\n ? true\r\n : (value.site_id?.id\r\n ? n.Schedule?.site === value.site_id?.id\r\n : true) &&\r\n (value.template_id?.id\r\n ? n.Schedule?.template_id === value.template_id?.id\r\n : true) &&\r\n (value.schedule_id?.id\r\n ? n.schedule_id === value.schedule_id?.id\r\n : true)\r\n ) {\r\n // console.log(\"P{P{\");\r\n site_clone.push(n.Schedule.Site);\r\n inspection_clone.push(n);\r\n\r\n\r\n data_obj_new = {\r\n ...data_obj_new,\r\n [n.TemplateInspection?.title]: data_obj_new[\r\n (n.TemplateInspection?.title)\r\n ]\r\n ? [\r\n ...data_obj_new[(n.TemplateInspection?.title)],\r\n {\r\n score:parseInt(n.score),\r\n // ((filtered_answers.length -\r\n // (filtered_answers.length - score_arr.length)) /\r\n // filtered_answers.length) *\r\n // 100,\r\n title: n.TemplateInspection?.title,\r\n schedule_id: n.Schedule?.id,\r\n template_id: n.Template?.id,\r\n site_id: n.Schedule?.site,\r\n },\r\n ]\r\n : [\r\n {\r\n score:parseInt(n.score),\r\n // ((filtered_answers.length -\r\n // (filtered_answers.length - score_arr.length)) /\r\n // filtered_answers.length) *\r\n // 100,\r\n title: n.TemplateInspection?.title,\r\n schedule_id: n.Schedule?.id,\r\n template_id: n.Template?.id,\r\n site_id: n.Schedule?.site,\r\n },\r\n ],\r\n };\r\n\r\n inspection_obj_new = {\r\n ...inspection_obj_new,\r\n [n.Schedule?.title]: inspection_obj_new[(n.Schedule?.title)]\r\n ? [\r\n ...inspection_obj_new[(n.Schedule?.title)],\r\n {\r\n score:parseInt(n.score),\r\n // ((filtered_answers.length -\r\n // (filtered_answers.length - score_arr.length)) /\r\n // filtered_answers.length) *\r\n // 100,\r\n title: n.Schedule?.title,\r\n template_id: n.Template?.id,\r\n schedule_id: n.Schedule?.id,\r\n site_id: n.Schedule?.site,\r\n },\r\n ]\r\n : [\r\n {\r\n score:parseInt(n.score),\r\n // ((filtered_answers.length -\r\n // (filtered_answers.length - score_arr.length)) /\r\n // filtered_answers.length) *\r\n // 100,\r\n title: n.Schedule?.title,\r\n template_id: n.Template?.id,\r\n schedule_id: n.Schedule?.id,\r\n site_id: n.Schedule?.site,\r\n },\r\n ],\r\n };\r\n\r\n\r\n\r\n\r\n // let filtered_answers = n.InspectionAnswers?.filter(\r\n // (v) => v.parent_id == null\r\n // );\r\n\r\n // await filtered_answers?.map(async (ans, iAns) => {\r\n\r\n \r\n // if (\r\n // ans.value == null ||\r\n // ans.value == \"\" ||\r\n // ans.value == 0 ||\r\n // ans.value == \"[]\" ||\r\n // ans.value?.length == 0 ||\r\n // ans.parent_id !== null\r\n // ) {\r\n // } else score_arr.push(ans);\r\n\r\n // console.log(\"test score_arr\", ind , \":\" , score_arr)\r\n\r\n\r\n // if (filtered_answers.length - 1 === iAns) {\r\n \r\n // data_obj = {\r\n // ...data_obj,\r\n // [n.TemplateInspection?.title]: data_obj[\r\n // (n.TemplateInspection?.title)\r\n // ]\r\n // ? [\r\n // ...data_obj[(n.TemplateInspection?.title)],\r\n // {\r\n // score:parseInt(n.score),\r\n // // ((filtered_answers.length -\r\n // // (filtered_answers.length - score_arr.length)) /\r\n // // filtered_answers.length) *\r\n // // 100,\r\n // title: n.TemplateInspection?.title,\r\n // schedule_id: n.Schedule?.id,\r\n // template_id: n.Template?.id,\r\n // site_id: n.Schedule?.site,\r\n // },\r\n // ]\r\n // : [\r\n // {\r\n // score:parseInt(n.score),\r\n // // ((filtered_answers.length -\r\n // // (filtered_answers.length - score_arr.length)) /\r\n // // filtered_answers.length) *\r\n // // 100,\r\n // title: n.TemplateInspection?.title,\r\n // schedule_id: n.Schedule?.id,\r\n // template_id: n.Template?.id,\r\n // site_id: n.Schedule?.site,\r\n // },\r\n // ],\r\n // };\r\n\r\n // inspection_obj = {\r\n // ...inspection_obj,\r\n // [n.Schedule?.title]: inspection_obj[(n.Schedule?.title)]\r\n // ? [\r\n // ...inspection_obj[(n.Schedule?.title)],\r\n // {\r\n // score:parseInt(n.score),\r\n // // ((filtered_answers.length -\r\n // // (filtered_answers.length - score_arr.length)) /\r\n // // filtered_answers.length) *\r\n // // 100,\r\n // title: n.Schedule?.title,\r\n // template_id: n.Template?.id,\r\n // schedule_id: n.Schedule?.id,\r\n // site_id: n.Schedule?.site,\r\n // },\r\n // ]\r\n // : [\r\n // {\r\n // score:parseInt(n.score),\r\n // // ((filtered_answers.length -\r\n // // (filtered_answers.length - score_arr.length)) /\r\n // // filtered_answers.length) *\r\n // // 100,\r\n // title: n.Schedule?.title,\r\n // template_id: n.Template?.id,\r\n // schedule_id: n.Schedule?.id,\r\n // site_id: n.Schedule?.site,\r\n // },\r\n // ],\r\n // };\r\n // }\r\n // });\r\n\r\n n.InspectionShares.map((user) => {\r\n let name = user.User?.first_name + \" \" + user.User?.last_name;\r\n\r\n user_obj = {\r\n ...user_obj,\r\n [user?.User?.id]: user_obj[(user?.User?.id)]\r\n ? [\r\n ...user_obj[(user?.User?.id)],\r\n { name, inspection_id: n.id },\r\n ]\r\n : [{ name, inspection_id: n.id }],\r\n };\r\n });\r\n }\r\n });\r\n\r\n\r\n console.log(\"test data_obj_new\", data_obj_new)\r\n console.log(\"test inspection_obj_new\", inspection_obj_new)\r\n\r\n\r\n let objKeys = Object.keys(data_obj_new);\r\n let site_obj = {};\r\n\r\n console.log(\"test objKeys\" , objKeys)\r\n\r\n\r\n await objKeys.map(async (v) => {\r\n let overall_score = 0;\r\n\r\n await data_obj_new[v].map((val, valI) => {\r\n site_obj[val.site_id] = val.site_id;\r\n overall_score += val.score;\r\n if (valI === data_obj_new[v].length - 1) {\r\n data_arr.push([\r\n val.title,\r\n overall_score / data_obj_new[v].length,\r\n val.title,\r\n ]);\r\n }\r\n });\r\n });\r\n\r\n\r\n\r\n let table_arr = [];\r\n await inspection_clone.map(async (v) => {\r\n console.log(\"VVB\",v)\r\n table_arr.push({\r\n title: v.Schedule.title,\r\n schedule_id: v.Schedule?.id,\r\n site_id: v.Schedule?.site,\r\n template_id: v.Schedule?.template_id,\r\n template: v.TemplateInspection.title,\r\n id: v.id,\r\n site: v.Schedule.Site?.title,\r\n date: v.createdAt,\r\n isCompleted: v.isCompleted,\r\n pdf_url:v.pdf_url,\r\n commentsArr: v.InspectionComments.filter(\r\n \r\n (v) => { \r\n //alert(JSON.stringify(v.HierarchyOrganization))\r\n return v?.HierarchyOrganization?.position === \"1\"\r\n \r\n }\r\n ),\r\n comment:\r\n v.InspectionComments.filter(\r\n (v) => v?.HierarchyOrganization?.position === \"1\"\r\n )?.length !== 0\r\n ? v.InspectionComments.filter(\r\n (v) => v?.HierarchyOrganization?.position === \"1\"\r\n )[0]?.status === \"Approved\"\r\n ? true\r\n : false\r\n : 'In Approval',\r\n //commentsArr:v.InspectionComments,\r\n score:parseInt(v.score),\r\n // ((filtered_answers.length -\r\n // (filtered_answers.length - score_arr.length)) /\r\n // filtered_answers.length) *\r\n // 100,\r\n });\r\n\r\n\r\n // let score_arr = [];\r\n\r\n // let filtered_answers = v.InspectionAnswers?.filter(\r\n // (v) => v.parent_id == null\r\n // );\r\n // await filtered_answers?.map(async (ans, iAns) => {\r\n // if (\r\n // ans.value == null ||\r\n // ans.value == \"\" ||\r\n // ans.value == 0 ||\r\n // ans.value == \"[]\" ||\r\n // ans.value?.length == 0 ||\r\n // ans.parent_id !== null\r\n // ) {\r\n // } else score_arr.push(ans);\r\n // });\r\n //console.log(JSON.stringify(v.InspectionComments),\"Inspection Comments...\")\r\n \r\n // table_arr.push({\r\n // title: v.Schedule.title,\r\n // schedule_id: v.Schedule?.id,\r\n // site_id: v.Schedule?.site,\r\n // template_id: v.Schedule?.template_id,\r\n // template: v.TemplateInspection.title,\r\n // id: v.id,\r\n // site: v.Schedule.Site?.title,\r\n // date: v.createdAt,\r\n // isCompleted: v.isCompleted,\r\n // commentsArr: v.InspectionComments.filter(\r\n \r\n // (v) => { \r\n // //alert(JSON.stringify(v.HierarchyOrganization))\r\n // return v?.HierarchyOrganization?.position === \"1\"\r\n \r\n // }\r\n // ),\r\n // comment:\r\n // v.InspectionComments.filter(\r\n // (v) => v?.HierarchyOrganization?.position === \"1\"\r\n // )?.length !== 0\r\n // ? v.InspectionComments.filter(\r\n // (v) => v?.HierarchyOrganization?.position === \"1\"\r\n // )[0]?.status === \"Approved\"\r\n // ? true\r\n // : false\r\n // : 'In Approval',\r\n // //commentsArr:v.InspectionComments,\r\n // score:\r\n // ((filtered_answers.length -\r\n // (filtered_answers.length - score_arr.length)) /\r\n // filtered_answers.length) *\r\n // 100,\r\n // });\r\n });\r\n console.log(table_arr, \"table_arr\");\r\n\r\n setTableData(table_arr);\r\n setDataGlobal({\r\n ...dataGlobal,\r\n location: Object.keys(site_obj).length,\r\n auditors: Object.keys(user_obj).length,\r\n audit_name: Object.keys(inspection_obj_new).length,\r\n audits: table_arr.length,\r\n template_id: value.template_id?.id,\r\n inspection_id: value.inspection_id?.id,\r\n site_id: value.site_id?.id,\r\n site_obj: site_obj,\r\n user_obj: user_obj,\r\n data_obj: data_obj_new,\r\n site_clone,\r\n name_arr: data_arr,\r\n inspection_clone,\r\n });\r\n handleDateChart(inspection_clone);\r\n setBtnLoader(false);\r\n setModal(\"dashboard\",false)\r\n\r\n console.log(\"test data_arr\" , data_arr)\r\n if (data_arr.length > 1) {\r\n setBarChartData(data_arr);\r\n } else {\r\n setBarChartData([]);\r\n }\r\n }\r\n });\r\n }\r\n\r\n async function handleDateChart(inspection_clone) {\r\n let data_arr = [[\"date\", \"count\"]];\r\n\r\n var dates = getDates(\r\n new Date(\r\n moment()\r\n .subtract(7, \"days\")\r\n .toDate()\r\n ),\r\n new Date()\r\n );\r\n\r\n console.log(dates);\r\n let group_dates_1 = await _.groupBy(inspection_clone, (v) =>\r\n new Date(v.createdAt).getDate()\r\n );\r\n\r\n let fake_data_in = await inspection_clone.map((v) => {\r\n // console.log(group_dates_1[new Date(v.createdAt).getDate()].length);\r\n return [\r\n new Date(v.createdAt).getDate(),\r\n group_dates_1[new Date(v.createdAt).getDate()],\r\n new Date(v.createdAt),\r\n ];\r\n });\r\n\r\n // console.log(fake_data_in);\r\n let group_dates = await _.groupBy(fake_data_in, (v) => v[0]);\r\n\r\n let fake_data = await dates.map((v) => {\r\n return [v.getDate(), [], v];\r\n });\r\n // console.log(\"+++\", fake_data)\r\n\r\n let group_dates_2 = await _.groupBy(fake_data, (v) => v[0]);\r\n console.log(group_dates_2, group_dates);\r\n let group = {\r\n ...group_dates_2,\r\n ...group_dates,\r\n };\r\n\r\n console.log(group);\r\n await Object.keys(group).map((v, i) => {\r\n // console.log(group[v][0][2]);\r\n data_arr.push([v, group[v][0][1].length, group[v][0][2]]);\r\n });\r\n\r\n // await dates.map((v, i) => {\r\n // data_arr.push([i, v.getDate()]);\r\n // });\r\n\r\n // let final_arr = []\r\n\r\n let final_arr = await data_arr\r\n .sort(\r\n (a, b) =>\r\n parseInt(new Date(a[2]).getTime()) -\r\n parseInt(new Date(b[2]).getTime())\r\n )\r\n .map((v) => {\r\n // console.log(v[2]);\r\n return [moment(v[2]).format(\"MMMM DD, YYYY\"), v[1]];\r\n });\r\n setDateChart(final_arr.slice(2, 10));\r\n\r\n // console.log(final_arr);\r\n }\r\n\r\n async function toggletable(row, colomn) {\r\n console.log(\"row\",row)\r\n // console.log(barChartData[0][0]);\r\n // console.log(barChartData[row + 1][2]);\r\n let arr = [];\r\n\r\n if (barChartData[0][0] === \"Template\") {\r\n \r\n await filteredInspection.map(async (v) => {\r\n console.log(\"Testing Data\", v)\r\n let score_arr = [];\r\n if (\r\n // v.Schedule.template_id\r\n (v.Schedule.title === barChartData[row + 1][2] ||\r\n v.TemplateInspection.title === barChartData[row + 1][2]) &&\r\n (value.site_id?.id ? v.Schedule?.site === value.site_id?.id : true)\r\n ) {\r\n\r\n\r\n // let filtered_answers = v.InspectionAnswers?.filter(\r\n // (v) => v.parent_id == null\r\n // );\r\n // await filtered_answers?.map(async (ans, iAns) => {\r\n // if (\r\n // ans.value == null ||\r\n // ans.value == \"\" ||\r\n // ans.value == 0 ||\r\n // ans.value == \"[]\" ||\r\n // ans.value?.length == 0 ||\r\n // ans.parent_id !== null\r\n // ) {\r\n // } else score_arr.push(ans);\r\n // });\r\n\r\n arr.push({\r\n title: v.Schedule.title,\r\n site: v.Schedule.Site?.title,\r\n date: v.createdAt,\r\n template: v.TemplateInspection.title,\r\n id: v.id,\r\n score:parseInt(v.score),\r\n // ((filtered_answers.length -\r\n // (filtered_answers.length - score_arr.length)) /\r\n // filtered_answers.length) *\r\n // 100,\r\n schedule_id: v.Schedule?.id,\r\n site_id: v.Schedule?.site,\r\n template_id: v.Schedule?.template_id,\r\n });\r\n }\r\n });\r\n }\r\n\r\n if (barChartData[0][0] === \"Site\") {\r\n // console.log(\"site\");\r\n await filteredInspection.map(async (v) => {\r\n let score_arr = [];\r\n if (v.Schedule?.Site?.title === barChartData[row + 1][2]) {\r\n \r\n \r\n\r\n arr.push({\r\n title: v.Schedule.title,\r\n site: v.Schedule.Site.title,\r\n template: v.TemplateInspection.title,\r\n id: v.id,\r\n\r\n date: v.createdAt,\r\n score:parseInt(v.score),\r\n // ((filtered_answers.length -\r\n // (filtered_answers.length - score_arr.length)) /\r\n // filtered_answers.length) *\r\n // 100,\r\n schedule_id: v.Schedule?.id,\r\n site_id: v.Schedule?.site,\r\n template_id: v.Schedule?.template_id,\r\n });\r\n\r\n\r\n // let filtered_answers = v.InspectionAnswers?.filter(\r\n // (v) => v.parent_id == null\r\n // );\r\n // await filtered_answers?.map(async (ans, iAns) => {\r\n // if (\r\n // ans.value == null ||\r\n // ans.value == \"\" ||\r\n // ans.value == 0 ||\r\n // ans.value == \"[]\" ||\r\n // ans.value?.length == 0 ||\r\n // ans.parent_id !== null\r\n // ) {\r\n // } else score_arr.push(ans);\r\n // });\r\n\r\n // arr.push({\r\n // title: v.Schedule.title,\r\n // site: v.Schedule.Site.title,\r\n // template: v.TemplateInspection.title,\r\n // id: v.id,\r\n\r\n // date: v.createdAt,\r\n // score:\r\n // ((filtered_answers.length -\r\n // (filtered_answers.length - score_arr.length)) /\r\n // filtered_answers.length) *\r\n // 100,\r\n // schedule_id: v.Schedule?.id,\r\n // site_id: v.Schedule?.site,\r\n // template_id: v.Schedule?.template_id,\r\n // });\r\n }\r\n });\r\n }\r\n\r\n if (barChartData[0][0] === \"User\") {\r\n // console.log(\"user\");\r\n await Object.keys(dataGlobal.user_obj).map((key, i) => {\r\n dataGlobal.user_obj[key].map(async (id) => {\r\n await filteredInspection.map(async (v) => {\r\n let score_arr = [];\r\n if (v.id === id.inspection_id && row === i) {\r\n \r\n // let filtered_answers = v.InspectionAnswers?.filter(\r\n // (v) => v.parent_id == null\r\n // );\r\n // await filtered_answers?.map(async (ans, iAns) => {\r\n // if (\r\n // ans.value == null ||\r\n // ans.value == \"\" ||\r\n // ans.value == 0 ||\r\n // ans.value == \"[]\" ||\r\n // ans.value?.length == 0 ||\r\n // ans.parent_id !== null\r\n // ) {\r\n // } else score_arr.push(ans);\r\n // });\r\n\r\n arr.push({\r\n title: v.Schedule.title,\r\n site: v.Schedule.Site?.title,\r\n template: v.TemplateInspection.title,\r\n id: v.id,\r\n\r\n date: v.createdAt,\r\n score:parseInt(v.score),\r\n // ((filtered_answers.length -\r\n // (filtered_answers.length - score_arr.length)) /\r\n // filtered_answers.length) *\r\n // 100,\r\n schedule_id: v.Schedule?.id,\r\n site_id: v.Schedule?.site,\r\n template_id: v.Schedule?.template_id,\r\n });\r\n }\r\n });\r\n });\r\n });\r\n }\r\n\r\n setTableData(arr);\r\n }\r\n\r\n function handleAuditClick() {\r\n handleSideBarSubmit();\r\n }\r\n\r\n async function handleLocationClick() {\r\n // console.log(dataGlobal.site_clone);\r\n let data_arr = [\r\n [\r\n \"Site\",\r\n \"No of Inspections\",\r\n {\r\n sourceColumn: 0,\r\n role: \"annotation\",\r\n type: \"string\",\r\n calc: \"stringify\",\r\n },\r\n ],\r\n ];\r\n let site_obj_1 = _.groupBy(dataGlobal.site_clone, function(site) {\r\n return site?.title;\r\n });\r\n\r\n // console.log(site_obj_1);\r\n\r\n await Object.keys(site_obj_1).map((v) => {\r\n data_arr.push([v, site_obj_1[v].length, v]);\r\n });\r\n\r\n setBarChartData(data_arr);\r\n }\r\n\r\n async function handleNameClick() {\r\n let data_arr = [\r\n [\r\n \"Template\",\r\n \"score\",\r\n {\r\n sourceColumn: 0,\r\n role: \"annotation\",\r\n type: \"string\",\r\n calc: \"stringify\",\r\n },\r\n ],\r\n ];\r\n let data_obj = {};\r\n // console.log(\r\n // value.site_id?.id,\r\n // value.template_id?.id,\r\n // value.inspection_id?.id\r\n // );\r\n\r\n let user_obj = {};\r\n let site_clone = [];\r\n let inspection_clone = [];\r\n await filteredInspection.map(async (n) => {\r\n let score_arr = [];\r\n if (\r\n (value.site_id?.id ? n.Schedule?.site === value.site_id?.id : true) &&\r\n (value.template_id?.id\r\n ? n.Schedule?.template_id === value.template_id?.id\r\n : true) &&\r\n (value.schedule_id?.id ? n.schedule_id === value.schedule_id?.id : true)\r\n ) {\r\n // console.log(\"P{P{\");\r\n site_clone.push(n.Schedule.Site);\r\n inspection_clone.push(n);\r\n\r\n data_obj = {\r\n ...data_obj,\r\n [n.Schedule?.title]: data_obj[(n.Schedule?.title)]\r\n ? [\r\n ...data_obj[(n.Schedule?.title)],\r\n {\r\n score:parseInt(n.score),\r\n // ((filtered_answers.length -\r\n // (filtered_answers.length - score_arr.length)) /\r\n // filtered_answers.length) *\r\n // 100,\r\n title: n.Schedule?.title,\r\n schedule_id: n.Schedule?.id,\r\n site_id: n.Schedule?.site,\r\n },\r\n ]\r\n : [\r\n {\r\n score:parseInt(n.score),\r\n // ((filtered_answers.length -\r\n // (filtered_answers.length - score_arr.length)) /\r\n // filtered_answers.length) *\r\n // 100,\r\n title: n.Schedule?.title,\r\n schedule_id: n.Schedule?.id,\r\n site_id: n.Schedule?.site,\r\n },\r\n ],\r\n };\r\n\r\n // let filtered_answers = n.InspectionAnswers?.filter(\r\n // (v) => v.parent_id == null\r\n // );\r\n // await filtered_answers?.map(async (ans, iAns) => {\r\n // if (\r\n // ans.value == null ||\r\n // ans.value == \"\" ||\r\n // ans.value == 0 ||\r\n // ans.value == \"[]\" ||\r\n // ans.value?.length == 0 ||\r\n // ans.parent_id !== null\r\n // ) {\r\n // } else score_arr.push(ans);\r\n\r\n // if (filtered_answers.length - 1 === iAns) {\r\n // data_obj = {\r\n // ...data_obj,\r\n // [n.Schedule?.title]: data_obj[(n.Schedule?.title)]\r\n // ? [\r\n // ...data_obj[(n.Schedule?.title)],\r\n // {\r\n // score:\r\n // ((filtered_answers.length -\r\n // (filtered_answers.length - score_arr.length)) /\r\n // filtered_answers.length) *\r\n // 100,\r\n // title: n.Schedule?.title,\r\n // schedule_id: n.Schedule?.id,\r\n // site_id: n.Schedule?.site,\r\n // },\r\n // ]\r\n // : [\r\n // {\r\n // score:\r\n // ((filtered_answers.length -\r\n // (filtered_answers.length - score_arr.length)) /\r\n // filtered_answers.length) *\r\n // 100,\r\n // title: n.Schedule?.title,\r\n // schedule_id: n.Schedule?.id,\r\n // site_id: n.Schedule?.site,\r\n // },\r\n // ],\r\n // };\r\n // }\r\n // });\r\n\r\n n.InspectionShares.map((user) => {\r\n let name = user.User?.first_name + \" \" + user.User?.last_name;\r\n\r\n user_obj = {\r\n ...user_obj,\r\n [user?.User?.id]: user_obj[(user?.User?.id)]\r\n ? [...user_obj[(user?.User?.id)], { name, inspection_id: n.id }]\r\n : [{ name, inspection_id: n.id }],\r\n };\r\n });\r\n }\r\n });\r\n\r\n // console.log(data_obj);\r\n\r\n let objKeys = Object.keys(data_obj);\r\n let site_obj = {};\r\n await objKeys.map(async (v) => {\r\n let overall_score = 0;\r\n\r\n await data_obj[v].map((val, valI) => {\r\n site_obj[val.site_id] = val.site_id;\r\n overall_score += val.score;\r\n if (valI === data_obj[v].length - 1) {\r\n data_arr.push([v, overall_score / data_obj[v].length, val.title]);\r\n }\r\n });\r\n });\r\n\r\n // setDataGlobal({\r\n // ...dataGlobal,\r\n // location: Object.keys(site_obj).length,\r\n // auditors: Object.keys(user_obj).length,\r\n // audit_name: inspection_clone.length,\r\n // audits: objKeys.length,\r\n // template_id: value.template_id?.id,\r\n // inspection_id: value.inspection_id?.id,\r\n // site_id: value.site_id?.id,\r\n // site_obj: site_obj,\r\n // user_obj: user_obj,\r\n // data_obj,\r\n // site_clone,\r\n // name_arr: data_arr,\r\n // inspection_clone,\r\n // });\r\n\r\n setBarChartData(data_arr);\r\n }\r\n\r\n async function handleAuditorClick() {\r\n let data_arr = [\r\n [\r\n \"User\",\r\n \"No of Inspections\",\r\n {\r\n sourceColumn: 0,\r\n role: \"annotation\",\r\n type: \"string\",\r\n calc: \"stringify\",\r\n },\r\n ],\r\n ];\r\n await Object.keys(dataGlobal?.user_obj).map((v, i) => {\r\n let score = dataGlobal.user_obj[v].length;\r\n data_arr.push([\r\n dataGlobal.user_obj[v][0].name,\r\n score,\r\n dataGlobal.user_obj[v][0].name,\r\n ]);\r\n });\r\n\r\n setBarChartData(data_arr);\r\n }\r\n\r\n function filterByDateChart(row, column) {\r\n // console.log(row, column, dateChart[row + 1][0]);\r\n setTableFilterOption(\"date\");\r\n // setTableFilterDate(dateChart[row + 1][0]);\r\n setTableFilterDate(row);\r\n }\r\n\r\n const handlePdfDownload = async (inspection_id,isCompleted,pdf_url) => {\r\n\r\n \r\n let localstorage = localStorage.getItem(\"UserData\");\r\n var data = JSON.parse(localstorage);\r\n let token = data.token;\r\n let params = {\r\n inspection_id,\r\n user_id: data.user_id,\r\n url: GlobalApi.replace(\"api\", \"\"),\r\n };\r\n let package_inquiry = {\r\n organization_id: data.organization_id,\r\n };\r\n let query = Object.keys(params)\r\n .map((k) => encodeURIComponent(k) + \"=\" + encodeURIComponent(params[k]))\r\n .join(\"&\");\r\n console.log(query);\r\n\r\n let query1 = Object.keys(package_inquiry)\r\n .map(\r\n (k) =>\r\n encodeURIComponent(k) + \"=\" + encodeURIComponent(package_inquiry[k])\r\n )\r\n .join(\"&\");\r\n let req = await fetch(GlobalApi + \"/Package/pdf_limit?\" + query1, {\r\n method: \"GET\",\r\n headers: {\r\n Authorization: \"Bearer \" + token,\r\n \"Content-Type\": \"application/json\",\r\n },\r\n });\r\n\r\n let reqJson = await req.json();\r\n console.log(\"reqJson.status_______________________\",reqJson.status)\r\n if (reqJson.status === \"Request is Valid\") {\r\n console.log(\"CREATE PDF CALLED_______________________________\",query)\r\n \r\n if (isCompleted || (pdf_url !== null && pdf_url !== undefined)) {\r\n let pdfData = await fetch(\r\n GlobalApi + \"/Inspection/create-pdf?\" + query,\r\n {\r\n method: \"GET\",\r\n headers: {\r\n Authorization: \"Bearer \" + token,\r\n \"Content-Type\": \"application/json\",\r\n },\r\n }\r\n );\r\n let pdfDataJson = await pdfData.json();\r\n console.log(\"pdfData\", pdfDataJson.pdf_url);\r\n window.open(pdfDataJson.pdf_url, '_blank');\r\n setDownloadIndex(null);\r\n } else {\r\n let pdfData = await fetch(\r\n GlobalApi + \"/Inspection/create-pdf?\" + query,\r\n {\r\n method: \"GET\",\r\n headers: {\r\n Authorization: \"Bearer \" + token,\r\n \"Content-Type\": \"application/json\",\r\n },\r\n }\r\n );\r\n\r\n const blob = await pdfData.blob();\r\n // setwaitForResponseWithOverlay( false );\r\n\r\n // const fileURL = URL.createObjectURL( blob );\r\n \r\n \r\n await saveAs(blob);\r\n \r\n // await saveAs(GlobalApi + \"/Inspection/create-pdf?\" + query);\r\n setDownloadIndex(null);\r\n }\r\n\r\n // await saveAs(GlobalApi + \"/Inspection/create-pdf?\" + query);\r\n // setDownloadIndex(null);\r\n } else {\r\n setDownloadIndex(null);\r\n swal(t(\"Warning\"), reqJson.status, \"warning\");\r\n }\r\n };\r\n console.log(\"OPOPOPOP\", packageDetails);\r\n if (packageDetails !== null) {\r\n return (\r\n \r\n {/* */}\r\n {/* {setModal(\"dashboard\",false)}}\r\n aria-labelledby=\"max-width-dialog-title\"\r\n open={openModal}\r\n fullWidth={true}\r\n maxWidth={\"sm\"}\r\n scroll={\"paper\"}\r\n className=\"executiveDashModal\"\r\n >\r\n \r\n {setModal(\"dashboard\",false)}}\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 } else {\r\n return \r\n \r\n \r\n \r\n \r\n \r\n {/* \r\n Data Storage Limit: {currentFileSize !== 0 ? currentFileSize?.toFixed(2) : 0} / {packageDetails?.file_size_per_user} MB\r\n */}\r\n \r\n \r\n \r\n
;\r\n\r\n}\r\n\r\nexport default function CreateAction(props) {\r\n const [currentUser] = React.useState(\r\n JSON.parse(localStorage.getItem(\"UserData\"))\r\n );\r\n let localstorage2 = localStorage.getItem(\"UserData\");\r\n let currentCompany = useSelector((state) => state.companyReducer.company);\r\n var data2 = JSON.parse(localstorage2);\r\n const socket = clientSocket(`${GlobalApi.replace(\"/api\", \"\")+\"?userId=\"+data2.user_id}`\r\n ,{transports:[\"websocket\"]}\r\n );\r\n\r\n \r\n return (\r\n // \r\n {/*
\r\n \r\n \r\n actionData.created_by === currentUser.user_id\r\n ? v.id === actionData.user_id\r\n : v.id === actionData.created_by\r\n )[0]} />\r\n \r\n \r\n \r\n \r\n
\r\n \r\n {/* \r\n \r\n uploadImage(e.target.files[0])} />\r\n \r\n \r\n \r\n \r\n {\r\n console.log(e);\r\n if (e.key === \"Enter\") {\r\n onSend(text);\r\n }\r\n }} fullWidth variant=\"outlined\" />\r\n \r\n \r\n \r\n onSend(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 this.messagesEnd = el;\r\n }}\r\n style={{\r\n background: \"#f5f5f5\",\r\n minHeight: \"56vh\",\r\n maxHeight: \"56vh\",\r\n overflowY: \"scroll\",\r\n \r\n // padding: 10,\r\n }}\r\n >\r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nclass Bubble extends React.Component {\r\n shouldComponentUpdate(nextProps, nextState) {\r\n return (\r\n this.props.v.title !== nextProps.v.title ||\r\n this.props.otherUser !== nextProps.otherUser\r\n );\r\n }\r\n render() {\r\n const { v, currentUser, actionData, otherUser } = this.props;\r\n console.log(otherUser);\r\n return (\r\n - \r\n {this.state.chatData.map((v) => {\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 {window.innerWidth > 500 && \r\n \r\n 
\r\n
} />\r\n }\r\n \r\n {t(\"Overall\")}\r\n
\r\n \r\n\r\n \r\n {parseInt(performanceData_1.total_inspections)\r\n ? performanceData_1.total_inspections\r\n : 0}\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n {t(\"Current\")}\r\n
\r\n\r\n
\r\n \r\n \r\n {t(\"Inspection (Count)\")}:\r\n
\r\n \r\n \r\n
\r\n \r\n {t(\"Previous\")}\r\n
\r\n\r\n
\r\n \r\n \r\n {t(\"Inspection (Count)\")}:\r\n
\r\n \r\n {t(\"By Sites\")}\r\n
\r\n } />\r\n\r\n
\r\n {/* {siteChart.length !== 0 && \r\n 
\r\n
\r\n } />\r\n \r\n {/* By {type} */}\r\n {t(\"By Week\")}\r\n
\r\n\r\n
\r\n \r\n {\r\n setType(\"Week\");\r\n customGroupData(\"Week\");\r\n }}>\r\n {t(\"WEEK\")}\r\n \r\n {\r\n setType(\"Month\");\r\n customGroupData(\"Month\");\r\n }}>\r\n {t(\"MONTH\")}\r\n \r\n {\r\n setType(\"Quater\");\r\n customGroupData(\"Quater\");\r\n }}>\r\n {t(\"QUARTER\")}\r\n \r\n {\r\n setType(\"Year\");\r\n customGroupData(\"Year\");\r\n }}>\r\n {t(\"YEAR\")}\r\n \r\n
\r\n */}\r\n
\r\n {t(\"By Section\")}\r\n
\r\n } />\r\n {/* )}{\" \"} */}\r\n\r\n \r\n Previous:{\" \"}\r\n {parseInt(score_1) ? score_1 : 0}\r\n \r\n \r\n Current: {parseInt(score) ? score : 0}{\" \"}\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n {companies &&<>\r\n \r\n } \r\n \r\n \r\n \r\n option.title}\r\n renderOption={(option) => (\r\n {option.title} \r\n )}\r\n onChange={(e, value) =>\r\n handleSideBarChange({\r\n target: { name: \"template_id\", value: value },\r\n })\r\n }\r\n value={value.template_id}\r\n renderInput={(params) => }\r\n fullWidth\r\n />\r\n \r\n\r\n \r\n \r\n value.template_id?.id\r\n ? v.template_id === value.template_id?.id\r\n : true\r\n )}\r\n getOptionLabel={(option) => option.title}\r\n renderOption={(option) => (\r\n {option.title} \r\n )}\r\n renderInput={(params) => }\r\n value={value.schedule_id}\r\n onChange={(e, value) =>\r\n handleSideBarChange({\r\n target: { name: \"schedule_id\", value: value },\r\n })\r\n }\r\n fullWidth\r\n />\r\n \r\n \r\n option.title}\r\n renderOption={(option) => (\r\n {option.title} \r\n )}\r\n onChange={(e, value) =>\r\n handleSideBarChange({\r\n target: { name: \"site_id\", value: value },\r\n })\r\n }\r\n value={value.site_id}\r\n renderInput={(params) => }\r\n fullWidth\r\n />\r\n\r\n \r\n \r\n \r\n {\r\n \r\n if (btnLoader === false) {\r\n setBtnLoader(true);\r\n handleSideBarSubmitProgress(null);\r\n handleSideBarSubmitProgressPrevious();\r\n }\r\n }}\r\n >\r\n {btnLoader === true && (\r\n \r\n \r\n {/* */}\r\n
\r\n );\r\n};\r\n","import React from \"react\";\r\nimport { PerformanceDash } from \"./Performance\";\r\nimport { NewSearchBar } from \"./NewSearchBar\";\r\nimport { TabBar } from \"./../Dashboard/TabBar\";\r\nimport Dialog from \"@material-ui/core/Dialog\";\r\nimport Grid from \"@material-ui/core/Grid\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport Colors from '../../../Global/colors'\r\n\r\nexport const NewDashboard = ({\r\n performanceData_1,\r\n customGroupData,\r\n performanceDataPrevious,\r\n value,\r\n handleSideBarChange,\r\n handleSideBarSubmitProgress,\r\n templates,\r\n companies,\r\n inspections,\r\n sites,\r\n handleSideBarSubmitProgressPrevious,\r\n packageDetails,\r\n btnLoader,\r\n setBtnLoader,\r\n openModal,\r\n setModal\r\n}) => {\r\n \r\n return (\r\n \r\n \r\n \r\n\r\n
\r\n \r\n \r\n {t(\"Search & Filters\")}\r\n
\r\n \r\n\r\n
\r\n \r\n \r\n \r\n handleSideBarChange({ target: { name: \"from\", value: e } })\r\n }\r\n KeyboardButtonProps={{\r\n \"aria-label\": \"change date\",\r\n }}\r\n InputProps={{\r\n disableUnderline: true,\r\n }}\r\n keyboardIcon={date_range }\r\n fullWidth\r\n // minDate={\r\n // packageDetails?.data?.id !==\r\n // \"09b7b809-3f45-4439-9836-ba91b160174d\"\r\n // ? new Date(\r\n // new Date(\r\n // new Date().getFullYear(),\r\n // new Date().getMonth(),\r\n // 1\r\n // )\r\n // )\r\n // : undefined\r\n // }\r\n className={classes.textField}\r\n />\r\n \r\n
\r\n \r\n {t(\"From\")}\r\n
\r\n\r\n \r\n \r\n handleSideBarChange({ target: { name: \"end\", value: e } })\r\n }\r\n KeyboardButtonProps={{\r\n \"aria-label\": \"change date\",\r\n }}\r\n InputProps={{\r\n disableUnderline: true,\r\n }}\r\n keyboardIcon={date_range }\r\n fullWidth\r\n className={classes.textField}\r\n />\r\n \r\n
\r\n \r\n {t(\"End\")}\r\n
\r\n\r\n
\r\n \r\n \r\n \r\n handleSideBarChange({\r\n target: { name: \"previous_from\", value: e },\r\n })\r\n }\r\n KeyboardButtonProps={{\r\n \"aria-label\": \"change date\",\r\n }}\r\n InputProps={{\r\n disableUnderline: true,\r\n }}\r\n keyboardIcon={date_range }\r\n fullWidth\r\n />\r\n \r\n
\r\n \r\n {t(\"From (Previous)\")}\r\n
\r\n\r\n \r\n \r\n handleSideBarChange({\r\n target: { name: \"previous_end\", value: e },\r\n })\r\n }\r\n KeyboardButtonProps={{\r\n \"aria-label\": \"change date\",\r\n }}\r\n InputProps={{\r\n disableUnderline: true,\r\n }}\r\n keyboardIcon={date_range }\r\n fullWidth\r\n />\r\n \r\n
\r\n \r\n {t(\"End (Previous)\")}\r\n
\r\n\r\n {t(\"Company\")}\r\n
\r\n {t(\"Template\")}\r\n
\r\n\r\n {t(\"Inspection\")}\r\n
\r\n\r\n {t(\"Site\")}\r\n
\r\n\r\n
\r\n );\r\n};\r\n","import React, { useState, useEffect } from \"react\";\r\nimport AppBar from \"@material-ui/core/AppBar\";\r\nimport Tabs from \"@material-ui/core/Tabs\";\r\nimport Tab from \"@material-ui/core/Tab\";\r\nimport Typography from \"@material-ui/core/Typography\";\r\nimport Box from \"@material-ui/core/Box\";\r\nimport Grid from \"@material-ui/core/Grid\";\r\nimport Paper from \"@material-ui/core/Paper\";\r\nimport Autocomplete from \"@material-ui/lab/Autocomplete\";\r\nimport TextField from \"@material-ui/core/TextField\";\r\nimport Button from \"@material-ui/core/Button\";\r\nimport GlobalApi from \"../../../Global\";\r\nimport refresh_token from \"../../../Global/refresh_token\";\r\nimport \"../analytic.css\";\r\nimport DateFnsUtils from \"@date-io/date-fns\"; // choose your lib\r\nimport {\r\n MuiPickersUtilsProvider,\r\n KeyboardDatePicker,\r\n} from \"@material-ui/pickers\";\r\nimport Progress from \"react-circle-progress-bar\";\r\nimport Table from \"@material-ui/core/Table\";\r\nimport TableBody from \"@material-ui/core/TableBody\";\r\nimport Fab from \"@material-ui/core/Fab\";\r\nimport TableCell from \"@material-ui/core/TableCell\";\r\nimport TableContainer from \"@material-ui/core/TableContainer\";\r\nimport TableHead from \"@material-ui/core/TableHead\";\r\nimport Select from \"@material-ui/core/Select\";\r\nimport Link from \"@material-ui/core/Link\";\r\nimport MenuItem from \"@material-ui/core/MenuItem\";\r\nimport FormControl from \"@material-ui/core/FormControl\";\r\nimport TableRow from \"@material-ui/core/TableRow\";\r\nimport ArrowDownwardIcon from \"@material-ui/icons/ArrowDownward\";\r\nimport ArrowUpwardIcon from \"@material-ui/icons/ArrowUpward\";\r\nimport Brightness1Icon from \"@material-ui/icons/Brightness1\";\r\nimport Dialog from \"@material-ui/core/Dialog\";\r\nimport { makeStyles, withStyles } from \"@material-ui/core/styles\";\r\nimport InspectionAction from \"../Actions/inspectionAction\";\r\nimport { saveAs } from \"file-saver\";\r\nimport useDimensions from \"../../../Global/useDimensions\";\r\nimport SearchIcon from \"@material-ui/icons/Search\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport { useTheme } from \"@material-ui/core/styles\";\r\nimport DarkButton from \"../../../Global/DarkButton\";\r\n// import Table from '@material-ui/core/Table';\r\n// import TableBody from '@material-ui/core/TableBody';\r\n// import TableCell from '@material-ui/core/TableCell';\r\n// import TableContainer from '@material-ui/core/TableContainer';\r\n// import TableHead from '@material-ui/core/TableHead';\r\n// import TableRow from '@material-ui/core/TableRow';\r\n// import Dialog from '@material-ui/core/Dialog';\r\nimport DialogActions from \"@material-ui/core/DialogActions\";\r\nimport DialogContent from \"@material-ui/core/DialogContent\";\r\nimport DialogContentText from \"@material-ui/core/DialogContentText\";\r\nimport DialogTitle from \"@material-ui/core/DialogTitle\";\r\nimport useMediaQuery from \"@material-ui/core/useMediaQuery\";\r\n\r\nimport ButtonGroup from \"@material-ui/core/ButtonGroup\";\r\nimport moment from \"moment\";\r\nimport swal from \"@sweetalert/with-react\";\r\nimport _, { filter } from \"lodash\";\r\nimport Chart from \"react-google-charts\";\r\nimport Colors from \"../../../Global/colors\";\r\nimport Spinner from \"../../../Global/Spinner\";\r\nimport { NewDashboard } from \"./NewDashboard\";\r\nimport { useSelector, useDispatch } from \"react-redux\";\r\nimport { useTranslation } from \"react-i18next\";\r\n\r\n\r\n\r\n\r\nexport default function Performances() {\r\n const {t} = useTranslation();\r\n let company = useSelector((state) => state.companyReducer.company);\r\n const history = useHistory();\r\n const { width } = useDimensions();\r\n\r\n const [value, setValues] = React.useState({\r\n from: moment()\r\n .subtract(9, \"days\")\r\n .toDate(),\r\n end: new Date(),\r\n previous_end:moment()\r\n .subtract(9, \"days\")\r\n .toDate(),\r\n previous_from: moment()\r\n .subtract(18, \"days\")\r\n .toDate(),\r\n custom_selected: \"\",\r\n });\r\n\r\n const [btnLoader, setBtnLoader] = React.useState(false)\r\n const [openModalPerformance,setModalPerformance]=React.useState(false)\r\n \r\n const setModal=(tab,state)=>{\r\n setModalPerformance(state)\r\n }\r\n const [performanceData, setPerformanceData] = React.useState({\r\n chart_data: [],\r\n inspection: [],\r\n grouped_sections: {},\r\n });\r\n\r\n const [performanceDataPrevious, setPerformanceDataPrevious] = React.useState({\r\n inspection: [],\r\n grouped_sections: {},\r\n });\r\n\r\n const [filteredInspection, setFilteredInspection] = React.useState([]);\r\n let companies = useSelector((state) => state.companyArrReducer.company);\r\n const [templates, setTemplates] = React.useState([]);\r\n const [inspections, setInspections] = React.useState([]);\r\n const [sites, setSites] = React.useState([]);\r\n\r\n const [packageDetails, setPackageDetails] = React.useState(null);\r\n const [open, setOpen] = React.useState(false);\r\n const theme = useTheme();\r\n\r\n const fullScreen = useMediaQuery(theme.breakpoints.down(\"sm\"));\r\n\r\n React.useEffect(() => {\r\n // props.func();\r\n getTemplates(company.id);\r\n getInspections(company.id);\r\n getSites(company.id);\r\n getPackageDetails();\r\n setValues({\r\n ...value,\r\n company_id: company.id,\r\n });\r\n }, [company?.id]);\r\n\r\n function getISOWeekInMonth(date) {\r\n // Copy date so don't affect original\r\n var d = new Date(+date);\r\n if (isNaN(d)) return;\r\n // Move to previous Monday\r\n // d.setDate(d.getDate() - d.getDay() + 1);\r\n // Week number is ceil date/7\r\n return (\r\n \"week \" + Math.ceil(d.getDate() / 7) + \" of \" + moment(d).format(\"MMMM\")\r\n );\r\n }\r\n\r\n const handleClickOpen = () => {\r\n setOpen(true);\r\n };\r\n\r\n const handleClose = () => {\r\n setOpen(false);\r\n };\r\n\r\n async function getPackageDetails() {\r\n let localstorage = localStorage.getItem(\"UserData\");\r\n var data = JSON.parse(localstorage);\r\n let token = data.token;\r\n let package_inquiry = {\r\n user_id: data.user_id,\r\n organization_id: data.organization_id,\r\n };\r\n\r\n let query = Object.keys(package_inquiry)\r\n .map(\r\n (k) =>\r\n encodeURIComponent(k) + \"=\" + encodeURIComponent(package_inquiry[k])\r\n )\r\n .join(\"&\");\r\n let req = await fetch(\r\n GlobalApi + \"/Package/get_user_license_details?\" + query,\r\n {\r\n method: \"GET\",\r\n headers: {\r\n Authorization: \"Bearer \" + token,\r\n \"Content-Type\": \"application/json\",\r\n },\r\n }\r\n );\r\n\r\n let reqJson = await req.json();\r\n\r\n \r\n if (reqJson?.package?.license?.status === \"expired\" || reqJson?.package?.license?.status === \"deactive\") {\r\n history.replace(\"/billing\");\r\n } else {\r\n setPackageDetails(reqJson.package);\r\n }\r\n }\r\n\r\n function getTemplates(currentCompany) {\r\n let localstorage = localStorage.getItem(\"UserData\");\r\n var data = JSON.parse(localstorage);\r\n let token = data.token;\r\n let params = {\r\n company_id: currentCompany,\r\n };\r\n // console.log(data.user_id);\r\n let query = Object.keys(params)\r\n .map((k) => encodeURIComponent(k) + \"=\" + encodeURIComponent(params[k]))\r\n .join(\"&\");\r\n\r\n fetch(GlobalApi + \"/Template/get_all_templates?\" + query, {\r\n method: \"GET\",\r\n headers: {\r\n Authorization: \"Bearer \" + token,\r\n \"Content-Type\": \"application/json\",\r\n },\r\n })\r\n .then((responseJson) => responseJson.json())\r\n .then(async (response) => {\r\n if (response.status === \"Success\") {\r\n setTemplates(response.data);\r\n } else if (\r\n response.error === \"jwt expired\" ||\r\n response.error === \"invalid token\" ||\r\n response.error === \"invalid signature\" ||\r\n response.error === \"Unexpected token\"\r\n ) {\r\n let status = await refresh_token();\r\n // console.log(status);\r\n if (status) {\r\n getTemplates(currentCompany);\r\n }\r\n }\r\n })\r\n .catch((error) => console.log(error.message));\r\n }\r\n\r\n function getInspections(currentCompany) {\r\n console.log(\"+++++++++++++++++++++++++++++++++++++Get Inspections Called\")\r\n let localstorage = localStorage.getItem(\"UserData\");\r\n var data = JSON.parse(localstorage);\r\n let token = data.token;\r\n let params = {\r\n company_id: currentCompany,\r\n };\r\n // console.log(data.user_id);\r\n let query = Object.keys(params)\r\n .map((k) => encodeURIComponent(k) + \"=\" + encodeURIComponent(params[k]))\r\n .join(\"&\");\r\n\r\n fetch(GlobalApi + \"/Schedule/get_all_schedules_organization?\" + query, {\r\n method: \"GET\",\r\n headers: {\r\n Authorization: \"Bearer \" + token,\r\n \"Content-Type\": \"application/json\",\r\n },\r\n })\r\n .then((responseJson) => responseJson.json())\r\n .then(async (response) => {\r\n console.log(response,\"inspections**************************************\");\r\n if (response.status === \"Success\") {\r\n await setInspections(response.data);\r\n } else if (\r\n response.error === \"jwt expired\" ||\r\n response.error === \"invalid token\" ||\r\n response.error === \"invalid signature\" ||\r\n response.error === \"Unexpected token\"\r\n ) {\r\n let status = await refresh_token();\r\n console.log(status);\r\n if (status) {\r\n getInspections(currentCompany);\r\n }\r\n }\r\n })\r\n .catch((error) => console.log(error.message));\r\n }\r\n\r\n function getSites(currentCompany) {\r\n let localstorage = localStorage.getItem(\"UserData\");\r\n var data = JSON.parse(localstorage);\r\n let token = data.token;\r\n let params = {\r\n company_id: currentCompany,\r\n };\r\n let query = Object.keys(params)\r\n .map((k) => encodeURIComponent(k) + \"=\" + encodeURIComponent(params[k]))\r\n .join(\"&\");\r\n\r\n fetch(GlobalApi + \"/Region/get_all_regions?\" + query, {\r\n method: \"get\",\r\n headers: new Headers({\r\n Authorization: \"Bearer \" + token,\r\n \"Content-Type\": \"application/json\",\r\n Accept: \"application/json\",\r\n }),\r\n })\r\n .then((response) => response.json())\r\n .then((data) => {\r\n let arr = [];\r\n data.data.map((value, index) => {\r\n //console.log(value.title);\r\n value.Areas.map((area, i) => {\r\n area.Sites.map((sites, j) => {\r\n // console.log(value.title, area.title, sites.title);\r\n let obj = {\r\n title: sites.title,\r\n id: sites.id,\r\n };\r\n if (sites.status !== \"deactivated\") {\r\n arr.push(obj);\r\n }\r\n //console.log(obj);\r\n setSites(arr);\r\n });\r\n //console.log(this.state.row);\r\n //console.log(result.title,value.title);\r\n });\r\n });\r\n });\r\n }\r\n\r\n async function customGroupData(e, arr) {\r\n // console.log(e, arr);\r\n\r\n let ini_arr = filteredInspection;\r\n\r\n if (arr) {\r\n ini_arr = arr;\r\n }\r\n\r\n let arr_data = [];\r\n let section_data = [];\r\n let site_arr = [];\r\n let answers_obj = {};\r\n await ini_arr.map(async (v) => {\r\n let score_arr = [];\r\n let group_value = getISOWeekInMonth(new Date(v.createdAt));\r\n\r\n if (e === \"Month\") {\r\n group_value = moment(v.createdAt).format(\"MMMM yyyy\");\r\n }\r\n\r\n if (e === \"Quater\") {\r\n group_value =\r\n parseInt(new Date(v.createdAt).getMonth() / 3) +\r\n 1 +\r\n \" Quater of \" +\r\n moment(v.createdAt).format(\"yyyy\");\r\n }\r\n\r\n if (e === \"Year\") {\r\n group_value = moment(v.createdAt).format(\"yyyy\");\r\n }\r\n let filtered_answers = v.InspectionAnswers?.filter(\r\n (v) => v.parent_id == null\r\n );\r\n await filtered_answers?.map(async (ans, iAns) => {\r\n answers_obj[ans.check_id] = ans.value;\r\n // console.log(ans.value, \"op current\", ans.check_id);\r\n\r\n if (\r\n ans.value == null ||\r\n ans.value == \"\" ||\r\n ans.value == 0 ||\r\n ans.value == \"[]\" ||\r\n ans.value?.length == 0 ||\r\n ans.parent_id !== null\r\n ) {\r\n } else score_arr.push(ans);\r\n });\r\n let obj = {\r\n title: v.Schedule?.title,\r\n date: v.createdAt,\r\n group_value,\r\n score:\r\n ((filtered_answers.length -\r\n (filtered_answers.length - score_arr.length)) /\r\n filtered_answers.length) *\r\n 100,\r\n };\r\n // console.log(obj.score);\r\n arr_data.push(obj);\r\n site_arr.push({ ...obj, ...v.Schedule?.Site, type: \"current\" });\r\n\r\n await v.TemplateInspection?.SectionInspections.sort(\r\n (a, b) => a.position - b.position\r\n ).map((temp) => {\r\n section_data.push({ ...temp, type: \"current\" });\r\n });\r\n });\r\n\r\n let filter_date_group = await _.groupBy(arr_data, (v) => v.group_value);\r\n let grouped_sections = await _.groupBy(section_data, (v) => v.title);\r\n\r\n let final_arr = [[\"No of \" + e, \"No of Inspections\"]];\r\n\r\n await Object.keys(filter_date_group).map((v) => {\r\n final_arr.push([v, filter_date_group[v].length]);\r\n });\r\n\r\n let avg_score = 0;\r\n\r\n await arr_data.map((v) => {\r\n avg_score += v.score;\r\n });\r\n\r\n setPerformanceData({\r\n chart_data:\r\n final_arr.length !== 1\r\n ? final_arr.sort(function(a, b) {\r\n return b[1] - a[1];\r\n })\r\n : [],\r\n inspection: arr,\r\n score: (avg_score / arr_data.length).toFixed(),\r\n answers_obj,\r\n grouped_sections,\r\n total_inspections: arr_data.length,\r\n section_data,\r\n site_arr,\r\n });\r\n\r\n // console.log(avg_score, arr_data);\r\n }\r\n\r\n function handleSideBarChange(event) {\r\n // let { value, name } = event.target;\r\n\r\n // console.log(name, value);\r\n setValues({\r\n ...value,\r\n [event.target.name]: event.target.value,\r\n });\r\n if(event.target.name == \"company_id\"){\r\n console.log(\"event.target.value\",event.target.value)\r\n getInspections(event.target.value);\r\n getSites(event.target.value);\r\n getTemplates(event.target.value);\r\n setValues({\r\n ...value,\r\n template_id:\"\",\r\n schedule_id:'',\r\n site_id:'',\r\n });\r\n }\r\n }\r\n\r\n function handleSideBarSubmitProgress() {\r\n setOpen(false);\r\n if (!value.template_id) {\r\n swal(t(\"Template is required\"), \"\", \"warning\");\r\n return;\r\n }\r\n let localstorage = localStorage.getItem(\"UserData\");\r\n var data = JSON.parse(localstorage);\r\n let token = data.token;\r\n let params = {\r\n company_id: value.company_id,\r\n end_date: value.end,\r\n from_date: value.from,\r\n template_id: value.template_id?.id,\r\n site_id: value.site_id?.id,\r\n schedule_id: value.schedule_id?.id,\r\n };\r\n let query = Object.keys(params)\r\n .map((k) => encodeURIComponent(k) + \"=\" + encodeURIComponent(params[k]))\r\n .join(\"&\");\r\n // console.log(query);\r\n fetch(GlobalApi + \"/Inspection/get_all_inspections_progress_new?\" + query, {\r\n method: \"GET\",\r\n headers: {\r\n Authorization: \"Bearer \" + token,\r\n \"Content-Type\": \"application/json\",\r\n },\r\n })\r\n .then((responseJson) => responseJson.json())\r\n .then(async (response) => {\r\n if (response.status === \"Success\") {\r\n setFilteredInspection(response.data);\r\n customGroupData(\"Week\", response.data);\r\n setBtnLoader(false);\r\n setModal(\"performance\",false)\r\n }\r\n });\r\n }\r\n\r\n function handleSideBarSubmitProgressPrevious() {\r\n setOpen(false);\r\n\r\n if (!value.template_id) {\r\n swal(t(\"Template is required\"), \"\", \"warning\");\r\n setBtnLoader(false);\r\n return;\r\n }\r\n let localstorage = localStorage.getItem(\"UserData\");\r\n var data = JSON.parse(localstorage);\r\n let token = data.token;\r\n let params = {\r\n company_id: value.company_id,\r\n end_date: value.previous_end,\r\n from_date: value.previous_from,\r\n template_id: value.template_id?.id,\r\n site_id: value.site_id?.id,\r\n schedule_id: value.schedule_id?.id,\r\n };\r\n let query = Object.keys(params)\r\n .map((k) => encodeURIComponent(k) + \"=\" + encodeURIComponent(params[k]))\r\n .join(\"&\");\r\n // console.log(query);\r\n fetch(GlobalApi + \"/Inspection/get_all_inspections_progress_new?\" + query, {\r\n method: \"GET\",\r\n headers: {\r\n Authorization: \"Bearer \" + token,\r\n \"Content-Type\": \"application/json\",\r\n },\r\n })\r\n .then((responseJson) => responseJson.json())\r\n .then(async (response) => {\r\n if (response.status === \"Success\") {\r\n let arr_data = [];\r\n let section_data = [];\r\n\r\n let answers_obj = {};\r\n // setFilteredInspection(response.data);\r\n // customGroupData(\"Week\", response.data);\r\n let site_arr = [];\r\n // console.log()\r\n await response.data.map(async (v) => {\r\n let score_arr = [];\r\n let filtered_answers = v.InspectionAnswers?.filter(\r\n (v) => v.parent_id == null\r\n );\r\n await filtered_answers?.map(async (ans, iAns) => {\r\n answers_obj[ans.check_id] = ans.value;\r\n // console.log(ans.value, \"op previous\", ans.check_id);\r\n if (\r\n ans.value == null ||\r\n ans.value == \"\" ||\r\n ans.value == 0 ||\r\n ans.value == \"[]\" ||\r\n ans.value?.length == 0 ||\r\n ans.parent_id !== null\r\n ) {\r\n } else score_arr.push(ans);\r\n });\r\n let obj = {\r\n title: v.Schedule?.title,\r\n date: v.createdAt,\r\n // group_value,\r\n score:\r\n ((filtered_answers.length -\r\n (filtered_answers.length - score_arr.length)) /\r\n filtered_answers.length) *\r\n 100,\r\n };\r\n // console.log(obj.score);\r\n arr_data.push(obj);\r\n site_arr.push({ ...obj, ...v.Schedule?.Site, type: \"previous\" });\r\n\r\n await v.TemplateInspection?.SectionInspections.sort(\r\n (a, b) => a.position - b.position\r\n ).map((temp) => {\r\n // console.log(\"+++++++\", temp.title)\r\n section_data.push({ ...temp, type: \"previous\" });\r\n });\r\n });\r\n\r\n let avg_score = 0;\r\n // console.log(site_arr, \"{}{}{}{}}\");\r\n await arr_data.map((v) => {\r\n avg_score += v.score;\r\n });\r\n let grouped_sections = await _.groupBy(section_data, (v) => {\r\n // console.log(v.title)\r\n return v.title;\r\n });\r\n setPerformanceDataPrevious({\r\n inspection: response.data,\r\n score: (avg_score / arr_data.length).toFixed(),\r\n answers_obj,\r\n grouped_sections,\r\n total_inspections: response.data.length,\r\n section_data,\r\n site_arr,\r\n });\r\n \r\n }\r\n });\r\n }\r\n if (packageDetails !== null) {\r\n return (\r\n \r\n \r\n {setModal(\"performance\",false)}}\r\n aria-labelledby=\"max-width-dialog-title\"\r\n open={openModal}\r\n fullWidth={true}\r\n maxWidth={\"sm\"}\r\n scroll={\"paper\"}\r\n className=\"executiveDashModal\"\r\n >\r\n \r\n {setModal(\"performance\",false)}}\r\n >\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n {tempLoader && 500 ? \"20px\" : \"5px\" }}>\r\n {!tempLoader && rows?.length == 0 && \r\n \r\n
\r\n }\r\n {window.innerWidth <= 500 &&
\r\n {packageDetails?.package?.title !== \"Free\" && }\r\n {packageDetails?.package?.title !== \"Free\" && rows?.some(item=> item.status === \"expired\" || item.status === \"grace_time\" ) && }\r\n \r\n }\r\n }\r\n
\r\n \r\n
}\r\n {!tempLoader && \r\n
}\r\n\r\n {!tempLoader && rows?.length !== 0 && <>\r\n {/* For Tablet and Desktop*/}\r\n {window.innerWidth > 500 && \r\n {rows?.length !== 0 && rows\r\n ?.filter((v) => v?.name\r\n ?.toLowerCase()\r\n .includes(\r\n searchText?.toLowerCase()\r\n ) || v?.status\r\n ?.toLowerCase()\r\n .includes(\r\n searchText?.toLowerCase()\r\n ) || v?.scheduled\r\n ?.toLowerCase()\r\n .includes(searchText?.toLowerCase()))\r\n .map((row, index) => {\r\n return
}\r\n \r\n
;\r\n })}\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n {t(\"License Id\")}\r\n
\r\n\r\n\r\n {row.license_id}\r\n
\r\n\r\n
\r\n \r\n {t(\"Invoice Id\")}\r\n
\r\n\r\n {row.invoice_id}\r\n
\r\n\r\n
\r\n \r\n {t(\"Purchase Date\")}\r\n
\r\n\r\n {moment(new Date(row?.start_date)).format(\"DD/MM/YYYY\")}\r\n
\r\n\r\n
\r\n \r\n {t(\"Expiry Date\")}\r\n
\r\n\r\n {moment(new Date(row?.expiry_date)).format(\"DD/MM/YYYY\")}\r\n
\r\n\r\n {row?.status == \"active\" &&
\r\n \r\n
}\r\n\r\n {row?.status == \"expired\" && \r\n
}\r\n\r\n {row?.status == \"grace_time\" && \r\n
}\r\n\r\n \r\n {packageDetails?.package?.title !== \"Free\" && }\r\n {packageDetails?.package?.title !== \"Free\" && rows?.some(item=> item.status === \"expired\" || item.status === \"grace_time\" ) && }\r\n \r\n }\r\n
\r\n
\r\n\r\n {tempLoader && 500 ? \"20px\" : \"5px\", height: \"68vh\" }}>\r\n {!tempLoader && rows?.length == 0 && \r\n \r\n
\r\n }\r\n\r\n {window.innerWidth <= 500 && }\r\n
\r\n \r\n
}\r\n {!tempLoader && \r\n
}\r\n\r\n {!tempLoader && rows?.length !== 0 && <>\r\n {/* For Tablet and Desktop*/}\r\n {window.innerWidth > 500 && \r\n {rows?.length !== 0 && rows?.filter((v) => v?.name\r\n ?.toLowerCase()\r\n .includes(\r\n searchText?.toLowerCase()\r\n ) || v?.status\r\n ?.toLowerCase()\r\n .includes(\r\n searchText?.toLowerCase()\r\n ) || v?.scheduled\r\n ?.toLowerCase()\r\n .includes(\r\n searchText?.toLowerCase()\r\n )).map(\r\n (row, index) => {\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 Invoice Id\r\n
\r\n\r\n {row.invoice_id}\r\n
\r\n\r\n
\r\n \r\n Date\r\n
\r\n\r\n {moment(new Date(row?.createdAt)).format(\"DD/MM/YYYY\")}\r\n
\r\n\r\n
\r\n \r\n Amount\r\n
\r\n\r\n {row?.amount} {row?.amount_type == \"doller\" ? \"$\" : \"£\"}\r\n
\r\n\r\n
\r\n \r\n No of License\r\n
\r\n\r\n {row?.no_of_licenses}\r\n
\r\n\r\n
\r\n \r\n {row?.currently_active !== \"frozen\" &&
\r\n \r\n
}\r\n\r\n {row?.currently_active === \"frozen\" && \r\n
}\r\n \r\n 
window.open(`https://server.uraudits.com/view?Key=${row?.pdf_url}`, \"_blank\")} width={20} />\r\n
\r\n \r\n \r\n {tempLoader && (\r\n 500 ? \"20px\" : \"5px\",\r\n height: \"68vh\",\r\n }}\r\n >\r\n {!tempLoader && rows?.length == 0 && (\r\n \r\n
\r\n )}\r\n\r\n {!tempLoader && rows?.length !== 0 && (\r\n <>\r\n {/* For Tablet and Desktop*/}\r\n {window.innerWidth > 500 && (\r\n \r\n
\r\n )}\r\n {!tempLoader && (\r\n \r\n {row.invoice_id}\r\n
\r\n\r\n {/* {moment(row.createdAt)} */}\r\n {moment(\r\n new Date(row?.createdAt)\r\n ).format(\"DD/MM/YYYY\")}\r\n
\r\n \r\n\r\n\r\n {row?.no_of_licenses}\r\n
\r\n \r\n\r\n \r\n Invoice Id\r\n \r\n \r\n {row.invoice_id}\r\n \r\n
\r\n \r\n \r\n Date\r\n \r\n \r\n {moment(new Date(row?.createdAt)).format(\r\n \"DD/MM/YYYY\"\r\n )}\r\n \r\n
\r\n \r\n \r\n Amount\r\n \r\n \r\n {row?.amount}{\" \"}\r\n {row?.amount_type == \"doller\" ? \"$\" : \"£\"}\r\n \r\n
\r\n \r\n \r\n No of License\r\n \r\n \r\n {row?.no_of_licenses}\r\n \r\n
\r\n \r\n\r\n \r\n {row?.currently_active !== \"frozen\" && (\r\n
\r\n \r\n
\r\n )}\r\n\r\n {row?.currently_active === \"frozen\" && (\r\n \r\n
\r\n )}\r\n \r\n \r\n window.open(\r\n `https://server.uraudits.com/view?Key=${\r\n row?.pdf_url\r\n }`,\r\n \"_blank\"\r\n )\r\n }\r\n width={20}\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\nexport default Subscriptions;\r\n","//React Library\r\nimport React, { useState, useEffect } from \"react\";\r\n\r\n//Material UI Styles\r\nimport { lighten, makeStyles, withStyles } from \"@material-ui/core/styles\";\r\n\r\n//Material UI Components\r\nimport Grid from \"@material-ui/core/Grid\";\r\nimport Tabs from \"@material-ui/core/Tabs\";\r\nimport Tab from \"@material-ui/core/Tab\";\r\nimport Button from \"@material-ui/core/Button\";\r\nimport { Switch, Route } from \"react-router-dom\";\r\n\r\n//Child Components\r\nimport Billing1 from './billing'\r\nimport Billing2 from './billingHistory'\r\nimport Billing3 from './subscriptions'\r\nimport MiddleHeader from \"../middleHeader/middleHeader\";\r\n\r\n//Global Elements\r\nimport GlobalApi from \"../../Global\";\r\nimport Colors from \"../../Global/colors\";\r\n\r\n//Custom Css + Images\r\nimport \"./billing.css\";\r\n\r\n\r\n//React Router\r\nimport { useHistory } from \"react-router-dom\";\r\nimport { Redirect } from \"react-router\";\r\nimport { Link } from \"react-router-dom\";\r\n\r\n//translation\r\nimport {useTranslation} from 'react-i18next';\r\n\r\n//react redux\r\nimport { useSelector, useDispatch } from \"react-redux\";\r\n\r\n\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n root: {\r\n flexGrow: 1,\r\n },\r\n container: {\r\n maxHeight: \"53vh\",\r\n },\r\n paper: {\r\n padding: theme.spacing(2),\r\n textAlign: \"center\",\r\n color: theme.palette.text.secondary,\r\n },\r\n input: {\r\n display: \"none\",\r\n },\r\n textField: {\r\n backgroundColor: Colors.globalColor5,\r\n border: \"none\",\r\n borderRadius: 5,\r\n },\r\n resize: {\r\n padding: \"12px\",\r\n fontSize: \"12px\",\r\n },\r\n password: {\r\n padding: \"2px\",\r\n },\r\n switchBase: {\r\n color: \"#818181\",\r\n padding: \"1px\",\r\n \"&$checked\": {\r\n \"& + $track\": {\r\n backgroundColor: \"#043077\",\r\n },\r\n },\r\n },\r\n thumb: {\r\n color: \"white\",\r\n width: \"20px\",\r\n height: \"20px\",\r\n margin: \"1px\",\r\n },\r\n track: {\r\n borderRadius: \"20px\",\r\n width: \"200px\",\r\n backgroundColor: \"#818181\",\r\n opacity: \"1 !important\",\r\n \"&:after, &:before\": {\r\n color: \"white\",\r\n fontSize: \"11px\",\r\n },\r\n \"&:after\": {\r\n content: \"'activate'\",\r\n left: \"7px\",\r\n },\r\n \"&:before\": {\r\n content: \"'deactivate'\",\r\n right: \"8px\",\r\n },\r\n },\r\n checked: {\r\n color: \"#043077 !important\",\r\n transform: \"translateX(50px) !important\",\r\n },\r\n}));\r\n\r\nconst useToolbarStyles = makeStyles((theme) => ({\r\n root: {\r\n paddingLeft: theme.spacing(2),\r\n paddingRight: theme.spacing(1),\r\n },\r\n highlight:\r\n theme.palette.type === \"light\"\r\n ? {\r\n color: theme.palette.secondary.main,\r\n backgroundColor: lighten(theme.palette.secondary.light, 0.85),\r\n }\r\n : {\r\n color: theme.palette.text.primary,\r\n backgroundColor: theme.palette.secondary.dark,\r\n },\r\n title: {\r\n flex: \"1 1 100%\",\r\n },\r\n}));\r\n\r\nfunction a11yProps(index) {\r\n return {\r\n id: `simple-tab-${index}`,\r\n \"aria-controls\": `simple-tabpanel-${index}`,\r\n };\r\n }\r\n\r\nconst AntTabs = withStyles({\r\n root: {\r\n backgroundColor: \"#ffffff\",\r\n color: \"#222\",\r\n },\r\n indicator: {\r\n backgroundColor:'#1a73e8'\r\n // display:'none'\r\n },\r\n })(Tabs);\r\n\r\n\r\n\r\nfunction BillingNav() {\r\n const {t} = useTranslation();\r\n const language = useSelector(state=>state.languageReducer.language)\r\n const classes = useStyles();\r\n let history = useHistory();\r\n const [value, setValue] = React.useState(0);\r\n\r\n\r\n React.useEffect(() => {\r\n if (window.location.pathname == \"/billing/subscriptions\") {\r\n setValue(2);\r\n } else if (window.location.pathname == \"/billing/history\") {\r\n setValue(1);\r\n } else {\r\n setValue(0);\r\n }\r\n }, []);\r\n\r\n\r\n const handleChange = (event, newValue) => {\r\n setValue(newValue);\r\n };\r\n\r\n \r\n return <>\r\n \r\n
\r\n ;\r\n}\r\n\r\nconst comp1 = () => {\r\n return \r\n {/* ================================== Recently Created Templates ========================= */}\r\n \r\n \r\n \r\n \r\n {/* For Web */}\r\n {window.innerWidth > 700 && \r\n }\r\n {/* For Tab */}\r\n {window.innerWidth > 500 && window.innerWidth <= 700 && \r\n }\r\n {/* For Mobile */}\r\n {window.innerWidth <= 500 && \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 Comp1
;\r\n};\r\n\r\nconst comp2 = () => {\r\n returnComp2
;\r\n};\r\n\r\nconst comp3 = () => {\r\n returnComp3
;\r\n};\r\nconst comp4 = () => {\r\n returnComp4
;\r\n };\r\nexport default BillingNav;\r\n","//react imports\r\nimport React, { useState, useEffect } from \"react\";\r\n\r\n//material ui imports\r\nimport {\r\n lighten,\r\n makeStyles,\r\n Grid,\r\n Tooltip,\r\n Menu,\r\n Table,\r\n Select,\r\n MenuItem,\r\n TableBody,\r\n TableCell,\r\n TableContainer,\r\n TableHead,\r\n TableRow,\r\n TextField,\r\n InputAdornment,\r\n FormControl,\r\n InputLabel,\r\n Typography,\r\n} from \"@material-ui/core\";\r\nimport {\r\n MuiPickersUtilsProvider,\r\n KeyboardDatePicker,\r\n} from \"@material-ui/pickers\";\r\nimport DateFnsUtils from \"@date-io/date-fns\";\r\nimport Icon from \"@material-ui/core/Icon\";\r\n\r\n//other modules imports\r\nimport PropTypes from \"prop-types\";\r\nimport swal from \"@sweetalert/with-react\";\r\nimport moment from \"moment\";\r\nimport { useHistory, useParams } from \"react-router-dom\";\r\n\r\n\r\n//global imports\r\nimport Global from \"../../Global\";\r\nimport Colors from \"../../Global/colors\";\r\nimport Spinner from \"../../Global/Spinner2\";\r\nimport DarkButton from \"../../Global/DarkButton\";\r\nimport LightButton from \"../../Global/LightButton\";\r\nimport NoRecords from \"../../Global/NoRecords\";\r\nimport MoreOptionDailog from \"../templateTools/MoreOptionDailog\";\r\n\r\n//helper imports\r\nimport refreshTokens from \"../../Global/refresh_token\";\r\n\r\n//styles and images imports\r\nimport \"./activity.css\";\r\nimport { useSelector } from \"react-redux\";\r\n\r\n//translation imports\r\nimport { useTranslation } from \"react-i18next\";\r\n\r\n//preparing styles\r\nconst useStyles = makeStyles((theme) => ({\r\n root: {\r\n flexGrow: 1,\r\n },\r\n container: {\r\n maxHeight: \"65vh\",\r\n },\r\n paper: {\r\n padding: theme.spacing(2),\r\n textAlign: \"center\",\r\n color: theme.palette.text.secondary,\r\n },\r\n\r\n textField: {\r\n backgroundColor: Colors.globalColor5,\r\n border: \"none\",\r\n borderRadius: 5,\r\n },\r\n resize: {\r\n padding: \"12px\",\r\n fontSize: \"12px\",\r\n },\r\n password: {\r\n padding: \"2px\",\r\n },\r\n switchBase: {\r\n color: \"#818181\",\r\n padding: \"1px\",\r\n \"&$checked\": {\r\n \"& + $track\": {\r\n backgroundColor: \"#043077\",\r\n },\r\n },\r\n },\r\n thumb: {\r\n color: \"white\",\r\n width: \"20px\",\r\n height: \"20px\",\r\n margin: \"1px\",\r\n },\r\n track: {\r\n borderRadius: \"20px\",\r\n width: \"200px\",\r\n backgroundColor: \"#818181\",\r\n opacity: \"1 !important\",\r\n \"&:after, &:before\": {\r\n color: \"white\",\r\n fontSize: \"11px\",\r\n },\r\n \"&:after\": {\r\n content: \"'activate'\",\r\n left: \"7px\",\r\n },\r\n \"&:before\": {\r\n content: \"'deactivate'\",\r\n right: \"8px\",\r\n },\r\n },\r\n checked: {\r\n color: \"#043077 !important\",\r\n transform: \"translateX(50px) !important\",\r\n },\r\n}));\r\n\r\n//main function\r\nfunction ActivityLog() {\r\n const { organization_id, user_id } = useParams();\r\n const {t} = useTranslation();\r\n const history = useHistory();\r\n const [toDate, setToDate] = useState(undefined);\r\n const [fromDate, setFromDate] = useState(undefined);\r\n const [selectedFeature, setSelectedFeature] = useState(\"All\");\r\n const [tempLoader, setTempLoader] = useState(false);\r\n const classes = useStyles();\r\n const [companies, setCompanies] = useState([]);\r\n const [users, setUsers] = useState([]);\r\n const [selectedCompany, setSelectedCompany] = useState(\"\");\r\n const [selectedUser, setSelectedUser] = useState(\"all\");\r\n let language = useSelector((state) => state.languageReducer.language);\r\n let currentCompany = useSelector(state => state.companyReducer.company);\r\n const [selected, setSelected] = useState([]);\r\n const [rows, setRows] = useState([]);\r\n const headCells = [\r\n {\r\n id: \"dateTime\",\r\n numeric: false,\r\n disablePadding: false,\r\n label: <>{t(\"Date & Time\")},\r\n borderLeft: false,\r\n borderRight: true,\r\n },\r\n {\r\n id: \"company\",\r\n numeric: true,\r\n disablePadding: false,\r\n label: <>{t(\"Company\")},\r\n borderLeft: false,\r\n borderRight: true,\r\n },\r\n {\r\n id: \"activityType\",\r\n numeric: true,\r\n disablePadding: false,\r\n label: <>{t(\"Activity Type\")},\r\n borderLeft: false,\r\n borderRight: true,\r\n },\r\n {\r\n id: \"type\",\r\n numeric: true,\r\n disablePadding: false,\r\n label: <>{t(\"System Feature\")},\r\n borderLeft: false,\r\n borderRight: true,\r\n },\r\n {\r\n id: \"description\",\r\n numeric: true,\r\n disablePadding: false,\r\n label: <>{t(\"Description\")},\r\n borderLeft: false,\r\n borderRight: false,\r\n },\r\n ];\r\n\r\n const startDate = moment(toDate).subtract(1, \"months\");\r\n const endDate = moment(fromDate).add(1, \"months\");\r\n\r\n//set from date\r\n const handleFromDateChange = (date) => {\r\n setFromDate(date);\r\n //set to date one month after from date if difference is more than one month\r\n if (moment(date).diff(moment(toDate), \"months\") < 0) {\r\n setToDate(moment(date).add(1, \"months\"));\r\n }\r\n\r\n }\r\n\r\n //handle to Date\r\n const handleToDateChange = (date) => {\r\n setToDate(date);\r\n //set from date one month before to date if difference is more than one month\r\n if (moment(date).diff(moment(fromDate), \"months\") > 1) {\r\n setFromDate(moment(date).subtract(1, \"months\"));\r\n }\r\n }\r\n\r\n\r\n\r\n //on mount useEffect\r\n useEffect(() => {\r\n getCompaniesAndUsers();\r\n }, []);\r\n\r\n\r\n function getCompaniesAndUsers() {\r\n // setTempLoader(true);\r\n let localstorage = localStorage.getItem(\"UserData\");\r\n var data = JSON.parse(localstorage);\r\n let token = data?.token;\r\n let params = {\r\n organization_id:data.organization_id,\r\n };\r\n // console.log(data.user_id);\r\n let query = Object.keys(params)\r\n .map((k) => encodeURIComponent(k) + \"=\" + encodeURIComponent(params[k]))\r\n .join(\"&\");\r\n\r\n fetch(Global + \"/ActivityLog/get_data_for_activity_log?\" + query, {\r\n method: \"GET\",\r\n headers: {\r\n Authorization: \"Bearer \" + token,\r\n \"Content-Type\": \"application/json\",\r\n },\r\n })\r\n .then((responseJson) => responseJson.json())\r\n .then(async (response) => {\r\n console.log(response, \"response\");\r\n if (response.msg === \"success\") {\r\n await setCompanies(response.companies);\r\n await setSelectedCompany(response.companies[0].id);\r\n await setUsers(response.companies[0].Users);\r\n await setSelectedUser(response.companies[0].Users[0].id);\r\n\r\n\r\n\r\n if (\r\n response.companies.length > 0 \r\n ) {\r\n await getActivityLog(\r\n response.companies[0].id,\r\n response.companies[0].Users.length > 0 ? response.companies[0].Users[0].id : undefined\r\n );\r\n }\r\n } else if (\r\n response.error === \"jwt expired\" ||\r\n response.error === \"invalid token\" ||\r\n response.error === \"invalid signature\" ||\r\n response.error === \"Unexpected token\"\r\n ) {\r\n let status = await refreshTokens();\r\n console.log(status);\r\n if (status) {\r\n getCompaniesAndUsers();\r\n }\r\n }\r\n })\r\n .catch((error) => console.log(error.message));\r\n }\r\n\r\n function getActivityLog(companyId, userId) {\r\n setTempLoader(true);\r\n\r\n //if selected company is empty return with swal\r\n if (companyId === \"\") {\r\n setTempLoader(false);\r\n swal(t(\"warning\"), t(\"Please select company\"), \"warning\");\r\n return;\r\n }\r\n\r\n\r\n\r\n let localstorage = localStorage.getItem(\"UserData\");\r\n var data = JSON.parse(localstorage);\r\n let token = data?.token;\r\n let params = {\r\n organization_id:currentCompany.organization_id,\r\n company_id: companyId,\r\n user_id: userId,\r\n to_date: toDate,\r\n from_date: fromDate,\r\n type: selectedFeature === \"All\" ? undefined : selectedFeature,\r\n };\r\n console.log(\"params\", token);\r\n let query = Object.keys(params)\r\n .map((k) => encodeURIComponent(k) + \"=\" + encodeURIComponent(params[k]))\r\n .join(\"&\");\r\n\r\n fetch(Global + \"/ActivityLog/activity_log?\" + query, {\r\n method: \"GET\",\r\n headers: {\r\n Authorization: \"Bearer \" + token,\r\n \"Content-Type\": \"application/json\",\r\n },\r\n })\r\n .then((responseJson) => responseJson.json())\r\n .then(async (response) => {\r\n console.log(response, \"response2\");\r\n if (response.msg === \"success\") {\r\n setTempLoader(false);\r\n setRows(response.activity_log);\r\n } else if (\r\n response.error === \"jwt expired\" ||\r\n response.error === \"invalid token\" ||\r\n response.error === \"invalid signature\" ||\r\n response.error === \"Unexpected token\"\r\n ) {\r\n let status = await refreshTokens();\r\n console.log(status);\r\n if (status) {\r\n getCompaniesAndUsers();\r\n }\r\n }else{\r\n swal(t(\"Error\"), response.error, \"error\");\r\n }\r\n })\r\n .catch((error) => console.log(error.message));\r\n }\r\n\r\n function changeCompany(companyId) {\r\n let users = companies.filter((item) => item.id === companyId)[0].Users;\r\n if (users.length > 0) {\r\n setSelectedCompany(companyId);\r\n setUsers(users);\r\n setSelectedUser(users[0].id);\r\n } else {\r\n setSelectedCompany(companyId);\r\n setUsers([]);\r\n setSelectedUser(\"all\");\r\n }\r\n\r\n }\r\n\r\n function changeUser(userId) {\r\n setSelectedUser(userId);\r\n }\r\n\r\n //handler functions ===>\r\n const handleScroll = (e) => {\r\n const bottom =\r\n e.target.scrollHeight - Math.ceil(e.target.scrollTop) ===\r\n e.target.clientHeight;\r\n const top = e.target.scrollTop == 0;\r\n if (bottom) {\r\n return true;\r\n }\r\n };\r\n\r\n //Table Head Component\r\n function EnhancedTableHead(props) {\r\n const { classes, order, orderBy, onRequestSort } = props;\r\n\r\n return (\r\n\r\n
\r\n ;\r\n}\r\n\r\nexport default ActivityLog;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport AppBar from \"@material-ui/core/AppBar\";\r\nimport Tabs from \"@material-ui/core/Tabs\";\r\nimport Tab from \"@material-ui/core/Tab\";\r\nimport Typography from \"@material-ui/core/Typography\";\r\nimport Box from \"@material-ui/core/Box\";\r\nimport {Grid,Card,\r\n CardContent} from \"@material-ui/core\";\r\nimport Paper from \"@material-ui/core/Paper\";\r\nimport HelpOutlineIcon from '@material-ui/icons/HelpOutline';\r\n\r\nimport Autocomplete from \"@material-ui/lab/Autocomplete\";\r\nimport TextField from \"@material-ui/core/TextField\";\r\nimport Button from \"@material-ui/core/Button\";\r\nimport GlobalApi from \"../../../Global\";\r\nimport refresh_token from \"../../../Global/refresh_token\";\r\nimport \"../analytic.css\";\r\nimport DateFnsUtils from \"@date-io/date-fns\"; // choose your lib\r\nimport Tooltip from \"@material-ui/core/Tooltip\";\r\nimport {\r\n MuiPickersUtilsProvider,\r\n KeyboardDatePicker,\r\n} from \"@material-ui/pickers\";\r\nimport Progress from \"react-circle-progress-bar\";\r\nimport Table from \"@material-ui/core/Table\";\r\nimport TableBody from \"@material-ui/core/TableBody\";\r\nimport Fab from \"@material-ui/core/Fab\";\r\nimport TableCell from \"@material-ui/core/TableCell\";\r\nimport TableContainer from \"@material-ui/core/TableContainer\";\r\nimport TableHead from \"@material-ui/core/TableHead\";\r\nimport Select from \"@material-ui/core/Select\";\r\nimport Link from \"@material-ui/core/Link\";\r\nimport MenuItem from \"@material-ui/core/MenuItem\";\r\nimport FormControl from \"@material-ui/core/FormControl\";\r\nimport TableRow from \"@material-ui/core/TableRow\";\r\nimport ArrowDownwardIcon from \"@material-ui/icons/ArrowDownward\";\r\nimport ArrowUpwardIcon from \"@material-ui/icons/ArrowUpward\";\r\nimport Brightness1Icon from \"@material-ui/icons/Brightness1\";\r\n\r\nimport { makeStyles, withStyles } from \"@material-ui/core/styles\";\r\nimport InspectionAction from \"./inspectionAction\";\r\nimport { saveAs } from \"file-saver\";\r\nimport useDimensions from \"../../../Global/useDimensions\";\r\nimport SearchIcon from \"@material-ui/icons/Search\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport { useTheme } from \"@material-ui/core/styles\";\r\nimport DarkButton from \"../../../Global/DarkButton\";\r\n\r\nimport useMediaQuery from \"@material-ui/core/useMediaQuery\";\r\n\r\nimport ButtonGroup from \"@material-ui/core/ButtonGroup\";\r\nimport moment from \"moment\";\r\nimport swal from \"@sweetalert/with-react\";\r\nimport _, { filter } from \"lodash\";\r\nimport Chart from \"react-google-charts\";\r\nimport Color from \"../../../Global/colors\";\r\n\r\n// import DarkButton from \"./../../Global/DarkButton\";\r\nimport Spinner from \"../../../Global/Spinner\";\r\nimport { SearchBar } from \"../Dashboard/SearchBar\";\r\nimport { TabBar } from \"../Dashboard/TabBar\";\r\n\r\nimport calender_img from \"../Assets/performance_calendar.png\";\r\nimport Dialog from \"@material-ui/core/Dialog\";\r\nimport { useSelector, useDispatch } from \"react-redux\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport {useTranslation} from 'react-i18next';\r\n\r\nexport default function ActionAnalytics() {\r\n const {t} = useTranslation();\r\n const history = useHistory();\r\n const { width } = useDimensions();\r\n\r\n const [value, setValues] = React.useState({\r\n from: moment()\r\n .subtract(9, \"days\")\r\n .toDate(),\r\n end: new Date(),\r\n custom_selected: \"\",\r\n });\r\n const [btnLoader, setBtnLoader] = React.useState(false)\r\n const [downloadIndex, setDownloadIndex] = React.useState(null);\r\n const [actionTableData, setActionTableData] = React.useState([]);\r\n\r\n const [templates, setTemplates] = React.useState([]);\r\n const [inspections, setInspections] = React.useState([]);\r\n const [sites, setSites] = React.useState([]);\r\n\r\n const [packageDetails, setPackageDetails] = React.useState(null);\r\n const [open, setOpen] = React.useState(false);\r\n const theme = useTheme();\r\n\r\n const fullScreen = useMediaQuery(theme.breakpoints.down(\"sm\"));\r\n const [openModal,setModalAction]=React.useState(false)\r\n let company = useSelector((state) => state.companyReducer.company);\r\n let companies = useSelector((state) => state.companyArrReducer.company);\r\n const setModal=(tab,state)=>{\r\n setModalAction(state)\r\n }\r\n\r\n React.useEffect(() => {\r\n // props.func();\r\n getTemplates(company.id);\r\n getInspections(company.id);\r\n getSites(company.id);\r\n getPackageDetails();\r\n setValues({\r\n ...value,\r\n company_id: company.id,\r\n });\r\n }, [company?.id]);\r\n\r\n const handleClickOpen = () => {\r\n setOpen(true);\r\n };\r\n\r\n const handleClose = () => {\r\n setOpen(false);\r\n };\r\n\r\n async function getPackageDetails() {\r\n let localstorage = localStorage.getItem(\"UserData\");\r\n var data = JSON.parse(localstorage);\r\n let token = data.token;\r\n let package_inquiry = {\r\n user_id: data.user_id,\r\n organization_id: data.organization_id,\r\n };\r\n\r\n let query = Object.keys(package_inquiry)\r\n .map(\r\n (k) =>\r\n encodeURIComponent(k) + \"=\" + encodeURIComponent(package_inquiry[k])\r\n )\r\n .join(\"&\");\r\n let req = await fetch(\r\n GlobalApi + \"/Package/get_user_license_details?\" + query,\r\n {\r\n method: \"GET\",\r\n headers: {\r\n Authorization: \"Bearer \" + token,\r\n \"Content-Type\": \"application/json\",\r\n },\r\n }\r\n );\r\n\r\n let reqJson = await req.json();\r\n\r\n \r\n if (reqJson?.package?.license?.status === \"expired\" || reqJson?.package?.license?.status === \"deactive\") {\r\n history.replace(\"/billing\");\r\n } else {\r\n setPackageDetails(reqJson.package);\r\n }\r\n }\r\n\r\n\r\n function getTemplates(currentCompany) {\r\n let localstorage = localStorage.getItem(\"UserData\");\r\n var data = JSON.parse(localstorage);\r\n let token = data.token;\r\n let params = {\r\n company_id: currentCompany,\r\n };\r\n // console.log(data.user_id);\r\n let query = Object.keys(params)\r\n .map((k) => encodeURIComponent(k) + \"=\" + encodeURIComponent(params[k]))\r\n .join(\"&\");\r\n\r\n fetch(GlobalApi + \"/Template/get_all_templates?\" + query, {\r\n method: \"GET\",\r\n headers: {\r\n Authorization: \"Bearer \" + token,\r\n \"Content-Type\": \"application/json\",\r\n },\r\n })\r\n .then((responseJson) => responseJson.json())\r\n .then(async (response) => {\r\n if (response.status === \"Success\") {\r\n setTemplates(response.data);\r\n } else if (\r\n response.error === \"jwt expired\" ||\r\n response.error === \"invalid token\" ||\r\n response.error === \"invalid signature\" ||\r\n response.error === \"Unexpected token\"\r\n ) {\r\n let status = await refresh_token();\r\n // console.log(status);\r\n if (status) {\r\n getTemplates(currentCompany);\r\n }\r\n }\r\n })\r\n .catch((error) => console.log(error.message));\r\n }\r\n\r\n function getInspections(currentCompany) {\r\n console.log(\"+++++++++++++++++++++++++++++++++++++Get Inspections Called\")\r\n let localstorage = localStorage.getItem(\"UserData\");\r\n var data = JSON.parse(localstorage);\r\n let token = data.token;\r\n let params = {\r\n company_id: currentCompany,\r\n };\r\n // console.log(data.user_id);\r\n let query = Object.keys(params)\r\n .map((k) => encodeURIComponent(k) + \"=\" + encodeURIComponent(params[k]))\r\n .join(\"&\");\r\n\r\n fetch(GlobalApi + \"/Schedule/get_all_schedules_organization?\" + query, {\r\n method: \"GET\",\r\n headers: {\r\n Authorization: \"Bearer \" + token,\r\n \"Content-Type\": \"application/json\",\r\n },\r\n })\r\n .then((responseJson) => responseJson.json())\r\n .then(async (response) => {\r\n console.log(response,\"inspections**************************************\");\r\n if (response.status === \"Success\") {\r\n await setInspections(response.data);\r\n } else if (\r\n response.error === \"jwt expired\" ||\r\n response.error === \"invalid token\" ||\r\n response.error === \"invalid signature\" ||\r\n response.error === \"Unexpected token\"\r\n ) {\r\n let status = await refresh_token();\r\n console.log(status);\r\n if (status) {\r\n getInspections(currentCompany);\r\n }\r\n }\r\n })\r\n .catch((error) => console.log(error.message));\r\n }\r\n\r\n function getSites(currentCompany) {\r\n let localstorage = localStorage.getItem(\"UserData\");\r\n var data = JSON.parse(localstorage);\r\n let token = data.token;\r\n let params = {\r\n company_id: currentCompany,\r\n };\r\n let query = Object.keys(params)\r\n .map((k) => encodeURIComponent(k) + \"=\" + encodeURIComponent(params[k]))\r\n .join(\"&\");\r\n\r\n fetch(GlobalApi + \"/Region/get_all_regions?\" + query, {\r\n method: \"get\",\r\n headers: new Headers({\r\n Authorization: \"Bearer \" + token,\r\n \"Content-Type\": \"application/json\",\r\n Accept: \"application/json\",\r\n }),\r\n })\r\n .then((response) => response.json())\r\n .then((data) => {\r\n let arr = [];\r\n data.data.map((value, index) => {\r\n //console.log(value.title);\r\n value.Areas.map((area, i) => {\r\n area.Sites.map((sites, j) => {\r\n // console.log(value.title, area.title, sites.title);\r\n let obj = {\r\n title: sites.title,\r\n id: sites.id,\r\n };\r\n if (sites.status !== \"deactivated\") {\r\n arr.push(obj);\r\n }\r\n //console.log(obj);\r\n setSites(arr);\r\n });\r\n //console.log(this.state.row);\r\n //console.log(result.title,value.title);\r\n });\r\n });\r\n });\r\n }\r\n\r\n function handleSideBarChange(event) {\r\n // let { value, name } = event.target;\r\n\r\n // console.log(name, value);\r\n setValues({\r\n ...value,\r\n [event.target.name]: event.target.value,\r\n });\r\n if(event.target.name == \"company_id\"){\r\n console.log(\"event.target.value\",event.target.value)\r\n getInspections(event.target.value);\r\n getSites(event.target.value);\r\n getTemplates(event.target.value);\r\n setValues({\r\n ...value,\r\n template_id:\"\",\r\n schedule_id:'',\r\n site_id:'',\r\n });\r\n }\r\n\r\n }\r\n\r\n async function handleSideBarSubmitAction(isMine) {\r\n setOpen(false);\r\n\r\n let localstorage = localStorage.getItem(\"UserData\");\r\n var data = JSON.parse(localstorage);\r\n let token = data.token;\r\n let params = {\r\n company_id:value.company_id,\r\n template_id: value.template_id?.id,\r\n schedule_id: value.schedule_id?.id,\r\n site_id: value.site_id?.id,\r\n end_date: value.end,\r\n from_date: value.from,\r\n user_id: isMine == true ? data.user_id : undefined,\r\n };\r\n\r\n console.log(\"PARAMS FOR GET ACTION ANALYTICS*__________________________________\", params)\r\n\r\n // console.log(data.user_id);\r\n let query = Object.keys(params)\r\n .map((k) => encodeURIComponent(k) + \"=\" + encodeURIComponent(params[k]))\r\n .join(\"&\");\r\n\r\n fetch(GlobalApi + \"/Action/get_action_analytics?\" + query, {\r\n method: \"GET\",\r\n headers: {\r\n Authorization: \"Bearer \" + token,\r\n \"Content-Type\": \"application/json\",\r\n },\r\n })\r\n .then((responseJson) => responseJson.json())\r\n .then(async (response) => {\r\n console.log(\"RESPONSE FOR GET ACTION ANALYTICS*__________________________________\",response)\r\n if (response.status === \"Success\") {\r\n let initial_data = response.data\r\n .map((v) => {\r\n if (v?.inspection_id !== null) {\r\n if (v?.Inspection !== null) {\r\n return v;\r\n }\r\n } else {\r\n if (value.template_id?.id && v?.Inspection === null) {\r\n return;\r\n } else {\r\n return v;\r\n }\r\n }\r\n })\r\n .filter((v) => v !== undefined);\r\n setBtnLoader(false);\r\n setModal(\"action\",false)\r\n setActionTableData(initial_data);\r\n } else if (\r\n response.error === \"jwt expired\" ||\r\n response.error === \"invalid token\" ||\r\n response.error === \"invalid signature\" ||\r\n response.error === \"Unexpected token\"\r\n ) {\r\n let status = await refresh_token();\r\n console.log(status);\r\n if (status) {\r\n handleSideBarSubmitAction();\r\n }\r\n }\r\n })\r\n .catch((error) => console.log(error.message));\r\n }\r\n\r\n const handlePdfDownload = async (inspection_id,isCompleted,pdf_url) => {\r\n // alert(isCompleted)\r\n let localstorage = localStorage.getItem(\"UserData\");\r\n var data = JSON.parse(localstorage);\r\n let token = data.token;\r\n let params = {\r\n inspection_id,\r\n user_id: data.user_id,\r\n url: GlobalApi.replace(\"api\", \"\"),\r\n };\r\n\r\n let query = Object.keys(params)\r\n .map((k) => encodeURIComponent(k) + \"=\" + encodeURIComponent(params[k]))\r\n .join(\"&\");\r\n console.log(query);\r\n\r\n\r\n if (packageDetails.pdf_request_status === \"Request is Valid\") {\r\n if(isCompleted || (pdf_url !== null && pdf_url !== undefined)) {\r\n \r\n // window.open(GlobalApi + \"/Inspection/create-pdf?\" + query, '_blank');\r\n let pdfData = await fetch(GlobalApi + \"/Inspection/create-pdf?\" + query,\r\n {\r\n method: \"GET\",\r\n headers: {\r\n Authorization: \"Bearer \" + token,\r\n \"Content-Type\": \"application/json\",\r\n },\r\n }\r\n );\r\n let pdfDataJson = await pdfData.json();\r\n console.log(\"pdfData\", pdfDataJson.pdf_url);\r\n window.open(pdfDataJson.pdf_url, '_blank');\r\n setDownloadIndex(null);\r\n } else {\r\n let pdfData = await fetch(\r\n GlobalApi + \"/Inspection/create-pdf?\" + query,\r\n {\r\n method: \"GET\",\r\n headers: {\r\n Authorization: \"Bearer \" + token,\r\n \"Content-Type\": \"application/json\",\r\n },\r\n }\r\n );\r\n\r\n const blob = await pdfData.blob();\r\n\r\n \r\n // setwaitForResponseWithOverlay( false );\r\n\r\n // const fileURL = URL.createObjectURL( blob );\r\n \r\n \r\n await saveAs(blob);\r\n \r\n // await saveAs(GlobalApi + \"/Inspection/create-pdf?\" + query);\r\n setDownloadIndex(null);\r\n }\r\n } else {\r\n setDownloadIndex(null);\r\n\r\n swal(t(\"Warning\"), packageDetails.pdf_request_status, \"warning\");\r\n }\r\n };\r\n\r\n if (packageDetails !== null) {\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n {t(\"Select Company\")}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {t(\"Select User\")}\r\n \r\n \r\n \r\n \r\n \r\n \r\n handleFromDateChange(e)} KeyboardButtonProps={{ \"aria-label\": \"change date\" }} keyboardIcon={\r\n date_range\r\n } fullWidth />\r\n \r\n \r\n \r\n \r\n handleToDateChange(e)} KeyboardButtonProps={{ \"aria-label\": \"change date\" }} keyboardIcon={\r\n date_range\r\n } fullWidth />\r\n \r\n \r\n \r\n \r\n \r\n {t(\"Select Feature\")}\r\n \r\n \r\n \r\n \r\n \r\n \r\n getActivityLog(selectedCompany, selectedUser)\r\n }\r\n >\r\n {t(\"Generate Log\")}\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n {tempLoader && \r\n {!tempLoader && rows?.length == 0 && handleScroll(e)}>\r\n \r\n
\r\n \r\n }\r\n }\r\n
\r\n \r\n
}\r\n {!tempLoader && \r\n
}\r\n\r\n {!tempLoader && rows?.length !== 0 && <>\r\n \r\n \r\n {/* \r\n */}\r\n {setModal(\"action\",false)}}\r\n aria-labelledby=\"max-width-dialog-title\"\r\n open={openModal}\r\n fullWidth={true}\r\n maxWidth={\"sm\"}\r\n scroll={\"paper\"}\r\n className=\"executiveDashModal\"\r\n >\r\n \r\n {setModal(\"action\",false)}}\r\n >\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n } else {\r\n return \r\n \r\n \r\n \r\n\r\n {window.innerWidth > 700 && \r\n \r\n setFilterType(filterType == \"To Do\" ? \"\" : \"To Do\")}>\r\n \r\n {actionTableData.filter((v) => v?.status === \"To Do\").length}\r\n \r\n \r\n {t(\"To Do\")}\r\n \r\n \r\n \r\n \r\n setFilterType(filterType == \"Open\" ? \"\" : \"Open\")}>\r\n \r\n {actionTableData.filter((v) => v?.status === \"In Progress\").length}\r\n \r\n \r\n {t(\"In Progress\")}\r\n \r\n \r\n \r\n \r\n setFilterType(filterType == \"Over Due\" ? \"\" : \"Over Due\")}>\r\n \r\n {actionTableData.filter((v) => v?.due && new Date(v?.due).getTime() <= new Date().getTime()).length}\r\n \r\n \r\n {t(\"Over Due\")}\r\n \r\n \r\n \r\n \r\n setFilterType(filterType == \"Complete\" ? \"\" : \"Complete\")}>\r\n \r\n {actionTableData.filter((v) => v?.status === \"Complete\").length}\r\n \r\n \r\n {t(\"Complete\")}\r\n \r\n \r\n \r\n \r\n setFilterType(filterType == \"Can't Do\" ? \"\" : \"Can't Do\")}>\r\n \r\n {actionTableData.filter((v) => v?.status === \"Can't Do\").length}\r\n \r\n \r\n {t(\"Can't Do\")}\r\n \r\n \r\n \r\n }\r\n\r\n {window.innerWidth > 500 && window.innerWidth <= 700 && \r\n \r\n setFilterType(filterType == \"To Do\" ? \"\" : \"To Do\")}>\r\n \r\n {actionTableData.filter((v) => v?.status === \"To Do\").length}\r\n \r\n \r\n {t(\"To Do\")}\r\n \r\n \r\n \r\n \r\n setFilterType(filterType == \"Open\" ? \"\" : \"Open\")}>\r\n \r\n {actionTableData.filter((v) => v?.status === \"In Progress\").length}\r\n \r\n \r\n {t(\"In Progress\")}\r\n \r\n \r\n \r\n \r\n setFilterType(filterType == \"Over Due\" ? \"\" : \"Over Due\")}>\r\n \r\n {actionTableData.filter((v) => v?.due && new Date(v?.due).getTime() <= new Date().getTime()).length}\r\n \r\n \r\n {t(\"Over Due\")}\r\n \r\n \r\n \r\n \r\n setFilterType(filterType == \"Complete\" ? \"\" : \"Complete\")}>\r\n \r\n {actionTableData.filter((v) => v?.status === \"Complete\").length}\r\n \r\n \r\n {t(\"Complete\")}\r\n \r\n \r\n \r\n \r\n setFilterType(filterType == \"Can't Do\" ? \"\" : \"Can't Do\")}>\r\n \r\n {actionTableData.filter((v) => v?.status === \"Can't Do\").length}\r\n \r\n \r\n {t(\"Can't Do\")}\r\n \r\n \r\n \r\n }\r\n\r\n {window.innerWidth <= 500 && \r\n \r\n setFilterType(filterType == \"To Do\" ? \"\" : \"To Do\")}>\r\n \r\n {actionTableData.filter((v) => v?.status === \"To Do\").length}\r\n \r\n \r\n {typeof(\"To Do\")}\r\n \r\n \r\n \r\n \r\n setFilterType(filterType == \"Open\" ? \"\" : \"Open\")}>\r\n \r\n {actionTableData.filter((v) => v?.status === \"In Progress\").length}\r\n \r\n \r\n {t(\"In Progress\")}\r\n \r\n \r\n \r\n \r\n setFilterType(filterType == \"Over Due\" ? \"\" : \"Over Due\")}>\r\n \r\n {actionTableData.filter((v) => v?.due && new Date(v?.due).getTime() <= new Date().getTime()).length}\r\n \r\n \r\n {t(\"Over Due\")}\r\n \r\n \r\n \r\n \r\n setFilterType(filterType == \"Complete\" ? \"\" : \"Complete\")}>\r\n \r\n {actionTableData.filter((v) => v?.status === \"Complete\").length}\r\n \r\n \r\n {t(\"Complete\")}\r\n \r\n \r\n \r\n \r\n setFilterType(filterType == \"Can't Do\" ? \"\" : \"Can't Do\")}>\r\n \r\n {actionTableData.filter((v) => v?.status === \"Can't Do\").length}\r\n \r\n \r\n {t(\"Can't Do\")}\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\nconst useStyles = makeStyles((theme) => ({\r\n paperCont: {\r\n width: \"70%\",\r\n height: \"100%\",\r\n\r\n padding: 5,\r\n },\r\n paper: {\r\n backgroundColor: theme.palette.background.paper,\r\n\r\n padding: 1,\r\n },\r\n}));\r\n\r\nfunction ModalContainer({ setModal, modal }) {\r\n const classes = useStyles();\r\n const {t} = useTranslation();\r\n // getModalStyle is not a pure function, we roll the style only on the first render\r\n // const [modalStyle] = React.useState(getModalStyle);\r\n return (\r\n \r\n Audit Details \r\n\r\n \r\n \r\n \r\n \r\n \r\n Location:\r\n \r\n {modal[0]?.site_title} \r\n \r\n \r\n \r\n \r\n \r\n Audit Name:\r\n \r\n {modal[0]?.title} \r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n )}\r\n \r\n );\r\n}\r\n\r\n// const DashboardSidebar = ({\r\n// value,\r\n// handleSideBarChange,\r\n// handleSideBarSubmit,\r\n// templates,\r\n// inspections,\r\n// sites,\r\n// packageDetails,\r\n// }) => {\r\n// return (\r\n// \r\n//
\r\n// \r\n// \r\n// handleSideBarChange({ target: { name: \"from\", value: e } })\r\n// }\r\n// KeyboardButtonProps={{\r\n// \"aria-label\": \"change date\",\r\n// }}\r\n// fullWidth\r\n// minDate={\r\n// packageDetails.status == \"no\"\r\n// ? new Date(\r\n// new Date(new Date().getFullYear(), new Date().getMonth(), 1)\r\n// )\r\n// : null\r\n// }\r\n// maxDate={\r\n// packageDetails.status == \"no\"\r\n// ? new Date(packageDetails.end_date)\r\n// : null\r\n// }\r\n// />\r\n// \r\n//
\r\n\r\n// From
\r\n//\r\n// \r\n// \r\n// handleSideBarChange({ target: { name: \"end\", value: e } })\r\n// }\r\n// KeyboardButtonProps={{\r\n// \"aria-label\": \"change date\",\r\n// }}\r\n// fullWidth\r\n// />\r\n// \r\n//
\r\n// End
\r\n//\r\n// option.title}\r\n// renderOption={(option) => (\r\n// {option.title} \r\n// )}\r\n// onChange={(e, value) =>\r\n// handleSideBarChange({\r\n// target: { name: \"template_id\", value: value },\r\n// })\r\n// }\r\n// value={value.template_id}\r\n// style={{ width: \"100%\" }}\r\n// renderInput={(params) => (\r\n//
\r\n\r\n// \r\n// \r\n// value.template_id?.id\r\n// ? v?.template_id === value.template_id?.id\r\n// : true\r\n// )}\r\n// fullWidth\r\n// getOptionLabel={(option) => option.title}\r\n// renderOption={(option) => (\r\n// {option.title} \r\n// )}\r\n// value={value.schedule_id}\r\n// onChange={(e, value) =>\r\n// handleSideBarChange({\r\n// target: { name: \"schedule_id\", value: value },\r\n// })\r\n// }\r\n// renderInput={(params) => (\r\n//
\r\n\r\n// \r\n// option.title}\r\n// renderOption={(option) => (\r\n// {option.title} \r\n// )}\r\n// onChange={(e, value) =>\r\n// handleSideBarChange({\r\n// target: { name: \"site_id\", value: value },\r\n// })\r\n// }\r\n// value={value.site_id}\r\n// renderInput={(params) => (\r\n//
\r\n\r\n// \r\n// handleSideBarSubmit(null)}\r\n// style={{ backgroundColor: \"#043077\" }}\r\n// >\r\n// Apply\r\n// \r\n\r\n \r\n//
\r\n// \r\n// );\r\n// };\r\n","//React\r\nimport React, { useState } from \"react\";\r\n\r\n// Axios\r\nimport axios from \"axios\";\r\n\r\n//Global Assets\r\nimport Global from \"../../Global\";\r\nimport DarkButton from \"../../Global/DarkButton\";\r\nimport Colors from \"../../Global/colors\";\r\nimport background from \"../../Assets/background.jpg\";\r\nimport leftBackground from \"../../Assets/left_background.png\";\r\nimport apple from \"../../Assets/apple_store.png\";\r\nimport google from \"../../Assets/Google_play.png\";\r\nimport web from \"../../Assets/web_apps.png\";\r\nimport emailImg from \"../../Assets/email.png\";\r\n\r\n//Custom Components\r\nimport swal from \"@sweetalert/with-react\";\r\n\r\n//React Router\r\nimport { useHistory, Link } from \"react-router-dom\";\r\n\r\n//Material UI Components\r\nimport {\r\n Grid,\r\n Typography,\r\n Paper,\r\n InputAdornment,\r\n TextField,\r\n CircularProgress,\r\n} from \"@material-ui/core\";\r\n\r\n//Responsive Carousel\r\nimport \"react-responsive-carousel/lib/styles/carousel.min.css\";\r\nimport { Carousel } from \"react-responsive-carousel\";\r\n\r\n//Redux\r\nimport { useSelector, useDispatch } from \"react-redux\";\r\n\r\n//translation\r\nimport { useTranslation } from \"react-i18next\";\r\n\r\n//Custom CSS\r\nimport \"./forgotPassword.css\";\r\n\r\n//Material UI Styles\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nconst useStyles = makeStyles((theme) => ({\r\n root: {\r\n padding: theme.spacing(3, 2),\r\n textAlign: \"center\",\r\n marginTop: 40,\r\n },\r\n textField: {\r\n borderColor: Colors.globalColor4,\r\n backgroundColor: Colors.globalColor5,\r\n borderRadius: 5,\r\n },\r\n resize: {\r\n fontSize: 14,\r\n },\r\n}));\r\n\r\n\r\n//Main Function Start\r\nexport default function ForgotPassword() {\r\n let {t} = useTranslation();\r\n let language = useSelector((state) => state.languageReducer.language);\r\n const classes = useStyles();\r\n const [email, setEmail] = useState(\"\");\r\n const history = useHistory();\r\n let [btnLoader, setBtnLoader] = useState(false);\r\n\r\n\r\n \r\n function handleSubmit(e) {\r\n e.preventDefault();\r\n if (\r\n /^\\w+([\\.-]?\\w+)*@\\w+([\\.-]?\\w+)*(\\.\\w{2,3})+$/.test(email) === false ||\r\n email.length == 0\r\n ) {\r\n swal(t(\"Warning\"), t(\"Please Enter a Valid Email Format\"), \"warning\");\r\n setBtnLoader(false);\r\n return;\r\n }\r\n\r\n axios\r\n .post(Global + \"/forgot_password\", { email,url:window.location.origin + \"/changePassword\" })\r\n .then(function(response) {\r\n console.log(response);\r\n if (response.data.status == \"Success\") {\r\n swal(\r\n t(\"Success\"),\r\n t(\"An email was sent along with a reset password link\"),\r\n \"success\"\r\n );\r\n setBtnLoader(false);\r\n setEmail(\"\");\r\n } else {\r\n swal(t(\"Warning\"), response.data.err, \"warning\");\r\n setBtnLoader(false);\r\n }\r\n })\r\n .catch(function(error) {\r\n console.log(error);\r\n setBtnLoader(false);\r\n });\r\n }\r\n\r\n\r\n return \r\n
;\r\n\r\n // \r\n // \r\n}\r\n","//React\r\nimport React, { useState } from \"react\";\r\n\r\n// Axios\r\nimport axios from \"axios\";\r\n\r\n//Global Assets\r\nimport Global from \"../../Global\";\r\nimport DarkButton from \"../../Global/DarkButton\";\r\nimport Colors from \"../../Global/colors\";\r\nimport background from \"../../Assets/background.jpg\";\r\nimport leftBackground from \"../../Assets/left_background.png\";\r\nimport apple from \"../../Assets/apple_store.png\";\r\nimport google from \"../../Assets/Google_play.png\";\r\nimport web from \"../../Assets/web_apps.png\";\r\nimport emailImg from \"../../Assets/email.png\";\r\nimport CustomToolTip from \"../../Global/PasswordGuileline\";\r\nimport password from \"../../Assets/Password.png\";\r\nimport {\r\n hasValidLength,\r\n hasNumber,\r\n hasMixed,\r\n hasSpecial,\r\n} from \"../../Global/Password\";\r\n\r\n//Custom Components\r\nimport swal from \"@sweetalert/with-react\";\r\n\r\n//React Router\r\nimport { useHistory, Link,useParams } from \"react-router-dom\";\r\n\r\n//Material UI Components\r\nimport {\r\n Grid,\r\n Typography,\r\n Paper,\r\n InputAdornment,\r\n TextField,\r\n CircularProgress,\r\n FormControl,\r\n OutlinedInput,\r\n IconButton,\r\n} from \"@material-ui/core\";\r\nimport clsx from \"clsx\";\r\nimport Visibility from \"@material-ui/icons/Visibility\";\r\nimport VisibilityOff from \"@material-ui/icons/VisibilityOff\";\r\n\r\n//Responsive Carousel\r\nimport \"react-responsive-carousel/lib/styles/carousel.min.css\";\r\nimport { Carousel } from \"react-responsive-carousel\";\r\n\r\n//Custom CSS\r\nimport \"./changePassword.css\";\r\n\r\n//Material UI Styles\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport { useTranslation } from \"react-i18next\";\r\n\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n root: {\r\n padding: theme.spacing(3, 2),\r\n textAlign: \"center\",\r\n marginTop: 40,\r\n },\r\n textField: {\r\n borderColor: Colors.globalColor4,\r\n backgroundColor: Colors.globalColor5,\r\n borderRadius: 5,\r\n },\r\n resize: {\r\n fontSize: 14,\r\n },\r\n}));\r\n\r\n\r\n//Main Function Start\r\nexport default function ForgotPassword() {\r\n const {t} = useTranslation();\r\n const classes = useStyles();\r\n const [email, setEmail] = useState(\"\");\r\n const history = useHistory();\r\n let [btnLoader, setBtnLoader] = useState(false);\r\n const [values, setValues] = React.useState({\r\n showPassword: false,\r\n showPasswordConfirm: false,\r\n });\r\n const [formData, setFormData] = React.useState({\r\n password: \"\",\r\n password_confirm:\"\",\r\n });\r\n let [errorObj, setErrorObj] = React.useState({\r\n password: \"\",\r\n password_confirm:\"\",\r\n });\r\n let { user_id } = useParams();\r\n\r\n const handleClickShowPassword = () => {\r\n setValues({ ...values, showPassword: !values.showPassword });\r\n };\r\n const handleClickShowPasswordConfirm = () => {\r\n setValues({ ...values, showPasswordConfirm: !values.showPasswordConfirm });\r\n };\r\n\r\n const handleMouseDownPassword = (event) => {\r\n event.preventDefault();\r\n };\r\n\r\n\r\n function handleForm(event) {\r\n let { name, value } = event.target;\r\n setFormData({\r\n ...formData,\r\n [name]: value,\r\n });\r\n }\r\n\r\n async function handleSubmit(e) {\r\n e.preventDefault();\r\n let {password, password_confirm } = formData;\r\n\r\n let errors = {};\r\n if (!hasValidLength(password)) {\r\n errors.password = \"Your password must have 8 or more characters\";\r\n }\r\n if (!hasMixed(password)) {\r\n errors.password = \"Your password must have upper & lowercase letters\";\r\n }\r\n if (!hasNumber(password)) {\r\n errors.password = \"Your password must have at least one number\";\r\n }\r\n if (!hasSpecial(password)) {\r\n errors.password =\r\n \"Your password must have at least one special character\";\r\n }\r\n\r\n if (password != password_confirm) {\r\n errors.password_confirm = \"password mismatch\";\r\n }\r\n\r\n setErrorObj(errors);\r\n\r\n\r\n if (Object.keys(errors).length !== 0) {\r\n // console.log(\"check 1\")\r\n await setBtnLoader(false);\r\n }\r\n\r\n if (Object.keys(errors).length === 0) {\r\n \r\n axios\r\n .post(Global + \"/update_password\", {\r\n password:formData.password,\r\n user_id:user_id\r\n }).then(function(response) {\r\n console.log(response)\r\n if (response.data.status === \"success\") {\r\n swal(\r\n t(\"Success\"),\r\n t(\"Password Succesfully Reset\"),\r\n \"success\"\r\n );\r\n history.replace('/signin')\r\n setBtnLoader(false);\r\n } else {\r\n swal(t(\"Warning\"), response.data.error, \"warning\");\r\n console.log(response)\r\n setBtnLoader(false);\r\n }\r\n })\r\n .catch(function(error) {\r\n console.log(error);\r\n setBtnLoader(false);\r\n });\r\n } else {\r\n setBtnLoader(false);\r\n } \r\n }\r\n\r\n\r\n return \r\n\r\n {window.innerWidth > 700 && <>\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n {t(\"Paperless inspections, audits, custom reports, detail dashboards and team collaborations from anywhere and anytime.\")}\r\n
\r\n\r\n {t(\"Digital Platform Unlimited Possibilities\")}\r\n
\r\n\r\n
\r\n \r\n {t(\"Empowering real-time visibility with a simple interface, smart operations and initiative functions.\")}\r\n
\r\n{t(\"Start Saving Time and Money\")}
\r\n\r\n
\r\n \r\n {t(\"Detect, manage and avoid potential risks with multiple pictures and videos evidences.\")}\r\n
\r\n{t(\"Enterprise Risk Management\")}
\r\n\r\n {t(\"Copyright 2022 UrAudits.com All Rights Reserved\")}\r\n
\r\n }\r\n\r\n {window.innerWidth <= 700 && <>\r\n\r\n \r\n
\r\n \r\n {t(\"Copyright 2022 UrAudits.com All Rights Reserved\")}\r\n
\r\n }\r\n\r\n\r\n\r\n
;\r\n\r\n // \r\n // \r\n}\r\n","import React, { useState } from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport { lighten, makeStyles } from \"@material-ui/core/styles\";\r\nimport Table from \"@material-ui/core/Table\";\r\nimport Grid from \"@material-ui/core/Grid\";\r\nimport TableBody from \"@material-ui/core/TableBody\";\r\nimport List from \"@material-ui/core/List\";\r\nimport TableCell from \"@material-ui/core/TableCell\";\r\nimport Tooltip from \"@material-ui/core/Tooltip\";\r\nimport Button from \"@material-ui/core/Button\";\r\nimport TableContainer from \"@material-ui/core/TableContainer\";\r\nimport TableHead from \"@material-ui/core/TableHead\";\r\nimport TablePagination from \"@material-ui/core/TablePagination\";\r\nimport InputAdornment from \"@material-ui/core/InputAdornment\";\r\nimport TableRow from \"@material-ui/core/TableRow\";\r\nimport TableSortLabel from \"@material-ui/core/TableSortLabel\";\r\nimport DoneAllIcon from \"@material-ui/icons/DoneAll\";\r\nimport Typography from \"@material-ui/core/Typography\";\r\nimport Menu from \"@material-ui/core/Menu\";\r\nimport Popover from \"@material-ui/core/Popover\";\r\nimport swal from \"@sweetalert/with-react\";\r\nimport Checkbox from \"@material-ui/core/Checkbox\";\r\nimport ListItem from \"@material-ui/core/ListItem\";\r\nimport ListItemIcon from \"@material-ui/core/ListItemIcon\";\r\nimport ListItemText from \"@material-ui/core/ListItemText\";\r\nimport TextField from \"@material-ui/core/TextField\";\r\nimport MenuItem from \"@material-ui/core/MenuItem\";\r\nimport { CircularProgress } from \"@material-ui/core\";\r\nimport Paper from \"@material-ui/core/Paper\";\r\nimport InspectionPopup from \"./inspectionPopup\";\r\nimport ReplayIcon from \"@material-ui/icons/Replay\";\r\nimport BookIcon from \"@material-ui/icons/Book\";\r\nimport EditIcon from \"@material-ui/icons/Edit\";\r\nimport moment from \"moment\";\r\nimport MoreHorizIcon from \"@material-ui/icons/MoreHoriz\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport dots from \"../../Assets/dots.png\";\r\nimport dotsH from \"../../Assets/dotsH.png\";\r\nimport GlobalApi from \"./../../Global\";\r\nimport Spinner from \"./../../Global/Spinner2\";\r\nimport Colors from \"./../../Global/colors\";\r\nimport EventIcon from \"@material-ui/icons/Event\";\r\nimport NoRecords from \"./../../Global/NoRecords\";\r\nimport refresh_token from \"./../../Global/refresh_token\";\r\nimport { Redirect } from \"react-router\";\r\nimport file from \"../../Assets/file.png\";\r\nimport share from \"../../Assets/share.png\";\r\nimport deleteIcon from \"../../Assets/delete.png\";\r\nimport archive from \"../../Assets/archive.png\";\r\nimport archiveG from \"../../Assets/archiveG.png\";\r\nimport pencil from \"../../Assets/pencil.png\";\r\nimport pencilG from \"../../Assets/pencilG.png\";\r\nimport search from \"../../Assets/search.png\";\r\nimport add from \"../../Assets/add.png\";\r\nimport filter from \"../../Assets/Filter_Icon.png\";\r\nimport { KeyboardDatePicker } from \"@material-ui/pickers\";\r\nimport timetable from \"../../Assets/timetable.png\";\r\nimport { useSelector, useDispatch } from \"react-redux\";\r\nimport { getOverlappingDaysInIntervals } from \"date-fns\";\r\nimport HelpOutlineIcon from \"@material-ui/icons/HelpOutline\";\r\nimport help from \"../../Assets/help_icon.png\";\r\nimport helpAr from \"../../Assets/help_icon_ar.png\";\r\n// import Tooltip from \"@material-ui/core/Tooltip\";\r\nimport IconButton from \"@material-ui/core/IconButton\";\r\nimport {useTranslation} from 'react-i18next';\r\n\r\nfunction descendingComparator(a, b, orderBy) {\r\n if (b[orderBy] < a[orderBy]) {\r\n return -1;\r\n }\r\n if (b[orderBy] > a[orderBy]) {\r\n return 1;\r\n }\r\n return 0;\r\n}\r\n\r\nconst EnhancedTableToolbar = (props) => {\r\n return \"\";\r\n};\r\n\r\nEnhancedTableToolbar.propTypes = {\r\n numSelected: PropTypes.number.isRequired,\r\n};\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n root: {\r\n width: \"100%\",\r\n },\r\n container: {\r\n maxHeight: \"55vh\",\r\n },\r\n paper: {\r\n width: \"100%\",\r\n marginBottom: theme.spacing(2),\r\n },\r\n table: {\r\n minWidth: 650,\r\n },\r\n resize: {\r\n padding: \"12px\",\r\n fontSize: \"12px\",\r\n },\r\n visuallyHidden: {\r\n border: 0,\r\n clip: \" t(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\nexport default function EnhancedTable() {\r\n const {t} = useTranslation();\r\n const language = useSelector((state) => state.languageReducer.language);\r\n const classes = useStyles();\r\n const dispatch = useDispatch();\r\n let company = useSelector((state) => state.companyReducer.company);\r\n let currentUser = useSelector((state) => state.userReducer.user);\r\n const [order, setOrder] = React.useState(\"asc\");\r\n const [orderBy, setOrderBy] = React.useState(\"calories\");\r\n const [selected, setSelected] = React.useState([]);\r\n const [page, setPage] = React.useState(0);\r\n const [packageDetails, setPackageDetails] = useState({});\r\n const [dense, setDense] = React.useState(false);\r\n const [inspectionLoader, setInspectionLoader] = React.useState(false);\r\n const [rowsPerPage, setRowsPerPage] = React.useState(20);\r\n const [anchorEl, setAnchorEl] = React.useState(null);\r\n const [filterMenu1, setFilterMenu1] = React.useState(null);\r\n const [filterMenu2, setFilterMenu2] = React.useState(null);\r\n const [filterMenu3, setFilterMenu3] = React.useState(null);\r\n const [filterMenu4, setFilterMenu4] = React.useState(null);\r\n const [filterMenu5, setFilterMenu5] = React.useState(null);\r\n const [datesFilters, setDateFilters] = React.useState({\r\n today: false,\r\n yesterday: false,\r\n last7: false,\r\n last15: false,\r\n lastMonth: false,\r\n startFlag: false,\r\n endFlag: false,\r\n startDate: moment().format(\"YYYY-MM-DD\"),\r\n endDate: moment().format(\"YYYY-MM-DD\"),\r\n });\r\n const [userFilter, setUserFilter] = useState(\"\");\r\n const [templateFilter, setTemplateFilter] = useState(\"\");\r\n const [siteFilter, setSiteFilter] = useState(\"\");\r\n const [teamArr, setTeamArr] = useState([]);\r\n const [Assignees, setAssignees] = useState([]);\r\n const [groups, setGroups] = useState([]);\r\n const [sites, setSites] = useState([]);\r\n const [templates, setTemplates] = useState([]);\r\n const [appliedFilters, setAppliedFilters] = useState({\r\n Users: false,\r\n Templates: false,\r\n Sites: false,\r\n });\r\n const [selectedUser, setSelectedUsers] = useState([]);\r\n const [selectedTemplates, setSelectedTemplates] = useState([]);\r\n const [selectedSites, setSelectedSites] = useState([]);\r\n const [selectedGroup, setSelectedGroups] = useState([]);\r\n const [totalRecords, setTotalRecords] = useState(0);\r\n const [filterApplied, setFilterApplied] = useState(false);\r\n const [currentEditInspection, setCurrentEditInspection] = React.useState(\r\n null\r\n );\r\n const [currentEditRow, setCurrentEditRow] = React.useState({});\r\n\r\n const [rows, setRows] = React.useState([]);\r\n const [searchText, setSearchText] = React.useState(\"\");\r\n let history = useHistory();\r\n\r\n React.useEffect(\r\n () => {\r\n getInspection(true);\r\n getUsers();\r\n getTemplates();\r\n getSites();\r\n getGroups();\r\n },\r\n [company?.id]\r\n );\r\n\r\n\r\n\r\n const headCells = [\r\n {\r\n id: \"Title\",\r\n numeric: false,\r\n disablePadding: true,\r\n label: <>{t(\"Name\")},\r\n borderLeft: false,\r\n borderRight: false,\r\n },\r\n {\r\n id: \"Template\",\r\n numeric: false,\r\n disablePadding: false,\r\n label: <>{t(\"Template\")},\r\n borderLeft: true,\r\n borderRight: true,\r\n },\r\n {\r\n id: \"Site\",\r\n numeric: false,\r\n disablePadding: false,\r\n label: <>{t(\"Site\")},\r\n borderLeft: false,\r\n borderRight: false,\r\n },\r\n {\r\n id: \"Date\",\r\n numeric: false,\r\n disablePadding: false,\r\n label: <>{t(\"Date\")},\r\n borderLeft: true,\r\n borderRight: true,\r\n },\r\n {\r\n id: \"Score\",\r\n numeric: false,\r\n disablePadding: false,\r\n label: <>{t(\"Score\")},\r\n borderLeft: false,\r\n borderRight: false,\r\n },\r\n {\r\n id: \"Status\",\r\n numeric: false,\r\n disablePadding: false,\r\n label: <>{t(\"Status\")},\r\n borderLeft: true,\r\n borderRight: true,\r\n },\r\n {\r\n id: \"Assigned To\",\r\n numeric: false,\r\n disablePadding: false,\r\n label: <>{t(\"Assigned To\")},\r\n borderLeft: false,\r\n borderRight: false,\r\n },\r\n {\r\n id: \"Actions\",\r\n numeric: false,\r\n disablePadding: false,\r\n label: <>{t(\"Actions\")},\r\n borderLeft: language==\"ar\" ? false : true,\r\n borderRight: language==\"ar\" ? true : false,\r\n },\r\n];\r\n\r\nfunction EnhancedTableHead(props) {\r\n const { classes, order, orderBy, onRequestSort } = props;\r\n const createSortHandler = (property) => (event) => {\r\n onRequestSort(event, property);\r\n };\r\n\r\n return (\r\n \r\n {window.innerWidth > 700 && <>\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n Paperless inspections, audits, custom reports,\r\n detail dashboards and team collaborations from\r\n anywhere and anytime.\r\n
\r\n\r\n Digital Platform Unlimited Possibilities\r\n
\r\n\r\n
\r\n \r\n Empowering real-time visibility with a simple\r\n interface, smart operations and initiative\r\n functions.\r\n
\r\n\r\n Start Saving Time and Money\r\n
\r\n\r\n
\r\n \r\n Detect, manage and avoid potential risks with\r\n multiple pictures and videos evidences.\r\n
\r\n\r\n Enterprise Risk Management\r\n
\r\n\r\n Copyright 2022 UrAudits.com All Rights Reserved\r\n
\r\n }\r\n\r\n {window.innerWidth <= 700 && <>\r\n\r\n \r\n
\r\n \r\n Copyright 2022 UrAudits.com All Rights Reserved\r\n
\r\n }\r\n- \r\n
\r\n
\r\n
\r\n
\r\n Last 15 Days\r\n
\r\n*/}\r\n \r\n
\r\n {inspectionLoader && (\r\n \r\n {!inspectionLoader && (\r\n <>\r\n {rows.length == 0 && (\r\n \r\n
\r\n )}\r\n {rows.length !== 0 && (\r\n \r\n
\r\n )}\r\n {!inspectionLoader && (\r\n \r\n {/* handleScroll(e)}\r\n >\r\n \r\n \r\n {rows.length !== 0 &&\r\n rows\r\n .filter(\r\n (v) =>\r\n v?.schedule_title\r\n ?.toLowerCase()\r\n .includes(searchText?.toLowerCase()) ||\r\n v?.template_title\r\n ?.toLowerCase()\r\n .includes(searchText?.toLowerCase()) ||\r\n v?.site_title\r\n ?.toLowerCase()\r\n .includes(searchText?.toLowerCase())\r\n )\r\n .map((row, index) => {\r\n console.log(\"ROW>>>>>>>>>>>>\", row);\r\n const isItemSelected = isSelected(row.name);\r\n const labelId = `enhanced-table-checkbox-${index}`;\r\n\r\n // let score_nag = row.InspectionAnswers.filter((v) => {\r\n // // console.log(answers[v.id]?.value, answers[v.id])\r\n // if (\r\n // v.parent_id === null &&\r\n // (v.value === \"\" ||\r\n // v.value === \"[]\" ||\r\n // v.value === undefined ||\r\n // v.value === null)\r\n // ) {\r\n // // console.log(\"o\");\r\n // return v;\r\n // }\r\n // });\r\n\r\n // let score = (\r\n // ((row.InspectionAnswers.filter(\r\n // (v) => v.parent_id === null\r\n // ).length -\r\n // score_nag.length) /\r\n // row.InspectionAnswers.filter(\r\n // (v) => v.parent_id === null\r\n // ).length) *\r\n // 100\r\n // ).toFixed();\r\n\r\n return (\r\n \r\n handleClick(event, row.name)\r\n }\r\n role=\"checkbox\"\r\n aria-checked={isItemSelected}\r\n tabIndex={-1}\r\n key={row.name}\r\n className=\"testingtable\"\r\n >\r\n \r\n {\r\n \r\n \r\n {row?.schedule_title.slice(\r\n 0,\r\n 30\r\n ) +\r\n (row?.schedule_title.length >\r\n 30\r\n ? \"...\"\r\n : \"\")}\r\n \r\n \r\n }\r\n \r\n \r\n {\r\n \r\n \r\n {row?.template_title.slice(\r\n 0,\r\n 30\r\n ) +\r\n (row.template_title?.length >\r\n 30\r\n ? \"...\"\r\n : \"\")}\r\n \r\n \r\n }\r\n \r\n {/* none */}\r\n \r\n {row?.site_title}\r\n \r\n \r\n {moment(row.createdAt).format(\r\n \"MM/DD/YY\"\r\n )}\r\n \r\n \r\n {row.score ? row.score : 0}%\r\n \r\n \r\n {row.isCompleted == true\r\n ? \"completed\"\r\n : \"Incomplete\"}\r\n \r\n \r\n \r\n {row?.assignees_user?.map(\r\n (v, i) => {\r\n if (i <= 2) {\r\n return (\r\n \r\n {v?.avatar !== null ? (\r\n \r\n \r\n {v?.first_name\r\n .substring(0, 1)\r\n .toUpperCase()\r\n .concat(\r\n v?.last_name\r\n .substring(\r\n 0,\r\n 1\r\n )\r\n .toUpperCase()\r\n )}\r\n \r\n
\r\n )}\r\n \r\n );\r\n } else {\r\n return (\r\n \r\n +\r\n {row?.assignees_user\r\n .length - 3}\r\n
\r\n \r\n );\r\n }\r\n }\r\n )}\r\n \r\n \r\n\r\n\r\n history.push(\"inspection-edit/\" + row.id + \"/edit\")\r\n\r\n\r\n \r\n
\r\n View History\r\n
\r\n \r\n View History\r\n
\r\n View Report\r\n \r\n
\r\n Edit\r\n \r\n
\r\n More Option\r\n \r\n */}\r\n \r\n );\r\n })}\r\n \r\n \r\n \r\n )}\r\n\r\n {window.innerWidth <= 500 && (\r\n
\r\n \r\n Name\r\n \r\n\r\n \r\n {row?.schedule_title.slice(0, 30) +\r\n (row?.schedule_title.length > 30\r\n ? \"...\"\r\n : \"\")}\r\n \r\n
\r\n \r\n \r\n Template\r\n \r\n \r\n {row?.template_title.slice(0, 30) +\r\n (row.template_title?.length > 30\r\n ? \"...\"\r\n : \"\")}\r\n \r\n
\r\n \r\n \r\n Site{\" \"}\r\n \r\n \r\n {row?.site_title}\r\n \r\n
\r\n \r\n \r\n {t(\"Assigned To\")}\r\n \r\n \r\n {row?.assignees_user?.map((v, i) => {\r\n if (i <= 2) {\r\n return (\r\n \r\n {v?.avatar !== null ? (\r\n \r\n \r\n {v?.first_name\r\n .substring(0, 1)\r\n .toUpperCase()\r\n .concat(\r\n v?.last_name\r\n .substring(0, 1)\r\n .toUpperCase()\r\n )}\r\n \r\n
\r\n )}\r\n \r\n );\r\n } else {\r\n return (\r\n \r\n +\r\n {row?.assignees_user\r\n .length - 3}\r\n
\r\n \r\n );\r\n }\r\n })}\r\n \r\n \r\n \r\n\r\n\r\n \r\n {row.score ? row.score : 0}%\r\n \r\n
\r\n \r\n \r\n
\r\n\r\n {row.isCompleted == true && (\r\n \r\n
\r\n
\r\n )}\r\n\r\n \r\n {\r\n setCurrentEditInspection(row.id);\r\n setCurrentEditRow(row);\r\n handleClick2(e);\r\n }}\r\n width={30}\r\n alt=\"open modal\"\r\n style={{\r\n marginTop: \"0px\",\r\n cursor: \"pointer\",\r\n }}\r\n />\r\n \r\n {currentEditRow?.created_by ==\r\n currentUser?.user_id ||\r\n currentEditRow?.assignees_ids_parsed?.filter(\r\n (v) => v == currentUser.user_id\r\n ).length > 0 ? (\r\n \r\n history.push(\r\n \"inspection-edit/\" +\r\n currentEditInspection +\r\n \"/edit\"\r\n )\r\n }\r\n >\r\n \r\n history.push(\r\n \"/inspection-print/\" +\r\n currentEditInspection +\r\n \"/\" +\r\n currentEditRow?.isCompleted + \"/\" + ((currentEditRow?.pdf_url == null || currentEditRow?.pdf_url == undefined) ? false : true)\r\n )\r\n }\r\n >\r\n \r\n archiveInspection(\r\n currentEditInspection\r\n )\r\n }\r\n >\r\n ModalOpen(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 Last 15 Days\r\n
\r\n*/}\r\n \r\n
\r\n {inspectionLoader && (\r\n \r\n {!inspectionLoader && (\r\n <>\r\n {rows.length == 0 && (\r\n \r\n
\r\n )}\r\n {rows.length !== 0 && (\r\n \r\n
\r\n )}\r\n {!inspectionLoader && (\r\n \r\n {/* handleScroll(e)}\r\n >\r\n \r\n \r\n {rows.length !== 0 &&\r\n rows\r\n .filter(\r\n (v) =>\r\n v?.schedule_title\r\n ?.toLowerCase()\r\n .includes(searchText?.toLowerCase()) ||\r\n v?.template_title\r\n ?.toLowerCase()\r\n .includes(searchText?.toLowerCase()) ||\r\n v?.site_title\r\n ?.toLowerCase()\r\n .includes(searchText?.toLowerCase())\r\n )\r\n .map((row, index) => {\r\n console.log(\"ROW>>>>>>>>>>>>\", row);\r\n const isItemSelected = isSelected(row.name);\r\n const labelId = `enhanced-table-checkbox-${index}`;\r\n\r\n // let score_nag = row.InspectionAnswers.filter((v) => {\r\n // // console.log(answers[v.id]?.value, answers[v.id])\r\n // if (\r\n // v.parent_id === null &&\r\n // (v.value === \"\" ||\r\n // v.value === \"[]\" ||\r\n // v.value === undefined ||\r\n // v.value === null)\r\n // ) {\r\n // // console.log(\"o\");\r\n // return v;\r\n // }\r\n // });\r\n\r\n // let score = (\r\n // ((row.InspectionAnswers.filter(\r\n // (v) => v.parent_id === null\r\n // ).length -\r\n // score_nag.length) /\r\n // row.InspectionAnswers.filter(\r\n // (v) => v.parent_id === null\r\n // ).length) *\r\n // 100\r\n // ).toFixed();\r\n\r\n return (\r\n \r\n handleClick(event, row.name)\r\n }\r\n role=\"checkbox\"\r\n aria-checked={isItemSelected}\r\n tabIndex={-1}\r\n key={row.name}\r\n className=\"testingtable\"\r\n >\r\n \r\n {\r\n \r\n \r\n {\r\n \r\n none */}\r\n \r\n {row?.site_title}\r\n \r\n \r\n {moment(row.createdAt).format(\r\n \"MM/DD/YY\"\r\n )}\r\n \r\n \r\n {row.score ? row.score : 0}%\r\n \r\n \r\n {row.isCompleted == true\r\n ? \"completed\"\r\n : \"Incomplete\"}\r\n \r\n \r\n \r\n {row?.assignees_user?.map(\r\n (v, i) => {\r\n if (i <= 2) {\r\n return (\r\n \r\n {v?.avatar !== null ? (\r\n \r\n \r\n {v?.first_name\r\n .substring(0, 1)\r\n .toUpperCase()\r\n .concat(\r\n v?.last_name\r\n .substring(\r\n 0,\r\n 1\r\n )\r\n .toUpperCase()\r\n )}\r\n \r\n
\r\n )}\r\n \r\n );\r\n } else {\r\n return (\r\n \r\n {row?.schedule_title.slice(\r\n 0,\r\n 30\r\n ) +\r\n (row?.schedule_title.length >\r\n 30\r\n ? \"...\"\r\n : \"\")}\r\n
\r\n \r\n }\r\n \r\n\r\n {row?.template_title.slice(\r\n 0,\r\n 30\r\n ) +\r\n (row.template_title?.length >\r\n 30\r\n ? \"...\"\r\n : \"\")}\r\n
\r\n \r\n }\r\n \r\n {/*\r\n +\r\n {row?.assignees_user\r\n .length - 3}\r\n
\r\n \r\n );\r\n }\r\n }\r\n )}\r\n \r\n \r\n\r\n\r\n history.push(\"inspection-edit/\" + row.id + \"/edit\")\r\n\r\n\r\n \r\n
\r\n View History\r\n
\r\n \r\n View History\r\n
\r\n View Report\r\n \r\n
\r\n Edit\r\n \r\n
\r\n More Option\r\n \r\n */}\r\n \r\n );\r\n })}\r\n \r\n \r\n \r\n )}\r\n\r\n {window.innerWidth <= 500 && (\r\n
\r\n \r\n Name\r\n \r\n\r\n \r\n {row?.schedule_title.slice(0, 30) +\r\n (row?.schedule_title.length > 30\r\n ? \"...\"\r\n : \"\")}\r\n \r\n
\r\n \r\n \r\n Template\r\n \r\n \r\n {row?.template_title.slice(0, 30) +\r\n (row.template_title?.length > 30\r\n ? \"...\"\r\n : \"\")}\r\n \r\n
\r\n \r\n \r\n Site{\" \"}\r\n \r\n \r\n {row?.site_title}\r\n \r\n
\r\n \r\n \r\n {t(\"Assigned To\")}\r\n \r\n \r\n {row?.assignees_user?.map((v, i) => {\r\n if (i <= 2) {\r\n return (\r\n \r\n {v?.avatar !== null ? (\r\n \r\n \r\n {v?.first_name\r\n .substring(0, 1)\r\n .toUpperCase()\r\n .concat(\r\n v?.last_name\r\n .substring(0, 1)\r\n .toUpperCase()\r\n )}\r\n \r\n
\r\n )}\r\n \r\n );\r\n } else {\r\n return (\r\n \r\n +\r\n {row?.assignees_user\r\n .length - 3}\r\n
\r\n \r\n );\r\n }\r\n })}\r\n \r\n \r\n \r\n\r\n\r\n \r\n {row.score ? row.score : 0}%\r\n \r\n
\r\n \r\n \r\n
\r\n\r\n {row.isCompleted == true && (\r\n \r\n
\r\n
\r\n )}\r\n\r\n \r\n {\r\n setCurrentEditInspection(row.id);\r\n setCurrentEditRow(row);\r\n handleClick2(e);\r\n }}\r\n width={30}\r\n alt=\"open modal\"\r\n style={{\r\n marginTop: \"0px\",\r\n cursor: \"pointer\",\r\n }}\r\n />\r\n \r\n {currentEditRow?.created_by ==\r\n currentUser?.user_id ||\r\n currentEditRow?.assignees_ids_parsed?.filter(\r\n (v) => v == currentUser.user_id\r\n ).length > 0 ?\r\n restoreInspection(currentEditInspection)\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 {/* For Web */}\r\n {window.innerWidth > 500 && \r\n }\r\n\r\n {/* For Mobile */}\r\n {window.innerWidth <= 500 && \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","//React Library\r\nimport React, { useState, useEffect } from \"react\";\r\n\r\n//Material UI Styles\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\n\r\n//Material UI Components\r\nimport Grid from \"@material-ui/core/Grid\";\r\nimport Paper from \"@material-ui/core/Paper\";\r\nimport Button from \"@material-ui/core/Button\";\r\nimport Checkbox from \"@material-ui/core/Checkbox\";\r\nimport TextField from \"@material-ui/core/TextField\";\r\nimport IconButton from \"@material-ui/core/IconButton\";\r\nimport { CircularProgress } from \"@material-ui/core\";\r\nimport MuiPhoneNumber from \"material-ui-phone-number\";\r\nimport Visibility from \"@material-ui/icons/Visibility\";\r\nimport Select from \"@material-ui/core/Select\";\r\nimport PhotoCamera from \"@material-ui/icons/PhotoCamera\";\r\nimport CustomToolTip from \"../../Global/PasswordGuileline\";\r\nimport OutlinedInput from \"@material-ui/core/OutlinedInput\";\r\nimport VisibilityOff from \"@material-ui/icons/VisibilityOff\";\r\nimport InputAdornment from \"@material-ui/core/InputAdornment\";\r\nimport Radio from \"@material-ui/core/Radio\";\r\nimport RadioGroup from \"@material-ui/core/RadioGroup\";\r\nimport FormControlLabel from \"@material-ui/core/FormControlLabel\";\r\nimport FormControl from \"@material-ui/core/FormControl\";\r\nimport Table from \"@material-ui/core/Table\";\r\nimport TableBody from \"@material-ui/core/TableBody\";\r\nimport TableCell from \"@material-ui/core/TableCell\";\r\nimport TableContainer from \"@material-ui/core/TableContainer\";\r\nimport TableHead from \"@material-ui/core/TableHead\";\r\nimport DeleteIcon from \"@material-ui/icons/Delete\";\r\nimport TableRow from \"@material-ui/core/TableRow\";\r\nimport { Switch } from \"@material-ui/core\";\r\nimport { styled } from \"@material-ui/core/styles\";\r\nimport { withStyles } from \"@material-ui/core/styles\";\r\n// import AddGroupTextfield from \"../../views/team/groupsTextfields\";\r\nimport Typography from \"@material-ui/core/Typography\";\r\nimport ArrowBackIcon from \"@material-ui/icons/ArrowBack\";\r\nimport Autocomplete from \"@material-ui/lab/Autocomplete\";\r\nimport MenuItem from \"@material-ui/core/MenuItem\";\r\nimport AddIcon from \"@material-ui/icons/Add\";\r\nimport Dialog from \"@material-ui/core/Dialog\";\r\nimport MuiDialogTitle from \"@material-ui/core/DialogTitle\";\r\nimport MuiDialogContent from \"@material-ui/core/DialogContent\";\r\nimport MuiDialogActions from \"@material-ui/core/DialogActions\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\n\r\n//Global Elements\r\nimport GlobalApi from \"../../Global\";\r\nimport Colors from \"../../Global/colors\";\r\nimport DarkButton from \"../../Global/DarkButton\";\r\nimport LightButton from \"../../Global/LightButton\";\r\nimport refresh_token from \"../../Global/refresh_token\";\r\nimport {useTranslation} from \"react-i18next\";\r\n\r\n//Custom Css + Images\r\nimport \"../sites/sites.css\";\r\nimport swal from \"@sweetalert/with-react\";\r\nimport Delete from \"../../Assets/delete.png\";\r\nimport Edit from \"../../Assets/edit.png\";\r\nimport NoRecords from '../../Assets/no_records.png'\r\n\r\n//Redux\r\nimport { addTeam } from \"../../Redux/Actions/teamAction\";\r\nimport { useSelector, useDispatch } from \"react-redux\";\r\nimport { Route, Link, BrowserRouter } from \"react-router-dom\";\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n root: {\r\n flexGrow: 1,\r\n },\r\n paper: {\r\n padding: theme.spacing(2),\r\n textAlign: \"center\",\r\n color: theme.palette.text.secondary,\r\n },\r\n input: {\r\n display: \"none\",\r\n },\r\n textField: {\r\n backgroundColor: Colors.globalColor5,\r\n border: \"none\",\r\n borderRadius: 5,\r\n },\r\n resize: {\r\n padding: \"8px\",\r\n },\r\n password: {\r\n padding: \"2px\",\r\n },\r\n switchBase: {\r\n color: \"#818181\",\r\n padding: \"1px\",\r\n \"&$checked\": {\r\n \"& + $track\": {\r\n backgroundColor: \"#043077\",\r\n },\r\n },\r\n },\r\n thumb: {\r\n color: \"white\",\r\n width: \"20px\",\r\n height: \"20px\",\r\n margin: \"1px\",\r\n },\r\n track: {\r\n borderRadius: \"20px\",\r\n width: \"200px\",\r\n backgroundColor: \"#818181\",\r\n opacity: \"1 !important\",\r\n \"&:after, &:before\": {\r\n color: \"white\",\r\n fontSize: \"11px\",\r\n },\r\n \"&:after\": {\r\n content: \"'activate'\",\r\n left: \"7px\",\r\n },\r\n \"&:before\": {\r\n content: \"'deactivate'\",\r\n right: \"8px\",\r\n },\r\n },\r\n checked: {\r\n color: \"#043077 !important\",\r\n transform: \"translateX(50px) !important\",\r\n },\r\n}));\r\n\r\n//Main Function\r\nfunction Team() {\r\n const {t} = useTranslation();\r\n const [rowIndex, setRowIndex] = useState(\"\");\r\n const [regionId, setRegionsId] = useState(\"\");\r\n const [passwordLater, setPasswordLater] = useState(\"true\");\r\n const [groups, setGroups] = useState([]);\r\n const [isModalOpen, setIsModalOpen] = useState(false);\r\n const [isModalOpenregion, setIsModalOpenregion] = useState(false);\r\n const [areas, setAreas] = useState([]);\r\n const [regions, setRegions] = useState([]);\r\n const [siteName, setSiteName] = useState(\"\");\r\n const [selectedArea, setSelectedArea] = useState(\"\");\r\n const [selectedRegion, setSelectedRegion] = useState(\"\");\r\n const [selectedManager, setSelectedManager] = useState(\"\");\r\n const [row, setRow] = useState([]);\r\n const [btnLoader, setBtnloader] = useState(false);\r\n const [currentCompany, setCurrentCompany] = useState(\"\");\r\n const [users, setUsers] = useState([]);\r\n const [companies, setCompanies] = useState([]);\r\n const [companiesArr, setCompaniesArr] = useState([]);\r\n const [profileImageUrl, setProfileImageUrl] = useState(\"\");\r\n const [signatureUrl, setSignatureUrl] = useState(\"\");\r\n const [currentSiteId, setCurrentSiteId] = useState(\"\");\r\n const [userData, setUserData] = useState(\"\");\r\n const [token, setToken] = useState(\"\");\r\n const [organizationId, setOrganizationId] = useState(\"\");\r\n const [Site, setSite] = useState(\"\");\r\n const [editMode, setEditMode] = useState(false);\r\n const [currentEditUser, setCurrentEditUser] = useState(\"\");\r\n const [group, setGroup] = useState(\"\");\r\n const [teams, setTeams] = useState([]);\r\n const [teamData, setTeamData] = useState({\r\n first_name: \"\",\r\n last_name: \"\",\r\n job_title: \"\",\r\n email: \"\",\r\n phone: \"\",\r\n password: \"\",\r\n confirmPassword: \"\",\r\n });\r\n let [errorObj, setErrorObj] = useState({\r\n first_name: \"\",\r\n last_name: \"\",\r\n job_title: \"\",\r\n email: \"\",\r\n phone: \"\",\r\n password: \"\",\r\n confirmPassword: \"\",\r\n });\r\n const [values, setValues] = React.useState({\r\n showPassword: false,\r\n showPasswordConfirm: false,\r\n });\r\n const dispatch = useDispatch();\r\n const classes = useStyles();\r\n\r\n // useEffect(() => {\r\n // let localstorage = localStorage.getItem(\"UserData\");\r\n // var data = JSON.parse(localstorage);\r\n // let token = data.token;\r\n // let params = {\r\n // organization_id: data.organization_id,\r\n // };\r\n\r\n // let query = Object.keys(params)\r\n // .map((k) => encodeURIComponent(k) + \"=\" + encodeURIComponent(params[k]))\r\n // .join(\"&\");\r\n\r\n // fetch(GlobalApi + \"/user/get_groups?\" + query, {\r\n // method: \"GET\",\r\n // headers: {\r\n // Authorization: \"Bearer \" + token,\r\n // \"Content-Type\": \"application/json\",\r\n // },\r\n // })\r\n // .then((responseJson) => responseJson.json())\r\n // .then((response) => {\r\n // console.log(response.data);\r\n // setGroups({ groups: response.data ? response.data : [] });\r\n // })\r\n // .catch((error) => console.log(error));\r\n // }, []);\r\n\r\n const ModalOpenRegion = () => {\r\n if (currentCompany == \"\") {\r\n swal(t(\"Warning\"), t(\"Select A compnay First\"), \"warning\");\r\n } else {\r\n setIsModalOpenregion(true);\r\n }\r\n };\r\n\r\n const ModalOpenArea = () => {\r\n if (selectedRegion == \"\") {\r\n swal(t(\"Warning\"), t(\"Select A Region First\"), \"warning\");\r\n } else {\r\n setIsModalOpen(true);\r\n }\r\n };\r\n\r\n \r\n\r\n const styles = (theme) => ({\r\n root: {\r\n margin: 0,\r\n padding: theme.spacing(2),\r\n },\r\n custommodal: {},\r\n closeButton: {\r\n position: \"absolute\",\r\n right: theme.spacing(1),\r\n top: theme.spacing(1),\r\n color: theme.palette.grey[500],\r\n },\r\n });\r\n\r\n const addnewRegion = (e, id) => {\r\n let form = [\r\n ...regions,\r\n {\r\n id: id,\r\n title: e,\r\n Areas: [],\r\n },\r\n ];\r\n setRegions(form);\r\n };\r\n\r\n const addnewArea = (e, id) => {\r\n let form = [\r\n ...areas,\r\n {\r\n id: id,\r\n title: e,\r\n Areas: [],\r\n },\r\n ];\r\n setAreas(form);\r\n };\r\n\r\n const DialogTitle = withStyles(styles)((props) => {\r\n const { children, classes, onClose, ...other } = props;\r\n return (\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n\r\n {/* ======================== Region Modal ===================== */}\r\n {isModalOpenregion != false &&
;\r\n}\r\n\r\nexport default Team;\r\n","import React from \"react\";\r\nimport Dialog from \"@material-ui/core/Dialog\";\r\nimport DialogActions from \"@material-ui/core/DialogActions\";\r\nimport DialogContent from \"@material-ui/core/DialogContent\";\r\n\r\nimport Grid from \"@material-ui/core/Grid\";\r\nimport Typography from \"@material-ui/core/Typography\";\r\nimport Checkbox from \"@material-ui/core/Checkbox\";\r\nimport FormControlLabel from \"@material-ui/core/FormControlLabel\";\r\nimport DarkButton from \"./DarkButton\";\r\nimport GlobalApi from \"./\";\r\nimport refresh_token from \"./refresh_token\";\r\nimport Spinner from './Spinner'\r\nexport default function FormDialog(props) {\r\n const [show,setVisible] = React.useState(props.show? props.show : false);\r\n React.useEffect(()=>{\r\n if(show == props.show)\r\n return\r\n else\r\n setVisible(props.show)\r\n })\r\n return (\r\n \r\n );\r\n}\r\n","/* eslint-disable no-use-before-define */\r\nimport React from \"react\";\r\nimport TextField from \"@material-ui/core/TextField\";\r\nimport Autocomplete from \"@material-ui/lab/Autocomplete\";\r\nimport Grid from \"@material-ui/core/Grid\";\r\nimport Container from \"@material-ui/core/Container\";\r\nimport Button from \"@material-ui/core/Button\";\r\nimport moment from \"moment\";\r\nimport GlobalApi from \"./../../Global\";\r\nimport swal from \"@sweetalert/with-react\";\r\nimport refresh_token from \"./../../Global/refresh_token\";\r\nimport { KeyboardDateTimePicker } from \"@material-ui/pickers\";\r\nimport Paper from \"@material-ui/core/Paper\";\r\nimport { makeStyles } from '@material-ui/core/styles'\r\nimport MenuItem from \"@material-ui/core/MenuItem\";\r\nimport FormControl from \"@material-ui/core/FormControl\";\r\nimport Select from \"@material-ui/core/Select\";\r\nimport Checkbox from \"@material-ui/core/Checkbox\";\r\nimport FormControlLabel from \"@material-ui/core/FormControlLabel\";\r\nimport Radio from \"@material-ui/core/Radio\";\r\nimport RadioGroup from \"@material-ui/core/RadioGroup\";\r\nimport \"./schedule.css\";\r\nimport { useParams } from \"react-router-dom\";\r\nimport _ from \"lodash\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport { useLocation } from \"react-router-dom\";\r\nimport MiddleHeader from '../middleHeader/middleHeader'\r\nimport add from \"../../Assets/add.png\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport Dialog from \"@material-ui/core/Dialog\";\r\nimport InputLabel from '@material-ui/core/InputLabel';\r\n// import Site from \"../team/addnewgroup\";\r\nimport SitesForm from './scheduleSiteForm'\r\nimport Spinner from \"./../../Global/ProcessModal\";\r\nimport Colors from \"./../../Global/colors\";\r\nimport { useSelector, useDispatch } from \"react-redux\";\r\nimport {useTranslation} from 'react-i18next'\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n formControl: {\r\n margin: theme.spacing(1),\r\n minWidth: 120,\r\n },\r\n selectEmpty: {\r\n marginTop: theme.spacing(2),\r\n },\r\n}));\r\n\r\n\r\n\r\nexport default function CreateScheduleForm(props) {\r\n const { t } = useTranslation();\r\n let language = useSelector((state) => state.languageReducer.language);\r\n let company = useSelector((state) => state.companyReducer.company);\r\n const classes = useStyles();\r\n let history = useHistory();\r\n let location = useLocation();\r\n const [formSubmitted, setFormSubmitted] = React.useState(false);\r\n const [packageDetails, setPackageDetails] = React.useState(null);\r\n const [open, setOpen] = React.useState(false);\r\n const [templates, setTemplates] = React.useState([]);\r\n const [users, setUsers] = React.useState([]);\r\n const [groups, setGroups] = React.useState([]);\r\n const [editMode,setEditMode]= React.useState(false);\r\n const [createdSchedule, setCreatedSchedule] = React.useState(null);\r\n const [readyForInspectionTemp, setReadyForInspectionTemp] = React.useState({});\r\n const [sites, setSites] = React.useState([]);\r\n const [templateClone, setTemplateClone] = React.useState({});\r\n const [loader,setLoader]=React.useState(false)\r\n const [formData, setFormData] = React.useState({\r\n template_id: location?.state?.template_id ? location.state.template_id : \"\",\r\n group_arr: [],\r\n assignee_arr: [],\r\n start_date: new Date(),\r\n days_to_complete: 1,\r\n end_date: moment().endOf(\"day\"),\r\n site_id: \"\",\r\n rule: { title: \"One Off\", value: \"ONE OFF\" },\r\n title: \"\",\r\n weekly_string: \"-\",\r\n interval: 2,\r\n assign_boo: true,\r\n is_conduct_all: true,\r\n });\r\n\r\n console.log(users,\"{{{{{{{{{{{{{{{{{{{{{{{{{{{{{\")\r\n\r\n const { id } = useParams();\r\n console.log(id);\r\n\r\n const [formDataEdit, setFormDataEdit] = React.useState({\r\n template_id: \"\",\r\n group_arr: [],\r\n assignee_arr: [],\r\n start_date: new Date(),\r\n end_date: new Date(),\r\n days_to_complete: 1,\r\n site_id: \"\",\r\n rule: { title: \"One Off\", value: \"ONE OFF\" },\r\n title: \"\",\r\n weekly_string: \"-\",\r\n interval: 2,\r\n assign_boo: true,\r\n is_conduct_all: true,\r\n });\r\n\r\n console.log(formData, \"formDataEdit\");\r\n\r\n const [customDrop, setCustomDrop] = React.useState(false);\r\n const [currentCompany, setCurrentCompany] = React.useState();\r\n\r\n async function getMetaData(data) {\r\n await fetchTemplates(data);\r\n await fetchUsers(data);\r\n await fetchSites(data);\r\n await fetchGroups(data);\r\n }\r\n\r\n async function getPackageDetails() {\r\n let localstorage = localStorage.getItem(\"UserData\");\r\n var data = JSON.parse(localstorage);\r\n let token = data.token;\r\n let package_inquiry = {\r\n user_id: data.user_id,\r\n organization_id: data.organization_id,\r\n };\r\n\r\n let query = Object.keys(package_inquiry)\r\n .map(\r\n (k) =>\r\n encodeURIComponent(k) + \"=\" + encodeURIComponent(package_inquiry[k])\r\n )\r\n .join(\"&\");\r\n let req = await fetch(\r\n GlobalApi + \"/Package/get_user_license_details?\" + query,\r\n {\r\n method: \"GET\",\r\n headers: {\r\n Authorization: \"Bearer \" + token,\r\n \"Content-Type\": \"application/json\",\r\n },\r\n }\r\n );\r\n\r\n let reqJson = await req.json();\r\n\r\n \r\n if (reqJson?.package?.license?.status === \"expired\" || reqJson?.package?.license?.status === \"deactive\") {\r\n history.replace(\"/billing\");\r\n } else {\r\n setPackageDetails(reqJson.package);\r\n }\r\n }\r\n\r\n if(createdSchedule){\r\n console.log(\"Created Schedule*(**********\",moment(createdSchedule.start_date).format(\"DD MM YYYY\"))\r\n console.log(\"Created Schedule*(**********\",moment().format(\"DD MM YYYY\"))\r\n }\r\n \r\n\r\n let data = useSelector((state) => state.companyReducer.company);\r\n React.useEffect(\r\n () => {\r\n setCurrentCompany(data);\r\n getMetaData(data);\r\n },\r\n [data]\r\n );\r\n\r\n React.useEffect(\r\n () => {\r\n getPackageDetails()\r\n },\r\n []\r\n );\r\n\r\n\r\n\r\n async function createInspection({ id, schedule_id }) {\r\n console.log(\"create inspection functuion called\")\r\n let localstorage = localStorage.getItem(\"UserData\");\r\n var data = JSON.parse(localstorage);\r\n let token = data.token;\r\n let inspection_obj = {\r\n schedule_id,\r\n template_id: id,\r\n user_id: data.user_id,\r\n company_id: currentCompany.id,\r\n created_by: data.user_id,\r\n };\r\n\r\n \r\n // let package_inquiry = {\r\n // feature_slug: \"inspection_limit\",\r\n // company_id: currentCompany.id,\r\n // };\r\n\r\n // let query = Object.keys(package_inquiry)\r\n // .map(\r\n // (k) =>\r\n // encodeURIComponent(k) + \"=\" + encodeURIComponent(package_inquiry[k])\r\n // )\r\n // .join(\"&\");\r\n // let req = await fetch(GlobalApi + \"/Package/inspection_limit?\" + query, {\r\n // method: \"GET\",\r\n // headers: {\r\n // Authorization: \"Bearer \" + token,\r\n // \"Content-Type\": \"application/json\",\r\n // },\r\n // });\r\n\r\n // let reqJson = await req.json();\r\n // console.log(\"reqJson.status\",reqJson)\r\n // if (reqJson.status === \"Request is Valid\") {\r\n fetch(GlobalApi + \"/Inspection/create_inspection\", {\r\n method: \"post\",\r\n headers: new Headers({\r\n Authorization: \"Bearer \" + token,\r\n \"Content-Type\": \"application/json\",\r\n }),\r\n body: JSON.stringify(inspection_obj),\r\n })\r\n .then((response) => response.json())\r\n .then(async (res1) => {\r\n console.log(res1);\r\n fetch(GlobalApi + \"/InspectionShare/create_inspection_share\", {\r\n method: \"post\",\r\n headers: new Headers({\r\n Authorization: \"Bearer \" + token,\r\n \"Content-Type\": \"application/json\",\r\n }),\r\n body: JSON.stringify({\r\n inspection_id: res1.data.id,\r\n user_id: data.user_id,\r\n created_by: data.user_id,\r\n role: \"Owner\",\r\n isEditor: true,\r\n isOwner: true,\r\n }),\r\n })\r\n .then((response) => response.json())\r\n .then(async (res) => {\r\n console.log(res);\r\n\r\n if (packageDetails?.package?.title == \"Enterprise\" || packageDetails?.package?.title == \"Free\") {\r\n navigator.geolocation.getCurrentPosition(function(\r\n position\r\n ) {\r\n console.log(\r\n \"Latitude is :\",\r\n position.coords.latitude\r\n );\r\n console.log(\r\n \"Longitude is :\",\r\n position.coords.longitude\r\n );\r\n\r\n fetch(\r\n GlobalApi + \"/Inspection/save_inspector_loc\",\r\n {\r\n method: \"post\",\r\n headers: new Headers({\r\n Authorization: \"Bearer \" + token,\r\n \"Content-Type\": \"application/json\",\r\n }),\r\n body: JSON.stringify({\r\n inspection_id: res1.data.id,\r\n latitude: position.coords.latitude,\r\n longitude: position.coords.longitude,\r\n }),\r\n }\r\n )\r\n .then((response) => response.json())\r\n .then(async (data) => {\r\n console.log(data);\r\n });\r\n });\r\n }else{\r\n fetch(\r\n GlobalApi + \"/Inspection/save_inspector_loc\",\r\n {\r\n method: \"post\",\r\n headers: new Headers({\r\n Authorization: \"Bearer \" + token,\r\n \"Content-Type\": \"application/json\",\r\n }),\r\n body: JSON.stringify({\r\n inspection_id: res1.data.id,\r\n latitude: null,\r\n longitude: null,\r\n }),\r\n }\r\n )\r\n .then((response) => response.json())\r\n .then(async (data) => {\r\n console.log(data);\r\n });\r\n }\r\n \r\n\r\n history.push(\"inspection-edit/\" + res1.data.id + \"/edit\");\r\n });\r\n });\r\n // } else {\r\n // swal(t(\"Warning\"), \"warning occured\", \"warning\");\r\n // }\r\n }\r\n\r\n function handlePackage(e) {\r\n history.push(e);\r\n }\r\n\r\n \r\n\r\nfunction removeDuplicates(arr) {\r\n \r\n\r\n let jsonObject = arr.map(JSON.stringify);\r\n let uniqueSet = new Set(jsonObject);\r\n let uniqueArray = Array.from(uniqueSet).map(JSON.parse);\r\n\r\n return uniqueArray;\r\n}\r\n\r\n function handleStart(schedule_id, template_id) {\r\n console.log(schedule_id, template_id);\r\n\r\n let localstorage = localStorage.getItem(\"UserData\");\r\n var data = JSON.parse(localstorage);\r\n let token = data.token;\r\n let params = { schedule_id, template_id };\r\n console.log(data.user_id);\r\n let query = Object.keys(params)\r\n .map((k) => encodeURIComponent(k) + \"=\" + encodeURIComponent(params[k]))\r\n .join(\"&\");\r\n\r\n fetch(\r\n GlobalApi + \"/TemplateInspection/get_template_for_inspection?\" + query,\r\n {\r\n method: \"GET\",\r\n headers: {\r\n Authorization: \"Bearer \" + token,\r\n \"Content-Type\": \"application/json\",\r\n },\r\n }\r\n ).then((responseJson) => responseJson.json())\r\n .then((response) => {\r\n console.log(\"Response from get_template_for_inspection?\",response );\r\n if (response.status === \"Success\") {\r\n if (response.data) {\r\n createInspection(response.data);\r\n\r\n console.log(response, \"{}{}{}{}\");\r\n }\r\n } else if (response.error === \"jwt expired\" || response.error === \"invalid token\" || response.error === \"invalid signature\" || response.error === \"Unexpected token\") {\r\n let status = refresh_token();\r\n console.log(status);\r\n if (status) {\r\n console.log(\"opopopop\");\r\n handleStart(schedule_id, template_id);\r\n }\r\n }\r\n })\r\n .catch((error) => console.log(error.message));\r\n console.log(\"op\");\r\n }\r\n\r\n\r\n\r\n\r\n\r\n const fetchSchedule = () => {\r\n let localstorage = localStorage.getItem(\"UserData\");\r\n var data = JSON.parse(localstorage);\r\n let token = data.token;\r\n let params = {\r\n schedule_id: id,\r\n };\r\n console.log(templates, users, groups, sites);\r\n let query = Object.keys(params)\r\n .map((k) => encodeURIComponent(k) + \"=\" + encodeURIComponent(params[k]))\r\n .join(\"&\");\r\n\r\n fetch(GlobalApi + \"/Schedule/get_schedule_detail?\" + query, {\r\n method: \"GET\",\r\n headers: {\r\n Authorization: \"Bearer \" + token,\r\n \"Content-Type\": \"application/json\",\r\n },\r\n })\r\n .then((responseJson) => responseJson.json())\r\n .then(async (response) => {\r\n console.log(response, \"{}{}{}{}\");\r\n if (response.status === \"Success\") {\r\n console.log(\"PPPPPPPP\",response);\r\n\r\n // let temp_obj = response.data.template_id;\r\n // _.filter(templates, {\r\n // id: response.data.template_id,\r\n // });\r\n let group_obj = [];\r\n if(response.data.group_ids){\r\n let group_ids = JSON.parse(response.data.group_ids);\r\n group_obj = group_ids;\r\n }\r\n let user_obj = [];\r\n if (response.data.ScheduleAssignees.length >= 1) {\r\n response.data.ScheduleAssignees.map((v, i) => {\r\n user_obj.push(v.User.id);\r\n });\r\n } else {\r\n response.data.ScheduleAssignees.map((v, i) => {\r\n user_obj.push(v.User.id);\r\n });\r\n }\r\n\r\n let rule_obj = _.filter(Rule, {\r\n value: response.data.rule,\r\n });\r\n\r\n let site_obj = _.filter(sites, {\r\n id: response.data.site,\r\n });\r\n\r\n console.log(site_obj);\r\n\r\n if (\r\n response.data.rule == \"CUSTOM WEEK\" ||\r\n response.data.rule == \"CUSTOM MONTH\"\r\n ) {\r\n setCustomDrop(true);\r\n }\r\n\r\n console.log(user_obj, \"user_obj\");\r\n\r\n setFormData({\r\n ...formData,\r\n ...response.data,\r\n template_id: response.data.template_id,\r\n assignee_arr: user_obj,\r\n group_arr: group_obj,\r\n rule: rule_obj[0] ? rule_obj[0] : \"\",\r\n site_id: response.data.site,\r\n });\r\n\r\n setFormDataEdit({\r\n ...formDataEdit,\r\n ...response.data,\r\n });\r\n } else if (\r\n response.error === \"jwt expired\" ||\r\n response.error === \"invalid token\" ||\r\n response.error === \"invalid signature\" ||\r\n response.error === \"Unexpected token\"\r\n ) {\r\n let status = await refresh_token();\r\n console.log(status);\r\n if (status) {\r\n console.log(\"opopopop\");\r\n fetchSchedule();\r\n }\r\n }\r\n })\r\n .catch((error) => console.log(error.message));\r\n console.log(\"op\");\r\n };\r\n if (\r\n id &&\r\n templates.length !== 0 &&\r\n users.length !== 0 &&\r\n sites.length !== 0 &&\r\n formDataEdit.title === \"\"\r\n ) {\r\n // const timer = setTimeout(() => {\r\n console.log(templates, users, groups, sites);\r\n\r\n fetchSchedule();\r\n // }, 3000);\r\n // return () => clearTimeout(timer);\r\n }\r\n\r\n const fetchTemplates = (company) => {\r\n let localstorage = localStorage.getItem(\"UserData\");\r\n var data = JSON.parse(localstorage);\r\n let token = data.token;\r\n let params = {\r\n company_id: company.id,\r\n };\r\n\r\n let query = Object.keys(params)\r\n .map((k) => encodeURIComponent(k) + \"=\" + encodeURIComponent(params[k]))\r\n .join(\"&\");\r\n\r\n fetch(GlobalApi + \"/Template/get_all_templates?\" + query, {\r\n method: \"GET\",\r\n headers: {\r\n Authorization: \"Bearer \" + token,\r\n \"Content-Type\": \"application/json\",\r\n },\r\n })\r\n .then((responseJson) => responseJson.json())\r\n .then(async (response) => {\r\n console.log(response);\r\n if (response.status === \"Success\") {\r\n setTemplates(response.data);\r\n } else if (\r\n response.error === \"jwt expired\" ||\r\n response.error === \"invalid token\" ||\r\n response.error === \"invalid signature\" ||\r\n response.error === \"Unexpected token\"\r\n ) {\r\n let status = await refresh_token();\r\n console.log(status);\r\n if (status) {\r\n console.log(\"opopopop\");\r\n fetchTemplates(company);\r\n }\r\n }\r\n })\r\n .catch((error) => console.log(error.message));\r\n };\r\n\r\n const fetchUsers = (company) => {\r\n let localstorage = localStorage.getItem(\"UserData\");\r\n var data = JSON.parse(localstorage);\r\n let token = data.token;\r\n let params = {\r\n company_id: company.id,\r\n };\r\n\r\n console.log(\"Fetch Users Api Called\")\r\n let query = Object.keys(params)\r\n .map((k) => encodeURIComponent(k) + \"=\" + encodeURIComponent(params[k]))\r\n .join(\"&\");\r\n\r\n fetch(GlobalApi + \"/user/get_entity?\" + query, {\r\n method: \"GET\",\r\n headers: {\r\n Authorization: \"Bearer \" + token,\r\n \"Content-Type\": \"application/json\",\r\n },\r\n })\r\n .then((responseJson) => responseJson.json())\r\n .then(async (response) => {\r\n console.log(\"Response of Fetch users\" , response);\r\n if (response.status === \"Success\") {\r\n setUsers(response.data);\r\n } else if (\r\n response.error === \"jwt expired\" ||\r\n response.error === \"invalid token\" ||\r\n response.error === \"invalid signature\" ||\r\n response.error === \"Unexpected token\"\r\n ) {\r\n let status = await refresh_token();\r\n console.log(status);\r\n if (status) {\r\n console.log(\"opopopop\");\r\n fetchUsers(company);\r\n }\r\n }\r\n })\r\n .catch((error) => console.log(error.message));\r\n };\r\n\r\n // const fetchGroups = (company) => {\r\n // let localstorage = localStorage.getItem(\"UserData\");\r\n // var data = JSON.parse(localstorage);\r\n // let token = data.token;\r\n // let params = {\r\n // company_id: company.id,\r\n // };\r\n\r\n // let query = Object.keys(params)\r\n // .map((k) => encodeURIComponent(k) + \"=\" + encodeURIComponent(params[k]))\r\n // .join(\"&\");\r\n\r\n // fetch(GlobalApi + \"/user/get_groups?\" + query, {\r\n // method: \"GET\",\r\n // headers: {\r\n // Authorization: \"Bearer \" + token,\r\n // \"Content-Type\": \"application/json\",\r\n // },\r\n // })\r\n // .then((responseJson) => responseJson.json())\r\n // .then(async (response) => {\r\n // console.log(response);\r\n // if (response.status === \"Success\") {\r\n // setGroups(response.data);\r\n // } else if (\r\n // response.error === \"jwt expired\" ||\r\n // response.error === \"invalid token\" ||\r\n // response.error === \"invalid signature\" ||\r\n // response.error === \"Unexpected token\"\r\n // ) {\r\n // let status = await refresh_token();\r\n // console.log(status);\r\n // if (status) {\r\n // console.log(\"opopopop\");\r\n // fetchUsers(company);\r\n // }\r\n // }\r\n // })\r\n // .catch((error) => console.log(error.message));\r\n // };\r\n\r\n const fetchGroups = () => {\r\n let localstorage = localStorage.getItem(\"UserData\");\r\n var data = JSON.parse(localstorage);\r\n let token = data.token;\r\n let params = {\r\n company_id: company.id,\r\n };\r\n console.log(data.user_id);\r\n let query = Object.keys(params)\r\n .map((k) => encodeURIComponent(k) + \"=\" + encodeURIComponent(params[k]))\r\n .join(\"&\");\r\n\r\n fetch(GlobalApi + \"/companygroups/get_all_company_groups?\" + query, {\r\n method: \"GET\",\r\n headers: {\r\n Authorization: \"Bearer \" + token,\r\n \"Content-Type\": \"application/json\",\r\n },\r\n })\r\n .then((responseJson) => responseJson.json())\r\n .then(async (response) => {\r\n console.log(\"response of group\",response);\r\n if (response.msg === \"success\") {\r\n setGroups(response.groups);\r\n } else if (\r\n response.error === \"jwt expired\" ||\r\n response.error === \"invalid token\" ||\r\n response.error === \"invalid signature\" ||\r\n response.error === \"Unexpected token\"\r\n ) {\r\n let status = await refresh_token();\r\n\r\n if (status) {\r\n // console.log(\"opopopop\");\r\n fetchGroups();\r\n }\r\n }\r\n })\r\n .catch((error) => console.log(error.message));\r\n console.log(\"op\");\r\n };\r\n\r\n function fetchSites(company) {\r\n let localstorage = localStorage.getItem(\"UserData\");\r\n var data = JSON.parse(localstorage);\r\n let token = data.token;\r\n let params = {\r\n company_id: company.id,\r\n };\r\n let query = Object.keys(params)\r\n .map((k) => encodeURIComponent(k) + \"=\" + encodeURIComponent(params[k]))\r\n .join(\"&\");\r\n\r\n fetch(GlobalApi + \"/Region/get_all_regions?\" + query, {\r\n method: \"get\",\r\n headers: new Headers({\r\n Authorization: \"Bearer \" + token,\r\n \"Content-Type\": \"application/json\",\r\n Accept: \"application/json\",\r\n }),\r\n })\r\n .then((response) => response.json())\r\n .then((data) => {\r\n let arr = [];\r\n data.data.map((value, index) => {\r\n //console.log(value.title);\r\n value.Areas.map((area, i) => {\r\n area.Sites.map((sites, j) => {\r\n console.log(value.title, area.title, sites.title);\r\n let obj = {\r\n title: sites.title,\r\n id: sites.id,\r\n };\r\n if (sites.status !== \"deactivated\") {\r\n arr.push(obj);\r\n }\r\n console.log(\"obj\",obj);\r\n \r\n });\r\n setSites(arr.sort((a, b) => a.title.localeCompare(b.title)));\r\n //console.log(this.state.row);\r\n //console.log(result.title,value.title);\r\n });\r\n });\r\n });\r\n }\r\n const handleChangeText = (e) => {\r\n let { name, value } = e.target;\r\n setFormData({\r\n ...formData,\r\n [name]: value,\r\n });\r\n };\r\n\r\n const handleChangeSelect = (name, value) => {\r\n console.log(\"::::::::::\",name, value);\r\n if (value) {\r\n if (value.value === \"CUSTOM MONTH\") {\r\n setCustomDrop(true);\r\n value.title = \"Custom Month\";\r\n }\r\n }\r\n setFormData({\r\n ...formData,\r\n [name]: value,\r\n });\r\n };\r\n\r\n const handleChangeTime = (e, name) => {\r\n console.log(e, name);\r\n // setIsOpen(false);\r\n setFormData({\r\n ...formData,\r\n [name]: e,\r\n });\r\n };\r\n // const renderInput = props => {t(\"Add Site of Inspection\")}
\r\n\r\n \r\n
\r\n \r\n
}\r\n\r\n {/* ======================== Area Modal ===================== */}\r\n {isModalOpen != false && \r\n \r\n
}\r\n \r\n \r\n
\r\n \r\n \r\n \r\n Age \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Age \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n}\r\n","import React from \"react\";\r\nimport clsx from \"clsx\";\r\nimport { makeStyles, useTheme } from \"@material-ui/core/styles\";\r\nimport Input from \"@material-ui/core/Input\";\r\nimport InputLabel from \"@material-ui/core/InputLabel\";\r\nimport MenuItem from \"@material-ui/core/MenuItem\";\r\nimport FormControl from \"@material-ui/core/FormControl\";\r\nimport ListItemText from \"@material-ui/core/ListItemText\";\r\nimport Select from \"@material-ui/core/Select\";\r\nimport Checkbox from \"@material-ui/core/Checkbox\";\r\nimport Chip from \"@material-ui/core/Chip\";\r\nimport Searchbar from \"./createschedulesearch\";\r\nimport Dayselect from \"./createselectday\";\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n formControl: {\r\n margin: theme.spacing(1),\r\n minWidth: 120,\r\n },\r\n chips: {\r\n display: \"flex\",\r\n flexWrap: \"wrap\",\r\n },\r\n chip: {\r\n margin: 2,\r\n },\r\n noLabel: {\r\n marginTop: theme.spacing(3),\r\n },\r\n}));\r\n\r\nconst ITEM_HEIGHT = 48;\r\nconst ITEM_PADDING_TOP = 8;\r\nconst MenuProps = {\r\n PaperProps: {\r\n style: {\r\n maxHeight: ITEM_HEIGHT * 4.5 + ITEM_PADDING_TOP,\r\n width: 250,\r\n },\r\n },\r\n};\r\n\r\nconst names = [\"Oliver Hansen\", \"Van Henry\", \"April Tucker\", \"Ralph Hubbard\"];\r\n\r\nconst names1 = [\r\n \"Oliver Hansen\",\r\n \"Van Henry\",\r\n \"April Tucker\",\r\n \"Ralph Hubbard\",\r\n \"Omar Alexander\",\r\n \"Carlos Abbott\",\r\n \"Miriam Wagner\",\r\n \"Bradley Wilkerson\",\r\n \"Virginia Andrews\",\r\n \"Kelly Snyder\",\r\n];\r\n\r\nfunction getStyles(name, personName, theme) {\r\n return {\r\n fontWeight:\r\n personName.indexOf(name) === -1\r\n ? theme.typography.fontWeightRegular\r\n : theme.typography.fontWeightMedium,\r\n };\r\n}\r\n\r\nexport default function MultipleSelect() {\r\n const classes = useStyles();\r\n const theme = useTheme();\r\n const [personName, setPersonName] = React.useState([]);\r\n\r\n const handleChange = (event) => {\r\n setPersonName(event.target.value);\r\n };\r\n\r\n const handleChangeMultiple = (event) => {\r\n const { options } = event.target;\r\n const value = [];\r\n for (let i = 0, l = options.length; i < l; i += 1) {\r\n if (options[i].selected) {\r\n value.push(options[i].value);\r\n }\r\n }\r\n setPersonName(value);\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","import React, { Component } from \"react\";\r\nimport { Switch, Route, Link, BrowserRouter } from \"react-router-dom\";\r\nimport Multiselect from \"./multiselect\";\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport MiddleHeader from '../middleHeader/middleHeader'\r\nimport Typography from \"@material-ui/core/Typography\";\r\nimport Grid from \"@material-ui/core/Grid\";\r\nimport Paper from \"@material-ui/core/Paper\";\r\nimport Container from \"@material-ui/core/Container\";\r\nimport Colors from \"./../../Global/colors\";\r\nimport CreateScheduleForm from \"./createschedulesearch\";\r\nimport { useTranslation } from \"react-i18next\";\r\n\r\nexport default function CreateSchedule() {\r\n const { t } = useTranslation();\r\n return (\r\n <>\r\n \r\n
\r\n
\r\n
\r\n \r\n \r\n \r\n {/* \r\n */}\r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n );\r\n}\r\n","/* eslint-disable no-use-before-define */\r\nimport React from \"react\";\r\nimport TextField from \"@material-ui/core/TextField\";\r\nimport Autocomplete from \"@material-ui/lab/Autocomplete\";\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\n\r\nimport GlobalApi from \"./../../Global\";\r\nimport swal from \"@sweetalert/with-react\";\r\nimport refresh_token from \"./../../Global/refresh_token\";\r\n\r\nfunction countryToFlag(isoCode) {\r\n return typeof String.fromCodePoint !== \"undefined\"\r\n ? isoCode\r\n .toUpperCase()\r\n .replace(/./g, (char) =>\r\n String.fromCodePoint(char.charCodeAt(0) + 127397)\r\n )\r\n : isoCode;\r\n}\r\n\r\nconst useStyles = makeStyles({\r\n option: {\r\n fontSize: 10,\r\n \"& > span\": {\r\n marginRight: 0,\r\n fontSize: 10,\r\n },\r\n },\r\n});\r\n\r\n\r\n\r\nexport default function CountrySelect(props) {\r\n\r\n const [templates, setTemplates] = React.useState([])\r\n\r\n\r\n React.useEffect(() => {\r\n fetchTemplate()\r\n }, [])\r\n\r\n const onTempChange = (event, values) => {\r\n if (values !== null) {\r\n console.log(\"asd\", values)\r\n props.template(values.id);\r\n } else {\r\n if (values == null) {\r\n values = \"cleared\";\r\n props.template(values.id);\r\n }\r\n }\r\n };\r\n\r\n const fetchTemplate = () => {\r\n let localstorage = localStorage.getItem(\"UserData\");\r\n var data = JSON.parse(localstorage);\r\n let token = data.token;\r\n let params = {\r\n organization_id: data.organization_id,\r\n };\r\n console.log(data.user_id);\r\n let query = Object.keys(params)\r\n .map((k) => encodeURIComponent(k) + \"=\" + encodeURIComponent(params[k]))\r\n .join(\"&\");\r\n\r\n fetch(GlobalApi + \"/Template/get_all_templates?\" + query, {\r\n method: \"GET\",\r\n headers: {\r\n Authorization: \"Bearer \" + token,\r\n \"Content-Type\": \"application/json\",\r\n },\r\n })\r\n .then((responseJson) => responseJson.json())\r\n .then(async (response) => {\r\n console.log(response, \"{}{}{}{}\");\r\n if (response.status === \"Success\") {\r\n setTemplates(response.data)\r\n\r\n } else if (\r\n response.error === \"jwt expired\" ||\r\n response.error === \"invalid token\" ||\r\n response.error === \"invalid signature\" ||\r\n response.error === \"Unexpected token\"\r\n ) {\r\n let status = await refresh_token();\r\n console.log(status);\r\n if (status) {\r\n console.log(\"opopopop\");\r\n fetchTemplate();\r\n }\r\n }\r\n })\r\n .catch((error) => console.log(error.message));\r\n console.log(\"op\");\r\n };\r\n const onAssigneeChange = (event, values) => {\r\n if (values !== null) {\r\n props.assignee(values.id);\r\n } else {\r\n if (values === null) {\r\n values = \"cleared\";\r\n props.assignee(values);\r\n }\r\n }\r\n };\r\n\r\n const classes = useStyles();\r\n return (\r\n \r\n {t(\"Schedule Inspection\")}\r\n
\r\n\r\n \r\n Send us feedback\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {data.title}\r\n \r\n \r\n \r\n \r\n \r\n {packageDetails?.inspection_count +\r\n \"/\" +\r\n (packageDetails.inspection_limit === \"Unlimited\"\r\n ? \"~\"\r\n : packageDetails.inspection_limit) +\r\n \" inspection have been created\"}\r\n \r\n \r\n \r\n {(packageDetails?.inspection_limit !=\r\n \"Unlimited\" ? (\r\n parseInt(packageDetails.inspection_limit) >\r\n parseInt(packageDetails.inspection_count)\r\n ) : (\r\n true\r\n )) ? (\r\n handleStart(data.id, data.template_id)}\r\n style={{ background: \"#043077\", color: \"white\" }}\r\n >\r\n Start Inspection\r\n \r\n ) : (\r\n {\r\n handleClose();\r\n\r\n handlePackage(\"/update_package\")\r\n }}\r\n style={{ background: \"#043077\", color: \"white\" }}\r\n >\r\n Upgrade package\r\n \r\n )}\r\n \r\n \r\n \r\n \r\n
\r\n );\r\n } else {\r\n return \r\n \r\n \r\n
\r\n
\r\n | Schedule Window | \r\n\r\n \r\n Start at {moment(data.start_date).format(\"MMMM DD, YYYY\")}\r\n . Due by {moment(data.end_date).format(\"MMMM DD, YYYY\")}\r\n \r\n | \r\n
| Template | \r\n\r\n {Template[0] ? Template[0].title : \"\"} \r\n | \r\n
| Assigned By | \r\n\r\n \r\n {\" \"}\r\n {data.user && data.user.first_name}{\" \"}\r\n {data.user && data.user.last_name}\r\n \r\n | \r\n
| Assignees | \r\n\r\n \r\n {data.ScheduleAssignees.map((v) => {\r\n return (\r\n \r\n | \r\n
\r\n {response?.title.slice(0, 30) +\r\n (response?.title.length > 30 ? \"...\" : \"\")}\r\n
\r\n\r\n {response?.template_title?.slice(0, 20) +\r\n (response?.template_title?.length > 20 ? \"...\" : \"\")}\r\n
\r\n \r\n }\r\n \r\n\r\n\r\n {response?.site_title.slice(0, 15) +\r\n (response?.site_title.length > 15 ? \"...\" : \"\")}\r\n
\r\n \r\n }\r\n \r\n\r\n {response?.assignees_user?.map((v, i) => {\r\n if (i <= 2) {\r\n return (\r\n \r\n {v.avatar !== null ? (\r\n \r\n \r\n {v\r\n ? v.first_name\r\n .substring(0, 1)\r\n .toUpperCase()\r\n .concat(\r\n v\r\n ? v.last_name\r\n .substring(0, 1)\r\n .toUpperCase()\r\n : \"\"\r\n )\r\n : \"\"}\r\n \r\n
\r\n )}\r\n \r\n );\r\n } else {\r\n return (\r\n \r\n
\r\n \r\n {v.group_name\r\n .substring(0, 1)\r\n .toUpperCase()}\r\n
\r\n 500 ? \"10px\" : \"5px\" }}>\r\n \r\n {scheduleLoader && (\r\n \r\n
\r\n )}\r\n\r\n {!scheduleLoader && (\r\n \r\n {window.innerWidth > 500 && \r\n \r\n \r\n
\r\n }\r\n\r\n {window.innerWidth <= 500 && \r\n
\r\n );\r\n })\r\n ) : (\r\n \r\n {state.Schedule.length !== 0 ? (\r\n state.Schedule.filter(\r\n (v) =>\r\n v?.title?.toLowerCase().includes(searchText?.toLowerCase()) ||\r\n v?.template_title?.toLowerCase().includes(searchText?.toLowerCase()) ||\r\n v?.site_title?.toLowerCase().includes(searchText?.toLowerCase()) ||\r\n user?.first_name?.toLowerCase().includes(searchText?.toLowerCase())||\r\n user?.last_name?.toLowerCase().includes(searchText?.toLowerCase())\r\n ).map((response, index) => {\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 Schedule\r\n
\r\n\r\n\r\n {response?.title.slice(0, 30) +\r\n (response?.title.length > 30 ? \"...\" : \"\")}\r\n
\r\n\r\n
\r\n \r\n Template\r\n
\r\n\r\n {response?.template_title?.slice(0, 20) +\r\n (response?.template_title?.length > 20 ? \"...\" : \"\")}\r\n
\r\n\r\n
\r\n \r\n Site\r\n
\r\n\r\n {response?.site_title.slice(0, 15) +\r\n (response?.site_title.length > 15 ? \"...\" : \"\")}\r\n
\r\n\r\n \r\n \r\n +{response.assignees_user.length - 3}\r\n \r\n
\r\n );\r\n }\r\n })}\r\n \r\n Assigned to\r\n
\r\n\r\n {response?.assignees_user?.map((v, i) => {\r\n if (i <= 2) {\r\n return (\r\n \r\n {v.avatar !== null ? (\r\n \r\n \r\n {v\r\n ? v.first_name\r\n .substring(0, 1)\r\n .toUpperCase()\r\n .concat(\r\n v\r\n ? v.last_name\r\n .substring(0, 1)\r\n .toUpperCase()\r\n : \"\"\r\n )\r\n : \"\"}\r\n \r\n
\r\n )}\r\n \r\n );\r\n } else {\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 {response.status == \"active\" && \r\n \r\n
}\r\n\r\n \r\n history.push(\"/schedule-edit/\" + response.id)} />\r\n
\r\n\r\n \r\n
\r\n )}\r\n }\r\n \r\n )}\r\n