@times-components/article-comments 0.43.28-alpha.36 → 0.43.28-alpha.49

package/dist/article-comments.js

@@ -17,9 +17,7 @@ var _disabledComments = _interopRequireDefault(require("./disabled-comments"));
 
 var _joinTheConversationDialog = _interopRequireDefault(require("./join-the-conversation-dialog"));
 
-var _userEntitlementProvider = _interopRequireDefault(require("./user-entitlement-provider"));
-
-var _userEntitlements = require("./user-entitlements");
+var _userEntitlementState = _interopRequireDefault(require("./user-entitlement-state"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -50,25 +48,20 @@ const ArticleComments = _ref => {
       commentingConfig = _ref.commentingConfig,
       isCommentEnabled = _ref.isCommentEnabled,
       storefrontConfig = _ref.storefrontConfig,
-      domainSpecificUrl = _ref.domainSpecificUrl;
+      domainSpecificUrl = _ref.domainSpecificUrl,
+      isEntitlementFeatureEnabled = _ref.isEntitlementFeatureEnabled;
 
   const _useState = (0, _react.useState)(undefined),
         _useState2 = _slicedToArray(_useState, 2),
-        userEntitlements = _useState2[0],
-        setUserEntitlements = _useState2[1];
-
-  let entitlementFeatureEnable = false;
-
-  if (typeof window !== undefined) {
-    console.log("query testing...", window.location.search.includes("entitlementFeatureEnable"));
-  }
+        userEntitlementData = _useState2[0],
+        setUserEntitlementData = _useState2[1];
 
   (0, _react.useEffect)(() => {
     const fetchUserEntitlements = /*#__PURE__*/function () {
       var _ref2 = _asyncToGenerator(function* () {
         const response = yield fetch("/api/get-user-entitlements");
         const data = yield response.json();
-        setUserEntitlements(data);
+        setUserEntitlementData(data);
       });
 
       return function fetchUserEntitlements() {
@@ -76,37 +69,29 @@ const ArticleComments = _ref => {
       };
     }();
 
-    if (typeof window !== undefined) {
-      entitlementFeatureEnable = window.sessionStorage.getItem("entitlementFeatureEnable");
-      console.log('window object acessible............');
+    if (typeof window !== "undefined") {
       fetchUserEntitlements();
     }
   }, []);
-  return (
-    /*#__PURE__*/
-    //  isEnabled && isCommentEnabled ? (
-    _react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_userState.default, {
-      state: _userState.default.showJoinTheConversationDialog
-    }, /*#__PURE__*/_react.default.createElement(_joinTheConversationDialog.default, {
-      storefrontConfig: storefrontConfig
-    })), !entitlementFeatureEnable ? /*#__PURE__*/_react.default.createElement(_userState.default, {
-      state: _userState.default.showCommentingModule
-    }, /*#__PURE__*/_react.default.createElement("p", null, "inside UserState provider"), /*#__PURE__*/_react.default.createElement(_comments.default, {
-      articleId: articleId,
-      isReadOnly: isReadOnly,
-      commentingConfig: commentingConfig,
-      domainSpecificUrl: domainSpecificUrl
-    })) : /*#__PURE__*/_react.default.createElement(_userEntitlements.UserEntitlements, {
-      userEntitlementsList: userEntitlements
-    }, /*#__PURE__*/_react.default.createElement("p", null, "inside UserEntitlements"), /*#__PURE__*/_react.default.createElement(_comments.default, {
-      articleId: articleId,
-      isReadOnly: isReadOnly,
-      commentingConfig: commentingConfig,
-      domainSpecificUrl: domainSpecificUrl
-    })))
-  ); //  : (
-  //   <DisabledComments />
-  // );
+  return isEnabled && isCommentEnabled ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_userState.default, {
+    state: _userState.default.showJoinTheConversationDialog
+  }, /*#__PURE__*/_react.default.createElement(_joinTheConversationDialog.default, {
+    storefrontConfig: storefrontConfig
+  })), !isEntitlementFeatureEnabled ? /*#__PURE__*/_react.default.createElement(_userState.default, {
+    state: _userState.default.showCommentingModule
+  }, /*#__PURE__*/_react.default.createElement(_comments.default, {
+    articleId: articleId,
+    isReadOnly: isReadOnly,
+    commentingConfig: commentingConfig,
+    domainSpecificUrl: domainSpecificUrl
+  })) : /*#__PURE__*/_react.default.createElement(_userEntitlementState.default, {
+    userEntitlementData: userEntitlementData
+  }, /*#__PURE__*/_react.default.createElement(_comments.default, {
+    articleId: articleId,
+    isReadOnly: isReadOnly,
+    commentingConfig: commentingConfig,
+    domainSpecificUrl: domainSpecificUrl
+  }))) : /*#__PURE__*/_react.default.createElement(_disabledComments.default, null);
 };
 
 ArticleComments.propTypes = {
@@ -118,7 +103,8 @@ ArticleComments.propTypes = {
   }).isRequired,
   storefrontConfig: _propTypes.default.string.isRequired,
   isCommentEnabled: _propTypes.default.bool,
-  domainSpecificUrl: _propTypes.default.string.isRequired
+  domainSpecificUrl: _propTypes.default.string.isRequired,
+  isEntitlementFeatureEnabled: _propTypes.default.bool.isRequired
 };
 ArticleComments.defaultProps = {
   isReadOnly: false,

package/dist/user-entitlement-state.js

@@ -0,0 +1,47 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+/* eslint-env browser */
+const UserEntitlementState = _ref => {
+  let userEntitlementData = _ref.userEntitlementData,
+      children = _ref.children;
+  const FP_CODE_COMMENTING = "fp-752";
+  const featureDecisions = userEntitlementData && userEntitlementData.user && userEntitlementData.user.subscriptions && userEntitlementData.user.subscriptions[0] && userEntitlementData.user.subscriptions[0].featureDecisions || [];
+  const isCommentingEntitlementEnabled = featureDecisions && featureDecisions.some(decision => decision.code === FP_CODE_COMMENTING && decision.outcome.toLowerCase().includes("enable"));
+
+  if (userEntitlementData === undefined || !isCommentingEntitlementEnabled) {
+    return null;
+  }
+
+  return children;
+};
+
+const FeatureDecisionPropTypes = _propTypes.default.shape({
+  code: _propTypes.default.string.isRequired,
+  name: _propTypes.default.string.isRequired,
+  outcome: _propTypes.default.string.isRequired
+});
+
+const SubscriptionPropTypes = _propTypes.default.shape({
+  id: _propTypes.default.string.isRequired,
+  featureDecisions: _propTypes.default.arrayOf(FeatureDecisionPropTypes).isRequired
+});
+
+const UserPropTypes = _propTypes.default.shape({
+  cpn: _propTypes.default.string.isRequired,
+  subscriptions: _propTypes.default.arrayOf(SubscriptionPropTypes).isRequired
+});
+
+UserEntitlementState.PropTypes = _propTypes.default.shape({
+  user: UserPropTypes.isRequired
+});
+var _default = UserEntitlementState;
+exports.default = _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@times-components/article-comments",
-  "version": "0.43.28-alpha.36+e75304429f",
+  "version": "0.43.28-alpha.49+ea6a5539a5",
   "description": "Article Comments",
   "main": "dist/article-comments",
   "dev": "src/article-comments",
@@ -70,5 +70,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "e75304429f1284c177f1328239e0c8476e666de8"
+  "gitHead": "ea6a5539a5f16934556f7874d73ca7a94e9cdfdb"
 }

package/rnw.js

@@ -1 +1 @@
-module.exports=function(e){var t={};function n(o){if(t[o])return t[o].exports;var i=t[o]={i:o,l:!1,exports:{}};return e[o].call(i.exports,i,i.exports,n),i.l=!0,i.exports}return n.m=e,n.c=t,n.d=function(e,t,o){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:o})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var o=Object.create(null);if(n.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var i in e)n.d(o,i,function(t){return e[t]}.bind(null,i));return o},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=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("prop-types")},function(e,t){e.exports=require("@times-components/ts-components/rnw")},function(e,t){e.exports=require("@times-components/tracking/rnw")},function(e,t){e.exports=require("@times-components/link/rnw")},function(e,t,n){"use strict";n.r(t);var o=n(1),i=n.n(o),r=(n(4),n(2)),a=n.n(r),c=n(3),m=n.n(c),s=n(0);const l=m.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%;}"],s.breakpoints.medium,s.breakpoints.wide);m.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:",";"],s.colours.functional.secondary,s.fontsWithFallback.supporting,s.fontSizes.commentsGuidelines,Object(s.spacing)(-2),Object(s.spacing)(6)),m.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;"],s.colours.functional.secondary,s.fontsWithFallback.supporting,s.fontSizes.commentsGuidelines,Object(s.spacing)(6),Object(s.spacing)(1)),m.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;"],s.colours.functional.primary,s.fontsWithFallback.headline,s.fontSizes.commentsHeadline,Object(s.spacing)(1),Object(s.spacing)(6));function u(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=e&&("undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"]);if(null==n)return;var o,i,r=[],a=!0,c=!1;try{for(n=n.call(e);!(a=(o=n.next()).done)&&(r.push(o.value),!t||r.length!==t);a=!0);}catch(e){c=!0,i=e}finally{try{a||null==n.return||n.return()}finally{if(c)throw i}}return r}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return d(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return d(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function d(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,o=new Array(t);n<t;n++)o[n]=e[n];return o}var p=e=>e?(e=>e.split("&").reduce((e,t)=>{const n=u(t.split("="),2),o=n[0],i=n[1];return e[o]=i,e},{}))(e).eid:void 0;const 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=()=>{if(window.SPOTIM&&window.SPOTIM.startSSO){const e=window&&window.nuk&&window.nuk.getCookieValue&&window.nuk.getCookieValue("acs_tnl"),t="".concat(p(e),"_v2");window.SPOTIM.startSSO({callback:f,userId:t})}},b=n(6);class C extends o.Component{constructor(){super(),this.container=null}componentDidMount(){this.initialiseComments()}componentWillUnmount(){this.disposeComments()}initialiseComments(){const e=this.props,t=e.articleId,n=e.isReadOnly,o=e.commentingConfig,i=e.onCommentStart,r=e.onCommentPost,a=e.onCommentNotification,c=e.onCommentFilterNewest,m=e.onCommentFilterMostRecommended,s=e.onCommentFilterOldest,l=e.onCommentReplyClick,u=e.onCommentShareLink,d=e.onCommentShareTwitter,p=e.onCommentShareEmail,f=e.onCommentShareFacebook,b=e.onCommentRecommend,C=e.onCommentNotificationClicked,y=e.onCommentUsernameClicked,v=e.onCommentSettingsClicked,h=e.domainSpecificUrl;if(!this.container||!t||!o)return;document.addEventListener("spot-im-current-user-typing-start",i),document.addEventListener("spot-im-current-user-sent-message",r),document.addEventListener("spot-im-notification-drop-down-link",a),document.addEventListener("spot-im-user-up-vote-click",b),document.addEventListener("spot-im-sort-by-select",e=>(e=>{switch(e.detail.sortedBy){case"best":return m(e);case"oldest":return s(e);case"newest":return c(e);default:return null}})(e)),document.addEventListener("spot-im-user-clicked-reply",l),document.addEventListener("spot-im-clicked-settings",v),document.addEventListener("spot-im-user-notifications-click",C),document.addEventListener("spot-im-open-user-profile",y),document.addEventListener("spot-im-share-type",e=>(e=>{switch(e.detail.type){case"link":return u(e);case"email":return p(e);case"twitter":return d(e);case"facebook":return f(e);default:return null}})(e)),n||(window.SPOTIM&&window.SPOTIM.startSSO?g():document.addEventListener("spot-im-api-ready",()=>{g()})),document.addEventListener("spot-im-renew-sso",()=>{g()});const w=document.createElement("script");w.setAttribute("async","async"),w.setAttribute("src","https://launcher.spot.im/spot/".concat(o.account)),w.setAttribute("data-spotim-module","spotim-launcher"),w.setAttribute("data-post-id",t),w.setAttribute("data-post-url","".concat(h,"/article/").concat(t)),w.setAttribute("data-seo-enabled",!0),w.setAttribute("data-livefyre-url",t),this.container.appendChild(w)}disposeComments(){this.container&&(this.container.innerHTML="")}render(){const e=this.props,t=e.onCommentStart,n=e.onCommentPost,o=e.onCommentNotification,r=e.onCommentFilterNewest,a=e.onCommentFilterMostRecommended,c=e.onCommentFilterOldest,m=e.onCommentReplyClick,s=e.onCommentShareLink,u=e.onCommentShareTwitter,d=e.onCommentShareEmail,p=e.onCommentShareFacebook,f=e.onCommentRecommend,g=e.onCommentNotificationClicked,b=e.onCommentUsernameClicked,C=e.onCommentSettingsClicked;return i.a.createElement(l,{id:"comments-container",onCommentStart:t,onCommentPost:n,onCommentNotification:o,onCommentReplyClick:m,onCommentFilterNewest:r,onCommentFilterMostRecommended:a,onCommentFilterOldest:c,onCommentShareLink:s,onCommentShareTwitter:u,onCommentShareEmail:d,onCommentShareFacebook:p,onCommentRecommend:f,onCommentNotificationClicked:g,onCommentUsernameClicked:b,onCommentSettingsClicked:C},i.a.createElement("div",{ref:e=>{this.container=e}}))}}C.defaultProps={onCommentStart:()=>{},onCommentPost:()=>{},onCommentNotification:()=>{},onCommentReplyClick:()=>{},onCommentFilterNewest:()=>{},onCommentFilterMostRecommended:()=>{},onCommentFilterOldest:()=>{},onCommentShareLink:()=>{},onCommentShareTwitter:()=>{},onCommentShareEmail:()=>{},onCommentShareFacebook:()=>{},onCommentRecommend:()=>{},onCommentNotificationClicked:()=>{},onCommentUsernameClicked:()=>{},onCommentSettingsClicked:()=>{}};var y,v=(y=C,Object(b.withTrackEvents)(y,{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(7);function h(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 w(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?h(Object(n),!0).forEach((function(t){k(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):h(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function k(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var O={button:{marginBottom:Object(s.spacing)(0),marginTop:Object(s.spacing)(5),maxWidth:215},container:{alignItems:"center",borderStyle:"solid",borderTopColor:s.colours.functional.keyline,borderTopWidth:1,marginBottom:Object(s.spacing)(10),width:"100%"},headline:w(w({color:s.colours.functional.primary},Object(s.fontFactory)({font:"headline",fontSize:"commentsHeadline"})),{},{maxWidth:315,paddingBottom:Object(s.spacing)(2),paddingTop:Object(s.spacing)(6),textAlign:"center"}),link:{color:s.colours.functional.action},supporting:w(w({},Object(s.fontFactory)({font:"supporting",fontSize:"tertiary"})),{},{color:s.colours.functional.secondary,maxWidth:280,textAlign:"center"})};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 N(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}N(N({},O),{},{link:N(N({},O.link),{},{fontFamily:s.fontsWithFallback.supporting,fontSize:s.fontSizes.commentsGuidelines})});var E=n(5);var P=e=>{let t=e.storefrontConfig;const n=window.nuk&&window.nuk.user&&window.nuk.user.isLightPackUser,o=n?null:t,r=n?()=>document&&document.dispatchEvent(new Event("show::upgrade::modal")):null;return i.a.createElement(E.InlineDialog,{title:"Join the conversation",buttonText:"View offers",href:o,onClick:r},"Commenting is only available to unlimited access subscribers. Upgrade your subscription to have your say.")};const x=e=>{let t=e.userEntitlementsList,n=e.children;const o=t&&t.user&&t.user.subscriptions&&t.user.subscriptions[0]&&t.user.subscriptions[0].featureDecisions||[],i=o&&o.some(e=>"fp-752"===e.code&&e.outcome.toLowerCase().includes("disable"));return void 0===t?null:i&&n};function F(e,t,n,o,i,r,a){try{var c=e[r](a),m=c.value}catch(e){return void n(e)}c.done?t(m):Promise.resolve(m).then(o,i)}function I(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=e&&("undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"]);if(null==n)return;var o,i,r=[],a=!0,c=!1;try{for(n=n.call(e);!(a=(o=n.next()).done)&&(r.push(o.value),!t||r.length!==t);a=!0);}catch(e){c=!0,i=e}finally{try{a||null==n.return||n.return()}finally{if(c)throw i}}return r}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return L(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return L(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function L(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,o=new Array(t);n<t;n++)o[n]=e[n];return o}const T=e=>{let t=e.articleId,n=(e.isEnabled,e.isReadOnly),r=e.commentingConfig,c=(e.isCommentEnabled,e.storefrontConfig),m=e.domainSpecificUrl;const s=I(Object(o.useState)(void 0),2),l=s[0],u=s[1];let d=!1;return void 0!==typeof window&&console.log("query testing...",window.location.search.includes("entitlementFeatureEnable")),Object(o.useEffect)(()=>{const e=function(){var e,t=(e=function*(){const e=yield fetch("/api/get-user-entitlements"),t=yield e.json();u(t)},function(){var t=this,n=arguments;return new Promise((function(o,i){var r=e.apply(t,n);function a(e){F(r,o,i,a,c,"next",e)}function c(e){F(r,o,i,a,c,"throw",e)}a(void 0)}))});return function(){return t.apply(this,arguments)}}();void 0!==typeof window&&(d=window.sessionStorage.getItem("entitlementFeatureEnable"),console.log("window object acessible............"),e())},[]),i.a.createElement(i.a.Fragment,null,i.a.createElement(a.a,{state:a.a.showJoinTheConversationDialog},i.a.createElement(P,{storefrontConfig:c})),d?i.a.createElement(x,{userEntitlementsList:l},i.a.createElement("p",null,"inside UserEntitlements"),i.a.createElement(v,{articleId:t,isReadOnly:n,commentingConfig:r,domainSpecificUrl:m})):i.a.createElement(a.a,{state:a.a.showCommentingModule},i.a.createElement("p",null,"inside UserState provider"),i.a.createElement(v,{articleId:t,isReadOnly:n,commentingConfig:r,domainSpecificUrl:m})))};T.defaultProps={isReadOnly:!1,isCommentEnabled:!0};t.default=T}]);
+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("prop-types")},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/tracking/rnw")},function(e,t){e.exports=require("@times-components/link/rnw")},function(e,t){e.exports=require("@times-components/ts-components/rnw")},function(e,t,n){"use strict";n.r(t);var o=n(1),i=n.n(o),r=n(2),a=n.n(r),c=n(3),m=n.n(c),s=n(4),l=n.n(s),u=n(0);const d=l.a.div.withConfig({displayName:"responsive__CommentContainer",componentId:"sc-2j1dkf-0"})(["margin-left:auto;margin-right:auto;@media (min-width:","px){width:80.8%;}@media (min-width:","px){width:56.2%;}"],u.breakpoints.medium,u.breakpoints.wide),p=(l.a.p.withConfig({displayName:"responsive__CommentEnabledGuidelines",componentId:"sc-2j1dkf-1"})(["color:",";font-family:",";font-size:","px;margin:0 0 "," 0;padding-left:7px;padding-top:",";"],u.colours.functional.secondary,u.fontsWithFallback.supporting,u.fontSizes.commentsGuidelines,Object(u.spacing)(-2),Object(u.spacing)(6)),l.a.p.withConfig({displayName:"responsive__CommentDisabledGuidelines",componentId:"sc-2j1dkf-2"})(["color:",";font-family:",";font-size:","px;margin:0;padding-bottom:",";padding-top:",";text-align:center;"],u.colours.functional.secondary,u.fontsWithFallback.supporting,u.fontSizes.commentsGuidelines,Object(u.spacing)(6),Object(u.spacing)(1))),f=l.a.p.withConfig({displayName:"responsive__CommentDisabledHeadline",componentId:"sc-2j1dkf-3"})(["color:",";font-family:",";font-size:","px;margin:0;padding-bottom:",";padding-top:",";text-align:center;"],u.colours.functional.primary,u.fontsWithFallback.headline,u.fontSizes.commentsHeadline,Object(u.spacing)(1),Object(u.spacing)(6));function g(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=e&&("undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"]);if(null==n)return;var o,i,r=[],a=!0,c=!1;try{for(n=n.call(e);!(a=(o=n.next()).done)&&(r.push(o.value),!t||r.length!==t);a=!0);}catch(e){c=!0,i=e}finally{try{a||null==n.return||n.return()}finally{if(c)throw i}}return r}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return b(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return b(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function b(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,o=new Array(t);n<t;n++)o[n]=e[n];return o}var C=e=>e?(e=>e.split("&").reduce((e,t)=>{const n=g(t.split("="),2),o=n[0],i=n[1];return e[o]=i,e},{}))(e).eid:void 0;const y=(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 v=()=>{if(window.SPOTIM&&window.SPOTIM.startSSO){const e=window&&window.nuk&&window.nuk.getCookieValue&&window.nuk.getCookieValue("acs_tnl"),t="".concat(C(e),"_v2");window.SPOTIM.startSSO({callback:y,userId:t})}},h=n(5);class w extends o.Component{constructor(){super(),this.container=null}componentDidMount(){this.initialiseComments()}componentWillUnmount(){this.disposeComments()}initialiseComments(){const e=this.props,t=e.articleId,n=e.isReadOnly,o=e.commentingConfig,i=e.onCommentStart,r=e.onCommentPost,a=e.onCommentNotification,c=e.onCommentFilterNewest,m=e.onCommentFilterMostRecommended,s=e.onCommentFilterOldest,l=e.onCommentReplyClick,u=e.onCommentShareLink,d=e.onCommentShareTwitter,p=e.onCommentShareEmail,f=e.onCommentShareFacebook,g=e.onCommentRecommend,b=e.onCommentNotificationClicked,C=e.onCommentUsernameClicked,y=e.onCommentSettingsClicked,h=e.domainSpecificUrl;if(!this.container||!t||!o)return;document.addEventListener("spot-im-current-user-typing-start",i),document.addEventListener("spot-im-current-user-sent-message",r),document.addEventListener("spot-im-notification-drop-down-link",a),document.addEventListener("spot-im-user-up-vote-click",g),document.addEventListener("spot-im-sort-by-select",e=>(e=>{switch(e.detail.sortedBy){case"best":return m(e);case"oldest":return s(e);case"newest":return c(e);default:return null}})(e)),document.addEventListener("spot-im-user-clicked-reply",l),document.addEventListener("spot-im-clicked-settings",y),document.addEventListener("spot-im-user-notifications-click",b),document.addEventListener("spot-im-open-user-profile",C),document.addEventListener("spot-im-share-type",e=>(e=>{switch(e.detail.type){case"link":return u(e);case"email":return p(e);case"twitter":return d(e);case"facebook":return f(e);default:return null}})(e)),n||(window.SPOTIM&&window.SPOTIM.startSSO?v():document.addEventListener("spot-im-api-ready",()=>{v()})),document.addEventListener("spot-im-renew-sso",()=>{v()});const w=document.createElement("script");w.setAttribute("async","async"),w.setAttribute("src","https://launcher.spot.im/spot/".concat(o.account)),w.setAttribute("data-spotim-module","spotim-launcher"),w.setAttribute("data-post-id",t),w.setAttribute("data-post-url","".concat(h,"/article/").concat(t)),w.setAttribute("data-seo-enabled",!0),w.setAttribute("data-livefyre-url",t),this.container.appendChild(w)}disposeComments(){this.container&&(this.container.innerHTML="")}render(){const e=this.props,t=e.onCommentStart,n=e.onCommentPost,o=e.onCommentNotification,r=e.onCommentFilterNewest,a=e.onCommentFilterMostRecommended,c=e.onCommentFilterOldest,m=e.onCommentReplyClick,s=e.onCommentShareLink,l=e.onCommentShareTwitter,u=e.onCommentShareEmail,p=e.onCommentShareFacebook,f=e.onCommentRecommend,g=e.onCommentNotificationClicked,b=e.onCommentUsernameClicked,C=e.onCommentSettingsClicked;return i.a.createElement(d,{id:"comments-container",onCommentStart:t,onCommentPost:n,onCommentNotification:o,onCommentReplyClick:m,onCommentFilterNewest:r,onCommentFilterMostRecommended:a,onCommentFilterOldest:c,onCommentShareLink:s,onCommentShareTwitter:l,onCommentShareEmail:u,onCommentShareFacebook:p,onCommentRecommend:f,onCommentNotificationClicked:g,onCommentUsernameClicked:b,onCommentSettingsClicked:C},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(h.withTrackEvents)(k,{analyticsEvents:[{actionName:"navigation",eventName:"onCommentStart",trackingName:"spot im : comment : start"},{actionName:"navigation",eventName:"onCommentPost",trackingName:"spot im : comment : complete"},{actionName:"navigation",eventName:"onCommentNotification",trackingName:"spot im : notification"},{actionName:"navigation",eventName:"onCommentFilterNewest",trackingName:"spot im : sort : newest"},{actionName:"navigation",eventName:"onCommentFilterMostRecommended",trackingName:"spot im : sort : best"},{actionName:"navigation",eventName:"onCommentFilterOldest",trackingName:"spot im : sort : oldest"},{actionName:"navigation",eventName:"onCommentReplyClick",trackingName:"spot im : reply"},{actionName:"navigation",eventName:"onCommentSettingsClicked",trackingName:"spot im : settings button clicked"},{actionName:"navigation",eventName:"onCommentShareLink",trackingName:"spot im : comment : share : copy link"},{actionName:"navigation",eventName:"onCommentShareEmail",trackingName:"spot im : comment : share : email"},{actionName:"navigation",eventName:"onCommentShareTwitter",trackingName:"spot im : comment : share : twitter"},{actionName:"navigation",eventName:"onCommentShareFacebook",trackingName:"spot im : comment : share : facebook"},{actionName:"navigation",eventName:"onCommentRecommend",trackingName:"spot im : vote up"},{actionName:"navigation",eventName:"onCommentUsernameClicked",trackingName:"spot im : username clicked"},{actionName:"navigation",eventName:"onCommentNotificationClicked",trackingName:"spot im : notification clicked"}]})),S=n(6);function N(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function j(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?N(Object(n),!0).forEach((function(t){E(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):N(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function E(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var P={button:{marginBottom:Object(u.spacing)(0),marginTop:Object(u.spacing)(5),maxWidth:215},container:{alignItems:"center",borderStyle:"solid",borderTopColor:u.colours.functional.keyline,borderTopWidth:1,marginBottom:Object(u.spacing)(10),width:"100%"},headline:j(j({color:u.colours.functional.primary},Object(u.fontFactory)({font:"headline",fontSize:"commentsHeadline"})),{},{maxWidth:315,paddingBottom:Object(u.spacing)(2),paddingTop:Object(u.spacing)(6),textAlign:"center"}),link:{color:u.colours.functional.action},supporting:j(j({},Object(u.fontFactory)({font:"supporting",fontSize:"tertiary"})),{},{color:u.colours.functional.secondary,maxWidth:280,textAlign:"center"})};function x(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 R(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?x(Object(n),!0).forEach((function(t){F(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):x(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function F(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var T=R(R({},P),{},{link:R(R({},P.link),{},{fontFamily:u.fontsWithFallback.supporting,fontSize:u.fontSizes.commentsGuidelines})});var I=()=>i.a.createElement(d,null,i.a.createElement(f,null,"Comments for this article have been turned off"),i.a.createElement(p,null,"Comments are subject to our community guidelines, which can be viewed"," ",i.a.createElement(S.TextLink,{style:T.link,url:"/article/f4024fbe-d989-11e6-9063-500e6740fc32"},"here"),".")),L=n(7);var A=e=>{let t=e.storefrontConfig;const n=window.nuk&&window.nuk.user&&window.nuk.user.isLightPackUser,o=n?null:t,r=n?()=>document&&document.dispatchEvent(new Event("show::upgrade::modal")):null;return i.a.createElement(L.InlineDialog,{title:"Join the conversation",buttonText:"View offers",href:o,onClick:r},"Commenting is only available to unlimited access subscribers. Upgrade your subscription to have your say.")};const M=e=>{let t=e.userEntitlementData,n=e.children;const o=t&&t.user&&t.user.subscriptions&&t.user.subscriptions[0]&&t.user.subscriptions[0].featureDecisions||[],i=o&&o.some(e=>"fp-752"===e.code&&e.outcome.toLowerCase().includes("enable"));return void 0!==t&&i?n:null},q=a.a.shape({code:a.a.string.isRequired,name:a.a.string.isRequired,outcome:a.a.string.isRequired}),D=a.a.shape({id:a.a.string.isRequired,featureDecisions:a.a.arrayOf(q).isRequired}),_=a.a.shape({cpn:a.a.string.isRequired,subscriptions:a.a.arrayOf(D).isRequired});M.PropTypes=a.a.shape({user:_.isRequired});var U=M;function z(e,t,n,o,i,r,a){try{var c=e[r](a),m=c.value}catch(e){return void n(e)}c.done?t(m):Promise.resolve(m).then(o,i)}function W(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=e&&("undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"]);if(null==n)return;var o,i,r=[],a=!0,c=!1;try{for(n=n.call(e);!(a=(o=n.next()).done)&&(r.push(o.value),!t||r.length!==t);a=!0);}catch(e){c=!0,i=e}finally{try{a||null==n.return||n.return()}finally{if(c)throw i}}return r}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return G(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return G(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function G(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,o=new Array(t);n<t;n++)o[n]=e[n];return o}const B=e=>{let t=e.articleId,n=e.isEnabled,r=e.isReadOnly,a=e.commentingConfig,c=e.isCommentEnabled,s=e.storefrontConfig,l=e.domainSpecificUrl,u=e.isEntitlementFeatureEnabled;const d=W(Object(o.useState)(void 0),2),p=d[0],f=d[1];return Object(o.useEffect)(()=>{"undefined"!=typeof window&&function(){var e,t=(e=function*(){const e=yield fetch("/api/get-user-entitlements"),t=yield e.json();f(t)},function(){var t=this,n=arguments;return new Promise((function(o,i){var r=e.apply(t,n);function a(e){z(r,o,i,a,c,"next",e)}function c(e){z(r,o,i,a,c,"throw",e)}a(void 0)}))});return function(){return t.apply(this,arguments)}}()()},[]),n&&c?i.a.createElement(i.a.Fragment,null,i.a.createElement(m.a,{state:m.a.showJoinTheConversationDialog},i.a.createElement(A,{storefrontConfig:s})),u?i.a.createElement(U,{userEntitlementData:p},i.a.createElement(O,{articleId:t,isReadOnly:r,commentingConfig:a,domainSpecificUrl:l})):i.a.createElement(m.a,{state:m.a.showCommentingModule},i.a.createElement(O,{articleId:t,isReadOnly:r,commentingConfig:a,domainSpecificUrl:l}))):i.a.createElement(I,null)};B.defaultProps={isReadOnly:!1,isCommentEnabled:!0};t.default=B}]);

package/dist/user-entitlement-provider.js

@@ -1,28 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _tsComponents = require("@times-components/ts-components");
-
-var _userEntitlements = require("./user-entitlements");
-
-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; }
-
-const UserEntitlementProvider = _ref => {
-  let children = _ref.children;
-  console.log("children inside UserEntitlementProvider", children);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null) // <FetchProvider url="/api/get-user-entitlements">
-  // <UserEntitlements>{children}</UserEntitlements>
-  // </FetchProvider>
-  ;
-};
-
-var _default = UserEntitlementProvider;
-exports.default = _default;

package/dist/user-entitlements.js

@@ -1,60 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.UserEntitlements = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-// import { useFetch } from '@times-components/ts-components';
-// interface FeatureDecision {
-//   code: string;
-//   name: string;
-//   outcome: string;
-// }
-// interface Subscription {
-//   id: string;
-//   featureDecisions: FeatureDecision[];
-// }
-// interface User {
-//   cpn: string;
-//   subscriptions: Subscription[];
-// }
-// interface Data {
-//   user: User;
-// }
-// interface FetchResponse {
-//   data: Data;
-// }
-// export interface UserEntitlementProps {
-//   loading?: boolean;
-//   error?: string;
-//   data: FetchResponse;
-// }
-const UserEntitlements = _ref => {
-  let userEntitlementsList = _ref.userEntitlementsList,
-      children = _ref.children;
-  // const { data, loading } = useFetch();
-  // console.log("fetchResponse", userEntitlementsList);
-  // const subscriptions = data?.data?.user?.subscriptions || []
-  const featureDecisions = userEntitlementsList && userEntitlementsList.user && userEntitlementsList.user.subscriptions && userEntitlementsList.user.subscriptions[0] && userEntitlementsList.user.subscriptions[0].featureDecisions || []; // const {
-  //   data: { user }
-  // } = fetchResponse || {};
-  // const { subscriptions } = user || [];
-  // console.log('featureDecisions', featureDecisions);
-
-  const isCommentingEntitlementEnabled = featureDecisions && featureDecisions.some(decision => {
-    return decision.code === "fp-752" && decision.outcome.toLowerCase().includes("disable");
-  });
-
-  if (userEntitlementsList === undefined) {
-    return null;
-  }
-
-  return isCommentingEntitlementEnabled && children;
-};
-
-exports.UserEntitlements = UserEntitlements;