suada-components 1.0.2504170948 → 1.1.0

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

@@ -0,0 +1,32 @@
+import { ChangeEvent, MouseEvent } from 'react';
+import { VideoState } from '../Player.interface';
+export interface ControlsProps {
+    setVideoState: (value: (prev: VideoState) => VideoState) => void;
+    playbackRate: number;
+    rewindHandler: () => void;
+    playPauseHandler: () => void;
+    handleFastForward: () => void;
+    formatCurrentTime: string;
+    played: number;
+    onSeekMouseDownHandler: (e: MouseEvent<HTMLInputElement>) => void;
+    seekHandler: (event: ChangeEvent<HTMLInputElement>) => void;
+    seekMouseUpHandler: (event: MouseEvent<HTMLInputElement>) => void;
+    volume: number;
+    muted: boolean;
+    muteHandler: () => void;
+    volumeChangeHandler: (event: ChangeEvent<HTMLInputElement>) => void;
+    formatDuration: string;
+    handleFullScreen: () => void;
+    playing: boolean;
+    isSubtitlesChecked: boolean;
+    toggleSubtitlesCheck: () => void;
+    isFavorite: boolean;
+    toggleIsFavorite: () => Promise<void>;
+    isFullscreen: boolean;
+    subtitle?: boolean;
+    handleSkipBackward?: () => void;
+    handleSkipForward?: () => void;
+    isNextVideo?: boolean;
+    isPreviousVideo?: boolean;
+    showFavorite?: boolean;
+}

package/dist/components/VideoPlayer/Controls/Controls.interface.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Controls.interface.js.map

package/dist/components/VideoPlayer/Controls/Controls.interface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Controls.interface.js","sourceRoot":"","sources":["../../../../src/components/VideoPlayer/Controls/Controls.interface.ts"],"names":[],"mappings":""}

package/dist/components/VideoPlayer/Controls/Controls.js

@@ -0,0 +1,36 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { StyledControls, StyledSlider, StyledVolumeWrapper, StyledVolumeSlider, StyledControllerLeft, StyledControllerRight, StyledTimeTrack, StyledHeartIconContainer, StyledSubtitlesIconContainer, StyledFullscreenIconContainer, StyledVolumeIconContainer, StyledPlayPauseIconContainer, } from './Controls.styles';
+import { HeartIcon, MaximizeIcon, MinimizeIcon, PauseIcon, PlayIcon, RewindIcon, SkipIcon, SubtitlesIcon, VolumeMuteIcon, VolumeUpIcon, } from '../../../icons';
+import PlaybackSpeedMenu from '../PlaybackSpeedMenu';
+var Controls = function (_a) {
+    var setVideoState = _a.setVideoState, playbackRate = _a.playbackRate, rewindHandler = _a.rewindHandler, playPauseHandler = _a.playPauseHandler, handleFastForward = _a.handleFastForward, formatCurrentTime = _a.formatCurrentTime, played = _a.played, onSeekMouseDownHandler = _a.onSeekMouseDownHandler, seekHandler = _a.seekHandler, seekMouseUpHandler = _a.seekMouseUpHandler, volume = _a.volume, muted = _a.muted, muteHandler = _a.muteHandler, volumeChangeHandler = _a.volumeChangeHandler, formatDuration = _a.formatDuration, handleFullScreen = _a.handleFullScreen, playing = _a.playing, isSubtitlesChecked = _a.isSubtitlesChecked, toggleSubtitlesCheck = _a.toggleSubtitlesCheck, isFavorite = _a.isFavorite, toggleIsFavorite = _a.toggleIsFavorite, isFullscreen = _a.isFullscreen, subtitle = _a.subtitle, handleSkipBackward = _a.handleSkipBackward, handleSkipForward = _a.handleSkipForward, isNextVideo = _a.isNextVideo, isPreviousVideo = _a.isPreviousVideo, showFavorite = _a.showFavorite;
+    return (_jsxs(StyledControls, { children: [_jsx(StyledSlider, { type: 'range', min: 0, max: 100, value: played * 100, onMouseDown: onSeekMouseDownHandler, onChange: seekHandler, onMouseUp: seekMouseUpHandler }), _jsxs(StyledControllerLeft, { children: [_jsx(StyledPlayPauseIconContainer, { onClick: playPauseHandler, children: playing ? _jsx(PauseIcon, {}) : _jsx(PlayIcon, {}) }), _jsx(RewindIcon, { onClick: rewindHandler }), _jsx(RewindIcon, { forward: true, onClick: handleFastForward }), _jsxs(StyledVolumeWrapper, { children: [_jsx(StyledVolumeIconContainer, { onClick: muteHandler, children: muted ? _jsx(VolumeMuteIcon, {}) : _jsx(VolumeUpIcon, {}) }), _jsx(StyledVolumeSlider, { type: 'range', value: volume * 100, onChange: volumeChangeHandler })] }), _jsxs(StyledTimeTrack, { children: [formatCurrentTime, " /", formatDuration] })] }), _jsxs(StyledControllerRight, { children: [handleSkipBackward && (_jsx(SkipIcon, { onClick: function () {
+                            if (!isPreviousVideo)
+                                return;
+                            handleSkipBackward();
+                        }, className: isPreviousVideo ? '' : 'skip-icon-disabled' })), handleSkipForward && (_jsx(SkipIcon, { forward: true, onClick: function () {
+                            if (!isNextVideo)
+                                return;
+                            handleSkipForward();
+                        }, className: isNextVideo ? '' : 'skip-icon-disabled' })), showFavorite && (_jsx(StyledHeartIconContainer, { children: _jsx(HeartIcon, { active: isFavorite, onClick: toggleIsFavorite }) })), _jsx(PlaybackSpeedMenu, { playbackSpeed: playbackRate, onPlaybackSpeedChange: function (speed) {
+                            return setVideoState(function (prev) { return (__assign(__assign({}, prev), { playbackRate: speed })); });
+                        }, customMenuWrapperStyles: {
+                            position: 'unset',
+                        }, customMenuStyles: {
+                            right: '8px',
+                            left: 'auto',
+                        } }), subtitle && (_jsx(StyledSubtitlesIconContainer, { children: _jsx(SubtitlesIcon, { active: isSubtitlesChecked, onClick: toggleSubtitlesCheck }) })), _jsx(StyledFullscreenIconContainer, { onClick: handleFullScreen, children: isFullscreen ? _jsx(MinimizeIcon, {}) : _jsx(MaximizeIcon, {}) })] })] }));
+};
+export default Controls;
+//# sourceMappingURL=Controls.js.map

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

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

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

@@ -0,0 +1,16 @@
+export declare const StyledControls: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+type SliderProps = {
+    value: number;
+};
+export declare const StyledSlider: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, SliderProps>> & string;
+export declare const StyledVolumeWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledVolumeSlider: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, SliderProps>> & string;
+export declare const StyledControllerLeft: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+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 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;
+export declare const StyledPlayPauseIconContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export {};

package/dist/components/VideoPlayer/Controls/Controls.styles.js

@@ -0,0 +1,25 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import styled from 'styled-components';
+export var StyledControls = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 16px;\n  width: 100%;\n  border-radius: 0px 0px 8px 8px;\n  background: #565a62;\n  padding: 12px 16px;\n  position: relative;\n\n  svg {\n    cursor: pointer;\n\n    @media screen and (max-width: 1500px) {\n      width: 20px;\n      height: 20px;\n    }\n\n    @media screen and (max-width: 1000px) {\n      width: 16px;\n      height: 16px;\n    }\n  }\n\n  & > p {\n    color: var(--neutral-colors-light);\n    font-family: 'Poppins', sans-serif;\n    ", "\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 16px;\n  width: 100%;\n  border-radius: 0px 0px 8px 8px;\n  background: #565a62;\n  padding: 12px 16px;\n  position: relative;\n\n  svg {\n    cursor: pointer;\n\n    @media screen and (max-width: 1500px) {\n      width: 20px;\n      height: 20px;\n    }\n\n    @media screen and (max-width: 1000px) {\n      width: 16px;\n      height: 16px;\n    }\n  }\n\n  & > p {\n    color: var(--neutral-colors-light);\n    font-family: 'Poppins', sans-serif;\n    ", "\n  }\n"])), { fontStyle: 'descriptor' });
+export var StyledSlider = styled.input(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  width: 100%;\n  height: 2px;\n  border-radius: 5px;\n  position: absolute;\n  top: 0;\n  left: 0;\n  background: ", ";\n  outline: none;\n  -webkit-transition: 0.2s;\n  transition: opacity 0.2s;\n  cursor: pointer;\n\n  &::-webkit-slider-thumb {\n    -webkit-appearance: none;\n    appearance: none;\n    width: 12px;\n    height: 12px;\n    border-radius: 50%;\n    background: var(--brand-colors-accent);\n    cursor: pointer;\n  }\n\n  &::-moz-range-thumb {\n    appearance: none;\n    width: 12px;\n    height: 12px;\n    border-radius: 50%;\n    background: var(--brand-colors-accent);\n    cursor: pointer;\n  }\n"], ["\n  width: 100%;\n  height: 2px;\n  border-radius: 5px;\n  position: absolute;\n  top: 0;\n  left: 0;\n  background: ", ";\n  outline: none;\n  -webkit-transition: 0.2s;\n  transition: opacity 0.2s;\n  cursor: pointer;\n\n  &::-webkit-slider-thumb {\n    -webkit-appearance: none;\n    appearance: none;\n    width: 12px;\n    height: 12px;\n    border-radius: 50%;\n    background: var(--brand-colors-accent);\n    cursor: pointer;\n  }\n\n  &::-moz-range-thumb {\n    appearance: none;\n    width: 12px;\n    height: 12px;\n    border-radius: 50%;\n    background: var(--brand-colors-accent);\n    cursor: pointer;\n  }\n"])), function (_a) {
+    var value = _a.value;
+    return "linear-gradient(\n    to right,\n    var(--brand-colors-accent) 0%,\n    var(--brand-colors-accent) ".concat(value, "%,\n    var(--level-dark-200) ").concat(value, "%,\n    var(--level-dark-200) 100%\n  )");
+});
+export var StyledVolumeWrapper = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  position: relative;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 16px;\n\n  & > svg {\n    cursor: pointer;\n  }\n\n  & > input {\n    display: none;\n  }\n\n  &:hover > input {\n    display: block;\n  }\n"], ["\n  position: relative;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 16px;\n\n  & > svg {\n    cursor: pointer;\n  }\n\n  & > input {\n    display: none;\n  }\n\n  &:hover > input {\n    display: block;\n  }\n"])));
+export var StyledVolumeSlider = styled.input(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  width: 100px;\n  height: 4px;\n  border-radius: 5px;\n  background: ", ";\n  outline: none;\n  -webkit-transition: 0.2s;\n  transition: opacity 0.2s;\n  cursor: pointer;\n  justify-content: center;\n  align-items: center;\n\n  &::-webkit-slider-thumb {\n    -webkit-appearance: none;\n    appearance: none;\n    width: 12px;\n    height: 12px;\n    border-radius: 50%;\n    background: var(--neutral-colors-light);\n    cursor: pointer;\n  }\n\n  &::-moz-range-thumb {\n    appearance: none;\n    width: 12px;\n    height: 12px;\n    border-radius: 50%;\n    background: var(--neutral-colors-light);\n    cursor: pointer;\n  }\n"], ["\n  width: 100px;\n  height: 4px;\n  border-radius: 5px;\n  background: ", ";\n  outline: none;\n  -webkit-transition: 0.2s;\n  transition: opacity 0.2s;\n  cursor: pointer;\n  justify-content: center;\n  align-items: center;\n\n  &::-webkit-slider-thumb {\n    -webkit-appearance: none;\n    appearance: none;\n    width: 12px;\n    height: 12px;\n    border-radius: 50%;\n    background: var(--neutral-colors-light);\n    cursor: pointer;\n  }\n\n  &::-moz-range-thumb {\n    appearance: none;\n    width: 12px;\n    height: 12px;\n    border-radius: 50%;\n    background: var(--neutral-colors-light);\n    cursor: pointer;\n  }\n"])), function (_a) {
+    var value = _a.value;
+    return "linear-gradient(\n    to right,\n    var(--neutral-colors-light) 0%,\n    var(--neutral-colors-light) ".concat(value, "%,\n    var(--level-grey-500) ").concat(value, "%,\n    var(--level-grey-500) 100%\n  )");
+});
+export var StyledControllerLeft = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  gap: 16px;\n"], ["\n  display: flex;\n  align-items: center;\n  gap: 16px;\n"])));
+export var StyledControllerRight = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  gap: 16px;\n\n  .skip-icon-disabled {\n    cursor: default;\n\n    & > path {\n      fill: var(--level-dark-300);\n    }\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  gap: 16px;\n\n  .skip-icon-disabled {\n    cursor: default;\n\n    & > path {\n      fill: var(--level-dark-300);\n    }\n  }\n"])));
+export var StyledTimeTrack = styled.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  color: var(--neutral-colors-light);\n  ", "\n  text-align: right;\n  white-space: nowrap;\n"], ["\n  color: var(--neutral-colors-light);\n  ", "\n  text-align: right;\n  white-space: nowrap;\n"])), { fontStyle: 'descriptor' });
+export var StyledHeartIconContainer = styled.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  & > svg > path {\n    fill: var(--neutral-colors-light);\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  & > svg > path {\n    fill: var(--neutral-colors-light);\n  }\n"])));
+export var StyledSubtitlesIconContainer = styled.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"])));
+export var StyledFullscreenIconContainer = styled.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n"])));
+export var StyledVolumeIconContainer = styled.div(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n"])));
+export var StyledPlayPauseIconContainer = styled.div(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n"])));
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12;
+//# sourceMappingURL=Controls.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Controls.styles.js","sourceRoot":"","sources":["../../../../src/components/VideoPlayer/Controls/Controls.styles.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,MAAM,CAAC,IAAM,cAAc,GAAG,MAAM,CAAC,GAAG,6mBAAA,+hBA4BlC,EAA2B,SAEhC,KAFK,EAAE,SAAS,EAAE,YAAY,EAAE,CAEhC,CAAA;AAMD,MAAM,CAAC,IAAM,YAAY,GAAG,MAAM,CAAC,KAAK,orBAAa,uHAOrC,EAOZ,wfAwBH,KA/Be,UAAC,EAAS;QAAP,KAAK,WAAA;IACpB,OAAA,8GAG6B,KAAK,2CACV,KAAK,4CAE7B;AANA,CAMA,CAwBH,CAAA;AAED,MAAM,CAAC,IAAM,mBAAmB,GAAG,MAAM,CAAC,GAAG,wUAAA,qQAmB5C,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,kBAAkB,GAAG,MAAM,CAAC,KAAK,6rBAAa,0EAI3C,EAOZ,8iBA0BH,KAjCe,UAAC,EAAS;QAAP,KAAK,WAAA;IACpB,OAAA,gHAG8B,KAAK,2CACX,KAAK,4CAE7B;AANA,CAMA,CA0BH,CAAA;AAED,MAAM,CAAC,IAAM,oBAAoB,GAAG,MAAM,CAAC,GAAG,+HAAA,4DAI7C,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,qBAAqB,GAAG,MAAM,CAAC,GAAG,kPAAA,+KAY9C,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,eAAe,GAAG,MAAM,CAAC,GAAG,oKAAA,6CAErC,EAA2B,kDAG9B,KAHG,EAAE,SAAS,EAAE,YAAY,EAAE,CAG9B,CAAA;AAED,MAAM,CAAC,IAAM,wBAAwB,GAAG,MAAM,CAAC,GAAG,gNAAA,6IAQjD,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,4BAA4B,GAAG,MAAM,CAAC,GAAG,6IAAA,0EAIrD,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,6BAA6B,GAAG,MAAM,CAAC,GAAG,mKAAA,8FAKtD,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,yBAAyB,GAAG,MAAM,CAAC,GAAG,mKAAA,8FAKlD,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,4BAA4B,GAAG,MAAM,CAAC,GAAG,mKAAA,8FAKrD,IAAA,CAAA"}

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

@@ -0,0 +1 @@
+export { default } from './Controls';

package/dist/components/VideoPlayer/Controls/index.js

@@ -0,0 +1,2 @@
+export { default } from './Controls';
+//# sourceMappingURL=index.js.map

package/dist/components/VideoPlayer/Controls/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/VideoPlayer/Controls/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA"}

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

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { PlaybackSpeedMenuProps } from './PlaybackSpeedMenu.interface';
+declare const PlaybackSpeedMenu: FC<PlaybackSpeedMenuProps>;
+export default PlaybackSpeedMenu;

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

@@ -0,0 +1,18 @@
+import { CSSProperties } from 'react';
+import { IDynamicPosition } from './useDynamicPosition';
+export type OnPlaybackSpeedChangeFnType = (speed: number) => void;
+export interface PlaybackSpeedMenuProps {
+    playbackSpeed: number;
+    onPlaybackSpeedChange: OnPlaybackSpeedChangeFnType;
+    menuWrapperClassName?: string;
+    labelIconClassName?: string;
+    customMenuWrapperStyles?: CSSProperties;
+    customMenuStyles?: CSSProperties;
+}
+export interface StyledPlaybackMenuProps {
+    $position: IDynamicPosition;
+}
+export interface PlaybackSpeedItem {
+    label: string;
+    value: number;
+}

package/dist/components/VideoPlayer/PlaybackSpeedMenu.interface.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=PlaybackSpeedMenu.interface.js.map

package/dist/components/VideoPlayer/PlaybackSpeedMenu.interface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlaybackSpeedMenu.interface.js","sourceRoot":"","sources":["../../../src/components/VideoPlayer/PlaybackSpeedMenu.interface.ts"],"names":[],"mappings":""}

package/dist/components/VideoPlayer/PlaybackSpeedMenu.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useTranslation } from 'react-i18next';
+import { PLAYBACK_SPEED_LIST } from './constants';
+import { StyledPlaybackMenuWrapper, StyledPlaybackMenu, StyledPlaybackSpeedItem, } from './PlaybackSpeedMenu.styles';
+import useMenuToggle from './useMenuToggle';
+import { MeterIcon, VideoCheckmarkIcon } from '../../icons';
+var PlaybackSpeedMenu = function (_a) {
+    var playbackSpeed = _a.playbackSpeed, onPlaybackSpeedChange = _a.onPlaybackSpeedChange, menuWrapperClassName = _a.menuWrapperClassName, labelIconClassName = _a.labelIconClassName, customMenuWrapperStyles = _a.customMenuWrapperStyles, customMenuStyles = _a.customMenuStyles;
+    var _b = useMenuToggle(), menuRef = _b.menuRef, isMenuActive = _b.isVisible, menuPosition = _b.menuPosition, toggleMenu = _b.toggleMenu;
+    var t = useTranslation().t;
+    return (_jsxs(StyledPlaybackMenuWrapper, { ref: menuRef, className: menuWrapperClassName, style: customMenuWrapperStyles, children: [_jsx(MeterIcon, { className: labelIconClassName, onClick: toggleMenu }), isMenuActive && (_jsxs(StyledPlaybackMenu, { "$position": menuPosition, style: customMenuStyles, children: [_jsx("h2", { children: t('general.playback_speed') }), PLAYBACK_SPEED_LIST.map(function (_a, index) {
+                        var label = _a.label, value = _a.value;
+                        return (_jsxs(StyledPlaybackSpeedItem, { onClick: function () {
+                                onPlaybackSpeedChange(value);
+                                toggleMenu();
+                            }, children: [t(label), value === playbackSpeed && _jsx(VideoCheckmarkIcon, {})] }, index));
+                    })] }))] }));
+};
+export default PlaybackSpeedMenu;
+//# sourceMappingURL=PlaybackSpeedMenu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PlaybackSpeedMenu.js","sourceRoot":"","sources":["../../../src/components/VideoPlayer/PlaybackSpeedMenu.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAE9C,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAA;AAEjD,OAAO,EACL,yBAAyB,EACzB,kBAAkB,EAClB,uBAAuB,GACxB,MAAM,4BAA4B,CAAA;AACnC,OAAO,aAAa,MAAM,iBAAiB,CAAA;AAC3C,OAAO,EAAE,SAAS,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAA;AAE3D,IAAM,iBAAiB,GAA+B,UAAC,EAOtD;QANC,aAAa,mBAAA,EACb,qBAAqB,2BAAA,EACrB,oBAAoB,0BAAA,EACpB,kBAAkB,wBAAA,EAClB,uBAAuB,6BAAA,EACvB,gBAAgB,sBAAA;IAEV,IAAA,KAAiE,aAAa,EAAE,EAA9E,OAAO,aAAA,EAAa,YAAY,eAAA,EAAE,YAAY,kBAAA,EAAE,UAAU,gBAAoB,CAAA;IAC9E,IAAA,CAAC,GAAK,cAAc,EAAE,EAArB,CAAqB;IAE9B,OAAO,CACL,MAAC,yBAAyB,IACxB,GAAG,EAAE,OAAO,EACZ,SAAS,EAAE,oBAAoB,EAC/B,KAAK,EAAE,uBAAuB,aAE9B,KAAC,SAAS,IAAC,SAAS,EAAE,kBAAkB,EAAE,OAAO,EAAE,UAAU,GAAI,EAEhE,YAAY,IAAI,CACf,MAAC,kBAAkB,iBAAY,YAAY,EAAE,KAAK,EAAE,gBAAgB,aAClE,uBAAK,CAAC,CAAC,wBAAwB,CAAC,GAAM,EACrC,mBAAmB,CAAC,GAAG,CAAC,UAAC,EAAgB,EAAE,KAAK;4BAArB,KAAK,WAAA,EAAE,KAAK,WAAA;wBAAc,OAAA,CACpD,MAAC,uBAAuB,IAEtB,OAAO,EAAE;gCACP,qBAAqB,CAAC,KAAK,CAAC,CAAA;gCAC5B,UAAU,EAAE,CAAA;4BACd,CAAC,aAEA,CAAC,CAAC,KAAK,CAAC,EACR,KAAK,KAAK,aAAa,IAAI,KAAC,kBAAkB,KAAG,KAP7C,KAAK,CAQc,CAC3B;oBAXqD,CAWrD,CAAC,IACiB,CACtB,IACyB,CAC7B,CAAA;AACH,CAAC,CAAA;AAED,eAAe,iBAAiB,CAAA"}

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

@@ -0,0 +1,4 @@
+import { StyledPlaybackMenuProps } from './PlaybackSpeedMenu.interface';
+export declare const StyledPlaybackMenuWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledPlaybackMenu: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledPlaybackMenuProps>> & string;
+export declare const StyledPlaybackSpeedItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;

package/dist/components/VideoPlayer/PlaybackSpeedMenu.styles.js

@@ -0,0 +1,18 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import styled from 'styled-components';
+import { DropdownHorizontalPositionEnum, DropdownVerticalPositionEnum } from './useMenuToggle';
+export var StyledPlaybackMenuWrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  position: relative;\n\n  & > svg {\n    cursor: pointer;\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  position: relative;\n\n  & > svg {\n    cursor: pointer;\n  }\n"])));
+export var StyledPlaybackMenu = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position: absolute;\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  border-radius: 8px;\n  background: var(--neutral-colors-light);\n  box-shadow: 0px 4px 20px 0px rgba(71, 85, 105, 0.12);\n  width: 220px;\n  height: 312px;\n  ", "\n  padding: 8px 16px;\n  transition:\n    opacity 0.3s,\n    visibility 0.3s;\n  overflow: scroll;\n\n  & > h2 {\n    ", "\n    color: #0f172a;\n  }\n\n  @media screen and (max-width: 1500px) {\n    width: 180px;\n    height: 250px;\n    gap: 12px;\n\n    & > h2 {\n      ", "\n      font-weight: 600;\n    }\n  }\n\n  @media screen and (max-width: 1100px) {\n    width: 140px;\n    height: 200px;\n    gap: 8px;\n  }\n"], ["\n  position: absolute;\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  border-radius: 8px;\n  background: var(--neutral-colors-light);\n  box-shadow: 0px 4px 20px 0px rgba(71, 85, 105, 0.12);\n  width: 220px;\n  height: 312px;\n  ", "\n  padding: 8px 16px;\n  transition:\n    opacity 0.3s,\n    visibility 0.3s;\n  overflow: scroll;\n\n  & > h2 {\n    ", "\n    color: #0f172a;\n  }\n\n  @media screen and (max-width: 1500px) {\n    width: 180px;\n    height: 250px;\n    gap: 12px;\n\n    & > h2 {\n      ", "\n      font-weight: 600;\n    }\n  }\n\n  @media screen and (max-width: 1100px) {\n    width: 140px;\n    height: 200px;\n    gap: 8px;\n  }\n"])), function (_a) {
+    var $position = _a.$position;
+    return "\n    ".concat($position.vertical === DropdownVerticalPositionEnum.Top
+        ? 'bottom: calc(100% + 8px);'
+        : 'top: calc(100% + 8px);', "\n    ").concat($position.horizontal === DropdownHorizontalPositionEnum.Left
+        ? 'right: calc(100% + 8px);'
+        : 'left: calc(100% + 8px);', "\n  ");
+}, { fontStyle: 'labelM' }, { fontStyle: 'bodyS' });
+export var StyledPlaybackSpeedItem = styled.p(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  ", "\n  font-weight: 400;\n  color: #020210;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 16px;\n  transition: 0.6s cubic-bezier(0.79, 0.01, 0.15, 0.99);\n\n  @media screen and (max-width: 1500px) {\n    ", "\n  }\n"], ["\n  ", "\n  font-weight: 400;\n  color: #020210;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 16px;\n  transition: 0.6s cubic-bezier(0.79, 0.01, 0.15, 0.99);\n\n  @media screen and (max-width: 1500px) {\n    ", "\n  }\n"])), { fontStyle: 'labelM' }, { fontStyle: 'bodyS' });
+var templateObject_1, templateObject_2, templateObject_3;
+//# sourceMappingURL=PlaybackSpeedMenu.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PlaybackSpeedMenu.styles.js","sourceRoot":"","sources":["../../../src/components/VideoPlayer/PlaybackSpeedMenu.styles.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAGtC,OAAO,EAAE,8BAA8B,EAAE,4BAA4B,EAAE,MAAM,iBAAiB,CAAA;AAE9F,MAAM,CAAC,IAAM,yBAAyB,GAAG,MAAM,CAAC,GAAG,kLAAA,+GAQlD,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,kuBAAyB,uPAUjE,EAWD,yHAQG,EAAuB,wJAUrB,EAAsB,iJAU7B,KAvCG,UAAC,EAAa;QAAX,SAAS,eAAA;IAAe,OAAA,gBAEzB,SAAS,CAAC,QAAQ,KAAK,4BAA4B,CAAC,GAAG;QACrD,CAAC,CAAC,2BAA2B;QAC7B,CAAC,CAAC,wBAAwB,mBAG5B,SAAS,CAAC,UAAU,KAAK,8BAA8B,CAAC,IAAI;QAC1D,CAAC,CAAC,0BAA0B;QAC5B,CAAC,CAAC,yBAAyB,SAEhC;AAX4B,CAW5B,EAQG,EAAE,SAAS,EAAE,QAAQ,EAAE,EAUrB,EAAE,SAAS,EAAE,OAAO,EAAE,CAU7B,CAAA;AAED,MAAM,CAAC,IAAM,uBAAuB,GAAG,MAAM,CAAC,CAAC,4VAAA,MAC3C,EAAuB,sQAWrB,EAAsB,SAE3B,KAbG,EAAE,SAAS,EAAE,QAAQ,EAAE,EAWrB,EAAE,SAAS,EAAE,OAAO,EAAE,CAE3B,CAAA"}

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

@@ -1,11 +1,3 @@
-import PropTypes from 'prop-types';
-import 'video-react/dist/video-react.css';
-export declare const VideoPlayer: {
-    (props: any): import("react/jsx-runtime").JSX.Element;
-    propTypes: {
-        url: PropTypes.Requireable<string>;
-        thumbnail: PropTypes.Requireable<string>;
-        subtitle: PropTypes.Requireable<string>;
-        downloadLink: PropTypes.Requireable<string>;
-    };
-};
+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;

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

@@ -0,0 +1,63 @@
+import React, { RefObject } from 'react';
+import ReactPlayer from 'react-player';
+import { ControlsProps } from './Controls/Controls.interface';
+export interface VideoState {
+    muted: boolean;
+    volume: number;
+    prevVolume: number;
+    playbackRate: number;
+    played: number;
+    seeking: boolean;
+    buffer: boolean;
+}
+type HandleNextVideo = () => void;
+type HandlePreviousVideo = () => void;
+export interface PlayerProps {
+    customStyles?: React.CSSProperties;
+    startTime?: number;
+    loading: boolean;
+    setLoading: React.Dispatch<React.SetStateAction<boolean>>;
+    url: string;
+    subtitle: string;
+    handleTrackProgress: (currentTime: number) => void;
+    handleNextVideo?: HandleNextVideo;
+    handlePreviousVideo?: HandlePreviousVideo;
+    isNextVideo?: boolean;
+    isPreviousVideo?: boolean;
+    isPlaying: boolean;
+    setIsPlaying: React.Dispatch<React.SetStateAction<boolean>>;
+    shouldPlayerBeFocusedOnSpaceClick?: boolean;
+    showFavorite?: boolean;
+    isFavorite?: boolean;
+    toggleFavorite?: () => Promise<void>;
+}
+export interface UsePlayerControlsProps {
+    startTime?: number;
+    setLoading: React.Dispatch<React.SetStateAction<boolean>>;
+    url: string;
+    handleTrackProgress: (currentTime: number) => void;
+    subtitleUrl: string;
+    isPlaying: boolean;
+    setIsPlaying: React.Dispatch<React.SetStateAction<boolean>>;
+    shouldPlayerBeFocusedOnSpaceClick: boolean;
+}
+export interface ProgressState {
+    played: number;
+    playedSeconds: number;
+    loaded: number;
+    loadedSeconds: number;
+}
+export interface UsePlayerControlsState extends Omit<ControlsProps, 'isFavorite' | 'toggleIsFavorite'> {
+    mouseMoveHandler: () => void;
+    playerContainerRef: RefObject<HTMLDivElement>;
+    videoPlayerRef: RefObject<ReactPlayer>;
+    progressHandler: (state: ProgressState) => Promise<void>;
+    bufferStartHandler: () => void;
+    bufferEndHandler: () => void;
+    onPlayerStart: () => void;
+    controlRef: RefObject<HTMLDivElement>;
+    isFullscreen: boolean;
+    isControlsActive: boolean;
+    currentSubtitle: string;
+}
+export {};

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Player.interface.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Player.interface.js","sourceRoot":"","sources":["../../../src/components/VideoPlayer/Player.interface.ts"],"names":[],"mappings":""}

package/dist/components/VideoPlayer/Player.js

@@ -1,102 +1,87 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-// disabled eslint for this file as react-player is not fully compatible with typescript
-/* eslint-disable */
-//@ts-nocheck
-import { useEffect, useRef, useState } from 'react';
-import PropTypes from 'prop-types';
-import Hls from 'hls.js';
-import { Player, ControlBar, PlaybackRateMenuButton, BigPlayButton } from 'video-react';
-import 'video-react/dist/video-react.css';
-import { ButtonWrapper, Container, QualityButtonWrapper, 
-// StyledQualityMenu,
-StyledQualityMenuItem, 
-// StyledVideo,
-SubtitlesMenuContainer, DownloadWrapper, } from './styled-components';
-import { useTranslation } from 'react-i18next';
-import { ClosedCaptionIcon, CloudDownloadIcon } from '../../icons';
-import useOutsideClick from '../../helperFunctions/useOutsideClick';
-var SubtitlesButton = function (_a) {
-    var subtitles = _a.subtitles, setSubtitles = _a.setSubtitles;
-    var _b = useState(false), open = _b[0], setOpen = _b[1];
-    var ref = useRef();
-    var t = useTranslation().t;
-    useOutsideClick(ref, function () { return open && setOpen(false); });
-    return (_jsxs(QualityButtonWrapper, { ref: ref, children: [_jsx(ButtonWrapper, { onClick: function () { return setOpen(!open); }, children: _jsx(ClosedCaptionIcon, { fontSize: 'small' }) }), open && (_jsxs(SubtitlesMenuContainer, { children: [_jsx(StyledQualityMenuItem, { onClick: function () { return setSubtitles('off'); }, color: subtitles === 'off', children: t('general.off') }), _jsx(StyledQualityMenuItem, { onClick: function () { return setSubtitles('on'); }, color: subtitles === 'on', children: t('general.on') })] }))] }));
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
 };
-// commented out Quality menu for now as we only playing 720p hls videos
-// const QualityMenu = ({ setQuality, quality }) => {
-//   const [open, setOpen] = useState(false)
-//   const ref = useRef()
-//   const selectOptions = (i) => {
-//     setQuality(i)
-//   }
-//   useOutsideClick(ref, () => open && setOpen(false))
-//   return (
-//     <QualityButtonWrapper ref={ref}>
-//       <ButtonWrapper onClick={() => setOpen(!open)}>
-//         {quality === 2 ? (
-//           <HighQualityIcon fontSize="small" />
-//         ) : (
-//           <HdIcon fontSize="small" />
-//         )}
-//       </ButtonWrapper>
-//       {open && (
-//         <StyledQualityMenu>
-//           {['360p', '720p', '1080p'].map((item, index) => (
-//             <StyledQualityMenuItem
-//               key=""
-//               onClick={() => selectOptions(index)}
-//               color={quality === index}
-//             >
-//               {item}
-//             </StyledQualityMenuItem>
-//           ))}
-//         </StyledQualityMenu>
-//       )}
-//     </QualityButtonWrapper>
-//   )
-// }
-var HlsVideoSrc = function (props) {
-    var hlsRef = useRef();
-    var video = props.video, url = props.url, type = props.type, showSubtitles = props.showSubtitles;
-    useEffect(function () {
-        if (!Hls.isSupported())
-            return;
-        hlsRef.current = new Hls();
-        hlsRef.current.loadSource(url);
-        hlsRef.current.attachMedia(video);
-        hlsRef.current.subtitleDisplay = false;
-    }, [url]);
-    useEffect(function () {
-        if (!hlsRef)
-            return;
-        hlsRef.current.subtitleDisplay = showSubtitles === 'on';
-    }, [showSubtitles]);
-    return (_jsx(_Fragment, { children: _jsx("source", { src: url, type: type || 'application/x-mpegURL' }) }));
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
 };
-export var VideoPlayer = function (props) {
-    var _a = useState('off'), subtitles = _a[0], setSubtitles = _a[1];
-    var ref = useRef();
-    useEffect(function () {
-        ref.current.playbackRate = 2;
-        ref.current.forceUpdate();
-    }, []);
-    return (_jsx(Container, { children: _jsxs(Player, { ref: ref, width: 700, height: 400, poster: props.thumbnail, crossOrigin: 'anonymous', children: [_jsx(BigPlayButton, { position: 'center' }), _jsx(HlsVideoSrc, { isVideoChild: true, video: ref.current, url: props.url, showSubtitles: subtitles }), _jsxs(ControlBar, { children: [_jsx(PlaybackRateMenuButton, { rates: [3, 2, 1.6, 1.2, 1, 0.5, 0.1], order: 7 }), props.subtitle && (_jsx(SubtitlesButton, { order: 7, setSubtitles: setSubtitles, subtitles: subtitles, list: props.subtitle })), props.downloadLink && (_jsx(DownloadWrapper, { order: 7, children: _jsx("a", { href: props.downloadLink, rel: 'noreferrer', target: '_blank', download: true, children: _jsx(CloudDownloadIcon, { fontSize: 'small' }) }) }))] })] }) }));
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
 };
-HlsVideoSrc.propTypes = {
-    url: PropTypes.string,
-    type: PropTypes.string,
-    video: PropTypes.object,
-    showSubtitles: PropTypes.string,
-};
-VideoPlayer.propTypes = {
-    url: PropTypes.string,
-    thumbnail: PropTypes.string,
-    subtitle: PropTypes.string,
-    downloadLink: PropTypes.string,
-};
-SubtitlesButton.propTypes = {
-    setSubtitles: PropTypes.func,
-    subtitles: PropTypes.string,
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import ReactPlayer from 'react-player';
+import { StyledWrapper, StyledPlayerLoader, StyledControlsContainer, StyledVideoPlayerWrapper, StyledLoader, StyledSubtitles, } from './Player.styles';
+import Controls from './Controls';
+import usePlayerControls from './usePlayerControls';
+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) {
+        return [2 /*return*/];
+    }); }); } : _e;
+    var _f = usePlayerControls({
+        startTime: startTime,
+        setLoading: setLoading,
+        handleTrackProgress: handleTrackProgress,
+        url: url,
+        subtitleUrl: subtitleUrl,
+        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,
+                            },
+                        },
+                    } }, 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 }))] }));
 };
 //# 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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"}