@mottosports/motto-video-player 1.0.1-rc.29 → 1.0.1-rc.31

package/dist/index.mjs

@@ -1107,7 +1107,7 @@ import { forwardRef, useEffect as useEffect5, useRef as useRef8, useImperativeHa
 import shaka3 from "shaka-player/dist/shaka-player.ui";
 
 // src/hooks/useShakePlayer.ts
-import { useCallback } from "react";
+import { useRef, useCallback } from "react";
 import shaka from "shaka-player/dist/shaka-player.ui";
 
 // src/utils/devices.ts
@@ -1127,13 +1127,18 @@ var isPlayReadySupported = () => {
     return false;
   }
   const userAgent = navigator.userAgent || "";
-  const isWindows = /Windows/.test(userAgent);
   const isXbox = /Xbox/.test(userAgent);
   const isEdge = /Edg/.test(userAgent);
   const isIE = /Trident|MSIE/.test(userAgent);
-  return isWindows || isXbox || isEdge || isIE;
+  return isXbox || isEdge || isIE;
 };
 
+// src/hooks/useShakePlayer.ts
+import initShakaPlayerMux from "@mux/mux-data-shakaplayer";
+
+// package.json
+var version = "1.0.1-rc.31";
+
 // src/hooks/useShakePlayer.ts
 var useShakePlayer = ({
   src,
@@ -1141,9 +1146,11 @@ var useShakePlayer = ({
   drmConfig,
   onError,
   onPlayerReady,
-  onBeforeLoad,
-  playerRef
+  muxConfig,
+  onMuxReady,
+  onMuxDataUpdate
 }) => {
+  const playerRef = useRef(null);
   const initializePlayer = useCallback(async (video) => {
     try {
       shaka.polyfill.installAll();
@@ -1161,7 +1168,6 @@ var useShakePlayer = ({
       let cert = null;
       if (isDRM) {
         const isPlayReady = isPlayReadySupported();
-        const isFairPlay = isAppleDevice();
         if (isAppleDevice() && src.drm.fairplay?.certificate_url) {
           const req = await fetch(src.drm.fairplay.certificate_url);
           cert = await req.arrayBuffer();
@@ -1213,7 +1219,33 @@ var useShakePlayer = ({
         console.error("Shaka Player Error:", error);
         onError?.(new Error(`Shaka Player Error: ${error.message || "Unknown error"}`));
       });
-      onBeforeLoad?.();
+      if (muxConfig) {
+        try {
+          const playerInitTime = initShakaPlayerMux.utils.now();
+          const muxOptions = {
+            debug: muxConfig.debug || false,
+            disableCookies: muxConfig.disableCookies || false,
+            respectDoNotTrack: muxConfig.respectDoNotTrack || false,
+            automaticErrorTracking: muxConfig.automaticErrorTracking !== false,
+            ...muxConfig.beaconCollectionDomain && { beaconCollectionDomain: muxConfig.beaconCollectionDomain },
+            ...muxConfig.errorTranslator && { errorTranslator: muxConfig.errorTranslator },
+            data: {
+              env_key: muxConfig.envKey,
+              player_name: muxConfig?.metadata?.player_name,
+              player_version: version,
+              player_init_time: playerInitTime,
+              video_title: muxConfig?.metadata?.video_title ?? "",
+              video_id: muxConfig?.metadata?.video_id ?? "",
+              viewer_user_id: muxConfig?.metadata?.viewer_user_id ?? "",
+              ...muxConfig.metadata
+            }
+          };
+          initShakaPlayerMux(player, muxOptions, shaka);
+          onMuxReady?.();
+        } catch (error) {
+          console.error("Failed to initialize Mux Analytics:", error);
+        }
+      }
       await player.load(manifestUrl);
       onPlayerReady?.(player);
       return player;
@@ -1225,7 +1257,7 @@ var useShakePlayer = ({
       onError?.(error);
       throw error;
     }
-  }, [shakaConfig, drmConfig, src, onError, onPlayerReady, onBeforeLoad, playerRef]);
+  }, [shakaConfig, drmConfig, src, onError, onPlayerReady, muxConfig, onMuxReady]);
   const destroyPlayer = useCallback(async () => {
     if (playerRef.current) {
       try {
@@ -1238,6 +1270,7 @@ var useShakePlayer = ({
     }
   }, [playerRef]);
   return {
+    playerRef,
     initializePlayer,
     destroyPlayer
   };
@@ -1359,19 +1392,14 @@ var useSkipControls = (videoRef, onSkipBack, onSkipForward) => {
 
 // src/hooks/useMuxAnalytics.ts
 import { useCallback as useCallback4, useRef as useRef3 } from "react";
-import initShakaPlayerMux from "@mux/mux-data-shakaplayer";
+import initShakaPlayerMux2 from "@mux/mux-data-shakaplayer";
 import shaka2 from "shaka-player/dist/shaka-player.ui";
-
-// package.json
-var version = "1.0.1-rc.29";
-
-// src/hooks/useMuxAnalytics.ts
 var useMuxAnalytics = (playerRef, muxConfig, onMuxReady, onMuxDataUpdate) => {
   const shakaPlayerMuxRef = useRef3(null);
   const initializeMux = useCallback4(() => {
     if (!muxConfig || !playerRef.current) return;
     try {
-      const playerInitTime = initShakaPlayerMux.utils.now();
+      const playerInitTime = initShakaPlayerMux2.utils.now();
       const muxOptions = {
         debug: muxConfig.debug || false,
         disableCookies: muxConfig.disableCookies || false,
@@ -1390,7 +1418,7 @@ var useMuxAnalytics = (playerRef, muxConfig, onMuxReady, onMuxDataUpdate) => {
           ...muxConfig.metadata
         }
       };
-      shakaPlayerMuxRef.current = initShakaPlayerMux(playerRef.current, muxOptions, shaka2);
+      shakaPlayerMuxRef.current = initShakaPlayerMux2(playerRef.current, muxOptions, shaka2);
       onMuxReady?.();
     } catch (error) {
       console.error("Failed to initialize Mux Analytics:", error);
@@ -3268,22 +3296,22 @@ var Player = forwardRef(
     const containerRef = useRef8(null);
     const adContainerRef = useRef8(null);
     useImperativeHandle(ref, () => videoRef.current, []);
-    const playerRef = useRef8(null);
-    const {
-      initializeMux,
-      updateMuxData,
-      handleMuxError,
-      destroyMux
-    } = useMuxAnalytics(playerRef, muxConfig, events?.onMuxReady, events?.onMuxDataUpdate);
-    const { initializePlayer, destroyPlayer } = useShakePlayer({
+    const { playerRef, initializePlayer, destroyPlayer } = useShakePlayer({
       src,
       shakaConfig,
       drmConfig,
       onError: events?.onError,
       onPlayerReady: events?.onPlayerReady,
-      onBeforeLoad: initializeMux,
-      playerRef
+      muxConfig,
+      onMuxReady: events?.onMuxReady,
+      onMuxDataUpdate: events?.onMuxDataUpdate
     });
+    const {
+      initializeMux,
+      updateMuxData,
+      handleMuxError,
+      destroyMux
+    } = useMuxAnalytics(playerRef, muxConfig, events?.onMuxReady, events?.onMuxDataUpdate);
     const {
       getAvailableQualities,
       setQuality,