@times-components/article-main-comment 2.73.11-alpha.6 → 2.73.11-alpha.62

package/CHANGELOG.md

@@ -3,6 +3,268 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [2.73.43](https://github.com/newsuk/times-components/compare/@times-components/article-main-comment@2.73.42...@times-components/article-main-comment@2.73.43) (2024-01-10)
+
+**Note:** Version bump only for package @times-components/article-main-comment
+
+
+
+
+
+## [2.73.42](https://github.com/newsuk/times-components/compare/@times-components/article-main-comment@2.73.41...@times-components/article-main-comment@2.73.42) (2024-01-10)
+
+**Note:** Version bump only for package @times-components/article-main-comment
+
+
+
+
+
+## [2.73.41](https://github.com/newsuk/times-components/compare/@times-components/article-main-comment@2.73.40...@times-components/article-main-comment@2.73.41) (2024-01-09)
+
+**Note:** Version bump only for package @times-components/article-main-comment
+
+
+
+
+
+## [2.73.40](https://github.com/newsuk/times-components/compare/@times-components/article-main-comment@2.73.39...@times-components/article-main-comment@2.73.40) (2024-01-09)
+
+**Note:** Version bump only for package @times-components/article-main-comment
+
+
+
+
+
+## [2.73.39](https://github.com/newsuk/times-components/compare/@times-components/article-main-comment@2.73.38...@times-components/article-main-comment@2.73.39) (2024-01-08)
+
+**Note:** Version bump only for package @times-components/article-main-comment
+
+
+
+
+
+## [2.73.38](https://github.com/newsuk/times-components/compare/@times-components/article-main-comment@2.73.37...@times-components/article-main-comment@2.73.38) (2024-01-08)
+
+**Note:** Version bump only for package @times-components/article-main-comment
+
+
+
+
+
+## [2.73.37](https://github.com/newsuk/times-components/compare/@times-components/article-main-comment@2.73.36...@times-components/article-main-comment@2.73.37) (2024-01-08)
+
+**Note:** Version bump only for package @times-components/article-main-comment
+
+
+
+
+
+## [2.73.36](https://github.com/newsuk/times-components/compare/@times-components/article-main-comment@2.73.35...@times-components/article-main-comment@2.73.36) (2024-01-08)
+
+**Note:** Version bump only for package @times-components/article-main-comment
+
+
+
+
+
+## [2.73.35](https://github.com/newsuk/times-components/compare/@times-components/article-main-comment@2.73.34...@times-components/article-main-comment@2.73.35) (2024-01-08)
+
+**Note:** Version bump only for package @times-components/article-main-comment
+
+
+
+
+
+## [2.73.34](https://github.com/newsuk/times-components/compare/@times-components/article-main-comment@2.73.33...@times-components/article-main-comment@2.73.34) (2024-01-08)
+
+
+### Bug Fixes
+
+* **TMRX-1782:** Remove inArticleAudio integration for now until ready to productionise ([#3704](https://github.com/newsuk/times-components/issues/3704)) ([139c9bd](https://github.com/newsuk/times-components/commit/139c9bd8f032a4eda60004fb457b0b6cc698598e))
+
+
+
+
+
+## [2.73.33](https://github.com/newsuk/times-components/compare/@times-components/article-main-comment@2.73.32...@times-components/article-main-comment@2.73.33) (2024-01-08)
+
+**Note:** Version bump only for package @times-components/article-main-comment
+
+
+
+
+
+## [2.73.32](https://github.com/newsuk/times-components/compare/@times-components/article-main-comment@2.73.31...@times-components/article-main-comment@2.73.32) (2024-01-02)
+
+
+### Bug Fixes
+
+* **TMRX-1768:** Check a byline exists ([#3703](https://github.com/newsuk/times-components/issues/3703)) ([fad95e9](https://github.com/newsuk/times-components/commit/fad95e992b63f93ed95eadda683c5fcb1b91f53a))
+
+
+
+
+
+## [2.73.31](https://github.com/newsuk/times-components/compare/@times-components/article-main-comment@2.73.30...@times-components/article-main-comment@2.73.31) (2023-12-14)
+
+**Note:** Version bump only for package @times-components/article-main-comment
+
+
+
+
+
+## [2.73.30](https://github.com/newsuk/times-components/compare/@times-components/article-main-comment@2.73.29...@times-components/article-main-comment@2.73.30) (2023-12-12)
+
+**Note:** Version bump only for package @times-components/article-main-comment
+
+
+
+
+
+## [2.73.29](https://github.com/newsuk/times-components/compare/@times-components/article-main-comment@2.73.28...@times-components/article-main-comment@2.73.29) (2023-12-08)
+
+**Note:** Version bump only for package @times-components/article-main-comment
+
+
+
+
+
+## [2.73.28](https://github.com/newsuk/times-components/compare/@times-components/article-main-comment@2.73.27...@times-components/article-main-comment@2.73.28) (2023-12-07)
+
+**Note:** Version bump only for package @times-components/article-main-comment
+
+
+
+
+
+## [2.73.27](https://github.com/newsuk/times-components/compare/@times-components/article-main-comment@2.73.26...@times-components/article-main-comment@2.73.27) (2023-12-07)
+
+**Note:** Version bump only for package @times-components/article-main-comment
+
+
+
+
+
+## [2.73.26](https://github.com/newsuk/times-components/compare/@times-components/article-main-comment@2.73.25...@times-components/article-main-comment@2.73.26) (2023-12-07)
+
+**Note:** Version bump only for package @times-components/article-main-comment
+
+
+
+
+
+## [2.73.25](https://github.com/newsuk/times-components/compare/@times-components/article-main-comment@2.73.24...@times-components/article-main-comment@2.73.25) (2023-12-06)
+
+**Note:** Version bump only for package @times-components/article-main-comment
+
+
+
+
+
+## [2.73.24](https://github.com/newsuk/times-components/compare/@times-components/article-main-comment@2.73.23...@times-components/article-main-comment@2.73.24) (2023-12-05)
+
+**Note:** Version bump only for package @times-components/article-main-comment
+
+
+
+
+
+## [2.73.23](https://github.com/newsuk/times-components/compare/@times-components/article-main-comment@2.73.22...@times-components/article-main-comment@2.73.23) (2023-12-04)
+
+**Note:** Version bump only for package @times-components/article-main-comment
+
+
+
+
+
+## [2.73.22](https://github.com/newsuk/times-components/compare/@times-components/article-main-comment@2.73.21...@times-components/article-main-comment@2.73.22) (2023-12-04)
+
+**Note:** Version bump only for package @times-components/article-main-comment
+
+
+
+
+
+## [2.73.21](https://github.com/newsuk/times-components/compare/@times-components/article-main-comment@2.73.20...@times-components/article-main-comment@2.73.21) (2023-12-01)
+
+**Note:** Version bump only for package @times-components/article-main-comment
+
+
+
+
+
+## [2.73.20](https://github.com/newsuk/times-components/compare/@times-components/article-main-comment@2.73.19...@times-components/article-main-comment@2.73.20) (2023-11-30)
+
+**Note:** Version bump only for package @times-components/article-main-comment
+
+
+
+
+
+## [2.73.19](https://github.com/newsuk/times-components/compare/@times-components/article-main-comment@2.73.18...@times-components/article-main-comment@2.73.19) (2023-11-29)
+
+**Note:** Version bump only for package @times-components/article-main-comment
+
+
+
+
+
+## [2.73.18](https://github.com/newsuk/times-components/compare/@times-components/article-main-comment@2.73.17...@times-components/article-main-comment@2.73.18) (2023-11-29)
+
+**Note:** Version bump only for package @times-components/article-main-comment
+
+
+
+
+
+## [2.73.17](https://github.com/newsuk/times-components/compare/@times-components/article-main-comment@2.73.16...@times-components/article-main-comment@2.73.17) (2023-11-28)
+
+**Note:** Version bump only for package @times-components/article-main-comment
+
+
+
+
+
+## [2.73.16](https://github.com/newsuk/times-components/compare/@times-components/article-main-comment@2.73.15...@times-components/article-main-comment@2.73.16) (2023-11-27)
+
+**Note:** Version bump only for package @times-components/article-main-comment
+
+
+
+
+
+## [2.73.15](https://github.com/newsuk/times-components/compare/@times-components/article-main-comment@2.73.14...@times-components/article-main-comment@2.73.15) (2023-11-27)
+
+**Note:** Version bump only for package @times-components/article-main-comment
+
+
+
+
+
+## [2.73.14](https://github.com/newsuk/times-components/compare/@times-components/article-main-comment@2.73.13...@times-components/article-main-comment@2.73.14) (2023-11-27)
+
+**Note:** Version bump only for package @times-components/article-main-comment
+
+
+
+
+
+## [2.73.13](https://github.com/newsuk/times-components/compare/@times-components/article-main-comment@2.73.12...@times-components/article-main-comment@2.73.13) (2023-11-27)
+
+**Note:** Version bump only for package @times-components/article-main-comment
+
+
+
+
+
+## [2.73.12](https://github.com/newsuk/times-components/compare/@times-components/article-main-comment@2.73.11...@times-components/article-main-comment@2.73.12) (2023-11-24)
+
+**Note:** Version bump only for package @times-components/article-main-comment
+
+
+
+
+
 ## [2.73.11](https://github.com/newsuk/times-components/compare/@times-components/article-main-comment@2.73.10...@times-components/article-main-comment@2.73.11) (2023-11-23)
 
 **Note:** Version bump only for package @times-components/article-main-comment

package/dist/article-header/article-header-prop-types.js

@@ -22,7 +22,6 @@ const articleHeaderPropTypes = {
   longRead: _propTypes.default.bool,
   publicationName: _propTypes.default.string.isRequired,
   publishedTime: _propTypes.default.string.isRequired,
-  showAudioPlayer: _propTypes.default.bool,
   standfirst: _propTypes.default.string,
   updatedTime: _propTypes.default.string
 };

package/dist/article-header/article-header.js

@@ -9,8 +9,6 @@ var _react = _interopRequireDefault(require("react"));
 
 var _tsComponents = require("@times-components/ts-components");
 
-var _tsNewskit = require("@times-components/ts-newskit");
-
 var _image = _interopRequireDefault(require("@times-components/image"));
 
 var _utils = require("@times-components/utils");
@@ -43,7 +41,6 @@ const ArticleHeader = _ref => {
       headline = _ref.headline,
       label = _ref.label,
       publicationName = _ref.publicationName,
-      showAudioPlayer = _ref.showAudioPlayer,
       publishedTime = _ref.publishedTime,
       standfirst = _ref.standfirst,
       updatedTime = _ref.updatedTime;
@@ -72,19 +69,7 @@ const ArticleHeader = _ref => {
     bylines: bylines,
     publicationName: publicationName,
     publishedTime: publishedTime
-  }), /*#__PURE__*/_react.default.createElement(_tsNewskit.TCThemeProvider, null, /*#__PURE__*/_react.default.createElement(_tsNewskit.InArticleAudio, {
-    showAudioPlayer: showAudioPlayer,
-    src: "",
-    readyToPlayText: "Listen to article",
-    playingText: "Playing",
-    narrator: bylines ? bylines[0].byline[0].children[0].attributes.value : "",
-    headline: headline,
-    feedback: {
-      requestFeedback: true,
-      feedbackMessage: "Want to listen to more articles? Give your feedback below or email",
-      thankyouMessage: "Thank you for your feedback. We're always trying to give you the best possible experience – your feedback helps us do this."
-    }
-  })));
+  }));
 };
 
 ArticleHeader.propTypes = _articleHeaderPropTypes.articleHeaderPropTypes;

package/dist/article-main-comment.js

@@ -11,16 +11,10 @@ var _articleSkeleton = _interopRequireDefault(require("@times-components/article
 
 var _utils = require("@times-components/utils");
 
-var _tsNewskit = require("@times-components/ts-newskit");
-
-var _newskit = require("newskit");
-
 var _articleHeader = _interopRequireDefault(require("./article-header/article-header"));
 
 var _articlePropTypes = require("./article-prop-types/article-prop-types");
 
-var _responsive = require("./styles/responsive");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -31,68 +25,10 @@ class ArticlePage extends _react.Component {
   constructor(props) {
     super(props);
     this.renderHeader = this.renderHeader.bind(this);
-    this.state = {
-      initialPosition: 0
-    };
-    this.sidebarRef = _react.default.createRef();
-    this.handleScroll = this.handleScroll.bind(this);
-  }
-
-  componentDidMount() {
-    window.addEventListener("scroll", this.handleScroll);
-    const sidebarNode = this.sidebarRef.current;
-
-    if (sidebarNode) {
-      const rect = sidebarNode.getBoundingClientRect();
-      this.setState({
-        initialPosition: rect.top
-      });
-    }
-  }
-
-  componentWillUnmount() {
-    window.removeEventListener("scroll", this.handleScroll);
-  }
-
-  handleScroll() {
-    const sidebarNode = this.sidebarRef.current;
-
-    if (sidebarNode) {
-      const rect = sidebarNode.getBoundingClientRect();
-      const adElement = document.querySelector(".responsive__InlineAdWrapper-sc-4v1r4q-17");
-      const relatedArticlesElement = document.getElementById("related-articles");
-      let isAdIntersecting = false;
-      let isRelatedArticlesIntersecting = false;
-
-      if (adElement) {
-        const adRect = adElement.getBoundingClientRect();
-        isAdIntersecting = adRect.top <= rect.bottom && adRect.bottom >= rect.top;
-      }
-
-      if (relatedArticlesElement) {
-        const relatedArticlesRect = relatedArticlesElement.getBoundingClientRect();
-        isRelatedArticlesIntersecting = relatedArticlesRect.top <= window.innerHeight && relatedArticlesRect.bottom >= 0;
-      }
-
-      const initialPosition = this.state.initialPosition;
-
-      if (isAdIntersecting || isRelatedArticlesIntersecting) {
-        sidebarNode.style.transition = "opacity 0.5s ease";
-        sidebarNode.style.opacity = "0";
-      } else {
-        const isScrolled = rect.top <= 0 && window.scrollY > initialPosition;
-        sidebarNode.style.transition = "opacity 0.5s ease";
-        sidebarNode.style.opacity = "1";
-        sidebarNode.style.position = isScrolled ? "fixed" : "absolute";
-        sidebarNode.style.top = isScrolled ? "0" : "100%";
-      }
-    }
   }
 
   renderHeader() {
-    const _this$props = this.props,
-          article = _this$props.article,
-          showAudioPlayer = _this$props.showAudioPlayer;
+    const article = this.props.article;
     const bylines = article.bylines,
           expirableFlags = article.expirableFlags,
           hasVideo = article.hasVideo,
@@ -104,7 +40,7 @@ class ArticlePage extends _react.Component {
           standfirst = article.standfirst,
           updatedTime = article.updatedTime;
     const authorImage = bylines && bylines.length > 0 && bylines[0].image && Object.keys(bylines[0].image).length !== 0 && bylines[0].image.crop ? bylines[0].image.crop.url : null;
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_articleHeader.default, {
+    return /*#__PURE__*/_react.default.createElement(_articleHeader.default, {
       authorImage: authorImage,
       bylines: bylines,
       flags: expirableFlags,
@@ -114,47 +50,25 @@ class ArticlePage extends _react.Component {
       publicationName: publicationName,
       publishedTime: publishedTime,
       standfirst: standfirst,
-      updatedTime: updatedTime,
-      showAudioPlayer: showAudioPlayer
-    }), /*#__PURE__*/_react.default.createElement(_newskit.NewsKitProvider, {
-      theme: _tsNewskit.PuzzlesWebLightTheme
-    }, /*#__PURE__*/_react.default.createElement(_responsive.PuzzlesSidebar, {
-      ref: this.sidebarRef
-    }, /*#__PURE__*/_react.default.createElement(_tsNewskit.ArticleSidebar, {
-      pageLink: "https://www.thetimes.co.uk/puzzles",
-      sectionTitle: "Puzzles",
-      data: [{
-        title: "Crossword",
-        url: "https://www.thetimes.co.uk/puzzles/crossword",
-        imgUrl: "https://www.thetimes.co.uk/imageserver/image/%2Fpuzzles%2Ficons%2F33b27655-dcc9-421f-906f-b2b10dd26865.png?crop=1250%2C833%2C0%2C0&resize=500"
-      }, {
-        title: "Polygon",
-        url: "https://www.thetimes.co.uk/puzzles/word-puzzles",
-        imgUrl: "https://www.thetimes.co.uk/imageserver/image/%2Fpuzzles%2Ficons%2F33b27655-dcc9-421f-906f-b2b10dd26865.png?crop=1250%2C833%2C0%2C0&resize=500"
-      }, {
-        title: "Sudoku",
-        url: "https://www.thetimes.co.uk/puzzles/sudoku",
-        imgUrl: "https://www.thetimes.co.uk/imageserver/image/%2Fpuzzles%2Ficons%2F33b27655-dcc9-421f-906f-b2b10dd26865.png?crop=1250%2C833%2C0%2C0&resize=500"
-      }]
-    }))));
+      updatedTime: updatedTime
+    });
   }
 
   render() {
-    const _this$props2 = this.props,
-          article = _this$props2.article,
-          analyticsStream = _this$props2.analyticsStream,
-          error = _this$props2.error,
-          isLoading = _this$props2.isLoading,
-          logoUrl = _this$props2.logoUrl,
-          navigationMode = _this$props2.navigationMode,
-          receiveChildList = _this$props2.receiveChildList,
-          commentingConfig = _this$props2.commentingConfig,
-          paidContentClassName = _this$props2.paidContentClassName,
-          isPreview = _this$props2.isPreview,
-          showAudioPlayer = _this$props2.showAudioPlayer,
-          swgProductId = _this$props2.swgProductId,
-          zephrDivs = _this$props2.zephrDivs,
-          storefrontConfig = _this$props2.storefrontConfig;
+    const _this$props = this.props,
+          article = _this$props.article,
+          analyticsStream = _this$props.analyticsStream,
+          error = _this$props.error,
+          isLoading = _this$props.isLoading,
+          logoUrl = _this$props.logoUrl,
+          navigationMode = _this$props.navigationMode,
+          receiveChildList = _this$props.receiveChildList,
+          commentingConfig = _this$props.commentingConfig,
+          paidContentClassName = _this$props.paidContentClassName,
+          isPreview = _this$props.isPreview,
+          swgProductId = _this$props.swgProductId,
+          zephrDivs = _this$props.zephrDivs,
+          storefrontConfig = _this$props.storefrontConfig;
 
     if (error || isLoading) {
       return null;
@@ -172,7 +86,6 @@ class ArticlePage extends _react.Component {
       isPreview: isPreview,
       swgProductId: swgProductId,
       zephrDivs: zephrDivs,
-      showAudioPlayer: showAudioPlayer,
       storefrontConfig: storefrontConfig
     });
   }

package/dist/article-prop-types/article-prop-types.base.js

@@ -22,15 +22,13 @@ const articlePagePropTypes = {
   isLoading: _propTypes.default.bool,
   onImagePress: _propTypes.default.func,
   receiveChildList: _propTypes.default.func.isRequired,
-  zephrDivs: _propTypes.default.bool,
-  showAudioPlayer: _propTypes.default.bool
+  zephrDivs: _propTypes.default.bool
 };
 exports.articlePagePropTypes = articlePagePropTypes;
 const articlePageDefaultProps = {
   article: null,
   error: null,
   isLoading: false,
-  onImagePress: null,
-  showAudioPlayer: false
+  onImagePress: null
 };
 exports.articlePageDefaultProps = articlePageDefaultProps;

package/dist/styles/responsive.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.PuzzlesSidebar = exports.StandfirstContainer = exports.Separator = exports.MetaContainer = exports.Meta = exports.LabelContainer = exports.HeadlineContainer = exports.HeaderContainer = exports.FlagsContainer = exports.DatePublicationContainer = exports.AuthorImageContainer = void 0;
+exports.StandfirstContainer = exports.Separator = exports.MetaContainer = exports.Meta = exports.LabelContainer = exports.HeadlineContainer = exports.HeaderContainer = exports.FlagsContainer = exports.DatePublicationContainer = exports.AuthorImageContainer = void 0;
 
 var _utils = require("@times-components/utils");
 
@@ -69,11 +69,4 @@ const StandfirstContainer = _styledComponents.default.h2.withConfig({
   fontSize: "infoTitle"
 }), (0, _tsStyleguide.spacing)(5), _tsStyleguide.breakpoints.wide, (0, _tsStyleguide.spacing)(4));
 
-exports.StandfirstContainer = StandfirstContainer;
-
-const PuzzlesSidebar = _styledComponents.default.div.withConfig({
-  displayName: "responsive__PuzzlesSidebar",
-  componentId: "ba1gpd-10"
-})(["padding-left:", ";position:absolute;right:0;z-index:1;top:100%;display:none;@media (min-width:", "px){display:block;width:19.8333%;padding-right:", ";}@media (min-width:", "px){display:block;width:17.8333%;padding-right:", ";}"], (0, _tsStyleguide.spacing)(4), _tsStyleguide.breakpoints.wide, (0, _tsStyleguide.spacing)(8), _tsStyleguide.breakpoints.huge, (0, _tsStyleguide.spacing)(15));
-
-exports.PuzzlesSidebar = PuzzlesSidebar;
+exports.StandfirstContainer = StandfirstContainer;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@times-components/article-main-comment",
-  "version": "2.73.11-alpha.6+764b1239f0",
+  "version": "2.73.11-alpha.62+1e40dee5b8",
   "description": "Main Comment Article Template",
   "main": "dist/article-main-comment",
   "dev": "src/article-main-comment",
@@ -53,21 +53,19 @@
     "webpack": "4.30.0"
   },
   "dependencies": {
-    "@times-components/ad": "^2.21.43",
+    "@times-components/ad": "^2.21.44",
     "@times-components/article-byline": "^3.13.15",
     "@times-components/article-label": "^2.16.1",
-    "@times-components/article-skeleton": "^1.115.11",
+    "@times-components/article-skeleton": "^1.115.11-alpha.62+1e40dee5b8",
     "@times-components/context": "^1.10.37",
     "@times-components/date-publication": "^0.28.1",
     "@times-components/image": "^6.15.14",
     "@times-components/responsive": "^0.17.1",
     "@times-components/ts-components": "^1.81.7",
-    "@times-components/ts-newskit": "^1.139.2",
     "@times-components/ts-styleguide": "^1.48.1",
     "@times-components/user-state": "^0.5.11",
     "@times-components/utils": "^6.16.21",
     "@times-components/video-label": "^2.11.22",
-    "newskit": "7.2.0",
     "prop-types": "15.7.2",
     "styled-components": "4.3.2"
   },
@@ -82,5 +80,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "764b1239f092f459439b0e0487f954df881d1577"
+  "gitHead": "1e40dee5b85738dabba5d67a2ae4396aaff289c3"
 }

package/rnw.js

@@ -1 +1 @@
-module.exports=function(e){var t={};function i(n){if(t[n])return t[n].exports;var r=t[n]={i:n,l:!1,exports:{}};return e[n].call(r.exports,r,r.exports,i),r.l=!0,r.exports}return i.m=e,i.c=t,i.d=function(e,t,n){i.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},i.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.t=function(e,t){if(1&t&&(e=i(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(i.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)i.d(n,r,function(t){return e[t]}.bind(null,r));return n},i.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(t,"a",t),t},i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.p="",i(i.s=15)}([function(e,t){e.exports=require("@times-components/ts-styleguide/rnw")},function(e,t){e.exports=require("prop-types")},function(e,t){e.exports=require("react")},function(e,t){e.exports=require("@times-components/utils/rnw")},function(e,t){e.exports=require("styled-components")},function(e,t){e.exports=require("@times-components/ts-newskit/rnw")},function(e,t){e.exports=require("@times-components/ts-components/rnw")},function(e,t){e.exports=require("@times-components/article-byline/rnw")},function(e,t){e.exports=require("@times-components/article-skeleton/rnw")},function(e,t){e.exports=require("newskit")},function(e,t){e.exports=require("@times-components/image/rnw")},function(e,t){e.exports=require("@times-components/article-label/rnw")},function(e,t){e.exports=require("@times-components/video-label/rnw")},function(e,t){e.exports=require("@times-components/context/rnw")},function(e,t){e.exports=require("@times-components/date-publication/rnw")},function(e,t,i){"use strict";i.r(t);var n=i(2),r=i.n(n),o=i(8),a=i.n(o),s=i(3),l=i(5),c=i(9),p=i(6),d=i(10),u=i.n(d),m=i(11),b=i.n(m),g=i(12),f=i.n(g),h=i(13),y=i.n(h),w=i(0),O=i(1),j=i.n(O);j.a.bool,j.a.string;function v(e,t){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),i.push.apply(i,n)}return i}function x(e){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?v(Object(i),!0).forEach((function(t){P(e,t,i[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):v(Object(i)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))}))}return e}function P(e,t,i){return t in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}function k(e,t){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),i.push.apply(i,n)}return i}function C(e,t,i){return t in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}var E=function(e){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?k(Object(i),!0).forEach((function(t){C(e,t,i[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):k(Object(i)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))}))}return e}({},{articleHeadline:x(x({},Object(w.fontFactory)({font:"headline",fontSize:"headline"})),{},{color:w.colours.functional.brandColour,marginBottom:Object(w.spacing)(2),textAlign:"center"}),articleHeadlineTablet:x({},Object(w.fontFactory)({font:"headline",fontSize:"articleHeadline"})),authorImage:{marginBottom:Object(w.spacing)(5)},container:{alignItems:"center",paddingLeft:Object(w.spacing)(2),paddingRight:Object(w.spacing)(2)},datePublication:x(x({},Object(w.fontFactory)({font:"supporting",fontSize:"cardMeta"})),{},{color:w.colours.functional.secondary,marginTop:Object(w.spacing)(1)}),datePublicationTablet:{marginTop:"auto"},header:{marginBottom:Object(w.spacing)(3),paddingBottom:Object(w.spacing)(4),paddingTop:Object(w.spacing)(7)},label:{marginBottom:Object(w.spacing)(2)},meta:{flexDirection:"row",flexWrap:"wrap"},metaContainer:{alignItems:"center",width:"100%",paddingTop:Object(w.spacing)(2),paddingBottom:Object(w.spacing)(2),borderBottomColor:w.colours.functional.keyline,borderBottomWidth:1,borderTopColor:w.colours.functional.keyline,borderTopWidth:1},metaContainerTablet:{flexDirection:"row",justifyContent:"center"},separator:{borderRightColor:w.colours.functional.keyline,borderRightWidth:1,height:Object(w.spacing)(3),marginLeft:Object(w.spacing)(2),marginRight:Object(w.spacing)(2)},standFirst:x(x({},Object(w.fontFactory)({font:"headlineRegular",fontSize:"smallestHeadline"})),{},{color:w.colours.functional.primary,marginBottom:Object(w.spacing)(3),paddingLeft:Object(w.spacing)(2),paddingRight:Object(w.spacing)(2),textAlign:"center"})});const T=e=>{let t=e.isVideo,i=e.label;if(!t&&!i)return null;const n=t?f.a:b.a;return r.a.createElement(y.a.Consumer,null,e=>{let t=e.theme.sectionColour;return r.a.createElement(s.TcView,{style:E.label},r.a.createElement(n,{color:t||w.colours.section.default,title:i}))})};T.defaultProps={isVideo:!1,label:null};var z=T,S=i(7),q=i(14),R=i.n(q);j.a.arrayOf(j.a.shape({})).isRequired,j.a.string.isRequired,j.a.string.isRequired;var _=i(4),I=i.n(_);const D=I()(s.TcView).withConfig({displayName:"responsive__AuthorImageContainer",componentId:"ba1gpd-0"})(["border-radius:50%;height:100px;overflow:hidden;width:100px;@media (min-width:","px){height:118px;width:118px;}"],w.breakpoints.medium),F=I()(s.TcText).withConfig({displayName:"responsive__DatePublicationContainer",componentId:"ba1gpd-1"})(["",";flex-direction:row;flex-wrap:wrap;margin-top:",";@media (min-width:","px){margin-top:0;}"],e=>e.styles&&e.styles,Object(w.spacing)(3),w.breakpoints.medium),N=I()(s.TcView).withConfig({displayName:"responsive__FlagsContainer",componentId:"ba1gpd-2"})(["padding-top:",";padding-bottom:",";@media (min-width:","px){padding-top:0;}"],Object(w.spacing)(1),Object(w.spacing)(3),w.breakpoints.medium),L=I()(s.TcView).withConfig({displayName:"responsive__HeaderContainer",componentId:"ba1gpd-3"})(["order:2;z-index:1;@media (min-width:","px){width:80.8%;margin:0 auto ",";margin-left:auto;margin-right:auto;}@media (min-width:","px){width:56.2%;}"],w.breakpoints.medium,Object(w.spacing)(2),w.breakpoints.wide),A=I.a.h1.withConfig({displayName:"responsive__HeadlineContainer",componentId:"ba1gpd-4"})(["border:0px solid black;box-sizing:border-box;display:inline;font-family:sans-serif;margin:0px;padding:0px;white-space:pre-wrap;overflow-wrap:break-word;font-weight:400;",";@media (min-width:","px){font-size:","px;line-height:50px;margin-bottom:",";}"],e=>e.styles&&e.styles,w.breakpoints.medium,w.fontSizes.articleHeadline,Object(w.spacing)(1)),H=(I()(s.TcView).withConfig({displayName:"responsive__LabelContainer",componentId:"ba1gpd-5"})(["@media (min-width:","px){margin-top:0px;}"],w.breakpoints.wide),I()(s.TcView).withConfig({displayName:"responsive__Meta",componentId:"ba1gpd-6"})([""," max-width:100%;justify-content:center;@media (min-width:","px){margin-top:0;}"],e=>e.styles&&e.styles,w.breakpoints.medium)),B=I()(s.TcView).withConfig({displayName:"responsive__MetaContainer",componentId:"ba1gpd-7"})(["align-items:center;justify-content:center;@media (min-width:","px){flex-direction:row;flex-wrap:wrap;}"],w.breakpoints.medium),V=I()(s.TcView).withConfig({displayName:"responsive__Separator",componentId:"ba1gpd-8"})(["display:none;@media (min-width:","px){background-color:",";display:flex;height:",";margin:0 ",";width:1px;}"],w.breakpoints.medium,w.colours.functional.keyline,Object(w.spacing)(3),Object(w.spacing)(2)),M=I.a.h2.withConfig({displayName:"responsive__StandfirstContainer",componentId:"ba1gpd-9"})(["border:0px solid black;box-sizing:border-box;display:inline;margin:0px;padding:0px;white-space:pre-wrap;overflow-wrap:break-word;font-weight:400;",";@media (min-width:","px){font-size:","px;line-height:","px;margin-bottom:",";}@media (min-width:","px){margin-bottom:",";}"],e=>e.styles&&e.styles,w.breakpoints.medium,w.fontSizes.infoTitle,Object(w.lineHeight)({font:"bodyRegular",fontSize:"infoTitle"}),Object(w.spacing)(5),w.breakpoints.wide,Object(w.spacing)(4)),U=I.a.div.withConfig({displayName:"responsive__PuzzlesSidebar",componentId:"ba1gpd-10"})(["padding-left:",";position:absolute;right:0;z-index:1;top:100%;display:none;@media (min-width:","px){display:block;width:19.8333%;padding-right:",";}@media (min-width:","px){display:block;width:17.8333%;padding-right:",";}"],Object(w.spacing)(4),w.breakpoints.wide,Object(w.spacing)(8),w.breakpoints.huge,Object(w.spacing)(15));var W=e=>{let t=e.bylines,i=e.publicationName,o=e.publishedTime;return r.a.createElement(B,null,Object(S.hasBylineData)(t)&&r.a.createElement(n.Fragment,null,r.a.createElement(H,{styles:E.meta},r.a.createElement(S.ArticleBylineWithLinks,{ast:t})),r.a.createElement(V,null)),r.a.createElement(H,{styles:E.meta},r.a.createElement(F,{styles:Object(s.checkStylesForUnits)(E.datePublication)},r.a.createElement(R.a,{date:o,publication:i}))))};const G=e=>{let t=e.standfirst;return t?r.a.createElement(M,{role:"heading","aria-level":"2",styles:Object(s.checkStylesForUnits)(E.standFirst),testID:"standfirst"},t):null};G.defaultProps={standfirst:null};var K=G;j.a.string.isRequired,j.a.arrayOf(j.a.shape({})).isRequired,j.a.arrayOf(j.a.shape({expiryTime:j.a.string,type:j.a.string})),j.a.bool,j.a.string.isRequired,j.a.string,j.a.bool,j.a.string.isRequired,j.a.string.isRequired,j.a.bool,j.a.string,j.a.string;function Q(e,t){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),i.push.apply(i,n)}return i}function Y(e){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?Q(Object(i),!0).forEach((function(t){J(e,t,i[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):Q(Object(i)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))}))}return e}function J(e,t,i){return t in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}const X=e=>{let t=e.authorImage,i=e.bylines,n=e.flags,o=e.hasVideo,a=e.headline,c=e.label,d=e.publicationName,m=e.showAudioPlayer,b=e.publishedTime,g=e.standfirst,f=e.updatedTime;return r.a.createElement(L,{style:Y(Y({},E.header),E.container)},r.a.createElement(D,{style:E.authorImage},r.a.createElement(u.a,{aspectRatio:1,uri:t,accessibilityLabel:"author-image"})),r.a.createElement(z,{isVideo:o,label:c}),r.a.createElement(A,{role:"heading","aria-level":"1",styles:Object(s.checkStylesForUnits)(E.articleHeadline)},a),r.a.createElement(N,null,r.a.createElement(p.UpdatedTimeProvider,{updatedTime:f},r.a.createElement(p.ArticleFlags,{flags:n}))),r.a.createElement(K,{standfirst:g}),r.a.createElement(W,{bylines:i,publicationName:d,publishedTime:b}),r.a.createElement(l.TCThemeProvider,null,r.a.createElement(l.InArticleAudio,{showAudioPlayer:m,src:"",readyToPlayText:"Listen to article",playingText:"Playing",narrator:i?i[0].byline[0].children[0].attributes.value:"",headline:a,feedback:{requestFeedback:!0,feedbackMessage:"Want to listen to more articles? Give your feedback below or email",thankyouMessage:"Thank you for your feedback. We're always trying to give you the best possible experience – your feedback helps us do this."}})))};X.defaultProps={flags:[],hasVideo:!1,label:null,longRead:!1,standfirst:null,updatedTime:null};var Z=X;function $(e,t){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),i.push.apply(i,n)}return i}function ee(e){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?$(Object(i),!0).forEach((function(t){te(e,t,i[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):$(Object(i)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))}))}return e}function te(e,t,i){return t in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}ee(ee({},{analyticsStream:j.a.func.isRequired,article:j.a.shape({}),error:j.a.shape({graphQLErrors:j.a.array,message:j.a.string,networkError:j.a.shape({message:j.a.string})}),isLoading:j.a.bool,onImagePress:j.a.func,receiveChildList:j.a.func.isRequired,zephrDivs:j.a.bool,showAudioPlayer:j.a.bool}),{},{navigationMode:j.a.shape({}).isRequired,storefrontConfig:j.a.string.isRequired});const ie=ee({},{article:null,error:null,isLoading:!1,onImagePress:null,showAudioPlayer:!1});class ne extends n.Component{constructor(e){super(e),this.renderHeader=this.renderHeader.bind(this),this.state={initialPosition:0},this.sidebarRef=r.a.createRef(),this.handleScroll=this.handleScroll.bind(this)}componentDidMount(){window.addEventListener("scroll",this.handleScroll);const e=this.sidebarRef.current;if(e){const t=e.getBoundingClientRect();this.setState({initialPosition:t.top})}}componentWillUnmount(){window.removeEventListener("scroll",this.handleScroll)}handleScroll(){const e=this.sidebarRef.current;if(e){const t=e.getBoundingClientRect(),i=document.querySelector(".responsive__InlineAdWrapper-sc-4v1r4q-17"),n=document.getElementById("related-articles");let r=!1,o=!1;if(i){const e=i.getBoundingClientRect();r=e.top<=t.bottom&&e.bottom>=t.top}if(n){const e=n.getBoundingClientRect();o=e.top<=window.innerHeight&&e.bottom>=0}const a=this.state.initialPosition;if(r||o)e.style.transition="opacity 0.5s ease",e.style.opacity="0";else{const i=t.top<=0&&window.scrollY>a;e.style.transition="opacity 0.5s ease",e.style.opacity="1",e.style.position=i?"fixed":"absolute",e.style.top=i?"0":"100%"}}}renderHeader(){const e=this.props,t=e.article,i=e.showAudioPlayer,n=t.bylines,o=t.expirableFlags,a=t.hasVideo,p=t.headline,d=t.label,u=t.publicationName,m=t.publishedTime,b=t.shortHeadline,g=t.standfirst,f=t.updatedTime,h=n&&n.length>0&&n[0].image&&0!==Object.keys(n[0].image).length&&n[0].image.crop?n[0].image.crop.url:null;return r.a.createElement(r.a.Fragment,null,r.a.createElement(Z,{authorImage:h,bylines:n,flags:o,hasVideo:a,headline:Object(s.getHeadline)(p,b),label:d,publicationName:u,publishedTime:m,standfirst:g,updatedTime:f,showAudioPlayer:i}),r.a.createElement(c.NewsKitProvider,{theme:l.PuzzlesWebLightTheme},r.a.createElement(U,{ref:this.sidebarRef},r.a.createElement(l.ArticleSidebar,{pageLink:"https://www.thetimes.co.uk/puzzles",sectionTitle:"Puzzles",data:[{title:"Crossword",url:"https://www.thetimes.co.uk/puzzles/crossword",imgUrl:"https://www.thetimes.co.uk/imageserver/image/%2Fpuzzles%2Ficons%2F33b27655-dcc9-421f-906f-b2b10dd26865.png?crop=1250%2C833%2C0%2C0&resize=500"},{title:"Polygon",url:"https://www.thetimes.co.uk/puzzles/word-puzzles",imgUrl:"https://www.thetimes.co.uk/imageserver/image/%2Fpuzzles%2Ficons%2F33b27655-dcc9-421f-906f-b2b10dd26865.png?crop=1250%2C833%2C0%2C0&resize=500"},{title:"Sudoku",url:"https://www.thetimes.co.uk/puzzles/sudoku",imgUrl:"https://www.thetimes.co.uk/imageserver/image/%2Fpuzzles%2Ficons%2F33b27655-dcc9-421f-906f-b2b10dd26865.png?crop=1250%2C833%2C0%2C0&resize=500"}]}))))}render(){const e=this.props,t=e.article,i=e.analyticsStream,n=e.error,o=e.isLoading,s=e.logoUrl,l=e.navigationMode,c=e.receiveChildList,p=e.commentingConfig,d=e.paidContentClassName,u=e.isPreview,m=e.showAudioPlayer,b=e.swgProductId,g=e.zephrDivs,f=e.storefrontConfig;return n||o?null:r.a.createElement(a.a,{analyticsStream:i,data:t,Header:this.renderHeader,logoUrl:s,receiveChildList:c,navigationMode:l,commentingConfig:p,paidContentClassName:d,isPreview:u,swgProductId:b,zephrDivs:g,showAudioPlayer:m,storefrontConfig:f})}}ne.defaultProps=ie;t.default=ne}]);
+module.exports=function(e){var t={};function n(r){if(t[r])return t[r].exports;var i=t[r]={i:r,l:!1,exports:{}};return e[r].call(i.exports,i,i.exports,n),i.l=!0,i.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var i in e)n.d(r,i,function(t){return e[t]}.bind(null,i));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=13)}([function(e,t){e.exports=require("@times-components/ts-styleguide/rnw")},function(e,t){e.exports=require("prop-types")},function(e,t){e.exports=require("react")},function(e,t){e.exports=require("@times-components/utils/rnw")},function(e,t){e.exports=require("styled-components")},function(e,t){e.exports=require("@times-components/ts-components/rnw")},function(e,t){e.exports=require("@times-components/article-byline/rnw")},function(e,t){e.exports=require("@times-components/article-skeleton/rnw")},function(e,t){e.exports=require("@times-components/image/rnw")},function(e,t){e.exports=require("@times-components/article-label/rnw")},function(e,t){e.exports=require("@times-components/video-label/rnw")},function(e,t){e.exports=require("@times-components/context/rnw")},function(e,t){e.exports=require("@times-components/date-publication/rnw")},function(e,t,n){"use strict";n.r(t);var r=n(2),i=n.n(r),a=n(7),o=n.n(a),s=n(3),c=n(5),l=n(8),p=n.n(l),d=n(9),u=n.n(d),m=n(10),b=n.n(m),g=n(11),f=n.n(g),h=n(0),y=n(1),O=n.n(y);O.a.bool,O.a.string;function w(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function j(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?w(Object(n),!0).forEach((function(t){x(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):w(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function x(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function v(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function P(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var C=function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?v(Object(n),!0).forEach((function(t){P(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):v(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},{articleHeadline:j(j({},Object(h.fontFactory)({font:"headline",fontSize:"headline"})),{},{color:h.colours.functional.brandColour,marginBottom:Object(h.spacing)(2),textAlign:"center"}),articleHeadlineTablet:j({},Object(h.fontFactory)({font:"headline",fontSize:"articleHeadline"})),authorImage:{marginBottom:Object(h.spacing)(5)},container:{alignItems:"center",paddingLeft:Object(h.spacing)(2),paddingRight:Object(h.spacing)(2)},datePublication:j(j({},Object(h.fontFactory)({font:"supporting",fontSize:"cardMeta"})),{},{color:h.colours.functional.secondary,marginTop:Object(h.spacing)(1)}),datePublicationTablet:{marginTop:"auto"},header:{marginBottom:Object(h.spacing)(3),paddingBottom:Object(h.spacing)(4),paddingTop:Object(h.spacing)(7)},label:{marginBottom:Object(h.spacing)(2)},meta:{flexDirection:"row",flexWrap:"wrap"},metaContainer:{alignItems:"center",width:"100%",paddingTop:Object(h.spacing)(2),paddingBottom:Object(h.spacing)(2),borderBottomColor:h.colours.functional.keyline,borderBottomWidth:1,borderTopColor:h.colours.functional.keyline,borderTopWidth:1},metaContainerTablet:{flexDirection:"row",justifyContent:"center"},separator:{borderRightColor:h.colours.functional.keyline,borderRightWidth:1,height:Object(h.spacing)(3),marginLeft:Object(h.spacing)(2),marginRight:Object(h.spacing)(2)},standFirst:j(j({},Object(h.fontFactory)({font:"headlineRegular",fontSize:"smallestHeadline"})),{},{color:h.colours.functional.primary,marginBottom:Object(h.spacing)(3),paddingLeft:Object(h.spacing)(2),paddingRight:Object(h.spacing)(2),textAlign:"center"})});const T=e=>{let t=e.isVideo,n=e.label;if(!t&&!n)return null;const r=t?b.a:u.a;return i.a.createElement(f.a.Consumer,null,e=>{let t=e.theme.sectionColour;return i.a.createElement(s.TcView,{style:C.label},i.a.createElement(r,{color:t||h.colours.section.default,title:n}))})};T.defaultProps={isVideo:!1,label:null};var E=T,k=n(6),S=n(12),_=n.n(S);O.a.arrayOf(O.a.shape({})).isRequired,O.a.string.isRequired,O.a.string.isRequired;var q=n(4),D=n.n(q);const I=D()(s.TcView).withConfig({displayName:"responsive__AuthorImageContainer",componentId:"ba1gpd-0"})(["border-radius:50%;height:100px;overflow:hidden;width:100px;@media (min-width:","px){height:118px;width:118px;}"],h.breakpoints.medium),R=D()(s.TcText).withConfig({displayName:"responsive__DatePublicationContainer",componentId:"ba1gpd-1"})(["",";flex-direction:row;flex-wrap:wrap;margin-top:",";@media (min-width:","px){margin-top:0;}"],e=>e.styles&&e.styles,Object(h.spacing)(3),h.breakpoints.medium),N=D()(s.TcView).withConfig({displayName:"responsive__FlagsContainer",componentId:"ba1gpd-2"})(["padding-top:",";padding-bottom:",";@media (min-width:","px){padding-top:0;}"],Object(h.spacing)(1),Object(h.spacing)(3),h.breakpoints.medium),H=D()(s.TcView).withConfig({displayName:"responsive__HeaderContainer",componentId:"ba1gpd-3"})(["order:2;z-index:1;@media (min-width:","px){width:80.8%;margin:0 auto ",";margin-left:auto;margin-right:auto;}@media (min-width:","px){width:56.2%;}"],h.breakpoints.medium,Object(h.spacing)(2),h.breakpoints.wide),z=D.a.h1.withConfig({displayName:"responsive__HeadlineContainer",componentId:"ba1gpd-4"})(["border:0px solid black;box-sizing:border-box;display:inline;font-family:sans-serif;margin:0px;padding:0px;white-space:pre-wrap;overflow-wrap:break-word;font-weight:400;",";@media (min-width:","px){font-size:","px;line-height:50px;margin-bottom:",";}"],e=>e.styles&&e.styles,h.breakpoints.medium,h.fontSizes.articleHeadline,Object(h.spacing)(1)),V=(D()(s.TcView).withConfig({displayName:"responsive__LabelContainer",componentId:"ba1gpd-5"})(["@media (min-width:","px){margin-top:0px;}"],h.breakpoints.wide),D()(s.TcView).withConfig({displayName:"responsive__Meta",componentId:"ba1gpd-6"})([""," max-width:100%;justify-content:center;@media (min-width:","px){margin-top:0;}"],e=>e.styles&&e.styles,h.breakpoints.medium)),F=D()(s.TcView).withConfig({displayName:"responsive__MetaContainer",componentId:"ba1gpd-7"})(["align-items:center;justify-content:center;@media (min-width:","px){flex-direction:row;flex-wrap:wrap;}"],h.breakpoints.medium),L=D()(s.TcView).withConfig({displayName:"responsive__Separator",componentId:"ba1gpd-8"})(["display:none;@media (min-width:","px){background-color:",";display:flex;height:",";margin:0 ",";width:1px;}"],h.breakpoints.medium,h.colours.functional.keyline,Object(h.spacing)(3),Object(h.spacing)(2)),B=D.a.h2.withConfig({displayName:"responsive__StandfirstContainer",componentId:"ba1gpd-9"})(["border:0px solid black;box-sizing:border-box;display:inline;margin:0px;padding:0px;white-space:pre-wrap;overflow-wrap:break-word;font-weight:400;",";@media (min-width:","px){font-size:","px;line-height:","px;margin-bottom:",";}@media (min-width:","px){margin-bottom:",";}"],e=>e.styles&&e.styles,h.breakpoints.medium,h.fontSizes.infoTitle,Object(h.lineHeight)({font:"bodyRegular",fontSize:"infoTitle"}),Object(h.spacing)(5),h.breakpoints.wide,Object(h.spacing)(4));var M=e=>{let t=e.bylines,n=e.publicationName,a=e.publishedTime;return i.a.createElement(F,null,Object(k.hasBylineData)(t)&&i.a.createElement(r.Fragment,null,i.a.createElement(V,{styles:C.meta},i.a.createElement(k.ArticleBylineWithLinks,{ast:t})),i.a.createElement(L,null)),i.a.createElement(V,{styles:C.meta},i.a.createElement(R,{styles:Object(s.checkStylesForUnits)(C.datePublication)},i.a.createElement(_.a,{date:a,publication:n}))))};const U=e=>{let t=e.standfirst;return t?i.a.createElement(B,{role:"heading","aria-level":"2",styles:Object(s.checkStylesForUnits)(C.standFirst),testID:"standfirst"},t):null};U.defaultProps={standfirst:null};var A=U;O.a.string.isRequired,O.a.arrayOf(O.a.shape({})).isRequired,O.a.arrayOf(O.a.shape({expiryTime:O.a.string,type:O.a.string})),O.a.bool,O.a.string.isRequired,O.a.string,O.a.bool,O.a.string.isRequired,O.a.string.isRequired,O.a.string,O.a.string;function W(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Q(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?W(Object(n),!0).forEach((function(t){G(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):W(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function G(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const J=e=>{let t=e.authorImage,n=e.bylines,r=e.flags,a=e.hasVideo,o=e.headline,l=e.label,d=e.publicationName,u=e.publishedTime,m=e.standfirst,b=e.updatedTime;return i.a.createElement(H,{style:Q(Q({},C.header),C.container)},i.a.createElement(I,{style:C.authorImage},i.a.createElement(p.a,{aspectRatio:1,uri:t,accessibilityLabel:"author-image"})),i.a.createElement(E,{isVideo:a,label:l}),i.a.createElement(z,{role:"heading","aria-level":"1",styles:Object(s.checkStylesForUnits)(C.articleHeadline)},o),i.a.createElement(N,null,i.a.createElement(c.UpdatedTimeProvider,{updatedTime:b},i.a.createElement(c.ArticleFlags,{flags:r}))),i.a.createElement(A,{standfirst:m}),i.a.createElement(M,{bylines:n,publicationName:d,publishedTime:u}))};J.defaultProps={flags:[],hasVideo:!1,label:null,longRead:!1,standfirst:null,updatedTime:null};var K=J;function X(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Y(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?X(Object(n),!0).forEach((function(t){Z(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):X(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function Z(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}Y(Y({},{analyticsStream:O.a.func.isRequired,article:O.a.shape({}),error:O.a.shape({graphQLErrors:O.a.array,message:O.a.string,networkError:O.a.shape({message:O.a.string})}),isLoading:O.a.bool,onImagePress:O.a.func,receiveChildList:O.a.func.isRequired,zephrDivs:O.a.bool}),{},{navigationMode:O.a.shape({}).isRequired,storefrontConfig:O.a.string.isRequired});const $=Y({},{article:null,error:null,isLoading:!1,onImagePress:null});class ee extends r.Component{constructor(e){super(e),this.renderHeader=this.renderHeader.bind(this)}renderHeader(){const e=this.props.article,t=e.bylines,n=e.expirableFlags,r=e.hasVideo,a=e.headline,o=e.label,c=e.publicationName,l=e.publishedTime,p=e.shortHeadline,d=e.standfirst,u=e.updatedTime,m=t&&t.length>0&&t[0].image&&0!==Object.keys(t[0].image).length&&t[0].image.crop?t[0].image.crop.url:null;return i.a.createElement(K,{authorImage:m,bylines:t,flags:n,hasVideo:r,headline:Object(s.getHeadline)(a,p),label:o,publicationName:c,publishedTime:l,standfirst:d,updatedTime:u})}render(){const e=this.props,t=e.article,n=e.analyticsStream,r=e.error,a=e.isLoading,s=e.logoUrl,c=e.navigationMode,l=e.receiveChildList,p=e.commentingConfig,d=e.paidContentClassName,u=e.isPreview,m=e.swgProductId,b=e.zephrDivs,g=e.storefrontConfig;return r||a?null:i.a.createElement(o.a,{analyticsStream:n,data:t,Header:this.renderHeader,logoUrl:s,receiveChildList:l,navigationMode:c,commentingConfig:p,paidContentClassName:d,isPreview:u,swgProductId:m,zephrDivs:b,storefrontConfig:g})}}ee.defaultProps=$;t.default=ee}]);