{"version":3,"sources":["webpack:///./src/images/next_icon.png","webpack:///./src/components/VideoPlayer/styles/index.js","webpack:///./node_modules/@material-ui/icons/esm/PlayCircleFilled.js","webpack:///./node_modules/@material-ui/icons/esm/CropFree.js","webpack:///./node_modules/@material-ui/icons/esm/Pause.js","webpack:///./node_modules/@material-ui/icons/esm/PlayArrow.js","webpack:///./node_modules/@material-ui/icons/esm/VolumeMute.js","webpack:///./node_modules/@material-ui/icons/esm/VolumeUp.js","webpack:///./src/components/VideoPlayer/controls.jsx","webpack:///./node_modules/react-full-screen/dist/index.modern.js","webpack:///./src/components/VideoPlayer/index.jsx","webpack:///./node_modules/fscreen/lib/index.js","webpack:///./src/components/NextChapter/styles/index.js","webpack:///./src/components/NextChapter/index.js"],"names":["module","exports","Alert","styled","p","Wrapper","div","PlayerContainer","fullScreen","Curtain","motion","PlayIcon","ControlsContainer","fullscreen","VideoMobileWrapper","VideoMobile","video","Container","isMobile","Cell","Button","button","ProgressBar","ProgressFill","progress","ProgressPip","VolumeContainer","VolumeBar","VolumeFill","volume","VolumePip","Gradient","createSvgIcon","createElement","d","Controls","React","memo","isPlaying","setPlaying","isFullscreen","setFullscreen","playerRef","playIcon","setPlayIcon","setVolume","player","current","stopPropagation","e","style","marginBottom","onMouseDown","preventDefault","marginRight","CropFree","onClick","padding","Pause","PlayArrow","initialPlaying","left","currentTarget","getBoundingClientRect","offsetWidth","seekTo","pageX","mouseMove","move","document","addEventListener","endSeeking","removeEventListener","VolumeMute","color","volumeMouseMove","draggedVolume","endSetVolume","VolumeUp","_ref","handle","onChange","children","classNames","active","push","className","join","ref","node","height","width","undefined","VideoPlayer","src","nativecontrols","useState","setProgress","isControls","setControls","useRef","full","_useState","setActive","handleChange","fullscreenElement","enter","exitFullscreen","then","requestFullscreen","exit","useFullScreenHandle","useEffect","fullChange","useCallback","state","handleHover","bcr","wrapper","clearListeners","x","y","right","bottom","mouseLeftWindow","clientX","clientY","handleClickPreview","position","top","url","playing","progressInterval","onProgress","played","onDuration","onMouseEnter","light","replace","controls","initial","opacity","animate","transition","duration","tabindex","PlayCircleFilled","VideoPlayerMobile","onClickPlay","play","autoPlay","playsInline","VideoPlayerSwitcher","Object","defineProperty","value","key","fullscreenEnabled","fullscreenchange","fullscreenerror","webkit","moz","ms","window","vendor","keys","default","element","requestFullscreenFunction","bind","type","handler","options","Boolean","val","toLowerCase","WrapperLink","Link","Text","Title","Icon","img","FlexWrapper","NextChapter","title","href","to","nextIcon"],"mappings":"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","file":"306a70ebd0699b2b77d6e536ae900d16cb8dd8ef-f1a2e3453519a24eac4b.js","sourcesContent":["module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD8AAABFCAMAAADKOM5KAAAAAXNSR0IB2cksfwAAAVlQTFRFAAAA/0BA+zY2+jc3+Tc3+Tc3+Tg4+TY2+Tc3+Tc3+Tc3+Tg4+TY2+jY2+zg4+jc3+Tc3+jc3+jU1/zk5+Dc3+Tg4+Tc3+jY2/0BA/zMz+Tc3+Dc3+Tc3+Tg4+TY29zg4/zAw+jg4+Tc3+Tc39zg4+Tg4+jg4+DY2+TY2+Tc3/wAA+Tg4+Tc3+Tc3+Tc3+Tc3+Dc3+jY2+Tg4+Tc3+Tk5+Tg4+Tc3+jc3+Tc3+Tc3+Tc3+Tc3+TY29zY2+Tc3+jc3+Tk5/yoq9zg4+Tc3/0lJ+Tc39TMz+Tc3+Tc3+DY2+Dc3+jc3+TY2+Tc3+TY2+Tc3+Tc3/y4u+Tc3+Tc3+Tc3+Tc3+DY2+Tc3+jY2+Dg4+Tg4+Tc3+jc3+jk5+Tc3+Tc3+DQ0/zw8+DY2+jc3+Dc3+jY2+zk5+Tc3+Dg4+jc3+Tc3+jg4+Tc3+jg4+Tc3+Tc3+Tc3+Tc3+Tg4DbPsiwAAAHN0Uk5TAAg9Zouwytzu/8iuiGM7kcaMMBJv081nDA9569CAUEAQYObwIHcywMUqAXv84Pm2cC+g3yhX9pDxT1z9UUL7OC0GRNgH7xl490yY6PjPf5/aC9LJ8vMm+l9OW/WPMeWvJxFxv3NoP+dyatVkx2XL3e3biXaNIVgAAAKxSURBVHicpZhpX9NAEIfTQoEtiNpWFNo0G6lUqpVKtVgRUTSKSMLhQTzrWe/z+79wpvsTS5OdWcy8gpl9/t2dzU52YlkxlkoPDWdGRsfE2Gh2fOLIZNwYrU0eHRGDdux4zgzOF05EYGVTJ0+x9PRMUQ0u2XbZcSxLOo5r2yXlPF2gFabtWRw2m3HlQKTiZnoKxTOEwtwUDqmWNeFybxZn5zXh2rnzEK7raDS3DiMuFGpxsfwCztwlaLQGLnAhHw1cROlFyeCQT8xD89Kg+3IL3DZLoy3ByCvtg76rJnP/ay6sYflav2flOuCGzxdYDgRaq8bDoyZBoHgjgQDOIHszgYALCVtKwFs2CKxRA3LMdiwKces2gXuCFsAcEg9MFeZHCzRgE+/o5UusQJ1MIS8Ae9CSSQRgjXeJMCtQhjJH6bMCECZPDScAtWCC4jkByGCV5BmBihDrMbXMXACC92ieFoBT1GB4UgD4DY6nBPgE0gIOHGKe1wsAf9+A1wpIqNsmvFZAiE0jHspR3BtCGvIa3HT9Otww/1rcbP/1uNHzR+Amzz+FWz57/kgczv+m/H+cTx+NY/0LEuBc/eVwpv5zOGaf2D0Wd8kXMItbTer9y+P0+7/K4dIj7x+yxFwot4TYpm5wksbx/pVWf26wN5Wo9d//dnaF8Mxvv2iY3Qf7s59/CALyEDjm7tHjf/+v7R1qBvjr6yv9nhCW4xnf/2Hw8pODvqfPBHMW9+059h+RqvPiJbi3JEvLDjZpr6KBXv/lhQxegKWLzuu4UG0G+78m1f+FcGTE3htdWPWfb9uacNsn+0+0dzg94XVCORCohB3V/74naDAZeKrV9oMg7HbB0e2GQeAr54ePOzSOCp8+a/p//0uKpXsW9/3hq+n3B2Wp9LfhzPcfnvj5Kzv+m/z+8QeMmVzhGbOdXgAAAABJRU5ErkJggg==\"","import styled from \"styled-components\"\nimport { motion } from \"framer-motion\"\n// import overlay from \"src/images/player_overlay.png\"\nimport { isMobile } from \"react-device-detect\"\n\nexport const Alert = styled.p`\n  color: #f93737;\n  position: absolute;\n  top: 40%;\n  width: 100%;\n  text-align: center;\n  font-size: 1rem;\n  opacity: 0.6;\n  z-index: 2;\n`\n\nexport const Wrapper = styled.div`\n  overflow: hidden;\n  cursor: pointer;\n`\nexport const PlayerContainer = styled.div`\n  position: relative;\n  height: 0;\n  padding-top: 56.25%;\n  width: 100%;\n  overflow: hidden;\n  background: black;\n  ${({ fullScreen }) =>\n    fullScreen\n      ? `\n    position: fixed;\n    width: 100vw;\n    max-height: 100%;\n    top: 0;\n    left: 0;\n    z-index: 9999999;\n  `\n      : ``}\n`\n\nexport const Curtain = styled(motion.div)`\n  width: 102%;\n  height: 102%;\n  position: absolute;\n  top: 0%;\n  left: -1%;\n  background-color: rgba(0, 0, 0, 0.6);\n  cursor: pointer;\n  z-index: 2;\n`\n\nexport const PlayIcon = styled(motion.div)`\n  position: absolute;\n  left: 5%;\n  top: 5%;\n  width: 10%;\n  height: 20%;\n  object-fit: contain;\n  cursor: pointer;\n  z-index: 3;\n  svg {\n    width: 100%;\n    height: 100%;\n    fill: rgba(255, 255, 255, 0.8);\n  }\n`\n\nexport const ControlsContainer = styled(motion.div)`\n  position: absolute;\n  top: 1px;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  max-height: 100vh;\n  background-size: contain;\n  display: flex;\n  justify-content: center;\n  align-items: flex-end;\n  ${({ fullscreen }) =>\n    fullscreen &&\n    `\n    background: none;\n    \n  `}\n`\n\nexport const VideoMobileWrapper = styled.div`\n  margin-bottom: 10rem;\n  position: relative;\n  @media (max-width: 768px) {\n    width: 600px;\n    max-width: 90%;\n    margin: 0 auto;\n    margin-top: 1rem;\n  }\n  @media (max-width: 575px) {\n    max-width: 100%;\n  }\n`\n\nexport const VideoMobile = styled.video`\n  width: 100%;\n`\n\n// CONTROLS\n\nexport const Container = styled.div`\n  width: 90%;\n  display: grid;\n  grid-template-columns: 15% 70% 15%;\n  ${isMobile && `grid-template-columns: 25% 60% 15%;`}\n  bottom: 5%;\n  z-index: 1;\n`\nexport const Cell = styled.div`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n`\nexport const Button = styled.button`\n  cursor: pointer;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background-color: white;\n  border: none;\n  border-radius: 4px;\n  outline: none;\n  padding: 0.2rem;\n  &::active,\n  &::focus {\n    outline: none;\n  }\n`\n\nexport const ProgressBar = styled.div`\n  height: 3px;\n  width: 80%;\n  border-radius: 10px;\n  background-color: rgba(255, 255, 255, 0.3);\n  position: relative;\n  &::before {\n    height: 24px;\n    content: \"\";\n    width: 100%;\n    position: absolute;\n    left: 0;\n    top: -11.5px;\n  }\n`\nexport const ProgressFill = styled.div`\n  position: absolute;\n  top: 0;\n  height: 100%;\n  left: 0;\n  width: ${({ progress }) => progress}%;\n  background: white;\n  border-radius: 10px;\n`\nexport const ProgressPip = styled.div`\n  position: absolute;\n  height: 9px;\n  width: 9px;\n  left: ${({ progress }) => progress}%;\n  top: 0;\n  transform: translate(-4.5px, -3px);\n  border-radius: 50%;\n  background: white;\n`\n\nexport const VolumeContainer = styled.div`\n  cursor: pointer;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background-color: white;\n  border: none;\n  border-radius: 4px;\n  outline: none;\n  padding: 0.2rem;\n  width: 100%;\n  height: 2rem;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  & svg {\n    height: 70%;\n  }\n`\n\nexport const VolumeBar = styled.div`\n  height: 3px;\n  width: 70%;\n  border-radius: 10px;\n  background-color: rgba(0, 0, 0, 0.3);\n  position: relative;\n  &::before {\n    height: 24px;\n    content: \"\";\n    width: 100%;\n    position: absolute;\n    left: 0;\n    top: -11.5px;\n  }\n`\nexport const VolumeFill = styled.div`\n  height: 100%;\n  width: ${({ volume }) => volume * 100}%;\n  background-color: #ac9455;\n  border-radius: 10px;\n  position: absolute;\n  top: 0;\n  left: 0;\n`\n\nexport const VolumePip = styled.div`\n  position: absolute;\n  height: 9px;\n  width: 9px;\n  left: ${({ volume }) => volume * 100}%;\n  top: 0;\n  transform: translate(-4.5px, -3px);\n  border-radius: 50%;\n  background: #ac9455;\n`\nexport const Gradient = styled.div`\n  position: absolute;\n  left: 0;\n  bottom: 0;\n  width: 100%;\n  height: 70%;\n  background: linear-gradient(\n    0deg,\n    rgba(0, 0, 0, 1) 0%,\n    rgba(0, 0, 0, 0) 100%,\n    rgba(0, 212, 255, 0) 100%\n  );\n  z-index: 0;\n`\n","import React from 'react';\nimport createSvgIcon from './utils/createSvgIcon';\nexport default createSvgIcon(React.createElement(\"path\", {\n  d: \"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 14.5v-9l6 4.5-6 4.5z\"\n}), 'PlayCircleFilled');","import React from 'react';\nimport createSvgIcon from './utils/createSvgIcon';\nexport default createSvgIcon(React.createElement(\"path\", {\n  d: \"M3 5v4h2V5h4V3H5c-1.1 0-2 .9-2 2zm2 10H3v4c0 1.1.9 2 2 2h4v-2H5v-4zm14 4h-4v2h4c1.1 0 2-.9 2-2v-4h-2v4zm0-16h-4v2h4v4h2V5c0-1.1-.9-2-2-2z\"\n}), 'CropFree');","import React from 'react';\nimport createSvgIcon from './utils/createSvgIcon';\nexport default createSvgIcon(React.createElement(\"path\", {\n  d: \"M6 19h4V5H6v14zm8-14v14h4V5h-4z\"\n}), 'Pause');","import React from 'react';\nimport createSvgIcon from './utils/createSvgIcon';\nexport default createSvgIcon(React.createElement(\"path\", {\n  d: \"M8 5v14l11-7z\"\n}), 'PlayArrow');","import React from 'react';\nimport createSvgIcon from './utils/createSvgIcon';\nexport default createSvgIcon(React.createElement(\"path\", {\n  d: \"M7 9v6h4l5 5V4l-5 5H7z\"\n}), 'VolumeMute');","import React from 'react';\nimport createSvgIcon from './utils/createSvgIcon';\nexport default createSvgIcon(React.createElement(\"path\", {\n  d: \"M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z\"\n}), 'VolumeUp');","import React from \"react\"\nimport {\n  Container,\n  Cell,\n  Button,\n  ProgressBar,\n  ProgressFill,\n  ProgressPip,\n  VolumeBar,\n  VolumeContainer,\n  VolumeFill,\n  VolumePip,\n  Gradient,\n} from \"./styles\"\nimport {\n  PlayArrow,\n  Pause,\n  CropFree,\n  VolumeMute,\n  VolumeUp,\n} from \"@material-ui/icons\"\n\nconst Controls = React.memo(\n  ({\n    isPlaying,\n    setPlaying,\n    isFullscreen,\n    setFullscreen,\n    progress,\n    playerRef,\n    playIcon,\n    setPlayIcon,\n    volume,\n    setVolume,\n  }) => {\n    const { current: player } = playerRef\n\n    const handleFullscreen = e => {\n      e.preventDefault()\n      e.stopPropagation()\n      setFullscreen(!isFullscreen)\n    }\n\n    const handleSeek = e => {\n      e.preventDefault()\n      e.stopPropagation()\n      const initialPlaying = isPlaying\n      if (isPlaying) setPlaying(false)\n      const { left } = e.currentTarget.getBoundingClientRect()\n      const { offsetWidth } = e.currentTarget\n      player.seekTo((e.pageX - left) / offsetWidth, \"fraction\")\n\n      const mouseMove = move => {\n        player.seekTo((move.pageX - left) / offsetWidth, \"fraction\")\n      }\n\n      const endSeeking = () => {\n        document.removeEventListener(\"mouseup\", endSeeking)\n        document.removeEventListener(\"mousemove\", mouseMove)\n        setPlaying(initialPlaying)\n      }\n\n      document.addEventListener(\"mouseup\", endSeeking)\n      document.addEventListener(\"mousemove\", mouseMove)\n    }\n\n    const handleSetVolume = e => {\n      e.preventDefault()\n      e.stopPropagation()\n      const { left } = e.currentTarget.getBoundingClientRect()\n      const { offsetWidth } = e.currentTarget\n      setVolume((e.pageX - left) / offsetWidth)\n\n      const volumeMouseMove = move => {\n        const draggedVolume = (move.pageX - left) / offsetWidth\n        setVolume(draggedVolume < 0 ? 0 : draggedVolume > 1 ? 1 : draggedVolume)\n      }\n\n      const endSetVolume = () => {\n        document.removeEventListener(\"mouseup\", endSetVolume)\n        document.removeEventListener(\"mousemove\", volumeMouseMove)\n      }\n\n      document.addEventListener(\"mouseup\", endSetVolume)\n      document.addEventListener(\"mousemove\", volumeMouseMove)\n    }\n\n    const stopPropagation = e => {\n      e.stopPropagation()\n    }\n\n    const handlePlay = e => {\n      e.stopPropagation()\n      e.preventDefault()\n      setPlaying(!isPlaying)\n      setPlayIcon(!playIcon)\n    }\n\n    return (\n      <>\n        <Gradient />\n        <Container style={{ marginBottom: \"2rem\" }}>\n          <Cell>\n            <Button\n              onMouseDown={handleFullscreen}\n              style={{ marginRight: \"1rem\" }}\n            >\n              <CropFree />\n            </Button>\n            <Button\n              onClick={handlePlay}\n              style={{ padding: \"0.2rem 2rem\" }}\n              onMouseDown={stopPropagation}\n            >\n              {playIcon ? <Pause /> : <PlayArrow />}\n            </Button>\n          </Cell>\n          <Cell>\n            <ProgressBar onMouseDown={handleSeek}>\n              <ProgressFill progress={progress} />\n              <ProgressPip progress={progress} onClick={stopPropagation} />\n            </ProgressBar>\n          </Cell>\n          <Cell>\n            <VolumeContainer>\n              <VolumeMute style={{ color: \"#898989\" }} />\n              <VolumeBar onMouseDown={handleSetVolume}>\n                <VolumeFill volume={volume} />\n                <VolumePip volume={volume} onClick={stopPropagation} />\n              </VolumeBar>\n              <VolumeUp />\n            </VolumeContainer>\n          </Cell>\n        </Container>\n      </>\n    )\n  }\n)\n\nexport default Controls\n","import React, { useState, useRef, useEffect, useCallback } from 'react';\nimport fscreen from 'fscreen';\n\nfunction useFullScreenHandle() {\n  var _useState = useState(false),\n      active = _useState[0],\n      setActive = _useState[1];\n\n  var node = useRef(null);\n  useEffect(function () {\n    var handleChange = function handleChange() {\n      setActive(fscreen.fullscreenElement === node.current);\n    };\n\n    fscreen.addEventListener('fullscreenchange', handleChange);\n    return function () {\n      return fscreen.removeEventListener('fullscreenchange', handleChange);\n    };\n  }, []);\n  var enter = useCallback(function () {\n    if (fscreen.fullscreenElement) {\n      fscreen.exitFullscreen().then(function () {\n        fscreen.requestFullscreen(node.current);\n      });\n    } else if (node.current) {\n      fscreen.requestFullscreen(node.current);\n    }\n  }, []);\n  var exit = useCallback(function () {\n    if (fscreen.fullscreenElement === node.current) {\n      fscreen.exitFullscreen();\n    }\n  }, []);\n  return {\n    active: active,\n    enter: enter,\n    exit: exit,\n    node: node\n  };\n}\n\nvar FullScreen = function FullScreen(_ref) {\n  var handle = _ref.handle,\n      onChange = _ref.onChange,\n      children = _ref.children;\n  var classNames = ['fullscreen'];\n\n  if (handle.active) {\n    classNames.push('fullscreen-enabled');\n  }\n\n  useEffect(function () {\n    if (onChange) {\n      onChange(handle.active, handle);\n    }\n  }, [handle.active]);\n  return React.createElement(\"div\", {\n    className: classNames.join(' '),\n    ref: handle.node,\n    style: handle.active ? {\n      height: '100%',\n      width: '100%'\n    } : undefined\n  }, children);\n};\n\nexport { FullScreen, useFullScreenHandle };","import React, { useState, useRef, useEffect, useCallback } from \"react\"\nimport Player from \"react-player\"\nimport {\n  Wrapper,\n  PlayerContainer,\n  Curtain,\n  PlayIcon,\n  ControlsContainer,\n  VideoMobile,\n  VideoMobileWrapper,\n  Alert,\n} from \"./styles\"\nimport { PlayCircleFilled } from \"@material-ui/icons\"\nimport Controls from \"./controls\"\nimport { AnimatePresence } from \"framer-motion\"\nimport { useFullScreenHandle, FullScreen } from \"react-full-screen\"\nimport { isMobile } from \"react-device-detect\"\n\nconst VideoPlayer = React.memo(\n  ({ src = \"\", style = {}, nativecontrols = false } = {}) => {\n    const [isPlaying, setPlaying] = useState(false)\n    const [playIcon, setPlayIcon] = useState(false)\n    const [isFullscreen, setFullscreen] = useState(false)\n    const [volume, setVolume] = useState(1)\n    const [progress, setProgress] = useState(0)\n    const [isControls, setControls] = useState(false)\n    const playerRef = useRef()\n    const full = useFullScreenHandle()\n\n    useEffect(() => {\n      if (isFullscreen) full.enter()\n      if (!isFullscreen) full.exit()\n    }, [isFullscreen])\n\n    const fullChange = useCallback(\n      state => {\n        if (state === false) setFullscreen(false)\n      },\n      [full]\n    )\n\n    const handleHover = () => {\n      setControls(true)\n      const bcr = playerRef.current.wrapper.getBoundingClientRect()\n\n      const mouseLeftWindow = (bcr, x, y) => {\n        return x < bcr.x || x > bcr.right || y < bcr.y || y > bcr.bottom\n      }\n\n      const clearListeners = () => {\n        document.removeEventListener(\"mousemove\", mouseMove)\n        document.removeEventListener(\"visibilitychange\", clearListeners)\n        setControls(false)\n      }\n\n      const mouseMove = e => {\n        if (mouseLeftWindow(bcr, e.clientX, e.clientY)) {\n          clearListeners()\n        }\n      }\n\n      if (!isFullscreen) {\n        document.addEventListener(\"mousemove\", mouseMove)\n        document.addEventListener(\"visibilitychange\", clearListeners)\n      }\n\n      if (isFullscreen) clearListeners()\n    }\n\n    const updateProgress = ({ played }) => {\n      setProgress(played * 100)\n      if (played === 1) {\n        setPlaying(false)\n        setPlayIcon(false)\n      }\n    }\n\n    const handlePlay = e => {\n      e.stopPropagation()\n      playerRef.current.handleClickPreview()\n      setPlaying(!isPlaying)\n      setPlayIcon(!playIcon)\n      if (isMobile && isPlaying) setControls(true)\n    }\n\n    return (\n      <FullScreen handle={full} onChange={fullChange}>\n        <Wrapper style={style} onMouseDown={handlePlay}>\n          <PlayerContainer fullScreen={isFullscreen}>\n            <Player\n              width={\"101%\"}\n              height={\"101%\"}\n              style={{ position: \"absolute\", top: 0, left: 0 }}\n              url={src}\n              playing={isPlaying}\n              progressInterval={100}\n              onProgress={\n                nativecontrols\n                  ? () => {\n                      return\n                    }\n                  : updateProgress\n              }\n              onDuration={() => null}\n              ref={playerRef}\n              volume={volume}\n              onMouseEnter={nativecontrols ? null : handleHover}\n              playIcon={<i />}\n              light={\n                nativecontrols\n                  ? false\n                  : src.replace(\".file\", \".thumb\").replace(\".mp4\", \".thumb\")\n              }\n              controls={nativecontrols}\n            />\n            <AnimatePresence>\n              {!playIcon && !nativecontrols && (\n                <>\n                  <Curtain\n                    initial={{ opacity: 0 }}\n                    animate={{ opacity: 1 }}\n                    exit={{ opacity: 0 }}\n                    transition={{ duration: 0.3 }}\n                    onMouseEnter={handleHover}\n                  />\n                  <PlayIcon\n                    tabindex=\"0\"\n                    initial={{ opacity: 0 }}\n                    animate={{ opacity: 1 }}\n                    exit={{ opacity: 0 }}\n                    transition={{ duration: 0.3 }}\n                    onMouseEnter={handleHover}\n                  >\n                    <PlayCircleFilled />\n                  </PlayIcon>\n                </>\n              )}\n            </AnimatePresence>\n            <AnimatePresence>\n              {((!nativecontrols && isControls && playIcon) ||\n                isFullscreen) && (\n                <ControlsContainer\n                  initial={{ opacity: 0 }}\n                  animate={{ opacity: 1 }}\n                  exit={{ opacity: 0 }}\n                  transition={{ duration: 0.3 }}\n                  onMouseEnter={handleHover}\n                  fullscreen={isFullscreen}\n                >\n                  <Controls\n                    isPlaying={isPlaying}\n                    setPlaying={setPlaying}\n                    playIcon={playIcon}\n                    setPlayIcon={setPlayIcon}\n                    isFullscreen={isFullscreen}\n                    setFullscreen={setFullscreen}\n                    progress={progress}\n                    setProgress={setProgress}\n                    playerRef={playerRef}\n                    volume={volume}\n                    setVolume={setVolume}\n                  />\n                </ControlsContainer>\n              )}\n            </AnimatePresence>\n          </PlayerContainer>\n          {!src && <Alert>nie dodano pliku audio</Alert>}\n        </Wrapper>\n      </FullScreen>\n    )\n  }\n)\n\nconst VideoPlayerMobile = ({ src }) => {\n  const [playIcon, setPlayIcon] = useState(true)\n\n  const playerRef = useRef(null)\n\n  const onClickPlay = () => {\n    if (playerRef?.current) {\n      playerRef.current.play()\n      setPlayIcon(false)\n    }\n  }\n\n  return (\n    <VideoMobileWrapper>\n      <AnimatePresence>\n        {playIcon && playerRef && (\n          <>\n            <Curtain\n              initial={{ opacity: 0 }}\n              animate={{ opacity: 1 }}\n              exit={{ opacity: 0 }}\n              transition={{ duration: 0.3 }}\n              onClick={onClickPlay}\n              style={{\n                height: \"99%\",\n                width: \"101%\",\n              }}\n            />\n            <PlayIcon\n              initial={{ opacity: 0 }}\n              animate={{ opacity: 1 }}\n              exit={{ opacity: 0 }}\n              transition={{ duration: 0.3 }}\n              onClick={onClickPlay}\n            >\n              <PlayCircleFilled />\n            </PlayIcon>\n          </>\n        )}\n      </AnimatePresence>\n      <VideoMobile\n        src={src.replace(\".file\", \".mp4\")}\n        ref={playerRef}\n        controls={!playIcon}\n        autoPlay={false}\n        playsInline\n      ></VideoMobile>\n      {!src && <Alert>nie dodano pliku audio</Alert>}\n    </VideoMobileWrapper>\n  )\n}\n\nconst VideoPlayerSwitcher = React.memo(\n  ({ src = \"\", style = {}, nativecontrols = false } = {}) => {\n    if (isMobile && !nativecontrols) {\n      return <VideoPlayerMobile src={src.replace(\".file\", \".mp4\")} />\n    }\n\n    return (\n      <VideoPlayer\n        src={src.replace(\".file\", \".mp4\")}\n        style={style}\n        nativecontrols={nativecontrols}\n      />\n    )\n  }\n)\nexport default VideoPlayerSwitcher\n","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nvar key = {\n  fullscreenEnabled: 0,\n  fullscreenElement: 1,\n  requestFullscreen: 2,\n  exitFullscreen: 3,\n  fullscreenchange: 4,\n  fullscreenerror: 5,\n  fullscreen: 6\n};\nvar webkit = ['webkitFullscreenEnabled', 'webkitFullscreenElement', 'webkitRequestFullscreen', 'webkitExitFullscreen', 'webkitfullscreenchange', 'webkitfullscreenerror', '-webkit-full-screen'];\nvar moz = ['mozFullScreenEnabled', 'mozFullScreenElement', 'mozRequestFullScreen', 'mozCancelFullScreen', 'mozfullscreenchange', 'mozfullscreenerror', '-moz-full-screen'];\nvar ms = ['msFullscreenEnabled', 'msFullscreenElement', 'msRequestFullscreen', 'msExitFullscreen', 'MSFullscreenChange', 'MSFullscreenError', '-ms-fullscreen']; // so it doesn't throw if no window or document\n\nvar document = typeof window !== 'undefined' && typeof window.document !== 'undefined' ? window.document : {};\nvar vendor = 'fullscreenEnabled' in document && Object.keys(key) || webkit[0] in document && webkit || moz[0] in document && moz || ms[0] in document && ms || [];\nexports.default = {\n  requestFullscreen: function requestFullscreen(element) {\n    return element[vendor[key.requestFullscreen]]();\n  },\n  requestFullscreenFunction: function requestFullscreenFunction(element) {\n    return element[vendor[key.requestFullscreen]];\n  },\n\n  get exitFullscreen() {\n    return document[vendor[key.exitFullscreen]].bind(document);\n  },\n\n  get fullscreenPseudoClass() {\n    return ':' + vendor[key.fullscreen];\n  },\n\n  addEventListener: function addEventListener(type, handler, options) {\n    return document.addEventListener(vendor[key[type]], handler, options);\n  },\n  removeEventListener: function removeEventListener(type, handler, options) {\n    return document.removeEventListener(vendor[key[type]], handler, options);\n  },\n\n  get fullscreenEnabled() {\n    return Boolean(document[vendor[key.fullscreenEnabled]]);\n  },\n\n  set fullscreenEnabled(val) {},\n\n  get fullscreenElement() {\n    return document[vendor[key.fullscreenElement]];\n  },\n\n  set fullscreenElement(val) {},\n\n  get onfullscreenchange() {\n    return document[('on' + vendor[key.fullscreenchange]).toLowerCase()];\n  },\n\n  set onfullscreenchange(handler) {\n    return document[('on' + vendor[key.fullscreenchange]).toLowerCase()] = handler;\n  },\n\n  get onfullscreenerror() {\n    return document[('on' + vendor[key.fullscreenerror]).toLowerCase()];\n  },\n\n  set onfullscreenerror(handler) {\n    return document[('on' + vendor[key.fullscreenerror]).toLowerCase()] = handler;\n  }\n\n};","import styled from \"styled-components\"\nimport { Link } from \"gatsby\"\n\nexport const WrapperLink = styled(Link)`\n  display: flex;\n  align-items: center;\n  margin: 0 auto;\n  width: max-content;\n  text-decoration: none;\n  font-weight: 500;\n  @media (max-width: 768px) {\n    padding-bottom: 8rem;\n  }\n`\n\nexport const Text = styled.p`\n  color: #2e2e2e;\n  font-size: 1.25rem;\n  padding-right: 1.1rem;\n  margin-top: 0.5rem;\n  @media (max-width: 575px) {\n    margin: 0;\n    padding: 0;\n  }\n`\n\nexport const Title = styled.p`\n  color: #2e2e2e;\n  font-size: 1.875rem;\n  text-transform: uppercase;\n`\n\nexport const Icon = styled.img`\n  transform: translateX(-0.4rem);\n  height: 4.31rem;\n  @media (max-width: 575px) {\n    height: 4rem;\n  }\n`\n\nexport const FlexWrapper = styled.div`\n  display: flex;\n  align-items: center;\n  @media (max-width: 575px) {\n    flex-direction: column;\n    align-items: flex-end;\n    margin-right: 1.5rem;\n  }\n`\n","import React from \"react\"\nimport { Icon, WrapperLink, Text, Title, FlexWrapper } from \"./styles\"\nimport nextIcon from \"images/next_icon.png\"\n\nconst NextChapter = ({ title, href }) => {\n  return (\n    <WrapperLink to={href}>\n      <FlexWrapper>\n        <Text>Następny rozdział</Text>\n        <Title>{title}</Title>\n      </FlexWrapper>\n      <Icon src={nextIcon} />\n    </WrapperLink>\n  )\n}\n\nexport default NextChapter\n"],"sourceRoot":""}