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

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.23";
 
 // 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,
     {
@@ -4078,8 +4080,13 @@ var Event = ({
   const [loadingPlaylist, setLoadingPlaylist] = useState4(true);
   const videosDataError = videosData?.some((video) => !!video.error);
   useEffect8(() => {
-    if (eventError || videosError || videosDataError) {
-      const errorObj = eventError || videosError || videosData?.find((video) => !!video.error)?.error && new Error(videosData?.find((video) => !!video.error)?.error) || new Error("default");
+    if (isEventLoading || videosIsLoading || loadingApisState) {
+      return;
+    }
+    const hasPlayablePlaylist = Boolean(activePlaylist);
+    if (eventError || videosError || videosDataError && !hasPlayablePlaylist) {
+      const firstVideoError = videosData?.find((video) => !!video.error)?.error;
+      const errorObj = eventError || videosError || firstVideoError && new Error(firstVideoError) || new Error("default");
       setError(errorObj);
       if (events?.onError) {
         events.onError(errorObj);
@@ -4087,7 +4094,17 @@ var Event = ({
     } else {
       setError(null);
     }
-  }, [eventError, videosError, videosDataError, videosData, events]);
+  }, [
+    eventError,
+    videosError,
+    videosDataError,
+    videosData,
+    events,
+    activePlaylist,
+    isEventLoading,
+    videosIsLoading,
+    loadingApisState
+  ]);
   useEffect8(() => {
     const eventLoadedWithNoVideos = !isEventLoading && eventData && eventData.videoIds && (!eventData.videoIds || eventData?.videoIds?.length === 0) && !loadingApisState;
     const allApisLoadedWithPotentialVideos = !isEventLoading && !videosIsLoading && eventData && !loadingApisState;