video-react - npm Package Compare versions

Comparing version 0.13.3 to 0.13.4

CHANGELOG.md

@@ -0,1 +1,14 @@
+<a name="0.13.4"></a>
+## [0.13.4](https://github.com/video-react/video-react/compare/0.13.3...0.13.4) (2019-03-10)
+
+### Features
+
+* Customizable delay time for auto hide of ControlBar [#233](https://github.com/video-react/video-react/issues/233)
+
+
+### Bug Fixes
+
+* Missing commonjs support ([#235](https://github.com/video-react/video-react/issues/235))
+
+
 <a name="0.13.3"></a>
@@ -7,3 +20,3 @@ ## [0.13.3](https://github.com/video-react/video-react/compare/0.13.2...0.13.3) (2019-03-02)
 
-* assets path ([#221](https://github.com/video-react/video-react/issues/221)) ([64ac208](https://github.com/video-react/video-react/commit/64ac208))
+* fix `preload` prop in `Player`  ([#230](https://github.com/video-react/video-react/issues/230))
 
@@ -10,0 +23,0 @@

dist/video-react.min.js

@@ -1,2 +0,2 @@
-(function(e,a){"object"==typeof exports&&"undefined"!=typeof module?a(exports,require("react"),require("redux"),require("react-dom")):"function"==typeof define&&define.amd?define(["exports","react","redux","react-dom"],a):(e=e||self,a(e["video-react"]={},e.React,e.Redux,e.ReactDOM))})(this,function(e,a,t,n){"use strict";function o(e,a){for(var t,n=0;n<a.length;n++)t=a[n],t.enumerable=t.enumerable||!1,t.configurable=!0,"value"in t&&(t.writable=!0),Object.defineProperty(e,t.key,t)}function r(e,a,t){return a&&o(e.prototype,a),t&&o(e,t),e}function l(){return l=Object.assign||function(e){for(var a,t=1;t<arguments.length;t++)for(var n in a=arguments[t],a)Object.prototype.hasOwnProperty.call(a,n)&&(e[n]=a[n]);return e},l.apply(this,arguments)}function d(e,a){e.prototype=Object.create(a.prototype),e.prototype.constructor=e,e.__proto__=a}function i(e,a){if(null==e)return{};var t,n,o={},r=Object.keys(e);for(n=0;n<r.length;n++)t=r[n],0<=a.indexOf(t)||(o[t]=e[t]);return o}function s(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function c(e,a){return a={exports:{}},e(a,a.exports),a.exports}function p(e){if(null===e||e===void 0)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}function u(){}function h(e,a){switch(void 0===e&&(e=Y),a.type){case"video-react/USER_ACTIVATE":return l({},e,{userActivity:a.activity});case"video-react/PLAYER_ACTIVATE":return l({},e,{isActive:a.activity});case"video-react/FULLSCREEN_CHANGE":return l({},e,{isFullscreen:!!a.isFullscreen});case"video-react/SEEKING_TIME":return l({},e,{seekingTime:a.time});case"video-react/END_SEEKING":return l({},e,{seekingTime:0});case"video-react/LOAD_START":return l({},e,a.videoProps,{hasStarted:!1,ended:!1});case"video-react/CAN_PLAY":return l({},e,a.videoProps,{waiting:!1});case"video-react/WAITING":return l({},e,a.videoProps,{waiting:!0});case"video-react/CAN_PLAY_THROUGH":case"video-react/PLAYING":return l({},e,a.videoProps,{waiting:!1});case"video-react/PLAY":return l({},e,a.videoProps,{ended:!1,paused:!1,autoPaused:!1,waiting:!1,hasStarted:!0});case"video-react/PAUSE":return l({},e,a.videoProps,{paused:!0});case"video-react/END":return l({},e,a.videoProps,{ended:!0});case"video-react/SEEKING":return l({},e,a.videoProps,{seeking:!0});case"video-react/SEEKED":return l({},e,a.videoProps,{seeking:!1});case"video-react/ERROR":return l({},e,a.videoProps,{error:"UNKNOWN ERROR",ended:!0});case"video-react/DURATION_CHANGE":case"video-react/TIME_UPDATE":case"video-react/VOLUME_CHANGE":case"video-react/PROGRESS_CHANGE":case"video-react/RATE_CHANGE":case"video-react/SUSPEND":case"video-react/ABORT":case"video-react/EMPTIED":case"video-react/STALLED":case"video-react/LOADED_META_DATA":case"video-react/LOADED_DATA":case"video-react/RESIZE":return l({},e,a.videoProps,!1===a.videoProps.paused?{hasStarted:!0,waiting:!1}:{});default:return e;}}function m(e,a){switch(void 0===e&&(e=q),a.type){case"video-react/OPERATE":return l({},e,{count:e.count+1,operation:l({},e.operation,a.operation)});default:return e;}}function v(e,a){return void 0===e&&(e={}),{player:h(e.player,a),operation:m(e.operation,a)}}function y(e){var a=e.player,t=e.className;return a.error?null:x.createElement("div",{className:K("video-react-loading-spinner",t)})}function g(e){var a=e.poster,t=e.player,n=e.actions,o=e.className;return!a||t.hasStarted?null:x.createElement("div",{className:K("video-react-poster",o),style:{backgroundImage:"url(\""+a+"\")"},onClick:function(){t.paused&&n.play()}})}function E(e,a){var t=Math.floor;void 0===e&&(e=0),void 0===a&&(a=e);var n=t(e%60),o=t(e/60%60),r=t(e/3600),l=t(a/60%60),d=t(a/3600);return(ee(e)||e===1/0)&&(r="-",o="-",n="-"),r=0<r||0<d?r+":":"",o=((r||10<=l)&&10>o?"0"+o:o)+":",n=10>n?"0"+n:n,r+o+n}function b(e){return!!(e.props&&e.props.isVideoChild)||"source"===e.type||"track"===e.type}function C(a,t,n,o){void 0===o&&(o=1);var r=x.Children.toArray(t),d=n.order,s=i(n,["order"]);return r.filter(function(a){return!a.props.disabled}).concat(a.filter(function(e){return!ae(r,function(a){return te(a,e)})})).map(function(t){var n=ae(a,function(e){return te(e,t)}),o=n?n.props:{},r=l({},s,o,t.props),d=x.cloneElement(t,r,t.props.children);return d}).sort(function(e,a){return(e.props.order||o)-(a.props.order||o)})}function k(e,a){console.warn("WARNING: "+e+" will be deprecated soon! Please use "+a+" instead.")}function P(e,a){var t=arguments,n=!1;return function(){n||(e.apply(void 0,t),n=!0,setTimeout(function(){n=!1},a))}}function f(e){var t,a=Math.round;if(e.getBoundingClientRect&&e.parentNode&&(t=e.getBoundingClientRect()),!t)return{left:0,top:0};var n=document,o=n.body,r=n.documentElement,l=r.clientLeft||o.clientLeft||0,d=window.pageXOffset||o.scrollLeft,i=t.left+d-l,s=r.clientTop||o.clientTop||0,c=window.pageYOffset||o.scrollTop,p=t.top+c-s;return{left:a(i),top:a(p)}}function T(e,a){var t=Math.max,n=Math.min,o={},r=f(e),l=e.offsetWidth,d=e.offsetHeight,i=r.top,s=r.left,c=a.pageY,p=a.pageX;return a.changedTouches&&(p=a.changedTouches[0].pageX,c=a.changedTouches[0].pageY),o.y=t(0,n(1,(i-c+d)/d)),o.x=t(0,n(1,(p-s)/l)),o}function N(e,a){for(var t=e.className.split(" "),n=0;n<t.length;n++)if(t[n].toLowerCase()===a.toLowerCase())return!0;return!1}function S(e){var a=e.currentTime,t=e.duration,n=e.percentage,o=e.className;return x.createElement("div",{"data-current-time":E(a,t),className:K("video-react-play-progress video-react-slider-bar",o),style:{width:n}},x.createElement("span",{className:"video-react-control-text"},"Progress: "+n))}function A(e){function a(e,a){var t=e/a||0;return 100*(1<=t?1:t)+"%"}var t=e.buffered,n=e.duration,o=e.className;if(!t||!t.length)return null;var r=t.end(t.length-1),l={};r>n&&(r=n),l.width=a(r,n);for(var d=[],s=0;s<t.length;s++){var c=t.start(s),p=t.end(s),u=x.createElement("div",{style:{left:a(c,r),width:a(p-c,r)},key:"part-"+s});d.push(u)}return 0===d.length&&(d=null),x.createElement("div",{style:l,className:K("video-react-load-progress",o)},x.createElement("span",{className:"video-react-control-text"},"Loaded: 0%"),d)}function D(e){var a=e.duration,t=e.mouseTime,n=e.className,o=e.text;if(!t.time)return null;var r=o||E(t.time,a);return x.createElement("div",{className:K("video-react-mouse-display",n),style:{left:t.position+"px"},"data-current-time":r})}function M(e){var a=e.player,t=a.currentTime,n=a.duration,o=e.className,r=E(n-t);return x.createElement("div",{className:K("video-react-remaining-time video-react-time-control video-react-control",o)},x.createElement("div",{className:"video-react-remaining-time-display","aria-live":"off"},x.createElement("span",{className:"video-react-control-text"},"Remaining Time "),"-"+r))}function R(e){var a=e.player,t=a.currentTime,n=a.duration,o=e.className,r=E(t,n);return x.createElement("div",{className:K("video-react-current-time video-react-time-control video-react-control",o)},x.createElement("div",{className:"video-react-current-time-display","aria-live":"off"},x.createElement("span",{className:"video-react-control-text"},"Current Time "),r))}function w(e){var a=e.player.duration,t=e.className,n=E(a);return x.createElement("div",{className:K(t,"video-react-duration video-react-time-control video-react-control")},x.createElement("div",{className:"video-react-duration-display","aria-live":"off"},x.createElement("span",{className:"video-react-control-text"},"Duration Time "),n))}function F(e){var a=e.separator,t=e.className;return x.createElement("div",{className:K("video-react-time-control video-react-time-divider",t),dir:"ltr"},x.createElement("div",null,x.createElement("span",null,a||"/")))}function L(e){var a=e.inline,t=e.className,n=l({},e);return delete n.children,delete n.inline,delete n.className,x.createElement(Fe,l({className:K(t,{"video-react-menu-button-inline":!!a,"video-react-menu-button-popup":!a},"video-react-control video-react-button video-react-menu-button")},n),x.createElement(Ie,e))}function I(e){var a=e.percentage,t=e.vertical,n=e.className,o={};return t?o.height=a:o.width=a,x.createElement("div",{className:K(n,"video-react-volume-level"),style:o},x.createElement("span",{className:"video-react-control-text"}))}var x="default"in a?a["default"]:a,B=Object.getOwnPropertySymbols,O=Object.prototype.hasOwnProperty,_=Object.prototype.propertyIsEnumerable,U=function(){var e=String.fromCharCode;try{if(!Object.assign)return!1;var a=new String("abc");if(a[5]="de","5"===Object.getOwnPropertyNames(a)[0])return!1;for(var t={},n=0;10>n;n++)t["_"+e(n)]=n;var o=Object.getOwnPropertyNames(t).map(function(e){return t[e]});if("0123456789"!==o.join(""))return!1;var r={};return["a","b","c","d","e","f","g","h","i","j","k","l","m","n","o","p","q","r","s","t"].forEach(function(e){r[e]=e}),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},r)).join("")}catch(e){return!1}}()?Object.assign:function(e){for(var a,t,n=p(e),o=1;o<arguments.length;o++){for(var r in a=Object(arguments[o]),a)O.call(a,r)&&(n[r]=a[r]);if(B){t=B(a);for(var l=0;l<t.length;l++)_.call(a,t[l])&&(n[t[l]]=a[t[l]])}}return n},G=function(){function e(e,a,t,n,o,r){if(r!=="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"){var l=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw l.name="Invariant Violation",l}}function a(){return e}e.isRequired=e;var t={array:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:a,element:e,instanceOf:a,node:e,objectOf:a,oneOf:a,oneOfType:a,shape:a,exact:a};return t.checkPropTypes=u,t.PropTypes=t,t},H=c(function(e){e.exports=G()}),K=c(function(e){(function(){function a(){for(var e,n=[],o=0;o<arguments.length;o++)if(e=arguments[o],e){var r=typeof e;if("string"===r||"number"===r)n.push(e);else if(Array.isArray(e)&&e.length){var l=a.apply(null,e);l&&n.push(l)}else if("object"===r)for(var d in e)t.call(e,d)&&e[d]&&n.push(d)}return n.join(" ")}var t={}.hasOwnProperty;e.exports?(a.default=a,e.exports=a):window.classNames=a})()}),j=Object.freeze({LOAD_START:"video-react/LOAD_START",CAN_PLAY:"video-react/CAN_PLAY",WAITING:"video-react/WAITING",CAN_PLAY_THROUGH:"video-react/CAN_PLAY_THROUGH",PLAYING:"video-react/PLAYING",PLAY:"video-react/PLAY",PAUSE:"video-react/PAUSE",END:"video-react/END",SEEKING:"video-react/SEEKING",SEEKED:"video-react/SEEKED",SEEKING_TIME:"video-react/SEEKING_TIME",END_SEEKING:"video-react/END_SEEKING",DURATION_CHANGE:"video-react/DURATION_CHANGE",TIME_UPDATE:"video-react/TIME_UPDATE",VOLUME_CHANGE:"video-react/VOLUME_CHANGE",PROGRESS_CHANGE:"video-react/PROGRESS_CHANGE",RATE_CHANGE:"video-react/RATE_CHANGE",SUSPEND:"video-react/SUSPEND",ABORT:"video-react/ABORT",EMPTIED:"video-react/EMPTIED",STALLED:"video-react/STALLED",LOADED_META_DATA:"video-react/LOADED_META_DATA",LOADED_DATA:"video-react/LOADED_DATA",RESIZE:"video-react/RESIZE",ERROR:"video-react/ERROR",handleLoadStart:function(e){return{type:"video-react/LOAD_START",videoProps:e}},handleCanPlay:function(e){return{type:"video-react/CAN_PLAY",videoProps:e}},handleWaiting:function(e){return{type:"video-react/WAITING",videoProps:e}},handleCanPlayThrough:function(e){return{type:"video-react/CAN_PLAY_THROUGH",videoProps:e}},handlePlaying:function(e){return{type:"video-react/PLAYING",videoProps:e}},handlePlay:function(e){return{type:"video-react/PLAY",videoProps:e}},handlePause:function(e){return{type:"video-react/PAUSE",videoProps:e}},handleEnd:function(e){return{type:"video-react/END",videoProps:e}},handleSeeking:function(e){return{type:"video-react/SEEKING",videoProps:e}},handleSeeked:function(e){return{type:"video-react/SEEKED",videoProps:e}},handleDurationChange:function(e){return{type:"video-react/DURATION_CHANGE",videoProps:e}},handleTimeUpdate:function(e){return{type:"video-react/TIME_UPDATE",videoProps:e}},handleVolumeChange:function(e){return{type:"video-react/VOLUME_CHANGE",videoProps:e}},handleProgressChange:function(e){return{type:"video-react/PROGRESS_CHANGE",videoProps:e}},handleRateChange:function(e){return{type:"video-react/RATE_CHANGE",videoProps:e}},handleSuspend:function(e){return{type:"video-react/SUSPEND",videoProps:e}},handleAbort:function(e){return{type:"video-react/ABORT",videoProps:e}},handleEmptied:function(e){return{type:"video-react/EMPTIED",videoProps:e}},handleStalled:function(e){return{type:"video-react/STALLED",videoProps:e}},handleLoadedMetaData:function(e){return{type:"video-react/LOADED_META_DATA",videoProps:e}},handleLoadedData:function(e){return{type:"video-react/LOADED_DATA",videoProps:e}},handleResize:function(e){return{type:"video-react/RESIZE",videoProps:e}},handleError:function(e){return{type:"video-react/ERROR",videoProps:e}},handleSeekingTime:function(e){return{type:"video-react/SEEKING_TIME",time:e}},handleEndSeeking:function(e){return{type:"video-react/END_SEEKING",time:e}}}),V=function(){function e(){}var a=e.prototype;return a.request=function(e){e.requestFullscreen?e.requestFullscreen():e.webkitRequestFullscreen?e.webkitRequestFullscreen():e.mozRequestFullScreen?e.mozRequestFullScreen():e.msRequestFullscreen&&e.msRequestFullscreen()},a.exit=function(){document.exitFullscreen?document.exitFullscreen():document.webkitExitFullscreen?document.webkitExitFullscreen():document.mozCancelFullScreen?document.mozCancelFullScreen():document.msExitFullscreen&&document.msExitFullscreen()},a.addEventListener=function(e){document.addEventListener("fullscreenchange",e),document.addEventListener("webkitfullscreenchange",e),document.addEventListener("mozfullscreenchange",e),document.addEventListener("MSFullscreenChange",e)},a.removeEventListener=function(e){document.removeEventListener("fullscreenchange",e),document.removeEventListener("webkitfullscreenchange",e),document.removeEventListener("mozfullscreenchange",e),document.removeEventListener("MSFullscreenChange",e)},r(e,[{key:"isFullscreen",get:function(){return document.fullscreenElement||document.webkitFullscreenElement||document.mozFullScreenElement||document.msFullscreenElement}},{key:"enabled",get:function(){return document.fullscreenEnabled||document.webkitFullscreenEnabled||document.mozFullScreenEnabled||document.msFullscreenEnabled}}]),e}(),z=new V,W=Object.freeze({OPERATE:"video-react/OPERATE",FULLSCREEN_CHANGE:"video-react/FULLSCREEN_CHANGE",PLAYER_ACTIVATE:"video-react/PLAYER_ACTIVATE",USER_ACTIVATE:"video-react/USER_ACTIVATE",handleFullscreenChange:function(e){return{type:"video-react/FULLSCREEN_CHANGE",isFullscreen:e}},activate:function(e){return{type:"video-react/PLAYER_ACTIVATE",activity:e}},userActivate:function(e){return{type:"video-react/USER_ACTIVATE",activity:e}},play:function(e){return void 0===e&&(e={action:"play",source:""}),this.video.play(),{type:"video-react/OPERATE",operation:e}},pause:function(e){return void 0===e&&(e={action:"pause",source:""}),this.video.pause(),{type:"video-react/OPERATE",operation:e}},togglePlay:function(e){return void 0===e&&(e={action:"toggle-play",source:""}),this.video.togglePlay(),{type:"video-react/OPERATE",operation:e}},seek:function(e,a){return void 0===a&&(a={action:"seek",source:""}),this.video.seek(e),{type:"video-react/OPERATE",operation:a}},forward:function(e,a){return void 0===a&&(a={action:"forward-"+e,source:""}),this.video.forward(e),{type:"video-react/OPERATE",operation:a}},replay:function(e,a){return void 0===a&&(a={action:"replay-"+e,source:""}),this.video.replay(e),{type:"video-react/OPERATE",operation:a}},changeRate:function(e,a){return void 0===a&&(a={action:"change-rate",source:""}),this.video.playbackRate=e,{type:"video-react/OPERATE",operation:a}},changeVolume:function(e,a){void 0===a&&(a={action:"change-volume",source:""});var t=e;return 0>e&&(t=0),1<e&&(t=1),this.video.volume=t,{type:"video-react/OPERATE",operation:a}},mute:function(e,a){return void 0===a&&(a={action:e?"muted":"unmuted",source:""}),this.video.muted=e,{type:"video-react/OPERATE",operation:a}},toggleFullscreen:function(e){return z.enabled?(z.isFullscreen?z.exit():z.request(this.rootElement),{type:"video-react/OPERATE",operation:{action:"toggle-fullscreen",source:""}}):{type:"video-react/FULLSCREEN_CHANGE",isFullscreen:!e.isFullscreen}}}),Y={currentSrc:null,duration:0,currentTime:0,seekingTime:0,buffered:null,waiting:!1,seeking:!1,paused:!0,autoPaused:!1,ended:!1,playbackRate:1,muted:!1,volume:1,readyState:0,networkState:0,videoWidth:0,videoHeight:0,hasStarted:!1,userActivity:!0,isActive:!1,isFullscreen:!1},q={count:0,operation:{action:"",source:""}},X=function(){function e(e){this.store=e||t.createStore(v),this.video=null,this.rootElement=null}var a=e.prototype;return a.getActions=function(){function e(e){return function(){var n=e.apply(a,arguments);"undefined"!=typeof n&&t(n)}}var a=this,t=this.store.dispatch,n=l({},W,j);return Object.keys(n).filter(function(e){return"function"==typeof n[e]}).reduce(function(a,t){return a[t]=e(n[t]),a},{})},a.getState=function(){return this.store.getState()},a.subscribeToStateChange=function(e,a){a||(a=this.getState.bind(this));var t=a(),n=function(){var n=a();if(n!==t){var o=t;t=n,e(n,o)}};return this.store.subscribe(n)},a.subscribeToOperationStateChange=function(e){var a=this;return this.subscribeToStateChange(e,function(){return a.getState().operation})},a.subscribeToPlayerStateChange=function(e){var a=this;return this.subscribeToStateChange(e,function(){return a.getState().player})},e}(),Z={actions:H.object,player:H.object,position:H.string,className:H.string},Q=function(e){function a(a,t){var n;return n=e.call(this,a,t)||this,n.handleClick=n.handleClick.bind(s(s(n))),n}d(a,e);var t=a.prototype;return t.componentDidMount=function(){},t.handleClick=function(){var e=this.props.actions;e.play()},t.render=function(){var e=this.props,a=e.player,t=e.position;return x.createElement("button",{className:K("video-react-big-play-button","video-react-big-play-button-"+t,this.props.className,{"big-play-button-hide":a.hasStarted||!a.currentSrc}),type:"button","aria-live":"polite",tabIndex:"0",onClick:this.handleClick},x.createElement("span",{className:"video-react-control-text"},"Play Video"))},a}(a.Component);Q.propTypes=Z,Q.defaultProps={position:"left"},Q.displayName="BigPlayButton";var J={player:H.object,className:H.string};y.propTypes=J,y.displayName="LoadingSpinner";var $={poster:H.string,player:H.object,actions:H.object,className:H.string};g.propTypes=$,g.displayName="PosterImage";var ee=Number.isNaN||function(e){return e!==e},ae=function(e,a){return e.filter(a)[0]},te=function(e,a){var t=e.type,n=a.type;return"string"==typeof t||"string"==typeof n?t===n:!("function"!=typeof t||"function"!=typeof n)&&t.displayName===n.displayName},ne=["error","src","srcObject","currentSrc","crossOrigin","networkState","preload","buffered","readyState","seeking","currentTime","duration","paused","defaultPlaybackRate","playbackRate","played","seekable","ended","autoplay","loop","mediaGroup","controller","controls","volume","muted","defaultMuted","audioTracks","videoTracks","textTracks","width","height","videoWidth","videoHeight","poster"],oe={actions:H.object,player:H.object,children:H.any,startTime:H.number,loop:H.bool,muted:H.bool,autoPlay:H.bool,playsInline:H.bool,src:H.string,poster:H.string,className:H.string,preload:H.oneOf(["auto","metadata","none"]),crossOrigin:H.string,onLoadStart:H.func,onWaiting:H.func,onCanPlay:H.func,onCanPlayThrough:H.func,onPlaying:H.func,onEnded:H.func,onSeeking:H.func,onSeeked:H.func,onPlay:H.func,onPause:H.func,onProgress:H.func,onDurationChange:H.func,onError:H.func,onSuspend:H.func,onAbort:H.func,onEmptied:H.func,onStalled:H.func,onLoadedMetadata:H.func,onLoadedData:H.func,onTimeUpdate:H.func,onRateChange:H.func,onVolumeChange:H.func,onResize:H.func},re=function(e){function a(a){var t;return t=e.call(this,a)||this,t.video=null,t.play=t.play.bind(s(s(t))),t.pause=t.pause.bind(s(s(t))),t.seek=t.seek.bind(s(s(t))),t.forward=t.forward.bind(s(s(t))),t.replay=t.replay.bind(s(s(t))),t.toggleFullscreen=t.toggleFullscreen.bind(s(s(t))),t.getProperties=t.getProperties.bind(s(s(t))),t.renderChildren=t.renderChildren.bind(s(s(t))),t.handleLoadStart=t.handleLoadStart.bind(s(s(t))),t.handleCanPlay=t.handleCanPlay.bind(s(s(t))),t.handleCanPlayThrough=t.handleCanPlayThrough.bind(s(s(t))),t.handlePlay=t.handlePlay.bind(s(s(t))),t.handlePlaying=t.handlePlaying.bind(s(s(t))),t.handlePause=t.handlePause.bind(s(s(t))),t.handleEnded=t.handleEnded.bind(s(s(t))),t.handleWaiting=t.handleWaiting.bind(s(s(t))),t.handleSeeking=t.handleSeeking.bind(s(s(t))),t.handleSeeked=t.handleSeeked.bind(s(s(t))),t.handleFullscreenChange=t.handleFullscreenChange.bind(s(s(t))),t.handleError=t.handleError.bind(s(s(t))),t.handleSuspend=t.handleSuspend.bind(s(s(t))),t.handleAbort=t.handleAbort.bind(s(s(t))),t.handleEmptied=t.handleEmptied.bind(s(s(t))),t.handleStalled=t.handleStalled.bind(s(s(t))),t.handleLoadedMetaData=t.handleLoadedMetaData.bind(s(s(t))),t.handleLoadedData=t.handleLoadedData.bind(s(s(t))),t.handleTimeUpdate=t.handleTimeUpdate.bind(s(s(t))),t.handleRateChange=t.handleRateChange.bind(s(s(t))),t.handleVolumeChange=t.handleVolumeChange.bind(s(s(t))),t.handleDurationChange=t.handleDurationChange.bind(s(s(t))),t.handleProgress=P(t.handleProgress.bind(s(s(t))),250),t.handleKeypress=t.handleKeypress.bind(s(s(t))),t}d(a,e);var t=a.prototype;return t.componentDidMount=function(){this.forceUpdate()},t.getProperties=function(){var e=this;return this.video?ne.reduce(function(a,t){return a[t]=e.video[t],a},{}):null},t.play=function(){var e=this.video.play();void 0!==e&&e.catch(function(){}).then(function(){})},t.pause=function(){var e=this.video.pause();void 0!==e&&e.catch(function(){}).then(function(){})},t.load=function(){this.video.load()},t.addTextTrack=function(){var e;(e=this.video).addTextTrack.apply(e,arguments)},t.canPlayType=function(){var e;(e=this.video).canPlayType.apply(e,arguments)},t.togglePlay=function(){this.video.paused?this.play():this.pause()},t.seek=function(e){try{this.video.currentTime=e}catch(a){}},t.forward=function(e){this.seek(this.video.currentTime+e)},t.replay=function(e){this.forward(-e)},t.toggleFullscreen=function(){var e=this.props,a=e.player,t=e.actions;t.toggleFullscreen(a)},t.handleLoadStart=function(){var e=this.props,a=e.actions,t=e.onLoadStart;a.handleLoadStart(this.getProperties()),t&&t.apply(void 0,arguments)},t.handleCanPlay=function(){var e=this.props,a=e.actions,t=e.onCanPlay;a.handleCanPlay(this.getProperties()),t&&t.apply(void 0,arguments)},t.handleCanPlayThrough=function(){var e=this.props,a=e.actions,t=e.onCanPlayThrough;a.handleCanPlayThrough(this.getProperties()),t&&t.apply(void 0,arguments)},t.handlePlaying=function(){var e=this.props,a=e.actions,t=e.onPlaying;a.handlePlaying(this.getProperties()),t&&t.apply(void 0,arguments)},t.handlePlay=function(){var e=this.props,a=e.actions,t=e.onPlay;a.handlePlay(this.getProperties()),t&&t.apply(void 0,arguments)},t.handlePause=function(){var e=this.props,a=e.actions,t=e.onPause;a.handlePause(this.getProperties()),t&&t.apply(void 0,arguments)},t.handleDurationChange=function(){var e=this.props,a=e.actions,t=e.onDurationChange;a.handleDurationChange(this.getProperties()),t&&t.apply(void 0,arguments)},t.handleProgress=function(){var e=this.props,a=e.actions,t=e.onProgress;this.video&&a.handleProgressChange(this.getProperties()),t&&t.apply(void 0,arguments)},t.handleEnded=function(){var e=this.props,a=e.loop,t=e.player,n=e.actions,o=e.onEnded;a?(this.seek(0),this.play()):!t.paused&&this.pause(),n.handleEnd(this.getProperties()),o&&o.apply(void 0,arguments)},t.handleWaiting=function(){var e=this.props,a=e.actions,t=e.onWaiting;a.handleWaiting(this.getProperties()),t&&t.apply(void 0,arguments)},t.handleSeeking=function(){var e=this.props,a=e.actions,t=e.onSeeking;a.handleSeeking(this.getProperties()),t&&t.apply(void 0,arguments)},t.handleSeeked=function(){var e=this.props,a=e.actions,t=e.onSeeked;a.handleSeeked(this.getProperties()),t&&t.apply(void 0,arguments)},t.handleFullscreenChange=function(){},t.handleSuspend=function(){var e=this.props,a=e.actions,t=e.onSuspend;a.handleSuspend(this.getProperties()),t&&t.apply(void 0,arguments)},t.handleAbort=function(){var e=this.props,a=e.actions,t=e.onAbort;a.handleAbort(this.getProperties()),t&&t.apply(void 0,arguments)},t.handleEmptied=function(){var e=this.props,a=e.actions,t=e.onEmptied;a.handleEmptied(this.getProperties()),t&&t.apply(void 0,arguments)},t.handleStalled=function(){var e=this.props,a=e.actions,t=e.onStalled;a.handleStalled(this.getProperties()),t&&t.apply(void 0,arguments)},t.handleLoadedMetaData=function(){var e=this.props,a=e.actions,t=e.onLoadedMetadata,n=e.startTime;n&&0<n&&(this.video.currentTime=n),a.handleLoadedMetaData(this.getProperties()),t&&t.apply(void 0,arguments)},t.handleLoadedData=function(){var e=this.props,a=e.actions,t=e.onLoadedData;a.handleLoadedData(this.getProperties()),t&&t.apply(void 0,arguments)},t.handleTimeUpdate=function(){var e=this.props,a=e.actions,t=e.onTimeUpdate;a.handleTimeUpdate(this.getProperties()),t&&t.apply(void 0,arguments)},t.handleRateChange=function(){var e=this.props,a=e.actions,t=e.onRateChange;a.handleRateChange(this.getProperties()),t&&t.apply(void 0,arguments)},t.handleVolumeChange=function(){var e=this.props,a=e.actions,t=e.onVolumeChange;a.handleVolumeChange(this.getProperties()),t&&t.apply(void 0,arguments)},t.handleError=function(){var e=this.props,a=e.actions,t=e.onError;a.handleError(this.getProperties()),t&&t.apply(void 0,arguments)},t.handleResize=function(){var e=this.props,a=e.actions,t=e.onResize;a.handleResize(this.getProperties()),t&&t.apply(void 0,arguments)},t.handleKeypress=function(){},t.renderChildren=function(){var e=this,a=l({},this.props,{video:this.video});return this.video?x.Children.toArray(this.props.children).filter(b).map(function(t){var n;if("string"!=typeof t.type)n=a;else if("source"===t.type){n=l({},t.props);var o=n.onError;n.onError=function(){o&&o.apply(void 0,arguments),e.handleError.apply(e,arguments)}}return x.cloneElement(t,n)}):null},t.render=function(){var e=this,a=this.props,t=a.loop,n=a.poster,o=a.preload,r=a.src,l=a.autoPlay,d=a.playsInline,i=a.muted,s=a.crossOrigin,c=a.videoId;return x.createElement("video",{className:K("video-react-video",this.props.className),id:c,crossOrigin:s,ref:function(a){e.video=a},muted:i,preload:o,loop:t,playsInline:d,autoPlay:l,poster:n,src:r,onLoadStart:this.handleLoadStart,onWaiting:this.handleWaiting,onCanPlay:this.handleCanPlay,onCanPlayThrough:this.handleCanPlayThrough,onPlaying:this.handlePlaying,onEnded:this.handleEnded,onSeeking:this.handleSeeking,onSeeked:this.handleSeeked,onPlay:this.handlePlay,onPause:this.handlePause,onProgress:this.handleProgress,onDurationChange:this.handleDurationChange,onError:this.handleError,onSuspend:this.handleSuspend,onAbort:this.handleAbort,onEmptied:this.handleEmptied,onStalled:this.handleStalled,onLoadedMetadata:this.handleLoadedMetaData,onLoadedData:this.handleLoadedData,onTimeUpdate:this.handleTimeUpdate,onRateChange:this.handleRateChange,onVolumeChange:this.handleVolumeChange},this.renderChildren())},r(a,[{key:"playbackRate",get:function(){return this.video.playbackRate},set:function(e){this.video.playbackRate=e}},{key:"muted",get:function(){return this.video.muted},set:function(e){this.video.muted=e}},{key:"volume",get:function(){return this.video.volume},set:function(e){1<e&&(e=1),0>e&&(e=0),this.video.volume=e}},{key:"videoWidth",get:function(){return this.video.videoWidth}},{key:"videoHeight",get:function(){return this.video.videoHeight}}]),a}(a.Component);re.propTypes=oe,re.displayName="Video";var le={manager:H.object,className:H.string},de=function(e){function a(a,t){var n;return n=e.call(this,a,t)||this,n.timer=null,a.manager.subscribeToOperationStateChange(n.handleStateChange.bind(s(s(n)))),n.state={hidden:!0,operation:{}},n}d(a,e);var t=a.prototype;return t.handleStateChange=function(e,a){var t=this;e.count!==a.count&&"shortcut"===e.operation.source&&(this.timer&&(clearTimeout(this.timer),this.timer=null),this.setState({hidden:!1,count:e.count,operation:e.operation}),this.timer=setTimeout(function(){t.setState({hidden:!0}),t.timer=null},500))},t.render=function(){if("shortcut"!==this.state.operation.source)return null;var e=this.state.hidden?{display:"none"}:null;return x.createElement("div",{className:K({"video-react-bezel":!0,"video-react-bezel-animation":0==this.state.count%2,"video-react-bezel-animation-alt":1==this.state.count%2},this.props.className),style:e,role:"status","aria-label":this.state.operation.action},x.createElement("div",{className:K("video-react-bezel-icon","video-react-bezel-icon-"+this.state.operation.action)}))},a}(a.Component);de.propTypes=le,de.displayName="Bezel";var ie={clickable:H.bool,dblclickable:H.bool,manager:H.object,actions:H.object,player:H.object,shortcuts:H.array},se=function(e){function a(a,t){var n;return n=e.call(this,a,t)||this,n.defaultShortcuts=[{keyCode:32,handle:n.togglePlay},{keyCode:75,handle:n.togglePlay},{keyCode:70,handle:n.toggleFullscreen},{keyCode:37,handle:function(e,a){e.hasStarted&&a.replay(5,{action:"replay-5",source:"shortcut"})}},{keyCode:74,handle:function(e,a){e.hasStarted&&a.replay(10,{action:"replay-10",source:"shortcut"})}},{keyCode:39,handle:function(e,a){e.hasStarted&&a.forward(5,{action:"forward-5",source:"shortcut"})}},{keyCode:76,handle:function(e,a){e.hasStarted&&a.forward(10,{action:"forward-10",source:"shortcut"})}},{keyCode:36,handle:function(e,a){e.hasStarted&&a.seek(0)}},{keyCode:35,handle:function(e,a){e.hasStarted&&a.seek(e.duration)}},{keyCode:38,handle:function(e,a){var t=e.volume+.05;1<t&&(t=1),a.changeVolume(t,{action:"volume-up",source:"shortcut"})}},{keyCode:40,handle:function(e,a){var t=e.volume-.05;0>t&&(t=0);var n=0<t?"volume-down":"volume-off";a.changeVolume(t,{action:n,source:"shortcut"})}},{keyCode:190,shift:!0,handle:function(e,a){var t=e.playbackRate;1.5<=t?t=2:1.25<=t?t=1.5:1<=t?t=1.25:.5<=t?t=1:.25<=t?t=.5:0<=t&&(t=.25),a.changeRate(t,{action:"fast-forward",source:"shortcut"})}},{keyCode:188,shift:!0,handle:function(e,a){var t=e.playbackRate;.5>=t?t=.25:1>=t?t=.5:1.25>=t?t=1:1.5>=t?t=1.25:2>=t&&(t=1.5),a.changeRate(t,{action:"fast-rewind",source:"shortcut"})}}],n.shortcuts=[].concat(n.defaultShortcuts),n.mergeShortcuts=n.mergeShortcuts.bind(s(s(n))),n.handleKeyPress=n.handleKeyPress.bind(s(s(n))),n.handleClick=n.handleClick.bind(s(s(n))),n.handleDoubleClick=n.handleDoubleClick.bind(s(s(n))),n}d(a,e);var t=a.prototype;return t.componentDidMount=function(){this.mergeShortcuts(),document.addEventListener("keydown",this.handleKeyPress),document.addEventListener("click",this.handleClick),document.addEventListener("dblclick",this.handleDoubleClick)},t.componentDidUpdate=function(e){e.shortcuts!==this.props.shortcuts&&this.mergeShortcuts()},t.componentWillUnmount=function(){document.removeEventListener("keydown",this.handleKeyPress),document.removeEventListener("click",this.handleClick),document.removeEventListener("dblclick",this.handleDoubleClick)},t.mergeShortcuts=function(){var e=function(e){var a=e.keyCode,t=void 0===a?0:a,n=e.ctrl,o=e.shift,r=e.alt;return t+":"+(void 0!==n&&n)+":"+(void 0!==o&&o)+":"+(void 0!==r&&r)},a=this.defaultShortcuts.reduce(function(a,t){var n;return Object.assign(a,(n={},n[e(t)]=t,n))},{}),t=(this.props.shortcuts||[]).reduce(function(a,t){var n=t.keyCode,o=t.handle;if(n&&"function"==typeof o){var r;return Object.assign(a,(r={},r[e(t)]=t,r))}return a},a),n=function(e){var a=0;return["ctrl","shift","alt"].forEach(function(t){e[t]&&a++}),a};this.shortcuts=Object.keys(t).map(function(e){return t[e]}).sort(function(e,a){return n(a)-n(e)})},t.togglePlay=function(e,a){e.paused?a.play({action:"play",source:"shortcut"}):a.pause({action:"pause",source:"shortcut"})},t.toggleFullscreen=function(e,a){a.toggleFullscreen(e)},t.handleKeyPress=function(a){var e=this.props,t=e.player,n=e.actions;if(t.isActive&&!(document.activeElement&&(N(document.activeElement,"video-react-control")||N(document.activeElement,"video-react-menu-button-active")||N(document.activeElement,"video-react-big-play-button")))){var o=a.keyCode||a.which,r=a.ctrlKey||a.metaKey,l=a.shiftKey,d=a.altKey,i=this.shortcuts.filter(function(e){return!!(e.keyCode&&0==e.keyCode-o)&&(void 0===e.ctrl||e.ctrl===r)&&(void 0===e.shift||e.shift===l)&&(void 0===e.alt||e.alt===d)})[0];i&&(i.handle(t,n),a.preventDefault())}},t.canBeClicked=function(a,t){return!!(a.isActive&&"VIDEO"===t.target.nodeName&&4===a.readyState)},t.handleClick=function(a){var e=this.props,t=e.player,n=e.actions,o=e.clickable;this.canBeClicked(t,a)&&o&&this.togglePlay(t,n)},t.handleDoubleClick=function(a){var e=this.props,t=e.player,n=e.actions,o=e.dblclickable;this.canBeClicked(t,a)&&o&&this.toggleFullscreen(t,n)},t.render=function(){return null},a}(a.Component);se.propTypes=ie,se.defaultProps={clickable:!0,dblclickable:!0},se.displayName="Shortcut";var ce={className:H.string,onMouseDown:H.func,onMouseMove:H.func,stepForward:H.func,stepBack:H.func,sliderActive:H.func,sliderInactive:H.func,onMouseUp:H.func,onFocus:H.func,onBlur:H.func,onClick:H.func,getPercent:H.func,vertical:H.bool,children:H.node,label:H.string,valuenow:H.string,valuetext:H.string},pe=function(e){function a(a,t){var n;return n=e.call(this,a,t)||this,n.handleMouseDown=n.handleMouseDown.bind(s(s(n))),n.handleMouseMove=n.handleMouseMove.bind(s(s(n))),n.handleMouseUp=n.handleMouseUp.bind(s(s(n))),n.handleFocus=n.handleFocus.bind(s(s(n))),n.handleBlur=n.handleBlur.bind(s(s(n))),n.handleClick=n.handleClick.bind(s(s(n))),n.handleKeyPress=n.handleKeyPress.bind(s(s(n))),n.stepForward=n.stepForward.bind(s(s(n))),n.stepBack=n.stepBack.bind(s(s(n))),n.calculateDistance=n.calculateDistance.bind(s(s(n))),n.getProgress=n.getProgress.bind(s(s(n))),n.renderChildren=n.renderChildren.bind(s(s(n))),n.state={active:!1},n}d(a,e);var t=a.prototype;return t.getProgress=function(){var e=this.props.getPercent;if(!e)return 0;var a=e();return("number"!=typeof a||0>a||a===1/0)&&(a=0),a},t.handleMouseDown=function(e){var a=this.props.onMouseDown;document.addEventListener("mousemove",this.handleMouseMove,!0),document.addEventListener("mouseup",this.handleMouseUp,!0),document.addEventListener("touchmove",this.handleMouseMove,!0),document.addEventListener("touchend",this.handleMouseUp,!0),this.setState({active:!0}),this.props.sliderActive&&this.props.sliderActive(e),this.handleMouseMove(e),a&&a(e)},t.handleMouseMove=function(e){var a=this.props.onMouseMove;a&&a(e)},t.handleMouseUp=function(e){var a=this.props.onMouseUp;document.removeEventListener("mousemove",this.handleMouseMove,!0),document.removeEventListener("mouseup",this.handleMouseUp,!0),document.removeEventListener("touchmove",this.handleMouseMove,!0),document.removeEventListener("touchend",this.handleMouseUp,!0),this.setState({active:!1}),this.props.sliderInactive&&this.props.sliderInactive(e),a&&a(e)},t.handleFocus=function(a){document.addEventListener("keydown",this.handleKeyPress,!0),this.props.onFocus&&this.props.onFocus(a)},t.handleBlur=function(a){document.removeEventListener("keydown",this.handleKeyPress,!0),this.props.onBlur&&this.props.onBlur(a)},t.handleClick=function(e){e.preventDefault(),this.props.onClick&&this.props.onClick(e)},t.handleKeyPress=function(e){37===e.which||40===e.which?(e.preventDefault(),e.stopPropagation(),this.stepBack()):(38===e.which||39===e.which)&&(e.preventDefault(),e.stopPropagation(),this.stepForward())},t.stepForward=function(){this.props.stepForward&&this.props.stepForward()},t.stepBack=function(){this.props.stepBack&&this.props.stepBack()},t.calculateDistance=function(e){var a=n.findDOMNode(this),t=T(a,e);return this.props.vertical?t.y:t.x},t.renderChildren=function(){var e=this.getProgress(),a=(100*e).toFixed(2)+"%";return x.Children.map(this.props.children,function(t){return x.cloneElement(t,{progress:e,percentage:a})})},t.render=function(){var e=this.props,a=e.vertical,t=e.label,n=e.valuenow,o=e.valuetext;return x.createElement("div",{className:K(this.props.className,{"video-react-slider-vertical":a,"video-react-slider-horizontal":!a,"video-react-sliding":this.state.active},"video-react-slider"),tabIndex:"0",role:"slider",onMouseDown:this.handleMouseDown,onTouchStart:this.handleMouseDown,onFocus:this.handleFocus,onBlur:this.handleBlur,onClick:this.handleClick,"aria-label":t||"","aria-valuenow":n||"","aria-valuetext":o||"","aria-valuemin":0,"aria-valuemax":100},this.renderChildren())},a}(a.Component);pe.propTypes=ce,pe.displayName="Slider";var ue={currentTime:H.number,duration:H.number,percentage:H.string,className:H.string};S.propTypes=ue,S.displayName="PlayProgressBar";var he={duration:H.number,buffered:H.object,className:H.string};A.propTypes=he,A.displayName="LoadProgressBar",D.propTypes={duration:H.number,mouseTime:H.object,className:H.string},D.displayName="MouseTimeDisplay";var me={player:H.object,mouseTime:H.object,actions:H.object,className:H.string},ve=function(e){function a(a,t){var n;return n=e.call(this,a,t)||this,n.getPercent=n.getPercent.bind(s(s(n))),n.getNewTime=n.getNewTime.bind(s(s(n))),n.stepForward=n.stepForward.bind(s(s(n))),n.stepBack=n.stepBack.bind(s(s(n))),n.handleMouseDown=n.handleMouseDown.bind(s(s(n))),n.handleMouseMove=n.handleMouseMove.bind(s(s(n))),n.handleMouseUp=n.handleMouseUp.bind(s(s(n))),n}d(a,e);var t=a.prototype;return t.componentDidMount=function(){},t.componentDidUpdate=function(){},t.getPercent=function(){var e=this.props.player,a=e.currentTime,t=e.seekingTime,n=e.duration,o=(t||a)/n;return 1<=o?1:o},t.getNewTime=function(e){var a=this.props.player.duration,t=this.slider.calculateDistance(e),n=t*a;return n===a?n-.1:n},t.handleMouseDown=function(){},t.handleMouseUp=function(e){var a=this.props.actions,t=this.getNewTime(e);a.seek(t),a.handleEndSeeking(t)},t.handleMouseMove=function(e){var a=this.props.actions,t=this.getNewTime(e);a.handleSeekingTime(t)},t.stepForward=function(){var e=this.props.actions;e.forward(5)},t.stepBack=function(){var e=this.props.actions;e.replay(5)},t.render=function(){var e=this,a=this.props,t=a.player,n=t.currentTime,o=t.seekingTime,r=t.duration,l=t.buffered,d=a.mouseTime,i=o||n;return x.createElement(pe,{ref:function(a){e.slider=a},label:"video progress bar",className:K("video-react-progress-holder",this.props.className),valuenow:(100*this.getPercent()).toFixed(2),valuetext:E(i,r),onMouseDown:this.handleMouseDown,onMouseMove:this.handleMouseMove,onMouseUp:this.handleMouseUp,getPercent:this.getPercent,stepForward:this.stepForward,stepBack:this.stepBack},x.createElement(A,{buffered:l,currentTime:i,duration:r}),x.createElement(D,{duration:r,mouseTime:d}),x.createElement(S,{currentTime:i,duration:r}))},a}(a.Component);ve.propTypes=me,ve.displayName="SeekBar";var ye={player:H.object,className:H.string},ge=function(e){function a(a,t){var n;return n=e.call(this,a,t)||this,n.state={mouseTime:{time:null,position:0}},n.handleMouseMoveThrottle=n.handleMouseMove.bind(s(s(n))),n}d(a,e);var t=a.prototype;return t.handleMouseMove=function(e){if(e.pageX){var a=this.props.player.duration,t=n.findDOMNode(this.seekBar),o=T(t,e).x*a,r=e.pageX-f(t).left;this.setState({mouseTime:{time:o,position:r}})}},t.render=function(){var e=this,a=this.props.className;return x.createElement("div",{onMouseMove:this.handleMouseMoveThrottle,className:K("video-react-progress-control video-react-control",a)},x.createElement(ve,l({mouseTime:this.state.mouseTime,ref:function(a){e.seekBar=a}},this.props)))},a}(a.Component);ge.propTypes=ye,ge.displayName="ProgressControl";var Ee={actions:H.object,player:H.object,className:H.string},be=function(e){function a(a,t){var n;return n=e.call(this,a,t)||this,n.handleClick=n.handleClick.bind(s(s(n))),n}d(a,e);var t=a.prototype;return t.handleClick=function(){var e=this.props,a=e.actions,t=e.player;t.paused?a.play():a.pause()},t.render=function(){var e=this,a=this.props,t=a.player,n=a.className,o=t.paused?"Play":"Pause";return x.createElement("button",{ref:function(a){e.button=a},className:K(n,{"video-react-play-control":!0,"video-react-control":!0,"video-react-button":!0,"video-react-paused":t.paused,"video-react-playing":!t.paused}),type:"button",tabIndex:"0",onClick:this.handleClick},x.createElement("span",{className:"video-react-control-text"},o))},a}(a.Component);be.propTypes=Ee,be.displayName="PlayToggle";var Ce={actions:H.object,className:H.string,seconds:H.oneOf([5,10,30])},ke={seconds:10},Pe=function(e){var t=function(a){function t(e,t){var n;return n=a.call(this,e,t)||this,n.handleClick=n.handleClick.bind(s(s(n))),n}d(t,a);var n=t.prototype;return n.handleClick=function(){var a=this.props,t=a.actions,n=a.seconds;"forward"===e?t.forward(n):t.replay(n)},n.render=function(){var a=this,t=this.props,n=t.seconds,o=t.className,r=["video-react-control","video-react-button","video-react-icon"];return r.push("video-react-icon-"+e+"-"+n,"video-react-"+e+"-control"),o&&r.push(o),x.createElement("button",{ref:function(e){a.button=e},className:r.join(" "),type:"button",onClick:this.handleClick},x.createElement("span",{className:"video-react-control-text"},e+" "+n+" seconds"))},t}(a.Component);return t.propTypes=Ce,t.defaultProps=ke,t},fe=Pe("forward");fe.displayName="ForwardControl";var Te=Pe("replay");Te.displayName="ReplayControl";var Ne={actions:H.object,player:H.object,className:H.string},Se=function(e){function a(a,t){var n;return n=e.call(this,a,t)||this,n.handleClick=n.handleClick.bind(s(s(n))),n}d(a,e);var t=a.prototype;return t.handleClick=function(){var e=this.props,a=e.player,t=e.actions;t.toggleFullscreen(a)},t.render=function(){var e=this,a=this.props,t=a.player,n=a.className;return x.createElement("button",{className:K(n,{"video-react-icon-fullscreen-exit":t.isFullscreen,"video-react-icon-fullscreen":!t.isFullscreen},"video-react-fullscreen-control video-react-control video-react-button video-react-icon"),ref:function(a){e.button=a},type:"button",tabIndex:"0",onClick:this.handleClick},x.createElement("span",{className:"video-react-control-text"},"Non-Fullscreen"))},a}(a.Component);Se.propTypes=Ne,Se.displayName="FullscreenToggle";var Ae={player:H.object,className:H.string};M.propTypes=Ae,M.displayName="RemainingTimeDisplay";var De={player:H.object,className:H.string};R.propTypes=De,R.displayName="CurrentTimeDisplay";var Me={player:H.object,className:H.string};w.propTypes=Me,w.displayName="DurationDisplay";var Re={separator:H.string,className:H.string};F.propTypes=Re,F.displayName="TimeDivider";var we={tagName:H.string,onClick:H.func.isRequired,onFocus:H.func,onBlur:H.func,className:H.string},Fe=function(e){function a(a,t){var n;return n=e.call(this,a,t)||this,n.handleClick=n.handleClick.bind(s(s(n))),n.handleFocus=n.handleFocus.bind(s(s(n))),n.handleBlur=n.handleBlur.bind(s(s(n))),n.handleKeypress=n.handleKeypress.bind(s(s(n))),n}d(a,e);var t=a.prototype;return t.handleKeypress=function(e){(32===e.which||13===e.which)&&(e.preventDefault(),this.handleClick(e))},t.handleClick=function(e){var a=this.props.onClick;a(e)},t.handleFocus=function(a){document.addEventListener("keydown",this.handleKeypress),this.props.onFocus&&this.props.onFocus(a)},t.handleBlur=function(a){document.removeEventListener("keydown",this.handleKeypress),this.props.onBlur&&this.props.onBlur(a)},t.render=function(){var e=this.props.tagName,a=l({},this.props);return delete a.tagName,delete a.className,x.createElement(e,l({className:K(this.props.className),role:"button",tabIndex:"0",onClick:this.handleClick,onFocus:this.handleFocus,onBlur:this.handleBlur},a))},a}(a.Component);Fe.propTypes=we,Fe.defaultProps={tagName:"div"},Fe.displayName="ClickableComponent";var Le={player:H.object,children:H.any},Ie=function(e){function a(a,t){var n;return n=e.call(this,a,t)||this,n.handleClick=n.handleClick.bind(s(s(n))),n}d(a,e);var t=a.prototype;return t.handleClick=function(e){e.preventDefault()},t.render=function(){var e=this.props.children;return x.createElement("div",{className:"video-react-menu",onClick:this.handleClick},x.createElement("div",{className:"video-react-menu-content"},e))},a}(a.Component);Ie.propTypes=Le,Ie.displayName="Popup";var xe={inline:H.bool,onClick:H.func.isRequired,onFocus:H.func,onBlur:H.func,className:H.string};L.propTypes=xe,L.defaultProps={inline:!0},L.displayName="PopupButton";var Be={percentage:H.string,vertical:H.bool,className:H.string};I.propTypes=Be,I.defaultProps={percentage:"100%",vertical:!1},I.displayName="VolumeLevel";var Oe={actions:H.object,player:H.object,className:H.string,onFocus:H.func,onBlur:H.func},_e=function(e){function a(a,t){var n;return n=e.call(this,a,t)||this,n.state={percentage:"0%"},n.handleMouseMove=n.handleMouseMove.bind(s(s(n))),n.handlePercentageChange=n.handlePercentageChange.bind(s(s(n))),n.checkMuted=n.checkMuted.bind(s(s(n))),n.getPercent=n.getPercent.bind(s(s(n))),n.stepForward=n.stepForward.bind(s(s(n))),n.stepBack=n.stepBack.bind(s(s(n))),n.handleFocus=n.handleFocus.bind(s(s(n))),n.handleBlur=n.handleBlur.bind(s(s(n))),n.handleClick=n.handleClick.bind(s(s(n))),n}d(a,e);var t=a.prototype;return t.componentDidMount=function(){},t.getPercent=function(){var e=this.props.player;return e.muted?0:e.volume},t.checkMuted=function(){var e=this.props,a=e.player,t=e.actions;a.muted&&t.mute(!1)},t.handleMouseMove=function(e){var a=this.props.actions;this.checkMuted();var t=this.slider.calculateDistance(e);a.changeVolume(t)},t.stepForward=function(){var e=this.props,a=e.player,t=e.actions;this.checkMuted(),t.changeVolume(a.volume+.1)},t.stepBack=function(){var e=this.props,a=e.player,t=e.actions;this.checkMuted(),t.changeVolume(a.volume-.1)},t.handleFocus=function(a){this.props.onFocus&&this.props.onFocus(a)},t.handleBlur=function(a){this.props.onBlur&&this.props.onBlur(a)},t.handlePercentageChange=function(e){e!==this.state.percentage&&this.setState({percentage:e})},t.handleClick=function(e){e.stopPropagation()},t.render=function(){var e=this,a=this.props,t=a.player,n=a.className,o=(100*t.volume).toFixed(2);return x.createElement(pe,l({ref:function(a){e.slider=a},label:"volume level",valuenow:o,valuetext:o+"%",onMouseMove:this.handleMouseMove,onFocus:this.handleFocus,onBlur:this.handleBlur,onClick:this.handleClick,sliderActive:this.handleFocus,sliderInactive:this.handleBlur,getPercent:this.getPercent,onPercentageChange:this.handlePercentageChange,stepForward:this.stepForward,stepBack:this.stepBack},this.props,{className:K(n,"video-react-volume-bar video-react-slider-bar")}),x.createElement(I,this.props))},a}(a.Component);_e.propTypes=Oe,_e.displayName="VolumeBar";var Ue={player:H.object,actions:H.object,vertical:H.bool,className:H.string,alwaysShowVolume:H.bool},Ge=function(e){function a(a,t){var n;return n=e.call(this,a,t)||this,n.state={active:!1},n.handleClick=n.handleClick.bind(s(s(n))),n.handleFocus=n.handleFocus.bind(s(s(n))),n.handleBlur=n.handleBlur.bind(s(s(n))),n}d(a,e);var t=a.prototype;return t.handleClick=function(){var e=this.props,a=e.player,t=e.actions;t.mute(!a.muted)},t.handleFocus=function(){this.setState({active:!0})},t.handleBlur=function(){this.setState({active:!1})},t.render=function(){var e=this.props,a=e.vertical,t=e.player,n=e.className,o=this.volumeLevel;return x.createElement(L,{className:K(n,{"video-react-volume-menu-button-vertical":a,"video-react-volume-menu-button-horizontal":!a,"video-react-vol-muted":t.muted,"video-react-vol-0":0===o&&!t.muted,"video-react-vol-1":1===o,"video-react-vol-2":2===o,"video-react-vol-3":3===o,"video-react-slider-active":this.props.alwaysShowVolume||this.state.active,"video-react-lock-showing":this.props.alwaysShowVolume||this.state.active},"video-react-volume-menu-button"),onClick:this.handleClick,inline:!a},x.createElement(_e,l({onFocus:this.handleFocus,onBlur:this.handleBlur},this.props)))},r(a,[{key:"volumeLevel",get:function(){var e=this.props.player,a=e.volume,t=e.muted,n=3;return 0===a||t?n=0:.33>a?n=1:.67>a&&(n=2),n}}]),a}(a.Component);Ge.propTypes=Ue,Ge.defaultProps={vertical:!1},Ge.displayName="VolumeMenuButton";var He={children:H.any},Ke=function(e){function a(a,t){var n;return n=e.call(this,a,t)||this,n.handleClick=n.handleClick.bind(s(s(n))),n}d(a,e);var t=a.prototype;return t.handleClick=function(e){e.preventDefault()},t.render=function(){return x.createElement("div",{className:"video-react-menu video-react-lock-showing",role:"presentation",onClick:this.handleClick},x.createElement("ul",{className:"video-react-menu-content"},this.props.children))},a}(a.Component);Ke.propTypes=He,Ke.displayName="Menu";var je={item:H.object,index:H.number,activateIndex:H.number,onSelectItem:H.func},Ve=function(e){function a(a,t){var n;return n=e.call(this,a,t)||this,n.handleClick=n.handleClick.bind(s(s(n))),n}d(a,e);var t=a.prototype;return t.handleClick=function(){var e=this.props,a=e.index,t=e.onSelectItem;t(a)},t.render=function(){var e=this.props,a=e.item,t=e.index,n=e.activateIndex;return x.createElement("li",{className:K({"video-react-menu-item":!0,"video-react-selected":t===n}),role:"menuitem",onClick:this.handleClick},a.label,x.createElement("span",{className:"video-react-control-text"}))},a}(a.Component);Ve.propTypes=je,Ve.displayName="MenuItem";var ze={inline:H.bool,items:H.array,className:H.string,onSelectItem:H.func,children:H.any,selectedIndex:H.number},We=function(e){function a(a,t){var n;return n=e.call(this,a,t)||this,n.state={active:!1,activateIndex:a.selectedIndex||0},n.commitSelection=n.commitSelection.bind(s(s(n))),n.activateMenuItem=n.activateMenuItem.bind(s(s(n))),n.handleClick=n.handleClick.bind(s(s(n))),n.renderMenu=n.renderMenu.bind(s(s(n))),n.handleFocus=n.handleFocus.bind(s(s(n))),n.handleBlur=n.handleBlur.bind(s(s(n))),n.handleUpArrow=n.handleUpArrow.bind(s(s(n))),n.handleDownArrow=n.handleDownArrow.bind(s(s(n))),n.handleEscape=n.handleEscape.bind(s(s(n))),n.handleReturn=n.handleReturn.bind(s(s(n))),n.handleTab=n.handleTab.bind(s(s(n))),n.handleKeyPress=n.handleKeyPress.bind(s(s(n))),n.handleSelectItem=n.handleSelectItem.bind(s(s(n))),n.handleIndexChange=n.handleIndexChange.bind(s(s(n))),n}d(a,e);var t=a.prototype;return t.componentDidUpdate=function(e){e.selectedIndex!==this.props.selectedIndex&&this.activateMenuItem(this.props.selectedIndex)},t.commitSelection=function(e){this.setState({activateIndex:e,active:!1}),this.handleIndexChange(e)},t.activateMenuItem=function(e){this.setState({activateIndex:e}),this.handleIndexChange(e)},t.handleIndexChange=function(e){var a=this.props.onSelectItem;a(e)},t.handleClick=function(){this.setState(function(e){return{active:!e.active}})},t.handleFocus=function(){document.addEventListener("keydown",this.handleKeyPress)},t.handleBlur=function(){this.setState({active:!1}),document.removeEventListener("keydown",this.handleKeyPress)},t.handleUpArrow=function(a){var e=this.props.items;if(this.state.active){a.preventDefault();var t=this.state.activateIndex-1;0>t&&(t=e.length?e.length-1:0),this.activateMenuItem(t)}},t.handleDownArrow=function(a){var e=this.props.items;if(this.state.active){a.preventDefault();var t=this.state.activateIndex+1;t>=e.length&&(t=0),this.activateMenuItem(t)}},t.handleTab=function(a){this.state.active&&(a.preventDefault(),this.commitSelection(this.state.activateIndex))},t.handleReturn=function(a){a.preventDefault(),this.state.active?this.commitSelection(this.state.activateIndex):this.setState({active:!0})},t.handleEscape=function(){this.setState({active:!1,activateIndex:0})},t.handleKeyPress=function(e){27===e.which?this.handleEscape(e):9===e.which?this.handleTab(e):13===e.which?this.handleReturn(e):38===e.which?this.handleUpArrow(e):40===e.which&&this.handleDownArrow(e)},t.handleSelectItem=function(e){this.commitSelection(e)},t.renderMenu=function(){var e=this;if(!this.state.active)return null;var a=this.props.items;return x.createElement(Ke,null,a.map(function(a,t){return x.createElement(Ve,{item:a,index:t,onSelectItem:e.handleSelectItem,activateIndex:e.state.activateIndex,key:"item-"+t++})}))},t.render=function(){var e=this,a=this.props,t=a.inline,n=a.className;return x.createElement(Fe,{className:K(n,{"video-react-menu-button-inline":!!t,"video-react-menu-button-popup":!t,"video-react-menu-button-active":this.state.active},"video-react-control video-react-button video-react-menu-button"),role:"button",tabIndex:"0",ref:function(a){e.menuButton=a},onClick:this.handleClick,onFocus:this.handleFocus,onBlur:this.handleBlur},this.props.children,this.renderMenu())},a}(a.Component);We.propTypes=ze,We.displayName="MenuButton";var Ye={player:H.object,actions:H.object,rates:H.array,className:H.string},qe=function(e){function a(a,t){var n;return n=e.call(this,a,t)||this,n.handleSelectItem=n.handleSelectItem.bind(s(s(n))),n}d(a,e);var t=a.prototype;return t.handleSelectItem=function(e){var a=this.props,t=a.rates,n=a.actions;0<=e&&e<t.length&&n.changeRate(t[e])},t.render=function(){var e=this.props,a=e.rates,t=e.player,n=a.map(function(e){return{label:e+"x",value:e}}),o=a.indexOf(t.playbackRate)||0;return x.createElement(We,{className:K("video-react-playback-rate",this.props.className),onSelectItem:this.handleSelectItem,items:n,selectedIndex:o},x.createElement("span",{className:"video-react-control-text"},"Playback Rate"),x.createElement("div",{className:"video-react-playback-rate-value"},t.playbackRate.toFixed(2)+"x"))},a}(a.Component);qe.propTypes=Ye,qe.defaultProps={rates:[2,1.5,1.25,1,.5,.25]},qe.displayName="PlaybackRateMenuButton";var Xe={children:H.any,autoHide:H.bool,disableDefaultControls:H.bool,disableCompletely:H.bool,className:H.string},Ze=function(e){function a(a){var t;return t=e.call(this,a)||this,t.getDefaultChildren=t.getDefaultChildren.bind(s(s(t))),t.getFullChildren=t.getFullChildren.bind(s(s(t))),t}d(a,e);var t=a.prototype;return t.getDefaultChildren=function(){return[x.createElement(be,{key:"play-toggle",order:1}),x.createElement(Ge,{key:"volume-menu-button",order:4}),x.createElement(R,{key:"current-time-display",order:5.1}),x.createElement(F,{key:"time-divider",order:5.2}),x.createElement(w,{key:"duration-display",order:5.3}),x.createElement(ge,{key:"progress-control",order:6}),x.createElement(Se,{key:"fullscreen-toggle",order:8})]},t.getFullChildren=function(){return[x.createElement(be,{key:"play-toggle",order:1}),x.createElement(Te,{key:"replay-control",order:2}),x.createElement(fe,{key:"forward-control",order:3}),x.createElement(Ge,{key:"volume-menu-button",order:4}),x.createElement(R,{key:"current-time-display",order:5}),x.createElement(F,{key:"time-divider",order:6}),x.createElement(w,{key:"duration-display",order:7}),x.createElement(ge,{key:"progress-control",order:8}),x.createElement(M,{key:"remaining-time-display",order:9}),x.createElement(qe,{rates:[1,1.25,1.5,2],key:"playback-rate",order:10}),x.createElement(Se,{key:"fullscreen-toggle",order:11})]},t.getChildren=function(){var e=x.Children.toArray(this.props.children),a=this.props.disableDefaultControls?[]:this.getDefaultChildren(),t=this.props,n=t.className,o=i(t,["className"]);return C(a,e,o)},t.render=function(){var e=this.props,a=e.autoHide,t=e.className,n=e.disableCompletely,o=this.getChildren();return n?null:x.createElement("div",{className:K("video-react-control-bar",{"video-react-control-bar-auto-hide":a},t)},o)},a}(a.Component);Ze.propTypes=Xe,Ze.defaultProps={autoHide:!0,disableCompletely:!1},Ze.displayName="ControlBar";var Qe="undefined"!=typeof window&&window.navigator?window.navigator.userAgent:"",Je=/iPad/i.test(Qe),$e=/iPhone/i.test(Qe)&&!Je,ea=/iPod/i.test(Qe),aa={children:H.any,width:H.oneOfType([H.string,H.number]),height:H.oneOfType([H.string,H.number]),fluid:H.bool,muted:H.bool,playsInline:H.bool,aspectRatio:H.string,className:H.string,videoId:H.string,startTime:H.number,loop:H.bool,autoPlay:H.bool,src:H.string,poster:H.string,preload:H.oneOf(["auto","metadata","none"]),onLoadStart:H.func,onWaiting:H.func,onCanPlay:H.func,onCanPlayThrough:H.func,onPlaying:H.func,onEnded:H.func,onSeeking:H.func,onSeeked:H.func,onPlay:H.func,onPause:H.func,onProgress:H.func,onDurationChange:H.func,onError:H.func,onSuspend:H.func,onAbort:H.func,onEmptied:H.func,onStalled:H.func,onLoadedMetadata:H.func,onLoadedData:H.func,onTimeUpdate:H.func,onRateChange:H.func,onVolumeChange:H.func,store:H.object},ta=function(e){function a(a){var t;return t=e.call(this,a)||this,t.controlsHideTimer=null,t.video=null,t.manager=new X(a.store),t.actions=t.manager.getActions(),t.manager.subscribeToPlayerStateChange(t.handleStateChange.bind(s(s(t)))),t.getStyle=t.getStyle.bind(s(s(t))),t.handleResize=t.handleResize.bind(s(s(t))),t.getChildren=t.getChildren.bind(s(s(t))),t.handleMouseMove=P(t.handleMouseMove.bind(s(s(t))),250),t.handleMouseDown=t.handleMouseDown.bind(s(s(t))),t.startControlsTimer=t.startControlsTimer.bind(s(s(t))),t.handleFullScreenChange=t.handleFullScreenChange.bind(s(s(t))),t.handleKeyDown=t.handleKeyDown.bind(s(s(t))),t.handleFocus=t.handleFocus.bind(s(s(t))),t.handleBlur=t.handleBlur.bind(s(s(t))),t}d(a,e);var t=a.prototype;return t.componentDidMount=function(){this.handleResize(),window.addEventListener("resize",this.handleResize),z.addEventListener(this.handleFullScreenChange)},t.componentWillUnmount=function(){window.removeEventListener("resize",this.handleResize),z.removeEventListener(this.handleFullScreenChange),this.controlsHideTimer&&window.clearTimeout(this.controlsHideTimer)},t.getDefaultChildren=function(e){var a=this;return[x.createElement(re,{ref:function(e){a.video=e,a.manager.video=a.video},key:"video",order:0},e),x.createElement(g,{key:"poster-image",order:1}),x.createElement(y,{key:"loading-spinner",order:2}),x.createElement(de,{key:"bezel",order:3}),x.createElement(Q,{key:"big-play-button",order:4}),x.createElement(Ze,{key:"control-bar",order:5}),x.createElement(se,{key:"shortcut",order:99})]},t.getChildren=function(e){var a=e.className,t=e.children,n=i(e,["className","children"]),o=x.Children.toArray(this.props.children).filter(function(a){return!b(a)}),r=this.getDefaultChildren(t);return C(r,o,n)},t.setWidthOrHeight=function(e,a,t){var n,o;"string"==typeof t?"auto"===t?o="auto":t.match(/\d+%/)&&(o=t):"number"==typeof t&&(o=t+"px"),Object.assign(e,(n={},n[a]=o,n))},t.getStyle=function(){var e,a,t,n=this.props,o=n.fluid,r=n.aspectRatio,l=n.height,d=n.width,i=this.manager.getState(),s=i.player,c={};t=void 0!==r&&"auto"!==r?r:s.videoWidth?s.videoWidth+":"+s.videoHeight:"16:9";var p=t.split(":"),u=p[1]/p[0];return e=void 0===d?void 0===l?s.videoWidth||400:l/u:d,a=void 0===l?e*u:l,o?c.paddingTop=100*u+"%":(this.setWidthOrHeight(c,"width",e),this.setWidthOrHeight(c,"height",a)),c},t.getState=function(){return this.manager.getState()},t.play=function(){this.video.play()},t.pause=function(){this.video.pause()},t.load=function(){this.video.load()},t.addTextTrack=function(){var e;(e=this.video).addTextTrack.apply(e,arguments)},t.canPlayType=function(){var e;(e=this.video).canPlayType.apply(e,arguments)},t.seek=function(e){this.video.seek(e)},t.forward=function(e){this.video.forward(e)},t.replay=function(e){this.video.replay(e)},t.toggleFullscreen=function(){this.video.toggleFullscreen()},t.subscribeToStateChange=function(e){return this.manager.subscribeToPlayerStateChange(e)},t.handleResize=function(){},t.handleFullScreenChange=function(){this.actions.handleFullscreenChange(z.isFullscreen)},t.handleMouseDown=function(){this.startControlsTimer()},t.handleMouseMove=function(){this.startControlsTimer()},t.handleKeyDown=function(){this.startControlsTimer()},t.startControlsTimer=function(){var e=this;this.actions.userActivate(!0),clearTimeout(this.controlsHideTimer),this.controlsHideTimer=setTimeout(function(){e.actions.userActivate(!1)},3e3)},t.handleStateChange=function(e,a){e.isFullscreen!==a.isFullscreen&&this.handleResize(),this.forceUpdate()},t.handleFocus=function(){this.actions.activate(!0)},t.handleBlur=function(){this.actions.activate(!1)},t.render=function(){var e=this,a=this.props.fluid,t=this.manager.getState(),n=t.player,o=n.paused,r=n.hasStarted,d=n.waiting,i=n.seeking,s=n.isFullscreen,c=n.userActivity,p=l({},this.props,{player:n,actions:this.actions,manager:this.manager,store:this.manager.store,video:this.video?this.video.video:null}),u=this.getChildren(p);return x.createElement("div",{className:K({"video-react-controls-enabled":!0,"video-react-has-started":r,"video-react-paused":o,"video-react-playing":!o,"video-react-waiting":d,"video-react-seeking":i,"video-react-fluid":a,"video-react-fullscreen":s,"video-react-user-inactive":!c,"video-react-user-active":c,"video-react-workinghover":!($e||Je||ea)},"video-react",this.props.className),style:this.getStyle(),ref:function(a){e.manager.rootElement=a},role:"region",onTouchStart:this.handleMouseDown,onMouseDown:this.handleMouseDown,onMouseMove:this.handleMouseMove,onKeyDown:this.handleKeyDown,onFocus:this.handleFocus,onBlur:this.handleBlur,tabIndex:"-1"},u)},r(a,[{key:"playbackRate",get:function(){return this.video.playbackRate},set:function(e){this.video.playbackRate=e}},{key:"muted",get:function(){return this.video.muted},set:function(e){this.video.muted=e}},{key:"volume",get:function(){return this.video.volume},set:function(e){this.video.volume=e}},{key:"videoWidth",get:function(){return this.video.videoWidth}},{key:"videoHeight",get:function(){return this.video.videoHeight}}]),a}(a.Component);ta.contextTypes={store:H.object},ta.propTypes=aa,ta.defaultProps={fluid:!0,muted:!1,playsInline:!1,preload:"auto",aspectRatio:"auto"},ta.displayName="Player";var na=function(e){function a(a,t){var n;return n=e.call(this,a,t)||this,k("PlaybackRate","PlaybackRateMenuButton"),n}d(a,e);var t=a.prototype;return t.render=function(){return x.createElement(qe,this.props)},a}(a.Component);na.displayName="PlaybackRate",e.Player=ta,e.Video=re,e.BigPlayButton=Q,e.LoadingSpinner=y,e.PosterImage=g,e.Bezel=de,e.Shortcut=se,e.ControlBar=Ze,e.PlayToggle=be,e.ForwardControl=fe,e.ReplayControl=Te,e.FullscreenToggle=Se,e.ProgressControl=ge,e.SeekBar=ve,e.Slider=pe,e.PlayProgressBar=S,e.LoadProgressBar=A,e.MouseTimeDisplay=D,e.RemainingTimeDisplay=M,e.CurrentTimeDisplay=R,e.DurationDisplay=w,e.TimeDivider=F,e.VolumeMenuButton=Ge,e.PlaybackRateMenuButton=qe,e.PlaybackRate=na,e.playerActions=W,e.videoActions=j,e.playerReducer=h,e.operationReducer=m,Object.defineProperty(e,"__esModule",{value:!0})});
+(function(e,a){"object"==typeof exports&&"undefined"!=typeof module?a(exports,require("react"),require("redux"),require("react-dom")):"function"==typeof define&&define.amd?define(["exports","react","redux","react-dom"],a):(e=e||self,a(e["video-react"]={},e.React,e.Redux,e.ReactDOM))})(this,function(e,a,t,n){"use strict";function o(e,a){for(var t,n=0;n<a.length;n++)t=a[n],t.enumerable=t.enumerable||!1,t.configurable=!0,"value"in t&&(t.writable=!0),Object.defineProperty(e,t.key,t)}function r(e,a,t){return a&&o(e.prototype,a),t&&o(e,t),e}function l(){return l=Object.assign||function(e){for(var a,t=1;t<arguments.length;t++)for(var n in a=arguments[t],a)Object.prototype.hasOwnProperty.call(a,n)&&(e[n]=a[n]);return e},l.apply(this,arguments)}function d(e,a){e.prototype=Object.create(a.prototype),e.prototype.constructor=e,e.__proto__=a}function i(e,a){if(null==e)return{};var t,n,o={},r=Object.keys(e);for(n=0;n<r.length;n++)t=r[n],0<=a.indexOf(t)||(o[t]=e[t]);return o}function s(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function c(e,a){return a={exports:{}},e(a,a.exports),a.exports}function p(e){if(null===e||e===void 0)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}function u(){}function h(e,a){switch(void 0===e&&(e=Y),a.type){case"video-react/USER_ACTIVATE":return l({},e,{userActivity:a.activity});case"video-react/PLAYER_ACTIVATE":return l({},e,{isActive:a.activity});case"video-react/FULLSCREEN_CHANGE":return l({},e,{isFullscreen:!!a.isFullscreen});case"video-react/SEEKING_TIME":return l({},e,{seekingTime:a.time});case"video-react/END_SEEKING":return l({},e,{seekingTime:0});case"video-react/LOAD_START":return l({},e,a.videoProps,{hasStarted:!1,ended:!1});case"video-react/CAN_PLAY":return l({},e,a.videoProps,{waiting:!1});case"video-react/WAITING":return l({},e,a.videoProps,{waiting:!0});case"video-react/CAN_PLAY_THROUGH":case"video-react/PLAYING":return l({},e,a.videoProps,{waiting:!1});case"video-react/PLAY":return l({},e,a.videoProps,{ended:!1,paused:!1,autoPaused:!1,waiting:!1,hasStarted:!0});case"video-react/PAUSE":return l({},e,a.videoProps,{paused:!0});case"video-react/END":return l({},e,a.videoProps,{ended:!0});case"video-react/SEEKING":return l({},e,a.videoProps,{seeking:!0});case"video-react/SEEKED":return l({},e,a.videoProps,{seeking:!1});case"video-react/ERROR":return l({},e,a.videoProps,{error:"UNKNOWN ERROR",ended:!0});case"video-react/DURATION_CHANGE":case"video-react/TIME_UPDATE":case"video-react/VOLUME_CHANGE":case"video-react/PROGRESS_CHANGE":case"video-react/RATE_CHANGE":case"video-react/SUSPEND":case"video-react/ABORT":case"video-react/EMPTIED":case"video-react/STALLED":case"video-react/LOADED_META_DATA":case"video-react/LOADED_DATA":case"video-react/RESIZE":return l({},e,a.videoProps,!1===a.videoProps.paused?{hasStarted:!0,waiting:!1}:{});default:return e;}}function m(e,a){switch(void 0===e&&(e=q),a.type){case"video-react/OPERATE":return l({},e,{count:e.count+1,operation:l({},e.operation,a.operation)});default:return e;}}function v(e,a){return void 0===e&&(e={}),{player:h(e.player,a),operation:m(e.operation,a)}}function y(e){var a=e.player,t=e.className;return a.error?null:x.createElement("div",{className:K("video-react-loading-spinner",t)})}function g(e){var a=e.poster,t=e.player,n=e.actions,o=e.className;return!a||t.hasStarted?null:x.createElement("div",{className:K("video-react-poster",o),style:{backgroundImage:"url(\""+a+"\")"},onClick:function(){t.paused&&n.play()}})}function E(e,a){var t=Math.floor;void 0===e&&(e=0),void 0===a&&(a=e);var n=t(e%60),o=t(e/60%60),r=t(e/3600),l=t(a/60%60),d=t(a/3600);return(ee(e)||e===1/0)&&(r="-",o="-",n="-"),r=0<r||0<d?r+":":"",o=((r||10<=l)&&10>o?"0"+o:o)+":",n=10>n?"0"+n:n,r+o+n}function b(e){return!!(e.props&&e.props.isVideoChild)||"source"===e.type||"track"===e.type}function C(a,t,n,o){void 0===o&&(o=1);var r=x.Children.toArray(t),d=n.order,s=i(n,["order"]);return r.filter(function(a){return!a.props.disabled}).concat(a.filter(function(e){return!ae(r,function(a){return te(a,e)})})).map(function(t){var n=ae(a,function(e){return te(e,t)}),o=n?n.props:{},r=l({},s,o,t.props),d=x.cloneElement(t,r,t.props.children);return d}).sort(function(e,a){return(e.props.order||o)-(a.props.order||o)})}function k(e,a){console.warn("WARNING: "+e+" will be deprecated soon! Please use "+a+" instead.")}function P(e,a){var t=arguments,n=!1;return function(){n||(e.apply(void 0,t),n=!0,setTimeout(function(){n=!1},a))}}function f(e){var t,a=Math.round;if(e.getBoundingClientRect&&e.parentNode&&(t=e.getBoundingClientRect()),!t)return{left:0,top:0};var n=document,o=n.body,r=n.documentElement,l=r.clientLeft||o.clientLeft||0,d=window.pageXOffset||o.scrollLeft,i=t.left+d-l,s=r.clientTop||o.clientTop||0,c=window.pageYOffset||o.scrollTop,p=t.top+c-s;return{left:a(i),top:a(p)}}function T(e,a){var t=Math.max,n=Math.min,o={},r=f(e),l=e.offsetWidth,d=e.offsetHeight,i=r.top,s=r.left,c=a.pageY,p=a.pageX;return a.changedTouches&&(p=a.changedTouches[0].pageX,c=a.changedTouches[0].pageY),o.y=t(0,n(1,(i-c+d)/d)),o.x=t(0,n(1,(p-s)/l)),o}function N(e,a){for(var t=e.className.split(" "),n=0;n<t.length;n++)if(t[n].toLowerCase()===a.toLowerCase())return!0;return!1}function S(e){var a=e.currentTime,t=e.duration,n=e.percentage,o=e.className;return x.createElement("div",{"data-current-time":E(a,t),className:K("video-react-play-progress video-react-slider-bar",o),style:{width:n}},x.createElement("span",{className:"video-react-control-text"},"Progress: "+n))}function A(e){function a(e,a){var t=e/a||0;return 100*(1<=t?1:t)+"%"}var t=e.buffered,n=e.duration,o=e.className;if(!t||!t.length)return null;var r=t.end(t.length-1),l={};r>n&&(r=n),l.width=a(r,n);for(var d=[],s=0;s<t.length;s++){var c=t.start(s),p=t.end(s),u=x.createElement("div",{style:{left:a(c,r),width:a(p-c,r)},key:"part-"+s});d.push(u)}return 0===d.length&&(d=null),x.createElement("div",{style:l,className:K("video-react-load-progress",o)},x.createElement("span",{className:"video-react-control-text"},"Loaded: 0%"),d)}function D(e){var a=e.duration,t=e.mouseTime,n=e.className,o=e.text;if(!t.time)return null;var r=o||E(t.time,a);return x.createElement("div",{className:K("video-react-mouse-display",n),style:{left:t.position+"px"},"data-current-time":r})}function M(e){var a=e.player,t=a.currentTime,n=a.duration,o=e.className,r=E(n-t);return x.createElement("div",{className:K("video-react-remaining-time video-react-time-control video-react-control",o)},x.createElement("div",{className:"video-react-remaining-time-display","aria-live":"off"},x.createElement("span",{className:"video-react-control-text"},"Remaining Time "),"-"+r))}function R(e){var a=e.player,t=a.currentTime,n=a.duration,o=e.className,r=E(t,n);return x.createElement("div",{className:K("video-react-current-time video-react-time-control video-react-control",o)},x.createElement("div",{className:"video-react-current-time-display","aria-live":"off"},x.createElement("span",{className:"video-react-control-text"},"Current Time "),r))}function w(e){var a=e.player.duration,t=e.className,n=E(a);return x.createElement("div",{className:K(t,"video-react-duration video-react-time-control video-react-control")},x.createElement("div",{className:"video-react-duration-display","aria-live":"off"},x.createElement("span",{className:"video-react-control-text"},"Duration Time "),n))}function F(e){var a=e.separator,t=e.className;return x.createElement("div",{className:K("video-react-time-control video-react-time-divider",t),dir:"ltr"},x.createElement("div",null,x.createElement("span",null,a||"/")))}function L(e){var a=e.inline,t=e.className,n=l({},e);return delete n.children,delete n.inline,delete n.className,x.createElement(Fe,l({className:K(t,{"video-react-menu-button-inline":!!a,"video-react-menu-button-popup":!a},"video-react-control video-react-button video-react-menu-button")},n),x.createElement(Ie,e))}function I(e){var a=e.percentage,t=e.vertical,n=e.className,o={};return t?o.height=a:o.width=a,x.createElement("div",{className:K(n,"video-react-volume-level"),style:o},x.createElement("span",{className:"video-react-control-text"}))}var x="default"in a?a["default"]:a,B=Object.getOwnPropertySymbols,O=Object.prototype.hasOwnProperty,_=Object.prototype.propertyIsEnumerable,U=function(){var e=String.fromCharCode;try{if(!Object.assign)return!1;var a=new String("abc");if(a[5]="de","5"===Object.getOwnPropertyNames(a)[0])return!1;for(var t={},n=0;10>n;n++)t["_"+e(n)]=n;var o=Object.getOwnPropertyNames(t).map(function(e){return t[e]});if("0123456789"!==o.join(""))return!1;var r={};return["a","b","c","d","e","f","g","h","i","j","k","l","m","n","o","p","q","r","s","t"].forEach(function(e){r[e]=e}),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},r)).join("")}catch(e){return!1}}()?Object.assign:function(e){for(var a,t,n=p(e),o=1;o<arguments.length;o++){for(var r in a=Object(arguments[o]),a)O.call(a,r)&&(n[r]=a[r]);if(B){t=B(a);for(var l=0;l<t.length;l++)_.call(a,t[l])&&(n[t[l]]=a[t[l]])}}return n},H=function(){function e(e,a,t,n,o,r){if(r!=="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"){var l=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw l.name="Invariant Violation",l}}function a(){return e}e.isRequired=e;var t={array:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:a,element:e,instanceOf:a,node:e,objectOf:a,oneOf:a,oneOfType:a,shape:a,exact:a};return t.checkPropTypes=u,t.PropTypes=t,t},G=c(function(e){e.exports=H()}),K=c(function(e){(function(){function a(){for(var e,n=[],o=0;o<arguments.length;o++)if(e=arguments[o],e){var r=typeof e;if("string"===r||"number"===r)n.push(e);else if(Array.isArray(e)&&e.length){var l=a.apply(null,e);l&&n.push(l)}else if("object"===r)for(var d in e)t.call(e,d)&&e[d]&&n.push(d)}return n.join(" ")}var t={}.hasOwnProperty;e.exports?(a.default=a,e.exports=a):window.classNames=a})()}),j=Object.freeze({LOAD_START:"video-react/LOAD_START",CAN_PLAY:"video-react/CAN_PLAY",WAITING:"video-react/WAITING",CAN_PLAY_THROUGH:"video-react/CAN_PLAY_THROUGH",PLAYING:"video-react/PLAYING",PLAY:"video-react/PLAY",PAUSE:"video-react/PAUSE",END:"video-react/END",SEEKING:"video-react/SEEKING",SEEKED:"video-react/SEEKED",SEEKING_TIME:"video-react/SEEKING_TIME",END_SEEKING:"video-react/END_SEEKING",DURATION_CHANGE:"video-react/DURATION_CHANGE",TIME_UPDATE:"video-react/TIME_UPDATE",VOLUME_CHANGE:"video-react/VOLUME_CHANGE",PROGRESS_CHANGE:"video-react/PROGRESS_CHANGE",RATE_CHANGE:"video-react/RATE_CHANGE",SUSPEND:"video-react/SUSPEND",ABORT:"video-react/ABORT",EMPTIED:"video-react/EMPTIED",STALLED:"video-react/STALLED",LOADED_META_DATA:"video-react/LOADED_META_DATA",LOADED_DATA:"video-react/LOADED_DATA",RESIZE:"video-react/RESIZE",ERROR:"video-react/ERROR",handleLoadStart:function(e){return{type:"video-react/LOAD_START",videoProps:e}},handleCanPlay:function(e){return{type:"video-react/CAN_PLAY",videoProps:e}},handleWaiting:function(e){return{type:"video-react/WAITING",videoProps:e}},handleCanPlayThrough:function(e){return{type:"video-react/CAN_PLAY_THROUGH",videoProps:e}},handlePlaying:function(e){return{type:"video-react/PLAYING",videoProps:e}},handlePlay:function(e){return{type:"video-react/PLAY",videoProps:e}},handlePause:function(e){return{type:"video-react/PAUSE",videoProps:e}},handleEnd:function(e){return{type:"video-react/END",videoProps:e}},handleSeeking:function(e){return{type:"video-react/SEEKING",videoProps:e}},handleSeeked:function(e){return{type:"video-react/SEEKED",videoProps:e}},handleDurationChange:function(e){return{type:"video-react/DURATION_CHANGE",videoProps:e}},handleTimeUpdate:function(e){return{type:"video-react/TIME_UPDATE",videoProps:e}},handleVolumeChange:function(e){return{type:"video-react/VOLUME_CHANGE",videoProps:e}},handleProgressChange:function(e){return{type:"video-react/PROGRESS_CHANGE",videoProps:e}},handleRateChange:function(e){return{type:"video-react/RATE_CHANGE",videoProps:e}},handleSuspend:function(e){return{type:"video-react/SUSPEND",videoProps:e}},handleAbort:function(e){return{type:"video-react/ABORT",videoProps:e}},handleEmptied:function(e){return{type:"video-react/EMPTIED",videoProps:e}},handleStalled:function(e){return{type:"video-react/STALLED",videoProps:e}},handleLoadedMetaData:function(e){return{type:"video-react/LOADED_META_DATA",videoProps:e}},handleLoadedData:function(e){return{type:"video-react/LOADED_DATA",videoProps:e}},handleResize:function(e){return{type:"video-react/RESIZE",videoProps:e}},handleError:function(e){return{type:"video-react/ERROR",videoProps:e}},handleSeekingTime:function(e){return{type:"video-react/SEEKING_TIME",time:e}},handleEndSeeking:function(e){return{type:"video-react/END_SEEKING",time:e}}}),V=function(){function e(){}var a=e.prototype;return a.request=function(e){e.requestFullscreen?e.requestFullscreen():e.webkitRequestFullscreen?e.webkitRequestFullscreen():e.mozRequestFullScreen?e.mozRequestFullScreen():e.msRequestFullscreen&&e.msRequestFullscreen()},a.exit=function(){document.exitFullscreen?document.exitFullscreen():document.webkitExitFullscreen?document.webkitExitFullscreen():document.mozCancelFullScreen?document.mozCancelFullScreen():document.msExitFullscreen&&document.msExitFullscreen()},a.addEventListener=function(e){document.addEventListener("fullscreenchange",e),document.addEventListener("webkitfullscreenchange",e),document.addEventListener("mozfullscreenchange",e),document.addEventListener("MSFullscreenChange",e)},a.removeEventListener=function(e){document.removeEventListener("fullscreenchange",e),document.removeEventListener("webkitfullscreenchange",e),document.removeEventListener("mozfullscreenchange",e),document.removeEventListener("MSFullscreenChange",e)},r(e,[{key:"isFullscreen",get:function(){return document.fullscreenElement||document.webkitFullscreenElement||document.mozFullScreenElement||document.msFullscreenElement}},{key:"enabled",get:function(){return document.fullscreenEnabled||document.webkitFullscreenEnabled||document.mozFullScreenEnabled||document.msFullscreenEnabled}}]),e}(),z=new V,W=Object.freeze({OPERATE:"video-react/OPERATE",FULLSCREEN_CHANGE:"video-react/FULLSCREEN_CHANGE",PLAYER_ACTIVATE:"video-react/PLAYER_ACTIVATE",USER_ACTIVATE:"video-react/USER_ACTIVATE",handleFullscreenChange:function(e){return{type:"video-react/FULLSCREEN_CHANGE",isFullscreen:e}},activate:function(e){return{type:"video-react/PLAYER_ACTIVATE",activity:e}},userActivate:function(e){return{type:"video-react/USER_ACTIVATE",activity:e}},play:function(e){return void 0===e&&(e={action:"play",source:""}),this.video.play(),{type:"video-react/OPERATE",operation:e}},pause:function(e){return void 0===e&&(e={action:"pause",source:""}),this.video.pause(),{type:"video-react/OPERATE",operation:e}},togglePlay:function(e){return void 0===e&&(e={action:"toggle-play",source:""}),this.video.togglePlay(),{type:"video-react/OPERATE",operation:e}},seek:function(e,a){return void 0===a&&(a={action:"seek",source:""}),this.video.seek(e),{type:"video-react/OPERATE",operation:a}},forward:function(e,a){return void 0===a&&(a={action:"forward-"+e,source:""}),this.video.forward(e),{type:"video-react/OPERATE",operation:a}},replay:function(e,a){return void 0===a&&(a={action:"replay-"+e,source:""}),this.video.replay(e),{type:"video-react/OPERATE",operation:a}},changeRate:function(e,a){return void 0===a&&(a={action:"change-rate",source:""}),this.video.playbackRate=e,{type:"video-react/OPERATE",operation:a}},changeVolume:function(e,a){void 0===a&&(a={action:"change-volume",source:""});var t=e;return 0>e&&(t=0),1<e&&(t=1),this.video.volume=t,{type:"video-react/OPERATE",operation:a}},mute:function(e,a){return void 0===a&&(a={action:e?"muted":"unmuted",source:""}),this.video.muted=e,{type:"video-react/OPERATE",operation:a}},toggleFullscreen:function(e){return z.enabled?(z.isFullscreen?z.exit():z.request(this.rootElement),{type:"video-react/OPERATE",operation:{action:"toggle-fullscreen",source:""}}):{type:"video-react/FULLSCREEN_CHANGE",isFullscreen:!e.isFullscreen}}}),Y={currentSrc:null,duration:0,currentTime:0,seekingTime:0,buffered:null,waiting:!1,seeking:!1,paused:!0,autoPaused:!1,ended:!1,playbackRate:1,muted:!1,volume:1,readyState:0,networkState:0,videoWidth:0,videoHeight:0,hasStarted:!1,userActivity:!0,isActive:!1,isFullscreen:!1},q={count:0,operation:{action:"",source:""}},X=function(){function e(e){this.store=e||t.createStore(v),this.video=null,this.rootElement=null}var a=e.prototype;return a.getActions=function(){function e(e){return function(){var n=e.apply(a,arguments);"undefined"!=typeof n&&t(n)}}var a=this,t=this.store.dispatch,n=l({},W,j);return Object.keys(n).filter(function(e){return"function"==typeof n[e]}).reduce(function(a,t){return a[t]=e(n[t]),a},{})},a.getState=function(){return this.store.getState()},a.subscribeToStateChange=function(e,a){a||(a=this.getState.bind(this));var t=a(),n=function(){var n=a();if(n!==t){var o=t;t=n,e(n,o)}};return this.store.subscribe(n)},a.subscribeToOperationStateChange=function(e){var a=this;return this.subscribeToStateChange(e,function(){return a.getState().operation})},a.subscribeToPlayerStateChange=function(e){var a=this;return this.subscribeToStateChange(e,function(){return a.getState().player})},e}(),Z={actions:G.object,player:G.object,position:G.string,className:G.string},Q=function(e){function a(a,t){var n;return n=e.call(this,a,t)||this,n.handleClick=n.handleClick.bind(s(s(n))),n}d(a,e);var t=a.prototype;return t.componentDidMount=function(){},t.handleClick=function(){var e=this.props.actions;e.play()},t.render=function(){var e=this.props,a=e.player,t=e.position;return x.createElement("button",{className:K("video-react-big-play-button","video-react-big-play-button-"+t,this.props.className,{"big-play-button-hide":a.hasStarted||!a.currentSrc}),type:"button","aria-live":"polite",tabIndex:"0",onClick:this.handleClick},x.createElement("span",{className:"video-react-control-text"},"Play Video"))},a}(a.Component);Q.propTypes=Z,Q.defaultProps={position:"left"},Q.displayName="BigPlayButton";var J={player:G.object,className:G.string};y.propTypes=J,y.displayName="LoadingSpinner";var $={poster:G.string,player:G.object,actions:G.object,className:G.string};g.propTypes=$,g.displayName="PosterImage";var ee=Number.isNaN||function(e){return e!==e},ae=function(e,a){return e.filter(a)[0]},te=function(e,a){var t=e.type,n=a.type;return"string"==typeof t||"string"==typeof n?t===n:!("function"!=typeof t||"function"!=typeof n)&&t.displayName===n.displayName},ne=["error","src","srcObject","currentSrc","crossOrigin","networkState","preload","buffered","readyState","seeking","currentTime","duration","paused","defaultPlaybackRate","playbackRate","played","seekable","ended","autoplay","loop","mediaGroup","controller","controls","volume","muted","defaultMuted","audioTracks","videoTracks","textTracks","width","height","videoWidth","videoHeight","poster"],oe={actions:G.object,player:G.object,children:G.any,startTime:G.number,loop:G.bool,muted:G.bool,autoPlay:G.bool,playsInline:G.bool,src:G.string,poster:G.string,className:G.string,preload:G.oneOf(["auto","metadata","none"]),crossOrigin:G.string,onLoadStart:G.func,onWaiting:G.func,onCanPlay:G.func,onCanPlayThrough:G.func,onPlaying:G.func,onEnded:G.func,onSeeking:G.func,onSeeked:G.func,onPlay:G.func,onPause:G.func,onProgress:G.func,onDurationChange:G.func,onError:G.func,onSuspend:G.func,onAbort:G.func,onEmptied:G.func,onStalled:G.func,onLoadedMetadata:G.func,onLoadedData:G.func,onTimeUpdate:G.func,onRateChange:G.func,onVolumeChange:G.func,onResize:G.func},re=function(e){function a(a){var t;return t=e.call(this,a)||this,t.video=null,t.play=t.play.bind(s(s(t))),t.pause=t.pause.bind(s(s(t))),t.seek=t.seek.bind(s(s(t))),t.forward=t.forward.bind(s(s(t))),t.replay=t.replay.bind(s(s(t))),t.toggleFullscreen=t.toggleFullscreen.bind(s(s(t))),t.getProperties=t.getProperties.bind(s(s(t))),t.renderChildren=t.renderChildren.bind(s(s(t))),t.handleLoadStart=t.handleLoadStart.bind(s(s(t))),t.handleCanPlay=t.handleCanPlay.bind(s(s(t))),t.handleCanPlayThrough=t.handleCanPlayThrough.bind(s(s(t))),t.handlePlay=t.handlePlay.bind(s(s(t))),t.handlePlaying=t.handlePlaying.bind(s(s(t))),t.handlePause=t.handlePause.bind(s(s(t))),t.handleEnded=t.handleEnded.bind(s(s(t))),t.handleWaiting=t.handleWaiting.bind(s(s(t))),t.handleSeeking=t.handleSeeking.bind(s(s(t))),t.handleSeeked=t.handleSeeked.bind(s(s(t))),t.handleFullscreenChange=t.handleFullscreenChange.bind(s(s(t))),t.handleError=t.handleError.bind(s(s(t))),t.handleSuspend=t.handleSuspend.bind(s(s(t))),t.handleAbort=t.handleAbort.bind(s(s(t))),t.handleEmptied=t.handleEmptied.bind(s(s(t))),t.handleStalled=t.handleStalled.bind(s(s(t))),t.handleLoadedMetaData=t.handleLoadedMetaData.bind(s(s(t))),t.handleLoadedData=t.handleLoadedData.bind(s(s(t))),t.handleTimeUpdate=t.handleTimeUpdate.bind(s(s(t))),t.handleRateChange=t.handleRateChange.bind(s(s(t))),t.handleVolumeChange=t.handleVolumeChange.bind(s(s(t))),t.handleDurationChange=t.handleDurationChange.bind(s(s(t))),t.handleProgress=P(t.handleProgress.bind(s(s(t))),250),t.handleKeypress=t.handleKeypress.bind(s(s(t))),t}d(a,e);var t=a.prototype;return t.componentDidMount=function(){this.forceUpdate()},t.getProperties=function(){var e=this;return this.video?ne.reduce(function(a,t){return a[t]=e.video[t],a},{}):null},t.play=function(){var e=this.video.play();void 0!==e&&e.catch(function(){}).then(function(){})},t.pause=function(){var e=this.video.pause();void 0!==e&&e.catch(function(){}).then(function(){})},t.load=function(){this.video.load()},t.addTextTrack=function(){var e;(e=this.video).addTextTrack.apply(e,arguments)},t.canPlayType=function(){var e;(e=this.video).canPlayType.apply(e,arguments)},t.togglePlay=function(){this.video.paused?this.play():this.pause()},t.seek=function(e){try{this.video.currentTime=e}catch(a){}},t.forward=function(e){this.seek(this.video.currentTime+e)},t.replay=function(e){this.forward(-e)},t.toggleFullscreen=function(){var e=this.props,a=e.player,t=e.actions;t.toggleFullscreen(a)},t.handleLoadStart=function(){var e=this.props,a=e.actions,t=e.onLoadStart;a.handleLoadStart(this.getProperties()),t&&t.apply(void 0,arguments)},t.handleCanPlay=function(){var e=this.props,a=e.actions,t=e.onCanPlay;a.handleCanPlay(this.getProperties()),t&&t.apply(void 0,arguments)},t.handleCanPlayThrough=function(){var e=this.props,a=e.actions,t=e.onCanPlayThrough;a.handleCanPlayThrough(this.getProperties()),t&&t.apply(void 0,arguments)},t.handlePlaying=function(){var e=this.props,a=e.actions,t=e.onPlaying;a.handlePlaying(this.getProperties()),t&&t.apply(void 0,arguments)},t.handlePlay=function(){var e=this.props,a=e.actions,t=e.onPlay;a.handlePlay(this.getProperties()),t&&t.apply(void 0,arguments)},t.handlePause=function(){var e=this.props,a=e.actions,t=e.onPause;a.handlePause(this.getProperties()),t&&t.apply(void 0,arguments)},t.handleDurationChange=function(){var e=this.props,a=e.actions,t=e.onDurationChange;a.handleDurationChange(this.getProperties()),t&&t.apply(void 0,arguments)},t.handleProgress=function(){var e=this.props,a=e.actions,t=e.onProgress;this.video&&a.handleProgressChange(this.getProperties()),t&&t.apply(void 0,arguments)},t.handleEnded=function(){var e=this.props,a=e.loop,t=e.player,n=e.actions,o=e.onEnded;a?(this.seek(0),this.play()):!t.paused&&this.pause(),n.handleEnd(this.getProperties()),o&&o.apply(void 0,arguments)},t.handleWaiting=function(){var e=this.props,a=e.actions,t=e.onWaiting;a.handleWaiting(this.getProperties()),t&&t.apply(void 0,arguments)},t.handleSeeking=function(){var e=this.props,a=e.actions,t=e.onSeeking;a.handleSeeking(this.getProperties()),t&&t.apply(void 0,arguments)},t.handleSeeked=function(){var e=this.props,a=e.actions,t=e.onSeeked;a.handleSeeked(this.getProperties()),t&&t.apply(void 0,arguments)},t.handleFullscreenChange=function(){},t.handleSuspend=function(){var e=this.props,a=e.actions,t=e.onSuspend;a.handleSuspend(this.getProperties()),t&&t.apply(void 0,arguments)},t.handleAbort=function(){var e=this.props,a=e.actions,t=e.onAbort;a.handleAbort(this.getProperties()),t&&t.apply(void 0,arguments)},t.handleEmptied=function(){var e=this.props,a=e.actions,t=e.onEmptied;a.handleEmptied(this.getProperties()),t&&t.apply(void 0,arguments)},t.handleStalled=function(){var e=this.props,a=e.actions,t=e.onStalled;a.handleStalled(this.getProperties()),t&&t.apply(void 0,arguments)},t.handleLoadedMetaData=function(){var e=this.props,a=e.actions,t=e.onLoadedMetadata,n=e.startTime;n&&0<n&&(this.video.currentTime=n),a.handleLoadedMetaData(this.getProperties()),t&&t.apply(void 0,arguments)},t.handleLoadedData=function(){var e=this.props,a=e.actions,t=e.onLoadedData;a.handleLoadedData(this.getProperties()),t&&t.apply(void 0,arguments)},t.handleTimeUpdate=function(){var e=this.props,a=e.actions,t=e.onTimeUpdate;a.handleTimeUpdate(this.getProperties()),t&&t.apply(void 0,arguments)},t.handleRateChange=function(){var e=this.props,a=e.actions,t=e.onRateChange;a.handleRateChange(this.getProperties()),t&&t.apply(void 0,arguments)},t.handleVolumeChange=function(){var e=this.props,a=e.actions,t=e.onVolumeChange;a.handleVolumeChange(this.getProperties()),t&&t.apply(void 0,arguments)},t.handleError=function(){var e=this.props,a=e.actions,t=e.onError;a.handleError(this.getProperties()),t&&t.apply(void 0,arguments)},t.handleResize=function(){var e=this.props,a=e.actions,t=e.onResize;a.handleResize(this.getProperties()),t&&t.apply(void 0,arguments)},t.handleKeypress=function(){},t.renderChildren=function(){var e=this,a=l({},this.props,{video:this.video});return this.video?x.Children.toArray(this.props.children).filter(b).map(function(t){var n;if("string"!=typeof t.type)n=a;else if("source"===t.type){n=l({},t.props);var o=n.onError;n.onError=function(){o&&o.apply(void 0,arguments),e.handleError.apply(e,arguments)}}return x.cloneElement(t,n)}):null},t.render=function(){var e=this,a=this.props,t=a.loop,n=a.poster,o=a.preload,r=a.src,l=a.autoPlay,d=a.playsInline,i=a.muted,s=a.crossOrigin,c=a.videoId;return x.createElement("video",{className:K("video-react-video",this.props.className),id:c,crossOrigin:s,ref:function(a){e.video=a},muted:i,preload:o,loop:t,playsInline:d,autoPlay:l,poster:n,src:r,onLoadStart:this.handleLoadStart,onWaiting:this.handleWaiting,onCanPlay:this.handleCanPlay,onCanPlayThrough:this.handleCanPlayThrough,onPlaying:this.handlePlaying,onEnded:this.handleEnded,onSeeking:this.handleSeeking,onSeeked:this.handleSeeked,onPlay:this.handlePlay,onPause:this.handlePause,onProgress:this.handleProgress,onDurationChange:this.handleDurationChange,onError:this.handleError,onSuspend:this.handleSuspend,onAbort:this.handleAbort,onEmptied:this.handleEmptied,onStalled:this.handleStalled,onLoadedMetadata:this.handleLoadedMetaData,onLoadedData:this.handleLoadedData,onTimeUpdate:this.handleTimeUpdate,onRateChange:this.handleRateChange,onVolumeChange:this.handleVolumeChange},this.renderChildren())},r(a,[{key:"playbackRate",get:function(){return this.video.playbackRate},set:function(e){this.video.playbackRate=e}},{key:"muted",get:function(){return this.video.muted},set:function(e){this.video.muted=e}},{key:"volume",get:function(){return this.video.volume},set:function(e){1<e&&(e=1),0>e&&(e=0),this.video.volume=e}},{key:"videoWidth",get:function(){return this.video.videoWidth}},{key:"videoHeight",get:function(){return this.video.videoHeight}}]),a}(a.Component);re.propTypes=oe,re.displayName="Video";var le={manager:G.object,className:G.string},de=function(e){function a(a,t){var n;return n=e.call(this,a,t)||this,n.timer=null,a.manager.subscribeToOperationStateChange(n.handleStateChange.bind(s(s(n)))),n.state={hidden:!0,operation:{}},n}d(a,e);var t=a.prototype;return t.handleStateChange=function(e,a){var t=this;e.count!==a.count&&"shortcut"===e.operation.source&&(this.timer&&(clearTimeout(this.timer),this.timer=null),this.setState({hidden:!1,count:e.count,operation:e.operation}),this.timer=setTimeout(function(){t.setState({hidden:!0}),t.timer=null},500))},t.render=function(){if("shortcut"!==this.state.operation.source)return null;var e=this.state.hidden?{display:"none"}:null;return x.createElement("div",{className:K({"video-react-bezel":!0,"video-react-bezel-animation":0==this.state.count%2,"video-react-bezel-animation-alt":1==this.state.count%2},this.props.className),style:e,role:"status","aria-label":this.state.operation.action},x.createElement("div",{className:K("video-react-bezel-icon","video-react-bezel-icon-"+this.state.operation.action)}))},a}(a.Component);de.propTypes=le,de.displayName="Bezel";var ie={clickable:G.bool,dblclickable:G.bool,manager:G.object,actions:G.object,player:G.object,shortcuts:G.array},se=function(e){function a(a,t){var n;return n=e.call(this,a,t)||this,n.defaultShortcuts=[{keyCode:32,handle:n.togglePlay},{keyCode:75,handle:n.togglePlay},{keyCode:70,handle:n.toggleFullscreen},{keyCode:37,handle:function(e,a){e.hasStarted&&a.replay(5,{action:"replay-5",source:"shortcut"})}},{keyCode:74,handle:function(e,a){e.hasStarted&&a.replay(10,{action:"replay-10",source:"shortcut"})}},{keyCode:39,handle:function(e,a){e.hasStarted&&a.forward(5,{action:"forward-5",source:"shortcut"})}},{keyCode:76,handle:function(e,a){e.hasStarted&&a.forward(10,{action:"forward-10",source:"shortcut"})}},{keyCode:36,handle:function(e,a){e.hasStarted&&a.seek(0)}},{keyCode:35,handle:function(e,a){e.hasStarted&&a.seek(e.duration)}},{keyCode:38,handle:function(e,a){var t=e.volume+.05;1<t&&(t=1),a.changeVolume(t,{action:"volume-up",source:"shortcut"})}},{keyCode:40,handle:function(e,a){var t=e.volume-.05;0>t&&(t=0);var n=0<t?"volume-down":"volume-off";a.changeVolume(t,{action:n,source:"shortcut"})}},{keyCode:190,shift:!0,handle:function(e,a){var t=e.playbackRate;1.5<=t?t=2:1.25<=t?t=1.5:1<=t?t=1.25:.5<=t?t=1:.25<=t?t=.5:0<=t&&(t=.25),a.changeRate(t,{action:"fast-forward",source:"shortcut"})}},{keyCode:188,shift:!0,handle:function(e,a){var t=e.playbackRate;.5>=t?t=.25:1>=t?t=.5:1.25>=t?t=1:1.5>=t?t=1.25:2>=t&&(t=1.5),a.changeRate(t,{action:"fast-rewind",source:"shortcut"})}}],n.shortcuts=[].concat(n.defaultShortcuts),n.mergeShortcuts=n.mergeShortcuts.bind(s(s(n))),n.handleKeyPress=n.handleKeyPress.bind(s(s(n))),n.handleClick=n.handleClick.bind(s(s(n))),n.handleDoubleClick=n.handleDoubleClick.bind(s(s(n))),n}d(a,e);var t=a.prototype;return t.componentDidMount=function(){this.mergeShortcuts(),document.addEventListener("keydown",this.handleKeyPress),document.addEventListener("click",this.handleClick),document.addEventListener("dblclick",this.handleDoubleClick)},t.componentDidUpdate=function(e){e.shortcuts!==this.props.shortcuts&&this.mergeShortcuts()},t.componentWillUnmount=function(){document.removeEventListener("keydown",this.handleKeyPress),document.removeEventListener("click",this.handleClick),document.removeEventListener("dblclick",this.handleDoubleClick)},t.mergeShortcuts=function(){var e=function(e){var a=e.keyCode,t=void 0===a?0:a,n=e.ctrl,o=e.shift,r=e.alt;return t+":"+(void 0!==n&&n)+":"+(void 0!==o&&o)+":"+(void 0!==r&&r)},a=this.defaultShortcuts.reduce(function(a,t){var n;return Object.assign(a,(n={},n[e(t)]=t,n))},{}),t=(this.props.shortcuts||[]).reduce(function(a,t){var n=t.keyCode,o=t.handle;if(n&&"function"==typeof o){var r;return Object.assign(a,(r={},r[e(t)]=t,r))}return a},a),n=function(e){var a=0;return["ctrl","shift","alt"].forEach(function(t){e[t]&&a++}),a};this.shortcuts=Object.keys(t).map(function(e){return t[e]}).sort(function(e,a){return n(a)-n(e)})},t.togglePlay=function(e,a){e.paused?a.play({action:"play",source:"shortcut"}):a.pause({action:"pause",source:"shortcut"})},t.toggleFullscreen=function(e,a){a.toggleFullscreen(e)},t.handleKeyPress=function(a){var e=this.props,t=e.player,n=e.actions;if(t.isActive&&!(document.activeElement&&(N(document.activeElement,"video-react-control")||N(document.activeElement,"video-react-menu-button-active")||N(document.activeElement,"video-react-big-play-button")))){var o=a.keyCode||a.which,r=a.ctrlKey||a.metaKey,l=a.shiftKey,d=a.altKey,i=this.shortcuts.filter(function(e){return!!(e.keyCode&&0==e.keyCode-o)&&(void 0===e.ctrl||e.ctrl===r)&&(void 0===e.shift||e.shift===l)&&(void 0===e.alt||e.alt===d)})[0];i&&(i.handle(t,n),a.preventDefault())}},t.canBeClicked=function(a,t){return!!(a.isActive&&"VIDEO"===t.target.nodeName&&4===a.readyState)},t.handleClick=function(a){var e=this.props,t=e.player,n=e.actions,o=e.clickable;this.canBeClicked(t,a)&&o&&this.togglePlay(t,n)},t.handleDoubleClick=function(a){var e=this.props,t=e.player,n=e.actions,o=e.dblclickable;this.canBeClicked(t,a)&&o&&this.toggleFullscreen(t,n)},t.render=function(){return null},a}(a.Component);se.propTypes=ie,se.defaultProps={clickable:!0,dblclickable:!0},se.displayName="Shortcut";var ce={className:G.string,onMouseDown:G.func,onMouseMove:G.func,stepForward:G.func,stepBack:G.func,sliderActive:G.func,sliderInactive:G.func,onMouseUp:G.func,onFocus:G.func,onBlur:G.func,onClick:G.func,getPercent:G.func,vertical:G.bool,children:G.node,label:G.string,valuenow:G.string,valuetext:G.string},pe=function(e){function a(a,t){var n;return n=e.call(this,a,t)||this,n.handleMouseDown=n.handleMouseDown.bind(s(s(n))),n.handleMouseMove=n.handleMouseMove.bind(s(s(n))),n.handleMouseUp=n.handleMouseUp.bind(s(s(n))),n.handleFocus=n.handleFocus.bind(s(s(n))),n.handleBlur=n.handleBlur.bind(s(s(n))),n.handleClick=n.handleClick.bind(s(s(n))),n.handleKeyPress=n.handleKeyPress.bind(s(s(n))),n.stepForward=n.stepForward.bind(s(s(n))),n.stepBack=n.stepBack.bind(s(s(n))),n.calculateDistance=n.calculateDistance.bind(s(s(n))),n.getProgress=n.getProgress.bind(s(s(n))),n.renderChildren=n.renderChildren.bind(s(s(n))),n.state={active:!1},n}d(a,e);var t=a.prototype;return t.getProgress=function(){var e=this.props.getPercent;if(!e)return 0;var a=e();return("number"!=typeof a||0>a||a===1/0)&&(a=0),a},t.handleMouseDown=function(e){var a=this.props.onMouseDown;document.addEventListener("mousemove",this.handleMouseMove,!0),document.addEventListener("mouseup",this.handleMouseUp,!0),document.addEventListener("touchmove",this.handleMouseMove,!0),document.addEventListener("touchend",this.handleMouseUp,!0),this.setState({active:!0}),this.props.sliderActive&&this.props.sliderActive(e),this.handleMouseMove(e),a&&a(e)},t.handleMouseMove=function(e){var a=this.props.onMouseMove;a&&a(e)},t.handleMouseUp=function(e){var a=this.props.onMouseUp;document.removeEventListener("mousemove",this.handleMouseMove,!0),document.removeEventListener("mouseup",this.handleMouseUp,!0),document.removeEventListener("touchmove",this.handleMouseMove,!0),document.removeEventListener("touchend",this.handleMouseUp,!0),this.setState({active:!1}),this.props.sliderInactive&&this.props.sliderInactive(e),a&&a(e)},t.handleFocus=function(a){document.addEventListener("keydown",this.handleKeyPress,!0),this.props.onFocus&&this.props.onFocus(a)},t.handleBlur=function(a){document.removeEventListener("keydown",this.handleKeyPress,!0),this.props.onBlur&&this.props.onBlur(a)},t.handleClick=function(e){e.preventDefault(),this.props.onClick&&this.props.onClick(e)},t.handleKeyPress=function(e){37===e.which||40===e.which?(e.preventDefault(),e.stopPropagation(),this.stepBack()):(38===e.which||39===e.which)&&(e.preventDefault(),e.stopPropagation(),this.stepForward())},t.stepForward=function(){this.props.stepForward&&this.props.stepForward()},t.stepBack=function(){this.props.stepBack&&this.props.stepBack()},t.calculateDistance=function(e){var a=n.findDOMNode(this),t=T(a,e);return this.props.vertical?t.y:t.x},t.renderChildren=function(){var e=this.getProgress(),a=(100*e).toFixed(2)+"%";return x.Children.map(this.props.children,function(t){return x.cloneElement(t,{progress:e,percentage:a})})},t.render=function(){var e=this.props,a=e.vertical,t=e.label,n=e.valuenow,o=e.valuetext;return x.createElement("div",{className:K(this.props.className,{"video-react-slider-vertical":a,"video-react-slider-horizontal":!a,"video-react-sliding":this.state.active},"video-react-slider"),tabIndex:"0",role:"slider",onMouseDown:this.handleMouseDown,onTouchStart:this.handleMouseDown,onFocus:this.handleFocus,onBlur:this.handleBlur,onClick:this.handleClick,"aria-label":t||"","aria-valuenow":n||"","aria-valuetext":o||"","aria-valuemin":0,"aria-valuemax":100},this.renderChildren())},a}(a.Component);pe.propTypes=ce,pe.displayName="Slider";var ue={currentTime:G.number,duration:G.number,percentage:G.string,className:G.string};S.propTypes=ue,S.displayName="PlayProgressBar";var he={duration:G.number,buffered:G.object,className:G.string};A.propTypes=he,A.displayName="LoadProgressBar",D.propTypes={duration:G.number,mouseTime:G.object,className:G.string},D.displayName="MouseTimeDisplay";var me={player:G.object,mouseTime:G.object,actions:G.object,className:G.string},ve=function(e){function a(a,t){var n;return n=e.call(this,a,t)||this,n.getPercent=n.getPercent.bind(s(s(n))),n.getNewTime=n.getNewTime.bind(s(s(n))),n.stepForward=n.stepForward.bind(s(s(n))),n.stepBack=n.stepBack.bind(s(s(n))),n.handleMouseDown=n.handleMouseDown.bind(s(s(n))),n.handleMouseMove=n.handleMouseMove.bind(s(s(n))),n.handleMouseUp=n.handleMouseUp.bind(s(s(n))),n}d(a,e);var t=a.prototype;return t.componentDidMount=function(){},t.componentDidUpdate=function(){},t.getPercent=function(){var e=this.props.player,a=e.currentTime,t=e.seekingTime,n=e.duration,o=(t||a)/n;return 1<=o?1:o},t.getNewTime=function(e){var a=this.props.player.duration,t=this.slider.calculateDistance(e),n=t*a;return n===a?n-.1:n},t.handleMouseDown=function(){},t.handleMouseUp=function(e){var a=this.props.actions,t=this.getNewTime(e);a.seek(t),a.handleEndSeeking(t)},t.handleMouseMove=function(e){var a=this.props.actions,t=this.getNewTime(e);a.handleSeekingTime(t)},t.stepForward=function(){var e=this.props.actions;e.forward(5)},t.stepBack=function(){var e=this.props.actions;e.replay(5)},t.render=function(){var e=this,a=this.props,t=a.player,n=t.currentTime,o=t.seekingTime,r=t.duration,l=t.buffered,d=a.mouseTime,i=o||n;return x.createElement(pe,{ref:function(a){e.slider=a},label:"video progress bar",className:K("video-react-progress-holder",this.props.className),valuenow:(100*this.getPercent()).toFixed(2),valuetext:E(i,r),onMouseDown:this.handleMouseDown,onMouseMove:this.handleMouseMove,onMouseUp:this.handleMouseUp,getPercent:this.getPercent,stepForward:this.stepForward,stepBack:this.stepBack},x.createElement(A,{buffered:l,currentTime:i,duration:r}),x.createElement(D,{duration:r,mouseTime:d}),x.createElement(S,{currentTime:i,duration:r}))},a}(a.Component);ve.propTypes=me,ve.displayName="SeekBar";var ye={player:G.object,className:G.string},ge=function(e){function a(a,t){var n;return n=e.call(this,a,t)||this,n.state={mouseTime:{time:null,position:0}},n.handleMouseMoveThrottle=n.handleMouseMove.bind(s(s(n))),n}d(a,e);var t=a.prototype;return t.handleMouseMove=function(e){if(e.pageX){var a=this.props.player.duration,t=n.findDOMNode(this.seekBar),o=T(t,e).x*a,r=e.pageX-f(t).left;this.setState({mouseTime:{time:o,position:r}})}},t.render=function(){var e=this,a=this.props.className;return x.createElement("div",{onMouseMove:this.handleMouseMoveThrottle,className:K("video-react-progress-control video-react-control",a)},x.createElement(ve,l({mouseTime:this.state.mouseTime,ref:function(a){e.seekBar=a}},this.props)))},a}(a.Component);ge.propTypes=ye,ge.displayName="ProgressControl";var Ee={actions:G.object,player:G.object,className:G.string},be=function(e){function a(a,t){var n;return n=e.call(this,a,t)||this,n.handleClick=n.handleClick.bind(s(s(n))),n}d(a,e);var t=a.prototype;return t.handleClick=function(){var e=this.props,a=e.actions,t=e.player;t.paused?a.play():a.pause()},t.render=function(){var e=this,a=this.props,t=a.player,n=a.className,o=t.paused?"Play":"Pause";return x.createElement("button",{ref:function(a){e.button=a},className:K(n,{"video-react-play-control":!0,"video-react-control":!0,"video-react-button":!0,"video-react-paused":t.paused,"video-react-playing":!t.paused}),type:"button",tabIndex:"0",onClick:this.handleClick},x.createElement("span",{className:"video-react-control-text"},o))},a}(a.Component);be.propTypes=Ee,be.displayName="PlayToggle";var Ce={actions:G.object,className:G.string,seconds:G.oneOf([5,10,30])},ke={seconds:10},Pe=function(e){var t=function(a){function t(e,t){var n;return n=a.call(this,e,t)||this,n.handleClick=n.handleClick.bind(s(s(n))),n}d(t,a);var n=t.prototype;return n.handleClick=function(){var a=this.props,t=a.actions,n=a.seconds;"forward"===e?t.forward(n):t.replay(n)},n.render=function(){var a=this,t=this.props,n=t.seconds,o=t.className,r=["video-react-control","video-react-button","video-react-icon"];return r.push("video-react-icon-"+e+"-"+n,"video-react-"+e+"-control"),o&&r.push(o),x.createElement("button",{ref:function(e){a.button=e},className:r.join(" "),type:"button",onClick:this.handleClick},x.createElement("span",{className:"video-react-control-text"},e+" "+n+" seconds"))},t}(a.Component);return t.propTypes=Ce,t.defaultProps=ke,t},fe=Pe("forward");fe.displayName="ForwardControl";var Te=Pe("replay");Te.displayName="ReplayControl";var Ne={actions:G.object,player:G.object,className:G.string},Se=function(e){function a(a,t){var n;return n=e.call(this,a,t)||this,n.handleClick=n.handleClick.bind(s(s(n))),n}d(a,e);var t=a.prototype;return t.handleClick=function(){var e=this.props,a=e.player,t=e.actions;t.toggleFullscreen(a)},t.render=function(){var e=this,a=this.props,t=a.player,n=a.className;return x.createElement("button",{className:K(n,{"video-react-icon-fullscreen-exit":t.isFullscreen,"video-react-icon-fullscreen":!t.isFullscreen},"video-react-fullscreen-control video-react-control video-react-button video-react-icon"),ref:function(a){e.button=a},type:"button",tabIndex:"0",onClick:this.handleClick},x.createElement("span",{className:"video-react-control-text"},"Non-Fullscreen"))},a}(a.Component);Se.propTypes=Ne,Se.displayName="FullscreenToggle";var Ae={player:G.object,className:G.string};M.propTypes=Ae,M.displayName="RemainingTimeDisplay";var De={player:G.object,className:G.string};R.propTypes=De,R.displayName="CurrentTimeDisplay";var Me={player:G.object,className:G.string};w.propTypes=Me,w.displayName="DurationDisplay";var Re={separator:G.string,className:G.string};F.propTypes=Re,F.displayName="TimeDivider";var we={tagName:G.string,onClick:G.func.isRequired,onFocus:G.func,onBlur:G.func,className:G.string},Fe=function(e){function a(a,t){var n;return n=e.call(this,a,t)||this,n.handleClick=n.handleClick.bind(s(s(n))),n.handleFocus=n.handleFocus.bind(s(s(n))),n.handleBlur=n.handleBlur.bind(s(s(n))),n.handleKeypress=n.handleKeypress.bind(s(s(n))),n}d(a,e);var t=a.prototype;return t.handleKeypress=function(e){(32===e.which||13===e.which)&&(e.preventDefault(),this.handleClick(e))},t.handleClick=function(e){var a=this.props.onClick;a(e)},t.handleFocus=function(a){document.addEventListener("keydown",this.handleKeypress),this.props.onFocus&&this.props.onFocus(a)},t.handleBlur=function(a){document.removeEventListener("keydown",this.handleKeypress),this.props.onBlur&&this.props.onBlur(a)},t.render=function(){var e=this.props.tagName,a=l({},this.props);return delete a.tagName,delete a.className,x.createElement(e,l({className:K(this.props.className),role:"button",tabIndex:"0",onClick:this.handleClick,onFocus:this.handleFocus,onBlur:this.handleBlur},a))},a}(a.Component);Fe.propTypes=we,Fe.defaultProps={tagName:"div"},Fe.displayName="ClickableComponent";var Le={player:G.object,children:G.any},Ie=function(e){function a(a,t){var n;return n=e.call(this,a,t)||this,n.handleClick=n.handleClick.bind(s(s(n))),n}d(a,e);var t=a.prototype;return t.handleClick=function(e){e.preventDefault()},t.render=function(){var e=this.props.children;return x.createElement("div",{className:"video-react-menu",onClick:this.handleClick},x.createElement("div",{className:"video-react-menu-content"},e))},a}(a.Component);Ie.propTypes=Le,Ie.displayName="Popup";var xe={inline:G.bool,onClick:G.func.isRequired,onFocus:G.func,onBlur:G.func,className:G.string};L.propTypes=xe,L.defaultProps={inline:!0},L.displayName="PopupButton";var Be={percentage:G.string,vertical:G.bool,className:G.string};I.propTypes=Be,I.defaultProps={percentage:"100%",vertical:!1},I.displayName="VolumeLevel";var Oe={actions:G.object,player:G.object,className:G.string,onFocus:G.func,onBlur:G.func},_e=function(e){function a(a,t){var n;return n=e.call(this,a,t)||this,n.state={percentage:"0%"},n.handleMouseMove=n.handleMouseMove.bind(s(s(n))),n.handlePercentageChange=n.handlePercentageChange.bind(s(s(n))),n.checkMuted=n.checkMuted.bind(s(s(n))),n.getPercent=n.getPercent.bind(s(s(n))),n.stepForward=n.stepForward.bind(s(s(n))),n.stepBack=n.stepBack.bind(s(s(n))),n.handleFocus=n.handleFocus.bind(s(s(n))),n.handleBlur=n.handleBlur.bind(s(s(n))),n.handleClick=n.handleClick.bind(s(s(n))),n}d(a,e);var t=a.prototype;return t.componentDidMount=function(){},t.getPercent=function(){var e=this.props.player;return e.muted?0:e.volume},t.checkMuted=function(){var e=this.props,a=e.player,t=e.actions;a.muted&&t.mute(!1)},t.handleMouseMove=function(e){var a=this.props.actions;this.checkMuted();var t=this.slider.calculateDistance(e);a.changeVolume(t)},t.stepForward=function(){var e=this.props,a=e.player,t=e.actions;this.checkMuted(),t.changeVolume(a.volume+.1)},t.stepBack=function(){var e=this.props,a=e.player,t=e.actions;this.checkMuted(),t.changeVolume(a.volume-.1)},t.handleFocus=function(a){this.props.onFocus&&this.props.onFocus(a)},t.handleBlur=function(a){this.props.onBlur&&this.props.onBlur(a)},t.handlePercentageChange=function(e){e!==this.state.percentage&&this.setState({percentage:e})},t.handleClick=function(e){e.stopPropagation()},t.render=function(){var e=this,a=this.props,t=a.player,n=a.className,o=(100*t.volume).toFixed(2);return x.createElement(pe,l({ref:function(a){e.slider=a},label:"volume level",valuenow:o,valuetext:o+"%",onMouseMove:this.handleMouseMove,onFocus:this.handleFocus,onBlur:this.handleBlur,onClick:this.handleClick,sliderActive:this.handleFocus,sliderInactive:this.handleBlur,getPercent:this.getPercent,onPercentageChange:this.handlePercentageChange,stepForward:this.stepForward,stepBack:this.stepBack},this.props,{className:K(n,"video-react-volume-bar video-react-slider-bar")}),x.createElement(I,this.props))},a}(a.Component);_e.propTypes=Oe,_e.displayName="VolumeBar";var Ue={player:G.object,actions:G.object,vertical:G.bool,className:G.string,alwaysShowVolume:G.bool},He=function(e){function a(a,t){var n;return n=e.call(this,a,t)||this,n.state={active:!1},n.handleClick=n.handleClick.bind(s(s(n))),n.handleFocus=n.handleFocus.bind(s(s(n))),n.handleBlur=n.handleBlur.bind(s(s(n))),n}d(a,e);var t=a.prototype;return t.handleClick=function(){var e=this.props,a=e.player,t=e.actions;t.mute(!a.muted)},t.handleFocus=function(){this.setState({active:!0})},t.handleBlur=function(){this.setState({active:!1})},t.render=function(){var e=this.props,a=e.vertical,t=e.player,n=e.className,o=this.volumeLevel;return x.createElement(L,{className:K(n,{"video-react-volume-menu-button-vertical":a,"video-react-volume-menu-button-horizontal":!a,"video-react-vol-muted":t.muted,"video-react-vol-0":0===o&&!t.muted,"video-react-vol-1":1===o,"video-react-vol-2":2===o,"video-react-vol-3":3===o,"video-react-slider-active":this.props.alwaysShowVolume||this.state.active,"video-react-lock-showing":this.props.alwaysShowVolume||this.state.active},"video-react-volume-menu-button"),onClick:this.handleClick,inline:!a},x.createElement(_e,l({onFocus:this.handleFocus,onBlur:this.handleBlur},this.props)))},r(a,[{key:"volumeLevel",get:function(){var e=this.props.player,a=e.volume,t=e.muted,n=3;return 0===a||t?n=0:.33>a?n=1:.67>a&&(n=2),n}}]),a}(a.Component);He.propTypes=Ue,He.defaultProps={vertical:!1},He.displayName="VolumeMenuButton";var Ge={children:G.any},Ke=function(e){function a(a,t){var n;return n=e.call(this,a,t)||this,n.handleClick=n.handleClick.bind(s(s(n))),n}d(a,e);var t=a.prototype;return t.handleClick=function(e){e.preventDefault()},t.render=function(){return x.createElement("div",{className:"video-react-menu video-react-lock-showing",role:"presentation",onClick:this.handleClick},x.createElement("ul",{className:"video-react-menu-content"},this.props.children))},a}(a.Component);Ke.propTypes=Ge,Ke.displayName="Menu";var je={item:G.object,index:G.number,activateIndex:G.number,onSelectItem:G.func},Ve=function(e){function a(a,t){var n;return n=e.call(this,a,t)||this,n.handleClick=n.handleClick.bind(s(s(n))),n}d(a,e);var t=a.prototype;return t.handleClick=function(){var e=this.props,a=e.index,t=e.onSelectItem;t(a)},t.render=function(){var e=this.props,a=e.item,t=e.index,n=e.activateIndex;return x.createElement("li",{className:K({"video-react-menu-item":!0,"video-react-selected":t===n}),role:"menuitem",onClick:this.handleClick},a.label,x.createElement("span",{className:"video-react-control-text"}))},a}(a.Component);Ve.propTypes=je,Ve.displayName="MenuItem";var ze={inline:G.bool,items:G.array,className:G.string,onSelectItem:G.func,children:G.any,selectedIndex:G.number},We=function(e){function a(a,t){var n;return n=e.call(this,a,t)||this,n.state={active:!1,activateIndex:a.selectedIndex||0},n.commitSelection=n.commitSelection.bind(s(s(n))),n.activateMenuItem=n.activateMenuItem.bind(s(s(n))),n.handleClick=n.handleClick.bind(s(s(n))),n.renderMenu=n.renderMenu.bind(s(s(n))),n.handleFocus=n.handleFocus.bind(s(s(n))),n.handleBlur=n.handleBlur.bind(s(s(n))),n.handleUpArrow=n.handleUpArrow.bind(s(s(n))),n.handleDownArrow=n.handleDownArrow.bind(s(s(n))),n.handleEscape=n.handleEscape.bind(s(s(n))),n.handleReturn=n.handleReturn.bind(s(s(n))),n.handleTab=n.handleTab.bind(s(s(n))),n.handleKeyPress=n.handleKeyPress.bind(s(s(n))),n.handleSelectItem=n.handleSelectItem.bind(s(s(n))),n.handleIndexChange=n.handleIndexChange.bind(s(s(n))),n}d(a,e);var t=a.prototype;return t.componentDidUpdate=function(e){e.selectedIndex!==this.props.selectedIndex&&this.activateMenuItem(this.props.selectedIndex)},t.commitSelection=function(e){this.setState({activateIndex:e,active:!1}),this.handleIndexChange(e)},t.activateMenuItem=function(e){this.setState({activateIndex:e}),this.handleIndexChange(e)},t.handleIndexChange=function(e){var a=this.props.onSelectItem;a(e)},t.handleClick=function(){this.setState(function(e){return{active:!e.active}})},t.handleFocus=function(){document.addEventListener("keydown",this.handleKeyPress)},t.handleBlur=function(){this.setState({active:!1}),document.removeEventListener("keydown",this.handleKeyPress)},t.handleUpArrow=function(a){var e=this.props.items;if(this.state.active){a.preventDefault();var t=this.state.activateIndex-1;0>t&&(t=e.length?e.length-1:0),this.activateMenuItem(t)}},t.handleDownArrow=function(a){var e=this.props.items;if(this.state.active){a.preventDefault();var t=this.state.activateIndex+1;t>=e.length&&(t=0),this.activateMenuItem(t)}},t.handleTab=function(a){this.state.active&&(a.preventDefault(),this.commitSelection(this.state.activateIndex))},t.handleReturn=function(a){a.preventDefault(),this.state.active?this.commitSelection(this.state.activateIndex):this.setState({active:!0})},t.handleEscape=function(){this.setState({active:!1,activateIndex:0})},t.handleKeyPress=function(e){27===e.which?this.handleEscape(e):9===e.which?this.handleTab(e):13===e.which?this.handleReturn(e):38===e.which?this.handleUpArrow(e):40===e.which&&this.handleDownArrow(e)},t.handleSelectItem=function(e){this.commitSelection(e)},t.renderMenu=function(){var e=this;if(!this.state.active)return null;var a=this.props.items;return x.createElement(Ke,null,a.map(function(a,t){return x.createElement(Ve,{item:a,index:t,onSelectItem:e.handleSelectItem,activateIndex:e.state.activateIndex,key:"item-"+t++})}))},t.render=function(){var e=this,a=this.props,t=a.inline,n=a.className;return x.createElement(Fe,{className:K(n,{"video-react-menu-button-inline":!!t,"video-react-menu-button-popup":!t,"video-react-menu-button-active":this.state.active},"video-react-control video-react-button video-react-menu-button"),role:"button",tabIndex:"0",ref:function(a){e.menuButton=a},onClick:this.handleClick,onFocus:this.handleFocus,onBlur:this.handleBlur},this.props.children,this.renderMenu())},a}(a.Component);We.propTypes=ze,We.displayName="MenuButton";var Ye={player:G.object,actions:G.object,rates:G.array,className:G.string},qe=function(e){function a(a,t){var n;return n=e.call(this,a,t)||this,n.handleSelectItem=n.handleSelectItem.bind(s(s(n))),n}d(a,e);var t=a.prototype;return t.handleSelectItem=function(e){var a=this.props,t=a.rates,n=a.actions;0<=e&&e<t.length&&n.changeRate(t[e])},t.render=function(){var e=this.props,a=e.rates,t=e.player,n=a.map(function(e){return{label:e+"x",value:e}}),o=a.indexOf(t.playbackRate)||0;return x.createElement(We,{className:K("video-react-playback-rate",this.props.className),onSelectItem:this.handleSelectItem,items:n,selectedIndex:o},x.createElement("span",{className:"video-react-control-text"},"Playback Rate"),x.createElement("div",{className:"video-react-playback-rate-value"},t.playbackRate.toFixed(2)+"x"))},a}(a.Component);qe.propTypes=Ye,qe.defaultProps={rates:[2,1.5,1.25,1,.5,.25]},qe.displayName="PlaybackRateMenuButton";var Xe={children:G.any,autoHide:G.bool,autoHideTime:G.number,disableDefaultControls:G.bool,disableCompletely:G.bool,className:G.string},Ze=function(e){function a(a){var t;return t=e.call(this,a)||this,t.getDefaultChildren=t.getDefaultChildren.bind(s(s(t))),t.getFullChildren=t.getFullChildren.bind(s(s(t))),t}d(a,e);var t=a.prototype;return t.getDefaultChildren=function(){return[x.createElement(be,{key:"play-toggle",order:1}),x.createElement(He,{key:"volume-menu-button",order:4}),x.createElement(R,{key:"current-time-display",order:5.1}),x.createElement(F,{key:"time-divider",order:5.2}),x.createElement(w,{key:"duration-display",order:5.3}),x.createElement(ge,{key:"progress-control",order:6}),x.createElement(Se,{key:"fullscreen-toggle",order:8})]},t.getFullChildren=function(){return[x.createElement(be,{key:"play-toggle",order:1}),x.createElement(Te,{key:"replay-control",order:2}),x.createElement(fe,{key:"forward-control",order:3}),x.createElement(He,{key:"volume-menu-button",order:4}),x.createElement(R,{key:"current-time-display",order:5}),x.createElement(F,{key:"time-divider",order:6}),x.createElement(w,{key:"duration-display",order:7}),x.createElement(ge,{key:"progress-control",order:8}),x.createElement(M,{key:"remaining-time-display",order:9}),x.createElement(qe,{rates:[1,1.25,1.5,2],key:"playback-rate",order:10}),x.createElement(Se,{key:"fullscreen-toggle",order:11})]},t.getChildren=function(){var e=x.Children.toArray(this.props.children),a=this.props.disableDefaultControls?[]:this.getDefaultChildren(),t=this.props,n=t.className,o=i(t,["className"]);return C(a,e,o)},t.render=function(){var e=this.props,a=e.autoHide,t=e.className,n=e.disableCompletely,o=this.getChildren();return n?null:x.createElement("div",{className:K("video-react-control-bar",{"video-react-control-bar-auto-hide":a},t)},o)},a}(a.Component);Ze.propTypes=Xe,Ze.defaultProps={autoHide:!0,disableCompletely:!1},Ze.displayName="ControlBar";var Qe="undefined"!=typeof window&&window.navigator?window.navigator.userAgent:"",Je=/iPad/i.test(Qe),$e=/iPhone/i.test(Qe)&&!Je,ea=/iPod/i.test(Qe),aa={children:G.any,width:G.oneOfType([G.string,G.number]),height:G.oneOfType([G.string,G.number]),fluid:G.bool,muted:G.bool,playsInline:G.bool,aspectRatio:G.string,className:G.string,videoId:G.string,startTime:G.number,loop:G.bool,autoPlay:G.bool,src:G.string,poster:G.string,preload:G.oneOf(["auto","metadata","none"]),onLoadStart:G.func,onWaiting:G.func,onCanPlay:G.func,onCanPlayThrough:G.func,onPlaying:G.func,onEnded:G.func,onSeeking:G.func,onSeeked:G.func,onPlay:G.func,onPause:G.func,onProgress:G.func,onDurationChange:G.func,onError:G.func,onSuspend:G.func,onAbort:G.func,onEmptied:G.func,onStalled:G.func,onLoadedMetadata:G.func,onLoadedData:G.func,onTimeUpdate:G.func,onRateChange:G.func,onVolumeChange:G.func,store:G.object},ta=function(e){function a(a){var t;return t=e.call(this,a)||this,t.controlsHideTimer=null,t.video=null,t.manager=new X(a.store),t.actions=t.manager.getActions(),t.manager.subscribeToPlayerStateChange(t.handleStateChange.bind(s(s(t)))),t.getStyle=t.getStyle.bind(s(s(t))),t.handleResize=t.handleResize.bind(s(s(t))),t.getChildren=t.getChildren.bind(s(s(t))),t.handleMouseMove=P(t.handleMouseMove.bind(s(s(t))),250),t.handleMouseDown=t.handleMouseDown.bind(s(s(t))),t.startControlsTimer=t.startControlsTimer.bind(s(s(t))),t.handleFullScreenChange=t.handleFullScreenChange.bind(s(s(t))),t.handleKeyDown=t.handleKeyDown.bind(s(s(t))),t.handleFocus=t.handleFocus.bind(s(s(t))),t.handleBlur=t.handleBlur.bind(s(s(t))),t}d(a,e);var t=a.prototype;return t.componentDidMount=function(){this.handleResize(),window.addEventListener("resize",this.handleResize),z.addEventListener(this.handleFullScreenChange)},t.componentWillUnmount=function(){window.removeEventListener("resize",this.handleResize),z.removeEventListener(this.handleFullScreenChange),this.controlsHideTimer&&window.clearTimeout(this.controlsHideTimer)},t.getDefaultChildren=function(e){var a=this;return[x.createElement(re,{ref:function(e){a.video=e,a.manager.video=a.video},key:"video",order:0},e),x.createElement(g,{key:"poster-image",order:1}),x.createElement(y,{key:"loading-spinner",order:2}),x.createElement(de,{key:"bezel",order:3}),x.createElement(Q,{key:"big-play-button",order:4}),x.createElement(Ze,{key:"control-bar",order:5}),x.createElement(se,{key:"shortcut",order:99})]},t.getChildren=function(e){var a=e.className,t=e.children,n=i(e,["className","children"]),o=x.Children.toArray(this.props.children).filter(function(a){return!b(a)}),r=this.getDefaultChildren(t);return C(r,o,n)},t.setWidthOrHeight=function(e,a,t){var n,o;"string"==typeof t?"auto"===t?o="auto":t.match(/\d+%/)&&(o=t):"number"==typeof t&&(o=t+"px"),Object.assign(e,(n={},n[a]=o,n))},t.getStyle=function(){var e,a,t,n=this.props,o=n.fluid,r=n.aspectRatio,l=n.height,d=n.width,i=this.manager.getState(),s=i.player,c={};t=void 0!==r&&"auto"!==r?r:s.videoWidth?s.videoWidth+":"+s.videoHeight:"16:9";var p=t.split(":"),u=p[1]/p[0];return e=void 0===d?void 0===l?s.videoWidth||400:l/u:d,a=void 0===l?e*u:l,o?c.paddingTop=100*u+"%":(this.setWidthOrHeight(c,"width",e),this.setWidthOrHeight(c,"height",a)),c},t.getState=function(){return this.manager.getState()},t.play=function(){this.video.play()},t.pause=function(){this.video.pause()},t.load=function(){this.video.load()},t.addTextTrack=function(){var e;(e=this.video).addTextTrack.apply(e,arguments)},t.canPlayType=function(){var e;(e=this.video).canPlayType.apply(e,arguments)},t.seek=function(e){this.video.seek(e)},t.forward=function(e){this.video.forward(e)},t.replay=function(e){this.video.replay(e)},t.toggleFullscreen=function(){this.video.toggleFullscreen()},t.subscribeToStateChange=function(e){return this.manager.subscribeToPlayerStateChange(e)},t.handleResize=function(){},t.handleFullScreenChange=function(){this.actions.handleFullscreenChange(z.isFullscreen)},t.handleMouseDown=function(){this.startControlsTimer()},t.handleMouseMove=function(){this.startControlsTimer()},t.handleKeyDown=function(){this.startControlsTimer()},t.startControlsTimer=function(){var e=this,a=3e3;x.Children.forEach(this.props.children,function(e){if(x.isValidElement(e)&&e.type===Ze){var t=e.props.autoHideTime;"number"==typeof t&&(a=t)}}),this.actions.userActivate(!0),clearTimeout(this.controlsHideTimer),this.controlsHideTimer=setTimeout(function(){e.actions.userActivate(!1)},a)},t.handleStateChange=function(e,a){e.isFullscreen!==a.isFullscreen&&this.handleResize(),this.forceUpdate()},t.handleFocus=function(){this.actions.activate(!0)},t.handleBlur=function(){this.actions.activate(!1)},t.render=function(){var e=this,a=this.props.fluid,t=this.manager.getState(),n=t.player,o=n.paused,r=n.hasStarted,d=n.waiting,i=n.seeking,s=n.isFullscreen,c=n.userActivity,p=l({},this.props,{player:n,actions:this.actions,manager:this.manager,store:this.manager.store,video:this.video?this.video.video:null}),u=this.getChildren(p);return x.createElement("div",{className:K({"video-react-controls-enabled":!0,"video-react-has-started":r,"video-react-paused":o,"video-react-playing":!o,"video-react-waiting":d,"video-react-seeking":i,"video-react-fluid":a,"video-react-fullscreen":s,"video-react-user-inactive":!c,"video-react-user-active":c,"video-react-workinghover":!($e||Je||ea)},"video-react",this.props.className),style:this.getStyle(),ref:function(a){e.manager.rootElement=a},role:"region",onTouchStart:this.handleMouseDown,onMouseDown:this.handleMouseDown,onMouseMove:this.handleMouseMove,onKeyDown:this.handleKeyDown,onFocus:this.handleFocus,onBlur:this.handleBlur,tabIndex:"-1"},u)},r(a,[{key:"playbackRate",get:function(){return this.video.playbackRate},set:function(e){this.video.playbackRate=e}},{key:"muted",get:function(){return this.video.muted},set:function(e){this.video.muted=e}},{key:"volume",get:function(){return this.video.volume},set:function(e){this.video.volume=e}},{key:"videoWidth",get:function(){return this.video.videoWidth}},{key:"videoHeight",get:function(){return this.video.videoHeight}}]),a}(a.Component);ta.contextTypes={store:G.object},ta.propTypes=aa,ta.defaultProps={fluid:!0,muted:!1,playsInline:!1,preload:"auto",aspectRatio:"auto"},ta.displayName="Player";var na=function(e){function a(a,t){var n;return n=e.call(this,a,t)||this,k("PlaybackRate","PlaybackRateMenuButton"),n}d(a,e);var t=a.prototype;return t.render=function(){return x.createElement(qe,this.props)},a}(a.Component);na.displayName="PlaybackRate",e.Player=ta,e.Video=re,e.BigPlayButton=Q,e.LoadingSpinner=y,e.PosterImage=g,e.Bezel=de,e.Shortcut=se,e.ControlBar=Ze,e.PlayToggle=be,e.ForwardControl=fe,e.ReplayControl=Te,e.FullscreenToggle=Se,e.ProgressControl=ge,e.SeekBar=ve,e.Slider=pe,e.PlayProgressBar=S,e.LoadProgressBar=A,e.MouseTimeDisplay=D,e.RemainingTimeDisplay=M,e.CurrentTimeDisplay=R,e.DurationDisplay=w,e.TimeDivider=F,e.VolumeMenuButton=He,e.PlaybackRateMenuButton=qe,e.PlaybackRate=na,e.playerActions=W,e.videoActions=j,e.playerReducer=h,e.operationReducer=m,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=video-react.min.js.map

lib/actions/player.js

@@ -1,7 +0,35 @@
-import fullscreen from '../utils/fullscreen';
-export var OPERATE = 'video-react/OPERATE';
-export var FULLSCREEN_CHANGE = 'video-react/FULLSCREEN_CHANGE';
-export var PLAYER_ACTIVATE = 'video-react/PLAYER_ACTIVATE';
-export var USER_ACTIVATE = 'video-react/USER_ACTIVATE';
-export function handleFullscreenChange(isFullscreen) {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.handleFullscreenChange = handleFullscreenChange;
+exports.activate = activate;
+exports.userActivate = userActivate;
+exports.play = play;
+exports.pause = pause;
+exports.togglePlay = togglePlay;
+exports.seek = seek;
+exports.forward = forward;
+exports.replay = replay;
+exports.changeRate = changeRate;
+exports.changeVolume = changeVolume;
+exports.mute = mute;
+exports.toggleFullscreen = toggleFullscreen;
+exports.USER_ACTIVATE = exports.PLAYER_ACTIVATE = exports.FULLSCREEN_CHANGE = exports.OPERATE = void 0;
+
+var _fullscreen = _interopRequireDefault(require("../utils/fullscreen"));
+
+var OPERATE = 'video-react/OPERATE';
+exports.OPERATE = OPERATE;
+var FULLSCREEN_CHANGE = 'video-react/FULLSCREEN_CHANGE';
+exports.FULLSCREEN_CHANGE = FULLSCREEN_CHANGE;
+var PLAYER_ACTIVATE = 'video-react/PLAYER_ACTIVATE';
+exports.PLAYER_ACTIVATE = PLAYER_ACTIVATE;
+var USER_ACTIVATE = 'video-react/USER_ACTIVATE';
+exports.USER_ACTIVATE = USER_ACTIVATE;
+
+function handleFullscreenChange(isFullscreen) {
   return {
@@ -12,3 +40,4 @@ type: FULLSCREEN_CHANGE,
 }
-export function activate(activity) {
+
+function activate(activity) {
   return {
@@ -19,3 +48,4 @@ type: PLAYER_ACTIVATE,
 }
-export function userActivate(activity) {
+
+function userActivate(activity) {
   return {
@@ -26,3 +56,4 @@ type: USER_ACTIVATE,
 }
-export function play() {
+
+function play() {
   var operation = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
@@ -38,3 +69,4 @@ action: 'play',
 }
-export function pause() {
+
+function pause() {
   var operation = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
@@ -50,3 +82,4 @@ action: 'pause',
 }
-export function togglePlay() {
+
+function togglePlay() {
   var operation = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
@@ -63,3 +96,4 @@ action: 'toggle-play',
 
-export function seek(time) {
+
+function seek(time) {
   var operation = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
@@ -76,3 +110,4 @@ action: 'seek',
 
-export function forward(seconds) {
+
+function forward(seconds) {
   var operation = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
@@ -89,3 +124,4 @@ action: "forward-".concat(seconds),
 
-export function replay(seconds) {
+
+function replay(seconds) {
   var operation = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
@@ -101,3 +137,4 @@ action: "replay-".concat(seconds),
 }
-export function changeRate(rate) {
+
+function changeRate(rate) {
   var operation = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
@@ -113,3 +150,4 @@ action: 'change-rate',
 }
-export function changeVolume(volume) {
+
+function changeVolume(volume) {
   var operation = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
@@ -135,3 +173,4 @@ action: 'change-volume',
 }
-export function mute(muted) {
+
+function mute(muted) {
   var operation = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
@@ -147,8 +186,9 @@ action: muted ? 'muted' : 'unmuted',
 }
-export function toggleFullscreen(player) {
-  if (fullscreen.enabled) {
-    if (fullscreen.isFullscreen) {
-      fullscreen.exit();
+
+function toggleFullscreen(player) {
+  if (_fullscreen.default.enabled) {
+    if (_fullscreen.default.isFullscreen) {
+      _fullscreen.default.exit();
     } else {
-      fullscreen.request(this.rootElement);
+      _fullscreen.default.request(this.rootElement);
     }
@@ -155,0 +195,0 @@

lib/actions/video.js

@@ -1,27 +0,84 @@
-export var LOAD_START = 'video-react/LOAD_START';
-export var CAN_PLAY = 'video-react/CAN_PLAY';
-export var WAITING = 'video-react/WAITING';
-export var CAN_PLAY_THROUGH = 'video-react/CAN_PLAY_THROUGH';
-export var PLAYING = 'video-react/PLAYING';
-export var PLAY = 'video-react/PLAY';
-export var PAUSE = 'video-react/PAUSE';
-export var END = 'video-react/END';
-export var SEEKING = 'video-react/SEEKING';
-export var SEEKED = 'video-react/SEEKED';
-export var SEEKING_TIME = 'video-react/SEEKING_TIME';
-export var END_SEEKING = 'video-react/END_SEEKING';
-export var DURATION_CHANGE = 'video-react/DURATION_CHANGE';
-export var TIME_UPDATE = 'video-react/TIME_UPDATE';
-export var VOLUME_CHANGE = 'video-react/VOLUME_CHANGE';
-export var PROGRESS_CHANGE = 'video-react/PROGRESS_CHANGE';
-export var RATE_CHANGE = 'video-react/RATE_CHANGE';
-export var SUSPEND = 'video-react/SUSPEND';
-export var ABORT = 'video-react/ABORT';
-export var EMPTIED = 'video-react/EMPTIED';
-export var STALLED = 'video-react/STALLED';
-export var LOADED_META_DATA = 'video-react/LOADED_META_DATA';
-export var LOADED_DATA = 'video-react/LOADED_DATA';
-export var RESIZE = 'video-react/RESIZE';
-export var ERROR = 'video-react/ERROR';
-export function handleLoadStart(videoProps) {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.handleLoadStart = handleLoadStart;
+exports.handleCanPlay = handleCanPlay;
+exports.handleWaiting = handleWaiting;
+exports.handleCanPlayThrough = handleCanPlayThrough;
+exports.handlePlaying = handlePlaying;
+exports.handlePlay = handlePlay;
+exports.handlePause = handlePause;
+exports.handleEnd = handleEnd;
+exports.handleSeeking = handleSeeking;
+exports.handleSeeked = handleSeeked;
+exports.handleDurationChange = handleDurationChange;
+exports.handleTimeUpdate = handleTimeUpdate;
+exports.handleVolumeChange = handleVolumeChange;
+exports.handleProgressChange = handleProgressChange;
+exports.handleRateChange = handleRateChange;
+exports.handleSuspend = handleSuspend;
+exports.handleAbort = handleAbort;
+exports.handleEmptied = handleEmptied;
+exports.handleStalled = handleStalled;
+exports.handleLoadedMetaData = handleLoadedMetaData;
+exports.handleLoadedData = handleLoadedData;
+exports.handleResize = handleResize;
+exports.handleError = handleError;
+exports.handleSeekingTime = handleSeekingTime;
+exports.handleEndSeeking = handleEndSeeking;
+exports.ERROR = exports.RESIZE = exports.LOADED_DATA = exports.LOADED_META_DATA = exports.STALLED = exports.EMPTIED = exports.ABORT = exports.SUSPEND = exports.RATE_CHANGE = exports.PROGRESS_CHANGE = exports.VOLUME_CHANGE = exports.TIME_UPDATE = exports.DURATION_CHANGE = exports.END_SEEKING = exports.SEEKING_TIME = exports.SEEKED = exports.SEEKING = exports.END = exports.PAUSE = exports.PLAY = exports.PLAYING = exports.CAN_PLAY_THROUGH = exports.WAITING = exports.CAN_PLAY = exports.LOAD_START = void 0;
+var LOAD_START = 'video-react/LOAD_START';
+exports.LOAD_START = LOAD_START;
+var CAN_PLAY = 'video-react/CAN_PLAY';
+exports.CAN_PLAY = CAN_PLAY;
+var WAITING = 'video-react/WAITING';
+exports.WAITING = WAITING;
+var CAN_PLAY_THROUGH = 'video-react/CAN_PLAY_THROUGH';
+exports.CAN_PLAY_THROUGH = CAN_PLAY_THROUGH;
+var PLAYING = 'video-react/PLAYING';
+exports.PLAYING = PLAYING;
+var PLAY = 'video-react/PLAY';
+exports.PLAY = PLAY;
+var PAUSE = 'video-react/PAUSE';
+exports.PAUSE = PAUSE;
+var END = 'video-react/END';
+exports.END = END;
+var SEEKING = 'video-react/SEEKING';
+exports.SEEKING = SEEKING;
+var SEEKED = 'video-react/SEEKED';
+exports.SEEKED = SEEKED;
+var SEEKING_TIME = 'video-react/SEEKING_TIME';
+exports.SEEKING_TIME = SEEKING_TIME;
+var END_SEEKING = 'video-react/END_SEEKING';
+exports.END_SEEKING = END_SEEKING;
+var DURATION_CHANGE = 'video-react/DURATION_CHANGE';
+exports.DURATION_CHANGE = DURATION_CHANGE;
+var TIME_UPDATE = 'video-react/TIME_UPDATE';
+exports.TIME_UPDATE = TIME_UPDATE;
+var VOLUME_CHANGE = 'video-react/VOLUME_CHANGE';
+exports.VOLUME_CHANGE = VOLUME_CHANGE;
+var PROGRESS_CHANGE = 'video-react/PROGRESS_CHANGE';
+exports.PROGRESS_CHANGE = PROGRESS_CHANGE;
+var RATE_CHANGE = 'video-react/RATE_CHANGE';
+exports.RATE_CHANGE = RATE_CHANGE;
+var SUSPEND = 'video-react/SUSPEND';
+exports.SUSPEND = SUSPEND;
+var ABORT = 'video-react/ABORT';
+exports.ABORT = ABORT;
+var EMPTIED = 'video-react/EMPTIED';
+exports.EMPTIED = EMPTIED;
+var STALLED = 'video-react/STALLED';
+exports.STALLED = STALLED;
+var LOADED_META_DATA = 'video-react/LOADED_META_DATA';
+exports.LOADED_META_DATA = LOADED_META_DATA;
+var LOADED_DATA = 'video-react/LOADED_DATA';
+exports.LOADED_DATA = LOADED_DATA;
+var RESIZE = 'video-react/RESIZE';
+exports.RESIZE = RESIZE;
+var ERROR = 'video-react/ERROR';
+exports.ERROR = ERROR;
+
+function handleLoadStart(videoProps) {
   return {
@@ -32,3 +89,4 @@ type: LOAD_START,
 }
-export function handleCanPlay(videoProps) {
+
+function handleCanPlay(videoProps) {
   return {
@@ -39,3 +97,4 @@ type: CAN_PLAY,
 }
-export function handleWaiting(videoProps) {
+
+function handleWaiting(videoProps) {
   return {
@@ -46,3 +105,4 @@ type: WAITING,
 }
-export function handleCanPlayThrough(videoProps) {
+
+function handleCanPlayThrough(videoProps) {
   return {
@@ -53,3 +113,4 @@ type: CAN_PLAY_THROUGH,
 }
-export function handlePlaying(videoProps) {
+
+function handlePlaying(videoProps) {
   return {
@@ -60,3 +121,4 @@ type: PLAYING,
 }
-export function handlePlay(videoProps) {
+
+function handlePlay(videoProps) {
   return {
@@ -67,3 +129,4 @@ type: PLAY,
 }
-export function handlePause(videoProps) {
+
+function handlePause(videoProps) {
   return {
@@ -74,3 +137,4 @@ type: PAUSE,
 }
-export function handleEnd(videoProps) {
+
+function handleEnd(videoProps) {
   return {
@@ -81,3 +145,4 @@ type: END,
 }
-export function handleSeeking(videoProps) {
+
+function handleSeeking(videoProps) {
   return {
@@ -88,3 +153,4 @@ type: SEEKING,
 }
-export function handleSeeked(videoProps) {
+
+function handleSeeked(videoProps) {
   return {
@@ -95,3 +161,4 @@ type: SEEKED,
 }
-export function handleDurationChange(videoProps) {
+
+function handleDurationChange(videoProps) {
   return {
@@ -102,3 +169,4 @@ type: DURATION_CHANGE,
 }
-export function handleTimeUpdate(videoProps) {
+
+function handleTimeUpdate(videoProps) {
   return {
@@ -109,3 +177,4 @@ type: TIME_UPDATE,
 }
-export function handleVolumeChange(videoProps) {
+
+function handleVolumeChange(videoProps) {
   return {
@@ -116,3 +185,4 @@ type: VOLUME_CHANGE,
 }
-export function handleProgressChange(videoProps) {
+
+function handleProgressChange(videoProps) {
   return {
@@ -123,3 +193,4 @@ type: PROGRESS_CHANGE,
 }
-export function handleRateChange(videoProps) {
+
+function handleRateChange(videoProps) {
   return {
@@ -130,3 +201,4 @@ type: RATE_CHANGE,
 }
-export function handleSuspend(videoProps) {
+
+function handleSuspend(videoProps) {
   return {
@@ -137,3 +209,4 @@ type: SUSPEND,
 }
-export function handleAbort(videoProps) {
+
+function handleAbort(videoProps) {
   return {
@@ -144,3 +217,4 @@ type: ABORT,
 }
-export function handleEmptied(videoProps) {
+
+function handleEmptied(videoProps) {
   return {
@@ -151,3 +225,4 @@ type: EMPTIED,
 }
-export function handleStalled(videoProps) {
+
+function handleStalled(videoProps) {
   return {
@@ -158,3 +233,4 @@ type: STALLED,
 }
-export function handleLoadedMetaData(videoProps) {
+
+function handleLoadedMetaData(videoProps) {
   return {
@@ -165,3 +241,4 @@ type: LOADED_META_DATA,
 }
-export function handleLoadedData(videoProps) {
+
+function handleLoadedData(videoProps) {
   return {
@@ -172,3 +249,4 @@ type: LOADED_DATA,
 }
-export function handleResize(videoProps) {
+
+function handleResize(videoProps) {
   return {
@@ -179,3 +257,4 @@ type: RESIZE,
 }
-export function handleError(videoProps) {
+
+function handleError(videoProps) {
   return {
@@ -186,3 +265,4 @@ type: ERROR,
 }
-export function handleSeekingTime(time) {
+
+function handleSeekingTime(time) {
   return {
@@ -193,3 +273,4 @@ type: SEEKING_TIME,
 }
-export function handleEndSeeking(time) {
+
+function handleEndSeeking(time) {
   return {
@@ -196,0 +277,0 @@ type: END_SEEKING,

lib/components/Bezel.js

@@ -1,13 +0,33 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import PropTypes from 'prop-types';
-import React, { Component } from 'react';
-import classNames from 'classnames';
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+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 _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
 var propTypes = {
-  manager: PropTypes.object,
-  className: PropTypes.string
+  manager: _propTypes.default.object,
+  className: _propTypes.default.string
 };
@@ -18,3 +38,3 @@
 function (_Component) {
-  _inherits(Bezel, _Component);
+  (0, _inherits2.default)(Bezel, _Component);
 
@@ -24,7 +44,6 @@ function Bezel(props, context) {
 
-    _classCallCheck(this, Bezel);
-
-    _this = _possibleConstructorReturn(this, _getPrototypeOf(Bezel).call(this, props, context));
+    (0, _classCallCheck2.default)(this, Bezel);
+    _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(Bezel).call(this, props, context));
     _this.timer = null;
-    props.manager.subscribeToOperationStateChange(_this.handleStateChange.bind(_assertThisInitialized(_assertThisInitialized(_this))));
+    props.manager.subscribeToOperationStateChange(_this.handleStateChange.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this))));
     _this.state = {
@@ -37,3 +56,3 @@ hidden: true,
 
-  _createClass(Bezel, [{
+  (0, _createClass2.default)(Bezel, [{
     key: "handleStateChange",
@@ -79,4 +98,4 @@ value: function handleStateChange(state, prevState) {
       } : null;
-      return React.createElement("div", {
-        className: classNames({
+      return _react.default.createElement("div", {
+        className: (0, _classnames.default)({
           'video-react-bezel': true,
@@ -89,13 +108,12 @@ 'video-react-bezel-animation': this.state.count % 2 === 0,
         "aria-label": this.state.operation.action
-      }, React.createElement("div", {
-        className: classNames('video-react-bezel-icon', "video-react-bezel-icon-".concat(this.state.operation.action))
+      }, _react.default.createElement("div", {
+        className: (0, _classnames.default)('video-react-bezel-icon', "video-react-bezel-icon-".concat(this.state.operation.action))
       }));
     }
   }]);
-
   return Bezel;
-}(Component);
+}(_react.Component);
 
-export { Bezel as default };
+exports.default = Bezel;
 Bezel.propTypes = propTypes;
 Bezel.displayName = 'Bezel';

lib/components/BigPlayButton.js

@@ -1,15 +0,35 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import PropTypes from 'prop-types';
-import React, { Component } from 'react';
-import classNames from 'classnames';
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+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 _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
 var propTypes = {
-  actions: PropTypes.object,
-  player: PropTypes.object,
-  position: PropTypes.string,
-  className: PropTypes.string
+  actions: _propTypes.default.object,
+  player: _propTypes.default.object,
+  position: _propTypes.default.string,
+  className: _propTypes.default.string
 };
@@ -23,3 +43,3 @@ var defaultProps = {
 function (_Component) {
-  _inherits(BigPlayButton, _Component);
+  (0, _inherits2.default)(BigPlayButton, _Component);
 
@@ -29,10 +49,9 @@ function BigPlayButton(props, context) {
 
-    _classCallCheck(this, BigPlayButton);
-
-    _this = _possibleConstructorReturn(this, _getPrototypeOf(BigPlayButton).call(this, props, context));
-    _this.handleClick = _this.handleClick.bind(_assertThisInitialized(_assertThisInitialized(_this)));
+    (0, _classCallCheck2.default)(this, BigPlayButton);
+    _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(BigPlayButton).call(this, props, context));
+    _this.handleClick = _this.handleClick.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
     return _this;
   }
 
-  _createClass(BigPlayButton, [{
+  (0, _createClass2.default)(BigPlayButton, [{
     key: "componentDidMount",
@@ -52,4 +71,4 @@ value: function componentDidMount() {}
           position = _this$props.position;
-      return React.createElement("button", {
-        className: classNames('video-react-big-play-button', "video-react-big-play-button-".concat(position), this.props.className, {
+      return _react.default.createElement("button", {
+        className: (0, _classnames.default)('video-react-big-play-button', "video-react-big-play-button-".concat(position), this.props.className, {
           'big-play-button-hide': player.hasStarted || !player.currentSrc
@@ -61,3 +80,3 @@ }),
         onClick: this.handleClick
-      }, React.createElement("span", {
+      }, _react.default.createElement("span", {
         className: "video-react-control-text"
@@ -67,9 +86,8 @@ }, "Play Video"));
   }]);
-
   return BigPlayButton;
-}(Component);
+}(_react.Component);
 
-export { BigPlayButton as default };
+exports.default = BigPlayButton;
 BigPlayButton.propTypes = propTypes;
 BigPlayButton.defaultProps = defaultProps;
 BigPlayButton.displayName = 'BigPlayButton';

lib/components/ClickableComponent.js

@@ -1,18 +0,40 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectSpread from "@babel/runtime/helpers/objectSpread";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import PropTypes from 'prop-types';
-import React, { Component } from 'react';
-import classNames from 'classnames';
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+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 _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
 var propTypes = {
-  tagName: PropTypes.string,
-  onClick: PropTypes.func.isRequired,
-  onFocus: PropTypes.func,
-  onBlur: PropTypes.func,
-  className: PropTypes.string
+  tagName: _propTypes.default.string,
+  onClick: _propTypes.default.func.isRequired,
+  onFocus: _propTypes.default.func,
+  onBlur: _propTypes.default.func,
+  className: _propTypes.default.string
 };
@@ -26,3 +48,3 @@ var defaultProps = {
 function (_Component) {
-  _inherits(ClickableComponent, _Component);
+  (0, _inherits2.default)(ClickableComponent, _Component);
 
@@ -32,13 +54,12 @@ function ClickableComponent(props, context) {
 
-    _classCallCheck(this, ClickableComponent);
-
-    _this = _possibleConstructorReturn(this, _getPrototypeOf(ClickableComponent).call(this, props, context));
-    _this.handleClick = _this.handleClick.bind(_assertThisInitialized(_assertThisInitialized(_this)));
-    _this.handleFocus = _this.handleFocus.bind(_assertThisInitialized(_assertThisInitialized(_this)));
-    _this.handleBlur = _this.handleBlur.bind(_assertThisInitialized(_assertThisInitialized(_this)));
-    _this.handleKeypress = _this.handleKeypress.bind(_assertThisInitialized(_assertThisInitialized(_this)));
+    (0, _classCallCheck2.default)(this, ClickableComponent);
+    _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(ClickableComponent).call(this, props, context));
+    _this.handleClick = _this.handleClick.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handleFocus = _this.handleFocus.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handleBlur = _this.handleBlur.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handleKeypress = _this.handleKeypress.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
     return _this;
   }
 
-  _createClass(ClickableComponent, [{
+  (0, _createClass2.default)(ClickableComponent, [{
     key: "handleKeypress",
@@ -80,9 +101,7 @@ value: function handleKeypress(event) {
       var Tag = this.props.tagName;
-
-      var props = _objectSpread({}, this.props);
-
+      var props = (0, _objectSpread2.default)({}, this.props);
       delete props.tagName;
       delete props.className;
-      return React.createElement(Tag, _extends({
-        className: classNames(this.props.className),
+      return _react.default.createElement(Tag, (0, _extends2.default)({
+        className: (0, _classnames.default)(this.props.className),
         role: "button",
@@ -96,9 +115,8 @@ tabIndex: "0",
   }]);
-
   return ClickableComponent;
-}(Component);
+}(_react.Component);
 
-export { ClickableComponent as default };
+exports.default = ClickableComponent;
 ClickableComponent.propTypes = propTypes;
 ClickableComponent.defaultProps = defaultProps;
 ClickableComponent.displayName = 'ClickableComponent';

lib/components/control-bar/ControlBar.js

@@ -1,29 +0,64 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import PropTypes from 'prop-types';
-import React, { Component } from 'react';
-import classNames from 'classnames';
-import ProgressControl from './ProgressControl';
-import PlayToggle from './PlayToggle';
-import ForwardControl from './ForwardControl';
-import ReplayControl from './ReplayControl';
-import FullscreenToggle from './FullscreenToggle';
-import RemainingTimeDisplay from '../time-controls/RemainingTimeDisplay';
-import CurrentTimeDisplay from '../time-controls/CurrentTimeDisplay';
-import DurationDisplay from '../time-controls/DurationDisplay';
-import TimeDivider from '../time-controls/TimeDivider';
-import VolumeMenuButton from './VolumeMenuButton';
-import PlaybackRateMenuButton from './PlaybackRateMenuButton';
-import { mergeAndSortChildren } from '../../utils';
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _ProgressControl = _interopRequireDefault(require("./ProgressControl"));
+
+var _PlayToggle = _interopRequireDefault(require("./PlayToggle"));
+
+var _ForwardControl = _interopRequireDefault(require("./ForwardControl"));
+
+var _ReplayControl = _interopRequireDefault(require("./ReplayControl"));
+
+var _FullscreenToggle = _interopRequireDefault(require("./FullscreenToggle"));
+
+var _RemainingTimeDisplay = _interopRequireDefault(require("../time-controls/RemainingTimeDisplay"));
+
+var _CurrentTimeDisplay = _interopRequireDefault(require("../time-controls/CurrentTimeDisplay"));
+
+var _DurationDisplay = _interopRequireDefault(require("../time-controls/DurationDisplay"));
+
+var _TimeDivider = _interopRequireDefault(require("../time-controls/TimeDivider"));
+
+var _VolumeMenuButton = _interopRequireDefault(require("./VolumeMenuButton"));
+
+var _PlaybackRateMenuButton = _interopRequireDefault(require("./PlaybackRateMenuButton"));
+
+var _utils = require("../../utils");
+
 var propTypes = {
-  children: PropTypes.any,
-  autoHide: PropTypes.bool,
-  disableDefaultControls: PropTypes.bool,
-  disableCompletely: PropTypes.bool,
-  className: PropTypes.string
+  children: _propTypes.default.any,
+  autoHide: _propTypes.default.bool,
+  autoHideTime: _propTypes.default.number,
+  // used in Player
+  disableDefaultControls: _propTypes.default.bool,
+  disableCompletely: _propTypes.default.bool,
+  className: _propTypes.default.string
 };
@@ -38,3 +73,3 @@ var defaultProps = {
 function (_Component) {
-  _inherits(ControlBar, _Component);
+  (0, _inherits2.default)(ControlBar, _Component);
 
@@ -44,32 +79,31 @@ function ControlBar(props) {
 
-    _classCallCheck(this, ControlBar);
-
-    _this = _possibleConstructorReturn(this, _getPrototypeOf(ControlBar).call(this, props));
-    _this.getDefaultChildren = _this.getDefaultChildren.bind(_assertThisInitialized(_assertThisInitialized(_this)));
-    _this.getFullChildren = _this.getFullChildren.bind(_assertThisInitialized(_assertThisInitialized(_this)));
+    (0, _classCallCheck2.default)(this, ControlBar);
+    _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(ControlBar).call(this, props));
+    _this.getDefaultChildren = _this.getDefaultChildren.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.getFullChildren = _this.getFullChildren.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
     return _this;
   }
 
-  _createClass(ControlBar, [{
+  (0, _createClass2.default)(ControlBar, [{
     key: "getDefaultChildren",
     value: function getDefaultChildren() {
-      return [React.createElement(PlayToggle, {
+      return [_react.default.createElement(_PlayToggle.default, {
         key: "play-toggle",
         order: 1
-      }), React.createElement(VolumeMenuButton, {
+      }), _react.default.createElement(_VolumeMenuButton.default, {
         key: "volume-menu-button",
         order: 4
-      }), React.createElement(CurrentTimeDisplay, {
+      }), _react.default.createElement(_CurrentTimeDisplay.default, {
         key: "current-time-display",
         order: 5.1
-      }), React.createElement(TimeDivider, {
+      }), _react.default.createElement(_TimeDivider.default, {
         key: "time-divider",
         order: 5.2
-      }), React.createElement(DurationDisplay, {
+      }), _react.default.createElement(_DurationDisplay.default, {
         key: "duration-display",
         order: 5.3
-      }), React.createElement(ProgressControl, {
+      }), _react.default.createElement(_ProgressControl.default, {
         key: "progress-control",
         order: 6
-      }), React.createElement(FullscreenToggle, {
+      }), _react.default.createElement(_FullscreenToggle.default, {
         key: "fullscreen-toggle",
@@ -82,34 +116,34 @@ order: 8
     value: function getFullChildren() {
-      return [React.createElement(PlayToggle, {
+      return [_react.default.createElement(_PlayToggle.default, {
         key: "play-toggle",
         order: 1
-      }), React.createElement(ReplayControl, {
+      }), _react.default.createElement(_ReplayControl.default, {
         key: "replay-control",
         order: 2
-      }), React.createElement(ForwardControl, {
+      }), _react.default.createElement(_ForwardControl.default, {
         key: "forward-control",
         order: 3
-      }), React.createElement(VolumeMenuButton, {
+      }), _react.default.createElement(_VolumeMenuButton.default, {
         key: "volume-menu-button",
         order: 4
-      }), React.createElement(CurrentTimeDisplay, {
+      }), _react.default.createElement(_CurrentTimeDisplay.default, {
         key: "current-time-display",
         order: 5
-      }), React.createElement(TimeDivider, {
+      }), _react.default.createElement(_TimeDivider.default, {
         key: "time-divider",
         order: 6
-      }), React.createElement(DurationDisplay, {
+      }), _react.default.createElement(_DurationDisplay.default, {
         key: "duration-display",
         order: 7
-      }), React.createElement(ProgressControl, {
+      }), _react.default.createElement(_ProgressControl.default, {
         key: "progress-control",
         order: 8
-      }), React.createElement(RemainingTimeDisplay, {
+      }), _react.default.createElement(_RemainingTimeDisplay.default, {
         key: "remaining-time-display",
         order: 9
-      }), React.createElement(PlaybackRateMenuButton, {
+      }), _react.default.createElement(_PlaybackRateMenuButton.default, {
         rates: [1, 1.25, 1.5, 2],
         key: "playback-rate",
         order: 10
-      }), React.createElement(FullscreenToggle, {
+      }), _react.default.createElement(_FullscreenToggle.default, {
         key: "fullscreen-toggle",
@@ -122,11 +156,10 @@ order: 11
     value: function getChildren() {
-      var children = React.Children.toArray(this.props.children);
+      var children = _react.default.Children.toArray(this.props.children);
+
       var defaultChildren = this.props.disableDefaultControls ? [] : this.getDefaultChildren();
-
       var _this$props = this.props,
           className = _this$props.className,
-          parentProps = _objectWithoutProperties(_this$props, ["className"]); // remove className
+          parentProps = (0, _objectWithoutProperties2.default)(_this$props, ["className"]); // remove className
 
-
-      return mergeAndSortChildren(defaultChildren, children, parentProps);
+      return (0, _utils.mergeAndSortChildren)(defaultChildren, children, parentProps);
     }
@@ -141,4 +174,4 @@ }, {
       var children = this.getChildren();
-      return disableCompletely ? null : React.createElement("div", {
-        className: classNames('video-react-control-bar', {
+      return disableCompletely ? null : _react.default.createElement("div", {
+        className: (0, _classnames.default)('video-react-control-bar', {
           'video-react-control-bar-auto-hide': autoHide
@@ -149,9 +182,8 @@ }, className)
   }]);
-
   return ControlBar;
-}(Component);
+}(_react.Component);
 
-export { ControlBar as default };
+exports.default = ControlBar;
 ControlBar.propTypes = propTypes;
 ControlBar.defaultProps = defaultProps;
 ControlBar.displayName = 'ControlBar';

lib/components/control-bar/ForwardControl.js

@@ -1,5 +0,16 @@
-import ForwardReplayControl from './ForwardReplayControl'; // Pass mode into parent function
+"use strict";
 
-var ForwardControl = ForwardReplayControl('forward');
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _ForwardReplayControl = _interopRequireDefault(require("./ForwardReplayControl"));
+
+// Pass mode into parent function
+var ForwardControl = (0, _ForwardReplayControl.default)('forward');
 ForwardControl.displayName = 'ForwardControl';
-export default ForwardControl;
+var _default = ForwardControl;
+exports.default = _default;

lib/components/control-bar/ForwardReplayControl.js

@@ -1,13 +0,32 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import PropTypes from 'prop-types';
-import React, { Component } from 'react';
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+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 _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireWildcard(require("react"));
+
 var propTypes = {
-  actions: PropTypes.object,
-  className: PropTypes.string,
-  seconds: PropTypes.oneOf([5, 10, 30])
+  actions: _propTypes.default.object,
+  className: _propTypes.default.string,
+  seconds: _propTypes.default.oneOf([5, 10, 30])
 };
@@ -17,7 +36,8 @@ var defaultProps = {
 };
-export default (function (mode) {
+
+var _default = function _default(mode) {
   var ForwardReplayControl =
   /*#__PURE__*/
   function (_Component) {
-    _inherits(ForwardReplayControl, _Component);
+    (0, _inherits2.default)(ForwardReplayControl, _Component);
 
@@ -27,10 +47,9 @@ function ForwardReplayControl(props, context) {
 
-      _classCallCheck(this, ForwardReplayControl);
-
-      _this = _possibleConstructorReturn(this, _getPrototypeOf(ForwardReplayControl).call(this, props, context));
-      _this.handleClick = _this.handleClick.bind(_assertThisInitialized(_assertThisInitialized(_this)));
+      (0, _classCallCheck2.default)(this, ForwardReplayControl);
+      _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(ForwardReplayControl).call(this, props, context));
+      _this.handleClick = _this.handleClick.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
       return _this;
     }
 
-    _createClass(ForwardReplayControl, [{
+    (0, _createClass2.default)(ForwardReplayControl, [{
       key: "handleClick",
@@ -63,3 +82,3 @@ value: function handleClick() {
 
-        return React.createElement("button", {
+        return _react.default.createElement("button", {
           ref: function ref(c) {
@@ -71,3 +90,3 @@ _this2.button = c;
           onClick: this.handleClick
-        }, React.createElement("span", {
+        }, _react.default.createElement("span", {
           className: "video-react-control-text"
@@ -77,5 +96,4 @@ }, "".concat(mode, " ").concat(seconds, " seconds")));
     }]);
-
     return ForwardReplayControl;
-  }(Component);
+  }(_react.Component);
 
@@ -85,2 +103,4 @@ ForwardReplayControl.propTypes = propTypes;
   return ForwardReplayControl;
-});
+};
+
+exports.default = _default;

lib/components/control-bar/FullscreenToggle.js

@@ -1,14 +0,34 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import PropTypes from 'prop-types';
-import React, { Component } from 'react';
-import classNames from 'classnames';
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+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 _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
 var propTypes = {
-  actions: PropTypes.object,
-  player: PropTypes.object,
-  className: PropTypes.string
+  actions: _propTypes.default.object,
+  player: _propTypes.default.object,
+  className: _propTypes.default.string
 };
@@ -19,3 +39,3 @@
 function (_Component) {
-  _inherits(FullscreenToggle, _Component);
+  (0, _inherits2.default)(FullscreenToggle, _Component);
 
@@ -25,10 +45,9 @@ function FullscreenToggle(props, context) {
 
-    _classCallCheck(this, FullscreenToggle);
-
-    _this = _possibleConstructorReturn(this, _getPrototypeOf(FullscreenToggle).call(this, props, context));
-    _this.handleClick = _this.handleClick.bind(_assertThisInitialized(_assertThisInitialized(_this)));
+    (0, _classCallCheck2.default)(this, FullscreenToggle);
+    _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(FullscreenToggle).call(this, props, context));
+    _this.handleClick = _this.handleClick.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
     return _this;
   }
 
-  _createClass(FullscreenToggle, [{
+  (0, _createClass2.default)(FullscreenToggle, [{
     key: "handleClick",
@@ -49,4 +68,4 @@ value: function handleClick() {
           className = _this$props2.className;
-      return React.createElement("button", {
-        className: classNames(className, {
+      return _react.default.createElement("button", {
+        className: (0, _classnames.default)(className, {
           'video-react-icon-fullscreen-exit': player.isFullscreen,
@@ -61,3 +80,3 @@ 'video-react-icon-fullscreen': !player.isFullscreen
         onClick: this.handleClick
-      }, React.createElement("span", {
+      }, _react.default.createElement("span", {
         className: "video-react-control-text"
@@ -67,8 +86,7 @@ }, "Non-Fullscreen"));
   }]);
-
   return FullscreenToggle;
-}(Component);
+}(_react.Component);
 
-export { FullscreenToggle as default };
+exports.default = FullscreenToggle;
 FullscreenToggle.propTypes = propTypes;
 FullscreenToggle.displayName = 'FullscreenToggle';

lib/components/control-bar/LoadProgressBar.js

@@ -1,11 +0,23 @@
-import PropTypes from 'prop-types';
-import React from 'react';
-import classNames from 'classnames';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = LoadProgressBar;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
 var propTypes = {
-  duration: PropTypes.number,
-  buffered: PropTypes.object,
-  className: PropTypes.string
+  duration: _propTypes.default.number,
+  buffered: _propTypes.default.object,
+  className: _propTypes.default.string
 }; // Shows load progress
 
-export default function LoadProgressBar(_ref) {
+function LoadProgressBar(_ref) {
   var buffered = _ref.buffered,
@@ -41,3 +53,3 @@ duration = _ref.duration,
 
-    var part = React.createElement("div", {
+    var part = _react.default.createElement("div", {
       style: {
@@ -49,2 +61,3 @@ left: percentify(start, bufferedEnd),
     });
+
     parts.push(part);
@@ -57,10 +70,11 @@ }
 
-  return React.createElement("div", {
+  return _react.default.createElement("div", {
     style: style,
-    className: classNames('video-react-load-progress', className)
-  }, React.createElement("span", {
+    className: (0, _classnames.default)('video-react-load-progress', className)
+  }, _react.default.createElement("span", {
     className: "video-react-control-text"
   }, "Loaded: 0%"), parts);
 }
+
 LoadProgressBar.propTypes = propTypes;
 LoadProgressBar.displayName = 'LoadProgressBar';

lib/components/control-bar/MouseTimeDisplay.js

@@ -1,6 +0,18 @@
-import PropTypes from 'prop-types';
-import React from 'react';
-import classNames from 'classnames';
-import { formatTime } from '../../utils';
+"use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _utils = require("../../utils");
+
 function MouseTimeDisplay(_ref) {
@@ -16,5 +28,5 @@ var duration = _ref.duration,
 
-  var time = text || formatTime(mouseTime.time, duration);
-  return React.createElement("div", {
-    className: classNames('video-react-mouse-display', className),
+  var time = text || (0, _utils.formatTime)(mouseTime.time, duration);
+  return _react.default.createElement("div", {
+    className: (0, _classnames.default)('video-react-mouse-display', className),
     style: {
@@ -28,7 +40,8 @@ left: "".concat(mouseTime.position, "px")
 MouseTimeDisplay.propTypes = {
-  duration: PropTypes.number,
-  mouseTime: PropTypes.object,
-  className: PropTypes.string
+  duration: _propTypes.default.number,
+  mouseTime: _propTypes.default.object,
+  className: _propTypes.default.string
 };
 MouseTimeDisplay.displayName = 'MouseTimeDisplay';
-export default MouseTimeDisplay;
+var _default = MouseTimeDisplay;
+exports.default = _default;

lib/components/control-bar/PlaybackRate.js

@@ -1,14 +0,32 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _inherits from "@babel/runtime/helpers/inherits";
-import React, { Component } from 'react';
-import PlaybackRateMenuButton from './PlaybackRateMenuButton';
-import { deprecatedWarning } from '../../utils';
+"use strict";
 
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+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 _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _PlaybackRateMenuButton = _interopRequireDefault(require("./PlaybackRateMenuButton"));
+
+var _utils = require("../../utils");
+
 var PlaybackRate =
 /*#__PURE__*/
 function (_Component) {
-  _inherits(PlaybackRate, _Component);
+  (0, _inherits2.default)(PlaybackRate, _Component);
 
@@ -18,20 +36,18 @@ function PlaybackRate(props, context) {
 
-    _classCallCheck(this, PlaybackRate);
-
-    _this = _possibleConstructorReturn(this, _getPrototypeOf(PlaybackRate).call(this, props, context));
-    deprecatedWarning('PlaybackRate', 'PlaybackRateMenuButton');
+    (0, _classCallCheck2.default)(this, PlaybackRate);
+    _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(PlaybackRate).call(this, props, context));
+    (0, _utils.deprecatedWarning)('PlaybackRate', 'PlaybackRateMenuButton');
     return _this;
   }
 
-  _createClass(PlaybackRate, [{
+  (0, _createClass2.default)(PlaybackRate, [{
     key: "render",
     value: function render() {
-      return React.createElement(PlaybackRateMenuButton, this.props);
+      return _react.default.createElement(_PlaybackRateMenuButton.default, this.props);
     }
   }]);
-
   return PlaybackRate;
-}(Component);
+}(_react.Component);
 
-export { PlaybackRate as default };
+exports.default = PlaybackRate;
 PlaybackRate.displayName = 'PlaybackRate';

lib/components/control-bar/PlaybackRateMenuButton.js

@@ -1,16 +0,37 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import PropTypes from 'prop-types';
-import React, { Component } from 'react';
-import classNames from 'classnames';
-import MenuButton from '../menu/MenuButton';
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+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 _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _MenuButton = _interopRequireDefault(require("../menu/MenuButton"));
+
 var propTypes = {
-  player: PropTypes.object,
-  actions: PropTypes.object,
-  rates: PropTypes.array,
-  className: PropTypes.string
+  player: _propTypes.default.object,
+  actions: _propTypes.default.object,
+  rates: _propTypes.default.array,
+  className: _propTypes.default.string
 };
@@ -24,3 +45,3 @@ var defaultProps = {
 function (_Component) {
-  _inherits(PlaybackRateMenuButton, _Component);
+  (0, _inherits2.default)(PlaybackRateMenuButton, _Component);
 
@@ -30,10 +51,9 @@ function PlaybackRateMenuButton(props, context) {
 
-    _classCallCheck(this, PlaybackRateMenuButton);
-
-    _this = _possibleConstructorReturn(this, _getPrototypeOf(PlaybackRateMenuButton).call(this, props, context));
-    _this.handleSelectItem = _this.handleSelectItem.bind(_assertThisInitialized(_assertThisInitialized(_this)));
+    (0, _classCallCheck2.default)(this, PlaybackRateMenuButton);
+    _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(PlaybackRateMenuButton).call(this, props, context));
+    _this.handleSelectItem = _this.handleSelectItem.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
     return _this;
   }
 
-  _createClass(PlaybackRateMenuButton, [{
+  (0, _createClass2.default)(PlaybackRateMenuButton, [{
     key: "handleSelectItem",
@@ -62,10 +82,10 @@ value: function handleSelectItem(index) {
       var selectedIndex = rates.indexOf(player.playbackRate) || 0;
-      return React.createElement(MenuButton, {
-        className: classNames('video-react-playback-rate', this.props.className),
+      return _react.default.createElement(_MenuButton.default, {
+        className: (0, _classnames.default)('video-react-playback-rate', this.props.className),
         onSelectItem: this.handleSelectItem,
         items: items,
         selectedIndex: selectedIndex
-      }, React.createElement("span", {
+      }, _react.default.createElement("span", {
         className: "video-react-control-text"
-      }, "Playback Rate"), React.createElement("div", {
+      }, "Playback Rate"), _react.default.createElement("div", {
         className: "video-react-playback-rate-value"
@@ -75,5 +95,4 @@ }, "".concat(player.playbackRate.toFixed(2), "x")));
   }]);
-
   return PlaybackRateMenuButton;
-}(Component);
+}(_react.Component);
 
@@ -83,2 +102,3 @@ PlaybackRateMenuButton.propTypes = propTypes;
 PlaybackRateMenuButton.displayName = 'PlaybackRateMenuButton';
-export default PlaybackRateMenuButton;
+var _default = PlaybackRateMenuButton;
+exports.default = _default;

lib/components/control-bar/PlayProgressBar.js

@@ -1,13 +0,26 @@
-import PropTypes from 'prop-types';
-import React from 'react';
-import classNames from 'classnames';
-import { formatTime } from '../../utils';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = PlayProgressBar;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _utils = require("../../utils");
+
 var propTypes = {
-  currentTime: PropTypes.number,
-  duration: PropTypes.number,
-  percentage: PropTypes.string,
-  className: PropTypes.string
+  currentTime: _propTypes.default.number,
+  duration: _propTypes.default.number,
+  percentage: _propTypes.default.string,
+  className: _propTypes.default.string
 }; // Shows play progress
 
-export default function PlayProgressBar(_ref) {
+function PlayProgressBar(_ref) {
   var currentTime = _ref.currentTime,
@@ -17,13 +30,14 @@ duration = _ref.duration,
       className = _ref.className;
-  return React.createElement("div", {
-    "data-current-time": formatTime(currentTime, duration),
-    className: classNames('video-react-play-progress video-react-slider-bar', className),
+  return _react.default.createElement("div", {
+    "data-current-time": (0, _utils.formatTime)(currentTime, duration),
+    className: (0, _classnames.default)('video-react-play-progress video-react-slider-bar', className),
     style: {
       width: percentage
     }
-  }, React.createElement("span", {
+  }, _react.default.createElement("span", {
     className: "video-react-control-text"
   }, "Progress: ".concat(percentage)));
 }
+
 PlayProgressBar.propTypes = propTypes;
 PlayProgressBar.displayName = 'PlayProgressBar';

lib/components/control-bar/PlayToggle.js

@@ -1,14 +0,34 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import PropTypes from 'prop-types';
-import React, { Component } from 'react';
-import classNames from 'classnames';
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+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 _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
 var propTypes = {
-  actions: PropTypes.object,
-  player: PropTypes.object,
-  className: PropTypes.string
+  actions: _propTypes.default.object,
+  player: _propTypes.default.object,
+  className: _propTypes.default.string
 };
@@ -19,3 +39,3 @@
 function (_Component) {
-  _inherits(PlayToggle, _Component);
+  (0, _inherits2.default)(PlayToggle, _Component);
 
@@ -25,10 +45,9 @@ function PlayToggle(props, context) {
 
-    _classCallCheck(this, PlayToggle);
-
-    _this = _possibleConstructorReturn(this, _getPrototypeOf(PlayToggle).call(this, props, context));
-    _this.handleClick = _this.handleClick.bind(_assertThisInitialized(_assertThisInitialized(_this)));
+    (0, _classCallCheck2.default)(this, PlayToggle);
+    _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(PlayToggle).call(this, props, context));
+    _this.handleClick = _this.handleClick.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
     return _this;
   }
 
-  _createClass(PlayToggle, [{
+  (0, _createClass2.default)(PlayToggle, [{
     key: "handleClick",
@@ -55,7 +74,7 @@ value: function handleClick() {
       var controlText = player.paused ? 'Play' : 'Pause';
-      return React.createElement("button", {
+      return _react.default.createElement("button", {
         ref: function ref(c) {
           _this2.button = c;
         },
-        className: classNames(className, {
+        className: (0, _classnames.default)(className, {
           'video-react-play-control': true,
@@ -70,3 +89,3 @@ 'video-react-control': true,
         onClick: this.handleClick
-      }, React.createElement("span", {
+      }, _react.default.createElement("span", {
         className: "video-react-control-text"
@@ -76,8 +95,7 @@ }, controlText));
   }]);
-
   return PlayToggle;
-}(Component);
+}(_react.Component);
 
-export { PlayToggle as default };
+exports.default = PlayToggle;
 PlayToggle.propTypes = propTypes;
 PlayToggle.displayName = 'PlayToggle';

lib/components/control-bar/ProgressControl.js

@@ -1,17 +0,41 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import PropTypes from 'prop-types';
-import React, { Component } from 'react';
-import { findDOMNode } from 'react-dom';
-import classNames from 'classnames';
-import * as Dom from '../../utils/dom';
-import SeekBar from './SeekBar';
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+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 _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _reactDom = require("react-dom");
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var Dom = _interopRequireWildcard(require("../../utils/dom"));
+
+var _SeekBar = _interopRequireDefault(require("./SeekBar"));
+
 var propTypes = {
-  player: PropTypes.object,
-  className: PropTypes.string
+  player: _propTypes.default.object,
+  className: _propTypes.default.string
 };
@@ -22,3 +46,3 @@
 function (_Component) {
-  _inherits(ProgressControl, _Component);
+  (0, _inherits2.default)(ProgressControl, _Component);
 
@@ -28,5 +52,4 @@ function ProgressControl(props, context) {
 
-    _classCallCheck(this, ProgressControl);
-
-    _this = _possibleConstructorReturn(this, _getPrototypeOf(ProgressControl).call(this, props, context));
+    (0, _classCallCheck2.default)(this, ProgressControl);
+    _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(ProgressControl).call(this, props, context));
     _this.state = {
@@ -38,7 +61,7 @@ mouseTime: {
     };
-    _this.handleMouseMoveThrottle = _this.handleMouseMove.bind(_assertThisInitialized(_assertThisInitialized(_this)));
+    _this.handleMouseMoveThrottle = _this.handleMouseMove.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
     return _this;
   }
 
-  _createClass(ProgressControl, [{
+  (0, _createClass2.default)(ProgressControl, [{
     key: "handleMouseMove",
@@ -51,3 +74,3 @@ value: function handleMouseMove(event) {
       var duration = this.props.player.duration;
-      var node = findDOMNode(this.seekBar);
+      var node = (0, _reactDom.findDOMNode)(this.seekBar);
       var newTime = Dom.getPointerPosition(node, event).x * duration;
@@ -68,6 +91,6 @@ var position = event.pageX - Dom.findElPosition(node).left;
       var className = this.props.className;
-      return React.createElement("div", {
+      return _react.default.createElement("div", {
         onMouseMove: this.handleMouseMoveThrottle,
-        className: classNames('video-react-progress-control video-react-control', className)
-      }, React.createElement(SeekBar, _extends({
+        className: (0, _classnames.default)('video-react-progress-control video-react-control', className)
+      }, _react.default.createElement(_SeekBar.default, (0, _extends2.default)({
         mouseTime: this.state.mouseTime,
@@ -80,8 +103,7 @@ ref: function ref(c) {
   }]);
-
   return ProgressControl;
-}(Component);
+}(_react.Component);
 
-export { ProgressControl as default };
+exports.default = ProgressControl;
 ProgressControl.propTypes = propTypes;
 ProgressControl.displayName = 'ProgressControl';

lib/components/control-bar/ReplayControl.js

@@ -1,5 +0,16 @@
-import ForwardReplayControl from './ForwardReplayControl'; // Pass mode into parent function
+"use strict";
 
-var ReplayControl = ForwardReplayControl('replay');
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _ForwardReplayControl = _interopRequireDefault(require("./ForwardReplayControl"));
+
+// Pass mode into parent function
+var ReplayControl = (0, _ForwardReplayControl.default)('replay');
 ReplayControl.displayName = 'ReplayControl';
-export default ReplayControl;
+var _default = ReplayControl;
+exports.default = _default;

lib/components/control-bar/SeekBar.js

@@ -1,20 +0,45 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import PropTypes from 'prop-types';
-import React, { Component } from 'react';
-import classNames from 'classnames';
-import Slider from '../Slider';
-import PlayProgressBar from './PlayProgressBar';
-import LoadProgressBar from './LoadProgressBar';
-import MouseTimeDisplay from './MouseTimeDisplay';
-import { formatTime } from '../../utils';
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+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 _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _Slider = _interopRequireDefault(require("../Slider"));
+
+var _PlayProgressBar = _interopRequireDefault(require("./PlayProgressBar"));
+
+var _LoadProgressBar = _interopRequireDefault(require("./LoadProgressBar"));
+
+var _MouseTimeDisplay = _interopRequireDefault(require("./MouseTimeDisplay"));
+
+var _utils = require("../../utils");
+
 var propTypes = {
-  player: PropTypes.object,
-  mouseTime: PropTypes.object,
-  actions: PropTypes.object,
-  className: PropTypes.string
+  player: _propTypes.default.object,
+  mouseTime: _propTypes.default.object,
+  actions: _propTypes.default.object,
+  className: _propTypes.default.string
 };
@@ -25,3 +50,3 @@
 function (_Component) {
-  _inherits(SeekBar, _Component);
+  (0, _inherits2.default)(SeekBar, _Component);
 
@@ -31,16 +56,15 @@ function SeekBar(props, context) {
 
-    _classCallCheck(this, SeekBar);
-
-    _this = _possibleConstructorReturn(this, _getPrototypeOf(SeekBar).call(this, props, context));
-    _this.getPercent = _this.getPercent.bind(_assertThisInitialized(_assertThisInitialized(_this)));
-    _this.getNewTime = _this.getNewTime.bind(_assertThisInitialized(_assertThisInitialized(_this)));
-    _this.stepForward = _this.stepForward.bind(_assertThisInitialized(_assertThisInitialized(_this)));
-    _this.stepBack = _this.stepBack.bind(_assertThisInitialized(_assertThisInitialized(_this)));
-    _this.handleMouseDown = _this.handleMouseDown.bind(_assertThisInitialized(_assertThisInitialized(_this)));
-    _this.handleMouseMove = _this.handleMouseMove.bind(_assertThisInitialized(_assertThisInitialized(_this)));
-    _this.handleMouseUp = _this.handleMouseUp.bind(_assertThisInitialized(_assertThisInitialized(_this)));
+    (0, _classCallCheck2.default)(this, SeekBar);
+    _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(SeekBar).call(this, props, context));
+    _this.getPercent = _this.getPercent.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.getNewTime = _this.getNewTime.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.stepForward = _this.stepForward.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.stepBack = _this.stepBack.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handleMouseDown = _this.handleMouseDown.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handleMouseMove = _this.handleMouseMove.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handleMouseUp = _this.handleMouseUp.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
     return _this;
   }
 
-  _createClass(SeekBar, [{
+  (0, _createClass2.default)(SeekBar, [{
     key: "componentDidMount",
@@ -122,3 +146,3 @@ value: function componentDidMount() {}
       var time = seekingTime || currentTime;
-      return React.createElement(Slider, {
+      return _react.default.createElement(_Slider.default, {
         ref: function ref(input) {
@@ -128,5 +152,5 @@ _this2.slider = input;
         label: "video progress bar",
-        className: classNames('video-react-progress-holder', this.props.className),
+        className: (0, _classnames.default)('video-react-progress-holder', this.props.className),
         valuenow: (this.getPercent() * 100).toFixed(2),
-        valuetext: formatTime(time, duration),
+        valuetext: (0, _utils.formatTime)(time, duration),
         onMouseDown: this.handleMouseDown,
@@ -138,10 +162,10 @@ onMouseMove: this.handleMouseMove,
         stepBack: this.stepBack
-      }, React.createElement(LoadProgressBar, {
+      }, _react.default.createElement(_LoadProgressBar.default, {
         buffered: buffered,
         currentTime: time,
         duration: duration
-      }), React.createElement(MouseTimeDisplay, {
+      }), _react.default.createElement(_MouseTimeDisplay.default, {
         duration: duration,
         mouseTime: mouseTime
-      }), React.createElement(PlayProgressBar, {
+      }), _react.default.createElement(_PlayProgressBar.default, {
         currentTime: time,
@@ -152,8 +176,7 @@ duration: duration
   }]);
-
   return SeekBar;
-}(Component);
+}(_react.Component);
 
-export { SeekBar as default };
+exports.default = SeekBar;
 SeekBar.propTypes = propTypes;
 SeekBar.displayName = 'SeekBar';

lib/components/control-bar/VolumeMenuButton.js

@@ -1,19 +0,42 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import PropTypes from 'prop-types';
-import React, { Component } from 'react';
-import classNames from 'classnames';
-import PopupButton from '../popup/PopupButton';
-import VolumeBar from '../volume-control/VolumeBar';
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+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 _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _PopupButton = _interopRequireDefault(require("../popup/PopupButton"));
+
+var _VolumeBar = _interopRequireDefault(require("../volume-control/VolumeBar"));
+
 var propTypes = {
-  player: PropTypes.object,
-  actions: PropTypes.object,
-  vertical: PropTypes.bool,
-  className: PropTypes.string,
-  alwaysShowVolume: PropTypes.bool
+  player: _propTypes.default.object,
+  actions: _propTypes.default.object,
+  vertical: _propTypes.default.bool,
+  className: _propTypes.default.string,
+  alwaysShowVolume: _propTypes.default.bool
 };
@@ -27,3 +50,3 @@ var defaultProps = {
 function (_Component) {
-  _inherits(VolumeMenuButton, _Component);
+  (0, _inherits2.default)(VolumeMenuButton, _Component);
 
@@ -33,15 +56,14 @@ function VolumeMenuButton(props, context) {
 
-    _classCallCheck(this, VolumeMenuButton);
-
-    _this = _possibleConstructorReturn(this, _getPrototypeOf(VolumeMenuButton).call(this, props, context));
+    (0, _classCallCheck2.default)(this, VolumeMenuButton);
+    _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(VolumeMenuButton).call(this, props, context));
     _this.state = {
       active: false
     };
-    _this.handleClick = _this.handleClick.bind(_assertThisInitialized(_assertThisInitialized(_this)));
-    _this.handleFocus = _this.handleFocus.bind(_assertThisInitialized(_assertThisInitialized(_this)));
-    _this.handleBlur = _this.handleBlur.bind(_assertThisInitialized(_assertThisInitialized(_this)));
+    _this.handleClick = _this.handleClick.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handleFocus = _this.handleFocus.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handleBlur = _this.handleBlur.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
     return _this;
   }
 
-  _createClass(VolumeMenuButton, [{
+  (0, _createClass2.default)(VolumeMenuButton, [{
     key: "handleClick",
@@ -77,4 +99,4 @@ value: function handleClick() {
       var level = this.volumeLevel;
-      return React.createElement(PopupButton, {
-        className: classNames(className, {
+      return _react.default.createElement(_PopupButton.default, {
+        className: (0, _classnames.default)(className, {
           'video-react-volume-menu-button-vertical': vertical,
@@ -92,3 +114,3 @@ 'video-react-volume-menu-button-horizontal': !vertical,
         inline: inline
-      }, React.createElement(VolumeBar, _extends({
+      }, _react.default.createElement(_VolumeBar.default, (0, _extends2.default)({
         onFocus: this.handleFocus,
@@ -117,5 +139,4 @@ onBlur: this.handleBlur
   }]);
-
   return VolumeMenuButton;
-}(Component);
+}(_react.Component);
 
@@ -125,2 +146,3 @@ VolumeMenuButton.propTypes = propTypes;
 VolumeMenuButton.displayName = 'VolumeMenuButton';
-export default VolumeMenuButton;
+var _default = VolumeMenuButton;
+exports.default = _default;

lib/components/LoadingSpinner.js

@@ -1,9 +0,22 @@
-import PropTypes from 'prop-types';
-import React from 'react';
-import classNames from 'classnames';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = LoadingSpinner;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
 var propTypes = {
-  player: PropTypes.object,
-  className: PropTypes.string
+  player: _propTypes.default.object,
+  className: _propTypes.default.string
 };
-export default function LoadingSpinner(_ref) {
+
+function LoadingSpinner(_ref) {
   var player = _ref.player,
@@ -16,7 +29,8 @@ className = _ref.className;
 
-  return React.createElement("div", {
-    className: classNames('video-react-loading-spinner', className)
+  return _react.default.createElement("div", {
+    className: (0, _classnames.default)('video-react-loading-spinner', className)
   });
 }
+
 LoadingSpinner.propTypes = propTypes;
 LoadingSpinner.displayName = 'LoadingSpinner';

lib/components/menu/Menu.js

@@ -1,11 +0,30 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import PropTypes from 'prop-types';
-import React, { Component } from 'react';
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+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 _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireWildcard(require("react"));
+
 var propTypes = {
-  children: PropTypes.any
+  children: _propTypes.default.any
 };
@@ -16,3 +35,3 @@
 function (_Component) {
-  _inherits(Menu, _Component);
+  (0, _inherits2.default)(Menu, _Component);
 
@@ -22,10 +41,9 @@ function Menu(props, context) {
 
-    _classCallCheck(this, Menu);
-
-    _this = _possibleConstructorReturn(this, _getPrototypeOf(Menu).call(this, props, context));
-    _this.handleClick = _this.handleClick.bind(_assertThisInitialized(_assertThisInitialized(_this)));
+    (0, _classCallCheck2.default)(this, Menu);
+    _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(Menu).call(this, props, context));
+    _this.handleClick = _this.handleClick.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
     return _this;
   }
 
-  _createClass(Menu, [{
+  (0, _createClass2.default)(Menu, [{
     key: "handleClick",
@@ -38,7 +56,7 @@ value: function handleClick(event) {
     value: function render() {
-      return React.createElement("div", {
+      return _react.default.createElement("div", {
         className: "video-react-menu video-react-lock-showing",
         role: "presentation",
         onClick: this.handleClick
-      }, React.createElement("ul", {
+      }, _react.default.createElement("ul", {
         className: "video-react-menu-content"
@@ -48,8 +66,7 @@ }, this.props.children));
   }]);
-
   return Menu;
-}(Component);
+}(_react.Component);
 
-export { Menu as default };
+exports.default = Menu;
 Menu.propTypes = propTypes;
 Menu.displayName = 'Menu';

lib/components/menu/MenuButton.js

@@ -1,20 +0,43 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import PropTypes from 'prop-types';
-import React, { Component } from 'react';
-import classNames from 'classnames';
-import Menu from './Menu';
-import MenuItem from './MenuItem';
-import ClickableComponent from '../ClickableComponent';
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+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 _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _Menu = _interopRequireDefault(require("./Menu"));
+
+var _MenuItem = _interopRequireDefault(require("./MenuItem"));
+
+var _ClickableComponent = _interopRequireDefault(require("../ClickableComponent"));
+
 var propTypes = {
-  inline: PropTypes.bool,
-  items: PropTypes.array,
-  className: PropTypes.string,
-  onSelectItem: PropTypes.func,
-  children: PropTypes.any,
-  selectedIndex: PropTypes.number
+  inline: _propTypes.default.bool,
+  items: _propTypes.default.array,
+  className: _propTypes.default.string,
+  onSelectItem: _propTypes.default.func,
+  children: _propTypes.default.any,
+  selectedIndex: _propTypes.default.number
 };
@@ -25,3 +48,3 @@
 function (_Component) {
-  _inherits(MenuButton, _Component);
+  (0, _inherits2.default)(MenuButton, _Component);
 
@@ -31,5 +54,4 @@ function MenuButton(props, context) {
 
-    _classCallCheck(this, MenuButton);
-
-    _this = _possibleConstructorReturn(this, _getPrototypeOf(MenuButton).call(this, props, context));
+    (0, _classCallCheck2.default)(this, MenuButton);
+    _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(MenuButton).call(this, props, context));
     _this.state = {
@@ -39,20 +61,20 @@ active: false,
     };
-    _this.commitSelection = _this.commitSelection.bind(_assertThisInitialized(_assertThisInitialized(_this)));
-    _this.activateMenuItem = _this.activateMenuItem.bind(_assertThisInitialized(_assertThisInitialized(_this)));
-    _this.handleClick = _this.handleClick.bind(_assertThisInitialized(_assertThisInitialized(_this)));
-    _this.renderMenu = _this.renderMenu.bind(_assertThisInitialized(_assertThisInitialized(_this)));
-    _this.handleFocus = _this.handleFocus.bind(_assertThisInitialized(_assertThisInitialized(_this)));
-    _this.handleBlur = _this.handleBlur.bind(_assertThisInitialized(_assertThisInitialized(_this)));
-    _this.handleUpArrow = _this.handleUpArrow.bind(_assertThisInitialized(_assertThisInitialized(_this)));
-    _this.handleDownArrow = _this.handleDownArrow.bind(_assertThisInitialized(_assertThisInitialized(_this)));
-    _this.handleEscape = _this.handleEscape.bind(_assertThisInitialized(_assertThisInitialized(_this)));
-    _this.handleReturn = _this.handleReturn.bind(_assertThisInitialized(_assertThisInitialized(_this)));
-    _this.handleTab = _this.handleTab.bind(_assertThisInitialized(_assertThisInitialized(_this)));
-    _this.handleKeyPress = _this.handleKeyPress.bind(_assertThisInitialized(_assertThisInitialized(_this)));
-    _this.handleSelectItem = _this.handleSelectItem.bind(_assertThisInitialized(_assertThisInitialized(_this)));
-    _this.handleIndexChange = _this.handleIndexChange.bind(_assertThisInitialized(_assertThisInitialized(_this)));
+    _this.commitSelection = _this.commitSelection.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.activateMenuItem = _this.activateMenuItem.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handleClick = _this.handleClick.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.renderMenu = _this.renderMenu.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handleFocus = _this.handleFocus.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handleBlur = _this.handleBlur.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handleUpArrow = _this.handleUpArrow.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handleDownArrow = _this.handleDownArrow.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handleEscape = _this.handleEscape.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handleReturn = _this.handleReturn.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handleTab = _this.handleTab.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handleKeyPress = _this.handleKeyPress.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handleSelectItem = _this.handleSelectItem.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handleIndexChange = _this.handleIndexChange.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
     return _this;
   }
 
-  _createClass(MenuButton, [{
+  (0, _createClass2.default)(MenuButton, [{
     key: "componentDidUpdate",
@@ -205,4 +227,4 @@ value: function componentDidUpdate(prevProps) {
       var items = this.props.items;
-      return React.createElement(Menu, null, items.map(function (item, i) {
-        return React.createElement(MenuItem, {
+      return _react.default.createElement(_Menu.default, null, items.map(function (item, i) {
+        return _react.default.createElement(_MenuItem.default, {
           item: item,
@@ -224,4 +246,4 @@ index: i,
           className = _this$props.className;
-      return React.createElement(ClickableComponent, {
-        className: classNames(className, {
+      return _react.default.createElement(_ClickableComponent.default, {
+        className: (0, _classnames.default)(className, {
           'video-react-menu-button-inline': !!inline,
@@ -242,8 +264,7 @@ 'video-react-menu-button-popup': !inline,
   }]);
-
   return MenuButton;
-}(Component);
+}(_react.Component);
 
-export { MenuButton as default };
+exports.default = MenuButton;
 MenuButton.propTypes = propTypes;
 MenuButton.displayName = 'MenuButton';

lib/components/menu/MenuItem.js

@@ -1,15 +0,35 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import PropTypes from 'prop-types';
-import React, { Component } from 'react';
-import classNames from 'classnames';
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+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 _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
 var propTypes = {
-  item: PropTypes.object,
-  index: PropTypes.number,
-  activateIndex: PropTypes.number,
-  onSelectItem: PropTypes.func
+  item: _propTypes.default.object,
+  index: _propTypes.default.number,
+  activateIndex: _propTypes.default.number,
+  onSelectItem: _propTypes.default.func
 };
@@ -20,3 +40,3 @@
 function (_Component) {
-  _inherits(MenuItem, _Component);
+  (0, _inherits2.default)(MenuItem, _Component);
 
@@ -26,10 +46,9 @@ function MenuItem(props, context) {
 
-    _classCallCheck(this, MenuItem);
-
-    _this = _possibleConstructorReturn(this, _getPrototypeOf(MenuItem).call(this, props, context));
-    _this.handleClick = _this.handleClick.bind(_assertThisInitialized(_assertThisInitialized(_this)));
+    (0, _classCallCheck2.default)(this, MenuItem);
+    _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(MenuItem).call(this, props, context));
+    _this.handleClick = _this.handleClick.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
     return _this;
   }
 
-  _createClass(MenuItem, [{
+  (0, _createClass2.default)(MenuItem, [{
     key: "handleClick",
@@ -49,4 +68,4 @@ value: function handleClick() {
           activateIndex = _this$props2.activateIndex;
-      return React.createElement("li", {
-        className: classNames({
+      return _react.default.createElement("li", {
+        className: (0, _classnames.default)({
           'video-react-menu-item': true,
@@ -57,3 +76,3 @@ 'video-react-selected': index === activateIndex
         onClick: this.handleClick
-      }, item.label, React.createElement("span", {
+      }, item.label, _react.default.createElement("span", {
         className: "video-react-control-text"
@@ -63,8 +82,7 @@ }));
   }]);
-
   return MenuItem;
-}(Component);
+}(_react.Component);
 
-export { MenuItem as default };
+exports.default = MenuItem;
 MenuItem.propTypes = propTypes;
 MenuItem.displayName = 'MenuItem';

lib/components/Player.js

@@ -1,63 +0,97 @@
-import _objectSpread from "@babel/runtime/helpers/objectSpread";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import PropTypes from 'prop-types';
-import React, { Component } from 'react';
-import classNames from 'classnames';
-import Manager from '../Manager';
-import BigPlayButton from './BigPlayButton';
-import LoadingSpinner from './LoadingSpinner';
-import PosterImage from './PosterImage';
-import Video from './Video';
-import Bezel from './Bezel';
-import Shortcut from './Shortcut';
-import ControlBar from './control-bar/ControlBar';
-import * as browser from '../utils/browser';
-import { mergeAndSortChildren, isVideoChild, throttle } from '../utils';
-import fullscreen from '../utils/fullscreen';
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _Manager = _interopRequireDefault(require("../Manager"));
+
+var _BigPlayButton = _interopRequireDefault(require("./BigPlayButton"));
+
+var _LoadingSpinner = _interopRequireDefault(require("./LoadingSpinner"));
+
+var _PosterImage = _interopRequireDefault(require("./PosterImage"));
+
+var _Video = _interopRequireDefault(require("./Video"));
+
+var _Bezel = _interopRequireDefault(require("./Bezel"));
+
+var _Shortcut = _interopRequireDefault(require("./Shortcut"));
+
+var _ControlBar = _interopRequireDefault(require("./control-bar/ControlBar"));
+
+var browser = _interopRequireWildcard(require("../utils/browser"));
+
+var _utils = require("../utils");
+
+var _fullscreen = _interopRequireDefault(require("../utils/fullscreen"));
+
 var propTypes = {
-  children: PropTypes.any,
-  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  height: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  fluid: PropTypes.bool,
-  muted: PropTypes.bool,
-  playsInline: PropTypes.bool,
-  aspectRatio: PropTypes.string,
-  className: PropTypes.string,
-  videoId: PropTypes.string,
-  startTime: PropTypes.number,
-  loop: PropTypes.bool,
-  autoPlay: PropTypes.bool,
-  src: PropTypes.string,
-  poster: PropTypes.string,
-  preload: PropTypes.oneOf(['auto', 'metadata', 'none']),
-  onLoadStart: PropTypes.func,
-  onWaiting: PropTypes.func,
-  onCanPlay: PropTypes.func,
-  onCanPlayThrough: PropTypes.func,
-  onPlaying: PropTypes.func,
-  onEnded: PropTypes.func,
-  onSeeking: PropTypes.func,
-  onSeeked: PropTypes.func,
-  onPlay: PropTypes.func,
-  onPause: PropTypes.func,
-  onProgress: PropTypes.func,
-  onDurationChange: PropTypes.func,
-  onError: PropTypes.func,
-  onSuspend: PropTypes.func,
-  onAbort: PropTypes.func,
-  onEmptied: PropTypes.func,
-  onStalled: PropTypes.func,
-  onLoadedMetadata: PropTypes.func,
-  onLoadedData: PropTypes.func,
-  onTimeUpdate: PropTypes.func,
-  onRateChange: PropTypes.func,
-  onVolumeChange: PropTypes.func,
-  store: PropTypes.object
+  children: _propTypes.default.any,
+  width: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
+  height: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
+  fluid: _propTypes.default.bool,
+  muted: _propTypes.default.bool,
+  playsInline: _propTypes.default.bool,
+  aspectRatio: _propTypes.default.string,
+  className: _propTypes.default.string,
+  videoId: _propTypes.default.string,
+  startTime: _propTypes.default.number,
+  loop: _propTypes.default.bool,
+  autoPlay: _propTypes.default.bool,
+  src: _propTypes.default.string,
+  poster: _propTypes.default.string,
+  preload: _propTypes.default.oneOf(['auto', 'metadata', 'none']),
+  onLoadStart: _propTypes.default.func,
+  onWaiting: _propTypes.default.func,
+  onCanPlay: _propTypes.default.func,
+  onCanPlayThrough: _propTypes.default.func,
+  onPlaying: _propTypes.default.func,
+  onEnded: _propTypes.default.func,
+  onSeeking: _propTypes.default.func,
+  onSeeked: _propTypes.default.func,
+  onPlay: _propTypes.default.func,
+  onPause: _propTypes.default.func,
+  onProgress: _propTypes.default.func,
+  onDurationChange: _propTypes.default.func,
+  onError: _propTypes.default.func,
+  onSuspend: _propTypes.default.func,
+  onAbort: _propTypes.default.func,
+  onEmptied: _propTypes.default.func,
+  onStalled: _propTypes.default.func,
+  onLoadedMetadata: _propTypes.default.func,
+  onLoadedData: _propTypes.default.func,
+  onTimeUpdate: _propTypes.default.func,
+  onRateChange: _propTypes.default.func,
+  onVolumeChange: _propTypes.default.func,
+  store: _propTypes.default.object
 };
@@ -75,3 +109,3 @@ var defaultProps = {
 function (_Component) {
-  _inherits(Player, _Component);
+  (0, _inherits2.default)(Player, _Component);
 
@@ -81,27 +115,26 @@ function Player(props) {
 
-    _classCallCheck(this, Player);
-
-    _this = _possibleConstructorReturn(this, _getPrototypeOf(Player).call(this, props));
+    (0, _classCallCheck2.default)(this, Player);
+    _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(Player).call(this, props));
     _this.controlsHideTimer = null;
     _this.video = null; // the Video component
 
-    _this.manager = new Manager(props.store);
+    _this.manager = new _Manager.default(props.store);
     _this.actions = _this.manager.getActions();
 
-    _this.manager.subscribeToPlayerStateChange(_this.handleStateChange.bind(_assertThisInitialized(_assertThisInitialized(_this))));
+    _this.manager.subscribeToPlayerStateChange(_this.handleStateChange.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this))));
 
-    _this.getStyle = _this.getStyle.bind(_assertThisInitialized(_assertThisInitialized(_this)));
-    _this.handleResize = _this.handleResize.bind(_assertThisInitialized(_assertThisInitialized(_this)));
-    _this.getChildren = _this.getChildren.bind(_assertThisInitialized(_assertThisInitialized(_this)));
-    _this.handleMouseMove = throttle(_this.handleMouseMove.bind(_assertThisInitialized(_assertThisInitialized(_this))), 250);
-    _this.handleMouseDown = _this.handleMouseDown.bind(_assertThisInitialized(_assertThisInitialized(_this)));
-    _this.startControlsTimer = _this.startControlsTimer.bind(_assertThisInitialized(_assertThisInitialized(_this)));
-    _this.handleFullScreenChange = _this.handleFullScreenChange.bind(_assertThisInitialized(_assertThisInitialized(_this)));
-    _this.handleKeyDown = _this.handleKeyDown.bind(_assertThisInitialized(_assertThisInitialized(_this)));
-    _this.handleFocus = _this.handleFocus.bind(_assertThisInitialized(_assertThisInitialized(_this)));
-    _this.handleBlur = _this.handleBlur.bind(_assertThisInitialized(_assertThisInitialized(_this)));
+    _this.getStyle = _this.getStyle.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handleResize = _this.handleResize.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.getChildren = _this.getChildren.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handleMouseMove = (0, _utils.throttle)(_this.handleMouseMove.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this))), 250);
+    _this.handleMouseDown = _this.handleMouseDown.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.startControlsTimer = _this.startControlsTimer.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handleFullScreenChange = _this.handleFullScreenChange.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handleKeyDown = _this.handleKeyDown.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handleFocus = _this.handleFocus.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handleBlur = _this.handleBlur.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
     return _this;
   }
 
-  _createClass(Player, [{
+  (0, _createClass2.default)(Player, [{
     key: "componentDidMount",
@@ -111,3 +144,4 @@ value: function componentDidMount() {
       window.addEventListener('resize', this.handleResize);
-      fullscreen.addEventListener(this.handleFullScreenChange);
+
+      _fullscreen.default.addEventListener(this.handleFullScreenChange);
     }
@@ -119,4 +153,5 @@ }, {
       window.removeEventListener('resize', this.handleResize);
-      fullscreen.removeEventListener(this.handleFullScreenChange);
 
+      _fullscreen.default.removeEventListener(this.handleFullScreenChange);
+
       if (this.controlsHideTimer) {
@@ -131,3 +166,3 @@ window.clearTimeout(this.controlsHideTimer);
 
-      return [React.createElement(Video, {
+      return [_react.default.createElement(_Video.default, {
         ref: function ref(c) {
@@ -139,18 +174,18 @@ _this2.video = c;
         order: 0.0
-      }, originalChildren), React.createElement(PosterImage, {
+      }, originalChildren), _react.default.createElement(_PosterImage.default, {
         key: "poster-image",
         order: 1.0
-      }), React.createElement(LoadingSpinner, {
+      }), _react.default.createElement(_LoadingSpinner.default, {
         key: "loading-spinner",
         order: 2.0
-      }), React.createElement(Bezel, {
+      }), _react.default.createElement(_Bezel.default, {
         key: "bezel",
         order: 3.0
-      }), React.createElement(BigPlayButton, {
+      }), _react.default.createElement(_BigPlayButton.default, {
         key: "big-play-button",
         order: 4.0
-      }), React.createElement(ControlBar, {
+      }), _react.default.createElement(_ControlBar.default, {
         key: "control-bar",
         order: 5.0
-      }), React.createElement(Shortcut, {
+      }), _react.default.createElement(_Shortcut.default, {
         key: "shortcut",
@@ -165,9 +200,10 @@ order: 99.0
           originalChildren = props.children,
-          propsWithoutChildren = _objectWithoutProperties(props, ["className", "children"]);
+          propsWithoutChildren = (0, _objectWithoutProperties2.default)(props, ["className", "children"]);
 
-      var children = React.Children.toArray(this.props.children).filter(function (e) {
-        return !isVideoChild(e);
+      var children = _react.default.Children.toArray(this.props.children).filter(function (e) {
+        return !(0, _utils.isVideoChild)(e);
       });
+
       var defaultChildren = this.getDefaultChildren(originalChildren);
-      return mergeAndSortChildren(defaultChildren, children, propsWithoutChildren);
+      return (0, _utils.mergeAndSortChildren)(defaultChildren, children, propsWithoutChildren);
     }
@@ -189,3 +225,3 @@ }, {
 
-      Object.assign(style, _defineProperty({}, name, styleVal));
+      Object.assign(style, (0, _defineProperty2.default)({}, name, styleVal));
     }
@@ -332,3 +368,3 @@ }, {
     value: function handleFullScreenChange() {
-      this.actions.handleFullscreenChange(fullscreen.isFullscreen);
+      this.actions.handleFullscreenChange(_fullscreen.default.isFullscreen);
     }
@@ -355,2 +391,16 @@ }, {
 
+      var controlBarActiveTime = 3000;
+
+      _react.default.Children.forEach(this.props.children, function (element) {
+        if (!_react.default.isValidElement(element) || element.type !== _ControlBar.default) {
+          return;
+        }
+
+        var autoHideTime = element.props.autoHideTime;
+
+        if (typeof autoHideTime === 'number') {
+          controlBarActiveTime = autoHideTime;
+        }
+      });
+
       this.actions.userActivate(true);
@@ -360,3 +410,3 @@ clearTimeout(this.controlsHideTimer);
         _this3.actions.userActivate(false);
-      }, 3000);
+      }, controlBarActiveTime);
     }
@@ -398,4 +448,3 @@ }, {
           userActivity = player.userActivity;
-
-      var props = _objectSpread({}, this.props, {
+      var props = (0, _objectSpread2.default)({}, this.props, {
         player: player,
@@ -407,6 +456,5 @@ actions: this.actions,
       });
-
       var children = this.getChildren(props);
-      return React.createElement("div", {
-        className: classNames({
+      return _react.default.createElement("div", {
+        className: (0, _classnames.default)({
           'video-react-controls-enabled': true,
@@ -477,9 +525,8 @@ 'video-react-has-started': hasStarted,
   }]);
-
   return Player;
-}(Component);
+}(_react.Component);
 
-export { Player as default };
+exports.default = Player;
 Player.contextTypes = {
-  store: PropTypes.object
+  store: _propTypes.default.object
 };
@@ -486,0 +533,0 @@ Player.propTypes = propTypes;

lib/components/popup/Popup.js

@@ -1,12 +0,31 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import PropTypes from 'prop-types';
-import React, { Component } from 'react';
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+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 _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireWildcard(require("react"));
+
 var propTypes = {
-  player: PropTypes.object,
-  children: PropTypes.any
+  player: _propTypes.default.object,
+  children: _propTypes.default.any
 };
@@ -17,3 +36,3 @@
 function (_Component) {
-  _inherits(Popup, _Component);
+  (0, _inherits2.default)(Popup, _Component);
 
@@ -23,10 +42,9 @@ function Popup(props, context) {
 
-    _classCallCheck(this, Popup);
-
-    _this = _possibleConstructorReturn(this, _getPrototypeOf(Popup).call(this, props, context));
-    _this.handleClick = _this.handleClick.bind(_assertThisInitialized(_assertThisInitialized(_this)));
+    (0, _classCallCheck2.default)(this, Popup);
+    _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(Popup).call(this, props, context));
+    _this.handleClick = _this.handleClick.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
     return _this;
   }
 
-  _createClass(Popup, [{
+  (0, _createClass2.default)(Popup, [{
     key: "handleClick",
@@ -40,6 +58,6 @@ value: function handleClick(event) {
       var children = this.props.children;
-      return React.createElement("div", {
+      return _react.default.createElement("div", {
         className: "video-react-menu",
         onClick: this.handleClick
-      }, React.createElement("div", {
+      }, _react.default.createElement("div", {
         className: "video-react-menu-content"
@@ -49,8 +67,7 @@ }, children));
   }]);
-
   return Popup;
-}(Component);
+}(_react.Component);
 
-export { Popup as default };
+exports.default = Popup;
 Popup.propTypes = propTypes;
 Popup.displayName = 'Popup';

lib/components/popup/PopupButton.js

@@ -1,14 +0,30 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectSpread from "@babel/runtime/helpers/objectSpread";
-import PropTypes from 'prop-types';
-import React from 'react';
-import classNames from 'classnames';
-import ClickableComponent from '../ClickableComponent';
-import Popup from './Popup';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = PopupButton;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _ClickableComponent = _interopRequireDefault(require("../ClickableComponent"));
+
+var _Popup = _interopRequireDefault(require("./Popup"));
+
 var propTypes = {
-  inline: PropTypes.bool,
-  onClick: PropTypes.func.isRequired,
-  onFocus: PropTypes.func,
-  onBlur: PropTypes.func,
-  className: PropTypes.string
+  inline: _propTypes.default.bool,
+  onClick: _propTypes.default.func.isRequired,
+  onFocus: _propTypes.default.func,
+  onBlur: _propTypes.default.func,
+  className: _propTypes.default.string
 };
@@ -18,20 +34,20 @@ var defaultProps = {
 };
-export default function PopupButton(props) {
+
+function PopupButton(props) {
   var inline = props.inline,
       className = props.className;
-
-  var ps = _objectSpread({}, props);
-
+  var ps = (0, _objectSpread2.default)({}, props);
   delete ps.children;
   delete ps.inline;
   delete ps.className;
-  return React.createElement(ClickableComponent, _extends({
-    className: classNames(className, {
+  return _react.default.createElement(_ClickableComponent.default, (0, _extends2.default)({
+    className: (0, _classnames.default)(className, {
       'video-react-menu-button-inline': !!inline,
       'video-react-menu-button-popup': !inline
     }, 'video-react-control video-react-button video-react-menu-button')
-  }, ps), React.createElement(Popup, props));
+  }, ps), _react.default.createElement(_Popup.default, props));
 }
+
 PopupButton.propTypes = propTypes;
 PopupButton.defaultProps = defaultProps;
 PopupButton.displayName = 'PopupButton';

lib/components/PosterImage.js

@@ -1,9 +0,21 @@
-import PropTypes from 'prop-types';
-import React from 'react';
-import classNames from 'classnames';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
 var propTypes = {
-  poster: PropTypes.string,
-  player: PropTypes.object,
-  actions: PropTypes.object,
-  className: PropTypes.string
+  poster: _propTypes.default.string,
+  player: _propTypes.default.object,
+  actions: _propTypes.default.object,
+  className: _propTypes.default.string
 };
@@ -21,4 +33,4 @@
 
-  return React.createElement("div", {
-    className: classNames('video-react-poster', className),
+  return _react.default.createElement("div", {
+    className: (0, _classnames.default)('video-react-poster', className),
     style: {
@@ -37,2 +49,3 @@ backgroundImage: "url(\"".concat(poster, "\")")
 PosterImage.displayName = 'PosterImage';
-export default PosterImage;
+var _default = PosterImage;
+exports.default = _default;

lib/components/Shortcut.js

@@ -1,19 +0,39 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import { Component } from 'react';
-import PropTypes from 'prop-types';
-import { hasClass } from '../utils/dom';
+"use strict";
+
+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 _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _react = require("react");
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _dom = require("../utils/dom");
+
 var propTypes = {
-  clickable: PropTypes.bool,
-  dblclickable: PropTypes.bool,
-  manager: PropTypes.object,
-  actions: PropTypes.object,
-  player: PropTypes.object,
-  shortcuts: PropTypes.array
+  clickable: _propTypes.default.bool,
+  dblclickable: _propTypes.default.bool,
+  manager: _propTypes.default.object,
+  actions: _propTypes.default.object,
+  player: _propTypes.default.object,
+  shortcuts: _propTypes.default.array
 };
@@ -28,3 +48,3 @@ var defaultProps = {
 function (_Component) {
-  _inherits(Shortcut, _Component);
+  (0, _inherits2.default)(Shortcut, _Component);
 
@@ -34,5 +54,4 @@ function Shortcut(props, context) {
 
-    _classCallCheck(this, Shortcut);
-
-    _this = _possibleConstructorReturn(this, _getPrototypeOf(Shortcut).call(this, props, context));
+    (0, _classCallCheck2.default)(this, Shortcut);
+    _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(Shortcut).call(this, props, context));
     _this.defaultShortcuts = [{
@@ -209,11 +228,11 @@ keyCode: 32,
     }];
-    _this.shortcuts = _toConsumableArray(_this.defaultShortcuts);
-    _this.mergeShortcuts = _this.mergeShortcuts.bind(_assertThisInitialized(_assertThisInitialized(_this)));
-    _this.handleKeyPress = _this.handleKeyPress.bind(_assertThisInitialized(_assertThisInitialized(_this)));
-    _this.handleClick = _this.handleClick.bind(_assertThisInitialized(_assertThisInitialized(_this)));
-    _this.handleDoubleClick = _this.handleDoubleClick.bind(_assertThisInitialized(_assertThisInitialized(_this)));
+    _this.shortcuts = (0, _toConsumableArray2.default)(_this.defaultShortcuts);
+    _this.mergeShortcuts = _this.mergeShortcuts.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handleKeyPress = _this.handleKeyPress.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handleClick = _this.handleClick.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handleDoubleClick = _this.handleDoubleClick.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
     return _this;
   }
 
-  _createClass(Shortcut, [{
+  (0, _createClass2.default)(Shortcut, [{
     key: "componentDidMount",
@@ -257,3 +276,3 @@ value: function componentDidMount() {
       var defaultShortcuts = this.defaultShortcuts.reduce(function (shortcuts, shortcut) {
-        return Object.assign(shortcuts, _defineProperty({}, getShortcutKey(shortcut), shortcut));
+        return Object.assign(shortcuts, (0, _defineProperty2.default)({}, getShortcutKey(shortcut), shortcut));
       }, {});
@@ -265,3 +284,3 @@ var mergedShortcuts = (this.props.shortcuts || []).reduce(function (shortcuts, shortcut) {
         if (keyCode && typeof handle === 'function') {
-          return Object.assign(shortcuts, _defineProperty({}, getShortcutKey(shortcut), shortcut));
+          return Object.assign(shortcuts, (0, _defineProperty2.default)({}, getShortcutKey(shortcut), shortcut));
         }
@@ -320,4 +339,4 @@
 
-      if (document.activeElement && (hasClass(document.activeElement, 'video-react-control') || hasClass(document.activeElement, 'video-react-menu-button-active') || // || hasClass(document.activeElement, 'video-react-slider')
-      hasClass(document.activeElement, 'video-react-big-play-button'))) {
+      if (document.activeElement && ((0, _dom.hasClass)(document.activeElement, 'video-react-control') || (0, _dom.hasClass)(document.activeElement, 'video-react-menu-button-active') || // || hasClass(document.activeElement, 'video-react-slider')
+      (0, _dom.hasClass)(document.activeElement, 'video-react-big-play-button'))) {
         return;
@@ -393,9 +412,8 @@ }
   }]);
-
   return Shortcut;
-}(Component);
+}(_react.Component);
 
-export { Shortcut as default };
+exports.default = Shortcut;
 Shortcut.propTypes = propTypes;
 Shortcut.defaultProps = defaultProps;
 Shortcut.displayName = 'Shortcut';

lib/components/Slider.js

@@ -1,30 +0,52 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import PropTypes from 'prop-types';
-import React, { Component } from 'react';
-import { findDOMNode } from 'react-dom';
-import classNames from 'classnames';
-import * as Dom from '../utils/dom';
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+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 _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _reactDom = require("react-dom");
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var Dom = _interopRequireWildcard(require("../utils/dom"));
+
 var propTypes = {
-  className: PropTypes.string,
-  onMouseDown: PropTypes.func,
-  onMouseMove: PropTypes.func,
-  stepForward: PropTypes.func,
-  stepBack: PropTypes.func,
-  sliderActive: PropTypes.func,
-  sliderInactive: PropTypes.func,
-  onMouseUp: PropTypes.func,
-  onFocus: PropTypes.func,
-  onBlur: PropTypes.func,
-  onClick: PropTypes.func,
-  getPercent: PropTypes.func,
-  vertical: PropTypes.bool,
-  children: PropTypes.node,
-  label: PropTypes.string,
-  valuenow: PropTypes.string,
-  valuetext: PropTypes.string
+  className: _propTypes.default.string,
+  onMouseDown: _propTypes.default.func,
+  onMouseMove: _propTypes.default.func,
+  stepForward: _propTypes.default.func,
+  stepBack: _propTypes.default.func,
+  sliderActive: _propTypes.default.func,
+  sliderInactive: _propTypes.default.func,
+  onMouseUp: _propTypes.default.func,
+  onFocus: _propTypes.default.func,
+  onBlur: _propTypes.default.func,
+  onClick: _propTypes.default.func,
+  getPercent: _propTypes.default.func,
+  vertical: _propTypes.default.bool,
+  children: _propTypes.default.node,
+  label: _propTypes.default.string,
+  valuenow: _propTypes.default.string,
+  valuetext: _propTypes.default.string
 };
@@ -35,3 +57,3 @@
 function (_Component) {
-  _inherits(Slider, _Component);
+  (0, _inherits2.default)(Slider, _Component);
 
@@ -41,17 +63,16 @@ function Slider(props, context) {
 
-    _classCallCheck(this, Slider);
-
-    _this = _possibleConstructorReturn(this, _getPrototypeOf(Slider).call(this, props, context));
-    _this.handleMouseDown = _this.handleMouseDown.bind(_assertThisInitialized(_assertThisInitialized(_this)));
-    _this.handleMouseMove = _this.handleMouseMove.bind(_assertThisInitialized(_assertThisInitialized(_this)));
-    _this.handleMouseUp = _this.handleMouseUp.bind(_assertThisInitialized(_assertThisInitialized(_this)));
-    _this.handleFocus = _this.handleFocus.bind(_assertThisInitialized(_assertThisInitialized(_this)));
-    _this.handleBlur = _this.handleBlur.bind(_assertThisInitialized(_assertThisInitialized(_this)));
-    _this.handleClick = _this.handleClick.bind(_assertThisInitialized(_assertThisInitialized(_this)));
-    _this.handleKeyPress = _this.handleKeyPress.bind(_assertThisInitialized(_assertThisInitialized(_this)));
-    _this.stepForward = _this.stepForward.bind(_assertThisInitialized(_assertThisInitialized(_this)));
-    _this.stepBack = _this.stepBack.bind(_assertThisInitialized(_assertThisInitialized(_this)));
-    _this.calculateDistance = _this.calculateDistance.bind(_assertThisInitialized(_assertThisInitialized(_this)));
-    _this.getProgress = _this.getProgress.bind(_assertThisInitialized(_assertThisInitialized(_this)));
-    _this.renderChildren = _this.renderChildren.bind(_assertThisInitialized(_assertThisInitialized(_this)));
+    (0, _classCallCheck2.default)(this, Slider);
+    _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(Slider).call(this, props, context));
+    _this.handleMouseDown = _this.handleMouseDown.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handleMouseMove = _this.handleMouseMove.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handleMouseUp = _this.handleMouseUp.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handleFocus = _this.handleFocus.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handleBlur = _this.handleBlur.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handleClick = _this.handleClick.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handleKeyPress = _this.handleKeyPress.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.stepForward = _this.stepForward.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.stepBack = _this.stepBack.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.calculateDistance = _this.calculateDistance.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.getProgress = _this.getProgress.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.renderChildren = _this.renderChildren.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
     _this.state = {
@@ -63,3 +84,3 @@ active: false
 
-  _createClass(Slider, [{
+  (0, _createClass2.default)(Slider, [{
     key: "getProgress",
@@ -193,3 +214,3 @@ value: function getProgress() {
     value: function calculateDistance(event) {
-      var node = findDOMNode(this);
+      var node = (0, _reactDom.findDOMNode)(this);
       var position = Dom.getPointerPosition(node, event);
@@ -208,4 +229,4 @@
       var percentage = "".concat((progress * 100).toFixed(2), "%");
-      return React.Children.map(this.props.children, function (child) {
-        return React.cloneElement(child, {
+      return _react.default.Children.map(this.props.children, function (child) {
+        return _react.default.cloneElement(child, {
           progress: progress,
@@ -224,4 +245,4 @@ percentage: percentage
           valuetext = _this$props.valuetext;
-      return React.createElement("div", {
-        className: classNames(this.props.className, {
+      return _react.default.createElement("div", {
+        className: (0, _classnames.default)(this.props.className, {
           'video-react-slider-vertical': vertical,
@@ -246,8 +267,7 @@ 'video-react-slider-horizontal': !vertical,
   }]);
-
   return Slider;
-}(Component);
+}(_react.Component);
 
-export { Slider as default };
+exports.default = Slider;
 Slider.propTypes = propTypes;
 Slider.displayName = 'Slider';

lib/components/Source.js

@@ -1,13 +0,25 @@
-import PropTypes from 'prop-types';
-import React from 'react';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = Source;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireDefault(require("react"));
+
 var propTypes = {
-  src: PropTypes.string.isRequired,
-  media: PropTypes.string,
-  type: PropTypes.string
+  src: _propTypes.default.string.isRequired,
+  media: _propTypes.default.string,
+  type: _propTypes.default.string
 };
-export default function Source(props) {
+
+function Source(props) {
   var src = props.src,
       media = props.media,
       type = props.type;
-  return React.createElement("source", {
+  return _react.default.createElement("source", {
     src: src,
@@ -18,3 +30,4 @@ media: media,
 }
+
 Source.propTypes = propTypes;
 Source.displayName = 'Source';

lib/components/time-controls/CurrentTimeDisplay.js

@@ -1,8 +0,21 @@
-import PropTypes from 'prop-types';
-import React from 'react';
-import classNames from 'classnames';
-import { formatTime } from '../../utils';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _utils = require("../../utils");
+
 var propTypes = {
-  player: PropTypes.object,
-  className: PropTypes.string
+  player: _propTypes.default.object,
+  className: _propTypes.default.string
 };
@@ -15,9 +28,9 @@
       className = _ref.className;
-  var formattedTime = formatTime(currentTime, duration);
-  return React.createElement("div", {
-    className: classNames('video-react-current-time video-react-time-control video-react-control', className)
-  }, React.createElement("div", {
+  var formattedTime = (0, _utils.formatTime)(currentTime, duration);
+  return _react.default.createElement("div", {
+    className: (0, _classnames.default)('video-react-current-time video-react-time-control video-react-control', className)
+  }, _react.default.createElement("div", {
     className: "video-react-current-time-display",
     "aria-live": "off"
-  }, React.createElement("span", {
+  }, _react.default.createElement("span", {
     className: "video-react-control-text"
@@ -29,2 +42,3 @@ }, "Current Time "), formattedTime));
 CurrentTimeDisplay.displayName = 'CurrentTimeDisplay';
-export default CurrentTimeDisplay;
+var _default = CurrentTimeDisplay;
+exports.default = _default;

lib/components/time-controls/DurationDisplay.js

@@ -1,8 +0,21 @@
-import PropTypes from 'prop-types';
-import React from 'react';
-import classNames from 'classnames';
-import { formatTime } from '../../utils';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _utils = require("../../utils");
+
 var propTypes = {
-  player: PropTypes.object,
-  className: PropTypes.string
+  player: _propTypes.default.object,
+  className: _propTypes.default.string
 };
@@ -13,9 +26,9 @@
       className = _ref.className;
-  var formattedTime = formatTime(duration);
-  return React.createElement("div", {
-    className: classNames(className, 'video-react-duration video-react-time-control video-react-control')
-  }, React.createElement("div", {
+  var formattedTime = (0, _utils.formatTime)(duration);
+  return _react.default.createElement("div", {
+    className: (0, _classnames.default)(className, 'video-react-duration video-react-time-control video-react-control')
+  }, _react.default.createElement("div", {
     className: "video-react-duration-display",
     "aria-live": "off"
-  }, React.createElement("span", {
+  }, _react.default.createElement("span", {
     className: "video-react-control-text"
@@ -27,2 +40,3 @@ }, "Duration Time "), formattedTime));
 DurationDisplay.displayName = 'DurationDisplay';
-export default DurationDisplay;
+var _default = DurationDisplay;
+exports.default = _default;

lib/components/time-controls/RemainingTimeDisplay.js

@@ -1,8 +0,21 @@
-import PropTypes from 'prop-types';
-import React from 'react';
-import classNames from 'classnames';
-import { formatTime } from '../../utils';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _utils = require("../../utils");
+
 var propTypes = {
-  player: PropTypes.object,
-  className: PropTypes.string
+  player: _propTypes.default.object,
+  className: _propTypes.default.string
 };
@@ -16,9 +29,9 @@
   var remainingTime = duration - currentTime;
-  var formattedTime = formatTime(remainingTime);
-  return React.createElement("div", {
-    className: classNames('video-react-remaining-time video-react-time-control video-react-control', className)
-  }, React.createElement("div", {
+  var formattedTime = (0, _utils.formatTime)(remainingTime);
+  return _react.default.createElement("div", {
+    className: (0, _classnames.default)('video-react-remaining-time video-react-time-control video-react-control', className)
+  }, _react.default.createElement("div", {
     className: "video-react-remaining-time-display",
     "aria-live": "off"
-  }, React.createElement("span", {
+  }, _react.default.createElement("span", {
     className: "video-react-control-text"
@@ -30,2 +43,3 @@ }, "Remaining Time "), "-".concat(formattedTime)));
 RemainingTimeDisplay.displayName = 'RemainingTimeDisplay';
-export default RemainingTimeDisplay;
+var _default = RemainingTimeDisplay;
+exports.default = _default;

lib/components/time-controls/TimeDivider.js

@@ -1,18 +0,32 @@
-import PropTypes from 'prop-types';
-import React from 'react';
-import classNames from 'classnames';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = TimeDivider;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
 var propTypes = {
-  separator: PropTypes.string,
-  className: PropTypes.string
+  separator: _propTypes.default.string,
+  className: _propTypes.default.string
 };
-export default function TimeDivider(_ref) {
+
+function TimeDivider(_ref) {
   var separator = _ref.separator,
       className = _ref.className;
   var separatorText = separator || '/';
-  return React.createElement("div", {
-    className: classNames('video-react-time-control video-react-time-divider', className),
+  return _react.default.createElement("div", {
+    className: (0, _classnames.default)('video-react-time-control video-react-time-divider', className),
     dir: "ltr"
-  }, React.createElement("div", null, React.createElement("span", null, separatorText)));
+  }, _react.default.createElement("div", null, _react.default.createElement("span", null, separatorText)));
 }
+
 TimeDivider.propTypes = propTypes;
 TimeDivider.displayName = 'TimeDivider';

lib/components/Video.js

@@ -1,49 +0,71 @@
-import _objectSpread from "@babel/runtime/helpers/objectSpread";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import PropTypes from 'prop-types';
-import React, { Component } from 'react';
-import classNames from 'classnames';
-import { isVideoChild, mediaProperties, throttle } from '../utils';
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _utils = require("../utils");
+
 var propTypes = {
-  actions: PropTypes.object,
-  player: PropTypes.object,
-  children: PropTypes.any,
-  startTime: PropTypes.number,
-  loop: PropTypes.bool,
-  muted: PropTypes.bool,
-  autoPlay: PropTypes.bool,
-  playsInline: PropTypes.bool,
-  src: PropTypes.string,
-  poster: PropTypes.string,
-  className: PropTypes.string,
-  preload: PropTypes.oneOf(['auto', 'metadata', 'none']),
-  crossOrigin: PropTypes.string,
-  onLoadStart: PropTypes.func,
-  onWaiting: PropTypes.func,
-  onCanPlay: PropTypes.func,
-  onCanPlayThrough: PropTypes.func,
-  onPlaying: PropTypes.func,
-  onEnded: PropTypes.func,
-  onSeeking: PropTypes.func,
-  onSeeked: PropTypes.func,
-  onPlay: PropTypes.func,
-  onPause: PropTypes.func,
-  onProgress: PropTypes.func,
-  onDurationChange: PropTypes.func,
-  onError: PropTypes.func,
-  onSuspend: PropTypes.func,
-  onAbort: PropTypes.func,
-  onEmptied: PropTypes.func,
-  onStalled: PropTypes.func,
-  onLoadedMetadata: PropTypes.func,
-  onLoadedData: PropTypes.func,
-  onTimeUpdate: PropTypes.func,
-  onRateChange: PropTypes.func,
-  onVolumeChange: PropTypes.func,
-  onResize: PropTypes.func
+  actions: _propTypes.default.object,
+  player: _propTypes.default.object,
+  children: _propTypes.default.any,
+  startTime: _propTypes.default.number,
+  loop: _propTypes.default.bool,
+  muted: _propTypes.default.bool,
+  autoPlay: _propTypes.default.bool,
+  playsInline: _propTypes.default.bool,
+  src: _propTypes.default.string,
+  poster: _propTypes.default.string,
+  className: _propTypes.default.string,
+  preload: _propTypes.default.oneOf(['auto', 'metadata', 'none']),
+  crossOrigin: _propTypes.default.string,
+  onLoadStart: _propTypes.default.func,
+  onWaiting: _propTypes.default.func,
+  onCanPlay: _propTypes.default.func,
+  onCanPlayThrough: _propTypes.default.func,
+  onPlaying: _propTypes.default.func,
+  onEnded: _propTypes.default.func,
+  onSeeking: _propTypes.default.func,
+  onSeeked: _propTypes.default.func,
+  onPlay: _propTypes.default.func,
+  onPause: _propTypes.default.func,
+  onProgress: _propTypes.default.func,
+  onDurationChange: _propTypes.default.func,
+  onError: _propTypes.default.func,
+  onSuspend: _propTypes.default.func,
+  onAbort: _propTypes.default.func,
+  onEmptied: _propTypes.default.func,
+  onStalled: _propTypes.default.func,
+  onLoadedMetadata: _propTypes.default.func,
+  onLoadedData: _propTypes.default.func,
+  onTimeUpdate: _propTypes.default.func,
+  onRateChange: _propTypes.default.func,
+  onVolumeChange: _propTypes.default.func,
+  onResize: _propTypes.default.func
 };
@@ -54,3 +76,3 @@
 function (_Component) {
-  _inherits(Video, _Component);
+  (0, _inherits2.default)(Video, _Component);
 
@@ -60,43 +82,42 @@ function Video(props) {
 
-    _classCallCheck(this, Video);
-
-    _this = _possibleConstructorReturn(this, _getPrototypeOf(Video).call(this, props));
+    (0, _classCallCheck2.default)(this, Video);
+    _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(Video).call(this, props));
     _this.video = null; // the html5 video
 
-    _this.play = _this.play.bind(_assertThisInitialized(_assertThisInitialized(_this)));
-    _this.pause = _this.pause.bind(_assertThisInitialized(_assertThisInitialized(_this)));
-    _this.seek = _this.seek.bind(_assertThisInitialized(_assertThisInitialized(_this)));
-    _this.forward = _this.forward.bind(_assertThisInitialized(_assertThisInitialized(_this)));
-    _this.replay = _this.replay.bind(_assertThisInitialized(_assertThisInitialized(_this)));
-    _this.toggleFullscreen = _this.toggleFullscreen.bind(_assertThisInitialized(_assertThisInitialized(_this)));
-    _this.getProperties = _this.getProperties.bind(_assertThisInitialized(_assertThisInitialized(_this)));
-    _this.renderChildren = _this.renderChildren.bind(_assertThisInitialized(_assertThisInitialized(_this)));
-    _this.handleLoadStart = _this.handleLoadStart.bind(_assertThisInitialized(_assertThisInitialized(_this)));
-    _this.handleCanPlay = _this.handleCanPlay.bind(_assertThisInitialized(_assertThisInitialized(_this)));
-    _this.handleCanPlayThrough = _this.handleCanPlayThrough.bind(_assertThisInitialized(_assertThisInitialized(_this)));
-    _this.handlePlay = _this.handlePlay.bind(_assertThisInitialized(_assertThisInitialized(_this)));
-    _this.handlePlaying = _this.handlePlaying.bind(_assertThisInitialized(_assertThisInitialized(_this)));
-    _this.handlePause = _this.handlePause.bind(_assertThisInitialized(_assertThisInitialized(_this)));
-    _this.handleEnded = _this.handleEnded.bind(_assertThisInitialized(_assertThisInitialized(_this)));
-    _this.handleWaiting = _this.handleWaiting.bind(_assertThisInitialized(_assertThisInitialized(_this)));
-    _this.handleSeeking = _this.handleSeeking.bind(_assertThisInitialized(_assertThisInitialized(_this)));
-    _this.handleSeeked = _this.handleSeeked.bind(_assertThisInitialized(_assertThisInitialized(_this)));
-    _this.handleFullscreenChange = _this.handleFullscreenChange.bind(_assertThisInitialized(_assertThisInitialized(_this)));
-    _this.handleError = _this.handleError.bind(_assertThisInitialized(_assertThisInitialized(_this)));
-    _this.handleSuspend = _this.handleSuspend.bind(_assertThisInitialized(_assertThisInitialized(_this)));
-    _this.handleAbort = _this.handleAbort.bind(_assertThisInitialized(_assertThisInitialized(_this)));
-    _this.handleEmptied = _this.handleEmptied.bind(_assertThisInitialized(_assertThisInitialized(_this)));
-    _this.handleStalled = _this.handleStalled.bind(_assertThisInitialized(_assertThisInitialized(_this)));
-    _this.handleLoadedMetaData = _this.handleLoadedMetaData.bind(_assertThisInitialized(_assertThisInitialized(_this)));
-    _this.handleLoadedData = _this.handleLoadedData.bind(_assertThisInitialized(_assertThisInitialized(_this)));
-    _this.handleTimeUpdate = _this.handleTimeUpdate.bind(_assertThisInitialized(_assertThisInitialized(_this)));
-    _this.handleRateChange = _this.handleRateChange.bind(_assertThisInitialized(_assertThisInitialized(_this)));
-    _this.handleVolumeChange = _this.handleVolumeChange.bind(_assertThisInitialized(_assertThisInitialized(_this)));
-    _this.handleDurationChange = _this.handleDurationChange.bind(_assertThisInitialized(_assertThisInitialized(_this)));
-    _this.handleProgress = throttle(_this.handleProgress.bind(_assertThisInitialized(_assertThisInitialized(_this))), 250);
-    _this.handleKeypress = _this.handleKeypress.bind(_assertThisInitialized(_assertThisInitialized(_this)));
+    _this.play = _this.play.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.pause = _this.pause.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.seek = _this.seek.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.forward = _this.forward.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.replay = _this.replay.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.toggleFullscreen = _this.toggleFullscreen.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.getProperties = _this.getProperties.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.renderChildren = _this.renderChildren.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handleLoadStart = _this.handleLoadStart.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handleCanPlay = _this.handleCanPlay.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handleCanPlayThrough = _this.handleCanPlayThrough.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handlePlay = _this.handlePlay.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handlePlaying = _this.handlePlaying.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handlePause = _this.handlePause.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handleEnded = _this.handleEnded.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handleWaiting = _this.handleWaiting.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handleSeeking = _this.handleSeeking.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handleSeeked = _this.handleSeeked.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handleFullscreenChange = _this.handleFullscreenChange.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handleError = _this.handleError.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handleSuspend = _this.handleSuspend.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handleAbort = _this.handleAbort.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handleEmptied = _this.handleEmptied.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handleStalled = _this.handleStalled.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handleLoadedMetaData = _this.handleLoadedMetaData.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handleLoadedData = _this.handleLoadedData.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handleTimeUpdate = _this.handleTimeUpdate.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handleRateChange = _this.handleRateChange.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handleVolumeChange = _this.handleVolumeChange.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handleDurationChange = _this.handleDurationChange.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handleProgress = (0, _utils.throttle)(_this.handleProgress.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this))), 250);
+    _this.handleKeypress = _this.handleKeypress.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
     return _this;
   }
 
-  _createClass(Video, [{
+  (0, _createClass2.default)(Video, [{
     key: "componentDidMount",
@@ -116,3 +137,3 @@ value: function componentDidMount() {
 
-      return mediaProperties.reduce(function (properties, key) {
+      return _utils.mediaProperties.reduce(function (properties, key) {
         properties[key] = _this2.video[key];
@@ -552,7 +573,6 @@ return properties;
 
-      var props = _objectSpread({}, this.props, {
+      var props = (0, _objectSpread2.default)({}, this.props, {
         video: this.video
       }); // to make sure the children can get video property
 
-
       if (!this.video) {
@@ -563,3 +583,3 @@ return null;
 
-      return React.Children.toArray(this.props.children).filter(isVideoChild).map(function (c) {
+      return _react.default.Children.toArray(this.props.children).filter(_utils.isVideoChild).map(function (c) {
         var cprops;
@@ -570,3 +590,3 @@
           if (c.type === 'source') {
-            cprops = _objectSpread({}, c.props);
+            cprops = (0, _objectSpread2.default)({}, c.props);
             var preOnError = cprops.onError;
@@ -586,3 +606,3 @@
 
-        return React.cloneElement(c, cprops);
+        return _react.default.cloneElement(c, cprops);
       });
@@ -605,4 +625,4 @@ }
           videoId = _this$props25.videoId;
-      return React.createElement("video", {
-        className: classNames('video-react-video', this.props.className),
+      return _react.default.createElement("video", {
+        className: (0, _classnames.default)('video-react-video', this.props.className),
         id: videoId,
@@ -691,8 +711,7 @@ crossOrigin: crossOrigin,
   }]);
-
   return Video;
-}(Component);
+}(_react.Component);
 
-export { Video as default };
+exports.default = Video;
 Video.propTypes = propTypes;
 Video.displayName = 'Video';

lib/components/volume-control/VolumeBar.js

@@ -1,19 +0,42 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import PropTypes from 'prop-types';
-import React, { Component } from 'react';
-import classNames from 'classnames';
-import Slider from '../Slider';
-import VolumeLevel from './VolumeLevel';
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+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 _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _Slider = _interopRequireDefault(require("../Slider"));
+
+var _VolumeLevel = _interopRequireDefault(require("./VolumeLevel"));
+
 var propTypes = {
-  actions: PropTypes.object,
-  player: PropTypes.object,
-  className: PropTypes.string,
-  onFocus: PropTypes.func,
-  onBlur: PropTypes.func
+  actions: _propTypes.default.object,
+  player: _propTypes.default.object,
+  className: _propTypes.default.string,
+  onFocus: _propTypes.default.func,
+  onBlur: _propTypes.default.func
 };
@@ -24,3 +47,3 @@
 function (_Component) {
-  _inherits(VolumeBar, _Component);
+  (0, _inherits2.default)(VolumeBar, _Component);
 
@@ -30,21 +53,20 @@ function VolumeBar(props, context) {
 
-    _classCallCheck(this, VolumeBar);
-
-    _this = _possibleConstructorReturn(this, _getPrototypeOf(VolumeBar).call(this, props, context));
+    (0, _classCallCheck2.default)(this, VolumeBar);
+    _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(VolumeBar).call(this, props, context));
     _this.state = {
       percentage: '0%'
     };
-    _this.handleMouseMove = _this.handleMouseMove.bind(_assertThisInitialized(_assertThisInitialized(_this)));
-    _this.handlePercentageChange = _this.handlePercentageChange.bind(_assertThisInitialized(_assertThisInitialized(_this)));
-    _this.checkMuted = _this.checkMuted.bind(_assertThisInitialized(_assertThisInitialized(_this)));
-    _this.getPercent = _this.getPercent.bind(_assertThisInitialized(_assertThisInitialized(_this)));
-    _this.stepForward = _this.stepForward.bind(_assertThisInitialized(_assertThisInitialized(_this)));
-    _this.stepBack = _this.stepBack.bind(_assertThisInitialized(_assertThisInitialized(_this)));
-    _this.handleFocus = _this.handleFocus.bind(_assertThisInitialized(_assertThisInitialized(_this)));
-    _this.handleBlur = _this.handleBlur.bind(_assertThisInitialized(_assertThisInitialized(_this)));
-    _this.handleClick = _this.handleClick.bind(_assertThisInitialized(_assertThisInitialized(_this)));
+    _this.handleMouseMove = _this.handleMouseMove.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handlePercentageChange = _this.handlePercentageChange.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.checkMuted = _this.checkMuted.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.getPercent = _this.getPercent.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.stepForward = _this.stepForward.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.stepBack = _this.stepBack.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handleFocus = _this.handleFocus.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handleBlur = _this.handleBlur.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handleClick = _this.handleClick.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
     return _this;
   }
 
-  _createClass(VolumeBar, [{
+  (0, _createClass2.default)(VolumeBar, [{
     key: "componentDidMount",
@@ -137,3 +159,3 @@ value: function componentDidMount() {}
       var volume = (player.volume * 100).toFixed(2);
-      return React.createElement(Slider, _extends({
+      return _react.default.createElement(_Slider.default, (0, _extends2.default)({
         ref: function ref(c) {
@@ -156,12 +178,12 @@ _this2.slider = c;
       }, this.props, {
-        className: classNames(className, 'video-react-volume-bar video-react-slider-bar')
-      }), React.createElement(VolumeLevel, this.props));
+        className: (0, _classnames.default)(className, 'video-react-volume-bar video-react-slider-bar')
+      }), _react.default.createElement(_VolumeLevel.default, this.props));
     }
   }]);
-
   return VolumeBar;
-}(Component);
+}(_react.Component);
 
 VolumeBar.propTypes = propTypes;
 VolumeBar.displayName = 'VolumeBar';
-export default VolumeBar;
+var _default = VolumeBar;
+exports.default = _default;

lib/components/volume-control/VolumeControl.js

@@ -1,18 +0,33 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import React from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import VolumeBar from './VolumeBar';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = VolumeControl;
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _VolumeBar = _interopRequireDefault(require("./VolumeBar"));
+
 var propTypes = {
-  className: PropTypes.string
+  className: _propTypes.default.string
 };
-export default function VolumeControl(_ref) {
+
+function VolumeControl(_ref) {
   var className = _ref.className,
-      rest = _objectWithoutProperties(_ref, ["className"]);
+      rest = (0, _objectWithoutProperties2.default)(_ref, ["className"]);
+  return _react.default.createElement("div", {
+    className: (0, _classnames.default)(className, 'video-react-volume-control video-react-control')
+  }, _react.default.createElement(_VolumeBar.default, rest));
+}
 
-  return React.createElement("div", {
-    className: classNames(className, 'video-react-volume-control video-react-control')
-  }, React.createElement(VolumeBar, rest));
-}
 VolumeControl.propTypes = propTypes;
 VolumeControl.displayName = 'VolumeControl';

lib/components/volume-control/VolumeLevel.js

@@ -1,8 +0,20 @@
-import PropTypes from 'prop-types';
-import React from 'react';
-import classNames from 'classnames';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
 var propTypes = {
-  percentage: PropTypes.string,
-  vertical: PropTypes.bool,
-  className: PropTypes.string
+  percentage: _propTypes.default.string,
+  vertical: _propTypes.default.bool,
+  className: _propTypes.default.string
 };
@@ -26,6 +38,6 @@ var defaultProps = {
 
-  return React.createElement("div", {
-    className: classNames(className, 'video-react-volume-level'),
+  return _react.default.createElement("div", {
+    className: (0, _classnames.default)(className, 'video-react-volume-level'),
     style: style
-  }, React.createElement("span", {
+  }, _react.default.createElement("span", {
     className: "video-react-control-text"
@@ -38,2 +50,3 @@ }));
 VolumeLevel.displayName = 'VolumeLevel';
-export default VolumeLevel;
+var _default = VolumeLevel;
+exports.default = _default;

lib/index.js

@@ -1,29 +0,232 @@
-import Player from './components/Player';
-import Video from './components/Video';
-import BigPlayButton from './components/BigPlayButton';
-import LoadingSpinner from './components/LoadingSpinner';
-import PosterImage from './components/PosterImage';
-import Slider from './components/Slider';
-import Bezel from './components/Bezel';
-import Shortcut from './components/Shortcut';
-import ControlBar from './components/control-bar/ControlBar';
-import PlayToggle from './components/control-bar/PlayToggle';
-import ForwardControl from './components/control-bar/ForwardControl';
-import ReplayControl from './components/control-bar/ReplayControl';
-import FullscreenToggle from './components/control-bar/FullscreenToggle';
-import ProgressControl from './components/control-bar/ProgressControl';
-import SeekBar from './components/control-bar/SeekBar';
-import PlayProgressBar from './components/control-bar/PlayProgressBar';
-import LoadProgressBar from './components/control-bar/LoadProgressBar';
-import MouseTimeDisplay from './components/control-bar/MouseTimeDisplay';
-import VolumeMenuButton from './components/control-bar/VolumeMenuButton';
-import PlaybackRateMenuButton from './components/control-bar/PlaybackRateMenuButton';
-import PlaybackRate from './components/control-bar/PlaybackRate';
-import RemainingTimeDisplay from './components/time-controls/RemainingTimeDisplay';
-import CurrentTimeDisplay from './components/time-controls/CurrentTimeDisplay';
-import DurationDisplay from './components/time-controls/DurationDisplay';
-import TimeDivider from './components/time-controls/TimeDivider';
-import * as playerActions from './actions/player';
-import * as videoActions from './actions/video';
-import { playerReducer, operationReducer } from './reducers';
-export { Player, Video, BigPlayButton, LoadingSpinner, PosterImage, Bezel, Shortcut, ControlBar, PlayToggle, ForwardControl, ReplayControl, FullscreenToggle, ProgressControl, SeekBar, Slider, PlayProgressBar, LoadProgressBar, MouseTimeDisplay, RemainingTimeDisplay, CurrentTimeDisplay, DurationDisplay, TimeDivider, VolumeMenuButton, PlaybackRateMenuButton, PlaybackRate, playerActions, videoActions, playerReducer, operationReducer };
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Player", {
+  enumerable: true,
+  get: function get() {
+    return _Player.default;
+  }
+});
+Object.defineProperty(exports, "Video", {
+  enumerable: true,
+  get: function get() {
+    return _Video.default;
+  }
+});
+Object.defineProperty(exports, "BigPlayButton", {
+  enumerable: true,
+  get: function get() {
+    return _BigPlayButton.default;
+  }
+});
+Object.defineProperty(exports, "LoadingSpinner", {
+  enumerable: true,
+  get: function get() {
+    return _LoadingSpinner.default;
+  }
+});
+Object.defineProperty(exports, "PosterImage", {
+  enumerable: true,
+  get: function get() {
+    return _PosterImage.default;
+  }
+});
+Object.defineProperty(exports, "Slider", {
+  enumerable: true,
+  get: function get() {
+    return _Slider.default;
+  }
+});
+Object.defineProperty(exports, "Bezel", {
+  enumerable: true,
+  get: function get() {
+    return _Bezel.default;
+  }
+});
+Object.defineProperty(exports, "Shortcut", {
+  enumerable: true,
+  get: function get() {
+    return _Shortcut.default;
+  }
+});
+Object.defineProperty(exports, "ControlBar", {
+  enumerable: true,
+  get: function get() {
+    return _ControlBar.default;
+  }
+});
+Object.defineProperty(exports, "PlayToggle", {
+  enumerable: true,
+  get: function get() {
+    return _PlayToggle.default;
+  }
+});
+Object.defineProperty(exports, "ForwardControl", {
+  enumerable: true,
+  get: function get() {
+    return _ForwardControl.default;
+  }
+});
+Object.defineProperty(exports, "ReplayControl", {
+  enumerable: true,
+  get: function get() {
+    return _ReplayControl.default;
+  }
+});
+Object.defineProperty(exports, "FullscreenToggle", {
+  enumerable: true,
+  get: function get() {
+    return _FullscreenToggle.default;
+  }
+});
+Object.defineProperty(exports, "ProgressControl", {
+  enumerable: true,
+  get: function get() {
+    return _ProgressControl.default;
+  }
+});
+Object.defineProperty(exports, "SeekBar", {
+  enumerable: true,
+  get: function get() {
+    return _SeekBar.default;
+  }
+});
+Object.defineProperty(exports, "PlayProgressBar", {
+  enumerable: true,
+  get: function get() {
+    return _PlayProgressBar.default;
+  }
+});
+Object.defineProperty(exports, "LoadProgressBar", {
+  enumerable: true,
+  get: function get() {
+    return _LoadProgressBar.default;
+  }
+});
+Object.defineProperty(exports, "MouseTimeDisplay", {
+  enumerable: true,
+  get: function get() {
+    return _MouseTimeDisplay.default;
+  }
+});
+Object.defineProperty(exports, "VolumeMenuButton", {
+  enumerable: true,
+  get: function get() {
+    return _VolumeMenuButton.default;
+  }
+});
+Object.defineProperty(exports, "PlaybackRateMenuButton", {
+  enumerable: true,
+  get: function get() {
+    return _PlaybackRateMenuButton.default;
+  }
+});
+Object.defineProperty(exports, "PlaybackRate", {
+  enumerable: true,
+  get: function get() {
+    return _PlaybackRate.default;
+  }
+});
+Object.defineProperty(exports, "RemainingTimeDisplay", {
+  enumerable: true,
+  get: function get() {
+    return _RemainingTimeDisplay.default;
+  }
+});
+Object.defineProperty(exports, "CurrentTimeDisplay", {
+  enumerable: true,
+  get: function get() {
+    return _CurrentTimeDisplay.default;
+  }
+});
+Object.defineProperty(exports, "DurationDisplay", {
+  enumerable: true,
+  get: function get() {
+    return _DurationDisplay.default;
+  }
+});
+Object.defineProperty(exports, "TimeDivider", {
+  enumerable: true,
+  get: function get() {
+    return _TimeDivider.default;
+  }
+});
+Object.defineProperty(exports, "playerReducer", {
+  enumerable: true,
+  get: function get() {
+    return _reducers.playerReducer;
+  }
+});
+Object.defineProperty(exports, "operationReducer", {
+  enumerable: true,
+  get: function get() {
+    return _reducers.operationReducer;
+  }
+});
+exports.videoActions = exports.playerActions = void 0;
+
+var _Player = _interopRequireDefault(require("./components/Player"));
+
+var _Video = _interopRequireDefault(require("./components/Video"));
+
+var _BigPlayButton = _interopRequireDefault(require("./components/BigPlayButton"));
+
+var _LoadingSpinner = _interopRequireDefault(require("./components/LoadingSpinner"));
+
+var _PosterImage = _interopRequireDefault(require("./components/PosterImage"));
+
+var _Slider = _interopRequireDefault(require("./components/Slider"));
+
+var _Bezel = _interopRequireDefault(require("./components/Bezel"));
+
+var _Shortcut = _interopRequireDefault(require("./components/Shortcut"));
+
+var _ControlBar = _interopRequireDefault(require("./components/control-bar/ControlBar"));
+
+var _PlayToggle = _interopRequireDefault(require("./components/control-bar/PlayToggle"));
+
+var _ForwardControl = _interopRequireDefault(require("./components/control-bar/ForwardControl"));
+
+var _ReplayControl = _interopRequireDefault(require("./components/control-bar/ReplayControl"));
+
+var _FullscreenToggle = _interopRequireDefault(require("./components/control-bar/FullscreenToggle"));
+
+var _ProgressControl = _interopRequireDefault(require("./components/control-bar/ProgressControl"));
+
+var _SeekBar = _interopRequireDefault(require("./components/control-bar/SeekBar"));
+
+var _PlayProgressBar = _interopRequireDefault(require("./components/control-bar/PlayProgressBar"));
+
+var _LoadProgressBar = _interopRequireDefault(require("./components/control-bar/LoadProgressBar"));
+
+var _MouseTimeDisplay = _interopRequireDefault(require("./components/control-bar/MouseTimeDisplay"));
+
+var _VolumeMenuButton = _interopRequireDefault(require("./components/control-bar/VolumeMenuButton"));
+
+var _PlaybackRateMenuButton = _interopRequireDefault(require("./components/control-bar/PlaybackRateMenuButton"));
+
+var _PlaybackRate = _interopRequireDefault(require("./components/control-bar/PlaybackRate"));
+
+var _RemainingTimeDisplay = _interopRequireDefault(require("./components/time-controls/RemainingTimeDisplay"));
+
+var _CurrentTimeDisplay = _interopRequireDefault(require("./components/time-controls/CurrentTimeDisplay"));
+
+var _DurationDisplay = _interopRequireDefault(require("./components/time-controls/DurationDisplay"));
+
+var _TimeDivider = _interopRequireDefault(require("./components/time-controls/TimeDivider"));
+
+var playerActions = _interopRequireWildcard(require("./actions/player"));
+
+exports.playerActions = playerActions;
+
+var videoActions = _interopRequireWildcard(require("./actions/video"));
+
+exports.videoActions = videoActions;
+
+var _reducers = require("./reducers");

lib/Manager.js

@@ -1,9 +0,26 @@
-import _objectSpread from "@babel/runtime/helpers/objectSpread";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import { createStore } from 'redux';
-import reducer from './reducers';
-import * as playerActions from './actions/player';
-import * as videoActions from './actions/video';
+"use strict";
 
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _redux = require("redux");
+
+var _reducers = _interopRequireDefault(require("./reducers"));
+
+var playerActions = _interopRequireWildcard(require("./actions/player"));
+
+var videoActions = _interopRequireWildcard(require("./actions/video"));
+
 var Manager =
@@ -13,5 +30,4 @@ /*#__PURE__*/
   function Manager(store) {
-    _classCallCheck(this, Manager);
-
-    this.store = store || createStore(reducer);
+    (0, _classCallCheck2.default)(this, Manager);
+    this.store = store || (0, _redux.createStore)(_reducers.default);
     this.video = null;
@@ -21,3 +37,3 @@ this.rootElement = null;
 
-  _createClass(Manager, [{
+  (0, _createClass2.default)(Manager, [{
     key: "getActions",
@@ -27,5 +43,4 @@ value: function getActions() {
       var dispatch = this.store.dispatch;
+      var actions = (0, _objectSpread2.default)({}, playerActions, videoActions);
 
-      var actions = _objectSpread({}, playerActions, videoActions);
-
       function bindActionCreator(actionCreator) {
@@ -99,6 +114,5 @@ return function bindAction() {
   }]);
-
   return Manager;
 }();
 
-export { Manager as default };
+exports.default = Manager;

lib/reducers/index.js

@@ -1,12 +0,27 @@
-import player from './player';
-import operation from './operation';
-export default function () {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = _default;
+exports.operationReducer = exports.playerReducer = void 0;
+
+var _player = _interopRequireDefault(require("./player"));
+
+var _operation = _interopRequireDefault(require("./operation"));
+
+function _default() {
   var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var action = arguments.length > 1 ? arguments[1] : undefined;
   return {
-    player: player(state.player, action),
-    operation: operation(state.operation, action)
+    player: (0, _player.default)(state.player, action),
+    operation: (0, _operation.default)(state.operation, action)
   };
 }
-export var playerReducer = player;
-export var operationReducer = operation;
+
+var playerReducer = _player.default;
+exports.playerReducer = playerReducer;
+var operationReducer = _operation.default;
+exports.operationReducer = operationReducer;

lib/reducers/operation.js

@@ -1,3 +0,14 @@
-import _objectSpread from "@babel/runtime/helpers/objectSpread";
-import { OPERATE } from '../actions/player';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = operation;
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread"));
+
+var _player = require("../actions/player");
+
 var initialState = {
@@ -10,3 +21,4 @@ count: 0,
 };
-export default function operation() {
+
+function operation() {
   var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : initialState;
@@ -16,6 +28,6 @@ var action = arguments.length > 1 ? arguments[1] : undefined;
   switch (action.type) {
-    case OPERATE:
-      return _objectSpread({}, state, {
+    case _player.OPERATE:
+      return (0, _objectSpread2.default)({}, state, {
         count: state.count + 1,
-        operation: _objectSpread({}, state.operation, action.operation)
+        operation: (0, _objectSpread2.default)({}, state.operation, action.operation)
       });
@@ -22,0 +34,0 @@

lib/reducers/player.js

@@ -1,4 +0,16 @@
-import _objectSpread from "@babel/runtime/helpers/objectSpread";
-import { LOAD_START, CAN_PLAY, WAITING, CAN_PLAY_THROUGH, PLAYING, PLAY, PAUSE, END, SEEKING, SEEKED, SEEKING_TIME, END_SEEKING, DURATION_CHANGE, TIME_UPDATE, VOLUME_CHANGE, PROGRESS_CHANGE, RATE_CHANGE, SUSPEND, ABORT, EMPTIED, STALLED, LOADED_META_DATA, LOADED_DATA, RESIZE, ERROR } from '../actions/video';
-import { FULLSCREEN_CHANGE, PLAYER_ACTIVATE, USER_ACTIVATE } from '../actions/player';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = player;
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread"));
+
+var _video = require("../actions/video");
+
+var _player = require("../actions/player");
+
 var initialState = {
@@ -27,3 +39,4 @@ currentSrc: null,
 };
-export default function player() {
+
+function player() {
   var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : initialState;
@@ -33,29 +46,29 @@ var action = arguments.length > 1 ? arguments[1] : undefined;
   switch (action.type) {
-    case USER_ACTIVATE:
-      return _objectSpread({}, state, {
+    case _player.USER_ACTIVATE:
+      return (0, _objectSpread2.default)({}, state, {
         userActivity: action.activity
       });
 
-    case PLAYER_ACTIVATE:
-      return _objectSpread({}, state, {
+    case _player.PLAYER_ACTIVATE:
+      return (0, _objectSpread2.default)({}, state, {
         isActive: action.activity
       });
 
-    case FULLSCREEN_CHANGE:
-      return _objectSpread({}, state, {
+    case _player.FULLSCREEN_CHANGE:
+      return (0, _objectSpread2.default)({}, state, {
         isFullscreen: !!action.isFullscreen
       });
 
-    case SEEKING_TIME:
-      return _objectSpread({}, state, {
+    case _video.SEEKING_TIME:
+      return (0, _objectSpread2.default)({}, state, {
         seekingTime: action.time
       });
 
-    case END_SEEKING:
-      return _objectSpread({}, state, {
+    case _video.END_SEEKING:
+      return (0, _objectSpread2.default)({}, state, {
         seekingTime: 0
       });
 
-    case LOAD_START:
-      return _objectSpread({}, state, action.videoProps, {
+    case _video.LOAD_START:
+      return (0, _objectSpread2.default)({}, state, action.videoProps, {
         hasStarted: false,
@@ -65,20 +78,20 @@ ended: false
 
-    case CAN_PLAY:
-      return _objectSpread({}, state, action.videoProps, {
+    case _video.CAN_PLAY:
+      return (0, _objectSpread2.default)({}, state, action.videoProps, {
         waiting: false
       });
 
-    case WAITING:
-      return _objectSpread({}, state, action.videoProps, {
+    case _video.WAITING:
+      return (0, _objectSpread2.default)({}, state, action.videoProps, {
         waiting: true
       });
 
-    case CAN_PLAY_THROUGH:
-    case PLAYING:
-      return _objectSpread({}, state, action.videoProps, {
+    case _video.CAN_PLAY_THROUGH:
+    case _video.PLAYING:
+      return (0, _objectSpread2.default)({}, state, action.videoProps, {
         waiting: false
       });
 
-    case PLAY:
-      return _objectSpread({}, state, action.videoProps, {
+    case _video.PLAY:
+      return (0, _objectSpread2.default)({}, state, action.videoProps, {
         ended: false,
@@ -91,24 +104,24 @@ paused: false,
 
-    case PAUSE:
-      return _objectSpread({}, state, action.videoProps, {
+    case _video.PAUSE:
+      return (0, _objectSpread2.default)({}, state, action.videoProps, {
         paused: true
       });
 
-    case END:
-      return _objectSpread({}, state, action.videoProps, {
+    case _video.END:
+      return (0, _objectSpread2.default)({}, state, action.videoProps, {
         ended: true
       });
 
-    case SEEKING:
-      return _objectSpread({}, state, action.videoProps, {
+    case _video.SEEKING:
+      return (0, _objectSpread2.default)({}, state, action.videoProps, {
         seeking: true
       });
 
-    case SEEKED:
-      return _objectSpread({}, state, action.videoProps, {
+    case _video.SEEKED:
+      return (0, _objectSpread2.default)({}, state, action.videoProps, {
         seeking: false
       });
 
-    case ERROR:
-      return _objectSpread({}, state, action.videoProps, {
+    case _video.ERROR:
+      return (0, _objectSpread2.default)({}, state, action.videoProps, {
         error: 'UNKNOWN ERROR',
@@ -118,15 +131,15 @@ ended: true
 
-    case DURATION_CHANGE:
-    case TIME_UPDATE:
-    case VOLUME_CHANGE:
-    case PROGRESS_CHANGE:
-    case RATE_CHANGE:
-    case SUSPEND:
-    case ABORT:
-    case EMPTIED:
-    case STALLED:
-    case LOADED_META_DATA:
-    case LOADED_DATA:
-    case RESIZE:
-      return _objectSpread({}, state, action.videoProps, action.videoProps.paused === false ? {
+    case _video.DURATION_CHANGE:
+    case _video.TIME_UPDATE:
+    case _video.VOLUME_CHANGE:
+    case _video.PROGRESS_CHANGE:
+    case _video.RATE_CHANGE:
+    case _video.SUSPEND:
+    case _video.ABORT:
+    case _video.EMPTIED:
+    case _video.STALLED:
+    case _video.LOADED_META_DATA:
+    case _video.LOADED_DATA:
+    case _video.RESIZE:
+      return (0, _objectSpread2.default)({}, state, action.videoProps, action.videoProps.paused === false ? {
         hasStarted: true,
@@ -133,0 +146,0 @@ waiting: false

lib/setupTests.js

@@ -0,6 +1,12 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _enzyme = require("enzyme");
+
+var _enzymeAdapterReact = _interopRequireDefault(require("enzyme-adapter-react-16"));
+
 /* eslint import/no-extraneous-dependencies: "off" */
-import { configure } from 'enzyme';
-import Adapter from 'enzyme-adapter-react-16';
-configure({
-  adapter: new Adapter()
+(0, _enzyme.configure)({
+  adapter: new _enzymeAdapterReact.default()
 });
@@ -7,0 +13,0 @@

lib/utils/browser.js

@@ -0,1 +1,7 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.IS_IOS = exports.IS_IPOD = exports.IS_IPHONE = exports.IS_IPAD = void 0;
 var USER_AGENT = typeof window !== 'undefined' && window.navigator ? window.navigator.userAgent : ''; // const webkitVersionMap = (/AppleWebKit\/([\d.]+)/i).exec(USER_AGENT);
@@ -12,8 +18,12 @@ // const appleWebkitVersion = webkitVersionMap ? parseFloat(webkitVersionMap.pop()) : null;
 
-export var IS_IPAD = /iPad/i.test(USER_AGENT); // The Facebook app's UIWebView identifies as both an iPhone and iPad, so
+var IS_IPAD = /iPad/i.test(USER_AGENT); // The Facebook app's UIWebView identifies as both an iPhone and iPad, so
 // to identify iPhones, we need to exclude iPads.
 // http://artsy.github.io/blog/2012/10/18/the-perils-of-ios-user-agent-sniffing/
 
-export var IS_IPHONE = /iPhone/i.test(USER_AGENT) && !IS_IPAD;
-export var IS_IPOD = /iPod/i.test(USER_AGENT);
-export var IS_IOS = IS_IPHONE || IS_IPAD || IS_IPOD;
+exports.IS_IPAD = IS_IPAD;
+var IS_IPHONE = /iPhone/i.test(USER_AGENT) && !IS_IPAD;
+exports.IS_IPHONE = IS_IPHONE;
+var IS_IPOD = /iPod/i.test(USER_AGENT);
+exports.IS_IPOD = IS_IPOD;
+var IS_IOS = IS_IPHONE || IS_IPAD || IS_IPOD;
+exports.IS_IOS = IS_IOS;

lib/utils/dom.js

@@ -1,2 +0,13 @@
-import { findDOMNode } from 'react-dom';
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.findElPosition = findElPosition;
+exports.getPointerPosition = getPointerPosition;
+exports.blurNode = blurNode;
+exports.hasClass = hasClass;
+
+var _reactDom = require("react-dom");
+
 /**
@@ -11,4 +22,3 @@ * Offset Left
  */
-
-export function findElPosition(el) {
+function findElPosition(el) {
   var box;
@@ -53,3 +63,4 @@
 
-export function getPointerPosition(el, event) {
+
+function getPointerPosition(el, event) {
   var position = {};
@@ -74,5 +85,6 @@ var box = findElPosition(el);
 
-export function blurNode(reactNode) {
-  var domNode = findDOMNode(reactNode);
 
+function blurNode(reactNode) {
+  var domNode = (0, _reactDom.findDOMNode)(reactNode);
+
   if (domNode && domNode.blur) {
@@ -83,3 +95,4 @@ domNode.blur();
 
-export function hasClass(elm, cls) {
+
+function hasClass(elm, cls) {
   var classes = elm.className.split(' ');
@@ -86,0 +99,0 @@

lib/utils/fullscreen.js

@@ -1,4 +0,14 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
+"use strict";
 
+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 Fullscreen =
@@ -8,6 +18,6 @@ /*#__PURE__*/
   function Fullscreen() {
-    _classCallCheck(this, Fullscreen);
+    (0, _classCallCheck2.default)(this, Fullscreen);
   }
 
-  _createClass(Fullscreen, [{
+  (0, _createClass2.default)(Fullscreen, [{
     key: "request",
@@ -65,6 +75,7 @@ value: function request(elm) {
   }]);
-
   return Fullscreen;
 }();
 
-export default new Fullscreen();
+var _default = new Fullscreen();
+
+exports.default = _default;

lib/utils/index.js

@@ -1,7 +0,25 @@
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import _objectSpread from "@babel/runtime/helpers/objectSpread";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import React from 'react'; // NaN is the only value in javascript which is not equal to itself.
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.formatTime = formatTime;
+exports.isVideoChild = isVideoChild;
+exports.mergeAndSortChildren = mergeAndSortChildren;
+exports.deprecatedWarning = deprecatedWarning;
+exports.throttle = throttle;
+exports.mediaProperties = void 0;
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+// NaN is the only value in javascript which is not equal to itself.
 // eslint-disable-next-line no-self-compare
-
 var isNaN = Number.isNaN || function (value) {
@@ -25,3 +43,3 @@ return value !== value;
 
-export function formatTime() {
+function formatTime() {
   var seconds = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
@@ -56,3 +74,4 @@ var guide = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : seconds;
 
-export function isVideoChild(c) {
+
+function isVideoChild(c) {
   if (c.props && c.props.isVideoChild) {
@@ -88,10 +107,10 @@ return true;
 
-export function mergeAndSortChildren(defaultChildren, _children, _parentProps) {
+function mergeAndSortChildren(defaultChildren, _children, _parentProps) {
   var defaultOrder = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 1;
-  var children = React.Children.toArray(_children);
 
+  var children = _react.default.Children.toArray(_children);
+
   var order = _parentProps.order,
-      parentProps = _objectWithoutProperties(_parentProps, ["order"]); // ignore order from parent
+      parentProps = (0, _objectWithoutProperties2.default)(_parentProps, ["order"]); // ignore order from parent
 
-
   return children.filter(function (e) {
@@ -109,6 +128,6 @@ return !e.props.disabled;
     var defaultProps = defaultComponent ? defaultComponent.props : {};
+    var props = (0, _objectSpread2.default)({}, parentProps, defaultProps, element.props);
 
-    var props = _objectSpread({}, parentProps, defaultProps, element.props);
+    var e = _react.default.cloneElement(element, props, element.props.children);
 
-    var e = React.cloneElement(element, props, element.props.children);
     return e;
@@ -123,7 +142,9 @@ }).sort(function (a, b) {
 
-export function deprecatedWarning(oldMethodCall, newMethodCall) {
+
+function deprecatedWarning(oldMethodCall, newMethodCall) {
   // eslint-disable-next-line no-console
   console.warn("WARNING: ".concat(oldMethodCall, " will be deprecated soon! Please use ").concat(newMethodCall, " instead."));
 }
-export function throttle(callback, limit) {
+
+function throttle(callback, limit) {
   var _arguments = arguments;
@@ -134,3 +155,3 @@ var wait = false;
       // eslint-disable-next-line prefer-rest-params
-      callback.apply(void 0, _toConsumableArray(_arguments));
+      callback.apply(void 0, (0, _toConsumableArray2.default)(_arguments));
       wait = true;
@@ -143,2 +164,4 @@ setTimeout(function () {
 }
-export var mediaProperties = ['error', 'src', 'srcObject', 'currentSrc', 'crossOrigin', 'networkState', 'preload', 'buffered', 'readyState', 'seeking', 'currentTime', 'duration', 'paused', 'defaultPlaybackRate', 'playbackRate', 'played', 'seekable', 'ended', 'autoplay', 'loop', 'mediaGroup', 'controller', 'controls', 'volume', 'muted', 'defaultMuted', 'audioTracks', 'videoTracks', 'textTracks', 'width', 'height', 'videoWidth', 'videoHeight', 'poster'];
+
+var mediaProperties = ['error', 'src', 'srcObject', 'currentSrc', 'crossOrigin', 'networkState', 'preload', 'buffered', 'readyState', 'seeking', 'currentTime', 'duration', 'paused', 'defaultPlaybackRate', 'playbackRate', 'played', 'seekable', 'ended', 'autoplay', 'loop', 'mediaGroup', 'controller', 'controls', 'volume', 'muted', 'defaultMuted', 'audioTracks', 'videoTracks', 'textTracks', 'width', 'height', 'videoWidth', 'videoHeight', 'poster'];
+exports.mediaProperties = mediaProperties;

lib/video-react.js

@@ -1,2 +0,19 @@
-import '../styles/scss/video-react.scss';
-export * from './index';
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+require("../styles/scss/video-react.scss");
+
+var _index = require("./index");
+
+Object.keys(_index).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _index[key];
+    }
+  });
+});

package.json

 {
   "name": "video-react",
-  "version": "0.13.3",
+  "version": "0.13.4",
   "description": "Video-React is a web video player built from the ground up for an HTML5 world using React library.",
@@ -89,2 +89,3 @@ "main": "lib/index.js",
     "@babel/plugin-proposal-object-rest-spread": "^7.2.0",
+    "@babel/plugin-transform-modules-commonjs": "^7.2.0",
     "@babel/plugin-transform-runtime": "^7.2.0",
@@ -91,0 +92,0 @@ "@babel/polyfill": "^7.2.5",

No alert changes

Improved metrics

Total package byte prevSize

2354478

increased by1.91%

Lines of code

22970

increased by2.87%

Worsened metrics

Dev dependency count

63

increased by1.61%

No dependency changes