\n {circularProgress}
\n \n ) : (\n {circularProgress}
\n );\n }\n};\n\nLoadingInner.defaultProps = {\n modal: false,\n color: 'primary',\n size: 40\n};\n\nexport const Loading = withStyles(styles)(LoadingInner);\n","import React from \"react\";\nimport { withStyles } from \"@material-ui/core/styles\";\nimport { useTranslation } from 'react-i18next';\nimport Card from \"@material-ui/core/Card\";\nimport CardContent from \"@material-ui/core/CardContent\";\nimport CardHeader from '@material-ui/core/CardHeader';\nimport { CardActions, Divider, Typography, Icon } from \"@material-ui/core\";\nimport styles from \"./dataholderData.styles\";\nimport { Loading } from \"../../../components\";\n\nconst DataholderData = (props) => {\n\n const { classes, dataholder } = props;\n const { t } = useTranslation();\n\n return (\n \n \n person\n \n }\n title={t('dashboard.dataholderHeader')}\n titleTypographyProps={{ variant: \"h5\" }}\n />\n \n \n {dataholder ? (\n <>\n \n {dataholder.nombre\n ? dataholder.nombre\n : dataholder.razonSocial}\n \n \n {dataholder.direccion\n ? `${dataholder.direccion.direccion} (${\n dataholder.direccion.direccionCP\n }) ${dataholder.direccion.direccionMunicipio}`\n : t('dashboard.dataholderAddressNotFound')}\n \n \n {dataholder.contactos &&\n dataholder.contactos[0] &&\n dataholder.contactos[0].telefono}\n \n \n {dataholder.contactos &&\n dataholder.contactos[0] &&\n dataholder.contactos[0].email}\n \n \n ) : (\n \n )}\n
\n \n \n \n {/* */}\n \n \n );\n}\n\nexport default withStyles(styles)(DataholderData);\n","export default theme => ({\n card: {\n maxWidth: 350\n },\n cardHeader: {\n textAlign: \"right\",\n marginBottom: \"-30px\"\n },\n cardContent: {\n display: \"flex\",\n justifyContent: \"space-between\",\n alignItems: \"center\",\n minHeight: 191\n },\n cardData: {\n textAlign: \"right\",\n width: \"100%\"\n },\n cardInfo: {\n textAlign: \"right\"\n },\n cardActions: {\n minHeight: 52\n }\n});\n","import React, { Component } from \"react\";\nimport { Line, Bar } from \"react-chartjs-2\";\nimport { withTranslation } from \"react-i18next\";\nimport { withTheme } from \"@material-ui/core\";\n\nconst numberFormat = new Intl.NumberFormat(\"es-ES\", {\n minimumFractionDigits: 2\n});\n\nclass ChartjsComponent extends Component {\n render() {\n if (!this.props || !this.props.values) {\n return null;\n }\n\n const { theme } = this.props;\n\n const options = this.setChartOptions(\n this.props.paddingTop,\n this.props.paddingRight,\n this.props.paddingBottom,\n this.props.paddingLeft\n );\n if (this.props.type === \"bar\") {\n return (\n \n );\n } else {\n return (\n \n );\n }\n }\n\n composeChartData(values, labels, borderColor, backgroundColor) {\n const { t } = this.props;\n return {\n labels: labels,\n datasets: [\n {\n label: t(\"consumptions.chartLabel\"),\n data: values,\n backgroundColor: backgroundColor,\n borderColor: borderColor\n }\n ]\n };\n }\n\n getChartOptions() {\n return {\n manteinAspactRatio: true,\n layout: {\n padding: {\n left: 50,\n right: 50,\n top: 30,\n bottom: 30\n }\n }\n };\n }\n\n setChartOptions(\n paddingTop,\n paddingRight,\n paddingBottom,\n paddingLeft,\n showLeyend,\n showTitle\n ) {\n return {\n manteinAspactRatio: true,\n layout: {\n padding: {\n left: paddingLeft,\n right: paddingRight,\n top: paddingTop,\n bottom: paddingBottom\n }\n },\n leyend: {\n display: showLeyend\n },\n title: {\n display: showTitle\n },\n tooltips: {\n callbacks: {\n label: function(tooltipItem, data) {\n var label = data.datasets[tooltipItem.datasetIndex].label || \"\";\n if (label) {\n label += \": \";\n }\n label += numberFormat.format(tooltipItem.yLabel);\n return label;\n }\n }\n }\n };\n }\n}\n\nexport default withTranslation()(withTheme()(ChartjsComponent));\n","import React, { Component } from \"react\";\nimport Chartjs from \"../../components/charting/chartjs/chartjs\";\nimport { connect } from \"react-redux\";\nimport { Loading } from \"../../components\";\nimport { withTranslation } from \"react-i18next\";\n\nvar moment = require(\"moment\");\n\nconst mapStateToProps = state => {\n return {\n invoicesRedux: state.invoices.invoices\n };\n};\n\nclass ChartContainer extends Component {\n constructor(props) {\n super(props);\n this.state = {\n chartValues: [],\n chartLabels: [],\n type: null\n };\n }\n\n generateChart(consumptions, telemedido) {\n if (telemedido === true) {\n this.generateTelemedidosChartDataset(consumptions);\n this.setState({ type: \"line\" });\n } else {\n this.generateNoTelemedidosChartDataset(consumptions);\n this.setState({ type: \"bar\" });\n }\n }\n\n generateNoTelemedidosChartDataset(consumptions) {\n const values = [];\n const labels = [];\n\n Array.from(new Set(consumptions.map(s => s.idFactura))).forEach(idFactura => {\n if (!idFactura) return;\n\n const invoiceConsumption = consumptions\n .filter(c => {\n return c.idFactura === idFactura\n })\n .reduce((a, b) => {\n return a + b.cantidad;\n }, 0);\n values.push(invoiceConsumption);\n\n const relatedInvoice = this.props.invoices.filter(\n i => i.id === idFactura\n );\n const relatedInvoiceDate = relatedInvoice[0] && relatedInvoice[0].fechaEmision;\n labels.push(relatedInvoiceDate ? new Date(relatedInvoiceDate).toLocaleDateString() : '');\n }\n );\n\n this.setState({\n chartValues: values,\n chartLabels: labels\n });\n }\n\n generateTelemedidosChartDataset(consumptions) {\n const values = [];\n const labels = [];\n\n Array.from(new Set(consumptions.map(s => s.fechaInicio))).map(day => {\n const dailyConsumption = consumptions\n .filter(c => c.fechaInicio === day)\n .reduce((a, b) => {\n return a + b.cantidad;\n }, 0);\n\n values.push(dailyConsumption);\n labels.push(moment(day).format(\"DD/MM/YYYY\"));\n return null;\n });\n\n this.setState({\n chartValues: values,\n chartLabels: labels\n });\n }\n\n componentWillReceiveProps(props) {\n if (props.consumptions && props.consumptions.length > 0) {\n this.generateChart(props.consumptions, props.telemedido);\n } else {\n this.setState({ ...this.state, chartValues: [], chartLabels: [] });\n }\n }\n\n componentDidMount() {\n if (this.props.consumptions && this.props.consumptions.length > 0) {\n this.generateChart(this.props.consumptions, this.props.telemedido);\n } else {\n this.setState({ ...this.state, chartValues: [], chartLabels: [] });\n }\n }\n\n render() {\n const { chartValues, chartLabels, type } = this.state;\n\n if (chartValues && chartValues.length > 0) {\n return ;\n } else {\n return (\n
\n );\n }\n }\n}\n\nconst Chart = connect(mapStateToProps)(ChartContainer);\nexport default withTranslation()(Chart);\n","\nexport function getAppConfigurationKey(key) {\n\n const config = JSON.parse(localStorage.getItem(\"configuration\"));\n let value = config.find(x => x.key === key).value;\n\n return value === undefined ? '' : value;\n}","import KEYS_BY_HOST from '../policyKeys.json';\nimport { getAppConfigurationKey } from '../helpers/appConfigurationHelper';\n\nexport function getHostFromURL() {\n return window.location.hostname;\n}\n\nexport function getHostPrefix() {\n const fullHost = getHostFromURL();\n const hostPrefix = fullHost.split('-') && fullHost.split('-')[0];\n return hostPrefix;\n}\nexport function getHostClientFromURL() {\n return window.location.hostname.split('.')[0];\n}\nfunction getKeysForCurrentHost() {\n const urlHost = getHostFromURL();\n return KEYS_BY_HOST[urlHost];\n}\n\nexport function getForgotPasswordURL() {\n return getKeysForCurrentHost().forgotPasswordUrl;\n}\n\nexport function getApimUrl(prefixEnvironment) {\n\n return getAppConfigurationKey(\"Host:ApiManagement\") + getAppConfigurationKey(prefixEnvironment);\n}\n","import { getApimUrl } from '../helpers/configHelper';\nvar moment = require('moment');\n\nexport async function getAll(cups, fromDate, toDate) {\n // const initDate = fromDate.indexOf('T') === -1 ? `${fromDate}T00:00:00Z` : fromDate;\n // const endDate = toDate.indexOf('T') === -1 ? `${toDate}T00:00:00Z` : toDate;\n\n const initDate = moment(fromDate).format('YYYY-MM-DD') + 'T00:00:00Z';\n const endDate = moment(toDate).format('YYYY-MM-DD') + 'T00:00:00Z';\n\n return fetch(\n getApimUrl(\"PrefixEnviromentMedidas\") +\n \"/odata/Medidas?api-version=1.0&$expand=documento, puntoSuministro($expand=CUPS)&$orderby=fechaInicio&$filter=tipoMedida eq '1' and documento/tipoDocumento eq 'FacturaCliente' and puntosuministro/cups/codCUPS eq '\" +\n cups +\n \"' and fechaInicio ge \" +\n initDate +\n ' and fechaInicio le ' +\n endDate\n )\n .then(response => {\n if (response.ok) {\n return response.json();\n } else {\n throw Error(response.statusText);\n }\n })\n .catch(error => {\n console.error('ConsumptionsService.getAll()', error);\n });\n}\n","import React, { Component } from \"react\";\nimport { withStyles } from \"@material-ui/core/styles\";\nimport { withTranslation } from 'react-i18next';\nimport Card from \"@material-ui/core/Card\";\nimport CardContent from \"@material-ui/core/CardContent\";\nimport CardHeader from '@material-ui/core/CardHeader';\nimport { Link } from \"react-router-dom\";\nimport { CardActions, Divider } from \"@material-ui/core\";\nimport { Button, Icon } from \"@material-ui/core\";\nimport styles from \"./consumptionData.styles\";\nimport ChartContainer from \"../../../components/charting/chartContainer\";\nimport { Loading } from \"../../../components\";\nimport * as consumptionsService from \"../../../services/consumptions.service\";\nimport memoizeOne from 'memoize-one';\n\nclass ConsumptionData extends Component {\n constructor(props) {\n super(props);\n this.state = {\n consumptions: null\n }\n }\n\n componentDidMount() {\n const invoice = this.props.invoice;\n if (!invoice) return;\n this.reloadChart(\n invoice.cups.codCUPS,\n invoice.fechaInicio,\n invoice.fechaFin\n );\n }\n\n componentDidUpdate(prevProps, prevState) {\n const invoice = this.props.invoice;\n if (!invoice) return;\n this.reloadChart(\n invoice.cups.codCUPS,\n invoice.fechaInicio,\n invoice.fechaFin\n );\n }\n\n reloadChart = memoizeOne((codCups, initDate, endDate) => {\n if (!codCups || !initDate || !endDate) return;\n return consumptionsService.getAll(codCups, initDate, endDate).then(response => {\n this.setState({\n consumptions: response && response.value ? response.value : []\n });\n });\n });\n\n render() {\n const { classes, t } = this.props;\n const { invoice, telemedido, invoices } = this.props;\n const { consumptions } = this.state\n\n return (\n \n \n bar_chart\n \n }\n title={t('dashboard.consumptionsHeader')}\n titleTypographyProps={{ variant: \"h5\" }}\n />\n \n \n {consumptions && invoices && telemedido !== null ? (\n \n ) : (\n \n )}\n
\n \n \n \n {invoice && (\n \n {t('dashboard.consumptionsShowActionLabel')}\n \n )}\n \n \n );\n }\n}\n\nexport default withTranslation()(withStyles(styles)(ConsumptionData));\n","export default theme => ({\n card: {\n maxWidth: 350\n },\n cardHeader: {\n textAlign: \"right\",\n marginBottom: \"-30px\"\n },\n cardContent: {\n display: \"flex\",\n justifyContent: \"space-between\",\n alignItems: \"center\",\n minHeight: 190\n },\n cardData: {\n textAlign: \"right\",\n width: \"100%\"\n },\n cardInfo: {\n textAlign: \"right\"\n },\n cardActions: {\n minHeight: 52\n }\n});\n","/* CORE */\nexport const CHANGE_APP_TITLE = \"CHANGE_APP_TITLE\";\nexport const FETCH_INIT_DATA = \"FETCH_INIT_DATA\";\nexport const SET_LOADING = \"SET_LOADING\";\nexport const SET_ERROR = \"SET_ERROR\";\n\n/* USER */\nexport const GET_USER = \"GET_USER\";\nexport const GET_USER_SUCCESS = \"GET_USER_SUCCESS\";\n\n/* CONTRACTS */\nexport const FETCH_CONTRACTS = \"FETCH_CONTRACTS\";\nexport const FETCH_CONTRACTS_SUCCESS = \"FETCH_CONTRACTS_SUCCESS\";\nexport const SELECT_CONTRACT = \"SELECT_CONTRACT\";\nexport const SELECT_CONTRACT_SUCCESS = \"SELECT_CONTRACT_SUCCESS\";\n\n\n/* DATAHOLDER */\nexport const GET_DATAHOLDER = \"GET_DATAHOLDER\";\nexport const GET_DATAHOLDER_SUCCESS = \"GET_DATAHOLDER_SUCCESS\";\n\n/* INVOICES */\nexport const FETCH_INVOICES = \"FETCH_INVOICES\";\nexport const FETCH_INVOICES_SUCCESS = \"FETCH_INVOICES_SUCCESS\";\n\n\n/* CUPS */\nexport const FETCH_CUPS = \"FETCH_CUPS\";\nexport const FETCH_CUPS_SUCCESS = \"FETCH_CUPS_SUCCESS\";\nexport const SELECT_CUPS = \"SELECT_CONTRACT\";","import {\n CHANGE_APP_TITLE,\n SET_LOADING,\n SET_ERROR\n} from \"../constants/action-types\";\n\nconst initialState = {\n appTitle: \"Bienvenidos\",\n error: \"\",\n isLoading: false\n};\n\nfunction coreReducer(state = initialState, action) {\n if (action.type === CHANGE_APP_TITLE) {\n return Object.assign({}, state, {\n appTitle: action.payload\n });\n }\n if (action.type === SET_LOADING) {\n return Object.assign({}, state, {\n isLoading: action.payload\n });\n }\n if (action.type === SET_ERROR) {\n return Object.assign({}, state, {\n error: action.payload\n });\n }\n return state;\n}\nexport default coreReducer;\n","import { FETCH_CONTRACTS_SUCCESS, SELECT_CONTRACT_SUCCESS } from '../constants/action-types';\n\nconst initialState = {\n contracts: [],\n contract: null\n};\n\nfunction contractsReducer(state = initialState, action) {\n switch (action.type) {\n case FETCH_CONTRACTS_SUCCESS:\n return Object.assign({}, state, {\n contracts: action.payload,\n contract: action.payload && action.payload.length ? action.payload[0] : null\n });\n case SELECT_CONTRACT_SUCCESS:\n return Object.assign({}, state, {\n contract: state.contracts\n ? state.contracts.find(e => e.id.toString() === action.payload.toString())\n : null\n });\n default:\n return state;\n }\n}\nexport default contractsReducer;\n","import { GET_DATAHOLDER_SUCCESS} from \"../constants/action-types\";\n\nconst initialState = {\n dataholder: null\n};\n\nfunction dataholderReducer(state = initialState, action) {\n if (action.type === GET_DATAHOLDER_SUCCESS) {\n return Object.assign({}, state, {\n dataholder: action.payload\n });\n }\n return state;\n}\nexport default dataholderReducer;\n","import { FETCH_INVOICES_SUCCESS} from \"../constants/action-types\";\n\nconst initialState = {\n invoices: [],\n lastInvoice: null\n};\n\nfunction invoicesReducer(state = initialState, action) {\n if (action.type === FETCH_INVOICES_SUCCESS) {\n return Object.assign({}, state, {\n invoices: action.payload,\n lastInvoice: action.payload && action.payload.length ? action.payload[0] : null\n });\n }\n return state;\n}\nexport default invoicesReducer;","import { GET_USER_SUCCESS} from \"../constants/action-types\";\n\nconst initialState = {\n user: {\n userId: null,\n email: null\n }\n};\n\nfunction dataholderReducer(state = initialState, action) {\n if (action.type === GET_USER_SUCCESS) {\n return Object.assign({}, state, {\n user: action.payload\n });\n }\n return state;\n}\nexport default dataholderReducer;\n","import { FETCH_CUPS_SUCCESS, SELECT_CUPS } from '../constants/action-types';\n\nconst initialState = {\n cups: [],\n selectedCups: null\n};\n\nfunction cupsReducer(state = initialState, action) {\n switch (action.type) {\n case FETCH_CUPS_SUCCESS:\n return Object.assign({}, state, {\n cups: action.payload,\n selectedCups: action.payload && action.payload.length ? action.payload[0] : null\n });\n case SELECT_CUPS:\n return Object.assign({}, state, {\n selectedCups: (state.cups && state.cups.length > 0)\n ? state.cups.find((e) => e && e.id && e.id.toString() === action.payload.toString())\n : null\n });\n\n default:\n return state;\n }\n}\nexport default cupsReducer;\n","import { combineReducers } from 'redux';\nimport coreReducer from './core.reducer';\nimport contractsReducer from './contracts.reducer';\nimport dataholderReducer from './dataholder.reducer';\nimport invoicesReducer from './invoices.reducer';\nimport userReducer from './user.reducer';\nimport cupsReducer from './cups.reducer';\n\nexport default combineReducers({\n core: coreReducer,\n contracts: contractsReducer,\n dataholder: dataholderReducer,\n invoices: invoicesReducer,\n user: userReducer,\n cups: cupsReducer\n})\n\nexport const initialState = {\n core: coreReducer.initialState,\n contracts: contractsReducer.initialState,\n dataholder: dataholderReducer.initialState,\n invoices: invoicesReducer.initialState,\n user: userReducer.initialState,\n cups: cupsReducer.invitialState\n}","import i18n from \"i18next\";\nimport Backend from \"i18next-xhr-backend\";\nimport LanguageDetector from \"i18next-browser-languagedetector\";\nimport { initReactI18next } from \"react-i18next\";\n\ni18n\n // load translation using xhr -> see /public/locales\n .use(Backend)\n // detect user language\n .use(LanguageDetector)\n // pass the i18n instance to react-i18next.\n .use(initReactI18next)\n .init({\n fallbackLng: \"es\",\n debug: false,\n interpolation: {\n escapeValue: false // not needed for react as it escapes by default\n }\n })\n .then(t => {\n document.title = t(\"app.title\");\n });\n\nexport default i18n;\n","import * as ErrorHelper from '../helpers';\nimport i18n from '../i18n';\nimport { getApimUrl } from '../helpers/configHelper';\n\nexport function getAll(dataholderId) {\n return fetch(\n getApimUrl(\"PrefixEnviromentContratos\") +\n '/odata/Contratos?api-version=1.0&$expand=sujeto,productos($expand=cups($expand=direccionInstalacion))&$filter=sujeto/id eq ' +\n dataholderId +\n '&$count=false'\n )\n .then(response => {\n if (response.ok) {\n return response.json();\n } else {\n throw Error(response.statusText);\n }\n })\n .catch(error => {\n ErrorHelper.setError(i18n.t('messages.noContractsFoundForCustomer', { dataholderId }));\n console.log('ContractsService.getAll()', error);\n });\n}","import {\n FETCH_CONTRACTS,\n FETCH_CONTRACTS_SUCCESS,\n FETCH_CUPS,\n SELECT_CONTRACT,\n SELECT_CONTRACT_SUCCESS\n} from \"../constants/action-types\";\nimport { takeLatest, put, select, delay } from \"@redux-saga/core/effects\";\nimport * as contractService from \"../../services/contracts.service\";\n\nexport const selectedContract = (state) => state.contracts.contract;\n\nfunction* fetchContracts(action) {\n try {\n const contracts = yield contractService.getAll(action.payload);\n\n yield put({ type: FETCH_CONTRACTS_SUCCESS, payload: contracts.value });\n\n while (true) {\n const contract = yield select(selectedContract);\n\n if (contract.id !== null) {\n yield put({ type: FETCH_CUPS, payload: contract.id })\n break;\n }\n else {\n yield delay(1000);\n }\n }\n\n } catch (e) {\n console.log(e);\n }\n}\n\n\nfunction* selectContract(action) {\n yield put({ type: SELECT_CONTRACT_SUCCESS, payload: action.payload });\n yield put({ type: FETCH_CUPS, payload: action.payload })\n}\n\nexport function* watchContracts() {\n yield takeLatest(FETCH_CONTRACTS, fetchContracts);\n yield takeLatest(SELECT_CONTRACT, selectContract);\n}\n","import * as ErrorHelper from '../helpers';\nimport i18n from '../i18n';\nimport { getApimUrl } from '../helpers/configHelper';\n\nexport default class DataholderService {\n get(dataholderId) {\n return fetch(\n getApimUrl(\"PrefixEnviromentSujetos\") +\n '/odata/Sujetos(' +\n dataholderId +\n ')?api-version=1.0&$expand=contactos'\n ).then(\n response => {\n if (response.ok) {\n return response.json();\n } else {\n throw Error(response.statusText);\n }\n },\n error => {\n ErrorHelper.setError(i18n.t('messages.noCustomerDataFoundById', { dataholderId }));\n console.error('DataholderService.get()', error);\n }\n );\n }\n\n getByEmail(email) {\n return fetch(\n `${getApimUrl(\"PrefixEnviromentSujetos\")}/odata/Sujetos?api-version=1.0&$expand=contactos&$filter=contactos/any() and contactos/any(d: d/email eq '${email}')`\n ).then(\n response => {\n if (response.ok) {\n return response.json();\n } else {\n throw Error(response.statusText);\n }\n },\n error => {\n ErrorHelper.setError(i18n.t('messages.noCustomerDataFoundByEmail', { email }));\n console.error('DataholderService.getByEmail()', error);\n }\n );\n }\n}\n","import {\n GET_DATAHOLDER,\n GET_DATAHOLDER_SUCCESS\n} from \"../constants/action-types\";\nimport { takeLatest, put } from \"@redux-saga/core/effects\";\nimport DataholderService from \"../../services/dataholder.service\";\n\nfunction* getDataholder(action) {\n const dataholder = yield new DataholderService().get(action.payload);\n yield put({ type: GET_DATAHOLDER_SUCCESS, payload: dataholder });\n}\n\nexport function* watchDataholder() {\n yield takeLatest(GET_DATAHOLDER, getDataholder);\n}\n","import * as ErrorHelper from '../helpers';\nimport i18n from '../i18n';\nimport { getApimUrl } from '../helpers/configHelper';\n\nexport function getAll(userId) {\n return fetch(\n // \"https://api.globalsyde.com/saas-facturas/odata/Facturas?api-version=1.0&$orderby=fechaInicio desc&$expand=Contrato&$filter=IdSujetoDestino eq \" +\n // userId\n getApimUrl(\"PrefixEnviromentFacturas\") +\n \"/odata/Facturas?api-version=1.0&$orderby=fechaInicio desc&$expand=SujetoDestino,Contrato,ResumenFactura,CUPS&$filter=SujetoDestino/id eq \" +\n userId + \" and tipoFactura eq '1' and estadoFactura eq '2'\"\n )\n .then(response => {\n if (response.ok) {\n return response.json();\n } else {\n throw Error(response.statusText);\n }\n })\n .catch(error => {\n ErrorHelper.setError(i18n.t('messages.noInvoicesFoundForCustomer', { userId }));\n console.error('IvoiceService.getAll()', error);\n });\n}\n","import {\n FETCH_INVOICES,\n FETCH_INVOICES_SUCCESS\n} from \"../constants/action-types\";\nimport { takeLatest, put } from \"@redux-saga/core/effects\";\nimport * as invoicesService from \"../../services/invoices.service\";\n\nfunction* fetchInvoices(action) {\n try {\n const invoices = yield invoicesService.getAll(\n action.payload\n );\n yield put({ type: FETCH_INVOICES_SUCCESS, payload: invoices.value });\n } catch (e) {\n console.log('Invoices SAGA ERROR', e);\n }\n}\n\nexport function* watchInvoices() {\n yield takeLatest(FETCH_INVOICES, fetchInvoices);\n}\n","import KEYS_BY_HOST from './policyKeys.json';\n\n// Config object to be passed to Msal on creation\nexport const msalConfig = {\n auth: {\n clientId: process.env.REACT_APP_APP_ID,\n authority: `https://areaprivadab2c.b2clogin.com/${process.env.REACT_APP_TENANT_NAME}/${\n KEYS_BY_HOST[window.location.hostname].signInPolicy\n }/`,\n knownAuthorities: [\"areaprivadab2c.b2clogin.com\"],\n redirectUri: window.location.origin,\n postLogoutRedirectUri: window.location.origin\n }\n};\n\n// Scopes you add here will be prompted for consent during login\nexport const loginRequest = {\n scopes: [process.env.REACT_APP_SCOPES]\n};\n","import { PublicClientApplication } from \"@azure/msal-browser\";\nimport { msalConfig } from \"../authConfig\"; \nconst msalInstance = new PublicClientApplication(msalConfig);\n\nexport default class AAD_B2CService {\n \n loggedIn() {\n return true;\n }\n\n logout() { \n msalInstance.logoutRedirect();\n } \n getUser() {\n try\n {\n const account = msalInstance.getAllAccounts()[0];\n \n return {\n email: account.idTokenClaims && account.idTokenClaims['signInNames.emailAddress']\n \n };\n } catch (error) {\n console.error('getUser() error', error);\n return null;\n }\n }\n\n\n getAuthHost() {\n try {\n const account = msalInstance.getAllAccounts()[0];\n \n if (process.env.NODE_ENV === 'development')\n return 'localhost';\n return account.idTokenClaims && account.idTokenClaims['extension_Host'];\n } catch (error) {\n console.error('getAuthHost() error', error);\n return null;\n }\n }\n getAuthHostClient() {\n try {\n const account = this.getAuthHost(); \n return account.split('.')[0];\n } catch (error) {\n console.error('getAuthHostClient() error', error);\n return null;\n }\n }\n}\n","import { GET_USER, GET_USER_SUCCESS } from '../constants/action-types';\nimport { takeLatest, put } from '@redux-saga/core/effects';\nimport AAD_B2CService from '../../services/AAD_B2C.service';\nimport dataholderService from '../../services/dataholder.service';\nimport * as ErrorHelper from '../../helpers';\nimport i18n from '../../i18n';\nimport { getHostClientFromURL } from '../../helpers';\n\nfunction* getUser(action) {\n const authService = new AAD_B2CService();\n const email = yield authService.getUser().email;\n const user = yield new dataholderService().getByEmail(email);\n const urlHostClient = getHostClientFromURL();\n const authHost = authService.getAuthHostClient();\n\n // user must be logged in an allowed host\n if (authHost !== urlHostClient || !user || !user.value[0]) {\n const errorMsg = i18n.t('messages.noCustomerDataFoundByEmail', { email });\n ErrorHelper.setError(\n errorMsg,\n () => {\n authService.logout();\n },\n 'Aviso',\n 'SALIR'\n );\n throw Error(errorMsg);\n }\n\n yield put({\n type: GET_USER_SUCCESS,\n payload: { userId: user && user.value[0] && user.value[0].id, email: email }\n });\n}\n\nexport function* watchUser() {\n yield takeLatest(GET_USER, getUser);\n}\n","import { getApimUrl } from '../helpers/configHelper';\n\nexport function getAll(contractId) {\n return fetch(\n `${getApimUrl(\"PrefixEnviromentContratos\")}/odata/Contratos?api-version=1.0&$expand=productos($expand=cups)&$filter=id eq ${contractId}`\n )\n .then(response => {\n if (response.ok) {\n return response.json();\n } else {\n throw Error(response.statusText);\n }\n })\n .catch(error => {\n console.error('CUPSService.get()', error);\n });\n}\n","import { FETCH_CUPS, FETCH_CUPS_SUCCESS } from '../constants/action-types';\nimport { takeLatest, put } from '@redux-saga/core/effects';\nimport * as cupsService from '../../services/cups.service';\n\nfunction* fetchCups(action) {\n const contractId = action.payload;\n try {\n const response = yield cupsService.getAll(contractId);\n if (response && response.value && response.value.length > 0) {\n const products = response.value[0].productos;\n const cups = products && products.map(product => product.cups && product.cups[0]);\n yield put({ type: FETCH_CUPS_SUCCESS, payload: cups });\n }\n } catch (error) {\n yield put({ type: FETCH_CUPS_SUCCESS, payload: undefined });\n console.error('fetchCups()', error);\n }\n}\n\nexport function* watchCups() {\n yield takeLatest(FETCH_CUPS, fetchCups);\n}\n","import {\n FETCH_INIT_DATA,\n GET_USER,\n FETCH_CONTRACTS,\n FETCH_INVOICES,\n SET_LOADING,\n GET_DATAHOLDER\n} from \"../constants/action-types\";\nimport { takeLatest, put, select, delay } from \"@redux-saga/core/effects\";\n\nexport const selectedUser = (state) => state.user.user;\n\n\nfunction* fetchInitData(action) {\n try {\n yield put({ type: SET_LOADING, payload: true });\n yield put({ type: GET_USER, payload: action.payload });\n\n while (true) {\n\n const user = yield select(selectedUser);\n\n if (user.userId !== null) {\n yield put({ type: FETCH_CONTRACTS, payload: user.userId });\n yield put({ type: FETCH_INVOICES, payload: user.userId });\n yield put({ type: GET_DATAHOLDER, payload: user.userId });\n yield put({ type: SET_LOADING, payload: false });\n\n break;\n }\n else {\n yield delay(1000);\n }\n }\n } catch (e) {\n console.log('ERROR fetchInitData', e);\n }\n}\n\nexport function* watchCore() {\n yield takeLatest(FETCH_INIT_DATA, fetchInitData);\n}\n","import { all, fork } from \"redux-saga/effects\";\nimport { watchContracts } from \"./contracts.saga\";\nimport { watchDataholder } from \"./dataholder.saga\";\nimport { watchInvoices } from \"./invoices.saga\";\nimport { watchUser } from \"./user.saga\";\nimport { watchCups } from \"./cups.saga\";\nimport { watchCore } from \"./core.saga\";\n\nexport default function* sagaWatchers() {\n yield all([\n fork(watchContracts),\n fork(watchDataholder),\n fork(watchInvoices),\n fork(watchUser),\n fork(watchCups),\n fork(watchCore)\n ]);\n}\n","export const Logger = (store) => (next) => (action) => {\n //console.log('Logger', action);\n next(action);\n}","import { createStore, applyMiddleware } from \"redux\";\nimport reducers, { initialState } from \"../reducers/index\";\nimport sagaWatchers from '../sagas/index';\nimport { Logger } from \"../middleware/logger\";\nimport { composeWithDevTools } from \"redux-devtools-extension\";\nimport createSagaMiddleware from \"redux-saga\";\n\nconst sagaMiddleware = createSagaMiddleware();\n\nconst store = createStore(\n reducers,\n initialState,\n composeWithDevTools(applyMiddleware(Logger, sagaMiddleware))\n);\n\nsagaMiddleware.run(sagaWatchers);\n\nexport default store;\n","import store from \"../redux/store/index\";\nimport { SET_ERROR } from \"../redux/constants/action-types\";\nimport i18n from \"../i18n\";\n\nexport function setError(\n message,\n onCloseHandler = null,\n title = i18n.t(\"messages.defaultErrorTitle\"),\n action = i18n.t(\"messages.defaultErrorAction\")\n) {\n store.dispatch({\n type: SET_ERROR,\n payload: { message, onCloseHandler, title, action }\n });\n}\n\nexport function resetError() {\n store.dispatch({ type: SET_ERROR, payload: { message: \"\", callback: null } });\n}\n","import * as ErrorHelper from \"../helpers\";\nimport i18n from \"../i18n\";\nimport { getApimUrl } from '../helpers/configHelper';\n\nexport function getInvoicePDF(invoiceCode, format) {\n return fetch(\n `${getApimUrl(\"PrefixEnviromentConceptApi\")}/api/files/invoice/${invoiceCode}/${format}`\n )\n .then(response => {\n if (response.ok) {\n return response.blob();\n } else {\n throw Error(response.statusText);\n }\n \n })\n .then(blob => {\n if (window.navigator.msSaveOrOpenBlob) {\n // Solution for IE\n var fileData = [blob];\n const blobObject = new Blob(fileData);\n window.navigator.msSaveOrOpenBlob(blobObject, `${invoiceCode}.${format}`);\n \n } else {\n // Other browsers\n const url = window.URL.createObjectURL(new Blob([blob]));\n const link = document.createElement(\"a\");\n link.href = url;\n link.setAttribute(\"download\", `${invoiceCode}.${format}`);\n // 3. Append to html page\n document.body.appendChild(link);\n // 4. Force download\n link.click();\n // 5. Clean up and remove the link\n link.parentNode.removeChild(link);\n }\n \n })\n .catch(error => {\n ErrorHelper.setError(\n i18n.t(\"messages.noDocumentFound\", { invoiceCode, format })\n );\n console.log(\"DocumentsService.getInvoicePDF()\", error);\n });\n}\n","import React from \"react\";\nimport { Link } from \"react-router-dom\";\nimport { withStyles } from \"@material-ui/core/styles\";\nimport { useTranslation } from 'react-i18next';\nimport Card from \"@material-ui/core/Card\";\nimport CardHeader from '@material-ui/core/CardHeader';\nimport CardContent from \"@material-ui/core/CardContent\";\nimport Typography from \"@material-ui/core/Typography\";\nimport { Button, CardActions, Divider, Icon } from \"@material-ui/core\";\nimport styles from \"./invoiceData.styles\";\nimport * as documentsService from \"../../../services/documents.service\";\nimport { Loading } from \"../../../components\";\n\nconst InvoiceData = (props) => {\n\n const onHandleRequestFileDownload = () =>\n documentsService.getInvoicePDF(props.invoice.codFactura, \"pdf\");\n\n const { classes, invoice } = props;\n const { t } = useTranslation();\n\n return (\n \n \n payment\n \n }\n title={t('dashboard.invoicesHeader')}\n titleTypographyProps={{ variant: \"h5\" }}\n />\n \n \n \n {invoice ? (\n new Intl.NumberFormat(\"es-ES\", {\n style: \"currency\",\n currency: \"EUR\"\n }).format(invoice.resumenFactura.totalFactura)\n ) : (\n \n )}\n \n \n {invoice && invoice.codFactura}\n \n \n {invoice && `${new Date(invoice.fechaInicio).toLocaleDateString()} - ${new Date(invoice.fechaFin).toLocaleDateString()}`}\n \n
\n \n \n \n {invoice && (\n \n {t('dashboard.invoicesDownloadActionLabel')}\n \n )}\n \n \n \n );\n}\n\nexport default withStyles(styles)(InvoiceData);\n","export default theme => ({\n card: {\n maxWidth: 350\n },\n cardHeader: {\n textAlign: \"right\",\n marginBottom: \"-22px\"\n },\n cardContent: {\n display: \"flex\",\n justifyContent: \"space-between\",\n alignItems: \"center\",\n minHeight: 143\n },\n cardData: {\n textAlign: \"right\",\n width: \"100%\"\n },\n cardInfo: {\n textAlign: \"right\"\n }\n});\n","import React, { Fragment } from \"react\";\nimport { withStyles } from \"@material-ui/core/styles\";\nimport { useTranslation } from 'react-i18next';\nimport Card from \"@material-ui/core/Card\";\nimport CardHeader from '@material-ui/core/CardHeader';\nimport CardContent from \"@material-ui/core/CardContent\";\nimport { Link } from \"react-router-dom\";\nimport { CardActions, Divider } from \"@material-ui/core\";\nimport { Button, Icon } from \"@material-ui/core\";\nimport Typography from \"@material-ui/core/Typography\";\nimport styles from \"./contractData.styles\";\nimport { Loading } from \"../../../components\";\n\nconst DataholderData = (props) => {\n\n const { classes, contract } = props;\n const product = contract && contract.productos[0];\n const cups = product && product.cups[0];\n const address = cups && cups.direccionInstalacion;\n const { t } = useTranslation();\n\n return (\n \n \n assignment\n \n }\n title={t('dashboard.contractHeader')}\n titleTypographyProps={{ variant: \"h5\" }}\n />\n \n \n {contract ? (\n \n {product ? (\n <>\n \n {product && product.descripcion}\n \n \n {cups && cups.codCUPS}\n \n \n {address && address.direccion}\n \n \n {address && `(${address.direccionCP}) ${address.direccionMunicipio}`}\n \n \n ) : (\n \n {t('dashboard.contractProductNotFound')}\n \n )}\n \n ) : (\n \n )}\n
\n \n \n \n {/* */}\n \n \n \n );\n}\n\nexport default withStyles(styles)(DataholderData);\n","export default theme => ({\n card: {\n maxWidth: 350\n },\n cardHeader: {\n textAlign: \"right\",\n marginBottom: \"-22px\"\n },\n cardContent: {\n display: \"flex\",\n justifyContent: \"space-between\",\n alignItems: \"center\",\n minHeight: 143\n },\n cardData: {\n textAlign: \"right\",\n width: \"100%\"\n },\n cardInfo: {\n textAlign: \"right\"\n }\n});\n","import { FETCH_CONTRACTS, SELECT_CONTRACT } from '../constants/action-types';\n\nexport function fetchContracts(payload) {\n return { type: FETCH_CONTRACTS, payload };\n}\n\nexport function selectContract(payload) {\n return { type: SELECT_CONTRACT, payload };\n}\n","import { useState, useEffect } from \"react\";\n\nconst useFilePath = (filePath, defaultPath = null) => {\n const [validFilePath, setValidFilePath] = useState(null);\n\n useEffect(() => {\n const checkFileExists = (path) => {\n return fetch(path, { method: \"HEAD\" })\n .then((response) => \n // Verifica si la respuesta es 200 y si el Content-Type no es html (Azure devuelve 200 aunque el archivo no exista pero con content-type text/html)\n response.ok && response.headers.get(\"Content-Type\") !== \"text/html\" ? path : null\n )\n .catch(() => null);\n };\n\n const checkFiles = async () => {\n const validPath = (await checkFileExists(filePath)) || (await checkFileExists(defaultPath)) || null;\n setValidFilePath(validPath);\n };\n\n checkFiles();\n }, [filePath, defaultPath]);\n\n return validFilePath;\n};\n\nexport default useFilePath;\n","import { Icon, Link, Typography } from \"@material-ui/core\";\nimport Card from \"@material-ui/core/Card\";\nimport CardContent from \"@material-ui/core/CardContent\";\nimport CardHeader from '@material-ui/core/CardHeader';\nimport { withStyles } from \"@material-ui/core/styles\";\nimport React from \"react\";\nimport { useTranslation } from 'react-i18next';\nimport { getHostPrefix } from \"../../../helpers\";\nimport useFilePath from \"../../../hooks/useFilePath\";\nimport styles from \"./securityInfoCard.styles\";\n\nconst SecurityInfoCard = (props) => {\n\n const { classes } = props;\n const { t } = useTranslation();\n\n // build file path url\n const hostPrefix = getHostPrefix();\n const clientFilePath = `${process.env.PUBLIC_URL}/static/clients/${hostPrefix}/Seguridad_Digital.pdf`;\n const defaultClientFilePath = `${process.env.PUBLIC_URL}/static/clients/default/Seguridad_Digital.pdf`;\n\n // check if file exists \n const filePath = useFilePath(clientFilePath, defaultClientFilePath);\n\n return (\n filePath && (\n \n \n warning\n \n }\n title={t('dashboard.securityInfoCardHeader')}\n titleTypographyProps={{ variant: \"h6\", color: \"textSecondary\" }}\n />\n \n \n <>\n \n \n ⮊ { t('dashboard.securityInfoCardLinkLabel')}\n \n \n \n
\n \n \n ));\n}\n\nexport default withStyles(styles)(SecurityInfoCard);\n","export default theme => ({\n card: {\n maxWidth: 350\n },\n cardHeader: {\n textAlign: \"left\",\n marginBottom: \"-30px\"\n },\n cardContent: {\n display: \"flex\",\n justifyContent: \"flex-start\",\n alignItems: \"center\",\n minHeight: 80\n },\n cardData: {\n textAlign: \"left\",\n width: \"100%\"\n },\n cardInfo: {\n textAlign: \"left\"\n }\n });\n ","import React, { Component } from \"react\";\nimport { withStyles } from \"@material-ui/core/styles\";\nimport DataholderData from \"./dataholderData/dataholderData\";\nimport ConsumptionData from \"./consumptionData/consumptionData\";\nimport InvoiceData from \"./invoiceData/invoiceData\";\nimport ContractData from \"./contractData/contractData\";\nimport styles from \"./dashboard.styles\";\nimport { withTranslation } from 'react-i18next';\nimport {\n Grid,\n FormControl,\n TextField\n} from \"@material-ui/core\";\nimport { connect } from \"react-redux\";\nimport { selectContract } from \"../../redux/actions/contracts.actions\";\nimport SecurityInfoCard from \"./securityInfoCard/securityInfoCard\";\n\nconst mapStateToProps = state => {\n return {\n appTitle: state.core.appTitle,\n contracts: state.contracts.contracts,\n contract: state.contracts.contract,\n dataholder: state.dataholder.dataholder,\n invoices: state.invoices.invoices,\n invoice: state.invoices.invoice,\n cups: state.cups.cups,\n selectedCups: state.cups.selectedCups\n };\n};\n\nfunction mapDispatchToProps(dispatch) {\n return {\n selectContract: contractId => {\n dispatch(selectContract(contractId))\n }\n };\n}\n\nclass ResumeContainer extends Component {\n constructor(props) {\n super(props);\n\n this.state = {\n availableContracts: null,\n availableInvoices: null,\n selectedContract: null,\n lastInvoice: null,\n consumptions: null,\n telemedido: null,\n availableCups: null,\n currentCups: null\n };\n\n this.handleContractChange = this.handleContractChange.bind(this);\n }\n\n static getDerivedStateFromProps(nextProps, prevState) {\n const { invoices, contract, contracts, selectedCups, cups } = nextProps;\n let availableInvoices = null;\n let availableContracts = null;\n let selectedContract = null;\n let consumptions = prevState.consumptions;\n let currentCups = null;\n let availableCups = null;\n\n invoices !== null ? (availableInvoices = invoices) : (consumptions = null);\n contract !== null ? (selectedContract = contract) : (consumptions = null);\n selectedCups !== null\n ? (currentCups = selectedCups)\n : (consumptions = null);\n\n cups !== null\n ? (availableCups = cups)\n : (availableCups = prevState.availableCups);\n\n if (contracts !== null && contracts !== prevState.availableContracts) {\n availableContracts = contracts;\n }\n\n const contractInvoices = selectedContract && availableInvoices.filter(\n invoice => invoice.contrato.id === selectedContract.id\n );\n const lastInvoice = contractInvoices && contractInvoices[0];\n\n const cupsTelemedido = currentCups && availableCups && availableCups.filter(\n c => c.codCUPS === currentCups.codCUPS\n )[0];\n\n return {\n ...prevState,\n availableInvoices,\n availableContracts,\n selectedContract,\n consumptions: consumptions && consumptions.value,\n currentCups,\n availableCups,\n lastInvoice,\n telemedido: cupsTelemedido && cupsTelemedido.telemedido\n };\n }\n\n handleContractChange(e) {\n this.props.selectContract(e.target.value);\n }\n\n render() {\n const { classes, contracts, contract, dataholder, t } = this.props;\n const {\n lastInvoice,\n availableInvoices,\n telemedido\n } = this.state;\n\n return (\n \n
\n {contracts &&\n contracts.length > 1 &&\n (\n \n \n {contracts.map((dt, i) => {\n return (\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 Datos del titular\n \n {dataholderInformation}\n \n
\n );\n }\n}\n\nexport default withStyles(styles)(DataholderInformation);\n","import React, { Component } from \"react\";\nimport { withStyles } from \"@material-ui/core/styles\";\nimport ExpansionPanel from \"@material-ui/core/ExpansionPanel\";\nimport ExpansionPanelDetails from \"@material-ui/core/ExpansionPanelDetails\";\nimport ExpansionPanelSummary from \"@material-ui/core/ExpansionPanelSummary\";\nimport Typography from \"@material-ui/core/Typography\";\nimport ExpandMoreIcon from \"@material-ui/icons/ExpandMore\";\nimport styles from \"./contactInformation.styles\";\nimport TextField from \"@material-ui/core/TextField\";\nimport Grid from \"@material-ui/core/Grid\";\n\nclass ContactInformation extends Component {\n state = {};\n\n render() {\n const { classes, dataholder } = this.props;\n\n return (\n \n \n }>\n Datos de contacto\n \n \n \n \n \n
\n );\n }\n}\n\nexport default withStyles(styles)(ContactInformation);\n","export default theme => ({\n root: {\n width: \"100%\",\n marginBottom: 15\n }\n});\n","import React, { Component } from \"react\";\nimport ExpansionPanel from \"@material-ui/core/ExpansionPanel\";\nimport ExpansionPanelDetails from \"@material-ui/core/ExpansionPanelDetails\";\nimport ExpansionPanelSummary from \"@material-ui/core/ExpansionPanelSummary\";\nimport Typography from \"@material-ui/core/Typography\";\nimport ExpandMoreIcon from \"@material-ui/icons/ExpandMore\";\nimport styles from \"./paymentMethods.styles\";\nimport {\n withStyles,\n Table,\n TableHead,\n TableRow,\n TableCell,\n TableBody\n} from \"@material-ui/core\";\nimport EditIcon from \"@material-ui/icons/Edit\";\n\nclass PaymentMethods extends Component {\n state = {};\n\n render() {\n const { classes, contracts } = this.props;\n\n if (!contracts) {\n return null;\n }\n\n return (\n \n
\n }>\n Métodos de pago\n \n Gestione sus diferentes métodos de pago activos\n \n \n \n \n \n \n Contrato\n Periodo contrato\n Método de pago\n Entidad bancaria\n IBAN\n \n \n \n \n {contracts.map((contract, index) => {\n return (\n \n {contract.codContrato}\n \n {new Date(contract.fechaInicio).toLocaleDateString() +\n \" - \" +\n new Date(contract.fechaFin).toLocaleDateString()}\n \n \n {contract.metodoPago.tipoMetodoPago}\n \n \n {contract.metodoPago.entidad &&\n contract.metodoPago.entidad}\n \n {contract.metodoPago.iban}\n \n \n \n \n );\n })}\n \n
\n \n \n
\n
\n \n {appTitle}\n \n \n
\n
\n
\n
\n \n
\n )}\n \n \n {invoices ? (\n \n {invoices.map((invoice, index) => {\n return (\n \n \n \n
\n \n {invoice.codContrato}\n \n \n {new Intl.NumberFormat(\"es-ES\", {\n style: \"currency\",\n currency: \"EUR\"\n }).format(invoice.resumenFactura.totalFactura)}\n \n
\n
\n \n {new Date(\n invoice.fechaInicio\n ).toLocaleDateString() +\n \" - \" +\n new Date(invoice.fechaFin).toLocaleDateString()}\n \n \n
\n
\n \n
\n \n \n \n );\n })}\n
\n ) : (\n \n \n
\n )}\n \n \n );\n }\n\n parseInvoices(invoices) {\n if (!invoices) {\n return [];\n }\n return invoices.map(\n ({\n codFactura,\n contrato,\n fechaInicio,\n fechaFin,\n fechaEmision,\n resumenFactura,\n estadoFactura\n }) => [\n codFactura,\n contrato.codContrato,\n new Date(fechaInicio).toLocaleDateString() +\n \" - \" +\n new Date(fechaFin).toLocaleDateString(),\n estadoFactura,\n new Date(fechaEmision).toLocaleDateString(),\n new Intl.NumberFormat(\"es-ES\", {\n style: \"currency\",\n currency: \"EUR\"\n }).format(resumenFactura.totalFactura),\n codFactura\n ]\n );\n }\n}\n\nexport default withTranslation()(withStyles(styles)(InvoiceList));\n","export default theme => ({\n root: {\n width: '100%'\n },\n invoice: {\n display: 'flex',\n padding: theme.spacing.unit * 2,\n backgroundColor: theme.palette.background.paper\n },\n invoiceDataContent: {\n flex: 1,\n display: 'flex',\n flexDirection: 'column'\n },\n invoiceData: {\n flex: 1,\n display: 'flex',\n justifyContent: 'space-between',\n marginRight: theme.spacing.unit\n },\n invoiceActions: {\n alignSelf: 'flex-start'\n },\n loadingContainer: {\n marginTop: '40px'\n }\n});\n","import React, { Component } from \"react\";\nimport { withStyles } from \"@material-ui/core/styles\";\nimport { withTranslation } from 'react-i18next';\nimport InvoiceList from \"./invoiceList/invoiceList\";\nimport Typography from \"@material-ui/core/Typography\";\nimport {\n Hidden, FormControl, TextField\n} from \"@material-ui/core\";\nimport { connect } from \"react-redux\";\nimport { selectContract } from \"../../redux/actions/contracts.actions\";\n\nconst mapStateToProps = state => {\n return {\n appTitle: state.core.appTitle,\n invoices: state.invoices.invoices,\n contracts: state.contracts.contracts,\n contract: state.contracts.contract\n };\n};\n\nfunction mapDispatchToProps(dispatch) {\n return {\n selectContract: contractId => dispatch(selectContract(contractId))\n };\n}\n\nconst styles = theme => ({\n root: {\n padding: theme.spacing.unit * 3,\n [theme.breakpoints.down(\"sm\")]: {\n padding: theme.spacing.unit\n }\n },\n header: {\n display: \"flex\",\n justifyContent: \"space-between\",\n marginBottom: \"8px\"\n }\n});\n\nclass InvoicesContainer extends Component {\n constructor(props) {\n super(props);\n this.state = {\n contractInvoices: null,\n availableInvoices: null,\n selectedContract: null\n };\n this.handleContractChange = this.handleContractChange.bind(this);\n }\n\n handleContractChange(e) {\n this.props.selectContract(e.target.value);\n }\n\n static getDerivedStateFromProps(nextProps, prevState) {\n const { invoices, contract } = nextProps;\n const contractInvoices = contract && invoices && invoices.filter(\n invoice => invoice.contrato.id === contract.id\n );\n return {\n availableInvoices: invoices,\n selectedContract: contract,\n contractInvoices: contractInvoices\n };\n }\n\n render() {\n const { classes, appTitle, contracts, t } = this.props;\n const { selectedContract, contractInvoices } = this.state;\n\n return (\n \n
\n \n \n {appTitle}\n \n \n {contracts && contracts.length > 1 && (\n \n \n {contracts.map((dt, i) => {\n return (\n \n );\n })}\n \n \n )}\n
\n
\n
\n
\n
\n \n \n {appTitle}\n \n \n
\n
\n \n {contracts && contracts.length > 0 && (\n \n \n \n {contracts.map((dt, i) => {\n return (\n \n );\n })}\n \n \n \n )}\n \n \n \n {cups && cups.map((dt, i) => {\n return (\n \n );\n })}\n \n \n \n \n
\n
\n\n
\n \n {/* \n \n \n }\n label=\"Facturado\"\n labelPlacement=\"top\"\n />\n \n }\n label=\"Nominado\"\n labelPlacement=\"top\"\n />\n \n }\n label=\"Contractual\"\n labelPlacement=\"top\"\n />\n \n */}\n \n \n this.handleInitDateChange(date)}\n format=\"DD/MM/YYYY\"\n InputProps={{\n startAdornment: (\n \n today\n \n ),\n shrink: \"true\"\n }}\n maxDate={endDate}\n maxDateMessage=\"Debe ser inferior a la fecha fin\"\n />\n \n \n \n \n this.handleEndDateChange(date)}\n format=\"DD/MM/YYYY\"\n InputProps={{\n startAdornment: (\n \n today\n \n ),\n shrink: \"true\"\n }}\n minDate={initDate}\n minDateMessage=\"Debe ser superior a la fecha inicio\"\n />\n \n \n \n {consumptions && telemedido !== null && availableInvoices ? (\n \n ) : (\n \n \n
\n )}\n \n
\n {contracts.map((contract, index) => {\n return (\n
\n \n \n
\n \n {contract.codContrato} - {contract.descripcion}\n \n
\n
\n {expanded === index && (\n
\n \n {/* \n \n edit\n \n \n \n \n \n \n */}\n \n \n this.handleNavigationToInvoices(contract.id)\n }\n >\n file_copy\n \n \n \n\n \n \n \n \n )}\n {expanded !== index && (\n
\n )}\n
\n
\n
\n \n {appTitle}\n \n \n {contracts && contract && dataholder ? (\n
\n ) : (\n
\n \n
\n )}\n
\n \n \n \n {t('profile.profileDataHeader')}\n \n \n \n \n \n \n \n \n \n \n \n \n {t('profile.contactDataHeader')}\n \n \n {dataholder.contactos.map((contacto, index) => {\n return (\n \n \n \n \n \n \n \n \n \n \n \n );\n })}\n \n \n \n \n {t('profile.preferencesDataHeader')}\n \n \n \n \n \n \n
\n \n \n ) : (\n \n \n
\n )\n )\n }\n}\n\nexport default withTranslation()(withStyles(styles)(ProfileDataComponent));\n","import { CHANGE_APP_TITLE, SET_LOADING, FETCH_INIT_DATA, SET_ERROR } from \"../constants/action-types\";\n\nexport function changeAppTitle(payload) {\n return { type: CHANGE_APP_TITLE, payload };\n}\n\nexport function fetchInitData(payload) {\n return { type: FETCH_INIT_DATA, payload };\n}\n\nexport function setLoading(payload) {\n return { type: SET_LOADING, payload };\n}\n\nexport function setError(payload) {\n return { type: SET_ERROR, payload };\n}","import React, { Component } from \"react\";\nimport { withStyles, Typography } from \"@material-ui/core/\";\nimport Hidden from \"@material-ui/core/Hidden\";\nimport ProfileData from \"./profileData/profileData\";\nimport { connect } from \"react-redux\";\nimport { changeAppTitle } from \"../../redux/actions/core.actions\";\n\nfunction mapDispatchToProps(dispatch) {\n return {\n changeAppTitle: title => dispatch(changeAppTitle(title))\n };\n}\n\nconst mapStateToProps = state => {\n return {\n appTitle: state.core.appTitle,\n user: state.user.user,\n dataholder: state.dataholder.dataholder\n };\n};\n\nconst styles = theme => ({\n root: {\n padding: theme.spacing.unit * 3,\n [theme.breakpoints.down(\"sm\")]: {\n padding: theme.spacing.unit\n }\n }\n});\n\nclass ProfileContainer extends Component {\n constructor(props) {\n super(props);\n this.state = {};\n }\n render() {\n const { classes, appTitle, user, dataholder } = this.props;\n return (\n \n
\n \n {appTitle}\n \n \n\n
\n
\n
\n \n {appTitle}\n \n \n
\n \n \n \n \n
\n \n {t('changes.customer.header')}\n \n \n {t('changes.customer.helpText')}\n \n
\n
\n \n person\n \n
\n
\n
\n \n {t('changes.power.header')}\n \n \n {t('changes.power.helpText')}\n \n
\n
\n \n power_input\n \n
\n
\n
\n \n {t('changes.product.header')}\n \n \n {t('changes.product.helpText')}\n \n
\n
\n \n track_changes\n \n
\n
\n
\n \n {t('changes.paymentData.header')}\n \n \n {t('changes.paymentData.helpText')}\n \n
\n
\n \n credit_card\n \n
\n
\n
\n \n \n \n \n
\n );\n }\n}\n\nconst Layout = connect(\n mapStateToProps,\n mapDispatchToProps\n)(LayoutContainer);\n\nexport default withRouter(withTranslation()(withStyles(styles)(Layout)));\n","export default theme => ({\n root: {\n display: 'flex',\n },\n });","export function getToken(idToken) {\n // if (process.env.NODE_ENV === 'development') {\n // return {\n // access_token:\n // 'eyJ0eXAiOiJKV1QiLCJhbGciOiJSUzI1NiIsIng1dCI6IlNzWnNCTmhaY0YzUTlTNHRycFFCVEJ5TlJSSSIsImtpZCI6IlNzWnNCTmhaY0YzUTlTNHRycFFCVEJ5TlJSSSJ9.eyJhdWQiOiJodHRwczovL2dsb2JhbGVyaXMub25taWNyb3NvZnQuY29tL09EYXRhU2VydmljZSIsImlzcyI6Imh0dHBzOi8vc3RzLndpbmRvd3MubmV0LzM2M2IyMjExLWY3ZmQtNDBlMy1hNGQyLWYyMjFmOTkxNjA1MC8iLCJpYXQiOjE1OTEyNjgzMzgsIm5iZiI6MTU5MTI2ODMzOCwiZXhwIjoxNTkxMjcyMjM4LCJhaW8iOiI0MmRnWUlqZU8yL04wM01CYWkrM2Q5NjIzTVU0Q3dBPSIsImFwcGlkIjoiMDFmNWUzMTctZGQ5Zi00NGY4LWIyZTUtZmYzNTMwMGY5NTVjIiwiYXBwaWRhY3IiOiIxIiwiaWRwIjoiaHR0cHM6Ly9zdHMud2luZG93cy5uZXQvMzYzYjIyMTEtZjdmZC00MGUzLWE0ZDItZjIyMWY5OTE2MDUwLyIsIm9pZCI6IjllNDgxNzllLWQwM2QtNGJlNS04NWEyLWFkZWQ5OGNiZDIzYSIsInJvbGVzIjpbIkFsbCJdLCJzdWIiOiI5ZTQ4MTc5ZS1kMDNkLTRiZTUtODVhMi1hZGVkOThjYmQyM2EiLCJ0aWQiOiIzNjNiMjIxMS1mN2ZkLTQwZTMtYTRkMi1mMjIxZjk5MTYwNTAiLCJ1dGkiOiJrRklkS2hkQ3IwT0ZsajhSXzJjZ0FBIiwidmVyIjoiMS4wIn0.f7Qw3afigErPUnuzPx5QOj59NGMOROXjbDW2Z8dtQoWxDIBkdlSJgxHzyBy3BnxffYhLa9FH4_9X4S1JL5U-NMLKcFJ6v8osV-0m4utXIgBc_8IsbLyn8Bb0SWIJdA6V_owIkuYD99pslzRdLj6f2pzJplXkbPwyOLpKlEROPM0Kh8mQEtQaUL6sxkSY6k85DWevsej8UzXiCmkmyv3mbbv5VzHHbY0A19ymhZLZaVOFw3ODSyhgnrSa2GKf2rG4RLWCil3vQk5Cip88fItTb3oiM0eHQzYA_plUHL0MbxNTnxXf0yGwPPFmSMTahQxdv-p33jtMUUEJAA7D4EcleA'\n // };\n // }\n\n const host = window.location.href.split('/').slice(0, 3).join('/');\n return fetch(`${host}/api/oDataAuth/GetAuthToken`,\n {\n headers: {\n Authorization: 'Bearer ' + idToken //sessionStorage.getItem('msal.idtoken')\n }\n })\n .then(\n response => {\n if (response.ok) {\n return response.json();\n } else {\n throw Error(response.statusText);\n }\n },\n error => {\n console.log('oDataAuth.getToken()', error);\n }\n )\n .catch(error => {\n console.log('oDataAuth.getToken()', error);\n });\n}\n","\nexport async function fetchConfiguration(token) {\n\n const config = {\n method: \"GET\",\n headers: { Authorization: `Bearer ${token}` },\n };\n\n return await fetch(`api/AppConfiguration/FetchConfigurations`, config).then(\n (response) => {\n if (response !== undefined) {\n return response.json();\n } else {\n return [];\n }\n }\n );\n}","import React, { Component, Suspense } from 'react';\nimport 'babel-polyfill';\nimport LayoutContainer from './components/layout/layoutContainer';\nimport { MuiThemeProvider } from '@material-ui/core/styles';\nimport LinearProgress from '@material-ui/core/LinearProgress';\nimport { theme as defaultTheme } from './themes/default/theme';\nimport * as oDataAuthService from './services/oDataAuth.service';\nimport * as appConfigurationService from \"./services/appConfiguration.service\";\nimport { connect } from 'react-redux';\nimport { fetchInitData } from './redux/actions/core.actions';\nimport { initializeHttpInterceptors } from './services/interceptors';\nimport { Loading } from './components';\nimport { getHostPrefix } from './helpers';\nimport { withStyles } from '@material-ui/core/styles';\nimport { useEffect } from \"react\";\n// MSAL imports \nimport { InteractionStatus, InteractionType, EventType } from \"@azure/msal-browser\";\nimport { useMsal, useIsAuthenticated, MsalContext, AuthenticatedTemplate, MsalAuthenticationTemplate, UnauthenticatedTemplate } from \"@azure/msal-react\";\nimport { loginRequest } from \"./authConfig\";\n// MSAL imports \n\n\nconst CustomLinearProgress = withStyles({\n root: {\n margin: '-8px'\n },\n colorPrimary: {\n backgroundColor: '#e6375a'\n },\n barColorPrimary: {\n backgroundColor: '#fff'\n }\n})(LinearProgress);\n\nconst mapStateToProps = state => {\n return { user: state.userName };\n};\n\nfunction mapDispatchToProps(dispatch) {\n return {\n fetchInitData: () => dispatch(fetchInitData())\n };\n}\n \nclass App extends Component {\n constructor(props) {\n super(props);\n \n this.state = {\n customTheme: defaultTheme,\n userName: ''\n };\n\n // load theme for the client's host\n const urlHostPrefix = getHostPrefix();\n import(/* webpackMode: \"eager\" */ `./themes/${urlHostPrefix}/theme.js`)\n .then(loadedModule => {\n this.setState({ customTheme: loadedModule.theme });\n })\n .catch(error => {\n // No theme was found for the current url Host. Default theme will be used.\n console.log(error);\n\n });\n }\n \n componentDidMount() {\n \n // This will be run on component mount \n const callbackId = this.context.instance.addEventCallback(async (message) => {\n \n // This will be run every time an event is emitted after registering this callback \n if (message.eventType === EventType.ACQUIRE_TOKEN_SUCCESS) {\n\n const oDataToken = await oDataAuthService.getToken(message.payload.idToken); \n localStorage.setItem('oDataAuthToken', oDataToken && oDataToken.access_token);\n\n //await this.props.fetchAppConfiguration(message.payload.idToken);\n\n const config = await appConfigurationService.fetchConfiguration(message.payload.idToken); \n localStorage.setItem('configuration', JSON.stringify(config));\n\n initializeHttpInterceptors(); \n await this.props.fetchInitData();\n }\n if (message.eventType === EventType.LOGIN_SUCCESS) {\n \n this.setState({ userName: message.payload.account.name });\n }\n });\n \n this.setState({ userName: callbackId });\n \n }\n\n componentWillUnmount() {\n // This will be run on component unmount \n if (this.state.callbackId) { \n this.context.instance.removeEventCallback(this.state.callbackId); \n }\n \n }\n\n \n static contextType = MsalContext;\n render() { \n return ( \n <>\n \n \n \n }>\n \n \n \n \n \n \n \n \n \n ); \n }\n}\n\nexport function ProtectedData( ) {\n const { accounts, instance, inProgress } = useMsal();\n const isAuthenticated = useIsAuthenticated();\n \n useEffect(() => {\n\n \n async function getToken(accounts, instance) { \n if (accounts.length > 0) {\n const request = {\n scopes: loginRequest.scopes,\n account: accounts[0]\n }\n const accessToken = await instance.acquireTokenSilent(request)\n .then((response) => { \n return response.idToken;\n }).catch(error => {\n // Do not fallback to interaction when running outside the context of MsalProvider. Interaction should always be done inside context.\n console.log(error);\n return null;\n });\n\n return accessToken;\n }\n return null;\n }\n\n if (isAuthenticated && inProgress === InteractionStatus.None) {\n \n if (accounts.length > 0) { \n getToken(accounts, instance);\n } \n }\n }, [isAuthenticated, inProgress, instance]); \n\n return ();\n}\n\nexport default connect(mapStateToProps, mapDispatchToProps)(App);\n ","import fetchIntercept from 'fetch-intercept';\nimport { getAppConfigurationKey } from '../helpers/appConfigurationHelper';\n\nexport function initializeHttpInterceptors() {\n fetchIntercept.register({\n request: function (url, config) {\n if (url.indexOf('oDataAuth/GetAuthToken') !== -1) {\n //config = {\n // headers: {\n // Authorization: 'Bearer ' + sessionStorage.getItem('msal.idtoken')\n // }\n //};\n } else {\n if (url.indexOf('odata') !== -1) {\n config = {\n headers: {\n 'Ocp-Apim-Subscription-Key': getAppConfigurationKey(\"AreaPrivada:Subscription\"),\n Authorization: 'Bearer ' + localStorage.getItem('oDataAuthToken')\n }\n };\n } else {\n config = {\n headers: {\n 'Ocp-Apim-Subscription-Key': getAppConfigurationKey(\"AreaPrivada:Subscription\"),\n Authorization: 'Bearer ' + localStorage.getItem('oDataAuthToken'),\n \n }\n };\n }\n }\n return [url, config];\n },\n\n requestError: function (error) {\n return Promise.reject(error);\n },\n\n response: function (response) {\n if (!response.ok) {\n throw Error(response.statusText);\n }\n return response;\n },\n\n responseError: function (error) {\n return Promise.reject(error);\n }\n });\n}\n\n","// In production, we register a service worker to serve assets from local cache.\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 the \"N+1\" visit to a page, since previously\n// cached resources are updated in the background.\n\n// To learn more about the benefits of this model, read https://goo.gl/KwvDNy.\n// This link also includes instructions on opting out of this behavior.\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 default function register () {\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);\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/facebookincubator/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. Lets check if a service worker still exists or not.\n checkValidServiceWorker(swUrl);\n } else {\n // Is not local host. Just register service worker\n registerValidSW(swUrl);\n }\n });\n }\n}\n\nfunction registerValidSW (swUrl) {\n navigator.serviceWorker\n .register(swUrl)\n .then(registration => {\n registration.onupdatefound = () => {\n const installingWorker = registration.installing;\n installingWorker.onstatechange = () => {\n if (installingWorker.state === 'installed') {\n if (navigator.serviceWorker.controller) {\n // At this point, the old content will have been purged and\n // the fresh content will have been added to the cache.\n // It's the perfect time to display a \"New content is\n // available; please refresh.\" message in your web app.\n console.log('New content is available; please refresh.');\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 }\n };\n };\n })\n .catch(error => {\n console.error('Error during service worker registration:', error);\n });\n}\n\nfunction checkValidServiceWorker (swUrl) {\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 if (\n response.status === 404 ||\n response.headers.get('content-type').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);\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 from 'react';\nimport ReactDOM from 'react-dom';\nimport { BrowserRouter } from 'react-router-dom';\nimport App from './App';\nimport registerServiceWorker from './registerServiceWorker';\nimport { Provider } from 'react-redux';\nimport store from './redux/store/index';\nimport './i18n';\nimport { getForgotPasswordURL } from './helpers';\n\n// MSAL imports\nimport { MsalProvider } from \"@azure/msal-react\";\nimport { PublicClientApplication } from \"@azure/msal-browser\";\nimport { msalConfig } from \"./authConfig\";\n// MSAL imports\n\nconst MSAL_ERROR_DESCRIPTION_KEY = 'msal.error.description';\n\n\nconst runApp = () => {\n // WORKAROUND: https://github.com/AzureAD/microsoft-authentication-library-for-js/issues/1301\n window.opener = null;\n //\n\n const baseUrl = document.getElementsByTagName('base')[0].getAttribute('href');\n const rootElement = document.getElementById('root');\n const msalInstance = new PublicClientApplication(msalConfig);\n ReactDOM.render(\n \n \n \n \n \n \n ,\n rootElement\n );\n registerServiceWorker();\n};\n\nconst checkODataErrorCodes = () => {\n const msalErrorDescription =\n sessionStorage.getItem(MSAL_ERROR_DESCRIPTION_KEY) || window.location.hash;\n if (msalErrorDescription && msalErrorDescription.indexOf('AADB2C90118') >= 0) { \n // the user requested a forgot password\n sessionStorage.removeItem(MSAL_ERROR_DESCRIPTION_KEY);\n window.location.href = getForgotPasswordURL();\n } else if (msalErrorDescription && msalErrorDescription.indexOf('AADB2C90091') >= 0) {\n // the user canceled the singup process\n sessionStorage.removeItem(MSAL_ERROR_DESCRIPTION_KEY);\n window.location.href = '/';\n } else {\n // if no error codes were found, runs the app.\n try {\n runApp();\n } catch (error) {\n // unhandled oAuth error, redirect to home\n // WORKAROUND: https://github.com/AzureAD/microsoft-authentication-library-for-js/issues/701\n window.location.href = '/';\n }\n }\n};\n\nwindow.addEventListener('load', function () {\n const { matchesUA } = require('browserslist-useragent');\n const isASupportedBrowser = matchesUA(navigator.userAgent, {\n allowHigherVersions: true\n });\n if (!isASupportedBrowser) {\n console.error('Unsupported Browser:', navigator.userAgent);\n document.write(\n 'NAVEGADOR NO SOPORTADO
Estás utilizando un navegador no soportado para esta aplicación.
Por favor, actualiza la versión de tu navegador.
'\n );\n } else {\n // if it's a supported browser, check OData errors.\n checkODataErrorCodes();\n }\n});\n","import { createMuiTheme } from '@material-ui/core/styles';\n\nexport const theme = createMuiTheme({\n logoBase64:\n 'data:image/png;base64,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',\n typography: {\n useNextVariants: true,\n h4: {\n color: 'rgba(0, 0, 0, 0.77)'\n },\n h5: {\n color: 'rgba(0, 0, 0, 0.77)'\n }\n },\n palette: {\n primary: {\n main: '#3b837b',\n contrastText: '#ffffff'\n },\n secondary: {\n main: '#3b837b',\n contrastText: '#ffffff'\n },\n action: {\n main: '#3b837b',\n contrastText: '#ffffff'\n }\n },\n overrides: {\n MuiFormControl: {\n root: {\n 'min-width': '100px'\n }\n }\n }\n});\n"],"sourceRoot":""}