@times-components/article-extras 0.38.6 → 0.39.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/CHANGELOG.md +19 -0
  2. package/dist/article-extras.js +8 -4
  3. package/package.json +15 -15
  4. package/rnw.js +1 -1
package/CHANGELOG.md CHANGED
@@ -3,6 +3,25 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## [0.39.1](https://github.com/newsuk/times-components/compare/@times-components/article-extras@0.39.0...@times-components/article-extras@0.39.1) (2025-04-14)
7
+
8
+ **Note:** Version bump only for package @times-components/article-extras
9
+
10
+
11
+
12
+
13
+
14
+ # [0.39.0](https://github.com/newsuk/times-components/compare/@times-components/article-extras@0.38.6...@times-components/article-extras@0.39.0) (2025-04-14)
15
+
16
+
17
+ ### Features
18
+
19
+ * **TMRP-233:** implement webp images ([#4105](https://github.com/newsuk/times-components/issues/4105)) ([66f0ce5](https://github.com/newsuk/times-components/commit/66f0ce53c4cd8fe101d66fc18c69c758e786af46))
20
+
21
+
22
+
23
+
24
+
6
25
  ## [0.38.6](https://github.com/newsuk/times-components/compare/@times-components/article-extras@0.38.5...@times-components/article-extras@0.38.6) (2025-04-11)
7
26
 
8
27
  **Note:** Version bump only for package @times-components/article-extras
package/dist/article-extras.js CHANGED
@@ -49,7 +49,8 @@ const ArticleExtras = _ref => {
49
49
  commentingConfig = _ref.commentingConfig,
50
50
  topics = _ref.topics,
51
51
  breadcrumbs = _ref.breadcrumbs,
52
- domainSpecificUrl = _ref.domainSpecificUrl;
52
+ domainSpecificUrl = _ref.domainSpecificUrl,
53
+ isWebPFormatActive = _ref.isWebPFormatActive;
53
54
 
54
55
  const renderBreadcrumb = function renderBreadcrumb() {
55
56
  let _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
@@ -81,7 +82,8 @@ const ArticleExtras = _ref => {
81
82
  analyticsStream: analyticsStream,
82
83
  isVisible: relatedArticlesVisible,
83
84
  slice: relatedArticleSlice,
84
- hideBorder: !isRecommendedActive && Boolean(categoryArticles)
85
+ hideBorder: !isRecommendedActive && Boolean(categoryArticles),
86
+ isWebPFormatActive: isWebPFormatActive
85
87
  }), isRecommendedActive && /*#__PURE__*/_react.default.createElement(_tsComponents.RecommendedFetch, {
86
88
  articleId: articleId,
87
89
  articleHeadline: articleHeadline,
@@ -153,13 +155,15 @@ ArticleExtras.propTypes = {
153
155
  savingEnabled: _propTypes.default.bool.isRequired,
154
156
  sharingEnabled: _propTypes.default.bool.isRequired,
155
157
  breadcrumbs: _propTypes.default.arrayOf(_propTypes.default.shape({})),
156
- domainSpecificUrl: _propTypes.default.string.isRequired
158
+ domainSpecificUrl: _propTypes.default.string.isRequired,
159
+ isWebPFormatActive: _propTypes.default.bool
157
160
  };
158
161
  ArticleExtras.defaultProps = {
159
162
  relatedArticleSlice: null,
160
163
  categorisedArticles: null,
161
164
  topics: null,
162
- breadcrumbs: []
165
+ breadcrumbs: [],
166
+ isWebPFormatActive: false
163
167
  };
164
168
  var _default = ArticleExtras;
165
169
  exports.default = _default;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@times-components/article-extras",
3
- "version": "0.38.6",
3
+ "version": "0.39.1",
4
4
  "description": "Extra information components at the bottom of the articles, such as topics, related articles and comments ",
5
5
  "main": "dist/index",
6
6
  "dev": "src/index",
@@ -35,8 +35,8 @@
35
35
  "@babel/core": "7.4.4",
36
36
  "@times-components/eslint-config-thetimes": "0.8.18",
37
37
  "@times-components/jest-configurator-web": "0.8.2",
38
- "@times-components/jest-serializer": "3.14.0",
39
- "@times-components/storybook": "4.13.1",
38
+ "@times-components/jest-serializer": "3.15.0",
39
+ "@times-components/storybook": "4.13.2",
40
40
  "@times-components/test-utils": "2.4.2",
41
41
  "@times-components/webpack-configurator": "2.1.1",
42
42
  "babel-jest": "24.8.0",
@@ -49,17 +49,17 @@
49
49
  "webpack": "4.30.0"
50
50
  },
51
51
  "dependencies": {
52
- "@times-components/article-comments": "0.48.3",
53
- "@times-components/article-topics": "4.11.68",
54
- "@times-components/button": "2.10.74",
55
- "@times-components/context": "1.25.7",
56
- "@times-components/message-bar": "0.7.99",
57
- "@times-components/related-articles": "6.19.32",
58
- "@times-components/save-and-share-bar": "0.28.13",
59
- "@times-components/ts-components": "1.128.1",
60
- "@times-components/ts-styleguide": "1.52.2",
61
- "@times-components/user-state": "0.7.0",
62
- "@times-components/utils": "6.31.4",
52
+ "@times-components/article-comments": "0.48.5",
53
+ "@times-components/article-topics": "4.11.70",
54
+ "@times-components/button": "2.10.76",
55
+ "@times-components/context": "1.25.8",
56
+ "@times-components/message-bar": "0.7.101",
57
+ "@times-components/related-articles": "6.20.1",
58
+ "@times-components/save-and-share-bar": "0.28.15",
59
+ "@times-components/ts-components": "1.129.0",
60
+ "@times-components/ts-styleguide": "1.53.0",
61
+ "@times-components/user-state": "0.7.2",
62
+ "@times-components/utils": "6.31.6",
63
63
  "prop-types": "15.7.2",
64
64
  "styled-components": "4.3.2"
65
65
  },
@@ -74,5 +74,5 @@
74
74
  "publishConfig": {
75
75
  "access": "public"
76
76
  },
77
- "gitHead": "9c9f398ccdadadb526778796cc9018678b8c6fc2"
77
+ "gitHead": "c4c36de56820e87d8461e45758e2b008bcb0983a"
78
78
  }
package/rnw.js CHANGED
@@ -1 +1 @@
1
- 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=12)}([function(e,t){e.exports=require("@times-components/ts-styleguide/rnw")},function(e,t){e.exports=require("react")},function(e,t){e.exports=require("styled-components")},function(e,t){e.exports=require("@times-components/user-state/rnw")},function(e,t){e.exports=require("@times-components/ts-components/rnw")},function(e,t){e.exports=require("prop-types")},function(e,t){e.exports=require("@times-components/article-comments/rnw")},function(e,t){e.exports=require("@times-components/related-articles/rnw")},function(e,t){e.exports=require("@times-components/message-bar/rnw")},function(e,t){e.exports=require("@times-components/save-and-share-bar/rnw")},function(e,t){e.exports=require("@times-components/article-topics/rnw")},function(e,t){e.exports=require("@times-components/utils/rnw")},function(e,t,n){"use strict";n.r(t);var r=n(1),i=n.n(r),o=(n(5),n(3)),a=n.n(o),l=n(6),c=n.n(l),s=n(7),d=n.n(s),p=n(8),m=n(9),u=n.n(m),b=n(4),f=n(10),g=n.n(f),h=n(11),y=n(2),x=n.n(y),w=n(0),v=x()(h.TcView).withConfig({displayName:"responsive",componentId:"rerzrc-0"})(["padding-left:",";padding-right:",";@media (min-width:","px){width:80.8%;margin:0 auto;padding-left:0;padding-right:0;}@media (min-width:","px){width:56.2%;}"],Object(w.spacing)(2),Object(w.spacing)(2),w.breakpoints.medium,w.breakpoints.wide);function O(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,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var E=function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?O(Object(n),!0).forEach((function(t){j(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):O(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},{topicsContainer:{borderTopColor:w.colours.functional.keyline,borderTopWidth:1},topicsContainerTablet:{alignSelf:"center",width:w.tabletWidth},topicsMetaContainer:{justifyContent:"flex-start"}});const C=e=>{let t=e.topics;return t&&t.length>0?i.a.createElement(v,null,i.a.createElement("nav",{"data-cy":"topic-tags"},i.a.createElement(g.a,{style:E.topicsContainer,topics:t}))):null};C.defaultProps={topics:null};var k=C;const P=x.a.div.withConfig({displayName:"responsive__ShareAndSaveContainer",componentId:"hqs3q1-0"})(["border-top-color:",";border-top-style:solid;border-top-width:1px;width:56.2%;margin:0 auto;@media (max-width:","px){display:none;}",";"],w.colours.functional.keyline,w.breakpoints.huge,e=>e.showBottomBorder&&"border-bottom-color: ".concat(w.colours.functional.keyline,";\n border-bottom-style: solid;\n border-bottom-width: 1px;")),S=x.a.div.withConfig({displayName:"responsive__BreadcrumbContainer",componentId:"hqs3q1-1"})(["display:flex;justify-content:center;margin:0 auto;padding-bottom:8px;",";@media (min-width:","px){width:80.8%;}@media (min-width:","px){width:56.2%;}"],e=>e.$border?"\n border-bottom-color: ".concat(w.colours.functional.keyline,";\n border-bottom-style: solid;\n border-bottom-width: 1px;\n "):"",w.breakpoints.medium,w.breakpoints.wide);function _(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 A(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?_(Object(n),!0).forEach((function(t){q(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):_(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}x.a.div.withConfig({displayName:"styles__NativeAd",componentId:"sc-1ul3b7n-0"})(["clear:both;display:flex;flex-wrap:wrap;margin:0 auto 30px;width:80.8%;min-height:210px;@media (min-width:768px){min-height:120px;}@media (min-width:","px){width:56.2%;}&.hidden{visibility:hidden;}"],w.breakpoints.wide),x.a.h2.withConfig({displayName:"styles__NativeAdTitle",componentId:"sc-1ul3b7n-1"})(["border-bottom:1px solid #dbdbdb;color:#333;flex:1 1 100%;font:normal ","px / 17px ",";margin-bottom:10px;padding:5px 0;text-transform:uppercase;"],w.fontSizes.teaser,w.fontsWithFallback.bodyRegular),x.a.div.withConfig({displayName:"styles__Ad",componentId:"sc-1ul3b7n-2"})(["flex:1 1 50%;@media (max-width:767px){flex:1 1 46%;&:first-of-type{margin-right:1.5%;}&:last-child{margin-left:1.5%;}}"]),A(A({},Object(w.fontFactory)({font:"supporting",fontSize:"tertiary"})),{},{color:w.colours.functional.secondary,maxWidth:330,textAlign:"center"}),Object(w.spacing)(0),Object(w.spacing)(5),w.colours.functional.keyline,Object(w.spacing)(10),A(A({color:w.colours.functional.primary},Object(w.fontFactory)({font:"headline",fontSize:"commentsHeadline"})),{},{maxWidth:315,paddingBottom:Object(w.spacing)(2),paddingTop:Object(w.spacing)(6),textAlign:"center"}),w.tabletWidth;const N=x.a.div.withConfig({displayName:"styles__PromotedContentContainer",componentId:"sc-1ul3b7n-3"})(["border-top:2px solid #1d1d1b;background-color:#f5f5f5;padding:16px 10px 24px;margin-block-start:20px;&:not(:last-child){margin-block-end:32px;}@media (min-width:","px){padding:16px 20px 24px;}@media (min-width:","px){margin-block-start:28px;margin-block-end:32px;margin-inline:20px;}"],w.breakpoints.medium,w.breakpoints.wide),I=x.a.span.withConfig({displayName:"styles__PromotedContentTitle",componentId:"sc-1ul3b7n-4"})(['display:block;font-family:"Roboto";font-weight:500;font-size:12px;line-height:16px;color:#333333;']),B=x.a.div.withConfig({displayName:"styles__PromotedContentGrid",componentId:"sc-1ul3b7n-5"})(["display:grid;grid-template-columns:repeat(2,1fr);gap:16px 32px;margin-block-start:16px;@media (min-width:","px){grid-template-columns:repeat(4,1fr);}"],w.breakpoints.wide),T=x.a.div.withConfig({displayName:"styles__PromotedContentAd",componentId:"sc-1ul3b7n-6"})(['position:relative;min-height:150px;&:nth-child(1)::after,&:nth-child(4)::after{position:absolute;content:"";top:0;right:-16px;width:1px;height:100%;background-color:#e4e4e4;}@media (min-width:','px){&:not(:last-child)::after{position:absolute;content:"";top:0;right:-16px;width:1px;height:100%;background-color:#e4e4e4;}}'],w.breakpoints.wide),D=x.a.div.withConfig({displayName:"styles__PromotedContentSectionDivider",componentId:"sc-1ul3b7n-7"})(["border-top:1px solid #e4e4e4;grid-column:1 / 3;@media (min-width:","px){display:none;}"],w.breakpoints.wide);const M={clear:"both"},W=e=>{let t=e.analyticsStream,n=e.articleId,r=e.commentsEnabled,o=e.registerNode,l=e.savingEnabled,s=e.sharingEnabled,m=e.articleUrl,f=e.section,g=e.articleHeadline,h=e.relatedArticleSlice,y=e.categorisedArticles,x=e.relatedArticlesVisible,w=e.commentingConfig,v=e.topics,O=e.breadcrumbs,j=e.domainSpecificUrl;const E=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{showBorder:!1},t=e.showBorder;return O&&O.length>0?i.a.createElement(S,{$border:t},i.a.createElement(b.Breadcrumb,{data:O})):null},C=y&&y.categoryArticles||null,_=y&&y.parentCategoryArticles||null,A=(e,r)=>i.a.createElement(i.a.Fragment,null,i.a.createElement("div",{id:"related-articles",ref:e=>o(e)},r&&E({showBorder:!1}),i.a.createElement(d.a,{analyticsStream:t,isVisible:x,slice:h,hideBorder:!e&&Boolean(C)}),e&&i.a.createElement(b.RecommendedFetch,{articleId:n,articleHeadline:g,articleSection:f}),!e&&C&&i.a.createElement(b.CategorisedArticles,{heading:C.label,articles:C.articles}),!e&&_&&i.a.createElement(b.CategorisedArticles,{heading:_.label,articles:_.articles})),i.a.createElement(N,null,i.a.createElement(I,null,"PROMOTED CONTENT"),i.a.createElement(B,null,i.a.createElement(T,{id:"advert-inarticle-native-1"}),i.a.createElement(T,{id:"advert-inarticle-native-2"}),i.a.createElement(D,null),i.a.createElement(T,{id:"advert-inarticle-native-3"}),i.a.createElement(T,{id:"advert-inarticle-native-4"}))));return i.a.createElement(a.a,{state:a.a.showArticleExtras,fallback:A(!1,!0)},i.a.createElement("div",{style:M}),E({showBorder:v&&v.length>0}),i.a.createElement(k,{topics:v}),(l||s)&&i.a.createElement(a.a,{state:a.a.showSaveAndShareBar},i.a.createElement(p.MessageContext.Consumer,null,e=>{let t=e.showMessage;return i.a.createElement(P,{showBottomBorder:!h},i.a.createElement(u.a,{articleId:n,articleHeadline:g,articleUrl:m,onCopyLink:()=>t("Article link copied"),onSaveToMyArticles:()=>{},onShareOnEmail:()=>{},savingEnabled:l,sharingEnabled:s}))})),A(!0,!1),i.a.createElement(c.a,{articleId:n,isEnabled:r,commentingConfig:w,domainSpecificUrl:j}))};W.defaultProps={relatedArticleSlice:null,categorisedArticles:null,topics:null,breadcrumbs:[]};var z=W;t.default=z}]);
1
+ 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=12)}([function(e,t){e.exports=require("@times-components/ts-styleguide/rnw")},function(e,t){e.exports=require("react")},function(e,t){e.exports=require("styled-components")},function(e,t){e.exports=require("@times-components/user-state/rnw")},function(e,t){e.exports=require("@times-components/ts-components/rnw")},function(e,t){e.exports=require("prop-types")},function(e,t){e.exports=require("@times-components/article-comments/rnw")},function(e,t){e.exports=require("@times-components/related-articles/rnw")},function(e,t){e.exports=require("@times-components/message-bar/rnw")},function(e,t){e.exports=require("@times-components/save-and-share-bar/rnw")},function(e,t){e.exports=require("@times-components/article-topics/rnw")},function(e,t){e.exports=require("@times-components/utils/rnw")},function(e,t,n){"use strict";n.r(t);var r=n(1),i=n.n(r),o=(n(5),n(3)),a=n.n(o),l=n(6),c=n.n(l),s=n(7),d=n.n(s),p=n(8),m=n(9),u=n.n(m),b=n(4),f=n(10),g=n.n(f),h=n(11),y=n(2),x=n.n(y),w=n(0),v=x()(h.TcView).withConfig({displayName:"responsive",componentId:"rerzrc-0"})(["padding-left:",";padding-right:",";@media (min-width:","px){width:80.8%;margin:0 auto;padding-left:0;padding-right:0;}@media (min-width:","px){width:56.2%;}"],Object(w.spacing)(2),Object(w.spacing)(2),w.breakpoints.medium,w.breakpoints.wide);function O(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,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var E=function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?O(Object(n),!0).forEach((function(t){j(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):O(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},{topicsContainer:{borderTopColor:w.colours.functional.keyline,borderTopWidth:1},topicsContainerTablet:{alignSelf:"center",width:w.tabletWidth},topicsMetaContainer:{justifyContent:"flex-start"}});const C=e=>{let t=e.topics;return t&&t.length>0?i.a.createElement(v,null,i.a.createElement("nav",{"data-cy":"topic-tags"},i.a.createElement(g.a,{style:E.topicsContainer,topics:t}))):null};C.defaultProps={topics:null};var P=C;const k=x.a.div.withConfig({displayName:"responsive__ShareAndSaveContainer",componentId:"hqs3q1-0"})(["border-top-color:",";border-top-style:solid;border-top-width:1px;width:56.2%;margin:0 auto;@media (max-width:","px){display:none;}",";"],w.colours.functional.keyline,w.breakpoints.huge,e=>e.showBottomBorder&&"border-bottom-color: ".concat(w.colours.functional.keyline,";\n border-bottom-style: solid;\n border-bottom-width: 1px;")),S=x.a.div.withConfig({displayName:"responsive__BreadcrumbContainer",componentId:"hqs3q1-1"})(["display:flex;justify-content:center;margin:0 auto;padding-bottom:8px;",";@media (min-width:","px){width:80.8%;}@media (min-width:","px){width:56.2%;}"],e=>e.$border?"\n border-bottom-color: ".concat(w.colours.functional.keyline,";\n border-bottom-style: solid;\n border-bottom-width: 1px;\n "):"",w.breakpoints.medium,w.breakpoints.wide);function _(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 A(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?_(Object(n),!0).forEach((function(t){q(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):_(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}x.a.div.withConfig({displayName:"styles__NativeAd",componentId:"sc-1ul3b7n-0"})(["clear:both;display:flex;flex-wrap:wrap;margin:0 auto 30px;width:80.8%;min-height:210px;@media (min-width:768px){min-height:120px;}@media (min-width:","px){width:56.2%;}&.hidden{visibility:hidden;}"],w.breakpoints.wide),x.a.h2.withConfig({displayName:"styles__NativeAdTitle",componentId:"sc-1ul3b7n-1"})(["border-bottom:1px solid #dbdbdb;color:#333;flex:1 1 100%;font:normal ","px / 17px ",";margin-bottom:10px;padding:5px 0;text-transform:uppercase;"],w.fontSizes.teaser,w.fontsWithFallback.bodyRegular),x.a.div.withConfig({displayName:"styles__Ad",componentId:"sc-1ul3b7n-2"})(["flex:1 1 50%;@media (max-width:767px){flex:1 1 46%;&:first-of-type{margin-right:1.5%;}&:last-child{margin-left:1.5%;}}"]),A(A({},Object(w.fontFactory)({font:"supporting",fontSize:"tertiary"})),{},{color:w.colours.functional.secondary,maxWidth:330,textAlign:"center"}),Object(w.spacing)(0),Object(w.spacing)(5),w.colours.functional.keyline,Object(w.spacing)(10),A(A({color:w.colours.functional.primary},Object(w.fontFactory)({font:"headline",fontSize:"commentsHeadline"})),{},{maxWidth:315,paddingBottom:Object(w.spacing)(2),paddingTop:Object(w.spacing)(6),textAlign:"center"}),w.tabletWidth;const N=x.a.div.withConfig({displayName:"styles__PromotedContentContainer",componentId:"sc-1ul3b7n-3"})(["border-top:2px solid #1d1d1b;background-color:#f5f5f5;padding:16px 10px 24px;margin-block-start:20px;&:not(:last-child){margin-block-end:32px;}@media (min-width:","px){padding:16px 20px 24px;}@media (min-width:","px){margin-block-start:28px;margin-block-end:32px;margin-inline:20px;}"],w.breakpoints.medium,w.breakpoints.wide),I=x.a.span.withConfig({displayName:"styles__PromotedContentTitle",componentId:"sc-1ul3b7n-4"})(['display:block;font-family:"Roboto";font-weight:500;font-size:12px;line-height:16px;color:#333333;']),B=x.a.div.withConfig({displayName:"styles__PromotedContentGrid",componentId:"sc-1ul3b7n-5"})(["display:grid;grid-template-columns:repeat(2,1fr);gap:16px 32px;margin-block-start:16px;@media (min-width:","px){grid-template-columns:repeat(4,1fr);}"],w.breakpoints.wide),T=x.a.div.withConfig({displayName:"styles__PromotedContentAd",componentId:"sc-1ul3b7n-6"})(['position:relative;min-height:150px;&:nth-child(1)::after,&:nth-child(4)::after{position:absolute;content:"";top:0;right:-16px;width:1px;height:100%;background-color:#e4e4e4;}@media (min-width:','px){&:not(:last-child)::after{position:absolute;content:"";top:0;right:-16px;width:1px;height:100%;background-color:#e4e4e4;}}'],w.breakpoints.wide),D=x.a.div.withConfig({displayName:"styles__PromotedContentSectionDivider",componentId:"sc-1ul3b7n-7"})(["border-top:1px solid #e4e4e4;grid-column:1 / 3;@media (min-width:","px){display:none;}"],w.breakpoints.wide);const M={clear:"both"},W=e=>{let t=e.analyticsStream,n=e.articleId,r=e.commentsEnabled,o=e.registerNode,l=e.savingEnabled,s=e.sharingEnabled,m=e.articleUrl,f=e.section,g=e.articleHeadline,h=e.relatedArticleSlice,y=e.categorisedArticles,x=e.relatedArticlesVisible,w=e.commentingConfig,v=e.topics,O=e.breadcrumbs,j=e.domainSpecificUrl,E=e.isWebPFormatActive;const C=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{showBorder:!1},t=e.showBorder;return O&&O.length>0?i.a.createElement(S,{$border:t},i.a.createElement(b.Breadcrumb,{data:O})):null},_=y&&y.categoryArticles||null,A=y&&y.parentCategoryArticles||null,q=(e,r)=>i.a.createElement(i.a.Fragment,null,i.a.createElement("div",{id:"related-articles",ref:e=>o(e)},r&&C({showBorder:!1}),i.a.createElement(d.a,{analyticsStream:t,isVisible:x,slice:h,hideBorder:!e&&Boolean(_),isWebPFormatActive:E}),e&&i.a.createElement(b.RecommendedFetch,{articleId:n,articleHeadline:g,articleSection:f}),!e&&_&&i.a.createElement(b.CategorisedArticles,{heading:_.label,articles:_.articles}),!e&&A&&i.a.createElement(b.CategorisedArticles,{heading:A.label,articles:A.articles})),i.a.createElement(N,null,i.a.createElement(I,null,"PROMOTED CONTENT"),i.a.createElement(B,null,i.a.createElement(T,{id:"advert-inarticle-native-1"}),i.a.createElement(T,{id:"advert-inarticle-native-2"}),i.a.createElement(D,null),i.a.createElement(T,{id:"advert-inarticle-native-3"}),i.a.createElement(T,{id:"advert-inarticle-native-4"}))));return i.a.createElement(a.a,{state:a.a.showArticleExtras,fallback:q(!1,!0)},i.a.createElement("div",{style:M}),C({showBorder:v&&v.length>0}),i.a.createElement(P,{topics:v}),(l||s)&&i.a.createElement(a.a,{state:a.a.showSaveAndShareBar},i.a.createElement(p.MessageContext.Consumer,null,e=>{let t=e.showMessage;return i.a.createElement(k,{showBottomBorder:!h},i.a.createElement(u.a,{articleId:n,articleHeadline:g,articleUrl:m,onCopyLink:()=>t("Article link copied"),onSaveToMyArticles:()=>{},onShareOnEmail:()=>{},savingEnabled:l,sharingEnabled:s}))})),q(!0,!1),i.a.createElement(c.a,{articleId:n,isEnabled:r,commentingConfig:w,domainSpecificUrl:j}))};W.defaultProps={relatedArticleSlice:null,categorisedArticles:null,topics:null,breadcrumbs:[],isWebPFormatActive:!1};var F=W;t.default=F}]);