suada-components 1.0.2504230710 → 1.1.1

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

@@ -0,0 +1,17 @@
+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, { keyframes } from 'styled-components';
+export var StyledVideoPlayerWrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  cursor: pointer;\n  border-radius: 8px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  & > .react-player {\n    position: absolute;\n    top: 0;\n    left: 0;\n    height: 100%;\n    width: 100%;\n    border-radius: 8px;\n    height: 50%;\n\n    & > video {\n      height: fit-content;\n      width: 100%;\n      object-fit: contain;\n      border-radius: 8px;\n      background-color: var(--neutral-colors-dark);\n    }\n  }\n"], ["\n  cursor: pointer;\n  border-radius: 8px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  & > .react-player {\n    position: absolute;\n    top: 0;\n    left: 0;\n    height: 100%;\n    width: 100%;\n    border-radius: 8px;\n    height: 50%;\n\n    & > video {\n      height: fit-content;\n      width: 100%;\n      object-fit: contain;\n      border-radius: 8px;\n      background-color: var(--neutral-colors-dark);\n    }\n  }\n"])));
+export var StyledWrapper = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position: relative;\n  z-index: 1;\n  width: 100%;\n  border-radius: 8px;\n  overflow: hidden;\n\n  &::before {\n    content: '';\n    display: block;\n    padding-top: 56.25%;\n  }\n\n  & > ", " {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n  }\n"], ["\n  position: relative;\n  z-index: 1;\n  width: 100%;\n  border-radius: 8px;\n  overflow: hidden;\n\n  &::before {\n    content: '';\n    display: block;\n    padding-top: 56.25%;\n  }\n\n  & > ", " {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n  }\n"])), StyledVideoPlayerWrapper);
+export var StyledPlayerLoader = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  border-radius: 8px;\n  background: #e7e9ed;\n  display: flex;\n  align-items: center;\n  top: 0;\n  bottom: 0;\n  margin: auto 0;\n  color: var(--neutral-colors-light);\n  justify-content: center;\n  z-index: 5;\n"], ["\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  border-radius: 8px;\n  background: #e7e9ed;\n  display: flex;\n  align-items: center;\n  top: 0;\n  bottom: 0;\n  margin: auto 0;\n  color: var(--neutral-colors-light);\n  justify-content: center;\n  z-index: 5;\n"])));
+var rotate = keyframes(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n"], ["\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n"])));
+export var StyledLoader = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  margin: 60px auto;\n  font-size: 10px;\n  position: relative;\n  text-indent: -9999em;\n  border-top: 3px solid var(--neutral-colors-light);\n  border-right: 3px solid var(--neutral-colors-light);\n  border-bottom: 3px solid var(--neutral-colors-light);\n  border-left: 3px solid var(--brand-colors-accent);\n  transform: translateZ(0);\n  animation: ", " 1.1s infinite linear;\n  border-radius: 50%;\n  width: 46px;\n  height: 46px;\n\n  &:after {\n    border-radius: 50%;\n    width: 46px;\n    height: 46px;\n  }\n"], ["\n  margin: 60px auto;\n  font-size: 10px;\n  position: relative;\n  text-indent: -9999em;\n  border-top: 3px solid var(--neutral-colors-light);\n  border-right: 3px solid var(--neutral-colors-light);\n  border-bottom: 3px solid var(--neutral-colors-light);\n  border-left: 3px solid var(--brand-colors-accent);\n  transform: translateZ(0);\n  animation: ", " 1.1s infinite linear;\n  border-radius: 50%;\n  width: 46px;\n  height: 46px;\n\n  &:after {\n    border-radius: 50%;\n    width: 46px;\n    height: 46px;\n  }\n"])), rotate);
+export var StyledControlsContainer = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  width: 100%;\n  height: fit-content;\n  display: flex;\n  align-items: flex-end;\n  position: absolute;\n  flex-direction: column;\n  left: 0;\n  bottom: 0;\n  z-index: 2;\n"], ["\n  width: 100%;\n  height: fit-content;\n  display: flex;\n  align-items: flex-end;\n  position: absolute;\n  flex-direction: column;\n  left: 0;\n  bottom: 0;\n  z-index: 2;\n"])));
+export var StyledSubtitles = styled.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  background-color: rgba(2, 2, 16, 0.32);\n  color: #fff;\n  font-family: 'Open Sans', sans-serif;\n  font-size: 18px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 150%;\n  padding: 8px;\n  position: absolute;\n  z-index: 100;\n  bottom: ", ";\n  right: 0;\n  left: 0;\n  width: fit-content;\n  margin: 0 auto;\n  max-width: 80%;\n  width: fit-content;\n"], ["\n  background-color: rgba(2, 2, 16, 0.32);\n  color: #fff;\n  font-family: 'Open Sans', sans-serif;\n  font-size: 18px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 150%;\n  padding: 8px;\n  position: absolute;\n  z-index: 100;\n  bottom: ", ";\n  right: 0;\n  left: 0;\n  width: fit-content;\n  margin: 0 auto;\n  max-width: 80%;\n  width: fit-content;\n"])), function (_a) {
+    var $controls = _a.$controls;
+    return ($controls ? '60px' : '10px');
+});
+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

@@ -0,0 +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"}

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

@@ -1,26 +1,10 @@
-declare const _default: {
-    title: string;
-    component: {
-        (props: any): import("react/jsx-runtime").JSX.Element;
-        propTypes: {
-            url: import("prop-types").Requireable<string>;
-            thumbnail: import("prop-types").Requireable<string>;
-            subtitle: import("prop-types").Requireable<string>;
-            downloadLink: import("prop-types").Requireable<string>;
-        };
-    };
-    tags: string[];
-    parameters: {
-        layout: string;
-        controls: {
-            matchers: {
-                color: RegExp;
-                date: RegExp;
-            };
-        };
-    };
-};
-export default _default;
-export declare const Default: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react/*").ReactRenderer, any>;
-export declare const WithoutSubtitles: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react/*").ReactRenderer, any>;
-export declare const WithoutDownload: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react/*").ReactRenderer, any>;
+import { Meta, StoryObj } from '@storybook/react';
+import { VideoPlayer } from './Player';
+declare const meta: Meta<typeof VideoPlayer>;
+export default meta;
+type Story = StoryObj<typeof VideoPlayer>;
+export declare const Default: Story;
+export declare const WithSubtitles: Story;
+export declare const Playing: Story;
+export declare const Favorited: Story;
+export declare const NoControls: Story;

package/dist/components/VideoPlayer/VideoPlayer.stories.js

@@ -9,32 +9,187 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+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());
+    });
+};
+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 };
+    }
+};
 import { jsx as _jsx } from "react/jsx-runtime";
+import { useState } from 'react';
 import { VideoPlayer } from './Player';
-export default {
+var meta = {
     title: 'Components/VideoPlayer',
     component: VideoPlayer,
-    tags: ['autodocs', 'video-player'],
     parameters: {
         layout: 'centered',
-        controls: {
-            matchers: {
-                color: /(background|color)$/i,
-                date: /Date$/,
-            },
+        // Disable docs to avoid ref-related errors
+        docs: {
+            disable: true,
+        },
+    },
+    decorators: [
+        function (Story) { return (
+        // Add error boundary for storybook
+        _jsx("div", { style: { width: '800px', height: '450px' }, children: Story() })); },
+    ],
+    tags: ['autodocs'],
+    argTypes: {
+        url: {
+            control: 'text',
+            description: 'Video URL to play',
+        },
+        subtitle: {
+            control: 'text',
+            description: 'Subtitle URL',
+        },
+        startTime: {
+            control: { type: 'number', min: 0, step: 10 },
+            description: 'Start time in seconds',
+            defaultValue: 0,
+        },
+        isPlaying: {
+            control: 'boolean',
+            description: 'Controls whether the video is playing',
+            defaultValue: false,
+        },
+        shouldPlayerBeFocusedOnSpaceClick: {
+            control: 'boolean',
+            description: 'Controls focus behavior on space click',
+            defaultValue: false,
+        },
+        customStyles: {
+            control: 'object',
+            description: 'Custom styles for the player wrapper',
+        },
+        showFavorite: {
+            control: 'boolean',
+            description: 'Show favorite button',
+            defaultValue: true,
+        },
+        isFavorite: {
+            control: 'boolean',
+            description: 'Is video marked as favorite',
+            defaultValue: false,
+        },
+        isNextVideo: {
+            control: 'boolean',
+            description: 'Is there a next video available',
+            defaultValue: true,
         },
+        isPreviousVideo: {
+            control: 'boolean',
+            description: 'Is there a previous video available',
+            defaultValue: true,
+        },
+    },
+};
+export default meta;
+// Wrapper component to handle state
+var PlayerWrapper = function (args) {
+    var _a = useState(args.isPlaying || false), isPlaying = _a[0], setIsPlaying = _a[1];
+    var _b = useState(false), loading = _b[0], setLoading = _b[1];
+    var _c = useState(args.isFavorite || false), isFavorite = _c[0], setIsFavorite = _c[1];
+    // Ensure we have default handlers for everything
+    var handleTrackProgress = function (currentTime) {
+        console.log('Track progress:', currentTime);
+    };
+    var handleNextVideo = function () {
+        console.log('Next video requested');
+    };
+    var handlePreviousVideo = function () {
+        console.log('Previous video requested');
+    };
+    var toggleFavorite = function () { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            setIsFavorite(!isFavorite);
+            console.log('Favorite toggled to:', !isFavorite);
+            return [2 /*return*/, Promise.resolve()];
+        });
+    }); };
+    // Provide all required props with defaults
+    var allProps = {
+        url: args.url || 'https://test-streams.mux.dev/x36xhzz/x36xhzz.m3u8',
+        startTime: args.startTime || 0,
+        loading: loading,
+        setLoading: setLoading,
+        handleTrackProgress: handleTrackProgress,
+        subtitle: args.subtitle || '',
+        handleNextVideo: args.isNextVideo ? handleNextVideo : undefined,
+        handlePreviousVideo: args.isPreviousVideo ? handlePreviousVideo : undefined,
+        isNextVideo: !!args.isNextVideo,
+        isPreviousVideo: !!args.isPreviousVideo,
+        isPlaying: isPlaying,
+        setIsPlaying: setIsPlaying,
+        shouldPlayerBeFocusedOnSpaceClick: args.shouldPlayerBeFocusedOnSpaceClick || false,
+        showFavorite: !!args.showFavorite,
+        isFavorite: isFavorite,
+        toggleFavorite: toggleFavorite,
+        customStyles: args.customStyles || { borderRadius: '8px', overflow: 'hidden' },
+    };
+    return _jsx(VideoPlayer, __assign({}, allProps));
+};
+// Default story
+export var Default = {
+    render: function (args) { return _jsx(PlayerWrapper, __assign({}, args)); },
+    args: {
+        url: 'https://test-streams.mux.dev/x36xhzz/x36xhzz.m3u8',
+        startTime: 0,
+        shouldPlayerBeFocusedOnSpaceClick: true,
+        showFavorite: true,
+        isNextVideo: true,
+        isPreviousVideo: true,
+        customStyles: { borderRadius: '8px', overflow: 'hidden' },
     },
 };
-var Template = function (args) { return _jsx(VideoPlayer, __assign({}, args)); };
-export var Default = Template.bind({});
-Default.args = {
-    url: 'https://dl29bi0xnzte0.cloudfront.net/lesson-562ceec7-ece7-4b00-92a7-aee4055d08aa/master.m3u8',
-    thumbnail: 'https://via.placeholder.com/700x400',
-    // subtitle: 'off',
-    // downloadLink: 'https://example.com/sample-video.mp4',
-};
-export var WithoutSubtitles = Template.bind({});
-WithoutSubtitles.args = __assign(__assign({}, Default.args), { subtitle: 'off' });
-export var WithoutDownload = Template.bind({});
-WithoutDownload.args = __assign(__assign({}, Default.args), { downloadLink: '' });
+// With Subtitles
+export var WithSubtitles = {
+    render: function (args) { return _jsx(PlayerWrapper, __assign({}, args)); },
+    args: __assign(__assign({}, Default.args), { subtitle: 'https://example.com/subtitles.vtt' }),
+};
+// Playing State
+export var Playing = {
+    render: function (args) { return _jsx(PlayerWrapper, __assign({}, args)); },
+    args: __assign(__assign({}, Default.args), { isPlaying: true }),
+};
+// Favorited
+export var Favorited = {
+    render: function (args) { return _jsx(PlayerWrapper, __assign({}, args)); },
+    args: __assign(__assign({}, Default.args), { isFavorite: true }),
+};
+// No Controls
+export var NoControls = {
+    render: function (args) { return _jsx(PlayerWrapper, __assign({}, args)); },
+    args: __assign(__assign({}, Default.args), { isNextVideo: false, isPreviousVideo: false, showFavorite: false }),
+};
 //# sourceMappingURL=VideoPlayer.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"VideoPlayer.stories.js","sourceRoot":"","sources":["../../../src/components/VideoPlayer/VideoPlayer.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;AACA,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAGtC,eAAe;IACb,KAAK,EAAE,wBAAwB;IAC/B,SAAS,EAAE,WAAW;IACtB,IAAI,EAAE,CAAC,UAAU,EAAE,cAAc,CAAC;IAClC,UAAU,EAAE;QACV,MAAM,EAAE,UAAU;QAClB,QAAQ,EAAE;YACR,QAAQ,EAAE;gBACR,KAAK,EAAE,sBAAsB;gBAC7B,IAAI,EAAE,OAAO;aACd;SACF;KACF;CACF,CAAA;AAED,IAAM,QAAQ,GAAgC,UAAA,IAAI,IAAI,OAAA,KAAC,WAAW,eAAK,IAAI,EAAI,EAAzB,CAAyB,CAAA;AAC/E,MAAM,CAAC,IAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACxC,OAAO,CAAC,IAAI,GAAG;IACb,GAAG,EAAE,8FAA8F;IACnG,SAAS,EAAE,qCAAqC;IAChD,mBAAmB;IACnB,wDAAwD;CACzD,CAAA;AAED,MAAM,CAAC,IAAM,gBAAgB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACjD,gBAAgB,CAAC,IAAI,yBAChB,OAAO,CAAC,IAAI,KACf,QAAQ,EAAE,KAAK,GAChB,CAAA;AAED,MAAM,CAAC,IAAM,eAAe,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAChD,eAAe,CAAC,IAAI,yBACf,OAAO,CAAC,IAAI,KACf,YAAY,EAAE,EAAE,GACjB,CAAA"}
+{"version":3,"file":"VideoPlayer.stories.js","sourceRoot":"","sources":["../../../src/components/VideoPlayer/VideoPlayer.stories.tsx"],"names":[],"mappings":"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"}

package/dist/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/VideoPlayer/constants/index.js

@@ -0,0 +1,31 @@
+export var PLAYBACK_SPEED_LIST = [
+    {
+        label: 'playback_speed.2x',
+        value: 2.0,
+    },
+    {
+        label: 'playback_speed.1_75x',
+        value: 1.75,
+    },
+    {
+        label: 'playback_speed.1_5x',
+        value: 1.5,
+    },
+    {
+        label: 'playback_speed.1_25x',
+        value: 1.25,
+    },
+    {
+        label: 'general.normal',
+        value: 1.0,
+    },
+    {
+        label: 'playback_speed.0_75x',
+        value: 0.75,
+    },
+    {
+        label: 'playback_speed.0_5x',
+        value: 0.5,
+    },
+];
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/VideoPlayer/constants/index.tsx"],"names":[],"mappings":"AAEA,MAAM,CAAC,IAAM,mBAAmB,GAAwB;IACtD;QACE,KAAK,EAAE,mBAAmB;QAC1B,KAAK,EAAE,GAAG;KACX;IACD;QACE,KAAK,EAAE,sBAAsB;QAC7B,KAAK,EAAE,IAAI;KACZ;IACD;QACE,KAAK,EAAE,qBAAqB;QAC5B,KAAK,EAAE,GAAG;KACX;IACD;QACE,KAAK,EAAE,sBAAsB;QAC7B,KAAK,EAAE,IAAI;KACZ;IACD;QACE,KAAK,EAAE,gBAAgB;QACvB,KAAK,EAAE,GAAG;KACX;IACD;QACE,KAAK,EAAE,sBAAsB;QAC7B,KAAK,EAAE,IAAI;KACZ;IACD;QACE,KAAK,EAAE,qBAAqB;QAC5B,KAAK,EAAE,GAAG;KACX;CACF,CAAA"}

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

@@ -0,0 +1,35 @@
+export function parseVTT(content) {
+    var lines = content.split(/\r?\n/);
+    var entries = [];
+    for (var i = 0; i < lines.length; i++) {
+        if (lines[i].includes('-->')) {
+            var times = lines[i].split(' --> ');
+            if (times.length === 2) {
+                var start = hmsToSeconds(times[0]);
+                var end = hmsToSeconds(times[1]);
+                var text = '';
+                i++;
+                while (i < lines.length && lines[i].trim() !== '') {
+                    text += lines[i] + ' ';
+                    i++;
+                }
+                entries.push({
+                    start: start,
+                    end: end,
+                    text: text.trim(),
+                });
+            }
+        }
+    }
+    function hmsToSeconds(str) {
+        var p = str.split(':');
+        var s = 0, m = 1;
+        while (p.length > 0) {
+            s += m * parseFloat(p.pop() || '0');
+            m *= 60;
+        }
+        return s;
+    }
+    return entries;
+}
+//# sourceMappingURL=parseVtt.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"parseVtt.js","sourceRoot":"","sources":["../../../src/components/VideoPlayer/parseVtt.ts"],"names":[],"mappings":"AAMA,MAAM,UAAU,QAAQ,CAAC,OAAe;IACtC,IAAM,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,CAAA;IACpC,IAAM,OAAO,GAAoB,EAAE,CAAA;IAEnC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;QACtC,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC;YAC7B,IAAM,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAA;YAErC,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;gBACvB,IAAM,KAAK,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAA;gBACpC,IAAM,GAAG,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAA;gBAElC,IAAI,IAAI,GAAG,EAAE,CAAA;gBACb,CAAC,EAAE,CAAA;gBAEH,OAAO,CAAC,GAAG,KAAK,CAAC,MAAM,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC;oBAClD,IAAI,IAAI,KAAK,CAAC,CAAC,CAAC,GAAG,GAAG,CAAA;oBACtB,CAAC,EAAE,CAAA;gBACL,CAAC;gBAED,OAAO,CAAC,IAAI,CAAC;oBACX,KAAK,OAAA;oBACL,GAAG,KAAA;oBACH,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE;iBAClB,CAAC,CAAA;YACJ,CAAC;QACH,CAAC;IACH,CAAC;IAED,SAAS,YAAY,CAAC,GAAW;QAC/B,IAAM,CAAC,GAAG,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;QACxB,IAAI,CAAC,GAAG,CAAC,EACP,CAAC,GAAG,CAAC,CAAA;QACP,OAAO,CAAC,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACpB,CAAC,IAAI,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC,GAAG,EAAE,IAAI,GAAG,CAAC,CAAA;YACnC,CAAC,IAAI,EAAE,CAAA;QACT,CAAC;QACD,OAAO,CAAC,CAAA;IACV,CAAC;IAED,OAAO,OAAO,CAAA;AAChB,CAAC"}

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

@@ -0,0 +1,70 @@
+import moment from 'moment';
+export var ConvertSecondsToReadableFormat = function (duration) {
+    var durationObject = moment.duration(duration, 'seconds');
+    var hours = durationObject.hours();
+    var remainingMinutes = durationObject.minutes();
+    if (hours > 0) {
+        return "".concat(hours, "h ").concat(remainingMinutes, " min");
+    }
+    else {
+        return "".concat(remainingMinutes, " min");
+    }
+};
+export var FormatSecondsToTimeString = function (time) {
+    if (isNaN(time)) {
+        return '00:00';
+    }
+    var timeInMilliseconds = time * 1000;
+    var timeObject = moment.utc(timeInMilliseconds);
+    if (timeObject.hours()) {
+        return timeObject.format('HH:mm:ss');
+    }
+    else {
+        return timeObject.format('mm:ss');
+    }
+};
+export var postTimeFormatter = function (postCreateTimestamp) {
+    if (!postCreateTimestamp) {
+        return 'Invalid date'; // Handle falsy timestamp
+    }
+    var dateTime = moment(postCreateTimestamp);
+    var currDateTime = moment();
+    var time = dateTime.format('h:mm a');
+    var dateDiff = currDateTime.diff(moment(postCreateTimestamp).format('YYYY-MM-DD'), 'days');
+    if (dateDiff === 0) {
+        return "Today at ".concat(time);
+    }
+    else if (dateDiff === 1) {
+        return "Yesterday at ".concat(time);
+    }
+    else {
+        return dateTime.format('MMM DD, YYYY [at] h:mm a');
+    }
+};
+export var commentTimeFormatter = function (commentTimestamp, includeAgo) {
+    if (includeAgo === void 0) { includeAgo = false; }
+    if (!commentTimestamp)
+        return 'Invalid date';
+    var now = moment().valueOf();
+    var differenceInSeconds = (now - commentTimestamp) / 1000;
+    if (differenceInSeconds < 1)
+        return 'Just now';
+    var timeUnits = [
+        { unit: 'year', limit: 31536000 },
+        { unit: 'week', limit: 604800 },
+        { unit: 'day', limit: 86400 },
+        { unit: 'hour', limit: 3600 },
+        { unit: 'minute', limit: 60 },
+        { unit: 'second', limit: 1 },
+    ];
+    var unit = timeUnits.find(function (u) { return differenceInSeconds >= u.limit; });
+    if (!unit)
+        return 'Invalid date';
+    var unitDifference = Math.floor(differenceInSeconds / unit.limit);
+    var agoText = includeAgo ? ' ago' : '';
+    return "".concat(unitDifference).concat(unit.unit.charAt(0)).concat(agoText);
+};
+export var convertTimestampToDateShortFormat = function (timestamp) {
+    return moment(timestamp).format('DD.MM.YY');
+};
+//# sourceMappingURL=timeConversion.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"timeConversion.js","sourceRoot":"","sources":["../../../src/components/VideoPlayer/timeConversion.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,QAAQ,CAAA;AAE3B,MAAM,CAAC,IAAM,8BAA8B,GAAG,UAAC,QAAgB;IAC7D,IAAM,cAAc,GAAG,MAAM,CAAC,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAA;IAC3D,IAAM,KAAK,GAAG,cAAc,CAAC,KAAK,EAAE,CAAA;IACpC,IAAM,gBAAgB,GAAG,cAAc,CAAC,OAAO,EAAE,CAAA;IAEjD,IAAI,KAAK,GAAG,CAAC,EAAE,CAAC;QACd,OAAO,UAAG,KAAK,eAAK,gBAAgB,SAAM,CAAA;IAC5C,CAAC;SAAM,CAAC;QACN,OAAO,UAAG,gBAAgB,SAAM,CAAA;IAClC,CAAC;AACH,CAAC,CAAA;AAED,MAAM,CAAC,IAAM,yBAAyB,GAAG,UAAC,IAAY;IACpD,IAAI,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC;QAChB,OAAO,OAAO,CAAA;IAChB,CAAC;IAED,IAAM,kBAAkB,GAAG,IAAI,GAAG,IAAI,CAAA;IACtC,IAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAC,kBAAkB,CAAC,CAAA;IAEjD,IAAI,UAAU,CAAC,KAAK,EAAE,EAAE,CAAC;QACvB,OAAO,UAAU,CAAC,MAAM,CAAC,UAAU,CAAC,CAAA;IACtC,CAAC;SAAM,CAAC;QACN,OAAO,UAAU,CAAC,MAAM,CAAC,OAAO,CAAC,CAAA;IACnC,CAAC;AACH,CAAC,CAAA;AAED,MAAM,CAAC,IAAM,iBAAiB,GAAG,UAAC,mBAA2B;IAC3D,IAAI,CAAC,mBAAmB,EAAE,CAAC;QACzB,OAAO,cAAc,CAAA,CAAC,yBAAyB;IACjD,CAAC;IAED,IAAM,QAAQ,GAAG,MAAM,CAAC,mBAAmB,CAAC,CAAA;IAC5C,IAAM,YAAY,GAAG,MAAM,EAAE,CAAA;IAC7B,IAAM,IAAI,GAAG,QAAQ,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAA;IACtC,IAAM,QAAQ,GAAG,YAAY,CAAC,IAAI,CAAC,MAAM,CAAC,mBAAmB,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC,CAAA;IAE5F,IAAI,QAAQ,KAAK,CAAC,EAAE,CAAC;QACnB,OAAO,mBAAY,IAAI,CAAE,CAAA;IAC3B,CAAC;SAAM,IAAI,QAAQ,KAAK,CAAC,EAAE,CAAC;QAC1B,OAAO,uBAAgB,IAAI,CAAE,CAAA;IAC/B,CAAC;SAAM,CAAC;QACN,OAAO,QAAQ,CAAC,MAAM,CAAC,0BAA0B,CAAC,CAAA;IACpD,CAAC;AACH,CAAC,CAAA;AAED,MAAM,CAAC,IAAM,oBAAoB,GAAG,UAAC,gBAAwB,EAAE,UAAkB;IAAlB,2BAAA,EAAA,kBAAkB;IAC/E,IAAI,CAAC,gBAAgB;QAAE,OAAO,cAAc,CAAA;IAE5C,IAAM,GAAG,GAAG,MAAM,EAAE,CAAC,OAAO,EAAE,CAAA;IAC9B,IAAM,mBAAmB,GAAG,CAAC,GAAG,GAAG,gBAAgB,CAAC,GAAG,IAAI,CAAA;IAE3D,IAAI,mBAAmB,GAAG,CAAC;QAAE,OAAO,UAAU,CAAA;IAE9C,IAAM,SAAS,GAAG;QAChB,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE;QACjC,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;QAC/B,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE;QAC7B,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE;QAC7B,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE;QAC7B,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,EAAE;KAC7B,CAAA;IAED,IAAM,IAAI,GAAG,SAAS,CAAC,IAAI,CAAC,UAAA,CAAC,IAAI,OAAA,mBAAmB,IAAI,CAAC,CAAC,KAAK,EAA9B,CAA8B,CAAC,CAAA;IAChE,IAAI,CAAC,IAAI;QAAE,OAAO,cAAc,CAAA;IAEhC,IAAM,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,mBAAmB,GAAG,IAAI,CAAC,KAAK,CAAC,CAAA;IACnE,IAAM,OAAO,GAAG,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAA;IAExC,OAAO,UAAG,cAAc,SAAG,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,SAAG,OAAO,CAAE,CAAA;AAC5D,CAAC,CAAA;AAED,MAAM,CAAC,IAAM,iCAAiC,GAAG,UAAC,SAAiB;IACjE,OAAA,MAAM,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC;AAApC,CAAoC,CAAA"}

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

@@ -0,0 +1,50 @@
+import { useState, useEffect } from 'react';
+export var DropdownVerticalPositionEnum;
+(function (DropdownVerticalPositionEnum) {
+    DropdownVerticalPositionEnum["Top"] = "top";
+    DropdownVerticalPositionEnum["Bottom"] = "bottom";
+})(DropdownVerticalPositionEnum || (DropdownVerticalPositionEnum = {}));
+export var DropdownHorizontalPositionEnum;
+(function (DropdownHorizontalPositionEnum) {
+    DropdownHorizontalPositionEnum["Left"] = "left";
+    DropdownHorizontalPositionEnum["Right"] = "right";
+})(DropdownHorizontalPositionEnum || (DropdownHorizontalPositionEnum = {}));
+var defaultPosition = {
+    vertical: DropdownVerticalPositionEnum.Top,
+    horizontal: DropdownHorizontalPositionEnum.Left,
+};
+var useDynamicPosition = function (isActive, ref, offset) {
+    if (offset === void 0) { offset = 0; }
+    var _a = useState(defaultPosition), position = _a[0], setPosition = _a[1];
+    useEffect(function () {
+        if (isActive && ref.current) {
+            var element = ref.current;
+            var rect = element.getBoundingClientRect();
+            var viewportWidth = window.innerWidth;
+            var viewportHeight = window.innerHeight;
+            // Vertical Position
+            var elementBottom = rect.bottom + offset;
+            var elementTop = rect.top - offset;
+            var fitsAbove = elementTop >= rect.height + offset; // Checks if there's enough space above with offset
+            var fitsBelow = viewportHeight - elementBottom >= rect.height + offset; // Checks if there's enough space below with offset
+            var verticalPosition = fitsAbove && !fitsBelow // If it fits above but not below
+                ? DropdownVerticalPositionEnum.Top
+                : !fitsAbove && fitsBelow // If it doesn't fit above but does below
+                    ? DropdownVerticalPositionEnum.Bottom
+                    : viewportHeight - elementBottom > elementTop // If it fits both ways, prefer the one with more space
+                        ? DropdownVerticalPositionEnum.Bottom
+                        : DropdownVerticalPositionEnum.Top;
+            // Horizontal Position
+            var elementRight = rect.right;
+            var elementWidth = rect.width;
+            var spaceOnRight = viewportWidth - elementRight; // Space available on the right of the element
+            var horizontalPosition = spaceOnRight >= elementWidth + offset // Check if there's enough space on the right including the offset
+                ? DropdownHorizontalPositionEnum.Right // Prefer Right if enough space
+                : DropdownHorizontalPositionEnum.Left; // Otherwise, fallback to Left
+            setPosition({ vertical: verticalPosition, horizontal: horizontalPosition });
+        }
+    }, [isActive, ref, offset]);
+    return position;
+};
+export default useDynamicPosition;
+//# sourceMappingURL=useDynamicPosition.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useDynamicPosition.js","sourceRoot":"","sources":["../../../src/components/VideoPlayer/useDynamicPosition.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAa,MAAM,OAAO,CAAA;AAEtD,MAAM,CAAN,IAAY,4BAGX;AAHD,WAAY,4BAA4B;IACtC,2CAAW,CAAA;IACX,iDAAiB,CAAA;AACnB,CAAC,EAHW,4BAA4B,KAA5B,4BAA4B,QAGvC;AAED,MAAM,CAAN,IAAY,8BAGX;AAHD,WAAY,8BAA8B;IACxC,+CAAa,CAAA;IACb,iDAAe,CAAA;AACjB,CAAC,EAHW,8BAA8B,KAA9B,8BAA8B,QAGzC;AAaD,IAAM,eAAe,GAAqB;IACxC,QAAQ,EAAE,4BAA4B,CAAC,GAAG;IAC1C,UAAU,EAAE,8BAA8B,CAAC,IAAI;CAChD,CAAA;AAED,IAAM,kBAAkB,GAAiC,UAAC,QAAQ,EAAE,GAAG,EAAE,MAAU;IAAV,uBAAA,EAAA,UAAU;IAC3E,IAAA,KAA0B,QAAQ,CAAmB,eAAe,CAAC,EAApE,QAAQ,QAAA,EAAE,WAAW,QAA+C,CAAA;IAE3E,SAAS,CAAC;QACR,IAAI,QAAQ,IAAI,GAAG,CAAC,OAAO,EAAE,CAAC;YAC5B,IAAM,OAAO,GAAG,GAAG,CAAC,OAAO,CAAA;YAC3B,IAAM,IAAI,GAAG,OAAO,CAAC,qBAAqB,EAAE,CAAA;YAC5C,IAAM,aAAa,GAAG,MAAM,CAAC,UAAU,CAAA;YACvC,IAAM,cAAc,GAAG,MAAM,CAAC,WAAW,CAAA;YAEzC,oBAAoB;YACpB,IAAM,aAAa,GAAG,IAAI,CAAC,MAAM,GAAG,MAAM,CAAA;YAC1C,IAAM,UAAU,GAAG,IAAI,CAAC,GAAG,GAAG,MAAM,CAAA;YACpC,IAAM,SAAS,GAAG,UAAU,IAAI,IAAI,CAAC,MAAM,GAAG,MAAM,CAAA,CAAC,mDAAmD;YACxG,IAAM,SAAS,GAAG,cAAc,GAAG,aAAa,IAAI,IAAI,CAAC,MAAM,GAAG,MAAM,CAAA,CAAC,mDAAmD;YAE5H,IAAM,gBAAgB,GACpB,SAAS,IAAI,CAAC,SAAS,CAAC,iCAAiC;gBACvD,CAAC,CAAC,4BAA4B,CAAC,GAAG;gBAClC,CAAC,CAAC,CAAC,SAAS,IAAI,SAAS,CAAC,yCAAyC;oBACnE,CAAC,CAAC,4BAA4B,CAAC,MAAM;oBACrC,CAAC,CAAC,cAAc,GAAG,aAAa,GAAG,UAAU,CAAC,uDAAuD;wBACrG,CAAC,CAAC,4BAA4B,CAAC,MAAM;wBACrC,CAAC,CAAC,4BAA4B,CAAC,GAAG,CAAA;YAEtC,sBAAsB;YACtB,IAAM,YAAY,GAAG,IAAI,CAAC,KAAK,CAAA;YAC/B,IAAM,YAAY,GAAG,IAAI,CAAC,KAAK,CAAA;YAC/B,IAAM,YAAY,GAAG,aAAa,GAAG,YAAY,CAAA,CAAC,8CAA8C;YAEhG,IAAM,kBAAkB,GACtB,YAAY,IAAI,YAAY,GAAG,MAAM,CAAC,kEAAkE;gBACtG,CAAC,CAAC,8BAA8B,CAAC,KAAK,CAAC,+BAA+B;gBACtE,CAAC,CAAC,8BAA8B,CAAC,IAAI,CAAA,CAAC,8BAA8B;YAExE,WAAW,CAAC,EAAE,QAAQ,EAAE,gBAAgB,EAAE,UAAU,EAAE,kBAAkB,EAAE,CAAC,CAAA;QAC7E,CAAC;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,GAAG,EAAE,MAAM,CAAC,CAAC,CAAA;IAE3B,OAAO,QAAQ,CAAA;AACjB,CAAC,CAAA;AAED,eAAe,kBAAkB,CAAA"}

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

@@ -0,0 +1,27 @@
+import { useRef, useEffect } from 'react';
+var useEventListener = function (eventName, handler, element, shouldRun) {
+    if (shouldRun === void 0) { shouldRun = function () { return true; }; }
+    var savedHandler = useRef();
+    useEffect(function () {
+        savedHandler.current = handler;
+    }, [handler]);
+    useEffect(function () {
+        var targetElement = element && 'current' in element ? element.current : window;
+        if (!targetElement)
+            return;
+        var isSupported = targetElement.addEventListener;
+        if (!isSupported)
+            return;
+        var eventListener = function (event) {
+            if (savedHandler.current && shouldRun()) {
+                savedHandler.current(event);
+            }
+        };
+        targetElement.addEventListener(eventName, eventListener);
+        return function () {
+            targetElement.removeEventListener(eventName, eventListener);
+        };
+    }, [eventName, element, shouldRun]);
+};
+export default useEventListener;
+//# sourceMappingURL=useEventListener.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useEventListener.js","sourceRoot":"","sources":["../../../src/components/VideoPlayer/useEventListener.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,SAAS,EAAa,MAAM,OAAO,CAAA;AAEpD,IAAM,gBAAgB,GAAG,UACvB,SAA+B,EAC/B,OAA+C,EAC/C,OAAsC,EACtC,SAA8C;IAA9C,0BAAA,EAAA,0BAA0C,OAAA,IAAI,EAAJ,CAAI;IAE9C,IAAM,YAAY,GAAG,MAAM,EAA0C,CAAA;IAErE,SAAS,CAAC;QACR,YAAY,CAAC,OAAO,GAAG,OAAO,CAAA;IAChC,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IAEb,SAAS,CAAC;QACR,IAAM,aAAa,GACjB,OAAO,IAAI,SAAS,IAAI,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAA;QAC5D,IAAI,CAAC,aAAa;YAAE,OAAM;QAE1B,IAAM,WAAW,GAAG,aAAa,CAAC,gBAAgB,CAAA;QAClD,IAAI,CAAC,WAAW;YAAE,OAAM;QAExB,IAAM,aAAa,GAAG,UAAC,KAA4B;YACjD,IAAI,YAAY,CAAC,OAAO,IAAI,SAAS,EAAE,EAAE,CAAC;gBACxC,YAAY,CAAC,OAAO,CAAC,KAAK,CAAC,CAAA;YAC7B,CAAC;QACH,CAAC,CAAA;QAED,aAAa,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAA;QAExD,OAAO;YACL,aAAa,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAA;QAC7D,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC,CAAA;AACrC,CAAC,CAAA;AAED,eAAe,gBAAgB,CAAA"}

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