suada-components 1.0.2504170948 → 1.1.0

package/dist/components/YouTube-vwMwhQ13.esm.js

@@ -0,0 +1,258 @@
+import { r as requireUtils, a as requirePatterns, g as getDefaultExportFromCjs } from './index-DLzCbCHu.esm.js';
+import React__default from 'react';
+
+function _mergeNamespaces(n, m) {
+  m.forEach(function (e) {
+    e && typeof e !== 'string' && !Array.isArray(e) && Object.keys(e).forEach(function (k) {
+      if (k !== 'default' && !(k in n)) {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  });
+  return Object.freeze(n);
+}
+
+var YouTube_1;
+var hasRequiredYouTube;
+
+function requireYouTube () {
+	if (hasRequiredYouTube) return YouTube_1;
+	hasRequiredYouTube = 1;
+	var __create = Object.create;
+	var __defProp = Object.defineProperty;
+	var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+	var __getOwnPropNames = Object.getOwnPropertyNames;
+	var __getProtoOf = Object.getPrototypeOf;
+	var __hasOwnProp = Object.prototype.hasOwnProperty;
+	var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+	var __export = (target, all) => {
+	  for (var name in all)
+	    __defProp(target, name, { get: all[name], enumerable: true });
+	};
+	var __copyProps = (to, from, except, desc) => {
+	  if (from && typeof from === "object" || typeof from === "function") {
+	    for (let key of __getOwnPropNames(from))
+	      if (!__hasOwnProp.call(to, key) && key !== except)
+	        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+	  }
+	  return to;
+	};
+	var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+	  // If the importer is in node compatibility mode or this is not an ESM
+	  // file that has been converted to a CommonJS file using a Babel-
+	  // compatible transform (i.e. "__esModule" has not been set), then set
+	  // "default" to the CommonJS "module.exports" for node compatibility.
+	  !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+	  mod
+	));
+	var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+	var __publicField = (obj, key, value) => {
+	  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+	  return value;
+	};
+	var YouTube_exports = {};
+	__export(YouTube_exports, {
+	  default: () => YouTube
+	});
+	YouTube_1 = __toCommonJS(YouTube_exports);
+	var import_react = __toESM(React__default);
+	var import_utils = /*@__PURE__*/ requireUtils();
+	var import_patterns = /*@__PURE__*/ requirePatterns();
+	const SDK_URL = "https://www.youtube.com/iframe_api";
+	const SDK_GLOBAL = "YT";
+	const SDK_GLOBAL_READY = "onYouTubeIframeAPIReady";
+	const MATCH_PLAYLIST = /[?&](?:list|channel)=([a-zA-Z0-9_-]+)/;
+	const MATCH_USER_UPLOADS = /user\/([a-zA-Z0-9_-]+)\/?/;
+	const MATCH_NOCOOKIE = /youtube-nocookie\.com/;
+	const NOCOOKIE_HOST = "https://www.youtube-nocookie.com";
+	class YouTube extends import_react.Component {
+	  constructor() {
+	    super(...arguments);
+	    __publicField(this, "callPlayer", import_utils.callPlayer);
+	    __publicField(this, "parsePlaylist", (url) => {
+	      if (url instanceof Array) {
+	        return {
+	          listType: "playlist",
+	          playlist: url.map(this.getID).join(",")
+	        };
+	      }
+	      if (MATCH_PLAYLIST.test(url)) {
+	        const [, playlistId] = url.match(MATCH_PLAYLIST);
+	        return {
+	          listType: "playlist",
+	          list: playlistId.replace(/^UC/, "UU")
+	        };
+	      }
+	      if (MATCH_USER_UPLOADS.test(url)) {
+	        const [, username] = url.match(MATCH_USER_UPLOADS);
+	        return {
+	          listType: "user_uploads",
+	          list: username
+	        };
+	      }
+	      return {};
+	    });
+	    __publicField(this, "onStateChange", (event) => {
+	      const { data } = event;
+	      const { onPlay, onPause, onBuffer, onBufferEnd, onEnded, onReady, loop, config: { playerVars, onUnstarted } } = this.props;
+	      const { UNSTARTED, PLAYING, PAUSED, BUFFERING, ENDED, CUED } = window[SDK_GLOBAL].PlayerState;
+	      if (data === UNSTARTED)
+	        onUnstarted();
+	      if (data === PLAYING) {
+	        onPlay();
+	        onBufferEnd();
+	      }
+	      if (data === PAUSED)
+	        onPause();
+	      if (data === BUFFERING)
+	        onBuffer();
+	      if (data === ENDED) {
+	        const isPlaylist = !!this.callPlayer("getPlaylist");
+	        if (loop && !isPlaylist) {
+	          if (playerVars.start) {
+	            this.seekTo(playerVars.start);
+	          } else {
+	            this.play();
+	          }
+	        }
+	        onEnded();
+	      }
+	      if (data === CUED)
+	        onReady();
+	    });
+	    __publicField(this, "mute", () => {
+	      this.callPlayer("mute");
+	    });
+	    __publicField(this, "unmute", () => {
+	      this.callPlayer("unMute");
+	    });
+	    __publicField(this, "ref", (container) => {
+	      this.container = container;
+	    });
+	  }
+	  componentDidMount() {
+	    this.props.onMount && this.props.onMount(this);
+	  }
+	  getID(url) {
+	    if (!url || url instanceof Array || MATCH_PLAYLIST.test(url)) {
+	      return null;
+	    }
+	    return url.match(import_patterns.MATCH_URL_YOUTUBE)[1];
+	  }
+	  load(url, isReady) {
+	    const { playing, muted, playsinline, controls, loop, config, onError } = this.props;
+	    const { playerVars, embedOptions } = config;
+	    const id = this.getID(url);
+	    if (isReady) {
+	      if (MATCH_PLAYLIST.test(url) || MATCH_USER_UPLOADS.test(url) || url instanceof Array) {
+	        this.player.loadPlaylist(this.parsePlaylist(url));
+	        return;
+	      }
+	      this.player.cueVideoById({
+	        videoId: id,
+	        startSeconds: (0, import_utils.parseStartTime)(url) || playerVars.start,
+	        endSeconds: (0, import_utils.parseEndTime)(url) || playerVars.end
+	      });
+	      return;
+	    }
+	    (0, import_utils.getSDK)(SDK_URL, SDK_GLOBAL, SDK_GLOBAL_READY, (YT) => YT.loaded).then((YT) => {
+	      if (!this.container)
+	        return;
+	      this.player = new YT.Player(this.container, {
+	        width: "100%",
+	        height: "100%",
+	        videoId: id,
+	        playerVars: {
+	          autoplay: playing ? 1 : 0,
+	          mute: muted ? 1 : 0,
+	          controls: controls ? 1 : 0,
+	          start: (0, import_utils.parseStartTime)(url),
+	          end: (0, import_utils.parseEndTime)(url),
+	          origin: window.location.origin,
+	          playsinline: playsinline ? 1 : 0,
+	          ...this.parsePlaylist(url),
+	          ...playerVars
+	        },
+	        events: {
+	          onReady: () => {
+	            if (loop) {
+	              this.player.setLoop(true);
+	            }
+	            this.props.onReady();
+	          },
+	          onPlaybackRateChange: (event) => this.props.onPlaybackRateChange(event.data),
+	          onPlaybackQualityChange: (event) => this.props.onPlaybackQualityChange(event),
+	          onStateChange: this.onStateChange,
+	          onError: (event) => onError(event.data)
+	        },
+	        host: MATCH_NOCOOKIE.test(url) ? NOCOOKIE_HOST : void 0,
+	        ...embedOptions
+	      });
+	    }, onError);
+	    if (embedOptions.events) {
+	      console.warn("Using `embedOptions.events` will likely break things. Use ReactPlayer\u2019s callback props instead, eg onReady, onPlay, onPause");
+	    }
+	  }
+	  play() {
+	    this.callPlayer("playVideo");
+	  }
+	  pause() {
+	    this.callPlayer("pauseVideo");
+	  }
+	  stop() {
+	    if (!document.body.contains(this.callPlayer("getIframe")))
+	      return;
+	    this.callPlayer("stopVideo");
+	  }
+	  seekTo(amount, keepPlaying = false) {
+	    this.callPlayer("seekTo", amount);
+	    if (!keepPlaying && !this.props.playing) {
+	      this.pause();
+	    }
+	  }
+	  setVolume(fraction) {
+	    this.callPlayer("setVolume", fraction * 100);
+	  }
+	  setPlaybackRate(rate) {
+	    this.callPlayer("setPlaybackRate", rate);
+	  }
+	  setLoop(loop) {
+	    this.callPlayer("setLoop", loop);
+	  }
+	  getDuration() {
+	    return this.callPlayer("getDuration");
+	  }
+	  getCurrentTime() {
+	    return this.callPlayer("getCurrentTime");
+	  }
+	  getSecondsLoaded() {
+	    return this.callPlayer("getVideoLoadedFraction") * this.getDuration();
+	  }
+	  render() {
+	    const { display } = this.props;
+	    const style = {
+	      width: "100%",
+	      height: "100%",
+	      display
+	    };
+	    return /* @__PURE__ */ import_react.default.createElement("div", { style }, /* @__PURE__ */ import_react.default.createElement("div", { ref: this.ref }));
+	  }
+	}
+	__publicField(YouTube, "displayName", "YouTube");
+	__publicField(YouTube, "canPlay", import_patterns.canPlay.youtube);
+	return YouTube_1;
+}
+
+var YouTubeExports = /*@__PURE__*/ requireYouTube();
+var YouTube = /*@__PURE__*/getDefaultExportFromCjs(YouTubeExports);
+
+var YouTube$1 = /*#__PURE__*/_mergeNamespaces({
+  __proto__: null,
+  default: YouTube
+}, [YouTubeExports]);
+
+export { YouTube$1 as Y };

package/dist/components/components/Button/Button.interface.d.ts

@@ -37,4 +37,5 @@ export interface ButtonState {
 export interface StyledButtonProps {
     $type: ButtonType;
     $size: ButtonSize;
+    theme: any;
 }

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

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

package/dist/components/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/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/components/VideoPlayer/Controls/index.d.ts

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

package/dist/components/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/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/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/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/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/components/VideoPlayer/Player.styles.d.ts

@@ -0,0 +1,8 @@
+export declare const StyledVideoPlayerWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledPlayerLoader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledLoader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledControlsContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+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;

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

@@ -0,0 +1,2 @@
+import { PlaybackSpeedItem } from '../PlaybackSpeedMenu.interface';
+export declare const PLAYBACK_SPEED_LIST: PlaybackSpeedItem[];

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

@@ -0,0 +1,6 @@
+export interface SubtitleEntry {
+    start: number;
+    end: number;
+    text: string;
+}
+export declare function parseVTT(content: string): SubtitleEntry[];

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

@@ -0,0 +1,5 @@
+export declare const ConvertSecondsToReadableFormat: (duration: number) => string;
+export declare const FormatSecondsToTimeString: (time: number) => string;
+export declare const postTimeFormatter: (postCreateTimestamp: number) => string;
+export declare const commentTimeFormatter: (commentTimestamp: number, includeAgo?: boolean) => string;
+export declare const convertTimestampToDateShortFormat: (timestamp: number) => string;

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

@@ -0,0 +1,16 @@
+import { RefObject } from 'react';
+export declare enum DropdownVerticalPositionEnum {
+    Top = "top",
+    Bottom = "bottom"
+}
+export declare enum DropdownHorizontalPositionEnum {
+    Left = "left",
+    Right = "right"
+}
+export interface IDynamicPosition {
+    vertical: DropdownVerticalPositionEnum;
+    horizontal: DropdownHorizontalPositionEnum;
+}
+type UseDynamicPositionHookFnType = (isActive: boolean, ref: RefObject<HTMLElement>, offset?: number) => IDynamicPosition;
+declare const useDynamicPosition: UseDynamicPositionHookFnType;
+export default useDynamicPosition;

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

@@ -0,0 +1,3 @@
+import { RefObject } from 'react';
+declare const useEventListener: <T extends HTMLElement = HTMLDivElement>(eventName: keyof WindowEventMap, handler: (event: KeyboardEvent | Event) => void, element?: RefObject<T> | Window | null, shouldRun?: () => boolean) => void;
+export default useEventListener;

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

@@ -0,0 +1,22 @@
+import { Dispatch, SetStateAction } from 'react';
+export declare enum DropdownVerticalPositionEnum {
+    Top = "top",
+    Bottom = "bottom"
+}
+export declare enum DropdownHorizontalPositionEnum {
+    Left = "left",
+    Right = "right"
+}
+export interface IDynamicPosition {
+    vertical: DropdownVerticalPositionEnum;
+    horizontal: DropdownHorizontalPositionEnum;
+}
+type UseMenuToggleHookFnType = (initialIsVisible?: boolean, offset?: number) => {
+    menuRef: React.RefObject<HTMLDivElement>;
+    isVisible: boolean;
+    setIsVisible: Dispatch<SetStateAction<boolean>>;
+    menuPosition: IDynamicPosition;
+    toggleMenu: () => void;
+};
+declare const useMenuToggle: UseMenuToggleHookFnType;
+export default useMenuToggle;

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

@@ -0,0 +1,3 @@
+import { RefObject } from 'react';
+declare const useOnOutsideClick: (ref: RefObject<HTMLElement>, handler: (event: MouseEvent) => void) => void;
+export default useOnOutsideClick;

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

@@ -0,0 +1,3 @@
+import { UsePlayerControlsProps, UsePlayerControlsState } from './Player.interface';
+declare function usePlayerControls({ startTime, setLoading, handleTrackProgress, url, subtitleUrl, setIsPlaying, isPlaying, shouldPlayerBeFocusedOnSpaceClick, }: UsePlayerControlsProps): UsePlayerControlsState;
+export default usePlayerControls;

package/dist/components/icons/Heart.d.ts

@@ -0,0 +1,7 @@
+import React, { SVGProps } from 'react';
+export interface SvgProps extends SVGProps<SVGSVGElement> {
+    className?: string;
+    onClick?: () => void;
+    active?: boolean;
+}
+export declare const HeartIcon: React.FC<SvgProps>;

package/dist/components/icons/Maximize.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { SvgProps } from './svgTypes.interface';
+export declare const MaximizeIcon: React.FC<SvgProps>;

package/dist/components/icons/Meter.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { SvgProps } from './svgTypes.interface';
+export declare const MeterIcon: React.FC<SvgProps>;

package/dist/components/icons/Minimize.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { SvgProps } from './svgTypes.interface';
+export declare const MinimizeIcon: React.FC<SvgProps>;

package/dist/components/icons/Pause.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { SvgProps } from './svgTypes.interface';
+export declare const PauseIcon: React.FC<SvgProps>;

package/dist/components/icons/Play.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { SvgProps } from './svgTypes.interface';
+export declare const PlayIcon: React.FC<SvgProps>;

package/dist/components/icons/Rewind.d.ts

@@ -0,0 +1,7 @@
+import React, { SVGProps } from 'react';
+export interface SvgProps extends SVGProps<SVGSVGElement> {
+    className?: string;
+    onClick?: () => void;
+    forward?: boolean;
+}
+export declare const RewindIcon: React.FC<SvgProps>;

package/dist/components/icons/Skip.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface SvgProps {
+    className?: string;
+    onClick?: () => void;
+    forward?: boolean;
+}
+export declare const SkipIcon: React.FC<SvgProps>;
+export {};

package/dist/components/icons/Subtitles.d.ts

@@ -0,0 +1,7 @@
+import React, { SVGProps } from 'react';
+export interface SvgProps extends SVGProps<SVGSVGElement> {
+    className?: string;
+    onClick?: () => void;
+    active?: boolean;
+}
+export declare const SubtitlesIcon: React.FC<SvgProps>;

package/dist/components/icons/VideoCheckmark.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { SvgProps } from './svgTypes.interface';
+export declare const VideoCheckmarkIcon: React.FC<SvgProps>;

package/dist/components/icons/VolumeMute.d.ts

@@ -0,0 +1,8 @@
+import React, { SVGProps } from 'react';
+export interface SvgProps extends SVGProps<SVGSVGElement> {
+    className?: string;
+    onClick?: () => void;
+    dark?: boolean;
+    props?: SVGProps<SVGSVGElement>;
+}
+export declare const VolumeMuteIcon: React.FC<SvgProps>;

package/dist/components/icons/VolumeUp.d.ts

@@ -0,0 +1,8 @@
+import React, { SVGProps } from 'react';
+export interface SvgProps extends SVGProps<SVGSVGElement> {
+    className?: string;
+    onClick?: () => void;
+    dark?: boolean;
+    props?: SVGProps<SVGSVGElement>;
+}
+export declare const VolumeUpIcon: React.FC<SvgProps>;

package/dist/components/icons/index.d.ts

@@ -1,4 +1,15 @@
 export { ActivityIcon } from './Activity';
+export { VideoCheckmarkIcon } from './VideoCheckmark';
+export { HeartIcon } from './Heart';
+export { MinimizeIcon } from './Minimize';
+export { MaximizeIcon } from './Maximize';
+export { PauseIcon } from './Pause';
+export { VolumeMuteIcon } from './VolumeMute';
+export { PlayIcon } from './Play';
+export { RewindIcon } from './Rewind';
+export { SkipIcon } from './Skip';
+export { SubtitlesIcon } from './Subtitles';
+export { MeterIcon } from './Meter';
 export { ArrowDropDownIcon } from './ArrowDropDownIcon';
 export { Analytics } from './Analytics';
 export { AddAlt } from './AddAlt';