{"version":3,"file":"static/chunks/9566.827a014a5eba7b67.js","mappings":"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","sources":["webpack://_N_E/./node_modules/copy-to-clipboard/index.js","webpack://_N_E/./src/components/category-video-card/category-video-card.styles.tsx","webpack://_N_E/./src/components/category-video-card/category-video-card.tsx","webpack://_N_E/./src/components/icons/play.tsx","webpack://_N_E/./src/components/icons/share.tsx","webpack://_N_E/./src/components/share-button/share-button.styles.tsx","webpack://_N_E/./src/components/share-button/use-share-button.tsx","webpack://_N_E/./src/components/share-button/share-button.tsx","webpack://_N_E/./node_modules/toggle-selection/index.js","webpack://_N_E/<anon>"],"sourcesContent":["\"use strict\";\n\nvar deselectCurrent = require(\"toggle-selection\");\n\nvar clipboardToIE11Formatting = {\n  \"text/plain\": \"Text\",\n  \"text/html\": \"Url\",\n  \"default\": \"Text\"\n}\n\nvar defaultMessage = \"Copy to clipboard: #{key}, Enter\";\n\nfunction format(message) {\n  var copyKey = (/mac os x/i.test(navigator.userAgent) ? \"⌘\" : \"Ctrl\") + \"+C\";\n  return message.replace(/#{\\s*key\\s*}/g, copyKey);\n}\n\nfunction copy(text, options) {\n  var debug,\n    message,\n    reselectPrevious,\n    range,\n    selection,\n    mark,\n    success = false;\n  if (!options) {\n    options = {};\n  }\n  debug = options.debug || false;\n  try {\n    reselectPrevious = deselectCurrent();\n\n    range = document.createRange();\n    selection = document.getSelection();\n\n    mark = document.createElement(\"span\");\n    mark.textContent = text;\n    // avoid screen readers from reading out loud the text\n    mark.ariaHidden = \"true\"\n    // reset user styles for span element\n    mark.style.all = \"unset\";\n    // prevents scrolling to the end of the page\n    mark.style.position = \"fixed\";\n    mark.style.top = 0;\n    mark.style.clip = \"rect(0, 0, 0, 0)\";\n    // used to preserve spaces and line breaks\n    mark.style.whiteSpace = \"pre\";\n    // do not inherit user-select (it may be `none`)\n    mark.style.webkitUserSelect = \"text\";\n    mark.style.MozUserSelect = \"text\";\n    mark.style.msUserSelect = \"text\";\n    mark.style.userSelect = \"text\";\n    mark.addEventListener(\"copy\", function(e) {\n      e.stopPropagation();\n      if (options.format) {\n        e.preventDefault();\n        if (typeof e.clipboardData === \"undefined\") { // IE 11\n          debug && console.warn(\"unable to use e.clipboardData\");\n          debug && console.warn(\"trying IE specific stuff\");\n          window.clipboardData.clearData();\n          var format = clipboardToIE11Formatting[options.format] || clipboardToIE11Formatting[\"default\"]\n          window.clipboardData.setData(format, text);\n        } else { // all other browsers\n          e.clipboardData.clearData();\n          e.clipboardData.setData(options.format, text);\n        }\n      }\n      if (options.onCopy) {\n        e.preventDefault();\n        options.onCopy(e.clipboardData);\n      }\n    });\n\n    document.body.appendChild(mark);\n\n    range.selectNodeContents(mark);\n    selection.addRange(range);\n\n    var successful = document.execCommand(\"copy\");\n    if (!successful) {\n      throw new Error(\"copy command was unsuccessful\");\n    }\n    success = true;\n  } catch (err) {\n    debug && console.error(\"unable to copy using execCommand: \", err);\n    debug && console.warn(\"trying IE specific stuff\");\n    try {\n      window.clipboardData.setData(options.format || \"text\", text);\n      options.onCopy && options.onCopy(window.clipboardData);\n      success = true;\n    } catch (err) {\n      debug && console.error(\"unable to copy using clipboardData: \", err);\n      debug && console.error(\"falling back to prompt\");\n      message = format(\"message\" in options ? options.message : defaultMessage);\n      window.prompt(message, text);\n    }\n  } finally {\n    if (selection) {\n      if (typeof selection.removeRange == \"function\") {\n        selection.removeRange(range);\n      } else {\n        selection.removeAllRanges();\n      }\n    }\n\n    if (mark) {\n      document.body.removeChild(mark);\n    }\n    reselectPrevious();\n  }\n\n  return success;\n}\n\nmodule.exports = copy;\n","import styled, { css } from \"styled-components\";\nimport { breakpoints, zIndex } from \"styles\";\n\nimport Image from \"next/legacy/image\";\n\nexport const CategoryVideoCardWrapper = styled.div`\n  display: flex;\n  flex-direction: column;\n  border-bottom: ${({ theme }) => `1px solid ${theme.colors.neutral[100]}`};\n`;\n\nexport const CategoryVideoCardPlayIcon = styled.div`\n  color: ${({ theme }) => theme.colors.brand[500]};\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  opacity: 1;\n  z-index: ${zIndex.videoCardPlayIcon};\n  width: 48px;\n  height: 48px;\n\n  @media ${breakpoints.tablet} {\n    width: 96px;\n    height: 96px;\n  }\n\n  @media ${breakpoints.laptop} {\n    opacity: 0;\n  }\n`;\n\nexport const CategoryVideoCardDuration = styled.span`\n  position: absolute;\n  bottom: 8px;\n  right: 8px;\n  padding: 4px 6px 1px 6px;\n  background: ${({ theme }) => theme.colors.neutral[1000]};\n  opacity: 0.75;\n  color: ${({ theme }) => theme.colors.white};\n  font-size: ${({ theme }) => theme.fontSizes.xs};\n  font-weight: bold;\n  border-radius: 12px;\n  z-index: ${zIndex.videoCardDuration};\n\n  @media ${breakpoints.tablet} {\n    font-size: ${({ theme }) => theme.fontSizes.sm};\n    bottom: 12px;\n    right: 12px;\n  }\n`;\n\nexport const CategoryVideoCardImageContainer = styled.div`\n  position: relative;\n  margin: 0;\n  border-radius: 6px;\n  overflow: hidden;\n  cursor: pointer;\n  background: ${({ theme }) => theme.colors.white};\n  text-decoration: none;\n  aspect-ratio: 16 / 9;\n\n  &:before {\n    content: \"\";\n    display: block;\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    width: 100%;\n    background: ${({ theme }) => theme.colors.neutral[900]};\n    opacity: 0.05;\n    z-index: ${zIndex.videoCardOverlay};\n  }\n\n  &:hover ${CategoryVideoCardPlayIcon} {\n    opacity: 1;\n  }\n`;\n\nexport const CategoryVideoCardImage = styled(Image)`\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: contain;\n`;\n\nexport const CategoryVideoCardDetailsContainer = styled.div`\n  margin-top: 12px;\n\n  @media ${breakpoints.tablet} {\n    display: grid;\n    grid-template-columns: 1fr 80px;\n    grid-template-areas:\n      \"title title\"\n      \"topics share\";\n  }\n`;\n\nexport const CategoryVideoCardTagContainer = styled.ul`\n  list-style: none;\n  padding: 0;\n  margin: 8px 0;\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 8px;\n  @media ${breakpoints.tablet} {\n    grid-area: topics;\n  }\n`;\n\nexport const CategoryVideoCardTagItem = styled.li`\n  &:not(:last-child) {\n    margin-right: 8px;\n  }\n`;\nconst CategoryVideoCardTagStyles = css`\n  font-size: ${({ theme }) => theme.fontSizes.xs};\n  color: ${({ theme }) => theme.colors.brand[500]};\n  background: ${({ theme }) => theme.colors.brand[100]};\n  border-radius: 20px;\n  padding: 4px 8px;\n  font-weight: bold;\n  white-space: break-word;\n  text-decoration: none;\n  display: block;\n\n  @media ${breakpoints.tablet} {\n    font-size: ${({ theme }) => theme.fontSizes.sm};\n  }\n`;\nexport const CategoryVideoCardTagLink = styled.a<{ isNotClickable?: boolean }>`\n  ${CategoryVideoCardTagStyles}\n  cursor: ${({ isNotClickable }) =>\n    isNotClickable ? \"not-allowed\" : \"pointer\"};\n`;\n\nexport const CategoryVideoCardSubjectTag = styled.span`\n  ${CategoryVideoCardTagStyles}\n  cursor:not-allowed;\n`;\nexport const CategoryVideoCardStatsContainer = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  margin: 16px 0;\n  @media ${breakpoints.tablet} {\n    grid-area: share;\n  }\n`;\n\nexport const CategoryVideoCardTitle = styled.p<{\n  isRecommendedVideo?: boolean;\n}>`\n  font-weight: bold;\n  font-size: ${({ theme, isRecommendedVideo }) =>\n    isRecommendedVideo ? theme.fontSizes.md : theme.fontSizes.sm};\n  font-family: ${({ theme }) => theme.fonts.primary};\n  color: ${({ theme }) => theme.colors.neutral[900]};\n  line-height: 1.5;\n  margin: 0;\n  padding: ${({ isRecommendedVideo }) =>\n    isRecommendedVideo ? `0 0 16px 0` : `0`};\n  cursor: pointer;\n  text-decoration: none;\n  display: block;\n\n  @media ${breakpoints.tablet} {\n    margin: 0 16px 0 0;\n    font-size: ${({ theme, isRecommendedVideo }) =>\n      isRecommendedVideo ? theme.fontSizes.lg : theme.fontSizes[\"2xl\"]};\n    grid-area: title;\n  }\n`;\n\nexport const CategoryVideoCardLink = styled.a`\n  text-decoration: none;\n`;\n","import React from \"react\";\n\nimport {\n  CategoryVideoCardStatsContainer,\n  CategoryVideoCardDetailsContainer,\n  CategoryVideoCardImageContainer,\n  CategoryVideoCardTagContainer,\n  CategoryVideoCardWrapper,\n  CategoryVideoCardTagItem,\n  CategoryVideoCardTitle,\n  CategoryVideoCardPlayIcon,\n  CategoryVideoCardTagLink,\n  CategoryVideoCardDuration,\n  CategoryVideoCardSubjectTag,\n  CategoryVideoCardImage,\n  CategoryVideoCardLink\n} from \"./category-video-card.styles\";\nimport { ShareButton } from \"../share-button/share-button\";\n\nimport Link from \"next/link\";\nimport {\n  getReadbleDuration,\n  getSharedBy,\n  getSubjectInBahasa,\n  getVideoPlayerDuration,\n  trimString\n} from \"utils/utils\";\nimport { Play } from \"../icons/play\";\nimport { useAuth } from \"stores/auth/auth-context\";\n\nimport { VideoAPIData } from \"services/api/api.types\";\nimport { useMediaQuery } from \"hooks/use-media-query/use-media-query\";\n\ntype ICategoryVideoCardProps = {\n  videoDetails: VideoAPIData;\n  rank?: number;\n};\n\nconst CategoryVideoCard: React.FC<ICategoryVideoCardProps> = ({\n  videoDetails,\n  rank\n}) => {\n  const {\n    id: questionId,\n    title,\n    topics,\n    sections,\n    subjects,\n    grades,\n    slug,\n    chapters,\n    slugs,\n    duration_in_seconds,\n    cover_image\n  } = videoDetails;\n\n  const videoURL = `/tanya/${questionId}/${slug}`;\n  const {\n    user: { userData }\n  } = useAuth();\n\n  const shareURL = `${\n    process.env.NEXT_PUBLIC_SITE_URL\n  }${videoURL}?sharedBy=${getSharedBy(userData?.primary_user)}`;\n\n  const trimmedTitle = trimString(title, 60);\n\n  const isMobile = useMediaQuery(\"mobile\");\n  return (\n    <CategoryVideoCardWrapper>\n      <Link href={videoURL} passHref>\n        <CategoryVideoCardImageContainer>\n          <CategoryVideoCardImage\n            priority={rank === 0 || rank === 1}\n            layout={\"responsive\"}\n            width=\"16\"\n            height=\"9\"\n            src={cover_image}\n            sizes={isMobile ? `80vw` : `33vw`}\n            alt={title}\n          />\n\n          <CategoryVideoCardPlayIcon>\n            <Play width=\"100%\" height=\"100%\" />\n          </CategoryVideoCardPlayIcon>\n          {duration_in_seconds && (\n            <CategoryVideoCardDuration\n              aria-label={getReadbleDuration(duration_in_seconds)}\n            >\n              {getVideoPlayerDuration(duration_in_seconds)}\n            </CategoryVideoCardDuration>\n          )}\n        </CategoryVideoCardImageContainer>\n      </Link>\n      <CategoryVideoCardDetailsContainer>\n        <CategoryVideoCardLink href={videoURL}>\n          <CategoryVideoCardTitle>{trimmedTitle}</CategoryVideoCardTitle>\n        </CategoryVideoCardLink>\n\n        <CategoryVideoCardTagContainer>\n          {topics.map((topic, idx) => (\n            <CategoryVideoCardTagItem key={`video-card-topic-${topic}`}>\n              <Link\n                href={`/tanya/topic/${grades[0]}/${getSubjectInBahasa(\n                  subjects[0]\n                )}/${slugs?.topics[idx]}`}\n                legacyBehavior\n                passHref\n              >\n                <CategoryVideoCardTagLink>{topic}</CategoryVideoCardTagLink>\n              </Link>\n            </CategoryVideoCardTagItem>\n          ))}\n          {chapters.map((chapter, idx) => (\n            <CategoryVideoCardTagItem key={`video-tag-chapter-${chapter}`}>\n              <Link\n                href={`/tanya/chapter/${grades[0]}/${getSubjectInBahasa(\n                  subjects[0]\n                )}/${slugs?.chapters[idx]}`}\n                legacyBehavior\n                passHref\n              >\n                <CategoryVideoCardTagLink>{chapter}</CategoryVideoCardTagLink>\n              </Link>\n            </CategoryVideoCardTagItem>\n          ))}\n          {sections.map((section, idx) => (\n            <CategoryVideoCardTagItem key={`video-card-section-${section}`}>\n              <Link\n                href={`/tanya/section/${grades[0]}/${getSubjectInBahasa(\n                  subjects[0]\n                )}/${slugs?.sections[idx]}`}\n                legacyBehavior\n                passHref\n              >\n                <CategoryVideoCardTagLink>{section}</CategoryVideoCardTagLink>\n              </Link>\n            </CategoryVideoCardTagItem>\n          ))}\n          {subjects.map((subject) => (\n            <CategoryVideoCardTagItem key={`video-card-subject-${subject}`}>\n              <CategoryVideoCardSubjectTag>\n                {getSubjectInBahasa(subject)}\n              </CategoryVideoCardSubjectTag>\n            </CategoryVideoCardTagItem>\n          ))}\n        </CategoryVideoCardTagContainer>\n\n        <CategoryVideoCardStatsContainer>\n          <ShareButton shareURL={shareURL} />\n        </CategoryVideoCardStatsContainer>\n      </CategoryVideoCardDetailsContainer>\n    </CategoryVideoCardWrapper>\n  );\n};\n\nexport { CategoryVideoCard };\nexport default CategoryVideoCard;\n","import React from \"react\";\nimport type { IIcon } from \"./icons.types\";\n\nconst Play: React.FC<IIcon> = ({\n  width = 96,\n  height = 96,\n  color = \"currentColor\"\n}) => {\n  return (\n    <svg\n      width={width}\n      height={height}\n      viewBox=\"0 0 96 96\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      aria-label=\"play\">\n      <g filter=\"url(#on now() { [native code] })\">\n        <path\n          d=\"M48 8c10.8 0 20.8 4 28.4 11.6C84 27.2 88 37.2 88 48c0 10.8-4 20.8-11.6 28.4C68.8 84 58.8 88 48 88c-10.8 0-20.8-4-28.4-11.6C12 68.8 8 58.8 8 48c0-10.8 4-20.8 11.6-28.4C27.2 12 37.2 8 48 8Z\"\n          fill={color}\n        />\n      </g>\n      <g filter=\"url(#on now() { [native code] })\">\n        <path\n          d=\"M66.828 49.995 37.518 67.59c-.392.409-.782.409-1.173.409s-.782 0-1.173-.41C34.391 67.183 34 66.364 34 65.546V30.353c0-.819.39-1.637 1.172-2.046.782-.41 1.564-.41 2.345 0l29.31 17.596C67.61 46.312 68 47.13 68 47.949c0 .818-.39 1.637-1.172 2.046Z\"\n          fill=\"#fff\"\n        />\n      </g>\n    </svg>\n  );\n};\n\nexport { Play };\n","import React from \"react\";\nimport type { IIcon } from \"./icons.types\";\n\nconst Share: React.FC<IIcon> = ({\n  width = 16,\n  height = 16,\n  color = \"currentColor\"\n}) => (\n  <svg\n    width={width}\n    height={height}\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\">\n    <path\n      d=\"M12.306 9.438c-.586 0-1.107.187-1.498.562L7.093 8.25v-.188-.187l3.715-1.75c.39.375.912.563 1.498.563 1.238 0 2.216-.938 2.216-2.125 0-1.188-.978-2.188-2.216-2.188-1.238 0-2.215.938-2.215 2.125v.188l-3.65 1.75c-.39-.313-.911-.563-1.433-.563-1.238 0-2.215.938-2.215 2.125 0 1.188.977 2.125 2.215 2.125.587 0 1.108-.188 1.5-.563l3.713 1.75v.188c0 1.188.978 2.125 2.216 2.125 1.238 0 2.215-.938 2.215-2.125a2.358 2.358 0 00-2.346-2.063z\"\n      fill={color}\n    />\n  </svg>\n);\n\nexport { Share };\n","import styled from \"styled-components\";\nimport { breakpoints } from \"styles\";\n\nexport const StyledShareButton = styled.button<{ isTextCopied: boolean }>`\n  position: relative;\n  --webkit-appearance: none;\n  border: none;\n  cursor: pointer;\n  padding: 6px 8px;\n  margin: 0;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 75px;\n  color: ${({ isTextCopied, theme }) =>\n    isTextCopied ? theme.colors.green[100] : theme.colors.brand[500]};\n  background: ${({ isTextCopied, theme }) =>\n    isTextCopied ? theme.colors.green[700] : theme.colors.brand[100]};\n  font-size: ${({ theme }) => theme.fontSizes.sm};\n  font-weight: bold;\n  font-family: ${({ theme }) => theme.fonts.primary};\n\n  @media ${breakpoints.tablet} {\n    width: 90px;\n    font-size: ${({ theme }) => theme.fontSizes.sm};\n  }\n`;\n","import copy from \"copy-to-clipboard\";\nimport { useState } from \"react\";\nimport { IUseShareButton } from \"./share-button.types\";\n\nconst useShareButton: () => IUseShareButton = () => {\n  const [isURLCopied, setURLCopied] = useState(false);\n\n  const handleCopyURLToClipboard = (URL: string) => {\n    copy(URL);\n    setURLCopied(true);\n  };\n  return {\n    isURLCopied,\n    handleCopyURLToClipboard\n  };\n};\n\nexport { useShareButton };\n","import React from \"react\";\nimport { Share } from \"../icons/share\";\nimport { StyledShareButton } from \"./share-button.styles\";\nimport { IShareButtonProps } from \"./share-button.types\";\nimport { useShareButton } from \"./use-share-button\";\n\nconst ShareButton: React.FC<IShareButtonProps> = ({ shareURL, onClick }) => {\n  const { isURLCopied, handleCopyURLToClipboard } = useShareButton();\n  return (\n    <StyledShareButton\n      data-testid=\"share-button\"\n      isTextCopied={isURLCopied}\n      onClick={() => {\n        if (onClick) {\n          onClick();\n        }\n\n        handleCopyURLToClipboard(shareURL);\n      }}>\n      {isURLCopied ? (\n        \"Copied!\"\n      ) : (\n        <>\n          <Share />\n          <span>Share</span>\n        </>\n      )}\n    </StyledShareButton>\n  );\n};\n\nexport { ShareButton };\n","\nmodule.exports = function () {\n  var selection = document.getSelection();\n  if (!selection.rangeCount) {\n    return function () {};\n  }\n  var active = document.activeElement;\n\n  var ranges = [];\n  for (var i = 0; i < selection.rangeCount; i++) {\n    ranges.push(selection.getRangeAt(i));\n  }\n\n  switch (active.tagName.toUpperCase()) { // .toUpperCase handles XHTML\n    case 'INPUT':\n    case 'TEXTAREA':\n      active.blur();\n      break;\n\n    default:\n      active = null;\n      break;\n  }\n\n  selection.removeAllRanges();\n  return function () {\n    selection.type === 'Caret' &&\n    selection.removeAllRanges();\n\n    if (!selection.rangeCount) {\n      ranges.forEach(function(range) {\n        selection.addRange(range);\n      });\n    }\n\n    active &&\n    active.focus();\n  };\n};\n"],"names":["deselectCurrent","__webpack_require__","clipboardToIE11Formatting","module","exports","text","options","message","copyKey","debug","reselectPrevious","range","selection","mark","success","document","createRange","getSelection","createElement","textContent","ariaHidden","style","all","position","top","clip","whiteSpace","webkitUserSelect","MozUserSelect","msUserSelect","userSelect","addEventListener","e","stopPropagation","format","preventDefault","clipboardData","console","warn","window","clearData","setData","onCopy","body","appendChild","selectNodeContents","addRange","execCommand","err","error","test","navigator","userAgent","replace","prompt","removeRange","removeAllRanges","removeChild","CategoryVideoCardWrapper","styled","div","withConfig","theme","param","concat","colors","neutral","CategoryVideoCardPlayIcon","brand","zIndex","videoCardPlayIcon","breakpoints","tablet","laptop","CategoryVideoCardDuration","span","white","fontSizes","xs","videoCardDuration","sm","CategoryVideoCardImageContainer","videoCardOverlay","CategoryVideoCardImage","Image","CategoryVideoCardDetailsContainer","CategoryVideoCardTagContainer","ul","CategoryVideoCardTagItem","li","CategoryVideoCardTagStyles","css","CategoryVideoCardTagLink","a","isNotClickable","CategoryVideoCardSubjectTag","CategoryVideoCardStatsContainer","CategoryVideoCardTitle","p","isRecommendedVideo","md","fonts","primary","lg","CategoryVideoCardLink","CategoryVideoCard","videoDetails","rank","id","questionId","title","topics","sections","subjects","grades","slug","chapters","slugs","duration_in_seconds","cover_image","videoURL","user","userData","useAuth","shareURL","process","getSharedBy","primary_user","trimmedTitle","trimString","isMobile","useMediaQuery","jsx_runtime","jsxs","jsx","Link","href","passHref","priority","layout","width","height","src","sizes","alt","Play","aria-label","getReadbleDuration","getVideoPlayerDuration","map","topic","idx","getSubjectInBahasa","legacyBehavior","chapter","section","subject","ShareButton","category_video_card","color","react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__","svg","viewBox","fill","xmlns","g","filter","path","d","Share","StyledShareButton","button","isTextCopied","green","useShareButton","isURLCopied","setURLCopied","useState","handleCopyURLToClipboard","copy","URL","onClick","Fragment","rangeCount","active","activeElement","ranges","i","push","getRangeAt","tagName","toUpperCase","blur","type","forEach","focus"],"sourceRoot":""}