{"version":3,"file":"static/chunks/2920.7c6ac4073a8c1036.js","mappings":"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","sources":["webpack://_N_E/./components/contentful-components/uniqueSalesPropositions/UniqueSalesPropositions.tsx","webpack://_N_E/./components/contentful-components/uniqueSalesPropositions/UniqueSalesPropositions.module.scss"],"sourcesContent":["import React, {\n  FC,\n  MouseEventHandler,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport Slider from \"react-slick\";\nimport \"slick-carousel/slick/slick.css\";\nimport \"slick-carousel/slick/slick-theme.css\";\nimport Icon from \"@Components/ui/icon\";\nimport CmsTextEditorContent from \"@Libs/contentful/components/cms-text-editor/CmsTextEditor\";\nimport Image from \"components/Image\";\nimport useWindowDimensions from \"../../../hooks/useWindowDimensions\";\nimport classes from \"./UniqueSalesPropositions.module.scss\";\n\nexport const RIGHT_ARROW_TEST_ID = \"slider_right_arrow_test_id\";\nexport const LEFT_ARROW_TEST_ID = \"slider_left_arrow_test_id\";\nexport const SLIDER_ITEM_ID = \"slider_item_id\";\n\ntype LazyType = \"ondemand\" | \"progressive\";\n\ninterface IRefProps extends Slider {\n  slickGoTo: (currentSlide: number) => {};\n}\n\ninterface IArrowProps {\n  className?: string;\n  currentSlide?: number;\n  \"data-role\"?: string;\n  slideCount?: number;\n  style?: {};\n  onClick?: MouseEventHandler;\n}\ninterface IUniqueSalesProps {\n  name: string;\n  cta: {\n    label: string;\n    link: string;\n  };\n  alignment: string;\n  salesPropositions: {\n    items: {\n      title: string;\n      imageCtaLink: string;\n      image: {\n        url: string;\n        title?: string;\n        width?: number;\n        height?: number;\n      };\n      content: {\n        json: {};\n      };\n    }[];\n  };\n}\n\nconst UniqueSalesPropositions: FC<IUniqueSalesProps> = (props) => {\n  const sliderRef = useRef<IRefProps>(null);\n  const [currentSlide, setCurrentSlide] = useState(0);\n  const { width } = useWindowDimensions();\n  const slidesToShow = width > 991 ? 4 : width > 767 ? 3 : 2;\n\n  useEffect(() => {\n    setCurrentSlide(0);\n  }, [slidesToShow]);\n\n  useEffect(() => {\n    if (sliderRef.current) sliderRef.current.slickGoTo(currentSlide);\n  }, [currentSlide]);\n\n  const { name, cta, alignment } = props;\n  const { items } = props.salesPropositions;\n  if (!items?.length) {\n    return null;\n  }\n  const sectionAlignmentClass = classes[`unique-sales-${alignment}`];\n  const containerAlignmentClass =\n    classes[`unique-sales-container-${alignment}`];\n  const nameAlignmentClass = classes[`unique-sales-name-${alignment}`];\n  const imageAlignmentClass = classes[`unique-sales-image-${alignment}`];\n  const textAlignmentClass = classes[`unique-sales-text-${alignment}`];\n  const ctaAlignmentClass = classes[`unique-sales-cta-${alignment}`];\n\n  const SamplePrevArrow = () => {\n    const disabledArrow = currentSlide !== undefined && currentSlide < 1;\n    const arrowClass = disabledArrow\n      ? `${classes[\"arrow\"]} ${classes[\"arrow-left\"]} ${classes[\"disabled-arrow\"]}`\n      : `${classes[\"arrow\"] + \" \" + classes[\"arrow-left\"]}`;\n\n    const handleLeftArrowClick = () => {\n      if (currentSlide && currentSlide > 0)\n        setCurrentSlide(currentSlide - slidesToShow);\n    };\n    return (\n      <button\n        className={arrowClass}\n        onClick={handleLeftArrowClick}\n        data-testid={LEFT_ARROW_TEST_ID}\n      >\n        <Icon iconName=\"arrow-left-thin\" />\n      </button>\n    );\n  };\n\n  const SampleNextArrow = (props: IArrowProps) => {\n    const { slideCount } = props;\n\n    const handleRightArrowClick = () => {\n      if (slideCount && currentSlide !== undefined && currentSlide < slideCount)\n        setCurrentSlide(currentSlide + slidesToShow);\n    };\n    const disabledArrow =\n      currentSlide !== undefined &&\n      slideCount !== undefined &&\n      currentSlide >= slideCount - slidesToShow;\n    const arrowClassBase = `${classes[\"arrow\"]} ${classes[\"arrow-right\"]}`;\n    const arrowClass = disabledArrow\n      ? `${arrowClassBase} ${classes[\"disabled-arrow\"]}`\n      : `${arrowClassBase}`;\n\n    return (\n      <button\n        className={arrowClass}\n        onClick={handleRightArrowClick}\n        data-testid={RIGHT_ARROW_TEST_ID}\n      >\n        <Icon iconName=\"arrow-right-thin\" />\n      </button>\n    );\n  };\n\n  const settings = {\n    infinite: false,\n    lazyLoad: \"progressive\" as LazyType,\n    swipeDirection: \"down\",\n    speed: 500,\n    slidesToShow: slidesToShow,\n    slidesToScroll: slidesToShow,\n    arrows: true,\n    adaptiveHeight: false,\n    prevArrow: <SamplePrevArrow />,\n    nextArrow: <SampleNextArrow />,\n    dots: false,\n    className: classes[\"section-slider\"],\n    initialSlide: currentSlide,\n    centerMode: alignment === \"center\" && width > 991 ? true : false,\n  };\n\n  return (\n    <section className={`section ${classes[\"unit-sales-section\"]}`}>\n      {name && (\n        <h2 className={`${classes[\"unique-sales-name\"]} ${nameAlignmentClass}`}>\n          {name}\n        </h2>\n      )}\n      <div\n        className={`section ${classes[\"unique-sales\"]} ${sectionAlignmentClass}`}\n      >\n        <Slider {...settings} ref={sliderRef}>\n          {items.map((item, i) => (\n            <div\n              key={`sales-proposition-${i}`}\n              className={`${classes[\"unique-sales-container\"]} ${containerAlignmentClass}`}\n            >\n              <div\n                className={`${classes[\"unique-sales-image\"]} ${imageAlignmentClass}`}\n              >\n                <a href={item.imageCtaLink}>\n                  <Image\n                    src={\n                      item.image?.url &&\n                      `${item.image.url}?fm=webp&w=1920&h=1080`\n                    }\n                    alt={item.image?.title ?? \"\"}\n                    objectFit=\"contain\"\n                    layout=\"fill\"\n                  />\n                </a>\n              </div>\n              <div\n                className={`${classes[\"unique-sales-text\"]} ${textAlignmentClass}`}\n              >\n                <h4 className={classes[\"unique-sales-title\"]}>\n                  {item.title ?? \"\"}\n                </h4>\n                <span className={classes[\"unique-sales-desc\"]}>\n                  <CmsTextEditorContent content={item.content} />\n                </span>\n              </div>\n            </div>\n          ))}\n        </Slider>\n      </div>\n      {cta?.label && cta?.link && (\n        <a\n          className={`${classes[\"unique-sales-cta\"]} ${ctaAlignmentClass}`}\n          href={cta.link}\n        >\n          {cta.label}\n        </a>\n      )}\n    </section>\n  );\n};\n\nexport default UniqueSalesPropositions;\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"unit-sales-section\":\"UniqueSalesPropositions_unit-sales-section__Dd0WB\",\"unique-sales-name\":\"UniqueSalesPropositions_unique-sales-name__Cgs_L\",\"unique-sales-name-left\":\"UniqueSalesPropositions_unique-sales-name-left__sUReB\",\"unique-sales-name-right\":\"UniqueSalesPropositions_unique-sales-name-right__bfAR7\",\"unique-sales-cta\":\"UniqueSalesPropositions_unique-sales-cta__OVJCI\",\"unique-sales-cta-left\":\"UniqueSalesPropositions_unique-sales-cta-left__oRLJv\",\"unique-sales-cta-right\":\"UniqueSalesPropositions_unique-sales-cta-right__S5IuN\",\"unique-sales\":\"UniqueSalesPropositions_unique-sales___zjXI\",\"unique-sales-right\":\"UniqueSalesPropositions_unique-sales-right__IDOX5\",\"unique-sales-container\":\"UniqueSalesPropositions_unique-sales-container__R5AXy\",\"unique-sales-container-justify\":\"UniqueSalesPropositions_unique-sales-container-justify__rgvjZ\",\"unique-sales-title\":\"UniqueSalesPropositions_unique-sales-title__L5Aqq\",\"unique-sales-image\":\"UniqueSalesPropositions_unique-sales-image__q5xJw\",\"unique-sales-image-left\":\"UniqueSalesPropositions_unique-sales-image-left__ciUrL\",\"unique-sales-image-center\":\"UniqueSalesPropositions_unique-sales-image-center__AlA5A\",\"unique-sales-image-right\":\"UniqueSalesPropositions_unique-sales-image-right__z8nPx\",\"unique-sales-image-justify\":\"UniqueSalesPropositions_unique-sales-image-justify__BxXOQ\",\"unique-sales-text\":\"UniqueSalesPropositions_unique-sales-text__QcWvk\",\"unique-sales-text-left\":\"UniqueSalesPropositions_unique-sales-text-left__Z3jUi\",\"unique-sales-text-center\":\"UniqueSalesPropositions_unique-sales-text-center__pH8VS\",\"unique-sales-text-right\":\"UniqueSalesPropositions_unique-sales-text-right__NPZJ_\",\"unique-sales-text-justify\":\"UniqueSalesPropositions_unique-sales-text-justify__wsasr\",\"unique-sales-desc\":\"UniqueSalesPropositions_unique-sales-desc__nVpVx\",\"section-slider\":\"UniqueSalesPropositions_section-slider__SZ3B1\",\"arrow\":\"UniqueSalesPropositions_arrow__EihXx\",\"arrow-left\":\"UniqueSalesPropositions_arrow-left__IjNvk\",\"arrow-right\":\"UniqueSalesPropositions_arrow-right__YXhyE\",\"disabled-arrow\":\"UniqueSalesPropositions_disabled-arrow__jVbfA\"};"],"names":["RIGHT_ARROW_TEST_ID","LEFT_ARROW_TEST_ID","SLIDER_ITEM_ID","props","sliderRef","useRef","useState","currentSlide","setCurrentSlide","width","useWindowDimensions","slidesToShow","useEffect","current","slickGoTo","name","cta","alignment","items","salesPropositions","length","item","sectionAlignmentClass","classes","containerAlignmentClass","nameAlignmentClass","imageAlignmentClass","textAlignmentClass","ctaAlignmentClass","SamplePrevArrow","arrowClass","undefined","button","className","onClick","data-testid","Icon","iconName","SampleNextArrow","slideCount","disabledArrow","arrowClassBase","settings","infinite","lazyLoad","swipeDirection","speed","slidesToScroll","arrows","adaptiveHeight","prevArrow","nextArrow","dots","initialSlide","centerMode","section","h2","div","Slider","ref","map","i","a","href","imageCtaLink","Image","src","image","url","alt","title","objectFit","layout","h4","span","CmsTextEditorContent","content","label","link","module","exports"],"sourceRoot":""}