(window.webpackJsonp = window.webpackJsonp || []).push([ [3], { '0yDM': function(A, r, e) { 'use strict'; var v = e('284h'), a = e('TqRt'); Object.defineProperty(r, '__esModule', { value: !0 }), (r.default = void 0); var f = a(e('lwsE')), S = a(e('W8MJ')), M = a(e('a1gu')), T = a(e('Nsbk')), u = a(e('PJYZ')), s = a(e('7W2i')), h = a(e('17x9')), d = v(e('q1tI')), g = a(e('TSYQ')), m = { actions: h.default.object, player: h.default.object, className: h.default.string }, C = (function(N) { (0, s.default)(y, N); function y(E, p) { var o; return ( (0, f.default)(this, y), (o = (0, M.default)(this, (0, T.default)(y).call(this, E, p))), (o.handleClick = o.handleClick.bind((0, u.default)(o))), o ); } return ( (0, S.default)(y, [ { key: 'handleClick', value: function() { var p = this.props, o = p.actions, t = p.player; t.paused ? o.play() : o.pause(); }, }, { key: 'render', value: function() { var p = this, o = this.props, t = o.player, l = o.className, n = t.paused ? 'Play' : 'Pause'; return d.default.createElement( 'button', { ref: function(c) { p.button = c; }, className: (0, g.default)(l, { 'video-react-play-control': !0, 'video-react-control': !0, 'video-react-button': !0, 'video-react-paused': t.paused, 'video-react-playing': !t.paused, }), type: 'button', tabIndex: '0', onClick: this.handleClick, }, d.default.createElement('span', { className: 'video-react-control-text' }, n), ); }, }, ]), y ); })(d.Component); (r.default = C), (C.propTypes = m), (C.displayName = 'PlayToggle'); }, '3nJo': function(A, r, e) { 'use strict'; var v = e('TqRt'); Object.defineProperty(r, '__esModule', { value: !0 }), (r.default = M); var a = v(e('MVZn')), f = e('we7k'), S = { count: 0, operation: { action: '', source: '' } }; function M() { var T = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : S, u = arguments.length > 1 ? arguments[1] : void 0; switch (u.type) { case f.OPERATE: return (0, a.default)({}, T, { count: T.count + 1, operation: (0, a.default)({}, T.operation, u.operation), }); default: return T; } } }, '4FqI': function(A, r, e) { 'use strict'; var v = e('284h'), a = e('TqRt'); Object.defineProperty(r, '__esModule', { value: !0 }), (r.default = void 0); var f = a(e('lwsE')), S = a(e('W8MJ')), M = a(e('a1gu')), T = a(e('Nsbk')), u = a(e('PJYZ')), s = a(e('7W2i')), h = a(e('17x9')), d = v(e('q1tI')), g = { player: h.default.object, children: h.default.any }, m = (function(C) { (0, s.default)(N, C); function N(y, E) { var p; return ( (0, f.default)(this, N), (p = (0, M.default)(this, (0, T.default)(N).call(this, y, E))), (p.handleClick = p.handleClick.bind((0, u.default)(p))), p ); } return ( (0, S.default)(N, [ { key: 'handleClick', value: function(E) { E.preventDefault(); }, }, { key: 'render', value: function() { var E = this.props.children; return d.default.createElement( 'div', { className: 'video-react-menu', onClick: this.handleClick }, d.default.createElement('div', { className: 'video-react-menu-content' }, E), ); }, }, ]), N ); })(d.Component); (r.default = m), (m.propTypes = g), (m.displayName = 'Popup'); }, '4b3c': function(A, r, e) { 'use strict'; var v = e('TqRt'); Object.defineProperty(r, '__esModule', { value: !0 }), (r.default = void 0); var a = v(e('8nKf')), f = (0, a.default)('forward'); f.displayName = 'ForwardControl'; var S = f; r.default = S; }, '54lq': function(A, r, e) { 'use strict'; var v = e('284h'), a = e('TqRt'); Object.defineProperty(r, '__esModule', { value: !0 }), (r.default = void 0); var f = a(e('lwsE')), S = a(e('W8MJ')), M = a(e('a1gu')), T = a(e('Nsbk')), u = a(e('PJYZ')), s = a(e('7W2i')), h = a(e('17x9')), d = v(e('q1tI')), g = a(e('TSYQ')), m = { actions: h.default.object, player: h.default.object, className: h.default.string }, C = (function(N) { (0, s.default)(y, N); function y(E, p) { var o; return ( (0, f.default)(this, y), (o = (0, M.default)(this, (0, T.default)(y).call(this, E, p))), (o.handleClick = o.handleClick.bind((0, u.default)(o))), o ); } return ( (0, S.default)(y, [ { key: 'handleClick', value: function() { var p = this.props, o = p.player, t = p.actions; t.toggleFullscreen(o); }, }, { key: 'render', value: function() { var p = this, o = this.props, t = o.player, l = o.className; return d.default.createElement( 'button', { className: (0, g.default)( l, { 'video-react-icon-fullscreen-exit': t.isFullscreen, 'video-react-icon-fullscreen': !t.isFullscreen, }, 'video-react-fullscreen-control video-react-control video-react-button video-react-icon', ), ref: function(i) { p.button = i; }, type: 'button', tabIndex: '0', onClick: this.handleClick, }, d.default.createElement( 'span', { className: 'video-react-control-text' }, 'Non-Fullscreen', ), ); }, }, ]), y ); })(d.Component); (r.default = C), (C.propTypes = m), (C.displayName = 'FullscreenToggle'); }, '56F6': function(A, r, e) { 'use strict'; var v = e('TqRt'); Object.defineProperty(r, '__esModule', { value: !0 }), (r.default = T); var a = v(e('MVZn')), f = e('INgg'), S = e('we7k'), M = { currentSrc: null, duration: 0, currentTime: 0, seekingTime: 0, buffered: null, waiting: !1, seeking: !1, paused: !0, autoPaused: !1, ended: !1, playbackRate: 1, muted: !1, volume: 1, readyState: 0, networkState: 0, videoWidth: 0, videoHeight: 0, hasStarted: !1, userActivity: !0, isActive: !1, isFullscreen: !1, activeTextTrack: null, }; function T() { var u = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : M, s = arguments.length > 1 ? arguments[1] : void 0; switch (s.type) { case S.USER_ACTIVATE: return (0, a.default)({}, u, { userActivity: s.activity }); case S.PLAYER_ACTIVATE: return (0, a.default)({}, u, { isActive: s.activity }); case S.FULLSCREEN_CHANGE: return (0, a.default)({}, u, { isFullscreen: !!s.isFullscreen }); case f.SEEKING_TIME: return (0, a.default)({}, u, { seekingTime: s.time }); case f.END_SEEKING: return (0, a.default)({}, u, { seekingTime: 0 }); case f.LOAD_START: return (0, a.default)({}, u, s.videoProps, { hasStarted: !1, ended: !1 }); case f.CAN_PLAY: return (0, a.default)({}, u, s.videoProps, { waiting: !1 }); case f.WAITING: return (0, a.default)({}, u, s.videoProps, { waiting: !0 }); case f.CAN_PLAY_THROUGH: case f.PLAYING: return (0, a.default)({}, u, s.videoProps, { waiting: !1 }); case f.PLAY: return (0, a.default)({}, u, s.videoProps, { ended: !1, paused: !1, autoPaused: !1, waiting: !1, hasStarted: !0, }); case f.PAUSE: return (0, a.default)({}, u, s.videoProps, { paused: !0 }); case f.END: return (0, a.default)({}, u, s.videoProps, { ended: !0 }); case f.SEEKING: return (0, a.default)({}, u, s.videoProps, { seeking: !0 }); case f.SEEKED: return (0, a.default)({}, u, s.videoProps, { seeking: !1 }); case f.ERROR: return (0, a.default)({}, u, s.videoProps, { error: 'UNKNOWN ERROR', ended: !0 }); case f.DURATION_CHANGE: case f.TIME_UPDATE: case f.VOLUME_CHANGE: case f.PROGRESS_CHANGE: case f.RATE_CHANGE: case f.SUSPEND: case f.ABORT: case f.EMPTIED: case f.STALLED: case f.LOADED_META_DATA: case f.LOADED_DATA: case f.RESIZE: return (0, a.default)({}, u, s.videoProps); case f.ACTIVATE_TEXT_TRACK: return (0, a.default)({}, u, { activeTextTrack: s.textTrack }); default: return u; } } }, '8nKf': function(A, r, e) { 'use strict'; var v = e('284h'), a = e('TqRt'); Object.defineProperty(r, '__esModule', { value: !0 }), (r.default = void 0); var f = a(e('lwsE')), S = a(e('W8MJ')), M = a(e('a1gu')), T = a(e('Nsbk')), u = a(e('PJYZ')), s = a(e('7W2i')), h = a(e('17x9')), d = v(e('q1tI')), g = { actions: h.default.object, className: h.default.string, seconds: h.default.oneOf([5, 10, 30]), }, m = { seconds: 10 }, C = function(y) { var E = (function(p) { (0, s.default)(o, p); function o(t, l) { var n; return ( (0, f.default)(this, o), (n = (0, M.default)(this, (0, T.default)(o).call(this, t, l))), (n.handleClick = n.handleClick.bind((0, u.default)(n))), n ); } return ( (0, S.default)(o, [ { key: 'handleClick', value: function() { var l = this.props, n = l.actions, i = l.seconds; y === 'forward' ? n.forward(i) : n.replay(i); }, }, { key: 'render', value: function() { var l = this, n = this.props, i = n.seconds, c = n.className, R = ['video-react-control', 'video-react-button', 'video-react-icon']; return ( R.push( 'video-react-icon-'.concat(y, '-').concat(i), 'video-react-'.concat(y, '-control'), ), c && R.push(c), d.default.createElement( 'button', { ref: function(O) { l.button = O; }, className: R.join(' '), type: 'button', onClick: this.handleClick, }, d.default.createElement( 'span', { className: 'video-react-control-text' }, ''.concat(y, ' ').concat(i, ' seconds'), ), ) ); }, }, ]), o ); })(d.Component); return (E.propTypes = g), (E.defaultProps = m), E; }; r.default = C; }, AZ0a: function(A, r, e) { 'use strict'; var v = e('284h'), a = e('TqRt'); Object.defineProperty(r, '__esModule', { value: !0 }), (r.default = void 0); var f = a(e('pVnL')), S = a(e('lwsE')), M = a(e('W8MJ')), T = a(e('a1gu')), u = a(e('Nsbk')), s = a(e('PJYZ')), h = a(e('7W2i')), d = a(e('17x9')), g = v(e('q1tI')), m = a(e('TSYQ')), C = a(e('QJtQ')), N = a(e('Qrqe')), y = { player: d.default.object, actions: d.default.object, vertical: d.default.bool, className: d.default.string, alwaysShowVolume: d.default.bool, }, E = { vertical: !1 }, p = (function(t) { (0, h.default)(l, t); function l(n, i) { var c; return ( (0, S.default)(this, l), (c = (0, T.default)(this, (0, u.default)(l).call(this, n, i))), (c.state = { active: !1 }), (c.handleClick = c.handleClick.bind((0, s.default)(c))), (c.handleFocus = c.handleFocus.bind((0, s.default)(c))), (c.handleBlur = c.handleBlur.bind((0, s.default)(c))), c ); } return ( (0, M.default)(l, [ { key: 'handleClick', value: function() { var i = this.props, c = i.player, R = i.actions; R.mute(!c.muted); }, }, { key: 'handleFocus', value: function() { this.setState({ active: !0 }); }, }, { key: 'handleBlur', value: function() { this.setState({ active: !1 }); }, }, { key: 'render', value: function() { var i = this.props, c = i.vertical, R = i.player, b = i.className, O = !c, I = this.volumeLevel; return g.default.createElement( C.default, { className: (0, m.default)( b, { 'video-react-volume-menu-button-vertical': c, 'video-react-volume-menu-button-horizontal': !c, 'video-react-vol-muted': R.muted, 'video-react-vol-0': I === 0 && !R.muted, 'video-react-vol-1': I === 1, 'video-react-vol-2': I === 2, 'video-react-vol-3': I === 3, 'video-react-slider-active': this.props.alwaysShowVolume || this.state.active, 'video-react-lock-showing': this.props.alwaysShowVolume || this.state.active, }, 'video-react-volume-menu-button', ), onClick: this.handleClick, inline: O, }, g.default.createElement( N.default, (0, f.default)( { onFocus: this.handleFocus, onBlur: this.handleBlur }, this.props, ), ), ); }, }, { key: 'volumeLevel', get: function() { var i = this.props.player, c = i.volume, R = i.muted, b = 3; return c === 0 || R ? (b = 0) : c < 0.33 ? (b = 1) : c < 0.67 && (b = 2), b; }, }, ]), l ); })(g.Component); (p.propTypes = y), (p.defaultProps = E), (p.displayName = 'VolumeMenuButton'); var o = p; r.default = o; }, DGqw: function(A, r, e) { 'use strict'; var v = e('284h'), a = e('TqRt'); Object.defineProperty(r, '__esModule', { value: !0 }), (r.default = void 0); var f = a(e('lwsE')), S = a(e('W8MJ')), M = a(e('a1gu')), T = a(e('Nsbk')), u = a(e('PJYZ')), s = a(e('7W2i')), h = a(e('17x9')), d = v(e('q1tI')), g = a(e('TSYQ')), m = a(e('U3K2')), C = { player: h.default.object, actions: h.default.object, rates: h.default.array, className: h.default.string, }, N = { rates: [2, 1.5, 1.25, 1, 0.5, 0.25] }, y = (function(p) { (0, s.default)(o, p); function o(t, l) { var n; return ( (0, f.default)(this, o), (n = (0, M.default)(this, (0, T.default)(o).call(this, t, l))), (n.handleSelectItem = n.handleSelectItem.bind((0, u.default)(n))), n ); } return ( (0, S.default)(o, [ { key: 'handleSelectItem', value: function(l) { var n = this.props, i = n.rates, c = n.actions; l >= 0 && l < i.length && c.changeRate(i[l]); }, }, { key: 'render', value: function() { var l = this.props, n = l.rates, i = l.player, c = n.map(function(b) { return { label: ''.concat(b, 'x'), value: b }; }), R = n.indexOf(i.playbackRate) || 0; return d.default.createElement( m.default, { className: (0, g.default)('video-react-playback-rate', this.props.className), onSelectItem: this.handleSelectItem, items: c, selectedIndex: R, }, d.default.createElement( 'span', { className: 'video-react-control-text' }, 'Playback Rate', ), d.default.createElement( 'div', { className: 'video-react-playback-rate-value' }, ''.concat(i.playbackRate.toFixed(2), 'x'), ), ); }, }, ]), o ); })(d.Component); (y.propTypes = C), (y.defaultProps = N), (y.displayName = 'PlaybackRateMenuButton'); var E = y; r.default = E; }, DeZD: function(A, r, e) { 'use strict'; var v = e('284h'), a = e('TqRt'); Object.defineProperty(r, '__esModule', { value: !0 }), (r.default = void 0); var f = a(e('lwsE')), S = a(e('W8MJ')), M = a(e('a1gu')), T = a(e('Nsbk')), u = a(e('PJYZ')), s = a(e('7W2i')), h = a(e('17x9')), d = v(e('q1tI')), g = a(e('TSYQ')), m = { item: h.default.object, index: h.default.number, activateIndex: h.default.number, onSelectItem: h.default.func, }, C = (function(N) { (0, s.default)(y, N); function y(E, p) { var o; return ( (0, f.default)(this, y), (o = (0, M.default)(this, (0, T.default)(y).call(this, E, p))), (o.handleClick = o.handleClick.bind((0, u.default)(o))), o ); } return ( (0, S.default)(y, [ { key: 'handleClick', value: function() { var p = this.props, o = p.index, t = p.onSelectItem; t(o); }, }, { key: 'render', value: function() { var p = this.props, o = p.item, t = p.index, l = p.activateIndex; return d.default.createElement( 'li', { className: (0, g.default)({ 'video-react-menu-item': !0, 'video-react-selected': t === l, }), role: 'menuitem', onClick: this.handleClick, }, o.label, d.default.createElement('span', { className: 'video-react-control-text' }), ); }, }, ]), y ); })(d.Component); (r.default = C), (C.propTypes = m), (C.displayName = 'MenuItem'); }, EVUy: function(A, r, e) { 'use strict'; Object.defineProperty(r, '__esModule', { value: !0 }), (r.findElPosition = v), (r.getPointerPosition = a), (r.blurNode = f), (r.focusNode = S), (r.hasClass = M); function v(T) { var u; if ((T.getBoundingClientRect && T.parentNode && (u = T.getBoundingClientRect()), !u)) return { left: 0, top: 0 }; var s = document, h = s.body, d = s.documentElement, g = d.clientLeft || h.clientLeft || 0, m = window.pageXOffset || h.scrollLeft, C = u.left + m - g, N = d.clientTop || h.clientTop || 0, y = window.pageYOffset || h.scrollTop, E = u.top + y - N; return { left: Math.round(C), top: Math.round(E) }; } function a(T, u) { var s = {}, h = v(T), d = T.offsetWidth, g = T.offsetHeight, m = h.top, C = h.left, N = u.pageY, y = u.pageX; return ( u.changedTouches && ((y = u.changedTouches[0].pageX), (N = u.changedTouches[0].pageY)), (s.y = Math.max(0, Math.min(1, (m - N + g) / g))), (s.x = Math.max(0, Math.min(1, (y - C) / d))), s ); } function f(T) { T && T.blur && T.blur(); } function S(T) { T && T.focus && T.focus(); } function M(T, u) { for (var s = T.className.split(' '), h = 0; h < s.length; h++) if (s[h].toLowerCase() === u.toLowerCase()) return !0; return !1; } }, Edwz: function(A, r, e) { 'use strict'; var v = e('284h'), a = e('TqRt'); Object.defineProperty(r, '__esModule', { value: !0 }), (r.default = void 0); var f = a(e('MVZn')), S = a(e('lwsE')), M = a(e('W8MJ')), T = a(e('a1gu')), u = a(e('Nsbk')), s = a(e('PJYZ')), h = a(e('7W2i')), d = a(e('17x9')), g = v(e('q1tI')), m = a(e('TSYQ')), C = e('tJTW'), N = { actions: d.default.object, player: d.default.object, children: d.default.any, startTime: d.default.number, loop: d.default.bool, muted: d.default.bool, autoPlay: d.default.bool, playsInline: d.default.bool, src: d.default.string, poster: d.default.string, className: d.default.string, preload: d.default.oneOf(['auto', 'metadata', 'none']), crossOrigin: d.default.string, onLoadStart: d.default.func, onWaiting: d.default.func, onCanPlay: d.default.func, onCanPlayThrough: d.default.func, onPlaying: d.default.func, onEnded: d.default.func, onSeeking: d.default.func, onSeeked: d.default.func, onPlay: d.default.func, onPause: d.default.func, onProgress: d.default.func, onDurationChange: d.default.func, onError: d.default.func, onSuspend: d.default.func, onAbort: d.default.func, onEmptied: d.default.func, onStalled: d.default.func, onLoadedMetadata: d.default.func, onLoadedData: d.default.func, onTimeUpdate: d.default.func, onRateChange: d.default.func, onVolumeChange: d.default.func, onResize: d.default.func, }, y = (function(E) { (0, h.default)(p, E); function p(o) { var t; return ( (0, S.default)(this, p), (t = (0, T.default)(this, (0, u.default)(p).call(this, o))), (t.video = null), (t.play = t.play.bind((0, s.default)(t))), (t.pause = t.pause.bind((0, s.default)(t))), (t.seek = t.seek.bind((0, s.default)(t))), (t.forward = t.forward.bind((0, s.default)(t))), (t.replay = t.replay.bind((0, s.default)(t))), (t.toggleFullscreen = t.toggleFullscreen.bind((0, s.default)(t))), (t.getProperties = t.getProperties.bind((0, s.default)(t))), (t.renderChildren = t.renderChildren.bind((0, s.default)(t))), (t.handleLoadStart = t.handleLoadStart.bind((0, s.default)(t))), (t.handleCanPlay = t.handleCanPlay.bind((0, s.default)(t))), (t.handleCanPlayThrough = t.handleCanPlayThrough.bind((0, s.default)(t))), (t.handlePlay = t.handlePlay.bind((0, s.default)(t))), (t.handlePlaying = t.handlePlaying.bind((0, s.default)(t))), (t.handlePause = t.handlePause.bind((0, s.default)(t))), (t.handleEnded = t.handleEnded.bind((0, s.default)(t))), (t.handleWaiting = t.handleWaiting.bind((0, s.default)(t))), (t.handleSeeking = t.handleSeeking.bind((0, s.default)(t))), (t.handleSeeked = t.handleSeeked.bind((0, s.default)(t))), (t.handleFullscreenChange = t.handleFullscreenChange.bind((0, s.default)(t))), (t.handleError = t.handleError.bind((0, s.default)(t))), (t.handleSuspend = t.handleSuspend.bind((0, s.default)(t))), (t.handleAbort = t.handleAbort.bind((0, s.default)(t))), (t.handleEmptied = t.handleEmptied.bind((0, s.default)(t))), (t.handleStalled = t.handleStalled.bind((0, s.default)(t))), (t.handleLoadedMetaData = t.handleLoadedMetaData.bind((0, s.default)(t))), (t.handleLoadedData = t.handleLoadedData.bind((0, s.default)(t))), (t.handleTimeUpdate = t.handleTimeUpdate.bind((0, s.default)(t))), (t.handleRateChange = t.handleRateChange.bind((0, s.default)(t))), (t.handleVolumeChange = t.handleVolumeChange.bind((0, s.default)(t))), (t.handleDurationChange = t.handleDurationChange.bind((0, s.default)(t))), (t.handleProgress = (0, C.throttle)(t.handleProgress.bind((0, s.default)(t)), 250)), (t.handleKeypress = t.handleKeypress.bind((0, s.default)(t))), (t.handleTextTrackChange = t.handleTextTrackChange.bind((0, s.default)(t))), t ); } return ( (0, M.default)(p, [ { key: 'componentDidMount', value: function() { this.forceUpdate(), this.video && this.video.textTracks && ((this.video.textTracks.onaddtrack = this.handleTextTrackChange), (this.video.textTracks.onremovetrack = this.handleTextTrackChange)); }, }, { key: 'getProperties', value: function() { var t = this; return this.video ? C.mediaProperties.reduce(function(l, n) { return (l[n] = t.video[n]), l; }, {}) : null; }, }, { key: 'handleTextTrackChange', value: function() { var t = this.props, l = t.actions, n = t.player; if (this.video && this.video.textTracks) { var i = Array.from(this.video.textTracks).find(function(c) { return c.mode === 'showing'; }); i !== n.activeTextTrack && l.activateTextTrack(i); } }, }, { key: 'play', value: function() { var t = this.video.play(); t !== void 0 && t.catch(function() {}).then(function() {}); }, }, { key: 'pause', value: function() { var t = this.video.pause(); t !== void 0 && t.catch(function() {}).then(function() {}); }, }, { key: 'load', value: function() { this.video.load(); }, }, { key: 'addTextTrack', value: function() { var t; (t = this.video).addTextTrack.apply(t, arguments); }, }, { key: 'canPlayType', value: function() { var t; (t = this.video).canPlayType.apply(t, arguments); }, }, { key: 'togglePlay', value: function() { this.video.paused ? this.play() : this.pause(); }, }, { key: 'seek', value: function(t) { try { this.video.currentTime = t; } catch (l) {} }, }, { key: 'forward', value: function(t) { this.seek(this.video.currentTime + t); }, }, { key: 'replay', value: function(t) { this.forward(-t); }, }, { key: 'toggleFullscreen', value: function() { var t = this.props, l = t.player, n = t.actions; n.toggleFullscreen(l); }, }, { key: 'handleLoadStart', value: function() { var t = this.props, l = t.actions, n = t.onLoadStart; l.handleLoadStart(this.getProperties()), n && n.apply(void 0, arguments); }, }, { key: 'handleCanPlay', value: function() { var t = this.props, l = t.actions, n = t.onCanPlay; l.handleCanPlay(this.getProperties()), n && n.apply(void 0, arguments); }, }, { key: 'handleCanPlayThrough', value: function() { var t = this.props, l = t.actions, n = t.onCanPlayThrough; l.handleCanPlayThrough(this.getProperties()), n && n.apply(void 0, arguments); }, }, { key: 'handlePlaying', value: function() { var t = this.props, l = t.actions, n = t.onPlaying; l.handlePlaying(this.getProperties()), n && n.apply(void 0, arguments); }, }, { key: 'handlePlay', value: function() { var t = this.props, l = t.actions, n = t.onPlay; l.handlePlay(this.getProperties()), n && n.apply(void 0, arguments); }, }, { key: 'handlePause', value: function() { var t = this.props, l = t.actions, n = t.onPause; l.handlePause(this.getProperties()), n && n.apply(void 0, arguments); }, }, { key: 'handleDurationChange', value: function() { var t = this.props, l = t.actions, n = t.onDurationChange; l.handleDurationChange(this.getProperties()), n && n.apply(void 0, arguments); }, }, { key: 'handleProgress', value: function() { var t = this.props, l = t.actions, n = t.onProgress; this.video && l.handleProgressChange(this.getProperties()), n && n.apply(void 0, arguments); }, }, { key: 'handleEnded', value: function() { var t = this.props, l = t.loop, n = t.player, i = t.actions, c = t.onEnded; l ? (this.seek(0), this.play()) : n.paused || this.pause(), i.handleEnd(this.getProperties()), c && c.apply(void 0, arguments); }, }, { key: 'handleWaiting', value: function() { var t = this.props, l = t.actions, n = t.onWaiting; l.handleWaiting(this.getProperties()), n && n.apply(void 0, arguments); }, }, { key: 'handleSeeking', value: function() { var t = this.props, l = t.actions, n = t.onSeeking; l.handleSeeking(this.getProperties()), n && n.apply(void 0, arguments); }, }, { key: 'handleSeeked', value: function() { var t = this.props, l = t.actions, n = t.onSeeked; l.handleSeeked(this.getProperties()), n && n.apply(void 0, arguments); }, }, { key: 'handleFullscreenChange', value: function() {} }, { key: 'handleSuspend', value: function() { var t = this.props, l = t.actions, n = t.onSuspend; l.handleSuspend(this.getProperties()), n && n.apply(void 0, arguments); }, }, { key: 'handleAbort', value: function() { var t = this.props, l = t.actions, n = t.onAbort; l.handleAbort(this.getProperties()), n && n.apply(void 0, arguments); }, }, { key: 'handleEmptied', value: function() { var t = this.props, l = t.actions, n = t.onEmptied; l.handleEmptied(this.getProperties()), n && n.apply(void 0, arguments); }, }, { key: 'handleStalled', value: function() { var t = this.props, l = t.actions, n = t.onStalled; l.handleStalled(this.getProperties()), n && n.apply(void 0, arguments); }, }, { key: 'handleLoadedMetaData', value: function() { var t = this.props, l = t.actions, n = t.onLoadedMetadata, i = t.startTime; i && i > 0 && (this.video.currentTime = i), l.handleLoadedMetaData(this.getProperties()), n && n.apply(void 0, arguments); }, }, { key: 'handleLoadedData', value: function() { var t = this.props, l = t.actions, n = t.onLoadedData; l.handleLoadedData(this.getProperties()), n && n.apply(void 0, arguments); }, }, { key: 'handleTimeUpdate', value: function() { var t = this.props, l = t.actions, n = t.onTimeUpdate; l.handleTimeUpdate(this.getProperties()), n && n.apply(void 0, arguments); }, }, { key: 'handleRateChange', value: function() { var t = this.props, l = t.actions, n = t.onRateChange; l.handleRateChange(this.getProperties()), n && n.apply(void 0, arguments); }, }, { key: 'handleVolumeChange', value: function() { var t = this.props, l = t.actions, n = t.onVolumeChange; l.handleVolumeChange(this.getProperties()), n && n.apply(void 0, arguments); }, }, { key: 'handleError', value: function() { var t = this.props, l = t.actions, n = t.onError; l.handleError(this.getProperties()), n && n.apply(void 0, arguments); }, }, { key: 'handleResize', value: function() { var t = this.props, l = t.actions, n = t.onResize; l.handleResize(this.getProperties()), n && n.apply(void 0, arguments); }, }, { key: 'handleKeypress', value: function() {} }, { key: 'renderChildren', value: function() { var t = this, l = (0, f.default)({}, this.props, { video: this.video }); return this.video ? g.default.Children.toArray(this.props.children) .filter(C.isVideoChild) .map(function(n) { var i; if (typeof n.type == 'string') { if (n.type === 'source') { i = (0, f.default)({}, n.props); var c = i.onError; i.onError = function() { c && c.apply(void 0, arguments), t.handleError.apply(t, arguments); }; } } else i = l; return g.default.cloneElement(n, i); }) : null; }, }, { key: 'render', value: function() { var t = this, l = this.props, n = l.loop, i = l.poster, c = l.preload, R = l.src, b = l.autoPlay, O = l.playsInline, I = l.muted, j = l.crossOrigin, L = l.videoId; return g.default.createElement( 'video', { className: (0, m.default)('video-react-video', this.props.className), id: L, crossOrigin: j, ref: function(F) { t.video = F; }, muted: I, preload: c, loop: n, playsInline: O, autoPlay: b, poster: i, src: R, onLoadStart: this.handleLoadStart, onWaiting: this.handleWaiting, onCanPlay: this.handleCanPlay, onCanPlayThrough: this.handleCanPlayThrough, onPlaying: this.handlePlaying, onEnded: this.handleEnded, onSeeking: this.handleSeeking, onSeeked: this.handleSeeked, onPlay: this.handlePlay, onPause: this.handlePause, onProgress: this.handleProgress, onDurationChange: this.handleDurationChange, onError: this.handleError, onSuspend: this.handleSuspend, onAbort: this.handleAbort, onEmptied: this.handleEmptied, onStalled: this.handleStalled, onLoadedMetadata: this.handleLoadedMetaData, onLoadedData: this.handleLoadedData, onTimeUpdate: this.handleTimeUpdate, onRateChange: this.handleRateChange, onVolumeChange: this.handleVolumeChange, tabIndex: '-1', }, this.renderChildren(), ); }, }, { key: 'playbackRate', get: function() { return this.video.playbackRate; }, set: function(t) { this.video.playbackRate = t; }, }, { key: 'muted', get: function() { return this.video.muted; }, set: function(t) { this.video.muted = t; }, }, { key: 'volume', get: function() { return this.video.volume; }, set: function(t) { t > 1 && (t = 1), t < 0 && (t = 0), (this.video.volume = t); }, }, { key: 'videoWidth', get: function() { return this.video.videoWidth; }, }, { key: 'videoHeight', get: function() { return this.video.videoHeight; }, }, ]), p ); })(g.Component); (r.default = y), (y.propTypes = N), (y.displayName = 'Video'); }, FcgA: function(A, r, e) { 'use strict'; var v = e('284h'), a = e('TqRt'); Object.defineProperty(r, '__esModule', { value: !0 }), (r.default = void 0); var f = a(e('QILm')), S = a(e('lwsE')), M = a(e('W8MJ')), T = a(e('a1gu')), u = a(e('Nsbk')), s = a(e('PJYZ')), h = a(e('7W2i')), d = a(e('17x9')), g = v(e('q1tI')), m = a(e('TSYQ')), C = a(e('zHIc')), N = a(e('0yDM')), y = a(e('4b3c')), E = a(e('UXv2')), p = a(e('54lq')), o = a(e('Na29')), t = a(e('HI9P')), l = a(e('GdU9')), n = a(e('ruMa')), i = a(e('AZ0a')), c = a(e('DGqw')), R = e('tJTW'), b = { children: d.default.any, autoHide: d.default.bool, autoHideTime: d.default.number, disableDefaultControls: d.default.bool, disableCompletely: d.default.bool, className: d.default.string, }, O = { autoHide: !0, disableCompletely: !1 }, I = (function(j) { (0, h.default)(L, j); function L(V) { var F; return ( (0, S.default)(this, L), (F = (0, T.default)(this, (0, u.default)(L).call(this, V))), (F.getDefaultChildren = F.getDefaultChildren.bind((0, s.default)(F))), (F.getFullChildren = F.getFullChildren.bind((0, s.default)(F))), F ); } return ( (0, M.default)(L, [ { key: 'getDefaultChildren', value: function() { return [ g.default.createElement(N.default, { key: 'play-toggle', order: 1 }), g.default.createElement(i.default, { key: 'volume-menu-button', order: 4 }), g.default.createElement(t.default, { key: 'current-time-display', order: 5.1 }), g.default.createElement(n.default, { key: 'time-divider', order: 5.2 }), g.default.createElement(l.default, { key: 'duration-display', order: 5.3 }), g.default.createElement(C.default, { key: 'progress-control', order: 6 }), g.default.createElement(p.default, { key: 'fullscreen-toggle', order: 8 }), ]; }, }, { key: 'getFullChildren', value: function() { return [ g.default.createElement(N.default, { key: 'play-toggle', order: 1 }), g.default.createElement(E.default, { key: 'replay-control', order: 2 }), g.default.createElement(y.default, { key: 'forward-control', order: 3 }), g.default.createElement(i.default, { key: 'volume-menu-button', order: 4 }), g.default.createElement(t.default, { key: 'current-time-display', order: 5 }), g.default.createElement(n.default, { key: 'time-divider', order: 6 }), g.default.createElement(l.default, { key: 'duration-display', order: 7 }), g.default.createElement(C.default, { key: 'progress-control', order: 8 }), g.default.createElement(o.default, { key: 'remaining-time-display', order: 9 }), g.default.createElement(c.default, { rates: [1, 1.25, 1.5, 2], key: 'playback-rate', order: 10, }), g.default.createElement(p.default, { key: 'fullscreen-toggle', order: 11 }), ]; }, }, { key: 'getChildren', value: function() { var F = g.default.Children.toArray(this.props.children), k = this.props.disableDefaultControls ? [] : this.getDefaultChildren(), P = this.props, W = P.className, U = (0, f.default)(P, ['className']); return (0, R.mergeAndSortChildren)(k, F, U); }, }, { key: 'render', value: function() { var F = this.props, k = F.autoHide, P = F.className, W = F.disableCompletely, U = this.getChildren(); return W ? null : g.default.createElement( 'div', { className: (0, m.default)( 'video-react-control-bar', { 'video-react-control-bar-auto-hide': k }, P, ), }, U, ); }, }, ]), L ); })(g.Component); (r.default = I), (I.propTypes = b), (I.defaultProps = O), (I.displayName = 'ControlBar'); }, GdU9: function(A, r, e) { 'use strict'; var v = e('TqRt'); Object.defineProperty(r, '__esModule', { value: !0 }), (r.default = void 0); var a = v(e('17x9')), f = v(e('q1tI')), S = v(e('TSYQ')), M = e('tJTW'), T = { player: a.default.object, className: a.default.string }; function u(h) { var d = h.player.duration, g = h.className, m = (0, M.formatTime)(d); return f.default.createElement( 'div', { className: (0, S.default)( g, 'video-react-duration video-react-time-control video-react-control', ), }, f.default.createElement( 'div', { className: 'video-react-duration-display', 'aria-live': 'off' }, f.default.createElement( 'span', { className: 'video-react-control-text' }, 'Duration Time ', ), m, ), ); } (u.propTypes = T), (u.displayName = 'DurationDisplay'); var s = u; r.default = s; }, GuGs: function(A, r, e) { 'use strict'; var v = e('TqRt'); Object.defineProperty(r, '__esModule', { value: !0 }), (r.default = void 0); var a = v(e('17x9')), f = v(e('q1tI')), S = v(e('TSYQ')), M = e('tJTW'); function T(s) { var h = s.duration, d = s.mouseTime, g = s.className, m = s.text; if (!d.time) return null; var C = m || (0, M.formatTime)(d.time, h); return f.default.createElement('div', { className: (0, S.default)('video-react-mouse-display', g), style: { left: ''.concat(d.position, 'px') }, 'data-current-time': C, }); } (T.propTypes = { duration: a.default.number, mouseTime: a.default.object, className: a.default.string, }), (T.displayName = 'MouseTimeDisplay'); var u = T; r.default = u; }, HI9P: function(A, r, e) { 'use strict'; var v = e('TqRt'); Object.defineProperty(r, '__esModule', { value: !0 }), (r.default = void 0); var a = v(e('17x9')), f = v(e('q1tI')), S = v(e('TSYQ')), M = e('tJTW'), T = { player: a.default.object, className: a.default.string }; function u(h) { var d = h.player, g = d.currentTime, m = d.duration, C = h.className, N = (0, M.formatTime)(g, m); return f.default.createElement( 'div', { className: (0, S.default)( 'video-react-current-time video-react-time-control video-react-control', C, ), }, f.default.createElement( 'div', { className: 'video-react-current-time-display', 'aria-live': 'off' }, f.default.createElement( 'span', { className: 'video-react-control-text' }, 'Current Time ', ), N, ), ); } (u.propTypes = T), (u.displayName = 'CurrentTimeDisplay'); var s = u; r.default = s; }, INgg: function(A, r, e) { 'use strict'; Object.defineProperty(r, '__esModule', { value: !0 }), (r.handleLoadStart = I), (r.handleCanPlay = j), (r.handleWaiting = L), (r.handleCanPlayThrough = V), (r.handlePlaying = F), (r.handlePlay = k), (r.handlePause = P), (r.handleEnd = W), (r.handleSeeking = U), (r.handleSeeked = B), (r.handleDurationChange = G), (r.handleTimeUpdate = J), (r.handleVolumeChange = Y), (r.handleProgressChange = z), (r.handleRateChange = H), (r.handleSuspend = $), (r.handleAbort = K), (r.handleEmptied = Q), (r.handleStalled = Z), (r.handleLoadedMetaData = X), (r.handleLoadedData = w), (r.handleResize = x), (r.handleError = q), (r.handleSeekingTime = _), (r.handleEndSeeking = ee), (r.activateTextTrack = te), (r.ACTIVATE_TEXT_TRACK = r.ERROR = r.RESIZE = r.LOADED_DATA = r.LOADED_META_DATA = r.STALLED = r.EMPTIED = r.ABORT = r.SUSPEND = r.RATE_CHANGE = r.PROGRESS_CHANGE = r.VOLUME_CHANGE = r.TIME_UPDATE = r.DURATION_CHANGE = r.END_SEEKING = r.SEEKING_TIME = r.SEEKED = r.SEEKING = r.END = r.PAUSE = r.PLAY = r.PLAYING = r.CAN_PLAY_THROUGH = r.WAITING = r.CAN_PLAY = r.LOAD_START = void 0); var v = 'video-react/LOAD_START'; r.LOAD_START = v; var a = 'video-react/CAN_PLAY'; r.CAN_PLAY = a; var f = 'video-react/WAITING'; r.WAITING = f; var S = 'video-react/CAN_PLAY_THROUGH'; r.CAN_PLAY_THROUGH = S; var M = 'video-react/PLAYING'; r.PLAYING = M; var T = 'video-react/PLAY'; r.PLAY = T; var u = 'video-react/PAUSE'; r.PAUSE = u; var s = 'video-react/END'; r.END = s; var h = 'video-react/SEEKING'; r.SEEKING = h; var d = 'video-react/SEEKED'; r.SEEKED = d; var g = 'video-react/SEEKING_TIME'; r.SEEKING_TIME = g; var m = 'video-react/END_SEEKING'; r.END_SEEKING = m; var C = 'video-react/DURATION_CHANGE'; r.DURATION_CHANGE = C; var N = 'video-react/TIME_UPDATE'; r.TIME_UPDATE = N; var y = 'video-react/VOLUME_CHANGE'; r.VOLUME_CHANGE = y; var E = 'video-react/PROGRESS_CHANGE'; r.PROGRESS_CHANGE = E; var p = 'video-react/RATE_CHANGE'; r.RATE_CHANGE = p; var o = 'video-react/SUSPEND'; r.SUSPEND = o; var t = 'video-react/ABORT'; r.ABORT = t; var l = 'video-react/EMPTIED'; r.EMPTIED = l; var n = 'video-react/STALLED'; r.STALLED = n; var i = 'video-react/LOADED_META_DATA'; r.LOADED_META_DATA = i; var c = 'video-react/LOADED_DATA'; r.LOADED_DATA = c; var R = 'video-react/RESIZE'; r.RESIZE = R; var b = 'video-react/ERROR'; r.ERROR = b; var O = 'video-react/ACTIVATE_TEXT_TRACK'; r.ACTIVATE_TEXT_TRACK = O; function I(D) { return { type: v, videoProps: D }; } function j(D) { return { type: a, videoProps: D }; } function L(D) { return { type: f, videoProps: D }; } function V(D) { return { type: S, videoProps: D }; } function F(D) { return { type: M, videoProps: D }; } function k(D) { return { type: T, videoProps: D }; } function P(D) { return { type: u, videoProps: D }; } function W(D) { return { type: s, videoProps: D }; } function U(D) { return { type: h, videoProps: D }; } function B(D) { return { type: d, videoProps: D }; } function G(D) { return { type: C, videoProps: D }; } function J(D) { return { type: N, videoProps: D }; } function Y(D) { return { type: y, videoProps: D }; } function z(D) { return { type: E, videoProps: D }; } function H(D) { return { type: p, videoProps: D }; } function $(D) { return { type: o, videoProps: D }; } function K(D) { return { type: t, videoProps: D }; } function Q(D) { return { type: l, videoProps: D }; } function Z(D) { return { type: n, videoProps: D }; } function X(D) { return { type: i, videoProps: D }; } function w(D) { return { type: c, videoProps: D }; } function x(D) { return { type: R, videoProps: D }; } function q(D) { return { type: b, videoProps: D }; } function _(D) { return { type: g, time: D }; } function ee(D) { return { type: m, time: D }; } function te(D) { return { type: O, textTrack: D }; } }, LgmY: function(A, r, e) { 'use strict'; var v = e('TqRt'); Object.defineProperty(r, '__esModule', { value: !0 }), (r.default = void 0); var a = v(e('lSNA')), f = v(e('RIqP')), S = v(e('lwsE')), M = v(e('W8MJ')), T = v(e('a1gu')), u = v(e('Nsbk')), s = v(e('PJYZ')), h = v(e('7W2i')), d = e('q1tI'), g = v(e('17x9')), m = e('EVUy'), C = { clickable: g.default.bool, dblclickable: g.default.bool, manager: g.default.object, actions: g.default.object, player: g.default.object, shortcuts: g.default.array, }, N = { clickable: !0, dblclickable: !0 }, y = (function(E) { (0, h.default)(p, E); function p(o, t) { var l; return ( (0, S.default)(this, p), (l = (0, T.default)(this, (0, u.default)(p).call(this, o, t))), (l.defaultShortcuts = [ { keyCode: 32, handle: l.togglePlay }, { keyCode: 75, handle: l.togglePlay }, { keyCode: 70, handle: l.toggleFullscreen }, { keyCode: 37, handle: function(i, c) { if (!i.hasStarted) return; c.replay(5, { action: 'replay-5', source: 'shortcut' }); }, }, { keyCode: 74, handle: function(i, c) { if (!i.hasStarted) return; c.replay(10, { action: 'replay-10', source: 'shortcut' }); }, }, { keyCode: 39, handle: function(i, c) { if (!i.hasStarted) return; c.forward(5, { action: 'forward-5', source: 'shortcut' }); }, }, { keyCode: 76, handle: function(i, c) { if (!i.hasStarted) return; c.forward(10, { action: 'forward-10', source: 'shortcut' }); }, }, { keyCode: 36, handle: function(i, c) { if (!i.hasStarted) return; c.seek(0); }, }, { keyCode: 35, handle: function(i, c) { if (!i.hasStarted) return; c.seek(i.duration); }, }, { keyCode: 38, handle: function(i, c) { var R = i.volume + 0.05; R > 1 && (R = 1), c.changeVolume(R, { action: 'volume-up', source: 'shortcut' }); }, }, { keyCode: 40, handle: function(i, c) { var R = i.volume - 0.05; R < 0 && (R = 0); var b = R > 0 ? 'volume-down' : 'volume-off'; c.changeVolume(R, { action: b, source: 'shortcut' }); }, }, { keyCode: 190, shift: !0, handle: function(i, c) { var R = i.playbackRate; R >= 1.5 ? (R = 2) : R >= 1.25 ? (R = 1.5) : R >= 1 ? (R = 1.25) : R >= 0.5 ? (R = 1) : R >= 0.25 ? (R = 0.5) : R >= 0 && (R = 0.25), c.changeRate(R, { action: 'fast-forward', source: 'shortcut' }); }, }, { keyCode: 188, shift: !0, handle: function(i, c) { var R = i.playbackRate; R <= 0.5 ? (R = 0.25) : R <= 1 ? (R = 0.5) : R <= 1.25 ? (R = 1) : R <= 1.5 ? (R = 1.25) : R <= 2 && (R = 1.5), c.changeRate(R, { action: 'fast-rewind', source: 'shortcut' }); }, }, ]), (l.shortcuts = (0, f.default)(l.defaultShortcuts)), (l.mergeShortcuts = l.mergeShortcuts.bind((0, s.default)(l))), (l.handleKeyPress = l.handleKeyPress.bind((0, s.default)(l))), (l.handleClick = l.handleClick.bind((0, s.default)(l))), (l.handleDoubleClick = l.handleDoubleClick.bind((0, s.default)(l))), l ); } return ( (0, M.default)(p, [ { key: 'componentDidMount', value: function() { this.mergeShortcuts(), document.addEventListener('keydown', this.handleKeyPress), document.addEventListener('click', this.handleClick), document.addEventListener('dblclick', this.handleDoubleClick); }, }, { key: 'componentDidUpdate', value: function(t) { t.shortcuts !== this.props.shortcuts && this.mergeShortcuts(); }, }, { key: 'componentWillUnmount', value: function() { document.removeEventListener('keydown', this.handleKeyPress), document.removeEventListener('click', this.handleClick), document.removeEventListener('dblclick', this.handleDoubleClick); }, }, { key: 'mergeShortcuts', value: function() { var t = function(R) { var b = R.keyCode, O = b === void 0 ? 0 : b, I = R.ctrl, j = I === void 0 ? !1 : I, L = R.shift, V = L === void 0 ? !1 : L, F = R.alt, k = F === void 0 ? !1 : F; return '' .concat(O, ':') .concat(j, ':') .concat(V, ':') .concat(k); }, l = this.defaultShortcuts.reduce(function(c, R) { return Object.assign(c, (0, a.default)({}, t(R), R)); }, {}), n = (this.props.shortcuts || []).reduce(function(c, R) { var b = R.keyCode, O = R.handle; return b && typeof O == 'function' ? Object.assign(c, (0, a.default)({}, t(R), R)) : c; }, l), i = function(R) { var b = 0, O = ['ctrl', 'shift', 'alt']; return ( O.forEach(function(I) { R[I] && b++; }), b ); }; this.shortcuts = Object.keys(n) .map(function(c) { return n[c]; }) .sort(function(c, R) { return i(R) - i(c); }); }, }, { key: 'togglePlay', value: function(t, l) { t.paused ? l.play({ action: 'play', source: 'shortcut' }) : l.pause({ action: 'pause', source: 'shortcut' }); }, }, { key: 'toggleFullscreen', value: function(t, l) { l.toggleFullscreen(t); }, }, { key: 'handleKeyPress', value: function(t) { var l = this.props, n = l.player, i = l.actions; if (!n.isActive) return; if ( document.activeElement && ((0, m.hasClass)(document.activeElement, 'video-react-control') || (0, m.hasClass)(document.activeElement, 'video-react-menu-button-active') || (0, m.hasClass)(document.activeElement, 'video-react-big-play-button')) ) return; var c = t.keyCode || t.which, R = t.ctrlKey || t.metaKey, b = t.shiftKey, O = t.altKey, I = this.shortcuts.filter(function(j) { return !j.keyCode || j.keyCode - c !== 0 ? !1 : !( (j.ctrl !== void 0 && j.ctrl !== R) || (j.shift !== void 0 && j.shift !== b) || (j.alt !== void 0 && j.alt !== O) ); })[0]; I && (I.handle(n, i), t.preventDefault()); }, }, { key: 'canBeClicked', value: function(t, l) { return !(!t.isActive || l.target.nodeName !== 'VIDEO' || t.readyState !== 4); }, }, { key: 'handleClick', value: function(t) { var l = this.props, n = l.player, i = l.actions, c = l.clickable; if (!this.canBeClicked(n, t) || !c) return; this.togglePlay(n, i); }, }, { key: 'handleDoubleClick', value: function(t) { var l = this.props, n = l.player, i = l.actions, c = l.dblclickable; if (!this.canBeClicked(n, t) || !c) return; this.toggleFullscreen(n, i); }, }, { key: 'render', value: function() { return null; }, }, ]), p ); })(d.Component); (r.default = y), (y.propTypes = C), (y.defaultProps = N), (y.displayName = 'Shortcut'); }, MVZn: function(A, r, e) { var v = e('lSNA'); function a(f) { for (var S = 1; S < arguments.length; S++) { var M = arguments[S] != null ? Object(arguments[S]) : {}, T = Object.keys(M); typeof Object.getOwnPropertySymbols == 'function' && (T = T.concat( Object.getOwnPropertySymbols(M).filter(function(u) { return Object.getOwnPropertyDescriptor(M, u).enumerable; }), )), T.forEach(function(u) { v(f, u, M[u]); }); } return f; } A.exports = a; }, Na29: function(A, r, e) { 'use strict'; var v = e('TqRt'); Object.defineProperty(r, '__esModule', { value: !0 }), (r.default = void 0); var a = v(e('17x9')), f = v(e('q1tI')), S = v(e('TSYQ')), M = e('tJTW'), T = { player: a.default.object, className: a.default.string }; function u(h) { var d = h.player, g = d.currentTime, m = d.duration, C = h.className, N = m - g, y = (0, M.formatTime)(N); return f.default.createElement( 'div', { className: (0, S.default)( 'video-react-remaining-time video-react-time-control video-react-control', C, ), }, f.default.createElement( 'div', { className: 'video-react-remaining-time-display', 'aria-live': 'off' }, f.default.createElement( 'span', { className: 'video-react-control-text' }, 'Remaining Time ', ), '-'.concat(y), ), ); } (u.propTypes = T), (u.displayName = 'RemainingTimeDisplay'); var s = u; r.default = s; }, QJtQ: function(A, r, e) { 'use strict'; var v = e('TqRt'); Object.defineProperty(r, '__esModule', { value: !0 }), (r.default = g); var a = v(e('pVnL')), f = v(e('MVZn')), S = v(e('17x9')), M = v(e('q1tI')), T = v(e('TSYQ')), u = v(e('mJvV')), s = v(e('4FqI')), h = { inline: S.default.bool, onClick: S.default.func.isRequired, onFocus: S.default.func, onBlur: S.default.func, className: S.default.string, }, d = { inline: !0 }; function g(m) { var C = m.inline, N = m.className, y = (0, f.default)({}, m); return ( delete y.children, delete y.inline, delete y.className, M.default.createElement( u.default, (0, a.default)( { className: (0, T.default)( N, { 'video-react-menu-button-inline': !!C, 'video-react-menu-button-popup': !C }, 'video-react-control video-react-button video-react-menu-button', ), }, y, ), M.default.createElement(s.default, m), ) ); } (g.propTypes = h), (g.defaultProps = d), (g.displayName = 'PopupButton'); }, Qrqe: function(A, r, e) { 'use strict'; var v = e('284h'), a = e('TqRt'); Object.defineProperty(r, '__esModule', { value: !0 }), (r.default = void 0); var f = a(e('pVnL')), S = a(e('lwsE')), M = a(e('W8MJ')), T = a(e('a1gu')), u = a(e('Nsbk')), s = a(e('PJYZ')), h = a(e('7W2i')), d = a(e('17x9')), g = v(e('q1tI')), m = a(e('TSYQ')), C = a(e('kXlQ')), N = a(e('jSMv')), y = { actions: d.default.object, player: d.default.object, className: d.default.string, onFocus: d.default.func, onBlur: d.default.func, }, E = (function(o) { (0, h.default)(t, o); function t(l, n) { var i; return ( (0, S.default)(this, t), (i = (0, T.default)(this, (0, u.default)(t).call(this, l, n))), (i.state = { percentage: '0%' }), (i.handleMouseMove = i.handleMouseMove.bind((0, s.default)(i))), (i.handlePercentageChange = i.handlePercentageChange.bind((0, s.default)(i))), (i.checkMuted = i.checkMuted.bind((0, s.default)(i))), (i.getPercent = i.getPercent.bind((0, s.default)(i))), (i.stepForward = i.stepForward.bind((0, s.default)(i))), (i.stepBack = i.stepBack.bind((0, s.default)(i))), (i.handleFocus = i.handleFocus.bind((0, s.default)(i))), (i.handleBlur = i.handleBlur.bind((0, s.default)(i))), (i.handleClick = i.handleClick.bind((0, s.default)(i))), i ); } return ( (0, M.default)(t, [ { key: 'componentDidMount', value: function() {} }, { key: 'getPercent', value: function() { var n = this.props.player; return n.muted ? 0 : n.volume; }, }, { key: 'checkMuted', value: function() { var n = this.props, i = n.player, c = n.actions; i.muted && c.mute(!1); }, }, { key: 'handleMouseMove', value: function(n) { var i = this.props.actions; this.checkMuted(); var c = this.slider.calculateDistance(n); i.changeVolume(c); }, }, { key: 'stepForward', value: function() { var n = this.props, i = n.player, c = n.actions; this.checkMuted(), c.changeVolume(i.volume + 0.1); }, }, { key: 'stepBack', value: function() { var n = this.props, i = n.player, c = n.actions; this.checkMuted(), c.changeVolume(i.volume - 0.1); }, }, { key: 'handleFocus', value: function(n) { this.props.onFocus && this.props.onFocus(n); }, }, { key: 'handleBlur', value: function(n) { this.props.onBlur && this.props.onBlur(n); }, }, { key: 'handlePercentageChange', value: function(n) { n !== this.state.percentage && this.setState({ percentage: n }); }, }, { key: 'handleClick', value: function(n) { n.stopPropagation(); }, }, { key: 'render', value: function() { var n = this, i = this.props, c = i.player, R = i.className, b = (c.volume * 100).toFixed(2); return g.default.createElement( C.default, (0, f.default)( { ref: function(I) { n.slider = I; }, label: 'volume level', valuenow: b, valuetext: ''.concat(b, '%'), onMouseMove: this.handleMouseMove, onFocus: this.handleFocus, onBlur: this.handleBlur, onClick: this.handleClick, sliderActive: this.handleFocus, sliderInactive: this.handleBlur, getPercent: this.getPercent, onPercentageChange: this.handlePercentageChange, stepForward: this.stepForward, stepBack: this.stepBack, }, this.props, { className: (0, m.default)( R, 'video-react-volume-bar video-react-slider-bar', ), }, ), g.default.createElement(N.default, this.props), ); }, }, ]), t ); })(g.Component); (E.propTypes = y), (E.displayName = 'VolumeBar'); var p = E; r.default = p; }, U3K2: function(A, r, e) { 'use strict'; var v = e('284h'), a = e('TqRt'); Object.defineProperty(r, '__esModule', { value: !0 }), (r.default = void 0); var f = a(e('lwsE')), S = a(e('W8MJ')), M = a(e('a1gu')), T = a(e('Nsbk')), u = a(e('PJYZ')), s = a(e('7W2i')), h = a(e('17x9')), d = v(e('q1tI')), g = a(e('TSYQ')), m = a(e('o4RB')), C = a(e('DeZD')), N = a(e('mJvV')), y = { inline: h.default.bool, items: h.default.array, className: h.default.string, onSelectItem: h.default.func, children: h.default.any, selectedIndex: h.default.number, }, E = (function(p) { (0, s.default)(o, p); function o(t, l) { var n; return ( (0, f.default)(this, o), (n = (0, M.default)(this, (0, T.default)(o).call(this, t, l))), (n.state = { active: !1, activateIndex: t.selectedIndex || 0 }), (n.commitSelection = n.commitSelection.bind((0, u.default)(n))), (n.activateMenuItem = n.activateMenuItem.bind((0, u.default)(n))), (n.handleClick = n.handleClick.bind((0, u.default)(n))), (n.renderMenu = n.renderMenu.bind((0, u.default)(n))), (n.handleFocus = n.handleFocus.bind((0, u.default)(n))), (n.handleBlur = n.handleBlur.bind((0, u.default)(n))), (n.handleUpArrow = n.handleUpArrow.bind((0, u.default)(n))), (n.handleDownArrow = n.handleDownArrow.bind((0, u.default)(n))), (n.handleEscape = n.handleEscape.bind((0, u.default)(n))), (n.handleReturn = n.handleReturn.bind((0, u.default)(n))), (n.handleTab = n.handleTab.bind((0, u.default)(n))), (n.handleKeyPress = n.handleKeyPress.bind((0, u.default)(n))), (n.handleSelectItem = n.handleSelectItem.bind((0, u.default)(n))), (n.handleIndexChange = n.handleIndexChange.bind((0, u.default)(n))), n ); } return ( (0, S.default)(o, [ { key: 'componentDidUpdate', value: function(l) { l.selectedIndex !== this.props.selectedIndex && this.activateMenuItem(this.props.selectedIndex); }, }, { key: 'commitSelection', value: function(l) { this.setState({ activateIndex: l }), this.handleIndexChange(l); }, }, { key: 'activateMenuItem', value: function(l) { this.setState({ activateIndex: l }), this.handleIndexChange(l); }, }, { key: 'handleIndexChange', value: function(l) { var n = this.props.onSelectItem; n(l); }, }, { key: 'handleClick', value: function() { this.setState(function(l) { return { active: !l.active }; }); }, }, { key: 'handleFocus', value: function() { document.addEventListener('keydown', this.handleKeyPress); }, }, { key: 'handleBlur', value: function() { this.setState({ active: !1 }), document.removeEventListener('keydown', this.handleKeyPress); }, }, { key: 'handleUpArrow', value: function(l) { var n = this.props.items; if (this.state.active) { l.preventDefault(); var i = this.state.activateIndex - 1; i < 0 && (i = n.length ? n.length - 1 : 0), this.activateMenuItem(i); } }, }, { key: 'handleDownArrow', value: function(l) { var n = this.props.items; if (this.state.active) { l.preventDefault(); var i = this.state.activateIndex + 1; i >= n.length && (i = 0), this.activateMenuItem(i); } }, }, { key: 'handleTab', value: function(l) { this.state.active && (l.preventDefault(), this.commitSelection(this.state.activateIndex)); }, }, { key: 'handleReturn', value: function(l) { l.preventDefault(), this.state.active ? this.commitSelection(this.state.activateIndex) : this.setState({ active: !0 }); }, }, { key: 'handleEscape', value: function() { this.setState({ active: !1, activateIndex: 0 }); }, }, { key: 'handleKeyPress', value: function(l) { l.which === 27 ? this.handleEscape(l) : l.which === 9 ? this.handleTab(l) : l.which === 13 ? this.handleReturn(l) : l.which === 38 ? this.handleUpArrow(l) : l.which === 40 && this.handleDownArrow(l); }, }, { key: 'handleSelectItem', value: function(l) { this.commitSelection(l); }, }, { key: 'renderMenu', value: function() { var l = this; if (!this.state.active) return null; var n = this.props.items; return d.default.createElement( m.default, null, n.map(function(i, c) { return d.default.createElement(C.default, { item: i, index: c, onSelectItem: l.handleSelectItem, activateIndex: l.state.activateIndex, key: 'item-'.concat(c++), }); }), ); }, }, { key: 'render', value: function() { var l = this, n = this.props, i = n.inline, c = n.className; return d.default.createElement( N.default, { className: (0, g.default)( c, { 'video-react-menu-button-inline': !!i, 'video-react-menu-button-popup': !i, 'video-react-menu-button-active': this.state.active, }, 'video-react-control video-react-button video-react-menu-button', ), role: 'button', tabIndex: '0', ref: function(b) { l.menuButton = b; }, onClick: this.handleClick, onFocus: this.handleFocus, onBlur: this.handleBlur, }, this.props.children, this.renderMenu(), ); }, }, ]), o ); })(d.Component); (r.default = E), (E.propTypes = y), (E.displayName = 'MenuButton'); }, UXv2: function(A, r, e) { 'use strict'; var v = e('TqRt'); Object.defineProperty(r, '__esModule', { value: !0 }), (r.default = void 0); var a = v(e('8nKf')), f = (0, a.default)('replay'); f.displayName = 'ReplayControl'; var S = f; r.default = S; }, X2cd: function(A, r, e) { 'use strict'; var v = e('TqRt'); Object.defineProperty(r, '__esModule', { value: !0 }), (r.default = T); var a = v(e('17x9')), f = v(e('q1tI')), S = v(e('TSYQ')), M = { player: a.default.object, className: a.default.string }; function T(u) { var s = u.player, h = u.className; return s.error ? null : f.default.createElement('div', { className: (0, S.default)('video-react-loading-spinner', h), }); } (T.propTypes = M), (T.displayName = 'LoadingSpinner'); }, iAfH: function(A, r, e) { 'use strict'; var v = e('284h'), a = e('TqRt'); Object.defineProperty(r, '__esModule', { value: !0 }), (r.default = void 0); var f = a(e('MVZn')), S = a(e('lwsE')), M = a(e('W8MJ')), T = e('ANjH'), u = a(e('ulZL')), s = v(e('we7k')), h = v(e('INgg')), d = (function() { function g(m) { (0, S.default)(this, g), (this.store = m || (0, T.createStore)(u.default)), (this.video = null), (this.rootElement = null); } return ( (0, M.default)(g, [ { key: 'getActions', value: function() { var C = this, N = this.store.dispatch, y = (0, f.default)({}, s, h); function E(p) { return function() { var t = p.apply(C, arguments); typeof t != 'undefined' && N(t); }; } return Object.keys(y) .filter(function(p) { return typeof y[p] == 'function'; }) .reduce(function(p, o) { return (p[o] = E(y[o])), p; }, {}); }, }, { key: 'getState', value: function() { return this.store.getState(); }, }, { key: 'subscribeToStateChange', value: function(C, N) { N || (N = this.getState.bind(this)); var y = N(), E = function() { var o = N(); if (o === y) return; var t = y; (y = o), C(o, t); }; return this.store.subscribe(E); }, }, { key: 'subscribeToOperationStateChange', value: function(C) { var N = this; return this.subscribeToStateChange(C, function() { return N.getState().operation; }); }, }, { key: 'subscribeToPlayerStateChange', value: function(C) { var N = this; return this.subscribeToStateChange(C, function() { return N.getState().player; }); }, }, ]), g ); })(); r.default = d; }, jSMv: function(A, r, e) { 'use strict'; var v = e('TqRt'); Object.defineProperty(r, '__esModule', { value: !0 }), (r.default = void 0); var a = v(e('17x9')), f = v(e('q1tI')), S = v(e('TSYQ')), M = { percentage: a.default.string, vertical: a.default.bool, className: a.default.string }, T = { percentage: '100%', vertical: !1 }; function u(h) { var d = h.percentage, g = h.vertical, m = h.className, C = {}; return ( g ? (C.height = d) : (C.width = d), f.default.createElement( 'div', { className: (0, S.default)(m, 'video-react-volume-level'), style: C }, f.default.createElement('span', { className: 'video-react-control-text' }), ) ); } (u.propTypes = M), (u.defaultProps = T), (u.displayName = 'VolumeLevel'); var s = u; r.default = s; }, kXlQ: function(A, r, e) { 'use strict'; var v = e('284h'), a = e('TqRt'); Object.defineProperty(r, '__esModule', { value: !0 }), (r.default = void 0); var f = a(e('lwsE')), S = a(e('W8MJ')), M = a(e('a1gu')), T = a(e('Nsbk')), u = a(e('PJYZ')), s = a(e('7W2i')), h = a(e('17x9')), d = v(e('q1tI')), g = a(e('TSYQ')), m = v(e('EVUy')), C = { className: h.default.string, onMouseDown: h.default.func, onMouseMove: h.default.func, stepForward: h.default.func, stepBack: h.default.func, sliderActive: h.default.func, sliderInactive: h.default.func, onMouseUp: h.default.func, onFocus: h.default.func, onBlur: h.default.func, onClick: h.default.func, getPercent: h.default.func, vertical: h.default.bool, children: h.default.node, label: h.default.string, valuenow: h.default.string, valuetext: h.default.string, }, N = (function(y) { (0, s.default)(E, y); function E(p, o) { var t; return ( (0, f.default)(this, E), (t = (0, M.default)(this, (0, T.default)(E).call(this, p, o))), (t.handleMouseDown = t.handleMouseDown.bind((0, u.default)(t))), (t.handleMouseMove = t.handleMouseMove.bind((0, u.default)(t))), (t.handleMouseUp = t.handleMouseUp.bind((0, u.default)(t))), (t.handleFocus = t.handleFocus.bind((0, u.default)(t))), (t.handleBlur = t.handleBlur.bind((0, u.default)(t))), (t.handleClick = t.handleClick.bind((0, u.default)(t))), (t.handleKeyPress = t.handleKeyPress.bind((0, u.default)(t))), (t.stepForward = t.stepForward.bind((0, u.default)(t))), (t.stepBack = t.stepBack.bind((0, u.default)(t))), (t.calculateDistance = t.calculateDistance.bind((0, u.default)(t))), (t.getProgress = t.getProgress.bind((0, u.default)(t))), (t.renderChildren = t.renderChildren.bind((0, u.default)(t))), (t.state = { active: !1 }), t ); } return ( (0, S.default)(E, [ { key: 'componentWillUnmount', value: 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); }, }, { key: 'getProgress', value: function() { var o = this.props.getPercent; if (!o) return 0; var t = o(); return (typeof t != 'number' || t < 0 || t === Infinity) && (t = 0), t; }, }, { key: 'handleMouseDown', value: function(o) { var t = this.props.onMouseDown; document.addEventListener('mousemove', this.handleMouseMove, !0), document.addEventListener('mouseup', this.handleMouseUp, !0), document.addEventListener('touchmove', this.handleMouseMove, !0), document.addEventListener('touchend', this.handleMouseUp, !0), this.setState({ active: !0 }), this.props.sliderActive && this.props.sliderActive(o), this.handleMouseMove(o), t && t(o); }, }, { key: 'handleMouseMove', value: function(o) { var t = this.props.onMouseMove; t && t(o); }, }, { key: 'handleMouseUp', value: function(o) { o.preventDefault(); var t = this.props.onMouseUp; document.removeEventListener('mousemove', this.handleMouseMove, !0), document.removeEventListener('mouseup', this.handleMouseUp, !0), document.removeEventListener('touchmove', this.handleMouseMove, !0), document.removeEventListener('touchend', this.handleMouseUp, !0), this.setState({ active: !1 }), this.props.sliderInactive && this.props.sliderInactive(o), t && t(o); }, }, { key: 'handleFocus', value: function(o) { document.addEventListener('keydown', this.handleKeyPress, !0), this.props.onFocus && this.props.onFocus(o); }, }, { key: 'handleBlur', value: function(o) { document.removeEventListener('keydown', this.handleKeyPress, !0), this.props.onBlur && this.props.onBlur(o); }, }, { key: 'handleClick', value: function(o) { o.preventDefault(), this.props.onClick && this.props.onClick(o); }, }, { key: 'handleKeyPress', value: function(o) { o.which === 37 || o.which === 40 ? (o.preventDefault(), o.stopPropagation(), this.stepBack()) : (o.which === 38 || o.which === 39) && (o.preventDefault(), o.stopPropagation(), this.stepForward()); }, }, { key: 'stepForward', value: function() { this.props.stepForward && this.props.stepForward(); }, }, { key: 'stepBack', value: function() { this.props.stepBack && this.props.stepBack(); }, }, { key: 'calculateDistance', value: function(o) { var t = this.slider, l = m.getPointerPosition(t, o); return this.props.vertical ? l.y : l.x; }, }, { key: 'renderChildren', value: function() { var o = this.getProgress(), t = ''.concat((o * 100).toFixed(2), '%'); return d.default.Children.map(this.props.children, function(l) { return d.default.cloneElement(l, { progress: o, percentage: t }); }); }, }, { key: 'render', value: function() { var o = this, t = this.props, l = t.vertical, n = t.label, i = t.valuenow, c = t.valuetext; return d.default.createElement( 'div', { className: (0, g.default)( this.props.className, { 'video-react-slider-vertical': l, 'video-react-slider-horizontal': !l, 'video-react-sliding': this.state.active, }, 'video-react-slider', ), ref: function(b) { o.slider = b; }, tabIndex: '0', role: 'slider', onMouseDown: this.handleMouseDown, onTouchStart: this.handleMouseDown, onFocus: this.handleFocus, onBlur: this.handleBlur, onClick: this.handleClick, 'aria-label': n || '', 'aria-valuenow': i || '', 'aria-valuetext': c || '', 'aria-valuemin': 0, 'aria-valuemax': 100, }, this.renderChildren(), ); }, }, ]), E ); })(d.Component); (r.default = N), (N.propTypes = C), (N.displayName = 'Slider'); }, mJvV: function(A, r, e) { 'use strict'; var v = e('284h'), a = e('TqRt'); Object.defineProperty(r, '__esModule', { value: !0 }), (r.default = void 0); var f = a(e('pVnL')), S = a(e('MVZn')), M = a(e('lwsE')), T = a(e('W8MJ')), u = a(e('a1gu')), s = a(e('Nsbk')), h = a(e('PJYZ')), d = a(e('7W2i')), g = a(e('17x9')), m = v(e('q1tI')), C = a(e('TSYQ')), N = { tagName: g.default.string, onClick: g.default.func.isRequired, onFocus: g.default.func, onBlur: g.default.func, className: g.default.string, }, y = { tagName: 'div' }, E = (function(p) { (0, d.default)(o, p); function o(t, l) { var n; return ( (0, M.default)(this, o), (n = (0, u.default)(this, (0, s.default)(o).call(this, t, l))), (n.handleClick = n.handleClick.bind((0, h.default)(n))), (n.handleFocus = n.handleFocus.bind((0, h.default)(n))), (n.handleBlur = n.handleBlur.bind((0, h.default)(n))), (n.handleKeypress = n.handleKeypress.bind((0, h.default)(n))), n ); } return ( (0, T.default)(o, [ { key: 'handleKeypress', value: function(l) { (l.which === 32 || l.which === 13) && (l.preventDefault(), this.handleClick(l)); }, }, { key: 'handleClick', value: function(l) { var n = this.props.onClick; n(l); }, }, { key: 'handleFocus', value: function(l) { document.addEventListener('keydown', this.handleKeypress), this.props.onFocus && this.props.onFocus(l); }, }, { key: 'handleBlur', value: function(l) { document.removeEventListener('keydown', this.handleKeypress), this.props.onBlur && this.props.onBlur(l); }, }, { key: 'render', value: function() { var l = this.props.tagName, n = (0, S.default)({}, this.props); return ( delete n.tagName, delete n.className, m.default.createElement( l, (0, f.default)( { className: (0, C.default)(this.props.className), role: 'button', tabIndex: '0', onClick: this.handleClick, onFocus: this.handleFocus, onBlur: this.handleBlur, }, n, ), ) ); }, }, ]), o ); })(m.Component); (r.default = E), (E.propTypes = N), (E.defaultProps = y), (E.displayName = 'ClickableComponent'); }, o4RB: function(A, r, e) { 'use strict'; var v = e('284h'), a = e('TqRt'); Object.defineProperty(r, '__esModule', { value: !0 }), (r.default = void 0); var f = a(e('lwsE')), S = a(e('W8MJ')), M = a(e('a1gu')), T = a(e('Nsbk')), u = a(e('PJYZ')), s = a(e('7W2i')), h = a(e('17x9')), d = v(e('q1tI')), g = { children: h.default.any }, m = (function(C) { (0, s.default)(N, C); function N(y, E) { var p; return ( (0, f.default)(this, N), (p = (0, M.default)(this, (0, T.default)(N).call(this, y, E))), (p.handleClick = p.handleClick.bind((0, u.default)(p))), p ); } return ( (0, S.default)(N, [ { key: 'handleClick', value: function(E) { E.preventDefault(); }, }, { key: 'render', value: function() { return d.default.createElement( 'div', { className: 'video-react-menu video-react-lock-showing', role: 'presentation', onClick: this.handleClick, }, d.default.createElement( 'ul', { className: 'video-react-menu-content' }, this.props.children, ), ); }, }, ]), N ); })(d.Component); (r.default = m), (m.propTypes = g), (m.displayName = 'Menu'); }, 'q+t5': function(A, r, e) { 'use strict'; var v = e('TqRt'); Object.defineProperty(r, '__esModule', { value: !0 }), (r.default = u); var a = v(e('17x9')), f = v(e('q1tI')), S = v(e('TSYQ')), M = e('tJTW'), T = { currentTime: a.default.number, duration: a.default.number, percentage: a.default.string, className: a.default.string, }; function u(s) { var h = s.currentTime, d = s.duration, g = s.percentage, m = s.className; return f.default.createElement( 'div', { 'data-current-time': (0, M.formatTime)(h, d), className: (0, S.default)('video-react-play-progress video-react-slider-bar', m), style: { width: g }, }, f.default.createElement( 'span', { className: 'video-react-control-text' }, 'Progress: '.concat(g), ), ); } (u.propTypes = T), (u.displayName = 'PlayProgressBar'); }, qdLH: function(A, r, e) { 'use strict'; Object.defineProperty(r, '__esModule', { value: !0 }), (r.IS_IOS = r.IS_IPOD = r.IS_IPHONE = r.IS_IPAD = void 0); var v = typeof window != 'undefined' && window.navigator ? window.navigator.userAgent : '', a = /iPad/i.test(v); r.IS_IPAD = a; var f = /iPhone/i.test(v) && !a; r.IS_IPHONE = f; var S = /iPod/i.test(v); r.IS_IPOD = S; var M = f || a || S; r.IS_IOS = M; }, rsAN: function(A, r, e) { 'use strict'; var v = e('TqRt'); Object.defineProperty(r, '__esModule', { value: !0 }), (r.default = T); var a = v(e('17x9')), f = v(e('q1tI')), S = v(e('TSYQ')), M = { duration: a.default.number, buffered: a.default.object, className: a.default.string }; function T(u) { var s = u.buffered, h = u.duration, d = u.className; if (!s || !s.length) return null; var g = s.end(s.length - 1), m = {}; g > h && (g = h); function C(t, l) { var n = t / l || 0; return ''.concat((n >= 1 ? 1 : n) * 100, '%'); } m.width = C(g, h); for (var N = [], y = 0; y < s.length; y++) { var E = s.start(y), p = s.end(y), o = f.default.createElement('div', { style: { left: C(E, g), width: C(p - E, g) }, key: 'part-'.concat(y), }); N.push(o); } return ( N.length === 0 && (N = null), f.default.createElement( 'div', { style: m, className: (0, S.default)('video-react-load-progress', d) }, f.default.createElement( 'span', { className: 'video-react-control-text' }, 'Loaded: 0%', ), N, ) ); } (T.propTypes = M), (T.displayName = 'LoadProgressBar'); }, ruMa: function(A, r, e) { 'use strict'; var v = e('TqRt'); Object.defineProperty(r, '__esModule', { value: !0 }), (r.default = T); var a = v(e('17x9')), f = v(e('q1tI')), S = v(e('TSYQ')), M = { separator: a.default.string, className: a.default.string }; function T(u) { var s = u.separator, h = u.className, d = s || '/'; return f.default.createElement( 'div', { className: (0, S.default)('video-react-time-control video-react-time-divider', h), dir: 'ltr', }, f.default.createElement('div', null, f.default.createElement('span', null, d)), ); } (T.propTypes = M), (T.displayName = 'TimeDivider'); }, rzyQ: function(A, r, e) { 'use strict'; var v = e('TqRt'); Object.defineProperty(r, '__esModule', { value: !0 }), (r.default = void 0); var a = v(e('lwsE')), f = v(e('W8MJ')), S = (function() { function T() { (0, a.default)(this, T); } return ( (0, f.default)(T, [ { key: 'request', value: function(s) { s.requestFullscreen ? s.requestFullscreen() : s.webkitRequestFullscreen ? s.webkitRequestFullscreen() : s.mozRequestFullScreen ? s.mozRequestFullScreen() : s.msRequestFullscreen && s.msRequestFullscreen(); }, }, { key: 'exit', value: function() { document.exitFullscreen ? document.exitFullscreen() : document.webkitExitFullscreen ? document.webkitExitFullscreen() : document.mozCancelFullScreen ? document.mozCancelFullScreen() : document.msExitFullscreen && document.msExitFullscreen(); }, }, { key: 'addEventListener', value: function(s) { document.addEventListener('fullscreenchange', s), document.addEventListener('webkitfullscreenchange', s), document.addEventListener('mozfullscreenchange', s), document.addEventListener('MSFullscreenChange', s); }, }, { key: 'removeEventListener', value: function(s) { document.removeEventListener('fullscreenchange', s), document.removeEventListener('webkitfullscreenchange', s), document.removeEventListener('mozfullscreenchange', s), document.removeEventListener('MSFullscreenChange', s); }, }, { key: 'isFullscreen', get: function() { return ( document.fullscreenElement || document.webkitFullscreenElement || document.mozFullScreenElement || document.msFullscreenElement ); }, }, { key: 'enabled', get: function() { return ( document.fullscreenEnabled || document.webkitFullscreenEnabled || document.mozFullScreenEnabled || document.msFullscreenEnabled ); }, }, ]), T ); })(), M = new S(); r.default = M; }, tJTW: function(A, r, e) { 'use strict'; var v = e('TqRt'); Object.defineProperty(r, '__esModule', { value: !0 }), (r.formatTime = u), (r.isVideoChild = s), (r.mergeAndSortChildren = g), (r.deprecatedWarning = m), (r.throttle = C), (r.mediaProperties = void 0); var a = v(e('RIqP')), f = v(e('MVZn')), S = v(e('QILm')), M = v(e('q1tI')), T = Number.isNaN || function(y) { return y !== y; }; function u() { var y = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 0, E = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : y, p = Math.floor(y % 60), o = Math.floor((y / 60) % 60), t = Math.floor(y / 3600), l = Math.floor((E / 60) % 60), n = Math.floor(E / 3600); return ( (T(y) || y === Infinity) && ((t = '-'), (o = '-'), (p = '-')), (t = t > 0 || n > 0 ? ''.concat(t, ':') : ''), (o = ''.concat((t || l >= 10) && o < 10 ? '0'.concat(o) : o, ':')), (p = p < 10 ? '0'.concat(p) : p), t + o + p ); } function s(y) { return y.props && y.props.isVideoChild ? !0 : y.type === 'source' || y.type === 'track'; } var h = function(E, p) { return E.filter(p)[0]; }, d = function(E, p) { var o = E.type, t = p.type; return typeof o == 'string' || typeof t == 'string' ? o === t : typeof o == 'function' && typeof t == 'function' ? o.displayName === t.displayName : !1; }; function g(y, E, p) { var o = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : 1, t = M.default.Children.toArray(E), l = p.order, n = (0, S.default)(p, ['order']); return t .filter(function(i) { return !i.props.disabled; }) .concat( y.filter(function(i) { return !h(t, function(c) { return d(c, i); }); }), ) .map(function(i) { var c = h(y, function(I) { return d(I, i); }), R = c ? c.props : {}, b = (0, f.default)({}, n, R, i.props), O = M.default.cloneElement(i, b, i.props.children); return O; }) .sort(function(i, c) { return (i.props.order || o) - (c.props.order || o); }); } function m(y, E) { console.warn( 'WARNING: '.concat(y, ' will be deprecated soon! Please use ').concat(E, ' instead.'), ); } function C(y, E) { var p = arguments, o = !1; return function() { o || (y.apply(void 0, (0, a.default)(p)), (o = !0), setTimeout(function() { o = !1; }, E)); }; } var N = [ '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', ]; r.mediaProperties = N; }, tPgb: function(A, r, e) { 'use strict'; var v = e('TqRt'); Object.defineProperty(r, '__esModule', { value: !0 }), (r.default = void 0); var a = v(e('17x9')), f = v(e('q1tI')), S = v(e('TSYQ')), M = { poster: a.default.string, player: a.default.object, actions: a.default.object, className: a.default.string, }; function T(s) { var h = s.poster, d = s.player, g = s.actions, m = s.className; return !h || d.hasStarted ? null : f.default.createElement('div', { className: (0, S.default)('video-react-poster', m), style: { backgroundImage: 'url("'.concat(h, '")') }, onClick: function() { d.paused && g.play(); }, }); } (T.propTypes = M), (T.displayName = 'PosterImage'); var u = T; r.default = u; }, udzn: function(A, r, e) { 'use strict'; var v = e('284h'), a = e('TqRt'); Object.defineProperty(r, '__esModule', { value: !0 }), Object.defineProperty(r, 'Player', { enumerable: !0, get: function() { return f.default; }, }), Object.defineProperty(r, 'Video', { enumerable: !0, get: function() { return S.default; }, }), Object.defineProperty(r, 'BigPlayButton', { enumerable: !0, get: function() { return M.default; }, }), Object.defineProperty(r, 'LoadingSpinner', { enumerable: !0, get: function() { return T.default; }, }), Object.defineProperty(r, 'PosterImage', { enumerable: !0, get: function() { return u.default; }, }), Object.defineProperty(r, 'Slider', { enumerable: !0, get: function() { return s.default; }, }), Object.defineProperty(r, 'Bezel', { enumerable: !0, get: function() { return h.default; }, }), Object.defineProperty(r, 'Shortcut', { enumerable: !0, get: function() { return d.default; }, }), Object.defineProperty(r, 'ControlBar', { enumerable: !0, get: function() { return g.default; }, }), Object.defineProperty(r, 'PlayToggle', { enumerable: !0, get: function() { return m.default; }, }), Object.defineProperty(r, 'ForwardControl', { enumerable: !0, get: function() { return C.default; }, }), Object.defineProperty(r, 'ReplayControl', { enumerable: !0, get: function() { return N.default; }, }), Object.defineProperty(r, 'FullscreenToggle', { enumerable: !0, get: function() { return y.default; }, }), Object.defineProperty(r, 'ProgressControl', { enumerable: !0, get: function() { return E.default; }, }), Object.defineProperty(r, 'SeekBar', { enumerable: !0, get: function() { return p.default; }, }), Object.defineProperty(r, 'PlayProgressBar', { enumerable: !0, get: function() { return o.default; }, }), Object.defineProperty(r, 'LoadProgressBar', { enumerable: !0, get: function() { return t.default; }, }), Object.defineProperty(r, 'MouseTimeDisplay', { enumerable: !0, get: function() { return l.default; }, }), Object.defineProperty(r, 'VolumeMenuButton', { enumerable: !0, get: function() { return n.default; }, }), Object.defineProperty(r, 'PlaybackRateMenuButton', { enumerable: !0, get: function() { return i.default; }, }), Object.defineProperty(r, 'PlaybackRate', { enumerable: !0, get: function() { return c.default; }, }), Object.defineProperty(r, 'ClosedCaptionButton', { enumerable: !0, get: function() { return R.default; }, }), Object.defineProperty(r, 'RemainingTimeDisplay', { enumerable: !0, get: function() { return b.default; }, }), Object.defineProperty(r, 'CurrentTimeDisplay', { enumerable: !0, get: function() { return O.default; }, }), Object.defineProperty(r, 'DurationDisplay', { enumerable: !0, get: function() { return I.default; }, }), Object.defineProperty(r, 'TimeDivider', { enumerable: !0, get: function() { return j.default; }, }), Object.defineProperty(r, 'MenuButton', { enumerable: !0, get: function() { return L.default; }, }), Object.defineProperty(r, 'playerReducer', { enumerable: !0, get: function() { return k.playerReducer; }, }), Object.defineProperty(r, 'operationReducer', { enumerable: !0, get: function() { return k.operationReducer; }, }), (r.videoActions = r.playerActions = void 0); var f = a(e('vcz5')), S = a(e('Edwz')), M = a(e('vu4D')), T = a(e('X2cd')), u = a(e('tPgb')), s = a(e('kXlQ')), h = a(e('zFvY')), d = a(e('LgmY')), g = a(e('FcgA')), m = a(e('0yDM')), C = a(e('4b3c')), N = a(e('UXv2')), y = a(e('54lq')), E = a(e('zHIc')), p = a(e('xFFL')), o = a(e('q+t5')), t = a(e('rsAN')), l = a(e('GuGs')), n = a(e('AZ0a')), i = a(e('DGqw')), c = a(e('wXLL')), R = a(e('yYHT')), b = a(e('Na29')), O = a(e('HI9P')), I = a(e('GdU9')), j = a(e('ruMa')), L = a(e('U3K2')), V = v(e('we7k')); r.playerActions = V; var F = v(e('INgg')); r.videoActions = F; var k = e('ulZL'); }, ulZL: function(A, r, e) { 'use strict'; var v = e('TqRt'); Object.defineProperty(r, '__esModule', { value: !0 }), (r.default = S), (r.operationReducer = r.playerReducer = void 0); var a = v(e('56F6')), f = v(e('3nJo')); function S() { var u = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, s = arguments.length > 1 ? arguments[1] : void 0; return { player: (0, a.default)(u.player, s), operation: (0, f.default)(u.operation, s) }; } var M = a.default; r.playerReducer = M; var T = f.default; r.operationReducer = T; }, vcz5: function(A, r, e) { 'use strict'; var v = e('284h'), a = e('TqRt'); Object.defineProperty(r, '__esModule', { value: !0 }), (r.default = void 0); var f = a(e('MVZn')), S = a(e('lSNA')), M = a(e('QILm')), T = a(e('lwsE')), u = a(e('W8MJ')), s = a(e('a1gu')), h = a(e('Nsbk')), d = a(e('PJYZ')), g = a(e('7W2i')), m = a(e('17x9')), C = v(e('q1tI')), N = a(e('TSYQ')), y = a(e('iAfH')), E = a(e('vu4D')), p = a(e('X2cd')), o = a(e('tPgb')), t = a(e('Edwz')), l = a(e('zFvY')), n = a(e('LgmY')), i = a(e('FcgA')), c = v(e('qdLH')), R = e('EVUy'), b = e('tJTW'), O = a(e('rzyQ')), I = { children: m.default.any, width: m.default.oneOfType([m.default.string, m.default.number]), height: m.default.oneOfType([m.default.string, m.default.number]), fluid: m.default.bool, muted: m.default.bool, playsInline: m.default.bool, aspectRatio: m.default.string, className: m.default.string, videoId: m.default.string, startTime: m.default.number, loop: m.default.bool, autoPlay: m.default.bool, src: m.default.string, poster: m.default.string, preload: m.default.oneOf(['auto', 'metadata', 'none']), onLoadStart: m.default.func, onWaiting: m.default.func, onCanPlay: m.default.func, onCanPlayThrough: m.default.func, onPlaying: m.default.func, onEnded: m.default.func, onSeeking: m.default.func, onSeeked: m.default.func, onPlay: m.default.func, onPause: m.default.func, onProgress: m.default.func, onDurationChange: m.default.func, onError: m.default.func, onSuspend: m.default.func, onAbort: m.default.func, onEmptied: m.default.func, onStalled: m.default.func, onLoadedMetadata: m.default.func, onLoadedData: m.default.func, onTimeUpdate: m.default.func, onRateChange: m.default.func, onVolumeChange: m.default.func, store: m.default.object, }, j = { fluid: !0, muted: !1, playsInline: !1, preload: 'auto', aspectRatio: 'auto' }, L = (function(V) { (0, g.default)(F, V); function F(k) { var P; return ( (0, T.default)(this, F), (P = (0, s.default)(this, (0, h.default)(F).call(this, k))), (P.controlsHideTimer = null), (P.video = null), (P.manager = new y.default(k.store)), (P.actions = P.manager.getActions()), P.manager.subscribeToPlayerStateChange(P.handleStateChange.bind((0, d.default)(P))), (P.getStyle = P.getStyle.bind((0, d.default)(P))), (P.handleResize = P.handleResize.bind((0, d.default)(P))), (P.getChildren = P.getChildren.bind((0, d.default)(P))), (P.handleMouseMove = (0, b.throttle)(P.handleMouseMove.bind((0, d.default)(P)), 250)), (P.handleMouseDown = P.handleMouseDown.bind((0, d.default)(P))), (P.startControlsTimer = P.startControlsTimer.bind((0, d.default)(P))), (P.handleFullScreenChange = P.handleFullScreenChange.bind((0, d.default)(P))), (P.handleKeyDown = P.handleKeyDown.bind((0, d.default)(P))), (P.handleFocus = P.handleFocus.bind((0, d.default)(P))), (P.handleBlur = P.handleBlur.bind((0, d.default)(P))), P ); } return ( (0, u.default)(F, [ { key: 'componentDidMount', value: function() { this.handleResize(), window.addEventListener('resize', this.handleResize), O.default.addEventListener(this.handleFullScreenChange); }, }, { key: 'componentWillUnmount', value: function() { window.removeEventListener('resize', this.handleResize), O.default.removeEventListener(this.handleFullScreenChange), this.controlsHideTimer && window.clearTimeout(this.controlsHideTimer); }, }, { key: 'getDefaultChildren', value: function(P) { var W = this; return [ C.default.createElement( t.default, { ref: function(B) { (W.video = B), (W.manager.video = W.video); }, key: 'video', order: 0, }, P, ), C.default.createElement(o.default, { key: 'poster-image', order: 1 }), C.default.createElement(p.default, { key: 'loading-spinner', order: 2 }), C.default.createElement(l.default, { key: 'bezel', order: 3 }), C.default.createElement(E.default, { key: 'big-play-button', order: 4 }), C.default.createElement(i.default, { key: 'control-bar', order: 5 }), C.default.createElement(n.default, { key: 'shortcut', order: 99 }), ]; }, }, { key: 'getChildren', value: function(P) { var W = P.className, U = P.children, B = (0, M.default)(P, ['className', 'children']), G = C.default.Children.toArray(this.props.children).filter(function(Y) { return !(0, b.isVideoChild)(Y); }), J = this.getDefaultChildren(U); return (0, b.mergeAndSortChildren)(J, G, B); }, }, { key: 'setWidthOrHeight', value: function(P, W, U) { var B; typeof U == 'string' ? U === 'auto' ? (B = 'auto') : U.match(/\d+%/) && (B = U) : typeof U == 'number' && (B = ''.concat(U, 'px')), Object.assign(P, (0, S.default)({}, W, B)); }, }, { key: 'getStyle', value: function() { var P = this.props, W = P.fluid, U = P.aspectRatio, B = P.height, G = P.width, J = this.manager.getState(), Y = J.player, z = {}, H, $, K; U !== void 0 && U !== 'auto' ? (K = U) : Y.videoWidth ? (K = ''.concat(Y.videoWidth, ':').concat(Y.videoHeight)) : (K = '16:9'); var Q = K.split(':'), Z = Q[1] / Q[0]; return ( G !== void 0 ? (H = G) : B !== void 0 ? (H = B / Z) : (H = Y.videoWidth || 400), B !== void 0 ? ($ = B) : ($ = H * Z), W ? (z.paddingTop = ''.concat(Z * 100, '%')) : (this.setWidthOrHeight(z, 'width', H), this.setWidthOrHeight(z, 'height', $)), z ); }, }, { key: 'getState', value: function() { return this.manager.getState(); }, }, { key: 'play', value: function() { this.video.play(); }, }, { key: 'pause', value: function() { this.video.pause(); }, }, { key: 'load', value: function() { this.video.load(); }, }, { key: 'addTextTrack', value: function() { var P; (P = this.video).addTextTrack.apply(P, arguments); }, }, { key: 'canPlayType', value: function() { var P; (P = this.video).canPlayType.apply(P, arguments); }, }, { key: 'seek', value: function(P) { this.video.seek(P); }, }, { key: 'forward', value: function(P) { this.video.forward(P); }, }, { key: 'replay', value: function(P) { this.video.replay(P); }, }, { key: 'toggleFullscreen', value: function() { this.video.toggleFullscreen(); }, }, { key: 'subscribeToStateChange', value: function(P) { return this.manager.subscribeToPlayerStateChange(P); }, }, { key: 'handleResize', value: function() {} }, { key: 'handleFullScreenChange', value: function(P) { P.target === this.manager.rootElement && this.actions.handleFullscreenChange(O.default.isFullscreen); }, }, { key: 'handleMouseDown', value: function() { this.startControlsTimer(); }, }, { key: 'handleMouseMove', value: function() { this.startControlsTimer(); }, }, { key: 'handleKeyDown', value: function() { this.startControlsTimer(); }, }, { key: 'startControlsTimer', value: function() { var P = this, W = 3e3; C.default.Children.forEach(this.props.children, function(U) { if (!C.default.isValidElement(U) || U.type !== i.default) return; var B = U.props.autoHideTime; typeof B == 'number' && (W = B); }), this.actions.userActivate(!0), clearTimeout(this.controlsHideTimer), (this.controlsHideTimer = setTimeout(function() { P.actions.userActivate(!1); }, W)); }, }, { key: 'handleStateChange', value: function(P, W) { P.isFullscreen !== W.isFullscreen && (this.handleResize(), (0, R.focusNode)(this.manager.rootElement)), this.forceUpdate(); }, }, { key: 'handleFocus', value: function() { this.actions.activate(!0); }, }, { key: 'handleBlur', value: function() { this.actions.activate(!1); }, }, { key: 'render', value: function() { var P = this, W = this.props.fluid, U = this.manager.getState(), B = U.player, G = B.paused, J = B.hasStarted, Y = B.waiting, z = B.seeking, H = B.isFullscreen, $ = B.userActivity, K = (0, f.default)({}, this.props, { player: B, actions: this.actions, manager: this.manager, store: this.manager.store, video: this.video ? this.video.video : null, }), Q = this.getChildren(K); return C.default.createElement( 'div', { className: (0, N.default)( { 'video-react-controls-enabled': !0, 'video-react-has-started': J, 'video-react-paused': G, 'video-react-playing': !G, 'video-react-waiting': Y, 'video-react-seeking': z, 'video-react-fluid': W, 'video-react-fullscreen': H, 'video-react-user-inactive': !$, 'video-react-user-active': $, 'video-react-workinghover': !c.IS_IOS, }, 'video-react', this.props.className, ), style: this.getStyle(), ref: function(X) { P.manager.rootElement = X; }, role: 'region', onTouchStart: this.handleMouseDown, onMouseDown: this.handleMouseDown, onTouchMove: this.handleMouseMove, onMouseMove: this.handleMouseMove, onKeyDown: this.handleKeyDown, onFocus: this.handleFocus, onBlur: this.handleBlur, tabIndex: '-1', }, Q, ); }, }, { key: 'playbackRate', get: function() { return this.video.playbackRate; }, set: function(P) { this.video.playbackRate = P; }, }, { key: 'muted', get: function() { return this.video.muted; }, set: function(P) { this.video.muted = P; }, }, { key: 'volume', get: function() { return this.video.volume; }, set: function(P) { this.video.volume = P; }, }, { key: 'videoWidth', get: function() { return this.video.videoWidth; }, }, { key: 'videoHeight', get: function() { return this.video.videoHeight; }, }, ]), F ); })(C.Component); (r.default = L), (L.contextTypes = { store: m.default.object }), (L.propTypes = I), (L.defaultProps = j), (L.displayName = 'Player'); }, vu4D: function(A, r, e) { 'use strict'; var v = e('284h'), a = e('TqRt'); Object.defineProperty(r, '__esModule', { value: !0 }), (r.default = void 0); var f = a(e('lwsE')), S = a(e('W8MJ')), M = a(e('a1gu')), T = a(e('Nsbk')), u = a(e('PJYZ')), s = a(e('7W2i')), h = a(e('17x9')), d = v(e('q1tI')), g = a(e('TSYQ')), m = { actions: h.default.object, player: h.default.object, position: h.default.string, className: h.default.string, }, C = { position: 'left' }, N = (function(y) { (0, s.default)(E, y); function E(p, o) { var t; return ( (0, f.default)(this, E), (t = (0, M.default)(this, (0, T.default)(E).call(this, p, o))), (t.handleClick = t.handleClick.bind((0, u.default)(t))), t ); } return ( (0, S.default)(E, [ { key: 'componentDidMount', value: function() {} }, { key: 'handleClick', value: function() { var o = this.props.actions; o.play(); }, }, { key: 'render', value: function() { var o = this.props, t = o.player, l = o.position; return d.default.createElement( 'button', { className: (0, g.default)( 'video-react-big-play-button', 'video-react-big-play-button-'.concat(l), this.props.className, { 'big-play-button-hide': t.hasStarted || !t.currentSrc }, ), type: 'button', 'aria-live': 'polite', tabIndex: '0', onClick: this.handleClick, }, d.default.createElement( 'span', { className: 'video-react-control-text' }, 'Play Video', ), ); }, }, ]), E ); })(d.Component); (r.default = N), (N.propTypes = m), (N.defaultProps = C), (N.displayName = 'BigPlayButton'); }, wXLL: function(A, r, e) { 'use strict'; var v = e('284h'), a = e('TqRt'); Object.defineProperty(r, '__esModule', { value: !0 }), (r.default = void 0); var f = a(e('lwsE')), S = a(e('W8MJ')), M = a(e('a1gu')), T = a(e('Nsbk')), u = a(e('7W2i')), s = v(e('q1tI')), h = a(e('DGqw')), d = e('tJTW'), g = (function(m) { (0, u.default)(C, m); function C(N, y) { var E; return ( (0, f.default)(this, C), (E = (0, M.default)(this, (0, T.default)(C).call(this, N, y))), (0, d.deprecatedWarning)('PlaybackRate', 'PlaybackRateMenuButton'), E ); } return ( (0, S.default)(C, [ { key: 'render', value: function() { return s.default.createElement(h.default, this.props); }, }, ]), C ); })(s.Component); (r.default = g), (g.displayName = 'PlaybackRate'); }, we7k: function(A, r, e) { 'use strict'; var v = e('TqRt'); Object.defineProperty(r, '__esModule', { value: !0 }), (r.handleFullscreenChange = u), (r.activate = s), (r.userActivate = h), (r.play = d), (r.pause = g), (r.togglePlay = m), (r.seek = C), (r.forward = N), (r.replay = y), (r.changeRate = E), (r.changeVolume = p), (r.mute = o), (r.toggleFullscreen = t), (r.USER_ACTIVATE = r.PLAYER_ACTIVATE = r.FULLSCREEN_CHANGE = r.OPERATE = void 0); var a = v(e('rzyQ')), f = 'video-react/OPERATE'; r.OPERATE = f; var S = 'video-react/FULLSCREEN_CHANGE'; r.FULLSCREEN_CHANGE = S; var M = 'video-react/PLAYER_ACTIVATE'; r.PLAYER_ACTIVATE = M; var T = 'video-react/USER_ACTIVATE'; r.USER_ACTIVATE = T; function u(l) { return { type: S, isFullscreen: l }; } function s(l) { return { type: M, activity: l }; } function h(l) { return { type: T, activity: l }; } function d() { var l = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : { action: 'play', source: '' }; return this.video.play(), { type: f, operation: l }; } function g() { var l = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : { action: 'pause', source: '' }; return this.video.pause(), { type: f, operation: l }; } function m() { var l = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : { action: 'toggle-play', source: '' }; return this.video.togglePlay(), { type: f, operation: l }; } function C(l) { var n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : { action: 'seek', source: '' }; return this.video.seek(l), { type: f, operation: n }; } function N(l) { var n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : { action: 'forward-'.concat(l), source: '' }; return this.video.forward(l), { type: f, operation: n }; } function y(l) { var n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : { action: 'replay-'.concat(l), source: '' }; return this.video.replay(l), { type: f, operation: n }; } function E(l) { var n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : { action: 'change-rate', source: '' }; return (this.video.playbackRate = l), { type: f, operation: n }; } function p(l) { var n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : { action: 'change-volume', source: '' }, i = l; return ( l < 0 && (i = 0), l > 1 && (i = 1), (this.video.volume = i), { type: f, operation: n } ); } function o(l) { var n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : { action: l ? 'muted' : 'unmuted', source: '' }; return (this.video.muted = l), { type: f, operation: n }; } function t(l) { return a.default.enabled ? (a.default.isFullscreen ? a.default.exit() : a.default.request(this.rootElement), { type: f, operation: { action: 'toggle-fullscreen', source: '' } }) : { type: S, isFullscreen: !l.isFullscreen }; } }, xFFL: function(A, r, e) { 'use strict'; var v = e('284h'), a = e('TqRt'); Object.defineProperty(r, '__esModule', { value: !0 }), (r.default = void 0); var f = a(e('lwsE')), S = a(e('W8MJ')), M = a(e('a1gu')), T = a(e('Nsbk')), u = a(e('PJYZ')), s = a(e('7W2i')), h = a(e('17x9')), d = v(e('q1tI')), g = a(e('TSYQ')), m = a(e('kXlQ')), C = a(e('q+t5')), N = a(e('rsAN')), y = a(e('GuGs')), E = e('tJTW'), p = { player: h.default.object, mouseTime: h.default.object, actions: h.default.object, className: h.default.string, }, o = (function(t) { (0, s.default)(l, t); function l(n, i) { var c; return ( (0, f.default)(this, l), (c = (0, M.default)(this, (0, T.default)(l).call(this, n, i))), (c.getPercent = c.getPercent.bind((0, u.default)(c))), (c.getNewTime = c.getNewTime.bind((0, u.default)(c))), (c.stepForward = c.stepForward.bind((0, u.default)(c))), (c.stepBack = c.stepBack.bind((0, u.default)(c))), (c.handleMouseDown = c.handleMouseDown.bind((0, u.default)(c))), (c.handleMouseMove = c.handleMouseMove.bind((0, u.default)(c))), (c.handleMouseUp = c.handleMouseUp.bind((0, u.default)(c))), c ); } return ( (0, S.default)(l, [ { key: 'componentDidMount', value: function() {} }, { key: 'componentDidUpdate', value: function() {} }, { key: 'getPercent', value: function() { var i = this.props.player, c = i.currentTime, R = i.seekingTime, b = i.duration, O = R || c, I = O / b; return I >= 1 ? 1 : I; }, }, { key: 'getNewTime', value: function(i) { var c = this.props.player.duration, R = this.slider.calculateDistance(i), b = R * c; return b === c ? b - 0.1 : b; }, }, { key: 'handleMouseDown', value: function() {} }, { key: 'handleMouseUp', value: function(i) { var c = this.props.actions, R = this.getNewTime(i); c.seek(R), c.handleEndSeeking(R); }, }, { key: 'handleMouseMove', value: function(i) { var c = this.props.actions, R = this.getNewTime(i); c.handleSeekingTime(R); }, }, { key: 'stepForward', value: function() { var i = this.props.actions; i.forward(5); }, }, { key: 'stepBack', value: function() { var i = this.props.actions; i.replay(5); }, }, { key: 'render', value: function() { var i = this, c = this.props, R = c.player, b = R.currentTime, O = R.seekingTime, I = R.duration, j = R.buffered, L = c.mouseTime, V = O || b; return d.default.createElement( m.default, { ref: function(k) { i.slider = k; }, label: 'video progress bar', className: (0, g.default)( 'video-react-progress-holder', this.props.className, ), valuenow: (this.getPercent() * 100).toFixed(2), valuetext: (0, E.formatTime)(V, I), onMouseDown: this.handleMouseDown, onMouseMove: this.handleMouseMove, onMouseUp: this.handleMouseUp, getPercent: this.getPercent, stepForward: this.stepForward, stepBack: this.stepBack, }, d.default.createElement(N.default, { buffered: j, currentTime: V, duration: I, }), d.default.createElement(y.default, { duration: I, mouseTime: L }), d.default.createElement(C.default, { currentTime: V, duration: I }), ); }, }, ]), l ); })(d.Component); (r.default = o), (o.propTypes = p), (o.displayName = 'SeekBar'); }, yYHT: function(A, r, e) { 'use strict'; var v = e('284h'), a = e('TqRt'); Object.defineProperty(r, '__esModule', { value: !0 }), (r.default = void 0); var f = a(e('lwsE')), S = a(e('W8MJ')), M = a(e('a1gu')), T = a(e('Nsbk')), u = a(e('PJYZ')), s = a(e('7W2i')), h = a(e('17x9')), d = v(e('q1tI')), g = a(e('TSYQ')), m = a(e('U3K2')), C = { player: h.default.object, actions: h.default.object, className: h.default.string, offMenuText: h.default.string, showOffMenu: h.default.bool, kinds: h.default.array, }, N = { offMenuText: 'Off', showOffMenu: !0, kinds: ['captions', 'subtitles'] }, y = (function(p) { (0, s.default)(o, p); function o(t, l) { var n; return ( (0, f.default)(this, o), (n = (0, M.default)(this, (0, T.default)(o).call(this, t, l))), (n.getTextTrackItems = n.getTextTrackItems.bind((0, u.default)(n))), (n.updateState = n.updateState.bind((0, u.default)(n))), (n.handleSelectItem = n.handleSelectItem.bind((0, u.default)(n))), (n.state = n.getTextTrackItems()), n ); } return ( (0, S.default)(o, [ { key: 'componentDidUpdate', value: function() { this.updateState(); }, }, { key: 'getTextTrackItems', value: function() { var l = this.props, n = l.kinds, i = l.player, c = l.offMenuText, R = l.showOffMenu, b = i.textTracks, O = i.activeTextTrack, I = { items: [], selectedIndex: 0 }, j = Array.from(b || []); return ( j.length === 0 || (R && I.items.push({ label: c || 'Off', value: null }), j.forEach(function(L) { if (n.length && !n.includes(L.kind)) return; I.items.push({ label: L.label, value: L.language }); }), (I.selectedIndex = I.items.findIndex(function(L) { return O && O.language === L.value; })), I.selectedIndex === -1 && (I.selectedIndex = 0)), I ); }, }, { key: 'updateState', value: function() { var l = this.getTextTrackItems(); (l.selectedIndex !== this.state.selectedIndex || !this.textTrackItemsAreEqual(l.items, this.state.items)) && this.setState(l); }, }, { key: 'textTrackItemsAreEqual', value: function(l, n) { if (l.length !== n.length) return !1; for (var i = 0; i < l.length; i++) if (!n[i] || l[i].label !== n[i].label || l[i].value !== n[i].value) return !1; return !0; }, }, { key: 'handleSelectItem', value: function(l) { var n = this.props, i = n.player, c = n.actions, R = n.showOffMenu, b = i.textTracks; Array.from(b).forEach(function(O, I) { l === (R ? I + 1 : I) ? ((O.mode = 'showing'), c.activateTextTrack(O)) : (O.mode = 'hidden'); }); }, }, { key: 'render', value: function() { var l = this.state, n = l.items, i = l.selectedIndex; return d.default.createElement( m.default, { className: (0, g.default)('video-react-closed-caption', this.props.className), onSelectItem: this.handleSelectItem, items: n, selectedIndex: i, }, d.default.createElement( 'span', { className: 'video-react-control-text' }, 'Closed Caption', ), ); }, }, ]), o ); })(d.Component); (y.propTypes = C), (y.defaultProps = N), (y.displayName = 'ClosedCaptionButton'); var E = y; r.default = E; }, zFvY: function(A, r, e) { 'use strict'; var v = e('284h'), a = e('TqRt'); Object.defineProperty(r, '__esModule', { value: !0 }), (r.default = void 0); var f = a(e('lwsE')), S = a(e('W8MJ')), M = a(e('a1gu')), T = a(e('Nsbk')), u = a(e('PJYZ')), s = a(e('7W2i')), h = a(e('17x9')), d = v(e('q1tI')), g = a(e('TSYQ')), m = { manager: h.default.object, className: h.default.string }, C = (function(N) { (0, s.default)(y, N); function y(E, p) { var o; return ( (0, f.default)(this, y), (o = (0, M.default)(this, (0, T.default)(y).call(this, E, p))), (o.timer = null), E.manager.subscribeToOperationStateChange( o.handleStateChange.bind((0, u.default)(o)), ), (o.state = { hidden: !0, operation: {} }), o ); } return ( (0, S.default)(y, [ { key: 'handleStateChange', value: function(p, o) { var t = this; p.count !== o.count && p.operation.source === 'shortcut' && (this.timer && (clearTimeout(this.timer), (this.timer = null)), this.setState({ hidden: !1, count: p.count, operation: p.operation }), (this.timer = setTimeout(function() { t.setState({ hidden: !0 }), (t.timer = null); }, 500))); }, }, { key: 'render', value: function() { if (this.state.operation.source !== 'shortcut') return null; var p = this.state.hidden ? { display: 'none' } : null; return d.default.createElement( 'div', { className: (0, g.default)( { 'video-react-bezel': !0, 'video-react-bezel-animation': this.state.count % 2 === 0, 'video-react-bezel-animation-alt': this.state.count % 2 === 1, }, this.props.className, ), style: p, role: 'status', 'aria-label': this.state.operation.action, }, d.default.createElement('div', { className: (0, g.default)( 'video-react-bezel-icon', 'video-react-bezel-icon-'.concat(this.state.operation.action), ), }), ); }, }, ]), y ); })(d.Component); (r.default = C), (C.propTypes = m), (C.displayName = 'Bezel'); }, zHIc: function(A, r, e) { 'use strict'; var v = e('284h'), a = e('TqRt'); Object.defineProperty(r, '__esModule', { value: !0 }), (r.default = void 0); var f = a(e('pVnL')), S = a(e('lwsE')), M = a(e('W8MJ')), T = a(e('a1gu')), u = a(e('Nsbk')), s = a(e('PJYZ')), h = a(e('7W2i')), d = a(e('17x9')), g = v(e('q1tI')), m = a(e('TSYQ')), C = v(e('EVUy')), N = a(e('xFFL')), y = { player: d.default.object, className: d.default.string }, E = (function(p) { (0, h.default)(o, p); function o(t, l) { var n; return ( (0, S.default)(this, o), (n = (0, T.default)(this, (0, u.default)(o).call(this, t, l))), (n.state = { mouseTime: { time: null, position: 0 } }), (n.handleMouseMoveThrottle = n.handleMouseMove.bind((0, s.default)(n))), n ); } return ( (0, M.default)(o, [ { key: 'handleMouseMove', value: function(l) { if (!l.pageX) return; var n = this.props.player.duration, i = this.seekBar, c = C.getPointerPosition(i, l).x * n, R = l.pageX - C.findElPosition(i).left; this.setState({ mouseTime: { time: c, position: R } }); }, }, { key: 'render', value: function() { var l = this, n = this.props.className; return g.default.createElement( 'div', { onMouseMove: this.handleMouseMoveThrottle, className: (0, m.default)( 'video-react-progress-control video-react-control', n, ), }, g.default.createElement( N.default, (0, f.default)( { mouseTime: this.state.mouseTime, ref: function(c) { l.seekBar = c; }, }, this.props, ), ), ); }, }, ]), o ); })(g.Component); (r.default = E), (E.propTypes = y), (E.displayName = 'ProgressControl'); }, }, ]); //# sourceMappingURL=3.js.map