{"version":3,"sources":["webpack:///./src/helpers/ssr.ts","webpack:///./src/stories/Components/Forms/FormDivider.tsx","webpack:///./src/stories/Components/Inputs/Textarea/Textarea.tsx","webpack:///./src/helpers/global.ts","webpack:///./src/stories/Components/Inputs/Textarea/Textarea.styles.ts","webpack:///./src/helpers/date.ts","webpack:///./src/stories/Components/Inputs/RadioList/RadioList.styles.ts","webpack:///./src/stories/Widgets/Forms/BookAFreeDesignVisitForm/BookAFreeDesignVisitForm.styles.ts","webpack:///./src/stories/Widgets/Forms/BookAFreeDesignVisitForm/TimeslotSelector/TimeslotSelector.styles.ts","webpack:///./src/stories/Widgets/Forms/BookAFreeDesignVisitForm/TimeslotSelector/TimeslotSelector.tsx","webpack:///./src/stories/Widgets/Forms/BookAFreeDesignVisitForm/UpcomingVisit/UpcomingVisit.styles.ts","webpack:///./src/stories/Widgets/Forms/BookAFreeDesignVisitForm/UpcomingVisit/CancelModal/CancelModal.tsx","webpack:///./src/stories/Widgets/Forms/BookAFreeDesignVisitForm/UpcomingVisit/UpcomingVisit.tsx","webpack:///./src/stories/Widgets/Forms/BookAFreeDesignVisitForm/BookAFreeDesignVisitForm.tsx","webpack:///./src/stories/Components/Breadcrumb/Breadcrumb.styles.ts","webpack:///./src/stories/Components/Breadcrumb/Breadcrumb.tsx","webpack:///./src/helpers/layers.ts","webpack:///./src/helpers/scrollbars.ts","webpack:///./src/img/icons/close.svg","webpack:///./src/hooks/useApi.ts","webpack:///./src/stories/Components/Misc/Modal/Context/Context.tsx","webpack:///./src/stories/Components/Misc/Modal/Background/Background.styles.ts","webpack:///./src/stories/Components/Misc/Modal/Background/Background.tsx","webpack:///./src/stories/Components/Misc/Modal/Close/Close.styles.ts","webpack:///./src/stories/Components/Misc/Modal/Close/Close.tsx","webpack:///./src/stories/Components/Misc/Modal/Modal.styles.ts","webpack:///./src/stories/Components/Misc/Modal/Modal.tsx"],"names":["isSSR","window","document","FormDivider","React","S","Divider","Textarea","props","ref","FocusRing","focusRingClass","Input","displayName","ButtonReset","css","TextareaStyles","styled","textarea","brand","beige","greyDark","fonts","brandonGrotesque","regular","formatDateISO","value","date","ensureDate","Date","getTime","getTimezoneOffset","toISOString","formatDate","formatString","format","formatDay","Intl","DateTimeFormat","undefined","day","weekday","formatRange","from","to","dateFrom","dateTo","month","year","formatTime","hour","minute","hour12","Container","div","fluid","Device","Tablet","Option","input","srOnly","RadioListStyles","Label","label","green","white","SectionWrapper","FormStyles","Field","FormWrapper","transition","Section","CheckboxListStyles","TabletLarge","BookAFreeDesignVisitFormStyles","FormTitle","h2","h3","TopWrapper","Desktop","NoSlotsMessage","p","paragraphMedium","SubmitWrapper","ButtonStyles","Text","until","DesktopSmall","SubmitSummary","ul","SubmitSummaryItem","li","bold","section","WeekContainer","WeekHeader","black","WeekBody","TimeslotSelectorStyles","DayContainer","DayTitle","span","TimeContainer","beigeDark","TimeslotSelector","itemsAsDates","items","map","unqiueSlots","Array","Set","getHours","getMinutes","sort","a","b","aHour","aMinute","split","Number","bHour","bMinute","days","groups","forEach","item","itemDate","set","hours","milliseconds","seconds","minutes","key","push","groupByDate","weeks","chunk","Object","entries","week","firstDate","lastDate","addDays","group","slot","find","id","type","registerOptions","htmlFor","renderTimeslot","renderDay","renderWeek","ContentWrapper","Title","Detail","paragraphLarge","Highlight","ButtonsWrapper","ModalInner","ModalTitle","ModalSummary","ModalText","UpcomingVisitStyles","ModalFormWrapper","Form","ErrorList","CancelModal","name","timeslot","rest","confirmationMessage","onSubmit","refContainer","serverErrors","status","useReactHookFormReturn","register","setValue","useForm","endpoint","API_URLS","postCancelDesignVisitForm","mode","postSubmitCallback","async","onCancel","Promise","resolve","Modal","closeOnBackground","showBackground","showClose","dateTime","errors","showSubmit","submitLabel","Textbox","Button","buttonType","onClick","onClose","disabled","LoadingIndicator","bgColor","rgba","fgColor","layout","UpcomingVisit","modalOpen","setModalOpen","visitCancelled","setVisitCancelled","onUpdateClick","updateLabel","cancelLabel","isOpen","ariaLabel","BookAFreeDesignVisitForm","formState","watch","getValues","trigger","postBookAFreeDesignVisitForm","formRef","current","className","doForce24Tracking","doTVSquaredTracking","userId","doAdalyserTracking","timeSelectorRef","detailsRef","address","setAddress","newRequest","setNewRequest","isManualPostcodeValid","setIsManualPostcodeValid","useLoqate","fields","element","field","FieldMode","SEARCH","options","countries","codesList","init","control","listen","formattedAddress","replace","PostalCode","BuildingNumber","BuildingName","Company","Street","City","Province","formData","params","postcode","result","useApi","url","getTimeslots","qs","stringify","validate","length","isStep1Valid","customerData","houseNameNumber","addressLine1","addressLine2","addressLine3","toUpperCase","slice","toLowerCase","data","isStep1Complete","scrollIntoView","behavior","isStep2Complete","anchorId","background","BackgroundValues","White","upcomingVisit","existingId","FormSection","title","FormRow","FormField","error","showLabel","autoComplete","placeholder","pattern","POSTCODE_RULE","required","onKeyDown","event","handleManualPostcode","description","size","visible","CheckboxList","typeOptions","option","CheckboxListOption","text","message","Select","titleOptions","firstName","surname","contactNumber","TELEPHONE_RULE","email","EMAIL_RULE","emailConfirmation","onPaste","e","preventDefault","emailEqual","postcodeDisclaimer","keepingYouInformedText","marketingOptions","notes","reduce","i","array","commaSeparatedString","filter","includes","BreadcrumbStyles","List","scrollbars","Item","paragraphSmall","ItemLink","Breadcrumb","spacingBelow","href","Layers","HeaderBackdrop","Header","ModalBackdrop","Popup","scrollBarStyles","scrollBarsAll","_path","_extends","assign","bind","target","arguments","source","prototype","hasOwnProperty","call","apply","this","SvgClose","xmlns","viewBox","fill","d","fillRule","refAbortController","isFirstMount","useFirstMountState","setData","initialData","setStatus","AbortController","signal","res","fetch","cache","credentials","headers","Accept","method","resData","json","doAsync","abort","clear","ModalContext","noop","useModal","ModalProvider","Provider","children","BackgroundStyles","Background","modal","CloseStyles","button","Close","ModalStyles","Inner","portalContainer","getElementById","body","portalContent","FocusScope","autoFocus","contain","restoreFocus","role","ReactDOM"],"mappings":"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","file":"91-6e271d9e4a43c65fb44d.js","sourcesContent":["export const isSSR = () => {\r\n    const returnValue = !(typeof window != 'undefined' && window.document);\r\n    return returnValue;\r\n};\r\n","import * as React from 'react';\r\nimport S from './Form.styles';\r\nconst FormDivider = () => {\r\n    return React.createElement(S.Divider, null);\r\n};\r\nexport default FormDivider;\r\n","import * as React from 'react';\r\nimport { FocusRing } from 'react-aria';\r\nimport S from './Textarea.styles';\r\nconst Textarea = React.forwardRef((props, ref) => {\r\n    return (React.createElement(FocusRing, { focusRingClass: \"focus-ring\" },\r\n        React.createElement(S.Input, { ref: ref, ...props })));\r\n});\r\nTextarea.displayName = 'Textarea';\r\nexport default Textarea;\r\n","import { css } from 'styled-components';\r\nexport default {\r\n    navHeight: 107,\r\n    navHeightTablet: 80,\r\n    navHeightMobile: 59,\r\n    gridGap: 24,\r\n};\r\nexport const ButtonReset = css `\r\n  border: none;\r\n  outline: none;\r\n  padding: 0px;\r\n  background: none;\r\n  border-radius: 0px;\r\n`;\r\n","import brand from '@helpers/brand';\r\nimport fonts from '@helpers/fonts';\r\nimport styled from 'styled-components';\r\nconst Input = styled.textarea `\r\n  display: block;\r\n  background: ${brand.beige};\r\n  border: 0;\r\n  color: ${brand.greyDark};\r\n  min-height: 100px;\r\n  ${fonts.brandonGrotesque.regular}\r\n  font-size: 18px;\r\n  margin: 0;\r\n  padding: 7px 12px;\r\n  width: 100%;\r\n\r\n  &:disabled {\r\n    opacity: 0.5;\r\n  }\r\n\r\n  &::placeholder {\r\n    ${fonts.brandonGrotesque.regular}\r\n    opacity: 0.4;\r\n  }\r\n\r\n  &.focus-ring {\r\n    outline: auto;\r\n    outline-offset: 5px;\r\n  }\r\n`;\r\nconst TextareaStyles = {\r\n    Input,\r\n};\r\nexport default TextareaStyles;\r\n","import format from 'date-fns/format';\r\nexport function formatDateISO(value) {\r\n    const date = ensureDate(value);\r\n    return new Date(date.getTime() - date.getTimezoneOffset() * 60000).toISOString();\r\n}\r\nexport function formatDate(value, formatString = 'MMMM do yyyy') {\r\n    let date = value;\r\n    if (typeof date === 'string') {\r\n        date = new Date(date);\r\n    }\r\n    return format(date, formatString);\r\n}\r\nexport function formatDay(value) {\r\n    const date = ensureDate(value);\r\n    const formatter = new Intl.DateTimeFormat(undefined, {\r\n        day: 'numeric',\r\n        weekday: 'short',\r\n    });\r\n    return formatter.format(date);\r\n}\r\nexport function formatRange(from, to) {\r\n    const dateFrom = ensureDate(from);\r\n    const dateTo = ensureDate(to);\r\n    const formatter = new Intl.DateTimeFormat(undefined, {\r\n        day: 'numeric',\r\n        month: 'long',\r\n        year: 'numeric',\r\n    });\r\n    return formatter.formatRange(dateFrom, dateTo);\r\n}\r\nexport function ensureDate(value) {\r\n    if (typeof value === 'string') {\r\n        return new Date(value);\r\n    }\r\n    return value;\r\n}\r\nexport function formatTime(value) {\r\n    const date = ensureDate(value);\r\n    const formatter = new Intl.DateTimeFormat(undefined, {\r\n        hour: '2-digit',\r\n        minute: '2-digit',\r\n        hour12: false,\r\n    });\r\n    return formatter.format(date);\r\n}\r\n","import brand from '@helpers/brand';\r\nimport { fluid } from '@helpers/fluid';\r\nimport fonts from '@helpers/fonts';\r\nimport { Device, from } from '@helpers/media';\r\nimport srOnly from '@helpers/srOnly';\r\nimport styled from 'styled-components';\r\nconst Container = styled.div `\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 12px ${fluid(24, 48)};\r\n\r\n  &[data-layout='horizontal'] {\r\n    flex-direction: column;\r\n\r\n    @media ${from(Device.Tablet)} {\r\n      flex-direction: row;\r\n    }\r\n  }\r\n\r\n  &[data-layout='vertical'] {\r\n    flex-direction: column;\r\n  }\r\n`;\r\nconst Option = styled.div `\r\n  display: flex;\r\n  white-space: nowrap;\r\n`;\r\nconst Input = styled.input `\r\n  /* Ensure iOS doesn't apply default border radius */\r\n  -webkit-appearance: none !important;\r\n  ${srOnly}\r\n`;\r\nconst Label = styled.label `\r\n  display: inline-block;\r\n  cursor: pointer;\r\n  ${fonts.brandonGrotesque.regular}\r\n  font-size: 20px;\r\n  line-height: 1em;\r\n\r\n  &::before {\r\n    content: '';\r\n    display: inline-block;\r\n    background: transparent;\r\n    background-clip: content-box;\r\n    border: 1px solid ${brand.green};\r\n    border-radius: 50%;\r\n    box-sizing: border-box;\r\n    color: ${brand.white};\r\n    height: 17px;\r\n    margin-right: 10px;\r\n    padding: 3px;\r\n    width: 17px;\r\n  }\r\n\r\n  ${Input}:checked + &::before {\r\n    background-color: ${brand.green};\r\n  }\r\n`;\r\nconst RadioListStyles = {\r\n    Container,\r\n    Input,\r\n    Label,\r\n    Option,\r\n};\r\nexport default RadioListStyles;\r\n","import { transition } from '@helpers/animate';\r\nimport brand from '@helpers/brand';\r\nimport { fluid } from '@helpers/fluid';\r\nimport fonts from '@helpers/fonts';\r\nimport { Device, from, until } from '@helpers/media';\r\nimport { h3, paragraphMedium } from '@helpers/typography';\r\nimport ButtonStyles from '@stories/Components/Button/Button.styles';\r\nimport FormStyles from '@stories/Components/Forms/Form.styles';\r\nimport CheckboxListStyles from '@stories/Components/Inputs/CheckboxList/CheckboxList.styles';\r\nimport RadioListStyles from '@stories/Components/Inputs/RadioList/RadioList.styles';\r\nimport TextareaStyles from '@stories/Components/Inputs/Textarea/Textarea.styles';\r\nimport SectionWrapper from '@stories/Components/SectionWrapper/SectionWrapper';\r\nimport styled from 'styled-components';\r\nconst Container = styled(SectionWrapper) `\r\n  &[data-background='beige'] {\r\n    background-color: ${brand.beige};\r\n    padding: calc(var(--sectionSpacing) * 0.5) 0;\r\n\r\n    ${FormStyles.Field} input,\r\n    ${FormStyles.Field} select {\r\n      background-color: ${brand.white};\r\n    }\r\n  }\r\n\r\n  &[data-background='white'] {\r\n    background-color: ${brand.white};\r\n    margin: var(--sectionSpacing) 0;\r\n  }\r\n`;\r\nconst FormWrapper = styled.div `\r\n  ${transition('max-height', 20)};\r\n\r\n  scroll-margin: var(--headerScrollHeight) 0 0;\r\n  overflow: hidden;\r\n  max-height: 10000px;\r\n\r\n  &[data-hide-form='true'] {\r\n    max-height: 0px;\r\n  }\r\n\r\n  ${FormStyles.Section} {\r\n    scroll-margin: var(--headerScrollHeight) 0 0;\r\n  }\r\n\r\n  ${CheckboxListStyles.Container}[data-type='marketing'] {\r\n    flex-direction: row;\r\n\r\n    @media ${from(Device.TabletLarge)} {\r\n      ${CheckboxListStyles.Option} {\r\n        flex-basis: 100px;\r\n      }\r\n    }\r\n  }\r\n\r\n  @media ${from(Device.Tablet)} {\r\n    ${FormStyles.Field}[data-size='wide'] {\r\n      grid-column: span 3;\r\n    }\r\n\r\n    ${CheckboxListStyles.Container}[data-type='purpose'] {\r\n      ${CheckboxListStyles.Option} {\r\n        flex-basis: 170px;\r\n      }\r\n    }\r\n\r\n    ${TextareaStyles.Input} {\r\n      height: 100%;\r\n    }\r\n  }\r\n`;\r\nconst FormTitle = styled.h2 `\r\n  ${h3};\r\n`;\r\nconst TopWrapper = styled.div `\r\n  display: flex;\r\n  gap: ${fluid(10, 40)};\r\n  flex-direction: column;\r\n\r\n  @media ${from(Device.Desktop)} {\r\n    flex-direction: row;\r\n    justify-content: space-between;\r\n\r\n    ${FormStyles.Field} {\r\n      grid-column: span 4;\r\n    }\r\n\r\n    ${RadioListStyles.Label} {\r\n      line-height: 40px;\r\n    }\r\n  }\r\n`;\r\nconst NoSlotsMessage = styled.p `\r\n  ${paragraphMedium};\r\n`;\r\nconst SubmitWrapper = styled(FormStyles.SubmitWrapper) `\r\n  gap: ${fluid(24, 28)};\r\n\r\n  ${ButtonStyles.Text} {\r\n    span {\r\n      &[data-hide-mobile='true'] {\r\n        display: none;\r\n\r\n        @media ${from(Device.TabletLarge)} {\r\n          &:nth-child(1) {\r\n            display: inline;\r\n          }\r\n        }\r\n      }\r\n\r\n      &[data-hide-desktop='true'] {\r\n        @media ${from(Device.TabletLarge)} {\r\n          &:nth-child(2) {\r\n            display: none;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  @media ${until(Device.Tablet)} {\r\n    flex-direction: column;\r\n    background: ${brand.beige};\r\n    padding: 16px;\r\n  }\r\n\r\n  @media ${from(Device.Tablet)} {\r\n    justify-content: space-between;\r\n    align-items: flex-end;\r\n  }\r\n\r\n  @media ${from(Device.DesktopSmall)} {\r\n    ${ButtonStyles.Container} {\r\n      max-width: 464px;\r\n    }\r\n  }\r\n`;\r\nconst SubmitSummary = styled.ul `\r\n  @media ${from(Device.Tablet)} {\r\n    background: ${brand.beige};\r\n    padding: ${fluid(16, 24)};\r\n  }\r\n`;\r\nconst SubmitSummaryItem = styled.li `\r\n  ${paragraphMedium};\r\n\r\n  > span {\r\n    ${fonts.brandonGrotesque.bold};\r\n  }\r\n\r\n  &:last-of-type {\r\n    margin: 0;\r\n  }\r\n`;\r\nconst BookAFreeDesignVisitFormStyles = {\r\n    Container,\r\n    FormTitle,\r\n    FormWrapper,\r\n    TopWrapper,\r\n    NoSlotsMessage,\r\n    SubmitWrapper,\r\n    SubmitSummary,\r\n    SubmitSummaryItem,\r\n};\r\nexport default BookAFreeDesignVisitFormStyles;\r\n","import brand from '@helpers/brand';\r\nimport { fluid } from '@helpers/fluid';\r\nimport fonts from '@helpers/fonts';\r\nimport { Device, from } from '@helpers/media';\r\nimport srOnly from '@helpers/srOnly';\r\nimport { paragraphMedium } from '@helpers/typography';\r\nimport styled from 'styled-components';\r\nconst Container = styled.section `\r\n  display: grid;\r\n  gap: 24px ${fluid(32, 80)};\r\n  grid-template-columns: 1fr;\r\n\r\n  @media ${from(Device.TabletLarge)} {\r\n    grid-template-columns: repeat(2, 1fr);\r\n  }\r\n`;\r\nconst WeekContainer = styled.div ``;\r\nconst WeekHeader = styled.div `\r\n  ${paragraphMedium};\r\n\r\n  display: flex;\r\n  background: ${brand.black};\r\n  color: ${brand.white};\r\n  ${fonts.brandonGrotesque.bold}\r\n  height: 44px;\r\n  place-content: center;\r\n  place-items: center;\r\n  white-space: nowrap;\r\n  margin: 0;\r\n`;\r\nconst WeekBody = styled.div `\r\n  display: grid;\r\n  gap: 1px;\r\n  grid-template-columns: repeat(7, 1fr);\r\n`;\r\nconst DayContainer = styled.div `\r\n  display: grid;\r\n  gap: 1px;\r\n  grid-template-columns: 1fr;\r\n`;\r\nconst DayTitle = styled.span `\r\n  display: flex;\r\n  ${fonts.brandonGrotesque.bold}\r\n  font-size: ${fluid(12, 18)};\r\n  height: 35px;\r\n  line-height: 1em;\r\n  place-content: center;\r\n  place-items: center;\r\n  white-space: nowrap;\r\n`;\r\nconst TimeContainer = styled.div `\r\n  display: flex;\r\n  background: ${brand.beigeDark};\r\n  height: 35px;\r\n\r\n  &:empty {\r\n    background: ${brand.beige};\r\n  }\r\n\r\n  input {\r\n    ${srOnly}\r\n  }\r\n\r\n  label {\r\n    display: flex;\r\n    cursor: pointer;\r\n    ${fonts.brandonGrotesque.bold}\r\n    font-size: ${fluid(10, 16)};\r\n    line-height: 1em;\r\n    height: 100%;\r\n    place-content: center;\r\n    place-items: center;\r\n    white-space: nowrap;\r\n    width: 100%;\r\n  }\r\n\r\n  input:checked + label {\r\n    background: ${brand.green};\r\n    color: ${brand.white};\r\n  }\r\n`;\r\nconst TimeslotSelectorStyles = {\r\n    Container,\r\n    DayContainer,\r\n    DayTitle,\r\n    TimeContainer,\r\n    WeekBody,\r\n    WeekContainer,\r\n    WeekHeader,\r\n};\r\nexport default TimeslotSelectorStyles;\r\n","import { ensureDate, formatDateISO, formatDay, formatRange, formatTime } from '@helpers/date';\r\nimport { addDays, set } from 'date-fns/esm';\r\nimport chunk from 'lodash/chunk';\r\nimport * as React from 'react';\r\nimport S from './TimeslotSelector.styles';\r\nconst TimeslotSelector = (props) => {\r\n    const itemsAsDates = props.items.map(ensureDate);\r\n    const unqiueSlots = React.useMemo(() => Array.from(new Set(itemsAsDates.map((date) => `${date.getHours()}.${date.getMinutes()}`))).sort((a, b) => {\r\n        const [aHour, aMinute] = a.split('.').map(Number);\r\n        const [bHour, bMinute] = b.split('.').map(Number);\r\n        if (aHour > bHour) {\r\n            return 1;\r\n        }\r\n        else if (aHour < bHour) {\r\n            return -1;\r\n        }\r\n        if (aMinute > bMinute) {\r\n            return 1;\r\n        }\r\n        else if (aMinute < bMinute) {\r\n            return -1;\r\n        }\r\n        return 0;\r\n    }), itemsAsDates);\r\n    const days = groupByDate(itemsAsDates);\r\n    const weeks = chunk(Object.entries(days), 7);\r\n    return React.createElement(S.Container, null, weeks.map((week) => renderWeek(week)));\r\n    function renderWeek(days) {\r\n        const firstDate = days[0][1].date;\r\n        const lastDate = addDays(ensureDate(firstDate), 6);\r\n        return (React.createElement(S.WeekContainer, { key: `${firstDate}-${lastDate}` },\r\n            React.createElement(S.WeekHeader, null, formatRange(firstDate, lastDate)),\r\n            React.createElement(S.WeekBody, null, days.map(([key, group]) => renderDay(key, group)))));\r\n    }\r\n    function renderDay(key, group) {\r\n        return (React.createElement(S.DayContainer, { key: key },\r\n            React.createElement(S.DayTitle, null, formatDay(group.date)),\r\n            unqiueSlots.map((slot) => renderTimeslot(slot, group))));\r\n    }\r\n    function renderTimeslot(slot, group) {\r\n        const [hour, minute] = slot.split('.').map(Number);\r\n        const item = group.items.find((item) => {\r\n            const date = ensureDate(item);\r\n            return date.getHours() === hour && date.getMinutes() === minute;\r\n        });\r\n        if (item) {\r\n            return (React.createElement(S.TimeContainer, { key: hour },\r\n                React.createElement(\"input\", { id: formatDateISO(item), type: \"radio\", value: formatDateISO(item), ...props.registerOptions }),\r\n                React.createElement(\"label\", { htmlFor: formatDateISO(item) }, formatTime(item))));\r\n        }\r\n        return React.createElement(S.TimeContainer, { key: hour });\r\n    }\r\n};\r\nexport default TimeslotSelector;\r\nfunction groupByDate(items) {\r\n    const groups = {};\r\n    items.forEach((item) => {\r\n        const date = ensureDate(item);\r\n        // Clear time value for comparison.\r\n        const itemDate = set(date, { hours: 0, milliseconds: 0, seconds: 0, minutes: 0 });\r\n        // Format to ISO for key.\r\n        const key = formatDateISO(itemDate);\r\n        // Append to group.\r\n        groups[key] = groups[key] ?? {\r\n            date: itemDate,\r\n            items: [],\r\n        };\r\n        groups[key].items.push(item);\r\n    });\r\n    return groups;\r\n}\r\n","import brand from '@helpers/brand';\r\nimport { fluid } from '@helpers/fluid';\r\nimport fonts from '@helpers/fonts';\r\nimport { Device, from } from '@helpers/media';\r\nimport { h2, paragraphLarge } from '@helpers/typography';\r\nimport ButtonStyles from '@stories/Components/Button/Button.styles';\r\nimport FormStyles from '@stories/Components/Forms/Form.styles';\r\nimport styled from 'styled-components';\r\nconst Container = styled.div `\r\n  position: relative;\r\n  display: grid;\r\n  border: 2px solid ${brand.green};\r\n  background-color: ${brand.white};\r\n  gap: ${fluid(24, 40)};\r\n  padding: ${fluid(24, 32)} ${fluid(20, 40)};\r\n  margin-bottom: ${fluid(14, 40)};\r\n\r\n  @media ${from(Device.TabletLarge)} {\r\n    grid-template-columns: repeat(12, 1fr);\r\n  }\r\n`;\r\nconst ContentWrapper = styled.div `\r\n  @media ${from(Device.TabletLarge)} {\r\n    grid-column: 1 / span 5;\r\n  }\r\n`;\r\nconst Title = styled.h3 `\r\n  ${fonts.brandonGrotesque.bold};\r\n\r\n  font-size: ${fluid(22, 26)};\r\n  line-height: ${fluid(26, 30)};\r\n  margin-bottom: ${fluid(8, 16)};\r\n  text-transform: uppercase;\r\n`;\r\nconst Detail = styled.p `\r\n  ${paragraphLarge};\r\n\r\n  margin-bottom: 0;\r\n`;\r\nconst Highlight = styled.span `\r\n  ${fonts.brandonGrotesque.bold};\r\n`;\r\nconst ButtonsWrapper = styled.div `\r\n  display: grid;\r\n  height: 100%;\r\n  gap: ${fluid(16, 24)};\r\n\r\n  @media ${from(Device.TabletLarge)} {\r\n    grid-column: 6 / span 7;\r\n    grid-template-columns: 1fr 1fr;\r\n    place-content: center;\r\n  }\r\n\r\n  ${ButtonStyles.Container} {\r\n    width: 100%;\r\n    justify-content: center;\r\n  }\r\n`;\r\nconst ModalInner = styled.div `\r\n  background-color: ${brand.white};\r\n  padding: ${fluid(22, 56)};\r\n  color: ${brand.black};\r\n  text-align: center;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: ${fluid(24, 40)};\r\n  max-width: min(90vw, 836px);\r\n`;\r\nconst ModalTitle = styled.h3 `\r\n  ${h2};\r\n\r\n  margin-bottom: 0;\r\n`;\r\nconst ModalSummary = styled.div `\r\n  background-color: ${brand.beige};\r\n  padding: ${fluid(16, 36)};\r\n\r\n  [data-form-status='fulfilled'] & {\r\n    display: none;\r\n  }\r\n`;\r\nconst ModalText = styled.p `\r\n  ${paragraphLarge};\r\n\r\n  margin-bottom: 0;\r\n\r\n  [data-form-status='fulfilled'] & {\r\n    display: none;\r\n  }\r\n`;\r\nconst ModalFormWrapper = styled.div `\r\n  margin: 0 auto;\r\n  max-width: 550px;\r\n\r\n  ${ModalText} {\r\n    margin-bottom: ${fluid(32, 48)};\r\n  }\r\n\r\n  ${FormStyles.Form} {\r\n    display: grid;\r\n    gap: ${fluid(16, 24)};\r\n    padding: 0;\r\n    border: 0;\r\n\r\n    @media ${from(Device.Tablet)} {\r\n      grid-template-columns: 1fr 1fr;\r\n\r\n      ${FormStyles.ErrorList} {\r\n        grid-column: span 2;\r\n      }\r\n\r\n      [data-form-status='fulfilled'] & {\r\n        grid-template-columns: 1fr;\r\n      }\r\n    }\r\n  }\r\n\r\n  ${ButtonStyles.Container} {\r\n    width: 100%;\r\n    justify-content: center;\r\n  }\r\n`;\r\nconst UpcomingVisitStyles = {\r\n    ButtonsWrapper,\r\n    Container,\r\n    ContentWrapper,\r\n    Detail,\r\n    Highlight,\r\n    ModalFormWrapper,\r\n    ModalInner,\r\n    ModalSummary,\r\n    ModalText,\r\n    ModalTitle,\r\n    Title,\r\n};\r\nexport default UpcomingVisitStyles;\r\n","import { API_URLS } from '@helpers/api';\r\nimport brand from '@helpers/brand';\r\nimport { formatDate, formatDateISO, formatTime } from '@helpers/date';\r\nimport { useForm } from '@hooks/useForm';\r\nimport Button from '@stories/Components/Button/Button';\r\nimport Form from '@stories/Components/Forms/Form';\r\nimport Textbox from '@stories/Components/Inputs/Textbox/Textbox';\r\nimport LoadingIndicator from '@stories/Components/LoadingIndicator/LoadingIndicator';\r\nimport Modal from '@stories/Components/Misc/Modal/Modal';\r\nimport { rgba } from 'polished';\r\nimport * as React from 'react';\r\nimport S from '../UpcomingVisit.styles';\r\nconst CancelModal = (props) => {\r\n    const { id, name, timeslot, ...rest } = props;\r\n    const { confirmationMessage, onSubmit, refContainer, serverErrors, status, useReactHookFormReturn: { register, setValue }, } = useForm({\r\n        endpoint: API_URLS.postCancelDesignVisitForm,\r\n        mode: 'json',\r\n        postSubmitCallback: async () => {\r\n            props.onCancel();\r\n            return Promise.resolve();\r\n        },\r\n    });\r\n    React.useEffect(() => {\r\n        if (props.id) {\r\n            setValue('existingId', props.id);\r\n        }\r\n    }, [props.id]);\r\n    return (React.createElement(Modal, { closeOnBackground: true, showBackground: true, showClose: true, ...rest },\r\n        React.createElement(S.ModalInner, { ref: refContainer, \"data-form-status\": status },\r\n            React.createElement(S.ModalTitle, null, \"Cancel Design Visit\"),\r\n            React.createElement(S.ModalSummary, null,\r\n                React.createElement(S.ModalText, null,\r\n                    \"Your design visit is on\",\r\n                    ' ',\r\n                    React.createElement(\"time\", { dateTime: formatDateISO(props.timeslot) },\r\n                        React.createElement(S.Highlight, null, formatDate(props.timeslot, 'do MMMM yyyy')),\r\n                        \" at\",\r\n                        ' ',\r\n                        React.createElement(S.Highlight, null, formatTime(props.timeslot))),\r\n                    ' ',\r\n                    props.name && (React.createElement(React.Fragment, null,\r\n                        \"with \",\r\n                        React.createElement(S.Highlight, null, props.name),\r\n                        \".\")))),\r\n            React.createElement(S.ModalFormWrapper, null,\r\n                React.createElement(S.ModalText, null, \"Are you sure you would like to cancel this design visit?\"),\r\n                React.createElement(Form, { confirmationMessage: confirmationMessage, errors: serverErrors, showSubmit: true, submitLabel: \"Yes, Cancel Visit\", onSubmit: onSubmit, status: status },\r\n                    React.createElement(Textbox, { id: \"existingId\", type: \"hidden\", ...register('existingId') }),\r\n                    React.createElement(Button, { buttonType: \"default\", onClick: props.onClose, disabled: status === 'pending' }, \"No, Keep Visit\")),\r\n                status === 'pending' && (React.createElement(LoadingIndicator, { bgColor: rgba(brand.green, 0.7), fgColor: brand.black, label: \"Cancelling booking\\u2026\", layout: \"absolute\" }))))));\r\n};\r\nexport default CancelModal;\r\n","import { formatDate, formatDateISO, formatTime } from '@helpers/date';\r\nimport Button from '@stories/Components/Button/Button';\r\nimport * as React from 'react';\r\nimport CancelModal from './CancelModal/CancelModal';\r\nimport S from './UpcomingVisit.styles';\r\nconst UpcomingVisit = (props) => {\r\n    const [modalOpen, setModalOpen] = React.useState(false);\r\n    const [visitCancelled, setVisitCancelled] = React.useState(false);\r\n    return (React.createElement(React.Fragment, null,\r\n        !visitCancelled && (React.createElement(S.Container, null,\r\n            React.createElement(S.ContentWrapper, null,\r\n                React.createElement(S.Title, null, \"YOUR DESIGN VISIT\"),\r\n                React.createElement(S.Detail, null,\r\n                    \"Your design visit is on\",\r\n                    ' ',\r\n                    React.createElement(\"time\", { dateTime: formatDateISO(props.timeslot) },\r\n                        React.createElement(S.Highlight, null, formatDate(props.timeslot, 'do MMMM yyyy')),\r\n                        \" at\",\r\n                        ' ',\r\n                        React.createElement(S.Highlight, null, formatTime(props.timeslot))),\r\n                    ' ',\r\n                    props.name && (React.createElement(React.Fragment, null,\r\n                        \"with \",\r\n                        React.createElement(S.Highlight, null, props.name),\r\n                        \".\")))),\r\n            React.createElement(S.ButtonsWrapper, null,\r\n                React.createElement(Button, { buttonType: \"default\", onClick: props.onUpdateClick }, props.updateLabel),\r\n                React.createElement(Button, { buttonType: \"default\", onClick: () => setModalOpen(true) }, props.cancelLabel)))),\r\n        React.createElement(CancelModal, { isOpen: modalOpen, ariaLabel: \"\", onClose: () => setModalOpen(false), id: props.id, timeslot: props.timeslot, name: props.name, onCancel: () => {\r\n                setVisitCancelled(true);\r\n                props.onCancel();\r\n            } })));\r\n};\r\nexport default UpcomingVisit;\r\n","import { API_URLS } from '@helpers/api';\r\nimport brand from '@helpers/brand';\r\nimport { formatDate, formatTime } from '@helpers/date';\r\nimport { doAdalyserTracking, doForce24Tracking, doTVSquaredTracking } from '@helpers/tracking';\r\nimport { EMAIL_RULE, POSTCODE_RULE, TELEPHONE_RULE } from '@helpers/utils';\r\nimport { useApi } from '@hooks/useApi';\r\nimport { useForm } from '@hooks/useForm';\r\nimport { FieldMode, useLoqate } from '@hooks/useLoqate';\r\nimport { BackgroundValues } from '@stories/Components/Breadcrumb/Breadcrumb';\r\nimport Button from '@stories/Components/Button/Button';\r\nimport Form from '@stories/Components/Forms/Form';\r\nimport FormDivider from '@stories/Components/Forms/FormDivider';\r\nimport FormField from '@stories/Components/Forms/FormField';\r\nimport FormRow from '@stories/Components/Forms/FormRow';\r\nimport FormSection from '@stories/Components/Forms/FormSection';\r\nimport CheckboxList, { CheckboxListOption, } from '@stories/Components/Inputs/CheckboxList/CheckboxList';\r\nimport Select from '@stories/Components/Inputs/Select/Select';\r\nimport Textarea from '@stories/Components/Inputs/Textarea/Textarea';\r\nimport Textbox from '@stories/Components/Inputs/Textbox/Textbox';\r\nimport LoadingIndicator from '@stories/Components/LoadingIndicator/LoadingIndicator';\r\nimport { rgba } from 'polished';\r\nimport qs from 'query-string';\r\nimport * as React from 'react';\r\nimport S from './BookAFreeDesignVisitForm.styles';\r\nimport TimeslotSelector from './TimeslotSelector/TimeslotSelector';\r\nimport UpcomingVisit from './UpcomingVisit/UpcomingVisit';\r\nconst F24_CLASS = 'f24DesignVisit';\r\nconst BookAFreeDesignVisitForm = (props) => {\r\n    const { confirmationMessage, onSubmit, refContainer, serverErrors, status, useReactHookFormReturn: { formState: { errors }, register, setValue, watch, getValues, trigger, }, } = useForm({\r\n        endpoint: API_URLS.postBookAFreeDesignVisitForm,\r\n        mode: 'json',\r\n        postSubmitCallback: async () => {\r\n            if (formRef.current) {\r\n                formRef.current.className = `${formRef.current.className} ${F24_CLASS}`;\r\n            }\r\n            await doForce24Tracking(F24_CLASS);\r\n            await doTVSquaredTracking(props.userId ?? '', 'book-design-visit-form');\r\n            await doAdalyserTracking('lce3');\r\n            return Promise.resolve();\r\n        },\r\n    });\r\n    const formRef = React.useRef(null);\r\n    const timeSelectorRef = React.useRef(null);\r\n    const detailsRef = React.useRef(null);\r\n    const [address, setAddress] = React.useState('');\r\n    const [newRequest, setNewRequest] = React.useState(false);\r\n    const [isManualPostcodeValid, setIsManualPostcodeValid] = React.useState(false);\r\n    useLoqate({\r\n        fields: [{ element: 'postcode', field: 'PostalCode', mode: FieldMode.SEARCH }],\r\n        options: { countries: { codesList: 'GB' } },\r\n        init: (control) => {\r\n            // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n            control.listen('populate', (address) => {\r\n                if (process.env.NODE_ENV === 'development') {\r\n                    console.log('populate', address);\r\n                }\r\n                // Set address for display.\r\n                if (address.Label) {\r\n                    const formattedAddress = address.Label.replace(/\\n/g, ', ');\r\n                    setAddress(formattedAddress);\r\n                }\r\n                // Set value programmatically to ensure form state is updated.\r\n                setValue('postcode', address.PostalCode);\r\n                setValue('houseNameNumber', address.BuildingNumber || address.BuildingName || address.Company);\r\n                setValue('addressLine1', address.Street);\r\n                setValue('addressLine2', address.City);\r\n                setValue('addressLine3', address.Province);\r\n                trigger('postcode');\r\n            });\r\n        },\r\n    });\r\n    const formData = watch();\r\n    const params = {\r\n        postcode: formData.postcode,\r\n        type: formData.type ?? [],\r\n    };\r\n    const result = useApi({\r\n        url: `${API_URLS.getTimeslots}?${qs.stringify(params)}`,\r\n        validate: () => isStep1Valid(),\r\n    });\r\n    React.useEffect(() => {\r\n        /** Pre-fill form values with CustomerData */\r\n        if (props.customerData) {\r\n            setAddress(`${props.customerData.houseNameNumber ?? ''} ${props.customerData.addressLine1 ?? ''}, ${props.customerData.addressLine2 ? `${props.customerData.addressLine2}, ` : ''}${props.customerData.addressLine3 ?? ''} ${props.customerData.postcode ?? ''}`);\r\n            Object.entries(props.customerData).forEach(([key, value]) => setValue(key, \r\n            /* Ensure title value is capitalised correctly to populate */\r\n            key === 'title' ? value[0].toUpperCase() + value.slice(1).toLowerCase() : value ?? ''));\r\n        }\r\n    }, [props.customerData]);\r\n    React.useEffect(() => {\r\n        setValue('marketingOptions', []);\r\n    }, []);\r\n    React.useEffect(() => {\r\n        setValue('timeslot', '');\r\n    }, [result.data?.items]);\r\n    React.useEffect(() => {\r\n        if (isStep1Complete()) {\r\n            timeSelectorRef.current?.scrollIntoView({ behavior: 'smooth' });\r\n        }\r\n    }, [isStep1Complete()]);\r\n    React.useEffect(() => {\r\n        if (isStep2Complete()) {\r\n            detailsRef.current?.scrollIntoView({ behavior: 'smooth' });\r\n        }\r\n    }, [isStep2Complete(), formData.timeslot]);\r\n    return (React.createElement(S.Container, { ref: refContainer, id: props.anchorId, \"data-background\": props.background && props.background !== '' ? props.background : BackgroundValues.White },\r\n        props.upcomingVisit && (React.createElement(UpcomingVisit, { ...props.upcomingVisit, onUpdateClick: () => {\r\n                setValue('existingId', props.upcomingVisit?.id ?? '');\r\n                formRef.current?.scrollIntoView({ behavior: 'smooth' });\r\n            }, onCancel: () => {\r\n                setNewRequest(true);\r\n                setValue('existingId', '');\r\n                setValue('type', []);\r\n                formRef.current?.scrollIntoView({ behavior: 'smooth' });\r\n            } })),\r\n        React.createElement(S.FormWrapper, { \"data-hide-form\": props.upcomingVisit?.id && !formData.existingId && !newRequest },\r\n            React.createElement(Form, { ref: formRef, confirmationMessage: confirmationMessage, errors: serverErrors, showSubmit: false, status: status, submitLabel: \"\", onSubmit: onSubmit },\r\n                props.customerData && React.createElement(S.FormTitle, null, \"Book a Free Design Visit\"),\r\n                React.createElement(S.TopWrapper, null,\r\n                    React.createElement(FormSection, { title: \"Start by entering your postcode\" },\r\n                        React.createElement(FormRow, null,\r\n                            React.createElement(FormField, { error: errors.postcode, name: \"postcode\", label: \"Postcode *\", showLabel: false },\r\n                                React.createElement(Textbox, { id: \"postcode\", autoComplete: \"none\", placeholder: \"Postcode\", type: \"text\", ...register('postcode', {\r\n                                        pattern: POSTCODE_RULE,\r\n                                        required: `Please enter your postcode`,\r\n                                    }), onKeyDown: (event) => {\r\n                                        if (event.key !== 'Enter') {\r\n                                            if (isManualPostcodeValid) {\r\n                                                setIsManualPostcodeValid(false);\r\n                                            }\r\n                                            return;\r\n                                        }\r\n                                        handleManualPostcode();\r\n                                    } })),\r\n                            address && React.createElement(FormField, { description: `Address: ${address}`, size: \"full\" }))),\r\n                    React.createElement(FormSection, { visible: !!(formData.postcode && address) || isManualPostcodeValid, title: \"What would you like a design for?\" },\r\n                        React.createElement(FormRow, null,\r\n                            React.createElement(FormField, { error: errors.type, size: \"full\" },\r\n                                React.createElement(CheckboxList, { layout: \"horizontal\", \"data-type\": \"purpose\" }, props.typeOptions.map((option) => (React.createElement(CheckboxListOption, { key: option.value, value: option.value, ...register('type', { required: `Please select at least one option` }) }, option.text)))))))),\r\n                isStep1Complete() && React.createElement(FormDivider, null),\r\n                React.createElement(FormSection, { ref: timeSelectorRef, visible: isStep1Complete(), title: result.data?.items?.length ? `Please select a time that suits you` : '' },\r\n                    result.data?.items?.length ? (React.createElement(TimeslotSelector, { items: result.data.items, registerOptions: register('timeslot', { required: `Please select a timeslot` }) })) : null,\r\n                    result.data?.items?.length ? (React.createElement(S.NoSlotsMessage, null, \"Can\\u2019t find a date and time that suits you? Call us on 0800 251 505 and we\\u2019ll be happy to help you find an alternative date and time.\")) : null,\r\n                    !result.data?.items?.length ? (React.createElement(S.NoSlotsMessage, null, \"We\\u2019re so sorry but we\\u2019re currently very busy in your area at the moment, please call us on 0800 251 505 and a member of our team will be happy to help book an appointment for you.\")) : null,\r\n                    result.data?.error && (React.createElement(FormField, { error: { message: result.data?.error }, size: \"full\" }))),\r\n                isStep2Complete() && React.createElement(FormDivider, null),\r\n                React.createElement(FormSection, { ref: detailsRef, visible: isStep2Complete(), title: \"Your Details\" },\r\n                    React.createElement(FormRow, null,\r\n                        React.createElement(FormField, { error: errors.title, name: \"title\", label: \"Title *\" },\r\n                            React.createElement(Select, { id: \"title\", autoComplete: \"honorific-prefix\", ...register('title', { required: `Please select your title` }) },\r\n                                React.createElement(\"option\", { value: \"\" }, \"Please select\"),\r\n                                props.titleOptions.map((option) => (React.createElement(\"option\", { key: option.value, value: option.value }, option.text))))),\r\n                        React.createElement(FormField, { error: errors.firstName, name: \"firstName\", label: \"First name *\" },\r\n                            React.createElement(Textbox, { id: \"firstName\", autoComplete: \"given-name\", placeholder: \"Your first name\", type: \"text\", ...register('firstName', { required: `Please enter your first name` }) })),\r\n                        React.createElement(FormField, { error: errors.surname, name: \"surname\", label: \"Surname *\" },\r\n                            React.createElement(Textbox, { id: \"surname\", autoComplete: \"family-name\", placeholder: \"Your surname\", type: \"text\", ...register('surname', { required: `Please enter your surname` }) }))),\r\n                    React.createElement(FormRow, null,\r\n                        React.createElement(FormField, { error: errors.contactNumber, name: \"contactNumber\", label: \"Contact number *\" },\r\n                            React.createElement(Textbox, { id: \"contactNumber\", autoComplete: \"tel\", placeholder: \"Your home or mobile number\", type: \"tel\", ...register('contactNumber', {\r\n                                    required: `Please enter your contact number`,\r\n                                    pattern: TELEPHONE_RULE,\r\n                                }) })),\r\n                        React.createElement(FormField, { error: errors.email, name: \"email\", label: \"Email address *\" },\r\n                            React.createElement(Textbox, { id: \"email\", autoComplete: \"email\", placeholder: \"Your email address\", type: \"text\", ...register('email', {\r\n                                    pattern: EMAIL_RULE,\r\n                                    required: `Please enter your email address`,\r\n                                }) })),\r\n                        React.createElement(FormField, { error: errors.emailConfirmation, name: \"emailConfirmation\", label: \"Confirm email address *\" },\r\n                            React.createElement(Textbox, { id: \"emailConfirmation\", autoComplete: \"new-password\", placeholder: \"Confirm your email address\", type: \"text\", onPaste: (e) => {\r\n                                    e.preventDefault();\r\n                                }, ...register('emailConfirmation', {\r\n                                    pattern: EMAIL_RULE,\r\n                                    required: `Please confirm your email address`,\r\n                                    validate: {\r\n                                        emailEqual: (value) => {\r\n                                            const { email } = getValues();\r\n                                            return value === email || 'Please ensure both email addresses match';\r\n                                        },\r\n                                    },\r\n                                }) })))),\r\n                React.createElement(FormSection, { visible: isStep2Complete(), title: \"Your Address\" },\r\n                    React.createElement(FormRow, null,\r\n                        React.createElement(FormField, { error: errors.houseNameNumber, name: \"houseNameNumber\", label: \"House name / number *\" },\r\n                            React.createElement(Textbox, { id: \"houseNameNumber\", placeholder: \"House name / number\", autoComplete: \"address-line1\", type: \"text\", ...register('houseNameNumber', {\r\n                                    required: `Please enter your house name or number`,\r\n                                }) })),\r\n                        React.createElement(FormField, { error: errors.addressLine1, name: \"addressLine1\", label: \"Road / Street *\" },\r\n                            React.createElement(Textbox, { id: \"addressLine1\", placeholder: \"Road / Street\", autoComplete: \"address-line2\", type: \"text\", ...register('addressLine1', {\r\n                                    required: `Please enter the first line of your address`,\r\n                                }) })),\r\n                        React.createElement(FormField, { error: errors.addressLine2, name: \"addressLine2\", label: \"Town / City *\" },\r\n                            React.createElement(Textbox, { id: \"addressLine2\", placeholder: \"Town / City\", autoComplete: \"address-level2\", type: \"text\", ...register('addressLine2', {\r\n                                    required: `Please enter the town or city`,\r\n                                }) })),\r\n                        React.createElement(FormField, { error: errors.addressLine3, name: \"addressLine3\", label: \"County\" },\r\n                            React.createElement(Textbox, { id: \"addressLine3\", autoComplete: \"address-level1\", placeholder: \"County\", type: \"text\", ...register('addressLine3', {}) }))),\r\n                    props.postcodeDisclaimer && (React.createElement(FormRow, null,\r\n                        React.createElement(FormField, { description: props.postcodeDisclaimer, size: \"full\" }))),\r\n                    React.createElement(FormRow, null,\r\n                        React.createElement(FormField, { description: props.keepingYouInformedText, error: errors.marketingOptions, label: \"Keeping you informed\", name: \"marketingOptions\", size: \"wide\" },\r\n                            React.createElement(Textbox, { id: \"existingId\", type: \"hidden\", ...register('existingId') })),\r\n                        React.createElement(FormField, { error: errors.notes, name: \"notes\", label: \"Notes\" },\r\n                            React.createElement(Textarea, { id: \"notes\", placeholder: \"Additional information\", ...register('notes', {}) })))),\r\n                isStep2Complete() && (React.createElement(S.SubmitWrapper, null,\r\n                    React.createElement(S.SubmitSummary, null,\r\n                        React.createElement(S.SubmitSummaryItem, null,\r\n                            React.createElement(\"span\", null, \"Design for:\"),\r\n                            ' ',\r\n                            formData.type.length > 0 &&\r\n                                commaSeparatedString(props.typeOptions\r\n                                    .filter((option) => formData.type.includes(option.value))\r\n                                    .map((option) => option.text))),\r\n                        React.createElement(S.SubmitSummaryItem, null,\r\n                            React.createElement(\"span\", null, \"Date:\"),\r\n                            ' ',\r\n                            formData.timeslot && formatDate(formData.timeslot, 'E do LLLL yyyy')),\r\n                        React.createElement(S.SubmitSummaryItem, null,\r\n                            React.createElement(\"span\", null, \"Time:\"),\r\n                            ' ',\r\n                            formData.timeslot && formatTime(formData.timeslot.replace('Z', ''))),\r\n                        React.createElement(S.SubmitSummaryItem, null,\r\n                            React.createElement(\"span\", null, \"Location:\"),\r\n                            ' ',\r\n                            address ? (address) : (React.createElement(React.Fragment, null,\r\n                                formData.houseNameNumber,\r\n                                \" \",\r\n                                formData.addressLine1,\r\n                                \",\",\r\n                                formData.addressLine2 && React.createElement(React.Fragment, null,\r\n                                    formData.addressLine2,\r\n                                    \", \"),\r\n                                formData.addressLine3,\r\n                                \" \",\r\n                                formData.postcode)))),\r\n                    React.createElement(Button, { buttonType: \"default\", disabled: status === 'pending', type: \"submit\" },\r\n                        React.createElement(\"span\", { \"data-hide-mobile\": \"true\" }, \"Finish and\"),\r\n                        \" Confirm\",\r\n                        ' ',\r\n                        React.createElement(\"span\", { \"data-hide-desktop\": \"true\" }, \"your\"),\r\n                        \" design visit\"))),\r\n                result.status === 'loading' || status === 'pending' ? (React.createElement(LoadingIndicator, { bgColor: rgba(brand.green, 0.7), fgColor: brand.white, label: `${status === 'pending' ? 'Submitting Request' : 'Checking availability'}…`, layout: \"absolute\" })) : null))));\r\n    function isStep1Valid() {\r\n        if (formData.postcode && formData.type.length > 0) {\r\n            return true;\r\n        }\r\n        return false;\r\n    }\r\n    function isStep1Complete() {\r\n        if (formData.postcode &&\r\n            formData.type.length > 0 &&\r\n            result.status === 'complete' &&\r\n            result.data) {\r\n            return true;\r\n        }\r\n        return false;\r\n    }\r\n    function isStep2Complete() {\r\n        if (formData.timeslot) {\r\n            return true;\r\n        }\r\n        return false;\r\n    }\r\n    async function handleManualPostcode() {\r\n        const result = await trigger('postcode');\r\n        if (!result) {\r\n            setIsManualPostcodeValid(false);\r\n            return;\r\n        }\r\n        setIsManualPostcodeValid(true);\r\n    }\r\n    function commaSeparatedString(items) {\r\n        if (!items) {\r\n            return '';\r\n        }\r\n        return items.reduce((a, b, i, array) => a + (i < array.length - 1 ? ', ' : ' and ') + b);\r\n    }\r\n};\r\nexport default BookAFreeDesignVisitForm;\r\n","import brand from '@helpers/brand';\r\nimport { fluid } from '@helpers/fluid';\r\nimport scrollbars from '@helpers/scrollbars';\r\nimport { paragraphSmall } from '@helpers/typography';\r\nimport SectionWrapper from '@stories/Components/SectionWrapper/SectionWrapper';\r\nimport styled from 'styled-components';\r\nconst Container = styled(SectionWrapper) `\r\n  &[data-background='beige'] {\r\n    background-color: ${brand.beige};\r\n\r\n    &[data-spacing-below='true'] {\r\n      padding-bottom: var(--sectionSpacing);\r\n    }\r\n  }\r\n\r\n  &[data-background='white'] {\r\n    background-color: ${brand.white};\r\n\r\n    &[data-spacing-below='true'] {\r\n      margin-bottom: var(--sectionSpacing);\r\n    }\r\n  }\r\n\r\n  @media print {\r\n    display: none;\r\n  }\r\n`;\r\nconst List = styled.ul `\r\n  overflow: auto;\r\n  white-space: nowrap;\r\n\r\n  ${scrollbars};\r\n`;\r\nconst Item = styled.li `\r\n  ${paragraphSmall};\r\n\r\n  line-height: ${fluid(52, 52)};\r\n  display: inline-block;\r\n  margin: 0 8px 0 0;\r\n\r\n  &::after {\r\n    content: '\\\\003E';\r\n    margin-left: 8px;\r\n  }\r\n\r\n  &:last-child {\r\n    &::after {\r\n      display: none;\r\n    }\r\n  }\r\n`;\r\nconst ItemLink = styled.a `\r\n  color: ${brand.black};\r\n  text-decoration: none;\r\n  text-underline-position: under;\r\n\r\n  &[aria-current='location'],\r\n  &:hover {\r\n    text-decoration: underline;\r\n  }\r\n`;\r\nconst BreadcrumbStyles = {\r\n    Container,\r\n    List,\r\n    Item,\r\n    ItemLink,\r\n};\r\nexport default BreadcrumbStyles;\r\n","import * as React from 'react';\r\nimport S from './Breadcrumb.styles';\r\nexport var BackgroundValues;\r\n(function (BackgroundValues) {\r\n    BackgroundValues[\"Beige\"] = \"beige\";\r\n    BackgroundValues[\"White\"] = \"white\";\r\n})(BackgroundValues || (BackgroundValues = {}));\r\nconst Breadcrumb = ({ background, items, spacingBelow = true }) => {\r\n    return (React.createElement(S.Container, { \"data-background\": background && background !== '' ? background : BackgroundValues.White, \"data-spacing-below\": spacingBelow },\r\n        React.createElement(S.List, { \"aria-label\": \"breadcrumb\" }, items.map((item, i) => (React.createElement(S.Item, { key: `breadcrumb-${i}` },\r\n            React.createElement(S.ItemLink, { href: item.url, title: item.text, \"aria-current\": i === items.length - 1 ? 'location' : undefined }, item.text)))))));\r\n};\r\nexport default Breadcrumb;\r\n","/**\r\n * The various major z-index layers, adjust with caution and leave space between to add to later.\r\n */\r\nexport const Layers = {\r\n    HeaderBackdrop: 90,\r\n    Header: 100,\r\n    ModalBackdrop: 990,\r\n    Modal: 1000,\r\n    Popup: 1001,\r\n};\r\n","import { css } from 'styled-components';\r\nimport brand from './brand';\r\nconst scrollBarStyles = css `\r\n  &::-webkit-scrollbar-track {\r\n    background-color: ${brand.beige};\r\n  }\r\n\r\n  &::-webkit-scrollbar {\r\n    background-color: ${brand.beige};\r\n    height: 6px;\r\n    width: 6px;\r\n  }\r\n\r\n  &::-webkit-scrollbar-thumb {\r\n    background-color: ${brand.green};\r\n    border-radius: 0;\r\n    cursor: pointer;\r\n  }\r\n`;\r\n/* For areas where scrollbar styles should always be used (eg. Moments Magazine issues list) */\r\nexport const scrollBarsAll = scrollBarStyles;\r\nexport default css `\r\n  /* @note: This is an attempt to use default scrollbars on touch devices */\r\n  @media (hover: hover) or (pointer: fine) {\r\n    ${scrollBarStyles};\r\n  }\r\n`;\r\n","var _path;\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nimport * as React from \"react\";\n\nfunction SvgClose(props) {\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    xmlns: \"http://www.w3.org/2000/svg\",\n    viewBox: \"0 0 14 14.001\"\n  }, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n    fill: \"currentColor\",\n    d: \"M6.97 5.315c.231-.216.431-.4.621-.585q2.007-2 4.012-4.009a4.371 4.371 0 01.542-.5 1.149 1.149 0 011.5.125 1.117 1.117 0 01.119 1.5 4.5 4.5 0 01-.5.542q-2 2.007-4.009 4.012c-.19.191-.371.392-.591.624.214.228.393.429.584.619l3.949 3.955a4.385 4.385 0 01.5.543 1.166 1.166 0 01-.086 1.442 1.119 1.119 0 01-1.49.186 3.843 3.843 0 01-.546-.494q-1.977-1.977-3.949-3.957c-.192-.194-.346-.424-.548-.675-.277.248-.464.4-.633.569q-2.038 2.03-4.071 4.067a4.95 4.95 0 01-.478.451 1.144 1.144 0 01-1.565-.08 1.189 1.189 0 01-.066-1.575 5.142 5.142 0 01.457-.473c1.317-1.318 2.631-2.638 3.955-3.949a7.783 7.783 0 01.676-.535c-.258-.288-.408-.472-.575-.641Q2.748 4.439.712 2.406a3.724 3.724 0 01-.492-.548A1.151 1.151 0 011.787.247a3.405 3.405 0 01.552.488q2.009 2 4.012 4.008c.19.189.393.364.619.572z\",\n    fillRule: \"evenodd\"\n  })));\n}\n\nexport default __webpack_public_path__ + \"a737beca367534378f0194a23b96db71.svg\";\nexport { SvgClose as ReactComponent };","import * as React from 'react';\r\nimport { useFirstMountState } from 'react-use';\r\nexport function useApi(params) {\r\n    const refAbortController = React.useRef();\r\n    const isFirstMount = useFirstMountState();\r\n    const [data, setData] = React.useState(params.initialData);\r\n    const [status, setStatus] = React.useState('initial');\r\n    const clear = () => {\r\n        setData(undefined);\r\n    };\r\n    React.useEffect(() => {\r\n        // Ignore first mount if initial data is supplied.\r\n        if (isFirstMount && params.initialData) {\r\n            return;\r\n        }\r\n        // Ignore if validate is supplied and returns false.\r\n        if (params.validate && !params.validate()) {\r\n            return;\r\n        }\r\n        // Setup abortable fetch.\r\n        refAbortController.current = new AbortController();\r\n        const signal = refAbortController.current.signal;\r\n        // Trigger fetch with abort signal.\r\n        doAsync(signal);\r\n        return () => {\r\n            // Abort pending request if re-fetching.\r\n            refAbortController.current?.abort();\r\n        };\r\n        async function doAsync(signal) {\r\n            setStatus('loading');\r\n            const res = await fetch(params.url, {\r\n                cache: 'no-cache',\r\n                credentials: 'same-origin',\r\n                headers: {\r\n                    Accept: 'application/json',\r\n                },\r\n                method: 'get',\r\n                signal,\r\n            });\r\n            const resData = await res.json();\r\n            setData(resData);\r\n            setStatus('complete');\r\n        }\r\n    }, [params.url]);\r\n    return { clear, data, status };\r\n}\r\n","import noop from 'lodash/noop';\r\nimport * as React from 'react';\r\nconst ModalContext = React.createContext({\r\n    closeOnBackground: false,\r\n    showBackground: false,\r\n    showClose: false,\r\n    onClose: noop,\r\n});\r\nexport const useModal = () => React.useContext(ModalContext);\r\nexport const ModalProvider = (props) => {\r\n    return React.createElement(ModalContext.Provider, { value: props }, props.children);\r\n};\r\n","import styled from 'styled-components';\r\nconst Background = styled.div `\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  display: block;\r\n  background: var(--tintColor);\r\n  height: 100%;\r\n  width: 100%;\r\n\r\n  &[data-close='true'] {\r\n    cursor: zoom-out;\r\n  }\r\n`;\r\nconst BackgroundStyles = {\r\n    Background,\r\n};\r\nexport default BackgroundStyles;\r\n","import * as React from 'react';\r\nimport { useModal } from '../Context/Context';\r\nimport S from './Background.styles';\r\nconst Background = () => {\r\n    const modal = useModal();\r\n    return (React.createElement(S.Background, { \"data-close\": modal.closeOnBackground, \"aria-hidden\": true, onClick: modal.closeOnBackground\r\n            ? (event) => {\r\n                event.preventDefault();\r\n                modal.onClose();\r\n            }\r\n            : undefined }));\r\n};\r\nexport default Background;\r\n","import { ButtonReset } from '@helpers/global';\r\nimport { Device, from } from '@helpers/media';\r\nimport styled from 'styled-components';\r\nconst Button = styled.button `\r\n  ${ButtonReset}\r\n\r\n  position: fixed;\r\n  top: 0;\r\n  right: 0;\r\n  display: grid;\r\n  background: var(--bgColor);\r\n  color: var(--fgColor);\r\n  height: var(--buttonSize);\r\n  place-content: center;\r\n  place-items: center;\r\n  width: var(--buttonSize);\r\n  z-index: 1;\r\n  transform: translate(-50%, 50%);\r\n\r\n  svg {\r\n    display: block;\r\n    height: 100%;\r\n    width: 100%;\r\n  }\r\n\r\n  &.focus-ring {\r\n    outline: auto;\r\n  }\r\n\r\n  @media ${from(Device.TabletLarge)} {\r\n    position: absolute;\r\n    transform: translateY(-150%);\r\n  }\r\n`;\r\nconst CloseStyles = {\r\n    Button,\r\n};\r\nexport default CloseStyles;\r\n","import { ReactComponent as SvgClose } from '@img/icons/close.svg';\r\nimport { FocusRing } from '@react-aria/focus';\r\nimport * as React from 'react';\r\nimport { useModal } from '../Context/Context';\r\nimport S from './Close.styles';\r\nconst Close = () => {\r\n    const modal = useModal();\r\n    return (React.createElement(FocusRing, { focusRingClass: \"focus-ring\" },\r\n        React.createElement(S.Button, { type: \"button\", \"aria-label\": \"Close\", onClick: (event) => {\r\n                event.preventDefault();\r\n                modal.onClose();\r\n            } },\r\n            React.createElement(SvgClose, null))));\r\n};\r\nexport default Close;\r\n","import brand from '@helpers/brand';\r\nimport { fluid } from '@helpers/fluid';\r\nimport { Layers } from '@helpers/layers';\r\nimport { Device, from } from '@helpers/media';\r\nimport styled from 'styled-components';\r\nconst Container = styled.section `\r\n  --bgColor: transparent;\r\n  --fgColor: ${brand.white};\r\n  --tintColor: rgba(0, 0, 0, 0.7);\r\n  --buttonSize: ${fluid(18, 35)};\r\n  --gutter: 75px;\r\n\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  display: grid;\r\n  color: var(--fgColor);\r\n  height: 100%;\r\n  place-content: center;\r\n  place-items: center;\r\n  width: 100%;\r\n  z-index: ${Layers.Modal};\r\n\r\n  &[data-open='false'] {\r\n    display: none;\r\n  }\r\n`;\r\nconst Inner = styled.div `\r\n  position: relative;\r\n\r\n  @media ${from(Device.TabletLarge)} {\r\n    margin: var(--gutter) 0;\r\n\r\n    > video,\r\n    > img {\r\n      max-height: calc(100vh - (var(--gutter) * 2));\r\n    }\r\n  }\r\n`;\r\nconst ModalStyles = {\r\n    Container,\r\n    Inner,\r\n};\r\nexport default ModalStyles;\r\n","import { isSSR } from '@helpers/ssr';\r\nimport { FocusScope } from '@react-aria/focus';\r\nimport * as React from 'react';\r\nimport * as ReactDOM from 'react-dom';\r\nimport Background from './Background/Background';\r\nimport Close from './Close/Close';\r\nimport { ModalProvider } from './Context/Context';\r\nimport S from './Modal.styles';\r\nconst Modal = (props) => {\r\n    if (isSSR() || !props.isOpen) {\r\n        return null;\r\n    }\r\n    // Use #root if available, otherwise fallback to body.\r\n    const portalContainer = document.getElementById('root') ?? document.body;\r\n    const portalContent = (React.createElement(ModalProvider, { closeOnBackground: props.closeOnBackground, showBackground: props.showBackground, showClose: props.showClose, onClose: props.onClose },\r\n        React.createElement(FocusScope, { autoFocus: true, contain: true, restoreFocus: true },\r\n            React.createElement(S.Container, { id: props.id, role: \"dialog\", \"aria-label\": props.ariaLabel, \"aria-modal\": \"true\", onKeyDown: (event) => {\r\n                    if (event.key === 'Escape') {\r\n                        props.onClose();\r\n                    }\r\n                } },\r\n                props.showBackground && React.createElement(Background, null),\r\n                React.createElement(S.Inner, null,\r\n                    props.children,\r\n                    props.showClose && React.createElement(Close, null))))));\r\n    return ReactDOM.createPortal(portalContent, portalContainer);\r\n};\r\nexport default Modal;\r\n"],"sourceRoot":""}