@times-components/article-comments 0.28.1 → 0.30.0

package/CHANGELOG.md

@@ -3,6 +3,36 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.30.0](https://github.com/newsuk/times-components/compare/@times-components/article-comments@0.29.1...@times-components/article-comments@0.30.0) (2022-08-25)
+
+
+### Features
+
+* **TDP-2203:** Reauthenticate users to real name commenting  ([2f0f215](https://github.com/newsuk/times-components/commit/2f0f21517edeef9f469eb3690b5c2b915966c29e))
+
+
+
+
+
+## [0.29.1](https://github.com/newsuk/times-components/compare/@times-components/article-comments@0.29.0...@times-components/article-comments@0.29.1) (2022-08-20)
+
+**Note:** Version bump only for package @times-components/article-comments
+
+
+
+
+
+# [0.29.0](https://github.com/newsuk/times-components/compare/@times-components/article-comments@0.28.1...@times-components/article-comments@0.29.0) (2022-08-18)
+
+
+### Features
+
+* **TDP-1712:** remove react-native foreverrrrr ([#3064](https://github.com/newsuk/times-components/issues/3064)) ([2a20cb5](https://github.com/newsuk/times-components/commit/2a20cb5abc10a4e7ca2d62487967f8fcf4eccb62)), closes [#3037](https://github.com/newsuk/times-components/issues/3037) [#3045](https://github.com/newsuk/times-components/issues/3045) [#3050](https://github.com/newsuk/times-components/issues/3050) [#3056](https://github.com/newsuk/times-components/issues/3056) [#3057](https://github.com/newsuk/times-components/issues/3057) [#3066](https://github.com/newsuk/times-components/issues/3066) [#3065](https://github.com/newsuk/times-components/issues/3065) [#3037](https://github.com/newsuk/times-components/issues/3037) [#3045](https://github.com/newsuk/times-components/issues/3045) [#3045](https://github.com/newsuk/times-components/issues/3045) [#3056](https://github.com/newsuk/times-components/issues/3056) [#3066](https://github.com/newsuk/times-components/issues/3066) [#3069](https://github.com/newsuk/times-components/issues/3069) [#3068](https://github.com/newsuk/times-components/issues/3068) [#3070](https://github.com/newsuk/times-components/issues/3070) [#3072](https://github.com/newsuk/times-components/issues/3072) [#3073](https://github.com/newsuk/times-components/issues/3073) [#3071](https://github.com/newsuk/times-components/issues/3071) [#3074](https://github.com/newsuk/times-components/issues/3074) [#3076](https://github.com/newsuk/times-components/issues/3076) [#3079](https://github.com/newsuk/times-components/issues/3079) [#3078](https://github.com/newsuk/times-components/issues/3078) [#3083](https://github.com/newsuk/times-components/issues/3083) [#3087](https://github.com/newsuk/times-components/issues/3087) [#3091](https://github.com/newsuk/times-components/issues/3091) [#3096](https://github.com/newsuk/times-components/issues/3096) [#3102](https://github.com/newsuk/times-components/issues/3102) [#3105](https://github.com/newsuk/times-components/issues/3105) [#3108](https://github.com/newsuk/times-components/issues/3108) [#3111](https://github.com/newsuk/times-components/issues/3111) [#3112](https://github.com/newsuk/times-components/issues/3112) [#3113](https://github.com/newsuk/times-components/issues/3113) [#3114](https://github.com/newsuk/times-components/issues/3114) [#3120](https://github.com/newsuk/times-components/issues/3120) [#3119](https://github.com/newsuk/times-components/issues/3119) [#3112](https://github.com/newsuk/times-components/issues/3112) [#3126](https://github.com/newsuk/times-components/issues/3126) [#3112](https://github.com/newsuk/times-components/issues/3112) [#3126](https://github.com/newsuk/times-components/issues/3126) [#3127](https://github.com/newsuk/times-components/issues/3127) [#3116](https://github.com/newsuk/times-components/issues/3116) [#3128](https://github.com/newsuk/times-components/issues/3128) [#3132](https://github.com/newsuk/times-components/issues/3132) [#3133](https://github.com/newsuk/times-components/issues/3133)
+
+
+
+
+
 ## [0.28.1](https://github.com/newsuk/times-components/compare/@times-components/article-comments@0.28.0...@times-components/article-comments@0.28.1) (2022-08-15)
 
 **Note:** Version bump only for package @times-components/article-comments

package/README.md

@@ -1,8 +1,6 @@
 # Article Comments
 
-This package provides a comment component for all platforms. The Android & iOS
-variants have their own provider within the package so they can retrieve comment
-counts independently from the parent article.
+This package provides a comment component for all platforms.
 
 ## Contributing
 

package/babel.config.js

@@ -3,8 +3,19 @@ module.exports = api => {
   return {
     plugins: [
       "babel-plugin-styled-components",
-      "@babel/plugin-transform-react-display-name"
+      "@babel/plugin-proposal-export-default-from"
     ],
-    presets: ["module:metro-react-native-babel-preset"]
+    presets: [
+      [
+        "@babel/preset-env",
+        {
+          targets: {
+            esmodules: true
+          }
+        }
+      ],
+      "@babel/preset-react",
+      "@babel/preset-typescript"
+    ]
   };
 };

package/dist/article-comments.js

@@ -1 +1,64 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _react=_interopRequireDefault(require("react"));var _propTypes=_interopRequireDefault(require("prop-types"));var _userState=_interopRequireDefault(require("@times-components/user-state"));var _tsComponents=require("@times-components/ts-components");var _comments=_interopRequireDefault(require("./comments"));var _disabledComments=_interopRequireDefault(require("./disabled-comments"));var _responsive=require("./styles/responsive");var _joinTheConversationDialog=_interopRequireDefault(require("./join-the-conversation-dialog"));var _jsxFileName="/home/circleci/project/packages/article-comments/src/article-comments.js";var ArticleComments=function ArticleComments(_ref){var articleId=_ref.articleId,publishedTime=_ref.publishedTime,isEnabled=_ref.isEnabled,isReadOnly=_ref.isReadOnly,commentingConfig=_ref.commentingConfig;return isEnabled?_react.default.createElement(_react.default.Fragment,null,_react.default.createElement(_userState.default,{state:_userState.default.metered,__source:{fileName:_jsxFileName,lineNumber:21,columnNumber:7}},_react.default.createElement(_joinTheConversationDialog.default,{__source:{fileName:_jsxFileName,lineNumber:22,columnNumber:9}})),_react.default.createElement(_userState.default,{state:_userState.default.subscriber,__source:{fileName:_jsxFileName,lineNumber:24,columnNumber:7}},_react.default.createElement(_responsive.CommentContainer,{__source:{fileName:_jsxFileName,lineNumber:25,columnNumber:9}},_react.default.createElement(_tsComponents.HiddenDiv,{className:"comment-banner",__source:{fileName:_jsxFileName,lineNumber:26,columnNumber:11}})),_react.default.createElement(_comments.default,{articleId:articleId,publishedTime:publishedTime,isReadOnly:isReadOnly,commentingConfig:commentingConfig,__source:{fileName:_jsxFileName,lineNumber:36,columnNumber:9}}))):_react.default.createElement(_disabledComments.default,{__source:{fileName:_jsxFileName,lineNumber:45,columnNumber:5}});};ArticleComments.propTypes={articleId:_propTypes.default.string.isRequired,publishedTime:_propTypes.default.string.isRequired,isEnabled:_propTypes.default.bool.isRequired,isReadOnly:_propTypes.default.bool,commentingConfig:_propTypes.default.shape({accounts:_propTypes.default.shape({current:_propTypes.default.string.isRequired,readOnly:_propTypes.default.string.isRequired}),switchOver:_propTypes.default.string.isRequired}).isRequired};ArticleComments.defaultProps={isReadOnly:false};var _default=ArticleComments;exports.default=_default;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _userState = _interopRequireDefault(require("@times-components/user-state"));
+
+var _tsComponents = require("@times-components/ts-components");
+
+var _comments = _interopRequireDefault(require("./comments"));
+
+var _disabledComments = _interopRequireDefault(require("./disabled-comments"));
+
+var _responsive = require("./styles/responsive");
+
+var _joinTheConversationDialog = _interopRequireDefault(require("./join-the-conversation-dialog"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+/* eslint-env browser */
+const ArticleComments = _ref => {
+  let articleId = _ref.articleId,
+      publishedTime = _ref.publishedTime,
+      isEnabled = _ref.isEnabled,
+      isReadOnly = _ref.isReadOnly,
+      commentingConfig = _ref.commentingConfig;
+  return isEnabled ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_userState.default, {
+    state: _userState.default.metered
+  }, /*#__PURE__*/_react.default.createElement(_joinTheConversationDialog.default, null)), /*#__PURE__*/_react.default.createElement(_userState.default, {
+    state: _userState.default.subscriber
+  }, /*#__PURE__*/_react.default.createElement(_responsive.CommentContainer, null, /*#__PURE__*/_react.default.createElement(_tsComponents.HiddenDiv, {
+    className: "comment-banner"
+  })), /*#__PURE__*/_react.default.createElement(_comments.default, {
+    articleId: articleId,
+    publishedTime: publishedTime,
+    isReadOnly: isReadOnly,
+    commentingConfig: commentingConfig
+  }))) : /*#__PURE__*/_react.default.createElement(_disabledComments.default, null);
+};
+
+ArticleComments.propTypes = {
+  articleId: _propTypes.default.string.isRequired,
+  publishedTime: _propTypes.default.string.isRequired,
+  isEnabled: _propTypes.default.bool.isRequired,
+  isReadOnly: _propTypes.default.bool,
+  commentingConfig: _propTypes.default.shape({
+    accounts: _propTypes.default.shape({
+      current: _propTypes.default.string.isRequired,
+      readOnly: _propTypes.default.string.isRequired
+    }),
+    switchOver: _propTypes.default.string.isRequired
+  }).isRequired
+};
+ArticleComments.defaultProps = {
+  isReadOnly: false
+};
+var _default = ArticleComments;
+exports.default = _default;

package/dist/comment-login.js

@@ -1 +1,46 @@
-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){return loginRequest("/api/comments/loginv2?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;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.ssoCallback = void 0;
+
+/* eslint-env browser */
+const loginRequest = (url, completeSSOCallback) => {
+  const xhr = new XMLHttpRequest();
+  xhr.addEventListener("load", () => {
+    const success = xhr.status === 200;
+
+    const _ref = success ? JSON.parse(xhr.response) : {},
+          spotimCodeB = _ref.spotimCodeB;
+
+    if (spotimCodeB) {
+      completeSSOCallback(spotimCodeB);
+    }
+  });
+  xhr.open("GET", url);
+  xhr.send();
+};
+
+const ssoCallback = (codeA, completeSSOCallback) => loginRequest("/api/comments/loginv2?codeA=".concat(encodeURIComponent(codeA)), completeSSOCallback);
+
+exports.ssoCallback = ssoCallback;
+
+const setNewUserToken = () => {
+  window.localStorage.setItem("isUsingRealNameCommenting", true);
+};
+
+const executeSSOtransaction = callback => {
+  if (window.SPOTIM && window.SPOTIM.startSSO) {
+    window.SPOTIM.startSSO(ssoCallback);
+    callback();
+    const isFeatureFlagEnabled = window.location.search.includes("enableRealNameCommenting");
+
+    if (isFeatureFlagEnabled) {
+      setNewUserToken();
+    }
+  }
+};
+
+var _default = executeSSOtransaction;
+exports.default = _default;

package/dist/comments.js

@@ -1 +1,269 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _regenerator=_interopRequireDefault(require("@babel/runtime/regenerator"));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 _utils=require("./utils");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;}}var isFeatureFlagEnabled=window.location.search.includes("enableRealNameCommenting");document.addEventListener("spot-im-current-user-typing-start",function _callee(event){var displayName,shouldShowBanner;return _regenerator.default.async(function _callee$(_context){while(1){switch(_context.prev=_context.next){case 0:onCommentStart(event);if(!isFeatureFlagEnabled){_context.next=9;break;}displayName=(0,_utils.getDisplayNameFromLocalStorage)();if(displayName){_context.next=5;break;}return _context.abrupt("return");case 5:_context.next=7;return _regenerator.default.awrap((0,_utils.userShouldUpdateName)(displayName));case 7:shouldShowBanner=_context.sent;if(shouldShowBanner){window.dispatchEvent(new CustomEvent("SHOW_REAL_NAME_COMMENTING_BANNER",{}));}case 9:case"end":return _context.stop();}}},null,null,null,Promise);},{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(){(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:199,columnNumber:7}},_react.default.createElement("div",{ref:function ref(el){_this2.container=el;},__source:{fileName:_jsxFileName,lineNumber:217,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;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+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 _utils = require("./utils");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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 asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+
+class Comments extends _react.Component {
+  constructor() {
+    super();
+    this.container = null;
+  }
+
+  componentDidMount() {
+    this.initialiseComments();
+  }
+
+  componentWillUnmount() {
+    this.disposeComments();
+  }
+
+  initialiseComments() {
+    const _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;
+    }
+
+    const getFilterEvent = event => {
+      switch (event.detail.sortedBy) {
+        case "best":
+          return onCommentFilterMostRecommended(event);
+
+        case "oldest":
+          return onCommentFilterOldest(event);
+
+        case "newest":
+          return onCommentFilterNewest(event);
+
+        default:
+          return null;
+      }
+    };
+
+    const 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;
+      }
+    };
+
+    let spotAccountId = commentingConfig.account.readOnly;
+
+    if (commentingConfig && commentingConfig.switchOver) {
+      const switchOverDate = commentingConfig.switchOver;
+
+      if (publishedTime > switchOverDate) {
+        spotAccountId = commentingConfig.account.current;
+      }
+    }
+
+    const isFeatureFlagEnabled = window.location.search.includes("enableRealNameCommenting");
+    document.addEventListener("spot-im-current-user-typing-start", /*#__PURE__*/function () {
+      var _ref = _asyncToGenerator(function* (event) {
+        onCommentStart(event);
+
+        if (isFeatureFlagEnabled) {
+          const displayName = (0, _utils.getDisplayNameFromLocalStorage)();
+          if (!displayName) return;
+          const shouldShowBanner = yield (0, _utils.userShouldUpdateName)(displayName);
+
+          if (shouldShowBanner) {
+            window.dispatchEvent(new CustomEvent("SHOW_REAL_NAME_COMMENTING_BANNER", {}));
+          }
+        }
+      });
+
+      return function (_x) {
+        return _ref.apply(this, arguments);
+      };
+    }(), {
+      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", event => 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", event => getShareEvent(event));
+
+    if (!isReadOnly) {
+      if (window.SPOTIM && window.SPOTIM.startSSO) {
+        (0, _commentLogin.default)(() => {});
+      } else {
+        document.addEventListener("spot-im-api-ready", () => {
+          if (isFeatureFlagEnabled) {
+            (0, _utils.shouldReauthenticateUser)();
+          }
+
+          (0, _commentLogin.default)(() => {});
+        });
+      }
+    }
+
+    const launcherScript = document.createElement("script");
+    launcherScript.setAttribute("async", "async");
+    launcherScript.setAttribute("src", "https://launcher.spot.im/spot/".concat(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/".concat(articleId));
+    launcherScript.setAttribute("data-seo-enabled", true);
+    launcherScript.setAttribute("data-livefyre-url", articleId);
+    this.container.appendChild(launcherScript);
+  }
+
+  disposeComments() {
+    if (this.container) {
+      this.container.innerHTML = "";
+    }
+  }
+
+  render() {
+    const _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 /*#__PURE__*/_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
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      ref: el => {
+        this.container = el;
+      }
+    }));
+  }
+
+}
+
+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
+}; // onCommentStart and onCommentPost are added as props in order to allow this events to be tracked by analytics.
+
+Comments.defaultProps = {
+  onCommentStart: () => {},
+  onCommentPost: () => {},
+  onCommentNotification: () => {},
+  onCommentReplyClick: () => {},
+  onCommentFilterNewest: () => {},
+  onCommentFilterMostRecommended: () => {},
+  onCommentFilterOldest: () => {},
+  onCommentShareLink: () => {},
+  onCommentShareTwitter: () => {},
+  onCommentShareEmail: () => {},
+  onCommentShareFacebook: () => {},
+  onCommentRecommend: () => {},
+  onCommentNotificationClicked: () => {},
+  onCommentUsernameClicked: () => {},
+  onCommentSettingsClicked: () => {}
+};
+
+var _default = (0, _withTrackEvents.default)(Comments);
+
+exports.default = _default;

package/dist/disabled-comments.js

@@ -1 +1,24 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _react=_interopRequireDefault(require("react"));var _link=require("@times-components/link");var _responsive=require("./styles/responsive");var _styles=_interopRequireDefault(require("./styles"));var _jsxFileName="/home/circleci/project/packages/article-comments/src/disabled-comments.js";var DisabledComments=function DisabledComments(){return _react.default.createElement(_responsive.CommentContainer,{__source:{fileName:_jsxFileName,lineNumber:11,columnNumber:3}},_react.default.createElement(_responsive.CommentDisabledHeadline,{__source:{fileName:_jsxFileName,lineNumber:12,columnNumber:5}},"Comments for this article have been turned off"),_react.default.createElement(_responsive.CommentDisabledGuidelines,{__source:{fileName:_jsxFileName,lineNumber:15,columnNumber:5}},"Comments are subject to our community guidelines, which can be viewed"," ",_react.default.createElement(_link.TextLink,{style:_styles.default.link,url:"https://www.thetimes.co.uk/article/f4024fbe-d989-11e6-9063-500e6740fc32",__source:{fileName:_jsxFileName,lineNumber:17,columnNumber:7}},"here"),"."));};var _default=DisabledComments;exports.default=_default;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _link = require("@times-components/link");
+
+var _responsive = require("./styles/responsive");
+
+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 for this article have been turned off"), /*#__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: "https://www.thetimes.co.uk/article/f4024fbe-d989-11e6-9063-500e6740fc32"
+}, "here"), "."));
+
+var _default = DisabledComments;
+exports.default = _default;

package/dist/join-the-conversation-dialog.js

@@ -1 +1,30 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=JoinTheConversationDialog;var _react=_interopRequireDefault(require("react"));var _tsComponents=require("@times-components/ts-components");var _utils=_interopRequireDefault(require("./utils"));var _jsxFileName="/home/circleci/project/packages/article-comments/src/join-the-conversation-dialog.js";function JoinTheConversationDialog(){var _window$nuk,_window$nuk$user;var isLightPackUser=(_window$nuk=window.nuk)==null?void 0:(_window$nuk$user=_window$nuk.user)==null?void 0:_window$nuk$user.isLightPackUser;var href=isLightPackUser?null:(0,_utils.default)();var onClick=isLightPackUser?function(){return document&&document.dispatchEvent(new Event("show::upgrade::modal"));}:null;return _react.default.createElement(_tsComponents.InlineDialog,{title:"Join the conversation",buttonText:"View offers",href:href,onClick:onClick,__source:{fileName:_jsxFileName,lineNumber:17,columnNumber:5}},"Commenting is only available to unlimited access subscribers. Upgrade your subscription to have your say.");}
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = JoinTheConversationDialog;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _tsComponents = require("@times-components/ts-components");
+
+var _utils = _interopRequireDefault(require("./utils"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+/* eslint-env browser */
+function JoinTheConversationDialog() {
+  const isLightPackUser = window.nuk && window.nuk.user && window.nuk.user.isLightPackUser;
+  const href = isLightPackUser ? null : (0, _utils.default)(); // temp solution until the modal is moved out to a proper UI repo
+  // this event triggers cps-content-render/packages/components-global/src/FreeArticlePromotion/FreeArticleBottomBanner/FreeArticleBottomBanner.tsx
+  // todo: remove this event dispatching and implement the modal from the shared UI component repo
+
+  const onClick = isLightPackUser ? () => document && document.dispatchEvent(new Event("show::upgrade::modal")) : null;
+  return /*#__PURE__*/_react.default.createElement(_tsComponents.InlineDialog, {
+    title: "Join the conversation",
+    buttonText: "View offers",
+    href: href,
+    onClick: onClick
+  }, "Commenting is only available to unlimited access subscribers. Upgrade your subscription to have your say.");
+}

package/dist/styles/index.js

@@ -1 +1,28 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _tsStyleguide=require("@times-components/ts-styleguide");var _shared=_interopRequireDefault(require("./shared"));function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys(Object(source),true).forEach(function(key){(0,_defineProperty2.default)(target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var styles=_objectSpread(_objectSpread({},_shared.default),{},{link:_objectSpread(_objectSpread({},_shared.default.link),{},{fontFamily:_tsStyleguide.fonts.supporting,fontSize:_tsStyleguide.fontSizes.commentsGuidelines})});var _default=styles;exports.default=_default;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _tsStyleguide = require("@times-components/ts-styleguide");
+
+var _shared = _interopRequireDefault(require("./shared"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+const styles = _objectSpread(_objectSpread({}, _shared.default), {}, {
+  link: _objectSpread(_objectSpread({}, _shared.default.link), {}, {
+    fontFamily: _tsStyleguide.fonts.supporting,
+    fontSize: _tsStyleguide.fontSizes.commentsGuidelines
+  })
+});
+
+var _default = styles;
+exports.default = _default;

package/dist/styles/responsive.js

@@ -1 +1,40 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.CommentDisabledHeadline=exports.CommentDisabledGuidelines=exports.CommentEnabledGuidelines=exports.CommentContainer=void 0;var _styledComponents=_interopRequireDefault(require("styled-components"));var _tsStyleguide=require("@times-components/ts-styleguide");var CommentContainer=_styledComponents.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%;}"],_tsStyleguide.breakpoints.medium,_tsStyleguide.breakpoints.wide);exports.CommentContainer=CommentContainer;var CommentEnabledGuidelines=_styledComponents.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:",";"],_tsStyleguide.colours.functional.secondary,_tsStyleguide.fonts.supporting,_tsStyleguide.fontSizes.commentsGuidelines,(0,_tsStyleguide.spacing)(-2),(0,_tsStyleguide.spacing)(6));exports.CommentEnabledGuidelines=CommentEnabledGuidelines;var CommentDisabledGuidelines=_styledComponents.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;"],_tsStyleguide.colours.functional.secondary,_tsStyleguide.fonts.supporting,_tsStyleguide.fontSizes.commentsGuidelines,(0,_tsStyleguide.spacing)(6),(0,_tsStyleguide.spacing)(1));exports.CommentDisabledGuidelines=CommentDisabledGuidelines;var CommentDisabledHeadline=_styledComponents.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;"],_tsStyleguide.colours.functional.primary,_tsStyleguide.fonts.headline,_tsStyleguide.fontSizes.commentsHeadline,(0,_tsStyleguide.spacing)(1),(0,_tsStyleguide.spacing)(6));exports.CommentDisabledHeadline=CommentDisabledHeadline;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CommentDisabledHeadline = exports.CommentDisabledGuidelines = exports.CommentEnabledGuidelines = exports.CommentContainer = void 0;
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _tsStyleguide = require("@times-components/ts-styleguide");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const CommentContainer = _styledComponents.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%;}"], _tsStyleguide.breakpoints.medium, _tsStyleguide.breakpoints.wide);
+
+exports.CommentContainer = CommentContainer;
+
+const CommentEnabledGuidelines = _styledComponents.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:", ";"], _tsStyleguide.colours.functional.secondary, _tsStyleguide.fonts.supporting, _tsStyleguide.fontSizes.commentsGuidelines, (0, _tsStyleguide.spacing)(-2), (0, _tsStyleguide.spacing)(6));
+
+exports.CommentEnabledGuidelines = CommentEnabledGuidelines;
+
+const CommentDisabledGuidelines = _styledComponents.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;"], _tsStyleguide.colours.functional.secondary, _tsStyleguide.fonts.supporting, _tsStyleguide.fontSizes.commentsGuidelines, (0, _tsStyleguide.spacing)(6), (0, _tsStyleguide.spacing)(1));
+
+exports.CommentDisabledGuidelines = CommentDisabledGuidelines;
+
+const CommentDisabledHeadline = _styledComponents.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;"], _tsStyleguide.colours.functional.primary, _tsStyleguide.fonts.headline, _tsStyleguide.fontSizes.commentsHeadline, (0, _tsStyleguide.spacing)(1), (0, _tsStyleguide.spacing)(6));
+
+exports.CommentDisabledHeadline = CommentDisabledHeadline;

package/dist/styles/shared.js

@@ -1 +1,54 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _tsStyleguide=require("@times-components/ts-styleguide");function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys(Object(source),true).forEach(function(key){(0,_defineProperty2.default)(target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var styles={button:{marginBottom:(0,_tsStyleguide.spacing)(0),marginTop:(0,_tsStyleguide.spacing)(5),maxWidth:215},container:{alignItems:"center",borderStyle:"solid",borderTopColor:_tsStyleguide.colours.functional.keyline,borderTopWidth:1,marginBottom:(0,_tsStyleguide.spacing)(10),width:"100%"},headline:_objectSpread(_objectSpread({color:_tsStyleguide.colours.functional.primary},(0,_tsStyleguide.fontFactory)({font:"headline",fontSize:"commentsHeadline"})),{},{maxWidth:315,paddingBottom:(0,_tsStyleguide.spacing)(2),paddingTop:(0,_tsStyleguide.spacing)(6),textAlign:"center"}),link:{color:_tsStyleguide.colours.functional.action},supporting:_objectSpread(_objectSpread({},(0,_tsStyleguide.fontFactory)({font:"supporting",fontSize:"tertiary"})),{},{color:_tsStyleguide.colours.functional.secondary,maxWidth:280,textAlign:"center"})};var _default=styles;exports.default=_default;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _tsStyleguide = require("@times-components/ts-styleguide");
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+const styles = {
+  button: {
+    marginBottom: (0, _tsStyleguide.spacing)(0),
+    marginTop: (0, _tsStyleguide.spacing)(5),
+    maxWidth: 215
+  },
+  container: {
+    alignItems: "center",
+    borderStyle: "solid",
+    borderTopColor: _tsStyleguide.colours.functional.keyline,
+    borderTopWidth: 1,
+    marginBottom: (0, _tsStyleguide.spacing)(10),
+    width: "100%"
+  },
+  headline: _objectSpread(_objectSpread({
+    color: _tsStyleguide.colours.functional.primary
+  }, (0, _tsStyleguide.fontFactory)({
+    font: "headline",
+    fontSize: "commentsHeadline"
+  })), {}, {
+    maxWidth: 315,
+    paddingBottom: (0, _tsStyleguide.spacing)(2),
+    paddingTop: (0, _tsStyleguide.spacing)(6),
+    textAlign: "center"
+  }),
+  link: {
+    color: _tsStyleguide.colours.functional.action
+  },
+  supporting: _objectSpread(_objectSpread({}, (0, _tsStyleguide.fontFactory)({
+    font: "supporting",
+    fontSize: "tertiary"
+  })), {}, {
+    color: _tsStyleguide.colours.functional.secondary,
+    maxWidth: 280,
+    textAlign: "center"
+  })
+};
+var _default = styles;
+exports.default = _default;

package/dist/tracking/with-track-events.js

@@ -1 +1,74 @@
-Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _tracking=require("@times-components/tracking");var _default=function _default(Component){return(0,_tracking.withTrackEvents)(Component,{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"}]});};exports.default=_default;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _tracking = require("@times-components/tracking");
+
+var _default = Component => (0, _tracking.withTrackEvents)(Component, {
+  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"
+  }]
+});
+
+exports.default = _default;

package/dist/utils.js

@@ -1 +1,73 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=exports.getDisplayNameFromLocalStorage=exports.userShouldUpdateName=void 0;var _regenerator=_interopRequireDefault(require("@babel/runtime/regenerator"));var storeURL={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"};var userShouldUpdateName=function userShouldUpdateName(username){var url,checkUsername,_await$checkUsername,isPseudonym;return _regenerator.default.async(function userShouldUpdateName$(_context){while(1){switch(_context.prev=_context.next){case 0:if(username){_context.next=2;break;}return _context.abrupt("return",false);case 2:url="/api/comments/display-names-pseudonyms?username="+username;checkUsername=fetch(url).then(function(response){return response.json();}).then(function(data){return data;});_context.next=6;return _regenerator.default.awrap(checkUsername);case 6:_await$checkUsername=_context.sent;isPseudonym=_await$checkUsername.isPseudonym;if(isPseudonym){_context.next=10;break;}return _context.abrupt("return",false);case 10:return _context.abrupt("return",isPseudonym);case 11:case"end":return _context.stop();}}},null,null,null,Promise);};exports.userShouldUpdateName=userShouldUpdateName;var getDisplayNameFromLocalStorage=function getDisplayNameFromLocalStorage(){var spotimUserDetails=window.localStorage.getItem("SPOTIM_CURRENT_USER");if(!spotimUserDetails)return false;var spotimUserDetailsJSON=spotimUserDetails&&JSON.parse(spotimUserDetails);var displayName=spotimUserDetailsJSON.data.displayName;return displayName||false;};exports.getDisplayNameFromLocalStorage=getDisplayNameFromLocalStorage;var _default=function _default(){var region=typeof window!=="undefined"&&window.nuk&&window.nuk.region;return storeURL[region]||storeURL.gb;};exports.default=_default;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.getDisplayNameFromLocalStorage = exports.shouldReauthenticateUser = exports.userShouldUpdateName = void 0;
+
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+
+/* global fetch window */
+const storeURL = {
+  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"
+};
+
+const userShouldUpdateName = /*#__PURE__*/function () {
+  var _ref = _asyncToGenerator(function* (username) {
+    if (!username) {
+      return false;
+    }
+
+    const url = "/api/comments/display-names-pseudonyms?username=".concat(username);
+    const checkUsername = fetch(url).then(response => response.json()).then(data => data);
+
+    const _yield$checkUsername = yield checkUsername,
+          isPseudonym = _yield$checkUsername.isPseudonym;
+
+    if (!isPseudonym) {
+      return false;
+    }
+
+    return isPseudonym;
+  });
+
+  return function userShouldUpdateName(_x) {
+    return _ref.apply(this, arguments);
+  };
+}();
+
+exports.userShouldUpdateName = userShouldUpdateName;
+
+const shouldReauthenticateUser = () => {
+  const isUsingRealNameCommenting = window.localStorage.getItem("isUsingRealNameCommenting");
+  if (isUsingRealNameCommenting) return;
+  window.localStorage.removeItem("SPOTIM_DEVICE_V2");
+  window.localStorage.removeItem("SPOTIM_CURRENT_USER");
+  window.localStorage.removeItem("SPOTIM_ACCESS_TOKEN");
+  window.localStorage.removeItem("SPOT_AB");
+  window.localStorage.removeItem("SPOTIM_DEVICE_UUID_V2");
+};
+
+exports.shouldReauthenticateUser = shouldReauthenticateUser;
+
+const getDisplayNameFromLocalStorage = () => {
+  const spotimUserDetails = window.localStorage.getItem("SPOTIM_CURRENT_USER");
+  if (!spotimUserDetails) return false;
+  const spotimUserDetailsJSON = spotimUserDetails && JSON.parse(spotimUserDetails);
+  const displayName = spotimUserDetailsJSON.data.displayName;
+  return displayName || false;
+};
+
+exports.getDisplayNameFromLocalStorage = getDisplayNameFromLocalStorage;
+
+var _default = () => {
+  const region = // eslint-disable-next-line no-undef
+  typeof window !== "undefined" && window.nuk && window.nuk.region;
+  return storeURL[region] || storeURL.gb;
+};
+
+exports.default = _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@times-components/article-comments",
-  "version": "0.28.1",
+  "version": "0.30.0",
   "description": "Article Comments",
   "main": "dist/article-comments",
   "dev": "src/article-comments",
@@ -9,7 +9,7 @@
     "fmt": "eslint . --fix && prettier --write '**/*.*'",
     "prettier:diff": "prettier --list-different '**/*.*'",
     "lint": "eslint . && yarn prettier:diff && yarn depcheck",
-    "test:web": "jest --config='./__tests__/web/jest.config.js'",
+    "test:web": "jest --config='./__tests__/jest.config.js'",
     "prepublishOnly": "yarn transpile && yarn bundle",
     "watch": "watch 'yarn bundle' ./src --ignoreDotFiles --ignoreUnreadable",
     "cleanup-dist": "rm -rf dist",
@@ -31,11 +31,11 @@
   },
   "homepage": "https://github.com/newsuk/times-components#readme",
   "dependencies": {
-    "@times-components/link": "3.10.12",
-    "@times-components/tracking": "2.11.1",
-    "@times-components/ts-components": "1.51.1",
-    "@times-components/ts-styleguide": "1.36.9",
-    "@times-components/user-state": "0.3.31",
+    "@times-components/link": "3.11.0",
+    "@times-components/tracking": "2.12.1",
+    "@times-components/ts-components": "1.52.1",
+    "@times-components/ts-styleguide": "1.37.0",
+    "@times-components/user-state": "0.4.0",
     "prop-types": "15.7.2",
     "styled-components": "4.3.2"
   },
@@ -44,11 +44,10 @@
     "@testing-library/jest-dom": "^5.12.0",
     "@testing-library/react": "^12.1.2",
     "@times-components/eslint-config-thetimes": "0.8.18",
-    "@times-components/jest-configurator": "2.8.1",
-    "@times-components/storybook": "4.4.1",
-    "@times-components/webpack-configurator": "2.0.30",
+    "@times-components/jest-configurator-web": "0.8.0",
+    "@times-components/storybook": "4.5.0",
+    "@times-components/webpack-configurator": "2.1.0",
     "babel-jest": "24.8.0",
-    "babel-plugin-styled-components": "1.10.6",
     "eslint": "5.9.0",
     "jest": "24.8.0",
     "jest-styled-components": "6.3.1",
@@ -56,8 +55,7 @@
     "react": "16.9.0",
     "react-dom": "16.9.0",
     "react-test-renderer": "16.9.0",
-    "webpack": "4.30.0",
-    "webpack-cli": "3.3.1"
+    "webpack": "4.30.0"
   },
   "resolutions": {
     "react": "16.9.0",
@@ -70,5 +68,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "df5ed2ea69c1f572c9054e51a8fdd00f700dc758"
+  "gitHead": "5477307832a741d1a232a3854185314fe728d41d"
 }

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("@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(17)),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 u=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=u},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("@times-components/ts-components/rnw")},function(e,t){e.exports=require("@babel/runtime/regenerator")},function(e,t,n){var o=n(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=t.getDisplayNameFromLocalStorage=t.userShouldUpdateName=void 0;var i=o(n(6)),r={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.userShouldUpdateName=function(e){var t,n,o;return i.default.async((function(r){for(;;)switch(r.prev=r.next){case 0:if(e){r.next=2;break}return r.abrupt("return",!1);case 2:return t=fetch("/api/comments/display-names-pseudonyms?username="+e).then((function(e){return e.json()})).then((function(e){return e})),r.next=6,i.default.awrap(t);case 6:if(n=r.sent,o=n.isPseudonym){r.next=10;break}return r.abrupt("return",!1);case 10:return r.abrupt("return",o);case 11:case"end":return r.stop()}}),null,null,null,Promise)};t.getDisplayNameFromLocalStorage=function(){var e=window.localStorage.getItem("SPOTIM_CURRENT_USER");return e&&(e&&JSON.parse(e)).data.displayName||!1};t.default=function(){var e="undefined"!=typeof window&&window.nuk&&window.nuk.region;return r[e]||r.gb}},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(10))),a=n(5),m=o(n(11)),c=o(n(21)),u=n(2),s=o(n(25)),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(s.default,null)),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(c.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,n){var o=n(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var i=o(n(6)),r=o(n(12)),a=o(n(13)),m=o(n(14)),c=o(n(15)),u=o(n(16)),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=v(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)),d=o(n(18)),f=o(n(19)),p=n(7);function v(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(v=function(e){return e?n:t})(e)}function C(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,u.default)(e);if(t){var i=(0,u.default)(this).constructor;n=Reflect.construct(o,arguments,i)}else n=o.apply(this,arguments);return(0,c.default)(this,n)}}var b=function(e){(0,m.default)(n,e);var t=C(n);function n(){var e;return(0,r.default)(this,n),(e=t.call(this)).container=null,e}return(0,a.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,r=e.commentingConfig,a=e.onCommentStart,m=e.onCommentPost,c=e.onCommentNotification,u=e.onCommentFilterNewest,s=e.onCommentFilterMostRecommended,l=e.onCommentFilterOldest,f=e.onCommentReplyClick,v=e.onCommentShareLink,C=e.onCommentShareTwitter,b=e.onCommentShareEmail,g=e.onCommentShareFacebook,y=e.onCommentRecommend,h=e.onCommentNotificationClicked,k=e.onCommentUsernameClicked,w=e.onCommentSettingsClicked;if(this.container&&t&&r){var O=r.account.readOnly;if(r&&r.switchOver)o>r.switchOver&&(O=r.account.current);var N=window.location.search.includes("enableRealNameCommenting");document.addEventListener("spot-im-current-user-typing-start",(function(e){var t;return i.default.async((function(n){for(;;)switch(n.prev=n.next){case 0:if(a(e),!N){n.next=9;break}if(t=(0,p.getDisplayNameFromLocalStorage)()){n.next=5;break}return n.abrupt("return");case 5:return n.next=7,i.default.awrap((0,p.userShouldUpdateName)(t));case 7:n.sent&&window.dispatchEvent(new CustomEvent("SHOW_REAL_NAME_COMMENTING_BANNER",{}));case 9:case"end":return n.stop()}}),null,null,null,Promise)}),{once:!0}),document.addEventListener("spot-im-current-user-sent-message",m),document.addEventListener("spot-im-notification-drop-down-link",c),document.addEventListener("spot-im-user-up-vote-click",y),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 u(e);default:return null}}(e)})),document.addEventListener("spot-im-user-clicked-reply",f),document.addEventListener("spot-im-clicked-settings",w),document.addEventListener("spot-im-user-notifications-click",h),document.addEventListener("spot-im-open-user-profile",k),document.addEventListener("spot-im-share-type",(function(e){return function(e){switch(e.detail.type){case"link":return v(e);case"email":return b(e);case"twitter":return C(e);case"facebook":return g(e);default:return null}}(e)})),n||(window.SPOTIM&&window.SPOTIM.startSSO?(0,d.default)((function(){})):document.addEventListener("spot-im-api-ready",(function(){(0,d.default)((function(){}))})));var S=document.createElement("script");S.setAttribute("async","async"),S.setAttribute("src","https://launcher.spot.im/spot/"+O),S.setAttribute("data-spotim-module","spotim-launcher"),S.setAttribute("data-post-id",t),S.setAttribute("data-post-url","https://www.thetimes.co.uk/article/"+t),S.setAttribute("data-seo-enabled",!0),S.setAttribute("data-livefyre-url",t),this.container.appendChild(S)}}},{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,v=t.onCommentRecommend,C=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:v,onCommentNotificationClicked:C,onCommentUsernameClicked:b,onCommentSettingsClicked:g},s.default.createElement("div",{ref:function(t){e.container=t}}))}}]),n}(s.Component);b.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 g=(0,f.default)(b);t.default=g},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()}("/api/comments/loginv2?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(20);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,n){var o=n(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var i=o(n(1)),r=n(22),a=n(2),m=o(n(23)),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(8)),r=n(3),a=o(n(24));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 u=c(c({},a.default),{},{link:c(c({},a.default.link),{},{fontFamily:r.fonts.supporting,fontSize:r.fontSizes.commentsGuidelines})});t.default=u},function(e,t,n){var o=n(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var i=o(n(8)),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},function(e,t,n){var o=n(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(){var e,t,n=null==(e=window.nuk)||null==(t=e.user)?void 0:t.isLightPackUser,o=n?null:(0,a.default)(),m=n?function(){return document&&document.dispatchEvent(new Event("show::upgrade::modal"))}:null;return i.default.createElement(r.InlineDialog,{title:"Join the conversation",buttonText:"View offers",href:o,onClick:m},"Commenting is only available to unlimited access subscribers. Upgrade your subscription to have your say.")};var i=o(n(1)),r=n(5),a=o(n(7))}]);
+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=8)}([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/user-state/rnw")},function(e,t){e.exports=require("styled-components")},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/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(2)),a=n.n(r),m=n(4),c=n(3),s=n.n(c),l=n(0);const d=s.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%;}"],l.breakpoints.medium,l.breakpoints.wide),u=(s.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:",";"],l.colours.functional.secondary,l.fonts.supporting,l.fontSizes.commentsGuidelines,Object(l.spacing)(-2),Object(l.spacing)(6)),s.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;"],l.colours.functional.secondary,l.fonts.supporting,l.fontSizes.commentsGuidelines,Object(l.spacing)(6),Object(l.spacing)(1))),p=s.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;"],l.colours.functional.primary,l.fonts.headline,l.fontSizes.commentsHeadline,Object(l.spacing)(1),Object(l.spacing)(6)),f=(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 g=e=>{if(window.SPOTIM&&window.SPOTIM.startSSO){window.SPOTIM.startSSO(f),e();window.location.search.includes("enableRealNameCommenting")&&window.localStorage.setItem("isUsingRealNameCommenting",!0)}},C=n(6);function b(e,t,n,o,i,r,a){try{var m=e[r](a),c=m.value}catch(e){return void n(e)}m.done?t(c):Promise.resolve(c).then(o,i)}const v={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"},h=function(){var e,t=(e=function*(e){if(!e)return!1;const t="/api/comments/display-names-pseudonyms?username=".concat(e),n=fetch(t).then(e=>e.json()).then(e=>e),o=(yield n).isPseudonym;return o||!1},function(){var t=this,n=arguments;return new Promise((function(o,i){var r=e.apply(t,n);function a(e){b(r,o,i,a,m,"next",e)}function m(e){b(r,o,i,a,m,"throw",e)}a(void 0)}))});return function(e){return t.apply(this,arguments)}}();function w(e,t,n,o,i,r,a){try{var m=e[r](a),c=m.value}catch(e){return void n(e)}m.done?t(c):Promise.resolve(c).then(o,i)}class y 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.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,u=e.onCommentShareLink,p=e.onCommentShareTwitter,f=e.onCommentShareEmail,C=e.onCommentShareFacebook,b=e.onCommentRecommend,v=e.onCommentNotificationClicked,y=e.onCommentUsernameClicked,O=e.onCommentSettingsClicked;if(!this.container||!t||!i)return;let k=i.account.readOnly;if(i&&i.switchOver){o>i.switchOver&&(k=i.account.current)}const N=window.location.search.includes("enableRealNameCommenting");document.addEventListener("spot-im-current-user-typing-start",function(){var e,t=(e=function*(e){if(r(e),N){const e=(()=>{const e=window.localStorage.getItem("SPOTIM_CURRENT_USER");return e&&(e&&JSON.parse(e)).data.displayName||!1})();if(!e)return;(yield h(e))&&window.dispatchEvent(new CustomEvent("SHOW_REAL_NAME_COMMENTING_BANNER",{}))}},function(){var t=this,n=arguments;return new Promise((function(o,i){var r=e.apply(t,n);function a(e){w(r,o,i,a,m,"next",e)}function m(e){w(r,o,i,a,m,"throw",e)}a(void 0)}))});return function(e){return t.apply(this,arguments)}}(),{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",e=>(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",O),document.addEventListener("spot-im-user-notifications-click",v),document.addEventListener("spot-im-open-user-profile",y),document.addEventListener("spot-im-share-type",e=>(e=>{switch(e.detail.type){case"link":return u(e);case"email":return f(e);case"twitter":return p(e);case"facebook":return C(e);default:return null}})(e)),n||(window.SPOTIM&&window.SPOTIM.startSSO?g(()=>{}):document.addEventListener("spot-im-api-ready",()=>{N&&(window.localStorage.getItem("isUsingRealNameCommenting")||(window.localStorage.removeItem("SPOTIM_DEVICE_V2"),window.localStorage.removeItem("SPOTIM_CURRENT_USER"),window.localStorage.removeItem("SPOTIM_ACCESS_TOKEN"),window.localStorage.removeItem("SPOT_AB"),window.localStorage.removeItem("SPOTIM_DEVICE_UUID_V2"))),g(()=>{})}));const S=document.createElement("script");S.setAttribute("async","async"),S.setAttribute("src","https://launcher.spot.im/spot/".concat(k)),S.setAttribute("data-spotim-module","spotim-launcher"),S.setAttribute("data-post-id",t),S.setAttribute("data-post-url","https://www.thetimes.co.uk/article/".concat(t)),S.setAttribute("data-seo-enabled",!0),S.setAttribute("data-livefyre-url",t),this.container.appendChild(S)}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,m=e.onCommentFilterOldest,c=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;return i.a.createElement(d,{id:"comments-container",onCommentStart:t,onCommentPost:n,onCommentNotification:o,onCommentReplyClick:c,onCommentFilterNewest:r,onCommentFilterMostRecommended:a,onCommentFilterOldest:m,onCommentShareLink:s,onCommentShareTwitter:l,onCommentShareEmail:u,onCommentShareFacebook:p,onCommentRecommend:f,onCommentNotificationClicked:g,onCommentUsernameClicked:C,onCommentSettingsClicked:b},i.a.createElement("div",{ref:e=>{this.container=e}}))}}y.defaultProps={onCommentStart:()=>{},onCommentPost:()=>{},onCommentNotification:()=>{},onCommentReplyClick:()=>{},onCommentFilterNewest:()=>{},onCommentFilterMostRecommended:()=>{},onCommentFilterOldest:()=>{},onCommentShareLink:()=>{},onCommentShareTwitter:()=>{},onCommentShareEmail:()=>{},onCommentShareFacebook:()=>{},onCommentRecommend:()=>{},onCommentNotificationClicked:()=>{},onCommentUsernameClicked:()=>{},onCommentSettingsClicked:()=>{}};var O,k=(O=y,Object(C.withTrackEvents)(O,{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"}]})),N=n(7);function S(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 E(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){j(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 j(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var P={button:{marginBottom:Object(l.spacing)(0),marginTop:Object(l.spacing)(5),maxWidth:215},container:{alignItems:"center",borderStyle:"solid",borderTopColor:l.colours.functional.keyline,borderTopWidth:1,marginBottom:Object(l.spacing)(10),width:"100%"},headline:E(E({color:l.colours.functional.primary},Object(l.fontFactory)({font:"headline",fontSize:"commentsHeadline"})),{},{maxWidth:315,paddingBottom:Object(l.spacing)(2),paddingTop:Object(l.spacing)(6),textAlign:"center"}),link:{color:l.colours.functional.action},supporting:E(E({},Object(l.fontFactory)({font:"supporting",fontSize:"tertiary"})),{},{color:l.colours.functional.secondary,maxWidth:280,textAlign:"center"})};function T(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 _(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?T(Object(n),!0).forEach((function(t){I(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):T(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function I(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var R=_(_({},P),{},{link:_(_({},P.link),{},{fontFamily:l.fonts.supporting,fontSize:l.fontSizes.commentsGuidelines})});var x=()=>i.a.createElement(d,null,i.a.createElement(p,null,"Comments for this article have been turned off"),i.a.createElement(u,null,"Comments are subject to our community guidelines, which can be viewed"," ",i.a.createElement(N.TextLink,{style:R.link,url:"https://www.thetimes.co.uk/article/f4024fbe-d989-11e6-9063-500e6740fc32"},"here"),"."));function L(){const e=window.nuk&&window.nuk.user&&window.nuk.user.isLightPackUser,t=e?null:(()=>{const e="undefined"!=typeof window&&window.nuk&&window.nuk.region;return v[e]||v.gb})(),n=e?()=>document&&document.dispatchEvent(new Event("show::upgrade::modal")):null;return i.a.createElement(m.InlineDialog,{title:"Join the conversation",buttonText:"View offers",href:t,onClick:n},"Commenting is only available to unlimited access subscribers. Upgrade your subscription to have your say.")}const M=e=>{let t=e.articleId,n=e.publishedTime,o=e.isEnabled,r=e.isReadOnly,c=e.commentingConfig;return o?i.a.createElement(i.a.Fragment,null,i.a.createElement(a.a,{state:a.a.metered},i.a.createElement(L,null)),i.a.createElement(a.a,{state:a.a.subscriber},i.a.createElement(d,null,i.a.createElement(m.HiddenDiv,{className:"comment-banner"})),i.a.createElement(k,{articleId:t,publishedTime:n,isReadOnly:r,commentingConfig:c}))):i.a.createElement(x,null)};M.defaultProps={isReadOnly:!1};t.default=M}]);

package/tsconfig.jest.json

@@ -0,0 +1,10 @@
+{
+  "compilerOptions": {
+    "target": "es6",
+    "rootDir": "src",
+    "jsx": "preserve",
+    "moduleResolution": "node",
+    "module": "commonjs",
+    "esModuleInterop": true
+  }
+}