(null);\n\n // Effects\n useEffect(() => {\n if (todayData) {\n const formattedTodayData: any = todayData.meta.timestamps.map(() => []);\n todayData.results.forEach((r) => {\n r.values_coordinates[0].values_timestamps.forEach(\n (rvt: any, idx: number) => {\n const year = parseInt(rvt.timestamp.slice(6, 10));\n const day = parseInt(rvt.timestamp.slice(0, 2));\n const month = parseInt(rvt.timestamp.slice(3, 5)) - 1;\n const newDate = new Date(year, month, day);\n const dayOfWeek = newDate.toString().slice(0, 3);\n const newRVT = {\n advice: rvt.advice,\n advice_sensitive: rvt.advice_sensitive,\n behavioural_change: rvt.behavioural_change,\n day: dayOfWeek,\n label: rvt.label,\n species: speciesMap[r.species],\n timestamp: rvt.timestamp,\n unit: r.units || rvt.units || '',\n value: rvt.value,\n };\n formattedTodayData[idx].push(newRVT);\n },\n );\n });\n const finalPackagedTodayData = {\n data: formattedTodayData,\n species: todayData.meta.species_list,\n location: todayData.location,\n };\n setPackagedTodayData(finalPackagedTodayData);\n }\n }, [todayData]);\n\n // Need this because MA species mismatch, TODO: change MA species or create new map config\n const getCurOverlay = () => {\n const curOverlay = getSpeciesLabel()\n ? overlays.filter((ol) => ol.name === overlay)[0]\n : overlays.filter((ol) => ol.name.toLowerCase().includes('aqi'))[0];\n return curOverlay;\n };\n\n const getSpeciesColor = (val: number) => {\n const curOverlay = getCurOverlay();\n const speciesColor = colourFinder(\n curOverlay,\n stylegroups,\n thresholdTab,\n 0.9,\n overlays,\n val,\n 'mappair',\n );\n return speciesColor;\n };\n\n const getSpeciesColorArray = () => {\n const curOverlay = getCurOverlay();\n const curStylegroups = stylegroups.filter(\n (group) => group.name === thresholdTab,\n );\n if (curStylegroups.length && curOverlay) {\n const colors: string[] = [];\n const thresholds = curStylegroups[0].thresholds[curOverlay.name];\n thresholds.forEach((th) => {\n const rgb = { r: `${th.r}`, g: `${th.g}`, b: `${th.b}` };\n const color = colourConverter(rgb);\n colors.push(`#${color}`);\n });\n return colors;\n }\n return [];\n };\n\n const getSpeciesLabel = () => {\n // Empty string as AQI needs no further header\n let speciesLabel = '';\n if (userInfo.todaySpecies) {\n displayConfig.tabs.forEach((tab) => {\n tab.species.forEach((sp) => {\n if (sp.label.toLowerCase() === userInfo!.todaySpecies) {\n speciesLabel = `: ${sp.HTMLLabel}`;\n }\n });\n });\n }\n return speciesLabel;\n };\n\n const getSpeciesScore = (val: number) => {\n if (getSpeciesLabel()) {\n const speciesScore = qualityCalculator(\n val,\n overlay,\n thresholdTab,\n stylegroups,\n );\n return speciesScore;\n }\n // AQI scores are 0 based\n return val + 1;\n };\n\n const getGaugePercentage = () => {\n let aqPercentage = 0;\n if (packagedTodayData) {\n const curVal = packagedTodayData.data[curDay][0].value;\n if (typeof curVal === 'number' && curVal !== -999) {\n const aqScore = getSpeciesScore(curVal);\n if (aqScore) {\n aqPercentage = aqScore / 10;\n }\n }\n }\n return aqPercentage;\n };\n\n const handleAQ101 = (sectionId?: string) => {\n if (sectionId) {\n setAQ101Section(sectionId);\n }\n setAQ101On();\n };\n\n const handlePlaceSelection = async (placeId: string) => {\n const place = await utilsRequest.getLocationFromPlaceId(placeId);\n if (place.results.length && userInfo.today && userInfo.todaySpecies) {\n const { lat, lng } = place.results[0].geometry.location;\n const updatedTodayData = await todayDataPackager(userInfo.todaySpecies, [\n lat,\n lng,\n ], bearerToken);\n if (updatedTodayData) {\n setTodayData(updatedTodayData);\n }\n }\n setSearchOn(false);\n setSearch('');\n };\n\n const handleSearch = async (input: string) => {\n if (input) {\n const searchBias = [\n userInfo.minLat,\n userInfo.minLng,\n userInfo.maxLat,\n userInfo.maxLng,\n ];\n await utilsRequest.getLocationSuggestions(\n input,\n searchBias,\n (googlePredictions: GooglePlace[]) => {\n if (googlePredictions && googlePredictions.length) {\n const updatedPredictions = googlePredictions.map((gp) => ({\n description: gp.description,\n placeId: gp.place_id,\n }));\n if (updatedPredictions.length > 3) {\n updatedPredictions.length = 3;\n }\n setPredictions(updatedPredictions);\n }\n },\n );\n } else {\n setPredictions([]);\n }\n setSearch(input);\n };\n\n const handleSearchStatus = (on: boolean) => {\n if (on) {\n setSearchOn(true);\n if (inputEl.current) {\n inputEl.current.focus();\n }\n } else {\n setSearch('');\n setSearchOn(false);\n setPredictions([]);\n }\n };\n\n return (\n \n
\n {packagedTodayData &&\n packagedTodayData.data &&\n packagedTodayData.data[curDay] &&\n stylegroups.length &&\n thresholdTab &&\n overlay ? (\n <>\n
\n
\n \n
handleSearch(e.target.value)}\n placeholder=\"Search location\"\n />\n \n handleSearchStatus(false)}\n type=\"button\"\n />\n
\n \n {predictions.map((p) => (\n handlePlaceSelection(p.placeId)}\n key={p.placeId}\n >\n {formatGoogleAddress(p.description)}\n \n ))}\n \n ) : (\n <>\n )}\n \n {!searchOn ? (\n
handleSearchStatus(true)}\n >\n \n {packagedTodayData.location.desc}\n \n \n handleSearchStatus(true)} />\n
\n \n ) : (\n <>\n )}\n
\n
\n {translate('ForecastHeader')}\n {parse(getSpeciesLabel())}\n \n
\n {packagedTodayData.data.map((td: any, idx: number) => (\n
setCurDay(idx)}\n key={`${td[0].day}-${idx}`}\n className={`forecast-item ${\n idx === curDay ? 'active' : ''\n }`}\n >\n {td[0].day}
\n \n \n {typeof td[0].value === 'number' && td[0].value !== -999\n ? getSpeciesScore(td[0].value)\n : 'NA'}\n
\n \n
\n
\n {translate('PollutionHeader')}\n {parse(getSpeciesLabel())}\n \n
\n
\n
\n `${parseInt(v) / 10}`}\n textColor=\"#1d1e30\"\n style={{ height: 100, width: 220 }}\n colors={getSpeciesColorArray()}\n />\n
\n
\n
\n
\n
{translate('AdviceHeader')} \n
\n Take our{' '}\n handleAQ101()}>intro on Air Quality {' '}\n to learn more about the impacts of pollution and how you can\n help.\n
\n
\n {userInfo.todayCustomInfo\n ? userInfo.todayCustomInfo.customTitle\n : translate('BehaviourHeader')}\n \n
\n
\n {parse(packagedTodayData.data[curDay][0].behavioural_change)}{' '}\n
\n {userInfo.todayCustomInfo ? (\n
\n {userInfo.todayCustomInfo.preText}{' '}\n \n handleAQ101(userInfo.todayCustomInfo!.spanSectionLink)\n }\n >\n {userInfo.todayCustomInfo.spanText}\n {' '}\n {userInfo.todayCustomInfo.postText}\n
\n ) : (\n <>\n )}\n
\n
{translate('HealthAdviceHeader')} \n
\n
\n Find guidance on the health effects of air pollution in our{' '}\n handleAQ101('HealthEffects')}>\n guide\n \n .\n
\n {packagedTodayData.data[curDay][0].advice !== 'N/A' ? (\n
{parse(packagedTodayData.data[curDay][0].advice)}
\n ) : (\n <>\n )}\n
\n
\n Welcome to MyAir® . Please take a moment to follow\n this tour to get started.\n
\n ),\n style: stepStyle,\n // push to the main page to start the tour\n },\n {\n selector: '[data-user-tour=\"step-1\"]',\n position: 'center',\n content: () => (\n \n The Product Inventory displays the devices you have available to you\n and their statuses. Here you can update the names of devices.\n
\n ),\n action: () => handleProductInventory(),\n style: stepStyle,\n },\n\n {\n selector: '[data-user-tour=\"step-2\"]',\n position: 'center',\n content: () => (\n \n Click on one of your devices to select it on the interactive map.\n
\n ),\n action() {\n handleAQIndexTabSwitch();\n },\n style: stepStyle,\n },\n\n {\n selector: '[data-user-tour=\"step-3\"]',\n position: 'center',\n content: () => (\n \n The map and devices are all colour-coded by pollution level using\n the selected colourscale.\n
\n ),\n style: stepStyle,\n },\n\n {\n selector: '[data-user-tour=\"step-4\"]',\n position: 'center',\n content: () => (\n \n Switch between key pollutants in the Pollutant menu.\n
\n ),\n action() {\n tourCloseAQColorscaleIndex();\n tourOpenAQDataIndex();\n },\n style: stepStyle,\n },\n\n {\n selector: '[data-user-tour=\"step-5\"]',\n position: 'center',\n content: () => (\n \n Measurement Data shows a summary of the last hourly averages for the\n selected device as well as regional weather information.\n
\n ),\n style: stepStyle,\n },\n\n {\n selector: '.map-layers-group img',\n position: 'center',\n content: () => (\n \n You can access additional map layers and overlays with the Layers\n menu.\n
\n ),\n style: stepStyle,\n },\n\n {\n selector: '[data-user-tour=\"step-7\"]',\n position: 'center',\n content: () => (\n \n Click anywhere on the map to get modelled air quality data and to\n create a Virtual Zephyr. Virtual Zephyrs act like an air-quality\n sensor but are powered by our air quality models.\n
\n ),\n style: stepStyle,\n },\n\n {\n selector: '[data-user-tour=\"step-8\"]',\n position: 'center',\n content: () => (\n \n The Analysis tab provides tools to view and interrogate your data,\n whereas Alerts let you set notifications when sensors hit selected\n values.\n
\n ),\n style: stepStyle,\n },\n\n {\n selector: '[data-user-tour=\"step-9\"]',\n position: 'center',\n content: () => (\n \n Each tab has its own tour in the Help menu, including this one.\n Check them out as you explore the MyAir platform.\n
\n ),\n style: stepStyle,\n },\n\n // push to the data tab for the data portion of the tour\n // ...(location.pathname === '/' || location.pathname === '/internal'\n // ? [\n // {\n // selector: '',\n // content: '',\n // action: () => history.push(routePaths.data),\n // },\n // ]\n // : [\n // // Data tab journey from / pathname\n // {\n // selector: '.tourChart',\n // content: () => (\n // \n // The chart visualises data over time for your selected Zephyr\n // with a default of hourly averaged data for the last 48 hours.\n //
\n // ),\n // action: () => handleFiltersHeaderScroll(),\n // },\n // {\n // selector: '.tourUnitList',\n // content: () => (\n // \n // The unit list shows which units are plotted on the chart. You\n // can overplot up to 5 units by dragging and dropping them from\n // the Product Inventory tab.\n //
\n // ),\n // },\n // {\n // selector: '.tourPeriodSwitch',\n // content: () => (\n // \n // View data for different time periods including custom periods.\n //
\n // ),\n // },\n // {\n // selector: '.tourAveragingSwitch',\n // content: () => (\n // \n // Select different time averaging options.\n //
\n // ),\n // },\n // {\n // selector: '.tourSpeciesSwitch',\n // content: () => (\n // \n // Toggle between different species as well as temperature and\n // humidity.\n //
\n // ),\n // },\n // {\n // selector: '.tourDataDownload',\n // content: () => (\n // \n // Data downloads are available via CSV or KML.\n //
\n // ),\n // },\n // {\n // selector: '',\n // content: () => (\n // \n // Tour complete! Click the Help menu to view\n // the tour again.\n //
\n // ),\n // },\n // ]),\n ];\n\n const maxSteps = '10';\n\n return (\n {}}\n // prevButton={
}\n lastStepNextButton={Finish
}\n badgeContent={(curr) => `${curr}/${maxSteps}`}\n // Styles\n accentColor=\"#4e73c3\"\n rounded={3}\n />\n );\n },\n);\n\nconst mapStateToProps = (state) => ({\n alertsOn: state.alerts.on,\n appLoading: state.getZephyrs.loading,\n asideOn: state.aside.on,\n dataConfig: state.dataConfig,\n mappAirOn: state.showAQMALayer.showOverlayLayer,\n openTour: state.tour.openTour,\n showTour: state.setUserConfig.showTour,\n userInfo: state.auth.userInfo,\n zephyrList: state.getZephyrs.zephyrs,\n bearerToken: state.auth.bearerToken,\n});\n\nconst mapDispatchToProps = (dispatch) =>\n bindActionCreators(\n {\n closeAside,\n closeTour,\n getZephyrData,\n mappAirFilters,\n openAside,\n showOverlayLayer,\n startTour,\n tourCloseAQColorscaleIndex,\n tourCloseAQDataIndex,\n tourCloseAsideFilter,\n tourOpenAQColorscaleIndex,\n tourOpenAQDataIndex,\n tourOpenAsideFilter,\n setUnitLocation,\n setZephyr,\n tourCloseHelp,\n tourCloseLocationSearch,\n tourOpenHelp,\n tourOpenLocationSearch,\n tourMapClick,\n tourCloseModelDataIndex,\n tourOpenModelDataIndex,\n },\n dispatch,\n );\n\nexport default connect(mapStateToProps, mapDispatchToProps)(UserTour);\n","import { SpeciesExtentIdentifiers, Zephyr } from \"../interface\";\n\ntype ErrorMessage = string;\n\ninterface SubTableErrorMessages {\n noLocation: ErrorMessage,\n noSlotSpecies: ErrorMessage,\n noExternalSensorsConnected: ErrorMessage,\n noBatteryChargeInformation: ErrorMessage\n};\n\nconst errorMessages: SubTableErrorMessages = {\n noLocation: 'No Information',\n noSlotSpecies: '-',\n noExternalSensorsConnected: 'None',\n noBatteryChargeInformation: 'No Information'\n};\n\nconst extractSlotSpecies = (species: SpeciesExtentIdentifiers[]) => {\n let speciesText = '';\n const filteredSpecies = species.filter((s: string) => s !== 'BT' && s !== 'BRH');\n for (let i = 0; i < filteredSpecies.length; i++) {\n if (i < filteredSpecies.length - 1) speciesText += `${filteredSpecies[i]}, `;\n if (i === filteredSpecies.length - 1) speciesText += filteredSpecies[i];\n }\n return speciesText;\n};\n\nconst tableSubRowGenerator = (zephyr: Zephyr) => {\n const hasSlotASpecies = zephyr.type === 0 ? zephyr.slotsInfo.slotA && zephyr.slotsInfo.slotA.species : null;\n const hasSlotBSpecies = zephyr.type === 0 ? zephyr.slotsInfo.slotB && zephyr.slotsInfo.slotB.species : null;\n const slotASpecies = zephyr.type === 0 ? zephyr.slotsInfo.slotA?.species : null;\n const slotBSpecies = zephyr.type === 0 ? zephyr.slotsInfo.slotB?.species : null;\n const hasZephyrLocation = zephyr.location;\n const hasPowerMode = zephyr.type === 0 || zephyr.type === 100 ? zephyr.SampPeriod ? zephyr.SampPeriod : null : null;\n const powerMode = hasPowerMode ? hasPowerMode > 7 && hasPowerMode < 20 ? 'High Power' : hasPowerMode >= 50 && hasPowerMode < 60 ? 'Normal Power' : 'Low Power' : 'Low Power';\n const externalSensorsConnected = zephyr.type === 0 ? zephyr.HasMetStation ? 'Met Station' : errorMessages.noExternalSensorsConnected : errorMessages.noExternalSensorsConnected;\n return (\n `\n \n
Zephyr ${zephyr.zNumber} \n
\n \n GPS Setting: \n \n ${hasZephyrLocation ? hasZephyrLocation : errorMessages.noLocation} \n \n \n \n External Sensors Connected: \n \n ${externalSensorsConnected} \n \n \n \n Slot A Species: \n \n ${!hasSlotASpecies ?\n errorMessages.noSlotSpecies : extractSlotSpecies(slotASpecies!)} \n \n \n \n Slot B Species: \n \n ${!hasSlotBSpecies ?\n errorMessages.noSlotSpecies : extractSlotSpecies(slotBSpecies!)} \n \n \n \n Power Mode: \n \n ${hasPowerMode ? powerMode : 'Low Power'} \n \n \n
\n
,\n slotsRef: React.MutableRefObject,\n batteryPercentageRef: React.MutableRefObject,\n lastConnectedRef: React.MutableRefObject,\n filterTableData: () => void,\n};\n\n\nconst FleetManagementFilter = ({ sampIntervalRef, slotsRef, batteryPercentageRef, lastConnectedRef, filterTableData }: FleetManagementFilterProps) => {\n return (\n <>\n {/* Filter by: \n \n Zephyrs: \n \n All \n \n {availableZephyrTypes && extractAvailableZephyrTypes()}\n
*/}\n < div className=\"table-checkboxes issues-filter-options\" >\n Filter by issues: \n \n No sampling interval \n \n\n \n No slots \n \n\n \n {`Battery <= 25%`} \n \n\n \n {`Last connection (>24hrs)`} \n \n \n \n )\n};\n\nexport default FleetManagementFilter;","import html2canvas from 'html2canvas';\nimport React from 'react';\nimport { CSVLink } from 'react-csv';\nimport { csvHeaders } from '../../utils/consts';\n\ninterface FleetManagementGeneratorProps {\n tableData: any[],\n table: React.MutableRefObject,\n csvOption: boolean | null,\n setCsvOption: Function,\n};\n\nconst FleetManagementGenerator = ({ tableData, table, csvOption, setCsvOption }: FleetManagementGeneratorProps) => {\n\n const updateCsvOption = (event: any) => {\n if (!csvOption && event.target.value === 'cur-entries') { setCsvOption(true); return; }\n setCsvOption(false);\n };\n\n const tableToCSV = () => {\n var csv_data: any = [];\n\n const getTable = document.getElementById('table_id');\n var rows = getTable!.getElementsByTagName('tr');\n for (var i = 0; i < rows.length; i++) {\n if (rows[i].classList.contains('odd') || rows[i].classList.contains('even') || rows[i].querySelector('.sorting') !== null) {\n // Get each column data\n var cols = rows[i].querySelectorAll('th, td');\n // Stores each csv row data\n var csvrow = [];\n for (var j = 0; j < cols.length; j++) {\n // Get the text data of each cell of a row and push it to csvrow\n if (!cols[j].classList.contains('dt-control')) csvrow.push(cols[j].innerHTML);\n }\n // Combine each column value with comma\n csv_data.push(csvrow.join(\",\"));\n }\n }\n // combine each row data with new line character\n csv_data = csv_data.join('\\n');\n downloadCSVFile(csv_data);\n };\n\n const downloadCSVFile = (csv_data: any) => {\n\n let CSVFile = new Blob([csv_data], { type: \"text/csv\" });\n var temp_link = document.createElement('a');\n temp_link.download = \"Fleet_Management.csv\";\n var url = window.URL.createObjectURL(CSVFile);\n temp_link.href = url;\n\n temp_link.style.display = \"none\";\n document.body.appendChild(temp_link);\n\n temp_link.click();\n document.body.removeChild(temp_link);\n };\n\n\n const exportAsPNG = async (element: any, imageFileName: string) => {\n const canvas = await html2canvas(element);\n const image = canvas.toDataURL(\"image/png\", 1.0);\n downloadImage(image, imageFileName);\n };\n\n const downloadImage = (blob: any, fileName: any) => {\n const temp_link = window.document.createElement(\"a\");\n temp_link.style.display = 'none';\n temp_link.download = fileName;\n temp_link.href = blob;\n document.body.appendChild(temp_link);\n temp_link.click();\n document.body.removeChild(temp_link);\n temp_link.remove();\n };\n\n const processTableDataForCSV = () => {\n const processedData = tableData.map((v) => {\n const lastIdx = v.length - 1;\n return v.slice(1, lastIdx);\n });\n processedData.unshift(csvHeaders);\n return processedData;\n };\n\n return (\n \n
\n
\n Generate CSV By: \n Current Entries \n All Entries \n \n
{csvOption === false ? Generate CSV : Generate CSV } \n
{ exportAsPNG(table.current, 'fleet-management_table') }} className='table-screenshot-button prompt-button'>Take Screenshot \n
\n
\n}\n\nconst FleetManagementHeaders = ({ table }: FleetManagementHeadersProps) => {\n\n const extractBottomHeaders = () => {\n return csvHeaders.map((csvHeader: string, idx: number) => {csvHeader} );\n };\n\n return (\n \n \n \n \n \n
\n )\n};\n\nexport default FleetManagementHeaders;","import React, { useState, useEffect, useRef } from 'react';\nimport DataTable, { Api } from 'datatables.net';\nimport {\n SlotsInfo,\n Zephyr,\n Loading,\n ReduxState,\n ZephyrTypes,\n} from '../../utils/interface';\nimport '../../assets/css/elements/table.css';\nimport {\n csvHeaders,\n FleetManagementAvailableSpecies,\n gaseousSlots,\n} from '../../utils/consts';\nimport utilsRequest from '../../utils/request';\nimport { setZephyrs } from '../../actions/zephyrs';\nimport { connect } from 'react-redux';\nimport { bindActionCreators, Dispatch } from 'redux';\nimport { tableSubRowGenerator } from '../../utils/functions/tableSubRowGenerator';\nimport moment from 'moment';\nimport FleetManagementFilter from '../view_components/FleetManagementFilter';\nimport FleetManagementGenerator from '../view_components/FleetManagementGenerator';\nimport FleetManagementHeaders from '../view_components/FleetManagementHeaders';\nimport { useLocation } from 'react-router';\n\ninterface FleetManagementProps {\n zephyrs: Zephyr[];\n setZephyrs: Function;\n loading: Loading;\n bearerToken: string | null;\n}\n\ninterface ZephyrType {\n type: string;\n label: string;\n checked: boolean;\n zType: number;\n}\n\ninterface InitState {\n tableData: any[];\n fleetTable: Api | null;\n tableDataToUse: any[] | null;\n availableZephyrTypes: ZephyrType[] | any[];\n defaultAllZephyrs: boolean;\n csvOption: boolean | null;\n};\n\nconst initState: InitState = {\n tableData: [],\n fleetTable: null,\n tableDataToUse: null,\n availableZephyrTypes: [],\n defaultAllZephyrs: true,\n csvOption: null,\n};\n\nlet isExpandButtonClicked = false;\n\nconst FleetManagement = ({\n zephyrs,\n setZephyrs,\n loading,\n bearerToken,\n}: FleetManagementProps) => {\n // States\n const [tableData, setTableData] = useState(initState.tableData);\n const [fleetTable, setFleetTable] = useState(initState.fleetTable);\n const [tableDataToUse, setTableDataToUse] = useState(\n initState.tableDataToUse,\n );\n const [availableZephyrTypes, setAvailableZephyrTypes] = useState(\n initState.availableZephyrTypes,\n );\n const [defaultAllZephyrs, setDefaultAllZephyrs] = useState(\n initState.defaultAllZephyrs,\n );\n const [csvOption, setCsvOption] = useState(initState.csvOption);\n\n // Refs\n const sampIntervalRef = useRef(null);\n const slotsRef = useRef(null);\n const batteryPercentageRef = useRef(null);\n const lastConnectedRef = useRef(null);\n const table = useRef(null);\n\n // Consts\n const location = useLocation();\n\n // Effects\n\n useEffect(() => {\n if (location.pathname.includes('fleetManagement') && isExpandButtonClicked)\n isExpandButtonClicked = false;\n }, [location.pathname]);\n\n useEffect(() => {\n const filteredZephyrs = omitHistoricMappings();\n const zephyrsData = filteredZephyrs\n .filter((z: Zephyr) => z.type === 0)\n .map((z: Zephyr) => {\n const zNumber = z.zNumber ? z.zNumber : '-';\n const alias = z.alias ? z.alias : '-';\n const lat = z.latitude ? parseFloat(z.latitude).toFixed(4) : '-';\n const lon = z.longitude ? parseFloat(z.longitude).toFixed(4) : '-';\n const transmissionInterval =\n 'transmissionInterval' in z && z.transmissionInterval\n ? z.transmissionInterval\n : '-';\n const sampPeriod = z.SampPeriod ? z.SampPeriod : 'Not Sampling';\n const slotAName = z.slotA_SN ? z.slotA_SN : 'Empty';\n const slotBName = z.slotB_SN ? z.slotB_SN : 'Empty';\n const batteryCharge =\n z.batteryCharge && typeof z.batteryCharge === 'number'\n ? z.batteryCharge\n : 'No Information';\n const lastConnected = z.lastConnectionDT\n ? moment(z.lastConnectionDT, 'YYYY-MM-DDZHH:mm:ss').format(\n 'YYYY-MM-DD HH:mm',\n )\n : 'No Information';\n return [\n null,\n zNumber,\n alias,\n `${lat}, ${lon}`,\n // transmissionInterval,\n sampPeriod,\n `Slot A: ${slotAName} | Slot B: ${slotBName}`,\n batteryCharge,\n lastConnected,\n { type: z.type },\n ];\n });\n if (!isExpandButtonClicked) setTableData(zephyrsData);\n }, [zephyrs]);\n\n useEffect(() => {\n const table: Api = new DataTable('#table_id', {\n columns: [\n {\n className: 'dt-control',\n orderable: false,\n data: null,\n defaultContent: '',\n },\n { title: csvHeaders[0] },\n { title: csvHeaders[1] },\n { title: csvHeaders[2] },\n { title: csvHeaders[3] },\n { title: csvHeaders[4] },\n { title: csvHeaders[5] },\n { title: csvHeaders[6] },\n ],\n data: tableDataToUse === null ? tableData : tableDataToUse,\n ordering: true,\n info: true,\n stateSave: true,\n order: [[1, 'asc']],\n });\n setFleetTable(table);\n // Extra step to do extra clean-up.\n return () => {\n table.destroy();\n };\n }, [tableData, tableDataToUse]);\n\n const filterTableData = () => {\n const sampIntervalChecked = (sampIntervalRef.current as any).checked;\n const slotsChecked = (slotsRef.current as any).checked;\n const batteryPercentageChecked = (batteryPercentageRef.current as any)\n .checked;\n const lastConnected = (lastConnectedRef.current as any).checked;\n if (\n !sampIntervalChecked &&\n !slotsChecked &&\n !batteryPercentageChecked &&\n !lastConnected &&\n defaultAvailableZephyrType()\n ) {\n setTableDataToUse(null);\n return;\n }\n const filteredData = getFilteredTableData(\n sampIntervalChecked,\n slotsChecked,\n batteryPercentageChecked,\n lastConnected,\n );\n filteredData && filteredData.length !== tableData.length\n ? setTableDataToUse(filteredData)\n : setTableDataToUse(null);\n };\n\n useEffect(() => {\n if (!loading.aurnLastHour && !loading.initApp && !loading.zephyrLastHour) {\n if (fleetTable) {\n const fleetManagementTable = document.getElementById('table_id');\n fleetManagementTable?.addEventListener('click', toggleRow);\n getAvailableZephyrTypes();\n return () => {\n fleetManagementTable?.removeEventListener('click', toggleRow);\n };\n }\n }\n }, [loading, fleetTable]);\n\n useEffect(() => {\n const defaultZephyrType = defaultAvailableZephyrType();\n setDefaultAllZephyrs(defaultZephyrType);\n }, [availableZephyrTypes]);\n\n const omitHistoricMappings = () => {\n const filteredZephyrsArray = zephyrs.filter(\n (value, index, self) =>\n index === self.findIndex((t) => t.zNumber === value.zNumber),\n );\n return filteredZephyrsArray;\n };\n\n const getAvailableZephyrTypes = () => {\n const filteredZephyrTypes = FleetManagementAvailableSpecies.speciesMap.filter(\n (sm) =>\n !(\n (sm.type === 'zephyr' &&\n !zephyrs.filter((z) => z.type === 0).length) ||\n (sm.type === 'aurn' && !zephyrs.filter((z) => z.type === 1).length) ||\n (sm.type === 'virtual' &&\n !zephyrs.filter((z) => z.type === ZephyrTypes.virtual).length)\n ),\n );\n setAvailableZephyrTypes(filteredZephyrTypes);\n };\n\n const extractAvailableZephyrTypes = () => {\n return (availableZephyrTypes as any[]).map((t, idx) => (\n \n {\n filterByZephyrType(idx);\n }}\n />\n {t.label} \n \n ));\n };\n\n const setAllZephyrsOption = () => {\n if (!defaultAvailableZephyrType()) {\n const copyAvailableZephyrTypes = [...availableZephyrTypes];\n copyAvailableZephyrTypes.forEach((t) => {\n if (t.checked) t.checked = false;\n });\n setAvailableZephyrTypes(copyAvailableZephyrTypes);\n }\n filterTableData();\n };\n\n const filterByZephyrType = (idx: number) => {\n const copyAvailableZephyrTypes = [...availableZephyrTypes];\n copyAvailableZephyrTypes[idx].checked = !copyAvailableZephyrTypes[idx]\n .checked;\n setAvailableZephyrTypes(copyAvailableZephyrTypes);\n filterTableData();\n };\n\n const defaultAvailableZephyrType = () => {\n if (!availableZephyrTypes) return true;\n const checkedOptionsArr = availableZephyrTypes.filter(\n (t) => t.checked === true,\n );\n if (checkedOptionsArr.length > 0) return false;\n return true;\n };\n\n const validateCheckedButtons = (obj: any, data: any[]) => {\n if (obj.checked && obj.idx === 7)\n return data[obj.idx] <= 25 || data[obj.idx] === obj.emptyValue;\n if (obj.checked && obj.idx === 8) {\n const hours =\n data[obj.idx] !== 'No Information'\n ? moment().diff(moment(data[obj.idx]), 'hours')\n : null;\n return hours !== null ? hours >= 24 : data[obj.idx] === obj.emptyValue;\n }\n if (obj.checked) return data[obj.idx] === obj.emptyValue;\n return true;\n };\n\n const getFilteredTableData = (\n sampIntervalChecked: boolean,\n slotsChecked: boolean,\n batteryPercentageChecked: boolean,\n lastConnected: boolean,\n ) => {\n const tableDataCopy = [...tableData];\n const checkedButtons = {\n sampInterval: {\n idx: 4,\n checked: sampIntervalChecked,\n emptyValue: 'Not Sampling',\n },\n slots: {\n idx: 5,\n checked: slotsChecked,\n emptyValue: 'Slot A: Empty | Slot B: Empty',\n },\n batteryCharge: {\n idx: 6,\n checked: batteryPercentageChecked,\n emptyValue: 'No Information',\n },\n lastTimeConnected: {\n idx: 7,\n checked: lastConnected,\n emptyValue: 'No Information',\n },\n };\n const filteredDataByZephyr = getFiltredTableDataByZephyr(tableDataCopy);\n const filteredData =\n defaultAvailableZephyrType() ||\n filteredDataByZephyr?.length === 0 ||\n filteredDataByZephyr?.length === tableDataCopy.length\n ? tableDataCopy.filter((data: any[]) => {\n return (\n validateCheckedButtons(checkedButtons.sampInterval, data) &&\n validateCheckedButtons(checkedButtons.slots, data) &&\n validateCheckedButtons(checkedButtons.batteryCharge, data) &&\n validateCheckedButtons(checkedButtons.lastTimeConnected, data)\n );\n })\n : filteredDataByZephyr?.filter((data: any[]) => {\n return (\n validateCheckedButtons(checkedButtons.sampInterval, data) &&\n validateCheckedButtons(checkedButtons.slots, data) &&\n validateCheckedButtons(checkedButtons.batteryCharge, data) &&\n validateCheckedButtons(checkedButtons.lastTimeConnected, data)\n );\n });\n return filteredData;\n };\n\n const getZephyrCheckBoxState = (zephyrType: number) => {\n const zephyrExist = availableZephyrTypes.some(\n (z) => z.zType === zephyrType,\n );\n if (!zephyrExist) return true;\n const indexOfZephyrObj = availableZephyrTypes.findIndex(\n (z) => z.zType === zephyrType,\n );\n if (!availableZephyrTypes[indexOfZephyrObj].checked) return false;\n return availableZephyrTypes[indexOfZephyrObj].zType;\n };\n\n const getFiltredTableDataByZephyr = (tableDataCopy: any[]) => {\n if (!availableZephyrTypes) return;\n const filteredData = tableDataCopy.filter((data: any[]) => {\n const actualZephyr = getZephyrCheckBoxState(0);\n const vZephyr = getZephyrCheckBoxState(100);\n const aurn = getZephyrCheckBoxState(1);\n return (\n data[6].type === actualZephyr ||\n data[6].type === vZephyr ||\n data[6].type === aurn\n );\n });\n return filteredData;\n };\n\n const getCurrentZephyr = (tr: HTMLElement) => {\n const zephyrZNumber = parseInt(tr.children[1].innerHTML);\n return zephyrs.find((z: Zephyr) => z.zNumber === zephyrZNumber);\n };\n\n const setUnitCartridgeData = async (unit: Zephyr) => {\n if (!unit.slotsInfo) {\n const packagedSlotsInfo: SlotsInfo = {\n slotA: null,\n slotB: null,\n };\n if (!unit.userEndTimeDate) {\n for await (const gS of gaseousSlots) {\n const slotSerial = unit[`${gS.label}_SN`];\n if (slotSerial) {\n const slotInfo = await utilsRequest.getCartridge(\n slotSerial,\n bearerToken,\n );\n if (slotInfo) {\n packagedSlotsInfo[gS.label] = slotInfo;\n }\n }\n }\n }\n const copyZephyrsList = [...zephyrs];\n const newData = copyZephyrsList.find((z) => z.id_pod === unit.id_pod);\n if (newData) newData.slotsInfo = packagedSlotsInfo;\n setZephyrs(copyZephyrsList);\n }\n };\n\n const updateCartridgeData = async (z: Zephyr) => {\n if (z && z.type === 0 && !z.slotsInfo) {\n isExpandButtonClicked = true;\n await setUnitCartridgeData(z);\n }\n };\n\n const toggleRow = async (event: any) => {\n if (\n event.target.className.includes('dt-control') &&\n !event.target.className.includes('sorting_disabled') &&\n fleetTable\n ) {\n const toggleRowButton = event.target;\n const tr = toggleRowButton.closest('tr');\n if (!tr) return;\n const row = (fleetTable as any).row(tr);\n if (row.child.isShown() || tr.className.includes('dt-hasChild')) {\n row.child.hide();\n if (isExpandButtonClicked) isExpandButtonClicked = false;\n return;\n }\n const zephyr = getCurrentZephyr(tr);\n await updateCartridgeData(zephyr!);\n row.child(tableSubRowGenerator(zephyr!)).show();\n }\n };\n\n return (\n \n \n {\n
\n { \n );\n};\n\n// Redux\nconst mapStateToProps = (state: ReduxState) => ({\n loading: state.loading,\n bearerToken: state.auth.bearerToken,\n});\n\nconst mapDispatchToProps = (dispatch: Dispatch) =>\n bindActionCreators(\n {\n setZephyrs,\n },\n dispatch,\n );\n\nexport default connect(mapStateToProps, mapDispatchToProps)(FleetManagement);\n","// Type Imports\nimport { Zephyr } from '../interface';\n\n/* Function\nDESC: zephyrSorter maps the returned Zephyr API call to a new array of Zephyrs and processes them \n through sorter(see above function)\nARGS: A Zephyr object returned from the Zephyr API\n*/\nconst zephyrSorter = (units: Zephyr[], isPublic: boolean) => {\n const filteredUnits = units.filter(\n (u) => !isPublic || u.type !== 0 || !u.userEndTimeDate,\n );\n filteredUnits.sort((a: Zephyr, b: Zephyr) => {\n if (a.type === b.type) {\n if (a.type === 0) {\n if (a.userEndTimeDate === null && b.userEndTimeDate !== null) {\n return -1;\n }\n if (a.userEndTimeDate !== null && b.userEndTimeDate === null) {\n return 1;\n }\n if (a.alias && b.alias) {\n return a.alias < b.alias ? -1 : 1;\n }\n if (a.alias) {\n return -1;\n }\n if (b.alias) {\n return 1;\n }\n return a.zNumber < b.zNumber ? -1 : 1;\n }\n if (a.type === 1) {\n return a.location < b.location ? -1 : 1;\n }\n } else if (a.type !== b.type) {\n return a.type === 0 ? -1 : 1;\n }\n return 0;\n });\n return filteredUnits;\n};\n\nconst sortAnArrayOfZephyrsByName = (arrOfZephyrs: any[]) => {\n const copyArrOfZephyrs = [...arrOfZephyrs]\n return copyArrOfZephyrs.sort((a, b) => a.name.localeCompare(b.name));\n};\n\nexport { zephyrSorter, sortAnArrayOfZephyrsByName };\n","// These need to changed from hardcoded FE to be retrieved from the MappAir API on a per user basis\nconst aqiBands: { NO2: number; PM2p5: number;[key: string]: number }[] = [\n { NO2: 0, PM2p5: 0 },\n { NO2: 5, PM2p5: 4 },\n { NO2: 15, PM2p5: 8 },\n { NO2: 25, PM2p5: 12 },\n { NO2: 35, PM2p5: 16 },\n { NO2: 45, PM2p5: 20 },\n { NO2: 55, PM2p5: 24 },\n { NO2: 70, PM2p5: 30 },\n { NO2: 100, PM2p5: 40 },\n { NO2: 150, PM2p5: 70 },\n];\n\n/* ===== Function =====\n@DESC: aqiCalculator returns a calculated AQI score based on aqiBands\n@ARGS: a value or null for NO2, a value of null for Pm2p5\n*/\n\nconst aqiBandsObjPopulator = (aqiBandsArr: any) => {\n const aqiBandsObj: { [key: string]: number }[] = [];\n for (let i = 0; i < aqiBandsArr.length; i++) {\n const { species, bands } = aqiBandsArr[i];\n const formattedSpecie = species === 'no2' ? 'NO2' : 'PM2p5';\n for (let j = 0; j < bands.length; j++) {\n const { band_lower_limit } = bands[j];\n aqiBandsObj[j] = 'band' in bands[j] ? { ...aqiBandsObj[j], [formattedSpecie]: band_lower_limit, band: bands[j].band } : { ...aqiBandsObj[j], [formattedSpecie]: band_lower_limit };\n }\n }\n return aqiBandsObj;\n};\n\nconst aqiCalculator = (NO2: number | null, PM2p5: number | null, aqiBandsArr: any) => {\n let AQIMax = null;\n const aqiSpeciesConfig: {\n name: string;\n value: number | null;\n AQI: number;\n }[] = [\n { name: 'NO2', value: NO2, AQI: 0 },\n { name: 'PM2p5', value: PM2p5, AQI: 0 },\n ];\n const aqiSpecies: any[] = aqiSpeciesConfig.filter(\n (aSC) => typeof aSC.value === 'number',\n );\n if (aqiSpecies.length) {\n const updatedAqiBands = aqiBandsArr ? aqiBandsObjPopulator(aqiBandsArr) : aqiBands;\n AQIMax = 0;\n for (let i = 0; i < aqiSpecies.length; i++) {\n while (AQIMax <= updatedAqiBands.length - 1) {\n if (updatedAqiBands[AQIMax][aqiSpecies[i].name] <= aqiSpecies[i].value) {\n AQIMax += 1;\n }\n else {\n break;\n }\n }\n }\n }\n return AQIMax;\n};\n\nexport default aqiCalculator;\n","import React, { useEffect, useState } from 'react';\nimport DataTable, { Api } from 'datatables.net';\nimport { CSVLink } from 'react-csv';\nimport { getAuth } from '../../utils/functions/getAuth';\nimport { APIPaths, config, corsProxyURL, countryCodes } from '../../utils/consts';\nimport * as Sentry from '@sentry/react'\n\ninterface SmsGroupAlertsProps {\n tableData: any,\n setTableData: Function,\n csvData: any,\n setCsvData: Function,\n fileName: string | null,\n setFileName: Function,\n bearerToken: string | null,\n}\n\nconst validFileExtensions = [\".csv\"];\nconst AlertsEndpoint = `${config.alertsAPI}${APIPaths.airAlertsApi}v2/alert`;\nconst PutAlertsEndpoint = `${config.alertsAPI}${APIPaths.airAlertsApi}v2/alert/csv`;\n\n///Gets active alerts for a user in a CSV style format\nconst GetAlertsAsCsv = async (bearerToken: string) => {\n try {\n \n let requestOptions: any = {\n method: 'GET',\n headers: { 'Content-Type': 'text/csv', 'Authorization': `Bearer ${bearerToken}` },\n credentials: 'omit'\n }\n \n return await fetch(AlertsEndpoint, requestOptions);\n } catch (e) {\n alert('Server error or missing mandatory CSV titles! Please double-check your CSV content! If your mandatory CSV titles meet the requirements, please contact us at support@earthsense.co.uk');\n return;\n }\n}\n\n///Adds alerts based on the csv file provided\nconst AddAlertsAsCSV = async(bearerToken: string, files: any) => {\n //const files = (document.getElementById('files') as any).files;\n if (files.length > 0) {\n let file = files[0];\n\n //The es-reset header tells the alerts api to create a new record rather than update the existing one\n let requestOptions: any = {\n method: 'PUT',\n headers: { 'Content-Type': 'text/csv', 'Authorization': `Bearer ${bearerToken}`, 'es-reset': 'true' },\n body: file,\n credentials: 'omit'\n };\n\n return await fetch(PutAlertsEndpoint, requestOptions);\n }\n}\n\nconst SmsGroupAlerts = ({ tableData, setTableData, csvData, setCsvData, fileName, setFileName, bearerToken }: SmsGroupAlertsProps) => {\n\n useEffect(() => {\n readCsvOnLoad();\n }, []);\n\n useEffect(() => {\n if (tableData) {\n const table: Api = new DataTable('#table_id5', {\n columns: [ {title: 'Address'}, { title: \"Phone Number\"} ],\n data: [...tableData.slice(1, tableData.length)],\n lengthMenu: [1000],\n retrieve: true,\n searching: true,\n scrollY: \"500\",\n });\n // Extra step to do extra clean-up.\n return () => {\n table.destroy()\n };\n }\n }, [tableData]);\n\n const getExtension = (inputID: any, extentionsArray: string[]) => {\n const fileName = (document.getElementById(inputID) as any).value;\n return (new RegExp('(' + extentionsArray.join('|').replace(/\\./g, '\\\\.') + ')$')).test(fileName);\n };\n\n const csvToArray = (text: any) => {\n let p = '', row = [''], ret = [row], i = 0, r = 0, s = !0, l;\n for (l of text) {\n if ('\"' === l) {\n if (s && l === p) row[i] += l;\n s = !s;\n } else if (',' === l && s) l = row[++i] = '';\n else if ('\\n' === l && s) {\n if ('\\r' === p) row[i] = row[i].slice(0, -1);\n row = ret[++r] = [l = '']; i = 0;\n } else row[i] += l;\n p = l;\n }\n return ret;\n };\n\n const uploadNewCsv = async() => {\n const files = (document.getElementById('files') as any).files;\n if(files && files.length > 0) {\n //TODO: this should really be strongly typed or globally verifiable in some way. Probably need some sort of redirect in place if it doesn't exist anymore\n if (bearerToken){\n AddAlertsAsCSV(bearerToken, files).then((x) => {\n if(x){\n if (x?.status >= 200 && x?.status < 300) {\n readCsvOnLoad();\n }else{\n x?.text().then((x2) => {\n alert(x2)\n })\n }\n }else{\n alert('Something has gone wrong uploading your alerts.')\n Sentry.captureException( {\n 'Message': 'Brill place alerts has received an unexpected answer when uploading a new csv',\n 'DNS': AlertsEndpoint,\n 'request information': x\n })\n }\n });\n }\n }\n }\n \n const getAlertsAsCSV = async () => {\n //TODO: see todo above\n if(bearerToken){\n return GetAlertsAsCsv(bearerToken)\n }\n }\n \n const readCsvOnLoad = async() => {\n getAlertsAsCSV().then((x) => {\n if(x){\n x?.text().then((x2) => {\n csvData = csvToArray(x2)\n let customerCsvData: string[][] = [];\n const tableData: any = [{ title: 'Phone Number' }];\n const flatNumberIndex = csvData[0].indexOf(csvData[0].find((header: string) => header === 'Address'));\n const phoneNumberIndex = csvData[0].indexOf(csvData[0].find((header: string) => header === 'PhoneNumber'));\n if (flatNumberIndex < 0 || phoneNumberIndex < 0) {\n return;\n //throw new Error(\"Missing headers from get alerts csv response\")\n }\n customerCsvData.push(['Address', 'PhoneNumber'])\n csvData.slice(1, csvData.length).forEach((el: string[]) => {\n if (el.length > 1) {\n let phoneNumber = el[phoneNumberIndex];\n let address = el[flatNumberIndex]\n customerCsvData.push([address, phoneNumber]);\n let hashedPhoneNumber = phoneNumber.slice(0, 4)\n for (let i = 0; i < 7; i++){\n hashedPhoneNumber += '*';\n }\n //console.log(hashedPhoneNumber);\n hashedPhoneNumber += phoneNumber.slice(phoneNumber.length - 3, phoneNumber.length);\n tableData.push([address, hashedPhoneNumber]);\n }\n });\n setCsvData(customerCsvData);\n setTableData(tableData);\n })\n }\n }, (x2) => {\n Sentry.captureException( {\n 'Message': 'Brill place alerts has experienced an unexpected answer from get alerts csv',\n 'DNS': AlertsEndpoint,\n 'Request Info': x2\n })\n });\n }\n\n return (\n \n \n
\n
Upload New List \n
{\n if (!getExtension('files', validFileExtensions)) { alert(\"Unsupported file format!\"); return; }\n await uploadNewCsv();\n }}\n />\n {fileName && File loaded: {fileName}
}\n \n
\n Download Current List Download CSV Template \n
\n
\n {!tableData &&\n
\n
No list uploaded yet.
\n
\n }\n {tableData &&
}\n
\n
User Instructions: \n
Download the CSV template or the existing CSV using the buttons above. Open the CSV in Notepad (recommended) or Excel. The template will be blank except for the column headers.
\n
If using Excel, highlight the first two columns and change the data format to \"Text\", either by using the toolbar or by right clicking and selecting \"Format Cells\". If using Notepad, add commas after each address and phone number.
\n
Enter phone numbers and addresses into the table. Ensure to include country codes and the international calling prefix for all numbers. Do not include any additional symbols or spaces. +441162967460
\n
To ensure adherence to GDPR regulations please do not record any personal information other than flat number and phone number.
\n
Save the CSV to your computer, then select \"Upload New List\". Select the CSV from your file browser and upload. An error message will display if any of the phone numbers are invalid.
\n
All mobile numbers on the current list will be notified of pollution alerts. The pollution alerts will be inline with the agreed contract. The MyAir account holder is responsible for ensuring that recipients identity is kept safe and that user credentials are only shared with those authorised to use the system.
\n
For any questions or bug reports, please contact the EarthSense Support Team at support@earthsense.co.uk .
\n
\n
\n )\n};\n\nexport default SmsGroupAlerts;","import { Stack } from '@mui/system';\nimport React, { useEffect, useState } from 'react';\nimport { connect } from 'react-redux';\nimport styled from 'styled-components';\nimport { ReduxState, Zephyr } from '../../utils/interface';\n\ninterface AnalyticsProgressBarProps {\n requests: number;\n zephyrs: Zephyr[];\n}\n\nconst Wrapper = styled.div`\n position: absolute;\n top: 275px;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 50%;\n text-align: center;\n background: #fff;\n border-radius: 16px;\n padding: 24px;\n`;\n\nconst ProgressBarWrapper = styled.div`\n position: relative;\n width: 100%;\n height: 50px;\n border-radius: 8px;\n border: 1px solid rgba(0, 0, 0, 0.2);\n overflow: hidden;\n`;\n\nconst ProgressBar = styled.div`\n display: block;\n height: 100%;\n background-color: #4e73b7;\n transition: all 0.3s ease-in-out;\n`;\n\nconst AnalyticsProgressBar = ({\n requests,\n zephyrs,\n}: AnalyticsProgressBarProps) => {\n const [progressWidth, setProgressWidth] = useState(0);\n const selectedZephyrs = zephyrs.filter((zephyr: Zephyr) => zephyr.isSelected);\n const widthChunk = parseInt((100 / selectedZephyrs.length) as any);\n const currentChunk = widthChunk * (requests + 1);\n\n const getRandomIntFromRange = (min: number, max: number) => {\n min = Math.ceil(min);\n max = Math.floor(max);\n return Math.floor(Math.random() * (max - min + 1) + min);\n };\n\n const updateProgressStateWhenResponseArrives = () => {\n setProgressWidth((width: number) => {\n const newWidth = width + getRandomIntFromRange(1, 3);\n return newWidth >= 100 ? 99 : newWidth;\n });\n };\n\n const increaseProgressBarPercentage = () => {\n if (requests === 0) {\n if (progressWidth >= widthChunk) {\n setProgressWidth(widthChunk);\n return;\n }\n updateProgressStateWhenResponseArrives();\n return;\n }\n if (progressWidth < widthChunk * requests) {\n setProgressWidth(widthChunk * requests);\n return;\n }\n if (progressWidth >= currentChunk) {\n setProgressWidth(currentChunk);\n return;\n }\n updateProgressStateWhenResponseArrives();\n };\n\n useEffect(() => {\n if (progressWidth < 99) {\n if (requests === selectedZephyrs.length) {\n setProgressWidth(100);\n return;\n }\n const interval = setInterval(increaseProgressBarPercentage, 300);\n return () => {\n clearInterval(interval);\n };\n }\n }, [requests, progressWidth]);\n\n return (\n \n \n Loading...\n \n \n \n \n {parseInt(progressWidth)}%
\n \n \n );\n};\n\nconst mapStateToProps = (state: ReduxState) => ({\n zephyrs: state.getZephyrs.zephyrs,\n requests: state.unitHistoriesOptions.requests,\n});\n\nexport default connect(mapStateToProps, {})(AnalyticsProgressBar);\n","import React from 'react';\n\ninterface ComparisonTooltipProps {\n setIsWarningTooltipOpened: Function;\n setErrorZephyr: Function;\n};\n\nconst ComparisonTooltip: React.FC = ({ setIsWarningTooltipOpened, setErrorZephyr }) => {\n\n const closeTooltip = () => {\n setIsWarningTooltipOpened(false);\n setErrorZephyr(null);\n };\n\n return (\n \n
\n
Device limit reached
\n
\n \n
\n
\n
Remove a device to add another to comparison.
\n
4 out of 4 \n
\n
(null);\n const [isAtStart, setIsAtStart] = useState(true);\n const [isAtEnd, setIsAtEnd] = useState(false);\n const [isDragging, setIsDragging] = useState(false);\n const [startX, setStartX] = useState(0);\n const [scrollLeft, setScrollLeft] = useState(0);\n const [zephyrsDataCounts, setZephyrsDataCounts] = useState({\n zephyrsCount: 0,\n virtualZephyrsCount: 0,\n aurnsCount: 0,\n });\n const [isWarningTooltipOpened, setIsWarningTooltipOpened] = useState(false);\n const [errorZephyr, setErrorZephyr] = useState(null);\n\n const selectedZephyrs =\n ['deviceView', 'comparisonView'].includes(selectedView) ? getSelectedZephyrs() : networkViewUnitList;\n\n const dispatch = useDispatch();\n const openWidgetsLibrary = (stateSetter: boolean) => { dispatch(setIsWidgetLibraryVisible(stateSetter)) };\n\n const debouncedCalculatePrevNextVisibility = useCallback(\n debounce(() => {\n if (!carouselRef.current) return;\n calculatePrevNextVisibility();\n }, 250),\n [],\n );\n\n useEffect(() => {\n const carousel = carouselRef.current;\n if (!carousel) return;\n setIsAtEnd(\n carousel.scrollWidth - carousel.offsetWidth <= carousel.scrollLeft,\n );\n\n window.addEventListener('resize', debouncedCalculatePrevNextVisibility);\n window.addEventListener('scroll', debouncedCalculatePrevNextVisibility);\n\n return () => {\n window.removeEventListener(\n 'resize',\n debouncedCalculatePrevNextVisibility,\n );\n window.removeEventListener(\n 'scroll',\n debouncedCalculatePrevNextVisibility,\n );\n };\n }, [carouselRef?.current, debouncedCalculatePrevNextVisibility]);\n\n useEffect(() => {\n if (selectedView === 'networkView' && networkViewUnitList.length) {\n const counts = {\n zephyrsCount: 0,\n virtualZephyrsCount: 0,\n aurnsCount: 0,\n };\n\n networkViewUnitList.forEach((item: Zephyr) => {\n switch (item.type) {\n case 0:\n counts.zephyrsCount += 1;\n break;\n case 1:\n counts.aurnsCount += 1;\n break;\n case 100:\n counts.virtualZephyrsCount += 1;\n break;\n }\n });\n\n setZephyrsDataCounts(counts);\n }\n }, [networkViewUnitList, selectedView]);\n\n const handleMouseDown = (e: React.MouseEvent) => {\n const carousel = carouselRef.current as HTMLDivElement | null | any;\n if (!carousel) return;\n setIsDragging(true);\n setStartX(e.pageX - carousel.offsetLeft);\n setScrollLeft(carousel.scrollLeft);\n calculatePrevNextVisibility();\n };\n\n const handleMouseLeave = () => {\n setIsDragging(false);\n calculatePrevNextVisibility();\n };\n\n const handleMouseUp = () => {\n setIsDragging(false);\n calculatePrevNextVisibility();\n };\n\n const handleMouseMove = (e: React.MouseEvent) => {\n if (!isDragging) return;\n const carousel = carouselRef.current;\n if (!carousel) return;\n e.preventDefault();\n const x = e.pageX - carousel.offsetLeft;\n const walk = (x - startX) * 1; // Adjust the scroll speed\n\n requestAnimationFrame(() => {\n const carousel = carouselRef.current;\n if (!carousel) return;\n carousel.scrollLeft = scrollLeft - walk;\n });\n };\n\n const calculatePrevNextVisibility = () => {\n const carousel = carouselRef.current as HTMLDivElement | null | any;\n if (!carousel) return;\n setIsAtStart(carousel.scrollLeft === 0);\n setIsAtEnd(\n carousel.scrollWidth - carousel.offsetWidth <= carousel.scrollLeft,\n );\n };\n\n const handleScroll = () => {\n calculatePrevNextVisibility();\n };\n\n const handleNext = (e: React.MouseEvent) => {\n e.stopPropagation();\n const carousel = carouselRef.current;\n if (!carousel) return;\n carousel.scrollLeft += carousel.offsetWidth;\n calculatePrevNextVisibility();\n };\n\n const handlePrev = (e: React.MouseEvent) => {\n e.stopPropagation();\n const carousel = carouselRef.current;\n if (!carousel) return;\n carousel.scrollLeft -= carousel.offsetWidth;\n calculatePrevNextVisibility();\n };\n\n const getPointerEvents = (zephyr: Zephyr) => {\n if (selectedView && selectedView === 'comparisonView') {\n if (comparisonViewZephyrs.length === 4) {\n return comparisonViewZephyrs.find((z: Zephyr) => z.name === zephyr.name) ? 'initial' : 'none';\n }\n return 'initial';\n }\n return undefined; // Or any default value you prefer\n };\n\n const getIcon = (zephyr: any) => {\n if (comparisonViewZephyrs.find((z: Zephyr) => z.id === zephyr.id)) {\n return \n \n }\n return \n \n };\n\n const handleComparisonZIPDownload = () => {\n const zipName = generateCSVName(unitHistories, 'test', selectedWeatherZephyr, selectedView);\n getComparisonViewCSV().then((content: any) => {\n saveAs(content, zipName);\n })\n };\n\n const handleResetDashboardToDefaultLayout = () => {\n if(!userInfo.isPublic) {\n setLayouts((prevLayouts: any) => {\n return selectedView === 'deviceView' ?\n { ...prevLayouts, deviceView: defaultDeviceView, deviceViewLayout: defaultDeviceViewLayout } : selectedView === 'networkView' ?\n { ...prevLayouts, networkView: defaultNetworkView, networkViewLayout: defaultNetworkViewLayout } :\n { ...prevLayouts, comparisonView: defaultComparisonView, comparisonViewLayout: defaultComparisonViewLayout };\n })\n if (selectedView === 'deviceView' || selectedView === 'networkView') {\n setScatterChartsCounter((sCC: any) => {\n return {\n ...sCC, [selectedView]: selectedView === 'deviceView' ? { gasWidget: 1, particulateWidget: 1, thpWidget: 1, wsdWidget: 1 } : { networkGasWidget: 1, networkParticulateWidget: 1 }\n }\n });\n }\n }\n };\n\n if (!selectedZephyrs?.length) return null;\n return (\n \n
\n
\n {!userInfo.isPublic && ) =>\n setSelectedView(e.target.value)\n }\n className=\"view-selector no-style\"\n >\n Device view \n Network view \n Comparison view \n */}\n {!isAtStart && (\n \n
) =>\n e.stopPropagation()\n }\n >\n \n \n {['deviceView', 'comparisonView'].includes(selectedView) ? (\n selectedZephyrs.map((zephyr: Zephyr, i: number) => (\n
\n z.id === zephyr.id,\n )) ||\n (selectedView === 'deviceView' &&\n zephyr?.id === selectedWeatherZephyr?.id)\n ? 'selected'\n : ''\n }`}\n key={i}\n onClick={() => {\n if (selectedView === 'comparisonView') {\n if (\n comparisonViewZephyrs.length === 4 &&\n !comparisonViewZephyrs.find(\n (z: Zephyr) => z.id === zephyr.id,\n )\n ) {\n !isWarningTooltipOpened &&\n setIsWarningTooltipOpened(true);\n if (+zephyr.id !== errorZephyr)\n setErrorZephyr(+zephyr.id);\n return;\n }\n isWarningTooltipOpened &&\n setIsWarningTooltipOpened(false);\n typeof errorZephyr === 'number' && setErrorZephyr(null);\n }\n handleFilterBarUpdates(selectedView, zephyr);\n }}\n >\n {zephyr.name} \n {selectedView === 'comparisonView' && getIcon(zephyr)}\n \n {!isAtEnd && (\n
\n
) =>\n e.stopPropagation()\n }\n >\n \n \n )}\n\n
\n
\n \n
\n \n\n {selectedView !== 'comparisonView' && !userInfo.isPublic && (\n \n { openWidgetsLibrary(true); }}>\n
\n \n \n
\n \n
\n {selectedView !== 'comparisonView' ? (\n
\n \n \n \n
{pluralize(zephyrsCount, 'Zephyr')} |
\n
{pluralize(virtualZephyrsCount, 'Virtual Zephyr')} |
\n
{pluralize(aurnsCount, 'AURN')}
\n
) => {\n const newView = event.target.value as ChartViewMode\n dispatch(setChartViewMode(newView));\n }\n\n const selectedView = useSelector((state: ReduxState) => state.selectedChartViewMode)\n\n return (\n \n Device view \n Network view \n Comparison view \n \n )\n}\n\nconst CustomSelect = styled(Select)`\n font-size: 14px;\n background-color: #e2e8f0;\n min-width: 160px;\n border-radius: 2px;\n\n & [role=\"combobox\"] {\n padding-top: 8px;\n padding-bottom: 8px;\n font-weight: 600;\n }\n\n & .MuiOutlinedInput-notchedOutline {\n border: none;\n }\n`\n\nconst CustomMenuItem = styled(MenuItem)`\n font-size: 14px;\n`","import React from 'react';\nimport AnalyticsFeedbackForm from '../view_components/AnalyticsFeedbackForm';\nimport FeedbackTag from '../view_components/FeedbackTag';\nimport Modal from './Modal';\n\nexport default function FeedbackFormModal() {\n const [showModal, setShowModal] = React.useState(false);\n const toggleModal = () => setShowModal(!showModal);\n\n return (\n <>\n \n
\n \n );\n}\n","import moment from 'moment';\nimport React, { useEffect, useState } from 'react';\nimport { connect, useDispatch, useSelector } from 'react-redux';\nimport { Dispatch, bindActionCreators } from 'redux';\nimport { closeAside, openAside } from '../../actions/aside';\nimport {\n setIsCartridgeDataLoading,\n setIsViewLoaded,\n setThresholdLimits,\n setUnitHistoriesList,\n setZephyrCoveragesList,\n} from '../../actions/dataAnalytics';\nimport { setThresholds } from '../../actions/thresholdsActions';\nimport ESLogo from '../../assets/images/logo-grey.png';\nimport { thresholdLimitsInitState } from '../../reducers/dataAnalytics';\n\nimport { comparisonViewCSVGenerator, deviceCSVGenerator, summaryTableGenerator } from '../../utils/functions/saDataPackager';\n\nimport {\n Pollutant,\n ReduxState,\n ThresholdLimits,\n ThresholdsList,\n UserInfo,\n Zephyr,\n} from '../../utils/interface';\nimport AnalyticsProgressBar from '../shared_components/AnalyticsProgressBar';\nimport { FilterBar2 } from '../view_components/FilterBar/FilterBar2';\nimport Modal from '../shared_components/Modal';\n\nimport FeedbackFormModal from '../shared_components/FeedbackFormModal';\n\nimport ReactGridLayout, {\n getSelectedZephyrObj,\n getZephyrType,\n} from '../view_components/ReactGridLayout/ReactGridLayout';\nimport { ErrorBoundary } from 'react-error-boundary';\nimport JSZip from 'jszip';\nimport { setChartViewMode, ChartViewMode } from '../../actions/chartViewMode';\n\ninterface DataAnalyticsContainerProps {\n zephyrs: Zephyr[];\n unitHistories: any;\n unitHistoriesLoading: boolean;\n thresholdLimits: ThresholdLimits;\n setThresholdLimits: Function;\n asideOn: boolean;\n viewLoaded: boolean;\n setIsViewLoaded: Function;\n openAside: Function;\n closeAside: Function;\n userInfo: UserInfo;\n layouts: any;\n setLayouts: Function;\n setScatterChartsCounter: Function;\n}\n\nexport interface Series {\n name?: string;\n type?: string;\n lineStyle?: any;\n showSymbol?: boolean;\n data?: any[];\n}\n\nexport interface Options {\n headers: string[];\n timeStamps: string[];\n series: Series[];\n yAxis: any[];\n yMax: number;\n color?: string[];\n slots?: string[];\n}\n\nexport interface DefraWho {\n isSelected: boolean;\n name: string;\n}\n\nconst sliderInitState = {\n start: 0,\n end: 100,\n};\n\nexport const CSVButtonStyles = {\n display: 'flex',\n alignItems: 'center',\n width: 40,\n height: 32,\n padding: '16px 14px 13px 16px',\n border: 0,\n borderRadius: 3,\n backgroundColor: '#e1e4e6',\n cursor: 'pointer',\n};\n\nfunction FallbackError() {\n useEffect(() => {\n const timer = setTimeout(() => {\n window.location.reload();\n }, 1500)\n\n return () => clearTimeout(timer)\n }, [])\n\n return (\n \n
Oops, something went wrong...
\n
We're redirecting you now...
\n
([]);\n const [selectedPollutant, setSelectedPollutant] = useState(\n null,\n );\n const [selectedWeatherZephyr, setSelectedWeatherZephyr] = useState(null);\n const [selectedZephyrObj, setSelectedZephyrObj] = useState(null);\n const [selectedAveragingPeriod, setSelectedAveragingPeriod] = useState(\n null,\n );\n const [chartOptions, setChartOptions] = useState(null);\n const [legendsState, setLegendsState] = useState({});\n const [sliderState, setSliderState] = useState<{\n start: number;\n end: number;\n }>(sliderInitState);\n\n // const [selectedView, setSelectedView] = React.useState('deviceView');\n const selectedView = useSelector((state: ReduxState) => state.selectedChartViewMode);\n const dispatch = useDispatch();\n\n const setSelectedView = (newView: ChartViewMode) => {\n dispatch(setChartViewMode(newView));\n };\n const [networkViewUnitList, setNetworkViewUnitLIst] = React.useState(\n [],\n );\n const [comparisonViewZephyrs, setComparisonViewZephyrs] = useState<{ name: string, id: string, HasMetStation: number | null }[]>([]);\n const [loadingComparison, setLoadingComparison] = useState(true);\n const [defaultComparisonView, setDefaultComparisonView] = useState(null);\n const [defaultComparisonViewLayout, setDefaultComparisonViewLayout] = useState<{ uid: string, name: string, i: string }[] | null>(null);\n\n const thresholdsList = useSelector((state: ReduxState) => state.thresholds);\n // const dispatch = useDispatch();\n const setThresholdsList = (stateSetter: any) => {\n dispatch(setThresholds(stateSetter));\n };\n\n useEffect(() => {\n if (unitHistories && unitHistories.historiesList && unitHistories.historiesList.length > 0) {\n localStorage.setItem('plotlyLegends', JSON.stringify({\n gases: null,\n particulate: null,\n thpChartPlotly: null,\n windSpeedDirChartPlotly: null\n }))\n }\n }, [unitHistories]);\n\n useEffect(() => {\n if (unitHistories && 'historiesList' in unitHistories) {\n if (\n !selectedWeatherZephyr ||\n !unitHistories.historiesList.find(\n (unit: any) =>\n +(Object.keys(unit) as any)[0] === +selectedWeatherZephyr.id,\n )\n ) {\n setSelectedWeatherZephyr(getSelectedZephyrs()[0]);\n }\n unitHistories.historiesList.length > 1 ? setComparisonViewZephyrs([getSelectedZephyrs()[0], getSelectedZephyrs()[1]]) : setComparisonViewZephyrs([getSelectedZephyrs()[0]]);\n const pollutants = [...getSelectedPollutants()];\n pollutants[0].isSelected = true;\n setSelectedPollutants([...pollutants]);\n setSelectedPollutant(pollutants[0]);\n setLegendsState({});\n setSliderState(sliderInitState);\n }\n }, [unitHistories]);\n\n useEffect(() => {\n if (!selectedWeatherZephyr || zephyrs?.length === 0) return;\n\n if (unitHistories.historiesList && unitHistories.historiesList.length > 0 && isUnitHistoriesListUpdated()) {\n const { selectedZephyr, selectedAveragingPeriod } = getSelectedZephyrObj(\n unitHistories,\n selectedWeatherZephyr ? selectedWeatherZephyr : getSelectedZephyrs()[0],\n zephyrs,\n );\n setSelectedAveragingPeriod(selectedAveragingPeriod);\n setSelectedZephyrObj(selectedZephyr);\n }\n }, [unitHistories, zephyrs, selectedWeatherZephyr]);\n\n useEffect(() => {\n const activateView = (viewType: string) => {\n switch (selectedView) {\n case 'deviceView':\n break;\n case 'networkView':\n const allSelectedKeys = unitHistories.historiesList.map(\n (obj: any) => +Object.keys(obj)[0],\n );\n const filteredZephyrsToBeSelected = zephyrs\n .filter((zephyr) => allSelectedKeys.includes(zephyr.zNumber))\n .map((zephyr) => ({ ...zephyr, isSelected: true })); // Mapping to update isSelected\n setNetworkViewUnitLIst(filteredZephyrsToBeSelected);\n break;\n case 'comparisonView':\n break;\n }\n };\n\n if (zephyrs?.length === 0) return;\n if (unitHistories.historiesList && unitHistories.historiesList.length > 0) {\n activateView(selectedView);\n }\n }, [selectedView, unitHistories, zephyrs]);\n\n useEffect(() => {\n // Reset chart state\n if (unitHistoriesLoading === true && chartOptions) setChartOptions(null);\n }, [unitHistoriesLoading]);\n\n useEffect(() => {\n const pollutants: { [key: string]: ThresholdLimits } = {};\n for (const pollutant of selectedPollutants) {\n const { dataIdentifier } = pollutant;\n if (!thresholdsList.hasOwnProperty(dataIdentifier)) {\n pollutants[dataIdentifier] = {\n thresholds: {\n lowerThreshold: {\n title: '',\n value: null,\n },\n upperThreshold: {\n title: '',\n value: null,\n }\n },\n hidden: false\n }\n }\n }\n\n if (Object.keys(pollutants).length) setThresholdsList((list: any) => ({ ...list, ...pollutants }));\n }, [selectedPollutants]);\n\n useEffect(() => {\n if (layouts && !userInfo.isPublic) {\n const currentThresholdList = Object.keys(thresholdsList);\n const { deviceViewLayout, networkViewLayout } = layouts;\n const concatenatedLayouts = [...deviceViewLayout, ...networkViewLayout];\n const layoutsObject: { [key: string]: ThresholdLimits } = {};\n concatenatedLayouts.forEach((layout: { uid: string, name: string, i: string, threshold: boolean }) => {\n const { name: layoutName, threshold } = layout;\n if (threshold && !currentThresholdList.includes(layoutName)) {\n layoutsObject[layoutName] = {\n thresholds: {\n lowerThreshold: {\n title: '',\n value: null,\n },\n upperThreshold: {\n title: '',\n value: null,\n }\n },\n hidden: false\n }\n }\n });\n if (Object.keys(layoutsObject).length) setThresholdsList((list: any) => ({ ...list, ...layoutsObject }))\n }\n }, [layouts]);\n\n\n const getSelectedPollutants = () => {\n const { historiesList } = unitHistories;\n const unitKey = Object.keys(historiesList[0])[0];\n const { selectedPollutants } = historiesList[0][unitKey];\n return selectedPollutants;\n };\n\n const getSelectedZephyrs = () =>\n unitHistories.historiesList?.map((unit: any) => ({\n name: (Object.values(unit) as any)[0].name,\n id: (Object.keys(unit) as any)[0],\n HasMetStation: (Object.values(unit) as any)[0].HasMetStation\n }));\n\n const handleWeatherZephyrSwitching = (zephyr: { name: string, id: string, HasMetStation: number | null }) => {\n if (+zephyr.id !== +selectedWeatherZephyr.id)\n setSelectedWeatherZephyr(zephyr);\n };\n\n const getCSVData = () => {\n const currentDate = moment().format('DD/MM/YYYY');\n const formatDateStringWithoutSeperator = (datetime: moment.MomentInput) => {\n return moment(datetime, 'YYYYMMDDHHmm').format('DD/MM/YYYY HH:mm');\n };\n const getTimePeriod = (data: {\n selectedDate: { [x: string]: moment.MomentInput };\n }) =>\n `${formatDateStringWithoutSeperator(\n data.selectedDate['start'],\n )} - ${formatDateStringWithoutSeperator(data.selectedDate['end'])}`;\n\n const timestampEnding = (datetimeString: moment.MomentInput) => {\n // Parse the datetime string (assuming format 'YYYYMMDDHHMM')\n const momentDate = moment(datetimeString, 'YYYYMMDDHHmm');\n // Format the date to include local timezone information\n return momentDate.local().format('DD/MM/YYYY HH:mm');\n };\n\n const csvDataArray: any = [];\n\n if (selectedView === 'deviceView') {\n csvDataArray.push([\n `Averaging time data supplied by EarthSense on ${currentDate}`,\n ]);\n } else {\n csvDataArray.push([`Data supplied by EarthSense on ${currentDate}`]);\n }\n\n unitHistories?.historiesList?.forEach(\n (unitHistoryItem: any) => {\n for (const id in unitHistoryItem) {\n if (\n unitHistoryItem.hasOwnProperty(id) &&\n selectedZephyrObj !== null &&\n 'zNumber' in selectedZephyrObj &&\n +id === selectedZephyrObj.zNumber\n ) {\n const unitObj = unitHistoryItem[id];\n const unitType = getZephyrType(unitObj['zType']);\n\n if (selectedView === 'deviceView') {\n const zephyr = zephyrs.find((unit: Zephyr) => unit.zNumber == +id);\n const slotA_BIC = zephyr?.slotA_SN;\n const slotB_BIC = zephyr?.slotB_SN;\n // Add data header\n csvDataArray.push(\n // `Source,${unitObj['name']}`,\n ['Source', `${unitType}`],\n ['ID', `${unitType} (${id.toString()})`],\n ['Site Name', `${unitObj['name']}`],\n ['Time Period', `${getTimePeriod(unitObj)}`],\n [\n 'Timestamp',\n `${timestampEnding(\n unitObj.selectedDate['end'],\n )} Local Time Zone Code Time Ending`,\n ],\n [\n 'Averaging Period',\n `${unitObj['selectedAveragingPeriod'].labelHTML}`,\n ],\n );\n if (slotA_BIC) csvDataArray.push(['Slot A BIC', `${slotA_BIC}`])\n if (slotB_BIC) csvDataArray.push(['Slot B BIC', `${slotB_BIC}`])\n csvDataArray.push([]); // Adding an empty row\n // Exctract titles and data\n const { tableData, tableTitles } = deviceCSVGenerator(unitHistories, unitObj, +id, zephyrs, userInfo.isPublic) as { tableData: any[], tableTitles: string[] };\n csvDataArray.push(tableTitles, ...tableData);\n } else {\n csvDataArray.push(\n ['Time Period', `${getTimePeriod(unitObj)}`],\n [\n 'Timestamp',\n `${timestampEnding(\n unitObj.selectedDate['end'],\n )} Local Time Zone Code Time Ending`,\n ],\n [\n 'Averaging Period',\n `${unitObj['selectedAveragingPeriod'].labelHTML}`,\n ],\n [], // Adding an empty row\n );\n\n // Add data header2\n const { tableData, tableTitles } = summaryTableGenerator(unitHistories, zephyrs, true) as { tableData: any[], tableTitles: { title: string }[] | string[] }; // data and titles need to be in redux\n csvDataArray.push(tableTitles, ...tableData);\n }\n\n csvDataArray.push([], []); // Adding an empty rows\n }\n }\n },\n );\n csvDataArray.join('\\n');\n return csvDataArray;\n };\n\n const getComparisonViewCSV = () => {\n const currentDate = moment().format('DD/MM/YYYY');\n const formatDateStringWithoutSeperator = (datetime: moment.MomentInput) => {\n return moment(datetime, 'YYYYMMDDHHmm').format('DD/MM/YYYY HH:mm');\n };\n const getTimePeriod = (data: {\n selectedDate: { [x: string]: moment.MomentInput };\n }) =>\n `${formatDateStringWithoutSeperator(\n data.selectedDate['start'],\n )} - ${formatDateStringWithoutSeperator(data.selectedDate['end'])}`;\n\n const timestampEnding = (datetimeString: moment.MomentInput) => {\n // Parse the datetime string (assuming format 'YYYYMMDDHHMM')\n const momentDate = moment(datetimeString, 'YYYYMMDDHHmm');\n // Format the date to include local timezone information\n return momentDate.local().format('DD/MM/YYYY HH:mm');\n };\n\n let csvConstantData: string[][] = [[\n `Averaging time data supplied by EarthSense on ${currentDate}`,\n ]];\n const { historiesList } = unitHistories;\n const { selectedAveragingPeriod: { labelHTML } } = Object.values(historiesList[0])[0] as any;\n const formattedAveraginOption = `${labelHTML.split(' ')[0]}${labelHTML.toLowerCase().includes('min') ? 'min' : 'hr'}`;\n const {\n selectedDate: { start, end },\n } = historiesList[0][Object.keys(historiesList[0])[0]];\n const selectedZephyrNumbers = comparisonViewZephyrs.map((z: any) => z.id);\n const commonUnits = historiesList.filter((unit: any) => selectedZephyrNumbers.includes(Object.keys(unit)[0]));\n const zip = new JSZip();\n commonUnits.forEach((unit: any, i: number) => {\n if (i > 0) csvConstantData = [csvConstantData[0]]; // reset if selected zephyrs are more than 1\n const unitId = Object.keys(unit)[0];\n const unitObj = unit[unitId];\n const unitType = getZephyrType(unitObj['zType']);\n const zephyr = zephyrs.find((unit: Zephyr) => unit.zNumber == +unitId);\n const slotA_BIC = zephyr?.slotA_SN;\n const slotB_BIC = zephyr?.slotB_SN;\n csvConstantData.push(\n ['Source', `${unitType}`],\n ['ID', `${unitType} (${unitId.toString()})`],\n ['Site Name', `${unitObj['name']}`],\n ['Time Period', `${getTimePeriod(unitObj)}`],\n [\n 'Timestamp',\n `${timestampEnding(\n unitObj.selectedDate['end'],\n )} Local Time Zone Code Time Ending`,\n ],\n [\n 'Averaging Period',\n `${unitObj['selectedAveragingPeriod'].labelHTML}`,\n ],\n );\n if (slotA_BIC) csvConstantData.push(['Slot A BIC', `${slotA_BIC}`])\n if (slotB_BIC) csvConstantData.push(['Slot B BIC', `${slotB_BIC}`])\n csvConstantData.push([]); // Adding an empty row\n\n const { tableData, tableTitles } = comparisonViewCSVGenerator(unit, zephyrs);\n\n const csvContentArray = [...csvConstantData.map((row: any) => row.join(',')), tableTitles.join(','), ...tableData.map(row => row.join(','))];\n const csvContent = csvContentArray.join('\\n');\n\n // Add UTF-8 BOM (Byte Order Mark) at the start of the CSV content\n const utf8Bom = '\\uFEFF';\n const utf8CsvContent = utf8Bom + csvContent;\n\n // Create a blob with UTF-8 encoding\n const utf8Blob = new Blob([utf8CsvContent], { type: 'text/csv;charset=utf-8;' });\n\n // Add the blob to the zip file\n zip.file(`${unitId}_${start}_${end}_${formattedAveraginOption}.csv`, utf8Blob);\n })\n return zip.generateAsync({ type: 'blob' });\n };\n\n const isUnitHistoriesListUpdated = () => {\n return unitHistories.historiesList.find(\n (zephyr: any) => +(Object.keys(zephyr) as any)[0] === +selectedWeatherZephyr.id,\n );\n };\n\n const handleZephyrsTogglingOnComparisonView = (zephyr: { name: string, id: string, HasMetStation: number | null }) => {\n if (comparisonViewZephyrs.length === 1 && +zephyr.id === +comparisonViewZephyrs[0].id) return;\n const { id: zephyrZNumber } = zephyr;\n setComparisonViewZephyrs((zephyrList: { name: string, id: string, HasMetStation: number | null }[]) => {\n const isZephyrIn = zephyrList.find((z: { name: string, id: string, HasMetStation: number | null }) => z.id === zephyrZNumber);\n return isZephyrIn ? [...zephyrList.filter((z: { name: string, id: string, HasMetStation: number | null }) => z.id !== zephyrZNumber)] : [...zephyrList, zephyr];\n })\n };\n\n const handleFilterBarUpdates = (view: string, zephyr: { name: string, id: string, HasMetStation: number | null }) => {\n switch (view) {\n case 'deviceView':\n handleWeatherZephyrSwitching(zephyr);\n break;\n case 'comparisonView':\n handleZephyrsTogglingOnComparisonView(zephyr);\n break;\n default:\n throw new Error(\"There is an error with your filter bar\");\n }\n };\n\n useEffect(() => {\n if (unitHistories.historiesList && Array.isArray(unitHistories.historiesList) && unitHistories.historiesList.length > 0) {\n const { historiesList } = unitHistories;\n const { selectedPollutants } = historiesList[0][Object.keys(historiesList[0])[0]];\n let comparisonlayouts: { uid: string, name: string, i: string }[] = [];\n let items: { w: number, h: number, x: number, y: number, moved: boolean, static: boolean, i: string, maxH: number, minH: number, minW: number, isRemoved: boolean }[] = [];\n let counter = 0;\n const defaultItems = [];\n\n for (const pollutant of selectedPollutants) {\n const pollutantWidgetName = `${pollutant.dataIdentifier}Widget`;\n const pollutantWidget = layouts && layouts.comparisonView ? layouts.comparisonView.find((p: any) => p.i === pollutantWidgetName) : null;\n let item = {\n w: pollutantWidget ? pollutantWidget.w : 12,\n h: pollutantWidget ? pollutantWidget.h : 8,\n x: pollutantWidget ? pollutantWidget.x : 0,\n y: pollutantWidget ? pollutantWidget.y : counter * 8,\n moved: false,\n static: false,\n i: pollutantWidgetName,\n maxH: 18,\n minH: 4,\n minW: 4,\n isRemoved: pollutantWidget ? Boolean(pollutantWidget.isRemoved) : false,\n };\n let layout = {\n uid: pollutantWidgetName,\n name: pollutant.dataIdentifier,\n i: pollutantWidgetName,\n };\n defaultItems.push({ w: 12, h: 8, x: 0, y: counter * 8, moved: false, static: false, i: pollutantWidgetName, maxH: 18, minH: 4, minW: 4, isRemoved: false })\n items.push(item);\n comparisonlayouts.push(layout);\n counter++;\n }\n // update default comparison view/layout\n setDefaultComparisonView(defaultItems);\n setDefaultComparisonViewLayout(comparisonlayouts);\n\n // Set loading to true before updating states\n setLoadingComparison(true);\n setLayouts((prevLayouts: any) => {\n return { ...prevLayouts, comparisonView: items, comparisonViewLayout: comparisonlayouts }\n })\n }\n }, [unitHistories]);\n\n useEffect(() => {\n // Set loading to false when both arrays are updated\n if (layouts && layouts.hasOwnProperty('comparisonView') && layouts.comparisonView.length > 0 && layouts.comparisonViewLayout.length > 0 && loadingComparison) {\n setLoadingComparison(false);\n }\n }, [unitHistories, layouts, loadingComparison]);\n\n return (\n \n
\n\n {selectedView === 'networkView' && layouts && layouts['networkView'] && !Array.isArray(unitHistories) && unitHistories.hasOwnProperty('historiesList') && unitHistories.historiesList.length > 0 && unitHistoriesLoading === false && selectedWeatherZephyr && isUnitHistoriesListUpdated() && !userInfo.isPublic ? (\n
\n ) : null}\n\n {selectedView === 'deviceView' && layouts && layouts['deviceView'] && !Array.isArray(unitHistories) && unitHistories.hasOwnProperty('historiesList') && unitHistories.historiesList.length > 0 && unitHistoriesLoading === false && selectedWeatherZephyr && isUnitHistoriesListUpdated() ? (\n
\n ) : null}\n\n {selectedView === 'comparisonView' && layouts && layouts['comparisonView'] && selectedPollutants && !Array.isArray(unitHistories) && unitHistories.hasOwnProperty('historiesList') && unitHistories.historiesList.length > 0 && unitHistoriesLoading === false && !loadingComparison && selectedWeatherZephyr && isUnitHistoriesListUpdated() && !userInfo.isPublic ? (\n
\n ) : null}\n\n
\n }\n />\n\n {!userInfo.isPublic &&
}\n
(null);\n\n const handleAddWidget = (widget: any) => {\n setLayouts((prevLayouts: any) => {\n return { ...prevLayouts, [selectedView]: [...layouts[selectedView], { ...widget.item }], [`${selectedView}Layout`]: [...layouts[`${selectedView}Layout`], { ...widget.layout }] }\n });\n handleCloseWidgetsLibraryMenu();\n };\n\n const handleCloseWidgetsLibraryMenu = () => {\n closeWidgetsLibrary(false);\n };\n\n const getScatterChartNumber = (widgetName: string) => {\n if (selectedView === 'deviceView' && scatterChartsCounter) return widgetName.includes('gasWidget') ? scatterChartsCounter[selectedView].gasWidget : widgetName.includes('particulateWidget') ? scatterChartsCounter[selectedView].particulateWidget : widgetName.includes('thpWidget') ? scatterChartsCounter[selectedView].thpWidget : widgetName.includes('wsdWidget') ? scatterChartsCounter[selectedView].wsdWidget : null;\n if (selectedView === 'networkView' && scatterChartsCounter) return widgetName.includes('networkGasWidget') ? scatterChartsCounter[selectedView].networkGasWidget : widgetName.includes('networkParticulateWidget') ? scatterChartsCounter[selectedView].networkParticulateWidget : null;\n };\n\n useEffect(() => {\n if (selectedView === 'comparisonView') closeWidgetsLibrary(false);\n }, [selectedView]);\n\n useEffect(() => {\n const handleClickOutside = (event: MouseEvent) => {\n if (menuRef.current && !menuRef.current.contains(event.target as Node) && isWidgetLibraryVisible) handleCloseWidgetsLibraryMenu();\n };\n\n document.addEventListener(\"mousedown\", handleClickOutside);\n\n return () => {\n document.removeEventListener(\"mousedown\", handleClickOutside);\n };\n }, [menuRef, isWidgetLibraryVisible]);\n\n\n const extractWidgetTypes = () => {\n return (widgetsGenerator(layouts) as any)[selectedView].map((widget: any) => {\n const { id, title, subTitle, imageURL, item: { i: widgetName } } = widget;\n const counter = getScatterChartNumber(widgetName);\n const isDisabled = counter === scatterChartLimit;\n return (\n { if (!isDisabled) { handleAddWidget(widget); updateScatterChartNumber(setScatterChartsCounter, selectedView, widgetName, true) } }} style={{ display: 'flex', alignItems: 'flex-start', gap: 16, padding: '8px 16px', borderBottom: '1px solid #F7FAFC', cursor: isDisabled ? 'initial' : 'pointer', opacity: isDisabled ? 0.6 : 1 }}>\n
\n
\n
{title}{counter !== null && ({counter}/{scatterChartLimit}) }
\n
{subTitle}
\n
\n
}\n \n \n )\n});\n\n\n\nexport default WidgetsLibraryMenu;","import React from 'react';\nimport styled from 'styled-components';\nimport LogoMain from '../../assets/images/logo-white-text.png';\nimport { Link } from 'react-router-dom';\nimport { publicPortals, routePaths } from '../../utils/consts';\n\nconst Container = styled.div`\n position: relative;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n height: 100vh;\n background-color: #2a2c42;\n color: #fff;\n font-size: 24px;\n font-weight: bold;\n flex-direction: column;\n text-align: center;\n`;\n\nconst TextContainer = styled.div`\n display: flex;\n align-items: center;\n gap: 45px;\n margin-bottom: 4rem;\n\n @media (max-width: 576px) {\n flex-direction: column;\n gap: 25px;\n }\n`;\n\nconst Pipe = styled.div`\n width: 1px;\n height: 80px;\n background-color: #fff;\n @media (max-width: 576px) {\n display: none;\n }\n`;\n\nconst AnchorTag = styled.a`\n padding: 8px 14px;\n font-size: 2rem;\n font-weight: 600;\n color: #fff;\n background: #4e73c3;\n border-radius: 4px;\n text-decoration: none;\n`;\n\nconst NotFound = () => {\n const user = localStorage.getItem('user');\n const isPublic = user && publicPortals.find((pp: string) => pp === user);\n const hrefPath = isPublic ? `/${user}` : routePaths.app;\n const anchorText = !user ? 'Back to Login' : isPublic ? 'Back to Map' : 'Back to Location';\n\n return (\n \n \n 404
\n This page could not be found.
\n \n {anchorText} \n \n );\n};\n\nexport default NotFound;\n","// Package Imports\nimport React, { useState, useEffect, useRef } from 'react';\nimport {\n Switch,\n Route,\n Redirect,\n useHistory,\n useLocation,\n} from 'react-router-dom';\nimport { connect, useSelector } from 'react-redux';\nimport { Dispatch, bindActionCreators } from 'redux';\nimport TagManager from 'react-gtm-module';\n// Action Imports\nimport {\n loadingInitAppDataOff,\n loadingInitAppDataOn,\n loadingInitAppThirdPartyDataOff,\n loadingInitAppThirdPartyDataOn,\n loadingInitAppOff,\n loadingInitAppOn,\n logout,\n setAlerts,\n setAveragingPeriods,\n setDataConfig,\n setDisplayConfig,\n setFailedLogin,\n setFeedback,\n setPublicAdvice,\n setOverlays,\n setStylegroups,\n setThreshold,\n setTimePeriods,\n setTodayData,\n setUserConfig,\n setUserInfo,\n setVersions,\n setMasterAuthBearerToken,\n} from '../actions/auth';\nimport { queryStringParams } from '../actions/queryStringParams';\nimport { mappAirFilters, setSelectedFilters } from '../actions/mappAirFilters';\nimport { changeOverlayLayer, showOverlayLayer } from '../actions/layers';\nimport { setFeedbackOn } from '../actions/feedback';\nimport { setUnitLocation } from '../actions/locations';\nimport { setAurns, setZephyr, setZephyrs } from '../actions/zephyrs';\nimport { setAirAlerts } from '../actions/airAlerts';\n\n// Components\nimport AirAlerts from './views/AirAlerts';\nimport Alerts from './view_components/Alerts';\nimport Analytics from './views/Analytics';\nimport Data from './views/Data';\nimport Location from './views/Location';\nimport Header from './shared_components/Header';\nimport Login from './views/Login';\nimport Spinner from './shared_components/Spinner';\nimport Today from './views/Today';\nimport UserTour from './view_components/UserTour';\nimport FleetManagement from './views/FleetManagement';\n\n// Consts Imports\nimport {\n defaultLocation,\n defaultSelectedFilters,\n gaseousSlots,\n gtmEventIdentifiers,\n routePaths,\n slots,\n defaultVZephyrsConfig,\n publicPortals,\n} from '../utils/consts';\n\n// Util Imports\nimport analyticsEventFirer from '../utils/functions/analyticsEventFirer';\nimport { queryStringParser } from '../utils/functions/queryStringParser';\nimport utilsRequest from '../utils/request';\nimport { todayDataPackager } from '../utils/functions/todayDataPackager';\nimport { wideScreenFinder } from '../utils/functions/wideScreenFinder';\nimport {\n zephyrMetDataEnricher,\n zephyrMetRequestPackager,\n} from '../utils/functions/zephyrMetDataEnricher';\nimport { sortAnArrayOfZephyrsByName, zephyrSorter } from '../utils/functions/zephyrSorter';\nimport { tallScreenFinder } from '../utils/functions/tallScreenFinder';\nimport {\n current,\n subtractTimeFromNow,\n utcConvertor,\n} from '../utils/functions/dateFinder';\nimport aqiCalculator from '../utils/functions/aqiCalculator';\nimport { airAlertsApiPackager } from '../utils/functions/airAlertsInterface';\nimport { pointDataPackager } from '../utils/functions/saDataPackager';\n\n// Type Imports\nimport {\n AuthProps,\n DataConfig,\n DisplayConfig,\n Feedback,\n LocationCoordinates,\n Overlay,\n ReduxState,\n SlotsInfo,\n SpeciesDataIdentifiers,\n UrlQueryStringParams,\n UserInfo,\n Zephyr,\n ZephyrLastHourInd,\n VirtualZephyr,\n VirtualZephyrData,\n VZephyrsConfig,\n ZephyrTypes,\n LayoutItem,\n Version,\n UserConfig,\n} from '../utils/interface';\nimport { ModularFeatures } from '../reducers/modularFeatures';\nimport SmsGroupAlerts from './views/SmsGroupAlerts';\nimport DataAnalyticsContainer from './views/DataAnalyticsContainer';\nimport { compress, decompress } from 'lz-string';\nimport { setNewModularFeaturesState } from '../actions/modularFeaturesActions';\nimport { setIsCartridgeDataLoading } from '../actions/dataAnalytics';\nimport WidgetsLibraryMenu from './shared_components/WidgetsLibraryMenu';\nimport { defaultLayoutGenerator } from '../utils/functions/dataAnalytics';\nimport debounce from 'lodash.debounce';\nimport MobileNavigationMenu from './view_components/MobileNavigation/MobileNavigationMenu';\nimport NotFound from './view_components/NotFound';\nimport { is404 } from '../utils/functions/general';\n\n// Component Interfaces\ninterface InitState {\n auth: null | AuthProps;\n parsedQueryString: null | UrlQueryStringParams;\n vZephyrsConfig: VZephyrsConfig;\n isDSEEnabled: boolean;\n}\n\ninterface AppContainerProps {\n basename: string;\n dataConfig: DataConfig;\n displayConfig: DisplayConfig;\n feedback: Feedback;\n isAuthenticated: boolean;\n loading: boolean;\n loginFailed: boolean;\n loadingInitAppDataOff: Function;\n loadingInitAppDataOn: Function;\n loadingInitAppThirdPartyDataOff: Function;\n loadingInitAppThirdPartyDataOn: Function;\n loadingInitAppOff: Function;\n loadingInitAppOn: Function;\n logout: Function;\n mappAirFilters: Function;\n overlays: Overlay[];\n queryStringParams: Function;\n setAirAlerts: Function;\n setAlerts: Function;\n setAurns: Function;\n setAveragingPeriods: Function;\n setDataConfig: Function;\n setDisplayConfig: Function;\n setFailedLogin: Function;\n setFeedback: Function;\n setFeedbackOn: Function;\n setOverlays: Function;\n setPublicAdvice: Function;\n setSelectedFilters: Function;\n setStylegroups: Function;\n setThreshold: Function;\n setTimePeriods: Function;\n setTodayData: Function;\n setUnitLocation: Function;\n setUserConfig: Function;\n setUserInfo: Function;\n setVersions: Function;\n setZephyr: Function;\n setZephyrs: Function;\n showOverlayLayer: Function;\n changeOverlayLayer: Function;\n userInfo: UserInfo;\n userLoading: boolean;\n userLocation: LocationCoordinates;\n zephyrs: Zephyr[];\n zephyrSet: Boolean;\n modularFeatures: ModularFeatures;\n setMasterAuthBearerToken: Function;\n bearerToken: string | null;\n setNewModularFeaturesState: Function;\n isCartridgeDataLoading: boolean | null;\n setIsCartridgeDataLoading: Function;\n userConfig: UserConfig;\n versions: Version[];\n}\n// Init App\nconst AppContainer = ({\n basename,\n dataConfig,\n displayConfig,\n isAuthenticated,\n feedback,\n loading,\n loadingInitAppDataOff,\n loadingInitAppDataOn,\n loadingInitAppThirdPartyDataOff,\n loadingInitAppThirdPartyDataOn,\n loadingInitAppOff,\n loadingInitAppOn,\n loginFailed,\n logout,\n mappAirFilters,\n overlays,\n queryStringParams,\n setAirAlerts,\n setAlerts,\n setAurns,\n setAveragingPeriods,\n setDataConfig,\n setDisplayConfig,\n setFailedLogin,\n setFeedbackOn,\n setFeedback,\n setOverlays,\n setPublicAdvice,\n setSelectedFilters,\n setStylegroups,\n setThreshold,\n setTimePeriods,\n setTodayData,\n setUnitLocation,\n setUserInfo,\n setUserConfig,\n setVersions,\n setZephyr,\n setZephyrs,\n showOverlayLayer,\n changeOverlayLayer,\n userInfo,\n userLocation,\n userLoading,\n zephyrs,\n zephyrSet,\n modularFeatures,\n setMasterAuthBearerToken,\n bearerToken,\n setNewModularFeaturesState,\n isCartridgeDataLoading,\n setIsCartridgeDataLoading,\n userConfig,\n versions,\n}: AppContainerProps) => {\n const initState: InitState = {\n auth: null,\n parsedQueryString: null,\n vZephyrsConfig: defaultVZephyrsConfig,\n isDSEEnabled: false,\n };\n const startDate = new Date('2023-01-23T15:00:00');\n const endDate = new Date('2023-02-06T00:00:00');\n const [isBannerShowing, setIsBannerShowing] = useState(false);\n const [bannerValue, setBannerValue] = useState(null);\n const [isModalOpened, setIsModalOpened] = useState(isBannerShowing);\n const [isDSEEnabled, setIsDSEEnabled] = useState(\n initState.isDSEEnabled,\n );\n const [tableData, setTableData] = useState(null);\n const [csvData, setCsvData] = useState(null);\n const [fileName, setFileName] = useState(null);\n const [aqiBands, setAqiBands] = useState(null);\n\n // Consts\n const history = useHistory();\n const location = useLocation();\n const bannerText = [\n 'Hello from Earthsense Data Quality,',\n 'As part of our ongoing continuous improvements, we have made some adjustments to our calibration factors which will be applied to raw PM2.5 measurements. These improvements were recommended by our recent iMCERTs accreditation process. The adjustments will ensure that any Zephyr® which is currently in service and has the correct hardware version, now produces indicative MCERTS compliant PM2.5 measurements without further data processing. The adjustment will also show an improvement on data quality for Zephyrs that do not have iMCERTS compliant hardware.',\n 'The rollout for the improvements is scheduled to happen on February 1st 2023 and will be applied to all historic data.',\n 'If you’re unsure whether your hardware version is iMCERTs compliant, please get in touch with our sales team who will be happy to inform you.',\n 'Email: sales@earthsense.co.uk or; Phone: 0116 2967460 option 2',\n 'You may opt out of the scheduled improvements by emailing us at support@earthsense.co.uk. If we do not receive any correspondence informing us of the decision to opt out, we will assume that the improvements may be implemented with your data. Any questions please feel free to get in touch.',\n 'This popup message will expire on the 6th Feb 2023.',\n ];\n\n // Timers\n let timeout: ReturnType;\n let interval: ReturnType;\n\n // State\n const [authReq, setAuthReq] = useState(initState.auth);\n const [vZephyrsConfig, setVZephyrsConfig] = useState(\n initState.vZephyrsConfig,\n );\n const [screenWidth, setScreenWidth] = useState(window.innerWidth);\n const [layouts, setLayouts] = useState({ ...defaultLayoutGenerator(userInfo ? userInfo.isPublic : false, screenWidth) });\n const selectedView = useSelector((state: ReduxState) => state.selectedChartViewMode);\n const [scatterChartsCounter, setScatterChartsCounter] = useState(null);\n\n // Refs\n const dataConfigRef = useRef(null);\n dataConfigRef.current = dataConfig;\n\n const displayConfigRef = useRef(null);\n displayConfigRef.current = displayConfig;\n\n const isAuthenticatedRef = useRef(null);\n isAuthenticatedRef.current = isAuthenticated;\n\n const oneTimeFeedbackAutomation = useRef(null);\n oneTimeFeedbackAutomation.current = feedback.oneTimeAutomation;\n\n const userLocationRef = useRef(null);\n userLocationRef.current = userLocation;\n\n const zephyrsRef = useRef([]);\n zephyrsRef.current = zephyrs;\n\n let isDefaultZephyrSelected = false;\n\n useEffect(() => {\n if (userInfo && userInfo.isPublic) {\n document.title = `${userInfo.title} | EarthSense`;\n\n let metaDescription = document.querySelector('meta[name=\"description\"]');\n if (!metaDescription) {\n metaDescription = document.createElement('meta');\n metaDescription.setAttribute('name', 'description');\n document.head.appendChild(metaDescription);\n }\n metaDescription.setAttribute('content', userInfo.info);\n\n // Set canonical URL\n let linkCanonical = document.querySelector('link[rel=\"canonical\"]');\n if (!linkCanonical) {\n linkCanonical = document.createElement('link');\n linkCanonical.setAttribute('rel', 'canonical');\n document.head.appendChild(linkCanonical);\n }\n linkCanonical.setAttribute('href', `https://portal.earthsense.co.uk/${localStorage.getItem('user')}`);\n\n return () => {\n document.title = 'EarthSense';\n metaDescription?.removeAttribute('content');\n linkCanonical?.removeAttribute('href');\n };\n }\n }, [userInfo]);\n\n // Update screenWidth when window is resized\n useEffect(() => {\n const handleResize = debounce(() => {\n setScreenWidth(window.innerWidth);\n }, 250);\n\n if (userInfo && userInfo.isPublic) {\n window.addEventListener('resize', handleResize);\n\n return () => {\n window.removeEventListener('resize', handleResize);\n handleResize.cancel();\n };\n }\n }, [userInfo]);\n\n useEffect(() => {\n const updateVersion = async () => {\n if (userConfig && userConfig.hasOwnProperty('latestVersionViewed') && versions && versions.length) {\n const { latestVersionViewed: latestVersionViewedId } = userConfig;\n const { versionId: lastVersionId, versionNotes } = versions[versions.length - 1];\n\n if (latestVersionViewedId !== lastVersionId) {\n const helpkitButton = document.getElementById('helpkit-launcherButton--earthsense');\n if (helpkitButton) {\n (window as any).Helpkit.show('popover', 'article', versionNotes);\n await utilsRequest.updateUserLatestVersionViewed(lastVersionId, bearerToken);\n }\n }\n }\n };\n\n updateVersion();\n }, [userConfig, versions, loading]);\n\n useEffect(() => {\n if (userInfo && userInfo.isPublic) setLayouts({ ...defaultLayoutGenerator(true, screenWidth) });\n\n }, [screenWidth])\n\n useEffect(() => {\n // const {modularFeatures} = await utilsRequest.getModularFeaturesConfig(userID: number);\n if (process.env.REACT_APP_SERVER === 'production') {\n // setNewModularFeaturesState(modularFeatures)\n } else if (process.env.REACT_APP_SERVER === 'beta') {\n // setNewModularFeaturesState(modularFeatures)\n }\n }, []);\n\n useEffect(() => {\n // update global master auth token state with IIFY\n if (!bearerToken && authReq && authReq.username && authReq.password) {\n (async () => {\n const masterAuthBearerToken = await utilsRequest.getMasterAuthToken(\n authReq.username,\n authReq.password,\n is404(authReq.username) && publicPortals.includes(authReq.username) && publicPortals.includes(authReq.password)\n );\n setMasterAuthBearerToken(masterAuthBearerToken);\n })();\n }\n }, [authReq]);\n\n useEffect(() => {\n const rawQueryString = location.search;\n const parsedQueryString = rawQueryString\n ? queryStringParser(rawQueryString)\n : initState.parsedQueryString;\n if (rawQueryString) {\n queryStringParams(parsedQueryString);\n }\n if (!location.pathname.includes('login') && userLoading) {\n const auth = {\n internal: false,\n isAuthenticated: !!localStorage.getItem('token'),\n password: localStorage.getItem('key') || '',\n queryString: parsedQueryString,\n username: localStorage.getItem('user') || '',\n };\n if (basename === 'internal') {\n auth.internal = true;\n } else if (basename && publicPortals.includes(basename)) {\n auth.isAuthenticated = false;\n auth.username = basename;\n auth.password = basename;\n }\n\n if (!wideScreenFinder(800) || !tallScreenFinder(500)) {\n mappAirFilters();\n showOverlayLayer();\n }\n if (\n ((!basename || basename === 'internal') &&\n location.pathname === '/' &&\n localStorage.getItem('isPublic') === 'true') ||\n !auth.username ||\n !auth.password\n ) {\n logout();\n } else {\n const { password, username } = auth;\n if (password && username) {\n setAuthReq(auth);\n }\n }\n }\n }, [location.pathname]);\n\n useEffect(() => {\n // Note the nesting of functions here in the useEffect enables us to declare requests dirtied\n // See the ignore property\n const setUserInfoInternal = async (authIsInternal: boolean) => {\n const updatedUserInfo = await utilsRequest.getUserInfo(bearerToken);\n if ('aqiBands' in updatedUserInfo && updatedUserInfo.aqiBands) {\n const {\n aqiBands: { AQISpecies },\n } = updatedUserInfo;\n setAqiBands(AQISpecies);\n }\n updatedUserInfo.isInternal = authIsInternal;\n await setUserInfo({\n user: localStorage.getItem('user'),\n key: localStorage.getItem('key'),\n userInfo: updatedUserInfo,\n });\n if (updatedUserInfo.isPublic) {\n setUnitLocation(\n updatedUserInfo.startingLng,\n updatedUserInfo.startingLat,\n );\n if (updatedUserInfo.today && updatedUserInfo.todaySpecies) {\n const todayData = await todayDataPackager(\n updatedUserInfo.todaySpecies,\n [updatedUserInfo.startingLat, updatedUserInfo.startingLng],\n bearerToken,\n );\n setTodayData(todayData);\n }\n }\n setLayouts({ ...defaultLayoutGenerator(updatedUserInfo ? updatedUserInfo.isPublic : false, screenWidth) });\n if (!updatedUserInfo.isPublic) {\n setScatterChartsCounter({\n deviceView: {\n gasWidget: [...layouts.deviceView as LayoutItem[]].filter((item: LayoutItem) => item.i.includes('gasWidget')).length,\n particulateWidget: [...layouts.deviceView as LayoutItem[]].filter((item: LayoutItem) => item.i.includes('particulateWidget')).length,\n thpWidget: [...layouts.deviceView as LayoutItem[]].filter((item: LayoutItem) => item.i.includes('thpWidget')).length,\n wsdWidget: [...layouts.deviceView as LayoutItem[]].filter((item: LayoutItem) => item.i.includes('wsdWidget')).length,\n },\n networkView: {\n networkGasWidget: [...layouts.networkView as LayoutItem[]].filter((item: LayoutItem) => item.i.includes('networkGasWidget')).length,\n networkParticulateWidget: [...layouts.networkView as LayoutItem[]].filter((item: LayoutItem) => item.i.includes('networkParticulateWidget')).length,\n }\n })\n }\n return updatedUserInfo;\n };\n\n const appendHelpkitsScriptTag = (isPublic: boolean | undefined) => {\n if (!isPublic) {\n const style = document.createElement('style');\n style.id = 'helpkit-temp-style';\n style.innerHTML = `\n #helpkit-launcherButton--earthsense {\n display: none !important;\n }\n #helpkit-popover--earthsense {\n bottom: 0px !important;\n }\n @media (min-width: 601px) {\n #helpkit-popover--earthsense {\n bottom: 25px !important;\n }\n }\n `;\n document.head.appendChild(style);\n if (!document.getElementById('helpkit-widget')) {\n const script = document.createElement('script');\n script.id = 'helpkit-widget';\n script.src = 'https://www.helpkit.so/widget/script.js';\n script.async = true;\n script.setAttribute('data-project-id', 'earthsense');\n document.head.appendChild(script);\n }\n }\n }\n\n const authenticate = async () => {\n if (authReq && bearerToken) {\n // Always clear cached data on reauth\n localStorage.removeItem('data');\n let loginState: boolean = false;\n if (!authReq.isAuthenticated) {\n // get/set token\n const token = await utilsRequest.getFetchToken(\n authReq.username,\n authReq.password,\n bearerToken,\n );\n localStorage.setItem('token', token);\n localStorage.setItem('user', authReq.username);\n localStorage.setItem('key', authReq.password);\n }\n const validToken = await utilsRequest.checkValidToken(bearerToken);\n // do correct actions if the token is not valid\n if (!validToken) {\n setAuthReq(null);\n setFailedLogin();\n } else {\n // initalise user analyticsager.initialize(gtmConfig);\n const user = authReq.username;\n const userId = user\n .split('')\n .map((c: string) => c.charCodeAt(0))\n .join('-');\n const tagManagerArgs = {\n dataLayer: {\n userId,\n },\n };\n TagManager.dataLayer(tagManagerArgs);\n // trigger initial App loading phase on\n await loadingInitAppOn();\n // get/set User Info\n const updatedUserInfo = await setUserInfoInternal(authReq.internal);\n localStorage.setItem('isPublic', updatedUserInfo.isPublic);\n loginState = true;\n appendHelpkitsScriptTag(updatedUserInfo.isPublic);\n\n // fire analytics\n const labelEnrichment = loginState ? 'Successful' : 'Unsuccessful';\n analyticsEventFirer(gtmEventIdentifiers.login, labelEnrichment);\n }\n }\n };\n authenticate();\n }, [authReq, bearerToken]);\n\n useEffect(() => {\n if (\n userInfo &&\n userInfo.today &&\n (!wideScreenFinder(800) || !tallScreenFinder(500))\n ) {\n history.push(routePaths.today);\n }\n }, [userInfo]);\n\n const isFeedbackDue = () => {\n let isDue = false;\n const user = localStorage.getItem('user');\n\n const random = (min: number, max: number) =>\n Math.floor(Math.random() * (max - min)) + min;\n\n const feedbackDueDateStr = localStorage.getItem('feedbackDueDate');\n const dateObject = new Date();\n const currentDate = dateObject.getDate();\n const currentMonth = dateObject.getMonth() + 1; // 👈️ months are 0-based\n const dueMonth = currentMonth === 12 ? 1 : currentMonth;\n\n // first time user\n if (!feedbackDueDateStr) {\n const dueDate = random(1, 28);\n\n const objectTosave = {\n user,\n dueDate,\n dueMonth: dueMonth + 1 > 12 ? 1 : dueMonth + 1,\n feedbackShown: false,\n };\n localStorage.setItem('feedbackDueDate', JSON.stringify(objectTosave));\n\n if (currentDate === dueDate) isDue = true;\n } else {\n const savedObj = JSON.parse(feedbackDueDateStr);\n const {\n user: savedUser,\n dueDate,\n dueMonth: savedCurrentMonth,\n feedbackShown: savedFeedbackShown,\n } = savedObj;\n\n // match due date\n if (\n currentMonth === savedCurrentMonth &&\n currentDate === dueDate &&\n savedUser === user &&\n !savedFeedbackShown\n ) {\n const objectTosave = {\n user,\n dueDate,\n dueMonth,\n feedbackShown: savedFeedbackShown,\n };\n localStorage.setItem('feedbackDueDate', JSON.stringify(objectTosave));\n isDue = true;\n }\n\n if (savedCurrentMonth < currentMonth) {\n // renew Due date\n const objectTosave = {\n user,\n dueDate: currentDate,\n dueMonth: dueMonth + 1 > 12 ? 1 : dueMonth + 1,\n feedbackShown: false,\n };\n localStorage.setItem('feedbackDueDate', JSON.stringify(objectTosave));\n }\n }\n\n return isDue;\n };\n\n useEffect(() => {\n if (\n isAuthenticated &&\n userInfo &&\n !userInfo.isPublic &&\n feedback.questions.length > 0 &&\n isFeedbackDue()\n ) {\n timeout = setTimeout(() => {\n if (oneTimeFeedbackAutomation.current && isAuthenticatedRef.current) {\n setFeedbackOn();\n }\n }, 30000);\n }\n }, [isAuthenticated, feedback, userInfo]);\n\n useEffect(() => {\n if (!isAuthenticated) {\n clearTimeout(timeout);\n clearInterval(interval);\n }\n }, [isAuthenticated]);\n\n useEffect(() => {\n // Stale request state\n let ignore = false;\n let aurnsList: any = [];\n // Launch sequence\n const launch = async () => {\n if (userInfo.isPublic) {\n const publicAdvice = await utilsRequest.getPublicAdvice(bearerToken);\n await setPublicAdvice(publicAdvice);\n }\n\n setSelectedFilters(defaultSelectedFilters);\n\n // Initiate parallel requests for config-related data\n const [\n displayConfig,\n updatedOverlays,\n agreements,\n userConfig,\n stylegroups,\n timePeriods,\n averagingPeriods,\n dataConfigInternal,\n vZephyrsConfigResponse,\n feedbackQuestions,\n ] = await Promise.all([\n utilsRequest.getDisplayConfig(bearerToken),\n utilsRequest.getOverlays(bearerToken, userInfo.isPublic),\n utilsRequest.getUserAgreements(bearerToken),\n utilsRequest.getUserConfig(bearerToken),\n utilsRequest.getStylegroups(bearerToken),\n utilsRequest.getTimePeriods(bearerToken),\n utilsRequest.getAveragingPeriods(bearerToken),\n utilsRequest.getDataConfig(bearerToken),\n utilsRequest.getUserVZephyrConfig(bearerToken),\n !userInfo.isPublic\n ? utilsRequest.getUserFeedbackQuestions(bearerToken)\n : Promise.resolve(null),\n ]);\n\n // Setting the responses\n await setDisplayConfig(displayConfig);\n await setOverlays(updatedOverlays);\n\n if (agreements.length > 0) {\n await setAlerts(agreements);\n }\n\n if (!userInfo.isPublic && feedbackQuestions) {\n await setFeedback(feedbackQuestions);\n }\n\n if (vZephyrsConfigResponse) {\n const {\n active_vzephyrs: active,\n active_vzephyrs_max: max,\n new_vzephyrs_30days: new30Days,\n new_vzephyrs_30days_max: new30DaysMax,\n } = vZephyrsConfigResponse;\n\n setVZephyrsConfig({\n active,\n max,\n new30Days,\n new30DaysMax,\n });\n }\n\n await setUserConfig(userConfig);\n await setStylegroups(stylegroups);\n\n if (stylegroups.length) {\n const threshold = stylegroups[0].name;\n await setThreshold(threshold);\n }\n\n await setTimePeriods(timePeriods);\n await setAveragingPeriods(averagingPeriods);\n await setDataConfig(dataConfigInternal);\n\n // get/set zephyrs and aurns with last hour data and met data\n await setUnits(false, userInfo.isPublic);\n\n // trigger initial App loading phase off for Public and Private\n await mappAirFilters();\n await showOverlayLayer();\n\n if (updatedOverlays) {\n const foundOneCompatibleOverlayWithPollution = updatedOverlays.find(\n (updatedOverlay: Overlay) =>\n updatedOverlay.accessGranted && updatedOverlay.isMappairOverlay\n );\n if (foundOneCompatibleOverlayWithPollution) {\n const { name: overlayName } = foundOneCompatibleOverlayWithPollution;\n await changeOverlayLayer(overlayName);\n }\n }\n\n await loadingInitAppOff();\n\n // Set polling\n if (!userInfo.isPublic) {\n interval = setInterval(() => {\n if (isAuthenticatedRef.current && zephyrsRef.current.length > 0) {\n if (!isCartridgeDataLoading) setIsCartridgeDataLoading(true);\n setUnits(true, userInfo.isPublic);\n }\n }, 600000);\n }\n };\n\n\n const getAvailableSpeciesLabels = () => {\n if (displayConfigRef.current) {\n const availableSpecies: string[] = [];\n displayConfigRef.current.tabs.forEach((t) =>\n t.species.forEach((tS) => availableSpecies.push(tS.label)),\n );\n return availableSpecies;\n }\n return [];\n };\n\n const getAvailableSpeciesIdentifiers = () => {\n if (displayConfigRef.current) {\n const availableSpecies: SpeciesDataIdentifiers[] = [];\n displayConfigRef.current.tabs.forEach((t) =>\n t.species.forEach((tS) =>\n tS.dataIdentifiers.forEach((tSD) => availableSpecies.push(tSD)),\n ),\n );\n return availableSpecies;\n }\n return [];\n };\n\n const getSpeciesLabelFromSpeciesIdentifier = (\n speciesIdentifier: SpeciesDataIdentifiers,\n ) => {\n let speciesLabel = '';\n if (displayConfigRef.current) {\n displayConfigRef.current.tabs.forEach((t) =>\n t.species.forEach((tS) => {\n if (tS.dataIdentifiers.includes(speciesIdentifier)) {\n speciesLabel = tS.label;\n }\n }),\n );\n }\n return speciesLabel;\n };\n\n const getUsersAurns = async () => {\n const userAurnList = await utilsRequest.getAurns(bearerToken);\n const availableSpecies = getAvailableSpeciesLabels();\n const enrichedUserAurnList = userAurnList.map((userAurn: Zephyr) => {\n const enrichedAurn: any = {\n ...userAurn,\n name: userAurn.location,\n averageOfLastHourOfData: null,\n slotsInfo: null,\n type: 1,\n };\n availableSpecies.forEach((aS) => {\n if (aS in enrichedAurn) {\n if (enrichedAurn.averageOfLastHourOfData === null) {\n enrichedAurn.averageOfLastHourOfData = {};\n }\n enrichedAurn.averageOfLastHourOfData[aS] = enrichedAurn[aS]\n ? Math.round(enrichedAurn[aS])\n : null;\n delete enrichedAurn[aS];\n }\n });\n const {\n averageOfLastHourOfData: { NO2, PM2p5 },\n } = enrichedAurn;\n const AQIMax = aqiCalculator(NO2, PM2p5, aqiBands);\n enrichedAurn.AQI = AQIMax;\n enrichedAurn.averageOfLastHourOfData = {\n ...enrichedAurn.averageOfLastHourOfData,\n AQI: AQIMax,\n };\n return enrichedAurn;\n });\n return enrichedUserAurnList;\n };\n\n const addMetInfoToUsersZephyrs = async (userZephyrs: Zephyr[]) => {\n const packagedMetRequest = zephyrMetRequestPackager(userZephyrs);\n const externalMetData = await utilsRequest.getLatestMetDataForUser(\n packagedMetRequest as any,\n );\n const enrichedZephyrs = zephyrMetDataEnricher(\n externalMetData,\n userZephyrs,\n );\n return enrichedZephyrs;\n };\n\n const getUsersZephyrs = async () => {\n const userZephyrList = await utilsRequest.getZephyrs(bearerToken);\n const virtualZephyrList = await getUserVirtualZephyrs();\n const list = [...userZephyrList, ...sortAnArrayOfZephyrsByName(virtualZephyrList)];\n return list;\n };\n\n const getUsersZephyrsData = async (userZephyrList: any) => {\n // return [];\n let aurnsCalled: boolean = false;\n if (dataConfigRef.current) {\n const currentDT = utcConvertor(current());\n const backstopDT = utcConvertor(subtractTimeFromNow(2, 'hour'));\n const twoHourDt = utcConvertor(subtractTimeFromNow(2, 'hour'));\n const TwoHourDataConfig = {\n ...dataConfigRef.current,\n averagingChain: 1,\n };\n const availableSpecies = getAvailableSpeciesIdentifiers();\n if (userZephyrList.length === 0 && aurnsCalled === false) {\n aurnsCalled = true;\n aurnsList = await getUsersAurns();\n }\n const enrichedUserZephyrList: Zephyr[] = userZephyrList.map(\n async (userZephyr: Zephyr) => {\n let measurementDataParams = null;\n let enrichedZephyr = {\n ...userZephyr,\n averageOfLastHourOfData: null,\n };\n const lastDataDT = userZephyr.lastDataDT\n ? utcConvertor(userZephyr.lastDataDT)\n : null;\n //If we have a connection and if the last connection is less than an hour old\n const cleanData =\n lastDataDT && utcConvertor(userZephyr.lastDataDT) < backstopDT;\n\n if (\n !userZephyr.userEndTimeDate ||\n userZephyr.type === ZephyrTypes.virtual\n ) {\n if (aurnsCalled === false) {\n aurnsCalled = true;\n aurnsList = await getUsersAurns();\n }\n //used to be cleanData variable, but I think the logic might be flawed?\n if (true) {\n let userZephyrLastHour = null;\n\n if (userZephyr.type === ZephyrTypes.virtual) {\n const { latitude, longitude } = userZephyr;\n const currentDate = new Date();\n const dateStart = currentDate.setHours(\n currentDate.getHours() - 1,\n ); // lasthour\n\n userZephyrLastHour = await utilsRequest.getDataAtCoords(\n latitude,\n longitude,\n new Date(dateStart).toISOString(),\n currentDate.toISOString(),\n bearerToken,\n 'NO2,PM2p5,windspeed',\n );\n if (userZephyrLastHour.results) {\n const { results } = userZephyrLastHour;\n const averageOfLastHourOfData: any = {};\n\n //only grab data from results if call was successful\n if (results) {\n results.map((spec: any) => {\n averageOfLastHourOfData[spec.species] =\n spec.values_coordinates[0].values_timestamps[0].value;\n });\n }\n const { NO2, PM2p5 } = averageOfLastHourOfData;\n const AQIMax = aqiCalculator(NO2, PM2p5, aqiBands);\n averageOfLastHourOfData.AQI = AQIMax;\n enrichedZephyr = {\n ...userZephyr,\n averageOfLastHourOfData,\n };\n return enrichedZephyr;\n }\n }\n const zephyrLastConnectionTime: any = utcConvertor(\n userZephyr.lastConnectionDT,\n );\n const slotsData = userZephyr.slotA_SN ?? userZephyr.slotB_SN;\n const isCurData =\n zephyrLastConnectionTime.slice(0, 8) == currentDT.slice(0, 8);\n const isDifLessThanTwoHours =\n parseInt(currentDT.slice(8, 10)) -\n parseInt(zephyrLastConnectionTime.slice(8, 10)) <\n 3;\n if (userInfo.isPublic) measurementDataParams = [userZephyr, twoHourDt, currentDT, TwoHourDataConfig, bearerToken, location.pathname === '/', false, [], false, '', true];\n if (slotsData && isCurData && isDifLessThanTwoHours) {\n if (!userInfo.isPublic) {\n userZephyrLastHour = await utilsRequest.getZephyrMeasurementData(\n userZephyr,\n twoHourDt,\n currentDT,\n TwoHourDataConfig,\n bearerToken,\n location.pathname === '/',\n );\n const userZephyrLastHourData = userZephyrLastHour.data;\n const packagedUserZephyrLastHourData:\n | ZephyrLastHourInd\n | any = {};\n if (\n userZephyrLastHourData &&\n userZephyrLastHourData['Hourly average on the hour']\n ) {\n availableSpecies.forEach((aS) => {\n let aSValues: number[] = [];\n slots.forEach((s) => {\n const slotValue =\n userZephyrLastHourData['Hourly average on the hour'][\n s.label\n ] &&\n userZephyrLastHourData['Hourly average on the hour'][\n s.label\n ][aS] &&\n userZephyrLastHourData['Hourly average on the hour'][\n s.label\n ][aS].data\n ? userZephyrLastHourData[\n 'Hourly average on the hour'\n ][s.label][aS].data\n : null;\n if (slotValue) {\n aSValues = slotValue;\n }\n });\n const averagedASValues = aSValues.length\n ? Math.round(\n aSValues.reduce((a, b) => a + b) / aSValues.length,\n )\n : null;\n const speciesLabel = getSpeciesLabelFromSpeciesIdentifier(\n aS,\n );\n if (!(speciesLabel in packagedUserZephyrLastHourData)) {\n packagedUserZephyrLastHourData[\n speciesLabel\n ] = averagedASValues;\n }\n });\n const AQIMax = aqiCalculator(\n packagedUserZephyrLastHourData.NO2,\n packagedUserZephyrLastHourData.Pm2p5,\n aqiBands,\n );\n packagedUserZephyrLastHourData.AQI = AQIMax;\n enrichedZephyr = {\n ...enrichedZephyr,\n averageOfLastHourOfData: packagedUserZephyrLastHourData,\n };\n }\n }\n }\n return userInfo.isPublic ? { ...enrichedZephyr, measurementDataParams } : enrichedZephyr;\n }\n return enrichedZephyr;\n }\n return userInfo.isPublic ? { ...enrichedZephyr, measurementDataParams } : enrichedZephyr;\n },\n );\n\n return Promise.all(enrichedUserZephyrList);\n }\n return [];\n };\n\n const getInitZephyrList = async (isPublic: boolean) => {\n // Get users zephyrs list\n const userZephyrsList = await getUsersZephyrs();\n // Add names\n const userZephyrsListWithNames = userZephyrsList.map((sUN) => {\n return {\n ...sUN,\n slotsInfo: null,\n name: sUN.alias || sUN.name || sUN.zNumber?.toString(),\n };\n });\n\n // Sort Zephyrs\n const sortedUserZephyrsList = zephyrSorter(\n userZephyrsListWithNames,\n isPublic,\n );\n return sortedUserZephyrsList;\n };\n\n const getUnits = async (userZephyrList: Zephyr[]) => {\n const userZephyrsWithData = await getUsersZephyrsData(userZephyrList);\n\n // Combine Zephyrs and AURNs\n const userZephyrs = [\n ...userZephyrsWithData,\n ...aurnsList,\n // ...virtualZephyrs,\n ];\n setZephyrs(userZephyrs);\n // Sort the combined list\n const sortedUnits = zephyrSorter(userZephyrs, userInfo.isPublic);\n return sortedUnits;\n };\n\n const addUnitList = async (isPolling: boolean, unitList: Zephyr[]) => {\n if (!ignore && isAuthenticated && unitList.length) {\n setZephyrs([...unitList]);\n if (!isPolling && !isDefaultZephyrSelected) {\n const curZephyr = unitList[0];\n setZephyr(curZephyr);\n isDefaultZephyrSelected = true;\n if (\n defaultLocation === userLocationRef.current &&\n !curZephyr.userEndTimeDate\n ) {\n setUnitLocation(curZephyr.longitude, curZephyr.latitude);\n }\n }\n }\n };\n\n const setUnits = async (isPolling: boolean, isPublic: boolean) => {\n const initZephyrList = await getInitZephyrList(isPublic);\n if (!isPolling && !isPublic && initZephyrList.length !== 0) {\n await addUnitList(isPolling, initZephyrList);\n await loadingInitAppDataOn();\n }\n const userUnits = await getUnits(initZephyrList);\n if (userUnits.length !== 0) {\n // Call /measurementdata one by one for public portals only\n if (isPublic) {\n const availableSpecies = getAvailableSpeciesIdentifiers();\n const counterMax = [...userUnits].filter((unit: Zephyr) => unit.measurementDataParams).length;\n let counter = 0;\n await loadingInitAppDataOn();\n for (const unit of userUnits) {\n const { measurementDataParams } = unit;\n const idx = userUnits.findIndex((u: Zephyr) => u.zNumber === unit.zNumber);\n if (measurementDataParams) {\n utilsRequest.getZephyrMeasurementData(measurementDataParams[0], measurementDataParams[1], measurementDataParams[2], measurementDataParams[3], measurementDataParams[4], measurementDataParams[5], measurementDataParams[6], measurementDataParams[7], measurementDataParams[8], measurementDataParams[9], measurementDataParams[10],\n ).then(async (userZephyrLastHour) => {\n try {\n const userZephyrLastHourData = userZephyrLastHour.data;\n const packagedUserZephyrLastHourData: ZephyrLastHourInd | any = {};\n if (userZephyrLastHourData && userZephyrLastHourData['Hourly average on the hour']) {\n availableSpecies.forEach((aS) => {\n let aSValues: number[] = [];\n slots.forEach((s) => {\n const slotValue =\n userZephyrLastHourData['Hourly average on the hour'][s.label]?.[aS]?.data || null;\n if (slotValue) {\n aSValues = slotValue;\n }\n });\n const averagedASValues = aSValues.length\n ? Math.round(aSValues.reduce((a, b) => a + b) / aSValues.length)\n : null;\n const speciesLabel = getSpeciesLabelFromSpeciesIdentifier(aS);\n if (!(speciesLabel in packagedUserZephyrLastHourData)) {\n packagedUserZephyrLastHourData[speciesLabel] = averagedASValues;\n }\n });\n const AQIMax = aqiCalculator(\n packagedUserZephyrLastHourData.NO2,\n packagedUserZephyrLastHourData.Pm2p5,\n aqiBands,\n );\n packagedUserZephyrLastHourData.AQI = AQIMax;\n userUnits[idx] = { ...unit, averageOfLastHourOfData: packagedUserZephyrLastHourData };\n await addUnitList(isPolling, userUnits);\n }\n else {\n userUnits[idx] = { ...unit, averageOfLastHourOfData: false }\n await addUnitList(isPolling, userUnits);\n }\n } catch (error) {\n userUnits[idx] = { ...unit, averageOfLastHourOfData: false }\n await addUnitList(isPolling, userUnits);\n }\n ++counter;\n if (counter === counterMax) await loadingInitAppDataOff();\n }).catch(async (error) => {\n ++counter;\n userUnits[idx] = { ...unit, averageOfLastHourOfData: false }\n await addUnitList(isPolling, userUnits);\n if (counter === counterMax) await loadingInitAppDataOff();\n })\n }\n }\n } else { await addUnitList(isPolling, userUnits); }\n } else if (\n overlays.length &&\n overlays[0].name &&\n overlays.filter((ol: Overlay) => ol.isMappairOverlay).length\n ) {\n // turn on MappAir\n await mappAirFilters();\n await showOverlayLayer();\n } else {\n //If we have no units and we aren't told to automatically be in mappair overlay\n //We set an empty array of zephyrs so the user can continue\n setZephyrs([]);\n }\n if (!isPublic || !initZephyrList.length) await loadingInitAppDataOff();\n };\n\n if (isAuthenticated) {\n launch();\n }\n\n return () => {\n ignore = true;\n };\n }, [isAuthenticated]);\n\n // remove versions from local storage after reloading the page\n\n useEffect(() => {\n window.addEventListener('beforeunload', updateStatesAfterReloading);\n return () => {\n window.removeEventListener('beforeunload', updateStatesAfterReloading);\n };\n }, []);\n\n const removeVersionsFromLocalStorage = () => {\n if (localStorage.getItem('Versions')) localStorage.removeItem('Versions');\n };\n\n const removeAlertsFromLocalStorage = () => {\n if (localStorage.getItem('alerts')) localStorage.removeItem('alerts');\n };\n\n const updateStatesAfterReloading = () => {\n removeVersionsFromLocalStorage();\n removeAlertsFromLocalStorage();\n };\n\n const getVZephyrWithDefaultData = (vzCreated: any) => {\n // if end date is null add 1 month to prevent ui break\n const currentDate = new Date();\n const userEndTimeDate =\n vzCreated.endDt ||\n vzCreated.end_dt ||\n new Date(currentDate.setMonth(currentDate.getMonth() + 1)).toISOString();\n const { species_keywords } = vzCreated;\n const speciesList: string[] = species_keywords.map((el: { species: string, keyword: string | null }) => {\n const { species } = el;\n if (species.includes('pm')) return 'PM';\n return species.toUpperCase();\n });\n const item: Zephyr = {\n id_pod: vzCreated.id,\n name: vzCreated.name,\n type: 100,\n userEndTimeDate,\n userStartTimeDate: vzCreated.startdt || vzCreated.start_dt,\n latitude: vzCreated.latlon?.latitude,\n longitude: vzCreated.latlon?.longitude,\n zNumber: vzCreated.id,\n HasCertificate: null,\n averageOfLastHourOfData: null,\n SampPeriod: vzCreated.sampleFreqMins || vzCreated.sample_freq_mins,\n alias: vzCreated.name,\n backLogCount: null,\n batteryCharge: null,\n batteryVoltage: null,\n externalMetData: null,\n externalVoltage: null,\n firmwareVersion: 'Virtual',\n id_location: null,\n lastConnectionDT: null,\n lastDataDT: null,\n latLngAltered: null,\n location: '',\n locationStartTimeDate: null,\n locationType: null,\n measurementCount: null,\n mobileLocation: null,\n serialNumber: 'virtual',\n slotA_SN: null,\n slotA_start: null,\n slotB_SN: null,\n slotB_start: null,\n slotsInfo: { slotA: null, slotB: null, key: null },\n species: speciesList.includes('PM') ? Array.from(new Set(speciesList)) : speciesList,\n };\n\n return item;\n };\n\n const getUserVirtualZephyrs = async () => {\n let virtualZephyrList:\n | VirtualZephyr[]\n | any = await utilsRequest.getVZephyrs(bearerToken);\n // use only subscribed one\n virtualZephyrList = Array.isArray(virtualZephyrList)\n ? virtualZephyrList.filter(\n (vz) => vz.end_dt === null || new Date(vz.end_dt) > new Date(),\n )\n : 'vzephyrs' in virtualZephyrList\n ? virtualZephyrList.vzephyrs?.filter(\n (vz: VirtualZephyr) =>\n vz.end_dt === null || new Date(vz.end_dt) > new Date(),\n )\n : [];\n\n const vZephyrDataList = Array.isArray(virtualZephyrList)\n ? virtualZephyrList.map((vz) => {\n const item = getVZephyrWithDefaultData(vz);\n return item;\n })\n : virtualZephyrList.vzephyrs.map((vz: any) => {\n const item = getVZephyrWithDefaultData(vz);\n return item;\n });\n\n return Promise.all(vZephyrDataList);\n };\n\n const setBannerWithExpiryTime = (key: string, value: string[]) => {\n const item = {\n value: value,\n };\n setBannerValue(value);\n localStorage.setItem(key, JSON.stringify(item));\n };\n\n const verifyBannerExpiryTime = (key: string, value: string[]) => {\n const itemStr = localStorage.getItem(key);\n if (!itemStr) return;\n setBannerValue(value);\n setIsBannerShowing(true);\n setIsModalOpened(true);\n };\n\n const addBannerToLocalStorage = () => {\n const isBannerShowingToString = (!isBannerShowing).toString();\n localStorage.setItem('toShowBanner', isBannerShowingToString);\n setBannerWithExpiryTime('banner', bannerText);\n setIsBannerShowing(true);\n setIsModalOpened(true);\n };\n\n const updateBannerStatus = () => {\n verifyBannerExpiryTime('banner', bannerText);\n const isBannerExpired = (!!localStorage.getItem('banner')).toString();\n localStorage.setItem('toShowBanner', isBannerExpired!);\n };\n\n const freeLocalStorageFromBannerProperties = () => {\n if (localStorage.getItem('toShowBanner'))\n localStorage.removeItem('toShowBanner');\n if (localStorage.getItem('banner')) localStorage.removeItem('banner');\n };\n\n useEffect(() => {\n if (isAuthenticated && !userInfo.isPublic) {\n const curDate = new Date();\n if (curDate >= startDate && curDate <= endDate) {\n if (!localStorage.getItem('toShowBanner')) {\n addBannerToLocalStorage();\n return;\n }\n if (\n localStorage.getItem('toShowBanner') &&\n localStorage.getItem('toShowBanner') === 'true'\n )\n updateBannerStatus();\n } else {\n freeLocalStorageFromBannerProperties();\n }\n }\n }, [isAuthenticated]);\n\n useEffect(() => {\n if (localStorage.getItem('isPublic') === 'true' && !basename) {\n window.location.replace('/');\n }\n }, [basename]);\n\n if (is404(basename)) return \n
\n {userLoading && !location.pathname.includes('login') ? (\n <>\n ) : (\n <>\n {!location.pathname.includes('login') ? (\n <>\n {/*
*/}\n
\n \n ) : (\n <>\n )}\n
\n
\n {!isAuthenticated && \n }\n\n {\n if (routeProps.location.pathname !== \"/login\") {\n return \n basename && basename !== 'internal' ? (\n userLocation !== defaultLocation ? (\n \n zephyrSet || routeProps.location.search.includes('annualavg') ? (\n <>\n \n zephyrSet ? (\n \n wideScreenFinder(800) && tallScreenFinder(500) ? (\n \n isAuthenticated && !userInfo.isPublic ? (\n \n isAuthenticated && !userInfo.isPublic ? (\n (\n \n isAuthenticated ? (\n \n {userInfo && !userInfo.isPublic && layouts && selectedView && selectedView !== 'comparisonView' &&
}\n
\n \n )}\n
\n \n \n \n \n \n \n );\n};\n\nexport default App;\n","// This optional code is used to register a service worker.\n// register() is not called by default.\n\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\n// To learn more about the benefits of this model and instructions on how to\n// opt-in, read https://bit.ly/CRA-PWA\n\nconst isLocalhost = Boolean(\n window.location.hostname === 'localhost' ||\n // [::1] is the IPv6 localhost address.\n window.location.hostname === '[::1]' ||\n // 127.0.0.1/8 is considered localhost for IPv4.\n window.location.hostname.match(\n /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/,\n ),\n);\n\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\n window.addEventListener('load', () => {\n const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\n\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\n // Add some additional logging to localhost, pointing developers to the\n // service worker/PWA documentation.\n navigator.serviceWorker.ready.then(() => {\n console.log(\n '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}\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(\n 'New content is available and will be used when all ' +\n 'tabs for this page are closed. See https://bit.ly/CRA-PWA.',\n );\n\n // Execute callback\n if (config && config.onUpdate) {\n config.onUpdate(registration);\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\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}\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 .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 (\n response.status === 404 ||\n (contentType != null && contentType.indexOf('javascript') === -1)\n ) {\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 } else {\n // Service worker found. Proceed as normal.\n registerValidSW(swUrl, config);\n }\n })\n .catch(() => {\n console.log(\n 'No internet connection found. App is running in offline mode.',\n );\n });\n}\n\nexport function unregister() {\n if ('serviceWorker' in navigator) {\n navigator.serviceWorker.ready.then((registration) => {\n registration.unregister();\n });\n }\n}\n","import 'react-app-polyfill/ie11';\nimport 'react-app-polyfill/stable';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\nimport * as serviceWorker from './serviceWorker';\nimport * as Sentry from \"@sentry/react\";\nimport { isStringDefinedAndNotEmpty } from './utils/functions/general.ts';\nimport {config as dotenvConfig} from './utils/consts';\n\n\n\n// Load .env variables and override with local environment variables if they exist\nconst _sentryEnable = process.env.REACT_APP_SENTRY_ENABLED_LOCAL ? process.env.REACT_APP_SENTRY_ENABLED_LOCAL : dotenvConfig.sentryENABLED;\nconst _sentryDSN = process.env.REACT_APP_SENTRY_DSN_LOCAL ? process.env.REACT_APP_SENTRY_DSN_LOCAL : dotenvConfig.sentryDSN;\nconst _sentryRelease = process.env.REACT_APP_SENTRY_RELEASE_LOCAL ? process.env.REACT_APP_SENTRY_RELEASE_LOCAL : dotenvConfig.sentryRELEASE;\nconst _sentryEnvironment = process.env.REACT_APP_SENTRY_ENVIRONMENT_LOCAL ? process.env.REACT_APP_SENTRY_ENVIRONMENT_LOCAL : dotenvConfig.sentryENVIRONMENT;\n\n\n// Sentry\nif (_sentryEnable === true || _sentryEnable === 'true') { \n if (isStringDefinedAndNotEmpty(_sentryDSN) \n && isStringDefinedAndNotEmpty(_sentryRelease) \n && isStringDefinedAndNotEmpty(_sentryEnvironment)) {\n Sentry.init({\n dsn: _sentryDSN,\n release: _sentryRelease, \n environment: _sentryEnvironment,\n integrations: [\n Sentry.browserTracingIntegration(),\n Sentry.replayIntegration(),\n ],\n replaysSessionSampleRate: 0.03, // Session Replay\n replaysOnErrorSampleRate: 1.0, // Session Replay\n tracesSampleRate: 1.0, // Performance Monitoring\n });\n }\n};\n\n\n\nReactDOM.render(\n \n , document.getElementById('root'));\n\nserviceWorker.unregister();\n","const generateCSVName = (\n unitHistories: any,\n name?: string,\n selectedWeatherZephyr?: any,\n selectedView?: string\n) => {\n const { historiesList } = unitHistories;\n const { id } = selectedWeatherZephyr;\n const { selectedAveragingPeriod: { labelHTML } } = Object.values(historiesList[0])[0] as any;\n const formattedAveraginOption = `${labelHTML.split(' ')[0]}${labelHTML.toLowerCase().includes('min') ? 'min' : 'hr'}`;\n const {\n selectedDate: { start, end },\n } = historiesList[0][Object.keys(historiesList[0])[0]];\n return `${selectedView === 'deviceView' ? `device_${id}` : selectedView === 'networkView' ? 'network' : 'comparison'}_${start}_${end}_${formattedAveraginOption}.${selectedView !== 'comparisonView' ? 'csv' : 'zip'}`\n};\n\nconst splitByFirstNumber = (pollutant: string) => {\n let result = pollutant.match(/\\d/);\n\n // If a number is found, split the string at that index\n if (result) {\n let index = result.index;\n let part1 = pollutant.slice(0, index);\n let part2 = pollutant.slice(index);\n return [part1, part2];\n }\n return pollutant;\n};\n\nexport const defaultDeviceView = [\n // map\n {\n w: 12,\n h: 8,\n x: 8,\n y: 0,\n i: 'mapWidget',\n moved: false,\n static: false,\n maxH: 18,\n minH: 3,\n minW: 4\n },\n // gases\n {\n w: 8,\n h: 10,\n x: 0,\n y: 8,\n i: 'gasWidget',\n moved: false,\n static: false,\n maxH: 18,\n minH: 4,\n minW: 4,\n counter: 1\n },\n // gas averages\n {\n w: 4,\n h: 4,\n x: 8,\n y: 8,\n i: 'gasAveragesWidget',\n moved: false,\n static: false,\n maxH: 4,\n minH: 4,\n minW: 4,\n },\n // source apportionment no2\n {\n w: 4,\n h: 6,\n x: 8,\n y: 12,\n i: 'saNOxWidget',\n moved: false,\n static: false,\n maxH: 6,\n minH: 6,\n minW: 4\n },\n\n // particulates\n {\n w: 8,\n h: 10,\n x: 0,\n y: 18,\n i: 'particulateWidget',\n moved: false,\n static: false,\n maxH: 18,\n minH: 4,\n minW: 4,\n counter: 1\n },\n // particulates averages\n {\n w: 4,\n h: 4,\n x: 8,\n y: 18,\n i: 'particulateAveragesWidget',\n moved: false,\n static: false,\n maxH: 4,\n minH: 4,\n minW: 4,\n },\n // source apportionment pm2.5\n {\n w: 4,\n h: 6,\n x: 8,\n y: 22,\n i: 'saPM25Widget',\n moved: false,\n static: false,\n maxH: 6,\n minH: 6,\n minW: 4,\n },\n // precipitation\n {\n w: 4,\n h: 8,\n x: 8,\n y: 28,\n i: 'precipitationWidget',\n moved: false,\n static: false,\n maxH: 18,\n minH: 4,\n minW: 4,\n },\n // thpChartPlotly\n {\n w: 4,\n h: 8,\n x: 0,\n y: 28,\n i: 'thpWidget',\n moved: false,\n static: false,\n maxH: 18,\n minH: 4,\n minW: 4,\n counter: 1\n },\n // windSpeedDirChartPlotly\n {\n w: 4,\n h: 8,\n x: 4,\n y: 28,\n i: 'wsdWidget',\n moved: false,\n static: false,\n maxH: 18,\n minH: 4,\n minW: 4,\n counter: 1\n },\n];\n\nexport const defaultDeviceViewLayout = [\n {\n uid: 'gasAveragesWidget',\n name: 'gasAverages',\n i: 'gasAveragesWidget',\n threshold: false,\n },\n {\n uid: 'particulateAveragesWidget',\n name: 'pmAverages',\n i: 'particulateAveragesWidget',\n threshold: false,\n },\n\n {\n uid: 'precipitationWidget',\n name: 'precipitation',\n i: 'precipitationWidget',\n threshold: false,\n },\n {\n uid: 'mapWidget',\n name: 'map',\n i: 'mapWidget',\n threshold: false,\n },\n {\n uid: 'particulateWidget',\n name: 'particulate',\n i: 'particulateWidget',\n threshold: true,\n },\n {\n uid: 'thpWidget',\n name: 'thpChartPlotly',\n i: 'thpWidget',\n threshold: false,\n },\n {\n uid: 'wsdWidget',\n name: 'windSpeedDirChartPlotly',\n i: 'wsdWidget',\n threshold: false,\n },\n {\n uid: 'gasWidget',\n name: 'gases',\n i: 'gasWidget',\n threshold: true,\n },\n {\n uid: 'saNOxWidget',\n name: 'sourceApportionmentNO2',\n i: 'saNOxWidget',\n threshold: false,\n },\n {\n uid: 'saPM25Widget',\n name: 'sourceApportionmentPM25',\n i: 'saPM25Widget',\n threshold: false,\n },\n];\n\nexport const defaultNetworkView = [\n { w: 8, h: 9, x: 0, y: 0, i: 'networkGasWidget', moved: false, static: false, maxH: 18, minH: 4, minW: 4, counter: 1 },\n { w: 8, h: 9, x: 0, y: 9, i: 'networkParticulateWidget', moved: false, static: false, maxH: 18, minH: 4, minW: 4, counter: 1 },\n { w: 12, h: 10, x: 0, y: 18, i: 'networkSummaryWidget', moved: false, static: false, maxH: 18, minH: 4, minW: 4 },\n { w: 4, h: 18, x: 8, y: 0, i: 'networkMapWidget', moved: false, static: false, maxH: 18, minH: 4, minW: 4 },\n];\n\nexport const defaultNetworkViewLayout = [\n { uid: 'networkGasWidget', name: 'networkViewGases', i: 'networkGasWidget', threshold: true },\n { uid: 'networkParticulateWidget', name: 'networkViewParticulates', i: 'networkParticulateWidget', threshold: true },\n { uid: 'networkSummaryWidget', name: 'networkViewPollutantSummary', i: 'networkSummaryWidget', threshold: false },\n { uid: 'networkMapWidget', name: 'networkViewMap', i: 'networkMapWidget', threshold: false },\n];\n\nconst defaultMobilePublicPortalItems = [\n {\n w: 12,\n h: 8,\n x: 0,\n y: 0,\n i: 'mapWidget', // map\n moved: false,\n static: false,\n },\n {\n w: 12,\n h: 8,\n x: 0,\n y: 8,\n i: 'gasWidget', // gases\n moved: false,\n static: false,\n },\n {\n w: 12,\n h: 8,\n x: 0,\n y: 16,\n i: 'particulateWidget', // particulates\n moved: false,\n static: false,\n },\n]\n\nconst defaultMobilePublicPortalLayout = [\n {\n uid: 'gasWidget',\n name: 'gases',\n i: 'gasWidget',\n threshold: true,\n },\n {\n uid: 'particulateWidget',\n name: 'particulate',\n i: 'particulateWidget',\n threshold: true,\n },\n {\n uid: 'mapWidget',\n name: 'map',\n i: 'mapWidget',\n threshold: false,\n },\n];\n\nconst defaultPublicPortalItems = [\n {\n w: 8,\n h: 8,\n x: 0,\n y: 0,\n i: 'gasWidget',\n moved: false,\n static: false,\n },\n {\n w: 8,\n h: 8,\n x: 0,\n y: 8,\n i: 'particulateWidget',\n moved: false,\n static: false,\n },\n {\n w: 4,\n h: 16,\n x: 8,\n y: 0,\n i: 'mapWidget',\n moved: false,\n static: false,\n },\n];\n\nconst defaultPublicPortalLayout = [\n {\n uid: 'gasWidget',\n name: 'gases',\n i: 'gasWidget',\n threshold: true,\n },\n {\n uid: 'particulateWidget',\n name: 'particulate',\n i: 'particulateWidget',\n threshold: true,\n },\n {\n uid: 'mapWidget',\n name: 'map',\n i: 'mapWidget',\n threshold: false,\n },\n];\n\nconst defaultLayoutGenerator = (isPublic: boolean, screenWidth?: number) => {\n\n if (isPublic) {\n // Return the mobile layout if screen width is 767px or below\n const isMobile = screenWidth ? screenWidth <= 767 : false;\n\n return isMobile ? {\n deviceView: defaultMobilePublicPortalItems,\n deviceViewLayout: defaultMobilePublicPortalLayout,\n } : {\n deviceView: defaultPublicPortalItems,\n deviceViewLayout: defaultPublicPortalLayout,\n };\n }\n\n // Default or desktop layout for wider screens for private users\n return {\n deviceView: defaultDeviceView,\n deviceViewLayout: defaultDeviceViewLayout,\n networkView: defaultNetworkView,\n networkViewLayout: defaultNetworkViewLayout,\n };\n};\n\nconst updateScatterChartNumber = (setScatterChartsCounter: Function, selectedView: string, widgetName: string, increment: boolean) => {\n const widgetTypes = ['gasWidget', 'particulateWidget', 'thpWidget', 'wsdWidget', 'networkGasWidget', 'networkParticulateWidget'];\n\n if ((selectedView === 'deviceView' || selectedView === 'networkView') && widgetTypes.some(type => widgetName.includes(type))) {\n setScatterChartsCounter((sCC: {\n deviceView: { gasWidget: number; particulateWidget: number; thpWidget: number; wsdWidget: number; };\n networkView: { networkGasWidget: number; networkParticulateWidget: number; }\n }) => {\n const widget = Object.keys(sCC[selectedView]).find((w: string) => widgetName.includes(w)) as string;\n\n const updatedCounter = increment ? (sCC as any)[selectedView][widget] + 1 : (sCC as any)[selectedView][widget] - 1;\n\n return {\n ...sCC,\n [selectedView]: {\n ...sCC[selectedView],\n [widget]: updatedCounter\n }\n };\n });\n }\n};\n\nexport { generateCSVName, splitByFirstNumber, defaultLayoutGenerator, updateScatterChartNumber };\n","// Const Imports\nimport { cardinalDirectionsPlus, saLabelsNox, saLabelsPm2p5 } from '../consts';\n\n// Util Imports\nimport { cardinalDirectionFinder } from './cardinalDirectionFinder';\nimport {\n convertUnitTimeToLocalTime,\n getCurrentTimeZoneAbbreviation,\n tzConverter,\n utcConvertor,\n} from './dateFinder';\n\n// Type Imports\nimport {\n ChartData,\n DisplayConfig,\n LineChartData,\n SAData,\n SAChartData,\n Species,\n TodayData,\n WindPackagedData,\n WindRoseData,\n WindCategory,\n ZephyrHistory,\n AveragingPeriod,\n Pollutant,\n Zephyr,\n} from '../interface';\nimport { slotValidator } from './slotValidator';\nimport { checkSlotABData } from './getAvailableAveragingOption';\nimport { Options } from '../../components/views/DataAnalyticsContainer';\nimport {\n chartWatermarkConfigs,\n commonLegend,\n plotlyFont,\n plotlyMargin,\n plotlyPrecipitationMargin,\n plotlyTHPMargin,\n staticPlotlyChartLayout,\n} from '../plotySharedConfig';\nimport { validate } from 'uuid';\nimport { slotFinder } from './slotFinder';\nimport { colDict } from '../plotySharedConfig';\nimport { table } from 'console';\n\n// Common JS Imports\nconst moment = require('moment');\n\nconst lineTypes = ['solid', 'dash', 'dot', 'dashdot']\n\nconst temperatureHumidityPressure = [\n {\n HTMLLabel: 'Temperature',\n HTMLShortUnitLabel: '°C',\n HTMLUnitLabel: 'Temperature(°C)',\n dataIdentifier: 'tempC',\n speciesExtentIdentifier: 'BT',\n },\n {\n HTMLLabel: 'Humidity',\n HTMLShortUnitLabel: '%',\n HTMLUnitLabel: 'Humidity(%)',\n dataIdentifier: 'humidity',\n speciesExtentIdentifier: 'BRH',\n },\n // {\n // HTMLLabel: 'Pressure',\n // HTMLShortUnitLabel: 'Pa',\n // HTMLUnitLabel: 'Pressure(Pa)',\n // dataIdentifier: 'ambPressure',\n // speciesExtentIdentifier: 'BP',\n // },\n];\n\n/* Function\n DESC: mappairDateParser returns a JS parsed date\n ARGS: date in the form YYYY-MM-DDZHH:mm:ss typically returned in points requests\n*/\nconst mappairDateParser = (date: string) => {\n const year = parseInt(date.slice(6, 10));\n const month = parseInt(date.slice(3, 5)) - 1;\n const day = parseInt(date.slice(0, 2));\n const hours = parseInt(date.slice(11, 13));\n const minutes = parseInt(date.slice(14, 16));\n const seconds = parseInt(date.slice(17, 19));\n const newDate = new Date(year, month, day, hours, minutes, seconds);\n const mDate = moment(newDate).format('YYYYMMDDHHmm');\n const utcMDate = moment(tzConverter(mDate), 'YYYYMMDDHHmm').toDate();\n return utcMDate;\n};\n\nexport const populateObjectWithZephyrHistory = (\n selectedAveragingPeriod: AveragingPeriod,\n unit: any,\n) => {\n const updatedZephyrHistory: any = {};\n const zephyrHistory: any = {};\n\n const zephyrData: ZephyrHistory = unit[Object.keys(unit)[0]].data;\n if (zephyrData && selectedAveragingPeriod) {\n updatedZephyrHistory[selectedAveragingPeriod.averagingOption] =\n zephyrData[selectedAveragingPeriod.averagingOption];\n zephyrHistory[parseInt(Object.keys(unit)[0])] = updatedZephyrHistory;\n }\n return { updatedZephyrHistory, zephyrHistory };\n};\n\nexport const getSlotDataFromZephyrHistory = (\n unitHistories: any,\n selectedWeatherZephyr: any,\n selectedAveragingPeriod: any,\n) => {\n const { historiesList } = unitHistories;\n if (!selectedWeatherZephyr || !selectedAveragingPeriod) return;\n const { id } = selectedWeatherZephyr;\n const unit = historiesList.find(\n (zephyr: any) => +(Object.keys(zephyr) as any)[0] === +id,\n );\n const unitKey = Object.keys(unit)[0];\n const { data, zType } = unit[unitKey];\n const {\n updatedZephyrHistory,\n zephyrHistory,\n } = populateObjectWithZephyrHistory(selectedAveragingPeriod, unit);\n\n const slots = updatedZephyrHistory[selectedAveragingPeriod.averagingOption]\n ? slotValidator(updatedZephyrHistory, zephyrHistory)\n : null;\n if (\n slots &&\n selectedAveragingPeriod.averagingOption in data &&\n slots[0] in data[selectedAveragingPeriod.averagingOption] &&\n zType !== 1\n ) {\n if (slots.includes('head') && zType === 0)\n slots.unshift((slots as any).pop());\n\n const slotData = data[selectedAveragingPeriod.averagingOption][slots[0]];\n return slotData;\n }\n return null;\n};\n\n/* Function\n DESC: windRoseDataPackagerFromMetData returns packaged wind data for wind rose consumption\n ARGS: point data\n*/\nconst categorizeWindDataByDirectionAndSpeed = (\n windCategories: any,\n packagedWindData: {\n dateTime: string[];\n direction: number[];\n speed: number[];\n },\n) => {\n // Create a map for quick lookup of wind category configurations\n const windCategoryConfigMap = new Map(\n windCategories.map((wCC: any) => [`${wCC.name} m/s`, wCC]),\n );\n\n const data: WindRoseData[] = [];\n windCategories.forEach((wCC: any) => {\n const { b, g, r } = wCC.colour;\n const dataTemplate = {\n r: new Array(cardinalDirectionsPlus.length).fill(0),\n theta: cardinalDirectionsPlus.map((cD) => cD.dirName),\n name: `${wCC.name} ${wCC.unit}`,\n marker: { color: `rgb(${r},${g},${b})` },\n type: 'barpolar',\n hoverinfo: 'skip',\n unit: wCC.unit,\n };\n data.push(dataTemplate);\n });\n\n packagedWindData.direction.forEach((dir, idx) => {\n const cardinal = cardinalDirectionFinder(dir);\n const thetaIdx = cardinalDirectionsPlus.indexOf(cardinal);\n const speed = packagedWindData.speed[idx];\n\n data.forEach((bin: any) => {\n const config = windCategoryConfigMap.get(bin.name) as WindCategory;\n // Check for speed = 0\n if (speed && speed >= config.minVal) {\n bin.r[thetaIdx] += 1;\n }\n });\n });\n\n return data;\n};\n\nconst windRoseDataPackagerFromMetData = (\n displayConfig: DisplayConfig,\n pointData: TodayData,\n) => {\n let packagedWindRoseData: WindRoseData[] | null = null;\n const packagedWindData = windDataPackager(pointData);\n if (packagedWindData) {\n const data: WindRoseData[] = [];\n\n packagedWindRoseData = categorizeWindDataByDirectionAndSpeed(\n displayConfig.windCategories,\n packagedWindData,\n );\n }\n return packagedWindRoseData;\n};\n\n/* Function\n DESC: windDataPackager returns packaged wind data as a simple object containing windDi,windSpeed arrays\n ARGS: point data\n*/\n\n// Optimizing the code by removing both filter methods and running just a single iteration via forEach method\nconst windCheck = (\n pointDataResultsArr: any,\n): { isWDir: any; isWSpeed: any } | null => {\n let isWDir = null;\n let isWSpeed = null;\n pointDataResultsArr.forEach((el: any) => {\n if (el.species === 'winddir') isWDir = el;\n if (el.species === 'windspeed') isWSpeed = el;\n });\n return isWDir && isWSpeed\n ? {\n isWDir: isWDir,\n isWSpeed: isWSpeed,\n }\n : null;\n};\n\nconst windDataPackager = (pointData: TodayData) => {\n let windData: WindPackagedData | null = null;\n const todayDT = new Date();\n if (\n pointData &&\n pointData.results &&\n pointData.results[0].values_coordinates.length\n ) {\n const wDirArr: number[] = [];\n const wSpeedArr: number[] = [];\n const wDateTimeArr: string[] = [];\n\n //check windspeed and winddir call was successful\n let wDirExists = windCheck(pointData.results);\n if (wDirExists) {\n if (\n wDirExists.isWDir.values_coordinates &&\n wDirExists.isWSpeed.values_coordinates\n ) {\n const wDirValues =\n wDirExists.isWDir.values_coordinates[0].values_timestamps;\n const wSpeedValues =\n wDirExists.isWSpeed.values_coordinates[0].values_timestamps;\n\n // Remove forecast data\n pointData.meta.timestamps.forEach((ts, idx) => {\n const parsedDT = mappairDateParser(ts);\n if (parsedDT <= todayDT && wDirValues && wSpeedValues) {\n const formattedDT = moment(parsedDT).format('YYYY-MM-DDTHH:mm:ss');\n wDirArr.push(wDirValues[idx].value);\n wSpeedArr.push(wSpeedValues[idx].value);\n wDateTimeArr.push(formattedDT);\n }\n });\n const minimumResultsCount = 10;\n if (\n wSpeedArr &&\n wSpeedArr.length > minimumResultsCount &&\n wDirArr &&\n wDirArr.length > minimumResultsCount\n ) {\n windData = {\n direction: wDirArr,\n speed: wSpeedArr,\n dateTime: wDateTimeArr,\n };\n }\n }\n }\n }\n return windData;\n};\n\n/* Function\n DESC: pointDataPackager returns packaged point data or null where it doesn't exist\n ARGS: point data and species name\n*/\nconst pointDataPackager = (\n pointData: TodayData,\n speciesData: Species,\n annual?: boolean | undefined,\n) => {\n if (pointData?.results && pointData.results[0].values_coordinates.length) {\n let checkExclusions = ['windspeed', 'winddir'];\n\n if (annual)\n checkExclusions = speciesData.label === 'PM2p5' ? ['pm2p5'] : ['no2'];\n\n const hasData =\n pointData.meta.species_list.filter(\n (ms: string) => !checkExclusions.includes(ms),\n ).length > 0 &&\n pointData.results[0].values_coordinates[0].values_timestamps.find(\n (val) => val.value >= 0,\n );\n\n if (hasData) {\n const firstTimeStamp = mappairDateParser(pointData.meta.timestamps[0]);\n const labels: Date[] = [];\n const data: number[] = [];\n\n if (speciesData.label === 'PM2p5' && annual) {\n const pm2p5Obj = pointData.results.find(\n (res) => res.species === 'pm2p5',\n );\n\n if (pm2p5Obj) {\n pm2p5Obj.values_coordinates[0].values_timestamps.forEach((rvt, i) => {\n if (rvt.value !== -999 && rvt.value !== 32767) {\n const date = rvt.timestamp;\n const newDate = annual\n ? mappairDateParser(pointData.meta.timestamps[i])\n : mappairDateParser(date);\n\n if (newDate.getHours() === firstTimeStamp.getHours()) {\n labels.push(newDate);\n data.push(Math.round(rvt.value));\n }\n }\n });\n }\n } else {\n pointData.results[0].values_coordinates[0].values_timestamps.forEach(\n (rvt, i) => {\n if (rvt.value !== -999 && rvt.value !== 32767) {\n const date = rvt.timestamp;\n const newDate = annual\n ? mappairDateParser(pointData.meta.timestamps[i])\n : mappairDateParser(date);\n\n if (newDate.getHours() === firstTimeStamp.getHours()) {\n labels.push(newDate);\n data.push(Math.round(rvt.value));\n }\n }\n },\n );\n }\n\n const dataFinder = data.find((d) => d !== null);\n if (dataFinder !== null && dataFinder !== undefined) {\n const dataset: LineChartData = {\n unitId: 0,\n species: speciesData.dataIdentifier,\n label: speciesData.HTMLUnitLabel,\n speciesLabel: speciesData.HTMLUnitLabel,\n unitNameLabel: 'NA',\n hidden: false,\n featureColour: 'rgb(255,45,85)',\n defaultColour: '#fff',\n borderDash: [],\n borderDash2: 'solid',\n data,\n speciesObj: speciesData,\n };\n if (data.filter((d) => d !== 0).length > 1) {\n const packagedPointData: ChartData = { datasets: [dataset], labels };\n return packagedPointData;\n }\n }\n }\n }\n return null;\n};\n\n/* Function\n DESC: saDataPackager returns packaged SA data or null where it doesn't exist\n ARGS: display config and sa dataset as returned by the dc and SA API endpoints\n */\nconst saDataPackager = (displayConfig: DisplayConfig, saData: SAData) => {\n const excludedFromAnalysis: string[] = ['total', 'totalarea'];\n let totalValue = 0;\n if (saData && saData.results && saData.results.length) {\n const dataset = saData.results.map((sp) => {\n if (!excludedFromAnalysis.includes(sp.species)) {\n const values = sp.values_coordinates;\n if (values.length) {\n const tsValues = values[0];\n if (tsValues && tsValues.values_timestamps.length) {\n const spData = tsValues.values_timestamps[0];\n const packagedSpData = {\n name: saData.auxinfo.filter(\n (auxSP) => auxSP.species === sp.species,\n )[0].layer_names[0][0],\n data: spData.value >= 0 ? spData.value : 0,\n species: sp.species,\n };\n if (spData.value >= 0) {\n totalValue += spData.value;\n }\n return packagedSpData;\n }\n }\n }\n });\n // Sort the dataset in decending order for charting\n const sortedDataset = dataset\n .filter((ds) => ds && ds.data !== 0)\n .slice()\n .sort((a, b) => b!.data - a!.data);\n if (false) {\n //sortedDataset.length\n const colourSet = sortedDataset.map(\n (ds) =>\n displayConfig.sources.filter((s) => ds!.species === s.source)[0]\n .colour,\n );\n const chartDataset: SAChartData = {\n data: [\n {\n color: '',\n cursor: 'pointer',\n dataPoints: [],\n dataPointMinWidth: 2,\n type: 'bar',\n },\n ],\n meta: {\n total: totalValue,\n },\n };\n sortedDataset.forEach((sDs, idx) => {\n if (sDs) {\n const newDataPoint = {\n y: sDs.data,\n label: `${sDs.name}: ${(\n (sDs.data / totalValue) *\n 100\n ).toFixed(1)}%`,\n };\n chartDataset.data[0].dataPoints.push(newDataPoint);\n if (!chartDataset.data[0].color) {\n chartDataset.data[0].color = `rgba(${colourSet[idx].r}, ${colourSet[idx].g}, ${colourSet[idx].b}, 0.2)`;\n }\n }\n });\n return chartDataset;\n }\n }\n return null;\n};\n\nconst getMinOrMax = (a: number | null, b: number | null, operator: string) => {\n if (a === null) return b;\n if (b === null) return a;\n if (operator === 'min') return a < b ? a : b;\n if (operator === 'max') return a > b ? a : b;\n};\n\nconst calculatePercentile = (sortedArray: number[], percentile: number) => {\n if (sortedArray.length === 0) return null; // Handle empty array case\n\n const index = (percentile / 100) * (sortedArray.length - 1);\n const lower = Math.floor(index);\n const upper = Math.ceil(index);\n const weight = index - lower;\n\n if (lower === upper) {\n // If lower and upper are the same, return that value (no need for interpolation)\n return sortedArray[lower];\n }\n\n // Linearly interpolate between the two values\n return sortedArray[lower] * (1 - weight) + sortedArray[upper] * weight;\n};\n\nconst sortArray = (arr: any[]) => {\n return arr.sort((a, b) => a - b);\n};\n\nconst generateMinMaxMeanStatisticsObject = (data: any[], pollutant: string, selectedOption: string): any => {\n const aggData: any = {};\n data.forEach((row) => {\n const timestamp = row.timestamp;\n const value = row[pollutant];\n if (!aggData[timestamp]) {\n aggData[timestamp] = selectedOption === 'minMeanMax' ? { values: [value], min: value, max: value } : { values: [value] };\n } else {\n aggData[timestamp].values.push(value);\n if (selectedOption === 'minMeanMax') {\n aggData[timestamp].min = getMinOrMax(aggData[timestamp].min, value, 'min');\n aggData[timestamp].max = getMinOrMax(aggData[timestamp].max, value, 'max');\n }\n }\n });\n const timestamps = Object.keys(aggData);\n if (selectedOption === 'minMeanMax') {\n const meanValues = timestamps.map(\n (timestamp) =>\n aggData[timestamp].values.reduce((acc: any, val: any) => acc + val, 0) /\n aggData[timestamp].values.filter((val: number) => typeof val === 'number').length,\n );\n const minValues = timestamps.map((timestamp) => aggData[timestamp].min);\n const maxValues = timestamps.map((timestamp) => aggData[timestamp].max);\n return {\n timestamps,\n meanValues,\n minValues,\n maxValues,\n };\n }\n const fivePercentile = timestamps.map((timestamp) => calculatePercentile(sortArray(aggData[timestamp].values.filter((val: number | null) => typeof val === 'number')), 5));\n const median = timestamps.map((timestamp) => calculatePercentile(sortArray(aggData[timestamp].values.filter((val: number | null) => typeof val === 'number')), 50));\n const ninetyFivePercentile = timestamps.map((timestamp) => calculatePercentile(sortArray(aggData[timestamp].values.filter((val: number | null) => typeof val === 'number')), 95));\n return {\n timestamps,\n fivePercentile,\n median,\n ninetyFivePercentile\n };\n};\n\nexport const pollutantNameMapping: { [key: string]: string } = {\n O3: \"O 3\",\n NO2: \"NO 2\",\n PM1: \"PM 1\",\n PM10: \"PM 10\",\n PM25: \"PM 2.5\",\n CO2: \"CO 2\",\n SO2: \"SO 2\",\n H2S: \"H 2 S\",\n}\n\nconst getMinMaxMeanStatisticsPlotlyDataAndLayout = (\n finalObject: any,\n selectedZephyrs: number,\n selectedOption: string\n) => {\n const data = Object.keys(finalObject).map((pollutant: string) => {\n let timestamps, meanValues, minValues: number[], maxValues: number[], fivePercentile: number[], median: number[], ninetyFivePercentile: number[];\n maxValues = [];\n minValues = [];\n maxValues = [];\n fivePercentile = [];\n median = [];\n ninetyFivePercentile = [];\n if (selectedOption === 'minMeanMax') {\n ({ timestamps, meanValues, minValues, maxValues } = finalObject[pollutant]);\n } else {\n ({ timestamps, fivePercentile, median, ninetyFivePercentile } = finalObject[pollutant]);\n }\n let pollutantName = pollutant;\n if (pollutant.includes('particulate')) {\n [, pollutantName] = pollutant.split('particulate');\n }\n pollutantName = pollutantNameMapping[pollutantName]?.replace(/\\s+/g, '') || pollutantName;\n const pollutantUnit = finalObject[pollutant]?.unit;\n const pollutantUnitText = pollutantUnit ? `(${pollutantUnit})` : '';\n return [\n {\n x: timestamps,\n y: selectedOption === 'minMeanMax' ? meanValues : median,\n type: 'scattergl',\n mode: 'lines',\n name: `${pollutantName} ${selectedOption === 'minMeanMax' ? 'Mean' : 'Median'} ${pollutantUnitText}`,\n customdata: timestamps.map((_: Date, i: number) => selectedOption === 'minMeanMax' ? [maxValues[i], minValues[i]] : [ninetyFivePercentile[i], fivePercentile[i]]),\n hovertemplate: `${selectedOption === 'minMeanMax' ? 'Min' : '5%'} : %{customdata[1]:.1f}` +\n `${selectedOption === 'minMeanMax' ? 'Mean' : 'Median'} : %{y:.1f}` +\n `${selectedOption === 'minMeanMax' ? 'Max' : '95%'} : %{customdata[0]:.1f}`,\n line: { color: `rgb(${colDict[pollutant]?.join(',')})` },\n legendgroup: pollutantName,\n },\n {\n x: timestamps,\n y: selectedOption === 'minMeanMax' ? maxValues : ninetyFivePercentile,\n type: 'scatter',\n mode: 'lines',\n name: `${pollutantName} ${selectedOption === 'minMeanMax' ? 'Max' : '95%'} ${pollutantUnitText}`,\n line: { color: `rgba(${colDict[pollutant]?.join(',')}, 0.2)` },\n opacity: 0.2,\n hoverinfo: 'skip',\n showlegend: false,\n legendgroup: pollutantName,\n },\n {\n x: timestamps,\n y: selectedOption === 'minMeanMax' ? minValues : fivePercentile,\n type: 'scatter',\n mode: 'lines',\n name: `${pollutantName} ${selectedOption === 'minMeanMax' ? 'Min' : '5%'} ${pollutantUnitText}`,\n line: { color: `rgba(${colDict[pollutant]?.join(',')}, 0.2)` },\n fill: selectedZephyrs > 1 && 'tonexty',\n fillcolor: selectedZephyrs > 1 && `rgba(${colDict[pollutant]?.join(',')}, 0.2)`,\n hoverinfo: 'skip',\n showlegend: false,\n legendgroup: pollutantName,\n },\n ];\n });\n\n\n const flattenedData = data.flat();\n return {\n data: flattenedData,\n layout: {\n title: `` /* yaxis: { title: `${pollutant}` } */,\n margin: plotlyMargin,\n font: plotlyFont,\n images: chartWatermarkConfigs,\n responsive: true,\n autosize: true,\n legend: commonLegend,\n polar: staticPlotlyChartLayout().polar,\n },\n };\n};\n\nconst getMaxNumber = (arr: any[]) => {\n return [...arr].sort((a: number, b: number) => a - b)[arr.length - 1];\n};\n\nconst getPopulatedAveragingPeriods = (historiesList: any, data: any) => {\n let averagingPeriods: any =\n historiesList.length === 1 && data ? Object.keys(data) : [];\n if (historiesList.length > 1) {\n historiesList.forEach((unit: any) => {\n if ((Object.values(unit)[0] as any).data) {\n const avPeriods = Object.keys((Object.values(unit) as any)[0].data);\n averagingPeriods = averagingPeriods.concat(avPeriods);\n }\n });\n }\n return averagingPeriods;\n};\n\nconst generateChartConfigurations = (\n unit: any,\n selectedAveragingPeriod: any,\n pollutants: Pollutant[],\n options: Options,\n chartType: string,\n) => {\n const { name, zType } = Object.values(unit)[0] as any;\n const {\n updatedZephyrHistory,\n zephyrHistory,\n } = populateObjectWithZephyrHistory(selectedAveragingPeriod, unit);\n const slots = updatedZephyrHistory[selectedAveragingPeriod.averagingOption]\n ? slotValidator(updatedZephyrHistory, zephyrHistory).filter(\n (slot: string) => slot !== 'head',\n )\n : null;\n if (slots) {\n options.slots = slots;\n slots.forEach((slot: string) => {\n pollutants\n .filter((pollutant: Pollutant) => {\n if (chartType.includes('particulate')) {\n return pollutant.dataIdentifier.includes('particulate');\n }\n return !pollutant.dataIdentifier.includes('particulate');\n })\n .forEach((pollutant: Pollutant) => {\n const selectedPollutantName: string = pollutant.dataIdentifier;\n const dataCheck =\n pollutant.dataIdentifier in\n updatedZephyrHistory[selectedAveragingPeriod.averagingOption][slot]\n ? !\n updatedZephyrHistory[selectedAveragingPeriod.averagingOption][\n slot\n ][pollutant.dataIdentifier].allNull\n\n ? [\n ...updatedZephyrHistory[\n selectedAveragingPeriod.averagingOption\n ][slot][pollutant.dataIdentifier].data,\n ]\n : []\n : [];\n const slotName_beta =\n zType === 0\n ? slot === 'slotA'\n ? 'A'\n : 'B'\n : zType === 100\n ? 'VZ'\n : slot;\n options.headers =\n dataCheck.length > 0\n ? [\n ...options.headers,\n pollutant.dataIdentifier.includes('particulate')\n ? `${pollutant.dataIdentifier === 'particulatePM25'\n ? `PM2.5(${pollutant.HTMLShortUnitLabel})`\n : pollutant.dataIdentifier.replace(\n 'particulate',\n '',\n ) + `(${pollutant.HTMLShortUnitLabel})`\n }`\n : `${pollutant.HTMLUnitLabel}`,\n ]\n : [...options.headers];\n if (options.timeStamps.length === 0)\n options.timeStamps = [\n ...updatedZephyrHistory[selectedAveragingPeriod.averagingOption][\n slot\n ].dateTime.data,\n ];\n if (dataCheck.length > 0) {\n if (getMaxNumber(dataCheck) > options.yMax)\n options.yMax = getMaxNumber(dataCheck);\n }\n const series = {\n // name: pollutant.dataIdentifier.includes('particulate')\n // ? `${pollutant.dataIdentifier === 'particulatePM25'\n // ? `PM2.5(${pollutant.HTMLShortUnitLabel})`\n // : pollutant.dataIdentifier.replace('particulate', '') +\n // `(${pollutant.HTMLShortUnitLabel})`\n // }`\n // : `${pollutant.HTMLUnitLabel}`,\n name: pollutant.HTMLUnitLabel,\n dataIdentifier: pollutant.dataIdentifier,\n type: 'line',\n lineStyle: {\n color: `rgba(${colDict[selectedPollutantName]?.join(',')}, 0.2)`,\n },\n showSymbol: false,\n data: dataCheck,\n symbol: 'none',\n symbolSize: 0,\n yAxisIndex: 0,\n slot\n };\n options.series = [...options.series, { ...series }];\n });\n });\n }\n};\n\nexport const getAvgPollutantsForSelectedTimePeriod = (\n unitHistories: any,\n selectedZephyrName: string,\n selectedAveragingPeriodd: any,\n) => {\n const { historiesList } = unitHistories;\n const unitKey = Object.keys(historiesList[0])[0];\n const { selectedAveragingPeriod, data } = historiesList[0][unitKey];\n const options: Options = {\n headers: [],\n timeStamps: [],\n series: [],\n yAxis: [],\n yMax: 0,\n };\n const averagingPeriods = getPopulatedAveragingPeriods(historiesList, data);\n const pollutants = getSelectedPollutants(unitHistories);\n};\n\nconst truncateLegendName = (name: string, maxLength: number) => {\n return name.length > maxLength ? name.substring(0, maxLength - 3) + '...' : name;\n};\n\nconst getCommonUnits = (historiesList: any, selectedZephyrNumbers: any, averagingOption: string, pollutant: string) => {\n return historiesList.filter((unit: any) => {\n const unitName = Object.keys(unit)[0];\n const { data } = Object.values(unit)[0] as any;\n const slotWithValidData = data && data[averagingOption] ? Object.keys(data[averagingOption]).find((slot: string) => {\n return slot !== 'head' && data[averagingOption][slot] && data[averagingOption][slot].hasOwnProperty(pollutant) && data[averagingOption][slot][pollutant].data.some((val: number | null) => typeof val === 'number');\n }) : null;\n return selectedZephyrNumbers.includes(unitName) && slotWithValidData;\n })\n};\n\nconst plotlyPollutantComparisonGenerator = (unitHistories: any, comparisonViewZephyrs: any, pollutant: string) => {\n const { historiesList } = unitHistories;\n const selectedZephyrNumbers = comparisonViewZephyrs.map((z: any) => z.id);\n const { selectedAveragingPeriod: { averagingOption } } = historiesList[0][Object.keys(historiesList[0])[0]];\n const commonUnits = getCommonUnits(historiesList, selectedZephyrNumbers, averagingOption, pollutant);\n const series: any[] = [];\n commonUnits.forEach((unit: any, id: number) => {\n const { data, name } = Object.values(unit)[0] as any;\n if (data) {\n const slots = Object.keys(data[averagingOption]).filter((slot: string) => {\n return slot !== 'head' && data[averagingOption][slot] && data[averagingOption][slot].hasOwnProperty(pollutant)\n });\n if (slots.length) {\n slots.forEach((slot: string, slotId: number) => {\n const { dateTime: { data: timeStamp } } = data[averagingOption][slot];\n const { data: pollutantData } = data[averagingOption][slot][pollutant];\n series.push({\n x: timeStamp,\n y: pollutantData,\n mode: 'lines',\n type: 'scattergl',\n name: truncateLegendName(name, 20),\n legendgroup: name,\n showlegend: slotId > 0 ? false : true,\n hovertemplate: slots.length > 1 ? `%{y} (${slot.split('slot')[1]})` : `%{y}`,\n line: {\n color: `rgba(${colDict[pollutant]?.join(',')},1)`,\n width: 2,\n dash: lineTypes[id]\n },\n })\n });\n }\n }\n });\n return series;\n};\n\nconst plotlyChartDataGenerator = (\n unitHistories: any,\n selectedZephyrNumber: string,\n chartType: string,\n) => {\n const { historiesList } = unitHistories;\n const unitKey = Object.keys(historiesList[0])[0];\n const { selectedAveragingPeriod, data } = historiesList[0][unitKey];\n const options: Options = {\n headers: [],\n timeStamps: [],\n series: [],\n yAxis: [],\n yMax: 0,\n color: [],\n slots: [],\n };\n const averagingPeriods = getPopulatedAveragingPeriods(historiesList, data);\n const pollutants = getSelectedPollutants(unitHistories);\n if (\n averagingPeriods.includes(selectedAveragingPeriod.averagingOption) &&\n pollutants\n ) {\n const unit = historiesList.find(\n (zephyr: any) =>\n +(Object.keys(zephyr) as any)[0] === +selectedZephyrNumber,\n );\n generateChartConfigurations(\n unit,\n selectedAveragingPeriod,\n pollutants,\n options,\n chartType,\n );\n }\n const { timeStamps, series, slots } = options;\n const serieNames: string[] = [];\n return series.filter((serie: any) => serie.data.length > 0 && serie.data.some((val: number | null) => typeof val === 'number')).map((serie: any) => {\n const data = {\n x: timeStamps,\n y: serie.data,\n mode: 'lines',\n type: 'scattergl',\n name: serie.name,\n legendgroup: serie.name,\n showlegend: serieNames.includes(serie.name) ? false : true,\n hovertemplate: slots?.filter(slot => slot !== 'head').length === 2 ? `%{y} (${serie.slot.split('slot')[1]})` : `%{y}`,\n line: {\n color: `rgba(${colDict[serie.dataIdentifier]?.join(',')},1)`,\n width: 2,\n },\n };\n if (!serieNames.includes(serie.name)) serieNames.push(serie.name);\n return data;\n });\n};\n\nconst getSelectedPollutants = (unitHistories: any) => {\n const { historiesList } = unitHistories;\n const unitKey = Object.keys(historiesList[0])[0];\n const { selectedPollutants } = historiesList[0][unitKey];\n return selectedPollutants;\n};\n\nconst plotlyTHPDataGenerator = (\n unitHistories: any,\n selectedZephyrNumber: string,\n) => {\n const { historiesList } = unitHistories;\n const unitKey = Object.keys(historiesList[0])[0];\n const { selectedAveragingPeriod, data } = historiesList[0][unitKey];\n const options: Options = {\n headers: [],\n timeStamps: [],\n series: [],\n yAxis: [],\n yMax: 0,\n color: [],\n slots: [],\n };\n let averagingPeriods: any =\n historiesList.length === 1 && data ? Object.keys(data) : [];\n if (historiesList.length > 1) {\n historiesList.forEach((unit: any) => {\n if ((Object.values(unit)[0] as any).data) {\n const avPeriods = Object.keys((Object.values(unit) as any)[0].data);\n averagingPeriods = averagingPeriods.concat(avPeriods);\n }\n });\n }\n const unit = historiesList.find(\n (zephyr: any) =>\n +(Object.keys(zephyr) as any)[0] === +selectedZephyrNumber,\n );\n if (averagingPeriods.includes(selectedAveragingPeriod.averagingOption)) {\n const {\n updatedZephyrHistory,\n zephyrHistory,\n } = populateObjectWithZephyrHistory(selectedAveragingPeriod, unit);\n const slots = updatedZephyrHistory[selectedAveragingPeriod.averagingOption]\n ? slotValidator(updatedZephyrHistory, zephyrHistory)\n : null;\n if (slots) {\n options.slots = slots;\n slots\n .filter((slot: string) => slot !== 'head')\n .forEach((slot: string) => {\n temperatureHumidityPressure.forEach((pollutant: Pollutant) => {\n const selectedPollutantName: string = pollutant.dataIdentifier;\n\n const slotName_beta =\n unit[Object.keys(unit)[0]].zType === 0\n ? slot === 'slotA'\n ? 'A'\n : 'B'\n : unit[Object.keys(unit)[0]].zType === 100\n ? 'VZ'\n : slot;\n const dataCheck =\n pollutant.dataIdentifier in\n updatedZephyrHistory[selectedAveragingPeriod.averagingOption][\n slot\n ]\n ? !updatedZephyrHistory[\n selectedAveragingPeriod.averagingOption\n ][slot][pollutant.dataIdentifier].allNull\n ? [\n ...updatedZephyrHistory[\n selectedAveragingPeriod.averagingOption\n ][slot][pollutant.dataIdentifier].data,\n ]\n : []\n : [];\n options.headers =\n dataCheck.length > 0\n ? [\n ...options.headers,\n `${pollutant.dataIdentifier === 'tempC'\n ? 'Temperature'\n : pollutant.dataIdentifier === 'humidity'\n ? 'Humidity'\n : pollutant.dataIdentifier === 'ambPressure'\n ? 'Pressure'\n : pollutant.dataIdentifier\n }`,\n ]\n : [...options.headers];\n if (options.timeStamps.length === 0)\n options.timeStamps = [\n ...updatedZephyrHistory[\n selectedAveragingPeriod.averagingOption\n ][slot].dateTime.data,\n ];\n if (dataCheck.length > 0) {\n if (getMaxNumber(dataCheck) > options.yMax)\n options.yMax = getMaxNumber(dataCheck);\n }\n const series = {\n chartType: 'weather',\n name: `${pollutant.dataIdentifier === 'tempC'\n ? 'Temperature'\n : pollutant.dataIdentifier === 'humidity'\n ? 'Humidity'\n : pollutant.dataIdentifier === 'ambPressure'\n ? 'Pressure'\n : pollutant.dataIdentifier\n }`,\n type: 'line',\n lineStyle: {\n type: 'line',\n color: `rgba(${colDict[selectedPollutantName]?.join(',')},1)`,\n },\n showSymbol:\n dataCheck.filter(\n (val: number | null) => typeof val === 'number',\n ).length === 1\n ? true\n : false,\n data: dataCheck,\n slot,\n yAxisIndex:\n unit[Object.keys(unit)[0]].zType === 100\n ? pollutant.dataIdentifier === 'tempC'\n ? 0\n : 1\n : pollutant.dataIdentifier === 'tempC'\n ? 0\n : pollutant.dataIdentifier === 'humidity'\n ? 1\n : 2,\n symbol:\n dataCheck.filter(\n (val: number | null) => typeof val === 'number',\n ).length === 1\n ? 'circle'\n : 'none',\n symbolSize:\n dataCheck.filter(\n (val: number | null) => typeof val === 'number',\n ).length === 1\n ? 3\n : 0,\n };\n options.color = [\n ...options.color!,\n `rgba(${colDict[selectedPollutantName]?.join(',')},1)`,\n ];\n options.series = [...options.series, { ...series }];\n });\n });\n }\n }\n const layout =\n unit[Object.keys(unit)[0]].zType === 100\n ? {\n title: '',\n margin: plotlyTHPMargin,\n font: plotlyFont,\n xaxis: {\n domain: [0, 0.9],\n showline: true,\n },\n yaxis: {\n title: {\n text: 'Temperature (°C)',\n standoff: 1,\n },\n // position: 0.05,\n titlefont: { color: '#1a202c' },\n side: 'left',\n showline: true,\n },\n yaxis2: {\n title: 'Humidity (%)',\n titlefont: { color: '#1a202c' },\n overlaying: 'y',\n side: 'right',\n position: 0.9,\n showline: true,\n },\n // legend: {\n // x: 0,\n // y: -0.3,\n // orientation: 'h',\n // },\n }\n : {\n title: '',\n margin: plotlyTHPMargin,\n font: plotlyFont,\n xaxis: {\n domain: [0, 0.9],\n showline: true,\n },\n yaxis: {\n title: {\n text: 'Temperature (°C)',\n standoff: 1,\n },\n // position: 0.05,\n titlefont: { color: '#1a202c' },\n side: 'left',\n showline: true,\n },\n yaxis2: {\n title: 'Humidity (%)',\n titlefont: { color: '#1a202c' },\n overlaying: 'y',\n side: 'right',\n position: 0.9,\n showline: true,\n },\n // yaxis3: {\n // title: 'Pressure (hPa)',\n // titlefont: { color: '#0d81fe' },\n // overlaying: 'y',\n // side: 'right',\n // position: 1,\n // showline: true,\n // },\n // legend: {\n // x: 0,\n // y: -0.3,\n // orientation: 'h',\n // },\n };\n const { timeStamps, series, slots } = options;\n const serieNames: string[] = [];\n const thpSeries = series.filter((serie: any) => serie.data.length > 0 && serie.data.some((val: number | null) => typeof val === 'number')).map((serie: any) => {\n const data = {\n x: timeStamps,\n y: serie.data,\n mode: 'lines',\n type: 'scattergl',\n name: serie.name,\n legendgroup: serie.name,\n showlegend: serieNames.includes(serie.name) ? false : true,\n hovertemplate: slots?.filter(slot => slot !== 'head').length === 2 ? `%{y} (${serie.slot.split('slot')[1]})` : `%{y}`,\n line: {\n color: `rgba(${colDict[serie.name]?.join(',')}, 1)`,\n width: 2,\n },\n yaxis:\n serie.yAxisIndex === 0 ? 'y1' : serie.yAxisIndex === 1 ? 'y2' : 'y3',\n };\n if (!serieNames.includes(serie.name)) serieNames.push(serie.name);\n return data;\n });\n return {\n thpSeries,\n layout,\n };\n};\n\nconst plotlyWindDirectionSpeedGenerator = (\n unitHistories: any,\n selectedWeatherZephyrNumber: string,\n zephyrs: Zephyr[]\n) => {\n const windSeries: {\n time: Date[] | string[];\n speed: number[];\n direction: number[];\n } = { time: [], speed: [], direction: [] };\n const { historiesList } = unitHistories;\n const zephyrNumber = +selectedWeatherZephyrNumber;\n const unit = historiesList.find(\n (zephyr: any) => +(Object.keys(zephyr) as any)[0] === zephyrNumber,\n );\n const unitKey = Object.keys(unit)[0];\n const { HasMetStation } = zephyrs.find((zephyr: Zephyr) => zephyr.zNumber === +unitKey) as Zephyr;\n const { selectedAveragingPeriod, data, zType, proxyVZData: { data: proxyVZData = {} } = {} } = unit[unitKey];\n const {\n updatedZephyrHistory,\n zephyrHistory,\n } = populateObjectWithZephyrHistory(selectedAveragingPeriod, unit);\n const slots = updatedZephyrHistory[selectedAveragingPeriod.averagingOption]\n ? slotValidator(updatedZephyrHistory, zephyrHistory)\n : [];\n const proxyVZSlots = Object.keys(proxyVZData).length > 0 && proxyVZData[selectedAveragingPeriod.averagingOption] ? Object.keys(proxyVZData[selectedAveragingPeriod.averagingOption]).reverse().filter((slot: string) => proxyVZData[selectedAveragingPeriod.averagingOption][slot] && slot !== 'head') : [];\n const validation = ((HasMetStation && slots.length > 0 && selectedAveragingPeriod.averagingOption in data && slots[0] in data[selectedAveragingPeriod.averagingOption]) || (!HasMetStation && proxyVZSlots.length > 0 && selectedAveragingPeriod.averagingOption in proxyVZData) || zType === 100) && zType !== 1;\n if (validation) {\n if (HasMetStation && slots.length > 0 && slots.includes('head') && zType === 0) { slots.unshift((slots as any).pop()); }\n const slotData = HasMetStation || zType === 100 ? data[selectedAveragingPeriod.averagingOption][slots[0]] : proxyVZData[selectedAveragingPeriod.averagingOption][proxyVZSlots[0]];\n if (\n (zType === 0 && ((HasMetStation && 'relWindSpeed' in slotData && 'relWindDir' in slotData) || (!HasMetStation && 'WINDSPEED' in slotData && 'WINDDIR' in slotData))) ||\n (zType === 100 && 'WINDDIR' in slotData && 'WINDSPEED' in slotData)\n ) {\n\n const relWindSpeed =\n zType === 0 && HasMetStation ? slotData['relWindSpeed'] : slotData['WINDSPEED'];\n const relWindDir =\n zType === 0 && HasMetStation ? slotData['relWindDir'] : slotData['WINDDIR'];\n const { dateTime } = slotData;\n const { data: relWindSpeedData } = relWindSpeed;\n const { data: relWindDirData } = relWindDir;\n const { data: dateTimeStamps } = dateTime;\n windSeries.time = dateTimeStamps.map((timestamp: string) =>\n timestamp.replace(/\\+00:00\\+00:00$/, '+00:00')\n );\n windSeries.speed = relWindSpeedData;\n windSeries.direction = relWindDirData;\n }\n }\n return windSeries;\n};\n\nconst plotlyPrecipitationGenerator = (\n unitHistories: any,\n selectedWeatherZephyrNumber: string,\n zephyrs: Zephyr[]\n) => {\n const precipitationSeries: {\n precipitation: number[];\n time: Date[] | string[];\n } = { precipitation: [], time: [] };\n const { historiesList } = unitHistories;\n const zephyrNumber = +selectedWeatherZephyrNumber;\n const unit = historiesList.find(\n (zephyr: any) => +(Object.keys(zephyr) as any)[0] === zephyrNumber,\n );\n const unitKey = Object.keys(unit)[0];\n const { HasMetStation } = zephyrs.find((zephyr: Zephyr) => zephyr.zNumber === +unitKey) as Zephyr;\n const { selectedAveragingPeriod, data, zType, proxyVZData: { data: proxyVZData = {} } = {} } = unit[unitKey];\n const {\n updatedZephyrHistory,\n zephyrHistory,\n } = populateObjectWithZephyrHistory(selectedAveragingPeriod, unit);\n const slots: string[] = updatedZephyrHistory[selectedAveragingPeriod.averagingOption]\n ? slotValidator(updatedZephyrHistory, zephyrHistory)\n : [];\n const proxyVZSlots = Object.keys(proxyVZData).length > 0 && proxyVZData[selectedAveragingPeriod.averagingOption] ? Object.keys(proxyVZData[selectedAveragingPeriod.averagingOption]).reverse().filter((slot: string) => proxyVZData[selectedAveragingPeriod.averagingOption][slot] && slot !== 'head') : [];\n const validation = ((HasMetStation && slots.length > 0 && selectedAveragingPeriod.averagingOption in data && slots[0] in data[selectedAveragingPeriod.averagingOption]) || (!HasMetStation && proxyVZSlots.length > 0 && selectedAveragingPeriod.averagingOption in proxyVZData) || zType === 100) && zType !== 1;\n if (validation) {\n if (HasMetStation && slots.length > 0 && slots.includes('head') && zType === 0) { slots.unshift((slots as any).pop()); }\n const slotData = HasMetStation || zType === 100 ? data[selectedAveragingPeriod.averagingOption][slots[0]] : proxyVZData[selectedAveragingPeriod.averagingOption][proxyVZSlots[0]];\n if (\n (zType === 0 && ((HasMetStation && 'precipitationIntensity' in slotData) || (!HasMetStation && 'RAINFALL' in slotData))) ||\n (zType === 100 && 'RAINFALL' in slotData)\n ) {\n const precipitation =\n zType === 0 && HasMetStation\n ? slotData['precipitationIntensity'].data\n : slotData['RAINFALL'].data;\n const { dateTime } = slotData;\n const { data: dateTimeStamps } = dateTime;\n precipitationSeries.precipitation = precipitation;\n precipitationSeries.time = dateTimeStamps.map((timestamp: string) =>\n timestamp.replace(/\\+00:00\\+00:00$/, '+00:00')\n );;\n }\n }\n const plotlyData = {\n precipitationSerie: [\n {\n type: 'bar',\n x: precipitationSeries.time,\n y: precipitationSeries.precipitation,\n marker: { color: '#636efa' },\n },\n ],\n precipitationLayout: {\n yaxis: { title: 'Rainfall (mm/hr)', automargin: true, hoverformat: '.3r' },\n margin: plotlyPrecipitationMargin,\n font: plotlyFont,\n },\n };\n return plotlyData;\n};\n\nconst plotlyMinMaxMeanStatisticsGenerator = (unitHistories: any, chartType: string, selectedOption: string) => {\n if (!unitHistories || !('historiesList' in unitHistories)) {\n return;\n }\n const { historiesList } = unitHistories;\n\n const unitKey = Object.keys(historiesList[0])[0];\n const {\n selectedAveragingPeriod,\n data,\n selectedPollutants,\n } = historiesList[0][unitKey];\n const averagingPeriods = getPopulatedAveragingPeriods(historiesList, data);\n const pollutants = selectedPollutants.filter((pollutant: Pollutant) => {\n if (chartType.includes('networkViewParticulates')) {\n return pollutant.dataIdentifier.includes('particulate');\n }\n return !pollutant.dataIdentifier.includes('particulate');\n });\n\n const pollutantUnits: { [pollutant: string]: string } = {};\n\n if (averagingPeriods.includes(selectedAveragingPeriod.averagingOption)) {\n let obj: any = {};\n const unitList = historiesList.filter(\n (unit: any) =>\n unit[Object.keys(unit)[0]].data !== null &&\n unit[Object.keys(unit)[0]].data !== false,\n );\n unitList.forEach((unit: any, unitIdx: number) => {\n const { name, zType } = Object.values(unit)[0] as any;\n const {\n updatedZephyrHistory,\n zephyrHistory,\n } = populateObjectWithZephyrHistory(selectedAveragingPeriod, unit);\n const slots = updatedZephyrHistory[\n selectedAveragingPeriod.averagingOption\n ]\n ? slotValidator(updatedZephyrHistory, zephyrHistory).filter(\n (slot: string) => slot !== 'head',\n )\n : null;\n if (slots && slots.length > 0) {\n const unitZNumber = Object.keys(unit)[0];\n const unitData = unit[unitZNumber].data;\n slots.forEach((slot: string) => {\n pollutants.forEach((p: Pollutant) => {\n const pollutant = p.dataIdentifier;\n pollutantUnits[pollutant] = p.HTMLShortUnitLabel;\n if (\n pollutant in\n unitData[selectedAveragingPeriod.averagingOption][slot]\n ) {\n const { data: pollutantData } = unitData[\n selectedAveragingPeriod.averagingOption\n ][slot][pollutant];\n const { data: dateTimeStamps } = unitData[\n selectedAveragingPeriod.averagingOption\n ][slot].dateTime;\n obj[pollutant] =\n pollutant in obj\n ? [\n ...obj[pollutant],\n ...dateTimeStamps.map((ts: string, idx: number) => {\n return {\n timestamp: ts,\n [pollutant]: pollutantData[idx],\n };\n }),\n ]\n : [\n ...dateTimeStamps.map((ts: string, idx: number) => {\n return {\n timestamp: ts,\n [pollutant]: pollutantData[idx],\n };\n }),\n ];\n }\n });\n });\n }\n });\n const finalObject: any = {};\n Object.keys(obj).forEach((key: string) => {\n const pollutant = key;\n const formattedData = obj[key];\n let timestamps, meanValues, minValues, maxValues, fivePercentile, median, ninetyFivePercentile;\n\n if (selectedOption === 'minMeanMax') {\n ({ timestamps, meanValues, minValues, maxValues } = generateMinMaxMeanStatisticsObject(formattedData, pollutant, selectedOption));\n } else {\n ({ timestamps, fivePercentile, median, ninetyFivePercentile } = generateMinMaxMeanStatisticsObject(formattedData, pollutant, selectedOption));\n }\n finalObject[pollutant] = selectedOption === 'minMeanMax' ? {\n timestamps,\n meanValues,\n minValues,\n maxValues,\n unit: pollutantUnits[pollutant],\n } : { timestamps, median, fivePercentile, ninetyFivePercentile, unit: pollutantUnits[pollutant] };\n });\n const { data, layout } = getMinMaxMeanStatisticsPlotlyDataAndLayout(\n finalObject,\n historiesList.length,\n selectedOption\n );\n return { data, layout };\n }\n return [];\n};\n\nconst getSourceApportionmentConfigurations = (unitHistories: any, selectedZephyr: Zephyr, isNO2: boolean) => {\n let config: { [key: string]: number } = {};\n const { zNumber } = selectedZephyr;\n const zephyr = unitHistories.historiesList.find((z: any) => +Object.keys(z)[0] === zNumber);\n if (zephyr) {\n const { proxyVZSourceApportionmentData, selectedAveragingPeriod: { averagingOption } } = Object.values(zephyr)[0] as any;\n if (proxyVZSourceApportionmentData && proxyVZSourceApportionmentData.data && proxyVZSourceApportionmentData.data[averagingOption] && Object.keys(proxyVZSourceApportionmentData.data[averagingOption]).length) {\n const { data: proxyVZData } = proxyVZSourceApportionmentData;\n const averagingData = proxyVZData[averagingOption];\n const sa = isNO2 ? 'nox' : 'pm2p5';\n const curSALabels = isNO2 ? saLabelsNox : saLabelsPm2p5;\n const slot = 'slotB';\n if (slot in averagingData && averagingData[slot] && Object.keys(averagingData[slot]).length) {\n const filteredSAObject = Object.fromEntries(\n Object.entries(averagingData[slot]).filter(([key, _]) => key.includes(sa))\n );\n const saObject = Object.values(filteredSAObject);\n saObject.forEach(saData => {\n const { data: average, allNull, keyword } = saData as any;\n if (!allNull && average !== null && average !== undefined) {\n const label = curSALabels[keyword.split('_')[1] as keyof typeof curSALabels];\n config[`${label}${average === 0 || +average.toFixed() === 0 ? ' (0%)' : ` (${+average.toFixed()}%)`}`] = +average.toFixed();\n }\n })\n }\n }\n }\n if (Object.keys(config).length) {\n config = Object.fromEntries(\n Object.entries(config).sort(([, a], [, b]) => b - a)\n );\n }\n return Object.keys(config).length ? config : null;\n};\n\n/* Summary Table */\n\nconst roundedToFixed = (input: number, digits: number) => {\n const rounder = Math.pow(10, digits);\n return (Math.round(input * rounder) / rounder).toFixed(digits);\n};\n\nconst getMinMaxMean = (arr: any[]) => {\n const sortedArr =\n arr && arr.length > 0\n ? [...arr]\n .filter((el: number | null) => el !== null)\n .sort((a: number, b: number) => a - b)\n : [];\n const mean =\n sortedArr.reduce((a: number, b: number) => a + b, 0) / sortedArr.length;\n return sortedArr.length > 0 && arr\n ? {\n min: sortedArr[0],\n max: sortedArr[sortedArr.length - 1],\n mean,\n sortedArr,\n }\n : { min: 'N/A', max: 'N/A', mean: 'N/A', sortedArr };\n};\n\nconst formatCustomDate = (date: string) => {\n return date\n ? `${date.substring(8, 6)}/${date.substring(6, 4)}/${date.substring(\n 0,\n 4,\n )} ${date.substring(10, 8)}:${date.substring(10)}`\n : 'N/A';\n};\n\nconst getLocalTimeStamp = (timeStamp: string) => {\n const utcStartTime = utcConvertor(timeStamp);\n const unSyncedStartDate: Date = new Date(\n `${utcStartTime\n .toString()\n .substring(0, 4)}-${utcStartTime\n .toString()\n .substring(4, 6)}-${utcStartTime\n .toString()\n .substring(6, 8)}T${utcStartTime\n .toString()\n .substring(8, 10)}:${utcStartTime.toString().substring(10, 12)}`,\n );\n\n}\n\nconst getDateTime = (start: string, end: string, labelHTML: string) => {\n if (labelHTML !== 'Custom') {\n const utcStartTime = utcConvertor(start);\n const utcEndTime = utcConvertor(end);\n const unSyncedStartDate: Date = new Date(\n `${utcStartTime\n .toString()\n .substring(0, 4)}-${utcStartTime\n .toString()\n .substring(4, 6)}-${utcStartTime\n .toString()\n .substring(6, 8)}T${utcStartTime\n .toString()\n .substring(8, 10)}:${utcStartTime.toString().substring(10, 12)}`,\n );\n const unSyncedEndDate: Date = new Date(\n `${utcEndTime\n .toString()\n .substring(0, 4)}-${utcEndTime\n .toString()\n .substring(4, 6)}-${utcEndTime\n .toString()\n .substring(6, 8)}T${utcEndTime\n .toString()\n .substring(8, 10)}:${utcEndTime.toString().substring(10, 12)}`,\n );\n const startDate = moment(\n convertUnitTimeToLocalTime(unSyncedStartDate),\n ).format('DD-MM-YYYY HH:mm');\n const endDate = moment(convertUnitTimeToLocalTime(unSyncedEndDate)).format(\n 'DD-MM-YYYY HH:mm',\n );\n return { startDate, endDate };\n }\n const startDate = formatCustomDate(start);\n const endDate = formatCustomDate(end);\n return { startDate, endDate };\n};\n\nconst formatDate = (dateToFormat: Date) => {\n // Create a Date object from the ISO 8601 string\n const date = new Date(dateToFormat);\n\n // Extract components from the date\n const day = String(date.getUTCDate()).padStart(2, '0');\n const month = String(date.getUTCMonth() + 1).padStart(2, '0'); // getUTCMonth() returns month from 0-11\n const year = date.getUTCFullYear();\n const hours = String(date.getUTCHours()).padStart(2, '0');\n const minutes = String(date.getUTCMinutes()).padStart(2, '0');\n\n // Format the date and time as DD/MM/YYYY HH:mm\n return `${day}/${month}/${year} ${hours}:${minutes}`;\n};\n\nconst summaryTableGenerator = (unitHistories: any, zephyrs: Zephyr[], csv: boolean) => {\n if (!unitHistories || !('historiesList' in unitHistories)) {\n return;\n }\n const { historiesList: selectedZephyrs } = unitHistories;\n const averagingPeriod: AveragingPeriod = (Object.values(\n selectedZephyrs[0],\n )[0] as any).selectedAveragingPeriod;\n const { selectedPollutants } = Object.values(selectedZephyrs[0])[0] as any;\n const tableTitles: { title: string, type?: string }[] | string[] = !csv ? [\n { title: 'Source' },\n { title: 'ID', type: 'num' },\n { title: 'Name' },\n { title: 'Slot' },\n ] : ['Source', 'Site ID', 'Site Name', 'Slot Number', 'Latitude', 'Longitude'];\n const tableData: any[] = [];\n let titlesPushed = false;\n selectedZephyrs.forEach((zephyrData: any, zIdx: number) => {\n const zephyr = zephyrs\n .filter((zephyr: Zephyr) => zephyr.zNumber)\n .find(\n (zephyr: Zephyr) =>\n zephyr.zNumber.toString() === Object.keys(zephyrData)[0],\n );\n const { latitude, longitude } = zephyr!;\n const {\n name,\n selectedDate: { start, end },\n selectedTimePeriod: { labelHTML },\n zType,\n } = Object.values(zephyrData)[0] as any;\n const zephyrType =\n zType === 0 ? 'Zephyr' : zType === 100 ? 'Virtual Zephyr' : 'AURN';\n const { startDate, endDate } = getDateTime(start, end, labelHTML);\n const selectedDate: string = `${startDate} - ${endDate}`;\n if ((Object.values(zephyrData)[0] as any).data) {\n if (\n averagingPeriod.averagingOption in\n (Object.values(zephyrData)[0] as any).data\n ) {\n const averagingOptionData = (Object.values(zephyrData)[0] as any).data[\n averagingPeriod.averagingOption\n ];\n const slots = Object.keys(averagingOptionData).reverse().filter((slot: string) => averagingOptionData[slot] && slot !== 'head');\n slots.forEach((slot: string, sIdx: number) => {\n if (averagingOptionData[slot]) {\n const zephyrID = Object.keys(zephyrData)[0];\n const tableRowData: any = !csv ? [\n zephyrType,\n zephyrID,\n name,\n zephyrType === 'Zephyr' ? slot.split(/(?=[A-Z])/)[1] : 'N/A',\n ] : [\n zephyrType,\n zephyrID,\n name,\n zephyrType === 'Zephyr' ? slot.split(/(?=[A-Z])/)[1] : 'N/A',\n latitude,\n longitude\n ];\n selectedPollutants.forEach((selectedPollutant: Pollutant, pIdx: number) => {\n let pollutant = selectedPollutant.dataIdentifier.includes('particulate') ? selectedPollutant.dataIdentifier.split('particulate')[1] : selectedPollutant.dataIdentifier;\n pollutant = pollutantNameMapping[pollutant]?.replace(/\\s+/g, '') || pollutant;\n if (!csv && !(tableTitles as { title: string, type?: string }[]).find((pollutantTitleObj: { title: string, type?: string }) => pollutantTitleObj.title === pollutant)) (tableTitles as { title: string, type?: string }[]).push({ title: pollutant });\n const pollutantData =\n selectedPollutant.dataIdentifier in averagingOptionData[slot]\n ? averagingOptionData[slot][selectedPollutant.dataIdentifier]\n .data\n : null;\n const {\n dateTime: { data: dateTimeArr },\n } = averagingOptionData[slot];\n const { max, mean, sortedArr } = getMinMaxMean(pollutantData);\n if (!csv) tableRowData.push([]);\n tableRowData.push(\n sortedArr.length > 0 ? roundedToFixed(+mean, 1) : mean,\n sortedArr.length > 0 ? roundedToFixed(+max, 1) : max,\n sortedArr.length > 0\n ? formatDate(dateTimeArr[pollutantData.indexOf(max)])\n : 'N/A',\n selectedPollutant.HTMLShortUnitLabel,\n );\n if (!titlesPushed) {\n (tableTitles as any).push(\n !csv ? {\n title: `Mean`,\n type: 'num'\n } : `${selectedPollutant.dataIdentifier.includes('particulate') ? selectedPollutant.dataIdentifier.split('particulate')[1] === 'PM25' ? 'PM2.5' : selectedPollutant.dataIdentifier.split('particulate')[1] : selectedPollutant.dataIdentifier} Mean`,\n !csv ? {\n title: `Max`,\n type: 'num'\n } : `${selectedPollutant.dataIdentifier.includes('particulate') ? selectedPollutant.dataIdentifier.split('particulate')[1] === 'PM25' ? 'PM2.5' : selectedPollutant.dataIdentifier.split('particulate')[1] : selectedPollutant.dataIdentifier} Max`,\n !csv ? {\n // title: `Date Time (${getCurrentTimeZoneAbbreviation()})`,\n title: `Date Time (UTC)`,\n } : `${selectedPollutant.dataIdentifier.includes('particulate') ? selectedPollutant.dataIdentifier.split('particulate')[1] === 'PM25' ? 'PM2.5' : selectedPollutant.dataIdentifier.split('particulate')[1] : selectedPollutant.dataIdentifier} ${!csv ? '' : 'Max'} Date Time (UTC)`,\n !csv ? {\n title: `Unit`\n } : `${selectedPollutant.dataIdentifier.includes('particulate') ? selectedPollutant.dataIdentifier.split('particulate')[1] === 'PM25' ? 'PM2.5' : selectedPollutant.dataIdentifier.split('particulate')[1] : selectedPollutant.dataIdentifier} Unit`\n );\n if (pIdx === selectedPollutants.length - 1) titlesPushed = true;\n }\n });\n tableData.push([...tableRowData]);\n }\n });\n } else {\n const zephyrID = Object.keys(zephyrData)[0];\n const tableRowData: any = !csv ? [\n zephyrType,\n zephyrID,\n name,\n 'No data for selected averaging option'\n ] : [\n zephyrType,\n zephyrID,\n name,\n 'No data for selected averaging option',\n latitude,\n longitude,\n ];\n selectedPollutants.forEach(\n (selectedPollutant: Pollutant, pIdx: number) => {\n tableRowData.push(\n 'No data for selected averaging option',\n 'No data for selected averaging option',\n 'No data for selected averaging option',\n 'No data for selected averaging option',\n );\n if (zIdx === 0 && pIdx === 0)\n (tableTitles as any).push(\n !csv ? {\n title: `Mean`,\n } : `${selectedPollutant.dataIdentifier.includes('particulate') ? selectedPollutant.dataIdentifier.split('particulate')[1] === 'PM25' ? 'PM2.5' : selectedPollutant.dataIdentifier.split('particulate')[1] : selectedPollutant.dataIdentifier} Mean`,\n !csv ? {\n title: `Max`,\n } : `${selectedPollutant.dataIdentifier.includes('particulate') ? selectedPollutant.dataIdentifier.split('particulate')[1] === 'PM25' ? 'PM2.5' : selectedPollutant.dataIdentifier.split('particulate')[1] : selectedPollutant.dataIdentifier} Max`,\n !csv ? {\n title: `Date Time (UTC)`,\n } : `${selectedPollutant.dataIdentifier.includes('particulate') ? selectedPollutant.dataIdentifier.split('particulate')[1] === 'PM25' ? 'PM2.5' : selectedPollutant.dataIdentifier.split('particulate')[1] : selectedPollutant.dataIdentifier} ${!csv ? '' : 'Max'} Date Time (UTC)`,\n !csv ? {\n title: `Unit`\n } : `${selectedPollutant.dataIdentifier.includes('particulate') ? selectedPollutant.dataIdentifier.split('particulate')[1] === 'PM25' ? 'PM2.5' : selectedPollutant.dataIdentifier.split('particulate')[1] : selectedPollutant.dataIdentifier} Unit`\n );\n },\n );\n tableData.push([...tableRowData]);\n }\n } else {\n // push no data for selected time period\n }\n });\n return { tableData, tableTitles };\n};\n\nconst isProxyVZDataValid = (proxyVZData: any, proxyVZSlots: string[], averagingOption: string) => {\n let isProxyVZDataValid = false;\n if (proxyVZSlots.length > 0) {\n for (let i = 0; i < proxyVZSlots.length; i++) {\n if (proxyVZData[averagingOption][proxyVZSlots[i]].WINDSPEED.data.some((val: number | null) => typeof val === 'number') || proxyVZData[averagingOption][proxyVZSlots[i]].WINDDIR.data.some((val: number | null) => typeof val === 'number') || proxyVZData[averagingOption][proxyVZSlots[i]].RAINFALL.data.some((val: number | null) => typeof val === 'number')) {\n isProxyVZDataValid = true;\n break;\n }\n };\n return isProxyVZDataValid;\n }\n return isProxyVZDataValid;\n};\n\nconst comparisonViewCSVGenerator = (unit: any, zephyrs: Zephyr[]) => {\n // const unitZNumber = +Object.keys(unit)[0];\n // const { selectedPollutants, data, selectedAveragingPeriod: { averagingOption } } = Object.values(unit)[0] as any;\n // const constantTitles = ['Date (Local)', 'Time (Local)', 'UTC Time Stamp', 'Latitude', 'Longitude'];\n // let pollutantTitles = [...selectedPollutants.map((pollutant: Pollutant) => [`${pollutant.dataIdentifier.includes('particulate') ? pollutant.dataIdentifier.split('particulate')[1] === 'PM25' ? 'PM2.5' : pollutant.dataIdentifier.split('particulate')[1] : pollutant.dataIdentifier} Concentration`, `${pollutant.dataIdentifier.includes('particulate') ? pollutant.dataIdentifier.split('particulate')[1] === 'PM25' ? 'PM2.5' : pollutant.dataIdentifier.split('particulate')[1] : pollutant.dataIdentifier} Unit`])].flat(1);\n // const content = [];\n // const curZephyr = zephyrs\n // .filter((zephyr: Zephyr) => zephyr.zNumber)\n // .find(\n // (zephyr: Zephyr) =>\n // zephyr.zNumber === unitZNumber,\n // );\n // const { latitude, longitude } = curZephyr!;\n // if (data && data.hasOwnProperty(averagingOption)) {\n // const slots = data[averagingOption];\n // const filteredSlots = Object.keys(slots).reverse().filter((slot: string) => slots[slot] && slot !== 'head');\n\n // }\n\n let proxyVZData: any = {};\n const unitZNumber = +Object.keys(unit)[0];\n const unitData: any = Object.values(unit)[0];\n const { selectedPollutants, selectedAveragingPeriod: averagingPeriod, data } = unitData;\n if (unitData.hasOwnProperty('proxyVZData')) proxyVZData = unitData.proxyVZData.data;\n const species = [...selectedPollutants.map((pollutant: Pollutant) => {\n const { dataIdentifier } = pollutant;\n return { [dataIdentifier]: 0 }\n })];\n const tableTitlesBeforePollutants: string[] = ['Date (Local)', 'Time (Local)', 'UTC Time Stamp', 'Latitude', 'Longitude'];\n let tablePollutantsTitles: string[] = [...selectedPollutants.map((pollutant: Pollutant) => [`${pollutant.dataIdentifier.includes('particulate') ? pollutant.dataIdentifier.split('particulate')[1] === 'PM25' ? 'PM2.5' : pollutant.dataIdentifier.split('particulate')[1] : pollutant.dataIdentifier} Concentration`, `${pollutant.dataIdentifier.includes('particulate') ? pollutant.dataIdentifier.split('particulate')[1] === 'PM25' ? 'PM2.5' : pollutant.dataIdentifier.split('particulate')[1] : pollutant.dataIdentifier} Unit`])].flat(1);\n const tableData: any[] = [];\n if (data) {\n if (averagingPeriod.averagingOption in data) {\n const averagingOptionData = data[averagingPeriod.averagingOption];\n const { latitude: { data: latList }, longitude: { data: lonList } } = averagingOptionData['head'];\n const slots = Object.keys(averagingOptionData).reverse().filter((slot: string) => averagingOptionData[slot] && slot !== 'head');\n // const proxyVZSlots = Object.keys(proxyVZData).length > 0 ? Object.keys(proxyVZData[averagingPeriod.averagingOption]).reverse().filter((slot: string) => proxyVZData[averagingPeriod.averagingOption][slot] && slot !== 'head') : [];\n const proxyVZSlots = Object.keys(proxyVZData).length > 0 && proxyVZData[averagingPeriod.averagingOption] ?\n Object.keys(proxyVZData[averagingPeriod.averagingOption]).reverse().filter((slot: string) => proxyVZData[averagingPeriod.averagingOption][slot] && slot !== \"head\") : [];\n if (slots.length > 1) tablePollutantsTitles = [...selectedPollutants.map((pollutant: Pollutant) => [`${pollutant.dataIdentifier.includes('particulate') ? pollutant.dataIdentifier.split('particulate')[1] : pollutant.dataIdentifier} Concentration (A)`, `${pollutant.dataIdentifier.includes('particulate') ? pollutant.dataIdentifier.split('particulate')[1] : pollutant.dataIdentifier} Concentration (B)`, `${pollutant.dataIdentifier.includes('particulate') ? pollutant.dataIdentifier.split('particulate')[1] : pollutant.dataIdentifier} Unit`])].flat(1);\n const { dateTime: { data: dateTimeValues } } = slots.length > 0 ? averagingOptionData[slots[0]] : proxyVZData[averagingPeriod.averagingOption][proxyVZSlots[0]];\n dateTimeValues.forEach((time: Date | string, idx: number) => {\n const localDate = moment(\n convertUnitTimeToLocalTime(time.toString().split('+')[0]),\n ).format('DD-MM-YYYY');\n const localTime = moment(\n convertUnitTimeToLocalTime(time.toString().split('+')[0]),\n ).format('HH:mm:ss');\n const tableRowData: any = [localDate, localTime, time, latList[idx] ?? 'N/A', lonList[idx] ?? 'N/A'];\n species.forEach((specie: { [key: string]: number }) => {\n const key = Object.keys(specie)[0];\n const value = Object.values(specie)[0];\n if (value === 0) {\n if (slots.length === 0) {\n value === 0 ? tableRowData.push('N/A', 'N/A') : tableRowData.push('N/A');\n }\n else if (slots.length === 1) {\n if (key in averagingOptionData[slots[0]] && typeof averagingOptionData[slots[0]][key].data[idx] === 'number') {\n value === 0 ? tableRowData.push(averagingOptionData[slots[0]][key].data[idx], selectedPollutants.find((pollutant: Pollutant) => pollutant.dataIdentifier === key).HTMLShortUnitLabel) : tableRowData.push(averagingOptionData[slots[0]][key].data[idx]);\n } else {\n value === 0 ? tableRowData.push('N/A', selectedPollutants.find((pollutant: Pollutant) => pollutant.dataIdentifier === key).HTMLShortUnitLabel) : tableRowData.push('N/A');\n }\n } else {\n if (key in averagingOptionData[slots[0]] && typeof averagingOptionData[slots[0]][key].data[idx] === 'number' && key in averagingOptionData[slots[1]] && typeof averagingOptionData[slots[1]][key].data[idx] === 'number') {\n value === 0 ? tableRowData.push(averagingOptionData[slots[0]][key].data[idx], averagingOptionData[slots[1]][key].data[idx], selectedPollutants.find((pollutant: Pollutant) => pollutant.dataIdentifier === key).HTMLShortUnitLabel) : tableRowData.push(averagingOptionData[slots[0]][key].data[idx], averagingOptionData[slots[1]][key].data[idx]);\n } else if (key in averagingOptionData[slots[0]] && typeof averagingOptionData[slots[0]][key].data[idx] === 'number') {\n value === 0 ? tableRowData.push(averagingOptionData[slots[0]][key].data[idx], 'N/A', selectedPollutants.find((pollutant: Pollutant) => pollutant.dataIdentifier === key).HTMLShortUnitLabel) : tableRowData.push(averagingOptionData[slots[0]][key].data[idx], 'N/A');\n } else if (key in averagingOptionData[slots[1]] && typeof averagingOptionData[slots[1]][key].data[idx] === 'number') {\n value === 0 ? tableRowData.push('N/A', averagingOptionData[slots[1]][key].data[idx], selectedPollutants.find((pollutant: Pollutant) => pollutant.dataIdentifier === key).HTMLShortUnitLabel) : tableRowData.push('N/A', averagingOptionData[slots[1]][key].data[idx]);\n } else {\n value === 0 ? tableRowData.push('N/A', 'N/A', selectedPollutants.find((pollutant: Pollutant) => pollutant.dataIdentifier === key).HTMLShortUnitLabel) : tableRowData.push('N/A', 'N/A');\n }\n }\n }\n });\n tableData.push([...tableRowData]);\n });\n\n } else {\n // push no data for selected time average\n }\n } else {\n // push no data for selected time period\n }\n const tableTitles: string[] = [...tableTitlesBeforePollutants, ...tablePollutantsTitles];\n\n return { tableData, tableTitles };\n}\n\nconst deviceCSVGenerator = (unitHistories: any, zephyrObj: any, id: number, zephyrs: Zephyr[], isPublic: boolean) => {\n if (!unitHistories || !('historiesList' in unitHistories)) return;\n let proxyVZData: any = {};\n const { selectedPollutants, selectedAveragingPeriod: averagingPeriod, data, selectedDate: { start, end }, selectedTimePeriod: { labelHTML } } = zephyrObj;\n if (zephyrObj.hasOwnProperty('proxyVZData') && !isPublic) proxyVZData = zephyrObj.proxyVZData.data;\n const species = [...selectedPollutants.map((pollutant: Pollutant) => {\n const { dataIdentifier } = pollutant;\n return { [dataIdentifier]: 0 }\n }), ...(!isPublic ? [{ tempC: 1 }, { humidity: 1 }, /*{ ambPressure: 1 },*/ { relWindSpeed: 2 }, { relWindDir: 2 }, { precipitationIntensity: 2 }, { WINDSPEED: 3 }, { WINDDIR: 3 }, { RAINFALL: 3 }] : [])];\n const tableTitlesBeforePollutants: string[] = ['Date (Local)', 'Time (Local)', 'UTC Time Stamp', 'Latitude', 'Longitude'];\n let tablePollutantsTitles: string[] = [...selectedPollutants.map((pollutant: Pollutant) => [`${pollutant.dataIdentifier.includes('particulate') ? pollutant.dataIdentifier.split('particulate')[1] === 'PM25' ? 'PM2.5' : pollutant.dataIdentifier.split('particulate')[1] : pollutant.dataIdentifier} Concentration`, `${pollutant.dataIdentifier.includes('particulate') ? pollutant.dataIdentifier.split('particulate')[1] === 'PM25' ? 'PM2.5' : pollutant.dataIdentifier.split('particulate')[1] : pollutant.dataIdentifier} Unit`]), ...(!isPublic ? ['Temperature (°C)', 'Relative Humidity (%)'] : [])].flat(1);\n const tableMetDataTitles: string[] = !isPublic ? ['Measured (External) Wind Speed (m/s)', 'Measured (External) Wind Direction (°)', 'Measured (External) Rainfall (mm/hr)'] : [];\n let tableProxyVZephyrMetDataTitles: string[] = [];\n const tableData: any[] = [];\n const zephyr = zephyrs\n .filter((zephyr: Zephyr) => zephyr.zNumber)\n .find(\n (zephyr: Zephyr) =>\n zephyr.zNumber === id,\n );\n if (data) {\n if (averagingPeriod.averagingOption in data) {\n const averagingOptionData = data[averagingPeriod.averagingOption];\n const { latitude: { data: latList }, longitude: { data: lonList } } = averagingOptionData['head'];\n const slots = Object.keys(averagingOptionData).reverse().filter((slot: string) => averagingOptionData[slot] && slot !== 'head').sort();\n const proxyVZSlots = Object.keys(proxyVZData).length > 0 && proxyVZData[averagingPeriod.averagingOption] ?\n Object.keys(proxyVZData[averagingPeriod.averagingOption]).reverse().filter((slot: string) => proxyVZData[averagingPeriod.averagingOption][slot] && slot !== \"head\") : [];\n if (slots.length > 1) tablePollutantsTitles = [...selectedPollutants.map((pollutant: Pollutant) => [`${pollutant.dataIdentifier.includes('particulate') ? pollutant.dataIdentifier.split('particulate')[1] : pollutant.dataIdentifier} Concentration (A)`, `${pollutant.dataIdentifier.includes('particulate') ? pollutant.dataIdentifier.split('particulate')[1] : pollutant.dataIdentifier} Concentration (B)`, `${pollutant.dataIdentifier.includes('particulate') ? pollutant.dataIdentifier.split('particulate')[1] : pollutant.dataIdentifier} Unit`]), `Temperature (°C) (A)`, `Temperature (°C) (B)`, `Relative Humidity (%) (A)`, `Relative Humidity (%) (B)`].flat(1);\n if (zephyr?.type === 0 && (averagingPeriod.averagingOption === 'Hourly average on the hour' || averagingPeriod.averagingOption === '8 hour average at midnight and 8am and 4pm' || averagingPeriod.averagingOption === 'Daily average at midnight') && proxyVZSlots.length > 0 && isProxyVZDataValid(proxyVZData, proxyVZSlots, averagingPeriod.averagingOption)) {\n if (proxyVZSlots.length > 1) tableProxyVZephyrMetDataTitles = ['Modelled Wind Speed (m/s) (A)', 'Modelled Wind Speed (m/s) (B)', 'Modelled Wind Direction (°) (A)', 'Modelled Wind Direction (°) (B)', 'Modelled Rainfall (mm/hr) (A)', 'Modelled Rainfall (mm/hr) (B)'];\n else tableProxyVZephyrMetDataTitles = ['Modelled Wind Speed (m/s)', 'Modelled Wind Direction (°)', 'Modelled Rainfall (mm/hr)'];\n }\n const { dateTime: { data: dateTimeValues } } = slots.length > 0 ? averagingOptionData[slots[0]] : proxyVZData[averagingPeriod.averagingOption][proxyVZSlots[0]];\n dateTimeValues.forEach((time: Date | string, idx: number) => {\n const localDate = moment(\n convertUnitTimeToLocalTime(time.toString().split('+')[0]),\n ).format('DD-MM-YYYY');\n const localTime = moment(\n convertUnitTimeToLocalTime(time.toString().split('+')[0]),\n ).format('HH:mm:ss');\n const tableRowData: any = [localDate, localTime, time, latList[idx] ?? 'N/A', lonList[idx] ?? 'N/A'];\n species.forEach((specie: { [key: string]: number }) => {\n const key = Object.keys(specie)[0];\n const value = Object.values(specie)[0];\n if (value !== 3) {\n if (value === 0 || value === 1) {\n if (slots.length === 0) {\n value === 0 ? tableRowData.push('N/A', 'N/A') : tableRowData.push('N/A');\n }\n else if (slots.length === 1) {\n if (key in averagingOptionData[slots[0]] && typeof averagingOptionData[slots[0]][key].data[idx] === 'number') {\n value === 0 ? tableRowData.push(averagingOptionData[slots[0]][key].data[idx], selectedPollutants.find((pollutant: Pollutant) => pollutant.dataIdentifier === key).HTMLShortUnitLabel) : tableRowData.push(averagingOptionData[slots[0]][key].data[idx]);\n } else {\n value === 0 ? tableRowData.push('N/A', selectedPollutants.find((pollutant: Pollutant) => pollutant.dataIdentifier === key).HTMLShortUnitLabel) : tableRowData.push('N/A');\n }\n } else {\n if (key in averagingOptionData[slots[0]] && typeof averagingOptionData[slots[0]][key].data[idx] === 'number' && key in averagingOptionData[slots[1]] && typeof averagingOptionData[slots[1]][key].data[idx] === 'number') {\n value === 0 ? tableRowData.push(averagingOptionData[slots[0]][key].data[idx], averagingOptionData[slots[1]][key].data[idx], selectedPollutants.find((pollutant: Pollutant) => pollutant.dataIdentifier === key).HTMLShortUnitLabel) : tableRowData.push(averagingOptionData[slots[0]][key].data[idx], averagingOptionData[slots[1]][key].data[idx]);\n } else if (key in averagingOptionData[slots[0]] && typeof averagingOptionData[slots[0]][key].data[idx] === 'number') {\n value === 0 ? tableRowData.push(averagingOptionData[slots[0]][key].data[idx], 'N/A', selectedPollutants.find((pollutant: Pollutant) => pollutant.dataIdentifier === key).HTMLShortUnitLabel) : tableRowData.push(averagingOptionData[slots[0]][key].data[idx], 'N/A');\n } else if (key in averagingOptionData[slots[1]] && typeof averagingOptionData[slots[1]][key].data[idx] === 'number') {\n value === 0 ? tableRowData.push('N/A', averagingOptionData[slots[1]][key].data[idx], selectedPollutants.find((pollutant: Pollutant) => pollutant.dataIdentifier === key).HTMLShortUnitLabel) : tableRowData.push('N/A', averagingOptionData[slots[1]][key].data[idx]);\n } else {\n value === 0 ? tableRowData.push('N/A', 'N/A', selectedPollutants.find((pollutant: Pollutant) => pollutant.dataIdentifier === key).HTMLShortUnitLabel) : tableRowData.push('N/A', 'N/A');\n }\n }\n } else {\n if (averagingOptionData['head'] && key in averagingOptionData['head'] && typeof averagingOptionData['head'][key].data[idx] === 'number') {\n tableRowData.push(averagingOptionData['head'][key].data[idx]);\n } else {\n tableRowData.push('N/A');\n }\n }\n } else {\n if (tableProxyVZephyrMetDataTitles.length > 0) {\n if (proxyVZSlots.length === 0) {\n tableRowData.push('N/A');\n }\n else if (proxyVZSlots.length === 1) {\n if (key in proxyVZData[averagingPeriod.averagingOption][proxyVZSlots[0]] && typeof proxyVZData[averagingPeriod.averagingOption][proxyVZSlots[0]][key].data[idx] === 'number') {\n tableRowData.push(proxyVZData[averagingPeriod.averagingOption][proxyVZSlots[0]][key].data[idx]);\n } else {\n tableRowData.push('N/A');\n }\n } else {\n if (key in proxyVZData[averagingPeriod.averagingOption][proxyVZSlots[0]] && typeof proxyVZData[averagingPeriod.averagingOption][proxyVZSlots[0]][key].data[idx] === 'number' && key in proxyVZData[averagingPeriod.averagingOption][proxyVZSlots[1]] && typeof proxyVZData[averagingPeriod.averagingOption][proxyVZSlots[1]][key].data[idx] === 'number') {\n tableRowData.push(proxyVZData[averagingPeriod.averagingOption][proxyVZSlots[0]][key].data[idx], proxyVZData[averagingPeriod.averagingOption][proxyVZSlots[1]][key].data[idx]);\n } else if (key in proxyVZData[averagingPeriod.averagingOption][proxyVZSlots[0]] && typeof proxyVZData[averagingPeriod.averagingOption][proxyVZSlots[0]][key].data[idx] === 'number') {\n tableRowData.push(proxyVZData[averagingPeriod.averagingOption][proxyVZSlots[0]][key].data[idx], 'N/A');\n } else if (key in proxyVZData[averagingPeriod.averagingOption][proxyVZSlots[1]] && typeof proxyVZData[averagingPeriod.averagingOption][proxyVZSlots[1]][key].data[idx] === 'number') {\n tableRowData.push('N/A', proxyVZData[averagingPeriod.averagingOption][proxyVZSlots[1]][key].data[idx]);\n } else {\n tableRowData.push('N/A', 'N/A');\n }\n }\n }\n }\n });\n tableData.push([...tableRowData]);\n });\n\n } else {\n // push no data for selected time average\n }\n } else {\n // push no data for selected time period\n }\n const tableTitles: string[] = [...tableTitlesBeforePollutants, ...tablePollutantsTitles, ...tableMetDataTitles, ...tableProxyVZephyrMetDataTitles];\n\n return { tableData, tableTitles };\n};\n\nexport {\n pointDataPackager,\n saDataPackager,\n windDataPackager,\n windRoseDataPackagerFromMetData,\n categorizeWindDataByDirectionAndSpeed,\n plotlyChartDataGenerator,\n plotlyTHPDataGenerator,\n plotlyWindDirectionSpeedGenerator,\n plotlyPrecipitationGenerator,\n plotlyMinMaxMeanStatisticsGenerator,\n summaryTableGenerator,\n deviceCSVGenerator,\n plotlyPollutantComparisonGenerator,\n comparisonViewCSVGenerator,\n getSourceApportionmentConfigurations\n};","// Util Imports\nimport { cardinalDirectionsPlus } from '../consts';\n\n// Type Imports\nimport { CardinalDirections } from '../interface';\n\n/* ===== Function =====\n@DESC: cardinalDirectionFinder takes a direction and returns the bucket name for it e.g NNW\n@ARGS: a direction in unit degrees\n*/\nconst cardinalDirectionFinder = (direction: number) => {\n const directionCount = cardinalDirectionsPlus.length;\n let dirBucket: CardinalDirections =\n cardinalDirectionsPlus[directionCount - 1];\n cardinalDirectionsPlus.forEach((cD, idx) => {\n if (\n idx < directionCount - 1 &&\n direction >= cD.minDegrees &&\n direction < cardinalDirectionsPlus[idx + 1].minDegrees\n ) {\n dirBucket = cD;\n }\n });\n return dirBucket;\n};\n\nexport { cardinalDirectionFinder };\n","import React, { Suspense, useMemo, useState } from 'react';\nimport { ChartProps } from '../../../utils/interface';\nimport { ChartTitleBar } from '../DataAnalyticsChartCtas';\nimport { draggingWidgetStyles } from '../../../utils/consts';\n\n// make these dynamic in function using .includes to determine the chart type\nconst networkViewComponents: any = {\n networkViewMap: {\n component: React.lazy(() => import('../Charts/MiniMap')),\n // Data Analytics version 2.1- add chart widget. the below will be use as a preview with text...\n image: '/path/to/map/image.png',\n title: 'Network Map',\n description: 'Display the network map with relevant information.',\n html: 'Network Map
',\n },\n networkViewParticulates: {\n component: React.lazy(\n () => import('../Charts/MinMaxMeanStatisticsChartPlotly'),\n ),\n },\n networkViewGases: {\n component: React.lazy(\n () => import('../Charts/MinMaxMeanStatisticsChartPlotly'),\n ),\n },\n networkViewPollutantSummary: {\n component: React.lazy(() => import('../Charts/PollutantSummary')),\n },\n};\n\n// make these dynamic in function using .includes to determine the chart type\nconst deviceViewComponents: any = {\n precipitation: {\n component: React.lazy(() => import('../Charts/Precipitation')),\n },\n map: { component: React.lazy(() => import('../Charts/MiniMap')) },\n particulate: {\n component: React.lazy(() => import('../Charts/PollutantChartPlotly')),\n },\n gases: {\n component: React.lazy(() => import('../Charts/PollutantChartPlotly')),\n },\n thpChartPlotly: {\n component: React.lazy(() => import('../Charts/THPChartPlotly')),\n },\n windSpeedDirChartPlotly: {\n component: React.lazy(() => import('../Charts/WindSpeedDirChartPlotly')),\n },\n gasAverages: {\n component: React.lazy(() => import('../Charts/PollutantAverages')),\n },\n pmAverages: {\n component: React.lazy(() => import('../Charts/PollutantAverages')),\n },\n sourceApportionmentNO2: {\n component: React.lazy(\n () => import('../Charts/SourceApportionmentPieChart'),\n ),\n },\n sourceApportionmentPM25: {\n component: React.lazy(\n () => import('../Charts/SourceApportionmentPieChart'),\n ),\n },\n};\n\nexport const lazyComponents = {\n ...networkViewComponents,\n ...deviceViewComponents,\n};\n\nconst DynamicChart: React.FC<{\n type: string | undefined;\n props?: ChartProps;\n isDragging?: boolean;\n draggedItem?: string | null;\n onRemoveWidget?: () => void;\n}> = React.memo(({ type = '', isDragging, onRemoveWidget, ...props }) => {\n const { selectedView, unitHistories, comparisonViewZephyrs, draggedItem, userInfo } = props as ChartProps;\n const [hoveredWidget, setHoveredWidget] = useState(null);\n\n const ChartComponent = useMemo(() => {\n if (selectedView === 'comparisonView') {\n lazyComponents[type] = {\n component: React.lazy(() => import('../Charts/ComparisonPollutant')),\n };\n }\n const keys = !lazyComponents.hasOwnProperty(type) ? Object.keys(lazyComponents).find((el) => type.includes(el)) : null;\n return lazyComponents[keys ?? type]?.component;\n }, [unitHistories, comparisonViewZephyrs]);\n\n if (!ChartComponent) {\n // Handle unrecognized chart type\n return (\n \n
\n
\n Unknown chart:\n {type}\n
\n
Loading...}>\n { if (!userInfo.isPublic) setHoveredWidget(type) }} onMouseLeave={() => { if (!userInfo.isPublic) setHoveredWidget(null) }} style={{ ...isDragging && draggedItem === type && !userInfo.isPublic ? draggingWidgetStyles : {} }}>\n
\n \n );\n});\n\nexport default DynamicChart;\n","import React, { useEffect, useState } from 'react';\nimport { Responsive, WidthProvider } from 'react-grid-layout';\nimport { v4 as uuidv4 } from 'uuid';\n\nimport '../../../../node_modules/react-grid-layout/css/styles.css';\nimport '../../../../node_modules/react-resizable/css/styles.css';\nimport {\n AveragingPeriod,\n GridItemInfo,\n LayoutItem,\n LayoutMapItem,\n} from '../../../utils/interface';\nimport DynamicChart from './DynamicChart';\nimport { updateScatterChartNumber } from '../../../utils/functions/dataAnalytics';\nimport { Button } from '@mui/material';\nimport { Box, Modal } from '@mui/material';\n\nexport const iconsTypeMap = {\n 'fa-chart-pie': 'exceedances',\n 'fa-chart-line': 'weatherWind',\n 'fa-chart-bar': 'weather',\n 'fa-chart-area': 'weatherWindRose',\n 'fa-font': 'precipitation',\n 'fa-image': 'summary',\n 'fa-list': 'map',\n 'fa-table': 'table',\n 'fa-tachometer-alt': 'pollutantAvg',\n 'fa-layer-group': 'pollutants',\n 'fa-layer-group2': 'pollutants2',\n};\n\nconst isDevModeEnabled = true;\n\nconst ResponsiveReactGridLayout = WidthProvider(Responsive);\n\nexport default function AddRemoveLayout({ ...chartProps }) {\n const { localStorageKeysToSaveTo, selectedView, unitHistories, userInfo, layouts, setLayouts, setScatterChartsCounter } = chartProps;\n const [isDragging, setIsDragging] = useState(false); // Track dragging state\n const [items, setItems] = useState([]);\n const [layoutMap, setLayoutMap] = useState([]);\n const [config, setConfig] = useState({\n compactType: 'horizontal',\n breakpoints: { lg: 1200, md: 996, sm: 768, xs: 480, xxs: 0 },\n cols: { lg: 12, md: 12, sm: 12, xs: 12, xxs: 12 },\n // cols: { lg: 12, md: 10, sm: 6, xs: 4, xxs: 2 },\n rowHeight: 30,\n isDraggable: !userInfo.isPublic && isDevModeEnabled,\n isResizable: !userInfo.isPublic && isDevModeEnabled,\n });\n const [draggedItem, setDraggedItem] = useState(null);\n\n // need to update layout logic when old view is loaded\n const defaultLayout: any = { ...layouts };\n\n if (selectedView === 'comparisonView') {\n defaultLayout[localStorageKeysToSaveTo[0]] = layouts.comparisonView;\n defaultLayout[localStorageKeysToSaveTo[1]] = layouts.comparisonViewLayout;\n }\n\n useEffect(() => {\n const layoutSaved = defaultLayout[localStorageKeysToSaveTo[0]];\n const layoutMapSaved = defaultLayout[localStorageKeysToSaveTo[1]];\n\n setItems(layoutSaved);\n setLayoutMap(layoutMapSaved);\n }, [unitHistories, layouts]);\n\n const getGridItemInfo = (el: LayoutItem): LayoutMapItem | undefined => {\n let itemInfo = (layoutMap as GridItemInfo[])?.find(\n (item: LayoutMapItem) => el.i === item.i,\n );\n if (!itemInfo) {\n itemInfo = { i: el.i, uid: uuidv4(), type: '', name: 'not found' };\n }\n return itemInfo;\n };\n\n const createElement = (el: LayoutItem) => {\n const itemInfo = getGridItemInfo(el);\n const itemKey = itemInfo?.uid;\n\n return (\n \n \n onRemoveItem(el.i)}\n />\n
\n \n );\n };\n\n const onLayoutChange = (layouts: LayoutItem[]) => {\n let customizedLayouts = selectedView === 'comparisonView' ? [...JSON.parse(JSON.stringify(items))] : layouts;\n if (selectedView === 'comparisonView') {\n customizedLayouts.forEach(item => {\n const foundItem = layouts.find(i => item.i === i.i);\n if (foundItem) {\n const { w, h, x, y } = foundItem;\n item.w = w;\n item.h = h;\n item.x = x;\n item.y = y;\n }\n })\n }\n setLayouts((prevLayouts: any) => {\n return { ...prevLayouts, [selectedView]: customizedLayouts, [`${selectedView}Layout`]: !itemToRemove || selectedView === 'comparisonView' ? layoutMap : layoutMap.filter((l: { uid: string, name: string, i: string }) => l.i !== itemToRemove) };\n })\n if (itemToRemove) setItemToRemove(null);\n debouncedResizeEventToFixPlotlyScroll();\n };\n\n const [openConfirmModal, setOpenConfirmModal] = useState(false);\n const [itemToRemove, setItemToRemove] = useState(null);\n\n const handleOpenConfirmModal = (i: string) => {\n setItemToRemove(i);\n setOpenConfirmModal(true);\n };\n\n const handleCloseConfirmModal = () => {\n setOpenConfirmModal(false);\n // setItemToRemove(null);\n };\n\n const onRemoveItem = (i: string) => {\n handleOpenConfirmModal(i);\n };\n\n const handleConfirmRemove = () => {\n if (!itemToRemove) return;\n\n let newItems = [...JSON.parse(JSON.stringify(items))];\n if (selectedView !== 'comparisonView') newItems = newItems.filter((item: any) => item.i !== itemToRemove);\n else {\n // update flag for comparison view widgets\n for (const item of newItems) {\n if (item.i === itemToRemove) item.isRemoved = true;\n }\n }\n\n setItems(newItems);\n updateLayoutMap({\n action: 'remove',\n type: { UID: null, module: null, i: itemToRemove, gridItem_i: itemToRemove },\n });\n if(!userInfo.isPublic) updateScatterChartNumber(setScatterChartsCounter, selectedView, itemToRemove, false);\n handleCloseConfirmModal();\n };\n\n const updateLayoutMap = (obj: any) => {\n const { type } = obj;\n const { gridItem_i } = type;\n const { i } = type;\n\n let newLayoutMap = [...localStorageKeysToSaveTo[1]];\n const index = newLayoutMap.findIndex((item) => item.i === gridItem_i);\n\n switch (obj.action) {\n case 'remove':\n if (index === -1 || selectedView === 'comparisonView') return;\n newLayoutMap = newLayoutMap.filter((item) => item.i !== i);\n break;\n\n default:\n break;\n }\n\n if (obj.action) setLayoutMap(newLayoutMap);\n };\n\n const handleDragStart = (layout: any, oldItem: any) => {\n setIsDragging(true);\n\n // Detect the dragged item's ID or chart type\n const draggedItemId = oldItem.i;\n\n // Find the chart type using the items list and the unique ID\n const draggedWidget = layoutMap.find((item: any) => item.i === draggedItemId);\n const { name } = draggedWidget\n if (draggedItem !== name) setDraggedItem(name);\n };\n\n const handleDragStop = () => {\n setIsDragging(false);\n };\n\n return (\n \n
\n \n Confirm Removal \n \n Do you want to remove this widget from your dashboard view?\n
\n \n \n Cancel\n \n\n \n Remove\n \n \n \n {(selectedView === 'comparisonView' ? [...JSON.parse(JSON.stringify(items))].filter((item: any) => !item.isRemoved) : items).map((el: any) => createElement(el))}\n \n \n );\n}\n\nexport const ChartNoDependencyDataMessage = ({ text = \"No data available\", proxyVZText = \"Choose '1 Hour', '8 Hour' or '24 Hour' time average to see this data\", HasMetStation, selectedAveragingPeriod }: { text?: string, proxyVZText?: string, HasMetStation?: number | null | undefined, selectedAveragingPeriod?: AveragingPeriod | undefined }) => {\n const updatedText = typeof HasMetStation === 'number' && HasMetStation === 0 && selectedAveragingPeriod && selectedAveragingPeriod.labelHTML !== '1 Hour' && selectedAveragingPeriod.labelHTML !== '8 Hour' && selectedAveragingPeriod.labelHTML !== '24 Hour' ? proxyVZText : text;\n return (\n \n );\n};\n\nexport const getSelectedZephyrObj = (\n unitHistories: any,\n selectedWeatherZephyr: any,\n zephyrs: any,\n) => {\n const { historiesList } = unitHistories;\n const { id } = selectedWeatherZephyr;\n const unit = historiesList.find(\n (zephyr: any) => +(Object.keys(zephyr) as any)[0] === +id,\n );\n const unitKey = Number(Object.keys(unit)[0]);\n const { selectedAveragingPeriod, data } = unit[unitKey];\n\n const selectedZephyr = zephyrs.find(\n (zephyr: any) => zephyr.zNumber === unitKey,\n );\n return { selectedZephyr, selectedAveragingPeriod, data };\n};\n\nexport const getZephyrType = (zType: number): string => {\n switch (zType) {\n case 0:\n return 'Zephyr';\n case 1:\n return 'AURNS';\n case 100:\n return 'Virtual Zephyr';\n\n default:\n return '';\n }\n};\n\nexport function debounce any>(\n func: T,\n wait: number,\n): (...args: Parameters) => void {\n let timeout: NodeJS.Timeout | null;\n\n return function (...args: Parameters): void {\n const later = () => {\n timeout = null;\n func(...args);\n };\n\n if (timeout) {\n clearTimeout(timeout);\n }\n timeout = setTimeout(later, wait);\n };\n}\n\nconst debouncedResizeEventToFixPlotlyScroll = debounce(() => {\n window.dispatchEvent(new Event('resize'));\n}, 250);\n","// Type Imports\nimport {\n AlertPeriodMap,\n AlertRepeatMap,\n AlertThresholdMap,\n AQOptionsMap,\n AreaConfig,\n AsideOverlaysSpeciesMap,\n AsideUnitMetricsMap,\n BorderDashStrings,\n CardinalDirections,\n ComponentContent,\n Config,\n ContactForm,\n ContactFormMappair,\n ContactFormSelection,\n ContactFormSelectionLookup,\n ContactFormZephyr,\n CookieSettings,\n Days,\n GtmConfig,\n GtmEvents,\n GtmEventIdentifiers,\n HighDefinitionPointsGroup,\n Keys,\n Link,\n LocationCoordinates,\n MappAirFilterToggles,\n MappAirSelectedFilter,\n ObjectMap,\n Paths,\n Periods,\n PlaceholderAxis,\n SecondaryAxisConfig,\n ShowAQMALayer,\n Slot,\n Species,\n SpeciesMap,\n TilingGroup,\n TimePeriod,\n TodaySubspeciesMap,\n UnitSelections,\n UnitStatus,\n UrlQueryStringOptions,\n AnnualAvgTabMap,\n VZephyrsConfig,\n translationOption,\n tileDimensions,\n FleetManagementSpeciesMap,\n YearObj,\n TimeSliderOption,\n DropdownSelection,\n Pollutant,\n AveragingChain,\n PollutantLimit,\n} from './interface';\n\nimport { getEnvVar } from './functions/general';\n\n// Temp points config for high def queries\nexport const highDefinitionPointsGroup: HighDefinitionPointsGroup[] = [\n {\n users: ['ShropshireCouncil_exp', 'ShropshirePublic'],\n layers: [\n {\n curOverlay: 'UK PM25',\n highDefRef: 'shrewspm2p5',\n extent: [\n [-2.7642189, 52.705036],\n [-2.7449922, 52.714261],\n ],\n },\n {\n curOverlay: 'UK NO2',\n highDefRef: 'shrewsno2',\n extent: [\n [-2.7642189, 52.705036],\n [-2.7449922, 52.714261],\n ],\n },\n {\n curOverlay: 'UK PM25',\n highDefRef: 'bridgepm2p5',\n extent: [\n [-2.4258688154576897, 52.53372104880171],\n [-2.421977158630069, 52.53610104410657],\n ],\n },\n {\n curOverlay: 'UK NO2',\n highDefRef: 'bridgeno2',\n extent: [\n [-2.4258688154576897, 52.53372104880171],\n [-2.421977158630069, 52.53610104410657],\n ],\n },\n ],\n },\n {\n users: ['LeicesterCityCouncilv2', 'LeicesterPublic'],\n layers: [\n {\n curOverlay: 'UK PM25',\n highDefRef: 'lccpm2p5',\n extent: [\n [-1.209584207810321, 52.58458996570488],\n [-1.051119027894003, 52.68734057338594],\n ],\n },\n ],\n },\n {\n users: ['AMEY'],\n layers: [\n {\n curOverlay: 'UK PM25',\n highDefRef: 'newcastlepm2p5',\n extent: [\n [-2.236963, 53.007055],\n [-2.222011, 53.016015],\n ],\n },\n {\n curOverlay: 'UK PM25',\n highDefRef: 'cellarheadpm2p5',\n extent: [\n [-2.076753, 53.018486],\n [-2.054369, 53.031958],\n ],\n },\n {\n curOverlay: 'UK NO2',\n highDefRef: 'newcastleno2',\n extent: [\n [-2.236963, 53.007055],\n [-2.222011, 53.016015],\n ],\n },\n {\n curOverlay: 'UK NO2',\n highDefRef: 'cellarheadno2',\n extent: [\n [-2.076753, 53.018486],\n [-2.054369, 53.031958],\n ],\n },\n ],\n },\n {\n users: ['SiemensAdept'],\n layers: [\n {\n curOverlay: 'UK NO2',\n highDefRef: 'thatchamno2',\n extent: [\n [-1.269507, 51.394629],\n [-1.24105, 51.412793],\n ],\n },\n {\n curOverlay: 'UK PM25',\n highDefRef: 'thatchampm2p5',\n extent: [\n [-1.269507, 51.394629],\n [-1.24105, 51.412793],\n ],\n },\n ],\n },\n {\n users: ['LeicestershireCCPublic'],\n layers: [\n {\n curOverlay: 'UK NO2',\n highDefRef: 'no2uk2019',\n extent: [\n [-9.45, 49.8],\n [2.78, 60.85],\n ],\n },\n {\n curOverlay: 'UK PM25',\n highDefRef: 'pm2p5uk2019',\n extent: [\n [-9.45, 49.8],\n [2.78, 60.85],\n ],\n },\n ],\n },\n {\n users: ['liberiapublico'],\n layers: [\n {\n curOverlay: 'Global NO2',\n highDefRef: 'no2global',\n extent: [\n [-180, -90],\n [180, 90],\n ],\n },\n {\n curOverlay: 'Global PM25',\n highDefRef: 'pm2p5global',\n extent: [\n [-180, -90],\n [180, 90],\n ],\n },\n ],\n },\n];\n\n// Config\nexport const config: Config = {\n machine: getEnvVar('REACT_APP_CURRENT_MACHINE'),\n alertsAPI: getEnvVar('REACT_APP_ALERTS_API'),\n mappairAPI: getEnvVar('REACT_APP_MAPPAIR_API'),\n myAirApi: getEnvVar('REACT_APP_MYAIR_API'),\n zephyrAPI: getEnvVar('REACT_APP_ZEPHYR_API'),\n zephyrDataAPI: getEnvVar('REACT_APP_ZEPHYR_API'),\n vZephyrAPI: getEnvVar('REACT_APP_VZEPHYR_API'),\n mappairTiledAPI: getEnvVar('REACT_APP_MAPAIR_Tiled_API'),\n masterAuthAPI: getEnvVar('REACT_APP_AUTH_API'),\n enableGridDragAndDrop:\n getEnvVar('REACT_APP_ENABLE_GRID_DRAG_AND_DROP') === 'drag-drop' && localStorage.getItem('drag-drop') && localStorage.getItem('drag-drop') === 'true',\n enableAutoLoadFirstView:\n getEnvVar('REACT_APP_AUTOLOAD_FIRST_VIEW') === 'true',\n sentryENABLED: getEnvVar('REACT_APP_SENTRY_ENABLED') === 'true',\n sentryDSN: getEnvVar('REACT_APP_SENTRY_DSN'),\n sentryRELEASE: getEnvVar('REACT_APP_SENTRY_RELEASE'),\n sentryENVIRONMENT: getEnvVar('REACT_APP_SENTRY_ENVIRONMENT'),\n};\n\nexport const gtmConfig: GtmConfig = {\n gtmId: 'GTM-KQQKNSK',\n auth: 'YYNlLIG2o0VS3dIJxQuwUg',\n preview: 'env-2',\n};\n\n// External Links\nexport const helpResourceLink: Link = {\n url: 'https://www.earthsense.co.uk/zephyr-resources',\n target: '_blank',\n};\n\nexport const privacyPolicyLink: Link = {\n url: 'https://www.earthsense.co.uk/privacy-policy',\n target: '_blank',\n};\n\nexport const tutorialLink: Link = {\n url: 'https://www.earthsense.co.uk/product-resources',\n target: '_blank',\n};\n\nexport const webinarResourceLink: Link = {\n url: 'https://www.earthsense.co.uk/myair-training-webinar',\n target: '_blank',\n};\n\nexport const mappairLink: Link = {\n content: 'MappAir',\n url: 'https://www.earthsense.co.uk/mappair',\n target: '_blank',\n};\n\n// Copyright links and statements\n\nexport const naeiCRLink: Link = {\n content: 'Defra & BEIS',\n precedingContent: '©',\n url: 'https://naei.beis.gov.uk/',\n target: '_blank',\n};\n\nexport const osmCRLink: Link = {\n content: 'OpenStreetMap contributors',\n precedingContent: '©',\n url: 'https://www.openstreetmap.org/copyright',\n target: '_blank',\n};\n\nexport const maptilerCRLink: Link = {\n content: 'MapTiler|OpenMapTiles|OpenStreetMap contributors',\n precedingContent: '©',\n url: 'https://www.maptiler.com/copyright/',\n target: '_blank',\n};\n\nexport const publicCRLink: Link = {\n content: 'Open Government License',\n precedingContent: '',\n url:\n 'http://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/',\n target: '_blank',\n};\n\nexport const mapboxCRLink: Link = {\n content: 'Mapbox',\n precedingContent: '©',\n url: 'https://www.mapbox.com/about/maps/',\n target: '_blank',\n};\n\nexport const mapboxImproveLink: Link = {\n content: 'Improve this map',\n precedingContent: '',\n url: 'https://www.mapbox.com/map-feedback/',\n target: '_blank',\n};\n\nexport const maxarCRLink: Link = {\n content: 'Maxar',\n precedingContent: '©',\n url: 'https://www.maxar.com/',\n target: '_blank',\n};\n\n// Route Paths\nexport const routePaths: Paths = {\n alerts: '/alerts',\n analytics: '/analytics',\n app: '/',\n data: '/data',\n login: '/login',\n today: '/today',\n fleetManagement: '/fleetManagement',\n smsAlerts: '/smsAlerts',\n dataAnalytics: '/analysis',\n};\n\n// jbdsfjsdfjjk\n// API Paths\nexport const APIPaths: Paths = {\n api: 'api/',\n airAlertsApi: '',\n pathMappair: '',\n createZephyrAlias: 'v2/createZephyrAlias',\n csvDataDownload: 'v2/dataForViewBySlotsAveraged',\n cachedDataForViewBySlotsAveraged: 'cachedDataForViewBySlotsAveraged',\n dataForViewBySlotsAveraged: 'dataForViewBySlotsAveraged',\n GetMeasurementData: 'v2/measurementdata',\n deleteAirAlert: 'DeleteAlert',\n downloadCalibrationCertificate: 'calibrationCertificatesForZephyr',\n GetMeasurmentData: '',\n GetMeasurmentDataDSE: 'v2/measurementdata',\n getAirAlertTypes: 'GetAlertTypes',\n getAirAlerts: 'GetAlerts',\n updateAlertParameters: 'UpdateAlertParameter',\n updateAlertTargets: 'UpdateTarget',\n addAlertTarget: 'AddTarget',\n removeAlertTarget: 'RemoveTargetFromAlert',\n getAurns: 'v2/GetUserAurns',\n getAveragingPeriods: 'getAveragingPeriods',\n getCartridge: 'v2/GetZephyrCartridgeData',\n getDataConfig: 'getDataConfig',\n getDisplayConfig: 'getDisplayConfig',\n getToken: 'getToken',\n getLatestMetDataForUser: 'getLatestMetDataForUser',\n getLocationGoogle: 'https://maps.googleapis.com/maps/api/geocode/json',\n getLocationSuggestionsGoogle:\n 'https://maps.googleapis.com/maps/api/place/autocomplete/json',\n getMappairAPIVersion: 'getMappairAPIVersion',\n getMappairOverlays: 'getMappairOverlays',\n getMappairStylegroups: 'getMappairStylegroups',\n getMappairOverlaySAValues: 'sa',\n getMappairOverlayValue: 'getMappairOverlayValue',\n getMappairOverlayImage: 'getMappairOverlayImage',\n getMappairOverlayImageTiled: 'getMappairOverlayImageTiled',\n getMappairAQMAImage: 'getAQMAImage',\n getMappairSchoolsImage: 'getShpImage',\n getMappairPoint: 'point',\n getMyAirVersions: 'getMyAirVersions',\n getPolarPlots: 'getPolarPlots',\n getPublicAdvice: 'getPublicAdvice',\n getTimePeriods: 'getTimePeriods',\n getTodayData: 'point',\n getUserAgreements: 'getUserAgreements',\n getUserConfig: 'getUserConfig',\n getUserFeedbackQuestions: 'getUserFeedbackQuestions',\n getUserInfo: 'getUserInfo',\n getZephyrs: 'v2/GetZephyrs',\n kmlDataDownload: 'dataForViewSpecies',\n mapboxSatellite:\n 'https://api.mapbox.com/styles/v1/mapbox/satellite-streets-v11/tiles/256/{z}/{x}/{y}',\n postAirAlerts: 'AddAlerts',\n postContactFormEmail: 'postContactFormEmail',\n postUserFeedback: 'postUserFeedback',\n setUserTour: 'setUserTour',\n signUserAgreement: 'signUserAgreement',\n updateAirAlert: 'UpdateAlert',\n updateUserLatestVersionViewed: 'updateUserLatestVersionViewed',\n zephyrsForUserWithHistory: 'zephyrsForUserWithHistory',\n zephyrsForUserWithHistoryAndAQ: 'zephyrsForUserWithHistoryAndAQ',\n maptiler: 'https://api.maptiler.com/maps/'\n};\n\n// Versions\n// Set to empty string, when wanting to take value from latest v in DB (production)\n// export const appVersion: string = '4.3.1';\n\n// Keys\nexport const keys: Keys = {\n GoogleMaps: 'AIzaSyBEUtG_mjM0jd4CxG1MBcoT0l9LYcFqoKM',\n Mapbox:\n 'pk.eyJ1IjoiZWFydGhzZW5zZWFxIiwiYSI6ImNrZ3FicWNsNDAzcGkycXF3ZG43YXU4amoifQ.j_pJt2C_k-8yS-T0o8xzxg',\n};\n\n// Cardinal Directions\nexport const cardinalDirectionsPlus: CardinalDirections[] = [\n {\n minDegrees: 0,\n dirName: 'N',\n },\n {\n minDegrees: 22.5,\n dirName: 'NNE',\n },\n {\n minDegrees: 45,\n dirName: 'NE',\n },\n {\n minDegrees: 67.5,\n dirName: 'ENE',\n },\n {\n minDegrees: 90,\n dirName: 'E',\n },\n {\n minDegrees: 112.5,\n dirName: 'ESE',\n },\n {\n minDegrees: 135,\n dirName: 'SE',\n },\n {\n minDegrees: 157.5,\n dirName: 'SSE',\n },\n {\n minDegrees: 180,\n dirName: 'S',\n },\n {\n minDegrees: 202.5,\n dirName: 'SSW',\n },\n {\n minDegrees: 225,\n dirName: 'SW',\n },\n {\n minDegrees: 247.5,\n dirName: 'WSW',\n },\n {\n minDegrees: 270,\n dirName: 'W',\n },\n {\n minDegrees: 292.5,\n dirName: 'WNW',\n },\n {\n minDegrees: 315.5,\n dirName: 'NW',\n },\n {\n minDegrees: 337.5,\n dirName: 'NNW',\n },\n];\n\n// Analytics\nexport const gtmEventIdentifiers: GtmEventIdentifiers = {\n login: 'login',\n logout: 'logout',\n versionModal: 'versionModal',\n privacyPolicyLink: 'privacyPolicyLink',\n resourcesLink: 'resourcesLink',\n tutorialModal: 'tutorialModal',\n tour: 'tour',\n contactModal: 'contactModal',\n mappairToggle: 'mappairToggle',\n aurnToggle: 'aurnToggle',\n satelliteToggle: 'satelliteToggle',\n osmToggle: 'osmToggle',\n aqmaToggle: 'aqmaToggle',\n schoolsToggle: 'schoolsToggle',\n smokeControlZonesToggle: 'smokeControlZonesToggle',\n zephyrToggle: 'zephyrToggle',\n vZephyrToggle: 'vZephyrToggle',\n allToggle: 'allToggle',\n unitSelect: 'unitSelect',\n unitCertificateDownload: 'unitCertificateDownload',\n pollutantSelect: 'pollutantSelect',\n sourceSelect: 'sourceSelect',\n colourscaleSelect: 'colourscaleSelect',\n aqiIndexSwitch: 'aqiIndexSwitch',\n aqlIndexSwitch: 'aqlIndexSwitch',\n aqmIndexSwitch: 'aqmIndexSwitch',\n timeseriesExpansion: 'timeseriesExpansion',\n mapClick: 'mapClick',\n timePeriodSwitch: 'timePeriodSwitch',\n timeAveragingSwitch: 'timeAveragingSwitch',\n dataDownload: 'dataDownload',\n speciesGroupSwitch: 'speciesGroupSwitch',\n unitOverplot: 'unitOverplot',\n annualAveragesToggle: 'annualAveragesToggle',\n};\n\nexport const gtmEvents: GtmEvents = {\n login: {\n category: 'App',\n action: 'Login Attempt',\n label: 'Log In',\n value: 0,\n },\n logout: {\n category: 'App',\n action: 'Log Out',\n label: 'Log Out',\n value: 0,\n },\n versionModal: {\n category: 'App',\n action: 'Version History View',\n label: 'Version History Modal View',\n value: 0,\n },\n privacyPolicyLink: {\n category: 'App',\n action: 'Privacy Link Click',\n label: 'Privacy Link Click',\n value: 0,\n },\n resourcesLink: {\n category: 'Help',\n action: 'Resources Link Click',\n label: 'Resources Link Click',\n value: 0,\n },\n tutorialModal: {\n category: 'Help',\n action: 'Tutorial View',\n label: 'Tutorial Modal View',\n value: 0,\n },\n tour: {\n category: 'Help',\n action: 'Tour Launch',\n label: 'Tour Launch',\n value: 0,\n },\n contactModal: {\n category: 'Help',\n action: 'Contact Form View',\n label: 'Contact Form View',\n value: 0,\n },\n mappairToggle: {\n category: 'Product Inventory',\n action: 'Overlays Checkbox',\n label: 'MappAir Overlay',\n value: 0,\n },\n aurnToggle: {\n category: 'Product Inventory',\n action: 'Overlays Checkbox',\n label: 'AURN Overlay',\n value: 0,\n },\n satelliteToggle: {\n category: 'Product Inventory',\n action: 'Overlays Checkbox',\n label: 'Satellite Overlay',\n value: 0,\n },\n osmToggle: {\n category: 'Product Inventory',\n action: 'Overlays Checkbox',\n label: 'OpenStreetMaps Overlay',\n value: 0,\n },\n aqmaToggle: {\n category: 'Product Inventory',\n action: 'Overlays Checkbox',\n label: 'AQMA Overlay',\n value: 0,\n },\n schoolsToggle: {\n category: 'Product Inventory',\n action: 'Overlays Checkbox',\n label: 'Schools Overlay',\n value: 0,\n },\n smokeControlZonesToggle: {\n category: 'Product Inventory',\n action: 'Overlays Checkbox',\n label: 'UK Smoke Control Zones Overlay',\n value: 0,\n },\n zephyrToggle: {\n category: 'Product Inventory',\n action: 'Overlays Checkbox',\n label: 'Zephyr Overlay',\n value: 0,\n },\n vZephyrToggle: {\n category: 'Product Inventory',\n action: 'Overlays Checkbox',\n label: 'Virtual Zephyr Overlay',\n value: 0,\n },\n allToggle: {\n category: 'Product Inventory',\n action: 'Overlays Checkbox',\n label: 'Show All Overlays',\n value: 0,\n },\n unitSelect: {\n category: 'Product Inventory',\n action: 'Unit Click',\n label: 'Unit Select',\n value: 0,\n },\n unitCertificateDownload: {\n category: 'Product Inventory',\n action: 'Unit Click',\n label: 'Calibration Certificate Download',\n value: 0,\n },\n pollutantSelect: {\n category: 'Map',\n action: 'Pollutant Dropdown Select',\n label: 'Pollutant Switch',\n value: 0,\n },\n sourceSelect: {\n category: 'Map',\n action: 'Source Dropdown Select',\n label: 'Source Layer Switch',\n value: 0,\n },\n colourscaleSelect: {\n category: 'Map',\n action: 'Colourscale Dropdown Select',\n label: 'Colourscale Switch',\n value: 0,\n },\n aqiIndexSwitch: {\n category: 'Map',\n action: 'AQI Index Switch',\n label: 'AQI Index Switch',\n value: 0,\n },\n aqlIndexSwitch: {\n category: 'Map',\n action: 'AQL Index Switch',\n label: 'AQL Index Switch',\n value: 0,\n },\n aqmIndexSwitch: {\n category: 'Map',\n action: 'AQM Index Switch',\n label: 'AQM Index Switch',\n value: 0,\n },\n timeseriesExpansion: {\n category: 'Map',\n action: 'Timeseries Expansion',\n label: 'Timeseries Expansion View',\n value: 0,\n },\n mapClick: {\n category: 'Map',\n action: 'Map Point Click',\n label: 'MappAir Point Click',\n value: 0,\n },\n timePeriodSwitch: {\n category: 'Data',\n action: 'Time Period Checkbox',\n label: 'Time Period Switch',\n value: 0,\n },\n timeAveragingSwitch: {\n category: 'Data',\n action: 'Time Averaging Checkbox',\n label: 'Time Averaging Switch',\n value: 0,\n },\n dataDownload: {\n category: 'Data',\n action: 'Download Select',\n label: 'Data Download',\n value: 0,\n },\n speciesGroupSwitch: {\n category: 'Data',\n action: 'Species Group Switch',\n label: 'Species Group Switch',\n value: 0,\n },\n unitOverplot: {\n category: 'Data',\n action: 'Unit Overplot',\n label: 'Unit Overplot',\n value: 0,\n },\n};\n\n// Cookies\nexport const permissionCookieSettings: CookieSettings = {\n name: 'Opt-out',\n expiry: 60,\n};\n\n// MappAir\nexport const speciesMap: SpeciesMap = {\n combinedpollen: 'Pollen',\n pm2p5: 'PM₂.₅',\n relhum: 'Humidity',\n temperature: 'Temp',\n};\n\n// Periods\nexport const days: Days = {\n 1: 'Mon',\n 2: 'Tue',\n 3: 'Wed',\n 4: 'Thu',\n 5: 'Fri',\n 6: 'Sat',\n 7: 'Sun',\n};\n\nexport const periods: Periods = {\n 24: { quantity: 1, unit: 'days' },\n 48: { quantity: 2, unit: 'days' },\n 72: { quantity: 3, unit: 'days' },\n week: { quantity: 7, unit: 'days' },\n month: { quantity: 1, unit: 'months' },\n default: { quantity: 1, unit: 'days' },\n};\n\n// Alerts\nexport const alertPeriodSelections: AlertPeriodMap[] = [\n {\n rawPeriod: '15',\n formattedPeriod: '15 min',\n },\n {\n rawPeriod: '30',\n formattedPeriod: '30 min',\n },\n {\n rawPeriod: '60',\n formattedPeriod: '60 min',\n },\n {\n rawPeriod: '480',\n formattedPeriod: '8hr',\n },\n {\n rawPeriod: '1440',\n formattedPeriod: '24hr',\n },\n];\n\nexport const alertRepeatSelections: AlertRepeatMap[] = [\n {\n rawRepeat: 'never',\n formattedRepeat: 'Never',\n },\n {\n rawRepeat: 'hourly',\n formattedRepeat: 'Hourly',\n },\n {\n rawRepeat: 'daily',\n formattedRepeat: 'Daily',\n },\n];\n\nexport const alertThresholdSelections: AlertThresholdMap[] = [\n {\n rawThreshold: 'greater',\n formattedThreshold: 'greater',\n postVerb: 'than',\n },\n // {\n // rawThreshold: 'greaterOrEqual',\n // formattedThreshold: 'greater or equal',\n // postVerb: 'to',\n // },\n // {\n // rawThreshold: 'lessOrEqual',\n // formattedThreshold: 'less or equal',\n // postVerb: 'to',\n // },\n {\n rawThreshold: 'less',\n formattedThreshold: 'less',\n postVerb: 'than',\n },\n];\n\nexport const todaySubspeciesMap: TodaySubspeciesMap[] = [\n {\n label: 'Temp',\n speciesRef: 'Temp',\n },\n {\n label: 'Humidity',\n speciesRef: 'Humidity',\n },\n {\n label: 'Pollen',\n speciesRef: 'Pollen',\n },\n];\n\nexport const unitSelections: UnitSelections = {\n unitSelectionOptions: [\n { type: 'specific', HTMLLabel: 'Specific Zephyr(s)' },\n { type: 'non-specific', HTMLLabel: 'All Zephyrs in my inventory' },\n ],\n};\n\nexport const unitStatus: UnitStatus[] = [\n {\n type: 'battery',\n HTMLLabel: 'Battery',\n },\n {\n type: 'charge',\n HTMLLabel: 'Charge',\n },\n {\n type: 'solar',\n HTMLLabel: 'Solar panel',\n },\n {\n type: 'power',\n HTMLLabel: 'Power',\n },\n {\n type: 'data',\n HTMLLabel: 'Data',\n },\n];\n\n// CRS\nexport const crs: string = 'EPSG%3A3857';\n\n// Border Dashes\nexport const borderDashConfigs: number[][] = [\n [],\n [2, 1],\n [4, 2],\n [15, 3, 3, 3, 3],\n [8, 5],\n];\n\nexport const borderDashConfigs2: BorderDashStrings[] = [\n 'solid',\n 'shortDot',\n 'shortDash',\n 'longDashDot',\n 'longDash',\n];\n\n// Default Location\nexport const defaultLocation: LocationCoordinates = [\n -1.127121667,\n 52.619883333,\n];\n\n// Quotes\nexport const zephyrMeasurementOptions: ContactFormSelection[] = [\n {\n value: 'NO, NO2, O3',\n label: 'NO, NO₂, O₃',\n },\n {\n value: 'PM1, PM2.5, PM10',\n label: 'PM₁, PM₂.₅, PM₁₀',\n },\n {\n value: 'SO2, H2S, CO',\n label: 'SO₂, H₂S, CO',\n },\n {\n value: 'CO2',\n label: 'CO₂',\n },\n {\n value: 'TVOCs',\n label: 'TVOCs',\n },\n {\n value: 'Met Station',\n label: 'Met Station',\n },\n];\n\nexport const mappairMeasurementOptions: ContactFormSelection[] = [\n {\n value: 'NO2',\n label: 'NO₂',\n },\n {\n value: 'PM2.5',\n label: 'PM₂.₅',\n },\n];\n\nexport const mappairCFDOptions: ContactFormSelection[] = [\n {\n value: 'yes',\n label: 'Yes',\n },\n {\n value: 'no',\n label: 'No',\n },\n];\n\nexport const mappairResolutionOptions: ContactFormSelection[] = [\n {\n value: '10m',\n label: '10m',\n },\n {\n value: '5m',\n label: '5m',\n },\n {\n value: '2m',\n label: '2m',\n },\n];\n\nexport const mappairOutputOptions: ContactFormSelection[] = [\n {\n value: 'Export',\n label: 'Export',\n },\n {\n value: 'API',\n label: 'API',\n },\n];\n\n// Default Contact Form\nexport const defaultContactForm: ContactForm = {\n formData: {\n firstName: '',\n lastName: '',\n email: '',\n company: '',\n enquiry: '',\n details: '',\n comments: '',\n },\n userMessage: '',\n};\n\nexport const detailsContactFormLookup: ContactFormSelectionLookup = {\n Sales: [\n {\n value: 'Expand Zephyr Network',\n label: 'Expand Zephyr Network',\n },\n {\n value: 'Upgrade MappAir Model',\n label: 'Upgrade MappAir Model',\n },\n {\n value: 'Other',\n label: 'Other',\n },\n ],\n Feedback: [\n {\n value: 'MyAir',\n label: 'MyAir',\n },\n {\n value: 'Zephyr',\n label: 'Zephyr',\n },\n {\n value: 'MappAir',\n label: 'MappAir',\n },\n {\n value: 'Other',\n label: 'Other',\n },\n ],\n Support: [\n {\n value: 'MyAir',\n label: 'MyAir',\n },\n {\n value: 'Zephyr',\n label: 'Zephyr',\n },\n {\n value: 'MappAir',\n label: 'MappAir',\n },\n {\n value: 'Other',\n label: 'Other',\n },\n ],\n};\n\nexport const defaultAreaConfig: AreaConfig = {\n areaSize: null,\n centreHdms: null,\n latLngGeometry: null,\n};\n\nexport const defaultMappairForm: ContactFormMappair = {\n formData: {\n area: defaultAreaConfig,\n email: '',\n comments: '',\n company: '',\n firstName: '',\n lastName: '',\n pollutants: [],\n },\n userMessage: '',\n};\n\nexport const defaultMappairOptions: ShowAQMALayer = {\n opacity: 1,\n overlay: '',\n mappairPointModeOn: false,\n showAQMALayer: false,\n showSchoolsLayer: false,\n showSmokeControlZones: false,\n showOverlayLayer: false,\n showSatelliteLayer: false,\n showOSM: false,\n showAALayer: false,\n annualAverage: null,\n};\n\nexport const defaultVZephyrsConfig: VZephyrsConfig = {\n active: 0,\n max: 0,\n new30Days: 0,\n new30DaysMax: 0,\n};\n\nexport const defaultZephyrForm: ContactFormZephyr = {\n formData: {\n firstName: '',\n lastName: '',\n email: '',\n company: '',\n zephyrs: 1,\n powerOption: '',\n species: [],\n },\n userMessage: '',\n};\n\nexport const enquiryContactForm: ContactFormSelection[] = [\n { value: 'Sales', label: 'Sales' },\n { value: 'Feedback', label: 'Feedback' },\n { value: 'Support', label: 'Support' },\n];\n\nexport const zephyrPowerOptions: ContactFormSelection[] = [\n { value: 'Mains', label: 'Mains' },\n { value: 'Solar', label: 'Solar' },\n];\n\n// AQM\nexport const defaultSpecies: Species = {\n colour: [{ r: '0', g: '0', b: '0' }],\n conversionDivider: false,\n conversionMultiplier: false,\n dataIdentifier: 'AQI',\n dataIdentifiers: ['AQI'],\n HTMLExposedUnitLabel: 'Max:10',\n HTMLLabel: 'AQI',\n HTMLUnitLabel: 'AQI',\n HTMLShortUnitLabel: '',\n label: 'AQI',\n maximum: false,\n minimum: 0,\n secondaryAxis: false,\n};\n\nexport const aqlOtherTab: AQOptionsMap = {\n label: 'Regional Met',\n value: 'other',\n};\n\nexport const annualAvgTab: AnnualAvgTabMap[] = [\n {\n label: 'Chart',\n value: 'chart',\n },\n {\n label: 'List',\n value: 'list',\n },\n];\n\nexport const annualAvgtext: ComponentContent = {\n tableRowforYr: 'Year',\n tabContentTitleForChartPrefix: 'Last ',\n tabContentTitleForChartPostfix: ' year(s)',\n tabContentTitleForListPrefix: 'Area - Last ',\n tabContentTitleForListPostfix: ' year(s)',\n nodata: 'No data found for selected coordinates...',\n AAChartHeader: 'Virtual Zephyr',\n AADownloadData: 'Download data',\n AASeeMore: 'See more data',\n annualAvgNotAuthorised:\n \"Annual averages functionality isn't turned on for this user. Please contact support@earthsense.co.uk if this isn't as expected.\",\n annualAvgAccordionTitle: 'Annual Averages',\n};\n\nexport const numberYrsHistory = 5;\n\nexport enum NoOfYearsTypes {\n one = '1',\n two = '2',\n three = '3',\n four = '4',\n five = '5',\n six = '6',\n seven = '7',\n eight = '8',\n nine = '9',\n}\n\nexport const YearOptions: Array<{ label: string; value: string }> = [\n {\n label: '2 Years (min)',\n value: NoOfYearsTypes.two,\n },\n {\n label: '3 Years',\n value: NoOfYearsTypes.three,\n },\n {\n label: '4 Years',\n value: NoOfYearsTypes.four,\n },\n {\n label: '5 Years',\n value: NoOfYearsTypes.five,\n },\n {\n label: '6 Years',\n value: NoOfYearsTypes.six,\n },\n {\n label: '7 Years',\n value: NoOfYearsTypes.seven,\n },\n {\n label: '8 Years',\n value: NoOfYearsTypes.eight,\n },\n {\n label: '9 Years (max)',\n value: NoOfYearsTypes.nine,\n },\n];\n\nexport const aqmOptions: AQOptionsMap[] = [\n {\n label: 'Temporal',\n value: 'aqmTemp',\n },\n {\n label: 'Sources',\n value: 'aqmSA',\n },\n {\n label: 'Wind',\n value: 'aqmWind',\n },\n];\n\n// Alert Options\nexport const alertThresholdOptions: ObjectMap = {\n greater: '>',\n greaterOrEqual: '>=',\n lessOrEqual: '<=',\n less: '<',\n};\n\n// URL Options\nexport const urlQueryStringOptions: UrlQueryStringOptions[] = [\n 'ctv',\n 'diagnostics',\n];\n\n// Data Options\nexport const customTimePeriod: TimePeriod = {\n labelHTML: 'Custom',\n timeOption: 'custom',\n};\n\nexport const defaultModelUnit: string = 'score';\n\nexport const gaseousSlots: Slot[] = [\n { label: 'slotA', HTMLLabel: 'Slot A' },\n { label: 'slotB', HTMLLabel: 'Slot B' },\n];\n\nexport const slots: Slot[] = [\n { label: 'slotA', HTMLLabel: 'Slot A' },\n { label: 'slotB', HTMLLabel: 'Slot B' },\n //{ label: 'head', HTMLLabel: 'Met Station' },\n];\n\nexport const defaultSelectedFilters: MappAirSelectedFilter[] = [\n {\n name: 'zephyr',\n showAllLabels: false,\n showSelectedLabel: true,\n },\n {\n name: 'virtual',\n showAllLabels: false,\n showSelectedLabel: true,\n },\n {\n name: 'aurn',\n showAllLabels: false,\n showSelectedLabel: true,\n },\n];\n\nexport const placeholderAxis: PlaceholderAxis = {\n labelFontSize: 0,\n lineThickness: 0,\n margin: 0,\n tickLength: 0,\n title: '',\n};\n\nexport const placeholderAxisConfig: SecondaryAxisConfig[] = [\n { idx: 0, maximum: null, minimum: 0, title: '' },\n { idx: 1, maximum: null, minimum: 0, title: '' },\n];\n\n// Component Content\nexport const AirAlertsConfiguratorContent: ComponentContent = {\n AACValidationFailure: 'Please fix the issues below to submit this alert',\n AACDataSourceHeader: 'Select Data Source',\n AACDataSourceSelection: 'Choose Zephyrs',\n AACValidationFailureSources: 'Please select at least one Zephyr',\n AACAlertDataHeader: 'Alert Data',\n AACGasColumn: 'Select Gas',\n AACThresholdColumn: 'Threshold',\n AACAlertColumn: 'Alert Level',\n AACPeriodColumn: 'Period',\n AACRepeatColumn: 'Repeat',\n AACUnitStatusSelection: 'Send status alerts for:',\n AACValidationFailureData: 'Please add at least one gas or status to track',\n AACOutputHeader: 'Output',\n AACOutputName: 'Name',\n AACValidationFailureName: 'Please add a name for this alert',\n AACOuputEmail: 'Email address',\n AACOutputPhoneNumber: 'Phone Numbers',\n AACValidationFailureEmail: 'Please enter valid email address',\n AACValidationFailurePhoneNumber:\n 'Number must be in format +(country code)(phone number)',\n AACValidationCommunicationType: 'Please add one method of communication',\n};\n\nexport const AirAlertsOverviewContent: ComponentContent = {\n AAOHeader: 'Alerts (Max 5 per standard user)',\n AAOCreateNew: 'Create new alert',\n AAONameColumn: 'Name',\n AAOAlertDataColumn: 'Alert Data',\n AAOStatusColumn: 'Status',\n AAOActionscolumn: 'Actions',\n AAONoAlerts: \"You haven't created any alerts yet\",\n};\n\nexport const AirQuality101Content: ComponentContent = {\n AQ101header: 'Air Quality Info',\n AQ101CloseModal: 'x',\n};\n\nexport const AppIntroModelContent: ComponentContent = {\n AppIntroButton: 'OK',\n};\n\nexport const AQColourscaleContent: ComponentContent = {\n AQCButton: 'Colourscale',\n AQCButtonPublic: 'Map Colourscale',\n};\n\nexport const AQLatestDataContent: ComponentContent = {\n AQAurnLabel: 'AURN',\n AQLatestDataButton: 'Measurement Data',\n AQZephyrLabel: 'Zephyr',\n AQVZephyrLabel: 'Virtual Zephyr',\n};\n\nexport const AQOtherContent: ComponentContent = {\n AQDisclaimerGFS:\n 'Please note, the publicly available GFS data being displayed here is un-ratified and is not the property of EarthSense. EarthSense take no responsibility for the accuracy and currency of these data.',\n AQDisclaimerMet:\n 'Please note, the publicly available Met Office data being displayed here is un-ratified and is not the property of EarthSense. EarthSense take no responsibility for the accuracy and currency of these data.',\n AQGFSDesc: 'NOAA Global Forecast',\n AQMetDesc: 'Met Office Station',\n AQPeriodGFS: 'last 3 hours',\n AQPeriodMet: 'last hour',\n};\n\nexport const AQModelDataContent: ComponentContent = {\n AQModelDataButton: 'MappAir Model Data',\n AQModelDataLoading: 'Loading model data',\n AQModelDataClickPrompt:\n 'Click a point on the map to get additional model data.',\n AQModelNoData: 'No additional model data is available at this location.',\n};\n\nexport const AQSAContent: ComponentContent = {\n AQTotal: 'Total',\n AQUnits: '2018 tonnes/annum',\n};\n\nexport const AQTemporalContent: ComponentContent = {\n AQChartHeader: 'Historic & Forecast',\n AQDownloadData: 'Download data',\n};\n\nexport const AQUnitContent: ComponentContent = {\n AQSummaryHeader: 'score: ',\n AQPeriod: 'Last hourly averages',\n AQNoData: 'No data available.',\n AQNoOwnership: 'No data available.',\n};\n\nexport const AQWindContent: ComponentContent = {\n AQChartHeaderOne: 'Frequency & Speed',\n AQChartSubheader: 'Last 30 days',\n};\n\nexport const AsideContent: ComponentContent = {\n AsideHeader: 'Product Inventory',\n PublicAsideHeader: 'Air Quality Data Sources',\n};\n\nexport const AsidePromptContent: ComponentContent = {\n AsideButtonContent: 'Get Quote',\n AsidePromptExplainer: 'Expand Zephyr Network',\n AsideAnalyticsPrompt: 'Back To Configuration Menu',\n AsideAnalyticsButton: 'Back',\n};\n\nexport const AsideOverlaysContent: ComponentContent = {\n OverlaysAQMA: 'Air Quality Management Areas',\n OverlaysSchools: 'Schools',\n OverlaysUKSmokeControlZones: 'Smoke Control Zones',\n OverlaysAURN: 'AURN',\n OverlaysHeader: 'Overlays',\n OverlaysDefault: 'Default',\n OverlaysMappair: 'Real-Time & Forecast',\n OverlaysRemoveAll: 'Remove all',\n OverlaysSatellite: 'Satellite',\n OverlaysOSM: 'OSM',\n OverlaysShowAll: 'Show all',\n OverlaysZephyrs: 'Zephyr',\n MapDetails: 'Map details',\n MapTypes: 'Map type',\n OverlaysAA: 'Annual Averages',\n ModelLayers: 'Air Quality Map Layers',\n ChooseYear: 'Choose a year:',\n BaseMaps: 'Base Maps',\n};\n\nexport const AsideOverlaysContentPublic: ComponentContent = {\n OverlaysMappair: 'Pollution Model (MappAir)',\n OverlaysAQMA: 'Air Quality Management Areas',\n OverlaysHeader: 'Overlays',\n OverlaysDefault: 'Default',\n OverlaysSchools: 'Schools',\n OverlaysUKSmokeControlZones: 'Smoke Control Zones',\n OverlaysAA: 'Annual Averages',\n};\n\nexport const AsideOverlaysSpecies: AsideOverlaysSpeciesMap = {\n speciesMap: [\n { type: 'zephyr', label: 'Zephyr' },\n { type: 'virtual', label: 'Virtual Zephyrs' },\n { type: 'aurn', label: 'AURN' },\n ],\n};\nexport const FleetManagementAvailableSpecies: FleetManagementSpeciesMap = {\n speciesMap: [\n { type: 'zephyr', label: 'Zephyr', checked: false, zType: 0 },\n { type: 'virtual', label: 'Virtual Zephyrs', checked: false, zType: 100 },\n { type: 'aurn', label: 'AURN', checked: false, zType: 1 },\n ],\n};\n\nexport const AsideOverlaysPublicSpecies: AsideOverlaysSpeciesMap = {\n speciesMap: [\n { type: 'zephyr', label: 'Local Network (Zephyrs)' },\n { type: 'virtual', label: 'Virtual Zephyrs' },\n { type: 'aurn', label: 'National Network (AURN)' },\n ],\n};\n\nexport const AsideUnitContent: ComponentContent = {\n AsideUnitBatteryCharging: 'Charging',\n AsideUnitBatteryChargingDesc: 'Zephyr battery is charging.',\n AsideUnitBatteryDischarging: 'Draining',\n AsideUnitBatteryDischargingDesc:\n 'Zephyr running on internal battery power, battery well-charged.',\n AsideUnitBatteryExplainer: 'Running on internal battery power',\n AsideUnitBatteryFlat: 'Flat',\n AsideUnitBatteryFlatDesc:\n 'Zephyr running on internal battery power, battery with little or no charge.',\n AsideUnitNoBattery: 'No charge',\n AsideUnitBatteryPower: 'Power',\n AsideUnitCartridgeBlank: 'Blank',\n AsideUnitCartridgeExplainerStandard:\n 'Sensors include: NO2 , NO, O3 , PM1 , PM2.5 , PM10 , Pressure, Temperature & Relative Humidity',\n AsideUnitCartridgeExplainerEnhanced:\n 'Sensors include: NO2 , NO, O3 , PM1 , PM2.5 , PM10 , CO, SO2 , H2 S, Pressure, Temperature & Relative Humidity',\n AsideUnitCartridgeExplainerEnhancedPlus:\n 'Sensors include: NO2 , NO, O3 , PM1 , PM2.5 , PM10 , CO, SO2 , H2 S, CO2 , Pressure, Temperature & Relative Humidity',\n AsideUnitCartridgeExplainderEnhancedPP:\n 'Sensors include: NO2 , NO, O3 , PM1 , PM2.5 , PM10 , CO, SO2 , H2 S, CO2 , TVOCs, Pressure, Temperature & Relative Humidity',\n AsideUnitConnectionGSM: 'GSM',\n AsideUnitConnectionNetwork: 'Network',\n AsideUnitLocationHeader: 'Location:',\n AsideUnitUpdatedHeader: 'Updated:',\n AsideUnitIdHeader: 'ID:',\n AsideUnitStatusHeader: 'Status',\n AsideUnitFrequencyHeader: 'Frequency',\n AsideUnitCertificateDownloadButton: 'Download calibration certificates',\n AsideUnitConnectionExplainer:\n 'Data communications available, data received in the last 2 hours.',\n AsideUnitConnectionWarning:\n 'Temporary communications gap: No data uploaded in the last 2 hours, but data received in the last 24 hours. Measurements stored locally.',\n AsideUnitConnectionAlert: 'No data uploaded in the last 24 hours.',\n AsideUnitEditName: 'Edit Name',\n AsideUnitEditNetwork: 'Edit network credentials',\n AsideUnitDeleteName: 'Delete',\n VZUnitDeleteName: 'Remove',\n AsideUnitOwnership: 'Ownership:',\n AsideUnitSamplingData: 'Data',\n AsideUnitSamplingExplainerHigh: 'Sample Rate: 10 Seconds',\n AsideUnitSamplingExplainerMed: 'Sample Rate: 60 Seconds',\n AsideUnitSamplingExplainerLow: 'Sample Rating: 60 Seconds',\n AsideUnitSamplingOff: 'No Sample',\n AsideUnitSamplingOn: 'Sampling',\n AsideUnitStatus: 'Status:',\n AsideUnitStatusRetired: 'Retired:',\n AsideUnitType: 'Type:',\n AsideUnitTypeAURN: 'AURN',\n AsideUnitTypeVirtualZephyr: 'Virtual Zephyr',\n AsideUnitTypeZephyr: 'Zephyr',\n};\n\nexport const WiFiCredentialsContent: ComponentContent = {\n EditWifiCredentials: 'Edit WiFi Credentials',\n EditWifiCloseModal: 'Cancel',\n EditWifiSaveButton: 'Upload Wifi Settings',\n StaticWiFiCredentials: 'Static Wifi Credentials (SSID)',\n DynamicWiFiCredentials: 'Dynamic Wifi Credentials',\n NetworkNameLabel: 'Network Name',\n NetworkPasswordLabel: 'Network Password',\n NetworkCredentialsError:\n 'There was an issue retrieving the existing credentials',\n};\n\nexport const AsideUnitMetrics: AsideUnitMetricsMap = {\n metricsStatusMap: [\n { item: 'extVoltage', header: 'Input voltage', unit: ' V' },\n { item: 'batteryVoltage', header: 'Battery voltage', unit: ' V' },\n { item: 'batteryCharge', header: 'Battery charge', unit: '%' },\n ],\n metricsFrequencyMap: [\n { item: 'measurementCount', header: 'Readings in last upload' },\n ],\n};\n\nexport const PermissionCookieBannerContent: ComponentContent = {\n PCBExplainer:\n 'MyAir uses third-party analytics cookies to inform the release of improved future versions.',\n PCBExplainerPreSpan: 'We use',\n PCBExplainerSpan: 'optional',\n PCBExplainPostSpan:\n 'third-party analytics cookies to understand how we can build better products.',\n PCBButtonAccept: 'Accept',\n PCBButtonReject: 'Reject',\n PCBButtonOk: 'OK',\n};\n\nexport const DataAQSummaryContent: ComponentContent = {\n DataAQSummaryHeader: 'Last hour',\n};\n\nexport const DataChartDisclaimerContent: ComponentContent = {\n DataChartDisclaimer:\n 'Please note, the publicly available DEFRA AURN data being displayed here is un-ratified and is not the property of EarthSense. EarthSense take no responsibility for the accuracy and currency of these data.',\n};\n\nexport const DataChartHeaderContent: ComponentContent = {\n DataChartHeaderTzPrefix: 'Showing data in timezone:',\n DataChartHeaderTzUTC: 'UTC',\n DataChartHeaderLoading: 'Loading data..',\n DataChartHeaderNull: 'Data not currently available',\n DataChartSomeTimedOut: 'Some requests timed out.',\n DataChartAllTimedOut:\n 'All unit requests with available data timed out - try requesting data in smaller chunks',\n ZoomResetButton: 'Reset zoom',\n vZephyrLoadingMsg:\n 'Your virtual zephyr is initializing and data will be available soon. (1-2hours)',\n DataChart_240: 'Data not available for selected time period',\n DataChart_400: 'No start date set or wrong zephyr number',\n DataChart_401: 'No credentials provided',\n DataChart_403: 'Your account does not have permission to request data',\n DataChart_404: 'The requested resource does not exist',\n DataChart_429: 'Server overloaded, please try again later',\n DataChart_500: 'Something went wrong on the server',\n};\n\nexport const DataCustomDateContent: ComponentContent = {\n DataCustomDatePickerMessage: 'Select any period up to 31 days',\n DataCustomeDateSubmit: 'Submit',\n DataCustomDateSave: 'Save',\n};\n\nexport const dataDiagnosticsModalContent: ComponentContent = {\n dataDiagnosticsHeader: 'Data narrative',\n dataDiagnosticsIndex: 'Data request item:',\n dataDiagnosticsModalContentClose: 'x',\n};\n\nexport const DataDownloadButtonContent: ComponentContent = {\n DataDownloadButtonText: 'Download data',\n DataDiagnosticsButtonText: 'Diagnostics',\n};\n\nexport const DataTimeAveragingOptionsContent: ComponentContent = {\n DataTAHeader: 'Time Averaging',\n DataTASubheader: 'Average data by:',\n};\n\nexport const DataTimePeriodOptionsContent: ComponentContent = {\n DataPOHeader: 'Time Period',\n DataPOSubheader: 'Show me data for:',\n};\n\nexport const DataUnitsContent: ComponentContent = {\n DataUnitsHeaderMultiUnits: 'Units:',\n DataUnitsRemoveUnit: 'x',\n DataUnitsSingleUnit: 'Unit:',\n DataUnitsTooltipContent:\n 'Drag and drop units from the Product Inventory tab to add them to the chart.',\n DataUnitsTooltipMakerContent: 'i',\n};\n\nexport const DownloadModalContent: ComponentContent = {\n downloadHeader: 'Download data',\n downloadSubheader: 'Get data for',\n downloadCoordinates: 'coordinates',\n downloadButton: 'Download',\n closeModal: 'x',\n};\n\nexport const FeedbackQuestionsContent: ComponentContent = {\n feedbackQuestionsHeader: 'Share your feedback',\n feedbackScoreLabelsLow: 'Not very likely',\n feedbackScoreLabelsHigh: 'Very likely',\n feedbackCommentsPlaceholder: 'Write your feedback here',\n feedbackButtonNext: 'Next',\n feedbackEmailHeader: 'Email address',\n feedbackOptional: 'Optional',\n feedbackConfirmationHeader: 'Thank you for your feedback',\n feedbackConfirmationText:\n 'Your feedback is highly valued and is used to improve our service.',\n feedbackButtonConfirmation: 'Done',\n};\n\nexport const FeedbackTagContent: ComponentContent = {\n feedbackTagButton: 'Feedback',\n};\n\nexport const HeaderContactModalContent: ComponentContent = {\n confirmationHeader: 'Thank you for your enquiry',\n confirmationText: \"You'll be contacted in response to your query shortly.\",\n contactHeader: 'Contact Us',\n contactSubheader: 'Please detail your request below',\n contactFirstName: 'First Name*',\n contactLastName: 'Last Name*',\n contactEmail: 'Email Address*',\n contactCompany: 'Company*',\n contactDetails: 'Details',\n contactEnquiry: 'Reason for enquiry*',\n contactComments: 'Comments',\n contactButton: 'Send',\n closeModal: 'x',\n messageSuccess: 'Thank you. Your message has been sent.',\n messageProblem: 'There was a problem sending your message.',\n messageMissingFields: 'Please complete all fields.',\n requiredFields: '*Required fields',\n};\n\nexport const AddZephyrModalContent: ComponentContent = {\n popoverCTAText: 'Add Virtual Zephyr',\n headerText: 'Add Virtual Zephyr',\n zephyrNameLabel: 'Name',\n secondaryCta: 'Cancel',\n primaryCta1: 'Add',\n totalPrefix: 'This will be ',\n totalPostfix: 'virtual zephyrs',\n maxReachPrefix: 'You have reached your limit of ',\n limitReachedSubtitle:\n 'You can disable some of your live virtual zephyrs or Contact us to add more.',\n contactUsCtaTxt: 'Contact us',\n};\n\nexport const RemoveZephyrModalContent: ComponentContent = {\n RemoveZephyrHeaderText: 'Delete Virtual Zephyr',\n confirmationTextPrefix: \"Are you sure you would like to delete '\",\n confirmationTextPostFix: \"' virtual zephyr?\",\n warningText: 'Warning: This cannot be undone',\n RemoveZephyrSecondaryCta: 'Cancel',\n primaryCta: 'Delete',\n};\n\nexport const HeaderContent: ComponentContent = {\n AirQuality101Title: 'Info',\n AnalyticsHeader: 'Analytics',\n AlertsHeader: 'Alerts',\n FleetManagementHeader: 'Device Manager',\n DataAnalyticsHeader: 'Analysis',\n ContactLinkTitle: 'Contact',\n CouncilProjectTitle: 'About',\n DataHeader: 'Data',\n DefaultHeaderTitle: 'Earthsense',\n HelpHeader: 'Help',\n LoadingAURNHeader: 'Getting latest third-party data',\n LoadingZephyrHeader: 'Getting latest air quality data',\n LocationHeader: 'Location',\n LocationHeaderPublic: 'Map',\n LogoutLinkTitle: 'Logout',\n MappairUpgradePrompt: 'Upgrade MappAir Model',\n MissingOverlayEnd: 'MappAir',\n MissingOverlayIntro: 'Contact us ',\n MissingOverlayMid: 'for access to ',\n PrivacyLinkTitle: 'Privacy Policy',\n ResourcesLinkTitle: 'Resources',\n SourceEmissionTooltipIntro: 'View source emission layers for',\n SourceEmissionTooltipEnd: '.',\n SourceEmissionTooltipMissingSpecies: 'N/A',\n SourceEmissionTooltipSelectedIntro: 'Showing',\n SourceEmissionTooltipSelectedEnd: 'source emission layer.',\n SourcesSubHeader: 'Sources:',\n SpeciesSubHeader: 'Pollutant:',\n TodayTitle: 'Today',\n TooltipMarkerContent: '?',\n TourLinkTitle: 'Tour',\n TutorialLinkTitle: 'Tutorial',\n VersionLinkTitle: 'Version',\n FeedbackPrompt: 'Beta Feedback',\n};\n\nexport const headerTutorialModalContent: ComponentContent = {\n closeModal: 'x',\n};\n\nexport const headerVersionHistoryModalContent: ComponentContent = {\n versionHistoryHeader: 'Version history',\n currentVersionDescriptor: 'Current:',\n closeModal: 'x',\n};\n\nexport const loginContent: ComponentContent = {\n incorrectPassword: 'Invalid credentials provided, please try again',\n loginHeader: 'Log in',\n welcomeMessage:\n 'Welcome, please log in below with your username and password',\n loginButton: 'Log In',\n heroHeader: 'Welcome to MyAir',\n heroSubheader:\n 'View, manage, and download your MappAir and Zephyr air quality data.',\n usernameField: 'Username',\n passwordField: 'Password',\n};\n\nexport const mappAirFilterToggles: MappAirFilterToggles[] = [\n {\n value: 'showAllLabels',\n label: 'Show all',\n },\n {\n value: 'showSelectedLabel',\n label: 'Selected unit',\n },\n];\n\nexport const MappairQuoteModalContent: ComponentContent = {\n aoi: 'Area of Interest',\n area: 'Size of area',\n centre: ' Centre: ',\n comments: 'Comments',\n MappairQuoteConfirmationHeader: 'Thank you for your enquiry',\n MappairQuoteConfirmationText:\n \"You'll be contacted with information on upgrading MappAir shortly.\",\n MappairQuoteContactHeader: 'Upgrade MappAir Model',\n MappairQuoteContactFirstName: 'First Name*',\n MappairQuoteContactLastName: 'Last Name*',\n MappairQuoteContactEmail: 'Email Address*',\n MappairQuoteContactCompany: 'Company*',\n MappairQuoteContactButton: 'Get Quote',\n MappairQuoteCloseModal: 'x',\n mappairLinkPost: ' models have a 10m resolution.',\n mappairLinkPre: 'Enhanced ',\n mappairOptionalCommentsPlaceholder:\n 'Please use this space to tell us about any specific requirements you have, along with details of your intended use case.',\n messageSuccess: 'Thank you. Your quote has been sent.',\n mappairMessageProblem: 'There was a problem sending your quote.',\n mapairMessageMissingFields: 'Please complete all required fields.',\n output: 'Output',\n polygon: 'Bespoke polygon -',\n pollutants: 'Pollutants',\n mapairRequiredFields: '*Required fields',\n resolution: 'Resolution',\n selectArea: 'Select Area',\n};\n\nexport const LocationSearchContent: ComponentContent = {\n LocationSearchPlaceholder: 'Search location',\n InvalidSearchPlaceholder: 'Location outside map',\n};\n\nexport const TodayContent: ComponentContent = {\n AdviceHeader: 'Advice',\n BehaviourHeader: 'Your Part',\n CloseModal: 'x',\n ForecastHeader: 'Air Quality Forecast',\n GeneralAdviceHeader: 'General Population:',\n HealthAdviceHeader: 'Health Advice',\n HumidityHeader: 'Humidity',\n PollenHeader: 'Pollen',\n PollutionHeader: 'Pollution Level',\n SensitiveAdviceHeader: 'Sensitive Advice:',\n TempHeader: 'Temp',\n WoodBurningHeader: 'Wood Burning & Open Fires',\n Low: 'Low',\n High: 'High',\n};\n\nexport const VersionLatestModalContent: ComponentContent = {\n updateTitle: 'Updates on MyAir®',\n CloseModal: 'x',\n};\n\nexport const ZephyrQuoteModalContent: ComponentContent = {\n ZephyrConfirmationHeader: 'Thank you for your Zephyr enquiry',\n ZephyrConfirmationText:\n \"You'll be contacted with information on your quote shortly.\",\n ZephyrContactHeader: 'Expand Zephyr Network',\n ZephyrContactFirstName: 'First Name*',\n ZephyrContactLastName: 'Last Name*',\n ZephyrContactEmail: 'Email Address*',\n ZephyrContactCompany: 'Company*',\n ZephyrContactButton: 'Get Quote',\n closeModal: 'x',\n measurements: 'Sensors*',\n messageSuccess: 'Thank you. Your Quote has been sent.',\n ZephyrContactMessageProblem: 'There was a problem sending your quote.',\n ZephyrContactMessageMissingFields: 'Please complete all required fields.',\n powerOptions: 'Power Options*',\n ZephyrQuoteRequiredFields: '*Required fields',\n zephyrs: 'Number of Zephyrs*',\n};\n\nexport const translationOptions: translationOption[] = [\n {\n value: 'en-GB',\n label: 'English',\n icon: 'UK',\n },\n {\n value: 'es',\n label: 'Spanish',\n icon: 'ES',\n },\n];\n\nexport const MapAirPointValueHistoryInitialState = {\n saValue: null,\n valueHistory: null,\n status: 'idle',\n};\n\nexport const AnnualAvgDataInitialState = {\n list: null,\n raw: null,\n chart: { labels: [], datasets: [] },\n};\n\nexport const dimensions: tileDimensions = {\n width: 256,\n height: 256,\n};\n\n// export const csvHeaders = ['Site ID', 'Site Name', 'Lat, Lon', 'Transmission Interval', 'Sampling Interval', 'Cartridge ID', 'Battery Percentage', 'Last Connection (UTC)'];\nexport const csvHeaders = [\n 'Site ID',\n 'Site Name',\n 'Lat, Lon',\n 'Sampling Interval',\n 'Cartridge ID',\n 'Battery Percentage',\n 'Last Connection (UTC)',\n];\n\nexport const annualAveragesArr: YearObj[] = [\n {\n value: '2015',\n label: 2015,\n },\n {\n value: '2016',\n label: 2016,\n },\n {\n value: '2017',\n label: 2017,\n },\n {\n value: '2018',\n label: 2018,\n },\n {\n value: '2019',\n label: 2019,\n },\n {\n value: '2020',\n label: 2020,\n },\n {\n value: '2021',\n label: 2021,\n },\n];\n\nexport const timeSliderOptions: TimeSliderOption[] = [\n {\n id: 0,\n d:\n 'M2.62 10.002a7.508 7.508 0 017.717-7.5c3.909.108 7.175 3.375 7.284 7.283a7.508 7.508 0 01-7.5 7.717 7.381 7.381 0 01-4.6-1.592c-.392-.3-.417-.891-.067-1.241.3-.3.767-.325 1.1-.067a5.746 5.746 0 003.567 1.233 5.837 5.837 0 005.833-5.916c-.042-3.1-2.65-5.709-5.75-5.75a5.832 5.832 0 00-5.917 5.833H5.78c.375 0 .558.45.3.708l-2.325 2.334a.413.413 0 01-.592 0L.837 10.71a.413.413 0 01.292-.708H2.62zm6.667-2.708a.63.63 0 01.625-.625c.342 0 .625.283.625.616v2.833l2.4 1.425a.631.631 0 01.217.859.631.631 0 01-.858.216l-2.6-1.541a.843.843 0 01-.409-.717V7.294z',\n text: 'History',\n },\n {\n id: 1,\n d:\n 'M12.917 9.583c0 1.667-2.083 2.917-2.083 4.167H9.167c0-1.25-2.083-2.5-2.083-4.167A2.92 2.92 0 0110 6.667a2.92 2.92 0 012.917 2.916zm-2.083 5H9.167v1.25h1.667v-1.25zm7.5-4.583c0-2.3-.934-4.383-2.442-5.892l-.883.884A7.068 7.068 0 0117.084 10c0 1.95-.792 3.725-2.075 5.008l.883.884A8.307 8.307 0 0018.334 10zM2.917 10c0-1.95.792-3.725 2.075-5.008l-.883-.884A8.307 8.307 0 001.667 10c0 2.3.933 4.383 2.442 5.892l.883-.884A7.067 7.067 0 012.917 10zm11.667 0a4.594 4.594 0 01-1.342 3.242l.883.883A5.813 5.813 0 0015.834 10c0-1.608-.65-3.067-1.709-4.125l-.883.883A4.594 4.594 0 0114.584 10zm-8.709 4.125l.884-.883A4.559 4.559 0 015.417 10c0-1.267.517-2.408 1.342-3.242l-.884-.883A5.813 5.813 0 004.167 10c0 1.608.65 3.067 1.708 4.125z',\n text: 'Now',\n },\n {\n id: 2,\n d:\n 'M15.833 3.334H15V2.5a.836.836 0 00-.833-.833.836.836 0 00-.834.833v.834H6.667V2.5a.836.836 0 00-.834-.833A.836.836 0 005 2.5v.834h-.833A1.66 1.66 0 002.508 5L2.5 16.667c0 .917.742 1.667 1.667 1.667h11.666c.917 0 1.667-.75 1.667-1.667V5c0-.916-.75-1.666-1.667-1.666zm0 12.5a.836.836 0 01-.833.833H5a.836.836 0 01-.833-.833V7.5h11.666v8.334zm-8.333-5V9.167H5.833v1.667H7.5zm1.667-1.667h1.666v1.667H9.167V9.167zm5 0H12.5v1.667h1.667V9.167z',\n text: 'Forecast',\n },\n];\n\n// export const timeSliderOptions: TimeSliderOption[] = [\n// {\n// id: 0,\n// d: \"M12.917 9.583c0 1.667-2.083 2.917-2.083 4.167H9.167c0-1.25-2.083-2.5-2.083-4.167A2.92 2.92 0 0110 6.667a2.92 2.92 0 012.917 2.916zm-2.083 5H9.167v1.25h1.667v-1.25zm7.5-4.583c0-2.3-.934-4.383-2.442-5.892l-.883.884A7.068 7.068 0 0117.084 10c0 1.95-.792 3.725-2.075 5.008l.883.884A8.307 8.307 0 0018.334 10zM2.917 10c0-1.95.792-3.725 2.075-5.008l-.883-.884A8.307 8.307 0 001.667 10c0 2.3.933 4.383 2.442 5.892l.883-.884A7.067 7.067 0 012.917 10zm11.667 0a4.594 4.594 0 01-1.342 3.242l.883.883A5.813 5.813 0 0015.834 10c0-1.608-.65-3.067-1.709-4.125l-.883.883A4.594 4.594 0 0114.584 10zm-8.709 4.125l.884-.883A4.559 4.559 0 015.417 10c0-1.267.517-2.408 1.342-3.242l-.884-.883A5.813 5.813 0 004.167 10c0 1.608.65 3.067 1.708 4.125z\",\n// text: 'Now'\n// },\n// {\n// id: 1,\n// d: \"M15.833 3.334H15V2.5a.836.836 0 00-.833-.833.836.836 0 00-.834.833v.834H6.667V2.5a.836.836 0 00-.834-.833A.836.836 0 005 2.5v.834h-.833A1.66 1.66 0 002.508 5L2.5 16.667c0 .917.742 1.667 1.667 1.667h11.666c.917 0 1.667-.75 1.667-1.667V5c0-.916-.75-1.666-1.667-1.666zm0 12.5a.836.836 0 01-.833.833H5a.836.836 0 01-.833-.833V7.5h11.666v8.334zm-8.333-5V9.167H5.833v1.667H7.5zm1.667-1.667h1.666v1.667H9.167V9.167zm5 0H12.5v1.667h1.667V9.167z\",\n// text: '7 days back'\n// },\n// {\n// id: 2,\n// d: \"M3.799 14.213c-.143.055-.29.111-.421.165a1.376 1.376 0 00-.782 1.773l.503 1.287c.14.357.424.642.786.789.362.147.771.142 1.13-.013.971-.42 1.868-.922 2.69-1.495.671.6 1.534.81 2.127.897a9.296 9.296 0 001.55.077h.018l.097-.003h.122a5.795 5.795 0 004.164-2.023c1.113-1.29 1.744-3.108 1.716-5.37-.035-2.824-1.129-5.945-3.449-8.22a1.45 1.45 0 00-1.014-.41 1.45 1.45 0 00-1.014.41c-.715.701-1.914 1.307-3.453 2.063l-.077.037c-1.244.61-2.685 1.317-3.805 2.215C3.51 7.337 2.5 8.642 2.5 10.45c0 1.284.445 2.688 1.299 3.763zm3.447 1.106c.182-.136.36-.276.533-.42l.05-.041a13.803 13.803 0 002.284-2.45c1.547-2.125 2.49-4.665 2.805-7.332l.016-.143a17.24 17.24 0 00.102-1.782 40.15 40.15 0 01-.054 2.015c-.174 3.247-.752 5.352-1.488 6.847-.717 1.458-1.583 2.338-2.368 3.136-.17.172-.335.34-.495.51a1.499 1.499 0 00.221.176c.333.223.759.342 1.176.405.529.08 1.045.07 1.342.064.08-.002.143-.003.187-.002 2.208-.093 4.412-1.858 4.511-5.596.003-.129.004-.26.003-.393A10.692 10.692 0 0014.39 4.72a9.57 9.57 0 00-1.354-1.664 4.823 4.823 0 01-.1.095c-.377.35-.835.672-1.342.978l-.024.014c-.718.432-1.533.832-2.357 1.236C6.614 6.654 3.93 7.972 3.93 10.45c0 1.183.466 2.382 1.241 3.185a3.198 3.198 0 001.012.723c.09.04.182.076.276.107-.38.313-.966.58-1.52.802-.186.075-.37.145-.54.21-.172.065-.33.126-.466.181l.503 1.287.045-.02a14.241 14.241 0 001.236-.612 13.7 13.7 0 001.505-.975l.025-.019z\",\n// text: '90 days back'\n// },\n// {\n// id: 3,\n// d: \"M2.62 10.002a7.508 7.508 0 017.717-7.5c3.909.108 7.175 3.375 7.284 7.283a7.508 7.508 0 01-7.5 7.717 7.381 7.381 0 01-4.6-1.592c-.392-.3-.417-.891-.067-1.241.3-.3.767-.325 1.1-.067a5.746 5.746 0 003.567 1.233 5.837 5.837 0 005.833-5.916c-.042-3.1-2.65-5.709-5.75-5.75a5.832 5.832 0 00-5.917 5.833H5.78c.375 0 .558.45.3.708l-2.325 2.334a.413.413 0 01-.592 0L.837 10.71a.413.413 0 01.292-.708H2.62zm6.667-2.708a.63.63 0 01.625-.625c.342 0 .625.283.625.616v2.833l2.4 1.425a.631.631 0 01.217.859.631.631 0 01-.858.216l-2.6-1.541a.843.843 0 01-.409-.717V7.294z\",\n// text: 'History'\n// }\n// ];\n\n/* List of all country and phone codes */\n\nexport const countryCodes: {\n name: string;\n dial_code: string;\n code: string;\n}[] = [\n {\n name: 'Afghanistan',\n dial_code: '+93',\n code: 'AF',\n },\n {\n name: 'Aland Islands',\n dial_code: '+358',\n code: 'AX',\n },\n {\n name: 'Albania',\n dial_code: '+355',\n code: 'AL',\n },\n {\n name: 'Algeria',\n dial_code: '+213',\n code: 'DZ',\n },\n {\n name: 'AmericanSamoa',\n dial_code: '+1684',\n code: 'AS',\n },\n {\n name: 'Andorra',\n dial_code: '+376',\n code: 'AD',\n },\n {\n name: 'Angola',\n dial_code: '+244',\n code: 'AO',\n },\n {\n name: 'Anguilla',\n dial_code: '+1264',\n code: 'AI',\n },\n {\n name: 'Antarctica',\n dial_code: '+672',\n code: 'AQ',\n },\n {\n name: 'Antigua and Barbuda',\n dial_code: '+1268',\n code: 'AG',\n },\n {\n name: 'Argentina',\n dial_code: '+54',\n code: 'AR',\n },\n {\n name: 'Armenia',\n dial_code: '+374',\n code: 'AM',\n },\n {\n name: 'Aruba',\n dial_code: '+297',\n code: 'AW',\n },\n {\n name: 'Australia',\n dial_code: '+61',\n code: 'AU',\n },\n {\n name: 'Austria',\n dial_code: '+43',\n code: 'AT',\n },\n {\n name: 'Azerbaijan',\n dial_code: '+994',\n code: 'AZ',\n },\n {\n name: 'Bahamas',\n dial_code: '+1242',\n code: 'BS',\n },\n {\n name: 'Bahrain',\n dial_code: '+973',\n code: 'BH',\n },\n {\n name: 'Bangladesh',\n dial_code: '+880',\n code: 'BD',\n },\n {\n name: 'Barbados',\n dial_code: '+1246',\n code: 'BB',\n },\n {\n name: 'Belarus',\n dial_code: '+375',\n code: 'BY',\n },\n {\n name: 'Belgium',\n dial_code: '+32',\n code: 'BE',\n },\n {\n name: 'Belize',\n dial_code: '+501',\n code: 'BZ',\n },\n {\n name: 'Benin',\n dial_code: '+229',\n code: 'BJ',\n },\n {\n name: 'Bermuda',\n dial_code: '+1441',\n code: 'BM',\n },\n {\n name: 'Bhutan',\n dial_code: '+975',\n code: 'BT',\n },\n {\n name: 'Bolivia, Plurinational State of',\n dial_code: '+591',\n code: 'BO',\n },\n {\n name: 'Bosnia and Herzegovina',\n dial_code: '+387',\n code: 'BA',\n },\n {\n name: 'Botswana',\n dial_code: '+267',\n code: 'BW',\n },\n {\n name: 'Brazil',\n dial_code: '+55',\n code: 'BR',\n },\n {\n name: 'British Indian Ocean Territory',\n dial_code: '+246',\n code: 'IO',\n },\n {\n name: 'Brunei Darussalam',\n dial_code: '+673',\n code: 'BN',\n },\n {\n name: 'Bulgaria',\n dial_code: '+359',\n code: 'BG',\n },\n {\n name: 'Burkina Faso',\n dial_code: '+226',\n code: 'BF',\n },\n {\n name: 'Burundi',\n dial_code: '+257',\n code: 'BI',\n },\n {\n name: 'Cambodia',\n dial_code: '+855',\n code: 'KH',\n },\n {\n name: 'Cameroon',\n dial_code: '+237',\n code: 'CM',\n },\n {\n name: 'Canada',\n dial_code: '+1',\n code: 'CA',\n },\n {\n name: 'Cape Verde',\n dial_code: '+238',\n code: 'CV',\n },\n {\n name: 'Cayman Islands',\n dial_code: '+ 345',\n code: 'KY',\n },\n {\n name: 'Central African Republic',\n dial_code: '+236',\n code: 'CF',\n },\n {\n name: 'Chad',\n dial_code: '+235',\n code: 'TD',\n },\n {\n name: 'Chile',\n dial_code: '+56',\n code: 'CL',\n },\n {\n name: 'China',\n dial_code: '+86',\n code: 'CN',\n },\n {\n name: 'Christmas Island',\n dial_code: '+61',\n code: 'CX',\n },\n {\n name: 'Cocos (Keeling) Islands',\n dial_code: '+61',\n code: 'CC',\n },\n {\n name: 'Colombia',\n dial_code: '+57',\n code: 'CO',\n },\n {\n name: 'Comoros',\n dial_code: '+269',\n code: 'KM',\n },\n {\n name: 'Congo',\n dial_code: '+242',\n code: 'CG',\n },\n {\n name: 'Congo, The Democratic Republic of the Congo',\n dial_code: '+243',\n code: 'CD',\n },\n {\n name: 'Cook Islands',\n dial_code: '+682',\n code: 'CK',\n },\n {\n name: 'Costa Rica',\n dial_code: '+506',\n code: 'CR',\n },\n {\n name: \"Cote d'Ivoire\",\n dial_code: '+225',\n code: 'CI',\n },\n {\n name: 'Croatia',\n dial_code: '+385',\n code: 'HR',\n },\n {\n name: 'Cuba',\n dial_code: '+53',\n code: 'CU',\n },\n {\n name: 'Cyprus',\n dial_code: '+357',\n code: 'CY',\n },\n {\n name: 'Czech Republic',\n dial_code: '+420',\n code: 'CZ',\n },\n {\n name: 'Denmark',\n dial_code: '+45',\n code: 'DK',\n },\n {\n name: 'Djibouti',\n dial_code: '+253',\n code: 'DJ',\n },\n {\n name: 'Dominica',\n dial_code: '+1767',\n code: 'DM',\n },\n {\n name: 'Dominican Republic',\n dial_code: '+1849',\n code: 'DO',\n },\n {\n name: 'Ecuador',\n dial_code: '+593',\n code: 'EC',\n },\n {\n name: 'Egypt',\n dial_code: '+20',\n code: 'EG',\n },\n {\n name: 'El Salvador',\n dial_code: '+503',\n code: 'SV',\n },\n {\n name: 'Equatorial Guinea',\n dial_code: '+240',\n code: 'GQ',\n },\n {\n name: 'Eritrea',\n dial_code: '+291',\n code: 'ER',\n },\n {\n name: 'Estonia',\n dial_code: '+372',\n code: 'EE',\n },\n {\n name: 'Ethiopia',\n dial_code: '+251',\n code: 'ET',\n },\n {\n name: 'Falkland Islands (Malvinas)',\n dial_code: '+500',\n code: 'FK',\n },\n {\n name: 'Faroe Islands',\n dial_code: '+298',\n code: 'FO',\n },\n {\n name: 'Fiji',\n dial_code: '+679',\n code: 'FJ',\n },\n {\n name: 'Finland',\n dial_code: '+358',\n code: 'FI',\n },\n {\n name: 'France',\n dial_code: '+33',\n code: 'FR',\n },\n {\n name: 'French Guiana',\n dial_code: '+594',\n code: 'GF',\n },\n {\n name: 'French Polynesia',\n dial_code: '+689',\n code: 'PF',\n },\n {\n name: 'Gabon',\n dial_code: '+241',\n code: 'GA',\n },\n {\n name: 'Gambia',\n dial_code: '+220',\n code: 'GM',\n },\n {\n name: 'Georgia',\n dial_code: '+995',\n code: 'GE',\n },\n {\n name: 'Germany',\n dial_code: '+49',\n code: 'DE',\n },\n {\n name: 'Ghana',\n dial_code: '+233',\n code: 'GH',\n },\n {\n name: 'Gibraltar',\n dial_code: '+350',\n code: 'GI',\n },\n {\n name: 'Greece',\n dial_code: '+30',\n code: 'GR',\n },\n {\n name: 'Greenland',\n dial_code: '+299',\n code: 'GL',\n },\n {\n name: 'Grenada',\n dial_code: '+1473',\n code: 'GD',\n },\n {\n name: 'Guadeloupe',\n dial_code: '+590',\n code: 'GP',\n },\n {\n name: 'Guam',\n dial_code: '+1671',\n code: 'GU',\n },\n {\n name: 'Guatemala',\n dial_code: '+502',\n code: 'GT',\n },\n {\n name: 'Guernsey',\n dial_code: '+44',\n code: 'GG',\n },\n {\n name: 'Guinea',\n dial_code: '+224',\n code: 'GN',\n },\n {\n name: 'Guinea-Bissau',\n dial_code: '+245',\n code: 'GW',\n },\n {\n name: 'Guyana',\n dial_code: '+595',\n code: 'GY',\n },\n {\n name: 'Haiti',\n dial_code: '+509',\n code: 'HT',\n },\n {\n name: 'Holy See (Vatican City State)',\n dial_code: '+379',\n code: 'VA',\n },\n {\n name: 'Honduras',\n dial_code: '+504',\n code: 'HN',\n },\n {\n name: 'Hong Kong',\n dial_code: '+852',\n code: 'HK',\n },\n {\n name: 'Hungary',\n dial_code: '+36',\n code: 'HU',\n },\n {\n name: 'Iceland',\n dial_code: '+354',\n code: 'IS',\n },\n {\n name: 'India',\n dial_code: '+91',\n code: 'IN',\n },\n {\n name: 'Indonesia',\n dial_code: '+62',\n code: 'ID',\n },\n {\n name: 'Iran, Islamic Republic of Persian Gulf',\n dial_code: '+98',\n code: 'IR',\n },\n {\n name: 'Iraq',\n dial_code: '+964',\n code: 'IQ',\n },\n {\n name: 'Ireland',\n dial_code: '+353',\n code: 'IE',\n },\n {\n name: 'Isle of Man',\n dial_code: '+44',\n code: 'IM',\n },\n {\n name: 'Israel',\n dial_code: '+972',\n code: 'IL',\n },\n {\n name: 'Italy',\n dial_code: '+39',\n code: 'IT',\n },\n {\n name: 'Jamaica',\n dial_code: '+1876',\n code: 'JM',\n },\n {\n name: 'Japan',\n dial_code: '+81',\n code: 'JP',\n },\n {\n name: 'Jersey',\n dial_code: '+44',\n code: 'JE',\n },\n {\n name: 'Jordan',\n dial_code: '+962',\n code: 'JO',\n },\n {\n name: 'Kazakhstan',\n dial_code: '+77',\n code: 'KZ',\n },\n {\n name: 'Kenya',\n dial_code: '+254',\n code: 'KE',\n },\n {\n name: 'Kiribati',\n dial_code: '+686',\n code: 'KI',\n },\n {\n name: \"Korea, Democratic People's Republic of Korea\",\n dial_code: '+850',\n code: 'KP',\n },\n {\n name: 'Korea, Republic of South Korea',\n dial_code: '+82',\n code: 'KR',\n },\n {\n name: 'Kuwait',\n dial_code: '+965',\n code: 'KW',\n },\n {\n name: 'Kyrgyzstan',\n dial_code: '+996',\n code: 'KG',\n },\n {\n name: 'Laos',\n dial_code: '+856',\n code: 'LA',\n },\n {\n name: 'Latvia',\n dial_code: '+371',\n code: 'LV',\n },\n {\n name: 'Lebanon',\n dial_code: '+961',\n code: 'LB',\n },\n {\n name: 'Lesotho',\n dial_code: '+266',\n code: 'LS',\n },\n {\n name: 'Liberia',\n dial_code: '+231',\n code: 'LR',\n },\n {\n name: 'Libyan Arab Jamahiriya',\n dial_code: '+218',\n code: 'LY',\n },\n {\n name: 'Liechtenstein',\n dial_code: '+423',\n code: 'LI',\n },\n {\n name: 'Lithuania',\n dial_code: '+370',\n code: 'LT',\n },\n {\n name: 'Luxembourg',\n dial_code: '+352',\n code: 'LU',\n },\n {\n name: 'Macao',\n dial_code: '+853',\n code: 'MO',\n },\n {\n name: 'Macedonia',\n dial_code: '+389',\n code: 'MK',\n },\n {\n name: 'Madagascar',\n dial_code: '+261',\n code: 'MG',\n },\n {\n name: 'Malawi',\n dial_code: '+265',\n code: 'MW',\n },\n {\n name: 'Malaysia',\n dial_code: '+60',\n code: 'MY',\n },\n {\n name: 'Maldives',\n dial_code: '+960',\n code: 'MV',\n },\n {\n name: 'Mali',\n dial_code: '+223',\n code: 'ML',\n },\n {\n name: 'Malta',\n dial_code: '+356',\n code: 'MT',\n },\n {\n name: 'Marshall Islands',\n dial_code: '+692',\n code: 'MH',\n },\n {\n name: 'Martinique',\n dial_code: '+596',\n code: 'MQ',\n },\n {\n name: 'Mauritania',\n dial_code: '+222',\n code: 'MR',\n },\n {\n name: 'Mauritius',\n dial_code: '+230',\n code: 'MU',\n },\n {\n name: 'Mayotte',\n dial_code: '+262',\n code: 'YT',\n },\n {\n name: 'Mexico',\n dial_code: '+52',\n code: 'MX',\n },\n {\n name: 'Micronesia, Federated States of Micronesia',\n dial_code: '+691',\n code: 'FM',\n },\n {\n name: 'Moldova',\n dial_code: '+373',\n code: 'MD',\n },\n {\n name: 'Monaco',\n dial_code: '+377',\n code: 'MC',\n },\n {\n name: 'Mongolia',\n dial_code: '+976',\n code: 'MN',\n },\n {\n name: 'Montenegro',\n dial_code: '+382',\n code: 'ME',\n },\n {\n name: 'Montserrat',\n dial_code: '+1664',\n code: 'MS',\n },\n {\n name: 'Morocco',\n dial_code: '+212',\n code: 'MA',\n },\n {\n name: 'Mozambique',\n dial_code: '+258',\n code: 'MZ',\n },\n {\n name: 'Myanmar',\n dial_code: '+95',\n code: 'MM',\n },\n {\n name: 'Namibia',\n dial_code: '+264',\n code: 'NA',\n },\n {\n name: 'Nauru',\n dial_code: '+674',\n code: 'NR',\n },\n {\n name: 'Nepal',\n dial_code: '+977',\n code: 'NP',\n },\n {\n name: 'Netherlands',\n dial_code: '+31',\n code: 'NL',\n },\n {\n name: 'Netherlands Antilles',\n dial_code: '+599',\n code: 'AN',\n },\n {\n name: 'New Caledonia',\n dial_code: '+687',\n code: 'NC',\n },\n {\n name: 'New Zealand',\n dial_code: '+64',\n code: 'NZ',\n },\n {\n name: 'Nicaragua',\n dial_code: '+505',\n code: 'NI',\n },\n {\n name: 'Niger',\n dial_code: '+227',\n code: 'NE',\n },\n {\n name: 'Nigeria',\n dial_code: '+234',\n code: 'NG',\n },\n {\n name: 'Niue',\n dial_code: '+683',\n code: 'NU',\n },\n {\n name: 'Norfolk Island',\n dial_code: '+672',\n code: 'NF',\n },\n {\n name: 'Northern Mariana Islands',\n dial_code: '+1670',\n code: 'MP',\n },\n {\n name: 'Norway',\n dial_code: '+47',\n code: 'NO',\n },\n {\n name: 'Oman',\n dial_code: '+968',\n code: 'OM',\n },\n {\n name: 'Pakistan',\n dial_code: '+92',\n code: 'PK',\n },\n {\n name: 'Palau',\n dial_code: '+680',\n code: 'PW',\n },\n {\n name: 'Palestinian Territory, Occupied',\n dial_code: '+970',\n code: 'PS',\n },\n {\n name: 'Panama',\n dial_code: '+507',\n code: 'PA',\n },\n {\n name: 'Papua New Guinea',\n dial_code: '+675',\n code: 'PG',\n },\n {\n name: 'Paraguay',\n dial_code: '+595',\n code: 'PY',\n },\n {\n name: 'Peru',\n dial_code: '+51',\n code: 'PE',\n },\n {\n name: 'Philippines',\n dial_code: '+63',\n code: 'PH',\n },\n {\n name: 'Pitcairn',\n dial_code: '+872',\n code: 'PN',\n },\n {\n name: 'Poland',\n dial_code: '+48',\n code: 'PL',\n },\n {\n name: 'Portugal',\n dial_code: '+351',\n code: 'PT',\n },\n {\n name: 'Puerto Rico',\n dial_code: '+1939',\n code: 'PR',\n },\n {\n name: 'Qatar',\n dial_code: '+974',\n code: 'QA',\n },\n {\n name: 'Romania',\n dial_code: '+40',\n code: 'RO',\n },\n {\n name: 'Russia',\n dial_code: '+7',\n code: 'RU',\n },\n {\n name: 'Rwanda',\n dial_code: '+250',\n code: 'RW',\n },\n {\n name: 'Reunion',\n dial_code: '+262',\n code: 'RE',\n },\n {\n name: 'Saint Barthelemy',\n dial_code: '+590',\n code: 'BL',\n },\n {\n name: 'Saint Helena, Ascension and Tristan Da Cunha',\n dial_code: '+290',\n code: 'SH',\n },\n {\n name: 'Saint Kitts and Nevis',\n dial_code: '+1869',\n code: 'KN',\n },\n {\n name: 'Saint Lucia',\n dial_code: '+1758',\n code: 'LC',\n },\n {\n name: 'Saint Martin',\n dial_code: '+590',\n code: 'MF',\n },\n {\n name: 'Saint Pierre and Miquelon',\n dial_code: '+508',\n code: 'PM',\n },\n {\n name: 'Saint Vincent and the Grenadines',\n dial_code: '+1784',\n code: 'VC',\n },\n {\n name: 'Samoa',\n dial_code: '+685',\n code: 'WS',\n },\n {\n name: 'San Marino',\n dial_code: '+378',\n code: 'SM',\n },\n {\n name: 'Sao Tome and Principe',\n dial_code: '+239',\n code: 'ST',\n },\n {\n name: 'Saudi Arabia',\n dial_code: '+966',\n code: 'SA',\n },\n {\n name: 'Senegal',\n dial_code: '+221',\n code: 'SN',\n },\n {\n name: 'Serbia',\n dial_code: '+381',\n code: 'RS',\n },\n {\n name: 'Seychelles',\n dial_code: '+248',\n code: 'SC',\n },\n {\n name: 'Sierra Leone',\n dial_code: '+232',\n code: 'SL',\n },\n {\n name: 'Singapore',\n dial_code: '+65',\n code: 'SG',\n },\n {\n name: 'Slovakia',\n dial_code: '+421',\n code: 'SK',\n },\n {\n name: 'Slovenia',\n dial_code: '+386',\n code: 'SI',\n },\n {\n name: 'Solomon Islands',\n dial_code: '+677',\n code: 'SB',\n },\n {\n name: 'Somalia',\n dial_code: '+252',\n code: 'SO',\n },\n {\n name: 'South Africa',\n dial_code: '+27',\n code: 'ZA',\n },\n {\n name: 'South Sudan',\n dial_code: '+211',\n code: 'SS',\n },\n {\n name: 'South Georgia and the South Sandwich Islands',\n dial_code: '+500',\n code: 'GS',\n },\n {\n name: 'Spain',\n dial_code: '+34',\n code: 'ES',\n },\n {\n name: 'Sri Lanka',\n dial_code: '+94',\n code: 'LK',\n },\n {\n name: 'Sudan',\n dial_code: '+249',\n code: 'SD',\n },\n {\n name: 'Suriname',\n dial_code: '+597',\n code: 'SR',\n },\n {\n name: 'Svalbard and Jan Mayen',\n dial_code: '+47',\n code: 'SJ',\n },\n {\n name: 'Swaziland',\n dial_code: '+268',\n code: 'SZ',\n },\n {\n name: 'Sweden',\n dial_code: '+46',\n code: 'SE',\n },\n {\n name: 'Switzerland',\n dial_code: '+41',\n code: 'CH',\n },\n {\n name: 'Syrian Arab Republic',\n dial_code: '+963',\n code: 'SY',\n },\n {\n name: 'Taiwan',\n dial_code: '+886',\n code: 'TW',\n },\n {\n name: 'Tajikistan',\n dial_code: '+992',\n code: 'TJ',\n },\n {\n name: 'Tanzania, United Republic of Tanzania',\n dial_code: '+255',\n code: 'TZ',\n },\n {\n name: 'Thailand',\n dial_code: '+66',\n code: 'TH',\n },\n {\n name: 'Timor-Leste',\n dial_code: '+670',\n code: 'TL',\n },\n {\n name: 'Togo',\n dial_code: '+228',\n code: 'TG',\n },\n {\n name: 'Tokelau',\n dial_code: '+690',\n code: 'TK',\n },\n {\n name: 'Tonga',\n dial_code: '+676',\n code: 'TO',\n },\n {\n name: 'Trinidad and Tobago',\n dial_code: '+1868',\n code: 'TT',\n },\n {\n name: 'Tunisia',\n dial_code: '+216',\n code: 'TN',\n },\n {\n name: 'Turkey',\n dial_code: '+90',\n code: 'TR',\n },\n {\n name: 'Turkmenistan',\n dial_code: '+993',\n code: 'TM',\n },\n {\n name: 'Turks and Caicos Islands',\n dial_code: '+1649',\n code: 'TC',\n },\n {\n name: 'Tuvalu',\n dial_code: '+688',\n code: 'TV',\n },\n {\n name: 'Uganda',\n dial_code: '+256',\n code: 'UG',\n },\n {\n name: 'Ukraine',\n dial_code: '+380',\n code: 'UA',\n },\n {\n name: 'United Arab Emirates',\n dial_code: '+971',\n code: 'AE',\n },\n {\n name: 'United Kingdom',\n dial_code: '+44',\n code: 'GB',\n },\n {\n name: 'United States',\n dial_code: '+1',\n code: 'US',\n },\n {\n name: 'Uruguay',\n dial_code: '+598',\n code: 'UY',\n },\n {\n name: 'Uzbekistan',\n dial_code: '+998',\n code: 'UZ',\n },\n {\n name: 'Vanuatu',\n dial_code: '+678',\n code: 'VU',\n },\n {\n name: 'Venezuela, Bolivarian Republic of Venezuela',\n dial_code: '+58',\n code: 'VE',\n },\n {\n name: 'Vietnam',\n dial_code: '+84',\n code: 'VN',\n },\n {\n name: 'Virgin Islands, British',\n dial_code: '+1284',\n code: 'VG',\n },\n {\n name: 'Virgin Islands, U.S.',\n dial_code: '+1340',\n code: 'VI',\n },\n {\n name: 'Wallis and Futuna',\n dial_code: '+681',\n code: 'WF',\n },\n {\n name: 'Yemen',\n dial_code: '+967',\n code: 'YE',\n },\n {\n name: 'Zambia',\n dial_code: '+260',\n code: 'ZM',\n },\n {\n name: 'Zimbabwe',\n dial_code: '+263',\n code: 'ZW',\n },\n ];\n\nexport const corsProxyURL = 'https://cors-anywhere.herokuapp.com/';\n\n/* Data Analytics Consts */\n\nexport const dataAnalysisSelections: DropdownSelection[] = [\n {\n label: 'Time Series Chart',\n value: 'time-series',\n },\n {\n label: 'Averaged Summary Statistics',\n value: 'averaged-summary-statistics',\n },\n {\n label: 'Calendar Plot',\n value: 'calendar-plot',\n },\n {\n label: 'Pollution Rose',\n value: 'pollution-rose',\n },\n {\n label: 'Polar Plot',\n value: 'polar-plot',\n },\n];\n\nexport const emptyDataAvailabilityChartOptions = {\n xAxis: {\n axisLine: {\n show: true,\n },\n },\n yAxis: {\n axisLine: {\n show: true,\n },\n },\n series: [],\n tooltip: {},\n dataZoom: [\n {\n type: 'slider',\n filterMode: 'none',\n },\n ],\n};\n\nexport const averagingChainsWithoutUnaveraged = {\n 6: 13,\n 4: 1,\n 5: 14,\n 10: 11,\n};\n\nexport const virtualZephyrsPollutants: Pollutant[] = [\n {\n dataIdentifier: 'O3',\n speciesExtentIdentifier: 'O3',\n HTMLLabel: 'O3 ',\n HTMLUnitLabel: 'O₃(μg/m³)',\n HTMLShortUnitLabel: 'μg/m³',\n isChecked: false,\n isSelected: false,\n },\n {\n dataIdentifier: 'particulatePM1',\n speciesExtentIdentifier: 'PM',\n HTMLLabel: 'PM1 ',\n HTMLUnitLabel: 'PM₁(μg/m³)',\n HTMLShortUnitLabel: 'μg/m³',\n isChecked: false,\n isSelected: false,\n },\n {\n dataIdentifier: 'particulatePM10',\n speciesExtentIdentifier: 'PM',\n HTMLLabel: 'PM10 ',\n HTMLUnitLabel: 'PM₁₀(μg/m³)',\n HTMLShortUnitLabel: 'μg/m³',\n isChecked: false,\n isSelected: false,\n },\n {\n dataIdentifier: 'particulatePM25',\n speciesExtentIdentifier: 'PM',\n HTMLLabel: 'PM2.5 ',\n HTMLUnitLabel: 'PM₂.₅(μg/m³)',\n HTMLShortUnitLabel: 'μg/m³',\n isChecked: false,\n isSelected: false,\n },\n {\n dataIdentifier: 'NO2',\n speciesExtentIdentifier: 'NO2',\n HTMLLabel: 'NO2 ',\n HTMLUnitLabel: 'NO₂(μg/m³)',\n HTMLShortUnitLabel: 'μg/m³',\n isChecked: false,\n isSelected: false,\n },\n {\n dataIdentifier: 'NO',\n speciesExtentIdentifier: 'NO',\n HTMLLabel: 'NO',\n HTMLUnitLabel: 'NO(μg/m³)',\n HTMLShortUnitLabel: 'μg/m³',\n isChecked: false,\n isSelected: true,\n },\n {\n dataIdentifier: 'SO2',\n speciesExtentIdentifier: 'SO2',\n HTMLLabel: 'SO2 ',\n HTMLUnitLabel: 'SO₂(μg/m³)',\n HTMLShortUnitLabel: 'μg/m³',\n isChecked: false,\n isSelected: false,\n },\n];\n\nexport const averagingChains: AveragingChain = {\n '1 min average on the minute': 14,\n '5 minute averaging on the hour': 15,\n '15 min average on the quarter hours': 3,\n 'Hourly average on the hour': 1,\n '8 hour average at midnight and 8am and 4pm': 8,\n 'Daily average at midnight': 2,\n};\n\nexport const thresholdMenuItemStyles = {\n width: 135,\n padding: '3px 0 3px 40px',\n fontSize: 14,\n '& span:first-of-type': {\n color: '#4a5568',\n },\n};\n\nexport const thresholdMainItemStyles = {\n '& span:first-of-type': {\n color: '#4a5568',\n },\n};\n\nexport const staticPollutantsList = [\n {\n dataIdentifier: 'NO2',\n speciesExtentIdentifier: 'NO2',\n HTMLLabel: 'NO2 ',\n HTMLUnitLabel: 'NO₂(μg/m³)',\n HTMLShortUnitLabel: 'μg/m³',\n isChecked: false,\n isSelected: false,\n },\n {\n dataIdentifier: 'NO',\n speciesExtentIdentifier: 'NO',\n HTMLLabel: 'NO',\n HTMLUnitLabel: 'NO(μg/m³)',\n HTMLShortUnitLabel: 'μg/m³',\n isChecked: false,\n isSelected: false,\n },\n {\n dataIdentifier: 'O3',\n speciesExtentIdentifier: 'O3',\n HTMLLabel: 'O3 ',\n HTMLUnitLabel: 'O₃(μg/m³)',\n HTMLShortUnitLabel: 'μg/m³',\n isChecked: false,\n isSelected: false,\n },\n {\n dataIdentifier: 'particulatePM1',\n speciesExtentIdentifier: 'PM',\n HTMLLabel: 'PM1 ',\n HTMLUnitLabel: 'PM₁(μg/m³)',\n HTMLShortUnitLabel: 'μg/m³',\n isChecked: false,\n isSelected: false,\n },\n {\n dataIdentifier: 'particulatePM25',\n speciesExtentIdentifier: 'PM',\n HTMLLabel: 'PM2.5 ',\n HTMLUnitLabel: 'PM₂.₅(μg/m³)',\n HTMLShortUnitLabel: 'μg/m³',\n isChecked: false,\n isSelected: false,\n },\n {\n dataIdentifier: 'particulatePM10',\n speciesExtentIdentifier: 'PM',\n HTMLLabel: 'PM10 ',\n HTMLUnitLabel: 'PM₁₀(μg/m³)',\n HTMLShortUnitLabel: 'μg/m³',\n isChecked: false,\n isSelected: false,\n },\n {\n dataIdentifier: 'tempC',\n speciesExtentIdentifier: 'BT',\n HTMLLabel: 'Temp',\n HTMLUnitLabel: 'Temperature(°C)',\n HTMLShortUnitLabel: '°C',\n isChecked: false,\n isSelected: false,\n },\n {\n dataIdentifier: 'ambHumidity',\n speciesExtentIdentifier: 'BRH',\n HTMLLabel: 'Humidity',\n HTMLUnitLabel: 'Humidity(%)',\n HTMLShortUnitLabel: '%',\n isChecked: false,\n isSelected: false,\n },\n {\n dataIdentifier: 'SO2',\n speciesExtentIdentifier: 'SO2',\n HTMLLabel: 'SO2 ',\n HTMLUnitLabel: 'SO₂(μg/m³)',\n HTMLShortUnitLabel: 'μg/m³',\n isChecked: false,\n isSelected: false,\n },\n {\n dataIdentifier: 'H2S',\n speciesExtentIdentifier: 'H2S',\n HTMLLabel: 'H2 S',\n HTMLUnitLabel: 'H₂S(μg/m³)',\n HTMLShortUnitLabel: 'μg/m³',\n isChecked: false,\n isSelected: false,\n },\n {\n dataIdentifier: 'CO',\n speciesExtentIdentifier: 'CO',\n HTMLLabel: 'CO',\n HTMLUnitLabel: 'CO(mg/m³)',\n HTMLShortUnitLabel: 'mg/m³',\n isChecked: false,\n isSelected: false,\n },\n {\n dataIdentifier: 'CO2',\n speciesExtentIdentifier: 'CO2',\n HTMLLabel: 'CO2 ',\n HTMLUnitLabel: 'CO₂(ppm)',\n HTMLShortUnitLabel: 'ppm',\n isChecked: false,\n isSelected: false,\n },\n {\n dataIdentifier: 'TVOC',\n speciesExtentIdentifier: 'TVOC',\n HTMLLabel: 'TVOCs',\n HTMLUnitLabel: 'TVOCs(ppb)',\n HTMLShortUnitLabel: 'ppb',\n isChecked: false,\n isSelected: false,\n },\n];\n\nexport const DEFRALimits: PollutantLimit[] = [\n { id: 1, pollutant: 'PM10', subscript: 'Annual | 40μg/m3', value: 40 },\n { id: 2, pollutant: 'PM10', subscript: 'Hourly | 50μg/m3', value: 50 },\n { id: 3, pollutant: 'PM2.5', subscript: 'Annual | 10μg/m3', value: 10 },\n { id: 4, pollutant: 'NO2', subscript: 'Annual | 40μg/m3', value: 40 },\n { id: 5, pollutant: 'NO2', subscript: '1hr | 200μg/m3', value: 200 },\n { id: 6, pollutant: 'O3', subscript: '8hr | 100μg/m3', value: 100 },\n { id: 7, pollutant: 'SO2', subscript: 'Daily | 125μg/m3', value: 125 },\n { id: 8, pollutant: 'SO2', subscript: '1hr | 350μg/m3', value: 350 },\n { id: 9, pollutant: 'SO2', subscript: '15min | 266μg/m3', value: 266 },\n { id: 10, pollutant: 'CO', subscript: '8hr | 10mg/m3', value: 10 },\n];\n\nexport const WHOLimits: PollutantLimit[] = [\n { id: 11, pollutant: 'PM10', subscript: 'Annual | 15μg/m3', value: 15 },\n { id: 12, pollutant: 'PM10', subscript: 'Daily | 45μg/m3', value: 45 },\n { id: 13, pollutant: 'PM2.5', subscript: 'Annual | 5μg/m3', value: 5 },\n { id: 14, pollutant: 'PM2.5', subscript: 'Daily | 15μg/m3', value: 15 },\n { id: 15, pollutant: 'NO2', subscript: 'Annual | 10μg/m3', value: 10 },\n { id: 16, pollutant: 'NO2', subscript: 'Daily | 25μg/m3', value: 25 },\n { id: 17, pollutant: 'O3', subscript: '8hr | 100μg/m3', value: 100 },\n { id: 18, pollutant: 'SO2', subscript: 'Daily | 40μg/m3', value: 40 },\n { id: 19, pollutant: 'CO', subscript: 'Daily | 4mg/m3', value: 4 },\n];\n\nexport const pollutantsOrder = {\n NO2: 1,\n NO: 2,\n O3: 3,\n particulatePM1: 4,\n particulatePM25: 5,\n particulatePM10: 6,\n tempC: 7,\n ambHumidity: 8,\n SO2: 9,\n H2S: 10,\n CO: 11,\n CO2: 12,\n TVOC: 13\n};\n\nexport const saLabelsNox = {\n LRP: 'Other',\n NRT: 'Local Non-Road Transport',\n RT: 'Local Road Transport',\n RWC: 'Local Residential Wood Combustion',\n LPS: 'Local Large Point Sources'\n};\n\nexport const saLabelsPm2p5 = {\n LRP: 'Background',\n NRT: 'Local Non-Road Transport',\n RT: 'Local Road Transport',\n RWC: 'Local Residential Wood Combustion',\n LPS: 'Local Large Point Sources'\n};\n\nexport const mapTilerKey = 'kcf3zYQkTpJtjRKOVFGv';\nexport const MAPTILER_URL = \"https://api.maptiler.com/maps/7b2c486a-6bf3-430b-8248-d6e1ec74ce8f/256/{z}/{x}/{y}.webp?key=g5gVaWNZybi6pZqExpsb\";\n\n\nexport const widgetsGenerator = (layouts: any) => {\n return {\n deviceView: [\n {\n id: 1,\n title: 'Gases Chart',\n subTitle: 'A time-series that displays data for gas pollutants. NO2, NO, O3, SO2, H2S, CO, CO2, TVOC.',\n imageURL: 'gasesChart.svg',\n item: {\n w: 8,\n h: 10,\n x: 0,\n y: Infinity,\n i: `gasWidget${layouts.deviceView.length + 1}`,\n moved: false,\n static: false,\n maxH: 18,\n minH: 4,\n minW: 4,\n },\n layout: {\n uid: `gasWidget${layouts.deviceView.length + 1}`,\n name: `gases${layouts.deviceView.length + 1}`,\n i: `gasWidget${layouts.deviceView.length + 1}`,\n threshold: true,\n }\n },\n {\n id: 2,\n title: 'Particulates Chart',\n subTitle: 'A time-series that displays data for particulate matter. PM1, PM2.5 and PM10.',\n imageURL: 'particulatesChart.svg',\n item: {\n w: 8,\n h: 10,\n x: 0,\n y: Infinity,\n i: `particulateWidget${layouts.deviceView.length + 1}`,\n moved: false,\n static: false,\n maxH: 18,\n minH: 4,\n minW: 4,\n },\n layout: {\n uid: `particulateWidget${layouts.deviceView.length + 1}`,\n name: `particulate${layouts.deviceView.length + 1}`,\n i: `particulateWidget${layouts.deviceView.length + 1}`,\n threshold: true,\n }\n },\n {\n id: 3,\n title: \"Gases Averages\",\n subTitle: \"Average values for gas pollutants across a given time period.\",\n imageURL: \"gasesAverages.svg\",\n item: {\n w: 4,\n h: 4,\n x: 8,\n y: Infinity,\n i: `gasAveragesWidget${layouts.deviceView.length + 1}`,\n moved: false,\n static: false,\n maxH: 4,\n minH: 4,\n minW: 4,\n },\n layout: {\n uid: `gasAveragesWidget${layouts.deviceView.length + 1}`,\n name: `gasAverages${layouts.deviceView.length + 1}`,\n i: `gasAveragesWidget${layouts.deviceView.length + 1}`,\n threshold: false,\n }\n },\n {\n id: 4,\n title: \"Particulates Averages\",\n subTitle: \"Average values for particulate matter across a given time period.\",\n imageURL: \"particulatesAverages.svg\",\n item: {\n w: 4,\n h: 4,\n x: 8,\n y: Infinity,\n i: `particulateAveragesWidget${layouts.deviceView.length + 1}`,\n moved: false,\n static: false,\n maxH: 4,\n minH: 4,\n minW: 4,\n },\n layout: {\n uid: `particulateAveragesWidget${layouts.deviceView.length + 1}`,\n name: `pmAverages${layouts.deviceView.length + 1}`,\n i: `particulateAveragesWidget${layouts.deviceView.length + 1}`,\n threshold: false,\n }\n },\n {\n id: 5,\n title: \"Temperature / Humidity\",\n subTitle: \"A time-series with temperature and humidity over-plotted.\",\n imageURL: \"th.svg\",\n item: {\n w: 4,\n h: 8,\n x: 0,\n y: Infinity,\n i: `thpWidget${layouts.deviceView.length + 1}`,\n moved: false,\n static: false,\n maxH: 18,\n minH: 4,\n minW: 4,\n },\n layout: {\n uid: `thpWidget${layouts.deviceView.length + 1}`,\n name: `thpChartPlotly${layouts.deviceView.length + 1}`,\n i: `thpWidget${layouts.deviceView.length + 1}`,\n threshold: false,\n }\n },\n {\n id: 6,\n title: \"Wind\",\n subTitle: \"Time-series graphs with wind direction and wind speed data.\",\n imageURL: \"wind.svg\",\n item: {\n w: 4,\n h: 8,\n x: 4,\n y: Infinity,\n i: `wsdWidget${layouts.deviceView.length + 1}`,\n moved: false,\n static: false,\n maxH: 18,\n minH: 4,\n minW: 4,\n },\n layout: {\n uid: `wsdWidget${layouts.deviceView.length + 1}`,\n name: `windSpeedDirChartPlotly${layouts.deviceView.length + 1}`,\n i: `wsdWidget${layouts.deviceView.length + 1}`,\n threshold: false,\n }\n },\n {\n id: 7,\n title: \"Rainfall\",\n subTitle: \"A bar-chart showing rainfall in mm/hour.\",\n imageURL: \"rainfall.svg\",\n item: {\n w: 4,\n h: 8,\n x: 8,\n y: Infinity,\n i: `precipitationWidget${layouts.deviceView.length + 1}`,\n moved: false,\n static: false,\n maxH: 18,\n minH: 4,\n minW: 4,\n },\n layout: {\n uid: `precipitationWidget${layouts.deviceView.length + 1}`,\n name: `precipitation${layouts.deviceView.length + 1}`,\n i: `precipitationWidget${layouts.deviceView.length + 1}`,\n threshold: false,\n }\n },\n {\n id: 8,\n title: \"Device Map\",\n subTitle: \"A base-map centred on the device location providing spatial context.\",\n imageURL: \"deviceMap.svg\",\n item: {\n w: 12,\n h: 8,\n x: 8,\n y: Infinity,\n i: `mapWidget${layouts.deviceView.length + 1}`,\n moved: false,\n static: false,\n maxH: 18,\n minH: 3,\n minW: 4\n },\n layout: {\n uid: `mapWidget${layouts.deviceView.length + 1}`,\n name: `map${layouts.deviceView.length + 1}`,\n i: `mapWidget${layouts.deviceView.length + 1}`,\n threshold: false,\n }\n },\n {\n id: 9,\n title: \"NOx Sources\",\n subTitle: \"A pie-chart displaying modelled NOx source apportionment at the device location.\",\n imageURL: \"noxSources.svg\",\n item: {\n w: 4,\n h: 6,\n x: 8,\n y: Infinity,\n i: `saNOxWidget${layouts.deviceView.length + 1}`,\n moved: false,\n static: false,\n maxH: 6,\n minH: 6,\n minW: 4\n },\n layout: {\n uid: `saNOxWidget${layouts.deviceView.length + 1}`,\n name: `sourceApportionmentNO2${layouts.deviceView.length + 1}`,\n i: `saNOxWidget${layouts.deviceView.length + 1}`,\n threshold: false,\n }\n },\n {\n id: 10,\n title: \"PM2.5 Sources\",\n subTitle: \"A pie-chart displaying modelled PM2.5 source apportionment at the device location.\",\n imageURL: \"pm25Sources.svg\",\n item: {\n w: 4,\n h: 6,\n x: 8,\n y: Infinity,\n i: `saPM25Widget${layouts.deviceView.length + 1}`,\n moved: false,\n static: false,\n maxH: 6,\n minH: 6,\n minW: 4,\n },\n layout: {\n uid: `saPM25Widget${layouts.deviceView.length + 1}`,\n name: `sourceApportionmentPM25${layouts.deviceView.length + 1}`,\n i: `saPM25Widget${layouts.deviceView.length + 1}`,\n threshold: false,\n }\n }\n ],\n networkView: [\n {\n id: 1,\n title: \"Gases Summary Chart\",\n subTitle: \"A time-series that displays network statistics for gas pollutants. Defaults to 5th & 95th percentiles and median.\",\n imageURL: \"networkGases.svg\",\n item: { w: 8, h: 9, x: 0, y: Infinity, i: `networkGasWidget${layouts.networkView.length + 1}`, moved: false, static: false, maxH: 18, minH: 4, minW: 4 },\n layout: { uid: `networkGasWidget${layouts.networkView.length + 1}`, name: `networkViewGases${layouts.networkView.length + 1}`, i: `networkGasWidget${layouts.networkView.length + 1}`, threshold: true }\n },\n {\n id: 2,\n title: \"Particulates Summary Chart\",\n subTitle: \"A time-series that displays network statistics for particulate matter. Defaults to 5th & 95th percentiles and median.\",\n imageURL: \"networkParticulates.svg\",\n item: { w: 8, h: 9, x: 0, y: Infinity, i: `networkParticulateWidget${layouts.networkView.length + 1}`, moved: false, static: false, maxH: 18, minH: 4, minW: 4 },\n layout: { uid: `networkParticulateWidget${layouts.networkView.length + 1}`, name: `networkViewParticulates${layouts.networkView.length + 1}`, i: `networkParticulateWidget${layouts.networkView.length + 1}`, threshold: true, }\n },\n {\n id: 3,\n title: \"Summary Table\",\n subTitle: \"A table of statistics for each device selected, including min/max/mean for each pollutant.\",\n imageURL: \"summaryTable.svg\",\n item: { w: 12, h: 10, x: 0, y: Infinity, i: `networkSummaryWidget${layouts.networkView.length + 1}`, moved: false, static: false, maxH: 18, minH: 4, minW: 4 },\n layout: { uid: `networkSummaryWidget${layouts.networkView.length + 1}`, name: `networkViewPollutantSummary${layouts.networkView.length + 1}`, i: `networkSummaryWidget${layouts.networkView.length + 1}`, threshold: false }\n },\n {\n id: 4,\n title: \"Network Map\",\n subTitle: \"A base-map showing all selected device locations providing spatial context.\",\n imageURL: \"networkMap.svg\",\n item: { w: 4, h: 18, x: 8, y: Infinity, i: `networkMapWidget${layouts.networkView.length + 1}`, moved: false, static: false, maxH: 18, minH: 4, minW: 4 },\n layout: { uid: `networkMapWidget${layouts.networkView.length + 1}`, name: `networkViewMap${layouts.networkView.length + 1}`, i: `networkMapWidget${layouts.networkView.length + 1}`, threshold: false }\n },\n ]\n }\n};\n\nexport const draggingWidgetStyles = {\n border: '2px dashed #3f51b5',\n boxShadow: '0px 4px 12px rgba(0, 0, 0, 0.15), 0 0 0 4px rgba(63, 81, 181, 0.2)',\n borderRadius: 5,\n transition: 'box-shadow 0.2s ease, border 0.2s ease'\n};\n\nexport const scatterChartLimit = 2;\n\nexport const VZInstructionsModal = {\n header1: 'Add Virtual Zephyr',\n text1: 'Click on any location on the map to add Virtual Zephyr and start monitoring data.',\n header2: 'Adjust Virtual Zephyr Position',\n text2: 'To adjust the Virtual Zephyr location select the pin and move to your desired location.',\n};\n\nexport const publicPortals = ['SandwellPublic', 'GlobalPublic', 'EastRidingPublic', 'LeicestershireCCPublic', 'liberiapublico', 'LancasterCCPublic', 'EastStaffordshirePublic', 'SouthRibblePublic', 'SouthendOnSeaCCPublic', 'DoncasterPublic', 'WorcestershirePublic', 'ErewashBCPublic', 'BrightonHoveandSussexPublic', 'SouthCambsCouncilPublic', 'SouthamptonPublic', 'WestburyTownCouncilPublic', 'derbyshiredales']\n","// Package Imports\nimport rgbHex from 'rgb-hex';\n\n// Type Imports\nimport { Colour, Overlay, Stylegroup } from '../interface';\n\n/* Function\nDESC: colourConverter returns the Hex colour code for an RGB-provided colour\nARGS: object with r, g, b keys and legitemate numbers for each\n*/\nconst colourConverter = (colour: Colour) => {\n const hexColor = rgbHex(\n parseInt(colour.r),\n parseInt(colour.g),\n parseInt(colour.b),\n );\n return hexColor;\n};\n\n/* Function\nDESC: colourFinder finds the correct colour to display a beacon (typically on the Map or Aside bar)\nARGS: AQ value(e.g. 12), species name(e.g. NO2), styleGroupName(e.g. ES), styleGroups(derived from API), \n opacity(value between 0 and 1)\n*/\nconst colourFinder = (\n curOverlay: Overlay,\n stylegroups: Stylegroup[],\n styleGroupName: string,\n opacity: number,\n overlays: Overlay[],\n value: number | null,\n requestType: 'zephyr' | 'mappair' | 'virtual',\n) => {\n const defaultColour = { r: 255, g: 255, b: 255 };\n let colour = defaultColour;\n if (stylegroups.length) {\n const speciesHasZephyrOverlay = overlays.filter(\n (ol) =>\n ol.speciesIdentifier === curOverlay.speciesIdentifier &&\n !ol.isMappairOverlay &&\n !ol.isSAOverlay,\n );\n\n if (\n (speciesHasZephyrOverlay.length > 0 || requestType === 'mappair') &&\n !curOverlay.isSAOverlay &&\n value !== null\n ) {\n const curStylegroup = stylegroups.filter(\n (group) => group.name === styleGroupName,\n )[0];\n if (curStylegroup) {\n const possibleColours = curStylegroup.thresholds[curOverlay.name].filter(\n (th) => value >= th.min,\n );\n colour = possibleColours[possibleColours.length - 1];\n }\n }\n\n // TODO add style for requestType === 'mappair'\n\n if (colour) {\n return `rgba(${colour.r},${colour.g},${colour.b},${opacity})`;\n }\n }\n};\n\nexport { colourConverter, colourFinder };\n","// Package Imports\nimport axios, { AxiosRequestConfig } from 'axios';\nimport Cookies from 'js-cookie';\nimport TagManager from 'react-gtm-module';\n\n// Type Imports\nimport {\n APIAirAlertPost,\n APIAirAlertParameter,\n DataConfig,\n LocationCoordinates,\n PolarPlotData,\n ZephyrLocationShort,\n APIAirAlertTarget,\n VirtualZephyr,\n VirtualZephyrData,\n Pollutant,\n Zephyr,\n AveragingChain,\n} from './interface';\n\nimport i18n from 'i18next';\n\n// Path Imports\nimport {\n APIPaths,\n averagingChains,\n averagingChainsWithoutUnaveraged,\n config,\n keys,\n permissionCookieSettings,\n} from './consts';\n\n// Utils\nimport { getAuth } from './functions/getAuth';\n\n// MappAir API Requests\nconst checkValidToken = async (bearerToken: string | null) => {\n try {\n const response = await axios.get(\n `${config.mappairAPI}${APIPaths.pathMappair}${APIPaths.getMappairAPIVersion}`,\n {\n headers: {\n 'Accept-Language': i18n.language,\n Authorization: `Bearer ${bearerToken}`,\n },\n },\n );\n if (response.data.version) {\n return true;\n }\n return false;\n } catch (e) {\n return false;\n }\n};\n\nconst getAveragingPeriods = async (bearerToken: string | null) => {\n try {\n const response = await axios.get(\n `${config.mappairAPI}${APIPaths.pathMappair}${APIPaths.getAveragingPeriods}`,\n {\n headers: {\n 'Accept-Language': i18n.language,\n Authorization: `Bearer ${bearerToken}`,\n },\n },\n );\n return response.data;\n } catch (e) {\n return {};\n }\n};\n\nconst getCapabilities = async () => {\n try {\n const response = await axios.get(`${config.mappairAPI}wmtsfeed?`, {\n headers: {\n 'Accept-Language': i18n.language,\n },\n });\n return response.data;\n } catch (e) {\n return {};\n }\n};\n\nconst getDataConfig = async (bearerToken: string | null) => {\n try {\n const response = await axios.get(\n `${config.mappairAPI}${APIPaths.pathMappair}${APIPaths.getDataConfig}`,\n {\n headers: {\n 'Accept-Language': i18n.language,\n Authorization: `Bearer ${bearerToken}`,\n },\n },\n );\n return response.data;\n } catch (e) {\n return {};\n }\n};\n\nconst getDisplayConfig = async (bearerToken: string | null) => {\n try {\n const response = await axios.get(\n `${config.mappairAPI}${APIPaths.pathMappair}${APIPaths.getDisplayConfig}`,\n {\n headers: {\n 'Accept-Language': i18n.language,\n Authorization: `Bearer ${bearerToken}`,\n },\n },\n );\n return response.data;\n } catch (e) {\n return {};\n }\n};\n\nconst getFetchToken = async (\n email: string,\n password: string,\n bearerToken: string | null,\n) => {\n const urlencoded = new URLSearchParams();\n urlencoded.append('username', email);\n urlencoded.append('password', password);\n urlencoded.append('grant_type', 'password');\n\n const data = {\n grant_type: 'password',\n username: email,\n password,\n };\n\n try {\n const response = await axios.post(\n `${config.mappairAPI}${APIPaths.pathMappair}${APIPaths.getToken}`,\n data,\n {\n headers: {\n 'Accept-Language': i18n.language,\n Authorization: `Bearer ${bearerToken}`,\n },\n },\n );\n return response.data.access_token;\n } catch (e) {\n console.error(e);\n }\n};\n\nconst getLatestMetDataForUser = async (\n data: ZephyrLocationShort[],\n bearerToken?: string | null,\n) => {\n try {\n const response = await axios.post(\n `${config.mappairAPI}${APIPaths.pathMappair}${APIPaths.getLatestMetDataForUser}`,\n data,\n {\n headers: {\n 'Accept-Language': i18n.language,\n Authorization: `Bearer ${bearerToken}`,\n },\n },\n );\n return response.data;\n } catch (e) {\n return [];\n }\n};\n\nconst getOverlays = async (bearerToken: string | null, isPublic: boolean) => {\n try {\n const response = await axios.get(\n `${config.mappairAPI}${APIPaths.pathMappair}${APIPaths.getMappairOverlays}?PPUser=${isPublic}`,\n {\n headers: {\n 'Accept-Language': i18n.language,\n Authorization: `Bearer ${bearerToken}`,\n },\n },\n );\n return response.data;\n } catch (e) {\n return [];\n }\n};\n\nconst getPolarPlots = async (\n data: PolarPlotData,\n bearerToken: string | null,\n) => {\n try {\n const response = await axios.post(\n `${config.mappairAPI}${APIPaths.pathMappair}${APIPaths.getPolarPlots}`,\n data,\n {\n headers: {\n 'Accept-Language': i18n.language,\n Authorization: `Bearer ${bearerToken}`,\n },\n },\n );\n return response.data;\n } catch (e) {\n return [];\n }\n};\n\nconst getPublicAdvice = async (bearerToken: string | null) => {\n try {\n const response = await axios.get(\n `${config.mappairAPI}${APIPaths.pathMappair}${APIPaths.getPublicAdvice}`,\n {\n headers: {\n 'Accept-Language': i18n.language,\n Authorization: `Bearer ${bearerToken}`,\n },\n },\n );\n return response.data;\n } catch (e) {\n return [];\n }\n};\n\nconst getAnnualAvgAtCoords = async (\n lat: any,\n lng: any,\n startdt: string,\n enddt: string,\n step: string,\n bearerToken: string | null,\n species?: string,\n keyword?: string,\n) => {\n try {\n const url = `${config.mappairAPI}${APIPaths.pathMappair}${APIPaths.getMappairPoint}`;\n\n const queryParams = new URLSearchParams();\n // queryParams.set('auth', auth);\n queryParams.set('lat', lat.toString());\n queryParams.set('lng', lng.toString());\n queryParams.set('dt_start', startdt);\n queryParams.set('dt_end', enddt);\n queryParams.set('step', step);\n if (species) queryParams.set('species', species);\n if (keyword) queryParams.set('keyword', keyword);\n // might need in future\n // const requestConfig = {\n // headers: {\n // Authorization: `Basic ${getAuth()}`,\n // 'Accept-Language': i18n.language,\n // },\n // };\n\n const response = await axios.get(`${url}/?${queryParams.toString()}`, {\n headers: {\n 'Accept-Language': i18n.language,\n Authorization: `Bearer ${bearerToken}`,\n },\n });\n return response.data;\n } catch (e) {\n console.error(e);\n return {};\n }\n};\n\nconst getSAAtPoint = async (\n pixels: number[],\n bounds: any,\n width: number,\n height: number,\n lat: number,\n lng: number,\n bearerToken: string | null,\n) => {\n const hardcodedProduct = 'Mappair_100m_UK:NRT_PM2p5_FC';\n try {\n const response = await axios(\n `${config.mappairAPI}${APIPaths.pathMappair}${APIPaths.getMappairOverlaySAValues\n }?product=${hardcodedProduct}&x=${Math.round(pixels[0])}&y=${Math.round(\n pixels[1],\n )}&bbox=${bounds}&width=${width}&height=${height}&lat=${lat}&lng=${lng}`,\n {\n headers: {\n Authorization: `Bearer ${bearerToken}`,\n },\n },\n );\n return response.data;\n } catch {\n return { value: 'NA' };\n }\n};\n\nconst getStylegroups = async (bearerToken: string | null) => {\n try {\n const response = await axios.get(\n `${config.mappairAPI}${APIPaths.pathMappair}${APIPaths.getMappairStylegroups}`,\n {\n headers: {\n 'Accept-Language': i18n.language,\n Authorization: `Bearer ${bearerToken}`,\n },\n },\n );\n return response.data;\n } catch (e) {\n return [];\n }\n};\n\nconst getTimePeriods = async (bearerToken: string | null) => {\n try {\n const response = await axios.get(\n `${config.mappairAPI}${APIPaths.pathMappair}${APIPaths.getTimePeriods}`,\n {\n headers: {\n 'Accept-Language': i18n.language,\n Authorization: `Bearer ${bearerToken}`,\n },\n },\n );\n return response.data;\n } catch (e) {\n return {};\n }\n};\n\nconst getUserFeedbackQuestions = async (bearerToken: string | null) => {\n try {\n const response = await axios.get(\n `${config.mappairAPI}${APIPaths.pathMappair}${APIPaths.getUserFeedbackQuestions}`,\n {\n headers: {\n 'Accept-Language': i18n.language,\n Authorization: `Bearer ${bearerToken}`,\n },\n },\n );\n return response.data;\n } catch (e) {\n return {};\n }\n};\n\nconst getTodayData = async (\n species: string,\n latLon: LocationCoordinates,\n step: number,\n bearerToken: string | null,\n dates?: {\n startDT?: string | any;\n endDT?: string | any;\n },\n keyword?: string,\n) => {\n try {\n const response = await axios.get(\n `${config.mappairAPI}${APIPaths.pathMappair}${APIPaths.getTodayData\n }?lat=${latLon[0]}&lng=${latLon[1]}&species=${species}&includeText=true${dates && dates.startDT ? `&dt_start=${dates.startDT}` : ''\n }${dates && dates.endDT ? `&dt_end=${dates.endDT}` : ''}${keyword ? `&keyword=${keyword}` : ''\n }&step=${step}`,\n {\n headers: {\n 'Accept-Language': i18n.language,\n Authorization: `Bearer ${bearerToken}`,\n },\n },\n );\n return response.data;\n } catch (e) {\n console.error(e);\n return null;\n }\n};\n\nconst getUserAgreements = async (bearerToken: string | null) => {\n try {\n const response = await axios.get(\n `${config.mappairAPI}${APIPaths.pathMappair}${APIPaths.getUserAgreements}`,\n {\n headers: {\n 'Accept-Language': i18n.language,\n Authorization: `Bearer ${bearerToken}`,\n },\n },\n );\n return response.data;\n } catch (e) {\n return [];\n }\n};\n\nconst getUserConfig = async (bearerToken: string | null) => {\n try {\n const response = await axios.get(\n `${config.mappairAPI}${APIPaths.pathMappair}${APIPaths.getUserConfig}`,\n {\n headers: {\n 'Accept-Language': i18n.language,\n Authorization: `Bearer ${bearerToken}`,\n },\n },\n );\n return response.data;\n } catch (e) {\n return false;\n }\n};\n\nconst getUserInfo = async (bearerToken: string | null) => {\n try {\n const response = await axios.get(\n `${config.mappairAPI}${APIPaths.pathMappair}${APIPaths.getUserInfo}`,\n {\n headers: {\n 'Accept-Language': i18n.language,\n Authorization: `Bearer ${bearerToken}`,\n },\n },\n );\n return response.data;\n } catch (e) {\n return {};\n }\n};\n\nconst getDataAtCoords = async (\n lat: any,\n lng: any,\n startdt: string,\n enddt: string,\n bearerToken: string | null,\n species?: string,\n includeText?: boolean,\n step?: number,\n) => {\n try {\n const url = `${config.mappairAPI}${APIPaths.pathMappair}${APIPaths.getMappairPoint}`;\n const queryParams = new URLSearchParams();\n // queryParams.set('auth', auth);\n queryParams.set('lat', lat.toString());\n queryParams.set('lng', lng.toString());\n queryParams.set('dt_start', startdt);\n queryParams.set('dt_end', enddt);\n if (species) queryParams.set('species', species);\n if (step) queryParams.set('step', step.toString());\n if (includeText) queryParams.set('includeText', includeText.toString());\n const requestConfig = {\n headers: {\n 'Accept-Language': i18n.language,\n Authorization: `Bearer ${bearerToken}`,\n },\n };\n const response = await axios.get(\n `${url}/?${queryParams.toString()}`,\n requestConfig,\n );\n if (response.status != 200) throw new Error();\n return response.data;\n } catch (e) {\n return { value: 'NA' };\n }\n};\n\nconst getValueAtPoint = async (\n pixels: number[],\n overlay: string,\n bounds: number,\n width: number,\n height: number,\n time: string,\n crs: string,\n bearerToken: string | null,\n) => {\n try {\n const response = await axios(\n `${config.mappairAPI}${APIPaths.pathMappair}${APIPaths.getMappairOverlayValue\n }?overlay=${overlay}&x=${Math.round(pixels[0])}&y=${Math.round(\n pixels[1],\n )}&bbox=${bounds}&width=${width}&height=${height}&time=${time}&crs=${crs}`,\n {\n headers: {\n Authorization: `Bearer ${bearerToken}`,\n },\n },\n );\n return response.data;\n } catch (e) {\n return { value: 'NA' };\n }\n};\n\nconst getVersions = async (bearerToken: string | null) => {\n try {\n const response = await axios.get(\n `${config.mappairAPI}${APIPaths.pathMappair}${APIPaths.getMyAirVersions}`,\n {\n headers: {\n 'Accept-Language': i18n.language,\n Authorization: `Bearer ${bearerToken}`,\n },\n },\n );\n return response.data;\n } catch (e) {\n return [];\n }\n};\n\nconst postUserFeedback = async (\n mufId: number,\n score: number,\n comments: string,\n email: string,\n bearerToken: string | null,\n) => {\n try {\n const response = await axios.post(\n `${config.mappairAPI}${APIPaths.pathMappair}${APIPaths.postUserFeedback}?mufId=${mufId}&score=${score}&comments=${comments}&email=${email}`,\n {},\n {\n headers: {\n 'Accept-Language': i18n.language,\n Authorization: `Bearer ${bearerToken}`,\n },\n },\n );\n return response.data;\n } catch (e) {\n return false;\n }\n};\n\nconst setShowTour = async (showTour: boolean, bearerToken: string | null) => {\n try {\n const auth = getAuth();\n const response = await axios.post(\n `${config.mappairAPI}${APIPaths.pathMappair}${APIPaths.setUserTour}?auth=${auth}&showTour=${showTour}`,\n {},\n {\n headers: {\n 'Accept-Language': i18n.language,\n Authorization: `Bearer ${bearerToken}`,\n },\n },\n );\n return response.data;\n } catch (e) {\n return false;\n }\n};\n\nconst signUserAgreement = async (muaId: number, bearerToken: string | null) => {\n try {\n const response = await axios.post(\n `${config.mappairAPI}${APIPaths.pathMappair}${APIPaths.signUserAgreement}?muaId=${muaId}`,\n {},\n {\n headers: {\n 'Accept-Language': i18n.language,\n Authorization: `Bearer ${bearerToken}`,\n },\n },\n );\n return response.data;\n } catch (e) {\n return false;\n }\n};\n\nconst submitContactForm = async (\n formData: {\n firstName: string;\n lastName: string;\n email: string;\n company: string;\n enquiry: string;\n details: string;\n comments: string;\n },\n bearerToken: string | null,\n) => {\n const {\n firstName,\n lastName,\n email,\n company,\n enquiry,\n details,\n comments,\n } = formData;\n try {\n const response = await axios.post(\n `${config.mappairAPI}${APIPaths.pathMappair}${APIPaths.postContactFormEmail}?email=${email}&firstName=${firstName}&lastName=${lastName}&company=${company}&enquiry=${enquiry}&details=${details}&comments=${comments}`,\n formData,\n {\n headers: {\n 'Accept-Language': i18n.language,\n Authorization: `Bearer ${bearerToken}`,\n },\n },\n );\n return response.data;\n } catch (e) {\n return false;\n }\n};\n\nconst updateUserLatestVersionViewed = async (\n versionId: number,\n bearerToken: string | null,\n) => {\n try {\n const response = await axios.post(\n `${config.mappairAPI}${APIPaths.pathMappair}${APIPaths.updateUserLatestVersionViewed}?versionId=${versionId}`,\n {},\n {\n headers: {\n 'Accept-Language': i18n.language,\n Authorization: `Bearer ${bearerToken}`,\n },\n },\n );\n return response.data;\n } catch (e) {\n return false;\n }\n};\n\n// Unit WiFi Requests\nexport const apiRenameUnitWifiNetwork = async (\n // the method for triggering this endpoint is in AsideUnit component but it's not attached to any HTML element\n zNumber: string,\n wifiData: { networkName: string; networkPassword: string },\n bearerToken: string | null,\n) => {\n try {\n const axiosConfig: AxiosRequestConfig = {\n method: 'post',\n url: `${config.zephyrAPI}wifisettings/${zNumber}`,\n headers: {\n // userkey: auth,\n username: localStorage.getItem('user') || '',\n 'Content-Type': 'application/json',\n Authorization: `Bearer ${bearerToken}`,\n },\n data: {\n SSID: wifiData.networkName,\n Password: wifiData.networkPassword,\n },\n };\n\n const response = await axios(axiosConfig);\n\n return [null, response.data];\n } catch (e) {\n console.error(e);\n console.error('failed to rename user wifi credentials');\n return [e, null];\n }\n};\n\nexport const apiGetWifiCredentials = async (\n zNumber: string,\n bearerToken: string | null,\n) => {\n // the method for triggering this endpoint is in AsideUnit component but it's not attached to any HTML element\n try {\n const response = await axios.get(\n `${config.zephyrAPI}wifisettings/${zNumber}`,\n {\n headers: {\n 'Content-Type': 'application/json',\n username: localStorage.getItem('user') || '',\n Authorization: `Bearer ${bearerToken}`,\n // userkey: auth,\n },\n },\n );\n\n return [null, response.data];\n } catch (e) {\n console.error('failed to get user wifi credentials');\n return [e, null];\n }\n};\n\n// Zephyr API Requests\nconst createZephyrAlias = async (\n zNumber: number,\n alias: string,\n bearerToken: string | null,\n) => {\n try {\n const response = await axios.post(\n `${config.zephyrAPI\n }${APIPaths.createZephyrAlias.toLowerCase()}/${zNumber}/${alias}`,\n {},\n {\n headers: {\n 'Accept-Language': i18n.language,\n Authorization: `Bearer ${bearerToken}`,\n },\n },\n );\n return response.data;\n } catch (e) {\n return false;\n }\n};\n\nconst getAurns = async (bearerToken: string | null) => {\n try {\n const response = await axios.get(\n `${config.zephyrAPI}${APIPaths.getAurns.toLowerCase()}`,\n {\n headers: {\n 'Accept-Language': i18n.language,\n Authorization: `Bearer ${bearerToken}`,\n },\n },\n );\n return response.data;\n } catch (e) {\n return [];\n }\n};\n\nconst getCachedZephyrHistoricalData = async (\n // Deprecated\n zNumber: number,\n start: string,\n end: string,\n dataConfig: DataConfig,\n cache: number,\n bearerToken: string | null,\n acOverride?: number,\n) => {\n try {\n const averagingChain = acOverride || dataConfig.averagingChain;\n const response = await axios.get(\n `${config.zephyrAPI\n }${APIPaths.cachedDataForViewBySlotsAveraged.toLowerCase()}/${zNumber}/${start}/${end}/AB/${dataConfig.ctv\n }/${cache}/${averagingChain}/JSON/api`,\n {\n headers: {\n 'Accept-Language': i18n.language,\n Authorization: `Bearer ${bearerToken}`,\n },\n },\n );\n return response.data;\n } catch (e) {\n return false;\n }\n};\n\nconst getCartridge = async (\n cartridgeSerial: string,\n bearerToken: string | null,\n) => {\n try {\n const response = await axios.get(\n `${config.zephyrAPI\n }${APIPaths.getCartridge.toLowerCase()}/${cartridgeSerial}`,\n {\n headers: {\n 'Accept-Language': i18n.language,\n Authorization: `Bearer ${bearerToken}`,\n },\n },\n );\n return response.data;\n } catch (e) {\n return null;\n }\n};\n\nconst getUserZephyrsWithHistory = async (bearerToken: string | null) => {\n // Deprecated\n try {\n const response = await axios.get(\n `${config.zephyrAPI}${APIPaths.zephyrsForUserWithHistory.toLowerCase()}`,\n {\n headers: {\n 'Accept-Language': i18n.language,\n Authorization: `Bearer ${bearerToken}`,\n },\n },\n );\n return response.data;\n } catch (e) {\n return [];\n }\n};\n\nconst getUserZephyrsWithHistoryAndAQ = async (\n // Deprecated\n ctv: string,\n getZephyrs: number,\n getAURNs: number,\n bearerToken: string | null,\n) => {\n try {\n const response = await axios.get(\n `${config.zephyrAPI\n }${APIPaths.zephyrsForUserWithHistoryAndAQ.toLowerCase()}/${ctv}/${getZephyrs}/${getAURNs}`,\n {\n headers: {\n 'Accept-Language': i18n.language,\n Authorization: `Bearer ${bearerToken}`,\n },\n },\n );\n return response.data;\n } catch (e) {\n return [];\n }\n};\n\n// #region virtualZephyrs\nconst getVZephyrs = async (bearerToken: string | null, location?: string) => {\n try {\n const url = `${config.vZephyrAPI}GetVzephyrs`;\n const queryValues = [];\n if (location) queryValues.push(['location', location]);\n\n const queryParams = new URLSearchParams(queryValues).toString();\n\n const requestConfig = {\n headers: {\n // Authorization: `Basic ${auth}`,\n Authorization: `Bearer ${bearerToken}`,\n 'Accept-Language': i18n.language,\n },\n };\n const response = await axios.get(`${url}`, requestConfig);\n // const response = await axios.get(`${url}/?${queryParams}`, requestConfig);\n return response.data;\n } catch (e) {\n console.error(\n 'Failed to retrieve Virtual Zephyrs. Please notify support@earthsense.co.uk if this is not expected.',\n );\n return [];\n }\n};\n\nconst averagingOptionMapping: { [option: string]: number } = {\n \"Hourly average on the hour\": 1,\n \"8 hour average at midnight and 8am and 4pm\": 8,\n \"Daily average at midnight\": 24,\n};\n\nconst getVZephyrData = async (\n bearerToken: string | null,\n vzephyrid: number,\n dataConfig: DataConfig,\n startdt: string,\n enddt?: string,\n averagingOption?: string,\n sa?: boolean,\n) => {\n try {\n const url = `${config.vZephyrAPI}getdata`;\n const { averagingChain } = dataConfig;\n // const queryParams = new URLSearchParams();\n // queryParams.set('auth', auth);\n // queryParams.set('vzephyr_id', vzephyrid.toString());\n // queryParams.set('start_dt', startdt);\n // if (enddt) queryParams.set('end_dt', enddt);\n // // queryParams.set('id_user_target', '2769');\n // queryParams.set('averaging', averagingChain.toString());\n const requestConfig = {\n headers: {\n Authorization: `Bearer ${bearerToken}`,\n 'Accept-Language': i18n.language,\n },\n };\n\n const averaging = averagingOption ? averagingOptionMapping[averagingOption] : undefined;\n\n const response = await axios.get(url, {\n params: {\n vzephyr_id: vzephyrid.toString(),\n start_dt: startdt,\n end_dt: enddt,\n averaging,\n sa: !!sa,\n average_all: !!sa,\n },\n ...requestConfig,\n }\n );\n return response.data;\n } catch (e) {\n console.error(\n 'Failed to retrieve Virtual Zephyr data. Please notify support@earthsense.co.uk if this is not expected.',\n );\n return [];\n }\n};\n\nconst getProxyVZephyrData = async (id_pod: number, bearerToken: string | null, startdt: string, enddt?: string, averagingOption?: string, sa?: boolean) => {\n const averaging = averagingOption ? averagingOptionMapping[averagingOption] : undefined;\n if (!averaging) {\n return\n }\n\n try {\n const response = await axios.get(\n `${config.vZephyrAPI}getdata`,\n {\n headers: {\n 'Accept-Language': i18n.language,\n 'Authorization': `Bearer ${bearerToken}`\n },\n params: sa ? {\n pod_id: id_pod.toString(),\n id_user_target: 2996,\n start_dt: startdt,\n end_dt: enddt,\n sa: !!sa,\n average_all: !!sa,\n } : {\n pod_id: id_pod.toString(),\n id_user_target: 2996,\n start_dt: startdt,\n end_dt: enddt,\n averaging,\n sa: !!sa,\n average_all: !!sa,\n }\n },\n );\n return response.data;\n } catch (e) {\n console.error('Failed to retrieve Virtual Zephyr data. Please notify');\n return [];\n }\n};\n\nconst addVZephyr = async (\n name: string,\n description: string,\n latitude: number,\n longitude: number,\n bearerToken: string | null,\n) => {\n try {\n const url = `${config.vZephyrAPI}AddVzephyr`;\n\n const queryParams = new URLSearchParams();\n // queryParams.set('auth', auth);\n queryParams.set('name', name);\n if (description) queryParams.set('description', description);\n queryParams.set('latitude', latitude.toString());\n queryParams.set('longitude', longitude.toString());\n\n const requestConfig = {\n headers: {\n Authorization: `Bearer ${bearerToken}`,\n 'Accept-Language': i18n.language,\n },\n };\n const response = await axios.post(\n `${url}/?${queryParams.toString()}`,\n {},\n requestConfig,\n );\n return response;\n } catch (e) {\n console.error(\n 'Failed to add Virtual Zephyr. Please notify support@earthsense.co.uk if this is not expected.',\n );\n return [];\n }\n};\n\nconst editVZephyr = async (\n vzephyrid: number,\n name: string,\n bearerToken: string | null,\n description?: string,\n) => {\n try {\n const url = `${config.vZephyrAPI}EditVzephyr`;\n\n const queryParams = new URLSearchParams();\n // queryParams.set('auth', auth);\n queryParams.set('vzephyr_id', vzephyrid.toString());\n queryParams.set('name', name);\n if (description) queryParams.set('description', description);\n\n const requestConfig = {\n headers: {\n Authorization: `Bearer ${bearerToken}`,\n 'Accept-Language': i18n.language,\n },\n };\n const response = await axios.patch(\n `${url}/?${queryParams.toString()}`,\n {},\n requestConfig,\n );\n\n return response;\n } catch (e) {\n console.error(\n 'Failed to edit Virtual Zephyr. Please notify support@earthsense.co.uk if this is not expected.',\n );\n return [];\n }\n};\n\nconst unsubFromVZephyr = async (\n vzephyrid: number,\n bearerToken: string | null,\n) => {\n try {\n const url = `${config.vZephyrAPI}unsubvzephyr`;\n\n const queryParams = new URLSearchParams();\n // queryParams.set('auth', auth);\n queryParams.set('vzephyr_id', vzephyrid.toString());\n\n const requestConfig = {\n headers: {\n Authorization: `Bearer ${bearerToken}`,\n 'Accept-Language': i18n.language,\n },\n };\n const response = await axios.patch(\n `${url}/?${queryParams.toString()}`,\n {},\n requestConfig,\n );\n\n return response;\n } catch (e) {\n console.error(\n 'Failed to unsub Virtual Zephyr. Please notify support@earthsense.co.uk if this is not expected.',\n );\n return [];\n }\n};\n\nconst getUserVZephyrConfig = async (bearerToken: string | null) => {\n try {\n const requestConfig = {\n headers: {\n Authorization: `Bearer ${bearerToken}`,\n 'Accept-Language': i18n.language,\n },\n };\n const response = await axios.get(\n `${config.vZephyrAPI}getuserconfig`,\n requestConfig,\n );\n return response.data;\n } catch (e) {\n console.error(\n 'Failed to get vZephyr user config. Please notify support@earthsense.co.uk if this is not expected.',\n );\n return [];\n }\n};\n// #endregion\n\nconst getZephyrs = async (bearerToken: string | null) => {\n try {\n\n const response = await axios.get(\n `${config.zephyrAPI}${APIPaths.getZephyrs.toLowerCase()}`,\n {\n headers: {\n 'Accept-Language': i18n.language,\n Authorization: `Bearer ${bearerToken}`,\n },\n },\n );\n\n return response.data;\n } catch (e) {\n return [];\n }\n};\n\nconst getZephyrMeasurementData = async (\n zephyr: Zephyr,\n start: string,\n end: string,\n dataConfig: DataConfig,\n bearerToken: string | null,\n isPathLocation: boolean,\n DSE?: boolean,\n selectedPollutants?: Pollutant[],\n isDA?: boolean,\n averagingOption?: string,\n isPublic?: boolean,\n) => {\n try {\n const { zNumber: znumber, type: zephyrType, HasMetStation } = zephyr;\n // Passing particulates individually as param doesn't work, need to pass them as 'Particulates'\n const pollutionArr = selectedPollutants?.map((pollutant) => {\n return pollutant.dataIdentifier.includes('particulate') ? pollutant.dataIdentifier.split('particulate')[1] : pollutant.dataIdentifier;\n });\n const hasPollutionArrParticulates = pollutionArr?.find((pollutant: string) => pollutant.includes('PM'));\n const params = selectedPollutants && pollutionArr ? hasPollutionArrParticulates ? `metCore,${pollutionArr.join(',')},Particulates` : `metCore,${pollutionArr.join(',')}` : 'metCore,MyAirLocation';\n const auth = getAuth();\n const DSEOFF = `${config.zephyrAPI}v2/measurementdata/${znumber}/${start}/${end}/AB/${isPathLocation ? 1 : isDA ? averagingChains[averagingOption as string] : dataConfig.averagingChain}/${HasMetStation ? 'metCore,' : ''}${isPublic ? 'NO2,particulatePM25' : 'MyAirLocation'}/${dataConfig.ctv}`;\n const DSEON = `${config.zephyrAPI}${APIPaths.GetMeasurmentDataDSE\n }/${znumber}/${start}/${end}/AB/${13}/tempC,humidity,Enhanced,CO2,TVOC/${dataConfig.ctv\n }/C`;\n const headers = {\n // 'access-control-request-headers': 'usertoken',\n // usertoken: auth,\n 'access-control-request-headers': 'Authorization',\n 'Content-Type': 'application/json',\n 'Accept-Language': i18n.language,\n Authorization: `Bearer ${bearerToken}`,\n };\n\n const response = await axios.get(DSE ? DSEON : DSEOFF, { headers });\n response.data['statusCode'] = {\n responseCode: response.status,\n text: response.statusText,\n description: null,\n };\n response.data['zType'] = zephyrType;\n return response.data\n } catch (e) {\n const { type: zephyrType } = zephyr;\n if (typeof (e as any).response.data === 'string') {\n const errorCopy = { ...(e as any).response };\n errorCopy.data = {};\n errorCopy.data['statusCode'] = {\n responseCode: errorCopy.status,\n text: 'Something went wrong on the server',\n description: 'Something went wrong on the server',\n };\n errorCopy.data['zType'] = zephyrType;\n return errorCopy.data;\n }\n const isDescriptionValid =\n 'data' in (e as any) &&\n 'description' in (e as any).data &&\n (e as any).data.description;\n (e as any).response.data['statusCode'] = {\n responseCode: (e as any).response.status,\n text: (e as any).response.statusText,\n description: isDescriptionValid ? (e as any).data.description : null,\n };\n (e as any).response.data['zType'] = zephyrType;\n return (e as any).response.data;\n }\n};\n\nconst getZephyrMetData = async (\n znumber: number,\n start: string,\n end: string,\n dataConfig: DataConfig,\n contentType = 'application/json',\n bearerToken: string | null,\n) => {\n try {\n const headers = {\n // 'access-control-request-headers': 'usertoken',\n // usertoken: auth,\n 'access-control-request-headers': 'Authorization',\n Authorization: `Bearer ${bearerToken}`,\n 'Content-Type': 'csv',\n 'Accept-Language': i18n.language,\n };\n const response = await axios.get(\n `${config.zephyrAPI\n }${APIPaths.GetMeasurementData.toLowerCase()}/${znumber}/${start}/${end}/AB/0/metCore/${dataConfig.ctv\n }`,\n { headers },\n );\n return response.data.data;\n } catch (e) {\n return [];\n }\n};\n\nconst getZephyrHistoricalData = async (\n // Deprecated\n zNumber: number,\n start: string,\n end: string,\n dataConfig: DataConfig,\n bearerToken: string | null,\n) => {\n try {\n const response = await axios.get(\n `${config.zephyrAPI\n }${APIPaths.dataForViewBySlotsAveraged.toLowerCase()}/${zNumber}/${start}/${end}/AB/${dataConfig.ctv\n }/${dataConfig.averagingChain}/JSON/api`,\n {\n headers: {\n 'Accept-Language': i18n.language,\n Authorization: `Bearer ${bearerToken}`,\n },\n },\n );\n return response.data;\n } catch (e) {\n return false;\n }\n};\n\n// Downloads\nconst downloadCalibrationCertificate = (zNumber: number) => {\n try {\n const auth = getAuth();\n (window as any).location = `${config.zephyrAPI\n }${APIPaths.downloadCalibrationCertificate.toLowerCase()}/${auth}/${zNumber}`;\n } catch (e) { }\n};\n\nconst downloadDataCSV = (\n // Deprecated\n zNumber: number,\n startDT: string,\n endDT: string,\n slot: string,\n timeAveraging: string,\n) => {\n try {\n const auth = getAuth();\n (window as any).location = `${config.zephyrAPI\n }${APIPaths.csvDataDownload.toLowerCase()}/${auth}/${zNumber}/${startDT}/${endDT}/${slot}/def/6/CSV/download`;\n } catch (e) { }\n};\n\nconst downloadDataKML = async (\n znumber: number,\n start: string,\n end: string,\n slot: string,\n species: string,\n dataConfig: DataConfig,\n bearerToken: string | null,\n) => {\n try {\n const headers = {\n // 'access-control-request-headers': 'usertoken, content-type',\n 'access-control-request-headers': 'Authorization, content-type',\n Authorization: `Bearer ${bearerToken}`,\n 'content-type': 'text/kml',\n };\n const data = {\n KmlRequest: '',\n };\n const response = await axios\n .get(\n `${config.zephyrAPI\n }${APIPaths.GetMeasurementData.toLowerCase()}/${znumber}/${start}/${end}/${slot}/0/${species},latitude,longitude/${dataConfig.ctv\n }`,\n { headers, data },\n )\n .then((response) => {\n const url = window.URL.createObjectURL(new Blob([response.data]));\n const link = document.createElement('a');\n link.href = url;\n link.setAttribute('download', `${znumber}_${species}.kml`);\n document.body.appendChild(link);\n link.click();\n });\n return response;\n } catch (e) {\n return [];\n }\n};\n\n// Alerts API Requests\nconst deleteAirAlert = async (alertId: number) => {\n const auth = getAuth();\n const requestConfig = {\n headers: {\n usertoken: auth,\n },\n };\n try {\n const response = await axios.delete(\n `${config.alertsAPI}${APIPaths.airAlertsApi}${APIPaths.deleteAirAlert}/${alertId}`,\n requestConfig,\n );\n return response.data;\n } catch (e) {\n return [];\n }\n};\n\nconst updateAlertParameter = async (parameters: APIAirAlertParameter[]) => {\n const auth = getAuth();\n const requestConfig = {\n headers: {\n usertoken: auth,\n },\n };\n try {\n const response = await axios.post(\n `${config.alertsAPI}${APIPaths.airAlertsApi}${APIPaths.updateAlertParameters}`,\n parameters,\n requestConfig,\n );\n return response.data;\n } catch (e) {\n return [];\n }\n};\n\nconst updateAlertTargets = async (targets: APIAirAlertTarget) => {\n const auth = getAuth();\n const requestConfig = {\n headers: {\n usertoken: auth,\n },\n };\n try {\n const response = await axios.post(\n `${config.alertsAPI}${APIPaths.airAlertsApi}${APIPaths.updateAlertTargets}`,\n targets,\n requestConfig,\n );\n return response.data;\n } catch (e) {\n return [];\n }\n};\nconst AddAlertTarget = async (target: APIAirAlertTarget) => {\n const auth = getAuth();\n const requestConfig = {\n headers: {\n usertoken: auth,\n },\n };\n try {\n const response = await axios.put(\n `${config.alertsAPI}${APIPaths.airAlertsApi}${APIPaths.addAlertTarget}`,\n target,\n requestConfig,\n );\n return response.data;\n } catch (e) {\n return [];\n }\n};\nconst removeAlertTarget = async (target: APIAirAlertTarget) => {\n const auth = getAuth();\n const requestConfig = {\n headers: {\n usertoken: auth,\n },\n };\n try {\n const response = await axios.post(\n `${config.alertsAPI}${APIPaths.airAlertsApi}${APIPaths.removeAlertTarget}/${target.alertId}`,\n target,\n requestConfig,\n );\n return response.data;\n } catch (e) {\n return [];\n }\n};\n\nconst getAirAlertTypes = async () => {\n const auth = getAuth();\n const requestConfig = {\n headers: {\n usertoken: auth,\n 'Accept-Language': i18n.language,\n },\n };\n try {\n const response = await axios.get(\n `${config.alertsAPI}${APIPaths.airAlertsApi}${APIPaths.getAirAlertTypes}`,\n requestConfig,\n );\n return response.data;\n } catch (e) {\n return [];\n }\n};\n\nconst getAirAlerts = async () => {\n const auth = getAuth();\n const requestConfig = {\n headers: {\n usertoken: auth,\n 'Accept-Language': i18n.language,\n },\n };\n try {\n const response = await axios.get(\n `${config.alertsAPI}${APIPaths.airAlertsApi}${APIPaths.getAirAlerts}`,\n requestConfig,\n );\n return response.data;\n } catch (e) {\n return [];\n }\n};\n\nconst postAirAlert = async (alert: APIAirAlertPost) => {\n const auth = getAuth();\n const requestConfig = {\n headers: {\n usertoken: auth,\n },\n };\n try {\n const alerts = { ...alert };\n const { Alerts: { JsonInput } } = alerts;\n const filteredZNumbers = JsonInput[0].Znumbers.filter((zNumber: number | null) => zNumber !== null);\n alerts.Alerts.JsonInput[0].Znumbers = filteredZNumbers;\n const response = await axios.put(\n `${config.alertsAPI}${APIPaths.airAlertsApi}${APIPaths.postAirAlerts}`,\n alerts,\n requestConfig,\n );\n return response.data;\n } catch (e) {\n return [];\n }\n};\n\nconst updateAirAlert = async (alert: APIAirAlertPost) => {\n const auth = getAuth();\n const requestConfig = {\n headers: {\n usertoken: auth,\n },\n };\n try {\n const response = await axios.post(\n `${config.alertsAPI}${APIPaths.airAlertsApi}${APIPaths.updateAirAlert}`,\n alert.Alerts,\n requestConfig,\n );\n return response.data;\n } catch (e) {\n return [];\n }\n};\n\n// External API Requests\nconst getLocation = async (latLon: LocationCoordinates) => {\n try {\n const response = await axios.get(\n `${APIPaths.getLocationGoogle}?latlng=${latLon}&key=${keys.GoogleMaps}`,\n {\n headers: {\n 'Accept-Language': i18n.language,\n },\n },\n );\n return response.data;\n } catch (e) {\n return [];\n }\n};\n\nconst getLocationFromPlaceId = async (placeId: string) => {\n try {\n const response = await axios.get(\n `${APIPaths.getLocationGoogle}?place_id=${placeId}&key=${keys.GoogleMaps}`,\n {\n headers: {\n 'Accept-Language': i18n.language,\n },\n },\n );\n return response.data;\n } catch (e) {\n return [];\n }\n};\n\nconst setLocation = async (location: string, searchBias: string) => {\n try {\n const response = await axios.get(\n `${APIPaths.getLocationGoogle}?address=${location}&key=${keys.GoogleMaps}&bounds=${searchBias}`,\n {\n headers: {\n 'Accept-Language': i18n.language,\n },\n },\n );\n return response.data;\n } catch (e) {\n return [];\n }\n};\n\nexport const getLocationSuggestions = async (\n search: string,\n searchBias: number[],\n suggestionsCallback: any,\n) => {\n try {\n const autoCompleteService = new google.maps.places.AutocompleteService();\n const biasBounds = new google.maps.LatLngBounds(\n new google.maps.LatLng(searchBias[0], searchBias[1]),\n new google.maps.LatLng(searchBias[2], searchBias[3]),\n );\n autoCompleteService.getPlacePredictions(\n { input: search, bounds: biasBounds },\n suggestionsCallback,\n );\n } catch (e) {\n return [];\n }\n};\n\n// Browser API Requests\nconst fireTrackingEvent = (\n action: string,\n category: string,\n label: string,\n value: number,\n) => {\n const optOutCookie = Cookies.get(permissionCookieSettings.name);\n // dataLayer won't exist for non-qualified analytics users\n if (TagManager.dataLayer && optOutCookie !== 'true') {\n const event = 'userEvent';\n const eventProps = { action, category, value, label };\n // Push to dataLayer\n const tagManagerArgs = {\n dataLayer: {\n event,\n eventProps,\n },\n };\n TagManager.dataLayer(tagManagerArgs);\n }\n};\n\n// Master Auth Token\n\nconst getMasterAuthToken = async (username?: string, password?: string, isPublic?: boolean) => {\n const auth = btoa(\n `${username ? username : localStorage.getItem('user')}:${password ? password : localStorage.getItem('key')\n }`,\n );\n try {\n const response = await axios.get(\n `${config.masterAuthAPI}authuser?auth=${!isPublic ? auth : 'false'}`,\n {\n headers: {\n 'Accept-Language': i18n.language,\n },\n },\n );\n return response.data.token;\n } catch (e) {\n return false;\n }\n};\n\n// MyAir API\n\n// https://service-dev.earthsense.co.uk/myair/api/dev/\n\nconst getUserViews = async (bearerToken: string | null) => {\n try {\n const response = await axios.get(`${config.myAirApi}analyticsview`,\n {\n headers: {\n 'Accept-Language': i18n.language,\n Authorization: `Bearer ${bearerToken}`,\n },\n },\n );\n return response.data;\n } catch (e) {\n return [];\n }\n};\n\nconst saveView = async (data: any, bearerToken: string | null) => {\n try {\n const response = await axios.post(\n `${config.myAirApi}v2/analyticsview`,\n data,\n {\n headers: {\n 'Accept-Language': i18n.language,\n Authorization: `Bearer ${bearerToken}`,\n },\n },\n );\n return response.data;\n } catch (e) {\n return [];\n }\n};\n\nconst deleteView = async (viewId: number, bearerToken: string | null) => {\n try {\n const response = await axios.delete(\n `${config.myAirApi}analyticsview/${viewId}`,\n {\n headers: {\n 'Accept-Language': i18n.language,\n Authorization: `Bearer ${bearerToken}`,\n },\n },\n );\n return response.data;\n } catch (e) {\n return [];\n }\n};\n\nexport default {\n addVZephyr,\n getVZephyrs,\n getVZephyrData,\n editVZephyr,\n getUserVZephyrConfig,\n unsubFromVZephyr,\n checkValidToken,\n apiGetWifiCredentials,\n apiRenameUnitWifiNetwork,\n createZephyrAlias,\n deleteAirAlert,\n downloadCalibrationCertificate,\n downloadDataCSV,\n downloadDataKML,\n fireTrackingEvent,\n getAirAlertTypes,\n getAirAlerts,\n getAurns,\n getAveragingPeriods,\n getCachedZephyrHistoricalData,\n getCapabilities,\n getCartridge,\n getDataConfig,\n getDisplayConfig,\n getFetchToken,\n getLatestMetDataForUser,\n getLocation,\n getLocationFromPlaceId,\n getLocationSuggestions,\n getOverlays,\n getPublicAdvice,\n getPolarPlots,\n getSAAtPoint,\n getAnnualAvgAtCoords,\n getStylegroups,\n getTimePeriods,\n getTodayData,\n getUserAgreements,\n getUserConfig,\n getUserInfo,\n getUserFeedbackQuestions,\n getZephyrMeasurementData,\n getUserZephyrsWithHistory,\n getUserZephyrsWithHistoryAndAQ,\n getValueAtPoint,\n getDataAtCoords,\n getVersions,\n getZephyrMetData,\n getZephyrs,\n getZephyrHistoricalData,\n postAirAlert,\n updateAlertParameter,\n updateAlertTargets,\n postUserFeedback,\n signUserAgreement,\n submitContactForm,\n setLocation,\n setShowTour,\n updateAirAlert,\n AddAlertTarget,\n removeAlertTarget,\n updateUserLatestVersionViewed,\n getMasterAuthToken,\n getProxyVZephyrData,\n getUserViews,\n saveView,\n deleteView,\n};\n","// Types Imports=\nimport {\n SET_UNIT_HISTORIES,\n SET_UNIT_HISTORIES_LOADING,\n SET_THRESHOLD_LIMITS,\n SET_ZEPHYR_COVERAGES_LIST,\n SET_IS_DATA_AVAILABILITY_CHART_LOADING,\n SET_DSE_CHECKBOX_STATE,\n INCREASE_ARRIVED_REQUESTS,\n SET_ARRIVED_REQUESTS_TO_INIT_STATE,\n SET_NULLABLE_UNITS,\n SET_PROCEED_WITH_ANALYSIS,\n SET_IS_VIEW_LOADED,\n SET_IS_CARTRIDGE_DATA_LOADING,\n SET_IS_WIDGETS_LIBRARY_VISIBLE,\n} from '../actions/types';\n\n// Type Imports\nimport {\n UnitHistoriesOptions,\n Zephyr,\n ZephyrCoverages,\n} from '../utils/interface';\n\ninterface setUnitHistoriesOptions {\n type:\n | typeof SET_UNIT_HISTORIES\n | typeof SET_UNIT_HISTORIES_LOADING\n | typeof SET_THRESHOLD_LIMITS\n | typeof SET_ZEPHYR_COVERAGES_LIST\n | typeof SET_IS_DATA_AVAILABILITY_CHART_LOADING\n | typeof SET_DSE_CHECKBOX_STATE\n | typeof INCREASE_ARRIVED_REQUESTS\n | typeof SET_ARRIVED_REQUESTS_TO_INIT_STATE\n | typeof SET_NULLABLE_UNITS\n | typeof SET_PROCEED_WITH_ANALYSIS\n | typeof SET_IS_VIEW_LOADED\n | typeof SET_IS_CARTRIDGE_DATA_LOADING\n | typeof SET_IS_WIDGETS_LIBRARY_VISIBLE;\n payload: any;\n // payload: any | Zephyr | ZephyrCoverages[];\n}\n\nexport const thresholdLimitsInitState = {\n thresholds: {\n lowerThreshold: {\n title: '',\n value: null,\n },\n upperThreshold: {\n title: '',\n value: null,\n }\n },\n hidden: false\n};\n\n//State\nconst initState: UnitHistoriesOptions = {\n unitHistories: [],\n isUnitHistoriesLoading: false,\n thresholdLimits: thresholdLimitsInitState,\n zephyrCoveragesList: [],\n isDataAvailabilityChartLoading: false,\n dseOn: false,\n requests: 0,\n nullableUnits: [],\n toProceed: null,\n viewLoaded: false,\n isCartridgeDataLoading: null,\n isWidgetLibraryVisible: false,\n};\n\n// Reducer\nexport default function (state = initState, action: setUnitHistoriesOptions) {\n const { type, payload } = action;\n\n switch (type) {\n case SET_UNIT_HISTORIES:\n return {\n ...state,\n unitHistories: payload,\n };\n\n case SET_UNIT_HISTORIES_LOADING:\n return {\n ...state,\n isUnitHistoriesLoading: payload,\n };\n\n case SET_THRESHOLD_LIMITS:\n return {\n ...state,\n thresholdLimits: payload,\n };\n\n case SET_ZEPHYR_COVERAGES_LIST:\n const { name, zNumber, type } = payload;\n const zephyrExists = state.zephyrCoveragesList.find(\n (zephyr: ZephyrCoverages) => zephyr.zephyrNumber === zNumber,\n );\n if (zephyrExists) {\n const zephyr =\n state.zephyrCoveragesList[\n state.zephyrCoveragesList.indexOf(zephyrExists)\n ];\n zephyr.isSelected = !zephyr.isSelected;\n }\n const newState = !zephyrExists\n ? [\n ...state.zephyrCoveragesList,\n {\n name,\n zephyrNumber: zNumber,\n zType: type,\n isSelected: true,\n requestMade: false,\n coverageData: null,\n },\n ]\n : [...state.zephyrCoveragesList];\n return {\n ...state,\n zephyrCoveragesList: 'zNumber' in payload ? newState : payload,\n };\n\n case SET_IS_DATA_AVAILABILITY_CHART_LOADING:\n return {\n ...state,\n isDataAvailabilityChartLoading: payload,\n };\n case SET_DSE_CHECKBOX_STATE:\n return {\n ...state,\n dseOn: !state.dseOn,\n };\n case INCREASE_ARRIVED_REQUESTS:\n return {\n ...state,\n requests: ++state.requests,\n };\n case SET_ARRIVED_REQUESTS_TO_INIT_STATE:\n return {\n ...state,\n requests: 0,\n };\n case SET_NULLABLE_UNITS:\n return {\n ...state,\n nullableUnits:\n typeof payload === 'number' ? [...state.nullableUnits, payload] : [],\n };\n case SET_PROCEED_WITH_ANALYSIS:\n return {\n ...state,\n toProceed: payload,\n };\n case SET_IS_VIEW_LOADED:\n return {\n ...state,\n viewLoaded: payload,\n };\n case SET_IS_CARTRIDGE_DATA_LOADING:\n return {\n ...state,\n isCartridgeDataLoading: payload,\n };\n case SET_IS_WIDGETS_LIBRARY_VISIBLE:\n return {\n ...state,\n isWidgetLibraryVisible: payload\n }\n default:\n return state;\n }\n}\n","// Const Imports\nimport { periods } from '../consts';\n\n// Common JS Imports\nconst moment = require('moment');\nconst momentTimezone = require('moment-timezone');\n\nconst current = (format?: string) => {\n const dtFormat = format || 'YYYYMMDDHHmm';\n const currentTime = momentTimezone().tz(\"Europe/London\").format(dtFormat);\n return currentTime;\n};\n\nconst dateFinder = (date: Date, daysDiff: number, past: boolean) => {\n past\n ? date.setDate(date.getDate() - daysDiff)\n : date.setDate(date.getDate() + daysDiff);\n return date;\n};\n\nconst defaultStartEndFinder = () => {\n const endTime = current();\n const period = periods.default;\n const startTime = subtractTimeFromNow(period.quantity, period.unit);\n return { start: startTime, end: endTime };\n};\n\nconst getDateFromTimestamp = (date: string) => {\n const newlyFormattedDate = moment(date, 'YYYY-MM-DDZHH:mm:ss').format(\n 'DD-MM-YYYY',\n );\n return newlyFormattedDate;\n};\n\nconst getTimeOld = (date: string | null, dateFormat: string, unit: string) => {\n if (date) {\n const curDate = new Date().getTimezoneOffset() !== -60 ? moment(moment.tz(new Date(), 'Europe/London').format('YYYY-MM-DD HH:mm:ss')) : moment(new Date());\n const targetDate = moment(date, dateFormat);\n const difference = curDate.diff(targetDate, unit, true);\n return difference;\n }\n return 10;\n};\n\nconst getShortDateFromISO = (date: string) => {\n const year = date.slice(0, 4);\n const month = date.slice(5, 7);\n const day = date.slice(8, 10);\n const newlyFormattedStringDate = `${day}-${month}-${year}`;\n return newlyFormattedStringDate;\n};\n\nconst startEndFinder = (timePeriod: string) => {\n const endTime = current();\n const period = periods[timePeriod];\n const startTime = subtractTimeFromNow(period.quantity, period.unit);\n return { start: startTime, end: endTime };\n};\n\nconst subtractTimeFromNow = (periodQuantity: number, periodUnit: string) => {\n const subtractedTime = momentTimezone(new Date()).tz(\"Europe/London\")\n .subtract(periodQuantity, periodUnit)\n .format('YYYYMMDDHHmm');\n return subtractedTime;\n};\n\nconst subtractTwoDates = (start: any, end: any) => {\n const strStart = start.toString();\n const strEnd = end.toString();\n const dateSplicer = (dateString: string, start: number, end: number) => {\n const dateSpliced = parseInt(dateString.slice(start, end));\n return dateSpliced;\n };\n const diffStart = moment([\n dateSplicer(strStart, 0, 4),\n dateSplicer(strStart, 4, 6) - 1,\n dateSplicer(strStart, 6, 8),\n ]);\n const diffEnd = moment([\n dateSplicer(strEnd, 0, 4),\n dateSplicer(strEnd, 4, 6) - 1,\n dateSplicer(strEnd, 6, 8),\n ]);\n // true flag doesn't round the number\n const difference = diffEnd.diff(diffStart, 'days', true);\n return difference;\n};\n\nconst twinFormatDateFinder = (date: Date, daysDiff: number, past: boolean) => {\n const isoDate = dateFinder(date, daysDiff, past).toISOString;\n const stringDate = subtractTimeFromNow(daysDiff, 'days');\n const output = { isoDate, stringDate };\n return output;\n};\n\nconst tzConverter = (date: any) => {\n const tz = new Date();\n const tzOffset = tz.getTimezoneOffset();\n const tzDate = moment(date, 'YYYYMMDDHHmm')\n .subtract(tzOffset, 'minutes')\n .format('YYYYMMDDHHmm');\n return tzDate;\n};\n\nconst utcConvertor = (date: any) => {\n const ukOffset = moment.tz.zonesForCountry('GB', true)[0].offset;\n const utcDate = moment(date, 'YYYYMMDDHHmm')\n .add(ukOffset, 'minutes')\n .format('YYYYMMDDHHmm');\n return utcDate;\n};\n\nconst getCurrentTimeZoneAbbreviation = () => {\n const curTimeZone = moment.tz.guess();\n const timeZoneAbbr = moment().tz(curTimeZone).format('z');\n return timeZoneAbbr;\n};\n\nconst convertUnitTimeToLocalTime = (date: any) => {\n\n const convertedTime = `${moment(date).format('YYYY/MM/DD HH:mm:ss')} +0000`;\n return moment(new Date((typeof date === \"string\" ? new Date(convertedTime) : convertedTime)\n .toLocaleString(\"en-US\", { timeZone: moment.tz.guess() })));\n};\n\nexport {\n current,\n dateFinder,\n getDateFromTimestamp,\n getTimeOld,\n getShortDateFromISO,\n startEndFinder,\n defaultStartEndFinder,\n subtractTimeFromNow,\n subtractTwoDates,\n twinFormatDateFinder,\n tzConverter,\n utcConvertor,\n getCurrentTimeZoneAbbreviation,\n convertUnitTimeToLocalTime\n};\n","module.exports = __webpack_public_path__ + \"static/media/logo-white-text.1b07830e.png\";","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAKCSURBVHgB1VrblZswEL1sfvJJCUoFcQkuwR2sSnAHkAqcVOB04O2ApAKSCthUgH/zpWgQ4ihavNjSiMc95x4fyWDdKw2MYJyBB7nmQfOzptDc9X25c8xrz1+avzV/9O3FQOIKzUpTBbLWlDCmZxfeIlz4GM+YwUgK4T4LJICAWW41ExswrsYz0s/6GGnMAyJRALMLZwupNYgPNnEAsLRon8+4EwLLxPwUW9x5YTfA4mJvsZ4SX6xA5BTLW+LFikROhdKwx/rgGDjBbMLWjo+af2E2gwMEtjH7b1bhqTewRwJIKXE6nZAAJP7odrDvc4QQqm1bRajrumszj1FZ8YJbPLFpGuWC2rvdjnucLowkt/iiKAbR+/1eVVU1GDkej5xjkXZ8Df0BHd8qz/P/+miWLUi87S/LUt1ChAHSHv5IaGfZxjd92tAhwf7xNPv2umAy8EIGmhgDBBJF4s7n82DqkfMjDJD24JNHw4HM3HvHYTDQshhwQ8O9SMnIe2YYDCgWA1asH/eXy6UzphNaUgPBe//3BNhbqQW1UxloYg34YULtMfgZmesivsQacLMs5QU/C7twj2UwUJGB4ETmw72VTsENsQgDXSKTXAZCEWFAZjAbou5++ijM2PHIsgyB+ETPA1d4TzcbAb2mf7UPND8RAJo5Dgbim9uwYaQ2REHC7QpcfUcrx3eMVHe2tArCin5yDGxlFb5gorY2ZyHjUTa4AwIbf7lLkACWFuzz4WpNCWBp0ZYlAlECUNioeAtauqWKfBJMEJi38FEjUdG7BJIKb8EQMlMQMKk8hfAcM0LAxGhM4qsQKTx4L+tBwNQYqMJj/3IjnO+vPWkP/6f/fOn7ovAPO0Nn7th04QUAAAAASUVORK5CYII=\"","module.exports = \"data:image/png;base64,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\"","module.exports = \"data:image/png;base64,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\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAReSURBVHgB1ZpPaBRXHMe/782bkNK0aMkhBYVQWughB0tbNMVDwHRpxENLEREqtOChp0DYNfYPpdtDWxMmDe2phx4EC0VEWlC0rDkEFI2gmIMHQfwDBszBg+AGQmZnnr/fmImTzezO7tvJ7uQDu/Pmvdmd32/e77158/uOQAqMTEzsqCg1DIH3AT0gIPo10EvlnhdHiLKAXqS6BSrfhsZ1S65c+X/s24doEQFDhqantynfPSqEdYgM/QBmzGntn31Fy5PnCoUnMKBpB0b+oKvtWj9S8Qv6dTfSQGNZSPGncr2JC+Pji838tGEHhorFbvV6T0FofJ+a4dWwI9ATK8+WTswWi8uN/KQhB3KO8662cIZOMID2MC98HC4VCneSDpRJB+xznE+1wK02Gs/s4nPum5o6kHRgXQc+/s3JS4l/Ny1k6kHnlEKfy01NFuodZtVqYONp46DTCJF7Oze8dK906Wpsc1wldx17jwxBY+IzGhP/baivrggGLMd8J8KmHjxDabxXPbDXjQGeKrXEP5kzniGbeCZkG6PV6xzoeu3Vb2izC1mFZsIuuhdFq9ZCaP/kZJ9ryQeZvPpRKJSU7b1zcfT4Au+u9UDFto5n3niGbKx4wVJmdZcYcpxeW+DRlnCAoV5wpfXm7NjY06AHlPC/7JTxR/Z8hKYhW5XvH+Vi4IAQ8nN0ADb+yOAgTBACh4LtJ9O/9nvafoA2Exrv+T5Gfp+GCa7ydkrP79qLlEm6slHjf7lwHqbYrhpWFE+7kSLVxp+6di22PTT+8t27MIYeYckBPUCjOhWixoX7TOhEqsYzZLsi43cgBeLC4rv9B17OMrTAijOe20/NXYUJQot+noX60CJxV5Y/XOa6Wle+lVmI0dC97EAPWqBeWESdiGtvxfhVehRaoJGYDp0Iy2nDPVCGIbXCItrOhCFV3Z4CZXJAGCWUmKSYTtpPgUVJQ/khDGkkpuN6JDUEFiRNb7dhyGbEdFOQ7eQAbqIFUo7p5tD+dalsewaGbEJMN4UlK1fkxdFRTnnfgAGdNJ6Y4/R88DygNU5jiyGEfzbY8hfn+m3fe7yVHim7NXayphD0AD9b0i3tb2wRWEsIBZG1rISyvJ/YM2QdTquQEBLurjnAeRZa8f6MjMMCSFTFWZeZq2wvO3SE8Y2tDcyvvLF0IlqxzoHZr4rLwsPBTIYSJ3dJtWEbo9UbBA7O/lIW+DAyBkm3B+Mkp1iB416pdOctEhUEiQvIACTFHruUP3Yyrq2mQnOfFJEsOMHGz+THaypFiSpljtQaevY80/abXKAdk1I5tlGViZKoUpby+fOsjFBxHu2CZsJAjUkwnkl0gOHB424vDwqtN/dmR/9NKaof3G3lDxvRiJmmXzVgIYS1BO3rr9N81YCXMrwaCIWLRjF/2YM0BU7Lr2a298AIcUNr73RF2n8F6zGTf0AKBBluX+2lVdbu1VQlZftEX/R1G/p6Ejx/6+B1m5vKrsw0e7XjeA6X+AUO2nVRtgAAAABJRU5ErkJggg==\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAQ7SURBVHgB1VnNbxNHFP+92fWXUIsr9SMVquScWqkVSQ+t1KpVU3HqjagHjpQDPZTSJBLXFsM/ECJKLz3gHlupCsce+pFKqNeYAxKnYoQAC4EwoBAnZnd4b5Y1xnac3fXYrH9SMjuzk+z7nvfmESxALxeLG07+oKv0DAglrWlWa10komLHtpr8EHRV+3QJHtYKS/UahgQhIYToZja/AI05ns4hAQjEzOiVYZiJzUBIOH94sUvCw6KCFk7FZSQWA5vnpk6OgHB0UVQuHKufir49AjaXp0qUoVUNPYvxoMba+DyKNtRuG7Z/mjqsXb0+RuIFIrD1jbOvH9xt40AGtthkPB+VkZrMDmCBFRWpVTHbQft2NCEh3tcoIw0Y4Bd9GRDVCfdIERyFr7Lf1H/pXu9hQBxWbP5FmM0g8JnR0C39frdj9/pABv+kjXiB+IREwu715xjYChymhJRCIuHG2aly51rbhMR0WPpXkXKIKeVam9O01GjI/JkGMjiJCYCY0iM3vxjOjQaSSD9/7BZsonnuzch7O7VgNOA5ybLJF4VOLbjySym9kDSzjiO5fkiqSUX4TEbXmA8wzjzHFuYktVeTZj6dkCpQKaKRSZ9eegvZL85jVFCkZ10irmNHAGf/Ubgfnkhes0YB19/ixCVYRubAGTjvHGrP1b6P4d/4D7bBKc+MhNESLML95LQhXm89gH8zIFoYEnOyDdJU3LUiiwO17yO4M0fN8+O/F7C9+iX0ncuBL8z/bp0JU/TAItz9X5vRu/IrvP//AHIvY/uvReiH1w3xuUN/WmdCMRcNWAK99q4ZverPwTy7F9kDy0YT3pXfDENiTjahJK+AJYTS9e9eNqNIHrm9hujWxe+DD776HqyBUONQqquwBHFc839Z0m2wFiQKtdH5bugPMgM+1DVYgn4aKp0PThgmJCLJ6LM/OG8HYdVmOOX710uuzxpwLJ02rYs/IMvSNpFo6z70g+tmTZjIfHra7BEHtwUOo1W6xwlRPpO/h5gIs8gwG42bVXb/XaKstoVp9UpQmq1hwsDRsyo3FO7T2b/s0XNIgKT5/LAVHfm0IqM5yJqPm2dsngdjgRdYzbNbCbmuoMko7BmVwrf1I/LQTiUmSgvcCAkf2wyIM3NYWkHKwRfOz3Vxek6ARz++sc7pRVpr5BqbznTnQk82Si2aT6Mp8anbkK5N93oPA6IeDlFLSBkc6CP9Wk5964HCd/UKnw2RG22jhth97vjtC/3eDcyC0hBahfg9x+vlnd7vmsZJt4aL5/Ps2GPtGYjNk6Ilbi1VBu2L3GaVxgfG1DswHfyWno/SZo3X6B6xSRmpg1YKA0ymG7ErAdGG76LMtehhWEJIeJ6zgbBxERWJSxljVnyvqvlme4iDb00y4SSEh7BSi7WZ4btKuS1D4Cul8L2RMHGXkagK37/mcyW1x2teSEp0J54A6cOs/jwZwYoAAAAASUVORK5CYII=\"","module.exports = __webpack_public_path__ + \"static/media/save-view.b5d817eb.svg\";","module.exports = __webpack_public_path__ + \"static/media/load-view.7024651b.svg\";","module.exports = __webpack_public_path__ + \"static/media/icon-kebab-dark.db73e60d.svg\";","module.exports = __webpack_public_path__ + \"static/media/remove.b24466d8.svg\";","module.exports = __webpack_public_path__ + \"static/media/download.8322f18b.svg\";","import Box from '@mui/material/Box';\nimport Menu from '@mui/material/Menu';\nimport MenuItem from '@mui/material/MenuItem';\nimport Modal from '@mui/material/Modal';\nimport React, { useState } from 'react';\nimport CloseIcon from '../../../assets/images/icon-close.svg';\nimport KebabIcon from '../../../assets/images/icon-kebab-dark.svg';\nimport MaximiseIcon from '../../../assets/images/icon-maximize.svg';\nimport RemoveIcon from '../../../assets/images/remove.svg';\nimport { styleModalWithCta } from '../../../utils/styles';\nimport { thresholdLimitsInitState } from '../../../reducers/dataAnalytics';\nimport { ThresholdLimits, ThresholdsList } from '../../../utils/interface';\nimport { thresholdMainItemStyles, thresholdMenuItemStyles } from '../../../utils/consts';\nimport { Tooltip } from '@mui/material';\nimport DragIndicatorIcon from '@mui/icons-material/DragIndicator';\n\nfunction KebabMenuCta({\n setIsThresholdModalOpen,\n thresholdLimits,\n setThresholdsList,\n type,\n selectedOption,\n setSelectedOption,\n isComparisonView,\n onRemoveWidget,\n}: {\n setIsThresholdModalOpen: Function;\n thresholdLimits?: ThresholdLimits,\n setThresholdsList?: Function;\n type?: string;\n selectedOption?: string;\n setSelectedOption?: Function;\n isComparisonView?: boolean;\n onRemoveWidget?: (type: string) => void;\n}) {\n const [anchorEl, setAnchorEl] = useState(null);\n const [menu2AnchorEl, setMenu2AnchorEl] = useState(null);\n const [statisticsMenuAnchorEl, setStatisticsMenuAnchorEl] = useState(null);\n const openChartMenu = Boolean(anchorEl);\n const openSubMenu = Boolean(menu2AnchorEl);\n const openStatisticsMenu = Boolean(statisticsMenuAnchorEl);\n\n const handleClick = (event: React.MouseEvent) => {\n setAnchorEl(event.currentTarget);\n };\n\n const handleMainMenuClosing = () => {\n setAnchorEl(null);\n };\n\n const handleClose = () => {\n setMenu2AnchorEl(null);\n };\n\n const handleStatisticsClose = () => {\n setStatisticsMenuAnchorEl(null);\n }\n\n const handleMenu2Open = (event: React.MouseEvent) => {\n setMenu2AnchorEl(event.currentTarget);\n };\n\n const handleStatisticsMenuOpen = (event: React.MouseEvent) => {\n setStatisticsMenuAnchorEl(event.currentTarget);\n };\n\n const updateThresholdsList = (value: ThresholdLimits) => {\n setThresholdsList!((prevState: ThresholdsList) => ({\n ...prevState,\n [type as keyof ThresholdsList]: value,\n }));\n };\n\n const handleThresholdToggling = () => {\n const updatedThresholds = {\n ...thresholdLimits,\n hidden: !(thresholdLimits as ThresholdLimits).hidden,\n };\n updateThresholdsList(updatedThresholds as ThresholdLimits);\n };\n\n const thresholdLinesAdded = () => {\n return thresholdLimits && (typeof thresholdLimits.thresholds.lowerThreshold.value === 'number' || typeof thresholdLimits.thresholds.upperThreshold.value === 'number');\n };\n\n const openStatistics = () => {\n return (\n \n \n \n 5% / Median / 95%\n {\n setSelectedOption!(event.target.value);\n }}\n />\n \n \n \n \n Min / Mean / Max\n {\n setSelectedOption!(event.target.value);\n }}\n />\n \n \n \n )\n }\n\n const subMenuItems = () => {\n const linesExist = thresholdLinesAdded();\n return (\n { handleClose(); handleStatisticsClose(); }}\n anchorOrigin={{\n vertical: 'top',\n horizontal: !isComparisonView ? 'right' : 'left',\n }}\n transformOrigin={{\n vertical: 'top',\n horizontal: !isComparisonView ? 'left' : 'right',\n }}\n style={{ top: -8 }}\n PaperProps={{\n style: {\n borderRadius: 0,\n marginLeft: !isComparisonView ? 1 : -1,\n marginTop: 0\n },\n }}\n >\n {!linesExist && { setIsThresholdModalOpen(true); handleClose(); handleMainMenuClosing(); }}\n sx={thresholdMenuItemStyles}\n >\n Add \n \n \n {thresholdLimits?.hidden ? 'Show' : 'Hide'} \n { setIsThresholdModalOpen(true); handleClose(); handleMainMenuClosing(); }}\n sx={thresholdMenuItemStyles}\n >\n Edit \n { handleClose(); updateThresholdsList(thresholdLimitsInitState); handleMainMenuClosing(); }}\n sx={thresholdMenuItemStyles}\n >\n Remove \n
\n\n }\n \n );\n };\n\n const handleRemoveWidget = () => {\n if (onRemoveWidget && type) {\n handleMainMenuClosing();\n onRemoveWidget(type);\n };\n }\n\n return (\n \n
\n \n \n Threshold line \n \n Statistics \n \n \n \n }\n \n {openSubMenu && subMenuItems()}\n {openStatisticsMenu && openStatistics()}\n \n
\n \n \n \n \n \n (null);\n const open = Boolean(anchorEl);\n\n const handleClick = (event: React.MouseEvent) => {\n setAnchorEl(event.currentTarget);\n };\n\n return type === 'map' && localStorage.getItem('isPublic') === 'true' ? null : (\n <>\n \n setAnchorEl(null)}\n anchorOrigin={{\n vertical: 'top',\n horizontal: 'right',\n }}\n transformOrigin={{\n vertical: 'top',\n horizontal: 'left',\n }}\n style={{ top: -8 }}\n PaperProps={{\n style: {\n borderRadius: 0,\n marginLeft: 1,\n marginTop: 0\n },\n }}\n >\n {localStorage.getItem('isPublic') !== 'true' && onRemoveWidget(type)}\n style={{ fontSize: 14, width: 165, paddingTop: 3, paddingBottom: 3 }}\n >\n \n \n }\n \n \n )\n}\n\nfunction TitleBarCtas({\n modalChart = null,\n setIsThresholdModalOpen = null,\n thresholdLimits,\n setThresholdsList,\n type,\n selectedOption,\n setSelectedOption,\n isComparisonView,\n onRemoveWidget,\n useCustomMenu = false,\n}: {\n modalChart?: any | null;\n setIsThresholdModalOpen?: null | Function;\n thresholdLimits?: ThresholdLimits,\n setThresholdsList?: Function;\n type?: string;\n selectedOption?: string;\n setSelectedOption?: Function;\n isComparisonView?: boolean;\n onRemoveWidget?: (type: string) => void;\n useCustomMenu?: boolean;\n}) {\n return (\n \n {setIsThresholdModalOpen ? (\n
\n );\n}\n\nexport const ChartTitleBar = ({\n title,\n HasMetStation,\n chartType,\n zType,\n children = null,\n setIsThresholdModalOpen,\n className = '',\n customModal,\n thresholdLimits,\n setThresholdsList,\n type,\n isComparisonView,\n selectedOption,\n setSelectedOption,\n isDragging,\n draggedItem,\n isWidgetHovered,\n isNetworkMap,\n onRemoveWidget,\n useCustomMenu = false,\n}: {\n title: string | string[];\n HasMetStation?: number;\n chartType?: string;\n zType?: number;\n children?: any | null;\n setIsThresholdModalOpen?: Function;\n className?: string;\n customModal?: any;\n thresholdLimits?: ThresholdLimits,\n setThresholdsList?: Function;\n type?: string;\n isComparisonView?: boolean;\n selectedOption?: string;\n setSelectedOption?: Function;\n isDragging?: boolean;\n draggedItem?: string | null;\n isWidgetHovered?: boolean;\n isNetworkMap?: boolean;\n onRemoveWidget?: (type: string) => void;\n useCustomMenu?: boolean;\n}) => {\n const chartBadge = !isComparisonView && type !== 'networkViewPollutantSummary' && !type?.includes('networkViewPollutantSummary') && (chartType || typeof zType === 'number' || type?.toLowerCase().includes('network')) ? {type?.toLowerCase().includes('sourceapportionment') ? 'Modelled (Beta)' : type?.toLowerCase().includes('network') ? selectedOption === 'minMeanMax' ? 'Min / Mean / Max' : '5% / Median / 95%' : typeof zType === 'number' ? zType === 0 ? 'Zephyr' : 'Modelled' : chartType === 'th' ? HasMetStation ? 'Met Station' : zType === 0 ? 'Zephyr' : 'Modelled' : HasMetStation ? 'Met Station' : 'Modelled'} : null;\n const getReformattedName = () => {\n return title === 'NO2 Sources' ? <>NO2 Sources : title === 'PM2.5 Sources' ? <>PM2.5 Sources : Array.isArray(title)\n ? title[1] === '25'\n ? <>{title[0]}2.5 \n : <>{title[0]}{title[1]} \n : title;\n };\n return (\n \n
\n {isWidgetHovered &&
\n \n
}\n
{getReformattedName()}{chartBadge} \n {customModal || (\n
\n )}\n
\n
2.5 ',\n headergroup: 'particulatePM',\n headerlabel: 'PM2.5',\n };\n const { head, slotB }: any = avgValue;\n\n const dateToLocalISO = (date: any) => {\n const off = new Date(date).getTimezoneOffset();\n const absoff = Math.abs(off);\n return (\n new Date(date.getTime() - off * 60 * 1000).toISOString().substr(0, 23) +\n (off > 0 ? '-' : '+') +\n Math.floor(absoff / 60)\n .toFixed(0)\n .padStart(2, '0') +\n ':' +\n (absoff % 60).toString().padStart(2, '0')\n );\n };\n\n const { longitude, latitude } = raw.latlon;\n const { results } = raw.outputs;\n const formattedResults = !isModelled ? results : results.filter((res: { species: string, values_timestamps: any[], units: any, averaging_hours: number }) => {\n if (avgKey === 'Hourly average on the hour' && !isSa) return res.averaging_hours === 1;\n if (avgKey === '8 hour average at midnight and 8am and 4pm' && !isSa) return res.averaging_hours === 8;\n if (avgKey === 'Daily average at midnight' && !isSa) return res.averaging_hours === 24;\n return res;\n });\n \n if (isSa) {\n formattedResults.filter((res: any) => !res.keyword.includes('all')).map((res: any) => {\n switch (avgKey) {\n case 'Hourly average on the hour':\n case '8 hour average at midnight and 8am and 4pm':\n case 'Daily average at midnight': {\n slotB[res.keyword] = {\n data: res && res.values_timestamps && res.values_timestamps.length > 0 ? res.values_timestamps[0].proportion_percentage : null,\n allNull: res.allNull,\n keyword: res.keyword,\n label: res.sa_layer_HTML_label,\n species: res.species,\n units: res.units,\n }\n break;\n }\n default:\n slotB[res.keyword] = {\n data: null\n }\n }\n })\n }\n else {\n formattedResults.map(\n (\n result: { species: string, values_timestamps: any[], units: any } | { species: string, values_timestamps: any[], units: any, averaging_hours: number },\n i: any,\n ) => {\n // hardcoding here as backend data is not similar for vZephyr.\n // need to make it similar for PM2P5\n let headerspecimen = result.species === 'temperature' ? 'ambTempC' : result.species === 'relhum' ? 'ambHumidity' : result.species.toUpperCase();\n\n // they are all the same except for PM2P5\n let headerHTMLLabel = headerspecimen;\n let headergroup = headerspecimen;\n let headerkey = headerspecimen;\n let headerlabel = headerspecimen;\n\n if (headerspecimen === 'PM2P5') {\n headerspecimen = PM2P5Keys.headerspecimen;\n headerHTMLLabel = PM2P5Keys.headerHTMLLabel;\n headergroup = PM2P5Keys.headergroup;\n headerkey = PM2P5Keys.headerspecimen;\n headerlabel = PM2P5Keys.headerlabel;\n }\n\n const startOfDay = new Date();\n\n switch (avgKey) {\n case 'Hourly average on the hour': {\n // make species data\n slotB[headerspecimen] = {\n data: result.values_timestamps.map((values, j) => {\n values.timestamp_start = values.timestamp_start + '+00:00';\n values.timestamp_end = values.timestamp_end + '+00:00';\n // time will be the same for other species,so we get only the first\n const { averaging_hours } = result as { species: string, values_timestamps: any[], units: any, averaging_hours: number };\n if (averaging_hours === 1 || !isModelled) {\n if (i === 0) {\n localDateTimeDataArr.push(\n dateToLocalISO(new Date(!isModelled ? values.timestamp || values.timestamp_start : values.timestamp_start)),\n );\n dateTimeDataArr.push(`${!isModelled ? new Date(values.timestamp || values.timestamp_end).toISOString().slice(0, -5) : values.timestamp_end}+00:00`);\n UTSDataArr.push(\n String(new Date(!isModelled ? values.timestamp || values.timestamp_start : values.timestamp_start).getTime()).slice(0, -3),\n );\n }\n return values.value;\n }\n }),\n\n header: {\n CSVOrder: Object.keys(head).length + i,\n HTMLLabel: headerHTMLLabel,\n group: headergroup,\n key: headerkey,\n label: headerlabel,\n units: result.units,\n },\n };\n break;\n }\n\n case '8 hour average at midnight and 8am and 4pm': {\n // every 8 hrs in a day\n const dataToAdd = !isModelled ? !result.hasOwnProperty('averaging_hours') ? new Array(24 / 8).fill(null) : result.values_timestamps : result.values_timestamps;\n slotB[headerspecimen] = {\n data: dataToAdd.map((values, j) => {\n const { averaging_hours } = result as { species: string; values_timestamps: any[]; units: any, averaging_hours: number };\n if (averaging_hours === 8 || !isModelled) {\n if (i === 0) {\n !isModelled && startOfDay.setUTCHours(j * 8, 0, 0, 0);\n localDateTimeDataArr.push(\n dateToLocalISO(new Date(!isModelled ? !result.hasOwnProperty('averaging_hours') ? startOfDay : values.timestamp_start : values.timestamp_start)),\n );\n dateTimeDataArr.push(`${!isModelled ? !result.hasOwnProperty('averaging_hours') ? startOfDay.toISOString().slice(0, -5) : values.timestamp_end : values.timestamp_end}+00:00`);\n UTSDataArr.push(\n String(new Date(!isModelled ? !result.hasOwnProperty('averaging_hours') ? startOfDay : values.timestamp_start : values.timestamp_start).getTime()).slice(0, -3),\n );\n }\n return !isModelled ? !result.hasOwnProperty('averaging_hours') ? values : values.value : values.value;\n }\n }),\n\n header: {\n CSVOrder: Object.keys(head).length + i,\n HTMLLabel: headerHTMLLabel,\n group: headergroup,\n key: headerkey,\n label: headerlabel,\n units: result.units,\n },\n };\n break;\n }\n case '15 min average on the quarter hours': {\n // every 15mins in a day\n const dataToAdd = new Array(24 * 4).fill(null);\n slotB[headerspecimen] = {\n data: dataToAdd.map((value, j) => {\n if (i === 0) {\n startOfDay.setUTCHours(j * 0.25, 0, 0, 0);\n localDateTimeDataArr.push(dateToLocalISO(new Date(startOfDay)));\n dateTimeDataArr.push(`${!isModelled ? startOfDay.toISOString().slice(0, -5) : startOfDay}+00:00`);\n UTSDataArr.push(String(startOfDay.getTime()).slice(0, -3));\n }\n return value;\n }),\n\n header: {\n CSVOrder: Object.keys(head).length + i,\n HTMLLabel: headerHTMLLabel,\n group: headergroup,\n key: headerkey,\n label: headerlabel,\n units: result.units,\n },\n };\n break;\n }\n case '5 minute averaging on the hour': {\n // every 15mins in a day\n const dataToAdd = new Array(24 * 12).fill(null);\n slotB[headerspecimen] = {\n data: dataToAdd.map((value, j) => {\n if (i === 0) {\n startOfDay.setUTCHours(j * 0.25, 0, 0, 0);\n localDateTimeDataArr.push(dateToLocalISO(new Date(startOfDay)));\n dateTimeDataArr.push(`${startOfDay}+00:00`);\n UTSDataArr.push(String(startOfDay.getTime()).slice(0, -3));\n }\n return value;\n }),\n\n header: {\n CSVOrder: Object.keys(head).length + i,\n HTMLLabel: headerHTMLLabel,\n group: headergroup,\n key: headerkey,\n label: headerlabel,\n units: result.units,\n },\n };\n break;\n }\n case '1 min average on the minute': {\n // every 15mins in a day\n const dataToAdd = new Array(24 * 60).fill(null);\n slotB[headerspecimen] = {\n data: dataToAdd.map((value, j) => {\n if (i === 0) {\n startOfDay.setUTCHours(j * 0.25, 0, 0, 0);\n localDateTimeDataArr.push(dateToLocalISO(new Date(startOfDay)));\n dateTimeDataArr.push(`${startOfDay}+00:00`);\n UTSDataArr.push(String(startOfDay.getTime()).slice(0, -3));\n }\n return value;\n }),\n\n header: {\n CSVOrder: Object.keys(head).length + i,\n HTMLLabel: headerHTMLLabel,\n group: headergroup,\n key: headerkey,\n label: headerlabel,\n units: result.units,\n },\n };\n break;\n }\n case 'Daily average at midnight': {\n const dataToAdd = !isModelled ? !result.hasOwnProperty('averaging_hours') ? [null] : result.values_timestamps : result.values_timestamps;\n slotB[headerspecimen] = {\n data: dataToAdd.map((values, j) => {\n // time will be the same for other species,so we get only the first\n const { averaging_hours } = result as { species: string; values_timestamps: any[]; units: any, averaging_hours: number };\n if (averaging_hours === 24 || !isModelled) {\n if (i === 0) {\n localDateTimeDataArr.push(\n dateToLocalISO(new Date(!isModelled ? !result.hasOwnProperty('averaging_hours') ? startOfDay : values.timestamp_start : values.timestamp_start)),\n );\n dateTimeDataArr.push(`${!isModelled ? !result.hasOwnProperty('averaging_hours') ? startOfDay.toISOString().slice(0, -5) : values.timestamp_end : values.timestamp_end}+00:00`);\n UTSDataArr.push(\n String(new Date(!isModelled ? !result.hasOwnProperty('averaging_hours') ? startOfDay : values.timestamp_start : values.timestamp_start).getTime()).slice(0, -3),\n );\n }\n return !isModelled ? !result.hasOwnProperty('averaging_hours') ? null : values.value : values.value;\n }\n }),\n\n header: {\n CSVOrder: Object.keys(head).length + i,\n HTMLLabel: headerHTMLLabel,\n group: headergroup,\n key: headerkey,\n label: headerlabel,\n units: result.units,\n },\n };\n break;\n }\n case 'Unaveraged':\n break;\n\n default:\n break;\n }\n slotB.UTS = { data: UTSDataArr };\n slotB.localDateTime = { data: localDateTimeDataArr };\n slotB.dateTime = { data: dateTimeDataArr };\n },\n );\n }\n\n avgValue.head = {\n latitude: {\n data: new Array(localDateTimeDataArr.length).fill(latitude),\n header: {\n CSVOrder: 4,\n HTMLLabel: 'Latitude',\n group: 'latitude',\n key: 'latitude',\n label: 'Latitude',\n units: 'degrees',\n },\n },\n longitude: {\n data: new Array(localDateTimeDataArr.length).fill(longitude),\n header: {\n CSVOrder: 3,\n HTMLLabel: 'Longitude',\n group: 'Longitude',\n key: 'Longitude',\n label: 'Longitude',\n units: 'degrees',\n },\n },\n UTS: {\n data: UTSDataArr,\n header: {\n CSVOrder: 2,\n HTMLLabel: 'Timestamp-UTS',\n group: 'UTS',\n key: 'UTS',\n label: 'Timestamp-UTS',\n units: '',\n },\n },\n localDateTime: {\n data: localDateTimeDataArr,\n header: {\n CSVOrder: 1,\n HTMLLabel: 'Local Timestamp',\n group: 'localDateTime',\n key: 'localDateTime',\n label: 'Timestamp-Local',\n units: ' ',\n },\n },\n dateTime: {\n data: dateTimeDataArr,\n header: {\n CSVOrder: 0,\n HTMLLabel: 'Timestamp',\n group: 'dateTime',\n key: 'dateTime',\n label: 'Timestamp',\n units: ' ',\n },\n },\n };\n};","module.exports = __webpack_public_path__ + \"static/media/icon-maximize.6ca081a0.svg\";","export const styleModalWithCta = {\n position: 'absolute' as 'absolute',\n top: '50%',\n left: '50%',\n transform: 'translate(-50%, -50%)',\n width: '90vw',\n bgcolor: 'background.paper',\n boxShadow: 24,\n pt: 2,\n px: 4,\n pb: 3,\n};\n","import * as React from 'react';\nimport styled, { keyframes } from 'styled-components';\n\ntype Props = {\n color: string;\n isActive: boolean;\n isALHDLoading?: boolean;\n};\n\ninterface HSLArray extends Array {\n 0: number;\n 1: number;\n 2: number;\n length: 3;\n}\n\nconst shimmer = keyframes`\n 0% {\n transform: translateX(-100%);\n }\n 100% {\n transform: translateX(50%);\n }\n`;\n\nconst ShimmerOverlay = styled.rect`\n fill: url(#shimmerGradient);\n width: 30%;\n height: 26px;\n transform: translateX(-100%);\n animation: ${shimmer} 0.9s infinite linear;\n filter: blur(1px);\n`;\n\nconst SVGBase = styled.svg`\n position: relative;\n transition: all 0.3s ease;\n filter: drop-shadow(0px 4px 6px rgba(0, 0, 0, 0.4));\n cursor: pointer;\n\n & .stroke {\n display: none;\n }\n\n &:hover,\n &.active {\n transform: scale(1.5);\n }\n\n &.active .stroke {\n display: revert;\n }\n\n ${(props) =>\n props.isALHDLoading &&\n `\n filter: blur(0.8px);\n `}\n`;\n\nfunction gammaCorrect(value: number): number {\n return value <= 0.04045 ? value / 12.92 : Math.pow((value + 0.055) / 1.055, 2.4);\n}\n\nfunction rgbaToHsl(rgba: string): HSLArray {\n const defaultHsl: HSLArray = [0, 0, 100];\n\n const match = rgba.match(/^rgba?\\((\\d+),\\s*(\\d+),\\s*(\\d+)(?:,\\s*[\\d.]+)?\\)$/);\n if (!match) return defaultHsl;\n\n // Gamma correction for perceived brightness\n const r = gammaCorrect(Number.parseInt(match[1], 10) / 255);\n const g = gammaCorrect(Number.parseInt(match[2], 10) / 255);\n const b = gammaCorrect(Number.parseInt(match[3], 10) / 255);\n\n const max = Math.max(r, g, b);\n const min = Math.min(r, g, b);\n let h = 0;\n let s = 0;\n const l = (max + min) / 2;\n\n if (max !== min) {\n const d = max - min;\n s = l > 0.5 ? d / (2 - max - min) : d / (max + min);\n switch (max) {\n case r:\n h = (g - b) / d + (g < b ? 6 : 0);\n break;\n case g:\n h = (b - r) / d + 2;\n break;\n case b:\n h = (r - g) / d + 4;\n break;\n }\n h /= 6;\n }\n\n return [Math.round(h * 360), Math.round(s * 100), Math.round(l * 100)];\n}\n\nfunction whiteToGrey(rgba: string): string {\n const [h, s, l] = rgbaToHsl(rgba);\n\n // If it's white or near-white, return grey\n if (h === 0 && s === 0 && l >= 95) {\n return 'rgba(192, 202, 212, 1)';\n }\n\n return rgba;\n}\n\nexport function Square({ color, isActive = false }: Props) {\n const convertedColor = whiteToGrey(color);\n const hslColor = rgbaToHsl(convertedColor);\n const [h, s, l] = hslColor;\n\n return (\n \n \n {/* Define the gradient for shimmer effect */}\n {isALHDLoading &&\n \n \n \n\n {/* Define a mask to clip the shimmer effect to the circular area */}\n \n \n \n }\n\n \n \n \n \n \n \n \n \n \n );\n}\n","// Package Imports\nimport React, { useEffect, useRef, useState } from 'react';\n\n// Type Imports\nimport { MappAirSelectedFilter, Zephyr, ZephyrTypes } from '../../utils/interface';\nimport { Circle, Square, Triangle } from './Markers';\nimport styled from 'styled-components';\nimport { filter } from 'jszip';\n\n// Types\ninterface LocationMarkerProps {\n isActive: boolean;\n isVisible: boolean;\n markerColour: string;\n selectUnit: Function;\n showLabel: boolean;\n unit: Zephyr;\n selectedFilters: MappAirSelectedFilter[];\n isALHDLoading: boolean;\n}\ninterface MarkerProps {\n isActive: boolean;\n markerColour: string;\n showLabel: boolean;\n unit: Zephyr;\n isALHDLoading: boolean;\n}\n\n// issue with react fragment, needed to use a normal html element as wrapper(div)\n\nconst MarkerType = ({\n unit,\n markerColour,\n isActive,\n isALHDLoading\n}: MarkerProps) => {\n if (unit.type === ZephyrTypes.virtual) {\n return \n
\n {unit.type === 1 ? (\n (null);\n\n useEffect(() => {\n if (wrapperRef.current) {\n const parentElement = wrapperRef.current.parentElement;\n if (parentElement) {\n parentElement.style.zIndex = isActive ? '1' : '0';\n }\n }\n }, [isActive]);\n\n const handleMouseEnter = () => {\n if (wrapperRef.current) {\n const parentElement = wrapperRef.current.parentElement;\n if (parentElement && !isActive) {\n parentElement.style.zIndex = '2';\n }\n }\n };\n\n const handleMouseLeave = () => {\n if (wrapperRef.current) {\n const parentElement = wrapperRef.current.parentElement;\n if (parentElement && !isActive) {\n parentElement.style.zIndex = '0';\n }\n }\n };\n\n const showLabels = (type: number) => {\n const unitFilter = selectedFilters.find((filters: MappAirSelectedFilter) => {\n return type === 0 ? filters.name === 'zephyr' : type === 100 ? filters.name === 'virtual' : filters.name === 'aurn';\n });\n if (unitFilter) {\n const { showAllLabels, showSelectedLabel } = unitFilter;\n if (!showAllLabels && !showSelectedLabel) return;\n if (showAllLabels) return 'block';\n if (showSelectedLabel) return isActive ? 'block' : undefined;\n }\n }\n return (\n \n
selectUnit(unit)}\n onMouseEnter={handleMouseEnter}\n onMouseLeave={handleMouseLeave}\n >\n \n {unit.name ?? '-'}
\n \n \n \n {unitList.length > 0 ? (\n <>\n {unitList.map((unit, i) => {\n const color = isAnalysis ? 'rgba(78, 115, 195, .9)' : getMarkerColour(unit);\n\n return (\n
\n );\n};\n\n// Redux\nconst mapStateToProps = (state: ReduxState) => ({\n hasInitialUnitSet: state.setZephyr.hasInitialSet,\n selectedFilters: state.mappAirFilters.selectedFilters,\n userInfo: state.auth.userInfo,\n});\n\nconst mapDispatchToProps = (dispatch: Dispatch) =>\n bindActionCreators(\n {\n setZephyr,\n setInitialUnitSet\n },\n dispatch,\n );\n\nexport default connect(mapStateToProps, mapDispatchToProps)(LocationMarkerList);\n","module.exports = __webpack_public_path__ + \"static/media/icon-kebab-sg.a2bb3625.svg\";","module.exports = __webpack_public_path__ + \"static/media/layers.2246b4f1.png\";","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAMKADAAQAAAABAAAAMAAAAADbN2wMAAARTUlEQVRoBa2ay3Yb15WGd91RhTtIkaIsybay0slMGWboWZ4hL+KH8FN52NNMu7O6V3ppWZFMEnfUvaq//4AQGbmlliwfGgQFVJ2zr//+9y57xvr3/m9Pvbr+wTz7ru/tSp/91stjw7hPLF0m9ua/fMuyt/bs6cEmI88837Oeg9t2YEUxtbodWc0NuVVWepU1QW1d2Frrm3mevbbAfuyj6Ps/ey9feRK+b+q/eb0tfmuh398v7kMbbFJb/sOz88XSri5zi6LOONvysrSmemRZ+juL47EEtaZprGoqK+rC8rYwflsRoBA/bdjfzoPgZbj9z9EPk8f5okfD3muxRoea7x/9hf/uPGuryKxIrFs19vzx2ibzEuGRHEmLKrebm4M15dgOydLiQY4SMd9HFoaRzQYTmwVT67oOhWqn1KEpFl7X/RD2bfBdv8tsl/fmD2obLkozlMChv4kiHgK2ZWSr/x4ia2fTUWXDUWNRiPCstq1svdrYYZdY5CdWFaVVeENGDMLYwih0ikghKSOlkkFiY29sgW/fhWffbq7yTWyb5cDSOLCUi8q2Nj+pLRnVeAWP/JqFAF7vWdRG5uWZeXuz4fzW5o9ySwd3e6Lcbpfb7XVlfT0z32+s89YuH7CiRYMMBROry8py/0B0BBYgdYSMUmgwSK/C2q8snDb2+N8qC7rQinVi1z9lNuSzmARq+wZlGvMieeRotY/qo/BDcGs4qInNO4zM2/l2dbaxy0eFDZKTQbimiy3fp4SOZ2EbmoU1cpPU3N/UOYq0FvXkSDxAHb5Xole11bzyw8EO8UGfsrBykFbciNBschbgLj+0cpXY6jaz8XnFq7DGa/Cr8uRDiiBU6zlDbK4Ta7B8RuJGzcHO5nsbZr1LTncmUBL651jzzKLghn91zrIOkQhgvXckcblb4jq8k46QH+VRwsWXbEQ+HBXgI33es4mPhYaXWLzzLd+QRDnad4EVN0PypLVsUVtKHLeyTMBNKCOLadOm8K1apzbKeF8iUo3gXD9f7Gw8LswP7q0feAgVXGKwA9Zdcfsx5yRe1+k3W4cBFies+Gnb1qp8a11LRPg+9yI67+8UcHfw66gIG7BhMu1sMK0xemibtwMUIu5CwqyK7XDobMz3IUiS554lMRbZh3bzmvh8Xtn0fGuDemmTIcAw1IGnE/jbm/K64jXiHBIWAY9GkBEJk7rSJ3iL+uD5Fnih9R3QWaKsbNVgLCC1QdFfKHA6Ru/aTGjUY7n0osH6ofPG9pbYXUeWxfjs4NvyrW+TRUPetHbxYkui5Va+LWwaNzZKCe27UxAJgSdY/AoEmXGCkvKoWdvJUKiCN1usGAwGDoUiNA8jwrG+yw+U0j1yZleVH1fgpIzUIMvcSwdkF6WlZ1gGFyKRXUzxJp7wETguiMvtxqbE+6NJAOzJZDKG3keIjPABNROrasXAYl03tl+uLEw8oJycwZ3xKLMoDvGMFCS0vQA0CwnL0nmma4F6vPNRD7gTTr/Q4RiZ/I5brNhiLeRArjA5fteWnRU/gWgD+Mh5D15zM9fIuoc9eWVzGw9BpZNL7vauytw26xtinpAYQzdAHS+iYGF5DyGlREy4hYMYmkEoUdA6ciJMss9Q4KSI3hGK/9xyoKC/Kty+LW3u1bbA8jFKHYVvEW4D1mM5m5g92lu4SB+EDp7lQl/xXrdW3AKf0AU5KYxJfCyvwG/JgaCjGOJ1T4mMcoNsjCG/dOGBrvKsuiGhdyU0obaxcpN9Vfp325WtlgeK11c2zs5cURKinFYLVPatYPNoEnlWbu26FmuTf7IC/1WETg0v8gSl+l6eoOB+egidTvyXd9KS3LJtQ9yDPOPABikWklISfr+2GyyahE9tOvkG3AYWKSUu9u72aYn/vodtNgiW9sQ+VOFsQBWOHIy6zdAggEp57rAY74UgEnWJ1xcp0EEPGiw/tYNdPsHyGYmG9C1Srta3tl1XINULPPIcvB+gQI7Y8s39alC0ISE77ksRfPg0c/juQRkUVg59eA+FwwBFB4QSTyRwgILhr1RA3i7hS1uExgMLEFHC+6qeuH6zWdqW7wbxM5L2KTBKkfjACiO8NpoKEohpUKtLqQNAKoXUhGBVKNLmvBELWiFx1pAzJF+YpL9CAaCnBVECSNgUl55dBHB4rIXwako2lP71urA4eI7w3wKjgqJ/tfpDXQIsO5rORcxAHihNHYH/iUvOrlb88xn3dxXxD/SGAxK5v0tdeebhZg//FkwpgXzBmMN79kJzj7iLD4WNsdj5mM5q6MqTE/5w2NmShI39r+i0vqYAfVx4ndfeVVOf4iQYVtUdDqcWEvSd6AqGkQxVubeyImZDcgWedjLJLxQQQrRke1Xkjp4kKZCH6+S2Zg0toDs6TxsbpyRbjHII0SthD1t4/Q6vXyE8lo+h0O+OeWia+78VibpXCS8i2cKdPCUrARVEhAcW1vdCm57QjPCwh8Kutt1tc1QApVqoa4ub6hwaUByAuwNowefVxIYgW1S2WL6xeUY5GkLyoqMbGxJ2t9+C9SRoO6MGvKCS4ub/R/iTGq4XbkrroQXyOPhiVQXngRFjfJKY+tHgdeCW4EJOOjh35dEHoWCs5ea6KKzMJXjukkgcSASrZINod7DZsIMSEzLAmwqprFfz3WazIWHZPLiwyeQZBYxi9YnrKAInieNz/pgmZQJa1ZC5ql8jLgqBODAMFAMkeDV4QWFXSTtWuKeE1weYXVXcuco5FuFpwIm1lH52Sr9wPgyAwyO0id7W5MJqvaajglnEX9l0+IyQGh7zVVt84uodeYPrEO8pYZcFNDgw4QqvyOKx4NIJf9wQXgpSEVbkpcphuF/dkpwqJneCc7lnuK/KbJSEdFKEzAhFUjYiJtUHFMUepNnisciGA0HlE7xyl7Bun0+UXpfR5anR67hPDYrAI8HFsUtUEvi9UFTBjlCwBmalRNiJpr5b4DA/g34A78/sYhzaxYzqqGRF+AY+IqTZIHxTj0nk58x3LqmMZJ5bn2H605ncIp0VFhqfNPAd5hG/EFyXy8hqujy1q5oT8dk7FPJEV2vYXZPaAkpwsfBdyMSSjXCrQYLtbmO7DejUn9GoPIffnIH/2uKB4O6QYyShNd8dl46m3HK9qtL957pXcOnjhkhTCFXcB/fpbgkupCoBjJy8C/g+gYnGsFZOp0HgbeBxsxE2cWqX897mU/hHQAHhAJGoDfG+3de49rETPo7VVfl8+0B4HQZyifKqsAWhAoBrsK4ocEtChlhE3ny3+NPtwl4RyqnHOH0rwRvg8zjcqq0kAqSEz34LDOcznUDnxIJibBPQ5ekTA8MJGUq4ipegNc8pTrdr2GBmk+yPhMxjrHQMmfeFl1D6rAZyyU2sxCFYtibHCqhHAZolaW3Tmbqx4x4R4RfSODhDOYEhhup32afEcCtCtkR5MQstdWvigwfkSzBEeEbZHs4im49jZ3VBpIt3kulIhbcuZGYUp8yFjDqkDy/dGzJfqmnGq5Kj+HcDTBa7le33OwSdkaj3XgsjPE/zoNa950xkxVv0BdSknIldQWIz6MCLGJXbYqjEcDKz8WzOHSTxOU3r+Qxt4Fs+IaOQciGzuQVpgDKPkBm/wJoTZLkzw4fld6U/wgqaLDSiyFjSBzp6Kq2HR/USWz2tgGtd18W5jYoUMa44z4FRtZrOy3gkIrRHk6mNZgtLhxA6PLDb0Iaez5nIJahGzGruUkIhVqslaNODy98Akc8gZOqEZIbTsR9/Vx4m9LMBnbeb8yDvAU8ovh3HwsKKb3lLDbqjxhinsdo2WF1eE8KIjSVUdQk9xOLZaOTGKQVFb4/wW0pAmKr1u9v4cKD1WzF7Id7H2TewzAuQQfjO+kThjxeTuqLvd4iiuJWwImwykhLzpICulxLCdPH7RmGEJ6KEqcfs3KbzBYJPoC4xIYngCL1brQjJjduHLBPfIFnWS2gBY0b/ku4JiIw1q/x4vB+F/dBvYlYRSWjoXQ6UEqq8miiclj7TS0oJseKMiICNDicT3kd4kvxoWiaE1zRIt1Yojwgtj6FvrH6gIGSWaHWAqabx164BSQiZu9NP53zZuxQ55Y/+fuBNhVjIaGUwnOBxwmU8sSTLwHrCzd0GIEDm1hKecY3qTjxmMh0ycMKb4fX1DexPEPn1fci8d8jnSC/rVJBDJWcIOTtZWApoWxUkl5iElZYg8/zi0hksoUbIQyKVe0hWAT9bLM6hKfAD0LIhH0SRfWBc+4tqhwHNx3z8mKpKyNwNmx5ayJ3yKb8QSOiyBQDy/d7idGCT2RluRgmEUgIrFDoHBk4Ft6viP8Ximjjvd3ugG451oO4wfa4INak9ZsjlsX+HJ9TId3RvPvXDGWk2fMHmuEOB+iuXKm3DQ4n9bs1r6ypvgQWVeEE4xfjUepqiwWSMNTMmFwiAQlpKZgm9vPkZofcoAp2neVIVj3k+UFMPykIdGDlCnqjCu4lEUjpQCIOAKcAXLM1ninxve4ZXlfpWfny68B7rVWqOSDQfReJ0bNnkjOcDqXvCotA6rT2Isrp+Izwh7EjiCT0x1EaNTb4H6xE8QbEQhPLwmJ6dqfnq3XOD0y6f+e54CptsQa/17S30QZM3hNckjXdlak4l/p9Xr62k1x2NZzYCDkXcCh4jiRdpuRzhXQRtkI0Y3c+wPEmq0R6Cd+xbQGc8qneEIXC2u0eeEpMW6fjspeRR27mnG1PCKR+PJEz9ApWW7yN62j3c5x+vXrmSnw5TQqu19c21Y5KPrjTkVRECYknkRM08odbzTEAzIjko0FSa5wcic+VkwZ7QfUK0VG7gZbWzn62ARoEH4Gy/XdN6gsfEsoSX0Vuog1OAbQusf3O7gvwN7c0//8mYxef5G0wVhOrGWLa9eGc4PfMKeLDoy+IPEEQ432Cohja3IHln9OQTlNzjyQLP6OnNJyugkFEbuV+viEuszo8QBPvxF2xRCIMnEkLgLez173//D9fbTqdTuNTQAhCkhZH2JGHDEFdeOi3BrUYlR3jl07v08NUfoEQNnMoLFXwowQs+RvQYRyrsPkkB8ZcSaNzCPyp4iBJJhUbxLoEkS4+FC54NXL/+mdjnGjafTmf29bMnjBfhRbSh1GE8RGgTZgrD04qJbT1OkgUEl/eLuAeJtNRubmmq9PAvAq2ChGfOUvD+4v/7L80mDxuad0JGdNexR6GzQoZbNrvCbpZrB4tuAIZiNfdcXpzbo7MzhAc1sCDkhnEhMCjBiWHVDCnhQpCixNMRevM9zf19oyiEazQx4f4OuqMSUhOtUng4mVsyv2B2ZN5rXPeL/z9C2K5Rh6xeimcgsabCjvoqdIh78frVdmdv3l6D+Wr8mSqz+flibrMxo0Jc3WiGSg0YktQ9D+mUA8oT4bsaeYdZyiE8UBV3EwesrfGOZlP8bxAq4pzN+RDLBBoxns/hSTyqiqLXYe/1P+LZvz60v+I5hzTtiHcdpIw/wqOiXRW34zktj16ZaT558tSub5auBoygu+ezMaMQroFj9QiW8Hh0RMeVYP2a8UzBd5UUQzDllZaKWsw1OXynoRhWQK3C1rWlah2p5hkD4DGNzBAFxIc0O9pfX/9IsQy/p3v6C3IthIcSeA/K5MCVeEuAZcQSheuaPNOe0HTU9uqnNzbc7OwPf/ij/elPL2kutpBB5mrEeouvXUEifkdU1GHLwzjCYYe8Ermjt1Vouue+/FsoFqHAz9AJn2ZGSR0TVgGfZYCChr8ZdEMVXeRzv7uxfLu5bfLq+zDLzl4dDjcv66L5oTzk323Wt1d6ZiWhj9h+RJnjDF/Cd7ZkrKJEVmNxu1za77791lXHze1bW/FQWzwloWtSrMaMSgIEVsYEWF8Ao6csneadDxI2AEr5xPUQMQVtKMFpYsSTVCAFm8rDYrN+XZSHHzHV979/+edX/wtKx8wMannylAAAAABJRU5ErkJggg==\"","module.exports = \"data:image/png;base64,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\"","module.exports = \"data:image/png;base64,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\"","module.exports = __webpack_public_path__ + \"static/media/icon-drag.19a9d959.svg\";","module.exports = __webpack_public_path__ + \"static/media/bin.eff458e3.svg\";","module.exports = __webpack_public_path__ + \"static/media/run-view.13c10aba.svg\";","module.exports = __webpack_public_path__ + \"static/media/arrow-right.ba5318b2.svg\";","module.exports = __webpack_public_path__ + \"static/media/icon-chevron.0f16a142.svg\";","module.exports = __webpack_public_path__ + \"static/media/icon-close.e1dc03a8.svg\";","module.exports = \"data:image/png;base64,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\"","module.exports = __webpack_public_path__ + \"static/media/add-widget.cee9a59d.svg\";","module.exports = __webpack_public_path__ + \"static/media/refresh-icon.9ce3d185.svg\";","// Module Type Imports\nimport Geometry from 'ol/geom/Geometry';\nimport { ModularFeatures } from '../reducers/modularFeatures';\n\n// Interfaces\n\n// Start Dynamic Charts\nexport interface ChartProps {\n [key: string]: any; // This allows any number of properties with any type\n}\nexport interface GridItemInfo {\n i: string;\n uid: string;\n type?: string;\n name: string;\n}\nexport interface LayoutItem {\n // A string corresponding to the component key\n i: string;\n id?: string;\n type?: string;\n\n // These are all in grid units, not pixels\n x: number;\n y: number;\n w: number;\n h: number;\n minW?: number;\n maxW?: number;\n minH?: number;\n maxH?: number;\n add?: boolean;\n // If true, equal to `isDraggable: false, isResizable: false`.\n static?: boolean;\n // If false, will not be draggable. Overrides `static`.\n isDraggable?: boolean;\n // If false, will not be resizable. Overrides `static`.\n isResizable?: boolean;\n // By default, a handle is only shown on the bottom-right (southeast) corner.\n // As of RGL >= 1.4.0, resizing on any corner works just fine!\n resizeHandles?: Array<'s' | 'w' | 'e' | 'n' | 'sw' | 'nw' | 'se' | 'ne'>;\n // If true and draggable, item will be moved only within grid.\n isBounded?: boolean;\n isRemoved?: boolean;\n}\n\nexport interface LayoutMapItem {\n i: string;\n uid: string;\n type?: string;\n name: string;\n}\n\n// End Dynamic Charts\n\nexport interface ActiveTab {\n group: SpeciesGroupOptions;\n tab: SpeciesDataIdentifiers[];\n labels: SpeciesDataLabels[];\n}\n\nexport interface Agreement {\n id: number;\n terms: string;\n}\n\nexport interface AirAlerts {\n alerts: AlertObject[];\n}\n\nexport interface SpeciesData {\n username: string;\n userkey: string;\n Znumbers: number[];\n Species: string;\n Threshold: number;\n Comparator: string;\n Duration: number; //This duration is in minutes\n}\n\nexport interface BatteryAlert {\n id: string;\n znum: number;\n batteryVoltage: number;\n externalVoltage: number;\n batteryCharge: number;\n status: boolean;\n comparator: string;\n}\n\nexport interface SpeciesAlert {\n alertLevel: number | null;\n period: AlertPeriod;\n repeat: AlertRepeat;\n species: SpeciesDataIdentifiers;\n threshold: AlertThreshold;\n}\n\nexport interface AlertObject {\n airAlerts: SpeciesData[];\n batteryAlert: BatteryAlert;\n email: string[];\n phoneNumbers: string[];\n // TBD\n id: number | null;\n name: string | null;\n status: boolean;\n units: number[];\n}\n\nexport interface AlertMappedSpeciesExtent {\n alertLevel: string;\n dataIdentifier: SpeciesDataIdentifiers;\n HTMLLabel: string;\n HTMLShortUnitLabel: string;\n HTMLUnitLabel: string;\n id: string;\n period: AlertPeriod;\n repeat: AlertRepeat;\n speciesExtentIdentifier: SpeciesExtentIdentifiers;\n status: boolean;\n threshold: AlertThreshold;\n [key: string]: string | boolean;\n}\n\nexport interface AlertPeriodMap {\n formattedPeriod: AlertPeriodFormatted;\n rawPeriod: AlertPeriod;\n}\n\nexport interface AlertRepeatMap {\n formattedRepeat: AlertRepeatFormatted;\n rawRepeat: AlertRepeat;\n}\n\nexport interface AlertThresholdMap {\n formattedThreshold: AlertThresholdFormatted;\n rawThreshold: AlertThreshold;\n postVerb: 'than' | 'to';\n}\n\nexport interface Alerts {\n agreements: Agreement[];\n on: boolean;\n}\n\nexport interface APIAirAlert {\n name: string;\n userId: number;\n alertId: number;\n phoneNumber: string | null;\n EmailAddress: string | null;\n TargetGroups: number;\n alertClassId: number;\n startDate: string;\n endDate: string | null;\n interval: number;\n timeOffset: number;\n ZephyrNumber: number;\n targets: APIAirAlertTarget[];\n jsonOutput: string;\n}\n\nexport interface AlertModel {\n AlertId: number | null;\n Name: string | null;\n AlertClassId: number;\n Organisation: string | null;\n FirstName: string;\n LastName: string;\n PhoneNumber: string | null;\n EmailAddress: string | null;\n StartDate: string;\n EndDate: string | null;\n Interval: number;\n TimeOffset: number;\n // TBD\n Targets: APIAirAlertTarget[];\n JsonInput: SpeciesData[];\n}\n\nexport interface APIAirAlertPost {\n Alerts: AlertModel;\n}\n\nexport interface APIAirAlertParameter {\n AlertObject?: number | null;\n Name: string;\n IsInput: boolean;\n Value: number | null;\n StringValue: SpeciesDataIdentifiers | string | null;\n Units: null;\n}\n\nexport interface APIAirAlertTarget {\n targetId: number;\n firstName: string;\n lastName: string;\n emailAddress: string | null;\n phoneNumber: string | null;\n organisation: string | null;\n alertId: number | null;\n}\n\nexport interface APIZephyrList {\n query: string;\n userName: string;\n usersZephyrs: {\n current: {\n [key: number]: Zephyr;\n };\n past: {\n [key: number]: Zephyr;\n };\n };\n}\n\nexport interface AddVZephyr {\n addVZIconClicked: boolean;\n cursorIconDropped: boolean;\n settings: {\n lat: number,\n lon: number,\n locationName: any\n } | null,\n virtualZephyrName: string;\n vzCreationMenuOpened: boolean;\n initCursorPosition: { x: number, y: number };\n}\n\nexport interface DisplayConfig {\n met?: Met[];\n tabs: Tab[];\n sources: Sources[];\n speciesExtent: SpeciesExtent[];\n windCategories: WindCategory[];\n}\n\nexport interface AppIntro {\n body: string;\n header: string;\n on: boolean;\n tourLink: boolean;\n}\n\nexport interface AQ101 {\n on: boolean;\n sectionId: string;\n}\n\nexport interface AnnualAvgList {\n species: string;\n units: string;\n latlon: any;\n values_timestamps: { timestamp: string; units: string; value: number }[];\n}\nexport interface AnnualAvgResultData {\n meta: {\n keyword: string;\n speciesList: string[];\n timestamps: string[];\n };\n results: any;\n}\n\n// eslint-disable-next-line no-shadow\nexport enum StateStatus {\n idle = 'idle',\n loading = 'loading',\n failed = 'failed',\n succeeded = 'succeeded',\n}\n\nexport interface MapAirPointValueHistoryData {\n saValue: SAData | null;\n valueHistory: TodayData | null;\n status: StateStatus;\n}\n\nexport interface AnnualAvgData {\n list: AnnualAvgList | null;\n raw: AnnualAvgResultData | null;\n chart: { labels: Date[]; datasets: LineChartData[] };\n}\n\nexport interface AnnualAvgTabs {\n chart: boolean;\n list: boolean;\n [key: string]: boolean;\n}\n\nexport interface AQLatestMeasurementDataTabs {\n zephyr: boolean;\n met: boolean;\n other: boolean;\n [key: string]: boolean;\n}\n\nexport interface AQModelDataTabs {\n aqmSA: boolean;\n aqmTemp: boolean;\n aqmWind: boolean;\n [key: string]: boolean;\n}\n\nexport interface AQOptionsMap {\n label: string;\n value: AQOptionsValues;\n}\n\nexport interface AnnualAvgTabMap {\n label: string;\n value: string;\n}\n\nexport interface AQTabs {\n aqData: boolean;\n aqColourscale: boolean;\n aqModelData: boolean;\n annualAvg: boolean;\n [key: string]: boolean;\n}\n\nexport interface AreaConfig {\n areaSize: number | null;\n centreHdms: string | null;\n latLngGeometry: Geometry | null;\n}\n\nexport interface Aside {\n on: boolean;\n}\n\nexport interface AsideOverlaysSpeciesMap {\n speciesMap: { type: UnitOverlayTypes; label: string }[];\n}\nexport interface FleetManagementSpeciesMap {\n speciesMap: {\n type: UnitOverlayTypes;\n label: string;\n checked: boolean;\n zType: number;\n }[];\n}\n\nexport interface AsideUnitMetricsMap {\n metricsFrequencyMap: { item: string; header: string }[];\n metricsStatusMap: { item: string; header: string; unit: string }[];\n}\n\nexport interface Auth {\n token: string | null;\n isAuthenticated: boolean;\n loading: boolean;\n user: string | null;\n userInfo: UserInfo;\n loginFailed: boolean;\n bearerToken: string | null;\n}\n\nexport interface AuthProps {\n internal: boolean;\n isAuthenticated: boolean;\n password: string;\n queryString: UrlQueryStringParams | null;\n username: string;\n}\n\nexport interface AveragingPeriod {\n labelHTML: AveragingLabels;\n averagingOption: AveragingOptions;\n}\n\nexport interface AveragingPeriods {\n periods: AveragingPeriod[];\n}\n\nexport interface BarChartDataPoints {\n label: string;\n y: number;\n}\n\nexport interface CardinalDirections {\n minDegrees: number;\n dirName: string;\n}\n\nexport interface ChartData {\n labels: Date[];\n datasets: LineChartData[];\n}\n\nexport interface ComponentContent {\n [key: string]: string;\n}\n\nexport interface ContactForm {\n formData: {\n details: string;\n email: string;\n enquiry: string;\n comments: string;\n company: string;\n firstName: string;\n lastName: string;\n };\n userMessage: string;\n}\n\nexport interface ContactFormMappair {\n formData: {\n area: AreaConfig;\n comments: string;\n company: string;\n email: string;\n firstName: string;\n lastName: string;\n pollutants: string[];\n [key: string]:\n | string\n | number\n | AreaConfig\n | ContactFormSelection[]\n | string[];\n };\n userMessage: string;\n}\n\nexport interface ContactFormSelection {\n value: string;\n label: string;\n}\n\nexport interface ContactFormSelectionLookup {\n [key: string]: ContactFormSelection[];\n}\n\nexport interface ContactFormZephyr {\n formData: {\n firstName: string;\n lastName: string;\n email: string;\n company: string;\n zephyrs: number;\n powerOption: string;\n species: ContactFormSelection[];\n [key: string]: string | number | ContactFormSelection[];\n };\n userMessage: string;\n}\n\nexport interface CookieSettings {\n name: string;\n expiry: number;\n}\n\nexport interface Colour {\n r: string;\n g: string;\n b: string;\n [key: string]: string;\n}\n\nexport interface Config {\n machine: string;\n alertsAPI: string | undefined;\n mappairAPI: string | undefined;\n zephyrAPI: string | undefined;\n zephyrDataAPI: string;\n vZephyrAPI: string | undefined;\n mappairTiledAPI: string | undefined;\n masterAuthAPI: string | undefined;\n myAirApi: string | undefined;\n enableGridDragAndDrop?: any;\n enableAutoLoadFirstView?: boolean;\n sentryENABLED?: boolean;\n sentryDSN?: string;\n sentryRELEASE?: string;\n sentryENVIRONMENT?: string;\n}\n\nexport interface VZephyrsConfig {\n active: number;\n max: number;\n new30Days: number;\n new30DaysMax: number;\n}\n\nexport interface Credentials {\n token: string;\n user: string;\n key: string;\n}\n\nexport interface CsvData {\n 'Timestamp(UTC)': string;\n [key: string]: number | string | null;\n}\n\nexport interface DataConfig {\n averagingChain: number;\n ctv: string;\n}\n\nexport interface Days {\n [key: number]: DayOptions;\n}\n\nexport interface DropdownSelection {\n label: string;\n value: string;\n}\n\nexport interface EnhancedThreshold {\n name: string;\n min: number;\n r: number;\n g: number;\n b: number;\n max: number | null;\n}\n\nexport interface ExternalMetData {\n dateTime: string;\n humidity: number;\n locationId: number;\n locationLat: number;\n locationLon: number;\n siteId: number;\n siteLat: number;\n siteLon: number;\n siteName: string;\n temp: number;\n windDir: number;\n windSpeed: number;\n [key: string]: number | string;\n}\n\nexport interface Feedback {\n idx: 0;\n on: boolean;\n oneTimeAutomation: boolean;\n questions: FeedbackQuestion[];\n}\n\nexport interface FeedbackQuestion {\n comments: boolean;\n commentsQuestion: string;\n max: number;\n min: number;\n mufId: number;\n name: string;\n order: number;\n question: string;\n}\n\nexport interface GetZephyrHistoricalData {\n zephyrHistory: ZephyrHistory | null;\n loading: boolean;\n zType?: number | null;\n isHistoricalDataNull?: boolean;\n}\n\nexport interface getZephyrMeasurementData {\n zephyrHistory: ZephyrHistory | null;\n loading: boolean;\n}\n\nexport interface GetZephyrs {\n zephyrs: Zephyr[];\n loading: boolean;\n}\n\nexport interface GoogleLocation {\n address_components: any;\n formatted_address: string;\n types: GoogleLocationTypes[];\n}\n\nexport interface GooglePlace {\n description: string;\n place_id: string;\n}\n\nexport interface GtmConfig {\n gtmId: string;\n auth: string;\n preview: string;\n}\n\nexport interface GtmEventIdentifiers {\n [key: string]: string;\n}\n\nexport interface GtmEvents {\n [key: string]: {\n category: string;\n action: string;\n label: string;\n value: number;\n };\n}\n\nexport interface HighDefinitionPointsGroup {\n users: string[];\n layers: HighDefinitionPointsLayer[];\n}\n\nexport interface HighDefinitionPointsLayer {\n curOverlay: string;\n highDefRef: string;\n extent: number[][];\n}\n\nexport interface Keys {\n [key: string]: string;\n}\n\nexport interface LatestPublicMeasurement {\n identifier: SpeciesDataIdentifiers;\n HTMLLabel: string;\n HTMLUnitLabel: string;\n value: number;\n}\n\nexport interface LineChartData {\n borderDash: number[];\n borderDash2: BorderDashStrings;\n data: number[] | string[] | null[];\n defaultColour: string;\n featureColour: string;\n hidden: boolean;\n label: string;\n species: SpeciesDataIdentifiers;\n speciesLabel: SpeciesDataLabels | any;\n speciesObj: Species;\n unitId: number;\n unitNameLabel: string;\n}\n\nexport interface LineChartDataPoints {\n x: Date;\n y: number | null;\n}\n\nexport interface LineChartDataEnriched {\n axisYType?: string;\n axisYIndex?: number;\n click: Function;\n cursor: CursorOptions;\n dataPoints: LineChartDataPoints[];\n label: SpeciesDataLabels;\n lineColor: string;\n lineDashType: BorderDashStrings;\n markerBorderColor: string;\n markerBorderThickness: number;\n markerColor: string;\n markerSize: number;\n name: string;\n type: ChartOptions;\n visible: boolean;\n xValueFormatString: string;\n}\n\nexport interface Location {\n location: LocationCoordinates;\n}\n\nexport interface LocationCoordinates {\n 0: number;\n 1: number;\n}\n\nexport interface Link {\n content?: string;\n precedingContent?: string;\n target: LinkTargetOptions;\n url: string;\n}\n\nexport interface Loading {\n aurnLastHour: boolean;\n initApp: boolean;\n zephyrLastHour: boolean;\n}\n\nexport interface MappAirFilters {\n selectedFilters: MappAirSelectedFilter[];\n showMappAirFilters: boolean;\n}\n\nexport interface MappAirFilterToggles {\n value: MappAirFilterOverlayToggles;\n label: string;\n}\n\nexport interface MappAirSelectedFilter {\n name: UnitOverlayTypes;\n showAllLabels: boolean;\n showSelectedLabel: boolean;\n [key: string]: boolean | UnitOverlayTypes;\n}\n\nexport interface MapsLocationLoaded {\n mapsLoaded: boolean;\n}\n\nexport interface Met {\n group: string;\n species: MetSpecies[];\n}\n\nexport interface MetSpecies {\n dataIdentifier: SpeciesDataIdentifiers;\n HTMLExposedUnitLabel: SpeciesUnits;\n HTMLLabel: string;\n HTMLShortUnitLabel: SpeciesUnitsWrapped;\n HTMLUnitLabel: SpeciesDataLabels;\n}\n\nexport interface Modal {\n contact: boolean;\n data: boolean;\n mappairQuote: boolean;\n mappairTimeseries: boolean;\n zephyrQuote: boolean;\n}\n\nexport interface ObjectMap {\n [key: string]: string;\n}\n\nexport interface Overlay {\n accessGranted: boolean;\n isMappairOverlay: boolean;\n isSAOverlay: boolean;\n name: string;\n nameHTML: string;\n speciesIdentifier: string;\n species: string;\n keyword: string;\n layername?: string;\n displayOrder?: number;\n}\n\nexport interface Overlays {\n [index: number]: { name: string; nameHTML: string };\n}\n\nexport interface Paths {\n [key: string]: string;\n}\n\nexport interface Periods {\n [key: string]: { quantity: number; unit: string };\n}\n\nexport interface PlaceholderAxis {\n labelFontSize: number;\n title: string;\n tickLength: number;\n lineThickness: number;\n margin: number;\n}\n\nexport interface PlaceholderAxisConfig {\n idx: number;\n maximum: number | null;\n minimum: number | null;\n title: string;\n}\n\nexport interface PlacePrediction {\n description: string;\n placeId: string;\n}\n\nexport interface PublicAdvice {\n advice: string;\n advice_sensitive: string;\n behavioural_change: string;\n label: string;\n lower_limit_value: number;\n species: string;\n}\n\nexport interface publicAdviceArr {\n advice: PublicAdvice[][];\n}\n\nexport interface PointValues {\n colour: string;\n coordinates: LocationCoordinates;\n hdms: string;\n hdRef: string | null;\n namedLocation: GoogleLocation[] | null;\n pixels: number[];\n position: number[];\n saValue: SAData | null;\n // Used for the PP to display advice for aqi\n secondaryValue: number | null;\n value: number | null;\n valueHistory: TodayData | null;\n}\n\nexport interface PolarPlots {\n windRose: string;\n [key: string]: string;\n}\n\nexport interface PolarPlotData {\n ws: number[];\n wd: number[];\n [key: string]: number[];\n Authorization?: any;\n}\n\nexport interface ReduxState {\n [x: string]: any;\n airAlerts: AirAlerts;\n alerts: Alerts;\n aq101: AQ101;\n aside: Aside;\n auth: Auth;\n dataConfig: DataConfig;\n draggedUnit: Zephyr | null;\n feedback: Feedback;\n getStyleGroups: Stylegroups;\n getZephyrs: GetZephyrs;\n getZephyrHistoricalData: getZephyrMeasurementData;\n loading: Loading;\n mappAirFilters: MappAirFilters;\n mapsLocationLoaded: MapsLocationLoaded;\n modal: Modal;\n publicAdvice: publicAdviceArr;\n queryStringParams: UrlQueryStringParams;\n showAQMALayer: ShowAQMALayer;\n setAveragingPeriods: AveragingPeriods;\n setDisplayConfig: DisplayConfig;\n setLocation: Location;\n setOverlays: Overlay[];\n setThresholdTab: ThresholdTab;\n setTimePeriods: TimePeriods;\n setTodayData: TodayData | null;\n setUnitLocation: Location;\n setUserConfig: UserConfig;\n setVersions: Version[];\n setZephyr: SetZephyr;\n tour: Tour;\n annualAvgData: AnnualAvgData;\n locale: any;\n modularFeatures: ModularFeatures;\n unitHistoriesOptions: UnitHistoriesOptions;\n thresholds: ThresholdsList;\n\n analysisTourOpen: boolean;\n alertsTourOpen: boolean;\n selectChartModeOpen: boolean;\n selectedChartViewMode: 'deviceView' | 'networkView' | 'comparisonView';\n addVZephyrs: AddVZephyr;\n}\n\nexport interface RequestError {\n errorType: string | number | null;\n unitId: number;\n unitName: string;\n}\n\nexport interface SAChartData {\n data: {\n color: string;\n cursor: CursorOptions;\n dataPoints: BarChartDataPoints[];\n dataPointMinWidth: number;\n type: ChartOptions;\n }[];\n meta: {\n total: number;\n };\n}\n\nexport interface SAData {\n auxinfo: { species: string; layer_names: string[][] }[];\n meta: {\n speciesList: string[];\n timestamps: string[];\n };\n results: SAResult[];\n}\n\nexport interface SADataSet {\n data: number[] | string[] | null[];\n backgroundColor: string[];\n borderWidth: number;\n}\n\nexport interface SAResult {\n species: string;\n units: string;\n values_coordinates: SAResultData[];\n}\n\nexport interface SAResultData {\n latlon: { lat: number; lon: number };\n values_timestamps: { timestamp: string; value: number }[];\n}\n\nexport interface SecondaryAxisConfig {\n idx: number;\n maximum: number | null;\n minimum: number | null;\n title: string;\n void?: boolean;\n}\n\nexport interface SetZephyr {\n editMode: boolean;\n set: boolean;\n zephyr: Zephyr;\n hasInitialSet: boolean;\n}\n\nexport interface ShowAQMALayer {\n opacity: number;\n overlay: string;\n mappairPointModeOn: boolean;\n showAQMALayer: boolean;\n showSchoolsLayer: boolean;\n showSmokeControlZones: boolean;\n showOverlayLayer: boolean;\n showSatelliteLayer: boolean;\n showOSM: boolean;\n showAALayer: boolean;\n annualAverage: number | null;\n}\n\nexport interface Slot {\n HTMLLabel: string;\n label: string;\n}\n\nexport interface SlotsInfo {\n slotA: ZephyrConfigSlot | null;\n slotB: ZephyrConfigSlot | null;\n [key: string]: ZephyrConfigSlot | null;\n}\n\nexport interface Sources {\n colour: Colour;\n HTMLExposedUnitLabel: SpeciesUnits;\n HTMLShortUnitLabel: SpeciesUnitsWrapped;\n source: SourceOptions;\n}\n\nexport interface Species {\n colour: Colour[];\n dataIdentifier: SpeciesDataIdentifiers;\n dataIdentifiers: SpeciesDataIdentifiers[];\n HTMLExposedUnitLabel: SpeciesUnits;\n HTMLLabel: string;\n HTMLUnitLabel: SpeciesDataLabels;\n HTMLShortUnitLabel: SpeciesUnitsWrapped;\n label: string;\n // Scales\n maximum: number | boolean;\n minimum: number | boolean;\n // Conversions\n conversionDivider: number | boolean;\n conversionMultiplier: number | boolean;\n secondaryAxis: boolean;\n}\n\nexport interface SpeciesExtent {\n dataIdentifier: SpeciesExtentIdentifiers;\n species: SpeciesExtentInd[];\n}\nexport interface SpeciesExtentInd {\n HTMLLabel: string;\n HTMLUnitLabel: SpeciesDataLabels;\n HTMLShortUnitLabel: string;\n}\n\nexport interface SpeciesExtentIndEnriched {\n dataIdentifier: SpeciesDataIdentifiers;\n HTMLLabel: string;\n HTMLUnitLabel: SpeciesDataLabels;\n HTMLShortUnitLabel: string;\n speciesExtentIdentifier: SpeciesExtentIdentifiers;\n}\n\nexport interface SpeciesMap {\n [key: string]: string;\n}\n\nexport interface StrippedTab {\n group: SpeciesGroupOptions;\n HTMLGroupLabel: string;\n curSlot?: SlotOptions | null;\n}\n\nexport interface Stylegroup {\n displayedDescriptionHTML: string;\n displayedDescriptionNameHTML?: string;\n displayedName: string;\n displayedNameHTML: string;\n name: string;\n thresholds: { [key: string]: Threshold[] };\n}\n\nexport interface Stylegroups {\n styleGroups: Stylegroup[];\n}\n\nexport interface Tab {\n group: SpeciesGroupOptions;\n context: ContextOptions;\n contextLabel: string;\n HTMLGroupLabel: string;\n species: Species[];\n}\n\nexport interface Threshold {\n b: number;\n g: number;\n r: number;\n min: number;\n name: string;\n}\n\nexport interface TilingGroup {\n layers: TilingLayer[];\n name: string;\n}\n\nexport interface TilingLayer {\n extent: number[][] | undefined;\n layer: string;\n level: number;\n name: string;\n owner: string;\n}\n\nexport interface Timezone {\n endLocal: string;\n endUTC: string;\n startLocal: string;\n startUTC: string;\n timezone: string;\n}\n\nexport interface TimePeriod {\n labelHTML: PeriodLabels;\n timeOption: PeriodOptions;\n}\n\nexport interface TimePeriods {\n periods: TimePeriod[];\n}\n\nexport interface ThresholdTab {\n tab: string;\n}\n\nexport interface TodayData {\n meta: {\n species_list: string[];\n timestamps: string[];\n };\n results: TodayDataset[];\n location: {\n latlon: LocationCoordinates;\n desc: string;\n };\n}\n\nexport interface TodayDataset {\n species: string;\n units: SpeciesUnits;\n values_coordinates: {\n latlon: {\n lat: number;\n lon: number;\n };\n values_timestamps: {\n advice: string;\n advice_sensitive: string;\n behavioural_change: string;\n label: string;\n timestamp: string;\n value: number;\n }[];\n }[];\n}\n\nexport interface TodayDatasetPackaged {\n advice: string;\n advice_sensitive: string;\n behavioural_change: string;\n day: string;\n label: string;\n species: string;\n timestamp: string;\n unit: SpeciesUnits;\n value: number;\n}\n\nexport interface TodayDatasetsPackaged {\n [key: string]: any;\n data: TodayDatasetPackaged[][];\n location: {\n desc: string;\n latlon: LocationCoordinates;\n };\n species: string[];\n}\n\nexport interface TodayInfoSection {\n customTitle: string;\n postText: string;\n preText: string;\n // This links to an AQ101 section id\n spanSectionLink: string;\n spanText: string;\n}\n\nexport interface TodaySubspeciesMap {\n label: string;\n speciesRef: string;\n}\n\nexport interface Tour {\n clickMap: boolean;\n openAside: boolean;\n openAsideFilter: boolean;\n openAQIndex: {\n openAQData: boolean;\n openAQColourscale: boolean;\n openAQMAIndex: boolean;\n openAQModelData: boolean;\n };\n openHelp: boolean;\n openLocationSearch: boolean;\n openTour: boolean;\n}\n\nexport interface UnitSelection {\n HTMLLabel: UnitSelectionLabels;\n type: UnitSelectionTypes;\n}\n\nexport interface UnitSelections {\n unitSelectionOptions: UnitSelection[];\n}\n\nexport interface UnitStatus {\n HTMLLabel: string;\n type: string;\n}\n\nexport interface UrlQueryStringParams {\n ctv: string;\n diagnostics: string;\n [id: string]: string;\n}\n\nexport interface UserConfig {\n latestVersionViewed: number;\n showTour: boolean;\n}\n\nexport interface UserInfo {\n appIntro: AppIntro | null;\n authorityLink: string;\n caching: number;\n info: string;\n isInternal: boolean;\n isPublic: boolean;\n logo: string | null;\n maxLat: number;\n maxLng: number;\n minLat: number;\n minLng: number;\n projectLink: string;\n startingLat: number;\n startingLng: number;\n startingZoom: number;\n subtitle: string;\n today: boolean;\n todayCustomInfo: TodayInfoSection | null;\n todaySpecies: MappairSpecies | null;\n title: string;\n showDetailedZephyrInfo: boolean;\n showSmileyFaces: boolean;\n userCustomInfo: UserInfoSection | null;\n userStandardInfo: UserInfoSection | null;\n mappair: boolean;\n}\n\nexport interface UserInfoSubSection {\n id: string;\n header: string;\n html: string;\n}\n\nexport interface UserInfoSection {\n sections: UserInfoSubSection[];\n}\n\nexport interface Version {\n versionId: number;\n versionNotes: string;\n versionRef: string;\n}\n\nexport interface WindCategory {\n colour: Colour;\n minVal: number;\n name: string;\n unit: SpeciesUnits;\n}\n\nexport interface WindPackagedData {\n dateTime: string[];\n direction: number[];\n speed: number[];\n [key: string]: string[] | number[];\n}\n\nexport interface WindRoseData {\n hoverinfo: string;\n marker: { color: string };\n name: string;\n r: number[];\n theta: string[];\n type: any;\n unit: SpeciesUnits;\n}\n\nexport interface VirtualZephyr {\n [x: string]: any;\n id: number;\n name: string;\n description: string | null;\n latlon: VirtualZephyrLocation;\n sampleFreqMins: number;\n startdt: string;\n endDt: string;\n}\n\nexport interface VirtualZephyrData {\n id: number;\n name: string;\n description: string | null;\n latlon: VirtualZephyrLocation;\n outputs: VirtualZephyrResults;\n}\n\nexport interface VirtualZephyrResults {\n results: any[];\n}\n\nexport interface VirtualZephyrLocation {\n latitude: string;\n longitude: string;\n}\n\nexport interface Zephyr {\n HasMetStation?: 0 | 1;\n HasCertificate: 0 | 1 | null;\n averageOfLastHourOfData: ZephyrLastHourInd | null | any;\n SampPeriod: number | null;\n alias: string;\n backLogCount: number | null;\n batteryCharge: number | null;\n batteryVoltage: string | null;\n externalMetData: ExternalMetData | null;\n externalVoltage: string | null;\n firmwareVersion: string | null;\n id_location: number | null;\n id_pod: number;\n lastConnectionDT: string | null;\n lastDataDT: string | null;\n latLngAltered: string | null;\n latitude: string;\n location: string;\n locationStartTimeDate: string | null;\n locationType: number | null;\n longitude: string;\n measurementCount: number | null;\n mobileLocation: number | null;\n name: string;\n serialNumber: string | null;\n slotA_SN: string | null;\n slotA_start: string | null;\n slotB_SN: string | null;\n slotB_start: string | null;\n slotsInfo: SlotsInfo;\n type: ZephyrTypes;\n userEndTimeDate: string | null;\n userStartTimeDate: string;\n zNumber: number;\n [key: string]: any;\n}\n\nexport enum ZephyrTypes {\n zephyr = 0,\n aurns = 1,\n virtual = 100,\n}\n\nexport interface ZephyrAlert {\n battery: boolean;\n charge: boolean;\n data: boolean;\n power: boolean;\n solar: boolean;\n [key: string]: boolean;\n}\n\nexport interface ZephyrAlertUnit {\n alertStatus: boolean;\n HasCertificate: 0 | 1 | null;\n averageOfLastHourOfData: ZephyrLastHourInd | null;\n alias: string | null;\n backLogCount: number | null;\n batteryCharge: number | null;\n batteryVoltage: string | null;\n externalMetData: ExternalMetData | null;\n externalVoltage: string | null;\n firmwareVersion: string | null;\n id_location: number | null;\n id_pod: number;\n lastConnectionDT: string | null;\n lastDataDT: string | null;\n latLngAltered: string | null;\n latitude: string | null;\n location: string;\n locationStartTimeDate: string | null;\n locationType: number | null;\n longitude: string | null;\n measurementCount: number | null;\n mobileLocation: number | null;\n name: string;\n serialNumber: string | null;\n slotA_SN: string | null;\n slotA_start: string | null;\n slotB_SN: string | null;\n slotB_start: string | null;\n slotsInfo: SlotsInfo | null;\n type: number;\n userEndTimeDate: string | null;\n userStartTimeDate: string;\n zNumber: number;\n [key: string]: any;\n}\n\nexport interface ZephyrAllocation {\n end: string;\n start: string;\n}\n\nexport interface ZephyrConfig {\n measurementPeriodSecs: number;\n slotsInfo: {\n [key: string]: ZephyrConfigSlot;\n };\n uploadPeriodMeasurements: number;\n}\n\nexport interface ZephyrConfigSlot {\n CommercialName: string;\n FirmICType: number;\n ICType: number;\n InternalName: string;\n Serial: string;\n ShortCode: string;\n species: SpeciesExtentIdentifiers[];\n Version: string;\n xFirmICType: string;\n}\n\nexport interface ZephyrLastHourInd {\n O3: number | null;\n PM2p5: number | null;\n CO2: number | null;\n humidity: number | null;\n CO: number | null;\n TVOC: number | null;\n H2S: number | null;\n PM: number | null;\n AQI: number | null;\n SO2: number | null;\n PM10: number | null;\n NO: number | null;\n NO2: number | null;\n PM1: number | null;\n temp: number | null;\n metWS: number | null;\n metWD: number | null;\n metT: number | null;\n metH: number | null;\n [key: string]: number | null;\n}\n\nexport interface ZephyrLocation {\n desc: string;\n lng: string;\n latLngAltered: string;\n locationType: number;\n id: string;\n isMobile: number;\n lat: string;\n since: string;\n}\n\nexport interface ZephyrLocationShort {\n locationId: number;\n lat: string;\n lon: string;\n Authorization?: string;\n}\n\nexport interface ZephyrConnection {\n averageOfLastHourOfData: ZephyrLastHourInd;\n backlogCount: number | null;\n batteryCharge: number | null;\n batteryVoltage: number | null;\n cartridgeAge_months_slotA: number | null;\n cartridgeAge_months_slotB: number | null;\n extVoltage: number | null;\n lastDataDT: string | null;\n lastDT: string | null;\n measurementCount: number | null;\n [key: string]: number | string | ZephyrLastHourInd | null;\n}\n\nexport interface ZephyrHistory {\n [key: string]: ZephyrHistoryInd;\n Unaveraged: ZephyrHistoryInd;\n 'Daily average at midnight': ZephyrHistoryInd;\n '15 min average on the quarter hours': ZephyrHistoryInd;\n '8 hour average at midnight and 8am and 4pm': ZephyrHistoryInd;\n 'Hourly average on the hour': ZephyrHistoryInd;\n}\n\nexport interface ZephyrHistoryInd {\n // Slot\n [key: string]: {\n // Species\n [key: string]: {\n header: {\n key: string;\n group: string;\n units: string;\n HTMLLabel: string;\n CSVOrder: number;\n label: string;\n };\n allNull: boolean;\n data_hash: string;\n data: any[];\n tzHistory?: Timezone[] | null;\n };\n } | null;\n}\n\nexport interface ZephyrHistoryIndSlotData {\n [key: string]: {\n header: {\n key: string;\n group: string;\n units: string;\n HTMLLabel: string;\n CSVOrder: number;\n label: string;\n };\n allNull: boolean;\n data_hash: string;\n data: any[];\n tzHistory?: Timezone[] | null;\n };\n}\n\nexport interface ZephyrHistoryWithId {\n [key: number]: ZephyrHistory;\n}\n\nexport interface ZephyrStatInd {\n distanceTravelledKm: number | null;\n connectionCount: number | null;\n measurementCount: number | null;\n}\n\nexport interface ZephyrStats {\n total: ZephyrStatInd;\n day: ZephyrStatInd;\n}\n\n// Types\nexport type AlertErrors =\n | 'sourceSelect'\n | 'dataSelect'\n | 'name'\n | 'email'\n | 'concentrationLimit'\n | 'phonenumber'\n | 'communication';\n\nexport type AlertPeriod = 'instant' | '15' | '30' | '60' | '480' | '1440' | '';\n\nexport type AlertPeriodFormatted =\n | 'Instant'\n | '15 min'\n | '30 min'\n | '60 min'\n | '8hr'\n | '24hr'\n | 'Select';\n\nexport type AlertRepeat = 'never' | 'hourly' | 'daily' | '';\n\nexport type AlertRepeatFormatted = 'Never' | 'Hourly' | 'Daily' | 'Select';\n\nexport type AlertThreshold =\n | 'greater'\n | 'greaterOrEqual'\n | 'lessOrEqual'\n | 'less'\n | '';\n\nexport type AlertThresholdFormatted =\n | 'greater'\n | 'greater or equal'\n | 'less or equal'\n | 'less'\n | 'Select';\n\nexport type AQOptionsValues =\n | 'zephyr'\n | 'met'\n | 'other'\n | 'aqmTemp'\n | 'aqmSA'\n | 'aqmWind';\n\nexport type AveragingLabels =\n | 'None'\n | '15 Min'\n | '1 Hour'\n | '8 Hour'\n | '24 Hour';\n\nexport type AveragingOptions =\n | 'Unaveraged'\n | 'Daily average at midnight'\n | '15 min average on the quarter hours'\n | '8 hour average at midnight and 8am and 4pm'\n | 'Hourly average on the hour';\n\nexport type BorderDashStrings =\n | 'solid'\n | 'shortDot'\n | 'shortDash'\n | 'longDashDot'\n | 'longDash';\n\nexport type CursorOptions = 'default' | 'pointer' | 'crosshair';\n\nexport type ChartOptions = 'bar' | 'line' | 'spline';\n\nexport type ContextOptions = 'zephyr' | 'met';\n\nexport type DayOptions = 'Mon' | 'Tue' | 'Wed' | 'Thu' | 'Fri' | 'Sat' | 'Sun';\n\nexport type Directions =\n | 'N'\n | 'NNE'\n | 'NE'\n | 'ENE'\n | 'E'\n | 'ESE'\n | 'SE'\n | 'SSE'\n | 'S'\n | 'SSW'\n | 'SW'\n | 'WSW'\n | 'W'\n | 'WWW'\n | 'NW'\n | 'NNW'\n | '';\n\nexport type DownloadOptions = 'csv' | 'kml';\n\n// Docs: https://developers.google.com/maps/documentation/geocoding/intro#Types\nexport type GoogleLocationTypes =\n | 'street_address'\n | 'route'\n | 'intersection'\n | 'political'\n | 'country'\n | 'administrative_area_level_1'\n | 'administrative_area_level_2'\n | 'administrative_area_level_3'\n | 'administrative_area_level_4'\n | 'administrative_area_level_5'\n | 'colloquial_area'\n | 'locality'\n | 'sublocality'\n | 'neighbourhood'\n | 'premise'\n | 'subpremise'\n | 'plus_code'\n | 'postal_code'\n | 'natural_feature'\n | 'airport'\n | 'park'\n | 'point_of_interest';\n\nexport type LinkTargetOptions = '_blank' | '_self' | '_parent' | '_top';\n\nexport type MappAirFilterOverlayToggles = 'showAllLabels' | 'showSelectedLabel';\n\nexport type MappairSpecies = 'no2' | 'pm2p5' | 'aqi_uk';\n\nexport type PeriodLabels =\n | '24 Hours'\n | '48 Hours'\n | 'Week'\n | 'Month'\n | 'Custom'\n | 'Yesterday'\n | '2 days'\n | '3 days';\n\nexport type PeriodOptions = '24' | '48' | 'week' | 'month' | 'custom' | '72';\n\nexport type SlotOptions = 'slotA' | 'slotB' | 'head' | '';\n\nexport type SlotLabels = 'Slot A' | 'Slot B' | 'head';\n\nexport type SourceOptions =\n | 'agric'\n | 'domcom'\n | 'energypro'\n | 'industrialcom'\n | 'industrialpro'\n | 'nature'\n | 'offshore'\n | 'otherstransport'\n | 'roadtransport'\n | 'solvent'\n | 'waste';\n\nexport type SpeciesDataIdentifiers =\n | 'NO'\n | 'NO2'\n | 'O3'\n | 'particulatePM1'\n | 'particulatePM25'\n | 'particulatePM10'\n | 'PM'\n | 'CO2'\n | 'SO2'\n | 'H2S'\n | 'CO'\n | 'TVOC'\n | 'tempC'\n | 'ambHumidity'\n | 'AQI'\n // Met\n | 'temp'\n | 'humidity'\n | 'windDir'\n | 'windSpeed'\n | 'Charge';\n\nexport type SpeciesDataLabels =\n | 'NO(μg/m³)'\n | 'NO₂(μg/m³)'\n | 'O₃(μg/m³)'\n | 'PM₁(μg/m³)'\n | 'PM₂.₅(μg/m³)'\n | 'PM₁₀(μg/m³)'\n | 'CO₂(ppm)'\n | 'SO₂(μg/m³)'\n | 'H₂S(μg/m³)'\n | 'CO(mg/m³)'\n | 'TVOCs(ppb)'\n | 'Temperature(°C)'\n | 'Humidity(%)'\n | 'AQI'\n // Met\n | 'Wind Direction(°)'\n | 'Wind Speed(m/s)'\n | 'Charge(%)';\n\nexport type SpeciesExtentIdentifiers =\n | 'NO'\n | 'NO2'\n | 'O3'\n | 'PM'\n | 'CO2'\n | 'SO2'\n | 'H2S'\n | 'CO'\n | 'TVOC'\n | 'AT'\n | 'ARH'\n | 'AQI'\n | 'Charge';\n\nexport type SpeciesGroupOptions =\n | 'NO2'\n | 'PM'\n | 'PM2.5'\n | 'CO2'\n | 'Enhanced'\n | 'TVOC'\n | 'temp';\n\nexport type SpeciesUnits =\n | 'μg/m³'\n | 'mg/m³'\n | 'ppb'\n | 'ppm'\n | '°C'\n | '%'\n | 'tonnes/annum'\n | 'Max:10'\n // Met\n | 'm/s'\n | '°';\n\nexport type SpeciesUnitsWrapped =\n | '(μg/m³)'\n | '(mg/m³)'\n | '(ppb)'\n | '(ppm)'\n | '(°C)'\n | '(%)'\n | '(tonnes/annum)'\n | '(Max:10)'\n // Met\n | '(m/s)'\n | '(°)'\n | '';\n\nexport type UnitOverlayTypes = 'aurn' | 'zephyr' | 'virtual';\n\nexport type UnitSelectionTypes = 'specific' | 'non-specific';\n\nexport type UnitSelectionLabels =\n | 'Specific Zephyr(s)'\n | 'All Zephyrs in my inventory';\n\nexport type UrlQueryStringOptions = 'ctv' | 'diagnostics' | '';\n\nexport interface translationOption {\n value: string;\n label: string;\n icon: string;\n}\n\nexport interface LonLatXY {\n xMin: number;\n yMin: number;\n xMax: number;\n yMax: number;\n}\n\nexport interface tileDimensions {\n width: number;\n height: number;\n}\n\nexport interface YearObj {\n value: string;\n label: number;\n}\n\nexport interface TimeSliderOption {\n id: number;\n d: string;\n text: string;\n}\n\nexport interface UnitHistoriesOptions {\n unitHistories: any;\n isUnitHistoriesLoading: boolean;\n thresholdLimits: ThresholdLimits;\n zephyrCoveragesList: ZephyrCoverages[];\n isDataAvailabilityChartLoading: boolean;\n dseOn: boolean;\n requests: number;\n nullableUnits: number[];\n toProceed: boolean | null;\n viewLoaded: boolean;\n isCartridgeDataLoading: boolean | null;\n isWidgetLibraryVisible: boolean;\n}\n\nexport interface ZephyrAnalytics extends Zephyr {\n isSelected: boolean;\n}\n\nexport interface Pollutant {\n dataIdentifier: string;\n speciesExtentIdentifier: string;\n HTMLLabel: string;\n HTMLUnitLabel: string;\n HTMLShortUnitLabel: string;\n isChecked?: boolean;\n isSelected?: boolean;\n}\n\nexport interface ThresholdProperties {\n title: string;\n value: number | null;\n id?: number | null;\n}\n\nexport interface ThresholdLimits {\n thresholds: {\n lowerThreshold: ThresholdProperties;\n upperThreshold: ThresholdProperties;\n },\n hidden: boolean\n}\n\nexport interface ZephyrCoverages {\n name?: string;\n zephyrNumber?: number;\n isSelected?: boolean;\n requestMade?: boolean;\n coverageData?: any;\n zType?: number;\n}\n\nexport interface AveragingChain {\n [key: string]: number\n};\n\nexport interface ThresholdsList {\n gases: ThresholdLimits,\n particulate: ThresholdLimits,\n networkViewGases: ThresholdLimits,\n networkViewParticulates: ThresholdLimits,\n [key: string]: ThresholdLimits\n};\n\nexport interface PollutantLimit {\n id: number,\n pollutant: string,\n subscript: string,\n value: number\n};\n","// AirAlert Types\nexport const SET_AIR_ALERTS: string = 'SET_AIR_ALERTS';\n\n// Alert Types\nexport const ALERTS_ON: string = 'ALERTS_ON';\nexport const ALERTS_OFF: string = 'ALERTS_OFF';\n\n// Auth Types\nexport const AUTH_ERROR: string = 'AUTH_ERROR';\nexport const LOGIN_FAIL: string = 'LOGIN_FAIL';\nexport const LOGIN_SUCCESS: string = 'LOGIN_SUCCESS';\nexport const LOGOUT: string = 'LOGOUT';\nexport const SET_AVERAGING_PERIODS: string = 'SET_AVERAGING_PERIODS';\nexport const SET_DATA_CONFIG: string = 'SET_DATA_CONFIG';\nexport const SET_DISPLAY_CONFIG: string = 'SET_DISPLAY_CONFIG';\nexport const SET_FEEDBACK: string = 'SET_FEEDBACK';\nexport const SET_FEEDBACK_IDX: string = 'SET_FEEDBACK_IDX';\nexport const SET_FEEDBACK_OFF: string = 'SET_FEEDBACK_OFF';\nexport const SET_FEEDBACK_ON: string = 'SET_FEEDBACK_ON';\nexport const SET_OVERLAYS: string = 'SET_OVERLAYS';\nexport const SET_PUBLIC_ADVICE: string = 'SET_PUBLIC_ADVICE';\nexport const SET_TIME_PERIODS: string = 'SET_TIME_PERIODS';\nexport const SET_USER_CONFIG: string = 'SET_USER_CONFIG';\nexport const SET_VERSIONS: string = 'SET_VERSIONS';\nexport const USERINFO_LOADED: string = 'USERINFO_LOADED';\nexport const USER_LOADED: string = 'USER_LOADED';\nexport const SET_MASTER_AUTH_BEARER_TOKEN: string = 'SET_MASTER_AUTH_BEARER_TOKEN';\n\n// MappAir Types\nexport const CHANGE_OVERLAY_LAYER: string = 'CHANGE_OVERLAY_LAYER';\nexport const CHANGE_OVERLAY_OPACITY: string = 'CHANGE_OVERLAY_OPACITY';\nexport const GET_STYLE_GROUPS: string = 'GET_STYLE_GROUPS';\nexport const MAPS_LOCATION_LOADED: string = 'MAPS_LOCATION_LOADED';\nexport const SET_ACTIVE_THRESHOLD: string = 'SET_ACTIVE_THRESHOLD';\nexport const SET_LOCATION: string = 'SET_LOCATION';\nexport const SET_MAPPAIR_POINT_MODE_ON: string = 'MAPPAIR_POINT_MODE_ON';\nexport const SET_MAPPAIR_POINT_MODE_OFF: string = 'MAPPAIR_POINT_MODE_OFF';\nexport const SET_SELECTED_FILTER: string = 'SET_SELECTED_FILTER';\nexport const SET_TODAY_DATA: string = 'SET_TODAY_DATA';\nexport const SET_UNIT_LOCATION: string = 'SET_UNIT_LOCATION';\nexport const SHOW_AQMA_LAYER: string = 'SHOW_AQMA_LAYER';\nexport const SHOW_MAP_AIR_FILTERS: string = 'SHOW_MAP_AIR_FILTERS';\nexport const SHOW_OVERLAY_LAYER: string = 'SHOW_OVERLAY_LAYER';\nexport const SHOW_SATELLITE_LAYER: string = 'SHOW_SATELLITE_LAYER';\nexport const SHOW_OSM_LAYER: string = 'SHOW_OSM_LAYER';\nexport const SHOW_SCHOOLS_LAYER: string = 'SHOW_SCHOOLS_LAYER';\nexport const SHOW_SMOKE_CONTROL_ZONES: string = 'SHOW_SMOKE_CONTROL_ZONES';\nexport const SET_MAPPAIR_POINT_VALUE_HISTORY: string =\n 'SET_MAPPAIR_POINT_VALUE_HISTORY';\nexport const SHOW_AA_LAYER: string =\n 'SHOW_AA_LAYER';\nexport const SET_ANNUAL_AVERAGE: string = 'SET_ANNUAL_AVERAGE';\n\n// Nav Types\nexport const CLOSE_ASIDE: string = 'CLOSE_ASIDE';\nexport const OPEN_ASIDE: string = 'OPEN_ASIDE';\nexport const SET_AQ101_OFF: string = 'SET_AQ101_OFF';\nexport const SET_AQ101_ON: string = 'SET_AQ101_ON';\nexport const SET_AQ101_SECTION: string = 'SET_AQ101_SECTION';\n\n// Tour Types\nexport const TOUR_CLOSE_AQ_COLORSCALE_INDEX: string =\n 'TOUR_CLOSE_AQ_COLORSCALE_INDEX';\nexport const TOUR_CLOSE_AQ_DATA_INDEX: string = 'TOUR_CLOSE_AQ_DATA_INDEX';\nexport const TOUR_CLOSE_AQMA_INDEX: string = 'TOUR_CLOSE_AQMA_INDEX';\nexport const TOUR_CLOSE_ASIDE: string = 'TOUR_CLOSE_ASIDE';\nexport const TOUR_CLOSE_ASIDE_FILTER: string = 'TOUR_CLOSE_ASIDE_FITLER';\nexport const TOUR_FINISHED: string = 'TOUR_FINISHED';\nexport const TOUR_LAUNCHED: string = 'TOUR_LAUNCHED';\nexport const TOUR_OPEN_AQ_COLORSCALE_INDEX: string =\n 'TOUR_OPEN_AQ_COLORSCALE_INDEX';\nexport const TOUR_OPEN_AQ_DATA_INDEX: string = 'TOUR_OPEN_AQ_DATA_INDEX';\nexport const TOUR_OPEN_AQMA_INDEX: string = 'TOUR_OPEN_AQMA_INDEX';\nexport const TOUR_OPEN_ASIDE: string = 'TOUR_OPEN_ASIDE';\nexport const TOUR_OPEN_ASIDE_FILTER: string = 'TOUR_OPEN_ASIDE_FILTER';\nexport const TOUR_OPEN_HELP: string = 'TOUR_OPEN_HELP';\nexport const TOUR_CLOSE_HELP: string = 'TOUR_CLOSE_HELP';\nexport const TOUR_OPEN_LOCATION_SEARCH: string = 'TOUR_OPEN_LOCATION_SEARCH';\nexport const TOUR_CLOSE_LOCATION_SEARCH: string = 'TOUR_CLOSE_LOCATION_SEARCH';\nexport const TOUR_MAP_CLICK: string = 'TOUR_MAP_CLICK';\nexport const TOUR_CLOSE_MODEL_DATA_INDEX = 'TOUR_CLOSE_MODEL_DATA_INDEX';\nexport const TOUR_OPEN_MODEL_DATA_INDEX = 'TOUR_OPEN_MODEL_DATA_INDEX';\n\n// URL Query String Types\nexport const SET_QUERY_STRING_PARAMS: string = 'SET_QUERY_STRING_PARAMS';\n\n// Zephyr Types\nexport const CLEAR_ZEPHYR: string = 'CLEAR_ZEPHYR';\nexport const GET_ZEPHYRS: string = 'GET_ZEPHYRS';\nexport const ADD_ZEPHYRS: string = 'ADD_ZEPHYRS';\nexport const GET_ZEPHYR_HISTORICAL_DATA: string = 'GET_ZEPHYR_HISTORICAL_DATA';\nexport const SET_ZEPHYR: string = 'SET_ZEPHYR';\nexport const SET_ZEPHYR_IN_EDIT_MODE: string = 'SET_ZEPHYR_IN_EDIT_MODE';\nexport const SET_ZEPHYR_HISTORICAL_DATA_LOADING: string =\n 'SET_ZEPHYR_HISTORICAL_DATA_LOADING';\nexport const SET_DRAGGED_UNIT: string = 'SET_DRAGGED_UNIT';\nexport const CLEAR_DRAGGED_UNIT: string = 'CLEAR_DRAGGED_UNIT';\nexport const GET_AURNS = 'GET_AURNS';\nexport const GET_ZEPHYR_MET_DATA: string = 'GET_ZEPHYR_MET_DATA';\nexport const SET_HAS_INITIAL_SET: string = 'SET_HAS_INITIAL_SET';\nexport const SET_VZ_ICON_CLICKED: string = 'SET_VZ_ICON_CLICKED';\nexport const SET_CURSOR_ICON_DROPPED: string = 'SET_CURSOR_ICON_DROPPED';\nexport const SET_ADD_VZ_SETTINGS: string = 'SET_ADD_VZ_SETTINGS';\nexport const SET_VZ_NAME: string = 'SET_VZ_NAME';\nexport const SET_VZ_CREATION_MENU: string = 'SET_VZ_CREATION_MENU';\nexport const SET_INIT_CURSOR_POSITION: string = 'SET_INIT_CURSOR_POSITION';\n\n// Loading types\nexport const LOADING_INIT_APP_OFF: string = 'LOADING_INIT_APP_OFF';\nexport const LOADING_INIT_APP_ON: string = 'LOADING_INIT_APP_ON';\nexport const LOADING_INIT_APP_DATA_OFF: string = 'LOADING_INIT_APP_DATA_OFF';\nexport const LOADING_INIT_APP_DATA_ON: string = 'LOADING_INIT_APP_DATA_ON';\nexport const LOADING_INIT_APP_THIRDPARTY_DATA_OFF: string =\n 'LOADING_INIT_APP_THIRDPARTY_DATA_OFF';\nexport const LOADING_INIT_APP_THIRDPARTY_DATA_ON: string =\n 'LOADING_INIT_APP_THIRDPARTY_DATA_ON';\n\n// Modal types\nexport const SET_CONTACT_MODAL_ON: string = 'SET_CONTACT_MODAL_ON';\nexport const SET_DATA_MODAL_ON: string = 'SET_DATA_MODAL_ON';\nexport const SET_MAPPAIR_QUOTE_MODAL_ON: string = 'SET_MAPPAIR_QUOTE_MODAL_ON';\nexport const SET_MAPPAIR_TIMESERIES_MODAL_ON: string =\n 'SET_MAPPAIR_TIMESERIES_MODAL_ON';\nexport const SET_MODALS_OFF: string = 'SET_MODALS_OFF';\nexport const SET_ZEPHYR_QUOTE_MODAL_ON: string = 'SET_ZEPHYR_QUOTE_MODAL_ON';\nexport const SET_ANNUAL_AVERAGES: string = 'SET_ANNUAL_AVERAGES';\n\n// set Language\nexport const SET_LOCALE: string = 'SET_LOCALE';\n\n// Modular features types\nexport const SET_MODULAR_FEATURES: string = 'SET_MODULAR_FEATURES';\n\n// Data Analytics Types\nexport const SET_UNIT_HISTORIES: string = 'SET_UNIT_HISTORIES';\nexport const SET_UNIT_HISTORIES_LOADING: string = 'SET_UNIT_HISTORIES_LOADING';\nexport const SET_THRESHOLD_LIMITS: string = 'SET_THRESHOLD_LIMITS';\nexport const SET_ZEPHYR_COVERAGES_LIST: string = 'SET_ZEPHYR_COVERAGES_LIST';\nexport const SET_IS_DATA_AVAILABILITY_CHART_LOADING: string = 'SET_IS_DATA_AVAILABILITY_CHART_LOADING';\nexport const SET_DSE_CHECKBOX_STATE: string = 'SET_DSE_CHECKBOX_STATE';\nexport const INCREASE_ARRIVED_REQUESTS: string = 'INCREASE_ARRIVED_REQUESTS';\nexport const SET_ARRIVED_REQUESTS_TO_INIT_STATE: string = 'SET_ARRIVED_REQUESTS_TO_INIT_STATE';\nexport const SET_NULLABLE_UNITS: string = 'SET_NULLABLE_UNITS';\nexport const SET_PROCEED_WITH_ANALYSIS: string = 'SET_PROCEED_WITH_ANALYSIS';\nexport const SET_IS_VIEW_LOADED: string = 'SET_IS_VIEW_LOADED';\nexport const SET_IS_CARTRIDGE_DATA_LOADING: string = 'SET_IS_CARTRIDGE_DATA_LOADING';\nexport const SET_THRESHOLDS: string = 'SET_THRESHOLDS';\nexport const SET_IS_WIDGETS_LIBRARY_VISIBLE: string = 'SET_IS_WIDGETS_LIBRARY_VISIBLE';","// Type Imports\nimport { SlotOptions, ZephyrHistory } from '../interface';\n\n/* Function\nDESC: slotFinder returns an array of available slots that have available data for a given unit, slot, \n and time period\nARGS: unitData(derived from API)\n*/\nconst slotFinder = (unitData: ZephyrHistory) => {\n const slots: SlotOptions[] = ['slotA', 'slotB', 'head'];\n\n if (!unitData) return slots;\n\n for (const [avg, avgInfo] of Object.entries(unitData)) {\n if (avgInfo) {\n const availableSlots = slots.filter((slot) => avgInfo[slot]);\n return availableSlots;\n }\n }\n\n return slots;\n};\n\nexport { slotFinder };\n","/*\n CanvasJS HTML5 & JavaScript Charts - v3.2 GA - https://canvasjs.com/ \n Copyright 2020 fenopix\n\n --------------------- License Information --------------------\n CanvasJS is a commercial product which requires purchase of license. Without a commercial license you can use it for evaluation purposes for upto 30 days. Please refer to the following link for further details.\n https://canvasjs.com/license/\n\n*/\n/*eslint-disable*/\n/*jshint ignore:start*/\n(function(){function ma(k,m){k.prototype=bb(m.prototype);k.prototype.constructor=k;k.base=m.prototype}function bb(k){function m(){}m.prototype=k;return new m}function Va(k,m,v){\"millisecond\"===v?k.setMilliseconds(k.getMilliseconds()+1*m):\"second\"===v?k.setSeconds(k.getSeconds()+1*m):\"minute\"===v?k.setMinutes(k.getMinutes()+1*m):\"hour\"===v?k.setHours(k.getHours()+1*m):\"day\"===v?k.setDate(k.getDate()+1*m):\"week\"===v?k.setDate(k.getDate()+7*m):\"month\"===v?k.setMonth(k.getMonth()+1*m):\"year\"===v&&k.setFullYear(k.getFullYear()+\n1*m);return k}function W(k,m){var v=!1;0>k&&(v=!0,k*=-1);k=\"\"+k;for(m=m?m:1;k.length>16).toString(16),v=((k&65280)>>8).toString(16);k=((k&255)>>0).toString(16);m=2>m.length?\"0\"+m:m;v=2>v.length?\"0\"+v:v;k=2>k.length?\"0\"+k:k;return\"#\"+m+v+k}function cb(k,m){var v=this.length>>>0,t=Number(m)||0,t=0>t?Math.ceil(t):\nMath.floor(t);for(0>t&&(t+=v);t=(new Date).getTime()-k._dropDownCloseTime.getTime()||(k._dropdownMenu.style.display=\"block\",\nk._menuButton.blur(),k._dropdownMenu.focus())},k.allDOMEventHandlers,!0);K(k._menuButton,\"mouseover\",function(){m||(na(k._menuButton,{backgroundColor:k.toolbar.backgroundColorOnHover,color:k.toolbar.fontColorOnHover}),0>=navigator.userAgent.search(\"MSIE\")&&na(k._menuButton.childNodes[0],{WebkitFilter:\"invert(100%)\",filter:\"invert(100%)\"}))},k.allDOMEventHandlers,!0);K(k._menuButton,\"mouseout\",function(){m||(na(k._menuButton,{backgroundColor:k.toolbar.backgroundColor,color:k.toolbar.fontColor}),0>=\nnavigator.userAgent.search(\"MSIE\")&&na(k._menuButton.childNodes[0],{WebkitFilter:\"invert(0%)\",filter:\"invert(0%)\"}))},k.allDOMEventHandlers,!0)}if(!k._dropdownMenu&&k.exportEnabled&&s){m=!1;k._dropdownMenu=document.createElement(\"div\");k._dropdownMenu.setAttribute(\"tabindex\",-1);var v=-1!==k.theme.indexOf(\"dark\")?\"black\":\"#888888\";k._dropdownMenu.style.cssText=\"position: absolute; z-index: 1; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer;right: 0px;top: 25px;min-width: 120px;outline: 0;font-size: 14px; font-family: Arial, Helvetica, sans-serif;padding: 5px 0px 5px 0px;text-align: left;line-height: 10px;background-color:\"+\nk.toolbar.backgroundColor+\";box-shadow: 2px 2px 10px \"+v;k._dropdownMenu.style.display=\"none\";k._toolBar.appendChild(k._dropdownMenu);K(k._dropdownMenu,\"blur\",function(){sa(k._dropdownMenu);k._dropDownCloseTime=new Date},k.allDOMEventHandlers,!0);v=document.createElement(\"div\");v.style.cssText=\"padding: 12px 8px 12px 8px\";v.innerHTML=k._cultureInfo.printText;v.style.backgroundColor=k.toolbar.backgroundColor;v.style.color=k.toolbar.fontColor;k._dropdownMenu.appendChild(v);K(v,\"touchstart\",function(k){m=\n!0},k.allDOMEventHandlers);K(v,\"mouseover\",function(){m||(this.style.backgroundColor=k.toolbar.backgroundColorOnHover,this.style.color=k.toolbar.fontColorOnHover)},k.allDOMEventHandlers,!0);K(v,\"mouseout\",function(){m||(this.style.backgroundColor=k.toolbar.backgroundColor,this.style.color=k.toolbar.fontColor)},k.allDOMEventHandlers,!0);K(v,\"click\",function(){k.print();sa(k._dropdownMenu)},k.allDOMEventHandlers,!0);v=document.createElement(\"div\");v.style.cssText=\"padding: 12px 8px 12px 8px\";v.innerHTML=\nk._cultureInfo.saveJPGText;v.style.backgroundColor=k.toolbar.backgroundColor;v.style.color=k.toolbar.fontColor;k._dropdownMenu.appendChild(v);K(v,\"touchstart\",function(k){m=!0},k.allDOMEventHandlers);K(v,\"mouseover\",function(){m||(this.style.backgroundColor=k.toolbar.backgroundColorOnHover,this.style.color=k.toolbar.fontColorOnHover)},k.allDOMEventHandlers,!0);K(v,\"mouseout\",function(){m||(this.style.backgroundColor=k.toolbar.backgroundColor,this.style.color=k.toolbar.fontColor)},k.allDOMEventHandlers,\n!0);K(v,\"click\",function(){k.exportChart({format:\"jpeg\",fileName:k.exportFileName});sa(k._dropdownMenu)},k.allDOMEventHandlers,!0);v=document.createElement(\"div\");v.style.cssText=\"padding: 12px 8px 12px 8px\";v.innerHTML=k._cultureInfo.savePNGText;v.style.backgroundColor=k.toolbar.backgroundColor;v.style.color=k.toolbar.fontColor;k._dropdownMenu.appendChild(v);K(v,\"touchstart\",function(k){m=!0},k.allDOMEventHandlers);K(v,\"mouseover\",function(){m||(this.style.backgroundColor=k.toolbar.backgroundColorOnHover,\nthis.style.color=k.toolbar.fontColorOnHover)},k.allDOMEventHandlers,!0);K(v,\"mouseout\",function(){m||(this.style.backgroundColor=k.toolbar.backgroundColor,this.style.color=k.toolbar.fontColor)},k.allDOMEventHandlers,!0);K(v,\"click\",function(){k.exportChart({format:\"png\",fileName:k.exportFileName});sa(k._dropdownMenu)},k.allDOMEventHandlers,!0)}}function Ya(k,m,v){k*=X;m*=X;k=v.getImageData(k,m,2,2).data;m=!0;for(v=0;4>v;v++)if(k[v]!==k[v+4]|k[v]!==k[v+8]|k[v]!==k[v+12]){m=!1;break}return m?k[0]<<\n16|k[1]<<8|k[2]:0}function ha(k,m,v){return k in m?m[k]:v[k]}function La(k,m,v){if(s&&Za){var t=k.getContext(\"2d\");Ma=t.webkitBackingStorePixelRatio||t.mozBackingStorePixelRatio||t.msBackingStorePixelRatio||t.oBackingStorePixelRatio||t.backingStorePixelRatio||1;X=Qa/Ma;k.width=m*X;k.height=v*X;Qa!==Ma&&(k.style.width=m+\"px\",k.style.height=v+\"px\",t.scale(X,X))}else k.width=m,k.height=v}function gb(k){if(!hb){var m=!1,v=!1;\"undefined\"===typeof va.Chart.creditHref?(k.creditHref=ga(\"iuuqr;..b`ow`rkr/bnl.\"),\nk.creditText=ga(\"B`ow`rKR/bnl\")):(m=k.updateOption(\"creditText\"),v=k.updateOption(\"creditHref\"));if(k.creditHref&&k.creditText){k._creditLink||(k._creditLink=document.createElement(\"a\"),k._creditLink.setAttribute(\"class\",\"canvasjs-chart-credit\"),k._creditLink.setAttribute(\"title\",\"JavaScript Charts\"),k._creditLink.setAttribute(\"style\",\"outline:none;margin:0px;position:absolute;right:2px;top:\"+(k.height-14)+\"px;color:dimgrey;text-decoration:none;font-size:11px;font-family: Calibri, Lucida Grande, Lucida Sans Unicode, Arial, sans-serif\"),\nk._creditLink.setAttribute(\"tabIndex\",-1),k._creditLink.setAttribute(\"target\",\"_blank\"));if(0===k.renderCount||m||v)k._creditLink.setAttribute(\"href\",k.creditHref),k._creditLink.innerHTML=k.creditText;k._creditLink&&k.creditHref&&k.creditText?(k._creditLink.parentElement||k._canvasJSContainer.appendChild(k._creditLink),k._creditLink.style.top=k.height-14+\"px\"):k._creditLink.parentElement&&k._canvasJSContainer.removeChild(k._creditLink)}}}function ra(k,m){Ga&&(this.canvasCount|=0,window.console.log(++this.canvasCount));\nvar v=document.createElement(\"canvas\");v.setAttribute(\"class\",\"canvasjs-chart-canvas\");La(v,k,m);s||\"undefined\"===typeof G_vmlCanvasManager||G_vmlCanvasManager.initElement(v);return v}function na(k,m){for(var v in m)k.style[v]=m[v]}function ta(k,m,v){m.getAttribute(\"state\")||(m.style.backgroundColor=k.toolbar.backgroundColor,m.style.color=k.toolbar.fontColor,m.style.border=\"none\",na(m,{WebkitUserSelect:\"none\",MozUserSelect:\"none\",msUserSelect:\"none\",userSelect:\"none\"}));m.getAttribute(\"state\")!==\nv&&(m.setAttribute(\"state\",v),m.setAttribute(\"type\",\"button\"),na(m,{padding:\"5px 12px\",cursor:\"pointer\",\"float\":\"left\",width:\"40px\",height:\"25px\",outline:\"0px\",verticalAlign:\"baseline\",lineHeight:\"0\"}),m.setAttribute(\"title\",k._cultureInfo[v+\"Text\"]),m.innerHTML=\"d?\"a\":\"p\";case \"tt\":return 12>d?\"am\":\"pm\";case \"T\":return 12>d?\"A\":\"P\";case \"TT\":return 12>d?\"AM\":\"PM\";case \"K\":return H?\"UTC\":(String(F).match(x)||[\"\"]).pop().replace(D,\"\");case \"z\":return(0k?!0:!1;t&&(k*=-1);var s=v?v.decimalSeparator:\".\",x=v?v.digitGroupSeparator:\",\",D=\"\";m=String(m);var D=1,F=v=\"\",N=-1,O=[],L=[],R=0,K=0,U=0,H=!1,Q=0,F=m.match(/\"[^\"]*\"|'[^']*'|[eE][+-]*[0]+|[,]+[.]|\\u2030|./g);m=null;for(var J=0;F&&JN)N=J;else{if(\"%\"===m)D*=100;else if(\"\\u2030\"===m){D*=1E3;continue}else if(\",\"===m[0]&&\".\"===m[m.length-1]){D/=Math.pow(1E3,m.length-1);N=J+m.length-1;continue}else\"E\"!==m[0]&&\"e\"!==m[0]||\"0\"!==m[m.length-1]||(H=!0);\n0>N?(O.push(m),\"#\"===m||\"0\"===m?R++:\",\"===m&&U++):(L.push(m),\"#\"!==m&&\"0\"!==m||K++)}H&&(m=Math.floor(k),F=-Math.floor(Math.log(k)/Math.LN10+1),Q=0===k?0:0===m?-(R+F):String(m).length-R,D/=Math.pow(10,Q));0>N&&(N=J);D=(k*D).toFixed(K);m=D.split(\".\");D=(m[0]+\"\").split(\"\");k=(m[1]+\"\").split(\"\");D&&\"0\"===D[0]&&D.shift();for(H=F=J=K=N=0;0Q?m.replace(\"+\",\"\").replace(\"-\",\"\"):m.replace(\"-\",\"\"),v+=m.replace(/[0]+/,function(a){return W(Q,a.length)}));x=\"\";for(O=!1;0Q?m.replace(\"+\",\"\").replace(\"-\",\"\"):m.replace(\"-\",\"\"),x+=m.replace(/[0]+/,function(a){return W(Q,a.length)}));v+=(O?s:\"\")+x;return t?\"-\"+v:v},Na=function(k){var m=0,v=0;k=k||window.event;k.offsetX||0===k.offsetX?\n(m=k.offsetX,v=k.offsetY):k.layerX||0==k.layerX?(m=k.layerX,v=k.layerY):(m=k.pageX-k.target.offsetLeft,v=k.pageY-k.target.offsetTop);return{x:m,y:v}},Za=!0,Qa=window.devicePixelRatio||1,Ma=1,X=Za?Qa/Ma:1,Z=function(k,m,v,t,s,x,D,F,N,O,R,L,K){\"undefined\"===typeof K&&(K=1);D=D||0;F=F||\"black\";var H=15m)x=F-1;else break}t>m&&1F&&(D=m.pop(),s-=D.height,x=H)}this._wrappedText={lines:m,width:x,height:s};this.width=x+(this.leftPadding+this.rightPadding);this.height=s+(this.topPadding+this.bottomPadding);this.ctx.font=t};ia.prototype._getFontString=function(){var k;k=\"\"+(this.fontStyle?this.fontStyle+\" \":\n\"\");k+=this.fontWeight?this.fontWeight+\" \":\"\";k+=this.fontSize?this.fontSize+\"px \":\"\";var m=this.fontFamily?this.fontFamily+\"\":\"\";!s&&m&&(m=m.split(\",\")[0],\"'\"!==m[0]&&'\"'!==m[0]&&(m=\"'\"+m+\"'\"));return k+=m};ma(Sa,H);ma(wa,H);wa.prototype.setLayout=function(){if(this.text){var k=this.dockInsidePlotArea?this.chart.plotArea:this.chart,m=k.layoutManager.getFreeSpace(),s=m.x1,x=m.y1,F=0,H=0,D=this.chart._menuButton&&this.chart.exportEnabled&&\"top\"===this.verticalAlign?22:0,N,K;\"top\"===this.verticalAlign||\n\"bottom\"===this.verticalAlign?(null===this.maxWidth&&(this.maxWidth=m.width-4-D*(\"center\"===this.horizontalAlign?2:1)),H=0.5*m.height-this.margin-2,F=0):\"center\"===this.verticalAlign&&(\"left\"===this.horizontalAlign||\"right\"===this.horizontalAlign?(null===this.maxWidth&&(this.maxWidth=m.height-4),H=0.5*m.width-this.margin-2):\"center\"===this.horizontalAlign&&(null===this.maxWidth&&(this.maxWidth=m.width-4),H=0.5*m.height-4));var O;t(this.padding)||\"number\"!==typeof this.padding?t(this.padding)||\"object\"!==\ntypeof this.padding||(O=this.padding.top?this.padding.top:this.padding.bottom?this.padding.bottom:0,O+=this.padding.bottom?this.padding.bottom:this.padding.top?this.padding.top:0):O=2*this.padding;this.wrap||(H=Math.min(H,1.5*this.fontSize+O));H=new ia(this.ctx,{fontSize:this.fontSize,fontFamily:this.fontFamily,fontColor:this.fontColor,fontStyle:this.fontStyle,fontWeight:this.fontWeight,horizontalAlign:this.horizontalAlign,verticalAlign:this.verticalAlign,borderColor:this.borderColor,borderThickness:this.borderThickness,\nbackgroundColor:this.backgroundColor,maxWidth:this.maxWidth,maxHeight:H,cornerRadius:this.cornerRadius,text:this.text,padding:this.padding,textBaseline:\"top\"});O=H.measureText();\"top\"===this.verticalAlign||\"bottom\"===this.verticalAlign?(\"top\"===this.verticalAlign?(x=m.y1+2,K=\"top\"):\"bottom\"===this.verticalAlign&&(x=m.y2-2-O.height,K=\"bottom\"),\"left\"===this.horizontalAlign?s=m.x1+2:\"center\"===this.horizontalAlign?s=m.x1+m.width/2-O.width/2:\"right\"===this.horizontalAlign&&(s=m.x2-2-O.width-D),N=this.horizontalAlign,\nthis.width=O.width,this.height=O.height):\"center\"===this.verticalAlign&&(\"left\"===this.horizontalAlign?(s=m.x1+2,x=m.y2-2-(this.maxWidth/2-O.width/2),F=-90,K=\"left\",this.width=O.height,this.height=O.width):\"right\"===this.horizontalAlign?(s=m.x2-2,x=m.y1+2+(this.maxWidth/2-O.width/2),F=90,K=\"right\",this.width=O.height,this.height=O.width):\"center\"===this.horizontalAlign&&(x=k.y1+(k.height/2-O.height/2),s=k.x1+(k.width/2-O.width/2),K=\"center\",this.width=O.width,this.height=O.height),N=\"center\");H.x=\ns;H.y=x;H.angle=F;H.horizontalAlign=N;this._textBlock=H;k.layoutManager.registerSpace(K,{width:this.width+(\"left\"===K||\"right\"===K?this.margin+2:0),height:this.height+(\"top\"===K||\"bottom\"===K?this.margin+2:0)});this.bounds={x1:s,y1:x,x2:s+this.width,y2:x+this.height};this.ctx.textBaseline=\"top\"}};wa.prototype.render=function(){this._textBlock&&this._textBlock.render(!0)};ma(Ha,H);Ha.prototype.setLayout=wa.prototype.setLayout;Ha.prototype.render=wa.prototype.render;Ta.prototype.get=function(k,m){var s=\nnull;0a[f].x&&0A?{x:a[l].x+A/3,y:a[l].y+b/3}:{x:a[l].x,y:a[l].y+b/9};l=e;f=0===l?0:l-1;p=l===a.length-1?l:l+1;b=Math.abs((a[p].x-a[f].x)/(0===a[l].x-a[f].x?0.01:a[l].x-a[f].x))*(d-1)/2+1;A=(a[p].x-a[f].x)/b;b=(a[p].y-a[f].y)/b;c[c.length]=a[l].x>a[f].x&&0A?{x:a[l].x-A/3,y:a[l].y-b/3}:{x:a[l].x,y:a[l].y-b/9};c[c.length]=a[e]}return c}function x(a,d,c,b,e,f,p,l,A,h){var n=0;h?(p.color=f,l.color=f):\nh=1;n=A?Math.abs(e-c):Math.abs(b-d);n=0this.labelAngle?this.labelAngle-=180:270<=this.labelAngle&&360>=this.labelAngle&&(this.labelAngle-=360);this.options.scaleBreaks&&(this.scaleBreaks=new Q(this.chart,this.options.scaleBreaks,++this.chart._eventManager.lastObjectId,\nthis));this.stripLines=[];if(this.options.stripLines&&0=this._appliedBreaks[a+1].startValue&&(this._appliedBreaks[a].endValue=Math.max(this._appliedBreaks[a].endValue,this._appliedBreaks[a+1].endValue),window.console&&window.console.log(\"CanvasJS Error: Breaks \"+a+\" and \"+(a+1)+\" are overlapping.\"),this._appliedBreaks.splice(a,2),a--)}}function ba(a,d,c,b,e,f){ba.base.constructor.call(this,\"Break\",d,c,b,f);this.id=e;this.chart=a;this.ctx=this.chart.ctx;this.scaleBreaks=f;this.optionsName=\nd;this.isOptionsInArray=!0;this.type=c.type?this.type:f.type;this.fillOpacity=t(c.fillOpacity)?f.fillOpacity:this.fillOpacity;this.lineThickness=t(c.lineThickness)?f.lineThickness:this.lineThickness;this.color=c.color?this.color:f.color;this.lineColor=c.lineColor?this.lineColor:f.lineColor;this.lineDashType=c.lineDashType?this.lineDashType:f.lineDashType;!t(this.startValue)&&this.startValue.getTime&&(this.startValue=this.startValue.getTime());!t(this.endValue)&&this.endValue.getTime&&(this.endValue=\nthis.endValue.getTime());\"number\"===typeof this.startValue&&(\"number\"===typeof this.endValue&&this.endValue=navigator.userAgent.search(\"MSIE\")&&na(a._zoomButton.childNodes[0],{WebkitFilter:\"invert(100%)\",filter:\"invert(100%)\"}))},this.allDOMEventHandlers);K(this._zoomButton,\"mouseout\",function(){d||(na(a._zoomButton,{backgroundColor:a.toolbar.backgroundColor,color:a.toolbar.fontColor,transition:\"0.4s\",WebkitTransition:\"0.4s\"}),0>=navigator.userAgent.search(\"MSIE\")&&na(a._zoomButton.childNodes[0],{WebkitFilter:\"invert(0%)\",filter:\"invert(0%)\"}))},\nthis.allDOMEventHandlers)}this._resetButton||(d=!1,sa(this._resetButton=document.createElement(\"button\")),ta(this,this._resetButton,\"reset\"),this._resetButton.style.borderRight=(this.exportEnabled?this.toolbar.borderThickness:0)+\"px solid \"+this.toolbar.borderColor,this._toolBar.appendChild(this._resetButton),K(this._resetButton,\"touchstart\",function(a){d=!0},this.allDOMEventHandlers),K(this._resetButton,\"click\",function(){a.toolTip.hide();a.toolTip.dispatchEvent(\"hidden\",{chart:a,toolTip:a.toolTip},\na.toolTip);a.zoomEnabled||a.panEnabled?(a.zoomEnabled=!0,a.panEnabled=!1,ta(a,a._zoomButton,\"pan\"),a._defaultCursor=\"default\",a.overlaidCanvas.style.cursor=a._defaultCursor):(a.zoomEnabled=!1,a.panEnabled=!1);if(a.sessionVariables.axisX)for(var b=0;b=navigator.userAgent.search(\"MSIE\")&&na(a._resetButton.childNodes[0],{WebkitFilter:\"invert(100%)\",filter:\"invert(100%)\"}))},this.allDOMEventHandlers),K(this._resetButton,\"mouseout\",function(){d||(na(a._resetButton,{backgroundColor:a.toolbar.backgroundColor,\ncolor:a.toolbar.fontColor,transition:\"0.4s\",WebkitTransition:\"0.4s\"}),0>=navigator.userAgent.search(\"MSIE\")&&na(a._resetButton.childNodes[0],{WebkitFilter:\"invert(0%)\",filter:\"invert(0%)\"}))},this.allDOMEventHandlers),this.overlaidCanvas.style.cursor=a._defaultCursor);this.zoomEnabled||this.panEnabled||(this._zoomButton?(a._zoomButton.getAttribute(\"state\")===a._cultureInfo.zoomText?(this.panEnabled=!0,this.zoomEnabled=!1):(this.zoomEnabled=!0,this.panEnabled=!1),Ka(a._zoomButton,a._resetButton)):\n(this.zoomEnabled=!0,this.panEnabled=!1))}else this.panEnabled=this.zoomEnabled=!1;fb(this);\"none\"!==this._toolBar.style.display&&this._zoomButton&&(this.panEnabled?ta(a,a._zoomButton,\"zoom\"):ta(a,a._zoomButton,\"pan\"),a._resetButton.getAttribute(\"state\")!==a._cultureInfo.resetText&&ta(a,a._resetButton,\"reset\"));this.options.toolTip&&this.toolTip.options!==this.options.toolTip&&(this.toolTip.options=this.options.toolTip);for(var c in this.toolTip.options)this.toolTip.options.hasOwnProperty(c)&&this.toolTip.updateOption(c)};\nm.prototype._updateSize=function(){var a;a=[this.canvas,this.overlaidCanvas,this._eventManager.ghostCanvas];var d=0,c=0;this.options.width?d=this.width:this.width=d=0b.linkedDataSeriesIndex||b.linkedDataSeriesIndex>=this.options.data.length||\"number\"!==typeof b.linkedDataSeriesIndex||\"error\"===this.options.data[b.linkedDataSeriesIndex].type)&&\n(b.linkedDataSeriesIndex=null);null===b.name&&(b.name=\"DataSeries \"+a);null===b.color?1a&&\"undefined\"!==typeof A.startTimePercent?a>=A.startTimePercent&&A.animationCallback(A.easingFunction(a-A.startTimePercent,0,1,1-A.startTimePercent),A):A.animationCallback(A.easingFunction(a,0,1,1),A);\nn.dispatchEvent(\"dataAnimationIterationEnd\",{chart:n})},function(){c=[];for(var a=0;aa.dataSeriesIndexes.length))for(var d=a.axisY.dataInfo,c=a.axisX.dataInfo,b,e,f=!1,p=0;pc.max&&(c.max=b);ed.max&&\"number\"===typeof e&&(d.max=e);if(0y&&(y=1/y);c.minDiff>y&&1!==y&&(c.minDiff=y)}else y=b-l.dataPoints[A-1].x,0>y&&(y*=-1),c.minDiff>y&&0!==y&&(c.minDiff=y);null!==e&&null!==l.dataPoints[A-1].y&&(a.axisY.logarithmic?(y=e/l.dataPoints[A-1].y,1>y&&(y=1/y),d.minDiff>y&&1!==y&&(d.minDiff=y)):(y=e-l.dataPoints[A-1].y,0>y&&(y*=-1),d.minDiff>y&&0!==y&&(d.minDiff=y)))}if(bg&&!n)n=!0;else if(b>g&&n)continue;l.dataPoints[A].label&&(a.axisX.labels[b]=l.dataPoints[A].label);\nbc.viewPortMax&&(c.viewPortMax=b);null===e?c.viewPortMin===b&&rd.viewPortMax&&\"number\"===typeof e&&(d.viewPortMax=e))}}l.axisX.valueType=l.xValueType=f?\"dateTime\":\"number\"}};m.prototype._processStackedPlotUnit=function(a){if(a.dataSeriesIndexes&&!(1>a.dataSeriesIndexes.length)){for(var d=a.axisY.dataInfo,c=a.axisX.dataInfo,b,e,f=!1,p=[],l=[],A=Infinity,h=-Infinity,n=0;nc.max&&(c.max=b);if(0w&&(w=1/w);c.minDiff>w&&1!==w&&(c.minDiff=w)}else w=b-r.dataPoints[q-1].x,0>w&&(w*=-1),c.minDiff>w&&0!==w&&(c.minDiff=w);null!==e&&null!==r.dataPoints[q-1].y&&(a.axisY.logarithmic?0w&&(w=1/w),d.minDiff>w&&1!==w&&(d.minDiff=w)):(w=e-r.dataPoints[q-1].y,0>w&&(w*=-1),d.minDiff>w&&0!==w&&(d.minDiff=w)))}if(bu&&!y)y=!0;else if(b>u&&y)continue;r.dataPoints[q].label&&\n(a.axisX.labels[b]=r.dataPoints[q].label);bc.viewPortMax&&(c.viewPortMax=b);null===r.dataPoints[q].y?c.viewPortMin===b&&kd.max&&(d.max=a),qc.viewPortMax||(ad.viewPortMax&&(d.viewPortMax=a)));for(q in l)l.hasOwnProperty(q)&&!isNaN(q)&&(a=l[q],ad.max&&(d.max=Math.max(a,h)),qc.viewPortMax||(ad.viewPortMax&&(d.viewPortMax=Math.max(a,h))))}};m.prototype._processStacked100PlotUnit=function(a){if(a.dataSeriesIndexes&&!(1>a.dataSeriesIndexes.length)){for(var d=a.axisY.dataInfo,c=a.axisX.dataInfo,b,e,f=!1,p=!1,l=!1,A=[],h=0;hc.max&&(c.max=b);if(0u&&(u=1/u);c.minDiff>u&&1!==u&&(c.minDiff=u)}else u=b-n.dataPoints[r-1].x,0>u&&(u*=-1),c.minDiff>u&&0!==u&&(c.minDiff=u);t(e)||null===n.dataPoints[r-\n1].y||(a.axisY.logarithmic?0u&&(u=1/u),d.minDiff>u&&1!==u&&(d.minDiff=u)):(u=e-n.dataPoints[r-1].y,0>u&&(u*=-1),d.minDiff>u&&0!==u&&(d.minDiff=u)))}if(bfa&&!g)g=!0;else if(b>fa&&g)continue;n.dataPoints[r].label&&(a.axisX.labels[b]=n.dataPoints[r].label);bc.viewPortMax&&(c.viewPortMax=b);null===e?c.viewPortMin===b&&ye&&(l=!0),A[b]=A[b]?A[b]+Math.abs(e):Math.abs(e))}}n.axisX.valueType=n.xValueType=f?\"dateTime\":\"number\"}a.axisY.logarithmic?(d.max=t(d.viewPortMax)?99*Math.pow(a.axisY.logarithmBase,-0.05):Math.max(d.viewPortMax,99*Math.pow(a.axisY.logarithmBase,-0.05)),d.min=t(d.viewPortMin)?1:Math.min(d.viewPortMin,1)):p&&!l?(d.max=t(d.viewPortMax)?99:Math.max(d.viewPortMax,99),d.min=t(d.viewPortMin)?1:Math.min(d.viewPortMin,1)):p&&l?(d.max=t(d.viewPortMax)?99:Math.max(d.viewPortMax,99),d.min=t(d.viewPortMin)?\n-99:Math.min(d.viewPortMin,-99)):!p&&l&&(d.max=t(d.viewPortMax)?-1:Math.max(d.viewPortMax,-1),d.min=t(d.viewPortMin)?-99:Math.min(d.viewPortMin,-99));d.viewPortMin=d.min;d.viewPortMax=d.max;a.dataPointYSums=A}};m.prototype._processMultiYPlotUnit=function(a){if(a.dataSeriesIndexes&&!(1>a.dataSeriesIndexes.length))for(var d=a.axisY.dataInfo,c=a.axisX.dataInfo,b,e,f,p,l=!1,A=0;Ac.max&&(c.max=b);fd.max&&(d.max=p);0y&&(y=1/y),c.minDiff>y&&1!==y&&(c.minDiff=y)):(y=b-h.dataPoints[n-1].x,0>y&&(y*=-1),c.minDiff>y&&0!==y&&(c.minDiff=y)),e&&(null!==e[0]&&h.dataPoints[n-1].y&&null!==h.dataPoints[n-1].y[0])&&(a.axisY.logarithmic?(y=e[0]/h.dataPoints[n-1].y[0],1>y&&(y=1/y),d.minDiff>y&&1!==y&&(d.minDiff=y)):(y=e[0]-h.dataPoints[n-1].y[0],0>y&&(y*=-1),d.minDiff>y&&0!==\ny&&(d.minDiff=y))));if(!(bu&&!q)q=!0;else if(b>u&&q)continue;h.dataPoints[n].label&&(a.axisX.labels[b]=h.dataPoints[n].label);bc.viewPortMax&&(c.viewPortMax=b);if(c.viewPortMin===b&&e)for(w=0;wd.viewPortMax&&(d.viewPortMax=p))}}h.axisX.valueType=h.xValueType=l?\"dateTime\":\n\"number\"}};m.prototype._processSpecificPlotUnit=function(a){if(\"waterfall\"===a.type&&a.dataSeriesIndexes&&!(1>a.dataSeriesIndexes.length))for(var d=a.axisY.dataInfo,c=a.axisX.dataInfo,b,e,f=!1,p=0;pc.max&&(c.max=b),l.dataPointEOs[A].cumulativeSumd.max&&(d.max=l.dataPointEOs[A].cumulativeSum),0r&&(r=1/r),c.minDiff>r&&1!==r&&(c.minDiff=r)):(r=b-l.dataPoints[A-1].x,0>r&&(r*=-1),c.minDiff>r&&0!==r&&(c.minDiff=r)),null!==e&&null!==l.dataPoints[A-1].y&&(a.axisY.logarithmic?(e=l.dataPointEOs[A].cumulativeSum/l.dataPointEOs[A-1].cumulativeSum,1>e&&\n(e=1/e),d.minDiff>e&&1!==e&&(d.minDiff=e)):(e=l.dataPointEOs[A].cumulativeSum-l.dataPointEOs[A-1].cumulativeSum,0>e&&(e*=-1),d.minDiff>e&&0!==e&&(d.minDiff=e)))),!(bg&&!n)n=!0;else if(b>g&&n)continue;l.dataPoints[A].label&&(a.axisX.labels[b]=l.dataPoints[A].label);bc.viewPortMax&&(c.viewPortMax=b);0d.viewPortMax&&(d.viewPortMax=l.dataPointEOs[A-1].cumulativeSum));l.dataPointEOs[A].cumulativeSumd.viewPortMax&&(d.viewPortMax=l.dataPointEOs[A].cumulativeSum)}l.axisX.valueType=l.xValueType=f?\"dateTime\":\"number\"}};m.prototype.calculateAutoBreaks=function(){function a(a,b,c,e){if(e)return c=Math.pow(Math.min(c*a/b,b/a),0.2),1>=c&&(c=Math.pow(1>a?1/a:Math.min(b/a,a),0.25)),{startValue:a*\nc,endValue:b/c};c=0.2*Math.min(c-b+a,b-a);0>=c&&(c=0.25*Math.min(b-a,Math.abs(a)));return{startValue:a+c,endValue:b-c}}function d(a){if(a.dataSeriesIndexes&&!(1>a.dataSeriesIndexes.length)){var b=a.axisX.scaleBreaks&&a.axisX.scaleBreaks.autoCalculate&&1<=a.axisX.scaleBreaks.maxNumberOfAutoBreaks,c=a.axisY.scaleBreaks&&a.axisY.scaleBreaks.autoCalculate&&1<=a.axisY.scaleBreaks.maxNumberOfAutoBreaks;if(b||c)for(var d=a.axisY.dataInfo,f=a.axisX.dataInfo,g,h=f.min,p=f.max,l=d.min,n=d.max,f=f._dataRanges,\nd=d._dataRanges,q,r=0,A=0;Ak.dataPoints.length))for(r=0;rf[q].max&&(f[q].max=g)),c){var m=(n+1-l)*Math.max(parseFloat(a.axisY.scaleBreaks.collapsibleThreshold)||10,10)/100;if((g=\"waterfall\"===\na.type?k.dataPointEOs[r].cumulativeSum:k.dataPoints[r].y)&&g.length)for(var s=0;sd[q].max&&(d[q].max=g[s]);else t(g)||(q=Math.floor((g-l)/m),gd[q].max&&(d[q].max=g))}}}}function c(a){if(a.dataSeriesIndexes&&!(1>a.dataSeriesIndexes.length)&&a.axisX.scaleBreaks&&a.axisX.scaleBreaks.autoCalculate&&1<=a.axisX.scaleBreaks.maxNumberOfAutoBreaks)for(var b=a.axisX.dataInfo,c=b.min,d=b.max,f=b._dataRanges,\ng,h=0,p=0;pl.dataPoints.length))for(h=0;hf[g].max&&(f[g].max=b)}}for(var b,e=this,f=!1,p=0;pn[g].max&&(n[g].max=r)}delete this._axes[p].dataInfo.dataPointYPositiveSums}if(this._axes[p].dataInfo.dataPointYNegativeSums){q=this._axes[p].dataInfo.dataPointYNegativeSums;n=h;for(l in q)q.hasOwnProperty(l)&&!isNaN(l)&&(r=-1*q[l],t(r)||(g=Math.floor((r-A)/b),rn[g].max&&(n[g].max=r)));delete this._axes[p].dataInfo.dataPointYNegativeSums}for(l=0;lb&&f.push({diff:r,start:n,end:A});break}else l++;if(this._axes[p].scaleBreaks.customBreaks)for(l=0;l=e.x1&&(a<=e.x2&&d>=e.y1&&d<=e.y2)&&(b=e.id)}return b};m.prototype.getAutoFontSize=kb;m.prototype.resetOverlayedCanvas=function(){this.overlaidCanvasCtx.clearRect(0,0,this.width,this.height)};\nm.prototype.clearCanvas=jb;m.prototype.attachEvent=function(a){this._events.push(a)};m.prototype._touchEventHandler=function(a){if(a.changedTouches&&this.interactivityEnabled){var d=[],c=a.changedTouches,b=c?c[0]:a,e=null;switch(a.type){case \"touchstart\":case \"MSPointerDown\":d=[\"mousemove\",\"mousedown\"];this._lastTouchData=Na(b);this._lastTouchData.time=new Date;break;case \"touchmove\":case \"MSPointerMove\":d=[\"mousemove\"];break;case \"touchend\":case \"MSPointerUp\":var f=this._lastTouchData&&this._lastTouchData.time?\nnew Date-this._lastTouchData.time:0,d=\"touchstart\"===this._lastTouchEventType||\"MSPointerDown\"===this._lastTouchEventType||300>f?[\"mouseup\",\"click\"]:[\"mouseup\"];break;default:return}if(!(c&&1f)this._lastTouchData.scroll=!0}catch(l){}this._lastTouchEventType=a.type;if(this._lastTouchData.scroll&&this.zoomEnabled)this.isDrag&&this.resetOverlayedCanvas(),\nthis.isDrag=!1;else for(c=0;c=e.x1&&d.x<=e.x2&&d.y>=e.y1&&d.y<=e.y2){b[c].call(b.context,d.x,d.y);\"mousedown\"===c&&!0===b.capture?(m.capturedEventParam=b,this.overlaidCanvas.setCapture?this.overlaidCanvas.setCapture():document.documentElement.addEventListener(\"mouseup\",this._mouseEventHandler,!1)):\"mouseup\"===c&&(b.chart.overlaidCanvas.releaseCapture?\nb.chart.overlaidCanvas.releaseCapture():document.documentElement.removeEventListener(\"mouseup\",this._mouseEventHandler,!1));break}else b=null;a.target.style.cursor=b&&b.cursor?b.cursor:this._defaultCursor}c=this.plotArea;if(d.xc.x2||d.yc.y2)if(this.toolTip&&this.toolTip.enabled){this.toolTip.hide();this.toolTip.dispatchEvent(\"hidden\",{chart:this,toolTip:this.toolTip},this.toolTip);for(f=0;fc.maximum&&(f=c.viewportMaximum/c.maximum,c.sessionVariables.newViewportMinimum=c.viewportMinimum/f,c.sessionVariables.newViewportMaximum=c.viewportMaximum/f,p=!0):c.viewportMinimumc.maximum&&(f=c.viewportMaximum-c.maximum,c.sessionVariables.newViewportMinimum=c.viewportMinimum-f,c.sessionVariables.newViewportMaximum=\nc.viewportMaximum-f,p=!0);else if((!e||2Math.abs(c)&&(this.panEnabled||this.zoomEnabled)?(this.toolTip.hide(),this.toolTip.dispatchEvent(\"hidden\",{chart:this,toolTip:this.toolTip},this.toolTip)):\nthis.panEnabled||this.zoomEnabled||this.toolTip.mouseMoveHandler(a,d);if((!e||2g)var y=g,g=q,q=y;if(r.scaleBreaks)for(y=0;!f&&y=g;if(isFinite(r.dataInfo.minDiff))if(y=\nr.getApparentDifference(q,g,null,!0),!(f||!(this.panEnabled&&r.scaleBreaks&&r.scaleBreaks._appliedBreaks.length)&&(r.logarithmic&&y