@times-components/save-and-share-bar 0.10.0 → 0.11.2
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.
- package/CHANGELOG.md +27 -0
- package/dist/bar-item.js +1 -1
- package/dist/email-share.js +1 -1
- package/dist/save-and-share-bar.js +1 -1
- package/dist/styles/index.js +1 -1
- package/package.json +14 -20
- package/rnw.js +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,33 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
## [0.11.2](https://github.com/newsuk/times-components/compare/@times-components/save-and-share-bar@0.11.1...@times-components/save-and-share-bar@0.11.2) (2022-07-11)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @times-components/save-and-share-bar
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
## [0.11.1](https://github.com/newsuk/times-components/compare/@times-components/save-and-share-bar@0.11.0...@times-components/save-and-share-bar@0.11.1) (2022-07-06)
|
|
15
|
+
|
|
16
|
+
**Note:** Version bump only for package @times-components/save-and-share-bar
|
|
17
|
+
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
# [0.11.0](https://github.com/newsuk/times-components/compare/@times-components/save-and-share-bar@0.10.0...@times-components/save-and-share-bar@0.11.0) (2022-07-06)
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
### Features
|
|
26
|
+
|
|
27
|
+
* **TDP-1694:** removed react native from save and share bar ([#3010](https://github.com/newsuk/times-components/issues/3010)) ([96075ad](https://github.com/newsuk/times-components/commit/96075ad3b947fc2a753f18f5a27a371f36e5f4f4))
|
|
28
|
+
|
|
29
|
+
|
|
30
|
+
|
|
31
|
+
|
|
32
|
+
|
|
6
33
|
# [0.10.0](https://github.com/newsuk/times-components/compare/@times-components/save-and-share-bar@0.9.116...@times-components/save-and-share-bar@0.10.0) (2022-07-04)
|
|
7
34
|
|
|
8
35
|
|
package/dist/bar-item.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _react=_interopRequireDefault(require("react"));var
|
|
1
|
+
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _react=_interopRequireDefault(require("react"));var _utils=require("@times-components/utils");var _link=_interopRequireDefault(require("@times-components/link"));var _propTypes=_interopRequireDefault(require("prop-types"));var _styles=_interopRequireDefault(require("./styles"));var _jsxFileName="/home/circleci/project/packages/save-and-share-bar/src/bar-item.js";var BarItem=function BarItem(_ref){var children=_ref.children,_ref$colour=_ref.colour,colour=_ref$colour===void 0?_styles.default.svgIcon.fillColour:_ref$colour,dataTestId=_ref.dataTestId,_ref$hoverColour=_ref.hoverColour,hoverColour=_ref$hoverColour===void 0?_styles.default.svgIcon.hoverFillColour:_ref$hoverColour,_ref$onPress=_ref.onPress,onPress=_ref$onPress===void 0?function(){}:_ref$onPress,props=(0,_objectWithoutProperties2.default)(_ref,["children","colour","dataTestId","hoverColour","onPress"]);return _react.default.createElement(_utils.TcView,{"data-testid":dataTestId,__source:{fileName:_jsxFileName,lineNumber:16,columnNumber:3}},_react.default.createElement(_link.default,(0,_extends2.default)({onPress:onPress,responsiveLinkStyles:_styles.default.link},props,{__source:{fileName:_jsxFileName,lineNumber:17,columnNumber:5}}),_react.default.createElement(_utils.HoverIcon,{colour:colour,hoverColour:hoverColour,__source:{fileName:_jsxFileName,lineNumber:18,columnNumber:7}},children)));};BarItem.propTypes={children:_propTypes.default.node.isRequired,colour:_propTypes.default.string,dataTestId:_propTypes.default.string,hoverColour:_propTypes.default.string,onPress:_propTypes.default.func};var _default=BarItem;exports.default=_default;
|
package/dist/email-share.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _assertThisInitialized2=_interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));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
|
|
1
|
+
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _assertThisInitialized2=_interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));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 _icons=require("@times-components/icons");var _styles=_interopRequireDefault(require("./styles"));var _barItem=_interopRequireDefault(require("./bar-item"));var _jsxFileName="/home/circleci/project/packages/save-and-share-bar/src/email-share.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 EmailShare=function(_Component){(0,_inherits2.default)(EmailShare,_Component);var _super=_createSuper(EmailShare);function EmailShare(props){var _this;(0,_classCallCheck2.default)(this,EmailShare);_this=_super.call(this,props);_this.state={isLoading:false};_this.onShare=_this.onShare.bind((0,_assertThisInitialized2.default)(_this));return _this;}(0,_createClass2.default)(EmailShare,[{key:"onShare",value:function onShare(e){var _this2=this;var _this$props=this.props,articleId=_this$props.articleId,getTokenisedShareUrl=_this$props.getTokenisedShareUrl,shouldTokenise=_this$props.shouldTokenise,articleUrl=_this$props.articleUrl,onShareEmail=_this$props.onShareEmail,articleHeadline=_this$props.articleHeadline;e.preventDefault();onShareEmail({articleId:articleId,articleUrl:articleUrl,articleHeadline:articleHeadline});if(shouldTokenise){this.setState({isLoading:true});getTokenisedShareUrl(articleId).then(function(res){var data=res.data;if(data&&data.article){_this2.setState({isLoading:false});_this2.openMailClient(data.article.tokenisedUrl);}}).catch(function(error){_this2.setState({isLoading:false});console.error("Error in connecting to api",error);});}else{var matches=window.location.search.match(/[?&]shareToken=([^&]+)/);this.openMailClient(matches?articleUrl+"?shareToken="+matches[1]:articleUrl);}}},{key:"openMailClient",value:function openMailClient(url){var _this$props2=this.props,articleHeadline=_this$props2.articleHeadline,publicationName=_this$props2.publicationName;var publication=publicationName!=="TIMES"?"The Sunday Times":"The Times";var mailtoEmailUrl="mailto:?subject="+articleHeadline+" from "+publication+"&body=I thought you would be interested in this story from "+publication+"%0A%0A"+articleHeadline+"%0A%0A"+url;window.location.assign(mailtoEmailUrl);}},{key:"render",value:function render(){var isLoading=this.state.isLoading;return _react.default.createElement(_barItem.default,{onPress:this.onShare,dataTestId:"email-share",url:"",__source:{fileName:_jsxFileName,lineNumber:67,columnNumber:7}},isLoading?_react.default.createElement(_icons.IconActivityIndicator,{size:"small",style:_styles.default.activityLoader,__source:{fileName:_jsxFileName,lineNumber:69,columnNumber:11}}):_react.default.createElement(_icons.IconEmail,{fillColour:"currentColor",height:_styles.default.svgIcon.height,title:"Share by email",__source:{fileName:_jsxFileName,lineNumber:71,columnNumber:11}}));}}]);return EmailShare;}(_react.Component);EmailShare.propTypes={getTokenisedShareUrl:_propTypes.default.func.isRequired,onShareEmail:_propTypes.default.func.isRequired,articleUrl:_propTypes.default.string.isRequired,articleHeadline:_propTypes.default.string.isRequired,articleId:_propTypes.default.string.isRequired,shouldTokenise:_propTypes.default.bool.isRequired,publicationName:_propTypes.default.string};EmailShare.defaultProps={publicationName:"TIMES"};var _default=EmailShare;exports.default=_default;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _assertThisInitialized2=_interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));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
|
|
1
|
+
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _assertThisInitialized2=_interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));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 _utils=require("@times-components/utils");var _icons=require("@times-components/icons");var _saveStarWeb=_interopRequireDefault(require("@times-components/save-star-web"));var _userState=_interopRequireDefault(require("@times-components/user-state"));var _context=require("@times-components/context");var _getTokenisedArticleUrlApi=_interopRequireDefault(require("./get-tokenised-article-url-api"));var _withTrackEvents=_interopRequireDefault(require("./tracking/with-track-events"));var _constants=_interopRequireDefault(require("./constants"));var _styles=_interopRequireDefault(require("./styles"));var _barItem=_interopRequireDefault(require("./bar-item"));var _emailShare=_interopRequireDefault(require("./email-share"));var _jsxFileName="/home/circleci/project/packages/save-and-share-bar/src/save-and-share-bar.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 SaveAndShareBar=function(_Component){(0,_inherits2.default)(SaveAndShareBar,_Component);var _super=_createSuper(SaveAndShareBar);function SaveAndShareBar(props){var _this;(0,_classCallCheck2.default)(this,SaveAndShareBar);_this=_super.call(this,props);_this.copyToClipboard=_this.copyToClipboard.bind((0,_assertThisInitialized2.default)(_this));return _this;}(0,_createClass2.default)(SaveAndShareBar,[{key:"copyToClipboard",value:function copyToClipboard(e){var _this$props=this.props,onCopyLink=_this$props.onCopyLink,articleUrl=_this$props.articleUrl;e.preventDefault();navigator.clipboard.writeText(articleUrl);onCopyLink();}},{key:"render",value:function render(){var _this2=this;var _this$props2=this.props,articleId=_this$props2.articleId,articleUrl=_this$props2.articleUrl,savingEnabled=_this$props2.savingEnabled,sharingEnabled=_this$props2.sharingEnabled,onShareOnFB=_this$props2.onShareOnFB,onShareOnTwitter=_this$props2.onShareOnTwitter;return _react.default.createElement(_utils.TcView,{style:_styles.default.container,"data-testid":"save-and-share-bar",__source:{fileName:_jsxFileName,lineNumber:46,columnNumber:7}},sharingEnabled&&_react.default.createElement(_utils.TcView,{style:_styles.default.rowItem,__source:{fileName:_jsxFileName,lineNumber:48,columnNumber:11}},_react.default.createElement(_utils.TcText,{style:(0,_utils.checkStylesForUnits)(_styles.default.label),__source:{fileName:_jsxFileName,lineNumber:49,columnNumber:13}},"Share"),_react.default.createElement(_context.SectionContext.Consumer,{__source:{fileName:_jsxFileName,lineNumber:50,columnNumber:13}},function(_ref){var publicationName=_ref.publicationName;return _react.default.createElement(_userState.default,{state:_userState.default.subscriber,fallback:_react.default.createElement(_emailShare.default,(0,_extends2.default)({},_this2.props,{shouldTokenise:false,publicationName:publicationName,__source:{fileName:_jsxFileName,lineNumber:55,columnNumber:21}})),__source:{fileName:_jsxFileName,lineNumber:52,columnNumber:17}},_react.default.createElement(_emailShare.default,(0,_extends2.default)({},_this2.props,{shouldTokenise:true,publicationName:publicationName,__source:{fileName:_jsxFileName,lineNumber:62,columnNumber:19}})));}),_react.default.createElement(_barItem.default,{onPress:onShareOnTwitter,target:"_blank",dataTestId:"share-twitter",url:_constants.default.twitter+"?text="+articleUrl,__source:{fileName:_jsxFileName,lineNumber:70,columnNumber:13}},_react.default.createElement(_icons.IconTwitter,{fillColour:"currentColor",height:_styles.default.svgIcon.height,title:"Share on Twitter",__source:{fileName:_jsxFileName,lineNumber:76,columnNumber:15}})),_react.default.createElement(_barItem.default,{onPress:onShareOnFB,target:"_blank",dataTestId:"share-facebook",url:_constants.default.facebook+"?u="+articleUrl,__source:{fileName:_jsxFileName,lineNumber:82,columnNumber:13}},_react.default.createElement(_icons.IconFacebook,{fillColour:"currentColor",height:_styles.default.svgIcon.fb.height,title:"Share on Facebook",__source:{fileName:_jsxFileName,lineNumber:88,columnNumber:15}})),_react.default.createElement(_barItem.default,{color:_styles.default.svgIcon.save.strokeColour,hoverColor:_styles.default.svgIcon.hoverFillColour,onPress:this.copyToClipboard,dataTestId:"copy-to-clickboard",url:"",__source:{fileName:_jsxFileName,lineNumber:94,columnNumber:13}},_react.default.createElement(_icons.IconCopyLink,{fillColour:"currentColor",height:_styles.default.svgIcon.height,title:"Copy link to clipboard",__source:{fileName:_jsxFileName,lineNumber:101,columnNumber:15}}))),savingEnabled?_react.default.createElement(_userState.default,{state:_userState.default.loggedIn,serverRender:false,__source:{fileName:_jsxFileName,lineNumber:110,columnNumber:11}},_react.default.createElement(_utils.TcView,{style:_styles.default.rowItemRight,"data-testid":"save-star",__source:{fileName:_jsxFileName,lineNumber:111,columnNumber:13}},_react.default.createElement(_saveStarWeb.default,{colour:_styles.default.svgIcon.save.strokeColour,hoverColor:_styles.default.svgIcon.hoverFillColour,articleId:articleId,height:_styles.default.svgIcon.star.height,__source:{fileName:_jsxFileName,lineNumber:112,columnNumber:15}}))):null);}}]);return SaveAndShareBar;}(_react.Component);SaveAndShareBar.propTypes={articleId:_propTypes.default.string.isRequired,articleUrl:_propTypes.default.string.isRequired,articleHeadline:_propTypes.default.string.isRequired,getTokenisedShareUrl:_propTypes.default.func,onCopyLink:_propTypes.default.func.isRequired,onShareOnFB:_propTypes.default.func,onShareEmail:_propTypes.default.func,onShareOnTwitter:_propTypes.default.func,savingEnabled:_propTypes.default.bool.isRequired,sharingEnabled:_propTypes.default.bool.isRequired};SaveAndShareBar.defaultProps={onShareOnFB:function onShareOnFB(){},onShareOnTwitter:function onShareOnTwitter(){},onShareEmail:function onShareEmail(){},getTokenisedShareUrl:_getTokenisedArticleUrlApi.default};var _default=(0,_withTrackEvents.default)(SaveAndShareBar);exports.default=_default;
|
package/dist/styles/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
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 ICON_SIZE=40;var styles={container:{flex:1,flexDirection:"row",justifyContent:"space-between",
|
|
1
|
+
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 ICON_SIZE=40;var styles={container:{flex:1,flexDirection:"row",justifyContent:"space-between",paddingTop:(0,_tsStyleguide.spacing)(2),paddingBottom:(0,_tsStyleguide.spacing)(2),height:"100%",alignItems:"center"},activityLoader:{borderRadius:9999,height:40,overflow:"hidden",width:40},label:_objectSpread(_objectSpread({},(0,_tsStyleguide.fontFactory)({font:"supporting",fontSize:"meta"})),{},{color:_tsStyleguide.colours.functional.secondary,marginRight:(0,_tsStyleguide.spacing)(2),transform:"translateY(9%)"}),link:{base:"\n margin-left: "+(0,_tsStyleguide.spacing)(1)+";\n cursor: pointer;\n border-radius: "+ICON_SIZE+"px;\n\n &, > * {\n display: flex;\n align-items: center;\n justify-content: center;\n height: "+ICON_SIZE+"px;\n width: "+ICON_SIZE+"px;\n }\n\n &:hover {\n background-color: "+_tsStyleguide.colours.functional.whiteGrey+";\n }\n &:active {\n background-color: "+_tsStyleguide.colours.functional.keyline+";\n }\n "},rowItem:{alignItems:"center",flexDirection:"row",height:ICON_SIZE},rowItemRight:{alignItems:"center",flexDirection:"row",height:ICON_SIZE,marginLeft:"auto"},svgIcon:{fb:{height:18},star:{height:18},fillColour:_tsStyleguide.colours.functional.secondary,height:16,hoverFillColour:_tsStyleguide.colours.functional.brandColour,save:{fillColour:_tsStyleguide.colours.functional.white,strokeColour:_tsStyleguide.colours.functional.secondary}}};var _default=styles;exports.default=_default;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@times-components/save-and-share-bar",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.11.2",
|
|
4
4
|
"description": "Save and Share bar",
|
|
5
5
|
"main": "dist/save-and-share-bar",
|
|
6
6
|
"dev": "src/save-and-share-bar",
|
|
@@ -21,10 +21,7 @@
|
|
|
21
21
|
"url": "git+https://github.com/newsuk/times-components.git"
|
|
22
22
|
},
|
|
23
23
|
"keywords": [
|
|
24
|
-
"react-native-web",
|
|
25
24
|
"react",
|
|
26
|
-
"native",
|
|
27
|
-
"web",
|
|
28
25
|
"save-and-share-bar",
|
|
29
26
|
"component"
|
|
30
27
|
],
|
|
@@ -35,25 +32,25 @@
|
|
|
35
32
|
"homepage": "https://github.com/newsuk/times-components#readme",
|
|
36
33
|
"dependencies": {
|
|
37
34
|
"@storybook/addon-knobs": "5.3.18",
|
|
38
|
-
"@times-components/context": "1.8.
|
|
39
|
-
"@times-components/icons": "2.
|
|
40
|
-
"@times-components/link": "3.10.
|
|
41
|
-
"@times-components/message-bar": "0.
|
|
35
|
+
"@times-components/context": "1.8.4",
|
|
36
|
+
"@times-components/icons": "2.18.1",
|
|
37
|
+
"@times-components/link": "3.10.6",
|
|
38
|
+
"@times-components/message-bar": "0.5.1",
|
|
42
39
|
"@times-components/provider-queries": "2.17.0",
|
|
43
|
-
"@times-components/save-star-web": "0.
|
|
44
|
-
"@times-components/tracking": "2.9.
|
|
45
|
-
"@times-components/ts-styleguide": "1.36.
|
|
46
|
-
"@times-components/user-state": "0.3.
|
|
47
|
-
"@times-components/utils": "6.12.
|
|
40
|
+
"@times-components/save-star-web": "0.8.1",
|
|
41
|
+
"@times-components/tracking": "2.9.32",
|
|
42
|
+
"@times-components/ts-styleguide": "1.36.3",
|
|
43
|
+
"@times-components/user-state": "0.3.24",
|
|
44
|
+
"@times-components/utils": "6.12.2",
|
|
48
45
|
"prop-types": "15.7.2"
|
|
49
46
|
},
|
|
50
47
|
"devDependencies": {
|
|
51
48
|
"@babel/core": "7.4.4",
|
|
52
49
|
"@times-components/eslint-config-thetimes": "0.8.18",
|
|
53
50
|
"@times-components/jest-configurator": "2.8.0",
|
|
54
|
-
"@times-components/jest-serializer": "3.2.
|
|
51
|
+
"@times-components/jest-serializer": "3.2.30",
|
|
55
52
|
"@times-components/provider-test-tools": "1.26.5",
|
|
56
|
-
"@times-components/storybook": "4.2.
|
|
53
|
+
"@times-components/storybook": "4.2.24",
|
|
57
54
|
"@times-components/webpack-configurator": "2.0.29",
|
|
58
55
|
"babel-jest": "24.8.0",
|
|
59
56
|
"eslint": "5.9.0",
|
|
@@ -61,7 +58,6 @@
|
|
|
61
58
|
"prettier": "1.14.3",
|
|
62
59
|
"react": "16.9.0",
|
|
63
60
|
"react-dom": "16.9.0",
|
|
64
|
-
"react-native": "0.61.5",
|
|
65
61
|
"react-test-renderer": "16.9.0",
|
|
66
62
|
"webpack": "4.30.0",
|
|
67
63
|
"webpack-cli": "3.3.1"
|
|
@@ -72,12 +68,10 @@
|
|
|
72
68
|
},
|
|
73
69
|
"peerDependencies": {
|
|
74
70
|
"react": ">=16.9",
|
|
75
|
-
"react-dom": ">=16.9"
|
|
76
|
-
"react-native": ">=0.59",
|
|
77
|
-
"react-native-web": "0.11.4"
|
|
71
|
+
"react-dom": ">=16.9"
|
|
78
72
|
},
|
|
79
73
|
"publishConfig": {
|
|
80
74
|
"access": "public"
|
|
81
75
|
},
|
|
82
|
-
"gitHead": "
|
|
76
|
+
"gitHead": "a116691b447385062d3fa5dc2b9a0070c74a5b2c"
|
|
83
77
|
}
|
package/rnw.js
CHANGED
|
@@ -1 +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=15)}([function(e,t){e.exports=require("@babel/runtime/helpers/interopRequireDefault")},function(e,t){e.exports=require("react")},function(e,t){e.exports=require("prop-types")},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=n(r(26)),a=r(27);function i(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 l(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?i(Object(r),!0).forEach((function(t){(0,o.default)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):i(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var u={container:{flex:1,flexDirection:"row",justifyContent:"space-between",paddingVertical:(0,a.spacing)(2),height:"100%",alignItems:"center"},activityLoader:{borderRadius:9999,height:40,overflow:"hidden",width:40},label:l(l({},(0,a.fontFactory)({font:"supporting",fontSize:"meta"})),{},{color:a.colours.functional.secondary,marginRight:(0,a.spacing)(2),transform:"translateY(9%)"}),link:{base:"\n margin-left: "+(0,a.spacing)(1)+";\n cursor: pointer;\n border-radius: 40px;\n\n &, > * {\n display: flex;\n align-items: center;\n justify-content: center;\n height: 40px;\n width: 40px;\n }\n\n &:hover {\n background-color: "+a.colours.functional.whiteGrey+";\n }\n &:active {\n background-color: "+a.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:a.colours.functional.secondary,height:16,hoverFillColour:a.colours.functional.brandColour,save:{fillColour:a.colours.functional.white,strokeColour:a.colours.functional.secondary}}};t.default=u},function(e,t){e.exports=require("@babel/runtime/helpers/extends")},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/assertThisInitialized")},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("react-native-web/dist/cjs/exports/View")},function(e,t){e.exports=require("@times-components/icons/rnw")},function(e,t){e.exports=require("@times-components/utils/rnw")},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=n(r(4)),a=n(r(28)),i=n(r(1)),l=n(r(11)),u=r(13),c=n(r(29)),s=(n(r(2)),n(r(3))),f=function(e){var t=e.children,r=e.colour,n=void 0===r?s.default.svgIcon.fillColour:r,f=e.dataTestId,d=e.hoverColour,p=void 0===d?s.default.svgIcon.hoverFillColour:d,h=e.onPress,v=void 0===h?function(){}:h,b=(0,a.default)(e,["children","colour","dataTestId","hoverColour","onPress"]);return i.default.createElement(l.default,{"data-testid":f},i.default.createElement(c.default,(0,o.default)({onPress:v,responsiveLinkStyles:s.default.link},b),i.default.createElement(u.HoverIcon,{colour:n,hoverColour:p},t)))};t.default=f},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=n(r(4)),a=n(r(5)),i=n(r(6)),l=n(r(7)),u=n(r(8)),c=n(r(9)),s=n(r(10)),f=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var r=P(t);if(r&&r.has(e))return r.get(e);var n={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in e)if("default"!==a&&Object.prototype.hasOwnProperty.call(e,a)){var i=o?Object.getOwnPropertyDescriptor(e,a):null;i&&(i.get||i.set)?Object.defineProperty(n,a,i):n[a]=e[a]}n.default=e,r&&r.set(e,n);return n}(r(1)),d=(n(r(2)),n(r(11))),p=n(r(16)),h=n(r(17)),v=r(12),b=n(r(18)),m=n(r(19)),y=r(20),g=n(r(21)),w=n(r(23)),O=n(r(25)),k=n(r(3)),x=n(r(14)),I=n(r(30));function P(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(P=function(e){return e?r: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 r,n=(0,s.default)(e);if(t){var o=(0,s.default)(this).constructor;r=Reflect.construct(n,arguments,o)}else r=n.apply(this,arguments);return(0,c.default)(this,r)}}var j=function(e){(0,u.default)(r,e);var t=C(r);function r(e){var n;return(0,a.default)(this,r),(n=t.call(this,e)).copyToClipboard=n.copyToClipboard.bind((0,l.default)(n)),n}return(0,i.default)(r,[{key:"copyToClipboard",value:function(e){var t=this.props,r=t.onCopyLink,n=t.articleUrl;e.preventDefault(),p.default.setString(n),r()}},{key:"render",value:function(){var e=this,t=this.props,r=t.articleId,n=t.articleUrl,a=t.savingEnabled,i=t.sharingEnabled,l=t.onShareOnFB,u=t.onShareOnTwitter;return f.default.createElement(d.default,{style:k.default.container,"data-testid":"save-and-share-bar"},i&&f.default.createElement(d.default,{style:k.default.rowItem},f.default.createElement(h.default,{style:k.default.label},"Share"),f.default.createElement(y.SectionContext.Consumer,null,(function(t){var r=t.publicationName;return f.default.createElement(m.default,{state:m.default.subscriber,fallback:f.default.createElement(I.default,(0,o.default)({},e.props,{shouldTokenise:!1,publicationName:r}))},f.default.createElement(I.default,(0,o.default)({},e.props,{shouldTokenise:!0,publicationName:r})))})),f.default.createElement(x.default,{onPress:u,target:"_blank",dataTestId:"share-twitter",url:O.default.twitter+"?text="+n},f.default.createElement(v.IconTwitter,{fillColour:"currentColor",height:k.default.svgIcon.height,title:"Share on Twitter"})),f.default.createElement(x.default,{onPress:l,target:"_blank",dataTestId:"share-facebook",url:O.default.facebook+"?u="+n},f.default.createElement(v.IconFacebook,{fillColour:"currentColor",height:k.default.svgIcon.fb.height,title:"Share on Facebook"})),f.default.createElement(x.default,{color:k.default.svgIcon.save.strokeColour,hoverColor:k.default.svgIcon.hoverFillColour,onPress:this.copyToClipboard,dataTestId:"copy-to-clickboard",url:""},f.default.createElement(v.IconCopyLink,{fillColour:"currentColor",height:k.default.svgIcon.height,title:"Copy link to clipboard"}))),a?f.default.createElement(m.default,{state:m.default.loggedIn,serverRender:!1},f.default.createElement(d.default,{style:k.default.rowItemRight,"data-testid":"save-star"},f.default.createElement(b.default,{colour:k.default.svgIcon.save.strokeColour,hoverColor:k.default.svgIcon.hoverFillColour,articleId:r,height:k.default.svgIcon.star.height}))):null)}}]),r}(f.Component);j.defaultProps={onShareOnFB:function(){},onShareOnTwitter:function(){},onShareEmail:function(){},getTokenisedShareUrl:g.default};var S=(0,w.default)(j);t.default=S},function(e,t){e.exports=require("react-native-web/dist/cjs/exports/Clipboard")},function(e,t){e.exports=require("react-native-web/dist/cjs/exports/Text")},function(e,t){e.exports=require("@times-components/save-star-web/rnw")},function(e,t){e.exports=require("@times-components/user-state/rnw")},function(e,t){e.exports=require("@times-components/context/rnw")},function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=r(22),o=(0,r(13).makeClient)(),a=function(e){return o.query({query:n.getTokenisedArticleUrl,variables:{id:e}})};t.default=a},function(e,t){e.exports=require("@times-components/provider-queries/rnw")},function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=r(24);t.default=function(e){return(0,n.withTrackEvents)(e,{analyticsEvents:[{actionName:"Pressed",eventName:"onSaveToMyArticles",getAttrs:function(e){return{articleId:e.articleId,articleHeadline:e.articleHeadline}},trackingName:"ArticleSaveToMyArticles"},{actionName:"Pressed",eventName:"onShareEmail",getAttrs:function(e){return{articleId:e.articleId,articleHeadline:e.articleHeadline}},trackingName:"ArticleShareUrlByEmail"},{actionName:"Pressed",eventName:"onCopyLink",getAttrs:function(e){return{articleId:e.articleId,articleHeadline:e.articleHeadline}},trackingName:"ArticleCopyLink"},{actionName:"Pressed",eventName:"onShareOnFB",getAttrs:function(e){return{articleId:e.articleId,articleHeadline:e.articleHeadline}},trackingName:"ArticleShareOnFacebook"},{actionName:"Pressed",eventName:"onShareOnTwitter",getAttrs:function(e){return{articleId:e.articleId,articleHeadline:e.articleHeadline}},trackingName:"ArticleShareOnTwitter"}]})}},function(e,t){e.exports=require("@times-components/tracking/rnw")},function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;t.default={facebook:"https://www.facebook.com/sharer/sharer.php",twitter:"https://twitter.com/intent/tweet"}},function(e,t){e.exports=require("@babel/runtime/helpers/defineProperty")},function(e,t){e.exports=require("@times-components/ts-styleguide/rnw")},function(e,t){e.exports=require("@babel/runtime/helpers/objectWithoutProperties")},function(e,t){e.exports=require("@times-components/link/rnw")},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=n(r(5)),a=n(r(6)),i=n(r(7)),l=n(r(8)),u=n(r(9)),c=n(r(10)),s=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var r=v(t);if(r&&r.has(e))return r.get(e);var n={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in e)if("default"!==a&&Object.prototype.hasOwnProperty.call(e,a)){var i=o?Object.getOwnPropertyDescriptor(e,a):null;i&&(i.get||i.set)?Object.defineProperty(n,a,i):n[a]=e[a]}n.default=e,r&&r.set(e,n);return n}(r(1)),f=(n(r(2)),n(r(31))),d=r(12),p=n(r(3)),h=n(r(14));function v(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(v=function(e){return e?r:t})(e)}function b(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 r,n=(0,c.default)(e);if(t){var o=(0,c.default)(this).constructor;r=Reflect.construct(n,arguments,o)}else r=n.apply(this,arguments);return(0,u.default)(this,r)}}var m=function(e){(0,l.default)(r,e);var t=b(r);function r(e){var n;return(0,o.default)(this,r),(n=t.call(this,e)).state={isLoading:!1},n.onShare=n.onShare.bind((0,i.default)(n)),n}return(0,a.default)(r,[{key:"onShare",value:function(e){var t=this,r=this.props,n=r.articleId,o=r.getTokenisedShareUrl,a=r.shouldTokenise,i=r.articleUrl,l=r.onShareEmail,u=r.articleHeadline;if(e.preventDefault(),l({articleId:n,articleUrl:i,articleHeadline:u}),a)this.setState({isLoading:!0}),o(n).then((function(e){var r=e.data;r&&r.article&&(t.setState({isLoading:!1}),t.openMailClient(r.article.tokenisedUrl))})).catch((function(e){t.setState({isLoading:!1}),console.error("Error in connecting to api",e)}));else{var c=window.location.search.match(/[?&]shareToken=([^&]+)/);this.openMailClient(c?i+"?shareToken="+c[1]:i)}}},{key:"openMailClient",value:function(e){var t=this.props,r=t.articleHeadline,n="TIMES"!==t.publicationName?"The Sunday Times":"The Times",o="mailto:?subject="+r+" from "+n+"&body=I thought you would be interested in this story from "+n+"%0A%0A"+r+"%0A%0A"+e;window.location.assign(o)}},{key:"render",value:function(){var e=this.state.isLoading;return s.default.createElement(h.default,{onPress:this.onShare,dataTestId:"email-share",url:""},e?s.default.createElement(f.default,{size:"small",style:p.default.activityLoader}):s.default.createElement(d.IconEmail,{fillColour:"currentColor",height:p.default.svgIcon.height,title:"Share by email"}))}}]),r}(s.Component);m.defaultProps={publicationName:"TIMES"};var y=m;t.default=y},function(e,t){e.exports=require("react-native-web/dist/cjs/exports/ActivityIndicator")}]);
|
|
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=14)}([function(e,t){e.exports=require("@babel/runtime/helpers/interopRequireDefault")},function(e,t){e.exports=require("react")},function(e,t){e.exports=require("prop-types")},function(e,t){e.exports=require("@times-components/utils/rnw")},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=n(r(23)),a=r(24);function i(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 l(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?i(Object(r),!0).forEach((function(t){(0,o.default)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):i(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var u={container:{flex:1,flexDirection:"row",justifyContent:"space-between",paddingTop:(0,a.spacing)(2),paddingBottom:(0,a.spacing)(2),height:"100%",alignItems:"center"},activityLoader:{borderRadius:9999,height:40,overflow:"hidden",width:40},label:l(l({},(0,a.fontFactory)({font:"supporting",fontSize:"meta"})),{},{color:a.colours.functional.secondary,marginRight:(0,a.spacing)(2),transform:"translateY(9%)"}),link:{base:"\n margin-left: "+(0,a.spacing)(1)+";\n cursor: pointer;\n border-radius: 40px;\n\n &, > * {\n display: flex;\n align-items: center;\n justify-content: center;\n height: 40px;\n width: 40px;\n }\n\n &:hover {\n background-color: "+a.colours.functional.whiteGrey+";\n }\n &:active {\n background-color: "+a.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:a.colours.functional.secondary,height:16,hoverFillColour:a.colours.functional.brandColour,save:{fillColour:a.colours.functional.white,strokeColour:a.colours.functional.secondary}}};t.default=u},function(e,t){e.exports=require("@babel/runtime/helpers/extends")},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/assertThisInitialized")},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("@times-components/icons/rnw")},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=n(r(5)),a=n(r(25)),i=n(r(1)),l=r(3),u=n(r(26)),c=(n(r(2)),n(r(4))),s=function(e){var t=e.children,r=e.colour,n=void 0===r?c.default.svgIcon.fillColour:r,s=e.dataTestId,f=e.hoverColour,d=void 0===f?c.default.svgIcon.hoverFillColour:f,p=e.onPress,h=void 0===p?function(){}:p,v=(0,a.default)(e,["children","colour","dataTestId","hoverColour","onPress"]);return i.default.createElement(l.TcView,{"data-testid":s},i.default.createElement(u.default,(0,o.default)({onPress:h,responsiveLinkStyles:c.default.link},v),i.default.createElement(l.HoverIcon,{colour:n,hoverColour:d},t)))};t.default=s},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=n(r(5)),a=n(r(6)),i=n(r(7)),l=n(r(8)),u=n(r(9)),c=n(r(10)),s=n(r(11)),f=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var r=I(t);if(r&&r.has(e))return r.get(e);var n={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in e)if("default"!==a&&Object.prototype.hasOwnProperty.call(e,a)){var i=o?Object.getOwnPropertyDescriptor(e,a):null;i&&(i.get||i.set)?Object.defineProperty(n,a,i):n[a]=e[a]}n.default=e,r&&r.set(e,n);return n}(r(1)),d=(n(r(2)),r(3)),p=r(12),h=n(r(15)),v=n(r(16)),m=r(17),b=n(r(18)),y=n(r(20)),g=n(r(22)),w=n(r(4)),O=n(r(13)),k=n(r(27));function I(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(I=function(e){return e?r:t})(e)}function P(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var r,n=(0,s.default)(e);if(t){var o=(0,s.default)(this).constructor;r=Reflect.construct(n,arguments,o)}else r=n.apply(this,arguments);return(0,c.default)(this,r)}}var C=function(e){(0,u.default)(r,e);var t=P(r);function r(e){var n;return(0,a.default)(this,r),(n=t.call(this,e)).copyToClipboard=n.copyToClipboard.bind((0,l.default)(n)),n}return(0,i.default)(r,[{key:"copyToClipboard",value:function(e){var t=this.props,r=t.onCopyLink,n=t.articleUrl;e.preventDefault(),navigator.clipboard.writeText(n),r()}},{key:"render",value:function(){var e=this,t=this.props,r=t.articleId,n=t.articleUrl,a=t.savingEnabled,i=t.sharingEnabled,l=t.onShareOnFB,u=t.onShareOnTwitter;return f.default.createElement(d.TcView,{style:w.default.container,"data-testid":"save-and-share-bar"},i&&f.default.createElement(d.TcView,{style:w.default.rowItem},f.default.createElement(d.TcText,{style:(0,d.checkStylesForUnits)(w.default.label)},"Share"),f.default.createElement(m.SectionContext.Consumer,null,(function(t){var r=t.publicationName;return f.default.createElement(v.default,{state:v.default.subscriber,fallback:f.default.createElement(k.default,(0,o.default)({},e.props,{shouldTokenise:!1,publicationName:r}))},f.default.createElement(k.default,(0,o.default)({},e.props,{shouldTokenise:!0,publicationName:r})))})),f.default.createElement(O.default,{onPress:u,target:"_blank",dataTestId:"share-twitter",url:g.default.twitter+"?text="+n},f.default.createElement(p.IconTwitter,{fillColour:"currentColor",height:w.default.svgIcon.height,title:"Share on Twitter"})),f.default.createElement(O.default,{onPress:l,target:"_blank",dataTestId:"share-facebook",url:g.default.facebook+"?u="+n},f.default.createElement(p.IconFacebook,{fillColour:"currentColor",height:w.default.svgIcon.fb.height,title:"Share on Facebook"})),f.default.createElement(O.default,{color:w.default.svgIcon.save.strokeColour,hoverColor:w.default.svgIcon.hoverFillColour,onPress:this.copyToClipboard,dataTestId:"copy-to-clickboard",url:""},f.default.createElement(p.IconCopyLink,{fillColour:"currentColor",height:w.default.svgIcon.height,title:"Copy link to clipboard"}))),a?f.default.createElement(v.default,{state:v.default.loggedIn,serverRender:!1},f.default.createElement(d.TcView,{style:w.default.rowItemRight,"data-testid":"save-star"},f.default.createElement(h.default,{colour:w.default.svgIcon.save.strokeColour,hoverColor:w.default.svgIcon.hoverFillColour,articleId:r,height:w.default.svgIcon.star.height}))):null)}}]),r}(f.Component);C.defaultProps={onShareOnFB:function(){},onShareOnTwitter:function(){},onShareEmail:function(){},getTokenisedShareUrl:b.default};var T=(0,y.default)(C);t.default=T},function(e,t){e.exports=require("@times-components/save-star-web/rnw")},function(e,t){e.exports=require("@times-components/user-state/rnw")},function(e,t){e.exports=require("@times-components/context/rnw")},function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=r(19),o=(0,r(3).makeClient)(),a=function(e){return o.query({query:n.getTokenisedArticleUrl,variables:{id:e}})};t.default=a},function(e,t){e.exports=require("@times-components/provider-queries/rnw")},function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=r(21);t.default=function(e){return(0,n.withTrackEvents)(e,{analyticsEvents:[{actionName:"Pressed",eventName:"onSaveToMyArticles",getAttrs:function(e){return{articleId:e.articleId,articleHeadline:e.articleHeadline}},trackingName:"ArticleSaveToMyArticles"},{actionName:"Pressed",eventName:"onShareEmail",getAttrs:function(e){return{articleId:e.articleId,articleHeadline:e.articleHeadline}},trackingName:"ArticleShareUrlByEmail"},{actionName:"Pressed",eventName:"onCopyLink",getAttrs:function(e){return{articleId:e.articleId,articleHeadline:e.articleHeadline}},trackingName:"ArticleCopyLink"},{actionName:"Pressed",eventName:"onShareOnFB",getAttrs:function(e){return{articleId:e.articleId,articleHeadline:e.articleHeadline}},trackingName:"ArticleShareOnFacebook"},{actionName:"Pressed",eventName:"onShareOnTwitter",getAttrs:function(e){return{articleId:e.articleId,articleHeadline:e.articleHeadline}},trackingName:"ArticleShareOnTwitter"}]})}},function(e,t){e.exports=require("@times-components/tracking/rnw")},function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;t.default={facebook:"https://www.facebook.com/sharer/sharer.php",twitter:"https://twitter.com/intent/tweet"}},function(e,t){e.exports=require("@babel/runtime/helpers/defineProperty")},function(e,t){e.exports=require("@times-components/ts-styleguide/rnw")},function(e,t){e.exports=require("@babel/runtime/helpers/objectWithoutProperties")},function(e,t){e.exports=require("@times-components/link/rnw")},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=n(r(6)),a=n(r(7)),i=n(r(8)),l=n(r(9)),u=n(r(10)),c=n(r(11)),s=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var r=h(t);if(r&&r.has(e))return r.get(e);var n={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in e)if("default"!==a&&Object.prototype.hasOwnProperty.call(e,a)){var i=o?Object.getOwnPropertyDescriptor(e,a):null;i&&(i.get||i.set)?Object.defineProperty(n,a,i):n[a]=e[a]}n.default=e,r&&r.set(e,n);return n}(r(1)),f=(n(r(2)),r(12)),d=n(r(4)),p=n(r(13));function h(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(h=function(e){return e?r:t})(e)}function v(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 r,n=(0,c.default)(e);if(t){var o=(0,c.default)(this).constructor;r=Reflect.construct(n,arguments,o)}else r=n.apply(this,arguments);return(0,u.default)(this,r)}}var m=function(e){(0,l.default)(r,e);var t=v(r);function r(e){var n;return(0,o.default)(this,r),(n=t.call(this,e)).state={isLoading:!1},n.onShare=n.onShare.bind((0,i.default)(n)),n}return(0,a.default)(r,[{key:"onShare",value:function(e){var t=this,r=this.props,n=r.articleId,o=r.getTokenisedShareUrl,a=r.shouldTokenise,i=r.articleUrl,l=r.onShareEmail,u=r.articleHeadline;if(e.preventDefault(),l({articleId:n,articleUrl:i,articleHeadline:u}),a)this.setState({isLoading:!0}),o(n).then((function(e){var r=e.data;r&&r.article&&(t.setState({isLoading:!1}),t.openMailClient(r.article.tokenisedUrl))})).catch((function(e){t.setState({isLoading:!1}),console.error("Error in connecting to api",e)}));else{var c=window.location.search.match(/[?&]shareToken=([^&]+)/);this.openMailClient(c?i+"?shareToken="+c[1]:i)}}},{key:"openMailClient",value:function(e){var t=this.props,r=t.articleHeadline,n="TIMES"!==t.publicationName?"The Sunday Times":"The Times",o="mailto:?subject="+r+" from "+n+"&body=I thought you would be interested in this story from "+n+"%0A%0A"+r+"%0A%0A"+e;window.location.assign(o)}},{key:"render",value:function(){var e=this.state.isLoading;return s.default.createElement(p.default,{onPress:this.onShare,dataTestId:"email-share",url:""},e?s.default.createElement(f.IconActivityIndicator,{size:"small",style:d.default.activityLoader}):s.default.createElement(f.IconEmail,{fillColour:"currentColor",height:d.default.svgIcon.height,title:"Share by email"}))}}]),r}(s.Component);m.defaultProps={publicationName:"TIMES"};var b=m;t.default=b}]);
|