npm - @times-components/article-comments - Versions diffs - 0.28.1 → 0.29.0 - Mend

@times-components/article-comments 0.28.1 → 0.29.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (16) hide show

package/CHANGELOG.md +11 -0
package/README.md +1 -3
package/babel.config.js +13 -2
package/dist/article-comments.js +63 -1
package/dist/comment-login.js +37 -1
package/dist/comments.js +265 -1
package/dist/disabled-comments.js +24 -1
package/dist/join-the-conversation-dialog.js +30 -1
package/dist/styles/index.js +28 -1
package/dist/styles/responsive.js +40 -1
package/dist/styles/shared.js +54 -1
package/dist/tracking/with-track-events.js +74 -1
package/dist/utils.js +61 -1
package/package.json +12 -14
package/rnw.js +1 -1
package/tsconfig.jest.json +10 -0

package/CHANGELOG.md CHANGED Viewed

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+# [0.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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -1 +1,63 @@
-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 }; }
+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 CHANGED Viewed

@@ -1 +1,37 @@
-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 executeSSOtransaction = callback => {
+  if (window.SPOTIM && window.SPOTIM.startSSO) {
+    window.SPOTIM.startSSO(ssoCallback);
+    callback();
+  }
+};
+var _default = executeSSOtransaction;
+exports.default = _default;

package/dist/comments.js CHANGED Viewed

@@ -1 +1,265 @@
-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", () => {
+          (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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -1 +1,61 @@
-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.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 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 CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@times-components/article-comments",
-  "version": "0.28.1",
+  "version": "0.29.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.0",
+    "@times-components/ts-components": "1.52.0",
+    "@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": "fe2f12b7448a88662c53f840772282cd97756c5c"
 }

package/rnw.js CHANGED Viewed

	@@ -1 +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))}]);
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=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 u=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),d=(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=>{window.SPOTIM&&window.SPOTIM.startSSO&&(window.SPOTIM.startSSO(f),e())},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 h={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"},v=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 y(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 w extends o.Component{constructor(){super(),this.container=null}componentDidMount(){this.initialiseComments()}componentWillUnmount(){this.disposeComments()}initialiseComments(){const e=this.props,t=e.articleId,n=e.isReadOnly,o=e.publishedTime,i=e.commentingConfig,r=e.onCommentStart,a=e.onCommentPost,m=e.onCommentNotification,c=e.onCommentFilterNewest,s=e.onCommentFilterMostRecommended,l=e.onCommentFilterOldest,u=e.onCommentReplyClick,d=e.onCommentShareLink,p=e.onCommentShareTwitter,f=e.onCommentShareEmail,C=e.onCommentShareFacebook,b=e.onCommentRecommend,h=e.onCommentNotificationClicked,w=e.onCommentUsernameClicked,k=e.onCommentSettingsClicked;if(!this.container\|\|!t\|\|!i)return;let O=i.account.readOnly;if(i&&i.switchOver){o>i.switchOver&&(O=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 v(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){y(r,o,i,a,m,"next",e)}function m(e){y(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",u),document.addEventListener("spot-im-clicked-settings",k),document.addEventListener("spot-im-user-notifications-click",h),document.addEventListener("spot-im-open-user-profile",w),document.addEventListener("spot-im-share-type",e=>(e=>{switch(e.detail.type){case"link":return d(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",()=>{g(()=>{})}));const S=document.createElement("script");S.setAttribute("async","async"),S.setAttribute("src","https://launcher.spot.im/spot/".concat(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/".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,d=e.onCommentShareEmail,p=e.onCommentShareFacebook,f=e.onCommentRecommend,g=e.onCommentNotificationClicked,C=e.onCommentUsernameClicked,b=e.onCommentSettingsClicked;return i.a.createElement(u,{id:"comments-container",onCommentStart:t,onCommentPost:n,onCommentNotification:o,onCommentReplyClick:c,onCommentFilterNewest:r,onCommentFilterMostRecommended:a,onCommentFilterOldest:m,onCommentShareLink:s,onCommentShareTwitter:l,onCommentShareEmail:d,onCommentShareFacebook:p,onCommentRecommend:f,onCommentNotificationClicked:g,onCommentUsernameClicked:C,onCommentSettingsClicked:b},i.a.createElement("div",{ref:e=>{this.container=e}}))}}w.defaultProps={onCommentStart:()=>{},onCommentPost:()=>{},onCommentNotification:()=>{},onCommentReplyClick:()=>{},onCommentFilterNewest:()=>{},onCommentFilterMostRecommended:()=>{},onCommentFilterOldest:()=>{},onCommentShareLink:()=>{},onCommentShareTwitter:()=>{},onCommentShareEmail:()=>{},onCommentShareFacebook:()=>{},onCommentRecommend:()=>{},onCommentNotificationClicked:()=>{},onCommentUsernameClicked:()=>{},onCommentSettingsClicked:()=>{}};var k,O=(k=w,Object(C.withTrackEvents)(k,{analyticsEvents:[{actionName:"navigation",eventName:"onCommentStart",trackingName:"spot im : comment : start"},{actionName:"navigation",eventName:"onCommentPost",trackingName:"spot im : comment : complete"},{actionName:"navigation",eventName:"onCommentNotification",trackingName:"spot im : notification"},{actionName:"navigation",eventName:"onCommentFilterNewest",trackingName:"spot im : sort : newest"},{actionName:"navigation",eventName:"onCommentFilterMostRecommended",trackingName:"spot im : sort : best"},{actionName:"navigation",eventName:"onCommentFilterOldest",trackingName:"spot im : sort : oldest"},{actionName:"navigation",eventName:"onCommentReplyClick",trackingName:"spot im : reply"},{actionName:"navigation",eventName:"onCommentSettingsClicked",trackingName:"spot im : settings button clicked"},{actionName:"navigation",eventName:"onCommentShareLink",trackingName:"spot im : comment : share : copy link"},{actionName:"navigation",eventName:"onCommentShareEmail",trackingName:"spot im : comment : share : email"},{actionName:"navigation",eventName:"onCommentShareTwitter",trackingName:"spot im : comment : share : twitter"},{actionName:"navigation",eventName:"onCommentShareFacebook",trackingName:"spot im : comment : share : facebook"},{actionName:"navigation",eventName:"onCommentRecommend",trackingName:"spot im : vote up"},{actionName:"navigation",eventName:"onCommentUsernameClicked",trackingName:"spot im : username clicked"},{actionName:"navigation",eventName:"onCommentNotificationClicked",trackingName:"spot im : notification clicked"}]})),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 x(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){L(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 L(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var _=x(x({},P),{},{link:x(x({},P.link),{},{fontFamily:l.fonts.supporting,fontSize:l.fontSizes.commentsGuidelines})});var R=()=>i.a.createElement(u,null,i.a.createElement(p,null,"Comments for this article have been turned off"),i.a.createElement(d,null,"Comments are subject to our community guidelines, which can be viewed"," ",i.a.createElement(N.TextLink,{style:_.link,url:"https://www.thetimes.co.uk/article/f4024fbe-d989-11e6-9063-500e6740fc32"},"here"),"."));function F(){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 h[e]\|\|h.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 I=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(F,null)),i.a.createElement(a.a,{state:a.a.subscriber},i.a.createElement(u,null,i.a.createElement(m.HiddenDiv,{className:"comment-banner"})),i.a.createElement(O,{articleId:t,publishedTime:n,isReadOnly:r,commentingConfig:c}))):i.a.createElement(R,null)};I.defaultProps={isReadOnly:!1};t.default=I}]);

package/tsconfig.jest.json ADDED Viewed

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