{"version":3,"sources":["components/Form/Form.module.scss","components/shared/Icon/Icon.js","components/Introduction/Introduction.js","helpers/URLSearchParams.js","globalState/FormDataContext.js","components/shared/Errors/GenericError.js","components/shared/Button/Button.js","components/Form/useStepLogic.js","components/shared/FormElements/Input/textarea.js","components/shared/SectionStepInfo/SectionStepInfo.js","components/Form/Shared/Enquiry/Enquiry.js","components/shared/FormElements/Input/Input.js","components/Form/Shared/Contact/Contact.js","components/Form/Shared/Name/Fieldset/Name.js","components/Form/SubmitConfirmation/Success.js","components/Form/SubmitConfirmation/Error.js","components/Form/useSubmitForm.js","components/shared/Table/Table.js","components/shared/Table/Table-2-col.js","components/shared/FormElements/Input/InputCheckbox.js","components/Form/StepConfirm/General/StepConsentForm.js","components/Form/StepConfirm/General/StepSummarySection.js","components/Form/StepConfirm/General/StepConfirm.js","components/Form/useTrackFormAbandonment.js","components/Form/Form.js","App.js","serviceWorker.js","index.js"],"names":["module","exports","Icon","_ref","className","iconName","_jsx","children","xlinkHref","concat","href","defaultProps","Intro","setIsFormStarted","_jsxs","type","onClick","url","URL","window","location","getSearchParam","name","searchParams","get","FormDataContext","createContext","FormDataProvider","props","FirstName","LastName","UrlName","decodeURI","_decodeURI$split","split","_decodeURI$split2","_slicedToArray","initialState","currentStep","length","formData","Firstname","hasReachedConfirmation","_useReducer","useReducer","state","action","_objectSpread","payload","_useReducer2","formState","formDispatch","Provider","value","GenericError","Button","btnClass","disabled","iconLeft","iconRight","isActive","isFetching","text","title","iconClass","role","useStepLogic","formRef","_useFormContext","useFormContext","register","errors","trigger","getValues","_useContext","useContext","_useContext2","formDataState","formDataDispatch","_useState","useState","_useState2","isContinuePressed","setIsContinuePressed","setStep","step","handleSubmit","_asyncToGenerator","_regeneratorRuntime","mark","_callee","event","result","file","PhotoName","PhotoExtension","reader","wrap","_context","prev","next","preventDefault","sent","Object","keys","includes","UploadInvitation","FileReader","readAsDataURL","onloadend","PhotoBase64","replace","scrollTo","current","offsetTop","stop","_x","apply","arguments","showGenericError","continueButton","sanitize","dompurify","Textarea","fieldValidation","inputmode","label","spellcheck","APIerrors","input","_Fragment","defaultValue","id","inputMode","ref","spellCheck","htmlFor","dangerouslySetInnerHTML","__html","message","SectionStepInfo","section","description","Enquiry","useRef","_useStepLogic","summary","onSubmit","autoComplete","Input","required","autocomplete","Contact","emailLabel","emailValidation","pattern","toLowerCase","emailInputSrc","Name","fNameLabel","lNameLabel","Success","Error","isRecoverLinkPressed","target","useSubmitForm","setFormSubmitStatus","dataToSend","setIsFetching","_useState3","_useState4","APIErrorMessage","setAPIErrorMessage","_formDataState$formDa","ContactEmail","Email","axios","method","process","data","JSON","stringify","to","body","from","subject","files","displayName","headers","then","response","status","config","dataLayer","push","eventCategory","eventAction","eventLabel","Message","statusText","catch","error","errMsg","console","errorMessage","Table","caption","values","classes","cellClasses","noHeadersClass","lenght","map","index","scope","line","lineIndex","col","InputCheckbox","labelValue","handleChange","labelElement","defaultChecked","onChange","StepConsentForm","policyCheckBoxLabel","rel","polictCheckboxValidation","validate","shouldBeTrue","val","StepSummarySection","Phone","setStepInContext","st","dataLine1","dataLine2","dataLine3","enquiry","Table2","ConsentForm","StepConfirm","_useSubmitForm","useEffect","SummarySection","EmailAlert","ExistingUser","Step9ConsentForm","useTrackFormAbandonment","formSubmitStatus","fieldsChanged","setFieldsChanged","form","document","querySelector","lastChangedEle","e","_toConsumableArray","addEventListener","removeEventListener","formAbandoned","join","Form","scrollToTopOfSummary","useCallback","page","getElementsByClassName","pageOffset","scrollTop","formOffset","methods","useForm","mode","stepToGoTo","FormProvider","s","formWrapper","SharedName","SharedContact","SharedEnquiry","GeneralConfirmation","SubmitSuccess","SubmitError","App","isFormStarted","setIsRecoverLinkPressed","_useState5","_useState6","Boolean","hostname","match","ReactDOM","render","React","StrictMode","getElementById","navigator","serviceWorker","ready","registration","unregister"],"mappings":"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","file":"static/js/main.b562dfbc.chunk.js","sourcesContent":["// extracted by mini-css-extract-plugin\nmodule.exports = {\"formWrapper\":\"Form_formWrapper__1i880\",\"wmcadsMlxxl\":\"Form_wmcadsMlxxl__2mPgI\"};","import React from 'react';\nimport PropTypes from 'prop-types';\n\n// Due to weird Protocol errors with external SVGs the svg use doesn't work well with production builds\n// So we Ajax the SVG in with a snippet at the bottom of public/index.html\n\nconst Icon = ({ className, iconName }) => {\n  return (\n    <svg className={className}>\n      <use xlinkHref={`#ds-${iconName}`} href={`#ds-${iconName}`} />\n    </svg>\n  );\n};\n\nIcon.propTypes = {\n  iconName: PropTypes.string.isRequired,\n  className: PropTypes.string,\n};\n\nIcon.defaultProps = {\n  className: null,\n};\n\nexport default Icon;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\n// Import components\nimport Icon from '../shared/Icon/Icon';\n\nconst Intro = ({ setIsFormStarted }) => {\n  const handleClick = () => {\n    setIsFormStarted(true);\n  };\n\n  return (\n    <div className=\"ds-col-1\">\n      <h1>Contact us</h1>\n      <p>\n        You’ll need to contact Transport for West Midlands if your enquiry is about information,\n        journey planning and transport disruptions.\n      </p>\n      <p>\n        You’ll need to contact your local council if your enquiry is about general council services.\n        For example, bin collections and council tax.\n      </p>\n\n      <h2>Find who you need to contact</h2>\n      <p>\n        Answer questions and we&apos;ll direct you to the right team so we can respond to your query\n        faster.\n      </p>\n\n      <button\n        type=\"button\"\n        className=\"ds-btn ds-btn--start ds-m-t-xl ds-m-b-xl ds-col-1 ds-col-sm-auto\"\n        onClick={handleClick}\n      >\n        Start now\n        <Icon className=\"ds-btn__icon ds-btn__icon--right\" iconName=\"general-chevron-right\" />\n      </button>\n    </div>\n  );\n};\nIntro.propTypes = {\n  setIsFormStarted: PropTypes.func.isRequired,\n};\nexport default Intro;\n","const url = new URL(typeof window !== 'undefined' ? window.location.href : ''); // Set URL to current if browser window is detected\n\n// Function for getting the value of a search param in the URL\nconst getSearchParam = (name) => {\n  return url.searchParams.get(name); // Get the search param value for name passed in, and return back\n};\n\n// Function for setting the value of a search param in the URL\nconst setSearchParam = (name, val) => {\n  url.searchParams.set(name, val); // Set the search param with the name provided to the value provided\n  window.history.pushState({}, '', url.href); // Then push the updated search params back to the URL\n};\n\n// Function for deleting a search param in the URL\nconst delSearchParam = (name) => {\n  url.searchParams.delete(name); // Delete the search param for the name provided\n  window.history.pushState({}, '', url.href); // Then push the updated search params back to the URL\n};\n\nexport { getSearchParam, setSearchParam, delSearchParam }; // Return functions, so they can be called independently\n","import React, { useReducer, createContext } from 'react';\nimport { getSearchParam } from 'helpers/URLSearchParams';\n\nexport const FormDataContext = createContext();\n\nexport const FormDataProvider = (props) => {\n  const { children } = props || {};\n\n  let FirstName = null;\n  let LastName = null;\n  const UrlName = getSearchParam('name');\n\n  if (UrlName && decodeURI(UrlName)) {\n    [FirstName, LastName] = decodeURI(UrlName).split(' ');\n  }\n\n  // Set intial state of when\n  const initialState = {\n    currentStep: getSearchParam('email') && getSearchParam('email').length > 0 ? 3 : 1,\n    formData: {\n      Firstname: FirstName,\n      LastName,\n    },\n    hasReachedConfirmation: false,\n  };\n\n  // Set up a reducer so we can change state based on centralised logic here\n  const reducer = (state, action) => {\n    // Update the point to chosen\n    switch (action.type) {\n      // Remove the waypoint by the id\n      case 'UPDATE_FORM_DATA': {\n        return {\n          ...state,\n          formData: { ...state.formData, ...action.payload },\n        };\n      }\n\n      // Remove the waypoint by the id\n      case 'UPDATE_STEP': {\n        return {\n          ...state,\n          currentStep: action.payload,\n        };\n      }\n\n      case 'REACHED_CONFIRMATION': {\n        return {\n          ...state,\n          hasReachedConfirmation: action.payload,\n        };\n      }\n\n      // Default should return intial state if error\n      default:\n        return initialState;\n    }\n  };\n\n  // Set up reducer using reducer logic and initialState by default\n  const [formState, formDispatch] = useReducer(reducer, initialState);\n\n  // Pass state and dispatch in context and make accessible to children it wraps\n  return (\n    <FormDataContext.Provider value={[formState, formDispatch]}>\n      {children}\n    </FormDataContext.Provider>\n  );\n};\n","import React from 'react';\n// import Icon from '../Icon/Icon';\n\nconst GenericError = () => {\n  return (\n    <div className=\"ds-msg-summary ds-msg-summary--error ds-m-b-lg\">\n      <div className=\"ds-msg-summary__header\">\n        {/* <Icon iconName=\"general-warning-triangle\" className=\"ds-msg-summary__icon\" /> */}\n        <h3 className=\"ds-msg-summary__title\">There is a problem</h3>\n      </div>\n\n      <div className=\"ds-msg-summary__info\">Please check your answers again.</div>\n    </div>\n  );\n};\n\nexport default GenericError;\n","// Import packages\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport Icon from 'components/shared/Icon/Icon';\n\nconst Button = ({\n  btnClass,\n  disabled,\n  iconLeft,\n  iconRight,\n  isActive,\n  isFetching,\n  onClick,\n  text,\n  title,\n  type,\n}) => {\n  return (\n    // eslint-disable-next-line react/button-has-type\n    <button\n      // eslint-disable-next-line react/button-has-type\n      type={type}\n      title={title}\n      className={`ds-btn ${btnClass} ${isActive ? 'ds-is--active' : ''} ${\n        disabled ? 'ds-btn--disabled' : ''\n      }`}\n      onClick={onClick}\n      disabled={disabled}\n    >\n      {/* If icon left is set then call icon component and inject correct svg */}\n      {iconLeft ? <Icon iconClass=\"ds-btn__icon\" iconName={iconLeft} /> : null}\n\n      {/* button text will go here, if any */}\n      {text}\n\n      {/* If API is fetching show spinner on button */}\n      {isFetching ? (\n        <div\n          className=\"ds-loader ds-loader--btn ds-btn__icon ds-btn__icon--right\"\n          role=\"alert\"\n          aria-live=\"assertive\"\n        >\n          <p className=\"ds-loader__content\">Content is loading...</p>\n        </div>\n      ) : (\n        /* If icon right is set then call icon component and inject correct svg */\n        iconRight && <Icon className=\"ds-btn__icon ds-btn__icon--right\" iconName={iconRight} />\n      )}\n    </button>\n  );\n};\n\n// Set props\nButton.propTypes = {\n  btnClass: PropTypes.string, // Set custom button classes, will default to ds-btn (primary btn)\n  disabled: PropTypes.bool, // Sets if the button is disabled or not\n  iconLeft: PropTypes.string, // Set icon left on button\n  iconRight: PropTypes.string, // Set icon right on button\n  isActive: PropTypes.bool, // If button is active, add active class\n  isFetching: PropTypes.bool,\n  onClick: PropTypes.func, // Set an onclick event\n  text: PropTypes.string, // text inside button\n  type: PropTypes.string, // button type, by default it is type=\"button\"\n  title: PropTypes.string, // title on the button\n};\n\nButton.defaultProps = {\n  btnClass: '',\n  disabled: false,\n  iconLeft: null,\n  iconRight: null,\n  isActive: false,\n  isFetching: false,\n  onClick: null,\n  text: '',\n  title: null,\n  type: 'button',\n};\n\nexport default Button;\n","import React, { useState, useContext } from 'react';\nimport { useFormContext } from 'react-hook-form';\n// Import contexts\nimport { FormDataContext } from 'globalState/FormDataContext';\n// Import components\nimport GenericError from 'components/shared/Errors/GenericError';\nimport Button from 'components/shared/Button/Button';\n\nconst useStepLogic = (formRef) => {\n  const { register, errors, trigger, getValues } = useFormContext(); // Get useForm methods\n  const [formDataState, formDataDispatch] = useContext(FormDataContext); // Get the state/dispatch of form data from FormDataContext\n  const [isContinuePressed, setIsContinuePressed] = useState(false); // State for tracking if continue has been pressed\n\n  // Function for setting the step of the form\n  const setStep = (step) => {\n    formDataDispatch({\n      type: 'UPDATE_STEP',\n      payload: step,\n    });\n  };\n\n  // Update the current step to the correct one depending on users selection\n  const handleSubmit = async (event) => {\n    event.preventDefault();\n    const result = await trigger();\n    setIsContinuePressed(true);\n    // if no errors\n    if (result) {\n      setStep(formDataState.hasReachedConfirmation ? 4 : formDataState.currentStep + 1);\n\n      if (Object.keys(getValues()).includes('UploadInvitation')) {\n        const payload = getValues();\n\n        // upload ticket key is no longer needed\n        delete payload.UploadInvitation;\n\n        const file = getValues('UploadInvitation')[0];\n\n        const PhotoName = file.name;\n\n        const PhotoExtension = file.type.split('/')[1]; // => image/png (split at '/' and grab second part 'png')\n        // Start base64'n our uploaded image\n        const reader = new FileReader(); // Start new file reader\n        reader.readAsDataURL(file); // Read file as dataURL\n\n        // When loaded\n        reader.onloadend = () => {\n          // Since it contains the Data URI, we should remove the prefix and keep only Base64 string\n          const PhotoBase64 = reader.result.replace(/^data:.+;base64,/, '');\n\n          // Update our formData with the base64Extension and Base64 photo\n          formDataDispatch({\n            type: 'UPDATE_FORM_DATA',\n            payload: { ...payload, PhotoName, PhotoExtension, PhotoBase64 },\n          });\n        };\n      }\n\n      formDataDispatch({ type: 'UPDATE_FORM_DATA', payload: getValues() });\n    }\n    // else, errors are true...\n    else {\n      window.scrollTo(0, formRef.current.offsetTop); // Scroll to top of form\n    }\n  };\n\n  // Continue button\n  const continueButton = (isFetching) => (\n    <Button\n      btnClass=\"ds-btn ds-col-1 ds-col-sm-auto\"\n      type=\"submit\"\n      text=\"Continue\"\n      isFetching={isFetching}\n    />\n  );\n\n  // If errors object has any keys and continue button is pressed then we should show generic error component\n  const showGenericError = Object.keys(errors).length > 0 && isContinuePressed && <GenericError />;\n\n  return {\n    setStep,\n    register,\n    handleSubmit,\n    showGenericError,\n    continueButton,\n    formDataState,\n    formDataDispatch,\n  };\n};\n\nexport default useStepLogic;\n","import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport dompurify from 'dompurify';\n// Import contexts\nimport { useFormContext } from 'react-hook-form';\nimport { FormDataContext } from 'globalState/FormDataContext';\n\nconst { sanitize } = dompurify;\n\nconst Textarea = ({\n  className,\n  fieldValidation,\n  inputmode,\n  label,\n  name,\n  spellcheck,\n  type,\n  APIerrors,\n}) => {\n  const [formDataState] = useContext(FormDataContext); // Get the state of form data from FormDataContext\n  const { errors } = useFormContext();\n  // Set input to render below\n  const input = (\n    <>\n      <textarea\n        className={`ds-fe-input ${errors[name] || APIerrors ? 'ds-fe-input--error' : ''}`}\n        defaultValue={formDataState.formData[name]}\n        id={name}\n        inputMode={inputmode}\n        name={name}\n        ref={fieldValidation}\n        spellCheck={spellcheck}\n        type={type}\n      />\n    </>\n  );\n\n  return (\n    <div className={`ds-fe-group ${errors[name] || APIerrors ? 'ds-fe-group--error' : ''}`}>\n      {label && (\n        // eslint-disable-next-line jsx-a11y/label-has-associated-control\n        <label\n          className=\"ds-fe-label\"\n          htmlFor={name}\n          dangerouslySetInnerHTML={{ __html: sanitize(label) }}\n        />\n      )}\n      {/* If there is an API error, show here */}\n      {APIerrors}\n\n      {/* If there is an error (and error is a string) show here */}\n      {errors[name] && typeof errors[name].message === 'string' && (\n        <span\n          className=\"ds-fe-error-message\"\n          dangerouslySetInnerHTML={{ __html: sanitize(errors[name].message) }}\n        />\n      )}\n      {/* If there is an error (and error is a react element) show here */}\n      {errors[name] && typeof errors[name].message !== 'string' && errors[name].message}\n\n      {/* If className then wrap just input with the className else, just show input as usual */}\n      {className ? <div className={className}>{input}</div> : input}\n    </div>\n  );\n};\n\nTextarea.propTypes = {\n  className: PropTypes.string,\n  fieldValidation: PropTypes.func,\n  inputmode: PropTypes.string,\n  label: PropTypes.string.isRequired,\n  name: PropTypes.string.isRequired,\n  spellcheck: PropTypes.bool,\n  type: PropTypes.string,\n  APIerrors: PropTypes.element,\n};\n\nTextarea.defaultProps = {\n  className: '',\n  fieldValidation: null,\n  inputmode: 'text',\n  spellcheck: false,\n  type: 'text',\n  APIerrors: null,\n};\n\nexport default Textarea;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nfunction SectionStepInfo(props) {\n  const { section, description } = props;\n  return (\n    <div className=\"ds-progress-indicator\">\n      {section}\n      <h4>{description}</h4>\n    </div>\n  );\n}\n\nSectionStepInfo.propTypes = {\n  section: PropTypes.string.isRequired,\n  description: PropTypes.string,\n};\n\nSectionStepInfo.defaultProps = {\n  description: null,\n};\n\nexport default SectionStepInfo;\n","import React, { useRef } from 'react';\nimport PropTypes from 'prop-types';\n// Import custom hooks\nimport useStepLogic from 'components/Form/useStepLogic';\n// Import components\nimport Input from 'components/shared/FormElements/Input/textarea';\nimport SectionStepInfo from 'components/shared/SectionStepInfo/SectionStepInfo';\n// import useFormData from '../../useFormData';\n\nconst Enquiry = (props) => {\n  const formRef = useRef(); // Used so we can keep track of the form DOM element\n  const { register, handleSubmit, showGenericError, continueButton } = useStepLogic(formRef); // Custom hook for handling continue button (validation, errors etc)\n  const { summary } = props;\n\n  // Check it we are facing an existing user\n  // const { ExistingUser } = useFormData();\n\n  // Labels used on inputs and for validation\n  const label = 'Your enquiry';\n\n  // Logic used to validate fields\n  const fieldValidation = (name) => {\n    return register({ required: `${name} is required` });\n  };\n\n  return (\n    <form onSubmit={handleSubmit} ref={formRef} autoComplete=\"on\">\n      {/* Subsection */}\n      <SectionStepInfo section=\"Section 3 of 3\" description=\"Your enquiry\" />\n\n      {/* Show generic error message */}\n      {showGenericError}\n\n      <fieldset className=\"ds-fe-fieldset ds-col-1\">\n        <legend className=\"ds-fe-fieldset__legend\">\n          {/* <h2 className=\"ds-fe-question\">{legend}</h2> */}\n          <p>{summary}</p>\n        </legend>\n\n        <Input\n          className=\"ds-col-1 ds-col-lg-3-4\"\n          name=\"Enquiry\"\n          label={`${label}`}\n          fieldValidation={fieldValidation(label)}\n        />\n      </fieldset>\n      {/* Continue button */}\n      {continueButton()}\n    </form>\n  );\n};\n\nEnquiry.propTypes = {\n  summary: PropTypes.string,\n};\n\nEnquiry.defaultProps = {\n  summary: '',\n};\n\nexport default Enquiry;\n","import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport dompurify from 'dompurify';\n// Import contexts\nimport { useFormContext } from 'react-hook-form';\nimport { FormDataContext } from 'globalState/FormDataContext';\n\nconst { sanitize } = dompurify;\n\nconst Input = ({\n  autocomplete,\n  className,\n  fieldValidation,\n  inputmode,\n  label,\n  name,\n  spellcheck,\n  type,\n  APIerrors,\n}) => {\n  const [formDataState] = useContext(FormDataContext); // Get the state of form data from FormDataContext\n  const { errors } = useFormContext();\n  // Set input to render below\n  const input = (\n    <>\n      <input\n        autoComplete={autocomplete}\n        className={`ds-fe-input ${errors[name] || APIerrors ? 'ds-fe-input--error' : ''}`}\n        defaultValue={formDataState.formData[name]}\n        id={name}\n        inputMode={inputmode}\n        name={name}\n        ref={fieldValidation}\n        spellCheck={spellcheck}\n        type={type}\n      />\n    </>\n  );\n\n  return (\n    <div className={`ds-fe-group ${errors[name] || APIerrors ? 'ds-fe-group--error' : ''}`}>\n      {label && (\n        // eslint-disable-next-line jsx-a11y/label-has-associated-control\n        <label\n          className=\"ds-fe-label\"\n          htmlFor={name}\n          dangerouslySetInnerHTML={{ __html: sanitize(label) }}\n        />\n      )}\n      {/* If there is an API error, show here */}\n      {APIerrors}\n\n      {/* If there is an error (and error is a string) show here */}\n      {errors[name] && typeof errors[name].message === 'string' && (\n        <span\n          className=\"ds-fe-error-message\"\n          dangerouslySetInnerHTML={{ __html: sanitize(errors[name].message) }}\n        />\n      )}\n      {/* If there is an error (and error is a react element) show here */}\n      {errors[name] && typeof errors[name].message !== 'string' && errors[name].message}\n\n      {/* If className then wrap just input with the className else, just show input as usual */}\n      {className ? <div className={className}>{input}</div> : input}\n    </div>\n  );\n};\n\nInput.propTypes = {\n  autocomplete: PropTypes.string,\n  className: PropTypes.string,\n  fieldValidation: PropTypes.func,\n  inputmode: PropTypes.string,\n  label: PropTypes.string.isRequired,\n  name: PropTypes.string.isRequired,\n  spellcheck: PropTypes.bool,\n  type: PropTypes.string,\n  APIerrors: PropTypes.element,\n};\n\nInput.defaultProps = {\n  autocomplete: null,\n  className: '',\n  fieldValidation: null,\n  inputmode: 'text',\n  spellcheck: false,\n  type: 'text',\n  APIerrors: null,\n};\n\nexport default Input;\n","import React, { useRef } from 'react';\nimport PropTypes from 'prop-types';\n// Import components\nimport Input from 'components/shared/FormElements/Input/Input';\nimport SectionStepInfo from 'components/shared/SectionStepInfo/SectionStepInfo';\n// Import custom hooks\nimport useStepLogic from 'components/Form/useStepLogic';\n\nconst Contact = (props) => {\n  const formRef = useRef(); // Used so we can keep track of the form DOM element\n  const { register, handleSubmit, showGenericError, continueButton } = useStepLogic(formRef); // Custom hook for handling continue button (validation, errors etc)\n  const { summary } = props;\n\n  // Labels used on inputs and for validation\n  const emailLabel = 'Email address';\n  // Logic used to validate the email field\n  const emailRegex =\n    /^[\\w!#$%&amp;'*+\\-/=?^_`{|}~]+(\\.[\\w!#$%&amp;'*+\\-/=?^_`{|}~]+)*@((([-\\w]+\\.)+[a-zA-Z]{2,4})|(([0-9]{1,3}\\.){3}[0-9]{1,3}))$/; // Matches email regex on server\n\n  // email validation\n  const emailValidation = register({\n    required: `${emailLabel} is required`,\n    pattern: {\n      value: emailRegex,\n      message: `Enter an ${emailLabel.toLowerCase()} in the correct format`,\n    },\n  });\n\n  // email input src\n  const emailInputSrc = (\n    <Input\n      className=\"ds-col-1 ds-col-lg-3-4\"\n      name=\"ContactEmail\"\n      label=\"Email address<br> For example, name@example.com\"\n      autocomplete=\"given-name\"\n      fieldValidation={emailValidation}\n    />\n  );\n\n  return (\n    <form onSubmit={handleSubmit} ref={formRef} autoComplete=\"on\">\n      {/* Subsection */}\n      <SectionStepInfo section=\"Section 2 of 3\" description=\"About you\" />\n\n      {/* Show generic error message */}\n      {showGenericError}\n\n      <fieldset className=\"ds-fe-fieldset ds-col-1\">\n        <div className=\"ds-fe-fieldset__legend\">\n          <h2 className=\"ds-fe-question\">What is your Email Address?</h2>\n          <p>{summary}</p>\n        </div>\n        {emailInputSrc}\n      </fieldset>\n\n      {/* Continue button */}\n      {continueButton()}\n    </form>\n  );\n};\n\nContact.propTypes = {\n  summary: PropTypes.string,\n};\n\nContact.defaultProps = {\n  summary: '',\n};\n\nexport default Contact;\n","/* eslint-disable jsx-a11y/label-has-associated-control */\nimport React, { useRef } from 'react';\nimport PropTypes from 'prop-types';\n// Import custom hooks\nimport useStepLogic from 'components/Form/useStepLogic';\n// Import components\nimport Input from 'components/shared/FormElements/Input/Input';\nimport SectionStepInfo from 'components/shared/SectionStepInfo/SectionStepInfo';\n\nconst Name = (props) => {\n  const formRef = useRef(); // Used so we can keep track of the form DOM element\n  const { register, handleSubmit, showGenericError, continueButton } = useStepLogic(formRef); // Custom hook for handling continue button (validation, errors etc)\n  const { summary } = props;\n\n  // Labels used on inputs and for validation\n  const fNameLabel = 'First name';\n  const lNameLabel = 'Last name';\n\n  // Logic used to validate fields\n  const fieldValidation = (name) => {\n    return register({ required: `${name} is required` });\n  };\n\n  return (\n    <form onSubmit={handleSubmit} ref={formRef} autoComplete=\"on\">\n      {/* Subsection */}\n      <SectionStepInfo section=\"Section 1 of 3\" description=\"About you\" />\n\n      {/* Show generic error message */}\n      {showGenericError}\n\n      <fieldset className=\"ds-fe-fieldset ds-col-1\">\n        <legend className=\"ds-fe-fieldset__legend\">\n          <h2 className=\"ds-fe-question\">What is your name?</h2>\n          <p>{summary}</p>\n        </legend>\n\n        <Input\n          className=\"ds-col-1 ds-col-lg-3-4\"\n          name=\"Firstname\"\n          label={fNameLabel}\n          autocomplete=\"given-name\"\n          fieldValidation={fieldValidation(fNameLabel)}\n        />\n        <Input\n          className=\"ds-col-1 ds-col-lg-3-4\"\n          name=\"LastName\"\n          label={lNameLabel}\n          autocomplete=\"family-name\"\n          fieldValidation={fieldValidation(lNameLabel)}\n        />\n      </fieldset>\n\n      {/* Continue button */}\n      {continueButton()}\n    </form>\n  );\n};\n\nName.propTypes = {\n  summary: PropTypes.string,\n};\n\nName.defaultProps = {\n  summary: '',\n};\n\nexport default Name;\n","import React from 'react';\n\nfunction Success() {\n  // eslint-disable-next-line no-unused-vars\n\n  const title = 'We’ve received your enquiry';\n\n  return (\n    <div className=\"ds-container-alerts-sign-up\">\n      <div className=\"ds-grid ds-col-1\">\n        <div className=\"ds-col-1\">\n          <h2>{title}</h2>\n        </div>\n\n        <div className=\"ds-col-1\">\n          <h3>What happens next</h3>\n          <p>Thank you for contacting Midlands Connect.</p>\n          <p>We will acknowledge your query and keep you updated on progress.</p>\n        </div>\n      </div>\n    </div>\n  );\n}\n\nexport default Success;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nfunction Error({ isRecoverLinkPressed }) {\n  const title = isRecoverLinkPressed\n    ? 'Request a link to manage your disruption alerts'\n    : 'Contact us form';\n  return (\n    <div className=\"ds-container-alerts-sign-up\">\n      <div className=\"ds-grid\">\n        <div className=\"ds-col-1 ds-col-sm-2-3\">\n          <h1>{title}</h1>\n        </div>\n        <div className=\"ds-col-1\">\n          {/* Error message */}\n          <h3>Sorry, there is a problem with this service</h3>\n          <p>Try again later.</p>\n          <p>\n            We have not saved your answers. When the service is available, you will have to start\n            again.\n          </p>\n          <p>\n            Contact the{' '}\n            <a\n              href=\"https://www.tfwm.org.uk/get-help/contact-us/?utm_source=service&utm_medium=errorpage&utm_campaign=ds-contact-form\"\n              title=\"Customer Services Team Contact Details\"\n              target=\"_self\"\n              className=\"ds-link\"\n            >\n              Customer Services team\n            </a>{' '}\n            if you continue to have problems.\n          </p>\n        </div>\n      </div>\n    </div>\n  );\n}\n\nError.propTypes = {\n  isRecoverLinkPressed: PropTypes.bool.isRequired,\n};\n\nexport default Error;\n","import { useState, useContext } from 'react';\nimport axios from 'axios';\nimport { useFormContext } from 'react-hook-form';\n// Import contexts\nimport { FormDataContext } from 'globalState/FormDataContext';\n\nconst useSubmitForm = (setFormSubmitStatus) => {\n  const [formDataState] = useContext(FormDataContext); // Get the state/dispatch of form data from FormDataContext\n  const { trigger } = useFormContext(); // Get useForm methods\n  const [isFetching, setIsFetching] = useState(false);\n  const [APIErrorMessage, setAPIErrorMessage] = useState(null);\n\n  // Destructure values from our formDataState (get all users values)\n  const { ContactEmail, Firstname, LastName, Enquiry } = formDataState.formData;\n\n  // Map all destructured vals above to an object we will send to API\n  let dataToSend = {};\n  const file = [];\n\n  dataToSend = {\n    'First Name': Firstname,\n    'Last Name': LastName,\n    Email: ContactEmail,\n    Enquiry,\n  };\n\n  const handleSubmit = async (event) => {\n    event.preventDefault(); // Prevent default form submission method\n    // Validation\n    const result = await trigger();\n    // if no errors\n    if (result) {\n      // Start submitting API\n      setIsFetching(true); // Set this so we can put loading state on button\n\n      // Go hit the API with the data\n      axios({\n        method: 'post',\n        url: `${process.env.REACT_APP_API_HOST}/emails/api/email`,\n        data: JSON.stringify({\n          to: 18,\n          body: JSON.stringify(dataToSend),\n          from: `${ContactEmail}`,\n          subject: `Midlands Connect Contact Form`,\n          files: file,\n          displayName: `${Firstname} ${LastName}`,\n        }),\n        headers: {\n          'Content-Type': 'application/json',\n        },\n      })\n        .then((response) => {\n          // If the response is successful(200: OK) or error with validation message(400)\n          if (response.status === 200 || response.status === 400) {\n            const payload = response.config.data;\n\n            // Log event to analytics/tag manager\n            window.dataLayer.push({\n              event: 'formAbandonment',\n              eventCategory: 'ds-contact-us',\n              eventAction: 'form submitted: success',\n              eventLabel: 'success',\n            });\n            setIsFetching(false); // set to false as we are done fetching now\n            if (payload.Message) {\n              setAPIErrorMessage(payload.Message);\n            } else {\n              setFormSubmitStatus(true); // Set form status to success\n              window.scrollTo(0, 0); // Scroll to top of page\n              // set success page\n            }\n            return true;\n          }\n          throw new Error(response.statusText, response.Message); // Else throw error and go to our catch below\n        })\n\n        // If formsubmission errors\n        .catch((error) => {\n          // eslint-disable-next-line no-console\n          console.error({ error });\n          let errMsg;\n\n          if (error.text) {\n            error.text().then((errorMessage) => {\n              errMsg = errorMessage;\n            });\n          } else {\n            errMsg = error;\n          }\n\n          // Log event to analytics/tag manager\n          window.dataLayer.push({\n            event: 'formAbandonment',\n            eventCategory: 'ds-contact-us',\n            eventAction: 'form submitted: error',\n            eventLabel: errMsg,\n          });\n          setIsFetching(false); // set to false as we are done fetching now\n          setFormSubmitStatus(false); // Set form status to error\n          window.scrollTo(0, 0); // Scroll to top of page\n          // set error message\n        });\n    }\n  };\n\n  // Return handleSubmit and isFetching so it can be used by form\n  return {\n    handleSubmit,\n    isFetching,\n    APIErrorMessage,\n  };\n};\n\nexport default useSubmitForm;\n","/* eslint-disable react/no-array-index-key */\nimport React from 'react';\nimport PropTypes, { arrayOf } from 'prop-types';\n\nfunction Table({ title, caption, headers, values, classes, cellClasses }) {\n  const noHeadersClass = headers && headers.lenght > 0 ? '' : 'ds-table--without-header';\n\n  return (\n    <>\n      {title && <h3>{title}</h3>}\n      <table className={`ds-table ${classes} ${noHeadersClass}`}>\n        {caption && <caption className=\"ds-table__caption\">{caption}</caption>}\n        {headers && headers.lenght > 0 && (\n          <thead>\n            <tr>\n              {headers.map((value, index) => {\n                return (\n                  <th scope=\"col\" key={index}>\n                    {value}\n                  </th>\n                );\n              })}\n            </tr>\n          </thead>\n        )}\n\n        {values && (\n          <tbody>\n            {values.map((line, lineIndex) => {\n              return (\n                <tr key={`line${lineIndex}`}>\n                  {line.map((col, index) => {\n                    if (index === 0)\n                      return (\n                        <th\n                          key={index}\n                          scope=\"row\"\n                          className={cellClasses[index]}\n                          data-header={headers[index]}\n                        >\n                          {col}\n                        </th>\n                      );\n                    return (\n                      <td key={index} className={cellClasses[index]} data-header={headers[index]}>\n                        {col}\n                      </td>\n                    );\n                  })}\n                </tr>\n              );\n            })}\n          </tbody>\n        )}\n      </table>\n    </>\n  );\n}\n\nTable.propTypes = {\n  title: PropTypes.string,\n  caption: PropTypes.string,\n  headers: PropTypes.arrayOf(PropTypes.element),\n  values: PropTypes.arrayOf(arrayOf(PropTypes.element)),\n  classes: PropTypes.string,\n  cellClasses: PropTypes.arrayOf(PropTypes.string),\n};\nTable.defaultProps = {\n  headers: [],\n  values: [[]],\n  title: null,\n  caption: null,\n  classes: null,\n  cellClasses: null,\n};\n\nexport default Table;\n","/* eslint-disable react/no-array-index-key */\nimport React from 'react';\nimport PropTypes, { arrayOf } from 'prop-types';\n\nfunction Table({ title, caption, headers, values, classes, cellClasses }) {\n  const noHeadersClass = headers && headers.lenght > 0 ? '' : 'ds-table--without-header';\n\n  return (\n    <>\n      {title && <h3>{title}</h3>}\n      <table className={`ds-table ${classes} ${noHeadersClass}`}>\n        {caption && <caption className=\"ds-table__caption\">{caption}</caption>}\n        {headers && headers.lenght > 0 && (\n          <thead>\n            <tr>\n              {headers.map((value, index) => {\n                return (\n                  <th scope=\"col\" key={index}>\n                    {value}\n                  </th>\n                );\n              })}\n            </tr>\n          </thead>\n        )}\n\n        {values && (\n          <tbody>\n            {values.map((line, lineIndex) => {\n              return (\n                <tr key={`line${lineIndex}`}>\n                  {line.map((col, index) => {\n                    if (index === 0)\n                      return (\n                        <th\n                          key={index}\n                          scope=\"row\"\n                          className={cellClasses[index]}\n                          data-header={headers[index]}\n                        >\n                          {col}\n                        </th>\n                      );\n                    return (\n                      <td key={index} className={cellClasses[index]} data-header={headers[index]}>\n                        {col}\n                      </td>\n                    );\n                  })}\n                </tr>\n              );\n            })}\n          </tbody>\n        )}\n      </table>\n    </>\n  );\n}\n\nTable.propTypes = {\n  title: PropTypes.string,\n  caption: PropTypes.string,\n  headers: PropTypes.arrayOf(PropTypes.element),\n  values: PropTypes.arrayOf(arrayOf(PropTypes.element)),\n  classes: PropTypes.string,\n  cellClasses: PropTypes.arrayOf(PropTypes.string),\n};\nTable.defaultProps = {\n  headers: [],\n  values: [[]],\n  title: null,\n  caption: null,\n  classes: null,\n  cellClasses: null,\n};\n\nexport default Table;\n","/* eslint-disable jsx-a11y/label-has-associated-control */\nimport React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport dompurify from 'dompurify';\n\n// Import contexts\nimport { useFormContext } from 'react-hook-form';\nimport { FormDataContext } from 'globalState/FormDataContext';\n\nimport Icon from '../../Icon/Icon';\n\nconst { sanitize } = dompurify;\n\nconst InputCheckbox = ({\n  fieldValidation,\n  name,\n  labelValue,\n  handleChange,\n  labelElement,\n  classes,\n}) => {\n  const [formDataState] = useContext(FormDataContext); // Get the state of form data from FormDataContext\n  const { errors } = useFormContext();\n  // Set input to render below\n\n  return (\n    <div className={`ds-fe-group ${errors[name] ? 'ds-fe-group--error' : ''} ${classes}`}>\n      {errors[name] && (\n        <span\n          className=\"ds-fe-error-message\"\n          dangerouslySetInnerHTML={{\n            __html: sanitize(errors[name].message),\n          }}\n        />\n      )}\n\n      <label className=\"ds-fe-checkboxes__container\">\n        {labelElement !== null && labelElement}\n        {!labelElement && labelValue && (\n          <div\n            dangerouslySetInnerHTML={{\n              __html: sanitize(labelValue),\n            }}\n          />\n        )}\n        <input\n          ref={fieldValidation}\n          defaultChecked={formDataState.formData[name]}\n          className=\"ds-fe-checkboxes__input\"\n          onChange={handleChange}\n          name={name}\n          type=\"checkbox\"\n        />\n        <span className=\"ds-fe-checkboxes__checkmark\">\n          <Icon className=\"ds-fe-checkboxes__icon\" iconName=\"general-checkmark\" />\n        </span>\n      </label>\n    </div>\n  );\n};\n\nInputCheckbox.propTypes = {\n  labelValue: PropTypes.string,\n  fieldValidation: PropTypes.func,\n  handleChange: PropTypes.func,\n  name: PropTypes.string.isRequired,\n  classes: PropTypes.string,\n  labelElement: PropTypes.element,\n};\n\nInputCheckbox.defaultProps = {\n  labelValue: null,\n  labelElement: null,\n  handleChange: null,\n  fieldValidation: null,\n  classes: null,\n};\n\nexport default InputCheckbox;\n","import React, { useRef } from 'react';\n// Import custom hooks\nimport useStepLogic from 'components/Form/useStepLogic';\n// Import components\nimport InputCheckbox from '../../../shared/FormElements/Input/InputCheckbox';\n\nconst StepConsentForm = () => {\n  const formRef = useRef(); // Used so we can keep track of the form DOM element\n  const { register } = useStepLogic(formRef); // Custom hook for handling continue button (validation, errors etc)\n\n  // Labels used on inputs and for validation\n  // const checkBoxLabel = (\n  //   <>\n  //     Agree to the &nbsp;\n  //     <a\n  //       href=\"https://www.midlandsconnect.uk/terms-and-conditions/\"\n  //       target=\"_blank\"\n  //       title=\"Read our Terms & Conditions\"\n  //       rel=\"noopener noreferrer\"\n  //     >\n  //       terms and conditions\n  //     </a>\n  //     &nbsp;\n  //   </>\n  // );\n  const policyCheckBoxLabel = (\n    <>\n      Agree to the &nbsp;\n      <a\n        href=\"https://www.midlandsconnect.uk/privacy-policy/\"\n        target=\"_blank\"\n        title=\"Read our Privacy Policy\"\n        rel=\"noopener noreferrer\"\n      >\n        privacy policy\n      </a>\n      &nbsp;\n    </>\n  );\n\n  // Logic used to validate the terms field\n  // const checkboxValidation = register({\n  //   required: 'Agree to terms and conditions before continue',\n  //   validate: {\n  //     shouldBeTrue: (val) => val === true || 'Agree to terms and conditions before continue',\n  //   },\n  // });\n  // Logic used to validate the policy field\n  const polictCheckboxValidation = register({\n    required: 'Agree to privacy policy before continue',\n    validate: {\n      shouldBeTrue: (val) => val === true || 'Agree to privacy policy before continue',\n    },\n  });\n\n  return (\n    <fieldset className=\"ds-fe-fieldset\" ref={formRef}>\n      {/* <InputCheckbox\n        name=\"Terms\"\n        type=\"checkbox\"\n        fieldValidation={checkboxValidation}\n        labelElement={checkBoxLabel}\n      /> */}\n      <InputCheckbox\n        name=\"Privacy\"\n        type=\"checkbox\"\n        fieldValidation={polictCheckboxValidation}\n        labelElement={policyCheckBoxLabel}\n      />\n    </fieldset>\n  );\n};\n\nexport default StepConsentForm;\n","import React, { useContext } from 'react';\n// Hooks\n\n// Context\nimport { FormDataContext } from 'globalState/FormDataContext';\n// Components\nimport Table from 'components/shared/Table/Table';\nimport Table2 from 'components/shared/Table/Table-2-col';\nimport ConsentForm from './StepConsentForm';\n\nfunction StepSummarySection() {\n  const [formDataState, formDataDispatch] = useContext(FormDataContext);\n  const { Firstname, LastName, Enquiry, ContactEmail, Phone } = formDataState.formData;\n\n  const setStepInContext = (st) => {\n    formDataDispatch({\n      type: 'UPDATE_STEP',\n      payload: st,\n    });\n  };\n\n  const title = 'Check your answers';\n\n  /* Table Data */\n\n  // enquiry\n  const dataLine1 = [];\n  if (Enquiry) {\n    dataLine1.push(<span>{Enquiry}</span>);\n    dataLine1.push(\n      <button\n        type=\"button\"\n        className=\"ds-btn ds-btn--link ds-float-right\"\n        onClick={() => {\n          setStepInContext(3);\n        }}\n      >\n        Change\n      </button>\n    );\n  }\n\n  // name\n  const dataLine2 = [];\n  dataLine2.push(<span>Name</span>);\n  dataLine2.push(<span>{`${Firstname} ${LastName}`}</span>);\n  dataLine2.push(\n    <button\n      type=\"button\"\n      className=\"ds-btn ds-btn--link\"\n      onClick={() => {\n        setStepInContext(1);\n      }}\n    >\n      Change\n    </button>\n  );\n\n  // contact information\n  const dataLine3 = [];\n  dataLine3.push(<span>What is your Email Address?</span>);\n  if (ContactEmail !== null) {\n    dataLine3.push(<span>{ContactEmail}</span>);\n  }\n\n  dataLine3.push(\n    <button\n      type=\"button\"\n      className=\"ds-btn ds-btn--link\"\n      onClick={() => {\n        setStepInContext(2);\n      }}\n    >\n      Change\n    </button>\n  );\n\n  /* End of Table Data */\n\n  const enquiry = [dataLine1];\n  const data = [dataLine2, dataLine3];\n\n  if (Phone) {\n    data.push(dataLine3);\n  }\n\n  return (\n    <>\n      <div className=\"ds-col-1\">\n        <h2 className=\"ds-fe-question ds-m-t-none\">{title}</h2>\n        <Table2\n          title=\"About your general enquiry\"\n          classes=\"\"\n          cellClasses={['', '', 'ds-text-align-right ds-p-r-none']}\n          headers={[]}\n          values={enquiry}\n          data-private\n        />\n\n        <Table\n          title=\"About you\"\n          classes=\"\"\n          cellClasses={['', '', 'ds-text-align-right ds-p-r-none']}\n          headers={[]}\n          values={data}\n          data-private\n        />\n\n        <h3>Now send your enquiry</h3>\n        <p>\n          By submitting this enquiry you are confirming that, to the best of your knowledge, the\n          details you are providing are correct.\n        </p>\n        <ConsentForm />\n      </div>\n    </>\n  );\n}\n\nexport default StepSummarySection;\n","/* eslint-disable jsx-a11y/label-has-associated-control */\nimport React, { useEffect, useContext } from 'react';\nimport PropTypes from 'prop-types';\n// Import custom hooks\nimport useSubmitForm from '../../useSubmitForm';\nimport SummarySection from './StepSummarySection';\nimport Step9ConsentForm from './StepConsentForm';\nimport { FormDataContext } from '../../../../globalState/FormDataContext';\nimport Button from '../../../shared/Button/Button';\n\nfunction StepConfirm({ setFormSubmitStatus }) {\n  const [formDataState, formDataDispatch] = useContext(FormDataContext);\n  // Get handleSubmit fn and isFetching from custom hook which handles submitting data to API (this is used in the last step[4])\n  const { handleSubmit, isFetching, APIErrorMessage } = useSubmitForm(setFormSubmitStatus);\n  useEffect(() => {\n    if (formDataState.currentStep === 4) {\n      formDataDispatch({\n        type: 'REACHED_CONFIRMATION',\n        payload: true,\n      });\n    }\n  }, [formDataDispatch, formDataState.currentStep]);\n\n  return (\n    <form onSubmit={handleSubmit} data-private>\n      {/* If we get any errors back from the server, show here */}\n      {APIErrorMessage && <span className=\"ds-fe-error-message\">{APIErrorMessage}</span>}\n      <SummarySection />\n\n      <div className=\"ds-col-1\">\n        {formDataState.formData.EmailAlert === 'yes' && !formDataState.formData.ExistingUser && (\n          <Step9ConsentForm />\n        )}\n        <Button\n          btnClass=\"ds-btn--start ds-m-t-lg ds-col-1 ds-col-sm-auto\"\n          disabled={isFetching}\n          iconRight=\"general-chevron-right\"\n          isFetching={isFetching}\n          type=\"submit\"\n          text=\"Accept and send\"\n        />\n      </div>\n    </form>\n  );\n}\n\nStepConfirm.propTypes = {\n  setFormSubmitStatus: PropTypes.func.isRequired,\n};\n\nexport default StepConfirm;\n","// Form abandonment tracking (https://www.simoahava.com/analytics/track-form-abandonment-with-google-tag-manager/)\nimport { useEffect, useState } from 'react';\n// Import contexts\n\nconst useTrackFormAbandonment = (currentStep, formSubmitStatus) => {\n  const [fieldsChanged, setFieldsChanged] = useState([]); // Track fields the user has touched/changed\n\n  window.dataLayer = window.dataLayer || []; // Set datalayer (GA thing)\n\n  // This useEffect is used to track form changes and update the fieldsChanged state as the user progresses\n  useEffect(() => {\n    const form = document.querySelector('form'); // Get DOM node of form\n    // Function to work out last changed element in form\n    const lastChangedEle = (e) => {\n      // Update fields changed array with step number and last changed field name i.e. Step1: CustomerType > Step3: CardNumber\n      setFieldsChanged([...fieldsChanged, `Step${currentStep}: ${e.target.name}`]);\n    };\n    // Listen to changes in form and run above function\n    if (form) form.addEventListener('change', lastChangedEle);\n    // On unmount, remove listener\n    return () => {\n      if (form) form.removeEventListener('change', lastChangedEle);\n    };\n  }, [currentStep, fieldsChanged]);\n\n  // Used to update Google Tag Manager\n  useEffect(() => {\n    // Function for updating datalayer with correct data\n    const formAbandoned = () => {\n      // If there is a current step and no form submit status then it means the user is still in progress of filling in the form, so we can log that as a true abandonment\n      if (currentStep && !formSubmitStatus) {\n        // Push abandoned event to GA/Tag Manager\n        window.dataLayer.push({\n          event: 'formAbandonment',\n          eventCategory: 'ds-contact-us',\n          eventAction: 'form abandonded',\n          eventLabel: fieldsChanged\n            ? fieldsChanged.join(' > ')\n            : 'Clicked start, but abandoned straight away.', // If fieldsChanged (set in first useEffect) is available then use that and join with ' > ' so it logs as 'Step1: ... > Step2: ... >' ELSE the user must of abandoned without updating the form in step 1 so log message\n        });\n      }\n    };\n\n    window.addEventListener('beforeunload', formAbandoned); // Run above function only when the user is leaving the page\n\n    // On unmount, remove listener\n    return () => {\n      window.removeEventListener('beforeunload', formAbandoned);\n    };\n  }, [currentStep, fieldsChanged, formSubmitStatus]);\n\n  // Sends a form started to analytics\n  useEffect(() => {\n    if (currentStep) {\n      window.dataLayer.push({\n        event: 'formAbandonment',\n        eventCategory: 'ds-contact-us',\n        eventAction: 'form started',\n        eventLabel: true,\n      });\n    }\n  }, [currentStep]);\n};\n\nexport default useTrackFormAbandonment;\n","import React, { useContext, useEffect, useRef, useCallback } from 'react';\nimport PropTypes from 'prop-types';\nimport { useForm, FormProvider } from 'react-hook-form';\n// Import contexts\nimport { FormDataContext } from 'globalState/FormDataContext';\n\n// Import components\nimport SharedEnquiry from './Shared/Enquiry/Enquiry';\nimport SharedContact from './Shared/Contact/Contact';\nimport SharedName from './Shared/Name/Fieldset/Name';\nimport SubmitSuccess from './SubmitConfirmation/Success';\nimport SubmitError from './SubmitConfirmation/Error';\nimport GeneralConfirmation from './StepConfirm/General/StepConfirm';\n\n// Custom Hooks\nimport useTrackFormAbandonment from './useTrackFormAbandonment';\n\n// Import styling\nimport s from './Form.module.scss';\n\nconst Form = ({ formSubmitStatus, setFormSubmitStatus, isRecoverLinkPressed }) => {\n  // Handle scrolling to the top of the summary page\n  const formRef = useRef();\n  const scrollToTopOfSummary = useCallback(() => {\n    const page = document.getElementsByClassName('ds-html')[0];\n    const pageOffset = page.scrollTop;\n    const formOffset = formRef.current.offsetTop;\n    if (formOffset >= pageOffset) return;\n    page.scrollTo(0, formOffset - 20);\n  }, []);\n\n  const [formDataState, formDataDispatch] = useContext(FormDataContext); // Get the state/dispatch of form data from FormDataContext\n  const { currentStep } = formDataState; // Destructure step from state\n  // const { EnquiryType, StrategyEnquiry, MayorEnquiry, OtherEnquiry } = formDataState.formData;\n  const methods = useForm({\n    mode: 'onBlur',\n  }); // Trigger validation onBlur events (config for react hook form lib)\n\n  useEffect(() => {\n    if (currentStep === 9) scrollToTopOfSummary();\n  }, [currentStep, scrollToTopOfSummary]);\n\n  useEffect(() => {\n    if (isRecoverLinkPressed) {\n      formDataDispatch({\n        type: 'UPDATE_STEP',\n        payload: 0,\n      });\n    }\n  }, [formDataDispatch, isRecoverLinkPressed]);\n\n  useTrackFormAbandonment(currentStep, formSubmitStatus);\n\n  // Show debug options for below (this should be deleted on release)\n  const debugStepOptions = [0, 1, 2, 3, 4, 5, 6];\n\n  let stepToGoTo;\n\n  if (currentStep > 1 && currentStep < 6) {\n    stepToGoTo = currentStep - 1;\n  }\n\n  return (\n    <>\n      {/* pass all methods into the context */}\n      {/* eslint-disable-next-line react/jsx-props-no-spreading */}\n      <FormProvider {...methods}>\n        <div className=\"ds-col-1\">\n          {stepToGoTo && (\n            <div className=\"ds-col-1 ds-m-b-md\">\n              <button\n                type=\"button\"\n                className=\"ds-btn ds-btn--link\"\n                onClick={() =>\n                  formDataDispatch({\n                    type: 'UPDATE_STEP',\n                    payload: stepToGoTo,\n                  })\n                }\n              >\n                &lt; Back\n              </button>\n            </div>\n          )}\n\n          <div\n            className={formSubmitStatus === null ? `${s.formWrapper} ds-p-lg ` : ''}\n            // ref={formRef}\n          >\n            {/* Start of form */}\n            {currentStep === 1 && <SharedName setFormSubmitStatus={setFormSubmitStatus} />}\n            {currentStep === 2 && <SharedContact />}\n            {currentStep === 3 && <SharedEnquiry />}\n            {currentStep === 4 && <GeneralConfirmation setFormSubmitStatus={setFormSubmitStatus} />}\n\n            {/* for testing only */}\n            {currentStep === 5 && <SubmitSuccess />}\n            {currentStep === 6 && <SubmitError />}\n          </div>\n        </div>\n        {/* If in development based on envs then show form debugging */}\n        {process.env.NODE_ENV !== 'production' && (\n          <div\n            className=\"ds-col-1 ds-col-md-1-4 ds-p-md\"\n            style={{\n              overflowX: 'auto',\n              position: 'fixed',\n              right: 0,\n            }}\n          >\n            <pre>{JSON.stringify(formDataState, null, 2)}</pre>\n            <br />\n            <div className=\"ds-col-1\">\n              Select step: {}\n              <select\n                onChange={(e) =>\n                  formDataDispatch({\n                    type: 'UPDATE_STEP',\n                    payload: +e.target.value,\n                  })\n                }\n                onBlur={(e) =>\n                  formDataDispatch({\n                    type: 'UPDATE_STEP',\n                    payload: +e.target.value,\n                  })\n                }\n                value={currentStep}\n              >\n                {debugStepOptions.map((option) => (\n                  <option key={option} value={option}>\n                    {option}\n                  </option>\n                ))}\n              </select>\n            </div>\n          </div>\n        )}\n      </FormProvider>\n    </>\n  );\n};\n\nForm.propTypes = {\n  formSubmitStatus: PropTypes.bool,\n  setFormSubmitStatus: PropTypes.func.isRequired,\n  setIsFormStarted: PropTypes.func.isRequired,\n  isRecoverLinkPressed: PropTypes.bool,\n  setIsRecoverLinkPressed: PropTypes.func.isRequired,\n};\n\nForm.defaultProps = {\n  formSubmitStatus: null,\n  isRecoverLinkPressed: false,\n};\n\nexport default Form;\n","import React, { useState } from 'react';\n// import HeaderAndBreadcrumb from './components/HeaderAndBreadCrumb';\nimport Intro from './components/Introduction/Introduction';\nimport Form from './components/Form/Form';\n// Import contexts\nimport { FormDataProvider } from './globalState/FormDataContext';\n\nimport SubmitSuccess from './components/Form/SubmitConfirmation/Success';\n\nfunction App() {\n  const [isFormStarted, setIsFormStarted] = useState(true);\n  const [isRecoverLinkPressed, setIsRecoverLinkPressed] = useState(false);\n  const [formSubmitStatus, setFormSubmitStatus] = useState(null);\n\n  return (\n    <>\n      {/* <HeaderAndBreadcrumb /> */}\n      <main className=\"ds-p-b-lg ds-m-t-lg ds-grid\">\n        {!isFormStarted ? (\n          <Intro setIsFormStarted={setIsFormStarted} />\n        ) : (\n          <FormDataProvider>\n            {isFormStarted && formSubmitStatus === null && (\n              <Form\n                setFormSubmitStatus={setFormSubmitStatus}\n                formSubmitStatus={formSubmitStatus}\n                isRecoverLinkPressed={isRecoverLinkPressed}\n                setIsRecoverLinkPressed={setIsRecoverLinkPressed}\n                setIsFormStarted={setIsFormStarted}\n              />\n            )}\n\n            {formSubmitStatus && <SubmitSuccess />}\n          </FormDataProvider>\n        )}\n      </main>\n    </>\n  );\n}\n\nexport default App;\n","/* eslint-disable no-console */\n\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.0/8 are considered localhost for IPv4.\n    window.location.hostname.match(/^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/)\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    headers: { 'Service-Worker': 'script' },\n  })\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('No internet connection found. App is running in offline mode.');\n    });\n}\n\nexport function unregister() {\n  if ('serviceWorker' in navigator) {\n    navigator.serviceWorker.ready\n      .then((registration) => {\n        registration.unregister();\n      })\n      .catch((error) => {\n        console.error(error.message);\n      });\n  }\n}\n","// IE 11 support\nimport 'react-app-polyfill/ie11';\nimport 'react-app-polyfill/stable';\n// React\nimport React from 'react';\nimport ReactDOM from 'react-dom';\n// Components\nimport App from './App';\nimport * as serviceWorker from './serviceWorker';\n\nReactDOM.render(\n  <React.StrictMode>\n    <App />\n  </React.StrictMode>,\n  document.getElementById('root')\n);\n\n// If you want your app to work offline and load faster, you can change\n// unregister() to register() below. Note this comes with some pitfalls.\n// Learn more about service workers: https://bit.ly/CRA-PWA\nserviceWorker.unregister();\n"],"sourceRoot":""}