- \n {items.reduce(\n (acc, item) => reduceChildRoutes({\n acc,\n item,\n navOpen,\n ...rest,\n }),\n []\n )}\n
\n {navOpen ? (\n \n {\n localStorage.setItem('navOpen', !navOpen);\n setNavOpen(!navOpen);\n window.dispatchEvent(new Event('storage'));\n }}\n >\n \n {\n localStorage.setItem('navOpen', !navOpen);\n setNavOpen(!navOpen);\n window.dispatchEvent(new Event('storage'));\n }}\n >\n
\n )}\n \n );\n\n return (\n <>\n \n setMobileNavOpen(true)} />\n setMobileNavOpen(false)}\n openMobile={isMobileNavOpen}\n />\n
\n );\n}\n\nDashboardLayout.propTypes = {\n children: PropTypes.any\n};\n\nexport default DashboardLayout;\n","import React, {\n useRef,\n useState\n} from 'react';\nimport { Link as RouterLink } from 'react-router-dom';\nimport { useHistory } from 'react-router';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { useSnackbar } from 'notistack';\nimport {\n Avatar,\n Box,\n ButtonBase,\n Hidden,\n Menu,\n MenuItem,\n Typography,\n makeStyles\n} from '@material-ui/core';\nimport { logout } from 'src/actions/accountActions';\n\nconst useStyles = makeStyles((theme) => ({\n avatar: {\n height: 32,\n width: 32,\n marginRight: theme.spacing(1)\n },\n popover: {\n width: 200\n }\n}));\n\nfunction Account() {\n const classes = useStyles();\n const history = useHistory();\n const ref = useRef(null);\n const dispatch = useDispatch();\n const account = useSelector((state) => state.account);\n const { enqueueSnackbar } = useSnackbar();\n const [isOpen, setOpen] = useState(false);\n\n const handleOpen = () => {\n setOpen(true);\n };\n\n const handleClose = () => {\n setOpen(false);\n };\n\n const handleLogout = async () => {\n try {\n handleClose();\n await dispatch(logout());\n history.push('/');\n } catch (error) {\n enqueueSnackbar('Unable to logout', {\n variant: 'error'\n });\n }\n };\n\n return (\n <>\n \n
\n \n
\n \n {children}\n
\n - \n {items.reduce(\n (acc, item) =>\n reduceChildRoutes({\n acc,\n item,\n actionRequired,\n ...rest,\n }),\n []\n )}\n
\n setMobileNavOpen(true)} />\n setMobileNavOpen(false)}\n openMobile={isMobileNavOpen}\n />\n
\n );\n}\n\nCustomerPortalLayout.propTypes = {\n children: PropTypes.any\n};\n\nexport default CustomerPortalLayout;\n","import React, {\n useRef,\n useState\n} from 'react';\nimport { useHistory } from 'react-router';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { useSnackbar } from 'notistack';\nimport {\n Avatar,\n Box,\n ButtonBase,\n Hidden,\n Menu,\n MenuItem,\n Typography,\n makeStyles\n} from '@material-ui/core';\nimport { logout } from 'src/actions/accountActions';\n\nconst useStyles = makeStyles((theme) => ({\n avatar: {\n height: 32,\n width: 32,\n marginRight: theme.spacing(1)\n },\n popover: {\n width: 200\n }\n}));\n\nfunction Account() {\n const classes = useStyles();\n const history = useHistory();\n const ref = useRef(null);\n const dispatch = useDispatch();\n const account = useSelector((state) => state.account);\n const { enqueueSnackbar } = useSnackbar();\n const [isOpen, setOpen] = useState(false);\n\n const handleOpen = () => {\n setOpen(true);\n };\n\n const handleClose = () => {\n setOpen(false);\n };\n\n const handleLogout = async () => {\n try {\n handleClose();\n await dispatch(logout());\n history.push('/');\n } catch (error) {\n enqueueSnackbar('Unable to logout', {\n variant: 'error'\n });\n }\n };\n\n return (\n <>\n \n
\n \n
\n \n {children}\n
\n - \n {items.reduce(\n (acc, item) => reduceChildRoutes({\n acc, item, actionRequired, ...rest\n }),\n []\n )}\n
\n setMobileNavOpen(true)} />\n setMobileNavOpen(false)}\n openMobile={isMobileNavOpen}\n />\n
\n );\n}\n\nExternalSupportPortalLayout.propTypes = {\n children: PropTypes.any\n};\n\nexport default ExternalSupportPortalLayout;\n","import React, {\n useState,\n useEffect\n} from 'react';\nimport {\n Box,\n Button,\n Portal,\n Typography,\n makeStyles,\n Dialog,\n DialogTitle,\n DialogContent,\n} from '@material-ui/core';\nimport { useSelector } from 'react-redux';\nimport LoginView from 'src/views/auth/LoginView';\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n backgroundColor: theme.palette.common.black,\n color: theme.palette.common.white,\n maxWidth: 600,\n position: 'fixed',\n bottom: 0,\n left: 0,\n margin: theme.spacing(3),\n padding: theme.spacing(3),\n outline: 'none',\n zIndex: 2000\n },\n action: {\n backgroundColor: theme.palette.common.white,\n color: theme.palette.common.black,\n marginLeft: 10,\n }\n}));\n\nfunction NewsLoginNotification() {\n const classes = useStyles();\n const [open, setOpen] = useState(false);\n const [loginOpen, setLoginOpen] = useState(false);\n const account = useSelector((state) => state.account);\n const [ignoreNewsLogin, setIgnoreNewsLogin] = useState(localStorage.getItem('ignoreNewsLogin') === 'true');\n\n const handleLogin = () => {\n setLoginOpen(true);\n };\n\n useEffect(() => {\n if (account?.user === null && !ignoreNewsLogin) {\n setOpen(true);\n }\n }, [ignoreNewsLogin, account]);\n\n useEffect(() => {\n const ignoreNewsLoginChanged = () => {\n setIgnoreNewsLogin(localStorage.getItem('ignoreNewsLogin') === 'true');\n if (localStorage.getItem('loggedInUser') !== null) {\n setOpen(false);\n }\n };\n\n window.addEventListener('storage', ignoreNewsLoginChanged);\n\n return () => {\n window.removeEventListener('storage', ignoreNewsLoginChanged);\n };\n }, []);\n\n if (!open) {\n return null;\n }\n\n const ignoreClick = () => {\n localStorage.setItem('ignoreNewsLogin', true);\n window.dispatchEvent(new Event('storage'));\n setOpen(false);\n };\n\n return (\n <>\n \n\n \n
\n \n
\n \n {children}\n
\n \n \n Please login with your ConnectX account to gain access to all the\n ConnectX News features, such as Favourites, Relevant Articles and more.\n\n \n \n \n Login\n \n\n \n Next Time\n \n \n
\n - \n {items.reduce(\n (acc, item) => reduceChildRoutes({\n acc, item, ...rest\n }),\n []\n )}\n
\n setMobileNavOpen(true)} />\n setMobileNavOpen(false)}\n openMobile={isMobileNavOpen}\n />\n
\n );\n}\n\nNewsPortalLayout.propTypes = {\n children: PropTypes.any\n};\n\nexport default NewsPortalLayout;\n","import React from 'react';\nimport { Link as RouterLink } from 'react-router-dom';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport {\n AppBar,\n Box,\n Toolbar,\n makeStyles,\n} from '@material-ui/core';\nimport Logo from 'src/components/Logo';\nimport { THEMES } from 'src/constants';\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n zIndex: theme.zIndex.drawer + 100,\n ...theme.name === THEMES.LIGHT ? {\n boxShadow: 'none',\n backgroundColor: theme.palette.primary.main\n } : {},\n ...theme.name === THEMES.ONE_DARK ? {\n backgroundColor: theme.palette.background.default\n } : {}\n },\n toolbar: {\n minHeight: 64\n },\n input: {\n color: 'black'\n }\n}));\n\nfunction TopBar({\n className,\n ...rest\n}) {\n const classes = useStyles();\n\n const getTo = () => {\n if (window.location.pathname.startsWith('/menu/help')) {\n return '/menu/help';\n }\n\n return '/menu/roadmap';\n };\n\n return (\n \n
\n \n
\n \n {children}\n
\n \n
\n );\n}\n\nMenuLayout.propTypes = {\n children: PropTypes.any\n};\n\nexport default MenuLayout;\n","import React from 'react';\nimport { Link as RouterLink } from 'react-router-dom';\nimport clsx from 'clsx';\nimport PropTypes from 'prop-types';\nimport {\n AppBar,\n Box,\n Button,\n Divider,\n Toolbar,\n Hidden,\n Typography,\n Link,\n makeStyles\n} from '@material-ui/core';\nimport { APP_VERSION } from 'src/config';\nimport Logo from 'src/components/Logo';\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n backgroundColor: theme.palette.background.default\n },\n toolbar: {\n height: 64\n },\n logo: {\n marginRight: theme.spacing(2)\n },\n link: {\n fontWeight: theme.typography.fontWeightMedium,\n '& + &': {\n marginLeft: theme.spacing(2)\n }\n },\n divider: {\n width: 1,\n height: 32,\n marginLeft: theme.spacing(2),\n marginRight: theme.spacing(2)\n }\n}));\n\nfunction TopBar({ className, ...rest }) {\n const classes = useStyles();\n\n return (\n \n
\n \n
\n \n {children}\n
\n \n
\n );\n}\n\nMainLayout.propTypes = {\n children: PropTypes.any\n};\n\nexport default MainLayout;\n","import React, { useEffect } from 'react';\nimport NProgress from 'nprogress';\nimport { Box, LinearProgress, makeStyles } from '@material-ui/core';\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n alignItems: 'center',\n backgroundColor: theme.palette.background.default,\n display: 'flex',\n flexDirection: 'column',\n height: '100%',\n justifyContent: 'center',\n minHeight: '100%',\n padding: theme.spacing(3)\n }\n}));\n\nfunction LoadingScreen() {\n const classes = useStyles();\n\n useEffect(() => {\n NProgress.start();\n\n return () => {\n NProgress.done();\n };\n }, []);\n\n return (\n \n
\n \n
\n \n {children}\n
\n \n \n \n
\n );\n}\n\nexport default LoadingScreen;\n","import React from 'react';\nimport { useSelector } from 'react-redux';\nimport { Redirect } from 'react-router-dom';\nimport PropTypes from 'prop-types';\n\nconst AuthGuard = ({ children }) => {\n const account = useSelector((state) => state.account);\n\n if (!account.user) {\n if (window.location.pathname === '/app/reports/Dashboard') {\n return \n\n handleColourClose(false)}\n >\n \n setSelectedColour(color.hex)} />\n \n \n \n \n \n \n\n \n \n\n {!loaded || queues === undefined\n ? (\n \n
\n );\n});\n\nexport default QueueList;\n","import React, { useState } from 'react';\nimport { Link as RouterLink } from 'react-router-dom';\nimport { useParams } from 'react-router';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport {\n IconButton,\n makeStyles,\n TableRow,\n TableCell,\n Button,\n Link,\n Typography,\n Menu,\n MenuItem,\n} from '@material-ui/core';\nimport moment from 'moment';\nimport * as Icons from '@material-ui/icons';\n\nfunction getTo(params, ticketId) {\n const { queueId } = params;\n const baseUrl = '/app/queue';\n\n if (queueId) {\n return `${baseUrl}/${queueId}/${ticketId}`;\n }\n\n return `${baseUrl}/all/${ticketId}`;\n}\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n backgroundColor: theme.palette.background.default,\n padding: theme.spacing(2),\n borderBottom: `1px solid ${theme.palette.divider}`,\n alignItems: 'center',\n '&:hover': {\n backgroundColor: theme.palette.action.hover,\n },\n cursor: 'pointer',\n textDecoration: 'none',\n },\n cell: {\n borderBottom: 'none',\n padding: 0,\n overflow: 'hidden',\n },\n link: {\n display: 'block',\n padding: theme.spacing(1) + 1000,\n margin: -1000,\n textDecoration: 'none',\n '&:hover': {\n textDecoration: 'none',\n },\n },\n link2: {\n display: 'block',\n padding: theme.spacing(1) + 1000,\n margin: -1000,\n textDecoration: 'underline',\n },\n}));\n\nconst QueueItem = ({\n className,\n ticket,\n allColumns,\n setRowColour,\n clearRowColour,\n ...rest\n}) => {\n const classes = useStyles();\n const params = useParams();\n const to = getTo(params, ticket.id);\n\n const [showRightClickMenu, setShowRightClickMenu] = useState(false);\n const [anchorEl, setAnchorEl] = React.useState(null);\n\n const getIcon = (name, colour) => {\n const Icon = Icons[name];\n if (colour !== null) return \n {!q\n ? (\n x.id.toString() === (queueId === 'all' ? 0 : queueId))[0]?.name ?? ''}\n tickets={tickets.allIds.length}\n />\n )\n : null}\n \n \n {q && tickets.allTickets.length === 0 && tickets.parserErrors.length === 0 && (\n
\n \n
\n )}\n \n \n \n \n \n \n \n \n\n \n \n {avaliableColumns.map((column) => (\n\n x.key === column).length > 0} onChange={handleColumnChange} name={column} />}\n label={column}\n />\n ))}\n \n\n \n\n \n\n \n \n \n\n \n\n \n \n Name\n \n\n setName(e.target.value)}\n style={{ marginBottom: 10 }}\n />\n\n \n\n \n \n Filter\n \n\n setFilter(e.target.value)}\n style={{ marginBottom: 10 }}\n />\n\n \n\n \n \n Order By\n \n\n setOrderBy(e.target.value)}\n style={{ marginBottom: 10 }}\n />\n\n \n\n \n Order By Direction \n setOrderByDirection(e.target.value)}>\n \n \n \n
\n );\n});\n\n\nQueueEditNew.propTypes = {\n id: PropTypes.string.isRequired,\n};\n\n\nexport default QueueEditNew;\n","/* eslint-disable no-underscore-dangle */\n/* eslint-disable no-param-reassign */\nimport jwtDecode from 'jwt-decode';\nimport axios from 'src/utils/axios';\nimport moment from 'moment';\nimport { msalInstance, loginRequest } from '../authProvider';\n\nclass AuthService {\n setAxiosInterceptors = () => {\n axios.interceptors.response.use(\n (res) => res,\n async (err) => {\n const originalConfig = err.config;\n if (err.response) {\n // Access Token was expired\n if (err.response.status === 401 && !originalConfig._retry) {\n originalConfig._retry = true;\n try {\n const loggedInUser = JSON.parse(this.getLoggedInUser());\n if (!loggedInUser) {\n window.location.reload();\n return Promise.reject(err);\n }\n\n const response = await axios.post('api/user/refreshToken', '', {\n headers: {\n RefreshAuth: `Basic ${btoa(\n `${loggedInUser.id}:${loggedInUser.refreshToken}`\n )}`,\n },\n });\n const { data } = response;\n if (data) {\n this.setSession(data.token);\n localStorage.setItem('accessToken', data.token);\n localStorage.setItem('loggedInUser', JSON.stringify(data));\n err.config.headers.Authorization = `Bearer ${data.token}`;\n err.config.baseURL = undefined;\n\n localStorage.setItem('accessToken', data.token);\n return axios.request(err.config);\n }\n } catch (_error) {\n if (_error?.response?.status === 400) {\n this.setSession(null);\n }\n return Promise.reject(_error);\n }\n }\n }\n\n return Promise.reject(err);\n }\n );\n };\n\n setDefaults() {\n this.setTicketTypes();\n this.setTicketPriorities();\n this.setTicketResolutionTypes();\n this.setCacheExpiry();\n }\n\n loginWithEmailAndPassword = (email, password) => new Promise((resolve, reject) => {\n axios\n .post('api/user/login', '', {\n headers: {\n Authorization: `Basic ${btoa(`${email}:${password}`)}`,\n },\n })\n .then((response) => {\n const { data } = response;\n if (!data) {\n reject(new Error('Invalid Username or Password'));\n }\n\n if (data) {\n this.setSession(data.token);\n localStorage.setItem('accessToken', data.token);\n localStorage.setItem('loggedInUser', JSON.stringify(data));\n resolve(data);\n } else {\n reject(data.error);\n }\n })\n .catch((error) => {\n reject(error);\n });\n });\n\n loginInWithToken = () => new Promise((resolve, reject) => {\n const loggedInUser = JSON.parse(this.getLoggedInUser());\n\n if (!loggedInUser) {\n reject(new Error('Expired Token'));\n }\n\n if (loggedInUser.givenName) {\n const user = {\n id: loggedInUser.id,\n position: loggedInUser.jobTitle,\n email: loggedInUser.mail,\n firstName: loggedInUser.givenName,\n lastName: loggedInUser.surname,\n phoneNumber: loggedInUser.mobilePhone,\n organisation: loggedInUser.organisation,\n role: 'Admin',\n avatar: loggedInUser.avatar,\n };\n\n localStorage.setItem('loggedInUser', JSON.stringify(user));\n resolve(user);\n } else {\n resolve(loggedInUser);\n }\n });\n\n logout = () => {\n this.setSession(null);\n };\n\n setSession = (accessToken) => {\n if (accessToken) {\n axios.defaults.headers.post['Content-Type'] = 'application/json';\n axios.defaults.headers.put['Content-Type'] = 'application/json';\n\n this.setTicketTypes();\n this.setTicketPriorities();\n this.setTicketResolutionTypes();\n this.setCacheExpiry();\n } else {\n localStorage.removeItem('loggedInUser');\n localStorage.removeItem('accessToken');\n\n if (localStorage.getItem('azureUsername')) {\n localStorage.removeItem('azureUsername');\n msalInstance.logout({\n onRedirectNavigate: () => false,\n });\n }\n }\n };\n\n setTicketTypes = () => {\n if (!this.getBasicAccount()) {\n return;\n }\n const ticketTypes = JSON.parse(localStorage.getItem('ticketTypes'));\n const expiry = JSON.parse(localStorage.getItem('cacheExpiry'));\n if (ticketTypes && expiry && moment(expiry) > moment()) {\n return;\n }\n\n axios\n .get('/api/ticketTypes')\n .then((response) => {\n localStorage.setItem('ticketTypes', JSON.stringify(response.data));\n })\n .catch((error) => {\n console.error(error);\n });\n };\n\n setTicketPriorities = () => {\n if (!this.getBasicAccount()) {\n return;\n }\n\n const ticketPriority = JSON.parse(localStorage.getItem('ticketPriority'));\n const expiry = JSON.parse(localStorage.getItem('cacheExpiry'));\n if (ticketPriority && expiry && moment(expiry) > moment()) {\n return;\n }\n\n axios\n .get('/api/ticketPriority')\n .then((response) => {\n localStorage.setItem('ticketPriority', JSON.stringify(response.data));\n })\n .catch((error) => {\n console.error(error);\n });\n };\n\n setTicketResolutionTypes = () => {\n if (!this.getBasicAccount()) {\n return;\n }\n\n const ticketResolutionTypes = JSON.parse(\n localStorage.getItem('ticketResolutionTypes')\n );\n const expiry = JSON.parse(localStorage.getItem('cacheExpiry'));\n if (ticketResolutionTypes && expiry && moment(expiry) > moment()) {\n return;\n }\n\n axios\n .get('/api/ticketResolutionTypes')\n .then((response) => {\n localStorage.setItem(\n 'ticketResolutionTypes',\n JSON.stringify(response.data)\n );\n })\n .catch((error) => {\n console.error(error);\n });\n };\n\n setCacheExpiry = () => {\n if (!this.getBasicAccount()) {\n return;\n }\n\n const expiry = JSON.parse(localStorage.getItem('cacheExpiry'));\n if (expiry && moment(expiry) > moment()) {\n return;\n }\n\n localStorage.setItem(\n 'cacheExpiry',\n JSON.stringify(\n moment()\n .add(15, 'minutes')\n .format()\n )\n );\n };\n\n getBasicAccount = () => {\n const username = localStorage.getItem('azureUsername');\n if (!username) {\n return localStorage.getItem('accessToken');\n }\n\n const account = msalInstance.getAccountByUsername(username);\n if (!account) {\n return undefined;\n }\n\n return username;\n };\n\n getAccessToken = async () => {\n axios.defaults.headers.post['Content-Type'] = 'application/json';\n axios.defaults.headers.put['Content-Type'] = 'application/json';\n\n const username = localStorage.getItem('azureUsername');\n if (!username) {\n return localStorage.getItem('accessToken');\n }\n\n const account = msalInstance.getAccountByUsername(username);\n if (!account) {\n return undefined;\n }\n\n try {\n const token = await msalInstance.acquireTokenSilent({\n scopes: loginRequest.scopes,\n account,\n });\n return token.accessToken;\n } catch (e) {\n console.error(e);\n return undefined;\n }\n };\n\n getDevopsToken = async () => {\n const username = localStorage.getItem('azureUsername');\n if (!username) {\n return undefined;\n }\n\n const account = msalInstance.getAccountByUsername(username);\n if (!account) {\n return undefined;\n }\n\n try {\n const token = await msalInstance.acquireTokenSilent({\n scopes: ['499b84ac-1321-427f-aa17-267ca6975798/user_impersonation'],\n account,\n });\n\n return token.accessToken;\n } catch (e) {\n console.error(e);\n return undefined;\n }\n };\n\n getAzureCalendarToken = async () => {\n const username = localStorage.getItem('azureUsername');\n if (!username) {\n return undefined;\n }\n\n const account = msalInstance.getAccountByUsername(username);\n if (!account) {\n return undefined;\n }\n\n try {\n const token = await msalInstance.acquireTokenSilent({\n scopes: [\n 'https://graph.microsoft.com/Calendars.ReadWrite',\n 'https://graph.microsoft.com/ChannelMessage.Send',\n ],\n account,\n });\n\n return token.accessToken;\n } catch (e) {\n console.error(e);\n return undefined;\n }\n };\n\n getLoggedInUser = () => localStorage.getItem('loggedInUser');\n\n isValidToken = (accessToken) => {\n if (!accessToken) {\n return false;\n }\n\n const decoded = jwtDecode(accessToken);\n const currentTime = Date.now() / 1000;\n\n return decoded.exp > currentTime;\n };\n\n isAuthenticated = async () => !!this.getAccessToken();\n}\n\nconst authService = new AuthService();\n\nexport default authService;\n","import React from 'react';\n\nfunction OCLogo(props) {\n return (\n ![\"EdgePOSLogo\"](\"/static/EdgePOSLogo.png\")
;\n}\n\nexport default EdgePOSLogo;\n","import React from 'react';\nimport { useDispatch } from 'react-redux';\nimport clsx from 'clsx';\nimport * as Yup from 'yup';\nimport PropTypes from 'prop-types';\nimport { Formik } from 'formik';\nimport {\n Box,\n Button,\n TextField,\n FormHelperText,\n makeStyles\n} from '@material-ui/core';\nimport { login } from 'src/actions/accountActions';\n\nconst useStyles = makeStyles(() => ({\n root: {}\n}));\n\nfunction LoginForm({ className, onSubmitSuccess, ...rest }) {\n const classes = useStyles();\n const dispatch = useDispatch();\n\n return (\n