@arc-ui/components 13.5.0 → 13.7.0

package/lib/_shared/esm/VideoPlayer-qxBM7l1V.mjs

@@ -0,0 +1,3205 @@
+import { _ as __rest, a as __assign } from './tslib.es6-w7hdJ3oZ.mjs';
+import React__default, { useState, useEffect } from 'react';
+import { b as getAugmentedNamespace, a as commonjsGlobal, g as getDefaultExportFromCjs, c as classNames } from './index-5C0-U8cc.mjs';
+import { f as filterAttrs } from './filter-attrs-v_SweZXP.mjs';
+import { V as VisuallyHidden } from './VisuallyHidden-aSQ4RA1o.mjs';
+import { V as VerticalSpace } from './VerticalSpace-BLWB02I7.mjs';
+import { H as Heading } from './Heading-Cy5w6sbI.mjs';
+import { T as Text } from './Text-BAzOkkzN.mjs';
+import { D as Download } from './Download-CsJLNRAD.mjs';
+import { D as DisclosureMini } from './DisclosureMini-DeQZyvDN.mjs';
+import { T as ThemeIcon } from './ThemeIcon-B0n6cKRb.mjs';
+
+var cjs;
+var hasRequiredCjs;
+
+function requireCjs () {
+	if (hasRequiredCjs) return cjs;
+	hasRequiredCjs = 1;
+
+	var isMergeableObject = function isMergeableObject(value) {
+		return isNonNullObject(value)
+			&& !isSpecial(value)
+	};
+
+	function isNonNullObject(value) {
+		return !!value && typeof value === 'object'
+	}
+
+	function isSpecial(value) {
+		var stringValue = Object.prototype.toString.call(value);
+
+		return stringValue === '[object RegExp]'
+			|| stringValue === '[object Date]'
+			|| isReactElement(value)
+	}
+
+	// see https://github.com/facebook/react/blob/b5ac963fb791d1298e7f396236383bc955f916c1/src/isomorphic/classic/element/ReactElement.js#L21-L25
+	var canUseSymbol = typeof Symbol === 'function' && Symbol.for;
+	var REACT_ELEMENT_TYPE = canUseSymbol ? Symbol.for('react.element') : 0xeac7;
+
+	function isReactElement(value) {
+		return value.$$typeof === REACT_ELEMENT_TYPE
+	}
+
+	function emptyTarget(val) {
+		return Array.isArray(val) ? [] : {}
+	}
+
+	function cloneUnlessOtherwiseSpecified(value, options) {
+		return (options.clone !== false && options.isMergeableObject(value))
+			? deepmerge(emptyTarget(value), value, options)
+			: value
+	}
+
+	function defaultArrayMerge(target, source, options) {
+		return target.concat(source).map(function(element) {
+			return cloneUnlessOtherwiseSpecified(element, options)
+		})
+	}
+
+	function getMergeFunction(key, options) {
+		if (!options.customMerge) {
+			return deepmerge
+		}
+		var customMerge = options.customMerge(key);
+		return typeof customMerge === 'function' ? customMerge : deepmerge
+	}
+
+	function getEnumerableOwnPropertySymbols(target) {
+		return Object.getOwnPropertySymbols
+			? Object.getOwnPropertySymbols(target).filter(function(symbol) {
+				return Object.propertyIsEnumerable.call(target, symbol)
+			})
+			: []
+	}
+
+	function getKeys(target) {
+		return Object.keys(target).concat(getEnumerableOwnPropertySymbols(target))
+	}
+
+	function propertyIsOnObject(object, property) {
+		try {
+			return property in object
+		} catch(_) {
+			return false
+		}
+	}
+
+	// Protects from prototype poisoning and unexpected merging up the prototype chain.
+	function propertyIsUnsafe(target, key) {
+		return propertyIsOnObject(target, key) // Properties are safe to merge if they don't exist in the target yet,
+			&& !(Object.hasOwnProperty.call(target, key) // unsafe if they exist up the prototype chain,
+				&& Object.propertyIsEnumerable.call(target, key)) // and also unsafe if they're nonenumerable.
+	}
+
+	function mergeObject(target, source, options) {
+		var destination = {};
+		if (options.isMergeableObject(target)) {
+			getKeys(target).forEach(function(key) {
+				destination[key] = cloneUnlessOtherwiseSpecified(target[key], options);
+			});
+		}
+		getKeys(source).forEach(function(key) {
+			if (propertyIsUnsafe(target, key)) {
+				return
+			}
+
+			if (propertyIsOnObject(target, key) && options.isMergeableObject(source[key])) {
+				destination[key] = getMergeFunction(key, options)(target[key], source[key], options);
+			} else {
+				destination[key] = cloneUnlessOtherwiseSpecified(source[key], options);
+			}
+		});
+		return destination
+	}
+
+	function deepmerge(target, source, options) {
+		options = options || {};
+		options.arrayMerge = options.arrayMerge || defaultArrayMerge;
+		options.isMergeableObject = options.isMergeableObject || isMergeableObject;
+		// cloneUnlessOtherwiseSpecified is added to `options` so that custom arrayMerge()
+		// implementations can use it. The caller may not replace it.
+		options.cloneUnlessOtherwiseSpecified = cloneUnlessOtherwiseSpecified;
+
+		var sourceIsArray = Array.isArray(source);
+		var targetIsArray = Array.isArray(target);
+		var sourceAndTargetTypesMatch = sourceIsArray === targetIsArray;
+
+		if (!sourceAndTargetTypesMatch) {
+			return cloneUnlessOtherwiseSpecified(source, options)
+		} else if (sourceIsArray) {
+			return options.arrayMerge(target, source, options)
+		} else {
+			return mergeObject(target, source, options)
+		}
+	}
+
+	deepmerge.all = function deepmergeAll(array, options) {
+		if (!Array.isArray(array)) {
+			throw new Error('first argument should be an array')
+		}
+
+		return array.reduce(function(prev, next) {
+			return deepmerge(prev, next, options)
+		}, {})
+	};
+
+	var deepmerge_1 = deepmerge;
+
+	cjs = deepmerge_1;
+	return cjs;
+}
+
+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__*/getAugmentedNamespace(memoizeOne_esm);
+
+/* global Map:readonly, Set:readonly, ArrayBuffer:readonly */
+
+var reactFastCompare;
+var hasRequiredReactFastCompare;
+
+function requireReactFastCompare () {
+	if (hasRequiredReactFastCompare) return reactFastCompare;
+	hasRequiredReactFastCompare = 1;
+	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.3
+	  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;
+	    // START: Modifications:
+	    // Apply guards for `Object.create(null)` handling. See:
+	    // - https://github.com/FormidableLabs/react-fast-compare/issues/64
+	    // - https://github.com/epoberezkin/fast-deep-equal/issues/49
+	    if (a.valueOf !== Object.prototype.valueOf && typeof a.valueOf === 'function' && typeof b.valueOf === 'function') return a.valueOf() === b.valueOf();
+	    if (a.toString !== Object.prototype.toString && typeof a.toString === 'function' && typeof b.toString === 'function') return a.toString() === b.toString();
+	    // END: Modifications
+
+	    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
+
+	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;
+	  }
+	};
+	return reactFastCompare;
+}
+
+var propTypes = {exports: {}};
+
+var reactIs = {exports: {}};
+
+var reactIs_production_min = {};
+
+/** @license React v16.13.1
+ * react-is.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+var hasRequiredReactIs_production_min;
+
+function requireReactIs_production_min () {
+	if (hasRequiredReactIs_production_min) return reactIs_production_min;
+	hasRequiredReactIs_production_min = 1;
+var b="function"===typeof Symbol&&Symbol.for,c=b?Symbol.for("react.element"):60103,d=b?Symbol.for("react.portal"):60106,e=b?Symbol.for("react.fragment"):60107,f=b?Symbol.for("react.strict_mode"):60108,g=b?Symbol.for("react.profiler"):60114,h=b?Symbol.for("react.provider"):60109,k=b?Symbol.for("react.context"):60110,l=b?Symbol.for("react.async_mode"):60111,m=b?Symbol.for("react.concurrent_mode"):60111,n=b?Symbol.for("react.forward_ref"):60112,p=b?Symbol.for("react.suspense"):60113,q=b?
+	Symbol.for("react.suspense_list"):60120,r=b?Symbol.for("react.memo"):60115,t=b?Symbol.for("react.lazy"):60116,v=b?Symbol.for("react.block"):60121,w=b?Symbol.for("react.fundamental"):60117,x=b?Symbol.for("react.responder"):60118,y=b?Symbol.for("react.scope"):60119;
+	function z(a){if("object"===typeof a&&null!==a){var u=a.$$typeof;switch(u){case c:switch(a=a.type,a){case l:case m:case e:case g:case f:case p:return a;default:switch(a=a&&a.$$typeof,a){case k:case n:case t:case r:case h:return a;default:return u}}case d:return u}}}function A(a){return z(a)===m}reactIs_production_min.AsyncMode=l;reactIs_production_min.ConcurrentMode=m;reactIs_production_min.ContextConsumer=k;reactIs_production_min.ContextProvider=h;reactIs_production_min.Element=c;reactIs_production_min.ForwardRef=n;reactIs_production_min.Fragment=e;reactIs_production_min.Lazy=t;reactIs_production_min.Memo=r;reactIs_production_min.Portal=d;
+	reactIs_production_min.Profiler=g;reactIs_production_min.StrictMode=f;reactIs_production_min.Suspense=p;reactIs_production_min.isAsyncMode=function(a){return A(a)||z(a)===l};reactIs_production_min.isConcurrentMode=A;reactIs_production_min.isContextConsumer=function(a){return z(a)===k};reactIs_production_min.isContextProvider=function(a){return z(a)===h};reactIs_production_min.isElement=function(a){return "object"===typeof a&&null!==a&&a.$$typeof===c};reactIs_production_min.isForwardRef=function(a){return z(a)===n};reactIs_production_min.isFragment=function(a){return z(a)===e};reactIs_production_min.isLazy=function(a){return z(a)===t};
+	reactIs_production_min.isMemo=function(a){return z(a)===r};reactIs_production_min.isPortal=function(a){return z(a)===d};reactIs_production_min.isProfiler=function(a){return z(a)===g};reactIs_production_min.isStrictMode=function(a){return z(a)===f};reactIs_production_min.isSuspense=function(a){return z(a)===p};
+	reactIs_production_min.isValidElementType=function(a){return "string"===typeof a||"function"===typeof a||a===e||a===m||a===g||a===f||a===p||a===q||"object"===typeof a&&null!==a&&(a.$$typeof===t||a.$$typeof===r||a.$$typeof===h||a.$$typeof===k||a.$$typeof===n||a.$$typeof===w||a.$$typeof===x||a.$$typeof===y||a.$$typeof===v)};reactIs_production_min.typeOf=z;
+	return reactIs_production_min;
+}
+
+var reactIs_development = {};
+
+/** @license React v16.13.1
+ * react-is.development.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+var hasRequiredReactIs_development;
+
+function requireReactIs_development () {
+	if (hasRequiredReactIs_development) return reactIs_development;
+	hasRequiredReactIs_development = 1;
+
+
+
+	if (process.env.NODE_ENV !== "production") {
+	  (function() {
+
+	// The Symbol used to tag the ReactElement-like types. If there is no native Symbol
+	// nor polyfill, then a plain number is used for performance.
+	var hasSymbol = typeof Symbol === 'function' && Symbol.for;
+	var REACT_ELEMENT_TYPE = hasSymbol ? Symbol.for('react.element') : 0xeac7;
+	var REACT_PORTAL_TYPE = hasSymbol ? Symbol.for('react.portal') : 0xeaca;
+	var REACT_FRAGMENT_TYPE = hasSymbol ? Symbol.for('react.fragment') : 0xeacb;
+	var REACT_STRICT_MODE_TYPE = hasSymbol ? Symbol.for('react.strict_mode') : 0xeacc;
+	var REACT_PROFILER_TYPE = hasSymbol ? Symbol.for('react.profiler') : 0xead2;
+	var REACT_PROVIDER_TYPE = hasSymbol ? Symbol.for('react.provider') : 0xeacd;
+	var REACT_CONTEXT_TYPE = hasSymbol ? Symbol.for('react.context') : 0xeace; // TODO: We don't use AsyncMode or ConcurrentMode anymore. They were temporary
+	// (unstable) APIs that have been removed. Can we remove the symbols?
+
+	var REACT_ASYNC_MODE_TYPE = hasSymbol ? Symbol.for('react.async_mode') : 0xeacf;
+	var REACT_CONCURRENT_MODE_TYPE = hasSymbol ? Symbol.for('react.concurrent_mode') : 0xeacf;
+	var REACT_FORWARD_REF_TYPE = hasSymbol ? Symbol.for('react.forward_ref') : 0xead0;
+	var REACT_SUSPENSE_TYPE = hasSymbol ? Symbol.for('react.suspense') : 0xead1;
+	var REACT_SUSPENSE_LIST_TYPE = hasSymbol ? Symbol.for('react.suspense_list') : 0xead8;
+	var REACT_MEMO_TYPE = hasSymbol ? Symbol.for('react.memo') : 0xead3;
+	var REACT_LAZY_TYPE = hasSymbol ? Symbol.for('react.lazy') : 0xead4;
+	var REACT_BLOCK_TYPE = hasSymbol ? Symbol.for('react.block') : 0xead9;
+	var REACT_FUNDAMENTAL_TYPE = hasSymbol ? Symbol.for('react.fundamental') : 0xead5;
+	var REACT_RESPONDER_TYPE = hasSymbol ? Symbol.for('react.responder') : 0xead6;
+	var REACT_SCOPE_TYPE = hasSymbol ? Symbol.for('react.scope') : 0xead7;
+
+	function isValidElementType(type) {
+	  return typeof type === 'string' || typeof type === 'function' || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
+	  type === REACT_FRAGMENT_TYPE || type === REACT_CONCURRENT_MODE_TYPE || type === REACT_PROFILER_TYPE || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || type === REACT_SUSPENSE_LIST_TYPE || typeof type === 'object' && type !== null && (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_PROVIDER_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_FORWARD_REF_TYPE || type.$$typeof === REACT_FUNDAMENTAL_TYPE || type.$$typeof === REACT_RESPONDER_TYPE || type.$$typeof === REACT_SCOPE_TYPE || type.$$typeof === REACT_BLOCK_TYPE);
+	}
+
+	function typeOf(object) {
+	  if (typeof object === 'object' && object !== null) {
+	    var $$typeof = object.$$typeof;
+
+	    switch ($$typeof) {
+	      case REACT_ELEMENT_TYPE:
+	        var type = object.type;
+
+	        switch (type) {
+	          case REACT_ASYNC_MODE_TYPE:
+	          case REACT_CONCURRENT_MODE_TYPE:
+	          case REACT_FRAGMENT_TYPE:
+	          case REACT_PROFILER_TYPE:
+	          case REACT_STRICT_MODE_TYPE:
+	          case REACT_SUSPENSE_TYPE:
+	            return type;
+
+	          default:
+	            var $$typeofType = type && type.$$typeof;
+
+	            switch ($$typeofType) {
+	              case REACT_CONTEXT_TYPE:
+	              case REACT_FORWARD_REF_TYPE:
+	              case REACT_LAZY_TYPE:
+	              case REACT_MEMO_TYPE:
+	              case REACT_PROVIDER_TYPE:
+	                return $$typeofType;
+
+	              default:
+	                return $$typeof;
+	            }
+
+	        }
+
+	      case REACT_PORTAL_TYPE:
+	        return $$typeof;
+	    }
+	  }
+
+	  return undefined;
+	} // AsyncMode is deprecated along with isAsyncMode
+
+	var AsyncMode = REACT_ASYNC_MODE_TYPE;
+	var ConcurrentMode = REACT_CONCURRENT_MODE_TYPE;
+	var ContextConsumer = REACT_CONTEXT_TYPE;
+	var ContextProvider = REACT_PROVIDER_TYPE;
+	var Element = REACT_ELEMENT_TYPE;
+	var ForwardRef = REACT_FORWARD_REF_TYPE;
+	var Fragment = REACT_FRAGMENT_TYPE;
+	var Lazy = REACT_LAZY_TYPE;
+	var Memo = REACT_MEMO_TYPE;
+	var Portal = REACT_PORTAL_TYPE;
+	var Profiler = REACT_PROFILER_TYPE;
+	var StrictMode = REACT_STRICT_MODE_TYPE;
+	var Suspense = REACT_SUSPENSE_TYPE;
+	var hasWarnedAboutDeprecatedIsAsyncMode = false; // AsyncMode should be deprecated
+
+	function isAsyncMode(object) {
+	  {
+	    if (!hasWarnedAboutDeprecatedIsAsyncMode) {
+	      hasWarnedAboutDeprecatedIsAsyncMode = true; // Using console['warn'] to evade Babel and ESLint
+
+	      console['warn']('The ReactIs.isAsyncMode() alias has been deprecated, ' + 'and will be removed in React 17+. Update your code to use ' + 'ReactIs.isConcurrentMode() instead. It has the exact same API.');
+	    }
+	  }
+
+	  return isConcurrentMode(object) || typeOf(object) === REACT_ASYNC_MODE_TYPE;
+	}
+	function isConcurrentMode(object) {
+	  return typeOf(object) === REACT_CONCURRENT_MODE_TYPE;
+	}
+	function isContextConsumer(object) {
+	  return typeOf(object) === REACT_CONTEXT_TYPE;
+	}
+	function isContextProvider(object) {
+	  return typeOf(object) === REACT_PROVIDER_TYPE;
+	}
+	function isElement(object) {
+	  return typeof object === 'object' && object !== null && object.$$typeof === REACT_ELEMENT_TYPE;
+	}
+	function isForwardRef(object) {
+	  return typeOf(object) === REACT_FORWARD_REF_TYPE;
+	}
+	function isFragment(object) {
+	  return typeOf(object) === REACT_FRAGMENT_TYPE;
+	}
+	function isLazy(object) {
+	  return typeOf(object) === REACT_LAZY_TYPE;
+	}
+	function isMemo(object) {
+	  return typeOf(object) === REACT_MEMO_TYPE;
+	}
+	function isPortal(object) {
+	  return typeOf(object) === REACT_PORTAL_TYPE;
+	}
+	function isProfiler(object) {
+	  return typeOf(object) === REACT_PROFILER_TYPE;
+	}
+	function isStrictMode(object) {
+	  return typeOf(object) === REACT_STRICT_MODE_TYPE;
+	}
+	function isSuspense(object) {
+	  return typeOf(object) === REACT_SUSPENSE_TYPE;
+	}
+
+	reactIs_development.AsyncMode = AsyncMode;
+	reactIs_development.ConcurrentMode = ConcurrentMode;
+	reactIs_development.ContextConsumer = ContextConsumer;
+	reactIs_development.ContextProvider = ContextProvider;
+	reactIs_development.Element = Element;
+	reactIs_development.ForwardRef = ForwardRef;
+	reactIs_development.Fragment = Fragment;
+	reactIs_development.Lazy = Lazy;
+	reactIs_development.Memo = Memo;
+	reactIs_development.Portal = Portal;
+	reactIs_development.Profiler = Profiler;
+	reactIs_development.StrictMode = StrictMode;
+	reactIs_development.Suspense = Suspense;
+	reactIs_development.isAsyncMode = isAsyncMode;
+	reactIs_development.isConcurrentMode = isConcurrentMode;
+	reactIs_development.isContextConsumer = isContextConsumer;
+	reactIs_development.isContextProvider = isContextProvider;
+	reactIs_development.isElement = isElement;
+	reactIs_development.isForwardRef = isForwardRef;
+	reactIs_development.isFragment = isFragment;
+	reactIs_development.isLazy = isLazy;
+	reactIs_development.isMemo = isMemo;
+	reactIs_development.isPortal = isPortal;
+	reactIs_development.isProfiler = isProfiler;
+	reactIs_development.isStrictMode = isStrictMode;
+	reactIs_development.isSuspense = isSuspense;
+	reactIs_development.isValidElementType = isValidElementType;
+	reactIs_development.typeOf = typeOf;
+	  })();
+	}
+	return reactIs_development;
+}
+
+var hasRequiredReactIs;
+
+function requireReactIs () {
+	if (hasRequiredReactIs) return reactIs.exports;
+	hasRequiredReactIs = 1;
+
+	if (process.env.NODE_ENV === 'production') {
+	  reactIs.exports = requireReactIs_production_min();
+	} else {
+	  reactIs.exports = requireReactIs_development();
+	}
+	return reactIs.exports;
+}
+
+/*
+object-assign
+(c) Sindre Sorhus
+@license MIT
+*/
+
+var objectAssign;
+var hasRequiredObjectAssign;
+
+function requireObjectAssign () {
+	if (hasRequiredObjectAssign) return objectAssign;
+	hasRequiredObjectAssign = 1;
+	/* eslint-disable no-unused-vars */
+	var getOwnPropertySymbols = Object.getOwnPropertySymbols;
+	var hasOwnProperty = Object.prototype.hasOwnProperty;
+	var propIsEnumerable = Object.prototype.propertyIsEnumerable;
+
+	function toObject(val) {
+		if (val === null || val === undefined) {
+			throw new TypeError('Object.assign cannot be called with null or undefined');
+		}
+
+		return Object(val);
+	}
+
+	function shouldUseNative() {
+		try {
+			if (!Object.assign) {
+				return false;
+			}
+
+			// Detect buggy property enumeration order in older V8 versions.
+
+			// https://bugs.chromium.org/p/v8/issues/detail?id=4118
+			var test1 = new String('abc');  // eslint-disable-line no-new-wrappers
+			test1[5] = 'de';
+			if (Object.getOwnPropertyNames(test1)[0] === '5') {
+				return false;
+			}
+
+			// https://bugs.chromium.org/p/v8/issues/detail?id=3056
+			var test2 = {};
+			for (var i = 0; i < 10; i++) {
+				test2['_' + String.fromCharCode(i)] = i;
+			}
+			var order2 = Object.getOwnPropertyNames(test2).map(function (n) {
+				return test2[n];
+			});
+			if (order2.join('') !== '0123456789') {
+				return false;
+			}
+
+			// https://bugs.chromium.org/p/v8/issues/detail?id=3056
+			var test3 = {};
+			'abcdefghijklmnopqrst'.split('').forEach(function (letter) {
+				test3[letter] = letter;
+			});
+			if (Object.keys(Object.assign({}, test3)).join('') !==
+					'abcdefghijklmnopqrst') {
+				return false;
+			}
+
+			return true;
+		} catch (err) {
+			// We don't expect any of the above to throw, but better to be safe.
+			return false;
+		}
+	}
+
+	objectAssign = shouldUseNative() ? Object.assign : function (target, source) {
+		var from;
+		var to = toObject(target);
+		var symbols;
+
+		for (var s = 1; s < arguments.length; s++) {
+			from = Object(arguments[s]);
+
+			for (var key in from) {
+				if (hasOwnProperty.call(from, key)) {
+					to[key] = from[key];
+				}
+			}
+
+			if (getOwnPropertySymbols) {
+				symbols = getOwnPropertySymbols(from);
+				for (var i = 0; i < symbols.length; i++) {
+					if (propIsEnumerable.call(from, symbols[i])) {
+						to[symbols[i]] = from[symbols[i]];
+					}
+				}
+			}
+		}
+
+		return to;
+	};
+	return objectAssign;
+}
+
+/**
+ * Copyright (c) 2013-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+var ReactPropTypesSecret_1;
+var hasRequiredReactPropTypesSecret;
+
+function requireReactPropTypesSecret () {
+	if (hasRequiredReactPropTypesSecret) return ReactPropTypesSecret_1;
+	hasRequiredReactPropTypesSecret = 1;
+
+	var ReactPropTypesSecret = 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED';
+
+	ReactPropTypesSecret_1 = ReactPropTypesSecret;
+	return ReactPropTypesSecret_1;
+}
+
+var has;
+var hasRequiredHas;
+
+function requireHas () {
+	if (hasRequiredHas) return has;
+	hasRequiredHas = 1;
+	has = Function.call.bind(Object.prototype.hasOwnProperty);
+	return has;
+}
+
+/**
+ * Copyright (c) 2013-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+var checkPropTypes_1;
+var hasRequiredCheckPropTypes;
+
+function requireCheckPropTypes () {
+	if (hasRequiredCheckPropTypes) return checkPropTypes_1;
+	hasRequiredCheckPropTypes = 1;
+
+	var printWarning = function() {};
+
+	if (process.env.NODE_ENV !== 'production') {
+	  var ReactPropTypesSecret = /*@__PURE__*/ requireReactPropTypesSecret();
+	  var loggedTypeFailures = {};
+	  var has = /*@__PURE__*/ requireHas();
+
+	  printWarning = function(text) {
+	    var message = 'Warning: ' + text;
+	    if (typeof console !== 'undefined') {
+	      console.error(message);
+	    }
+	    try {
+	      // --- Welcome to debugging React ---
+	      // This error was thrown as a convenience so that you can use this stack
+	      // to find the callsite that caused this warning to fire.
+	      throw new Error(message);
+	    } catch (x) { /**/ }
+	  };
+	}
+
+	/**
+	 * Assert that the values match with the type specs.
+	 * Error messages are memorized and will only be shown once.
+	 *
+	 * @param {object} typeSpecs Map of name to a ReactPropType
+	 * @param {object} values Runtime values that need to be type-checked
+	 * @param {string} location e.g. "prop", "context", "child context"
+	 * @param {string} componentName Name of the component for error messages.
+	 * @param {?Function} getStack Returns the component stack.
+	 * @private
+	 */
+	function checkPropTypes(typeSpecs, values, location, componentName, getStack) {
+	  if (process.env.NODE_ENV !== 'production') {
+	    for (var typeSpecName in typeSpecs) {
+	      if (has(typeSpecs, typeSpecName)) {
+	        var error;
+	        // Prop type validation may throw. In case they do, we don't want to
+	        // fail the render phase where it didn't fail before. So we log it.
+	        // After these have been cleaned up, we'll let them throw.
+	        try {
+	          // This is intentionally an invariant that gets caught. It's the same
+	          // behavior as without this statement except with a better message.
+	          if (typeof typeSpecs[typeSpecName] !== 'function') {
+	            var err = Error(
+	              (componentName || 'React class') + ': ' + location + ' type `' + typeSpecName + '` is invalid; ' +
+	              'it must be a function, usually from the `prop-types` package, but received `' + typeof typeSpecs[typeSpecName] + '`.' +
+	              'This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.'
+	            );
+	            err.name = 'Invariant Violation';
+	            throw err;
+	          }
+	          error = typeSpecs[typeSpecName](values, typeSpecName, componentName, location, null, ReactPropTypesSecret);
+	        } catch (ex) {
+	          error = ex;
+	        }
+	        if (error && !(error instanceof Error)) {
+	          printWarning(
+	            (componentName || 'React class') + ': type specification of ' +
+	            location + ' `' + typeSpecName + '` is invalid; the type checker ' +
+	            'function must return `null` or an `Error` but returned a ' + typeof error + '. ' +
+	            'You may have forgotten to pass an argument to the type checker ' +
+	            'creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and ' +
+	            'shape all require an argument).'
+	          );
+	        }
+	        if (error instanceof Error && !(error.message in loggedTypeFailures)) {
+	          // Only monitor this failure once because there tends to be a lot of the
+	          // same error.
+	          loggedTypeFailures[error.message] = true;
+
+	          var stack = getStack ? getStack() : '';
+
+	          printWarning(
+	            'Failed ' + location + ' type: ' + error.message + (stack != null ? stack : '')
+	          );
+	        }
+	      }
+	    }
+	  }
+	}
+
+	/**
+	 * Resets warning cache when testing.
+	 *
+	 * @private
+	 */
+	checkPropTypes.resetWarningCache = function() {
+	  if (process.env.NODE_ENV !== 'production') {
+	    loggedTypeFailures = {};
+	  }
+	};
+
+	checkPropTypes_1 = checkPropTypes;
+	return checkPropTypes_1;
+}
+
+/**
+ * Copyright (c) 2013-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+var factoryWithTypeCheckers;
+var hasRequiredFactoryWithTypeCheckers;
+
+function requireFactoryWithTypeCheckers () {
+	if (hasRequiredFactoryWithTypeCheckers) return factoryWithTypeCheckers;
+	hasRequiredFactoryWithTypeCheckers = 1;
+
+	var ReactIs = requireReactIs();
+	var assign = requireObjectAssign();
+
+	var ReactPropTypesSecret = /*@__PURE__*/ requireReactPropTypesSecret();
+	var has = /*@__PURE__*/ requireHas();
+	var checkPropTypes = /*@__PURE__*/ requireCheckPropTypes();
+
+	var printWarning = function() {};
+
+	if (process.env.NODE_ENV !== 'production') {
+	  printWarning = function(text) {
+	    var message = 'Warning: ' + text;
+	    if (typeof console !== 'undefined') {
+	      console.error(message);
+	    }
+	    try {
+	      // --- Welcome to debugging React ---
+	      // This error was thrown as a convenience so that you can use this stack
+	      // to find the callsite that caused this warning to fire.
+	      throw new Error(message);
+	    } catch (x) {}
+	  };
+	}
+
+	function emptyFunctionThatReturnsNull() {
+	  return null;
+	}
+
+	factoryWithTypeCheckers = function(isValidElement, throwOnDirectAccess) {
+	  /* global Symbol */
+	  var ITERATOR_SYMBOL = typeof Symbol === 'function' && Symbol.iterator;
+	  var FAUX_ITERATOR_SYMBOL = '@@iterator'; // Before Symbol spec.
+
+	  /**
+	   * Returns the iterator method function contained on the iterable object.
+	   *
+	   * Be sure to invoke the function with the iterable as context:
+	   *
+	   *     var iteratorFn = getIteratorFn(myIterable);
+	   *     if (iteratorFn) {
+	   *       var iterator = iteratorFn.call(myIterable);
+	   *       ...
+	   *     }
+	   *
+	   * @param {?object} maybeIterable
+	   * @return {?function}
+	   */
+	  function getIteratorFn(maybeIterable) {
+	    var iteratorFn = maybeIterable && (ITERATOR_SYMBOL && maybeIterable[ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL]);
+	    if (typeof iteratorFn === 'function') {
+	      return iteratorFn;
+	    }
+	  }
+
+	  /**
+	   * Collection of methods that allow declaration and validation of props that are
+	   * supplied to React components. Example usage:
+	   *
+	   *   var Props = require('ReactPropTypes');
+	   *   var MyArticle = React.createClass({
+	   *     propTypes: {
+	   *       // An optional string prop named "description".
+	   *       description: Props.string,
+	   *
+	   *       // A required enum prop named "category".
+	   *       category: Props.oneOf(['News','Photos']).isRequired,
+	   *
+	   *       // A prop named "dialog" that requires an instance of Dialog.
+	   *       dialog: Props.instanceOf(Dialog).isRequired
+	   *     },
+	   *     render: function() { ... }
+	   *   });
+	   *
+	   * A more formal specification of how these methods are used:
+	   *
+	   *   type := array|bool|func|object|number|string|oneOf([...])|instanceOf(...)
+	   *   decl := ReactPropTypes.{type}(.isRequired)?
+	   *
+	   * Each and every declaration produces a function with the same signature. This
+	   * allows the creation of custom validation functions. For example:
+	   *
+	   *  var MyLink = React.createClass({
+	   *    propTypes: {
+	   *      // An optional string or URI prop named "href".
+	   *      href: function(props, propName, componentName) {
+	   *        var propValue = props[propName];
+	   *        if (propValue != null && typeof propValue !== 'string' &&
+	   *            !(propValue instanceof URI)) {
+	   *          return new Error(
+	   *            'Expected a string or an URI for ' + propName + ' in ' +
+	   *            componentName
+	   *          );
+	   *        }
+	   *      }
+	   *    },
+	   *    render: function() {...}
+	   *  });
+	   *
+	   * @internal
+	   */
+
+	  var ANONYMOUS = '<<anonymous>>';
+
+	  // Important!
+	  // Keep this list in sync with production version in `./factoryWithThrowingShims.js`.
+	  var ReactPropTypes = {
+	    array: createPrimitiveTypeChecker('array'),
+	    bigint: createPrimitiveTypeChecker('bigint'),
+	    bool: createPrimitiveTypeChecker('boolean'),
+	    func: createPrimitiveTypeChecker('function'),
+	    number: createPrimitiveTypeChecker('number'),
+	    object: createPrimitiveTypeChecker('object'),
+	    string: createPrimitiveTypeChecker('string'),
+	    symbol: createPrimitiveTypeChecker('symbol'),
+
+	    any: createAnyTypeChecker(),
+	    arrayOf: createArrayOfTypeChecker,
+	    element: createElementTypeChecker(),
+	    elementType: createElementTypeTypeChecker(),
+	    instanceOf: createInstanceTypeChecker,
+	    node: createNodeChecker(),
+	    objectOf: createObjectOfTypeChecker,
+	    oneOf: createEnumTypeChecker,
+	    oneOfType: createUnionTypeChecker,
+	    shape: createShapeTypeChecker,
+	    exact: createStrictShapeTypeChecker,
+	  };
+
+	  /**
+	   * inlined Object.is polyfill to avoid requiring consumers ship their own
+	   * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is
+	   */
+	  /*eslint-disable no-self-compare*/
+	  function is(x, y) {
+	    // SameValue algorithm
+	    if (x === y) {
+	      // Steps 1-5, 7-10
+	      // Steps 6.b-6.e: +0 != -0
+	      return x !== 0 || 1 / x === 1 / y;
+	    } else {
+	      // Step 6.a: NaN == NaN
+	      return x !== x && y !== y;
+	    }
+	  }
+	  /*eslint-enable no-self-compare*/
+
+	  /**
+	   * We use an Error-like object for backward compatibility as people may call
+	   * PropTypes directly and inspect their output. However, we don't use real
+	   * Errors anymore. We don't inspect their stack anyway, and creating them
+	   * is prohibitively expensive if they are created too often, such as what
+	   * happens in oneOfType() for any type before the one that matched.
+	   */
+	  function PropTypeError(message, data) {
+	    this.message = message;
+	    this.data = data && typeof data === 'object' ? data: {};
+	    this.stack = '';
+	  }
+	  // Make `instanceof Error` still work for returned errors.
+	  PropTypeError.prototype = Error.prototype;
+
+	  function createChainableTypeChecker(validate) {
+	    if (process.env.NODE_ENV !== 'production') {
+	      var manualPropTypeCallCache = {};
+	      var manualPropTypeWarningCount = 0;
+	    }
+	    function checkType(isRequired, props, propName, componentName, location, propFullName, secret) {
+	      componentName = componentName || ANONYMOUS;
+	      propFullName = propFullName || propName;
+
+	      if (secret !== ReactPropTypesSecret) {
+	        if (throwOnDirectAccess) {
+	          // New behavior only for users of `prop-types` package
+	          var err = new Error(
+	            'Calling PropTypes validators directly is not supported by the `prop-types` package. ' +
+	            'Use `PropTypes.checkPropTypes()` to call them. ' +
+	            'Read more at http://fb.me/use-check-prop-types'
+	          );
+	          err.name = 'Invariant Violation';
+	          throw err;
+	        } else if (process.env.NODE_ENV !== 'production' && typeof console !== 'undefined') {
+	          // Old behavior for people using React.PropTypes
+	          var cacheKey = componentName + ':' + propName;
+	          if (
+	            !manualPropTypeCallCache[cacheKey] &&
+	            // Avoid spamming the console because they are often not actionable except for lib authors
+	            manualPropTypeWarningCount < 3
+	          ) {
+	            printWarning(
+	              'You are manually calling a React.PropTypes validation ' +
+	              'function for the `' + propFullName + '` prop on `' + componentName + '`. This is deprecated ' +
+	              'and will throw in the standalone `prop-types` package. ' +
+	              'You may be seeing this warning due to a third-party PropTypes ' +
+	              'library. See https://fb.me/react-warning-dont-call-proptypes ' + 'for details.'
+	            );
+	            manualPropTypeCallCache[cacheKey] = true;
+	            manualPropTypeWarningCount++;
+	          }
+	        }
+	      }
+	      if (props[propName] == null) {
+	        if (isRequired) {
+	          if (props[propName] === null) {
+	            return new PropTypeError('The ' + location + ' `' + propFullName + '` is marked as required ' + ('in `' + componentName + '`, but its value is `null`.'));
+	          }
+	          return new PropTypeError('The ' + location + ' `' + propFullName + '` is marked as required in ' + ('`' + componentName + '`, but its value is `undefined`.'));
+	        }
+	        return null;
+	      } else {
+	        return validate(props, propName, componentName, location, propFullName);
+	      }
+	    }
+
+	    var chainedCheckType = checkType.bind(null, false);
+	    chainedCheckType.isRequired = checkType.bind(null, true);
+
+	    return chainedCheckType;
+	  }
+
+	  function createPrimitiveTypeChecker(expectedType) {
+	    function validate(props, propName, componentName, location, propFullName, secret) {
+	      var propValue = props[propName];
+	      var propType = getPropType(propValue);
+	      if (propType !== expectedType) {
+	        // `propValue` being instance of, say, date/regexp, pass the 'object'
+	        // check, but we can offer a more precise error message here rather than
+	        // 'of type `object`'.
+	        var preciseType = getPreciseType(propValue);
+
+	        return new PropTypeError(
+	          'Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + preciseType + '` supplied to `' + componentName + '`, expected ') + ('`' + expectedType + '`.'),
+	          {expectedType: expectedType}
+	        );
+	      }
+	      return null;
+	    }
+	    return createChainableTypeChecker(validate);
+	  }
+
+	  function createAnyTypeChecker() {
+	    return createChainableTypeChecker(emptyFunctionThatReturnsNull);
+	  }
+
+	  function createArrayOfTypeChecker(typeChecker) {
+	    function validate(props, propName, componentName, location, propFullName) {
+	      if (typeof typeChecker !== 'function') {
+	        return new PropTypeError('Property `' + propFullName + '` of component `' + componentName + '` has invalid PropType notation inside arrayOf.');
+	      }
+	      var propValue = props[propName];
+	      if (!Array.isArray(propValue)) {
+	        var propType = getPropType(propValue);
+	        return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected an array.'));
+	      }
+	      for (var i = 0; i < propValue.length; i++) {
+	        var error = typeChecker(propValue, i, componentName, location, propFullName + '[' + i + ']', ReactPropTypesSecret);
+	        if (error instanceof Error) {
+	          return error;
+	        }
+	      }
+	      return null;
+	    }
+	    return createChainableTypeChecker(validate);
+	  }
+
+	  function createElementTypeChecker() {
+	    function validate(props, propName, componentName, location, propFullName) {
+	      var propValue = props[propName];
+	      if (!isValidElement(propValue)) {
+	        var propType = getPropType(propValue);
+	        return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected a single ReactElement.'));
+	      }
+	      return null;
+	    }
+	    return createChainableTypeChecker(validate);
+	  }
+
+	  function createElementTypeTypeChecker() {
+	    function validate(props, propName, componentName, location, propFullName) {
+	      var propValue = props[propName];
+	      if (!ReactIs.isValidElementType(propValue)) {
+	        var propType = getPropType(propValue);
+	        return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected a single ReactElement type.'));
+	      }
+	      return null;
+	    }
+	    return createChainableTypeChecker(validate);
+	  }
+
+	  function createInstanceTypeChecker(expectedClass) {
+	    function validate(props, propName, componentName, location, propFullName) {
+	      if (!(props[propName] instanceof expectedClass)) {
+	        var expectedClassName = expectedClass.name || ANONYMOUS;
+	        var actualClassName = getClassName(props[propName]);
+	        return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + actualClassName + '` supplied to `' + componentName + '`, expected ') + ('instance of `' + expectedClassName + '`.'));
+	      }
+	      return null;
+	    }
+	    return createChainableTypeChecker(validate);
+	  }
+
+	  function createEnumTypeChecker(expectedValues) {
+	    if (!Array.isArray(expectedValues)) {
+	      if (process.env.NODE_ENV !== 'production') {
+	        if (arguments.length > 1) {
+	          printWarning(
+	            'Invalid arguments supplied to oneOf, expected an array, got ' + arguments.length + ' arguments. ' +
+	            'A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z]).'
+	          );
+	        } else {
+	          printWarning('Invalid argument supplied to oneOf, expected an array.');
+	        }
+	      }
+	      return emptyFunctionThatReturnsNull;
+	    }
+
+	    function validate(props, propName, componentName, location, propFullName) {
+	      var propValue = props[propName];
+	      for (var i = 0; i < expectedValues.length; i++) {
+	        if (is(propValue, expectedValues[i])) {
+	          return null;
+	        }
+	      }
+
+	      var valuesString = JSON.stringify(expectedValues, function replacer(key, value) {
+	        var type = getPreciseType(value);
+	        if (type === 'symbol') {
+	          return String(value);
+	        }
+	        return value;
+	      });
+	      return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of value `' + String(propValue) + '` ' + ('supplied to `' + componentName + '`, expected one of ' + valuesString + '.'));
+	    }
+	    return createChainableTypeChecker(validate);
+	  }
+
+	  function createObjectOfTypeChecker(typeChecker) {
+	    function validate(props, propName, componentName, location, propFullName) {
+	      if (typeof typeChecker !== 'function') {
+	        return new PropTypeError('Property `' + propFullName + '` of component `' + componentName + '` has invalid PropType notation inside objectOf.');
+	      }
+	      var propValue = props[propName];
+	      var propType = getPropType(propValue);
+	      if (propType !== 'object') {
+	        return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected an object.'));
+	      }
+	      for (var key in propValue) {
+	        if (has(propValue, key)) {
+	          var error = typeChecker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret);
+	          if (error instanceof Error) {
+	            return error;
+	          }
+	        }
+	      }
+	      return null;
+	    }
+	    return createChainableTypeChecker(validate);
+	  }
+
+	  function createUnionTypeChecker(arrayOfTypeCheckers) {
+	    if (!Array.isArray(arrayOfTypeCheckers)) {
+	      process.env.NODE_ENV !== 'production' ? printWarning('Invalid argument supplied to oneOfType, expected an instance of array.') : void 0;
+	      return emptyFunctionThatReturnsNull;
+	    }
+
+	    for (var i = 0; i < arrayOfTypeCheckers.length; i++) {
+	      var checker = arrayOfTypeCheckers[i];
+	      if (typeof checker !== 'function') {
+	        printWarning(
+	          'Invalid argument supplied to oneOfType. Expected an array of check functions, but ' +
+	          'received ' + getPostfixForTypeWarning(checker) + ' at index ' + i + '.'
+	        );
+	        return emptyFunctionThatReturnsNull;
+	      }
+	    }
+
+	    function validate(props, propName, componentName, location, propFullName) {
+	      var expectedTypes = [];
+	      for (var i = 0; i < arrayOfTypeCheckers.length; i++) {
+	        var checker = arrayOfTypeCheckers[i];
+	        var checkerResult = checker(props, propName, componentName, location, propFullName, ReactPropTypesSecret);
+	        if (checkerResult == null) {
+	          return null;
+	        }
+	        if (checkerResult.data && has(checkerResult.data, 'expectedType')) {
+	          expectedTypes.push(checkerResult.data.expectedType);
+	        }
+	      }
+	      var expectedTypesMessage = (expectedTypes.length > 0) ? ', expected one of type [' + expectedTypes.join(', ') + ']': '';
+	      return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` supplied to ' + ('`' + componentName + '`' + expectedTypesMessage + '.'));
+	    }
+	    return createChainableTypeChecker(validate);
+	  }
+
+	  function createNodeChecker() {
+	    function validate(props, propName, componentName, location, propFullName) {
+	      if (!isNode(props[propName])) {
+	        return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` supplied to ' + ('`' + componentName + '`, expected a ReactNode.'));
+	      }
+	      return null;
+	    }
+	    return createChainableTypeChecker(validate);
+	  }
+
+	  function invalidValidatorError(componentName, location, propFullName, key, type) {
+	    return new PropTypeError(
+	      (componentName || 'React class') + ': ' + location + ' type `' + propFullName + '.' + key + '` is invalid; ' +
+	      'it must be a function, usually from the `prop-types` package, but received `' + type + '`.'
+	    );
+	  }
+
+	  function createShapeTypeChecker(shapeTypes) {
+	    function validate(props, propName, componentName, location, propFullName) {
+	      var propValue = props[propName];
+	      var propType = getPropType(propValue);
+	      if (propType !== 'object') {
+	        return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type `' + propType + '` ' + ('supplied to `' + componentName + '`, expected `object`.'));
+	      }
+	      for (var key in shapeTypes) {
+	        var checker = shapeTypes[key];
+	        if (typeof checker !== 'function') {
+	          return invalidValidatorError(componentName, location, propFullName, key, getPreciseType(checker));
+	        }
+	        var error = checker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret);
+	        if (error) {
+	          return error;
+	        }
+	      }
+	      return null;
+	    }
+	    return createChainableTypeChecker(validate);
+	  }
+
+	  function createStrictShapeTypeChecker(shapeTypes) {
+	    function validate(props, propName, componentName, location, propFullName) {
+	      var propValue = props[propName];
+	      var propType = getPropType(propValue);
+	      if (propType !== 'object') {
+	        return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type `' + propType + '` ' + ('supplied to `' + componentName + '`, expected `object`.'));
+	      }
+	      // We need to check all keys in case some are required but missing from props.
+	      var allKeys = assign({}, props[propName], shapeTypes);
+	      for (var key in allKeys) {
+	        var checker = shapeTypes[key];
+	        if (has(shapeTypes, key) && typeof checker !== 'function') {
+	          return invalidValidatorError(componentName, location, propFullName, key, getPreciseType(checker));
+	        }
+	        if (!checker) {
+	          return new PropTypeError(
+	            'Invalid ' + location + ' `' + propFullName + '` key `' + key + '` supplied to `' + componentName + '`.' +
+	            '\nBad object: ' + JSON.stringify(props[propName], null, '  ') +
+	            '\nValid keys: ' + JSON.stringify(Object.keys(shapeTypes), null, '  ')
+	          );
+	        }
+	        var error = checker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret);
+	        if (error) {
+	          return error;
+	        }
+	      }
+	      return null;
+	    }
+
+	    return createChainableTypeChecker(validate);
+	  }
+
+	  function isNode(propValue) {
+	    switch (typeof propValue) {
+	      case 'number':
+	      case 'string':
+	      case 'undefined':
+	        return true;
+	      case 'boolean':
+	        return !propValue;
+	      case 'object':
+	        if (Array.isArray(propValue)) {
+	          return propValue.every(isNode);
+	        }
+	        if (propValue === null || isValidElement(propValue)) {
+	          return true;
+	        }
+
+	        var iteratorFn = getIteratorFn(propValue);
+	        if (iteratorFn) {
+	          var iterator = iteratorFn.call(propValue);
+	          var step;
+	          if (iteratorFn !== propValue.entries) {
+	            while (!(step = iterator.next()).done) {
+	              if (!isNode(step.value)) {
+	                return false;
+	              }
+	            }
+	          } else {
+	            // Iterator will provide entry [k,v] tuples rather than values.
+	            while (!(step = iterator.next()).done) {
+	              var entry = step.value;
+	              if (entry) {
+	                if (!isNode(entry[1])) {
+	                  return false;
+	                }
+	              }
+	            }
+	          }
+	        } else {
+	          return false;
+	        }
+
+	        return true;
+	      default:
+	        return false;
+	    }
+	  }
+
+	  function isSymbol(propType, propValue) {
+	    // Native Symbol.
+	    if (propType === 'symbol') {
+	      return true;
+	    }
+
+	    // falsy value can't be a Symbol
+	    if (!propValue) {
+	      return false;
+	    }
+
+	    // 19.4.3.5 Symbol.prototype[@@toStringTag] === 'Symbol'
+	    if (propValue['@@toStringTag'] === 'Symbol') {
+	      return true;
+	    }
+
+	    // Fallback for non-spec compliant Symbols which are polyfilled.
+	    if (typeof Symbol === 'function' && propValue instanceof Symbol) {
+	      return true;
+	    }
+
+	    return false;
+	  }
+
+	  // Equivalent of `typeof` but with special handling for array and regexp.
+	  function getPropType(propValue) {
+	    var propType = typeof propValue;
+	    if (Array.isArray(propValue)) {
+	      return 'array';
+	    }
+	    if (propValue instanceof RegExp) {
+	      // Old webkits (at least until Android 4.0) return 'function' rather than
+	      // 'object' for typeof a RegExp. We'll normalize this here so that /bla/
+	      // passes PropTypes.object.
+	      return 'object';
+	    }
+	    if (isSymbol(propType, propValue)) {
+	      return 'symbol';
+	    }
+	    return propType;
+	  }
+
+	  // This handles more types than `getPropType`. Only used for error messages.
+	  // See `createPrimitiveTypeChecker`.
+	  function getPreciseType(propValue) {
+	    if (typeof propValue === 'undefined' || propValue === null) {
+	      return '' + propValue;
+	    }
+	    var propType = getPropType(propValue);
+	    if (propType === 'object') {
+	      if (propValue instanceof Date) {
+	        return 'date';
+	      } else if (propValue instanceof RegExp) {
+	        return 'regexp';
+	      }
+	    }
+	    return propType;
+	  }
+
+	  // Returns a string that is postfixed to a warning about an invalid type.
+	  // For example, "undefined" or "of type array"
+	  function getPostfixForTypeWarning(value) {
+	    var type = getPreciseType(value);
+	    switch (type) {
+	      case 'array':
+	      case 'object':
+	        return 'an ' + type;
+	      case 'boolean':
+	      case 'date':
+	      case 'regexp':
+	        return 'a ' + type;
+	      default:
+	        return type;
+	    }
+	  }
+
+	  // Returns class name of the object, if any.
+	  function getClassName(propValue) {
+	    if (!propValue.constructor || !propValue.constructor.name) {
+	      return ANONYMOUS;
+	    }
+	    return propValue.constructor.name;
+	  }
+
+	  ReactPropTypes.checkPropTypes = checkPropTypes;
+	  ReactPropTypes.resetWarningCache = checkPropTypes.resetWarningCache;
+	  ReactPropTypes.PropTypes = ReactPropTypes;
+
+	  return ReactPropTypes;
+	};
+	return factoryWithTypeCheckers;
+}
+
+/**
+ * Copyright (c) 2013-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+var factoryWithThrowingShims;
+var hasRequiredFactoryWithThrowingShims;
+
+function requireFactoryWithThrowingShims () {
+	if (hasRequiredFactoryWithThrowingShims) return factoryWithThrowingShims;
+	hasRequiredFactoryWithThrowingShims = 1;
+
+	var ReactPropTypesSecret = /*@__PURE__*/ requireReactPropTypesSecret();
+
+	function emptyFunction() {}
+	function emptyFunctionWithReset() {}
+	emptyFunctionWithReset.resetWarningCache = emptyFunction;
+
+	factoryWithThrowingShims = function() {
+	  function shim(props, propName, componentName, location, propFullName, secret) {
+	    if (secret === ReactPropTypesSecret) {
+	      // It is still safe when called from React.
+	      return;
+	    }
+	    var err = new Error(
+	      'Calling PropTypes validators directly is not supported by the `prop-types` package. ' +
+	      'Use PropTypes.checkPropTypes() to call them. ' +
+	      'Read more at http://fb.me/use-check-prop-types'
+	    );
+	    err.name = 'Invariant Violation';
+	    throw err;
+	  }	  shim.isRequired = shim;
+	  function getShim() {
+	    return shim;
+	  }	  // Important!
+	  // Keep this list in sync with production version in `./factoryWithTypeCheckers.js`.
+	  var ReactPropTypes = {
+	    array: shim,
+	    bigint: shim,
+	    bool: shim,
+	    func: shim,
+	    number: shim,
+	    object: shim,
+	    string: shim,
+	    symbol: shim,
+
+	    any: shim,
+	    arrayOf: getShim,
+	    element: shim,
+	    elementType: shim,
+	    instanceOf: getShim,
+	    node: shim,
+	    objectOf: getShim,
+	    oneOf: getShim,
+	    oneOfType: getShim,
+	    shape: getShim,
+	    exact: getShim,
+
+	    checkPropTypes: emptyFunctionWithReset,
+	    resetWarningCache: emptyFunction
+	  };
+
+	  ReactPropTypes.PropTypes = ReactPropTypes;
+
+	  return ReactPropTypes;
+	};
+	return factoryWithThrowingShims;
+}
+
+/**
+ * Copyright (c) 2013-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+var hasRequiredPropTypes;
+
+function requirePropTypes () {
+	if (hasRequiredPropTypes) return propTypes.exports;
+	hasRequiredPropTypes = 1;
+	if (process.env.NODE_ENV !== 'production') {
+	  var ReactIs = requireReactIs();
+
+	  // By explicitly using `prop-types` you are opting into new development behavior.
+	  // http://fb.me/prop-types-in-prod
+	  var throwOnDirectAccess = true;
+	  propTypes.exports = /*@__PURE__*/ requireFactoryWithTypeCheckers()(ReactIs.isElement, throwOnDirectAccess);
+	} else {
+	  // By explicitly using `prop-types` you are opting into new production behavior.
+	  // http://fb.me/prop-types-in-prod
+	  propTypes.exports = /*@__PURE__*/ requireFactoryWithThrowingShims()();
+	}
+	return propTypes.exports;
+}
+
+var props;
+var hasRequiredProps;
+
+function requireProps () {
+	if (hasRequiredProps) return props;
+	hasRequiredProps = 1;
+	var __create = Object.create;
+	var __defProp = Object.defineProperty;
+	var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+	var __getOwnPropNames = Object.getOwnPropertyNames;
+	var __getProtoOf = Object.getPrototypeOf;
+	var __hasOwnProp = Object.prototype.hasOwnProperty;
+	var __export = (target, all) => {
+	  for (var name in all)
+	    __defProp(target, name, { get: all[name], enumerable: true });
+	};
+	var __copyProps = (to, from, except, desc) => {
+	  if (from && typeof from === "object" || typeof from === "function") {
+	    for (let key of __getOwnPropNames(from))
+	      if (!__hasOwnProp.call(to, key) && key !== except)
+	        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+	  }
+	  return to;
+	};
+	var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+	  // If the importer is in node compatibility mode or this is not an ESM
+	  // file that has been converted to a CommonJS file using a Babel-
+	  // compatible transform (i.e. "__esModule" has not been set), then set
+	  // "default" to the CommonJS "module.exports" for node compatibility.
+	  !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+	  mod
+	));
+	var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+	var props_exports = {};
+	__export(props_exports, {
+	  defaultProps: () => defaultProps,
+	  propTypes: () => propTypes
+	});
+	props = __toCommonJS(props_exports);
+	var import_prop_types = __toESM(/*@__PURE__*/ requirePropTypes());
+	const { string, bool, number, array, oneOfType, shape, object, func, node } = import_prop_types.default;
+	const 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, object]),
+	  playIcon: node,
+	  previewTabIndex: number,
+	  previewAriaLabel: string,
+	  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
+	    }),
+	    mux: shape({
+	      attributes: object,
+	      version: string
+	    }),
+	    file: shape({
+	      attributes: object,
+	      tracks: array,
+	      forceVideo: bool,
+	      forceAudio: bool,
+	      forceHLS: bool,
+	      forceSafariHLS: bool,
+	      forceDisableHls: 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,
+	  onPlaybackQualityChange: func,
+	  onProgress: func,
+	  onClickPreview: func,
+	  onEnablePIP: func,
+	  onDisablePIP: func
+	};
+	const noop = () => {
+	};
+	const defaultProps = {
+	  playing: false,
+	  loop: false,
+	  controls: false,
+	  volume: null,
+	  muted: false,
+	  playbackRate: 1,
+	  width: "640px",
+	  height: "360px",
+	  style: {},
+	  progressInterval: 1e3,
+	  playsinline: false,
+	  pip: false,
+	  stopOnUnmount: true,
+	  light: false,
+	  fallback: null,
+	  wrapper: "div",
+	  previewTabIndex: 0,
+	  previewAriaLabel: "",
+	  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
+	    },
+	    mux: {
+	      attributes: {},
+	      version: "2"
+	    },
+	    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",
+	      forceDisableHls: false
+	    },
+	    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,
+	  onPlaybackQualityChange: noop,
+	  onProgress: noop,
+	  onClickPreview: noop,
+	  onEnablePIP: noop,
+	  onDisablePIP: noop
+	};
+	return props;
+}
+
+var loadScript;
+var hasRequiredLoadScript;
+
+function requireLoadScript () {
+	if (hasRequiredLoadScript) return loadScript;
+	hasRequiredLoadScript = 1;
+	loadScript = function load (src, opts, cb) {
+	  var head = document.head || document.getElementsByTagName('head')[0];
+	  var script = document.createElement('script');
+
+	  if (typeof opts === 'function') {
+	    cb = opts;
+	    opts = {};
+	  }
+
+	  opts = opts || {};
+	  cb = cb || function() {};
+
+	  script.type = opts.type || 'text/javascript';
+	  script.charset = opts.charset || 'utf8';
+	  script.async = 'async' in opts ? !!opts.async : true;
+	  script.src = src;
+
+	  if (opts.attrs) {
+	    setAttributes(script, opts.attrs);
+	  }
+
+	  if (opts.text) {
+	    script.text = '' + opts.text;
+	  }
+
+	  var onend = 'onload' in script ? stdOnEnd : ieOnEnd;
+	  onend(script, cb);
+
+	  // some good legacy browsers (firefox) fail the 'in' detection above
+	  // so as a fallback we always set onload
+	  // old IE will ignore this and new IE will set onload
+	  if (!script.onload) {
+	    stdOnEnd(script, cb);
+	  }
+
+	  head.appendChild(script);
+	};
+
+	function setAttributes(script, attrs) {
+	  for (var attr in attrs) {
+	    script.setAttribute(attr, attrs[attr]);
+	  }
+	}
+
+	function stdOnEnd (script, cb) {
+	  script.onload = function () {
+	    this.onerror = this.onload = null;
+	    cb(null, script);
+	  };
+	  script.onerror = function () {
+	    // this.onload = null here is necessary
+	    // because even IE9 works not like others
+	    this.onerror = this.onload = null;
+	    cb(new Error('Failed to load ' + this.src), script);
+	  };
+	}
+
+	function ieOnEnd (script, cb) {
+	  script.onreadystatechange = function () {
+	    if (this.readyState != 'complete' && this.readyState != 'loaded') return
+	    this.onreadystatechange = null;
+	    cb(null, script); // there is no way to catch loading errors in IE8
+	  };
+	}
+	return loadScript;
+}
+
+var utils;
+var hasRequiredUtils;
+
+function requireUtils () {
+	if (hasRequiredUtils) return utils;
+	hasRequiredUtils = 1;
+	var __create = Object.create;
+	var __defProp = Object.defineProperty;
+	var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+	var __getOwnPropNames = Object.getOwnPropertyNames;
+	var __getProtoOf = Object.getPrototypeOf;
+	var __hasOwnProp = Object.prototype.hasOwnProperty;
+	var __export = (target, all) => {
+	  for (var name in all)
+	    __defProp(target, name, { get: all[name], enumerable: true });
+	};
+	var __copyProps = (to, from, except, desc) => {
+	  if (from && typeof from === "object" || typeof from === "function") {
+	    for (let key of __getOwnPropNames(from))
+	      if (!__hasOwnProp.call(to, key) && key !== except)
+	        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+	  }
+	  return to;
+	};
+	var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+	  // If the importer is in node compatibility mode or this is not an ESM
+	  // file that has been converted to a CommonJS file using a Babel-
+	  // compatible transform (i.e. "__esModule" has not been set), then set
+	  // "default" to the CommonJS "module.exports" for node compatibility.
+	  !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+	  mod
+	));
+	var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+	var utils_exports = {};
+	__export(utils_exports, {
+	  callPlayer: () => callPlayer,
+	  getConfig: () => getConfig,
+	  getSDK: () => getSDK,
+	  isBlobUrl: () => isBlobUrl,
+	  isMediaStream: () => isMediaStream,
+	  lazy: () => lazy,
+	  omit: () => omit,
+	  parseEndTime: () => parseEndTime,
+	  parseStartTime: () => parseStartTime,
+	  queryString: () => queryString,
+	  randomString: () => randomString,
+	  supportsWebKitPresentationMode: () => supportsWebKitPresentationMode
+	});
+	utils = __toCommonJS(utils_exports);
+	var import_react = __toESM(React__default);
+	var import_load_script = __toESM(requireLoadScript());
+	var import_deepmerge = __toESM(requireCjs());
+	const lazy = (componentImportFn) => import_react.default.lazy(async () => {
+	  const obj = await componentImportFn();
+	  return typeof obj.default === "function" ? obj : obj.default;
+	});
+	const MATCH_START_QUERY = /[?&#](?:start|t)=([0-9hms]+)/;
+	const MATCH_END_QUERY = /[?&#]end=([0-9hms]+)/;
+	const MATCH_START_STAMP = /(\d+)(h|m|s)/g;
+	const MATCH_NUMERIC = /^\d+$/;
+	function parseTimeParam(url, pattern) {
+	  if (url instanceof Array) {
+	    return void 0;
+	  }
+	  const match = url.match(pattern);
+	  if (match) {
+	    const stamp = match[1];
+	    if (stamp.match(MATCH_START_STAMP)) {
+	      return parseTimeString(stamp);
+	    }
+	    if (MATCH_NUMERIC.test(stamp)) {
+	      return parseInt(stamp);
+	    }
+	  }
+	  return void 0;
+	}
+	function parseTimeString(stamp) {
+	  let seconds = 0;
+	  let array = MATCH_START_STAMP.exec(stamp);
+	  while (array !== null) {
+	    const [, count, period] = array;
+	    if (period === "h")
+	      seconds += parseInt(count, 10) * 60 * 60;
+	    if (period === "m")
+	      seconds += parseInt(count, 10) * 60;
+	    if (period === "s")
+	      seconds += parseInt(count, 10);
+	    array = MATCH_START_STAMP.exec(stamp);
+	  }
+	  return seconds;
+	}
+	function parseStartTime(url) {
+	  return parseTimeParam(url, MATCH_START_QUERY);
+	}
+	function parseEndTime(url) {
+	  return parseTimeParam(url, MATCH_END_QUERY);
+	}
+	function randomString() {
+	  return Math.random().toString(36).substr(2, 5);
+	}
+	function queryString(object) {
+	  return Object.keys(object).map((key) => `${key}=${object[key]}`).join("&");
+	}
+	function getGlobal(key) {
+	  if (window[key]) {
+	    return window[key];
+	  }
+	  if (window.exports && window.exports[key]) {
+	    return window.exports[key];
+	  }
+	  if (window.module && window.module.exports && window.module.exports[key]) {
+	    return window.module.exports[key];
+	  }
+	  return null;
+	}
+	const requests = {};
+	const getSDK = enableStubOn(function getSDK2(url, sdkGlobal, sdkReady = null, isLoaded = () => true, fetchScript = import_load_script.default) {
+	  const existingGlobal = getGlobal(sdkGlobal);
+	  if (existingGlobal && isLoaded(existingGlobal)) {
+	    return Promise.resolve(existingGlobal);
+	  }
+	  return new Promise((resolve, reject) => {
+	    if (requests[url]) {
+	      requests[url].push({ resolve, reject });
+	      return;
+	    }
+	    requests[url] = [{ resolve, reject }];
+	    const onLoaded = (sdk) => {
+	      requests[url].forEach((request) => request.resolve(sdk));
+	    };
+	    if (sdkReady) {
+	      const previousOnReady = window[sdkReady];
+	      window[sdkReady] = function() {
+	        if (previousOnReady)
+	          previousOnReady();
+	        onLoaded(getGlobal(sdkGlobal));
+	      };
+	    }
+	    fetchScript(url, (err) => {
+	      if (err) {
+	        requests[url].forEach((request) => request.reject(err));
+	        requests[url] = null;
+	      } else if (!sdkReady) {
+	        onLoaded(getGlobal(sdkGlobal));
+	      }
+	    });
+	  });
+	});
+	function getConfig(props, defaultProps) {
+	  return (0, import_deepmerge.default)(defaultProps.config, props.config);
+	}
+	function omit(object, ...arrays) {
+	  const omitKeys = [].concat(...arrays);
+	  const output = {};
+	  const keys = Object.keys(object);
+	  for (const key of keys) {
+	    if (omitKeys.indexOf(key) === -1) {
+	      output[key] = object[key];
+	    }
+	  }
+	  return output;
+	}
+	function callPlayer(method, ...args) {
+	  if (!this.player || !this.player[method]) {
+	    let message = `ReactPlayer: ${this.constructor.displayName} player could not call %c${method}%c \u2013 `;
+	    if (!this.player) {
+	      message += "The player was not available";
+	    } else if (!this.player[method]) {
+	      message += "The method was not available";
+	    }
+	    console.warn(message, "font-weight: bold", "");
+	    return null;
+	  }
+	  return this.player[method](...args);
+	}
+	function isMediaStream(url) {
+	  return typeof window !== "undefined" && typeof window.MediaStream !== "undefined" && url instanceof window.MediaStream;
+	}
+	function isBlobUrl(url) {
+	  return /^blob:/.test(url);
+	}
+	function supportsWebKitPresentationMode(video = document.createElement("video")) {
+	  const notMobile = /iPhone|iPod/.test(navigator.userAgent) === false;
+	  return video.webkitSupportsPresentationMode && typeof video.webkitSetPresentationMode === "function" && notMobile;
+	}
+	function enableStubOn(fn) {
+	  return fn;
+	}
+	return utils;
+}
+
+var Player_1;
+var hasRequiredPlayer;
+
+function requirePlayer () {
+	if (hasRequiredPlayer) return Player_1;
+	hasRequiredPlayer = 1;
+	var __create = Object.create;
+	var __defProp = Object.defineProperty;
+	var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+	var __getOwnPropNames = Object.getOwnPropertyNames;
+	var __getProtoOf = Object.getPrototypeOf;
+	var __hasOwnProp = Object.prototype.hasOwnProperty;
+	var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+	var __export = (target, all) => {
+	  for (var name in all)
+	    __defProp(target, name, { get: all[name], enumerable: true });
+	};
+	var __copyProps = (to, from, except, desc) => {
+	  if (from && typeof from === "object" || typeof from === "function") {
+	    for (let key of __getOwnPropNames(from))
+	      if (!__hasOwnProp.call(to, key) && key !== except)
+	        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+	  }
+	  return to;
+	};
+	var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+	  // If the importer is in node compatibility mode or this is not an ESM
+	  // file that has been converted to a CommonJS file using a Babel-
+	  // compatible transform (i.e. "__esModule" has not been set), then set
+	  // "default" to the CommonJS "module.exports" for node compatibility.
+	  !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+	  mod
+	));
+	var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+	var __publicField = (obj, key, value) => {
+	  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+	  return value;
+	};
+	var Player_exports = {};
+	__export(Player_exports, {
+	  default: () => Player
+	});
+	Player_1 = __toCommonJS(Player_exports);
+	var import_react = __toESM(React__default);
+	var import_react_fast_compare = __toESM(requireReactFastCompare());
+	var import_props = /*@__PURE__*/ requireProps();
+	var import_utils = /*@__PURE__*/ requireUtils();
+	const SEEK_ON_PLAY_EXPIRY = 5e3;
+	class Player extends import_react.Component {
+	  constructor() {
+	    super(...arguments);
+	    __publicField(this, "mounted", false);
+	    __publicField(this, "isReady", false);
+	    __publicField(this, "isPlaying", false);
+	    // Track playing state internally to prevent bugs
+	    __publicField(this, "isLoading", true);
+	    // Use isLoading to prevent onPause when switching URL
+	    __publicField(this, "loadOnReady", null);
+	    __publicField(this, "startOnPlay", true);
+	    __publicField(this, "seekOnPlay", null);
+	    __publicField(this, "onDurationCalled", false);
+	    __publicField(this, "handlePlayerMount", (player) => {
+	      if (this.player) {
+	        this.progress();
+	        return;
+	      }
+	      this.player = player;
+	      this.player.load(this.props.url);
+	      this.progress();
+	    });
+	    __publicField(this, "getInternalPlayer", (key) => {
+	      if (!this.player)
+	        return null;
+	      return this.player[key];
+	    });
+	    __publicField(this, "progress", () => {
+	      if (this.props.url && this.player && this.isReady) {
+	        const playedSeconds = this.getCurrentTime() || 0;
+	        const loadedSeconds = this.getSecondsLoaded();
+	        const duration = this.getDuration();
+	        if (duration) {
+	          const progress = {
+	            playedSeconds,
+	            played: playedSeconds / duration
+	          };
+	          if (loadedSeconds !== null) {
+	            progress.loadedSeconds = loadedSeconds;
+	            progress.loaded = loadedSeconds / duration;
+	          }
+	          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);
+	    });
+	    __publicField(this, "handleReady", () => {
+	      if (!this.mounted)
+	        return;
+	      this.isReady = true;
+	      this.isLoading = false;
+	      const { onReady, playing, volume, muted } = this.props;
+	      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();
+	    });
+	    __publicField(this, "handlePlay", () => {
+	      this.isPlaying = true;
+	      this.isLoading = false;
+	      const { onStart, onPlay, playbackRate } = this.props;
+	      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();
+	    });
+	    __publicField(this, "handlePause", (e) => {
+	      this.isPlaying = false;
+	      if (!this.isLoading) {
+	        this.props.onPause(e);
+	      }
+	    });
+	    __publicField(this, "handleEnded", () => {
+	      const { activePlayer, loop, onEnded } = this.props;
+	      if (activePlayer.loopOnEnded && loop) {
+	        this.seekTo(0);
+	      }
+	      if (!loop) {
+	        this.isPlaying = false;
+	        onEnded();
+	      }
+	    });
+	    __publicField(this, "handleError", (...args) => {
+	      this.isLoading = false;
+	      this.props.onError(...args);
+	    });
+	    __publicField(this, "handleDurationCheck", () => {
+	      clearTimeout(this.durationCheckTimeout);
+	      const duration = this.getDuration();
+	      if (duration) {
+	        if (!this.onDurationCalled) {
+	          this.props.onDuration(duration);
+	          this.onDurationCalled = true;
+	        }
+	      } else {
+	        this.durationCheckTimeout = setTimeout(this.handleDurationCheck, 100);
+	      }
+	    });
+	    __publicField(this, "handleLoaded", () => {
+	      this.isLoading = false;
+	    });
+	  }
+	  componentDidMount() {
+	    this.mounted = true;
+	  }
+	  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;
+	  }
+	  componentDidUpdate(prevProps) {
+	    if (!this.player) {
+	      return;
+	    }
+	    const { url, playing, volume, muted, playbackRate, pip, loop, activePlayer, disableDeferredLoading } = this.props;
+	    if (!(0, import_react_fast_compare.default)(prevProps.url, url)) {
+	      if (this.isLoading && !activePlayer.forceLoad && !disableDeferredLoading && !(0, import_utils.isMediaStream)(url)) {
+	        console.warn(`ReactPlayer: the attempt to load ${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) {
+	          setTimeout(() => this.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);
+	    }
+	  }
+	  getDuration() {
+	    if (!this.isReady)
+	      return null;
+	    return this.player.getDuration();
+	  }
+	  getCurrentTime() {
+	    if (!this.isReady)
+	      return null;
+	    return this.player.getCurrentTime();
+	  }
+	  getSecondsLoaded() {
+	    if (!this.isReady)
+	      return null;
+	    return this.player.getSecondsLoaded();
+	  }
+	  seekTo(amount, type, keepPlaying) {
+	    if (!this.isReady) {
+	      if (amount !== 0) {
+	        this.seekOnPlay = amount;
+	        setTimeout(() => {
+	          this.seekOnPlay = null;
+	        }, SEEK_ON_PLAY_EXPIRY);
+	      }
+	      return;
+	    }
+	    const isFraction = !type ? amount > 0 && amount < 1 : type === "fraction";
+	    if (isFraction) {
+	      const duration = this.player.getDuration();
+	      if (!duration) {
+	        console.warn("ReactPlayer: could not seek using fraction \u2013\xA0duration not yet available");
+	        return;
+	      }
+	      this.player.seekTo(duration * amount, keepPlaying);
+	      return;
+	    }
+	    this.player.seekTo(amount, keepPlaying);
+	  }
+	  render() {
+	    const Player2 = this.props.activePlayer;
+	    if (!Player2) {
+	      return null;
+	    }
+	    return /* @__PURE__ */ import_react.default.createElement(
+	      Player2,
+	      {
+	        ...this.props,
+	        onMount: this.handlePlayerMount,
+	        onReady: this.handleReady,
+	        onPlay: this.handlePlay,
+	        onPause: this.handlePause,
+	        onEnded: this.handleEnded,
+	        onLoaded: this.handleLoaded,
+	        onError: this.handleError
+	      }
+	    );
+	  }
+	}
+	__publicField(Player, "displayName", "Player");
+	__publicField(Player, "propTypes", import_props.propTypes);
+	__publicField(Player, "defaultProps", import_props.defaultProps);
+	return Player_1;
+}
+
+var ReactPlayer;
+var hasRequiredReactPlayer;
+
+function requireReactPlayer () {
+	if (hasRequiredReactPlayer) return ReactPlayer;
+	hasRequiredReactPlayer = 1;
+	var __create = Object.create;
+	var __defProp = Object.defineProperty;
+	var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+	var __getOwnPropNames = Object.getOwnPropertyNames;
+	var __getProtoOf = Object.getPrototypeOf;
+	var __hasOwnProp = Object.prototype.hasOwnProperty;
+	var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+	var __export = (target, all) => {
+	  for (var name in all)
+	    __defProp(target, name, { get: all[name], enumerable: true });
+	};
+	var __copyProps = (to, from, except, desc) => {
+	  if (from && typeof from === "object" || typeof from === "function") {
+	    for (let key of __getOwnPropNames(from))
+	      if (!__hasOwnProp.call(to, key) && key !== except)
+	        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+	  }
+	  return to;
+	};
+	var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+	  // If the importer is in node compatibility mode or this is not an ESM
+	  // file that has been converted to a CommonJS file using a Babel-
+	  // compatible transform (i.e. "__esModule" has not been set), then set
+	  // "default" to the CommonJS "module.exports" for node compatibility.
+	  !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+	  mod
+	));
+	var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+	var __publicField = (obj, key, value) => {
+	  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+	  return value;
+	};
+	var ReactPlayer_exports = {};
+	__export(ReactPlayer_exports, {
+	  createReactPlayer: () => createReactPlayer
+	});
+	ReactPlayer = __toCommonJS(ReactPlayer_exports);
+	var import_react = __toESM(React__default);
+	var import_deepmerge = __toESM(requireCjs());
+	var import_memoize_one = __toESM(require$$2);
+	var import_react_fast_compare = __toESM(requireReactFastCompare());
+	var import_props = /*@__PURE__*/ requireProps();
+	var import_utils = /*@__PURE__*/ requireUtils();
+	var import_Player = __toESM(/*@__PURE__*/ requirePlayer());
+	const Preview = (0, import_utils.lazy)(() => import(
+	  /* webpackChunkName: 'reactPlayerPreview' */
+	  './Preview-AHYIJh9S.mjs'
+	).then(function (n) { return n.P; }));
+	const IS_BROWSER = typeof window !== "undefined" && window.document && typeof document !== "undefined";
+	const IS_GLOBAL = typeof commonjsGlobal !== "undefined" && commonjsGlobal.window && commonjsGlobal.window.document;
+	const SUPPORTED_PROPS = Object.keys(import_props.propTypes);
+	const UniversalSuspense = IS_BROWSER || IS_GLOBAL ? import_react.Suspense : () => null;
+	const customPlayers = [];
+	const createReactPlayer = (players, fallback) => {
+	  var _a;
+	  return _a = class extends import_react.Component {
+	    constructor() {
+	      super(...arguments);
+	      __publicField(this, "state", {
+	        showPreview: !!this.props.light
+	      });
+	      // Use references, as refs is used by React
+	      __publicField(this, "references", {
+	        wrapper: (wrapper) => {
+	          this.wrapper = wrapper;
+	        },
+	        player: (player) => {
+	          this.player = player;
+	        }
+	      });
+	      __publicField(this, "handleClickPreview", (e) => {
+	        this.setState({ showPreview: false });
+	        this.props.onClickPreview(e);
+	      });
+	      __publicField(this, "showPreview", () => {
+	        this.setState({ showPreview: true });
+	      });
+	      __publicField(this, "getDuration", () => {
+	        if (!this.player)
+	          return null;
+	        return this.player.getDuration();
+	      });
+	      __publicField(this, "getCurrentTime", () => {
+	        if (!this.player)
+	          return null;
+	        return this.player.getCurrentTime();
+	      });
+	      __publicField(this, "getSecondsLoaded", () => {
+	        if (!this.player)
+	          return null;
+	        return this.player.getSecondsLoaded();
+	      });
+	      __publicField(this, "getInternalPlayer", (key = "player") => {
+	        if (!this.player)
+	          return null;
+	        return this.player.getInternalPlayer(key);
+	      });
+	      __publicField(this, "seekTo", (fraction, type, keepPlaying) => {
+	        if (!this.player)
+	          return null;
+	        this.player.seekTo(fraction, type, keepPlaying);
+	      });
+	      __publicField(this, "handleReady", () => {
+	        this.props.onReady(this);
+	      });
+	      __publicField(this, "getActivePlayer", (0, import_memoize_one.default)((url) => {
+	        for (const player of [...customPlayers, ...players]) {
+	          if (player.canPlay(url)) {
+	            return player;
+	          }
+	        }
+	        if (fallback) {
+	          return fallback;
+	        }
+	        return null;
+	      }));
+	      __publicField(this, "getConfig", (0, import_memoize_one.default)((url, key) => {
+	        const { config } = this.props;
+	        return import_deepmerge.default.all([
+	          import_props.defaultProps.config,
+	          import_props.defaultProps.config[key] || {},
+	          config,
+	          config[key] || {}
+	        ]);
+	      }));
+	      __publicField(this, "getAttributes", (0, import_memoize_one.default)((url) => {
+	        return (0, import_utils.omit)(this.props, SUPPORTED_PROPS);
+	      }));
+	      __publicField(this, "renderActivePlayer", (url) => {
+	        if (!url)
+	          return null;
+	        const player = this.getActivePlayer(url);
+	        if (!player)
+	          return null;
+	        const config = this.getConfig(url, player.key);
+	        return /* @__PURE__ */ import_react.default.createElement(
+	          import_Player.default,
+	          {
+	            ...this.props,
+	            key: player.key,
+	            ref: this.references.player,
+	            config,
+	            activePlayer: player.lazyPlayer || player,
+	            onReady: this.handleReady
+	          }
+	        );
+	      });
+	    }
+	    shouldComponentUpdate(nextProps, nextState) {
+	      return !(0, import_react_fast_compare.default)(this.props, nextProps) || !(0, import_react_fast_compare.default)(this.state, nextState);
+	    }
+	    componentDidUpdate(prevProps) {
+	      const { light } = this.props;
+	      if (!prevProps.light && light) {
+	        this.setState({ showPreview: true });
+	      }
+	      if (prevProps.light && !light) {
+	        this.setState({ showPreview: false });
+	      }
+	    }
+	    renderPreview(url) {
+	      if (!url)
+	        return null;
+	      const { light, playIcon, previewTabIndex, oEmbedUrl, previewAriaLabel } = this.props;
+	      return /* @__PURE__ */ import_react.default.createElement(
+	        Preview,
+	        {
+	          url,
+	          light,
+	          playIcon,
+	          previewTabIndex,
+	          previewAriaLabel,
+	          oEmbedUrl,
+	          onClick: this.handleClickPreview
+	        }
+	      );
+	    }
+	    render() {
+	      const { url, style, width, height, fallback: fallback2, wrapper: Wrapper } = this.props;
+	      const { showPreview } = this.state;
+	      const attributes = this.getAttributes(url);
+	      const wrapperRef = typeof Wrapper === "string" ? this.references.wrapper : void 0;
+	      return /* @__PURE__ */ import_react.default.createElement(Wrapper, { ref: wrapperRef, style: { ...style, width, height }, ...attributes }, /* @__PURE__ */ import_react.default.createElement(UniversalSuspense, { fallback: fallback2 }, showPreview ? this.renderPreview(url) : this.renderActivePlayer(url)));
+	    }
+	  }, __publicField(_a, "displayName", "ReactPlayer"), __publicField(_a, "propTypes", import_props.propTypes), __publicField(_a, "defaultProps", import_props.defaultProps), __publicField(_a, "addCustomPlayer", (player) => {
+	    customPlayers.push(player);
+	  }), __publicField(_a, "removeCustomPlayers", () => {
+	    customPlayers.length = 0;
+	  }), __publicField(_a, "canPlay", (url) => {
+	    for (const Player2 of [...customPlayers, ...players]) {
+	      if (Player2.canPlay(url)) {
+	        return true;
+	      }
+	    }
+	    return false;
+	  }), __publicField(_a, "canEnablePIP", (url) => {
+	    for (const Player2 of [...customPlayers, ...players]) {
+	      if (Player2.canEnablePIP && Player2.canEnablePIP(url)) {
+	        return true;
+	      }
+	    }
+	    return false;
+	  }), _a;
+	};
+	return ReactPlayer;
+}
+
+var patterns;
+var hasRequiredPatterns;
+
+function requirePatterns () {
+	if (hasRequiredPatterns) return patterns;
+	hasRequiredPatterns = 1;
+	var __defProp = Object.defineProperty;
+	var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+	var __getOwnPropNames = Object.getOwnPropertyNames;
+	var __hasOwnProp = Object.prototype.hasOwnProperty;
+	var __export = (target, all) => {
+	  for (var name in all)
+	    __defProp(target, name, { get: all[name], enumerable: true });
+	};
+	var __copyProps = (to, from, except, desc) => {
+	  if (from && typeof from === "object" || typeof from === "function") {
+	    for (let key of __getOwnPropNames(from))
+	      if (!__hasOwnProp.call(to, key) && key !== except)
+	        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+	  }
+	  return to;
+	};
+	var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+	var patterns_exports = {};
+	__export(patterns_exports, {
+	  AUDIO_EXTENSIONS: () => AUDIO_EXTENSIONS,
+	  DASH_EXTENSIONS: () => DASH_EXTENSIONS,
+	  FLV_EXTENSIONS: () => FLV_EXTENSIONS,
+	  HLS_EXTENSIONS: () => HLS_EXTENSIONS,
+	  MATCH_URL_DAILYMOTION: () => MATCH_URL_DAILYMOTION,
+	  MATCH_URL_FACEBOOK: () => MATCH_URL_FACEBOOK,
+	  MATCH_URL_FACEBOOK_WATCH: () => MATCH_URL_FACEBOOK_WATCH,
+	  MATCH_URL_KALTURA: () => MATCH_URL_KALTURA,
+	  MATCH_URL_MIXCLOUD: () => MATCH_URL_MIXCLOUD,
+	  MATCH_URL_MUX: () => MATCH_URL_MUX,
+	  MATCH_URL_SOUNDCLOUD: () => MATCH_URL_SOUNDCLOUD,
+	  MATCH_URL_STREAMABLE: () => MATCH_URL_STREAMABLE,
+	  MATCH_URL_TWITCH_CHANNEL: () => MATCH_URL_TWITCH_CHANNEL,
+	  MATCH_URL_TWITCH_VIDEO: () => MATCH_URL_TWITCH_VIDEO,
+	  MATCH_URL_VIDYARD: () => MATCH_URL_VIDYARD,
+	  MATCH_URL_VIMEO: () => MATCH_URL_VIMEO,
+	  MATCH_URL_WISTIA: () => MATCH_URL_WISTIA,
+	  MATCH_URL_YOUTUBE: () => MATCH_URL_YOUTUBE,
+	  VIDEO_EXTENSIONS: () => VIDEO_EXTENSIONS,
+	  canPlay: () => canPlay
+	});
+	patterns = __toCommonJS(patterns_exports);
+	var import_utils = /*@__PURE__*/ requireUtils();
+	const MATCH_URL_YOUTUBE = /(?:youtu\.be\/|youtube(?:-nocookie|education)?\.com\/(?:embed\/|v\/|watch\/|watch\?v=|watch\?.+&v=|shorts\/|live\/))((\w|-){11})|youtube\.com\/playlist\?list=|youtube\.com\/user\//;
+	const MATCH_URL_SOUNDCLOUD = /(?:soundcloud\.com|snd\.sc)\/[^.]+$/;
+	const MATCH_URL_VIMEO = /vimeo\.com\/(?!progressive_redirect).+/;
+	const MATCH_URL_MUX = /stream\.mux\.com\/(?!\w+\.m3u8)(\w+)/;
+	const MATCH_URL_FACEBOOK = /^https?:\/\/(www\.)?facebook\.com.*\/(video(s)?|watch|story)(\.php?|\/).+$/;
+	const MATCH_URL_FACEBOOK_WATCH = /^https?:\/\/fb\.watch\/.+$/;
+	const MATCH_URL_STREAMABLE = /streamable\.com\/([a-z0-9]+)$/;
+	const MATCH_URL_WISTIA = /(?:wistia\.(?:com|net)|wi\.st)\/(?:medias|embed)\/(?:iframe\/)?([^?]+)/;
+	const MATCH_URL_TWITCH_VIDEO = /(?:www\.|go\.)?twitch\.tv\/videos\/(\d+)($|\?)/;
+	const MATCH_URL_TWITCH_CHANNEL = /(?:www\.|go\.)?twitch\.tv\/([a-zA-Z0-9_]+)($|\?)/;
+	const MATCH_URL_DAILYMOTION = /^(?:(?:https?):)?(?:\/\/)?(?:www\.)?(?:(?:dailymotion\.com(?:\/embed)?\/video)|dai\.ly)\/([a-zA-Z0-9]+)(?:_[\w_-]+)?(?:[\w.#_-]+)?/;
+	const MATCH_URL_MIXCLOUD = /mixcloud\.com\/([^/]+\/[^/]+)/;
+	const MATCH_URL_VIDYARD = /vidyard.com\/(?:watch\/)?([a-zA-Z0-9-_]+)/;
+	const MATCH_URL_KALTURA = /^https?:\/\/[a-zA-Z]+\.kaltura.(com|org)\/p\/([0-9]+)\/sp\/([0-9]+)00\/embedIframeJs\/uiconf_id\/([0-9]+)\/partner_id\/([0-9]+)(.*)entry_id.([a-zA-Z0-9-_].*)$/;
+	const AUDIO_EXTENSIONS = /\.(m4a|m4b|mp4a|mpga|mp2|mp2a|mp3|m2a|m3a|wav|weba|aac|oga|spx)($|\?)/i;
+	const VIDEO_EXTENSIONS = /\.(mp4|og[gv]|webm|mov|m4v)(#t=[,\d+]+)?($|\?)/i;
+	const HLS_EXTENSIONS = /\.(m3u8)($|\?)/i;
+	const DASH_EXTENSIONS = /\.(mpd)($|\?)/i;
+	const FLV_EXTENSIONS = /\.(flv)($|\?)/i;
+	const canPlayFile = (url) => {
+	  if (url instanceof Array) {
+	    for (const item of url) {
+	      if (typeof item === "string" && canPlayFile(item)) {
+	        return true;
+	      }
+	      if (canPlayFile(item.src)) {
+	        return true;
+	      }
+	    }
+	    return false;
+	  }
+	  if ((0, import_utils.isMediaStream)(url) || (0, import_utils.isBlobUrl)(url)) {
+	    return true;
+	  }
+	  return AUDIO_EXTENSIONS.test(url) || VIDEO_EXTENSIONS.test(url) || HLS_EXTENSIONS.test(url) || DASH_EXTENSIONS.test(url) || FLV_EXTENSIONS.test(url);
+	};
+	const canPlay = {
+	  youtube: (url) => {
+	    if (url instanceof Array) {
+	      return url.every((item) => MATCH_URL_YOUTUBE.test(item));
+	    }
+	    return MATCH_URL_YOUTUBE.test(url);
+	  },
+	  soundcloud: (url) => MATCH_URL_SOUNDCLOUD.test(url) && !AUDIO_EXTENSIONS.test(url),
+	  vimeo: (url) => MATCH_URL_VIMEO.test(url) && !VIDEO_EXTENSIONS.test(url) && !HLS_EXTENSIONS.test(url),
+	  mux: (url) => MATCH_URL_MUX.test(url),
+	  facebook: (url) => MATCH_URL_FACEBOOK.test(url) || MATCH_URL_FACEBOOK_WATCH.test(url),
+	  streamable: (url) => MATCH_URL_STREAMABLE.test(url),
+	  wistia: (url) => MATCH_URL_WISTIA.test(url),
+	  twitch: (url) => MATCH_URL_TWITCH_VIDEO.test(url) || MATCH_URL_TWITCH_CHANNEL.test(url),
+	  dailymotion: (url) => MATCH_URL_DAILYMOTION.test(url),
+	  mixcloud: (url) => MATCH_URL_MIXCLOUD.test(url),
+	  vidyard: (url) => MATCH_URL_VIDYARD.test(url),
+	  kaltura: (url) => MATCH_URL_KALTURA.test(url),
+	  file: canPlayFile
+	};
+	return patterns;
+}
+
+var YouTube_1;
+var hasRequiredYouTube;
+
+function requireYouTube () {
+	if (hasRequiredYouTube) return YouTube_1;
+	hasRequiredYouTube = 1;
+	var __create = Object.create;
+	var __defProp = Object.defineProperty;
+	var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+	var __getOwnPropNames = Object.getOwnPropertyNames;
+	var __getProtoOf = Object.getPrototypeOf;
+	var __hasOwnProp = Object.prototype.hasOwnProperty;
+	var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+	var __export = (target, all) => {
+	  for (var name in all)
+	    __defProp(target, name, { get: all[name], enumerable: true });
+	};
+	var __copyProps = (to, from, except, desc) => {
+	  if (from && typeof from === "object" || typeof from === "function") {
+	    for (let key of __getOwnPropNames(from))
+	      if (!__hasOwnProp.call(to, key) && key !== except)
+	        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+	  }
+	  return to;
+	};
+	var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+	  // If the importer is in node compatibility mode or this is not an ESM
+	  // file that has been converted to a CommonJS file using a Babel-
+	  // compatible transform (i.e. "__esModule" has not been set), then set
+	  // "default" to the CommonJS "module.exports" for node compatibility.
+	  !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+	  mod
+	));
+	var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+	var __publicField = (obj, key, value) => {
+	  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+	  return value;
+	};
+	var YouTube_exports = {};
+	__export(YouTube_exports, {
+	  default: () => YouTube
+	});
+	YouTube_1 = __toCommonJS(YouTube_exports);
+	var import_react = __toESM(React__default);
+	var import_utils = /*@__PURE__*/ requireUtils();
+	var import_patterns = /*@__PURE__*/ requirePatterns();
+	const SDK_URL = "https://www.youtube.com/iframe_api";
+	const SDK_GLOBAL = "YT";
+	const SDK_GLOBAL_READY = "onYouTubeIframeAPIReady";
+	const MATCH_PLAYLIST = /[?&](?:list|channel)=([a-zA-Z0-9_-]+)/;
+	const MATCH_USER_UPLOADS = /user\/([a-zA-Z0-9_-]+)\/?/;
+	const MATCH_NOCOOKIE = /youtube-nocookie\.com/;
+	const NOCOOKIE_HOST = "https://www.youtube-nocookie.com";
+	class YouTube extends import_react.Component {
+	  constructor() {
+	    super(...arguments);
+	    __publicField(this, "callPlayer", import_utils.callPlayer);
+	    __publicField(this, "parsePlaylist", (url) => {
+	      if (url instanceof Array) {
+	        return {
+	          listType: "playlist",
+	          playlist: url.map(this.getID).join(",")
+	        };
+	      }
+	      if (MATCH_PLAYLIST.test(url)) {
+	        const [, playlistId] = url.match(MATCH_PLAYLIST);
+	        return {
+	          listType: "playlist",
+	          list: playlistId.replace(/^UC/, "UU")
+	        };
+	      }
+	      if (MATCH_USER_UPLOADS.test(url)) {
+	        const [, username] = url.match(MATCH_USER_UPLOADS);
+	        return {
+	          listType: "user_uploads",
+	          list: username
+	        };
+	      }
+	      return {};
+	    });
+	    __publicField(this, "onStateChange", (event) => {
+	      const { data } = event;
+	      const { onPlay, onPause, onBuffer, onBufferEnd, onEnded, onReady, loop, config: { playerVars, onUnstarted } } = this.props;
+	      const { UNSTARTED, PLAYING, PAUSED, BUFFERING, ENDED, CUED } = window[SDK_GLOBAL].PlayerState;
+	      if (data === UNSTARTED)
+	        onUnstarted();
+	      if (data === PLAYING) {
+	        onPlay();
+	        onBufferEnd();
+	      }
+	      if (data === PAUSED)
+	        onPause();
+	      if (data === BUFFERING)
+	        onBuffer();
+	      if (data === ENDED) {
+	        const isPlaylist = !!this.callPlayer("getPlaylist");
+	        if (loop && !isPlaylist) {
+	          if (playerVars.start) {
+	            this.seekTo(playerVars.start);
+	          } else {
+	            this.play();
+	          }
+	        }
+	        onEnded();
+	      }
+	      if (data === CUED)
+	        onReady();
+	    });
+	    __publicField(this, "mute", () => {
+	      this.callPlayer("mute");
+	    });
+	    __publicField(this, "unmute", () => {
+	      this.callPlayer("unMute");
+	    });
+	    __publicField(this, "ref", (container) => {
+	      this.container = container;
+	    });
+	  }
+	  componentDidMount() {
+	    this.props.onMount && this.props.onMount(this);
+	  }
+	  getID(url) {
+	    if (!url || url instanceof Array || MATCH_PLAYLIST.test(url)) {
+	      return null;
+	    }
+	    return url.match(import_patterns.MATCH_URL_YOUTUBE)[1];
+	  }
+	  load(url, isReady) {
+	    const { playing, muted, playsinline, controls, loop, config, onError } = this.props;
+	    const { playerVars, embedOptions } = config;
+	    const id = this.getID(url);
+	    if (isReady) {
+	      if (MATCH_PLAYLIST.test(url) || MATCH_USER_UPLOADS.test(url) || url instanceof Array) {
+	        this.player.loadPlaylist(this.parsePlaylist(url));
+	        return;
+	      }
+	      this.player.cueVideoById({
+	        videoId: id,
+	        startSeconds: (0, import_utils.parseStartTime)(url) || playerVars.start,
+	        endSeconds: (0, import_utils.parseEndTime)(url) || playerVars.end
+	      });
+	      return;
+	    }
+	    (0, import_utils.getSDK)(SDK_URL, SDK_GLOBAL, SDK_GLOBAL_READY, (YT) => YT.loaded).then((YT) => {
+	      if (!this.container)
+	        return;
+	      this.player = new YT.Player(this.container, {
+	        width: "100%",
+	        height: "100%",
+	        videoId: id,
+	        playerVars: {
+	          autoplay: playing ? 1 : 0,
+	          mute: muted ? 1 : 0,
+	          controls: controls ? 1 : 0,
+	          start: (0, import_utils.parseStartTime)(url),
+	          end: (0, import_utils.parseEndTime)(url),
+	          origin: window.location.origin,
+	          playsinline: playsinline ? 1 : 0,
+	          ...this.parsePlaylist(url),
+	          ...playerVars
+	        },
+	        events: {
+	          onReady: () => {
+	            if (loop) {
+	              this.player.setLoop(true);
+	            }
+	            this.props.onReady();
+	          },
+	          onPlaybackRateChange: (event) => this.props.onPlaybackRateChange(event.data),
+	          onPlaybackQualityChange: (event) => this.props.onPlaybackQualityChange(event),
+	          onStateChange: this.onStateChange,
+	          onError: (event) => onError(event.data)
+	        },
+	        host: MATCH_NOCOOKIE.test(url) ? NOCOOKIE_HOST : void 0,
+	        ...embedOptions
+	      });
+	    }, onError);
+	    if (embedOptions.events) {
+	      console.warn("Using `embedOptions.events` will likely break things. Use ReactPlayer\u2019s callback props instead, eg onReady, onPlay, onPause");
+	    }
+	  }
+	  play() {
+	    this.callPlayer("playVideo");
+	  }
+	  pause() {
+	    this.callPlayer("pauseVideo");
+	  }
+	  stop() {
+	    if (!document.body.contains(this.callPlayer("getIframe")))
+	      return;
+	    this.callPlayer("stopVideo");
+	  }
+	  seekTo(amount, keepPlaying = false) {
+	    this.callPlayer("seekTo", amount);
+	    if (!keepPlaying && !this.props.playing) {
+	      this.pause();
+	    }
+	  }
+	  setVolume(fraction) {
+	    this.callPlayer("setVolume", fraction * 100);
+	  }
+	  setPlaybackRate(rate) {
+	    this.callPlayer("setPlaybackRate", rate);
+	  }
+	  setLoop(loop) {
+	    this.callPlayer("setLoop", loop);
+	  }
+	  getDuration() {
+	    return this.callPlayer("getDuration");
+	  }
+	  getCurrentTime() {
+	    return this.callPlayer("getCurrentTime");
+	  }
+	  getSecondsLoaded() {
+	    return this.callPlayer("getVideoLoadedFraction") * this.getDuration();
+	  }
+	  render() {
+	    const { display } = this.props;
+	    const style = {
+	      width: "100%",
+	      height: "100%",
+	      display
+	    };
+	    return /* @__PURE__ */ import_react.default.createElement("div", { style }, /* @__PURE__ */ import_react.default.createElement("div", { ref: this.ref }));
+	  }
+	}
+	__publicField(YouTube, "displayName", "YouTube");
+	__publicField(YouTube, "canPlay", import_patterns.canPlay.youtube);
+	return YouTube_1;
+}
+
+var youtube;
+var hasRequiredYoutube;
+
+function requireYoutube () {
+	if (hasRequiredYoutube) return youtube;
+	hasRequiredYoutube = 1;
+	var createReactPlayer = /*@__PURE__*/ requireReactPlayer().createReactPlayer;
+	      var Player = /*@__PURE__*/ requireYouTube().default;
+	      youtube = createReactPlayer([{
+	        key: 'youtube',
+	        canPlay: Player.canPlay,
+	        lazyPlayer: Player
+	      }]);
+	return youtube;
+}
+
+var youtubeExports = /*@__PURE__*/ requireYoutube();
+var ReactPlayerYoutube = /*@__PURE__*/getDefaultExportFromCjs(youtubeExports);
+
+var Vimeo_1;
+var hasRequiredVimeo$1;
+
+function requireVimeo$1 () {
+	if (hasRequiredVimeo$1) return Vimeo_1;
+	hasRequiredVimeo$1 = 1;
+	var __create = Object.create;
+	var __defProp = Object.defineProperty;
+	var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+	var __getOwnPropNames = Object.getOwnPropertyNames;
+	var __getProtoOf = Object.getPrototypeOf;
+	var __hasOwnProp = Object.prototype.hasOwnProperty;
+	var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+	var __export = (target, all) => {
+	  for (var name in all)
+	    __defProp(target, name, { get: all[name], enumerable: true });
+	};
+	var __copyProps = (to, from, except, desc) => {
+	  if (from && typeof from === "object" || typeof from === "function") {
+	    for (let key of __getOwnPropNames(from))
+	      if (!__hasOwnProp.call(to, key) && key !== except)
+	        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+	  }
+	  return to;
+	};
+	var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+	  // If the importer is in node compatibility mode or this is not an ESM
+	  // file that has been converted to a CommonJS file using a Babel-
+	  // compatible transform (i.e. "__esModule" has not been set), then set
+	  // "default" to the CommonJS "module.exports" for node compatibility.
+	  !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+	  mod
+	));
+	var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+	var __publicField = (obj, key, value) => {
+	  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+	  return value;
+	};
+	var Vimeo_exports = {};
+	__export(Vimeo_exports, {
+	  default: () => Vimeo
+	});
+	Vimeo_1 = __toCommonJS(Vimeo_exports);
+	var import_react = __toESM(React__default);
+	var import_utils = /*@__PURE__*/ requireUtils();
+	var import_patterns = /*@__PURE__*/ requirePatterns();
+	const SDK_URL = "https://player.vimeo.com/api/player.js";
+	const SDK_GLOBAL = "Vimeo";
+	const cleanUrl = (url) => {
+	  return url.replace("/manage/videos", "");
+	};
+	class Vimeo extends import_react.Component {
+	  constructor() {
+	    super(...arguments);
+	    // Prevent checking isLoading when URL changes
+	    __publicField(this, "callPlayer", import_utils.callPlayer);
+	    __publicField(this, "duration", null);
+	    __publicField(this, "currentTime", null);
+	    __publicField(this, "secondsLoaded", null);
+	    __publicField(this, "mute", () => {
+	      this.setMuted(true);
+	    });
+	    __publicField(this, "unmute", () => {
+	      this.setMuted(false);
+	    });
+	    __publicField(this, "ref", (container) => {
+	      this.container = container;
+	    });
+	  }
+	  componentDidMount() {
+	    this.props.onMount && this.props.onMount(this);
+	  }
+	  load(url) {
+	    this.duration = null;
+	    (0, import_utils.getSDK)(SDK_URL, SDK_GLOBAL).then((Vimeo2) => {
+	      if (!this.container)
+	        return;
+	      const { playerOptions, title } = this.props.config;
+	      this.player = new Vimeo2.Player(this.container, {
+	        url: cleanUrl(url),
+	        autoplay: this.props.playing,
+	        muted: this.props.muted,
+	        loop: this.props.loop,
+	        playsinline: this.props.playsinline,
+	        controls: this.props.controls,
+	        ...playerOptions
+	      });
+	      this.player.ready().then(() => {
+	        const iframe = this.container.querySelector("iframe");
+	        iframe.style.width = "100%";
+	        iframe.style.height = "100%";
+	        if (title) {
+	          iframe.title = title;
+	        }
+	      }).catch(this.props.onError);
+	      this.player.on("loaded", () => {
+	        this.props.onReady();
+	        this.refreshDuration();
+	      });
+	      this.player.on("play", () => {
+	        this.props.onPlay();
+	        this.refreshDuration();
+	      });
+	      this.player.on("pause", this.props.onPause);
+	      this.player.on("seeked", (e) => this.props.onSeek(e.seconds));
+	      this.player.on("ended", this.props.onEnded);
+	      this.player.on("error", this.props.onError);
+	      this.player.on("timeupdate", ({ seconds }) => {
+	        this.currentTime = seconds;
+	      });
+	      this.player.on("progress", ({ seconds }) => {
+	        this.secondsLoaded = seconds;
+	      });
+	      this.player.on("bufferstart", this.props.onBuffer);
+	      this.player.on("bufferend", this.props.onBufferEnd);
+	      this.player.on("playbackratechange", (e) => this.props.onPlaybackRateChange(e.playbackRate));
+	    }, this.props.onError);
+	  }
+	  refreshDuration() {
+	    this.player.getDuration().then((duration) => {
+	      this.duration = duration;
+	    });
+	  }
+	  play() {
+	    const promise = this.callPlayer("play");
+	    if (promise) {
+	      promise.catch(this.props.onError);
+	    }
+	  }
+	  pause() {
+	    this.callPlayer("pause");
+	  }
+	  stop() {
+	    this.callPlayer("unload");
+	  }
+	  seekTo(seconds, keepPlaying = true) {
+	    this.callPlayer("setCurrentTime", seconds);
+	    if (!keepPlaying) {
+	      this.pause();
+	    }
+	  }
+	  setVolume(fraction) {
+	    this.callPlayer("setVolume", fraction);
+	  }
+	  setMuted(muted) {
+	    this.callPlayer("setMuted", muted);
+	  }
+	  setLoop(loop) {
+	    this.callPlayer("setLoop", loop);
+	  }
+	  setPlaybackRate(rate) {
+	    this.callPlayer("setPlaybackRate", rate);
+	  }
+	  getDuration() {
+	    return this.duration;
+	  }
+	  getCurrentTime() {
+	    return this.currentTime;
+	  }
+	  getSecondsLoaded() {
+	    return this.secondsLoaded;
+	  }
+	  render() {
+	    const { display } = this.props;
+	    const style = {
+	      width: "100%",
+	      height: "100%",
+	      overflow: "hidden",
+	      display
+	    };
+	    return /* @__PURE__ */ import_react.default.createElement(
+	      "div",
+	      {
+	        key: this.props.url,
+	        ref: this.ref,
+	        style
+	      }
+	    );
+	  }
+	}
+	__publicField(Vimeo, "displayName", "Vimeo");
+	__publicField(Vimeo, "canPlay", import_patterns.canPlay.vimeo);
+	__publicField(Vimeo, "forceLoad", true);
+	return Vimeo_1;
+}
+
+var vimeo;
+var hasRequiredVimeo;
+
+function requireVimeo () {
+	if (hasRequiredVimeo) return vimeo;
+	hasRequiredVimeo = 1;
+	var createReactPlayer = /*@__PURE__*/ requireReactPlayer().createReactPlayer;
+	      var Player = /*@__PURE__*/ requireVimeo$1().default;
+	      vimeo = createReactPlayer([{
+	        key: 'vimeo',
+	        canPlay: Player.canPlay,
+	        lazyPlayer: Player
+	      }]);
+	return vimeo;
+}
+
+var vimeoExports = /*@__PURE__*/ requireVimeo();
+var ReactPlayerVimeo = /*@__PURE__*/getDefaultExportFromCjs(vimeoExports);
+
+/**
+ * Use `VideoPlayer` to embed videos from YouTube or Vimeo.
+ */
+var VideoPlayer = function (_a) {
+    var title = _a.title, description = _a.description, transcriptLink = _a.transcriptLink, transcriptContent = _a.transcriptContent, light = _a.light, url = _a.url, onReady = _a.onReady, onPlay = _a.onPlay, onStart = _a.onStart, onPause = _a.onPause, onError = _a.onError, onEnded = _a.onEnded, _b = _a.isBorderRadius, isBorderRadius = _b === void 0 ? false : _b, _c = _a.isSupportingTextHidden, isSupportingTextHidden = _c === void 0 ? false : _c, _d = _a.titleWordWrap, titleWordWrap = _d === void 0 ? false : _d, props = __rest(_a, ["title", "description", "transcriptLink", "transcriptContent", "light", "url", "onReady", "onPlay", "onStart", "onPause", "onError", "onEnded", "isBorderRadius", "isSupportingTextHidden", "titleWordWrap"]);
+    var TextWrapper = isSupportingTextHidden ? VisuallyHidden : "div";
+    var isVimeo = new URL(url).hostname.includes("vimeo");
+    var _e = useState(false), isClient = _e[0], setIsClient = _e[1];
+    // https://nextjs.org/docs/messages/react-hydration-error#solution-1-using-useeffect-to-run-on-the-client-only
+    useEffect(function () {
+        setIsClient(true);
+    }, []);
+    var playerProps = {
+        url: url,
+        light: light,
+        onReady: onReady,
+        onPlay: onPlay,
+        onStart: onStart,
+        onPause: onPause,
+        onError: onError,
+        onEnded: onEnded,
+        playIcon: (React__default.createElement("div", { className: "arc-VideoPlayer-iconContainer" },
+            React__default.createElement("div", { className: "arc-VideoPlayer-icon" },
+                React__default.createElement(ThemeIcon, { icon: "videoPlayerPlay" })))),
+        playing: Boolean(light),
+        controls: true,
+        className: "arc-VideoPlayer",
+        width: "100%",
+        height: "100%",
+    };
+    return (React__default.createElement("div", __assign({}, filterAttrs(props)),
+        React__default.createElement("div", { "data-testid": "arc-video-player", className: classNames("arc-VideoPlayer-wrapper", {
+                "arc-VideoPlayer-wrapper--borderRadius": isBorderRadius,
+            }) }, isVimeo
+            ? isClient && React__default.createElement(ReactPlayerVimeo, __assign({}, playerProps))
+            : isClient && React__default.createElement(ReactPlayerYoutube, __assign({}, playerProps))),
+        React__default.createElement(TextWrapper, null,
+            React__default.createElement(VerticalSpace, { size: "24" }),
+            React__default.createElement(Heading, { level: "3", size: "s", isWordWrap: titleWordWrap }, title),
+            React__default.createElement(VerticalSpace, { size: "8" }),
+            React__default.createElement(Text, null, description)),
+        transcriptLink && (React__default.createElement(React__default.Fragment, null,
+            React__default.createElement(VerticalSpace, { size: "24" }),
+            React__default.createElement(Download, { isCompact: true, icon: "downloadAccessibility", href: transcriptLink.url, name: transcriptLink.text, type: transcriptLink.format, size: transcriptLink.fileSize }))),
+        transcriptContent && (React__default.createElement(React__default.Fragment, null,
+            React__default.createElement(VerticalSpace, { size: "24" }),
+            React__default.createElement(DisclosureMini, { summary: "Audio Described Transcript" },
+                React__default.createElement(VerticalSpace, { size: "8" }),
+                React__default.createElement(Heading, null, transcriptContent.heading.toUpperCase()),
+                React__default.createElement(VerticalSpace, { size: "32" }),
+                React__default.createElement(Text, null, transcriptContent.description),
+                React__default.createElement(VerticalSpace, { size: "24" }),
+                transcriptContent.content.map(function (_a, i) {
+                    var heading = _a.heading, text = _a.text;
+                    return (React__default.createElement("div", { key: "".concat(text, "-").concat(i) },
+                        React__default.createElement(VerticalSpace, { size: "24" }),
+                        heading && (React__default.createElement(React__default.Fragment, null,
+                            React__default.createElement(Heading, { isInline: true }, heading === null || heading === void 0 ? void 0 : heading.toUpperCase()),
+                            "\u00A0")),
+                        React__default.createElement(Text, { isInline: true }, text)));
+                }))))));
+};
+
+export { VideoPlayer as V };