\n \n \n );\n }\n}\n\nexport default FormValidation;\n","function isExisty(value) {\n return value !== null && value !== undefined;\n}\n\nfunction isEmpty(value) {\n if (value instanceof Array) {\n return value.length === 0;\n }\n return value === '' || !isExisty(value);\n}\n\nfunction isEmptyTrimed(value) {\n if (typeof value === 'string') {\n return value.trim() === '';\n }\n return true;\n}\n\nconst validations = {\n matchRegexp: (value, regexp) => {\n const validationRegexp =\n regexp instanceof RegExp ? regexp : new RegExp(regexp);\n return isEmpty(value) || validationRegexp.test(value);\n },\n\n isEmpty: value => isEmpty(value),\n\n required: value => !isEmpty(value),\n\n trim: value => !isEmptyTrimed(value),\n\n isNumber: value => validations.matchRegexp(value, /^-?[0-9]\\d*(\\d+)?$/i),\n\n isFloat: value =>\n validations.matchRegexp(value, /^(?:-?[1-9]\\d*|-?0)?(?:\\.\\d+)?$/i),\n\n isPositive: value => {\n if (isExisty(value)) {\n return (\n (validations.isNumber(value) || validations.isFloat(value)) &&\n value >= 0\n );\n }\n return true;\n },\n\n maxNumber: (value, max) =>\n isEmpty(value) || parseInt(value, 10) <= parseInt(max, 10),\n\n minNumber: (value, min) =>\n isEmpty(value) || parseInt(value, 10) >= parseInt(min, 10),\n\n maxFloat: (value, max) =>\n isEmpty(value) || parseFloat(value) <= parseFloat(max),\n\n minFloat: (value, min) =>\n isEmpty(value) || parseFloat(value) >= parseFloat(min),\n\n isString: value =>\n !isEmpty(value) || typeof value === 'string' || value instanceof String,\n minStringLength: (value, length) =>\n validations.isString(value) && value.length >= length,\n maxStringLength: (value, length) =>\n validations.isString(value) && value.length <= length,\n\n // eslint-disable-next-line no-undef\n isFile: value => value instanceof File,\n maxFileSize: (value, max) =>\n validations.isFile(value) && value.size <= parseInt(max, 10),\n allowedExtensions: (value, fileTypes) =>\n validations.isFile(value) && fileTypes.split(',').indexOf(value.type) !== -1\n};\n\nexport default validations;\n","import React, { Fragment } from 'react';\nimport './style.css';\nimport { useTranslation } from 'react-i18next';\n\nfunction ErrorMessage(props) {\n const { t } = useTranslation();\n return (\n \n {props.display && (\n \n {props.errFromValidation\n ? t(props.err)\n : t(`error_server.${props.err}`)}\n
\n )}\n \n );\n}\n\nexport default ErrorMessage;\n","// EE_TODO: add async/await here in case of fetch validation requests?\n// EE_TODO: add a debounce on the validation\n// EE_TODO: look into performance optim\n\nimport React, { Component } from 'react';\nimport validations from './validations';\nimport SubmitContext from '../FormValidation/SubmitContext';\nimport ErrorMessage from '../ErrorMessage';\nimport './style.css';\n\nclass Input extends Component {\n constructor(props) {\n super(props);\n this.state = {\n inputValue: props.value || '',\n errorMessage: '',\n displayError: false,\n onFocus: false\n };\n this.inputHandleChange = this.inputHandleChange.bind(this);\n this.getErrorMessage = this.getErrorMessage.bind(this);\n this.validate = this.validate.bind(this);\n this.reset = this.reset.bind(this);\n this.onFocus = this.onFocus.bind(this);\n this.onBlur = this.onBlur.bind(this);\n }\n\n static getDerivedStateFromProps(props, state) {\n const newState = state;\n // if props onChange is present: the control comes from the parent, not the child\n if (props.onChange) {\n newState.inputValue = props.value;\n }\n return newState;\n }\n\n componentDidMount() {\n this.context.provideValidateFunction(this.props.name, this.validate);\n this.context.provideResetFunction(this.props.name, this.reset);\n }\n\n componentWillUnmount() {\n this.context.unmountFunction(this);\n }\n\n onFocus() {\n this.setState({\n onFocus: true\n });\n }\n\n onBlur() {\n this.setState({\n onFocus: false\n });\n }\n\n getErrorMessage(newInput) {\n if (!this.props.validationRules) {\n return '';\n }\n const vRules = this.props.validationRules;\n let isSuccessValidated;\n for (let i = 0; i < vRules.length; i++) {\n if (typeof vRules[i].rule === 'function') {\n isSuccessValidated = vRules[i].rule(newInput);\n } else {\n isSuccessValidated = validations[vRules[i].rule](newInput);\n }\n if (!isSuccessValidated) {\n return vRules[i].err;\n }\n }\n return '';\n }\n\n validate() {\n const errorMessage = this.getErrorMessage(this.state.inputValue);\n const displayError = !!errorMessage.length;\n this.setState(prevState => ({\n displayError,\n errorMessage: this.getErrorMessage(prevState.inputValue)\n }));\n\n const val = {};\n val[this.props.name] = !errorMessage.length;\n\n this.context.provideValidationResult(val, this.state.inputValue);\n }\n\n reset() {\n this.setState({ inputValue: '' });\n }\n\n inputHandleChange(e) {\n const newInputValue = e.target.value;\n\n // if props onChange is present: the control comes from the parent, not the child\n if (this.props.onChange) {\n this.props.onChange(newInputValue)\n this.validate()\n } else {\n this.setState(\n {\n inputValue: newInputValue\n },\n () => {\n this.validate();\n }\n );\n }\n }\n\n render() {\n const isRequired = this.props.validationRules && this.props.validationRules.length > 0;\n return (\n \n {this.props.info} \n )}\n {this.props.warning && (\n {this.props.warning} \n )}\n 0\n ? 'onFocus floating-label'\n : 'floating-label'\n }\n >\n {this.props.placeholder + (isRequired ? '*' : '')}\n \n {this.context.pressedSubmit ? (\n
\n );\n }\n}\n\nInput.contextType = SubmitContext;\nexport default Input;\n","import React, { Component } from 'react';\nimport { Redirect, Link } from 'react-router-dom';\nimport { Translation } from 'react-i18next';\nimport Auth from '../../Router/Auth';\nimport FormValidation from '../../Components/FormValidation';\nimport Input from '../../Components/Input';\nimport ErrorMessage from '../../Components/ErrorMessage';\nimport './style.css';\nimport { mixpanelSubmit } from '../../utils/mixpanel';\n\nclass Login extends Component {\n constructor(props) {\n super(props);\n this.state = {\n redirectToReferrer: false,\n displayError: false,\n errorMessage: '',\n lockButton: false,\n macPrefill: props.macPrefillFromURL ? props.macPrefillFromURL : {}\n };\n this.login = this.login.bind(this);\n }\n\n componentDidMount() {\n if (Auth.enableSSOLogin && Auth.errorMessage) {\n this.setState({\n displayError: true,\n errorMessage: Auth.errorMessage\n });\n }\n }\n\n login(data) {\n if (Auth.enableSSOLogin) {\n Auth.redirectToSSO(this.state.macPrefill);\n return;\n }\n this.setState({ lockButton: true });\n Auth.signin(data.username, data.password)\n .then(() => {\n mixpanelSubmit('Login', { 'Login Successful': true });\n this.setState({\n redirectToReferrer: true\n });\n })\n .catch(err => {\n this.setState({\n displayError: true,\n errorMessage: err.message,\n lockButton: false\n });\n });\n }\n\n render() {\n const { from } = this.props.location.state || { from: { pathname: '/' } };\n const { redirectToReferrer } = this.state;\n\n if (redirectToReferrer) return \n {t => (\n \n
\n
{t('header.title_notloggedin')} \n
\n {!Auth.enableSSOLogin &&\n \n\n
\n
\n\n {!Auth.enableSSOLogin &&\n
\n
\n }\n\n
\n
\n );\n }\n}\n\nexport default Login;\n","import React, { Component, Fragment } from 'react';\nimport './style.css';\nimport { Translation } from 'react-i18next';\nimport DataFlowContext from '../Wizard/DataFlowContext';\n\nclass Navigation extends Component {\n constructor(props) {\n super(props);\n this.state = {\n lockButton: false\n };\n this.handleNext = this.handleNext.bind(this);\n this.handleBack = this.handleBack.bind(this);\n }\n\n componentDidUpdate(prevProps) {\n if (\n this.props.isValidated &&\n (!prevProps.isValidated || prevProps.isValidated === undefined)\n ) {\n this.handleNext();\n }\n }\n\n handleBack() {\n this.context.navigate('back');\n }\n\n handleNext() {\n if (this.props.isValidated || this.props.isValidated === undefined) {\n // submit\n if (this.props.apicall) {\n // lock button\n this.setState({ lockButton: true });\n // Make api call\n this.props\n .apicall()\n .then(() => {\n this.context.saveData(this.props.data);\n })\n .catch(() => {\n this.setState({\n lockButton: false\n });\n });\n } else {\n this.context.saveData(this.props.data);\n }\n }\n }\n\n render() {\n return (\n \n {t => (\n \n \n {!this.props.disablePrevButton && (\n \n {t('navigation.button_back')}\n \n )}\n\n \n {this.props.overrideNextText || t('navigation.button_next')}\n \n \n \n )}\n \n );\n }\n}\n\nNavigation.contextType = DataFlowContext;\nexport default Navigation;\n","export function macFormatting(mac) {\n // 1st step, remove all the :\n const removedC = mac.replace(/:/g, '');\n const cArray = removedC.split('');\n\n // 2nd step create array every 4 char\n let tempVal = '';\n const tempArray = [];\n cArray.forEach((x, i) => {\n if (i % 4 === 0 && i > 0 && i <= cArray.length - 4) {\n tempArray.push(tempVal);\n tempVal = x;\n } else {\n tempVal += x;\n }\n if (i === cArray.length - 1) {\n tempArray.push(tempVal);\n }\n });\n\n // join with :\n const formattedMac = tempArray.join(':');\n\n // turn to upper case\n const formattedMacUpper = formattedMac.toUpperCase();\n\n return formattedMacUpper;\n}\n","import React, { Component, Fragment } from 'react';\nimport Navigation from '../../Components/Navigation';\nimport FormValidation from '../../Components/FormValidation';\nimport Input from '../../Components/Input';\nimport ErrorMessage from '../../Components/ErrorMessage';\nimport { fetchAPI } from '../../Router/helpers';\nimport { macFormatting } from './helpers';\nimport './style.css';\n\nclass MacActivation extends Component {\n constructor(props) {\n super(props);\n const defaultMac = {\n mac: '',\n macpass: ''\n };\n\n if (props.savedData) {\n defaultMac.mac = props.savedData.defaultmac;\n defaultMac.macpass = props.savedData.defaultmacpass;\n }\n this.state = {\n ...defaultMac,\n data: {},\n isValidated: false,\n displayError: false,\n errorMessage: ''\n };\n this.formValidationOutput = this.formValidationOutput.bind(this);\n this.pageApiCall = this.pageApiCall.bind(this);\n }\n\n formValidationOutput(data) {\n this.setState({ isValidated: true, data });\n }\n\n pageApiCall() {\n return new Promise((resolve, reject) => {\n fetchAPI('/installer/validate_mac_address', {\n mac_address: this.state.data.mac,\n password: this.state.data.password\n })\n .then(res => {\n if (res.validMac) {\n this.setState(\n prevState => ({\n data: {\n mac: macFormatting(prevState.data.mac),\n password: prevState.data.password,\n ...res\n }\n }),\n () => {\n resolve();\n }\n );\n } else {\n throw Error(res.err_type);\n }\n })\n .catch(err => {\n this.setState(\n {\n displayError: true,\n errorMessage: err.message,\n isValidated: false\n },\n () => {\n reject();\n }\n );\n });\n });\n }\n\n render() {\n const { t } = this.props;\n\n return (\n \n \n \n \n );\n }\n}\n\nexport default MacActivation;\n","import React, { Component } from 'react';\nimport './style.css';\n\nclass Radio extends Component {\n constructor(props) {\n super(props);\n this.handleOptionChange = this.handleOptionChange.bind(this);\n }\n\n handleOptionChange(option) {\n this.props.onSelected(option);\n }\n\n render() {\n return (\n \n {this.props.labels.map((label, i) => (\n // eslint-disable-next-line react/no-array-index-key\n
\n {\n this.handleOptionChange(label.key);\n }}\n />\n {label.text}
\n \n ))}\n
\n {t('installationtype.paragraph_intro')}
\n \n );\n }\n}\n\nexport default InstallationType;\n","import React, { Component, createRef } from 'react';\nimport './style.css';\nimport { Translation } from 'react-i18next';\nimport SubmitContext from '../FormValidation/SubmitContext';\nimport ErrorMessage from '../ErrorMessage';\n\nclass Dropdown extends Component {\n constructor(props) {\n super(props);\n this.state = {\n options: props.options || [],\n selectedOption: props.selectedOption || 'initial',\n errorMessage: props.errorValidation || '',\n displayError: false\n };\n this.handleChange = this.handleChange.bind(this);\n this.validate = this.validate.bind(this);\n this.reset = this.reset.bind(this);\n this.dropdownRef = createRef();\n }\n\n static getDerivedStateFromProps(props, state) {\n const newState = state;\n if (props.selectedOption) {\n newState.selectedOption = props.selectedOption;\n }\n newState.options = props.options;\n return newState;\n }\n\n componentDidMount() {\n this.context.provideValidateFunction(this.props.name, this.validate);\n this.context.provideResetFunction(this.props.name, this.reset);\n }\n\n handleChange(evt) {\n if (this.props.provideSelected) {\n if (this.props.optionkey) {\n const selectedKey = this.dropdownRef.current.options.selectedIndex - 1;\n if (this.state.options[selectedKey]) {\n this.props.provideSelected(this.state.options[selectedKey]);\n }\n } else if (evt.target.value) {\n this.props.provideSelected(evt.target.value);\n }\n }\n\n // if props selectedoption is present: the control comes from the parent, not the child\n if (!this.props.selectedOption) {\n this.setState(\n {\n selectedOption: evt.target.value\n },\n () => {\n this.validate();\n }\n );\n } else {\n this.validate();\n }\n }\n\n validate() {\n let displayError;\n if (this.props.required) {\n displayError = this.state.selectedOption === 'initial';\n this.setState({ displayError });\n }\n const obj = {};\n obj[this.props.name] = !displayError;\n\n if (this.props.optionkey) {\n const selectedKey = this.dropdownRef.current.options.selectedIndex - 1;\n this.context.provideValidationResult(\n obj,\n this.state.options[selectedKey]\n );\n } else {\n this.context.provideValidationResult(obj, this.state.selectedOption);\n }\n }\n\n reset() {\n this.setState({\n selectedOption: 'initial'\n });\n }\n\n componentWillUnmount() {\n this.context.unmountFunction(this);\n }\n\n render() {\n return (\n \n {t => (\n \n
\n \n {this.props.label}\n {this.props.required && !this.props.hideRequiredMark ? '*' : ''}\n
\n \n
\n \n \n { this.props.defaultOption ? this.props.defaultOption : t('component.dropdownlabel_select')}\n \n {this.state.options.map((val, i) => {\n if (this.props.optionkey) {\n return (\n \n {val[this.props.optionkey]}\n \n );\n }\n return (\n \n {val}\n \n );\n })}\n \n
\n {this.context.pressedSubmit ? (\n
\n ) : null}\n
\n );\n }\n}\n\nDropdown.contextType = SubmitContext;\nexport default Dropdown;\n","import {fetchGET} from '../../Router/helpers';\n\nlet makeList = [];\n\n// have make list saved in memory\nexport function fetchMake() {\n return new Promise(resolve => {\n if (makeList.length === 0) {\n fetchGET('/installer/ocpp_make/').then(res => {\n makeList = res;\n resolve(res);\n });\n } else {\n resolve(makeList);\n }\n });\n}\n\nconst modelList = {};\n\n// have model list saved in memory\nexport function fetchModel(id) {\n return new Promise(resolve => {\n if (!modelList[id]) {\n fetchGET(`/installer/ocpp_model/${id}`).then(res => {\n modelList[id] = res;\n resolve(res);\n });\n } else {\n resolve(modelList[id]);\n }\n });\n}\n\nexport async function prefill(state, makeOptions) {\n let obj = {};\n\n // if its presaved and makeOptions have been fetched but not yet recorded\n if (state.modelID && state.makeID && state.makeOptions.length === 0) {\n obj = {\n makeName: state.makeName,\n imageUrl: state.imageUrl,\n modelName: state.modelName,\n modelID: state.modelID,\n modelOptions: state.modelOptions\n };\n\n // turn off if you trust backend's make_name\n // get the Make name from id\n makeOptions.forEach(x => {\n if (x.id === state.makeID) {\n obj.makeName = x.name;\n }\n });\n\n if (state.modelID) {\n // get model options\n obj.modelOptions = await fetchModel(state.makeID);\n\n // turn off if trust backend's model_number\n // get model name from id rather than the name itself\n obj.modelOptions.forEach(x => {\n if (x.model_id === state.modelID) {\n obj.imageUrl = x.image_url;\n obj.modelName = x.model_name;\n obj.modelID = x.model_id;\n }\n });\n }\n }\n return obj;\n}\n\nexport function fetchManufacturer(id) {\n return fetchGET(`/installer/device_manufacturer/${id}`);\n}\n","import React, {Component, Fragment} from 'react';\nimport Dropdown from '../../Components/Dropdown';\nimport Navigation from '../../Components/Navigation';\nimport FormValidation from '../../Components/FormValidation';\nimport Input from '../../Components/Input';\nimport {fetchAPI} from '../../Router/helpers';\nimport ErrorMessage from '../../Components/ErrorMessage';\nimport {fetchMake, fetchManufacturer, fetchModel, prefill} from './helpers';\n\nclass MakeModel extends Component {\n constructor(props) {\n super(props);\n const uiState = {\n makeName: '',\n modelOptions: [],\n makeOptions: [],\n modelName: '',\n imageUrl: '',\n stationSerial: '',\n makeID: 0,\n modelID: 0\n };\n\n if (props.savedData) {\n Object.keys(uiState).forEach(key => {\n if (props.savedData[key]) {\n uiState[key] = props.savedData[key];\n }\n });\n }\n\n this.state = {\n isValidated: false,\n data: {},\n manufacturer: {is_alb_supported: false},\n errorMessage: '',\n displayError: false,\n isAlbSupported: null,\n ...uiState\n };\n\n this.formValidationOutput = this.formValidationOutput.bind(this);\n this.retrieveMakeSelected = this.retrieveMakeSelected.bind(this);\n this.retrieveModelSelected = this.retrieveModelSelected.bind(this);\n this.pageApiCall = this.pageApiCall.bind(this);\n }\n\n async componentDidMount() {\n const makeOptions = await fetchMake();\n const recordedData = await prefill(this.state, makeOptions);\n\n this.setState(() => ({\n makeOptions,\n ...recordedData\n }));\n\n if (this.state.makeID > 0) {\n const manufacturerData = await fetchManufacturer(this.props.global.deviceId);\n this.setState(() => ({\n manufacturer: manufacturerData.manufacturer,\n }));\n }\n }\n\n async retrieveMakeSelected(data) {\n // On retrieve, fetch secondary option\n const modelOptions = await fetchModel(data.id);\n this.setState({\n modelOptions,\n makeName: data.name,\n modelName: 'initial',\n imageUrl: '',\n isAlbSupported: data.is_alb_supported\n });\n }\n\n retrieveModelSelected(data) {\n this.setState({\n imageUrl: data.image_url,\n modelName: data.model_name,\n modelID: data.model_id\n });\n }\n\n formValidationOutput(data) {\n this.setState({isValidated: true, data, stationSerial: data.serial});\n }\n\n pageApiCall() {\n return new Promise((resolve, reject) => {\n fetchAPI(`/installer/save_device_info/${this.props.global.deviceId}`, {\n model_id: this.state.modelID,\n serial_number: this.state.stationSerial\n })\n .then(res => {\n console.log(this.state);\n this.setState(\n prevState => ({\n data: {\n makeName: prevState.makeName,\n modelOptions: prevState.modelOptions,\n modelName: prevState.modelName,\n imageUrl: prevState.imageUrl,\n stationSerial: prevState.stationSerial,\n makeOptions: prevState.makeOptions,\n makeID: prevState.makeID,\n modelID: prevState.modelID,\n input_phase_capability: res.input_phase_capability,\n is_alb_supported: prevState.isAlbSupported !== null\n ? prevState.isAlbSupported\n : prevState.manufacturer.is_alb_supported,\n }\n }),\n () => {\n resolve();\n }\n );\n })\n .catch(err => {\n this.setState(\n {\n displayError: true,\n errorMessage: err.message,\n isValidated: false\n },\n () => {\n reject();\n }\n );\n });\n });\n }\n\n render() {\n const {t} = this.props;\n\n return (\n \n \n \n \n );\n }\n}\n\nexport default MakeModel;\n","/* eslint-disable react/jsx-one-expression-per-line */\nimport React, {Component, Fragment} from 'react';\nimport Navigation from '../../Components/Navigation';\nimport ErrorMessage from '../../Components/ErrorMessage';\nimport {fetchAPI, fetchGET} from '../../Router/helpers';\nimport Radio from '../../Components/Radio';\n\nclass AlbSmartMeter extends Component {\n constructor(props) {\n super(props);\n this.state = {\n displayError: false,\n errorMessage: '',\n isAlbEnabled: 0,\n albMeterModel: null,\n data: {}\n };\n\n this.onAlbEnabledChange = this.onAlbEnabledChange.bind(this);\n this.onSmartMeterChange = this.onSmartMeterChange.bind(this);\n this.pageApiCall = this.pageApiCall.bind(this);\n }\n\n async componentDidMount() {\n const loadBalanceInfo = await fetchGET(\n `/installer/load_balance_info/${this.props.global.deviceId}`\n );\n\n this.setState(prevState => ({\n ...prevState,\n isAlbEnabled: loadBalanceInfo.is_alb_enabled,\n albMeterModel: loadBalanceInfo.alb_meter_model\n }));\n }\n\n onAlbEnabledChange(value) {\n this.setState(prevState => ({\n ...prevState,\n isAlbEnabled: value,\n albMeterModel: value === 0\n ? null\n : (prevState.albMeterModel || 'Socomec')\n }));\n }\n\n onSmartMeterChange(value) {\n this.setState(prevState => ({\n ...prevState,\n albMeterModel: value\n }));\n }\n\n pageApiCall() {\n return new Promise((resolve, reject) => {\n fetchAPI(`/installer/load_balance_info/${this.props.global.deviceId}`, {\n is_alb_enabled: this.state.isAlbEnabled,\n alb_meter_model: this.state.albMeterModel,\n })\n .then(res => {\n if (!res.error) {\n resolve();\n } else {\n throw Error(res.message);\n }\n })\n .catch(err => {\n this.setState(\n prevState => ({\n ...prevState,\n displayError: true,\n errorMessage: err.message\n }),\n () => {\n reject();\n }\n );\n });\n });\n }\n\n render() {\n const {t} = this.props;\n return (\n \n {t('albsmartmeter.active_load_balancing')}
\n {t('albsmartmeter.is_station_connected')} \n {t('albsmartmeter.select_smart_meter')} \n \n );\n }\n}\n\nexport default AlbSmartMeter;\n","import React, { Component } from 'react';\nimport { Link } from 'react-router-dom';\nimport './style.css';\n\n// eslint-disable-next-line react/prefer-stateless-function\nclass Success extends Component {\n render() {\n const { t } = this.props;\n return (\n \n \n
{t('success.paragraph_complete')}
\n\n
\n\n
\n {t('success.link_startnew')}\n \n
\n );\n }\n}\n\nexport default Success;\n","import React, { Component, Fragment } from 'react';\nimport { Link } from 'react-router-dom';\nimport { Translation } from 'react-i18next';\nimport ErrorMessage from '../../Components/ErrorMessage';\nimport './style.css';\nimport FormValidation from '../../Components/FormValidation';\nimport Input from '../../Components/Input';\n\nclass ForgotPassword extends Component {\n constructor(props) {\n super(props);\n this.state = {\n displayError: false,\n errorMessage: '',\n displaySuccess: false\n };\n this.handleSubmit = this.handleSubmit.bind(this);\n }\n\n handleSubmit(data) {\n fetch('/api/forget_password/', {\n method: 'POST',\n body: JSON.stringify({\n user_name: data.username\n }),\n headers: {\n 'Content-Type': 'application/json'\n }\n })\n .then(res => {\n if (res.status >= 500) {\n throw res.statusText;\n }\n return res.json();\n })\n .then(res => {\n if (res.error) {\n throw Error(res.message);\n } else {\n this.setState({\n displaySuccess: true,\n displayError: false,\n errorMessage: ''\n });\n }\n })\n .catch(err => {\n this.setState({\n displayError: true,\n errorMessage: err.message,\n displaySuccess: false\n });\n });\n }\n\n render() {\n return (\n \n {t => (\n \n {t('header.title_forgot')} \n \n
\n {t('forgotpassword.paragraph_description')}
\n \n {this.state.displaySuccess && (\n
\n {t('forgotpassword.paragraph_success_reset')}\n
\n )}\n
\n
\n
\n
\n )}\n \n );\n }\n}\n\nexport default ForgotPassword;\n","/* eslint-disable react/jsx-one-expression-per-line */\nimport React, { Component, Fragment } from 'react';\nimport { Trans } from 'react-i18next';\nimport Navigation from '../../Components/Navigation';\nimport Input from '../../Components/Input';\nimport FormValidation from '../../Components/FormValidation';\nimport ErrorMessage from '../../Components/ErrorMessage';\nimport { fetchAPI } from '../../Router/helpers';\nimport { macFormatting } from '../MacActivation/helpers';\n\nclass MacLabel extends Component {\n constructor() {\n super();\n this.state = {\n isValidated: false,\n displayError: false,\n errorMessage: '',\n data: {}\n };\n this.formValidationOutput = this.formValidationOutput.bind(this);\n this.pageApiCall = this.pageApiCall.bind(this);\n }\n\n formValidationOutput(data) {\n this.setState({ isValidated: true, data });\n }\n\n pageApiCall() {\n return new Promise((resolve, reject) => {\n fetchAPI(`/installer/swap_station/${this.props.global.deviceId}`, {\n mac_address: this.state.data.mac\n })\n .then(res => {\n if (!res.error) {\n this.setState(\n prevState => ({\n data: {\n newmac: macFormatting(prevState.data.mac)\n }\n }),\n () => {\n resolve();\n }\n );\n } else {\n throw Error(res.message);\n }\n })\n .catch(err => {\n this.setState(\n {\n displayError: true,\n errorMessage: err.message,\n isValidated: false\n },\n () => {\n reject();\n }\n );\n });\n });\n }\n\n render() {\n const { t } = this.props;\n\n return (\n \n {this.props.global.networkHardwareSwap ? (\n \n \n \n You are about to replace the CPHM/ChargePoint Network of an\n existing station. In case you are installing a new station or\n replacing complete installed station, contact{' '}\n \n ChargePoint Support\n {' '}\n for assistance.\n \n
\n {t('maclabel.paragraph_direction_networkhardwareswap_enter')}
\n \n ) : (\n {t('maclabel.paragraph_direction')}
\n )}\n\n \n \n \n );\n }\n}\n\nexport default MacLabel;\n","import React, { Component } from 'react';\nimport { Link } from 'react-router-dom';\nimport Navigation from '../../Components/Navigation';\n\n// eslint-disable-next-line react/prefer-stateless-function\nclass SuccessSwap extends Component {\n render() {\n const { t } = this.props;\n\n return (\n \n \n
{t('successswap.paragraph_success')}
\n {this.props.global.isLastPage ? (\n
\n {t('successswap.link_startnew')}\n \n ) : (\n
\n )}\n
\n );\n }\n}\n\nexport default SuccessSwap;\n","import React, { Component } from 'react';\nimport Navigation from '../../Components/Navigation';\nimport { fetchGET } from '../../Router/helpers';\nimport ErrorMessage from '../../Components/ErrorMessage';\nimport './style.css';\n\nclass StationPin extends Component {\n constructor(props) {\n super(props);\n const uiState = {\n pin: ''\n };\n\n if (props.savedData) {\n Object.keys(uiState).forEach(key => {\n if (props.savedData[key]) {\n uiState[key] = props.savedData[key];\n }\n });\n }\n\n this.state = { displayError: false, error: '', ...uiState };\n }\n\n componentDidMount() {\n let url = `/installer/station_pin/${this.props.global.deviceId}`;\n if (this.props.global.installtype === 'replace') url += '?is_swap=1';\n\n fetchGET(url)\n .then(res => {\n this.setState({ pin: res.pin });\n })\n .catch(err => {\n this.setState({\n displayError: true,\n error: err.message\n });\n });\n }\n\n render() {\n const { t } = this.props;\n return (\n \n
{t('stationpin.paragraph_direction')}
\n
\n
\n
\n
;\n if (props.searchIcon)\n return (\n \n {t('pinpoint.paragraph_map')}
\n \n \n
\n
\n {this.state.surroundingStations.map(station => (\n
\n \n \n );\n }\n}\n\nexport default Pinpoint;\n","import React, { Component } from 'react';\nimport './style.css';\nimport { geo } from '../../utils/map';\n\nclass SearchBox extends Component {\n constructor(props) {\n super(props);\n this.state = {\n onFocus: false,\n inputIsFilled: props.defaultValue ? props.defaultValue.length > 0 : false,\n inputValue: props.defaultValue || ''\n };\n this.autocomplete = null;\n this.event = null;\n this.onFocus = this.onFocus.bind(this);\n this.onBlur = this.onBlur.bind(this);\n this.onChange = this.onChange.bind(this);\n this.formSubmit = this.formSubmit.bind(this);\n this.onKeyDown = this.onKeyDown.bind(this);\n this.inputRef = React.createRef();\n this.isPrevESC = false;\n }\n\n componentDidMount() {\n const {\n types = ['(cities)'],\n componentRestrictions,\n bounds,\n fields = [\n 'address_components',\n 'geometry.location',\n 'place_id',\n 'formatted_address'\n ]\n } = this.props;\n const config = {\n types,\n bounds,\n fields\n };\n\n if (componentRestrictions) {\n config.componentRestrictions = componentRestrictions;\n }\n\n this.disableAutofill();\n\n const google = window.google;\n\n this.autocomplete = new google.maps.places.Autocomplete(\n this.inputRef.current,\n config\n );\n\n this.event = this.autocomplete.addListener(\n 'place_changed',\n this.onSelected.bind(this)\n );\n }\n\n componentWillUnmount() {\n if (this.event) {\n this.event.remove();\n }\n }\n\n onFocus() {\n this.setState({ onFocus: true });\n }\n\n onBlur() {\n this.setState({ onFocus: false });\n }\n\n onChange(evt) {\n if (this.props.onChange) {\n this.props.onChange(evt);\n }\n\n const inputValue = evt.target.value;\n this.setState({\n inputIsFilled: evt.target.value.length > 0,\n inputValue\n });\n }\n\n async onSelected() {\n const { onPlaceSelected } = this.props;\n const { inputValue } = this.state;\n // check first with autocomplete event\n const selectedPlace = this.autocomplete.getPlace() || { name: inputValue };\n\n // check if there is anything in text\n if (inputValue.length > 0) {\n // if autocomplete event fail, check with geolocation\n if (selectedPlace.name) {\n try {\n const geoRes = await geo(inputValue);\n // geo success\n if (onPlaceSelected) {\n onPlaceSelected(geoRes);\n }\n\n this.setState({\n inputValue: geoRes.formatted_address\n });\n } catch (err) {\n // geo failure, pass back\n if (onPlaceSelected) {\n onPlaceSelected(selectedPlace);\n }\n\n this.setState({\n inputValue: selectedPlace.name\n });\n }\n } else {\n // autocomplete success\n if (onPlaceSelected) {\n onPlaceSelected(selectedPlace);\n }\n\n this.setState({\n inputValue: selectedPlace.formatted_address\n });\n }\n }\n }\n\n onKeyDown(e) {\n if (this.isPrevESC && e.keyCode === 13) {\n this.onSelected();\n this.isPrevESC = false;\n } else {\n this.isPrevESC = e.keyCode === 27;\n }\n }\n\n formSubmit(e) {\n // if you press enter without pressing next\n e.preventDefault();\n if (this.state.inputValue.length === 0)\n this.props.onPlaceSelected('GOOGLE_NO_INPUT');\n }\n\n disableAutofill() {\n // Autofill workaround adapted from https://stackoverflow.com/questions/29931712/chrome-autofill-covers-autocomplete-for-google-maps-api-v3/49161445#49161445\n if (window.MutationObserver) {\n const observerHack = new MutationObserver(() => {\n observerHack.disconnect();\n if (this.inputRef.current) {\n this.inputRef.current.autocomplete = 'disable-autofill';\n }\n });\n observerHack.observe(this.inputRef.current, {\n attributes: true,\n attributeFilter: ['autocomplete']\n });\n }\n }\n\n render() {\n const { placeholder } = this.props;\n\n return (\n \n );\n }\n}\n\nexport default SearchBox;\n","export const defaultAddressObj = {\n route: '',\n route2: '',\n city: '',\n state: '',\n country: '',\n postal_code: '',\n county: '',\n adminLevels: []\n};\n\nexport const defaultAddressAndPosition = {\n center: {\n lat: null,\n lng: null\n },\n addressObj: defaultAddressObj\n};\n\nexport function getAddressForServer(state) {\n return {\n address1: state.addressObj.route,\n address2: state.addressObj.route2,\n city: state.addressObj.city,\n state: state.addressObj.state,\n country: state.addressObj.country,\n zip: state.addressObj.postal_code,\n address_lat: state.center.lat,\n address_lon: state.center.lng,\n show_street_warning: state.showStreetWarning,\n administrative_levels: state.addressObj.adminLevels\n };\n}\n","import { defaultAddressObj } from '../../utils/address';\n\nexport const mapOptions = {\n panControl: false,\n streetViewControl: false,\n scaleControl: false,\n fullscreenControl: false,\n rotateControl: false,\n tiltControl: false,\n mapTypeControl: false,\n zoomControl: false,\n tilt: 0,\n disableDoubleClickZoom: true,\n clickableIcons: false\n};\n\nfunction initAddressConversion(firstChoice) {\n const typeObj = {\n street_number: '',\n establishment: '',\n route: '',\n postal_town: '',\n neighborhood: '',\n sublocality: '',\n locality: '',\n administrative_area_level_1: '',\n administrative_area_level_2: '',\n administrative_area_level_3: '',\n administrative_area_level_4: '',\n country: '',\n postal_code: ''\n };\n\n // turn array into obj - safeguard against unordered array\n firstChoice.address_components.forEach(comp => {\n const typeObjArr = Object.keys(typeObj);\n for (let i = 0; i < typeObjArr.length; i++) {\n if (comp.types.includes(typeObjArr[i])) {\n // needed due to country code for backend\n if (typeObjArr[i] === 'country') {\n typeObj[typeObjArr[i]] = comp.short_name;\n } else {\n typeObj[typeObjArr[i]] = comp.long_name;\n }\n break;\n }\n }\n });\n\n return typeObj;\n}\n\nexport function isNumberPresent(firstChoice) {\n const typeObj = initAddressConversion(firstChoice);\n return !typeObj.street_number;\n}\n\nexport function getAddressObj(firstChoice) {\n const addressObj = { ...defaultAddressObj };\n const typeObj = initAddressConversion(firstChoice);\n\n // Administrative Levels\n for (let i = 0; i < 4; i++) {\n const adminLevel = typeObj[`administrative_area_level_${i + 1}`];\n if (adminLevel) {\n addressObj.adminLevels.push(adminLevel);\n } else break;\n }\n\n // Route\n if (typeObj.street_number) addressObj.route = `${typeObj.street_number} `;\n\n if (typeObj.establishment) addressObj.route += typeObj.establishment;\n else if (typeObj.route) {\n addressObj.route += typeObj.route;\n }\n\n // City\n // Priority list: locality, postal town, sublocality, neiborhood\n addressObj.city =\n typeObj.locality ||\n typeObj.postal_town ||\n typeObj.sublocality ||\n typeObj.neighborhood;\n\n // State\n addressObj.state = typeObj.administrative_area_level_1;\n\n // County\n addressObj.county = typeObj.administrative_area_level_2;\n\n // Country\n addressObj.country = typeObj.country;\n\n // Postal Code\n addressObj.postal_code = typeObj.postal_code;\n\n // HARD_CODE: State work around for UK\n if (addressObj.country === 'UK' || addressObj.country === 'GB') {\n addressObj.state = addressObj.county;\n addressObj.county = '';\n }\n return addressObj;\n}\n\nexport function isFullAddress(data) {\n return !!data.route;\n}\n","import React, { Component, Fragment, createRef } from 'react';\nimport GoogleMapReact from 'google-map-react';\nimport Marker from '../../Components/Marker';\nimport SearchBox from '../../Components/SearchBox';\n\nimport FormValidation from '../../Components/FormValidation';\nimport Navigation from '../../Components/Navigation';\nimport ErrorMessage from '../../Components/ErrorMessage';\n\nimport { getMapKeys, distanceBetweenCoordinates } from '../../utils/map';\nimport { fetchAPI } from '../../Router/helpers';\n\nimport {\n mapOptions,\n isFullAddress,\n getAddressObj,\n isNumberPresent\n} from './helpers';\n\nimport {\n defaultAddressAndPosition,\n getAddressForServer\n} from '../../utils/address';\n\nimport './style.css';\n\nclass AddressSearch extends Component {\n constructor(props) {\n super(props);\n const uiState = {\n searchBoxValue: '',\n pageSaved: false,\n ...defaultAddressAndPosition\n };\n\n if (props.savedData) {\n Object.keys(uiState).forEach(key => {\n if (props.savedData[key]) {\n uiState[key] = props.savedData[key];\n }\n });\n }\n\n this.state = {\n data: {},\n displayMap: !!uiState.searchBoxValue,\n isValidated: false,\n displayError: false,\n errorMessage: '',\n errFromValidation: false,\n showStreetWarning: false,\n ...uiState\n };\n\n this.searchRef = createRef();\n this.searchBoxHandleSubmit = this.searchBoxHandleSubmit.bind(this);\n this.searchBoxOnChange = this.searchBoxOnChange.bind(this);\n this.onSubmit = this.onSubmit.bind(this);\n this.pageApiCall = this.pageApiCall.bind(this);\n this.displayErrorAddress = this.displayErrorAddress.bind(this);\n this.isValidPosition = this.isValidPosition.bind(this);\n }\n\n searchBoxOnChange() {\n // Clean up if there are changes\n this.setState({\n displayError: false,\n displayMap: false,\n ...defaultAddressAndPosition\n });\n }\n\n searchBoxHandleSubmit(data) {\n // on Submit of SearchBox\n if (data.geometry) {\n // display map and store object\n const addressObj = getAddressObj(data);\n\n // set showstreetwarning\n const showStreetWarning = isNumberPresent(data);\n\n this.setState({\n displayMap: true,\n addressObj,\n center: {\n lat: data.geometry.location.lat(),\n lng: data.geometry.location.lng()\n },\n displayError: false,\n showStreetWarning\n });\n } else {\n this.displayErrorAddress();\n }\n }\n\n displayErrorAddress() {\n const errorMessage = this.props.t(\n 'addresssearch.inputerror_search_required'\n );\n this.setState({\n displayError: true,\n errorMessage,\n errFromValidation: true\n });\n }\n\n onSubmit() {\n const { inputIsFilled, inputValue } = this.searchRef.current.state;\n const { addressObj, displayMap } = this.state;\n\n // Stage 1: where next = enter\n if (!displayMap) {\n // If everything is empty\n if (!inputIsFilled) {\n this.displayErrorAddress();\n } else {\n // If it's not empty do a geocall\n this.searchRef.current.onSelected();\n }\n return;\n }\n\n // If the address is not complete but was found by google (missing route)\n if (!isFullAddress(addressObj) && displayMap) {\n this.displayErrorAddress();\n return;\n }\n\n // Check for Validation when everything else passed\n if (this.isValidPosition()) {\n // SUCCESS\n this.setState({\n isValidated: true,\n addressObj,\n searchBoxValue: inputValue\n });\n }\n }\n\n isValidPosition() {\n const { t } = this.props;\n const {\n MAX_DISTANCE_ADDRESS,\n OVERRIDE_MAX_DISTANCE,\n MAX_DISTANCE_UNIT\n } = this.props.global;\n\n if (OVERRIDE_MAX_DISTANCE) return true;\n\n const distanceFromSearch = distanceBetweenCoordinates(\n this.props.global.userCoords.latitude,\n this.props.global.userCoords.longitude,\n this.state.center.lat,\n this.state.center.lng,\n MAX_DISTANCE_UNIT\n );\n\n if (distanceFromSearch > MAX_DISTANCE_ADDRESS) {\n // too far warning\n const errorMessage = t('addressform.user_too_far');\n this.setState({\n displayError: true,\n errorMessage,\n errFromValidation: true\n });\n return false;\n }\n\n return true;\n }\n\n pageApiCall() {\n return new Promise((resolve, reject) => {\n const formData = getAddressForServer(this.state);\n fetchAPI(\n `/installer/station_address/${this.props.global.deviceId}`,\n formData\n )\n .then(res => {\n if (!res.error) {\n this.setState(\n prevState => ({\n data: {\n addressObj: prevState.addressObj,\n center: prevState.center,\n pageSaved: true,\n searchBoxValue: prevState.searchBoxValue,\n showStreetWarning: prevState.showStreetWarning\n }\n }),\n () => {\n resolve();\n }\n );\n } else {\n throw Error(res.message);\n }\n })\n .catch(err => {\n this.setState(\n {\n displayError: true,\n errorMessage: err.message,\n isValidated: false,\n errFromValidation: false\n },\n () => {\n reject();\n }\n );\n });\n });\n }\n\n render() {\n const { t } = this.props;\n return (\n \n {\n this.searchBoxHandleSubmit(place);\n }}\n placeholder={t('addresssearch.input_searchbox')}\n />\n {this.state.displayMap && (\n \n \n
\n )}\n \n \n\n \n );\n }\n}\n\nexport default AddressSearch;\n","import React, { Component, Fragment } from 'react';\nimport FormValidation from '../../Components/FormValidation';\nimport Input from '../../Components/Input';\nimport Navigation from '../../Components/Navigation';\nimport Dropdown from '../../Components/Dropdown';\nimport ErrorMessage from '../../Components/ErrorMessage';\nimport { fetchAPI, fetchGET } from '../../Router/helpers';\nimport { getADAList } from './helpers';\nimport { setPortADA } from '../../Components/Wizard/helpers';\nimport './style.css';\n\nclass StationDetails extends Component {\n constructor(props) {\n super(props);\n const uiState = {\n pLot: '',\n pBuilding: '',\n pLabel: '',\n parkingDual: null,\n adaResult: {},\n selectedOption: {},\n pageSaved: false,\n noParking: false\n };\n\n if (props.savedData) {\n Object.keys(uiState).forEach(key => {\n if (props.savedData[key]) {\n uiState[key] = props.savedData[key];\n }\n });\n }\n\n const adaList = getADAList(props.t);\n\n // Setting presaved result\n if (Object.keys(uiState.adaResult).length > 0) {\n Object.keys(uiState.adaResult).forEach(res => {\n adaList.forEach(list => {\n if (uiState.adaResult[res] === list.key) {\n uiState.selectedOption[res] = list.value;\n }\n });\n });\n }\n\n this.state = {\n data: {},\n isValidated: false,\n adaList,\n ...uiState\n };\n this.onFormSubmit = this.onFormSubmit.bind(this);\n this.pageApiCall = this.pageApiCall.bind(this);\n this.retrieveFromDropdown = this.retrieveFromDropdown.bind(this);\n }\n\n componentDidMount() {\n // get port selection for ocpp\n const { isOCPP, deviceId } = this.props.global;\n if (isOCPP) {\n fetchGET(`/installer/parking_accessibility_data/${deviceId}`).then(\n res => {\n this.setState({ ...setPortADA(res.parking_ada) });\n }\n );\n }\n }\n\n retrieveFromDropdown(select, dropdown) {\n const { adaResult, selectedOption } = this.state;\n adaResult[dropdown] = select.key;\n selectedOption[dropdown] = select.value;\n this.setState({\n adaResult,\n selectedOption\n });\n }\n\n onFormSubmit(data) {\n this.setState({\n isValidated: true,\n pLot: data.parking,\n pBuilding: data.building,\n pLabel: data.floor\n });\n }\n\n pageApiCall() {\n return new Promise((resolve, reject) => {\n const { pLot, pBuilding, pLabel, adaResult } = this.state;\n\n fetchAPI(`/installer/station_details/${this.props.global.deviceId}`, {\n parking_lot: pLot,\n parking_building: pBuilding,\n parking_label: pLabel,\n parking_ada: adaResult\n })\n .then(res => {\n if (!res.error) {\n this.setState(\n prevState => ({\n data: {\n pLot: prevState.pLot,\n pBuilding: prevState.pBuilding,\n pLabel: prevState.pLabel,\n adaResult: prevState.adaResult,\n pageSaved: true,\n parkingDual: prevState.parkingDual,\n selectedOption: prevState.selectedOption,\n noParking: prevState.noParking\n }\n }),\n () => {\n resolve();\n }\n );\n } else {\n throw Error(res.message);\n }\n })\n .catch(err => {\n this.setState(\n {\n displayError: true,\n errorMessage: err.message,\n isValidated: false,\n errFromValidation: false\n },\n () => {\n reject();\n }\n );\n });\n });\n }\n\n render() {\n const { t } = this.props;\n\n const singleADA = (\n \n {\n this.retrieveFromDropdown(choice, 'single');\n }}\n errorValidation={t('stationdetails.dropdownlabel_single_required')}\n />\n \n );\n\n const dualADA = (\n \n {\n this.retrieveFromDropdown(choice, 'left');\n }}\n errorValidation={t('stationdetails.dropdownlabel_left_required')}\n />\n {\n this.retrieveFromDropdown(choice, 'right');\n }}\n errorValidation={t('stationdetails.dropdownlabel_right_required')}\n />\n \n );\n\n // Setting up ADA\n let ADA = null;\n if (!this.state.noParking) {\n ADA = this.state.parkingDual ? dualADA : singleADA;\n }\n\n return (\n \n \n
\n {t('stationdetails.title_stationLoc')} \n \n\n \n {t('stationdetails.title_parkingAccess')}\n \n \n
\n );\n }\n}\n\nexport default StationDetails;\n","export function getADAList(t) {\n return [\n { key: 'none', value: t('stationdetails.dropdownlabel_none') },\n { key: 'disabled', value: t('stationdetails.dropdownlabel_disabled')},\n { key: 'van', value: t('stationdetails.dropdownlabel_van') }\n ];\n}\n","export function formatBytes(bytes, decimals) {\n if (bytes === 0) return '0 Bytes';\n const k = 1000;\n\n const dm = decimals <= 0 ? 0 : decimals || 2;\n\n const sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];\n\n const i = Math.floor(Math.log(bytes) / Math.log(k));\n return `${parseFloat((bytes / Math.pow(k, i)).toFixed(dm))} ${sizes[i]}`;\n}\n\nexport function getFile(img) {\n return new Promise(resolve => {\n fetch(img)\n .then(res => res.blob())\n .then(blob => {\n const nameSplit = img.split('/');\n const name = nameSplit[nameSplit.length - 1];\n const file = new File([blob], name, blob);\n resolve(file);\n });\n });\n}\n","import React, { Component, Fragment } from 'react';\nimport SubmitContext from '../FormValidation/SubmitContext';\nimport './style.css';\nimport ErrorMessage from '../ErrorMessage';\nimport { getFile } from './helpers';\n\nclass InputFile extends Component {\n constructor(props) {\n super(props);\n const uiState = {\n fileValue: {},\n displayFile: false,\n fileImage: '',\n errorMessage: props.errorValidation || ''\n };\n\n if (props.fileImage.length > 0) {\n uiState.fileValue = props.fileValue;\n uiState.displayFile = true;\n uiState.fileImage = props.fileImage;\n }\n this.state = {\n displayError: false,\n ...uiState\n };\n this.fileRef = React.createRef();\n\n this.onChangeinputfile = this.onChangeinputfile.bind(this);\n this.validate = this.validate.bind(this);\n this.reset = this.reset.bind(this);\n }\n\n async componentDidMount() {\n this.context.provideValidateFunction(this.props.name, this.validate);\n this.context.provideResetFunction(this.props.name, this.reset);\n\n // get File if presaved\n const { fileImage, fileValue } = this.state;\n if (fileImage.length > 0 && !fileValue.name) {\n const newFileValue = await getFile(fileImage);\n this.setState({\n fileValue: newFileValue\n });\n }\n }\n\n componentWillUnmount() {\n this.context.unmountFunction(this);\n }\n\n onChangeinputfile(e) {\n const f = e.target.files[0];\n if (f && f.type.includes('image/')) {\n const reader = new FileReader();\n reader.onload = evt => {\n this.setState({ fileImage: evt.target.result });\n };\n reader.readAsDataURL(f);\n\n this.setState(\n {\n displayFile: true,\n fileImage: URL.createObjectURL(f),\n fileValue: f\n },\n () => {\n this.validate();\n }\n );\n } else {\n this.reset();\n }\n }\n\n validate() {\n let displayError;\n if (this.props.required) {\n displayError = this.state.fileImage.length === 0;\n this.setState({ displayError });\n const val = {};\n val[this.props.name] = !displayError;\n const inputValue = {\n fileValue: this.state.fileValue,\n fileImage: this.state.fileImage\n };\n this.context.provideValidationResult(val, inputValue);\n }\n }\n\n reset() {\n this.fileRef.current.value = '';\n this.setState({\n displayFile: false,\n fileImage: ''\n });\n }\n\n render() {\n return (\n \n {this.state.displayFile ? (\n \n {this.state.displayFile\n ? this.props.labelonUse\n : this.props.labelDefault}\n \n \n
\n \n );\n }\n}\n\nInputFile.contextType = SubmitContext;\nexport default InputFile;\n","import React, { Component } from 'react';\nimport FormValidation from '../../Components/FormValidation';\nimport Input from '../../Components/Input';\nimport InputFile from '../../Components/InputFile';\nimport Navigation from '../../Components/Navigation';\nimport { createFormData } from './helpers';\nimport { fetchAPIFile } from '../../Router/helpers';\nimport './style.css';\nimport ErrorMessage from '../../Components/ErrorMessage';\n\nclass StationPhoto extends Component {\n constructor(props) {\n super(props);\n const uiState = {\n info: '',\n fileValue: {},\n fileImage: '',\n pageSaved: false\n };\n\n if (props.savedData) {\n Object.keys(uiState).forEach(key => {\n if (props.savedData[key]) {\n uiState[key] = props.savedData[key];\n }\n });\n }\n\n this.state = {\n showLoader: false,\n isValidated: false,\n data: {},\n ...uiState\n };\n\n this.pageApiCall = this.pageApiCall.bind(this);\n this.onFormSubmit = this.onFormSubmit.bind(this);\n }\n\n onFormSubmit(data) {\n this.setState({\n displayError: false,\n isValidated: true,\n fileValue: data.imageFile.fileValue,\n fileImage: data.imageFile.fileImage,\n info: data.info\n });\n }\n\n pageApiCall() {\n this.setState({\n showLoader: true\n });\n\n return new Promise((resolve, reject) => {\n const formData = createFormData(this.state);\n fetchAPIFile(\n `/installer/station_photo/${this.props.global.deviceId}`,\n formData\n )\n .then(res => {\n this.setState({\n showLoader: false\n });\n if (!res.error) {\n this.setState(\n prevState => ({\n data: {\n info: prevState.info,\n fileValue: prevState.fileValue,\n fileImage: prevState.fileImage,\n isPreSaved: prevState.isPreSaved\n }\n }),\n () => {\n resolve();\n }\n );\n } else {\n throw Error(res.message);\n }\n })\n .catch(err => {\n this.setState(\n {\n showLoader: false,\n displayError: true,\n errorMessage: err.message,\n isValidated: false,\n errFromValidation: false\n },\n () => {\n reject();\n }\n );\n });\n });\n }\n\n render() {\n const { t } = this.props;\n return (\n \n
\n {`${t('stationphoto.title_photo')}*`} \n {t('stationphoto.paragraph_photo')}
\n\n \n
\n
\n
\n
\n \n
\n )\n }\n return null\n}\n\nLoadingIndicator.propTypes = {\n show: PropTypes.bool, // This property determines if the LoadingIndicator is shown or not.\n size: PropTypes.number // This property determines the size of the LoadingIndicator.\n}\n\nLoadingIndicator.defaultProps = {\n show: false, // By default, LoadingIndicator will not be shown.\n size: 100 // By default, LoadingIndicator will be shown at full size.\n}\n\nexport default LoadingIndicator\n","import React, { Component } from 'react';\nimport FormValidation from '../../Components/FormValidation';\n\nimport InputFile from '../../Components/InputFile';\nimport Navigation from '../../Components/Navigation';\nimport LoadingIndicator from '../../Components/LoadingIndicator'\nimport { createFormData } from './helpers';\n\nimport './style.css';\n\nimport { fetchAPIFile } from '../../Router/helpers';\nimport ErrorMessage from '../../Components/ErrorMessage';\n\nclass TerminalBlock extends Component {\n constructor(props) {\n super(props);\n const uiState = {\n fileValue: {},\n fileImage: '',\n savingTerminalBlockImage: false\n };\n\n if (props.savedData) {\n Object.keys(uiState).forEach(key => {\n if (props.savedData[key]) {\n uiState[key] = props.savedData[key];\n }\n });\n }\n\n this.state = {\n isValidated: false,\n data: {},\n ...uiState\n };\n\n this.pageApiCall = this.pageApiCall.bind(this);\n this.onFormSubmit = this.onFormSubmit.bind(this);\n }\n\n onFormSubmit(data) {\n this.setState({\n displayError: false,\n isValidated: true,\n fileValue: data.imageFile.fileValue,\n fileImage: data.imageFile.fileImage\n });\n }\n\n pageApiCall() {\n return new Promise((resolve, reject) => {\n this.setState({\n savingTerminalBlockImage: true\n })\n const formData = createFormData(this.state);\n fetchAPIFile(\n `/installer/terminal_block_photo/${this.props.global.deviceId}`,\n formData\n )\n .then(res => {\n if (!res.error) {\n this.setState(\n prevState => ({\n data: {\n fileValue: prevState.fileValue,\n fileImage: prevState.fileImage,\n isPreSaved: prevState.isPreSaved\n },\n savingTerminalBlockImage: false\n }),\n () => {\n resolve();\n }\n );\n } else {\n throw Error(res.message);\n }\n })\n .catch(err => {\n this.setState(\n {\n displayError: true,\n errorMessage: err.message,\n isValidated: false,\n errFromValidation: false,\n savingTerminalBlockImage: false\n },\n () => {\n reject();\n }\n );\n });\n })\n }\n\n render() {\n const { t } = this.props;\n\n return (\n \n
\n {`${t('terminalblock.title_photo')}*`} \n {t('terminalblock.paragraph_photo')}
\n\n \n\n \n
\n
\n \n \n\n \n\n \n );\n }\n}\n\nexport default AddressForm;\n","import Bowser from 'bowser';\n\nexport const stepList = [\n 'opensettings',\n 'general',\n 'reset',\n 'passcode',\n 'fullreset',\n 'browser',\n 'website',\n 'allowloc',\n 'ok'\n];\n\nconst userBrowser = Bowser.getParser(window.navigator.userAgent);\nexport const isiOS = userBrowser.getOSName().toLowerCase() === 'ios';\nexport const isChromeAndroid =\n userBrowser.getBrowserName().toLowerCase() === 'chrome' &&\n userBrowser.getOSName().toLowerCase() === 'android';\n","/* eslint-disable react/jsx-one-expression-per-line */\nimport React, { Fragment, Component } from 'react';\nimport { Trans } from 'react-i18next';\nimport ErrorMessage from '../../Components/ErrorMessage';\nimport { stepList, isiOS, isChromeAndroid } from './helpers';\nimport Navigation from '../../Components/Navigation';\n\nclass LocationReq extends Component {\n constructor() {\n super();\n this.state = {\n displayError: false,\n data: {\n userLat: 0,\n userLon: 0\n }\n };\n\n this.getUserLocation = this.getUserLocation.bind(this);\n }\n\n getUserLocation() {\n return new Promise((resolve, reject) => {\n navigator.geolocation.getCurrentPosition(\n pos => {\n const data = {\n userLat: pos.coords.latitude,\n userLon: pos.coords.longitude\n };\n this.setState(\n {\n data\n },\n () => {\n resolve();\n }\n );\n },\n () => {\n this.setState(\n {\n displayError: true\n },\n () => {\n reject();\n }\n );\n },\n {\n enableHighAccuracy: true,\n timeout: 10000,\n maximumAge: 0\n }\n );\n });\n }\n\n render() {\n const { t } = this.props;\n\n let instructions = {t('locationReq.paragraph_general_instructions')}
;\n if (isChromeAndroid)\n instructions = (\n \n \n Follow the instructions for changing settings for a site{' '}\n \n here\n \n .\n \n
\n );\n\n if (isiOS)\n instructions = (\n \n {stepList.map((x, i) => (\n {t(`locationReq.list_step${i}_${x}`)} \n ))}\n \n );\n\n return (\n \n {t('locationReq.title_loc')} \n {t('locationReq.paragraph_intro')}
\n\n {this.state.displayError ? (\n \n {t('locationReq.title_err')} \n\n {instructions}\n \n ) : (\n \n );\n }\n}\n\nexport default LocationReq;\n","import { fetchGET } from '../../Router/helpers'\n\nexport function getPanelAmpsPhase(deviceId) {\n return fetchGET(`/installer/panel_amps_phase/${deviceId}`)\n}\n\nexport function formatAmpsListForDisplay(panelAmpsListResponse) {\n var panelAmpsList = []\n panelAmpsListResponse.forEach(amps => {\n panelAmpsList.push('' + amps + 'A')\n });\n return panelAmpsList\n}\n\nexport function formatAmps(panelAmps) {\n return parseInt(panelAmps.slice(0, -1))\n}\n\nexport function formatPhasesListForDisplay(panelPhasesListResponse, t) {\n var panelPhasesList = []\n panelPhasesListResponse.forEach(phase => {\n const phaseText = phase + ' ' + t('panelampsphase.phase')\n var phaseOption = {\n text: phaseText,\n key: phase\n }\n panelPhasesList.push(phaseOption)\n })\n return panelPhasesList\n}\n\nexport function formatPhaseFromIndex(index, phasesList) {\n return parseInt(phasesList[index].text.slice(0, 1))\n}","/* eslint-disable react/jsx-one-expression-per-line */\nimport React, {Fragment, Component} from 'react';\nimport FormValidation from '../../Components/FormValidation';\nimport Navigation from '../../Components/Navigation';\nimport Input from '../../Components/Input';\nimport Dropdown from '../../Components/Dropdown';\nimport ErrorMessage from '../../Components/ErrorMessage';\nimport Radio from '../../Components/Radio'\nimport {fetchAPI} from '../../Router/helpers'\nimport {\n formatAmpsListForDisplay,\n formatAmps,\n formatPhasesListForDisplay,\n getPanelAmpsPhase\n} from './helpers'\nimport './style.css'\n\nclass PanelAmpsPhase extends Component {\n constructor(props) {\n super(props);\n const uiState = {\n panelId: '',\n ampsList: [],\n panelAmps: '',\n phasesList: [],\n panelPhase: ''\n }\n\n if (props.savedData) {\n Object.keys(uiState).forEach(key => {\n if (props.savedData[key]) {\n uiState[key] = props.savedData[key];\n }\n });\n }\n\n this.state = {\n isValidated: false,\n data: {},\n ...uiState\n };\n }\n\n componentDidMount() {\n getPanelAmpsPhase(this.props.global.deviceId)\n .then(res => {\n const {t} = this.props\n\n const ampsList = formatAmpsListForDisplay(res.panel_amps.values)\n const phasesList = formatPhasesListForDisplay(res.panel_phase.values, t)\n\n // First check for saved values. If not, check for values in the current state.\n // If not fallback to the default.\n const panelId = res.panel_id.saved ? res.panel_id.saved :\n (this.state.panelId ? this.state.panelId : '')\n const panelAmps = res.panel_amps.saved ? formatAmpsListForDisplay([res.panel_amps.saved])[0] :\n (this.state.panelAmps ? this.state.panelAmps : '')\n const panelPhase = res.panel_phase.saved ? res.panel_phase.saved :\n (this.state.panelPhase ? this.state.panelPhase : res.panel_phase.default)\n this.setState({\n panelId: panelId,\n ampsList: ampsList,\n panelAmps: panelAmps,\n phasesList: phasesList,\n panelPhase: panelPhase\n })\n })\n .catch(err => {\n this.setState(\n {\n displayError: true,\n errorMessage: err.message,\n isValidated: false,\n errFromValidation: false\n }\n )\n })\n }\n\n onPanelIdChange = (panelId) => {\n this.setState({\n panelId: panelId\n })\n }\n\n onPanelAmpsSelected = (panelAmps) => {\n this.setState({\n panelAmps: panelAmps\n })\n }\n\n onPanelPhaseSelected = (phase) => {\n this.setState({\n panelPhase: phase\n });\n }\n\n onFormSubmit = () => {\n this.setState({\n isValidated: true,\n })\n }\n\n pageApiCall = () => {\n return new Promise((resolve, reject) => {\n const {panelId, panelPhase} = this.state;\n const panelAmps = formatAmps(this.state.panelAmps)\n\n fetchAPI(`/installer/panel_amps_phase/${this.props.global.deviceId}`, {\n panel_id: panelId,\n panel_amps: panelAmps,\n panel_phase: panelPhase\n })\n .then(res => {\n if (!res.error) {\n this.setState(\n prevState => ({\n data: {\n panelId: prevState.panelId,\n panelAmps: prevState.panelAmps,\n panelPhase: prevState.panelPhase\n }\n }),\n () => {\n resolve()\n }\n );\n } else {\n throw Error(res.message)\n }\n })\n .catch(err => {\n this.setState(\n {\n displayError: true,\n errorMessage: err.message,\n isValidated: false,\n errFromValidation: false\n },\n () => {\n reject();\n }\n );\n });\n });\n }\n\n render() {\n const {t} = this.props;\n\n return (\n \n \n \n );\n }\n}\n\nexport default PanelAmpsPhase;\n","/* eslint-disable react/jsx-one-expression-per-line */\nimport React, { Fragment, Component } from 'react';\nimport FormValidation from '../../Components/FormValidation';\nimport Navigation from '../../Components/Navigation';\nimport Dropdown from '../../Components/Dropdown';\nimport ErrorMessage from '../../Components/ErrorMessage';\nimport './style.css';\nimport { fetchAPI, fetchGET } from '../../Router/helpers'\nimport { formatPhaseConnectionsListForDisplay,\n formatPhaseConnection } from './helpers'\n\nclass PhaseConnection extends Component {\n constructor(props) {\n super(props)\n const uiState = {\n phaseConnectionsList: [],\n phaseConnection: [''],\n portCount: 1\n }\n\n if (props.savedData) {\n Object.keys(uiState).forEach(key => {\n if (props.savedData[key]) {\n uiState[key] = props.savedData[key];\n }\n });\n }\n\n this.state = {\n isValidated: false,\n data: {},\n ...uiState\n };\n }\n\n componentDidMount() {\n return fetchGET(`/installer/panel_phase_connections/${this.props.global.deviceId}`)\n .then(res => {\n const portCount = res.port_count ? parseInt(res.port_count) : 1;\n const phaseConnectionsList = formatPhaseConnectionsListForDisplay(res.panel_phase_connection.values)\n var phaseConnection = ['']\n if (res.panel_phase_connection.saved && res.panel_phase_connection.saved[0]) {\n for (let i = 0; i < portCount; i++) {\n phaseConnection[i] = formatPhaseConnectionsListForDisplay([res.panel_phase_connection.saved[i]])[0];\n }\n } else {\n for (let i = 0; i < portCount; i++) {\n if (this.state.phaseConnection[i] && phaseConnectionsList.includes(this.state.phaseConnection[i])) {\n phaseConnection[i] = this.state.phaseConnection[i];\n }\n }\n }\n this.setState({\n phaseConnectionsList: phaseConnectionsList,\n phaseConnection: phaseConnection,\n portCount: portCount\n });\n })\n .catch(err => {\n this.setState({\n displayError: true,\n errorMessage: err.message,\n isValidated: false,\n errFromValidation: false\n })\n }) ;\n }\n\n onPhaseSelectedPortOne = (phaseConnection) => {\n const phaseConnections = this.state.phaseConnection;\n phaseConnections[0] = phaseConnection;\n this.setState({\n phaseConnection: phaseConnections\n })\n }\n\n onPhaseSelectedPortTwo = (phaseConnection) => {\n const phaseConnections = this.state.phaseConnection;\n phaseConnections[1] = phaseConnection;\n this.setState({\n phaseConnection: phaseConnections\n })\n }\n\n onFormSubmit = (formData) => {\n this.setState({\n isValidated: true\n })\n }\n\n pageApiCall = () => {\n return new Promise((resolve, reject) => {\n const phaseConnection = formatPhaseConnection(this.state.phaseConnection)\n\n fetchAPI(`/installer/panel_phase_connection`, {\n device_id: this.props.global.deviceId,\n panel_phase_connection: phaseConnection\n })\n .then(res => {\n if (!res.error) {\n this.setState(\n prevState => ({\n data: {\n phaseConnection: prevState.phaseConnection\n }\n }),\n () => {\n resolve()\n }\n );\n } else {\n throw Error(res.message)\n }\n })\n .catch(err => {\n this.setState(\n {\n displayError: true,\n errorMessage: err.message,\n isValidated: false,\n errFromValidation: false\n },\n () => {\n reject();\n }\n );\n });\n });\n }\n\n renderPhaseSelections = () => {\n let dropdowns = [];\n for (var i = 0; i < this.state.portCount; i++) {\n dropdowns.push();\n }\n return dropdowns;\n }\n\n render() {\n const { t } = this.props\n\n return (\n \n \n \n )\n }\n}\n\nexport default PhaseConnection;","import React, { Component } from 'react';\nimport { Redirect } from 'react-router-dom';\nimport Auth from '../../Router/Auth';\nimport LoadingIndicator from '../../Components/LoadingIndicator';\nimport Cookies from 'universal-cookie';\n\nclass BetaLogin extends Component {\n constructor(props) {\n super(props)\n const betaData = {\n defaultmac: '',\n defaultmacpass: '',\n betacoulombsess: '',\n betaciuisession: '',\n betasubdomain: ''\n }\n\n if (props.match && props.match.params) {\n if (props.match.params.defaultmac) {\n betaData.defaultmac = props.match.params.defaultmac\n }\n if (props.match.params.defaultmacpass) {\n betaData.defaultmacpass = props.match.params.defaultmacpass\n }\n }\n\n this.state = {\n ...betaData,\n isValidatingBetaUser: true,\n isBetaUserValid: false\n }\n }\n\n static getDerivedStateFromProps(props, state) {\n let newState = state\n const cookies = new Cookies()\n newState.betacoulombsess = cookies.get('beta_coulomb_sess', { path: '/b' })\n newState.betaciuisession = cookies.get('beta_ci_ui_session', { path: '/b' })\n newState.betasubdomain = cookies.get('beta_subdomain', { path: '/b' })\n\n if (newState.isValidatingBetaUser) {\n if (newState.betacoulombsess && newState.betaciuisession && newState.betasubdomain) {\n newState.isBetaUserValid = false\n } else {\n newState.isValidatingBetaUser = false\n newState.isBetaUserValid = false\n }\n }\n return newState\n }\n\n componentDidMount() {\n if (this.state.isValidatingBetaUser) {\n Auth.signout()\n .then(res => {\n if (res.status === 200) {\n Auth.signinBeta(this.state.betacoulombsess, this.state.betaciuisession, this.state.betasubdomain)\n .then(() => {\n this.setState({\n isValidatingBetaUser: false,\n isBetaUserValid: true\n })\n })\n .catch(err => {\n this.setState({\n isValidatingBetaUser: false,\n isBetaUserValid: false\n })\n })\n } else {\n this.setState({\n isValidatingBetaUser: false,\n isBetaUserValid: false\n })\n }\n })\n }\n }\n\n render() {\n const betaValidatedRedirectUrl = '/i/' + this.state.defaultmac + '/' + this.state.defaultmacpass \n return (\n \n {\n this.state.isValidatingBetaUser ? (\n \n ) : (\n this.state.isBetaUserValid ?
\n )\n }\n}\n\nexport default BetaLogin","import React, { Component } from 'react';\nimport { BrowserRouter, Route, Switch, Redirect } from 'react-router-dom';\n\nimport PrivateRoute from './PrivateRoute';\nimport Auth from './Auth';\n// Components\nimport Header from '../Components/Header';\n\n// Pages\nimport Login from '../Pages/Login';\nimport MacActivation from '../Pages/MacActivation';\nimport InstallationType from '../Pages/InstallationType';\nimport MakeModel from '../Pages/MakeModel';\nimport AlbSmartMeter from '../Pages/AlbSmartMeter';\nimport Success from '../Pages/Success';\nimport ForgotPassword from '../Pages/ForgotPassword';\nimport MacLabel from '../Pages/MacLabel';\nimport SuccessSwap from '../Pages/SuccessSwap';\nimport StationPin from '../Pages/StationPin';\nimport Pinpoint from '../Pages/Pinpoint';\nimport AddressSearch from '../Pages/AddressSearch';\nimport StationDetails from '../Pages/StationDetails';\nimport StationPhoto from '../Pages/StationPhoto';\nimport TerminalBlock from '../Pages/TerminalBlock';\nimport AddressForm from '../Pages/AddressForm';\nimport LocationReq from '../Pages/LocationReq';\nimport PanelAmpsPhase from '../Pages/PanelAmpsPhase'\nimport PhaseConnection from '../Pages/PhaseConnection';\nimport BetaLogin from '../Pages/BetaLogin'\n\nclass Router extends Component {\n constructor(props) {\n super(props);\n this.state = { macPrefillFromURL: {} };\n }\n\n render() {\n if (!this.props.initialized) {\n return null;\n }\n\n return (\n \n \n \n
\n {\n if (Auth.autoLogin) return {\n this.setState({ macPrefillFromURL: match.params });\n return \n {\n Auth.signout();\n this.setState({ macPrefillFromURL: '' });\n return \n
\n );\n }\n}\n\nexport default Router;\n","import React, { Component, Suspense } from 'react';\nimport Router from './Router';\nimport Auth from './Router/Auth';\nimport { Loader } from '@chargepoint/cp-toolkit'\n\nclass App extends Component {\n constructor(props) {\n super(props);\n this.state = {\n isInitialized: false\n };\n }\n\n componentDidMount() {\n Auth.isSSOEnabled().then(useSSO => {\n Auth.validateSession()\n .then(response => {\n if (!response.ok) {\n throw response.statusText;\n }\n return response.json();\n })\n .then(result => {\n if (result.is_user_valid) {\n Auth.autoSignin(result.full_name);\n } else {\n if (result.error) {\n Auth.errorMessage = result.message;\n }\n throw new Error('User or Password is invalid');\n }\n })\n .catch(() => {\n Auth.signout();\n })\n .finally(() => {\n this.setState({\n isInitialized: true\n });\n })\n });\n }\n\n render() {\n return (\n \n {this.state.isInitialized ?
\n \n );\n }\n}\n\nexport default App;\n","/*\nFor i18next usage and config:\nhttps://github.com/i18next/react-i18next/blob/master/example/react/src/App.js\nhttp://i18next.github.io/i18next/pages/doc_init.html\nhttps://www.i18next.com/overview/api#resource-handling\nhttps://itnext.io/ultimate-localization-of-react-mobx-app-with-i18next-efab77712149\n*/\n\nimport i18n from 'i18next';\nimport XHR from 'i18next-xhr-backend';\nimport LanguageDetector from 'i18next-browser-languagedetector';\nimport { initReactI18next } from 'react-i18next';\nimport chainedBackend from 'i18next-chained-backend';\nimport LocalStorageBackend from 'i18next-localstorage-backend';\n\ni18n\n // load translation using xhr -> see /public/locales\n // learn more: https://github.com/i18next/i18next-xhr-backend\n .use(XHR)\n // detect user language\n // learn more: https://github.com/i18next/i18next-browser-languageDetector\n .use(LanguageDetector)\n // pass the i18n instance to react-i18next.\n .use(initReactI18next)\n // init i18next\n // for all options read: https://www.i18next.com/overview/configuration-options\n .use(chainedBackend)\n .init({\n fallbackLng: 'en-US',\n useSuspense: false,\n load: 'currentOnly',\n backend: {\n backends: [\n LocalStorageBackend, // primary\n XHR // fallback\n ],\n backendOptions: [\n {\n // prefix for stored languages\n prefix: 'installer_lang_',\n // expiration 7 days\n expirationTime: 7 * 24 * 60 * 60 * 1000,\n // language versions\n defaultVersion: 1.1,\n // can be either window.localStorage or window.sessionStorage. Default: window.localStorage\n store: window.localStorage\n },\n {\n loadPath: '/language/{{lng}}/{{ns}}.json' // xhr load path for my own fallback\n }\n ]\n }\n });\n\nexport default i18n;\n","// This optional code is used to register a service worker.\n// register() is not called by default.\n\n// This lets the app load faster on subsequent visits in production, and gives\n// it offline capabilities. However, it also means that developers (and users)\n// will only see deployed updates on subsequent visits to a page, after all the\n// existing tabs open on the page have been closed, since previously cached\n// resources are updated in the background.\n\n// To learn more about the benefits of this model and instructions on how to\n// opt-in, read https://bit.ly/CRA-PWA\n\nconst isLocalhost = Boolean(\n window.location.hostname === \"localhost\" ||\n // [::1] is the IPv6 localhost address.\n window.location.hostname === \"[::1]\" ||\n // 127.0.0.1/8 is considered localhost for IPv4.\n window.location.hostname.match(\n /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\n )\n);\n\nexport function register(config) {\n if (process.env.NODE_ENV === \"production\" && \"serviceWorker\" in navigator) {\n // The URL constructor is available in all browsers that support SW.\n const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);\n if (publicUrl.origin !== window.location.origin) {\n // Our service worker won't work if PUBLIC_URL is on a different origin\n // from what our page is served on. This might happen if a CDN is used to\n // serve assets; see https://github.com/facebook/create-react-app/issues/2374\n return;\n }\n\n window.addEventListener(\"load\", () => {\n const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\n\n if (isLocalhost) {\n // This is running on localhost. Let's check if a service worker still exists or not.\n checkValidServiceWorker(swUrl, config);\n\n // Add some additional logging to localhost, pointing developers to the\n // service worker/PWA documentation.\n navigator.serviceWorker.ready.then(() => {\n console.log(\n \"This web app is being served cache-first by a service \" +\n \"worker. To learn more, visit https://bit.ly/CRA-PWA\"\n );\n });\n } else {\n // Is not localhost. Just register service worker\n registerValidSW(swUrl, config);\n }\n });\n }\n}\n\nfunction registerValidSW(swUrl, config) {\n navigator.serviceWorker\n .register(swUrl)\n .then(registration => {\n registration.onupdatefound = () => {\n const installingWorker = registration.installing;\n if (installingWorker == null) {\n return;\n }\n installingWorker.onstatechange = () => {\n if (installingWorker.state === \"installed\") {\n if (navigator.serviceWorker.controller) {\n // At this point, the updated precached content has been fetched,\n // but the previous service worker will still serve the older\n // content until all client tabs are closed.\n console.log(\n \"New content is available and will be used when all \" +\n \"tabs for this page are closed. See https://bit.ly/CRA-PWA.\"\n );\n\n // Execute callback\n if (config && config.onUpdate) {\n config.onUpdate(registration);\n }\n } else {\n // At this point, everything has been precached.\n // It's the perfect time to display a\n // \"Content is cached for offline use.\" message.\n console.log(\"Content is cached for offline use.\");\n\n // Execute callback\n if (config && config.onSuccess) {\n config.onSuccess(registration);\n }\n }\n }\n };\n };\n })\n .catch(error => {\n console.error(\"Error during service worker registration:\", error);\n });\n}\n\nfunction checkValidServiceWorker(swUrl, config) {\n // Check if the service worker can be found. If it can't reload the page.\n fetch(swUrl)\n .then(response => {\n // Ensure service worker exists, and that we really are getting a JS file.\n const contentType = response.headers.get(\"content-type\");\n if (\n response.status === 404 ||\n (contentType != null && contentType.indexOf(\"javascript\") === -1)\n ) {\n // No service worker found. Probably a different app. Reload the page.\n navigator.serviceWorker.ready.then(registration => {\n registration.unregister().then(() => {\n window.location.reload();\n });\n });\n } else {\n // Service worker found. Proceed as normal.\n registerValidSW(swUrl, config);\n }\n })\n .catch(() => {\n console.log(\n \"No internet connection found. App is running in offline mode.\"\n );\n });\n}\n\nexport function unregister() {\n if (\"serviceWorker\" in navigator) {\n navigator.serviceWorker.ready.then(registration => {\n registration.unregister();\n });\n }\n}\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\nimport './Intl/i18n';\nimport * as serviceWorker from './utils/serviceWorker';\nimport { initializeMixpanel } from './utils/mixpanel';\n\ninitializeMixpanel();\n\nReactDOM.render( 
\n\n \n {t('success.link_startnew')}\n \n 
\n );\n if (props.userIcon)\n return 
;\n\n return 
;\n}\n\nexport default Marker;\n","import './mapstyle.css';\n\nexport const getMapKeys = {\n v: 'i6Gd59LVlGuMBM-C8WKt2AJoyj4=-DuUdNbW0Qg',\n client: 'gme-coulombtechnologies1',\n language: 'en'\n};\n\nexport const getGeocodingKeys = {\n key: 'AIzaSyAifDZoA8FDulx7OD_SemQjtBLaZIKX1Fw'\n};\n\nlet geocoder;\n\nfunction initGeocoder() {\n const google = window.google;\n geocoder = new google.maps.Geocoder();\n}\n\nexport function geo(searchBoxValue) {\n if (geocoder === undefined) {\n initGeocoder();\n }\n return new Promise((resolve, reject) => {\n geocoder.geocode(\n {\n address: searchBoxValue\n },\n (res, err) => {\n if (err === 'OK') {\n resolve(res[0]);\n } else {\n reject(err);\n }\n }\n );\n });\n}\n\nfunction toRadians(degrees) {\n return (degrees * Math.PI) / 180;\n}\n\nexport function distanceBetweenCoordinates(lat1, lon1, lat2, lon2, unit) {\n let radius = 3958.8 * 5280; // in feet\n\n if (unit !== 'FEET') {\n radius = 6367 * 1000; // in meters\n }\n\n const diffLat = toRadians(lat2 - lat1);\n const diffLon = toRadians(lon2 - lon1);\n\n lat1 = toRadians(lat1);\n lat2 = toRadians(lat2);\n\n const a =\n Math.sin(diffLat / 2) * Math.sin(diffLat / 2) +\n Math.sin(diffLon / 2) *\n Math.sin(diffLon / 2) *\n Math.cos(lat1) *\n Math.cos(lat2);\n\n return Math.abs(radius * 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1 - a)));\n}\n","// import { Maps } from 'google-map-react';\n// https://maps.googleapis.com/maps/api/js?key=AIzaSyAifDZoA8FDulx7OD_SemQjtBLaZIKX1Fwlibraries=places\n\nexport function getMapOptions(maps) {\n return {\n streetViewControl: false,\n scaleControl: true,\n fullscreenControl: true,\n rotateControl: false,\n tilt: 0,\n tiltControl: false,\n // styles: [\n // {\n // featureType: 'poi.business',\n // elementType: 'labels',\n // stylers: [\n // {\n // visibility: 'off'\n // }\n // ]\n // }\n // ],\n // gestureHandling: 'greedy',\n gestureHandling: 'cooperative',\n\n disableDoubleClickZoom: true,\n // minZoom: 11,\n // maxZoom: 18,\n\n mapTypeControl: true,\n mapTypeId: maps.MapTypeId.SATELLITE,\n mapTypeControlOptions: {\n style: maps.MapTypeControlStyle.HORIZONTAL_BAR,\n position: maps.ControlPosition.TOP_LEFT,\n mapTypeIds: [maps.MapTypeId.ROADMAP, maps.MapTypeId.SATELLITE]\n },\n\n zoomControl: true,\n clickableIcons: false\n };\n}\n\n/* \nDev notes:\n* https://github.com/google-map-react/google-map-react/issues/585\n* https://github.com/google-map-react/google-map-react/blob/master/API.md\n* https://www.fullstackreact.com/articles/how-to-write-a-google-maps-react-component/\n* https://github.com/google-map-react/google-map-react/issues/32\n* https://github.com/google-map-react/google-map-react/issues/43\n* https://github.com/fullstackreact/google-maps-react\n*/\n\n/* \nDev notes:\n* https://maps.googleapis.com/maps/api/js?key=AIzaSyAifDZoA8FDulx7OD_SemQjtBLaZIKX1Fwlibraries=places\n* https://github.com/google-map-react/google-map-react/issues/585\n* https://github.com/google-map-react/google-map-react/blob/master/API.md\n* https://www.fullstackreact.com/articles/how-to-write-a-google-maps-react-component/\n* https://github.com/google-map-react/google-map-react/issues/32\n* https://github.com/google-map-react/google-map-react/issues/43\n* https://github.com/fullstackreact/google-maps-react\n*/\n","import React, { Component, Fragment } from 'react';\nimport GoogleMapReact from 'google-map-react';\nimport Navigation from '../../Components/Navigation';\nimport Marker from '../../Components/Marker';\nimport ErrorMessage from '../../Components/ErrorMessage';\nimport FormValidation from '../../Components/FormValidation';\n\nimport { fetchGET, fetchAPI } from '../../Router/helpers';\nimport { getMapKeys, distanceBetweenCoordinates } from '../../utils/map';\nimport { getMapOptions } from './mapConfig';\nimport './style.css';\n\nclass Pinpoint extends Component {\n constructor(props) {\n super(props);\n const uiState = {\n center: {\n lat: null,\n lng: null\n },\n stationCenter: {\n lat: null,\n lng: null\n },\n zoom: 19,\n pageSaved: false\n };\n\n if (props.savedData) {\n Object.keys(uiState).forEach(key => {\n if (props.savedData[key]) {\n uiState[key] = props.savedData[key];\n }\n });\n }\n\n // Set the Center of the Map as the User's location on new Stations.\n if (!uiState.center.lat) {\n uiState.center.lat = props.global.userCoords.latitude;\n uiState.center.lng = props.global.userCoords.longitude;\n }\n\n this.state = {\n surroundingStations: [],\n data: {},\n isValidated: false,\n ...uiState\n };\n\n this.mapOnChange = this.mapOnChange.bind(this);\n this.onFormSubmit = this.onFormSubmit.bind(this);\n this.pageApiCall = this.pageApiCall.bind(this);\n this.isValidPosition = this.isValidPosition.bind(this);\n }\n\n mapOnChange({ center, zoom }) {\n this.setState({ center, zoom });\n fetchGET(\n `/installer/pinpointed_stations/${this.props.global.deviceId}?lat=${\n center.lat\n }&lon=${center.lng}`\n ).then(res => {\n this.setState({ surroundingStations: res });\n });\n }\n\n onFormSubmit() {\n if (this.isValidPosition()) {\n // Success on validation\n this.setState({\n displayError: false,\n isValidated: true\n });\n }\n }\n\n isValidPosition() {\n const { t } = this.props;\n const {\n MAX_DISTANCE_PINPOINT,\n isPreSaved,\n OVERRIDE_MAX_DISTANCE,\n MAX_DISTANCE_UNIT\n } = this.props.global;\n\n if (OVERRIDE_MAX_DISTANCE) return true;\n\n const distanceFromSearch = distanceBetweenCoordinates(\n this.props.global.userCoords.latitude,\n this.props.global.userCoords.longitude,\n this.state.center.lat,\n this.state.center.lng,\n MAX_DISTANCE_UNIT\n );\n\n if (distanceFromSearch > MAX_DISTANCE_PINPOINT) {\n // too far warning\n const errorMessage = t('pinpoint.map_too_far');\n this.setState({\n displayError: true,\n errorMessage,\n errFromValidation: true\n });\n return false;\n }\n\n if (distanceFromSearch <= 1 && !isPreSaved) {\n // didn't move\n const errorMessage = t('pinpoint.map_no_movement');\n this.setState({\n displayError: true,\n errorMessage,\n errFromValidation: true\n });\n return false;\n }\n\n return true;\n }\n\n pageApiCall() {\n return new Promise((resolve, reject) => {\n fetchAPI(`/installer/station_pinpoint/${this.props.global.deviceId}`, {\n station_lat: this.state.center.lat,\n station_lon: this.state.center.lng\n })\n .then(res => {\n if (!res.error) {\n this.setState(\n prevState => ({\n data: {\n zoom: prevState.zoom,\n center: prevState.center,\n pageSaved: true\n }\n }),\n () => {\n resolve();\n }\n );\n } else {\n throw Error(res.message);\n }\n })\n .catch(err => {\n this.setState(\n {\n displayError: true,\n errorMessage: err.message,\n isValidated: false,\n errFromValidation: false\n },\n () => {\n reject();\n }\n );\n });\n });\n }\n\n render() {\n const { t } = this.props;\n return (\n 
\n