{"version":3,"sources":["webpack:///./src/lib/dateUtils.js","webpack:///./src/app/pages/MyNewsPage.js","webpack:///./src/lib/generalUtils.js","webpack:///./src/app/pages/PushNotificationsManagementPage.js","webpack:///./src/app/components/WingBanners.js","webpack:///./assets/images/icons/gallery-next.svg"],"names":["formatAgo","date","full","published","Date","seconds","Math","floor","interval","toLocaleDateString","year","month","day","FollowedConceptsWidget","topicsDict","div","w","bg","title","name","ul","m","map","topic","li","key","textAlign","text","Skeleton","props","maxWidth","mx","mt","my","borderWidth","borderStyle","borderColor","h","mb","pb","ArticleDeckSkeleton","withRouter","connect","state","app","visitorId","getVisitorId","sessionId","getSessionId","dispatch","bindActionCreators","sectionPageView","hasMounted","useHasMounted","downMd","useDown","useState","setTopicsDict","subscription","setSubscription","registration","setRegistration","setPageType","useEffect","location","pathname","firstRender","section","navigator","serviceWorker","getRegistration","then","reg","pushManager","getSubscription","sub","data","qs","stringify","titleKey","endpoint","axios","post","process","headers","res","array","dict","reduce","result","currentValue","push","e","console","error","message","Helmet","titleTemplate","property","content","itemProp","description","url","keywords","twitterName","main","px","sm","wAdD","wallpaperActive","lg","WingBanners","isConnected","adPath","onSlotRenderEndedLeft","onSlotRenderEndedRight","h1","mr","display","gridTemplateColumns","gap","aside","position","p","className","justifyContent","alignItems","flexDirection","Ad","collapseEmptyDiv","slotId","targeting","leaderboard","mapping","MAPPINGS","FORMATS","h3","to","top","right","transform","textTransform","color","hover","img","src","next","ArticleFourRowSkeleton","NotifiedArticles","uuids","articles","setArticles","Promise","all","uuid","fetchArticleAPI","article","index","getCanonical","source","h6","getTeaser","author","image","getImage","width","getImageSize","alt","headline","shape","noImage","NoImage","TopicItem","subscribed","toggleSubscribed","backgroundColor","padding","label","htmlFor","input","id","type","onChange","JSON","log","checked","span","_PushNotificationsManagementPage","Map","setSubscribed","pushedArticles","setPushedArticles","db","messages","reverse","toArray","filter","v","i","s","indexOf","setCookie","toISOString","days","toggleSliders","set","previousTopic","currentTopic","firstType","handleUnfollowAll","topics","newSubscribed","Object","keys","topicType","h2","replace","button","onClick","appearance","_","borderRadius","get","length","isBrowser","wallpaperMapping","setWallPaperActive","mappingLeft","mappingRight","handleWallpaperLoaded","useCallback","isEmpty","useLocation","left","zIndex","visibility","startsWith","Wallpaper","wallpaper","onSlotRenderEnded","wAdM","Wingbanner","wingbanner","module","exports"],"mappings":"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","file":"static/js/pages-MyNewsPage.7c98367b.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 { connect } from 'react-redux'\nimport { bindActionCreators } from 'redux'\nimport { withRouter } from 'react-router'\nimport { x, useDown } from '@xstyled/styled-components'\nimport useHasMounted from '../../lib/useHasMounted'\nimport Helmet from 'react-helmet'\nimport axios from 'axios'\nimport qs from 'qs'\n\nimport { sectionPageView, setPageType } from '../../store/app'\nimport { getVisitorId, getSessionId } from '../../store/article'\nimport WingBanners from '../components/WingBanners'\nimport Ad from '../components/Ad'\nimport {FORMATS, MAPPINGS} from '../components/AdFormats'\nimport NoImage from '../../../assets/images/general/no-image.png'\nimport StyledLink from '../components/ui/Link'\nimport { Accordion, AccordionItem } from '../components/ui/CSSAccordion'\nimport ImageOrNoImage from '../components/ui/Image'\nimport { formatAgo } from '../../lib/dateUtils'\nimport { getCanonical, getImageSize, getImage, getTeaser } from '../../lib/articleUtils'\nimport { groupBy } from '../../lib/generalUtils'\n\nconst FollowedConceptsWidget = ({ topicsDict }) => {\n  return (\n    <x.div w='100%' bg='white'>\n      <Accordion>\n      <AccordionItem title='Authors Followed' name='concepts'>\n        <x.ul m='15px 0'>\n          {topicsDict['author'] && topicsDict['author'].map((topic) =>\n            <x.li key={topic.topic} textAlign='left'>\n              {topic.name}\n            </x.li>\n          )}\n          {!topicsDict['author'] &&\n            <x.li text='large'>You can follow authors from their pages if you follow the author hyperlinks on their articles.</x.li>\n          }\n        </x.ul>\n      </AccordionItem>\n      <AccordionItem title='Trends Followed' name='concepts'>\n        <x.ul m='15px 0'>\n          {topicsDict['story'] && topicsDict['story'].map((topic) =>\n            <x.li key={topic.topic} textAlign='left'>\n              {topic.name}\n            </x.li>\n          )}\n          {!topicsDict['story'] &&\n            <x.li text='large'>You can follow stories published to trends from the trend pages.</x.li>\n          }\n        </x.ul>\n      </AccordionItem>\n      <AccordionItem title='Topics Followed' name='concepts'>\n        <x.ul m='15px 0'>\n          {topicsDict['organisation'] && topicsDict['organisation'].map((topic) =>\n            <x.li key={topic.topic} textAlign='left'>\n              {topic.name}\n            </x.li>\n          )}\n          {topicsDict['category'] && topicsDict['category'].map((topic) =>\n            <x.li key={topic.topic} textAlign='left'>\n              {topic.name}\n            </x.li>\n          )}\n          {topicsDict['place'] && topicsDict['place'].map((topic) =>\n            <x.li key={topic.topic} textAlign='left'>\n              {topic.name}\n            </x.li>\n          )}\n          {topicsDict['person'] && topicsDict['person'].map((topic) =>\n            <x.li key={topic.topic} textAlign='left'>\n              {topic.name}\n            </x.li>\n          )}\n          {topicsDict['topic'] && topicsDict['topic'].map((topic) =>\n            <x.li key={topic.topic} textAlign='left'>\n              {topic.name}\n            </x.li>\n          )}\n          {topicsDict['goe'] && topicsDict['geo'].map((topic) =>\n            <x.li key={topic.topic} textAlign='left'>\n              {topic.name}\n            </x.li>\n          )}\n          {!topicsDict['category'] && !topicsDict['place'] && !topicsDict['organisation'] && !topicsDict['person'] && !topicsDict['topic'] && !topicsDict['geo'] &&\n            <x.li text='large'>You can follow stories published to tags from the tag pages.</x.li>\n          }\n        </x.ul>\n      </AccordionItem>\n      </Accordion>\n    </x.div>\n  )\n}\n\nconst MyNewsArticles = ({ articles, section, visitorId, sessionId }) => {\n  const clickSource = 'News Page'\n  return (\n  <x.div display='grid' gridTemplateColumns={{ sm: '100%', lg: 'minmax(min-content, 560px) minmax(min-content, 282px)' }} gap={{ lg: '40' }}>\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 article={articles[0]} to={'/' + getCanonical(articles[0])} text='secondary' sessionId={sessionId} section={section} visitorId={visitorId} 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={{ sm: 'h3', lg: '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>\n      {articles.slice(1, 2).map(article => (\n        <x.article key={article.contentKey} pb={20} pt={{ sm: '20px', lg: 'unset' }} borderWidth='0 0 1px 0' borderStyle='solid' borderColor='divider'>\n          <StyledLink article={article} to={'/' + getCanonical(article)} display='flex' spaceX={10} sessionId={sessionId} section={section} visitorId={visitorId} source={clickSource}>\n            <x.div flex='1 1 0'>\n              <x.h6 text='h6'>{getTeaser(article)}</x.h6>\n              <x.p text='meta' color='meta' mt={8}>By {article.author} | Published {formatAgo(article.published, true)}</x.p>\n            </x.div>\n            <x.div>\n              <ImageOrNoImage image={getImage(article)} w={{ sm: '50px', lg: '100%' }} mb={10} width={getImageSize('normal')} alt={getTeaser(article)} shape={'square'} noImage={NoImage} />\n            </x.div>\n          </StyledLink>\n        </x.article>\n      ))}\n      {articles.slice(2, 3).map(article => (\n        <x.article key={article.contentKey} py={20} borderWidth='0 0 1px 0' borderStyle='solid' borderColor='divider'>\n          <StyledLink article={article} to={'/' + getCanonical(article)} display='flex' spaceX={10} sessionId={sessionId} section={section} visitorId={visitorId} source={clickSource}>\n            <x.div flex='1 1 0'>\n              <x.h6 text='h6'>{getTeaser(article)}</x.h6>\n              <x.p text='meta' color='meta' mt={8}>By {article.author} | Published {formatAgo(article.published, true)}</x.p>\n            </x.div>\n            <x.div>\n              <ImageOrNoImage image={getImage(article)} w={{ sm: '50px', lg: '100%' }} mb={10} width={getImageSize('normal')} alt={getTeaser(article)} shape={'square'} noImage={NoImage} />\n            </x.div>\n          </StyledLink>\n        </x.article>\n      ))}\n      {articles.slice(3, 6).map(article => (\n        <x.article key={article.contentKey} py={20} borderWidth='0 0 1px 0' borderStyle='solid' borderColor='divider'>\n          <StyledLink article={article} to={'/' + getCanonical(article)} display='flex' spaceX={10} sessionId={sessionId} section={section} visitorId={visitorId} source={clickSource}>\n            <x.div flex='1 1 0'>\n              <x.h6 text='h6'>{getTeaser(article)}</x.h6>\n              <x.p text='meta' color='meta' mt={8}>By {article.author} | Published {formatAgo(article.published, true)}</x.p>\n            </x.div>\n            <x.div display={{ sm: 'block', lg: 'none' }} visibility={{ sm: 'visible', lg: 'hidden' }}>\n              <ImageOrNoImage image={getImage(article)} w={{ sm: '50px', lg: '100%' }} mb={10} width={getImageSize('normal')} alt={getTeaser(article)} shape={'square'} noImage={NoImage} />\n            </x.div>\n          </StyledLink>\n        </x.article>\n      ))}\n    </x.div>\n  </x.div>\n)}\n\nexport const Skeleton = (props) => {\n  return (\n    <>\n      <x.div maxWidth={1220} w='100%' mx='auto' mt={50}>\n        <x.div w='100%' maxWidth={1220} mx='auto' my={50} borderWidth='0 0 1px 0' borderStyle='solid' borderColor='divider'>\n          <x.div h={7} mb={5} pb={20} bg='#F0F0F0'></x.div>\n        </x.div>\n        <x.div maxWidth={1220} w='100%' mx='auto' mt={50}>\n          <ArticleDeckSkeleton />\n        </x.div>\n        <x.div maxWidth={1220} w='100%' mx='auto' mt={50}>\n          <ArticleDeckSkeleton />\n        </x.div>\n      </x.div>\n    </>\n  )\n}\n\nconst MyNewsPage = props => {\n  const hasMounted = useHasMounted()\n  const downMd = useDown('md')\n  const [topicsDict, setTopicsDict] = useState([])\n  const [subscription, setSubscription] = useState(false)\n  const [registration, setRegistration] = useState(false)\n  setPageType('section')\n\n  useEffect(\n    () => {\n      props.sectionPageView(props.location.pathname, 'my-news', props.visitorId, props.sessionId, props.app.firstRender)\n    },\n    [props.section]\n  )\n\n  useEffect(() => {\n    if (navigator.serviceWorker) {\n      navigator.serviceWorker.getRegistration()\n        .then(reg => {\n          setRegistration(reg)\n        })\n    }\n  }, [])\n\n  useEffect(() => {\n    if (registration && registration.pushManager) {\n      registration.pushManager.getSubscription()\n        .then(sub => {\n          setSubscription(sub)\n        })\n    }\n  }, [registration])\n\n  useEffect(() => {\n    const data = qs.stringify({\n      titleKey: 'iol',\n      endpoint: (subscription && subscription.endpoint) || ''\n    })\n    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 dict = groupBy(res.data, 'type')\n      return setTopicsDict(dict)\n    })\n    .catch( e => console.error(e.message))\n  }, [subscription])\n\n  return (\n    <>\n      <Helmet titleTemplate={'%s'}\n        title={props.title} >\n        <meta property='og:title' content={props.title} />\n        <meta itemProp='headline' content={props.title} />\n        <meta name='description' content={props.description} />\n        <meta itemProp='description' content={props.description} />\n        <meta property='og:description' content={props.description} />\n        <meta property='og:url' content={props.url} />\n        <meta property='keywords' content={props.keywords} />\n        <meta name='twitter:site' content={props.twitterName} />\n        <meta name='twitter:creator' content={props.twitterName} />\n        <meta name='twitter:title' content={props.title} />\n        <meta name='twitter:description' content={props.description} />\n      </Helmet>\n      <x.main px={{ sm: '20px', wAdD: props.app.wallpaperActive ? '0px' : '200px' }} mt={{ sm: '96px', lg: props.app.wallpaperActive ? '0px' : '173px' }} w='100%' maxWidth={{ sm: '1260px', wAdD: props.app.wallpaperActive ? '1220px' : '1660px' }} mx='auto'>\n        <WingBanners isConnected={props.isConnected} adPath={props.adPath} location={props.location} onSlotRenderEndedLeft={props.onSlotRenderEndedLeft} onSlotRenderEndedRight={props.onSlotRenderEndedRight} />\n        <x.div w='100%' maxWidth={{ sm: '1260px', wAdD: '1660px' }} pb={10} my={{ sm: '30', lg: '50' }} mx='auto' borderWidth='0 0 1px 0' borderStyle='solid' borderColor='divider'>\n          <x.h1 text='h3' mr={{ sm: '0', lg: '50px' }} mb={{ sm: '10', lg: '0' }} w={{ sm: '100%', lg: 'auto' }}>My News</x.h1>\n        </x.div>\n        <x.div w='100%' maxWidth={1220} mx='auto' display='grid' gridTemplateColumns={{ sm: '100%', lg: 'auto 300px' }} gap={{ lg: '40' }} mt={50} mb={30}>\n          <x.aside position='relative' p={{ sm: '20px 0', lg: '0' }} className='divider-left' borderWidth='0'>\n            <x.div textAlign='center' display='flex' justifyContent='center' alignItems='center' flexDirection='column' bg={{ sm: 'advert', lg: 'transparent' }}>\n              <FollowedConceptsWidget topicsDict={topicsDict} />\n            </x.div>\n          </x.aside>\n        </x.div>\n        {hasMounted && !downMd &&\n          <x.div my={50} mx={-20} textAlign='center' display='flex' justifyContent='center' alignItems='center' flexDirection='column'>\n            <Ad isConnected={props.isConnected} adPath={props.adPath} collapseEmptyDiv slotId='leaderboard-bot' targeting={{ leaderboard: 'bot' }} className='advert' mapping={MAPPINGS['Leaderboard']} {...FORMATS.leaderboard} />\n          </x.div>\n        }\n      </x.main>\n    </>\n  )\n}\n\nconst mapDispatchToProps = (dispatch) => bindActionCreators({ sectionPageView }, dispatch)\nexport default withRouter(connect((state) => ({ app: state.app, visitorId: getVisitorId(state), sessionId: getSessionId(state) }), mapDispatchToProps)(MyNewsPage))\n","// Extracted from https://learnwithparam.com/blog/how-to-group-by-array-of-objects-using-a-key/\nexport const groupBy = (array, key) => {\n  return array.reduce((result, currentValue) => {\n    (result[currentValue[key]] = result[currentValue[key]] || []).push(\n      currentValue\n    )\n    return result\n  }, {}) // empty object is the initial value for result object\n}\n","import React, {useState, useEffect, Fragment} from 'react'\nimport { connect } from 'react-redux'\nimport { bindActionCreators } from 'redux'\nimport axios from 'axios'\nimport { x } from '@xstyled/styled-components'\nimport qs from 'qs'\n\nimport { fetchArticleAPI, getSessionId, getVisitorId } from '../../store/article'\nimport { getCanonical, getImageSize, getImage, getTeaser } from '../../lib/articleUtils'\nimport { isBrowser, setCookie } from '../components/ui/utils'\nimport { formatAgo } from '../../lib/dateUtils'\nimport WingBanners from '../components/WingBanners'\nimport ImageOrNoImage from '../../app/components/ui/Image'\nimport NoImage from '../../../assets/images/general/no-image.png'\nimport StyledLink from '../components/ui/Link'\nimport next from '../../../assets/images/icons/gallery-next.svg'\nimport { db } from '../../client/db'\n\nexport const Skeleton = (props) => {\n  return (\n    <>\n      <x.main px={{ sm: '20px', wAdD: '200px' }} mt={{ sm: '96px', lg: '173px' }} w='100%' maxWidth={{ sm: '1260px', wAdD: '1660px' }} mx='auto' mb={50}>\n        <x.div position='relative' w='100%' maxWidth={{ sm: '1260px', wAdD: '1660px' }} mx='auto'>\n          <x.div w='100%' maxWidth={{ sm: '1260px', wAdD: '1660px' }}  pb={10} my={50} mx='auto' borderWidth='0 0 1px 0' borderStyle='solid' borderColor='divider'>\n            <x.h1 text='h3' mr={{ sm: '0', lg: '50px' }} mb={{ sm: '10', lg: '0' }} w={{ sm: '100%', lg: 'auto' }}>Trending on IOL</x.h1>\n          </x.div>\n          <x.div position='relative' w='100%' maxWidth={{ sm: '1260px', wAdD: '1660px' }} mx='auto'>\n            <x.h3 text='h4' borderWidth='0 0 1px 0' borderStyle='solid' borderColor='divider' pb={10} mb={20}>\n              <x.div h={7} mb={5} w='20%' bg='#F0F0F0' />\n            </x.h3>\n            <StyledLink to='#' position='absolute' top='50%' right='0' transform='translateY(-50%)' textTransform='uppercase' text='small' color={{ hover: 'red' }} display='flex' justifyContent='center' alignItems='center' flexDirection='row'>More <x.img src={next} w='24px' h='24px' /></StyledLink>\n          </x.div>\n          <ArticleFourRowSkeleton />\n        </x.div>\n      </x.main>\n    </>\n  )\n}\n\nconst NotifiedArticles = ({ uuids, visitorId, sessionId }) => {\n  const [articles, setArticles] = useState([])\n  useEffect(() => {\n    return Promise.all(uuids.map(uuid => fetchArticleAPI(uuid)))\n    .then(articles => setArticles(articles))\n  }, [uuids])\n  const clickSource = 'Push Notification Page'\n  return (\n    <x.div>\n      <x.div maxWidth={{ sm: '1260px', wAdD: '1660px' }} w='100%' mx='auto' mb={50}>\n        <x.div display={{ sm: '', lg: 'grid' }} gridTemplateColumns={{ sm: '', lg: 'repeat(2, calc((100% - 20px) / 2))' }} gap={{ sm: '', lg: '0 20px'}}>\n          {articles.map((article, index) => (\n            <Fragment key={article.uuid}>\n              <x.article key={article.uuid} pb={20} mb={20} borderWidth='0 0 1px 0' borderStyle='solid' borderColor='divider'>\n                <StyledLink article={article} to={'/' + getCanonical(article)} display='grid' gap={20} gridTemplateColumns='auto 80px' visitorId={visitorId} sessionId={sessionId} source={clickSource} section='push-notification'>\n                  <x.div>\n                    <x.h6 text='h6' mt={0} mb={8}>{getTeaser(article)}</x.h6>\n                    <x.p text='meta' color='meta'>By {article.author} | Published {formatAgo(article.published, true)}</x.p>\n                  </x.div>\n                  <x.div>\n                    <ImageOrNoImage image={getImage(article)} width={getImageSize('push')} alt={article.headline} shape='square' noImage={NoImage} />\n                  </x.div>\n                </StyledLink>\n              </x.article>\n            </Fragment>\n          ))}\n        </x.div>\n      </x.div>\n    </x.div>\n  )\n}\n\nconst TopicItem = ({ topic, subscription, subscribed, toggleSubscribed }) => {\n  const handleOnChange = () => {\n    const data = {\n      topic: topic.topic,\n      titleKey: 'iol',\n      subscription: JSON.stringify(subscription)\n    }\n    axios.post(process.env.RAZZLE_PUSH_SERVICE + (subscribed ? '/unsubscribe' : '/subscribe'), qs.stringify(data), {\n      headers: {\n        'Content-Type': 'application/x-www-form-urlencoded'\n      }\n    })\n    .then(res => toggleSubscribed(topic))\n    .catch(error => {\n      console.log(subscribed ? 'Unsubscribe' : 'Subscribe', 'Error:', error.message)\n      return false\n    })\n  }\n  return (\n    <x.div backgroundColor='#F7F7F7' padding='10px 15px' textTransform='capitalize'>\n      <x.label htmlFor={topic.name} position='relative' display='flex' justifyContent='space-between'>\n        {topic.name === 'General' ? 'Breaking News' : topic.name}\n        <x.div className='switch'>\n          <x.input id={topic.name} type='checkbox' onChange={handleOnChange} checked={subscribed} />\n          <x.span className='slider'></x.span>\n        </x.div>\n      </x.label>\n    </x.div>\n  )\n}\n\nconst _PushNotificationsManagementPage = props => {\n  const [topicsDict, setTopicsDict] = useState([])\n  const [subscribed, setSubscribed] = useState(new Map())\n  const [pushedArticles, setPushedArticles] = useState([])\n  const [subscription, setSubscription] = useState(false)\n  const [registration, setRegistration] = useState(false)\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    if (registration && registration.pushManager) {\n      registration.pushManager.getSubscription()\n        .then(sub => {\n          setSubscription(sub)\n        })\n    }\n  }, [registration])\n\n  useEffect(() => {\n    db.messages\n      .reverse()\n      .toArray()\n      .then(articles => setPushedArticles(articles.map(article => article.uuid).filter((v,i,s) => s.indexOf(v) === i)))\n    setCookie('NotificationsLastViewed', new Date().toISOString(), { days: 30 })\n  }, [])\n  useEffect(() => {\n    const data = qs.stringify({\n      titleKey: 'iol',\n      endpoint: (subscription && subscription.endpoint) || ''\n    })\n    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 toggleSliders = new Map()\n      res.data.map(topic => {\n        toggleSliders.set(topic.topic, true)\n        return topic\n      })\n      setSubscribed(toggleSliders)\n      const dict = res.data.reduce((previousTopic, currentTopic, index) => {\n        let firstType = currentTopic.type\n        if (previousTopic[firstType]) {\n          previousTopic[firstType].push(currentTopic)\n        } else {\n          previousTopic[firstType] = [currentTopic]\n        }\n        return previousTopic\n      }, {})\n      return setTopicsDict(dict)\n    })\n  }, [subscription])\n\n  const handleUnfollowAll = async (topics, subscription) => {\n    const newSubscribed = new Map(subscribed)\n    await Promise.all(topics.map(async (topic) => {\n      const data = {\n        topic: topic.topic,\n        titleKey: topic.titleKey,\n        subscription: JSON.stringify(subscription)\n      }\n      await axios.post(process.env.RAZZLE_PUSH_SERVICE + '/unsubscribe', qs.stringify(data), {\n          headers: {\n          'Content-Type': 'application/x-www-form-urlencoded'\n        }\n      })\n      .then(res => {\n        return newSubscribed.set(topic.topic, false)\n      })\n      .catch(error => {\n        console.log('Unsubscribe Error:', error.message)\n        return false\n      })\n    }))\n    return setSubscribed(newSubscribed)\n  }\n\n  function toggleSubscribed (topic) {\n    const newSubscribed = new Map(subscribed)\n    newSubscribed.set(topic.topic, !(newSubscribed.get(topic.topic)))\n    setSubscribed(newSubscribed)\n  }\n\n  return (\n    <>\n      <x.main px={{ sm: '20px', wAdD: props.app.wallpaperActive ? '0px' : '200px' }} mt={{ sm: '96px', lg: props.app.wallpaperActive ? '0px' : '173px' }} w='100%' maxWidth={{ sm: '1260px', wAdD: props.app.wallpaperActive ? '1220px' : '1660px' }} mx='auto'>\n        <WingBanners isConnected={props.isConnected} adPath={props.adPath} location={props.location} onSlotRenderEndedLeft={props.onSlotRenderEndedLeft} onSlotRenderEndedRight={props.onSlotRenderEndedRight} />\n        <x.div w='100%' maxWidth={{ sm: '1260px', wAdD: '1660px' }} pb={10} my={{ sm: '30', lg: '50' }} mx='auto' borderWidth='0 0 1px 0' borderStyle='solid' borderColor='divider'>\n          <x.h1 text='h3' mr={{ sm: '0', lg: '50px' }} mb={{ sm: '10', lg: '0' }} w={{ sm: '100%', lg: 'auto' }}>My Notifications</x.h1>\n        </x.div>\n        <NotifiedArticles uuids={pushedArticles} visitorId={props.visitorId} sessionId={props.sessionId} />\n        {topicsDict && Object.keys(topicsDict).map((topicType, index) => {\n          return (\n            <Fragment key={topicType}>\n              <x.div maxWidth={{ sm: '1260px', wAdD: '1660px' }} w='100%' mx='auto' mt={50}>\n                <x.div borderWidth='0 0 1px 0' borderStyle='solid' borderColor='divider' pb={10} mb={20} w='100%' display='flex' justifyContent='space-between' flexDirection={{ sm: 'column', lg: 'row' }}>\n                  <x.h2 textTransform='capitalize'>{topicType.replace(/y$/,'ie')}s Followed</x.h2>\n                  {topicType !== 'Notification' &&\n                    <x.button onClick={() => {handleUnfollowAll(topicsDict[topicType], subscription)}} textTransform='uppercase' text='small' appearance='none' borderWidth='1px' borderStyle='solid' borderColor={{ _: 'grey', hover: 'red' }} borderRadius='100' backgroundColor='white' p='8px 20px' color={{ _: 'grey', hover: 'red'}} mt={{ sm: '10px', lg: '0' }}>Unfollow All {topicType.replace(/y$/,'ie')}s</x.button>\n                  }\n                </x.div>\n              </x.div>\n              <x.div display='grid' gridTemplateColumns={{ sm: '100%', lg: 'repeat(2, calc((100% - 20px) / 2))' }} gap={{ sm: '5px', lg: '5px 20px' }}>\n              {topicsDict[topicType].map((topic) =>\n                <TopicItem key={topic.topic} topic={topic} subscription={subscription} subscribed={subscribed && subscribed.get(topic.topic)} toggleSubscribed={() => toggleSubscribed(topic)} />\n              )}\n              </x.div>\n            </Fragment>\n          )\n        })}\n        {topicsDict && (topicsDict.length < 1) &&\n          <x.div maxWidth={{ sm: '1260px', wAdD: '1660px' }} w='100%' mx='auto' mt={50}>\n              <x.h2 pb={10}>You are not following any authors or topics.</x.h2>\n              <p>If you would like to be notified when a new article is published by your preferred author, or on your topic of interest, then you can do this by following that author or topic.</p>\n              <p>On an article, click on the author's link, or on the topic at the bottom of the article, and from there, click to follow.</p>\n          </x.div>\n        }\n      </x.main>\n    </>\n  )\n}\n\nconst PushNotificationsManagementPage = (props) => {\n  if (isBrowser) {\n    return <_PushNotificationsManagementPage {...props} />\n  } else {\n    return null\n  }\n}\nconst mapStateToProps = (state) => ({app: state.app, visitorId: getVisitorId(state), sessionId: getSessionId(state)})\nconst mapDispatchToProps = (dispatch) => bindActionCreators({ fetchArticleAPI }, dispatch)\n\nexport default connect(mapStateToProps, mapDispatchToProps)(PushNotificationsManagementPage)\n","import React, { useCallback } from 'react'\nimport { x } from '@xstyled/styled-components'\nimport { connect } from 'react-redux'\nimport { bindActionCreators } from 'redux'\nimport { setWallPaperActive } from '../../store/app'\nimport Ad from '../components/Ad'\nimport {FORMATS, MAPPINGS} from './AdFormats'\nimport { useLocation } from 'react-router-dom'\n\nconst wallpaperMapping = [\n  [[1500, 0], [1, 1]],\n  [[1400, 0], [1, 1]],\n  [[1024, 0], []],\n  [[640, 0], []],\n  [[0, 0], []]\n]\n\nconst WingBanners = ({ isConnected, adPath, mappingLeft, mappingRight, onSlotRenderEndedLeft, onSlotRenderEndedRight, wallpaperActive, setWallPaperActive }) => {\n  const handleWallpaperLoaded = useCallback((e) => {\n    setWallPaperActive(!e.isEmpty)\n  })\n  const { pathname } = useLocation()\n  return (\n    <>\n      <x.section w='100vw' h='100%' position='absolute' left='50%' mt={20} top='0' transform='translateX(-50%)' zIndex='1' display={wallpaperActive ? 'none' : 'block'} visibility={wallpaperActive ? 'hidden' : 'visible'}>\n        {/* Only request Wallpapers on the home page */}\n        {(pathname === '/' || pathname === '/business' || pathname.startsWith('/business-report')) && process.env.RAZZLE_ENABLE_WALLPAPER &&\n          <Ad isConnected={isConnected} adPath={adPath} collapseEmptyDiv slotId='wallpaper' targeting={{ Wallpaper: '1' }} mapping={wallpaperMapping} className='wallpaper-advert' {...FORMATS.wallpaper} onSlotRenderEnded={handleWallpaperLoaded} />}\n        <x.div position='absolute' left={20} top={0} display={{ wAdM: 'none', wAdD: 'block' }} h='100%'>\n          <x.div position='sticky' top={20}>\n            <Ad isConnected={isConnected} adPath={adPath} slotId='Wingbanner-Left' targeting={{ Wingbanner: 'Left' }} onSlotRenderEnded={onSlotRenderEndedLeft} collapseEmptyDiv mapping={mappingLeft} {...FORMATS.wingbanner} />\n          </x.div>\n        </x.div>\n        <x.div position='absolute' right={20} top={0} display={{ wAdM: 'none', wAdD: 'block' }} h='100%'>\n          <x.div position='sticky' top={20}>\n            <Ad isConnected={isConnected} adPath={adPath} slotId='Wingbanner-Right' targeting={{ Wingbanner: 'Right' }} onSlotRenderEnded={onSlotRenderEndedRight} collapseEmptyDiv mapping={mappingRight} {...FORMATS.wingbanner} />\n          </x.div>\n        </x.div>\n      </x.section>\n    </>\n  )\n}\n\nconst mapStateToProps = (state) => (state.app)\nconst mapDispatchToProps = (dispatch) => bindActionCreators({ setWallPaperActive }, dispatch)\n\nexport default connect(mapStateToProps, mapDispatchToProps)(WingBanners)\n","module.exports = __webpack_public_path__ + \"static/media/gallery-next.8ada7682.svg\";"],"sourceRoot":""}