@times-components/article-main-video 1.1.8 → 1.2.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.2.0](https://github.com/newsuk/times-components/compare/@times-components/article-main-video@1.1.8...@times-components/article-main-video@1.2.0) (2025-03-28)
+
+
+### Features
+
+* **TMG-3050:** Fix CTA URL for Commenting banner ([#4103](https://github.com/newsuk/times-components/issues/4103)) ([2a6b973](https://github.com/newsuk/times-components/commit/2a6b973bfaa40105beff42b0223ccb1fc82153c3))
+
+
+
+
+
 ## [1.1.8](https://github.com/newsuk/times-components/compare/@times-components/article-main-video@1.1.7...@times-components/article-main-video@1.1.8) (2025-03-28)
 
 **Note:** Version bump only for package @times-components/article-main-video

package/dist/article-main-video.js

@@ -126,8 +126,7 @@ class ArticlePage extends _react.Component {
           isPreview = _this$props.isPreview,
           swgProductId = _this$props.swgProductId,
           getFallbackThumbnailUrl169 = _this$props.getFallbackThumbnailUrl169,
-          zephrDivs = _this$props.zephrDivs,
-          storefrontConfig = _this$props.storefrontConfig;
+          zephrDivs = _this$props.zephrDivs;
 
     if (error || isLoading) {
       return null;
@@ -147,8 +146,7 @@ class ArticlePage extends _react.Component {
       paidContentClassName: paidContentClassName,
       isPreview: isPreview,
       swgProductId: swgProductId,
-      zephrDivs: zephrDivs,
-      storefrontConfig: storefrontConfig
+      zephrDivs: zephrDivs
     }));
   }
 

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

@@ -23,8 +23,7 @@ const articlePropTypes = {
   data: _propTypes.default.shape(_objectSpread({}, _articleMetaPropTypes.default)),
   receiveChildList: _propTypes.default.func,
   navigationMode: _propTypes.default.shape({}).isRequired,
-  zephrDivs: _propTypes.default.bool,
-  storefrontConfig: _propTypes.default.string.isRequired
+  zephrDivs: _propTypes.default.bool
 };
 exports.articlePropTypes = articlePropTypes;
 const articleDefaultProps = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@times-components/article-main-video",
-  "version": "1.1.8",
+  "version": "1.2.0",
   "description": "Main Video Article Template",
   "main": "dist/article-main-video",
   "dev": "src/article-main-video",
@@ -51,18 +51,18 @@
     "webpack": "4.30.0"
   },
   "dependencies": {
-    "@times-components/ad": "2.22.33",
+    "@times-components/ad": "2.22.34",
     "@times-components/article-lead-asset": "1.19.10",
-    "@times-components/article-skeleton": "1.158.6",
-    "@times-components/article-topics": "4.11.65",
-    "@times-components/context": "1.25.4",
-    "@times-components/date-publication": "0.30.44",
-    "@times-components/image": "6.18.12",
-    "@times-components/link": "3.17.44",
-    "@times-components/ts-components": "1.124.6",
-    "@times-components/ts-styleguide": "1.51.6",
-    "@times-components/user-state": "0.6.5",
-    "@times-components/utils": "6.31.1",
+    "@times-components/article-skeleton": "1.159.0",
+    "@times-components/article-topics": "4.11.66",
+    "@times-components/context": "1.25.5",
+    "@times-components/date-publication": "0.30.45",
+    "@times-components/image": "6.18.13",
+    "@times-components/link": "3.17.45",
+    "@times-components/ts-components": "1.125.0",
+    "@times-components/ts-styleguide": "1.52.0",
+    "@times-components/user-state": "0.6.6",
+    "@times-components/utils": "6.31.2",
     "prop-types": "15.7.2",
     "styled-components": "4.3.2"
   },
@@ -77,5 +77,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "fd81aaeb84c10eec6e6386324ecd729c332265eb"
+  "gitHead": "d3a2621613dab86d8b764fea857c17cb4acb4b8b"
 }

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=13)}([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/utils/rnw")},function(e,t){e.exports=require("@times-components/link/rnw")},function(e,t){e.exports=require("@times-components/user-state/rnw")},function(e,t){e.exports=require("@times-components/article-skeleton/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-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(4),s=n(8),p=n.n(s),c=n(9),d=n.n(c),m=n(10),u=n(5),f=n.n(u),g=n(2),b=n.n(g),h=n(11),w=n.n(h),x=n(6),y=n.n(x);var v={topicsMetaContainer:{justifyContent:"flex-start"}},A=n(1),C=n.n(A),E=n(3);const j=C.a.div.withConfig({displayName:"responsive__ArticleMainVideoContainer",componentId:"f6lsbb-0"})(["background-color:#121212;"]),N=C.a.div.withConfig({displayName:"responsive__VideoArticleContainer",componentId:"f6lsbb-1"})(["width:100%;max-width:1144px;margin:0 auto;@media (min-width:","px){display:flex;flex-wrap:wrap;justify-content:space-between;padding:24px;}"],E.breakpoints.wide),I=C.a.div.withConfig({displayName:"responsive__ArticleLeadAssetContainer",componentId:"f6lsbb-2"})(['position:relative;width:100%;& *{max-width:100%;}&&& .vjs-poster::before{content:"";display:block;background-color:rgba(0,0,0,0.2);width:100%;height:100%;position:absolute;top: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;}"],E.breakpoints.medium),O=C.a.div.withConfig({displayName:"responsive__ArticleBodyContainer",componentId:"f6lsbb-3"})(["margin:0 auto;display:flex;flex-wrap:wrap;@media (min-width:","px){margin:0;width:calc(100% - 240px);}"],E.breakpoints.wide),S=C.a.div.withConfig({displayName:"responsive__ArticleBody",componentId:"f6lsbb-4"})(["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;}@media (min-width:1440px){flex-direction:row;}"],E.breakpoints.medium,E.breakpoints.wide),_=C.a.div.withConfig({displayName:"responsive__ContentFooterContainer",componentId:"f6lsbb-5"})(["padding:20px;margin:0 auto;width:100%;max-width:1144px;@media (min-width:","px){padding:24px;}"],E.breakpoints.medium),k=C.a.div.withConfig({displayName:"responsive__SaveAndShareContainer",componentId:"f6lsbb-6"})(["&&&{margin:8px 0 28px;& > div{padding:0;align-items:flex-start;}& button{color:#e4e4e4;background-color:transparent;border-color:#e4e4e4;}}"]),R=C.a.nav.withConfig({displayName:"responsive__TopicsContainer",componentId:"f6lsbb-7"})(["&&&{border-bottom:1px solid #e4e4e4;border-top:1px solid #e4e4e4;margin-top:20px;&&& div{border-color:#E4E4E !important;color:#e4e4e4 !important;}}"]),U=C.a.div.withConfig({displayName:"responsive__ArticleContentContainer",componentId:"f6lsbb-8"})(["max-width:853px;width:100%;"]),F=C.a.div.withConfig({displayName:"responsive__ArticleContent",componentId:"f6lsbb-9"})(['& *{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;}']),P=C.a.h1.withConfig({displayName:"responsive__ArticleHeadline",componentId:"f6lsbb-10"})(['font-family:"TimesModern-Bold";font-size:3.6rem;line-height:1.125;letter-spacing:0.03em;color:#fff;margin:0;']),B=C.a.span.withConfig({displayName:"responsive__ArticleTitle",componentId:"f6lsbb-11"})(['font-family:"TimesModern-Bold";font-size:2rem;line-height:1.125;letter-spacing:0em;color:#fff;']),q=C.a.div.withConfig({displayName:"responsive__ArticleMeta",componentId:"f6lsbb-12"})(['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;}"],E.breakpoints.wide),D=C.a.div.withConfig({displayName:"responsive__ArticleLabelContainer",componentId:"f6lsbb-13"})(["&&&{width:100%;@media (min-width:","px){margin-bottom:10px;}}"],E.breakpoints.wide),L=C.a.p.withConfig({displayName:"responsive__ArticleLabelText",componentId:"f6lsbb-14"})(['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"),M=C.a.div.withConfig({displayName:"responsive__BreadcrumbContainer",componentId:"f6lsbb-15"})(["& *{color:#fff !important;justify-content:center;}"]),T=e=>{let t=e.topics;return t&&t.length>0?r.a.createElement(y.a,{state:y.a.showTopicTags},r.a.createElement(R,null,r.a.createElement(w.a,{style:v.topicsMetaContainer,topics:t}))):null};T.defaultProps={topics:null};var H=T;const K=b.a.shape({text:b.a.string}),Y={attributes:b.a.object.isRequired,name:b.a.string.isRequired},z={children:b.a.arrayOf(b.a.oneOfType([b.a.shape(Y),K])).isRequired};b.a.arrayOf(b.a.shape(z)),b.a.func,b.a.string,b.a.string;function V(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 Q(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}b.a.shape({}).isRequired,b.a.func.isRequired,b.a.shape(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){Q(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}({},void 0)),b.a.func,b.a.shape({}).isRequired,b.a.bool,b.a.string.isRequired;var X=n(12),G=n.n(X);const J=C.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;}"],E.breakpoints.wide),W=C.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;}"],E.breakpoints.medium,E.breakpoints.wide),Z=C.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;"]),$=C.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;}"],E.breakpoints.wide),ee=C.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;}"],E.breakpoints.wide),te=C.a.div.withConfig({displayName:"article-up-next__ImageContainer",componentId:"sc-1eumaps-5"})(["position:relative;margin-bottom:8px;"]),ne=C()(L).withConfig({displayName:"article-up-next__VideoDurationLabel",componentId:"sc-1eumaps-6"})(["bottom:0;left:10px;position:absolute;"]),ie=C.a.div.withConfig({displayName:"article-up-next__UpNextTileOverlay",componentId:"sc-1eumaps-7"})(["@media (max-width:1023px){position:absolute;top:0;right:0;height:100%;width:75px;z-index:1;}"]),re=C()(ie).withConfig({displayName:"article-up-next__UpNextTileOverlayRight",componentId:"sc-1eumaps-8"})(["background-image:linear-gradient(to left,#1d1d1b,transparent);display:",";"],e=>e.$displayStatus?"flex":"none"),ae=C()(ie).withConfig({displayName:"article-up-next__UpNextTileOverlayLeft",componentId:"sc-1eumaps-9"})(["display:",";background-image:linear-gradient(to right,#1d1d1b,transparent);left:0;"],e=>e.$displayStatus?"flex":"none");function oe(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 le(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 le(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 le(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 se=e=>{let t=e.upNextArticles;const n=Object(i.useRef)(null),a=oe(Object(i.useState)({left:!1,right:!0}),2),o=a[0],s=a[1],p=e=>{const t=n.current.scrollLeft;s({left:t>5,right:!e||0===t})};return Object(i.useEffect)(()=>{n.current&&(n.current.addEventListener("scroll",()=>{Object(l.debounce)(p(),1e3)}),n.current.addEventListener("scrollend",()=>{Object(l.debounce)(p(!0),500)}))},[]),r.a.createElement(J,null,r.a.createElement(W,null,r.a.createElement(L,null,"Up Next"),t.length>2&&r.a.createElement(ae,{$displayStatus:o.left}),r.a.createElement(Z,{ref:n},r.a.createElement($,null,t.map(e=>r.a.createElement(ee,{key:e.id},r.a.createElement(f.a,{url:e.url},r.a.createElement(te,null,r.a.createElement(ne,null,e.duration),r.a.createElement(G.a,{aspectRatio:16/9,uri:e.posterImage})),r.a.createElement(B,null,e.title)))))),t.length>1&&r.a.createElement(re,{$displayStatus:o.right})))};class pe 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.article,a=i.headline,o=i.categoryPath,s=i.publicationName,c=i.publishedTime,m=i.shortHeadline,u=i.leadAsset,g=i.relatedArticles,b=i.upNext,h=o&&o.split("/")[1],w={comment:"#9b1f45","business-money":"#21709c",sport:"#007a3f","life-style":"#149fb5",culture:"#942364",travel:"#145683",world:"#005e61",uk:"#39556a"}[h],x=e=>(e/6e4).toFixed(2).replace(".",":"),y=b&&b.map(e=>({id:e.id,title:e.headline,url:e.url,posterImage:e.leadAsset.posterImage.crop169,duration:x(e.leadAsset.duration)})),v=u.posterImage&&u.posterImage.crop169;return r.a.createElement(N,null,r.a.createElement(O,null,r.a.createElement(I,null,r.a.createElement(d.a,{aspectRatio:"16:9",displayImage:v,getImageCrop:()=>v,leadAsset:i.leadAsset,isVideo:!0})),r.a.createElement(S,null,r.a.createElement(D,null,r.a.createElement(L,null,w&&r.a.createElement(r.a.Fragment,null,r.a.createElement(L,{as:"span",$color:w},h)," | "),x(u.duration))),r.a.createElement(U,null,r.a.createElement(P,null,Object(l.getHeadline)(a,m)),r.a.createElement(q,null,r.a.createElement(p.a,{date:c,publication:s})),r.a.createElement(F,null,t)),r.a.createElement(k,null,n),!!g&&r.a.createElement(U,null,r.a.createElement(L,{$color:"#AAA"},"Related Article"),r.a.createElement(f.a,{url:g[0].url},r.a.createElement(B,null,g[0].headline))))),!!y&&r.a.createElement(se,{upNextArticles:y}))}renderContentFooter(){const e=this.props.article,t=e.breadcrumbs,n=e.topics;return r.a.createElement(_,null,t&&t.length>0&&r.a.createElement(M,null,r.a.createElement(m.Breadcrumb,{data:t})),r.a.createElement(H,{topics:n}))}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.storefrontConfig;return i||a?null:r.a.createElement(j,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,storefrontConfig:h}))}}pe.defaultProps={data:null,receiveChildList:()=>{}};t.default=pe}]);
+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=13)}([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/utils/rnw")},function(e,t){e.exports=require("@times-components/link/rnw")},function(e,t){e.exports=require("@times-components/user-state/rnw")},function(e,t){e.exports=require("@times-components/article-skeleton/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-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(4),s=n(8),p=n.n(s),c=n(9),d=n.n(c),m=n(10),u=n(5),f=n.n(u),g=n(2),b=n.n(g),h=n(11),w=n.n(h),x=n(6),y=n.n(x);var v={topicsMetaContainer:{justifyContent:"flex-start"}},A=n(1),C=n.n(A),E=n(3);const j=C.a.div.withConfig({displayName:"responsive__ArticleMainVideoContainer",componentId:"f6lsbb-0"})(["background-color:#121212;"]),N=C.a.div.withConfig({displayName:"responsive__VideoArticleContainer",componentId:"f6lsbb-1"})(["width:100%;max-width:1144px;margin:0 auto;@media (min-width:","px){display:flex;flex-wrap:wrap;justify-content:space-between;padding:24px;}"],E.breakpoints.wide),I=C.a.div.withConfig({displayName:"responsive__ArticleLeadAssetContainer",componentId:"f6lsbb-2"})(['position:relative;width:100%;& *{max-width:100%;}&&& .vjs-poster::before{content:"";display:block;background-color:rgba(0,0,0,0.2);width:100%;height:100%;position:absolute;top: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;}"],E.breakpoints.medium),O=C.a.div.withConfig({displayName:"responsive__ArticleBodyContainer",componentId:"f6lsbb-3"})(["margin:0 auto;display:flex;flex-wrap:wrap;@media (min-width:","px){margin:0;width:calc(100% - 240px);}"],E.breakpoints.wide),S=C.a.div.withConfig({displayName:"responsive__ArticleBody",componentId:"f6lsbb-4"})(["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;}@media (min-width:1440px){flex-direction:row;}"],E.breakpoints.medium,E.breakpoints.wide),_=C.a.div.withConfig({displayName:"responsive__ContentFooterContainer",componentId:"f6lsbb-5"})(["padding:20px;margin:0 auto;width:100%;max-width:1144px;@media (min-width:","px){padding:24px;}"],E.breakpoints.medium),k=C.a.div.withConfig({displayName:"responsive__SaveAndShareContainer",componentId:"f6lsbb-6"})(["&&&{margin:8px 0 28px;& > div{padding:0;align-items:flex-start;}& button{color:#e4e4e4;background-color:transparent;border-color:#e4e4e4;}}"]),R=C.a.nav.withConfig({displayName:"responsive__TopicsContainer",componentId:"f6lsbb-7"})(["&&&{border-bottom:1px solid #e4e4e4;border-top:1px solid #e4e4e4;margin-top:20px;&&& div{border-color:#E4E4E !important;color:#e4e4e4 !important;}}"]),U=C.a.div.withConfig({displayName:"responsive__ArticleContentContainer",componentId:"f6lsbb-8"})(["max-width:853px;width:100%;"]),F=C.a.div.withConfig({displayName:"responsive__ArticleContent",componentId:"f6lsbb-9"})(['& *{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;}']),P=C.a.h1.withConfig({displayName:"responsive__ArticleHeadline",componentId:"f6lsbb-10"})(['font-family:"TimesModern-Bold";font-size:3.6rem;line-height:1.125;letter-spacing:0.03em;color:#fff;margin:0;']),B=C.a.span.withConfig({displayName:"responsive__ArticleTitle",componentId:"f6lsbb-11"})(['font-family:"TimesModern-Bold";font-size:2rem;line-height:1.125;letter-spacing:0em;color:#fff;']),q=C.a.div.withConfig({displayName:"responsive__ArticleMeta",componentId:"f6lsbb-12"})(['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;}"],E.breakpoints.wide),D=C.a.div.withConfig({displayName:"responsive__ArticleLabelContainer",componentId:"f6lsbb-13"})(["&&&{width:100%;@media (min-width:","px){margin-bottom:10px;}}"],E.breakpoints.wide),L=C.a.p.withConfig({displayName:"responsive__ArticleLabelText",componentId:"f6lsbb-14"})(['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"),M=C.a.div.withConfig({displayName:"responsive__BreadcrumbContainer",componentId:"f6lsbb-15"})(["& *{color:#fff !important;justify-content:center;}"]),T=e=>{let t=e.topics;return t&&t.length>0?r.a.createElement(y.a,{state:y.a.showTopicTags},r.a.createElement(R,null,r.a.createElement(w.a,{style:v.topicsMetaContainer,topics:t}))):null};T.defaultProps={topics:null};var H=T;const K=b.a.shape({text:b.a.string}),Y={attributes:b.a.object.isRequired,name:b.a.string.isRequired},z={children:b.a.arrayOf(b.a.oneOfType([b.a.shape(Y),K])).isRequired};b.a.arrayOf(b.a.shape(z)),b.a.func,b.a.string,b.a.string;function V(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 Q(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}b.a.shape({}).isRequired,b.a.func.isRequired,b.a.shape(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){Q(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}({},void 0)),b.a.func,b.a.shape({}).isRequired,b.a.bool;var X=n(12),G=n.n(X);const J=C.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;}"],E.breakpoints.wide),W=C.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;}"],E.breakpoints.medium,E.breakpoints.wide),Z=C.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;"]),$=C.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;}"],E.breakpoints.wide),ee=C.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;}"],E.breakpoints.wide),te=C.a.div.withConfig({displayName:"article-up-next__ImageContainer",componentId:"sc-1eumaps-5"})(["position:relative;margin-bottom:8px;"]),ne=C()(L).withConfig({displayName:"article-up-next__VideoDurationLabel",componentId:"sc-1eumaps-6"})(["bottom:0;left:10px;position:absolute;"]),ie=C.a.div.withConfig({displayName:"article-up-next__UpNextTileOverlay",componentId:"sc-1eumaps-7"})(["@media (max-width:1023px){position:absolute;top:0;right:0;height:100%;width:75px;z-index:1;}"]),re=C()(ie).withConfig({displayName:"article-up-next__UpNextTileOverlayRight",componentId:"sc-1eumaps-8"})(["background-image:linear-gradient(to left,#1d1d1b,transparent);display:",";"],e=>e.$displayStatus?"flex":"none"),ae=C()(ie).withConfig({displayName:"article-up-next__UpNextTileOverlayLeft",componentId:"sc-1eumaps-9"})(["display:",";background-image:linear-gradient(to right,#1d1d1b,transparent);left:0;"],e=>e.$displayStatus?"flex":"none");function oe(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 le(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 le(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 le(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 se=e=>{let t=e.upNextArticles;const n=Object(i.useRef)(null),a=oe(Object(i.useState)({left:!1,right:!0}),2),o=a[0],s=a[1],p=e=>{const t=n.current.scrollLeft;s({left:t>5,right:!e||0===t})};return Object(i.useEffect)(()=>{n.current&&(n.current.addEventListener("scroll",()=>{Object(l.debounce)(p(),1e3)}),n.current.addEventListener("scrollend",()=>{Object(l.debounce)(p(!0),500)}))},[]),r.a.createElement(J,null,r.a.createElement(W,null,r.a.createElement(L,null,"Up Next"),t.length>2&&r.a.createElement(ae,{$displayStatus:o.left}),r.a.createElement(Z,{ref:n},r.a.createElement($,null,t.map(e=>r.a.createElement(ee,{key:e.id},r.a.createElement(f.a,{url:e.url},r.a.createElement(te,null,r.a.createElement(ne,null,e.duration),r.a.createElement(G.a,{aspectRatio:16/9,uri:e.posterImage})),r.a.createElement(B,null,e.title)))))),t.length>1&&r.a.createElement(re,{$displayStatus:o.right})))};class pe 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.article,a=i.headline,o=i.categoryPath,s=i.publicationName,c=i.publishedTime,m=i.shortHeadline,u=i.leadAsset,g=i.relatedArticles,b=i.upNext,h=o&&o.split("/")[1],w={comment:"#9b1f45","business-money":"#21709c",sport:"#007a3f","life-style":"#149fb5",culture:"#942364",travel:"#145683",world:"#005e61",uk:"#39556a"}[h],x=e=>(e/6e4).toFixed(2).replace(".",":"),y=b&&b.map(e=>({id:e.id,title:e.headline,url:e.url,posterImage:e.leadAsset.posterImage.crop169,duration:x(e.leadAsset.duration)})),v=u.posterImage&&u.posterImage.crop169;return r.a.createElement(N,null,r.a.createElement(O,null,r.a.createElement(I,null,r.a.createElement(d.a,{aspectRatio:"16:9",displayImage:v,getImageCrop:()=>v,leadAsset:i.leadAsset,isVideo:!0})),r.a.createElement(S,null,r.a.createElement(D,null,r.a.createElement(L,null,w&&r.a.createElement(r.a.Fragment,null,r.a.createElement(L,{as:"span",$color:w},h)," | "),x(u.duration))),r.a.createElement(U,null,r.a.createElement(P,null,Object(l.getHeadline)(a,m)),r.a.createElement(q,null,r.a.createElement(p.a,{date:c,publication:s})),r.a.createElement(F,null,t)),r.a.createElement(k,null,n),!!g&&r.a.createElement(U,null,r.a.createElement(L,{$color:"#AAA"},"Related Article"),r.a.createElement(f.a,{url:g[0].url},r.a.createElement(B,null,g[0].headline))))),!!y&&r.a.createElement(se,{upNextArticles:y}))}renderContentFooter(){const e=this.props.article,t=e.breadcrumbs,n=e.topics;return r.a.createElement(_,null,t&&t.length>0&&r.a.createElement(M,null,r.a.createElement(m.Breadcrumb,{data:t})),r.a.createElement(H,{topics:n}))}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;return i||a?null:r.a.createElement(j,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}))}}pe.defaultProps={data:null,receiveChildList:()=>{}};t.default=pe}]);