@times-components/article-main-video 1.14.0 → 1.15.0

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.15.0](https://github.com/newsuk/times-components/compare/@times-components/article-main-video@1.14.0...@times-components/article-main-video@1.15.0) (2025-06-19)
+
+
+### Features
+
+* **TMRA-344:** additional updates for comment styling ([#4172](https://github.com/newsuk/times-components/issues/4172)) ([dc22c9c](https://github.com/newsuk/times-components/commit/dc22c9c4722848c6c75e4aaed182c888a39ecbb2))
+
+
+
+
+
 # [1.14.0](https://github.com/newsuk/times-components/compare/@times-components/article-main-video@1.13.0...@times-components/article-main-video@1.14.0) (2025-06-19)
 
 

package/dist/styles/responsive.js

@@ -21,7 +21,7 @@ exports.ArticleMainVideoContainer = ArticleMainVideoContainer;
 const CommentContainer = _styledComponents.default.div.withConfig({
   displayName: "responsive__CommentContainer",
   componentId: "f6lsbb-1"
-})(["background-color:#fff;margin:32px auto 0;padding-inline:20px;"]);
+})(["background-color:#fff;margin:32px auto 0;"]);
 
 exports.CommentContainer = CommentContainer;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@times-components/article-main-video",
-  "version": "1.14.0",
+  "version": "1.15.0",
   "description": "Main Video Article Template",
   "main": "dist/article-main-video",
   "dev": "src/article-main-video",
@@ -51,19 +51,19 @@
     "webpack": "4.30.0"
   },
   "dependencies": {
-    "@times-components/ad": "2.23.4",
-    "@times-components/article-comments": "0.54.0",
+    "@times-components/ad": "2.23.5",
+    "@times-components/article-comments": "0.55.0",
     "@times-components/article-lead-asset": "1.23.0",
-    "@times-components/article-skeleton": "1.165.16",
-    "@times-components/article-topics": "4.11.75",
-    "@times-components/context": "1.25.13",
-    "@times-components/date-publication": "0.31.5",
-    "@times-components/image": "6.19.7",
-    "@times-components/link": "3.18.5",
-    "@times-components/ts-components": "1.133.0",
-    "@times-components/ts-styleguide": "1.55.1",
-    "@times-components/user-state": "0.7.7",
-    "@times-components/utils": "6.31.11",
+    "@times-components/article-skeleton": "1.165.17",
+    "@times-components/article-topics": "4.11.76",
+    "@times-components/context": "1.25.14",
+    "@times-components/date-publication": "0.31.6",
+    "@times-components/image": "6.19.8",
+    "@times-components/link": "3.18.6",
+    "@times-components/ts-components": "1.133.1",
+    "@times-components/ts-styleguide": "1.56.0",
+    "@times-components/user-state": "0.7.8",
+    "@times-components/utils": "6.31.12",
     "prop-types": "15.7.2",
     "styled-components": "4.3.2"
   },
@@ -78,5 +78,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "98f68f7196065011aa0b665bcbe6d2e7ecbca5a9"
+  "gitHead": "937a8801bf1b7b5e32dcd126ee618a45291550df"
 }

package/rnw.js

@@ -1 +1 @@
-module.exports=function(e){var t={};function n(i){if(t[i])return t[i].exports;var r=t[i]={i:i,l:!1,exports:{}};return e[i].call(r.exports,r,r.exports,n),r.l=!0,r.exports}return n.m=e,n.c=t,n.d=function(e,t,i){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:i})},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 i=Object.create(null);if(n.r(i),Object.defineProperty(i,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)n.d(i,r,function(t){return e[t]}.bind(null,r));return i},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=15)}([function(e,t){e.exports=require("react")},function(e,t){e.exports=require("styled-components")},function(e,t){e.exports=require("prop-types")},function(e,t){e.exports=require("@times-components/ts-styleguide/rnw")},function(e,t){e.exports=require("@times-components/user-state/rnw")},function(e,t){e.exports=require("@times-components/utils/rnw")},function(e,t){e.exports=require("@times-components/link/rnw")},function(e,t){e.exports=require("@times-components/article-skeleton/rnw")},function(e,t){e.exports=require("@times-components/ad/rnw")},function(e,t){e.exports=require("@times-components/date-publication/rnw")},function(e,t){e.exports=require("@times-components/article-lead-asset/rnw")},function(e,t){e.exports=require("@times-components/ts-components/rnw")},function(e,t){e.exports=require("@times-components/article-comments/rnw")},function(e,t){e.exports=require("@times-components/article-topics/rnw")},function(e,t){e.exports=require("@times-components/image/rnw")},function(e,t,n){"use strict";n.r(t);var i=n(0),r=n.n(i),a=n(7),o=n.n(a),l=n(8),s=n(5),p=n(9),c=n.n(p),d=n(10),m=n.n(d),u=n(11),f=n(6),g=n.n(f),b=n(4),h=n.n(b),w=n(12),x=n.n(w),y=n(2),v=n.n(y),A=n(13),C=n.n(A);var E={topicsMetaContainer:{justifyContent:"flex-start"}},j=n(1),I=n.n(j),N=n(3);const O=I.a.div.withConfig({displayName:"responsive__ArticleMainVideoContainer",componentId:"f6lsbb-0"})(["background-color:#121212;"]),_=I.a.div.withConfig({displayName:"responsive__CommentContainer",componentId:"f6lsbb-1"})(["background-color:#fff;margin:32px auto 0;padding-inline:20px;"]),k=I.a.div.withConfig({displayName:"responsive__VideoArticleContainer",componentId:"f6lsbb-2"})(["width:100%;max-width:1144px;margin:0 auto;@media (min-width:","px){column-gap:32px;display:flex;flex-wrap:wrap;justify-content:space-between;padding:24px;padding-bottom:0;}"],N.breakpoints.wide),S=I.a.div.withConfig({displayName:"responsive__ArticleLeadAssetContainer",componentId:"f6lsbb-3"})(['position:relative;width:100%;& *{max-width:100%;}&&& .vjs-poster::before{content:"";display:block;background:linear-gradient( to top,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100% );width:100%;height:25%;position:absolute;bottom:0;left:0;z-index:1;}&&& .vjs-big-play-button .vjs-icon-placeholder::before,.vjs-big-play-button .vjs-icon-placeholder::after{bottom:24px;left:24px;width:48px !important;background-size:48px;background-position-y:32px;z-index:2;@media (min-width:',"px){background-position-y:18px;background-size:62px;width:62px !important;}background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAASOSURBVHgB7Z2/ctNKFMY/M+mveYHL5tYXSGiBQaYEZjBvEOigCemgCq6gIqSBjjgFlBgKKLFmoIbwBN7wApgnWM7R7hpZ/iPJGGs32t/MiWJsJvaX7+zZ7D81UCFKqSZdIgpBcd5chXlaZF4+pJCp6zFFTHHUaDSGqIgGVkhKsCsUbUyKtCgSWsx3fK1S0L8CCRdR9Ch+qNVwQNGGz7DbKHZXKNo0BhRbFAK+oNwQLsuAYheuo/Rve6DcZUCxBdegNyUo+sofuD0WcAF6I9vKrXQtCr/nLVSF0m3dnvKfPfwBC/UDlbZ/j2IDJ4MjilvUf5QoSWkBjXh9LK8T7AqSolVWxFICnmDxLBIlRSwsYA3Es0iUELGQgDUSzyJRUMSiAn7FySkYReHC0sobmDiFHEyZr5t4DH/m3D//5jpQ6Y7mAerNDrnw2awnZwpo2j1O3SbqDafw5qz2cF4Kc+rWXTyGNZiZhVMFNKnr94DkconUjL+bp6YwvXiA+nRZiiKhU3msKk84UOmBR4FAFkFxP/uPYw6sYYe5LOy+9bQLsw6MEMSbBxeUMRdmHRjavnyG5MDT9sHIgUpPAwoE8uCB5Mg+SKfwTQSKsm2/SVJY6RUDPxAoyqiYWAdGqJA4/oTh8Cc8wi5RGaVwpel7ePgaFzYv0vUVPCLiL044kJHyO25v3cWd23eT7z0gMd0p0/4JOEK3+wpXW9d8cCMvJmiyA50bLLVuvNq67robIxYwgqNwcflv/X90Oo/hKIIFFHCczqPHiZAOuvE8C3gGHsDisYg7Ow9c6vIkDvRq1Hn/2XOXujx+pHAWl7o83jkwjQNdHpE7L+w6VXd5vBewarwXsNlsYm/vCT7230OIf7Fq1qBnmwQ8pN2+gZcHL0jEf1ARwzV4iBBnEuGi6BIqRnIKS3jE9vY9fPn62QXxmMSBx/CAjY1zeEptnSPCWRIHHsFhuEjs7j50yXVpjm0RcZIoupy0dVVU14LE7MAYjlF116QER2s8s0QjqxKOdGUc6JoURaZn5d6hYrhr8rH/AW96r30Qj4n5i50X5lUJPVREHH+mKnvWF+EsvLPpbXpindfFhBWpxTk9SmGzXCtGoChdu8QtPZiwj0BRRjUju7yN18eENJ4PV991+yA7nBVcmE8n/SDrwFBM5iOR2UM35kDTMAYXzuYwu+FmYpuDcSHvUBIIpBlr+ywTQ/rGhR0EskzVZN5eOd7uECHAvCVj3Zr2RNhsmM9imw3NfwiprLe7yllPzp3WNPtk61yV90mD7rwX5G75N1WZ28Pabfkn8TbzXpQ7sW6qMjegEvVBQn/mXMKxJ5NILPvYE0s4eGeScPTTbyQWOPqp9OIi8wNacHw+uST2jBiJkiy0Oot/kKlQJ6GLw59hIfGWgtLHfvp6AON9uIDSR4D2lD/0lYsn+6pwCO1yoDf5SLklJKcrvyd/BkaUTuuqHemfcNOgD9Cm6KrVwKJxexxhBSx0CO2iqN83I+ClJHxDAoHlIGFuRIAV34xgpQJmMYLyKE8EvWdPQA/g2msambpyfDPXSu/e8AvQJ5cIyAKg2gAAAABJRU5ErkJggg==);}&&& .vjs-big-play-button:hover .vjs-icon-placeholder::before,.vjs-big-play-button:hover .vjs-icon-placeholder::after{opacity:0.4;}"],N.breakpoints.medium),R=I.a.div.withConfig({displayName:"responsive__ArticleBodyContainer",componentId:"f6lsbb-4"})(["margin:0 auto;display:flex;flex-wrap:wrap;@media (min-width:","px){margin:0;width:calc(100% - 252px);}"],N.breakpoints.wide),F=I.a.div.withConfig({displayName:"responsive__ArticleBody",componentId:"f6lsbb-5"})(["display:flex;flex-direction:column;flex-wrap:wrap;justify-content:space-between;padding:20px;& > div{margin:0;padding:0;}@media (min-width:","px){padding:24px;}@media (min-width:","px){padding:24px 0 0;}@media (min-width:1440px){flex-direction:row;}"],N.breakpoints.medium,N.breakpoints.wide),U=I.a.div.withConfig({displayName:"responsive__ContentFooterContainer",componentId:"f6lsbb-6"})(["padding:20px;margin:0 auto;width:100%;max-width:1144px;@media (min-width:","px){padding:24px;}"],N.breakpoints.medium),D=I.a.div.withConfig({displayName:"responsive__SaveAndShareContainer",componentId:"f6lsbb-7"})(["&&&{margin:8px 0 28px;& > div{padding:0;align-items:flex-start;}& button{color:#e4e4e4;background-color:transparent;border-color:#e4e4e4;}}"]),q=I.a.nav.withConfig({displayName:"responsive__TopicsContainer",componentId:"f6lsbb-8"})(["&&&{border-bottom:1px solid #4e4e4e;border-top:1px solid #4e4e4e;margin-top:20px;&&& div{border-color:#E4E4E !important;color:#e4e4e4 !important;}}"]),B=I.a.div.withConfig({displayName:"responsive__ArticleContentContainer",componentId:"f6lsbb-9"})(["max-width:853px;width:100%;",";"],e=>e.isEmbeddedMode&&"margin-bottom: 8px !important;"),P=I.a.div.withConfig({displayName:"responsive__ArticleContent",componentId:"f6lsbb-10"})(['& *{font-family:"Times Digital W04 Regular";font-size:1.6rem;line-height:1.5;letter-spacing:0em;color:#aaa;width:100%;padding:0;margin-block:16px;}']),M=I.a.h1.withConfig({displayName:"responsive__ArticleHeadline",componentId:"f6lsbb-11"})(['font-family:"TimesModern-Bold";font-size:3.6rem;font-weight:400;line-height:1.125;letter-spacing:0.03em;color:#fff;margin:0;']),T=I.a.span.withConfig({displayName:"responsive__ArticleTitle",componentId:"f6lsbb-12"})(['font-family:"TimesModern-Bold";font-size:2rem;line-height:1.125;letter-spacing:0em;color:#fff;']),L=I.a.div.withConfig({displayName:"responsive__ArticleMeta",componentId:"f6lsbb-13"})(['font-family:"Roboto";font-size:1.2rem;line-height:1.5;letter-spacing:0em;color:#aaa;margin-top:10px;@media (min-width:',"px){margin-top:8px;}"],N.breakpoints.wide),H=I.a.div.withConfig({displayName:"responsive__ArticleLabelContainer",componentId:"f6lsbb-14"})(["&&&{width:100%;@media (min-width:","px){margin-bottom:10px;}}"],N.breakpoints.wide),K=I.a.p.withConfig({displayName:"responsive__ArticleLabelText",componentId:"f6lsbb-15"})(['font-family:"Roboto";font-size:1.2rem;line-height:1.5;font-weight:700;letter-spacing:0.03em;margin:0;margin-bottom:10px;position:relative;text-transform:uppercase;color:',";z-index:2;"],e=>e.$color||"#FFF"),Y=I.a.div.withConfig({displayName:"responsive__BreadcrumbContainer",componentId:"f6lsbb-16"})(["& *{color:#fff !important;justify-content:center;}"]),z=e=>{let t=e.topics;return t&&t.length>0?r.a.createElement(h.a,{state:h.a.showTopicTags},r.a.createElement(q,null,r.a.createElement(C.a,{style:E.topicsMetaContainer,topics:t}))):null};z.defaultProps={topics:null};var V=z;const Q=v.a.shape({text:v.a.string}),X={attributes:v.a.object.isRequired,name:v.a.string.isRequired},G={children:v.a.arrayOf(v.a.oneOfType([v.a.shape(X),Q])).isRequired};v.a.arrayOf(v.a.shape(G)),v.a.func,v.a.string,v.a.string;function J(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function W(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}v.a.shape({}).isRequired,v.a.func.isRequired,v.a.shape(function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?J(Object(n),!0).forEach((function(t){W(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):J(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},void 0)),v.a.func,v.a.shape({}).isRequired,v.a.bool;var Z=n(14),$=n.n(Z);const ee=I.a.div.withConfig({displayName:"article-up-next__ArticleUpNextContainer",componentId:"sc-1eumaps-0"})(["width:100%;background-color:#1d1d1b;@media (min-width:","px){background-color:unset;width:220px;order:0;}"],N.breakpoints.wide),te=I.a.div.withConfig({displayName:"article-up-next__UpNextContainer",componentId:"sc-1eumaps-1"})(["position:relative;padding:20px;@media (min-width:","px){padding:24px;}@media (min-width:","px){padding:0;}"],N.breakpoints.medium,N.breakpoints.wide),ne=I.a.div.withConfig({displayName:"article-up-next__UpNextScroll",componentId:"sc-1eumaps-2"})(["overflow-x:auto;position:relative;&::-webkit-scrollbar{display:none;}-ms-overflow-style:none;scrollbar-width:none;"]),ie=I.a.div.withConfig({displayName:"article-up-next__UpNextTiles",componentId:"sc-1eumaps-3"})(["display:grid;grid-template-columns:repeat(4,minmax(156px,1fr));grid-column-gap:24px;@media (min-width:","px){grid-column-gap:0;grid-row-gap:24px;grid-template-columns:1fr;}"],N.breakpoints.wide),re=I.a.div.withConfig({displayName:"article-up-next__UpNextTile",componentId:"sc-1eumaps-4"})(['display:flex;flex-direction:column;gap:8px;position:relative;& *{max-width:100%;}&:not(:last-child)::after{content:"";position:absolute;background-color:#333;z-index:1;height:100%;width:1px;right:-12px;}@media (min-width:',"px){&:not(:last-child)::after{height:1px;width:100%;left:0;bottom:-12px;}}&&& .vjs-big-play-button .vjs-icon-placeholder::before,.vjs-big-play-button .vjs-icon-placeholder::after{display:none !important;}"],N.breakpoints.wide),ae=I.a.div.withConfig({displayName:"article-up-next__ImageContainer",componentId:"sc-1eumaps-5"})(["position:relative;margin-bottom:8px;"]),oe=I.a.div.withConfig({displayName:"article-up-next__ImageOverlay",componentId:"sc-1eumaps-6"})(["bottom:0;position:absolute;width:100%;height:50%;background:linear-gradient( to top,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100% );z-index:1;"]),le=I()(K).withConfig({displayName:"article-up-next__VideoDurationLabel",componentId:"sc-1eumaps-7"})(["bottom:0;left:10px;position:absolute;"]),se=I.a.div.withConfig({displayName:"article-up-next__UpNextTileOverlay",componentId:"sc-1eumaps-8"})(["@media (max-width:1023px){position:absolute;top:0;right:0;height:100%;width:75px;z-index:1;}"]),pe=I()(se).withConfig({displayName:"article-up-next__UpNextTileOverlayRight",componentId:"sc-1eumaps-9"})(["background-image:linear-gradient(to left,#1d1d1b,transparent);display:",";"],e=>e.$displayStatus?"flex":"none"),ce=I()(se).withConfig({displayName:"article-up-next__UpNextTileOverlayLeft",componentId:"sc-1eumaps-10"})(["display:",";background-image:linear-gradient(to right,#1d1d1b,transparent);left:0;"],e=>e.$displayStatus?"flex":"none");function de(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=e&&("undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"]);if(null==n)return;var i,r,a=[],o=!0,l=!1;try{for(n=n.call(e);!(o=(i=n.next()).done)&&(a.push(i.value),!t||a.length!==t);o=!0);}catch(e){l=!0,r=e}finally{try{o||null==n.return||n.return()}finally{if(l)throw r}}return a}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return me(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return me(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function me(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,i=new Array(t);n<t;n++)i[n]=e[n];return i}const ue=e=>{let t=e.upNextArticles;const n=Object(i.useRef)(null),a=de(Object(i.useState)({left:!1,right:!0}),2),o=a[0],l=a[1],p=e=>{const t=n.current.scrollLeft;l({left:t>5,right:!e||0===t})};return Object(i.useEffect)(()=>{n.current&&(n.current.addEventListener("scroll",()=>{Object(s.debounce)(p(),1e3)}),n.current.addEventListener("scrollend",()=>{Object(s.debounce)(p(!0),500)}))},[]),r.a.createElement(ee,null,r.a.createElement(te,null,r.a.createElement(K,null,"Up Next"),t.length>2&&r.a.createElement(ce,{$displayStatus:o.left}),r.a.createElement(ne,{ref:n},r.a.createElement(ie,null,t.map(e=>r.a.createElement(re,{key:e.id},r.a.createElement(g.a,{url:e.url},r.a.createElement(ae,null,r.a.createElement(le,null,e.duration),r.a.createElement(oe,null),r.a.createElement($.a,{aspectRatio:16/9,uri:e.posterImage})),r.a.createElement(T,null,e.title)))))),t.length>1&&r.a.createElement(pe,{$displayStatus:o.right})))};class fe extends i.Component{constructor(e){super(e),this.renderContent=this.renderContent.bind(this),this.renderContentFooter=this.renderContentFooter.bind(this)}renderContent(e){let t=e.content,n=e.SaveAndShare;const i=this.props,a=i.article,o=i.articleDataFromRender,l=a.headline,p=a.publicationName,d=a.publishedTime,u=a.shortHeadline,f=a.leadAsset,b=a.relatedArticleSlice,h=a.upNext,w=o||{},x=w.breadcrumbs,y=w.isEmbeddedMode,v=x&&x.length>0?x[0]:null,A=v&&v.title||"",C={comment:"#9b1f45","business-money":"#21709c",sport:"#007a3f","life-style":"#149fb5",culture:"#942364",travel:"#145683",world:"#005e61",uk:"#39556a"}[v&&v.url.split("/")[1]||""],E=e=>{if(e){return(e/6e4).toFixed(2).replace(".",":")}return null},j=h&&h.items?h.items.map(e=>({id:e.article.id,title:e.article.headline,url:e.article.url,posterImage:e.article.leadAsset.posterImage.crop169.url,duration:E(e.article.leadAsset.duration)})):null,I=f.posterImage&&f.posterImage.crop169;return r.a.createElement(k,null,r.a.createElement(R,null,r.a.createElement(S,null,r.a.createElement(m.a,{aspectRatio:"16:9",displayImage:I,getImageCrop:()=>I,leadAsset:a.leadAsset,isVideo:!0})),r.a.createElement(F,null,r.a.createElement(H,null,r.a.createElement(K,null,C&&r.a.createElement(r.a.Fragment,null,r.a.createElement(K,{as:"span",$color:C},A)," | "),E(f.duration))),r.a.createElement(B,{isEmbeddedMode:y},r.a.createElement(M,null,Object(s.getHeadline)(l,u)),r.a.createElement(L,null,r.a.createElement(c.a,{date:d,publication:p})),r.a.createElement(P,null,t)),!y&&r.a.createElement(D,null,n),!!b&&r.a.createElement(B,null,r.a.createElement(K,{$color:"#AAA"},"Related Article"),r.a.createElement(g.a,{url:b.items[0].article.url},r.a.createElement(T,null,b.items[0].article.headline))))),!!j&&r.a.createElement(ue,{upNextArticles:j}))}renderContentFooter(){const e=this.props,t=e.article,n=e.articleDataFromRender,i=e.commentingConfig,o=t.topics,s=t.commentsEnabled,p=t.id,c=(n||{}).breadcrumbs,d=["c8bf6998-d498-11ed-b5c3-54651fc826e9"],m=e=>d.includes(p)?null:r.a.createElement(a.InlineAdWrapper,{isDark:!0},r.a.createElement(a.InlineAdTitle,{isDark:!0},"Advertisement"),r.a.createElement(l.AdContainer,{slotName:e}));return r.a.createElement(r.a.Fragment,null,r.a.createElement(U,null,c&&c.length>0&&r.a.createElement(Y,null,r.a.createElement(u.Breadcrumb,{data:c})),r.a.createElement(V,{topics:o}),m("videoAd1"),r.a.createElement(h.a,{state:h.a.showArticleExtras},r.a.createElement(_,null,r.a.createElement(x.a,{articleId:p,isEnabled:s,commentingConfig:i,domainSpecificUrl:"https://www.thetimes.com",isDark:!0}))),m("videoAd2")))}render(){const e=this.props,t=e.article,n=e.analyticsStream,i=e.error,a=e.isLoading,l=e.logoUrl,s=e.navigationMode,p=e.receiveChildList,c=e.commentingConfig,d=e.articleDataFromRender,m=e.paidContentClassName,u=e.isPreview,f=e.swgProductId,g=e.getFallbackThumbnailUrl169,b=e.zephrDivs,h=e.removeTeaserContent;return i||a?null:r.a.createElement(O,null,r.a.createElement(o.a,{analyticsStream:n,data:t,Content:this.renderContent,ContentFooter:this.renderContentFooter,logoUrl:l,getFallbackThumbnailUrl169:g,receiveChildList:p,navigationMode:s,commentingConfig:c,articleDataFromRender:d,paidContentClassName:m,isPreview:u,swgProductId:f,zephrDivs:b,removeTeaserContent:h}))}}fe.defaultProps={data:null,receiveChildList:()=>{}};t.default=fe}]);
+module.exports=function(e){var t={};function n(i){if(t[i])return t[i].exports;var r=t[i]={i:i,l:!1,exports:{}};return e[i].call(r.exports,r,r.exports,n),r.l=!0,r.exports}return n.m=e,n.c=t,n.d=function(e,t,i){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:i})},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 i=Object.create(null);if(n.r(i),Object.defineProperty(i,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)n.d(i,r,function(t){return e[t]}.bind(null,r));return i},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=15)}([function(e,t){e.exports=require("react")},function(e,t){e.exports=require("styled-components")},function(e,t){e.exports=require("prop-types")},function(e,t){e.exports=require("@times-components/ts-styleguide/rnw")},function(e,t){e.exports=require("@times-components/user-state/rnw")},function(e,t){e.exports=require("@times-components/utils/rnw")},function(e,t){e.exports=require("@times-components/link/rnw")},function(e,t){e.exports=require("@times-components/article-skeleton/rnw")},function(e,t){e.exports=require("@times-components/ad/rnw")},function(e,t){e.exports=require("@times-components/date-publication/rnw")},function(e,t){e.exports=require("@times-components/article-lead-asset/rnw")},function(e,t){e.exports=require("@times-components/ts-components/rnw")},function(e,t){e.exports=require("@times-components/article-comments/rnw")},function(e,t){e.exports=require("@times-components/article-topics/rnw")},function(e,t){e.exports=require("@times-components/image/rnw")},function(e,t,n){"use strict";n.r(t);var i=n(0),r=n.n(i),a=n(7),o=n.n(a),l=n(8),s=n(5),p=n(9),c=n.n(p),d=n(10),m=n.n(d),u=n(11),f=n(6),g=n.n(f),b=n(4),h=n.n(b),w=n(12),x=n.n(w),y=n(2),v=n.n(y),A=n(13),C=n.n(A);var E={topicsMetaContainer:{justifyContent:"flex-start"}},j=n(1),I=n.n(j),N=n(3);const O=I.a.div.withConfig({displayName:"responsive__ArticleMainVideoContainer",componentId:"f6lsbb-0"})(["background-color:#121212;"]),_=I.a.div.withConfig({displayName:"responsive__CommentContainer",componentId:"f6lsbb-1"})(["background-color:#fff;margin:32px auto 0;"]),k=I.a.div.withConfig({displayName:"responsive__VideoArticleContainer",componentId:"f6lsbb-2"})(["width:100%;max-width:1144px;margin:0 auto;@media (min-width:","px){column-gap:32px;display:flex;flex-wrap:wrap;justify-content:space-between;padding:24px;padding-bottom:0;}"],N.breakpoints.wide),S=I.a.div.withConfig({displayName:"responsive__ArticleLeadAssetContainer",componentId:"f6lsbb-3"})(['position:relative;width:100%;& *{max-width:100%;}&&& .vjs-poster::before{content:"";display:block;background:linear-gradient( to top,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100% );width:100%;height:25%;position:absolute;bottom:0;left:0;z-index:1;}&&& .vjs-big-play-button .vjs-icon-placeholder::before,.vjs-big-play-button .vjs-icon-placeholder::after{bottom:24px;left:24px;width:48px !important;background-size:48px;background-position-y:32px;z-index:2;@media (min-width:',"px){background-position-y:18px;background-size:62px;width:62px !important;}background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAASOSURBVHgB7Z2/ctNKFMY/M+mveYHL5tYXSGiBQaYEZjBvEOigCemgCq6gIqSBjjgFlBgKKLFmoIbwBN7wApgnWM7R7hpZ/iPJGGs32t/MiWJsJvaX7+zZ7D81UCFKqSZdIgpBcd5chXlaZF4+pJCp6zFFTHHUaDSGqIgGVkhKsCsUbUyKtCgSWsx3fK1S0L8CCRdR9Ch+qNVwQNGGz7DbKHZXKNo0BhRbFAK+oNwQLsuAYheuo/Rve6DcZUCxBdegNyUo+sofuD0WcAF6I9vKrXQtCr/nLVSF0m3dnvKfPfwBC/UDlbZ/j2IDJ4MjilvUf5QoSWkBjXh9LK8T7AqSolVWxFICnmDxLBIlRSwsYA3Es0iUELGQgDUSzyJRUMSiAn7FySkYReHC0sobmDiFHEyZr5t4DH/m3D//5jpQ6Y7mAerNDrnw2awnZwpo2j1O3SbqDafw5qz2cF4Kc+rWXTyGNZiZhVMFNKnr94DkconUjL+bp6YwvXiA+nRZiiKhU3msKk84UOmBR4FAFkFxP/uPYw6sYYe5LOy+9bQLsw6MEMSbBxeUMRdmHRjavnyG5MDT9sHIgUpPAwoE8uCB5Mg+SKfwTQSKsm2/SVJY6RUDPxAoyqiYWAdGqJA4/oTh8Cc8wi5RGaVwpel7ePgaFzYv0vUVPCLiL044kJHyO25v3cWd23eT7z0gMd0p0/4JOEK3+wpXW9d8cCMvJmiyA50bLLVuvNq67robIxYwgqNwcflv/X90Oo/hKIIFFHCczqPHiZAOuvE8C3gGHsDisYg7Ow9c6vIkDvRq1Hn/2XOXujx+pHAWl7o83jkwjQNdHpE7L+w6VXd5vBewarwXsNlsYm/vCT7230OIf7Fq1qBnmwQ8pN2+gZcHL0jEf1ARwzV4iBBnEuGi6BIqRnIKS3jE9vY9fPn62QXxmMSBx/CAjY1zeEptnSPCWRIHHsFhuEjs7j50yXVpjm0RcZIoupy0dVVU14LE7MAYjlF116QER2s8s0QjqxKOdGUc6JoURaZn5d6hYrhr8rH/AW96r30Qj4n5i50X5lUJPVREHH+mKnvWF+EsvLPpbXpindfFhBWpxTk9SmGzXCtGoChdu8QtPZiwj0BRRjUju7yN18eENJ4PV991+yA7nBVcmE8n/SDrwFBM5iOR2UM35kDTMAYXzuYwu+FmYpuDcSHvUBIIpBlr+ywTQ/rGhR0EskzVZN5eOd7uECHAvCVj3Zr2RNhsmM9imw3NfwiprLe7yllPzp3WNPtk61yV90mD7rwX5G75N1WZ28Pabfkn8TbzXpQ7sW6qMjegEvVBQn/mXMKxJ5NILPvYE0s4eGeScPTTbyQWOPqp9OIi8wNacHw+uST2jBiJkiy0Oot/kKlQJ6GLw59hIfGWgtLHfvp6AON9uIDSR4D2lD/0lYsn+6pwCO1yoDf5SLklJKcrvyd/BkaUTuuqHemfcNOgD9Cm6KrVwKJxexxhBSx0CO2iqN83I+ClJHxDAoHlIGFuRIAV34xgpQJmMYLyKE8EvWdPQA/g2msambpyfDPXSu/e8AvQJ5cIyAKg2gAAAABJRU5ErkJggg==);}&&& .vjs-big-play-button:hover .vjs-icon-placeholder::before,.vjs-big-play-button:hover .vjs-icon-placeholder::after{opacity:0.4;}"],N.breakpoints.medium),R=I.a.div.withConfig({displayName:"responsive__ArticleBodyContainer",componentId:"f6lsbb-4"})(["margin:0 auto;display:flex;flex-wrap:wrap;@media (min-width:","px){margin:0;width:calc(100% - 252px);}"],N.breakpoints.wide),F=I.a.div.withConfig({displayName:"responsive__ArticleBody",componentId:"f6lsbb-5"})(["display:flex;flex-direction:column;flex-wrap:wrap;justify-content:space-between;padding:20px;& > div{margin:0;padding:0;}@media (min-width:","px){padding:24px;}@media (min-width:","px){padding:24px 0 0;}@media (min-width:1440px){flex-direction:row;}"],N.breakpoints.medium,N.breakpoints.wide),U=I.a.div.withConfig({displayName:"responsive__ContentFooterContainer",componentId:"f6lsbb-6"})(["padding:20px;margin:0 auto;width:100%;max-width:1144px;@media (min-width:","px){padding:24px;}"],N.breakpoints.medium),D=I.a.div.withConfig({displayName:"responsive__SaveAndShareContainer",componentId:"f6lsbb-7"})(["&&&{margin:8px 0 28px;& > div{padding:0;align-items:flex-start;}& button{color:#e4e4e4;background-color:transparent;border-color:#e4e4e4;}}"]),q=I.a.nav.withConfig({displayName:"responsive__TopicsContainer",componentId:"f6lsbb-8"})(["&&&{border-bottom:1px solid #4e4e4e;border-top:1px solid #4e4e4e;margin-top:20px;&&& div{border-color:#E4E4E !important;color:#e4e4e4 !important;}}"]),B=I.a.div.withConfig({displayName:"responsive__ArticleContentContainer",componentId:"f6lsbb-9"})(["max-width:853px;width:100%;",";"],e=>e.isEmbeddedMode&&"margin-bottom: 8px !important;"),P=I.a.div.withConfig({displayName:"responsive__ArticleContent",componentId:"f6lsbb-10"})(['& *{font-family:"Times Digital W04 Regular";font-size:1.6rem;line-height:1.5;letter-spacing:0em;color:#aaa;width:100%;padding:0;margin-block:16px;}']),M=I.a.h1.withConfig({displayName:"responsive__ArticleHeadline",componentId:"f6lsbb-11"})(['font-family:"TimesModern-Bold";font-size:3.6rem;font-weight:400;line-height:1.125;letter-spacing:0.03em;color:#fff;margin:0;']),T=I.a.span.withConfig({displayName:"responsive__ArticleTitle",componentId:"f6lsbb-12"})(['font-family:"TimesModern-Bold";font-size:2rem;line-height:1.125;letter-spacing:0em;color:#fff;']),L=I.a.div.withConfig({displayName:"responsive__ArticleMeta",componentId:"f6lsbb-13"})(['font-family:"Roboto";font-size:1.2rem;line-height:1.5;letter-spacing:0em;color:#aaa;margin-top:10px;@media (min-width:',"px){margin-top:8px;}"],N.breakpoints.wide),H=I.a.div.withConfig({displayName:"responsive__ArticleLabelContainer",componentId:"f6lsbb-14"})(["&&&{width:100%;@media (min-width:","px){margin-bottom:10px;}}"],N.breakpoints.wide),K=I.a.p.withConfig({displayName:"responsive__ArticleLabelText",componentId:"f6lsbb-15"})(['font-family:"Roboto";font-size:1.2rem;line-height:1.5;font-weight:700;letter-spacing:0.03em;margin:0;margin-bottom:10px;position:relative;text-transform:uppercase;color:',";z-index:2;"],e=>e.$color||"#FFF"),Y=I.a.div.withConfig({displayName:"responsive__BreadcrumbContainer",componentId:"f6lsbb-16"})(["& *{color:#fff !important;justify-content:center;}"]),z=e=>{let t=e.topics;return t&&t.length>0?r.a.createElement(h.a,{state:h.a.showTopicTags},r.a.createElement(q,null,r.a.createElement(C.a,{style:E.topicsMetaContainer,topics:t}))):null};z.defaultProps={topics:null};var V=z;const Q=v.a.shape({text:v.a.string}),X={attributes:v.a.object.isRequired,name:v.a.string.isRequired},G={children:v.a.arrayOf(v.a.oneOfType([v.a.shape(X),Q])).isRequired};v.a.arrayOf(v.a.shape(G)),v.a.func,v.a.string,v.a.string;function J(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function W(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}v.a.shape({}).isRequired,v.a.func.isRequired,v.a.shape(function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?J(Object(n),!0).forEach((function(t){W(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):J(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},void 0)),v.a.func,v.a.shape({}).isRequired,v.a.bool;var Z=n(14),$=n.n(Z);const ee=I.a.div.withConfig({displayName:"article-up-next__ArticleUpNextContainer",componentId:"sc-1eumaps-0"})(["width:100%;background-color:#1d1d1b;@media (min-width:","px){background-color:unset;width:220px;order:0;}"],N.breakpoints.wide),te=I.a.div.withConfig({displayName:"article-up-next__UpNextContainer",componentId:"sc-1eumaps-1"})(["position:relative;padding:20px;@media (min-width:","px){padding:24px;}@media (min-width:","px){padding:0;}"],N.breakpoints.medium,N.breakpoints.wide),ne=I.a.div.withConfig({displayName:"article-up-next__UpNextScroll",componentId:"sc-1eumaps-2"})(["overflow-x:auto;position:relative;&::-webkit-scrollbar{display:none;}-ms-overflow-style:none;scrollbar-width:none;"]),ie=I.a.div.withConfig({displayName:"article-up-next__UpNextTiles",componentId:"sc-1eumaps-3"})(["display:grid;grid-template-columns:repeat(4,minmax(156px,1fr));grid-column-gap:24px;@media (min-width:","px){grid-column-gap:0;grid-row-gap:24px;grid-template-columns:1fr;}"],N.breakpoints.wide),re=I.a.div.withConfig({displayName:"article-up-next__UpNextTile",componentId:"sc-1eumaps-4"})(['display:flex;flex-direction:column;gap:8px;position:relative;& *{max-width:100%;}&:not(:last-child)::after{content:"";position:absolute;background-color:#333;z-index:1;height:100%;width:1px;right:-12px;}@media (min-width:',"px){&:not(:last-child)::after{height:1px;width:100%;left:0;bottom:-12px;}}&&& .vjs-big-play-button .vjs-icon-placeholder::before,.vjs-big-play-button .vjs-icon-placeholder::after{display:none !important;}"],N.breakpoints.wide),ae=I.a.div.withConfig({displayName:"article-up-next__ImageContainer",componentId:"sc-1eumaps-5"})(["position:relative;margin-bottom:8px;"]),oe=I.a.div.withConfig({displayName:"article-up-next__ImageOverlay",componentId:"sc-1eumaps-6"})(["bottom:0;position:absolute;width:100%;height:50%;background:linear-gradient( to top,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100% );z-index:1;"]),le=I()(K).withConfig({displayName:"article-up-next__VideoDurationLabel",componentId:"sc-1eumaps-7"})(["bottom:0;left:10px;position:absolute;"]),se=I.a.div.withConfig({displayName:"article-up-next__UpNextTileOverlay",componentId:"sc-1eumaps-8"})(["@media (max-width:1023px){position:absolute;top:0;right:0;height:100%;width:75px;z-index:1;}"]),pe=I()(se).withConfig({displayName:"article-up-next__UpNextTileOverlayRight",componentId:"sc-1eumaps-9"})(["background-image:linear-gradient(to left,#1d1d1b,transparent);display:",";"],e=>e.$displayStatus?"flex":"none"),ce=I()(se).withConfig({displayName:"article-up-next__UpNextTileOverlayLeft",componentId:"sc-1eumaps-10"})(["display:",";background-image:linear-gradient(to right,#1d1d1b,transparent);left:0;"],e=>e.$displayStatus?"flex":"none");function de(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=e&&("undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"]);if(null==n)return;var i,r,a=[],o=!0,l=!1;try{for(n=n.call(e);!(o=(i=n.next()).done)&&(a.push(i.value),!t||a.length!==t);o=!0);}catch(e){l=!0,r=e}finally{try{o||null==n.return||n.return()}finally{if(l)throw r}}return a}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return me(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return me(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function me(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,i=new Array(t);n<t;n++)i[n]=e[n];return i}const ue=e=>{let t=e.upNextArticles;const n=Object(i.useRef)(null),a=de(Object(i.useState)({left:!1,right:!0}),2),o=a[0],l=a[1],p=e=>{const t=n.current.scrollLeft;l({left:t>5,right:!e||0===t})};return Object(i.useEffect)(()=>{n.current&&(n.current.addEventListener("scroll",()=>{Object(s.debounce)(p(),1e3)}),n.current.addEventListener("scrollend",()=>{Object(s.debounce)(p(!0),500)}))},[]),r.a.createElement(ee,null,r.a.createElement(te,null,r.a.createElement(K,null,"Up Next"),t.length>2&&r.a.createElement(ce,{$displayStatus:o.left}),r.a.createElement(ne,{ref:n},r.a.createElement(ie,null,t.map(e=>r.a.createElement(re,{key:e.id},r.a.createElement(g.a,{url:e.url},r.a.createElement(ae,null,r.a.createElement(le,null,e.duration),r.a.createElement(oe,null),r.a.createElement($.a,{aspectRatio:16/9,uri:e.posterImage})),r.a.createElement(T,null,e.title)))))),t.length>1&&r.a.createElement(pe,{$displayStatus:o.right})))};class fe extends i.Component{constructor(e){super(e),this.renderContent=this.renderContent.bind(this),this.renderContentFooter=this.renderContentFooter.bind(this)}renderContent(e){let t=e.content,n=e.SaveAndShare;const i=this.props,a=i.article,o=i.articleDataFromRender,l=a.headline,p=a.publicationName,d=a.publishedTime,u=a.shortHeadline,f=a.leadAsset,b=a.relatedArticleSlice,h=a.upNext,w=o||{},x=w.breadcrumbs,y=w.isEmbeddedMode,v=x&&x.length>0?x[0]:null,A=v&&v.title||"",C={comment:"#9b1f45","business-money":"#21709c",sport:"#007a3f","life-style":"#149fb5",culture:"#942364",travel:"#145683",world:"#005e61",uk:"#39556a"}[v&&v.url.split("/")[1]||""],E=e=>{if(e){return(e/6e4).toFixed(2).replace(".",":")}return null},j=h&&h.items?h.items.map(e=>({id:e.article.id,title:e.article.headline,url:e.article.url,posterImage:e.article.leadAsset.posterImage.crop169.url,duration:E(e.article.leadAsset.duration)})):null,I=f.posterImage&&f.posterImage.crop169;return r.a.createElement(k,null,r.a.createElement(R,null,r.a.createElement(S,null,r.a.createElement(m.a,{aspectRatio:"16:9",displayImage:I,getImageCrop:()=>I,leadAsset:a.leadAsset,isVideo:!0})),r.a.createElement(F,null,r.a.createElement(H,null,r.a.createElement(K,null,C&&r.a.createElement(r.a.Fragment,null,r.a.createElement(K,{as:"span",$color:C},A)," | "),E(f.duration))),r.a.createElement(B,{isEmbeddedMode:y},r.a.createElement(M,null,Object(s.getHeadline)(l,u)),r.a.createElement(L,null,r.a.createElement(c.a,{date:d,publication:p})),r.a.createElement(P,null,t)),!y&&r.a.createElement(D,null,n),!!b&&r.a.createElement(B,null,r.a.createElement(K,{$color:"#AAA"},"Related Article"),r.a.createElement(g.a,{url:b.items[0].article.url},r.a.createElement(T,null,b.items[0].article.headline))))),!!j&&r.a.createElement(ue,{upNextArticles:j}))}renderContentFooter(){const e=this.props,t=e.article,n=e.articleDataFromRender,i=e.commentingConfig,o=t.topics,s=t.commentsEnabled,p=t.id,c=(n||{}).breadcrumbs,d=["c8bf6998-d498-11ed-b5c3-54651fc826e9"],m=e=>d.includes(p)?null:r.a.createElement(a.InlineAdWrapper,{isDark:!0},r.a.createElement(a.InlineAdTitle,{isDark:!0},"Advertisement"),r.a.createElement(l.AdContainer,{slotName:e}));return r.a.createElement(r.a.Fragment,null,r.a.createElement(U,null,c&&c.length>0&&r.a.createElement(Y,null,r.a.createElement(u.Breadcrumb,{data:c})),r.a.createElement(V,{topics:o}),m("videoAd1"),r.a.createElement(h.a,{state:h.a.showArticleExtras},r.a.createElement(_,null,r.a.createElement(x.a,{articleId:p,isEnabled:s,commentingConfig:i,domainSpecificUrl:"https://www.thetimes.com",isDark:!0}))),m("videoAd2")))}render(){const e=this.props,t=e.article,n=e.analyticsStream,i=e.error,a=e.isLoading,l=e.logoUrl,s=e.navigationMode,p=e.receiveChildList,c=e.commentingConfig,d=e.articleDataFromRender,m=e.paidContentClassName,u=e.isPreview,f=e.swgProductId,g=e.getFallbackThumbnailUrl169,b=e.zephrDivs,h=e.removeTeaserContent;return i||a?null:r.a.createElement(O,null,r.a.createElement(o.a,{analyticsStream:n,data:t,Content:this.renderContent,ContentFooter:this.renderContentFooter,logoUrl:l,getFallbackThumbnailUrl169:g,receiveChildList:p,navigationMode:s,commentingConfig:c,articleDataFromRender:d,paidContentClassName:m,isPreview:u,swgProductId:f,zephrDivs:b,removeTeaserContent:h}))}}fe.defaultProps={data:null,receiveChildList:()=>{}};t.default=fe}]);