@times-components/video 4.11.13 → 4.11.14

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [4.11.14](https://github.com/newsuk/times-components/compare/@times-components/video@4.11.13...@times-components/video@4.11.14) (2021-12-02)
+
+**Note:** Version bump only for package @times-components/video
+
+
+
+
+
 ## [4.11.13](https://github.com/newsuk/times-components/compare/@times-components/video@4.11.12...@times-components/video@4.11.13) (2021-11-25)
 
 **Note:** Version bump only for package @times-components/video

package/dist/inline-video-player.js

@@ -0,0 +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 _utils=require("@times-components/utils");var _videoPropTypes=require("./video-prop-types");var _video360Icon=_interopRequireDefault(require("./video-360-icon"));var _jsxFileName="/home/circleci/project/packages/video/src/inline-video-player.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 css="\n  div[data-is-360=\"true\"] button.vjs-big-play-button {\n    display: none !important;\n  }\n\n  .video-js .vjs-big-play-button {\n    width: 70px;\n    height: 70px;\n    margin-top: -35px;\n    margin-left: -35px;\n\n    background: rgba(0, 0, 0, 0.4);\n\n    line-height: 65px;\n\n    border-radius: 0;\n    border-style: solid;\n    border-width: 3px;\n    border-color: white;\n  }\n\n  .video-js .vjs-big-play-button:before {\n    font-size: 60px;\n    left: -2px;\n  }\n\n  .video-js .vjs-dock-text {\n    visibility: hidden;\n  }\n\n  .video-js .vjs-poster {\n    background-size: cover;\n  }\n\n  .video-js .vjs-tech {\n    position: relative;\n  }\n";var InlineVideoPlayer=function(_Component){(0,_inherits2.default)(InlineVideoPlayer,_Component);var _super=_createSuper(InlineVideoPlayer);function InlineVideoPlayer(props){var _this;(0,_classCallCheck2.default)(this,InlineVideoPlayer);_this=_super.call(this,props);_this.handleError=function(){_this.setState({error:true});};_this.handlePlay=function(){_this.setState({hasVideoPlayed:true});InlineVideoPlayer.activePlayers.forEach(function(video){if(video!==(0,_assertThisInitialized2.default)(_this)&&video.player){video.player.pause();}});};_this.state={error:null,hasVideoPlayed:false};_this.id=props.videoId+"-"+props.accountId+"-"+props.id;_this.videoContainerRef=_react.default.createRef();_this.observer=null;return _this;}(0,_createClass2.default)(InlineVideoPlayer,[{key:"componentDidMount",value:function componentDidMount(){this.observer=this.createIntersectionObserver();if(this.observer&&this.videoContainerRef){this.observer.observe(this.videoContainerRef.current);}else{this.loadBrightcoveSDKIfRequired();}if(InlineVideoPlayer.scriptLoadError){this.handleError(InlineVideoPlayer.scriptLoadError);}InlineVideoPlayer.activePlayers.push(this);if(InlineVideoPlayer.brightcoveSDKHasLoaded()){this.initBrightcove();}}},{key:"componentWillUnmount",value:function componentWillUnmount(){InlineVideoPlayer.activePlayers.splice(InlineVideoPlayer.activePlayers.indexOf(this));if(this.player){this.player.dispose();this.player=null;}if(this.observer){this.observer.disconnect();}}},{key:"createIntersectionObserver",value:function createIntersectionObserver(){var _this2=this;return"IntersectionObserver"in window?new window.IntersectionObserver(function(entries){if(entries[0].isIntersecting){_this2.loadBrightcoveSDKIfRequired();}}):null;}},{key:"loadBrightcoveSDKIfRequired",value:function loadBrightcoveSDKIfRequired(){if(!InlineVideoPlayer.brightcoveSDKLoadedStarted){InlineVideoPlayer.brightcoveSDKLoadedStarted=true;var s=this.createBrightcoveScript();s.onload=function(){InlineVideoPlayer.activePlayers.forEach(function(player){return player.initVideojs();});};s.onerror=function(){InlineVideoPlayer.scriptLoadError="Brightcove script failed to load";InlineVideoPlayer.activePlayers.forEach(function(player){return player.handleError();});};InlineVideoPlayer.appendScript(s);InlineVideoPlayer.attachStyles();}}},{key:"createBrightcoveScript",value:function createBrightcoveScript(){var _this$props=this.props,accountId=_this$props.accountId,playerId=_this$props.playerId;var s=document.createElement("script");s.src="//players.brightcove.net/"+accountId+"/"+playerId+"_default/index.min.js";s.defer=true;return s;}},{key:"initVideojs",value:function initVideojs(){var _this3=this;this.player=window.videojs(this.id);this.player.ready(function(){_this3.player.contextmenu({disabled:true});});this.player.on("error",this.handleError);this.player.on("play",this.handlePlay);}},{key:"initBrightcove",value:function initBrightcove(){window.bc(document.getElementById(this.id));this.initVideojs();}},{key:"render",value:function render(){var _this$props2=this.props,width=_this$props2.width,height=_this$props2.height,poster=_this$props2.poster,videoId=_this$props2.videoId,accountId=_this$props2.accountId,playerId=_this$props2.playerId,is360=_this$props2.is360;var _this$state=this.state,error=_this$state.error,hasVideoPlayed=_this$state.hasVideoPlayed;if(error){throw new Error("Can't load video");}return _react.default.createElement("div",{"data-is-360":is360,"data-testid":"video-component",ref:this.videoContainerRef,style:{height:height,width:width},__source:{fileName:_jsxFileName,lineNumber:201,columnNumber:7}},_react.default.createElement("div",{style:{height:height,width:width,position:"relative"},__source:{fileName:_jsxFileName,lineNumber:207,columnNumber:9}},!hasVideoPlayed&&_react.default.createElement(_react.Fragment,{__source:{fileName:_jsxFileName,lineNumber:208,columnNumber:31}},is360&&_react.default.createElement(_video360Icon.default,{__source:{fileName:_jsxFileName,lineNumber:208,columnNumber:51}})),_react.default.createElement("video",(0,_extends2.default)({id:this.id,style:{height:height,width:width}},poster?{poster:(0,_utils.appendToImageURL)(poster.uri,"resize",960)}:{},{className:"video-js",controls:true,"data-account":accountId,"data-application-id":true,"data-embed":"default","data-player":playerId,"data-video-id":videoId,__source:{fileName:_jsxFileName,lineNumber:209,columnNumber:11}}))));}}],[{key:"brightcoveSDKHasLoaded",value:function brightcoveSDKHasLoaded(){return!!(window.bc&&window.videojs);}},{key:"appendScript",value:function appendScript(s){document.body.appendChild(s);}},{key:"attachStyles",value:function attachStyles(){var styleTag=document.createElement("style");styleTag.type="text/css";var cssText=document.createTextNode(css);styleTag.appendChild(cssText);document.head.appendChild(styleTag);}}]);return InlineVideoPlayer;}(_react.Component);InlineVideoPlayer.scriptLoadError=false;InlineVideoPlayer.activePlayers=[];InlineVideoPlayer.brightcoveSDKLoadedStarted=false;InlineVideoPlayer.defaultProps=_videoPropTypes.defaultProps;InlineVideoPlayer.propTypes=_videoPropTypes.propTypes;var _default=InlineVideoPlayer;exports.default=_default;

package/dist/styles/{responsive.web.js → responsive.js}

@@ -1 +1 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _reactNative=require("react-native");var _styledComponents=_interopRequireDefault(require("styled-components"));var Video360Container=(0,_styledComponents.default)(_reactNative.View).withConfig({displayName:"responsiveweb__Video360Container",componentId:"sc-1uc624o-0"})(["border-radius:100%;left:50%;position:absolute;height:100px;top:50%;transform:translate(-50%,-50%);width:100px;z-index:1;pointer-events:none;[data-is-360=\"true\"]:hover &{background:rgba(0,0,0,0.2);}"]);var _default=Video360Container;exports.default=_default;
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _reactNative=require("react-native");var _styledComponents=_interopRequireDefault(require("styled-components"));var Video360Container=(0,_styledComponents.default)(_reactNative.View).withConfig({displayName:"responsive__Video360Container",componentId:"sc-1v4a8sf-0"})(["border-radius:100%;left:50%;position:absolute;height:100px;top:50%;transform:translate(-50%,-50%);width:100px;z-index:1;pointer-events:none;[data-is-360=\"true\"]:hover &{background:rgba(0,0,0,0.2);}"]);var _default=Video360Container;exports.default=_default;

package/dist/video-error.js

@@ -0,0 +1 @@
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _react=_interopRequireDefault(require("react"));var _propTypes=_interopRequireDefault(require("prop-types"));var _reactNative=require("react-native");var _styles=_interopRequireDefault(require("./styles"));var _jsxFileName="/home/circleci/project/packages/video/src/video-error.js";var VideoError=function VideoError(_ref){var height=_ref.height,width=_ref.width;return _react.default.createElement(_reactNative.View,{style:[_styles.default.background,{height:height,width:width}],__source:{fileName:_jsxFileName,lineNumber:7,columnNumber:3}},_react.default.createElement(_reactNative.Text,{style:_styles.default.heading,__source:{fileName:_jsxFileName,lineNumber:16,columnNumber:5}},"Video unable to play"),_react.default.createElement(_reactNative.Text,{style:_styles.default.body,__source:{fileName:_jsxFileName,lineNumber:17,columnNumber:5}},"Please check your network connection and try refreshing the page. If that doesn't work, please try again later"));};VideoError.propTypes={height:_propTypes.default.oneOfType([_propTypes.default.string,_propTypes.default.number]).isRequired,width:_propTypes.default.oneOfType([_propTypes.default.string,_propTypes.default.number]).isRequired};var _default=VideoError;exports.default=_default;

package/dist/video.js

@@ -0,0 +1 @@
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.IsPaidSubscriberContext=exports.default=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _react=_interopRequireDefault(require("react"));var _reactNative=require("react-native");var _image=_interopRequireDefault(require("@times-components/image"));var _errorView=_interopRequireDefault(require("@times-components/error-view"));var _inlineVideoPlayer=_interopRequireDefault(require("./inline-video-player"));var _isPaidSubscriber=_interopRequireDefault(require("./is-paid-subscriber"));var _videoError=_interopRequireDefault(require("./video-error"));var _videoPropTypes=require("./video-prop-types");var _styles=_interopRequireDefault(require("./styles"));var _jsxFileName="/home/circleci/project/packages/video/src/video.js";var Video=function Video(props){var height=props.height,poster=props.poster,width=props.width;return _react.default.createElement(_errorView.default,{__source:{fileName:_jsxFileName,lineNumber:14,columnNumber:5}},function(_ref){var hasError=_ref.hasError;return hasError?_react.default.createElement(_videoError.default,{height:height,width:width,__source:{fileName:_jsxFileName,lineNumber:17,columnNumber:11}}):_react.default.createElement(_isPaidSubscriber.default.Consumer,{__source:{fileName:_jsxFileName,lineNumber:19,columnNumber:11}},function(isPaidSubscriber){return!isPaidSubscriber?_react.default.createElement(_reactNative.View,{style:{height:height,width:width},__source:{fileName:_jsxFileName,lineNumber:22,columnNumber:17}},_react.default.createElement(_image.default,{aspectRatio:width/height,uri:poster.uri,__source:{fileName:_jsxFileName,lineNumber:28,columnNumber:19}}),_react.default.createElement(_reactNative.View,{style:_styles.default.noSubscriptionWrapper,__source:{fileName:_jsxFileName,lineNumber:29,columnNumber:19}},_react.default.createElement(_reactNative.Text,{style:_styles.default.noSubscriptionMessage,__source:{fileName:_jsxFileName,lineNumber:30,columnNumber:21}},"We are sorry, you need to be a subscriber to watch this video"))):_react.default.createElement(_inlineVideoPlayer.default,(0,_extends2.default)({},props,{__source:{fileName:_jsxFileName,lineNumber:37,columnNumber:17}}));});});};Video.defaultProps=_videoPropTypes.defaultProps;Video.propTypes=_videoPropTypes.propTypes;var _default=Video;exports.default=_default;var IsPaidSubscriberContext=_isPaidSubscriber.default.Provider;exports.IsPaidSubscriberContext=IsPaidSubscriberContext;

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@times-components/video",
-  "version": "4.11.13",
-  "main": "dist/video.web",
-  "dev": "src/video.web",
+  "version": "4.11.14",
+  "main": "dist/video",
+  "dev": "src/video",
   "scripts": {
     "fmt": "eslint . --fix && prettier --write '**/*.*'",
     "prettier:diff": "prettier --list-different '**/*.*'",
@@ -47,11 +47,11 @@
   "homepage": "https://github.com/newsuk/times-components#readme",
   "devDependencies": {
     "@babel/core": "7.4.4",
-    "@times-components/eslint-config-thetimes": "0.8.17",
-    "@times-components/jest-configurator": "2.7.3",
-    "@times-components/jest-serializer": "3.2.27",
-    "@times-components/storybook": "4.1.67",
-    "@times-components/test-utils": "2.3.9",
+    "@times-components/eslint-config-thetimes": "0.8.18",
+    "@times-components/jest-configurator": "2.7.4",
+    "@times-components/jest-serializer": "3.2.28",
+    "@times-components/storybook": "4.1.68",
+    "@times-components/test-utils": "2.3.10",
     "babel-jest": "24.8.0",
     "babel-loader": "8.0.5",
     "babel-plugin-add-react-displayname": "0.0.5",
@@ -71,11 +71,11 @@
     "webpack-cli": "3.3.1"
   },
   "dependencies": {
-    "@times-components/error-view": "2.3.61",
-    "@times-components/icons": "2.16.4",
-    "@times-components/image": "6.8.7",
-    "@times-components/styleguide": "3.38.23",
-    "@times-components/utils": "6.5.7",
+    "@times-components/error-view": "2.3.62",
+    "@times-components/icons": "2.16.5",
+    "@times-components/image": "6.8.8",
+    "@times-components/styleguide": "3.38.24",
+    "@times-components/utils": "6.5.8",
     "prop-types": "15.7.2",
     "styled-components": "4.3.2"
   },
@@ -97,5 +97,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "e4ffceaf25ca396380a235406bf49c846731b2b4"
+  "gitHead": "eec604346ec793e27892f0522ab81cafde40fd9e"
 }

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=9)}([function(e,t){e.exports=require("@babel/runtime/helpers/interopRequireDefault")},function(e,t){e.exports=require("react")},function(e,t){e.exports=require("react-native-web/dist/cjs/exports/View")},function(e,t){e.exports=require("@times-components/styleguide/rnw")},function(e,t){e.exports=require("react-native-web/dist/cjs/exports/Text")},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.defaultProps=t.propTypes=void 0;var o=n(r(6)),i=o.default.oneOfType([o.default.string,o.default.number]),a={accountId:o.default.string.isRequired,height:i.isRequired,id:o.default.string,is360:o.default.bool,playerId:o.default.string,policyKey:o.default.string.isRequired,poster:o.default.shape({uri:o.default.string.isRequired}),videoId:o.default.string.isRequired,width:i.isRequired};t.propTypes=a;t.defaultProps={is360:!1,playerId:"default",poster:null}},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(8)),i=n(r(27)),a=r(3),u=n(r(28));function l(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 d(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?l(Object(r),!0).forEach((function(t){(0,o.default)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):l(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var s=i.default.create(d(d({},u.default),{},{background:{alignItems:"center",backgroundColor:a.colours.functional.transparentBlack,display:"flex",justifyContent:"center"},body:{color:"rgba(255, 255, 255, 0.8)",fontFamily:a.fonts.body,fontSize:"14px",height:"auto",maxWidth:"80%",textAlign:"center",width:410},heading:{color:"white",fontFamily:a.fonts.headline,fontSize:"20px",height:"auto",marginBottom:(0,a.spacing)(2),textAlign:"center",width:"auto"}}));t.default=s},function(e,t){e.exports=require("@babel/runtime/helpers/defineProperty")},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.IsPaidSubscriberContext=t.default=void 0;var o=n(r(1)),i=n(r(2)),a=n(r(4)),u=n(r(10)),l=n(r(11)),d=n(r(12)),s=n(r(25)),c=n(r(26)),f=r(5),p=n(r(7)),h=function(e){var t=e.height,r=e.poster,n=e.width;return o.default.createElement(l.default,null,(function(l){return l.hasError?o.default.createElement(c.default,{height:t,width:n}):o.default.createElement(s.default.Consumer,null,(function(l){return l?o.default.createElement(d.default,e):o.default.createElement(i.default,{style:{height:t,width:n}},o.default.createElement(u.default,{aspectRatio:n/t,uri:r.uri}),o.default.createElement(i.default,{style:p.default.noSubscriptionWrapper},o.default.createElement(a.default,{style:p.default.noSubscriptionMessage},"We are sorry, you need to be a subscriber to watch this video")))}))}))};h.defaultProps=f.defaultProps;var v=h;t.default=v;var y=s.default.Provider;t.IsPaidSubscriberContext=y},function(e,t){e.exports=require("@times-components/image/rnw")},function(e,t){e.exports=require("@times-components/error-view/rnw")},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=n(r(13)),i=n(r(14)),a=n(r(15)),u=n(r(16)),l=n(r(17)),d=n(r(18)),s=n(r(19)),c=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 i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var a=o?Object.getOwnPropertyDescriptor(e,i):null;a&&(a.get||a.set)?Object.defineProperty(n,i,a):n[i]=e[i]}n.default=e,r&&r.set(e,n);return n}(r(1)),f=r(20),p=r(5),h=n(r(21));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 y(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,d.default)(this,r)}}var b=function(e){(0,l.default)(r,e);var t=y(r);function r(e){var n;return(0,i.default)(this,r),(n=t.call(this,e)).handleError=function(){n.setState({error:!0})},n.handlePlay=function(){n.setState({hasVideoPlayed:!0}),r.activePlayers.forEach((function(e){e!==(0,u.default)(n)&&e.player&&e.player.pause()}))},n.state={error:null,hasVideoPlayed:!1},n.id=e.videoId+"-"+e.accountId+"-"+e.id,n.videoContainerRef=c.default.createRef(),n.observer=null,n}return(0,a.default)(r,[{key:"componentDidMount",value:function(){this.observer=this.createIntersectionObserver(),this.observer&&this.videoContainerRef?this.observer.observe(this.videoContainerRef.current):this.loadBrightcoveSDKIfRequired(),r.scriptLoadError&&this.handleError(r.scriptLoadError),r.activePlayers.push(this),r.brightcoveSDKHasLoaded()&&this.initBrightcove()}},{key:"componentWillUnmount",value:function(){r.activePlayers.splice(r.activePlayers.indexOf(this)),this.player&&(this.player.dispose(),this.player=null),this.observer&&this.observer.disconnect()}},{key:"createIntersectionObserver",value:function(){var e=this;return"IntersectionObserver"in window?new window.IntersectionObserver((function(t){t[0].isIntersecting&&e.loadBrightcoveSDKIfRequired()})):null}},{key:"loadBrightcoveSDKIfRequired",value:function(){if(!r.brightcoveSDKLoadedStarted){r.brightcoveSDKLoadedStarted=!0;var e=this.createBrightcoveScript();e.onload=function(){r.activePlayers.forEach((function(e){return e.initVideojs()}))},e.onerror=function(){r.scriptLoadError="Brightcove script failed to load",r.activePlayers.forEach((function(e){return e.handleError()}))},r.appendScript(e),r.attachStyles()}}},{key:"createBrightcoveScript",value:function(){var e=this.props,t=e.accountId,r=e.playerId,n=document.createElement("script");return n.src="//players.brightcove.net/"+t+"/"+r+"_default/index.min.js",n.defer=!0,n}},{key:"initVideojs",value:function(){var e=this;this.player=window.videojs(this.id),this.player.ready((function(){e.player.contextmenu({disabled:!0})})),this.player.on("error",this.handleError),this.player.on("play",this.handlePlay)}},{key:"initBrightcove",value:function(){window.bc(document.getElementById(this.id)),this.initVideojs()}},{key:"render",value:function(){var e=this.props,t=e.width,r=e.height,n=e.poster,i=e.videoId,a=e.accountId,u=e.playerId,l=e.is360,d=this.state,s=d.error,p=d.hasVideoPlayed;if(s)throw new Error("Can't load video");return c.default.createElement("div",{"data-is-360":l,"data-testid":"video-component",ref:this.videoContainerRef,style:{height:r,width:t}},c.default.createElement("div",{style:{height:r,width:t,position:"relative"}},!p&&c.default.createElement(c.Fragment,null,l&&c.default.createElement(h.default,null)),c.default.createElement("video",(0,o.default)({id:this.id,style:{height:r,width:t}},n?{poster:(0,f.appendToImageURL)(n.uri,"resize",960)}:{},{className:"video-js",controls:!0,"data-account":a,"data-application-id":!0,"data-embed":"default","data-player":u,"data-video-id":i}))))}}],[{key:"brightcoveSDKHasLoaded",value:function(){return!(!window.bc||!window.videojs)}},{key:"appendScript",value:function(e){document.body.appendChild(e)}},{key:"attachStyles",value:function(){var e=document.createElement("style");e.type="text/css";var t=document.createTextNode('\n  div[data-is-360="true"] button.vjs-big-play-button {\n    display: none !important;\n  }\n\n  .video-js .vjs-big-play-button {\n    width: 70px;\n    height: 70px;\n    margin-top: -35px;\n    margin-left: -35px;\n\n    background: rgba(0, 0, 0, 0.4);\n\n    line-height: 65px;\n\n    border-radius: 0;\n    border-style: solid;\n    border-width: 3px;\n    border-color: white;\n  }\n\n  .video-js .vjs-big-play-button:before {\n    font-size: 60px;\n    left: -2px;\n  }\n\n  .video-js .vjs-dock-text {\n    visibility: hidden;\n  }\n\n  .video-js .vjs-poster {\n    background-size: cover;\n  }\n\n  .video-js .vjs-tech {\n    position: relative;\n  }\n');e.appendChild(t),document.head.appendChild(e)}}]),r}(c.Component);b.scriptLoadError=!1,b.activePlayers=[],b.brightcoveSDKLoadedStarted=!1,b.defaultProps=p.defaultProps;var g=b;t.default=g},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/utils/rnw")},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=n(r(1)),i=r(22),a=r(3),u=n(r(23)),l=function(){return o.default.createElement(u.default,null,o.default.createElement(i.IconVideo360Player,{fillColour:a.colours.functional.white,height:100}))};t.default=l},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(2)),i=(0,n(r(24)).default)(o.default).withConfig({displayName:"responsiveweb__Video360Container",componentId:"sc-1uc624o-0"})(['border-radius:100%;left:50%;position:absolute;height:100px;top:50%;transform:translate(-50%,-50%);width:100px;z-index:1;pointer-events:none;[data-is-360="true"]:hover &{background:rgba(0,0,0,0.2);}']);t.default=i},function(e,t){e.exports=require("styled-components")},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=n(r(1)).default.createContext(!0);t.default=o},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=n(r(1)),i=(n(r(6)),n(r(2))),a=n(r(4)),u=n(r(7)),l=function(e){var t=e.height,r=e.width;return o.default.createElement(i.default,{style:[u.default.background,{height:t,width:r}]},o.default.createElement(a.default,{style:u.default.heading},"Video unable to play"),o.default.createElement(a.default,{style:u.default.body},"Please check your network connection and try refreshing the page. If that doesn't work, please try again later"))};t.default=l},function(e,t){e.exports=require("react-native-web/dist/cjs/exports/StyleSheet")},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=n(r(8)),i=r(3);function a(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}var u={noSubscriptionMessage:function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?a(Object(r),!0).forEach((function(t){(0,o.default)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):a(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}({backgroundColor:"rgba(0, 0, 0, 0.7)",color:i.colours.functional.contrast,marginLeft:"auto",marginRight:"auto",maxWidth:"80%",padding:(0,i.spacing)(2),textAlign:"center",width:300},(0,i.fontFactory)({font:"body"})),noSubscriptionWrapper:{height:65,left:0,marginTop:-32,position:"absolute",right:0,top:"50%"},overlay:{alignItems:"center",flex:1,justifyContent:"center",left:0,position:"absolute",top:0,zIndex:2},videoTabletContainer:{alignSelf:"center"}};t.default=u}]);
+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=9)}([function(e,t){e.exports=require("@babel/runtime/helpers/interopRequireDefault")},function(e,t){e.exports=require("react")},function(e,t){e.exports=require("react-native-web/dist/cjs/exports/View")},function(e,t){e.exports=require("@times-components/styleguide/rnw")},function(e,t){e.exports=require("react-native-web/dist/cjs/exports/Text")},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.defaultProps=t.propTypes=void 0;var o=n(r(6)),i=o.default.oneOfType([o.default.string,o.default.number]),a={accountId:o.default.string.isRequired,height:i.isRequired,id:o.default.string,is360:o.default.bool,playerId:o.default.string,policyKey:o.default.string.isRequired,poster:o.default.shape({uri:o.default.string.isRequired}),videoId:o.default.string.isRequired,width:i.isRequired};t.propTypes=a;t.defaultProps={is360:!1,playerId:"default",poster:null}},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(8)),i=n(r(27)),a=r(3),u=n(r(28));function l(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 d(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?l(Object(r),!0).forEach((function(t){(0,o.default)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):l(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var s=i.default.create(d(d({},u.default),{},{background:{alignItems:"center",backgroundColor:a.colours.functional.transparentBlack,display:"flex",justifyContent:"center"},body:{color:"rgba(255, 255, 255, 0.8)",fontFamily:a.fonts.body,fontSize:"14px",height:"auto",maxWidth:"80%",textAlign:"center",width:410},heading:{color:"white",fontFamily:a.fonts.headline,fontSize:"20px",height:"auto",marginBottom:(0,a.spacing)(2),textAlign:"center",width:"auto"}}));t.default=s},function(e,t){e.exports=require("@babel/runtime/helpers/defineProperty")},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.IsPaidSubscriberContext=t.default=void 0;var o=n(r(1)),i=n(r(2)),a=n(r(4)),u=n(r(10)),l=n(r(11)),d=n(r(12)),s=n(r(25)),c=n(r(26)),f=r(5),p=n(r(7)),h=function(e){var t=e.height,r=e.poster,n=e.width;return o.default.createElement(l.default,null,(function(l){return l.hasError?o.default.createElement(c.default,{height:t,width:n}):o.default.createElement(s.default.Consumer,null,(function(l){return l?o.default.createElement(d.default,e):o.default.createElement(i.default,{style:{height:t,width:n}},o.default.createElement(u.default,{aspectRatio:n/t,uri:r.uri}),o.default.createElement(i.default,{style:p.default.noSubscriptionWrapper},o.default.createElement(a.default,{style:p.default.noSubscriptionMessage},"We are sorry, you need to be a subscriber to watch this video")))}))}))};h.defaultProps=f.defaultProps;var v=h;t.default=v;var y=s.default.Provider;t.IsPaidSubscriberContext=y},function(e,t){e.exports=require("@times-components/image/rnw")},function(e,t){e.exports=require("@times-components/error-view/rnw")},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=n(r(13)),i=n(r(14)),a=n(r(15)),u=n(r(16)),l=n(r(17)),d=n(r(18)),s=n(r(19)),c=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 i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var a=o?Object.getOwnPropertyDescriptor(e,i):null;a&&(a.get||a.set)?Object.defineProperty(n,i,a):n[i]=e[i]}n.default=e,r&&r.set(e,n);return n}(r(1)),f=r(20),p=r(5),h=n(r(21));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 y(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,d.default)(this,r)}}var b=function(e){(0,l.default)(r,e);var t=y(r);function r(e){var n;return(0,i.default)(this,r),(n=t.call(this,e)).handleError=function(){n.setState({error:!0})},n.handlePlay=function(){n.setState({hasVideoPlayed:!0}),r.activePlayers.forEach((function(e){e!==(0,u.default)(n)&&e.player&&e.player.pause()}))},n.state={error:null,hasVideoPlayed:!1},n.id=e.videoId+"-"+e.accountId+"-"+e.id,n.videoContainerRef=c.default.createRef(),n.observer=null,n}return(0,a.default)(r,[{key:"componentDidMount",value:function(){this.observer=this.createIntersectionObserver(),this.observer&&this.videoContainerRef?this.observer.observe(this.videoContainerRef.current):this.loadBrightcoveSDKIfRequired(),r.scriptLoadError&&this.handleError(r.scriptLoadError),r.activePlayers.push(this),r.brightcoveSDKHasLoaded()&&this.initBrightcove()}},{key:"componentWillUnmount",value:function(){r.activePlayers.splice(r.activePlayers.indexOf(this)),this.player&&(this.player.dispose(),this.player=null),this.observer&&this.observer.disconnect()}},{key:"createIntersectionObserver",value:function(){var e=this;return"IntersectionObserver"in window?new window.IntersectionObserver((function(t){t[0].isIntersecting&&e.loadBrightcoveSDKIfRequired()})):null}},{key:"loadBrightcoveSDKIfRequired",value:function(){if(!r.brightcoveSDKLoadedStarted){r.brightcoveSDKLoadedStarted=!0;var e=this.createBrightcoveScript();e.onload=function(){r.activePlayers.forEach((function(e){return e.initVideojs()}))},e.onerror=function(){r.scriptLoadError="Brightcove script failed to load",r.activePlayers.forEach((function(e){return e.handleError()}))},r.appendScript(e),r.attachStyles()}}},{key:"createBrightcoveScript",value:function(){var e=this.props,t=e.accountId,r=e.playerId,n=document.createElement("script");return n.src="//players.brightcove.net/"+t+"/"+r+"_default/index.min.js",n.defer=!0,n}},{key:"initVideojs",value:function(){var e=this;this.player=window.videojs(this.id),this.player.ready((function(){e.player.contextmenu({disabled:!0})})),this.player.on("error",this.handleError),this.player.on("play",this.handlePlay)}},{key:"initBrightcove",value:function(){window.bc(document.getElementById(this.id)),this.initVideojs()}},{key:"render",value:function(){var e=this.props,t=e.width,r=e.height,n=e.poster,i=e.videoId,a=e.accountId,u=e.playerId,l=e.is360,d=this.state,s=d.error,p=d.hasVideoPlayed;if(s)throw new Error("Can't load video");return c.default.createElement("div",{"data-is-360":l,"data-testid":"video-component",ref:this.videoContainerRef,style:{height:r,width:t}},c.default.createElement("div",{style:{height:r,width:t,position:"relative"}},!p&&c.default.createElement(c.Fragment,null,l&&c.default.createElement(h.default,null)),c.default.createElement("video",(0,o.default)({id:this.id,style:{height:r,width:t}},n?{poster:(0,f.appendToImageURL)(n.uri,"resize",960)}:{},{className:"video-js",controls:!0,"data-account":a,"data-application-id":!0,"data-embed":"default","data-player":u,"data-video-id":i}))))}}],[{key:"brightcoveSDKHasLoaded",value:function(){return!(!window.bc||!window.videojs)}},{key:"appendScript",value:function(e){document.body.appendChild(e)}},{key:"attachStyles",value:function(){var e=document.createElement("style");e.type="text/css";var t=document.createTextNode('\n  div[data-is-360="true"] button.vjs-big-play-button {\n    display: none !important;\n  }\n\n  .video-js .vjs-big-play-button {\n    width: 70px;\n    height: 70px;\n    margin-top: -35px;\n    margin-left: -35px;\n\n    background: rgba(0, 0, 0, 0.4);\n\n    line-height: 65px;\n\n    border-radius: 0;\n    border-style: solid;\n    border-width: 3px;\n    border-color: white;\n  }\n\n  .video-js .vjs-big-play-button:before {\n    font-size: 60px;\n    left: -2px;\n  }\n\n  .video-js .vjs-dock-text {\n    visibility: hidden;\n  }\n\n  .video-js .vjs-poster {\n    background-size: cover;\n  }\n\n  .video-js .vjs-tech {\n    position: relative;\n  }\n');e.appendChild(t),document.head.appendChild(e)}}]),r}(c.Component);b.scriptLoadError=!1,b.activePlayers=[],b.brightcoveSDKLoadedStarted=!1,b.defaultProps=p.defaultProps;var g=b;t.default=g},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/utils/rnw")},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=n(r(1)),i=r(22),a=r(3),u=n(r(23)),l=function(){return o.default.createElement(u.default,null,o.default.createElement(i.IconVideo360Player,{fillColour:a.colours.functional.white,height:100}))};t.default=l},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(2)),i=(0,n(r(24)).default)(o.default).withConfig({displayName:"responsive__Video360Container",componentId:"sc-1v4a8sf-0"})(['border-radius:100%;left:50%;position:absolute;height:100px;top:50%;transform:translate(-50%,-50%);width:100px;z-index:1;pointer-events:none;[data-is-360="true"]:hover &{background:rgba(0,0,0,0.2);}']);t.default=i},function(e,t){e.exports=require("styled-components")},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=n(r(1)).default.createContext(!0);t.default=o},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=n(r(1)),i=(n(r(6)),n(r(2))),a=n(r(4)),u=n(r(7)),l=function(e){var t=e.height,r=e.width;return o.default.createElement(i.default,{style:[u.default.background,{height:t,width:r}]},o.default.createElement(a.default,{style:u.default.heading},"Video unable to play"),o.default.createElement(a.default,{style:u.default.body},"Please check your network connection and try refreshing the page. If that doesn't work, please try again later"))};t.default=l},function(e,t){e.exports=require("react-native-web/dist/cjs/exports/StyleSheet")},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=n(r(8)),i=r(3);function a(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}var u={noSubscriptionMessage:function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?a(Object(r),!0).forEach((function(t){(0,o.default)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):a(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}({backgroundColor:"rgba(0, 0, 0, 0.7)",color:i.colours.functional.contrast,marginLeft:"auto",marginRight:"auto",maxWidth:"80%",padding:(0,i.spacing)(2),textAlign:"center",width:300},(0,i.fontFactory)({font:"body"})),noSubscriptionWrapper:{height:65,left:0,marginTop:-32,position:"absolute",right:0,top:"50%"},overlay:{alignItems:"center",flex:1,justifyContent:"center",left:0,position:"absolute",top:0,zIndex:2},videoTabletContainer:{alignSelf:"center"}};t.default=u}]);

package/dist/inline-video-player.web.js

@@ -1 +0,0 @@
-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 _utils=require("@times-components/utils");var _videoPropTypes=require("./video-prop-types");var _video360Icon=_interopRequireDefault(require("./video-360-icon"));var _jsxFileName="/home/circleci/project/packages/video/src/inline-video-player.web.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 css="\n  div[data-is-360=\"true\"] button.vjs-big-play-button {\n    display: none !important;\n  }\n\n  .video-js .vjs-big-play-button {\n    width: 70px;\n    height: 70px;\n    margin-top: -35px;\n    margin-left: -35px;\n\n    background: rgba(0, 0, 0, 0.4);\n\n    line-height: 65px;\n\n    border-radius: 0;\n    border-style: solid;\n    border-width: 3px;\n    border-color: white;\n  }\n\n  .video-js .vjs-big-play-button:before {\n    font-size: 60px;\n    left: -2px;\n  }\n\n  .video-js .vjs-dock-text {\n    visibility: hidden;\n  }\n\n  .video-js .vjs-poster {\n    background-size: cover;\n  }\n\n  .video-js .vjs-tech {\n    position: relative;\n  }\n";var InlineVideoPlayer=function(_Component){(0,_inherits2.default)(InlineVideoPlayer,_Component);var _super=_createSuper(InlineVideoPlayer);function InlineVideoPlayer(props){var _this;(0,_classCallCheck2.default)(this,InlineVideoPlayer);_this=_super.call(this,props);_this.handleError=function(){_this.setState({error:true});};_this.handlePlay=function(){_this.setState({hasVideoPlayed:true});InlineVideoPlayer.activePlayers.forEach(function(video){if(video!==(0,_assertThisInitialized2.default)(_this)&&video.player){video.player.pause();}});};_this.state={error:null,hasVideoPlayed:false};_this.id=props.videoId+"-"+props.accountId+"-"+props.id;_this.videoContainerRef=_react.default.createRef();_this.observer=null;return _this;}(0,_createClass2.default)(InlineVideoPlayer,[{key:"componentDidMount",value:function componentDidMount(){this.observer=this.createIntersectionObserver();if(this.observer&&this.videoContainerRef){this.observer.observe(this.videoContainerRef.current);}else{this.loadBrightcoveSDKIfRequired();}if(InlineVideoPlayer.scriptLoadError){this.handleError(InlineVideoPlayer.scriptLoadError);}InlineVideoPlayer.activePlayers.push(this);if(InlineVideoPlayer.brightcoveSDKHasLoaded()){this.initBrightcove();}}},{key:"componentWillUnmount",value:function componentWillUnmount(){InlineVideoPlayer.activePlayers.splice(InlineVideoPlayer.activePlayers.indexOf(this));if(this.player){this.player.dispose();this.player=null;}if(this.observer){this.observer.disconnect();}}},{key:"createIntersectionObserver",value:function createIntersectionObserver(){var _this2=this;return"IntersectionObserver"in window?new window.IntersectionObserver(function(entries){if(entries[0].isIntersecting){_this2.loadBrightcoveSDKIfRequired();}}):null;}},{key:"loadBrightcoveSDKIfRequired",value:function loadBrightcoveSDKIfRequired(){if(!InlineVideoPlayer.brightcoveSDKLoadedStarted){InlineVideoPlayer.brightcoveSDKLoadedStarted=true;var s=this.createBrightcoveScript();s.onload=function(){InlineVideoPlayer.activePlayers.forEach(function(player){return player.initVideojs();});};s.onerror=function(){InlineVideoPlayer.scriptLoadError="Brightcove script failed to load";InlineVideoPlayer.activePlayers.forEach(function(player){return player.handleError();});};InlineVideoPlayer.appendScript(s);InlineVideoPlayer.attachStyles();}}},{key:"createBrightcoveScript",value:function createBrightcoveScript(){var _this$props=this.props,accountId=_this$props.accountId,playerId=_this$props.playerId;var s=document.createElement("script");s.src="//players.brightcove.net/"+accountId+"/"+playerId+"_default/index.min.js";s.defer=true;return s;}},{key:"initVideojs",value:function initVideojs(){var _this3=this;this.player=window.videojs(this.id);this.player.ready(function(){_this3.player.contextmenu({disabled:true});});this.player.on("error",this.handleError);this.player.on("play",this.handlePlay);}},{key:"initBrightcove",value:function initBrightcove(){window.bc(document.getElementById(this.id));this.initVideojs();}},{key:"render",value:function render(){var _this$props2=this.props,width=_this$props2.width,height=_this$props2.height,poster=_this$props2.poster,videoId=_this$props2.videoId,accountId=_this$props2.accountId,playerId=_this$props2.playerId,is360=_this$props2.is360;var _this$state=this.state,error=_this$state.error,hasVideoPlayed=_this$state.hasVideoPlayed;if(error){throw new Error("Can't load video");}return _react.default.createElement("div",{"data-is-360":is360,"data-testid":"video-component",ref:this.videoContainerRef,style:{height:height,width:width},__source:{fileName:_jsxFileName,lineNumber:201,columnNumber:7}},_react.default.createElement("div",{style:{height:height,width:width,position:"relative"},__source:{fileName:_jsxFileName,lineNumber:207,columnNumber:9}},!hasVideoPlayed&&_react.default.createElement(_react.Fragment,{__source:{fileName:_jsxFileName,lineNumber:208,columnNumber:31}},is360&&_react.default.createElement(_video360Icon.default,{__source:{fileName:_jsxFileName,lineNumber:208,columnNumber:51}})),_react.default.createElement("video",(0,_extends2.default)({id:this.id,style:{height:height,width:width}},poster?{poster:(0,_utils.appendToImageURL)(poster.uri,"resize",960)}:{},{className:"video-js",controls:true,"data-account":accountId,"data-application-id":true,"data-embed":"default","data-player":playerId,"data-video-id":videoId,__source:{fileName:_jsxFileName,lineNumber:209,columnNumber:11}}))));}}],[{key:"brightcoveSDKHasLoaded",value:function brightcoveSDKHasLoaded(){return!!(window.bc&&window.videojs);}},{key:"appendScript",value:function appendScript(s){document.body.appendChild(s);}},{key:"attachStyles",value:function attachStyles(){var styleTag=document.createElement("style");styleTag.type="text/css";var cssText=document.createTextNode(css);styleTag.appendChild(cssText);document.head.appendChild(styleTag);}}]);return InlineVideoPlayer;}(_react.Component);InlineVideoPlayer.scriptLoadError=false;InlineVideoPlayer.activePlayers=[];InlineVideoPlayer.brightcoveSDKLoadedStarted=false;InlineVideoPlayer.defaultProps=_videoPropTypes.defaultProps;InlineVideoPlayer.propTypes=_videoPropTypes.propTypes;var _default=InlineVideoPlayer;exports.default=_default;

package/dist/video-error.web.js

@@ -1 +0,0 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _react=_interopRequireDefault(require("react"));var _propTypes=_interopRequireDefault(require("prop-types"));var _reactNative=require("react-native");var _styles=_interopRequireDefault(require("./styles"));var _jsxFileName="/home/circleci/project/packages/video/src/video-error.web.js";var VideoError=function VideoError(_ref){var height=_ref.height,width=_ref.width;return _react.default.createElement(_reactNative.View,{style:[_styles.default.background,{height:height,width:width}],__source:{fileName:_jsxFileName,lineNumber:7,columnNumber:3}},_react.default.createElement(_reactNative.Text,{style:_styles.default.heading,__source:{fileName:_jsxFileName,lineNumber:16,columnNumber:5}},"Video unable to play"),_react.default.createElement(_reactNative.Text,{style:_styles.default.body,__source:{fileName:_jsxFileName,lineNumber:17,columnNumber:5}},"Please check your network connection and try refreshing the page. If that doesn't work, please try again later"));};VideoError.propTypes={height:_propTypes.default.oneOfType([_propTypes.default.string,_propTypes.default.number]).isRequired,width:_propTypes.default.oneOfType([_propTypes.default.string,_propTypes.default.number]).isRequired};var _default=VideoError;exports.default=_default;

package/dist/video.web.js

@@ -1 +0,0 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.IsPaidSubscriberContext=exports.default=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _react=_interopRequireDefault(require("react"));var _reactNative=require("react-native");var _image=_interopRequireDefault(require("@times-components/image"));var _errorView=_interopRequireDefault(require("@times-components/error-view"));var _inlineVideoPlayer=_interopRequireDefault(require("./inline-video-player"));var _isPaidSubscriber=_interopRequireDefault(require("./is-paid-subscriber"));var _videoError=_interopRequireDefault(require("./video-error"));var _videoPropTypes=require("./video-prop-types");var _styles=_interopRequireDefault(require("./styles"));var _jsxFileName="/home/circleci/project/packages/video/src/video.web.js";var Video=function Video(props){var height=props.height,poster=props.poster,width=props.width;return _react.default.createElement(_errorView.default,{__source:{fileName:_jsxFileName,lineNumber:14,columnNumber:5}},function(_ref){var hasError=_ref.hasError;return hasError?_react.default.createElement(_videoError.default,{height:height,width:width,__source:{fileName:_jsxFileName,lineNumber:17,columnNumber:11}}):_react.default.createElement(_isPaidSubscriber.default.Consumer,{__source:{fileName:_jsxFileName,lineNumber:19,columnNumber:11}},function(isPaidSubscriber){return!isPaidSubscriber?_react.default.createElement(_reactNative.View,{style:{height:height,width:width},__source:{fileName:_jsxFileName,lineNumber:22,columnNumber:17}},_react.default.createElement(_image.default,{aspectRatio:width/height,uri:poster.uri,__source:{fileName:_jsxFileName,lineNumber:28,columnNumber:19}}),_react.default.createElement(_reactNative.View,{style:_styles.default.noSubscriptionWrapper,__source:{fileName:_jsxFileName,lineNumber:29,columnNumber:19}},_react.default.createElement(_reactNative.Text,{style:_styles.default.noSubscriptionMessage,__source:{fileName:_jsxFileName,lineNumber:30,columnNumber:21}},"We are sorry, you need to be a subscriber to watch this video"))):_react.default.createElement(_inlineVideoPlayer.default,(0,_extends2.default)({},props,{__source:{fileName:_jsxFileName,lineNumber:37,columnNumber:17}}));});});};Video.defaultProps=_videoPropTypes.defaultProps;Video.propTypes=_videoPropTypes.propTypes;var _default=Video;exports.default=_default;var IsPaidSubscriberContext=_isPaidSubscriber.default.Provider;exports.IsPaidSubscriberContext=IsPaidSubscriberContext;