\r\n \r\n \r\n \r\n )\r\n}\r\n\r\nconst useStyles = makeStyles({\r\n menuicon: theme => ({\r\n color: theme.palette.menu.main,\r\n }),\r\n root: {\r\n padding: '0.5rem'\r\n }\r\n})\r\n\r\n\r\n\r\n","import React, { useEffect, useState } from 'react'\r\nimport Button from '@material-ui/core/Button'\r\nimport IconButton from '@material-ui/core/IconButton'\r\nimport Room from '@material-ui/icons/Room'\r\nimport Typography from '@material-ui/core/Typography'\r\nimport useTheme from '@material-ui/core/styles/useTheme'\r\nimport makeStyles from '@material-ui/core/styles/makeStyles'\r\nimport TextField from '@material-ui/core/TextField'\r\nimport { useRest } from '../../contexts/rest/use'\r\nimport Autocomplete from '@material-ui/lab/Autocomplete'\r\nimport { DropdownMenu } from '../helpers/dropdownmenu'\r\nimport { useConfig } from '../../contexts/config/use'\r\n\r\nexport const LandingPageTop = ({organization, searchboxlabel, searchbuttontext, findnearmetext, ortext, noresulttext }) => {\r\n const theme = useTheme();\r\n const classes = useStyles(theme);\r\n const [searchparams, setSearchParams] = useState();\r\n const [menuitems, setMenuItems] = useState();\r\n const { state: {config}} = useConfig();\r\n const { state: { offices }, actions: { handleGeolocationUpdate, updateSearchFilter } } = useRest();\r\n\r\n useEffect(() => {\r\n if (config)\r\n {\r\n setMenuItems(
\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n {organization || \"\"}\r\n \r\n
\r\n \r\n { menuitems }\r\n
\r\n \r\n
\r\n )\r\n }\r\n else\r\n return (\r\n \r\n
\r\n )\r\n}\r\n\r\nconst useStyle = makeStyles({\r\n container: theme => ({\r\n backgroundColor: '#f4f4f4',\r\n height: '100%',\r\n display: 'flex',\r\n flexDirection: 'column'\r\n }),\r\n spinnercontainer: {\r\n backgroundColor: '#f4f4f4',\r\n height: '100%',\r\n display: 'flex',\r\n flexDirection: 'column',\r\n alignItems: 'center',\r\n justifyContent: 'center'\r\n },\r\n spinner: theme => ({\r\n color: theme.palette.primary.main\r\n }),\r\n backdrop: {\r\n display: 'flex',\r\n flexDirection: 'column',\r\n alignItems: 'center'\r\n }\r\n})\r\n","import axios from 'axios'\r\n\r\n/*\r\n This communication object is responsible for sending requests as per the configurations provided by the service-gala and service-nqc classes.\r\n*/\r\n\r\nconst instance = axios.create();\r\nvar retrytimes = 0;\r\n\r\n// Take any request and add our token to it if authorization is needed\r\ninstance.interceptors.request.use(\r\n async function (config) {\r\n if (config.headers.Authorization)\r\n {\r\n var token = sessionStorage.getItem(\"token\");\r\n if(!token || config.baseURL.includes(\"NQWebServices\")) // sessionStorage.token === null || sessionStorage.token === undefined <-- this would do if NQC didn't need a new token for every office\r\n {\r\n await RefreshToken().then(res => { return true;}).catch(error => console.log(error));\r\n }\r\n config.headers.Authorization = \"Bearer \" + sessionStorage.token;\r\n }\r\n\r\n return config;\r\n }, function (error) {\r\n console.log(error)\r\n }\r\n)\r\n// If we get a 403-response this means we need to refresh our bearer token\r\ninstance.interceptors.response.use(\r\n function (res) {\r\n retrytimes = 0;\r\n return res;\r\n },\r\n async function (error) {\r\n console.log(error)\r\n const config = error.config;\r\n if (error.response.status === 401 || error.response.status === 403 || error.code === 'ECONNABORTED')\r\n {\r\n if (retrytimes < 3)\r\n {\r\n sessionStorage.token = null;\r\n config._retry = false;\r\n retrytimes++;\r\n await RefreshToken().then(res => { return true;}).catch(error => console.log(error));\r\n config.headers.Authorization = 'Bearer ' + sessionStorage.token;\r\n return instance(config)\r\n }\r\n else\r\n retrytimes = 0;\r\n }\r\n else if (error.response.statusText.includes('no ticket'))\r\n {\r\n if (retrytimes < 3)\r\n {\r\n sessionStorage.token = null;\r\n config._retry = false;\r\n retrytimes++;\r\n await RefreshToken().then(res => { return true;}).catch(error => console.log(error));\r\n config.headers.Authorization = 'Bearer ' + sessionStorage.token;\r\n return instance(config)\r\n }\r\n else\r\n {\r\n retrytimes = 0;\r\n localStorage.removeItem(\"ticket\");\r\n }\r\n }\r\n \r\n return Promise.reject(error)\r\n }\r\n)\r\n\r\n// Refreshes the bearer token\r\n// To be called automatically when needed\r\n// Due to how I have constructed it, the token config will have to be saved in the session state by the active service file\r\nasync function RefreshToken() {\r\n\r\n const config = JSON.parse(sessionStorage.tokenconfig);\r\n return await axios ( config ).then(res => { sessionStorage.token = res.data.access_token; return true;}).catch(error => console.debug(error));\r\n}\r\n\r\n// Returns data based on configuration input\r\nexport async function CallWithConfig(config, timeout) {\r\n config.timeout = timeout || 5000;\r\n //config.cancelToken = axios.CancelToken.source();\r\n const result = await instance( config ).then(res => { return res.data;}).catch(error => console.log(error));\r\n return result;\r\n}","export class ServiceInfo {\r\n constructor(name, peoplewaiting, actualwaittime, active, queueid, segmentid, serviceid)\r\n {\r\n this.name = name || null;\r\n this.peopleWaiting = peoplewaiting;\r\n this.actualWaitTime = actualwaittime ? actualwaittime : 0;\r\n this.active = active === 'Y' ? true : active === 'N' ? false : active ; // TODO: This is 'Y' or 'N' for Gala, true or false for NQC. Find a good way to convert.\r\n this.queueID = queueid ? queueid.toString() : null;\r\n this.segmentID = segmentid || null;\r\n this.serviceID = serviceid || null;\r\n }\r\n}","export class TicketInfo {\r\n constructor(peopleahead, ticketid, meetuplocation, ticketnumber, tickettime, cancelled)\r\n {\r\n var splitticketnumber = ticketnumber.split(/(\\d+)/)\r\n this.peopleAhead = peopleahead;\r\n this.ticketID = ticketid;\r\n this.meetUpLocation = meetuplocation ? meetuplocation : \"\"; // What values will this take depending on Gala/NQC?\r\n this.timestamp = tickettime;\r\n this.ticketnumber = splitticketnumber[0].concat(splitticketnumber[1].padStart(3,'0'));\r\n this.cancelled = cancelled || false; // This should be set to true when canceled manually or if it's older than one day\r\n }\r\n}","export class OfficeInfo {\r\n constructor(name, officeid, street, city, zipcode, latitude, longitude, distance, phone)\r\n {\r\n this.name = name;\r\n this.officeID = officeid;\r\n this.address = { street: \"\", zipcode: \"\", city: \"\", geolocation: { latitude: 0, longitude: 0 }}\r\n this.address.street = street;\r\n this.address.zipcode = zipcode;\r\n this.address.city = city;\r\n this.address.geolocation.lat = latitude;\r\n this.address.geolocation.lng = longitude;\r\n this.distance = distance ? distance.toFixed(1) : null;\r\n this.phone = phone || \"\";\r\n }\r\n}","import { CallWithConfig } from './service-communicator'\r\nimport { ServiceInfo } from './dto/serviceinfo.dto'\r\nimport { TicketInfo } from './dto/ticketinfo.dto'\r\nimport { OfficeInfo } from './dto/officeinfo.dto'\r\n\r\nexport class Gala {\r\n constructor(baseurl)\r\n { \r\n this.configs = {\r\n getAllOffices: () => {\r\n return {\r\n method: 'get',\r\n url: '/branches',\r\n baseURL: baseurl,\r\n headers: {\r\n Authorization: 'bearer',\r\n Accept: 'application/json'\r\n },\r\n responseType: 'json'\r\n }\r\n },\r\n getAvailableQueues: (branchID) => {\r\n return {\r\n method: 'get',\r\n url: '/supervision/table1?idBranches=' + branchID,\r\n baseURL: baseurl,\r\n headers: {\r\n Authorization: 'bearer',\r\n Accept: 'application/json'\r\n },\r\n responseType: 'json'\r\n }\r\n },\r\n getTicketInfo: ticketID => {\r\n return {\r\n method: 'get',\r\n url: '/tickets/details/' + ticketID,\r\n baseURL: baseurl,\r\n headers: {\r\n Authorization: 'bearer',\r\n Accept: 'application/json'\r\n },\r\n responseType: 'json'\r\n }\r\n },\r\n cancelTicket: (ticketID) => {\r\n return {\r\n method: 'post',\r\n url: 'supervision/cancelTicket',\r\n baseURL: baseurl,\r\n data: JSON.stringify({\r\n idTicket: ticketID\r\n }),\r\n headers: {\r\n Authorization: 'bearer',\r\n Accept: 'application/json',\r\n 'content-type': 'application/json'\r\n },\r\n responseType: 'json'\r\n } \r\n },\r\n takeTicket: (branchID, segmentID, serviceID, tickettext) => {\r\n return {\r\n method: 'post',\r\n url: '/branches/' + branchID + '/ticketsByShort?idShortSegment=' + segmentID + '&idShortService=' + serviceID + '&customerName=eticket¬es=' + tickettext,\r\n baseURL: baseurl,\r\n headers: {\r\n Authorization: 'bearer',\r\n Accept: 'application/json'\r\n },\r\n responseType: 'json'\r\n }\r\n },\r\n setReminder: ticketID => {\r\n throw 'set reminder function not implemented'\r\n }\r\n }\r\n }\r\n \r\n async getAllOffices() {\r\n const result = await CallWithConfig(this.configs.getAllOffices());\r\n var listOfAllOffices = [];\r\n try \r\n {\r\n listOfAllOffices = result.map(x => new OfficeInfo(x.name, x.idBranches, x.address, x.city, x.address.split('-')[1] ? x.address.split('-')[1].trim() : \"\", x.latitude, x.longitude, null, x.telephone))\r\n }\r\n catch\r\n {\r\n throw \"We caught this bug before it could do any harm!\"\r\n }\r\n return listOfAllOffices;\r\n }\r\n\r\n async getAvailableQueuesForSelectedOffice(branchID) {\r\n const queuesResult = await CallWithConfig(this.configs.getAvailableQueues(branchID));\r\n var listOfAllServiceTypes = null;\r\n try\r\n {\r\n // TODO: Vi måste hämta en del info från config, t.ex. namn, service och segment.\r\n listOfAllServiceTypes = queuesResult.map((x, i) => {\r\n return new ServiceInfo(x.queueName, x.waiting, x.maxWaiting, true, x.idQueues, null, null)\r\n });\r\n }\r\n catch\r\n {\r\n throw \"This isn't the queue we're looking for\"\r\n }\r\n return listOfAllServiceTypes;\r\n }\r\n\r\n async getIndividualTicketInfo(ticketID) {\r\n const ticketResult = await CallWithConfig(this.configs.getTicketInfo(ticketID));\r\n let ticket;\r\n if ( ticketResult )\r\n ticket = new TicketInfo(ticketResult.ticketsFirstWaiting, ticketResult.id, ticketResult.ticketWorkstationAttending, ticketResult.ticketNumber, ticketResult.created, (ticketResult.ticketStateName === 'assisted' || ticketResult.ended));\r\n return ticket;\r\n }\r\n\r\n async cancelTicket(ticketID) {\r\n var result = await CallWithConfig(this.configs.cancelTicket(ticketID));\r\n return result;\r\n }\r\n\r\n // TODO: Extenda denna med serviceID och segmentID direkt istället för att använda den här konstiga lookupen\r\n async grabATicket(queuedata, branchID, tickettext) {\r\n var result;\r\n try\r\n {\r\n result = await CallWithConfig(this.configs.takeTicket(branchID, queuedata.segmentID, queuedata.serviceID, tickettext));\r\n }\r\n catch\r\n {\r\n throw \"Something, somewhere, went very wrong.\"\r\n }\r\n if (result)\r\n return result.id;\r\n return null;\r\n }\r\n\r\n async setReminder(ticketID) {\r\n const result = await CallWithConfig(this.configs.setReminder(ticketID));\r\n } \r\n}\r\n\r\n\r\n","import { CallWithConfig } from './service-communicator'\r\nimport { OfficeInfo } from './dto/officeinfo.dto'\r\nimport { TicketInfo } from './dto/ticketinfo.dto'\r\nimport { ServiceInfo } from './dto/serviceinfo.dto'\r\nimport dayjs from 'dayjs'\r\nimport qs from 'qs'\r\n\r\nexport class NQC {\r\n constructor(baseurl)\r\n {\r\n //TODO: Ta reda på exakta anrop och fyll i informationen\r\n this.configs = {\r\n getAllOffices: () => ({\r\n method: 'get',\r\n url: '/api/offices',\r\n baseURL: baseurl,\r\n headers: {\r\n Authorization: '',\r\n Accept: 'application/json'\r\n },\r\n responseType: 'json'\r\n }),\r\n getAvailableQueues: () => ({\r\n method: 'get',\r\n url: '/api/queueinfo/servicetype',\r\n baseURL: baseurl,\r\n headers: {\r\n Authorization: 'bearer',\r\n Accept: 'application/json'\r\n },\r\n responseType: 'json'\r\n }),\r\n getSpecificQueueuInfo: serviceTypeID => ({\r\n method: 'get',\r\n url: '/api/queueinfo/servicetype/' + serviceTypeID,\r\n baseURL: baseurl,\r\n headers: {\r\n Authorization: 'bearer',\r\n Accept: 'application/json'\r\n },\r\n responseType: 'json'\r\n }),\r\n getTicketInfo: ticketNumber => ({\r\n method: 'get',\r\n url: '/api/office/getticketinfo/?ticketnumber=' + ticketNumber,\r\n baseURL: baseurl,\r\n headers: {\r\n Authorization: 'bearer',\r\n Accept: 'application/json'\r\n },\r\n responseType: 'json'\r\n }),\r\n cancelTicket: (workstationid) => ({\r\n }),\r\n getWaitingTicketList: (queuetype, unitnumber, unittype) => ({\r\n method: 'post', \r\n url: '/api/office/GetWaitingTicketList',\r\n baseURL: baseurl,\r\n data: qs.stringify({\r\n QueueType: queuetype,\r\n UnitNumber: unitnumber,\r\n UnitType: unittype\r\n }),\r\n headers: {\r\n Authorization: 'bearer',\r\n Accept: 'application/json'\r\n },\r\n responseType: 'json'\r\n }),\r\n takeTicket: (servicetype, customertext, printerNumber, printerTextNumber) => ({\r\n method: 'post',\r\n url: '/api/office/ticket',\r\n baseURL: baseurl,\r\n data: JSON.stringify ({\r\n unitType: 1,\r\n unitNumber: servicetype,\r\n printerTextNumber: printerTextNumber,\r\n printerNumber: printerNumber,\r\n printerCopies: 0,\r\n logo: 1,\r\n delay: 0,\r\n customerText: customertext || \"\",\r\n icu: \"\",\r\n ticketText: []\r\n }),\r\n headers: {\r\n Authorization: 'bearer',\r\n Accept: 'application/json',\r\n 'content-type': 'application/json'\r\n },\r\n responseType: 'json'\r\n }),\r\n setReminder: ticketID => { console.log('set reminder function not implemented'); }\r\n }\r\n }\r\n\r\n // Support function, it takes some time before the submitted ticket gets into the system\r\n async wait(delay) {\r\n return new Promise(resolve => setTimeout(resolve, delay));\r\n }\r\n \r\n async getAllOffices() {\r\n const result = await CallWithConfig(this.configs.getAllOffices());\r\n var listOfAllOffices = null;\r\n try \r\n {\r\n listOfAllOffices = result.map(x => new OfficeInfo(x.name, x.guid, x.address.street, x.address.city, x.address.zipcode, x.address.latitude,x.address.longitude, null, x.adminInfo.phone))\r\n }\r\n catch\r\n {\r\n return null;\r\n }\r\n return listOfAllOffices;\r\n }\r\n\r\n async getAvailableQueuesForSelectedOffice(officeID, timeout) {\r\n const result = await CallWithConfig(this.configs.getAvailableQueues(), timeout);\r\n var listOfAllServiceTypes = null;\r\n try\r\n {\r\n listOfAllServiceTypes = result.map((x, i) => new ServiceInfo(x.serviceType.name, x.queues.main.waitingTickets, x.queues.main.longestWaitingTicketTime ? dayjs().diff(x.queues.main.longestWaitingTicketTime, \"second\") : 0, x.activeWorkstations, x.serviceType.id)); //det står både longestWaitingTimeMQ och longestWaitingTimeTicketMQ\r\n }\r\n catch\r\n {\r\n return null;\r\n }\r\n return listOfAllServiceTypes;\r\n }\r\n\r\n // TODO: Se över detta, kan bli tvungen att skapa en ny modell\r\n async getIndividualTicketInfo(ticketNumber) {\r\n var ticketResult;\r\n var ticket = null;\r\n ticketResult = await CallWithConfig(this.configs.getTicketInfo(ticketNumber)); // The source is incorrectly formated, needs an extra parse\r\n\r\n if (ticketResult && ticketResult.length > 0)\r\n {\r\n let alltickets;\r\n let peopleAhead = 0;\r\n alltickets = await CallWithConfig(this.configs.getWaitingTicketList(ticketResult[0].queueType, ticketResult[0].serviceType, 1));\r\n if (alltickets)\r\n {\r\n if (alltickets.length > 0)\r\n {\r\n // If we recieve a non-empty array but our number is not in the array then we have been precalled or missed an update.\r\n peopleAhead = alltickets.findIndex(x => x.turnNumber === ticketResult[0].ticket);\r\n if (peopleAhead < 0)\r\n peopleAhead = 0;\r\n }\r\n ticket = new TicketInfo(peopleAhead, ticketResult[0].ticket, ticketResult[0].cashier, ticketResult[0].ticket, dayjs(ticketResult[0].ticketTime).format('YYYY-MM-DD HH:mm'), ticketResult[0].endTime);\r\n }\r\n }\r\n return ticket;\r\n }\r\n\r\n async cancelTicket() {\r\n return true;\r\n }\r\n\r\n // branchID exists simply because Gala needs it, refactor later\r\n async grabATicket(queuedata, branchID, customertext, printerNumber, printerTextNumber) {\r\n const result = await CallWithConfig(this.configs.takeTicket(queuedata.queueID, customertext, printerNumber, printerTextNumber));\r\n let ticketNumber = null;\r\n if (result)\r\n ticketNumber = result.turnNumber;\r\n return ticketNumber;\r\n }\r\n async setReminder(ticketID) {\r\n const result = await CallWithConfig(this.configs.setReminder(ticketID));\r\n }\r\n}\r\n\r\n\r\n","import React, { useEffect, useState } from 'react'\r\nimport { RestContext } from './context';\r\nimport { Gala } from '../../services/service-gala'\r\nimport { NQC } from '../../services/service-nqc'\r\nimport { useConfig } from '../config/use'\r\nimport * as dayjs from 'dayjs'\r\nimport qs from 'qs'\r\nimport { useHistory, useLocation } from \"react-router-dom\"\r\nimport { geodistance } from '../../components/helpers/geographic_distance'\r\nimport { OfficeInfo } from '../../services/dto/officeinfo.dto';\r\nimport { isFalsyOrEmpty } from '../../components/helpers/object'\r\nimport { TicketInfo } from '../../services/dto/ticketinfo.dto';\r\n\r\nexport const RestProvider = ({children}) => {\r\n const { state: { config }, actions: { Queuefilter, GetResources, GetPrinterData, UpdateQueueDataFromConfig, GetQueuenameFromQueueID }} = useConfig();\r\n const [service, setService] = useState();\r\n const [offices, setOffices] = useState(null);\r\n const [selectedoffice, setSelectedOfficeID] = useState();\r\n const [ticket, setTicket] = useState(null);\r\n const [queues, setQueues] = useState(null);\r\n const [searchfilter, setSearchFilter] = useState(\"\");\r\n const [selectedqueuename, setSelectedQueueName] = useState();\r\n const [ticketupdatetimeout, setTicketUpdateTimeout] = useState();\r\n const [queuesupdatetimeout, setQueuesUpdateTimeout] = useState();\r\n const [wasticketfailure, setWasTicketFailure] = useState(false);\r\n const history = useHistory();\r\n const location = useLocation();\r\n\r\n // Step 1: Load previous data from local storage\r\n useEffect(() => {\r\n let ticket = {}\r\n let seloffice = null;\r\n try\r\n {\r\n ticket = JSON.parse(localStorage.getItem(\"ticket\"));\r\n if (isFalsyOrEmpty(ticket))\r\n ticket = {}\r\n } catch(error) { console.debug(error) }\r\n\r\n try\r\n {\r\n seloffice = localStorage.getItem(\"selectedoffice\");\r\n if (isFalsyOrEmpty(seloffice))\r\n seloffice = null;\r\n } catch(error) { console.debug(error) }\r\n // If ticket is older than today 0:01 then mark it as ended\r\n if (!isFalsyOrEmpty(ticket) && isOlderThanToday(ticket.timestamp))\r\n {\r\n handleCancelTicket();\r\n ticket = {}\r\n }\r\n \r\n localStorage.setItem(\"ticket\", JSON.stringify(ticket));\r\n setSelectedQueueName(localStorage.getItem(\"selectedqueuename\"));\r\n setSelectedOfficeID(seloffice);\r\n setTicket(ticket); \r\n PeriodicConfigUpdate();\r\n },[])\r\n\r\n // Step 2: Ensure config file is loaded from Config context\r\n useEffect(() => {\r\n if (config)\r\n {\r\n setService(getServiceFromConfig());\r\n setAuthToken(localStorage.getItem(\"selectedoffice\"));\r\n }\r\n }, [config]);\r\n\r\n // Step 3: Make sure service has been generated, then populate offices\r\n useEffect(() => {\r\n if (service)\r\n {\r\n GetAllOffices();\r\n if (!ticketupdatetimeout)\r\n PeriodicTicketUpdate();\r\n if (!queuesupdatetimeout)\r\n PeriodicQueueUpdate();\r\n }\r\n }, [service])\r\n\r\n // When we change location, start/stop relevant services.\r\n useEffect(() => {\r\n if (location.pathname === \"/queues\")\r\n {\r\n localStorage.setItem(\"updateQueues\", true);\r\n localStorage.removeItem(\"updateTicket\");\r\n clearTimeout(ticketupdatetimeout);\r\n clearTimeout(queuesupdatetimeout);\r\n if (config && service)\r\n PeriodicQueueUpdate();\r\n }\r\n else if (location.pathname === \"/ticket\")\r\n {\r\n localStorage.setItem(\"updateTicket\", true);\r\n localStorage.removeItem(\"updateQueues\");\r\n clearTimeout(queuesupdatetimeout);\r\n clearTimeout(ticketupdatetimeout);\r\n if (config && service)\r\n PeriodicTicketUpdate();\r\n }\r\n else if (location.pathname === \"\")\r\n {\r\n localStorage.removeItem(\"updateTicket\");\r\n localStorage.removeItem(\"updateQueues\");\r\n clearTimeout(ticketupdatetimeout);\r\n clearTimeout(queuesupdatetimeout);\r\n }\r\n }, [location])\r\n\r\n async function GetAllOffices() {\r\n if(isFalsyOrEmpty(offices))\r\n {\r\n const updatedOffices = await service.getAllOffices();\r\n setOffices(updatedOffices);\r\n }\r\n }\r\n\r\n const PeriodicConfigUpdate = async () => {\r\n let timeout = config ? config.updateconfigtimer : 60000;\r\n await GetResources();\r\n\r\n const timer = setTimeout(() => {\r\n PeriodicConfigUpdate();\r\n }, timeout)\r\n }\r\n\r\n const PeriodicTicketUpdate = async () => {\r\n let run = localStorage.getItem(\"updateTicket\");\r\n let lsticket = JSON.parse(localStorage.getItem(\"ticket\"));\r\n let tmpTicket;\r\n if(lsticket && !isFalsyOrEmpty(lsticket) && !lsticket.cancelled && service && config && run)\r\n {\r\n tmpTicket = await service.getIndividualTicketInfo(lsticket.ticketID);\r\n run = localStorage.getItem(\"updateTicket\");\r\n if (tmpTicket)\r\n {\r\n if (run)\r\n {\r\n setTicket(tmpTicket);\r\n localStorage.setItem(\"ticket\", JSON.stringify(tmpTicket));\r\n }\r\n }\r\n else\r\n {\r\n //TODO: Vi har fått tillbaka null, kanske förklara för kunden att vi inte lyckades hämta data\r\n var errorticket = JSON.parse(localStorage.getItem(\"ticket\"));\r\n if (isFalsyOrEmpty(errorticket))\r\n handleCancelTicket();\r\n }\r\n }\r\n let timeoutArray = config ? config.updatetimers : [];\r\n let timeout = 15000;\r\n let configuredtimeobject = null;\r\n if (!isFalsyOrEmpty(timeoutArray) && !isFalsyOrEmpty(tmpTicket))\r\n {\r\n if(!tmpTicket.meetUpLocation)\r\n {\r\n configuredtimeobject = timeoutArray.find(x => x.length <= parseInt(tmpTicket.peopleAhead));\r\n timeout = (configuredtimeobject && tmpTicket) ? configuredtimeobject.seconds : 15000;\r\n }\r\n }\r\n \r\n setTicketUpdateTimeout(setTimeout(() => { \r\n PeriodicTicketUpdate();\r\n }, timeout ));\r\n }\r\n\r\n const PeriodicQueueUpdate = async () => {\r\n let run = localStorage.getItem(\"updateQueues\");\r\n let queuetimeout = config ? config.updatequeuetimer : 15000;\r\n var seloffice = localStorage.getItem(\"selectedoffice\");\r\n if (seloffice && run)\r\n await GetQueues(seloffice);\r\n setQueuesUpdateTimeout(setTimeout(() => { \r\n PeriodicQueueUpdate();\r\n }, queuetimeout ));\r\n }\r\n \r\n\r\n // Callback function to set selected office\r\n const handleOfficeSelection = (officeID) => {\r\n setAuthToken(officeID);\r\n setSelectedOfficeID(officeID);\r\n localStorage.setItem(\"selectedoffice\", officeID);\r\n GetQueues(officeID);\r\n history.push(\"queues\");\r\n }\r\n\r\n const handleGeolocationUpdate = () => {\r\n if(navigator.geolocation)\r\n {\r\n navigator.geolocation.getCurrentPosition((position) => {\r\n var distanceList = offices.map(x => { return new OfficeInfo(x.name, x.officeID, x.address.street, x.address.city, x.address.zipcode, x.address.geolocation.lat, x.address.geolocation.lng, geodistance(x.address.geolocation.lat, x.address.geolocation.lng, position.coords.latitude, position.coords.longitude, config.distanceUnit), x.phone)});\r\n var sortedList = distanceList.sort((a,b) => (a.distance - b.distance));\r\n setOffices(sortedList);\r\n sessionStorage.setItem(\"offices\", JSON.stringify(sortedList));\r\n }, \r\n () => {\r\n // TODO: Berätta för användaren att de inte kan få information som baseras på geodata\r\n // TODO: Kanske fixa en konverterar-funktion som tar bort / lägger till distance till officedata?\r\n },\r\n { maximumAge: 120000, timeout: 2000 })\r\n }\r\n }\r\n\r\n const handleTakeTicket = (officeID, queuedata, svc, customertext) => {\r\n async function TakeTicket(officeID, queuedata) {\r\n var ticketID;\r\n var tmpTicket;\r\n let printerdata;\r\n\r\n\r\n if (!isFalsyOrEmpty(svc))\r\n {\r\n printerdata = await GetPrinterData(officeID);\r\n if (!isFalsyOrEmpty(printerdata))\r\n {\r\n ticketID = await svc.grabATicket(queuedata, officeID, customertext, printerdata.printerNumber, printerdata.printerTextNumber );\r\n if (ticketID)\r\n {\r\n for(var i = 0; i < 5; i++)\r\n {\r\n await new Promise(r => setTimeout(r, 300));\r\n tmpTicket = await svc.getIndividualTicketInfo(ticketID);\r\n if (!isFalsyOrEmpty(tmpTicket))\r\n break;\r\n }\r\n }\r\n else\r\n setWasTicketFailure(true);\r\n }\r\n }\r\n else\r\n {\r\n printerdata = await GetPrinterData(officeID);\r\n if (!isFalsyOrEmpty(printerdata))\r\n {\r\n ticketID = await service.grabATicket(queuedata, officeID, customertext, printerdata.printerNumber, printerdata.printerTextNumber );\r\n if (ticketID)\r\n {\r\n for(var j = 0; j < 5; j++)\r\n {\r\n await new Promise(r => setTimeout(r, 300));\r\n tmpTicket = await service.getIndividualTicketInfo(ticketID);\r\n if (!isFalsyOrEmpty(tmpTicket))\r\n break;\r\n }\r\n }\r\n else\r\n setWasTicketFailure(true);\r\n }\r\n }\r\n\r\n if (!isFalsyOrEmpty(tmpTicket))\r\n {\r\n var queuename;\r\n if (queues)\r\n {\r\n var res = queues.find(x => x.queueID === queuedata.queueID);\r\n queuename = res ? res.name : null;\r\n }\r\n else\r\n {\r\n const filteredqueues = await GetQueues(officeID, svc); \r\n const res = filteredqueues.find(x => x.queueID === queuedata.queueID);\r\n queuename = res ? res.name : null;\r\n }\r\n if (!isFalsyOrEmpty(queuename))\r\n {\r\n setTicket(tmpTicket);\r\n localStorage.setItem(\"ticket\", JSON.stringify(tmpTicket));\r\n localStorage.setItem(\"selectedqueuename\", GetQueuenameFromQueueID(officeID, queuedata.queueID));\r\n setSelectedQueueName(queuename);\r\n sessionStorage.setItem(\"queuename\", queuename);\r\n history.push(\"ticket\")\r\n }\r\n else\r\n setWasTicketFailure(true);\r\n }\r\n else\r\n {\r\n localStorage.removeItem(\"tickettext\");\r\n setWasTicketFailure(true);\r\n }\r\n }\r\n\r\n\r\n if (!isFalsyOrEmpty(config))\r\n TakeTicket(officeID, queuedata, svc);\r\n else\r\n console.log(\"ojdå\")\r\n }\r\n \r\n const handleCancelTicket = (ticketID) => {\r\n localStorage.removeItem(\"updateTicket\");\r\n localStorage.removeItem(\"selectedqueuename\");\r\n setSelectedQueueName(null);\r\n if (ticketID)\r\n service.cancelTicket(ticketID);\r\n setTicket(null);\r\n localStorage.setItem(\"ticket\", JSON.stringify({}));\r\n sessionStorage.setItem(\"queuename\", \"\");\r\n setSelectedQueueName(\"\");\r\n var selected = selectedoffice;\r\n localStorage.removeItem(\"tickettext\");\r\n if (!selected)\r\n selected = localStorage.getItem(\"selectedoffice\");\r\n if (selected)\r\n history.push(\"queues\")\r\n else if (config && config.uselandingpage)\r\n history.push(\"/\")\r\n }\r\n\r\n const handleChangeOffice = () => {\r\n sessionStorage.removeItem(\"formdata\");\r\n setSelectedOfficeID(null);\r\n sessionStorage.setItem(\"queues\", null);\r\n setQueues(null);\r\n sessionStorage.setItem(\"queuename\", \"\");\r\n setSelectedQueueName(\"\");\r\n localStorage.setItem(\"selectedoffice\", \"\");\r\n history.push(\"/\");\r\n }\r\n\r\n\r\n // Helper functions, refactor when possible\r\n const isOlderThanToday = (timestamp) => {\r\n var year = dayjs().year()\r\n var month = dayjs().month() + 1\r\n var date = dayjs().date()\r\n var datastring = year + \"-\" + month + \"-\" + date;\r\n return dayjs(timestamp).isBefore(String(datastring));\r\n }\r\n\r\n const isOlderThanMinutes = (timestamp, minutes) => {\r\n return dayjs(timestamp).isBefore(String(dayjs().subtract(minutes, 'minutes')));\r\n }\r\n\r\n const getServiceFromConfig = () => {\r\n if (config)\r\n {\r\n if (config.provider === \"Gala\")\r\n return new Gala(config.baseurl);\r\n else if (config.provider === \"NQC\")\r\n return new NQC(config.baseurl);\r\n }\r\n else\r\n return null;\r\n }\r\n\r\n const setAuthToken = guid => {\r\n\r\n if (config)\r\n {\r\n if (config.provider === \"Gala\")\r\n {\r\n sessionStorage.tokenconfig = JSON.stringify({\r\n method: 'post',\r\n url: '/users/authenticate',\r\n baseURL: config.baseurl,\r\n data: JSON.stringify({\r\n username: \"nqutvapi\",\r\n password: \"nqutvapi\"\r\n }),\r\n headers: {\r\n 'content-type': 'application/json'\r\n },\r\n })\r\n }\r\n else if (config.provider === \"NQC\" && guid)\r\n {\r\n sessionStorage.tokenconfig = JSON.stringify({ \r\n method: 'post',\r\n url: 'oauth2/token',\r\n baseURL: config.baseurl,\r\n data: qs.stringify({\r\n officeguid: guid,\r\n grant_type: 'password',\r\n client_id: '099153c2625149bc8ecb3e85e03f0022'\r\n }),\r\n headers: {\r\n 'content-type' : 'application/x-www-form-urlencoded'\r\n },\r\n })\r\n }\r\n }\r\n }\r\n\r\n const updateSearchFilter = (filter) => {\r\n setSearchFilter(filter);\r\n }\r\n\r\n async function GetQueues(officeID, svc = null) {\r\n var tmpqueues;\r\n if (svc)\r\n tmpqueues = await svc.getAvailableQueuesForSelectedOffice(officeID, config.servicetimeout);\r\n else\r\n tmpqueues = await service.getAvailableQueuesForSelectedOffice(officeID, config.servicetimeout);\r\n const renamedqueues = UpdateQueueDataFromConfig(officeID, tmpqueues);\r\n const filteredqueues = await Queuefilter(officeID, renamedqueues);\r\n setQueues(filteredqueues);\r\n sessionStorage.setItem(\"queues\", JSON.stringify(filteredqueues));\r\n return filteredqueues;\r\n }\r\n\r\n // Redirects\r\n const qrToQueueSelection = async (officeID) => {\r\n const svc = getServiceFromConfig();\r\n setService(svc);\r\n svc.getAllOffices();\r\n setSelectedOfficeID(officeID);\r\n localStorage.setItem(\"selectedoffice\", officeID);\r\n setAuthToken(officeID);\r\n await GetQueues(officeID, svc);\r\n }\r\n\r\n const qrToFormsSelection = async (officeID, queuedata) => {\r\n const svc = getServiceFromConfig();\r\n setService(svc);\r\n svc.getAllOffices();\r\n setSelectedOfficeID(officeID);\r\n localStorage.setItem(\"selectedoffice\", officeID);\r\n sessionStorage.setItem(\"selectedqueue\", queuedata.queueID);\r\n setAuthToken(officeID);\r\n await GetQueues(officeID, svc);\r\n }\r\n\r\n const qrToDirectTicket = async (officeID, queuedata, customertext ) => {\r\n // TODO: Handle if queueID is undefined or if segmentID and serviceID is undefined.\r\n const svc = getServiceFromConfig();\r\n setService(svc);\r\n svc.getAllOffices();\r\n setSelectedOfficeID(officeID);\r\n localStorage.setItem(\"selectedoffice\", officeID);\r\n sessionStorage.setItem(\"selectedqueue\", queuedata.queueID);\r\n setAuthToken(officeID);\r\n var filteredqueues = await GetQueues(officeID, svc);\r\n if (filteredqueues.some(x => x.queueID === queuedata.queueID))\r\n handleTakeTicket(officeID, queuedata, svc, customertext);\r\n else\r\n {\r\n sessionStorage.setItem(\"selectedqueue\", null);\r\n history.push(\"queues\");\r\n }\r\n }\r\n\r\n const toExistingTicket = (ticket) => {\r\n if (!isOlderThanToday(ticket.timestamp) && !ticket.cancelled)\r\n history.push(\"ticket\")\r\n }\r\n\r\n const resetTicketFailureStatus = () => {\r\n setWasTicketFailure(false);\r\n }\r\n\r\n\r\n const value = {\r\n state: {offices, selectedoffice, queues, selectedqueuename, ticket, service, searchfilter, wasticketfailure },\r\n actions: {handleOfficeSelection, handleChangeOffice, handleTakeTicket, handleGeolocationUpdate, handleCancelTicket, qrToQueueSelection, qrToDirectTicket,qrToFormsSelection, toExistingTicket, updateSearchFilter, resetTicketFailureStatus }\r\n }\r\n\r\n return (\r\n \r\n { children }\r\n
\r\n \r\n 
\r\n
\r\n )\r\n}\r\n\r\nconst styles = {\r\n container: () => ({\r\n display: 'flex', \r\n justifyContent: 'center'\r\n })\r\n}","import React, { useState, useEffect } from 'react'\r\nimport AppBar from '@material-ui/core/AppBar'\r\nimport Toolbar from '@material-ui/core/Toolbar'\r\nimport Typography from '@material-ui/core/Typography'\r\nimport { LogoType } from './logotype'\r\nimport Button from '@material-ui/core/Button'\r\nimport Divider from '@material-ui/core/Divider'\r\nimport useTheme from '@material-ui/core/styles/useTheme'\r\nimport makeStyles from '@material-ui/core/styles/makeStyles'\r\nimport { useRest } from '../contexts/rest/use'\r\nimport { useTranslation } from '../contexts/i18n/use'\r\nimport { DropdownMenu } from './helpers/dropdownmenu'\r\nimport { useConfig } from '../contexts/config/use'\r\nimport { isFalsyOrEmpty } from './helpers/object'\r\n\r\nexport const Header = () => {\r\n const theme = useTheme();\r\n const classes = useStyles(theme)\r\n const { state: {config}} = useConfig();\r\n const { state: { selectedoffice, offices, ticket, selectedqueuename }, actions: { handleChangeOffice } } = useRest();\r\n const { actions: {t }} = useTranslation();\r\n const [menuitems, setMenuItems] = useState();\r\n const [officename, setOfficeName] = useState();\r\n\r\n useEffect(() => {\r\n if (!isFalsyOrEmpty(offices))\r\n {\r\n OfficeSelection();\r\n var office = offices.find(x => x.officeID === selectedoffice);\r\n if (office)\r\n setOfficeName(office.name);\r\n else \r\n setOfficeName(t('header.noneselected'));\r\n }\r\n }, [offices])\r\n\r\n useEffect(() => {\r\n if (config)\r\n {\r\n setMenuItems(\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n { officename }\r\n \r\n
\r\n \r\n { OfficeSelection() }\r\n
\r\n {\r\n (config && config.custombackgroundlink !== '') ? : \r\n
\r\n \r\n
\r\n \r\n \r\n { office ? office.address.street : t('footer.loading') }\r\n \r\n \r\n { office ? office.address.zipcode + \" \" + office.address.city : t('footer.loading')}\r\n \r\n
\r\n \r\n
\r\n \r\n { e.preventDefault(); window.open(t('footer.customerurl'))}}>\r\n { t('footer.customerurl').replace(/^https?:\\/\\//, '') || \"\" }\r\n \r\n
\r\n \r\n
\r\n )\r\n }\r\n else\r\n {\r\n return (\r\n \r\n
\r\n )\r\n }\r\n}\r\n\r\nconst useStyles = makeStyles({\r\n container: {\r\n width: '100%',\r\n display: 'flex',\r\n flexDirection: 'column',\r\n height: '100%',\r\n flex: '1 0 auto',\r\n },\r\n outerbox: {\r\n display: 'flex', \r\n flexDirection: 'column', \r\n height: '100%',\r\n overflow: 'auto'\r\n },\r\n innerbox: {\r\n display: 'flex', \r\n flexDirection: 'column', \r\n flex: '1 0 auto', \r\n height: '100%'\r\n },\r\n buttonwrapper: {\r\n marginTop: 'auto',\r\n marginBottom: '1rem',\r\n },\r\n list: {\r\n display: 'flex',\r\n flexDirection: 'column',\r\n alignItems: 'center',\r\n margin: '0 0.5rem'\r\n },\r\n spinner: theme => ({\r\n color: theme.palette.primary.main,\r\n height: '80%',\r\n width: '80%'\r\n }),\r\n spinnerwrapper: {\r\n height: '100%',\r\n width: '100%',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n display: 'flex',\r\n flexDirection: 'column'\r\n }\r\n})\r\n","import React, { useEffect } from 'react'\r\nimport Paper from '@material-ui/core/Paper'\r\nimport Typography from '@material-ui/core/Typography';\r\nimport Button from '@material-ui/core/Button';\r\nimport useTheme from '@material-ui/core/styles/useTheme'\r\nimport makeStyles from '@material-ui/core/styles/makeStyles'\r\nimport Box from '@material-ui/core/Box'\r\n\r\nexport const TicketCancelled = ({ticket, cancelTicketCallback, timeouttext, throwtickettext}) => {\r\n const theme = useTheme();\r\n const classes = useStyles(theme);\r\n\r\n useEffect(() => {\r\n localStorage.removeItem(\"selectedqueuename\");\r\n },[])\r\n\r\n return (\r\n \r\n
\r\n \r\n \r\n {\r\n !isFalsyOrEmpty(config) \r\n ? \r\n \r\n }\r\n { failure ? : <>}\r\n
\r\n - \r\n { (!isFalsyOrEmpty(queues) && queues.length > 0) \r\n ? queues.map((x,i) => { return
\r\n { (config && config.shouldHaveRedirectButton) ?
\r\n \r\n
\r\n )\r\n }\r\n\r\n return (\r\n \r\n
\r\n )\r\n}\r\n\r\nconst useStyles = makeStyles({\r\n container: {\r\n width: '100%',\r\n display: 'flex',\r\n flexDirection: 'column',\r\n height: '100%',\r\n flex: '1 0 auto'\r\n },\r\n spinner: theme => ({\r\n color: theme.palette.primary.main,\r\n height: '80%',\r\n width: '80%'\r\n }),\r\n spinnerwrapper: {\r\n height: '100%',\r\n width: '100%',\r\n flex: '1 0 auto',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n display: 'flex',\r\n flexDirection: 'column'\r\n }\r\n})\r\n\r\n","import React, { useState, useEffect } from 'react'\r\nimport { createMuiTheme, ThemeProvider, responsiveFontSizes } from '@material-ui/core/styles';\r\nimport { useConfig } from '../config/use'\r\n\r\n\r\nexport const MaterialThemeProvider = ({children}) => {\r\n const { state: {loadedpalette, palette}, actions: {GetPalette} } = useConfig();\r\n const [theme, setTheme] = useState(createMuiTheme({\r\n palette: {\r\n primary: {\r\n main: \"#fff\",\r\n },\r\n secondary: {\r\n main: \"#fff\"\r\n },\r\n tertiary: {\r\n main: \"#fff\"\r\n },\r\n button_text: {\r\n main: \"#fff\"\r\n },\r\n secondary_text: {\r\n main: \"#fff\"\r\n },\r\n footer_color: {\r\n main: \"#fff\"\r\n },\r\n menu: {\r\n main: \"#fff\"\r\n },\r\n background: {\r\n main: \"#fff\"\r\n },\r\n ticket_waiting: {\r\n main: \"#fff\"\r\n },\r\n ticket_called: {\r\n main: \"#fff\"\r\n },\r\n ticket_cancelled: {\r\n main: \"#fff\"\r\n },\r\n listitem: {\r\n main: \"#fff\"\r\n },\r\n error: {\r\n main: \"#fff\"\r\n },\r\n warning: {\r\n main: \"#fff\"\r\n },\r\n info: {\r\n main: \"#fff\"\r\n },\r\n success: {\r\n main: \"#fff\"\r\n },\r\n loadingbar_front: {\r\n main: \"#fff\"\r\n },\r\n loadingbar_back: {\r\n main: \"#fff\"\r\n }\r\n },\r\n breakpoints: {\r\n values: {\r\n xs: 0,\r\n sm: 640,\r\n md: 960, \r\n lg: 1280,\r\n xl: 1920,\r\n xxl: 2000\r\n }\r\n }\r\n }));\r\n\r\n useEffect(() => {\r\n if (loadedpalette)\r\n {\r\n var newtheme = createMuiTheme({\r\n palette: {\r\n primary: {\r\n main: palette ? palette.primary : \"#000\",\r\n },\r\n secondary: {\r\n main: palette ? palette.secondary : \"#000\",\r\n },\r\n tertiary: {\r\n main: palette ? palette.tertiary : \"#000\"\r\n },\r\n button_text: {\r\n main: palette ? palette.button_text : \"#000\"\r\n },\r\n secondary_text: {\r\n main: palette ? palette.secondary_text : \"#000\"\r\n },\r\n footer_color: {\r\n main: palette ? palette.footer_text : \"#000\"\r\n },\r\n menu: {\r\n main: palette ? palette.menu : \"#000\"\r\n },\r\n background: {\r\n main: palette ? palette.background : \"#000\"\r\n },\r\n ticket_waiting: {\r\n main: palette ? palette.ticket_waiting : \"#000\"\r\n },\r\n ticket_called: {\r\n main: palette ? palette.ticket_called : \"#000\"\r\n },\r\n ticket_cancelled: {\r\n main: palette ? palette.ticket_cancelled : \"#000\"\r\n },\r\n listitem: {\r\n main: palette ? palette.listitem : \"#000\"\r\n },\r\n error: {\r\n main: palette ? palette.error : \"#000\"\r\n },\r\n warning: {\r\n main: palette ? palette.warning : \"#000\"\r\n },\r\n info: {\r\n main: palette ? palette.info : \"#000\"\r\n },\r\n success: {\r\n main: palette ? palette.success : \"#000\"\r\n },\r\n loadingbar_front: {\r\n main: palette ? palette.loadingbar_front : \"#000\"\r\n },\r\n loadingbar_back: {\r\n main: palette ? palette.loadingbar_back : \"#000\"\r\n }\r\n },\r\n breakpoints: {\r\n values: {\r\n xs: 0,\r\n sm: 640,\r\n md: 960, \r\n lg: 1280,\r\n xl: 1920,\r\n xxl: 2000\r\n }\r\n }\r\n });\r\n\r\n setTheme(responsiveFontSizes(newtheme))\r\n }\r\n else\r\n GetPalette()\r\n },[loadedpalette])\r\n\r\n\r\n return (\r\n \r\n \r\n { t('404.explanation')}\r\n \r\n \r\n
\r\n )\r\n}\r\n\r\nconst useStyles = makeStyles({\r\n container: {\r\n backgroundColor: '#f4f4f4',\r\n height: '100%',\r\n display: 'flex',\r\n flexDirection: 'column',\r\n alignItems: 'center',\r\n justifyContent: 'center'\r\n },\r\n buttonwrapper: {\r\n display: 'flex',\r\n flexDirection: 'row',\r\n padding: '1rem 0',\r\n justifyContent: 'space-between',\r\n alignItems: 'center',\r\n width: '80%'\r\n },\r\n picture: {\r\n maxWidth: '300px'\r\n },\r\n confirmbutton: theme => ({\r\n backgroundColor: theme.palette.error.main,\r\n color: theme.palette.button_text\r\n }),\r\n cancelbutton: theme => ({\r\n backgroundColor: theme.palette.info.main,\r\n color: theme.palette.button_text\r\n })\r\n})","import React from 'react'\r\nimport Box from '@material-ui/core/Box'\r\nimport makeStyles from '@material-ui/core/styles/makeStyles'\r\nimport { Typography } from '@material-ui/core'\r\n\r\nexport const ConfirmationItem = ({head, body}) => {\r\n const classes = useStyles();\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n