\n React.createElement(React.Fragment, null,\n React.createElement(\"div\", { className: \"dashboard-home__title\" },\n React.createElement(\"h1\", null, \"Latest network\")),\n React.createElement(\"div\", { className: \"shadow corners\", style: { backgroundColor: \"#ffffff\", width: '100%', height: '90%' } },\n React.createElement(NetworkGraph, { acsis: props.acsisID, data: network, applianceData: appliances, location: location, width: 1420, height: 710 })))\n // {/*
*/}\n );\n}\nexport default Network;\n","import * as React from 'react';\nimport { useRef, useEffect, useState } from \"react\";\nimport * as d3 from \"d3\";\nimport { scaleTime, scaleBand, scaleOrdinal } from \"d3-scale\";\nimport { axisBottom, axisLeft } from \"d3-axis\";\nimport './GanttChart.css';\nimport \"./CommonGraph.css\";\nimport moment from 'moment';\nexport function GanttChart(props) {\n //TODO: Properly assess whether we can move all data queries into a single record\n const d3Container = useRef(null);\n const [firstDraw, setFirstDraw] = useState(true);\n useEffect(() => {\n // We check we have all the data required, else we can't render it correctly, definitely needs a rework to make it more granular\n if (props.data && props.lightData && props.temperatureData && props.doorData && props.applianceData && props.network && props.applianceLocations && d3Container.current) {\n const svg = d3.select(d3Container.current);\n const margin = { left: 150, top: 10, right: 10, bottom: 20 };\n const width = 1400;\n const height = 400;\n // TODO: Replace this with a better update method\n //svg.selectAll('*').remove();\n let startDate, endDate;\n if (props.live) {\n startDate = moment().subtract(6, 'hours').toDate();\n endDate = moment().toDate();\n }\n else {\n startDate = props.timeFrame.startDate.toDate();\n endDate = props.timeFrame.endDate.toDate();\n }\n // Run through the javascript objects and generate dates, we do this for each datatype\n let startDates = [];\n let endDates = [];\n let preparedData = props.data.filter(d => d.location.toLowerCase() != 'fridge').map((d, i) => {\n if (d.startDateTime == null || d.endDateTime == null) {\n return null;\n }\n let start = new Date(d.startDateTime);\n let end = new Date(d.endDateTime);\n startDates.push(start);\n endDates.push(end);\n return {\n startDateTime: start,\n endDateTime: end,\n location: d.location,\n duration: d.duration\n };\n // Filter out any nulls\n }).filter(d => d ? true : false);\n // Add a copy of the final datapoint to the end of the input data to make it look \n if (preparedData.length > 0) {\n preparedData.unshift(JSON.parse(JSON.stringify(preparedData[0]), (k, v) => (k == 'startDateTime' || k == 'endDateTime') ? new Date(v) : v));\n preparedData[0].endDateTime = preparedData[0].startDateTime;\n //preparedData[0].duration = 0;\n preparedData.push(JSON.parse(JSON.stringify(preparedData[preparedData.length - 1]), (k, v) => (k == 'startDateTime' || k == 'endDateTime') ? new Date(v) : v));\n preparedData[preparedData.length - 1].endDateTime = endDate;\n //preparedData[preparedData.length - 1].duration = moment(preparedData[preparedData.length - 1].endDateTime).diff(moment(preparedData[preparedData.length - 1].startDateTime)) / 1000;\n }\n let preparedDoorData = [];\n if (props.doorData) {\n preparedDoorData = props.doorData.map((d, i) => {\n if (d.startDateTime == null || d.endDateTime == null) {\n return null;\n }\n let start = new Date(d.startDateTime);\n let end = new Date(d.endDateTime);\n // TODO: Decide if this is needed for door data.\n //startDates.push(start);\n //endDates.push(end);\n return {\n startDateTime: start,\n endDateTime: end,\n location: d.location,\n duration: d.duration,\n measValue: d.measValue\n };\n }).filter(d => d ? true : false);\n }\n let preparedApplianceData = [];\n if (props.applianceData) {\n preparedApplianceData = props.applianceData.map((d, i) => {\n if (d.startDateTime == null || d.endDateTime == null) {\n return null;\n }\n let start = new Date(d.startDateTime);\n let end = new Date(d.endDateTime);\n // TODO: Decide if this is needed for door data.\n //startDates.push(start);\n //endDates.push(end);\n return {\n startDateTime: start,\n endDateTime: end,\n location: d.location,\n duration: d.duration,\n measValue: d.measValue\n };\n }).filter(d => d ? true : false);\n }\n let preparedLightData = [];\n if (props.lightData) {\n preparedLightData = props.lightData.map((d, i) => {\n if (d.startDateTime == null || d.endDateTime == null) {\n return null;\n }\n let start = new Date(d.startDateTime);\n let end = new Date(d.endDateTime);\n // TODO: Decide if this is needed for light data.\n //startDates.push(start);\n //endDates.push(end);\n return {\n startDateTime: start,\n endDateTime: end,\n location: d.location,\n duration: d.duration,\n measValue: d.measValue\n };\n }).filter(d => d ? true : false);\n }\n let preparedTemperatureData = [];\n if (props.temperatureData) {\n preparedTemperatureData = props.temperatureData.map((d, i) => {\n if (d.startDateTime == null || d.endDateTime == null) {\n return null;\n }\n let start = new Date(d.startDateTime);\n let end = new Date(d.endDateTime);\n // TODO: Decide if this is needed for temperature data.\n //startDates.push(start);\n //endDates.push(end);\n return {\n startDateTime: start,\n endDateTime: end,\n location: d.location,\n duration: d.duration,\n measValue: d.measValue\n };\n }).filter(d => d ? true : false);\n }\n // Print some key debug data\n // TODO: Remove this before go live, or add a debug flag\n let x = scaleTime()\n .domain([startDate, endDate])\n .range([margin.left, width - margin.right])\n .clamp(true);\n // New yEntries to accomodate doors\n //let yArray = d3.map(props.data, d => d.location).keys(); \n let yArray = props.network.nodes.map(d => d.id);\n let yEntries = new Set(yArray);\n //let yEntries = d3.map(props.data, d => d.location).keys();\n let y = scaleBand()\n .domain(yEntries)\n .range([height - margin.bottom, margin.top]);\n //let yColour = scaleOrdinal(Tableau10)\n let yColour = scaleOrdinal(['#f1faee', '#a8dadc'])\n .domain(yEntries);\n let xAxis = (g) => g\n .attr(\"transform\", `translate(0,${height - margin.bottom})`)\n .transition().duration(1000)\n .call(axisBottom(x).ticks(width / 80).tickSizeOuter(0));\n let yAxis = (g) => g\n .attr(\"transform\", `translate(${margin.left},0)`)\n .call(axisLeft(y).tickSize(0));\n if (firstDraw) {\n let backBar = svg.selectAll(\"g.backBar\").data(yEntries);\n let backBarGroup = backBar.join(\"g\")\n .classed(\"backBar\", true)\n .attr(\"transform\", (d) => `translate(0,${y(d)})`);\n backBarGroup.append(\"rect\")\n .attr(\"fill\", (d) => yColour(d))\n .attr(\"x\", margin.left)\n .attr(\"width\", width - margin.right - margin.left)\n //.attr(\"y\", 5)\n .attr(\"height\", y.bandwidth())\n .style('opacity', 0.1);\n backBarGroup.append(\"line\")\n .attr('x1', margin.left)\n .attr('x2', width - margin.right)\n .attr('stroke', '#aaa')\n .style('stroke-dasharray', '3,3');\n }\n //let tooltip: d3.Selection`;\n messageString += `Referral date : ${consentDate}
`;\n messageString += `Referrer contact number : ${workerContactNumber}
`;\n messageString += `Referrer email : ${workerEmail}
`;\n messageString += `Referrer organisation : ${workerOrg}
`;\n messageString += `Name : ${name}
`;\n messageString += `Acsis : ${acsis}
`;\n messageString += `DoB : ${dob}
`;\n messageString += `Sex : ${sex}
`;\n messageString += `Ethnicity : ${ethnicity}
`;\n messageString += `Acsis : ${acsis}
`;\n messageString += `Address line 1 : ${addressl1}
`;\n messageString += `Address line 2 : ${addressl2}
`;\n messageString += `Postcode : ${addressPostcode}
`;\n messageString += `Contact Number : ${contactNumber}
`;\n messageString += `Next of Kin Name : ${nokName}
`;\n messageString += `Next of Kin Contact number : ${nokContactNumber}
`;\n messageString += `Next of Kin Email : ${nokEmail}
`;\n messageString += `Friend or Family responder : ${friendOrFamilyBool}
`;\n messageString += `Friend or Family Name : ${fofName}
`;\n messageString += `Friend or Family Contact number : ${fofContactNumber}
`;\n messageString += `Friend or Family Email: ${fofEmail}
`;\n messageString += `Key Safe : ${existingKeySafe}
`;\n messageString += `Pets : ${pets}
`;\n messageString += `Existing community alarm : ${existingCommunityAlarm}
`;\n messageString += `Name of telecare provider : ${providerOfExistingTelecare}
`;\n let requestBody = {\n MessageString: messageString,\n MessageHTML: messageString,\n Targets: ['assistivetechnology@hertfordshire.gov.uk'],\n Subject: `${acsis} - Referral Form`,\n ACSIS: parseInt('' + acsis)\n };\n let payload = {\n Payload: requestBody\n };\n await fetch('/api/referralForm', {\n method: 'POST',\n body: JSON.stringify(requestBody),\n headers: {\n 'Content-Type': 'application/json'\n }\n }).then((res) => {\n if (res.ok) {\n toast.success('Referral form sent successfully');\n props.setReferralState(1);\n return;\n }\n toast.error('Unable to submit referral form, please try again later');\n }).catch((error) => {\n console.log(error);\n toast.error('Unable to submit referral form, please try again later');\n });\n setSubmit(false);\n }\n }\n submitForm();\n }, [submit]);\n return (React.createElement(\"div\", { className: \"window__referral\" },\n React.createElement(\"div\", { className: \"referral__referralContainer corners shadow\" },\n React.createElement(\"div\", { className: \"referral__headlineContainer\" },\n React.createElement(\"h1\", null, \"Assistive Technology Referral Form\")),\n React.createElement(\"div\", { className: \"referral__contentContainer\" },\n React.createElement(\"div\", { className: \"referral__consentSection\" },\n React.createElement(\"div\", { className: \"referral__consentDocument corners\" },\n React.createElement(\"h3\", { className: \"referral__consentDocumentText\" }, \" In order to be part of the Assistive technology study residents must have capacity to consent.\"),\n React.createElement(\"h3\", { className: \"referral__consentDocumentText\" }, \" Please confirm that this resident has been given information regarding the study and an explanation on how the sensor will collect information regarding their daily lives. They need to understand that activity data will be collected and analysed as part of this study.\"),\n React.createElement(\"h3\", { className: \"referral__consentDocumentText\" }, \" Please confirm that this resident lives in East Herts, Dacorum, Hertsmere Broxbourne or Stevenage. \")),\n React.createElement(SingleLineWrappedinput, { entryName: \"Full name of referrer: \", placeholderText: \"\", value: workerName, setValue: setWorkerName, styleProp: { marginBottom: '10px' }, editable: consentProvided !== true }),\n React.createElement(SingleLineWrappedinput, { entryName: \"Date of referral: \", placeholderText: \"DD/MM/YYYY\", value: consentDate, setValue: setConsentDate, editable: consentProvided !== true }),\n React.createElement(ConsentButton, { setConsent: setConsentProvided, dependancies: [workerName, consentDate], consent: consentProvided, consentText: ['I confirm that the Resident has capacity to consent to being part of the study and has been given information regarding the technology being provided', 'I confirm that the Resident lives alone in East Herts, Dacorum, Hertsmere Broxbourne or Stevenage.'] }),\n React.createElement(\"h3\", { className: \"referral__consentDocumentText\" },\n \"Should the resident's capacity to the pilot change, please inform the AT team at the following email address: \",\n React.createElement(\"br\", null),\n \" AssistiveTechnology@hertfordshire.gov.uk\")),\n consentProvided === true ?\n React.createElement(\"div\", { className: \"referral__formSection\" },\n React.createElement(\"div\", { className: \"referral__spacerline\" }),\n React.createElement(\"h2\", { className: \"referral__consentDocumentText\" }, \"Referrer Details\"),\n React.createElement(\"div\", { className: \"referral__formRow\" },\n React.createElement(SingleLineWrappedinput, { entryName: \"Contact number: \", placeholderText: \"\", value: workerContactNumber, setValue: setWorkerContactNumber, styleProp: { marginBottom: '10px' }, editable: validity !== true }),\n React.createElement(SingleLineWrappedinput, { entryName: \"Organisation / Team: \", placeholderText: \"\", value: workerOrg, setValue: setWorkerOrg, styleProp: { marginBottom: '10px' }, editable: validity !== true })),\n React.createElement(\"div\", { className: \"referral__formRow\" },\n React.createElement(SingleLineWrappedinput, { entryName: \"Email address: \", placeholderText: \"\", value: workerEmail, setValue: setWorkerEmail, styleProp: { marginBottom: '10px' }, editable: validity !== true })),\n React.createElement(\"div\", { className: \"referral__spacerline\" }),\n React.createElement(\"h2\", { className: \"referral__consentDocumentText\" }, \"Basic Resident Information\"),\n React.createElement(\"div\", { className: \"referral__formRow\" },\n React.createElement(SingleLineWrappedinput, { entryName: \"Name: \", placeholderText: \"\", value: name, setValue: setName, styleProp: { marginBottom: '10px' }, editable: validity !== true }),\n React.createElement(SingleLineWrappedinput, { entryName: \"Acsis reference: \", placeholderText: \"\", value: acsis, setValue: setacsis, styleProp: { marginBottom: '10px' }, editable: validity !== true })),\n React.createElement(\"div\", { className: \"referral__formRow\" },\n React.createElement(SingleLineWrappedinput, { entryName: \"Date of birth: \", placeholderText: \"\", value: dob, setValue: setDob, styleProp: { marginBottom: '10px' }, editable: validity !== true }),\n React.createElement(SingleLineWrappedinput, { entryName: \"Contact number: \", placeholderText: \"\", value: contactNumber, setValue: setContactNumber, styleProp: { marginBottom: '10px' }, editable: validity !== true })),\n React.createElement(\"div\", { className: \"referral__formRow\" },\n React.createElement(SingleLineWrappedDropDown, { entryName: \"Sex: \", value: sex, setValue: setSex, styleProp: { marginBottom: '10px' }, options: [\n 'select one',\n 'Male',\n 'Female',\n 'Transgender',\n \"Don't know\",\n 'Prefer not to say'\n ] }),\n React.createElement(SingleLineWrappedDropDown, { entryName: \"Ethnicity: \", value: ethnicity, setValue: setEthnicity, styleProp: { marginBottom: '10px' }, options: [\n 'select one',\n 'White (English, Scottish, NI, Welsh)',\n 'White (Irish)',\n 'White (Gypsy or Irish Traveller)',\n 'Any other white background',\n 'Mixed white and black Caribbean',\n 'Mixed white and black African',\n 'Mixed white and Asian',\n 'Asian, Asian British, Indian',\n 'Asian, Asian British, Pakistani',\n 'Asian, Asian British, Bangladeshi',\n 'Asian, Asian British, Chinese',\n 'Any other Asian background',\n 'Black African Caribbean, black British African',\n 'Black African Caribbean, black British Caribbean',\n 'Any other black African background',\n 'Other ethnic group Arab',\n 'Other ethnic group',\n \"Don't know\",\n 'Prefernot to say',\n 'test',\n ] })),\n React.createElement(\"div\", { className: \"referral__spacerline\", style: { marginTop: '40px', marginBottom: '25px' } }),\n React.createElement(\"h2\", { className: \"referral__consentDocumentText\" }, \" Resident Address\"),\n React.createElement(\"div\", { className: \"referral__formRow\" },\n React.createElement(SingleLineWrappedinput, { entryName: \"Address line 1: \", placeholderText: \"\", value: addressl1, setValue: setAddressl1, styleProp: { marginBottom: '10px' }, editable: validity !== true })),\n React.createElement(\"div\", { className: \"referral__formRow\" },\n React.createElement(SingleLineWrappedinput, { entryName: \"Address line 2: \", placeholderText: \"\", value: addressl2, setValue: setAddressl2, styleProp: { marginBottom: '10px' }, editable: validity !== true }),\n React.createElement(SingleLineWrappedinput, { entryName: \"Postcode: \", placeholderText: \"\", value: addressPostcode, setValue: setAddressPostcode, styleProp: { marginBottom: '10px' }, editable: validity !== true })),\n React.createElement(\"div\", { className: \"referral__spacerline\", style: { marginTop: '40px', marginBottom: '25px' } }),\n React.createElement(\"h2\", { className: \"referral__consentDocumentText\" }, \"Next of Kin Information\"),\n React.createElement(\"div\", { className: \"referral__formRow\" },\n React.createElement(SingleLineWrappedinput, { entryName: \"Name: \", placeholderText: \"\", value: nokName, setValue: setNokName, styleProp: { marginBottom: '10px' }, editable: validity !== true }),\n React.createElement(SingleLineWrappedinput, { entryName: \"Contact number: \", placeholderText: \"\", value: nokContactNumber, setValue: setNokContactNumber, styleProp: { marginBottom: '10px' }, editable: validity !== true })),\n React.createElement(\"div\", { className: \"referral__formRow\" },\n React.createElement(SingleLineWrappedinput, { entryName: \"Email: \", placeholderText: \"\", value: nokEmail, setValue: setNokEmail, styleProp: { marginBottom: '10px' }, editable: validity !== true })),\n React.createElement(\"div\", { className: \"referral__spacerline\", style: { marginTop: '40px', marginBottom: '25px' } }),\n React.createElement(\"h2\", { className: \"referral__consentDocumentText\" }, \"Family or friend Carer\"),\n React.createElement(\"h3\", { className: \"referral__consentDocumentText\" }, \"Does the resident have a family/friend contact that will respond to alerts? \"),\n React.createElement(\"div\", { className: \"referral__formRow\" },\n React.createElement(SingleLineWrappedDropDown, { entryName: \"Familty/Friend contact: \", value: friendOrFamilyBool, setValue: setFriendOrFamilyBool, styleProp: { marginBottom: '10px' }, options: [\n 'select one',\n 'Yes, the resident has a family or friend carer that will respond to alerts',\n 'No, the resident does not have a familty or friend carer that will respond to alerts',\n ] }),\n React.createElement(SingleLineWrappedinput, { entryName: \"Name: \", placeholderText: \"\", value: fofName, setValue: setFofName, styleProp: friendOrFamilyBool === \"Yes, the resident has a family or friend carer that will respond to alerts\" ? { marginBottom: '10px' } : { marginBottom: '10px', opacity: 0.3 }, editable: validity !== true })),\n React.createElement(\"div\", { className: \"referral__formRow\" },\n React.createElement(SingleLineWrappedinput, { entryName: \"Email: \", placeholderText: \"\", value: fofEmail, setValue: setFofEmail, styleProp: friendOrFamilyBool === \"Yes, the resident has a family or friend carer that will respond to alerts\" ? { marginBottom: '10px' } : { marginBottom: '10px', opacity: 0.3 }, editable: validity !== true }),\n React.createElement(SingleLineWrappedinput, { entryName: \"Contact number: \", placeholderText: \"\", value: fofContactNumber, setValue: setFofContactNumber, styleProp: friendOrFamilyBool === \"Yes, the resident has a family or friend carer that will respond to alerts\" ? { marginBottom: '10px' } : { marginBottom: '10px', opacity: 0.3 }, editable: validity !== true })),\n React.createElement(\"div\", { className: \"referral__spacerline\", style: { marginTop: '40px', marginBottom: '25px' } }),\n React.createElement(\"h2\", { className: \"referral__consentDocumentText\" }, \"Personal Environment\"),\n React.createElement(\"div\", { className: \"referral__formRow\" },\n React.createElement(SingleLineWrappedDropDown, { entryName: \"Existing community alarm: \", value: existingCommunityAlarm, setValue: setExistingCommunityAlarm, styleProp: { marginBottom: '10px' }, options: [\n 'select one',\n 'Yes',\n 'No',\n 'Unknown'\n ] }),\n React.createElement(SingleLineWrappedinput, { entryName: \"Provider of existing telecare: \", placeholderText: \"\", value: providerOfExistingTelecare, setValue: setProviderOfExistingTelecare, styleProp: existingCommunityAlarm === \"Yes\" ? { marginBottom: '10px' } : { marginBottom: '10px', opacity: 0.3 }, editable: validity !== true })),\n React.createElement(\"div\", { className: \"referral__formRow\" },\n React.createElement(SingleLineWrappedinput, { entryName: \"Pets: \", placeholderText: \"\", value: pets, setValue: setPets, styleProp: { marginBottom: '10px' }, editable: validity !== true }),\n React.createElement(SingleLineWrappedDropDown, { entryName: \"Existing key safe: \", value: existingKeySafe, setValue: setExistingKeySafe, styleProp: { marginBottom: '10px' }, options: [\n 'select one',\n 'Yes',\n 'No',\n 'Unknown'\n ] })),\n React.createElement(ConsentButton, { setConsent: setSubmit, consent: submit, consentText: [\"Submit\"], dependancies: [\n name,\n acsis,\n dob,\n addressl1,\n addressl2,\n addressPostcode,\n contactNumber,\n nokEmail,\n nokContactNumber,\n nokName,\n friendOrFamilyBool,\n existingCommunityAlarm,\n existingKeySafe,\n ethnicity,\n sex,\n workerOrg,\n workerContactNumber,\n workerEmail\n ] }))\n : null))));\n}\nexport default ServiceUserReferral;\n","import React, { useState } from 'react';\nimport ReferralForm from './ReferralForm';\nimport RiskScoreForm from '../settingsPages/riskScore/RiskScore';\nimport './ReferralForm.css';\nexport function ReferralFormParent(props) {\n const [pageState, setPageState] = useState(0);\n const [acsisID, setAcsisID] = useState(null);\n const [cohortAllocation, setCohortAllocation] = useState(-1);\n if (pageState == 0) {\n return (React.createElement(ReferralForm, { setACSIS: setAcsisID, setReferralState: setPageState }));\n }\n else if (pageState == 1) {\n if (acsisID) {\n return (React.createElement(\"div\", { className: \"referral__riskContainer corners shadow\" },\n React.createElement(\"div\", { className: \"referral__consentDocument corners\" },\n React.createElement(\"h3\", { className: \"referral__consentDocumentText\" },\n \"Please complete the risk score form below in order to to complete your referral\",\n React.createElement(\"br\", null),\n \"If you are unable to complete the risk score form now, it can be accessed through the following link: \",\n React.createElement(\"br\", null),\n React.createElement(\"br\", null),\n React.createElement(\"a\", null, `https://datainspiredliving/dashboard/${acsisID}/settings/riskScore`))),\n React.createElement(RiskScoreForm, { acsis: acsisID, setReferralState: setPageState, setCohortAllocation: setCohortAllocation })));\n }\n else {\n return null;\n }\n }\n else if (pageState == 2) {\n return (React.createElement(\"div\", { className: \"referral__riskContainer corners shadow\" },\n React.createElement(\"div\", { className: \"referral__consentDocument corners\" },\n React.createElement(\"h3\", { className: \"referral__consentDocumentText\" },\n \" Your referral is complete\",\n React.createElement(\"br\", null),\n cohortAllocation ? (cohortAllocation === 0 ? \"Resident has been placed into the control group\" : cohortAllocation === 1 ? \"Resident has been placed into the intervention group\" : 'Please contact the Assistive Technology team for the outcome of your referral. AssistiveTechnology@hertfordshire.gov.uk') : 'Could not calculate the residents cohort allocation, please contact the Assistive Technology team at AssistiveTechnology@hertfordshire.gov.uk'))));\n }\n else {\n return null;\n }\n}\nexport default ReferralFormParent;\n","import * as React from 'react';\nimport './App.css';\nimport { Router, navigate } from \"@reach/router\";\nimport { ServiceUsers } from './components/ServiceUsers';\nimport { ServiceUserDashboard } from './components/ServiceUserDashboard';\nimport ServiceUserReferral from './components/serviceUserReferral/ReferralFormParent';\nimport { ToastContainer } from 'react-toastify';\nimport 'react-toastify/dist/ReactToastify.css';\nfunction App() {\n /*return (\n
\n \n 
\n \n Learn React\n \n \n
\n \n Edit src/App.tsx and save to reload.\n
TH-Web
\n */\n function navigateHome() {\n navigate('/');\n }\n /*\n useEffect(() => {\n async function getTokens() {\n let accessToken: any = 'No access token';\n let idToken: any = 'No access token';\n \n try {\n accessToken = await authProvider.getAccessToken();\n } catch (e) {\n accessToken = e;\n }\n \n try {\n idToken = await authProvider.getIdToken();\n } catch (e) {\n idToken = e;\n }\n console.log(accessToken);\n console.log(idToken);\n }\n console.log('Triggering token fetch');\n getTokens();\n }, []);\n */\n return (React.createElement(\"div\", { className: \"app\" },\n React.createElement(\"div\", { className: \"app__header shadow\" },\n React.createElement(\"h1\", { onClick: navigateHome, style: { cursor: \"pointer\" } },\n React.createElement(\"span\", { style: { color: '#555' } }, \"D\"),\n \"ata \",\n React.createElement(\"span\", { style: { color: '#555' } }, \"I\"),\n \"nspired \",\n React.createElement(\"span\", { style: { color: '#555' } }, \"L\"),\n \"iving\")),\n React.createElement(\"div\", { className: \"app__content\" },\n React.createElement(Router, null,\n React.createElement(ServiceUsers, { path: \"/\" }),\n React.createElement(ServiceUserDashboard, { path: \"dashboard/:acsisID/*\" }),\n React.createElement(ServiceUserReferral, { path: \"referral\" }))),\n React.createElement(ToastContainer, null)));\n}\nexport default App;\n","// This optional code is used to register a service worker.\n// register() is not called by default.\n// This lets the app load faster on subsequent visits in production, and gives\n// it offline capabilities. However, it also means that developers (and users)\n// will only see deployed updates on subsequent visits to a page, after all the\n// existing tabs open on the page have been closed, since previously cached\n// resources are updated in the background.\n// To learn more about the benefits of this model and instructions on how to\n// opt-in, read https://bit.ly/CRA-PWA\nconst isLocalhost = Boolean(window.location.hostname === 'localhost' ||\n // [::1] is the IPv6 localhost address.\n window.location.hostname === '[::1]' ||\n // 127.0.0.0/8 are considered localhost for IPv4.\n window.location.hostname.match(/^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/));\nexport function register(config) {\n if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\n // The URL constructor is available in all browsers that support SW.\n const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);\n if (publicUrl.origin !== window.location.origin) {\n // Our service worker won't work if PUBLIC_URL is on a different origin\n // from what our page is served on. This might happen if a CDN is used to\n // serve assets; see https://github.com/facebook/create-react-app/issues/2374\n return;\n }\n window.addEventListener('load', () => {\n const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\n if (isLocalhost) {\n // This is running on localhost. Let's check if a service worker still exists or not.\n checkValidServiceWorker(swUrl, config);\n // Add some additional logging to localhost, pointing developers to the\n // service worker/PWA documentation.\n navigator.serviceWorker.ready.then(() => {\n console.log('This web app is being served cache-first by a service ' +\n 'worker. To learn more, visit https://bit.ly/CRA-PWA');\n });\n }\n else {\n // Is not localhost. Just register service worker\n registerValidSW(swUrl, config);\n }\n });\n }\n}\nfunction registerValidSW(swUrl, config) {\n navigator.serviceWorker\n .register(swUrl)\n .then(registration => {\n registration.onupdatefound = () => {\n const installingWorker = registration.installing;\n if (installingWorker == null) {\n return;\n }\n installingWorker.onstatechange = () => {\n if (installingWorker.state === 'installed') {\n if (navigator.serviceWorker.controller) {\n // At this point, the updated precached content has been fetched,\n // but the previous service worker will still serve the older\n // content until all client tabs are closed.\n console.log('New content is available and will be used when all ' +\n 'tabs for this page are closed. See https://bit.ly/CRA-PWA.');\n // Execute callback\n if (config && config.onUpdate) {\n config.onUpdate(registration);\n }\n }\n else {\n // At this point, everything has been precached.\n // It's the perfect time to display a\n // \"Content is cached for offline use.\" message.\n console.log('Content is cached for offline use.');\n // Execute callback\n if (config && config.onSuccess) {\n config.onSuccess(registration);\n }\n }\n }\n };\n };\n })\n .catch(error => {\n console.error('Error during service worker registration:', error);\n });\n}\nfunction checkValidServiceWorker(swUrl, config) {\n // Check if the service worker can be found. If it can't reload the page.\n fetch(swUrl, {\n headers: { 'Service-Worker': 'script' }\n })\n .then(response => {\n // Ensure service worker exists, and that we really are getting a JS file.\n const contentType = response.headers.get('content-type');\n if (response.status === 404 ||\n (contentType != null && contentType.indexOf('javascript') === -1)) {\n // No service worker found. Probably a different app. Reload the page.\n navigator.serviceWorker.ready.then(registration => {\n registration.unregister().then(() => {\n window.location.reload();\n });\n });\n }\n else {\n // Service worker found. Proceed as normal.\n registerValidSW(swUrl, config);\n }\n })\n .catch(() => {\n console.log('No internet connection found. App is running in offline mode.');\n });\n}\nexport function unregister() {\n if ('serviceWorker' in navigator) {\n navigator.serviceWorker.ready\n .then(registration => {\n registration.unregister();\n })\n .catch(error => {\n console.error(error.message);\n });\n }\n}\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\nimport * as serviceWorker from './serviceWorker';\nimport { AzureAD } from 'react-aad-msal';\nimport { authProvider } from './authProvider';\n// TODO: Turn auth on\nReactDOM.render(React.createElement(AzureAD, { provider: authProvider, forceLogin: true },\n React.createElement(App, null)), document.getElementById('root'));\n// ReactDOM.render(\n//