\n\n
\n );\n};\n\nPicker.defaultProps = {\n input: {},\n isRequired: false,\n meta: { touched: false, error: false },\n options: {},\n resource: \"\",\n source: \"\",\n labelTime: \"\",\n className: \"\",\n providerOptions: {\n dateAdapter: MomentUtils,\n },\n fullWidth: false,\n onChange: () => {},\n};\n\nexport default Picker;\n","import React from \"react\";\nimport { DateTimePicker } from \"@material-ui/pickers\";\nimport Picker from \"./Picker\";\n\nexport const DateTimeInput = (props) => (\n \n \n \n
\n \n
\n \n
\n \n setCve(e.target.value) }\n helperText = { error && error }\n validate = { [required()] }\n />\n { userRole === \"super_admin\" ?\n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n CTCI-Intel\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n \n );\n};\n\nexport default CewlCreate;\n","import React from \"react\";\nimport { Button, Toolbar } from \"react-admin\";\nimport { Link } from \"react-router-dom\";\nimport KeyboardReturnIcon from \"@material-ui/icons/KeyboardReturn\";\n\nconst ShowToolBar = ({ basePath, ...props }) => {\n return (\n \n
\n \n
\n \n \n
\n \n
\n \n
\n \n onChange(e, \"vendor\") }\n label = \"Vendor\"\n source = \"vendor\"\n variant = \"outlined\"\n className = { classes.item }\n validate = { [required()] }\n defaultValue = { data && data.vendor && data.vendor }\n />\n onChange(e, \"product\") }\n label = \"Product\"\n source = \"product\"\n variant = \"outlined\"\n className = { classes.item }\n validate = { [required()] }\n defaultValue = { data && data.product && data.product }\n />\n
\n \n
\n \n
\n \n onChange(e, \"year\") }\n label = \"Year\"\n allowEmpty\n source = \"year\"\n variant = \"outlined\"\n className = { classes.item }\n defaultValue = { data && data.year && data.year }\n /> \n onChange(e, \"cwe\") }\n label = \"CWE\"\n allowEmpty\n source = \"cwe\"\n variant = \"outlined\"\n className = { classes.item }\n defaultValue = { data && data.cwe && data.cwe }\n />\n
\n \n onChange(e, \"internal_note\") }\n label = \"Internal Note\"\n allowEmpty\n multiline source = \"internal_note\"\n className={classes.link}\n variant = \"outlined\"\n defaultValue = { data && data.internal_note && data.internal_note }\n /> \n\n
\n \n onChange(e, \"summary_note\") }\n label = \"Summary Note\"\n allowEmpty\n multiline source = \"summary_note\"\n variant = \"outlined\"\n className={classes.link}\n defaultValue = { data && data.summary_note && data.summary_note }\n />\n onChange(e, \"external_note\") }\n label = \"External Note\"\n allowEmpty\n multiline source = \"external_note\"\n variant = \"outlined\"\n className={classes.link}\n defaultValue = { data && data.external_note && data.external_note }\n />\n
\n \n onChange(e, \"cve_reference\") }\n label = \"Admiralty Score\"\n allowEmpty\n source = \"admiralty_score\"\n variant = \"outlined\"\n className = { classes.item_small }\n defaultValue = { data && data.admiralty_score && data.admiralty_score }\n />\n onChange(e, \"cve_reference\") }\n label = \"Reference Link\"\n allowEmpty \n source = \"cve_reference\"\n variant = \"outlined\"\n className = { classes.link }\n defaultValue = { data && data.cve_reference && data.cve_reference }\n />\n onChange(e, \"vulnerability_type\") }\n label = \"Vulnerability Type\"\n allowEmpty\n source = \"vulnerability_type\"\n variant = \"outlined\"\n className = { classes.item }\n defaultValue = {\n data && data.vulnerability_type && data.vulnerability_type\n }\n />\n
\n\n \n onChange(e, \"description\") }\n label = \"Description\"\n source = \"description\"\n multiline\n style = { {width: `${ windowWidth }`} }\n variant = \"outlined\"\n className = { classes.link }\n defaultValue = { data && data.description && data.description }\n />\n
\n \n CTCI-Intel\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n {(userRole !== \"super_admin\" && record && record.notified && record.notified)\n || (userRole === \"super_admin\") ?\n <>\n
\n \n {(userRole!==\"super_admin\" && record && record.enabled && record.enabled) || (userRole===\"super_admin\") ?\n <>\n
\n \n
\n \n {(userRole!==\"super_admin\" && record && record.removed && record.removed )\n || (userRole===\"super_admin\") ?\n <>\n
\n \n onChange(e, \"base_score\") }\n label = \"CVE Score\"\n allowEmpty\n source = \"base_score\"\n variant = \"outlined\"\n className = { classes.item }\n defaultValue = { data && data.base_score && data.base_score }\n />\n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n \n );\n};\n\nexport default CewlEdit;\n","import React, { forwardRef, useImperativeHandle } from \"react\";\nimport \"./styles.css\";\nimport LinkIcon from \"@material-ui/icons/Link\";\n\nexport default forwardRef((props, ref) => {\n\n useImperativeHandle(ref, () => {\n return {\n getReactContainerClasses() {\n return [\"custom-tooltip\"];\n },\n };\n });\n\n return (\n \n
\n \n
\n \n \n \n {props.value}
\n );\n});\n","import React, { useState, useEffect, useRef } from \"react\";\nimport { AgGridColumn, AgGridReact } from \"ag-grid-react\";\nimport {\n Title,\n usePermissions,\n useDataProvider,\n useNotify,\n useRedirect,\n} from \"react-admin\";\nimport { Link, useHistory } from \"react-router-dom\";\nimport \"ag-grid-enterprise\";\nimport \"ag-grid-community/dist/styles/ag-grid.css\";\nimport \"ag-grid-community/dist/styles/ag-theme-alpine.css\";\nimport \"ag-grid-community/dist/styles/ag-theme-alpine-dark.css\";\nimport \"ag-grid-community/dist/styles/ag-theme-balham-dark.css\";\n\nimport \"../cewl.css\";\nimport moment from \"moment-timezone\";\nimport jstz from \"jstz\";\n\n// for search input\nimport SearchBar from \"material-ui-search-bar\";\nimport Grid from \"@material-ui/core/Grid\";\n\n// to use react-admin's fetch\n// We should use their fetchUtils!\n// TODO use this library!\n// import { fetchUtils } from \"react-admin\";\n\n// for filter search\nimport TextField from \"@material-ui/core/TextField\";\nimport Autocomplete from \"@material-ui/lab/Autocomplete\";\nimport IconButton from \"@material-ui/core/IconButton\";\nimport AddAlertIcon from \"@material-ui/icons/AddAlert\";\nimport VisibilityIcon from \"@material-ui/icons/Visibility\";\nimport VisibilityOffIcon from \"@material-ui/icons/VisibilityOff\";\nimport FormatPaintIcon from \"@material-ui/icons/FormatPaint\";\nimport Tooltip from \"@material-ui/core/Tooltip\";\nimport FileCopyIcon from \"@material-ui/icons/FileCopy\";\nimport ToggleButton from \"@material-ui/lab/ToggleButton\";\nimport ToggleButtonGroup from \"@material-ui/lab/ToggleButtonGroup\";\nimport ListAdd from \"@material-ui/icons/PlaylistAdd\";\nimport EditIcon from \"@material-ui/icons/Edit\";\nimport FindInPageIcon from '@material-ui/icons/FindInPage';\nimport CheckBoxIcon from \"@material-ui/icons/CheckBox\";\nimport { usePreferences } from \"@react-admin/ra-preferences\";\nimport CustomTooltip from \"../components/CustomTooltip\";\n\nimport { Box, Button, CircularProgress } from \"@material-ui/core\";\n\nimport myEndpoints from \"../config.js\";\n\nimport { makeStyles } from \"@material-ui/core\";\n\nimport copy from \"copy-to-clipboard\";\n\nconst useStyles = makeStyles({\n header: {\n fontFamily: '\"data70\"',\n },\n root: {\n fontFamily: '\"data70\"',\n fontSize: \"30px\",\n color: \"#33cc99\",\n },\n search_input: {\n width: \"10ch\",\n \"& > label\": {\n /* bring your own prefixes for webkit */\n \"-webkit-transform\": \"translate(10px, 10px) scale(1)\",\n transform: \"translate(10px, 10px) scale(1)\",\n },\n \"& > div > input\": {\n padding: \"8.5px 30px 8.5px 8px\",\n },\n },\n search_button: {\n color: \"#2196f3\",\n minWidth: \"35px\",\n padding: 0,\n border: \"none\",\n position: \"absolute\",\n right: 0,\n height: \"35px\",\n \"& > .MuiButton-root\": {\n padding: 0,\n },\n \"& > span\": {\n fontSize: \"10px\",\n },\n },\n});\n\n// Defining the CEWL header title\nconst CEWLHeader = ( ) => {\n const classes = useStyles();\n return (\n \n
\n\n \n setSearchBar(newValue)}\n onRequestSearch={() => {\n setSearchBar(searchBar);\n doSomethingWith(searchBar);\n history.push(`${props.basePath}?q=${searchBar}`);\n }}\n onCancelSearch={() => {\n doSomethingWith(timeFilter);\n setSearchBar(\"\");\n history.push(props.basePath);\n }}\n value={searchBar}\n autoFocus\n multiline\n onKeyDown={handleKeyDown}\n style={{\n margin: 0,\n maxWidth: 800,\n height: \"auto\",\n fontFamily: \"Arial\",\n fontSize: \"16px\",\n border: error && \"2px solid red\",\n }}\n />\n \n \n \n {userRole !== \"web\" && (\n <>\n \n \n \n \n \n \n \n )}\n \n setTimeSearch(e.target.value)}\n />\n \n doSomethingWith(\n `${searchBar}**|tz=${localUserTimezone}|earliest=-${timeSearch}|**`\n )\n }\n variant=\"outlined\"\n className={classes.search_button}\n >\n Ago\n \n \n \n \n setTimeFilter(`**|tz=${localUserTimezone}|earliest=all|**`)\n }\n >\n All\n \n \n setTimeFilter(`**|tz=${localUserTimezone}|earliest=-24h|**`)\n }\n >\n 1d\n \n \n setTimeFilter(`**|tz=${localUserTimezone}|earliest=-2d|**`)\n }\n >\n 2d\n \n \n setTimeFilter(`**|tz=${localUserTimezone}|earliest=-1w|**`)\n }\n >\n 1w\n \n \n setTimeFilter(`**|tz=${localUserTimezone}|earliest=-1m|**`)\n }\n >\n 1m\n \n \n {userRole !== \"web\" && (\n \n \n \n )}\n \n \n \n {userRole === \"super_admin\" ? (\n <>\n \n \n \n \n \n {\" \"}\n \n )\n : \n \n \n }\n \n \n \n
\n
\n \n
\n
\n \n \n \n Getting Started Guide\n \n \n CEWL User Guide\n \n \n Keeping it CEWL! \n \n
\n - \n
- \n
- \n
- \n
\n \n \n \n Legit User Guide\n \n \n IOCs for free - now that is Legit! \n \n
\n \n \n \n \n API Documentation\n \n\n \n Hit up the API! \n \n
\n \n \n \n \n Introduction to Portal\n \n \n Making things better \n \n
\n - \n
- \n
- \n
- \n
\n \n \n \n Release Notes\n \n\n \n Check the latest release notes! \n \n
\n {/* only for Distributors, super-admin, OEM and resellers */}\n\n \n {userRole === \"distributor_admin\" ||\n userRole === \"super_admin\" ||\n userRole === \"oem_admin\" ||\n userRole === \"reseller_admin\" ? (\n \n \n \n Deal Registration\n \n \n Deal it up! \n \n ) : null}\n
\n\n {/* only for OEMS/ MSSPs */}\n - \n
\n {userRole === \"oem_admin\" && (\n \n \n \n OEM Management\n \n \n Deal it up! \n \n )}\n
\n\n {/* Partners */}\n - \n
\n {userRole === \"partner_admin\" && (\n \n \n \n Partner Management\n \n \n Keep the world safer! \n \n )}\n
\n - \n
\n \n \n Our documentation is stored in the cloud version of Atlassian\n Confluence\n \n \n
\n \n );\n};\n\nexport default Dashboard;\n","import Dashboard from \"./Dashboard\";\n\nexport default Dashboard;\n","export default __webpack_public_path__ + \"static/media/ctci_icon_only.422df250.svg\";","export default __webpack_public_path__ + \"static/media/warp_speed.3c2a05eb.jpg\";","import React, { useState, useEffect, useCallback } from \"react\";\nimport { useLocation } from \"react-router-dom\";\nimport PropTypes from \"prop-types\";\nimport { useSelector, useDispatch } from \"react-redux\";\nimport Snackbar, { SnackbarProps } from \"@material-ui/core/Snackbar\";\nimport Button from \"@material-ui/core/Button\";\nimport { makeStyles, Theme } from \"@material-ui/core/styles\";\nimport classnames from \"classnames\";\nimport { useNotify } from \"react-admin\";\n\nimport {\n hideNotification,\n getNotification,\n undo,\n complete,\n undoableEventEmitter,\n useTranslate,\n} from \"ra-core\";\n\ninterface Props {\n type?: string;\n}\n\nconst useStyles = makeStyles(\n (theme: Theme) => ({\n error: {\n backgroundColor: theme.palette.error.light,\n color: theme.palette.error.contrastText,\n },\n warning: {\n backgroundColor: theme.palette.error.light,\n color: theme.palette.error.contrastText,\n },\n undo: {\n color: theme.palette.primary.light,\n },\n }),\n { name: \"RaNotification\" }\n);\n\nconst Notification: React.FunctionComponent<\n Props & Omit\n \n \n \n \n \n \n This is the way\n \n \n \n \n \n \n \n \n \n
\n );\n};\n\nexport default MyCoolLoginPage;\n","import React, { useEffect } from \"react\";\nimport { useRedirect } from \"react-admin\";\n\n\n// Users the user's profile edit for the user\nconst EditProfileForm = (props) => {\n\n // for redirect to user edit page\n const redirect = useRedirect();\n\n useEffect(() => {\n redirect(\"/user/\" + localStorage.getItem(\"user_id\", \"0\"));\n });\n\n return ;\n};\n\nexport default EditProfileForm;\n","import React from \"react\";\nimport { FaCheck } from \"react-icons/fa\";\n\nconst smallerText = {\n fontSize: \"90%\",\n};\n\nconst Requirement = ({ htmlFor, isvalid, validMessage, invalidMessage }) => (\n \n \n 
\n \n
\n Password Requirements
\n\n \n {\n values.new_password.length < 8\n ? longEnough(false)\n : longEnough(true);\n !/\\d/.test(values.new_password)\n ? hasNumber(false)\n : hasNumber(true);\n !/(?=.*[a-z])(?=.*[A-Z])/.test(values.new_password)\n ? hasMixed(false)\n : hasMixed(true);\n !/[!@#$%^&*]/.test(values.new_password)\n ? hasSpecial(false)\n : hasSpecial(true);\n }}\n onSubmit={(\n values,\n { resetForm, setErrors, setStatus, setSubmitting }\n ) => {\n let errors = {};\n\n // make popup error allowed again\n setOpenSnackbar(true);\n\n if (!long || !number || !mixed || !special)\n errors.new_password =\n \"Your password needs min 8 characters, a special character, upper and lower case and at least one number \";\n\n // If the errors object is empty then we've successfully met all the requirements\n if (\n Object.entries(errors).length === 0 &&\n errors.constructor === Object\n ) {\n // here we go!\n\n // options.headers = new Headers({ Accept: 'application/json' });\n\n const token = localStorage.getItem(\"access_token\");\n //options.headers.set('Authorization', `Bearer ${token}`);\n\n // create the post\n console.log(values);\n const requestOptions = {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\",\n Authorization: `Bearer ${token}`,\n },\n body: JSON.stringify(values),\n };\n\n const endPoint = localStorage.getItem(\"change_password\");\n // no need to send JWT as it doesn't require anything there\n // https://jasonwatmore.com/post/2020/11/02/react-fetch-http-put-request-examples\n\n window.location.href.includes(\"login\")\n ? request(endPoint, {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify(values),\n })\n .then((result) => {\n localStorage.removeItem(\"change_password\");\n window.location = \"/#/login\";\n })\n .catch((error_json, err) => {\n var the_result = error_json.title !== undefined;\n var the_common_error = error_json.message !== undefined;\n console.log(the_result);\n console.log(the_common_error);\n if (the_common_error) {\n console.log(\"Common error\");\n console.log(error_json.message);\n setStatus(error_json.message);\n } else if (the_result) {\n console.log(\"A formatted error response from backend\");\n console.log(error_json);\n console.log(error_json.title);\n setStatus(error_json.title);\n } else {\n setStatus(\"An error has occurred.\");\n }\n })\n : request(\n myEndpoints().REACT_APP_CRUD_ADMIN_CHANGE_PASSWORD_ENDPOINT,\n requestOptions\n )\n .then((result) => {\n console.log(\"success\");\n console.log(result);\n window.location = \"/#\";\n })\n .catch((error_json, err) => {\n var the_result = error_json.title !== undefined;\n var the_common_error = error_json.message !== undefined;\n console.log(the_result);\n console.log(the_common_error);\n if (the_common_error) {\n console.log(\"Common error\");\n console.log(error_json.message);\n setStatus(error_json.message);\n } else if (the_result) {\n console.log(\"A formatted error response from backend\");\n console.log(error_json);\n console.log(error_json.title);\n setStatus(error_json.title);\n } else {\n setStatus(\"An error has occurred.\");\n }\n });\n // alert(`Great, we've created an account for ${values.username}`);\n // resetForm(); // Reset form for the example\n } else {\n // not sure what this else is for now!\n setStatus(\"Make sure you meet the password complexity\"); // setStatus(errors);\n }\n\n setSubmitting(false);\n }}\n >\n {({\n errors,\n values,\n status,\n handleChange,\n handleSubmit,\n isSubmitting,\n }) => (\n
\n );\n};\n\nexport default FancyChangePassword;\n","import React from \"react\";\nimport \"normalize.css\";\nimport \"../registration/css/styles.css\";\n\nimport FancyChangePassword from \"./FancyChangePassword\";\nimport StyledWrapper from \"../registration/css/Styles\";\n\nexport default function ChangePassword() {\n return (\n \n \n \n \n Change Password\n \n \n \n
\n )}\n \n \n \n \n \n \n
\n \n \n {}}\n onSubmit={(values, { setStatus, setSubmitting }) => {\n let errors = {};\n\n // make popup error allowed again\n setOpenSnackbar(true);\n\n // If the errors object is empty then we've successfully met all the requirements\n if (\n Object.entries(errors).length === 0 &&\n errors.constructor === Object\n ) {\n // here we go!\n\n // options.headers = new Headers({ Accept: 'application/json' });\n\n // const token = localStorage.getItem('access_token');\n localStorage.removeItem(\"access_token\");\n //options.headers.set('Authorization', `Bearer ${token}`);\n\n // create the post\n console.log(values);\n const requestOptions = {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify(values),\n };\n\n // no need to send JWT as it doesn't require anything there\n // https://jasonwatmore.com/post/2020/11/02/react-fetch-http-put-request-examples\n request(\n myEndpoints().REACT_APP_CRUD_ADMIN_FORGOT_PASSWORD_ENDPOINT,\n requestOptions\n )\n .then((result) => {\n console.log(\"success\");\n console.log(result);\n setStatus(\n \"Please check your email for a new temporary password\"\n );\n setTimeout(function () {\n setSubmitting(true);\n window.location = \"/#/login\";\n setSubmitting(false);\n }, 3000);\n })\n .catch((error_json) => {\n var the_result = error_json.title !== undefined;\n var the_common_error = error_json.message !== undefined;\n console.log(the_result);\n console.log(the_common_error);\n if (the_common_error) {\n console.log(\"Common error\");\n console.log(error_json.message);\n setStatus(error_json.message);\n } else if (the_result) {\n console.log(\"A formatted error response from backend\");\n console.log(error_json);\n console.log(error_json.title);\n setStatus(error_json.title);\n } else {\n setStatus(\"An error has occurred.\");\n }\n });\n // alert(`Great, we've created an account for ${values.username}`);\n // resetForm(); // Reset form for the example\n } else {\n // not sure what this else is for now!\n setStatus(\"An error has occurred\"); // setStatus(errors);\n }\n setStatus(\"Please check your email for a new temporary password\");\n setTimeout(function () {\n setSubmitting(true);\n window.location = \"/#/login\";\n setSubmitting(false);\n }, 6000);\n }}\n >\n {({\n errors,\n values,\n status,\n handleChange,\n handleSubmit,\n isSubmitting,\n }) => (\n \n
\n );\n};\n\nexport default FancyForgotPasswordForm;\n","// in src/customRoutes.js\nimport React from \"react\";\nimport { Route } from \"react-router-dom\";\nimport EditProfile from \"./user/EditProfile\";\nimport ChangePassword from \"./auth/ChangePassword\";\nimport ForgotPassword from \"./auth/ForgotPassword\";\nconst RegisterLazy = React.lazy(() => import('./registration/Register'));\n\n\nconst customRoutes = [\n \n \n \n \n Forgot Password\n \n \n \n
\n )}\n \n \n \n \n \n
\n \n
\n );\n};\n\nexport default ProgressBar;\n","import React, { useState, useEffect } from \"react\";\nimport { Redirect } from \"react-router\";\nimport {\n Admin,\n Layout,\n Resource,\n fetchUtils,\n defaultTheme,\n usePermissions,\n} from \"react-admin\";\nimport merge from \"lodash/merge\";\nimport authProvider from \"./provider/authProvider\";\nimport DataProvider from \"./provider/dataProvider\";\nimport MyAppBar from \"./MyAppBar\";\n\nimport User from \"./user\";\nimport matchyCewl from \"./matchymatchy/index\"\nimport Company from \"./company\";\nimport EmailDomain from \"./email_domain\";\nimport NotificationGroup from \"./notification_group\";\nimport NotificationDelivery from \"./notification_delivery\";\nimport NotificationFilters from \"./notification_filter\";\nimport Token from \"./token\";\nimport Cewl from \"./cewl\";\nimport Ioc from \"./ioc\";\nimport DealRegistration from \"./deal_registration\";\nimport Processed from \"./processed\";\nimport Notification from \"./notification\";\nimport Dashboard from \"./dashboard\";\n// import Error from \"./layout/Notification\";\n\nimport blue from \"@material-ui/core/colors/blue\";\n\nimport AccountBoxIcon from \"@material-ui/icons/AccountBox\";\nimport MenuBookRoundedIcon from \"@material-ui/icons/MenuBookRounded\";\nimport CheckBoxIcon from \"@material-ui/icons/CheckBox\";\nimport ArrowRightAltIcon from \"@material-ui/icons/ArrowRightAlt\";\n\nimport MyCoolLoginPage from \"./auth/MyCoolLoginPage\";\nimport { PreferencesBasedThemeProvider } from \"@react-admin/ra-preferences\";\nimport { LicenseManager } from \"ag-grid-enterprise\";\nimport { agGridLicenseKey } from \"./agGridLicenseKey\";\n\n// For multi-level menu\nimport {\n AppLocationContext,\n MenuItem,\n MultiLevelMenu,\n} from \"@react-admin/ra-navigation\";\nimport customRoutes from \"./customRoutes\";\nimport BusinessIcon from \"@material-ui/icons/Business\";\nimport UserIcon from \"@material-ui/icons/Group\";\nimport EmailIcon from \"@material-ui/icons/Email\";\nimport NotificationsIcon from \"@material-ui/icons/Notifications\";\nimport NotificationsActiveIcon from \"@material-ui/icons/NotificationsActive\";\nimport AddAlertIcon from \"@material-ui/icons/AddAlert\";\nimport HttpsIcon from \"@material-ui/icons/Https\";\nimport TimelineIcon from \"@material-ui/icons/Timeline\";\nimport ViewListIcon from \"@material-ui/icons/ViewList\";\n\nimport ReceiptIcon from \"@material-ui/icons/Receipt\";\n\n// turn off translations: https://stackoverflow.com/questions/51444875/turn-off-translations-for-react-admin\nimport polyglotI18nProvider from \"ra-i18n-polyglot\"; // install the package\nimport englishMessages from \"ra-language-english\"; // install the package\n\n// Grab the configuration endpoints\nimport myEndpoints from \"./config\";\nimport ProgressBar from \"./components/ProgressBar\";\n\n\nLicenseManager.setLicenseKey(agGridLicenseKey);\n\nconst httpClient = (url, options = {}) => {\n if (!options.headers) {\n options.headers = new Headers({Accept: \"application/json\"});\n }\n const token = localStorage.getItem(\"access_token\");\n options.headers.set(\"Authorization\", `Bearer ${token}`);\n return fetchUtils.fetchJson(url, options).catch((error) => {\n throw error;\n });\n};\n\nconst themeFromType = (type) =>\n type === \"light\"\n ? merge({}, defaultTheme, {\n palette: {\n type: \"light\", // Switching the dark mode on is a single property value change.\n primary: blue,\n secondary: {\n light: \"#6ec6ff\",\n main: \"#FFFFFF\",\n dark: \"#0069c0\",\n contrastText: \"#000\",\n },\n },\n overrides: {\n RaMenuItem: {\n gutters: {\n padding: \"4px 16px\",\n },\n },\n MuiFilledInput: {\n root: {\n borderRadius: \"4px\",\n position: \"relative\",\n },\n },\n },\n components: {\n MuiToolbar: {\n styleOverrides: {\n root: {\n justifyContent: \"flex-start\",\n },\n },\n },\n },\n })\n : merge({}, defaultTheme, {\n palette: {\n type: \"dark\", // Switching the dark mode on is a single property value change.\n primary: blue,\n secondary: {\n light: \"#6ec6ff\",\n main: \"#7F7F7F\",\n dark: \"#0069c0\",\n contrastText: \"#000\",\n },\n },\n overrides: {\n RaMenuItem: {\n root: {\n color: 'white',\n },\n gutters: {\n padding: \"4px 16px\",\n },\n link: {\n '&:hover': {\n color: 'white',\n backgroundColor:\"#424242\",\n },\n },\n }\n },\n });\n\nconst MyMenu = () => {\n const [userRole, setUserRole] = useState();\n const {permissions} = usePermissions();\n\n useEffect(() => {\n permissions && permissions.rls && setUserRole(permissions.rls);\n return ()=> {\n setUserRole(\" \");\n }\n }, [permissions]);\n return (\n