@goboss/web-video-player-sdk 1.0.0

package/dist/index.js

@@ -0,0 +1,1803 @@
+import { createElement as e, useEffect as t, useRef as n, useState as r } from "react";
+import { createRoot as i } from "react-dom/client";
+import a from "hls.js";
+import { Airplay as o, Cast as s, Check as c, ChevronRight as l, Languages as u, ListVideo as d, Maximize as f, Minimize as p, Pause as ee, PictureInPicture as te, Play as ne, RotateCcw as re, RotateCw as ie, Settings as ae, Subtitles as oe, Volume as se, Volume1 as ce, Volume2 as le, VolumeX as ue, X as de } from "lucide-react";
+import * as m from "dashjs";
+import { getApps as h, initializeApp as fe } from "firebase/app";
+import { getAnalytics as g, isSupported as _, logEvent as pe } from "firebase/analytics";
+import { jsx as v, jsxs as y } from "react/jsx-runtime";
+//#region ../analytics/src/analytics.ts
+var me = class {
+	callback;
+	heartbeatInterval;
+	isBuffering = !1;
+	sessionId;
+	videoId;
+	deviceType;
+	networkType;
+	isFirstPlay = !0;
+	watchStartTime = null;
+	totalWatchTime = 0;
+	bufferingCount = 0;
+	totalBufferingTime = 0;
+	bufferingStartTime = null;
+	milestonesHit = /* @__PURE__ */ new Set();
+	lastHeartbeatPosition = null;
+	lastHeartbeatAt = null;
+	constructor(e, t) {
+		this.callback = e, this.sessionId = this.generateSessionId(), this.videoId = t ? this.extractVideoId(t) : "", this.deviceType = this.getDeviceType(), this.networkType = this.getNetworkType();
+	}
+	registerCallback(e) {
+		this.callback = e;
+	}
+	track(e, t, n = {}) {
+		e === "play" && this.isFirstPlay && (this.isFirstPlay = !1, this.dispatchRaw({
+			eventType: "session_start",
+			timestamp: Date.now(),
+			currentTime: t.currentTime,
+			duration: t.duration || 0,
+			sessionId: this.sessionId,
+			videoId: this.videoId,
+			deviceType: this.deviceType,
+			networkType: this.networkType,
+			watchPercentage: 0,
+			totalWatchTime: 0,
+			bufferingCount: 0,
+			totalBufferingTime: 0
+		})), e === "play" && (this.watchStartTime = Date.now()), (e === "pause" || e === "ended") && this.watchStartTime !== null && (this.totalWatchTime += (Date.now() - this.watchStartTime) / 1e3, this.watchStartTime = null);
+		let r = t.duration ? Math.min(100, Math.round(t.currentTime / t.duration * 100)) : 0, i = {
+			eventType: e,
+			timestamp: Date.now(),
+			currentTime: t.currentTime,
+			duration: t.duration || 0,
+			volume: t.volume,
+			speed: t.playbackRate,
+			sessionId: this.sessionId,
+			videoId: this.videoId,
+			deviceType: this.deviceType,
+			networkType: this.networkType,
+			watchPercentage: r,
+			totalWatchTime: Math.round(this.totalWatchTime),
+			bufferingCount: this.bufferingCount,
+			totalBufferingTime: Math.round(this.totalBufferingTime),
+			...n
+		};
+		this.dispatchRaw(i);
+	}
+	startHeartbeat(e, t) {
+		this.stopHeartbeat(), this.heartbeatInterval = window.setInterval(() => {
+			!e.paused && !this.isBuffering && (this.checkMilestones(e, t), this.checkStall(e, t), this.track("heartbeat", e, t())), this.lastHeartbeatPosition = e.currentTime, this.lastHeartbeatAt = Date.now();
+		}, 5e3);
+	}
+	stopHeartbeat() {
+		this.heartbeatInterval &&= (window.clearInterval(this.heartbeatInterval), void 0);
+	}
+	setBuffering(e, t, n) {
+		this.isBuffering !== e && (this.isBuffering = e, e ? (this.bufferingCount++, this.bufferingStartTime = Date.now()) : this.bufferingStartTime !== null && (this.totalBufferingTime += (Date.now() - this.bufferingStartTime) / 1e3, this.bufferingStartTime = null), this.track(e ? "buffering_start" : "buffering_end", t, n()));
+	}
+	checkMilestones(e, t) {
+		let { currentTime: n, duration: r } = e;
+		if (!r) return;
+		let i = n / r;
+		for (let [n, r] of [
+			[.25, "first_quartile"],
+			[.5, "midpoint"],
+			[.75, "third_quartile"]
+		]) i >= n && !this.milestonesHit.has(r) && (this.milestonesHit.add(r), this.track(r, e, {
+			...t(),
+			watchPercentage: n * 100
+		}));
+	}
+	checkStall(e, t) {
+		this.lastHeartbeatPosition !== null && this.lastHeartbeatAt !== null && e.currentTime - this.lastHeartbeatPosition < .1 && Date.now() - this.lastHeartbeatAt >= 4500 && this.track("stall", e, t());
+	}
+	dispatchRaw(e) {
+		if (this.callback) try {
+			this.callback(e);
+		} catch (e) {
+			console.error("[PlayerSDK Analytics] Callback failed:", e);
+		}
+	}
+	generateSessionId() {
+		return typeof crypto < "u" && typeof crypto.randomUUID == "function" ? crypto.randomUUID() : `sess-${Date.now()}-${Math.random().toString(36).slice(2, 9)}`;
+	}
+	extractVideoId(e) {
+		try {
+			let t = new URL(e), n = t.pathname.split("/").filter(Boolean);
+			return n.length > 0 && n[n.length - 1].includes(".") && n.pop(), n[n.length - 1] || t.hostname;
+		} catch {
+			let t = e.split("/").filter(Boolean);
+			return t.length >= 2 && t[t.length - 1].includes(".") ? t[t.length - 2] : t[t.length - 1] || "unknown";
+		}
+	}
+	getDeviceType() {
+		let e = navigator.userAgent;
+		return /mobile/i.test(e) ? "mobile" : /tablet|ipad/i.test(e) ? "tablet" : "desktop";
+	}
+	getNetworkType() {
+		let e = navigator.connection || navigator.mozConnection || navigator.webkitConnection;
+		return e && (e.effectiveType || e.type) || "unknown";
+	}
+}, b = {
+	session_start: "player_session_start",
+	error: "player_error"
+}, he = new Set(["heartbeat"]), ge = class {
+	analytics = null;
+	constructor(e) {
+		this.init(e);
+	}
+	async init(e) {
+		try {
+			if (!await _()) {
+				console.warn("[FirebaseAnalytics] Not supported in this environment.");
+				return;
+			}
+			let t = h(), n = t.length === 0 ? fe(e) : t[0];
+			this.analytics = g(n);
+		} catch (e) {
+			console.error("[FirebaseAnalytics] Initialization failed:", e);
+		}
+	}
+	createCallback() {
+		return (e) => this.handleEvent(e);
+	}
+	handleEvent(e) {
+		if (!this.analytics || he.has(e.eventType)) return;
+		let t = b[e.eventType] ?? e.eventType, n = this.buildParams(e);
+		try {
+			pe(this.analytics, t, n);
+		} catch (e) {
+			console.error("[FirebaseAnalytics] logEvent failed:", e);
+		}
+	}
+	buildParams(e) {
+		let t = {
+			session_id: (e.sessionId ?? "").slice(0, 100),
+			video_id: (e.videoId ?? "").slice(0, 100),
+			device_type: e.deviceType ?? "unknown",
+			network_type: e.networkType ?? "unknown",
+			current_time: Math.round(e.currentTime),
+			duration: Math.round(e.duration),
+			watch_percentage: e.watchPercentage ?? 0,
+			total_watch_time: e.totalWatchTime ?? 0,
+			buffering_count: e.bufferingCount ?? 0,
+			total_buffering_time: e.totalBufferingTime ?? 0
+		};
+		return e.rendition && (t.rendition = e.rendition.slice(0, 100)), e.bitrate && (t.bitrate = e.bitrate), e.fromRendition && (t.from_rendition = e.fromRendition.slice(0, 100)), e.volume !== void 0 && (t.volume = Math.round(e.volume * 100)), e.speed !== void 0 && (t.speed = e.speed), e.errorMessage && (t.error_message = e.errorMessage.slice(0, 100)), e.errorCode && (t.error_code = e.errorCode), e.seekFrom !== void 0 && (t.seek_from = Math.round(e.seekFrom)), e.pipState && (t.pip_state = e.pipState), t;
+	}
+	destroy() {
+		return Promise.resolve();
+	}
+}, _e = class {
+	keyMoments = [];
+	currentMomentIndex = -1;
+	onMomentChangeCallback;
+	constructor(e = []) {
+		this.setKeyMoments(e);
+	}
+	setKeyMoments(e) {
+		this.keyMoments = [...e].sort((e, t) => e.startTime - t.startTime), this.currentMomentIndex = -1;
+	}
+	getKeyMoments() {
+		return this.keyMoments;
+	}
+	getCurrentMoment(e) {
+		let t = this.keyMoments.findIndex((t) => e >= t.startTime && e < t.endTime);
+		return t === -1 ? {
+			keyMoment: null,
+			index: -1
+		} : {
+			keyMoment: this.keyMoments[t],
+			index: t
+		};
+	}
+	updateTime(e) {
+		let { keyMoment: t, index: n } = this.getCurrentMoment(e);
+		n !== this.currentMomentIndex && (this.currentMomentIndex = n, this.onMomentChangeCallback && this.onMomentChangeCallback(t, n));
+	}
+	onMomentChange(e) {
+		this.onMomentChangeCallback = e;
+	}
+	setChapters(e) {
+		this.setKeyMoments(e);
+	}
+	getChapters() {
+		return this.getKeyMoments();
+	}
+	getCurrentChapter(e) {
+		let t = this.getCurrentMoment(e);
+		return {
+			chapter: t.keyMoment,
+			index: t.index
+		};
+	}
+	onChapterChange(e) {
+		this.onMomentChange(e);
+	}
+}, x = class {
+	tracks = [];
+	activeTrackId = "off";
+	currentCues = [];
+	activeText = "";
+	onSubtitleChangeCallback;
+	onTrackSwitchCallback;
+	constructor(e = []) {
+		this.tracks = e;
+		let t = e.find((e) => e.isDefault);
+		t && this.setActiveTrack(t.id);
+	}
+	getTracks() {
+		return this.tracks;
+	}
+	getActiveTrackId() {
+		return this.activeTrackId;
+	}
+	setHlsTracks(e) {
+		let t = this.tracks.filter((e) => !e.isHls && !e.isNative);
+		this.tracks = [...t, ...e];
+	}
+	addTrack(e) {
+		this.tracks.find((t) => t.id === e.id) || this.tracks.push(e);
+	}
+	onTrackSwitch(e) {
+		this.onTrackSwitchCallback = e;
+	}
+	setCustomSubtitleText(e) {
+		e !== this.activeText && (this.activeText = e, this.onSubtitleChangeCallback && this.onSubtitleChangeCallback(e));
+	}
+	async setActiveTrack(e) {
+		if (this.activeTrackId = e, e === "off") {
+			this.currentCues = [], this.updateActiveText(0), this.onTrackSwitchCallback && this.onTrackSwitchCallback(null);
+			return;
+		}
+		let t = this.tracks.find((t) => t.id === e);
+		if (!t) {
+			this.currentCues = [], this.updateActiveText(0), this.onTrackSwitchCallback && this.onTrackSwitchCallback(null);
+			return;
+		}
+		if (t.isHls || t.isNative) {
+			this.currentCues = [], this.updateActiveText(0), this.onTrackSwitchCallback && this.onTrackSwitchCallback(t);
+			return;
+		}
+		if (this.onTrackSwitchCallback && this.onTrackSwitchCallback(null), t.cues) {
+			this.currentCues = t.cues;
+			return;
+		}
+		if (t.src) try {
+			let n = await fetch(t.src);
+			if (!n.ok) throw Error(`HTTP error ${n.status}`);
+			let r = await n.text(), i = this.parseVttOrSrt(r);
+			t.cues = i, this.activeTrackId === e && (this.currentCues = i);
+		} catch (e) {
+			console.error(`[PlayerSDK Subtitles] Failed to fetch track ${t.label}:`, e), this.currentCues = [];
+		}
+	}
+	updateTime(e) {
+		if (this.activeTrackId === "off" || this.currentCues.length === 0) {
+			let e = this.tracks.find((e) => e.id === this.activeTrackId);
+			(!e || !e.isHls && !e.isNative) && this.activeText !== "" && (this.activeText = "", this.onSubtitleChangeCallback && this.onSubtitleChangeCallback(""));
+			return;
+		}
+		this.updateActiveText(e);
+	}
+	updateActiveText(e) {
+		let t = this.currentCues.filter((t) => e >= t.startTime && e <= t.endTime).map((e) => e.text).join("<br />");
+		t !== this.activeText && (this.activeText = t, this.onSubtitleChangeCallback && this.onSubtitleChangeCallback(t));
+	}
+	onSubtitleChange(e) {
+		this.onSubtitleChangeCallback = e;
+	}
+	parseVttOrSrt(e) {
+		let t = e.replace(/^/, "");
+		if (t.trimStart().startsWith("#EXTM3U")) return [];
+		let n = [], r = t.split(/\r?\n/), i = 0, a = 0, o = [], s = !1, c = !1, l = /(\d+):(\d{2}):(\d{2})[.,](\d{3})\s*-->\s*(\d+):(\d{2}):(\d{2})[.,](\d{3})/, u = /^(\d{2}):(\d{2})[.,](\d{3})\s*-->\s*(\d{2}):(\d{2})[.,](\d{3})/, d = (e, t, n, r) => parseInt(e, 10) * 3600 + parseInt(t, 10) * 60 + parseInt(n, 10) + parseInt(r, 10) / 1e3, f = (e) => e.replace(/<\d{2}[:.]\d{2}[:.]\d{2}\.\d{3}>/g, "").replace(/<[^>]+>/g, ""), p = () => {
+			s && o.length > 0 && n.push({
+				startTime: i,
+				endTime: a,
+				text: o.map(f).join("\n")
+			}), o = [], s = !1;
+		};
+		for (let e of r) {
+			let t = e.trim();
+			if (!t) {
+				s && p(), c = !1;
+				continue;
+			}
+			let n = t.toUpperCase();
+			if (n === "WEBVTT" || n.startsWith("NOTE") || n.startsWith("X-TIMESTAMP-MAP") || n.startsWith("STYLE") || n.startsWith("REGION")) {
+				c = !0;
+				continue;
+			}
+			if (c) continue;
+			let r = t.match(l);
+			if (r) {
+				p(), i = d(r[1], r[2], r[3], r[4]), a = d(r[5], r[6], r[7], r[8]), s = !0;
+				continue;
+			}
+			let f = t.match(u);
+			if (f) {
+				p(), i = parseInt(f[1], 10) * 60 + parseInt(f[2], 10) + parseInt(f[3], 10) / 1e3, a = parseInt(f[4], 10) * 60 + parseInt(f[5], 10) + parseInt(f[6], 10) / 1e3, s = !0;
+				continue;
+			}
+			s && o.push(t);
+		}
+		return p(), n;
+	}
+}, ve = class {
+	config;
+	watermarkElement;
+	floatInterval;
+	constructor(e) {
+		this.config = e;
+	}
+	validateDomain(e) {
+		return !this.config || !this.config.allowedDomains || this.config.allowedDomains.length === 0 ? !0 : this.config.allowedDomains.includes(e) || this.config.allowedDomains.some((t) => e.endsWith(t));
+	}
+	getAuthToken() {
+		return this.config?.authToken;
+	}
+	setupWatermark(e) {
+		if (this.removeWatermark(), !this.config || !this.config.watermarkText) return;
+		let t = this.config.watermarkText, n = document.createElement("div");
+		n.className = "sdk-watermark-overlay", n.innerText = t, n.style.position = "absolute", n.style.pointerEvents = "none", n.style.userSelect = "none", n.style.color = "rgba(255, 255, 255, 0.4)", n.style.fontSize = "12px", n.style.fontFamily = "monospace", n.style.fontWeight = "bold", n.style.zIndex = "9", n.style.padding = "4px 8px", n.style.borderRadius = "4px", n.style.background = "rgba(0, 0, 0, 0.4)", n.style.backdropFilter = "blur(2px)", n.style.top = "20px", n.style.right = "20px", e.appendChild(n), this.watermarkElement = n;
+	}
+	removeWatermark() {
+		this.floatInterval &&= (window.clearInterval(this.floatInterval), void 0), this.watermarkElement && this.watermarkElement.parentElement && this.watermarkElement.parentElement.removeChild(this.watermarkElement), this.watermarkElement = void 0;
+	}
+	isDRMProtected() {
+		return !!(this.config?.widevineLicenseUrl || this.config?.playreadyLicenseUrl || this.config?.fairplayLicenseUrl);
+	}
+	getDRMDetails() {
+		return {
+			widevine: this.config?.widevineLicenseUrl || null,
+			playready: this.config?.playreadyLicenseUrl || null,
+			fairplay: this.config?.fairplayLicenseUrl || null,
+			authTokenPresent: !!this.config?.authToken,
+			allowedDomains: this.config?.allowedDomains || []
+		};
+	}
+}, ye = class {
+	isCasting = !1;
+	castDeviceName = "";
+	onCastStateChangeCallback;
+	castContext = null;
+	remotePlayer = null;
+	remotePlayerController = null;
+	constructor() {
+		this.initCastApi();
+	}
+	initCastApi() {
+		let e = () => {
+			this.castContext = window.cast.framework.CastContext.getInstance(), this.castContext.setOptions({
+				receiverApplicationId: window.chrome.cast.media.DEFAULT_MEDIA_RECEIVER_APP_ID,
+				autoJoinPolicy: window.chrome.cast.AutoJoinPolicy.ORIGIN_SCOPED
+			}), this.remotePlayer = new window.cast.framework.RemotePlayer(), this.remotePlayerController = new window.cast.framework.RemotePlayerController(this.remotePlayer), this.remotePlayerController.addEventListener(window.cast.framework.RemotePlayerEventType.IS_CONNECTED_CHANGED, () => {
+				this.isCasting = this.remotePlayer.isConnected;
+				let e = this.castContext.getCurrentSession();
+				this.castDeviceName = e ? e.getCastDevice().friendlyName : "", this.onCastStateChangeCallback && this.onCastStateChangeCallback(this.isCasting, this.castDeviceName);
+			});
+		};
+		window.cast && window.cast.framework ? e() : window.__onGCastApiAvailable = (t) => {
+			t && e();
+		};
+	}
+	getCastingState() {
+		return {
+			isCasting: this.isCasting,
+			deviceName: this.castDeviceName
+		};
+	}
+	async requestSession(e, t) {
+		if (!this.castContext) {
+			console.error("[PlayerSDK Cast] Google Cast Framework not loaded.");
+			return;
+		}
+		try {
+			await this.castContext.requestSession();
+			let n = this.castContext.getCurrentSession();
+			if (n && e) {
+				let r = new window.chrome.cast.media.MediaInfo(e, "video/mp4"), i = new window.chrome.cast.media.LoadRequest(r);
+				i.currentTime = t, i.autoplay = !0, await n.loadMedia(i);
+			}
+		} catch (e) {
+			console.warn("[PlayerSDK Cast] Session request failed or cancelled by user.", e);
+		}
+	}
+	stopCasting() {
+		if (this.castContext) try {
+			this.castContext.endCurrentSession(!0);
+		} catch (e) {
+			console.warn("[PlayerSDK Cast] Failed to disconnect session", e);
+		}
+	}
+	onCastStateChange(e) {
+		this.onCastStateChangeCallback = e;
+	}
+	requestAirPlaySession(e) {
+		let t = e;
+		typeof t.webkitShowPlaybackTargetPicker == "function" ? t.webkitShowPlaybackTargetPicker() : console.warn("[PlayerSDK AirPlay] AirPlay request is not supported on this device.");
+	}
+	stopAirPlay(e) {
+		let t = e;
+		typeof t.webkitShowPlaybackTargetPicker == "function" ? t.webkitShowPlaybackTargetPicker() : console.warn("[PlayerSDK AirPlay] AirPlay stop is not supported on this device.");
+	}
+	isAirPlayAvailable() {
+		return !!window.WebKitPlaybackTargetAvailabilityEvent || navigator.userAgent.includes("Safari") && !navigator.userAgent.includes("Chrome");
+	}
+}, be = class {
+	config;
+	constructor(e) {
+		this.config = e;
+	}
+	getThumbnail(e) {
+		if (!this.config) return null;
+		let { spriteUrl: t, tileWidth: n, tileHeight: r, columns: i, interval: a, totalCount: o } = this.config, s = Math.floor(e / a);
+		s < 0 && (s = 0), s >= o && (s = o - 1);
+		let c = s % i, l = Math.floor(s / i);
+		return {
+			url: t,
+			x: c * n,
+			y: l * r,
+			width: n,
+			height: r
+		};
+	}
+	hasThumbnails() {
+		return !!this.config;
+	}
+}, xe = class {
+	options;
+	videoElement;
+	hlsInstance = null;
+	dashInstance = null;
+	activeQuality = {
+		id: -1,
+		height: 0,
+		width: 0,
+		bitrate: 0,
+		label: "Auto"
+	};
+	qualityLevels = [];
+	analytics;
+	keyMoments;
+	chapters;
+	subtitles;
+	drm;
+	casting;
+	thumbnails;
+	hlsSubtitleCues = /* @__PURE__ */ new Map();
+	hlsActiveSubtitleKey = null;
+	audioTrackList = [];
+	eventListeners = {};
+	constructor(e) {
+		this.options = {
+			autoplay: !1,
+			muted: !1,
+			themeColor: "#6366f1",
+			...e
+		}, this.analytics = new me(this.options.analyticsCallback, this.options.src), this.keyMoments = new _e(this.options.keyMoments || this.options.chapters || []), this.chapters = this.keyMoments, this.subtitles = new x(this.options.subtitles), this.drm = new ve(this.options.drm), this.casting = new ye(), this.thumbnails = new be(this.options.thumbnails), this.initializePlayer();
+	}
+	initializePlayer() {
+		let e = window.location.hostname;
+		if (!this.drm.validateDomain(e)) {
+			let t = `Domain Blocked: Access to streaming content is restricted on ${e}.`;
+			throw console.error(t), this.options.container.innerHTML = `
+        <div style="background:#0f172a; color:#f43f5e; padding:20px; text-align:center; font-family:sans-serif; border-radius:12px; border:1px solid #e11d48; margin: 10px;">
+          <h4 style="margin:0 0 10px 0;">Content Protection Alert</h4>
+          <p style="font-size:13px; margin:0; opacity:0.8;">${t}</p>
+        </div>
+      `, Error(t);
+		}
+		this.videoElement = document.createElement("video"), this.videoElement.className = "sdk-html5-video", this.videoElement.style.width = "100%", this.videoElement.style.height = "100%", this.videoElement.style.display = "block", this.videoElement.style.backgroundColor = "#000000", this.videoElement.playsInline = !0, this.videoElement.controls = !1, this.videoElement.muted = !!this.options.muted, this.options.container.appendChild(this.videoElement), this.drm.setupWatermark(this.options.container), this.bindMediaEvents(), this.loadSource(this.options.src), this.setupBackgroundControls();
+	}
+	bindMediaEvents() {
+		let e = this.videoElement;
+		e.addEventListener("play", () => {
+			this.analytics.track("play", e, this.getAnalyticsPayload()), this.analytics.startHeartbeat(e, () => this.getAnalyticsPayload()), this.emit("play", null);
+		}), e.addEventListener("pause", () => {
+			this.analytics.track("pause", e, this.getAnalyticsPayload()), this.analytics.stopHeartbeat(), this.emit("pause", null);
+		}), e.addEventListener("timeupdate", () => {
+			let t = e.currentTime;
+			if (this.chapters.updateTime(t), this.subtitles.updateTime(t), this.hlsActiveSubtitleKey !== null) {
+				let e = (this.hlsSubtitleCues.get(this.hlsActiveSubtitleKey) ?? []).filter((e) => t >= e.startTime && t < e.endTime);
+				this.subtitles.setCustomSubtitleText(e.map((e) => e.text).join("<br />"));
+			}
+			this.emit("timeupdate", t);
+		}), e.addEventListener("seeking", () => {
+			this.analytics.track("seek", e, this.getAnalyticsPayload()), this.emit("seeking", e.currentTime);
+		}), e.addEventListener("waiting", () => {
+			this.analytics.setBuffering(!0, e, () => this.getAnalyticsPayload()), this.emit("buffering", !0);
+		}), e.addEventListener("playing", () => {
+			this.analytics.setBuffering(!1, e, () => this.getAnalyticsPayload()), this.emit("buffering", !1);
+		}), e.addEventListener("volumechange", () => {
+			this.analytics.track("volume_change", e, this.getAnalyticsPayload()), this.emit("volumechange", {
+				volume: e.volume,
+				muted: e.muted
+			});
+		}), e.addEventListener("ratechange", () => {
+			this.analytics.track("speed_change", e, this.getAnalyticsPayload()), this.emit("ratechange", e.playbackRate);
+		}), e.addEventListener("ended", () => {
+			this.analytics.track("ended", e, this.getAnalyticsPayload()), this.analytics.track("complete", e, {
+				...this.getAnalyticsPayload(),
+				watchPercentage: 100
+			}), this.analytics.stopHeartbeat(), this.emit("ended", null);
+		}), e.addEventListener("enterpictureinpicture", () => {
+			this.analytics.track("pip_toggle", e, {
+				...this.getAnalyticsPayload(),
+				errorMessage: "entered"
+			}), this.emit("pipchange", !0);
+		}), e.addEventListener("leavepictureinpicture", () => {
+			this.analytics.track("pip_toggle", e, {
+				...this.getAnalyticsPayload(),
+				errorMessage: "exited"
+			}), this.emit("pipchange", !1);
+		}), e.addEventListener("error", () => {
+			let t = e.error;
+			this.analytics.track("error", e, {
+				...this.getAnalyticsPayload(),
+				errorMessage: t ? `${t.code}: ${t.message}` : "Unknown HTML5 video playback error"
+			}), this.emit("error", t);
+		});
+		let t = e.textTracks;
+		if (t) {
+			let n = (e, t) => {
+				if (e.kind !== "subtitles" && e.kind !== "captions" || this.subtitles.getTracks().some((e) => e.isNative && e.nativeTrackIndex === t)) return;
+				let n = e.kind === "captions";
+				this.subtitles.addTrack({
+					id: `native-${t}`,
+					label: e.label || e.language || (n ? `CC ${t + 1}` : `Track ${t + 1}`),
+					lang: e.language || "und",
+					isDefault: !this.hlsInstance && (e.default || e.mode === "showing"),
+					isNative: !0,
+					nativeTrackIndex: t
+				});
+			};
+			e.addEventListener("loadedmetadata", () => {
+				this.analytics.track("video_loaded", e, this.getAnalyticsPayload());
+				let r = 0, i = this.hlsInstance ? ["captions"] : ["subtitles", "captions"];
+				for (let e = 0; e < t.length; e++) {
+					if (!i.includes(t[e].kind)) continue;
+					let a = this.subtitles.getTracks().length;
+					n(t[e], e), this.subtitles.getTracks().length > a && r++;
+				}
+				r > 0 && this.emit("subtitlesloaded", this.subtitles.getTracks());
+			}), t.addEventListener("addtrack", (e) => {
+				let r = e.track;
+				if (r) for (let e = 0; e < t.length; e++) {
+					if (t[e] !== r) continue;
+					let i = this.subtitles.getTracks().length;
+					n(r, e), this.subtitles.getTracks().length > i && this.emit("subtitlesloaded", this.subtitles.getTracks());
+					break;
+				}
+			});
+		}
+		this.subtitles.onTrackSwitch((e) => {
+			if (e === null) {
+				if (this.hlsInstance) this.hlsInstance.subtitleTrack = -1;
+				else if (t) {
+					for (let e = 0; e < t.length; e++) t[e].mode = "disabled", t[e].oncuechange = null;
+					this.subtitles.setCustomSubtitleText("");
+				}
+			} else if (e.isHls) this.hlsInstance && e.hlsTrackId !== void 0 && (this.hlsInstance.subtitleTrack = e.hlsTrackId);
+			else if (e.isNative && t && e.nativeTrackIndex !== void 0 && t[e.nativeTrackIndex]) for (let n = 0; n < t.length; n++) if (t[n].oncuechange = null, n === e.nativeTrackIndex) {
+				t[n].mode = "hidden";
+				let e = t[n];
+				e.oncuechange = () => {
+					let t = e.activeCues;
+					if (t && t.length > 0) {
+						let e = Array.from(t).map((e) => e.text).join("<br />");
+						this.subtitles.setCustomSubtitleText(e);
+					} else this.subtitles.setCustomSubtitleText("");
+				};
+			} else t[n].mode = "disabled";
+		});
+	}
+	rewriteToProxy(e) {
+		if (e.includes("d3queh3es1i8u.cloudfront.net")) try {
+			let t = new URL(e);
+			return `/video-proxy${t.pathname}${t.search}`;
+		} catch {
+			return e.replace("https://d3queh3es1i8u.cloudfront.net", "/video-proxy");
+		}
+		return e;
+	}
+	loadSource(e) {
+		this.extractKeyMomentsFromManifest(e), this.extractSubtitlesFromManifest(e);
+		let t = this.rewriteToProxy(e), n = t.endsWith(".m3u8") || t.includes(".m3u8"), r = t.endsWith(".mpd") || t.includes(".mpd");
+		if (n) if (a.isSupported()) {
+			let n = new a({
+				enableWorker: !0,
+				lowLatencyMode: !0,
+				backBufferLength: 90,
+				maxMaxBufferLength: 30,
+				renderTextTracksNatively: !1,
+				xhrSetup: (t, n) => {
+					let r = this.drm.getAuthToken();
+					if (!r) try {
+						let t = new URL(e), n = t.searchParams.get("token") || t.searchParams.get("key") || t.searchParams.get("auth") || t.searchParams.get("authToken");
+						n && (r = n);
+					} catch {}
+					try {
+						let e = this.rewriteToProxy(n), i = new URL(e, window.location.origin);
+						r && i.searchParams.set("token", r), t.open("GET", i.toString(), !0);
+					} catch (e) {
+						console.error("[PlayerSDK Core] Error in xhrSetup URL parsing:", e);
+					}
+				}
+			});
+			this.hlsInstance = n, n.loadSource(t), n.attachMedia(this.videoElement), n.on(a.Events.SUBTITLE_TRACK_SWITCH, (e, t) => {
+				if (this.hlsActiveSubtitleKey = null, this.subtitles.setCustomSubtitleText(""), t.id !== -1) {
+					let e = n.subtitleTracks[t.id];
+					this.hlsActiveSubtitleKey = e?.default ? "default" : `subtitles${t.id}`;
+				}
+			}), n.on(a.Events.CUES_PARSED, (e, t) => {
+				let n = this.hlsSubtitleCues.get(t.track) ?? [], r = t.cues.filter((e) => !n.some((t) => t.startTime === e.startTime && t.endTime === e.endTime));
+				r.length > 0 && this.hlsSubtitleCues.set(t.track, [...n, ...r]);
+			}), n.on(a.Events.MANIFEST_PARSED, () => {
+				this.qualityLevels = n.levels.map((e, t) => ({
+					id: t,
+					height: e.height,
+					width: e.width,
+					bitrate: e.bitrate,
+					label: e.height ? `${e.height}p` : `Option ${t + 1}`
+				}));
+				let e = {
+					id: -1,
+					height: 0,
+					width: 0,
+					bitrate: 0,
+					label: "Auto"
+				};
+				this.qualityLevels.unshift(e), this.activeQuality = e, this.emit("qualitylevels", this.qualityLevels), this.options.autoplay && this.play();
+			}), n.on(a.Events.AUDIO_TRACKS_UPDATED, () => {
+				n.audioTracks.length > 1 && (this.audioTrackList = n.audioTracks.map((e, t) => ({
+					id: t,
+					label: e.name || e.lang || `Audio ${t + 1}`,
+					lang: e.lang || ""
+				})), this.emit("audiotracksloaded", this.audioTrackList));
+			}), n.on(a.Events.AUDIO_TRACK_SWITCHED, (e, t) => {
+				this.analytics.track("audio_track_change", this.videoElement, this.getAnalyticsPayload()), this.emit("audiotrackchange", t.id);
+			}), n.on(a.Events.LEVEL_SWITCHED, (e, t) => {
+				let n = this.qualityLevels.find((e) => e.id === t.level);
+				n && (this.analytics.track("quality_change", this.videoElement, {
+					...this.getAnalyticsPayload(),
+					rendition: n.label,
+					bitrate: n.bitrate
+				}), this.emit("qualitychange", n));
+			}), n.on(a.Events.ERROR, (e, t) => {
+				t.fatal && (t.type === a.ErrorTypes.NETWORK_ERROR ? (this.analytics.track("network_error", this.videoElement, {
+					...this.getAnalyticsPayload(),
+					errorMessage: t.details,
+					errorCode: 0
+				}), n.startLoad()) : t.type === a.ErrorTypes.MEDIA_ERROR ? n.recoverMediaError() : this.destroy());
+			});
+		} else this.videoElement.canPlayType("application/vnd.apple.mpegurl") && (this.videoElement.src = e, this.qualityLevels = [{
+			id: 0,
+			height: 720,
+			width: 1280,
+			bitrate: 2e6,
+			label: "720p (Native)"
+		}], this.activeQuality = this.qualityLevels[0], this.options.autoplay && this.videoElement.play().catch(console.error));
+		else if (r) {
+			let t = m.MediaPlayer().create();
+			this.dashInstance = t, t.initialize(this.videoElement, e, !!this.options.autoplay), t.updateSettings({ streaming: {
+				abr: { autoSwitchBitrate: {
+					video: !0,
+					audio: !0
+				} },
+				buffer: { bufferTimeAtTopQuality: 30 }
+			} }), this.qualityLevels = [{
+				id: 0,
+				height: 0,
+				width: 0,
+				bitrate: 0,
+				label: "Auto (DASH)"
+			}], this.activeQuality = this.qualityLevels[0], this.emit("qualitylevels", this.qualityLevels);
+		} else this.videoElement.src = e, this.qualityLevels = [{
+			id: 0,
+			height: 1080,
+			width: 1920,
+			bitrate: 45e5,
+			label: "1080p (Source)"
+		}], this.activeQuality = this.qualityLevels[0], this.options.autoplay && this.videoElement.play().catch(console.error);
+	}
+	setupBackgroundControls() {
+		if ("mediaSession" in navigator) {
+			navigator.mediaSession.metadata = new MediaMetadata({
+				title: "Video Player",
+				album: "Video Player",
+				artwork: [{
+					src: "https://images.unsplash.com/photo-1618005182384-a83a8bd57fbe?w=512&q=80",
+					sizes: "512x512",
+					type: "image/jpeg"
+				}]
+			});
+			try {
+				navigator.mediaSession.setActionHandler("play", () => this.play()), navigator.mediaSession.setActionHandler("pause", () => this.pause()), navigator.mediaSession.setActionHandler("seekbackward", (e) => {
+					let t = e.seekOffset || 10;
+					this.seek(this.videoElement.currentTime - t);
+				}), navigator.mediaSession.setActionHandler("seekforward", (e) => {
+					let t = e.seekOffset || 10;
+					this.seek(this.videoElement.currentTime + t);
+				});
+			} catch {
+				console.warn("[PlayerSDK Session] Action handler binding is unsupported by browser.");
+			}
+		}
+	}
+	play() {
+		this.videoElement.play().catch((e) => {
+			console.warn("[PlayerSDK Play] Autoplay blocked, wait for user interaction:", e);
+		});
+	}
+	pause() {
+		this.videoElement.pause();
+	}
+	seek(e) {
+		let t = Math.max(0, Math.min(e, this.getDuration()));
+		this.videoElement.currentTime = t;
+	}
+	setVolume(e) {
+		let t = Math.max(0, Math.min(e, 1));
+		this.videoElement.volume = t, this.videoElement.muted = t === 0;
+	}
+	setMute(e) {
+		this.videoElement.muted = e;
+	}
+	setPlaybackRate(e) {
+		this.videoElement.playbackRate = e;
+	}
+	setQuality(e) {
+		let t = this.qualityLevels.find((t) => t.id === e);
+		t && (this.activeQuality = t, this.hlsInstance ? this.hlsInstance.currentLevel = e : console.warn("[PlayerSDK Core] Manual rendition switching is not supported by standard native players."));
+	}
+	async togglePictureInPicture() {
+		if (!document.pictureInPictureEnabled) return console.warn("[PlayerSDK Core] Picture-in-Picture is disabled or unsupported."), !1;
+		try {
+			return document.pictureInPictureElement ? (await document.exitPictureInPicture(), !1) : (await this.videoElement.requestPictureInPicture(), !0);
+		} catch (e) {
+			return console.error("[PlayerSDK Core] PiP toggle failed:", e), !1;
+		}
+	}
+	toggleFullscreen() {
+		let e = this.options.container;
+		document.fullscreenElement ? document.exitFullscreen() : e.requestFullscreen().catch((e) => {
+			console.error("[PlayerSDK Fullscreen] Failed entering fullscreen:", e);
+		});
+	}
+	getVideoElement() {
+		return this.videoElement;
+	}
+	getCurrentTime() {
+		return this.videoElement.currentTime;
+	}
+	getDuration() {
+		return this.videoElement.duration || 0;
+	}
+	getVolume() {
+		return this.videoElement.volume;
+	}
+	isMuted() {
+		return this.videoElement.muted;
+	}
+	getPlaybackRate() {
+		return this.videoElement.playbackRate;
+	}
+	getActiveQuality() {
+		return this.activeQuality;
+	}
+	getQualityLevels() {
+		return this.qualityLevels;
+	}
+	getBufferLength() {
+		let e = this.videoElement.buffered, t = this.videoElement.currentTime;
+		for (let n = 0; n < e.length; n++) if (t >= e.start(n) && t <= e.end(n)) return e.end(n) - t;
+		return 0;
+	}
+	getBufferedRanges() {
+		let e = this.videoElement.buffered, t = [];
+		for (let n = 0; n < e.length; n++) t.push({
+			start: e.start(n),
+			end: e.end(n)
+		});
+		return t;
+	}
+	getAnalyticsPayload() {
+		return {
+			rendition: this.activeQuality.label,
+			bitrate: this.activeQuality.bitrate,
+			volume: this.videoElement.volume,
+			speed: this.videoElement.playbackRate
+		};
+	}
+	on(e, t) {
+		this.eventListeners[e] || (this.eventListeners[e] = []), this.eventListeners[e].push(t);
+	}
+	off(e, t) {
+		this.eventListeners[e] && (this.eventListeners[e] = this.eventListeners[e].filter((e) => e !== t));
+	}
+	emit(e, ...t) {
+		this.eventListeners[e] && this.eventListeners[e].forEach((e) => e(...t));
+	}
+	async extractSubtitlesFromManifest(e) {
+		try {
+			let t = this.rewriteToProxy(e), n = await fetch(t);
+			if (!n.ok) return;
+			let r = (await n.text()).split("\n"), i = this.drm.getAuthToken() || void 0;
+			if (!i) try {
+				let t = new URL(e);
+				i = t.searchParams.get("token") || t.searchParams.get("key") || t.searchParams.get("auth") || t.searchParams.get("authToken") || void 0;
+			} catch {}
+			let a = e.substring(0, e.lastIndexOf("/") + 1), o = [];
+			for (let e of r) {
+				if (!e.startsWith("#EXT-X-MEDIA:TYPE=SUBTITLES")) continue;
+				let t = e.match(/NAME="([^"]+)"/), n = e.match(/LANGUAGE="([^"]+)"/), r = e.match(/URI="([^"]+)"/), s = /DEFAULT=YES/i.test(e);
+				if (!r) continue;
+				let c = r[1], l = o.length, u = t ? t[1] : n ? n[1] : `Track ${l + 1}`, d = n ? n[1] : "und";
+				if (/\.m3u8?(\?|$)/i.test(c)) {
+					o.push({
+						id: `subtitle-${l}`,
+						label: u,
+						lang: d,
+						isDefault: s,
+						isHls: !0,
+						hlsTrackId: l
+					});
+					continue;
+				}
+				let f = c.startsWith("http") ? c : a + c, p = this.rewriteToProxy(f);
+				if (i) try {
+					let e = new URL(p, window.location.origin);
+					e.searchParams.set("token", i), p = e.toString();
+				} catch {}
+				o.push({
+					id: `subtitle-${l}`,
+					label: u,
+					lang: d,
+					isDefault: s,
+					src: p
+				});
+			}
+			o.length > 0 && (this.subtitles.setHlsTracks(o), this.emit("subtitlesloaded", this.subtitles.getTracks()));
+		} catch (e) {
+			console.error("[PlayerSDK] Error extracting subtitles from manifest:", e);
+		}
+	}
+	async extractKeyMomentsFromManifest(e) {
+		try {
+			let t = this.rewriteToProxy(e), n = await fetch(t);
+			if (!n.ok) return;
+			let r = (await n.text()).split("\n"), i = [];
+			for (let e of r) if (e.startsWith("#EXT-X-DATERANGE:")) {
+				let t = e.match(/ID="([^"]+)"/), n = e.match(/START-DATE="([^"]+)"/), r = e.match(/X-TITLE="([^"]+)"/);
+				t && n && r && (i.some((e) => e.id === t[1]) || i.push({
+					id: t[1],
+					startDate: n[1],
+					title: r[1]
+				}));
+			}
+			if (i.length > 0) {
+				i.sort((e, t) => e.startDate.localeCompare(t.startDate));
+				let e = new Date(i[0].startDate).getTime(), t = i.map((t) => {
+					let n = (new Date(t.startDate).getTime() - e) / 1e3;
+					return {
+						title: t.title,
+						startTime: n,
+						endTime: 0
+					};
+				});
+				for (let e = 0; e < t.length; e++) e < t.length - 1 ? t[e].endTime = t[e + 1].startTime : t[e].endTime = 99999;
+				this.keyMoments.setKeyMoments(t), this.emit("keymomentsloaded", t), this.emit("chaptersloaded", t);
+			}
+		} catch (e) {
+			console.error("Error parsing manifest key moments:", e);
+		}
+	}
+	getAudioTracks() {
+		return this.audioTrackList;
+	}
+	setAudioTrack(e) {
+		this.hlsInstance && (this.hlsInstance.audioTrack = e);
+	}
+	destroy() {
+		this.hlsSubtitleCues.clear(), this.hlsActiveSubtitleKey = null, this.analytics.stopHeartbeat(), this.drm.removeWatermark(), this.hlsInstance &&= (this.hlsInstance.destroy(), null), this.dashInstance &&= (this.dashInstance.reset(), null), this.videoElement && (this.videoElement.pause(), this.videoElement.removeAttribute("src"), this.videoElement.load(), this.videoElement.parentElement && this.videoElement.parentElement.removeChild(this.videoElement)), this.eventListeners = {};
+	}
+}, S = (e) => {
+	if (e.includes("d3queh3es1i8u.cloudfront.net")) try {
+		let t = new URL(e);
+		return `/video-proxy${t.pathname}${t.search}`;
+	} catch {
+		return e.replace("https://d3queh3es1i8u.cloudfront.net", "/video-proxy");
+	}
+	return e;
+}, Se = (e) => {
+	let t = e.replace("#", "");
+	return t.length === 6 ? `${parseInt(t.substring(0, 2), 16)}, ${parseInt(t.substring(2, 4), 16)}, ${parseInt(t.substring(4, 6), 16)}` : t.length === 3 ? `${parseInt(t[0] + t[0], 16)}, ${parseInt(t[1] + t[1], 16)}, ${parseInt(t[2] + t[2], 16)}` : "99, 102, 241";
+}, C = {
+	en: "English",
+	eng: "English",
+	fr: "French",
+	fre: "French",
+	fra: "French",
+	es: "Spanish",
+	spa: "Spanish",
+	de: "German",
+	ger: "German",
+	deu: "German",
+	it: "Italian",
+	ita: "Italian",
+	pt: "Portuguese",
+	por: "Portuguese",
+	ja: "Japanese",
+	zh: "Chinese",
+	ko: "Korean",
+	ru: "Russian",
+	ar: "Arabic",
+	hi: "Hindi"
+}, w = (e) => {
+	if (!e) return null;
+	let t = e.trim().toLowerCase(), n = t.match(/^(en|eng|fr|fre|fra|es|spa|de|ger|deu|it|ita|pt|por|ja|zh|ko|ru|ar|hi)/);
+	if (n && C[n[0]]) return C[n[0]];
+	for (let [e, n] of Object.entries(C)) if (t.includes(e)) return n;
+	return /english|anglais|ingles/i.test(t) ? "English" : /french|français/i.test(t) ? "French" : /spanish|español/i.test(t) ? "Spanish" : /german|deutsch/i.test(t) ? "German" : /italian|italiano/i.test(t) ? "Italian" : /portuguese|português/i.test(t) ? "Portuguese" : /japanese|nihongo/i.test(t) ? "Japanese" : /chinese|中文/i.test(t) ? "Chinese" : /korean|한국어/i.test(t) ? "Korean" : /russian|русский/i.test(t) ? "Russian" : /arabic|العربية/i.test(t) ? "Arabic" : /hindi|हिन्दी/i.test(t) ? "Hindi" : null;
+}, Ce = (e) => {
+	if (e.lang) {
+		let t = w(e.lang);
+		if (t) return t;
+	}
+	if (e.label) {
+		let t = e.label.trim(), n = t.split(/[#\d\.\s\-_/|:]+/).filter(Boolean);
+		for (let e = n.length - 1; e >= 0; --e) {
+			let t = w(n[e]);
+			if (t) return t;
+		}
+		let r = t.replace(/^[#\d\.\s]+/, "").trim();
+		return w(r) || r;
+	}
+	return "Unknown";
+}, T = (e) => {
+	let t = /* @__PURE__ */ new Set();
+	return e.filter((e) => {
+		let n = `${Ce(e).toLowerCase()}|${(e.lang || "").trim().toLowerCase()}`;
+		return t.has(n) ? !1 : (t.add(n), !0);
+	});
+}, E = ({ src: e, chapters: i = [], keyMoments: m, subtitles: h = [], watermark: fe = "GoBOSS", themeColor: g = "#6366f1", drmConfig: _, firebaseConfig: pe, onAnalyticsEvent: me, onKeyMomentsLoaded: b, enableControls: he = !0, enableChromecast: _e = !0, enableKeyMoments: x = !0, enableSubtitles: ve = !0, enableQuality: ye = !0, enablePlaybackSpeed: be = !0, enablePiP: C = !0, enableFullscreen: w = !0, subtitleStyle: E = {} }) => {
+	let D = n(null), we = n(null), O = n(null), Te = n(null), k = n(null), Ee = n(null), A = n(null), De = n(!1), j = n(!1), M = n(null), N = n(null), Oe = n(null), [P, ke] = r(null), [F, Ae] = r(!1), [I, je] = r(0), [L, Me] = r(0), [R, Ne] = r(1), [z, B] = r(!1), [Pe, Fe] = r(!1), [Ie, Le] = r(!1), [Re, ze] = r(!1), [Be, Ve] = r(!1), [He, Ue] = r([]), [We, Ge] = r({
+		id: -1,
+		height: 0,
+		width: 0,
+		bitrate: 0,
+		label: "Auto"
+	}), [Ke, qe] = r(""), [V, H] = r("off"), [Je, Ye] = r(T(h)), [Xe, Ze] = r([]), [Qe, $e] = r(0);
+	t(() => {
+		if (P) {
+			let e = P.subtitles.getTracks();
+			Ye(T([...h, ...e.filter((e) => !h.some((t) => t.id === e.id))]));
+		} else Ye(T(h));
+	}, [h, P]);
+	let [et, tt] = r({
+		chapter: null,
+		index: -1
+	}), [U, nt] = r(m || i || []), [W, G] = r("none"), [rt, it] = r(1), [K, at] = r(!1), [ot, st] = r({}), ct = JSON.stringify(U.map((e) => ({
+		title: e.title,
+		startTime: e.startTime
+	})));
+	t(() => {
+		nt(m || i || []);
+	}, [m, i]), t(() => {
+		if (!e || !U || U.length === 0) return;
+		st({});
+		let t = document.createElement("video");
+		t.muted = !0, t.preload = "metadata", t.crossOrigin = "anonymous", t.style.cssText = "position:fixed;top:0;left:0;width:10px;height:10px;opacity:0.01;pointer-events:none;z-index:-9999;", document.body.appendChild(t);
+		let n = null, r = e.includes(".m3u8"), i = document.createElement("canvas");
+		i.width = 160, i.height = 90;
+		let o = i.getContext("2d"), s = 0, c = !1, l = () => {
+			if (s >= U.length) {
+				f();
+				return;
+			}
+			let e = U[s].startTime;
+			t.currentTime = e === 0 ? .01 : e;
+		}, u = () => {
+			if (o && t.readyState >= 2) {
+				o.drawImage(t, 0, 0, i.width, i.height);
+				let e = i.toDataURL("image/jpeg", .8);
+				st((t) => ({
+					...t,
+					[s]: e
+				})), s++, l();
+			} else setTimeout(u, 100);
+		}, d = () => {
+			c || (c = !0, l());
+		};
+		t.addEventListener("seeked", u), t.addEventListener("canplay", d), r && a.isSupported() ? (n = new a({
+			enableWorker: !1,
+			maxBufferLength: 5,
+			xhrSetup: (t, n) => {
+				let r = _?.authToken;
+				if (!r) try {
+					let t = new URL(e), n = t.searchParams.get("token") || t.searchParams.get("key") || t.searchParams.get("auth") || t.searchParams.get("authToken");
+					n && (r = n);
+				} catch {}
+				try {
+					let e = S(n), i = new URL(e, window.location.origin);
+					r && i.searchParams.set("token", r), t.open("GET", i.toString(), !0);
+				} catch (e) {
+					console.error("[WebVideoPlayer tempHls] xhrSetup error:", e);
+				}
+			}
+		}), n.loadSource(S(e)), n.attachMedia(t)) : t.src = e, t.readyState >= 2 && d();
+		let f = () => {
+			t.removeEventListener("seeked", u), t.removeEventListener("canplay", d), n && n.destroy(), document.body.contains(t) && document.body.removeChild(t);
+		};
+		return f;
+	}, [e, ct]);
+	let [q, lt] = r(null), [ut, dt] = r(!1), [ft, pt] = r(!1), [mt, ht] = r(null), [gt, _t] = r(null), [vt, yt] = r(0), [bt, xt] = r(null), [St, Ct] = r(null), [J, wt] = r(null);
+	t(() => {
+		if (Oe.current && !Oe.current.querySelector("google-cast-launcher")) {
+			let e = document.createElement("google-cast-launcher");
+			e.style.cursor = "pointer", e.style.width = "100%", e.style.height = "100%", e.style.display = "block", Oe.current.appendChild(e);
+		}
+	}, []), t(() => {
+		if (!P) {
+			dt(!1), pt(!1), ht(null);
+			return;
+		}
+		let e = (e) => dt(e), t = () => {
+			let e = P.getVideoElement(), t = !!e?.webkitCurrentPlaybackTargetIsWireless;
+			pt(t), ht(t ? e.webkitCurrentPlaybackTargetName || "AirPlay device" : null);
+		};
+		e(P.casting.isAirPlayAvailable()), t();
+		let n = P.getVideoElement(), r = (t) => {
+			e(t.availability === "available");
+		}, i = () => {
+			t();
+		};
+		return "webkitShowPlaybackTargetPicker" in n && (n.addEventListener("webkitplaybacktargetavailabilitychanged", r), n.addEventListener("webkitcurrentplaybacktargetiswirelesschanged", i)), () => {
+			"webkitShowPlaybackTargetPicker" in n && (n.removeEventListener("webkitplaybacktargetavailabilitychanged", r), n.removeEventListener("webkitcurrentplaybacktargetiswirelesschanged", i));
+		};
+	}, [P]);
+	let [Tt, Et] = r(!0), Y = n(null), Dt = n(!1), Ot = n("none"), kt = n(h);
+	t(() => {
+		if (!D.current) return;
+		let t = document.createElement("video");
+		t.muted = !0, t.preload = "metadata", t.crossOrigin = "anonymous", t.style.cssText = "display:none;position:absolute;pointer-events:none;", document.body.appendChild(t), k.current = t;
+		let n = e.includes(".m3u8");
+		if (n && a.isSupported()) {
+			let n = new a({
+				enableWorker: !1,
+				maxBufferLength: 5,
+				xhrSetup: (t, n) => {
+					let r = _?.authToken;
+					if (!r) try {
+						let t = new URL(e), n = t.searchParams.get("token") || t.searchParams.get("key") || t.searchParams.get("auth") || t.searchParams.get("authToken");
+						n && (r = n);
+					} catch {}
+					try {
+						let e = S(n), i = new URL(e, window.location.origin);
+						r && i.searchParams.set("token", r), t.open("GET", i.toString(), !0);
+					} catch (e) {
+						console.error("[WebVideoPlayer hiddenHls] xhrSetup error:", e);
+					}
+				}
+			});
+			n.loadSource(S(e)), n.attachMedia(t), Ee.current = n;
+		} else n && t.canPlayType("application/vnd.apple.mpegurl"), t.src = e;
+		t.addEventListener("seeked", () => {
+			let e = Te.current;
+			if (!e) return;
+			let n = e.getContext("2d");
+			n && t.readyState >= 2 && (n.drawImage(t, 0, 0, e.width, e.height), xt(e.toDataURL("image/jpeg", .82)));
+		});
+		let r;
+		if (pe) {
+			let e = new ge(pe);
+			we.current = e, r = e.createCallback();
+		}
+		let i = new xe({
+			container: D.current,
+			src: e,
+			autoplay: !1,
+			muted: !1,
+			keyMoments: U,
+			subtitles: h,
+			drm: {
+				watermarkText: fe,
+				allowedDomains: ["localhost", "127.0.0.1"],
+				..._
+			},
+			analyticsCallback: (e) => {
+				r?.(e), me && me(e);
+			},
+			themeColor: g
+		});
+		i.on("keymomentsloaded", (e) => {
+			nt(e), b && b(e);
+		}), i.on("chaptersloaded", (e) => {
+			nt(e), b && b(e);
+		}), i.on("play", () => {
+			Ae(!0), Ve(!1);
+		}), i.on("pause", () => Ae(!1)), i.on("ended", () => {
+			Ae(!1), Ve(!0);
+		}), i.on("timeupdate", (e) => {
+			if (j.current && M.current !== null) if (Math.abs(e - M.current) < 5) j.current = !1, M.current = null, N.current &&= (window.clearTimeout(N.current), null);
+			else return;
+			je(e), Me(i.getDuration());
+			let t = i.keyMoments.getCurrentMoment(e);
+			tt({
+				chapter: t.keyMoment,
+				index: t.index
+			});
+		}), i.on("qualitylevels", (e) => {
+			Ue(e);
+		}), i.on("qualitychange", (e) => {
+			Ge(e);
+		}), i.on("buffering", (e) => {
+			Fe(e);
+		}), i.on("volumechange", (e) => {
+			Ne(e.volume), B(e.muted);
+		}), i.on("pipchange", (e) => {
+			ze(e);
+		}), i.subtitles.onSubtitleChange((e) => {
+			qe(e);
+		}), i.on("subtitlesloaded", (e) => {
+			Ye(T([...e]));
+			let t = e.find((e) => e.isDefault);
+			t && (i.subtitles.setActiveTrack(t.id), H(t.id));
+		}), i.on("audiotracksloaded", (e) => {
+			Ze(e), $e(e[0]?.id ?? 0);
+		}), i.on("audiotrackchange", (e) => {
+			$e(e);
+		}), i.casting.onCastStateChange((e, t) => {
+			lt(e ? t : null);
+		}), Ne(i.getVolume()), B(i.isMuted()), ke(i);
+		let o = () => {
+			let e = !!document.fullscreenElement;
+			Le(e);
+			let t = i.getVideoElement();
+			i.analytics.track(e ? "fullscreen_enter" : "fullscreen_exit", t);
+		};
+		document.addEventListener("fullscreenchange", o);
+		let s = (e) => {
+			let t = document.activeElement;
+			if (!(t && (t.tagName === "INPUT" || t.tagName === "TEXTAREA" || t.getAttribute("contenteditable") === "true"))) {
+				switch (e.key.toLowerCase()) {
+					case " ":
+					case "k":
+						e.preventDefault(), i.getVideoElement().paused ? i.play() : i.pause();
+						break;
+					case "arrowleft":
+					case "j":
+						e.preventDefault(), i.seek(i.getCurrentTime() - 10);
+						break;
+					case "arrowright":
+					case "l":
+						e.preventDefault(), i.seek(i.getCurrentTime() + 10);
+						break;
+					case "arrowup":
+						e.preventDefault(), i.setVolume(i.getVolume() + .1);
+						break;
+					case "arrowdown":
+						e.preventDefault(), i.setVolume(i.getVolume() - .1);
+						break;
+					case "m":
+						e.preventDefault(), i.setMute(!i.isMuted());
+						break;
+					case "f":
+						e.preventDefault(), i.toggleFullscreen();
+						break;
+					case "p":
+						e.preventDefault(), i.togglePictureInPicture();
+						break;
+					case "c":
+						if (e.preventDefault(), i.subtitles.getActiveTrackId() !== "off") i.subtitles.setActiveTrack("off"), H("off");
+						else {
+							let e = kt.current;
+							e && e.length > 0 && (i.subtitles.setActiveTrack(e[0].id), H(e[0].id));
+						}
+						break;
+					default: return;
+				}
+				X();
+			}
+		};
+		return document.addEventListener("keydown", s), X(), () => {
+			i.destroy(), we.current?.destroy(), we.current = null, document.removeEventListener("fullscreenchange", o), document.removeEventListener("keydown", s), Y.current && window.clearTimeout(Y.current), Ee.current &&= (Ee.current.destroy(), null), k.current &&= (document.body.removeChild(k.current), null);
+		};
+	}, [e, fe]), t(() => {
+		if (P) {
+			P.keyMoments.setKeyMoments(U);
+			let e = D.current?.querySelector("video");
+			if (e) {
+				let t = P.keyMoments.getCurrentMoment(e.currentTime);
+				tt({
+					chapter: t.keyMoment,
+					index: t.index
+				});
+			}
+		}
+	}, [ct, P]), t(() => {
+		let e = (e) => {
+			W !== "none" && (e.target.closest(".sdk-menu-container") || G("none"));
+		};
+		return document.addEventListener("click", e), () => {
+			document.removeEventListener("click", e);
+		};
+	}, [W]), Dt.current = F, Ot.current = W, kt.current = Je;
+	let X = () => {
+		Et(!0), Y.current && window.clearTimeout(Y.current), Y.current = window.setTimeout(() => {
+			Dt.current && Ot.current === "none" && Et(!1);
+		}, 1e4);
+	}, At = () => {
+		X();
+	}, jt = () => {
+		P && (Be ? (Z(0), P.play(), Ve(!1)) : F ? P.pause() : P.play(), X());
+	}, Mt = (e) => {
+		if (!O.current || !P || L === 0) return 0;
+		let t = O.current.getBoundingClientRect();
+		return Math.max(0, Math.min(1, (e.clientX - t.left) / t.width)) * L;
+	}, Nt = (e) => {
+		if (!P) return;
+		De.current = !0, wt(Mt(e));
+		let t = (e) => {
+			if (!De.current || !O.current) return;
+			let t = O.current.getBoundingClientRect(), n = Math.max(0, Math.min(1, (e.clientX - t.left) / t.width)) * L;
+			wt(n), _t(e.clientX - t.left), yt(n), k.current && (k.current.currentTime = n), X();
+		}, n = (e) => {
+			if (De.current = !1, O.current) {
+				let t = O.current.getBoundingClientRect();
+				Z(Math.max(0, Math.min(1, (e.clientX - t.left) / t.width)) * L);
+			}
+			wt(null), document.removeEventListener("mousemove", t), document.removeEventListener("mouseup", n);
+		};
+		document.addEventListener("mousemove", t), document.addEventListener("mouseup", n);
+	}, Z = (e) => {
+		if (!P) return;
+		let t = Math.max(0, L > 0 ? Math.min(e, L) : e);
+		j.current = !0, M.current = t, je(t), P.seek(t), N.current && window.clearTimeout(N.current), N.current = window.setTimeout(() => {
+			j.current = !1, M.current = null, N.current = null;
+		}, 3e3);
+	}, Pt = (e) => {
+		if (!P) return;
+		let t = parseFloat(e.target.value);
+		P.setVolume(t), Ne(t), B(t === 0);
+	}, Ft = () => {
+		if (!P) return;
+		let e = !z;
+		P.setMute(e), B(e);
+	}, It = (e) => {
+		P && (P.setPlaybackRate(e), it(e), G("none"));
+	}, Lt = (e) => {
+		if (!P) return;
+		P.setQuality(e);
+		let t = He.find((t) => t.id === e);
+		t && Ge(t), G("none");
+	}, Rt = (e) => {
+		P && (P.subtitles.setActiveTrack(e), H(e), G("none"));
+	}, zt = (e) => {
+		Z(e), G("none");
+	}, Bt = () => {
+		P && P.togglePictureInPicture();
+	}, Vt = () => {
+		P && P.toggleFullscreen();
+	}, Ht = () => {
+		P && (q ? P.casting.stopCasting() : P.casting.requestSession(e, I));
+	}, Ut = () => {
+		if (!P) return;
+		let e = P.getVideoElement();
+		if (ft) {
+			P.casting.stopAirPlay(e);
+			return;
+		}
+		typeof e.webkitShowPlaybackTargetPicker == "function" || P.casting.isAirPlayAvailable() ? P.casting.requestAirPlaySession(e) : console.warn("[PlayerSDK AirPlay] AirPlay is not available on this device.");
+	}, Wt = (e) => {
+		if (!O.current || L === 0 || !P) return;
+		let t = O.current.getBoundingClientRect(), n = Math.max(0, Math.min(1, (e.clientX - t.left) / t.width)) * L;
+		_t(e.clientX - t.left), yt(n), A.current && window.clearTimeout(A.current), A.current = window.setTimeout(() => {
+			k.current && (k.current.currentTime = n);
+		}, 100), Ct(P.keyMoments.getCurrentMoment(n).keyMoment);
+	}, Gt = () => {
+		_t(null), xt(null), Ct(null), A.current && window.clearTimeout(A.current);
+	}, Q = (e) => {
+		if (isNaN(e) || e < 0) return "00:00";
+		let t = Math.floor(e), n = Math.floor(t / 3600), r = Math.floor(t % 3600 / 60), i = t % 60, a = (e) => String(e).padStart(2, "0");
+		return n > 0 ? `${a(n)}:${a(r)}:${a(i)}` : `${a(r)}:${a(i)}`;
+	}, Kt = () => v(z || R === 0 ? ue : R < .3 ? se : R < .7 ? ce : le, { size: 18 }), $ = (e) => {
+		G(W === e ? "none" : e);
+	};
+	return /* @__PURE__ */ y("div", {
+		ref: D,
+		className: `sdk-player-container ${Tt ? "controls-active" : ""}`,
+		onMouseMove: At,
+		onMouseLeave: () => {},
+		style: {
+			border: "1px solid rgba(255, 255, 255, 0.08)",
+			"--sdk-theme-color": g,
+			"--sdk-theme-color-rgb": Se(g)
+		},
+		children: [
+			/* @__PURE__ */ v("canvas", {
+				ref: Te,
+				width: 160,
+				height: 90,
+				style: {
+					display: "none",
+					position: "absolute",
+					pointerEvents: "none"
+				}
+			}),
+			/* @__PURE__ */ v("div", {
+				className: `sdk-spinner-overlay ${Pe ? "active" : ""}`,
+				children: /* @__PURE__ */ v("div", { className: "sdk-spinner" })
+			}),
+			Ke && V !== "off" && /* @__PURE__ */ v("div", {
+				className: "sdk-subtitles-overlay",
+				children: /* @__PURE__ */ v("span", {
+					className: "sdk-subtitles-text",
+					style: {
+						fontSize: E.size === "small" ? "14px" : E.size === "large" ? "24px" : "18px",
+						color: E.color ?? "#ffffff",
+						background: E.background === "none" ? "transparent" : E.background === "solid" ? "rgba(0, 0, 0, 0.92)" : "rgba(15, 23, 42, 0.78)",
+						border: E.background === "none" ? "none" : "1px solid rgba(255,255,255,0.08)",
+						backdropFilter: E.background === "none" ? "none" : "blur(8px)"
+					},
+					dangerouslySetInnerHTML: { __html: Ke }
+				})
+			}),
+			(q || ft) && /* @__PURE__ */ y("div", {
+				className: "sdk-cast-screen",
+				children: [
+					/* @__PURE__ */ v(s, {
+						size: 64,
+						className: "sdk-cast-icon-glow"
+					}),
+					/* @__PURE__ */ v("div", {
+						className: "sdk-cast-title",
+						children: q ? `Casting to ${q}` : `AirPlay to ${mt || "device"}`
+					}),
+					/* @__PURE__ */ v("div", {
+						className: "sdk-cast-desc",
+						children: q ? "This media asset is currently streaming on your external screen." : `This media asset is currently streaming via AirPlay${mt ? ` to ${mt}` : ""}.`
+					}),
+					/* @__PURE__ */ v("button", {
+						className: "sdk-cast-disconnect-btn",
+						onClick: () => {
+							q ? P?.casting.stopCasting() : ft && P?.casting.stopAirPlay(P.getVideoElement());
+						},
+						children: "Disconnect Streaming"
+					})
+				]
+			}),
+			!q && !F && /* @__PURE__ */ v("div", {
+				className: "sdk-center-action-overlay",
+				onClick: jt,
+				children: /* @__PURE__ */ v("div", {
+					className: "sdk-center-action-btn",
+					children: Be ? /* @__PURE__ */ v(re, {
+						size: 32,
+						className: "sdk-center-icon"
+					}) : /* @__PURE__ */ v(ne, {
+						size: 32,
+						className: "sdk-center-icon",
+						style: { marginLeft: "4px" },
+						fill: "currentColor"
+					})
+				})
+			}),
+			!q && /* @__PURE__ */ v("div", {
+				className: "sdk-controls-overlay",
+				onClick: (e) => {
+					e.target === e.currentTarget && jt();
+				},
+				children: he && /* @__PURE__ */ y("div", {
+					className: "sdk-control-bar",
+					children: [/* @__PURE__ */ y("div", {
+						ref: O,
+						className: "sdk-seekbar-container",
+						onMouseDown: Nt,
+						onMouseMove: Wt,
+						onMouseLeave: Gt,
+						children: [
+							/* @__PURE__ */ v("div", {
+								className: "sdk-seekbar-buffered",
+								style: { width: `${L ? (P && P.getBufferedRanges()[0]?.end || 0) / L * 100 : 0}%` }
+							}),
+							/* @__PURE__ */ v("div", {
+								className: "sdk-seekbar-progress",
+								style: {
+									width: `${L ? (J === null ? I : J) / L * 100 : 0}%`,
+									background: g
+								},
+								children: /* @__PURE__ */ v("div", { className: "sdk-seekbar-handle" })
+							}),
+							x && U.map((e, t) => L === 0 ? null : /* @__PURE__ */ v("div", {
+								className: "sdk-seekbar-chapter-marker",
+								style: { left: `${e.startTime / L * 100}%` }
+							}, t)),
+							gt !== null && bt && /* @__PURE__ */ y("div", {
+								className: "sdk-thumbnail-tooltip",
+								style: { left: `${gt}px` },
+								children: [/* @__PURE__ */ v("div", {
+									className: "sdk-thumbnail-preview",
+									children: /* @__PURE__ */ v("img", {
+										src: bt,
+										alt: "preview",
+										style: {
+											width: "100%",
+											height: "100%",
+											objectFit: "cover",
+											borderRadius: "6px 6px 0 0",
+											display: "block"
+										}
+									})
+								}), /* @__PURE__ */ y("div", {
+									className: "sdk-thumbnail-text",
+									children: [Q(vt), St && /* @__PURE__ */ v("div", {
+										className: "sdk-thumbnail-chapter",
+										children: St.title
+									})]
+								})]
+							})
+						]
+					}), /* @__PURE__ */ y("div", {
+						className: "sdk-control-row",
+						children: [/* @__PURE__ */ y("div", {
+							className: "sdk-control-group",
+							children: [
+								/* @__PURE__ */ v("button", {
+									className: "sdk-control-btn",
+									onClick: jt,
+									title: F ? "Pause" : "Play",
+									children: v(F ? ee : ne, {
+										size: 18,
+										fill: "currentColor"
+									})
+								}),
+								/* @__PURE__ */ v("button", {
+									className: "sdk-control-btn",
+									onClick: () => {
+										Z(0), F || P?.play();
+									},
+									title: "Replay from beginning",
+									children: /* @__PURE__ */ v(re, { size: 18 })
+								}),
+								/* @__PURE__ */ v("button", {
+									className: "sdk-control-btn",
+									onClick: () => Z(I - 10),
+									title: "Rewind 10s",
+									children: /* @__PURE__ */ y("div", {
+										style: {
+											position: "relative",
+											display: "flex",
+											alignItems: "center",
+											justifyContent: "center",
+											width: "18px",
+											height: "18px"
+										},
+										children: [/* @__PURE__ */ v(re, { size: 18 }), /* @__PURE__ */ v("span", {
+											style: {
+												position: "absolute",
+												fontSize: "6px",
+												fontWeight: "bold",
+												top: "52%",
+												left: "50%",
+												transform: "translate(-50%, -50%)",
+												pointerEvents: "none",
+												fontFamily: "sans-serif",
+												lineHeight: 1
+											},
+											children: "10"
+										})]
+									})
+								}),
+								/* @__PURE__ */ v("button", {
+									className: "sdk-control-btn",
+									onClick: () => Z(I + 10),
+									title: "Forward 10s",
+									children: /* @__PURE__ */ y("div", {
+										style: {
+											position: "relative",
+											display: "flex",
+											alignItems: "center",
+											justifyContent: "center",
+											width: "18px",
+											height: "18px"
+										},
+										children: [/* @__PURE__ */ v(ie, { size: 18 }), /* @__PURE__ */ v("span", {
+											style: {
+												position: "absolute",
+												fontSize: "6px",
+												fontWeight: "bold",
+												top: "52%",
+												left: "50%",
+												transform: "translate(-50%, -50%)",
+												pointerEvents: "none",
+												fontFamily: "sans-serif",
+												lineHeight: 1
+											},
+											children: "10"
+										})]
+									})
+								}),
+								/* @__PURE__ */ y("div", {
+									className: "sdk-volume-group",
+									children: [/* @__PURE__ */ v("button", {
+										className: "sdk-control-btn",
+										onClick: Ft,
+										children: Kt()
+									}), /* @__PURE__ */ v("div", {
+										className: "sdk-volume-slider-container",
+										children: /* @__PURE__ */ v("input", {
+											type: "range",
+											min: "0",
+											max: "1",
+											step: "0.05",
+											value: z ? 0 : R,
+											onChange: Pt,
+											className: "sdk-volume-slider",
+											style: { "--volume-pct": `${(z ? 0 : R) * 100}%` }
+										})
+									})]
+								}),
+								/* @__PURE__ */ y("div", {
+									className: "sdk-time-display",
+									children: [
+										Q(J === null ? I : J),
+										" / ",
+										Q(L)
+									]
+								}),
+								x && et.chapter && /* @__PURE__ */ y("div", {
+									className: `sdk-chapter-badge ${K ? "active" : ""}`,
+									title: "Toggle Key Moments side panel",
+									onClick: () => at(!K),
+									style: {
+										cursor: "pointer",
+										display: "flex",
+										alignItems: "center"
+									},
+									children: [
+										/* @__PURE__ */ v(d, {
+											size: 10,
+											style: { marginRight: "5px" }
+										}),
+										/* @__PURE__ */ v("span", {
+											style: { marginRight: "3px" },
+											children: et.chapter.title
+										}),
+										/* @__PURE__ */ v(l, {
+											size: 10,
+											style: {
+												opacity: .8,
+												transform: K ? "rotate(90deg)" : "none",
+												transition: "transform 0.2s ease"
+											}
+										})
+									]
+								})
+							]
+						}), /* @__PURE__ */ y("div", {
+							className: "sdk-control-group",
+							children: [
+								_e && /* @__PURE__ */ v("button", {
+									className: "sdk-control-btn",
+									onClick: Ht,
+									title: "Cast Stream",
+									style: { color: q ? "#3b82f6" : "" },
+									children: /* @__PURE__ */ v(s, { size: 18 })
+								}),
+								ut && /* @__PURE__ */ v("button", {
+									className: "sdk-control-btn",
+									onClick: Ut,
+									title: "AirPlay",
+									style: { color: g },
+									children: /* @__PURE__ */ v(o, { size: 18 })
+								}),
+								Xe.length > 1 && /* @__PURE__ */ y("div", {
+									className: "sdk-menu-container",
+									children: [/* @__PURE__ */ v("button", {
+										className: "sdk-control-btn",
+										onClick: () => $("audio"),
+										title: "Audio track",
+										style: { color: W === "audio" ? g : "" },
+										children: /* @__PURE__ */ v(u, { size: 18 })
+									}), W === "audio" && /* @__PURE__ */ y("div", {
+										className: "sdk-dropup-menu",
+										children: [/* @__PURE__ */ v("div", {
+											className: "sdk-dropup-header",
+											children: "Audio Tracks"
+										}), Xe.map((e) => /* @__PURE__ */ y("div", {
+											className: `sdk-dropup-item ${Qe === e.id ? "active" : ""}`,
+											onClick: () => {
+												P?.setAudioTrack(e.id), $e(e.id), G("none");
+											},
+											children: [/* @__PURE__ */ v("span", { children: Ce(e) }), Qe === e.id && /* @__PURE__ */ v(c, { size: 12 })]
+										}, e.id))]
+									})]
+								}),
+								ve && /* @__PURE__ */ y("div", {
+									className: "sdk-menu-container",
+									children: [/* @__PURE__ */ v("button", {
+										className: "sdk-control-btn",
+										onClick: () => $("subtitles"),
+										title: "Subtitles track selector",
+										style: { color: V === "off" ? "" : g },
+										children: /* @__PURE__ */ v(oe, { size: 18 })
+									}), W === "subtitles" && /* @__PURE__ */ y("div", {
+										className: "sdk-dropup-menu",
+										children: [
+											/* @__PURE__ */ v("div", {
+												className: "sdk-dropup-header",
+												children: "Subtitles"
+											}),
+											/* @__PURE__ */ y("div", {
+												className: `sdk-dropup-item ${V === "off" ? "active" : ""}`,
+												onClick: () => Rt("off"),
+												children: [/* @__PURE__ */ v("span", { children: "Off" }), V === "off" && /* @__PURE__ */ v(c, { size: 12 })]
+											}),
+											Je.map((e) => /* @__PURE__ */ y("div", {
+												className: `sdk-dropup-item ${V === e.id ? "active" : ""}`,
+												onClick: () => Rt(e.id),
+												children: [/* @__PURE__ */ v("span", { children: Ce(e) }), V === e.id && /* @__PURE__ */ v(c, { size: 12 })]
+											}, e.id))
+										]
+									})]
+								}),
+								ye && /* @__PURE__ */ y("div", {
+									className: "sdk-menu-container",
+									children: [/* @__PURE__ */ v("button", {
+										className: "sdk-control-btn",
+										onClick: () => $("quality"),
+										title: "Stream Quality settings",
+										style: { color: We.id === -1 ? "" : g },
+										children: /* @__PURE__ */ v(ae, { size: 18 })
+									}), W === "quality" && /* @__PURE__ */ y("div", {
+										className: "sdk-dropup-menu large",
+										children: [/* @__PURE__ */ v("div", {
+											className: "sdk-dropup-header",
+											children: "Quality Options"
+										}), He.map((e) => /* @__PURE__ */ y("div", {
+											className: `sdk-dropup-item ${We.id === e.id ? "active" : ""}`,
+											onClick: () => Lt(e.id),
+											children: [/* @__PURE__ */ v("span", { children: e.label }), We.id === e.id && /* @__PURE__ */ v(c, { size: 12 })]
+										}, e.id))]
+									})]
+								}),
+								be && /* @__PURE__ */ y("div", {
+									className: "sdk-menu-container",
+									children: [/* @__PURE__ */ v("button", {
+										className: "sdk-control-btn",
+										onClick: () => $("speed"),
+										title: "Playback Speed",
+										children: /* @__PURE__ */ y("span", {
+											style: {
+												fontSize: "11px",
+												fontWeight: "bold"
+											},
+											children: [rt, "x"]
+										})
+									}), W === "speed" && /* @__PURE__ */ y("div", {
+										className: "sdk-dropup-menu",
+										children: [/* @__PURE__ */ v("div", {
+											className: "sdk-dropup-header",
+											children: "Speed"
+										}), [
+											.5,
+											.75,
+											1,
+											1.25,
+											1.5,
+											2
+										].map((e) => /* @__PURE__ */ y("div", {
+											className: `sdk-dropup-item ${rt === e ? "active" : ""}`,
+											onClick: () => It(e),
+											children: [/* @__PURE__ */ v("span", { children: e === 1 ? "Normal" : `${e}x` }), rt === e && /* @__PURE__ */ v(c, { size: 12 })]
+										}, e))]
+									})]
+								}),
+								C && /* @__PURE__ */ v("button", {
+									className: "sdk-control-btn",
+									onClick: Bt,
+									title: "Picture-in-Picture",
+									style: { color: Re ? g : "" },
+									children: /* @__PURE__ */ v(te, { size: 18 })
+								}),
+								w && /* @__PURE__ */ v("button", {
+									className: "sdk-control-btn",
+									onClick: Vt,
+									title: "Fullscreen",
+									children: v(Ie ? p : f, { size: 18 })
+								})
+							]
+						})]
+					})]
+				})
+			}),
+			x && K && U.length > 0 && /* @__PURE__ */ y("div", {
+				className: "sdk-sidebar-panel",
+				children: [
+					/* @__PURE__ */ y("div", {
+						className: "sdk-sidebar-header",
+						children: [/* @__PURE__ */ v("div", {
+							className: "sdk-sidebar-title",
+							children: "In this video"
+						}), /* @__PURE__ */ v("button", {
+							className: "sdk-sidebar-close-btn",
+							onClick: () => at(!1),
+							title: "Close panel",
+							children: /* @__PURE__ */ v(de, { size: 16 })
+						})]
+					}),
+					/* @__PURE__ */ v("div", {
+						className: "sdk-sidebar-tabs",
+						children: /* @__PURE__ */ v("button", {
+							className: "sdk-sidebar-tab active",
+							children: "Key Moments"
+						})
+					}),
+					/* @__PURE__ */ v("div", {
+						className: "sdk-sidebar-content",
+						children: U.map((e, t) => {
+							let n = et.index === t;
+							return /* @__PURE__ */ y("div", {
+								className: `sdk-sidebar-chapter-row ${n ? "active" : ""}`,
+								onClick: () => zt(e.startTime),
+								children: [/* @__PURE__ */ y("div", {
+									className: "sdk-sidebar-chapter-thumbnail",
+									style: { overflow: "hidden" },
+									children: [ot[t] || e.thumbnail ? /* @__PURE__ */ v("img", {
+										src: ot[t] || e.thumbnail,
+										alt: e.title,
+										style: {
+											width: "100%",
+											height: "100%",
+											objectFit: "cover",
+											display: "block"
+										}
+									}) : /* @__PURE__ */ v(d, {
+										size: 14,
+										className: "sdk-sidebar-chapter-icon",
+										style: { color: n ? g : "rgba(255,255,255,0.4)" }
+									}), /* @__PURE__ */ v("span", {
+										className: "sdk-sidebar-chapter-time",
+										children: Q(e.startTime)
+									})]
+								}), /* @__PURE__ */ y("div", {
+									className: "sdk-sidebar-chapter-info",
+									children: [/* @__PURE__ */ v("div", {
+										className: "sdk-sidebar-chapter-title",
+										style: { color: n ? g : "#ffffff" },
+										children: e.title
+									}), /* @__PURE__ */ y("div", {
+										className: "sdk-sidebar-chapter-duration",
+										children: ["Start at ", Q(e.startTime)]
+									})]
+								})]
+							}, t);
+						})
+					})
+				]
+			})
+		]
+	});
+};
+//#endregion
+//#region src/create-player.ts
+function D(t, n) {
+	let r = i(t), a = n;
+	return r.render(e(E, a)), {
+		update(t) {
+			a = {
+				...a,
+				...t
+			}, r.render(e(E, a));
+		},
+		destroy() {
+			r.unmount();
+		}
+	};
+}
+//#endregion
+export { ge as FirebaseAnalyticsProvider, xe as VideoPlayerSDK, E as WebVideoPlayer, D as createPlayer };
+
+//# sourceMappingURL=index.js.map