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. isNodeMode || !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 }); module.exports = __toCommonJS(ReactPlayer_exports); var import_react = __toESM(require("react")); var import_deepmerge = __toESM(require("deepmerge")); var import_memoize_one = __toESM(require("memoize-one")); var import_react_fast_compare = __toESM(require("react-fast-compare")); var import_props = require("./props"); var import_utils = require("./utils"); var import_Player = __toESM(require("./Player")); const Preview = (0, import_utils.lazy)(() => import( /* webpackChunkName: 'reactPlayerPreview' */ "./Preview" )); const IS_BROWSER = typeof window !== "undefined" && window.document && typeof document !== "undefined"; const IS_GLOBAL = typeof global !== "undefined" && global.window && global.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; };