stormcloud-video-player 0.2.13 → 0.2.14

package/lib/index.cjs

@@ -83,7 +83,8 @@ function getWebKitVersion(ua) {
   return match && match[1] ? parseInt(match[1], 10) : 0;
 }
 function getPlatform() {
-  if ("userAgentData" in navigator && navigator.userAgentData?.platform) {
+  var _a;
+  if ("userAgentData" in navigator && ((_a = navigator.userAgentData) == null ? void 0 : _a.platform)) {
     return navigator.userAgentData.platform;
   }
   const ua = navigator.userAgent;
@@ -277,6 +278,7 @@ function createImaController(video, options) {
     }
   }
   function ensureImaLoaded() {
+    var _a, _b, _c;
     if (!supportsGoogleIMA()) {
       console.warn(
         "[IMA] Google IMA SDK is not supported on this browser. Please use HLS ad player instead."
@@ -287,7 +289,7 @@ function createImaController(video, options) {
     }
     try {
       const frameEl = window.frameElement;
-      const sandboxAttr = frameEl?.getAttribute?.("sandbox") || "";
+      const sandboxAttr = ((_a = frameEl == null ? void 0 : frameEl.getAttribute) == null ? void 0 : _a.call(frameEl, "sandbox")) || "";
       if (sandboxAttr) {
         const tokens = new Set(
           sandboxAttr.split(/\s+/).map((t) => t.trim()).filter((t) => t.length > 0)
@@ -301,13 +303,13 @@ function createImaController(video, options) {
       }
     } catch {
     }
-    if (typeof window !== "undefined" && window.google?.ima)
+    if (typeof window !== "undefined" && ((_b = window.google) == null ? void 0 : _b.ima))
       return Promise.resolve();
     const existing = document.querySelector(
       'script[data-ima="true"]'
     );
     if (existing) {
-      if (window.google?.ima) {
+      if ((_c = window.google) == null ? void 0 : _c.ima) {
         return Promise.resolve();
       }
       return new Promise((resolve, reject) => {
@@ -365,6 +367,7 @@ function createImaController(video, options) {
   return {
     initialize() {
       ensureImaLoaded().then(() => {
+        var _a, _b;
         const google = window.google;
         if (!adDisplayContainer) {
           const container = document.createElement("div");
@@ -378,14 +381,14 @@ function createImaController(video, options) {
           container.style.justifyContent = "center";
           container.style.pointerEvents = "none";
           container.style.zIndex = "2";
-          video.parentElement?.appendChild(container);
+          (_a = video.parentElement) == null ? void 0 : _a.appendChild(container);
           adContainerEl = container;
           adDisplayContainer = new google.ima.AdDisplayContainer(
             container,
             video
           );
           try {
-            adDisplayContainer.initialize?.();
+            (_b = adDisplayContainer.initialize) == null ? void 0 : _b.call(adDisplayContainer);
           } catch {
           }
         }
@@ -470,6 +473,7 @@ function createImaController(video, options) {
                 adsManager.addEventListener(
                   AdErrorEvent.AD_ERROR,
                   (errorEvent) => {
+                    var _a;
                     console.error("[IMA] Ad error:", errorEvent.getError());
                     destroyAdsManager();
                     adPlaying = false;
@@ -500,10 +504,10 @@ function createImaController(video, options) {
                         "[IMA] Max retries reached, emitting ad_error"
                       );
                       emit("ad_error");
-                      if (!options?.continueLiveStreamDuringAds) {
+                      if (!(options == null ? void 0 : options.continueLiveStreamDuringAds)) {
                         if (video.paused) {
                           console.log("[IMA] Resuming paused video after ad error");
-                          video.play()?.catch(() => {
+                          (_a = video.play()) == null ? void 0 : _a.catch(() => {
                           });
                         }
                       }
@@ -514,7 +518,7 @@ function createImaController(video, options) {
                   AdEvent.CONTENT_PAUSE_REQUESTED,
                   () => {
                     console.log("[IMA] Content pause requested");
-                    if (!options?.continueLiveStreamDuringAds) {
+                    if (!(options == null ? void 0 : options.continueLiveStreamDuringAds)) {
                       video.pause();
                       console.log("[IMA] Video paused (VOD mode)");
                     } else {
@@ -540,6 +544,7 @@ function createImaController(video, options) {
                 adsManager.addEventListener(
                   AdEvent.CONTENT_RESUME_REQUESTED,
                   () => {
+                    var _a;
                     console.log("[IMA] Content resume requested");
                     adPlaying = false;
                     video.muted = originalMutedState;
@@ -550,8 +555,8 @@ function createImaController(video, options) {
                         "[IMA] Ad container hidden - pointer events disabled"
                       );
                     }
-                    if (!options?.continueLiveStreamDuringAds) {
-                      video.play()?.catch(() => {
+                    if (!(options == null ? void 0 : options.continueLiveStreamDuringAds)) {
+                      (_a = video.play()) == null ? void 0 : _a.catch(() => {
                       });
                       console.log("[IMA] Video resumed (VOD mode)");
                     } else {
@@ -573,7 +578,7 @@ function createImaController(video, options) {
                       "[IMA] Ad container hidden after all ads completed"
                     );
                   }
-                  if (!options?.continueLiveStreamDuringAds) {
+                  if (!(options == null ? void 0 : options.continueLiveStreamDuringAds)) {
                     video.play().catch(() => {
                     });
                     console.log(
@@ -601,7 +606,7 @@ function createImaController(video, options) {
                   adContainerEl.style.display = "none";
                   console.log("[IMA] Ad container hidden after setup error");
                 }
-                if (!options?.continueLiveStreamDuringAds) {
+                if (!(options == null ? void 0 : options.continueLiveStreamDuringAds)) {
                   if (video.paused) {
                     console.log("[IMA] Resuming paused video after setup error");
                     video.play().catch(() => {
@@ -629,7 +634,7 @@ function createImaController(video, options) {
                 adContainerEl.style.display = "none";
                 console.log("[IMA] Ad container hidden after loader error");
               }
-              if (!options?.continueLiveStreamDuringAds) {
+              if (!(options == null ? void 0 : options.continueLiveStreamDuringAds)) {
                 if (video.paused) {
                   console.log("[IMA] Resuming paused video after loader error");
                   video.play().catch(() => {
@@ -651,14 +656,15 @@ function createImaController(video, options) {
         return adsLoadedPromise;
       } catch (error) {
         console.error("[IMA] Failed to request ads:", error);
-        currentReject?.(error);
+        currentReject == null ? void 0 : currentReject(error);
         adsLoadedReject = void 0;
         adsLoadedResolve = void 0;
         return Promise.reject(error);
       }
     },
     async play() {
-      if (!window.google?.ima || !adDisplayContainer) {
+      var _a, _b;
+      if (!((_a = window.google) == null ? void 0 : _a.ima) || !adDisplayContainer) {
         console.warn(
           "[IMA] Cannot play ad: IMA SDK or ad container not available"
         );
@@ -680,14 +686,15 @@ function createImaController(video, options) {
       } catch (error) {
         console.error("[IMA] Error starting ad playback:", error);
         adPlaying = false;
-        if (!options?.continueLiveStreamDuringAds) {
-          video.play()?.catch(() => {
+        if (!(options == null ? void 0 : options.continueLiveStreamDuringAds)) {
+          (_b = video.play()) == null ? void 0 : _b.catch(() => {
           });
         }
         return Promise.reject(error);
       }
     },
     async stop() {
+      var _a;
       adPlaying = false;
       video.muted = originalMutedState;
       if (adContainerEl) {
@@ -696,11 +703,11 @@ function createImaController(video, options) {
         console.log("[IMA] Ad container hidden after stop");
       }
       try {
-        adsManager?.stop?.();
+        (_a = adsManager == null ? void 0 : adsManager.stop) == null ? void 0 : _a.call(adsManager);
       } catch {
       }
       destroyAdsManager();
-      if (!options?.continueLiveStreamDuringAds) {
+      if (!(options == null ? void 0 : options.continueLiveStreamDuringAds)) {
         video.play().catch(() => {
         });
         console.log("[IMA] Video resumed after stop (VOD mode)");
@@ -709,6 +716,7 @@ function createImaController(video, options) {
       }
     },
     destroy() {
+      var _a;
       destroyAdsManager();
       adPlaying = false;
       video.muted = originalMutedState;
@@ -717,10 +725,10 @@ function createImaController(video, options) {
         adContainerEl.style.display = "none";
       }
       try {
-        adsLoader?.destroy?.();
+        (_a = adsLoader == null ? void 0 : adsLoader.destroy) == null ? void 0 : _a.call(adsLoader);
       } catch {
       }
-      if (adContainerEl?.parentElement) {
+      if (adContainerEl == null ? void 0 : adContainerEl.parentElement) {
         adContainerEl.parentElement.removeChild(adContainerEl);
       }
       adContainerEl = void 0;
@@ -731,7 +739,8 @@ function createImaController(video, options) {
       return adPlaying;
     },
     resize(width, height) {
-      if (!adsManager || !window.google?.ima) {
+      var _a;
+      if (!adsManager || !((_a = window.google) == null ? void 0 : _a.ima)) {
         console.warn(
           "[IMA] Cannot resize: No ads manager or IMA SDK available"
         );
@@ -749,7 +758,8 @@ function createImaController(video, options) {
       listeners.get(event).add(listener);
     },
     off(event, listener) {
-      listeners.get(event)?.delete(listener);
+      var _a;
+      (_a = listeners.get(event)) == null ? void 0 : _a.delete(listener);
     },
     updateOriginalMutedState(muted) {
       originalMutedState = muted;
@@ -786,7 +796,8 @@ function createHlsAdPlayer(contentVideo, options) {
   let adPlaying = false;
   let originalMutedState = false;
   const listeners = /* @__PURE__ */ new Map();
-  const licenseKey = options?.licenseKey;
+  const licenseKey = options == null ? void 0 : options.licenseKey;
+  const mainHlsInstance = options == null ? void 0 : options.mainHlsInstance;
   let adVideoElement;
   let adHls;
   let adContainerEl;
@@ -833,7 +844,74 @@ function createHlsAdPlayer(contentVideo, options) {
       }
     });
   }
+  function getMainStreamQuality() {
+    if (!mainHlsInstance || !mainHlsInstance.levels) {
+      return null;
+    }
+    const currentLevel = mainHlsInstance.currentLevel;
+    if (currentLevel === -1 || !mainHlsInstance.levels[currentLevel]) {
+      const autoLevel = mainHlsInstance.loadLevel;
+      if (autoLevel !== -1 && mainHlsInstance.levels[autoLevel]) {
+        const level2 = mainHlsInstance.levels[autoLevel];
+        return {
+          width: level2.width || 1920,
+          height: level2.height || 1080,
+          bitrate: level2.bitrate || 5e6
+        };
+      }
+      return null;
+    }
+    const level = mainHlsInstance.levels[currentLevel];
+    return {
+      width: level.width || 1920,
+      height: level.height || 1080,
+      bitrate: level.bitrate || 5e6
+    };
+  }
+  function selectBestMediaFile(mediaFiles) {
+    if (mediaFiles.length === 0) {
+      throw new Error("No media files available");
+    }
+    const firstFile = mediaFiles[0];
+    if (!firstFile) {
+      throw new Error("No media files available");
+    }
+    if (mediaFiles.length === 1) {
+      return firstFile;
+    }
+    const mainQuality = getMainStreamQuality();
+    if (!mainQuality) {
+      console.log("[HlsAdPlayer] No main stream quality info, using first media file");
+      return firstFile;
+    }
+    console.log("[HlsAdPlayer] Main stream quality:", mainQuality);
+    const scoredFiles = mediaFiles.map((file) => {
+      const widthDiff = Math.abs(file.width - mainQuality.width);
+      const heightDiff = Math.abs(file.height - mainQuality.height);
+      const resolutionDiff = widthDiff + heightDiff;
+      const fileBitrate = (file.bitrate || 5e3) * 1e3;
+      const bitrateDiff = Math.abs(fileBitrate - mainQuality.bitrate);
+      const score = resolutionDiff * 2 + bitrateDiff / 1e3;
+      return { file, score, resolutionDiff, bitrateDiff };
+    });
+    scoredFiles.sort((a, b) => a.score - b.score);
+    const bestMatch = scoredFiles[0];
+    if (!bestMatch) {
+      console.log("[HlsAdPlayer] No best match found, using first media file");
+      return firstFile;
+    }
+    console.log("[HlsAdPlayer] Selected media file:", {
+      url: bestMatch.file.url,
+      resolution: `${bestMatch.file.width}x${bestMatch.file.height}`,
+      bitrate: bestMatch.file.bitrate,
+      score: bestMatch.score,
+      resolutionDiff: bestMatch.resolutionDiff,
+      bitrateDiff: bestMatch.bitrateDiff
+    });
+    return bestMatch.file;
+  }
   function parseVastXml(xmlString) {
+    var _a, _b, _c, _d;
     try {
       const parser = new DOMParser();
       const xmlDoc = parser.parseFromString(xmlString, "text/xml");
@@ -848,19 +926,20 @@ function createHlsAdPlayer(contentVideo, options) {
         return null;
       }
       const adId = adElement.getAttribute("id") || "unknown";
-      const title = xmlDoc.querySelector("AdTitle")?.textContent || "Ad";
-      const durationText = xmlDoc.querySelector("Duration")?.textContent || "00:00:30";
+      const title = ((_a = xmlDoc.querySelector("AdTitle")) == null ? void 0 : _a.textContent) || "Ad";
+      const durationText = ((_b = xmlDoc.querySelector("Duration")) == null ? void 0 : _b.textContent) || "00:00:30";
       const durationParts = durationText.split(":");
       const duration = parseInt(durationParts[0] || "0", 10) * 3600 + parseInt(durationParts[1] || "0", 10) * 60 + parseInt(durationParts[2] || "0", 10);
       const mediaFileElements = xmlDoc.querySelectorAll("MediaFile");
       const mediaFiles = [];
       mediaFileElements.forEach((mf) => {
+        var _a2;
         const type = mf.getAttribute("type") || "";
         if (type === "application/x-mpegURL" || type.includes("m3u8")) {
           const bitrateAttr = mf.getAttribute("bitrate");
           const bitrateValue = bitrateAttr ? parseInt(bitrateAttr, 10) : void 0;
           mediaFiles.push({
-            url: mf.textContent?.trim() || "",
+            url: ((_a2 = mf.textContent) == null ? void 0 : _a2.trim()) || "",
             type,
             width: parseInt(mf.getAttribute("width") || "1920", 10),
             height: parseInt(mf.getAttribute("height") || "1080", 10),
@@ -889,12 +968,14 @@ function createHlsAdPlayer(contentVideo, options) {
         error: []
       };
       xmlDoc.querySelectorAll("Impression").forEach((el) => {
-        const url = el.textContent?.trim();
+        var _a2;
+        const url = (_a2 = el.textContent) == null ? void 0 : _a2.trim();
         if (url) trackingUrls.impression.push(url);
       });
       xmlDoc.querySelectorAll("Tracking").forEach((el) => {
+        var _a2;
         const event = el.getAttribute("event");
-        const url = el.textContent?.trim();
+        const url = (_a2 = el.textContent) == null ? void 0 : _a2.trim();
         if (event && url) {
           const eventKey = event;
           if (trackingUrls[eventKey]) {
@@ -902,7 +983,7 @@ function createHlsAdPlayer(contentVideo, options) {
           }
         }
       });
-      const clickThrough = xmlDoc.querySelector("ClickThrough")?.textContent?.trim();
+      const clickThrough = (_d = (_c = xmlDoc.querySelector("ClickThrough")) == null ? void 0 : _c.textContent) == null ? void 0 : _d.trim();
       return {
         id: adId,
         title,
@@ -994,7 +1075,7 @@ function createHlsAdPlayer(contentVideo, options) {
       adContainerEl.style.display = "none";
       adContainerEl.style.pointerEvents = "none";
     }
-    if (!options?.continueLiveStreamDuringAds) {
+    if (!(options == null ? void 0 : options.continueLiveStreamDuringAds)) {
       contentVideo.play().catch(() => {
       });
       console.log("[HlsAdPlayer] Content resumed (VOD mode)");
@@ -1012,7 +1093,7 @@ function createHlsAdPlayer(contentVideo, options) {
       adContainerEl.style.display = "none";
       adContainerEl.style.pointerEvents = "none";
     }
-    if (!options?.continueLiveStreamDuringAds) {
+    if (!(options == null ? void 0 : options.continueLiveStreamDuringAds)) {
       if (contentVideo.paused) {
         contentVideo.play().catch(() => {
         });
@@ -1022,6 +1103,7 @@ function createHlsAdPlayer(contentVideo, options) {
   }
   return {
     initialize() {
+      var _a;
       console.log("[HlsAdPlayer] Initializing");
       if (!adContainerEl) {
         const container = document.createElement("div");
@@ -1036,7 +1118,7 @@ function createHlsAdPlayer(contentVideo, options) {
         container.style.pointerEvents = "none";
         container.style.zIndex = "2";
         container.style.backgroundColor = "#000";
-        contentVideo.parentElement?.appendChild(container);
+        (_a = contentVideo.parentElement) == null ? void 0 : _a.appendChild(container);
         adContainerEl = container;
       }
     },
@@ -1078,7 +1160,7 @@ function createHlsAdPlayer(contentVideo, options) {
       try {
         if (!adVideoElement) {
           adVideoElement = createAdVideoElement();
-          adContainerEl?.appendChild(adVideoElement);
+          adContainerEl == null ? void 0 : adContainerEl.appendChild(adVideoElement);
           setupAdEventListeners();
         }
         trackingFired = {
@@ -1089,7 +1171,7 @@ function createHlsAdPlayer(contentVideo, options) {
           thirdQuartile: false,
           complete: false
         };
-        if (!options?.continueLiveStreamDuringAds) {
+        if (!(options == null ? void 0 : options.continueLiveStreamDuringAds)) {
           contentVideo.pause();
           console.log("[HlsAdPlayer] Content paused (VOD mode)");
         } else {
@@ -1102,7 +1184,7 @@ function createHlsAdPlayer(contentVideo, options) {
           adContainerEl.style.pointerEvents = "auto";
         }
         emit("content_pause");
-        const mediaFile = currentAd.mediaFiles[0];
+        const mediaFile = selectBestMediaFile(currentAd.mediaFiles);
         if (!mediaFile) {
           throw new Error("No media file available for ad");
         }
@@ -1162,7 +1244,7 @@ function createHlsAdPlayer(contentVideo, options) {
         adVideoElement.pause();
         adVideoElement.src = "";
       }
-      if (!options?.continueLiveStreamDuringAds) {
+      if (!(options == null ? void 0 : options.continueLiveStreamDuringAds)) {
         contentVideo.play().catch(() => {
         });
       }
@@ -1182,7 +1264,7 @@ function createHlsAdPlayer(contentVideo, options) {
         adVideoElement.remove();
         adVideoElement = void 0;
       }
-      if (adContainerEl?.parentElement) {
+      if (adContainerEl == null ? void 0 : adContainerEl.parentElement) {
         adContainerEl.parentElement.removeChild(adContainerEl);
       }
       adContainerEl = void 0;
@@ -1208,7 +1290,8 @@ function createHlsAdPlayer(contentVideo, options) {
       listeners.get(event).add(listener);
     },
     off(event, listener) {
-      listeners.get(event)?.delete(listener);
+      var _a;
+      (_a = listeners.get(event)) == null ? void 0 : _a.delete(listener);
     },
     updateOriginalMutedState(muted) {
       originalMutedState = muted;
@@ -1233,6 +1316,7 @@ function createHlsAdPlayer(contentVideo, options) {
 // src/utils/tracking.ts
 var cachedBrowserId = null;
 function getClientInfo() {
+  var _a, _b, _c, _d;
   const ua = navigator.userAgent;
   const platform = navigator.platform;
   const vendor = navigator.vendor || "";
@@ -1240,12 +1324,12 @@ function getClientInfo() {
   const memory = navigator.deviceMemory || null;
   const hardwareConcurrency = navigator.hardwareConcurrency || 1;
   const screenInfo = {
-    width: screen?.width,
-    height: screen?.height,
-    availWidth: screen?.availWidth,
-    availHeight: screen?.availHeight,
-    orientation: screen?.orientation?.type || "",
-    pixelDepth: screen?.pixelDepth
+    width: screen == null ? void 0 : screen.width,
+    height: screen == null ? void 0 : screen.height,
+    availWidth: screen == null ? void 0 : screen.availWidth,
+    availHeight: screen == null ? void 0 : screen.availHeight,
+    orientation: ((_a = screen == null ? void 0 : screen.orientation) == null ? void 0 : _a.type) || "",
+    pixelDepth: screen == null ? void 0 : screen.pixelDepth
   };
   let deviceType = "desktop";
   let brand = "Unknown";
@@ -1342,10 +1426,10 @@ function getClientInfo() {
     if (vendor.includes("Samsung") || ua.includes("SM-")) brand = "Samsung";
   }
   isWebView = /wv|WebView|Linux; U;/.test(ua);
-  if (window?.outerHeight === 0 && window?.outerWidth === 0) {
+  if ((window == null ? void 0 : window.outerHeight) === 0 && (window == null ? void 0 : window.outerWidth) === 0) {
     isWebView = true;
   }
-  isWebApp = window.matchMedia("(display-mode: standalone)").matches || window.navigator.standalone === true || window.screen?.orientation?.angle !== void 0;
+  isWebApp = window.matchMedia("(display-mode: standalone)").matches || window.navigator.standalone === true || ((_c = (_b = window.screen) == null ? void 0 : _b.orientation) == null ? void 0 : _c.angle) !== void 0;
   return {
     brand,
     os,
@@ -1366,7 +1450,7 @@ function getClientInfo() {
     deviceMemory: memory,
     maxTouchPoints,
     language: navigator.language,
-    languages: navigator.languages?.join(",") || "",
+    languages: ((_d = navigator.languages) == null ? void 0 : _d.join(",")) || "",
     cookieEnabled: navigator.cookieEnabled,
     doNotTrack: navigator.doNotTrack || "",
     referrer: document.referrer,
@@ -1724,7 +1808,8 @@ var StormcloudVideoPlayer = class {
       }
       return createHlsAdPlayer(this.video, {
         continueLiveStreamDuringAds,
-        ...this.config.licenseKey ? { licenseKey: this.config.licenseKey } : {}
+        ...this.config.licenseKey ? { licenseKey: this.config.licenseKey } : {},
+        ...this.hls ? { mainHlsInstance: this.hls } : {}
       });
     } else {
       if (this.config.debugAdTiming) {
@@ -1736,6 +1821,7 @@ var StormcloudVideoPlayer = class {
     }
   }
   async load() {
+    var _a, _b;
     if (!this.attached) {
       this.attach();
     }
@@ -1752,7 +1838,7 @@ var StormcloudVideoPlayer = class {
     this.initializeTracking();
     if (this.shouldUseNativeHls()) {
       this.video.src = this.config.src;
-      this.isLiveStream = this.config.lowLatencyMode ?? false;
+      this.isLiveStream = (_a = this.config.lowLatencyMode) != null ? _a : false;
       if (this.config.debugAdTiming) {
         console.log(
           "[StormcloudVideoPlayer] allowNativeHls: true - VOD mode detected:",
@@ -1767,8 +1853,8 @@ var StormcloudVideoPlayer = class {
       this.ima = this.createAdPlayer(false);
       this.ima.initialize();
       if (this.config.autoplay) {
-        await this.video.play()?.catch(() => {
-        });
+        await ((_b = this.video.play()) == null ? void 0 : _b.catch(() => {
+        }));
       }
       return;
     }
@@ -1781,12 +1867,17 @@ var StormcloudVideoPlayer = class {
       ...this.config.lowLatencyMode ? { liveSyncDuration: 2 } : {}
     });
     this.hls.on(import_hls2.default.Events.MEDIA_ATTACHED, () => {
-      this.hls?.loadSource(this.config.src);
+      var _a2;
+      (_a2 = this.hls) == null ? void 0 : _a2.loadSource(this.config.src);
     });
     this.hls.on(import_hls2.default.Events.MANIFEST_PARSED, async (_, data) => {
-      this.isLiveStream = this.hls?.levels?.some(
-        (level) => level?.details?.live === true || level?.details?.type === "LIVE"
-      ) ?? false;
+      var _a2, _b2, _c, _d;
+      this.isLiveStream = (_c = (_b2 = (_a2 = this.hls) == null ? void 0 : _a2.levels) == null ? void 0 : _b2.some(
+        (level) => {
+          var _a3, _b3;
+          return ((_a3 = level == null ? void 0 : level.details) == null ? void 0 : _a3.live) === true || ((_b3 = level == null ? void 0 : level.details) == null ? void 0 : _b3.type) === "LIVE";
+        }
+      )) != null ? _c : false;
       if (this.config.debugAdTiming) {
         const adBehavior = this.shouldContinueLiveStreamDuringAds() ? "live (main video continues muted during ads)" : "vod (main video pauses during ads)";
         console.log("[StormcloudVideoPlayer] Stream type detected:", {
@@ -1799,28 +1890,29 @@ var StormcloudVideoPlayer = class {
       this.ima = this.createAdPlayer(this.shouldContinueLiveStreamDuringAds());
       this.ima.initialize();
       if (this.config.autoplay) {
-        await this.video.play()?.catch(() => {
-        });
+        await ((_d = this.video.play()) == null ? void 0 : _d.catch(() => {
+        }));
       }
     });
     this.hls.on(import_hls2.default.Events.FRAG_PARSING_METADATA, (_evt, data) => {
-      const id3Tags = (data?.samples || []).map((s) => ({
+      const id3Tags = ((data == null ? void 0 : data.samples) || []).map((s) => ({
         key: "ID3",
-        value: s?.data,
-        ptsSeconds: s?.pts
+        value: s == null ? void 0 : s.data,
+        ptsSeconds: s == null ? void 0 : s.pts
       }));
       id3Tags.forEach((tag) => this.onId3Tag(tag));
     });
     this.hls.on(import_hls2.default.Events.FRAG_CHANGED, (_evt, data) => {
-      const frag = data?.frag;
-      const tagList = frag?.tagList;
+      var _a2, _b2, _c;
+      const frag = data == null ? void 0 : data.frag;
+      const tagList = frag == null ? void 0 : frag.tagList;
       if (!Array.isArray(tagList)) return;
       for (const entry of tagList) {
         let tag = "";
         let value = "";
         if (Array.isArray(entry)) {
-          tag = String(entry[0] ?? "");
-          value = String(entry[1] ?? "");
+          tag = String((_a2 = entry[0]) != null ? _a2 : "");
+          value = String((_b2 = entry[1]) != null ? _b2 : "");
         } else if (typeof entry === "string") {
           const idx = entry.indexOf(":");
           if (idx >= 0) {
@@ -1844,8 +1936,8 @@ var StormcloudVideoPlayer = class {
           const prog = this.parseCueOutCont(value);
           const marker = {
             type: "progress",
-            ...prog?.duration !== void 0 ? { durationSeconds: prog.duration } : {},
-            ...prog?.elapsed !== void 0 ? { ptsSeconds: prog.elapsed } : {},
+            ...(prog == null ? void 0 : prog.duration) !== void 0 ? { durationSeconds: prog.duration } : {},
+            ...(prog == null ? void 0 : prog.elapsed) !== void 0 ? { ptsSeconds: prog.elapsed } : {},
             raw: { tag, value }
           };
           this.onScte35Marker(marker);
@@ -1855,7 +1947,7 @@ var StormcloudVideoPlayer = class {
           const attrs = this.parseAttributeList(value);
           const hasScteOut = "SCTE35-OUT" in attrs || attrs["SCTE35-OUT"] !== void 0;
           const hasScteIn = "SCTE35-IN" in attrs || attrs["SCTE35-IN"] !== void 0;
-          const klass = String(attrs["CLASS"] ?? "");
+          const klass = String((_c = attrs["CLASS"]) != null ? _c : "");
           const duration = this.toNumber(attrs["DURATION"]);
           if (hasScteOut || /com\.apple\.hls\.cue/i.test(klass)) {
             const marker = {
@@ -1872,13 +1964,14 @@ var StormcloudVideoPlayer = class {
       }
     });
     this.hls.on(import_hls2.default.Events.ERROR, (_evt, data) => {
-      if (data?.fatal) {
+      var _a2, _b2;
+      if (data == null ? void 0 : data.fatal) {
         switch (data.type) {
           case import_hls2.default.ErrorTypes.NETWORK_ERROR:
-            this.hls?.startLoad();
+            (_a2 = this.hls) == null ? void 0 : _a2.startLoad();
             break;
           case import_hls2.default.ErrorTypes.MEDIA_ERROR:
-            this.hls?.recoverMediaError();
+            (_b2 = this.hls) == null ? void 0 : _b2.recoverMediaError();
             break;
           default:
             this.destroy();
@@ -1980,11 +2073,12 @@ var StormcloudVideoPlayer = class {
     }
   }
   parseScte35FromId3(tag) {
+    var _a, _b, _c, _d;
     const text = this.decodeId3ValueToText(tag.value);
     if (!text) return void 0;
     const cueOutMatch = text.match(/EXT-X-CUE-OUT(?::([^\r\n]*))?/i) || text.match(/CUE-OUT(?::([^\r\n]*))?/i);
     if (cueOutMatch) {
-      const arg = (cueOutMatch[1] ?? "").trim();
+      const arg = ((_a = cueOutMatch[1]) != null ? _a : "").trim();
       const dur = this.parseCueOutDuration(arg);
       const marker = {
         type: "start",
@@ -1996,12 +2090,12 @@ var StormcloudVideoPlayer = class {
     }
     const cueOutContMatch = text.match(/EXT-X-CUE-OUT-CONT:([^\r\n]*)/i);
     if (cueOutContMatch) {
-      const arg = (cueOutContMatch[1] ?? "").trim();
+      const arg = ((_b = cueOutContMatch[1]) != null ? _b : "").trim();
       const cont = this.parseCueOutCont(arg);
       const marker = {
         type: "progress",
         ...tag.ptsSeconds !== void 0 ? { ptsSeconds: tag.ptsSeconds } : {},
-        ...cont?.duration !== void 0 ? { durationSeconds: cont.duration } : {},
+        ...(cont == null ? void 0 : cont.duration) !== void 0 ? { durationSeconds: cont.duration } : {},
         raw: { id3: text }
       };
       return marker;
@@ -2017,10 +2111,10 @@ var StormcloudVideoPlayer = class {
     }
     const daterangeMatch = text.match(/EXT-X-DATERANGE:([^\r\n]*)/i);
     if (daterangeMatch) {
-      const attrs = this.parseAttributeList(daterangeMatch[1] ?? "");
+      const attrs = this.parseAttributeList((_c = daterangeMatch[1]) != null ? _c : "");
       const hasScteOut = "SCTE35-OUT" in attrs || attrs["SCTE35-OUT"] !== void 0;
       const hasScteIn = "SCTE35-IN" in attrs || attrs["SCTE35-IN"] !== void 0;
-      const klass = String(attrs["CLASS"] ?? "");
+      const klass = String((_d = attrs["CLASS"]) != null ? _d : "");
       const duration = this.toNumber(attrs["DURATION"]);
       if (hasScteOut || /com\.apple\.hls\.cue/i.test(klass)) {
         const marker = {
@@ -2077,6 +2171,7 @@ var StormcloudVideoPlayer = class {
     }
   }
   onScte35Marker(marker) {
+    var _a, _b;
     if (this.config.debugAdTiming) {
       console.log("[StormcloudVideoPlayer] SCTE-35 marker detected:", {
         type: marker.type,
@@ -2092,7 +2187,7 @@ var StormcloudVideoPlayer = class {
       this.expectedAdBreakDurationMs = durationMs;
       this.currentAdBreakStartWallClockMs = Date.now();
       const isManifestMarker = this.isManifestBasedMarker(marker);
-      const forceImmediate = this.config.immediateManifestAds ?? true;
+      const forceImmediate = (_a = this.config.immediateManifestAds) != null ? _a : true;
       if (this.config.debugAdTiming) {
         console.log("[StormcloudVideoPlayer] Ad start decision:", {
           isManifestMarker,
@@ -2109,7 +2204,7 @@ var StormcloudVideoPlayer = class {
         this.clearAdStartTimer();
         this.handleAdStart(marker);
       } else if (typeof marker.ptsSeconds === "number") {
-        const tol = this.config.driftToleranceMs ?? 1e3;
+        const tol = (_b = this.config.driftToleranceMs) != null ? _b : 1e3;
         const nowMs = this.video.currentTime * 1e3;
         const estCurrentPtsMs = nowMs - this.ptsDriftEmaMs;
         const deltaMs = Math.floor(marker.ptsSeconds * 1e3 - estCurrentPtsMs);
@@ -2219,12 +2314,13 @@ var StormcloudVideoPlayer = class {
     return void 0;
   }
   parseAttributeList(value) {
+    var _a, _b, _c;
     const attrs = {};
     const regex = /([A-Z0-9-]+)=(("[^"]*")|([^",]*))(?:,|$)/gi;
     let match;
     while ((match = regex.exec(value)) !== null) {
-      const key = match[1] ?? "";
-      let rawVal = match[3] ?? match[4] ?? "";
+      const key = (_a = match[1]) != null ? _a : "";
+      let rawVal = (_c = (_b = match[3]) != null ? _b : match[4]) != null ? _c : "";
       if (rawVal.startsWith('"') && rawVal.endsWith('"')) {
         rawVal = rawVal.slice(1, -1);
       }
@@ -2388,6 +2484,7 @@ var StormcloudVideoPlayer = class {
     }
   }
   async fetchAdConfiguration() {
+    var _a, _b, _c;
     const vastMode = this.config.vastMode || "default";
     if (this.config.debugAdTiming) {
       console.log(
@@ -2445,7 +2542,7 @@ var StormcloudVideoPlayer = class {
       return;
     }
     const data = await response.json();
-    const imaPayload = data.response?.ima?.["publisherdesk.ima"]?.payload;
+    const imaPayload = (_c = (_b = (_a = data.response) == null ? void 0 : _a.ima) == null ? void 0 : _b["publisherdesk.ima"]) == null ? void 0 : _c.payload;
     if (imaPayload) {
       this.apiVastTagUrl = decodeURIComponent(imaPayload);
       if (this.config.debugAdTiming) {
@@ -2482,11 +2579,12 @@ var StormcloudVideoPlayer = class {
     return "other";
   }
   shouldShowNativeControls() {
+    var _a, _b;
     const streamType = this.getStreamType();
     if (streamType === "other") {
-      return !(this.config.showCustomControls ?? false);
+      return !((_a = this.config.showCustomControls) != null ? _a : false);
     }
-    return !!(this.config.allowNativeHls && !(this.config.showCustomControls ?? false));
+    return !!(this.config.allowNativeHls && !((_b = this.config.showCustomControls) != null ? _b : false));
   }
   shouldContinueLiveStreamDuringAds() {
     if (this.config.allowNativeHls) {
@@ -2498,6 +2596,7 @@ var StormcloudVideoPlayer = class {
     return true;
   }
   async handleAdStart(_marker) {
+    var _a;
     const scheduled = this.findCurrentOrNextBreak(
       this.video.currentTime * 1e3
     );
@@ -2548,17 +2647,18 @@ var StormcloudVideoPlayer = class {
         this.handleAdFailure();
       }
     }
-    if (this.expectedAdBreakDurationMs == null && scheduled?.durationMs != null) {
+    if (this.expectedAdBreakDurationMs == null && (scheduled == null ? void 0 : scheduled.durationMs) != null) {
       this.expectedAdBreakDurationMs = scheduled.durationMs;
-      this.currentAdBreakStartWallClockMs = this.currentAdBreakStartWallClockMs ?? Date.now();
+      this.currentAdBreakStartWallClockMs = (_a = this.currentAdBreakStartWallClockMs) != null ? _a : Date.now();
       this.scheduleAdStopCountdown(this.expectedAdBreakDurationMs);
     }
   }
   findCurrentOrNextBreak(nowMs) {
+    var _a;
     const schedule = [];
     let candidate;
     for (const b of schedule) {
-      const tol = this.config.driftToleranceMs ?? 1e3;
+      const tol = (_a = this.config.driftToleranceMs) != null ? _a : 1e3;
       if (b.startTimeMs <= nowMs + tol && (candidate == null || b.startTimeMs > (candidate.startTimeMs || 0))) {
         candidate = b;
       }
@@ -2574,7 +2674,8 @@ var StormcloudVideoPlayer = class {
     }
   }
   async handleMidAdJoin(adBreak, nowMs) {
-    const durationMs = adBreak.durationMs ?? 0;
+    var _a;
+    const durationMs = (_a = adBreak.durationMs) != null ? _a : 0;
     const endMs = adBreak.startTimeMs + durationMs;
     if (durationMs > 0 && nowMs > adBreak.startTimeMs && nowMs < endMs) {
       const remainingMs = endMs - nowMs;
@@ -2675,6 +2776,7 @@ var StormcloudVideoPlayer = class {
     }
   }
   handleAdFailure() {
+    var _a;
     if (this.config.debugAdTiming) {
       console.log(
         "[StormcloudVideoPlayer] Handling ad failure - resuming content",
@@ -2707,7 +2809,7 @@ var StormcloudVideoPlayer = class {
       if (this.config.debugAdTiming) {
         console.log("[StormcloudVideoPlayer] Resuming paused video");
       }
-      this.video.play()?.catch((error) => {
+      (_a = this.video.play()) == null ? void 0 : _a.catch((error) => {
         if (this.config.debugAdTiming) {
           console.error(
             "[StormcloudVideoPlayer] Failed to resume video after ad failure:",
@@ -2722,8 +2824,9 @@ var StormcloudVideoPlayer = class {
     }
   }
   startAdFailsafeTimer() {
+    var _a;
     this.clearAdFailsafeTimer();
-    const failsafeMs = this.config.adFailsafeTimeoutMs ?? 1e4;
+    const failsafeMs = (_a = this.config.adFailsafeTimeoutMs) != null ? _a : 1e4;
     if (this.config.debugAdTiming) {
       console.log(
         `[StormcloudVideoPlayer] Starting failsafe timer (${failsafeMs}ms)`
@@ -2859,6 +2962,7 @@ var StormcloudVideoPlayer = class {
     }
   }
   destroy() {
+    var _a, _b;
     this.clearAdStartTimer();
     this.clearAdStopTimer();
     this.clearAdFailsafeTimer();
@@ -2866,8 +2970,8 @@ var StormcloudVideoPlayer = class {
       clearInterval(this.heartbeatInterval);
       this.heartbeatInterval = void 0;
     }
-    this.hls?.destroy();
-    this.ima?.destroy();
+    (_a = this.hls) == null ? void 0 : _a.destroy();
+    (_b = this.ima) == null ? void 0 : _b.destroy();
   }
 };
 
@@ -2974,7 +3078,7 @@ var StormcloudVideoPlayerComponent = import_react.default.memo(
       }
       setShowSpeedMenu(false);
     };
-    const isHlsStream = src?.toLowerCase().includes(".m3u8") || src?.toLowerCase().includes("/hls/");
+    const isHlsStream = (src == null ? void 0 : src.toLowerCase().includes(".m3u8")) || (src == null ? void 0 : src.toLowerCase().includes("/hls/"));
     const shouldShowEnhancedControls = showCustomControls && (isHlsStream ? allowNativeHls : true);
     const criticalPropsKey = (0, import_react.useMemo)(() => {
       return CRITICAL_PROPS.map((prop) => `${prop}:${props[prop]}`).join("|");
@@ -3024,13 +3128,13 @@ var StormcloudVideoPlayerComponent = import_react.default.memo(
       player.load().then(() => {
         const showNative = player.shouldShowNativeControls();
         setShouldShowNativeControls(showNative);
-        onReady?.(player);
+        onReady == null ? void 0 : onReady(player);
       }).catch((error) => {
         console.error(
           "StormcloudVideoPlayer: Failed to load player:",
           error
         );
-        onReady?.(player);
+        onReady == null ? void 0 : onReady(player);
       });
       return () => {
         try {
@@ -3086,6 +3190,7 @@ var StormcloudVideoPlayerComponent = import_react.default.memo(
     (0, import_react.useEffect)(() => {
       if (!playerRef.current || !videoRef.current) return;
       const updateStates = () => {
+        var _a;
         if (playerRef.current && videoRef.current) {
           setIsMuted(playerRef.current.isMuted());
           setIsPlaying(!videoRef.current.paused);
@@ -3103,13 +3208,14 @@ var StormcloudVideoPlayerComponent = import_react.default.memo(
           );
         }
         setIsFullscreen(
-          document.fullscreenElement === videoRef.current?.parentElement
+          document.fullscreenElement === ((_a = videoRef.current) == null ? void 0 : _a.parentElement)
         );
       };
       const interval = setInterval(updateStates, 200);
       const handleFullscreenChange = () => {
+        var _a;
         setIsFullscreen(
-          document.fullscreenElement === videoRef.current?.parentElement
+          document.fullscreenElement === ((_a = videoRef.current) == null ? void 0 : _a.parentElement)
         );
       };
       document.addEventListener("fullscreenchange", handleFullscreenChange);
@@ -4552,6 +4658,7 @@ var HlsPlayer = class extends import_react3.Component {
     this.player = null;
     this.mounted = false;
     this.load = async () => {
+      var _a, _b, _c, _d, _e, _f;
       if (!this.props.videoElement || !this.props.src) return;
       try {
         if (this.player) {
@@ -4588,27 +4695,29 @@ var HlsPlayer = class extends import_react3.Component {
         if (this.props.adFailsafeTimeoutMs !== void 0)
           config.adFailsafeTimeoutMs = this.props.adFailsafeTimeoutMs;
         this.player = new StormcloudVideoPlayer(config);
-        this.props.onMount?.(this);
+        (_b = (_a = this.props).onMount) == null ? void 0 : _b.call(_a, this);
         await this.player.load();
         if (this.mounted) {
-          this.props.onReady?.();
+          (_d = (_c = this.props).onReady) == null ? void 0 : _d.call(_c);
         }
       } catch (error) {
         if (this.mounted) {
-          this.props.onError?.(error);
+          (_f = (_e = this.props).onError) == null ? void 0 : _f.call(_e, error);
         }
       }
     };
     this.play = () => {
+      var _a, _b;
       if (this.props.videoElement) {
         this.props.videoElement.play();
-        this.props.onPlay?.();
+        (_b = (_a = this.props).onPlay) == null ? void 0 : _b.call(_a);
       }
     };
     this.pause = () => {
+      var _a, _b;
       if (this.props.videoElement) {
         this.props.videoElement.pause();
-        this.props.onPause?.();
+        (_b = (_a = this.props).onPause) == null ? void 0 : _b.call(_a);
       }
     };
     this.stop = () => {
@@ -4703,37 +4812,44 @@ var FilePlayer = class extends import_react4.Component {
     this.mounted = false;
     this.ready = false;
     this.load = () => {
+      var _a, _b;
       if (!this.props.videoElement || !this.props.src) return;
       const video = this.props.videoElement;
       const handleLoadedMetadata = () => {
+        var _a2, _b2;
         if (this.mounted && !this.ready) {
           this.ready = true;
-          this.props.onReady?.();
+          (_b2 = (_a2 = this.props).onReady) == null ? void 0 : _b2.call(_a2);
         }
       };
       const handlePlay = () => {
+        var _a2, _b2;
         if (this.mounted) {
-          this.props.onPlay?.();
+          (_b2 = (_a2 = this.props).onPlay) == null ? void 0 : _b2.call(_a2);
         }
       };
       const handlePause = () => {
+        var _a2, _b2;
         if (this.mounted) {
-          this.props.onPause?.();
+          (_b2 = (_a2 = this.props).onPause) == null ? void 0 : _b2.call(_a2);
         }
       };
       const handleEnded = () => {
+        var _a2, _b2;
         if (this.mounted) {
-          this.props.onEnded?.();
+          (_b2 = (_a2 = this.props).onEnded) == null ? void 0 : _b2.call(_a2);
         }
       };
       const handleError = (error) => {
+        var _a2, _b2;
         if (this.mounted) {
-          this.props.onError?.(error);
+          (_b2 = (_a2 = this.props).onError) == null ? void 0 : _b2.call(_a2, error);
         }
       };
       const handleLoadedData = () => {
+        var _a2, _b2;
         if (this.mounted) {
-          this.props.onLoaded?.();
+          (_b2 = (_a2 = this.props).onLoaded) == null ? void 0 : _b2.call(_a2);
         }
       };
       video.addEventListener("loadedmetadata", handleLoadedMetadata);
@@ -4752,7 +4868,7 @@ var FilePlayer = class extends import_react4.Component {
       if (this.props.preload !== void 0)
         video.preload = this.props.preload;
       if (this.props.poster !== void 0) video.poster = this.props.poster;
-      this.props.onMount?.(this);
+      (_b = (_a = this.props).onMount) == null ? void 0 : _b.call(_a, this);
       return () => {
         video.removeEventListener("loadedmetadata", handleLoadedMetadata);
         video.removeEventListener("play", handlePlay);
@@ -4921,6 +5037,7 @@ var Player = class extends import_react5.Component {
       return this.player.getInternalPlayer(key);
     };
     this.progress = () => {
+      var _a, _b;
       if (this.props.src && this.player && this.isReady) {
         const playedSeconds = this.getCurrentTime() || 0;
         const loadedSeconds = this.getSecondsLoaded();
@@ -4937,7 +5054,7 @@ var Player = class extends import_react5.Component {
             progress.loaded = loadedSeconds / duration;
           }
           if (progress.playedSeconds !== this.prevPlayed || progress.loadedSeconds !== this.prevLoaded) {
-            this.props.onProgress?.(progress);
+            (_b = (_a = this.props).onProgress) == null ? void 0 : _b.call(_a, progress);
           }
           this.prevPlayed = progress.playedSeconds;
           this.prevLoaded = progress.loadedSeconds;
@@ -4973,10 +5090,10 @@ var Player = class extends import_react5.Component {
         if (this.player.setPlaybackRate && playbackRate !== 1) {
           this.player.setPlaybackRate(playbackRate);
         }
-        onStart?.();
+        onStart == null ? void 0 : onStart();
         this.startOnPlay = false;
       }
-      onPlay?.();
+      onPlay == null ? void 0 : onPlay();
       if (this.seekOnPlay) {
         this.seekTo(this.seekOnPlay);
         this.seekOnPlay = null;
@@ -4984,9 +5101,10 @@ var Player = class extends import_react5.Component {
       this.handleDurationCheck();
     };
     this.handlePause = (e) => {
+      var _a, _b;
       this.isPlaying = false;
       if (!this.isLoading) {
-        this.props.onPause?.(e);
+        (_b = (_a = this.props).onPause) == null ? void 0 : _b.call(_a, e);
       }
     };
     this.handleEnded = () => {
@@ -4996,19 +5114,21 @@ var Player = class extends import_react5.Component {
       }
       if (!loop) {
         this.isPlaying = false;
-        onEnded?.();
+        onEnded == null ? void 0 : onEnded();
       }
     };
     this.handleError = (...args) => {
+      var _a, _b;
       this.isLoading = false;
-      this.props.onError?.(args[0], args[1], args[2], args[3]);
+      (_b = (_a = this.props).onError) == null ? void 0 : _b.call(_a, args[0], args[1], args[2], args[3]);
     };
     this.handleDurationCheck = () => {
+      var _a, _b;
       clearTimeout(this.durationCheckTimeout);
       const duration = this.getDuration();
       if (duration) {
         if (!this.onDurationCalled) {
-          this.props.onDuration?.(duration);
+          (_b = (_a = this.props).onDuration) == null ? void 0 : _b.call(_a, duration);
           this.onDurationCalled = true;
         }
       } else {
@@ -5207,7 +5327,8 @@ var createStormcloudPlayer = (playerList, fallback) => {
         return omit(this.props, SUPPORTED_PROPS);
       };
       this.handleReady = () => {
-        this.props.onReady?.(this);
+        var _a2, _b;
+        (_b = (_a2 = this.props).onReady) == null ? void 0 : _b.call(_a2, this);
       };
       this.seekTo = (fraction, type, keepPlaying) => {
         if (!this.player) return null;