@times-components/article-extras 0.32.5-alpha.2 → 0.32.5-alpha.3

package/dist/article-extras.js

@@ -5,28 +5,28 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _react = _interopRequireDefault(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _userState = _interopRequireDefault(require("@times-components/user-state"));
-
 var _articleComments = _interopRequireDefault(require("@times-components/article-comments"));
 
-var _relatedArticles = _interopRequireDefault(require("@times-components/related-articles"));
-
 var _messageBar = require("@times-components/message-bar");
 
+var _relatedArticles = _interopRequireDefault(require("@times-components/related-articles"));
+
 var _saveAndShareBar = _interopRequireDefault(require("@times-components/save-and-share-bar"));
 
 var _tsComponents = require("@times-components/ts-components");
 
-var _articleTopics = _interopRequireDefault(require("./article-topics"));
+var _userState = _interopRequireDefault(require("@times-components/user-state"));
 
-var _responsive = require("./styles/responsive");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _articleTopics = _interopRequireDefault(require("./article-topics"));
 
 var _styles = require("./styles");
 
+var _responsive = require("./styles/responsive");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 const clearingStyle = {

package/dist/styles/index.js

@@ -80,28 +80,28 @@ const styles = {
 const PromotedContentContainer = _styledComponents.default.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;}"], _tsStyleguide.breakpoints.medium, _tsStyleguide.breakpoints.wide);
+})(["border-top:2px solid #1d1d1b;background-color:#f5f5f5;padding:20px 20px 24px 20px;margin-block-start:20px;&:not(:last-child){margin-block-end:32px;}@media (min-width:", "px){padding:16px;margin-block-start:28px;margin-block-end:32px;margin-inline:20px;}"], _tsStyleguide.breakpoints.wide);
 
 exports.PromotedContentContainer = PromotedContentContainer;
 
 const PromotedContentTitle = _styledComponents.default.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;"]);
+})(["display:block;font-family:\"Roboto\";font-weight:500;font-size:12px;line-height:16px;color:#3b3b3b;margin-block:16px;"]);
 
 exports.PromotedContentTitle = PromotedContentTitle;
 
 const PromotedContentGrid = _styledComponents.default.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);}"], _tsStyleguide.breakpoints.wide);
+})(["display:grid;grid-template-columns:repeat(2,1fr);gap:16px 32px;@media (min-width:", "px){grid-template-columns:repeat(4,1fr);}"], _tsStyleguide.breakpoints.wide);
 
 exports.PromotedContentGrid = PromotedContentGrid;
 
 const PromotedContentAd = _styledComponents.default.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;}}"], _tsStyleguide.breakpoints.wide);
+})(["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:#c2c2c2;}@media (min-width:", "px){&:not(:last-child)::after{position:absolute;content:\"\";top:0;right:-16px;width:1px;height:100%;background-color:#c2c2c2;}}"], _tsStyleguide.breakpoints.wide);
 
 exports.PromotedContentAd = PromotedContentAd;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@times-components/article-extras",
-  "version": "0.32.5-alpha.2+2abf4b5745",
+  "version": "0.32.5-alpha.3+f23b02a8a8",
   "description": "Extra information components at the bottom of the articles, such as topics, related articles and comments ",
   "main": "dist/index",
   "dev": "src/index",
@@ -55,7 +55,7 @@
     "@times-components/context": "^1.24.0",
     "@times-components/message-bar": "^0.7.85",
     "@times-components/related-articles": "^6.17.85",
-    "@times-components/save-and-share-bar": "^0.23.3-alpha.2+2abf4b5745",
+    "@times-components/save-and-share-bar": "^0.23.2",
     "@times-components/ts-components": "^1.103.3",
     "@times-components/ts-styleguide": "^1.50.34",
     "@times-components/user-state": "^0.5.51",
@@ -74,5 +74,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "2abf4b5745d6edf92e0af2b97f9c452658c64dc4"
+  "gitHead": "f23b02a8a823e81c322298ff318f065f1d582eb9"
 }

package/rnw.js

@@ -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 E(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var j=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){E(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:j.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 q(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?_(Object(n),!0).forEach((function(t){N(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 N(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%;}}"]),q(q({},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),q(q({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 I=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),A=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;']),T=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),B=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"},F=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.relatedArticlesVisible,x=e.commentingConfig,w=e.topics,v=e.isSharingSavingEnabled,O=e.isCommentEnabled,E=e.storefrontConfig,j=e.breadcrumbs,C=e.domainSpecificUrl,_=e.isEntitlementFeatureEnabled;const q=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{showBorder:!1},t=e.showBorder;return j&&j.length>0?i.a.createElement(S,{$border:t},i.a.createElement(b.Breadcrumb,{data:j})):null},N=(e,r)=>i.a.createElement(i.a.Fragment,null,i.a.createElement("div",{id:"related-articles",ref:e=>o(e)},r&&q({showBorder:!1}),i.a.createElement(d.a,{analyticsStream:t,isVisible:y,slice:h}),e&&i.a.createElement(b.RecommendedFetch,{articleId:n,articleHeadline:g,articleSection:f})),i.a.createElement(I,null,i.a.createElement(A,null,"PROMOTED CONTENT"),i.a.createElement(T,null,i.a.createElement(B,{id:"advert-inarticle-native-1"}),i.a.createElement(B,{id:"advert-inarticle-native-2"}),i.a.createElement(D,null),i.a.createElement(B,{id:"advert-inarticle-native-3"}),i.a.createElement(B,{id:"advert-inarticle-native-4"}))));return i.a.createElement(a.a,{state:a.a.showArticleExtras,fallback:N(!1,!0)},i.a.createElement("div",{style:M}),q({showBorder:w&&w.length>0}),i.a.createElement(k,{topics:w}),v&&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}))})),N(!0,!1),i.a.createElement(c.a,{articleId:n,isEnabled:r,commentingConfig:x,isCommentEnabled:O,storefrontConfig:E,domainSpecificUrl:C,isEntitlementFeatureEnabled:_}))};F.defaultProps={relatedArticleSlice:null,topics:null,isSharingSavingEnabled:!0,isCommentEnabled:!0,breadcrumbs:[]};var W=F;t.default=W}]);
+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/message-bar/rnw")},function(e,t){e.exports=require("@times-components/related-articles/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(6),i=n.n(r),o=n(7),a=n(8),l=n.n(a),c=n(9),s=n.n(c),d=n(4),p=n(3),m=n.n(p),u=(n(5),n(1)),b=n.n(u),f=n(10),g=n.n(f),h=n(11),y=n(2),w=n.n(y),x=n(0),v=w()(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(x.spacing)(2),Object(x.spacing)(2),x.breakpoints.medium,x.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 E(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var j=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){E(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:x.colours.functional.keyline,borderTopWidth:1},topicsContainerTablet:{alignSelf:"center",width:x.tabletWidth},topicsMetaContainer:{justifyContent:"flex-start"}});const C=e=>{let t=e.topics;return t&&t.length>0?b.a.createElement(v,null,b.a.createElement("nav",{"data-cy":"topic-tags"},b.a.createElement(g.a,{style:j.topicsContainer,topics:t}))):null};C.defaultProps={topics:null};var P=C;function S(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function k(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?S(Object(n),!0).forEach((function(t){_(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):S(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function _(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}w.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;}"],x.breakpoints.wide),w.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;"],x.fontSizes.teaser,x.fontsWithFallback.bodyRegular),w.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%;}}"]),k(k({},Object(x.fontFactory)({font:"supporting",fontSize:"tertiary"})),{},{color:x.colours.functional.secondary,maxWidth:330,textAlign:"center"}),Object(x.spacing)(0),Object(x.spacing)(5),x.colours.functional.keyline,Object(x.spacing)(10),k(k({color:x.colours.functional.primary},Object(x.fontFactory)({font:"headline",fontSize:"commentsHeadline"})),{},{maxWidth:315,paddingBottom:Object(x.spacing)(2),paddingTop:Object(x.spacing)(6),textAlign:"center"}),x.tabletWidth;const q=w.a.div.withConfig({displayName:"styles__PromotedContentContainer",componentId:"sc-1ul3b7n-3"})(["border-top:2px solid #1d1d1b;background-color:#f5f5f5;padding:20px 20px 24px 20px;margin-block-start:20px;&:not(:last-child){margin-block-end:32px;}@media (min-width:","px){padding:16px;margin-block-start:28px;margin-block-end:32px;margin-inline:20px;}"],x.breakpoints.wide),N=w.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:#3b3b3b;margin-block:16px;']),I=w.a.div.withConfig({displayName:"styles__PromotedContentGrid",componentId:"sc-1ul3b7n-5"})(["display:grid;grid-template-columns:repeat(2,1fr);gap:16px 32px;@media (min-width:","px){grid-template-columns:repeat(4,1fr);}"],x.breakpoints.wide),A=w.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:#c2c2c2;}@media (min-width:','px){&:not(:last-child)::after{position:absolute;content:"";top:0;right:-16px;width:1px;height:100%;background-color:#c2c2c2;}}'],x.breakpoints.wide),T=w.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;}"],x.breakpoints.wide);const B=w.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;}",";"],x.colours.functional.keyline,x.breakpoints.huge,e=>e.showBottomBorder&&"border-bottom-color: ".concat(x.colours.functional.keyline,";\n     border-bottom-style: solid;\n     border-bottom-width: 1px;")),D=w.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(x.colours.functional.keyline,";\n    border-bottom-style: solid;\n    border-bottom-width: 1px;\n  "):"",x.breakpoints.medium,x.breakpoints.wide),M={clear:"both"},F=e=>{let t=e.analyticsStream,n=e.articleId,r=e.commentsEnabled,a=e.registerNode,c=e.savingEnabled,p=e.sharingEnabled,u=e.articleUrl,f=e.section,g=e.articleHeadline,h=e.relatedArticleSlice,y=e.relatedArticlesVisible,w=e.commentingConfig,x=e.topics,v=e.isSharingSavingEnabled,O=e.isCommentEnabled,E=e.storefrontConfig,j=e.breadcrumbs,C=e.domainSpecificUrl,S=e.isEntitlementFeatureEnabled;const k=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{showBorder:!1},t=e.showBorder;return j&&j.length>0?b.a.createElement(D,{$border:t},b.a.createElement(d.Breadcrumb,{data:j})):null},_=(e,r)=>b.a.createElement(b.a.Fragment,null,b.a.createElement("div",{id:"related-articles",ref:e=>a(e)},r&&k({showBorder:!1}),b.a.createElement(l.a,{analyticsStream:t,isVisible:y,slice:h}),e&&b.a.createElement(d.RecommendedFetch,{articleId:n,articleHeadline:g,articleSection:f})),b.a.createElement(q,null,b.a.createElement(N,null,"PROMOTED CONTENT"),b.a.createElement(I,null,b.a.createElement(A,{id:"advert-inarticle-native-1"}),b.a.createElement(A,{id:"advert-inarticle-native-2"}),b.a.createElement(T,null),b.a.createElement(A,{id:"advert-inarticle-native-3"}),b.a.createElement(A,{id:"advert-inarticle-native-4"}))));return b.a.createElement(m.a,{state:m.a.showArticleExtras,fallback:_(!1,!0)},b.a.createElement("div",{style:M}),k({showBorder:x&&x.length>0}),b.a.createElement(P,{topics:x}),v&&b.a.createElement(m.a,{state:m.a.showSaveAndShareBar},b.a.createElement(o.MessageContext.Consumer,null,e=>{let t=e.showMessage;return b.a.createElement(B,{showBottomBorder:!h},b.a.createElement(s.a,{articleId:n,articleHeadline:g,articleUrl:u,onCopyLink:()=>t("Article link copied"),onSaveToMyArticles:()=>{},onShareOnEmail:()=>{},savingEnabled:c,sharingEnabled:p}))})),_(!0,!1),b.a.createElement(i.a,{articleId:n,isEnabled:r,commentingConfig:w,isCommentEnabled:O,storefrontConfig:E,domainSpecificUrl:C,isEntitlementFeatureEnabled:S}))};F.defaultProps={relatedArticleSlice:null,topics:null,isSharingSavingEnabled:!0,isCommentEnabled:!0,breadcrumbs:[]};var W=F;t.default=W}]);