@mottosports/motto-video-player 1.0.1-rc.49 → 1.0.1-rc.50

package/dist/index.mjs

@@ -270,9 +270,6 @@ styleInject(`/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */
   }
 }
 @layer utilities {
-  .pointer-events-auto {
-    pointer-events: auto;
-  }
   .pointer-events-none {
     pointer-events: none;
   }
@@ -305,9 +302,6 @@ styleInject(`/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */
   .inset-0 {
     inset: calc(var(--spacing) * 0);
   }
-  .top-0 {
-    top: calc(var(--spacing) * 0);
-  }
   .top-4 {
     top: calc(var(--spacing) * 4);
   }
@@ -1121,8 +1115,7 @@ html[dir=rtl] .shaka-overflow-menu .shaka-overflow-button .material-svg-icon:fir
 `);
 
 // src/Player.tsx
-import { forwardRef, useEffect as useEffect5, useRef as useRef8, useImperativeHandle } from "react";
-import shaka3 from "shaka-player/dist/shaka-player.ui";
+import { forwardRef, useEffect as useEffect5, useRef as useRef8, useImperativeHandle, useCallback as useCallback8 } from "react";
 
 // src/hooks/useShakaPlayer.ts
 import { useRef, useCallback, useState } from "react";
@@ -1176,7 +1169,7 @@ var supportsWidevinePersistentLicenses = () => {
 import initShakaPlayerMux from "@mux/mux-data-shakaplayer";
 
 // package.json
-var version = "1.0.1-rc.49";
+var version = "1.0.1-rc.50";
 
 // src/utils/licenseCache.ts
 var PERSISTENT_LICENSE_PREFIX = "motto_lic_";
@@ -2717,9 +2710,6 @@ styleInject(`/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */
   }
 }
 @layer utilities {
-  .pointer-events-auto {
-    pointer-events: auto;
-  }
   .pointer-events-none {
     pointer-events: none;
   }
@@ -2752,9 +2742,6 @@ styleInject(`/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */
   .inset-0 {
     inset: calc(var(--spacing) * 0);
   }
-  .top-0 {
-    top: calc(var(--spacing) * 0);
-  }
   .top-4 {
     top: calc(var(--spacing) * 4);
   }
@@ -3595,7 +3582,6 @@ var Player = forwardRef(
   }, ref) => {
     const videoRef = useRef8(null);
     const containerRef = useRef8(null);
-    const adContainerRef = useRef8(null);
     useImperativeHandle(ref, () => videoRef.current, []);
     const { playerRef, initializePlayer, destroyPlayer, isRetrying } = useShakaPlayer({
       src,
@@ -3662,34 +3648,32 @@ var Player = forwardRef(
       showPulseAnimation: true,
       liveThresholdSeconds: 15
     });
-    const initializeAds = () => {
-      if (!imaConfig || !playerRef.current || !videoRef.current) return;
-      const adManager = playerRef.current.getAdManager();
-      if (!adManager) return;
-      adManager.addEventListener(shaka3.ads?.Utils?.AD_STARTED, () => {
-        events?.onAdStart?.();
-      });
-      adManager.addEventListener(shaka3.ads?.Utils?.AD_COMPLETE, () => {
-        events?.onAdComplete?.();
-      });
-      adManager.addEventListener(shaka3.ads?.Utils?.AD_ERROR, (event) => {
-        events?.onAdError?.(event.detail);
-      });
-      if (imaConfig.adTagUrl) {
-        const adContainer = adContainerRef.current;
-        if (adContainer) {
-          adManager.initClientSide(adContainer, videoRef.current, imaConfig.adsRenderingSettings);
-          const adsRequest = {
-            adTagUrl: imaConfig.adTagUrl,
-            linearAdSlotWidth: imaConfig.linearAdSlotWidth || width || 640,
-            linearAdSlotHeight: imaConfig.linearAdSlotHeight || height || 360,
-            nonLinearAdSlotWidth: imaConfig.nonLinearAdSlotWidth || width || 640,
-            nonLinearAdSlotHeight: imaConfig.nonLinearAdSlotHeight || 150
-          };
-          adManager.requestClientSideAds(adsRequest);
+    const initializeAds = useCallback8(() => {
+      if (!imaConfig?.adTagUrl || !playerRef.current || !videoRef.current || !uiRef.current) {
+        return;
+      }
+      console.log("Initializing ads...");
+      try {
+        const player = playerRef.current;
+        const video = videoRef.current;
+        const ui = uiRef.current;
+        const controls2 = ui.getControls();
+        const container = controls2.getClientSideAdContainer();
+        const adManager = player.getAdManager();
+        if (!adManager) {
+          console.error("Ad manager not available");
+          return;
         }
+        adManager.initClientSide(container, video);
+        const google = window.google;
+        const adsRequest = new google.ima.AdsRequest();
+        adsRequest.adTagUrl = imaConfig.adTagUrl;
+        adManager.requestClientSideAds(adsRequest);
+        console.log("Ads requested with tag:", imaConfig.adTagUrl);
+      } catch (error) {
+        console.error("Error initializing ads:", error);
       }
-    };
+    }, [imaConfig]);
     useEffect5(() => {
       const video = videoRef.current;
       if (!video) return;
@@ -3700,7 +3684,9 @@ var Player = forwardRef(
           const cleanupQuality = setupQualityTracking();
           configureQuality();
           await initializeUI();
-          initializeAds();
+          if (imaConfig) {
+            initializeAds();
+          }
         } catch (error) {
           console.error("Error during player initialization:", error);
           handleMuxError(error);
@@ -3790,14 +3776,7 @@ var Player = forwardRef(
               ...filteredVideoProps
             }
           ),
-          /* @__PURE__ */ jsx8(LiveBadge, { isVisible: isLiveBadgeVisible }),
-          imaConfig && /* @__PURE__ */ jsx8(
-            "div",
-            {
-              ref: adContainerRef,
-              className: "absolute top-0 left-0 w-full h-full pointer-events-auto"
-            }
-          )
+          /* @__PURE__ */ jsx8(LiveBadge, { isVisible: isLiveBadgeVisible })
         ]
       }
     );