{"version":3,"file":"static/chunks/2772-b7b58dae2ad84072.js","mappings":"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","sources":["webpack://_N_E/./HOC's/withUserInformation.jsx","webpack://_N_E/./components/Alert/alert.component.jsx","webpack://_N_E/./components/VideoPlayer/SeriesImageWithCTA.jsx","webpack://_N_E/./components/VideoPlayer/index.js","webpack://_N_E/./components/header/Header-utils.js","webpack://_N_E/./components/loader/Loader.jsx","webpack://_N_E/./components/v3/components/Common/CustomModal/index.jsx","webpack://_N_E/./components/v3/components/Common/OverlayLoader/index.jsx","webpack://_N_E/./components/v3/components/Common/SocialShareModal/index.jsx","webpack://_N_E/./components/v3/components/PlaySeries/PlaySeriesDesktop.jsx","webpack://_N_E/./components/v3/components/PlaySeries/PlaySeriesMobile.jsx","webpack://_N_E/./hooks/useUserInformation.js","webpack://_N_E/./utils/route.utils.js","webpack://_N_E/./components/Alert/alert.module.scss","webpack://_N_E/./components/loader/Loader.module.scss","webpack://_N_E/./pages/series/series-slug.module.scss"],"sourcesContent":["import useUserInformation from \"../hooks/useUserInformation\";\n\n// Simple HOC to make sure userInformation doesn't get null, to Wrap with pages\n// only where most of userInformation is required\nconst withUserInformation = (WrappedComponent) => {\n  const WithUserInformation = (props) => {\n    useUserInformation({ setUser: props?.setUser });\n    return <WrappedComponent {...props} />;\n  };\n\n  return WithUserInformation;\n};\n\nexport default withUserInformation;\n","import React, { useState, useEffect, useCallback, useRef } from \"react\";\nimport MAlert from \"@mui/material/Alert\";\nimport styles from \"./alert.module.scss\";\nimport { Snackbar } from \"@mui/material\";\nexport default function Alert(props) {\n    const [showAlertErrorMessage, setShowAlertErrorMessage] = useState(\n        props.alert.message\n    );\n\n    // ON STATE UPDATE\n    useEffect(() => {\n        if (props.alert.message) {\n            setShowAlertErrorMessage(true);\n        } else {\n            setShowAlertErrorMessage(false);\n        }\n    }, [props]);\n\n    const closeTheAlertDeleteTheMessage = () => {\n        setShowAlertErrorMessage(false);\n        props?.setAlert({type: props.alert.type, message: \"\" })\n    };\n    return (\n        <div className={styles.alertMessagesSection}>\n            {showAlertErrorMessage && (\n                <Snackbar open={showAlertErrorMessage} autoHideDuration={6000} onClose={closeTheAlertDeleteTheMessage} anchorOrigin={{horizontal:props?.horizontal || \"left\",vertical:props?.vertical || \"bottom\"}}>\n                    <MAlert\n                        variant=\"filled\"\n                        onClose={() => {\n                            closeTheAlertDeleteTheMessage();\n                        }}\n                        \n                        severity={props.alert.type}\n                    >\n                        {props.alert.message}\n                    </MAlert>\n                </Snackbar>\n            )}\n        </div>\n    );\n}\n","import React from \"react\";\n\nconst SeriesImageWithCTA = ({\n  seriesImage,\n  seriesTitle,\n  ctaText,\n  isCancelCta,\n  handleOnClick,\n  handleOnCancel,\n}) => {\n  return (\n    <div className=\"w-full\">\n      <img\n        src={seriesImage}\n        alt={seriesTitle}\n        className=\"w-[140px] rounded-lg !mx-auto\"\n      />\n      <button\n        className=\"text-white w-[65%] py-2 flex justify-center rounded-lg !mx-auto mt-4 font-bold lg:w-[60%]\"\n        style={{\n          background:\n            \"linear-gradient(135deg, #0075ff 0%, #ff00d6 50.52%, #ffa800 100%)\",\n        }}\n        onClick={handleOnClick}\n      >\n        {ctaText}\n      </button>\n      {isCancelCta && (\n        <button\n          className=\"text-white w-[65%] py-2 flex justify-center rounded-lg !mx-auto mt-2 font-bold lg:w-[60%]\"\n          onClick={handleOnCancel}\n        >\n          Explore more\n        </button>\n      )}\n    </div>\n  );\n};\n\nexport default SeriesImageWithCTA;\n","import React, { useEffect, useState } from \"react\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport {\n  faShare,\n  faVolumeHigh,\n  faVolumeMute,\n} from \"@fortawesome/free-solid-svg-icons\";\nimport { useRouter } from \"next/router\";\nimport Alert from \"../Alert/alert.component\";\nimport CustomModal from \"../v3/components/Common/CustomModal\";\nimport SeriesImageWithCTA from \"./SeriesImageWithCTA\";\nimport ReactPlayer from \"react-player\";\nimport useStore from \"../../store/UseStore\";\nimport OverlayLoader from \"../v3/components/Common/OverlayLoader\";\n\nconst isIPhone = () => {\n  return (\n    typeof navigator !== \"undefined\" &&\n    /iPhone|iPad|iPod/i.test(navigator.userAgent)\n  );\n};\n\nconst VideoPlayer = (props) => {\n  const [isMuted, setIsMuted] = useState(false);\n  const [playerHeight, setPlayerHeight] = useState(0);\n  const [playerWidth, setPlayerWidth] = useState(0);\n  const [alert, setAlert] = useState({ error: \"\", type: \"success\" });\n  const [totalDuration, setTotalDuration] = useState(0);\n  const [isLoading, setIsLoading] = useState(true);\n  const [played, setPlayed] = useState(0);\n  const {\n    hasVideoEnded,\n    setOpenShareModal,\n    setHasVideoEnded,\n    setOpenDisclaimer,\n  } = useStore();\n  const router = useRouter();\n  const videoRef = props.videoRef;\n  const isSeriesFree = router.query.type === \"free\";\n\n  const {\n    muted,\n    showControl,\n    seriesData,\n    price,\n    category,\n    categorySlug,\n    seriesSlug,\n    openNoTrailerModal,\n    isCurrentUserPremium,\n    currentVideoIndex,\n    setOpenNoTrailerModal,\n    setVideoSourceState,\n    setCurrentVideoIndex,\n  } = props;\n  const videoTrailer = seriesData?.series?.trailer_info?.media_url;\n  const videoSource = props?.source;\n  const videoNode = videoRef;\n  const isDisclaimer = seriesData?.series?.category?.disclaimer;\n\n  useEffect(() => {\n    setIsMuted(muted);\n    // Update the player height whenever the window is resized\n    const handleResize = () => {\n      const windowHeight =\n        document.getElementById(\"videoPlayerPlaceholder\")?.clientHeight - 10;\n      // Assuming 16:9 aspect ratio, adjust as needed\n      const aspectRatioWidth = windowHeight * (9 / 16);\n      setPlayerHeight(windowHeight);\n      setPlayerWidth(aspectRatioWidth);\n    };\n    // Initial setup\n    handleResize();\n    window.addEventListener(\"resize\", handleResize);\n    return () => {\n      window.removeEventListener(\"resize\", handleResize);\n    };\n  }, []);\n\n  const copyUrlToShare = () => {\n    const route = window.location.href;\n    navigator.clipboard.writeText(route);\n    setAlert({ message: \"Link copied\", type: \"success\" });\n  };\n\n  const toggleMic = () => {\n    if (videoNode?.current?.mute) {\n      setIsMuted(isMuted);\n    } else {\n      setIsMuted(!isMuted);\n    }\n  };\n\n  // Only for iPhone\n  const handlePlayerReady = () => {\n    setIsLoading(false);\n  };\n\n  const handlePlayerBuffer = () => {\n    setIsLoading(true);\n  };\n\n  const handleOnVideoEnd = () => {\n    if (!isCurrentUserPremium) {\n      setHasVideoEnded(true);\n    }\n\n    if (currentVideoIndex < seriesData?.content_units.length - 1) {\n      if (isCurrentUserPremium) {\n        setCurrentVideoIndex(currentVideoIndex + 1); // Move to next video\n        setVideoSourceState(\n          seriesData?.content_units[currentVideoIndex]?.content?.hls_media_url\n        );\n      }\n    }\n  };\n\n  useEffect(() => {\n    if (router.query.type !== \"free\" && isCurrentUserPremium === false) {\n      if (!videoTrailer) {\n        setOpenNoTrailerModal(true);\n      }\n    }\n  }, [videoTrailer, router.query?.type, isCurrentUserPremium]);\n\n  return (\n    <div\n      id=\"player-v\"\n      style={{\n        width: playerWidth,\n        position: \"relative\",\n      }}\n    >\n      {alert && <Alert alert={alert} setAlert={setAlert} />}\n\n      <div>\n        {videoSource ? (\n          <div\n            className={`${\n              isCurrentUserPremium || router.query.type === \"free\"\n                ? \"opacity-100\"\n                : \"opacity-85 lg:opacity-100\"\n            } relative `}\n          >\n            {isIPhone() && isLoading && <OverlayLoader />}\n            <div className=\"w-fit md:!rounded-xl overflow-hidden relative\">\n              <ReactPlayer\n                url={videoSource}\n                playing\n                controls={true}\n                className=\"!w-full !h-[calc(100vh-100px)] lg:!h-[calc(100vh-100px)] lg:rounded-lg\"\n                muted={isMuted}\n                playsinline\n                onReady={handlePlayerReady}\n                onBuffer={handlePlayerBuffer}\n                onEnded={handleOnVideoEnd}\n                style={{\n                  width: \"100%\",\n                  height: \"100%\",\n                  opacity: hasVideoEnded ? \"40%\" : \"100%\",\n                  filter: hasVideoEnded ? \"blur(5px)\" : \"none\",\n                }}\n              />\n\n              {/* Overlay Content */}\n              {!hasVideoEnded && (\n                <div className=\"lg:hidden\">\n                  {!isSeriesFree && !isCurrentUserPremium && (\n                    <div className=\"text-white absolute bottom-[10px] left-0 right-0 bg-gradient-to-t from-black/70 to-transparent\">\n                      <div className=\"w-[90%] mx-auto\">\n                        <div className=\"text-[20px] font-bold\">\n                          {seriesData?.series?.display_title}\n                        </div>\n                        <div\n                          className=\"w-fit px-2 py-1 text-[12px] rounded-full bg-green-600 mt-1\"\n                          onClick={() =>\n                            router.push(`/category/${categorySlug}`)\n                          }\n                        >\n                          {category}\n                        </div>\n                        <div className=\"text-[14px] line-clamp-2 mt-1 pb-1\">\n                          {seriesData?.series?.description}\n                        </div>\n                      </div>\n                      <button\n                        className=\"w-[90%] flex justify-center mx-auto py-[10px] rounded-md font-bold\"\n                        style={{\n                          background:\n                            \"linear-gradient(135deg, #0075ff 0%, #ff00d6 50.52%, #ffa800 100%)\",\n                        }}\n                        onClick={() =>\n                          router.push(\n                            `/premium?source=series&seriesSlug=${seriesSlug}`\n                          )\n                        }\n                      >\n                        SUBSCRIBE at ₹{price}\n                      </button>\n                    </div>\n                  )}\n                </div>\n              )}\n            </div>\n\n            {/* // Pop up on video after trailer ends */}\n            {router.query.type === \"free\" || isCurrentUserPremium ? null : (\n              <div className=\"\">\n                {hasVideoEnded ? (\n                  <div className=\"absolute top-0 bottom-0 left-0 right-0 flex justify-center items-center !w-full h-full\">\n                    <SeriesImageWithCTA\n                      seriesImage={seriesData?.series?.image}\n                      seriesTitle={seriesData?.series?.display_title}\n                      ctaText=\"Subscribe to watch\"\n                      isCancelCta\n                      handleOnCancel={() => {\n                        router.push(\"/app\");\n                      }}\n                      handleOnClick={() => {\n                        router.push(\n                          `/premium?source=series&seriesSlug=${seriesSlug}`\n                        );\n                      }}\n                    />\n                  </div>\n                ) : null}\n              </div>\n            )}\n          </div>\n        ) : (\n          <>\n            {/* // Modal when there is no trailer only or VideoSource */}\n            <CustomModal\n              open={openNoTrailerModal}\n              handleCloseModal={() => {\n                router.push(\"/app\");\n              }}\n              bgOpacity=\"bg-black/90\"\n              className=\"!border border-gray-700\"\n            >\n              <SeriesImageWithCTA\n                seriesImage={seriesData?.series?.image}\n                seriesTitle={seriesData?.series?.display_title}\n                ctaText=\"Subscribe to watch\"\n                handleOnClick={() => {\n                  router.push(\n                    `/premium?source=series&seriesSlug=${seriesSlug}`\n                  );\n                }}\n                isCancelCta={true}\n                handleOnCancel={() => router.push(\"/app\")}\n              />\n            </CustomModal>\n          </>\n        )}\n\n        {/* // Mute , Disclaimer & Share CTA */}\n        <div>\n          {!isIPhone() && (\n            <div>\n              {(played / totalDuration) * 100 >= 95 &&\n              !isCurrentUserPremium ? null : (\n                <div className=\"w-[95%] absolute top-4\">\n                  {props?.source ? (\n                    <div>\n                      {!showControl ? (\n                        <div className=\"flex justify-between !w-full mt-2\">\n                          <div\n                            className=\"ml-4 flex items-center gap-x-2 cursor-pointer\"\n                            onClick={toggleMic}\n                          >\n                            <FontAwesomeIcon\n                              icon={!isMuted ? faVolumeHigh : faVolumeMute}\n                              color=\"white\"\n                              fontSize={13}\n                              className=\"bg-black bg-opacity-50 p-1 rounded-full\"\n                            />\n                            <div\n                              className={`transition-transform duration-300 ${\n                                isMuted ? \"translate-x-0\" : \"-translate-x-full\"\n                              }`}\n                            >\n                              {isMuted && (\n                                <div className=\"text-[10px] text-white bg-black bg-opacity-50 border border-white px-2 py-1 rounded-full shadow-xl\">\n                                  Tap to unmute\n                                </div>\n                              )}\n                            </div>\n                          </div>\n\n                          <FontAwesomeIcon\n                            icon={faShare}\n                            className=\"text-[12px] mr-2 text-white bg-black bg-opacity-50 px-2 py-1 rounded-full shadow-xl cursor-pointer lg:!mr-4\"\n                            onClick={() => setOpenShareModal(true)}\n                          />\n                        </div>\n                      ) : null}\n\n                      {/* Disclaimer Icon */}\n                      {isDisclaimer && (\n                        <div\n                          className=\"mt-3 cursor-pointer\"\n                          onClick={() => setOpenDisclaimer(true)}\n                        >\n                          <span className=\"px-2 text-[13px] py-[2px] font-bold rounded-full text-white !bg-black !bg-opacity-50 ml-[18px] !mt-10\">\n                            i\n                          </span>\n                        </div>\n                      )}\n                    </div>\n                  ) : null}\n                </div>\n              )}\n            </div>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default VideoPlayer;\n","import { apiGateway } from \"../../utils/config\";\nimport Cookies from \"js-cookie\";\n\nexport const getCurrentUserData = async ({\n  setUserData,\n  addUserInformation,\n  cb,\n  axiosPrivate,\n}) => {\n  try {\n    const url = `${apiGateway}/api/v1/users/me/`;\n    const response = await axiosPrivate.get(url);\n    const data = response?.data;\n    if (data) {\n      if (setUserData) setUserData(data);\n      if (addUserInformation) addUserInformation(data);\n      if (cb) cb(data.user);\n    }\n  } catch (error) {\n    console.log(\"ERROR !! getCurrentUserData\", error.message);\n  }\n};\n","import React from \"react\";\nimport styles from \"./Loader.module.scss\";\n\nexport default function Loader() {\n  return (\n    <div className={styles.loader}>\n    </div>\n  );\n}\n","import { faClose } from \"@fortawesome/free-solid-svg-icons\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { useEffect, useRef } from \"react\";\n\nconst CustomModal = ({\n  open,\n  title,\n  children,\n  className,\n  bgOpacity,\n  handleCloseModal,\n}) => {\n  const modalRef = useRef(null);\n\n  useEffect(() => {\n    const handleOutsideClick = (event) => {\n      if (modalRef.current && !modalRef.current.contains(event.target)) {\n        handleCloseModal();\n      }\n    };\n\n    const handleBodyScroll = () => {\n      document.body.style.overflow = open ? \"hidden\" : \"\";\n    };\n\n    if (open) {\n      document.addEventListener(\"mousedown\", handleOutsideClick);\n      handleBodyScroll();\n    }\n\n    return () => {\n      document.removeEventListener(\"mousedown\", handleOutsideClick);\n      document.body.style.overflow = \"\";\n    };\n  }, [open]);\n\n  if (!open) return null;\n\n  return (\n    <div\n      className={`fixed inset-0 flex items-center justify-center ${\n        bgOpacity || \"bg-black/60\"\n      } z-[999999] `}\n    >\n      <div\n        ref={modalRef}\n        className={`bg-black rounded-lg shadow-lg max-w-lg w-[90%] mx-2 p-4 relative ${className}`}\n      >\n        <button\n          onClick={handleCloseModal}\n          className=\"absolute top-2 right-2 text-white hover:text-gray-700\"\n        >\n          <FontAwesomeIcon icon={faClose} className=\"text-[20px] mt-2 mr-2\" />\n        </button>\n        {title && (\n          <h3 className=\"font-semibold leading-6 text-2xl mb-4\">{title}</h3>\n        )}\n        {children}\n      </div>\n    </div>\n  );\n};\n\nexport default CustomModal;\n","import React from \"react\";\nimport Loader from \"../../../../loader/Loader\";\n\nconst OverlayLoader = ({ className }) => {\n  return (\n    <div>\n      <div\n        className={`fixed top-0 left-0 w-full h-full flex justify-center items-center bg-black z-[99999] ${className}`}\n      >\n        <Loader />\n      </div>\n    </div>\n  );\n};\n\nexport default OverlayLoader;\n","import React, { useState } from \"react\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport {\n  faFacebook,\n  faLinkedin,\n  faReddit,\n  faTelegram,\n  faTwitter,\n  faWhatsapp,\n} from \"@fortawesome/free-brands-svg-icons\";\nimport { faCheck, faCopy } from \"@fortawesome/free-solid-svg-icons\";\nimport CustomModal from \"../CustomModal\";\n\nconst SocialShareModal = ({ url, modalOpen, seriesTitle, setModalOpen }) => {\n  const [linkCopied, setLinkCopied] = useState(false);\n  const shareJobMessage = `Ready to level up? Check out our latest series \"${seriesTitle}\" on Seekho and unlock new possibilities! Watch here: ${url} #Seekho #SeekhoApp`;\n\n  const SHARE_MEDIA = [\n    {\n      text: \"WhatsApp\",\n      icon: (\n        <FontAwesomeIcon\n          icon={faWhatsapp}\n          className=\"text-green-500 text-[35px]\"\n        />\n      ),\n    },\n    {\n      text: \"Facebook\",\n      icon: (\n        <FontAwesomeIcon\n          icon={faFacebook}\n          className=\"text-[#0866ff] text-[35px]\"\n        />\n      ),\n    },\n    {\n      text: \"Twitter\",\n      icon: (\n        <FontAwesomeIcon\n          icon={faTwitter}\n          className=\"text-[#1fa1f2] text-[35px]\"\n        />\n      ),\n    },\n    {\n      text: \"Telegram\",\n      icon: (\n        <FontAwesomeIcon\n          icon={faTelegram}\n          className=\"text-[#23a0dc] text-[35px]\"\n        />\n      ),\n    },\n    {\n      text: \"Reddit\",\n      icon: (\n        <FontAwesomeIcon\n          icon={faReddit}\n          className=\"!text-[#fb4301] text-[35px]\"\n        />\n      ),\n    },\n    {\n      text: \"Linkedin\",\n      icon: (\n        <FontAwesomeIcon\n          icon={faLinkedin}\n          className=\"text-[#0b66c2] text-[35px]\"\n        />\n      ),\n    },\n  ];\n\n  const handleShare = async (service) => {\n    try {\n      switch (service) {\n        case \"whatsapp\":\n          window.open(\n            `https://api.whatsapp.com/send?text=${encodeURIComponent(\n              shareJobMessage\n            )}`\n          );\n          break;\n        case \"facebook\":\n          window.open(\n            `https://www.facebook.com/sharer/sharer.php?u=${encodeURIComponent(\n              url\n            )}`\n          );\n          break;\n        case \"twitter\":\n          window.open(\n            `https://twitter.com/intent/tweet?url=${encodeURIComponent(\n              shareJobMessage\n            )}`\n          );\n          break;\n        case \"telegram\":\n          window.open(\n            `https://t.me/share/url?url=${encodeURIComponent(shareJobMessage)}`\n          );\n          break;\n        case \"linkedin\":\n          window.open(\n            `https://www.linkedin.com/sharing/share-offsite/?url=${encodeURIComponent(\n              url\n            )}`\n          );\n          break;\n        case \"reddit\":\n          window.open(\n            `https://www.reddit.com/submit?url=${encodeURIComponent(\n              shareJobMessage\n            )}`\n          );\n          break;\n        default:\n          throw new Error(`Invalid share service: ${service}`);\n      }\n    } catch (error) {\n      console.error(\"Failed to copy to clipboard:\", error);\n    }\n  };\n\n  const copyTextToClipboard = async (clipboardText) => {\n    try {\n      await navigator.clipboard.writeText(clipboardText);\n      setLinkCopied(true);\n    } catch (err) {\n      console.error(\"Failed to copy to clipboard:\", err);\n    }\n  };\n\n  const renderShareMedia = () => {\n    return SHARE_MEDIA?.map((item) => (\n      <div\n        className=\"flex items-center flex-col gap-3 cursor-pointer\"\n        onClick={() => handleShare(item.text.toLowerCase())}\n        aria-hidden\n      >\n        <div>{item?.icon}</div>\n        <div className=\"text-gray-300 text-[14px] lg:text-[16px]\">\n          {item?.text}\n        </div>\n      </div>\n    ));\n  };\n\n  return (\n    <CustomModal\n      open={modalOpen}\n      handleCloseModal={() => {\n        setModalOpen(false);\n        setLinkCopied(false);\n      }}\n      title=\"Share Link\"\n      className=\"!w-[90%] md:!w-[464px] text-white !border !border-gray-600\"\n      bgOpacity=\"bg-black/80\"\n    >\n      <div className=\"\">\n        <div className=\"grid grid-cols-3 gap-y-9 mb-9\">\n          {renderShareMedia()}\n        </div>\n        <div className=\"flex flex-col gap-2\">\n          <div component=\"subheading\" variant=\"bold\">\n            Series Link\n          </div>\n          <div className=\"bg-black flex justify-between items-center h-full w-full\">\n            <div className=\"py-[13px] px-[16px] !border !border-gray-600 border-dashed !border-r-0 w-full rounded-lg rounded-r-none\">\n              {linkCopied ? (\n                <div className=\"text-green-500\">Link Copied</div>\n              ) : (\n                <div className=\"break-all line-clamp-1\">{url}</div>\n              )}\n            </div>\n\n            {linkCopied ? (\n              <div className=\"bg-[#804ee8] py-[15px] px-[16px] rounded-r-lg -ml-2\">\n                <FontAwesomeIcon icon={faCheck} />\n              </div>\n            ) : (\n              <div className=\"bg-[#804ee8] py-[15px] px-[16px] rounded-r-lg -ml-2\">\n                <FontAwesomeIcon\n                  icon={faCopy}\n                  className=\"text-[20px] cursor-pointer \"\n                  onClick={() => {\n                    copyTextToClipboard(url);\n                    setLinkCopied(true);\n                    setTimeout(() => {\n                      setLinkCopied(false);\n                    }, 1000);\n                  }}\n                />\n              </div>\n            )}\n          </div>\n        </div>\n      </div>\n    </CustomModal>\n  );\n};\n\nexport default SocialShareModal;\n","import { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { faArrowLeft } from \"@fortawesome/free-solid-svg-icons\";\nimport { useRouter } from \"next/router\";\nimport { useEffect, useState } from \"react\";\nimport {\n  handleConvertSecondsToMinutes,\n  handleReadMoreContentFeature,\n} from \"../../../../utils/utils\";\nimport styles from \"../../../../pages/series/series-slug.module.scss\";\nimport VideoPlayer from \"../../../VideoPlayer\";\nimport useStore from \"../../../../store/UseStore\";\n// import ScreenReaderOnly from \"../Common/ScreenReaderOnly\";\nimport useRouting from \"../../../../hooks/useRouting\";\n\n// the commented code was for payment in series page, code will be removed later\nconst PlaySeriesDesktop = (props) => {\n  const {\n    source,\n    seriesData,\n    muted,\n    price,\n    category,\n    categorySlug,\n    isCurrentUserPremium,\n    similar_series,\n    seriesSlug,\n    currentVideoIndex,\n    setCurrentVideoIndex,\n    setVideoSourceState,\n  } = props;\n  const [openNoTrailerModal, setOpenNoTrailerModal] = useState(false);\n  const [readMore, setReadMore] = useState(false);\n  const [playerWidth, setPlayerWidth] = useState(0);\n  const { setHasVideoEnded } = useStore();\n  const { routeToSeries } = useRouting();\n  const router = useRouter();\n  // const globalState = useContext(Context);\n  // const firebase_uid = globalState?.user?.uid;\n  // const planId = planDetails?.id;\n  // const coupon_code = planDetails?.coupons?.[0]?.code;\n  const maxCharacters = 200; // Maximum characters to show initially\n\n  // Function to toggle read more state\n  const handleToggleReadMore = () => {\n    setReadMore(!readMore);\n  };\n\n  const handleRouteBack = () => {\n    if (typeof window !== \"undefined\") {\n      if (window.history.length > 1) {\n        router.back();\n      } else {\n        window.location.href = \"/app\"; // window because the /app page to be refresh new data to be fetched in /app\n      }\n    }\n  };\n\n  // const handleShow = () => {\n  //   window.location.reload();\n  // };\n\n  //   Function passed as argument to show if errors occur during payments\n  // const handleDisplayErrors = ({ type, message }) => {\n  //   setAlertMessage({ type, message });\n  // };\n\n  // const handleOnPaymentModalClose = () => {\n  //   if (videoRef?.current) {\n  //     videoRef?.current?.play();\n  //   }\n  // };\n\n  // const handleCreateOrder = async () => {\n  //   if (openPaymentModal) setOpenPaymentModal(false);\n  //   handleWebPremiumBuyNowClickedEvent({\n  //     firebase_uid,\n  //     webviewEvent: webViewEventState,\n  //   });\n  //   if (userData?.phone && planId) {\n  //     let payload = {\n  //       premium_plan_id: planId,\n  //       deal_price: planDetails?.discounted_price,\n  //       coupon_code,\n  //       payment_source: \"web\",\n  //     };\n  //     let userDetails = userData;\n  //     if (!userData?.email) {\n  //       userDetails = { ...userDetails, email: \"seekho.plus@seekhoapp.com\" };\n  //     }\n  //     await createOrder(\n  //       payload,\n  //       userDetails,\n  //       handleShow,\n  //       globalState?.user,\n  //       handleDisplayErrors,\n  //       razorpay_api_key,\n  //       handleOnPaymentModalClose,\n  //       axiosPrivate,\n  //       () => {}\n  //     );\n  //     handleViewRazorpayPaymentScreenEvent({\n  //       firebase_uid,\n  //       webviewEvent: webViewEventState,\n  //     });\n  //   }\n  // };\n\n  // Razorpay Standard script load\n  // useEffect(() => {\n  //   const loadScript = () => {\n  //     const script = document.createElement(\"script\");\n  //     script.src = \"https://checkout.razorpay.com/v1/checkout.js\";\n  //     document.body.appendChild(script);\n  //   };\n  //   loadScript();\n  //   return () => {\n  //     // Cleanup function if needed\n  //   };\n  // }, []);\n\n  // Create order once after user Subscribe CTA from /series & after loggedIn\n  // useEffect(() => {\n  //   if (openPaymentModal) {\n  //     handleCreateOrder();\n  //   }\n  // }, [openPaymentModal]);\n\n  useEffect(() => {\n    // Update the player height whenever the window is resized\n    const handleResize = () => {\n      const innerWidth = window.innerWidth;\n      // Assuming 16:9 aspect ratio, adjust as needed\n      setPlayerWidth(innerWidth);\n    };\n    // Initial setup\n    handleResize();\n    window.addEventListener(\"resize\", handleResize);\n    return () => {\n      window.removeEventListener(\"resize\", handleResize);\n    };\n  }, []);\n\n  return (\n    <div>\n      <div className={styles.seriesContent}>\n        <div>\n          <div className=\"bg-black mx-auto px-5 py-4 flex gap-x-4 text-white items-center\">\n            <FontAwesomeIcon\n              icon={faArrowLeft}\n              className=\"cursor-pointer\"\n              onClick={handleRouteBack}\n            />\n            <img\n              src=\"/assets/headerlogo.png\"\n              alt=\"Seekho\"\n              className=\"w-[100px] cursor-pointer\"\n              onClick={() => {\n                if (typeof window !== \"undefined\") {\n                  if (window.history.length > 1) {\n                    router.push(\"/app\"); // just redirect for the user who has already come to this page fom website\n                  } else {\n                    window.location.href = \"/app\"; // refresh the page for user who directly landed here\n                  }\n                }\n              }}\n            />\n          </div>\n        </div>\n        <div className={styles.seriesContentSection}>\n          {playerWidth && playerWidth > 1024 && (\n            <div\n              id=\"videoPlayerPlaceholder\"\n              className={styles.videoPlayerPlaceholder}\n              style={{\n                backgroundColor: \"black\",\n                // height: \"90%\",\n              }}\n            >\n              <VideoPlayer\n                source={source}\n                seriesData={seriesData}\n                openNoTrailerModal={openNoTrailerModal}\n                muted={muted}\n                price={price}\n                category={category}\n                seriesSlug={seriesSlug}\n                isCurrentUserPremium={isCurrentUserPremium}\n                currentVideoIndex={currentVideoIndex}\n                setCurrentVideoIndex={setCurrentVideoIndex}\n                setOpenNoTrailerModal={setOpenNoTrailerModal}\n                setVideoSourceState={setVideoSourceState}\n              />\n            </div>\n          )}\n\n          <div className=\"text-white overflow-y-auto w-[50%] mt-2 no-scrollbar pb-10\">\n            <div>\n              <h1 className=\"w-[90%]\">{seriesData?.series?.display_title}</h1>\n              <div\n                className=\"w-fit px-2 py-1 text-[13px] rounded-full bg-green-600 mt-1 cursor-pointer\"\n                onClick={() => router.push(`/category/${categorySlug}`)}\n              >\n                {category}\n              </div>\n\n              <div>\n                <div\n                  className=\"mt-2 w-[90%] text-justify overflow-hidden\"\n                  style={{ whiteSpace: \"pre-line\", fontFamily: \"Inter\" }}\n                >\n                  {handleReadMoreContentFeature({\n                    content: seriesData?.series?.description,\n                    readMore,\n                  })}\n                  <span className=\"ml-1\">\n                    {/* Conditionally render the button based on content length */}\n                    {seriesData?.series?.description?.length >\n                      maxCharacters && (\n                      <button\n                        onClick={handleToggleReadMore}\n                        className=\"text-[13px] font-medium text-purple-500\"\n                      >\n                        {readMore ? \" Read Less\" : \" Read More\"}\n                      </button>\n                    )}\n                  </span>\n                </div>\n              </div>\n\n              {!isCurrentUserPremium && (\n                <div className=\"text-white mt-4 w-[40%]\">\n                  <button\n                    className=\"w-full py-[10px] rounded-md font-bold !normal-case\"\n                    style={{\n                      background:\n                        \"linear-gradient(135deg, #0075ff 0%, #ff00d6 50.52%, #ffa800 100%)\",\n                    }}\n                    onClick={() => {\n                      router.push(\n                        `/premium?source=series&seriesSlug=${seriesSlug}`\n                      );\n                    }}\n                  >\n                    SUBSCRIBE at ₹{price}\n                  </button>\n                </div>\n              )}\n\n              <div>\n                <div className=\"mt-4 font-bold text-[17px]\">RECOMMENDED</div>\n                {similar_series && (\n                  <div className=\"grid grid-cols-4 w-fit gap-x-6 gap-y-24 mt-3\">\n                    {similar_series?.map((item) => {\n                      return (\n                        <div\n                          key={item?.id}\n                          className=\"w-[120px] h-[160px] cursor-pointer relative\"\n                          onClick={() => {\n                            setCurrentVideoIndex(0);\n                            setHasVideoEnded(false);\n                            routeToSeries({\n                              slug: item?.slug,\n                              seriesId: item?.id,\n                            });\n                          }}\n                        >\n                          <img\n                            src={item?.image}\n                            alt={item?.display_title}\n                            className=\"w-[100%] !h-[100%] rounded-md relative\"\n                          />\n                          {item?.image_title && (\n                            <div className=\"w-full absolute !justify-center bottom-2 font-bold text-center text-[13px]\">\n                              {item?.image_title}\n                            </div>\n                          )}\n\n                          <div className=\"md:block w-[95%] mx-auto\">\n                            <h6 className=\"text-[14px] text-white line-clamp-2 mt-2\">\n                              {item?.display_title}\n                            </h6>\n                            <div className=\"flex\">\n                              <h6 className=\"text-gray-400 text-[13px] font-normal flex gap-x-2 items-center\">\n                                {handleConvertSecondsToMinutes({\n                                  seconds: item?.duration_s,\n                                })}{\" \"}\n                                {item?.rating && <span>•</span>}\n                                {item?.rating && <span>{item?.rating}</span>}\n                                {item?.rating && (\n                                  <span className=\"text-[10px] -ml-1 text-yellow-500\">\n                                    ★\n                                  </span>\n                                )}\n                              </h6>\n                            </div>\n                            {/* <ScreenReaderOnly content={item?.description} /> */}\n                          </div>\n                        </div>\n                      );\n                    })}\n                  </div>\n                )}\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default PlaySeriesDesktop;\n","import { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { faArrowLeft } from \"@fortawesome/free-solid-svg-icons\";\nimport { useRouter } from \"next/router\";\nimport { useEffect, useState } from \"react\";\nimport { handleReadMoreContentFeature } from \"../../../../utils/utils\";\nimport styles from \"../../../../pages/series/series-slug.module.scss\";\nimport Alert from \"../../../Alert/alert.component\";\nimport VideoPlayer from \"../../../VideoPlayer\";\nimport useStore from \"../../../../store/UseStore\";\n\nconst PlaySeriesMobile = (props) => {\n  const {\n    source,\n    poster,\n    seriesData,\n    muted,\n    price,\n    category,\n    categorySlug,\n    isCurrentUserPremium,\n    seriesSlug,\n    currentVideoIndex,\n    setCurrentVideoIndex,\n    setVideoSourceState,\n  } = props;\n  // const [createOrderDetails, setCreateOrderDetails] = useState({});\n  const [openNoTrailerModal, setOpenNoTrailerModal] = useState(false);\n  // const [planPrice, setPlanPrice] = useState({\n  //   original_price: 0,\n  //   discounted_price: 0,\n  //   finalPrice: 0,\n  // });\n  const [alertMessage, setAlertMessage] = useState(null);\n  const [readMore, setReadMore] = useState(false);\n  const [playerWidth, setPlayerWidth] = useState(0);\n  const { setHasVideoEnded } = useStore();\n  const router = useRouter();\n  // const firebase_uid = globalState?.user?.uid;\n  // const planId = planDetails?.id;\n  // const coupon_code = planDetails?.coupons?.[0]?.code;\n  const maxCharacters = 200; // Maximum characters to show initially\n  const screenSize = playerWidth && playerWidth < 1024;\n\n  // Function to toggle read more state\n  const handleToggleReadMore = () => {\n    setReadMore(!readMore);\n  };\n\n  const handleRouteBack = () => {\n    if (typeof window !== \"undefined\") {\n      if (window.history.length > 1) {\n        router.back();\n      } else {\n        window.location.href = \"/app\"; // window because the /app page to be refresh new data to be fetched in /app\n      }\n    }\n  };\n\n  // const handleCreateOrder = async () => {\n  //   if (openPaymentModal) setOpenPaymentModal(false);\n  //   handleWebPremiumBuyNowClickedEvent({\n  //     firebase_uid,\n  //     webviewEvent: webViewEventState,\n  //   }); // Buy now click event\n  //   if (userData?.phone && planId) {\n  //     try {\n  //       const url = createOrderUrl;\n  //       let payload = {\n  //         premium_plan_id: planId,\n  //         deal_price: planDetails?.discounted_price,\n  //         coupon_code,\n  //         payment_source: \"web\",\n  //       };\n  //       setIsLoading(true);\n  //       const response = await axiosPrivate.post(url, payload);\n  //       if (response?.data) {\n  //         setCreateOrderDetails(response?.data);\n  //         setOpenNoTrailerModal(false);\n  //         setOpenCustomPaymentScreen(true);\n  //         router.push({\n  //           pathname: router.pathname,\n  //           query: { ...router.query, open: \"true\" },\n  //         });\n  //         // setIsLoading(false);\n  //         handleViewRazorpayPaymentScreenEvent({\n  //           firebase_uid,\n  //           webviewEvent: webViewEventState,\n  //         });\n  //       }\n  //     } catch (error) {\n  //       setIsLoading(false);\n  //       setAlertMessage({ type: \"error\", message: error?.message });\n  //     }\n  //   } else {\n  //     router.push(\"/login\");\n  //   }\n  // };\n\n  // useEffect(() => {\n  //   setPlanPrice({\n  //     discounted_price: planDetails?.discounted_price,\n  //     original_price: planDetails?.original_price,\n  //     finalPrice: planDetails?.discounted_price,\n  //   });\n  // }, [planDetails]);\n\n  // useEffect(() => {\n  //   if (openPaymentModal) {\n  //     setIsLoading(true);\n  //     setTimeout(() => {\n  //       handleCreateOrder();\n  //     }, 2000);\n  //   }\n  // }, [openPaymentModal]);\n\n  // useEffect(() => {\n  //   if (openCustomPaymentScreen) {\n  //     setTimeout(() => {\n  //       setIsLoading(false);\n  //     }, 200);\n  //   }\n  // }, [openCustomPaymentScreen]);\n\n  useEffect(() => {\n    // Update the player height whenever the window is resized\n    const handleResize = () => {\n      const innerWidth = window.innerWidth;\n      // Assuming 16:9 aspect ratio, adjust as needed\n      setPlayerWidth(innerWidth);\n    };\n    // Initial setup\n    handleResize();\n    window.addEventListener(\"resize\", handleResize);\n    return () => {\n      window.removeEventListener(\"resize\", handleResize);\n    };\n  }, []);\n\n  // setting the hasVideoEnded state to false when clicked back, so that the series pop up gets unmounted from the player\n  useEffect(() => {\n    const handleRouteChange = () => {\n      setHasVideoEnded(false);\n    };\n    router.events.on(\"routeChangeStart\", handleRouteChange);\n    // Cleanup the event listener on component unmount\n    return () => {\n      router.events.off(\"routeChangeStart\", handleRouteChange);\n    };\n  }, [router.events, setHasVideoEnded]);\n\n  return (\n    <div>\n      <div className={styles.seriesContent}>\n        <div className=\"bg-black w-[95%] mx-auto py-4 flex gap-x-3 text-white items-center\">\n          <FontAwesomeIcon\n            icon={faArrowLeft}\n            className=\"\"\n            onClick={handleRouteBack}\n          />\n          <img\n            src=\"/assets/headerlogo.png\"\n            alt=\"Seekho\"\n            className=\"w-[100px] cursor-pointer\"\n            onClick={() => {\n              if (typeof window !== \"undefined\") {\n                if (window.history.length > 1) {\n                  router.push(\"/app\"); // just redirect for the user who has already come to this page fom website\n                } else {\n                  window.location.href = \"/app\"; // refresh the page for user who directly landed here\n                }\n              }\n            }}\n          />\n        </div>\n        {screenSize && (\n          <div\n            id=\"videoPlayerPlaceholder\"\n            className={styles.videoPlayerPlaceholderDesk}\n          >\n            <VideoPlayer\n              source={source}\n              poster={poster}\n              showControl={false}\n              seriesData={seriesData}\n              muted={muted}\n              price={price}\n              openNoTrailerModal={openNoTrailerModal}\n              category={category}\n              categorySlug={categorySlug}\n              seriesSlug={seriesSlug}\n              isCurrentUserPremium={isCurrentUserPremium}\n              currentVideoIndex={currentVideoIndex}\n              setCurrentVideoIndex={setCurrentVideoIndex}\n              setOpenNoTrailerModal={setOpenNoTrailerModal}\n              setVideoSourceState={setVideoSourceState}\n            />\n          </div>\n        )}\n\n        {/* // Series Title & Description for premium users */}\n        {screenSize && (\n          <div>\n            {isCurrentUserPremium === true || router.query?.type === \"free\" ? (\n              <div className=\"w-[100%] mx-auto text-white mt-[5px] bg-black px-3\">\n                <div className=\"text-[18px] font-bold\">\n                  {seriesData?.series?.display_title}\n                </div>\n                <div\n                  className=\"w-fit px-2 py-1 text-[10px] rounded-full bg-green-600 mt-1\"\n                  onClick={() => router.push(`/category/${categorySlug}`)}\n                >\n                  {category}\n                </div>\n                <div\n                  className={` text-[14px] mt-2 ${\n                    seriesData?.series?.description?.length < maxCharacters &&\n                    \"pb-8\"\n                  }`}\n                  style={{ whiteSpace: \"pre-line\", fontFamily: \"Inter\" }}\n                >\n                  {handleReadMoreContentFeature({\n                    content: seriesData?.series?.description,\n                    readMore,\n                  })}\n                </div>\n\n                {/* Conditionally render the button based on content length */}\n                {seriesData?.series?.description?.length > maxCharacters && (\n                  <button\n                    onClick={handleToggleReadMore}\n                    className=\"mt-2 text-[12px] mb-4 text-purple-500\"\n                  >\n                    {readMore ? \"Read Less..\" : \"Read More..\"}\n                  </button>\n                )}\n              </div>\n            ) : (\n              \"\"\n            )}\n          </div>\n        )}\n      </div>\n\n      {alertMessage && (\n        <Alert alert={alertMessage} setAlert={setAlertMessage} />\n      )}\n\n      {/* <CustomPaymentScreen\n        openModal={openCustomPaymentScreen}\n        createOrderDetails={createOrderDetails}\n        userData={userData}\n        price={planPrice}\n        source={source_screen}\n        setOpenCustomPaymentScreen={setOpenCustomPaymentScreen}\n        handleCloseModal={() => {\n          if (videoRef?.current) videoRef?.current?.play();\n          setOpenCustomPaymentScreen(false);\n          if (!seriesData?.series?.trailer_info?.media_url)\n            setOpenNoTrailerModal(true);\n        }}\n      /> */}\n    </div>\n  );\n};\n\nexport default PlaySeriesMobile;\n","import { useContext, useEffect, useState } from \"react\";\nimport { apiGateway } from \"../utils/config\";\nimport useStore from \"../store/UseStore\";\nimport useAxiosPrivate from \"./useAxiosPrivate\";\nimport { Context } from \"../store\";\n\n// Alternate Hook which will fetch the user details and store it in zustand store globally,\n// when in use, just call the hook and access the data from the useStore\nconst useUserInformation = ({ setUser }) => {\n  const { userData, setUserData } = useStore();\n  const [isLoggedIn, setIsLoggedIn] = useState(null);\n  const axiosPrivate = useAxiosPrivate();\n  const globalState = useContext(Context);\n\n  const handleGetUserDetails = async () => {\n    try {\n      const url = `${apiGateway}/api/v1/users/me/`;\n      const response = await axiosPrivate.get(url);\n      if (response?.data) {\n        if (setUser) setUser(response?.data);\n        setUserData(response?.data?.user);\n        globalState?.addUserInformation(response?.data);\n      }\n    } catch (error) {\n      console.log(\"ERROR\", error.message);\n    }\n  };\n\n  useEffect(() => {\n    if (typeof window !== \"undefined\") {\n      try {\n        const storedIsLoggedIn = localStorage.getItem(\"isLoggedIn\");\n        setIsLoggedIn(storedIsLoggedIn);\n      } catch (error) {\n        console.log(\"Failed to access localStorage:\", error);\n      }\n    }\n  }, []);\n\n  useEffect(() => {\n    if (isLoggedIn === \"true\" && userData === null) {\n      handleGetUserDetails(); // calling the API only when userData is null from zustand store\n    }\n  }, [isLoggedIn, userData]);\n};\n\nexport default useUserInformation;\n","const DOMAIN = \"https://seekho.in\";\n\nexport const RouteName = {\n  index: DOMAIN,\n  app: `${DOMAIN}/app`,\n  premium: `${DOMAIN}/premium`,\n  series: `${DOMAIN}/series`,\n  video: `${DOMAIN}/video`,\n  category: `${DOMAIN}/category`,\n  privacyPolicy: `${DOMAIN}/privacy-policy`,\n  cancellationPolicy: `${DOMAIN}/cancellation-policy`,\n  termsAndCondition: `${DOMAIN}/terms-and-conditions`,\n  team: `${DOMAIN}/team`,\n  faq: `${DOMAIN}/faqs`,\n  blogs: `${DOMAIN}/blog`,\n};\n\nexport const routeToDomain =\n  process.env.NEXT_PUBLIC_ENVIRONMENT === \"staging\"\n    ? \"https://staging.seekho.in\"\n    : \"https://seekho.in\";\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"alertMessagesSection\":\"alert_alertMessagesSection__GEUrY\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"loader\":\"Loader_loader__ZKOIP\",\"spin\":\"Loader_spin__0HLl0\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"seriesContent\":\"series-slug_seriesContent__OpKdB\",\"topStrip\":\"series-slug_topStrip__5_W5i\",\"series_title\":\"series-slug_series_title__JPFHi\",\"seriesContentSection\":\"series-slug_seriesContentSection__aZV_Z\",\"videoListSection\":\"series-slug_videoListSection__CrRvw\",\"title\":\"series-slug_title__yeuZB\",\"index\":\"series-slug_index__3DnjE\",\"part\":\"series-slug_part__NKpex\",\"count\":\"series-slug_count__MTWw7\",\"list_action\":\"series-slug_list_action__c8n_N\",\"unit_time\":\"series-slug_unit_time__3eJH2\",\"videoPlayerPlaceholderDesk\":\"series-slug_videoPlayerPlaceholderDesk___kfhB\",\"control_mobile\":\"series-slug_control_mobile__aI7SE\",\"icons_play_control\":\"series-slug_icons_play_control__C3EXo\",\"center_loader\":\"series-slug_center_loader__L6Szi\"};"],"names":["WrappedComponent","props","useUserInformation","setUser","Alert","useState","alert","message","showAlertErrorMessage","setShowAlertErrorMessage","useEffect","closeTheAlertDeleteTheMessage","setAlert","type","className","styles","open","autoHideDuration","onClose","anchorOrigin","horizontal","vertical","variant","severity","seriesImage","seriesTitle","ctaText","isCancelCta","handleOnClick","handleOnCancel","src","alt","style","background","onClick","isIPhone","navigator","test","userAgent","isMuted","setIsMuted","setPlayerHeight","playerWidth","setPlayerWidth","error","totalDuration","isLoading","setIsLoading","played","useStore","hasVideoEnded","setOpenShareModal","setHasVideoEnded","setOpenDisclaimer","router","useRouter","videoRef","isSeriesFree","query","muted","showControl","seriesData","price","category","categorySlug","seriesSlug","openNoTrailerModal","isCurrentUserPremium","currentVideoIndex","setOpenNoTrailerModal","setVideoSourceState","setCurrentVideoIndex","videoTrailer","series","trailer_info","media_url","videoSource","source","videoNode","isDisclaimer","disclaimer","handleResize","windowHeight","document","getElementById","clientHeight","aspectRatioWidth","window","addEventListener","removeEventListener","id","width","position","OverlayLoader","url","playing","controls","playsinline","onReady","onBuffer","onEnded","content_units","length","content","hls_media_url","height","opacity","filter","display_title","push","description","image","CustomModal","handleCloseModal","bgOpacity","current","mute","icon","faVolumeMute","faVolumeHigh","color","fontSize","faShare","getCurrentUserData","setUserData","addUserInformation","cb","axiosPrivate","apiGateway","get","response","data","user","console","log","Loader","title","children","modalRef","useRef","handleOutsideClick","event","contains","target","body","overflow","ref","faClose","modalOpen","setModalOpen","linkCopied","setLinkCopied","shareJobMessage","SHARE_MEDIA","text","faWhatsapp","faFacebook","faTwitter","faTelegram","faReddit","faLinkedin","handleShare","service","encodeURIComponent","Error","copyTextToClipboard","clipboardText","clipboard","writeText","map","item","toLowerCase","component","faCheck","faCopy","setTimeout","similar_series","readMore","setReadMore","routeToSeries","useRouting","innerWidth","faArrowLeft","history","back","location","href","backgroundColor","whiteSpace","fontFamily","handleReadMoreContentFeature","slug","seriesId","image_title","handleConvertSecondsToMinutes","seconds","duration_s","rating","poster","alertMessage","setAlertMessage","screenSize","handleRouteChange","events","on","off","userData","isLoggedIn","setIsLoggedIn","useAxiosPrivate","globalState","useContext","Context","handleGetUserDetails","storedIsLoggedIn","localStorage","getItem","DOMAIN","RouteName","index","app","premium","video","privacyPolicy","cancellationPolicy","termsAndCondition","team","faq","blogs","routeToDomain","module","exports"],"sourceRoot":""}