\r\n {\r\n context.alert\r\n && (\r\n \r\n \r\n context.updateState({ lastSearchFrom: index })}>\r\n \r\n Notification # \r\n Manufacturer \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 {context.alert.message}\r\n
\r\n )\r\n }\r\n Backflow Assembly Test Form
\r\n\r\n
\r\n \r\n
\r\n \r\n {children}\r\n
\r\n);\r\n\r\nSideBar.propTypes = {\r\n children: PropTypes.node.isRequired,\r\n};\r\n\r\nexport default SideBar;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n// import { Link } from 'react-router-dom';\r\n\r\nimport './BreadCrumb.css';\r\n\r\nconst backStyle = {\r\n float: 'left',\r\n cursor: 'pointer',\r\n backgroundColor: 'transparent',\r\n border: 'none'\r\n}\r\n\r\nconst BreadCrumb = ({ currentLink, updateState }) => (\r\n - \r\n
- \r\n
\r\n {children}\r\n
\r\n);\r\n\r\nRightContent.propTypes = {\r\n children: PropTypes.node.isRequired,\r\n};\r\n\r\nexport default RightContent;\r\n","/* eslint-disable class-methods-use-this */\r\nimport { apiService } from './api';\r\n\r\nclass TestersService {\r\n findTesterByCertificationId(id) {\r\n id = encodeURIComponent(id);\r\n return apiService.get(`TesterSet%3F$filter=CertificateNo eq ~${id}~`); // encode single quote as tilde ~ to get thru WAF\r\n }\r\n}\r\n\r\nexport const testersService = new TestersService();\r\n","/* eslint-disable class-methods-use-this */\r\nimport { apiService } from './api';\r\n\r\nclass TestFormService {\r\n\r\n fetchSubmissionToken(notificationId) {\r\n //console.log('inside fetchSubmissionToken');\r\n return apiService({\r\n method: 'get',\r\n url: `TestNotificationSet('${notificationId}')`,\r\n headers: { 'X-CSRF-Token': 'Fetch' }\r\n });\r\n }\r\n \r\n //indexOfSpecialChar(string, startIndex = 0) {\r\n // const specialChars = '/~!@#$%^&*()_-+=|\\'<>';\r\n // for (let i = 0; i < specialChars.length; i++) {\r\n // const specialCharIndex = string.indexOf(specialChars[i], startIndex);\r\n // if (specialCharIndex > -1) return specialCharIndex;\r\n // }\r\n // return -1;\r\n //}\r\n\r\n submitForm(notificationId, data) {\r\n\r\n // convert data to utf8 string\r\n const utf8Str = unescape(encodeURIComponent(JSON.stringify(data)));\r\n // convert utf8Str to base64 string\r\n const dataStr = btoa(utf8Str);\r\n\r\n\r\n //console.log('dataStr', dataStr);\r\n\r\n return apiService({\r\n method: 'put',\r\n url: `TestFormSet('${notificationId}')`,\r\n data: { payload: dataStr }\r\n });\r\n }\r\n\r\n removeAssembly(notificationId, data) {\r\n const removingData = data;\r\n removingData.TestType = 'RM';\r\n\r\n return apiService({\r\n method: 'put',\r\n url: `TestFormSet('${notificationId}')`,\r\n data: removingData,\r\n });\r\n }\r\n}\r\n\r\nexport const testFormService = new TestFormService();\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Field, ErrorMessage } from 'formik';\r\nimport { FaSearch } from 'react-icons/fa';\r\n\r\nconst SearchInput = ({ name, placeholder, onBlur, refVal }) => (\r\n \r\n
\r\n);\r\n\r\nSearchInput.defaultProps = {\r\n placeholder: '',\r\n onBlur: () => { },\r\n refVal: null\r\n};\r\n\r\nSearchInput.propTypes = {\r\n name: PropTypes.string.isRequired,\r\n placeholder: PropTypes.string,\r\n onBlur: PropTypes.func,\r\n refVal: PropTypes.shape({ current: PropTypes.elementType })\r\n};\r\n\r\nexport default SearchInput;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Datepicker } from 'react-formik-ui';\r\n\r\nimport './W1DatePicker.css';\r\nimport calendarIcon from '../../img/calendar-icon.png';\r\n\r\nconst W1DatePicker = ({ name, onBlur }) =>\r\n(\r\n \r\n \r\n
*/}\r\n \r\n 
*/}\r\n
\r\n);\r\n\r\nW1DatePicker.defaultProps = {\r\n onBlur: () => { }\r\n};\r\n\r\nW1DatePicker.propTypes = {\r\n name: PropTypes.string.isRequired,\r\n onBlur: PropTypes.func\r\n};\r\n\r\nexport default W1DatePicker;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Field, ErrorMessage } from 'formik';\r\nimport W1DatePicker from '../W1DatePicker/W1DatePicker';\r\n\r\nconst renderInput = (name, label, placeholder, key) => (\r\n \r\n
\r\n);\r\n\r\nconst renderFields = (assemblyType) => {\r\n const fields = [];\r\n\r\n switch (assemblyType) {\r\n case 'BF-RPA':\r\n case 'BF-RPDA':\r\n fields.push(renderInput('MainCheckValve1Psid', 'Check Valve 1', 'PSID', fields.length));\r\n fields.push(renderInput('MainCheckValve2Psid', 'Check Valve 2', '', fields.length));\r\n fields.push(renderInput('MainReliefValvePsid', 'Relief Valve', '', fields.length));\r\n break;\r\n case 'BF-RPDA-II':\r\n fields.push(renderInput('MainCheckValve1Psid', 'Check Valve 1', 'PSID', fields.length));\r\n fields.push(renderInput('MainCheckValve2Psid', 'Check Valve 2', '', fields.length));\r\n fields.push(renderInput('MainReliefValvePsid', 'Relief Valve', '', fields.length));\r\n fields.push(renderInput('BypassCheckValve1Psid', 'Bypass Valve', '', fields.length));\r\n break;\r\n case 'BF-DCA':\r\n case 'BF-DCDA':\r\n fields.push(renderInput('MainCheckValve1Psid', 'Check Valve 1', 'PSID', fields.length));\r\n fields.push(renderInput('MainCheckValve2Psid', 'Check Valve 2', '', fields.length));\r\n break;\r\n case 'BF-DCDA-II':\r\n fields.push(renderInput('MainCheckValve1Psid', 'Check Valve 1', 'PSID', fields.length));\r\n fields.push(renderInput('MainCheckValve2Psid', 'Check Valve 2', '', fields.length));\r\n fields.push(renderInput('BypassCheckValve1Psid', 'Bypass Valve', '', fields.length));\r\n break;\r\n case 'BF-PVB':\r\n case 'BF-SPVB':\r\n fields.push(renderInput('VBAirInletPsid', 'Air Inlet', 'Opened At', fields.length));\r\n fields.push(renderInput('VBChkVlvPsid', 'Check Valve', 'Held At', fields.length));\r\n break;\r\n case \"BF-AG\":\r\n fields.push(renderInput('AirGapSupplySize', 'Pipe Diameter', 'Inches', fields.length));\r\n fields.push(renderInput('AirGap', 'Air Gap Distance', '', fields.length));\r\n break;\r\n default:\r\n fields.push(());\r\n break;\r\n }\r\n\r\n return fields;\r\n};\r\n\r\nconst AssemblyTypeFields = ({ assemblyType, assemblyTypeDscrpt }) => (\r\n \r\n {\r\n placeholder != '' && (\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 {label}
\r\n \r\n { e.target.select(); }} />\r\n
\r\n Passing Backflow Assembly Test
\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 Test Date
\r\n \r\n
\r\n \r\n {renderFields(assemblyType)}\r\n
\r\n \r\n \r\n
\r\n );\r\n\r\n return isOpen ? dialog : null;\r\n};\r\n\r\nModalDialog.defaultProps = {\r\n isOpen: false,\r\n};\r\n\r\nModalDialog.propTypes = {\r\n children: PropTypes.node.isRequired,\r\n onCloseClick: PropTypes.func.isRequired,\r\n isOpen: PropTypes.bool,\r\n};\r\n\r\nexport default ModalDialog;\r\n","import React from 'react';\r\nimport { Field, getIn } from 'formik';\r\nimport classnames from 'classnames';\r\n\r\nexport const InputValve = ({\r\n label,\r\n labelclassname,\r\n wrapperclassname,\r\n inputclassname,\r\n name,\r\n left,\r\n right,\r\n bypass,\r\n ...props\r\n}) => (\r\n \r\n \r\n {children}\r\n
\r\n \r\n \r\n
\r\n );\r\n }}\r\n />\r\n);\r\n\r\nexport const Input = ({\r\n label,\r\n labelclassname,\r\n wrapperclassname,\r\n inputclassname,\r\n name,\r\n ...props\r\n}) => (\r\n \r\n
\r\n {leftText}
\r\n {right}
\r\n \r\n \r\n
\r\n );\r\n }}\r\n />\r\n);\r\n\r\nconst ErrorMessage = ({ name, className }) => (\r\n {error}
\r\n ) : null;\r\n }}\r\n />\r\n);\r\n\r\nexport const Select = ({\r\n name,\r\n options,\r\n label,\r\n wrapperclassname,\r\n labelclassname,\r\n}) => {\r\n return (\r\n \r\n {label ? (\r\n \r\n ) : null}\r\n \r\n \r\n {options.map((type, index) => (\r\n \r\n ))}\r\n \r\n
\r\n );\r\n }}\r\n \r\n
\r\n )}\r\n \r\n {\r\n if (field.value === value) {\r\n form.setFieldValue(name, '');\r\n } else {\r\n form.setFieldValue(name, value);\r\n }\r\n }}\r\n />\r\n \r\n
\r\n \r\n \r\n
\r\n );\r\n};\r\n","/* eslint-disable react/prop-types */\r\nimport React from 'react';\r\nimport { withFormik, Field, ErrorMessage } from 'formik';\r\nimport { Textarea } from 'react-formik-ui';\r\nimport * as Yup from 'yup';\r\nimport { dateToHuman } from '../../helpers/util';\r\n\r\nimport { testersService } from '../../services/testers-service';\r\nimport { testFormService } from '../../services/test-form-service';\r\n\r\nimport SearchInput from '../SearchInput/SearchInput';\r\nimport W1DatePicker from '../W1DatePicker/W1DatePicker';\r\nimport AssemblyTypeFields from '../AssemblyTypeFields/AssemblyTypeFields';\r\nimport './RecordForm.css';\r\nimport ModalDialog from '../ModalDialog/ModalDialog';\r\nimport { Checkbox } from '../Input';\r\nimport { parsePhoneNumberFromString } from 'libphonenumber-js'\r\n\r\nclass RecordForm extends React.Component {\r\n constructor() {\r\n super();\r\n this.onSubmit = this.onSubmit.bind(this);\r\n this.state = {\r\n isOpen: true,\r\n IsIncorrectInformation: false\r\n };\r\n this.textInput = React.createRef();\r\n this.focusTextInput = this.focusTextInput.bind(this);\r\n }\r\n\r\n focusTextInput() {\r\n // Explicitly focus the text input using the raw DOM API\r\n // Note: we're accessing \"current\" to get the DOM node\r\n //setTimeout(() => {\r\n this.textInput.current.focus();\r\n //}, 0);\r\n }\r\n\r\n onSubmit = () => {\r\n };\r\n\r\n redoSearchClick = () => {\r\n this.setState({ isOpen: false });\r\n this.props.updateState({\r\n redirectToForm: false,\r\n redirectToHome: true\r\n });\r\n }\r\n\r\n okClick = () => {\r\n this.setState({ isOpen: false });\r\n this.props.updateState({\r\n redirectToForm: false,\r\n redirectToHome: false\r\n });\r\n this.focusTextInput();\r\n }\r\n\r\n render() { \r\n const {\r\n values,\r\n isSubmitting,\r\n setFieldValue,\r\n setFieldError,\r\n setErrors,\r\n handleBlur,\r\n status,\r\n submitForm,\r\n handleReset,\r\n } = this.props;\r\n\r\n const { onSubmit } = this;\r\n const onCaptchaResolved = () => {\r\n submitForm();\r\n };\r\n\r\n const { isOpen } = this.state;\r\n\r\n const inCorrectInfoClick = (event) => {\r\n this.setState({ isOpen: false, IsIncorrectInformation: true });\r\n this.focusTextInput();\r\n }\r\n\r\n const handleCheckboxOnChange = (event) => {\r\n this.setState({ IsIncorrectInformation: !this.state.IsIncorrectInformation });\r\n if (!this.state.IsIncorrectInformation)\r\n this.props.values.TestComments = '';\r\n }\r\n\r\n const formatPhone = (phonestring) => {\r\n if (phonestring) {\r\n var tmp = parsePhoneNumberFromString('+1' + phonestring);\r\n if (tmp)\r\n return (tmp.formatNational());\r\n }\r\n return ('');\r\n }\r\n\r\n const findTesterByCertificationId = (event) => {\r\n //handleBlur(event);\r\n const id = event.target.value || '';\r\n\r\n if (id) {\r\n //console.log('id=' + id);\r\n testersService.findTesterByCertificationId(id)\r\n .then((response) => {\r\n const { results } = JSON.parse(response.data).d;\r\n if (results.length === 1) {\r\n const { __metadata, ...tester } = results[0]; // filterout __metadata.\r\n\r\n //console.log(tester);\r\n setErrors({});\r\n\r\n setFieldValue('TesterCertificationNo', tester.CertificateNo);\r\n setFieldValue('TesterCertificationExpDate', tester.CertificateExpDate);\r\n setFieldValue('TesterFirstName', tester.Name.split(',')[1]);\r\n setFieldValue('TesterLastName', tester.Name.split(',')[0]);\r\n setFieldValue('TesterPhone', tester.TelephoneNo1);\r\n setFieldValue('TesterCompanyName', tester.Company);\r\n setFieldValue('TesterCompanyPhone', tester.TelephoneNo2);\r\n setFieldValue('TesterCompanyFax', tester.Fax);\r\n setFieldValue('TesterEmail', tester.Email);\r\n } else {\r\n throw Error('Tester Certification No not found');\r\n }\r\n })\r\n .catch((err) => {\r\n var errorMessage = '';\r\n if (err.response.data.includes('Invalid token detected at position 17'))\r\n errorMessage = 'Please verify the certification number is entered exactly as used by the certifying agency.';\r\n else {\r\n const { error } = JSON.parse(err.response.data);\r\n errorMessage = error.message.value;\r\n }\r\n setFieldError('TesterCertificationNo', errorMessage);\r\n\r\n //setFieldValue('TesterCertificationNo', '');\r\n setFieldValue('TesterCertificationExpDate', '');\r\n setFieldValue('TesterFirstName', '');\r\n setFieldValue('TesterLastName', '');\r\n setFieldValue('TesterPhone', '');\r\n setFieldValue('TesterCompanyName', '');\r\n setFieldValue('TesterCompanyPhone', '');\r\n setFieldValue('TesterCompanyFax', '');\r\n setFieldValue('TesterEmail', '');\r\n //this.focusTextInput();\r\n });\r\n }\r\n };\r\n\r\n return (\r\n \r\n
\r\n \r\n {notificationno.error || notificationcheckdigit.error}\r\n
\r\n ) : null}\r\n \r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default withFormik({\r\n\r\n validateOnChange: false,\r\n validateOnBlur: false,\r\n \r\n mapPropsToValues: props => (\r\n {\r\n TestType: 'AN',\r\n TestDate: undefined,\r\n NotificationNo: props.notification.NotificationNo,\r\n NotificationCheckDigit: props.notification.NotificationCheckDigit,\r\n Form: 'DWQ-BPAT',\r\n FormVersion: '0001',\r\n ServiceAddress: props.notification.Street,\r\n ServiceCity: props.notification.City,\r\n CustomerName: props.notification.CustomerName,\r\n CustomerPhone: props.notification.Telephone,\r\n AssemblyLocation: props.notification.Location,\r\n Hazard: props.notification.HazardCodeDscrpt,\r\n MainManufacturer: props.notification.Manufacturer,\r\n MainModelNo: props.notification.ModelNo,\r\n MainSerialNo: props.notification.SerialNo,\r\n MainSize: props.notification.Size,\r\n BypassNotificationNo: '',\r\n BypassNotificationCheckDigit: '',\r\n BypassManufacturer: '',\r\n BypassModelNo: '',\r\n BypassSerialNo: '',\r\n BypassSize: '0.000',\r\n AssemblyType: props.notification.AssemblyType,\r\n FirelineFlushRequired: props.notification.FirelineFlushRequired,\r\n MainCheckValve1Psid: '0.0',\r\n MainCheckValve2Psid: '0.0',\r\n MainReliefValvePsid: '0.0',\r\n BypassCheckValve1Psid: '0.0',\r\n BypassCheckValve2Psid: '0.0',\r\n BypassReliefValvePsid: '0.0',\r\n VBAirInletPsid: '0.0',\r\n VBChkVlvPsid: '0.0',\r\n AirGapSupplySize: '0.0',\r\n AirGap: '0.0',\r\n FirelineFlushDate: undefined,\r\n FirelineFlushAck: false,\r\n FirelineFlushingName: '',\r\n TestComments: '',\r\n TesterFirstName: '',\r\n TesterLastName: '',\r\n TesterPhone: '',\r\n TesterCertificationNo: '',\r\n TesterCertificationExpDate: '',\r\n TesterCompanyName: '',\r\n TesterCompanyPhone: '',\r\n TesterCompanyFax: '',\r\n TesterEmail: 'german.rodriguez@metova.com',\r\n }\r\n ),\r\n\r\n\r\n validationSchema: Yup.object().shape({\r\n TesterCertificationNo: Yup.string().required('Certification # Required'),\r\n TestDate: Yup.date().required('Test Date Required'),\r\n FirelineFlushingName: Yup.string()\r\n .when('FirelineFlushRequired', {\r\n is: 'Y',\r\n then: Yup.string().required('Fireline Flush Name Required'),\r\n }),\r\n FirelineFlushDate: Yup.date()\r\n .when('FirelineFlushRequired', {\r\n is: 'Y',\r\n then: Yup.date().required('Fireline Flush Date Required'),\r\n }),\r\n FirelineFlushAck: Yup.boolean()\r\n .when('FirelineFlushRequired', {\r\n is: 'Y',\r\n then: Yup.boolean().oneOf([true], 'You must acknowledge the fireline flush') \r\n }) \r\n }),\r\n\r\n\r\n handleSubmit: (values, { setStatus, setSubmitting, props }) => {\r\n const { FirelineFlushRequired, ...data } = values;\r\n const notificationId = data.NotificationNo || '';\r\n\r\n // remove FirelineFlushAck property because can't send to SAP svc\r\n delete data.FirelineFlushAck;\r\n\r\n if (data.AssemblyType === \"BF-AG\" || FirelineFlushRequired === 'Y')\r\n data.MainSize = \"0.000\";\r\n\r\n // per Brian B, delete FireLineFlushDate if not required\r\n if (FirelineFlushRequired !== 'Y')\r\n delete data.FirelineFlushDate;\r\n else\r\n data.FirelineFlushDate = new Date(data.FirelineFlushDate).toISOString();\r\n\r\n //console.log('FirelineFlushDate', data.FirelineFlushDate);\r\n\r\n // per Brian B, remove spaces and dashes from CustomerPhone\r\n data.CustomerPhone = data.CustomerPhone.split(' ').join('').split('-').join('');\r\n \r\n // remove notification number and checkdigit\r\n // if submission is RP (Replace) or RM (Remove)\r\n if (data.TestType === 'RP' || data.TestType === 'RM') {\r\n data.NotificationNo = ''; data.NotificationCheckDigit = '';\r\n }\r\n\r\n // we must change this to ISO format for the new encoding requirement\r\n data.TestDate = new Date(data.TestDate).toISOString();\r\n\r\n //console.log('tt=' + data.TestType);\r\n //console.log('no=' + data.NotificationNo);\r\n //console.log(data);\r\n //console.log(JSON.stringify(data));\r\n\r\n testFormService.submitForm(notificationId, data)\r\n .then((result) => {\r\n //console.log(result);\r\n // this means previous promise was successful.\r\n props.updateState({\r\n redirectToForm: false,\r\n redirectToHome: true,\r\n notification: {},\r\n alert: {\r\n type: 'info',\r\n message: 'Thank you for your submission',\r\n },\r\n });\r\n })\r\n .catch((err) => {\r\n //console.log(err);\r\n //console.log(err.response);\r\n const { error } = JSON.parse(err.response.data);\r\n if (error.message.value.includes('Multiple'))\r\n {\r\n // handle multiple errors thrown\r\n var errorMessage = error.innererror.errordetails\r\n .filter(e => e.code === '')\r\n .map(e => e.message)\r\n .join('\\r\\n');\r\n }\r\n else\r\n var errorMessage = error.message.value;\r\n setStatus({ formSubmissionError: errorMessage });\r\n })\r\n .finally(() => {\r\n setSubmitting(false);\r\n });\r\n },\r\n // allows the form to be initialized again if props change.\r\n enableReinitialize: true,\r\n})(RecordForm);","import moment from 'moment';\r\n\r\nexport const isEmpty = obj => Object.keys(obj).length === 0 && obj.constructor === Object;\r\nexport const parseDate = date => `/Date(${moment(date).valueOf()})/`;\r\nexport const dateToHuman = (date, format) => `${moment(date, format).format('L')}`;\r\n\r\n// TODO: Verify Tester info to be sent.\r\n// Right now is hardcoded.\r\nexport const notificationToRemovalFormat = (notification) => {\r\n const formatted = {\r\n TestType: 'RM',\r\n TestDate: '/Date(1554793200000)/',\r\n NotificationNo: '',\r\n NotificationCheckDigit: '',\r\n Form: notification.Form,\r\n FormVersion: notification.FormVersion,\r\n ServiceAddress: notification.Street,\r\n ServiceCity: notification.City,\r\n CustomerName: notification.CustomerName,\r\n CustomerPhone: notification.CustomerPhone || '9133271147',\r\n AssemblyLocation: notification.Location,\r\n Hazard: notification.HazardCodeDscrpt,\r\n MainManufacturer: notification.Manufacturer,\r\n MainModelNo: notification.ModelNo,\r\n MainSerialNo: notification.SerialNo,\r\n MainSize: notification.Size,\r\n BypassNotificationNo: '',\r\n BypassNotificationCheckDigit: '',\r\n BypassManufacturer: '',\r\n BypassModelNo: '',\r\n BypassSerialNo: '',\r\n AssemblyType: notification.AssemblyType,\r\n MainCheckValve1Psid: '1',\r\n MainCheckValve2Psid: '1',\r\n MainReliefValvePsid: '0.0',\r\n BypassCheckValve1Psid: '0.0',\r\n BypassCheckValve2Psid: '0.0',\r\n BypassReliefValvePsid: '0.0',\r\n VBAirInletPsid: '0.0',\r\n VBChkVlvPsid: '0.0',\r\n AirGapSupplySize: '0.0',\r\n AirGap: '0.0',\r\n TestComments: '',\r\n };\r\n\r\n return formatted;\r\n};\r\n","import React from 'react';\r\nimport { Redirect } from 'react-router-dom';\r\nimport FormContext from '../../context/form-context';\r\nimport AppContainer from '../../components/AppContainer/AppContainer';\r\nimport SideBar from '../../components/SideBar/SideBar';\r\nimport BreadCrumb from '../../components/BreadCrumb/BreadCrumb';\r\nimport RightContent from '../../components/RightContent/RightContent';\r\nimport RecordForm from '../../components/RecordForm/RecordForm';\r\n//import RemoveAssemblyDialog from '../../components/RemoveAssemblyDialog/RemoveAssemblyDialog';\r\n//import ReplaceAssemblyDialog from '../../components/ReplaceAssemblyDialog/ReplaceAssemblyDialog';\r\nimport { parsePhoneNumberFromString } from 'libphonenumber-js'\r\n\r\nimport './ReportForm.css';\r\nimport * as util from '../../helpers/util';\r\n\r\nconst ReportForm = () => (\r\n Verify Information
\r\nPlease verify the information on the left is accurate. If not, please click the \"Incorrect Information\" button.
\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\n );\r\n }\r\n }\r\n Customer Information
\r\n\r\n
\r\n \r\n \r\n
\r\n {context.notification.NotificationNo}
\r\n\r\n \r\n
\r\n {context.notification.CustomerName}
\r\n\r\n \r\n
\r\n {context.notification.Street}
\r\n\r\n \r\n
\r\n {/*{context.notification.City}
\r\n\r\n \r\n
*/}\r\n {formatPhone(context.notification.Telephone)}
\r\n\r\n
Assembly Information
\r\n\r\n
\r\n \r\n \r\n
\r\n\r\n {context.notification.SerialNo}
\r\n\r\n \r\n
\r\n\r\n {context.notification.AssemblyTypeDscrpt}
\r\n\r\n \r\n
\r\n\r\n {context.notification.Manufacturer}
\r\n\r\n \r\n
\r\n\r\n {context.notification.ModelNo}
\r\n\r\n \r\n
\r\n\r\n {context.notification.Size}
\r\n\r\n \r\n
\r\n\r\n {` ${context.notification.HazardCodeDscrpt}`}
\r\n\r\n \r\n
\r\n\r\n {context.notification.Location}
\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 !formContext.reCAPTCHAToken\r\n ?\r\n { document.getElementById(\"g-recaptcha\").style.display = 'inline-block'; }}\r\n verifyCallback={async (token) => {\r\n formContext.updateState({ reCAPTCHAToken: token });\r\n await getNotifications();\r\n }}\r\n expiredCallback={() => { formContext.updateState({ reCAPTCHAToken: '' }); }} />\r\n :\r\n
\r\n );\r\n};\r\n\r\nexport default OpenBackflowNotifications;\r\n\r\n","import React, { useEffect } from 'react';\r\nimport {\r\n BrowserRouter,\r\n Route,\r\n Switch,\r\n} from 'react-router-dom';\r\nimport { loadReCaptcha } from 'react-recaptcha-google';\r\n\r\nimport FormProvider from './context/form-provider';\r\nimport FindRecord from './screens/FindRecord/FindRecord';\r\nimport ReportForm from './screens/ReportForm/ReportForm';\r\nimport OpenBackflowNotifications from './screens/OpenBackflowNotifications/OpenBackflowNotifications';\r\n\r\nconst App = () => {\r\n useEffect(() => {\r\n loadReCaptcha();\r\n });\r\n\r\n return (\r\n Open Backflow Notifications
It is a violation of Kansas law for any person to knowingly sell, give, or receive, for the purpose of selling or offering for sale any property or service to persons listed therein, any list of names and addresses contained in or derived from public records.
Backflow Assembly Test Form\r\n {\r\n !formContext.reCAPTCHAToken\r\n ?\r\n
\r\n \r\n Export to Excel\r\n \r\n
\r\n }\r\n \r\n \r\n \r\n
\r\n