{"version":3,"sources":["webpack:///./src/lib/dateUtils.js","webpack:///./src/templates/Trends/RugbyWorldCupTrend.js","webpack:///./src/templates/ArticleFourRow.js"],"names":["formatAgo","date","full","published","Date","seconds","Math","floor","interval","toLocaleDateString","year","month","day","trendBanner","Leaderboard","HP","RugbyWorldCupTrend","articles","section","isConnected","sectionLabel","banner","noImage","moreButton","withReadCount","adPath","sessionId","sectionsLabels","visitorId","clickSource","div","w","maxWidth","mx","my","h","backgroundImage","backgroundRepeat","backgroundPosition","backgroundSize","overflow","display","justifyContent","alignItems","position","gridTemplateColumns","sm","lg","gap","mt","mb","flexDirection","className","p","borderWidth","borderStyle","borderColor","article","to","getCanonical","text","source","image","getImage","width","getImageSize","alt","getTeaser","shape","NoImage","h2","color","author","pb","spaceX","flex","h6","py","aside","textAlign","slotId","targeting","mpu600","mapping","collapseEmptyDiv","FORMATS","iframe","src","frameborder","scrolling","slice","Template","authorName","relatedSections","map","index","key","gridColumn","leaderboard","uuid","lastType","last","spaceY","h5","headline","visibility","ArticleFourRow","props"],"mappings":"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","file":"static/js/templates-Trends-RugbyWorldCupTrend.0903b6c3.chunk.js","sourcesContent":["\nexport function formatDate (date, short) {\n  return new Date(date).toLocaleDateString('en-US', {\n    year: 'numeric', month: short ? 'short' : 'long', day: 'numeric'\n  })\n}\n\nexport function formatAgo (date, full) {\n  const published = new Date(date)\n  const seconds = Math.floor((new Date() - published) / 1000)\n  let interval = Math.floor(seconds / 43200)\n  if (interval > 1) {\n    return published.toLocaleDateString('en-US', {\n      year: 'numeric', month: 'short', day: 'numeric'\n    })\n  }\n  interval = Math.floor(seconds / 3600)\n  if (interval >= 1) {\n    return interval + 'h' + (full ? ' ago' : '')\n  }\n  interval = Math.floor(seconds / 60)\n  if (interval > 1) {\n    return interval + 'm' + (full ? ' ago' : '')\n  }\n  return Math.floor(seconds) + 's' + (full ? ' ago' : '')\n}\n","import React, { Fragment } from 'react'\nimport { getCanonical, getImageSize, getImage, getTeaser } from '../../lib/articleUtils'\nimport { formatAgo } from '../../lib/dateUtils'\nimport Ad from '../../app/components/Ad'\nimport {FORMATS, MAPPINGS} from '../../app/components/AdFormats'\nimport StyledLink from '../../app/components/ui/Link'\nimport { ImageOrNoImage } from 'ion-image'\nimport { x } from '@xstyled/styled-components'\nimport Oovvuu, {ErrorBoundary as OovvuuErrorBoundary} from '../../app/components/Oovvuu'\n\nimport ArticleFourRow from '../../templates/ArticleFourRow'\nimport NoImage from '../../../assets/images/general/no-image.png'\n\nconst trendBanner = '/images/rugby-world-cup-banner3.png'\n\nconst Leaderboard = [\n  [[1024, 0], [[728, 90], [970, 90], [970, 250]]],\n  [[640, 0], [[460, 60]]],\n  [[0, 0], [[300, 600], [336, 280], [320, 100], [320, 50], [300, 250], [300, 100], [300, 50]]]\n]\n\nconst HP = [\n  [[1024, 0], [[300, 600]]],\n  [[640, 0], [[300, 600]]],\n  [[0, 0], [[300, 600], [336, 280], [320, 100], [320, 50], [300, 250], [300, 100], [300, 50]]]\n]\n\nconst RugbyWorldCupTrend = ({ articles, section, sectionLabel, banner, noImage, isConnected, moreButton, withReadCount, adPath, sectionsLabels, sessionId, visitorId }) => {\n  const clickSource = 'Rugby World Cup Trend'\n  return (\n  <>\n    <x.div w='100%' maxWidth={1220} mx='auto' my={50} h={165} backgroundImage={trendBanner ? `url(${trendBanner})` : 'url(/images/standard.jpg)'} backgroundRepeat='no-repeat' backgroundPosition='50%' backgroundSize='cover' overflow='hidden' display='flex' justifyContent='center' alignItems='center' position='relative'>\n      {/* <x.div position='absolute' top='0' left='0' right='0' bottom='0' backgroundColor='rgba(0, 0, 0, 0.35);'>\n        <x.div position='absolute' top='50%' left='50%' transform='translate(-50%, -50%)' display='flex' flexDirection='column' alignItems='center' justifyContent='center'>\n          {sectionLabel && sectionLabel !== 'none' && <x.h1 text={{ sm: 'xlarge', lg: 'xxlarge'}} textTransform='uppercase' fontFamily='\"PT Serif\", serif' color='white' w='auto'>{sectionLabel}</x.h1>}\n          <x.div mt={20}>\n            {sectionsLabels && sectionsLabels[0] && sectionsLabels[0].uuid &&\n              <FollowConcept\n                topic={{ topic: sectionsLabels[0].uuid, type: 'trend', name: sectionsLabels[0].label }}\n                followText='Follow Trend'\n                unFollowText='Unfollow Trend'\n                template={({ componentText, subscribeConcept }) => (\n                  <x.button text='small' bg={{ _: 'transparent', hover: 'white' }} color={{ _: 'white', hover: 'red' }} borderWidth='1px' borderStyle='solid' borderColor='white' textAlign='center'  borderRadius='100px' textTransform='uppercase' mb={20} px={20} py={8} onClick={() => subscribeConcept()}>{componentText}</x.button>\n                )}\n            />}\n          </x.div>\n        </x.div>\n      </x.div> */}\n    </x.div>\n    <x.div w='100%' maxWidth={1220} mx='auto' display='grid' gridTemplateColumns={{ sm: '100%', lg: 'minmax(min-content, 560px) minmax(min-content, 282px) 300px' }} gap={{ lg: '40' }} mt={50} mb={30}>\n      <x.div display='flex' flexDirection='column' position='relative' className='divider-right' p={{ sm: '0 0 20px 0', lg: '0' }} borderWidth={{ sm: '0 0 1px 0', lg: '0' }} borderStyle='solid' borderColor='divider'>\n        <x.article>\n          <StyledLink to={'/' + getCanonical(articles[0])} text='secondary' visitorId={visitorId} sessionId={sessionId} section={section} source={clickSource}>\n            <ImageOrNoImage image={getImage(articles[0])} w='100%' mb={10} width={getImageSize('hero')} alt={getTeaser(articles[0])} shape='16x9' noImage={NoImage} />\n            <x.h2 text='h1'>{getTeaser(articles[0])}</x.h2>\n            <x.p text='meta' color='meta' my={8}>By {articles[0].author} | Published {formatAgo(articles[0].published, true)}</x.p>\n            <x.p text='large'>{articles[0].abstract}</x.p>\n          </StyledLink>\n        </x.article>\n      </x.div>\n      <x.div position='relative' p={{ sm: '20px 0', lg: '0' }} className='divider-right' borderWidth='0'>\n        <x.article pb={20} borderWidth='0 0 1px 0' borderStyle='solid' borderColor='divider'>\n          <StyledLink to={'/' + getCanonical(articles[1])} display='flex' spaceX={10} visitorId={visitorId} sessionId={sessionId} section={section} source={clickSource}>\n            <x.div flex='1 1 0'>\n              <x.h6 text='h6'>{getTeaser(articles[1])}</x.h6>\n              <x.p text='meta' color='meta' mt={8}>By {articles[1].author} | Published {formatAgo(articles[1].published, true)}</x.p>\n            </x.div>\n            <x.div>\n              <ImageOrNoImage image={getImage(articles[1])} w='100%' mb={10} width={getImageSize('normal')} alt={getTeaser(articles[1])} shape='square' noImage={NoImage} />\n            </x.div>\n          </StyledLink>\n        </x.article>\n        <x.article py={20} borderWidth='0 0 1px 0' borderStyle='solid' borderColor='divider'>\n          <StyledLink to={'/' + getCanonical(articles[2])} display='flex' spaceX={10} visitorId={visitorId} sessionId={sessionId} section={section} source={clickSource}>\n            <x.div flex='1 1 0'>\n              <x.h6 text='h6'>{getTeaser(articles[2])}</x.h6>\n              <x.p text='meta' color='meta' mt={8}>By {articles[2].author} | Published {formatAgo(articles[2].published, true)}</x.p>\n            </x.div>\n            <x.div>\n              <ImageOrNoImage image={getImage(articles[2])} w='100%' mb={10} width={getImageSize('normal')} alt={getTeaser(articles[2])} shape='square' noImage={NoImage} />\n            </x.div>\n          </StyledLink>\n        </x.article>\n        <x.article py={20} borderWidth='0 0 1px 0' borderStyle='solid' borderColor='divider'>\n          <StyledLink to={'/' + getCanonical(articles[3])} visitorId={visitorId} sessionId={sessionId} section={section} source={clickSource}>\n            <x.h6 text='h6'>{getTeaser(articles[3])}</x.h6>\n            <x.p text='meta' color='meta' mt={8}>By {articles[3].author} | Published {formatAgo(articles[3].published, true)}</x.p>\n          </StyledLink>\n        </x.article>\n        <x.article py={20}>\n          <StyledLink to={'/' + getCanonical(articles[4])} visitorId={visitorId} sessionId={sessionId} section={section} source={clickSource}>\n            <x.h6 text='h6'>{getTeaser(articles[4])}</x.h6>\n            <x.p text='meta' color='meta' mt={8}>By {articles[4].author} | Published {formatAgo(articles[4].published, true)}</x.p>\n          </StyledLink>\n        </x.article>\n      </x.div>\n      <x.aside>\n        <x.div textAlign='center' display='flex' justifyContent='center' alignItems='center' flexDirection='column' p={{ sm: '20px', lg: '0' }}>\n          <Ad isConnected={isConnected} adPath={adPath} slotId='MPU600-right' targeting={{ mpu600: 'right' }} mapping={HP} collapseEmptyDiv {...FORMATS.mpu600} />\n        </x.div>\n      </x.aside>\n    </x.div>\n    {/* Match Centre Embed */}\n    <x.div maxWidth={1220} w='100%' mx='auto' mt={50}>\n      <x.iframe src='//apps.graphicnews.com/links/en/gn_swf/iframe.php?ct=GN44557L015682958001EN&match=' frameborder='0' scrolling='no' h={568} w='100%' maxWidth={800} mx='auto' my={30} />\n    </x.div>\n    {/* Oovvuu */}\n    {/* <x.div maxWidth={1220} w='100%' mx='auto' mt={50}>\n      <x.div position='relative' w='100%'>\n        {typeof window !== 'undefined' &&\n          <x.div maxWidth={1220} w='100%' mx='auto'>\n            <OovvuuErrorBoundary>\n              <Oovvuu uuid='f5103d0b-5ff8-46d1-8cb3-77e630c80f31' />\n            </OovvuuErrorBoundary>\n          </x.div>\n        }\n      </x.div>\n    </x.div> */}\n    {/* Squad Guide Embed */}\n    <x.div maxWidth={1220} w='100%' mx='auto' mt={50}>\n      <x.iframe src='//apps.graphicnews.com/links/en/gn_swf/iframe.php?ct=GN44562L015682958001EN&match=' frameborder='0' scrolling='no' h={568} w='100%' maxWidth={800} mx='auto' my={30} />\n    </x.div>\n    <x.div maxWidth={1220} w='100%' mx='auto' mt={50}>\n      <ArticleFourRow articles={articles.slice(5)} section={section} noImage={NoImage} moreButton={moreButton} isConnected={isConnected} withReadCount={withReadCount} adPath={adPath} mapping={Leaderboard} visitorId={visitorId} sessionId={sessionId} />\n    </x.div>\n  </>\n)}\n\nexport default RugbyWorldCupTrend\n","import React, { Fragment } from 'react'\nimport { getCanonical, getImageSize, getImage, getTeaser } from '../lib/articleUtils'\nimport { x } from '@xstyled/styled-components'\nimport { formatAgo } from '../lib/dateUtils'\nimport ImageOrNoImage from '../app/components/ui/Image'\nimport NoImage from '../../assets/images/general/no-image.png'\nimport StyledLink from '../app/components/ui/Link'\nimport Ad from '../app/components/Ad'\nimport { FORMATS } from '../app/components/AdFormats'\n\nconst Template = ({ articles, authorName, section, noImage, isConnected, sectionLabel, moreButton, relatedSections, withReadCount, adPath, mapping, visitorId, sessionId }) => {\n  const clickSource = 'Article Four Row'\n  return (\n    <x.div display={{ sm: '', lg: 'grid' }} gridTemplateColumns={{ sm: '', lg: 'repeat(4, calc((100% - 120px) / 4))' }} gap={{ lg: '40' }}>\n      {articles.map((article, index) => (\n        <Fragment key={index}>\n          {index > 0 && index % 16 === 0 &&\n            <x.div key={index} maxWidth={1220} mx='auto' my={50} textAlign='center' display='flex' justifyContent='center' alignItems='center' flexDirection='column' w='100%' gridColumn='span 4'>\n              <Ad isConnected={isConnected} adPath={adPath} collapseEmptyDiv slotId='Leaderboard-middle' targeting={{ Leaderboard: 'middle' }} className='advert' mapping={mapping} {...FORMATS.leaderboard} />\n            </x.div>}\n          <x.article key={article.uuid} position='relative' className='divider-right' p={{ sm: '0 0 20px 0', lg: '0', lastType: '0' }} borderWidth={{ sm: '0 0 1px 0', lg: '0', lastType: '0' }} borderStyle='solid' borderColor='divider' mb={{ sm: '20px', lg: '0', last: '0' }}>\n            <StyledLink article={article} to={'/' + getCanonical(article)} display='flex' spaceY={{ sm: '0', lg: '10px' }} spaceX={{ sm: '10px', lg: '0' }} flexDirection={{ sm: 'row', lg: 'column-reverse' }} section={section} sessionId={sessionId} visitorId={visitorId} source={clickSource}>\n              <x.div>\n                <x.h5 text='h5' mt={0} mb={8}>{getTeaser(article)}</x.h5>\n                <x.p text='meta' color='meta'>By {article.author} | Published {formatAgo(article.published, true)}</x.p>\n              </x.div>\n              <x.div position='relative' display='flex' justifyContent='center' alignItems={{ sm: 'flex-start', lg: 'unset' }}>\n                <ImageOrNoImage image={getImage(article)} w='auto' width={getImageSize('slider')} alt={article.headline} shape='16x9' display={{ sm: 'none', lg: 'block' }} visibility={{ sm: 'hidden', lg: 'visible' }} noImage={NoImage} />\n                <ImageOrNoImage image={getImage(article)} maxWidth={50} width={getImageSize('slider')} alt={article.headline} shape='square' display={{ sm: 'block', lg: 'none' }} visibility={{ sm: 'visible', lg: 'hidden' }} noImage={NoImage} />\n              </x.div>\n            </StyledLink>\n          </x.article>\n        </Fragment>\n      ))}\n      {moreButton}\n    </x.div>\n  )\n}\n\nconst ArticleFourRow = (props) => {\n  return (\n    <Template {...props} />\n  )\n}\n\nexport default ArticleFourRow\n"],"sourceRoot":""}