{"version":3,"sources":["webpack:///./src/lib/dateUtils.js","webpack:///./src/app/components/FollowConcept.js","webpack:///./src/templates/ArticleFourRow.js","webpack:///./src/templates/Trends/SoccerWorldCupTrend.js"],"names":["formatAgo","date","full","published","Date","seconds","Math","floor","interval","toLocaleDateString","year","month","day","DefaultTemplate","componentText","subscribeConcept","button","text","bg","_","hover","color","borderWidth","borderStyle","borderColor","textAlign","borderRadius","textTransform","mb","px","py","onClick","FollowConcept","topic","followText","unFollowText","template","sessionId","visitorId","section","Template","useState","isSubscribed","setIsSubscribed","helpPopupVisible","setHelpPopupVisible","subscription","setSubscription","registration","setRegistration","isSubscribedToConcept","uuid","console","log","Promise","resolve","data","qs","stringify","titleKey","process","endpoint","axios","post","headers","then","res","subscribed","filter","status","length","error","message","JSON","name","useEffect","navigator","serviceWorker","getRegistration","reg","pushManager","getSubscription","sub","setSubscribed","canPush","window","isFollowing","visible","div","display","gridTemplateColumns","gap","img","src","iolBlocks","alt","w","p","fontWeight","mt","justifyContent","to","source","mr","ml","subscribe","userVisibleOnly","applicationServerKey","urlB64ToUint8Array","err","articles","authorName","isConnected","noImage","moreButton","sectionLabel","adPath","relatedSections","withReadCount","mapping","sm","lg","map","article","index","key","maxWidth","mx","my","alignItems","flexDirection","gridColumn","collapseEmptyDiv","slotId","targeting","Leaderboard","className","FORMATS","leaderboard","position","lastType","last","getCanonical","spaceY","spaceX","h5","getTeaser","author","image","getImage","width","getImageSize","headline","shape","visibility","NoImage","ArticleFourRow","props","SoccerWorldCupTrend","banner","sectionsLabels","clickSource","h","backgroundImage","backgroundRepeat","backgroundPosition","backgroundSize","overflow","top","left","right","bottom","backgroundColor","transform","type","label","h2","pb","flex","h6","aside","mpu600","MAPPINGS","iframe","frameborder","scrolling","slice"],"mappings":"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","file":"static/js/templates-Trends-SoccerWorldCupTrend.e4bbbf1f.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, { useEffect, useState } from 'react'\nimport { x } from '@xstyled/styled-components'\nimport axios from 'axios'\nimport qs from 'qs'\nimport { urlB64ToUint8Array } from '../ServiceWorker'\nimport StyledLink from './ui/Link'\nimport Popup from 'ion-popup'\nimport iolBlocks from '../../../assets/images/general/push-notifications.svg'\n\nconst DefaultTemplate = ({ componentText, subscribeConcept }) => (\n  <x.button text='small' bg={{ _: 'white', hover: 'red' }} color={{ _: 'red', hover: 'white' }} borderWidth='1px' borderStyle='solid' borderColor='red' textAlign='center'  borderRadius='100px' textTransform='uppercase' mb={20} px={20} py={8} onClick={() => subscribeConcept()}>{componentText}</x.button>\n)\n\nconst FollowConcept = ({ topic, followText, unFollowText, template, sessionId, visitorId, section }) => {\n  const Template = template || DefaultTemplate\n  const [isSubscribed, setIsSubscribed] = useState(false)\n  const [helpPopupVisible, setHelpPopupVisible] = useState(false)\n  const [subscription, setSubscription] = useState(false)\n  const [registration, setRegistration] = useState(false)\n  const clickSource = 'Follow Concept'\n\n  useEffect(() => {\n    if (navigator.serviceWorker) {\n      navigator.serviceWorker.getRegistration()\n        .then(reg => {\n          console.log('*** FollowConcept: registration', reg)\n          setRegistration(reg)\n        })\n    }\n  }, [])\n\n  useEffect(() => {\n    console.log('*** FollowConcept: registration', registration)\n    if (registration && registration.pushManager) {\n      registration.pushManager.getSubscription()\n        .then(sub => {\n          console.log('*** FollowConcept: subscription', sub)\n          setSubscription(sub)\n        })\n    }\n  }, [registration])\n\n  useEffect(() => {\n    console.log('FollowConcept setIsSubscribed', topic.name, subscription, topic.topic)\n    async function setSubscribed () {\n      const isSubscribed = await isSubscribedToConcept(topic.topic, subscription)\n      setIsSubscribed(isSubscribed)\n    }\n    setSubscribed()\n  }, [subscription, topic.topic])\n\n  function isSubscribedToConcept (uuid, subscription) {\n    if (!subscription) {\n      console.log('*** isSubscribedToConcept: User is not subscribed to any push notifications')\n      return Promise.resolve(false)\n    }\n    const data = qs.stringify({\n      titleKey: process.env.RAZZLE_TITLE_KEY,\n      endpoint: (subscription && subscription.endpoint) || '' \n    })\n    return axios.post(process.env.RAZZLE_PUSH_SERVICE + '/topics', data, {\n        headers: {\n          'Content-Type': 'application/x-www-form-urlencoded'\n        }\n      })\n      .then(res => {\n        const subscribed = res.data.filter(topic => topic.topic === uuid)\n        console.log('*** subscriptions response', res.status, res.data, 'subscribed:', (subscribed.length > 0))\n        return (subscribed.length > 0)\n      })\n      .catch(error => {\n        console.log('*** isSubscribedToConcept error:', error.message)\n        return false\n      })\n  }\n\n  function subscribeConcept (uuid, subscription) {\n    const data = {\n      topic: uuid,\n      titleKey: process.env.RAZZLE_TITLE_KEY,\n      subscription: JSON.stringify(subscription)\n    }\n    console.log('*** FollowConcept:', 'Subscribing', data)\n    console.log('Calling', isSubscribed ? 'unsubscribe' : 'subscribe', topic.name)\n    axios.post(process.env.RAZZLE_PUSH_SERVICE + (isSubscribed ? '/unsubscribe' : '/subscribe'), qs.stringify(data), {\n      headers: {\n        'Content-Type': 'application/x-www-form-urlencoded'\n      }\n    })\n    .then(res => setIsSubscribed(!isSubscribed))\n    .catch(error => {\n      console.log(isSubscribed ? 'Unsubscribe' : 'Subscribe', 'Error:', error.message)\n      return false\n    })\n  }\n\n  function registerAndSubscribeConcept (uuid) {\n    console.log('*** FollowConcept:', 'Registering and subscribing')\n    if (registration && registration.pushManager) {\n      registration.pushManager.subscribe({\n        userVisibleOnly: true,\n        applicationServerKey: urlB64ToUint8Array(process.env.RAZZLE_SERVERKEY)\n      })\n        .then(function (subscription) {\n          console.log('User IS now subscribed.')\n          setSubscription(subscription)\n          return subscribeConcept(uuid, subscription)\n        })\n        .catch(function (err) {\n          console.log('Failed to subscribe the user: ', err)\n          setHelpPopupVisible(true)\n          setSubscription(false)\n        })\n    }\n  }\n\n  const canPush = !!(process.env.RAZZLE_ENABLE_PUSHNOTIFICATIONS && typeof window !== 'undefined' && typeof window.navigator !== 'undefined' && subscription)\n  const isFollowing = canPush && isSubscribed\n  console.log('*** FollowConcept:', {canPush, isFollowing, subscription})\n\n  if (canPush) {\n    return <Template componentText={isFollowing ? unFollowText : followText} subscribeConcept={() => subscribeConcept(topic.topic, subscription)} />\n  } else {\n    if (registration && registration.pushManager) {\n      return (\n        <>\n          {helpPopupVisible &&\n            <Popup visible>\n              <x.div display='grid' gridTemplateColumns='56px auto' gap={20}>\n                <x.div>\n                  <x.img src={iolBlocks} alt='IOL' w={56} />\n                </x.div>\n                <x.div color='grey'>\n                  <x.p text='xlarge' fontWeight='medium'>Small problem..</x.p>\n                  <x.p mt={5}>You have previously chosen to block notifications.</x.p>\n                  <x.p mb={15}>To follow stories requires you to enable notifications in your browser settings.</x.p>\n                  <x.div display='flex' justifyContent='flex-end'>\n                    <StyledLink onClick={() => setHelpPopupVisible(false)} to={'/help'} visitorId={visitorId} sessionId={sessionId} section={section} source={clickSource}><x.p mt={3} mr={15}>Help</x.p></StyledLink>\n                    <x.button onClick={() => setHelpPopupVisible(false)} bg='#2E5FDC' color='white' p='6px 20px' borderRadius={4} ml={5}>OK</x.button>\n                  </x.div>\n                </x.div>\n              </x.div>\n            </Popup>}\n          <Template componentText={followText} subscribeConcept={() => registerAndSubscribeConcept(topic.topic)} />\n        </>\n      )\n    } else {\n      return null\n    }\n  }\n}\n\nexport default FollowConcept\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","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'\n\nimport ArticleFourRow from '../../templates/ArticleFourRow'\nimport NoImage from '../../../assets/images/general/no-image.png'\n\nimport FollowConcept from '../../app/components/FollowConcept'\n\nconst trendBanner = '/images/world-cup-banner.jpg'\n\nconst SoccerWorldCupTrend = ({ articles, section, sectionLabel, banner, noImage, isConnected, moreButton, withReadCount, adPath, sectionsLabels, visitorId, sessionId }) => {\n  const clickSource = 'Soccer World Cup Trend'\n  return (\n  <>\n    <x.div w='100%' maxWidth={1220} mx='auto' my={50} h={253} 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          {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              visitorId={visitorId}\n              sessionId={sessionId}\n              section={section}\n          />}\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' 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} 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} 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])} 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' }} collapseEmptyDiv mapping={MAPPINGS['MPU']} {...FORMATS.mpu600} />\n        </x.div>\n      </x.aside>\n    </x.div>\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=GN42938L3419545800EN' frameborder='0' scrolling='no' h={195} w='100%' maxWidth={800} mx='auto' my={30} />\n    </x.div>\n    <x.div maxWidth={1220} w='100%' mx='auto' my={50}>\n      <x.iframe src='//apps.graphicnews.com/links/en/gn_swf/iframe.php?ct=GN43349L3456845800EN' 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} visitorId={visitorId} sessionId={sessionId} />\n    </x.div>\n    <x.div maxWidth={1220} w='100%' mx='auto'>\n      <x.iframe src='//apps.graphicnews.com/links/en/gn_swf/iframe.php?ct=GN42934L015683448005EN&match=' frameborder='0' scrolling='no' h={568} w='100%' maxWidth={800} mx='auto' my={50} />\n    </x.div>\n  </>\n)\n}\nexport default SoccerWorldCupTrend\n"],"sourceRoot":""}