{"version":3,"file":"component---gatsby-theme-husky-src-templates-faq-page-faq-page-tsx-72be151e85c83beb6a73.js","mappings":"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","sources":["webpack://husky-site/../gatsby-theme-husky/src/common/ImageSection/ImageSection.tsx","webpack://husky-site/../gatsby-theme-husky/src/common/ImageWithText/ImageWithText.tsx","webpack://husky-site/../gatsby-theme-husky/src/common/QuoteSection/QuoteSection.tsx","webpack://husky-site/../gatsby-theme-husky/src/common/Video/Video.tsx","webpack://husky-site/../gatsby-theme-husky/src/components/AdditionalInfo/AdditionalInfo.tsx","webpack://husky-site/../gatsby-theme-husky/src/components/FaqItem/FaqAccordionItem/FaqAccordionItem.tsx","webpack://husky-site/../gatsby-theme-husky/src/components/FaqItem/FaqItem.tsx","webpack://husky-site/../gatsby-theme-husky/src/containers/FaqContainer/FaqContainer.tsx","webpack://husky-site/../gatsby-theme-husky/src/templates/FaqPage/FaqPage.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport classNames from 'classnames';\n\nimport Image from 'common/Image';\n\nimport './ImageSection.scss';\n\nconst ImageSection: FC<PageContent.ImageSection> = ({ mainImage, secondaryImage }) => (\n  <section\n    className={classNames('image-section', {\n      'image-section--dual-image': secondaryImage,\n    })}\n  >\n    <Image imageData={mainImage} alt={mainImage.altText} className=\"image-section__main-image\" />\n\n    {secondaryImage ? (\n      <Image\n        imageData={secondaryImage}\n        alt={secondaryImage.altText}\n        className=\"image-section__secondary-image\"\n      />\n    ) : null}\n  </section>\n);\n\nexport default ImageSection;\n","import React, { FC } from 'react';\n\nimport { DangerouslySetInnerHtml } from 'layout';\nimport Image from 'common/Image';\n\nimport './ImageWithText.scss';\n\nconst ImageWithText: FC<PageContent.ImageWithTextType> = ({ image, customText }) => (\n  <div className=\"image-with-text\" data-testid=\"imageWithText\">\n    <Image imageData={image} alt={image.altText} />\n    <DangerouslySetInnerHtml className=\"image-with-text__custom-text\" html={customText} />\n  </div>\n);\n\nexport default ImageWithText;\n","import React, { FC } from 'react';\n\nimport { DangerouslySetInnerHtml } from 'layout';\n\nimport './QuoteSection.scss';\n\nconst QuoteSection: FC<PageContent.QuoteSection> = ({ quote }) => (\n  <DangerouslySetInnerHtml html={quote} className=\"quote-section\" />\n);\n\nexport default QuoteSection;\n","import React, { FC, useCallback, useEffect, useState } from 'react';\n\nimport Image from 'common/Image';\n\nimport './Video.scss';\n\nconst Video: FC<PageContent.VideoType> = ({\n  coverImage,\n  videoUrl,\n  videoAlt,\n  playButtonAriaLabel,\n}) => {\n  const [isPlaying, setIsPlaying] = useState<boolean>(false);\n  const togglePlay = useCallback(() => setIsPlaying(!isPlaying), [isPlaying]);\n\n  useEffect(() => {\n    const onScroll = () => setIsPlaying(false);\n    window.addEventListener('scroll', onScroll);\n\n    return () => window.removeEventListener('scroll', onScroll);\n  }, []);\n\n  const youtubeId = videoUrl.slice(30);\n  const youtubeCoverImage = `url(https://img.youtube.com/vi/${youtubeId}/0.jpg)`;\n\n  return (\n    <div\n      className=\"video\"\n      style={{\n        backgroundImage: youtubeCoverImage,\n      }}\n      tabIndex={0}\n      onClick={togglePlay}\n      onKeyDown={togglePlay}\n      role=\"button\"\n      aria-label={playButtonAriaLabel}\n      data-testid=\"video\"\n    >\n      {isPlaying ? (\n        <iframe\n          title={videoAlt}\n          src={`${videoUrl}?autoplay=1`}\n          frameBorder=\"0\"\n          allowFullScreen\n          allow=\"autoplay\"\n          className=\"video__player\"\n          width=\"100%\"\n          height=\"100%\"\n        />\n      ) : (\n        <>\n          {coverImage ? (\n            <Image className=\"video__cover-image\" imageData={coverImage} alt={videoAlt} />\n          ) : null}\n          <button\n            aria-label={playButtonAriaLabel}\n            className=\"video__play-button\"\n            onClick={togglePlay}\n            type=\"button\"\n          >\n            <i className=\"fas fa-play\" />\n          </button>\n        </>\n      )}\n    </div>\n  );\n};\n\nexport default Video;\n","import React, { FC } from 'react';\nimport { navigate } from 'gatsby';\n\nimport { DangerouslySetInnerHtml } from 'layout';\nimport Button from 'common/Button';\nimport ImageSection from 'common/ImageSection';\nimport ImageWithText from 'common/ImageWithText';\nimport QuoteSection from 'common/QuoteSection';\nimport Video from 'common/Video';\n\nimport { AdditionalInfoProps } from './models';\n\nimport './AdditionalInfo.scss';\n\nconst AdditionalInfo: FC<AdditionalInfoProps> = ({ content, sectionTitle, isMainPageTitle }) => (\n  <div className=\"additional-info container\">\n    {sectionTitle ? (\n      <>\n        {isMainPageTitle ? (\n          <h1 className=\"additional-info__title\">{sectionTitle}</h1>\n        ) : (\n          <h2 className=\"additional-info__title\">{sectionTitle}</h2>\n        )}\n      </>\n    ) : null}\n    <div className=\"additional-info__content\">\n      {content?.map((item) => {\n        const { structure, button, rteText, image, video, mainImage, secondaryImage, quote } = item;\n\n        switch (structure) {\n          case 'Additional Info RTE':\n            return (\n              <DangerouslySetInnerHtml\n                key={rteText.text}\n                className=\"additional-info__rte\"\n                html={rteText.text}\n              />\n            );\n          case 'Additional Info Button':\n            return (\n              <Button\n                key={button.ariaLabel}\n                className=\"btn--sign-up\"\n                ariaLabel={button.ariaLabel}\n                backgroundColor={button.backgroundColor}\n                size={button.size}\n                type=\"button\"\n                onClick={() => navigate(button.link!.url)}\n                label={button.label}\n              />\n            );\n          case 'Additional Info Image':\n            return (\n              <ImageWithText\n                key={image.image.fallbackUrl}\n                image={image.image}\n                customText={image.customText}\n              />\n            );\n          case 'Additional Info Video':\n            return (\n              <Video\n                coverImage={video.coverImage}\n                videoUrl={video.videoUrl}\n                videoAlt={video.videoAlt}\n                playButtonAriaLabel={video.playButtonAriaLabel}\n              />\n            );\n          case 'Additional Info Images':\n            return <ImageSection mainImage={mainImage} secondaryImage={secondaryImage} />;\n          case 'Additional Info Quote':\n            return <QuoteSection quote={quote} />;\n          default:\n            return null;\n        }\n      })}\n    </div>\n  </div>\n);\n\nexport default AdditionalInfo;\n","import React from 'react';\nimport classNames from 'classnames';\n\nimport DangerouslySetInnerHtml from 'layout/DangerouslySetInnerHtml';\n\nimport './FaqAccordionItem.scss';\n\nconst FaqAccordionItem = ({\n  accordionQuestion,\n  accordionAnswer,\n  handleToggleAccordion,\n  isOpen,\n}: FaqPageTypes.FaqAccordionItemProps) => (\n  <div className=\"faq-accordion-item\" data-testid=\"faq-accordion-item\">\n    <div\n      className={classNames('faq-accordion-item__toggle', {\n        'faq-accordion-item__toggle--active': isOpen,\n      })}\n      role=\"button\"\n      tabIndex={0}\n      onClick={handleToggleAccordion}\n      onKeyDown={handleToggleAccordion}\n    >\n      <DangerouslySetInnerHtml html={accordionQuestion} className=\"faq-accordion-item__question\" />\n      {isOpen ? <i className=\"fas fa-times\" data-testid=\"fa-close\" /> : null}\n    </div>\n    {isOpen ? (\n      <div className=\"faq-accordion-item__content\">\n        <DangerouslySetInnerHtml html={accordionAnswer} className=\"faq-accordion-item__answer\" />\n      </div>\n    ) : null}\n  </div>\n);\n\nexport default FaqAccordionItem;\n","import React from 'react';\n\nimport FaqAccordionItem from './FaqAccordionItem';\n\nimport './FaqItem.scss';\n\nconst FaqItem = ({\n  faqTitle,\n  accordionItems,\n  faqItemId,\n  selectedItem,\n  handleToggleAccordion,\n}: FaqPageTypes.FaqItemType) => (\n  <div className=\"faq-item\" data-testid=\"faq-item\">\n    <h2 className=\"faq-item__title\">{faqTitle}</h2>\n    {accordionItems.map(\n      (\n        { accordionQuestion, accordionAnswer }: FaqPageTypes.AccordionItemType,\n        faqAccordionItemId: number\n      ) => (\n        <FaqAccordionItem\n          key={accordionQuestion}\n          handleToggleAccordion={() => handleToggleAccordion(`${faqAccordionItemId}${faqItemId}`)}\n          {...{\n            accordionQuestion,\n            accordionAnswer,\n            isOpen: `${faqAccordionItemId}${faqItemId}` === selectedItem,\n          }}\n        />\n      )\n    )}\n  </div>\n);\nexport default FaqItem;\n","import React, { useState } from 'react';\n\nimport FaqItem from 'components/FaqItem';\n\nconst FaqContainer = ({ faqItems }: FaqPageTypes.FaqContainerType) => {\n  const [selectedItem, setSelectedItem] = useState('');\n\n  const handleToggleAccordion = (activeItem: string) =>\n    setSelectedItem(selectedItem === activeItem ? '' : activeItem);\n\n  return (\n    <section className=\"faq-items-container container\" data-testid=\"faq-items-container\">\n      {faqItems.map(({ faqTitle, accordionItems }, id) => (\n        <FaqItem\n          key={faqTitle}\n          {...{ faqTitle, accordionItems, handleToggleAccordion, faqItemId: id, selectedItem }}\n        />\n      ))}\n    </section>\n  );\n};\n\nexport default FaqContainer;\n","import React, { FC } from 'react';\nimport { graphql } from 'gatsby';\n\nimport Layout from 'layout/Layout';\nimport Carousel from 'common/Carousel';\nimport PageSchema from 'common/PageSchema';\nimport Seo from 'common/Seo';\nimport FaqContainer from 'containers/FaqContainer';\nimport AdditionalInfo from 'components/AdditionalInfo';\nimport InfoBanner from 'components/InfoBanner';\n\nconst FaqPage: FC<FaqPageTypes.FaqPageProps> = ({\n  data: {\n    faqPage: { urls, seo, faqItems, infoBanner, mainCarousel, additionalInfo },\n  },\n}) => {\n  const { title, keywords, description } = seo;\n\n  return (\n    <Layout headerTransparent>\n      <Seo {...{ urls, seo }} />\n      <PageSchema\n        type=\"WebPage\"\n        name={title}\n        data={{\n          metaTitle: title,\n          metaDescription: description,\n          metaKeywords: keywords,\n        }}\n      />\n      {mainCarousel ? (\n        <Carousel\n          {...{\n            carouselImages: mainCarousel,\n            className: 'main-carousel',\n          }}\n        />\n      ) : null}\n      <AdditionalInfo {...{ ...additionalInfo }} />\n      <FaqContainer {...{ faqItems }} />\n      <InfoBanner {...{ infoBanner }} />\n    </Layout>\n  );\n};\n\nexport const query = graphql`\n  query FaqQuery($lang: String) {\n    faqPage(lang: { eq: $lang }) {\n      urls {\n        lang\n        href\n      }\n      seo {\n        ...SEOStructureFragment\n      }\n      faqItems {\n        faqTitle\n        accordionItems {\n          accordionAnswer\n          accordionQuestion\n        }\n      }\n      infoBanner {\n        ...InfoBannerTypeFragment\n      }\n      mainCarousel {\n        carouselItems {\n          ...CarouselItemsType\n        }\n      }\n      additionalInfo {\n        ...AdditionalInfoType\n      }\n    }\n  }\n`;\n\nexport default FaqPage;\n"],"names":["mainImage","secondaryImage","className","classNames","Image","imageData","alt","altText","image","customText","html","quote","coverImage","videoUrl","videoAlt","playButtonAriaLabel","useState","isPlaying","setIsPlaying","togglePlay","useCallback","useEffect","onScroll","window","addEventListener","removeEventListener","youtubeCoverImage","slice","style","backgroundImage","tabIndex","onClick","onKeyDown","role","title","src","frameBorder","allowFullScreen","allow","width","height","type","content","sectionTitle","isMainPageTitle","map","item","structure","button","rteText","video","key","text","Button","ariaLabel","backgroundColor","size","navigate","link","url","label","fallbackUrl","accordionQuestion","accordionAnswer","handleToggleAccordion","isOpen","DangerouslySetInnerHtml","faqTitle","accordionItems","faqItemId","selectedItem","faqAccordionItemId","faqItems","setSelectedItem","activeItem","id","data","faqPage","urls","seo","infoBanner","mainCarousel","additionalInfo","keywords","description","Layout","headerTransparent","Seo","PageSchema","name","metaTitle","metaDescription","metaKeywords","Carousel","carouselImages","AdditionalInfo","InfoBanner"],"sourceRoot":""}