@times-components/article-main-comment 2.52.29 → 2.53.1

package/CHANGELOG.md

@@ -3,6 +3,33 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [2.53.1](https://github.com/newsuk/times-components/compare/@times-components/article-main-comment@2.53.0...@times-components/article-main-comment@2.53.1) (2022-08-20)
+
+**Note:** Version bump only for package @times-components/article-main-comment
+
+
+
+
+
+# [2.53.0](https://github.com/newsuk/times-components/compare/@times-components/article-main-comment@2.52.30...@times-components/article-main-comment@2.53.0) (2022-08-18)
+
+
+### Features
+
+* **TDP-1712:** remove react-native foreverrrrr ([#3064](https://github.com/newsuk/times-components/issues/3064)) ([2a20cb5](https://github.com/newsuk/times-components/commit/2a20cb5abc10a4e7ca2d62487967f8fcf4eccb62)), closes [#3037](https://github.com/newsuk/times-components/issues/3037) [#3045](https://github.com/newsuk/times-components/issues/3045) [#3050](https://github.com/newsuk/times-components/issues/3050) [#3056](https://github.com/newsuk/times-components/issues/3056) [#3057](https://github.com/newsuk/times-components/issues/3057) [#3066](https://github.com/newsuk/times-components/issues/3066) [#3065](https://github.com/newsuk/times-components/issues/3065) [#3037](https://github.com/newsuk/times-components/issues/3037) [#3045](https://github.com/newsuk/times-components/issues/3045) [#3045](https://github.com/newsuk/times-components/issues/3045) [#3056](https://github.com/newsuk/times-components/issues/3056) [#3066](https://github.com/newsuk/times-components/issues/3066) [#3069](https://github.com/newsuk/times-components/issues/3069) [#3068](https://github.com/newsuk/times-components/issues/3068) [#3070](https://github.com/newsuk/times-components/issues/3070) [#3072](https://github.com/newsuk/times-components/issues/3072) [#3073](https://github.com/newsuk/times-components/issues/3073) [#3071](https://github.com/newsuk/times-components/issues/3071) [#3074](https://github.com/newsuk/times-components/issues/3074) [#3076](https://github.com/newsuk/times-components/issues/3076) [#3079](https://github.com/newsuk/times-components/issues/3079) [#3078](https://github.com/newsuk/times-components/issues/3078) [#3083](https://github.com/newsuk/times-components/issues/3083) [#3087](https://github.com/newsuk/times-components/issues/3087) [#3091](https://github.com/newsuk/times-components/issues/3091) [#3096](https://github.com/newsuk/times-components/issues/3096) [#3102](https://github.com/newsuk/times-components/issues/3102) [#3105](https://github.com/newsuk/times-components/issues/3105) [#3108](https://github.com/newsuk/times-components/issues/3108) [#3111](https://github.com/newsuk/times-components/issues/3111) [#3112](https://github.com/newsuk/times-components/issues/3112) [#3113](https://github.com/newsuk/times-components/issues/3113) [#3114](https://github.com/newsuk/times-components/issues/3114) [#3120](https://github.com/newsuk/times-components/issues/3120) [#3119](https://github.com/newsuk/times-components/issues/3119) [#3112](https://github.com/newsuk/times-components/issues/3112) [#3126](https://github.com/newsuk/times-components/issues/3126) [#3112](https://github.com/newsuk/times-components/issues/3112) [#3126](https://github.com/newsuk/times-components/issues/3126) [#3127](https://github.com/newsuk/times-components/issues/3127) [#3116](https://github.com/newsuk/times-components/issues/3116) [#3128](https://github.com/newsuk/times-components/issues/3128) [#3132](https://github.com/newsuk/times-components/issues/3132) [#3133](https://github.com/newsuk/times-components/issues/3133)
+
+
+
+
+
+## [2.52.30](https://github.com/newsuk/times-components/compare/@times-components/article-main-comment@2.52.29...@times-components/article-main-comment@2.52.30) (2022-08-15)
+
+**Note:** Version bump only for package @times-components/article-main-comment
+
+
+
+
+
 ## [2.52.29](https://github.com/newsuk/times-components/compare/@times-components/article-main-comment@2.52.28...@times-components/article-main-comment@2.52.29) (2022-08-12)
 
 **Note:** Version bump only for package @times-components/article-main-comment

package/babel.config.js

@@ -3,8 +3,19 @@ module.exports = api => {
   return {
     plugins: [
       "babel-plugin-styled-components",
-      "@babel/plugin-transform-react-display-name"
+      "@babel/plugin-proposal-export-default-from"
     ],
-    presets: ["module:metro-react-native-babel-preset"]
+    presets: [
+      [
+        "@babel/preset-env",
+        {
+          targets: {
+            esmodules: true
+          }
+        }
+      ],
+      "@babel/preset-react",
+      "@babel/preset-typescript"
+    ]
   };
 };

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

@@ -1 +1,37 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.articleHeaderDefaultProps=exports.articleHeaderPropTypes=void 0;var _propTypes=_interopRequireDefault(require("prop-types"));var articleHeaderPropTypes={authorImage:_propTypes.default.string.isRequired,bylines:_propTypes.default.arrayOf(_propTypes.default.shape({})).isRequired,flags:_propTypes.default.arrayOf(_propTypes.default.shape({expiryTime:_propTypes.default.string,type:_propTypes.default.string})),hasVideo:_propTypes.default.bool,headline:_propTypes.default.string.isRequired,label:_propTypes.default.string,longRead:_propTypes.default.bool,publicationName:_propTypes.default.string.isRequired,publishedTime:_propTypes.default.string.isRequired,standfirst:_propTypes.default.string,updatedTime:_propTypes.default.string};exports.articleHeaderPropTypes=articleHeaderPropTypes;var articleHeaderDefaultProps={flags:[],hasVideo:false,label:null,longRead:false,standfirst:null,updatedTime:null};exports.articleHeaderDefaultProps=articleHeaderDefaultProps;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.articleHeaderDefaultProps = exports.articleHeaderPropTypes = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const articleHeaderPropTypes = {
+  authorImage: _propTypes.default.string.isRequired,
+  bylines: _propTypes.default.arrayOf(_propTypes.default.shape({})).isRequired,
+  flags: _propTypes.default.arrayOf(_propTypes.default.shape({
+    expiryTime: _propTypes.default.string,
+    type: _propTypes.default.string
+  })),
+  hasVideo: _propTypes.default.bool,
+  headline: _propTypes.default.string.isRequired,
+  label: _propTypes.default.string,
+  longRead: _propTypes.default.bool,
+  publicationName: _propTypes.default.string.isRequired,
+  publishedTime: _propTypes.default.string.isRequired,
+  standfirst: _propTypes.default.string,
+  updatedTime: _propTypes.default.string
+};
+exports.articleHeaderPropTypes = articleHeaderPropTypes;
+const articleHeaderDefaultProps = {
+  flags: [],
+  hasVideo: false,
+  label: null,
+  longRead: false,
+  standfirst: null,
+  updatedTime: null
+};
+exports.articleHeaderDefaultProps = articleHeaderDefaultProps;

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

@@ -1 +1,78 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _react=_interopRequireDefault(require("react"));var _tsComponents=require("@times-components/ts-components");var _image=_interopRequireDefault(require("@times-components/image"));var _utils=require("@times-components/utils");var _articleLabel=_interopRequireDefault(require("../article-label/article-label"));var _articleMeta=_interopRequireDefault(require("../article-meta/article-meta"));var _articleStandfirst=_interopRequireDefault(require("../article-standfirst/article-standfirst"));var _articleHeaderPropTypes=require("./article-header-prop-types");var _styles=_interopRequireDefault(require("../styles"));var _responsive=require("../styles/responsive");var _jsxFileName="/home/circleci/project/packages/article-main-comment/src/article-header/article-header.js";function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys(Object(source),true).forEach(function(key){(0,_defineProperty2.default)(target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var ArticleHeader=function ArticleHeader(_ref){var authorImage=_ref.authorImage,bylines=_ref.bylines,flags=_ref.flags,hasVideo=_ref.hasVideo,headline=_ref.headline,label=_ref.label,publicationName=_ref.publicationName,publishedTime=_ref.publishedTime,standfirst=_ref.standfirst,updatedTime=_ref.updatedTime;return _react.default.createElement(_responsive.HeaderContainer,{style:_objectSpread(_objectSpread({},_styles.default.header),_styles.default.container),__source:{fileName:_jsxFileName,lineNumber:37,columnNumber:3}},_react.default.createElement(_responsive.AuthorImageContainer,{style:_styles.default.authorImage,__source:{fileName:_jsxFileName,lineNumber:38,columnNumber:5}},_react.default.createElement(_image.default,{aspectRatio:1,uri:authorImage,accessibilityLabel:"author-image",__source:{fileName:_jsxFileName,lineNumber:39,columnNumber:7}})),_react.default.createElement(_articleLabel.default,{isVideo:hasVideo,label:label,__source:{fileName:_jsxFileName,lineNumber:45,columnNumber:5}}),_react.default.createElement(_responsive.HeadlineContainer,{role:"heading","aria-level":"1",styles:(0,_utils.checkStylesForUnits)(_styles.default.articleHeadline),__source:{fileName:_jsxFileName,lineNumber:46,columnNumber:5}},headline),_react.default.createElement(_responsive.FlagsContainer,{__source:{fileName:_jsxFileName,lineNumber:53,columnNumber:5}},_react.default.createElement(_tsComponents.UpdatedTimeProvider,{updatedTime:updatedTime,__source:{fileName:_jsxFileName,lineNumber:54,columnNumber:7}},_react.default.createElement(_tsComponents.ArticleFlags,{flags:flags,__source:{fileName:_jsxFileName,lineNumber:55,columnNumber:9}}))),_react.default.createElement(_articleStandfirst.default,{standfirst:standfirst,__source:{fileName:_jsxFileName,lineNumber:58,columnNumber:5}}),_react.default.createElement(_articleMeta.default,{bylines:bylines,publicationName:publicationName,publishedTime:publishedTime,__source:{fileName:_jsxFileName,lineNumber:59,columnNumber:5}}));};ArticleHeader.propTypes=_articleHeaderPropTypes.articleHeaderPropTypes;ArticleHeader.defaultProps=_articleHeaderPropTypes.articleHeaderDefaultProps;var _default=ArticleHeader;exports.default=_default;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _tsComponents = require("@times-components/ts-components");
+
+var _image = _interopRequireDefault(require("@times-components/image"));
+
+var _utils = require("@times-components/utils");
+
+var _articleLabel = _interopRequireDefault(require("../article-label/article-label"));
+
+var _articleMeta = _interopRequireDefault(require("../article-meta/article-meta"));
+
+var _articleStandfirst = _interopRequireDefault(require("../article-standfirst/article-standfirst"));
+
+var _articleHeaderPropTypes = require("./article-header-prop-types");
+
+var _styles = _interopRequireDefault(require("../styles"));
+
+var _responsive = require("../styles/responsive");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+const ArticleHeader = _ref => {
+  let authorImage = _ref.authorImage,
+      bylines = _ref.bylines,
+      flags = _ref.flags,
+      hasVideo = _ref.hasVideo,
+      headline = _ref.headline,
+      label = _ref.label,
+      publicationName = _ref.publicationName,
+      publishedTime = _ref.publishedTime,
+      standfirst = _ref.standfirst,
+      updatedTime = _ref.updatedTime;
+  return /*#__PURE__*/_react.default.createElement(_responsive.HeaderContainer, {
+    style: _objectSpread(_objectSpread({}, _styles.default.header), _styles.default.container)
+  }, /*#__PURE__*/_react.default.createElement(_responsive.AuthorImageContainer, {
+    style: _styles.default.authorImage
+  }, /*#__PURE__*/_react.default.createElement(_image.default, {
+    aspectRatio: 1,
+    uri: authorImage,
+    accessibilityLabel: "author-image"
+  })), /*#__PURE__*/_react.default.createElement(_articleLabel.default, {
+    isVideo: hasVideo,
+    label: label
+  }), /*#__PURE__*/_react.default.createElement(_responsive.HeadlineContainer, {
+    role: "heading",
+    "aria-level": "1",
+    styles: (0, _utils.checkStylesForUnits)(_styles.default.articleHeadline)
+  }, headline), /*#__PURE__*/_react.default.createElement(_responsive.FlagsContainer, null, /*#__PURE__*/_react.default.createElement(_tsComponents.UpdatedTimeProvider, {
+    updatedTime: updatedTime
+  }, /*#__PURE__*/_react.default.createElement(_tsComponents.ArticleFlags, {
+    flags: flags
+  }))), /*#__PURE__*/_react.default.createElement(_articleStandfirst.default, {
+    standfirst: standfirst
+  }), /*#__PURE__*/_react.default.createElement(_articleMeta.default, {
+    bylines: bylines,
+    publicationName: publicationName,
+    publishedTime: publishedTime
+  }));
+};
+
+ArticleHeader.propTypes = _articleHeaderPropTypes.articleHeaderPropTypes;
+ArticleHeader.defaultProps = _articleHeaderPropTypes.articleHeaderDefaultProps;
+var _default = ArticleHeader;
+exports.default = _default;

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

@@ -1 +1,21 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.articleLabelDefaultProps=exports.articleLabelPropTypes=void 0;var _propTypes=_interopRequireDefault(require("prop-types"));var articleLabelPropTypes={isVideo:_propTypes.default.bool,label:_propTypes.default.string};exports.articleLabelPropTypes=articleLabelPropTypes;var articleLabelDefaultProps={isVideo:false,label:null};exports.articleLabelDefaultProps=articleLabelDefaultProps;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.articleLabelDefaultProps = exports.articleLabelPropTypes = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const articleLabelPropTypes = {
+  isVideo: _propTypes.default.bool,
+  label: _propTypes.default.string
+};
+exports.articleLabelPropTypes = articleLabelPropTypes;
+const articleLabelDefaultProps = {
+  isVideo: false,
+  label: null
+};
+exports.articleLabelDefaultProps = articleLabelDefaultProps;

package/dist/article-label/article-label.js

@@ -1 +1,45 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _react=_interopRequireDefault(require("react"));var _utils=require("@times-components/utils");var _articleLabel=_interopRequireDefault(require("@times-components/article-label"));var _videoLabel=_interopRequireDefault(require("@times-components/video-label"));var _context=_interopRequireDefault(require("@times-components/context"));var _tsStyleguide=require("@times-components/ts-styleguide");var _articleLabelPropTypes=require("./article-label-prop-types");var _styles=_interopRequireDefault(require("../styles"));var _jsxFileName="/home/circleci/project/packages/article-main-comment/src/article-label/article-label.js";var HeaderLabel=function HeaderLabel(_ref){var isVideo=_ref.isVideo,label=_ref.label;if(!isVideo&&!label)return null;var Label=isVideo?_videoLabel.default:_articleLabel.default;return _react.default.createElement(_context.default.Consumer,{__source:{fileName:_jsxFileName,lineNumber:20,columnNumber:5}},function(_ref2){var sectionColour=_ref2.theme.sectionColour;return _react.default.createElement(_utils.TcView,{style:_styles.default.label,__source:{fileName:_jsxFileName,lineNumber:22,columnNumber:9}},_react.default.createElement(Label,{color:sectionColour||_tsStyleguide.colours.section.default,title:label,__source:{fileName:_jsxFileName,lineNumber:23,columnNumber:11}}));});};HeaderLabel.propTypes=_articleLabelPropTypes.articleLabelPropTypes;HeaderLabel.defaultProps=_articleLabelPropTypes.articleLabelDefaultProps;var _default=HeaderLabel;exports.default=_default;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _utils = require("@times-components/utils");
+
+var _articleLabel = _interopRequireDefault(require("@times-components/article-label"));
+
+var _videoLabel = _interopRequireDefault(require("@times-components/video-label"));
+
+var _context = _interopRequireDefault(require("@times-components/context"));
+
+var _tsStyleguide = require("@times-components/ts-styleguide");
+
+var _articleLabelPropTypes = require("./article-label-prop-types");
+
+var _styles = _interopRequireDefault(require("../styles"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const HeaderLabel = _ref => {
+  let isVideo = _ref.isVideo,
+      label = _ref.label;
+  if (!isVideo && !label) return null;
+  const Label = isVideo ? _videoLabel.default : _articleLabel.default;
+  return /*#__PURE__*/_react.default.createElement(_context.default.Consumer, null, _ref2 => {
+    let sectionColour = _ref2.theme.sectionColour;
+    return /*#__PURE__*/_react.default.createElement(_utils.TcView, {
+      style: _styles.default.label
+    }, /*#__PURE__*/_react.default.createElement(Label, {
+      color: sectionColour || _tsStyleguide.colours.section.default,
+      title: label
+    }));
+  });
+};
+
+HeaderLabel.propTypes = _articleLabelPropTypes.articleLabelPropTypes;
+HeaderLabel.defaultProps = _articleLabelPropTypes.articleLabelDefaultProps;
+var _default = HeaderLabel;
+exports.default = _default;

package/dist/article-main-comment.js

@@ -1 +1,104 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _assertThisInitialized2=_interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));var _inherits2=_interopRequireDefault(require("@babel/runtime/helpers/inherits"));var _possibleConstructorReturn2=_interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));var _getPrototypeOf2=_interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));var _react=_interopRequireWildcard(require("react"));var _articleSkeleton=_interopRequireDefault(require("@times-components/article-skeleton"));var _utils=require("@times-components/utils");var _articleHeader=_interopRequireDefault(require("./article-header/article-header"));var _articlePropTypes=require("./article-prop-types/article-prop-types");var _jsxFileName="/home/circleci/project/packages/article-main-comment/src/article-main-comment.js";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);}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj;}if(obj===null||typeof obj!=="object"&&typeof obj!=="function"){return{default:obj};}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj);}var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc);}else{newObj[key]=obj[key];}}}newObj.default=obj;if(cache){cache.set(obj,newObj);}return newObj;}function _createSuper(Derived){var hasNativeReflectConstruct=_isNativeReflectConstruct();return function _createSuperInternal(){var Super=(0,_getPrototypeOf2.default)(Derived),result;if(hasNativeReflectConstruct){var NewTarget=(0,_getPrototypeOf2.default)(this).constructor;result=Reflect.construct(Super,arguments,NewTarget);}else{result=Super.apply(this,arguments);}return(0,_possibleConstructorReturn2.default)(this,result);};}function _isNativeReflectConstruct(){if(typeof Reflect==="undefined"||!Reflect.construct)return false;if(Reflect.construct.sham)return false;if(typeof Proxy==="function")return true;try{Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));return true;}catch(e){return false;}}var ArticlePage=function(_Component){(0,_inherits2.default)(ArticlePage,_Component);var _super=_createSuper(ArticlePage);function ArticlePage(props){var _this;(0,_classCallCheck2.default)(this,ArticlePage);_this=_super.call(this,props);_this.renderHeader=_this.renderHeader.bind((0,_assertThisInitialized2.default)(_this));return _this;}(0,_createClass2.default)(ArticlePage,[{key:"renderHeader",value:function renderHeader(){var article=this.props.article;var bylines=article.bylines,expirableFlags=article.expirableFlags,hasVideo=article.hasVideo,headline=article.headline,label=article.label,publicationName=article.publicationName,publishedTime=article.publishedTime,shortHeadline=article.shortHeadline,standfirst=article.standfirst,updatedTime=article.updatedTime;var 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 _react.default.createElement(_articleHeader.default,{authorImage:authorImage,bylines:bylines,flags:expirableFlags,hasVideo:hasVideo,headline:(0,_utils.getHeadline)(headline,shortHeadline),label:label,publicationName:publicationName,publishedTime:publishedTime,standfirst:standfirst,updatedTime:updatedTime,__source:{fileName:_jsxFileName,lineNumber:41,columnNumber:7}});}},{key:"render",value:function render(){var _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,additionalRelatedArticlesFlag=_this$props.additionalRelatedArticlesFlag,algoliaSearchKeys=_this$props.algoliaSearchKeys,latestFromSectionFlag=_this$props.latestFromSectionFlag,latestFromSection=_this$props.latestFromSection,olympicsKeys=_this$props.olympicsKeys;if(error||isLoading){return null;}return _react.default.createElement(_articleSkeleton.default,{analyticsStream:analyticsStream,data:article,Header:this.renderHeader,logoUrl:logoUrl,receiveChildList:receiveChildList,navigationMode:navigationMode,commentingConfig:commentingConfig,paidContentClassName:paidContentClassName,isPreview:isPreview,swgProductId:swgProductId,additionalRelatedArticlesFlag:additionalRelatedArticlesFlag,algoliaSearchKeys:algoliaSearchKeys,latestFromSectionFlag:latestFromSectionFlag,latestFromSection:latestFromSection,olympicsKeys:olympicsKeys,__source:{fileName:_jsxFileName,lineNumber:81,columnNumber:7}});}}]);return ArticlePage;}(_react.Component);ArticlePage.propTypes=_articlePropTypes.articlePropTypes;ArticlePage.defaultProps=_articlePropTypes.articleDefaultProps;var _default=ArticlePage;exports.default=_default;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _articleSkeleton = _interopRequireDefault(require("@times-components/article-skeleton"));
+
+var _utils = require("@times-components/utils");
+
+var _articleHeader = _interopRequireDefault(require("./article-header/article-header"));
+
+var _articlePropTypes = require("./article-prop-types/article-prop-types");
+
+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); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+class ArticlePage extends _react.Component {
+  constructor(props) {
+    super(props);
+    this.renderHeader = this.renderHeader.bind(this);
+  }
+
+  renderHeader() {
+    const article = this.props.article;
+    const bylines = article.bylines,
+          expirableFlags = article.expirableFlags,
+          hasVideo = article.hasVideo,
+          headline = article.headline,
+          label = article.label,
+          publicationName = article.publicationName,
+          publishedTime = article.publishedTime,
+          shortHeadline = article.shortHeadline,
+          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(_articleHeader.default, {
+      authorImage: authorImage,
+      bylines: bylines,
+      flags: expirableFlags,
+      hasVideo: hasVideo,
+      headline: (0, _utils.getHeadline)(headline, shortHeadline),
+      label: label,
+      publicationName: publicationName,
+      publishedTime: publishedTime,
+      standfirst: standfirst,
+      updatedTime: updatedTime
+    });
+  }
+
+  render() {
+    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,
+          additionalRelatedArticlesFlag = _this$props.additionalRelatedArticlesFlag,
+          algoliaSearchKeys = _this$props.algoliaSearchKeys,
+          latestFromSectionFlag = _this$props.latestFromSectionFlag,
+          latestFromSection = _this$props.latestFromSection,
+          olympicsKeys = _this$props.olympicsKeys;
+
+    if (error || isLoading) {
+      return null;
+    }
+
+    return /*#__PURE__*/_react.default.createElement(_articleSkeleton.default, {
+      analyticsStream: analyticsStream,
+      data: article,
+      Header: this.renderHeader,
+      logoUrl: logoUrl,
+      receiveChildList: receiveChildList,
+      navigationMode: navigationMode,
+      commentingConfig: commentingConfig,
+      paidContentClassName: paidContentClassName,
+      isPreview: isPreview,
+      swgProductId: swgProductId,
+      additionalRelatedArticlesFlag: additionalRelatedArticlesFlag,
+      algoliaSearchKeys: algoliaSearchKeys,
+      latestFromSectionFlag: latestFromSectionFlag,
+      latestFromSection: latestFromSection,
+      olympicsKeys: olympicsKeys
+    });
+  }
+
+}
+
+ArticlePage.propTypes = _articlePropTypes.articlePropTypes;
+ArticlePage.defaultProps = _articlePropTypes.articleDefaultProps;
+var _default = ArticlePage;
+exports.default = _default;

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

@@ -1 +1,18 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _propTypes=_interopRequireDefault(require("prop-types"));var metaPropTypes={bylines:_propTypes.default.arrayOf(_propTypes.default.shape({})).isRequired,publicationName:_propTypes.default.string.isRequired,publishedTime:_propTypes.default.string.isRequired};var _default=metaPropTypes;exports.default=_default;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const metaPropTypes = {
+  bylines: _propTypes.default.arrayOf(_propTypes.default.shape({})).isRequired,
+  publicationName: _propTypes.default.string.isRequired,
+  publishedTime: _propTypes.default.string.isRequired
+};
+var _default = metaPropTypes;
+exports.default = _default;

package/dist/article-meta/article-meta.js

@@ -1 +1,48 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _react=_interopRequireWildcard(require("react"));var _articleByline=require("@times-components/article-byline");var _datePublication=_interopRequireDefault(require("@times-components/date-publication"));var _utils=require("@times-components/utils");var _articleMetaPropTypes=_interopRequireDefault(require("./article-meta-prop-types"));var _responsive=require("../styles/responsive");var _styles=_interopRequireDefault(require("../styles"));var _jsxFileName="/home/circleci/project/packages/article-main-comment/src/article-meta/article-meta.js";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);}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj;}if(obj===null||typeof obj!=="object"&&typeof obj!=="function"){return{default:obj};}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj);}var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc);}else{newObj[key]=obj[key];}}}newObj.default=obj;if(cache){cache.set(obj,newObj);}return newObj;}var ArticleMeta=function ArticleMeta(_ref){var bylines=_ref.bylines,publicationName=_ref.publicationName,publishedTime=_ref.publishedTime;return _react.default.createElement(_responsive.MetaContainer,{__source:{fileName:_jsxFileName,lineNumber:19,columnNumber:3}},(0,_articleByline.hasBylineData)(bylines)&&_react.default.createElement(_react.Fragment,{__source:{fileName:_jsxFileName,lineNumber:21,columnNumber:7}},_react.default.createElement(_responsive.Meta,{styles:_styles.default.meta,__source:{fileName:_jsxFileName,lineNumber:22,columnNumber:9}},_react.default.createElement(_articleByline.ArticleBylineWithLinks,{ast:bylines,__source:{fileName:_jsxFileName,lineNumber:23,columnNumber:11}})),_react.default.createElement(_responsive.Separator,{__source:{fileName:_jsxFileName,lineNumber:25,columnNumber:9}})),_react.default.createElement(_responsive.Meta,{styles:_styles.default.meta,__source:{fileName:_jsxFileName,lineNumber:28,columnNumber:5}},_react.default.createElement(_responsive.DatePublicationContainer,{styles:(0,_utils.checkStylesForUnits)(_styles.default.datePublication),__source:{fileName:_jsxFileName,lineNumber:29,columnNumber:7}},_react.default.createElement(_datePublication.default,{date:publishedTime,publication:publicationName,__source:{fileName:_jsxFileName,lineNumber:32,columnNumber:9}}))));};ArticleMeta.propTypes=_articleMetaPropTypes.default;var _default=ArticleMeta;exports.default=_default;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _articleByline = require("@times-components/article-byline");
+
+var _datePublication = _interopRequireDefault(require("@times-components/date-publication"));
+
+var _utils = require("@times-components/utils");
+
+var _articleMetaPropTypes = _interopRequireDefault(require("./article-meta-prop-types"));
+
+var _responsive = require("../styles/responsive");
+
+var _styles = _interopRequireDefault(require("../styles"));
+
+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); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+const ArticleMeta = _ref => {
+  let bylines = _ref.bylines,
+      publicationName = _ref.publicationName,
+      publishedTime = _ref.publishedTime;
+  return /*#__PURE__*/_react.default.createElement(_responsive.MetaContainer, null, (0, _articleByline.hasBylineData)(bylines) && /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_responsive.Meta, {
+    styles: _styles.default.meta
+  }, /*#__PURE__*/_react.default.createElement(_articleByline.ArticleBylineWithLinks, {
+    ast: bylines
+  })), /*#__PURE__*/_react.default.createElement(_responsive.Separator, null)), /*#__PURE__*/_react.default.createElement(_responsive.Meta, {
+    styles: _styles.default.meta
+  }, /*#__PURE__*/_react.default.createElement(_responsive.DatePublicationContainer, {
+    styles: (0, _utils.checkStylesForUnits)(_styles.default.datePublication)
+  }, /*#__PURE__*/_react.default.createElement(_datePublication.default, {
+    date: publishedTime,
+    publication: publicationName
+  }))));
+};
+
+ArticleMeta.propTypes = _articleMetaPropTypes.default;
+var _default = ArticleMeta;
+exports.default = _default;

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

@@ -1 +1,33 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.articlePageDefaultProps=exports.articlePagePropTypes=void 0;var _propTypes=_interopRequireDefault(require("prop-types"));var articlePagePropTypes={analyticsStream:_propTypes.default.func.isRequired,article:_propTypes.default.shape({}),error:_propTypes.default.shape({graphQLErrors:_propTypes.default.array,message:_propTypes.default.string,networkError:_propTypes.default.shape({message:_propTypes.default.string})}),isLoading:_propTypes.default.bool,onImagePress:_propTypes.default.func,receiveChildList:_propTypes.default.func.isRequired};exports.articlePagePropTypes=articlePagePropTypes;var articlePageDefaultProps={article:null,error:null,isLoading:false,onImagePress:null};exports.articlePageDefaultProps=articlePageDefaultProps;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.articlePageDefaultProps = exports.articlePagePropTypes = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const articlePagePropTypes = {
+  analyticsStream: _propTypes.default.func.isRequired,
+  article: _propTypes.default.shape({}),
+  error: _propTypes.default.shape({
+    graphQLErrors: _propTypes.default.array,
+    message: _propTypes.default.string,
+    networkError: _propTypes.default.shape({
+      message: _propTypes.default.string
+    })
+  }),
+  isLoading: _propTypes.default.bool,
+  onImagePress: _propTypes.default.func,
+  receiveChildList: _propTypes.default.func.isRequired
+};
+exports.articlePagePropTypes = articlePagePropTypes;
+const articlePageDefaultProps = {
+  article: null,
+  error: null,
+  isLoading: false,
+  onImagePress: null
+};
+exports.articlePageDefaultProps = articlePageDefaultProps;

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

@@ -1 +1,28 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.articleDefaultProps=exports.articlePropTypes=void 0;var _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _propTypes=_interopRequireDefault(require("prop-types"));var _articlePropTypes=require("./article-prop-types.base");function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys(Object(source),true).forEach(function(key){(0,_defineProperty2.default)(target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var articlePropTypes=_objectSpread(_objectSpread({},_articlePropTypes.articlePagePropTypes),{},{navigationMode:_propTypes.default.shape({}).isRequired});exports.articlePropTypes=articlePropTypes;var articleDefaultProps=_objectSpread({},_articlePropTypes.articlePageDefaultProps);exports.articleDefaultProps=articleDefaultProps;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.articleDefaultProps = exports.articlePropTypes = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _articlePropTypes = require("./article-prop-types.base");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+const articlePropTypes = _objectSpread(_objectSpread({}, _articlePropTypes.articlePagePropTypes), {}, {
+  navigationMode: _propTypes.default.shape({}).isRequired
+});
+
+exports.articlePropTypes = articlePropTypes;
+
+const articleDefaultProps = _objectSpread({}, _articlePropTypes.articlePageDefaultProps);
+
+exports.articleDefaultProps = articleDefaultProps;

package/dist/article-standfirst/article-standfirst.js

@@ -1 +1,38 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _react=_interopRequireDefault(require("react"));var _propTypes=_interopRequireDefault(require("prop-types"));var _utils=require("@times-components/utils");var _styles=_interopRequireDefault(require("../styles"));var _responsive=require("../styles/responsive");var _jsxFileName="/home/circleci/project/packages/article-main-comment/src/article-standfirst/article-standfirst.js";var HeaderStandfirst=function HeaderStandfirst(_ref){var standfirst=_ref.standfirst;if(!standfirst)return null;return _react.default.createElement(_responsive.StandfirstContainer,{role:"heading","aria-level":"2",styles:(0,_utils.checkStylesForUnits)(_styles.default.standFirst),testID:"standfirst",__source:{fileName:_jsxFileName,lineNumber:11,columnNumber:5}},standfirst);};HeaderStandfirst.propTypes={standfirst:_propTypes.default.string};HeaderStandfirst.defaultProps={standfirst:null};var _default=HeaderStandfirst;exports.default=_default;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _utils = require("@times-components/utils");
+
+var _styles = _interopRequireDefault(require("../styles"));
+
+var _responsive = require("../styles/responsive");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const HeaderStandfirst = _ref => {
+  let standfirst = _ref.standfirst;
+  if (!standfirst) return null;
+  return /*#__PURE__*/_react.default.createElement(_responsive.StandfirstContainer, {
+    role: "heading",
+    "aria-level": "2",
+    styles: (0, _utils.checkStylesForUnits)(_styles.default.standFirst),
+    testID: "standfirst"
+  }, standfirst);
+};
+
+HeaderStandfirst.propTypes = {
+  standfirst: _propTypes.default.string
+};
+HeaderStandfirst.defaultProps = {
+  standfirst: null
+};
+var _default = HeaderStandfirst;
+exports.default = _default;

package/dist/styles/index.js

@@ -1 +1,21 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _shared=_interopRequireDefault(require("./shared"));function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys(Object(source),true).forEach(function(key){(0,_defineProperty2.default)(target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var styles=_objectSpread({},_shared.default);var _default=styles;exports.default=_default;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _shared = _interopRequireDefault(require("./shared"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+const styles = _objectSpread({}, _shared.default);
+
+var _default = styles;
+exports.default = _default;

package/dist/styles/responsive.js

@@ -1 +1,72 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});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");var _styledComponents=_interopRequireDefault(require("styled-components"));var _tsStyleguide=require("@times-components/ts-styleguide");var AuthorImageContainer=(0,_styledComponents.default)(_utils.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;}"],_tsStyleguide.breakpoints.medium);exports.AuthorImageContainer=AuthorImageContainer;var DatePublicationContainer=(0,_styledComponents.default)(_utils.TcText).withConfig({displayName:"responsive__DatePublicationContainer",componentId:"ba1gpd-1"})(["",";flex-direction:row;flex-wrap:wrap;margin-top:",";@media (min-width:","px){margin-top:0;}"],function(props){return props.styles&&props.styles;},(0,_tsStyleguide.spacing)(3),_tsStyleguide.breakpoints.medium);exports.DatePublicationContainer=DatePublicationContainer;var FlagsContainer=(0,_styledComponents.default)(_utils.TcView).withConfig({displayName:"responsive__FlagsContainer",componentId:"ba1gpd-2"})(["padding-top:",";padding-bottom:",";@media (min-width:","px){padding-top:0;}"],(0,_tsStyleguide.spacing)(1),(0,_tsStyleguide.spacing)(3),_tsStyleguide.breakpoints.medium);exports.FlagsContainer=FlagsContainer;var HeaderContainer=(0,_styledComponents.default)(_utils.TcView).withConfig({displayName:"responsive__HeaderContainer",componentId:"ba1gpd-3"})(["order:2;@media (min-width:","px){width:80.8%;margin:0 auto ",";margin-left:auto;margin-right:auto;}@media (min-width:","px){width:56.2%;}"],_tsStyleguide.breakpoints.medium,(0,_tsStyleguide.spacing)(2),_tsStyleguide.breakpoints.wide);exports.HeaderContainer=HeaderContainer;var HeadlineContainer=_styledComponents.default.h1.withConfig({displayName:"responsive__HeadlineContainer",componentId:"ba1gpd-4"})(["border:0px solid black;box-sizing:border-box;display:inline;font:14px system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Ubuntu,\"Helvetica Neue\",sans-serif;margin:0px;padding:0px;white-space:pre-wrap;overflow-wrap:break-word;",";@media (min-width:","px){font-size:","px;line-height:50px;margin-bottom:",";}"],function(props){return props.styles&&props.styles;},_tsStyleguide.breakpoints.medium,_tsStyleguide.fontSizes.articleHeadline,(0,_tsStyleguide.spacing)(1));exports.HeadlineContainer=HeadlineContainer;var LabelContainer=(0,_styledComponents.default)(_utils.TcView).withConfig({displayName:"responsive__LabelContainer",componentId:"ba1gpd-5"})(["@media (min-width:","px){margin-top:0px;}"],_tsStyleguide.breakpoints.wide);exports.LabelContainer=LabelContainer;var Meta=(0,_styledComponents.default)(_utils.TcView).withConfig({displayName:"responsive__Meta",componentId:"ba1gpd-6"})([""," max-width:100%;justify-content:center;@media (min-width:","px){margin-top:0;}"],function(props){return props.styles&&props.styles;},_tsStyleguide.breakpoints.medium);exports.Meta=Meta;var MetaContainer=(0,_styledComponents.default)(_utils.TcView).withConfig({displayName:"responsive__MetaContainer",componentId:"ba1gpd-7"})(["align-items:center;justify-content:center;@media (min-width:","px){flex-direction:row;flex-wrap:wrap;}"],_tsStyleguide.breakpoints.medium);exports.MetaContainer=MetaContainer;var Separator=(0,_styledComponents.default)(_utils.TcView).withConfig({displayName:"responsive__Separator",componentId:"ba1gpd-8"})(["display:none;@media (min-width:","px){background-color:",";display:flex;height:",";margin:0 ",";width:1px;}"],_tsStyleguide.breakpoints.medium,_tsStyleguide.colours.functional.keyline,(0,_tsStyleguide.spacing)(3),(0,_tsStyleguide.spacing)(2));exports.Separator=Separator;var StandfirstContainer=_styledComponents.default.h2.withConfig({displayName:"responsive__StandfirstContainer",componentId:"ba1gpd-9"})(["border:0px solid black;box-sizing:border-box;display:inline;font:14px system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Ubuntu,\"Helvetica Neue\",sans-serif;margin:0px;padding:0px;white-space:pre-wrap;overflow-wrap:break-word;",";@media (min-width:","px){font-size:","px;line-height:","px;margin-bottom:",";}@media (min-width:","px){margin-bottom:",";}"],function(props){return props.styles&&props.styles;},_tsStyleguide.breakpoints.medium,_tsStyleguide.fontSizes.infoTitle,(0,_tsStyleguide.lineHeight)({font:"bodyRegular",fontSize:"infoTitle"}),(0,_tsStyleguide.spacing)(5),_tsStyleguide.breakpoints.wide,(0,_tsStyleguide.spacing)(4));exports.StandfirstContainer=StandfirstContainer;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+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");
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _tsStyleguide = require("@times-components/ts-styleguide");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const AuthorImageContainer = (0, _styledComponents.default)(_utils.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;}"], _tsStyleguide.breakpoints.medium);
+exports.AuthorImageContainer = AuthorImageContainer;
+const DatePublicationContainer = (0, _styledComponents.default)(_utils.TcText).withConfig({
+  displayName: "responsive__DatePublicationContainer",
+  componentId: "ba1gpd-1"
+})(["", ";flex-direction:row;flex-wrap:wrap;margin-top:", ";@media (min-width:", "px){margin-top:0;}"], props => props.styles && props.styles, (0, _tsStyleguide.spacing)(3), _tsStyleguide.breakpoints.medium);
+exports.DatePublicationContainer = DatePublicationContainer;
+const FlagsContainer = (0, _styledComponents.default)(_utils.TcView).withConfig({
+  displayName: "responsive__FlagsContainer",
+  componentId: "ba1gpd-2"
+})(["padding-top:", ";padding-bottom:", ";@media (min-width:", "px){padding-top:0;}"], (0, _tsStyleguide.spacing)(1), (0, _tsStyleguide.spacing)(3), _tsStyleguide.breakpoints.medium);
+exports.FlagsContainer = FlagsContainer;
+const HeaderContainer = (0, _styledComponents.default)(_utils.TcView).withConfig({
+  displayName: "responsive__HeaderContainer",
+  componentId: "ba1gpd-3"
+})(["order:2;@media (min-width:", "px){width:80.8%;margin:0 auto ", ";margin-left:auto;margin-right:auto;}@media (min-width:", "px){width:56.2%;}"], _tsStyleguide.breakpoints.medium, (0, _tsStyleguide.spacing)(2), _tsStyleguide.breakpoints.wide);
+exports.HeaderContainer = HeaderContainer;
+
+const HeadlineContainer = _styledComponents.default.h1.withConfig({
+  displayName: "responsive__HeadlineContainer",
+  componentId: "ba1gpd-4"
+})(["border:0px solid black;box-sizing:border-box;display:inline;font:14px system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Ubuntu,\"Helvetica Neue\",sans-serif;margin:0px;padding:0px;white-space:pre-wrap;overflow-wrap:break-word;", ";@media (min-width:", "px){font-size:", "px;line-height:50px;margin-bottom:", ";}"], props => props.styles && props.styles, _tsStyleguide.breakpoints.medium, _tsStyleguide.fontSizes.articleHeadline, (0, _tsStyleguide.spacing)(1));
+
+exports.HeadlineContainer = HeadlineContainer;
+const LabelContainer = (0, _styledComponents.default)(_utils.TcView).withConfig({
+  displayName: "responsive__LabelContainer",
+  componentId: "ba1gpd-5"
+})(["@media (min-width:", "px){margin-top:0px;}"], _tsStyleguide.breakpoints.wide);
+exports.LabelContainer = LabelContainer;
+const Meta = (0, _styledComponents.default)(_utils.TcView).withConfig({
+  displayName: "responsive__Meta",
+  componentId: "ba1gpd-6"
+})(["", " max-width:100%;justify-content:center;@media (min-width:", "px){margin-top:0;}"], props => props.styles && props.styles, _tsStyleguide.breakpoints.medium);
+exports.Meta = Meta;
+const MetaContainer = (0, _styledComponents.default)(_utils.TcView).withConfig({
+  displayName: "responsive__MetaContainer",
+  componentId: "ba1gpd-7"
+})(["align-items:center;justify-content:center;@media (min-width:", "px){flex-direction:row;flex-wrap:wrap;}"], _tsStyleguide.breakpoints.medium);
+exports.MetaContainer = MetaContainer;
+const Separator = (0, _styledComponents.default)(_utils.TcView).withConfig({
+  displayName: "responsive__Separator",
+  componentId: "ba1gpd-8"
+})(["display:none;@media (min-width:", "px){background-color:", ";display:flex;height:", ";margin:0 ", ";width:1px;}"], _tsStyleguide.breakpoints.medium, _tsStyleguide.colours.functional.keyline, (0, _tsStyleguide.spacing)(3), (0, _tsStyleguide.spacing)(2));
+exports.Separator = Separator;
+
+const StandfirstContainer = _styledComponents.default.h2.withConfig({
+  displayName: "responsive__StandfirstContainer",
+  componentId: "ba1gpd-9"
+})(["border:0px solid black;box-sizing:border-box;display:inline;font:14px system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Ubuntu,\"Helvetica Neue\",sans-serif;margin:0px;padding:0px;white-space:pre-wrap;overflow-wrap:break-word;", ";@media (min-width:", "px){font-size:", "px;line-height:", "px;margin-bottom:", ";}@media (min-width:", "px){margin-bottom:", ";}"], props => props.styles && props.styles, _tsStyleguide.breakpoints.medium, _tsStyleguide.fontSizes.infoTitle, (0, _tsStyleguide.lineHeight)({
+  font: "bodyRegular",
+  fontSize: "infoTitle"
+}), (0, _tsStyleguide.spacing)(5), _tsStyleguide.breakpoints.wide, (0, _tsStyleguide.spacing)(4));
+
+exports.StandfirstContainer = StandfirstContainer;

package/dist/styles/shared.js

@@ -1 +1,93 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _tsStyleguide=require("@times-components/ts-styleguide");function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys(Object(source),true).forEach(function(key){(0,_defineProperty2.default)(target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var sharedStyles={articleHeadline:_objectSpread(_objectSpread({},(0,_tsStyleguide.fontFactory)({font:"headline",fontSize:"headline"})),{},{color:_tsStyleguide.colours.functional.brandColour,marginBottom:(0,_tsStyleguide.spacing)(2),textAlign:"center"}),articleHeadlineTablet:_objectSpread({},(0,_tsStyleguide.fontFactory)({font:"headline",fontSize:"articleHeadline"})),authorImage:{marginBottom:(0,_tsStyleguide.spacing)(5)},container:{alignItems:"center",paddingLeft:(0,_tsStyleguide.spacing)(2),paddingRight:(0,_tsStyleguide.spacing)(2)},datePublication:_objectSpread(_objectSpread({},(0,_tsStyleguide.fontFactory)({font:"supporting",fontSize:"cardMeta"})),{},{color:_tsStyleguide.colours.functional.secondary,marginTop:(0,_tsStyleguide.spacing)(1)}),datePublicationTablet:{marginTop:"auto"},header:{marginBottom:(0,_tsStyleguide.spacing)(3),paddingBottom:(0,_tsStyleguide.spacing)(4),paddingTop:(0,_tsStyleguide.spacing)(7)},label:{marginBottom:(0,_tsStyleguide.spacing)(2)},meta:{flexDirection:"row",flexWrap:"wrap"},metaContainer:{alignItems:"center",width:"100%",paddingTop:(0,_tsStyleguide.spacing)(2),paddingBottom:(0,_tsStyleguide.spacing)(2),borderBottomColor:_tsStyleguide.colours.functional.keyline,borderBottomWidth:1,borderTopColor:_tsStyleguide.colours.functional.keyline,borderTopWidth:1},metaContainerTablet:{flexDirection:"row",justifyContent:"center"},separator:{borderRightColor:_tsStyleguide.colours.functional.keyline,borderRightWidth:1,height:(0,_tsStyleguide.spacing)(3),marginLeft:(0,_tsStyleguide.spacing)(2),marginRight:(0,_tsStyleguide.spacing)(2)},standFirst:_objectSpread(_objectSpread({},(0,_tsStyleguide.fontFactory)({font:"headlineRegular",fontSize:"smallestHeadline"})),{},{color:_tsStyleguide.colours.functional.primary,marginBottom:(0,_tsStyleguide.spacing)(3),paddingLeft:(0,_tsStyleguide.spacing)(2),paddingRight:(0,_tsStyleguide.spacing)(2),textAlign:"center"})};var _default=sharedStyles;exports.default=_default;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _tsStyleguide = require("@times-components/ts-styleguide");
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+const sharedStyles = {
+  articleHeadline: _objectSpread(_objectSpread({}, (0, _tsStyleguide.fontFactory)({
+    font: "headline",
+    fontSize: "headline"
+  })), {}, {
+    color: _tsStyleguide.colours.functional.brandColour,
+    marginBottom: (0, _tsStyleguide.spacing)(2),
+    textAlign: "center"
+  }),
+  articleHeadlineTablet: _objectSpread({}, (0, _tsStyleguide.fontFactory)({
+    font: "headline",
+    fontSize: "articleHeadline"
+  })),
+  authorImage: {
+    marginBottom: (0, _tsStyleguide.spacing)(5)
+  },
+  container: {
+    alignItems: "center",
+    paddingLeft: (0, _tsStyleguide.spacing)(2),
+    paddingRight: (0, _tsStyleguide.spacing)(2)
+  },
+  datePublication: _objectSpread(_objectSpread({}, (0, _tsStyleguide.fontFactory)({
+    font: "supporting",
+    fontSize: "cardMeta"
+  })), {}, {
+    color: _tsStyleguide.colours.functional.secondary,
+    marginTop: (0, _tsStyleguide.spacing)(1)
+  }),
+  datePublicationTablet: {
+    marginTop: "auto"
+  },
+  header: {
+    // TODO: put back after design signoff
+    marginBottom: (0, _tsStyleguide.spacing)(3),
+    paddingBottom: (0, _tsStyleguide.spacing)(4),
+    paddingTop: (0, _tsStyleguide.spacing)(7)
+  },
+  label: {
+    marginBottom: (0, _tsStyleguide.spacing)(2)
+  },
+  meta: {
+    flexDirection: "row",
+    flexWrap: "wrap"
+  },
+  metaContainer: {
+    alignItems: "center",
+    width: "100%",
+    paddingTop: (0, _tsStyleguide.spacing)(2),
+    paddingBottom: (0, _tsStyleguide.spacing)(2),
+    borderBottomColor: _tsStyleguide.colours.functional.keyline,
+    borderBottomWidth: 1,
+    borderTopColor: _tsStyleguide.colours.functional.keyline,
+    borderTopWidth: 1
+  },
+  metaContainerTablet: {
+    flexDirection: "row",
+    justifyContent: "center"
+  },
+  separator: {
+    borderRightColor: _tsStyleguide.colours.functional.keyline,
+    borderRightWidth: 1,
+    height: (0, _tsStyleguide.spacing)(3),
+    marginLeft: (0, _tsStyleguide.spacing)(2),
+    marginRight: (0, _tsStyleguide.spacing)(2)
+  },
+  standFirst: _objectSpread(_objectSpread({}, (0, _tsStyleguide.fontFactory)({
+    font: "headlineRegular",
+    fontSize: "smallestHeadline"
+  })), {}, {
+    color: _tsStyleguide.colours.functional.primary,
+    marginBottom: (0, _tsStyleguide.spacing)(3),
+    paddingLeft: (0, _tsStyleguide.spacing)(2),
+    paddingRight: (0, _tsStyleguide.spacing)(2),
+    textAlign: "center"
+  })
+};
+var _default = sharedStyles;
+exports.default = _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@times-components/article-main-comment",
-  "version": "2.52.29",
+  "version": "2.53.1",
   "description": "Main Comment Article Template",
   "main": "dist/article-main-comment",
   "dev": "src/article-main-comment",
@@ -9,7 +9,7 @@
     "fmt": "eslint . --fix && prettier --write '**/*.*'",
     "prettier:diff": "prettier --list-different '**/*.*'",
     "lint": "eslint . && yarn prettier:diff && yarn depcheck",
-    "test:web": "jest --config='./__tests__/web/jest.config.js'",
+    "test:web": "jest --config='./__tests__/jest.config.js'",
     "prepublishOnly": "yarn transpile && yarn bundle",
     "watch": "watch 'yarn bundle' ./src --ignoreDotFiles --ignoreUnreadable",
     "cleanup-dist": "rm -rf dist",
@@ -21,10 +21,7 @@
     "url": "git+https://github.com/newsuk/times-components.git"
   },
   "keywords": [
-    "react-native-web",
     "react",
-    "native",
-    "web",
     "article-main-comment",
     "component"
   ],
@@ -36,14 +33,14 @@
   "devDependencies": {
     "@babel/core": "7.4.4",
     "@times-components/eslint-config-thetimes": "0.8.18",
-    "@times-components/jest-configurator": "2.8.1",
-    "@times-components/jest-serializer": "3.3.1",
-    "@times-components/provider": "1.32.9",
-    "@times-components/provider-test-tools": "1.26.8",
-    "@times-components/storybook": "4.4.1",
-    "@times-components/tealium-utils": "0.7.76",
-    "@times-components/test-utils": "2.3.11",
-    "@times-components/webpack-configurator": "2.0.30",
+    "@times-components/jest-configurator-web": "0.8.0",
+    "@times-components/jest-serializer": "3.4.0",
+    "@times-components/provider": "1.33.0",
+    "@times-components/provider-test-tools": "1.27.0",
+    "@times-components/storybook": "4.5.0",
+    "@times-components/tealium-utils": "0.8.0",
+    "@times-components/test-utils": "2.4.0",
+    "@times-components/webpack-configurator": "2.1.0",
     "babel-jest": "24.8.0",
     "eslint": "5.9.0",
     "jest": "24.8.0",
@@ -51,25 +48,23 @@
     "prettier": "1.14.3",
     "react": "16.9.0",
     "react-dom": "16.9.0",
-    "react-native": "0.61.5",
     "react-test-renderer": "16.9.0",
-    "webpack": "4.30.0",
-    "webpack-cli": "3.3.1"
+    "webpack": "4.30.0"
   },
   "dependencies": {
-    "@times-components/ad": "2.20.3",
-    "@times-components/article-byline": "3.8.8",
-    "@times-components/article-label": "2.9.8",
-    "@times-components/article-skeleton": "1.85.41",
-    "@times-components/context": "1.9.4",
-    "@times-components/date-publication": "0.23.5",
-    "@times-components/image": "6.12.8",
-    "@times-components/responsive": "0.13.3",
-    "@times-components/ts-components": "1.51.1",
-    "@times-components/ts-styleguide": "1.36.9",
-    "@times-components/user-state": "0.3.31",
-    "@times-components/utils": "6.14.4",
-    "@times-components/video-label": "2.6.8",
+    "@times-components/ad": "2.21.0",
+    "@times-components/article-byline": "3.9.1",
+    "@times-components/article-label": "2.10.0",
+    "@times-components/article-skeleton": "1.86.1",
+    "@times-components/context": "1.10.0",
+    "@times-components/date-publication": "0.24.0",
+    "@times-components/image": "6.13.0",
+    "@times-components/responsive": "0.14.0",
+    "@times-components/ts-components": "1.52.1",
+    "@times-components/ts-styleguide": "1.37.0",
+    "@times-components/user-state": "0.4.0",
+    "@times-components/utils": "6.15.0",
+    "@times-components/video-label": "2.7.0",
     "prop-types": "15.7.2",
     "styled-components": "4.3.2"
   },
@@ -79,12 +74,10 @@
   },
   "peerDependencies": {
     "react": ">=16.9",
-    "react-dom": ">=16.9",
-    "react-native": ">=0.59",
-    "react-native-web": "0.11.4"
+    "react-dom": ">=16.9"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "e431223c8de4a5a35e3de07c29f4fa2910883aa5"
+  "gitHead": "078d38afd0c7be38fa2d1196d5056b4d53d859f4"
 }

package/rnw.js

@@ -1 +1 @@
-module.exports=function(e){var t={};function r(n){if(t[n])return t[n].exports;var a=t[n]={i:n,l:!1,exports:{}};return e[n].call(a.exports,a,a.exports,r),a.l=!0,a.exports}return r.m=e,r.c=t,r.d=function(e,t,n){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var a in e)r.d(n,a,function(t){return e[t]}.bind(null,a));return n},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="",r(r.s=8)}([function(e,t){e.exports=require("@babel/runtime/helpers/interopRequireDefault")},function(e,t){e.exports=require("@times-components/utils/rnw")},function(e,t){e.exports=require("prop-types")},function(e,t){e.exports=require("react")},function(e,t){e.exports=require("@babel/runtime/helpers/defineProperty")},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=n(r(4));function i(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}var o=function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?i(Object(r),!0).forEach((function(t){(0,a.default)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):i(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}({},n(r(24)).default);t.default=o},function(e,t){e.exports=require("@times-components/ts-styleguide/rnw")},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.StandfirstContainer=t.Separator=t.MetaContainer=t.Meta=t.LabelContainer=t.HeadlineContainer=t.HeaderContainer=t.FlagsContainer=t.DatePublicationContainer=t.AuthorImageContainer=void 0;var a=r(1),i=n(r(29)),o=r(6),l=(0,i.default)(a.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;}"],o.breakpoints.medium);t.AuthorImageContainer=l;var u=(0,i.default)(a.TcText).withConfig({displayName:"responsive__DatePublicationContainer",componentId:"ba1gpd-1"})(["",";flex-direction:row;flex-wrap:wrap;margin-top:",";@media (min-width:","px){margin-top:0;}"],(function(e){return e.styles&&e.styles}),(0,o.spacing)(3),o.breakpoints.medium);t.DatePublicationContainer=u;var s=(0,i.default)(a.TcView).withConfig({displayName:"responsive__FlagsContainer",componentId:"ba1gpd-2"})(["padding-top:",";padding-bottom:",";@media (min-width:","px){padding-top:0;}"],(0,o.spacing)(1),(0,o.spacing)(3),o.breakpoints.medium);t.FlagsContainer=s;var d=(0,i.default)(a.TcView).withConfig({displayName:"responsive__HeaderContainer",componentId:"ba1gpd-3"})(["order:2;@media (min-width:","px){width:80.8%;margin:0 auto ",";margin-left:auto;margin-right:auto;}@media (min-width:","px){width:56.2%;}"],o.breakpoints.medium,(0,o.spacing)(2),o.breakpoints.wide);t.HeaderContainer=d;var c=i.default.h1.withConfig({displayName:"responsive__HeadlineContainer",componentId:"ba1gpd-4"})(['border:0px solid black;box-sizing:border-box;display:inline;font:14px system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",sans-serif;margin:0px;padding:0px;white-space:pre-wrap;overflow-wrap:break-word;',";@media (min-width:","px){font-size:","px;line-height:50px;margin-bottom:",";}"],(function(e){return e.styles&&e.styles}),o.breakpoints.medium,o.fontSizes.articleHeadline,(0,o.spacing)(1));t.HeadlineContainer=c;var p=(0,i.default)(a.TcView).withConfig({displayName:"responsive__LabelContainer",componentId:"ba1gpd-5"})(["@media (min-width:","px){margin-top:0px;}"],o.breakpoints.wide);t.LabelContainer=p;var f=(0,i.default)(a.TcView).withConfig({displayName:"responsive__Meta",componentId:"ba1gpd-6"})([""," max-width:100%;justify-content:center;@media (min-width:","px){margin-top:0;}"],(function(e){return e.styles&&e.styles}),o.breakpoints.medium);t.Meta=f;var m=(0,i.default)(a.TcView).withConfig({displayName:"responsive__MetaContainer",componentId:"ba1gpd-7"})(["align-items:center;justify-content:center;@media (min-width:","px){flex-direction:row;flex-wrap:wrap;}"],o.breakpoints.medium);t.MetaContainer=m;var g=(0,i.default)(a.TcView).withConfig({displayName:"responsive__Separator",componentId:"ba1gpd-8"})(["display:none;@media (min-width:","px){background-color:",";display:flex;height:",";margin:0 ",";width:1px;}"],o.breakpoints.medium,o.colours.functional.keyline,(0,o.spacing)(3),(0,o.spacing)(2));t.Separator=g;var b=i.default.h2.withConfig({displayName:"responsive__StandfirstContainer",componentId:"ba1gpd-9"})(['border:0px solid black;box-sizing:border-box;display:inline;font:14px system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",sans-serif;margin:0px;padding:0px;white-space:pre-wrap;overflow-wrap:break-word;',";@media (min-width:","px){font-size:","px;line-height:","px;margin-bottom:",";}@media (min-width:","px){margin-bottom:",";}"],(function(e){return e.styles&&e.styles}),o.breakpoints.medium,o.fontSizes.infoTitle,(0,o.lineHeight)({font:"bodyRegular",fontSize:"infoTitle"}),(0,o.spacing)(5),o.breakpoints.wide,(0,o.spacing)(4));t.StandfirstContainer=b},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=n(r(9)),i=n(r(10)),o=n(r(11)),l=n(r(12)),u=n(r(13)),s=n(r(14)),d=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var r=g(t);if(r&&r.has(e))return r.get(e);var n={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var o=a?Object.getOwnPropertyDescriptor(e,i):null;o&&(o.get||o.set)?Object.defineProperty(n,i,o):n[i]=e[i]}n.default=e,r&&r.set(e,n);return n}(r(3)),c=n(r(15)),p=r(1),f=n(r(16)),m=r(32);function g(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(g=function(e){return e?r:t})(e)}function b(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var r,n=(0,s.default)(e);if(t){var a=(0,s.default)(this).constructor;r=Reflect.construct(n,arguments,a)}else r=n.apply(this,arguments);return(0,u.default)(this,r)}}var y=function(e){(0,l.default)(r,e);var t=b(r);function r(e){var n;return(0,a.default)(this,r),(n=t.call(this,e)).renderHeader=n.renderHeader.bind((0,o.default)(n)),n}return(0,i.default)(r,[{key:"renderHeader",value:function(){var e=this.props.article,t=e.bylines,r=e.expirableFlags,n=e.hasVideo,a=e.headline,i=e.label,o=e.publicationName,l=e.publishedTime,u=e.shortHeadline,s=e.standfirst,c=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 d.default.createElement(f.default,{authorImage:m,bylines:t,flags:r,hasVideo:n,headline:(0,p.getHeadline)(a,u),label:i,publicationName:o,publishedTime:l,standfirst:s,updatedTime:c})}},{key:"render",value:function(){var e=this.props,t=e.article,r=e.analyticsStream,n=e.error,a=e.isLoading,i=e.logoUrl,o=e.navigationMode,l=e.receiveChildList,u=e.commentingConfig,s=e.paidContentClassName,p=e.isPreview,f=e.swgProductId,m=e.additionalRelatedArticlesFlag,g=e.algoliaSearchKeys,b=e.latestFromSectionFlag,y=e.latestFromSection,h=e.olympicsKeys;return n||a?null:d.default.createElement(c.default,{analyticsStream:r,data:t,Header:this.renderHeader,logoUrl:i,receiveChildList:l,navigationMode:o,commentingConfig:u,paidContentClassName:s,isPreview:p,swgProductId:f,additionalRelatedArticlesFlag:m,algoliaSearchKeys:g,latestFromSectionFlag:b,latestFromSection:y,olympicsKeys:h})}}]),r}(d.Component);y.defaultProps=m.articleDefaultProps;var h=y;t.default=h},function(e,t){e.exports=require("@babel/runtime/helpers/classCallCheck")},function(e,t){e.exports=require("@babel/runtime/helpers/createClass")},function(e,t){e.exports=require("@babel/runtime/helpers/assertThisInitialized")},function(e,t){e.exports=require("@babel/runtime/helpers/inherits")},function(e,t){e.exports=require("@babel/runtime/helpers/possibleConstructorReturn")},function(e,t){e.exports=require("@babel/runtime/helpers/getPrototypeOf")},function(e,t){e.exports=require("@times-components/article-skeleton/rnw")},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=n(r(4)),i=n(r(3)),o=r(17),l=n(r(18)),u=r(1),s=n(r(19)),d=n(r(25)),c=n(r(30)),p=r(31),f=n(r(5)),m=r(7);function g(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function b(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?g(Object(r),!0).forEach((function(t){(0,a.default)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):g(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var y=function(e){var t=e.authorImage,r=e.bylines,n=e.flags,a=e.hasVideo,p=e.headline,g=e.label,y=e.publicationName,h=e.publishedTime,v=e.standfirst,w=e.updatedTime;return i.default.createElement(m.HeaderContainer,{style:b(b({},f.default.header),f.default.container)},i.default.createElement(m.AuthorImageContainer,{style:f.default.authorImage},i.default.createElement(l.default,{aspectRatio:1,uri:t,accessibilityLabel:"author-image"})),i.default.createElement(s.default,{isVideo:a,label:g}),i.default.createElement(m.HeadlineContainer,{role:"heading","aria-level":"1",styles:(0,u.checkStylesForUnits)(f.default.articleHeadline)},p),i.default.createElement(m.FlagsContainer,null,i.default.createElement(o.UpdatedTimeProvider,{updatedTime:w},i.default.createElement(o.ArticleFlags,{flags:n}))),i.default.createElement(c.default,{standfirst:v}),i.default.createElement(d.default,{bylines:r,publicationName:y,publishedTime:h}))};y.defaultProps=p.articleHeaderDefaultProps;var h=y;t.default=h},function(e,t){e.exports=require("@times-components/ts-components/rnw")},function(e,t){e.exports=require("@times-components/image/rnw")},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=n(r(3)),i=r(1),o=n(r(20)),l=n(r(21)),u=n(r(22)),s=r(6),d=r(23),c=n(r(5)),p=function(e){var t=e.isVideo,r=e.label;if(!t&&!r)return null;var n=t?l.default:o.default;return a.default.createElement(u.default.Consumer,null,(function(e){var t=e.theme.sectionColour;return a.default.createElement(i.TcView,{style:c.default.label},a.default.createElement(n,{color:t||s.colours.section.default,title:r}))}))};p.defaultProps=d.articleLabelDefaultProps;var f=p;t.default=f},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,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.articleLabelDefaultProps=t.articleLabelPropTypes=void 0;var a=n(r(2)),i={isVideo:a.default.bool,label:a.default.string};t.articleLabelPropTypes=i;t.articleLabelDefaultProps={isVideo:!1,label:null}},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=n(r(4)),i=r(6);function o(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function l(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?o(Object(r),!0).forEach((function(t){(0,a.default)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):o(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var u={articleHeadline:l(l({},(0,i.fontFactory)({font:"headline",fontSize:"headline"})),{},{color:i.colours.functional.brandColour,marginBottom:(0,i.spacing)(2),textAlign:"center"}),articleHeadlineTablet:l({},(0,i.fontFactory)({font:"headline",fontSize:"articleHeadline"})),authorImage:{marginBottom:(0,i.spacing)(5)},container:{alignItems:"center",paddingLeft:(0,i.spacing)(2),paddingRight:(0,i.spacing)(2)},datePublication:l(l({},(0,i.fontFactory)({font:"supporting",fontSize:"cardMeta"})),{},{color:i.colours.functional.secondary,marginTop:(0,i.spacing)(1)}),datePublicationTablet:{marginTop:"auto"},header:{marginBottom:(0,i.spacing)(3),paddingBottom:(0,i.spacing)(4),paddingTop:(0,i.spacing)(7)},label:{marginBottom:(0,i.spacing)(2)},meta:{flexDirection:"row",flexWrap:"wrap"},metaContainer:{alignItems:"center",width:"100%",paddingTop:(0,i.spacing)(2),paddingBottom:(0,i.spacing)(2),borderBottomColor:i.colours.functional.keyline,borderBottomWidth:1,borderTopColor:i.colours.functional.keyline,borderTopWidth:1},metaContainerTablet:{flexDirection:"row",justifyContent:"center"},separator:{borderRightColor:i.colours.functional.keyline,borderRightWidth:1,height:(0,i.spacing)(3),marginLeft:(0,i.spacing)(2),marginRight:(0,i.spacing)(2)},standFirst:l(l({},(0,i.fontFactory)({font:"headlineRegular",fontSize:"smallestHeadline"})),{},{color:i.colours.functional.primary,marginBottom:(0,i.spacing)(3),paddingLeft:(0,i.spacing)(2),paddingRight:(0,i.spacing)(2),textAlign:"center"})};t.default=u},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var r=d(t);if(r&&r.has(e))return r.get(e);var n={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var o=a?Object.getOwnPropertyDescriptor(e,i):null;o&&(o.get||o.set)?Object.defineProperty(n,i,o):n[i]=e[i]}n.default=e,r&&r.set(e,n);return n}(r(3)),i=r(26),o=n(r(27)),l=r(1),u=(n(r(28)),r(7)),s=n(r(5));function d(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(d=function(e){return e?r:t})(e)}var c=function(e){var t=e.bylines,r=e.publicationName,n=e.publishedTime;return a.default.createElement(u.MetaContainer,null,(0,i.hasBylineData)(t)&&a.default.createElement(a.Fragment,null,a.default.createElement(u.Meta,{styles:s.default.meta},a.default.createElement(i.ArticleBylineWithLinks,{ast:t})),a.default.createElement(u.Separator,null)),a.default.createElement(u.Meta,{styles:s.default.meta},a.default.createElement(u.DatePublicationContainer,{styles:(0,l.checkStylesForUnits)(s.default.datePublication)},a.default.createElement(o.default,{date:n,publication:r}))))};t.default=c},function(e,t){e.exports=require("@times-components/article-byline/rnw")},function(e,t){e.exports=require("@times-components/date-publication/rnw")},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=n(r(2)),i={bylines:a.default.arrayOf(a.default.shape({})).isRequired,publicationName:a.default.string.isRequired,publishedTime:a.default.string.isRequired};t.default=i},function(e,t){e.exports=require("styled-components")},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=n(r(3)),i=(n(r(2)),r(1)),o=n(r(5)),l=r(7),u=function(e){var t=e.standfirst;return t?a.default.createElement(l.StandfirstContainer,{role:"heading","aria-level":"2",styles:(0,i.checkStylesForUnits)(o.default.standFirst),testID:"standfirst"},t):null};u.defaultProps={standfirst:null};var s=u;t.default=s},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.articleHeaderDefaultProps=t.articleHeaderPropTypes=void 0;var a=n(r(2)),i={authorImage:a.default.string.isRequired,bylines:a.default.arrayOf(a.default.shape({})).isRequired,flags:a.default.arrayOf(a.default.shape({expiryTime:a.default.string,type:a.default.string})),hasVideo:a.default.bool,headline:a.default.string.isRequired,label:a.default.string,longRead:a.default.bool,publicationName:a.default.string.isRequired,publishedTime:a.default.string.isRequired,standfirst:a.default.string,updatedTime:a.default.string};t.articleHeaderPropTypes=i;t.articleHeaderDefaultProps={flags:[],hasVideo:!1,label:null,longRead:!1,standfirst:null,updatedTime:null}},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.articleDefaultProps=t.articlePropTypes=void 0;var a=n(r(4)),i=n(r(2)),o=r(33);function l(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function u(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?l(Object(r),!0).forEach((function(t){(0,a.default)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):l(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var s=u(u({},o.articlePagePropTypes),{},{navigationMode:i.default.shape({}).isRequired});t.articlePropTypes=s;var d=u({},o.articlePageDefaultProps);t.articleDefaultProps=d},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.articlePageDefaultProps=t.articlePagePropTypes=void 0;var a=n(r(2)),i={analyticsStream:a.default.func.isRequired,article:a.default.shape({}),error:a.default.shape({graphQLErrors:a.default.array,message:a.default.string,networkError:a.default.shape({message:a.default.string})}),isLoading:a.default.bool,onImagePress:a.default.func,receiveChildList:a.default.func.isRequired};t.articlePagePropTypes=i;t.articlePageDefaultProps={article:null,error:null,isLoading:!1,onImagePress:null}}]);
+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),l=n(5),c=n(8),p=n.n(c),d=n(9),u=n.n(d),m=n(10),b=n.n(m),g=n(11),f=n.n(g),y=n(0),h=n(1),O=n.n(h);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 S=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(y.fontFactory)({font:"headline",fontSize:"headline"})),{},{color:y.colours.functional.brandColour,marginBottom:Object(y.spacing)(2),textAlign:"center"}),articleHeadlineTablet:j({},Object(y.fontFactory)({font:"headline",fontSize:"articleHeadline"})),authorImage:{marginBottom:Object(y.spacing)(5)},container:{alignItems:"center",paddingLeft:Object(y.spacing)(2),paddingRight:Object(y.spacing)(2)},datePublication:j(j({},Object(y.fontFactory)({font:"supporting",fontSize:"cardMeta"})),{},{color:y.colours.functional.secondary,marginTop:Object(y.spacing)(1)}),datePublicationTablet:{marginTop:"auto"},header:{marginBottom:Object(y.spacing)(3),paddingBottom:Object(y.spacing)(4),paddingTop:Object(y.spacing)(7)},label:{marginBottom:Object(y.spacing)(2)},meta:{flexDirection:"row",flexWrap:"wrap"},metaContainer:{alignItems:"center",width:"100%",paddingTop:Object(y.spacing)(2),paddingBottom:Object(y.spacing)(2),borderBottomColor:y.colours.functional.keyline,borderBottomWidth:1,borderTopColor:y.colours.functional.keyline,borderTopWidth:1},metaContainerTablet:{flexDirection:"row",justifyContent:"center"},separator:{borderRightColor:y.colours.functional.keyline,borderRightWidth:1,height:Object(y.spacing)(3),marginLeft:Object(y.spacing)(2),marginRight:Object(y.spacing)(2)},standFirst:j(j({},Object(y.fontFactory)({font:"headlineRegular",fontSize:"smallestHeadline"})),{},{color:y.colours.functional.primary,marginBottom:Object(y.spacing)(3),paddingLeft:Object(y.spacing)(2),paddingRight:Object(y.spacing)(2),textAlign:"center"})});const C=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:S.label},i.a.createElement(r,{color:t||y.colours.section.default,title:n}))})};C.defaultProps={isVideo:!1,label:null};var T=C,k=n(6),E=n(12),_=n.n(E);O.a.arrayOf(O.a.shape({})).isRequired,O.a.string.isRequired,O.a.string.isRequired;var q=n(4),I=n.n(q);const R=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;}"],y.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(y.spacing)(3),y.breakpoints.medium),D=I()(s.TcView).withConfig({displayName:"responsive__FlagsContainer",componentId:"ba1gpd-2"})(["padding-top:",";padding-bottom:",";@media (min-width:","px){padding-top:0;}"],Object(y.spacing)(1),Object(y.spacing)(3),y.breakpoints.medium),N=I()(s.TcView).withConfig({displayName:"responsive__HeaderContainer",componentId:"ba1gpd-3"})(["order:2;@media (min-width:","px){width:80.8%;margin:0 auto ",";margin-left:auto;margin-right:auto;}@media (min-width:","px){width:56.2%;}"],y.breakpoints.medium,Object(y.spacing)(2),y.breakpoints.wide),H=I.a.h1.withConfig({displayName:"responsive__HeadlineContainer",componentId:"ba1gpd-4"})(['border:0px solid black;box-sizing:border-box;display:inline;font:14px system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",sans-serif;margin:0px;padding:0px;white-space:pre-wrap;overflow-wrap:break-word;',";@media (min-width:","px){font-size:","px;line-height:50px;margin-bottom:",";}"],e=>e.styles&&e.styles,y.breakpoints.medium,y.fontSizes.articleHeadline,Object(y.spacing)(1)),V=(I()(s.TcView).withConfig({displayName:"responsive__LabelContainer",componentId:"ba1gpd-5"})(["@media (min-width:","px){margin-top:0px;}"],y.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,y.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;}"],y.breakpoints.medium),L=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;}"],y.breakpoints.medium,y.colours.functional.keyline,Object(y.spacing)(3),Object(y.spacing)(2)),M=I.a.h2.withConfig({displayName:"responsive__StandfirstContainer",componentId:"ba1gpd-9"})(['border:0px solid black;box-sizing:border-box;display:inline;font:14px system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",sans-serif;margin:0px;padding:0px;white-space:pre-wrap;overflow-wrap:break-word;',";@media (min-width:","px){font-size:","px;line-height:","px;margin-bottom:",";}@media (min-width:","px){margin-bottom:",";}"],e=>e.styles&&e.styles,y.breakpoints.medium,y.fontSizes.infoTitle,Object(y.lineHeight)({font:"bodyRegular",fontSize:"infoTitle"}),Object(y.spacing)(5),y.breakpoints.wide,Object(y.spacing)(4));var z=e=>{let t=e.bylines,n=e.publicationName,a=e.publishedTime;return i.a.createElement(B,null,Object(k.hasBylineData)(t)&&i.a.createElement(r.Fragment,null,i.a.createElement(V,{styles:S.meta},i.a.createElement(k.ArticleBylineWithLinks,{ast:t})),i.a.createElement(L,null)),i.a.createElement(V,{styles:S.meta},i.a.createElement(F,{styles:Object(s.checkStylesForUnits)(S.datePublication)},i.a.createElement(_.a,{date:a,publication:n}))))};const U=e=>{let t=e.standfirst;return t?i.a.createElement(M,{role:"heading","aria-level":"2",styles:Object(s.checkStylesForUnits)(S.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 K(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){Q(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 Q(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const G=e=>{let t=e.authorImage,n=e.bylines,r=e.flags,a=e.hasVideo,o=e.headline,c=e.label,d=e.publicationName,u=e.publishedTime,m=e.standfirst,b=e.updatedTime;return i.a.createElement(N,{style:K(K({},S.header),S.container)},i.a.createElement(R,{style:S.authorImage},i.a.createElement(p.a,{aspectRatio:1,uri:t,accessibilityLabel:"author-image"})),i.a.createElement(T,{isVideo:a,label:c}),i.a.createElement(H,{role:"heading","aria-level":"1",styles:Object(s.checkStylesForUnits)(S.articleHeadline)},o),i.a.createElement(D,null,i.a.createElement(l.UpdatedTimeProvider,{updatedTime:b},i.a.createElement(l.ArticleFlags,{flags:r}))),i.a.createElement(A,{standfirst:m}),i.a.createElement(z,{bylines:n,publicationName:d,publishedTime:u}))};G.defaultProps={flags:[],hasVideo:!1,label:null,longRead:!1,standfirst:null,updatedTime:null};var J=G;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}),{},{navigationMode:O.a.shape({}).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,l=e.publicationName,c=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(J,{authorImage:m,bylines:t,flags:n,hasVideo:r,headline:Object(s.getHeadline)(a,p),label:o,publicationName:l,publishedTime:c,standfirst:d,updatedTime:u})}render(){const e=this.props,t=e.article,n=e.analyticsStream,r=e.error,a=e.isLoading,s=e.logoUrl,l=e.navigationMode,c=e.receiveChildList,p=e.commentingConfig,d=e.paidContentClassName,u=e.isPreview,m=e.swgProductId,b=e.additionalRelatedArticlesFlag,g=e.algoliaSearchKeys,f=e.latestFromSectionFlag,y=e.latestFromSection,h=e.olympicsKeys;return r||a?null:i.a.createElement(o.a,{analyticsStream:n,data:t,Header:this.renderHeader,logoUrl:s,receiveChildList:c,navigationMode:l,commentingConfig:p,paidContentClassName:d,isPreview:u,swgProductId:m,additionalRelatedArticlesFlag:b,algoliaSearchKeys:g,latestFromSectionFlag:f,latestFromSection:y,olympicsKeys:h})}}ee.defaultProps=$;t.default=ee}]);

package/tsconfig.jest.json

@@ -0,0 +1,10 @@
+{
+  "compilerOptions": {
+    "target": "es6",
+    "rootDir": "src",
+    "jsx": "preserve",
+    "moduleResolution": "node",
+    "module": "commonjs",
+    "esModuleInterop": true
+  }
+}