\n \n
\n )\n}\nexport default PowerplantSelector\n","import React, { useContext, useEffect } from 'react'\nimport {\n Form,\n} from 'semantic-ui-react'\nimport { PriceContext } from 'store'\n\n// const updateEnergyPrice = async (id,property,value) => {\n// let data = { id, property, value }\n// const response = await fetch('https://mzo21kfc1h.execute-api.us-east-1.amazonaws.com/Prod/staging/edit',{\n// method: 'PUT',\n// body: JSON.stringify(data)\n// });\n// return response;\n// }\n\nconst PriceInput = ({currentPowerplant}) => {\n const { get: price, set: setPrice } = useContext(PriceContext)\n\n useEffect(()=> {\n setPrice(currentPowerplant?.energy_price || 50)\n },[currentPowerplant])\n\n const handleChangePrice = (e, { value }) => {\n if(!isNaN(value)){\n setPrice(+value)\n }\n }\n\n return (\n \n {\n if (!data.value) {\n return handleChangeDate(event, {\n value: fullInterval.start,\n })\n }\n return handleChangeDate(event, data)\n }}\n />\n
\n )\n}\n\nexport default DatePicker\n","import React, { useContext } from 'react'\nimport { CurrentCentralContext } from 'store'\nimport CustomStatistic from './CustomStatistic'\n\nconst SummaryDaily = () => {\n const {\n metaData: {\n notGenerated = 0,\n notGeneratedValorization = 0,\n } = {},\n } = useContext(CurrentCentralContext)\n return (\n \n
\n
\n )\n}\n\nexport default ServiceNotAvailable;","import React, {\n useEffect, useState, useContext,\n} from 'react'\nimport PropTypes from 'prop-types'\nimport {\n Grid, Segment, Divider, Table, Icon, Button, Confirm,\n} from 'semantic-ui-react'\nimport SemanticDatepicker from 'react-semantic-ui-datepickers'\nimport moment from 'moment'\nimport { CurrentCentralContext } from 'store'\n\nimport { postCleaning, deletePowerplantItem } from 'utils/API/powerplants'\nimport {\n NoSelected, Title, GroupDatesSelector,\n} from 'components'\nimport PowerChart from 'components/charts/powerChart'\nimport './power.css'\nimport ServiceNotAvailable from 'components/serviceNotAvailable'\n\n\nconst CleaningsTable = () => {\n const {\n data: { cleaning: cleanings = [] },\n get: { resetCleanings = async () => {}, id = '' } = {},\n } = useContext(CurrentCentralContext)\n const [start, setStart] = useState()\n const [end, setEnd] = useState()\n const [loading, setLoading] = useState(false)\n const [loadingButtons, setLoadingButtons] = useState('')\n const format = (dateString) => dateString.split('-').reverse().join('-')\n const [click, setClick] = useState(false)\n const createCleaning = async () => {\n setLoading(true)\n await postCleaning(id, start, end)\n await resetCleanings()\n }\n const handleChange = (e, d, index) => {\n const setter = index === 1 ? setStart : setEnd\n if (!d.value) {\n return setter(undefined)\n }\n return setter(moment.utc(d.value))\n }\n useEffect(() => {\n setLoading(false)\n setLoadingButtons('')\n }, [cleanings])\n const handleConfirm = async () => {\n setClick(false)\n if (loadingButtons === '') return\n const [pkey, skey] = loadingButtons.split('/')\n await deletePowerplantItem({ pkey, skey })\n resetCleanings()\n }\n return (\n \n
\n Herramienta no disponible
\n\n
\n 
\n
\n \n La herramienta de { service } no esta disponible para la central { central }. Para mas informacion acerca de la herramienta y sus características, puede escribirnos al correo comercial@suncast.cl.\n
\n
\n Si la herramienta { service } ya fue incluida en su plan, por favor escribanos al correo informatica@suncast.cl.\n
\n
\n Saludos cordiales, el equipo Suncast.\n
Contáctanos
*/}\n {/* \n \n */}\n\n {\n setLoadingButtons('')\n setClick(false)\n }}\n />\n \n \n Limpiezas\n {' '}\n
\n \n \n
\n
\n )\n}\n\n\nexport const Generation = ({ fancyName , apps }) => {\n const {\n get = {},\n get: { id: centralId = '' } = {},\n filteredData: centralData,\n } = useContext(CurrentCentralContext)\n const [filter, setFilter] = useState('week')\n if (!centralId) return (\n Limpiezas\n {' '}\n
\n \n
\n \n
\n \n \n \n \n \n \n \n \n \n
\n \n
\n )\n}\n\nDashboard.propTypes = {\n threshold: PropTypes.number.isRequired,\n price: PropTypes.number.isRequired,\n}\nDashboard.defaultProps = {\n}\n\nexport default {\n routeProps: {\n path: '/',\n component: Dashboard,\n },\n name: 'Dashboard',\n}\n","import React, {\n useEffect, useRef, useContext, useCallback, useState,\n} from 'react'\nimport PropTypes from 'prop-types'\nimport ChartJs from 'chart.js'\nimport {\n colorSoiling, colorThreshold, colorCleaning, colorRain, colorSoilingSensor,\n} from 'constants/colors'\nimport fill from 'lodash/fill'\nimport chartAnnotationsCleanings from 'utils/charts/chartAnnotationsCleanings'\nimport chartAnnotationsRains from 'utils/charts/chartAnnotationsRains'\nimport moment from 'moment'\nimport groupData from 'utils/data/groupData'\nimport {\n ThresholdContext,\n} from 'store'\nimport './chart.css'\n\nconst rainLegend = (rains) => {\n if (rains.length === 0) return []\n return [{\n label: 'Lluvias',\n data: [],\n type: 'line',\n backgroundColor: colorRain(1),\n }]\n}\n// const sensorLegend = (rains) => {\n// if (rains.length === 0) return []\n// return [{\n// label: 'Lluvias',\n// data: [],\n// type: 'line',\n// backgroundColor: colorRain(1),\n// }]\n// }\n\n// const sensorLegend2 = (rains) => {\n// if (rains.length === 0) return []\n// return [{\n// label: 'Lluvias',\n// data: [],\n// type: 'line',\n// backgroundColor: colorRain(1),\n// }]\n// }\n\n/**\n * @param props.data is the data to show divided in data.data and data.date\n */\n\nconst rgba = (R = 0, G = 0, B = 0, A = 1) => `rgba(${R},${G},${B},${A})`\n\nconst colorSensor2 = (opacity = 1) => rgba(107, 64, 37, opacity)\n\nconst SoilingChart = ({\n data = [], timeUnit = 'week', annotations = [], projection = [],\n dataSensor = [], dataSensor2 = [], rains = [],\n}) => {\n const { get: threshold } = useContext(ThresholdContext)\n const [displayRain, setDisplayRain] = useState(true)\n const [displayCleaning, setDisplayCleaning] = useState(true)\n const chart = useRef(null)\n\n const myChart = useRef()\n useEffect(() => {\n if (myChart?.current?.destroy) myChart.current.destroy()\n myChart.current = new ChartJs(chart.current, {\n type: 'bar',\n data: {\n labels: [],\n datasets: [{\n label: 'Ensuciamiento [%]',\n data: [],\n backgroundColor: colorSoiling(0.8),\n }, {\n label: 'Ensuciamiento Sensor 1[%]',\n hidden: true,\n data: [],\n backgroundColor: colorSoilingSensor(0.9),\n }, {\n label: 'Ensuciamiento Sensor 2[%]',\n hidden: true,\n data: [],\n backgroundColor: colorSensor2(0.9),\n }, {\n label: 'Proyección [%]',\n data: [],\n type: 'line',\n backgroundColor: 'indigo',\n borderColor: 'indigo',\n fill: false,\n lineTension: 0,\n }, {\n label: 'Limpiezas',\n data: [],\n type: 'line',\n backgroundColor: colorCleaning(1),\n },\n ...rainLegend(rains)],\n },\n options: {\n maintainAspectRatio: false,\n legend: {\n onClick(e, legendItem) {\n const index = legendItem.datasetIndex\n const ci = myChart.current\n const meta = ci.getDatasetMeta(index)\n\n // See controller.isDatasetVisible comment\n meta.hidden = meta.hidden === null ? !ci.data.datasets[index].hidden : null\n\n // We hid a dataset ... rerender the chart\n\n if (legendItem.datasetIndex === 4) {\n setDisplayCleaning((prev) => !prev)\n }\n if (legendItem.datasetIndex === 5) {\n setDisplayRain((prev) => !prev)\n }\n ci.update()\n },\n labels: {\n filter(item) {\n return item.text !== 'Ensuciamiento Sensor 1[%]' && item.text !== 'Ensuciamiento Sensor 2[%]'\n },\n },\n },\n scales: {\n xAxes: [{\n type: 'time',\n gridLines: {\n offsetGridLines: true,\n },\n offset: true,\n }],\n yAxes: [{\n scaleLabel: {\n display: true,\n labelString: 'Ensuaciamiento acumulado [%]',\n },\n ticks: {\n suggestedMax: 0,\n },\n }],\n },\n annotation: {\n annotations: [{ }],\n drawTime: 'afterDraw', // (default)\n },\n },\n })\n const filterFunction = (item) => {\n if (dataSensor.length < 1) return item.text !== 'Ensuciamiento Sensor 1[%]' && item.text !== 'Ensuciamiento Sensor 2[%]'\n return true\n }\n myChart.current.options.legend.labels.filter = filterFunction\n myChart.current.data.datasets[1].hidden = dataSensor.length === 0\n myChart.current.data.datasets[2].hidden = dataSensor2.length === 0\n myChart.current.update()\n myChart.current.update()\n }, [dataSensor.length, dataSensor2.length, rains])\n\n useEffect(() => {\n const processGroupedData = groupData(data, timeUnit, true)\n const processGroupedDataSensor = groupData(dataSensor, timeUnit, true)\n const processGroupedDataSensor2 = groupData(dataSensor2, timeUnit, true)\n const projectedData = groupData(projection, timeUnit, true)\n myChart.current.data.labels = [\n ...processGroupedData.map(({ date: itemDate }) => itemDate),\n ...projectedData.map(({ date: itemDate }) => itemDate),\n ]\n\n myChart.current.data.datasets[0].data = processGroupedData.map(({ data: itemData }) => itemData)\n myChart.current.data.datasets[1].data = processGroupedDataSensor.map(\n ({ data: itemData }) => itemData,\n )\n myChart.current.data.datasets[2].data = processGroupedDataSensor2.map(\n ({ data: itemData }) => itemData,\n )\n myChart.current.data.datasets[3].data = [\n ...fill(Array(processGroupedData.length), undefined),\n ...projectedData.map(({ data: itemData }) => itemData),\n ]\n\n myChart.current.options.scales.xAxes[0].time.unit = timeUnit\n myChart.current.options.scales.xAxes[0].time.round = timeUnit\n myChart.current.update()\n }, [data, dataSensor, dataSensor2, projection, timeUnit])\n const updateAnnotations = useCallback(() => {\n myChart.current.options.annotation.annotations = [\n ...displayCleaning\n ? chartAnnotationsCleanings(annotations) : chartAnnotationsCleanings(annotations, true),\n ...displayRain\n ? chartAnnotationsRains(rains) : chartAnnotationsRains(rains, true),\n ]\n }, [annotations, displayCleaning, displayRain, rains])\n useEffect(() => {\n updateAnnotations()\n myChart.current.options.annotation.annotations = [\n ...myChart.current.options.annotation.annotations,\n { /* line of threshold */\n drawTime: 'afterDraw', // overrides annotation.drawTime if set\n type: 'line',\n mode: 'horizontal',\n scaleID: 'y-axis-0',\n value: threshold,\n borderDash: [2, 2],\n borderDashOffset: 5,\n label: {\n backgroundColor: colorThreshold(1),\n content: 'Umbral de ensuciamiento',\n enabled: true,\n },\n borderColor: 'red',\n borderWidth: 2,\n },\n ]\n myChart.current.options.scales.yAxes[0].ticks.suggestedMax = threshold + 1\n myChart.current.update()\n }, [threshold, updateAnnotations])\n\n\n return ()\n}\n\nSoilingChart.propTypes = {\n data: PropTypes.arrayOf(PropTypes.shape({\n data: PropTypes.number,\n date: PropTypes.instanceOf(moment),\n })),\n dataSensor: PropTypes.arrayOf(PropTypes.shape({\n data: PropTypes.number,\n date: PropTypes.instanceOf(moment),\n })),\n dataSensor2: PropTypes.arrayOf(PropTypes.shape({\n data: PropTypes.number,\n date: PropTypes.instanceOf(moment),\n })),\n projection: PropTypes.arrayOf(PropTypes.shape({\n data: PropTypes.number,\n date: PropTypes.instanceOf(moment),\n })),\n timeUnit: PropTypes.string,\n annotations: PropTypes.arrayOf(\n PropTypes.shape({\n data: PropTypes.shape({\n start: PropTypes.string,\n end: PropTypes.string,\n }),\n }),\n ),\n rains: PropTypes.arrayOf(\n PropTypes.shape({\n date: PropTypes.object,\n }),\n ),\n}\nSoilingChart.defaultProps = {\n data: [],\n dataSensor: [],\n dataSensor2: [],\n projection: [],\n annotations: [],\n rains: [],\n timeUnit: 'week',\n}\n\nexport default SoilingChart\n","import React, { useState, useContext } from 'react'\nimport PropTypes from 'prop-types'\nimport {\n Grid, Segment, Divider,\n} from 'semantic-ui-react'\nimport { CurrentCentralContext } from 'store'\nimport {\n NoSelected, Title, GroupDatesSelector,\n SummaryDaily,\n Summary,\n} from 'components'\nimport SoilingChart from 'components/charts/soilingChart'\n// import UsdChart from 'components/charts/usdChart'\nimport {\n max, min, fill, ceil, last,\n} from 'lodash'\nimport moment from 'moment'\nimport './power.css'\nimport ServiceNotAvailable from 'components/serviceNotAvailable'\n/**\n * max projected days\n */\nconst projectionLimitDays = 30\n// const accumulate = (array, usd = 1) => {\n// if (!array) return []\n// return array.reduce((prev, current, index) => {\n// if (index === 0) return [{ ...current }]\n// return [...prev, { ...current, data: current.data + prev[index - 1].data }]\n// }, []).map((item) => ({ ...item, data: usd * item.data }))\n// }\nconst Graph = ({\n fancyName,\n threshold,\n}) => {\n // const { get: price } = useContext(PriceContext)\n const {\n get: {\n daySoilingAverageRate = 0.00001, currentSoilingRate = 0,\n } = {},\n filteredData: centralData = {},\n } = useContext(CurrentCentralContext)\n const [filter, setFilter] = useState('week')\n const daysToUmbral = min([threshold <= currentSoilingRate ? 0\n : (threshold - currentSoilingRate) / max([daySoilingAverageRate, 0.00001]),\n projectionLimitDays])\n const baseDate = last(centralData?.soilingPercent || [])?.date || moment.utc()\n const projection = daysToUmbral !== 0\n ? fill(Array(Math.round(daysToUmbral)), { data: currentSoilingRate, date: baseDate }) : []\n const projectionData = projection.map(({ data, date }, index) => (\n { data: data + daySoilingAverageRate * (1+index), date: date.clone().add(1 + index, 'day') }\n ))\n return (\n \n \n
\n
\n \n
\n \n \n \n \n 0 ? projectionData : []}\n />\n {/* \n \n \n \n \n
\n \n
\n \n
\n \n
\n \n \n \n { (type && type === 'solar') && \n \n \n \n { (type && type === 'wind') && (p / 101325))} dates={pressureDates} title=\"Presion [atm]\" color={colorGeneration(1)} />}\n \n \n \n \n {(type && type === 'solar' || type === \"hydro-ror\") && \n \n \n \n { (type && type === 'solar') && \n \n
\n \n handleDate(event, data)}\n showOutsideDays\n clearable={false}\n datePickerOnly={false}\n />\n
\n Formato
Hora
Disponibilidad
Descargas
\n handleDate(event, data)}\n showOutsideDays\n clearable={false}\n datePickerOnly={false}\n />\n
\n\n Formato
Hora
Disponibilidad
Descargas
\n \n setShowModal(false)} aria-labelledby=\"example-modal-sizes-title-lg\" fullscreen={true}>\n \n \n Crear limitación\n \n \n\n \n \n
\n\n \n \n \n
\n )\n}\n","import React, { useContext, useState } from 'react';\nimport Button from 'react-bootstrap/Button';\nimport Modal from 'react-bootstrap/Modal';\nimport { Trash } from 'components/predictionsView/Limitations/icons';\nimport { Spinner } from 'react-bootstrap';\nimport { LimitationsContext } from 'store/LimitationsContext';\nimport { Auth } from 'aws-amplify';\n\nexport const DeleteLimitations = ({ limitation }) => {\n const { onUpdateLimitation } = useContext(LimitationsContext);\n const [showDelete, setShowDelete] = useState(false);\n const handleCloseDelete = () => setShowDelete(false);\n const handleShowDelete = () => setShowDelete(true);\n\n const [showConfirm, setShowConfirm] = useState(false);\n const handleCloseConfirm = () => setShowConfirm(false);\n const handleShowConfirm = () => setShowConfirm(true);\n\n const [loadingEdit, setLoadingEdit] = useState(false);\n const [loadingDelete, setLoadingDelete] = useState(false);\n\n const getUser = async () => {\n const { username } = await Auth.currentAuthenticatedUser();\n return username;\n }\n\n return (\n <>\n \n setTableSelected(table)}\n >\n \n \n \n \n \n \n \n\n
\n \n )\n\n}\n","import { createContext } from 'react';\n\nexport const PredictionsContext = createContext();","import React, { useContext, useEffect } from 'react';\nimport { LimitationsContext } from './LimitationsContext';\nimport CurrentCentralContext from './CurrentCentralContext';\nimport { useLimitationss } from 'hooks/useLimitationss';\n\nexport const LimitationsProvider = ({ children }) => {\n const {\n logs,\n categories,\n limitations,\n getLimitedPower,\n centralTurbines,\n turbineSelected,\n limitationLevel,\n startLoadingData,\n limitationsCurve,\n currentLimitation,\n loadingLimitations,\n onUpdateLimitation,\n setCurrentLimitation,\n onChangeLimitationLevel,\n onChangeTurbineSelected\n } = useLimitationss(Intl.DateTimeFormat().resolvedOptions().timeZone);\n\n return (\n \n \n
\n\n {\n (!loadingLimitations && limitationLevel === 'wind_turbine' && 'wind_turbines' in currentCentral) && (\n <>\n \n
\n \n onChangeLimitationLevel('powerplant')} />\n \n
\n \n onChangeLimitationLevel('wind_turbine')} />\n \n
\n \n
\n\n \n \n
\n \n\n ( a.localeCompare(b))).map((turbine) => ({value: turbine,label: currentCentral?.wind_turbines[turbine]?.fancy_name }))\n ]}\n defaultValue={{value:'all', label: 'Todos los Aerogeneradores'}}\n onChange={({value}) => onChangeTurbineSelected(value)}\n isSearchable\n />\n
\n \n )\n }\n\n \n handleDate(event, data)}\n showOutsideDays\n clearable={false}\n datePickerOnly={false}\n />\n
\n\n Formato
Hora
Disponibilidad
Descargas
\n \n setShowModal(false)} aria-labelledby=\"example-modal-sizes-title-lg\" fullscreen={true}>\n \n \n Crear limitación\n \n \n\n \n \n
\n\n \n \n \n
\n )\n}\n","import React, { useContext, useState } from 'react';\nimport Button from 'react-bootstrap/Button';\nimport Modal from 'react-bootstrap/Modal';\nimport { Trash } from 'components/predictionsView/Limitations/icons';\nimport { Spinner } from 'react-bootstrap';\nimport { SolarLimitationsContext } from 'store/SolarLimitationsContext';\nimport { Auth } from 'aws-amplify';\n\nexport const DeleteLimitations = ({ limitation }) => {\n const { onUpdateLimitation } = useContext(SolarLimitationsContext);\n const [showDelete, setShowDelete] = useState(false);\n const handleCloseDelete = () => setShowDelete(false);\n const handleShowDelete = () => setShowDelete(true);\n\n const [showConfirm, setShowConfirm] = useState(false);\n const handleCloseConfirm = () => setShowConfirm(false);\n const handleShowConfirm = () => setShowConfirm(true);\n\n const [loadingEdit, setLoadingEdit] = useState(false);\n const [loadingDelete, setLoadingDelete] = useState(false);\n\n const getUser = async () => {\n const { username } = await Auth.currentAuthenticatedUser();\n return username;\n }\n\n return (\n <>\n \n setTableSelected(table)}\n >\n \n \n \n \n \n \n \n\n
\n \n )\n\n}\n","import React, { useContext, useEffect, useRef } from 'react'\nimport PropTypes from 'prop-types'\nimport ChartJs from 'chart.js'\nimport moment from 'moment'\nimport groupData from 'utils/data/groupData'\n\n\nimport './chart.css'\nimport { SolarLimitationsContext } from 'store/SolarLimitationsContext'\nimport { CurrentCentralContext } from 'store'\n/**\n *\n * @param {array} data\n * @param {string} timeUnit\n * @param {func} color\n * @param {string} title\n */\nconst SolarPredictions240h = ({\n data = [],\n timeUnit = 'week',\n color = () => '#AAA',\n title = '',\n}) => {\n const chart = useRef(null)\n const myChart = useRef(null);\n const { get: currentCentral } = useContext(CurrentCentralContext);\n const { limitations, limitationsCurve } = useContext(SolarLimitationsContext);\n\n useEffect(() => {\n if (myChart?.current?.destroy) myChart.current.destroy()\n myChart.current = new ChartJs(chart.current, {\n type: 'bar',\n data: {\n labels: [],\n datasets: [\n {\n label: title,\n data: [],\n backgroundColor: color(1),\n stack: 'Stack 0'\n },\n {\n label: 'Limitación [MWh]',\n data: [],\n backgroundColor: '#FFCC5E',\n borderColor: '#FFCC5E',\n pointBackgroundColor: '#FFCC5E',\n stack: 'Stack 0'\n },\n ],\n },\n options: {\n maintainAspectRatio: false,\n scales: {\n xAxes: [{\n type: 'time',\n gridLines: {\n offsetGridLines: true,\n },\n offset: true,\n stacked: true\n }],\n yAxes: [{\n scaleLabel: {\n display: true,\n labelString: title,\n },\n stacked: true\n }],\n },\n annotation: {\n annotations: [{}],\n drawTime: 'beforeDraw', // (default)\n },\n },\n })\n }, [color, title]);\n\n useEffect(() => {\n if (data.length > 0) {\n let limitedPower = limitationsCurve[currentCentral?.id].limitedPower ?? [];\n const processGroupedData = groupData(data.map(({ data: d, date: h }, index) => {\n if (d > limitedPower[index].data) {\n return { data: +limitedPower[index].data.toFixed(2), date: h };\n } else {\n return { data: +d.toFixed(2), date: h };\n }\n }), timeUnit)\n\n myChart.current.data.labels = processGroupedData.map(({ date: itemDate }) => itemDate)\n myChart.current.data.datasets[0].data = processGroupedData.map(({ data: itemData }) => itemData)\n myChart.current.options.scales.xAxes[0].time.unit = timeUnit\n myChart.current.options.scales.xAxes[0].time.round = timeUnit\n myChart.current.data.datasets[1].data = groupData(limitedPower.map(({ data: limitation }, index) => {\n if (limitation < data[index]?.data) {\n return { data: parseFloat((data[index].data - limitation).toFixed(2)), date: moment(limitedPower[index].date) };\n } else {\n return { data: 0, date: moment(limitedPower[index].date) };\n }\n }), timeUnit).map(data => (data.data))\n myChart.current.update()\n }\n\n\n }, [data, timeUnit, limitations])\n\n return ()\n}\nSolarPredictions240h.propTypes = {\n data: PropTypes.arrayOf(PropTypes.shape({\n data: PropTypes.number,\n date: PropTypes.instanceOf(moment),\n })),\n color: PropTypes.func,\n title: PropTypes.string,\n timeUnit: PropTypes.string,\n}\nSolarPredictions240h.defaultProps = {\n data: [],\n timeUnit: 'week',\n color: () => '#AAA',\n title: '',\n}\n/**\n *\n * @param {array} data\n * @param {string} timeUnit\n * @param {func} color\n * @param {string} title\n */\nconst ErrorChart = ({\n data = [],\n timeUnit = 'week',\n color = () => '#AAA',\n title = '',\n}) => {\n const chart = useRef(null)\n const myChart = useRef(null)\n\n useEffect(() => {\n if (myChart?.current?.destroy) myChart.current.destroy()\n myChart.current = new ChartJs(chart.current, {\n type: 'bar',\n data: {\n labels: [],\n datasets: [{\n label: title,\n data: [],\n backgroundColor: color(1),\n }],\n },\n options: {\n maintainAspectRatio: false,\n scales: {\n xAxes: [{\n type: 'time',\n gridLines: {\n offsetGridLines: true,\n },\n offset: true,\n }],\n yAxes: [{\n scaleLabel: {\n display: true,\n labelString: title,\n },\n }],\n },\n annotation: {\n annotations: [{}],\n drawTime: 'beforeDraw', // (default)\n },\n },\n })\n }, [color, title])\n useEffect(() => {\n const processGroupedData = groupData(data, timeUnit)\n myChart.current.data.labels = processGroupedData.map(({ date: itemDate }) => itemDate)\n myChart.current.data.datasets[0].data = processGroupedData.map(({ data: itemData }) => (itemData / 24).toFixed(2))\n myChart.current.options.scales.xAxes[0].time.unit = timeUnit\n myChart.current.options.scales.xAxes[0].time.round = timeUnit\n myChart.current.update()\n }, [data, timeUnit])\n\n return ()\n}\nSolarPredictions240h.propTypes = {\n data: PropTypes.arrayOf(PropTypes.shape({\n data: PropTypes.number,\n date: PropTypes.instanceOf(moment),\n })),\n color: PropTypes.func,\n title: PropTypes.string,\n timeUnit: PropTypes.string,\n}\nSolarPredictions240h.defaultProps = {\n data: [],\n timeUnit: 'week',\n color: () => '#AAA',\n title: '',\n}\n\nexport { SolarPredictions240h, ErrorChart }\n","import React, { useEffect, useState, useContext} from 'react';\nimport moment from 'moment';\nimport momentTZ from 'moment-timezone';\nimport { Title } from 'components';\nimport CenSolarFileRow from '../CenSolarFileRow';\n\nimport './index.css';\nimport { Grid, Select } from 'semantic-ui-react';\nimport SemanticDatepicker from 'react-semantic-ui-datepickers';\nimport { CurrentCentralContext } from 'store';\n\nconst processData = (data) => {\n const decodedData = atob(data.fileContent); // Decodifica la cadena base64\n const byteArray = new Uint8Array(decodedData.length);\n for (let i = 0; i < decodedData.length; i++) {\n byteArray[i] = decodedData.charCodeAt(i);\n }\n // Crear un Blob con los datos decodificados\n const blob = new Blob([byteArray], {\n type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'\n });\n\n return blob\n}\n\nexport const CenaceReports = () => {\n const { get: currentCentral } = useContext(CurrentCentralContext);\n const [date, setDate] = useState(moment())\n const [mda, setMda] = useState(false)\n const [augc, setAugc] = useState(false)\n const [forecast, setForecast] = useState(false)\n const [irradiance, setIrradiance] = useState(false)\n\n const getMda = async () => {\n const formatDate = moment(date).format('YYYY-MM-DD')\n const URL = `https://pj7y2vu1pk.execute-api.us-east-1.amazonaws.com/Prod/cenace/mda?date=${formatDate}&powerplant_id=${currentCentral?.id}`;\n const response = await fetch(URL)\n const data = await response.json()\n setMda({ type: 'MDA', hour: '08:00', data: processData(data), title: data.title, available: data.available })\n }\n\n const getAugc = async () => {\n const formatDate = moment(date).format('YYYY-MM-DD')\n const URL = `https://pj7y2vu1pk.execute-api.us-east-1.amazonaws.com/Prod/cenace/augc?date=${formatDate}&powerplant_id=${currentCentral?.id}`;\n const response = await fetch(URL)\n const data = await response.json()\n setAugc({ type: 'AUGC', hour: '15:00', data: processData(data), title: data.title, available: data.available })\n }\n\n const getForecast = async () => {\n const formatDate = moment(date).format('YYYY-MM-DD')\n const URL = `https://pj7y2vu1pk.execute-api.us-east-1.amazonaws.com/Prod/cenace/forecast?date=${formatDate}&powerplant_id=${currentCentral?.id}`;\n const response = await fetch(URL)\n const data = await response.json()\n setForecast({ type: 'Pronóstico 8 días', hour: '08:00', data: processData(data), title: data.title, available: data.available })\n }\n\n const getIrradiance = async () => {\n const formatDate = moment(date).format('YYYY-MM-DD')\n const URL = `https://pj7y2vu1pk.execute-api.us-east-1.amazonaws.com/Prod/cenace/irradiance?date=${formatDate}&powerplant_id=${currentCentral?.id}`;\n const response = await fetch(URL)\n const data = await response.json()\n setIrradiance({ type: 'Radiación', hour: '08:00', data: processData(data), title: data.title, available: data.available })\n }\n\n useEffect(() => {\n getMda();\n getAugc();\n getForecast();\n getIrradiance();\n return () => {\n setMda(false);\n setAugc(false);\n setForecast(false);\n setIrradiance(false);\n }\n }, [date])\n\n const handleDate = (e, data) => {\n setDate(moment.utc(data.value))\n }\n\n return (\n <>\n \n \n
\n\n {\n (!loadingLimitations && limitationLevel === 'inverter' && 'inverters' in currentCentral) && (\n <>\n \n
\n \n onChangeLimitationLevel('powerplant')} />\n \n
\n \n onChangeLimitationLevel('inverter')} />\n \n
\n \n
\n\n \n \n
\n \n\n ( a.localeCompare(b))).map((inverter) => ({value: inverter,label: currentCentral?.inverters[inverter]?.fancy_name }))\n ]}\n defaultValue={{value:'all', label: 'Todos los Inversores'}}\n onChange={({value}) => onChangeInverterSelected(value)}\n isSearchable\n />\n
\n \n )\n }\n\n \n handleDate(event, data)}\n showOutsideDays\n clearable={false}\n datePickerOnly={false}\n />\n {/*
\n\n Formato
Hora
Disponibilidad
Descargas
\n handleDate(event, data)}\n showOutsideDays\n clearable={false}\n datePickerOnly={false}\n />\n {/*
\n\n Formato
Hora
Disponibilidad
Descargas
\n handleDate(event, data)}\n showOutsideDays\n clearable={false}\n datePickerOnly={false}\n />\n
\n Formato
Hora
Disponibilidad
Descargas
\n {text}\n
\n \n {`${number} %`}\n
\n \n \n
\n \n
\n \n \n \n\n data)} dates={predictions[currentCentral?.id].slice(0,48).map( ({date}) => date)} nominalPower={nominal_power} title=\"Energía [MWh]\" color={colorGeneration(1)} />)\n : ( data)} dates={predictions[currentCentral?.id].slice(0,48).map( ({date}) => date)} nominalPower={nominal_power} title=\"Energía [MWh]\" color={colorGeneration(1)} />)\n : ( data)} dates={predictions[currentCentral?.id].slice(0,48).map( ({date}) => date)}title=\"Energía [MWh]\" color={colorGeneration(1)} />)\n }\n\n {\n get && get?.apps?.availability\n ? (get?.type === \"solar\")\n ? ( \n \n
\n \n \n
\n\n \n
\n \n 
\n \n \n
\n \n \n {areSoilingCentrals ? (\n <>\n \n \n \n \n \n \n \n \n \n \n \n ) : (\n <>\n \n \n \n \n \n \n \n \n \n )}\n \n
\n \n
\n )\n}\n\nconst NoUserFeedback = () => {\n return (\n \n
\n
\n \n
\n Ha ocurrido un problema
\n\n
\n \n
\n \n La herramienta de no esta disponible para la central. Para mas informacion acerca de la herramienta y sus características, puede escribirnos al correo comercial@suncast.cl.\n
\n
\n Si la herramienta ya fue incluida en su plan, por favor escribanos al correo informatica@suncast.cl.\n
\n
\n Saludos cordiales, el equipo Suncast.\n
Contáctanos
*/}\n {/* \n \n */}\n\n
\n )\n}\n\nconst Context = () => {\n const [user, setUser] = useState(undefined);\n\n const getUser = async () => {\n const userData = await Auth.currentSession();\n return userData;\n }\n\n useEffect(() => {\n getUser().then(({ accessToken }) => {\n const { payload: { username } } = accessToken;\n setUser(username);\n })\n }, []);\n\n if (user === undefined || user === null) {\n return (\n \n
\n
\n Ha ocurrido un problema
\n\n
Lorem ipsum dolor sit amet consectetur adipisicing elit. Quia voluptate exercitationem eligendi explicabo maxime nostrum nisi ullam commodi totam dolorem, suscipit quaerat dolore ratione quod, culpa quis necessitatibus aperiam accusamus.
\n