@mottosports/motto-video-player 1.0.1-rc.5 → 1.0.1-rc.51

package/dist/index.d.ts

@@ -1,5 +1,73 @@
-import * as React from 'react';
-import React__default, { HTMLAttributes } from 'react';
+import React, { HTMLAttributes } from 'react';
+import { QueryClient } from '@tanstack/react-query';
+
+interface VideoData {
+    id: string;
+    name?: string;
+    description?: string;
+    playlists?: Playlist[];
+    error?: string;
+}
+interface DVRSettings {
+    window_size_seconds: number;
+}
+interface Widevine {
+    playlistUrl: string;
+    licenseUrl: string;
+}
+interface Fairplay {
+    certificateUrl: string;
+    licenseUrl: string;
+    playlistUrl: string;
+}
+interface Playready {
+    playlistUrl: string;
+    licenseUrl: string;
+}
+interface DRM {
+    token?: string;
+    licenseCacheKey?: string;
+    widevine?: Widevine;
+    fairplay?: Fairplay;
+    playready?: Playready;
+}
+interface Playlist {
+    id: string;
+    url: string;
+    format: string;
+    dvr_settings?: DVRSettings;
+    drm: DRM;
+}
+
+interface EventData {
+    id: string;
+    title: string;
+    description?: string;
+    startTime: string;
+    endTime?: string;
+    posterUrl?: string;
+    videoIds?: string[];
+    error?: string;
+}
+declare enum EventsSortDirection {
+    ASC = "asc",
+    DESC = "desc"
+}
+
+interface CreativeWorkData {
+    id: string;
+    title: string;
+    description?: string;
+    releaseTime: string;
+    endTime?: string;
+    posterUrl?: string;
+    videoIds?: string[];
+    error?: string;
+}
+declare enum CreativeWorksSortDirection {
+    ASC = "asc",
+    DESC = "desc"
+}
 
 /**
  * Unified events interface for both Player and Video wrapper
@@ -94,11 +162,24 @@ interface SeekbarConfig {
      */
     played?: string;
 }
+/**
+ * Icon size configuration
+ */
+interface IconSizes {
+    /**
+     * Size for skip back/forward buttons (in pixels)
+     */
+    skipButtons?: number;
+    /**
+     * Size for the big play button (in pixels)
+     */
+    bigPlayButton?: number;
+}
 interface PlayerProps extends Omit<HTMLAttributes<HTMLVideoElement>, 'src' | 'onError'> {
     /**
-     * The source URL of the video (DASH, HLS, or regular MP4)
+     * The source URL of the video (DASH, HLS, or regular MP4) or playlist object with DRM info
      */
-    src: string;
+    src: Playlist;
     /**
      * Whether the video should autoplay
      */
@@ -138,7 +219,7 @@ interface PlayerProps extends Omit<HTMLAttributes<HTMLVideoElement>, 'src' | 'on
      */
     shakaConfig?: any;
     /**
-     * DRM configuration for protected content
+     * DRM configuration for protected content (deprecated - now derived from src playlist)
      */
     drmConfig?: {
         clearKeys?: {
@@ -152,6 +233,10 @@ interface PlayerProps extends Omit<HTMLAttributes<HTMLVideoElement>, 'src' | 'on
      * Mux Analytics configuration
      */
     muxConfig?: MuxAnalyticsConfig;
+    /**
+     * System73 SDK configuration
+     */
+    system73Config?: System73Config;
     /**
      * IMA (Interactive Media Ads) configuration
      */
@@ -180,21 +265,15 @@ interface PlayerProps extends Omit<HTMLAttributes<HTMLVideoElement>, 'src' | 'on
         nonLinearAdSlotHeight?: number;
     };
     /**
-     * Chromecast configuration
+     * Chromecast configuration (optional)
+     * Chromecast is always enabled by default. This config allows customization.
      */
     chromecastConfig?: {
-        /**
-         * Whether to enable Chromecast support
-         */
-        enabled?: boolean;
         /**
          * Custom receiver application ID
+         * Defaults to 'CC1AD845' (Google's default media receiver)
          */
         receiverApplicationId?: string;
-        /**
-         * Whether to auto-join cast sessions
-         */
-        autoJoinPolicy?: string;
     };
     /**
      * Quality selection configuration
@@ -222,20 +301,14 @@ interface PlayerProps extends Omit<HTMLAttributes<HTMLVideoElement>, 'src' | 'on
      */
     seekbarConfig?: SeekbarConfig;
     /**
-     * Event callbacks
+     * Icon size configuration
      */
-    events?: PlayerEvents;
+    iconSizes?: IconSizes;
     /**
-     * CSS class name for the container element
+     * Event callbacks
      */
+    events?: PlayerEvents;
     containerClassName?: string;
-    /**
-     * Optional manual override for stream start time
-     * If not provided, the player will attempt to auto-detect the stream start time
-     * from the manifest for live streams. When provided, shows elapsed time since
-     * stream started instead of the current playback position.
-     */
-    streamStartDate?: Date;
 }
 /**
  * Mux Analytics type definitions
@@ -329,88 +402,51 @@ interface MuxAnalyticsConfig {
      */
     metadata?: MuxMetadata;
 }
-
-declare const Player: React__default.ForwardRefExoticComponent<PlayerProps & React__default.RefAttributes<HTMLVideoElement>>;
-
 /**
- * Client-only wrapper for the Player component to prevent SSR issues.
- * This component only renders the Player on the client side after hydration.
+ * System73 SDK configuration
  */
-declare const ClientOnlyPlayer: React__default.ForwardRefExoticComponent<PlayerProps & React__default.RefAttributes<HTMLVideoElement>>;
-
-interface VideoData {
-    id: string;
-    name?: string;
-    description?: string;
-    playlists?: Array<{
-        url: string;
-        format: string;
-    }>;
-    error?: string;
-}
-interface VideoListItem {
-    id: string;
-    name?: string;
-    description?: string;
-    playlists?: Array<{
-        url: string;
-        format: string;
-    }>;
-    error?: string;
+interface System73Config {
+    /**
+     * System73 API key (required for authentication)
+     */
+    apiKey: string;
+    /**
+     * Content steering endpoint URI (optional)
+     */
+    contentSteeringEndpoint?: string;
+    /**
+     * Channel identifier (optional)
+     */
+    channelId?: string;
 }
 /**
- * Fetches video data from the Motto Streaming API
- * @param videoId - The ID of the video to fetch
- * @param publicKey - The public key for authentication
- * @param mottoToken - Optional motto token for authenticated requests
- * @returns Promise<VideoData> - The video data
+ * System73 SDK wrapper interface
  */
-declare const fetchVideoData: (videoId: string, publicKey: string, mottoToken?: string) => Promise<VideoData>;
-/**
- * Fetches multiple videos data from the Motto Streaming API
- * @param publicKey - The public key for authentication
- * @param videoIds - Array of video IDs to fetch
- * @param mottoToken - Optional motto token for authenticated requests
- * @returns Promise<VideoListItem[]> - Array of video data
- */
-declare function fetchVideosList(publicKey: string, videoIds: string[], mottoToken?: string, skip?: number, limit?: number): Promise<VideoListItem[]>;
-
-interface EventData {
-    id: string;
-    title: string;
-    description?: string;
-    startTime: string;
-    endTime?: string;
-    posterUrl?: string;
-    videoIds?: string[];
-    error?: string;
-}
-declare enum EventsSortDirection {
-    ASC = "asc",
-    DESC = "desc"
+declare global {
+    interface Window {
+        S73ShakaPlayerWrapper?: (config: System73Config, shakaInstance: {
+            shaka: any;
+        }) => {
+            wrapPlayerConfig: (config: any) => void;
+            wrapPlayer: (player: any) => void;
+        };
+    }
 }
-declare function fetchEventData(publicKey: string, eventId: string, unused?: any, filter?: string, order?: EventsSortDirection, locale?: string): Promise<EventData>;
 
-interface CreativeWorkData {
-    id: string;
-    title: string;
-    description?: string;
-    releaseTime: string;
-    endTime?: string;
-    posterUrl?: string;
-    videoIds?: string[];
-    error?: string;
+declare global {
+    namespace google {
+        namespace ima {
+            class AdsRequest {
+                adTagUrl: string;
+            }
+        }
+    }
 }
-declare enum CreativeWorksSortDirection {
-    ASC = "asc",
-    DESC = "desc"
-}
-declare function fetchCreativeWorkData(publicKey: string, creativeWorkId: string, unused?: any, filter?: string, order?: CreativeWorksSortDirection, locale?: string): Promise<CreativeWorkData>;
+declare const Player: React.ForwardRefExoticComponent<PlayerProps & React.RefAttributes<HTMLVideoElement>>;
 
 interface VideoProps extends Omit<PlayerProps, 'src'> {
     videoId?: string;
     publicKey?: string;
-    mottoToken?: string;
     videoData?: VideoData;
     refetchInterval?: number;
     playerName?: string;
@@ -426,8 +462,15 @@ interface VideoProps extends Omit<PlayerProps, 'src'> {
         onCanPlay?: () => void;
         onPlayerReady?: () => void;
     };
-    children?: React__default.ReactNode;
+    children?: React.ReactNode;
     className?: string;
+    auth?: {
+        mottoToken?: string;
+        userId?: string;
+    };
+    settings?: {
+        backgroundImageUrl?: string;
+    };
     queryOptions?: {
         enabled?: boolean;
         staleTime?: number;
@@ -436,9 +479,9 @@ interface VideoProps extends Omit<PlayerProps, 'src'> {
         retryDelay?: number;
     };
 }
-declare const Video: React__default.FC<VideoProps>;
+declare const Video: React.FC<VideoProps>;
 
-interface EventProps extends Omit<PlayerProps, 'src'> {
+interface EventProps extends Omit<PlayerProps, 'src' | 'drmConfig'> {
     publicKey: string;
     eventId: string;
     hideTitle?: boolean;
@@ -447,7 +490,7 @@ interface EventProps extends Omit<PlayerProps, 'src'> {
     order?: EventsSortDirection;
     events?: {
         onEventData?: (event: EventData) => void;
-        onVideoData?: (video: VideoListItem) => void;
+        onVideoData?: (video: VideoData) => void;
         onEmptyPlaylists?: () => void;
         onError?: (error: Error) => void;
         onPlay?: () => void;
@@ -474,7 +517,7 @@ interface EventProps extends Omit<PlayerProps, 'src'> {
         retryDelay?: number;
     };
 }
-declare const Event: React__default.FC<EventProps>;
+declare const Event: React.FC<EventProps>;
 
 interface CreativeWorkProps extends Omit<PlayerProps, 'src'> {
     publicKey: string;
@@ -485,7 +528,7 @@ interface CreativeWorkProps extends Omit<PlayerProps, 'src'> {
     order?: CreativeWorksSortDirection;
     events?: {
         onCreativeWorkData?: (creativeWork: CreativeWorkData) => void;
-        onVideoData?: (video: VideoListItem) => void;
+        onVideoData?: (video: VideoData) => void;
         onEmptyPlaylists?: () => void;
         onError?: (error: Error) => void;
         onPlay?: () => void;
@@ -512,21 +555,30 @@ interface CreativeWorkProps extends Omit<PlayerProps, 'src'> {
         retryDelay?: number;
     };
 }
-declare const CreativeWork: React__default.FC<CreativeWorkProps>;
-
-/**
- * Client-side wrapper for the Event component to prevent SSR issues
- * This component ensures that Event is only rendered on the client-side
- */
-declare const ClientSideEvent: React__default.FC<EventProps>;
+declare const CreativeWork: React.FC<CreativeWorkProps>;
 
+declare const queryClient: QueryClient;
 interface QueryProviderProps {
-    children: React__default.ReactNode;
+    children: React.ReactNode;
 }
-declare const QueryProvider: React__default.FC<QueryProviderProps>;
+declare const QueryProvider: React.FC<QueryProviderProps>;
 
-declare const _default: {
-    Player: React.ForwardRefExoticComponent<PlayerProps & React.RefAttributes<HTMLVideoElement>>;
-};
+interface SkipBackIconProps {
+    size?: number;
+    className?: string;
+}
+declare const SkipBackIcon: React.FC<SkipBackIconProps>;
+
+interface SkipForwardIconProps {
+    size?: number;
+    className?: string;
+}
+declare const SkipForwardIcon: React.FC<SkipForwardIconProps>;
+
+interface BigPlayIconProps {
+    size?: number;
+    className?: string;
+}
+declare const BigPlayIcon: React.FC<BigPlayIconProps>;
 
-export { ClientOnlyPlayer, ClientSideEvent, CreativeWork, type CreativeWorkData, type CreativeWorkProps, CreativeWorksSortDirection, Event, type EventData, type EventProps, EventsSortDirection, type MuxAnalyticsConfig, type MuxDataUpdatePayload, type MuxErrorTranslator, type MuxMetadata, Player, type PlayerEvents, type PlayerProps, QueryProvider, type SeekbarConfig, Video, type VideoData, type VideoListItem, type VideoProps, _default as default, fetchCreativeWorkData, fetchEventData, fetchVideoData, fetchVideosList };
+export { BigPlayIcon, CreativeWork, type CreativeWorkData, type CreativeWorkProps, CreativeWorksSortDirection, Event, type EventData, type EventProps, EventsSortDirection, type IconSizes, Player, type PlayerEvents, type PlayerProps, QueryProvider, SkipBackIcon, SkipForwardIcon, Video, type VideoData, type VideoProps, queryClient };