{"version":3,"file":"31ccf39b.js","sources":["../../../src/hooks/useInterval.ts","../../../src/components/globals/header/promo-banner/PromoBannerSlides.client.tsx"],"sourcesContent":["import {useEffect, useRef} from 'react';\n\nexport default function useInterval(callback: any, delay: number | null) {\n  const savedCallback = useRef<any>();\n\n  useEffect(() => {\n    savedCallback.current = callback;\n  });\n\n  useEffect(() => {\n    function tick() {\n      savedCallback.current();\n    }\n\n    if (delay !== null) {\n      const id = setInterval(tick, delay);\n      return () => clearInterval(id);\n    }\n  }, [delay]);\n}\n","import {useGlobalSettings} from 'Js/hooks/useGlobalSettings';\nimport useInterval from 'Js/hooks/useInterval';\nimport {useState, useEffect, useRef} from 'react';\nimport {useHeader} from '../HeaderProvider.client';\nimport RichText from '@base/rich-text/RichText';\n\nexport default function PromoBannerSlides({promoBanner}: any) {\n  const {mainColor, companionColor} = useGlobalSettings();\n  const {showPromoBanner, setShowPromoBanner} = useHeader();\n  const [promoBannerIndex, setPromoBannerIndex] = useState<number>(0);\n  const [isPromoBannerPlaying, setIsPromoBannerPlaying] =\n    useState<boolean>(true);\n  const enabledPromoBannerSlides = promoBanner?.slides?.filter(\n    (slide: any) => slide.enable,\n  );\n\n  useInterval(\n    () => {\n      setPromoBannerIndex((prevIndex) =>\n        prevIndex < enabledPromoBannerSlides?.length - 1 ? prevIndex + 1 : 0,\n      );\n    },\n    isPromoBannerPlaying ? 5000 : null,\n  );\n\n  if (!showPromoBanner || !promoBanner) return null;\n\n  return (\n    <div\n      className={`z-21 relative mx-auto h-[36px] w-full items-center justify-center overflow-hidden`}\n      style={{\n        backgroundColor: mainColor ? mainColor : '#ab8f80',\n      }}\n    >\n      {enabledPromoBannerSlides.map((slide: any, idx: number) => {\n        const shouldShow = promoBannerIndex === idx;\n        return (\n          slide.enable && (\n            <div\n              key={slide._key}\n              className={`absolute top-0 left-0 right-0 bottom-0 flex h-[36px] w-full items-center justify-center px-3 duration-300 ease-linear  ${\n                shouldShow\n                  ? 'visible opacity-100 transition-opacity delay-300'\n                  : 'invisible opacity-0 transition-all'\n              }`}\n            >\n              {slide.richtext && (\n                <div\n                  style={{\n                    color: companionColor ? companionColor : '#fff',\n                  }}\n                >\n                  <RichText blocks={slide.richtext} modifier=\"promo-banner\" />\n                </div>\n              )}\n\n              {slide.text && (\n                <h2\n                  className=\"text-[15px]\"\n                  style={{\n                    color: companionColor ? companionColor : '#fff',\n                  }}\n                  dangerouslySetInnerHTML={{__html: slide.text}}\n                ></h2>\n              )}\n            </div>\n          )\n        );\n      })}\n      {enabledPromoBannerSlides && enabledPromoBannerSlides.length <= 1 ? (\n        <button\n          type=\"button\"\n          onClick={() => setShowPromoBanner(false)}\n          className=\"absolute right-[13px] top-0 bottom-0 md:right-[15px]\"\n        >\n          {PromoBannerCloseIcon()}\n        </button>\n      ) : (\n        <button\n          type=\"button\"\n          onClick={() => setIsPromoBannerPlaying(!isPromoBannerPlaying)}\n          className=\"absolute right-[13px] top-0 bottom-0 md:right-[15px]\"\n        >\n          {isPromoBannerPlaying\n            ? PromoBannerPauseIcon()\n            : PromoBannerPlayIcon()}\n        </button>\n      )}\n    </div>\n  );\n}\n\nfunction PromoBannerCloseIcon() {\n  return (\n    <svg\n      width=\"14px\"\n      height=\"14px\"\n      viewBox=\"0 0 18 18\"\n      version=\"1.1\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      xmlnsXlink=\"http://www.w3.org/1999/xlink\"\n    >\n      <title>Close Promo</title>\n      <g\n        id=\"Symbols\"\n        stroke=\"none\"\n        strokeWidth=\"1\"\n        fill=\"none\"\n        strokeLinecap=\"round\"\n      >\n        <g\n          id=\"promoCloseIcon\"\n          transform=\"translate(-27.000000, -20.000000)\"\n          stroke=\"#fff\"\n          strokeWidth=\"2\"\n        >\n          <g id=\"Group\" transform=\"translate(28.000000, 21.000000)\">\n            <line\n              x1=\"-2\"\n              y1=\"8.07106781\"\n              x2=\"18\"\n              y2=\"8.07106781\"\n              id=\"Line-Copy\"\n              transform=\"translate(8.000000, 8.071068) rotate(45.000000) translate(-8.000000, -8.071068)\"\n            />\n            <line\n              x1=\"15.0710678\"\n              y1=\"1\"\n              x2=\"0.928932188\"\n              y2=\"15.1421356\"\n              id=\"Line-Copy\"\n            />\n          </g>\n        </g>\n      </g>\n    </svg>\n  );\n}\n\nfunction PromoBannerPauseIcon() {\n  return (\n    <svg\n      width=\"11px\"\n      height=\"14px\"\n      viewBox=\"0 0 11 14\"\n      version=\"1.1\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      xmlnsXlink=\"http://www.w3.org/1999/xlink\"\n    >\n      <title>iconfinder_211871_pause_icon</title>\n      <g\n        id=\"Page-1\"\n        stroke=\"none\"\n        strokeWidth=\"1\"\n        fill=\"none\"\n        fillRule=\"evenodd\"\n      >\n        <g id=\"iconPause\" fill=\"#FFFFFF\" fillRule=\"nonzero\">\n          <path\n            d=\"M4,13.0710937 L4,0.425390625 C4,0.18984375 3.775,0 3.49166667,0 L0.508333333,0 C0.225,0 0,0.18984375 0,0.425390625 L0,13.0710937 C0,13.3066406 0.225,13.5 0.508333333,13.5 L3.49166667,13.5 C3.775,13.5 4,13.3101562 4,13.0710937 Z\"\n            id=\"Path\"\n          ></path>\n          <path\n            d=\"M10.4916667,0 L7.50833333,0 C7.22916667,0 7,0.18984375 7,0.425390625 L7,13.0710937 C7,13.3066406 7.225,13.5 7.50833333,13.5 L10.4916667,13.5 C10.7708333,13.5 11,13.3101562 11,13.0710937 L11,0.425390625 C11,0.18984375 10.775,0 10.4916667,0 Z\"\n            id=\"Path\"\n          ></path>\n        </g>\n      </g>\n    </svg>\n  )\n}\n\nfunction PromoBannerPlayIcon() {\n  return (\n    <svg\n      width=\"11px\"\n      height=\"13px\"\n      viewBox=\"0 0 11 13\"\n      version=\"1.1\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <title>iconfinder_211876_play_icon</title>\n      <g\n        id=\"Page-1\"\n        stroke=\"none\"\n        strokeWidth=\"1\"\n        fill=\"none\"\n        fillRule=\"evenodd\"\n      >\n        <g\n          id=\"iconPlay\"\n          transform=\"translate(-0.000000, 0.000000)\"\n          fill=\"#FFFFFF\"\n          fillRule=\"nonzero\"\n        >\n          <path\n            d=\"M10.4677083,5.71796875 L1.04270833,0.108333333 C0.927604167,0.040625 0.809114583,0 0.673697917,0 C0.3046875,0 0.00338541667,0.3046875 0.00338541667,0.677083333 L0,0.677083333 L0,12.3229167 L0.00338541667,12.3229167 C0.00338541667,12.6953125 0.3046875,13 0.673697917,13 C0.8125,13 0.927604167,12.9526042 1.05286458,12.8848958 L10.4677083,7.28203125 C10.6911458,7.09583333 10.8333333,6.81484375 10.8333333,6.5 C10.8333333,6.18515625 10.6911458,5.90755208 10.4677083,5.71796875 Z\"\n            id=\"Path\"\n          ></path>\n        </g>\n      </g>\n    </svg>\n  );\n}\n"],"names":["useInterval","callback","delay","savedCallback","useRef","useEffect","tick","id","PromoBannerSlides","promoBanner","mainColor","companionColor","useGlobalSettings","showPromoBanner","setShowPromoBanner","useHeader","promoBannerIndex","setPromoBannerIndex","useState","isPromoBannerPlaying","setIsPromoBannerPlaying","enabledPromoBannerSlides","slides","filter","slide","enable","prevIndex","length","backgroundColor","map","idx","shouldShow","_jsxs","richtext","color","RichText","text","__html","_key","PromoBannerCloseIcon","_jsx","PromoBannerPauseIcon","PromoBannerPlayIcon"],"mappings":"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"}