\r\n Showing results for {answers.postcode}{' '}\r\n
\r\n {lookups.addresses[0].label}{' '}\r\n
\r\n Showing results for {answers.mapSearch}{' '}\r\n
\r\n
\r\n )}\r\n \r\n );\r\n};\r\n\r\nFieldBlock.propTypes = {\r\n chars: PropTypes.number,\r\n collapse: PropTypes.bool,\r\n cols: PropTypes.number,\r\n condensed: PropTypes.bool,\r\n form: PropTypes.object,\r\n hideLabel: PropTypes.bool,\r\n hint: PropTypes.string,\r\n isRequiredMarker: PropTypes.bool,\r\n label: PropTypes.string.isRequired,\r\n maxLength: PropTypes.string,\r\n name: PropTypes.string.isRequired,\r\n options: PropTypes.array,\r\n showMaxLength: PropTypes.bool,\r\n type: PropTypes.string,\r\n className: PropTypes.string,\r\n placeholder: PropTypes.string,\r\n onlyShowInColleagueMode: PropTypes.bool,\r\n};\r\n\r\nFieldBlock.defaultProps = {\r\n chars: null,\r\n cols: null,\r\n collapse: false,\r\n condensed: false,\r\n form: null,\r\n hideLabel: false,\r\n hint: null,\r\n isRequiredMarker: false,\r\n maxLength: null,\r\n options: null,\r\n showMaxLength: false,\r\n type: 'checkbox',\r\n className: '',\r\n placeholder: null,\r\n onlyShowInColleagueMode: false,\r\n};\r\nexport default FieldBlock;\r\n","import FieldBlock from './FieldBlock';\r\n\r\nexport default FieldBlock;\r\n","import React, { Component, Fragment } from 'react';\r\nimport classNames from 'classnames';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport { FileList } from '../../../components';\r\nimport { ATTACHMENTS_CTA_DEFAULT_TEXT, SVG_NAMESPACE_URL } from '../../../constants';\r\n\r\nexport class FileUploadBlock extends Component {\r\n handleChange = (e) => {\r\n const files = Array.from(e.target.files);\r\n this.props.uploadAttachments(files);\r\n };\r\n\r\n handleRemove = (attachmentId) => {\r\n this.props.attachmentRemove(attachmentId);\r\n };\r\n\r\n handleKeyUp = (e) => {\r\n if (e.key === 'Enter' || e.key === 'Space') {\r\n this.inputElement.click();\r\n }\r\n };\r\n\r\n render() {\r\n const { name, attachments, ctaText } = this.props;\r\n const forRowClasses = classNames('c-form-row');\r\n return (\r\n \r\n {maxLength - (form.values[name] ? form.values[name].length : 0)} characters\r\n remaining\r\n
\r\n )}\r\n\r\n \r\n
\r\n\r\n \r\n {link && (\r\n \r\n {validate.format(text, answers)}\r\n \r\n )}\r\n\r\n {editSlug && (\r\n stepTo({ target: editSlug, editMode: editMode })}\r\n >\r\n {validate.format(text, answers)}\r\n \r\n )}\r\n\r\n {route && (\r\n \r\n )}\r\n
\r\n )}\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n Use my current location\r\n \r\n
\r\n - \r\n {newNextSteps.map((step, i) =>\r\n renderHtml === true ? (\r\n \r\n ) : (\r\n
- {step} \r\n ),\r\n )}\r\n
\r\n {this.state.text}\r\n {this.state.name}\r\n
\r\n{answers.appointmentDay}
}\r\n\r\n\r\n Nearby Problems\r\n
\r\n \r\n {summary}\r\n
\r\n )}\r\n\r\n {rows.map(({ id, value, label, format, prefix, postfix, editSlug, editMode, editParams }, i) => {\r\n let processedValue = !validate.format(value, answers).includes('undefined')\r\n ? validate.format(value, answers)\r\n : null;\r\n\r\n return (\r\n \r\n {processedValue && (\r\n \r\n
\r\n\r\n {editSlug && (\r\n \r\n \r\n {prefix}\r\n {formatValue(processedValue, format)}\r\n {postfix}\r\n
\r\n \r\n {label}\r\n
\r\n \r\n stepTo({ target: editSlug, editMode: editMode, params: editParams })}\r\n >\r\n Change\r\n \r\n
\r\n )}\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nColleagueSummaryBlock.propTypes = {\r\n form: PropTypes.object,\r\n};\r\n\r\nexport default ColleagueSummaryBlock;\r\n","import React, { Component } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { FormRow } from 'yw-ui.v2';\r\nimport { nwlpNoticeDateTime } from '../../../constants/Copy';\r\n\r\nexport class DateTimeSelectBlock extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n maxDate: this.calculateMaxDate(),\r\n dateValid: false,\r\n timeValid: false,\r\n dateError: nwlpNoticeDateTime.noDate,\r\n timeError: nwlpNoticeDateTime.noTime,\r\n };\r\n }\r\n\r\n noticeDate = undefined;\r\n noticeTime = undefined;\r\n\r\n calculateMaxDate() {\r\n if (this.props.setMaxTime === false) {\r\n return null;\r\n }\r\n const date = new Date();\r\n let dd = date.getDate();\r\n dd = dd < 10 ? '0' + dd : dd;\r\n let mm = date.getMonth() + 1;\r\n mm = mm < 10 ? '0' + mm : mm;\r\n return `${date.getFullYear()}-${mm}-${dd}`;\r\n }\r\n\r\n sameDate(d1, d2) {\r\n return (\r\n d1.getUTCFullYear() === d2.getUTCFullYear() &&\r\n d1.getUTCMonth() === d2.getUTCMonth() &&\r\n d1.getUTCDate() === d2.getUTCDate()\r\n );\r\n }\r\n\r\n onChange(data) {\r\n const key = data.target.name;\r\n const value = data.target.value;\r\n this[key] = value;\r\n const dateSelected = this.noticeDate !== undefined && this.noticeDate !== null && this.noticeDate !== '';\r\n const timeSelected = this.noticeTime !== undefined && this.noticeTime !== null && this.noticeTime !== '';\r\n this.setState({\r\n dateValid: dateSelected,\r\n });\r\n\r\n if (dateSelected !== true || timeSelected !== true) {\r\n return;\r\n }\r\n\r\n const date = new Date(`${this.noticeDate} ${this.noticeTime}`);\r\n const isToday = this.sameDate(date, new Date());\r\n\r\n let timeValid = timeSelected;\r\n let timeError = nwlpNoticeDateTime.noTime;\r\n if (isToday === true) {\r\n if (date > new Date()) {\r\n timeValid = false;\r\n timeError = nwlpNoticeDateTime.future;\r\n }\r\n }\r\n\r\n this.setState({\r\n timeValid: timeValid,\r\n timeError: timeError,\r\n });\r\n\r\n this.props.form.handleChange(this.props.name, date.toISOString());\r\n }\r\n\r\n render() {\r\n this.props.form.values.nwlpNoticeDateTimeValid = this.state.dateValid === true && this.state.timeValid === true;\r\n return (\r\n \r\n
\r\n {nwlpContactBanner.header}
\r\n\r\n \r\n )}\r\n
\r\n {header &&
\r\n {header}
}\r\n {infos.map((info) => (\r\n <>\r\n\r\n
\r\n {!isLoading && (\r\n this.handleStepForward(values, false, null)}\r\n onChange={this.handleChange}\r\n >\r\n {(form) => (\r\n \r\n {RECAPTCHA_ACTIVE === 'true' &&\r\n (hasRecaptcha || this.state.hasRecaptchaExecuted) &&\r\n currentSlug === slug && (\r\n {\r\n this.recaptcha = ref;\r\n return this.recaptcha;\r\n }}\r\n sitekey={RECAPTCHA_KEY}\r\n onResolved={(response) => this.handleStepForward({ recaptchaCode: response }, true)}\r\n locale={RECAPTCHA_LOCALE}\r\n />\r\n )}\r\n\r\n {blocks &&\r\n blocks.map((block, i) => (\r\n \r\n )}\r\n \r\n )}\r\n
\r\n )}\r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nColleagueModeHeaderBlock.propTypes = {\r\n form: PropTypes.object,\r\n};\r\n\r\nexport default ColleagueModeHeaderBlock;\r\n","import React, { Component } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Route, Switch, withRouter } from 'react-router-dom';\r\nimport { connect } from 'react-redux';\r\nimport { Layouts } from 'yw-ui.v2/dist/components';\r\n\r\nimport { loadConfig } from './actions/StepsAction';\r\nimport { Steps } from './scenes';\r\nimport { SERVICE_TITLE, MAIN_WEBSITE_URL, SOURCE_CLEAN } from './constants';\r\n\r\nimport 'yw-ui.v2/dist/css/yw-ui.v2.min.css';\r\nimport './App.scss';\r\nimport ColleagueModeHeaderBlock from './scenes/blocks/ColleagueModeHeaderBlock/ColleagueModeHeaderBlock';\r\n\r\nexport class App extends Component {\r\n componentDidMount() {\r\n const urlParams = new URLSearchParams(window.location.search);\r\n const source = urlParams.get('source') || SOURCE_CLEAN;\r\n const altSource = window.sessionStorage.getItem('source') || SOURCE_CLEAN;\r\n this.props.loadConfig({ source, altSource });\r\n }\r\n\r\n render() {\r\n const colleague = window.sessionStorage.getItem('token') !== null;\r\n return (\r\n