@times-components/save-and-share-bar 0.13.3 → 0.13.5

package/CHANGELOG.md

@@ -3,6 +3,25 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.13.5](https://github.com/newsuk/times-components/compare/@times-components/save-and-share-bar@0.13.4...@times-components/save-and-share-bar@0.13.5) (2022-10-19)
+
+**Note:** Version bump only for package @times-components/save-and-share-bar
+
+
+
+
+
+## [0.13.4](https://github.com/newsuk/times-components/compare/@times-components/save-and-share-bar@0.13.3...@times-components/save-and-share-bar@0.13.4) (2022-10-18)
+
+
+### Bug Fixes
+
+* **TDP-2612:** UserState refactor ([#3167](https://github.com/newsuk/times-components/issues/3167)) ([acb908b](https://github.com/newsuk/times-components/commit/acb908ba9827284f9d91b02c1246f4578716c559))
+
+
+
+
+
 ## [0.13.3](https://github.com/newsuk/times-components/compare/@times-components/save-and-share-bar@0.13.2...@times-components/save-and-share-bar@0.13.3) (2022-10-14)
 
 **Note:** Version bump only for package @times-components/save-and-share-bar

package/dist/save-and-share-bar.js

@@ -73,7 +73,7 @@ class SaveAndShareBar extends _react.Component {
     }, "Share"), /*#__PURE__*/_react.default.createElement(_context.SectionContext.Consumer, null, _ref => {
       let publicationName = _ref.publicationName;
       return /*#__PURE__*/_react.default.createElement(_userState.default, {
-        state: _userState.default.subscriber,
+        state: _userState.default.showTokenisedEmailShare,
         fallback: /*#__PURE__*/_react.default.createElement(_emailShare.default, _extends({}, this.props, {
           shouldTokenise: false,
           publicationName: publicationName
@@ -111,7 +111,7 @@ class SaveAndShareBar extends _react.Component {
       height: _styles.default.svgIcon.height,
       title: "Copy link to clipboard"
     }))), savingEnabled ? /*#__PURE__*/_react.default.createElement(_userState.default, {
-      state: _userState.default.loggedIn,
+      state: _userState.default.showArticleSaveButton,
       serverRender: false
     }, /*#__PURE__*/_react.default.createElement(_utils.TcView, {
       style: _styles.default.rowItemRight,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@times-components/save-and-share-bar",
-  "version": "0.13.3",
+  "version": "0.13.5",
   "description": "Save and Share bar",
   "main": "dist/save-and-share-bar",
   "dev": "src/save-and-share-bar",
@@ -32,25 +32,25 @@
   "homepage": "https://github.com/newsuk/times-components#readme",
   "dependencies": {
     "@storybook/addon-knobs": "5.3.18",
-    "@times-components/context": "1.10.1",
-    "@times-components/icons": "2.19.2",
-    "@times-components/link": "3.11.2",
-    "@times-components/message-bar": "0.7.2",
+    "@times-components/context": "1.10.2",
+    "@times-components/icons": "2.19.3",
+    "@times-components/link": "3.11.3",
+    "@times-components/message-bar": "0.7.3",
     "@times-components/provider-queries": "2.18.0",
-    "@times-components/save-star-web": "0.9.3",
-    "@times-components/tracking": "2.12.3",
-    "@times-components/ts-styleguide": "1.37.2",
-    "@times-components/user-state": "0.4.2",
-    "@times-components/utils": "6.15.1",
+    "@times-components/save-star-web": "0.9.5",
+    "@times-components/tracking": "2.13.0",
+    "@times-components/ts-styleguide": "1.37.3",
+    "@times-components/user-state": "0.4.3",
+    "@times-components/utils": "6.15.2",
     "prop-types": "15.7.2"
   },
   "devDependencies": {
     "@babel/core": "7.4.4",
     "@times-components/eslint-config-thetimes": "0.8.18",
     "@times-components/jest-configurator-web": "0.8.0",
-    "@times-components/jest-serializer": "3.4.1",
+    "@times-components/jest-serializer": "3.4.2",
     "@times-components/provider-test-tools": "1.27.0",
-    "@times-components/storybook": "4.5.2",
+    "@times-components/storybook": "4.5.3",
     "@times-components/webpack-configurator": "2.1.0",
     "babel-jest": "24.8.0",
     "eslint": "5.9.0",
@@ -72,5 +72,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "1da4d8169d316fe83739814ab4ba16ce195709c9"
+  "gitHead": "6bd3787a6f3a06b7dcecca9ffe88d8114660297f"
 }

package/rnw.js

@@ -1 +1 @@
-module.exports=function(e){var t={};function r(n){if(t[n])return t[n].exports;var o=t[n]={i:n,l:!1,exports:{}};return e[n].call(o.exports,o,o.exports,r),o.l=!0,o.exports}return r.m=e,r.c=t,r.d=function(e,t,n){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)r.d(n,o,function(t){return e[t]}.bind(null,o));return n},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="",r(r.s=11)}([function(e,t){e.exports=require("react")},function(e,t){e.exports=require("@times-components/ts-styleguide/rnw")},function(e,t){e.exports=require("@times-components/utils/rnw")},function(e,t){e.exports=require("@times-components/icons/rnw")},function(e,t){e.exports=require("@times-components/user-state/rnw")},function(e,t){e.exports=require("prop-types")},function(e,t){e.exports=require("@times-components/save-star-web/rnw")},function(e,t){e.exports=require("@times-components/context/rnw")},function(e,t){e.exports=require("@times-components/provider-queries/rnw")},function(e,t){e.exports=require("@times-components/tracking/rnw")},function(e,t){e.exports=require("@times-components/link/rnw")},function(e,t,r){"use strict";r.r(t);var n=r(0),o=r.n(n),a=(r(5),r(2)),i=r(3),c=r(6),l=r.n(c),s=r(4),u=r.n(s),d=r(7),h=r(8);const p=Object(a.makeClient)();var f=e=>p.query({query:h.getTokenisedArticleUrl,variables:{id:e}}),m=r(9),g="https://www.facebook.com/sharer/sharer.php",b="https://twitter.com/intent/tweet",v=r(1);function y(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function w(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?y(Object(r),!0).forEach((function(t){O(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):y(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function O(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var I={container:{flex:1,flexDirection:"row",justifyContent:"space-between",paddingTop:Object(v.spacing)(2),paddingBottom:Object(v.spacing)(2),height:"100%",alignItems:"center"},activityLoader:{borderRadius:9999,height:40,overflow:"hidden",width:40},label:w(w({},Object(v.fontFactory)({font:"supporting",fontSize:"meta"})),{},{color:v.colours.functional.secondary,marginRight:Object(v.spacing)(2),transform:"translateY(9%)"}),link:{base:"\n      margin-left: ".concat(Object(v.spacing)(1),";\n      cursor: pointer;\n      border-radius: ").concat(40,"px;\n\n      &, > * {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        height: ").concat(40,"px;\n        width: ").concat(40,"px;\n      }\n\n      &:hover {\n        background-color: ").concat(v.colours.functional.whiteGrey,";\n      }\n      &:active {\n        background-color: ").concat(v.colours.functional.keyline,";\n      }\n    ")},rowItem:{alignItems:"center",flexDirection:"row",height:40},rowItemRight:{alignItems:"center",flexDirection:"row",height:40,marginLeft:"auto"},svgIcon:{fb:{height:18},star:{height:18},fillColour:v.colours.functional.secondary,height:16,hoverFillColour:v.colours.functional.brandColour,save:{fillColour:v.colours.functional.white,strokeColour:v.colours.functional.secondary}}},k=r(10),S=r.n(k);function T(){return(T=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(this,arguments)}function C(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}var j=e=>{let t=e.children,r=e.colour,n=void 0===r?I.svgIcon.fillColour:r,i=e.dataTestId,c=e.hoverColour,l=void 0===c?I.svgIcon.hoverFillColour:c,s=e.onPress,u=void 0===s?()=>{}:s,d=C(e,["children","colour","dataTestId","hoverColour","onPress"]);return o.a.createElement(a.TcView,{"data-testid":i},o.a.createElement(S.a,T({onPress:u,responsiveLinkStyles:I.link},d),o.a.createElement(a.HoverIcon,{colour:n,hoverColour:l},t)))};class E extends n.Component{constructor(e){super(e),this.state={isLoading:!1},this.onShare=this.onShare.bind(this)}onShare(e){const t=this.props,r=t.articleId,n=t.getTokenisedShareUrl,o=t.shouldTokenise,a=t.articleUrl,i=t.onShareEmail,c=t.articleHeadline;if(e.preventDefault(),i({articleId:r,articleUrl:a,articleHeadline:c}),o)this.setState({isLoading:!0}),n(r).then(e=>{const t=e.data;t&&t.article&&(this.setState({isLoading:!1}),this.openMailClient(t.article.tokenisedUrl))}).catch(e=>{this.setState({isLoading:!1}),console.error("Error in connecting to api",e)});else{const e=window.location.search.match(/[?&]shareToken=([^&]+)/);this.openMailClient(e?"".concat(a,"?shareToken=").concat(e[1]):a)}}openMailClient(e){const t=this.props,r=t.articleHeadline,n="TIMES"!==t.publicationName?"The Sunday Times":"The Times",o="mailto:?subject=".concat(r," from ").concat(n,"&body=I thought you would be interested in this story from ").concat(n,"%0A%0A").concat(r,"%0A%0A").concat(e);window.location.assign(o)}render(){const e=this.state.isLoading;return o.a.createElement(j,{onPress:this.onShare,dataTestId:"email-share",url:""},e?o.a.createElement(i.IconActivityIndicator,{size:"small",style:I.activityLoader}):o.a.createElement(i.IconEmail,{fillColour:"currentColor",height:I.svgIcon.height,title:"Share by email"}))}}E.defaultProps={publicationName:"TIMES"};var x=E;function P(){return(P=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(this,arguments)}class N extends n.Component{constructor(e){super(e),this.copyToClipboard=this.copyToClipboard.bind(this)}copyToClipboard(e){const t=this.props,r=t.onCopyLink,n=t.articleUrl;e.preventDefault(),navigator.clipboard.writeText(n),r()}render(){const e=this.props,t=e.articleId,r=e.articleUrl,n=e.savingEnabled,c=e.sharingEnabled,s=e.onShareOnFB,h=e.onShareOnTwitter;return o.a.createElement(a.TcView,{style:I.container,"data-testid":"save-and-share-bar"},c&&o.a.createElement(a.TcView,{style:I.rowItem},o.a.createElement(a.TcText,{style:Object(a.checkStylesForUnits)(I.label)},"Share"),o.a.createElement(d.SectionContext.Consumer,null,e=>{let t=e.publicationName;return o.a.createElement(u.a,{state:u.a.subscriber,fallback:o.a.createElement(x,P({},this.props,{shouldTokenise:!1,publicationName:t}))},o.a.createElement(x,P({},this.props,{shouldTokenise:!0,publicationName:t})))}),o.a.createElement(j,{onPress:h,target:"_blank",dataTestId:"share-twitter",url:"".concat(b,"?text=").concat(r)},o.a.createElement(i.IconTwitter,{fillColour:"currentColor",height:I.svgIcon.height,title:"Share on Twitter"})),o.a.createElement(j,{onPress:s,target:"_blank",dataTestId:"share-facebook",url:"".concat(g,"?u=").concat(r)},o.a.createElement(i.IconFacebook,{fillColour:"currentColor",height:I.svgIcon.fb.height,title:"Share on Facebook"})),o.a.createElement(j,{color:I.svgIcon.save.strokeColour,hoverColor:I.svgIcon.hoverFillColour,onPress:this.copyToClipboard,dataTestId:"copy-to-clickboard",url:""},o.a.createElement(i.IconCopyLink,{fillColour:"currentColor",height:I.svgIcon.height,title:"Copy link to clipboard"}))),n?o.a.createElement(u.a,{state:u.a.loggedIn,serverRender:!1},o.a.createElement(a.TcView,{style:I.rowItemRight,"data-testid":"save-star"},o.a.createElement(l.a,{colour:I.svgIcon.save.strokeColour,hoverColor:I.svgIcon.hoverFillColour,articleId:t,height:I.svgIcon.star.height}))):null)}}N.defaultProps={onShareOnFB:()=>{},onShareOnTwitter:()=>{},onShareEmail:()=>{},getTokenisedShareUrl:f};var A;t.default=(A=N,Object(m.withTrackEvents)(A,{analyticsEvents:[{actionName:"Pressed",eventName:"onSaveToMyArticles",getAttrs:e=>({articleId:e.articleId,articleHeadline:e.articleHeadline}),trackingName:"ArticleSaveToMyArticles"},{actionName:"Pressed",eventName:"onShareEmail",getAttrs:e=>({articleId:e.articleId,articleHeadline:e.articleHeadline}),trackingName:"ArticleShareUrlByEmail"},{actionName:"Pressed",eventName:"onCopyLink",getAttrs:e=>({articleId:e.articleId,articleHeadline:e.articleHeadline}),trackingName:"ArticleCopyLink"},{actionName:"Pressed",eventName:"onShareOnFB",getAttrs:e=>({articleId:e.articleId,articleHeadline:e.articleHeadline}),trackingName:"ArticleShareOnFacebook"},{actionName:"Pressed",eventName:"onShareOnTwitter",getAttrs:e=>({articleId:e.articleId,articleHeadline:e.articleHeadline}),trackingName:"ArticleShareOnTwitter"}]}))}]);
+module.exports=function(e){var t={};function r(n){if(t[n])return t[n].exports;var o=t[n]={i:n,l:!1,exports:{}};return e[n].call(o.exports,o,o.exports,r),o.l=!0,o.exports}return r.m=e,r.c=t,r.d=function(e,t,n){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)r.d(n,o,function(t){return e[t]}.bind(null,o));return n},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="",r(r.s=11)}([function(e,t){e.exports=require("react")},function(e,t){e.exports=require("@times-components/ts-styleguide/rnw")},function(e,t){e.exports=require("@times-components/utils/rnw")},function(e,t){e.exports=require("@times-components/icons/rnw")},function(e,t){e.exports=require("@times-components/user-state/rnw")},function(e,t){e.exports=require("prop-types")},function(e,t){e.exports=require("@times-components/save-star-web/rnw")},function(e,t){e.exports=require("@times-components/context/rnw")},function(e,t){e.exports=require("@times-components/provider-queries/rnw")},function(e,t){e.exports=require("@times-components/tracking/rnw")},function(e,t){e.exports=require("@times-components/link/rnw")},function(e,t,r){"use strict";r.r(t);var n=r(0),o=r.n(n),a=(r(5),r(2)),i=r(3),c=r(6),l=r.n(c),s=r(4),u=r.n(s),d=r(7),h=r(8);const p=Object(a.makeClient)();var f=e=>p.query({query:h.getTokenisedArticleUrl,variables:{id:e}}),m=r(9),g="https://www.facebook.com/sharer/sharer.php",b="https://twitter.com/intent/tweet",v=r(1);function y(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function w(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?y(Object(r),!0).forEach((function(t){O(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):y(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function O(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var I={container:{flex:1,flexDirection:"row",justifyContent:"space-between",paddingTop:Object(v.spacing)(2),paddingBottom:Object(v.spacing)(2),height:"100%",alignItems:"center"},activityLoader:{borderRadius:9999,height:40,overflow:"hidden",width:40},label:w(w({},Object(v.fontFactory)({font:"supporting",fontSize:"meta"})),{},{color:v.colours.functional.secondary,marginRight:Object(v.spacing)(2),transform:"translateY(9%)"}),link:{base:"\n      margin-left: ".concat(Object(v.spacing)(1),";\n      cursor: pointer;\n      border-radius: ").concat(40,"px;\n\n      &, > * {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        height: ").concat(40,"px;\n        width: ").concat(40,"px;\n      }\n\n      &:hover {\n        background-color: ").concat(v.colours.functional.whiteGrey,";\n      }\n      &:active {\n        background-color: ").concat(v.colours.functional.keyline,";\n      }\n    ")},rowItem:{alignItems:"center",flexDirection:"row",height:40},rowItemRight:{alignItems:"center",flexDirection:"row",height:40,marginLeft:"auto"},svgIcon:{fb:{height:18},star:{height:18},fillColour:v.colours.functional.secondary,height:16,hoverFillColour:v.colours.functional.brandColour,save:{fillColour:v.colours.functional.white,strokeColour:v.colours.functional.secondary}}},k=r(10),S=r.n(k);function T(){return(T=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(this,arguments)}function C(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}var j=e=>{let t=e.children,r=e.colour,n=void 0===r?I.svgIcon.fillColour:r,i=e.dataTestId,c=e.hoverColour,l=void 0===c?I.svgIcon.hoverFillColour:c,s=e.onPress,u=void 0===s?()=>{}:s,d=C(e,["children","colour","dataTestId","hoverColour","onPress"]);return o.a.createElement(a.TcView,{"data-testid":i},o.a.createElement(S.a,T({onPress:u,responsiveLinkStyles:I.link},d),o.a.createElement(a.HoverIcon,{colour:n,hoverColour:l},t)))};class E extends n.Component{constructor(e){super(e),this.state={isLoading:!1},this.onShare=this.onShare.bind(this)}onShare(e){const t=this.props,r=t.articleId,n=t.getTokenisedShareUrl,o=t.shouldTokenise,a=t.articleUrl,i=t.onShareEmail,c=t.articleHeadline;if(e.preventDefault(),i({articleId:r,articleUrl:a,articleHeadline:c}),o)this.setState({isLoading:!0}),n(r).then(e=>{const t=e.data;t&&t.article&&(this.setState({isLoading:!1}),this.openMailClient(t.article.tokenisedUrl))}).catch(e=>{this.setState({isLoading:!1}),console.error("Error in connecting to api",e)});else{const e=window.location.search.match(/[?&]shareToken=([^&]+)/);this.openMailClient(e?"".concat(a,"?shareToken=").concat(e[1]):a)}}openMailClient(e){const t=this.props,r=t.articleHeadline,n="TIMES"!==t.publicationName?"The Sunday Times":"The Times",o="mailto:?subject=".concat(r," from ").concat(n,"&body=I thought you would be interested in this story from ").concat(n,"%0A%0A").concat(r,"%0A%0A").concat(e);window.location.assign(o)}render(){const e=this.state.isLoading;return o.a.createElement(j,{onPress:this.onShare,dataTestId:"email-share",url:""},e?o.a.createElement(i.IconActivityIndicator,{size:"small",style:I.activityLoader}):o.a.createElement(i.IconEmail,{fillColour:"currentColor",height:I.svgIcon.height,title:"Share by email"}))}}E.defaultProps={publicationName:"TIMES"};var x=E;function P(){return(P=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(this,arguments)}class N extends n.Component{constructor(e){super(e),this.copyToClipboard=this.copyToClipboard.bind(this)}copyToClipboard(e){const t=this.props,r=t.onCopyLink,n=t.articleUrl;e.preventDefault(),navigator.clipboard.writeText(n),r()}render(){const e=this.props,t=e.articleId,r=e.articleUrl,n=e.savingEnabled,c=e.sharingEnabled,s=e.onShareOnFB,h=e.onShareOnTwitter;return o.a.createElement(a.TcView,{style:I.container,"data-testid":"save-and-share-bar"},c&&o.a.createElement(a.TcView,{style:I.rowItem},o.a.createElement(a.TcText,{style:Object(a.checkStylesForUnits)(I.label)},"Share"),o.a.createElement(d.SectionContext.Consumer,null,e=>{let t=e.publicationName;return o.a.createElement(u.a,{state:u.a.showTokenisedEmailShare,fallback:o.a.createElement(x,P({},this.props,{shouldTokenise:!1,publicationName:t}))},o.a.createElement(x,P({},this.props,{shouldTokenise:!0,publicationName:t})))}),o.a.createElement(j,{onPress:h,target:"_blank",dataTestId:"share-twitter",url:"".concat(b,"?text=").concat(r)},o.a.createElement(i.IconTwitter,{fillColour:"currentColor",height:I.svgIcon.height,title:"Share on Twitter"})),o.a.createElement(j,{onPress:s,target:"_blank",dataTestId:"share-facebook",url:"".concat(g,"?u=").concat(r)},o.a.createElement(i.IconFacebook,{fillColour:"currentColor",height:I.svgIcon.fb.height,title:"Share on Facebook"})),o.a.createElement(j,{color:I.svgIcon.save.strokeColour,hoverColor:I.svgIcon.hoverFillColour,onPress:this.copyToClipboard,dataTestId:"copy-to-clickboard",url:""},o.a.createElement(i.IconCopyLink,{fillColour:"currentColor",height:I.svgIcon.height,title:"Copy link to clipboard"}))),n?o.a.createElement(u.a,{state:u.a.showArticleSaveButton,serverRender:!1},o.a.createElement(a.TcView,{style:I.rowItemRight,"data-testid":"save-star"},o.a.createElement(l.a,{colour:I.svgIcon.save.strokeColour,hoverColor:I.svgIcon.hoverFillColour,articleId:t,height:I.svgIcon.star.height}))):null)}}N.defaultProps={onShareOnFB:()=>{},onShareOnTwitter:()=>{},onShareEmail:()=>{},getTokenisedShareUrl:f};var A;t.default=(A=N,Object(m.withTrackEvents)(A,{analyticsEvents:[{actionName:"Pressed",eventName:"onSaveToMyArticles",getAttrs:e=>({articleId:e.articleId,articleHeadline:e.articleHeadline}),trackingName:"ArticleSaveToMyArticles"},{actionName:"Pressed",eventName:"onShareEmail",getAttrs:e=>({articleId:e.articleId,articleHeadline:e.articleHeadline}),trackingName:"ArticleShareUrlByEmail"},{actionName:"Pressed",eventName:"onCopyLink",getAttrs:e=>({articleId:e.articleId,articleHeadline:e.articleHeadline}),trackingName:"ArticleCopyLink"},{actionName:"Pressed",eventName:"onShareOnFB",getAttrs:e=>({articleId:e.articleId,articleHeadline:e.articleHeadline}),trackingName:"ArticleShareOnFacebook"},{actionName:"Pressed",eventName:"onShareOnTwitter",getAttrs:e=>({articleId:e.articleId,articleHeadline:e.articleHeadline}),trackingName:"ArticleShareOnTwitter"}]}))}]);