{"version":3,"sources":["webpack:///./src/app/static/icons/no-search-results-v2.svg","webpack:///./node_modules/semantic-ui-react/dist/es/elements/Loader/Loader.js","webpack:///./src/app/components/AdFormats.js","webpack:///./src/app/pages/StaticPage.js","webpack:///./src/app/pages/NotFound.js","webpack:///./src/app/components/ArticleCard.js"],"names":["module","exports","Loader","props","active","children","className","content","disabled","indeterminate","inline","inverted","size","classes","rest","ElementType","createElement","isNil","handledProps","propTypes","FORMATS","leaderboard","desktop","tablet","mobile","leaderboard2","leaderboardsmall","mpu","mpu4","wingbanner","interstitial","halfpage","StaticPage","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","prevProps","this","hasError","page","staticPage","fetchStaticPage","lastFetch","Date","now","proposedArticles","latestArticles","lengthArray","length","i","contentKey","push","IonArticle","pop","__jsx","Helmet","title","error","hasFetched","React","Fragment","name","description","dangerouslySetInnerHTML","__html","body","map","proposedArticle","index","Link","to","getCanonicalUri","ImageOrNoImage","image","getImageObject","width","shape","alt","headline","noImage","NoImage","Ad","_extends","isConnected","path","concat","process","slotId","targeting","collapseEmptyDiv","NotFound","Segment","Dimmer","Component","connect","state","dispatch","bindActionCreators","MostReadArticles","_ref","articles","authorName","moreButton","article","images","ArticleCard","_this","call","staticContext","is404","src","NoResults","itemType","Articles","component","page0Limit","pageSize","fetchArticles","fetchMostReadArticles","notFound","fetchMoreArticles","withRouter","mostReadArticles","sectionLabel","lazy","split","replace","aria-label","Mobile","MobileElse","getSectionId","sponsoredIndicator"],"mappings":"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","file":"static/js/pages-StaticPage.b5baf564.chunk.js","sourcesContent":["module.exports = __webpack_public_path__ + \"static/media/no-search-results-v2.f76581a0.svg\";","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport cx from 'clsx';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport { childrenUtils, customPropTypes, getElementType, getUnhandledProps, SUI, useKeyOnly, useKeyOrValueAndKey } from '../../lib';\n/**\n * A loader alerts a user to wait for an activity to complete.\n * @see Dimmer\n */\n\nfunction Loader(props) {\n  var active = props.active,\n      children = props.children,\n      className = props.className,\n      content = props.content,\n      disabled = props.disabled,\n      indeterminate = props.indeterminate,\n      inline = props.inline,\n      inverted = props.inverted,\n      size = props.size;\n  var classes = cx('ui', size, useKeyOnly(active, 'active'), useKeyOnly(disabled, 'disabled'), useKeyOnly(indeterminate, 'indeterminate'), useKeyOnly(inverted, 'inverted'), useKeyOnly(children || content, 'text'), useKeyOrValueAndKey(inline, 'inline'), 'loader', className);\n  var rest = getUnhandledProps(Loader, props);\n  var ElementType = getElementType(Loader, props);\n  return /*#__PURE__*/React.createElement(ElementType, _extends({}, rest, {\n    className: classes\n  }), childrenUtils.isNil(children) ? content : children);\n}\n\nLoader.handledProps = [\"active\", \"as\", \"children\", \"className\", \"content\", \"disabled\", \"indeterminate\", \"inline\", \"inverted\", \"size\"];\nLoader.propTypes = process.env.NODE_ENV !== \"production\" ? {\n  /** An element type to render as (string or function). */\n  as: PropTypes.elementType,\n\n  /** A loader can be active or visible. */\n  active: PropTypes.bool,\n\n  /** Primary content. */\n  children: PropTypes.node,\n\n  /** Additional classes. */\n  className: PropTypes.string,\n\n  /** Shorthand for primary content. */\n  content: customPropTypes.contentShorthand,\n\n  /** A loader can be disabled or hidden. */\n  disabled: PropTypes.bool,\n\n  /** A loader can show it's unsure of how long a task will take. */\n  indeterminate: PropTypes.bool,\n\n  /** Loaders can appear inline with content. */\n  inline: PropTypes.oneOfType([PropTypes.bool, PropTypes.oneOf(['centered'])]),\n\n  /** Loaders can have their colors inverted. */\n  inverted: PropTypes.bool,\n\n  /** Loaders can have different sizes. */\n  size: PropTypes.oneOf(SUI.SIZES)\n} : {};\nexport default Loader;","export const FORMATS = {\n  leaderboard: {\n    desktop: [[728, 90], [970, 90]],\n    tablet: [[728, 90]],\n    mobile: [[320, 50]]\n  },\n  leaderboard2: {\n    desktop: [[468, 60]],\n    tablet: [[468, 60]],\n    mobile: [[320, 50]]\n  },\n  leaderboardsmall: {\n    desktop: [[468, 60]],\n    tablet: [[468, 60]],\n    mobile: [[320, 50]]\n  },\n  mpu: {\n    desktop: [[300, 250]],\n    tablet: [[300, 250]],\n    mobile: [[300, 250]]\n  },\n  mpu4: {\n    desktop: [[300, 250]],\n    tablet: [[300, 250]],\n    mobile: [[300, 250]]\n  },\n  wingbanner: {\n    desktop: [[160, 600]],\n    tablet: [],\n    mobile: []\n  },\n  interstitial: {\n    desktop: [[970, 600], [300, 600], [336, 280], [300, 250]],\n    tablet: [[300, 600], [336, 280], [300, 250]],\n    mobile: [[300, 600], [336, 280], [300, 250]]\n  },\n  halfpage: {\n    desktop: [[300, 600]],\n    tablet: [[300, 600]],\n    mobile: [[300, 600]]\n  }\n}\n\nexport default FORMATS\n","import React, { Component, Fragment } from 'react'\nimport { bindActionCreators } from 'redux'\nimport { connect } from 'react-redux'\nimport { Link } from 'react-router-dom'\nimport { Dimmer, Loader, Segment } from 'semantic-ui-react'\nimport 'semantic-ui-css/components/dimmer.min.css'\nimport 'semantic-ui-css/components/loader.min.css'\nimport 'semantic-ui-css/components/segment.min.css'\nimport { fetchStaticPage } from '../../store/staticPage'\nimport Helmet from 'react-helmet'\nimport Ad from '../components/Ad'\nimport FORMATS from '../components/AdFormats'\nimport NotFound from './NotFound'\nimport IonArticle from 'ion-article'\nimport { ImageOrNoImage } from 'ion-image'\nimport NoImage from '../static/no-image.png'\n\nexport class StaticPage extends Component {\n  componentDidUpdate (prevProps) {\n    if (!this.props.hasError || prevProps.page !== this.props.page) {\n      if (!this.props.staticPage || prevProps.page !== this.props.page) {\n        this.props.fetchStaticPage(this.props.page)\n      }\n    }\n  }\n\n  UNSAFE_componentWillMount () {\n    if (!this.props.hasError) {\n      const lastFetch = new Date(this.props.lastFetch || 0)\n      const now = new Date()\n\n      if (!this.props.staticPage || (now - lastFetch > 60000 * 60)) {\n        this.props.fetchStaticPage(this.props.page)\n      }\n    }\n  }\n\n  render () {\n    const proposedArticles = []\n    if (this.props.latestArticles) {\n      const lengthArray = this.props.latestArticles.length < 9 ? this.props.latestArticles.length : 9\n      for (let i = 0; i < lengthArray; i++) {\n        if (this.props.latestArticles[i].contentKey !== this.props.contentKey) {\n          proposedArticles.push(new IonArticle(this.props.latestArticles[i]))\n        }\n      }\n    }\n    if (proposedArticles.length > 8) {\n      proposedArticles.pop()\n    }\n    if (this.props.hasError) {\n      return (\n        <div className='content-wrapper'>\n          <Helmet title='ERROR' />\n          <p>Error: {this.props.error}</p>\n        </div>\n      )\n    }\n    if (this.props.hasFetched && this.props.staticPage) {\n      const page = this.props.staticPage\n\n      if (page && page.title) {\n        return (\n          <>\n            <div className='wrapper'>\n              <Helmet title={this.props.title}>\n                <meta name='description' content={this.props.description} />\n              </Helmet>\n              <div className='static-page'>\n                <h1>{page.title}</h1>\n                <div dangerouslySetInnerHTML={{ __html: page.body }} />\n                {(this.props.page === 'subscribe-glamour' || this.props.page === 'masthead' || this.props.page === 'terms-and-conditions' || this.props.page === 'privacy-policy') &&\n                  <div className='related-articles'>\n                    {proposedArticles.length > 0 && (\n                      <h2>You might also like</h2>\n                    )}\n                    {\n                      proposedArticles.map((proposedArticle, index) => {\n                        return (\n                          <article key={index}>\n                            <Link to={'/' + proposedArticle.getCanonicalUri()}>\n                              <ImageOrNoImage image={proposedArticle.getImageObject()} width='240' shape='square' alt={proposedArticle.headline} noImage={NoImage} />\n                              <h3>\n                                {proposedArticle.headline}\n                              </h3>\n                            </Link>\n                          </article>\n                        )\n                      })\n                    }\n                  </div>}\n              </div>\n            </div>\n          </>\n        )\n      } else {\n        return (\n          <>\n            <Ad isConnected={this.props.isConnected} path={`/${process.env.RAZZLE_DFP_CODE}/${this.props.page}`} slotId='leaderboard-1' targeting={{ leaderboard: '1' }} collapseEmptyDiv className='advert-leaderboard-1' {...FORMATS.leaderboard} />\n            <NotFound />\n            <Ad isConnected={this.props.isConnected} path={`/${process.env.RAZZLE_DFP_CODE}/${this.props.page}`} slotId='leaderboard-3' targeting={{ leaderboard: '3' }} collapseEmptyDiv className='advert-leaderboard-3' {...FORMATS.leaderboard} />\n          </>\n        )\n      }\n    } else {\n      return (\n        <>\n          <Helmet title='Article' />\n          <Segment>\n            <Dimmer active>\n              <Loader indeterminate size='large'>Loading Article</Loader>\n            </Dimmer>\n          </Segment>\n        </>\n      )\n    }\n  }\n}\nconst mapStateToProps = (state) => (state.staticPage)\nconst mapDispatchToProps = (dispatch) => bindActionCreators({ fetchStaticPage }, dispatch)\n\nexport default connect(mapStateToProps, mapDispatchToProps)(StaticPage)\n","import React, { Component, Fragment } from 'react'\nimport { withRouter } from 'react-router'\nimport { connect } from 'react-redux'\nimport { bindActionCreators } from 'redux'\nimport { fetchMostReadArticles } from '../../store/mostReadArticles'\nimport NoResults from '../static/icons/no-search-results-v2.svg'\nimport NoImage from '../static/no-image.png'\nimport { Articles } from 'ion-article-cmp'\nimport ArticleCard from '../components/ArticleCard'\n\nconst MostReadArticles = ({ articles, authorName, noImage, moreButton }) => {\n  // Note that we don't have the format of a v2 endpoint section so must supply image\n  return (\n    <>\n      {articles.map((article, index) => {\n        article.image = article.images[0]\n        return (\n          <ArticleCard key={article.contentKey} article={article} noImage={noImage} />\n        )\n      })}\n    </>\n  )\n}\n\nclass NotFound extends Component {\n  constructor (props) {\n    super(props)\n    const { staticContext } = props\n    if (staticContext) {\n      staticContext.is404 = true\n    }\n  }\n\n  render () {\n    // console.log('404', this.props)\n    return (\n      <>\n        <div className='main-content'>\n          <div className='wrapper no-results'>\n            <img src={NoResults} alt='404 Page not found' />\n            <h1>404 Page not found</h1>\n          </div>\n        </div>\n        <div className='wrapper'>\n          <div className='search-page' itemType='http://schema.org/ItemList'>\n            <h1><span>Most Read</span></h1>\n            <Articles\n              className='article-list paged' component={MostReadArticles} page0Limit={8} pageSize={8}\n              fetchArticles={this.props.fetchMostReadArticles} noImage={NoImage} articles={this.props.articles}\n              notFound={() => (<div>Oops! No articles found.</div>)} fetchMoreArticles={() => {}}\n            />\n          </div>\n        </div>\n      </>\n    )\n  }\n}\n\nconst mapStateToProps = (state) => ({ articles: state.mostReadArticles })\nconst mapDispatchToProps = (dispatch) => bindActionCreators({ fetchMostReadArticles }, dispatch)\n\n// export default NotFound\nexport default withRouter(connect(mapStateToProps, mapDispatchToProps)(NotFound))\n","import React from 'react'\nimport { Link } from 'react-router-dom'\nimport { Mobile, MobileElse } from 'ion-media'\nimport { ImageOrNoImage } from 'ion-image'\n\nconst ArticleCard = ({ article, noImage, lazy }) => {\n  const tempSectionLabel = article.sectionLabel.split('/').length > 1 ? article.sectionLabel.split('/')[1] : article.sectionLabel.split('/')[0]\n  const sectionLabel = tempSectionLabel.replace('-', ' ')\n  return (\n    <article key={article.contentKey} aria-label='article'>\n      <div className='article-list-img'>\n        <Link to={'/' + article.getCanonicalUri()}>\n          <Mobile>\n            <ImageOrNoImage shape='square' width={450} image={article.image} alt={article.headline} noImage={noImage} />\n          </Mobile>\n          <MobileElse>\n            <ImageOrNoImage shape='square' width={670} image={article.image} alt={article.headline} noImage={noImage} />\n          </MobileElse>\n        </Link>\n      </div>\n      <div className='content'>\n        <p><Link to={'/' + article.getSectionId()}>{sectionLabel}</Link></p>\n        <h4><Link to={'/' + article.getCanonicalUri()}>{article.headline}</Link></h4>\n        {(article.sponsoredIndicator === 'SPONSORED' || article.sponsoredIndicator === 'SPONSORED_EXPIRED') &&\n          <small className='sponsored'>Sponsored</small>}\n        {(article.sponsoredIndicator === 'NATIVE' || article.sponsoredIndicator === 'NATIVE_EXPIRED') &&\n          <small className='native'>Partnered</small>}\n      </div>\n    </article>\n  )\n}\n\nexport default ArticleCard\n"],"sourceRoot":""}