{"version":3,"file":"component---gatsby-theme-husky-src-templates-info-page-info-page-tsx-f10a1eb186386a1d45e3.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/SignUpCards/SignUpCardsItem/SignUpCardsItem.tsx","webpack://husky-site/../gatsby-theme-husky/src/components/SignUpCards/SignUpCards.tsx","webpack://husky-site/../gatsby-theme-husky/src/components/InfoCard/Infocard.tsx","webpack://husky-site/../gatsby-theme-husky/src/containers/InfoCardsContainer/InfoCardsContainer.tsx","webpack://husky-site/../gatsby-theme-husky/src/templates/InfoPage/InfoPage.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, { FC } from 'react';\nimport { graphql, navigate } from 'gatsby';\nimport classNames from 'classnames';\n\nimport { DangerouslySetInnerHtml } from 'layout';\nimport Button from 'common/Button';\nimport Image from 'common/Image';\nimport SpeechBubble from 'components/SpeechBubble';\nimport { toBoolean } from 'utils/stringUtils/stringUtils';\n\nimport './SignUpCardsItem.scss';\n\nconst SignUpCardsItem: FC<PageContent.SignUpCardsItemType> = ({\n  image,\n  bubbleText,\n  customText,\n  title,\n  description,\n  button,\n  reverse,\n}) => {\n  const { ariaLabel, backgroundColor, size, label, link } = button || {};\n  const { url } = link || {};\n\n  return (\n    <div className=\"sign-up-cards-item\">\n      <div className=\"sign-up-cards-item__top-content\">\n        <Image className=\"sign-up-cards-item__image\" imageData={image} alt={image.altText} />\n        {bubbleText ? <SpeechBubble {...bubbleText} /> : null}\n        {customText ? (\n          <DangerouslySetInnerHtml className=\"sign-up-cards-item__custom-text\" html={customText} />\n        ) : null}\n      </div>\n      <div\n        className={classNames('sign-up-cards-item__bottom-content', {\n          'sign-up-cards-item__bottom-content__reverse': toBoolean(reverse),\n        })}\n      >\n        <div className=\"sign-up-cards-item__text\">\n          {title ? <h2 className=\"sign-up-cards-item__title\">{title}</h2> : null}\n          <DangerouslySetInnerHtml className=\"sign-up-cards-item__description\" html={description} />\n        </div>\n        <div className=\"sign-up-cards-item__button\">\n          {button ? (\n            <Button\n              className=\"btn--sign-up\"\n              ariaLabel={ariaLabel}\n              backgroundColor={backgroundColor}\n              size={size}\n              type=\"button\"\n              onClick={() => navigate(url!)}\n              label={label}\n            />\n          ) : null}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport const SignUpCardsItemType = graphql`\n  fragment SignUpCardsItemType on SignUpCardsItemType {\n    image {\n      ...UmbracoImage\n    }\n    customText\n    button {\n      ariaLabel\n      backgroundColor\n      label\n      link {\n        url\n      }\n      size\n    }\n    bubbleText {\n      text\n      image {\n        ...UmbracoImage\n      }\n      color {\n        value\n      }\n      isReversed\n      isCardMode\n    }\n    title\n    description\n    button {\n      ariaLabel\n      backgroundColor\n      label\n      link {\n        url\n      }\n      size\n    }\n    reverse\n  }\n`;\n\nexport default SignUpCardsItem;\n","import React, { FC } from 'react';\n\nimport { SignUpCardsProps } from './models';\nimport SignUpCardsItem from './SignUpCardsItem';\n\nimport './SignUpCards.scss';\n\nconst SignUpCards: FC<SignUpCardsProps> = ({ cards: { sectionTitle, cardsList } }) => (\n  <div className=\"sign-up-cards\" data-testid=\"signUpCards\">\n    {sectionTitle ? <h2 className=\"sign-up-cards__section-title\">{sectionTitle}</h2> : null}\n    {cardsList.map((SignUpCardsItemProps: PageContent.SignUpCardsItemType) => (\n      <SignUpCardsItem key={SignUpCardsItemProps.title} {...SignUpCardsItemProps} />\n    ))}\n  </div>\n);\n\nexport default SignUpCards;\n","import React from 'react';\nimport classNames from 'classnames';\n\nimport { DangerouslySetInnerHtml } from 'layout';\n\nimport './Infocard.scss';\n\nconst Infocard = ({\n  infoCardTitle,\n  infoCardDescription,\n  infoCardType,\n  infoCardList,\n}: InfoPageTypes.InfoCardType) => (\n  <div\n    className={classNames('info-card', {\n      [`info-card--${infoCardType}`]: infoCardType,\n    })}\n    data-testid=\"info-card\"\n  >\n    <h2 className=\"info-card__title\">{infoCardTitle}</h2>\n    <h3 className=\"info-card__description\">{infoCardDescription}</h3>\n    <ul className=\"info-card__list\">\n      {infoCardList.map(({ infoCardListItem }: InfoPageTypes.InfoCardListItemType) => (\n        <li className=\"info-card__list-item\" key={infoCardListItem}>\n          <DangerouslySetInnerHtml\n            html={infoCardListItem}\n            className=\"info-card__list-item-content\"\n          />\n        </li>\n      ))}\n    </ul>\n  </div>\n);\nexport default Infocard;\n","import React from 'react';\nimport classNames from 'classnames';\n\nimport Infocard from 'components/InfoCard';\n\nimport './InfoCardsContainer.scss';\n\nconst InfoCardsContainer = ({ infoCards }: InfoPageTypes.InfoCardsContainerProps) => (\n  <section\n    className={classNames('container info-cards-container', {\n      'info-cards-container--two-columns': infoCards.length === 2,\n    })}\n    data-testid=\"info-cards-container\"\n  >\n    {infoCards.map(({ infoCardTitle, infoCardDescription, infoCardList, infoCardType }) => (\n      <Infocard\n        key={infoCardTitle}\n        {...{ infoCardTitle, infoCardDescription, infoCardType, infoCardList }}\n      />\n    ))}\n  </section>\n);\n\nexport default InfoCardsContainer;\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 InfoCardsContainer from 'containers/InfoCardsContainer';\nimport AdditionalInfo from 'components/AdditionalInfo';\nimport InfoBanner from 'components/InfoBanner';\nimport SignUpCards from 'components/SignUpCards';\n\nimport './InfoPage.scss';\n\nconst InfoPage: FC<InfoPageTypes.InfoPageProps> = ({\n  data: {\n    infoPage: {\n      urls,\n      seo,\n      infoCards,\n      infoBanner,\n      additionalInfo,\n      mainCarousel,\n      signUpCards,\n      secondAdditionalInfo,\n      thirdAdditionalInfo,\n    },\n  },\n}) => {\n  const { title, keywords, description } = seo;\n\n  return (\n    <Layout className=\"info-page\" 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 {...{ ...additionalInfo }} /> : null}\n      {infoCards ? <InfoCardsContainer {...{ infoCards }} /> : null}\n      {additionalInfo ? <AdditionalInfo {...{ ...secondAdditionalInfo }} /> : null}\n      {signUpCards ? <SignUpCards {...{ cards: signUpCards }} /> : null}\n      {additionalInfo ? <AdditionalInfo {...{ ...thirdAdditionalInfo }} /> : null}\n      <InfoBanner {...{ infoBanner }} />\n    </Layout>\n  );\n};\n\nexport const query = graphql`\n  query InfoQuery($lang: String, $id: String) {\n    infoPage(lang: { eq: $lang }, id: { eq: $id }) {\n      urls {\n        lang\n        href\n      }\n      seo {\n        ...SEOStructureFragment\n      }\n      infoCards {\n        infoCardDescription\n        infoCardType\n        infoCardTitle\n        infoCardList {\n          infoCardListItem\n        }\n      }\n      infoBanner {\n        ...InfoBannerTypeFragment\n      }\n      mainCarousel {\n        carouselItems {\n          ...CarouselItemsType\n        }\n      }\n      additionalInfo {\n        ...AdditionalInfoType\n      }\n      signUpCards {\n        sectionTitle\n        cardsList {\n          ...SignUpCardsItemType\n        }\n      }\n      secondAdditionalInfo {\n        ...AdditionalInfoType\n      }\n      thirdAdditionalInfo {\n        ...AdditionalInfoType\n      }\n    }\n  }\n`;\n\nexport default InfoPage;\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","bubbleText","description","reverse","SpeechBubble","toBoolean","cards","cardsList","SignUpCardsItemProps","infoCardTitle","infoCardDescription","infoCardType","infoCardList","infoCardListItem","infoCards","length","data","infoPage","urls","seo","infoBanner","additionalInfo","mainCarousel","signUpCards","secondAdditionalInfo","thirdAdditionalInfo","keywords","Layout","headerTransparent","Seo","PageSchema","name","metaTitle","metaDescription","metaKeywords","Carousel","carouselImages","AdditionalInfo","SignUpCards","InfoBanner"],"sourceRoot":""}