stormcloud-video-player 0.8.59 → 0.8.60

package/lib/{index.js → StormcloudPlayer.cjs}

@@ -1,3 +1,4 @@
+"use strict";
 function _array_like_to_array(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
@@ -177,42 +178,6 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-function _object_without_properties(source, excluded) {
-    if (source == null) return {};
-    var target = {}, sourceKeys, key, i;
-    if (typeof Reflect !== "undefined" && Reflect.ownKeys) {
-        sourceKeys = Reflect.ownKeys(Object(source));
-        for(i = 0; i < sourceKeys.length; i++){
-            key = sourceKeys[i];
-            if (excluded.indexOf(key) >= 0) continue;
-            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-            target[key] = source[key];
-        }
-        return target;
-    }
-    target = _object_without_properties_loose(source, excluded);
-    if (Object.getOwnPropertySymbols) {
-        sourceKeys = Object.getOwnPropertySymbols(source);
-        for(i = 0; i < sourceKeys.length; i++){
-            key = sourceKeys[i];
-            if (excluded.indexOf(key) >= 0) continue;
-            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-            target[key] = source[key];
-        }
-    }
-    return target;
-}
-function _object_without_properties_loose(source, excluded) {
-    if (source == null) return {};
-    var target = {}, sourceKeys = Object.getOwnPropertyNames(source), key, i;
-    for(i = 0; i < sourceKeys.length; i++){
-        key = sourceKeys[i];
-        if (excluded.indexOf(key) >= 0) continue;
-        if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-        target[key] = 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);
@@ -361,10 +326,78 @@ function _unsupported_iterable_to_array(o, minLen) {
     if (n === "Map" || n === "Set") return Array.from(n);
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
 }
-// src/ui/StormcloudVideoPlayer.tsx
-import React, { useEffect, useRef, useMemo, useCallback } from "react";
+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/StormcloudPlayer.tsx
+var StormcloudPlayer_exports = {};
+__export(StormcloudPlayer_exports, {
+    createStormcloudPlayer: function createStormcloudPlayer1() {
+        return createStormcloudPlayer;
+    },
+    default: function _default() {
+        return StormcloudPlayer_default;
+    }
+});
+module.exports = __toCommonJS(StormcloudPlayer_exports);
+var import_react5 = __toESM(require("react"), 1);
 // src/sdk/hlsAdPlayer.ts
-import Hls from "hls.js";
+var import_hls = __toESM(require("hls.js"), 1);
 // src/utils/browserCompat.ts
 function getChromeVersion(ua) {
     var match = ua.match(/Chrome\/(\d+)/);
@@ -402,7 +435,7 @@ function detectBrowser() {
     var majorVersion = 0;
     var isSmartTV = false;
     var isLegacyTV = false;
-    var supportsModernJS2 = true;
+    var supportsModernJS = true;
     var webOSVersion;
     var tizenVersion;
     var chromeVersionNum;
@@ -477,18 +510,18 @@ function detectBrowser() {
             version = chromeVersion.toString();
             majorVersion = chromeVersion;
             if (chromeVersion < 50) {
-                supportsModernJS2 = false;
+                supportsModernJS = false;
             }
         }
         if (webkitVersion > 0 && webkitVersion < 600) {
-            supportsModernJS2 = false;
+            supportsModernJS = false;
         }
     }
     if (typeof Promise === "undefined" || typeof Map === "undefined" || typeof Set === "undefined") {
-        supportsModernJS2 = false;
+        supportsModernJS = false;
     }
     if (typeof URLSearchParams === "undefined") {
-        supportsModernJS2 = false;
+        supportsModernJS = false;
     }
     return {
         name: name,
@@ -497,7 +530,7 @@ function detectBrowser() {
         isSmartTV: isSmartTV,
         isLegacyTV: isLegacyTV,
         platform: platform,
-        supportsModernJS: supportsModernJS2,
+        supportsModernJS: supportsModernJS,
         webOSVersion: webOSVersion,
         tizenVersion: tizenVersion,
         chromeVersion: chromeVersionNum
@@ -517,13 +550,6 @@ function getBrowserConfigOverrides() {
     }
     return overrides;
 }
-function supportsModernJS() {
-    try {
-        return typeof Promise !== "undefined" && typeof Map !== "undefined" && typeof Set !== "undefined" && typeof Array.from !== "undefined" && typeof Object.assign !== "undefined" && typeof Array.prototype.forEach !== "undefined" && typeof String.prototype.includes !== "undefined";
-    } catch (e) {
-        return false;
-    }
-}
 function logBrowserInfo() {
     var debug = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : false;
     if (!debug) return;
@@ -544,22 +570,6 @@ function logBrowserInfo() {
         userAgent: navigator.userAgent
     }));
 }
-function supportsFeature(feature) {
-    switch(feature){
-        case "urlsearchparams":
-            return typeof URLSearchParams !== "undefined";
-        case "textencoder":
-            return typeof TextEncoder !== "undefined";
-        case "promises":
-            return typeof Promise !== "undefined";
-        case "fetch":
-            return typeof fetch !== "undefined";
-        case "crypto":
-            return typeof crypto !== "undefined" && typeof crypto.subtle !== "undefined";
-        default:
-            return false;
-    }
-}
 // src/utils/vastTrackingMacros.ts
 var VAST_MACRO_PATTERN = /\[([A-Z][A-Z0-9_]*)\]/g;
 var CACHEBUSTING_ALIASES = /\[CACHEBUSTER\]|\[cachebuster\]|\[timestamp\]|\[random\]|\[INSERT_RANDOM_NUMBER\]|%%CACHEBUSTER%%|%%CACHEBUST%%|\$\{CACHEBUSTER\}|\$\{CACHEBUSTING\}|\{cachebuster\}|\{random\}/g;
@@ -605,6 +615,7 @@ var KNOWN_VAST_MACROS = /* @__PURE__ */ new Set([
     "PLAYERSIZE",
     "PLAYERSTATE",
     "PODSEQUENCE",
+    "REASON",
     "REGULATIONS",
     "SERVERSIDE",
     "SERVERUA",
@@ -663,6 +674,10 @@ function resolveMacroValues(ctx) {
     if (ctx.podSequence != null) {
         set("PODSEQUENCE", String(ctx.podSequence));
     }
+    set("ADSERVINGID", ctx.adServingId);
+    if (ctx.reason != null && ctx.reason !== "") {
+        set("REASON", String(ctx.reason));
+    }
     return values;
 }
 function substituteVastTrackingMacros(url) {
@@ -679,10 +694,72 @@ function substituteVastTrackingMacros(url) {
     });
 }
 // src/sdk/hlsAdPlayer.ts
+var LINEAR_TRACKING_EVENTS = [
+    "creativeView",
+    "loaded",
+    "start",
+    "firstQuartile",
+    "midpoint",
+    "thirdQuartile",
+    "complete",
+    "mute",
+    "unmute",
+    "pause",
+    "resume",
+    "fullscreen",
+    "exitFullscreen",
+    "playerExpand",
+    "playerCollapse",
+    "notUsed"
+];
+function textOf(el) {
+    var _el_textContent;
+    var value = el === null || el === void 0 ? void 0 : (_el_textContent = el.textContent) === null || _el_textContent === void 0 ? void 0 : _el_textContent.trim();
+    return value ? value : void 0;
+}
+function parseVastTime(value) {
+    if (!value) return void 0;
+    var parts = value.trim().split(":");
+    if (parts.length !== 3) return void 0;
+    var _parts_map = _sliced_to_array(parts.map(function(p) {
+        return parseFloat(p);
+    }), 3), h = _parts_map[0], m = _parts_map[1], s = _parts_map[2];
+    if (![
+        h,
+        m,
+        s
+    ].every(function(n) {
+        return n !== void 0 && Number.isFinite(n);
+    })) {
+        return void 0;
+    }
+    return h * 3600 + m * 60 + s;
+}
+function parseProgressOffset(offset) {
+    if (!offset) return void 0;
+    var trimmed = offset.trim();
+    if (trimmed.endsWith("%")) {
+        var percent = parseFloat(trimmed);
+        return Number.isFinite(percent) ? {
+            offsetPercent: percent
+        } : void 0;
+    }
+    var seconds = parseVastTime(trimmed);
+    return seconds !== void 0 ? {
+        offsetSeconds: seconds
+    } : void 0;
+}
 var MAX_VAST_WRAPPER_DEPTH = 5;
 var BEACON_TIMEOUT_MS = 3e4;
 var inFlightBeacons = /* @__PURE__ */ new Set();
 var VAST_ERROR_MEDIA_DISPLAY = 405;
+var VAST_ERROR_WRAPPER_TIMEOUT = 301;
+var VAST_ERROR_WRAPPER_LIMIT = 302;
+var VAST_ERROR_WRAPPER_NO_ADS = 303;
+var VAST_ERROR_NO_SUPPORTED_MEDIA = 403;
+var VERIFICATION_NOT_SUPPORTED_REASON = 2;
+var VIEWABLE_MIN_VISIBLE_RATIO = 0.5;
+var VIEWABLE_MIN_CONTINUOUS_S = 2;
 function toVastMediaErrorCode(error) {
     switch(error === null || error === void 0 ? void 0 : error.code){
         case 1:
@@ -710,6 +787,7 @@ function createHlsAdPlayer(contentVideo, options) {
     var adHls;
     var adContainerEl = (_contentVideo_AD_CONTAINER_PROP = contentVideo[AD_CONTAINER_PROP]) !== null && _contentVideo_AD_CONTAINER_PROP !== void 0 ? _contentVideo_AD_CONTAINER_PROP : void 0;
     var adEventHandlers = [];
+    var containerHandlers = [];
     var currentAd;
     var currentAdMediaFile;
     var podAds = [];
@@ -727,14 +805,28 @@ function createHlsAdPlayer(contentVideo, options) {
     var sawDecodedVideoFrame = false;
     var videoFrameCallbackHandle;
     var pendingPlayPromise;
-    var trackingFired = {
-        impression: false,
-        start: false,
-        firstQuartile: false,
-        midpoint: false,
-        thirdQuartile: false,
-        complete: false
-    };
+    function createTrackingState() {
+        return {
+            impression: false,
+            loaded: false,
+            start: false,
+            firstQuartile: false,
+            midpoint: false,
+            thirdQuartile: false,
+            complete: false,
+            viewabilitySettled: false,
+            lastMuted: void 0,
+            progressFired: /* @__PURE__ */ new Set()
+        };
+    }
+    var trackingFired = createTrackingState();
+    var resolvedAds = /* @__PURE__ */ new Set();
+    var viewObserver;
+    var visibleRatio = 0;
+    var continuousVisibleS = 0;
+    var lastViewSampleTime;
+    var lastPlayerExpanded = false;
+    var documentHandlers = [];
     function emit(event, payload) {
         var set = listeners.get(event);
         if (!set) return;
@@ -763,7 +855,11 @@ function createHlsAdPlayer(contentVideo, options) {
             }
         }
     }
-    function buildTrackingMacroContext(errorCode) {
+    function buildTrackingMacroContext() {
+        var options2 = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
+        var _options2_ad;
+        var errorCode = options2.errorCode, reason = options2.reason;
+        var ad = (_options2_ad = options2.ad) !== null && _options2_ad !== void 0 ? _options2_ad : currentAd;
         var context = {
             adPlayheadSeconds: adVideoElement === null || adVideoElement === void 0 ? void 0 : adVideoElement.currentTime,
             contentPlayheadSeconds: contentVideo.currentTime,
@@ -784,11 +880,17 @@ function createHlsAdPlayer(contentVideo, options) {
         if (podAds.length > 0) {
             context.podSequence = podIndex + 1;
         }
+        if (ad === null || ad === void 0 ? void 0 : ad.adServingId) {
+            context.adServingId = ad.adServingId;
+        }
+        if (reason != null) {
+            context.reason = reason;
+        }
         return context;
     }
     function fireTrackingPixels(urls, options2) {
         if (!urls || urls.length === 0) return;
-        var macroContext = buildTrackingMacroContext(options2 === null || options2 === void 0 ? void 0 : options2.errorCode);
+        var macroContext = buildTrackingMacroContext(options2);
         urls.forEach(function(url) {
             try {
                 var trackingUrl = substituteVastTrackingMacros(url, macroContext);
@@ -899,8 +1001,8 @@ function createHlsAdPlayer(contentVideo, options) {
         var url = (mediaFile.url.toLowerCase().split("?")[0] || "").trim();
         return type.startsWith("audio/") || url.endsWith(".mp3") || url.endsWith(".aac") || url.endsWith(".m4a") || url.endsWith(".ogg") || url.endsWith(".oga") || url.endsWith(".opus") || url.endsWith(".wav") || url.endsWith(".weba");
     }
-    function collectVideoMediaFiles(scope, verbose) {
-        var mediaFileElements = scope.querySelectorAll("MediaFile");
+    function collectVideoMediaFiles(linear, verbose) {
+        var mediaFileElements = linear.querySelectorAll(":scope > MediaFiles > MediaFile");
         var mediaFiles = [];
         if (verbose) {
             console.log("[HlsAdPlayer] Found ".concat(mediaFileElements.length, " MediaFile element(s) in VAST XML"));
@@ -920,6 +1022,13 @@ function createHlsAdPlayer(contentVideo, options) {
                 }
                 return;
             }
+            var apiFramework = (mf.getAttribute("apiFramework") || "").toUpperCase();
+            if (apiFramework === "VPAID") {
+                if (verbose) {
+                    console.log("[HlsAdPlayer] MediaFile ".concat(index, " ignored (VPAID creatives are not supported)"));
+                }
+                return;
+            }
             var bitrateAttr = mf.getAttribute("bitrate");
             var bitrateValue = bitrateAttr ? parseInt(bitrateAttr, 10) : void 0;
             var mediaFile = {
@@ -950,114 +1059,144 @@ function createHlsAdPlayer(contentVideo, options) {
         return mediaFiles;
     }
     function createEmptyTrackingUrls() {
-        return {
+        var urls = {
             impression: [],
-            start: [],
-            firstQuartile: [],
-            midpoint: [],
-            thirdQuartile: [],
-            complete: [],
-            mute: [],
-            unmute: [],
-            pause: [],
-            resume: [],
-            fullscreen: [],
-            exitFullscreen: [],
-            skip: [],
-            error: []
+            clickTracking: [],
+            error: [],
+            viewable: [],
+            notViewable: [],
+            viewUndetermined: [],
+            verificationNotExecuted: [],
+            progress: []
         };
+        var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
+        try {
+            for(var _iterator = LINEAR_TRACKING_EVENTS[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
+                var event = _step.value;
+                urls[event] = [];
+            }
+        } catch (err) {
+            _didIteratorError = true;
+            _iteratorError = err;
+        } finally{
+            try {
+                if (!_iteratorNormalCompletion && _iterator.return != null) {
+                    _iterator.return();
+                }
+            } finally{
+                if (_didIteratorError) {
+                    throw _iteratorError;
+                }
+            }
+        }
+        return urls;
     }
-    function extractTrackingUrls(scope) {
-        var trackingUrls = createEmptyTrackingUrls();
-        scope.querySelectorAll("Impression").forEach(function(el) {
-            var _el_textContent;
-            var url = (_el_textContent = el.textContent) === null || _el_textContent === void 0 ? void 0 : _el_textContent.trim();
-            if (url) trackingUrls.impression.push(url);
+    function pushUrls(target, elements) {
+        elements.forEach(function(el) {
+            var url = textOf(el);
+            if (url) target.push(url);
         });
-        scope.querySelectorAll("Tracking").forEach(function(el) {
-            var _el_textContent;
+    }
+    function collectLinearTracking(linear, into) {
+        linear.querySelectorAll(":scope > TrackingEvents > Tracking").forEach(function(el) {
             var event = el.getAttribute("event");
-            var url = (_el_textContent = el.textContent) === null || _el_textContent === void 0 ? void 0 : _el_textContent.trim();
-            if (event && url) {
-                var eventKey = event;
-                if (trackingUrls[eventKey]) {
-                    trackingUrls[eventKey].push(url);
-                }
+            var url = textOf(el);
+            if (!event || !url) return;
+            if (event === "progress") {
+                var offset = parseProgressOffset(el.getAttribute("offset"));
+                if (offset) into.progress.push(_object_spread({
+                    url: url
+                }, offset));
+                return;
+            }
+            if (LINEAR_TRACKING_EVENTS.indexOf(event) !== -1) {
+                into[event].push(url);
             }
         });
-        scope.querySelectorAll("Error").forEach(function(el) {
-            var _el_textContent;
-            var url = (_el_textContent = el.textContent) === null || _el_textContent === void 0 ? void 0 : _el_textContent.trim();
-            if (url) trackingUrls.error.push(url);
+        pushUrls(into.clickTracking, linear.querySelectorAll(":scope > VideoClicks > ClickTracking"));
+    }
+    function collectAdLevelTracking(adBody, into) {
+        pushUrls(into.impression, adBody.querySelectorAll(":scope > Impression"));
+        pushUrls(into.error, adBody.querySelectorAll(":scope > Error"));
+        pushUrls(into.viewable, adBody.querySelectorAll(":scope > ViewableImpression > Viewable"));
+        pushUrls(into.notViewable, adBody.querySelectorAll(":scope > ViewableImpression > NotViewable"));
+        pushUrls(into.viewUndetermined, adBody.querySelectorAll(":scope > ViewableImpression > ViewUndetermined"));
+        adBody.querySelectorAll(':scope > AdVerifications > Verification, :scope > Extensions > Extension[type="AdVerifications"] > AdVerifications > Verification').forEach(function(verification) {
+            pushUrls(into.verificationNotExecuted, verification.querySelectorAll(':scope > TrackingEvents > Tracking[event="verificationNotExecuted"]'));
         });
-        return trackingUrls;
     }
     function mergeTrackingUrls(target, source) {
-        Object.keys(target).forEach(function(key) {
-            if (source[key] && source[key].length > 0) {
-                target[key] = target[key].concat(source[key]);
+        var targetLists = target;
+        var sourceLists = source;
+        var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
+        try {
+            for(var _iterator = Object.keys(targetLists)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
+                var key = _step.value;
+                var incoming = sourceLists[key];
+                if (incoming && incoming.length > 0) {
+                    targetLists[key] = targetLists[key].concat(incoming);
+                }
             }
-        });
+        } catch (err) {
+            _didIteratorError = true;
+            _iteratorError = err;
+        } finally{
+            try {
+                if (!_iteratorNormalCompletion && _iterator.return != null) {
+                    _iterator.return();
+                }
+            } finally{
+                if (_didIteratorError) {
+                    throw _iteratorError;
+                }
+            }
+        }
         return target;
     }
+    function parseXml(xmlString) {
+        var xmlDoc = new DOMParser().parseFromString(xmlString, "text/xml");
+        var parserError = xmlDoc.querySelector("parsererror");
+        if (parserError) {
+            console.error("[HlsAdPlayer] XML parsing error (malformed VAST XML):", parserError.textContent);
+            return null;
+        }
+        return xmlDoc;
+    }
+    function getAdSequence(adElement) {
+        var sequence = parseInt(adElement.getAttribute("sequence") || "", 10);
+        return Number.isFinite(sequence) ? sequence : void 0;
+    }
+    function emptyVastResult(root) {
+        var errorUrls = [];
+        pushUrls(errorUrls, root.querySelectorAll(":scope > Error"));
+        return {
+            type: "empty",
+            errorUrls: errorUrls,
+            errorCode: VAST_ERROR_WRAPPER_NO_ADS
+        };
+    }
     function parseVastXml(xmlString) {
         try {
-            var _xmlDoc_querySelector, _xmlDoc_querySelector_textContent, _xmlDoc_querySelector1, _xmlDoc_querySelector_textContent1, _xmlDoc_querySelector2, _xmlDoc_querySelector3;
-            var parser = new DOMParser();
-            var xmlDoc = parser.parseFromString(xmlString, "text/xml");
-            var parserError = xmlDoc.querySelector("parsererror");
-            if (parserError) {
-                console.error("[HlsAdPlayer] XML parsing error (malformed VAST XML):", parserError.textContent);
-                return {
-                    type: "empty"
-                };
-            }
-            var adElement = xmlDoc.querySelector("Ad");
+            var _adElements_find;
+            var xmlDoc = parseXml(xmlString);
+            if (!xmlDoc) return {
+                type: "empty"
+            };
+            var root = xmlDoc.documentElement;
+            var adElements = Array.from(root.querySelectorAll(":scope > Ad"));
+            var adElement = (_adElements_find = adElements.find(function(el) {
+                return getAdSequence(el) === void 0;
+            })) !== null && _adElements_find !== void 0 ? _adElements_find : adElements[0];
             if (!adElement) {
-                console.warn("[HlsAdPlayer] No Ad element found in VAST XML");
-                return {
-                    type: "empty"
-                };
-            }
-            var adId = adElement.getAttribute("id") || "unknown";
-            var title = ((_xmlDoc_querySelector = xmlDoc.querySelector("AdTitle")) === null || _xmlDoc_querySelector === void 0 ? void 0 : _xmlDoc_querySelector.textContent) || "Ad";
-            var clickThrough = (_xmlDoc_querySelector1 = xmlDoc.querySelector("ClickThrough")) === null || _xmlDoc_querySelector1 === void 0 ? void 0 : (_xmlDoc_querySelector_textContent = _xmlDoc_querySelector1.textContent) === null || _xmlDoc_querySelector_textContent === void 0 ? void 0 : _xmlDoc_querySelector_textContent.trim();
-            var wrapperUri = (_xmlDoc_querySelector2 = xmlDoc.querySelector("VASTAdTagURI")) === null || _xmlDoc_querySelector2 === void 0 ? void 0 : (_xmlDoc_querySelector_textContent1 = _xmlDoc_querySelector2.textContent) === null || _xmlDoc_querySelector_textContent1 === void 0 ? void 0 : _xmlDoc_querySelector_textContent1.trim();
-            if (wrapperUri) {
-                console.log("[HlsAdPlayer] VAST wrapper detected, following VASTAdTagURI: ".concat(wrapperUri));
-                return {
-                    type: "wrapper",
-                    vastAdTagUri: wrapperUri,
-                    trackingUrls: extractTrackingUrls(xmlDoc),
-                    clickThrough: clickThrough
-                };
+                var _root_getAttribute;
+                console.warn("[HlsAdPlayer] No Ad element found in VAST ".concat((_root_getAttribute = root.getAttribute("version")) !== null && _root_getAttribute !== void 0 ? _root_getAttribute : "", " response"));
+                return emptyVastResult(root);
             }
-            var isNoAdAvailable = adId === "empty" || title.toLowerCase().includes("no ad available") || title.toLowerCase() === "no ad available";
-            var durationText = ((_xmlDoc_querySelector3 = xmlDoc.querySelector("Duration")) === null || _xmlDoc_querySelector3 === void 0 ? void 0 : _xmlDoc_querySelector3.textContent) || "00:00:30";
-            var durationParts = durationText.split(":");
-            var duration = parseInt(durationParts[0] || "0", 10) * 3600 + parseInt(durationParts[1] || "0", 10) * 60 + parseInt(durationParts[2] || "0", 10);
-            var mediaFiles = collectVideoMediaFiles(xmlDoc, true);
-            if (mediaFiles.length === 0) {
-                if (isNoAdAvailable) {
-                    console.warn("[HlsAdPlayer] No ads available (VAST response indicates no ads)");
-                } else {
-                    console.warn("[HlsAdPlayer] No supported media files found in VAST XML");
-                }
-                return {
-                    type: "empty"
-                };
+            var parsed = parseAdElement(adElement, true);
+            if (parsed.type === "wrapper") {
+                console.log("[HlsAdPlayer] VAST wrapper detected, following VASTAdTagURI: ".concat(parsed.vastAdTagUri));
             }
-            return {
-                type: "inline",
-                ad: {
-                    id: adId,
-                    title: title,
-                    duration: duration,
-                    mediaFiles: mediaFiles,
-                    trackingUrls: extractTrackingUrls(xmlDoc),
-                    clickThrough: clickThrough
-                }
-            };
+            return parsed;
         } catch (error) {
             console.error("[HlsAdPlayer] Error parsing VAST XML:", error);
             return {
@@ -1066,48 +1205,101 @@ function createHlsAdPlayer(contentVideo, options) {
         }
     }
     function parseAdElement(adElement) {
+        var verbose = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false;
         try {
-            var _adElement_querySelector, _adElement_querySelector_textContent, _adElement_querySelector1, _adElement_querySelector_textContent1, _adElement_querySelector2, _adElement_querySelector3;
-            var adId = adElement.getAttribute("id") || "unknown";
-            var title = ((_adElement_querySelector = adElement.querySelector("AdTitle")) === null || _adElement_querySelector === void 0 ? void 0 : _adElement_querySelector.textContent) || "Ad";
-            var clickThrough = (_adElement_querySelector1 = adElement.querySelector("ClickThrough")) === null || _adElement_querySelector1 === void 0 ? void 0 : (_adElement_querySelector_textContent = _adElement_querySelector1.textContent) === null || _adElement_querySelector_textContent === void 0 ? void 0 : _adElement_querySelector_textContent.trim();
-            var wrapperUri = (_adElement_querySelector2 = adElement.querySelector("VASTAdTagURI")) === null || _adElement_querySelector2 === void 0 ? void 0 : (_adElement_querySelector_textContent1 = _adElement_querySelector2.textContent) === null || _adElement_querySelector_textContent1 === void 0 ? void 0 : _adElement_querySelector_textContent1.trim();
-            if (wrapperUri) {
+            var _parseVastTime;
+            var wrapper = adElement.querySelector(":scope > Wrapper");
+            if (wrapper) {
+                var vastAdTagUri = textOf(wrapper.querySelector(":scope > VASTAdTagURI"));
+                if (!vastAdTagUri) {
+                    console.warn("[HlsAdPlayer] <Wrapper> has no VASTAdTagURI");
+                    return {
+                        type: "empty"
+                    };
+                }
+                var trackingUrls2 = createEmptyTrackingUrls();
+                collectAdLevelTracking(wrapper, trackingUrls2);
+                wrapper.querySelectorAll(":scope > Creatives > Creative > Linear").forEach(function(linear2) {
+                    return collectLinearTracking(linear2, trackingUrls2);
+                });
                 return {
                     type: "wrapper",
-                    vastAdTagUri: wrapperUri,
-                    trackingUrls: extractTrackingUrls(adElement),
-                    clickThrough: clickThrough
+                    vastAdTagUri: vastAdTagUri,
+                    trackingUrls: trackingUrls2,
+                    rules: {
+                        followAdditionalWrappers: wrapper.getAttribute("followAdditionalWrappers") !== "false"
+                    }
                 };
             }
-            var isNoAdAvailable = adId === "empty" || title.toLowerCase().includes("no ad available") || title.toLowerCase() === "no ad available";
-            var durationText = ((_adElement_querySelector3 = adElement.querySelector("Duration")) === null || _adElement_querySelector3 === void 0 ? void 0 : _adElement_querySelector3.textContent) || "00:00:30";
-            var durationParts = durationText.split(":");
-            var duration = parseInt(durationParts[0] || "0", 10) * 3600 + parseInt(durationParts[1] || "0", 10) * 60 + parseInt(durationParts[2] || "0", 10);
-            var mediaFiles = collectVideoMediaFiles(adElement, false);
-            if (mediaFiles.length === 0) {
-                if (isNoAdAvailable) {
-                    console.warn("[HlsAdPlayer] Pod <Ad> indicates no ad available");
-                } else {
-                    console.warn("[HlsAdPlayer] No supported media files in pod <Ad>");
-                }
+            var inLine = adElement.querySelector(":scope > InLine");
+            if (!inLine) {
+                console.warn("[HlsAdPlayer] <Ad> has neither <InLine> nor <Wrapper>");
                 return {
                     type: "empty"
                 };
             }
+            var errorUrls = [];
+            pushUrls(errorUrls, inLine.querySelectorAll(":scope > Error"));
+            if (adElement.getAttribute("conditionalAd") === "true") {
+                console.warn("[HlsAdPlayer] Skipping conditional <Ad> (VPAID-only)");
+                return {
+                    type: "empty",
+                    errorUrls: errorUrls,
+                    errorCode: VAST_ERROR_NO_SUPPORTED_MEDIA
+                };
+            }
+            var linear;
+            var mediaFiles = [];
+            var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
+            try {
+                for(var _iterator = Array.from(inLine.querySelectorAll(":scope > Creatives > Creative > Linear"))[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
+                    var candidate = _step.value;
+                    var files = collectVideoMediaFiles(candidate, verbose);
+                    if (files.length > 0) {
+                        linear = candidate;
+                        mediaFiles = files;
+                        break;
+                    }
+                }
+            } catch (err) {
+                _didIteratorError = true;
+                _iteratorError = err;
+            } finally{
+                try {
+                    if (!_iteratorNormalCompletion && _iterator.return != null) {
+                        _iterator.return();
+                    }
+                } finally{
+                    if (_didIteratorError) {
+                        throw _iteratorError;
+                    }
+                }
+            }
+            if (!linear) {
+                console.warn("[HlsAdPlayer] No supported linear media files in <Ad>");
+                return {
+                    type: "empty",
+                    errorUrls: errorUrls,
+                    errorCode: VAST_ERROR_NO_SUPPORTED_MEDIA
+                };
+            }
+            var trackingUrls = createEmptyTrackingUrls();
+            collectAdLevelTracking(inLine, trackingUrls);
+            collectLinearTracking(linear, trackingUrls);
             return {
                 type: "inline",
                 ad: {
-                    id: adId,
-                    title: title,
-                    duration: duration,
+                    id: adElement.getAttribute("id") || "unknown",
+                    title: textOf(inLine.querySelector(":scope > AdTitle")) || "Ad",
+                    duration: (_parseVastTime = parseVastTime(textOf(linear.querySelector(":scope > Duration")))) !== null && _parseVastTime !== void 0 ? _parseVastTime : 30,
                     mediaFiles: mediaFiles,
-                    trackingUrls: extractTrackingUrls(adElement),
-                    clickThrough: clickThrough
+                    trackingUrls: trackingUrls,
+                    clickThrough: textOf(linear.querySelector(":scope > VideoClicks > ClickThrough")),
+                    adServingId: textOf(inLine.querySelector(":scope > AdServingId"))
                 }
             };
         } catch (error) {
-            console.error("[HlsAdPlayer] Error parsing pod <Ad> element:", error);
+            console.error("[HlsAdPlayer] Error parsing <Ad> element:", error);
             return {
                 type: "empty"
             };
@@ -1186,30 +1378,63 @@ function createHlsAdPlayer(contentVideo, options) {
     }
     function fetchAndParseVastAd(_0) {
         return _async_to_generator(function(vastTagUrl) {
-            var depth, accumulatedTracking, vastXml, parsed;
+            var depth, accumulatedTracking, rules, vastXml, error, parsed, _parsed_errorUrls, _parsed_errorCode;
             var _arguments = arguments;
             return _ts_generator(this, function(_state) {
                 switch(_state.label){
                     case 0:
-                        depth = _arguments.length > 1 && _arguments[1] !== void 0 ? _arguments[1] : 0, accumulatedTracking = _arguments.length > 2 && _arguments[2] !== void 0 ? _arguments[2] : createEmptyTrackingUrls();
+                        depth = _arguments.length > 1 && _arguments[1] !== void 0 ? _arguments[1] : 0, accumulatedTracking = _arguments.length > 2 && _arguments[2] !== void 0 ? _arguments[2] : createEmptyTrackingUrls(), rules = _arguments.length > 3 && _arguments[3] !== void 0 ? _arguments[3] : {
+                            followAdditionalWrappers: true
+                        };
+                        _state.label = 1;
+                    case 1:
+                        _state.trys.push([
+                            1,
+                            3,
+                            ,
+                            4
+                        ]);
                         return [
                             4,
                             fetchVastXml(vastTagUrl, depth === 0 ? "include" : "omit")
                         ];
-                    case 1:
+                    case 2:
                         vastXml = _state.sent();
+                        return [
+                            3,
+                            4
+                        ];
+                    case 3:
+                        error = _state.sent();
+                        if (depth === 0) throw error;
+                        console.warn("[HlsAdPlayer] Wrapped VAST request failed:", error);
+                        fireTrackingPixels(accumulatedTracking.error, {
+                            errorCode: VAST_ERROR_WRAPPER_TIMEOUT
+                        });
+                        return [
+                            2,
+                            null
+                        ];
+                    case 4:
                         console.log("[HlsAdPlayer] VAST XML received");
                         console.log("[HlsAdPlayer] VAST XML content (first 2000 chars):", vastXml.substring(0, 2e3));
                         parsed = parseVastXml(vastXml);
                         if (parsed.type === "empty") {
+                            ;
+                            fireTrackingPixels(((_parsed_errorUrls = parsed.errorUrls) !== null && _parsed_errorUrls !== void 0 ? _parsed_errorUrls : []).concat(accumulatedTracking.error), {
+                                errorCode: (_parsed_errorCode = parsed.errorCode) !== null && _parsed_errorCode !== void 0 ? _parsed_errorCode : VAST_ERROR_WRAPPER_NO_ADS
+                            });
                             return [
                                 2,
                                 null
                             ];
                         }
                         if (parsed.type === "wrapper") {
-                            if (depth >= MAX_VAST_WRAPPER_DEPTH) {
-                                console.warn("[HlsAdPlayer] VAST wrapper depth limit (".concat(MAX_VAST_WRAPPER_DEPTH, ") reached, aborting redirect chain"));
+                            if (depth >= MAX_VAST_WRAPPER_DEPTH || !rules.followAdditionalWrappers) {
+                                console.warn(rules.followAdditionalWrappers ? "[HlsAdPlayer] VAST wrapper depth limit (".concat(MAX_VAST_WRAPPER_DEPTH, ") reached, aborting redirect chain") : '[HlsAdPlayer] Parent wrapper set followAdditionalWrappers="false"; rejecting nested wrapper');
+                                fireTrackingPixels(accumulatedTracking.error.concat(parsed.trackingUrls.error), {
+                                    errorCode: VAST_ERROR_WRAPPER_LIMIT
+                                });
                                 return [
                                     2,
                                     null
@@ -1218,7 +1443,7 @@ function createHlsAdPlayer(contentVideo, options) {
                             mergeTrackingUrls(accumulatedTracking, parsed.trackingUrls);
                             return [
                                 2,
-                                fetchAndParseVastAd(parsed.vastAdTagUri, depth + 1, accumulatedTracking)
+                                fetchAndParseVastAd(parsed.vastAdTagUri, depth + 1, accumulatedTracking, parsed.rules)
                             ];
                         }
                         mergeTrackingUrls(parsed.ad.trackingUrls, accumulatedTracking);
@@ -1232,7 +1457,7 @@ function createHlsAdPlayer(contentVideo, options) {
     }
     function fetchAndParsePod(vastTagUrl) {
         return _async_to_generator(function() {
-            var vastXml, trimmedXml, parser, xmlDoc, adElements, ads, _iteratorNormalCompletion, _didIteratorError, _iteratorError, _iterator, _step, adElement, parsed, resolved, error, err;
+            var _root_getAttribute, vastXml, trimmedXml, xmlDoc, root, adElements, _root_getAttribute1, _empty_errorUrls, empty, _empty_errorCode, resolveAd, podElements, buffet, ads, _iteratorNormalCompletion, _didIteratorError, _iteratorError, _iterator, _step, adElement, ad, err, _iteratorNormalCompletion1, _didIteratorError1, _iteratorError1, _iterator1, _step1, adElement1, ad1, err;
             return _ts_generator(this, function(_state) {
                 switch(_state.label){
                     case 0:
@@ -1251,125 +1476,212 @@ function createHlsAdPlayer(contentVideo, options) {
                                 []
                             ];
                         }
-                        parser = new DOMParser();
-                        xmlDoc = parser.parseFromString(vastXml, "text/xml");
-                        if (xmlDoc.querySelector("parsererror")) {
-                            console.error("[HlsAdPlayer] Pod VAST XML parsing error (malformed). Content (first 2000 chars):", vastXml.substring(0, 2e3));
+                        xmlDoc = parseXml(vastXml);
+                        if (!xmlDoc) {
+                            console.error("[HlsAdPlayer] Pod VAST XML content (first 2000 chars):", vastXml.substring(0, 2e3));
                             return [
                                 2,
                                 []
                             ];
                         }
-                        adElements = Array.from(xmlDoc.querySelectorAll("Ad"));
+                        root = xmlDoc.documentElement;
+                        adElements = Array.from(root.querySelectorAll(":scope > Ad"));
                         if (adElements.length === 0) {
-                            console.warn("[HlsAdPlayer] No <Ad> elements found in pod VAST response (no fill). Content (first 2000 chars):", vastXml.substring(0, 2e3));
+                            ;
+                            ;
+                            console.warn("[HlsAdPlayer] No <Ad> elements in VAST ".concat((_root_getAttribute1 = root.getAttribute("version")) !== null && _root_getAttribute1 !== void 0 ? _root_getAttribute1 : "", " pod response (no fill)"));
+                            empty = emptyVastResult(root);
+                            if (empty.type === "empty" && ((_empty_errorUrls = empty.errorUrls) === null || _empty_errorUrls === void 0 ? void 0 : _empty_errorUrls.length)) {
+                                ;
+                                fireTrackingPixels(empty.errorUrls, {
+                                    errorCode: (_empty_errorCode = empty.errorCode) !== null && _empty_errorCode !== void 0 ? _empty_errorCode : VAST_ERROR_WRAPPER_NO_ADS
+                                });
+                            }
                             return [
                                 2,
                                 []
                             ];
                         }
-                        adElements.sort(function(a, b) {
-                            var aSeq = parseInt(a.getAttribute("sequence") || "", 10);
-                            var bSeq = parseInt(b.getAttribute("sequence") || "", 10);
-                            var aVal = Number.isFinite(aSeq) ? aSeq : Number.MAX_SAFE_INTEGER;
-                            var bVal = Number.isFinite(bSeq) ? bSeq : Number.MAX_SAFE_INTEGER;
-                            return aVal - bVal;
+                        resolveAd = function resolveAd(adElement) {
+                            return _async_to_generator(function() {
+                                var _parsed_errorUrls, parsed, _parsed_errorCode;
+                                return _ts_generator(this, function(_state) {
+                                    parsed = parseAdElement(adElement);
+                                    if (parsed.type === "inline") return [
+                                        2,
+                                        parsed.ad
+                                    ];
+                                    if (parsed.type === "wrapper") {
+                                        return [
+                                            2,
+                                            fetchAndParseVastAd(parsed.vastAdTagUri, 1, parsed.trackingUrls, parsed.rules)
+                                        ];
+                                    }
+                                    if ((_parsed_errorUrls = parsed.errorUrls) === null || _parsed_errorUrls === void 0 ? void 0 : _parsed_errorUrls.length) {
+                                        ;
+                                        fireTrackingPixels(parsed.errorUrls, {
+                                            errorCode: (_parsed_errorCode = parsed.errorCode) !== null && _parsed_errorCode !== void 0 ? _parsed_errorCode : VAST_ERROR_NO_SUPPORTED_MEDIA
+                                        });
+                                    }
+                                    return [
+                                        2,
+                                        null
+                                    ];
+                                });
+                            })();
+                        };
+                        podElements = adElements.filter(function(el) {
+                            return getAdSequence(el) !== void 0;
+                        }).sort(function(a, b) {
+                            return getAdSequence(a) - getAdSequence(b);
+                        });
+                        buffet = adElements.filter(function(el) {
+                            return getAdSequence(el) === void 0;
                         });
                         ads = [];
+                        if (!(podElements.length === 0)) return [
+                            3,
+                            10
+                        ];
                         _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
                         _state.label = 2;
                     case 2:
                         _state.trys.push([
                             2,
-                            10,
-                            11,
-                            12
+                            7,
+                            8,
+                            9
                         ]);
-                        _iterator = adElements[Symbol.iterator]();
+                        _iterator = buffet[Symbol.iterator]();
                         _state.label = 3;
                     case 3:
                         if (!!(_iteratorNormalCompletion = (_step = _iterator.next()).done)) return [
                             3,
-                            9
+                            6
                         ];
                         adElement = _step.value;
-                        parsed = parseAdElement(adElement);
-                        if (!(parsed.type === "inline")) return [
-                            3,
-                            4
-                        ];
-                        ads.push(parsed.ad);
                         return [
-                            3,
-                            8
+                            4,
+                            resolveAd(adElement)
                         ];
                     case 4:
-                        if (!(parsed.type === "wrapper")) return [
-                            3,
-                            8
-                        ];
+                        ad = _state.sent();
+                        if (ad) ads.push(ad);
                         _state.label = 5;
                     case 5:
-                        _state.trys.push([
-                            5,
-                            7,
-                            ,
-                            8
-                        ]);
+                        _iteratorNormalCompletion = true;
                         return [
-                            4,
-                            fetchAndParseVastAd(parsed.vastAdTagUri, 1, parsed.trackingUrls)
+                            3,
+                            3
                         ];
                     case 6:
-                        resolved = _state.sent();
-                        if (resolved) {
-                            ads.push(resolved);
-                        }
                         return [
                             3,
-                            8
+                            9
                         ];
                     case 7:
-                        error = _state.sent();
-                        console.warn("[HlsAdPlayer] Failed to resolve wrapper <Ad> in pod:", error);
+                        err = _state.sent();
+                        _didIteratorError = true;
+                        _iteratorError = err;
                         return [
                             3,
-                            8
+                            9
                         ];
                     case 8:
-                        _iteratorNormalCompletion = true;
+                        try {
+                            if (!_iteratorNormalCompletion && _iterator.return != null) {
+                                _iterator.return();
+                            }
+                        } finally{
+                            if (_didIteratorError) {
+                                throw _iteratorError;
+                            }
+                        }
                         return [
-                            3,
-                            3
+                            7
                         ];
                     case 9:
                         return [
                             3,
-                            12
+                            21
                         ];
                     case 10:
-                        err = _state.sent();
-                        _didIteratorError = true;
-                        _iteratorError = err;
+                        _iteratorNormalCompletion1 = true, _didIteratorError1 = false, _iteratorError1 = undefined;
+                        _state.label = 11;
+                    case 11:
+                        _state.trys.push([
+                            11,
+                            19,
+                            20,
+                            21
+                        ]);
+                        _iterator1 = podElements[Symbol.iterator]();
+                        _state.label = 12;
+                    case 12:
+                        if (!!(_iteratorNormalCompletion1 = (_step1 = _iterator1.next()).done)) return [
+                            3,
+                            18
+                        ];
+                        adElement1 = _step1.value;
+                        return [
+                            4,
+                            resolveAd(adElement1)
+                        ];
+                    case 13:
+                        ad1 = _state.sent();
+                        _state.label = 14;
+                    case 14:
+                        if (!(!ad1 && buffet.length > 0)) return [
+                            3,
+                            16
+                        ];
+                        return [
+                            4,
+                            resolveAd(buffet.shift())
+                        ];
+                    case 15:
+                        ad1 = _state.sent();
+                        return [
+                            3,
+                            14
+                        ];
+                    case 16:
+                        if (ad1) ads.push(ad1);
+                        _state.label = 17;
+                    case 17:
+                        _iteratorNormalCompletion1 = true;
                         return [
                             3,
                             12
                         ];
-                    case 11:
+                    case 18:
+                        return [
+                            3,
+                            21
+                        ];
+                    case 19:
+                        err = _state.sent();
+                        _didIteratorError1 = true;
+                        _iteratorError1 = err;
+                        return [
+                            3,
+                            21
+                        ];
+                    case 20:
                         try {
-                            if (!_iteratorNormalCompletion && _iterator.return != null) {
-                                _iterator.return();
+                            if (!_iteratorNormalCompletion1 && _iterator1.return != null) {
+                                _iterator1.return();
                             }
                         } finally{
-                            if (_didIteratorError) {
-                                throw _iteratorError;
+                            if (_didIteratorError1) {
+                                throw _iteratorError1;
                             }
                         }
                         return [
                             7
                         ];
-                    case 12:
-                        console.log("[HlsAdPlayer] Parsed ".concat(ads.length, " ad(s) from pod VAST response"));
+                    case 21:
+                        console.log("[HlsAdPlayer] Parsed ".concat(ads.length, " ad(s) from VAST ").concat((_root_getAttribute = root.getAttribute("version")) !== null && _root_getAttribute !== void 0 ? _root_getAttribute : "", " pod response"));
                         return [
                             2,
                             ads
@@ -1399,7 +1711,40 @@ function createHlsAdPlayer(contentVideo, options) {
         var onTimeUpdate = function onTimeUpdate() {
             if (!currentAd || !adVideoElement) return;
             noteAdProgress();
-            var progress = adVideoElement.currentTime / currentAd.duration;
+            sampleViewability();
+            var currentTime = adVideoElement.currentTime;
+            if (trackingFired.start) {
+                var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
+                try {
+                    for(var _iterator = currentAd.trackingUrls.progress[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
+                        var event = _step.value;
+                        var _event_offsetSeconds, _event_offsetPercent;
+                        if (trackingFired.progressFired.has(event)) continue;
+                        var threshold = (_event_offsetSeconds = event.offsetSeconds) !== null && _event_offsetSeconds !== void 0 ? _event_offsetSeconds : ((_event_offsetPercent = event.offsetPercent) !== null && _event_offsetPercent !== void 0 ? _event_offsetPercent : 0) / 100 * currentAd.duration;
+                        if (currentTime >= threshold) {
+                            trackingFired.progressFired.add(event);
+                            fireTrackingPixels([
+                                event.url
+                            ]);
+                        }
+                    }
+                } catch (err) {
+                    _didIteratorError = true;
+                    _iteratorError = err;
+                } finally{
+                    try {
+                        if (!_iteratorNormalCompletion && _iterator.return != null) {
+                            _iterator.return();
+                        }
+                    } finally{
+                        if (_didIteratorError) {
+                            throw _iteratorError;
+                        }
+                    }
+                }
+            }
+            if (!(currentAd.duration > 0)) return;
+            var progress = currentTime / currentAd.duration;
             if (progress >= 0.25 && !trackingFired.firstQuartile) {
                 trackingFired.firstQuartile = true;
                 fireTrackingPixels(currentAd.trackingUrls.firstQuartile);
@@ -1421,15 +1766,38 @@ function createHlsAdPlayer(contentVideo, options) {
                 handleVideoDecodeFailure();
             }
         };
+        var onCanPlay = function onCanPlay() {
+            if (!currentAd || trackingFired.loaded) return;
+            trackingFired.loaded = true;
+            fireTrackingPixels(currentAd.trackingUrls.loaded);
+        };
         var onPlaying = function onPlaying() {
             startStallWatchdog();
-            if (!currentAd || trackingFired.start) return;
+            if (!currentAd || !adVideoElement) return;
+            if (!trackingFired.impression) {
+                trackingFired.impression = true;
+                resolvedAds.add(currentAd);
+                fireTrackingPixels(currentAd.trackingUrls.impression);
+                fireTrackingPixels(currentAd.trackingUrls.creativeView);
+                fireTrackingPixels(currentAd.trackingUrls.verificationNotExecuted, {
+                    reason: VERIFICATION_NOT_SUPPORTED_REASON
+                });
+                emit("ad_impression", {
+                    adId: currentAd.id,
+                    index: podIndex,
+                    total: podAds.length || 1
+                });
+            }
+            if (trackingFired.start) return;
             trackingFired.start = true;
+            trackingFired.lastMuted = adVideoElement.muted || adVideoElement.volume === 0;
             fireTrackingPixels(currentAd.trackingUrls.start);
             console.log("[HlsAdPlayer] Ad started playing");
         };
         var onEnded = function onEnded() {
             if (!currentAd || trackingFired.complete) return;
+            sampleViewability();
+            settleViewability();
             trackingFired.complete = true;
             fireTrackingPixels(currentAd.trackingUrls.complete);
             console.log("[HlsAdPlayer] Ad completed");
@@ -1441,11 +1809,7 @@ function createHlsAdPlayer(contentVideo, options) {
         var onError = function onError(e) {
             if (!adPlaying) return;
             console.error("[HlsAdPlayer] Ad video error:", e);
-            if (currentAd) {
-                fireTrackingPixels(currentAd.trackingUrls.error, {
-                    errorCode: toVastMediaErrorCode(adVideoElement === null || adVideoElement === void 0 ? void 0 : adVideoElement.error)
-                });
-            }
+            reportCurrentAdError(toVastMediaErrorCode(adVideoElement === null || adVideoElement === void 0 ? void 0 : adVideoElement.error));
             if (podIndex < podAds.length - 1 && advanceToNextPodAd()) {
                 return;
             }
@@ -1453,19 +1817,26 @@ function createHlsAdPlayer(contentVideo, options) {
         };
         var onVolumeChange = function onVolumeChange() {
             if (!currentAd || !adVideoElement) return;
-            if (adVideoElement.muted) {
-                fireTrackingPixels(currentAd.trackingUrls.mute);
-            } else {
-                fireTrackingPixels(currentAd.trackingUrls.unmute);
+            var muted = adVideoElement.muted || adVideoElement.volume === 0;
+            if (!trackingFired.start) {
+                trackingFired.lastMuted = muted;
+                return;
             }
+            if (muted === trackingFired.lastMuted) return;
+            trackingFired.lastMuted = muted;
+            fireTrackingPixels(muted ? currentAd.trackingUrls.mute : currentAd.trackingUrls.unmute);
+        };
+        var isTrackablePlayback = function isTrackablePlayback() {
+            return adPlaying && !!currentAd && !!adVideoElement && trackingFired.start && !trackingFired.complete && !adVideoElement.ended;
         };
         var onPause = function onPause() {
-            if (currentAd && adVideoElement && !adVideoElement.ended) {
+            continuousVisibleS = 0;
+            if (isTrackablePlayback()) {
                 fireTrackingPixels(currentAd.trackingUrls.pause);
             }
         };
         var onPlay = function onPlay() {
-            if (currentAd && adVideoElement && adVideoElement.currentTime > 0) {
+            if (isTrackablePlayback()) {
                 fireTrackingPixels(currentAd.trackingUrls.resume);
             }
         };
@@ -1478,6 +1849,10 @@ function createHlsAdPlayer(contentVideo, options) {
                 type: "loadedmetadata",
                 handler: onLoadedMetadata
             },
+            {
+                type: "canplay",
+                handler: onCanPlay
+            },
             {
                 type: "playing",
                 handler: onPlaying
@@ -1549,6 +1924,229 @@ function createHlsAdPlayer(contentVideo, options) {
         }
         adEventHandlers = [];
     }
+    function handleAdClick() {
+        if (!adPlaying || !currentAd) return;
+        fireTrackingPixels(currentAd.trackingUrls.clickTracking);
+        emit("ad_click", {
+            adId: currentAd.id,
+            clickThrough: currentAd.clickThrough
+        });
+        if (currentAd.clickThrough) {
+            try {
+                window.open(currentAd.clickThrough, "_blank", "noopener");
+            } catch (error) {
+                console.warn("[HlsAdPlayer] Failed to open ClickThrough URL:", error);
+            }
+        }
+    }
+    function reportCurrentAdError(errorCode) {
+        if (!currentAd) return;
+        resolvedAds.add(currentAd);
+        fireTrackingPixels(currentAd.trackingUrls.error, {
+            errorCode: errorCode
+        });
+    }
+    function fireNotUsedForUnplayedAds() {
+        var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
+        try {
+            for(var _iterator = podAds[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
+                var ad = _step.value;
+                if (resolvedAds.has(ad)) continue;
+                resolvedAds.add(ad);
+                fireTrackingPixels(ad.trackingUrls.notUsed, {
+                    ad: ad
+                });
+            }
+        } catch (err) {
+            _didIteratorError = true;
+            _iteratorError = err;
+        } finally{
+            try {
+                if (!_iteratorNormalCompletion && _iterator.return != null) {
+                    _iterator.return();
+                }
+            } finally{
+                if (_didIteratorError) {
+                    throw _iteratorError;
+                }
+            }
+        }
+    }
+    function sampleViewability() {
+        if (!currentAd || !adVideoElement || !viewObserver || !trackingFired.impression || trackingFired.viewabilitySettled) {
+            return;
+        }
+        var now = adVideoElement.currentTime;
+        var inView = visibleRatio >= VIEWABLE_MIN_VISIBLE_RATIO && document.visibilityState === "visible" && !adVideoElement.paused;
+        if (!inView) {
+            continuousVisibleS = 0;
+        } else if (lastViewSampleTime !== void 0 && now >= lastViewSampleTime) {
+            continuousVisibleS += now - lastViewSampleTime;
+        }
+        lastViewSampleTime = now;
+        if (continuousVisibleS >= VIEWABLE_MIN_CONTINUOUS_S) {
+            trackingFired.viewabilitySettled = true;
+            fireTrackingPixels(currentAd.trackingUrls.viewable);
+        }
+    }
+    function settleViewability() {
+        if (!currentAd || !trackingFired.impression || trackingFired.viewabilitySettled) {
+            return;
+        }
+        trackingFired.viewabilitySettled = true;
+        fireTrackingPixels(viewObserver ? currentAd.trackingUrls.notViewable : currentAd.trackingUrls.viewUndetermined);
+    }
+    function handleFullscreenChange() {
+        var _document_fullscreenElement;
+        if (!adPlaying || !currentAd || !adContainerEl || !trackingFired.start) return;
+        var fullscreenEl = (_document_fullscreenElement = document.fullscreenElement) !== null && _document_fullscreenElement !== void 0 ? _document_fullscreenElement : document.webkitFullscreenElement;
+        var expanded = !!fullscreenEl && fullscreenEl.contains(adContainerEl);
+        if (expanded === lastPlayerExpanded) return;
+        lastPlayerExpanded = expanded;
+        var urls = currentAd.trackingUrls;
+        fireTrackingPixels(expanded ? urls.fullscreen.concat(urls.playerExpand) : urls.exitFullscreen.concat(urls.playerCollapse));
+    }
+    function attachContainerHandlers() {
+        if (!adContainerEl || containerHandlers.length > 0) return;
+        var onClick = function onClick() {
+            return handleAdClick();
+        };
+        var onInteraction = function onInteraction(event) {
+            if (adPlaying) emit("ad_interaction", event);
+        };
+        containerHandlers = [
+            {
+                type: "click",
+                handler: onClick
+            },
+            {
+                type: "mousedown",
+                handler: onInteraction
+            },
+            {
+                type: "touchstart",
+                handler: onInteraction
+            }
+        ];
+        var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
+        try {
+            for(var _iterator = containerHandlers[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
+                var _step_value = _step.value, type = _step_value.type, handler = _step_value.handler;
+                adContainerEl.addEventListener(type, handler);
+            }
+        } catch (err) {
+            _didIteratorError = true;
+            _iteratorError = err;
+        } finally{
+            try {
+                if (!_iteratorNormalCompletion && _iterator.return != null) {
+                    _iterator.return();
+                }
+            } finally{
+                if (_didIteratorError) {
+                    throw _iteratorError;
+                }
+            }
+        }
+        var onFullscreenChange = function onFullscreenChange() {
+            return handleFullscreenChange();
+        };
+        documentHandlers = [
+            {
+                type: "fullscreenchange",
+                handler: onFullscreenChange
+            },
+            {
+                type: "webkitfullscreenchange",
+                handler: onFullscreenChange
+            }
+        ];
+        var _iteratorNormalCompletion1 = true, _didIteratorError1 = false, _iteratorError1 = undefined;
+        try {
+            for(var _iterator1 = documentHandlers[Symbol.iterator](), _step1; !(_iteratorNormalCompletion1 = (_step1 = _iterator1.next()).done); _iteratorNormalCompletion1 = true){
+                var _step_value1 = _step1.value, type1 = _step_value1.type, handler1 = _step_value1.handler;
+                document.addEventListener(type1, handler1);
+            }
+        } catch (err) {
+            _didIteratorError1 = true;
+            _iteratorError1 = err;
+        } finally{
+            try {
+                if (!_iteratorNormalCompletion1 && _iterator1.return != null) {
+                    _iterator1.return();
+                }
+            } finally{
+                if (_didIteratorError1) {
+                    throw _iteratorError1;
+                }
+            }
+        }
+        if (typeof IntersectionObserver !== "undefined") {
+            viewObserver = new IntersectionObserver(function(entries) {
+                var entry = entries[entries.length - 1];
+                if (entry) {
+                    visibleRatio = entry.isIntersecting ? entry.intersectionRatio : 0;
+                }
+            }, {
+                threshold: [
+                    0,
+                    0.25,
+                    0.5,
+                    0.75,
+                    1
+                ]
+            });
+            viewObserver.observe(adContainerEl);
+        }
+    }
+    function detachContainerHandlers() {
+        if (adContainerEl) {
+            var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
+            try {
+                for(var _iterator = containerHandlers[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
+                    var _step_value = _step.value, type = _step_value.type, handler = _step_value.handler;
+                    adContainerEl.removeEventListener(type, handler);
+                }
+            } catch (err) {
+                _didIteratorError = true;
+                _iteratorError = err;
+            } finally{
+                try {
+                    if (!_iteratorNormalCompletion && _iterator.return != null) {
+                        _iterator.return();
+                    }
+                } finally{
+                    if (_didIteratorError) {
+                        throw _iteratorError;
+                    }
+                }
+            }
+        }
+        containerHandlers = [];
+        var _iteratorNormalCompletion1 = true, _didIteratorError1 = false, _iteratorError1 = undefined;
+        try {
+            for(var _iterator1 = documentHandlers[Symbol.iterator](), _step1; !(_iteratorNormalCompletion1 = (_step1 = _iterator1.next()).done); _iteratorNormalCompletion1 = true){
+                var _step_value1 = _step1.value, type1 = _step_value1.type, handler1 = _step_value1.handler;
+                document.removeEventListener(type1, handler1);
+            }
+        } catch (err) {
+            _didIteratorError1 = true;
+            _iteratorError1 = err;
+        } finally{
+            try {
+                if (!_iteratorNormalCompletion1 && _iterator1.return != null) {
+                    _iterator1.return();
+                }
+            } finally{
+                if (_didIteratorError1) {
+                    throw _iteratorError1;
+                }
+            }
+        }
+        documentHandlers = [];
+        viewObserver === null || viewObserver === void 0 ? void 0 : viewObserver.disconnect();
+        viewObserver = void 0;
+    }
     function setAdPlayingFlag(isPlaying) {
         if (isPlaying) {
             contentVideo.dataset.stormcloudAdPlaying = "true";
@@ -1556,15 +2154,10 @@ function createHlsAdPlayer(contentVideo, options) {
             delete contentVideo.dataset.stormcloudAdPlaying;
         }
     }
-    function resetQuartileTracking(preserveImpression) {
-        trackingFired = {
-            impression: preserveImpression ? trackingFired.impression : false,
-            start: false,
-            firstQuartile: false,
-            midpoint: false,
-            thirdQuartile: false,
-            complete: false
-        };
+    function resetAdTracking() {
+        trackingFired = createTrackingState();
+        continuousVisibleS = 0;
+        lastViewSampleTime = void 0;
     }
     function isRvfcSupported(video) {
         return typeof video.requestVideoFrameCallback === "function";
@@ -1631,21 +2224,21 @@ function createHlsAdPlayer(contentVideo, options) {
         currentAdMediaFile = mediaFile;
         var isHlsAd = isHlsMediaFile(mediaFile);
         console.log("[HlsAdPlayer] Loading ".concat(isHlsAd ? "HLS" : "progressive", " ad (pod ").concat(podIndex + 1, "/").concat(podAds.length || 1, ") from: ").concat(mediaFile.url));
-        if (isHlsAd && Hls.isSupported()) {
+        if (isHlsAd && import_hls.default.isSupported()) {
             if (adHls) {
                 adHls.destroy();
             }
-            adHls = new Hls({
+            adHls = new import_hls.default({
                 enableWorker: true,
                 lowLatencyMode: false
             });
             adHls.loadSource(mediaFile.url);
             adHls.attachMedia(adVideoElement);
-            adHls.on(Hls.Events.MANIFEST_PARSED, function() {
+            adHls.on(import_hls.default.Events.MANIFEST_PARSED, function() {
                 console.log("[HlsAdPlayer] HLS manifest parsed, starting playback");
                 startAdPlayback("HLS ad playback");
             });
-            adHls.on(Hls.Events.ERROR, function(_event, data) {
+            adHls.on(import_hls.default.Events.ERROR, function(_event, data) {
                 console.error("[HlsAdPlayer] HLS error:", data);
                 if (data.fatal) {
                     handleAdError();
@@ -1670,13 +2263,12 @@ function createHlsAdPlayer(contentVideo, options) {
         if (podIndex >= podAds.length - 1) {
             return false;
         }
+        settleViewability();
         podIndex++;
         currentAd = podAds[podIndex];
         currentAdMediaFile = void 0;
-        resetQuartileTracking(false);
+        resetAdTracking();
         if (currentAd) {
-            fireTrackingPixels(currentAd.trackingUrls.impression);
-            trackingFired.impression = true;
             console.log("[HlsAdPlayer] Advancing to next pod ad (".concat(podIndex + 1, "/").concat(podAds.length, "): ").concat(currentAd.title, ", duration: ").concat(currentAd.duration, "s"));
         }
         clearStallWatchdog();
@@ -1714,11 +2306,7 @@ function createHlsAdPlayer(contentVideo, options) {
     function handleAdStall() {
         console.warn("[HlsAdPlayer] Ad playback stalled (no progress) - recovering to avoid a blank frame");
         clearStallWatchdog();
-        if (currentAd) {
-            fireTrackingPixels(currentAd.trackingUrls.error, {
-                errorCode: VAST_ERROR_MEDIA_DISPLAY
-            });
-        }
+        reportCurrentAdError(VAST_ERROR_MEDIA_DISPLAY);
         if (podIndex < podAds.length - 1 && advanceToNextPodAd()) {
             return;
         }
@@ -1784,11 +2372,7 @@ function createHlsAdPlayer(contentVideo, options) {
     function handleVideoDecodeFailure() {
         console.warn("[HlsAdPlayer] Ad audio is advancing but no video frames decoded (black screen) - skipping this creative");
         clearStallWatchdog();
-        if (currentAd) {
-            fireTrackingPixels(currentAd.trackingUrls.error, {
-                errorCode: VAST_ERROR_MEDIA_DISPLAY
-            });
-        }
+        reportCurrentAdError(VAST_ERROR_MEDIA_DISPLAY);
         if (podIndex < podAds.length - 1 && advanceToNextPodAd()) {
             return;
         }
@@ -1843,6 +2427,7 @@ function createHlsAdPlayer(contentVideo, options) {
     }
     function handleAdComplete() {
         console.log("[HlsAdPlayer] Handling ad completion");
+        settleViewability();
         clearStallWatchdog();
         adPlaying = false;
         setAdPlayingFlag(false);
@@ -1866,6 +2451,7 @@ function createHlsAdPlayer(contentVideo, options) {
     }
     function handleAdError() {
         console.log("[HlsAdPlayer] Handling ad error");
+        settleViewability();
         clearStallWatchdog();
         adPlaying = false;
         setAdPlayingFlag(false);
@@ -1898,6 +2484,7 @@ function createHlsAdPlayer(contentVideo, options) {
                 adContainerEl = container;
             }
             contentVideo[AD_CONTAINER_PROP] = adContainerEl;
+            attachContainerHandlers();
         },
         requestAds: function requestAds(vastTagUrl) {
             return _async_to_generator(function() {
@@ -1960,10 +2547,6 @@ function createHlsAdPlayer(contentVideo, options) {
                             currentAd = ads[0];
                             currentAdMediaFile = void 0;
                             console.log("[HlsAdPlayer] Pod parsed: ".concat(ads.length, ' ad(s), first="').concat(currentAd === null || currentAd === void 0 ? void 0 : currentAd.title, '", duration=').concat(currentAd === null || currentAd === void 0 ? void 0 : currentAd.duration, "s"));
-                            if (currentAd) {
-                                fireTrackingPixels(currentAd.trackingUrls.impression);
-                                trackingFired.impression = true;
-                            }
                             return [
                                 2,
                                 Promise.resolve()
@@ -2003,7 +2586,7 @@ function createHlsAdPlayer(contentVideo, options) {
                             contentVideo[AD_VIDEO_PROP] = adVideoElement;
                         }
                         setupAdEventListeners();
-                        resetQuartileTracking(true);
+                        resetAdTracking();
                         contentVolume = contentVideo.volume;
                         originalVolume = Math.max(0, Math.min(1, contentVolume || originalVolume));
                         if (!(options === null || options === void 0 ? void 0 : options.continueLiveStreamDuringAds)) {
@@ -2074,6 +2657,8 @@ function createHlsAdPlayer(contentVideo, options) {
                 var previousMutedState;
                 return _ts_generator(this, function(_state) {
                     console.log("[HlsAdPlayer] Stopping ad");
+                    settleViewability();
+                    fireNotUsedForUnplayedAds();
                     clearStallWatchdog();
                     adPlaying = false;
                     setAdPlayingFlag(false);
@@ -2104,6 +2689,8 @@ function createHlsAdPlayer(contentVideo, options) {
         },
         destroy: function destroy() {
             console.log("[HlsAdPlayer] Destroying");
+            settleViewability();
+            fireNotUsedForUnplayedAds();
             destroyed = true;
             clearStallWatchdog();
             var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
@@ -2132,6 +2719,7 @@ function createHlsAdPlayer(contentVideo, options) {
             contentVideo.muted = originalMutedState;
             contentVideo.volume = Math.max(0, Math.min(1, originalVolume));
             teardownAdEventListeners();
+            detachContainerHandlers();
             releaseAdDecoder();
             currentAd = void 0;
             currentAdMediaFile = void 0;
@@ -2464,12 +3052,6 @@ var DEFAULT_TRACKING_INGEST_CONFIG = {
     baseUrl: "https://player-analytics-ingest-api-760490581852.us-central1.run.app/api/adstorm/player-tracking"
 };
 var trackingIngestConfig = _object_spread({}, DEFAULT_TRACKING_INGEST_CONFIG);
-function applyTrackingIngestConfig(overrides) {
-    Object.assign(trackingIngestConfig, overrides);
-}
-function configureTrackingIngest(overrides) {
-    applyTrackingIngestConfig(overrides);
-}
 function isTrackingIngestEnabled() {
     return trackingIngestConfig.enabled === true;
 }
@@ -2579,6 +3161,7 @@ function resolveVastEnvironmentSignals(isCtv) {
             limitAdTracking = (_ref1 = platformLat !== null && platformLat !== void 0 ? platformLat : readStoredLimitAdTracking()) !== null && _ref1 !== void 0 ? _ref1 : false;
         }
     }
+    var deviceTypeHint = resolveDeviceTypeHint(isCtv);
     if (isCtv) {
         return _object_spread_props(_object_spread({
             isCtv: true,
@@ -2590,18 +3173,153 @@ function resolveVastEnvironmentSignals(isCtv) {
         } : {}, deviceId && limitAdTracking != null ? {
             limitAdTracking: limitAdTracking
         } : {}), {
-            deviceTypeHint: 5
+            deviceTypeHint: deviceTypeHint
         });
     }
-    return _object_spread({
-        isCtv: false
-    }, deviceId ? {
-        deviceId: deviceId
-    } : {}, deviceId && deviceIdType ? {
-        deviceIdType: deviceIdType
-    } : {}, deviceId && limitAdTracking != null ? {
-        limitAdTracking: limitAdTracking
-    } : {});
+    return _object_spread_props(_object_spread({
+        isCtv: false
+    }, deviceId ? {
+        deviceId: deviceId
+    } : {}, deviceId && deviceIdType ? {
+        deviceIdType: deviceIdType
+    } : {}, deviceId && limitAdTracking != null ? {
+        limitAdTracking: limitAdTracking
+    } : {}), {
+        deviceTypeHint: deviceTypeHint
+    });
+}
+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 SET_TOP_BOX_UA = /LGSTB|\bSTB\b|STB\d|Set-?Top|SetTopBox|TV ?Box|Kaon|Humax|Arris|Technicolor|Sagemcom|Infomir|MAG\d{3}|KreaTV|Amino|Formuler|Dune ?HD|TiVo|MiBOX|Mi Box|SHIELD Android TV|\bAFT[A-Z]|Roku|AppleTV|Apple TV|CrKey/i;
+var GAME_CONSOLE_UA = /PlayStation|Xbox|Nintendo/i;
+var CONNECTED_TV_UA = /Web0S|webOS|Tizen|SMART-TV|SmartTV|NetCast|BRAVIA|HbbTV|VIDAA|Hisense|Philips|Viera|AQUOS|Android TV|Google TV|\bTV\b/i;
+var FEATURE_PHONE_UA = /KAIOS|MIDP|J2ME|Series40|Opera Mini/i;
+function resolveDeviceTypeHint(isCtv) {
+    var override = readDeviceTypeHintOverride();
+    if (override != null) return override;
+    return inferDeviceTypeHint(isCtv);
+}
+function inferDeviceTypeHint(isCtv) {
+    var fallback = isCtv ? DEVICE_TYPE_HINT.CONNECTED_TV : DEVICE_TYPE_HINT.DESKTOP;
+    if (typeof navigator === "undefined") return fallback;
+    var ua = navigator.userAgent || "";
+    var maxTouchPoints = navigator.maxTouchPoints || 0;
+    if (SET_TOP_BOX_UA.test(ua)) return DEVICE_TYPE_HINT.SET_TOP_BOX;
+    if (GAME_CONSOLE_UA.test(ua)) return DEVICE_TYPE_HINT.GAME_CONSOLE;
+    if (CONNECTED_TV_UA.test(ua) && !/Mobile/i.test(ua)) {
+        return DEVICE_TYPE_HINT.CONNECTED_TV;
+    }
+    if (FEATURE_PHONE_UA.test(ua)) return DEVICE_TYPE_HINT.FEATURE_PHONE;
+    if (/iPad/i.test(ua) || /Macintosh/i.test(ua) && maxTouchPoints > 1) {
+        return DEVICE_TYPE_HINT.TABLET;
+    }
+    if (/iPhone|iPod/i.test(ua)) return DEVICE_TYPE_HINT.SMARTPHONE;
+    if (/Android/i.test(ua)) {
+        if (/Mobile/i.test(ua)) return DEVICE_TYPE_HINT.SMARTPHONE;
+        if (maxTouchPoints === 0) return DEVICE_TYPE_HINT.SET_TOP_BOX;
+        return DEVICE_TYPE_HINT.TABLET;
+    }
+    if (/Mobile|Windows Phone|BlackBerry/i.test(ua)) return DEVICE_TYPE_HINT.SMARTPHONE;
+    return fallback;
+}
+function readDeviceTypeHintOverride() {
+    if (typeof window === "undefined") return void 0;
+    var keys = [
+        "dth",
+        "deviceTypeHint"
+    ];
+    var fromGlobal = normalizeDeviceTypeHint(window.__STORMCLOUD_DTH__);
+    if (fromGlobal != null) return fromGlobal;
+    var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
+    try {
+        for(var _iterator = getNativeBridgeSources()[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
+            var source = _step.value;
+            var _iteratorNormalCompletion1 = true, _didIteratorError1 = false, _iteratorError1 = undefined;
+            try {
+                for(var _iterator1 = keys[Symbol.iterator](), _step1; !(_iteratorNormalCompletion1 = (_step1 = _iterator1.next()).done); _iteratorNormalCompletion1 = true){
+                    var key = _step1.value;
+                    var value = source === null || source === void 0 ? void 0 : source[key];
+                    var normalized = normalizeDeviceTypeHint(typeof value === "function" ? safeCall(value, source) : value);
+                    if (normalized != null) return normalized;
+                }
+            } catch (err) {
+                _didIteratorError1 = true;
+                _iteratorError1 = err;
+            } finally{
+                try {
+                    if (!_iteratorNormalCompletion1 && _iterator1.return != null) {
+                        _iterator1.return();
+                    }
+                } finally{
+                    if (_didIteratorError1) {
+                        throw _iteratorError1;
+                    }
+                }
+            }
+        }
+    } catch (err) {
+        _didIteratorError = true;
+        _iteratorError = err;
+    } finally{
+        try {
+            if (!_iteratorNormalCompletion && _iterator.return != null) {
+                _iterator.return();
+            }
+        } finally{
+            if (_didIteratorError) {
+                throw _iteratorError;
+            }
+        }
+    }
+    for(var _i = 0, _iter = [
+        "stormcloud.dth",
+        "dth"
+    ]; _i < _iter.length; _i++){
+        var key1 = _iter[_i];
+        var normalized1 = normalizeDeviceTypeHint(readStoredString(key1));
+        if (normalized1 != null) return normalized1;
+    }
+    return void 0;
+}
+function normalizeDeviceTypeHint(value) {
+    if (typeof value === "number") {
+        return Number.isInteger(value) && value >= 1 && value <= 7 ? value : void 0;
+    }
+    if (typeof value !== "string") return void 0;
+    var trimmed = value.trim();
+    if (/^[1-7]$/.test(trimmed)) return parseInt(trimmed, 10);
+    return DEVICE_TYPE_HINT_ALIASES[trimmed.toLowerCase().replace(/[\s_-]/g, "")];
+}
+function safeCall(fn, thisArg) {
+    try {
+        return fn.call(thisArg);
+    } catch (unused) {
+        return void 0;
+    }
 }
 function inferDeviceIdType() {
     if (typeof navigator === "undefined") {
@@ -2807,22 +3525,9 @@ function isZeroedAdId(value) {
     return ZEROED_AD_ID_PATTERNS.has(value.trim().toLowerCase());
 }
 function readNativeBridgeSignals() {
-    if (typeof window === "undefined") {
-        return {};
-    }
-    var candidates = [
-        window.__STORMCLOUD_CTV_AD_INFO__,
-        window.__STORMCLOUD_CTV__,
-        window.stormcloudCtv,
-        window.AiryTV,
-        window.Android,
-        window.webOS,
-        window.tizen,
-        window.amazon
-    ].filter(Boolean);
     var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
     try {
-        for(var _iterator = candidates[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
+        for(var _iterator = getNativeBridgeSources()[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
             var source = _step.value;
             var contentUrl = readBridgeValue(source, [
                 "contentUrl",
@@ -2897,6 +3602,21 @@ function readNativeBridgeSignals() {
     }
     return {};
 }
+function getNativeBridgeSources() {
+    if (typeof window === "undefined") {
+        return [];
+    }
+    return [
+        window.__STORMCLOUD_CTV_AD_INFO__,
+        window.__STORMCLOUD_CTV__,
+        window.stormcloudCtv,
+        window.AiryTV,
+        window.Android,
+        window.webOS,
+        window.tizen,
+        window.amazon
+    ].filter(Boolean);
+}
 function readBridgeValue(source, keys) {
     var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
     try {
@@ -3609,7 +4329,6 @@ function polyfillURLSearchParams() {
         return;
     }
     var URLSearchParamsPolyfill = /*#__PURE__*/ function() {
-        "use strict";
         function URLSearchParamsPolyfill(init) {
             var _this = this;
             _class_call_check(this, URLSearchParamsPolyfill);
@@ -3723,7 +4442,6 @@ function polyfillTextEncoder() {
         return;
     }
     var TextEncoderPolyfill = /*#__PURE__*/ function() {
-        "use strict";
         function TextEncoderPolyfill() {
             _class_call_check(this, TextEncoderPolyfill);
             this.encoding = "utf-8";
@@ -4822,7 +5540,6 @@ function parseScte35FromTsPackets(data, tsScte35Pids, pmtPids, processedSections
     return markers;
 }
 var BitReader = /*#__PURE__*/ function() {
-    "use strict";
     function BitReader(buf) {
         _class_call_check(this, BitReader);
         this.buf = buf;
@@ -5082,7 +5799,6 @@ function parseScte35Binary(data) {
 }
 // src/player/Scte35CueManager.ts
 var Scte35CueManager = /*#__PURE__*/ function() {
-    "use strict";
     function Scte35CueManager(debug, callbacks) {
         _class_call_check(this, Scte35CueManager);
         this.pendingScte35Cues = /* @__PURE__ */ new Map();
@@ -5337,7 +6053,6 @@ var Scte35CueManager = /*#__PURE__*/ function() {
 }();
 // src/player/AdConfigManager.ts
 var AdConfigManager = /*#__PURE__*/ function() {
-    "use strict";
     function AdConfigManager(config, video) {
         _class_call_check(this, AdConfigManager);
         this.vmapBreaks = [];
@@ -5875,7 +6590,6 @@ var AdConfigManager = /*#__PURE__*/ function() {
 }();
 // src/player/AdTimingService.ts
 var AdTimingService = /*#__PURE__*/ function() {
-    "use strict";
     function AdTimingService(config, video, callbacks) {
         _class_call_check(this, AdTimingService);
         this.adRequestWatchdogToken = null;
@@ -6440,7 +7154,6 @@ var AdTimingService = /*#__PURE__*/ function() {
 }();
 // src/player/PlaceholderLayer.ts
 var PlaceholderLayer = /*#__PURE__*/ function() {
-    "use strict";
     function PlaceholderLayer(video, debug) {
         _class_call_check(this, PlaceholderLayer);
         this.video = video;
@@ -6549,9 +7262,8 @@ var PlaceholderLayer = /*#__PURE__*/ function() {
     return PlaceholderLayer;
 }();
 // src/player/HlsEngine.ts
-import Hls2 from "hls.js";
+var import_hls2 = __toESM(require("hls.js"), 1);
 var HlsEngine = /*#__PURE__*/ function() {
-    "use strict";
     function HlsEngine(config, video, cueManager, timing, callbacks) {
         _class_call_check(this, HlsEngine);
         this.isLiveStream = false;
@@ -6630,7 +7342,7 @@ var HlsEngine = /*#__PURE__*/ function() {
             key: "setupHls",
             value: function setupHls() {
                 var _this = this;
-                this.hls = new Hls2({
+                this.hls = new import_hls2.default({
                     enableWorker: true,
                     backBufferLength: 30,
                     liveDurationInfinity: true,
@@ -6645,11 +7357,11 @@ var HlsEngine = /*#__PURE__*/ function() {
                     nudgeMaxRetry: 5,
                     startPosition: -1
                 });
-                this.hls.on(Hls2.Events.MEDIA_ATTACHED, function() {
+                this.hls.on(import_hls2.default.Events.MEDIA_ATTACHED, function() {
                     var _this_hls;
                     (_this_hls = _this.hls) === null || _this_hls === void 0 ? void 0 : _this_hls.loadSource(_this.config.src);
                 });
-                this.hls.on(Hls2.Events.MANIFEST_PARSED, function(_, _data) {
+                this.hls.on(import_hls2.default.Events.MANIFEST_PARSED, function(_, _data) {
                     return _async_to_generator(function() {
                         var _this_config_isLiveStream, _ref, _this_config_minSegmentsBeforePlay, _this_hls_levels, _this_hls, minSegments, _this_video_play;
                         return _ts_generator(this, function(_state) {
@@ -6699,7 +7411,7 @@ var HlsEngine = /*#__PURE__*/ function() {
                         });
                     }).call(_this);
                 });
-                this.hls.on(Hls2.Events.LEVEL_LOADED, function(_evt, data) {
+                this.hls.on(import_hls2.default.Events.LEVEL_LOADED, function(_evt, data) {
                     _this.applyStreamLatencyProfile(data === null || data === void 0 ? void 0 : data.details);
                     if (_this.callbacks.isInAdBreak() || _this.callbacks.hasPendingAdBreak()) {
                         return;
@@ -6773,7 +7485,7 @@ var HlsEngine = /*#__PURE__*/ function() {
                         }
                     }
                 });
-                this.hls.on(Hls2.Events.FRAG_BUFFERED, function(_evt, _data) {
+                this.hls.on(import_hls2.default.Events.FRAG_BUFFERED, function(_evt, _data) {
                     return _async_to_generator(function() {
                         var _this, _this_config_minSegmentsBeforePlay, minSegments, _this_video_play;
                         return _ts_generator(this, function(_state) {
@@ -6821,7 +7533,7 @@ var HlsEngine = /*#__PURE__*/ function() {
                         });
                     }).call(_this);
                 });
-                this.hls.on(Hls2.Events.FRAG_PARSING_METADATA, function(_evt, data) {
+                this.hls.on(import_hls2.default.Events.FRAG_PARSING_METADATA, function(_evt, data) {
                     var id3Tags = ((data === null || data === void 0 ? void 0 : data.samples) || []).map(function(s) {
                         return {
                             key: "ID3",
@@ -6833,15 +7545,15 @@ var HlsEngine = /*#__PURE__*/ function() {
                         return _this.onId3Tag(tag);
                     });
                 });
-                this.hls.on(Hls2.Events.FRAG_LOADED, function(_evt, data) {
+                this.hls.on(import_hls2.default.Events.FRAG_LOADED, function(_evt, data) {
                     var _data_frag;
                     _this.processFragmentScte35Payload(data === null || data === void 0 ? void 0 : data.payload, typeof (data === null || data === void 0 ? void 0 : (_data_frag = data.frag) === null || _data_frag === void 0 ? void 0 : _data_frag.sn) === "number" ? data.frag.sn : void 0, getFragmentStartSeconds(data === null || data === void 0 ? void 0 : data.frag));
                 });
-                this.hls.on(Hls2.Events.FRAG_DECRYPTED, function(_evt, data) {
+                this.hls.on(import_hls2.default.Events.FRAG_DECRYPTED, function(_evt, data) {
                     var _data_frag;
                     _this.processFragmentScte35Payload(data === null || data === void 0 ? void 0 : data.payload, typeof (data === null || data === void 0 ? void 0 : (_data_frag = data.frag) === null || _data_frag === void 0 ? void 0 : _data_frag.sn) === "number" ? data.frag.sn : void 0, getFragmentStartSeconds(data === null || data === void 0 ? void 0 : data.frag));
                 });
-                this.hls.on(Hls2.Events.FRAG_CHANGED, function(_evt, data) {
+                this.hls.on(import_hls2.default.Events.FRAG_CHANGED, function(_evt, data) {
                     var frag = data === null || data === void 0 ? void 0 : data.frag;
                     var tagList = frag === null || frag === void 0 ? void 0 : frag.tagList;
                     if (!Array.isArray(tagList)) {
@@ -6954,14 +7666,14 @@ var HlsEngine = /*#__PURE__*/ function() {
                     }
                     _this.callbacks.activatePendingCuesForFragment(frag);
                 });
-                this.hls.on(Hls2.Events.ERROR, function(_evt, data) {
+                this.hls.on(import_hls2.default.Events.ERROR, function(_evt, data) {
                     if (data === null || data === void 0 ? void 0 : data.fatal) {
                         switch(data.type){
-                            case Hls2.ErrorTypes.NETWORK_ERROR:
+                            case import_hls2.default.ErrorTypes.NETWORK_ERROR:
                                 var _this_hls;
                                 (_this_hls = _this.hls) === null || _this_hls === void 0 ? void 0 : _this_hls.startLoad();
                                 break;
-                            case Hls2.ErrorTypes.MEDIA_ERROR:
+                            case import_hls2.default.ErrorTypes.MEDIA_ERROR:
                                 var _this_hls1;
                                 (_this_hls1 = _this.hls) === null || _this_hls1 === void 0 ? void 0 : _this_hls1.recoverMediaError();
                                 break;
@@ -7307,7 +8019,6 @@ function resizePlayer(video, adPlayer, debug) {
 }
 // src/player/AdBreakOrchestrator.ts
 var AdBreakOrchestrator = /*#__PURE__*/ function() {
-    "use strict";
     function AdBreakOrchestrator(host, timing, adConfig, cueManager, placeholder) {
         _class_call_check(this, AdBreakOrchestrator);
         this.inAdBreak = false;
@@ -7362,6 +8073,12 @@ var AdBreakOrchestrator = /*#__PURE__*/ function() {
                         console.log("[POD] Playing pod ad ".concat((payload === null || payload === void 0 ? void 0 : payload.index) != null ? payload.index + 1 : "?", "/").concat((_ref = payload === null || payload === void 0 ? void 0 : payload.total) !== null && _ref !== void 0 ? _ref : "?"));
                     }
                 });
+                adPlayer.on("ad_click", function() {
+                    _this.host.onAdClick();
+                });
+                adPlayer.on("ad_interaction", function(event) {
+                    if (event) _this.host.onAdInteraction(event);
+                });
                 adPlayer.on("all_ads_completed", function() {
                     sendAdImpressionTracking(_this.host.config.licenseKey, {
                         source: "hls",
@@ -8783,7 +9500,6 @@ var AdBreakOrchestrator = /*#__PURE__*/ function() {
 }();
 // src/player/StormcloudVideoPlayer.ts
 var StormcloudVideoPlayer = /*#__PURE__*/ function() {
-    "use strict";
     function StormcloudVideoPlayer(config) {
         var _this = this;
         _class_call_check(this, StormcloudVideoPlayer);
@@ -8892,6 +9608,12 @@ var StormcloudVideoPlayer = /*#__PURE__*/ function() {
             },
             generatePodVastUrl: function generatePodVastUrl(base, breakDurationMs) {
                 return _this.generatePodVastUrl(base, breakDurationMs);
+            },
+            onAdClick: function onAdClick() {
+                return _this.palNonce.sendAdClick();
+            },
+            onAdInteraction: function onAdInteraction(event) {
+                return _this.palNonce.sendAdTouch(event);
             }
         }, this.timing, this.adConfig, this.cueManager, this.placeholder);
     }
@@ -9626,1424 +10348,6 @@ var StormcloudVideoPlayer = /*#__PURE__*/ function() {
     ]);
     return StormcloudVideoPlayer;
 }();
-// src/ui/StormcloudVideoPlayer.tsx
-import { FaPlay, FaPause, FaVolumeUp, FaVolumeMute, FaVolumeDown } from "react-icons/fa";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var ExpandIcon = function ExpandIcon(param) {
-    var _param_size = param.size, size = _param_size === void 0 ? 18 : _param_size;
-    return /* @__PURE__ */ jsxs("svg", {
-        width: size,
-        height: size,
-        viewBox: "0 0 24 24",
-        fill: "none",
-        stroke: "currentColor",
-        strokeWidth: 2,
-        strokeLinecap: "round",
-        strokeLinejoin: "round",
-        "aria-hidden": "true",
-        focusable: "false",
-        children: [
-            /* @__PURE__ */ jsx("path", {
-                d: "M9 4H4v5"
-            }),
-            /* @__PURE__ */ jsx("path", {
-                d: "M20 9V4h-5"
-            }),
-            /* @__PURE__ */ jsx("path", {
-                d: "M15 20h5v-5"
-            }),
-            /* @__PURE__ */ jsx("path", {
-                d: "M4 15v5h5"
-            })
-        ]
-    });
-};
-var CompressIcon = function CompressIcon(param) {
-    var _param_size = param.size, size = _param_size === void 0 ? 18 : _param_size;
-    return /* @__PURE__ */ jsxs("svg", {
-        width: size,
-        height: size,
-        viewBox: "0 0 24 24",
-        fill: "none",
-        stroke: "currentColor",
-        strokeWidth: 2,
-        strokeLinecap: "round",
-        strokeLinejoin: "round",
-        "aria-hidden": "true",
-        focusable: "false",
-        children: [
-            /* @__PURE__ */ jsx("path", {
-                d: "M4 9h5V4"
-            }),
-            /* @__PURE__ */ jsx("path", {
-                d: "M15 4v5h5"
-            }),
-            /* @__PURE__ */ jsx("path", {
-                d: "M20 15h-5v5"
-            }),
-            /* @__PURE__ */ jsx("path", {
-                d: "M9 20v-5H4"
-            })
-        ]
-    });
-};
-var CRITICAL_PROPS = [
-    "src",
-    "allowNativeHls",
-    "isLiveStream",
-    "licenseKey",
-    "isVmap",
-    "vmapUrl",
-    "lowLatencyMode",
-    "driftToleranceMs",
-    "vastMode",
-    "ctvAdRequest"
-];
-var CONTROLS_HIDE_DELAY = 3e3;
-var DEFAULT_PLAYER_ASPECT_RATIO = 16 / 9;
-var StormcloudVideoPlayerComponent = React.memo(function(props) {
-    var src = props.src, autoplay = props.autoplay, muted = props.muted, lowLatencyMode = props.lowLatencyMode, allowNativeHls = props.allowNativeHls, isLiveStream = props.isLiveStream, driftToleranceMs = props.driftToleranceMs, immediateManifestAds = props.immediateManifestAds, debugAdTiming = props.debugAdTiming, showCustomControls = props.showCustomControls, hideLoadingIndicator = props.hideLoadingIndicator, onVolumeToggle = props.onVolumeToggle, onFullscreenToggle = props.onFullscreenToggle, onControlClick = props.onControlClick, onReady = props.onReady, wrapperClassName = props.wrapperClassName, wrapperStyle = props.wrapperStyle, className = props.className, style = props.style, controls = props.controls, playsInline = props.playsInline, preload = props.preload, poster = props.poster, children = props.children, licenseKey = props.licenseKey, vastMode = props.vastMode, vastTagUrl = props.vastTagUrl, isVmap = props.isVmap, vmapUrl = props.vmapUrl, minSegmentsBeforePlay = props.minSegmentsBeforePlay, ctvAdRequest = props.ctvAdRequest, programTitle = props.programTitle, restVideoAttrs = _object_without_properties(props, [
-        "src",
-        "autoplay",
-        "muted",
-        "lowLatencyMode",
-        "allowNativeHls",
-        "isLiveStream",
-        "driftToleranceMs",
-        "immediateManifestAds",
-        "debugAdTiming",
-        "showCustomControls",
-        "hideLoadingIndicator",
-        "onVolumeToggle",
-        "onFullscreenToggle",
-        "onControlClick",
-        "onReady",
-        "wrapperClassName",
-        "wrapperStyle",
-        "className",
-        "style",
-        "controls",
-        "playsInline",
-        "preload",
-        "poster",
-        "children",
-        "licenseKey",
-        "vastMode",
-        "vastTagUrl",
-        "isVmap",
-        "vmapUrl",
-        "minSegmentsBeforePlay",
-        "ctvAdRequest",
-        "programTitle"
-    ]);
-    var videoRef = useRef(null);
-    var playerRef = useRef(null);
-    var bufferingTimeoutRef = useRef(null);
-    var controlsTimerRef = useRef(null);
-    var wrapperRef = useRef(null);
-    var _React_useState = _sliced_to_array(React.useState({
-        showAds: false,
-        currentIndex: 0,
-        totalAds: 0,
-        remainingSeconds: 0
-    }), 2), adStatus = _React_useState[0], setAdStatus = _React_useState[1];
-    var _React_useState1 = _sliced_to_array(React.useState(true), 2), shouldShowNativeControls = _React_useState1[0], setShouldShowNativeControls = _React_useState1[1];
-    var _React_useState2 = _sliced_to_array(React.useState(false), 2), isMuted2 = _React_useState2[0], setIsMuted = _React_useState2[1];
-    var _React_useState3 = _sliced_to_array(React.useState(false), 2), isFullscreen2 = _React_useState3[0], setIsFullscreen = _React_useState3[1];
-    var _React_useState4 = _sliced_to_array(React.useState(false), 2), isPlaying = _React_useState4[0], setIsPlaying = _React_useState4[1];
-    var _React_useState5 = _sliced_to_array(React.useState(0), 2), currentTime = _React_useState5[0], setCurrentTime = _React_useState5[1];
-    var _React_useState6 = _sliced_to_array(React.useState(0), 2), duration = _React_useState6[0], setDuration = _React_useState6[1];
-    var _React_useState7 = _sliced_to_array(React.useState(1), 2), volume = _React_useState7[0], setVolume2 = _React_useState7[1];
-    var _React_useState8 = _sliced_to_array(React.useState(1), 2), playbackRate = _React_useState8[0], setPlaybackRate = _React_useState8[1];
-    var _React_useState9 = _sliced_to_array(React.useState(false), 2), showVolumeSlider = _React_useState9[0], setShowVolumeSlider = _React_useState9[1];
-    var _React_useState10 = _sliced_to_array(React.useState(false), 2), showSpeedMenu = _React_useState10[0], setShowSpeedMenu = _React_useState10[1];
-    var _React_useState11 = _sliced_to_array(React.useState(true), 2), isLoading = _React_useState11[0], setIsLoading = _React_useState11[1];
-    var _React_useState12 = _sliced_to_array(React.useState(false), 2), isBuffering = _React_useState12[0], setIsBuffering = _React_useState12[1];
-    var _React_useState13 = _sliced_to_array(React.useState(false), 2), showCenterPlay = _React_useState13[0], setShowCenterPlay = _React_useState13[1];
-    var _React_useState14 = _sliced_to_array(React.useState(false), 2), showLicenseWarning = _React_useState14[0], setShowLicenseWarning = _React_useState14[1];
-    var _React_useState15 = _sliced_to_array(React.useState(true), 2), controlsVisible = _React_useState15[0], setControlsVisible = _React_useState15[1];
-    var _React_useState16 = _sliced_to_array(React.useState(typeof window !== "undefined" ? window.innerWidth : 1920), 2), viewportWidth = _React_useState16[0], setViewportWidth = _React_useState16[1];
-    var _React_useState17 = _sliced_to_array(React.useState(typeof window !== "undefined" ? window.innerHeight > window.innerWidth : false), 2), isPortrait = _React_useState17[0], setIsPortrait = _React_useState17[1];
-    var _React_useState18 = _sliced_to_array(React.useState(DEFAULT_PLAYER_ASPECT_RATIO), 2), playerAspectRatio = _React_useState18[0], setPlayerAspectRatio = _React_useState18[1];
-    var getResponsiveScale = function getResponsiveScale() {
-        if (viewportWidth < 480) return 0.7;
-        if (viewportWidth < 768) return 0.8;
-        if (viewportWidth < 1024) return 0.9;
-        return 1;
-    };
-    var responsiveScale = getResponsiveScale();
-    var resetControlsTimer = useCallback(function() {
-        if (controlsTimerRef.current) {
-            clearTimeout(controlsTimerRef.current);
-        }
-        setControlsVisible(true);
-        controlsTimerRef.current = window.setTimeout(function() {
-            if (!showVolumeSlider && !showSpeedMenu) {
-                setControlsVisible(false);
-            }
-        }, CONTROLS_HIDE_DELAY);
-    }, [
-        showVolumeSlider,
-        showSpeedMenu
-    ]);
-    var handleWrapperMouseMove = useCallback(function() {
-        resetControlsTimer();
-    }, [
-        resetControlsTimer
-    ]);
-    var handleWrapperMouseLeave = useCallback(function() {
-        if (!showVolumeSlider && !showSpeedMenu) {
-            setControlsVisible(false);
-        }
-    }, [
-        showVolumeSlider,
-        showSpeedMenu
-    ]);
-    var formatTime = function formatTime(seconds) {
-        if (!isFinite(seconds)) return "0:00:00";
-        var hours = Math.floor(seconds / 3600);
-        var minutes = Math.floor(seconds % 3600 / 60);
-        var remainingSeconds = Math.floor(seconds % 60);
-        return "".concat(hours, ":").concat(minutes.toString().padStart(2, "0"), ":").concat(remainingSeconds.toString().padStart(2, "0"));
-    };
-    var handlePlayPause = function handlePlayPause() {
-        if (videoRef.current) {
-            if (videoRef.current.paused) {
-                var hasValidSource = videoRef.current.src || videoRef.current.currentSrc && videoRef.current.currentSrc !== "" || videoRef.current.readyState >= 1;
-                if (hasValidSource) {
-                    var _videoRef_current_play;
-                    (_videoRef_current_play = videoRef.current.play()) === null || _videoRef_current_play === void 0 ? void 0 : _videoRef_current_play.catch(function(error) {
-                        console.error("[StormcloudVideoPlayer] Failed to play:", error);
-                    });
-                    setShowCenterPlay(false);
-                } else {
-                    console.warn("[StormcloudVideoPlayer] Cannot play: video has no valid source");
-                }
-            } else {
-                videoRef.current.pause();
-                setShowCenterPlay(true);
-            }
-        }
-        resetControlsTimer();
-    };
-    var handleCenterPlayClick = function handleCenterPlayClick() {
-        if (videoRef.current && videoRef.current.paused) {
-            var hasValidSource = videoRef.current.src || videoRef.current.currentSrc && videoRef.current.currentSrc !== "" || videoRef.current.readyState >= 1;
-            if (hasValidSource) {
-                var _videoRef_current_play;
-                (_videoRef_current_play = videoRef.current.play()) === null || _videoRef_current_play === void 0 ? void 0 : _videoRef_current_play.catch(function(error) {
-                    console.error("[StormcloudVideoPlayer] Failed to play:", error);
-                });
-                setShowCenterPlay(false);
-            } else {
-                console.warn("[StormcloudVideoPlayer] Cannot play: video has no valid source");
-            }
-        }
-    };
-    var handleTimelineSeek = function handleTimelineSeek(e) {
-        if (videoRef.current && duration > 0 && isFinite(duration)) {
-            var rect = e.currentTarget.getBoundingClientRect();
-            var clickX = e.clientX - rect.left;
-            var progress = Math.max(0, Math.min(1, clickX / rect.width));
-            var newTime = progress * duration;
-            if (isFinite(newTime) && newTime >= 0 && newTime <= duration) {
-                videoRef.current.currentTime = newTime;
-            }
-        }
-        resetControlsTimer();
-    };
-    var handleVolumeChange = function handleVolumeChange(newVolume) {
-        if (playerRef.current && isFinite(newVolume)) {
-            var clampedVolume = Math.max(0, Math.min(1, newVolume));
-            playerRef.current.setVolume(clampedVolume);
-        }
-    };
-    var handlePlaybackRateChange = function handlePlaybackRateChange(rate) {
-        if (videoRef.current && isFinite(rate) && rate > 0) {
-            videoRef.current.playbackRate = rate;
-        }
-        setShowSpeedMenu(false);
-    };
-    var isHlsStream = (src === null || src === void 0 ? void 0 : src.toLowerCase().includes(".m3u8")) || (src === null || src === void 0 ? void 0 : src.toLowerCase().includes("/hls/"));
-    var isLiveUiMode = isLiveStream === true;
-    var shouldShowEnhancedControls = showCustomControls && (isHlsStream ? !isLiveUiMode : true);
-    var criticalPropsKey = useMemo(function() {
-        return CRITICAL_PROPS.map(function(prop) {
-            return "".concat(prop, ":").concat(props[prop]);
-        }).join("|");
-    }, [
-        src,
-        allowNativeHls,
-        isLiveStream,
-        licenseKey,
-        isVmap,
-        vmapUrl,
-        lowLatencyMode,
-        driftToleranceMs,
-        vastMode
-    ]);
-    useEffect(function() {
-        if (typeof window === "undefined") return;
-        var el = videoRef.current;
-        if (!el || !src) return;
-        if (!licenseKey) {
-            setShowLicenseWarning(true);
-            setIsLoading(false);
-            console.warn("StormcloudVideoPlayer: License key is required but not provided. Please set the licenseKey prop to use the player.");
-            return;
-        }
-        setShowLicenseWarning(false);
-        if (debugAdTiming) {
-            console.log("[StormcloudUI] Initializing player, isLoading=true");
-        }
-        if (playerRef.current) {
-            try {
-                playerRef.current.destroy();
-            } catch (unused) {}
-            playerRef.current = null;
-        }
-        var cfg = {
-            src: src,
-            videoElement: el
-        };
-        if (autoplay !== void 0) cfg.autoplay = autoplay;
-        if (muted !== void 0) cfg.muted = muted;
-        if (lowLatencyMode !== void 0) cfg.lowLatencyMode = lowLatencyMode;
-        if (allowNativeHls !== void 0) cfg.allowNativeHls = allowNativeHls;
-        if (isLiveStream !== void 0) cfg.isLiveStream = isLiveStream;
-        if (driftToleranceMs !== void 0) cfg.driftToleranceMs = driftToleranceMs;
-        if (immediateManifestAds !== void 0) cfg.immediateManifestAds = immediateManifestAds;
-        if (debugAdTiming !== void 0) cfg.debugAdTiming = debugAdTiming;
-        if (showCustomControls !== void 0) cfg.showCustomControls = showCustomControls;
-        if (onVolumeToggle !== void 0) cfg.onVolumeToggle = onVolumeToggle;
-        if (onFullscreenToggle !== void 0) cfg.onFullscreenToggle = onFullscreenToggle;
-        if (onControlClick !== void 0) cfg.onControlClick = onControlClick;
-        if (licenseKey !== void 0) cfg.licenseKey = licenseKey;
-        if (vastMode !== void 0) cfg.vastMode = vastMode;
-        if (vastTagUrl !== void 0) cfg.vastTagUrl = vastTagUrl;
-        if (isVmap !== void 0) cfg.isVmap = isVmap;
-        if (vmapUrl !== void 0) cfg.vmapUrl = vmapUrl;
-        if (minSegmentsBeforePlay !== void 0) cfg.minSegmentsBeforePlay = minSegmentsBeforePlay;
-        if (ctvAdRequest !== void 0) cfg.ctvAdRequest = ctvAdRequest;
-        if (programTitle !== void 0) cfg.programTitle = programTitle;
-        var player = new StormcloudVideoPlayer(cfg);
-        playerRef.current = player;
-        player.load().then(function() {
-            var showNative = player.shouldShowNativeControls();
-            setShouldShowNativeControls(showNative);
-            if (debugAdTiming) {
-                console.log("[StormcloudUI] Player loaded successfully, waiting for video ready");
-            }
-            onReady === null || onReady === void 0 ? void 0 : onReady(player);
-        }).catch(function(error) {
-            console.error("StormcloudVideoPlayer: Failed to load player:", error);
-            setIsLoading(false);
-            onReady === null || onReady === void 0 ? void 0 : onReady(player);
-        });
-        return function() {
-            try {
-                player.destroy();
-            } catch (unused) {}
-            playerRef.current = null;
-        };
-    }, [
-        criticalPropsKey
-    ]);
-    useEffect(function() {
-        if (!playerRef.current) return;
-        try {
-            if (autoplay !== void 0 && playerRef.current.videoElement) {
-                playerRef.current.videoElement.autoplay = autoplay;
-            }
-            if (muted !== void 0 && !playerRef.current.isShowingAds()) {
-                playerRef.current.setMuted(muted);
-            }
-        } catch (error) {
-            console.warn("Failed to update player properties:", error);
-        }
-    }, [
-        autoplay,
-        muted
-    ]);
-    useEffect(function() {
-        if (!playerRef.current) return;
-        var checkAdStatus = function checkAdStatus() {
-            if (playerRef.current) {
-                var _videoRef_current_dataset, _videoRef_current;
-                var showAdsFromMethod = playerRef.current.isShowingAds();
-                var showAdsFromAttribute = ((_videoRef_current = videoRef.current) === null || _videoRef_current === void 0 ? void 0 : (_videoRef_current_dataset = _videoRef_current.dataset) === null || _videoRef_current_dataset === void 0 ? void 0 : _videoRef_current_dataset.stormcloudAdPlaying) === "true";
-                var showAds = showAdsFromMethod || showAdsFromAttribute;
-                var currentIndex = playerRef.current.getCurrentAdIndex();
-                var totalAds = playerRef.current.getTotalAdsInBreak();
-                var remainingMs = playerRef.current.getAdRemainingMs();
-                var remainingSeconds = showAds ? Math.max(0, Math.ceil(remainingMs / 1e3)) : 0;
-                setAdStatus(function(prev) {
-                    if (prev.showAds !== showAds || prev.currentIndex !== currentIndex || prev.totalAds !== totalAds || prev.remainingSeconds !== remainingSeconds) {
-                        if (showAds && !prev.showAds) {
-                            setShowCenterPlay(false);
-                        }
-                        return {
-                            showAds: showAds,
-                            currentIndex: currentIndex,
-                            totalAds: totalAds,
-                            remainingSeconds: remainingSeconds
-                        };
-                    }
-                    return prev;
-                });
-            }
-        };
-        var interval = setInterval(checkAdStatus, 50);
-        return function() {
-            return clearInterval(interval);
-        };
-    }, []);
-    useEffect(function() {
-        if (typeof window === "undefined" || !playerRef.current) return;
-        var handleResize = function handleResize() {
-            if (playerRef.current && videoRef.current) {
-                if (typeof playerRef.current.resize === "function") {
-                    playerRef.current.resize();
-                }
-            }
-            setViewportWidth(window.innerWidth);
-            setIsPortrait(window.innerHeight > window.innerWidth);
-        };
-        window.addEventListener("resize", handleResize);
-        return function() {
-            return window.removeEventListener("resize", handleResize);
-        };
-    }, []);
-    useEffect(function() {
-        if (!playerRef.current || !videoRef.current) return;
-        var updateStates = function updateStates() {
-            if (playerRef.current && videoRef.current) {
-                setIsMuted(playerRef.current.isMuted());
-                setIsPlaying(!videoRef.current.paused);
-                var currentTimeValue = videoRef.current.currentTime;
-                setCurrentTime(isFinite(currentTimeValue) ? currentTimeValue : 0);
-                var durationValue = videoRef.current.duration;
-                setDuration(isFinite(durationValue) ? durationValue : 0);
-                var volumeValue = playerRef.current.getVolume();
-                setVolume2(isFinite(volumeValue) ? Math.max(0, Math.min(1, volumeValue)) : 1);
-                var rateValue = videoRef.current.playbackRate;
-                setPlaybackRate(isFinite(rateValue) && rateValue > 0 ? rateValue : 1);
-            }
-            setIsFullscreen(document.fullscreenElement === wrapperRef.current);
-        };
-        var interval = setInterval(updateStates, 200);
-        var handleFullscreenChange = function handleFullscreenChange() {
-            setIsFullscreen(document.fullscreenElement === wrapperRef.current);
-        };
-        document.addEventListener("fullscreenchange", handleFullscreenChange);
-        return function() {
-            clearInterval(interval);
-            document.removeEventListener("fullscreenchange", handleFullscreenChange);
-        };
-    }, []);
-    useEffect(function() {
-        if (!videoRef.current) return;
-        var handleLoadedMetadata = function handleLoadedMetadata() {
-            var video2 = videoRef.current;
-            if (video2) {
-                if (video2.videoWidth > 0 && video2.videoHeight > 0) {
-                    setPlayerAspectRatio(video2.videoWidth / video2.videoHeight);
-                }
-                void video2.offsetHeight;
-            }
-            if (debugAdTiming) {
-                var _videoRef_current;
-                console.log("[StormcloudUI] Video event: loadedmetadata, readyState:", (_videoRef_current = videoRef.current) === null || _videoRef_current === void 0 ? void 0 : _videoRef_current.readyState);
-            }
-        };
-        var handleLoadedData = function handleLoadedData() {
-            if (debugAdTiming) {
-                var _videoRef_current;
-                console.log("[StormcloudUI] Video event: loadeddata, readyState:", (_videoRef_current = videoRef.current) === null || _videoRef_current === void 0 ? void 0 : _videoRef_current.readyState);
-            }
-        };
-        var handleLoadStart = function handleLoadStart() {
-            if (debugAdTiming) {
-                var _videoRef_current;
-                console.log("[StormcloudUI] Video event: loadstart, readyState:", (_videoRef_current = videoRef.current) === null || _videoRef_current === void 0 ? void 0 : _videoRef_current.readyState);
-            }
-        };
-        var handleCanPlay = function handleCanPlay() {
-            setIsLoading(false);
-            if (bufferingTimeoutRef.current) {
-                clearTimeout(bufferingTimeoutRef.current);
-                bufferingTimeoutRef.current = null;
-            }
-            setIsBuffering(false);
-            if (debugAdTiming) {
-                var _videoRef_current;
-                console.log("[StormcloudUI] Video event: canplay, readyState:", (_videoRef_current = videoRef.current) === null || _videoRef_current === void 0 ? void 0 : _videoRef_current.readyState, "- clearing loading state, isLoading=false");
-            }
-        };
-        var handleCanPlayThrough = function handleCanPlayThrough() {
-            setIsLoading(false);
-            if (bufferingTimeoutRef.current) {
-                clearTimeout(bufferingTimeoutRef.current);
-                bufferingTimeoutRef.current = null;
-            }
-            setIsBuffering(false);
-            if (debugAdTiming) {
-                var _videoRef_current;
-                console.log("[StormcloudUI] Video event: canplaythrough, readyState:", (_videoRef_current = videoRef.current) === null || _videoRef_current === void 0 ? void 0 : _videoRef_current.readyState, "- clearing loading state, isLoading=false");
-            }
-        };
-        var handleWaiting = function handleWaiting() {
-            if (bufferingTimeoutRef.current) {
-                clearTimeout(bufferingTimeoutRef.current);
-            }
-            bufferingTimeoutRef.current = window.setTimeout(function() {
-                setIsBuffering(true);
-                if (debugAdTiming) {
-                    var _videoRef_current;
-                    console.log("[StormcloudUI] Video buffering detected (after 300ms delay), readyState:", (_videoRef_current = videoRef.current) === null || _videoRef_current === void 0 ? void 0 : _videoRef_current.readyState, "- showing spinner, isBuffering=true");
-                }
-            }, 300);
-            if (debugAdTiming) {
-                var _videoRef_current;
-                console.log("[StormcloudUI] Video event: waiting, readyState:", (_videoRef_current = videoRef.current) === null || _videoRef_current === void 0 ? void 0 : _videoRef_current.readyState, "- buffering delay started (300ms)");
-            }
-        };
-        var handlePlaying = function handlePlaying() {
-            setIsLoading(false);
-            if (bufferingTimeoutRef.current) {
-                clearTimeout(bufferingTimeoutRef.current);
-                bufferingTimeoutRef.current = null;
-            }
-            setIsBuffering(false);
-            setShowCenterPlay(false);
-            if (debugAdTiming) {
-                var _videoRef_current;
-                console.log("[StormcloudUI] Video event: playing, readyState:", (_videoRef_current = videoRef.current) === null || _videoRef_current === void 0 ? void 0 : _videoRef_current.readyState, "- playback started, isLoading=false, isBuffering=false");
-            }
-        };
-        var handlePause = function handlePause() {
-            var _playerRef_current, _videoRef_current_dataset, _videoRef_current;
-            var isAdActive = ((_playerRef_current = playerRef.current) === null || _playerRef_current === void 0 ? void 0 : _playerRef_current.isShowingAds()) || ((_videoRef_current = videoRef.current) === null || _videoRef_current === void 0 ? void 0 : (_videoRef_current_dataset = _videoRef_current.dataset) === null || _videoRef_current_dataset === void 0 ? void 0 : _videoRef_current_dataset.stormcloudAdPlaying) === "true";
-            if (playerRef.current && !isAdActive) {
-                setShowCenterPlay(true);
-            } else {
-                setShowCenterPlay(false);
-            }
-        };
-        var handleEnded = function handleEnded() {
-            setShowCenterPlay(true);
-        };
-        var video = videoRef.current;
-        video.addEventListener("loadstart", handleLoadStart);
-        video.addEventListener("loadedmetadata", handleLoadedMetadata);
-        video.addEventListener("loadeddata", handleLoadedData);
-        video.addEventListener("canplay", handleCanPlay);
-        video.addEventListener("canplaythrough", handleCanPlayThrough);
-        video.addEventListener("waiting", handleWaiting);
-        video.addEventListener("playing", handlePlaying);
-        video.addEventListener("pause", handlePause);
-        video.addEventListener("ended", handleEnded);
-        if (video.paused) {
-            setShowCenterPlay(true);
-        }
-        return function() {
-            if (bufferingTimeoutRef.current) {
-                clearTimeout(bufferingTimeoutRef.current);
-                bufferingTimeoutRef.current = null;
-            }
-            video.removeEventListener("loadstart", handleLoadStart);
-            video.removeEventListener("loadedmetadata", handleLoadedMetadata);
-            video.removeEventListener("loadeddata", handleLoadedData);
-            video.removeEventListener("canplay", handleCanPlay);
-            video.removeEventListener("canplaythrough", handleCanPlayThrough);
-            video.removeEventListener("waiting", handleWaiting);
-            video.removeEventListener("playing", handlePlaying);
-            video.removeEventListener("pause", handlePause);
-            video.removeEventListener("ended", handleEnded);
-        };
-    }, [
-        debugAdTiming
-    ]);
-    useEffect(function() {
-        setPlayerAspectRatio(DEFAULT_PLAYER_ASPECT_RATIO);
-    }, [
-        src
-    ]);
-    useEffect(function() {
-        return function() {
-            if (controlsTimerRef.current) {
-                clearTimeout(controlsTimerRef.current);
-            }
-        };
-    }, []);
-    var progressPercent = duration > 0 ? currentTime / duration * 100 : 0;
-    var VolumeIcon = isMuted2 || volume === 0 ? FaVolumeMute : volume < 0.5 ? FaVolumeDown : FaVolumeUp;
-    return /* @__PURE__ */ jsxs(Fragment, {
-        children: [
-            /* @__PURE__ */ jsx("style", {
-                children: "\n              @keyframes sc-spin {\n                from { transform: rotate(0deg); }\n                to { transform: rotate(360deg); }\n              }\n              @keyframes sc-loading-glow {\n                0%, 100% { opacity: 0.85; transform: scale(1); }\n                50% { opacity: 1; transform: scale(1.05); }\n              }\n              @keyframes sc-pulse {\n                0%, 100% { opacity: 1; }\n                50% { opacity: 0.6; }\n              }\n              @keyframes sc-fade-in {\n                from { opacity: 0; transform: translateY(8px); }\n                to { opacity: 1; transform: translateY(0); }\n              }\n              .sc-wrapper:fullscreen,\n              .sc-wrapper:has(*:fullscreen) {\n                border-radius: 0 !important;\n                box-shadow: none !important;\n                width: 100vw !important;\n                height: 100vh !important;\n                max-width: 100vw !important;\n                max-height: 100vh !important;\n                position: fixed !important;\n                top: 0 !important;\n                left: 0 !important;\n                z-index: 999999 !important;\n                background: #000 !important;\n                display: flex !important;\n                align-items: center !important;\n                justify-content: center !important;\n              }\n              .sc-ctrl-btn {\n                background: none;\n                border: none;\n                color: #fff;\n                cursor: pointer;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                border-radius: 50%;\n                padding: 8px;\n                transition: background 0.15s ease, opacity 0.15s ease;\n                opacity: 0.9;\n              }\n              .sc-ctrl-btn:hover {\n                opacity: 1;\n                background: rgba(255, 255, 255, 0.1);\n              }\n              .sc-ctrl-btn:active {\n                opacity: 0.7;\n              }\n              .sc-controls-bar {\n                transition: opacity 0.35s ease, transform 0.35s ease;\n              }\n              .sc-progress-track:hover .sc-progress-thumb {\n                transform: translate(-50%, -50%) scale(1) !important;\n              }\n              .sc-loading-hidden .sc-loading-indicator {\n                display: none !important;\n              }\n            "
-            }),
-            /* @__PURE__ */ jsxs("div", {
-                ref: wrapperRef,
-                className: "sc-wrapper ".concat(wrapperClassName || ""),
-                onMouseMove: handleWrapperMouseMove,
-                onMouseLeave: handleWrapperMouseLeave,
-                style: _object_spread({
-                    display: "flex",
-                    alignItems: "center",
-                    justifyContent: "center",
-                    position: isFullscreen2 ? "fixed" : "relative",
-                    top: isFullscreen2 ? 0 : void 0,
-                    left: isFullscreen2 ? 0 : void 0,
-                    overflow: "hidden",
-                    width: isFullscreen2 ? "100vw" : "100%",
-                    height: isFullscreen2 ? "100vh" : "auto",
-                    minHeight: isFullscreen2 ? "100vh" : "auto",
-                    aspectRatio: isFullscreen2 ? void 0 : playerAspectRatio,
-                    maxWidth: isFullscreen2 ? "100vw" : "100%",
-                    maxHeight: isFullscreen2 ? "100vh" : "none",
-                    zIndex: isFullscreen2 ? 999999 : void 0,
-                    backgroundColor: "#000",
-                    borderRadius: isFullscreen2 ? 0 : void 0,
-                    boxShadow: isFullscreen2 ? "none" : void 0
-                }, wrapperStyle),
-                children: [
-                    /* @__PURE__ */ jsx("video", _object_spread_props(_object_spread({
-                        ref: videoRef,
-                        className: className,
-                        style: _object_spread({
-                            display: "block",
-                            width: "100%",
-                            height: "100%",
-                            maxWidth: "100%",
-                            maxHeight: isFullscreen2 ? "100%" : "none",
-                            objectFit: isFullscreen2 ? "cover" : "contain",
-                            backgroundColor: "#000",
-                            aspectRatio: isFullscreen2 ? "unset" : void 0
-                        }, style),
-                        controls: shouldShowNativeControls && controls && !showCustomControls,
-                        playsInline: playsInline,
-                        preload: preload,
-                        poster: poster
-                    }, restVideoAttrs), {
-                        children: children
-                    })),
-                    (isLoading || isBuffering) && !hideLoadingIndicator && /* @__PURE__ */ jsxs("div", {
-                        className: "sc-loading-indicator",
-                        style: {
-                            position: "absolute",
-                            top: "50%",
-                            left: "50%",
-                            transform: "translate(-50%, -50%)",
-                            zIndex: 20,
-                            width: "".concat(Math.max(34, 38 * responsiveScale), "px"),
-                            height: "".concat(Math.max(34, 38 * responsiveScale), "px"),
-                            display: "flex",
-                            alignItems: "center",
-                            justifyContent: "center",
-                            animation: "sc-loading-glow 1.4s ease-in-out infinite",
-                            filter: "drop-shadow(0 6px 14px rgba(0, 0, 0, 0.55))"
-                        },
-                        children: [
-                            /* @__PURE__ */ jsx("div", {
-                                style: {
-                                    position: "absolute",
-                                    inset: 0,
-                                    borderRadius: "50%",
-                                    border: "3px solid rgba(255, 255, 255, 0.25)",
-                                    borderTopColor: "#ff0000",
-                                    borderRightColor: "rgba(255, 255, 255, 0.85)",
-                                    animation: "sc-spin 0.8s linear infinite"
-                                }
-                            }),
-                            /* @__PURE__ */ jsx("div", {
-                                style: {
-                                    width: "7px",
-                                    height: "7px",
-                                    borderRadius: "50%",
-                                    background: "#ff0000",
-                                    boxShadow: "0 0 10px rgba(255, 0, 0, 0.65)"
-                                }
-                            })
-                        ]
-                    }),
-                    showLicenseWarning && /* @__PURE__ */ jsxs("div", {
-                        style: {
-                            position: "absolute",
-                            top: "50%",
-                            left: "50%",
-                            transform: "translate(-50%, -50%)",
-                            zIndex: 25,
-                            background: "rgba(220, 38, 38, 0.92)",
-                            backdropFilter: "blur(24px)",
-                            color: "white",
-                            padding: "28px 36px",
-                            borderRadius: "14px",
-                            border: "1px solid rgba(255, 255, 255, 0.15)",
-                            boxShadow: "0 24px 64px rgba(0, 0, 0, 0.5)",
-                            textAlign: "center",
-                            maxWidth: "400px",
-                            margin: "0 16px"
-                        },
-                        children: [
-                            /* @__PURE__ */ jsx("div", {
-                                style: {
-                                    fontSize: "18px",
-                                    fontWeight: "700",
-                                    marginBottom: "10px",
-                                    letterSpacing: "-0.02em"
-                                },
-                                children: "License Key Required"
-                            }),
-                            /* @__PURE__ */ jsxs("div", {
-                                style: {
-                                    fontSize: "13px",
-                                    lineHeight: "1.6",
-                                    color: "rgba(255, 255, 255, 0.85)"
-                                },
-                                children: [
-                                    "Please provide a valid license key to use the Stormcloud Video Player.",
-                                    /* @__PURE__ */ jsx("br", {}),
-                                    "Contact your administrator for licensing information."
-                                ]
-                            })
-                        ]
-                    }),
-                    adStatus.showAds && /* @__PURE__ */ jsx("div", {
-                        style: {
-                            position: "absolute",
-                            top: "".concat(12 * responsiveScale, "px"),
-                            left: "".concat(12 * responsiveScale, "px"),
-                            zIndex: 50,
-                            display: "flex",
-                            alignItems: "center",
-                            gap: "8px",
-                            pointerEvents: "none",
-                            animation: "sc-fade-in 0.3s ease"
-                        },
-                        children: /* @__PURE__ */ jsx("div", {
-                            style: {
-                                background: "rgba(234, 179, 8, 0.95)",
-                                color: "#111",
-                                padding: "".concat(4 * responsiveScale, "px ").concat(12 * responsiveScale, "px"),
-                                borderRadius: "6px",
-                                fontSize: "".concat(11 * responsiveScale, "px"),
-                                fontWeight: 700,
-                                letterSpacing: "0.08em",
-                                textTransform: "uppercase",
-                                boxShadow: "0 2px 12px rgba(234, 179, 8, 0.35)"
-                            },
-                            children: "Ad ".concat(Math.max(1, adStatus.currentIndex))
-                        })
-                    }),
-                    showCenterPlay && !isLoading && !isBuffering && !showLicenseWarning && !adStatus.showAds && /* @__PURE__ */ jsx("div", {
-                        onClick: handleCenterPlayClick,
-                        style: {
-                            position: "absolute",
-                            top: "50%",
-                            left: "50%",
-                            transform: "translate(-50%, -50%)",
-                            zIndex: 15,
-                            cursor: "pointer",
-                            background: "rgba(0, 0, 0, 0.55)",
-                            backdropFilter: "blur(8px)",
-                            borderRadius: "50%",
-                            width: "".concat(92 * responsiveScale, "px"),
-                            height: "".concat(92 * responsiveScale, "px"),
-                            display: "flex",
-                            alignItems: "center",
-                            justifyContent: "center",
-                            transition: "background 0.2s ease, transform 0.2s ease",
-                            animation: "sc-fade-in 0.2s ease"
-                        },
-                        onMouseEnter: function onMouseEnter(e) {
-                            e.currentTarget.style.background = "rgba(0, 0, 0, 0.72)";
-                            e.currentTarget.style.transform = "translate(-50%, -50%) scale(1.06)";
-                        },
-                        onMouseLeave: function onMouseLeave(e) {
-                            e.currentTarget.style.background = "rgba(0, 0, 0, 0.55)";
-                            e.currentTarget.style.transform = "translate(-50%, -50%) scale(1)";
-                        },
-                        title: "Play",
-                        children: /* @__PURE__ */ jsx(FaPlay, {
-                            size: Math.max(24, 32 * responsiveScale),
-                            color: "white",
-                            style: {
-                                marginLeft: "4px"
-                            }
-                        })
-                    }),
-                    shouldShowEnhancedControls && !showLicenseWarning ? /* @__PURE__ */ jsxs("div", {
-                        className: "sc-controls-bar",
-                        style: {
-                            position: "absolute",
-                            bottom: 0,
-                            left: 0,
-                            right: 0,
-                            background: "linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.35) 60%, transparent 100%)",
-                            padding: "".concat(20 * responsiveScale, "px ").concat(12 * responsiveScale, "px ").concat(8 * responsiveScale, "px"),
-                            zIndex: 10,
-                            opacity: controlsVisible || adStatus.showAds ? 1 : 0,
-                            transform: controlsVisible || adStatus.showAds ? "translateY(0)" : "translateY(6px)",
-                            pointerEvents: controlsVisible || adStatus.showAds ? "auto" : "none"
-                        },
-                        children: [
-                            /* @__PURE__ */ jsxs("div", {
-                                className: "sc-progress-track",
-                                style: {
-                                    width: "100%",
-                                    height: "3px",
-                                    background: "rgba(255, 255, 255, 0.2)",
-                                    borderRadius: "1.5px",
-                                    marginBottom: "".concat(8 * responsiveScale, "px"),
-                                    cursor: "pointer",
-                                    position: "relative",
-                                    transition: "height 0.1s ease"
-                                },
-                                onClick: handleTimelineSeek,
-                                onMouseEnter: function onMouseEnter(e) {
-                                    e.currentTarget.style.height = "5px";
-                                },
-                                onMouseLeave: function onMouseLeave(e) {
-                                    e.currentTarget.style.height = "3px";
-                                },
-                                children: [
-                                    /* @__PURE__ */ jsx("div", {
-                                        style: {
-                                            position: "absolute",
-                                            top: 0,
-                                            left: 0,
-                                            bottom: 0,
-                                            background: adStatus.showAds ? "#f5c518" : "#ff0000",
-                                            borderRadius: "1.5px",
-                                            width: "".concat(progressPercent, "%"),
-                                            transition: "width 0.15s linear"
-                                        }
-                                    }),
-                                    /* @__PURE__ */ jsx("div", {
-                                        className: "sc-progress-thumb",
-                                        style: {
-                                            position: "absolute",
-                                            top: "50%",
-                                            left: "".concat(progressPercent, "%"),
-                                            transform: "translate(-50%, -50%) scale(0)",
-                                            width: "13px",
-                                            height: "13px",
-                                            background: adStatus.showAds ? "#f5c518" : "#ff0000",
-                                            borderRadius: "50%",
-                                            boxShadow: "0 0 4px rgba(0, 0, 0, 0.3)",
-                                            transition: "transform 0.1s ease, left 0.15s linear"
-                                        }
-                                    })
-                                ]
-                            }),
-                            /* @__PURE__ */ jsxs("div", {
-                                style: {
-                                    display: "flex",
-                                    alignItems: "center",
-                                    justifyContent: "space-between",
-                                    color: "white",
-                                    gap: "".concat(8 * responsiveScale, "px")
-                                },
-                                children: [
-                                    /* @__PURE__ */ jsxs("div", {
-                                        style: {
-                                            display: "flex",
-                                            alignItems: "center",
-                                            gap: "".concat(8 * responsiveScale, "px")
-                                        },
-                                        children: [
-                                            /* @__PURE__ */ jsx("button", {
-                                                className: "sc-ctrl-btn",
-                                                onClick: handlePlayPause,
-                                                style: {
-                                                    padding: "".concat(8 * responsiveScale, "px"),
-                                                    borderRadius: "50%",
-                                                    minWidth: "".concat(36 * responsiveScale, "px"),
-                                                    minHeight: "".concat(36 * responsiveScale, "px")
-                                                },
-                                                title: isPlaying ? "Pause" : "Play",
-                                                children: isPlaying ? /* @__PURE__ */ jsx(FaPause, {
-                                                    size: Math.max(14, 18 * responsiveScale)
-                                                }) : /* @__PURE__ */ jsx(FaPlay, {
-                                                    size: Math.max(14, 18 * responsiveScale),
-                                                    style: {
-                                                        marginLeft: "2px"
-                                                    }
-                                                })
-                                            }),
-                                            /* @__PURE__ */ jsxs("div", {
-                                                style: {
-                                                    display: "flex",
-                                                    alignItems: "center",
-                                                    paddingRight: "".concat(6 * responsiveScale, "px")
-                                                },
-                                                onMouseEnter: function onMouseEnter() {
-                                                    return setShowVolumeSlider(true);
-                                                },
-                                                onMouseLeave: function onMouseLeave() {
-                                                    return setShowVolumeSlider(false);
-                                                },
-                                                children: [
-                                                    /* @__PURE__ */ jsx("button", {
-                                                        className: "sc-ctrl-btn",
-                                                        onClick: function onClick() {
-                                                            if (playerRef.current) playerRef.current.toggleMute();
-                                                            onVolumeToggle === null || onVolumeToggle === void 0 ? void 0 : onVolumeToggle();
-                                                            resetControlsTimer();
-                                                        },
-                                                        style: {
-                                                            padding: "".concat(8 * responsiveScale, "px"),
-                                                            borderRadius: "50%",
-                                                            minWidth: "".concat(36 * responsiveScale, "px"),
-                                                            minHeight: "".concat(36 * responsiveScale, "px")
-                                                        },
-                                                        title: isMuted2 ? "Unmute" : "Mute",
-                                                        children: /* @__PURE__ */ jsx(VolumeIcon, {
-                                                            size: Math.max(14, 18 * responsiveScale)
-                                                        })
-                                                    }),
-                                                    /* @__PURE__ */ jsx("div", {
-                                                        style: {
-                                                            width: showVolumeSlider ? "".concat(68 * responsiveScale, "px") : "0px",
-                                                            overflow: "hidden",
-                                                            transition: "width 0.2s cubic-bezier(0.4, 0, 0.2, 1)",
-                                                            display: "flex",
-                                                            alignItems: "center",
-                                                            paddingLeft: showVolumeSlider ? "".concat(3 * responsiveScale, "px") : "0",
-                                                            paddingRight: showVolumeSlider ? "".concat(8 * responsiveScale, "px") : "0"
-                                                        },
-                                                        children: /* @__PURE__ */ jsxs("div", {
-                                                            style: {
-                                                                position: "relative",
-                                                                width: "".concat(56 * responsiveScale, "px"),
-                                                                height: "3px",
-                                                                cursor: "pointer",
-                                                                borderRadius: "1.5px"
-                                                            },
-                                                            onMouseDown: function onMouseDown(e) {
-                                                                e.preventDefault();
-                                                                var el = e.currentTarget;
-                                                                var move = function move(ev) {
-                                                                    var r2 = el.getBoundingClientRect();
-                                                                    handleVolumeChange(Math.max(0, Math.min(1, (ev.clientX - r2.left) / r2.width)));
-                                                                };
-                                                                var up = function up1() {
-                                                                    document.removeEventListener("mousemove", move);
-                                                                    document.removeEventListener("mouseup", up);
-                                                                };
-                                                                document.addEventListener("mousemove", move);
-                                                                document.addEventListener("mouseup", up);
-                                                                var r = el.getBoundingClientRect();
-                                                                handleVolumeChange(Math.max(0, Math.min(1, (e.clientX - r.left) / r.width)));
-                                                            },
-                                                            onClick: function onClick(e) {
-                                                                e.stopPropagation();
-                                                                var r = e.currentTarget.getBoundingClientRect();
-                                                                handleVolumeChange(Math.max(0, Math.min(1, (e.clientX - r.left) / r.width)));
-                                                            },
-                                                            children: [
-                                                                /* @__PURE__ */ jsx("div", {
-                                                                    style: {
-                                                                        position: "absolute",
-                                                                        inset: 0,
-                                                                        background: "rgba(255, 255, 255, 0.2)",
-                                                                        borderRadius: "1.5px"
-                                                                    }
-                                                                }),
-                                                                /* @__PURE__ */ jsx("div", {
-                                                                    style: {
-                                                                        position: "absolute",
-                                                                        top: 0,
-                                                                        left: 0,
-                                                                        bottom: 0,
-                                                                        width: "".concat((isMuted2 ? 0 : volume) * 100, "%"),
-                                                                        background: "#fff",
-                                                                        borderRadius: "1.5px",
-                                                                        transition: "width 0.1s ease-out"
-                                                                    }
-                                                                }),
-                                                                /* @__PURE__ */ jsx("div", {
-                                                                    style: {
-                                                                        position: "absolute",
-                                                                        top: "50%",
-                                                                        left: "".concat((isMuted2 ? 0 : volume) * 100, "%"),
-                                                                        transform: "translate(-50%, -50%)",
-                                                                        width: "12px",
-                                                                        height: "12px",
-                                                                        background: "#fff",
-                                                                        borderRadius: "50%",
-                                                                        boxShadow: "0 0 3px rgba(0, 0, 0, 0.3)",
-                                                                        transition: "left 0.1s ease-out"
-                                                                    }
-                                                                })
-                                                            ]
-                                                        })
-                                                    })
-                                                ]
-                                            }),
-                                            /* @__PURE__ */ jsxs("div", {
-                                                style: {
-                                                    fontSize: "".concat(13 * responsiveScale, "px"),
-                                                    fontFamily: "Roboto, 'Segoe UI', Arial, sans-serif",
-                                                    color: "rgba(255, 255, 255, 0.9)",
-                                                    display: viewportWidth < 480 ? "none" : "block",
-                                                    fontVariantNumeric: "tabular-nums",
-                                                    userSelect: "none",
-                                                    marginLeft: "".concat(4 * responsiveScale, "px")
-                                                },
-                                                children: [
-                                                    formatTime(currentTime),
-                                                    " ",
-                                                    /* @__PURE__ */ jsx("span", {
-                                                        style: {
-                                                            color: "rgba(255,255,255,0.5)"
-                                                        },
-                                                        children: "/"
-                                                    }),
-                                                    " ",
-                                                    formatTime(duration)
-                                                ]
-                                            })
-                                        ]
-                                    }),
-                                    /* @__PURE__ */ jsxs("div", {
-                                        style: {
-                                            display: "flex",
-                                            alignItems: "center",
-                                            gap: "".concat(8 * responsiveScale, "px")
-                                        },
-                                        children: [
-                                            /* @__PURE__ */ jsxs("div", {
-                                                style: {
-                                                    position: "relative",
-                                                    display: viewportWidth < 600 ? "none" : "block"
-                                                },
-                                                children: [
-                                                    /* @__PURE__ */ jsxs("button", {
-                                                        className: "sc-ctrl-btn",
-                                                        onClick: function onClick() {
-                                                            setShowSpeedMenu(!showSpeedMenu);
-                                                            resetControlsTimer();
-                                                        },
-                                                        style: {
-                                                            padding: "".concat(6 * responsiveScale, "px ").concat(10 * responsiveScale, "px"),
-                                                            borderRadius: "".concat(6 * responsiveScale, "px"),
-                                                            fontSize: "".concat(13 * responsiveScale, "px"),
-                                                            fontFamily: "'SF Mono', 'Cascadia Code', monospace",
-                                                            fontWeight: "600",
-                                                            minHeight: "".concat(32 * responsiveScale, "px")
-                                                        },
-                                                        title: "Playback Speed",
-                                                        children: [
-                                                            playbackRate,
-                                                            "x"
-                                                        ]
-                                                    }),
-                                                    showSpeedMenu && /* @__PURE__ */ jsx("div", {
-                                                        style: {
-                                                            position: "absolute",
-                                                            bottom: "100%",
-                                                            right: 0,
-                                                            marginBottom: "8px",
-                                                            background: "rgba(0, 0, 0, 0.8)",
-                                                            backdropFilter: "blur(24px)",
-                                                            WebkitBackdropFilter: "blur(24px)",
-                                                            borderRadius: "10px",
-                                                            border: "1px solid rgba(255, 255, 255, 0.1)",
-                                                            overflow: "hidden",
-                                                            minWidth: "80px",
-                                                            boxShadow: "0 12px 40px rgba(0, 0, 0, 0.5)",
-                                                            animation: "sc-fade-in 0.15s ease"
-                                                        },
-                                                        children: [
-                                                            0.25,
-                                                            0.5,
-                                                            0.75,
-                                                            1,
-                                                            1.25,
-                                                            1.5,
-                                                            1.75,
-                                                            2
-                                                        ].map(function(speed) {
-                                                            return /* @__PURE__ */ jsxs("button", {
-                                                                onClick: function onClick() {
-                                                                    return handlePlaybackRateChange(speed);
-                                                                },
-                                                                style: {
-                                                                    display: "block",
-                                                                    width: "100%",
-                                                                    padding: "".concat(8 * responsiveScale, "px ").concat(14 * responsiveScale, "px"),
-                                                                    background: playbackRate === speed ? "rgba(255, 255, 255, 0.12)" : "transparent",
-                                                                    border: "none",
-                                                                    color: playbackRate === speed ? "#fff" : "rgba(255, 255, 255, 0.7)",
-                                                                    cursor: "pointer",
-                                                                    fontSize: "".concat(12 * responsiveScale, "px"),
-                                                                    fontFamily: "'SF Mono', monospace",
-                                                                    fontWeight: playbackRate === speed ? "700" : "500",
-                                                                    textAlign: "center",
-                                                                    transition: "background 0.15s ease, color 0.15s ease"
-                                                                },
-                                                                onMouseEnter: function onMouseEnter(e) {
-                                                                    if (playbackRate !== speed) {
-                                                                        e.target.style.background = "rgba(255, 255, 255, 0.08)";
-                                                                        e.target.style.color = "#fff";
-                                                                    }
-                                                                },
-                                                                onMouseLeave: function onMouseLeave(e) {
-                                                                    if (playbackRate !== speed) {
-                                                                        e.target.style.background = "transparent";
-                                                                        e.target.style.color = "rgba(255, 255, 255, 0.7)";
-                                                                    }
-                                                                },
-                                                                children: [
-                                                                    speed,
-                                                                    "x"
-                                                                ]
-                                                            }, speed);
-                                                        })
-                                                    })
-                                                ]
-                                            }),
-                                            /* @__PURE__ */ jsx("button", {
-                                                className: "sc-ctrl-btn",
-                                                onClick: function onClick() {
-                                                    if (onFullscreenToggle) {
-                                                        onFullscreenToggle();
-                                                    } else if (wrapperRef.current) {
-                                                        if (!document.fullscreenElement) {
-                                                            wrapperRef.current.requestFullscreen().catch(function() {});
-                                                        } else {
-                                                            document.exitFullscreen().catch(function() {});
-                                                        }
-                                                    }
-                                                    resetControlsTimer();
-                                                },
-                                                style: {
-                                                    padding: "".concat(8 * responsiveScale, "px"),
-                                                    borderRadius: "50%",
-                                                    minWidth: "".concat(36 * responsiveScale, "px"),
-                                                    minHeight: "".concat(36 * responsiveScale, "px")
-                                                },
-                                                title: isFullscreen2 ? "Exit Fullscreen" : "Enter Fullscreen",
-                                                children: isFullscreen2 ? /* @__PURE__ */ jsx(CompressIcon, {
-                                                    size: Math.max(14, 18 * responsiveScale)
-                                                }) : /* @__PURE__ */ jsx(ExpandIcon, {
-                                                    size: Math.max(14, 18 * responsiveScale)
-                                                })
-                                            })
-                                        ]
-                                    })
-                                ]
-                            })
-                        ]
-                    }) : showCustomControls && !showLicenseWarning && /* @__PURE__ */ jsxs(Fragment, {
-                        children: [
-                            /* @__PURE__ */ jsxs("div", {
-                                style: {
-                                    position: "absolute",
-                                    top: "".concat(10 * responsiveScale, "px"),
-                                    left: "".concat(10 * responsiveScale, "px"),
-                                    display: "flex",
-                                    alignItems: "center",
-                                    gap: "6px",
-                                    zIndex: 10,
-                                    opacity: controlsVisible ? 1 : 0,
-                                    transition: "opacity 0.35s ease"
-                                },
-                                children: [
-                                    /* @__PURE__ */ jsx("div", {
-                                        style: {
-                                            width: "8px",
-                                            height: "8px",
-                                            borderRadius: "50%",
-                                            background: "#ff3b30",
-                                            animation: "sc-pulse 1.5s ease-in-out infinite",
-                                            flexShrink: 0
-                                        }
-                                    }),
-                                    /* @__PURE__ */ jsx("span", {
-                                        style: {
-                                            fontSize: "".concat(12 * responsiveScale, "px"),
-                                            fontFamily: "'SF Pro Display', 'Segoe UI', Arial, sans-serif",
-                                            fontWeight: 700,
-                                            letterSpacing: "0.08em",
-                                            color: "#fff",
-                                            textShadow: "0 1px 3px rgba(0,0,0,0.6)",
-                                            userSelect: "none"
-                                        },
-                                        children: "LIVE"
-                                    })
-                                ]
-                            }),
-                            /* @__PURE__ */ jsxs("div", {
-                                className: "sc-controls-bar",
-                                style: {
-                                    position: "absolute",
-                                    bottom: "".concat(10 * responsiveScale, "px"),
-                                    right: "".concat(10 * responsiveScale, "px"),
-                                    display: "flex",
-                                    flexDirection: isPortrait ? "column" : "row",
-                                    alignItems: isPortrait ? "flex-end" : "center",
-                                    gap: "".concat(8 * responsiveScale, "px"),
-                                    zIndex: 10,
-                                    opacity: controlsVisible ? 1 : 0,
-                                    transform: controlsVisible ? "translateY(0)" : "translateY(4px)",
-                                    pointerEvents: controlsVisible ? "auto" : "none"
-                                },
-                                children: [
-                                    /* @__PURE__ */ jsxs("div", {
-                                        style: {
-                                            display: "flex",
-                                            alignItems: "center",
-                                            background: "rgba(0, 0, 0, 0.6)",
-                                            borderRadius: "".concat(18 * responsiveScale, "px"),
-                                            padding: "2px",
-                                            paddingRight: "".concat(8 * responsiveScale, "px")
-                                        },
-                                        onMouseEnter: function onMouseEnter() {
-                                            return setShowVolumeSlider(true);
-                                        },
-                                        onMouseLeave: function onMouseLeave() {
-                                            return setShowVolumeSlider(false);
-                                        },
-                                        children: [
-                                            /* @__PURE__ */ jsx("button", {
-                                                className: "sc-ctrl-btn",
-                                                onClick: function onClick() {
-                                                    if (playerRef.current) playerRef.current.toggleMute();
-                                                    onVolumeToggle === null || onVolumeToggle === void 0 ? void 0 : onVolumeToggle();
-                                                    resetControlsTimer();
-                                                },
-                                                style: {
-                                                    padding: "".concat(8 * responsiveScale, "px"),
-                                                    borderRadius: "50%",
-                                                    minWidth: "".concat(36 * responsiveScale, "px"),
-                                                    minHeight: "".concat(36 * responsiveScale, "px")
-                                                },
-                                                title: isMuted2 ? "Unmute" : "Mute",
-                                                children: /* @__PURE__ */ jsx(VolumeIcon, {
-                                                    size: Math.max(14, 18 * responsiveScale)
-                                                })
-                                            }),
-                                            /* @__PURE__ */ jsx("div", {
-                                                style: {
-                                                    width: showVolumeSlider ? "".concat(68 * responsiveScale, "px") : "0px",
-                                                    overflow: "hidden",
-                                                    transition: "width 0.2s cubic-bezier(0.4, 0, 0.2, 1)",
-                                                    display: "flex",
-                                                    alignItems: "center",
-                                                    paddingLeft: showVolumeSlider ? "".concat(3 * responsiveScale, "px") : "0",
-                                                    paddingRight: showVolumeSlider ? "".concat(10 * responsiveScale, "px") : "0"
-                                                },
-                                                children: /* @__PURE__ */ jsxs("div", {
-                                                    style: {
-                                                        position: "relative",
-                                                        width: "".concat(56 * responsiveScale, "px"),
-                                                        height: "3px",
-                                                        cursor: "pointer",
-                                                        borderRadius: "1.5px"
-                                                    },
-                                                    onMouseDown: function onMouseDown(e) {
-                                                        e.preventDefault();
-                                                        var el = e.currentTarget;
-                                                        var move = function move(ev) {
-                                                            var r2 = el.getBoundingClientRect();
-                                                            handleVolumeChange(Math.max(0, Math.min(1, (ev.clientX - r2.left) / r2.width)));
-                                                        };
-                                                        var up = function up1() {
-                                                            document.removeEventListener("mousemove", move);
-                                                            document.removeEventListener("mouseup", up);
-                                                        };
-                                                        document.addEventListener("mousemove", move);
-                                                        document.addEventListener("mouseup", up);
-                                                        var r = el.getBoundingClientRect();
-                                                        handleVolumeChange(Math.max(0, Math.min(1, (e.clientX - r.left) / r.width)));
-                                                    },
-                                                    onClick: function onClick(e) {
-                                                        e.stopPropagation();
-                                                        var r = e.currentTarget.getBoundingClientRect();
-                                                        handleVolumeChange(Math.max(0, Math.min(1, (e.clientX - r.left) / r.width)));
-                                                    },
-                                                    children: [
-                                                        /* @__PURE__ */ jsx("div", {
-                                                            style: {
-                                                                position: "absolute",
-                                                                inset: 0,
-                                                                background: "rgba(255, 255, 255, 0.2)",
-                                                                borderRadius: "1.5px"
-                                                            }
-                                                        }),
-                                                        /* @__PURE__ */ jsx("div", {
-                                                            style: {
-                                                                position: "absolute",
-                                                                top: 0,
-                                                                left: 0,
-                                                                bottom: 0,
-                                                                width: "".concat((isMuted2 ? 0 : volume) * 100, "%"),
-                                                                background: "#fff",
-                                                                borderRadius: "1.5px",
-                                                                transition: "width 0.1s ease-out"
-                                                            }
-                                                        }),
-                                                        /* @__PURE__ */ jsx("div", {
-                                                            style: {
-                                                                position: "absolute",
-                                                                top: "50%",
-                                                                left: "".concat((isMuted2 ? 0 : volume) * 100, "%"),
-                                                                transform: "translate(-50%, -50%)",
-                                                                width: "12px",
-                                                                height: "12px",
-                                                                background: "#fff",
-                                                                borderRadius: "50%",
-                                                                boxShadow: "0 0 3px rgba(0, 0, 0, 0.3)",
-                                                                transition: "left 0.1s ease-out"
-                                                            }
-                                                        })
-                                                    ]
-                                                })
-                                            })
-                                        ]
-                                    }),
-                                    /* @__PURE__ */ jsx("button", {
-                                        className: "sc-ctrl-btn",
-                                        onClick: function onClick() {
-                                            if (onFullscreenToggle) {
-                                                onFullscreenToggle();
-                                            } else if (wrapperRef.current) {
-                                                if (!document.fullscreenElement) {
-                                                    wrapperRef.current.requestFullscreen().catch(function() {});
-                                                } else {
-                                                    document.exitFullscreen().catch(function() {});
-                                                }
-                                            }
-                                            resetControlsTimer();
-                                        },
-                                        style: {
-                                            padding: "".concat(8 * responsiveScale, "px"),
-                                            borderRadius: "50%",
-                                            minWidth: "".concat(36 * responsiveScale, "px"),
-                                            minHeight: "".concat(36 * responsiveScale, "px"),
-                                            background: "rgba(0, 0, 0, 0.6)"
-                                        },
-                                        title: isFullscreen2 ? "Exit Fullscreen" : "Enter Fullscreen",
-                                        children: isFullscreen2 ? /* @__PURE__ */ jsx(CompressIcon, {
-                                            size: Math.max(14, 18 * responsiveScale)
-                                        }) : /* @__PURE__ */ jsx(ExpandIcon, {
-                                            size: Math.max(14, 18 * responsiveScale)
-                                        })
-                                    })
-                                ]
-                            })
-                        ]
-                    }),
-                    onControlClick && /* @__PURE__ */ jsx("div", {
-                        onClick: onControlClick,
-                        style: {
-                            position: "absolute",
-                            top: 0,
-                            left: 0,
-                            right: 0,
-                            bottom: 0,
-                            zIndex: 1,
-                            cursor: "pointer"
-                        }
-                    })
-                ]
-            })
-        ]
-    });
-}, function(prevProps, nextProps) {
-    var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
-    try {
-        for(var _iterator = CRITICAL_PROPS[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
-            var prop = _step.value;
-            if (prevProps[prop] !== nextProps[prop]) {
-                return false;
-            }
-        }
-    } catch (err) {
-        _didIteratorError = true;
-        _iteratorError = err;
-    } finally{
-        try {
-            if (!_iteratorNormalCompletion && _iterator.return != null) {
-                _iterator.return();
-            }
-        } finally{
-            if (_didIteratorError) {
-                throw _iteratorError;
-            }
-        }
-    }
-    var uiProps = [
-        "autoplay",
-        "muted",
-        "controls",
-        "showCustomControls",
-        "className",
-        "style",
-        "wrapperClassName",
-        "wrapperStyle",
-        "playsInline",
-        "preload",
-        "poster",
-        "children"
-    ];
-    var _iteratorNormalCompletion1 = true, _didIteratorError1 = false, _iteratorError1 = undefined;
-    try {
-        for(var _iterator1 = uiProps[Symbol.iterator](), _step1; !(_iteratorNormalCompletion1 = (_step1 = _iterator1.next()).done); _iteratorNormalCompletion1 = true){
-            var prop1 = _step1.value;
-            if (prevProps[prop1] !== nextProps[prop1]) {
-                return false;
-            }
-        }
-    } catch (err) {
-        _didIteratorError1 = true;
-        _iteratorError1 = err;
-    } finally{
-        try {
-            if (!_iteratorNormalCompletion1 && _iterator1.return != null) {
-                _iterator1.return();
-            }
-        } finally{
-            if (_didIteratorError1) {
-                throw _iteratorError1;
-            }
-        }
-    }
-    var callbackProps = [
-        "onReady",
-        "onVolumeToggle",
-        "onFullscreenToggle",
-        "onControlClick"
-    ];
-    var _iteratorNormalCompletion2 = true, _didIteratorError2 = false, _iteratorError2 = undefined;
-    try {
-        for(var _iterator2 = callbackProps[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true){
-            var prop2 = _step2.value;
-            if (prevProps[prop2] !== nextProps[prop2]) {
-                return false;
-            }
-        }
-    } catch (err) {
-        _didIteratorError2 = true;
-        _iteratorError2 = err;
-    } finally{
-        try {
-            if (!_iteratorNormalCompletion2 && _iterator2.return != null) {
-                _iterator2.return();
-            }
-        } finally{
-            if (_didIteratorError2) {
-                throw _iteratorError2;
-            }
-        }
-    }
-    return true;
-});
-// src/StormcloudPlayer.tsx
-import React3, { Component as Component4, Suspense } from "react";
 // src/props.ts
 var noop = function noop() {};
 var defaultProps = {
@@ -11091,8 +10395,8 @@ var defaultProps = {
     onControlClick: noop
 };
 // src/utils.ts
-import { lazy as reactLazy } from "react";
-var lazy = reactLazy;
+var import_react = require("react");
+var lazy = import_react.lazy;
 var omit = function omit(object, keys) {
     var result = _object_spread({}, object);
     keys.forEach(function(key) {
@@ -11103,82 +10407,10 @@ var omit = function omit(object, keys) {
 var isMediaStream = function isMediaStream(url) {
     return typeof window !== "undefined" && window.MediaStream && _instanceof(url, window.MediaStream);
 };
-var supportsWebKitPresentationMode = function supportsWebKitPresentationMode() {
-    if (typeof window === "undefined") return false;
-    var video = document.createElement("video");
-    return "webkitSupportsPresentationMode" in video;
-};
-var randomString = function randomString() {
-    return Math.random().toString(36).substr(2, 9);
-};
-var parseQuery = function parseQuery(url) {
-    var query = {};
-    var queryString = url.split("?")[1] || "";
-    if (!queryString) return query;
-    var manualParse = function manualParse(qs) {
-        qs.split("&").forEach(function(param) {
-            var _param_split = _sliced_to_array(param.split("="), 2), key = _param_split[0], value = _param_split[1];
-            if (key) {
-                try {
-                    query[decodeURIComponent(key)] = value ? decodeURIComponent(value.replace(/\+/g, " ")) : "";
-                } catch (e) {
-                    query[key] = value || "";
-                }
-            }
-        });
-    };
-    if (typeof URLSearchParams !== "undefined") {
-        try {
-            var params = new URLSearchParams(queryString);
-            params.forEach(function(value, key) {
-                query[key] = value;
-            });
-            return query;
-        } catch (e) {
-            manualParse(queryString);
-        }
-    } else {
-        manualParse(queryString);
-    }
-    return query;
-};
-var merge = function merge1(target) {
-    for(var _len = arguments.length, sources = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++){
-        sources[_key - 1] = arguments[_key];
-    }
-    if (!sources.length) return target;
-    var source = sources.shift();
-    if (isObject(target) && isObject(source)) {
-        for(var key in source){
-            if (isObject(source[key])) {
-                if (!target[key]) Object.assign(target, _define_property({}, key, {}));
-                merge(target[key], source[key]);
-            } else {
-                Object.assign(target, _define_property({}, key, source[key]));
-            }
-        }
-    }
-    return merge.apply(void 0, [
-        target
-    ].concat(_to_consumable_array(sources)));
-};
-var isObject = function isObject(item) {
-    return item && (typeof item === "undefined" ? "undefined" : _type_of(item)) === "object" && !Array.isArray(item);
-};
 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);
-var SUPPORTS_HLS = function SUPPORTS_HLS() {
-    if (!IS_BROWSER) return false;
-    var video = document.createElement("video");
-    return Boolean(video.canPlayType("application/vnd.apple.mpegurl"));
-};
-var SUPPORTS_DASH = function SUPPORTS_DASH() {
-    if (!IS_BROWSER) return false;
-    var video = document.createElement("video");
-    return Boolean(video.canPlayType("application/dash+xml"));
-};
 // src/patterns.ts
 var HLS_EXTENSIONS = /\.(m3u8)($|\?)/i;
 var HLS_PATHS = /\/hls\//i;
@@ -11208,10 +10440,9 @@ var canPlay = {
     }
 };
 // src/players/HlsPlayer.tsx
-import { Component } from "react";
-var HlsPlayer = /*#__PURE__*/ function(Component) {
-    "use strict";
-    _inherits(HlsPlayer, Component);
+var import_react2 = require("react");
+var HlsPlayer = /*#__PURE__*/ function(_import_react2_Component) {
+    _inherits(HlsPlayer, _import_react2_Component);
     function HlsPlayer() {
         _class_call_check(this, HlsPlayer);
         var _this;
@@ -11413,14 +10644,13 @@ var HlsPlayer = /*#__PURE__*/ function(Component) {
         }
     ]);
     return HlsPlayer;
-}(Component);
+}(import_react2.Component);
 HlsPlayer.displayName = "HlsPlayer";
 HlsPlayer.canPlay = canPlay.hls;
 // src/players/FilePlayer.tsx
-import { Component as Component2 } from "react";
-var FilePlayer = /*#__PURE__*/ function(Component2) {
-    "use strict";
-    _inherits(FilePlayer, Component2);
+var import_react3 = require("react");
+var FilePlayer = /*#__PURE__*/ function(_import_react3_Component) {
+    _inherits(FilePlayer, _import_react3_Component);
     function FilePlayer() {
         _class_call_check(this, FilePlayer);
         var _this;
@@ -11694,7 +10924,7 @@ var FilePlayer = /*#__PURE__*/ function(Component2) {
         }
     ]);
     return FilePlayer;
-}(Component2);
+}(import_react3.Component);
 FilePlayer.displayName = "FilePlayer";
 FilePlayer.canPlay = canPlay.file;
 // src/players/index.ts
@@ -11725,11 +10955,10 @@ var players = [
 ];
 var players_default = players;
 // src/Player.tsx
-import React2, { Component as Component3 } from "react";
+var import_react4 = __toESM(require("react"), 1);
 var SEEK_ON_PLAY_EXPIRY = 5e3;
-var Player = /*#__PURE__*/ function(Component3) {
-    "use strict";
-    _inherits(Player, Component3);
+var Player = /*#__PURE__*/ function(_import_react4_Component) {
+    _inherits(Player, _import_react4_Component);
     function Player() {
         _class_call_check(this, Player);
         var _this;
@@ -11974,7 +11203,7 @@ var Player = /*#__PURE__*/ function(Component3) {
                 if (!Player2) {
                     return null;
                 }
-                return React2.createElement(Player2, _object_spread_props(_object_spread({}, this.props), {
+                return import_react4.default.createElement(Player2, _object_spread_props(_object_spread({}, this.props), {
                     onMount: this.handlePlayerMount,
                     onReady: this.handleReady,
                     onPlay: this.handlePlay,
@@ -11987,13 +11216,13 @@ var Player = /*#__PURE__*/ function(Component3) {
         }
     ]);
     return Player;
-}(Component3);
+}(import_react4.Component);
 Player.displayName = "Player";
 Player.defaultProps = defaultProps;
 // src/StormcloudPlayer.tsx
 var IS_BROWSER2 = typeof window !== "undefined" && window.document;
 var IS_GLOBAL2 = typeof globalThis !== "undefined" && globalThis.window && globalThis.window.document;
-var UniversalSuspense = IS_BROWSER2 || IS_GLOBAL2 ? Suspense : function() {
+var UniversalSuspense = IS_BROWSER2 || IS_GLOBAL2 ? import_react5.Suspense : function() {
     return null;
 };
 var SUPPORTED_PROPS = [
@@ -12046,9 +11275,8 @@ var SUPPORTED_PROPS = [
 var customPlayers = [];
 var createStormcloudPlayer = function createStormcloudPlayer(playerList, fallback) {
     var _a;
-    return _a = /*#__PURE__*/ function(Component4) {
-        "use strict";
-        _inherits(_a, Component4);
+    return _a = /*#__PURE__*/ function(_import_react5_Component) {
+        _inherits(_a, _import_react5_Component);
         function _a() {
             _class_call_check(this, _a);
             var _this;
@@ -12125,7 +11353,7 @@ var createStormcloudPlayer = function createStormcloudPlayer(playerList, fallbac
                 if (!src) return null;
                 var activePlayer = _this.getActivePlayer(src);
                 if (!activePlayer) return null;
-                return React3.createElement(Player, _object_spread_props(_object_spread({}, _this.props), {
+                return import_react5.default.createElement(Player, _object_spread_props(_object_spread({}, _this.props), {
                     key: activePlayer.key,
                     ref: _this.references.player,
                     activePlayer: activePlayer.lazyPlayer || activePlayer,
@@ -12141,20 +11369,20 @@ var createStormcloudPlayer = function createStormcloudPlayer(playerList, fallbac
                     var _this_props = this.props, src = _this_props.src, style = _this_props.style, width = _this_props.width, height = _this_props.height, fallbackElement = _this_props.fallback, Wrapper = _this_props.wrapper;
                     var attributes = this.getAttributes(src);
                     var wrapperRef = typeof Wrapper === "string" ? this.references.wrapper : void 0;
-                    return React3.createElement(Wrapper, _object_spread({
+                    return import_react5.default.createElement(Wrapper, _object_spread({
                         ref: wrapperRef,
                         style: _object_spread_props(_object_spread({}, style), {
                             width: width,
                             height: height
                         })
-                    }, attributes), React3.createElement(UniversalSuspense, {
+                    }, attributes), import_react5.default.createElement(UniversalSuspense, {
                         fallback: fallbackElement
                     }, this.renderActivePlayer(src)));
                 }
             }
         ]);
         return _a;
-    }(Component4), _a.displayName = "StormcloudPlayer", _a.defaultProps = _object_spread_props(_object_spread({}, defaultProps), {
+    }(import_react5.Component), _a.displayName = "StormcloudPlayer", _a.defaultProps = _object_spread_props(_object_spread({}, defaultProps), {
         fallback: null,
         wrapper: "div"
     }), _a.addCustomPlayer = function(player) {
@@ -12213,5 +11441,8 @@ var createStormcloudPlayer = function createStormcloudPlayer(playerList, fallbac
 };
 var StormcloudPlayer = createStormcloudPlayer(players_default, players_default[players_default.length - 1]);
 var StormcloudPlayer_default = StormcloudPlayer;
-export { DEFAULT_TRACKING_INGEST_CONFIG, IS_BROWSER, IS_GLOBAL, IS_IOS, IS_SAFARI, SUPPORTS_DASH, SUPPORTS_HLS, StormcloudPlayer_default as StormcloudPlayer, StormcloudVideoPlayer, StormcloudVideoPlayerComponent, applyTrackingIngestConfig, buildAnalyticsContext, canPlay, configureTrackingIngest, createHlsAdPlayer, createPalNonceManager, createStormcloudPlayer, StormcloudVideoPlayerComponent as default, detectBrowser, getBrowserConfigOverrides, getBrowserID, getClientInfo, ingestPlayerTracking, initializePolyfills, isMediaStream, isTrackingIngestEnabled, lazy, logBrowserInfo, merge, omit, parseQuery, players_default as players, randomString, requiresMediaPipelineResetAfterAds, sendAdDetectTracking, sendAdImpressionTracking, sendAdLoadedTracking, sendHeartbeat, sendInitialTracking, supportsFeature, supportsModernJS, supportsWebKitPresentationMode, trackingIngestConfig };
-//# sourceMappingURL=index.js.map
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+    createStormcloudPlayer: createStormcloudPlayer
+});
+//# sourceMappingURL=StormcloudPlayer.cjs.map