{"version":3,"sources":["webpack:///./node_modules/@square-enix-private/fe-media/dist/YouTube/index.js","webpack:///./node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteralLoose.js","webpack:///./src/components/Countdown/elements.js","webpack:///./src/utils/leadZeros.js","webpack:///./src/utils/calculateTimeDifference.js","webpack:///./src/utils/index.js","webpack:///./src/components/Countdown/index.js","webpack:///./src/components/IntroSection/index.js","webpack:///./src/components/Gallery/elements.js","webpack:///./src/components/Gallery/index.js","webpack:///./src/components/SectionContainer/index.js","webpack:///./src/components/VideosListViewer/highlightsViewer.js","webpack:///./src/components/PreOrder/elements/index.js","webpack:///./src/components/PreOrder/index.js","webpack:///./src/components/BuyBanner/index.js","webpack:///./src/pages/index.js","webpack:///./src/components/DemoClasses/components/Skills.js","webpack:///./src/components/DemoClasses/index.js","webpack:///./src/components/IntroSection/elements/index.js","webpack:///./src/components/Logo/index.js","webpack:///./src/assets/buy-bg.jpg","webpack:///./src/hooks/translations.js","webpack:///./node_modules/@square-enix-private/fe-media/dist/YouTube/utils/getUrl.js","webpack:///./node_modules/querystringify/index.js","webpack:///./node_modules/@square-enix-private/fe-media/dist/index.js","webpack:///./src/components/IconScroll/index.js"],"names":["Object","defineProperty","exports","value","default","_styledBase","_interopRequireDefault","_propTypes","_react","_styledSystem","_getUrl","obj","__esModule","_objectWithoutProperties","source","excluded","key","i","target","sourceKeys","keys","length","indexOf","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","prototype","propertyIsEnumerable","call","Iframe","display","width","height","YouTube","_ref","_ref$className","className","_ref$width","_ref$height","_ref$onIframeRef","onIframeRef","urlProps","createElement","allowFullScreen","frameBorder","src","ref","element","propTypes","string","func","enableAPI","bool","hideControls","mute","videoId","playlist","arrayOf","autoPlay","loop","playsInline","modestBranding","start","number","origin","_default","_taggedTemplateLiteralLoose","strings","raw","slice","CountdownContainer","fontFamily","fontSize","TimeContainer","bounce","keyframes","Animation","css","CountElement","minWidth","color","Count","rest","Label","Time","CaptionContainer","Caption","Link","num","date","nowTime","Date","getTime","dateTime","days","hours","minutes","seconds","delta","Math","abs","floor","isInRange","startDate","targetDate","delayedDate","Countdown","t","useTranslation","useState","time","setTime","showPulse","setShowPulse","showContent","setShowContent","hideDelayedContent","setTimeout","useEffect","interval","calculateTimeDifference","setInterval","newTime","clearInterval","now","minHeight","p","flexDirection","justifyContent","maxWidth","mx","href","rel","size","icon","faTwitch","leadZeros","IntroSection","id","LogoSharp","poster","smallPoster","title","children","countdownDate","countdownDateStart","scrollAlpha","setScrollAlpha","scollListener","min","window","scrollY","innerHeight","inRange","addEventListener","removeEventListener","pageMarginBottom","SEHeaderHeight","mb","pt","backgroundPosition","MobileMenuHeight","backgroundSize","data-automation","TRAILER_WRAPPER","alignItems","px","Logo","imageData","SectionTitle","textColor","mt","IconScroll","opacity","defaultProps","Container","ImageContainer","VideoContainer","Video","Image","NavigationContainer","left","right","NavigationButton","Button","iconRev","Gallery","media","index","setIndex","buttons","returnObjects","renderType","type","m","fluid","image","alt","onClick","previousButton","publicURL","reversedPreviousButton","bgHover","nextButton","reversedNextButton","SectionContainer","space","layout","linkRegex","RegExp","HighligthsViewer","items","dispatch","useDispatch","gridTemplateColumns","map","isExternal","test","imgData","description","link","replace","open","VISIBLE","payload","playVisible","Wrapper","style","prop","cssProperty","BgTexture","PreOrder","position","upperCase","GatsbyLink","Box","zIndex","overflow","Divider","Gradient","Includes","Bullets","BuyBanner","locale","editions","logo","background","slug","my","to","top","dangerouslySetInnerHTML","__html","HomePage","pageContext","data","classesList","classesSection","comingSoon","videoPlayer","useSelector","state","pageId","breadcrumb","variant","data-analytics-id","TRAILER_BUTTON_PLAY_QA","TRAILER_BUTTON_PLAY_ANALYTICS","useHighlightsData","DemoClasses","useGalleryData","isVisible","Lightbox","onCloseModal","HIDDEN","videoID","Skills","skills","props","skillsDescription","watchVideo","selected","setSelected","textAlign","o","onMouseEnter","borderColor","thumbLink","ml","pr","flexWrap","PageWrap","Background","transform","StyledImg","Img","margin","loading","module","i18n","exists","undefined","useBuyPageData","storesData","_querystringify","_ref$hideControls","_ref$mute","_ref$autoPlay","_ref$loop","_ref$videoId","_ref$playsInline","_ref$modestBranding","_ref$src","Error","params","enablejsapi","controls","autoplay","toString","playsinline","modestbranding","forEach","queryString","stringify","urlWithSrc","concat","urlWithId","has","hasOwnProperty","decode","input","decodeURIComponent","e","encode","encodeURIComponent","prefix","pairs","isNaN","push","join","parse","query","part","parser","result","exec","enumerable","get","_YouTube","IconBox","iconBkg","StyledFontAwesome","FontAwesomeIcon","PositionContainer","bottom","faAngleDown"],"mappings":"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","file":"component---src-pages-index-js-f55dcc0811866e1072bf.js","sourcesContent":["\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.default = void 0;\n\nvar _styledBase = _interopRequireDefault(require(\"@emotion/styled-base\"));\n\nvar _propTypes = _interopRequireDefault(require(\"prop-types\"));\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _styledSystem = require(\"styled-system\");\n\nvar _getUrl = _interopRequireDefault(require(\"./utils/getUrl\"));\n\nfunction _interopRequireDefault(obj) {\n  return obj && obj.__esModule ? obj : {\n    default: obj\n  };\n}\n\nfunction _objectWithoutProperties(source, excluded) {\n  if (source == null) return {};\n\n  var target = _objectWithoutPropertiesLoose(source, excluded);\n\n  var key, i;\n\n  if (Object.getOwnPropertySymbols) {\n    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);\n\n    for (i = 0; i < sourceSymbolKeys.length; i++) {\n      key = sourceSymbolKeys[i];\n      if (excluded.indexOf(key) >= 0) continue;\n      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;\n      target[key] = source[key];\n    }\n  }\n\n  return target;\n}\n\nfunction _objectWithoutPropertiesLoose(source, excluded) {\n  if (source == null) return {};\n  var target = {};\n  var sourceKeys = Object.keys(source);\n  var key, i;\n\n  for (i = 0; i < sourceKeys.length; i++) {\n    key = sourceKeys[i];\n    if (excluded.indexOf(key) >= 0) continue;\n    target[key] = source[key];\n  }\n\n  return target;\n}\n\nvar Iframe = (0, _styledBase.default)(\"iframe\", {\n  target: \"ed2i56t0\"\n})(\"display:block;\", _styledSystem.display, _styledSystem.width, _styledSystem.height);\n\nvar YouTube = function YouTube(_ref) {\n  var _ref$className = _ref.className,\n      className = _ref$className === void 0 ? '' : _ref$className,\n      _ref$width = _ref.width,\n      width = _ref$width === void 0 ? 560 : _ref$width,\n      _ref$height = _ref.height,\n      height = _ref$height === void 0 ? 315 : _ref$height,\n      display = _ref.display,\n      _ref$onIframeRef = _ref.onIframeRef,\n      onIframeRef = _ref$onIframeRef === void 0 ? function () {} : _ref$onIframeRef,\n      urlProps = _objectWithoutProperties(_ref, [\"className\", \"width\", \"height\", \"display\", \"onIframeRef\"]);\n\n  return _react.default.createElement(Iframe, {\n    className: className,\n    display: display,\n    allowFullScreen: true,\n    frameBorder: \"0\" // @ts-ignore - https://git.sqexeu.com/onlinedev/onlinedev-fe-core/issues/7\n    ,\n    height: height,\n    src: (0, _getUrl.default)(urlProps) // @ts-ignore - https://git.sqexeu.com/onlinedev/onlinedev-fe-core/issues/7\n    ,\n    width: width,\n    ref: function ref(element) {\n      return onIframeRef(element);\n    }\n  });\n};\n\nYouTube.propTypes = {\n  className: _propTypes.default.string,\n  onIframeRef: _propTypes.default.func,\n  enableAPI: _propTypes.default.bool,\n  src: _propTypes.default.string,\n  hideControls: _propTypes.default.bool,\n  mute: _propTypes.default.bool,\n  videoId: _propTypes.default.string,\n  playlist: _propTypes.default.arrayOf(_propTypes.default.string),\n  autoPlay: _propTypes.default.bool,\n  loop: _propTypes.default.bool,\n  playsInline: _propTypes.default.bool,\n  modestBranding: _propTypes.default.bool,\n  start: _propTypes.default.number,\n  origin: _propTypes.default.string\n};\nvar _default = YouTube;\nexports.default = _default;","export default function _taggedTemplateLiteralLoose(strings, raw) {\n  if (!raw) {\n    raw = strings.slice(0);\n  }\n\n  strings.raw = raw;\n  return strings;\n}","import React from 'react';\nimport styled from '@emotion/styled';\nimport { Flex, Box } from '@square-enix-private/vaquita-ui';\nimport {\n  fontSize,\n  display,\n  height,\n  width,\n  fontFamily,\n  minWidth,\n  color\n} from 'styled-system';\nimport { css, keyframes } from '@emotion/core';\n\nexport const CountdownContainer = styled(Flex)`\n  background-color: #0c0c0c;\n  ${display};\n  width: 100%;\n  ${height};\n  ${fontFamily};\n  ${fontSize};\n  box-sizing: content-box;\n\n  @media screen and (min-width: 580px) and (max-width: 650px) {\n    flex-direction: column-reverse;\n    height: 100px;\n  }\n`;\n\nexport const TimeContainer = styled(Flex)`\n  text-align: center;\n`;\n\nconst bounce = keyframes`\nfrom 0% {\n  opacity: 1;\n}\n\n50% {\n  opacity: 0.5;\n}\n\n100% {\n  opacity: 1;\n}\n`;\n\nexport const Animation = css`\n  animation: ${bounce} 1s ease infinite;\n`;\n\nexport const CountElement = styled(Flex)`\n  ${fontSize};\n  text-align: center;\n  flex-direction: column;\n  justify-content: center;\n  ${width};\n  ${minWidth};\n  ${color};\n`;\n\nexport const Count = ({ ...rest }) => (\n  <CountElement\n    fontSize={['10vw', '1em']}\n    minWidth={['15vw', 62, 66]}\n    color=\"text.tertiary\"\n    {...rest}\n  />\n);\n\nexport const Label = styled(Box)`\n  writing-mode: vertical-rl;\n  text-orientation: upright;\n  ${fontSize};\n  margin-left: 5px;\n  margin-right: 10px;\n`;\n\nexport const Time = styled(Flex)`\n  text-align: center;\n`;\n\nexport const CaptionContainer = styled(Flex)`\n  text-align: center;\n  ${fontSize};\n  ${width};\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  @media screen and (min-width: 580px) and (max-width: 650px) {\n    max-width: unset;\n  }\n`;\n\nexport const Caption = styled(Flex)`\n  vertical-align: middle;\n  word-wrap: break-word;\n  align-items: center;\n`;\n\nexport const Link = styled.a`\n  text-decoration: none;\n  color: inherit;\n  display: flex;\n\n  &:first-of-type > div:first-of-type {\n    transition: transform 0.2s;\n  }\n  &:first-of-type:hover > div:first-of-type {\n    transform: scale(1.2);\n  }\n`;\n","export default (num) => {\n  if (num < 10) {\n    return `0${num}`;\n  }\n\n  return num;\n};\n","export default (date) => {\n  const now = new Date();\n  const nowTime = now.getTime();\n  const dateTime = date.getTime();\n\n  if (nowTime > dateTime) {\n    return {\n      days: 0,\n      hours: 0,\n      minutes: 0,\n      seconds: 0\n    };\n  }\n\n  let delta = Math.abs(dateTime - nowTime) / 1000;\n\n  const days = Math.floor(delta / (60 * 60 * 24));\n\n  delta -= days * 60 * 60 * 24;\n\n  const hours = Math.floor(delta / (60 * 60)) % 24;\n\n  delta -= hours * 60 * 60;\n\n  const minutes = Math.floor(delta / 60) % 60;\n\n  delta -= minutes * 60;\n\n  const seconds = Math.floor(delta % 60);\n\n  return {\n    days,\n    hours,\n    minutes,\n    seconds\n  };\n};\n","export { default as leadZeros } from './leadZeros';\nexport { default as calculateTimeDifference } from './calculateTimeDifference';\n\nexport const isInRange = (startDate, targetDate) => new Date().getTime() > startDate.getTime()\n  && new Date().getTime() < targetDate.getTime();\n\nexport const delay = 30 * 60 * 1000;\n\nexport const delayedDate = (date) => new Date(date.getTime() + delay);\n","import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { useTranslation } from 'react-i18next';\nimport { Flex } from '@square-enix-private/vaquita-ui';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { faTwitch } from '@fortawesome/free-brands-svg-icons';\nimport {\n  CountdownContainer,\n  TimeContainer,\n  Time,\n  Count,\n  Label,\n  CaptionContainer,\n  Caption,\n  Link,\n  Animation\n} from './elements';\n\nimport {\n  calculateTimeDifference,\n  leadZeros,\n  isInRange,\n  delayedDate,\n  delay\n} from '../../utils';\n\nexport const Countdown = ({ date, startDate }) => {\n  const { t } = useTranslation('countdown');\n\n  const [time, setTime] = useState({\n    days: 0,\n    hours: 0,\n    minutes: 0,\n    seconds: 0\n  });\n\n  const [showPulse, setShowPulse] = useState(false);\n\n  const [showContent, setShowContent] = useState(\n    isInRange(startDate, delayedDate(date))\n  );\n\n  const hideDelayedContent = (time) => {\n    setShowPulse(true);\n    setTimeout(() => {\n      setShowContent(false);\n      setShowPulse(false);\n    }, time);\n  };\n\n  useEffect(() => {\n    setShowContent(isInRange(startDate, delayedDate(date)));\n    const { days, hours, minutes, seconds } = calculateTimeDifference(date);\n\n    setTime({ days, hours, minutes, seconds });\n\n    let interval;\n\n    if (days + hours + minutes + seconds > 0) {\n      interval = setInterval(() => {\n        const newTime = calculateTimeDifference(date);\n\n        setTime(newTime);\n\n        const { days, hours, minutes, seconds } = newTime;\n\n        if (days + hours + minutes + seconds === 0) {\n          hideDelayedContent(delay);\n          clearInterval(interval);\n        } else if (!showContent) {\n          setShowContent(isInRange(startDate, delayedDate(date)));\n        }\n      }, 1000);\n    } else if (showContent && !showPulse) {\n      hideDelayedContent(delayedDate(date).getTime() - Date.now());\n    }\n\n    return () => {\n      clearInterval(interval);\n    };\n  }, []);\n\n  return (\n    <Flex width={1}>\n      {showContent && (\n        <CountdownContainer\n          fontSize={['medium']}\n          minHeight={[134, 84, 64]}\n          p={[null, 'small']}\n          flexDirection={['column-reverse', 'row']}\n          justifyContent={['space-around', 'center']}\n        >\n          <CaptionContainer maxWidth={[null, 320]} mx={['small', 'large']}>\n            <Link href={t('link')} target=\"_blank\" rel=\"noopener noreferrer\">\n              <Flex fontSize={[32, 24, 32]} color=\"#a970ff\" mx={[10, null]}>\n                <FontAwesomeIcon size=\"2x\" icon={faTwitch} />\n              </Flex>\n              <Caption width={200} fontSize={['18px']}>\n                {t('title')}\n              </Caption>\n            </Link>\n          </CaptionContainer>\n\n          <TimeContainer\n            justifyContent=\"center\"\n            fontSize={['largeCounter']}\n            css={showPulse ? Animation : null}\n          >\n            <Time>\n              <Count>{leadZeros(time.days)}</Count>\n              <Label fontSize={['small', 'medium']}>{t('daysLabel')}</Label>\n            </Time>\n\n            <Time>\n              <Count>{leadZeros(time.hours)}</Count>\n              <Label fontSize={['small', 'medium']}>{t('hoursLabel')}</Label>\n            </Time>\n\n            <Time>\n              <Count>{leadZeros(time.minutes)}</Count>\n              <Label fontSize={['small', 'medium']}>{t('minutesLabel')}</Label>\n            </Time>\n\n            <Time>\n              <Count>{leadZeros(time.seconds)}</Count>\n              <Label fontSize={['small', 'medium']}>{t('secondsLabel')}</Label>\n            </Time>\n          </TimeContainer>\n        </CountdownContainer>\n      )}\n    </Flex>\n  );\n};\n\nCountdown.propTypes = {\n  date: PropTypes.instanceOf(Date).isRequired,\n  startDate: PropTypes.instanceOf(Date).isRequired\n};\n\nexport default Countdown;\n","import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { Box, Flex } from '@square-enix-private/vaquita-ui';\nimport { useTranslation } from 'react-i18next';\n\nimport Logo from '~/components/Logo';\nimport SectionTitle from '~/components/SectionTitle/index';\nimport { TabletAndDesktop, PhoneOnly } from '~/components/Buckets';\nimport { SEHeaderHeight, MobileMenuHeight } from '~/constants/site';\nimport Count from '~/components/Countdown';\nimport { PageWrap, Background, Wrapper } from './elements';\nimport IconScroll from '~/components/IconScroll';\n\nimport { TRAILER_WRAPPER } from '~/constants/dataAutomationTagsQA';\n\nimport { isInRange, delayedDate } from '../../utils';\n\nconst IntroSection = ({\n  id,\n  LogoSharp,\n  poster,\n  smallPoster,\n  title,\n  children\n}) => {\n  const countdownDate = useTranslation('countdown').t('date');\n  const countdownDateStart = useTranslation('countdown').t('dateStart');\n  const targetDate = new Date(countdownDate);\n  const startDate = new Date(countdownDateStart);\n\n  const [showContent, setShowContent] = useState(\n    isInRange(startDate, delayedDate(targetDate))\n  );\n  const [scrollAlpha, setScrollAlpha] = useState(1);\n  let interval;\n\n  const scollListener = () => setScrollAlpha(1 - Math.min(1, (window.scrollY / window.innerHeight) * 5));\n\n  useEffect(() => {\n    setShowContent(isInRange(startDate, delayedDate(targetDate)));\n    interval = setInterval(() => {\n      const inRange = isInRange(startDate, delayedDate(targetDate));\n\n      setShowContent(inRange);\n      if (!isInRange) {\n        clearInterval(interval);\n      }\n    }, 1000);\n    window.addEventListener('scroll', scollListener);\n\n    return () => {\n      clearInterval(interval);\n      window.removeEventListener('scroll', scollListener);\n    };\n  }, []);\n\n  const pageMarginBottom = showContent ? [] : ['medium', 'large'];\n\n  return (\n    <Box width={1}>\n      <PageWrap\n        id={id}\n        width={1}\n        minHeight={[520, 480]}\n        height={[\n          `calc(100vh - ${SEHeaderHeight}px)`,\n          `calc(100vh - ${SEHeaderHeight}px - 60px)`\n        ]}\n        mb={pageMarginBottom}\n        pt={[0, 60]}\n      >\n        <PhoneOnly width={1}>\n          <Background\n            src={smallPoster}\n            backgroundPosition={[`center ${MobileMenuHeight}px`, 'center']}\n            height=\"100%\"\n            width=\"100%\"\n          />\n        </PhoneOnly>\n        <TabletAndDesktop width={1}>\n          <Background\n            src={poster}\n            backgroundPosition={['40% 30%', 'center 15%']}\n            backgroundSize=\"cover\"\n            height=\"100%\"\n            width=\"100%\"\n          />\n        </TabletAndDesktop>\n        <Flex\n          data-automation={TRAILER_WRAPPER}\n          width=\"100%\"\n          height=\"100%\"\n          flexDirection=\"column\"\n          justifyContent=\"flex-end\"\n          alignItems=\"center\"\n          px=\"medium\"\n        >\n          <Box width={['90vw', 420, 600, '40vw']} maxWidth={600}>\n            <Logo imageData={LogoSharp} />\n          </Box>\n          <Box mb={[null, null, null, 'xxlarge']}>\n            <SectionTitle\n              title={title}\n              justifyContent=\"center\"\n              textColor=\"text.secondary\"\n            />\n          </Box>\n          <Wrapper height={['50%', '5%']} mt={[null, 'xxlarge']}>\n            {children}\n          </Wrapper>\n          <Flex width={1} flexDirection=\"column-reverse\">\n            <Count date={targetDate} startDate={startDate} />\n            <IconScroll opacity={scrollAlpha} />\n          </Flex>\n        </Flex>\n      </PageWrap>\n    </Box>\n  );\n};\n\nIntroSection.propTypes = {\n  id: PropTypes.string.isRequired,\n  LogoSharp: PropTypes.object.isRequired,\n  title: PropTypes.string.isRequired,\n  poster: PropTypes.string.isRequired,\n  smallPoster: PropTypes.string.isRequired,\n  children: PropTypes.node\n};\n\nIntroSection.defaultProps = {\n  children: null\n};\n\nexport default IntroSection;\n","import styled from '@emotion/styled';\nimport { Box } from '@square-enix-private/vaquita-ui';\nimport { left, right } from 'styled-system';\nimport { Button } from '~/components/Buttons';\n\nexport const Container = styled(Box)`\n  position: relative;\n`;\n\nexport const ImageContainer = styled(Box)`\n  display: flex;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n  overflow: hidden;\n`;\n\nexport const VideoContainer = styled(Box)`\n  display: flex;\n  width: 100%;\n  align-items: center;\n  overflow: hidden;\n`;\n\nexport const Video = styled(Box)`\n  width: 100%;\n  height: 100%;\n`;\nexport const Image = styled(Box)`\n  width: 100%;\n  height: 100%;\n`;\n\nexport const NavigationContainer = styled(Box)`\n  position: absolute;\n  transform: translateY(-50%);\n  top: 50%;\n  ${left};\n  ${right};\n`;\n\nexport const NavigationButton = styled(Button)`\n  background-image: url(${({ icon }) => icon});\n  background-repeat: no-repeat;\n\n  :hover {\n    @supports (-ms-scroll-limit: 0) {\n      background-image: url(${({ iconRev }) => iconRev});\n    }\n  }\n\n  ::after {\n    background: unset;\n    @supports (clip-path: circle(100% at 50% 50%)) {\n      background-image: url(${({ iconRev }) => iconRev});\n    }\n  }\n`;\n","import React, { useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { YouTube } from '@square-enix-private/fe-media';\nimport Img from 'gatsby-image';\nimport PropTypes from 'prop-types';\n\nimport {\n  Container,\n  ImageContainer,\n  Image,\n  VideoContainer,\n  Video,\n  NavigationButton,\n  NavigationContainer\n} from './elements';\n\nconst Gallery = ({ media }) => {\n  const [index, setIndex] = useState(0);\n  const { t } = useTranslation('assets');\n  const buttons = t('UI', { returnObjects: true });\n\n  const length = media.length - 1;\n  const handleNext = () => (index === length ? setIndex(0) : setIndex(index + 1));\n  const handlePrevious = () => (index === 0 ? setIndex(length) : setIndex(index - 1));\n\n  const renderType = media[index].type;\n\n  return (\n    <>\n      <Container width={1} m=\"auto\">\n        {renderType !== 'videos' && (\n          <ImageContainer key={`${media[index].id}`}>\n            <Image>\n              <Img\n                fluid={media[index].image}\n                src={media[index].image.src}\n                alt={media[index].alt}\n                title={media[index].title}\n              />\n            </Image>\n          </ImageContainer>\n        )}\n        {renderType === 'videos' && (\n          <VideoContainer height=\"40vw\">\n            <Video>\n              <YouTube videoId={media[index].videoId} width={1} height=\"100%\" />\n            </Video>\n          </VideoContainer>\n        )}\n        <NavigationContainer left={[5, -20, 20]}>\n          <NavigationButton\n            width={[29, 35]}\n            height={[40, 50]}\n            onClick={() => handlePrevious()}\n            icon={buttons.previousButton.publicURL}\n            iconRev={buttons.reversedPreviousButton.publicURL}\n            bgHover\n          />\n        </NavigationContainer>\n        <NavigationContainer right={[5, -20, 20]}>\n          <NavigationButton\n            width={[29, 35]}\n            height={[40, 50]}\n            onClick={() => handleNext()}\n            icon={buttons.nextButton.publicURL}\n            iconRev={buttons.reversedNextButton.publicURL}\n            bgHover\n          />\n        </NavigationContainer>\n      </Container>\n    </>\n  );\n};\n\nGallery.propTypes = {\n  media: PropTypes.array.isRequired\n};\n\nexport default Gallery;\n","import React from 'react';\nimport styled from '@emotion/styled';\nimport { Flex } from '@square-enix-private/vaquita-ui';\nimport { space, color, layout } from 'styled-system';\n\nconst SectionContainer = styled(Flex)`\n  position: relative;\n  z-index: 0;\n  ${space};\n  overflow: hidden;\n  ${color};\n  ${layout};\n`;\n\nexport default ({ ...rest }) => (\n  <SectionContainer\n    px={['medium', 'large']}\n    pt={['medium', null, 'large']}\n    maxWidth={[1400]}\n    flexDirection=\"column\"\n    width={1}\n    {...rest}\n  />\n);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { useDispatch } from 'react-redux';\nimport { VISIBLE } from '~/constants/videoPlayer';\nimport { Item, ItemWrapper, HighlightsGrid } from './elements';\n\nconst linkRegex = new RegExp('link{(.*)}');\n\nconst HighligthsViewer = ({ items }) => {\n  const dispatch = useDispatch();\n\n  return (\n    <HighlightsGrid\n      flexDirection={['column', 'unset']}\n      justifyContent={['center', 'space-between']}\n      gridTemplateColumns={[null, 'repeat(2, 1fr)', 'repeat(3, 1fr)']}\n    >\n      {items.map(({ image, title, id, videoId, alt }) => {\n        const isExternal = linkRegex.test(videoId);\n        const onClick = () => {\n          if (isExternal) {\n            const link = videoId.replace('link{', '').replace('}', '');\n\n            window.open(link, '_blank');\n          } else {\n            dispatch({ type: VISIBLE, payload: videoId });\n          }\n        };\n\n        return (\n          <ItemWrapper mb=\"medium\" key={id}>\n            <Item\n              imgData={image}\n              alt={alt}\n              description={title}\n              onClick={onClick}\n              playVisible\n            />\n          </ItemWrapper>\n        );\n      })}\n    </HighlightsGrid>\n  );\n};\n\nHighligthsViewer.propTypes = {\n  items: PropTypes.array.isRequired\n};\n\nexport default HighligthsViewer;\n","import { Heading, Flex } from '@square-enix-private/vaquita-ui';\nimport styled from '@emotion/styled';\nimport { position, style } from 'styled-system';\n\nimport BgTexture from '~/assets/buy-bg.jpg';\n\nexport const flexGrow = style({\n  prop: 'flexGrow',\n  cssProperty: 'flexGrow'\n});\n\nexport const Wrapper = styled(Flex)`\n  background-image: url(${BgTexture});\n  background-repeat: no-repeat;\n  background-size: cover;\n  background-position: center;\n`;\n\nexport const Description = styled(Heading)`\n  ${position};\n  text-align: center;\n`;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { useTranslation } from 'react-i18next';\nimport { Box } from '@square-enix-private/vaquita-ui';\nimport { Wrapper } from './elements';\nimport SectionTitle from '../SectionTitle';\n\nconst PreOrder = ({ children }) => {\n  const { t } = useTranslation('preOrder');\n\n  return (\n    <Wrapper\n      width={1}\n      flexDirection=\"column\"\n      justifyContent=\"space-evenly\"\n      alignItems=\"center\"\n      minHeight={['364px', null, null, '480px']}\n    >\n      <Box>\n        <SectionTitle title={t('title')} upperCase mt={10} />\n      </Box>\n      {children}\n    </Wrapper>\n  );\n};\n\nPreOrder.propTypes = {\n  children: PropTypes.node\n};\n\nPreOrder.defaultProps = {\n  children: null\n};\n\nexport default PreOrder;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { useTranslation } from 'react-i18next';\nimport styled from '@emotion/styled';\nimport { position, zIndex, overflow, space } from 'styled-system';\nimport Img from 'gatsby-image';\nimport { Flex, Box as BoxBase } from '@square-enix-private/vaquita-ui';\nimport GatsbyLink from 'gatsby-link';\n\nexport const Link = styled(GatsbyLink)`\n  display: block;\n  height: 100%;\n  text-decoration: none;\n  color: inherit;\n`;\n\nconst Container = styled(BoxBase)`\n  border: 2px solid #7802e5;\n  border-radius: 2px;\n  background-color: #141534;\n\n  & #bgBox {\n    transition: all 0.3s ease-in-out;\n    transform: scale(1);\n  }\n\n  &:hover #bgBox {\n    transform: scale(1.1);\n  }\n`;\n\nconst Box = styled(BoxBase)`\n  ${position};\n  ${zIndex};\n  ${overflow};\n  ${space};\n`;\n\nconst Divider = styled.span`\n  background-color: #7802e5;\n  width: 100%;\n  height: 2px;\n  display: block;\n  margin-top: 10px;\n`;\n\nconst Gradient = styled.span`\n  background: linear-gradient(\n    0deg,\n    #141534 0%,\n    #141534 15%,\n    rgba(20, 21, 52, 0) 100%\n  );\n  width: 100%;\n  height: 200px;\n  display: block;\n  position: absolute;\n  top: -150px;\n  left: 0;\n  z-index: 0;\n`;\n\nconst Includes = styled.text`\n  text-transform: uppercase;\n  font-style: italic;\n  font-weight: bold;\n  font-size: 22px;\n`;\n\nconst Bullets = styled.text`\n  text-transform: uppercase;\n  font-weight: lighter;\n`;\n\nconst BuyBanner = ({ locale }) => {\n  const { t } = useTranslation('generics');\n  const editions = useTranslation('buyEditons').t('content', {\n    returnObjects: true\n  });\n\n  return (\n    <Flex\n      flexDirection={['column', null, 'row']}\n      justifyContent=\"space-around\"\n      alignItems=\"center\"\n    >\n      {editions.map(({ logo, background, description, id, slug }) => (\n        <Container width={1} maxWidth={380} mx={[0, null, 10]} my={10} key={id}>\n          <Link to={`/${locale}/buy/?game=${slug}`}>\n            <Box\n              position=\"relative\"\n              height={['320px', '470px']}\n              style={{ overflow: 'hidden' }}\n            >\n              <Box id=\"bgBox\">\n                <Img fluid={background.image} alt={background.alt} />\n              </Box>\n              <Box width=\"100%\" top=\"50%\" position=\"absolute\">\n                <Box px={20} m=\"auto\">\n                  <Img fluid={logo.image} alt={logo.alt} />\n                </Box>\n              </Box>\n            </Box>\n            <Box minHeight={150} px=\"small\" mt={-30} position=\"relative\">\n              <Gradient />\n              <Box position=\"relative\" fontSize=\"large\">\n                <Includes>{t('includesLabel')}</Includes>\n                <Divider />\n                <Bullets\n                  upperCase\n                  dangerouslySetInnerHTML={{ __html: description }}\n                />\n              </Box>\n            </Box>\n          </Link>\n        </Container>\n      ))}\n    </Flex>\n  );\n};\n\nBuyBanner.propTypes = {\n  locale: PropTypes.string.isRequired\n};\n\nexport default BuyBanner;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { graphql } from 'gatsby';\nimport { useSelector, useDispatch } from 'react-redux';\nimport { useTranslation } from 'react-i18next';\nimport GTMData from '@square-enix-private/fe-gtm/dist/GTMData';\nimport { Flex, Box } from '@square-enix-private/vaquita-ui';\n\nimport SEO from '~/components/SEO/withData';\nimport IntroSection from '~/components/IntroSection';\nimport GalleryViewer from '~/components/Gallery';\nimport SectionTitle from '~/components/SectionTitle/index';\nimport SectionContainer from '~/components/SectionContainer';\nimport HighligthsViewer from '~/components/VideosListViewer/highlightsViewer';\nimport DemoClasses from '~/components/DemoClasses';\nimport PreOrder from '~/components/PreOrder';\nimport Lightbox from '~/components/Lightbox';\nimport { YouTube } from '@square-enix-private/fe-media';\nimport { Button, InternalLink } from '~/components/Buttons';\nimport BuyBanner from '~/components/BuyBanner';\n\nimport { HIDDEN, VISIBLE } from '~/constants/videoPlayer';\nimport { TRAILER_BUTTON_PLAY as TRAILER_BUTTON_PLAY_QA } from '~/constants/dataAutomationTagsQA';\nimport { TRAILER_BUTTON_PLAY as TRAILER_BUTTON_PLAY_ANALYTICS } from '~/constants/dataAutomationTagsAnalytics';\n\nimport { useGalleryData, useHighlightsData } from '~/hooks/translations';\n\nexport const HomePage = ({\n  pageContext: { locale },\n  data: { classesList, classesSection }\n}) => {\n  const { t } = useTranslation('homepage');\n  const { image: LogoSharp } = t('logo', { returnObjects: true });\n  const poster = t('backgroundImage', { returnObjects: true });\n  const smallPoster = t('mobileBackground', { returnObjects: true });\n  const comingSoon = t('comingSoon');\n  const dispatch = useDispatch();\n  const videoPlayer = useSelector((state) => state.videoPlayer);\n  const { videoId } = t('trailer', { returnObjects: true });\n\n  return (\n    <Flex width={1} flexDirection=\"column\" alignItems=\"center\">\n      <GTMData pageId=\"home\" breadcrumb=\"home\" />\n      <SEO />\n      <IntroSection\n        id=\"home\"\n        locale={locale}\n        poster={poster.image.src}\n        smallPoster={smallPoster.image.src}\n        LogoSharp={LogoSharp}\n        comingSoon={comingSoon}\n        title={t('comingSoon')}\n      >\n        <Flex\n          flexDirection={['column', 'row']}\n          justifyContent=\"center\"\n          alignItems=\"center\"\n          width={1}\n          maxWidth={[275, 550]}\n          mx=\"medium\"\n          mb={[null, 'xlarge', null, 'xxlarge']}\n        >\n          <InternalLink\n            variant=\"secondary\"\n            to={`/${locale}/buy`}\n            data-automation=\"PosterShotPreOrderLink\"\n            data-analytics-id=\"PosterShotPreOrderLink\"\n          >\n            {t('preOrderLabel')}\n          </InternalLink>\n          <Button\n            variant=\"secondary\"\n            onClick={() => dispatch({ type: VISIBLE, payload: videoId })}\n            data-automation={TRAILER_BUTTON_PLAY_QA}\n            data-analytics-id={TRAILER_BUTTON_PLAY_ANALYTICS}\n            mt={['medium', 0]}\n          >\n            {t('trailerLabel')}\n          </Button>\n        </Flex>\n      </IntroSection>\n      <SectionContainer id=\"highlights\">\n        <SectionTitle title={t('highlightsSectionLabel')} />\n        <HighligthsViewer items={useHighlightsData().items} />\n      </SectionContainer>\n      <DemoClasses classesList={classesList} {...classesSection} />\n      <SectionContainer id=\"gallery\">\n        <SectionTitle title={t('gallerySectionLabel')} />\n        <GalleryViewer media={useGalleryData().items} />\n      </SectionContainer>\n      <SectionContainer\n        id=\"preOrder\"\n        px={0}\n        pt={0}\n        mt={['medium', 'xlarge']}\n        maxWidth=\"unset\"\n      >\n        <PreOrder>\n          <Box width=\"100%\" mb={['medium', null, 'xlarge']} maxWidth={[1400]}>\n            <BuyBanner locale={locale} />\n          </Box>\n        </PreOrder>\n      </SectionContainer>\n      {videoPlayer.isVisible && (\n        <Lightbox onCloseModal={() => dispatch({ type: HIDDEN })}>\n          <YouTube videoId={videoPlayer.videoID} width={1} height=\"100%\" />\n        </Lightbox>\n      )}\n    </Flex>\n  );\n};\n\nHomePage.propTypes = {\n  pageContext: PropTypes.object,\n  data: PropTypes.object\n};\n\nHomePage.defaultProps = {\n  pageContext: {},\n  data: {}\n};\n\nexport default HomePage;\n\nexport const query = graphql`\n  query($locale: String!) {\n    ...HomepageData\n    ...GalleryData\n    ...HighlightsData\n    ...PreOrderData\n    ...AssetsData\n    ...FooterData\n    ...GenericData\n    ...MetadataData\n    ...FlagsData\n    ...AgeGateData\n    ...MenuData\n    ...CountDownData\n\n    buyplatforms: demoherointro(filter: { localeDirectory: { eq: $locale } }) {\n      platforms: demoPlatforms {\n        id\n        fill\n        displayWidth\n        displayHeight\n        orientation\n        title\n        image {\n          src\n        }\n      }\n    }\n\n    buyEditons: buyeditions(filter: { localeDirectory: { in: [$locale] } }) {\n      id\n      label\n      slug\n      description\n      logo {\n        image {\n          ...FastlyProps\n        }\n        alt\n      }\n      background {\n        image(crop: \"4:5\") {\n          ...FastlyProps\n        }\n        alt\n      }\n    }\n\n    classesSection: democlassessection(\n      filter: { localeDirectory: { eq: $locale }, dlc: { eq: \"worldslayer\" } }\n    ) {\n      description\n      slug\n      title\n      skillsDescription\n      watchVideo\n      dlc\n    }\n\n    classesList: classeslist(\n      filter: { localeDirectory: { eq: $locale }, dlc: { eq: \"worldslayer\" } }\n    ) {\n      slug\n      order\n      link\n      description\n      title\n      borderColor\n      dlc\n      image {\n        alt\n        title\n        image(maxHeight: 1080) {\n          ...FastlyProps\n        }\n      }\n      thumbLink {\n        alt\n        title\n        image {\n          ...FastlyProps\n        }\n      }\n      skills {\n        title\n        alt\n        image {\n          ...FastlyProps\n        }\n      }\n      icon {\n        alt\n        title\n        image(maxHeight: 120) {\n          ...FastlyProps\n        }\n      }\n    }\n  }\n`;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Flex } from '@square-enix-private/vaquita-ui';\nimport { SkillImage } from '../elements';\n\nconst Skills = ({ skills, ...props }) => (\n  <Flex alignItems=\"flex-start\" {...props}>\n    {skills.map(({ image: { src } }) => (\n      <SkillImage key={src} src={src} />\n    ))}\n  </Flex>\n);\n\nSkills.propTypes = {\n  skills: PropTypes.array.isRequired\n};\n\nexport default Skills;\n","import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { Box, Flex } from '@square-enix-private/vaquita-ui';\nimport SectionTitle from '~/components/SectionTitle';\nimport GatsbyImage from 'gatsby-image';\nimport {\n  CharacterBox,\n  CharacterBoxBorder,\n  FadeOutLink,\n  DescriptionArea,\n  Icon,\n  CharacterTitle,\n  CharacterDescription,\n  SkillsDescription,\n  SkillsArea,\n  MobileSkillsArea,\n  MobileCharacterImage,\n  MobileItemsWrapper,\n  DescriptionText,\n  PreviousArrow,\n  NextArrow,\n  PageIndicatorWrapper,\n  MobileCharacterWrapper,\n  AnimatedFlex,\n  MobileDescriptionWrapper\n} from './elements';\nimport { DesktopOnly, MobileOnly } from '../Buckets';\nimport { FlexWrapper } from '../siteMenu/elements';\nimport { ExternalLink } from '../Buttons';\nimport Skills from './components/Skills';\n\nconst DemoClasses = ({\n  classesList,\n  description,\n  title,\n  skillsDescription,\n  watchVideo\n}) => {\n  const [selected, setSelected] = useState(0);\n\n  return (\n    <>\n      <Box width={1} px={[20, 40]} pt={20}>\n        <SectionTitle\n          mx={['auto', 0]}\n          mt={['large', 'xlarge']}\n          mb={0}\n          title={title}\n          justifyContent={['center', 'left']}\n        />\n        <DescriptionText\n          mb=\"20px\"\n          maxWidth=\"800px\"\n          textAlign={['center', null, 'left']}\n          fontSize=\"24px\"\n        >\n          {description}\n        </DescriptionText>\n        <DesktopOnly>\n          <Flex width=\"100%\">\n            {classesList.map((o, i) => (\n              <CharacterBoxBorder\n                key={o.slug}\n                width={i === selected ? '49%' : '15%'}\n                mx=\"1%\"\n                onMouseEnter={() => setSelected(i)}\n                onClick={() => setSelected(i)}\n                borderColor={o.borderColor}\n                className={i === selected ? 'selected' : ''}\n              >\n                <CharacterBox\n                  className={i === selected ? 'selected' : ''}\n                  onClick={() => setSelected(i)}\n                  src={o.image.image.src}\n                >\n                  <FadeOutLink\n                    className={i === selected ? '' : 'hidden'}\n                    href={o.link}\n                    target=\"_blank\"\n                    rel=\"noopener nofollow\"\n                  >\n                    <GatsbyImage\n                      width=\"164px\"\n                      height=\"102px\"\n                      fluid={o.thumbLink.image}\n                      alt={o.thumbLink.alt}\n                    />\n                  </FadeOutLink>\n\n                  <DescriptionArea className={i === selected ? 'left' : ''}>\n                    <Icon src={o.icon.image.src} m=\"auto\" mb=\"-10px\" />\n                    <CharacterTitle>{o.title}</CharacterTitle>\n                    <CharacterDescription>{o.description}</CharacterDescription>\n                  </DescriptionArea>\n                  <SkillsArea className={i === selected ? '' : 'hidden'}>\n                    <SkillsDescription>{skillsDescription}</SkillsDescription>\n                    <Skills skills={o.skills} />\n                  </SkillsArea>\n                </CharacterBox>\n              </CharacterBoxBorder>\n            ))}\n          </Flex>\n        </DesktopOnly>\n      </Box>\n      <MobileOnly width=\"100%\" flexDirection=\"column\">\n        <PageIndicatorWrapper>\n          {`${selected + 1} / ${classesList.length}`}\n        </PageIndicatorWrapper>\n        <MobileItemsWrapper>\n          <AnimatedFlex ml={`${selected * -100}vw`}>\n            {classesList.map((o, i) => (\n              <MobileCharacterWrapper key={o.slug}>\n                <MobileCharacterImage\n                  src={o.image.image.src}\n                  minHeight={['510px', '640px']}\n                >\n                  {i !== 0 && (\n                    <PreviousArrow onClick={() => setSelected((i) => i - 1)} />\n                  )}\n                  {i !== classesList.length - 1 && (\n                    <NextArrow onClick={() => setSelected((i) => i + 1)} />\n                  )}\n                </MobileCharacterImage>\n                <FlexWrapper\n                  alignItems=\"center\"\n                  justifyContent=\"center\"\n                  pr=\"22px\"\n                >\n                  <Icon src={o.icon.image.src} />\n                  <MobileDescriptionWrapper>\n                    <CharacterTitle textAlign=\"left\">{o.title}</CharacterTitle>\n                    <CharacterDescription textAlign=\"left\">\n                      {o.description}\n                    </CharacterDescription>\n                  </MobileDescriptionWrapper>\n                </FlexWrapper>\n\n                <MobileSkillsArea>\n                  <SkillsDescription textAlign=\"center\">\n                    {skillsDescription}\n                  </SkillsDescription>\n                  <Skills\n                    skills={o.skills}\n                    justifyContent=\"center\"\n                    flexWrap=\"wrap\"\n                  />\n                </MobileSkillsArea>\n                <Flex justifyContent=\"center\" mt=\"medium\">\n                  <ExternalLink href={o.link} variant=\"secondary\">\n                    {watchVideo}\n                  </ExternalLink>\n                </Flex>\n              </MobileCharacterWrapper>\n            ))}\n          </AnimatedFlex>\n        </MobileItemsWrapper>\n      </MobileOnly>\n    </>\n  );\n};\n\nDemoClasses.propTypes = {\n  classesList: PropTypes.array,\n  title: PropTypes.string,\n  description: PropTypes.string,\n  skillsDescription: PropTypes.string,\n  watchVideo: PropTypes.string\n};\n\nDemoClasses.defaultProps = {\n  classesList: [],\n  title: '',\n  description: '',\n  skillsDescription: '',\n  watchVideo: ''\n};\n\nexport default DemoClasses;\n","import { Flex, Box } from '@square-enix-private/vaquita-ui';\nimport styled from '@emotion/styled';\nimport {\n  backgroundPosition,\n  position,\n  backgroundSize,\n  height,\n  top,\n  left\n} from 'styled-system';\nimport { transform } from '~/custom/styled-system';\n\nexport const PageWrap = styled(Flex)`\n  align-items: center;\n  flex-direction: column;\n  flex: 1 0 auto;\n  min-width: 320px;\n  position: relative;\n`;\n\nexport const Background = styled(Box)`\n  background-image: url(${({ src }) => src});\n  background-size: contain;\n  flex: 1 0 auto;\n  position: absolute;\n  background-repeat: no-repeat;\n  ${top};\n  ${left};\n  ${backgroundPosition};\n  ${backgroundSize};\n  ${transform}\n`;\n\nexport const Wrapper = styled(Flex)`\n  ${height};\n  width: 100%;\n  box-sizing: border-box;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  ${position};\n  ${top};\n`;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport Img from 'gatsby-image';\nimport styled from '@emotion/styled';\nimport { width, maxWidth, margin } from 'styled-system';\n\nconst StyledImg = styled(Img)`\n  ${width};\n  ${maxWidth};\n  ${margin};\n`;\n\nconst Logo = ({ imageData, alt, ...rest }) => (\n  <StyledImg m=\"auto\" fluid={imageData} alt={alt} loading=\"eager\" {...rest} />\n);\n\nLogo.propTypes = {\n  imageData: PropTypes.shape({\n    fluid: PropTypes.object\n  }),\n  alt: PropTypes.string\n};\n\nLogo.defaultProps = {\n  imageData: {\n    fluid: null\n  },\n  alt: ''\n};\n\nexport default Logo;\n","module.exports = __webpack_public_path__ + \"static/buy-bg-71b1b38518cd5dbc388786d8cd4cb887.jpg\";","import { useTranslation } from 'react-i18next';\n\nexport const useGalleryData = () => {\n  const { t, i18n } = useTranslation('gallery');\n  const items = i18n.exists('gallery:items')\n    ? t('items', { returnObjects: true })\n    : undefined;\n\n  return {\n    items\n  };\n};\n\nexport const useHighlightsData = () => {\n  const { t, i18n } = useTranslation('highlights');\n  const items = i18n.exists('highlights:mediaItems')\n    ? t('mediaItems', { returnObjects: true })\n    : undefined;\n\n  return {\n    items\n  };\n};\n\nexport const useBuyPageData = () => {\n  const { t } = useTranslation('etailersList');\n  const storesData = t('storesData', { returnObjects: true });\n\n  return {\n    storesData\n  };\n};\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.default = void 0;\n\nvar _querystringify = require(\"querystringify\");\n\nvar baseUrl = 'https://www.youtube.com/embed/';\n\nvar getUrl = function getUrl(_ref) {\n  var enableAPI = _ref.enableAPI,\n      _ref$hideControls = _ref.hideControls,\n      hideControls = _ref$hideControls === void 0 ? false : _ref$hideControls,\n      _ref$mute = _ref.mute,\n      mute = _ref$mute === void 0 ? false : _ref$mute,\n      _ref$autoPlay = _ref.autoPlay,\n      autoPlay = _ref$autoPlay === void 0 ? false : _ref$autoPlay,\n      _ref$loop = _ref.loop,\n      loop = _ref$loop === void 0 ? false : _ref$loop,\n      _ref$videoId = _ref.videoId,\n      videoId = _ref$videoId === void 0 ? null : _ref$videoId,\n      playlist = _ref.playlist,\n      _ref$playsInline = _ref.playsInline,\n      playsInline = _ref$playsInline === void 0 ? false : _ref$playsInline,\n      _ref$modestBranding = _ref.modestBranding,\n      modestBranding = _ref$modestBranding === void 0 ? false : _ref$modestBranding,\n      start = _ref.start,\n      origin = _ref.origin,\n      _ref$src = _ref.src,\n      src = _ref$src === void 0 ? '' : _ref$src;\n\n  if (!videoId && !src) {\n    throw Error('videoId or src is required');\n  }\n\n  var params = {\n    start: start,\n    origin: origin,\n    rel: 0,\n    enablejsapi: enableAPI ? 1 : undefined,\n    controls: hideControls ? 0 : undefined,\n    mute: mute ? 1 : undefined,\n    autoplay: autoPlay ? 1 : undefined,\n    loop: loop ? 1 : undefined,\n    playlist: playlist && playlist.length > 0 ? playlist.toString() : undefined,\n    playsinline: playsInline ? 1 : undefined,\n    modestbranding: modestBranding ? 1 : undefined\n  };\n  Object.keys(params).forEach(function (key) {\n    typeof params[key] === 'undefined' && delete params[key];\n  });\n  var queryString = (0, _querystringify.stringify)(params);\n  var urlWithSrc = \"\".concat(src).concat(src.indexOf('?') > -1 ? '' : \"?\".concat(queryString));\n  var urlWithId = \"\".concat(baseUrl).concat(videoId, \"?\").concat(queryString);\n  return videoId ? urlWithId : urlWithSrc;\n};\n\nvar _default = getUrl;\nexports.default = _default;","'use strict';\n\nvar has = Object.prototype.hasOwnProperty,\n    undef;\n/**\n * Decode a URI encoded string.\n *\n * @param {String} input The URI encoded string.\n * @returns {String|Null} The decoded string.\n * @api private\n */\n\nfunction decode(input) {\n  try {\n    return decodeURIComponent(input.replace(/\\+/g, ' '));\n  } catch (e) {\n    return null;\n  }\n}\n/**\n * Attempts to encode a given input.\n *\n * @param {String} input The string that needs to be encoded.\n * @returns {String|Null} The encoded string.\n * @api private\n */\n\n\nfunction encode(input) {\n  try {\n    return encodeURIComponent(input);\n  } catch (e) {\n    return null;\n  }\n}\n/**\n * Simple query string parser.\n *\n * @param {String} query The query string that needs to be parsed.\n * @returns {Object}\n * @api public\n */\n\n\nfunction querystring(query) {\n  var parser = /([^=?#&]+)=?([^&]*)/g,\n      result = {},\n      part;\n\n  while (part = parser.exec(query)) {\n    var key = decode(part[1]),\n        value = decode(part[2]); //\n    // Prevent overriding of existing properties. This ensures that build-in\n    // methods like `toString` or __proto__ are not overriden by malicious\n    // querystrings.\n    //\n    // In the case if failed decoding, we want to omit the key/value pairs\n    // from the result.\n    //\n\n    if (key === null || value === null || key in result) continue;\n    result[key] = value;\n  }\n\n  return result;\n}\n/**\n * Transform a query string to an object.\n *\n * @param {Object} obj Object that should be transformed.\n * @param {String} prefix Optional prefix.\n * @returns {String}\n * @api public\n */\n\n\nfunction querystringify(obj, prefix) {\n  prefix = prefix || '';\n  var pairs = [],\n      value,\n      key; //\n  // Optionally prefix with a '?' if needed\n  //\n\n  if ('string' !== typeof prefix) prefix = '?';\n\n  for (key in obj) {\n    if (has.call(obj, key)) {\n      value = obj[key]; //\n      // Edge cases where we actually want to encode the value to an empty\n      // string instead of the stringified value.\n      //\n\n      if (!value && (value === null || value === undef || isNaN(value))) {\n        value = '';\n      }\n\n      key = encode(key);\n      value = encode(value); //\n      // If we failed to encode the strings, we should bail out as we don't\n      // want to add invalid strings to the query.\n      //\n\n      if (key === null || value === null) continue;\n      pairs.push(key + '=' + value);\n    }\n  }\n\n  return pairs.length ? prefix + pairs.join('&') : '';\n} //\n// Expose the module.\n//\n\n\nexports.stringify = querystringify;\nexports.parse = querystring;","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nObject.defineProperty(exports, \"YouTube\", {\n  enumerable: true,\n  get: function get() {\n    return _YouTube.default;\n  }\n});\n\nvar _YouTube = _interopRequireDefault(require(\"./YouTube\"));\n\nfunction _interopRequireDefault(obj) {\n  return obj && obj.__esModule ? obj : {\n    default: obj\n  };\n}","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Flex } from '@square-enix-private/vaquita-ui';\nimport styled from '@emotion/styled';\nimport { position, top, bottom, right, opacity } from 'styled-system';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { faAngleDown } from '@fortawesome/free-solid-svg-icons';\nimport { keyframes } from '@emotion/core';\nimport { transform } from '~/custom/styled-system';\nimport iconBkg from '../SocialLinks/icon-background.png';\n\nconst bounce = keyframes`\n  0% {\n    transform:translateY(-2px);\n  }\n\n  100% {\n    transform:translateY(2px);\n  }\n`;\n\nexport const IconBox = styled(Flex)`\n  align-items: center;\n  justify-content: center;\n  font-size: 1.8em;\n  background-image: url('${iconBkg}');\n`;\n\nexport const StyledFontAwesome = styled(FontAwesomeIcon)`\n  width: 100%;\n  height: 100%;\n  animation: ${bounce} 1s 0.5s infinite;\n`;\n\nexport const PositionContainer = styled(Flex)`\n  ${position};\n  ${top};\n  ${bottom};\n  ${right};\n  ${transform};\n  ${opacity};\n  z-index: 1;\n`;\n\nconst IconScroll = ({ opacity }) => (\n  <PositionContainer\n    position=\"relative\"\n    width={1}\n    height=\"100%\"\n    opacity={opacity}\n  >\n    <PositionContainer position=\"absolute\" right={0} bottom={0}>\n      <IconBox fontSize=\"1.8em\" mx={['small']} width={46} height={46}>\n        <StyledFontAwesome size=\"1x\" icon={faAngleDown} />\n      </IconBox>\n    </PositionContainer>\n  </PositionContainer>\n);\n\nIconScroll.propTypes = {\n  opacity: PropTypes.number\n};\n\nIconScroll.defaultProps = {\n  opacity: 1\n};\n\nexport default IconScroll;\n"],"sourceRoot":""}