video-react-player 0.1.0

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

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

package/package.json

@@ -0,0 +1,145 @@
+{
+  "name": "video-react-player",
+  "version": "0.1.0",
+  "description": "video-react-player is a web video player built from the ground up for an HTML5 world using React library.",
+  "main": "dist/video-react-player.cjs.js",
+  "module": "dist/video-react-player.es.js",
+  "style": "dist/video-react-player.css",
+  "types": "dist/index.d.ts",
+  "scripts": {
+    "test": "BABEL_ENV=test jest",
+    "test:watch": "BABEL_ENV=test jest --watch",
+    "test:coverage": "BABEL_ENV=test jest --coverage",
+    "build:types": "tsc --project tsconfig.build.json",
+    "typecheck": "tsc --noEmit",
+    "build": "npm run typecheck && npm run build:types && rollup -c",
+    "prebuild": "cross-env BABEL_ENV=lib-dir babel src --out-dir lib --extensions \".ts,.tsx,.js\" --ignore src/__tests__/**",
+    "create-release": "npm test && sh ./scripts/release",
+    "create-major": "sh ./scripts/release major",
+    "create-minor": "sh ./scripts/release minor",
+    "create-patch": "sh ./scripts/release patch",
+    "publish-release": "npm test && sh ./scripts/publish",
+    "lint": "eslint --ext .js,.ts,.tsx src",
+    "format-all": "prettier --config .prettierrc.js --write \"src/**/*.{js,ts,tsx,json,md}\" \"*.{js,json,md}\"",
+    "format-one": "prettier --config .prettierrc.js --write"
+  },
+  "husky": {
+    "hooks": {
+      "pre-commit": "lint-staged"
+    }
+  },
+  "lint-staged": {
+    "**/*.{js,ts,tsx,css,md}": [
+      "npm run format-one",
+      "git add"
+    ]
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/thind9xdev/video-react-player.git"
+  },
+  "files": [
+    "LICENSE",
+    "README.md",
+    "CHANGELOG.md",
+    "dist/**/*",
+    "!dist/**/*.map",
+    "!dist/**/*__tests__/**",
+    "!dist/**/*spec.*",
+    "styles/**/*",
+    "tonic-example.js"
+  ],
+  "keywords": [
+    "react",
+    "video",
+    "video-react-player",
+    "react-video",
+    "video-react-19",
+    "player",
+    "component",
+    "components",
+    "react-component",
+    "react-components",
+    "react component",
+    "react components",
+    "ui"
+  ],
+  "contributors": [
+    "Junmin Liu",
+    "Mengdi Chen",
+    "Tianxiao Wang",
+    "Xincun Li",
+    "Jing Sun",
+    "Xiaolei Chen",
+    "Xiangkun Yang",
+    "Thind9xdev"
+  ],
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/thind9xdev/video-react-player/issues"
+  },
+  "homepage": "https://github.com/thind9xdev/video-react-player#readme",
+  "tonicExampleFilename": "tonic-example.js",
+  "dependencies": {
+    "@babel/runtime": "^7.4.5",
+    "classnames": "^2.2.6",
+    "lodash.throttle": "^4.1.1",
+    "prop-types": "^15.7.2",
+    "redux": "^4.0.1"
+  },
+  "peerDependencies": {
+    "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
+    "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+  },
+  "devDependencies": {
+    "@babel/cli": "^7.4.4",
+    "@babel/core": "^7.26.5",
+    "@babel/plugin-proposal-class-properties": "^7.18.6",
+    "@babel/plugin-proposal-nullish-coalescing-operator": "^7.18.6",
+    "@babel/plugin-proposal-object-rest-spread": "^7.4.4",
+    "@babel/plugin-proposal-optional-chaining": "^7.21.0",
+    "@babel/plugin-transform-modules-commonjs": "^7.4.4",
+    "@babel/plugin-transform-runtime": "^7.4.4",
+    "@babel/polyfill": "^7.4.4",
+    "@babel/preset-env": "^7.4.5",
+    "@babel/preset-react": "^7.0.0",
+    "@babel/preset-typescript": "^7.26.5",
+    "@cfaester/enzyme-adapter-react-18": "^0.8.0",
+    "@types/classnames": "^2.3.1",
+    "@types/lodash.throttle": "^4.1.9",
+    "@types/prop-types": "^15.7.12",
+    "@types/react": "^18.3.12",
+    "@types/react-dom": "^18.3.7",
+    "@typescript-eslint/eslint-plugin": "^2.34.0",
+    "@typescript-eslint/parser": "^2.34.0",
+    "babel-eslint": "^10.1.0",
+    "babel-jest": "^24.8.0",
+    "conventional-changelog-cli": "^1.3.22",
+    "conventional-recommended-bump": "^1.0.0",
+    "cross-env": "^2.0.0",
+    "deep-freeze": "0.0.1",
+    "enzyme": "^3.10.0",
+    "eslint": "^5.16.0",
+    "eslint-config-airbnb": "^17.1.0",
+    "eslint-config-prettier": "^4.3.0",
+    "eslint-plugin-import": "^2.17.3",
+    "eslint-plugin-jsx-a11y": "^6.2.1",
+    "eslint-plugin-react": "^7.13.0",
+    "husky": "^1.3.1",
+    "jest": "^24.8.0",
+    "lint-staged": "^8.2.0",
+    "prettier": "^2.8.8",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "rollup": "^1.15.1",
+    "rollup-plugin-babel": "^4.2.0",
+    "rollup-plugin-babel-minify": "^7.0.0",
+    "rollup-plugin-commonjs": "^9.3.4",
+    "rollup-plugin-node-resolve": "^4.2.4",
+    "rollup-plugin-replace": "^2.2.0",
+    "rollup-plugin-sass": "^1.2.2",
+    "sass": "^1.70.0",
+    "sinon": "^1.17.6",
+    "typescript": "^5.7.0"
+  }
+}

package/styles/fonts/video-react.svg

@@ -0,0 +1,43 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
+<svg xmlns="http://www.w3.org/2000/svg">
+<metadata>Generated by IcoMoon</metadata>
+<defs>
+<font id="video-react-player" horiz-adv-x="1024">
+<font-face units-per-em="1024" ascent="1024" descent="0" />
+<missing-glyph horiz-adv-x="1024" />
+<glyph unicode="&#x20;" horiz-adv-x="0" d="" />
+<glyph unicode="&#xf200;" glyph-name="play-arrow" d="M342 810l468-298-468-298v596z" />
+<glyph unicode="&#xf201;" glyph-name="play-circle-filled" d="M426 320l256 192-256 192v-384zM512 938c236 0 426-190 426-426s-190-426-426-426-426 190-426 426 190 426 426 426z" />
+<glyph unicode="&#xf202;" glyph-name="play-circle-outline" d="M512 170c188 0 342 154 342 342s-154 342-342 342-342-154-342-342 154-342 342-342zM512 938c236 0 426-190 426-426s-190-426-426-426-426 190-426 426 190 426 426 426zM426 320v384l256-192z" />
+<glyph unicode="&#xf203;" glyph-name="pause" d="M598 810h170v-596h-170v596zM256 214v596h170v-596h-170z" />
+<glyph unicode="&#xf204;" glyph-name="pause-circle-filled" d="M640 342v340h-86v-340h86zM470 342v340h-86v-340h86zM512 938c236 0 426-190 426-426s-190-426-426-426-426 190-426 426 190 426 426 426z" />
+<glyph unicode="&#xf205;" glyph-name="pause-circle-outline" d="M554 342v340h86v-340h-86zM512 170c188 0 342 154 342 342s-154 342-342 342-342-154-342-342 154-342 342-342zM512 938c236 0 426-190 426-426s-190-426-426-426-426 190-426 426 190 426 426 426zM384 342v340h86v-340h-86z" />
+<glyph unicode="&#xf206;" glyph-name="stop" d="M256 768h512v-512h-512v512z" />
+<glyph unicode="&#xf207;" glyph-name="fast-rewind" d="M490 512l364 256v-512zM470 256l-364 256 364 256v-512z" />
+<glyph unicode="&#xf208;" glyph-name="fast-forward" d="M554 768l364-256-364-256v512zM170 256v512l364-256z" />
+<glyph unicode="&#xf209;" glyph-name="skip-previous" d="M406 512l362 256v-512zM256 768h86v-512h-86v512z" />
+<glyph unicode="&#xf20a;" glyph-name="skip-next" d="M682 768h86v-512h-86v512zM256 256v512l362-256z" />
+<glyph unicode="&#xf20b;" glyph-name="replay-5" d="M504 444c-3.584-1.434-14-4.805-14-8 0-4-4-6-4-6h-30l10 94h102v-30h-74l-4-38s4 0 4 4 6 2 6 6 4 0 8 0h8c8 0 18-2 22-6s12-8 16-12c8.873-8.873 18-27.257 18-46 0-8 0-18-4-22s-6-14-14-22-12-8-16-12-18-4-26-4-18 0-22 4-12 4-20 8c-11.191 5.596-18 22.554-18 38h34c0-14.809 10.59-20 26-20 4 0 8 0 12 4l10 8s4 8 4 12v26l-4 8-10 10s-8 4-12 4h-8zM512 810c188 0 342-152 342-340s-154-342-342-342-342 154-342 342h86c0-140 116-256 256-256s256 116 256 256-116 256-256 256v-172l-214 214 214 214v-172z" />
+<glyph unicode="&#xf20c;" glyph-name="replay-10" d="M564 376c0-6.531 12.65-14 20-14 4 0 10 0 14 4l8 10s4 8 4 12v86c0 0-4 8-4 12 0 5.505-16.424 14-22 14-4 0-8-2-12-6l-8-8s-6-8-6-12v-86s6-8 6-12zM648 418c0-12 0-26-4-34l-12-26s-14-12-22-12-18-4-26-4-18 0-26 4-12 8-20 12c-13.488 6.744-18 39.492-18 60v30c0 12 0 26 4 34l14 26s12 12 20 12 18 4 26 4 18 0 26-4 14-8 22-12 8-14 12-26 4-22 4-34v-30zM466 342h-40v140l-42-12v30l76 24h6v-182zM512 810c188 0 342-152 342-340s-154-342-342-342-342 154-342 342h86c0-140 116-256 256-256s256 116 256 256-116 256-256 256v-172l-214 214 214 214v-172z" />
+<glyph unicode="&#xf20d;" glyph-name="replay-30" d="M572 376c0-7.531 13.843-14 22-14 4 0 8 0 12 4l8 10s4 8 4 12v86c0 4-4 8-4 12 0 4.671-15.121 14-20 14-4 0-10-2-14-6l-8-8s-4-8-4-12v-86s4-8 4-12zM652 418c0-12 0-26-4-34l-12-26s-14-12-22-12-18-4-26-4c-20.252 0-32.299 9.149-46 16-8 4-8 14-12 26s-6 22-6 34v30c0 12 2 26 6 34l12 26s14 12 22 12 16 4 24 4 18 0 26-4 14-8 22-12 8-14 12-26 4-22 4-34v-30zM426 448c16.239 0 30 9.918 30 26v8s-4 4-4 8-4 4-8 4h-22s-4-4-8-4-4-4-4-8v-8h-44c0 19.788 17.639 46 36 46 4 0 16 4 20 4 17.345 0 35.264-5.632 48-12 10.13-5.065 16-24.218 16-38v-14s-4-8-4-12-4-8-8-8-10-6-14-10c8-4 18-8 22-16s8-18 8-26 0-18-4-22-8-12-12-16-14-8-22-8-18-4-26-4-16 0-20 4-14 4-22 8c-11.162 5.581-18 27.017-18 42h36v-8s4-4 4-8 4-4 8-4h22s4 4 8 4 4 4 4 8v22s-4 4-4 8-4 4-8 4h-26v30h16zM512 810c188 0 342-152 342-340s-154-342-342-342-342 154-342 342h86c0-140 116-256 256-256s256 116 256 256-116 256-256 256v-172l-214 214 214 214v-172z" />
+<glyph unicode="&#xf20e;" glyph-name="forward-5" d="M500 444c-3.584-1.434-14-4.805-14-8 0-4-4-6-4-6h-26l10 94h102v-30h-74l-4-38s4 0 4 4 6 2 6 6 4 0 8 0h8c8 0 18-2 22-6s12-8 16-12c8.873-8.873 18-27.257 18-46 0-8 0-18-4-22s-6-14-14-22c-11.246-11.246-26.59-16-46-16-8 0-18 0-22 4s-12 4-20 8c-11.191 5.596-18 22.554-18 38h34c0-14.809 10.59-20 26-20 4 0 8 0 12 4l10 8s4 8 4 12v26l-4 8-10 10s-8 4-12 4h-8zM170 470c0 188 154 340 342 340v172l214-214-214-214v172c-140 0-256-116-256-256s116-256 256-256 256 116 256 256h86c0-188-154-342-342-342s-342 154-342 342z" />
+<glyph unicode="&#xf20f;" glyph-name="forward-10" d="M564 376c0-6.531 12.65-14 20-14 4 0 10 0 14 4l8 10s4 8 4 12v86c0 0-4 8-4 12 0 5.505-16.424 14-22 14-4 0-8-2-12-6l-8-8s-6-8-6-12v-86s6-8 6-12zM644 418c0-12 0-26-4-34l-12-26s-14-12-22-12-18-4-26-4-18 0-26 4-12 8-20 12c-13.488 6.744-18 39.492-18 60v30c0 12 0 26 4 34l14 26s12 12 20 12 18 4 26 4 18 0 26-4 14-8 22-12 8-14 12-26 4-22 4-34v-30zM466 342h-40v140l-42-12v30l76 24h6v-182zM170 470c0 188 154 340 342 340v172l214-214-214-214v172c-140 0-256-116-256-256s116-256 256-256 256 116 256 256h86c0-188-154-342-342-342s-342 154-342 342z" />
+<glyph unicode="&#xf210;" glyph-name="forward-30" d="M170 470c0 188 154 340 342 340v172l214-214-214-214v172c-140 0-256-116-256-256s116-256 256-256 256 116 256 256h86c0-188-154-342-342-342s-342 154-342 342zM568 376c0-6.531 12.65-14 20-14 4 0 10 0 14 4l8 10s4 8 4 12v86c0 0-4 8-4 12 0 5.505-16.424 14-22 14-4 0-8-2-12-6l-8-8s-4-8-4-12v-86s4-8 4-12zM652 418c0-12 0-26-4-34l-12-26s-14-12-22-12-18-4-26-4c-20.252 0-32.299 9.149-46 16-8 4-8 14-12 26s-6 22-6 34v30c0 12 2 26 6 34l12 26s14 12 22 12 16 4 24 4 18 0 26-4 14-8 22-12 8-14 12-26 4-22 4-34v-30zM426 448c16.239 0 30 9.918 30 26v8s-4 4-4 8-4 4-8 4h-22s-4-4-8-4-4-4-4-8v-8h-44c0 19.788 17.639 46 36 46 4 0 16 4 20 4 17.345 0 35.264-5.632 48-12 10.13-5.065 16-24.218 16-38v-14s-4-8-4-12-4-8-8-8-10-6-14-10c8-4 18-8 22-16s8-18 8-26 0-18-4-22-8-12-12-16-14-8-22-8-18-4-26-4-16 0-20 4-14 4-22 8c-11.162 5.581-18 27.017-18 42h36v-8s4-4 4-8 4-4 8-4h22s4 4 8 4 4 4 4 8v22s-4 4-4 8-4 4-8 4h-26v30h16z" />
+<glyph unicode="&#xf211;" glyph-name="volume-off" d="M512 854v-180l-90 90zM182 896l714-714-54-54-88 88c-46-36-98-64-156-78v88c36 10 68 28 96 50l-182 182v-288l-214 214h-170v256h202l-202 202zM810 512c0 136-88 250-212 286v88c172-38 298-192 298-374 0-64-16-126-44-178l-64 66c14 34 22 72 22 112zM704 512c0-10 0-18-2-26l-104 104v94c64-32 106-96 106-172z" />
+<glyph unicode="&#xf212;" glyph-name="volume-mute" d="M298 640h172l212 214v-684l-212 214h-172v256z" />
+<glyph unicode="&#xf213;" glyph-name="volume-down" d="M214 640h170l214 214v-684l-214 214h-170v256zM790 512c0-76-44-140-108-172v344c64-32 108-96 108-172z" />
+<glyph unicode="&#xf214;" glyph-name="volume-up" d="M598 886c172-38 298-192 298-374s-126-336-298-374v88c124 36 212 150 212 286s-88 250-212 286v88zM704 512c0-76-42-140-106-172v344c64-32 106-96 106-172zM128 640h170l214 214v-684l-214 214h-170v256z" />
+<glyph unicode="&#xf215;" glyph-name="fullscreen" d="M598 810h212v-212h-84v128h-128v84zM726 298v128h84v-212h-212v84h128zM214 598v212h212v-84h-128v-128h-84zM298 426v-128h128v-84h-212v212h84z" />
+<glyph unicode="&#xf216;" glyph-name="fullscreen-exit" d="M682 682h128v-84h-212v212h84v-128zM598 214v212h212v-84h-128v-128h-84zM342 682v128h84v-212h-212v84h128zM214 342v84h212v-212h-84v128h-128z" />
+<glyph unicode="&#xf217;" glyph-name="closed-caption" d="M768 554v44c0 24-18 42-42 42h-128c-24 0-44-18-44-42v-172c0-24 20-42 44-42h128c24 0 42 18 42 42v44h-64v-22h-86v128h86v-22h64zM470 554v44c0 24-20 42-44 42h-128c-24 0-42-18-42-42v-172c0-24 18-42 42-42h128c24 0 44 18 44 42v44h-64v-22h-86v128h86v-22h64zM810 854c46 0 86-40 86-86v-512c0-46-40-86-86-86h-596c-48 0-86 40-86 86v512c0 46 38 86 86 86h596z" />
+<glyph unicode="&#xf218;" glyph-name="hd" d="M618 448v128h86v-128h-86zM554 640v-256h172c24 0 42 18 42 42v172c0 24-18 42-42 42h-172zM470 384v256h-64v-106h-86v106h-64v-256h64v86h86v-86h64zM810 896c46 0 86-40 86-86v-596c0-46-40-86-86-86h-596c-48 0-86 40-86 86v596c0 46 38 86 86 86h596z" />
+<glyph unicode="&#xf219;" glyph-name="settings" d="M512 362c82 0 150 68 150 150s-68 150-150 150-150-68-150-150 68-150 150-150zM830 470l90-70c8-6 10-18 4-28l-86-148c-6-10-16-12-26-8l-106 42c-22-16-46-32-72-42l-16-112c-2-10-10-18-20-18h-172c-10 0-18 8-20 18l-16 112c-26 10-50 24-72 42l-106-42c-10-4-20-2-26 8l-86 148c-6 10-4 22 4 28l90 70c-2 14-2 28-2 42s0 28 2 42l-90 70c-8 6-10 18-4 28l86 148c6 10 16 12 26 8l106-42c22 16 46 32 72 42l16 112c2 10 10 18 20 18h172c10 0 18-8 20-18l16-112c26-10 50-24 72-42l106 42c10 4 20 2 26-8l86-148c6-10 4-22-4-28l-90-70c2-14 2-28 2-42s0-28-2-42z" />
+<glyph unicode="&#xf21a;" glyph-name="share" d="M768 338c68 0 124-56 124-124s-56-126-124-126-124 58-124 126c0 10 0 20 2 28l-302 176c-24-22-54-34-88-34-70 0-128 58-128 128s58 128 128 128c34 0 64-12 88-34l300 174c-2 10-4 20-4 30 0 70 58 128 128 128s128-58 128-128-58-128-128-128c-34 0-64 14-88 36l-300-176c2-10 4-20 4-30s-2-20-4-30l304-176c22 20 52 32 84 32z" />
+<glyph unicode="&#xf21b;" glyph-name="info" d="M554 640v86h-84v-86h84zM554 298v256h-84v-256h84zM512 938c236 0 426-190 426-426s-190-426-426-426-426 190-426 426 190 426 426 426z" />
+<glyph unicode="&#xf21c;" glyph-name="info-outline" d="M470 640v86h84v-86h-84zM512 170c188 0 342 154 342 342s-154 342-342 342-342-154-342-342 154-342 342-342zM512 938c236 0 426-190 426-426s-190-426-426-426-426 190-426 426 190 426 426 426zM470 298v256h84v-256h-84z" />
+<glyph unicode="&#xf21d;" glyph-name="close" d="M810 750l-238-238 238-238-60-60-238 238-238-238-60 60 238 238-238 238 60 60 238-238 238 238z" />
+<glyph unicode="&#xf21e;" glyph-name="circle" d="M85.333 512c0-235.641 191.025-426.667 426.667-426.667s426.667 191.025 426.667 426.667c0 235.641-191.025 426.667-426.667 426.667s-426.667-191.025-426.667-426.667z" />
+<glyph unicode="&#xf21f;" glyph-name="circle-outline" d="M512 938.667c-235.733 0-426.667-190.933-426.667-426.667s190.933-426.667 426.667-426.667 426.667 190.933 426.667 426.667-190.933 426.667-426.667 426.667zM512 170.667c-188.16 0-341.333 153.173-341.333 341.333s153.173 341.333 341.333 341.333 341.333-153.173 341.333-341.333-153.173-341.333-341.333-341.333z" />
+<glyph unicode="&#xf220;" glyph-name="circle-inner-circle" d="M512 938.667c-235.307 0-426.667-191.36-426.667-426.667s191.36-426.667 426.667-426.667 426.667 191.36 426.667 426.667-191.36 426.667-426.667 426.667zM512 170.667c-188.16 0-341.333 153.173-341.333 341.333s153.173 341.333 341.333 341.333 341.333-153.173 341.333-341.333-153.173-341.333-341.333-341.333zM640 512c0-70.613-57.387-128-128-128s-128 57.387-128 128 57.387 128 128 128 128-57.387 128-128z" />
+</font></defs></svg>