@times-components/article-comments 0.51.1 → 0.52.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.
 
+# [0.52.0](https://github.com/newsuk/times-components/compare/@times-components/article-comments@0.51.1...@times-components/article-comments@0.52.0) (2025-06-11)
+
+
+### Features
+
+* **TMRA-344:** update comment ([#4163](https://github.com/newsuk/times-components/issues/4163)) ([f1adf36](https://github.com/newsuk/times-components/commit/f1adf36f2dbea05de70a58b20968461e4a09c3de))
+
+
+
+
+
 ## [0.51.1](https://github.com/newsuk/times-components/compare/@times-components/article-comments@0.51.0...@times-components/article-comments@0.51.1) (2025-06-10)
 
 **Note:** Version bump only for package @times-components/article-comments

package/dist/disabled-comments.js

@@ -15,7 +15,7 @@ var _styles = _interopRequireDefault(require("./styles"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const DisabledComments = () => /*#__PURE__*/_react.default.createElement(_responsive.CommentContainer, null, /*#__PURE__*/_react.default.createElement(_responsive.CommentDisabledHeadline, null, "Comments have not been enabled for this article"), /*#__PURE__*/_react.default.createElement(_responsive.CommentDisabledGuidelines, null, "Comments are subject to our community guidelines, which can be viewed", " ", /*#__PURE__*/_react.default.createElement(_link.TextLink, {
+const DisabledComments = () => /*#__PURE__*/_react.default.createElement(_responsive.CommentContainer, null, /*#__PURE__*/_react.default.createElement(_responsive.CommentDisabledHeadline, null, "Comments are not enabled for this article"), /*#__PURE__*/_react.default.createElement(_responsive.CommentDisabledGuidelines, null, "Comments are subject to our community guidelines, which can be viewed", " ", /*#__PURE__*/_react.default.createElement(_link.TextLink, {
   style: _styles.default.link,
   url: "/article/f4024fbe-d989-11e6-9063-500e6740fc32"
 }, "here"), "."));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@times-components/article-comments",
-  "version": "0.51.1",
+  "version": "0.52.0",
   "description": "Article Comments",
   "main": "dist/article-comments",
   "dev": "src/article-comments",
@@ -71,5 +71,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "ad924bfc81153b4748150cb61d041b5cb80085f0"
+  "gitHead": "72d16a89065372085ec6348f64ab1dc405a90990"
 }

package/rnw.js

@@ -1 +1 @@
-module.exports=function(e){var t={};function n(o){if(t[o])return t[o].exports;var i=t[o]={i:o,l:!1,exports:{}};return e[o].call(i.exports,i,i.exports,n),i.l=!0,i.exports}return n.m=e,n.c=t,n.d=function(e,t,o){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:o})},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 o=Object.create(null);if(n.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var i in e)n.d(o,i,function(t){return e[t]}.bind(null,i));return o},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=9)}([function(e,t){e.exports=require("@times-components/ts-styleguide/rnw")},function(e,t){e.exports=require("react")},function(e,t){e.exports=require("@times-components/ts-components/rnw")},function(e,t){e.exports=require("@times-components/user-state/rnw")},function(e,t){e.exports=require("styled-components")},function(e,t){e.exports=require("prop-types")},function(e,t){e.exports=require("@times-components/utils/rnw")},function(e,t){e.exports=require("@times-components/tracking/rnw")},function(e,t){e.exports=require("@times-components/link/rnw")},function(e,t,n){"use strict";n.r(t);var o=n(1),i=n.n(o),r=(n(5),n(3)),a=n.n(r),c=n(6),m=n(2),s=n(4),l=n.n(s),u=n(0);const d=l.a.div.withConfig({displayName:"responsive__CommentContainer",componentId:"sc-2j1dkf-0"})(["margin-left:auto;margin-right:auto;@media (min-width:","px){width:80.8%;}@media (min-width:","px){width:56.2%;}"],u.breakpoints.medium,u.breakpoints.wide),p=(l.a.p.withConfig({displayName:"responsive__CommentEnabledGuidelines",componentId:"sc-2j1dkf-1"})(["color:",";font-family:",";font-size:","px;margin:0 0 "," 0;padding-left:7px;padding-top:",";"],u.colours.functional.secondary,u.fontsWithFallback.supporting,u.fontSizes.commentsGuidelines,Object(u.spacing)(-2),Object(u.spacing)(6)),l.a.p.withConfig({displayName:"responsive__CommentDisabledGuidelines",componentId:"sc-2j1dkf-2"})(["color:",";font-family:",";font-size:","px;margin:0;padding-bottom:",";padding-top:",";text-align:center;"],u.colours.functional.secondary,u.fontsWithFallback.supporting,u.fontSizes.commentsGuidelines,Object(u.spacing)(6),Object(u.spacing)(1))),f=l.a.p.withConfig({displayName:"responsive__CommentDisabledHeadline",componentId:"sc-2j1dkf-3"})(["color:",";font-family:",";font-size:","px;margin:0;padding-bottom:",";padding-top:",";text-align:center;"],u.colours.functional.primary,u.fontsWithFallback.headline,u.fontSizes.commentsHeadline,Object(u.spacing)(1),Object(u.spacing)(6));function g(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 o,i,r=[],a=!0,c=!1;try{for(n=n.call(e);!(a=(o=n.next()).done)&&(r.push(o.value),!t||r.length!==t);a=!0);}catch(e){c=!0,i=e}finally{try{a||null==n.return||n.return()}finally{if(c)throw i}}return r}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return C(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 C(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 C(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,o=new Array(t);n<t;n++)o[n]=e[n];return o}var b=e=>e?(e=>e.split("&").reduce((e,t)=>{const n=g(t.split("="),2),o=n[0],i=n[1];return e[o]=i,e},{}))(e).eid:void 0;const v=(e,t)=>((e,t)=>{const n=new XMLHttpRequest;n.addEventListener("load",()=>{const e=(200===n.status?JSON.parse(n.response):{}).spotimCodeB;e&&t(e)}),n.open("GET",e),n.send()})("/api/comments/loginv2?codeA=".concat(encodeURIComponent(e)),t);var y=()=>{if(window.SPOTIM&&window.SPOTIM.startSSO){const e=window&&window.nuk&&window.nuk.getCookieValue&&window.nuk.getCookieValue("acs_tnl"),t="".concat(b(e),"_v2");window.SPOTIM.startSSO({callback:v,userId:t})}},h=n(7);class w extends o.Component{constructor(){super(),this.container=null}componentDidMount(){this.initialiseComments()}componentWillUnmount(){this.disposeComments()}initialiseComments(){const e=this.props,t=e.articleId,n=e.isReadOnly,o=e.commentingConfig,i=e.onCommentStart,r=e.onCommentPost,a=e.onCommentNotification,c=e.onCommentFilterNewest,m=e.onCommentFilterMostRecommended,s=e.onCommentFilterOldest,l=e.onCommentReplyClick,u=e.onCommentShareLink,d=e.onCommentShareTwitter,p=e.onCommentShareEmail,f=e.onCommentShareFacebook,g=e.onCommentRecommend,C=e.onCommentNotificationClicked,b=e.onCommentUsernameClicked,v=e.onCommentSettingsClicked,h=e.viewMoreComments,w=e.domainSpecificUrl;if(!this.container||!t||!o)return;document.addEventListener("spot-im-current-user-typing-start",i),document.addEventListener("spot-im-current-user-sent-message",r),document.addEventListener("spot-im-notification-drop-down-link",a),document.addEventListener("spot-im-user-up-vote-click",g),document.addEventListener("spot-im-sort-by-select",e=>(e=>{switch(e.detail.sortedBy){case"best":return m(e);case"oldest":return s(e);case"newest":return c(e);default:return null}})(e)),document.addEventListener("spot-im-user-clicked-reply",l),document.addEventListener("spot-im-clicked-settings",v),document.addEventListener("spot-im-user-notifications-click",C),document.addEventListener("spot-im-open-user-profile",b),document.addEventListener("spot-im-show-more-comments-clicked",h),document.addEventListener("spot-im-share-type",e=>(e=>{switch(e.detail.type){case"link":return u(e);case"email":return p(e);case"twitter":return d(e);case"facebook":return f(e);default:return null}})(e)),n||(window.SPOTIM&&window.SPOTIM.startSSO?y():document.addEventListener("spot-im-api-ready",()=>{y()})),document.addEventListener("spot-im-renew-sso",()=>{y()});const k=document.createElement("script");k.setAttribute("async","async"),k.setAttribute("src","https://launcher.spot.im/spot/".concat(o.account)),k.setAttribute("data-spotim-module","spotim-launcher"),k.setAttribute("data-post-id",t),k.setAttribute("data-post-url","".concat(w,"/article/").concat(t)),k.setAttribute("data-seo-enabled",!0),k.setAttribute("data-livefyre-url",t),this.container.appendChild(k)}disposeComments(){this.container&&(this.container.innerHTML="")}render(){const e=this.props,t=e.onCommentStart,n=e.onCommentPost,o=e.onCommentNotification,r=e.onCommentFilterNewest,a=e.onCommentFilterMostRecommended,c=e.onCommentFilterOldest,m=e.onCommentReplyClick,s=e.onCommentShareLink,l=e.onCommentShareTwitter,u=e.onCommentShareEmail,p=e.onCommentShareFacebook,f=e.onCommentRecommend,g=e.onCommentNotificationClicked,C=e.onCommentUsernameClicked,b=e.onCommentSettingsClicked,v=e.viewMoreComments;return i.a.createElement(d,{id:"comments-container",onCommentStart:t,onCommentPost:n,onCommentNotification:o,onCommentReplyClick:m,onCommentFilterNewest:r,onCommentFilterMostRecommended:a,onCommentFilterOldest:c,onCommentShareLink:s,onCommentShareTwitter:l,onCommentShareEmail:u,onCommentShareFacebook:p,onCommentRecommend:f,onCommentNotificationClicked:g,onCommentUsernameClicked:C,onCommentSettingsClicked:b,viewMoreComments:v},i.a.createElement("div",{ref:e=>{this.container=e}}))}}w.defaultProps={onCommentStart:()=>{},onCommentPost:()=>{},onCommentNotification:()=>{},onCommentReplyClick:()=>{},onCommentFilterNewest:()=>{},onCommentFilterMostRecommended:()=>{},onCommentFilterOldest:()=>{},onCommentShareLink:()=>{},onCommentShareTwitter:()=>{},onCommentShareEmail:()=>{},onCommentShareFacebook:()=>{},onCommentRecommend:()=>{},onCommentNotificationClicked:()=>{},onCommentUsernameClicked:()=>{},onCommentSettingsClicked:()=>{},viewMoreComments:()=>{}};var k,O=(k=w,Object(h.withTrackEvents)(k,{analyticsEvents:[{actionName:"navigation",eventName:"onCommentStart",trackingName:"spot im : comment : start"},{actionName:"navigation",eventName:"onCommentPost",trackingName:"spot im : comment : complete"},{actionName:"navigation",eventName:"onCommentNotification",trackingName:"spot im : notification"},{actionName:"navigation",eventName:"onCommentFilterNewest",trackingName:"spot im : sort : newest"},{actionName:"navigation",eventName:"onCommentFilterMostRecommended",trackingName:"spot im : sort : best"},{actionName:"navigation",eventName:"onCommentFilterOldest",trackingName:"spot im : sort : oldest"},{actionName:"navigation",eventName:"onCommentReplyClick",trackingName:"spot im : reply"},{actionName:"navigation",eventName:"onCommentSettingsClicked",trackingName:"spot im : settings button clicked"},{actionName:"navigation",eventName:"onCommentShareLink",trackingName:"spot im : comment : share : copy link"},{actionName:"navigation",eventName:"onCommentShareEmail",trackingName:"spot im : comment : share : email"},{actionName:"navigation",eventName:"onCommentShareTwitter",trackingName:"spot im : comment : share : twitter"},{actionName:"navigation",eventName:"onCommentShareFacebook",trackingName:"spot im : comment : share : facebook"},{actionName:"navigation",eventName:"onCommentRecommend",trackingName:"spot im : vote up"},{actionName:"navigation",eventName:"onCommentUsernameClicked",trackingName:"spot im : username clicked"},{actionName:"navigation",eventName:"onCommentNotificationClicked",trackingName:"spot im : notification clicked"},{actionName:"navigation",eventName:"viewMoreComments",trackingName:"spot im : view more comments clicked"}]})),S=n(8);function N(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function j(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?N(Object(n),!0).forEach((function(t){E(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):N(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}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 _={button:{marginBottom:Object(u.spacing)(0),marginTop:Object(u.spacing)(5),maxWidth:215},container:{alignItems:"center",borderStyle:"solid",borderTopColor:u.colours.functional.keyline,borderTopWidth:1,marginBottom:Object(u.spacing)(10),width:"100%"},headline:j(j({color:u.colours.functional.primary},Object(u.fontFactory)({font:"headline",fontSize:"commentsHeadline"})),{},{maxWidth:315,paddingBottom:Object(u.spacing)(2),paddingTop:Object(u.spacing)(6),textAlign:"center"}),link:{color:u.colours.functional.action},supporting:j(j({},Object(u.fontFactory)({font:"supporting",fontSize:"tertiary"})),{},{color:u.colours.functional.secondary,maxWidth:280,textAlign:"center"})};function P(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function x(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?P(Object(n),!0).forEach((function(t){F(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):P(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function F(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var T=x(x({},_),{},{link:x(x({},_.link),{},{fontFamily:u.fontsWithFallback.supporting,fontSize:u.fontSizes.commentsGuidelines})});var I=()=>i.a.createElement(d,null,i.a.createElement(f,null,"Comments have not been enabled for this article"),i.a.createElement(p,null,"Comments are subject to our community guidelines, which can be viewed"," ",i.a.createElement(S.TextLink,{style:T.link,url:"/article/f4024fbe-d989-11e6-9063-500e6740fc32"},"here"),"."));const M=(e,t)=>({attrs:{event_navigation_name:"".concat(e),event_navigation_browsing_method:"".concat(t)}});var A=e=>{let t=e.fireAnalyticsEvent;const n="undefined"!=typeof window&&window.__TIMES_CONFIG__&&window.__TIMES_CONFIG__.account&&window.__TIMES_CONFIG__.account.url;return Object(o.useEffect)(()=>{t&&t(M("upgrade sticky footer : displayed","automated"))},[]),i.a.createElement(m.InlineDialog,{title:"Join the conversation",buttonText:"Go to My account",href:n,onClick:()=>((e,t,n)=>{e&&e(M(t,n))})(t,"upgrade sticky footer : go to my account","click")},"Commenting is only available to unlimited access subscribers. Upgrade your subscription to have your say.")};function L(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 o,i,r=[],a=!0,c=!1;try{for(n=n.call(e);!(a=(o=n.next()).done)&&(r.push(o.value),!t||r.length!==t);a=!0);}catch(e){c=!0,i=e}finally{try{a||null==n.return||n.return()}finally{if(c)throw i}}return r}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return R(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 R(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 R(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,o=new Array(t);n<t;n++)o[n]=e[n];return o}const D=e=>{let t=e.articleId,n=e.isEnabled,r=e.isReadOnly,s=e.commentingConfig,l=e.domainSpecificUrl;const u=L(Object(o.useState)(void 0),2),d=u[0],p=u[1],f=L(Object(o.useState)(void 0),2),g=f[0],C=f[1],b={component:"JoinTheConversationDialog",object:"JoinTheConversationDialog",attrs:{event_navigation_action:"navigation",article_parent_name:"commenting"}};return Object(o.useEffect)(()=>{if(new URLSearchParams(window.location.search).get("entitlements")){const e=Object(c.getBase64CookieValue)("access-decisions");C(!!e&&Object(c.hasEntitlement)(e,"functionalCommentingFull"))}else p(!1)},[]),void 0===d&&void 0===g?null:n?!1===d?i.a.createElement(i.a.Fragment,null,i.a.createElement(a.a,{state:a.a.showCommentingModule},i.a.createElement(O,{articleId:t,isReadOnly:r,commentingConfig:s,domainSpecificUrl:l})),i.a.createElement(a.a,{state:a.a.showJoinTheConversationDialog},i.a.createElement(m.TrackingContextProvider,{context:b},e=>{let t=e.fireAnalyticsEvent;return i.a.createElement(A,{fireAnalyticsEvent:t})}))):g?i.a.createElement(O,{articleId:t,isReadOnly:r,commentingConfig:s,domainSpecificUrl:l}):i.a.createElement(m.TrackingContextProvider,{context:b},e=>{let t=e.fireAnalyticsEvent;return i.a.createElement(A,{fireAnalyticsEvent:t})}):i.a.createElement(I,null)};D.defaultProps={isReadOnly:!1};t.default=D}]);
+module.exports=function(e){var t={};function n(o){if(t[o])return t[o].exports;var i=t[o]={i:o,l:!1,exports:{}};return e[o].call(i.exports,i,i.exports,n),i.l=!0,i.exports}return n.m=e,n.c=t,n.d=function(e,t,o){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:o})},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 o=Object.create(null);if(n.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var i in e)n.d(o,i,function(t){return e[t]}.bind(null,i));return o},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=9)}([function(e,t){e.exports=require("@times-components/ts-styleguide/rnw")},function(e,t){e.exports=require("react")},function(e,t){e.exports=require("@times-components/ts-components/rnw")},function(e,t){e.exports=require("@times-components/user-state/rnw")},function(e,t){e.exports=require("styled-components")},function(e,t){e.exports=require("prop-types")},function(e,t){e.exports=require("@times-components/utils/rnw")},function(e,t){e.exports=require("@times-components/tracking/rnw")},function(e,t){e.exports=require("@times-components/link/rnw")},function(e,t,n){"use strict";n.r(t);var o=n(1),i=n.n(o),r=(n(5),n(3)),a=n.n(r),c=n(6),m=n(2),s=n(4),l=n.n(s),u=n(0);const d=l.a.div.withConfig({displayName:"responsive__CommentContainer",componentId:"sc-2j1dkf-0"})(["margin-left:auto;margin-right:auto;@media (min-width:","px){width:80.8%;}@media (min-width:","px){width:56.2%;}"],u.breakpoints.medium,u.breakpoints.wide),p=(l.a.p.withConfig({displayName:"responsive__CommentEnabledGuidelines",componentId:"sc-2j1dkf-1"})(["color:",";font-family:",";font-size:","px;margin:0 0 "," 0;padding-left:7px;padding-top:",";"],u.colours.functional.secondary,u.fontsWithFallback.supporting,u.fontSizes.commentsGuidelines,Object(u.spacing)(-2),Object(u.spacing)(6)),l.a.p.withConfig({displayName:"responsive__CommentDisabledGuidelines",componentId:"sc-2j1dkf-2"})(["color:",";font-family:",";font-size:","px;margin:0;padding-bottom:",";padding-top:",";text-align:center;"],u.colours.functional.secondary,u.fontsWithFallback.supporting,u.fontSizes.commentsGuidelines,Object(u.spacing)(6),Object(u.spacing)(1))),f=l.a.p.withConfig({displayName:"responsive__CommentDisabledHeadline",componentId:"sc-2j1dkf-3"})(["color:",";font-family:",";font-size:","px;margin:0;padding-bottom:",";padding-top:",";text-align:center;"],u.colours.functional.primary,u.fontsWithFallback.headline,u.fontSizes.commentsHeadline,Object(u.spacing)(1),Object(u.spacing)(6));function g(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 o,i,r=[],a=!0,c=!1;try{for(n=n.call(e);!(a=(o=n.next()).done)&&(r.push(o.value),!t||r.length!==t);a=!0);}catch(e){c=!0,i=e}finally{try{a||null==n.return||n.return()}finally{if(c)throw i}}return r}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return C(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 C(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 C(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,o=new Array(t);n<t;n++)o[n]=e[n];return o}var b=e=>e?(e=>e.split("&").reduce((e,t)=>{const n=g(t.split("="),2),o=n[0],i=n[1];return e[o]=i,e},{}))(e).eid:void 0;const v=(e,t)=>((e,t)=>{const n=new XMLHttpRequest;n.addEventListener("load",()=>{const e=(200===n.status?JSON.parse(n.response):{}).spotimCodeB;e&&t(e)}),n.open("GET",e),n.send()})("/api/comments/loginv2?codeA=".concat(encodeURIComponent(e)),t);var y=()=>{if(window.SPOTIM&&window.SPOTIM.startSSO){const e=window&&window.nuk&&window.nuk.getCookieValue&&window.nuk.getCookieValue("acs_tnl"),t="".concat(b(e),"_v2");window.SPOTIM.startSSO({callback:v,userId:t})}},h=n(7);class w extends o.Component{constructor(){super(),this.container=null}componentDidMount(){this.initialiseComments()}componentWillUnmount(){this.disposeComments()}initialiseComments(){const e=this.props,t=e.articleId,n=e.isReadOnly,o=e.commentingConfig,i=e.onCommentStart,r=e.onCommentPost,a=e.onCommentNotification,c=e.onCommentFilterNewest,m=e.onCommentFilterMostRecommended,s=e.onCommentFilterOldest,l=e.onCommentReplyClick,u=e.onCommentShareLink,d=e.onCommentShareTwitter,p=e.onCommentShareEmail,f=e.onCommentShareFacebook,g=e.onCommentRecommend,C=e.onCommentNotificationClicked,b=e.onCommentUsernameClicked,v=e.onCommentSettingsClicked,h=e.viewMoreComments,w=e.domainSpecificUrl;if(!this.container||!t||!o)return;document.addEventListener("spot-im-current-user-typing-start",i),document.addEventListener("spot-im-current-user-sent-message",r),document.addEventListener("spot-im-notification-drop-down-link",a),document.addEventListener("spot-im-user-up-vote-click",g),document.addEventListener("spot-im-sort-by-select",e=>(e=>{switch(e.detail.sortedBy){case"best":return m(e);case"oldest":return s(e);case"newest":return c(e);default:return null}})(e)),document.addEventListener("spot-im-user-clicked-reply",l),document.addEventListener("spot-im-clicked-settings",v),document.addEventListener("spot-im-user-notifications-click",C),document.addEventListener("spot-im-open-user-profile",b),document.addEventListener("spot-im-show-more-comments-clicked",h),document.addEventListener("spot-im-share-type",e=>(e=>{switch(e.detail.type){case"link":return u(e);case"email":return p(e);case"twitter":return d(e);case"facebook":return f(e);default:return null}})(e)),n||(window.SPOTIM&&window.SPOTIM.startSSO?y():document.addEventListener("spot-im-api-ready",()=>{y()})),document.addEventListener("spot-im-renew-sso",()=>{y()});const k=document.createElement("script");k.setAttribute("async","async"),k.setAttribute("src","https://launcher.spot.im/spot/".concat(o.account)),k.setAttribute("data-spotim-module","spotim-launcher"),k.setAttribute("data-post-id",t),k.setAttribute("data-post-url","".concat(w,"/article/").concat(t)),k.setAttribute("data-seo-enabled",!0),k.setAttribute("data-livefyre-url",t),this.container.appendChild(k)}disposeComments(){this.container&&(this.container.innerHTML="")}render(){const e=this.props,t=e.onCommentStart,n=e.onCommentPost,o=e.onCommentNotification,r=e.onCommentFilterNewest,a=e.onCommentFilterMostRecommended,c=e.onCommentFilterOldest,m=e.onCommentReplyClick,s=e.onCommentShareLink,l=e.onCommentShareTwitter,u=e.onCommentShareEmail,p=e.onCommentShareFacebook,f=e.onCommentRecommend,g=e.onCommentNotificationClicked,C=e.onCommentUsernameClicked,b=e.onCommentSettingsClicked,v=e.viewMoreComments;return i.a.createElement(d,{id:"comments-container",onCommentStart:t,onCommentPost:n,onCommentNotification:o,onCommentReplyClick:m,onCommentFilterNewest:r,onCommentFilterMostRecommended:a,onCommentFilterOldest:c,onCommentShareLink:s,onCommentShareTwitter:l,onCommentShareEmail:u,onCommentShareFacebook:p,onCommentRecommend:f,onCommentNotificationClicked:g,onCommentUsernameClicked:C,onCommentSettingsClicked:b,viewMoreComments:v},i.a.createElement("div",{ref:e=>{this.container=e}}))}}w.defaultProps={onCommentStart:()=>{},onCommentPost:()=>{},onCommentNotification:()=>{},onCommentReplyClick:()=>{},onCommentFilterNewest:()=>{},onCommentFilterMostRecommended:()=>{},onCommentFilterOldest:()=>{},onCommentShareLink:()=>{},onCommentShareTwitter:()=>{},onCommentShareEmail:()=>{},onCommentShareFacebook:()=>{},onCommentRecommend:()=>{},onCommentNotificationClicked:()=>{},onCommentUsernameClicked:()=>{},onCommentSettingsClicked:()=>{},viewMoreComments:()=>{}};var k,O=(k=w,Object(h.withTrackEvents)(k,{analyticsEvents:[{actionName:"navigation",eventName:"onCommentStart",trackingName:"spot im : comment : start"},{actionName:"navigation",eventName:"onCommentPost",trackingName:"spot im : comment : complete"},{actionName:"navigation",eventName:"onCommentNotification",trackingName:"spot im : notification"},{actionName:"navigation",eventName:"onCommentFilterNewest",trackingName:"spot im : sort : newest"},{actionName:"navigation",eventName:"onCommentFilterMostRecommended",trackingName:"spot im : sort : best"},{actionName:"navigation",eventName:"onCommentFilterOldest",trackingName:"spot im : sort : oldest"},{actionName:"navigation",eventName:"onCommentReplyClick",trackingName:"spot im : reply"},{actionName:"navigation",eventName:"onCommentSettingsClicked",trackingName:"spot im : settings button clicked"},{actionName:"navigation",eventName:"onCommentShareLink",trackingName:"spot im : comment : share : copy link"},{actionName:"navigation",eventName:"onCommentShareEmail",trackingName:"spot im : comment : share : email"},{actionName:"navigation",eventName:"onCommentShareTwitter",trackingName:"spot im : comment : share : twitter"},{actionName:"navigation",eventName:"onCommentShareFacebook",trackingName:"spot im : comment : share : facebook"},{actionName:"navigation",eventName:"onCommentRecommend",trackingName:"spot im : vote up"},{actionName:"navigation",eventName:"onCommentUsernameClicked",trackingName:"spot im : username clicked"},{actionName:"navigation",eventName:"onCommentNotificationClicked",trackingName:"spot im : notification clicked"},{actionName:"navigation",eventName:"viewMoreComments",trackingName:"spot im : view more comments clicked"}]})),S=n(8);function N(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function j(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?N(Object(n),!0).forEach((function(t){E(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):N(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}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 _={button:{marginBottom:Object(u.spacing)(0),marginTop:Object(u.spacing)(5),maxWidth:215},container:{alignItems:"center",borderStyle:"solid",borderTopColor:u.colours.functional.keyline,borderTopWidth:1,marginBottom:Object(u.spacing)(10),width:"100%"},headline:j(j({color:u.colours.functional.primary},Object(u.fontFactory)({font:"headline",fontSize:"commentsHeadline"})),{},{maxWidth:315,paddingBottom:Object(u.spacing)(2),paddingTop:Object(u.spacing)(6),textAlign:"center"}),link:{color:u.colours.functional.action},supporting:j(j({},Object(u.fontFactory)({font:"supporting",fontSize:"tertiary"})),{},{color:u.colours.functional.secondary,maxWidth:280,textAlign:"center"})};function P(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function x(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?P(Object(n),!0).forEach((function(t){F(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):P(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function F(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var T=x(x({},_),{},{link:x(x({},_.link),{},{fontFamily:u.fontsWithFallback.supporting,fontSize:u.fontSizes.commentsGuidelines})});var I=()=>i.a.createElement(d,null,i.a.createElement(f,null,"Comments are not enabled for this article"),i.a.createElement(p,null,"Comments are subject to our community guidelines, which can be viewed"," ",i.a.createElement(S.TextLink,{style:T.link,url:"/article/f4024fbe-d989-11e6-9063-500e6740fc32"},"here"),"."));const M=(e,t)=>({attrs:{event_navigation_name:"".concat(e),event_navigation_browsing_method:"".concat(t)}});var A=e=>{let t=e.fireAnalyticsEvent;const n="undefined"!=typeof window&&window.__TIMES_CONFIG__&&window.__TIMES_CONFIG__.account&&window.__TIMES_CONFIG__.account.url;return Object(o.useEffect)(()=>{t&&t(M("upgrade sticky footer : displayed","automated"))},[]),i.a.createElement(m.InlineDialog,{title:"Join the conversation",buttonText:"Go to My account",href:n,onClick:()=>((e,t,n)=>{e&&e(M(t,n))})(t,"upgrade sticky footer : go to my account","click")},"Commenting is only available to unlimited access subscribers. Upgrade your subscription to have your say.")};function L(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 o,i,r=[],a=!0,c=!1;try{for(n=n.call(e);!(a=(o=n.next()).done)&&(r.push(o.value),!t||r.length!==t);a=!0);}catch(e){c=!0,i=e}finally{try{a||null==n.return||n.return()}finally{if(c)throw i}}return r}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return R(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 R(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 R(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,o=new Array(t);n<t;n++)o[n]=e[n];return o}const D=e=>{let t=e.articleId,n=e.isEnabled,r=e.isReadOnly,s=e.commentingConfig,l=e.domainSpecificUrl;const u=L(Object(o.useState)(void 0),2),d=u[0],p=u[1],f=L(Object(o.useState)(void 0),2),g=f[0],C=f[1],b={component:"JoinTheConversationDialog",object:"JoinTheConversationDialog",attrs:{event_navigation_action:"navigation",article_parent_name:"commenting"}};return Object(o.useEffect)(()=>{if(new URLSearchParams(window.location.search).get("entitlements")){const e=Object(c.getBase64CookieValue)("access-decisions");C(!!e&&Object(c.hasEntitlement)(e,"functionalCommentingFull"))}else p(!1)},[]),void 0===d&&void 0===g?null:n?!1===d?i.a.createElement(i.a.Fragment,null,i.a.createElement(a.a,{state:a.a.showCommentingModule},i.a.createElement(O,{articleId:t,isReadOnly:r,commentingConfig:s,domainSpecificUrl:l})),i.a.createElement(a.a,{state:a.a.showJoinTheConversationDialog},i.a.createElement(m.TrackingContextProvider,{context:b},e=>{let t=e.fireAnalyticsEvent;return i.a.createElement(A,{fireAnalyticsEvent:t})}))):g?i.a.createElement(O,{articleId:t,isReadOnly:r,commentingConfig:s,domainSpecificUrl:l}):i.a.createElement(m.TrackingContextProvider,{context:b},e=>{let t=e.fireAnalyticsEvent;return i.a.createElement(A,{fireAnalyticsEvent:t})}):i.a.createElement(I,null)};D.defaultProps={isReadOnly:!1};t.default=D}]);