@zezosoft/react-player 1.0.0 → 1.0.2

package/dist/VideoPlayer/components/controls/BottomControls.d.ts

@@ -1,5 +1,8 @@
 import React from "react";
 import "../time-line/time-line.css";
 import { IControlsBottomProps } from "../../../types";
-declare const BottomControls: React.FC<IControlsBottomProps>;
+interface BottomControlsProps extends IControlsBottomProps {
+    isLive?: boolean;
+}
+declare const BottomControls: React.FC<BottomControlsProps>;
 export default BottomControls;

package/dist/VideoPlayer/components/controls/MiddleControls.d.ts

@@ -1,3 +1,9 @@
 import React from "react";
-declare const MiddleControls: React.FC;
+import type { PlayPauseButtonConfig } from "../../types/VideoPlayerTypes";
+interface MiddleControlsProps {
+    config?: {
+        playPauseButtonConfig?: PlayPauseButtonConfig;
+    };
+}
+declare const MiddleControls: React.FC<MiddleControlsProps>;
 export default MiddleControls;

package/dist/VideoPlayer/components/controls/VideoPlayerControls.d.ts

@@ -1,4 +1,7 @@
 import * as React from "react";
 import { IPlayerConfig } from "../../../types";
-declare const VideoPlayerControls: React.FC<IPlayerConfig>;
+interface VideoPlayerControlsProps extends IPlayerConfig {
+    isLive?: boolean;
+}
+declare const VideoPlayerControls: React.FC<VideoPlayerControlsProps>;
 export default VideoPlayerControls;

package/dist/VideoPlayer/components/time-line/TimeLine.d.ts

@@ -17,5 +17,10 @@ export interface TimeLineProps {
     onChange: (time: number, offsetTime: number) => void;
     getPreviewScreenUrl?: (hoverTimeValue: number) => string;
     trackColor?: string;
+    bufferColor?: string;
+    hoverColor?: string;
+    thumbColor?: string;
+    trackBackgroundColor?: string;
+    isLive?: boolean;
 }
 export declare const VideoSeekSlider: React.FC<TimeLineProps>;

package/dist/VideoPlayer/components/time-line/components/HoverTimeWithPreview.d.ts

@@ -11,6 +11,7 @@ interface HoverTimeWithPreviewProps {
     secondsPrefix?: string;
     minutesPrefix?: string;
     getPreviewScreenUrl?: (hoverTimeValue: number) => string;
+    isLive?: boolean;
 }
 export declare const HoverTimeWithPreview: React.FC<HoverTimeWithPreviewProps>;
 export {};

package/dist/VideoPlayer/components/time-line/components/TimeCodeItem.d.ts

@@ -17,5 +17,8 @@ export interface TimeCodeItemProps {
     onHover?: (label: string) => void;
     withGap?: boolean;
     trackColor?: string;
+    bufferColor?: string;
+    hoverColor?: string;
+    trackBackgroundColor?: string;
 }
 export declare const TimeCodeItem: React.FC<TimeCodeItemProps>;

package/dist/VideoPlayer/components/time-line/components/TimeCodes.d.ts

@@ -11,5 +11,8 @@ export interface TimeCodesProps {
     label: string;
     setLabel: React.Dispatch<React.SetStateAction<string>>;
     trackColor?: string;
+    bufferColor?: string;
+    hoverColor?: string;
+    trackBackgroundColor?: string;
 }
 export declare const TimeCodes: React.FC<TimeCodesProps>;

package/dist/VideoPlayer/hooks/useVideoSource.d.ts

@@ -1 +1 @@
-export declare const useVideoSource: (trackSrc: string, type?: "hls" | "dash" | "mp4" | "other" | "youtube" | undefined) => void;
+export declare const useVideoSource: (trackSrc: string, type?: "hls" | "dash" | "mp4" | "other" | "youtube" | undefined, isLive?: boolean) => void;

package/dist/VideoPlayer/types/VideoPlayerTypes.d.ts

@@ -18,17 +18,33 @@ export interface VideoProps {
     showControls?: boolean;
     isMute?: boolean;
     startFrom?: number;
+    isLive?: boolean;
 }
 export interface VideoQualityConfig {
     defaultQuality?: "auto" | string;
     showInSettings?: boolean;
 }
+export interface SeekBarConfig {
+    trackColor?: string;
+    bufferColor?: string;
+    hoverColor?: string;
+    thumbColor?: string;
+    trackBackgroundColor?: string;
+}
+export interface PlayPauseButtonConfig {
+    backgroundColor?: string;
+    hoverBackgroundColor?: string;
+    borderRadius?: string;
+    padding?: string;
+}
 export interface StyleProps {
     className?: string;
     width?: string;
     height?: string;
     subtitleStyle?: SubtitleStyleConfig;
     qualityConfig?: VideoQualityConfig;
+    seekBarConfig?: SeekBarConfig;
+    playPauseButtonConfig?: PlayPauseButtonConfig;
 }
 export interface EventProps {
     onEnded?: (e: React.SyntheticEvent<HTMLVideoElement>) => void;

package/dist/components/ui/LiveIndicator.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+interface LiveIndicatorProps {
+    className?: string;
+}
+/**
+ * Clean LIVE indicator with blinking dot animation for live streams.
+ */
+declare const LiveIndicator: React.FC<LiveIndicatorProps>;
+export default LiveIndicator;

package/dist/index.d.ts

@@ -3,5 +3,5 @@ export { default as VideoPlayer } from "./VideoPlayer/VideoPlayer";
 export { useVideoStore } from "./store/VideoState";
 export type { VideoPlayerProps, Episode, SubtitleTrack, IntroConfig, NextEpisodeConfig, WatchHistoryData, } from "./VideoPlayer/types/VideoPlayerTypes";
 export type { SubtitleStyleConfig } from "./VideoPlayer/hooks/useSubtitleStyling";
-export type { VideoQualityConfig } from "./VideoPlayer/types/VideoPlayerTypes";
+export type { VideoQualityConfig, SeekBarConfig, PlayPauseButtonConfig, } from "./VideoPlayer/types/VideoPlayerTypes";
 export type { VideoState, VideoRefsState, VideoPlaybackState, VideoTimingState, VideoControlsState, VideoQualityState, SubtitlesState, EpisodesState, IntroState, } from "./store/types/StoreTypes";