suada-components 1.2.0 → 1.2.1

package/dist/components/{DailyMotion-BM__Vhyo.js → DailyMotion-C87ZJeRt.js}

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

package/dist/components/{DailyMotion-CxLlr0cR.esm.js → DailyMotion-DbDeP0dq.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-CyUx723z.esm.js';
 import React__default from 'react';
 
 function _mergeNamespaces(n, m) {

package/dist/components/{Facebook-DjA6gknl.esm.js → Facebook-B1XpGyBt.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-CyUx723z.esm.js';
 import React__default from 'react';
 
 function _mergeNamespaces(n, m) {

package/dist/components/{Facebook-Zkq5Dmij.js → Facebook-DigX8u_u.js}

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

package/dist/components/{FilePlayer-C-z4wNAs.esm.js → FilePlayer-BSL_U8r8.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-CyUx723z.esm.js';
 import React__default from 'react';
 
 function _mergeNamespaces(n, m) {

package/dist/components/{FilePlayer-PgJJpyg0.js → FilePlayer-BTuFK59w.js}

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

package/dist/components/{Kaltura-Btu7etAO.js → Kaltura-CKV92aVd.js}

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

package/dist/components/{Kaltura-B50rwAlx.esm.js → Kaltura-DAkp5nY0.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-CyUx723z.esm.js';
 import React__default from 'react';
 
 function _mergeNamespaces(n, m) {

package/dist/components/{Mixcloud-CpyWM87F.js → Mixcloud-CAgtZPq5.js}

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

package/dist/components/{Mixcloud-DCuoGh8X.esm.js → Mixcloud-CtWhrXiZ.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-CyUx723z.esm.js';
 import React__default from 'react';
 
 function _mergeNamespaces(n, m) {

package/dist/components/{Mux-DQjOzSHN.js → Mux-BRYGMFV_.js}

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

package/dist/components/{Mux-Bj4ELcFh.esm.js → Mux-C0xOzOps.esm.js}

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

package/dist/components/{Preview-Cgl2b2Yo.esm.js → Preview-Crcz-S0c.esm.js}

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

package/dist/components/{Preview-M0CQw6-7.js → Preview-DSBoVsm9.js}

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

package/dist/components/{SoundCloud-D8ulCoOA.js → SoundCloud-1V8ahw7A.js}

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

package/dist/components/{SoundCloud-BQ1Bv-Ms.esm.js → SoundCloud-BC8iiobM.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-CyUx723z.esm.js';
 import React__default from 'react';
 
 function _mergeNamespaces(n, m) {

package/dist/components/{Streamable-C_gvjkdy.js → Streamable-BhhnBO_c.js}

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

package/dist/components/{Streamable-DTv6vm7m.esm.js → Streamable-CGxErYVF.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-CyUx723z.esm.js';
 import React__default from 'react';
 
 function _mergeNamespaces(n, m) {

package/dist/components/{Twitch-BrQFLQcf.esm.js → Twitch-8quL43Fw.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-CyUx723z.esm.js';
 import React__default from 'react';
 
 function _mergeNamespaces(n, m) {

package/dist/components/{Twitch-RxI4d-d5.js → Twitch-E9YQS4X8.js}

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

package/dist/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 default VideoPlayer;

package/dist/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 {
@@ -59,5 +59,6 @@ export interface UsePlayerControlsState extends Omit<ControlsProps, 'isFavorite'
     isFullscreen: boolean;
     isControlsActive: boolean;
     currentSubtitle: string;
+    setCurrentSubtitle: Dispatch<SetStateAction<string>>;
 }
 export {};

package/dist/components/VideoPlayer/Player.js

@@ -46,15 +46,19 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     }
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef } from 'react';
 import ReactPlayer from 'react-player';
-import { StyledWrapper, StyledPlayerLoader, StyledControlsContainer, StyledVideoPlayerWrapper, StyledLoader, StyledSubtitles, } from './Player.styles';
+import { StyledWrapper, StyledPlayerLoader, StyledControlsContainer, StyledVideoPlayerWrapper, StyledLoader, StyledSubtitles, injectHLSSubtitleStyles, } from './Player.styles';
 import Controls from './Controls';
 import usePlayerControls from './usePlayerControls';
+import { useHLSSubtitles } from 'src/components/VideoPlayer/useHlsSubtitles';
 export var VideoPlayer = function (_a) {
-    var customStyles = _a.customStyles, _b = _a.startTime, startTime = _b === void 0 ? 0 : _b, loading = _a.loading, setLoading = _a.setLoading, handleTrackProgress = _a.handleTrackProgress, url = _a.url, subtitleUrl = _a.subtitle, handleNextVideo = _a.handleNextVideo, handlePreviousVideo = _a.handlePreviousVideo, isNextVideo = _a.isNextVideo, isPreviousVideo = _a.isPreviousVideo, isPlaying = _a.isPlaying, setIsPlaying = _a.setIsPlaying, _c = _a.shouldPlayerBeFocusedOnSpaceClick, shouldPlayerBeFocusedOnSpaceClick = _c === void 0 ? false : _c, showFavorite = _a.showFavorite, _d = _a.isFavorite, isFavorite = _d === void 0 ? false : _d, _e = _a.toggleFavorite, toggleFavorite = _e === void 0 ? function () { return __awaiter(void 0, void 0, void 0, function () { return __generator(this, function (_a) {
+    var _b, _c, _d;
+    var customStyles = _a.customStyles, _e = _a.startTime, startTime = _e === void 0 ? 0 : _e, loading = _a.loading, setLoading = _a.setLoading, handleTrackProgress = _a.handleTrackProgress, url = _a.url, subtitleUrl = _a.subtitle, handleNextVideo = _a.handleNextVideo, handlePreviousVideo = _a.handlePreviousVideo, isNextVideo = _a.isNextVideo, isPreviousVideo = _a.isPreviousVideo, isPlaying = _a.isPlaying, setIsPlaying = _a.setIsPlaying, _f = _a.shouldPlayerBeFocusedOnSpaceClick, shouldPlayerBeFocusedOnSpaceClick = _f === void 0 ? false : _f, showFavorite = _a.showFavorite, _g = _a.isFavorite, isFavorite = _g === void 0 ? false : _g, _h = _a.toggleFavorite, toggleFavorite = _h === void 0 ? function () { return __awaiter(void 0, void 0, void 0, function () { return __generator(this, function (_a) {
         return [2 /*return*/];
-    }); }); } : _e;
-    var _f = usePlayerControls({
+    }); }); } : _h;
+    var videoRef = useRef(null);
+    var _j = usePlayerControls({
         startTime: startTime,
         setLoading: setLoading,
         handleTrackProgress: handleTrackProgress,
@@ -63,25 +67,42 @@ export var VideoPlayer = function (_a) {
         isPlaying: isPlaying,
         setIsPlaying: setIsPlaying,
         shouldPlayerBeFocusedOnSpaceClick: shouldPlayerBeFocusedOnSpaceClick,
-    }), mouseMoveHandler = _f.mouseMoveHandler, playerContainerRef = _f.playerContainerRef, playPauseHandler = _f.playPauseHandler, handleFullScreen = _f.handleFullScreen, videoPlayerRef = _f.videoPlayerRef, playing = _f.playing, volume = _f.volume, muted = _f.muted, progressHandler = _f.progressHandler, bufferStartHandler = _f.bufferStartHandler, bufferEndHandler = _f.bufferEndHandler, onPlayerStart = _f.onPlayerStart, setVideoState = _f.setVideoState, playbackRate = _f.playbackRate, controlRef = _f.controlRef, rewindHandler = _f.rewindHandler, handleFastForward = _f.handleFastForward, formatCurrentTime = _f.formatCurrentTime, played = _f.played, onSeekMouseDownHandler = _f.onSeekMouseDownHandler, seekHandler = _f.seekHandler, seekMouseUpHandler = _f.seekMouseUpHandler, muteHandler = _f.muteHandler, volumeChangeHandler = _f.volumeChangeHandler, formatDuration = _f.formatDuration, isSubtitlesChecked = _f.isSubtitlesChecked, toggleSubtitlesCheck = _f.toggleSubtitlesCheck, isFullscreen = _f.isFullscreen, isControlsActive = _f.isControlsActive, currentSubtitle = _f.currentSubtitle;
-    // Make sure we have a valid URL to avoid ReactPlayer errors
-    var validUrl = url || '';
-    return (_jsxs(StyledWrapper, { tabIndex: 0, onMouseMove: mouseMoveHandler, ref: playerContainerRef, style: customStyles, onClick: function (e) { return e.stopPropagation(); }, "data-testid": 'video-player-wrapper', children: [_jsx(StyledVideoPlayerWrapper, { onClick: playPauseHandler, onDoubleClick: handleFullScreen, children: _jsx(ReactPlayer, { url: validUrl, ref: videoPlayerRef, className: 'react-player', width: '100%', height: '100%', playing: isPlaying, volume: volume, muted: muted, onProgress: progressHandler, onBuffer: bufferStartHandler, onBufferEnd: bufferEndHandler, onReady: onPlayerStart, onPlay: function () { return setIsPlaying(true); }, onPause: function () { return setIsPlaying(false); }, onEnded: function () {
-                        var _a;
-                        var totalDuration = (_a = videoPlayerRef.current) === null || _a === void 0 ? void 0 : _a.getDuration();
-                        if (totalDuration) {
-                            handleTrackProgress(totalDuration);
-                        }
-                        setVideoState(function (prev) { return (__assign(__assign({}, prev), { playing: false })); });
-                        if (handleNextVideo)
-                            handleNextVideo();
-                    }, controls: false, pip: true, playbackRate: playbackRate, preload: 'metadata', config: {
-                        file: {
-                            hlsOptions: {
-                                autoStartLoad: true,
-                                renderTextTracksNatively: false,
+    }), mouseMoveHandler = _j.mouseMoveHandler, playerContainerRef = _j.playerContainerRef, playPauseHandler = _j.playPauseHandler, handleFullScreen = _j.handleFullScreen, videoPlayerRef = _j.videoPlayerRef, playing = _j.playing, volume = _j.volume, muted = _j.muted, progressHandler = _j.progressHandler, bufferStartHandler = _j.bufferStartHandler, bufferEndHandler = _j.bufferEndHandler, onPlayerStart = _j.onPlayerStart, setVideoState = _j.setVideoState, playbackRate = _j.playbackRate, controlRef = _j.controlRef, rewindHandler = _j.rewindHandler, handleFastForward = _j.handleFastForward, formatCurrentTime = _j.formatCurrentTime, played = _j.played, onSeekMouseDownHandler = _j.onSeekMouseDownHandler, seekHandler = _j.seekHandler, seekMouseUpHandler = _j.seekMouseUpHandler, muteHandler = _j.muteHandler, volumeChangeHandler = _j.volumeChangeHandler, formatDuration = _j.formatDuration, isSubtitlesChecked = _j.isSubtitlesChecked, toggleSubtitlesCheck = _j.toggleSubtitlesCheck, isFullscreen = _j.isFullscreen, isControlsActive = _j.isControlsActive, currentSubtitle = _j.currentSubtitle, setCurrentSubtitle = _j.setCurrentSubtitle;
+    var setupHLSSubtitleTracking = useHLSSubtitles({
+        videoPlayerRef: videoPlayerRef,
+        isSubtitlesChecked: isSubtitlesChecked,
+        setCurrentSubtitle: setCurrentSubtitle,
+    }).setupHLSSubtitleTracking;
+    useEffect(function () {
+        var cleanup = injectHLSSubtitleStyles();
+        return cleanup;
+    }, []);
+    var handlePlayerReady = function () {
+        var _a;
+        onPlayerStart();
+        setupHLSSubtitleTracking();
+        var videoElement = (_a = videoPlayerRef.current) === null || _a === void 0 ? void 0 : _a.getInternalPlayer();
+        if (videoElement && videoElement instanceof HTMLVideoElement) {
+            videoRef.current = videoElement;
+        }
+    };
+    return (_jsxs(StyledWrapper, { tabIndex: 0, onMouseMove: mouseMoveHandler, ref: playerContainerRef, style: customStyles, onClick: function (e) { return e.stopPropagation(); }, children: [_jsxs(StyledVideoPlayerWrapper, { onClick: playPauseHandler, onDoubleClick: handleFullScreen, children: [_jsx(ReactPlayer, { url: url, ref: videoPlayerRef, className: 'react-player', width: '100%', height: '100%', playing: isPlaying, volume: volume, muted: muted, onProgress: progressHandler, onBuffer: bufferStartHandler, onBufferEnd: bufferEndHandler, onReady: handlePlayerReady, onPlay: function () { return setIsPlaying(true); }, onPause: function () { return setIsPlaying(false); }, onEnded: function () {
+                            var _a;
+                            var totalDuration = (_a = videoPlayerRef.current) === null || _a === void 0 ? void 0 : _a.getDuration();
+                            if (totalDuration) {
+                                handleTrackProgress(totalDuration);
+                            }
+                            setVideoState(function (prev) { return (__assign(__assign({}, prev), { playing: false })); });
+                            if (handleNextVideo)
+                                handleNextVideo();
+                        }, controls: false, pip: true, playbackRate: playbackRate, preload: 'metadata', config: {
+                            file: {
+                                hlsOptions: {
+                                    autoStartLoad: true,
+                                    renderTextTracksNatively: true,
+                                },
                             },
-                        },
-                    } }, validUrl) }), loading && (_jsx(StyledPlayerLoader, { children: _jsx(StyledLoader, {}) })), _jsx(StyledControlsContainer, { ref: controlRef, children: _jsx(Controls, { setVideoState: setVideoState, playbackRate: playbackRate, rewindHandler: rewindHandler, playPauseHandler: playPauseHandler, handleFastForward: handleFastForward, formatCurrentTime: formatCurrentTime, played: played, onSeekMouseDownHandler: onSeekMouseDownHandler, seekHandler: seekHandler, seekMouseUpHandler: seekMouseUpHandler, volume: volume, muted: muted, muteHandler: muteHandler, volumeChangeHandler: volumeChangeHandler, formatDuration: formatDuration, handleFullScreen: handleFullScreen, playing: playing, isSubtitlesChecked: isSubtitlesChecked, toggleSubtitlesCheck: toggleSubtitlesCheck, isFavorite: isFavorite, toggleIsFavorite: toggleFavorite, isFullscreen: isFullscreen, subtitle: !!subtitleUrl, handleSkipBackward: handlePreviousVideo, handleSkipForward: handleNextVideo, isNextVideo: isNextVideo, isPreviousVideo: isPreviousVideo, showFavorite: showFavorite }) }), isSubtitlesChecked && currentSubtitle && (_jsx(StyledSubtitles, { "$controls": isControlsActive, children: currentSubtitle }))] }));
+                        } }, url), loading && (_jsx(StyledPlayerLoader, { children: _jsx(StyledLoader, {}) })), isSubtitlesChecked && currentSubtitle && (_jsx(StyledSubtitles, { "$controls": isControlsActive, children: currentSubtitle }))] }), _jsx(StyledControlsContainer, { ref: controlRef, children: _jsx(Controls, { setVideoState: setVideoState, playbackRate: playbackRate, rewindHandler: rewindHandler, playPauseHandler: playPauseHandler, handleFastForward: handleFastForward, formatCurrentTime: formatCurrentTime, played: played, onSeekMouseDownHandler: onSeekMouseDownHandler, seekHandler: seekHandler, seekMouseUpHandler: seekMouseUpHandler, volume: volume, muted: muted, muteHandler: muteHandler, volumeChangeHandler: volumeChangeHandler, formatDuration: formatDuration, handleFullScreen: handleFullScreen, playing: playing, isSubtitlesChecked: isSubtitlesChecked, toggleSubtitlesCheck: toggleSubtitlesCheck, isFavorite: isFavorite, toggleIsFavorite: toggleFavorite, isFullscreen: isFullscreen, subtitle: !!subtitleUrl || ((_d = (_c = (_b = videoPlayerRef.current) === null || _b === void 0 ? void 0 : _b.getInternalPlayer()) === null || _c === void 0 ? void 0 : _c.textTracks) === null || _d === void 0 ? void 0 : _d.length) > 0, handleSkipBackward: handlePreviousVideo, handleSkipForward: handleNextVideo, isNextVideo: isNextVideo, isPreviousVideo: isPreviousVideo, showFavorite: showFavorite }) })] }));
 };
+export default VideoPlayer;
 //# sourceMappingURL=Player.js.map

package/dist/components/VideoPlayer/Player.js.map

@@ -1 +1 @@
-{"version":3,"file":"Player.js","sourceRoot":"","sources":["../../../src/components/VideoPlayer/Player.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Player.js","sourceRoot":"","sources":["../../../src/components/VideoPlayer/Player.tsx"],"names":[],"mappings":"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"}

package/dist/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/VideoPlayer/Player.styles.js

@@ -13,5 +13,26 @@ export var StyledSubtitles = styled.div(templateObject_7 || (templateObject_7 =
     var $controls = _a.$controls;
     return ($controls ? '60px' : '10px');
 });
+export var 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 var injectHLSSubtitleStyles = function () {
+    var addSubtitleStyles = function () {
+        var existingStyle = document.getElementById('hls-subtitle-styles');
+        if (existingStyle) {
+            existingStyle.remove();
+        }
+        var style = document.createElement('style');
+        style.id = 'hls-subtitle-styles';
+        style.textContent = HLS_SUBTITLE_STYLES;
+        document.head.appendChild(style);
+    };
+    addSubtitleStyles();
+    // Return cleanup function
+    return function () {
+        var existingStyle = document.getElementById('hls-subtitle-styles');
+        if (existingStyle) {
+            existingStyle.remove();
+        }
+    };
+};
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
 //# sourceMappingURL=Player.styles.js.map

package/dist/components/VideoPlayer/Player.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Player.styles.js","sourceRoot":"","sources":["../../../src/components/VideoPlayer/Player.styles.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,EAAE,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAErD,MAAM,CAAC,IAAM,wBAAwB,GAAG,MAAM,CAAC,GAAG,ghBAAA,6cAwBjD,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,aAAa,GAAG,MAAM,CAAC,GAAG,wWAAA,qMAa/B,EAAwB,8FAO/B,KAPO,wBAAwB,CAO/B,CAAA;AAED,MAAM,CAAC,IAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,sVAAA,mRAc3C,IAAA,CAAA;AAED,IAAM,MAAM,GAAG,SAAS,iKAAA,8FAOvB,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,YAAY,GAAG,MAAM,CAAC,GAAG,8kBAAA,qWAUvB,EAAM,oKAUpB,KAVc,MAAM,CAUpB,CAAA;AAED,MAAM,CAAC,IAAM,uBAAuB,GAAG,MAAM,CAAC,GAAG,sPAAA,mLAUhD,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,eAAe,GAAG,MAAM,CAAC,GAAG,wbAAwB,iQAWrD,EAAwD,kHAOnE,KAPW,UAAC,EAAa;QAAX,SAAS,eAAA;IAAe,OAAA,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;AAA7B,CAA6B,CAOnE,CAAA"}
+{"version":3,"file":"Player.styles.js","sourceRoot":"","sources":["../../../src/components/VideoPlayer/Player.styles.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,EAAE,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAErD,MAAM,CAAC,IAAM,wBAAwB,GAAG,MAAM,CAAC,GAAG,ghBAAA,6cAwBjD,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,aAAa,GAAG,MAAM,CAAC,GAAG,wWAAA,qMAa/B,EAAwB,8FAO/B,KAPO,wBAAwB,CAO/B,CAAA;AAED,MAAM,CAAC,IAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,sVAAA,mRAc3C,IAAA,CAAA;AAED,IAAM,MAAM,GAAG,SAAS,iKAAA,8FAOvB,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,YAAY,GAAG,MAAM,CAAC,GAAG,8kBAAA,qWAUvB,EAAM,oKAUpB,KAVc,MAAM,CAUpB,CAAA;AAED,MAAM,CAAC,IAAM,uBAAuB,GAAG,MAAM,CAAC,GAAG,sPAAA,mLAUhD,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,eAAe,GAAG,MAAM,CAAC,GAAG,wbAAwB,iQAWrD,EAAwD,kHAOnE,KAPW,UAAC,EAAa;QAAX,SAAS,eAAA;IAAe,OAAA,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;AAA7B,CAA6B,CAOnE,CAAA;AAED,MAAM,CAAC,IAAM,mBAAmB,GAAG,i1EA6FlC,CAAA;AAED,MAAM,CAAC,IAAM,uBAAuB,GAAG;IACrC,IAAM,iBAAiB,GAAG;QACxB,IAAM,aAAa,GAAG,QAAQ,CAAC,cAAc,CAAC,qBAAqB,CAAC,CAAA;QACpE,IAAI,aAAa,EAAE,CAAC;YAClB,aAAa,CAAC,MAAM,EAAE,CAAA;QACxB,CAAC;QAED,IAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAA;QAC7C,KAAK,CAAC,EAAE,GAAG,qBAAqB,CAAA;QAChC,KAAK,CAAC,WAAW,GAAG,mBAAmB,CAAA;QACvC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAA;IAClC,CAAC,CAAA;IAED,iBAAiB,EAAE,CAAA;IAEnB,0BAA0B;IAC1B,OAAO;QACL,IAAM,aAAa,GAAG,QAAQ,CAAC,cAAc,CAAC,qBAAqB,CAAC,CAAA;QACpE,IAAI,aAAa,EAAE,CAAC;YAClB,aAAa,CAAC,MAAM,EAAE,CAAA;QACxB,CAAC;IACH,CAAC,CAAA;AACH,CAAC,CAAA"}

package/dist/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 {};

package/dist/components/VideoPlayer/useHlsSubtitles.js

@@ -0,0 +1,73 @@
+import { useCallback, useEffect, useRef } from 'react';
+export var useHLSSubtitles = function (_a) {
+    var videoPlayerRef = _a.videoPlayerRef, isSubtitlesChecked = _a.isSubtitlesChecked, setCurrentSubtitle = _a.setCurrentSubtitle;
+    var hlsSubtitleTrackRef = useRef(null);
+    var extractHLSSubtitleText = useCallback(function () {
+        var _a;
+        var videoElement = (_a = videoPlayerRef.current) === null || _a === void 0 ? void 0 : _a.getInternalPlayer();
+        if (!videoElement || !videoElement.textTracks)
+            return;
+        var _loop_1 = function (i) {
+            var track = videoElement.textTracks[i];
+            if (track.kind === 'subtitles' || track.kind === 'captions') {
+                hlsSubtitleTrackRef.current = track;
+                var handleCueChange = function () {
+                    if (isSubtitlesChecked && track.activeCues && track.activeCues.length > 0) {
+                        var currentCue = track.activeCues[0];
+                        if (currentCue && currentCue.text) {
+                            setCurrentSubtitle(currentCue.text);
+                        }
+                    }
+                    else if (isSubtitlesChecked) {
+                        setCurrentSubtitle('');
+                    }
+                };
+                track.removeEventListener('cuechange', handleCueChange);
+                track.addEventListener('cuechange', handleCueChange);
+                track.mode = isSubtitlesChecked ? 'showing' : 'hidden';
+                return "break";
+            }
+        };
+        for (var i = 0; i < videoElement.textTracks.length; i++) {
+            var state_1 = _loop_1(i);
+            if (state_1 === "break")
+                break;
+        }
+    }, [isSubtitlesChecked, setCurrentSubtitle, videoPlayerRef]);
+    var setupHLSSubtitleTracking = useCallback(function () {
+        var _a;
+        var videoElement = (_a = videoPlayerRef.current) === null || _a === void 0 ? void 0 : _a.getInternalPlayer();
+        if (!videoElement)
+            return;
+        videoElement.classList.add('hls-video-player');
+        var checkTextTracks = function (attempt) {
+            if (attempt === void 0) { attempt = 0; }
+            var textTracks = videoElement.textTracks;
+            if (textTracks && textTracks.length > 0) {
+                extractHLSSubtitleText();
+            }
+            else if (attempt < 5) {
+                setTimeout(function () { return checkTextTracks(attempt + 1); }, 300 * (attempt + 1));
+            }
+        };
+        checkTextTracks();
+        videoElement.addEventListener('loadedmetadata', function () {
+            checkTextTracks();
+        });
+    }, [extractHLSSubtitleText, videoPlayerRef]);
+    useEffect(function () {
+        extractHLSSubtitleText();
+    }, [isSubtitlesChecked, extractHLSSubtitleText]);
+    useEffect(function () {
+        var _a;
+        var videoElement = (_a = videoPlayerRef.current) === null || _a === void 0 ? void 0 : _a.getInternalPlayer();
+        if (videoElement && videoElement.textTracks && videoElement.textTracks.length > 0) {
+            extractHLSSubtitleText();
+        }
+    }, [videoPlayerRef.current, extractHLSSubtitleText]);
+    return {
+        extractHLSSubtitleText: extractHLSSubtitleText,
+        setupHLSSubtitleTracking: setupHLSSubtitleTracking,
+    };
+};
+//# sourceMappingURL=useHlsSubtitles.js.map

package/dist/components/VideoPlayer/useHlsSubtitles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useHlsSubtitles.js","sourceRoot":"","sources":["../../../src/components/VideoPlayer/useHlsSubtitles.ts"],"names":[],"mappings":"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"}

package/dist/components/VideoPlayer/usePlayerControls.js

@@ -80,13 +80,19 @@ function usePlayerControls(_a) {
     var duration = videoPlayerRef.current ? videoPlayerRef.current.getDuration() : 0;
     var formatCurrentTime = FormatSecondsToTimeString(currentTime);
     var formatDuration = FormatSecondsToTimeString(duration);
+    // Using previous method for old videos(we used to parse subtitles via link)
     useEffect(function () {
-        fetch(subtitleUrl)
-            .then(function (response) { return response.text(); })
-            .then(function (content) {
-            var parsedSubtitles = parseVTT(content);
-            setSubtitles(parsedSubtitles);
-        });
+        if (subtitleUrl) {
+            fetch(subtitleUrl)
+                .then(function (response) { return response.text(); })
+                .then(function (content) {
+                var parsedSubtitles = parseVTT(content);
+                setSubtitles(parsedSubtitles);
+            })
+                .catch(function (error) {
+                console.error('Error fetching external subtitles:', error);
+            });
+        }
     }, [subtitleUrl]);
     useEffect(function () {
         var handleFullscreenChange = function () {
@@ -114,8 +120,9 @@ function usePlayerControls(_a) {
         }
     }, [videoPlayerRef]);
     var progressHandler = useCallback(function (state) { return __awaiter(_this, void 0, void 0, function () {
-        var currentSubtitleEntry, i, sub, i, sub, currentTime_1, now;
-        return __generator(this, function (_a) {
+        var videoElement, hasHLSSubtitles, currentSubtitleEntry, i, sub, i, sub, currentTime_1, now;
+        var _a, _b;
+        return __generator(this, function (_c) {
             if (count > 2) {
                 if (controlRef.current) {
                     controlRef.current.style.visibility = 'hidden';
@@ -127,43 +134,46 @@ function usePlayerControls(_a) {
                 isControlsActive) {
                 count += 1;
             }
-            if (lastSubtitleIndexRef.current !== null) {
-                if (state.playedSeconds > lastPlaybackTimeRef.current) {
-                    // Searching forward
-                    for (i = lastSubtitleIndexRef.current; i < subtitles.length; i++) {
-                        sub = subtitles[i];
-                        if (state.playedSeconds >= sub.start && state.playedSeconds <= sub.end) {
-                            currentSubtitleEntry = sub;
-                            lastSubtitleIndexRef.current = i;
-                            break;
+            videoElement = (_a = videoPlayerRef.current) === null || _a === void 0 ? void 0 : _a.getInternalPlayer();
+            hasHLSSubtitles = ((_b = videoElement === null || videoElement === void 0 ? void 0 : videoElement.textTracks) === null || _b === void 0 ? void 0 : _b.length) > 0;
+            if (subtitles.length > 0 && !hasHLSSubtitles && isSubtitlesChecked) {
+                currentSubtitleEntry = void 0;
+                if (lastSubtitleIndexRef.current !== null) {
+                    if (state.playedSeconds > lastPlaybackTimeRef.current) {
+                        for (i = lastSubtitleIndexRef.current; i < subtitles.length; i++) {
+                            sub = subtitles[i];
+                            if (state.playedSeconds >= sub.start && state.playedSeconds <= sub.end) {
+                                currentSubtitleEntry = sub;
+                                lastSubtitleIndexRef.current = i;
+                                break;
+                            }
                         }
                     }
-                }
-                else {
-                    // Searching backward
-                    for (i = lastSubtitleIndexRef.current; i >= 0; i--) {
-                        sub = subtitles[i];
-                        if (state.playedSeconds >= sub.start && state.playedSeconds <= sub.end) {
-                            currentSubtitleEntry = sub;
-                            lastSubtitleIndexRef.current = i;
-                            break;
+                    else {
+                        for (i = lastSubtitleIndexRef.current; i >= 0; i--) {
+                            sub = subtitles[i];
+                            if (state.playedSeconds >= sub.start && state.playedSeconds <= sub.end) {
+                                currentSubtitleEntry = sub;
+                                lastSubtitleIndexRef.current = i;
+                                break;
+                            }
                         }
                     }
                 }
-            }
-            if (!currentSubtitleEntry) {
-                currentSubtitleEntry = subtitles.find(function (sub) { return state.playedSeconds >= sub.start && state.playedSeconds <= sub.end; });
+                if (!currentSubtitleEntry) {
+                    currentSubtitleEntry = subtitles.find(function (sub) { return state.playedSeconds >= sub.start && state.playedSeconds <= sub.end; });
+                    if (currentSubtitleEntry) {
+                        lastSubtitleIndexRef.current = subtitles.indexOf(currentSubtitleEntry);
+                    }
+                }
+                lastPlaybackTimeRef.current = state.playedSeconds;
                 if (currentSubtitleEntry) {
-                    lastSubtitleIndexRef.current = subtitles.indexOf(currentSubtitleEntry);
+                    setCurrentSubtitle(currentSubtitleEntry.text);
+                }
+                else {
+                    setCurrentSubtitle(''); // Clear subtitle if none should be displayed
+                    lastSubtitleIndexRef.current = null;
                 }
-            }
-            lastPlaybackTimeRef.current = state.playedSeconds;
-            if (currentSubtitleEntry) {
-                setCurrentSubtitle(currentSubtitleEntry.text);
-            }
-            else {
-                setCurrentSubtitle(''); // Clear subtitle if none should be displayed
-                lastSubtitleIndexRef.current = null;
             }
             if (!seeking) {
                 setVideoState(function (prev) { return (__assign(__assign({}, prev), state)); });
@@ -177,7 +187,7 @@ function usePlayerControls(_a) {
             }
             return [2 /*return*/];
         });
-    }); }, [seeking, handleTrackProgress, isControlsActive, subtitles]);
+    }); }, [seeking, handleTrackProgress, isControlsActive, subtitles, isSubtitlesChecked]);
     var seekHandler = function (e) {
         var v = parseFloat(e.target.value) / 100;
         setVideoState(function (prev) { return (__assign(__assign({}, prev), { played: v })); });
@@ -185,7 +195,7 @@ function usePlayerControls(_a) {
             videoPlayerRef.current.seekTo(v);
         }
     };
-    var seekMouseUpHandler = function (e) {
+    var seekMouseUpHandler = function () {
         setVideoState(function (prev) { return (__assign(__assign({}, prev), { seeking: false })); });
         if (videoPlayerRef.current) {
             videoPlayerRef.current.seekTo(videoState.played);
@@ -204,7 +214,7 @@ function usePlayerControls(_a) {
             setVideoState(function (prev) { return (__assign(__assign({}, prev), { muted: true, prevVolume: volume, volume: 0 })); });
         }
     };
-    var onSeekMouseDownHandler = function (e) {
+    var onSeekMouseDownHandler = function () {
         setVideoState(function (prev) { return (__assign(__assign({}, prev), { seeking: true })); });
     };
     var mouseMoveHandler = function () {
@@ -323,6 +333,7 @@ function usePlayerControls(_a) {
         isFullscreen: isFullscreen,
         isControlsActive: isControlsActive,
         currentSubtitle: currentSubtitle,
+        setCurrentSubtitle: setCurrentSubtitle,
         playing: isPlaying,
     };
 }