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

package/dist/index.d.mts

@@ -393,7 +393,6 @@ declare enum CreativeWorksSortDirection {
 interface VideoProps extends Omit<PlayerProps, 'src'> {
     videoId?: string;
     publicKey?: string;
-    mottoToken?: string;
     videoData?: VideoData;
     refetchInterval?: number;
     playerName?: string;
@@ -411,6 +410,13 @@ interface VideoProps extends Omit<PlayerProps, 'src'> {
     };
     children?: React.ReactNode;
     className?: string;
+    auth?: {
+        mottoToken?: string;
+        userId?: string;
+    };
+    settings?: {
+        backgroundImageUrl?: string;
+    };
     queryOptions?: {
         enabled?: boolean;
         staleTime?: number;

package/dist/index.d.ts

@@ -393,7 +393,6 @@ declare enum CreativeWorksSortDirection {
 interface VideoProps extends Omit<PlayerProps, 'src'> {
     videoId?: string;
     publicKey?: string;
-    mottoToken?: string;
     videoData?: VideoData;
     refetchInterval?: number;
     playerName?: string;
@@ -411,6 +410,13 @@ interface VideoProps extends Omit<PlayerProps, 'src'> {
     };
     children?: React.ReactNode;
     className?: string;
+    auth?: {
+        mottoToken?: string;
+        userId?: string;
+    };
+    settings?: {
+        backgroundImageUrl?: string;
+    };
     queryOptions?: {
         enabled?: boolean;
         staleTime?: number;

package/dist/index.js

@@ -1334,6 +1334,11 @@ var useSkipControls = (videoRef, onSkipBack, onSkipForward) => {
 var import_react4 = require("react");
 var import_mux_data_shakaplayer = __toESM(require("@mux/mux-data-shakaplayer"));
 var import_shaka_player2 = __toESM(require("shaka-player/dist/shaka-player.ui"));
+
+// package.json
+var version = "1.0.1-rc.22";
+
+// src/hooks/useMuxAnalytics.ts
 var useMuxAnalytics = (playerRef, muxConfig, onMuxReady, onMuxDataUpdate) => {
   const shakaPlayerMuxRef = (0, import_react4.useRef)(null);
   const initializeMux = (0, import_react4.useCallback)(() => {
@@ -1349,9 +1354,12 @@ var useMuxAnalytics = (playerRef, muxConfig, onMuxReady, onMuxDataUpdate) => {
         ...muxConfig.errorTranslator && { errorTranslator: muxConfig.errorTranslator },
         data: {
           env_key: muxConfig.envKey,
-          player_name: "Motto Video Player",
-          player_version: "1.0.0",
+          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
         }
       };
@@ -3930,7 +3938,6 @@ var import_jsx_runtime9 = require("react/jsx-runtime");
 var Video = ({
   videoId,
   publicKey,
-  mottoToken,
   videoData: providedVideoData,
   refetchInterval = 0,
   playerName,
@@ -3938,6 +3945,8 @@ var Video = ({
   events,
   children,
   className,
+  auth,
+  settings,
   queryOptions = {},
   ...props
 }) => {
@@ -3947,8 +3956,8 @@ var Video = ({
     error,
     refetch
   } = (0, import_react_query.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,
@@ -3998,7 +4007,6 @@ var Video = ({
       children
     ] }) });
   }
-  console.log("hlsUrl", hlsUrl);
   return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: (0, import_tailwind_merge3.twMerge)("md:rounded-2xl overflow-hidden aspect-video", className), children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "relative w-full h-full", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
     Player,
     {