{"version":3,"file":"6159b2ae.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","className","style","backgroundColor","children","map","idx","shouldShow","_jsxs","richtext","color","RichText","blocks","modifier","text","dangerouslySetInnerHTML","__html","_key","type","onClick","PromoBannerCloseIcon","_jsx","PromoBannerPauseIcon","PromoBannerPlayIcon","width","height","viewBox","version","xmlns","xmlnsXlink","stroke","strokeWidth","fill","strokeLinecap","transform","x1","y1","x2","y2","fillRule","d"],"mappings":"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"}