{"version":3,"sources":["webpack:///./src/img/icons/chevron-down.svg","webpack:///./src/stories/Components/Global/Accordion/Accordion.styles.ts","webpack:///./src/stories/Components/Global/Accordion/Accordion.tsx","webpack:///./src/stories/Widgets/FAQs/FAQs.styles.ts","webpack:///./src/stories/Widgets/FAQs/FAQs.tsx","webpack:///./src/hoc/withMotion.tsx","webpack:///./src/stories/Components/Global/Typography/Heading.tsx"],"names":["_path","_extends","Object","assign","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","this","SvgChevronDown","props","xmlns","viewBox","d","fill","stroke","strokeWidth","Container","styled","section","setCssVar","brand","black","greyLight","hortHouse","greyMid","ItemContainer","m","div","cssVar","from","Device","TabletLarge","ItemHeader","button","ItemTitle","span","fonts","sourceSansPro","semiBold","Tablet","ItemClose","ItemCloseArea","ItemChevron","SvgChevron","ItemContent","ItemContentInner","ParagraphStyles","LargeStyles","regular","UnorderedListStyles","LiStyles","AccordionItem","active","content","title","onClick","React","createElement","AccordionStyles","animate","initial","variants","open","rotate","closed","height","dangerouslySetInnerHTML","__html","Accordion","defaultId","items","activeId","setActiveId","useState","map","item","id","Wrapper","SectionWrapper","greyVeryLight","grey","htaRebrand","green","Inner","DesktopSmall","Title","Heading","until","Categories","nav","CategoriesTitle","Category","css","CategoryIcon","img","CategoryText","withMotion","categories","isFirstOpen","selectedCategory","setSelectedCategory","filtered","filter","includes","FAQsStyles","SiteWide","semantic","visual","Fragment","undefined","event","preventDefault","category","name","answer","question","WrappedComponent","displayName","ComponentWithMotion","LazyMotion","features","domAnimation","strict","children","className","s","as"],"mappings":"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","file":"FAQs-17a48c63e80443555f31.js","sourcesContent":["var _path;\n\nfunction _extends() { _extends = Object.assign || 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 SvgChevronDown(props) {\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    xmlns: \"http://www.w3.org/2000/svg\",\n    viewBox: \"0 0 15.735 9.281\"\n  }, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M.707.707l7.16 7.16 7.16-7.16\",\n    fill: \"none\",\n    stroke: \"currentColor\",\n    strokeWidth: 2\n  })));\n}\n\nexport default __webpack_public_path__ + \"67a97ff9b5bd0067c6fb56a9dd42fe63.svg\";\nexport { SvgChevronDown as ReactComponent };","import brand from '@helpers/brand';\r\nimport { cssVar, setCssVar } from '@helpers/cssVar';\r\nimport fonts from '@helpers/fonts';\r\nimport { Device, from } from '@helpers/media';\r\nimport { ReactComponent as SvgChevron } from '@img/icons/chevron-down.svg';\r\nimport { m } from 'framer-motion';\r\nimport styled from 'styled-components';\r\nimport ParagraphStyles from '../Typography/Paragraph.styles';\r\nimport UnorderedListStyles from '../Typography/UnorderedList.styles';\r\nconst Container = styled.section `\r\n  ${setCssVar('fgColor', brand.black)};\r\n  ${setCssVar('fgColorAlt', brand.greyLight)};\r\n\r\n  .theme-hh & {\r\n    ${setCssVar('fgColor', brand.black)};\r\n    ${setCssVar('fgColorAlt', brand.hortHouse.greyMid)};\r\n  }\r\n`;\r\nconst ItemContainer = styled(m.div) `\r\n  border-bottom: 1px solid ${cssVar('fgColorAlt')};\r\n  padding: 20px 0;\r\n\r\n  @media ${from(Device.TabletLarge)} {\r\n    padding: 25px 0;\r\n  }\r\n`;\r\nconst ItemHeader = styled(m.button) `\r\n  position: relative;\r\n  display: block;\r\n  background: none;\r\n  border: 0;\r\n  flex-direction: row;\r\n  margin: 0;\r\n  padding: 0 40px 0 0;\r\n  text-align: left;\r\n  width: 100%;\r\n`;\r\nconst ItemTitle = styled.span `\r\n  position: relative;\r\n  ${fonts.sourceSansPro.semiBold};\r\n  font-size: 18px;\r\n  letter-spacing: 0.01em;\r\n  line-height: 24px;\r\n\r\n  @media ${from(Device.Tablet)} {\r\n    font-size: 22px;\r\n    line-height: 32px;\r\n  }\r\n\r\n  @media ${from(Device.TabletLarge)} {\r\n    font-size: 24px;\r\n    line-height: 34px;\r\n  }\r\n`;\r\nconst ItemClose = styled(m.span) `\r\n  position: absolute;\r\n  top: 50%;\r\n  right: 0;\r\n  display: grid;\r\n  height: 30px;\r\n  place-content: center;\r\n  place-items: center;\r\n  transform: translate3d(0, -50%, 0);\r\n  width: 30px;\r\n`;\r\nconst ItemCloseArea = styled(m.span) `\r\n  display: block;\r\n  grid-area: 1 / 1;\r\n  transform: translate3d(0, 0, -1px);\r\n  transform-origin: center center;\r\n`;\r\nconst ItemChevron = styled(SvgChevron) `\r\n  height: 10px;\r\n  width: 21px;\r\n`;\r\nconst ItemContent = styled(m.div) `\r\n  overflow: hidden;\r\n`;\r\nconst ItemContentInner = styled(m.div) `\r\n  ${ParagraphStyles.LargeStyles};\r\n  max-width: 860px;\r\n  padding: 26px 48px 0 0;\r\n  font-size: 21px;\r\n\r\n  @media ${from(Device.Tablet)} {\r\n    padding: 26px 0 0;\r\n  }\r\n\r\n  a {\r\n    ${fonts.sourceSansPro.regular};\r\n    color: ${cssVar('fgColor')};\r\n    text-decoration: none;\r\n\r\n    &:hover {\r\n      text-decoration: underline;\r\n    }\r\n  }\r\n\r\n  p {\r\n    font-size: 16px;\r\n    line-height: 26px;\r\n    margin-bottom: 15px;\r\n\r\n    @media ${from(Device.Tablet)} {\r\n      font-size: 22px;\r\n      line-height: 28px;\r\n    }\r\n\r\n    &:last-child {\r\n      margin-bottom: 0;\r\n    }\r\n  }\r\n\r\n  ul {\r\n    padding-left: 0;\r\n    list-style: none;\r\n\r\n    li {\r\n      ${UnorderedListStyles.LiStyles}\r\n    }\r\n  }\r\n`;\r\nexport default {\r\n    Container,\r\n    ItemClose,\r\n    ItemCloseArea,\r\n    ItemChevron,\r\n    ItemContainer,\r\n    ItemContent,\r\n    ItemContentInner,\r\n    ItemHeader,\r\n    ItemTitle,\r\n};\r\n","import React, { useState } from 'react';\r\nimport AccordionStyles from './Accordion.styles';\r\nconst AccordionItem = ({ active, content, title, onClick }) => {\r\n    return (React.createElement(AccordionStyles.ItemContainer, { animate: active ? 'open' : 'closed', initial: active ? 'open' : 'closed' },\r\n        React.createElement(AccordionStyles.ItemHeader, { onClick: onClick },\r\n            React.createElement(AccordionStyles.ItemTitle, null, title),\r\n            React.createElement(AccordionStyles.ItemClose, null,\r\n                React.createElement(AccordionStyles.ItemCloseArea, { variants: {\r\n                        open: {\r\n                            rotate: '180deg',\r\n                        },\r\n                        closed: {\r\n                            rotate: '0deg',\r\n                        },\r\n                    } },\r\n                    React.createElement(AccordionStyles.ItemChevron, null)))),\r\n        React.createElement(AccordionStyles.ItemContent, { variants: {\r\n                open: {\r\n                    height: 'auto',\r\n                },\r\n                closed: {\r\n                    height: 0,\r\n                },\r\n            } },\r\n            React.createElement(AccordionStyles.ItemContentInner, { dangerouslySetInnerHTML: { __html: content ?? '' } }))));\r\n};\r\nconst Accordion = ({ defaultId = '', items }) => {\r\n    const [activeId, setActiveId] = useState(defaultId);\r\n    return (React.createElement(AccordionStyles.Container, null, items?.map((item) => (React.createElement(AccordionItem, { key: item.id, ...item, active: activeId === item.id, onClick: () => {\r\n            if (activeId === item.id) {\r\n                setActiveId('');\r\n            }\r\n            else {\r\n                setActiveId(item.id ?? '');\r\n            }\r\n        } })))));\r\n};\r\nexport { Accordion, AccordionItem };\r\n","import fonts from '@helpers/fonts';\r\nimport { Device, from, until } from '@helpers/media';\r\nimport SectionWrapper from '@stories/Components/SectionWrapper/SectionWrapper';\r\nimport Heading from '@stories/Components/Global/Typography/Heading';\r\nimport styled, { css } from 'styled-components';\r\nimport brand from '@helpers/brand';\r\nimport { cssVar, setCssVar } from '@helpers/cssVar';\r\nconst Wrapper = styled(SectionWrapper) ``;\r\nconst Container = styled.div `\r\n  ${setCssVar('bgColor', brand.greyVeryLight)};\r\n  ${setCssVar('fgColor', brand.grey)};\r\n  ${setCssVar('fgColorAlt', brand.htaRebrand.green)};\r\n\r\n  display: grid;\r\n  grid-template-columns: repeat(12, 1fr);\r\n  gap: 15px;\r\n  margin: 0 auto;\r\n  background-color: ${cssVar('bgColor')};\r\n  border-radius: 24px;\r\n  padding: 20px 15px;\r\n\r\n  @media ${from(Device.TabletLarge)} {\r\n    gap: 30px;\r\n    padding: 80px 0;\r\n  }\r\n\r\n  .theme-hh & {\r\n    ${setCssVar('bgColor', brand.greyVeryLight)};\r\n    ${setCssVar('fgColor', brand.grey)};\r\n    ${setCssVar('fgColorAlt', brand.hortHouse.green)};\r\n  }\r\n`;\r\nconst Inner = styled.div `\r\n  grid-column: 1 / span 12;\r\n\r\n  @media ${from(Device.Tablet)} {\r\n    grid-column: 2 / span 10;\r\n  }\r\n\r\n  @media ${from(Device.DesktopSmall)} {\r\n    grid-column: 4 / span 6;\r\n  }\r\n`;\r\nconst Title = styled(Heading) `\r\n  margin-bottom: 20px;\r\n  color: ${cssVar('fgColorAlt')};\r\n\r\n  @media ${until(Device.Tablet)} {\r\n    font-size: 25px;\r\n    line-height: 35px;\r\n  }\r\n`;\r\nconst Categories = styled.nav `\r\n  display: flex;\r\n  gap: 10px;\r\n  margin: 0 0 1px;\r\n  overflow-x: auto;\r\n\r\n  @media ${from(Device.Tablet)} {\r\n    gap: 24px;\r\n    margin: 20px 0;\r\n  }\r\n`;\r\nconst CategoriesTitle = styled(Heading) ``;\r\nconst Category = styled.button `\r\n  ${fonts.sourceSansPro.regular};\r\n  color: ${cssVar('fgColor')};\r\n  display: flex;\r\n  border: 0;\r\n  background: transparent;\r\n  font-size: 16px;\r\n  letter-spacing: 0.02em;\r\n  line-height: 18px;\r\n  text-transform: uppercase;\r\n\r\n  @media ${from(Device.Tablet)} {\r\n    font-size: 18px;\r\n    line-height: 22px;\r\n    padding: 0;\r\n  }\r\n\r\n  &:focus {\r\n    outline: none;\r\n  }\r\n\r\n  &:focus,\r\n  &:hover {\r\n    text-decoration: underline;\r\n  }\r\n\r\n  ${({ active }) => active &&\r\n    css `\r\n      text-decoration: underline;\r\n    `}\r\n`;\r\nconst CategoryIcon = styled.img `\r\n  display: block;\r\n  height: 32px;\r\n  margin-bottom: 16px;\r\n  width: 32px;\r\n`;\r\nconst CategoryText = styled.span `\r\n  display: block;\r\n`;\r\nexport default {\r\n    Categories,\r\n    CategoriesTitle,\r\n    Category,\r\n    CategoryIcon,\r\n    CategoryText,\r\n    Container,\r\n    Inner,\r\n    Title,\r\n    Wrapper,\r\n};\r\n","import { withMotion } from '@hoc/withMotion';\r\nimport { Accordion } from '@stories/Components/Global/Accordion/Accordion';\r\nimport SiteWide from '@stories/Components/Global/SiteWide/SiteWide';\r\nimport React, { Fragment, useState } from 'react';\r\nimport FAQsStyles from './FAQs.styles';\r\nconst FAQs = ({ categories, items, isFirstOpen, title }) => {\r\n    const [selectedCategory, setSelectedCategory] = useState();\r\n    if (!items?.length) {\r\n        return null;\r\n    }\r\n    const filtered = items.filter((item) => !selectedCategory || item.categories.includes(selectedCategory));\r\n    return (React.createElement(FAQsStyles.Wrapper, null,\r\n        React.createElement(SiteWide, null,\r\n            React.createElement(FAQsStyles.Container, { id: \"faqs\" },\r\n                React.createElement(FAQsStyles.Inner, null,\r\n                    title && (React.createElement(FAQsStyles.Title, { semantic: \"h2\", visual: \"h3\" }, title)),\r\n                    !!categories?.length && (React.createElement(Fragment, null,\r\n                        React.createElement(FAQsStyles.Categories, null,\r\n                            React.createElement(FAQsStyles.Category, { active: selectedCategory === undefined, onClick: (event) => {\r\n                                    event.preventDefault();\r\n                                    setSelectedCategory(undefined);\r\n                                } },\r\n                                React.createElement(FAQsStyles.CategoryText, null, \"General\")),\r\n                            categories.map((category) => (React.createElement(FAQsStyles.Category, { key: category.id, active: selectedCategory === category.id, onClick: (event) => {\r\n                                    event.preventDefault();\r\n                                    setSelectedCategory(category.id);\r\n                                } },\r\n                                React.createElement(FAQsStyles.CategoryText, null, category.name))))))),\r\n                    React.createElement(Accordion, { key: selectedCategory, defaultId: isFirstOpen ? filtered[0]?.id : '', items: filtered.map((item) => ({\r\n                            id: item.id,\r\n                            content: item.answer,\r\n                            title: item.question,\r\n                        })) }))))));\r\n};\r\nexport default withMotion(FAQs);\r\n","import { domAnimation, LazyMotion } from 'framer-motion';\r\nimport React from 'react';\r\nexport function withMotion(WrappedComponent) {\r\n    const displayName = WrappedComponent.displayName || WrappedComponent.name || 'Component';\r\n    const ComponentWithMotion = (props) => {\r\n        return (React.createElement(LazyMotion, { features: domAnimation, strict: true },\r\n            React.createElement(WrappedComponent, { ...props })));\r\n    };\r\n    ComponentWithMotion.displayName = `withMotion(${displayName})`;\r\n    return ComponentWithMotion;\r\n}\r\n","import React from 'react';\r\nimport s from './Heading.styles';\r\nconst Heading = ({ children, className, semantic = 'h1', visual }) => {\r\n    return (React.createElement(s.Heading, { className: className, as: semantic, visual: visual }, children));\r\n};\r\nexport default Heading;\r\n"],"sourceRoot":""}