suada-components 1.2.0 → 1.3.0

package/dist/components/{YouTube-uIBmVRVn.js → YouTube-DpQU6ZH9.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Dwz3FwAA.js');
+var index = require('./index-D4JJ3W7g.js');
 var React = require('react');
 
 function _mergeNamespaces(n, m) {

package/dist/components/{YouTube-CBwRsGZb.esm.js → YouTube-DvS99YSi.esm.js}

@@ -1,4 +1,4 @@
-import { r as requireUtils, a as requirePatterns, g as getDefaultExportFromCjs } from './index-KXbxnyZn.esm.js';
+import { r as requireUtils, a as requirePatterns, g as getDefaultExportFromCjs } from './index-C_u0zRwP.esm.js';
 import React__default from 'react';
 
 function _mergeNamespaces(n, m) {

package/dist/components/components/Pagination/Pagination.d.ts

@@ -1,3 +1,3 @@
 import { ReactElement } from 'react';
 import { IPaginationV2Props } from './pagination.interface';
-export declare const Pagination: ({ currentPage, totalPages, handleChange, perPage, handlePerPageChange, }: IPaginationV2Props) => ReactElement;
+export declare const Pagination: ({ currentPage, totalPages, handleChange, perPage, themeColor, handlePerPageChange, }: IPaginationV2Props) => ReactElement;

package/dist/components/components/Pagination/pagination.interface.d.ts

@@ -4,6 +4,7 @@ export interface IPaginationV2Props {
     currentPage: number;
     totalPages: number;
     perPage?: number;
+    themeColor?: string;
     handleChange: (event: ChangeEvent<unknown>, value: number) => void;
     handlePerPageChange?: (event: SelectChangeEvent<number>, child: ReactNode) => void;
 }

package/dist/components/components/Pagination/styled-components.d.ts

@@ -1 +1,3 @@
-export declare const PaginationWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const PaginationWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $themeColor?: string;
+}>> & string;

package/dist/components/components/VideoPlayer/Controls/Controls.interface.d.ts

@@ -29,4 +29,8 @@ export interface ControlsProps {
     isNextVideo?: boolean;
     isPreviousVideo?: boolean;
     showFavorite?: boolean;
+    showDownload?: boolean;
+    downloadUrl?: string;
+    downloadFileName?: string;
+    onDownload?: () => void;
 }

package/dist/components/components/VideoPlayer/Controls/Controls.styles.d.ts

@@ -9,6 +9,7 @@ export declare const StyledControllerLeft: import("styled-components/dist/types"
 export declare const StyledControllerRight: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const StyledTimeTrack: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const StyledHeartIconContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledDownloadIconContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const StyledSubtitlesIconContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const StyledFullscreenIconContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const StyledVolumeIconContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/components/components/VideoPlayer/Player.d.ts

@@ -1,3 +1,4 @@
 import { ReactElement } from 'react';
 import { PlayerProps } from './Player.interface';
-export declare const VideoPlayer: ({ customStyles, startTime, loading, setLoading, handleTrackProgress, url, subtitle: subtitleUrl, handleNextVideo, handlePreviousVideo, isNextVideo, isPreviousVideo, isPlaying, setIsPlaying, shouldPlayerBeFocusedOnSpaceClick, showFavorite, isFavorite, toggleFavorite, }: PlayerProps) => ReactElement;
+export declare const VideoPlayer: ({ customStyles, startTime, loading, setLoading, handleTrackProgress, url, subtitle: subtitleUrl, handleNextVideo, handlePreviousVideo, isNextVideo, isPreviousVideo, isPlaying, setIsPlaying, shouldPlayerBeFocusedOnSpaceClick, showFavorite, isFavorite, toggleFavorite, showDownload, downloadUrl, downloadFileName, onDownload, }: PlayerProps) => ReactElement;
+export default VideoPlayer;

package/dist/components/components/VideoPlayer/Player.interface.d.ts

@@ -1,4 +1,4 @@
-import React, { RefObject } from 'react';
+import React, { Dispatch, RefObject, SetStateAction } from 'react';
 import ReactPlayer from 'react-player';
 import { ControlsProps } from './Controls/Controls.interface';
 export interface VideoState {
@@ -30,6 +30,10 @@ export interface PlayerProps {
     showFavorite?: boolean;
     isFavorite?: boolean;
     toggleFavorite?: () => Promise<void>;
+    showDownload?: boolean;
+    downloadUrl?: string;
+    downloadFileName?: string;
+    onDownload?: () => void;
 }
 export interface UsePlayerControlsProps {
     startTime?: number;
@@ -59,5 +63,6 @@ export interface UsePlayerControlsState extends Omit<ControlsProps, 'isFavorite'
     isFullscreen: boolean;
     isControlsActive: boolean;
     currentSubtitle: string;
+    setCurrentSubtitle: Dispatch<SetStateAction<string>>;
 }
 export {};

package/dist/components/components/VideoPlayer/Player.styles.d.ts

@@ -6,3 +6,5 @@ export declare const StyledControlsContainer: import("styled-components/dist/typ
 export declare const StyledSubtitles: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $controls: boolean;
 }>> & string;
+export declare const HLS_SUBTITLE_STYLES = "\n  /* Hide native HLS subtitles completely - comprehensive approach */\n  video::cue {\n    display: none !important;\n    visibility: hidden !important;\n    opacity: 0 !important;\n  }\n  \n  video::-webkit-media-text-track-display {\n    display: none !important;\n    visibility: hidden !important;\n    opacity: 0 !important;\n  }\n  \n  video::cue-region {\n    display: none !important;\n    visibility: hidden !important;\n    opacity: 0 !important;\n  }\n  \n  video::-webkit-media-text-track-container {\n    display: none !important;\n    visibility: hidden !important;\n    opacity: 0 !important;\n  }\n  \n  /* Target ReactPlayer specifically */\n  .react-player video::cue {\n    display: none !important;\n    visibility: hidden !important;\n    opacity: 0 !important;\n  }\n  \n  .react-player video::-webkit-media-text-track-display {\n    display: none !important;\n    visibility: hidden !important;\n    opacity: 0 !important;\n  }\n  \n  .react-player video::cue-region {\n    display: none !important;\n    visibility: hidden !important;\n    opacity: 0 !important;\n  }\n  \n  .react-player video::-webkit-media-text-track-container {\n    display: none !important;\n    visibility: hidden !important;\n    opacity: 0 !important;\n  }\n  \n  /* Additional selectors for different browsers */\n  video::-moz-media-text-track-display {\n    display: none !important;\n    visibility: hidden !important;\n    opacity: 0 !important;\n  }\n  \n  video::-ms-media-text-track-display {\n    display: none !important;\n    visibility: hidden !important;\n    opacity: 0 !important;\n  }\n  \n  /* Hide any subtitle overlays */\n  .react-player video + div[style*=\"position: absolute\"] {\n    display: none !important;\n  }\n  \n  /* Target HLS video player specifically */\n  .hls-video-player::cue {\n    display: none !important;\n    visibility: hidden !important;\n    opacity: 0 !important;\n  }\n  \n  .hls-video-player::-webkit-media-text-track-display {\n    display: none !important;\n    visibility: hidden !important;\n    opacity: 0 !important;\n  }\n  \n  .hls-video-player::-webkit-media-text-track-container {\n    display: none !important;\n    visibility: hidden !important;\n    opacity: 0 !important;\n  }\n  \n  .hls-video-player::cue-region {\n    display: none !important;\n    visibility: hidden !important;\n    opacity: 0 !important;\n  }\n";
+export declare const injectHLSSubtitleStyles: () => (() => void);

package/dist/components/components/VideoPlayer/useHlsSubtitles.d.ts

@@ -0,0 +1,12 @@
+import ReactPlayer from 'react-player';
+interface UseHLSSubtitlesProps {
+    videoPlayerRef: React.RefObject<ReactPlayer | null>;
+    isSubtitlesChecked: boolean;
+    setCurrentSubtitle: (subtitle: string) => void;
+}
+interface UseHLSSubtitlesReturn {
+    extractHLSSubtitleText: () => void;
+    setupHLSSubtitleTracking: () => void;
+}
+export declare const useHLSSubtitles: ({ videoPlayerRef, isSubtitlesChecked, setCurrentSubtitle, }: UseHLSSubtitlesProps) => UseHLSSubtitlesReturn;
+export {};