\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n Change Password\r\n \r\n \r\n \r\n ({\r\n validator(rule, value) {\r\n return validatePasswordField(\r\n value,\r\n form.getFieldValue(\"password\")\r\n );\r\n },\r\n }),\r\n ]}\r\n >\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n {User.getFirstName().concat(\" \", User.getLastName())}\r\n \r\n \r\n
\r\n\r\n \r\n \r\n {User.getEmail()}\r\n \r\n \r\n {User.getCompany()?.name ?? K.NullValue}\r\n \r\n \r\n \r\n Change Password */}\r\n \r\n Password\r\n \r\n \r\n
\r\n Register
\r\n {\r\n searchInput = node;\r\n }}\r\n placeholder=\"Search Name\"\r\n value={selectedKeys[0]}\r\n onChange={(e) =>\r\n setSelectedKeys(e.target.value ? [e.target.value] : [])\r\n }\r\n onPressEnter={() => handleSearch(selectedKeys, confirm, dataIndex)}\r\n style={{ marginBottom: 8, display: \"block\" }}\r\n />\r\n \r\n handleSearch(selectedKeys, confirm, dataIndex)}\r\n icon={ handleReset(clearFilters)}\r\n size=\"small\"\r\n style={{ width: 90 }}\r\n >\r\n Clear\r\n \r\n \r\n
\r\n ),\r\n filterIcon: (filtered) => (\r\n \r\n {\r\n searchInput = node;\r\n }}\r\n placeholder=\"Search Name\"\r\n value={selectedKeys[0]}\r\n onChange={(e) =>\r\n setSelectedKeys(e.target.value ? [e.target.value] : [])\r\n }\r\n onPressEnter={() => handleSearch(selectedKeys, confirm, dataIndex)}\r\n style={{ marginBottom: 8, display: \"block\" }}\r\n />\r\n \r\n handleSearch(selectedKeys, confirm, dataIndex)}\r\n icon={ handleReset(clearFilters)}\r\n size=\"small\"\r\n style={{ width: 90 }}\r\n >\r\n Clear\r\n \r\n \r\n
\r\n ),\r\n filterIcon: (filtered) => (\r\n \r\n {\r\n if (record.FatigueScore >= 0 && record.FatigueScore <= 30) {\r\n return \"FatigueScore-0-30\";\r\n }\r\n if (record.FatigueScore > 30 && record.FatigueScore <= 60) {\r\n return \"FatigueScore-30-60\";\r\n }\r\n if (record.FatigueScore > 60) {\r\n return \"FatigueScore-Above-60\";\r\n }\r\n }}\r\n className=\"cercadian-table\"\r\n dataSource={dataSource}\r\n columns={columns}\r\n onRow={(record, index) => {\r\n return {\r\n onClick: (event) => {\r\n handleModal(record);\r\n },\r\n };\r\n }}\r\n />\r\n \r\n \r\n {title}\r\n
\r\n }\r\n visible={isModalVisible}\r\n okText={\"Close\"}\r\n onOk={handleClose}\r\n cancelButtonProps={{ style: { display: \"none\" } }}\r\n width={1000}\r\n closable={false}\r\n >\r\n \r\n
\r\n );\r\n}\r\n","import { useEffect, useState } from \"react\";\r\nimport styles from \"./reportChart.module.scss\";\r\nimport { mean, standardDeviation, standardError } from \"../../utilities/statistics\";\r\nimport BarChart from \"./barChart\";\r\n\r\nexport default function ReportChart({ reportData, fileName }) {\r\n\r\n const mappedFatigueScores = () => {\r\n if (reportData && reportData.sequences && reportData.sequences.sequence && !Array.isArray(reportData.sequences.sequence)) {\r\n return [Number(reportData.sequences.sequence.FatigueScore)];\r\n }\r\n \r\n if (!reportData || reportData.length === 0) {\r\n return [];\r\n }\r\n \r\n return reportData.sequences.sequence.map(item => Number(item.FatigueScore));\r\n }\r\n\r\n return Frequency
\r\n Risk Factor
\r\n \r\n Fatigue Score
\r\n \r\n \r\n {mappedFatigueScores().length > 1 && \r\n
;\r\n\r\n}","import axios from \"axios\";\r\nimport K from \"../utilities/constants\";\r\nimport { message } from \"antd\";\r\nimport { camelCaseKeys } from \"../utilities/generalUtility\";\r\nimport { trackPromise } from \"react-promise-tracker\";\r\nimport User from \"../models/user/user\";\r\n\r\nexport default class DirectNetworkCall {\r\n static async fetch(request, useLoading = true) {\r\n try {\r\n const response = useLoading\r\n ? await trackPromise(\r\n DirectNetworkCall.axios({\r\n method: request.method,\r\n url: request.url,\r\n data: request.body,\r\n headers: request.headers,\r\n validateStatus: (status) => {\r\n return (status >= 200 && status < 300) || status === 304;\r\n },\r\n })\r\n )\r\n : await DirectNetworkCall.axios({\r\n method: request.method,\r\n url: request.url,\r\n data: request.body,\r\n headers: request.headers,\r\n validateStatus: (status) => {\r\n return (status >= 200 && status < 300) || status === 304;\r\n },\r\n });\r\n\r\n console.log(\"DirectNetworkCall Data: \", response.data);\r\n return response.data;\r\n } catch (err) {\r\n let error = err.response;\r\n console.log(\"DirectNetworkCall Error: \", error);\r\n if (error === undefined) {\r\n message.error(\"Cannot connect to server\");\r\n return Promise.reject({\r\n error: error,\r\n });\r\n } else if (error.status === K.Network.StatusCode.Unauthorized) {\r\n User.logoutCall(\"User unauthorized\");\r\n } else message.error(error.data.message);\r\n\r\n if (\"errors\" in error.data)\r\n error.data.errors = camelCaseKeys(error.data.errors);\r\n return Promise.reject({\r\n error: error,\r\n message: error.data.message,\r\n statusCode: error.status,\r\n });\r\n }\r\n }\r\n}\r\nDirectNetworkCall.axios = axios.create({\r\n baseURL: K.Network.URL.BaseCasAPI,\r\n timeout: K.Network.Timeout,\r\n headers: {},\r\n});\r\n","import K from \"../utilities/constants\";\r\nimport User from \"../models/user/user\";\r\n\r\nexport default class DirectRequest {\r\n constructor(\r\n relativeURL,\r\n method = K.Network.Method.GET,\r\n body = null,\r\n defaultHeaderType = K.Network.Header.Type.Json,\r\n headers = {}\r\n ) {\r\n const token = User.getToken();\r\n const permissions = User.getAllPermissions();\r\n\r\n headers = {\r\n ...(defaultHeaderType === K.Network.Header.Type.Json\r\n ? K.Network.Header.Default(token, permissions)\r\n : K.Network.Header.Authorization(token, permissions)),\r\n ...headers,\r\n };\r\n \r\n this.url = K.Network.URL.BaseCasAPI + relativeURL;\r\n this.method = method;\r\n this.body = body;\r\n this.headers = headers;\r\n }\r\n\r\n static getXmlFromFile(file) {\r\n const formData = new FormData();\r\n formData.append('file', file);\r\n\r\n let user = User.getUserObjectFromCookies().user;\r\n\r\n let urlWithIds = K.Network.URL.WebCasFile.replace(\"{clientId}\", user.companyId).replace(\"{userId}\", user.id);\r\n \r\n return new DirectRequest(\r\n urlWithIds,\r\n K.Network.Method.POST,\r\n formData,\r\n K.Network.Header.Type.XML,\r\n { \"Content-Type\": \"multipart/form-data\", Accept: \"application/xml\" },\r\n false\r\n );\r\n }\r\n}\r\n","import NetworkCall from \"../network/networkCall\";\r\nimport DirectNetworkCall from \"../network/directNetworkCall\"\r\nimport Request from \"../network/request\";\r\nimport DirectRequest from \"../network/directRequest\"\r\n\r\nexport const getXml = async (XML) =>\r\n await NetworkCall.fetch(Request.getXml(XML));\r\n\r\n \r\nexport const getXmlFromFile = async (file) =>\r\n await DirectNetworkCall.fetch(DirectRequest.getXmlFromFile(file));\r\n","export default __webpack_public_path__ + \"static/media/HOW-TO@1x.811ddc76.png\";","import React, { Fragment } from \"react\";\r\nimport { Form, Input, Button, Checkbox, Card } from \"antd\";\r\nimport { LockOutlined } from \"@ant-design/icons\";\r\nimport User from \"../../models/user/user\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport { Link, useLocation } from \"react-router-dom\";\r\nimport Circadianlogo from \"../../assets/images/circadian-logo.png\";\r\nimport {\r\n redirectToUrl,\r\n validatePasswordField,\r\n} from \"../../utilities/generalUtility\";\r\nvar md5 = require(\"md5\");\r\n\r\nexport default function SetPassword() {\r\n const dispatch = useDispatch();\r\n const location = useLocation();\r\n const [form] = Form.useForm();\r\n const isReset = location.pathname === \"/reset-password\";\r\n\r\n const onFinish = async (values) => {\r\n let token = location.search.substring(7);\r\n if (!isReset) {\r\n try {\r\n let user = await dispatch(\r\n User.setPassword(md5(values.password), token, values.remember)\r\n );\r\n const { from } = location.state || { from: { path: \"/\" } };\r\n redirectToUrl(\"\", from.path);\r\n } catch (error) {}\r\n } else {\r\n try {\r\n let user = await dispatch(\r\n User.resetPassword(md5(values.password), token, values.remember)\r\n );\r\n const { from } = location.state || { from: { path: \"/\" } };\r\n redirectToUrl(\"\", from.path);\r\n } catch (error) {}\r\n }\r\n };\r\n\r\n const onFinishFailed = (errorInfo) => {};\r\n return (\r\n Fatigue Index Distribution{fileName && (` - ${fileName}`)}
\r\n mean: {mean(mappedFatigueScores())} \r\n std_dev: {standardDeviation(mappedFatigueScores()).toFixed(2)} \r\n std_err: {standardError(mappedFatigueScores()).toFixed(2)} \r\n n={mappedFatigueScores().length}\r\n
\r\n }\r\n \r\n
\r\n \r\n \r\n \r\n 0-30 (Low)\r\n
\r\n \r\n \r\n 31-55 (Medium)\r\n
\r\n \r\n \r\n 56-100 (High)\r\n
\r\n \r\n \r\n \r\n \r\n \r\n ({\r\n validator(rule, value) {\r\n return validatePasswordField(\r\n value,\r\n form.getFieldValue(\"password\")\r\n );\r\n },\r\n }),\r\n ]}\r\n >\r\n \r\n \r\n Remember me \r\n \r\n\r\n \r\n Login to your account\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n 
\r\n
\r\n \r\n {isReset ? \"Reset Password\" : \"Set Password\"}
\r\n\r\n \r\n \r\n \r\n
\r\n\r\n \r\n
\r\n \r\n \r\n e.preventDefault()}\r\n >\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Reset\r\n \r\n \r\n OR \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n FORGOT PASSWORD
\r\nUnauthorized
\r\n );\r\n}","import React, { useState } from \"react\";\r\nimport { SaveOutlined } from \"@ant-design/icons\";\r\nimport {\r\n Button,\r\n Card,\r\n Col,\r\n Form,\r\n Image,\r\n Input,\r\n message,\r\n Modal,\r\n Row,\r\n} from \"antd\";\r\n\r\nimport { useDispatch } from \"react-redux\";\r\nimport { getXmlFromFile } from \"../../api/api\";\r\nimport DataImage from \"../../assets/images/HOW-TO@1x.png\";\r\nimport SavedReport from \"../../models/savedReport/savedReport\";\r\nimport SearchTable from \"./searchTable\";\r\nimport ExportCSV from \"../../common/components/exportCSV/exportCSV\";\r\nimport { isPermissionPresent } from \"../../utilities/generalUtility\";\r\nimport K from \"../../utilities/constants\";\r\nimport ReportChart from \"../reportChart/reportChart\";\r\n\r\n\r\nexport default function Search() {\r\n const dispatch = useDispatch();\r\n const [form] = Form.useForm();\r\n const [isModalVisible, setIsModalVisible] = useState(false);\r\n const [data, setData] = useState(\"\");\r\n const [CSVData, setCSVData] = useState([]);\r\n const [CSVColumns, setCSVColumns] = useState([]);\r\n const [emptyError, setEmptyError] = useState(false); \r\n const [file, setFile] = useState()\r\n const [fileName, setFileName] = useState('');\r\n\r\n const handleChange = (event) => {\r\n setFile(event.target.files[0]);\r\n };\r\n\r\n const handleXmlSearch = async () => {\r\n if (file) {\r\n try {\r\n const responseData = await getXmlFromFile(file);\r\n setData(responseData.get_fatigue_report);\r\n setFileName(file.name);\r\n } catch (error) {\r\n console.log(\"error\", error);\r\n }\r\n } else {\r\n setEmptyError(true);\r\n }\r\n };\r\n const saveReport = async (values) => {\r\n try {\r\n await dispatch(SavedReport.createReport(values.name, data));\r\n message.success(\"Report Saved Successfully!\");\r\n setIsModalVisible(false);\r\n } catch (error) {\r\n console.error(error);\r\n }\r\n };\r\n\r\n const handleOk = () => {\r\n form.submit();\r\n };\r\n\r\n const handleCancel = () => {\r\n setIsModalVisible(false);\r\n };\r\n\r\n const mappedFatigueScores = () => {\r\n if (data && data.sequences.sequence && !Array.isArray(data.sequences.sequence)) {\r\n return [Number(data.sequences.sequence.FatigueScore)];\r\n }\r\n\r\n if (!data || data.length === 0) {\r\n return [];\r\n }\r\n \r\n return data.sequences.sequence.map(item => Number(item.FatigueScore));\r\n }\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n Submit\r\n \r\n \r\n \r\n \r\n \r\n \r\n {data && data.sequences ? (\r\n \r\n \r\n ) : (\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, { Fragment, useEffect, useState } from \"react\";\r\nimport {\r\n Button,\r\n Card,\r\n Form,\r\n Input,\r\n message,\r\n Modal,\r\n PageHeader,\r\n Popconfirm,\r\n Space,\r\n Table,\r\n} from \"antd\";\r\nimport { SearchOutlined } from \"@ant-design/icons\";\r\nimport Highlighter from \"react-highlight-words\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport SavedReport from \"../../models/savedReport/savedReport\";\r\nimport BaseModel from \"../../models/baseModel/baseModel\";\r\nimport { stringSorting } from \"../../utilities/generalUtility\";\r\nimport { Link } from \"react-router-dom\";\r\n\r\nexport default function SavedReports() {\r\n let searchInput = \"\";\r\n const dispatch = useDispatch();\r\n const [form] = Form.useForm();\r\n const [searchText, setSearchText] = useState(\"\");\r\n const [searchedColumn, setSearchedColumn] = useState(\"\");\r\n const [editId, setEditId] = useState(null);\r\n const [isModalVisible, setIsModalVisible] = useState(false);\r\n const [isLoading, setIsLoading] = useState(\"\");\r\n const reportsList = useSelector((state) => {\r\n return BaseModel.getSelector(SavedReport)(state);\r\n });\r\n \r\n const getSavedReports = async () => {\r\n try {\r\n await dispatch(SavedReport.getReports());\r\n setIsLoading(false);\r\n } catch (error) {\r\n console.error(error);\r\n }\r\n };\r\n\r\n const deleteReport = async (id) => {\r\n try {\r\n await dispatch(SavedReport.deleteReport(id));\r\n message.success(\"Report Deleted\");\r\n } catch (error) {\r\n console.error(error);\r\n }\r\n };\r\n\r\n const handleOk = async (values) => {\r\n setIsLoading(true);\r\n try {\r\n await dispatch(SavedReport.renameReport(editId, values.name));\r\n message.success(\"Report name updated\");\r\n setIsModalVisible(false);\r\n } catch (error) {\r\n console.error(error);\r\n }\r\n setIsLoading(false);\r\n };\r\n\r\n const handleCancel = () => {\r\n setIsModalVisible(false);\r\n };\r\n\r\n const handleSearch = (selectedKeys, confirm, dataIndex) => {\r\n confirm();\r\n setSearchText(selectedKeys[0]);\r\n setSearchedColumn(dataIndex);\r\n };\r\n\r\n const handleReset = (clearFilters) => {\r\n clearFilters();\r\n setSearchText(\"\");\r\n };\r\n\r\n const getColumnSearchProps = (dataIndex) => ({\r\n filterDropdown: ({\r\n setSelectedKeys,\r\n selectedKeys,\r\n confirm,\r\n clearFilters,\r\n }) => (\r\n \r\n \r\n Only XML and CSV Files can be uploaded
\r\n Click here for instructions\r\n \r\n
\r\n About CAS
\r\n CAS is a scientifically validated fatigue risk model that converts work history data into Fatigue Scores ranging from 1 to 100:
\r\n
- \r\n
- 1-30 = Low Fatigue Risk \r\n
- 31-55 = Average Fatigue Risk \r\n
- 56-100 = High Fatigue Risk \r\n
For over 20-years, 24/7 operations have used CAS to assess the fatigue risk of each person in their workforce and drive down the daily risk of errors, accidents and injuries due to worker fatigue.
\r\nCIRCADIAN® is the global leader in scheduling, staffing, training and risk management of the 24/7 workforce.
\r\nLearn more at www.circadian.com
\r\n\r\n
\r\n Result
\r\n\r\n {isPermissionPresent([K.Permissions.SaveReports]) && (\r\n {\r\n setIsModalVisible(true);\r\n }}\r\n >\r\n
\r\n CAS Fatigue Risk Management
\r\n \r\n\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n {\r\n searchInput = node;\r\n }}\r\n placeholder=\"Search Name\"\r\n value={selectedKeys[0]}\r\n onChange={(e) =>\r\n setSelectedKeys(e.target.value ? [e.target.value] : [])\r\n }\r\n onPressEnter={() => handleSearch(selectedKeys, confirm, dataIndex)}\r\n style={{ marginBottom: 8, display: \"block\" }}\r\n />\r\n \r\n handleSearch(selectedKeys, confirm, dataIndex)}\r\n icon={ handleReset(clearFilters)}\r\n size=\"small\"\r\n style={{ width: 90 }}\r\n >\r\n Clear\r\n \r\n \r\n
\r\n ),\r\n filterIcon: (filtered) => (\r\n \r\n \r\n \r\n
\r\n \r\n \r\n\r\n \r\n
\r\n NotFound
\r\n );\r\n}","import React from \"react\";\r\nimport User from \"../models/user/user\";\r\nimport { Redirect, Route } from \"react-router-dom\";\r\nimport {\r\n isPermissionPresent,\r\n redirectIfInvalidTenant,\r\n} from \"../utilities/generalUtility\";\r\n\r\nexport default function RouteWithSubRoutes(route) {\r\n return (\r\n \r\n \r\n {routes.map((route, i) => (\r\n \r\n
\r\n );\r\n}\r\n\r\nexport default App;\r\n","import { createSlice } from '@reduxjs/toolkit';\r\n\r\nexport const counterSlice = createSlice({\r\n name: 'counter',\r\n initialState: {\r\n value: 0,\r\n },\r\n reducers: {\r\n increment: state => {\r\n // Redux Toolkit allows us to write \"mutating\" logic in reducers. It\r\n // doesn't actually mutate the state because it uses the Immer library,\r\n // which detects changes to a \"draft state\" and produces a brand new\r\n // immutable state based off those changes\r\n state.value += 1;\r\n },\r\n decrement: state => {\r\n state.value -= 1;\r\n },\r\n incrementByAmount: (state, action) => {\r\n state.value += action.payload;\r\n },\r\n },\r\n});\r\n\r\nexport const { increment, decrement, incrementByAmount } = counterSlice.actions;\r\n\r\n// The function below is called a thunk and allows us to perform async logic. It\r\n// can be dispatched like a regular action: `dispatch(incrementAsync(10))`. This\r\n// will call the thunk with the `dispatch` function as the first argument. Async\r\n// code can then be executed and other actions can be dispatched\r\nexport const incrementAsync = amount => dispatch => {\r\n setTimeout(() => {\r\n dispatch(incrementByAmount(amount));\r\n }, 1000);\r\n};\r\n\r\n// The function below is called a selector and allows us to select a value from\r\n// the state. Selectors can also be defined inline where they're used instead of\r\n// in the slice file. For example: `useSelector((state) => state.counter.value)`\r\nexport const selectCount = state => state.counter.value;\r\n\r\nexport default counterSlice.reducer;\r\n","import { configureStore } from \"@reduxjs/toolkit\";\r\nimport { createReducer } from \"redux-orm\";\r\nimport User from \"../models/user/user\";\r\nimport counterReducer from \"../features/counter/counterSlice\";\r\nimport orm from \"./orm\";\r\nimport logger from \"redux-logger\";\r\nimport SavedReport from \"../models/savedReport/savedReport\";\r\nimport Role from \"../models/role/role\";\r\nimport Permission from \"../models/permission/permission\";\r\n\r\norm.register(User, Role, SavedReport, Permission);\r\n\r\nexport default configureStore({\r\n reducer: {\r\n orm: createReducer(orm),\r\n counter: counterReducer,\r\n },\r\n middleware: (getDefaultMiddleware) => getDefaultMiddleware().concat(logger),\r\n});\r\n","const reportWebVitals = onPerfEntry => {\r\n if (onPerfEntry && onPerfEntry instanceof Function) {\r\n import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\r\n getCLS(onPerfEntry);\r\n getFID(onPerfEntry);\r\n getFCP(onPerfEntry);\r\n getLCP(onPerfEntry);\r\n getTTFB(onPerfEntry);\r\n });\r\n }\r\n};\r\n\r\nexport default reportWebVitals;\r\n","import React from \"react\";\r\nimport ReactDOM from \"react-dom\";\r\n//import \"antd/dist/antd.css\";\r\nimport \"antd/dist/antd.less\";\r\nimport \"./styles.scss\";\r\nimport App from \"./app/App\";\r\nimport store from \"./app/store\";\r\nimport { Provider } from \"react-redux\";\r\nimport { BrowserRouter as Router } from \"react-router-dom\";\r\nimport reportWebVitals from \"./reportWebVitals\";\r\n\r\nReactDOM.render(\r\n