@times-components/article-comments 0.21.65 → 0.22.0

package/CHANGELOG.md

@@ -3,6 +3,33 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.22.0](https://github.com/newsuk/times-components/compare/@times-components/article-comments@0.21.67...@times-components/article-comments@0.22.0) (2022-07-26)
+
+
+### Features
+
+* **TDP-2202:** integrate new openweb commenting endpoint ([#3046](https://github.com/newsuk/times-components/issues/3046)) ([c8c39d7](https://github.com/newsuk/times-components/commit/c8c39d76c39c1f0a6e7ceaa8e648c75e57fcf8e8)), closes [#3052](https://github.com/newsuk/times-components/issues/3052)
+
+
+
+
+
+## [0.21.67](https://github.com/newsuk/times-components/compare/@times-components/article-comments@0.21.66...@times-components/article-comments@0.21.67) (2022-07-21)
+
+**Note:** Version bump only for package @times-components/article-comments
+
+
+
+
+
+## [0.21.66](https://github.com/newsuk/times-components/compare/@times-components/article-comments@0.21.65...@times-components/article-comments@0.21.66) (2022-07-21)
+
+**Note:** Version bump only for package @times-components/article-comments
+
+
+
+
+
 ## [0.21.65](https://github.com/newsuk/times-components/compare/@times-components/article-comments@0.21.64...@times-components/article-comments@0.21.65) (2022-07-20)
 
 **Note:** Version bump only for package @times-components/article-comments

package/dist/comment-login.js

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var loginRequest=function loginRequest(url,completeSSOCallback){var xhr=new XMLHttpRequest();xhr.addEventListener("load",function(){var success=xhr.status===200;var _ref=success?JSON.parse(xhr.response):{},spotimCodeB=_ref.spotimCodeB;if(spotimCodeB){completeSSOCallback(spotimCodeB);}});xhr.open("GET",url);xhr.send();};var ssoCallbackReadOnly=function ssoCallbackReadOnly(codeA,completeSSOCallback){return loginRequest("/api/comments/login?codeA="+encodeURIComponent(codeA)+"&readOnly=true",completeSSOCallback);};var ssoCallback=function ssoCallback(codeA,completeSSOCallback){return loginRequest("/api/comments/login?codeA="+encodeURIComponent(codeA),completeSSOCallback);};var executeSSOtransaction=function executeSSOtransaction(isReadOnly,callback){if(window.SPOTIM&&window.SPOTIM.startSSO){if(isReadOnly){window.SPOTIM.startSSO(ssoCallbackReadOnly);}else{window.SPOTIM.startSSO(ssoCallback);}callback();}};var _default=executeSSOtransaction;exports.default=_default;
+Object.defineProperty(exports,"__esModule",{value:true});exports.default=exports.ssoCallback=void 0;var loginRequest=function loginRequest(url,completeSSOCallback){var xhr=new XMLHttpRequest();xhr.addEventListener("load",function(){var success=xhr.status===200;var _ref=success?JSON.parse(xhr.response):{},spotimCodeB=_ref.spotimCodeB;if(spotimCodeB){completeSSOCallback(spotimCodeB);}});xhr.open("GET",url);xhr.send();};var ssoCallback=function ssoCallback(codeA,completeSSOCallback){var isFeatureFlagEnabled=window.location.search.includes("enableRealNameCommenting");var loginRequestUrl=isFeatureFlagEnabled?"/api/comments/loginv2":"/api/comments/login";return loginRequest(loginRequestUrl+"?codeA="+encodeURIComponent(codeA),completeSSOCallback);};exports.ssoCallback=ssoCallback;var executeSSOtransaction=function executeSSOtransaction(callback){if(window.SPOTIM&&window.SPOTIM.startSSO){window.SPOTIM.startSSO(ssoCallback);callback();}};var _default=executeSSOtransaction;exports.default=_default;

package/dist/comments.js

@@ -1 +1 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _inherits2=_interopRequireDefault(require("@babel/runtime/helpers/inherits"));var _possibleConstructorReturn2=_interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));var _getPrototypeOf2=_interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));var _react=_interopRequireWildcard(require("react"));var _propTypes=_interopRequireDefault(require("prop-types"));var _responsive=require("./styles/responsive");var _commentLogin=_interopRequireDefault(require("./comment-login"));var _withTrackEvents=_interopRequireDefault(require("./tracking/with-track-events"));var _jsxFileName="/home/circleci/project/packages/article-comments/src/comments.js";function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap();var cacheNodeInterop=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj;}if(obj===null||typeof obj!=="object"&&typeof obj!=="function"){return{default:obj};}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj);}var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc);}else{newObj[key]=obj[key];}}}newObj.default=obj;if(cache){cache.set(obj,newObj);}return newObj;}function _createSuper(Derived){var hasNativeReflectConstruct=_isNativeReflectConstruct();return function _createSuperInternal(){var Super=(0,_getPrototypeOf2.default)(Derived),result;if(hasNativeReflectConstruct){var NewTarget=(0,_getPrototypeOf2.default)(this).constructor;result=Reflect.construct(Super,arguments,NewTarget);}else{result=Super.apply(this,arguments);}return(0,_possibleConstructorReturn2.default)(this,result);};}function _isNativeReflectConstruct(){if(typeof Reflect==="undefined"||!Reflect.construct)return false;if(Reflect.construct.sham)return false;if(typeof Proxy==="function")return true;try{Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));return true;}catch(e){return false;}}var Comments=function(_Component){(0,_inherits2.default)(Comments,_Component);var _super=_createSuper(Comments);function Comments(){var _this;(0,_classCallCheck2.default)(this,Comments);_this=_super.call(this);_this.container=null;return _this;}(0,_createClass2.default)(Comments,[{key:"componentDidMount",value:function componentDidMount(){this.initialiseComments();}},{key:"componentWillUnmount",value:function componentWillUnmount(){this.disposeComments();}},{key:"initialiseComments",value:function initialiseComments(){var _this$props=this.props,articleId=_this$props.articleId,isReadOnly=_this$props.isReadOnly,publishedTime=_this$props.publishedTime,commentingConfig=_this$props.commentingConfig,onCommentStart=_this$props.onCommentStart,onCommentPost=_this$props.onCommentPost,onCommentNotification=_this$props.onCommentNotification,onCommentFilterNewest=_this$props.onCommentFilterNewest,onCommentFilterMostRecommended=_this$props.onCommentFilterMostRecommended,onCommentFilterOldest=_this$props.onCommentFilterOldest,onCommentReplyClick=_this$props.onCommentReplyClick,onCommentShareLink=_this$props.onCommentShareLink,onCommentShareTwitter=_this$props.onCommentShareTwitter,onCommentShareEmail=_this$props.onCommentShareEmail,onCommentShareFacebook=_this$props.onCommentShareFacebook,onCommentRecommend=_this$props.onCommentRecommend,onCommentNotificationClicked=_this$props.onCommentNotificationClicked,onCommentUsernameClicked=_this$props.onCommentUsernameClicked,onCommentSettingsClicked=_this$props.onCommentSettingsClicked;if(!this.container||!articleId||!commentingConfig){return;}var getFilterEvent=function getFilterEvent(event){switch(event.detail.sortedBy){case"best":return onCommentFilterMostRecommended(event);case"oldest":return onCommentFilterOldest(event);case"newest":return onCommentFilterNewest(event);default:return null;}};var getShareEvent=function getShareEvent(event){switch(event.detail.type){case"link":return onCommentShareLink(event);case"email":return onCommentShareEmail(event);case"twitter":return onCommentShareTwitter(event);case"facebook":return onCommentShareFacebook(event);default:return null;}};var isSpotAccountReadOnly=true;var spotAccountId=commentingConfig.account.readOnly;if(commentingConfig&&commentingConfig.switchOver){var switchOverDate=commentingConfig.switchOver;if(publishedTime>switchOverDate){isSpotAccountReadOnly=false;spotAccountId=commentingConfig.account.current;}}document.addEventListener("spot-im-current-user-typing-start",onCommentStart,{once:true});document.addEventListener("spot-im-current-user-sent-message",onCommentPost);document.addEventListener("spot-im-notification-drop-down-link",onCommentNotification);document.addEventListener("spot-im-user-up-vote-click",onCommentRecommend);document.addEventListener("spot-im-sort-by-select",function(event){return getFilterEvent(event);});document.addEventListener("spot-im-user-clicked-reply",onCommentReplyClick);document.addEventListener("spot-im-clicked-settings",onCommentSettingsClicked);document.addEventListener("spot-im-user-notifications-click",onCommentNotificationClicked);document.addEventListener("spot-im-open-user-profile",onCommentUsernameClicked);document.addEventListener("spot-im-share-type",function(event){return getShareEvent(event);});if(!isReadOnly){if(window.SPOTIM&&window.SPOTIM.startSSO){(0,_commentLogin.default)(isSpotAccountReadOnly,function(){});}else{document.addEventListener("spot-im-api-ready",function(){return(0,_commentLogin.default)(isSpotAccountReadOnly,function(){});});}}var launcherScript=document.createElement("script");launcherScript.setAttribute("async","async");launcherScript.setAttribute("src","https://launcher.spot.im/spot/"+spotAccountId);launcherScript.setAttribute("data-spotim-module","spotim-launcher");launcherScript.setAttribute("data-post-id",articleId);launcherScript.setAttribute("data-post-url","https://www.thetimes.co.uk/article/"+articleId);launcherScript.setAttribute("data-seo-enabled",true);launcherScript.setAttribute("data-livefyre-url",articleId);this.container.appendChild(launcherScript);}},{key:"disposeComments",value:function disposeComments(){if(this.container){this.container.innerHTML="";}}},{key:"render",value:function render(){var _this2=this;var _this$props2=this.props,onCommentStart=_this$props2.onCommentStart,onCommentPost=_this$props2.onCommentPost,onCommentNotification=_this$props2.onCommentNotification,onCommentFilterNewest=_this$props2.onCommentFilterNewest,onCommentFilterMostRecommended=_this$props2.onCommentFilterMostRecommended,onCommentFilterOldest=_this$props2.onCommentFilterOldest,onCommentReplyClick=_this$props2.onCommentReplyClick,onCommentShareLink=_this$props2.onCommentShareLink,onCommentShareTwitter=_this$props2.onCommentShareTwitter,onCommentShareEmail=_this$props2.onCommentShareEmail,onCommentShareFacebook=_this$props2.onCommentShareFacebook,onCommentRecommend=_this$props2.onCommentRecommend,onCommentNotificationClicked=_this$props2.onCommentNotificationClicked,onCommentUsernameClicked=_this$props2.onCommentUsernameClicked,onCommentSettingsClicked=_this$props2.onCommentSettingsClicked;return _react.default.createElement(_responsive.CommentContainer,{id:"comments-container",onCommentStart:onCommentStart,onCommentPost:onCommentPost,onCommentNotification:onCommentNotification,onCommentReplyClick:onCommentReplyClick,onCommentFilterNewest:onCommentFilterNewest,onCommentFilterMostRecommended:onCommentFilterMostRecommended,onCommentFilterOldest:onCommentFilterOldest,onCommentShareLink:onCommentShareLink,onCommentShareTwitter:onCommentShareTwitter,onCommentShareEmail:onCommentShareEmail,onCommentShareFacebook:onCommentShareFacebook,onCommentRecommend:onCommentRecommend,onCommentNotificationClicked:onCommentNotificationClicked,onCommentUsernameClicked:onCommentUsernameClicked,onCommentSettingsClicked:onCommentSettingsClicked,__source:{fileName:_jsxFileName,lineNumber:180,columnNumber:7}},_react.default.createElement("div",{ref:function ref(el){_this2.container=el;},__source:{fileName:_jsxFileName,lineNumber:198,columnNumber:9}}));}}]);return Comments;}(_react.Component);Comments.propTypes={articleId:_propTypes.default.string.isRequired,isReadOnly:_propTypes.default.bool.isRequired,commentingConfig:_propTypes.default.shape({accounts:_propTypes.default.shape({current:_propTypes.default.string.isRequired,readOnly:_propTypes.default.string.isRequired}),switchOver:_propTypes.default.string.isRequired}).isRequired,publishedTime:_propTypes.default.string.isRequired,onCommentStart:_propTypes.default.func,onCommentPost:_propTypes.default.func,onCommentNotification:_propTypes.default.func,onCommentFilterNewest:_propTypes.default.func,onCommentFilterMostRecommended:_propTypes.default.func,onCommentFilterOldest:_propTypes.default.func,onCommentReplyClick:_propTypes.default.func,onCommentShareLink:_propTypes.default.func,onCommentShareTwitter:_propTypes.default.func,onCommentShareEmail:_propTypes.default.func,onCommentShareFacebook:_propTypes.default.func,onCommentRecommend:_propTypes.default.func,onCommentNotificationClicked:_propTypes.default.func,onCommentUsernameClicked:_propTypes.default.func,onCommentSettingsClicked:_propTypes.default.func};Comments.defaultProps={onCommentStart:function onCommentStart(){},onCommentPost:function onCommentPost(){},onCommentNotification:function onCommentNotification(){},onCommentReplyClick:function onCommentReplyClick(){},onCommentFilterNewest:function onCommentFilterNewest(){},onCommentFilterMostRecommended:function onCommentFilterMostRecommended(){},onCommentFilterOldest:function onCommentFilterOldest(){},onCommentShareLink:function onCommentShareLink(){},onCommentShareTwitter:function onCommentShareTwitter(){},onCommentShareEmail:function onCommentShareEmail(){},onCommentShareFacebook:function onCommentShareFacebook(){},onCommentRecommend:function onCommentRecommend(){},onCommentNotificationClicked:function onCommentNotificationClicked(){},onCommentUsernameClicked:function onCommentUsernameClicked(){},onCommentSettingsClicked:function onCommentSettingsClicked(){}};var _default=(0,_withTrackEvents.default)(Comments);exports.default=_default;
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _inherits2=_interopRequireDefault(require("@babel/runtime/helpers/inherits"));var _possibleConstructorReturn2=_interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));var _getPrototypeOf2=_interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));var _react=_interopRequireWildcard(require("react"));var _propTypes=_interopRequireDefault(require("prop-types"));var _responsive=require("./styles/responsive");var _commentLogin=_interopRequireDefault(require("./comment-login"));var _withTrackEvents=_interopRequireDefault(require("./tracking/with-track-events"));var _jsxFileName="/home/circleci/project/packages/article-comments/src/comments.js";function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap();var cacheNodeInterop=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj;}if(obj===null||typeof obj!=="object"&&typeof obj!=="function"){return{default:obj};}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj);}var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc);}else{newObj[key]=obj[key];}}}newObj.default=obj;if(cache){cache.set(obj,newObj);}return newObj;}function _createSuper(Derived){var hasNativeReflectConstruct=_isNativeReflectConstruct();return function _createSuperInternal(){var Super=(0,_getPrototypeOf2.default)(Derived),result;if(hasNativeReflectConstruct){var NewTarget=(0,_getPrototypeOf2.default)(this).constructor;result=Reflect.construct(Super,arguments,NewTarget);}else{result=Super.apply(this,arguments);}return(0,_possibleConstructorReturn2.default)(this,result);};}function _isNativeReflectConstruct(){if(typeof Reflect==="undefined"||!Reflect.construct)return false;if(Reflect.construct.sham)return false;if(typeof Proxy==="function")return true;try{Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));return true;}catch(e){return false;}}var Comments=function(_Component){(0,_inherits2.default)(Comments,_Component);var _super=_createSuper(Comments);function Comments(){var _this;(0,_classCallCheck2.default)(this,Comments);_this=_super.call(this);_this.container=null;return _this;}(0,_createClass2.default)(Comments,[{key:"componentDidMount",value:function componentDidMount(){this.initialiseComments();}},{key:"componentWillUnmount",value:function componentWillUnmount(){this.disposeComments();}},{key:"initialiseComments",value:function initialiseComments(){var _this$props=this.props,articleId=_this$props.articleId,isReadOnly=_this$props.isReadOnly,publishedTime=_this$props.publishedTime,commentingConfig=_this$props.commentingConfig,onCommentStart=_this$props.onCommentStart,onCommentPost=_this$props.onCommentPost,onCommentNotification=_this$props.onCommentNotification,onCommentFilterNewest=_this$props.onCommentFilterNewest,onCommentFilterMostRecommended=_this$props.onCommentFilterMostRecommended,onCommentFilterOldest=_this$props.onCommentFilterOldest,onCommentReplyClick=_this$props.onCommentReplyClick,onCommentShareLink=_this$props.onCommentShareLink,onCommentShareTwitter=_this$props.onCommentShareTwitter,onCommentShareEmail=_this$props.onCommentShareEmail,onCommentShareFacebook=_this$props.onCommentShareFacebook,onCommentRecommend=_this$props.onCommentRecommend,onCommentNotificationClicked=_this$props.onCommentNotificationClicked,onCommentUsernameClicked=_this$props.onCommentUsernameClicked,onCommentSettingsClicked=_this$props.onCommentSettingsClicked;if(!this.container||!articleId||!commentingConfig){return;}var getFilterEvent=function getFilterEvent(event){switch(event.detail.sortedBy){case"best":return onCommentFilterMostRecommended(event);case"oldest":return onCommentFilterOldest(event);case"newest":return onCommentFilterNewest(event);default:return null;}};var getShareEvent=function getShareEvent(event){switch(event.detail.type){case"link":return onCommentShareLink(event);case"email":return onCommentShareEmail(event);case"twitter":return onCommentShareTwitter(event);case"facebook":return onCommentShareFacebook(event);default:return null;}};var spotAccountId=commentingConfig.account.readOnly;if(commentingConfig&&commentingConfig.switchOver){var switchOverDate=commentingConfig.switchOver;if(publishedTime>switchOverDate){spotAccountId=commentingConfig.account.current;}}document.addEventListener("spot-im-current-user-typing-start",onCommentStart,{once:true});document.addEventListener("spot-im-current-user-sent-message",onCommentPost);document.addEventListener("spot-im-notification-drop-down-link",onCommentNotification);document.addEventListener("spot-im-user-up-vote-click",onCommentRecommend);document.addEventListener("spot-im-sort-by-select",function(event){return getFilterEvent(event);});document.addEventListener("spot-im-user-clicked-reply",onCommentReplyClick);document.addEventListener("spot-im-clicked-settings",onCommentSettingsClicked);document.addEventListener("spot-im-user-notifications-click",onCommentNotificationClicked);document.addEventListener("spot-im-open-user-profile",onCommentUsernameClicked);document.addEventListener("spot-im-share-type",function(event){return getShareEvent(event);});if(!isReadOnly){if(window.SPOTIM&&window.SPOTIM.startSSO){(0,_commentLogin.default)(function(){});}else{document.addEventListener("spot-im-api-ready",function(){return(0,_commentLogin.default)(function(){});});}}var launcherScript=document.createElement("script");launcherScript.setAttribute("async","async");launcherScript.setAttribute("src","https://launcher.spot.im/spot/"+spotAccountId);launcherScript.setAttribute("data-spotim-module","spotim-launcher");launcherScript.setAttribute("data-post-id",articleId);launcherScript.setAttribute("data-post-url","https://www.thetimes.co.uk/article/"+articleId);launcherScript.setAttribute("data-seo-enabled",true);launcherScript.setAttribute("data-livefyre-url",articleId);this.container.appendChild(launcherScript);}},{key:"disposeComments",value:function disposeComments(){if(this.container){this.container.innerHTML="";}}},{key:"render",value:function render(){var _this2=this;var _this$props2=this.props,onCommentStart=_this$props2.onCommentStart,onCommentPost=_this$props2.onCommentPost,onCommentNotification=_this$props2.onCommentNotification,onCommentFilterNewest=_this$props2.onCommentFilterNewest,onCommentFilterMostRecommended=_this$props2.onCommentFilterMostRecommended,onCommentFilterOldest=_this$props2.onCommentFilterOldest,onCommentReplyClick=_this$props2.onCommentReplyClick,onCommentShareLink=_this$props2.onCommentShareLink,onCommentShareTwitter=_this$props2.onCommentShareTwitter,onCommentShareEmail=_this$props2.onCommentShareEmail,onCommentShareFacebook=_this$props2.onCommentShareFacebook,onCommentRecommend=_this$props2.onCommentRecommend,onCommentNotificationClicked=_this$props2.onCommentNotificationClicked,onCommentUsernameClicked=_this$props2.onCommentUsernameClicked,onCommentSettingsClicked=_this$props2.onCommentSettingsClicked;return _react.default.createElement(_responsive.CommentContainer,{id:"comments-container",onCommentStart:onCommentStart,onCommentPost:onCommentPost,onCommentNotification:onCommentNotification,onCommentReplyClick:onCommentReplyClick,onCommentFilterNewest:onCommentFilterNewest,onCommentFilterMostRecommended:onCommentFilterMostRecommended,onCommentFilterOldest:onCommentFilterOldest,onCommentShareLink:onCommentShareLink,onCommentShareTwitter:onCommentShareTwitter,onCommentShareEmail:onCommentShareEmail,onCommentShareFacebook:onCommentShareFacebook,onCommentRecommend:onCommentRecommend,onCommentNotificationClicked:onCommentNotificationClicked,onCommentUsernameClicked:onCommentUsernameClicked,onCommentSettingsClicked:onCommentSettingsClicked,__source:{fileName:_jsxFileName,lineNumber:178,columnNumber:7}},_react.default.createElement("div",{ref:function ref(el){_this2.container=el;},__source:{fileName:_jsxFileName,lineNumber:196,columnNumber:9}}));}}]);return Comments;}(_react.Component);Comments.propTypes={articleId:_propTypes.default.string.isRequired,isReadOnly:_propTypes.default.bool.isRequired,commentingConfig:_propTypes.default.shape({accounts:_propTypes.default.shape({current:_propTypes.default.string.isRequired,readOnly:_propTypes.default.string.isRequired}),switchOver:_propTypes.default.string.isRequired}).isRequired,publishedTime:_propTypes.default.string.isRequired,onCommentStart:_propTypes.default.func,onCommentPost:_propTypes.default.func,onCommentNotification:_propTypes.default.func,onCommentFilterNewest:_propTypes.default.func,onCommentFilterMostRecommended:_propTypes.default.func,onCommentFilterOldest:_propTypes.default.func,onCommentReplyClick:_propTypes.default.func,onCommentShareLink:_propTypes.default.func,onCommentShareTwitter:_propTypes.default.func,onCommentShareEmail:_propTypes.default.func,onCommentShareFacebook:_propTypes.default.func,onCommentRecommend:_propTypes.default.func,onCommentNotificationClicked:_propTypes.default.func,onCommentUsernameClicked:_propTypes.default.func,onCommentSettingsClicked:_propTypes.default.func};Comments.defaultProps={onCommentStart:function onCommentStart(){},onCommentPost:function onCommentPost(){},onCommentNotification:function onCommentNotification(){},onCommentReplyClick:function onCommentReplyClick(){},onCommentFilterNewest:function onCommentFilterNewest(){},onCommentFilterMostRecommended:function onCommentFilterMostRecommended(){},onCommentFilterOldest:function onCommentFilterOldest(){},onCommentShareLink:function onCommentShareLink(){},onCommentShareTwitter:function onCommentShareTwitter(){},onCommentShareEmail:function onCommentShareEmail(){},onCommentShareFacebook:function onCommentShareFacebook(){},onCommentRecommend:function onCommentRecommend(){},onCommentNotificationClicked:function onCommentNotificationClicked(){},onCommentUsernameClicked:function onCommentUsernameClicked(){},onCommentSettingsClicked:function onCommentSettingsClicked(){}};var _default=(0,_withTrackEvents.default)(Comments);exports.default=_default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@times-components/article-comments",
-  "version": "0.21.65",
+  "version": "0.22.0",
   "description": "Article Comments",
   "main": "dist/article-comments",
   "dev": "src/article-comments",
@@ -33,7 +33,7 @@
   "dependencies": {
     "@times-components/link": "3.10.11",
     "@times-components/tracking": "2.11.0",
-    "@times-components/ts-components": "1.48.12",
+    "@times-components/ts-components": "1.48.14",
     "@times-components/ts-styleguide": "1.36.8",
     "@times-components/user-state": "0.3.30",
     "prop-types": "15.7.2",
@@ -70,5 +70,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "0e6ff8cde083e49332b8dcdef8a6d8bcb5905f1c"
+  "gitHead": "a5d49ae4aa16af84926947313f1bc598b33f0ac8"
 }

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=6)}([function(e,t){e.exports=require("@babel/runtime/helpers/interopRequireDefault")},function(e,t){e.exports=require("react")},function(e,t,n){var o=n(0);Object.defineProperty(t,"__esModule",{value:!0}),t.CommentDisabledHeadline=t.CommentDisabledGuidelines=t.CommentEnabledGuidelines=t.CommentContainer=void 0;var i=o(n(15)),r=n(3),a=i.default.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%;}"],r.breakpoints.medium,r.breakpoints.wide);t.CommentContainer=a;var m=i.default.p.withConfig({displayName:"responsive__CommentEnabledGuidelines",componentId:"sc-2j1dkf-1"})(["color:",';font-family:"','";font-size:',"px;margin:0 0 "," 0;padding-left:7px;padding-top:",";"],r.colours.functional.secondary,r.fonts.supporting,r.fontSizes.commentsGuidelines,(0,r.spacing)(-2),(0,r.spacing)(6));t.CommentEnabledGuidelines=m;var c=i.default.p.withConfig({displayName:"responsive__CommentDisabledGuidelines",componentId:"sc-2j1dkf-2"})(["color:",';font-family:"','";font-size:',"px;margin:0;padding-bottom:",";padding-top:",";text-align:center;"],r.colours.functional.secondary,r.fonts.supporting,r.fontSizes.commentsGuidelines,(0,r.spacing)(6),(0,r.spacing)(1));t.CommentDisabledGuidelines=c;var s=i.default.p.withConfig({displayName:"responsive__CommentDisabledHeadline",componentId:"sc-2j1dkf-3"})(["color:",';font-family:"','";font-size:',"px;margin:0;padding-bottom:",";padding-top:",";text-align:center;"],r.colours.functional.primary,r.fonts.headline,r.fontSizes.commentsHeadline,(0,r.spacing)(1),(0,r.spacing)(6));t.CommentDisabledHeadline=s},function(e,t){e.exports=require("@times-components/ts-styleguide/rnw")},function(e,t){e.exports=require("prop-types")},function(e,t){e.exports=require("@babel/runtime/helpers/defineProperty")},function(e,t,n){var o=n(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var i=o(n(1)),r=(o(n(4)),o(n(7))),a=n(8),m=o(n(9)),c=o(n(19)),s=o(n(20)),u=n(2),l=function(e){var t=e.articleId,n=e.publishedTime,o=e.isEnabled,l=e.isReadOnly,d=e.commentingConfig;return o?i.default.createElement(i.default.Fragment,null,i.default.createElement(r.default,{state:r.default.metered},i.default.createElement(a.InlineDialog,{title:"Join the conversation",buttonText:"View offers",href:(0,c.default)()},"Commenting is only available to unlimited access subscribers. Upgrade your subscription to have your say.")),i.default.createElement(r.default,{state:r.default.subscriber},i.default.createElement(u.CommentContainer,null,i.default.createElement(a.HiddenDiv,{className:"comment-banner"})),i.default.createElement(m.default,{articleId:t,publishedTime:n,isReadOnly:l,commentingConfig:d}))):i.default.createElement(s.default,null)};l.defaultProps={isReadOnly:!1};var d=l;t.default=d},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,n){var o=n(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var i=o(n(10)),r=o(n(11)),a=o(n(12)),m=o(n(13)),c=o(n(14)),s=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var n=f(t);if(n&&n.has(e))return n.get(e);var o={},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var r in e)if("default"!==r&&Object.prototype.hasOwnProperty.call(e,r)){var a=i?Object.getOwnPropertyDescriptor(e,r):null;a&&(a.get||a.set)?Object.defineProperty(o,r,a):o[r]=e[r]}o.default=e,n&&n.set(e,o);return o}(n(1)),u=(o(n(4)),n(2)),l=o(n(16)),d=o(n(17));function f(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(f=function(e){return e?n:t})(e)}function p(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,o=(0,c.default)(e);if(t){var i=(0,c.default)(this).constructor;n=Reflect.construct(o,arguments,i)}else n=o.apply(this,arguments);return(0,m.default)(this,n)}}var C=function(e){(0,a.default)(n,e);var t=p(n);function n(){var e;return(0,i.default)(this,n),(e=t.call(this)).container=null,e}return(0,r.default)(n,[{key:"componentDidMount",value:function(){this.initialiseComments()}},{key:"componentWillUnmount",value:function(){this.disposeComments()}},{key:"initialiseComments",value:function(){var e=this.props,t=e.articleId,n=e.isReadOnly,o=e.publishedTime,i=e.commentingConfig,r=e.onCommentStart,a=e.onCommentPost,m=e.onCommentNotification,c=e.onCommentFilterNewest,s=e.onCommentFilterMostRecommended,u=e.onCommentFilterOldest,d=e.onCommentReplyClick,f=e.onCommentShareLink,p=e.onCommentShareTwitter,C=e.onCommentShareEmail,v=e.onCommentShareFacebook,g=e.onCommentRecommend,b=e.onCommentNotificationClicked,y=e.onCommentUsernameClicked,h=e.onCommentSettingsClicked;if(this.container&&t&&i){var k=!0,O=i.account.readOnly;if(i&&i.switchOver)o>i.switchOver&&(k=!1,O=i.account.current);document.addEventListener("spot-im-current-user-typing-start",r,{once:!0}),document.addEventListener("spot-im-current-user-sent-message",a),document.addEventListener("spot-im-notification-drop-down-link",m),document.addEventListener("spot-im-user-up-vote-click",g),document.addEventListener("spot-im-sort-by-select",(function(e){return function(e){switch(e.detail.sortedBy){case"best":return s(e);case"oldest":return u(e);case"newest":return c(e);default:return null}}(e)})),document.addEventListener("spot-im-user-clicked-reply",d),document.addEventListener("spot-im-clicked-settings",h),document.addEventListener("spot-im-user-notifications-click",b),document.addEventListener("spot-im-open-user-profile",y),document.addEventListener("spot-im-share-type",(function(e){return function(e){switch(e.detail.type){case"link":return f(e);case"email":return C(e);case"twitter":return p(e);case"facebook":return v(e);default:return null}}(e)})),n||(window.SPOTIM&&window.SPOTIM.startSSO?(0,l.default)(k,(function(){})):document.addEventListener("spot-im-api-ready",(function(){return(0,l.default)(k,(function(){}))})));var w=document.createElement("script");w.setAttribute("async","async"),w.setAttribute("src","https://launcher.spot.im/spot/"+O),w.setAttribute("data-spotim-module","spotim-launcher"),w.setAttribute("data-post-id",t),w.setAttribute("data-post-url","https://www.thetimes.co.uk/article/"+t),w.setAttribute("data-seo-enabled",!0),w.setAttribute("data-livefyre-url",t),this.container.appendChild(w)}}},{key:"disposeComments",value:function(){this.container&&(this.container.innerHTML="")}},{key:"render",value:function(){var e=this,t=this.props,n=t.onCommentStart,o=t.onCommentPost,i=t.onCommentNotification,r=t.onCommentFilterNewest,a=t.onCommentFilterMostRecommended,m=t.onCommentFilterOldest,c=t.onCommentReplyClick,l=t.onCommentShareLink,d=t.onCommentShareTwitter,f=t.onCommentShareEmail,p=t.onCommentShareFacebook,C=t.onCommentRecommend,v=t.onCommentNotificationClicked,g=t.onCommentUsernameClicked,b=t.onCommentSettingsClicked;return s.default.createElement(u.CommentContainer,{id:"comments-container",onCommentStart:n,onCommentPost:o,onCommentNotification:i,onCommentReplyClick:c,onCommentFilterNewest:r,onCommentFilterMostRecommended:a,onCommentFilterOldest:m,onCommentShareLink:l,onCommentShareTwitter:d,onCommentShareEmail:f,onCommentShareFacebook:p,onCommentRecommend:C,onCommentNotificationClicked:v,onCommentUsernameClicked:g,onCommentSettingsClicked:b},s.default.createElement("div",{ref:function(t){e.container=t}}))}}]),n}(s.Component);C.defaultProps={onCommentStart:function(){},onCommentPost:function(){},onCommentNotification:function(){},onCommentReplyClick:function(){},onCommentFilterNewest:function(){},onCommentFilterMostRecommended:function(){},onCommentFilterOldest:function(){},onCommentShareLink:function(){},onCommentShareTwitter:function(){},onCommentShareEmail:function(){},onCommentShareFacebook:function(){},onCommentRecommend:function(){},onCommentNotificationClicked:function(){},onCommentUsernameClicked:function(){},onCommentSettingsClicked:function(){}};var v=(0,d.default)(C);t.default=v},function(e,t){e.exports=require("@babel/runtime/helpers/classCallCheck")},function(e,t){e.exports=require("@babel/runtime/helpers/createClass")},function(e,t){e.exports=require("@babel/runtime/helpers/inherits")},function(e,t){e.exports=require("@babel/runtime/helpers/possibleConstructorReturn")},function(e,t){e.exports=require("@babel/runtime/helpers/getPrototypeOf")},function(e,t){e.exports=require("styled-components")},function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=function(e,t){var n=new XMLHttpRequest;n.addEventListener("load",(function(){var e=(200===n.status?JSON.parse(n.response):{}).spotimCodeB;e&&t(e)})),n.open("GET",e),n.send()},o=function(e,t){return n("/api/comments/login?codeA="+encodeURIComponent(e)+"&readOnly=true",t)},i=function(e,t){return n("/api/comments/login?codeA="+encodeURIComponent(e),t)},r=function(e,t){window.SPOTIM&&window.SPOTIM.startSSO&&(e?window.SPOTIM.startSSO(o):window.SPOTIM.startSSO(i),t())};t.default=r},function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=n(18);t.default=function(e){return(0,o.withTrackEvents)(e,{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"}]})}},function(e,t){e.exports=require("@times-components/tracking/rnw")},function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n={gb:"https://thetimes.co.uk/subscribe/digital?ILC=GB-TNL_The_Times-Conversion_Page-Homepage-2020",ie:"https://store.thetimes.ie/?ILC=IE-TNL_The_Times-Conversion_Page-Homepage-2020",global:"https://globalstore.thetimes.co.uk/?ILC=INTL-TNL_The_Times-Conversion_Page-Homepage-2020"};t.default=function(){var e="undefined"!=typeof window&&window.nuk&&window.nuk.region;return n[e]||n.gb}},function(e,t,n){var o=n(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var i=o(n(1)),r=n(21),a=n(2),m=o(n(22)),c=function(){return i.default.createElement(a.CommentContainer,null,i.default.createElement(a.CommentDisabledHeadline,null,"Comments for this article have been turned off"),i.default.createElement(a.CommentDisabledGuidelines,null,"Comments are subject to our community guidelines, which can be viewed"," ",i.default.createElement(r.TextLink,{style:m.default.link,url:"https://www.thetimes.co.uk/article/f4024fbe-d989-11e6-9063-500e6740fc32"},"here"),"."))};t.default=c},function(e,t){e.exports=require("@times-components/link/rnw")},function(e,t,n){var o=n(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var i=o(n(5)),r=n(3),a=o(n(23));function m(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 c(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?m(Object(n),!0).forEach((function(t){(0,i.default)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):m(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var s=c(c({},a.default),{},{link:c(c({},a.default.link),{},{fontFamily:r.fonts.supporting,fontSize:r.fontSizes.commentsGuidelines})});t.default=s},function(e,t,n){var o=n(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var i=o(n(5)),r=n(3);function a(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 m(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?a(Object(n),!0).forEach((function(t){(0,i.default)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):a(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var c={button:{marginBottom:(0,r.spacing)(0),marginTop:(0,r.spacing)(5),maxWidth:215},container:{alignItems:"center",borderStyle:"solid",borderTopColor:r.colours.functional.keyline,borderTopWidth:1,marginBottom:(0,r.spacing)(10),width:"100%"},headline:m(m({color:r.colours.functional.primary},(0,r.fontFactory)({font:"headline",fontSize:"commentsHeadline"})),{},{maxWidth:315,paddingBottom:(0,r.spacing)(2),paddingTop:(0,r.spacing)(6),textAlign:"center"}),link:{color:r.colours.functional.action},supporting:m(m({},(0,r.fontFactory)({font:"supporting",fontSize:"tertiary"})),{},{color:r.colours.functional.secondary,maxWidth:280,textAlign:"center"})};t.default=c}]);
+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=6)}([function(e,t){e.exports=require("@babel/runtime/helpers/interopRequireDefault")},function(e,t){e.exports=require("react")},function(e,t,n){var o=n(0);Object.defineProperty(t,"__esModule",{value:!0}),t.CommentDisabledHeadline=t.CommentDisabledGuidelines=t.CommentEnabledGuidelines=t.CommentContainer=void 0;var i=o(n(15)),r=n(3),a=i.default.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%;}"],r.breakpoints.medium,r.breakpoints.wide);t.CommentContainer=a;var m=i.default.p.withConfig({displayName:"responsive__CommentEnabledGuidelines",componentId:"sc-2j1dkf-1"})(["color:",';font-family:"','";font-size:',"px;margin:0 0 "," 0;padding-left:7px;padding-top:",";"],r.colours.functional.secondary,r.fonts.supporting,r.fontSizes.commentsGuidelines,(0,r.spacing)(-2),(0,r.spacing)(6));t.CommentEnabledGuidelines=m;var c=i.default.p.withConfig({displayName:"responsive__CommentDisabledGuidelines",componentId:"sc-2j1dkf-2"})(["color:",';font-family:"','";font-size:',"px;margin:0;padding-bottom:",";padding-top:",";text-align:center;"],r.colours.functional.secondary,r.fonts.supporting,r.fontSizes.commentsGuidelines,(0,r.spacing)(6),(0,r.spacing)(1));t.CommentDisabledGuidelines=c;var s=i.default.p.withConfig({displayName:"responsive__CommentDisabledHeadline",componentId:"sc-2j1dkf-3"})(["color:",';font-family:"','";font-size:',"px;margin:0;padding-bottom:",";padding-top:",";text-align:center;"],r.colours.functional.primary,r.fonts.headline,r.fontSizes.commentsHeadline,(0,r.spacing)(1),(0,r.spacing)(6));t.CommentDisabledHeadline=s},function(e,t){e.exports=require("@times-components/ts-styleguide/rnw")},function(e,t){e.exports=require("prop-types")},function(e,t){e.exports=require("@babel/runtime/helpers/defineProperty")},function(e,t,n){var o=n(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var i=o(n(1)),r=(o(n(4)),o(n(7))),a=n(8),m=o(n(9)),c=o(n(19)),s=o(n(20)),l=n(2),u=function(e){var t=e.articleId,n=e.publishedTime,o=e.isEnabled,u=e.isReadOnly,d=e.commentingConfig;return o?i.default.createElement(i.default.Fragment,null,i.default.createElement(r.default,{state:r.default.metered},i.default.createElement(a.InlineDialog,{title:"Join the conversation",buttonText:"View offers",href:(0,c.default)()},"Commenting is only available to unlimited access subscribers. Upgrade your subscription to have your say.")),i.default.createElement(r.default,{state:r.default.subscriber},i.default.createElement(l.CommentContainer,null,i.default.createElement(a.HiddenDiv,{className:"comment-banner"})),i.default.createElement(m.default,{articleId:t,publishedTime:n,isReadOnly:u,commentingConfig:d}))):i.default.createElement(s.default,null)};u.defaultProps={isReadOnly:!1};var d=u;t.default=d},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,n){var o=n(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var i=o(n(10)),r=o(n(11)),a=o(n(12)),m=o(n(13)),c=o(n(14)),s=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var n=f(t);if(n&&n.has(e))return n.get(e);var o={},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var r in e)if("default"!==r&&Object.prototype.hasOwnProperty.call(e,r)){var a=i?Object.getOwnPropertyDescriptor(e,r):null;a&&(a.get||a.set)?Object.defineProperty(o,r,a):o[r]=e[r]}o.default=e,n&&n.set(e,o);return o}(n(1)),l=(o(n(4)),n(2)),u=o(n(16)),d=o(n(17));function f(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(f=function(e){return e?n:t})(e)}function p(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,o=(0,c.default)(e);if(t){var i=(0,c.default)(this).constructor;n=Reflect.construct(o,arguments,i)}else n=o.apply(this,arguments);return(0,m.default)(this,n)}}var C=function(e){(0,a.default)(n,e);var t=p(n);function n(){var e;return(0,i.default)(this,n),(e=t.call(this)).container=null,e}return(0,r.default)(n,[{key:"componentDidMount",value:function(){this.initialiseComments()}},{key:"componentWillUnmount",value:function(){this.disposeComments()}},{key:"initialiseComments",value:function(){var e=this.props,t=e.articleId,n=e.isReadOnly,o=e.publishedTime,i=e.commentingConfig,r=e.onCommentStart,a=e.onCommentPost,m=e.onCommentNotification,c=e.onCommentFilterNewest,s=e.onCommentFilterMostRecommended,l=e.onCommentFilterOldest,d=e.onCommentReplyClick,f=e.onCommentShareLink,p=e.onCommentShareTwitter,C=e.onCommentShareEmail,v=e.onCommentShareFacebook,b=e.onCommentRecommend,g=e.onCommentNotificationClicked,y=e.onCommentUsernameClicked,h=e.onCommentSettingsClicked;if(this.container&&t&&i){var k=i.account.readOnly;if(i&&i.switchOver)o>i.switchOver&&(k=i.account.current);document.addEventListener("spot-im-current-user-typing-start",r,{once:!0}),document.addEventListener("spot-im-current-user-sent-message",a),document.addEventListener("spot-im-notification-drop-down-link",m),document.addEventListener("spot-im-user-up-vote-click",b),document.addEventListener("spot-im-sort-by-select",(function(e){return function(e){switch(e.detail.sortedBy){case"best":return s(e);case"oldest":return l(e);case"newest":return c(e);default:return null}}(e)})),document.addEventListener("spot-im-user-clicked-reply",d),document.addEventListener("spot-im-clicked-settings",h),document.addEventListener("spot-im-user-notifications-click",g),document.addEventListener("spot-im-open-user-profile",y),document.addEventListener("spot-im-share-type",(function(e){return function(e){switch(e.detail.type){case"link":return f(e);case"email":return C(e);case"twitter":return p(e);case"facebook":return v(e);default:return null}}(e)})),n||(window.SPOTIM&&window.SPOTIM.startSSO?(0,u.default)((function(){})):document.addEventListener("spot-im-api-ready",(function(){return(0,u.default)((function(){}))})));var w=document.createElement("script");w.setAttribute("async","async"),w.setAttribute("src","https://launcher.spot.im/spot/"+k),w.setAttribute("data-spotim-module","spotim-launcher"),w.setAttribute("data-post-id",t),w.setAttribute("data-post-url","https://www.thetimes.co.uk/article/"+t),w.setAttribute("data-seo-enabled",!0),w.setAttribute("data-livefyre-url",t),this.container.appendChild(w)}}},{key:"disposeComments",value:function(){this.container&&(this.container.innerHTML="")}},{key:"render",value:function(){var e=this,t=this.props,n=t.onCommentStart,o=t.onCommentPost,i=t.onCommentNotification,r=t.onCommentFilterNewest,a=t.onCommentFilterMostRecommended,m=t.onCommentFilterOldest,c=t.onCommentReplyClick,u=t.onCommentShareLink,d=t.onCommentShareTwitter,f=t.onCommentShareEmail,p=t.onCommentShareFacebook,C=t.onCommentRecommend,v=t.onCommentNotificationClicked,b=t.onCommentUsernameClicked,g=t.onCommentSettingsClicked;return s.default.createElement(l.CommentContainer,{id:"comments-container",onCommentStart:n,onCommentPost:o,onCommentNotification:i,onCommentReplyClick:c,onCommentFilterNewest:r,onCommentFilterMostRecommended:a,onCommentFilterOldest:m,onCommentShareLink:u,onCommentShareTwitter:d,onCommentShareEmail:f,onCommentShareFacebook:p,onCommentRecommend:C,onCommentNotificationClicked:v,onCommentUsernameClicked:b,onCommentSettingsClicked:g},s.default.createElement("div",{ref:function(t){e.container=t}}))}}]),n}(s.Component);C.defaultProps={onCommentStart:function(){},onCommentPost:function(){},onCommentNotification:function(){},onCommentReplyClick:function(){},onCommentFilterNewest:function(){},onCommentFilterMostRecommended:function(){},onCommentFilterOldest:function(){},onCommentShareLink:function(){},onCommentShareTwitter:function(){},onCommentShareEmail:function(){},onCommentShareFacebook:function(){},onCommentRecommend:function(){},onCommentNotificationClicked:function(){},onCommentUsernameClicked:function(){},onCommentSettingsClicked:function(){}};var v=(0,d.default)(C);t.default=v},function(e,t){e.exports=require("@babel/runtime/helpers/classCallCheck")},function(e,t){e.exports=require("@babel/runtime/helpers/createClass")},function(e,t){e.exports=require("@babel/runtime/helpers/inherits")},function(e,t){e.exports=require("@babel/runtime/helpers/possibleConstructorReturn")},function(e,t){e.exports=require("@babel/runtime/helpers/getPrototypeOf")},function(e,t){e.exports=require("styled-components")},function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.default=t.ssoCallback=void 0;var n=function(e,t){return function(e,t){var n=new XMLHttpRequest;n.addEventListener("load",(function(){var e=(200===n.status?JSON.parse(n.response):{}).spotimCodeB;e&&t(e)})),n.open("GET",e),n.send()}((window.location.search.includes("enableRealNameCommenting")?"/api/comments/loginv2":"/api/comments/login")+"?codeA="+encodeURIComponent(e),t)};t.ssoCallback=n;var o=function(e){window.SPOTIM&&window.SPOTIM.startSSO&&(window.SPOTIM.startSSO(n),e())};t.default=o},function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=n(18);t.default=function(e){return(0,o.withTrackEvents)(e,{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"}]})}},function(e,t){e.exports=require("@times-components/tracking/rnw")},function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n={gb:"https://thetimes.co.uk/subscribe/digital?ILC=GB-TNL_The_Times-Conversion_Page-Homepage-2020",ie:"https://store.thetimes.ie/?ILC=IE-TNL_The_Times-Conversion_Page-Homepage-2020",global:"https://globalstore.thetimes.co.uk/?ILC=INTL-TNL_The_Times-Conversion_Page-Homepage-2020"};t.default=function(){var e="undefined"!=typeof window&&window.nuk&&window.nuk.region;return n[e]||n.gb}},function(e,t,n){var o=n(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var i=o(n(1)),r=n(21),a=n(2),m=o(n(22)),c=function(){return i.default.createElement(a.CommentContainer,null,i.default.createElement(a.CommentDisabledHeadline,null,"Comments for this article have been turned off"),i.default.createElement(a.CommentDisabledGuidelines,null,"Comments are subject to our community guidelines, which can be viewed"," ",i.default.createElement(r.TextLink,{style:m.default.link,url:"https://www.thetimes.co.uk/article/f4024fbe-d989-11e6-9063-500e6740fc32"},"here"),"."))};t.default=c},function(e,t){e.exports=require("@times-components/link/rnw")},function(e,t,n){var o=n(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var i=o(n(5)),r=n(3),a=o(n(23));function m(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 c(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?m(Object(n),!0).forEach((function(t){(0,i.default)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):m(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var s=c(c({},a.default),{},{link:c(c({},a.default.link),{},{fontFamily:r.fonts.supporting,fontSize:r.fontSizes.commentsGuidelines})});t.default=s},function(e,t,n){var o=n(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var i=o(n(5)),r=n(3);function a(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 m(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?a(Object(n),!0).forEach((function(t){(0,i.default)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):a(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var c={button:{marginBottom:(0,r.spacing)(0),marginTop:(0,r.spacing)(5),maxWidth:215},container:{alignItems:"center",borderStyle:"solid",borderTopColor:r.colours.functional.keyline,borderTopWidth:1,marginBottom:(0,r.spacing)(10),width:"100%"},headline:m(m({color:r.colours.functional.primary},(0,r.fontFactory)({font:"headline",fontSize:"commentsHeadline"})),{},{maxWidth:315,paddingBottom:(0,r.spacing)(2),paddingTop:(0,r.spacing)(6),textAlign:"center"}),link:{color:r.colours.functional.action},supporting:m(m({},(0,r.fontFactory)({font:"supporting",fontSize:"tertiary"})),{},{color:r.colours.functional.secondary,maxWidth:280,textAlign:"center"})};t.default=c}]);