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

package/dist/index.d.mts

@@ -399,6 +399,15 @@ interface MuxAnalyticsConfig {
     metadata?: MuxMetadata;
 }
 
+declare global {
+    namespace google {
+        namespace ima {
+            class AdsRequest {
+                adTagUrl: string;
+            }
+        }
+    }
+}
 declare const Player: React.ForwardRefExoticComponent<PlayerProps & React.RefAttributes<HTMLVideoElement>>;
 
 interface VideoProps extends Omit<PlayerProps, 'src'> {

package/dist/index.d.ts

@@ -399,6 +399,15 @@ interface MuxAnalyticsConfig {
     metadata?: MuxMetadata;
 }
 
+declare global {
+    namespace google {
+        namespace ima {
+            class AdsRequest {
+                adTagUrl: string;
+            }
+        }
+    }
+}
 declare const Player: React.ForwardRefExoticComponent<PlayerProps & React.RefAttributes<HTMLVideoElement>>;
 
 interface VideoProps extends Omit<PlayerProps, 'src'> {

package/dist/index.js

@@ -311,9 +311,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;
   }
@@ -346,9 +343,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);
   }
@@ -1163,7 +1157,6 @@ html[dir=rtl] .shaka-overflow-menu .shaka-overflow-button .material-svg-icon:fir
 
 // src/Player.tsx
 var import_react12 = require("react");
-var import_shaka_player4 = __toESM(require("shaka-player/dist/shaka-player.ui"));
 
 // src/hooks/useShakaPlayer.ts
 var import_react = require("react");
@@ -1217,7 +1210,7 @@ var supportsWidevinePersistentLicenses = () => {
 var import_mux_data_shakaplayer = __toESM(require("@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_";
@@ -2758,9 +2751,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;
   }
@@ -2793,9 +2783,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);
   }
@@ -3636,7 +3623,6 @@ var Player = (0, import_react12.forwardRef)(
   }, ref) => {
     const videoRef = (0, import_react12.useRef)(null);
     const containerRef = (0, import_react12.useRef)(null);
-    const adContainerRef = (0, import_react12.useRef)(null);
     (0, import_react12.useImperativeHandle)(ref, () => videoRef.current, []);
     const { playerRef, initializePlayer, destroyPlayer, isRetrying } = useShakaPlayer({
       src,
@@ -3703,34 +3689,32 @@ var Player = (0, import_react12.forwardRef)(
       showPulseAnimation: true,
       liveThresholdSeconds: 15
     });
-    const initializeAds = () => {
-      if (!imaConfig || !playerRef.current || !videoRef.current) return;
-      const adManager = playerRef.current.getAdManager();
-      if (!adManager) return;
-      adManager.addEventListener(import_shaka_player4.default.ads?.Utils?.AD_STARTED, () => {
-        events?.onAdStart?.();
-      });
-      adManager.addEventListener(import_shaka_player4.default.ads?.Utils?.AD_COMPLETE, () => {
-        events?.onAdComplete?.();
-      });
-      adManager.addEventListener(import_shaka_player4.default.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 = (0, import_react12.useCallback)(() => {
+      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]);
     (0, import_react12.useEffect)(() => {
       const video = videoRef.current;
       if (!video) return;
@@ -3741,7 +3725,9 @@ var Player = (0, import_react12.forwardRef)(
           const cleanupQuality = setupQualityTracking();
           configureQuality();
           await initializeUI();
-          initializeAds();
+          if (imaConfig) {
+            initializeAds();
+          }
         } catch (error) {
           console.error("Error during player initialization:", error);
           handleMuxError(error);
@@ -3831,14 +3817,7 @@ var Player = (0, import_react12.forwardRef)(
               ...filteredVideoProps
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(LiveBadge, { isVisible: isLiveBadgeVisible }),
-          imaConfig && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-            "div",
-            {
-              ref: adContainerRef,
-              className: "absolute top-0 left-0 w-full h-full pointer-events-auto"
-            }
-          )
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(LiveBadge, { isVisible: isLiveBadgeVisible })
         ]
       }
     );