{"version":3,"file":"component---gatsby-theme-husky-src-templates-partners-page-partners-page-tsx-89667b00b0a389f5521f.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/common/ScrollCarousel/ScrollCarousel.tsx","webpack://husky-site/../gatsby-theme-husky/src/templates/PartnersPage/PartnersPage.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, useRef } from 'react';\nimport { graphql, Link } from 'gatsby';\nimport classNames from 'classnames';\n\nimport Image from 'common/Image';\n\nimport { ScrollCarouselProps } from './models';\n\nimport './scrollCarousel.scss';\n\nconst ScrollCarousel: FC<ScrollCarouselProps> = ({\n  carouselImages: { carouselItems },\n  className,\n}) => {\n  const carousel = useRef<HTMLDivElement>(null);\n  const carouselItem = useRef<HTMLDivElement>(null);\n\n  const scrollToNextPage = () => {\n    const scrollerSize = carouselItem.current!.clientWidth;\n\n    carousel.current!.scrollBy({\n      top: 0,\n      left: scrollerSize,\n      behavior: 'smooth',\n    });\n  };\n\n  const scrollToPrevPage = () => {\n    const scrollerSize = carouselItem.current!.clientWidth;\n\n    carousel.current!.scrollBy({\n      top: 0,\n      left: -scrollerSize,\n      behavior: 'smooth',\n    });\n  };\n\n  return (\n    <>\n      <section id=\"carousel-section\" className=\"carousel-section container\">\n        <div\n          ref={carousel}\n          id=\"scroll-carousel\"\n          data-testid=\"scroll-carousel\"\n          className={classNames('scroll-carousel', { className })}\n        >\n          <div className=\"scroll-carousel__content\">\n            <div className=\"scroll-carousel__row\">\n              {carouselItems\n                .filter((_, i) => i < Math.round(carouselItems.length / 2))\n                .map(({ image, url: imageUrl }) => (\n                  <div ref={carouselItem} className=\"scroll-carousel__item\" key={image.altText}>\n                    <Link to={imageUrl!.url}>\n                      <Image key={image.fallbackUrl} imageData={image} alt={image.altText} />\n                    </Link>\n                  </div>\n                ))}\n            </div>\n            <div className=\"scroll-carousel__row\">\n              {carouselItems\n                .filter((_, i) => i >= Math.round(carouselItems.length / 2))\n                .map(({ image, url: imageUrl }) => (\n                  <div className=\"scroll-carousel__item\" key={image.altText}>\n                    <Link to={imageUrl!.url}>\n                      <Image key={image.fallbackUrl} imageData={image} alt={image.altText} />\n                    </Link>\n                  </div>\n                ))}\n            </div>\n          </div>\n        </div>\n      </section>\n      <div className=\"container scroll-buttons__container\">\n        <div className=\"scroll-buttons__buttons\">\n          <button\n            type=\"button\"\n            aria-label=\"Previous\"\n            onClick={() => scrollToPrevPage()}\n            className=\"btn prev\"\n          />\n          <button\n            type=\"button\"\n            aria-label=\"Next\"\n            onClick={() => scrollToNextPage()}\n            className=\"btn next\"\n          />\n        </div>\n      </div>\n    </>\n  );\n};\n\nexport const MultipleRowsCarouselItemsType = graphql`\n  fragment MultipleRowsCarouselItemsType on MultipleRowsCarouselItemsType {\n    url {\n      url\n    }\n    image {\n      ...UmbracoImage\n    }\n  }\n`;\n\nexport default ScrollCarousel;\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 ScrollCarousel from 'common/ScrollCarousel';\nimport Seo from 'common/Seo';\nimport AdditionalInfo from 'components/AdditionalInfo';\nimport InfoBanner from 'components/InfoBanner';\n\nimport './PartnersPage.scss';\n\nconst PartnersPage: FC<PartnersPageTypes.PartnersPageProps> = ({\n  data: {\n    partnersPage: {\n      urls,\n      seo,\n      mainCarousel,\n      additionalInfoSection,\n      multipleRowsCarousel,\n      infoBanner,\n    },\n  },\n}) => {\n  const { title, keywords, description } = seo;\n\n  return (\n    <Layout headerTransparent className=\"partners-page\">\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 {...additionalInfoSection} />\n      {multipleRowsCarousel ? (\n        <ScrollCarousel\n          {...{\n            carouselImages: multipleRowsCarousel,\n            className: 'main-carousel main-carousel--multiple-rows',\n          }}\n        />\n      ) : null}\n      <InfoBanner {...{ infoBanner }} />\n    </Layout>\n  );\n};\n\nexport const query = graphql`\n  query PartnersQuery($lang: String) {\n    partnersPage(lang: { eq: $lang }) {\n      urls {\n        lang\n        href\n      }\n      seo {\n        ...SEOStructureFragment\n      }\n      mainCarousel {\n        carouselItems {\n          ...CarouselItemsType\n        }\n      }\n      multipleRowsCarousel {\n        carouselItems {\n          ...MultipleRowsCarouselItemsType\n        }\n      }\n      additionalInfoSection {\n        ...AdditionalInfoType\n      }\n      infoBanner {\n        ...InfoBannerTypeFragment\n      }\n    }\n  }\n`;\n\nexport default PartnersPage;\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","carouselItems","carouselImages","carousel","useRef","carouselItem","id","ref","filter","_","i","Math","round","length","imageUrl","Link","to","scrollerSize","current","clientWidth","scrollBy","top","left","behavior","data","partnersPage","urls","seo","mainCarousel","additionalInfoSection","multipleRowsCarousel","infoBanner","keywords","description","Layout","headerTransparent","Seo","PageSchema","name","metaTitle","metaDescription","metaKeywords","Carousel","AdditionalInfo","InfoBanner"],"sourceRoot":""}