stormcloud-video-player 0.8.59 → 0.8.60

package/lib/Player.cjs

@@ -0,0 +1,548 @@
+"use strict";
+function _assert_this_initialized(self) {
+    if (self === void 0) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+    return self;
+}
+function _call_super(_this, derived, args) {
+    derived = _get_prototype_of(derived);
+    return _possible_constructor_return(_this, _is_native_reflect_construct() ? Reflect.construct(derived, args || [], _get_prototype_of(_this).constructor) : derived.apply(_this, args));
+}
+function _class_call_check(instance, Constructor) {
+    if (!(instance instanceof Constructor)) throw new TypeError("Cannot call a class as a function");
+}
+function _defineProperties(target, props) {
+    for(var i = 0; i < props.length; i++){
+        var descriptor = props[i];
+        descriptor.enumerable = descriptor.enumerable || false;
+        descriptor.configurable = true;
+        if ("value" in descriptor) descriptor.writable = true;
+        Object.defineProperty(target, descriptor.key, descriptor);
+    }
+}
+function _create_class(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+    if (staticProps) _defineProperties(Constructor, staticProps);
+    return Constructor;
+}
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else obj[key] = value;
+    return obj;
+}
+function _get_prototype_of(o) {
+    _get_prototype_of = Object.setPrototypeOf ? Object.getPrototypeOf : function getPrototypeOf(o) {
+        return o.__proto__ || Object.getPrototypeOf(o);
+    };
+    return _get_prototype_of(o);
+}
+function _inherits(subClass, superClass) {
+    if (typeof superClass !== "function" && superClass !== null) {
+        throw new TypeError("Super expression must either be null or a function");
+    }
+    subClass.prototype = Object.create(superClass && superClass.prototype, {
+        constructor: {
+            value: subClass,
+            writable: true,
+            configurable: true
+        }
+    });
+    if (superClass) _set_prototype_of(subClass, superClass);
+}
+function _instanceof(left, right) {
+    "@swc/helpers - instanceof";
+    if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) {
+        return !!right[Symbol.hasInstance](left);
+    } else return left instanceof right;
+}
+function _is_native_reflect_construct() {
+    try {
+        var result = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {}));
+    } catch (_) {}
+    return (_is_native_reflect_construct = function() {
+        return !!result;
+    })();
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+function _possible_constructor_return(self, call) {
+    if (call && (_type_of(call) === "object" || typeof call === "function")) return call;
+    return _assert_this_initialized(self);
+}
+function _set_prototype_of(o, p) {
+    _set_prototype_of = Object.setPrototypeOf || function setPrototypeOf(o, p) {
+        o.__proto__ = p;
+        return o;
+    };
+    return _set_prototype_of(o, p);
+}
+function _type_of(obj) {
+    "@swc/helpers - typeof";
+    return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
+}
+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 = function __export(target, all) {
+    for(var name in all)__defProp(target, name, {
+        get: all[name],
+        enumerable: true
+    });
+};
+var __copyProps = function __copyProps(to, from, except, desc) {
+    if (from && (typeof from === "undefined" ? "undefined" : _type_of(from)) === "object" || typeof from === "function") {
+        var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
+        try {
+            var _loop = function() {
+                var key = _step.value;
+                if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+                    get: function get() {
+                        return from[key];
+                    },
+                    enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+                });
+            };
+            for(var _iterator = __getOwnPropNames(from)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true)_loop();
+        } catch (err) {
+            _didIteratorError = true;
+            _iteratorError = err;
+        } finally{
+            try {
+                if (!_iteratorNormalCompletion && _iterator.return != null) {
+                    _iterator.return();
+                }
+            } finally{
+                if (_didIteratorError) {
+                    throw _iteratorError;
+                }
+            }
+        }
+    }
+    return to;
+};
+var __toESM = function __toESM(mod, isNodeMode, target) {
+    return 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 = function __toCommonJS(mod) {
+    return __copyProps(__defProp({}, "__esModule", {
+        value: true
+    }), mod);
+};
+// src/Player.tsx
+var Player_exports = {};
+__export(Player_exports, {
+    default: function _default() {
+        return Player;
+    }
+});
+module.exports = __toCommonJS(Player_exports);
+var import_react2 = __toESM(require("react"), 1);
+// src/sdk/hlsAdPlayer.ts
+var import_hls = __toESM(require("hls.js"), 1);
+// src/utils/trackingIngest.ts
+var DEFAULT_TRACKING_INGEST_CONFIG = {
+    enabled: true,
+    baseUrl: "https://player-analytics-ingest-api-760490581852.us-central1.run.app/api/adstorm/player-tracking"
+};
+var trackingIngestConfig = _object_spread({}, DEFAULT_TRACKING_INGEST_CONFIG);
+// src/utils/vastEnvironmentSignals.ts
+var DEVICE_TYPE_HINT = {
+    FEATURE_PHONE: 1,
+    SMARTPHONE: 2,
+    DESKTOP: 3,
+    TABLET: 4,
+    CONNECTED_TV: 5,
+    GAME_CONSOLE: 6,
+    SET_TOP_BOX: 7
+};
+var DEVICE_TYPE_HINT_ALIASES = {
+    featurephone: DEVICE_TYPE_HINT.FEATURE_PHONE,
+    smartphone: DEVICE_TYPE_HINT.SMARTPHONE,
+    mobile: DEVICE_TYPE_HINT.SMARTPHONE,
+    phone: DEVICE_TYPE_HINT.SMARTPHONE,
+    desktop: DEVICE_TYPE_HINT.DESKTOP,
+    pc: DEVICE_TYPE_HINT.DESKTOP,
+    tablet: DEVICE_TYPE_HINT.TABLET,
+    ctv: DEVICE_TYPE_HINT.CONNECTED_TV,
+    tv: DEVICE_TYPE_HINT.CONNECTED_TV,
+    connectedtv: DEVICE_TYPE_HINT.CONNECTED_TV,
+    smarttv: DEVICE_TYPE_HINT.CONNECTED_TV,
+    console: DEVICE_TYPE_HINT.GAME_CONSOLE,
+    gameconsole: DEVICE_TYPE_HINT.GAME_CONSOLE,
+    stb: DEVICE_TYPE_HINT.SET_TOP_BOX,
+    settopbox: DEVICE_TYPE_HINT.SET_TOP_BOX
+};
+var PERSISTENT_ID_COOKIE_MAX_AGE = 60 * 60 * 24 * 365 * 5;
+// src/player/HlsEngine.ts
+var import_hls2 = __toESM(require("hls.js"), 1);
+// src/props.ts
+var noop = function noop() {};
+var defaultProps = {
+    playing: false,
+    loop: false,
+    controls: true,
+    volume: 1,
+    muted: false,
+    playbackRate: 1,
+    width: "100%",
+    height: "auto",
+    style: {},
+    progressInterval: 1e3,
+    playsInline: false,
+    autoplay: false,
+    preload: "metadata",
+    poster: "",
+    className: "",
+    wrapperClassName: "",
+    wrapperStyle: {},
+    allowNativeHls: false,
+    lowLatencyMode: false,
+    driftToleranceMs: 1e3,
+    immediateManifestAds: true,
+    debugAdTiming: false,
+    showCustomControls: false,
+    hideLoadingIndicator: false,
+    licenseKey: "",
+    isVmap: false,
+    vmapUrl: "",
+    adFailsafeTimeoutMs: 1e4,
+    minSegmentsBeforePlay: 2,
+    onStart: noop,
+    onPlay: noop,
+    onPause: noop,
+    onBuffer: noop,
+    onBufferEnd: noop,
+    onEnded: noop,
+    onError: noop,
+    onDuration: noop,
+    onSeek: noop,
+    onProgress: noop,
+    onVolumeToggle: noop,
+    onFullscreenToggle: noop,
+    onControlClick: noop
+};
+// src/utils.ts
+var import_react = require("react");
+var isMediaStream = function isMediaStream(url) {
+    return typeof window !== "undefined" && window.MediaStream && _instanceof(url, window.MediaStream);
+};
+var IS_BROWSER = typeof window !== "undefined" && window.document;
+var IS_GLOBAL = typeof globalThis !== "undefined" && globalThis.window && globalThis.window.document;
+var IS_IOS = IS_BROWSER && /iPad|iPhone|iPod/.test(navigator.userAgent);
+var IS_SAFARI = IS_BROWSER && /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
+// src/Player.tsx
+var SEEK_ON_PLAY_EXPIRY = 5e3;
+var Player = /*#__PURE__*/ function(_import_react2_Component) {
+    _inherits(Player, _import_react2_Component);
+    function Player() {
+        _class_call_check(this, Player);
+        var _this;
+        _this = _call_super(this, Player, arguments);
+        _this.mounted = false;
+        _this.isReady = false;
+        _this.isPlaying = false;
+        _this.isLoading = true;
+        _this.loadOnReady = null;
+        _this.startOnPlay = true;
+        _this.seekOnPlay = null;
+        _this.onDurationCalled = false;
+        _this.handlePlayerMount = function(player) {
+            if (_this.player) {
+                _this.progress();
+                return;
+            }
+            _this.player = player;
+            _this.player.load(_this.props.src);
+            _this.progress();
+        };
+        _this.getInternalPlayer = function(key) {
+            if (!_this.player) return null;
+            return _this.player.getInternalPlayer(key);
+        };
+        _this.progress = function() {
+            if (_this.props.src && _this.player && _this.isReady) {
+                var playedSeconds = _this.getCurrentTime() || 0;
+                var loadedSeconds = _this.getSecondsLoaded();
+                var duration = _this.getDuration();
+                if (duration) {
+                    var progress = {
+                        playedSeconds: playedSeconds,
+                        played: playedSeconds / duration,
+                        loaded: 0,
+                        loadedSeconds: 0
+                    };
+                    if (loadedSeconds !== null) {
+                        progress.loadedSeconds = loadedSeconds;
+                        progress.loaded = loadedSeconds / duration;
+                    }
+                    if (progress.playedSeconds !== _this.prevPlayed || progress.loadedSeconds !== _this.prevLoaded) {
+                        var _this_props_onProgress, _this_props;
+                        (_this_props_onProgress = (_this_props = _this.props).onProgress) === null || _this_props_onProgress === void 0 ? void 0 : _this_props_onProgress.call(_this_props, progress);
+                    }
+                    _this.prevPlayed = progress.playedSeconds;
+                    _this.prevLoaded = progress.loadedSeconds;
+                }
+            }
+            _this.progressTimeout = window.setTimeout(_this.progress, _this.props.progressInterval || 1e3);
+        };
+        _this.handleReady = function() {
+            if (!_this.mounted) return;
+            _this.isReady = true;
+            _this.isLoading = false;
+            var _this_props = _this.props, onReady = _this_props.onReady, playing = _this_props.playing, volume = _this_props.volume, muted = _this_props.muted;
+            onReady();
+            if (!muted && volume !== null) {
+                _this.player.setVolume(volume);
+            }
+            if (_this.loadOnReady) {
+                _this.player.load(_this.loadOnReady, true);
+                _this.loadOnReady = null;
+            } else if (playing) {
+                _this.player.play();
+            }
+            _this.handleDurationCheck();
+        };
+        _this.handlePlay = function() {
+            _this.isPlaying = true;
+            _this.isLoading = false;
+            var _this_props = _this.props, onStart = _this_props.onStart, onPlay = _this_props.onPlay, playbackRate = _this_props.playbackRate;
+            if (_this.startOnPlay) {
+                if (_this.player.setPlaybackRate && playbackRate !== 1) {
+                    _this.player.setPlaybackRate(playbackRate);
+                }
+                onStart === null || onStart === void 0 ? void 0 : onStart();
+                _this.startOnPlay = false;
+            }
+            onPlay === null || onPlay === void 0 ? void 0 : onPlay();
+            if (_this.seekOnPlay) {
+                _this.seekTo(_this.seekOnPlay);
+                _this.seekOnPlay = null;
+            }
+            _this.handleDurationCheck();
+        };
+        _this.handlePause = function(e) {
+            _this.isPlaying = false;
+            if (!_this.isLoading) {
+                var _this_props_onPause, _this_props;
+                (_this_props_onPause = (_this_props = _this.props).onPause) === null || _this_props_onPause === void 0 ? void 0 : _this_props_onPause.call(_this_props, e);
+            }
+        };
+        _this.handleEnded = function() {
+            var _this_props = _this.props, activePlayer = _this_props.activePlayer, loop = _this_props.loop, onEnded = _this_props.onEnded;
+            if (activePlayer.loopOnEnded && loop) {
+                _this.seekTo(0);
+            }
+            if (!loop) {
+                _this.isPlaying = false;
+                onEnded === null || onEnded === void 0 ? void 0 : onEnded();
+            }
+        };
+        _this.handleError = function() {
+            for(var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++){
+                args[_key] = arguments[_key];
+            }
+            var _this_props_onError, _this_props;
+            _this.isLoading = false;
+            (_this_props_onError = (_this_props = _this.props).onError) === null || _this_props_onError === void 0 ? void 0 : _this_props_onError.call(_this_props, args[0], args[1], args[2], args[3]);
+        };
+        _this.handleDurationCheck = function() {
+            clearTimeout(_this.durationCheckTimeout);
+            var duration = _this.getDuration();
+            if (duration) {
+                if (!_this.onDurationCalled) {
+                    var _this_props_onDuration, _this_props;
+                    (_this_props_onDuration = (_this_props = _this.props).onDuration) === null || _this_props_onDuration === void 0 ? void 0 : _this_props_onDuration.call(_this_props, duration);
+                    _this.onDurationCalled = true;
+                }
+            } else {
+                _this.durationCheckTimeout = window.setTimeout(_this.handleDurationCheck, 100);
+            }
+        };
+        _this.handleLoaded = function() {
+            _this.isLoading = false;
+        };
+        return _this;
+    }
+    _create_class(Player, [
+        {
+            key: "componentDidMount",
+            value: function componentDidMount() {
+                this.mounted = true;
+            }
+        },
+        {
+            key: "componentWillUnmount",
+            value: function componentWillUnmount() {
+                clearTimeout(this.progressTimeout);
+                clearTimeout(this.durationCheckTimeout);
+                this.mounted = false;
+            }
+        },
+        {
+            key: "componentDidUpdate",
+            value: function componentDidUpdate(prevProps) {
+                var _this = this;
+                if (!this.player) return;
+                var _this_props = this.props, src = _this_props.src, playing = _this_props.playing, volume = _this_props.volume, muted = _this_props.muted, playbackRate = _this_props.playbackRate, loop = _this_props.loop, activePlayer = _this_props.activePlayer;
+                if (prevProps.src !== src) {
+                    if (this.isLoading && !activePlayer.forceLoad && !isMediaStream(src)) {
+                        console.warn("StormcloudPlayer: the attempt to load ".concat(src, " is being deferred until the player has loaded"));
+                        this.loadOnReady = src || null;
+                        return;
+                    }
+                    this.isLoading = true;
+                    this.startOnPlay = true;
+                    this.onDurationCalled = false;
+                    this.player.load(src, this.isReady);
+                }
+                if (!prevProps.playing && playing && !this.isPlaying) {
+                    this.player.play();
+                }
+                if (prevProps.playing && !playing && this.isPlaying) {
+                    this.player.pause();
+                }
+                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(function() {
+                                return _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);
+                }
+            }
+        },
+        {
+            key: "getDuration",
+            value: function getDuration() {
+                if (!this.isReady) return null;
+                return this.player.getDuration();
+            }
+        },
+        {
+            key: "getCurrentTime",
+            value: function getCurrentTime() {
+                if (!this.isReady) return null;
+                return this.player.getCurrentTime();
+            }
+        },
+        {
+            key: "getSecondsLoaded",
+            value: function getSecondsLoaded() {
+                if (!this.isReady) return null;
+                return this.player.getSecondsLoaded();
+            }
+        },
+        {
+            key: "seekTo",
+            value: function seekTo(amount, type, keepPlaying) {
+                var _this = this;
+                if (!this.isReady) {
+                    if (amount !== 0) {
+                        this.seekOnPlay = amount;
+                        setTimeout(function() {
+                            _this.seekOnPlay = null;
+                        }, SEEK_ON_PLAY_EXPIRY);
+                    }
+                    return;
+                }
+                var isFraction = !type ? amount > 0 && amount < 1 : type === "fraction";
+                if (isFraction) {
+                    var duration = this.player.getDuration();
+                    if (!duration) {
+                        console.warn("StormcloudPlayer: could not seek using fraction \u2013 duration not yet available");
+                        return;
+                    }
+                    this.player.seekTo(duration * amount, keepPlaying);
+                    return;
+                }
+                this.player.seekTo(amount, keepPlaying);
+            }
+        },
+        {
+            key: "render",
+            value: function render() {
+                var Player2 = this.props.activePlayer;
+                if (!Player2) {
+                    return null;
+                }
+                return import_react2.default.createElement(Player2, _object_spread_props(_object_spread({}, this.props), {
+                    onMount: this.handlePlayerMount,
+                    onReady: this.handleReady,
+                    onPlay: this.handlePlay,
+                    onPause: this.handlePause,
+                    onEnded: this.handleEnded,
+                    onLoaded: this.handleLoaded,
+                    onError: this.handleError
+                }));
+            }
+        }
+    ]);
+    return Player;
+}(import_react2.Component);
+Player.displayName = "Player";
+Player.defaultProps = defaultProps;
+//# sourceMappingURL=Player.cjs.map

package/lib/Player.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["d:\\project\\stormcloud-vp\\lib\\Player.cjs"],"names":[],"mappings":"AAAA","sourcesContent":["\"use strict\";\nvar __create = Object.create;\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __getProtoOf = Object.getPrototypeOf;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(\n  // If the importer is in node compatibility mode or this is not an ESM\n  // file that has been converted to a CommonJS file using a Babel-\n  // compatible transform (i.e. \"__esModule\" has not been set), then set\n  // \"default\" to the CommonJS \"module.exports\" for node compatibility.\n  isNodeMode || !mod || !mod.__esModule ? __defProp(target, \"default\", { value: mod, enumerable: true }) : target,\n  mod\n));\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\n\n// src/Player.tsx\nvar Player_exports = {};\n__export(Player_exports, {\n  default: () => Player\n});\nmodule.exports = __toCommonJS(Player_exports);\nvar import_react2 = __toESM(require(\"react\"), 1);\n\n// src/sdk/hlsAdPlayer.ts\nvar import_hls = __toESM(require(\"hls.js\"), 1);\n\n// src/utils/trackingIngest.ts\nvar DEFAULT_TRACKING_INGEST_CONFIG = {\n  enabled: true,\n  baseUrl: \"https://player-analytics-ingest-api-760490581852.us-central1.run.app/api/adstorm/player-tracking\"\n};\nvar trackingIngestConfig = {\n  ...DEFAULT_TRACKING_INGEST_CONFIG\n};\n\n// src/utils/vastEnvironmentSignals.ts\nvar DEVICE_TYPE_HINT = {\n  FEATURE_PHONE: 1,\n  SMARTPHONE: 2,\n  DESKTOP: 3,\n  TABLET: 4,\n  CONNECTED_TV: 5,\n  GAME_CONSOLE: 6,\n  SET_TOP_BOX: 7\n};\nvar DEVICE_TYPE_HINT_ALIASES = {\n  featurephone: DEVICE_TYPE_HINT.FEATURE_PHONE,\n  smartphone: DEVICE_TYPE_HINT.SMARTPHONE,\n  mobile: DEVICE_TYPE_HINT.SMARTPHONE,\n  phone: DEVICE_TYPE_HINT.SMARTPHONE,\n  desktop: DEVICE_TYPE_HINT.DESKTOP,\n  pc: DEVICE_TYPE_HINT.DESKTOP,\n  tablet: DEVICE_TYPE_HINT.TABLET,\n  ctv: DEVICE_TYPE_HINT.CONNECTED_TV,\n  tv: DEVICE_TYPE_HINT.CONNECTED_TV,\n  connectedtv: DEVICE_TYPE_HINT.CONNECTED_TV,\n  smarttv: DEVICE_TYPE_HINT.CONNECTED_TV,\n  console: DEVICE_TYPE_HINT.GAME_CONSOLE,\n  gameconsole: DEVICE_TYPE_HINT.GAME_CONSOLE,\n  stb: DEVICE_TYPE_HINT.SET_TOP_BOX,\n  settopbox: DEVICE_TYPE_HINT.SET_TOP_BOX\n};\nvar PERSISTENT_ID_COOKIE_MAX_AGE = 60 * 60 * 24 * 365 * 5;\n\n// src/player/HlsEngine.ts\nvar import_hls2 = __toESM(require(\"hls.js\"), 1);\n\n// src/props.ts\nvar noop = () => {\n};\nvar defaultProps = {\n  playing: false,\n  loop: false,\n  controls: true,\n  volume: 1,\n  muted: false,\n  playbackRate: 1,\n  width: \"100%\",\n  height: \"auto\",\n  style: {},\n  progressInterval: 1e3,\n  playsInline: false,\n  autoplay: false,\n  preload: \"metadata\",\n  poster: \"\",\n  className: \"\",\n  wrapperClassName: \"\",\n  wrapperStyle: {},\n  allowNativeHls: false,\n  lowLatencyMode: false,\n  driftToleranceMs: 1e3,\n  immediateManifestAds: true,\n  debugAdTiming: false,\n  showCustomControls: false,\n  hideLoadingIndicator: false,\n  licenseKey: \"\",\n  isVmap: false,\n  vmapUrl: \"\",\n  adFailsafeTimeoutMs: 1e4,\n  minSegmentsBeforePlay: 2,\n  onStart: noop,\n  onPlay: noop,\n  onPause: noop,\n  onBuffer: noop,\n  onBufferEnd: noop,\n  onEnded: noop,\n  onError: noop,\n  onDuration: noop,\n  onSeek: noop,\n  onProgress: noop,\n  onVolumeToggle: noop,\n  onFullscreenToggle: noop,\n  onControlClick: noop\n};\n\n// src/utils.ts\nvar import_react = require(\"react\");\nvar isMediaStream = (url) => {\n  return typeof window !== \"undefined\" && window.MediaStream && url instanceof window.MediaStream;\n};\nvar IS_BROWSER = typeof window !== \"undefined\" && window.document;\nvar IS_GLOBAL = typeof globalThis !== \"undefined\" && globalThis.window && globalThis.window.document;\nvar IS_IOS = IS_BROWSER && /iPad|iPhone|iPod/.test(navigator.userAgent);\nvar IS_SAFARI = IS_BROWSER && /^((?!chrome|android).)*safari/i.test(navigator.userAgent);\n\n// src/Player.tsx\nvar SEEK_ON_PLAY_EXPIRY = 5e3;\nvar Player = class extends import_react2.Component {\n  constructor() {\n    super(...arguments);\n    this.mounted = false;\n    this.isReady = false;\n    this.isPlaying = false;\n    this.isLoading = true;\n    this.loadOnReady = null;\n    this.startOnPlay = true;\n    this.seekOnPlay = null;\n    this.onDurationCalled = false;\n    this.handlePlayerMount = (player) => {\n      if (this.player) {\n        this.progress();\n        return;\n      }\n      this.player = player;\n      this.player.load(this.props.src);\n      this.progress();\n    };\n    this.getInternalPlayer = (key) => {\n      if (!this.player) return null;\n      return this.player.getInternalPlayer(key);\n    };\n    this.progress = () => {\n      if (this.props.src && this.player && this.isReady) {\n        const playedSeconds = this.getCurrentTime() || 0;\n        const loadedSeconds = this.getSecondsLoaded();\n        const duration = this.getDuration();\n        if (duration) {\n          const progress = {\n            playedSeconds,\n            played: playedSeconds / duration,\n            loaded: 0,\n            loadedSeconds: 0\n          };\n          if (loadedSeconds !== null) {\n            progress.loadedSeconds = loadedSeconds;\n            progress.loaded = loadedSeconds / duration;\n          }\n          if (progress.playedSeconds !== this.prevPlayed || progress.loadedSeconds !== this.prevLoaded) {\n            this.props.onProgress?.(progress);\n          }\n          this.prevPlayed = progress.playedSeconds;\n          this.prevLoaded = progress.loadedSeconds;\n        }\n      }\n      this.progressTimeout = window.setTimeout(\n        this.progress,\n        this.props.progressInterval || 1e3\n      );\n    };\n    this.handleReady = () => {\n      if (!this.mounted) return;\n      this.isReady = true;\n      this.isLoading = false;\n      const { onReady, playing, volume, muted } = this.props;\n      onReady();\n      if (!muted && volume !== null) {\n        this.player.setVolume(volume);\n      }\n      if (this.loadOnReady) {\n        this.player.load(this.loadOnReady, true);\n        this.loadOnReady = null;\n      } else if (playing) {\n        this.player.play();\n      }\n      this.handleDurationCheck();\n    };\n    this.handlePlay = () => {\n      this.isPlaying = true;\n      this.isLoading = false;\n      const { onStart, onPlay, playbackRate } = this.props;\n      if (this.startOnPlay) {\n        if (this.player.setPlaybackRate && playbackRate !== 1) {\n          this.player.setPlaybackRate(playbackRate);\n        }\n        onStart?.();\n        this.startOnPlay = false;\n      }\n      onPlay?.();\n      if (this.seekOnPlay) {\n        this.seekTo(this.seekOnPlay);\n        this.seekOnPlay = null;\n      }\n      this.handleDurationCheck();\n    };\n    this.handlePause = (e) => {\n      this.isPlaying = false;\n      if (!this.isLoading) {\n        this.props.onPause?.(e);\n      }\n    };\n    this.handleEnded = () => {\n      const { activePlayer, loop, onEnded } = this.props;\n      if (activePlayer.loopOnEnded && loop) {\n        this.seekTo(0);\n      }\n      if (!loop) {\n        this.isPlaying = false;\n        onEnded?.();\n      }\n    };\n    this.handleError = (...args) => {\n      this.isLoading = false;\n      this.props.onError?.(args[0], args[1], args[2], args[3]);\n    };\n    this.handleDurationCheck = () => {\n      clearTimeout(this.durationCheckTimeout);\n      const duration = this.getDuration();\n      if (duration) {\n        if (!this.onDurationCalled) {\n          this.props.onDuration?.(duration);\n          this.onDurationCalled = true;\n        }\n      } else {\n        this.durationCheckTimeout = window.setTimeout(\n          this.handleDurationCheck,\n          100\n        );\n      }\n    };\n    this.handleLoaded = () => {\n      this.isLoading = false;\n    };\n  }\n  componentDidMount() {\n    this.mounted = true;\n  }\n  componentWillUnmount() {\n    clearTimeout(this.progressTimeout);\n    clearTimeout(this.durationCheckTimeout);\n    this.mounted = false;\n  }\n  componentDidUpdate(prevProps) {\n    if (!this.player) return;\n    const { src, playing, volume, muted, playbackRate, loop, activePlayer } = this.props;\n    if (prevProps.src !== src) {\n      if (this.isLoading && !activePlayer.forceLoad && !isMediaStream(src)) {\n        console.warn(\n          `StormcloudPlayer: the attempt to load ${src} is being deferred until the player has loaded`\n        );\n        this.loadOnReady = src || null;\n        return;\n      }\n      this.isLoading = true;\n      this.startOnPlay = true;\n      this.onDurationCalled = false;\n      this.player.load(src, this.isReady);\n    }\n    if (!prevProps.playing && playing && !this.isPlaying) {\n      this.player.play();\n    }\n    if (prevProps.playing && !playing && this.isPlaying) {\n      this.player.pause();\n    }\n    if (prevProps.volume !== volume && volume !== null) {\n      this.player.setVolume(volume);\n    }\n    if (prevProps.muted !== muted) {\n      if (muted) {\n        this.player.mute();\n      } else {\n        this.player.unmute();\n        if (volume !== null) {\n          setTimeout(() => this.player.setVolume(volume));\n        }\n      }\n    }\n    if (prevProps.playbackRate !== playbackRate && this.player.setPlaybackRate) {\n      this.player.setPlaybackRate(playbackRate);\n    }\n    if (prevProps.loop !== loop && this.player.setLoop) {\n      this.player.setLoop(loop);\n    }\n  }\n  getDuration() {\n    if (!this.isReady) return null;\n    return this.player.getDuration();\n  }\n  getCurrentTime() {\n    if (!this.isReady) return null;\n    return this.player.getCurrentTime();\n  }\n  getSecondsLoaded() {\n    if (!this.isReady) return null;\n    return this.player.getSecondsLoaded();\n  }\n  seekTo(amount, type, keepPlaying) {\n    if (!this.isReady) {\n      if (amount !== 0) {\n        this.seekOnPlay = amount;\n        setTimeout(() => {\n          this.seekOnPlay = null;\n        }, SEEK_ON_PLAY_EXPIRY);\n      }\n      return;\n    }\n    const isFraction = !type ? amount > 0 && amount < 1 : type === \"fraction\";\n    if (isFraction) {\n      const duration = this.player.getDuration();\n      if (!duration) {\n        console.warn(\n          \"StormcloudPlayer: could not seek using fraction \\u2013 duration not yet available\"\n        );\n        return;\n      }\n      this.player.seekTo(duration * amount, keepPlaying);\n      return;\n    }\n    this.player.seekTo(amount, keepPlaying);\n  }\n  render() {\n    const Player2 = this.props.activePlayer;\n    if (!Player2) {\n      return null;\n    }\n    return import_react2.default.createElement(Player2, {\n      ...this.props,\n      onMount: this.handlePlayerMount,\n      onReady: this.handleReady,\n      onPlay: this.handlePlay,\n      onPause: this.handlePause,\n      onEnded: this.handleEnded,\n      onLoaded: this.handleLoaded,\n      onError: this.handleError\n    });\n  }\n};\nPlayer.displayName = \"Player\";\nPlayer.defaultProps = defaultProps;\n"]}