(null);\r\n const { auditReport, exporting } = useAuditReport((response: any) => {\r\n if (response) {\r\n downloadFileContent({\r\n name: getAuditReportFileName(data.data[0], response.headers['content-type']),\r\n type: response.headers['content-type'],\r\n content: response.data\r\n });\r\n }\r\n }, () => {\r\n toast.error(ERROR_MESSAGES.DEFAULT)\r\n });\r\n const { exportTodos, exporting: exportingTodos } = useExportTodos((response: any) => {\r\n downloadFileContent({\r\n name: 'Audit Activities.xlsx',\r\n type: response.headers['content-type'],\r\n content: response.data\r\n });\r\n }, () => {\r\n toast.error(ERROR_MESSAGES.DEFAULT);\r\n });\r\n\r\n const buttons: ActionButton[] = [\r\n // {\r\n // label: 'Bulk Upload',\r\n // name: 'bulkUpload',\r\n // privilege: USER_PRIVILEGES.SUBMITTER_ACTIVITIES_UPLOAD,\r\n // action: () => {\r\n // setBulkUpload(true)\r\n // }\r\n // },\r\n {\r\n label: 'Submit to Auditor',\r\n name: 'submitToAuditor',\r\n privilege: USER_PRIVILEGES.SUBMITTER_ACTIVITIES_SUBMIT,\r\n action: () => {\r\n onSubmitToAuditor();\r\n }\r\n },\r\n {\r\n label: 'Send Report',\r\n name: 'sendReport',\r\n action: () => {\r\n setAction(ACTIONS.SEND_REPORT);\r\n }\r\n }\r\n ]\r\n\r\n function onLocationChange(event: any) {\r\n const { company, associateCompany, location } = event;\r\n setLocationFilter([\r\n { columnName: 'companyId', value: company },\r\n { columnName: 'associateCompanyId', value: associateCompany },\r\n { columnName: 'locationId', value: location }\r\n ]);\r\n }\r\n\r\n function editActivity(activity: any) {\r\n setActivity(activity);\r\n }\r\n\r\n function downloadForm(activity: any) {\r\n setSubmitting(true);\r\n api.get(`/api/ActStateMapping/Get?id=${activity.actStateMappingId}`).then(response => {\r\n if (response.data.filePath) {\r\n download(response.data.fileName, response.data.filePath)\r\n } else {\r\n toast.warn('No files available');\r\n }\r\n }).finally(() => setSubmitting(false));\r\n }\r\n\r\n function downloadReport(event: any) {\r\n preventDefault(event);\r\n setSubmitting(true);\r\n const _request = { ...reduceArraytoObj(lfRef.current as any), ...reduceArraytoObj(afRef.current) };\r\n const _payload: any = {\r\n company: _request.companyId,\r\n associateCompany: _request.associateCompanyId,\r\n location: _request.locationId,\r\n month: _request.month,\r\n year: _request.year,\r\n statuses: ['']\r\n };\r\n\r\n api.post('/api/ToDo/GetToDoByCriteria', _payload).then(response => {\r\n if (response && response.data) {\r\n const list = response.data || [];\r\n const _report = list.filter((x: any) => x.published);\r\n if (_report.length > 0) {\r\n const user = getUserDetails();\r\n _payload['auditorId'] = user.userid;\r\n auditReport(_payload);\r\n } else {\r\n toast.warn('There are no reports available for the selected month and year.');\r\n }\r\n }\r\n }).finally(() => setSubmitting(false));\r\n }\r\n\r\n function onSubmitToAuditor() {\r\n const _filter = hasFilters(afRef, 'month');\r\n if (!Boolean(_filter)) {\r\n setAlertMessage(`\r\n Submit to auditor can be performed on a specfic month only. Please refine your search to specific month and year.
\r\n Advance Search > Select Specific Month and Year\r\n `);\r\n } else {\r\n setSubmitting(true);\r\n const _request = { ...reduceArraytoObj(lfRef.current as any), ...reduceArraytoObj(afRef.current) };\r\n const _payload = {\r\n company: _request.companyId,\r\n associateCompany: _request.associateCompanyId,\r\n location: _request.locationId,\r\n month: _request.month,\r\n year: _request.year,\r\n statuses: ['']\r\n };\r\n api.post('/api/ToDo/GetToDoByCriteria', _payload).then(response => {\r\n if (response && response.data) {\r\n const _rows = response.data || [];\r\n const _applicableRows = _rows.filter((x: any) => x.auditted === ACTIVITY_TYPE.AUDIT && x.status !== ACTIVITY_STATUS.AUDITED && x.status !== ACTIVITY_STATUS.SUBMITTED);\r\n const _published = _applicableRows.filter((x: any) => x.published);\r\n if (_published.length > 0) {\r\n setAlertMessage('All the activities are published for the selected month and year. See Audit report for more details.');\r\n } else if (_applicableRows.length) {\r\n setSelectedRows(_applicableRows);\r\n setSubmitToAuditor(true);\r\n } else {\r\n toast.warn('There are no activities available for submission.');\r\n }\r\n }\r\n }).finally(() => setSubmitting(false));\r\n }\r\n }\r\n\r\n function onSubmitToAuditorHandler(e: any) {\r\n preventDefault(e);\r\n setSubmitting(true);\r\n const ids = selectedRows.map(x => x.id);\r\n api.post('/api/ToDo/SubmitToAudit', ids).then(() => {\r\n toast.success('Selected activities submitted successfully.');\r\n refetch();\r\n setSubmitToAuditor(false);\r\n }).finally(() => setSubmitting(false));\r\n }\r\n\r\n function onFormStatusChangeHandler(e: any) {\r\n setCheckedStatuses({\r\n ...(checkedStatuses || {}),\r\n [e.target.name]: e.target.checked\r\n });\r\n }\r\n\r\n function search(event: any) {\r\n const _filters: any = [];\r\n const keys = Object.keys(event || {});\r\n if (keys.length > 0) {\r\n keys.forEach(key => {\r\n _filters.push({\r\n columnName: key,\r\n value: event[key]\r\n })\r\n });\r\n }\r\n setAdvanceSearchFilters(_filters);\r\n }\r\n\r\n function MonthTmpl({ cell }: any) {\r\n const row = cell.getData();\r\n return (\r\n <>{row.month} ({row.year})\r\n )\r\n }\r\n function DueDateTmpl({ cell }: any) {\r\n const value = cell.getValue();\r\n return (\r\n {dayjs(value).format('DD-MM-YYYY')} \r\n )\r\n }\r\n\r\n function ActionHeaderTmpl() {\r\n return (\r\n \r\n )\r\n }\r\n\r\n function FormStatusTmpl({ cell }: any) {\r\n const status = cell.getValue();\r\n const row = cell.getData();\r\n return (\r\n \r\n {\r\n !!row.formsStatusRemarks &&\r\n {row.formsStatusRemarks}}\r\n placement=\"bottom\" delay={{ show: TOOLTIP_DELAY } as any}>\r\n \r\n }\r\n {STATUS_MAPPING[status] || status} \r\n
\r\n )\r\n }\r\n\r\n function AuditStatusTmpl({ cell }: any) {\r\n const status = cell.getValue();\r\n const row = cell.getData();\r\n const color = {\r\n [AUDIT_STATUS.COMPLIANT]: 'status-compliant',\r\n [AUDIT_STATUS.NON_COMPLIANCE]: 'status-non-compliance',\r\n [AUDIT_STATUS.NOT_APPLICABLE]: 'status-not-applicable',\r\n }\r\n return (\r\n \r\n {\r\n !!row.auditRemarks &&\r\n {row.auditRemarks}}\r\n placement=\"bottom\" delay={{ show: TOOLTIP_DELAY } as any}>\r\n \r\n }\r\n {\r\n status &&\r\n {STATUS_MAPPING[status] || status} \r\n }\r\n
\r\n )\r\n }\r\n\r\n function ActionColumnElements({ cell }: any) {\r\n const row = cell.getData();\r\n\r\n return (\r\n \r\n
\r\n )\r\n }\r\n\r\n function ActivityTypeTmpl({ cell }: any) {\r\n const value = cell.getValue() || ACTIVITY_TYPE.AUDIT;\r\n return (\r\n \r\n
\r\n )\r\n }\r\n\r\n const columns = [\r\n {\r\n title: \"\", field: \"auditted\", width: 40,\r\n formatter: reactFormatter(\r\n
\r\n
Vendor - Activity \r\n
\r\n
\r\n \r\n Home \r\n {\r\n fromDashboard &&\r\n Activity \r\n \r\n \r\n
\r\n
\r\n\r\n
\r\n
\r\n
setSubmitToAuditor(false)}\r\n onSubmit={onSubmitToAuditorHandler}\r\n selectedRows={selectedRows} />\r\n }\r\n {\r\n !!activity && selectedRows.length >= 0 &&\r\n setActivity(null)} onSubmit={refetch} selectedItems={selectedRows} />\r\n }\r\n {\r\n !!alertMessage &&\r\n {\r\n preventDefault(e);\r\n setAlertMessage(null);\r\n }} />\r\n }\r\n {\r\n action === ACTIONS.SEND_REPORT &&\r\n setAction(ACTIONS.NONE)} />\r\n }\r\n {(submitting || exporting || exportingTodos) && (null);\r\n const [submitting, setSubmitting] = useState(false);\r\n const { changePassword } = useChangePassword(({ result, message }: any) => {\r\n setSubmitting(false);\r\n if (result === API_RESULT.SUCCESS) {\r\n setPwdChanged(true);\r\n } else {\r\n setApiError(message);\r\n }\r\n }, () => {\r\n setSubmitting(false);\r\n setApiError(ERROR_MESSAGES.DEFAULT);\r\n });\r\n\r\n function signIn(event: any) {\r\n preventDefault(event);\r\n clearUserSession();\r\n navigate(`${getBasePath()}/login`, { replace: true });\r\n setTimeout(() => {\r\n window.location.reload();\r\n });\r\n }\r\n\r\n const schema = {\r\n fields: [\r\n {\r\n ...LOGIN_FIELDS.PASSWORD,\r\n name: 'oldPassword',\r\n label: 'Old Password'\r\n },\r\n {\r\n ...LOGIN_FIELDS.NEW_PASSWORD,\r\n validate: [\r\n { type: validatorTypes.REQUIRED },\r\n { type: validatorTypes.PATTERN, pattern: PATTERNS.PASSWORD, message: 'Should contain at least 8 letters and 1 numeric' },\r\n (value: any, { oldPassword }: any) => {\r\n return value && value === oldPassword ? 'New password cannot be same as old password' : undefined\r\n }\r\n ]\r\n },\r\n { ...LOGIN_FIELDS.CONFIRM_PASSWORD }\r\n ]\r\n };\r\n\r\n function onSubmit({ oldPassword, newPassword }: any) {\r\n setApiError(null);\r\n setSubmitting(true);\r\n changePassword({ username: user.username, oldPassword, newPassword, token: getAuthToken() });\r\n }\r\n\r\n return (\r\n <>\r\n \r\n \r\n Change Password \r\n \r\n \r\n \r\n {\r\n pwdChanged ?\r\n <>\r\n
\r\n
Password Changed successfully
\r\n
Please log in with the new password.
\r\n
\r\n \r\n Back To LOGIN\r\n \r\n
\r\n :\r\n <>\r\n
\r\n
\r\n
Password Requirements \r\n
Password must contain at least 8 letters and 1 number.
\r\n {\r\n !!apiError &&
{apiError} \r\n }\r\n
\r\n
\r\n
\r\n
\r\n \r\n }\r\n
\r\n \r\n {submitting && \r\n \r\n {\r\n title &&\r\n {title} \r\n }\r\n \r\n \r\n
\r\n {children}\r\n \r\n \r\n {noText} \r\n {yesText} \r\n \r\n \r\n )\r\n}\r\n\r\nexport default ConfirmModal;","import React, { useRef } from \"react\";\r\nimport { Accordion, Button, Modal } from \"react-bootstrap\";\r\nimport styles from \"./Notifications.module.css\";\r\nimport { useState } from \"react\";\r\nimport { useEffect } from \"react\";\r\n\r\nfunction NotificationsModal({ notifications, onDismiss, onSubmit }: any) {\r\n const containerRef = useRef();\r\n const [readNotifications, setReadNotifications] = useState({});\r\n\r\n function handleHeaderClick({ id, isRead }: any) {\r\n const _readList: any = { ...readNotifications };\r\n if (!_readList[id] && !isRead) {\r\n _readList[id] = true;\r\n setReadNotifications(_readList);\r\n }\r\n }\r\n\r\n function onClose() {\r\n onDismiss();\r\n }\r\n\r\n\r\n useEffect(() => {\r\n if (notifications) {\r\n const _readList: any = { ...readNotifications };\r\n (notifications || []).forEach((x: any) => {\r\n if (_readList[x.id]) {\r\n\r\n\r\n } else {\r\n _readList[x.id] = x.isRead ? true : false;\r\n\r\n }\r\n });\r\n setReadNotifications(_readList);\r\n }\r\n }, [notifications]);\r\n\r\n return (\r\n <>\r\n \r\n \r\n Notifications \r\n \r\n \r\n \r\n
\r\n {\r\n (notifications || []).map((notification: any) => {\r\n return (\r\n \r\n handleHeaderClick(notification)}>\r\n \r\n
\r\n {notification.from} \r\n {notification.sentOn} \r\n
\r\n
{notification.subject}
\r\n
\r\n \r\n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do\r\n eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad\r\n minim veniam, quis nostrud exercitation ullamco laboris nisi ut\r\n aliquip ex ea commodo consequat. Duis aute irure dolor in\r\n reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla\r\n pariatur. Excepteur sint occaecat cupidatat non proident, sunt in\r\n culpa qui officia deserunt mollit anim id est laborum.\r\n \r\n \r\n )\r\n })\r\n }\r\n \r\n
\r\n \r\n {'Close'} \r\n \r\n \r\n \r\n )\r\n}\r\n\r\nexport default NotificationsModal;","import React, { useEffect, useState } from 'react';\r\nimport dayjs from 'dayjs';\r\nimport \"./Navbar.css\";\r\nimport logo from '../../assets/img/header-logo.png';\r\nimport mofoi_logo from '../../assets/img/MOFOI_LOGO.png'\r\nimport * as auth from '../../backend/auth';\r\nimport { preventDefault } from '../../utils/common';\r\nimport ChangePasswordModal from '../pages/Authenticate/ChangePasswordModal';\r\nimport ConfirmModal from '../common/ConfirmModal';\r\nimport { navigate } from 'raviger';\r\nimport { getBasePath } from '../../App';\r\nimport Icon from '../common/Icon';\r\nimport NotificationsModal from './NotificationsModal';\r\n\r\nfunction Navbar({ showUser = true }) {\r\n const [user] = useState(auth.getUserDetails() || {});\r\n const [role, setRole] = useState('');\r\n const [roles, setRoles] = useState([]);\r\n const [changePwd, setChangePwd] = useState(false);\r\n const [newUser, setNewUser] = useState(false);\r\n const [unreadNotifications, setUnreadNotifications] = useState([]);\r\n const [showNotifications, setShowNotifications] = useState(false);\r\n const [notifications] = useState([]);\r\n\r\n function logout(event: any) {\r\n preventDefault(event)\r\n auth.clearUserSession();\r\n setTimeout(() => {\r\n navigate(`${getBasePath()}/`);\r\n window.location.reload();\r\n });\r\n }\r\n\r\n function changePassword(event: any) {\r\n preventDefault(event);\r\n setChangePwd(true);\r\n }\r\n\r\n function changeRole(_role: string) {\r\n const { role, pages } = auth.getUserDetails();\r\n const index = role.indexOf(_role);\r\n auth.setUserRole(_role, pages[index]);\r\n setTimeout(() => {\r\n navigate(`${getBasePath()}/`);\r\n window.location.reload();\r\n });\r\n }\r\n\r\n useEffect(() => {\r\n if (user) {\r\n const _user = auth.getUserDetails();\r\n setNewUser(_user && !_user.lastlogindate);\r\n }\r\n }, [user]);\r\n\r\n useEffect(() => {\r\n if (notifications) {\r\n setUnreadNotifications(notifications.filter((x: any) => !x.isRead).length);\r\n }\r\n }, [notifications]);\r\n\r\n useEffect(() => {\r\n if (showUser) {\r\n const _role = auth.getUserRole();\r\n setRole(_role);\r\n const { role } = auth.getUserDetails();\r\n if (typeof role === 'string' || role.length === 1) {\r\n setRoles([]);\r\n } else {\r\n setRoles(role.filter((x: string) => x !== _role));\r\n }\r\n }\r\n }, [showUser]);\r\n\r\n return (\r\n <>\r\n \r\n
\r\n \r\n
\r\n {\r\n showUser &&\r\n <>\r\n
\r\n {\r\n (notifications || []).length > 0 &&\r\n
\r\n setShowNotifications(true)} />\r\n {\r\n unreadNotifications &&\r\n {unreadNotifications > 9 ? '9+' : unreadNotifications} \r\n }\r\n
\r\n }\r\n
\r\n Last Login Time \r\n {dayjs(new Date(user.lastlogindate)).format('DD/MM/YYYY hh:mm A')} \r\n
\r\n
\r\n
\r\n \r\n }\r\n
\r\n
setChangePwd(false)} />}\r\n {\r\n newUser &&\r\n { setChangePwd(true) }} onClose={() => setNewUser(false)} yesText='Sure' noText='Maybe later' />\r\n }\r\n {\r\n showNotifications &&\r\n setShowNotifications(false)} onSubmit={() => {\r\n setShowNotifications(false);\r\n // refetch();\r\n }} />\r\n }\r\n \r\n );\r\n}\r\n\r\nexport default Navbar;","import React, { useEffect, useState } from 'react';\r\nimport { ActiveLink, navigate } from 'raviger';\r\nimport '../shared/Sidenav.css';\r\nimport * as auth from \"../../backend/auth\";\r\nimport { preventDefault } from '../../utils/common';\r\nimport Icon from '../common/Icon';\r\nimport { getBasePath } from '../../App';\r\nimport { ROLE_MAPPING } from '../../containers/AuthenticatedContent';\r\nimport { USER_PRIVILEGES } from '../pages/UserManagement/Roles/RoleConfiguration';\r\n\r\nconst SideNavMenu = [\r\n { id: 'dashboard', url: '/dashboard', icon: 'th', label: 'Dashboard', privilege: USER_PRIVILEGES.SUBMITTER_DASHBOARD },\r\n { id: 'dashboard', url: '/dashboard', icon: 'th', label: 'Dashboard', privilege: USER_PRIVILEGES.REVIEWER_DASHBOARD },\r\n { id: 'dashboard', url: '/dashboard', icon: 'th', label: 'Dashboard', privilege: USER_PRIVILEGES.OWNER_DASHBOARD },\r\n { id: 'dashboard', url: '/dashboard', icon: 'th', label: 'Dashboard', privilege: USER_PRIVILEGES.MANAGER_DASHBOARD },\r\n { id: 'dashboard', url: '/dashboard', icon: 'th', label: 'Dashboard', privilege: USER_PRIVILEGES.ESCALATION_DASHBOARD },\r\n \r\n {\r\n id: 'masters', url: '/masters/act', icon: 'crown', label: 'Masters',\r\n children: [\r\n { id: 'masters/law', url: '/masters/law', label: 'Law Category', privilege: USER_PRIVILEGES.VIEW_LAW_CATEGORY },\r\n { id: 'masters/Act', url: '/masters/Act', label: 'Act', privilege: USER_PRIVILEGES.VIEW_ACTS },\r\n { id: 'masters/activity', url: '/masters/activity', label: 'Activity', privilege: USER_PRIVILEGES.VIEW_ACTIVITIES },\r\n { id: 'masters/rule', url: '/masters/rule', label: 'Rule', privilege: USER_PRIVILEGES.VIEW_RULES },\r\n { id: 'masters/state', url: '/masters/state', label: 'State', privilege: USER_PRIVILEGES.VIEW_STATES },\r\n { id: 'masters/city', url: '/masters/city', label: 'City', privilege: USER_PRIVILEGES.VIEW_CITIES },\r\n // { id: 'masters/compliance', url: '/masters/compliance', label: 'Rule Compliance', privilege: USER_PRIVILEGES.VIEW_RULE_COMPLIANCE },\r\n { id: 'masters/mapping', url: '/masters/mapping', label: 'Mappings', privilege: USER_PRIVILEGES.VIEW_MAPPINGS },\r\n { id: 'setupInput/stateRegisterConfiguration', url: '/setupInput/stateRegisterConfiguration', label: 'State Register Configuration', privilege: USER_PRIVILEGES.VIEW_STATEREGISTER_CONFIGURATION }\r\n ]\r\n },\r\n {\r\n id: 'companies', url: '/companies/list', icon: 'building', label: 'Companies',\r\n children: [\r\n {\r\n id: 'companies/list', url: '/companies/list',\r\n label: 'Manage Companies', privilege: USER_PRIVILEGES.VIEW_COMPANIES\r\n },\r\n {\r\n id: 'companies/associateCompanies', url: '/companies/associateCompanies',\r\n label: 'Associate Companies', privilege: USER_PRIVILEGES.VIEW_ASSOCIATE_COMPANIES\r\n },\r\n {\r\n id: 'companies/locationMapping', url: '/companies/locationMapping',\r\n label: 'Location Mapping', privilege: USER_PRIVILEGES.VIEW_LOCATION_MAPPINGS\r\n },\r\n {\r\n id: 'companies/verticals', url: '/companies/verticals',\r\n label: 'Verticals', privilege: USER_PRIVILEGES.VIEW_VERTICALS\r\n },\r\n {\r\n id: 'companies/departments', url: '/companies/departments',\r\n label: 'Departments', privilege: USER_PRIVILEGES.VIEW_DEPARTMENTS\r\n },\r\n {\r\n id: 'companies/escalationMatrix', url: '/companies/escalationMatrix',\r\n label: 'Escalation Matrix', privilege: USER_PRIVILEGES.VIEW_COMPANY_ESCALTION_MATIX\r\n }\r\n ]\r\n },\r\n {\r\n id: 'auditSchedule', url: '/auditSchedule/importExport', icon: 'notes', label: 'Audit Management',\r\n children: [\r\n {\r\n id: 'auditSchedule/importExport', url: '/auditSchedule/importExport',\r\n label: 'Audit Schedule', privilege: USER_PRIVILEGES.AUDIT_SCHEDULE\r\n },\r\n {\r\n id: 'auditSchedule/details', url: '/auditSchedule/details',\r\n label: 'Audit Schedule Details', privilege: USER_PRIVILEGES.VIEW_AUDIT_SCHEDULE_DETAILS\r\n },\r\n {\r\n id: 'auditSchedule/blockUnblock', url: '/auditSchedule/blockUnblock',\r\n label: 'Un-Block Activities', privilege: USER_PRIVILEGES.VIEW_AUDIT_SCHEDULE_BLOCK_UNBLOCK\r\n }\r\n ]\r\n },\r\n {\r\n id: 'complianceManagement', url: '/complianceManagement/list', icon: 'notepad', label: 'Compliance Management', children: [\r\n {\r\n id: 'complianceManagement/complianceSchedule', url: '/complianceManagement/complianceSchedule',\r\n label: 'Compliance Schedule', privilege: USER_PRIVILEGES.COMPLIANCE_SCHEDULE\r\n },\r\n {\r\n id: 'complianceManagement/compliance-schedule-details', url: '/complianceManagement/compliance-schedule-details',\r\n label: 'Comp Schedule Details', privilege: USER_PRIVILEGES.VIEW_COMPLIANCE_SCHEDULE_DETAILS\r\n }\r\n // {\r\n // id: 'complianceManagement/blockUnblock', url: '/complianceManagement/blockUnblock',\r\n // label: 'Block Un-Block', privilege: USER_PRIVILEGES.VIEW_AUDIT_SCHEDULE_BLOCK_UNBLOCK\r\n // }\r\n ]\r\n },\r\n {\r\n id: 'setupInput', url: '/setupInput', icon: 'upload', label: 'Setup Input',\r\n children: [\r\n { id: 'setupInput/holidayList', url: '/setupInput/holidayList', label: 'Holiday List', privilege: USER_PRIVILEGES.VIEW_HOLIDAY_LIST },\r\n { id: 'setupInput/leaveConfiguration', url: '/setupInput/leaveConfiguration', label: 'Leave Configuration', privilege: USER_PRIVILEGES.VIEW_LEAVE_CONFIGURATION },\r\n { id: 'setupInput/attendanceConfig', url: '/setupInput/attendanceConfig', label: 'Attendance Config', privilege: USER_PRIVILEGES.VIEW_ATTENDANCE_CONFIGURATION },\r\n { id: 'setupInput/salaryComponents', url: '/setupInput/salaryComponents', label: 'Salary Components', privilege: USER_PRIVILEGES.VIEW_SALARY_COMPONENTS },\r\n { id: 'setupInput/inputModuleUploads', url: '/setupInput/inputModuleUploads', label: 'Input Module Uploads', privilege: USER_PRIVILEGES.VIEW_INPUT_MODULE_UPLOAD },\r\n // { id: 'setupInput/holidayList', url: '/setupInput/holidayList', label: 'Holiday List', privilege: USER_PRIVILEGES.VIEW_LAW_CATEGORY },\r\n // { id: 'setupInput/leaveConfiguration', url: '/setupInput/leaveConfiguration', label: 'Leave Configuration', privilege: USER_PRIVILEGES.VIEW_LAW_CATEGORY },\r\n // { id: 'setupInput/attendanceConfig', url: '/setupInput/attendanceConfig', label: 'Attendance Config', privilege: USER_PRIVILEGES.VIEW_LAW_CATEGORY },\r\n // { id: 'setupInput/salaryComponents', url: '/setupInput/salaryComponents', label: 'Salary Components', privilege: USER_PRIVILEGES.VIEW_LAW_CATEGORY },\r\n // { id: 'setupInput/inputModuleUploads', url: '/setupInput/inputModuleUploads', label: 'Input Module Uploads', privilege: USER_PRIVILEGES.VIEW_LAW_CATEGORY },\r\n ]\r\n },\r\n {\r\n id: 'inputUploads', url: '/inputUploads', icon: 'eye', label: 'Input Uploads',\r\n children: [\r\n\r\n { id: 'inputUploads/dashboard', url: '/inputUploads/dashboard', label: 'Dashboard', privilege: USER_PRIVILEGES.VIEW_EMPLOYEE_DASHBOARD },\r\n { id: 'inputUploads/registerDownload', url: '/inputUploads/registerDownload', label: 'Register Download', privilege: USER_PRIVILEGES.VIEW_REGISTER_DOWNLOAD },\r\n { id: 'inputUploads/employeeMasterUpload', url: '/inputUploads/employeeMasterUpload', label: 'Employee Master', privilege: USER_PRIVILEGES.VIEW_EMPLOYEE_MASTER },\r\n { id: 'inputUploads/employeeLeaveCreditUpload', url: '/inputUploads/employeeLeaveCreditUpload', label: 'Employee Leave Credit', privilege: USER_PRIVILEGES.VIEW_EMPLOYEE_LEAVE_CREDIT },\r\n { id: 'inputUploads/employeeLeaveAvailedUpload', url: '/inputUploads/employeeLeaveAvailedUpload', label: 'Employee Leave Availed', privilege: USER_PRIVILEGES.VIEW_EMPLOYEE_LEAVE_AVAILED },\r\n { id: 'inputUploads/employeeAttendanceUpload', url: '/inputUploads/employeeAttendanceUpload', label: 'Employee Attendance', privilege: USER_PRIVILEGES.VIEW_EMPLOYEE_ATTENDANCE },\r\n { id: 'inputUploads/employeeWageUpload', url: '/inputUploads/employeeWageUpload', label: 'Employee Wage', privilege: USER_PRIVILEGES.VIEW_EMPLOYEE_WAGE }\r\n\r\n // { id: 'inputUploads/dashboard', url: '/inputUploads/dashboard', label: 'Dashboard', privilege: USER_PRIVILEGES.VIEW_LAW_CATEGORY },\r\n // { id: 'inputUploads/registerDownload', url: '/inputUploads/registerDownload', label: 'Register Download', privilege: USER_PRIVILEGES.VIEW_LAW_CATEGORY },\r\n // { id: 'inputUploads/employeeMasterUpload', url: '/inputUploads/employeeMasterUpload', label: 'Employee Master', privilege: USER_PRIVILEGES.VIEW_LAW_CATEGORY },\r\n // { id: 'inputUploads/employeeLeaveCreditUpload', url: '/inputUploads/employeeLeaveCreditUpload', label: 'Employee Leave Credit', privilege: USER_PRIVILEGES.VIEW_LAW_CATEGORY },\r\n // { id: 'inputUploads/employeeLeaveAvailedUpload', url: '/inputUploads/employeeLeaveAvailedUpload', label: 'Employee Leave Availed', privilege: USER_PRIVILEGES.VIEW_LAW_CATEGORY },\r\n // { id: 'inputUploads/employeeAttendanceUpload', url: '/inputUploads/employeeAttendanceUpload', label: 'Employee Attendance', privilege: USER_PRIVILEGES.VIEW_LAW_CATEGORY },\r\n // { id: 'inputUploads/employeeWageUpload', url: '/inputUploads/employeeWageUpload', label: 'Employee Wage', privilege: USER_PRIVILEGES.VIEW_LAW_CATEGORY }\r\n\r\n ]\r\n },\r\n\r\n {\r\n id: 'userManagement', url: '/userManagement/roles', icon: 'users', label: 'User Management',\r\n children: [\r\n { id: 'userManagement/roles', url: '/userManagement/roles', label: 'Manage Roles', privilege: USER_PRIVILEGES.VIEW_ROLES },\r\n { id: 'userManagement/users', url: '/userManagement/users', label: 'Manage Users', privilege: USER_PRIVILEGES.VIEW_USERS },\r\n { id: 'userManagement/mapping', url: '/userManagement/mapping', label: 'Company Mapping', privilege: USER_PRIVILEGES.VIEW_COMPANY_MAPPINGS },\r\n {\r\n id: 'userManagement/userDepartment', url: '/userManagement/userDepartment',\r\n label: 'User Department Mapping', privilege: USER_PRIVILEGES.VIEW_DEPARTMENT_USER_MAPPING\r\n }\r\n ]\r\n },\r\n {\r\n id: 'email', url: '/templates/email', icon: 'email', label: 'Email & Notifications',\r\n children: [\r\n { id: 'templates/email', url: '/templates/email', label: 'Email Templates', privilege: USER_PRIVILEGES.VIEW_EMAIL_TEMPLATES },\r\n { id: 'templates/notification', url: '/templates/notification', label: 'Notification Templates', privilege: USER_PRIVILEGES.VIEW_NOTIFICATION_TEMPLATES }\r\n ]\r\n },\r\n // { id: 'activities', url: '/activities', icon: 'task', label: 'Activities', privilege: USER_PRIVILEGES.READ_ONLY_ACTIVITIES },\r\n { id: 'activities', url: '/activities', icon: 'task', label: 'Activities', privilege: USER_PRIVILEGES.REVIEWER_ACTIVITIES },\r\n // { id: 'activities', url: '/activities', icon: 'task', label: 'Activities', privilege: USER_PRIVILEGES.OWNER_ACTIVITIES },\r\n // { id: 'activities', url: '/activities', icon: 'task', label: 'Activities', privilege: USER_PRIVILEGES.MANAGER_ACTIVITIES },\r\n { id: 'activities', url: '/activities', icon: 'task', label: 'Activities', privilege: USER_PRIVILEGES.SUBMITTER_ACTIVITIES },\r\n { id: 'notices', url: '/notices', icon: 'task', label: 'Noticies', privilege: USER_PRIVILEGES.VIEW_NOTICES },\r\n { id: 'reports', url: '/reports', icon: 'report', label: 'Reports', disable: true },\r\n { id: 'notifications', url: '/notifications', icon: 'notification', label: 'Notifications', privilege: USER_PRIVILEGES.VIEW_USER_NOTIFICATIONS }\r\n];\r\n\r\nfunction Sidenav({ open, toggleSidenav }: any) {\r\n const [user] = useState(auth.getUserDetails());\r\n const [sideMenu, setSideMenu] = useState([]);\r\n const [toggelStatus, setToggleStatus] = useState({});\r\n\r\n useEffect(() => {\r\n if (user) {\r\n const privileges: any = auth.getUserPrivileges();\r\n const _menu: any[] = [];\r\n SideNavMenu.forEach((menu: any) => {\r\n if (menu.children) {\r\n const children = menu.children.filter((child: any) => {\r\n return privileges.includes(child.privilege);\r\n });\r\n if (children.length) {\r\n _menu.push({\r\n ...menu,\r\n children\r\n });\r\n }\r\n } else {\r\n if (privileges.includes(menu.privilege)) {\r\n _menu.push(menu);\r\n }\r\n }\r\n });\r\n const _toggleStatus = {};\r\n _menu.forEach(x => {\r\n toggelStatus[x.id] = false\r\n });\r\n setToggleStatus(_toggleStatus)\r\n setSideMenu(_menu);\r\n }\r\n }, [user]);\r\n\r\n function NavItem({ children, url, name, hasChild, index, parentIndex }: any) {\r\n const [isActive, setActive] = useState(false);\r\n const urlPath = window.location.pathname;\r\n function onClick(e: any) {\r\n preventDefault(e);\r\n if (!hasChild) {\r\n navigate(`${getBasePath()}${url}`, { replace: true, state: null });\r\n }\r\n }\r\n\r\n useEffect(() => {\r\n if (urlPath) {\r\n setActive(urlPath.includes(name));\r\n const hasDashboardAccess = auth.hasUserAccess(USER_PRIVILEGES.OWNER_DASHBOARD)\r\n || auth.hasUserAccess(USER_PRIVILEGES.MANAGER_DASHBOARD)\r\n || auth.hasUserAccess(USER_PRIVILEGES.SUBMITTER_DASHBOARD)\r\n || auth.hasUserAccess(USER_PRIVILEGES.REVIEWER_DASHBOARD)\r\n if (hasDashboardAccess && urlPath === '/' && parentIndex === 0 && (index === undefined || index === 0)) {\r\n setActive(true);\r\n }\r\n }\r\n }, [urlPath]);\r\n\r\n return (\r\n \r\n {children}\r\n \r\n )\r\n }\r\n\r\n function toggleMenu(event: any, data?: any, hasChild = false) {\r\n if (hasChild) {\r\n preventDefault(event);\r\n const { id } = data;\r\n const _toogleStatus = { ...toggelStatus };\r\n _toogleStatus[id] = !_toogleStatus[id];\r\n setToggleStatus(_toogleStatus);\r\n }\r\n }\r\n\r\n function resetToggle() {\r\n const _toogleStatus = { ...toggelStatus };\r\n Object.keys(_toogleStatus).forEach(key => {\r\n _toogleStatus[key] = false;\r\n });\r\n setToggleStatus(_toogleStatus);\r\n }\r\n\r\n return (\r\n <>\r\n {\r\n (user !== null && sideMenu !== null) ?\r\n : null\r\n\r\n }\r\n \r\n );\r\n\r\n}\r\n\r\nexport default Sidenav;","import React, { useEffect, useState } from \"react\";\r\nimport Navbar from \"./Navbar\";\r\nimport Sidenav from \"./Sidenav\";\r\nimport * as auth from \"../../backend/auth\";\r\nimport 'react-toastify/dist/ReactToastify.css';\r\nimport './Toaster.css';\r\nimport \"./Layout.css\"\r\nimport { useIdleTimer } from \"react-idle-timer\";\r\nimport { navigate } from \"raviger\";\r\nimport { getBasePath } from \"../../App\";\r\n\r\nfunction AuthProtector(props: any) {\r\n const [authToken] = useState(auth.getAuthToken());\r\n\r\n function logout() {\r\n auth.clearUserSession();\r\n navigate(`${getBasePath()}/`, { replace: true });\r\n window.location.reload();\r\n }\r\n\r\n useIdleTimer({\r\n onIdle: () => logout(),\r\n timeout: 20 * 60 * 1000, // In milliseconds,\r\n events: [\r\n 'keydown',\r\n 'mousedown'\r\n ]\r\n })\r\n\r\n useEffect(() => {\r\n if (!authToken) {\r\n logout();\r\n }\r\n }, [authToken]);\r\n\r\n return (\r\n <>\r\n {\r\n authToken ? props.children : null\r\n }\r\n \r\n )\r\n}\r\n\r\nfunction LayoutWithSideNav(props: any) {\r\n const [open, setOpen] = useState(false);\r\n\r\n return (\r\n \r\n \r\n
\r\n < div className=\"page-layout-container\" >\r\n
\r\n
\r\n < div className=\"main-container\" >\r\n {props.children}\r\n
\r\n )\r\n}\r\n\r\nexport default LayoutWithSideNav;","import React, { useEffect, useState } from \"react\";\r\nimport ReactECharts from \"echarts-for-react\";\r\nimport \"./AuditorModule.css\";\r\n\r\nconst CHART_MAPPING = [\r\n { color: '#4EC343', label: 'Audited', key: 'audited' },\r\n { color: '#FF2D2D', label: 'Not-Audited', key: 'notAudited' }\r\n];\r\n\r\nconst defaultConfig = {\r\n tooltip: {\r\n trigger: 'item',\r\n formatter: \"{b}\"\r\n },\r\n series: [\r\n {\r\n data: [],\r\n type: 'pie',\r\n radius: [0, '80%'],\r\n center: ['50%', '50%'],\r\n smooth: true,\r\n height: 250,\r\n label: {\r\n show: true,\r\n position: 'inner'\r\n },\r\n emphasis: {\r\n itemStyle: {\r\n shadowBlur: 10,\r\n shadowOffsetX: 0,\r\n shadowColor: 'rgba(0, 0, 0, 0.5)'\r\n }\r\n }\r\n },\r\n ]\r\n};\r\n\r\nfunction Chart({ data, keys }: any) {\r\n const [config, setConfig] = useState(null);\r\n const [legends, setLegends] = useState([])\r\n\r\n useEffect(() => {\r\n if (Object.keys(data || {}).length) {\r\n const _config: any = { ...defaultConfig };\r\n const _data = keys.map((key: string) => {\r\n const _chart: any = CHART_MAPPING.find((x: any) => x.key === key) || {};\r\n return {\r\n value: data[key],\r\n name: `${data[key]} ${_chart.label}`,\r\n itemStyle: {\r\n color: _chart.color\r\n }\r\n }\r\n });\r\n setLegends(keys.map((key: string) => {\r\n const _chart: any = CHART_MAPPING.find((x: any) => x.key === key) || {};\r\n return {\r\n key,\r\n color: _chart.color,\r\n label: `${data[key] || 0} ${_chart.label}`\r\n }\r\n }));\r\n const total = _data.reduce((n: any, { value }: any) => n + value, 0);\r\n _config.series[0].label.formatter = ({ value }: any) => {\r\n const _valueByTotal = value / total;\r\n if (isNaN(_valueByTotal)) return '0 %';\r\n const _percentageValue = _valueByTotal * 100;\r\n return `${Math.round(_percentageValue)} %`;\r\n };\r\n _config.series[0].data = _data;\r\n setConfig(_config);\r\n }\r\n }, [data]);\r\n\r\n return (\r\n \r\n
\r\n {\r\n config &&
\r\n
\r\n {\r\n (legends || []).length > 0 &&\r\n legends.map(x => {\r\n return (\r\n
\r\n )\r\n })\r\n }\r\n
\r\n
\r\n
\r\n
\r\n \r\n
Performance
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {\r\n PerformanceTabs.map(tab => {\r\n return (\r\n
\r\n {tab.label} \r\n
\r\n )\r\n })\r\n }\r\n\r\n
\r\n
\r\n
\r\n
\r\n {label && ({label}) }\r\n
\r\n
\r\n {!isFetching && auditorPerformance &&
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {\r\n StatusMapping.map(status => {\r\n return (\r\n
\r\n
\r\n
\r\n
{status.label} \r\n
{(limeStatus || {})[status.key] || 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
(TABS.AUDITOR);\r\n\r\n return (\r\n \r\n
\r\n
Auditor Dashboard \r\n
\r\n
\r\n \r\n Home \r\n Dashboard \r\n \r\n \r\n
\r\n
\r\n
setActiveTab(k)}>\r\n \r\n {activeTab === TABS.AUDITOR && \r\n \r\n {activeTab === TABS.VENDOR && \r\n \r\n
([]);\r\n const [form, setForm] = useState({});\r\n const [details, setDetails] = useState({ hideButtons: true })\r\n\r\n const schema = {\r\n fields: [\r\n {\r\n component: componentTypes.TEXT_EDITOR,\r\n name: 'recommendations',\r\n label: 'Recommendations',\r\n placeholder: 'Enter Recommendations...'\r\n }\r\n ]\r\n };\r\n\r\n function debugForm(_form: any) {\r\n setForm(_form);\r\n setDetails(_form.values);\r\n }\r\n\r\n function handleSubmit(e: any) {\r\n preventDefault(e);\r\n if (form.valid) {\r\n const { recommendations } = details;\r\n onSubmit(e, recommendations);\r\n }\r\n }\r\n\r\n useEffect(() => {\r\n if (selectedRows) {\r\n const _counts: any = {};\r\n selectedRows.forEach((row: any) => {\r\n if (!_counts[row.status]) {\r\n _counts[row.status] = 0;\r\n }\r\n _counts[row.status] = _counts[row.status] + 1;\r\n });\r\n\r\n setCounts(Object.keys(_counts).map((key: any) => {\r\n return {\r\n key,\r\n label: key === ACTIVITY_STATUS.PENDING ? `${STATUS_MAPPING[key]} (No Audit Activities)` : STATUS_MAPPING[key],\r\n count: _counts[key]\r\n }\r\n }));\r\n }\r\n }, [selectedRows]);\r\n\r\n return (\r\n <>\r\n \r\n \r\n Publish \r\n \r\n \r\n \r\n
\r\n
There are {selectedRows.length} {selectedRows.length > 1 ? 'activities' : 'activity'} available for publishing.
\r\n
\r\n
\r\n {\r\n counts.map(count => {\r\n return (\r\n
\r\n
{count.label}
\r\n
{count.count}
\r\n
\r\n )\r\n })\r\n }\r\n
\r\n
\r\n
Upon publishing, you will not be able to edit them further.
\r\n
Do you want to submit ? click \"Yes\"
\r\n
To cancel, click \"No\"
\r\n
\r\n
\r\n
\r\n \r\n \r\n No\r\n \r\n \r\n Yes\r\n \r\n \r\n \r\n \r\n )\r\n}\r\n\r\nexport default PublishModal;","import React, { useEffect, useState } from \"react\";\r\nimport Modal from 'react-bootstrap/Modal';\r\nimport Button from 'react-bootstrap/Button';\r\nimport { ACTIVITY_STATUS, ALLOWED_FILES_REGEX, AUDIT_STATUS, STATUS_MAPPING } from \"../../common/Constants\";\r\nimport { useGetActivityDocuments } from \"../../../backend/query\";\r\nimport Icon from \"../../common/Icon\";\r\nimport { checkAuditorActivityStatus, download } from \"../../../utils/common\";\r\nimport \"./ActivityModal.css\";\r\nimport * as api from \"../../../backend/request\";\r\nimport { toast } from 'react-toastify';\r\nimport Select from 'react-select';\r\nimport DatePicker from \"react-datepicker\";\r\nimport NavTabs from \"../../shared/NavTabs\";\r\nimport PageLoader from \"../../shared/PageLoader\";\r\nimport { Alert } from \"react-bootstrap\";\r\nimport { ACTIVITY_TYPE } from \"../../../utils/constants\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faUpload } from \"@fortawesome/free-solid-svg-icons\";\r\n\r\nconst TABS = {\r\n DETAILS: 'details',\r\n FILES: 'files'\r\n};\r\n\r\nconst TABS_LIST = [\r\n { value: TABS.DETAILS, label: 'Details' },\r\n { value: TABS.FILES, label: 'Files' }\r\n];\r\n\r\nconst FORM_STATUSES = [\r\n { value: ACTIVITY_STATUS.APPROVE, label: 'Approve' },\r\n { value: ACTIVITY_STATUS.REJECT, label: 'Reject' }\r\n]\r\n\r\nconst AUDIT_STATUSES = [\r\n { value: AUDIT_STATUS.COMPLIANT, label: STATUS_MAPPING[AUDIT_STATUS.COMPLIANT] },\r\n { value: AUDIT_STATUS.NON_COMPLIANCE, label: STATUS_MAPPING[AUDIT_STATUS.NON_COMPLIANCE] },\r\n { value: AUDIT_STATUS.NOT_APPLICABLE, label: STATUS_MAPPING[AUDIT_STATUS.NOT_APPLICABLE] }\r\n]\r\n\r\nfunction StatusTmp({ status }: any) {\r\n return (\r\n {STATUS_MAPPING[status]} \r\n )\r\n}\r\n\r\nfunction ActivityModal({ activity = {}, onClose, onSubmit }: any) {\r\n const [formStatus] = useState(checkAuditorActivityStatus(activity));\r\n const [activeTab, setActiveTab] = useState(TABS.DETAILS);\r\n const [submitting, setSubmitting] = useState(false);\r\n const [auditStatus, setAuditStatus] = useState();\r\n const [status, setStatus] = useState(FORM_STATUSES.find((x: any) => x.value === activity.status));\r\n const [auditRemarks, setAuditRemarks] = useState();\r\n const [formsStatusRemarks, setFormsStatusRemarks] = useState(activity.formsStatusRemarks);\r\n const [dueDate, setDueDate] = useState(new Date(activity.dueDate));\r\n const { documents, invalidate } = useGetActivityDocuments(activity.id);\r\n const [file, setFile] = useState(null);\r\n const [invalidFile, setInvalidFile] = useState(false);\r\n\r\n function onTabChange(event: any) {\r\n setActiveTab(event);\r\n if (event === TABS.DETAILS) {\r\n setAuditStatus(undefined);\r\n setStatus(FORM_STATUSES.find((x: any) => x.value === activity.status));\r\n setAuditRemarks(undefined);\r\n setFormsStatusRemarks(activity.formsStatusRemarks);\r\n }\r\n }\r\n\r\n function isInvalid() {\r\n return !status ||\r\n (status.value === ACTIVITY_STATUS.APPROVE && !auditStatus) ||\r\n (status.value === ACTIVITY_STATUS.REJECT && !(formsStatusRemarks || '').trim()) ||\r\n ([AUDIT_STATUS.NON_COMPLIANCE, AUDIT_STATUS.NOT_APPLICABLE].includes((auditStatus || {}).value) && !(auditRemarks || '').trim());\r\n }\r\n\r\n function submit() {\r\n setSubmitting(true);\r\n const payload = {\r\n id: activity.id,\r\n auditStatus: (auditStatus || {}).value || '',\r\n status: status.value,\r\n auditRemarks: auditRemarks || '',\r\n formsStatusRemarks: formsStatusRemarks || '',\r\n dueDate: new Date(dueDate).toISOString()\r\n };\r\n\r\n api.post('/api/Auditor/UpdateAuditDetails', [payload]).then((response) => {\r\n if ((response.data || {}).result === 'SUCCESS') {\r\n toast.success('Activity updated successfully.');\r\n onSubmit();\r\n onClose();\r\n } else {\r\n toast.error((response.data || {}).message || 'Activity updated failed. Please try again');\r\n }\r\n }).finally(() => setSubmitting(false));\r\n\r\n }\r\n\r\n function onFileChange(event: any) {\r\n const file = event.target.files[0];\r\n const invalidFile = !ALLOWED_FILES_REGEX.exec(file.name);\r\n setFile(file);\r\n setInvalidFile(invalidFile);\r\n }\r\n\r\n function uploadFile() {\r\n setSubmitting(true);\r\n const formData = new FormData();\r\n formData.append('file', file, file.name);\r\n api.post(`/api/FileUpload/UploadSingleFile?toDoId=${activity.id}`, formData).then(() => {\r\n setFile(null);\r\n setInvalidFile(false);\r\n invalidate();\r\n toast.success('File uploaded successfully.');\r\n }).finally(() => setSubmitting(false));\r\n }\r\n\r\n useEffect(() => {\r\n if (status) {\r\n setDueDate(new Date(activity.dueDate));\r\n if (status.value === ACTIVITY_STATUS.REJECT) {\r\n setAuditRemarks(null);\r\n setAuditStatus(null);\r\n }\r\n }\r\n }, [status]);\r\n\r\n useEffect(() => {\r\n if (!dueDate) {\r\n setDueDate(new Date(activity.dueDate));\r\n }\r\n }, [dueDate]);\r\n\r\n return (\r\n <>\r\n \r\n \r\n Activity \r\n \r\n \r\n {\r\n (formStatus || {}).message &&\r\n {formStatus.message} \r\n }\r\n \r\n
\r\n
\r\n
Act
\r\n
{(activity.act || {}).name}
\r\n
\r\n
\r\n
Rule
\r\n
{(activity.rule || {}).name}
\r\n
\r\n
\r\n
Forms/Registers & Returns
\r\n
{(activity.activity || {}).name}
\r\n
\r\n
\r\n
Activity Type
\r\n
{(activity.activity || {}).type}
\r\n
\r\n
\r\n
Month(Year)
\r\n
{activity.month} ({activity.year})
\r\n
\r\n
\r\n
Forms Status
\r\n
{activity.status &&
\r\n
\r\n
\r\n
Audit Type
\r\n
{activity.auditted || ACTIVITY_TYPE.AUDIT}
\r\n
\r\n
\r\n