video-react-player 0.1.0

package/dist/video-react-new.min.js

@@ -0,0 +1,2 @@
+(function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("redux")):"function"==typeof define&&define.amd?define(["exports","react","redux"],t):(e=e||self,t(e["video-react-player"]={},e.React,e.Redux))})(this,function(e,t,a){"use strict";var n=Math.max,o=Math.min;function r(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function i(a,e){for(var n,r=0;r<e.length;r++)n=e[r],n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(a,m(n.key),n)}function l(a,e,n){return e&&i(a.prototype,e),n&&i(a,n),Object.defineProperty(a,"prototype",{writable:!1}),a}function d(){return d=Object.assign?Object.assign.bind():function(a){for(var n,o=1;o<arguments.length;o++)for(var i in n=arguments[o],n)({}).hasOwnProperty.call(n,i)&&(a[i]=n[i]);return a},d.apply(null,arguments)}function c(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,u(e,t)}function s(a,o){if(null==a)return{};var e={};for(var t in a)if({}.hasOwnProperty.call(a,t)){if(-1!==o.indexOf(t))continue;e[t]=a[t]}return e}function u(a,t){return u=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(a,t){return a.__proto__=t,a},u(a,t)}function p(a,t){if("object"!=typeof a||!a)return a;var n=a[Symbol.toPrimitive];if(void 0!==n){var e=n.call(a,t||"default");if("object"!=typeof e)return e;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(a)}function m(e){var t=p(e,"string");return"symbol"==typeof t?t:t+""}function v(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e["default"]:e}function h(e,t){return t={exports:{}},e(t,t.exports),t.exports}function y(e){return{type:"video-react-player/PICTURE_IN_PICTURE_CHANGE",isPictureInPicture:e}}function E(e){return{type:"video-react-player/THEATER_MODE_CHANGE",isTheater:e}}function f(e){return{type:"video-react-player/QUALITY_CHANGE",quality:e}}function w(e,t){switch(void 0===e&&(e=j),t.type){case"video-react-player/USER_ACTIVATE":return d({},e,{userActivity:t.activity});case"video-react-player/PLAYER_ACTIVATE":return d({},e,{isActive:t.activity});case"video-react-player/FULLSCREEN_CHANGE":return d({},e,{isFullscreen:!!t.isFullscreen});case"video-react-player/SEEKING_TIME":return d({},e,{seekingTime:t.time});case"video-react-player/END_SEEKING":return d({},e,{seekingTime:0});case"video-react-player/LOAD_START":return d({},e,t.videoProps,{hasStarted:!1,ended:!1});case"video-react-player/CAN_PLAY":return d({},e,t.videoProps,{waiting:!1});case"video-react-player/WAITING":return d({},e,t.videoProps,{waiting:!0});case"video-react-player/CAN_PLAY_THROUGH":case"video-react-player/PLAYING":return d({},e,t.videoProps,{waiting:!1});case"video-react-player/PLAY":return d({},e,t.videoProps,{ended:!1,paused:!1,autoPaused:!1,waiting:!1,hasStarted:!0});case"video-react-player/PAUSE":return d({},e,t.videoProps,{paused:!0});case"video-react-player/END":return d({},e,t.videoProps,{ended:!0});case"video-react-player/SEEKING":return d({},e,t.videoProps,{seeking:!0});case"video-react-player/SEEKED":return d({},e,t.videoProps,{seeking:!1});case"video-react-player/ERROR":return d({},e,t.videoProps,{error:"UNKNOWN ERROR",ended:!0});case"video-react-player/DURATION_CHANGE":case"video-react-player/TIME_UPDATE":case"video-react-player/VOLUME_CHANGE":case"video-react-player/PROGRESS_CHANGE":case"video-react-player/RATE_CHANGE":case"video-react-player/SUSPEND":case"video-react-player/ABORT":case"video-react-player/EMPTIED":case"video-react-player/STALLED":case"video-react-player/LOADED_META_DATA":case"video-react-player/LOADED_DATA":case"video-react-player/RESIZE":return d({},e,t.videoProps);case"video-react-player/ACTIVATE_TEXT_TRACK":return d({},e,{activeTextTrack:t.textTrack});case"video-react-player/PICTURE_IN_PICTURE_CHANGE":return d({},e,{isPictureInPicture:!!t.isPictureInPicture});case"video-react-player/LOOP_CHANGE":return d({},e,{loop:!!t.loop});case"video-react-player/THEATER_MODE_CHANGE":return d({},e,{isTheater:!!t.isTheater});case"video-react-player/QUALITY_CHANGE":return d({},e,{quality:t.quality||"auto"});default:return e}}function g(e,t){switch(void 0===e&&(e=$),t.type){case"video-react-player/OPERATE":return d({},e,{count:e.count+1,operation:d({},e.operation,t.operation)});default:return e}}function C(e,t){return{player:w(null===e||void 0===e?void 0:e.player,t),operation:g(null===e||void 0===e?void 0:e.operation,t)}}function k(e){var t=e.player,a=e.className;return t.error?null:H.createElement("div",{className:V("video-react-player-loading-spinner",a)})}function P(e){var t=e.poster,a=e.player,n=e.actions,o=e.className;return!t||a.hasStarted?null:H.createElement("div",{className:V("video-react-player-poster",o),style:{backgroundImage:"url(\""+t+"\")"},onClick:function(){a.paused&&n.play()}})}function b(e,t){var a=Math.floor;void 0===e&&(e=0),void 0===t&&(t=e);var n=a(e%60),o=a(e/60%60),r=a(e/3600),i=a(t/60%60),l=a(t/3600);(Z(e)||e===1/0)&&(r=0,o=0,n=0);var d=0<r||0<l,c=d?r+":":"",u=((d||10<=i)&&10>o?"0"+o:o)+":",p=10>n?"0"+n:""+n;return""+c+u+p}function T(e){return!!H.isValidElement(e)&&(!!(e.props&&e.props.isVideoChild)||"source"===e.type||"track"===e.type)}function N(e,t,a,n){void 0===n&&(n=1);var o=H.Children.toArray(t).filter(H.isValidElement),r=a.order,i=s(a,["order"]);return o.filter(function(t){return!t.props.disabled}).concat(e.filter(function(e){return!J(o,function(t){return ee(t,e)})})).map(function(t){var a=J(e,function(e){return ee(e,t)}),n=a?a.props:{},o=d({},i,n,t.props);return H.cloneElement(t,o,t.props.children)}).sort(function(e,t){return(e.props.order||n)-(t.props.order||n)})}function A(e,t){console.warn("WARNING: "+e+" will be deprecated soon! Please use "+t+" instead.")}function S(e,t){var a=!1;return function(){a||(e.apply(void 0,arguments),a=!0,setTimeout(function(){a=!1},t))}}function R(e){var a,t=Math.round;if(e.getBoundingClientRect&&e.parentNode&&(a=e.getBoundingClientRect()),!a)return{left:0,top:0};var n=document,o=n.body,r=n.documentElement,i=r.clientLeft||o.clientLeft||0,l=window.pageXOffset||o.scrollLeft,d=a.left+l-i,c=r.clientTop||o.clientTop||0,s=window.pageYOffset||o.scrollTop,u=a.top+s-c;return{left:t(d),top:t(u)}}function M(e,t){var a={},r=R(e),i=e.offsetWidth,l=e.offsetHeight,d=r.top,c=r.left,s=t.pageY,u=t.pageX;return"changedTouches"in t&&t.changedTouches.length&&(u=t.changedTouches[0].pageX,s=t.changedTouches[0].pageY),a.y=n(0,o(1,(d-s+l)/l)),a.x=n(0,o(1,(u-c)/i)),a}function I(e){e&&e.focus&&e.focus()}function x(e,t){for(var a=e.className.split(" "),n=0;n<a.length;n+=1)if(a[n].toLowerCase()===t.toLowerCase())return!0;return!1}function _(e){if(null===e||e===void 0)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}function L(){}function D(){}function F(e){var t=e.player,a=e.className,n=b(t.currentTime,t.duration);return H.createElement("div",{className:V("video-react-player-current-time video-react-player-time-control video-react-player-control",a)},H.createElement("div",{className:"video-react-player-current-time-display","aria-live":"off"},H.createElement("span",{className:"video-react-player-control-text"},"Current Time "),n))}function O(e){var t=e.player,a=e.className,n=b(t.duration);return H.createElement("div",{className:V(a,"video-react-player-duration video-react-player-time-control video-react-player-control")},H.createElement("div",{className:"video-react-player-duration-display","aria-live":"off"},H.createElement("span",{className:"video-react-player-control-text"},"Duration Time "),n))}function B(e){var t=e.separator,a=e.className;return H.createElement("div",{className:V("video-react-player-time-control video-react-player-time-divider",a),dir:"ltr"},H.createElement("div",null,H.createElement("span",null,t||"/")))}function U(e){var t=e.currentTime,a=e.duration,n=e.percentage,o=e.className;return H.createElement("div",{"data-current-time":b(t,a),className:V("video-react-player-play-progress video-react-player-slider-bar",o),style:{width:n}},H.createElement("span",{className:"video-react-player-control-text"},"Progress: "+n))}function G(e){var t=e.player,a=t.currentTime,n=t.duration,o=e.className,r=b(n-a);return H.createElement("div",{className:V("video-react-player-remaining-time video-react-player-time-control video-react-player-control",o)},H.createElement("div",{className:"video-react-player-remaining-time-display","aria-live":"off"},H.createElement("span",{className:"video-react-player-control-text"},"Remaining Time "),"-"+r))}var H="default"in t?t["default"]:t,V=h(function(e){(function(){function t(){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=t.apply(null,e);l&&n.push(l)}else if("object"===r)for(var d in e)a.call(e,d)&&e[d]&&n.push(d)}return n.join(" ")}var a={}.hasOwnProperty;e.exports?(t.default=t,e.exports=t):window.classNames=t})()}),K=Object.freeze({LOAD_START:"video-react-player/LOAD_START",CAN_PLAY:"video-react-player/CAN_PLAY",WAITING:"video-react-player/WAITING",CAN_PLAY_THROUGH:"video-react-player/CAN_PLAY_THROUGH",PLAYING:"video-react-player/PLAYING",PLAY:"video-react-player/PLAY",PAUSE:"video-react-player/PAUSE",END:"video-react-player/END",SEEKING:"video-react-player/SEEKING",SEEKED:"video-react-player/SEEKED",SEEKING_TIME:"video-react-player/SEEKING_TIME",END_SEEKING:"video-react-player/END_SEEKING",DURATION_CHANGE:"video-react-player/DURATION_CHANGE",TIME_UPDATE:"video-react-player/TIME_UPDATE",VOLUME_CHANGE:"video-react-player/VOLUME_CHANGE",PROGRESS_CHANGE:"video-react-player/PROGRESS_CHANGE",RATE_CHANGE:"video-react-player/RATE_CHANGE",SUSPEND:"video-react-player/SUSPEND",ABORT:"video-react-player/ABORT",EMPTIED:"video-react-player/EMPTIED",STALLED:"video-react-player/STALLED",LOADED_META_DATA:"video-react-player/LOADED_META_DATA",LOADED_DATA:"video-react-player/LOADED_DATA",RESIZE:"video-react-player/RESIZE",ERROR:"video-react-player/ERROR",ACTIVATE_TEXT_TRACK:"video-react-player/ACTIVATE_TEXT_TRACK",PICTURE_IN_PICTURE_CHANGE:"video-react-player/PICTURE_IN_PICTURE_CHANGE",LOOP_CHANGE:"video-react-player/LOOP_CHANGE",THEATER_MODE_CHANGE:"video-react-player/THEATER_MODE_CHANGE",QUALITY_CHANGE:"video-react-player/QUALITY_CHANGE",handleLoadStart:function(e){return{type:"video-react-player/LOAD_START",videoProps:e}},handleCanPlay:function(e){return{type:"video-react-player/CAN_PLAY",videoProps:e}},handleWaiting:function(e){return{type:"video-react-player/WAITING",videoProps:e}},handleCanPlayThrough:function(e){return{type:"video-react-player/CAN_PLAY_THROUGH",videoProps:e}},handlePlaying:function(e){return{type:"video-react-player/PLAYING",videoProps:e}},handlePlay:function(e){return{type:"video-react-player/PLAY",videoProps:e}},handlePause:function(e){return{type:"video-react-player/PAUSE",videoProps:e}},handleEnd:function(e){return{type:"video-react-player/END",videoProps:e}},handleSeeking:function(e){return{type:"video-react-player/SEEKING",videoProps:e}},handleSeeked:function(e){return{type:"video-react-player/SEEKED",videoProps:e}},handleDurationChange:function(e){return{type:"video-react-player/DURATION_CHANGE",videoProps:e}},handleTimeUpdate:function(e){return{type:"video-react-player/TIME_UPDATE",videoProps:e}},handleVolumeChange:function(e){return{type:"video-react-player/VOLUME_CHANGE",videoProps:e}},handleProgressChange:function(e){return{type:"video-react-player/PROGRESS_CHANGE",videoProps:e}},handleRateChange:function(e){return{type:"video-react-player/RATE_CHANGE",videoProps:e}},handleSuspend:function(e){return{type:"video-react-player/SUSPEND",videoProps:e}},handleAbort:function(e){return{type:"video-react-player/ABORT",videoProps:e}},handleEmptied:function(e){return{type:"video-react-player/EMPTIED",videoProps:e}},handleStalled:function(e){return{type:"video-react-player/STALLED",videoProps:e}},handleLoadedMetaData:function(e){return{type:"video-react-player/LOADED_META_DATA",videoProps:e}},handleLoadedData:function(e){return{type:"video-react-player/LOADED_DATA",videoProps:e}},handleResize:function(e){return{type:"video-react-player/RESIZE",videoProps:e}},handleError:function(e){return{type:"video-react-player/ERROR",videoProps:e}},handleSeekingTime:function(e){return{type:"video-react-player/SEEKING_TIME",time:e}},handleEndSeeking:function(e){return{type:"video-react-player/END_SEEKING",time:e}},activateTextTrack:function(e){return{type:"video-react-player/ACTIVATE_TEXT_TRACK",textTrack:e}},handlePictureInPictureChange:y,handleLoopChange:function(e){return{type:"video-react-player/LOOP_CHANGE",loop:e}},handleTheaterModeChange:E,handleQualityChange:f}),z="undefined"==typeof document?null:document,Y=function(){function e(){}var t=e.prototype;return t.request=function(e){e.requestFullscreen?e.requestFullscreen():e.webkitRequestFullscreen?e.webkitRequestFullscreen():e.mozRequestFullScreen?e.mozRequestFullScreen():e.msRequestFullscreen&&e.msRequestFullscreen()},t.exit=function(){z&&(z.exitFullscreen?z.exitFullscreen():z.webkitExitFullscreen?z.webkitExitFullscreen():z.mozCancelFullScreen?z.mozCancelFullScreen():z.msExitFullscreen&&z.msExitFullscreen())},t.addEventListener=function(e){z&&(z.addEventListener("fullscreenchange",e),z.addEventListener("webkitfullscreenchange",e),z.addEventListener("mozfullscreenchange",e),z.addEventListener("MSFullscreenChange",e))},t.removeEventListener=function(e){z&&(z.removeEventListener("fullscreenchange",e),z.removeEventListener("webkitfullscreenchange",e),z.removeEventListener("mozfullscreenchange",e),z.removeEventListener("MSFullscreenChange",e))},l(e,[{key:"isFullscreen",get:function(){return z?z.fullscreenElement||z.webkitFullscreenElement||z.mozFullScreenElement||z.msFullscreenElement:null}},{key:"enabled",get:function(){return!!z&&(z.fullscreenEnabled||z.webkitFullscreenEnabled||z.mozFullScreenEnabled||z.msFullscreenEnabled)}}]),e}(),W=new Y,q=Object.freeze({OPERATE:"video-react-player/OPERATE",FULLSCREEN_CHANGE:"video-react-player/FULLSCREEN_CHANGE",PLAYER_ACTIVATE:"video-react-player/PLAYER_ACTIVATE",USER_ACTIVATE:"video-react-player/USER_ACTIVATE",handleFullscreenChange:function(e){return{type:"video-react-player/FULLSCREEN_CHANGE",isFullscreen:e}},activate:function(e){return{type:"video-react-player/PLAYER_ACTIVATE",activity:e}},userActivate:function(e){return{type:"video-react-player/USER_ACTIVATE",activity:e}},play:function(e){var t;return void 0===e&&(e={action:"play",source:""}),null===(t=this.video)||void 0===t?void 0:t.play(),{type:"video-react-player/OPERATE",operation:e}},pause:function(e){var t;return void 0===e&&(e={action:"pause",source:""}),null===(t=this.video)||void 0===t?void 0:t.pause(),{type:"video-react-player/OPERATE",operation:e}},togglePlay:function(e){var t;return void 0===e&&(e={action:"toggle-play",source:""}),null===(t=this.video)||void 0===t?void 0:t.togglePlay(),{type:"video-react-player/OPERATE",operation:e}},seek:function(e,t){var a;return void 0===t&&(t={action:"seek",source:""}),null===(a=this.video)||void 0===a?void 0:a.seek(e),{type:"video-react-player/OPERATE",operation:t}},forward:function(e,t){var a;return void 0===t&&(t={action:"forward-"+e,source:""}),null===(a=this.video)||void 0===a?void 0:a.forward(e),{type:"video-react-player/OPERATE",operation:t}},replay:function(e,t){var a;return void 0===t&&(t={action:"replay-"+e,source:""}),null===(a=this.video)||void 0===a?void 0:a.replay(e),{type:"video-react-player/OPERATE",operation:t}},changeRate:function(e,t){return void 0===t&&(t={action:"change-rate",source:""}),this.video&&(this.video.playbackRate=e),{type:"video-react-player/OPERATE",operation:t}},changeVolume:function(e,t){void 0===t&&(t={action:"change-volume",source:""});var a=e;return 0>e&&(a=0),1<e&&(a=1),this.video&&(this.video.volume=a),{type:"video-react-player/OPERATE",operation:t}},mute:function(e,t){return void 0===t&&(t={action:e?"muted":"unmuted",source:""}),this.video&&(this.video.muted=e),{type:"video-react-player/OPERATE",operation:t}},toggleFullscreen:function(e){return W.enabled?(W.isFullscreen?W.exit():this.rootElement&&W.request(this.rootElement),{type:"video-react-player/OPERATE",operation:{action:"toggle-fullscreen",source:""}}):{type:"video-react-player/FULLSCREEN_CHANGE",isFullscreen:!e.isFullscreen}},togglePictureInPicture:function(){var e=!this.store.getState().player.isPictureInPicture;return y(e)},changeQuality:function(e){return f(e)},takeScreenshot:function(){return{type:"video-react-player/OPERATE",operation:{action:"screenshot",source:"control"}}},toggleTheaterMode:function(e){return E(e)}}),j={currentSrc:null,duration:0,currentTime:0,seekingTime:0,buffered:null,textTracks: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,isPictureInPicture:!1,loop:!1,isTheater:!1,quality:"auto",activeTextTrack:null},$={count:0,operation:{action:"",source:""}},Q=function(){function e(e){this.store=void 0,this.video=void 0,this.rootElement=void 0,this.boundActions=void 0,this.store=e||a.createStore(C),this.video=null,this.rootElement=null,this.boundActions=void 0}var t=e.prototype;return t.getActions=function(){var e=this;if(this.boundActions)return this.boundActions;var t=d({},q,K),a={};return Object.keys(t).forEach(function(n){var o=t[n];"function"!=typeof o||(a[n]=function(){for(var t=arguments.length,a=Array(t),n=0;n<t;n++)a[n]=arguments[n];var r=o.apply(e,a);"undefined"!=typeof r&&e.store.dispatch(r)})}),this.boundActions=a,this.boundActions},t.getState=function(){return this.store.getState()},t.subscribeToStateChange=function(e,t){void 0===t&&(t=this.getState.bind(this));var a=t(),n=function(){var n=t();if(n!==a){var o=a;a=n,e(n,o)}};return this.store.subscribe(n)},t.subscribeToOperationStateChange=function(e){return this.subscribeToStateChange(e,function(){return this.getState().operation})},t.subscribeToPlayerStateChange=function(e){return this.subscribeToStateChange(e,function(){return this.getState().player})},e}(),X=function(e){function t(t,a){var n;return n=e.call(this,t,a)||this,n.handleClick=n.handleClick.bind(r(n)),n}c(t,e);var a=t.prototype;return a.componentDidMount=function(){},a.handleClick=function(e){var t;e.preventDefault(),null===(t=this.props.actions)||void 0===t?void 0:t.play()},a.render=function(){var e,t=this.props,a=t.player,n=t.position,o="center"===n?"center":"left",r=null!==(e=null===a||void 0===a?void 0:a.hasStarted)&&void 0!==e&&e,i=void 0!==(null===a||void 0===a?void 0:a.currentSrc)&&""!==(null===a||void 0===a?void 0:a.currentSrc);return H.createElement("button",{className:V("video-react-player-button","video-react-player-big-play-button","video-react-player-big-play-button-"+o,this.props.className,{"big-play-button-hide":r||!i}),type:"button","aria-live":"polite",tabIndex:0,onClick:this.handleClick},H.createElement("span",{className:"video-react-player-control-text"},"Play Video"))},t}(t.Component);X.defaultProps={position:"left"},X.displayName="BigPlayButton",k.displayName="LoadingSpinner",P.displayName="PosterImage";var Z=Number.isNaN||function(e){return e!==e},J=function(e,t){return e.find(t)},ee=function(e,t){var a=e.type,n=t.type;return"string"==typeof a||"string"==typeof n?a===n:!("function"!=typeof a||"function"!=typeof n)&&a.displayName===n.displayName},te=["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"],ae=t.forwardRef(function(e,a){var r=e.actions,i=e.player,l=e.children,c=e.startTime,s=e.loop,u=e.poster,p=e.preload,m=e.src,v=e.autoPlay,h=e.playsInline,y=e.muted,E=e.crossOrigin,f=e.videoId,w=e.className,g=e.onLoadStart,C=e.onWaiting,k=e.onCanPlay,P=e.onCanPlayThrough,b=e.onPlaying,N=e.onEnded,A=e.onSeeking,R=e.onSeeked,M=e.onPlay,I=e.onPause,x=e.onProgress,_=e.onDurationChange,L=e.onError,D=e.onSuspend,F=e.onAbort,O=e.onEmptied,B=e.onStalled,U=e.onLoadedMetadata,G=e.onLoadedData,K=e.onTimeUpdate,z=e.onRateChange,Y=e.onVolumeChange,W=e.onResize,q=t.useRef(null),j=t.useRef(e);j.current=e;var $=t.useReducer(function(e){return e+1},0),Q=$[1];t.useEffect(function(){Q()},[]);var X=t.useCallback(function(){var e=q.current;return e?te.reduce(function(t,a){return t[a]=null===e||void 0===e?void 0:e[a],t},{}):{}},[]),Z=t.useCallback(function(e,t){return function(){e(X()),t&&t.apply(void 0,arguments)}},[X]),J=t.useMemo(function(){return Z(r.handleLoadStart,g)},[r.handleLoadStart,g,Z]),ee=t.useMemo(function(){return Z(r.handleWaiting,C)},[r.handleWaiting,C,Z]),ae=t.useMemo(function(){return Z(r.handleCanPlay,k)},[r.handleCanPlay,k,Z]),ne=t.useMemo(function(){return Z(r.handleCanPlayThrough,P)},[r.handleCanPlayThrough,P,Z]),oe=t.useMemo(function(){return Z(r.handlePlaying,b)},[r.handlePlaying,b,Z]),re=t.useMemo(function(){return Z(r.handlePlay,M)},[r.handlePlay,M,Z]),ie=t.useMemo(function(){return Z(r.handlePause,I)},[r.handlePause,I,Z]),le=t.useMemo(function(){return Z(r.handleDurationChange,_)},[r.handleDurationChange,_,Z]),de=t.useMemo(function(){return Z(r.handleTimeUpdate,K)},[r.handleTimeUpdate,K,Z]),ce=t.useMemo(function(){return Z(r.handleRateChange,z)},[r.handleRateChange,z,Z]),se=t.useMemo(function(){return Z(r.handleVolumeChange,Y)},[r.handleVolumeChange,Y,Z]),ue=t.useMemo(function(){return Z(r.handleSuspend,D)},[r.handleSuspend,D,Z]),pe=t.useMemo(function(){return Z(r.handleAbort,F)},[r.handleAbort,F,Z]),me=t.useMemo(function(){return Z(r.handleEmptied,O)},[r.handleEmptied,O,Z]),ve=t.useMemo(function(){return Z(r.handleStalled,B)},[r.handleStalled,B,Z]),he=t.useMemo(function(){return Z(r.handleResize,W)},[r.handleResize,W,Z]),ye=t.useMemo(function(){return S(function(){r.handleProgressChange(X())},250)},[r,X]),Ee=t.useCallback(function(e){ye(),null===x||void 0===x?void 0:x(e)},[x,ye]),fe=t.useCallback(function(e){r.handleError(X()),null===L||void 0===L?void 0:L(e)},[r,X,L]),we=t.useCallback(function(e){r.handleSeeking(X()),null===A||void 0===A?void 0:A(e)},[r,X,A]),ge=t.useCallback(function(e){r.handleSeeked(X()),null===R||void 0===R?void 0:R(e)},[r,X,R]),Ce=t.useCallback(function(e){var t=q.current;if(s&&t){t.currentTime=0;var a=t.play();null===a||void 0===a?void 0:a.catch(function(){})}else t&&!i.paused&&t.pause();r.handleEnd(X()),null===N||void 0===N?void 0:N(e)},[r,X,s,N,i.paused]),ke=t.useCallback(function(e){var t=q.current;"number"==typeof c&&0<c&&t&&(t.currentTime=c),r.handleLoadedMetaData(X()),null===U||void 0===U?void 0:U(e)},[r,X,U,c]),Pe=t.useCallback(function(e){r.handleLoadedData(X()),null===G||void 0===G?void 0:G(e)},[r,X,G]),be=t.useCallback(function(){var e=q.current;if(e&&e.textTracks){var t=Array.from(e.textTracks).find(function(e){return"showing"===e.mode});t!==i.activeTextTrack&&r.activateTextTrack(null!==t&&void 0!==t?t:null)}},[r,i.activeTextTrack]);t.useEffect(function(){var e=q.current;if(e){e.textTracks&&(e.textTracks.onaddtrack=be,e.textTracks.onremovetrack=be);var t=function(){return r.handlePictureInPictureChange(!0)},a=function(){return r.handlePictureInPictureChange(!1)};return e.addEventListener("enterpictureinpicture",t),e.addEventListener("leavepictureinpicture",a),function(){e.removeEventListener("enterpictureinpicture",t),e.removeEventListener("leavepictureinpicture",a)}}},[r,be]);var Te=t.useRef();if(!Te.current){var Ne=function(){return q.current};Te.current={play:function(){var e,t=null===(e=Ne())||void 0===e?void 0:e.play();t&&"function"==typeof t.catch&&t.catch(function(){})},pause:function(){var e=Ne(),t=null===e||void 0===e?void 0:e.pause();"object"==typeof t&&null!==t&&"catch"in t&&"function"==typeof t.catch&&t.catch(function(){})},load:function(){var e;null===(e=Ne())||void 0===e?void 0:e.load()},addTextTrack:function(e,t,a){var n=Ne();return n?n.addTextTrack(e,t,a):{}},canPlayType:function(){for(var e,t,a=arguments.length,n=Array(a),o=0;o<a;o++)n[o]=arguments[o];return null!==(e=null===(t=Ne())||void 0===t?void 0:t.canPlayType.apply(t,n))&&void 0!==e?e:""},togglePlay:function(){var e=Ne();if(e)if(e.paused){var t=e.play();t&&"function"==typeof t.catch&&t.catch(function(){})}else{var a=e.pause();"object"==typeof a&&null!==a&&"catch"in a&&"function"==typeof a.catch&&a.catch(function(){})}},seek:function(e){var t=Ne();if(t)try{t.currentTime=e}catch(e){}},forward:function(e){var t=Ne();if(t){var a;null===(a=Te.current)||void 0===a?void 0:a.seek(t.currentTime+e)}},replay:function(e){var t;null===(t=Te.current)||void 0===t?void 0:t.forward(-e)},toggleFullscreen:function(){j.current.actions.toggleFullscreen(j.current.player)},get playbackRate(){var e,t;return null!==(e=null===(t=Ne())||void 0===t?void 0:t.playbackRate)&&void 0!==e?e:1},set playbackRate(e){var t=Ne();t&&(t.playbackRate=e)},get muted(){var e,t;return!(null===(e=null===(t=Ne())||void 0===t?void 0:t.muted)||void 0===e)&&e},set muted(e){var t=Ne();t&&(t.muted=e)},get volume(){var e,t;return null!==(e=null===(t=Ne())||void 0===t?void 0:t.volume)&&void 0!==e?e:1},set volume(e){var t=Ne();t&&(t.volume=n(0,o(1,e)))},get videoWidth(){var e,t;return null!==(e=null===(t=Ne())||void 0===t?void 0:t.videoWidth)&&void 0!==e?e:0},get videoHeight(){var e,t;return null!==(e=null===(t=Ne())||void 0===t?void 0:t.videoHeight)&&void 0!==e?e:0},get video(){return Ne()}}}t.useImperativeHandle(a,function(){return Te.current},[]);var Ae=t.useMemo(function(){if(!Te.current)return null;var t=d({},e,{video:Te.current});return H.Children.toArray(l).filter(T).map(function(e){var a=e;if("string"==typeof a.type){if("source"===a.type){var n=d({},a.props),o=n.onError;return n.onError=function(){o&&o.apply(void 0,arguments),r.handleError(X())},H.cloneElement(a,n)}return a}return H.cloneElement(a,t)})},[r,l,X,e]);return H.createElement("video",{className:V("video-react-player-video",w),id:f,crossOrigin:E,ref:q,muted:y,preload:p,loop:s,playsInline:h,autoPlay:v,poster:u,src:m,onLoadStart:J,onWaiting:ee,onCanPlay:ae,onCanPlayThrough:ne,onPlaying:oe,onEnded:Ce,onSeeking:we,onSeeked:ge,onPlay:re,onPause:ie,onProgress:Ee,onDurationChange:le,onError:fe,onSuspend:ue,onAbort:pe,onEmptied:me,onStalled:ve,onLoadedMetadata:ke,onLoadedData:Pe,onTimeUpdate:de,onRateChange:ce,onVolumeChange:se,onResize:he,tabIndex:-1},Ae)});ae.displayName="Video";var ne=function(e){function t(t,a){var n;return n=e.call(this,t,a)||this,n.timer=null,t.manager.subscribeToOperationStateChange(n.handleStateChange.bind(r(n))),n.state={hidden:!0,operation:{action:"",source:""},count:0},n}c(t,e);var a=t.prototype;return a.handleStateChange=function(e,t){var a=this;e.count!==t.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=window.setTimeout(function(){a.setState({hidden:!0}),a.timer=null},500))},a.render=function(){if("shortcut"!==this.state.operation.source)return null;var e=this.state.hidden?{display:"none"}:null;return H.createElement("div",{className:V({"video-react-player-bezel":!0,"video-react-player-bezel-animation":0==this.state.count%2,"video-react-player-bezel-animation-alt":1==this.state.count%2},this.props.className),style:e,role:"status","aria-label":this.state.operation.action},H.createElement("div",{className:V("video-react-player-bezel-icon","video-react-player-bezel-icon-"+this.state.operation.action)}))},t}(t.Component);ne.displayName="Bezel";var oe=function(e){function t(t,a){var n;return n=e.call(this,t,a)||this,n.defaultShortcuts=void 0,n.shortcuts=[],n.defaultShortcuts=[{keyCode:32,handle:n.togglePlay},{keyCode:75,handle:n.togglePlay},{keyCode:70,handle:n.toggleFullscreen},{keyCode:37,handle:function(e,t){e.hasStarted&&t.replay(5,{action:"replay-5",source:"shortcut"})}},{keyCode:74,handle:function(e,t){e.hasStarted&&t.replay(10,{action:"replay-10",source:"shortcut"})}},{keyCode:39,handle:function(e,t){e.hasStarted&&t.forward(5,{action:"forward-5",source:"shortcut"})}},{keyCode:76,handle:function(e,t){e.hasStarted&&t.forward(10,{action:"forward-10",source:"shortcut"})}},{keyCode:36,handle:function(e,t){e.hasStarted&&t.seek(0)}},{keyCode:35,handle:function(e,t){e.hasStarted&&t.seek(e.duration)}},{keyCode:38,handle:function(e,t){var a=e.volume+.05;1<a&&(a=1),t.changeVolume(a,{action:"volume-up",source:"shortcut"})}},{keyCode:40,handle:function(e,t){var a=e.volume-.05;0>a&&(a=0);var n=0<a?"volume-down":"volume-off";t.changeVolume(a,{action:n,source:"shortcut"})}},{keyCode:190,shift:!0,handle:function(e,t){var a=e.playbackRate;1.5<=a?a=2:1.25<=a?a=1.5:1<=a?a=1.25:.5<=a?a=1:.25<=a?a=.5:0<=a&&(a=.25),t.changeRate(a,{action:"fast-forward",source:"shortcut"})}},{keyCode:188,shift:!0,handle:function(e,t){var a=e.playbackRate;.5>=a?a=.25:1>=a?a=.5:1.25>=a?a=1:1.5>=a?a=1.25:2>=a&&(a=1.5),t.changeRate(a,{action:"fast-rewind",source:"shortcut"})}}],n.shortcuts=[].concat(n.defaultShortcuts),n.mergeShortcuts=n.mergeShortcuts.bind(r(n)),n.handleKeyPress=n.handleKeyPress.bind(r(n)),n.handleClick=n.handleClick.bind(r(n)),n.handleDoubleClick=n.handleDoubleClick.bind(r(n)),n}c(t,e);var a=t.prototype;return a.componentDidMount=function(){this.mergeShortcuts(),document.addEventListener("keydown",this.handleKeyPress),document.addEventListener("click",this.handleClick),document.addEventListener("dblclick",this.handleDoubleClick)},a.componentDidUpdate=function(e){e.shortcuts!==this.props.shortcuts&&this.mergeShortcuts()},a.componentWillUnmount=function(){document.removeEventListener("keydown",this.handleKeyPress),document.removeEventListener("click",this.handleClick),document.removeEventListener("dblclick",this.handleDoubleClick)},a.mergeShortcuts=function(){var e=function(e){var t=e.keyCode,a=void 0===t?0:t,n=e.ctrl,o=e.shift,r=e.alt;return a+":"+(void 0!==n&&n)+":"+(void 0!==o&&o)+":"+(void 0!==r&&r)},t=this.defaultShortcuts.reduce(function(t,a){var n;return d({},t,(n={},n[e(a)]=a,n))},{}),a=(this.props.shortcuts||[]).reduce(function(t,a){var n=a.keyCode,o=a.handle;if(n&&"function"==typeof o){var r;return d({},t,(r={},r[e(a)]=a,r))}return t},t),n=function(e){var t=0;return["ctrl","shift","alt"].forEach(function(a){e[a]&&(t+=1)}),t};this.shortcuts=Object.values(a).sort(function(e,t){return n(t)-n(e)})},a.togglePlay=function(e,t){e.paused?t.play({action:"play",source:"shortcut"}):t.pause({action:"pause",source:"shortcut"})},a.toggleFullscreen=function(e,t){t.toggleFullscreen(e)},a.handleKeyPress=function(t){var e=this.props,a=e.player,n=e.actions;if(a.isActive){var o=document.activeElement;if(!(o&&o instanceof HTMLElement&&(x(o,"video-react-player-control")||x(o,"video-react-player-menu-button-active")||x(o,"video-react-player-big-play-button")))){var r=t.keyCode||t.which,i=t.ctrlKey||t.metaKey,l=t.shiftKey,d=t.altKey,c=this.shortcuts.find(function(e){return!!(e.keyCode&&0==e.keyCode-r)&&(void 0===e.ctrl||e.ctrl===i)&&(void 0===e.shift||e.shift===l)&&(void 0===e.alt||e.alt===d)});c&&(c.handle(a,n),t.preventDefault())}}},a.canBeClicked=function(t,a){return!!(t.isActive&&4===t.readyState&&a.target instanceof HTMLVideoElement)},a.handleClick=function(t){var e=this.props,a=e.player,n=e.actions,o=e.clickable;this.canBeClicked(a,t)&&o&&this.togglePlay(a,n)},a.handleDoubleClick=function(t){var e=this.props,a=e.player,n=e.actions,o=e.dblclickable;this.canBeClicked(a,t)&&o&&this.toggleFullscreen(a,n)},a.render=function(){return null},t}(t.Component);oe.defaultProps={clickable:!0,dblclickable:!0},oe.displayName="Shortcut";var re=h(function(a,o){function i(t){if("object"==typeof t&&null!==t){var o=t.$$typeof;switch(o){case v:switch(t=t.type,t){case f:case l:case d:case y:case e:case n:return t;default:switch(t=t&&t.$$typeof,t){case h:case m:case E:return t;default:return o}}case w:case p:case c:return o}}}function t(e){return i(e)===l}Object.defineProperty(o,"__esModule",{value:!0});var s="function"==typeof Symbol&&Symbol.for,v=s?Symbol.for("react.element"):60103,c=s?Symbol.for("react.portal"):60106,d=s?Symbol.for("react.fragment"):60107,e=s?Symbol.for("react.strict_mode"):60108,y=s?Symbol.for("react.profiler"):60114,E=s?Symbol.for("react.provider"):60109,h=s?Symbol.for("react.context"):60110,f=s?Symbol.for("react.async_mode"):60111,l=s?Symbol.for("react.concurrent_mode"):60111,m=s?Symbol.for("react.forward_ref"):60112,n=s?Symbol.for("react.suspense"):60113,p=s?Symbol.for("react.memo"):60115,w=s?Symbol.for("react.lazy"):60116;o.typeOf=i,o.AsyncMode=f,o.ConcurrentMode=l,o.ContextConsumer=h,o.ContextProvider=E,o.Element=v,o.ForwardRef=m,o.Fragment=d,o.Lazy=w,o.Memo=p,o.Portal=c,o.Profiler=y,o.StrictMode=e,o.Suspense=n,o.isValidElementType=function(t){return"string"==typeof t||"function"==typeof t||t===d||t===l||t===y||t===e||t===n||"object"==typeof t&&null!==t&&(t.$$typeof===w||t.$$typeof===p||t.$$typeof===E||t.$$typeof===h||t.$$typeof===m)},o.isAsyncMode=function(e){return t(e)||i(e)===f},o.isConcurrentMode=t,o.isContextConsumer=function(e){return i(e)===h},o.isContextProvider=function(e){return i(e)===E},o.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===v},o.isForwardRef=function(e){return i(e)===m},o.isFragment=function(e){return i(e)===d},o.isLazy=function(e){return i(e)===w},o.isMemo=function(e){return i(e)===p},o.isPortal=function(e){return i(e)===c},o.isProfiler=function(e){return i(e)===y},o.isStrictMode=function(t){return i(t)===e},o.isSuspense=function(e){return i(e)===n}});v(re);var ie=re.typeOf,le=re.AsyncMode,de=re.ConcurrentMode,ce=re.ContextConsumer,se=re.ContextProvider,ue=re.Element,pe=re.ForwardRef,me=re.Fragment,ve=re.Lazy,he=re.Memo,ye=re.Portal,Ee=re.Profiler,fe=re.StrictMode,we=re.Suspense,ge=re.isValidElementType,Ce=re.isAsyncMode,ke=re.isConcurrentMode,Pe=re.isContextConsumer,be=re.isContextProvider,Te=re.isElement,Ne=re.isForwardRef,Ae=re.isFragment,Se=re.isLazy,Re=re.isMemo,Me=re.isPortal,Ie=re.isProfiler,xe=re.isStrictMode,_e=re.isSuspense,Le=h(function(){});v(Le);var De=Le.typeOf,Fe=Le.AsyncMode,Oe=Le.ConcurrentMode,Be=Le.ContextConsumer,Ue=Le.ContextProvider,Ge=Le.Element,He=Le.ForwardRef,Ve=Le.Fragment,Ke=Le.Lazy,ze=Le.Memo,Ye=Le.Portal,We=Le.Profiler,qe=Le.StrictMode,je=Le.Suspense,$e=Le.isValidElementType,Qe=Le.isAsyncMode,Xe=Le.isConcurrentMode,Ze=Le.isContextConsumer,Je=Le.isContextProvider,et=Le.isElement,tt=Le.isForwardRef,at=Le.isFragment,nt=Le.isLazy,ot=Le.isMemo,rt=Le.isPortal,it=Le.isProfiler,lt=Le.isStrictMode,dt=Le.isSuspense,ct=h(function(e){e.exports=re}),st=Object.getOwnPropertySymbols,ut=Object.prototype.hasOwnProperty,pt=Object.prototype.propertyIsEnumerable,mt=function(){var e=String.fromCharCode;try{if(!Object.assign)return!1;var t=new String("abc");if(t[5]="de","5"===Object.getOwnPropertyNames(t)[0])return!1;for(var a={},n=0;10>n;n++)a["_"+e(n)]=n;var o=Object.getOwnPropertyNames(a).map(function(e){return a[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 t,a,n=_(e),o=1;o<arguments.length;o++){for(var r in t=Object(arguments[o]),t)ut.call(t,r)&&(n[r]=t[r]);if(st){a=st(t);for(var l=0;l<a.length;l++)pt.call(t,a[l])&&(n[a[l]]=t[a[l]])}}return n},vt=Function.call.bind(Object.prototype.hasOwnProperty);D.resetWarningCache=L;var ht=function(){function e(e,t,a,n,o,r){if(r!=="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"){var i=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 i.name="Invariant Violation",i}}function t(){return e}e.isRequired=e;var a={array:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:D,resetWarningCache:L};return a.PropTypes=a,a},yt=h(function(e){e.exports=ht()}),Et={player:yt.object,className:yt.string};F.propTypes=Et,F.displayName="CurrentTimeDisplay",O.displayName="DurationDisplay",B.displayName="TimeDivider";var ft=t.forwardRef(function(e,a){var n=e.actions,o=e.player,r=e.className,i=t.useCallback(function(){n.toggleFullscreen(o)},[n,o]);return H.createElement("button",{className:V(r,{"video-react-player-icon-fullscreen-exit":o.isFullscreen,"video-react-player-icon-fullscreen":!o.isFullscreen},"video-react-player-fullscreen-control video-react-player-control video-react-player-button video-react-player-icon"),ref:a,type:"button",tabIndex:0,onClick:i},H.createElement("span",{className:"video-react-player-control-text"},"Non-Fullscreen"))});ft.displayName="FullscreenToggle";var wt=t.forwardRef(function(e,a){var n,o=e.actions,r=e.player,i=e.className,l=null===(n=null===r||void 0===r?void 0:r.paused)||void 0===n||n,d=t.useCallback(function(){o&&(l?o.play():o.pause())},[o,l]),c=l?"Play":"Pause";return H.createElement("button",{ref:a,className:V(i,{"video-react-player-play-control":!0,"video-react-player-control":!0,"video-react-player-button":!0,"video-react-player-paused":l,"video-react-player-playing":!l}),type:"button",tabIndex:0,onClick:d},H.createElement("span",{className:"video-react-player-control-text"},c))});wt.displayName="PlayToggle";var gt=function(e){function t(){for(var t,a=arguments.length,n=Array(a),o=0;o<a;o++)n[o]=arguments[o];return t=e.call.apply(e,[this].concat(n))||this,t.slider=null,t.state={active:!1},t.getProgress=function(){var e=t.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,n,o=t.props.onMouseDown;document.addEventListener("mousemove",t.handleMouseMove,!0),document.addEventListener("mouseup",t.handleMouseUp,!0),document.addEventListener("touchmove",t.handleMouseMove,!0),document.addEventListener("touchend",t.handleMouseUp,!0),t.setState({active:!0}),null===(a=(n=t.props).sliderActive)||void 0===a?void 0:a.call(n,e),t.handleMouseMove(e),o&&o(e)},t.handleMouseMove=function(e){var a=t.props.onMouseMove;a&&a(e)},t.handleMouseUp=function(e){var a,n;e.preventDefault();var o=t.props.onMouseUp;document.removeEventListener("mousemove",t.handleMouseMove,!0),document.removeEventListener("mouseup",t.handleMouseUp,!0),document.removeEventListener("touchmove",t.handleMouseMove,!0),document.removeEventListener("touchend",t.handleMouseUp,!0),t.setState({active:!1}),null===(a=(n=t.props).sliderInactive)||void 0===a?void 0:a.call(n,e),o&&o(e)},t.handleFocus=function(e){var a,n;document.addEventListener("keydown",t.handleKeyPress,!0),null===(a=(n=t.props).onFocus)||void 0===a?void 0:a.call(n,e)},t.handleBlur=function(e){if(document.removeEventListener("keydown",t.handleKeyPress,!0),e){var a,n;null===(a=(n=t.props).onBlur)||void 0===a?void 0:a.call(n,e)}},t.handleClick=function(e){var a,n;e.preventDefault(),null===(a=(n=t.props).onClick)||void 0===a?void 0:a.call(n,e)},t.handleKeyPress=function(e){37===e.which||40===e.which?(e.preventDefault(),e.stopPropagation(),t.stepBack()):(38===e.which||39===e.which)&&(e.preventDefault(),e.stopPropagation(),t.stepForward())},t.stepForward=function(){var e,a;null===(e=(a=t.props).stepForward)||void 0===e?void 0:e.call(a)},t.stepBack=function(){var e,a;null===(e=(a=t.props).stepBack)||void 0===e?void 0:e.call(a)},t.renderChildren=function(){var e,a,n=t.getProgress(),o=(100*n).toFixed(2)+"%";return null===(e=(a=t.props).onPercentageChange)||void 0===e?void 0:e.call(a,o),H.Children.map(t.props.children,function(e){return H.isValidElement(e)?H.cloneElement(e,{progress:n,percentage:o}):e})},t}c(t,e);var a=t.prototype;return a.componentWillUnmount=function(){document.removeEventListener("mousemove",this.handleMouseMove,!0),document.removeEventListener("mouseup",this.handleMouseUp,!0),document.removeEventListener("touchmove",this.handleMouseMove,!0),document.removeEventListener("touchend",this.handleMouseUp,!0),document.removeEventListener("keydown",this.handleKeyPress,!0)},a.calculateDistance=function(e){var t;if(!this.slider)return 0;var a=M(this.slider,e);if(this.props.vertical){var n;return null!==(n=a.y)&&void 0!==n?n:0}return null!==(t=a.x)&&void 0!==t?t:0},a.render=function(){var e=this.props,t=e.vertical,a=e.label,n=e.valuenow,o=e.valuetext,r="number"==typeof n?n:+(null!==n&&void 0!==n?n:0);return H.createElement("div",{className:V(this.props.className,{"video-react-player-slider-vertical":t,"video-react-player-slider-horizontal":!t,"video-react-player-sliding":this.state.active},"video-react-player-slider"),ref:function(e){this.slider=e},tabIndex:0,role:"slider",onMouseDown:this.handleMouseDown,onTouchStart:this.handleMouseDown,onFocus:this.handleFocus,onBlur:this.handleBlur,onClick:this.handleClick,"aria-label":a||"","aria-valuenow":r,"aria-valuetext":o||"","aria-valuemin":0,"aria-valuemax":100},this.renderChildren())},t}(t.Component);gt.displayName="Slider",U.displayName="PlayProgressBar";var Ct=function(e,t){var a=e/t||0;return 100*(1<=a?1:a)+"%"},kt=function(e){var t=e.buffered,a=e.duration,n=e.className;if(!t||0===t.length)return null;var o=t.end(t.length-1);o>a&&(o=a);for(var r={width:Ct(o,a)},l=[],d=0;d<t.length;d+=1){var c=t.start(d),s=t.end(d);l.push(H.createElement("div",{style:{left:Ct(c,o),width:Ct(s-c,o)},key:"part-"+d}))}return H.createElement("div",{style:r,className:V("video-react-player-load-progress",n)},H.createElement("span",{className:"video-react-player-control-text"},"Loaded: 0%"),l)};kt.displayName="LoadProgressBar";var Pt=function(e){var t=e.duration,a=e.mouseTime,n=e.className,o=e.text;if(!a.time)return null;var r=o||b(a.time,t);return H.createElement("div",{className:V("video-react-player-mouse-display",n),style:{left:a.position+"px"},"data-current-time":r})};Pt.displayName="MouseTimeDisplay";var bt=function(e){var a=e.player,n=e.actions,o=e.mouseTime,r=e.className,i=t.useRef(null),l=t.useCallback(function(){var e=a.currentTime,t=a.seekingTime,n=a.duration;if(!n)return 0;var o=(t||e)/n;return 1<=o?1:o},[a]),d=t.useCallback(function(e){var t=a.duration||0,n=i.current?i.current.calculateDistance(e):0,o=n*t;return o===t?o-.1:o},[a.duration]),c=t.useCallback(function(e){var t=d(e);n.handleSeekingTime(t)},[n,d]),s=t.useCallback(function(e){var t=d(e);n.seek(t),n.handleEndSeeking(t)},[n,d]),u=t.useCallback(function(){n.forward(5)},[n]),p=t.useCallback(function(){n.replay(5)},[n]),m=a.seekingTime||a.currentTime,v=l(),h=t.useMemo(function(){return b(m,a.duration)},[a.duration,m]);return H.createElement(gt,{ref:function(e){i.current=e},label:"video progress bar",className:V("video-react-player-progress-holder",r),valuenow:+(100*v).toFixed(2),valuetext:h,onMouseMove:c,onMouseUp:s,getPercent:l,stepForward:u,stepBack:p},H.createElement(kt,{buffered:a.buffered,currentTime:m,duration:a.duration}),H.createElement(Pt,{duration:a.duration,mouseTime:o}),H.createElement(U,{percentage:(100*v).toFixed(2)+"%",currentTime:m,duration:a.duration}))};bt.displayName="SeekBar";var Tt=function(e){var a=e.className,n=s(e,["className"]),o=t.useState({time:null,position:0}),r=o[0],i=o[1],l=t.useCallback(function(e){if(e.pageX){var t=e.currentTarget;if(t){var a=M(t,e.nativeEvent),o=a.x,r=void 0===o?0:o,l=r*n.player.duration,d=e.pageX-R(t).left;i({time:l,position:d})}}},[n.player.duration]);return H.createElement("div",{onMouseMove:l,className:V("video-react-player-progress-control video-react-player-control",a)},H.createElement(bt,d({mouseTime:r},n)))};Tt.displayName="ProgressControl";var Nt=function(e){function t(){for(var t,a=arguments.length,n=Array(a),o=0;o<a;o++)n[o]=arguments[o];return t=e.call.apply(e,[this].concat(n))||this,t.handleKeypress=function(e){(32===e.which||13===e.which)&&(e.preventDefault(),t.handleClick(e))},t.handleClick=function(e){t.props.onClick(e)},t.handleFocus=function(e){var a,n;document.addEventListener("keydown",t.handleKeypress),null===(a=(n=t.props).onFocus)||void 0===a?void 0:a.call(n,e)},t.handleBlur=function(e){if(document.removeEventListener("keydown",t.handleKeypress),e){var a,n;null===(a=(n=t.props).onBlur)||void 0===a?void 0:a.call(n,e)}},t}c(t,e);var a=t.prototype;return a.componentWillUnmount=function(){this.handleBlur()},a.render=function(){var e=this.props,t=e.tagName,a=void 0===t?"div":t,n=e.className,o=e.children,r=e.onClick,i=e.onFocus,l=e.onBlur,c=s(e,["tagName","className","children","onClick","onFocus","onBlur"]);return H.createElement(a,d({},c,{className:V(n),role:"button",tabIndex:0,onClick:this.handleClick,onFocus:this.handleFocus,onBlur:this.handleBlur}),o)},t}(t.Component);Nt.defaultProps={tagName:"div"},Nt.displayName="ClickableComponent";var At=function(e){var t=e.children;return H.createElement("div",{className:"video-react-player-menu",onClick:function(e){e.preventDefault()}},H.createElement("div",{className:"video-react-player-menu-content"},t))};At.displayName="Popup";var St=function(e){var t=e.inline,a=!(void 0!==t)||t,n=e.className,o=e.children,r=s(e,["inline","className","children"]);return H.createElement(Nt,d({},r,{className:V(n,{"video-react-player-menu-button-inline":!!a,"video-react-player-menu-button-popup":!a},"video-react-player-control video-react-player-button video-react-player-menu-button")}),H.createElement(At,null,o))};St.displayName="PopupButton";var Rt=function(e){var t=e.percentage,a=void 0===t?"100%":t,n=e.vertical,o=e.className,r={};return void 0!==n&&n?r.height=a:r.width=a,H.createElement("div",{className:V(o,"video-react-player-volume-level"),style:r},H.createElement("span",{className:"video-react-player-control-text"}))};Rt.displayName="VolumeLevel";var Mt=function(e){function t(){for(var t,a=arguments.length,n=Array(a),o=0;o<a;o++)n[o]=arguments[o];return t=e.call.apply(e,[this].concat(n))||this,t.slider=null,t.state={percentage:"0%"},t.getPercent=function(){var e=t.props.player;return e.muted?0:e.volume},t.checkMuted=function(){var e=t.props,a=e.player,n=e.actions;a.muted&&n.mute(!1)},t.handleMouseMove=function(e){var a=t.props.actions;t.checkMuted();var n=t.slider?t.slider.calculateDistance(e):0;a.changeVolume(n)},t.stepForward=function(){var e=t.props,a=e.player,n=e.actions;t.checkMuted(),n.changeVolume(a.volume+.1)},t.stepBack=function(){var e=t.props,a=e.player,n=e.actions;t.checkMuted(),n.changeVolume(a.volume-.1)},t.handleFocus=function(e){var a,n;null===(a=(n=t.props).onFocus)||void 0===a?void 0:a.call(n,e)},t.handleBlur=function(e){var a,n;null===(a=(n=t.props).onBlur)||void 0===a?void 0:a.call(n,e)},t.handleSliderActivate=function(e){"focus"===e.type&&t.handleFocus(e)},t.handleSliderDeactivate=function(e){"blur"===e.type&&t.handleBlur(e)},t.handlePercentageChange=function(e){e!==t.state.percentage&&t.setState({percentage:e})},t.handleClick=function(e){e.stopPropagation()},t}c(t,e);var a=t.prototype;return a.render=function(){var e=this.props,t=e.player,a=e.className,n=e.vertical,o=+(100*t.volume).toFixed(2);return H.createElement(gt,{order:1,ref:function(e){this.slider=e},label:"volume level",valuenow:o,valuetext:o+"%",onMouseMove:this.handleMouseMove,onFocus:this.handleFocus,onBlur:this.handleBlur,onClick:this.handleClick,sliderActive:this.handleSliderActivate,sliderInactive:this.handleSliderDeactivate,getPercent:this.getPercent,onPercentageChange:this.handlePercentageChange,stepForward:this.stepForward,stepBack:this.stepBack,vertical:n,className:V(a,"video-react-player-volume-bar","video-react-player-slider-bar")},H.createElement(Rt,{className:"video-react-player-volume-level"}))},t}(t.Component);Mt.displayName="VolumeBar";var It=function(e){var a=e.player,n=e.actions,o=e.vertical,r=void 0!==o&&o,i=e.className,l=e.alwaysShowVolume,c=s(e,["player","actions","vertical","className","alwaysShowVolume"]),u=t.useState(!1),p=u[0],m=u[1],v=t.useMemo(function(){return a.muted||0===a.volume?0:.33>a.volume?1:.67>a.volume?2:3},[a.muted,a.volume]),h=t.useCallback(function(){n.mute(!a.muted)},[n,a.muted]),y=t.useCallback(function(){m(!0)},[]),E=t.useCallback(function(){m(!1)},[]);return H.createElement(St,d({},c,{className:V(i,{"video-react-player-volume-menu-button-vertical":r,"video-react-player-volume-menu-button-horizontal":!r,"video-react-player-vol-muted":a.muted,"video-react-player-vol-0":0===v&&!a.muted,"video-react-player-vol-1":1===v,"video-react-player-vol-2":2===v,"video-react-player-vol-3":3===v,"video-react-player-slider-active":l||p,"video-react-player-lock-showing":l||p},"video-react-player-volume-menu-button"),onClick:h,inline:!r}),H.createElement(Mt,{onFocus:y,onBlur:E,player:a,actions:n,vertical:r}))};It.displayName="VolumeMenuButton";var xt=function(e){return e},_t=function(){return[xt(H.createElement(wt,{key:"play-toggle",order:1})),xt(H.createElement(It,{key:"volume-menu-button",order:4})),xt(H.createElement(F,{key:"current-time-display",order:5.1})),xt(H.createElement(B,{key:"time-divider",order:5.2})),xt(H.createElement(O,{key:"duration-display",order:5.3})),xt(H.createElement(Tt,{key:"progress-control",order:6})),xt(H.createElement(ft,{key:"fullscreen-toggle",order:8}))]},Lt=function(e){var t=e.autoHide,a=e.className,n=e.disableCompletely,o=e.disableDefaultControls,r=e.children,i=s(e,["autoHide","className","disableCompletely","disableDefaultControls","children"]);if(void 0!==n&&n||!i.actions||!i.player)return null;var l=!!(i.actions&&i.player),d=o||!l?[]:_t(),c=N(d,r,i);return H.createElement("div",{className:V("video-react-player-control-bar",{"video-react-player-control-bar-auto-hide":!(void 0!==t)||t},a)},c)};Lt.displayName="ControlBar";var Dt="undefined"!=typeof window&&window.navigator?window.navigator.userAgent:"",Ft=/iPad/i.test(Dt),Ot=/iPhone/i.test(Dt)&&!Ft,Bt=/iPod/i.test(Dt),Ut={fluid:!0,muted:!1,playsInline:!1,preload:"auto",aspectRatio:"auto"},Gt=t.forwardRef(function(e,a){var n=d({},Ut,e),o=n.children,r=n.width,i=n.height,l=n.fluid,c=n.bigPlayButtonPosition,u=n.hideDefaultBigPlayButton,p=n.aspectRatio,m=n.className,v=n.store,h=s(n,["children","width","height","fluid","bigPlayButtonPosition","hideDefaultBigPlayButton","aspectRatio","className","store"]),y=t.useRef();y.current||(y.current=new Q(v));var E=y.current,f=t.useRef(E.getActions()),w=f.current,g=t.useRef(null),C=t.useRef(null),b=t.useState(E.getState().player),A=b[0],R=b[1],M=t.useCallback(function(){},[]);t.useEffect(function(){var e=E.subscribeToPlayerStateChange(function(e,t){e.isFullscreen!==t.isFullscreen&&(M(),I(E.rootElement)),R(e)});return e},[M,E]),t.useEffect(function(){return M(),window.addEventListener("resize",M),function(){window.removeEventListener("resize",M)}},[M]);var x=t.useCallback(function(e){e.target===E.rootElement&&w.handleFullscreenChange(!!W.isFullscreen)},[w,E]);t.useEffect(function(){return W.addEventListener(x),function(){return W.removeEventListener(x)}},[x]),t.useEffect(function(){return function(){C.current&&clearTimeout(C.current)}},[]);var _=t.useCallback(function(e){g.current=e,E.video=e},[E]),L=t.useCallback(function(e,t,a){return void 0===t&&(t=!0),[H.createElement(ae,{ref:_,key:"video",order:0,actions:w,player:A},e),H.createElement(P,{key:"poster-image",order:1,actions:w,player:A}),H.createElement(k,{key:"loading-spinner",order:2,actions:w,player:A}),H.createElement(ne,{key:"bezel",order:3,manager:E}),t&&H.createElement(X,{key:"big-play-button",order:4,actions:w,player:A,position:a}),H.createElement(Lt,{key:"control-bar",order:5,actions:w,player:A}),H.createElement(oe,{key:"shortcut",order:99,actions:w,player:A,manager:E})]},[w,_,E,A]),D=t.useCallback(function(e){var a=!1;return H.Children.forEach(e,function(e){if(!a&&H.isValidElement(e)){var n=e.type,t=n.displayName||n.name;return e.type===X||"BigPlayButton"===t||!0===e.props["data-big-play-button"]?void(a=!0):void(e.props&&e.props.children&&D(e.props.children)&&(a=!0))}}),a},[]),F=t.useCallback(function(e){var t=e.className,a=e.children,n=e.fluid,r=e.bigPlayButtonPosition,i=e.hideDefaultBigPlayButton,l=s(e,["className","children","fluid","bigPlayButtonPosition","hideDefaultBigPlayButton"]),p=H.Children.toArray(o).filter(function(e){return!T(e)}),m=D(o),v=L(a,!u&&!m,c),h=d({},l,{actions:w,player:A,manager:E});return N(v,p,h)},[w,c,o,D,L,u,E,A]),O=t.useCallback(function(e,t,a){var n;"string"==typeof a?"auto"===a?n="auto":/\d+%/.test(a)&&(n=a):"number"==typeof a&&(n=a+"px"),n&&(e[t]=n)},[]),B=t.useMemo(function(){var e={},t=p;(void 0===t||"auto"===t)&&(A.videoWidth?t=A.videoWidth+":"+A.videoHeight:t="16:9");var a=t.split(":").map(Number),n=a[0],o=a[1],d=o/n,c=r;void 0===c&&("number"==typeof i?c=i/d:"string"==typeof i&&"auto"!==i?c=parseFloat(i)/d:c=A.videoWidth||400);var s=i;return void 0===s&&("number"==typeof c?s=c*d:"string"==typeof c&&"auto"!==c&&(s=parseFloat(c)*d)),l?e.paddingTop=100*d+"%":(void 0!==c&&O(e,"width",c),void 0!==s&&O(e,"height",s)),e},[p,l,i,A.videoHeight,A.videoWidth,O,r]),U=t.useCallback(function(){var e=3e3;H.Children.forEach(o,function(t){if(H.isValidElement(t)&&t.type===Lt){var a=t.props,n=a.autoHideTime;"number"==typeof n&&(e=n)}}),w.userActivate(!0),C.current&&clearTimeout(C.current),C.current=window.setTimeout(function(){w.userActivate(!1)},e)},[w,o]),G=t.useMemo(function(){return S(function(){U()},250)},[U]),K=t.useCallback(function(){U()},[U]),z=t.useCallback(function(){G()},[G]),Y=t.useCallback(function(){U()},[U]),q=t.useCallback(function(){w.activate(!0)},[w]),j=t.useCallback(function(){w.activate(!1)},[w]),$=t.useCallback(function(e){E.rootElement=e},[E]),Z=t.useMemo(function(){var e,t;return d({},h,{fluid:l,bigPlayButtonPosition:c,hideDefaultBigPlayButton:u,player:A,actions:w,manager:E,store:E.store,video:null!==(e=null===(t=g.current)||void 0===t?void 0:t.video)&&void 0!==e?e:null})},[w,c,l,u,E,h,A]),J=t.useMemo(function(){return F(Z)},[Z,F]);t.useImperativeHandle(a,function(){return{manager:E,actions:w,video:g.current,getState:function(){return E.getState()},get playbackRate(){var e,t;return null!==(e=null===(t=g.current)||void 0===t?void 0:t.playbackRate)&&void 0!==e?e:1},set playbackRate(e){g.current&&(g.current.playbackRate=e)},get muted(){var e,t;return!(null===(e=null===(t=g.current)||void 0===t?void 0:t.muted)||void 0===e)&&e},set muted(e){g.current&&(g.current.muted=e)},get volume(){var e,t;return null!==(e=null===(t=g.current)||void 0===t?void 0:t.volume)&&void 0!==e?e:1},set volume(e){g.current&&(g.current.volume=e)},get videoWidth(){var e,t;return null!==(e=null===(t=g.current)||void 0===t?void 0:t.videoWidth)&&void 0!==e?e:0},get videoHeight(){var e,t;return null!==(e=null===(t=g.current)||void 0===t?void 0:t.videoHeight)&&void 0!==e?e:0},play:function(){var e;null===(e=g.current)||void 0===e?void 0:e.play()},pause:function(){var e;null===(e=g.current)||void 0===e?void 0:e.pause()},load:function(){var e;null===(e=g.current)||void 0===e?void 0:e.load()},addTextTrack:function(){for(var e,t,a=arguments.length,n=Array(a),o=0;o<a;o++)n[o]=arguments[o];return null!==(e=null===(t=g.current)||void 0===t?void 0:t.addTextTrack.apply(t,n))&&void 0!==e?e:{}},canPlayType:function(){for(var e,t,a=arguments.length,n=Array(a),o=0;o<a;o++)n[o]=arguments[o];return null!==(e=null===(t=g.current)||void 0===t?void 0:t.canPlayType.apply(t,n))&&void 0!==e?e:""},seek:function(e){var t;null===(t=g.current)||void 0===t?void 0:t.seek(e)},forward:function(e){var t;null===(t=g.current)||void 0===t?void 0:t.forward(e)},replay:function(e){var t;null===(t=g.current)||void 0===t?void 0:t.replay(e)},toggleFullscreen:function(){var e;null===(e=g.current)||void 0===e?void 0:e.toggleFullscreen()},subscribeToStateChange:function(e){return E.subscribeToPlayerStateChange(e)}}},[w,E]);var ee=A.paused,te=A.hasStarted,re=A.waiting,ie=A.seeking,le=A.isFullscreen,de=A.userActivity;return H.createElement("div",{className:V({"video-react-player-controls-enabled":!0,"video-react-player-has-started":te,"video-react-player-paused":ee,"video-react-player-playing":!ee,"video-react-player-waiting":re,"video-react-player-seeking":ie,"video-react-player-fluid":l,"video-react-player-fullscreen":le,"video-react-player-user-inactive":!de,"video-react-player-user-active":de,"video-react-player-workinghover":!(Ot||Ft||Bt)},"video-react-player",m),style:B,ref:$,role:"region",onTouchStart:K,onMouseDown:K,onTouchMove:z,onMouseMove:z,onKeyDown:Y,onFocus:q,onBlur:j,tabIndex:-1},J)});Gt.displayName="Player";var Ht=function(e){var a=t.forwardRef(function(a,n){var o=a.actions,r=a.seconds,i=void 0===r?10:r,l=a.className,d=t.useCallback(function(){"forward"===e?o.forward(i):o.replay(i)},[o,i]),c=["video-react-player-control","video-react-player-button","video-react-player-icon","video-react-player-icon-"+e+"-"+i,"video-react-player-"+e+"-control"];return l&&c.push(l),H.createElement("button",{ref:n,className:c.join(" "),type:"button",onClick:d},H.createElement("span",{className:"video-react-player-control-text"},e+" "+i+" seconds"))});return a.displayName="ForwardReplayControl("+e+")",a},Vt=Ht("forward");Vt.displayName="ForwardControl";var Kt=Ht("replay");Kt.displayName="ReplayControl";var zt=function(e){var t=e.children;return H.createElement("div",{className:"video-react-player-menu video-react-player-lock-showing",role:"presentation",onClick:function(e){e.preventDefault()}},H.createElement("ul",{className:"video-react-player-menu-content"},t))};zt.displayName="Menu";var Yt=function(e){var t=e.item,a=e.index,n=e.activateIndex,o=e.onSelectItem;return H.createElement("li",{className:V({"video-react-player-menu-item":!0,"video-react-player-selected":a===n}),role:"menuitem",onClick:function(){o(a)}},t.label,H.createElement("span",{className:"video-react-player-control-text"}))};Yt.displayName="MenuItem";var Wt=function(e){function t(){for(var t,a,n=arguments.length,o=Array(n),r=0;r<n;r++)o[r]=arguments[r];return a=e.call.apply(e,[this].concat(o))||this,a.state={active:!1,activateIndex:null!==(t=a.props.selectedIndex)&&void 0!==t?t:0},a.commitSelection=function(e){a.setState({activateIndex:e}),a.handleIndexChange(e)},a.activateMenuItem=function(e){void 0===e&&(e=0),a.setState({activateIndex:e}),a.handleIndexChange(e)},a.handleIndexChange=function(e){a.props.onSelectItem(e)},a.handleClick=function(){a.setState(function(e){return{active:!e.active}})},a.handleFocus=function(){document.addEventListener("keydown",a.handleKeyPress)},a.handleBlur=function(){a.setState({active:!1}),document.removeEventListener("keydown",a.handleKeyPress)},a.handleUpArrow=function(e){var t,n=null!==(t=a.props.items)&&void 0!==t?t:[];if(a.state.active&&n.length){e.preventDefault();var o=(a.state.activateIndex-1+n.length)%n.length;a.activateMenuItem(o)}},a.handleDownArrow=function(e){var t,n=null!==(t=a.props.items)&&void 0!==t?t:[];if(a.state.active&&n.length){e.preventDefault();var o=(a.state.activateIndex+1)%n.length;a.activateMenuItem(o)}},a.handleTab=function(e){a.state.active&&(e.preventDefault(),a.commitSelection(a.state.activateIndex))},a.handleReturn=function(e){e.preventDefault(),a.state.active?a.commitSelection(a.state.activateIndex):a.setState({active:!0})},a.handleEscape=function(){a.setState({active:!1,activateIndex:0})},a.handleKeyPress=function(e){27===e.which?a.handleEscape():9===e.which?a.handleTab(e):13===e.which?a.handleReturn(e):38===e.which?a.handleUpArrow(e):40===e.which&&a.handleDownArrow(e)},a.handleSelectItem=function(e){a.commitSelection(e)},a}c(t,e);var a=t.prototype;return a.componentWillUnmount=function(){document.removeEventListener("keydown",this.handleKeyPress)},a.componentDidUpdate=function(e){e.selectedIndex!==this.props.selectedIndex&&"number"==typeof this.props.selectedIndex&&this.activateMenuItem(this.props.selectedIndex)},a.renderMenu=function(){var e,t=this;if(!this.state.active)return null;var a=null!==(e=this.props.items)&&void 0!==e?e:[];return H.createElement(zt,null,a.map(function(e,a){return H.createElement(Yt,{item:e,index:a,onSelectItem:t.handleSelectItem,activateIndex:t.state.activateIndex,key:"item-"+a})}))},a.render=function(){var e=this.props,t=e.inline,a=e.className,n=e.children;return H.createElement(Nt,{className:V(a,{"video-react-player-menu-button-inline":!!t,"video-react-player-menu-button-popup":!t,"video-react-player-menu-button-active":this.state.active},"video-react-player-control video-react-player-button video-react-player-menu-button"),onClick:this.handleClick,onFocus:this.handleFocus,onBlur:this.handleBlur},n,this.renderMenu())},t}(t.Component);Wt.displayName="MenuButton",Wt.defaultProps={items:[],selectedIndex:0};var qt=[2,1.5,1.25,1,.5,.25],jt=function(e){var a=e.actions,n=e.player,o=e.rates,r=void 0===o?qt:o,i=e.className,l=t.useMemo(function(){return r.map(function(e){return{label:e+"x",value:e}})},[r]),d=t.useMemo(function(){var e=r.indexOf(n.playbackRate);if(0<=e)return e;var t=r.indexOf(1);return 0<=t?t:0},[n.playbackRate,r]),c=t.useCallback(function(e){0<=e&&e<r.length&&a.changeRate(r[e])},[a,r]);return H.createElement(Wt,{className:V("video-react-player-playback-rate",i),onSelectItem:c,items:l,selectedIndex:d},H.createElement("span",{className:"video-react-player-control-text"},"Playback Rate"),H.createElement("div",{className:"video-react-player-playback-rate-value"},n.playbackRate.toFixed(2)+"x"))};jt.displayName="PlaybackRateMenuButton";var $t=function(e){return t.useEffect(function(){A("PlaybackRate","PlaybackRateMenuButton")},[]),H.createElement(jt,e)};$t.displayName="PlaybackRate";var Qt=["captions","subtitles"],Xt=function(e){var a=e.player,n=e.actions,o=e.className,r=e.offMenuText,i=void 0===r?"Off":r,l=e.showOffMenu,d=!(void 0!==l)||l,c=e.kinds,s=void 0===c?Qt:c,u=t.useMemo(function(){var e=[],t=Array.from(a.textTracks||[]);d&&e.push({label:i,value:null}),t.forEach(function(t){s.length&&!s.includes(t.kind)||e.push({label:t.label||t.language||"Unknown",value:t.language||null})});var n=e.findIndex(function(e){return a.activeTextTrack&&null!==e.value&&a.activeTextTrack.language===e.value});return{items:e,selectedIndex:0<=n?n:0}},[s,i,a.activeTextTrack,a.textTracks,d]),p=t.useCallback(function(e){Array.from(a.textTracks||[]).forEach(function(t,a){var o=d?a+1:a;e===o?(t.mode="showing",n.activateTextTrack(t)):t.mode="hidden"}),d&&0===e&&n.activateTextTrack(null)},[n,a.textTracks,d]);return H.createElement(Wt,{className:V("video-react-player-closed-caption",o),onSelectItem:p,items:u.items,selectedIndex:u.selectedIndex},H.createElement("span",{className:"video-react-player-control-text"},"Closed Caption"))};Xt.displayName="ClosedCaptionButton";var Zt=function(e){var a,n=e.actions,o=e.player,r=e.className,i=t.useCallback(function(){n.togglePictureInPicture()},[n]),l=!(null===(a=o.isPictureInPicture)||void 0===a)&&a;return H.createElement("button",{className:V(r,{"video-react-player-icon-picture-in-picture-exit":l,"video-react-player-icon-picture-in-picture":!l},"video-react-player-picture-in-picture-control video-react-player-control video-react-player-button video-react-player-icon"),type:"button",tabIndex:0,onClick:i},H.createElement("span",{className:"video-react-player-control-text"},"Picture-in-Picture"))};Zt.displayName="PictureInPictureToggle";var Jt=t.forwardRef(function(e,a){var n=e.actions,o=e.player,r=e.className,i=!!o.loop,l=t.useCallback(function(){n.handleLoopChange(!i)},[n,i]);return H.createElement("button",{className:V(r,{"video-react-player-icon-loop-active":i,"video-react-player-icon-loop":!i},"video-react-player-loop-control video-react-player-control video-react-player-button video-react-player-icon"),ref:a,type:"button",tabIndex:0,onClick:l},H.createElement("span",{className:"video-react-player-control-text"},i?"Loop On":"Loop Off"))});Jt.displayName="LoopToggle";var ea=function(e){var a,n=e.actions,o=e.player,r=e.className,i=t.useCallback(function(){n.toggleTheaterMode(!o.isTheater)},[n,o.isTheater]),l=!(null===(a=o.isTheater)||void 0===a)&&a;return H.createElement("button",{className:V(r,{"video-react-player-icon-theater-exit":l,"video-react-player-icon-theater":!l},"video-react-player-theater-control video-react-player-control video-react-player-button video-react-player-icon"),type:"button",tabIndex:0,onClick:i},H.createElement("span",{className:"video-react-player-control-text"},l?"Exit Theater Mode":"Theater Mode"))};ea.displayName="TheaterModeToggle";var ta=function(e){var a=e.player,n=e.className,o=e.filename,r=void 0===o?"video":o,i=t.useCallback(function(){if(a.currentSrc){var e=document.createElement("a");e.href=a.currentSrc,e.download=r,e.click()}},[r,a.currentSrc]);return H.createElement("button",{className:V(n,"video-react-player-icon-download","video-react-player-download-control video-react-player-control video-react-player-button video-react-player-icon"),type:"button",tabIndex:0,onClick:i},H.createElement("span",{className:"video-react-player-control-text"},"Download"))};ta.displayName="DownloadButton";var aa=function(e){var a=e.actions,n=e.className,o=t.useCallback(function(){a.takeScreenshot()},[a]);return H.createElement("button",{className:V(n,"video-react-player-icon-camera","video-react-player-screenshot-control video-react-player-control video-react-player-button video-react-player-icon"),type:"button",tabIndex:0,onClick:o},H.createElement("span",{className:"video-react-player-control-text"},"Screenshot"))};aa.displayName="ScreenshotButton";var na=["auto","1080p","720p","480p","360p","240p"],oa=function(e){var a=e.qualities,n=void 0===a?na:a,o=e.actions,r=e.player,i=e.className,l=t.useMemo(function(){return n.map(function(e){return{label:e,value:e}})},[n]),d=r.quality||"auto",c=t.useMemo(function(){var e=n.indexOf(d);return 0<=e?e:0},[d,n]),s=t.useCallback(function(e){0<=e&&e<n.length&&o.changeQuality(n[e])},[o,n]);return H.createElement(Wt,{className:V("video-react-player-quality-menu",i),onSelectItem:s,items:l,selectedIndex:c},H.createElement("span",{className:"video-react-player-control-text"},"Quality"),H.createElement("div",{className:"video-react-player-quality-value"},d))};oa.displayName="QualityMenuButton",G.displayName="RemainingTimeDisplay",e.Bezel=ne,e.BigPlayButton=X,e.ClosedCaptionButton=Xt,e.ControlBar=Lt,e.CurrentTimeDisplay=F,e.DownloadButton=ta,e.DurationDisplay=O,e.ForwardControl=Vt,e.FullscreenToggle=ft,e.LoadProgressBar=kt,e.LoadingSpinner=k,e.LoopToggle=Jt,e.MenuButton=Wt,e.MouseTimeDisplay=Pt,e.PictureInPictureToggle=Zt,e.PlayProgressBar=U,e.PlayToggle=wt,e.PlaybackRate=$t,e.PlaybackRateMenuButton=jt,e.Player=Gt,e.PosterImage=P,e.ProgressControl=Tt,e.QualityMenuButton=oa,e.RemainingTimeDisplay=G,e.ReplayControl=Kt,e.ScreenshotButton=aa,e.SeekBar=bt,e.Shortcut=oe,e.Slider=gt,e.TheaterModeToggle=ea,e.TimeDivider=B,e.Video=ae,e.VolumeMenuButton=It,e.operationReducer=g,e.playerActions=q,e.playerReducer=w,e.videoActions=K,Object.defineProperty(e,"__esModule",{value:!0})});
+//# sourceMappingURL=video-react-player.min.js.map