@times-components/video 4.11.44 → 4.11.47

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/CHANGELOG.md +24 -0
  2. package/dist/styles.js +1 -1
  3. package/dist/video-360-icon.js +1 -1
  4. package/package.json +8 -8
  5. package/rnw.js +1 -1
package/CHANGELOG.md CHANGED
@@ -3,6 +3,30 @@
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
+ ## [4.11.47](https://github.com/newsuk/times-components/compare/@times-components/video@4.11.46...@times-components/video@4.11.47) (2022-06-22)
7
+
8
+ **Note:** Version bump only for package @times-components/video
9
+
10
+
11
+
12
+
13
+
14
+ ## [4.11.46](https://github.com/newsuk/times-components/compare/@times-components/video@4.11.45...@times-components/video@4.11.46) (2022-05-16)
15
+
16
+ **Note:** Version bump only for package @times-components/video
17
+
18
+
19
+
20
+
21
+
22
+ ## [4.11.45](https://github.com/newsuk/times-components/compare/@times-components/video@4.11.44...@times-components/video@4.11.45) (2022-05-12)
23
+
24
+ **Note:** Version bump only for package @times-components/video
25
+
26
+
27
+
28
+
29
+
6
30
  ## [4.11.44](https://github.com/newsuk/times-components/compare/@times-components/video@4.11.43...@times-components/video@4.11.44) (2022-05-12)
7
31
 
8
32
  **Note:** Version bump only for package @times-components/video
package/dist/styles.js CHANGED
@@ -1 +1 @@
1
- var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.NoSubscriptionMessage=exports.NoSubscriptionWrapper=exports.VideoErrorBody=exports.VideoErrorHeading=exports.VideoErrorContainer=exports.Video360Container=void 0;var _styledComponents=_interopRequireDefault(require("styled-components"));var _styleguide=require("@times-components/styleguide");var Video360Container=_styledComponents.default.div.withConfig({displayName:"styles__Video360Container",componentId:"sc-1b2p9l4-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);}"]);exports.Video360Container=Video360Container;var VideoErrorContainer=_styledComponents.default.div.withConfig({displayName:"styles__VideoErrorContainer",componentId:"sc-1b2p9l4-1"})(["display:flex;align-items:center;justify-content:center;flex-direction:column;background-color:",";"],_styleguide.colours.functional.transparentBlack);exports.VideoErrorContainer=VideoErrorContainer;var VideoErrorHeading=_styledComponents.default.span.withConfig({displayName:"styles__VideoErrorHeading",componentId:"sc-1b2p9l4-2"})(["color:white;font-family:",";font-size:20px;height:auto;width:auto;margin-bottom:",";text-align:center;"],_styleguide.fonts.headline,(0,_styleguide.spacing)(2));exports.VideoErrorHeading=VideoErrorHeading;var VideoErrorBody=_styledComponents.default.span.withConfig({displayName:"styles__VideoErrorBody",componentId:"sc-1b2p9l4-3"})(["color:rgba(255,255,255,0.8);font-family:",";font-size:14px;height:auto;max-width:80%;text-align:center;width:410px;"],_styleguide.fonts.body);exports.VideoErrorBody=VideoErrorBody;var NoSubscriptionWrapper=_styledComponents.default.div.withConfig({displayName:"styles__NoSubscriptionWrapper",componentId:"sc-1b2p9l4-4"})(["position:absolute;height:65px;left:0;right:0;top:50%;margin-top:-32px;"]);exports.NoSubscriptionWrapper=NoSubscriptionWrapper;var NoSubscriptionMessage=_styledComponents.default.span.withConfig({displayName:"styles__NoSubscriptionMessage",componentId:"sc-1b2p9l4-5"})(["background-color:rgba(0,0,0,0.7);color:",";margin-left:auto;margin-right:auto;max-width:80%;padding:",";text-align:center;width:300px;font-family:",";font-size:14px;"],_styleguide.colours.functional.contrast,(0,_styleguide.spacing)(2),_styleguide.fonts.body);exports.NoSubscriptionMessage=NoSubscriptionMessage;
1
+ var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.NoSubscriptionMessage=exports.NoSubscriptionWrapper=exports.VideoErrorBody=exports.VideoErrorHeading=exports.VideoErrorContainer=exports.Video360Container=void 0;var _styledComponents=_interopRequireDefault(require("styled-components"));var _tsStyleguide=require("@times-components/ts-styleguide");var Video360Container=_styledComponents.default.div.withConfig({displayName:"styles__Video360Container",componentId:"sc-1b2p9l4-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);}"]);exports.Video360Container=Video360Container;var VideoErrorContainer=_styledComponents.default.div.withConfig({displayName:"styles__VideoErrorContainer",componentId:"sc-1b2p9l4-1"})(["display:flex;align-items:center;justify-content:center;flex-direction:column;background-color:",";"],_tsStyleguide.colours.functional.transparentBlack);exports.VideoErrorContainer=VideoErrorContainer;var VideoErrorHeading=_styledComponents.default.span.withConfig({displayName:"styles__VideoErrorHeading",componentId:"sc-1b2p9l4-2"})(["color:white;font-family:",";font-size:20px;height:auto;width:auto;margin-bottom:",";text-align:center;"],_tsStyleguide.fonts.headline,(0,_tsStyleguide.spacing)(2));exports.VideoErrorHeading=VideoErrorHeading;var VideoErrorBody=_styledComponents.default.span.withConfig({displayName:"styles__VideoErrorBody",componentId:"sc-1b2p9l4-3"})(["color:rgba(255,255,255,0.8);font-family:",";font-size:14px;height:auto;max-width:80%;text-align:center;width:410px;"],_tsStyleguide.fonts.body);exports.VideoErrorBody=VideoErrorBody;var NoSubscriptionWrapper=_styledComponents.default.div.withConfig({displayName:"styles__NoSubscriptionWrapper",componentId:"sc-1b2p9l4-4"})(["position:absolute;height:65px;left:0;right:0;top:50%;margin-top:-32px;"]);exports.NoSubscriptionWrapper=NoSubscriptionWrapper;var NoSubscriptionMessage=_styledComponents.default.span.withConfig({displayName:"styles__NoSubscriptionMessage",componentId:"sc-1b2p9l4-5"})(["background-color:rgba(0,0,0,0.7);color:",";margin-left:auto;margin-right:auto;max-width:80%;padding:",";text-align:center;width:300px;font-family:",";font-size:14px;"],_tsStyleguide.colours.functional.contrast,(0,_tsStyleguide.spacing)(2),_tsStyleguide.fonts.body);exports.NoSubscriptionMessage=NoSubscriptionMessage;
package/dist/video-360-icon.js CHANGED
@@ -1 +1 @@
1
- var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _react=_interopRequireDefault(require("react"));var _icons=require("@times-components/icons");var _styleguide=require("@times-components/styleguide");var _styles=require("./styles");var _jsxFileName="/home/circleci/project/packages/video/src/video-360-icon.js";var video360Icon=function video360Icon(){return _react.default.createElement(_styles.Video360Container,{__source:{fileName:_jsxFileName,lineNumber:7,columnNumber:3}},_react.default.createElement(_icons.IconVideo360Player,{fillColour:_styleguide.colours.functional.white,height:100,__source:{fileName:_jsxFileName,lineNumber:8,columnNumber:5}}));};var _default=video360Icon;exports.default=_default;
1
+ var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _react=_interopRequireDefault(require("react"));var _icons=require("@times-components/icons");var _tsStyleguide=require("@times-components/ts-styleguide");var _styles=require("./styles");var _jsxFileName="/home/circleci/project/packages/video/src/video-360-icon.js";var video360Icon=function video360Icon(){return _react.default.createElement(_styles.Video360Container,{__source:{fileName:_jsxFileName,lineNumber:7,columnNumber:3}},_react.default.createElement(_icons.IconVideo360Player,{fillColour:_tsStyleguide.colours.functional.white,height:100,__source:{fileName:_jsxFileName,lineNumber:8,columnNumber:5}}));};var _default=video360Icon;exports.default=_default;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@times-components/video",
3
- "version": "4.11.44",
3
+ "version": "4.11.47",
4
4
  "main": "dist/video",
5
5
  "dev": "src/video",
6
6
  "scripts": {
@@ -43,7 +43,7 @@
43
43
  "@times-components/eslint-config-thetimes": "0.8.18",
44
44
  "@times-components/jest-configurator": "2.8.0",
45
45
  "@times-components/jest-serializer": "3.2.29",
46
- "@times-components/storybook": "4.2.21",
46
+ "@times-components/storybook": "4.2.23",
47
47
  "@times-components/test-utils": "2.3.10",
48
48
  "babel-jest": "24.8.0",
49
49
  "babel-loader": "8.0.5",
@@ -62,11 +62,11 @@
62
62
  "webpack-cli": "3.3.1"
63
63
  },
64
64
  "dependencies": {
65
- "@times-components/error-view": "2.3.89",
66
- "@times-components/icons": "2.16.32",
67
- "@times-components/image": "6.11.14",
68
- "@times-components/styleguide": "3.38.51",
69
- "@times-components/utils": "6.12.0",
65
+ "@times-components/error-view": "2.3.91",
66
+ "@times-components/icons": "2.17.0",
67
+ "@times-components/image": "6.11.16",
68
+ "@times-components/ts-styleguide": "1.36.2",
69
+ "@times-components/utils": "6.12.1",
70
70
  "prop-types": "15.7.2",
71
71
  "styled-components": "4.3.2"
72
72
  },
@@ -86,5 +86,5 @@
86
86
  "publishConfig": {
87
87
  "access": "public"
88
88
  },
89
- "gitHead": "e7b21de64381a9b6575d448f4ef6cd11b7bcc6f3"
89
+ "gitHead": "44b27d8dda5f6d3ee9d7a4ecd041e00cef5c6db3"
90
90
  }
package/rnw.js CHANGED
@@ -1 +1 @@
1
- module.exports=function(e){var t={};function r(n){if(t[n])return t[n].exports;var i=t[n]={i:n,l:!1,exports:{}};return e[n].call(i.exports,i,i.exports,r),i.l=!0,i.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 i in e)r.d(n,i,function(t){return e[t]}.bind(null,i));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=6)}([function(e,t){e.exports=require("@babel/runtime/helpers/interopRequireDefault")},function(e,t){e.exports=require("react")},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.NoSubscriptionMessage=t.NoSubscriptionWrapper=t.VideoErrorBody=t.VideoErrorHeading=t.VideoErrorContainer=t.Video360Container=void 0;var i=n(r(20)),o=r(5),a=i.default.div.withConfig({displayName:"styles__Video360Container",componentId:"sc-1b2p9l4-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.Video360Container=a;var l=i.default.div.withConfig({displayName:"styles__VideoErrorContainer",componentId:"sc-1b2p9l4-1"})(["display:flex;align-items:center;justify-content:center;flex-direction:column;background-color:",";"],o.colours.functional.transparentBlack);t.VideoErrorContainer=l;var u=i.default.span.withConfig({displayName:"styles__VideoErrorHeading",componentId:"sc-1b2p9l4-2"})(["color:white;font-family:",";font-size:20px;height:auto;width:auto;margin-bottom:",";text-align:center;"],o.fonts.headline,(0,o.spacing)(2));t.VideoErrorHeading=u;var d=i.default.span.withConfig({displayName:"styles__VideoErrorBody",componentId:"sc-1b2p9l4-3"})(["color:rgba(255,255,255,0.8);font-family:",";font-size:14px;height:auto;max-width:80%;text-align:center;width:410px;"],o.fonts.body);t.VideoErrorBody=d;var s=i.default.div.withConfig({displayName:"styles__NoSubscriptionWrapper",componentId:"sc-1b2p9l4-4"})(["position:absolute;height:65px;left:0;right:0;top:50%;margin-top:-32px;"]);t.NoSubscriptionWrapper=s;var c=i.default.span.withConfig({displayName:"styles__NoSubscriptionMessage",componentId:"sc-1b2p9l4-5"})(["background-color:rgba(0,0,0,0.7);color:",";margin-left:auto;margin-right:auto;max-width:80%;padding:",";text-align:center;width:300px;font-family:",";font-size:14px;"],o.colours.functional.contrast,(0,o.spacing)(2),o.fonts.body);t.NoSubscriptionMessage=c},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.defaultProps=t.propTypes=void 0;var i=n(r(4)),o=i.default.oneOfType([i.default.string,i.default.number]),a={accountId:i.default.string.isRequired,height:o.isRequired,id:i.default.string,is360:i.default.bool,playerId:i.default.string,policyKey:i.default.string.isRequired,poster:i.default.shape({uri:i.default.string.isRequired}),videoId:i.default.string.isRequired,width:o.isRequired};t.propTypes=a;t.defaultProps={is360:!1,playerId:"default",poster:null}},function(e,t){e.exports=require("prop-types")},function(e,t){e.exports=require("@times-components/styleguide/rnw")},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.IsPaidSubscriberContext=t.default=void 0;var i=n(r(1)),o=n(r(7)),a=n(r(8)),l=n(r(9)),u=n(r(21)),d=n(r(22)),s=r(3),c=r(2),f=function(e){var t=e.height,r=e.poster,n=e.width;return i.default.createElement(a.default,null,(function(a){return a.hasError?i.default.createElement(d.default,{height:t,width:n}):i.default.createElement(u.default.Consumer,null,(function(a){return a?i.default.createElement(l.default,e):i.default.createElement("div",{style:{height:t,width:n}},i.default.createElement(o.default,{aspectRatio:n/t,uri:r.uri}),i.default.createElement(c.NoSubscriptionWrapper,null,i.default.createElement(c.NoSubscriptionMessage,null,"We are sorry, you need to be a subscriber to watch this video")))}))}))};f.defaultProps=s.defaultProps;var p=f;t.default=p;var h=u.default.Provider;t.IsPaidSubscriberContext=h},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 i=n(r(10)),o=n(r(11)),a=n(r(12)),l=n(r(13)),u=n(r(14)),d=n(r(15)),s=n(r(16)),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={},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var a=i?Object.getOwnPropertyDescriptor(e,o):null;a&&(a.get||a.set)?Object.defineProperty(n,o,a):n[o]=e[o]}n.default=e,r&&r.set(e,n);return n}(r(1)),f=r(17),p=r(3),h=n(r(18));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 i=(0,s.default)(this).constructor;r=Reflect.construct(n,arguments,i)}else r=n.apply(this,arguments);return(0,d.default)(this,r)}}var b=function(e){(0,u.default)(r,e);var t=y(r);function r(e){var n;return(0,o.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,l.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,o=e.videoId,a=e.accountId,l=e.playerId,u=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":u,"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,u&&c.default.createElement(h.default,null)),c.default.createElement("video",(0,i.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":l,"data-video-id":o}))))}}],[{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 i=n(r(1)),o=r(19),a=r(5),l=r(2),u=function(){return i.default.createElement(l.Video360Container,null,i.default.createElement(o.IconVideo360Player,{fillColour:a.colours.functional.white,height:100}))};t.default=u},function(e,t){e.exports=require("@times-components/icons/rnw")},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 i=n(r(1)).default.createContext(!0);t.default=i},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var i=n(r(1)),o=(n(r(4)),r(2)),a=function(e){var t=e.height,r=e.width;return i.default.createElement(o.VideoErrorContainer,{style:{height:t,width:r}},i.default.createElement(o.VideoErrorHeading,null,"Video unable to play"),i.default.createElement(o.VideoErrorBody,null,"Please check your network connection and try refreshing the page. If that doesn't work, please try again later"))};t.default=a}]);
1
+ module.exports=function(e){var t={};function r(n){if(t[n])return t[n].exports;var i=t[n]={i:n,l:!1,exports:{}};return e[n].call(i.exports,i,i.exports,r),i.l=!0,i.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 i in e)r.d(n,i,function(t){return e[t]}.bind(null,i));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=6)}([function(e,t){e.exports=require("@babel/runtime/helpers/interopRequireDefault")},function(e,t){e.exports=require("react")},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.NoSubscriptionMessage=t.NoSubscriptionWrapper=t.VideoErrorBody=t.VideoErrorHeading=t.VideoErrorContainer=t.Video360Container=void 0;var i=n(r(20)),o=r(5),a=i.default.div.withConfig({displayName:"styles__Video360Container",componentId:"sc-1b2p9l4-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.Video360Container=a;var l=i.default.div.withConfig({displayName:"styles__VideoErrorContainer",componentId:"sc-1b2p9l4-1"})(["display:flex;align-items:center;justify-content:center;flex-direction:column;background-color:",";"],o.colours.functional.transparentBlack);t.VideoErrorContainer=l;var u=i.default.span.withConfig({displayName:"styles__VideoErrorHeading",componentId:"sc-1b2p9l4-2"})(["color:white;font-family:",";font-size:20px;height:auto;width:auto;margin-bottom:",";text-align:center;"],o.fonts.headline,(0,o.spacing)(2));t.VideoErrorHeading=u;var d=i.default.span.withConfig({displayName:"styles__VideoErrorBody",componentId:"sc-1b2p9l4-3"})(["color:rgba(255,255,255,0.8);font-family:",";font-size:14px;height:auto;max-width:80%;text-align:center;width:410px;"],o.fonts.body);t.VideoErrorBody=d;var s=i.default.div.withConfig({displayName:"styles__NoSubscriptionWrapper",componentId:"sc-1b2p9l4-4"})(["position:absolute;height:65px;left:0;right:0;top:50%;margin-top:-32px;"]);t.NoSubscriptionWrapper=s;var c=i.default.span.withConfig({displayName:"styles__NoSubscriptionMessage",componentId:"sc-1b2p9l4-5"})(["background-color:rgba(0,0,0,0.7);color:",";margin-left:auto;margin-right:auto;max-width:80%;padding:",";text-align:center;width:300px;font-family:",";font-size:14px;"],o.colours.functional.contrast,(0,o.spacing)(2),o.fonts.body);t.NoSubscriptionMessage=c},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.defaultProps=t.propTypes=void 0;var i=n(r(4)),o=i.default.oneOfType([i.default.string,i.default.number]),a={accountId:i.default.string.isRequired,height:o.isRequired,id:i.default.string,is360:i.default.bool,playerId:i.default.string,policyKey:i.default.string.isRequired,poster:i.default.shape({uri:i.default.string.isRequired}),videoId:i.default.string.isRequired,width:o.isRequired};t.propTypes=a;t.defaultProps={is360:!1,playerId:"default",poster:null}},function(e,t){e.exports=require("prop-types")},function(e,t){e.exports=require("@times-components/ts-styleguide/rnw")},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.IsPaidSubscriberContext=t.default=void 0;var i=n(r(1)),o=n(r(7)),a=n(r(8)),l=n(r(9)),u=n(r(21)),d=n(r(22)),s=r(3),c=r(2),f=function(e){var t=e.height,r=e.poster,n=e.width;return i.default.createElement(a.default,null,(function(a){return a.hasError?i.default.createElement(d.default,{height:t,width:n}):i.default.createElement(u.default.Consumer,null,(function(a){return a?i.default.createElement(l.default,e):i.default.createElement("div",{style:{height:t,width:n}},i.default.createElement(o.default,{aspectRatio:n/t,uri:r.uri}),i.default.createElement(c.NoSubscriptionWrapper,null,i.default.createElement(c.NoSubscriptionMessage,null,"We are sorry, you need to be a subscriber to watch this video")))}))}))};f.defaultProps=s.defaultProps;var p=f;t.default=p;var h=u.default.Provider;t.IsPaidSubscriberContext=h},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 i=n(r(10)),o=n(r(11)),a=n(r(12)),l=n(r(13)),u=n(r(14)),d=n(r(15)),s=n(r(16)),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={},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var a=i?Object.getOwnPropertyDescriptor(e,o):null;a&&(a.get||a.set)?Object.defineProperty(n,o,a):n[o]=e[o]}n.default=e,r&&r.set(e,n);return n}(r(1)),f=r(17),p=r(3),h=n(r(18));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 i=(0,s.default)(this).constructor;r=Reflect.construct(n,arguments,i)}else r=n.apply(this,arguments);return(0,d.default)(this,r)}}var b=function(e){(0,u.default)(r,e);var t=y(r);function r(e){var n;return(0,o.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,l.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,o=e.videoId,a=e.accountId,l=e.playerId,u=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":u,"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,u&&c.default.createElement(h.default,null)),c.default.createElement("video",(0,i.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":l,"data-video-id":o}))))}}],[{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 i=n(r(1)),o=r(19),a=r(5),l=r(2),u=function(){return i.default.createElement(l.Video360Container,null,i.default.createElement(o.IconVideo360Player,{fillColour:a.colours.functional.white,height:100}))};t.default=u},function(e,t){e.exports=require("@times-components/icons/rnw")},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 i=n(r(1)).default.createContext(!0);t.default=i},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var i=n(r(1)),o=(n(r(4)),r(2)),a=function(e){var t=e.height,r=e.width;return i.default.createElement(o.VideoErrorContainer,{style:{height:t,width:r}},i.default.createElement(o.VideoErrorHeading,null,"Video unable to play"),i.default.createElement(o.VideoErrorBody,null,"Please check your network connection and try refreshing the page. If that doesn't work, please try again later"))};t.default=a}]);