{"version":3,"file":"static/js/swiper-wrapper.e7b5cca8.chunk.js","mappings":"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","sources":["newcomponents/UI/SwiperSlider/index.tsx"],"sourcesContent":["import {\n  CSSProperties,\n  Fragment,\n  ReactElement,\n  ReactNode,\n  SyntheticEvent,\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState\n} from 'react';\nimport cc from 'classcat';\nimport SwiperCore, { Autoplay, Grid, Navigation, Pagination } from 'swiper';\nimport 'swiper/css';\nimport 'swiper/css/grid';\nimport { Swiper, SwiperRef, SwiperSlide } from 'swiper/react';\nimport 'theme/swiper.css';\nimport { EIconSize } from 'utils/constants/app/ui';\nimport { timeoutDuration } from 'utils/constants/dateInfo/time-numbers';\nimport SpringConfigs from 'utils/constants/swarm/spring-configs';\nimport RidGenerator from 'utils/swarm/rid-generator';\nimport { GlobalIcon } from 'components/GlobalIcon';\nimport { Portal } from 'components/Shared/Portal';\nimport './index.less';\n\nif (SpringConfigs.IS_RTL) {\n  import('./rtl.less');\n}\n\ntype TSwiperSliderProps = {\n  delay?: number;\n  autoplay?: boolean;\n  activeSlide: number;\n  bodyArrows?: boolean;\n  headerTitle?: string | ReactNode;\n  headerArrows?: boolean;\n  slideClassName?: string;\n  showIndicators?: boolean;\n  sliderClassName?: string;\n  disableSwiping?: boolean;\n  drawableTabs: ReactNode[];\n  arrowsPortalId?: string | null;\n  sliderWrapperClassName?: string;\n  interactiveIndicators?: boolean;\n  indicatorsCustomClassName?: string;\n  slidesPerView?: number | 'auto' | undefined;\n  loop?: boolean;\n  style?: CSSProperties;\n  spaceBetween?: number;\n  rows?: number;\n  fetchOnProgress?: {\n    point: number;\n    callback: () => void;\n  };\n  alwaysShowArrows?: boolean;\n  slideOnHover?: boolean;\n  notToWatchIsEnd?: boolean;\n};\n\nSwiperCore.use([Navigation, Autoplay, Pagination]);\n\nconst SWIPER_AUTOPLAY_DELAY = 1000;\nconst UNIQUE_CLASS_STRINGIFY_RADIX = 36;\nconst UNIQUE_CLASS_CUT_START_POINT = 7;\nconst getSliderSelectorClassName = (id: string | null) =>\n  id ? `SLIDER_SELECTOR_${id}` : null;\n\nconst getSlideSelectorClassName = (id: string | null) =>\n  id ? `SLIDE_SELECTOR_${id}` : '';\n\nexport const SwiperSlider = ({\n  delay,\n  autoplay,\n  bodyArrows,\n  headerTitle,\n  activeSlide,\n  headerArrows,\n  drawableTabs,\n  slidesPerView,\n  showIndicators,\n  slideClassName = '',\n  sliderClassName = '',\n  arrowsPortalId = null,\n  disableSwiping = false,\n  interactiveIndicators = false,\n  indicatorsCustomClassName = '',\n  loop = false,\n  sliderWrapperClassName = '',\n  style,\n  spaceBetween,\n  rows = 1,\n  fetchOnProgress,\n  alwaysShowArrows,\n  slideOnHover = false,\n  notToWatchIsEnd = false\n}: TSwiperSliderProps) => {\n  const [isEnd, setIsEnd] = useState(false);\n  const sliderRef = useRef<SwiperRef | null>(null);\n  const [activeIndex, setActiveIndex] = useState(0);\n  const containerRef = useRef<HTMLDivElement | null>(null);\n  const bodyArrowRef = useRef<HTMLDivElement | null>(null);\n  const [isArrowsNeeded, setIsArrowsNeeded] = useState(true);\n  const [isSlidesRendered, setIsSlidesRendered] = useState(false);\n\n  const sliderId = useRef(RidGenerator.gCustom());\n  const intervalRef = useRef<NodeJS.Timeout | null>(null);\n\n  useLayoutEffect(() => {\n    const items =\n      containerRef.current?.querySelector('.swiper-wrapper')?.childNodes;\n\n    if (items) {\n      const changeSize = () => {\n        const containerWidth = containerRef.current?.clientWidth || 0;\n\n        let visibleItemsCount = 0;\n        let totalWidth = 0;\n\n        for (let i = 0; i < items.length; i++) {\n          const itemWidth = (items[i] as HTMLElement)?.offsetWidth;\n\n          if (totalWidth + itemWidth > containerWidth) {\n            break;\n          }\n\n          visibleItemsCount++;\n          totalWidth += itemWidth;\n        }\n\n        setIsArrowsNeeded(drawableTabs.length > visibleItemsCount);\n      };\n\n      changeSize();\n      window.addEventListener('resize', changeSize);\n\n      return () => {\n        window.removeEventListener('resize', changeSize);\n      };\n    }\n  }, [drawableTabs.length]);\n\n  useEffect(() => {\n    if (sliderRef.current?.swiper && activeSlide) {\n      sliderRef.current.swiper.slideTo(activeSlide, 0);\n      setActiveIndex(activeSlide);\n    }\n  }, [activeSlide]);\n\n  const paginationUniqueClass = useMemo(() => {\n    return `swiper-pagination-${(Math.random() + 1)\n      .toString(UNIQUE_CLASS_STRINGIFY_RADIX)\n      .substring(UNIQUE_CLASS_CUT_START_POINT)}`;\n  }, []);\n\n  const handlePrevClick = (e: SyntheticEvent) => {\n    e.stopPropagation();\n\n    if (sliderRef.current?.swiper) {\n      sliderRef.current.swiper.slidePrev();\n    }\n  };\n\n  const handleNextClick = (e: SyntheticEvent) => {\n    e.stopPropagation();\n\n    if (sliderRef.current?.swiper) {\n      sliderRef.current.swiper.slideNext();\n\n      if (!notToWatchIsEnd) {\n        setIsEnd(sliderRef.current.swiper.isEnd);\n      }\n    }\n  };\n\n  const handleSwiperInit = useCallback((swiper: SwiperCore) => {\n    if (!notToWatchIsEnd) {\n      setIsEnd(swiper.isEnd);\n    }\n  }, []);\n\n  useEffect(() => {\n    setIsSlidesRendered(true);\n\n    return () => {\n      setIsSlidesRendered(false);\n\n      sliderRef.current?.swiper?.updateSlides();\n    };\n  }, [drawableTabs]);\n\n  const slides = useMemo(() => {\n    if (!drawableTabs || !drawableTabs.length) {\n      return [];\n    }\n\n    const shouldDuplicateSlidesCount =\n      isSlidesRendered && slidesPerView === 'auto' && autoplay;\n\n    if (!shouldDuplicateSlidesCount) {\n      return drawableTabs;\n    }\n\n    const slide = document.querySelector(\n      `.${getSlideSelectorClassName(sliderId.current)}`\n    );\n\n    const slider = document.querySelector(\n      `.${getSliderSelectorClassName(sliderId.current)}`\n    );\n\n    if (slide && slider) {\n      const slideWidth = slide.getClientRects()[0]?.width;\n      const sliderWidth = slider.getClientRects()[0]?.width;\n\n      const slidePeerView = Math.floor(sliderWidth / slideWidth);\n\n      if (\n        ((autoplay || loop) &&\n          slidesPerView === 'auto' &&\n          drawableTabs.length > slidePeerView) ||\n        (drawableTabs.length > slidePeerView &&\n          drawableTabs.length < slidePeerView * 2)\n      ) {\n        return [...drawableTabs, ...drawableTabs].map((node, index) => (\n          <Fragment key={index}>{node}</Fragment>\n        ));\n      }\n    }\n\n    return drawableTabs;\n  }, [\n    autoplay,\n    drawableTabs,\n    slidesPerView,\n    isSlidesRendered,\n    sliderId.current\n  ]);\n\n  const handleSlideChange = useCallback((swiper: SwiperCore) => {\n    if (!notToWatchIsEnd) {\n      setIsEnd(swiper.isEnd);\n    }\n\n    setActiveIndex(swiper.activeIndex);\n  }, []);\n\n  const ArrowsWrapper = useCallback(\n    ({ children }: { children: ReactElement }) =>\n      arrowsPortalId ? (\n        <Portal rootId={arrowsPortalId}>{children}</Portal>\n      ) : (\n        children\n      ),\n    [arrowsPortalId]\n  );\n\n  const handleHoverPrev = (e: SyntheticEvent) => {\n    handlePrevClick(e);\n    intervalRef.current = setInterval(() => {\n      handlePrevClick(e);\n    }, timeoutDuration.DURATION_1000);\n  };\n\n  const handleHoverNext = (e: SyntheticEvent) => {\n    handleNextClick(e);\n    intervalRef.current = setInterval(() => {\n      handleNextClick(e);\n    }, timeoutDuration.DURATION_1000);\n  };\n\n  const handleMouseLeave = () => {\n    if (intervalRef.current) {\n      clearInterval(intervalRef.current);\n      intervalRef.current = null;\n    }\n  };\n\n  const isLeftArrowDisabled = autoplay || loop ? false : activeIndex === 0;\n  const isRightArrowDisabled =\n    autoplay || loop ? false : sliderRef?.current?.swiper?.isEnd || isEnd;\n\n  return (\n    <div\n      ref={containerRef}\n      className={sliderWrapperClassName}\n      style={style || {}}\n      onMouseOver={() => {\n        if (\n          !SpringConfigs?.CAROUSEL_ARROWS &&\n          bodyArrowRef.current &&\n          !alwaysShowArrows\n        ) {\n          bodyArrowRef.current.style.display = 'block';\n        }\n      }}\n      onMouseOut={() => {\n        if (\n          !SpringConfigs?.CAROUSEL_ARROWS &&\n          bodyArrowRef.current &&\n          !alwaysShowArrows\n        ) {\n          bodyArrowRef.current.style.display = 'none';\n        }\n      }}\n    >\n      {headerArrows ? (\n        <div className=\"swiper__slider--header\">\n          <h3>{headerTitle}</h3>\n          {(alwaysShowArrows || isArrowsNeeded) && (\n            <div className=\"swiper__slider--header__arrowsRow\">\n              <button\n                onClick={handlePrevClick}\n                disabled={isLeftArrowDisabled}\n                className={cc([\n                  'swiperSliderArrowLeft',\n                  { 'disabled-arrow': isLeftArrowDisabled }\n                ])}\n              >\n                <GlobalIcon\n                  lib=\"generic\"\n                  name=\"caretsmall\"\n                  theme=\"default\"\n                  size={EIconSize._20}\n                />\n              </button>\n\n              <button\n                className={cc([\n                  'swiperSliderArrowRight',\n                  { 'disabled-arrow': isRightArrowDisabled }\n                ])}\n                onClick={handleNextClick}\n                disabled={isRightArrowDisabled}\n              >\n                <GlobalIcon\n                  lib=\"generic\"\n                  name=\"caretsmall\"\n                  theme=\"default\"\n                  size={EIconSize._20}\n                />\n              </button>\n            </div>\n          )}\n        </div>\n      ) : null}\n\n      <div className=\"swiperWrapper\">\n        {bodyArrows && (alwaysShowArrows || isArrowsNeeded) && (\n          <ArrowsWrapper>\n            <div\n              style={{\n                display:\n                  SpringConfigs?.CAROUSEL_ARROWS || alwaysShowArrows\n                    ? 'block'\n                    : 'none'\n              }}\n              ref={bodyArrowRef}\n            >\n              <div\n                className=\"swiperWrapper__arrows\"\n                style={{ display: isLeftArrowDisabled ? 'none' : 'block' }}\n              >\n                <button\n                  {...(slideOnHover\n                    ? {\n                        onMouseEnter: handleHoverPrev,\n                        onMouseLeave: handleMouseLeave\n                      }\n                    : { onClick: handlePrevClick })}\n                  data-testid=\"carousel-arrow-left\"\n                  disabled={isLeftArrowDisabled}\n                  className={cc([\n                    'swiperSliderArrowLeft',\n                    { 'disabled-arrow': isLeftArrowDisabled }\n                  ])}\n                >\n                  <GlobalIcon\n                    lib=\"generic\"\n                    name=\"caretsmall\"\n                    theme=\"default\"\n                    size={EIconSize._20}\n                  />\n                </button>\n              </div>\n              <div\n                className=\"swiperWrapper__arrows\"\n                style={{ display: isRightArrowDisabled ? 'none' : 'block' }}\n              >\n                <button\n                  {...(slideOnHover\n                    ? {\n                        onMouseEnter: handleHoverNext,\n                        onMouseLeave: handleMouseLeave\n                      }\n                    : { onClick: handleNextClick })}\n                  data-testid=\"carousel-arrow-right\"\n                  className={cc([\n                    'swiperSliderArrowRight',\n                    { 'disabled-arrow': isRightArrowDisabled }\n                  ])}\n                  disabled={isRightArrowDisabled}\n                >\n                  <GlobalIcon\n                    lib=\"generic\"\n                    name=\"caretsmall\"\n                    theme=\"default\"\n                    size={EIconSize._20}\n                  />\n                </button>\n              </div>\n            </div>\n          </ArrowsWrapper>\n        )}\n\n        <Swiper\n          loop={autoplay || loop}\n          className={`${getSliderSelectorClassName(\n            sliderId.current\n          )} ${sliderClassName}`}\n          allowTouchMove={!disableSwiping}\n          pagination={{\n            type: 'bullets',\n            el: `.${paginationUniqueClass}`,\n            clickable: interactiveIndicators\n          }}\n          autoplay={\n            autoplay && {\n              delay: delay || SWIPER_AUTOPLAY_DELAY,\n              disableOnInteraction: false\n            }\n          }\n          slidesPerView={slidesPerView ? slidesPerView : 'auto'}\n          onSlideChange={handleSlideChange}\n          onSwiper={handleSwiperInit}\n          ref={sliderRef}\n          onSliderMove={sliderRef.current?.swiper?.update}\n          spaceBetween={spaceBetween}\n          grid={{\n            rows: rows,\n            fill: 'row'\n          }}\n          modules={[Grid]}\n          // please use only with react query to avoid duplicate calls\n          onProgress={val => {\n            if (\n              fetchOnProgress?.point &&\n              +val.progress.toFixed(2) > fetchOnProgress.point\n            ) {\n              fetchOnProgress?.callback();\n            }\n          }}\n        >\n          {slides?.map((item, index) => {\n            return (\n              <SwiperSlide\n                className={`${getSlideSelectorClassName(\n                  sliderId.current\n                )} ${slideClassName} `}\n                key={index}\n              >\n                <div>{item}</div>\n              </SwiperSlide>\n            );\n          })}\n        </Swiper>\n      </div>\n      {showIndicators && (\n        <div\n          className={`swiperWrapper__swiper-pagination swiper-pagination ${paginationUniqueClass} ${indicatorsCustomClassName}`}\n        />\n      )}\n    </div>\n  );\n};\n"],"names":["SpringConfigs","IS_RTL","SwiperCore","use","Navigation","Autoplay","Pagination","getSliderSelectorClassName","id","getSlideSelectorClassName","SwiperSlider","_ref","_sliderRef$current5","_sliderRef$current5$s","_sliderRef$current6","_sliderRef$current6$s","delay","autoplay","bodyArrows","headerTitle","activeSlide","headerArrows","drawableTabs","slidesPerView","showIndicators","slideClassName","sliderClassName","arrowsPortalId","disableSwiping","interactiveIndicators","indicatorsCustomClassName","loop","sliderWrapperClassName","style","spaceBetween","rows","fetchOnProgress","alwaysShowArrows","slideOnHover","notToWatchIsEnd","isEnd","setIsEnd","useState","sliderRef","useRef","activeIndex","setActiveIndex","containerRef","bodyArrowRef","isArrowsNeeded","setIsArrowsNeeded","isSlidesRendered","setIsSlidesRendered","sliderId","RidGenerator","gCustom","intervalRef","useLayoutEffect","_containerRef$current","_containerRef$current2","items","current","querySelector","childNodes","changeSize","_containerRef$current3","containerWidth","clientWidth","visibleItemsCount","totalWidth","i","length","_items$i","itemWidth","offsetWidth","window","addEventListener","removeEventListener","useEffect","_sliderRef$current","swiper","slideTo","paginationUniqueClass","useMemo","Math","random","toString","substring","handlePrevClick","e","_sliderRef$current2","stopPropagation","slidePrev","handleNextClick","_sliderRef$current3","slideNext","handleSwiperInit","useCallback","_sliderRef$current4","_sliderRef$current4$s","updateSlides","slides","slide","document","slider","_slide$getClientRects","_slider$getClientRect","slideWidth","getClientRects","width","sliderWidth","slidePeerView","floor","map","node","index","_jsx","Fragment","children","handleSlideChange","ArrowsWrapper","_ref2","Portal","rootId","handleMouseLeave","clearInterval","isLeftArrowDisabled","isRightArrowDisabled","_jsxs","ref","className","onMouseOver","CAROUSEL_ARROWS","display","onMouseOut","onClick","disabled","cc","GlobalIcon","lib","name","theme","size","EIconSize","_20","onMouseEnter","setInterval","timeoutDuration","DURATION_1000","onMouseLeave","Swiper","allowTouchMove","pagination","type","el","clickable","disableOnInteraction","onSlideChange","onSwiper","onSliderMove","update","grid","fill","modules","Grid","onProgress","val","point","progress","toFixed","callback","item","SwiperSlide"],"sourceRoot":""}