@ilo-org/react 0.1.2 → 0.2.1

package/lib/cjs/components/Video/VideoPlayer.js

@@ -1,1452 +1,17 @@
 'use strict';
 
-var jsxRuntime = require('react/jsx-runtime');
-var require$$0 = require('react');
-var _commonjsHelpers = require('../../_commonjsHelpers-9f9f50a8.js');
-var patterns = require('../../patterns-975adf3c.js');
-var index = require('../../index-1b6434f0.js');
-var ReactDOM = require('react-dom');
-var classNames = require('classnames');
-var hooks_useGlobalSettings = require('../../hooks/useGlobalSettings.js');
-var utils_hoursMinutesSeconds = require('../../utils/hoursMinutesSeconds.js');
-var screenfull = require('screenfull');
+require('react/jsx-runtime');
+require('react');
+var components_Video_VideoPlayer = require('../../VideoPlayer-9ce35136.js');
+require('react-dom');
+require('classnames');
+require('../../hooks/useGlobalSettings.js');
+require('../../utils/hoursMinutesSeconds.js');
+require('screenfull');
+require('../../index-1b6434f0.js');
 require('tslib');
 require('../../GlobalCtx-97e4b433.js');
 
-var lazy = {};
 
-var players = {};
 
-(function (exports) {
-
-	Object.defineProperty(exports, "__esModule", {
-	  value: true
-	});
-	exports["default"] = void 0;
-
-	var _react = require$$0;
-
-	var _utils = patterns.utils;
-
-	var _patterns = patterns.patterns;
-
-	var _default = [{
-	  key: 'youtube',
-	  name: 'YouTube',
-	  canPlay: _patterns.canPlay.youtube,
-	  lazyPlayer: /*#__PURE__*/(0, _react.lazy)(function () {
-	    return Promise.resolve().then(function () { return require(
-	    /* webpackChunkName: 'reactPlayerYouTube' */
-	    '../../YouTube-909bd761.js'); }).then(function (n) { return n.YouTube; });
-	  })
-	}, {
-	  key: 'soundcloud',
-	  name: 'SoundCloud',
-	  canPlay: _patterns.canPlay.soundcloud,
-	  lazyPlayer: /*#__PURE__*/(0, _react.lazy)(function () {
-	    return Promise.resolve().then(function () { return require(
-	    /* webpackChunkName: 'reactPlayerSoundCloud' */
-	    '../../SoundCloud-356fd92d.js'); }).then(function (n) { return n.SoundCloud; });
-	  })
-	}, {
-	  key: 'vimeo',
-	  name: 'Vimeo',
-	  canPlay: _patterns.canPlay.vimeo,
-	  lazyPlayer: /*#__PURE__*/(0, _react.lazy)(function () {
-	    return Promise.resolve().then(function () { return require(
-	    /* webpackChunkName: 'reactPlayerVimeo' */
-	    '../../Vimeo-6898bfd9.js'); }).then(function (n) { return n.Vimeo; });
-	  })
-	}, {
-	  key: 'facebook',
-	  name: 'Facebook',
-	  canPlay: _patterns.canPlay.facebook,
-	  lazyPlayer: /*#__PURE__*/(0, _react.lazy)(function () {
-	    return Promise.resolve().then(function () { return require(
-	    /* webpackChunkName: 'reactPlayerFacebook' */
-	    '../../Facebook-d993b91c.js'); }).then(function (n) { return n.Facebook; });
-	  })
-	}, {
-	  key: 'streamable',
-	  name: 'Streamable',
-	  canPlay: _patterns.canPlay.streamable,
-	  lazyPlayer: /*#__PURE__*/(0, _react.lazy)(function () {
-	    return Promise.resolve().then(function () { return require(
-	    /* webpackChunkName: 'reactPlayerStreamable' */
-	    '../../Streamable-407ca855.js'); }).then(function (n) { return n.Streamable; });
-	  })
-	}, {
-	  key: 'wistia',
-	  name: 'Wistia',
-	  canPlay: _patterns.canPlay.wistia,
-	  lazyPlayer: /*#__PURE__*/(0, _react.lazy)(function () {
-	    return Promise.resolve().then(function () { return require(
-	    /* webpackChunkName: 'reactPlayerWistia' */
-	    '../../Wistia-ed77bf25.js'); }).then(function (n) { return n.Wistia; });
-	  })
-	}, {
-	  key: 'twitch',
-	  name: 'Twitch',
-	  canPlay: _patterns.canPlay.twitch,
-	  lazyPlayer: /*#__PURE__*/(0, _react.lazy)(function () {
-	    return Promise.resolve().then(function () { return require(
-	    /* webpackChunkName: 'reactPlayerTwitch' */
-	    '../../Twitch-ca00faaf.js'); }).then(function (n) { return n.Twitch; });
-	  })
-	}, {
-	  key: 'dailymotion',
-	  name: 'DailyMotion',
-	  canPlay: _patterns.canPlay.dailymotion,
-	  lazyPlayer: /*#__PURE__*/(0, _react.lazy)(function () {
-	    return Promise.resolve().then(function () { return require(
-	    /* webpackChunkName: 'reactPlayerDailyMotion' */
-	    '../../DailyMotion-4f88e10b.js'); }).then(function (n) { return n.DailyMotion; });
-	  })
-	}, {
-	  key: 'mixcloud',
-	  name: 'Mixcloud',
-	  canPlay: _patterns.canPlay.mixcloud,
-	  lazyPlayer: /*#__PURE__*/(0, _react.lazy)(function () {
-	    return Promise.resolve().then(function () { return require(
-	    /* webpackChunkName: 'reactPlayerMixcloud' */
-	    '../../Mixcloud-2b4ffb85.js'); }).then(function (n) { return n.Mixcloud; });
-	  })
-	}, {
-	  key: 'vidyard',
-	  name: 'Vidyard',
-	  canPlay: _patterns.canPlay.vidyard,
-	  lazyPlayer: /*#__PURE__*/(0, _react.lazy)(function () {
-	    return Promise.resolve().then(function () { return require(
-	    /* webpackChunkName: 'reactPlayerVidyard' */
-	    '../../Vidyard-9d037503.js'); }).then(function (n) { return n.Vidyard; });
-	  })
-	}, {
-	  key: 'kaltura',
-	  name: 'Kaltura',
-	  canPlay: _patterns.canPlay.kaltura,
-	  lazyPlayer: /*#__PURE__*/(0, _react.lazy)(function () {
-	    return Promise.resolve().then(function () { return require(
-	    /* webpackChunkName: 'reactPlayerKaltura' */
-	    '../../Kaltura-fbd2c46f.js'); }).then(function (n) { return n.Kaltura; });
-	  })
-	}, {
-	  key: 'file',
-	  name: 'FilePlayer',
-	  canPlay: _patterns.canPlay.file,
-	  canEnablePIP: function canEnablePIP(url) {
-	    return _patterns.canPlay.file(url) && (document.pictureInPictureEnabled || (0, _utils.supportsWebKitPresentationMode)()) && !_patterns.AUDIO_EXTENSIONS.test(url);
-	  },
-	  lazyPlayer: /*#__PURE__*/(0, _react.lazy)(function () {
-	    return Promise.resolve().then(function () { return require(
-	    /* webpackChunkName: 'reactPlayerFilePlayer' */
-	    '../../FilePlayer-8272a6ea.js'); }).then(function (n) { return n.FilePlayer; });
-	  })
-	}];
-	exports["default"] = _default;
-} (players));
-
-var ReactPlayer$1 = {};
-
-var safeIsNaN = Number.isNaN ||
-    function ponyfill(value) {
-        return typeof value === 'number' && value !== value;
-    };
-function isEqual(first, second) {
-    if (first === second) {
-        return true;
-    }
-    if (safeIsNaN(first) && safeIsNaN(second)) {
-        return true;
-    }
-    return false;
-}
-function areInputsEqual(newInputs, lastInputs) {
-    if (newInputs.length !== lastInputs.length) {
-        return false;
-    }
-    for (var i = 0; i < newInputs.length; i++) {
-        if (!isEqual(newInputs[i], lastInputs[i])) {
-            return false;
-        }
-    }
-    return true;
-}
-
-function memoizeOne(resultFn, isEqual) {
-    if (isEqual === void 0) { isEqual = areInputsEqual; }
-    var lastThis;
-    var lastArgs = [];
-    var lastResult;
-    var calledOnce = false;
-    function memoized() {
-        var newArgs = [];
-        for (var _i = 0; _i < arguments.length; _i++) {
-            newArgs[_i] = arguments[_i];
-        }
-        if (calledOnce && lastThis === this && isEqual(newArgs, lastArgs)) {
-            return lastResult;
-        }
-        lastResult = resultFn.apply(this, newArgs);
-        calledOnce = true;
-        lastThis = this;
-        lastArgs = newArgs;
-        return lastResult;
-    }
-    return memoized;
-}
-
-var memoizeOne_esm = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  default: memoizeOne
-});
-
-var require$$2 = /*@__PURE__*/_commonjsHelpers.getAugmentedNamespace(memoizeOne_esm);
-
-/* global Map:readonly, Set:readonly, ArrayBuffer:readonly */
-
-var hasElementType = typeof Element !== 'undefined';
-var hasMap = typeof Map === 'function';
-var hasSet = typeof Set === 'function';
-var hasArrayBuffer = typeof ArrayBuffer === 'function' && !!ArrayBuffer.isView;
-
-// Note: We **don't** need `envHasBigInt64Array` in fde es6/index.js
-
-function equal(a, b) {
-  // START: fast-deep-equal es6/index.js 3.1.1
-  if (a === b) return true;
-
-  if (a && b && typeof a == 'object' && typeof b == 'object') {
-    if (a.constructor !== b.constructor) return false;
-
-    var length, i, keys;
-    if (Array.isArray(a)) {
-      length = a.length;
-      if (length != b.length) return false;
-      for (i = length; i-- !== 0;)
-        if (!equal(a[i], b[i])) return false;
-      return true;
-    }
-
-    // START: Modifications:
-    // 1. Extra `has<Type> &&` helpers in initial condition allow es6 code
-    //    to co-exist with es5.
-    // 2. Replace `for of` with es5 compliant iteration using `for`.
-    //    Basically, take:
-    //
-    //    ```js
-    //    for (i of a.entries())
-    //      if (!b.has(i[0])) return false;
-    //    ```
-    //
-    //    ... and convert to:
-    //
-    //    ```js
-    //    it = a.entries();
-    //    while (!(i = it.next()).done)
-    //      if (!b.has(i.value[0])) return false;
-    //    ```
-    //
-    //    **Note**: `i` access switches to `i.value`.
-    var it;
-    if (hasMap && (a instanceof Map) && (b instanceof Map)) {
-      if (a.size !== b.size) return false;
-      it = a.entries();
-      while (!(i = it.next()).done)
-        if (!b.has(i.value[0])) return false;
-      it = a.entries();
-      while (!(i = it.next()).done)
-        if (!equal(i.value[1], b.get(i.value[0]))) return false;
-      return true;
-    }
-
-    if (hasSet && (a instanceof Set) && (b instanceof Set)) {
-      if (a.size !== b.size) return false;
-      it = a.entries();
-      while (!(i = it.next()).done)
-        if (!b.has(i.value[0])) return false;
-      return true;
-    }
-    // END: Modifications
-
-    if (hasArrayBuffer && ArrayBuffer.isView(a) && ArrayBuffer.isView(b)) {
-      length = a.length;
-      if (length != b.length) return false;
-      for (i = length; i-- !== 0;)
-        if (a[i] !== b[i]) return false;
-      return true;
-    }
-
-    if (a.constructor === RegExp) return a.source === b.source && a.flags === b.flags;
-    if (a.valueOf !== Object.prototype.valueOf) return a.valueOf() === b.valueOf();
-    if (a.toString !== Object.prototype.toString) return a.toString() === b.toString();
-
-    keys = Object.keys(a);
-    length = keys.length;
-    if (length !== Object.keys(b).length) return false;
-
-    for (i = length; i-- !== 0;)
-      if (!Object.prototype.hasOwnProperty.call(b, keys[i])) return false;
-    // END: fast-deep-equal
-
-    // START: react-fast-compare
-    // custom handling for DOM elements
-    if (hasElementType && a instanceof Element) return false;
-
-    // custom handling for React/Preact
-    for (i = length; i-- !== 0;) {
-      if ((keys[i] === '_owner' || keys[i] === '__v' || keys[i] === '__o') && a.$$typeof) {
-        // React-specific: avoid traversing React elements' _owner
-        // Preact-specific: avoid traversing Preact elements' __v and __o
-        //    __v = $_original / $_vnode
-        //    __o = $_owner
-        // These properties contain circular references and are not needed when
-        // comparing the actual elements (and not their owners)
-        // .$$typeof and ._store on just reasonable markers of elements
-
-        continue;
-      }
-
-      // all other properties should be traversed as usual
-      if (!equal(a[keys[i]], b[keys[i]])) return false;
-    }
-    // END: react-fast-compare
-
-    // START: fast-deep-equal
-    return true;
-  }
-
-  return a !== a && b !== b;
-}
-// end fast-deep-equal
-
-var reactFastCompare = function isEqual(a, b) {
-  try {
-    return equal(a, b);
-  } catch (error) {
-    if (((error.message || '').match(/stack|recursion/i))) {
-      // warn on circular references, don't crash
-      // browsers give this different errors name and messages:
-      // chrome/safari: "RangeError", "Maximum call stack size exceeded"
-      // firefox: "InternalError", too much recursion"
-      // edge: "Error", "Out of stack space"
-      console.warn('react-fast-compare cannot handle circular refs');
-      return false;
-    }
-    // some other error. we should definitely know about these
-    throw error;
-  }
-};
-
-var props = {};
-
-Object.defineProperty(props, "__esModule", {
-  value: true
-});
-props.defaultProps = props.propTypes = void 0;
-
-var _propTypes = _interopRequireDefault$1(index.propTypesExports);
-
-function _interopRequireDefault$1(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-var string = _propTypes["default"].string,
-    bool = _propTypes["default"].bool,
-    number = _propTypes["default"].number,
-    array = _propTypes["default"].array,
-    oneOfType = _propTypes["default"].oneOfType,
-    shape = _propTypes["default"].shape,
-    object = _propTypes["default"].object,
-    func = _propTypes["default"].func,
-    node = _propTypes["default"].node;
-var propTypes = {
-  url: oneOfType([string, array, object]),
-  playing: bool,
-  loop: bool,
-  controls: bool,
-  volume: number,
-  muted: bool,
-  playbackRate: number,
-  width: oneOfType([string, number]),
-  height: oneOfType([string, number]),
-  style: object,
-  progressInterval: number,
-  playsinline: bool,
-  pip: bool,
-  stopOnUnmount: bool,
-  light: oneOfType([bool, string]),
-  playIcon: node,
-  previewTabIndex: number,
-  fallback: node,
-  oEmbedUrl: string,
-  wrapper: oneOfType([string, func, shape({
-    render: func.isRequired
-  })]),
-  config: shape({
-    soundcloud: shape({
-      options: object
-    }),
-    youtube: shape({
-      playerVars: object,
-      embedOptions: object,
-      onUnstarted: func
-    }),
-    facebook: shape({
-      appId: string,
-      version: string,
-      playerId: string,
-      attributes: object
-    }),
-    dailymotion: shape({
-      params: object
-    }),
-    vimeo: shape({
-      playerOptions: object,
-      title: string
-    }),
-    file: shape({
-      attributes: object,
-      tracks: array,
-      forceVideo: bool,
-      forceAudio: bool,
-      forceHLS: bool,
-      forceDASH: bool,
-      forceFLV: bool,
-      hlsOptions: object,
-      hlsVersion: string,
-      dashVersion: string,
-      flvVersion: string
-    }),
-    wistia: shape({
-      options: object,
-      playerId: string,
-      customControls: array
-    }),
-    mixcloud: shape({
-      options: object
-    }),
-    twitch: shape({
-      options: object,
-      playerId: string
-    }),
-    vidyard: shape({
-      options: object
-    })
-  }),
-  onReady: func,
-  onStart: func,
-  onPlay: func,
-  onPause: func,
-  onBuffer: func,
-  onBufferEnd: func,
-  onEnded: func,
-  onError: func,
-  onDuration: func,
-  onSeek: func,
-  onPlaybackRateChange: func,
-  onProgress: func,
-  onClickPreview: func,
-  onEnablePIP: func,
-  onDisablePIP: func
-};
-props.propTypes = propTypes;
-
-var noop = function noop() {};
-
-var defaultProps = {
-  playing: false,
-  loop: false,
-  controls: false,
-  volume: null,
-  muted: false,
-  playbackRate: 1,
-  width: '640px',
-  height: '360px',
-  style: {},
-  progressInterval: 1000,
-  playsinline: false,
-  pip: false,
-  stopOnUnmount: true,
-  light: false,
-  fallback: null,
-  wrapper: 'div',
-  previewTabIndex: 0,
-  oEmbedUrl: 'https://noembed.com/embed?url={url}',
-  config: {
-    soundcloud: {
-      options: {
-        visual: true,
-        // Undocumented, but makes player fill container and look better
-        buying: false,
-        liking: false,
-        download: false,
-        sharing: false,
-        show_comments: false,
-        show_playcount: false
-      }
-    },
-    youtube: {
-      playerVars: {
-        playsinline: 1,
-        showinfo: 0,
-        rel: 0,
-        iv_load_policy: 3,
-        modestbranding: 1
-      },
-      embedOptions: {},
-      onUnstarted: noop
-    },
-    facebook: {
-      appId: '1309697205772819',
-      version: 'v3.3',
-      playerId: null,
-      attributes: {}
-    },
-    dailymotion: {
-      params: {
-        api: 1,
-        'endscreen-enable': false
-      }
-    },
-    vimeo: {
-      playerOptions: {
-        autopause: false,
-        byline: false,
-        portrait: false,
-        title: false
-      },
-      title: null
-    },
-    file: {
-      attributes: {},
-      tracks: [],
-      forceVideo: false,
-      forceAudio: false,
-      forceHLS: false,
-      forceDASH: false,
-      forceFLV: false,
-      hlsOptions: {},
-      hlsVersion: '1.1.4',
-      dashVersion: '3.1.3',
-      flvVersion: '1.5.0'
-    },
-    wistia: {
-      options: {},
-      playerId: null,
-      customControls: null
-    },
-    mixcloud: {
-      options: {
-        hide_cover: 1
-      }
-    },
-    twitch: {
-      options: {},
-      playerId: null
-    },
-    vidyard: {
-      options: {}
-    }
-  },
-  onReady: noop,
-  onStart: noop,
-  onPlay: noop,
-  onPause: noop,
-  onBuffer: noop,
-  onBufferEnd: noop,
-  onEnded: noop,
-  onError: noop,
-  onDuration: noop,
-  onSeek: noop,
-  onPlaybackRateChange: noop,
-  onProgress: noop,
-  onClickPreview: noop,
-  onEnablePIP: noop,
-  onDisablePIP: noop
-};
-props.defaultProps = defaultProps;
-
-var Player = {};
-
-(function (exports) {
-
-	function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-	Object.defineProperty(exports, "__esModule", {
-	  value: true
-	});
-	exports["default"] = void 0;
-
-	var _react = _interopRequireWildcard(require$$0);
-
-	var _reactFastCompare = _interopRequireDefault(reactFastCompare);
-
-	var _props = props;
-
-	var _utils = patterns.utils;
-
-	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-	function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
-
-	function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-	function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-	function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-	function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-	function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
-
-	function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-	function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
-	function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-	function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
-
-	function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
-	function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
-
-	function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
-	function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-	var SEEK_ON_PLAY_EXPIRY = 5000;
-
-	var Player = /*#__PURE__*/function (_Component) {
-	  _inherits(Player, _Component);
-
-	  var _super = _createSuper(Player);
-
-	  function Player() {
-	    var _this;
-
-	    _classCallCheck(this, Player);
-
-	    for (var _len = arguments.length, _args = new Array(_len), _key = 0; _key < _len; _key++) {
-	      _args[_key] = arguments[_key];
-	    }
-
-	    _this = _super.call.apply(_super, [this].concat(_args));
-
-	    _defineProperty(_assertThisInitialized(_this), "mounted", false);
-
-	    _defineProperty(_assertThisInitialized(_this), "isReady", false);
-
-	    _defineProperty(_assertThisInitialized(_this), "isPlaying", false);
-
-	    _defineProperty(_assertThisInitialized(_this), "isLoading", true);
-
-	    _defineProperty(_assertThisInitialized(_this), "loadOnReady", null);
-
-	    _defineProperty(_assertThisInitialized(_this), "startOnPlay", true);
-
-	    _defineProperty(_assertThisInitialized(_this), "seekOnPlay", null);
-
-	    _defineProperty(_assertThisInitialized(_this), "onDurationCalled", false);
-
-	    _defineProperty(_assertThisInitialized(_this), "handlePlayerMount", function (player) {
-	      if (_this.player) return; // Prevent loading twice in strict mode
-
-	      _this.player = player;
-
-	      _this.player.load(_this.props.url);
-
-	      _this.progress();
-	    });
-
-	    _defineProperty(_assertThisInitialized(_this), "getInternalPlayer", function (key) {
-	      if (!_this.player) return null;
-	      return _this.player[key];
-	    });
-
-	    _defineProperty(_assertThisInitialized(_this), "progress", function () {
-	      if (_this.props.url && _this.player && _this.isReady) {
-	        var playedSeconds = _this.getCurrentTime() || 0;
-
-	        var loadedSeconds = _this.getSecondsLoaded();
-
-	        var duration = _this.getDuration();
-
-	        if (duration) {
-	          var progress = {
-	            playedSeconds: playedSeconds,
-	            played: playedSeconds / duration
-	          };
-
-	          if (loadedSeconds !== null) {
-	            progress.loadedSeconds = loadedSeconds;
-	            progress.loaded = loadedSeconds / duration;
-	          } // Only call onProgress if values have changed
-
-
-	          if (progress.playedSeconds !== _this.prevPlayed || progress.loadedSeconds !== _this.prevLoaded) {
-	            _this.props.onProgress(progress);
-	          }
-
-	          _this.prevPlayed = progress.playedSeconds;
-	          _this.prevLoaded = progress.loadedSeconds;
-	        }
-	      }
-
-	      _this.progressTimeout = setTimeout(_this.progress, _this.props.progressFrequency || _this.props.progressInterval);
-	    });
-
-	    _defineProperty(_assertThisInitialized(_this), "handleReady", function () {
-	      if (!_this.mounted) return;
-	      _this.isReady = true;
-	      _this.isLoading = false;
-	      var _this$props = _this.props,
-	          onReady = _this$props.onReady,
-	          playing = _this$props.playing,
-	          volume = _this$props.volume,
-	          muted = _this$props.muted;
-	      onReady();
-
-	      if (!muted && volume !== null) {
-	        _this.player.setVolume(volume);
-	      }
-
-	      if (_this.loadOnReady) {
-	        _this.player.load(_this.loadOnReady, true);
-
-	        _this.loadOnReady = null;
-	      } else if (playing) {
-	        _this.player.play();
-	      }
-
-	      _this.handleDurationCheck();
-	    });
-
-	    _defineProperty(_assertThisInitialized(_this), "handlePlay", function () {
-	      _this.isPlaying = true;
-	      _this.isLoading = false;
-	      var _this$props2 = _this.props,
-	          onStart = _this$props2.onStart,
-	          onPlay = _this$props2.onPlay,
-	          playbackRate = _this$props2.playbackRate;
-
-	      if (_this.startOnPlay) {
-	        if (_this.player.setPlaybackRate && playbackRate !== 1) {
-	          _this.player.setPlaybackRate(playbackRate);
-	        }
-
-	        onStart();
-	        _this.startOnPlay = false;
-	      }
-
-	      onPlay();
-
-	      if (_this.seekOnPlay) {
-	        _this.seekTo(_this.seekOnPlay);
-
-	        _this.seekOnPlay = null;
-	      }
-
-	      _this.handleDurationCheck();
-	    });
-
-	    _defineProperty(_assertThisInitialized(_this), "handlePause", function (e) {
-	      _this.isPlaying = false;
-
-	      if (!_this.isLoading) {
-	        _this.props.onPause(e);
-	      }
-	    });
-
-	    _defineProperty(_assertThisInitialized(_this), "handleEnded", function () {
-	      var _this$props3 = _this.props,
-	          activePlayer = _this$props3.activePlayer,
-	          loop = _this$props3.loop,
-	          onEnded = _this$props3.onEnded;
-
-	      if (activePlayer.loopOnEnded && loop) {
-	        _this.seekTo(0);
-	      }
-
-	      if (!loop) {
-	        _this.isPlaying = false;
-	        onEnded();
-	      }
-	    });
-
-	    _defineProperty(_assertThisInitialized(_this), "handleError", function () {
-	      var _this$props4;
-
-	      _this.isLoading = false;
-
-	      (_this$props4 = _this.props).onError.apply(_this$props4, arguments);
-	    });
-
-	    _defineProperty(_assertThisInitialized(_this), "handleDurationCheck", function () {
-	      clearTimeout(_this.durationCheckTimeout);
-
-	      var duration = _this.getDuration();
-
-	      if (duration) {
-	        if (!_this.onDurationCalled) {
-	          _this.props.onDuration(duration);
-
-	          _this.onDurationCalled = true;
-	        }
-	      } else {
-	        _this.durationCheckTimeout = setTimeout(_this.handleDurationCheck, 100);
-	      }
-	    });
-
-	    _defineProperty(_assertThisInitialized(_this), "handleLoaded", function () {
-	      // Sometimes we know loading has stopped but onReady/onPlay are never called
-	      // so this provides a way for players to avoid getting stuck
-	      _this.isLoading = false;
-	    });
-
-	    return _this;
-	  }
-
-	  _createClass(Player, [{
-	    key: "componentDidMount",
-	    value: function componentDidMount() {
-	      this.mounted = true;
-	    }
-	  }, {
-	    key: "componentWillUnmount",
-	    value: function componentWillUnmount() {
-	      clearTimeout(this.progressTimeout);
-	      clearTimeout(this.durationCheckTimeout);
-
-	      if (this.isReady && this.props.stopOnUnmount) {
-	        this.player.stop();
-
-	        if (this.player.disablePIP) {
-	          this.player.disablePIP();
-	        }
-	      }
-
-	      this.mounted = false;
-	    }
-	  }, {
-	    key: "componentDidUpdate",
-	    value: function componentDidUpdate(prevProps) {
-	      var _this2 = this;
-
-	      // If there isn’t a player available, don’t do anything
-	      if (!this.player) {
-	        return;
-	      } // Invoke player methods based on changed props
-
-
-	      var _this$props5 = this.props,
-	          url = _this$props5.url,
-	          playing = _this$props5.playing,
-	          volume = _this$props5.volume,
-	          muted = _this$props5.muted,
-	          playbackRate = _this$props5.playbackRate,
-	          pip = _this$props5.pip,
-	          loop = _this$props5.loop,
-	          activePlayer = _this$props5.activePlayer,
-	          disableDeferredLoading = _this$props5.disableDeferredLoading;
-
-	      if (!(0, _reactFastCompare["default"])(prevProps.url, url)) {
-	        if (this.isLoading && !activePlayer.forceLoad && !disableDeferredLoading && !(0, _utils.isMediaStream)(url)) {
-	          console.warn("ReactPlayer: the attempt to load ".concat(url, " is being deferred until the player has loaded"));
-	          this.loadOnReady = url;
-	          return;
-	        }
-
-	        this.isLoading = true;
-	        this.startOnPlay = true;
-	        this.onDurationCalled = false;
-	        this.player.load(url, this.isReady);
-	      }
-
-	      if (!prevProps.playing && playing && !this.isPlaying) {
-	        this.player.play();
-	      }
-
-	      if (prevProps.playing && !playing && this.isPlaying) {
-	        this.player.pause();
-	      }
-
-	      if (!prevProps.pip && pip && this.player.enablePIP) {
-	        this.player.enablePIP();
-	      }
-
-	      if (prevProps.pip && !pip && this.player.disablePIP) {
-	        this.player.disablePIP();
-	      }
-
-	      if (prevProps.volume !== volume && volume !== null) {
-	        this.player.setVolume(volume);
-	      }
-
-	      if (prevProps.muted !== muted) {
-	        if (muted) {
-	          this.player.mute();
-	        } else {
-	          this.player.unmute();
-
-	          if (volume !== null) {
-	            // Set volume next tick to fix a bug with DailyMotion
-	            setTimeout(function () {
-	              return _this2.player.setVolume(volume);
-	            });
-	          }
-	        }
-	      }
-
-	      if (prevProps.playbackRate !== playbackRate && this.player.setPlaybackRate) {
-	        this.player.setPlaybackRate(playbackRate);
-	      }
-
-	      if (prevProps.loop !== loop && this.player.setLoop) {
-	        this.player.setLoop(loop);
-	      }
-	    }
-	  }, {
-	    key: "getDuration",
-	    value: function getDuration() {
-	      if (!this.isReady) return null;
-	      return this.player.getDuration();
-	    }
-	  }, {
-	    key: "getCurrentTime",
-	    value: function getCurrentTime() {
-	      if (!this.isReady) return null;
-	      return this.player.getCurrentTime();
-	    }
-	  }, {
-	    key: "getSecondsLoaded",
-	    value: function getSecondsLoaded() {
-	      if (!this.isReady) return null;
-	      return this.player.getSecondsLoaded();
-	    }
-	  }, {
-	    key: "seekTo",
-	    value: function seekTo(amount, type) {
-	      var _this3 = this;
-
-	      // When seeking before player is ready, store value and seek later
-	      if (!this.isReady) {
-	        if (amount !== 0) {
-	          this.seekOnPlay = amount;
-	          setTimeout(function () {
-	            _this3.seekOnPlay = null;
-	          }, SEEK_ON_PLAY_EXPIRY);
-	        }
-
-	        return;
-	      }
-
-	      var isFraction = !type ? amount > 0 && amount < 1 : type === 'fraction';
-
-	      if (isFraction) {
-	        // Convert fraction to seconds based on duration
-	        var duration = this.player.getDuration();
-
-	        if (!duration) {
-	          console.warn('ReactPlayer: could not seek using fraction – duration not yet available');
-	          return;
-	        }
-
-	        this.player.seekTo(duration * amount);
-	        return;
-	      }
-
-	      this.player.seekTo(amount);
-	    }
-	  }, {
-	    key: "render",
-	    value: function render() {
-	      var Player = this.props.activePlayer;
-
-	      if (!Player) {
-	        return null;
-	      }
-
-	      return /*#__PURE__*/_react["default"].createElement(Player, _extends({}, this.props, {
-	        onMount: this.handlePlayerMount,
-	        onReady: this.handleReady,
-	        onPlay: this.handlePlay,
-	        onPause: this.handlePause,
-	        onEnded: this.handleEnded,
-	        onLoaded: this.handleLoaded,
-	        onError: this.handleError
-	      }));
-	    }
-	  }]);
-
-	  return Player;
-	}(_react.Component);
-
-	exports["default"] = Player;
-
-	_defineProperty(Player, "displayName", 'Player');
-
-	_defineProperty(Player, "propTypes", _props.propTypes);
-
-	_defineProperty(Player, "defaultProps", _props.defaultProps);
-} (Player));
-
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-Object.defineProperty(ReactPlayer$1, "__esModule", {
-  value: true
-});
-ReactPlayer$1.createReactPlayer = void 0;
-
-var _react = _interopRequireWildcard(require$$0);
-
-var _deepmerge = _interopRequireDefault(patterns.cjs);
-
-var _memoizeOne = _interopRequireDefault(require$$2);
-
-var _reactFastCompare = _interopRequireDefault(reactFastCompare);
-
-var _props = props;
-
-var _utils = patterns.utils;
-
-var _Player3 = _interopRequireDefault(Player);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter); }
-
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
-
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
-
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-var Preview = /*#__PURE__*/(0, _react.lazy)(function () {
-  return Promise.resolve().then(function () { return require(
-  /* webpackChunkName: 'reactPlayerPreview' */
-  '../../Preview-8238ea6e.js'); }).then(function (n) { return n.Preview; });
-});
-var IS_BROWSER = typeof window !== 'undefined' && window.document;
-var IS_GLOBAL = typeof _commonjsHelpers.commonjsGlobal !== 'undefined' && _commonjsHelpers.commonjsGlobal.window && _commonjsHelpers.commonjsGlobal.window.document;
-var SUPPORTED_PROPS = Object.keys(_props.propTypes); // Return null when rendering on the server
-// as Suspense is not supported yet
-
-var UniversalSuspense = IS_BROWSER || IS_GLOBAL ? _react.Suspense : function () {
-  return null;
-};
-var customPlayers = [];
-
-var createReactPlayer = function createReactPlayer(players, fallback) {
-  var _class, _temp;
-
-  return _temp = _class = /*#__PURE__*/function (_Component) {
-    _inherits(ReactPlayer, _Component);
-
-    var _super = _createSuper(ReactPlayer);
-
-    function ReactPlayer() {
-      var _this;
-
-      _classCallCheck(this, ReactPlayer);
-
-      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-        args[_key] = arguments[_key];
-      }
-
-      _this = _super.call.apply(_super, [this].concat(args));
-
-      _defineProperty(_assertThisInitialized(_this), "state", {
-        showPreview: !!_this.props.light
-      });
-
-      _defineProperty(_assertThisInitialized(_this), "references", {
-        wrapper: function wrapper(_wrapper) {
-          _this.wrapper = _wrapper;
-        },
-        player: function player(_player) {
-          _this.player = _player;
-        }
-      });
-
-      _defineProperty(_assertThisInitialized(_this), "handleClickPreview", function (e) {
-        _this.setState({
-          showPreview: false
-        });
-
-        _this.props.onClickPreview(e);
-      });
-
-      _defineProperty(_assertThisInitialized(_this), "showPreview", function () {
-        _this.setState({
-          showPreview: true
-        });
-      });
-
-      _defineProperty(_assertThisInitialized(_this), "getDuration", function () {
-        if (!_this.player) return null;
-        return _this.player.getDuration();
-      });
-
-      _defineProperty(_assertThisInitialized(_this), "getCurrentTime", function () {
-        if (!_this.player) return null;
-        return _this.player.getCurrentTime();
-      });
-
-      _defineProperty(_assertThisInitialized(_this), "getSecondsLoaded", function () {
-        if (!_this.player) return null;
-        return _this.player.getSecondsLoaded();
-      });
-
-      _defineProperty(_assertThisInitialized(_this), "getInternalPlayer", function () {
-        var key = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'player';
-        if (!_this.player) return null;
-        return _this.player.getInternalPlayer(key);
-      });
-
-      _defineProperty(_assertThisInitialized(_this), "seekTo", function (fraction, type) {
-        if (!_this.player) return null;
-
-        _this.player.seekTo(fraction, type);
-      });
-
-      _defineProperty(_assertThisInitialized(_this), "handleReady", function () {
-        _this.props.onReady(_assertThisInitialized(_this));
-      });
-
-      _defineProperty(_assertThisInitialized(_this), "getActivePlayer", (0, _memoizeOne["default"])(function (url) {
-        for (var _i = 0, _arr = [].concat(customPlayers, _toConsumableArray(players)); _i < _arr.length; _i++) {
-          var player = _arr[_i];
-
-          if (player.canPlay(url)) {
-            return player;
-          }
-        }
-
-        if (fallback) {
-          return fallback;
-        }
-
-        return null;
-      }));
-
-      _defineProperty(_assertThisInitialized(_this), "getConfig", (0, _memoizeOne["default"])(function (url, key) {
-        var config = _this.props.config;
-        return _deepmerge["default"].all([_props.defaultProps.config, _props.defaultProps.config[key] || {}, config, config[key] || {}]);
-      }));
-
-      _defineProperty(_assertThisInitialized(_this), "getAttributes", (0, _memoizeOne["default"])(function (url) {
-        return (0, _utils.omit)(_this.props, SUPPORTED_PROPS);
-      }));
-
-      _defineProperty(_assertThisInitialized(_this), "renderActivePlayer", function (url) {
-        if (!url) return null;
-
-        var player = _this.getActivePlayer(url);
-
-        if (!player) return null;
-
-        var config = _this.getConfig(url, player.key);
-
-        return /*#__PURE__*/_react["default"].createElement(_Player3["default"], _extends({}, _this.props, {
-          key: player.key,
-          ref: _this.references.player,
-          config: config,
-          activePlayer: player.lazyPlayer || player,
-          onReady: _this.handleReady
-        }));
-      });
-
-      return _this;
-    }
-
-    _createClass(ReactPlayer, [{
-      key: "shouldComponentUpdate",
-      value: function shouldComponentUpdate(nextProps, nextState) {
-        return !(0, _reactFastCompare["default"])(this.props, nextProps) || !(0, _reactFastCompare["default"])(this.state, nextState);
-      }
-    }, {
-      key: "componentDidUpdate",
-      value: function componentDidUpdate(prevProps) {
-        var light = this.props.light;
-
-        if (!prevProps.light && light) {
-          this.setState({
-            showPreview: true
-          });
-        }
-
-        if (prevProps.light && !light) {
-          this.setState({
-            showPreview: false
-          });
-        }
-      }
-    }, {
-      key: "renderPreview",
-      value: function renderPreview(url) {
-        if (!url) return null;
-        var _this$props = this.props,
-            light = _this$props.light,
-            playIcon = _this$props.playIcon,
-            previewTabIndex = _this$props.previewTabIndex,
-            oEmbedUrl = _this$props.oEmbedUrl;
-        return /*#__PURE__*/_react["default"].createElement(Preview, {
-          url: url,
-          light: light,
-          playIcon: playIcon,
-          previewTabIndex: previewTabIndex,
-          oEmbedUrl: oEmbedUrl,
-          onClick: this.handleClickPreview
-        });
-      }
-    }, {
-      key: "render",
-      value: function render() {
-        var _this$props2 = this.props,
-            url = _this$props2.url,
-            style = _this$props2.style,
-            width = _this$props2.width,
-            height = _this$props2.height,
-            fallback = _this$props2.fallback,
-            Wrapper = _this$props2.wrapper;
-        var showPreview = this.state.showPreview;
-        var attributes = this.getAttributes(url);
-        return /*#__PURE__*/_react["default"].createElement(Wrapper, _extends({
-          ref: this.references.wrapper,
-          style: _objectSpread(_objectSpread({}, style), {}, {
-            width: width,
-            height: height
-          })
-        }, attributes), /*#__PURE__*/_react["default"].createElement(UniversalSuspense, {
-          fallback: fallback
-        }, showPreview ? this.renderPreview(url) : this.renderActivePlayer(url)));
-      }
-    }]);
-
-    return ReactPlayer;
-  }(_react.Component), _defineProperty(_class, "displayName", 'ReactPlayer'), _defineProperty(_class, "propTypes", _props.propTypes), _defineProperty(_class, "defaultProps", _props.defaultProps), _defineProperty(_class, "addCustomPlayer", function (player) {
-    customPlayers.push(player);
-  }), _defineProperty(_class, "removeCustomPlayers", function () {
-    customPlayers.length = 0;
-  }), _defineProperty(_class, "canPlay", function (url) {
-    for (var _i2 = 0, _arr2 = [].concat(customPlayers, _toConsumableArray(players)); _i2 < _arr2.length; _i2++) {
-      var _Player = _arr2[_i2];
-
-      if (_Player.canPlay(url)) {
-        return true;
-      }
-    }
-
-    return false;
-  }), _defineProperty(_class, "canEnablePIP", function (url) {
-    for (var _i3 = 0, _arr3 = [].concat(customPlayers, _toConsumableArray(players)); _i3 < _arr3.length; _i3++) {
-      var _Player2 = _arr3[_i3];
-
-      if (_Player2.canEnablePIP && _Player2.canEnablePIP(url)) {
-        return true;
-      }
-    }
-
-    return false;
-  }), _temp;
-};
-
-ReactPlayer$1.createReactPlayer = createReactPlayer;
-
-(function (exports) {
-
-	Object.defineProperty(exports, "__esModule", {
-	  value: true
-	});
-	exports["default"] = void 0;
-
-	var _players = _interopRequireDefault(players);
-
-	var _ReactPlayer = ReactPlayer$1;
-
-	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-	// Fall back to FilePlayer if nothing else can play the URL
-	var fallback = _players["default"][_players["default"].length - 1];
-
-	var _default = (0, _ReactPlayer.createReactPlayer)(_players["default"], fallback);
-
-	exports["default"] = _default;
-} (lazy));
-
-var RP = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(lazy);
-
-const ReactPlayer = RP;
-const VideoPlayer = ({ controls, src, poster, youtube, tracks, }) => {
-    var _a;
-    const { prefix } = hooks_useGlobalSettings();
-    const baseClass = `${prefix}--video`;
-    const playerClasses = classNames("", {
-        [`${baseClass}--player`]: true,
-        [`youtube`]: youtube,
-    });
-    const controlsClasses = classNames("", {
-        [`${baseClass}--controls`]: true,
-    });
-    /**
-     * State hooks for our player controls
-     */
-    const [duration, setDuration] = require$$0.useState("0:00");
-    const [playedtime, setPlayedtime] = require$$0.useState("0:00");
-    const [buffer, setBuffer] = require$$0.useState(0);
-    const [playing, setPlaying] = require$$0.useState(false);
-    const [playhead, setPlayhead] = require$$0.useState(0);
-    const [volume, setVolume] = require$$0.useState(0.8);
-    const [muted, setMute] = require$$0.useState(false);
-    const [showposter, showPoster] = require$$0.useState(true);
-    const [showvolume, showVolume] = require$$0.useState(false);
-    const [seeking, setSeeking] = require$$0.useState(false);
-    /**
-     * Ref for the video element
-     */
-    const videoElement = require$$0.createRef();
-    /**
-     * Ref for the video container
-     */
-    const videoContainer = require$$0.createRef();
-    const youtubeparams = {
-        controls: 0,
-        modestbranding: 1,
-    };
-    const playerconfig = {
-        file: {
-            tracks: tracks || [],
-        },
-        youtube: youtube ? { playerVars: youtubeparams } : {},
-    };
-    /**
-     * Fullscreen functionality
-     */
-    const toggleFullscreen = () => {
-        /* This is a known issue with ReactPlayer */
-        /* @ts-ignore */
-        screenfull.request(ReactDOM.findDOMNode(videoContainer.current));
-    };
-    /**
-     * Play/pause functionality
-     */
-    const togglePlay = () => {
-        setPlaying(!playing);
-        showPoster(false);
-    };
-    /**
-     * Show volume slider
-     */
-    const showVolumeSlider = () => {
-        showVolume(true);
-    };
-    /**
-     * Hide volume slider
-     */
-    const hideVolumeSlider = () => {
-        setTimeout(() => {
-            showVolume(false);
-        }, 2000);
-    };
-    /**
-     * Mute/unmute
-     */
-    const toggleMute = () => {
-        setMute(!muted);
-        hideVolumeSlider();
-    };
-    /**
-     * Volume change
-     */
-    const handleVolumeChange = (event) => {
-        console.log("handleVolumeChange", event.target.value);
-        setVolume(event.target.value * 0.1);
-    };
-    /**
-     * Begin seek
-     */
-    const handleSeekMouseDown = () => {
-        setSeeking(true);
-    };
-    /**
-     * Seek
-     */
-    const handleSeekChange = (event) => {
-        setPlayhead(parseFloat(event.target.value));
-    };
-    /**
-     * End seek
-     */
-    const handleSeekMouseUp = (event) => {
-        setSeeking(false);
-        /* This is a known issue with ReactPlayer */
-        /* @ts-ignore */
-        videoElement.current.seekTo(parseFloat(event.target.value));
-    };
-    /**
-     * handle display of progress
-     */
-    const handleProgress = (state) => {
-        if (!seeking) {
-            setPlayhead(state.played);
-            setBuffer(state.loaded);
-            setPlayedtime(utils_hoursMinutesSeconds(state.playedSeconds));
-        }
-    };
-    /**
-     * get the duration to display
-     */
-    const handleDuration = (duration) => {
-        setDuration(utils_hoursMinutesSeconds(duration));
-    };
-    /**
-     * on video end
-     */
-    const handleEnded = () => {
-        setPlaying(false);
-        setSeeking(false);
-    };
-    return (jsxRuntime.jsxs("div", Object.assign({ className: `${baseClass}--container`, ref: videoContainer }, { children: [jsxRuntime.jsx(ReactPlayer, { className: playerClasses, config: playerconfig, loop: false, muted: muted, playing: playing, ref: videoElement, url: src, width: "100%", height: "100%", progressInterval: 30, volume: volume, onProgress: handleProgress, onDuration: handleDuration, onEnded: handleEnded }), jsxRuntime.jsxs("picture", Object.assign({ className: `${baseClass}--poster ${showposter ? "show" : ""}` }, { children: [(poster === null || poster === void 0 ? void 0 : poster.url) &&
-                        poster.url
-                            .sort((a, b) => parseFloat(a.breakpoint) - parseFloat(b.breakpoint))
-                            .slice(1)
-                            .reverse()
-                            .map((item, index) => (jsxRuntime.jsx("source", { srcSet: item.src, media: `(min-width: ${item.breakpoint}px)` }, index))), jsxRuntime.jsx("img", { src: (_a = poster === null || poster === void 0 ? void 0 : poster.url[0]) === null || _a === void 0 ? void 0 : _a.src, alt: poster === null || poster === void 0 ? void 0 : poster.alt })] })), jsxRuntime.jsxs("div", Object.assign({ className: `${controlsClasses} ${showposter ? "notplayed" : ""}` }, { children: [jsxRuntime.jsx("label", Object.assign({ className: `${controlsClasses}--duration ${showposter ? "show" : ""}` }, { children: duration })), jsxRuntime.jsx("button", Object.assign({ className: `${controlsClasses}--${!playing ? "play" : "pause"}`, onClick: togglePlay }, { children: jsxRuntime.jsx("span", { children: !playing ? controls && controls.play : controls && controls.pause }) })), jsxRuntime.jsxs("div", Object.assign({ className: `${controlsClasses}--progress ${showposter ? "" : "show"}` }, { children: [jsxRuntime.jsx("input", { type: "range", min: 0, max: 0.999999, step: "any", value: playhead, onMouseDown: handleSeekMouseDown, onChange: handleSeekChange, onMouseUp: handleSeekMouseUp, className: `${controlsClasses}--progress-playhead` }), jsxRuntime.jsx("progress", { className: `${controlsClasses}--progress-current`, max: 1, value: playhead }), jsxRuntime.jsx("progress", { className: `${controlsClasses}--progress-loaded`, max: 1, value: buffer }), jsxRuntime.jsx("div", Object.assign({ className: `${controlsClasses}--progress-played-container` }, { children: jsxRuntime.jsx("label", Object.assign({ className: `${controlsClasses}--progress-played`, style: { ["--playhead"]: `${playhead * 100}%` } }, { children: playedtime })) }))] })), jsxRuntime.jsxs("div", Object.assign({ className: `${controlsClasses}--volume ${showposter ? "" : "show"}`, onMouseEnter: showVolumeSlider, onMouseLeave: hideVolumeSlider }, { children: [jsxRuntime.jsx("button", Object.assign({ className: `${controlsClasses}--showvolume ${muted ? "muted" : ""}`, onClick: toggleMute }, { children: jsxRuntime.jsx("span", { children: controls && controls.volume }) })), jsxRuntime.jsx("div", Object.assign({ className: `${controlsClasses}--setvolume-container` }, { children: jsxRuntime.jsx("input", { className: `${controlsClasses}--setvolume ${showvolume ? "show" : ""}`, type: "range", step: "0.5", defaultValue: volume, min: "1", max: "10", onChange: handleVolumeChange, onMouseLeave: hideVolumeSlider }) }))] })), jsxRuntime.jsx("button", Object.assign({ className: `${controlsClasses}--fullscreen ${showposter ? "" : "show"}`, onClick: toggleFullscreen }, { children: jsxRuntime.jsx("span", { children: controls && controls.fullscreen }) }))] }))] })));
-};
-
-module.exports = VideoPlayer;
+module.exports = components_Video_VideoPlayer.VideoPlayer;