\n
\n);\n","export const ROUTES = {\n APP_ROOT: '/',\n DASHBOARD: '/dashboard',\n LOGIN: '/login',\n // CLASSES: '/control-table',\n ADV_SEARCH: '/adv-search',\n ADMIN_FORMS: '/admin',\n FUNCTIONAL_ADMIN: '/functional-admin',\n MONITORING_DASHBOARDS: '/monitoring-dashboards',\n COVERAGE: '/coverage',\n ERROR: '/error',\n};\n"," \n export function generateQueryString(payload: any) {\n if (!!payload) {\n const pairs = Object.entries(payload);\n if (pairs.length) {\n return pairs.reduce((acc, item) => {\n const [key, value] = item;\n if (value) {\n acc = acc.concat(`${key}=${value}&`);\n return acc;\n } else {\n return acc;\n }\n }, \"\");\n } else return \"\";\n } else {\n return \"\";\n }\n }","import { encode } from \"querystring\";\nimport { http } from \"../common/http\";\nimport jwt_decode from \"jwt-decode\";\n\nexport const refetchToken = async () => {\n const refreshToken = localStorage.getItem(\"refresh-token\");\n // const refreshToken = sessionStorage.getItem(\"refresh-token\");\n try {\n if (!refreshToken) {\n throw new Error(\"No Refresh token available\");\n }\n const body = {\n grant_type: \"refresh_token\",\n client_id: process.env.REACT_APP_API_CLIENT_ID,\n client_secret: process.env.REACT_APP_API_CLIENT_SECERET,\n refresh_token: refreshToken\n };\n const params = new URLSearchParams();\n params.append(\"grant_type\", body[\"grant_type\"]);\n params.append(\"client_id\", body[\"client_id\"]);\n params.append(\"client_secret\", body[\"client_secret\"]);\n params.append(\"refresh_token\", body[\"refresh_token\"]);\n\n const headers = {\n \"Content-Type\": \"application/x-www-form-urlencoded\",\n };\n const data = await http.post(\n process.env.REACT_APP_API_FACETUSERPOOL_URL,\n headers,\n params\n );\n if (!data || data.error || data.status === 401) {\n throw new Error(\"Failed to fetch token\");\n }\n if (data.access_token) {\n localStorage.setItem(\"token\", data.access_token);\n // sessionStorage.setItem(\"token\", data.access_token);\n }\n return data;\n } catch (err) {\n console.error(\"Error occured in refetch token:\", err);\n // sessionStorage.clear();\n localStorage.clear();\n window.location.href = process.env.REACT_APP_API_SHIBBOLETH_URL;\n }\n};\n\nexport const fetchToken = async (code) => {\n const body = {\n grant_type: \"authorization_code\",\n client_id: process.env.REACT_APP_API_CLIENT_ID,\n client_secret: process.env.REACT_APP_API_CLIENT_SECERET,\n code,\n redirect_uri: process.env.REACT_APP_API_REDIRECT_URI\n };\n const params = new URLSearchParams();\n params.append(\"grant_type\", body[\"grant_type\"]);\n params.append(\"client_id\", body[\"client_id\"]);\n params.append(\"client_secret\", body[\"client_secret\"]);\n params.append(\"code\", body[\"code\"]);\n params.append(\"redirect_uri\", body[\"redirect_uri\"]);\n // params.append('scope', body['scope'])\n\n const headers = {\n \"Content-Type\": \"application/x-www-form-urlencoded\",\n };\n const data = await http.post(\n process.env.REACT_APP_API_FACETUSERPOOL_URL,\n headers,\n params\n );\n if (data.access_token) {\n localStorage.setItem(\"token\", data.access_token);\n localStorage.setItem(\"refresh-token\", data.refresh_token);\n localStorage.setItem(\"id-token\", data.id_token);\n // sessionStorage.setItem(\"token\", data.access_token);\n // sessionStorage.setItem(\"refresh-token\", data.refresh_token);\n // sessionStorage.setItem(\"id-token\", data.id_token);\n }\n return data;\n // return await http.post('https://up-users-non-shib.auth.us-west-2.amazoncognito.com/oauth2/token',headers,params)\n};\nexport const fetchdecodeToken = (token = null) => {\n let encodedToken = token;\n if (!encodedToken) {\n encodedToken = localStorage.getItem(\"id-token\");\n // encodedToken = sessionStorage.getItem(\"id-token\");\n }\n const decoded = jwt_decode(encodedToken);\n console.log(decoded);\n return decoded;\n};\n","import { refetchToken } from \"../services/tokenService\";\n\n\nconst { fetch: originalFetch } = window;\n\nwindow.fetch = async (...args) => {\n let [resource, config ] = args;\n try {\n const response = await originalFetch(resource, config);\n // response interceptor here\n console.log('response ==> ', response);\n if ([400, 401, 403].includes(response.status)) {\n refetchToken()\n } else\n return response;\n } catch(err) {\n if (err.message === \"Failed to fetch\") {\n refetchToken()\n }\n }\n // request interceptor here\n const response = await originalFetch(resource, config);\n // response interceptor here\n console.log('response ==> ', response);\n if (response.status === 401 || response.status === 400) {\n refetchToken()\n } else\n return response;\n};\n\nexport const http = {\n get,\n post,\n put,\n delete: _delete,\n getXML,\n getXMLID,\n};\n\nconst headers = {\n \"x-api-key\": process.env.REACT_APP_API_KEY,\n \"Content-Type\": \"application/json\",\n // \"Access-Control-Allow-Credentials\": true,\n // \"Access-Control-Allow-Origin\": window.location.origin\n};\n\nfunction get(url, customHeaders = {}) {\n const requestOptions = {\n method: \"GET\",\n headers: {\n ...headers,\n ...customHeaders,\n },\n };\n return fetch(url, requestOptions)\n .then(handleResponse)\n .catch((err) => ({ data: null, error: new Error(err) }));\n // return fetch(url, requestOptions).then(handleResponse);\n}\n\nfunction getXML(url, customHeaders = {}) {\n const requestOptions = {\n method: \"GET\",\n headers: {\n ...headers,\n ...customHeaders,\n \"Content-Type\": \"application/text\",\n },\n };\n return fetch(url, requestOptions).then((response) => response.text())\n .catch((err) => ({ data: null, error: new Error(err) }));\n //.then(text => new window.DOMParser().parseFromString(text, \"text/xml\"));\n}\n\nfunction getXMLID(url, customHeaders = {},body) {\n const requestOptions = {\n method: \"POST\",\n headers: {\n ...headers,\n ...customHeaders,\n \"Content-Type\": \"application/text\",\n },\n };\n return fetch(url, requestOptions).then((handleResponse) => handleResponse.text())\n .catch((err) => ({ data: null, error: new Error(err) }));\n //.then(text => new window.DOMParser().parseFromString(text, \"text/xml\"));\n}\n\nfunction post(url, customHeaders = {}, body) {\n const requestOptions = {\n method: \"POST\",\n headers: { ...headers, ...customHeaders },\n body: body, //JSON.stringify(body),\n };\n return fetch(url, requestOptions)\n .then(handleResponse)\n .catch((err) => ({ data: null, error: new Error(err) }));\n}\n\nfunction put(url, customHeaders = {}, body) {\n const requestOptions = {\n method: \"PUT\",\n headers: { ...headers, ...customHeaders },\n body: body,\n };\n return fetch(url, requestOptions)\n .then(handleResponse)\n .catch((err) => ({ data: null, error: new Error(err) }));\n}\n\n// prefixed with underscored because delete is a reserved word in javascript\nfunction _delete(url) {\n const requestOptions = {\n method: \"DELETE\",\n };\n return fetch(url, requestOptions).then(handleResponse)\n .catch((err) => ({ data: null, error: new Error(err) }));\n}\n\n// helper functions\n\nfunction handleResponse(response) {\n return response.text().then((text) => {\n const data = text && JSON.parse(text);\n\n if (!response.ok) {\n const error = (data && data.message) || response.statusText;\n return Promise.reject(error);\n }\n\n return data;\n });\n}\n","import { generateQueryString } from \"../Utilities\";\nimport { http } from \"../common/http\";\nconst API_URL_JOBS_TRANSACTIONS_STUDENTINITIATED = process.env.REACT_APP_API_URL_JOBS_TRANSACTIONS_STUDENTINITIATED;\n// const API_URL_MESSAGEDETAILS_JSON = process.env.REACT_APP_API_URL_MESSAGEDETAILS_JSON;\nconst API_URL_MESSAGEDETAILS_XML =process.env.REACT_APP_API_URL_MESSAGEDETAILS_XML;\nconst API_URL_JOBDETAILS_JSON = process.env.REACT_APP_API_URL_JOBDETAILS_JSON;\n\nconst getToken = () => {\n return localStorage.getItem(\"token\");\n // return sessionStorage.getItem(\"token\");\n};\nconst getJobs = async () => {\n const token = getToken();\n const response = await http.get(\n `${API_URL_JOBS_TRANSACTIONS_STUDENTINITIATED}jobs`,\n {\n Authorization: `Bearer ${token}`,\n }\n );\n return response?.resData?.data || [];\n};\n\nconst advanceSearch = async (payload: any) => {\n const query = generateQueryString(payload);\n const token = getToken();\n const data = await http.get(\n `${process.env.REACT_APP_API_ADV_SEARCH}?${query}`,\n {\n Authorization: `Bearer ${token}`,\n }\n );\n return data;\n};\n\nconst searchTransactions = async (payload: any) => {\n const query = generateQueryString(payload);\n const token = getToken();\n const {\n resData: { data },\n } = await http.get(\n `${API_URL_JOBS_TRANSACTIONS_STUDENTINITIATED}searchTransactions?${query}`,\n {\n Authorization: `Bearer ${token}`,\n }\n );\n return [...data];\n};\n\nconst getTransactions = async () => {\n const token = getToken();\n const response = await http.get(\n `${API_URL_JOBS_TRANSACTIONS_STUDENTINITIATED}searchTransactions`,\n {\n Authorization: `Bearer ${token}`,\n }\n );\n return response?.resData?.data || [];\n};\n\nconst getVugTransactions = async () => {\n const token = getToken();\n const response = await http.get(\n `${API_URL_JOBS_TRANSACTIONS_STUDENTINITIATED}vugs`,\n {\n Authorization: `Bearer ${token}`,\n }\n );\n return response?.resData?.data || [];\n // console.log(\"REsponse\", response);\n // return Response.data;\n};\n\nconst getStudentInitation = async () => {\n const token = getToken();\n const response = await http.get(\n `${API_URL_JOBS_TRANSACTIONS_STUDENTINITIATED}sis`,\n {\n Authorization: `Bearer ${token}`,\n }\n );\n return response?.resData?.data || [];\n};\n\n// const getVocadoMessage = async (id) => {\n// const response = await http.get(`${ API_URL_MESSAGEDETAILS_JSON}messages/${id}`);\n// return response?.resData?.data || [];\n// };\n\nconst getVocadoMessageXml = async (id) => {\n const token = getToken();\n const response = await http.getXMLID(\n `${API_URL_MESSAGEDETAILS_XML}?messageId=${id}`,\n {\n Authorization: `Bearer ${token}`,\n }\n );\n return response;\n};\n\n// export const postSIFAdminForm = (body) => {\n// const token =getToken()\n// return fetch(`${API_URL_JOBS_TRANSACTIONS_STUDENTINITIATED}studentadmincreate`, {\n// method: 'POST',\n// headers : {\n// Authorization: `Bearer ${token}`\n// },\n// body: JSON.stringify(body)\n// }).then(res => res.json())\n// .then(res => res)\n// }\nconst getJobDetails = async (id) => {\n const token = getToken();\n const response = await http.get(\n `${API_URL_JOBDETAILS_JSON}jobdetails/${id}`,\n {\n Authorization: `Bearer ${token}`,\n }\n );\n return response?.resData?.data || [];\n};\n\n// export const searchStudent = (id) => {\n// const token = getToken();\n// return fetch(`https://api.dev.facet.it.ucla.edu/transactions/student/${id}`, {\n// headers: {\n// Authorization: `Bearer ${token}`\n// },\n// }).then(res => res.json()).then(res => res)\n// }\n\nconst DashboardService = {\n getJobs,\n getTransactions,\n // getVocadoMessage,\n getVocadoMessageXml,\n getStudentInitation,\n getVugTransactions,\n getJobDetails,\n searchTransactions,\n advanceSearch,\n};\n\nexport default DashboardService;\n","// import {\n// ArrowDownTrayIcon,\n// MagnifyingGlassIcon,\n// PlusIcon,\n// } from \"@heroicons/react/solid\";\n import { DownloadIcon, PlusIcon, SearchIcon } from \"@heroicons/react/outline\";\nimport React, { useCallback, useState } from \"react\";\n import { Button, Col, Form, InputGroup, Row, Stack } from \"react-bootstrap\";\n \n export interface TableActionsProps {\n hasSearch: boolean;\n hasAddRow: boolean;\n hasDownload: boolean;\n onAddRow?: () => void;\n onDownload?: () => void;\n onSearch?: (search: String) => void;\n children?: React.ReactElement\n }\n \n export default function TableActions({\n hasAddRow,\n hasSearch,\n hasDownload,\n onSearch,\n onDownload,\n onAddRow,\n children,\n }: TableActionsProps) {\n const [search, setSearch] = useState(\"\");\n \n const handleChange = (e: React.ChangeEvent404 Not Found!
\n| # | }\n {columns.map((col) => (\n
|---|
\n
\n )}\n {!isLoading && !newRows.length && (\n \n \n Loading...\n \n
\n \n
\n )}\n\n {pagination === \"default\" ? (\n \n {noRowsText ? noRowsText : 'No data to show table rows'}\n
\n \n \n
\n ) : null}\n \n );\n};\n\nexport default ExcelDownload;\n","import { Button, Row, Col, InputGroup, Dropdown } from \"react-bootstrap\";\nimport { Form } from \"react-bootstrap\";\nimport styles from \"./index.module.scss\";\nimport { useState, useEffect, useMemo, useCallback, useRef } from \"react\";\nimport DashboardService from \"../../services/dashboard\";\nimport CustomTable, { CustomColumn } from \"../../components/CustomTable\";\nimport Modal from \"../../components/Common/Modal\";\nimport Menu from \"../AdminForms/Menu\";\nimport Select from \"react-select\";\nimport {\n FilterIcon,\n LockClosedIcon,\n SearchIcon,\n XCircleIcon,\n XIcon,\n} from \"@heroicons/react/outline\";\nimport { FilterIcon as FilterIconFilled } from \"@heroicons/react/solid\";\nimport {\n filterRowsDataInCols,\n getUniqueTableColValuesMap,\n} from \"../../common/utils\";\nimport ExcelDownload from \"../../components/Common/ExcelDownload\";\n\nconst multiSelectFilterColsNames = [\n \"uid\",\n \"message_status\",\n \"message_class\",\n \"job_type\",\n];\n\nconst debounce = (fn: Function, ms = 500) => {\n let timeoutId: ReturnType\n setshowJobMessagesModal(false)}\n className={styles.jobs_modal}\n size='xl'\n config={{\n title: showJobMessagesModal.title,\n footer: false,\n body: (\n
\n );\n};\nexport default Jobs;\n","import { Button, Row, Col, InputGroup, Dropdown } from \"react-bootstrap\";\nimport { Form } from \"react-bootstrap\";\nimport styles from \"./index.module.scss\";\nimport { useState, useEffect, useMemo, useCallback, useRef } from \"react\";\nimport DashboardService from \"../../services/dashboard\";\nimport CustomTable, { CustomColumn } from \"../../components/CustomTable\";\nimport Modal from \"../../components/Common/Modal\";\nimport Menu from \"../AdminForms/Menu\";\nimport Select from \"react-select\";\nimport {\n FilterIcon,\n LockClosedIcon,\n SearchIcon,\n XCircleIcon,\n XIcon,\n} from \"@heroicons/react/outline\";\nimport { FilterIcon as FilterIconFilled } from \"@heroicons/react/solid\";\nimport {\n filterRowsDataInCols,\n getUniqueTableColValuesMap,\n} from \"../../common/utils\";\nimport ExcelDownload from \"../../components/Common/ExcelDownload\";\n\nconst multiSelectFilterColsNames = [\n \"uid\",\n \"message_status\",\n \"message_class\",\n \"job_type\",\n];\n\nconst debounce = (fn: Function, ms = 500) => {\n let timeoutId: ReturnType\n \n Clear All Filters\n \n
\n \n
\n\n \n
\n {!!showJobMessagesModal && (\n \n setShowModal(false)}\n className={styles.jobs_modal}\n size='lg'\n config={{\n title: showModal.title,\n footer: false,\n body: (\n setshowVocadoMessagesModal(false)}\n config={{\n title: showVocadoMessagesModal.title,\n footer: false,\n body: (\n
\n );\n};\nexport default Transactions;\n","import { Button, Row, Col, InputGroup, Dropdown } from \"react-bootstrap\";\nimport { Form } from \"react-bootstrap\";\nimport styles from \"./index.module.scss\";\nimport { useState, useEffect, useMemo, useCallback, useRef } from \"react\";\nimport DashboardService from \"../../services/dashboard\";\nimport CustomTable, { CustomColumn } from \"../../components/CustomTable\";\nimport Modal from \"../../components/Common/Modal\";\nimport Menu from \"../AdminForms/Menu\";\nimport Select from \"react-select\";\nimport {\n FilterIcon,\n LockClosedIcon,\n SearchIcon,\n XCircleIcon,\n XIcon,\n} from \"@heroicons/react/outline\";\nimport { FilterIcon as FilterIconFilled } from \"@heroicons/react/solid\";\nimport {\n filterRowsDataInCols,\n getUniqueTableColValuesMap,\n} from \"../../common/utils\";\nimport ExcelDownload from \"../../components/Common/ExcelDownload\";\n\nconst multiSelectFilterColsNames = [\n \"uid\",\n \"message_status\",\n \"message_class\",\n \"job_type\",\n];\n\nconst debounce = (fn: Function, ms = 500) => {\n let timeoutId: ReturnType\n \n Clear All Filters\n \n
\n \n
\n\n \n
\n {!!showModal && (\n \n {showModal.data}\n
\n ),\n }}\n />\n )}\n {!!showVocadoMessagesModal && (\n \n {showVocadoMessagesModal.data ? (\n
\n ),\n }}\n />\n )}\n {showVocadoMessagesModal.data}\n ) : (\n \"Message not found\"\n )}\n \n
\n );\n};\nexport default StudentInitated;\n","import { Button, Row, Col, InputGroup, Dropdown } from \"react-bootstrap\";\nimport { Form } from \"react-bootstrap\";\nimport styles from \"./index.module.scss\";\nimport { useState, useEffect, useMemo, useCallback, useRef } from \"react\";\nimport DashboardService from \"../../services/dashboard\";\nimport CustomTable, { CustomColumn } from \"../../components/CustomTable\";\nimport Menu from \"../AdminForms/Menu\";\nimport Select from \"react-select\";\nimport { FilterIcon, SearchIcon, XIcon } from \"@heroicons/react/outline\";\nimport { FilterIcon as FilterIconFilled } from \"@heroicons/react/solid\";\nimport {\n filterRowsDataInCols,\n getUniqueTableColValuesMap,\n} from \"../../common/utils\";\nimport ExcelDownload from \"../../components/Common/ExcelDownload\";\n\nconst debounce = (fn: Function, ms = 500) => {\n let timeoutId: ReturnType\n \n Clear All Filters\n \n
\n \n
\n\n \n
\n \n {/*
\n );\n};\nexport default VugTransactions;\n","const Summary = () => {\n return (\n \n \n Clear All Filters\n \n
*/}\n \n
\n\n \n
\n \n setExcelData(key)}\n activeKey={excelData}\n >\n \n \n \n {Boolean(jobs?.length > 1000) ? (\n \n \n {Boolean(transactions?.length > 1000) ? (\n \n \n {Boolean(studentintiation?.length > 1000) ? (\n \n \n {console.log(vugTransactions, excelData, \"test vug\")}\n {Boolean(vugTransactions?.length > 1000) ? (\n \n \n {/* {
\n \n );\n};\n\nexport default Dashboard;\n","import { useHistory } from \"react-router-dom\";\nimport styles from \"./index.module.scss\";\nimport UCLA from \"../Assets/UCLA.jpg\";\nimport { fetchToken } from \"../../services/tokenService\";\n\nconst AUTHORISED_USERS = [\n // {\n // username: \"rrbqa056a15s19mmru0p04lhs\",\n // password: \"1613mnnrvjtp4af2hnpi4fp8ca2asp934vb2g8212rotch6k6do0\"\n // }\n];\n\n//const isUserAuthorised = ({username,password})=>{\n//return !!AUTHORISED_USERS.filter(user => user.username === username && user.password === password).length;\n//}\nconst Login = () => {\n const history = useHistory();\n\n const redirectUser = () => {\n history.push(\"/\");\n };\n\n const submitForm = async (e) => {\n e.preventDefault();\n console.log(\"===Here\");\n const username = e.target.username.value;\n const password = e.target.password.value;\n try {\n const response = await fetchToken({\n client_id: username,\n client_secret: password,\n });\n if (response?.error) {\n window.alert(\n \"Invalid username password combination. Please try again !\"\n );\n } else {\n if (response.access_token) {\n localStorage.setItem(\"token\", response.access_token);\n // sessionStorage.setItem(\"token\", response.access_token);\n }\n redirectUser();\n }\n } catch (e) {\n console.log(e);\n }\n\n // if (isUserAuthorised({username,password})) {\n\n //} else {\n //window.alert(\"Invalid username/password combination\");\n //}\n };\n return (\n \n The results are limited the first 1000 records, Please revise\n your search ceriteria to narrow your search, if needed.\n
\n ) : null}\n\n {excelData === 'jobs' &&\n The results are limited the first 1000 records, Please revise\n your search ceriteria to narrow your search, if needed.\n
\n ) : null}\n {excelData === 'transactions' &&\n The results are limited the first 1000 records, Please revise\n your search ceriteria to narrow your search, if needed.\n
\n ) : null}\n {excelData === 'student' &&\n The results are limited the first 1000 records, Please revise\n your search ceriteria to narrow your search, if needed.\n
\n ) : null}\n {excelData === 'vugtrans' &&\n Adv Search\n
} */}\n \n
\n \n
\n );\n};\n\nexport default Login;\n","\nimport { http } from \"../common/http\";\nimport { fetchToken, refetchToken } from \"./tokenService\";\n\nconst getToken = () => {\n return localStorage.getItem(\"token\");\n // return sessionStorage.getItem(\"token\");\n};\n\nexport const getControlledClasses = async () => {\n const token = getToken();\n let response;\n try {\n response = await http.get(\n `${process.env.REACT_APP_API_URL_JOBS_TRANSACTIONS_STUDENTINITIATED}controls`,\n {\n Authorization: `Bearer ${token}`,\n }\n );\n } catch (err) {\n console.error(err);\n }\n return response;\n};\n\nexport const createControlledClasses = async (body) => {\n const token = getToken();\n try {\n return await http.post(\n `${process.env.REACT_APP_API_URL_JOBS_TRANSACTIONS_STUDENTINITIATED}control/create`,\n {\n Authorization: `Bearer ${token}`,\n },\n JSON.stringify(body)\n // body\n );\n } catch (err) {\n console.error(err);\n }\n};\n\nexport const createControlledClass = async (body) => {\n const token = getToken();\n try {\n return await http.post(\n `${process.env.REACT_APP_API_URL_JOBS_TRANSACTIONS_STUDENTINITIATED}control/create`,\n {\n Authorization: `Bearer ${token}`,\n },\n // JSON.stringify(body)\n body\n );\n } catch (err) {\n console.error(err);\n }\n};\n\nexport const getPermissions = async () => {\n const token = getToken();\n if(!token){\n await refetchToken()\n }\n try {\n return await http.get(\n `${process.env.REACT_APP_API_URL_JOBS_TRANSACTIONS_STUDENTINITIATED}control/GROUPER_ROLES/FUNCTIONS`,\n {\n Authorization: `Bearer ${token}`,\n }\n );\n } catch (err) {\n console.error(err);\n }\n};\n\nexport const updateControlledClass = async (body) => {\n const token = getToken();\n try {\n return await http.put(\n `${process.env.REACT_APP_API_URL_JOBS_TRANSACTIONS_STUDENTINITIATED}control/update`,\n {\n Authorization: `Bearer ${token}`,\n },\n JSON.stringify(body)\n );\n } catch (err) {\n console.error(err);\n }\n};\n\nexport const getsafissd = async (year) => {\n const token = getToken();\n let response;\n try {\n response = await http.get(\n `${process.env.REACT_APP_API_URL_JOBS_TRANSACTIONS_STUDENTINITIATED}control/SAFI_SSD_CONTROLS/${year||'2024-2025'}`,\n {\n Authorization: `Bearer ${token}`,\n }\n );\n } catch (err) {\n console.error(err);\n }\n return response;\n};\n\nexport const getunexssd = async (year) => {\n const token = getToken();\n let response;\n try {\n response = await http.get(\n `${process.env.REACT_APP_API_URL_JOBS_TRANSACTIONS_STUDENTINITIATED}control/SAFI_SSD_CONTROLS_UNEX/${year||'2024-2025'}`,\n {\n Authorization: `Bearer ${token}`,\n }\n );\n } catch (err) {\n console.error(err);\n }\n return response;\n};\n\n","import React, { createContext, useEffect, useMemo, useReducer } from \"react\";\nimport RolesAndPermissions from './constants/rolesAndPermissions.json';\nimport moment from \"moment\";\nimport { getPermissions } from \"../services/controltable\";\n\n// console.log('path ==> ', process.env);\n\n\nconst initialAppState = JSON.parse(\n localStorage.getItem(\"app-provider\") || \"null\"\n) || {\n login: null,\n};\n\nexport const AppContext = createContext(initialAppState);\n\nexport default function AppProvider({ children }) {\n const appReducer = (state, action) => {\n switch (action.type) {\n case \"SET_PERMISSIONS\": \n return {\n ...state,\n permissions: action.payload\n }\n case \"UPDATE_LOGIN\": {\n return {\n ...state,\n login: { ...(state.login || {}), ...action.payload },\n expiry: moment().add(moment.duration(3, 'h')).unix()\n };\n }\n case \"CLEAR_LOGIN\": {\n return {\n ...state,\n login: null,\n expiry: null,\n permissions: {}\n };\n }\n default:\n return state;\n }\n };\n\n useEffect(() => {\n async function fetchPermissions(){\n const {resData} = await getPermissions();\n const {data} = resData || {data: []}\n const map = data?.[0]?.dictionary;\n const normalizedMap = {}\n for (let key in map){\n normalizedMap[key] = map[key].map(url => `/${url}`)\n }\n dispatch({type: 'SET_PERMISSIONS', payload: normalizedMap})\n // console.log('per', normalizedMap)\n }\n fetchPermissions();\n },[])\n const [state, dispatch] = useReducer(appReducer, initialAppState);\n\n const availablePages = useMemo(() => {\n let roles = [];\n const accessRoles = decodeURIComponent(\n (state.login && state.login[\"custom:UclaPersonRole\"]) || \"\"\n )\n .replaceAll(\"urn:mace:ucla.edu:role:facet-integ-dashboard:\", \"\")\n .replaceAll(\"[\", '')\n .replaceAll(\"]\", '')\n .split(\", \");\n\n \n // const accessPermissions = envRolesNPermissions\n // .replaceAll(\"[\", '')\n // .replaceAll(\"]\", '')\n // .split(\", \").map(key => `/${key}`);\n\n if (accessRoles.length > 0 ) {\n roles = roles.concat([\"\", \"/\"])\n accessRoles.forEach((role) => {\n if(role){\n roles = roles.concat({ [role]: state.permissions?.[role] || []})\n if(state.permissions?.[role])\n roles = roles.concat(state.permissions?.[role] )\n }\n });\n }\n return [...new Set(roles)];\n }, [state.login,state.permissions]);\n\n useEffect(() => {\n localStorage.setItem(\"app-provider\", JSON.stringify(state));\n }, [state]);\n\n return (\n \n 
*/}\n \n
\n \n FACET Dashboard - Temp Login\n
\n {/* \n
\n );\n};\n\nexport default Menu;\n","import { Container } from \"react-bootstrap\";\nimport Menu from \"../Menu\";\nimport styles from \"./index.module.scss\";\n\nconst Header = () => {\n return (\n - \n {list\n .filter((item) => availablePages.includes(item.link))\n .map((item, k) => (\n
- \n {item.name}\n | \n \n ))}\n
\n \n \n
\n );\n};\n\nexport default Header;\n","import { Container, Row } from \"react-bootstrap\";\nimport { Link } from \"react-router-dom\";\nimport { useHistory } from \"react-router-dom\";\nimport { ROUTES } from \"../../common/constants\";\nimport styles from \"./index.module.scss\";\nimport { useContext, useEffect } from \"react\";\nimport { AppContext } from \"../../common/AppProvider\";\n\nconst TopNav = () => {\n const {update, data } = useContext(AppContext);\n\n const history = useHistory();\n\n // const getToken = () => {\n // return localStorage.getItem(\"token\");\n // };\n\n const logout = async () => {\n update({ type: \"CLEAR_LOGIN\" });\n localStorage.clear()\n window.location.reload();\n };\n\n useEffect(() => {\n // getToken();\n });\n\n // console.log(data.login, \"login data\");\n\n return (\n \n );\n};\n\nexport default TopNav;\n","import React, { Component } from \"react\";\nimport { Container, Row } from \"react-bootstrap\";\nimport { useLocation } from \"react-router-dom\";\nimport Header from \"../components/Header\";\nimport TopNav from \"../components/TopNav\";\nimport styles from \"./index.module.scss\";\n\nconst HEADER_MAP = {\n '/':'Home',\n '/dashboard': 'Dashboard',\n '/adv-search': 'Advanced Search',\n // '/control-table': 'Control Table',\n '/admin': 'Admin',\n '/functional-admin': 'Functional Admin',\n '/monitoring-dashboards': 'Monitoring Dashboards',\n '/coverage':'Coverage'\n};\n\nconst MainLayout = ({children}) => {\n const {pathname} = useLocation();\n return (\n \n
\n UCLA
\n \n\n
\n {children}\n
\n \n
\n \n {HEADER_MAP[pathname] ?? 'Faled To Load Name'}\n
\n\n {process.env.REACT_APP_ENV}\n
\n\n {children}\n
\n \n Loading...\n \n
\n )}\n \n \n Enable Safi Control?\n \n
\n );\n }, [\n year,\n modifiedDict,\n safiEnabled,\n safiEnabledSsd,\n safiEnabledSummerSsd,\n safiEnabledSummerSsdMd,\n ]);\n\n return (\n \n
\n \n \n Enable SSD?\n \n
\n \n \n Enable Summer SSD?\n \n
\n \n \n Enable Summer SSD for M&D?\n \n
\n \n {academicYearDropDown}
\n \n
\n \n \n \n \n Last updated by:\n \n \n {\" \"}\n {updated_by}{\" \"}\n \n\n \n at:\n \n \n {updated_at}\n \n
\n \n {modifiedDict && (\n \n )}\n {!modifiedDict && (\n \n )}\n \n \n \n setToast(null)}>\n \n {toast} \n \n \n
\n \n );\n};\n","import { http } from \"../common/http\";\n\nconst getToken = () => {\n return localStorage.getItem(\"token\");\n // return sessionStorage.getItem(\"token\");\n};\n\nexport const createUploadFile = async (bucketname, file, body) => {\n const token = getToken();\n try {\n return await http.put(\n // `${process.env.REACT_APP_API_ADMIN_UPLOAD}${bucketname}/${filename}`,\n `${process.env.REACT_APP_API_ADMIN_UPLOAD}inbound/${file}`,\n {\n // \"x-api-key\": process.env.REACT_APP_API_KEY,\n Authorization: `Bearer ${token}`,\n \"Content-Type\": 'multipart/form-data'\n },\n body\n );\n } catch (err) {\n console.error(err);\n }\n};\n\n\n\n\n","import { createUploadFile } from \"../../services/adminFileUploadService\";\nimport { useEffect, useState } from \"react\";\nimport styles from \"./index.module.scss\";\nimport CustomForm from \"../AdminForms/CustomForm\";\nimport {\n Button,\n Card,\n Col,\n Form,\n Row,\n Stack,\n ThemeProvider,\n Toast,\n ToastContainer,\n} from \"react-bootstrap\";\nimport CustomField from \"../AdminForms/CustomField\";\n\nconst fields = [\n // {\n // label: \"File Type\",\n // name: \"filetype\",\n // type: \"select\",\n // options: [\n // { label: \"StudentInitiation\", value: \"SI\" },\n // { label: \"StudentSupplementaData\", value: \"SSD\" },\n // { label: \"safi\", value: \"SAFI\" },\n // ],\n // },\n {\n label: \"File Upload\",\n name: \"fileUpload\",\n type: \"file\",\n placeholder: \"Choose a file\",\n },\n];\n\nfunction ManualFileUpload() {\n const [files, setFiles] = useState([]);\n const [valid, setValid] = useState(false);\n const [formError, setFormError] = useState(false);\n const [toast, setToast] = useState\n \n \n setToast(null)}>\n \n ![\"\"](\"holder.js/20x20?text=%20\")
\n Successful\n \n \n {toast} \n \n \n \n \n
\n {\n e.preventDefault();\n e.stopPropagation();\n let validFile = false;\n let validFileExtension = false;\n if (files[0] && files[0].name) {\n validFile = [\"SIS_STUINIT\", \"SIS_SSD\", \"SIS_SAFI\"].some(\n (startStr) => files[0].name.startsWith(startStr) && (files[0].name.endsWith('.csv') || files[0].name.endsWith('.txt'))\n );\n \n }\n if (validFile) {\n setValid(false);\n setFormError(false);\n handleSubmit(files[0]);\n setFiles([])\n } else {\n setValid(false);\n setFormError(true);\n }\n }}\n className=\"mt-5\"\n >\n \n file?.name) : undefined\n }\n />\n
\n \n
\n \n \n \n \n \n \n
\n );\n}\n\nexport default ManualFileUpload;\n","\nimport { http } from \"../common/http\";\n\nconst getToken = () => {\n return localStorage.getItem(\"token\");\n // return sessionStorage.getItem(\"token\");\n};\n\nexport const getSafiBarFundCodes = async () => {\n const token = getToken();\n let response;\n try {\n response = await http.get(\n `${process.env.REACT_APP_API_URL_JOBS_TRANSACTIONS_STUDENTINITIATED}barsfpfundcode`,\n {\n Authorization: `Bearer ${token}`,\n }\n );\n } catch (err) {\n console.error(err);\n }\n return response;\n};\n\nexport const getAuditData = async () => {\n const token = getToken();\n let response;\n try {\n response = await http.get(\n `${process.env.REACT_APP_API_URL_JOBS_TRANSACTIONS_STUDENTINITIATED}auditdata`,\n {\n Authorization: `Bearer ${token}`,\n }\n );\n } catch (err) {\n console.error(err);\n }\n return response;\n};\n\n\nexport const createSafiBarFundCodes = async (body) => {\n const token = getToken();\n return http.post(\n `${process.env.REACT_APP_API_URL_JOBS_TRANSACTIONS_STUDENTINITIATED}barsfpfundcode/create`,\n {\n Authorization: `Bearer ${token}`,\n },\n body\n );\n};\n\nexport const updateSafiBarFundCodes = async (body) => {\n const token = getToken();\n try {\n return await http.put(\n `${process.env.REACT_APP_API_URL_JOBS_TRANSACTIONS_STUDENTINITIATED}barsfpfundcode/update`,\n {\n Authorization: `Bearer ${token}`,\n },\n JSON.stringify(body)\n );\n } catch (err) {\n console.error(err);\n }\n};\n\n\n\n\n\n","import React, {\n useCallback,\n useContext,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from \"react\";\nimport { PencilIcon, TrashIcon } from \"@heroicons/react/outline\";\nimport CustomTable, { CustomColumn } from \"../../components/CustomTable\";\nimport styles from \"./index.module.scss\";\nimport {\n Button,\n Card,\n Col,\n Form,\n Row,\n Stack,\n Toast,\n ToastContainer,\n} from \"react-bootstrap\";\nimport CustomField from \"../AdminForms/CustomField\";\nimport CustomModal from \"../AdminForms/CustomModal\";\nimport { AppContext } from \"../../common/AppProvider\";\nimport {\n createSafiBarFundCodes,\n getSafiBarFundCodes,\n updateSafiBarFundCodes,\n} from \"../../services/safibarflagsTable\";\nimport moment from \"moment\";\n\nconst TOAST_CONFIG = {\n SUCCESS: {\n title: \"Success\",\n backgroundColor: \"#274f82\",\n color: \"white\",\n },\n FAILED: {\n title: \"Failed\",\n backgroundColor: \"#274f82\",\n color: \"white\",\n msgColor: \"red\",\n },\n};\n\nexport const SafiBar = () => {\n const { data } = useContext(AppContext);\n\n const columns: ArrayManual Upload for SI, SSD, SAFI Files
\nPlease select the file formats Ex: SIS_STUINIT, SIS_SSD,SIS_SAFI
\n \n\n Please select/choose the .csv or .txt files\n
\n )}\n \n\n \n
\n \n \n {/* */}\n {/* */}\n
\n \n \n setToast(null)}>\n \n \n \n {toast?.msg}\n \n \n \n
\n \n );\n};\n","import React, {\n useCallback,\n useContext,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from \"react\";\nimport { PencilIcon, TrashIcon } from \"@heroicons/react/outline\";\nimport CustomTable, { CustomColumn } from \"../../components/CustomTable\";\nimport styles from \"./index.module.scss\";\nimport {\n Button,\n Card,\n Col,\n Form,\n Row,\n Stack,\n Toast,\n ToastContainer,\n} from \"react-bootstrap\";\nimport { AppContext } from \"../../common/AppProvider\";\nimport { getAuditData } from \"../../services/safibarflagsTable\";\nimport Modal from \"../../components/Common/Modal\";\n\nconst TOAST_CONFIG = {\n SUCCESS: {\n title: \"Success\",\n backgroundColor: \"#274f82\",\n color: \"white\",\n },\n FAILED: {\n title: \"Failed\",\n backgroundColor: \"#274f82\",\n color: \"white\",\n msgColor: \"red\",\n },\n};\n\nexport const AuditData = () => {\n const { data } = useContext(AppContext);\n\n const columns: Array\n \n
\n \n {showAuditModal && (\n setShowAuditModal(false)}\n config={{\n footer: false,\n title: showAuditModal.title,\n body: (\n setShowAuditOldModal(false)}\n config={{\n footer: false,\n title: showAuditOldModal.title,\n body: (\n
\n );\n};\n","import CustomTabs from \"../../components/CustomTabs\";\nimport { SafiSSd } from \"./SafiSsdControls\";\nimport { UnexSSD } from \"./UnexControls\";\nimport ManualFileUpload from \"./ManualFileUpload\";\nimport { SafiBar } from \"./SafiBarFlagsTable\";\nimport { AuditData } from \"./AuditDataTable\";\n\nconst tabs = [\n {\n title: \"Manual File Upload\",\n eventKey: \"file uploads\",\n Component: ManualFileUpload,\n },\n {title: 'SAFI SSD Controls', eventKey: 'safi ssd',Component: SafiSSd},\n {title: 'UNEX SAFI/SSD Controls', eventKey: 'unex ssd',Component: UnexSSD},\n {title: 'BAR to SFP Fund Code Mapping', eventKey: 'Safi Bar table',Component: SafiBar},\n {title: 'Audit Data Table', eventKey: 'audit table',Component: AuditData},\n];\n\nconst FunctionalAdmin = ({}) => {\n return \n {/*
\n ) \n }}\n />\n )}\n {showAuditOldModal && (\n {showAuditModal}
*/}\n {JSON.stringify(showAuditModal.data, undefined, 2)}\n \n {/*
\n ) \n }}\n />\n )}\n {showAuditOldModal}
*/}\n {JSON.stringify(showAuditOldModal.data, undefined, 2)}\n \n \n setToast(null)}>\n \n \n \n {toast?.msg}\n \n \n \n
\n \n \n Enable Safi Control?\n \n
\n );\n }, [\n year,\n modifiedDict,\n safiEnabled,\n safiEnabledSsd\n ]);\n\n const effectiveDate = useMemo(() => {\n return (\n \n
\n \n \n Enable SSD?\n \n
\n \n \n \n setToast(null)}>\n \n {toast} \n \n \n \n \n {academicYearDropDown}
\n {effectiveDate}
\n \n
\n \n \n \n \n Last updated by:\n \n \n {\" \"}\n {apiData.updated_by}\n \n\n \n at:\n \n \n {apiData.updated_at}\n \n
\n \n {/* {modifiedDict && (\n \n )}\n {!modifiedDict && (\n \n )} */}\n \n \n \n \n \n );\n}\n\n ","import { Button, Row, Col, InputGroup, Dropdown } from \"react-bootstrap\";\nimport { Form } from \"react-bootstrap\";\nimport styles from \"./index.module.scss\";\nimport { useState, useEffect, useMemo, useCallback, useRef } from \"react\";\nimport DashboardService from \"../../services/dashboard\";\nimport CustomTable, { CustomColumn } from \"../../components/CustomTable\";\nimport Modal from \"../../components/Common/Modal\";\nimport Menu from \"../AdminForms/Menu\";\nimport Select from \"react-select\";\nimport {\n FilterIcon,\n LockClosedIcon,\n SearchIcon,\n XCircleIcon,\n XIcon,\n} from \"@heroicons/react/outline\";\nimport { FilterIcon as FilterIconFilled } from \"@heroicons/react/solid\";\nimport {\n filterRowsDataInCols,\n getUniqueTableColValuesMap,\n} from \"../../common/utils\";\nimport ExcelDownload from \"../../components/Common/ExcelDownload\";\n\nconst multiSelectFilterColsNames = [\n \"message_status\",\n \"message_class\",\n \"job_type\",\n];\n\nfunction getFormFields(e) {\n return {\n job_id: e.target.job_id.value,\n uid: e.target.uid.value,\n message_id: e.target.vocado_message_id.value,\n message_class: e.target.message_class.value,\n message_status: e.target.message_status.value,\n start_date: e.target.start_date.value,\n end_date: e.target.end_date.value,\n };\n}\n\nconst debounce = (fn: Function, ms = 500) => {\n let timeoutId: ReturnType\n setShowUidModal(false)}\n className={styles.adv_modal}\n size=\"lg\"\n config={{\n title: showUidModal.title,\n footer: false,\n body: (\n setShowModal(false)}\n className={styles.adv_modal}\n size=\"lg\"\n config={{\n title: showModal.title,\n footer: false,\n body: (\n setshowVocadoMessagesModal(false)}\n className={styles.vocado_modal}\n config={{\n title: showVocadoMessagesModal.title,\n footer: false,\n body: (\n
\n );\n};\nexport default AdvSearch;\n","\nconst CloudWatchDashboard = ({ }) => {\n \n \n return (\n \n Go to Monitoring Dashboards\n \n \n );\n }; \nexport default CloudWatchDashboard;\n","\nimport { http } from \"../common/http\";\n\nconst getToken = () => {\n return localStorage.getItem(\"token\");\n // return sessionStorage.getItem(\"token\");\n};\n\n// export const getControlledFlagTable = async () => {\n// const token = getToken();\n// let response;\n// try {\n// response = await http.get(\n// `${process.env.REACT_APP_API_URL_JOBS_TRANSACTIONS_STUDENTINITIATED}controlflags`,\n// {\n// Authorization: `Bearer ${token}`,\n// }\n// );\n// } catch (err) {\n// console.error(err);\n// }\n// return response;\n// };\n\nexport const getControlledFlagTableUID = async (id) => {\n const token = getToken();\n let response;\n try {\n response = await http.get(\n `${process.env.REACT_APP_API_URL_JOBS_TRANSACTIONS_STUDENTINITIATED}controlflags/${id}`,\n {\n Authorization: `Bearer ${token}`,\n }\n );\n } catch (err) {\n console.error(err);\n }\n return response;\n};\n\nexport const createControlledFlagTable = async (body) => {\n const token = getToken();\n try {\n return await http.post(\n `${process.env.REACT_APP_API_URL_JOBS_TRANSACTIONS_STUDENTINITIATED}controlflags/create`,\n {\n Authorization: `Bearer ${token}`,\n },\n body\n );\n } catch (err) {\n console.error(err);\n }\n};\n\nexport const updateControlledFlagTable = async (body) => {\n const token = getToken();\n try {\n return await http.put(\n `${process.env.REACT_APP_API_URL_JOBS_TRANSACTIONS_STUDENTINITIATED}controlflags/update`,\n {\n Authorization: `Bearer ${token}`,\n },\n JSON.stringify(body)\n );\n } catch (err) {\n console.error(err);\n }\n};\n\n","\nimport CustomTabs from \"../../components/CustomTabs\";\nimport StudentInitation from \"./StudentInitation\";\nimport { ControlFlags } from \"./ControlFlagsTable\";\nimport SSD from \"./SSD\";\nimport Classes from \"../Classes\";\nimport { SafiBar } from \"../FunctionalAdmin/SafiBarFlagsTable\";\n\n\n\n\n\nconst SAFI = () => {\n console.log(123)\n return \n \n *Please apply filters to get the\n table data.\n \n
\n {formError && (\n Please select any search criteria
\n )}\n \n\n {!isLoading ? (\n
\n {!!showUidModal && (\n \n
\n ),\n }}\n />\n )}\n {!!showModal && (\n {JSON.stringify(showUidModal.data, undefined, 2)}\n \n {showModal.data ? (\n
\n ),\n }}\n />\n )}\n {!!showVocadoMessagesModal && (\n {showModal.data}
\n ) : (\n \"Message Errors are not found\"\n )}\n\n {showVocadoMessagesModal.data ? (\n
\n ),\n }}\n />\n )}\n {showVocadoMessagesModal.data}\n ) : (\n \"Message not found\"\n )}\n SAFI TAB
\n}\n\n\n\nconst tabs = [\n // {title: 'SI', eventKey: 'si', Component: StudentInitation},\n // {title: 'SSD', eventKey: 'ssd', Component: SSD},\n // {title: 'SAFI', eventKey: 'safi',Component: SAFI},\n {title: 'Control Flags Table', eventKey: 'control flag table',Component: ControlFlags},\n {title: 'Control Table', eventKey: 'control table',Component: Classes},\n // {title: 'BAR to SFP Fund Code Mapping', eventKey: 'Safi Bar table',Component: SafiBar},\n]\n\nconst AdminForms = ({ }) => {\n return (\n\n \n \n \n {/*
\n );\n};\n","import React, { useCallback, useContext, useEffect, useRef, useState } from \"react\";\nimport { createControlledClass,getControlledClasses,updateControlledClass } from \"../../services/controltable\";\nimport { PencilIcon, TrashIcon } from \"@heroicons/react/outline\";\nimport CustomTable , { CustomColumn } from \"../../components/CustomTable\";\nimport { Button, Form, Stack } from \"react-bootstrap\";\nimport CustomField from \"../AdminForms/CustomField\"\nimport CustomModal from \"../AdminForms/CustomModal\";\nimport Modal from \"../../components/Common/Modal\"\nimport styles from \"./index.module.scss\";\nimport moment from \"moment\";\nimport { AppContext } from \"../../common/AppProvider\";\n\n\n\n\n// const getParsedValue = (value) =>{\n// try {\n// const parsedValue = JSON.stringify(value);\n// return parsedValue;\n// }catch(e){\n// return value.toString();\n// }\n// }\nconst Classes = () => {\n\n const { data } = useContext(AppContext);\n // const columns: any = [\n // cellClass: `${styles.control_name_col}`,\n // cellClass: `${styles.control_value_col}`,\n // ,cellClass: `${styles.dictionary_col}`,\n // cellClass: `${styles.description_col}`,\n // cellClass: `${styles.created_at_col}`,\n // cellClass: `${styles.updated_at_col}`,\n // ];\n const columns: Array\n \n \n \n { showDictionaryModal && setShowDictionaryModal(false)}\n config={{\n footer: false,\n title:\"Dictionary Details\",\n body: (\n
\n );\n\n};\n\nexport default Classes;\n","import React from \"react\";\nimport styles from \"./index.module.scss\";\nimport { Button, Container, Row, Stack } from \"react-bootstrap\";\nimport { useHistory } from \"react-router-dom\";\nimport TopNav from \"../../components/TopNav\";\n\nexport default function ErrorPage() {\n const history = useHistory();\n\n return (\n <>\n {showDictionaryModal}
\n ),\n }}\n />}\n Something went wrong !
\nPlease Contact FACET Administrator at: facetintegration@it.ucla.edu
\n {/* */}\n \nPlease Contact IT Services - Facet Integration at: facetintegration@it.ucla.edu
\n \n );\n};\nexport default Home;","import { http } from \"../common/http\";\n\nconst getToken = () => {\n return localStorage.getItem(\"token\");\n // return sessionStorage.getItem(\"token\");\n};\n\nexport const getCoverage = (path) => {\n const token = getToken();\n return fetch(`https://api.dev.facet.it.ucla.edu/coverage${path}`, {\n method: \"GET\",\n headers: {\n Authorization: `Bearer ${token}`,\n \"Content-Type\": \"text/html\",\n },\n }).then(async (res) => {\n const data = await res.arrayBuffer();\n const html = await new TextDecoder(\"utf-8\").decode(new Uint8Array(data))\n return html;\n });\n};\n\n","import { useEffect, useState } from \"react\";\nimport { getCoverage } from \"../../services/coverageService\";\nimport './sort.js';\n// import './prettify.js';\nimport \"./index.scss\";\n\nconst Coverage = () => {\n\n const [coverage, setCoverage] = useState\n \n
\n );\n};\nexport default Coverage;\n","import React, { Component, Suspense } from \"react\";\nimport { BrowserRouter as Router, Route, Switch } from \"react-router-dom\";\nimport { PageLoader, NotFound } from \"./components/Common\";\nimport { ROUTES } from \"./common/constants\";\nimport Dashboard from \"./Pages/Dashboard\";\n\nimport \"./styles/styles.scss\"; // global styles\nimport Login from \"./Pages/Login\";\nimport ProtectedRoute from \"./components/ProtectedRoute\";\nimport Classes from \"./Pages/Classes\";\nimport FunctionalAdmin from \"./Pages/FunctionalAdmin\";\nimport AdvSearch from \"./Pages/AdvSearch\";\nimport CloudWatchDashboard from \"./Pages/CloudWatchDashboard\";\nimport AdminForms from \"./Pages/AdminForms\";\nimport \"bootstrap/dist/css/bootstrap.css\";\nimport ErrorPage from \"./Pages/ErrorPage\";\nimport Home from \"./Pages/Home\";\nimport TopNav from \"./components/TopNav\";\nimport AppProvider from \"./common/AppProvider\";\nimport { ThemeProvider } from \"react-bootstrap\";\nimport Coverage from \"./Pages/Coverage\";\n\nconst App = () => {\n return (\n