@mottosports/motto-video-player 1.0.1-rc.21 → 1.0.1-rc.22

package/dist/index.mjs

@@ -1295,10 +1295,10 @@ import initShakaPlayerMux from "@mux/mux-data-shakaplayer";
 import shaka from "shaka-player/dist/shaka-player.ui";
 
 // package.json
-var version = "1.0.1-rc.21";
+var version = "1.0.1-rc.22";
 
 // src/hooks/useMuxAnalytics.ts
-var useMuxAnalytics = (playerRef, muxConfig, onMuxReady, onMuxDataUpdate, playerName) => {
+var useMuxAnalytics = (playerRef, muxConfig, onMuxReady, onMuxDataUpdate) => {
   const shakaPlayerMuxRef = useRef3(null);
   const initializeMux = useCallback4(() => {
     if (!muxConfig || !playerRef.current) return;
@@ -1313,9 +1313,12 @@ var useMuxAnalytics = (playerRef, muxConfig, onMuxReady, onMuxDataUpdate, player
         ...muxConfig.errorTranslator && { errorTranslator: muxConfig.errorTranslator },
         data: {
           env_key: muxConfig.envKey,
-          player_name: playerName,
+          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
         }
       };
@@ -3191,7 +3194,6 @@ var Player = forwardRef(
     iconSizes,
     events,
     containerClassName,
-    playerName,
     ...videoProps
   }, ref) => {
     const videoRef = useRef8(null);
@@ -3227,7 +3229,7 @@ var Player = forwardRef(
       updateMuxData,
       handleMuxError,
       destroyMux
-    } = useMuxAnalytics(playerRef, muxConfig, events?.onMuxReady, events?.onMuxDataUpdate, playerName);
+    } = useMuxAnalytics(playerRef, muxConfig, events?.onMuxReady, events?.onMuxDataUpdate);
     const { setupEventListeners, cleanupEventListeners } = useEventHandlers(videoRef, {
       onPlay: events?.onPlay,
       onPause: events?.onPause,
@@ -3895,7 +3897,6 @@ import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
 var Video = ({
   videoId,
   publicKey,
-  mottoToken,
   videoData: providedVideoData,
   refetchInterval = 0,
   playerName,
@@ -3903,6 +3904,8 @@ var Video = ({
   events,
   children,
   className,
+  auth,
+  settings,
   queryOptions = {},
   ...props
 }) => {
@@ -3912,8 +3915,8 @@ var Video = ({
     error,
     refetch
   } = useQuery({
-    queryKey: ["video", videoId, publicKey, mottoToken],
-    queryFn: () => fetchVideoData(videoId, publicKey, mottoToken),
+    queryKey: ["video", videoId, publicKey, auth?.mottoToken],
+    queryFn: () => fetchVideoData(videoId, publicKey, auth?.mottoToken),
     enabled: !!videoId && !!publicKey && !providedVideoData,
     refetchInterval: refetchInterval > 0 ? refetchInterval : false,
     staleTime: queryOptions.staleTime ?? 5 * 60 * 1e3,
@@ -3963,7 +3966,6 @@ var Video = ({
       children
     ] }) });
   }
-  console.log("hlsUrl", hlsUrl);
   return /* @__PURE__ */ jsx9("div", { className: twMerge3("md:rounded-2xl overflow-hidden aspect-video", className), children: /* @__PURE__ */ jsx9("div", { className: "relative w-full h-full", children: /* @__PURE__ */ jsx9(
     Player,
     {