{"version":3,"file":"static/chunks/1635.482619fd67cbebfe.js","mappings":"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","sources":["webpack://_N_E/./components/contentful-components/banner/BannerCaption.tsx","webpack://_N_E/./components/contentful-components/banner/Banner.tsx","webpack://_N_E/./components/contentful-components/heroSlider/HeroSlider.tsx","webpack://_N_E/./components/contentful-components/banner/BannerCaption.module.scss","webpack://_N_E/./styles/components/_hero-image.module.scss"],"sourcesContent":["import classes from \"./BannerCaption.module.scss\";\n\ninterface BannerCaptionProps {\n  caption?: string;\n}\n\nexport const BannerCaption = ({ caption = \"\" }: BannerCaptionProps) => {\n  if (!caption) return null;\n\n  return (\n    <div className={classes[\"banner-caption\"]}>\n      <p>{caption}</p>\n    </div>\n  );\n};\n","import classes from \"@Styles/components/_hero-image.module.scss\";\nimport { CMSImageType } from \"@Types/Contentful\";\nimport Link from \"@wff/components/Link\";\nimport { BannerCaption } from \"./BannerCaption\";\n\nexport interface bannerProps {\n  name: string;\n  bannerImage: CMSImageType;\n  heading: string;\n  buttonText: string;\n  buttonLink: string;\n  caption?: string;\n}\nconst Banner = (props: bannerProps) => {\n  const { bannerImage, heading, buttonText, buttonLink, caption } = props;\n  if (!bannerImage?.url) return null;\n\n  return (\n    <div\n      className={`${classes[\"home-page-hero-slide\"]} ${classes[\"section--slideshow\"]} ${classes[\"slider__slide\"]} ${classes[\"slider__slide--adjustable\"]} ${classes[\"tns-item\"]} `}\n      style={{\n        backgroundImage: `url(\"${bannerImage.url}?fm=webp&w=1920&h=1080\")`,\n      }}\n    >\n      <div\n        className={`${classes[\"slider__inner\"]} ${classes[\"slider__inner--alignment\"]}`}\n      >\n        <div\n          className={`${classes[\"slider__slide-wrapper\"]} ${classes[\"class\"]} ${classes[\"class\"]}`}\n        >\n          <h1\n            className={`${classes[\"section__heading\"]} ${classes[\"section__heading--hero-title\"]}`}\n          >\n            <span className={`${classes[\"section__title\"]}`}>{heading}</span>\n            <span\n              className={`${classes[\"section__title\"]} ${classes[\"section__title--mobile\"]}`}\n            >\n              {heading}\n            </span>\n          </h1>\n\n          <BannerCaption caption={caption} />\n          {buttonText && buttonLink && (\n            <Link href={buttonLink}>\n              <a className={`${classes[\"action\"]}`}>\n                <span className={`${classes[\"section__cta\"]}`}>\n                  {buttonText}\n                </span>\n                <span\n                  className={`${classes[\"section__cta\"]} ${classes[\"section__cta--mobile\"]}`}\n                >\n                  {buttonText}\n                </span>\n              </a>\n            </Link>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default Banner;\n","import { MouseEventHandler, useEffect, useState, useRef } from \"react\";\nimport Slider from \"react-slick\";\nimport Banner, {\n  bannerProps,\n} from \"@Components/contentful-components/banner/Banner\";\nimport Icon from \"@Components/ui/icon/Icon\";\nimport classes from \"@Styles/components/_hero-image.module.scss\";\nimport \"slick-carousel/slick/slick.css\";\nimport \"slick-carousel/slick/slick-theme.css\";\n\nexport const HERO_Slider = \"hero-slider\";\n\ninterface heroSliderProps {\n  banners: {\n    items: bannerProps[];\n  };\n  customBanner?: () => React.ReactNode;\n  onSlideChange?: (currentSlide: number) => void;\n}\ninterface IArrowProps {\n  className?: string;\n  currentSlide?: number;\n  \"data-role\"?: string;\n  slideCount?: number;\n  style?: {};\n  onClick?: MouseEventHandler;\n}\ninterface IRefProps extends Slider {\n  slickGoTo: (currentSlide: number) => {};\n}\nconst HeroSlider = ({\n  banners,\n  customBanner,\n  onSlideChange,\n}: heroSliderProps) => {\n  const [currentSlide, setCurrentSlide] = useState(0);\n  const sliderRef = useRef<IRefProps>(null);\n\n  const goToSlide = (slide: number) => {\n    if (sliderRef.current) sliderRef.current.slickGoTo(slide);\n  };\n\n  useEffect(() => {\n    onSlideChange?.(currentSlide);\n  }, [currentSlide, onSlideChange]);\n\n  const SamplePrevArrow = (props: IArrowProps) => {\n    const { currentSlide } = props;\n    const arrowClass = `${classes[\"arrow\"] + \" \" + classes[\"arrow-left\"]}`;\n\n    const handleLeftArrowClick = () => {\n      if (currentSlide !== undefined && currentSlide === 0) goToSlide(-1);\n      else if (currentSlide && currentSlide > 0) goToSlide(currentSlide - 1);\n    };\n\n    return (\n      <div className={arrowClass} onClick={handleLeftArrowClick}>\n        <Icon iconName=\"arrow-left-thin\" />\n      </div>\n    );\n  };\n\n  const SampleNextArrow = (props: IArrowProps) => {\n    const { slideCount, currentSlide } = props;\n    const arrowClass = `${classes[\"arrow\"]} ${classes[\"arrow-right\"]}`;\n\n    const handleRightArrowClick = () => {\n      if (slideCount && currentSlide !== undefined && currentSlide < slideCount)\n        goToSlide(currentSlide + 1);\n    };\n\n    return (\n      <div className={arrowClass} onClick={handleRightArrowClick}>\n        <Icon iconName=\"arrow-right-thin\" />\n      </div>\n    );\n  };\n\n  const sliderSettings = {\n    beforeChange: (_prev: number, next: number) => {\n      setCurrentSlide(next);\n    },\n    infinite: true,\n    autoplay: true,\n    autoplaySpeed: 5000,\n    dotsClass: `${classes[\"slick-dots\"]}`,\n    speed: 250,\n    slidesToShow: 1,\n    slidesToScroll: 1,\n    arrows: true,\n    cssEase: \"linear\",\n    prevArrow: <SamplePrevArrow />,\n    nextArrow: <SampleNextArrow />,\n  };\n\n  if (banners?.items?.length === 0) return null;\n\n  return (\n    <>\n      <div\n        className={`${classes[\"section\"]} ${classes[\"section--slider\"]} ${classes[\"section--slideshow\"]} ${classes[\"js-scroll-reveal\"]} ${classes[\"section__home-page-hero\"]} ${classes[\"section--transition\"]}`}\n      >\n        <div className={classes[\"section__content\"]}>\n          <div className={`${classes[\"tns-outer\"]} ${classes[\"tns1-ow\"]}`}>\n            <div className={`${classes[\"tns-mw\"]} ${classes[\"tns-ovh\"]}`}>\n              <div className={`${classes[\"tns-inner\"]} ${classes[\"tns1-iw\"]}`}>\n                <div\n                  className={`${classes[\"slider\"]} ${classes[\"tns-slider\"]} ${classes[\"tns-carousel\"]} ${classes[\"tns-subpixel\"]} ${classes[\"tns-calc\"]} ${classes[\"tns-horizontal\"]} ${classes[\"tns1\"]}`}\n                >\n                  <Slider {...sliderSettings} ref={sliderRef}>\n                    {banners?.items?.map((item, i) =>\n                      customBanner ? (\n                        <div key={item.name + i}>{customBanner()}</div>\n                      ) : (\n                        <Banner {...item} key={`${item.name}-${i}`} />\n                      )\n                    )}\n                  </Slider>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </>\n  );\n};\n\nexport default HeroSlider;\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"banner-caption\":\"BannerCaption_banner-caption__4v0w_\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"home-page-hero-slide\":\"_hero-image_home-page-hero-slide__l_rFr\",\"section__home-page-hero\":\"_hero-image_section__home-page-hero__hVkdn\",\"section\":\"_hero-image_section__6wBYQ\",\"section__heading\":\"_hero-image_section__heading__obJDz\",\"section__heading--hero-title\":\"_hero-image_section__heading--hero-title__ZopeB\",\"section--slideshow\":\"_hero-image_section--slideshow__l415X\",\"tns-outer\":\"_hero-image_tns-outer__BIFOW\",\"slider\":\"_hero-image_slider__x35Ln\",\"slider__slide\":\"_hero-image_slider__slide__kGgGb\",\"slider__inner--alignment\":\"_hero-image_slider__inner--alignment__FCZUs\",\"slider__inner\":\"_hero-image_slider__inner__yfYjC\",\"slider__slide-wrapper\":\"_hero-image_slider__slide-wrapper__Zconi\",\"section--slider\":\"_hero-image_section--slider__bGrQl\",\"section__content\":\"_hero-image_section__content__V_PV9\",\"section__title\":\"_hero-image_section__title__SasYp\",\"section__title--mobile\":\"_hero-image_section__title--mobile__0GvC2\",\"section--transition\":\"_hero-image_section--transition__dfXgR\",\"fadeInHeroImage\":\"_hero-image_fadeInHeroImage__E_J5d\",\"moveUpHeroImage\":\"_hero-image_moveUpHeroImage__bzTxb\",\"tns-ovh\":\"_hero-image_tns-ovh__3kJ2S\",\"tns-horizontal\":\"_hero-image_tns-horizontal__4CqOj\",\"tns-subpixel\":\"_hero-image_tns-subpixel__us3Gw\",\"tns-item\":\"_hero-image_tns-item__y_o0w\",\"tns1\":\"_hero-image_tns1__KAKGN\",\"tns1-iw\":\"_hero-image_tns1-iw__7F4Ql\",\"tns-slider\":\"_hero-image_tns-slider__mk1yI\",\"action\":\"_hero-image_action__an2d5\",\"section__cta\":\"_hero-image_section__cta__rS8mN\",\"section__cta--mobile\":\"_hero-image_section__cta--mobile__xMOiq\",\"expand-more-icon\":\"_hero-image_expand-more-icon__F_nRo\",\"arrow\":\"_hero-image_arrow__mi4S3\",\"arrow-left\":\"_hero-image_arrow-left__EAxpU\",\"arrow-right\":\"_hero-image_arrow-right__mLS7c\"};"],"names":["BannerCaption","caption","div","className","classes","p","props","bannerImage","heading","buttonText","buttonLink","url","style","backgroundImage","h1","span","Link","href","a","HERO_Slider","banners","customBanner","onSlideChange","useState","currentSlide","setCurrentSlide","sliderRef","useRef","goToSlide","slide","current","slickGoTo","useEffect","SamplePrevArrow","arrowClass","onClick","undefined","Icon","iconName","SampleNextArrow","slideCount","sliderSettings","beforeChange","_prev","next","infinite","autoplay","autoplaySpeed","dotsClass","speed","slidesToShow","slidesToScroll","arrows","cssEase","prevArrow","nextArrow","items","length","Slider","ref","map","item","i","name","Banner","key","module","exports"],"sourceRoot":""}