(\n \n {typeof window !== 'undefined' && (\n {\n props.pageView(p.canonical.replace(process.env.RAZZLE_SITE_URL, ''))\n setScrollY(window.pageYOffset)\n return p.onClick()\n }}\n >More From {p.sectionProps.sectionsLabels && p.sectionProps.sectionsLabels[0] && p.sectionProps.sectionsLabels[0].label}\n \n )}\n {typeof window === 'undefined' && (\n More From {p.sectionProps.sectionsLabels && p.sectionProps.sectionsLabels[0] && p.sectionProps.sectionsLabels[0].label}\n )}\n \n \n \n {p.prevHref && (\n \n )}\n \n \n )} {...props}\n />\n )\n}\n\nconst mapDispatchToProps = (dispatch) => bindActionCreators({ pageView }, dispatch)\nexport default memo(connect(state => state.app, mapDispatchToProps)(Articles), deepCompare)\n","module.exports = __webpack_public_path__ + \"static/media/daily-news.eede69a4.svg\";","module.exports = __webpack_public_path__ + \"static/media/weekend-argus.1e264b30.svg\";","module.exports = __webpack_public_path__ + \"static/media/saturday-star.acf839cc.svg\";","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 OpinionArticles = ({ article, hoverColor, visitorId, sessionId, section, clickSource, color }) => {\n return (\n \n \n \n \n \n \n {getTeaser(article)}\n By {article.author} | Published {formatAgo(article.published, true)}\n \n \n )\n}\n\nconst Template = ({ articles, authorName, section, noImage, isConnected, sectionLabel, moreButton, relatedSections, withReadCount, adPath, mapping, visitorId, sessionId, color, hoverColor, isOpinion }) => {\n const clickSource = 'Article Deck'\n return (\n \n {articles.map((article, index) => (\n \n {index > 0 && index % 16 === 0 &&\n \n \n }\n \n {!isOpinion &&\n \n \n {getTeaser(article)}\n By {article.author} | Published {formatAgo(article.published, true)}\n \n \n \n \n \n }\n {isOpinion &&\n }\n \n \n ))}\n {moreButton}\n \n )\n}\nconst ArticleDeck = (props) => {\n return (\n \n )\n}\n\nexport default ArticleDeck\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 \n {articles.map((article, index) => (\n \n {index > 0 && index % 16 === 0 &&\n \n \n }\n \n \n \n {getTeaser(article)}\n By {article.author} | Published {formatAgo(article.published, true)}\n \n \n \n \n \n \n \n \n ))}\n {moreButton}\n \n )\n}\n\nconst ArticleFourRow = (props) => {\n return (\n \n )\n}\n\nexport default ArticleFourRow\n","/* global oovvuuRuntime */\n\nimport React, { useEffect, memo } from 'react'\nimport { x } from '@xstyled/styled-components'\n\nclass ErrorBoundary extends React.Component {\n constructor (props) {\n super(props)\n this.state = { hasError: false }\n }\n\n static getDerivedStateFromError (error) {\n // Update state so the next render will show the fallback UI.\n return { hasError: true, error }\n }\n\n componentDidCatch (error, errorInfo) {\n // You can also log the error to an error reporting service\n console.error(error, errorInfo)\n }\n\n render () {\n if (this.state.hasError) {\n // You can render any custom fallback UI\n return Something went wrong.
\n }\n\n return this.props.children\n }\n}\n\nconst Oovvuu = memo(({uuid}) => {\n useEffect(() => {\n if (typeof window !== 'undefined' && typeof window.oovvuuRuntime === 'function') {\n oovvuuRuntime()\n }\n }, [uuid])\n\n return (\n \n \n \n \n \n \n )\n})\nexport default Oovvuu\nexport { ErrorBoundary }\n","module.exports = __webpack_public_path__ + \"static/media/cape-times.336e4f0e.svg\";","module.exports = __webpack_public_path__ + \"static/media/cape-argus.8872ab4d.svg\";","import React 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 play from '../../assets/images/icons/play-btn.svg'\nimport StyledLink from '../app/components/ui/Link'\n\nconst Template = ({ articles, authorName, section, noImage, isConnected, sectionLabel, moreButton, relatedSections, withReadCount, adPath, visitorId, sessionId }) => {\n const clickSource = 'Video Widget'\n return (\n \n {articles[0] &&\n \n \n \n \n \n \n \n {getTeaser(articles[0])}\n By {articles[0].author} | Published {formatAgo(articles[0].published, true)}\n \n \n }\n {articles[1] &&\n \n \n \n {getTeaser(articles[1])}\n By {articles[1].author} | Published {formatAgo(articles[1].published, true)}\n \n \n \n \n \n \n \n }\n {articles[2] &&\n \n \n \n {getTeaser(articles[2])}\n By {articles[2].author} | Published {formatAgo(articles[2].published, true)}\n \n \n \n \n \n \n \n }\n {articles[3] &&\n \n \n \n {getTeaser(articles[3])}\n By {articles[3].author} | Published {formatAgo(articles[3].published, true)}\n \n \n \n \n \n \n \n }\n \n\n )\n}\n\nconst HomePageVideos = (props) => {\n return (\n \n )\n}\n\nexport default HomePageVideos\n","import React, { useEffect } 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'\n\nimport Articles from '../components/Articles'\nimport { fetchArticles, fetchFullArticles, fetchMoreArticles } from '../../store/articles'\nimport { sectionPageView, setPageType } from '../../store/app'\nimport { getVisitorId, getSessionId } from '../../store/article'\nimport Ad from '../components/Ad'\nimport WingBanners from '../components/WingBanners'\nimport { FORMATS } from '../components/AdFormats'\nimport HomePageVideos from '../../templates/HomePageVideos'\nimport StyledLink from '../components/ui/Link'\nimport NotFound from './NotFound'\nimport NoImage from '../../../assets/images/general/no-image.png'\nimport next from '../../../assets/images/icons/gallery-next.svg'\n\nimport SecondaryNav from '../components/SecondaryNav'\nimport Oovvuu, { ErrorBoundary as OovvuuErrorBoundary } from '../components/Oovvuu'\n\nconst mapping1 = [\n [[1400, 0], [1, 2]],\n [[1200, 0], [1, 2]],\n [[1000, 0], [1, 2]],\n [[700, 0], [1, 2]],\n [[500, 0], [1, 2]],\n [[200, 0], [1, 2]],\n [[0, 0], []]\n]\n\nconst mapping3 = [\n [[1400, 0], [[728, 90], [468, 60], [300, 250], [336, 280], 'fluid']],\n [[1400, 0], [[728, 90], [468, 60], [300, 250], [336, 280], 'fluid']],\n [[1000, 0], [[468, 60], [300, 250], [336, 280], [320, 50], [300, 100], [300, 50], 'fluid']],\n [[700, 0], [[468, 60], [320, 100], [320, 50], [300, 100], [300, 50], [300, 250], [336, 280], [250, 250], 'fluid']],\n [[500, 0], [[468, 60], [320, 100], [320, 50], [300, 100], [300, 50], [300, 250], [336, 280], [250, 250], 'fluid']],\n [[200, 0], [[320, 100], [320, 50], [300, 100], [300, 50], [300, 250], [300, 600], [336, 280], [250, 250], 'fluid']],\n [[0, 0], []]\n]\n\nconst mapping5 = [\n [[1990, 0], [[300, 600], [300, 250], [336, 280], [250, 250], [120, 600], [160, 600]]],\n [[1690, 0], [[120, 600], [160, 600]]],\n [[1000, 0], []],\n [[700, 0], []],\n [[500, 0], []],\n [[200, 0], []],\n [[0, 0], []]\n]\n\nconst VideoPanel = () => {\n return (\n \n \n \n \n \n \n \n )\n}\n\nexport const Skeleton = () => {\n return (\n \n \n \n )\n}\n\nconst VideoPage = (props) => {\n const hasMounted = useHasMounted()\n const downMd = useDown('md')\n const clickSource = 'Video Page'\n setPageType('section')\n useEffect(\n () => {\n props.sectionPageView(props.location.pathname, props.section, props.visitorId, props.sessionId, props.app.firstRender)\n const path = `/${process.env.RAZZLE_DFP_CODE}${props.adPath || (props.location.pathname === '/' ? '/homepage' : props.location.pathname)}`\n const descriptionUrl = `description_url=${encodeURIComponent(window.location.href)}`\n const custParams = 'cust_params=title%3d{mediainfo.name}%26description%3d{mediainfo.description}%26keywords%3d{mediainfo.tags}'\n window.oovvuuReplacementAdServerURL = `https://pubads.g.doubleclick.net/gampad/ads?iu=${path}&sz=640x480&${custParams}&ciu_szs=300x250&gdfp_req=1&ad_rule=1&ad_type=video&output=vmap&unviewed_position_start=1&env=vp&impl=s&correlator=&${descriptionUrl}&vpmute=1&plcmt=1`\n },\n [props.section]\n )\n return (\n <>\n \n \n \n \n {/* Video panel */}\n \n {/* Start of OOVVUU Collections */}\n \n \n Podcasts\n More \n \n \n (\n \n )}\n />\n \n \n \n \n News\n More \n \n \n (\n \n )}\n />\n \n \n \n \n \n \n \n \n \n \n \n \n Lifestyle\n More \n \n \n (\n \n )}\n />\n \n \n \n \n \n \n \n \n \n Sport\n More \n \n \n (\n \n )}\n />\n \n \n \n \n \n \n \n \n \n \n \n \n Politics\n More \n \n \n (\n \n )}\n />\n \n \n \n \n \n \n \n \n \n Business\n More \n \n \n (\n \n )}\n />\n \n \n \n \n \n \n \n {/* End of OOVVUU Collection */}\n \n \n \n \n \n )\n}\n\nVideoPage.defaultProps = {\n section: 'multimedia/videos'\n}\nconst mapDispatchToProps = (dispatch) => bindActionCreators({ fetchArticles, fetchFullArticles, fetchMoreArticles, sectionPageView }, dispatch)\n\nexport default withRouter(connect((state) => ({ app: state.app, articles: state.articles, visitorId: getVisitorId(state), sessionId: getSessionId(state) }), mapDispatchToProps)(VideoPage))\n","import React from 'react'\nimport { connect } from 'react-redux'\nimport { bindActionCreators } from 'redux'\nimport { withRouter } from 'react-router'\nimport { x } from '@xstyled/styled-components'\n\nimport Articles from '../components/Articles'\nimport { fetchArticles, fetchMoreArticles } from '../../store/articles'\nimport { sectionPageView, setPageType } from '../../store/app'\nimport { getVisitorId, getSessionId } from '../../store/article'\nimport { fetchAuthor } from '../../store/author'\nimport WingBanners from '../components/WingBanners'\nimport Ad from '../components/Ad'\nimport { FORMATS, MAPPINGS } from '../components/AdFormats'\nimport { AuthorPageSkeleton as Skeleton } from '../components/Skeletons'\nimport ArticleDeck from '../../templates/ArticleDeck'\nimport FollowConcept from '../components/FollowConcept'\nimport NotFound from './NotFound'\nimport Image from '../components/ui/Image'\nimport NoImage from '../../../assets/images/general/no-profile.png'\n\nimport aFB from '../../../assets/images/social-media/facebook-author.svg'\n// import aT from '../../../assets/images/social-media/twitter-author.svg'\nimport aLI from '../../../assets/images/social-media/linkedin-author.svg'\nimport aI from '../../../assets/images/social-media/instagram-author.svg'\n\nconst DefaultTemplate = ({ articles, section, noImage, isConnected, sectionLabel, moreButton, withReadCount, adPath, author, isSubscribed }) => (\n <>\n \n \n \n \n)\n\nexport class AuthorSectionPage extends (React.Component) {\n constructor (props) {\n super(props)\n props.fetchAuthor(props.authorSlug)\n props.sectionPageView(props.location.pathname, props.section, props.visitorId, props.sessionId, props.app.firstRender)\n }\n\n componentDidUpdate (prevProps) {\n if (!this.props.hasError || prevProps.authorSlug !== this.props.authorSlug) {\n if (!this.props.authorSlug || prevProps.authorSlug !== this.props.authorSlug) {\n this.props.fetchAuthor(this.props.authorSlug)\n }\n }\n }\n\n render () {\n const props = this.props\n const author = this.props.author\n const Template = props.template || DefaultTemplate\n setPageType('section')\n return (\n <>\n \n \n \n {author.author &&\n <>\n \n \n {author && author.author ? author.author.name : 'Author name'}\n {author && author.author ? author.author.description : 'Author Description'}\n \n {author.author.relatedLinks?.facebook &&\n }\n {/* {author.author.relatedLinks?.twitter &&\n \n } */}\n {author.author.relatedLinks?.linkedin &&\n }\n {author.author.relatedLinks?.instagram &&\n }\n \n \n \n \n }\n {!author.author && }\n \n \n \n \n \n )\n }\n}\n\nAuthorSectionPage.defaultProps = {\n component: DefaultTemplate,\n section: 'authors/lou-anne-daniels'\n}\nconst mapDispatchToProps = (dispatch) => bindActionCreators({ fetchArticles, fetchMoreArticles, fetchAuthor, sectionPageView }, dispatch)\n\nexport default withRouter(connect((state) => ({ app: state.app, articles: state.articles, author: state.author, visitorId: getVisitorId(state), sessionId: getSessionId(state) }), mapDispatchToProps)(AuthorSectionPage))\n","module.exports = __webpack_public_path__ + \"static/media/sunday-independent.da372855.svg\";","import React, { useEffect } from 'react'\nimport PropTypes from 'prop-types'\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'\n\nimport Articles from '../components/Articles'\nimport { fetchArticles, fetchMoreArticles } from '../../store/articles'\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 ArticleDeck from '../../templates/ArticleDeck'\nimport { BasicPageSkeleton as Skeleton } from '../components/Skeletons'\nimport NoImage from '../../../assets/images/general/no-image.png'\nimport searchGry from '../../../assets/images/icons/search-gry-ico.svg'\nimport search from '../../../assets/images/icons/search-input-wht-ico.svg'\n\nconst DefaultTemplate = ({ articles, section, noImage, isConnected, sectionLabel, moreButton, withReadCount, adPath, sessionId, visitorId }) => (\n <>\n \n Search results for: {sectionLabel}\n \n \n \n \n \n)\n\nconst NotFound = (props) => {\n return (\n \n No results for: {props.query.replace('?q=', '')}\n Try again with different search terms.\n \n )\n}\n\nconst SearchPage = (props) => {\n const Template = props.template || DefaultTemplate\n const hasMounted = useHasMounted()\n const downMd = useDown('md')\n setPageType('section')\n useEffect(\n () => {\n if (('/' + props.section) === props.location.pathname) {\n props.sectionPageView(props.location.pathname, props.section, props.visitorId, props.sessionId, props.app.firstRender)\n }\n },\n [props.section]\n )\n return (\n <>\n \n \n {((props.query === '') || (props.query === '?q=')) &&\n <>\n \n Search IOL\n \n \n \n \n \n \n \n \n }\n {props.query && (props.query !== '?q=') &&\n \n }\n {hasMounted && !downMd &&\n \n \n \n }\n \n \n )\n}\n\nconst mapDispatchToProps = (dispatch) => bindActionCreators({ fetchArticles, fetchMoreArticles, sectionPageView }, dispatch)\n\nexport default withRouter(connect((state) => ({ app: state.app, articles: state.articles, visitorId: getVisitorId(state), sessionId: getSessionId(state) }), mapDispatchToProps)(SearchPage))\n\nSearchPage.propTypes = {\n query: PropTypes.string\n}\n","module.exports = __webpack_public_path__ + \"static/media/instagram-author.beadaf36.svg\";","module.exports = __webpack_public_path__ + \"static/media/independent-on-saturday.e3e9da2f.svg\";","import React, { Component } from 'react'\nimport { x } from '@xstyled/styled-components'\n\nclass NotFound extends Component {\n UNSAFE_componentWillMount () {\n const { staticContext } = this.props\n if (staticContext) {\n staticContext.is404 = true\n }\n }\n\n render () {\n const props = this.props\n return (\n <>\n \n 404 Page not found\n \n \n )\n }\n}\n\nexport default NotFound\n","import React from 'react'\nimport { x } from '@xstyled/styled-components'\nimport StyledLink from '../components/ui/Link'\n\nfunction handleLetterClick (id) {\n document.getElementById(id).scrollIntoView({\n behavior: 'smooth'\n })\n}\n\n//\n// Receives an array of objects which must have name and slug properties\n// Builds up a dictionary with the first letters of names as keys\n//\nconst AlphabeticList = ({ arrayList, sessionId, visitorId, section }) => {\n const dict = arrayList.reduce((previousTrend, currentTrend, index) => {\n let firstLetter = currentTrend.name[0].toUpperCase()\n firstLetter = isNaN(firstLetter) ? firstLetter : '#'\n if (previousTrend[firstLetter]) {\n previousTrend[firstLetter].push(currentTrend)\n } else {\n previousTrend[firstLetter] = [currentTrend]\n }\n return previousTrend\n }, {})\n const clickSource = 'Alphabetic List'\n return (\n <>\n \n {Object.keys(dict).map(letter => (\n handleLetterClick('letter-' + letter)} display='inline-block' p='4px 7px' text='medium' bg={{ _: 'ltGrey', hover: 'divider' }} mt={10} mr={10}>{letter}\n ))}\n \n {Object.keys(dict).map(letter => (\n \n \n {letter}\n \n \n {dict[letter].map(trend => (\n {trend.name}\n ))}\n \n \n ))}\n \n)}\n\nexport default AlphabeticList\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 \n {/* Only request Wallpapers on the home page */}\n {(pathname === '/' || pathname === '/business' || pathname.startsWith('/business-report')) && process.env.RAZZLE_ENABLE_WALLPAPER &&\n }\n \n \n \n \n \n \n \n \n \n \n \n \n )\n}\n\nconst mapStateToProps = (state) => (state.app)\nconst mapDispatchToProps = (dispatch) => bindActionCreators({ setWallPaperActive }, dispatch)\n\nexport default connect(mapStateToProps, mapDispatchToProps)(WingBanners)\n","import React, { Component } from 'react'\nimport { connect } from 'react-redux'\nimport { bindActionCreators } from 'redux'\nimport { x } from '@xstyled/styled-components'\n\nimport Articles from '../components/Articles'\nimport { fetchArticles, fetchMoreArticles } from '../../store/articles'\nimport { fetchTrendingArticles } from '../../store/trendingArticles'\nimport { fetchTrendsList } from '../../store/trends'\nimport { sectionPageView, setPageType } from '../../store/app'\nimport { getVisitorId, getSessionId } from '../../store/article'\nimport { TrendsPageSkeleton , ArticleFourRowSkeleton } from '../components/Skeletons'\nimport WingBanners from '../components/WingBanners'\nimport NotFound from './NotFound'\nimport NoImage from '../../../assets/images/general/no-image.png'\nimport StyledLink from '../components/ui/Link'\nimport next from '../../../assets/images/icons/gallery-next.svg'\n\nimport AlphabeticList from '../components/AlphabeticList'\nimport ArticleFourRow from '../../templates/ArticleFourRow'\nimport { FORMATS, MAPPINGS } from '../components/AdFormats'\nimport Ad from '../components/Ad'\n\nconst ArticlesTemplate = ({ articles, section, noImage, isConnected, sectionLabel, moreButton, withReadCount, adPath, sessionId, visitorId }) => (\n <>\n \n {sectionLabel}\n More \n \n \n \n \n \n)\n\nexport class TrendsPage extends Component {\n constructor(props) {\n super(props)\n setPageType('section')\n props.sectionPageView(props.location.pathname, props.section, props.visitorId, props.sessionId, props.app.firstRender)\n if (!this.props.trends.hasFetched) {\n props.fetchTrendingArticles()\n props.fetchTrendsList()\n }\n }\n\n render() {\n if (this.props.hasError) {\n return (\n Error: {this.props.error}
\n )\n }\n if (this.props.trends.hasFetched && this.props.currentTrends && this.props.currentTrends.trendingarticles.hasFetched) {\n return (\n <>\n \n \n \n \n Trending on IOL\n \n {this.props.currentTrends.trendingarticles.sectionsLabels.map(trend => (\n \n \n \n ))}\n \n \n All Trends on IOL\n \n \n \n \n \n )\n } else {\n return (\n \n )\n }\n }\n}\n\nconst mapStateToProps = (state) => ({ app: state.app, articles: state.articles, trends: state.trends, currentTrends: state.trendingArticles, visitorId: getVisitorId(state), sessionId: getSessionId(state) })\nconst mapDispatchToProps = (dispatch) => bindActionCreators({ fetchTrendsList, fetchArticles, fetchMoreArticles, fetchTrendingArticles, sectionPageView }, dispatch)\n\nexport default connect(mapStateToProps, mapDispatchToProps)(TrendsPage)\n","import React, { Fragment, useEffect } from 'react'\nimport { connect } from 'react-redux'\nimport { bindActionCreators } from 'redux'\nimport { withRouter } from 'react-router'\nimport { x, useDown } from '@xstyled/styled-components'\n\nimport Articles from '../components/Articles'\nimport { fetchArticles } from '../../store/articles'\nimport { staticPageView, 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 ArticleFourRow from '../../templates/ArticleFourRow'\nimport { ArticleFourRowSkeleton as Skeleton } from '../components/Skeletons'\nimport NotFound from './NotFound'\nimport NoImage from '../../../assets/images/general/no-image.png'\nimport next from '../../../assets/images/icons/gallery-next.svg'\nimport StyledLink from '../components/ui/Link'\n\nimport TheStar from '../../../assets/images/newspapers-page/the-star.svg'\nimport CapeArgus from '../../../assets/images/newspapers-page/cape-argus.svg'\nimport WeekendCapeArgus from '../../../assets/images/newspapers-page/weekend-argus.svg'\nimport DailyNews from '../../../assets/images/newspapers-page/daily-news.svg'\nimport CapeTimes from '../../../assets/images/newspapers-page/cape-times.svg'\nimport TheMercury from '../../../assets/images/newspapers-page/the-mercury.svg'\nimport PretoriaNews from '../../../assets/images/newspapers-page/pretoria-news.svg'\nimport BusinessReport from '../../../assets/images/newspapers-page/business-report.svg'\nimport SaturdayStar from '../../../assets/images/newspapers-page/saturday-star.svg'\nimport IndependantSat from '../../../assets/images/newspapers-page/independent-on-saturday.svg'\nimport SundayTribune from '../../../assets/images/newspapers-page/sunday-tribune.svg'\nimport SundayIndependent from '../../../assets/images/newspapers-page/sunday-independent.svg'\n\nconst newspaperTitles = [\n {\n name: 'The Star',\n slug: 'the-star',\n logo: TheStar\n },\n {\n name: 'Cape Argus',\n slug: 'capeargus',\n logo: CapeArgus\n },\n {\n name: 'Weekend Argus',\n slug: 'weekend-argus',\n logo: WeekendCapeArgus\n },\n {\n name: 'Daily News',\n slug: 'dailynews',\n logo: DailyNews\n },\n {\n name: 'Cape Times',\n slug: 'capetimes',\n logo: CapeTimes\n },\n {\n name: 'The Mercury',\n slug: 'mercury',\n logo: TheMercury\n },\n {\n name: 'Pretoria News',\n slug: 'pretoria-news',\n logo: PretoriaNews\n },\n {\n name: 'Business Report',\n slug: 'business-report',\n logo: BusinessReport\n },\n {\n name: 'Saturday Star',\n slug: 'saturday-star',\n logo: SaturdayStar\n },\n {\n name: 'Independent on Saturday',\n slug: 'ios',\n logo: IndependantSat\n },\n {\n name: 'Sunday Tribune',\n slug: 'sunday-tribune',\n logo: SundayTribune\n },\n {\n name: 'Sunday Independent',\n slug: 'sundayindependent',\n logo: SundayIndependent\n }\n]\n\nconst NewspapersPage = (props) => {\n const downMd = useDown('md')\n setPageType('section')\n useEffect(\n () => {\n if (('/' + props.section) === props.location.pathname) {\n props.staticPageView(props.location.pathname, props.visitorId, props.sessionId)\n }\n },\n [props.section]\n )\n const clickSource = 'Newspaper Page'\n return (\n <>\n \n \n \n \n {newspaperTitles.map(title => (\n \n \n \n More \n \n {}} section={title.slug} count={4} pageSize={4} noImage={NoImage} notFound={NotFound} component={({ articles, section, noImage, isConnected, withReadCount }) => (\n \n )}\n />\n \n ))}\n \n {!downMd &&\n \n \n \n }\n \n \n )\n}\n\nconst mapDispatchToProps = (dispatch) => bindActionCreators({ fetchArticles, staticPageView }, dispatch)\n\nexport default withRouter(connect((state) => ({ app: state.app, articles: state.articles, visitorId: getVisitorId(state), sessionId: getSessionId(state) }), mapDispatchToProps)(NewspapersPage))\n","module.exports = __webpack_public_path__ + \"static/media/business-report.30e3bc20.svg\";","module.exports = __webpack_public_path__ + \"static/media/gallery-next.8ada7682.svg\";","module.exports = __webpack_public_path__ + \"static/media/linkedin-author.819099ae.svg\";","module.exports = \"data:image/png;base64,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\"","module.exports = __webpack_public_path__ + \"static/media/the-star.1dd6e595.svg\";","import React from 'react'\nimport { x } from '@xstyled/styled-components'\nimport StyledLink from './ui/Link'\nimport cssfxUnderline from './ui/cssfxUnderline'\nimport { getSectionLabel } from 'ion-sections'\n\nconst SecondaryNav = ({ section, sectionLabel, relatedSections, visitorId, sessionId }) => {\n const clickSource = 'Secondary Nav'\n return (\n \n {sectionLabel || getSectionLabel(section)}\n \n {relatedSections && relatedSections.map(relatedSection => (\n \n {relatedSection.label || getSectionLabel(relatedSection.id)}\n \n ))}\n \n \n )\n}\n\nexport default SecondaryNav\n","module.exports = __webpack_public_path__ + \"static/media/facebook-author.bbb12ffb.svg\";"],"sourceRoot":""}