suada-components 1.2.1 → 1.3.0

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

@@ -112,6 +112,19 @@ var meta = {
             description: 'Is there a previous video available',
             defaultValue: true,
         },
+        showDownload: {
+            control: 'boolean',
+            description: 'Show download button',
+            defaultValue: false,
+        },
+        downloadUrl: {
+            control: 'text',
+            description: 'URL for downloading the video',
+        },
+        downloadFileName: {
+            control: 'text',
+            description: 'Filename for the downloaded video',
+        },
     },
 };
 export default meta;
@@ -137,6 +150,9 @@ var PlayerWrapper = function (args) {
             return [2 /*return*/, Promise.resolve()];
         });
     }); };
+    var handleDownload = function () {
+        console.log('Download requested for:', args.downloadFileName || 'video');
+    };
     // Provide all required props with defaults
     var allProps = {
         url: args.url || 'https://test-streams.mux.dev/x36xhzz/x36xhzz.m3u8',
@@ -156,6 +172,10 @@ var PlayerWrapper = function (args) {
         isFavorite: isFavorite,
         toggleFavorite: toggleFavorite,
         customStyles: args.customStyles || { borderRadius: '8px', overflow: 'hidden' },
+        showDownload: !!args.showDownload,
+        downloadUrl: args.downloadUrl,
+        downloadFileName: args.downloadFileName,
+        onDownload: args.showDownload ? handleDownload : undefined,
     };
     return _jsx(VideoPlayer, __assign({}, allProps));
 };
@@ -192,4 +212,19 @@ export var NoControls = {
     render: function (args) { return _jsx(PlayerWrapper, __assign({}, args)); },
     args: __assign(__assign({}, Default.args), { isNextVideo: false, isPreviousVideo: false, showFavorite: false }),
 };
+// With Download
+export var WithDownload = {
+    render: function (args) { return _jsx(PlayerWrapper, __assign({}, args)); },
+    args: __assign(__assign({}, Default.args), { showDownload: true, downloadUrl: 'https://test-streams.mux.dev/x36xhzz/x36xhzz.m3u8', downloadFileName: 'sample-video.mp4' }),
+};
+// Download Only
+export var DownloadOnly = {
+    render: function (args) { return _jsx(PlayerWrapper, __assign({}, args)); },
+    args: __assign(__assign({}, Default.args), { isNextVideo: false, isPreviousVideo: false, showFavorite: false, showDownload: true, downloadUrl: 'https://test-streams.mux.dev/x36xhzz/x36xhzz.m3u8', downloadFileName: 'lesson-video.mp4' }),
+};
+// All Features
+export var AllFeatures = {
+    render: function (args) { return _jsx(PlayerWrapper, __assign({}, args)); },
+    args: __assign(__assign({}, Default.args), { showDownload: true, downloadUrl: 'https://test-streams.mux.dev/x36xhzz/x36xhzz.m3u8', downloadFileName: 'complete-lesson.mp4', subtitle: 'https://example.com/subtitles.vtt', isFavorite: true }),
+};
 //# 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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAc,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEvC,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAMtC,IAAM,IAAI,GAA6B;IACrC,KAAK,EAAE,wBAAwB;IAC/B,SAAS,EAAE,WAAW;IACtB,UAAU,EAAE;QACV,MAAM,EAAE,UAAU;QAClB,2CAA2C;QAC3C,IAAI,EAAE;YACJ,OAAO,EAAE,IAAI;SACd;KACF;IACD,UAAU,EAAE;QACV,UAAA,KAAK,IAAI,OAAA;QACP,mCAAmC;QACnC,cAAK,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,YAAG,KAAK,EAAE,GAAO,CACjE,EAHQ,CAGR;KACF;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACR,GAAG,EAAE;YACH,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,mBAAmB;SACjC;QACD,QAAQ,EAAE;YACR,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,cAAc;SAC5B;QACD,SAAS,EAAE;YACT,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE;YAC7C,WAAW,EAAE,uBAAuB;YACpC,YAAY,EAAE,CAAC;SAChB;QACD,SAAS,EAAE;YACT,OAAO,EAAE,SAAS;YAClB,WAAW,EAAE,uCAAuC;YACpD,YAAY,EAAE,KAAK;SACpB;QACD,iCAAiC,EAAE;YACjC,OAAO,EAAE,SAAS;YAClB,WAAW,EAAE,wCAAwC;YACrD,YAAY,EAAE,KAAK;SACpB;QACD,YAAY,EAAE;YACZ,OAAO,EAAE,QAAQ;YACjB,WAAW,EAAE,sCAAsC;SACpD;QACD,YAAY,EAAE;YACZ,OAAO,EAAE,SAAS;YAClB,WAAW,EAAE,sBAAsB;YACnC,YAAY,EAAE,IAAI;SACnB;QACD,UAAU,EAAE;YACV,OAAO,EAAE,SAAS;YAClB,WAAW,EAAE,6BAA6B;YAC1C,YAAY,EAAE,KAAK;SACpB;QACD,WAAW,EAAE;YACX,OAAO,EAAE,SAAS;YAClB,WAAW,EAAE,iCAAiC;YAC9C,YAAY,EAAE,IAAI;SACnB;QACD,eAAe,EAAE;YACf,OAAO,EAAE,SAAS;YAClB,WAAW,EAAE,qCAAqC;YAClD,YAAY,EAAE,IAAI;SACnB;KACF;CACF,CAAA;AAED,eAAe,IAAI,CAAA;AAGnB,oCAAoC;AAEpC,IAAM,aAAa,GAAG,UAAC,IAAsB;IACrC,IAAA,KAA4B,QAAQ,CAAC,IAAI,CAAC,SAAS,IAAI,KAAK,CAAC,EAA5D,SAAS,QAAA,EAAE,YAAY,QAAqC,CAAA;IAC7D,IAAA,KAAwB,QAAQ,CAAC,KAAK,CAAC,EAAtC,OAAO,QAAA,EAAE,UAAU,QAAmB,CAAA;IACvC,IAAA,KAA8B,QAAQ,CAAC,IAAI,CAAC,UAAU,IAAI,KAAK,CAAC,EAA/D,UAAU,QAAA,EAAE,aAAa,QAAsC,CAAA;IAEtE,iDAAiD;IACjD,IAAM,mBAAmB,GAAG,UAAC,WAAmB;QAC9C,OAAO,CAAC,GAAG,CAAC,iBAAiB,EAAE,WAAW,CAAC,CAAA;IAC7C,CAAC,CAAA;IAED,IAAM,eAAe,GAAG;QACtB,OAAO,CAAC,GAAG,CAAC,sBAAsB,CAAC,CAAA;IACrC,CAAC,CAAA;IAED,IAAM,mBAAmB,GAAG;QAC1B,OAAO,CAAC,GAAG,CAAC,0BAA0B,CAAC,CAAA;IACzC,CAAC,CAAA;IAED,IAAM,cAAc,GAAG;;YACrB,aAAa,CAAC,CAAC,UAAU,CAAC,CAAA;YAC1B,OAAO,CAAC,GAAG,CAAC,sBAAsB,EAAE,CAAC,UAAU,CAAC,CAAA;YAChD,sBAAO,OAAO,CAAC,OAAO,EAAE,EAAA;;SACzB,CAAA;IAED,2CAA2C;IAC3C,IAAM,QAAQ,GAAG;QACf,GAAG,EAAE,IAAI,CAAC,GAAG,IAAI,mDAAmD;QACpE,SAAS,EAAE,IAAI,CAAC,SAAS,IAAI,CAAC;QAC9B,OAAO,EAAE,OAAO;QAChB,UAAU,EAAE,UAAU;QACtB,mBAAmB,EAAE,mBAAmB;QACxC,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAAI,EAAE;QAC7B,eAAe,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,SAAS;QAC/D,mBAAmB,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,SAAS;QAC3E,WAAW,EAAE,CAAC,CAAC,IAAI,CAAC,WAAW;QAC/B,eAAe,EAAE,CAAC,CAAC,IAAI,CAAC,eAAe;QACvC,SAAS,EAAE,SAAS;QACpB,YAAY,EAAE,YAAY;QAC1B,iCAAiC,EAAE,IAAI,CAAC,iCAAiC,IAAI,KAAK;QAClF,YAAY,EAAE,CAAC,CAAC,IAAI,CAAC,YAAY;QACjC,UAAU,EAAE,UAAU;QACtB,cAAc,EAAE,cAAc;QAC9B,YAAY,EAAE,IAAI,CAAC,YAAY,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE;KAC/E,CAAA;IAED,OAAO,KAAC,WAAW,eAAK,QAAQ,EAAI,CAAA;AACtC,CAAC,CAAA;AAED,gBAAgB;AAChB,MAAM,CAAC,IAAM,OAAO,GAAU;IAC5B,MAAM,EAAE,UAAA,IAAI,IAAI,OAAA,KAAC,aAAa,eAAK,IAAI,EAAI,EAA3B,CAA2B;IAC3C,IAAI,EAAE;QACJ,GAAG,EAAE,mDAAmD;QACxD,SAAS,EAAE,CAAC;QACZ,iCAAiC,EAAE,IAAI;QACvC,YAAY,EAAE,IAAI;QAClB,WAAW,EAAE,IAAI;QACjB,eAAe,EAAE,IAAI;QACrB,YAAY,EAAE,EAAE,YAAY,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE;KAC1D;CACF,CAAA;AAED,iBAAiB;AACjB,MAAM,CAAC,IAAM,aAAa,GAAU;IAClC,MAAM,EAAE,UAAA,IAAI,IAAI,OAAA,KAAC,aAAa,eAAK,IAAI,EAAI,EAA3B,CAA2B;IAC3C,IAAI,wBACC,OAAO,CAAC,IAAI,KACf,QAAQ,EAAE,mCAAmC,GAC9C;CACF,CAAA;AAED,gBAAgB;AAChB,MAAM,CAAC,IAAM,OAAO,GAAU;IAC5B,MAAM,EAAE,UAAA,IAAI,IAAI,OAAA,KAAC,aAAa,eAAK,IAAI,EAAI,EAA3B,CAA2B;IAC3C,IAAI,wBACC,OAAO,CAAC,IAAI,KACf,SAAS,EAAE,IAAI,GAChB;CACF,CAAA;AAED,YAAY;AACZ,MAAM,CAAC,IAAM,SAAS,GAAU;IAC9B,MAAM,EAAE,UAAA,IAAI,IAAI,OAAA,KAAC,aAAa,eAAK,IAAI,EAAI,EAA3B,CAA2B;IAC3C,IAAI,wBACC,OAAO,CAAC,IAAI,KACf,UAAU,EAAE,IAAI,GACjB;CACF,CAAA;AAED,cAAc;AACd,MAAM,CAAC,IAAM,UAAU,GAAU;IAC/B,MAAM,EAAE,UAAA,IAAI,IAAI,OAAA,KAAC,aAAa,eAAK,IAAI,EAAI,EAA3B,CAA2B;IAC3C,IAAI,wBACC,OAAO,CAAC,IAAI,KACf,WAAW,EAAE,KAAK,EAClB,eAAe,EAAE,KAAK,EACtB,YAAY,EAAE,KAAK,GACpB;CACF,CAAA"}
+{"version":3,"file":"VideoPlayer.stories.js","sourceRoot":"","sources":["../../../src/components/VideoPlayer/VideoPlayer.stories.tsx"],"names":[],"mappings":"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"}

package/dist/components/{Vidyard-DsG0WHnh.esm.js → Vidyard-Dj__VHEu.esm.js}

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

package/dist/components/{Vidyard-B3v7M2i3.js → Vidyard-DjdEjiba.js}

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

package/dist/components/{Vimeo-ddQ8CMRR.js → Vimeo-B2sdU2eb.js}

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

package/dist/components/{Vimeo-CXKbdxkV.esm.js → Vimeo-B6eklZts.esm.js}

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

package/dist/components/{Wistia-B93lpDSs.js → Wistia-D8WmgJRA.js}

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

package/dist/components/{Wistia-CJDzE0TP.esm.js → Wistia-T3lTN9f9.esm.js}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -30,6 +30,10 @@ export interface PlayerProps {
     showFavorite?: boolean;
     isFavorite?: boolean;
     toggleFavorite?: () => Promise<void>;
+    showDownload?: boolean;
+    downloadUrl?: string;
+    downloadFileName?: string;
+    onDownload?: () => void;
 }
 export interface UsePlayerControlsProps {
     startTime?: number;

package/dist/components/{index-CyUx723z.esm.js → index-C_u0zRwP.esm.js}

@@ -2425,7 +2425,7 @@ var Button$1 = function Button(_a) {
     style: customStyles,
     onClick: onClick,
     type: htmlType,
-    className: className,
+    className: "".concat(className, " button-theme-color"),
     children: [iconLeft, label, iconRight]
   });
 };
@@ -32371,7 +32371,7 @@ var StylesCardWrapper = dt.div(templateObject_10$2 || (templateObject_10$2 = __m
 });
 var StyledChecked = dt.div(templateObject_11$2 || (templateObject_11$2 = __makeTemplateObject(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 2;\n  background-color: rgb(0 0 0 / 23%);\n"], ["\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 2;\n  background-color: rgb(0 0 0 / 23%);\n"])));
 dt.div(templateObject_12$2 || (templateObject_12$2 = __makeTemplateObject(["\n  position: relative;\n  cursor: pointer;\n  .icon_button {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n  }\n"], ["\n  position: relative;\n  cursor: pointer;\n  .icon_button {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n  }\n"])));
-var CourseStatusContainer = dt.div(templateObject_13$1 || (templateObject_13$1 = __makeTemplateObject(["\n  color: #fff;\n  height: 32px;\n  padding: 4px 12px;\n  text-transform: capitalize;\n  border-radius: 4px;\n  background: ", ";\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"], ["\n  color: #fff;\n  height: 32px;\n  padding: 4px 12px;\n  text-transform: capitalize;\n  border-radius: 4px;\n  background: ", ";\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"])), function (_a) {
+var CourseStatusContainer = dt.div(templateObject_13$2 || (templateObject_13$2 = __makeTemplateObject(["\n  color: #fff;\n  height: 32px;\n  padding: 4px 12px;\n  text-transform: capitalize;\n  border-radius: 4px;\n  background: ", ";\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"], ["\n  color: #fff;\n  height: 32px;\n  padding: 4px 12px;\n  text-transform: capitalize;\n  border-radius: 4px;\n  background: ", ";\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"])), function (_a) {
   var $status = _a.$status;
   return !$status ? '#EA382A' : '#00905E';
 });
@@ -32426,7 +32426,7 @@ var GridItem = dt.div(templateObject_32 || (templateObject_32 = __makeTemplateOb
   var $isFromUser = _a.$isFromUser;
   return $isFromUser && "\n  figure {\n    position: relative;\n    &:after {\n      content: 'View Analytics';\n      position: absolute;\n      top: 0;\n      opacity: 0;\n      color: #06c68f;\n      left: 0;\n      font-size: 24px;\n      font-weight: 700;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: rgba(255, 255, 255, 0.9);\n      width: 100%;\n      height: 100%;\n      transition: opacity 0.3s ease;\n      z-index: 10;\n    }\n  }\n\n  &:hover {\n    figure {\n      &:after {\n        opacity: 1;\n      }\n    }\n  }\n  " || '';
 });
-var templateObject_1$o, templateObject_2$j, templateObject_3$f, templateObject_4$c, templateObject_5$8, templateObject_6$7, templateObject_7$5, templateObject_8$4, templateObject_9$3, templateObject_10$2, templateObject_11$2, templateObject_12$2, templateObject_13$1, templateObject_14$1, templateObject_15$1, templateObject_16$1, templateObject_17$1, templateObject_18$1, templateObject_19$1, templateObject_20$1, templateObject_21$1, templateObject_22$1, templateObject_23$1, templateObject_24$1, templateObject_25, templateObject_26, templateObject_27, templateObject_28, templateObject_29, templateObject_30, templateObject_31, templateObject_32;
+var templateObject_1$o, templateObject_2$j, templateObject_3$f, templateObject_4$c, templateObject_5$8, templateObject_6$7, templateObject_7$5, templateObject_8$4, templateObject_9$3, templateObject_10$2, templateObject_11$2, templateObject_12$2, templateObject_13$2, templateObject_14$1, templateObject_15$1, templateObject_16$1, templateObject_17$1, templateObject_18$1, templateObject_19$1, templateObject_20$1, templateObject_21$1, templateObject_22$1, templateObject_23$1, templateObject_24$1, templateObject_25, templateObject_26, templateObject_27, templateObject_28, templateObject_29, templateObject_30, templateObject_31, templateObject_32;
 
 var TooltipHeight$1 = function TooltipHeight(_a) {
   var text = _a.text,
@@ -34740,7 +34740,9 @@ DocumentAttachment.displayName = 'DocumentAttachment';
 var DownloadIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
   var className = _a.className,
     onClick = _a.onClick,
-    props = __rest(_a, ["className", "onClick"]);
+    _b = _a.fill,
+    fill = _b === void 0 ? '#FFFFFF' : _b,
+    props = __rest(_a, ["className", "onClick", "fill"]);
   return jsxRuntimeExports.jsxs("svg", __assign({
     ref: ref,
     width: '24',
@@ -34753,10 +34755,10 @@ var DownloadIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
   }, props, {
     children: [jsxRuntimeExports.jsx("path", {
       d: 'M19.5 18V21H4.5V18H3V21C3 21.3978 3.15804 21.7794 3.43934 22.0607C3.72064 22.342 4.10218 22.5 4.5 22.5H19.5C19.8978 22.5 20.2794 22.342 20.5607 22.0607C20.842 21.7794 21 21.3978 21 21V18H19.5Z',
-      fill: '#020210'
+      fill: fill
     }), jsxRuntimeExports.jsx("path", {
       d: 'M19.5 10.5L18.4425 9.4425L12.75 15.1275V1.5H11.25V15.1275L5.5575 9.4425L4.5 10.5L12 18L19.5 10.5Z',
-      fill: '#020210'
+      fill: fill
     })]
   }));
 });
@@ -42810,7 +42812,7 @@ var ItemContainer = dt.div(templateObject_11$1 || (templateObject_11$1 = __makeT
   return width || '100%';
 });
 dt.div(templateObject_12$1 || (templateObject_12$1 = __makeTemplateObject(["\n  width: 390px;\n"], ["\n  width: 390px;\n"])));
-var CancelButton = dt.div(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n  position: absolute;\n  right: ", ";\n  top: ", ";\n  cursor: pointer;\n"], ["\n  position: absolute;\n  right: ", ";\n  top: ", ";\n  cursor: pointer;\n"])), function (_a) {
+var CancelButton = dt.div(templateObject_13$1 || (templateObject_13$1 = __makeTemplateObject(["\n  position: absolute;\n  right: ", ";\n  top: ", ";\n  cursor: pointer;\n"], ["\n  position: absolute;\n  right: ", ";\n  top: ", ";\n  cursor: pointer;\n"])), function (_a) {
   var right = _a.right;
   return right || '-13px';
 }, function (_a) {
@@ -42841,7 +42843,7 @@ var Title = dt.h2(templateObject_24 || (templateObject_24 = __makeTemplateObject
   var $required = _a.$required;
   return $required ? "\n    &::after {\n      content: '*';\n      color: red;\n      margin-left: 3px;\n    }\n  " : '';
 });
-var templateObject_1$j, templateObject_2$e, templateObject_3$a, templateObject_4$7, templateObject_5$6, templateObject_6$5, templateObject_7$3, templateObject_8$2, templateObject_9$1, templateObject_10$1, templateObject_11$1, templateObject_12$1, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20, templateObject_21, templateObject_22, templateObject_23, templateObject_24;
+var templateObject_1$j, templateObject_2$e, templateObject_3$a, templateObject_4$7, templateObject_5$6, templateObject_6$5, templateObject_7$3, templateObject_8$2, templateObject_9$1, templateObject_10$1, templateObject_11$1, templateObject_12$1, templateObject_13$1, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20, templateObject_21, templateObject_22, templateObject_23, templateObject_24;
 
 var InsertDriveFile = {};
 
@@ -61137,7 +61139,13 @@ var Checkbox = function Checkbox(_a) {
   });
 };
 
-var PaginationWrapper = dt.div(templateObject_1$e || (templateObject_1$e = __makeTemplateObject(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 20px;\n  font-family: 'Open Sans', sans-serif;\n  font-weight: 600;\n\n  .MuiPagination-ul {\n    flex-wrap: nowrap;\n  }\n  .MuiPaginationItem-root {\n    background: #ffffff;\n    border: 1px solid #e7e9ed !important;\n    border-radius: 4px !important;\n    width: 32px !important;\n    height: 32px !important;\n    padding: 6px 6px !important;\n\n    &:hover {\n      border: 1px solid #cdccd0;\n      background-color: #ffffff;\n    }\n\n    &.Mui-selected {\n      background: #08c694;\n      color: white;\n\n      &:hover {\n        background: #08c694;\n        border: none;\n      }\n    }\n  }\n"], ["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 20px;\n  font-family: 'Open Sans', sans-serif;\n  font-weight: 600;\n\n  .MuiPagination-ul {\n    flex-wrap: nowrap;\n  }\n  .MuiPaginationItem-root {\n    background: #ffffff;\n    border: 1px solid #e7e9ed !important;\n    border-radius: 4px !important;\n    width: 32px !important;\n    height: 32px !important;\n    padding: 6px 6px !important;\n\n    &:hover {\n      border: 1px solid #cdccd0;\n      background-color: #ffffff;\n    }\n\n    &.Mui-selected {\n      background: #08c694;\n      color: white;\n\n      &:hover {\n        background: #08c694;\n        border: none;\n      }\n    }\n  }\n"])));
+var PaginationWrapper = dt.div(templateObject_1$e || (templateObject_1$e = __makeTemplateObject(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 20px;\n  font-family: 'Open Sans', sans-serif;\n  font-weight: 600;\n\n  .MuiPagination-ul {\n    flex-wrap: nowrap;\n  }\n  .MuiPaginationItem-root {\n    background: #ffffff;\n    border: 1px solid #e7e9ed !important;\n    border-radius: 4px !important;\n    width: 32px !important;\n    height: 32px !important;\n    padding: 6px 6px !important;\n\n    &:hover {\n      border: 1px solid #cdccd0;\n      background-color: #ffffff;\n    }\n\n    &.Mui-selected {\n      background: ", ";\n      color: white;\n\n      &:hover {\n        background: ", ";\n        border: none;\n      }\n    }\n  }\n"], ["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 20px;\n  font-family: 'Open Sans', sans-serif;\n  font-weight: 600;\n\n  .MuiPagination-ul {\n    flex-wrap: nowrap;\n  }\n  .MuiPaginationItem-root {\n    background: #ffffff;\n    border: 1px solid #e7e9ed !important;\n    border-radius: 4px !important;\n    width: 32px !important;\n    height: 32px !important;\n    padding: 6px 6px !important;\n\n    &:hover {\n      border: 1px solid #cdccd0;\n      background-color: #ffffff;\n    }\n\n    &.Mui-selected {\n      background: ", ";\n      color: white;\n\n      &:hover {\n        background: ", ";\n        border: none;\n      }\n    }\n  }\n"])), function (_a) {
+  var $themeColor = _a.$themeColor;
+  return $themeColor || '#08c694';
+}, function (_a) {
+  var $themeColor = _a.$themeColor;
+  return $themeColor || '#08c694';
+});
 var templateObject_1$e;
 
 var Pagination = function Pagination(_a) {
@@ -61145,8 +61153,10 @@ var Pagination = function Pagination(_a) {
     totalPages = _a.totalPages,
     handleChange = _a.handleChange,
     perPage = _a.perPage,
+    themeColor = _a.themeColor,
     handlePerPageChange = _a.handlePerPageChange;
   return jsxRuntimeExports.jsxs(PaginationWrapper, {
+    "$themeColor": themeColor,
     children: [perPage && jsxRuntimeExports.jsxs(Select$1, {
       variant: 'standard',
       "native": true,
@@ -81389,7 +81399,7 @@ function requirePlayers () {
 	    canPlay: import_patterns.canPlay.youtube,
 	    lazyPlayer: (0, import_utils.lazy)(() => import(
 	      /* webpackChunkName: 'reactPlayerYouTube' */
-	      './YouTube-CdjuPIIO.esm.js'
+	      './YouTube-DvS99YSi.esm.js'
 	    ).then(function (n) { return n.Y; }))
 	  },
 	  {
@@ -81398,7 +81408,7 @@ function requirePlayers () {
 	    canPlay: import_patterns.canPlay.soundcloud,
 	    lazyPlayer: (0, import_utils.lazy)(() => import(
 	      /* webpackChunkName: 'reactPlayerSoundCloud' */
-	      './SoundCloud-BC8iiobM.esm.js'
+	      './SoundCloud-1OvUzexh.esm.js'
 	    ).then(function (n) { return n.S; }))
 	  },
 	  {
@@ -81407,7 +81417,7 @@ function requirePlayers () {
 	    canPlay: import_patterns.canPlay.vimeo,
 	    lazyPlayer: (0, import_utils.lazy)(() => import(
 	      /* webpackChunkName: 'reactPlayerVimeo' */
-	      './Vimeo-CXKbdxkV.esm.js'
+	      './Vimeo-B6eklZts.esm.js'
 	    ).then(function (n) { return n.V; }))
 	  },
 	  {
@@ -81416,7 +81426,7 @@ function requirePlayers () {
 	    canPlay: import_patterns.canPlay.mux,
 	    lazyPlayer: (0, import_utils.lazy)(() => import(
 	      /* webpackChunkName: 'reactPlayerMux' */
-	      './Mux-C0xOzOps.esm.js'
+	      './Mux-bOE4IGCQ.esm.js'
 	    ).then(function (n) { return n.M; }))
 	  },
 	  {
@@ -81425,7 +81435,7 @@ function requirePlayers () {
 	    canPlay: import_patterns.canPlay.facebook,
 	    lazyPlayer: (0, import_utils.lazy)(() => import(
 	      /* webpackChunkName: 'reactPlayerFacebook' */
-	      './Facebook-B1XpGyBt.esm.js'
+	      './Facebook-g8siL1GN.esm.js'
 	    ).then(function (n) { return n.F; }))
 	  },
 	  {
@@ -81434,7 +81444,7 @@ function requirePlayers () {
 	    canPlay: import_patterns.canPlay.streamable,
 	    lazyPlayer: (0, import_utils.lazy)(() => import(
 	      /* webpackChunkName: 'reactPlayerStreamable' */
-	      './Streamable-CGxErYVF.esm.js'
+	      './Streamable-DkZbzMhq.esm.js'
 	    ).then(function (n) { return n.S; }))
 	  },
 	  {
@@ -81443,7 +81453,7 @@ function requirePlayers () {
 	    canPlay: import_patterns.canPlay.wistia,
 	    lazyPlayer: (0, import_utils.lazy)(() => import(
 	      /* webpackChunkName: 'reactPlayerWistia' */
-	      './Wistia-CJDzE0TP.esm.js'
+	      './Wistia-T3lTN9f9.esm.js'
 	    ).then(function (n) { return n.W; }))
 	  },
 	  {
@@ -81452,7 +81462,7 @@ function requirePlayers () {
 	    canPlay: import_patterns.canPlay.twitch,
 	    lazyPlayer: (0, import_utils.lazy)(() => import(
 	      /* webpackChunkName: 'reactPlayerTwitch' */
-	      './Twitch-8quL43Fw.esm.js'
+	      './Twitch-CAR5VDqo.esm.js'
 	    ).then(function (n) { return n.T; }))
 	  },
 	  {
@@ -81461,7 +81471,7 @@ function requirePlayers () {
 	    canPlay: import_patterns.canPlay.dailymotion,
 	    lazyPlayer: (0, import_utils.lazy)(() => import(
 	      /* webpackChunkName: 'reactPlayerDailyMotion' */
-	      './DailyMotion-DbDeP0dq.esm.js'
+	      './DailyMotion-fTfJbAKR.esm.js'
 	    ).then(function (n) { return n.D; }))
 	  },
 	  {
@@ -81470,7 +81480,7 @@ function requirePlayers () {
 	    canPlay: import_patterns.canPlay.mixcloud,
 	    lazyPlayer: (0, import_utils.lazy)(() => import(
 	      /* webpackChunkName: 'reactPlayerMixcloud' */
-	      './Mixcloud-CtWhrXiZ.esm.js'
+	      './Mixcloud-1pcndu_p.esm.js'
 	    ).then(function (n) { return n.M; }))
 	  },
 	  {
@@ -81479,7 +81489,7 @@ function requirePlayers () {
 	    canPlay: import_patterns.canPlay.vidyard,
 	    lazyPlayer: (0, import_utils.lazy)(() => import(
 	      /* webpackChunkName: 'reactPlayerVidyard' */
-	      './Vidyard-DsG0WHnh.esm.js'
+	      './Vidyard-Dj__VHEu.esm.js'
 	    ).then(function (n) { return n.V; }))
 	  },
 	  {
@@ -81488,7 +81498,7 @@ function requirePlayers () {
 	    canPlay: import_patterns.canPlay.kaltura,
 	    lazyPlayer: (0, import_utils.lazy)(() => import(
 	      /* webpackChunkName: 'reactPlayerKaltura' */
-	      './Kaltura-DAkp5nY0.esm.js'
+	      './Kaltura-CgG6fwG2.esm.js'
 	    ).then(function (n) { return n.K; }))
 	  },
 	  {
@@ -81500,7 +81510,7 @@ function requirePlayers () {
 	    },
 	    lazyPlayer: (0, import_utils.lazy)(() => import(
 	      /* webpackChunkName: 'reactPlayerFilePlayer' */
-	      './FilePlayer-BSL_U8r8.esm.js'
+	      './FilePlayer--e_TvukB.esm.js'
 	    ).then(function (n) { return n.F; }))
 	  }
 	];
@@ -82321,7 +82331,7 @@ function requireReactPlayer () {
 	var import_Player = __toESM(/*@__PURE__*/ requirePlayer());
 	const Preview = (0, import_utils.lazy)(() => import(
 	  /* webpackChunkName: 'reactPlayerPreview' */
-	  './Preview-Crcz-S0c.esm.js'
+	  './Preview-ZZ8yCxMr.esm.js'
 	).then(function (n) { return n.P; }));
 	const IS_BROWSER = typeof window !== "undefined" && window.document && typeof document !== "undefined";
 	const IS_GLOBAL = typeof commonjsGlobal !== "undefined" && commonjsGlobal.window && commonjsGlobal.window.document;
@@ -82581,11 +82591,12 @@ var StyledTimeTrack = dt.div(templateObject_7 || (templateObject_7 = __makeTempl
   fontStyle: 'descriptor'
 });
 var StyledHeartIconContainer = dt.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"])));
-var StyledSubtitlesIconContainer = dt.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"])));
-var StyledFullscreenIconContainer = dt.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"])));
-var StyledVolumeIconContainer = dt.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"])));
-var StyledPlayPauseIconContainer = dt.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$8, templateObject_2$6, templateObject_3$3, templateObject_4$1, templateObject_5$1, templateObject_6$1, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12;
+var StyledDownloadIconContainer = dt.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n\n  & > svg {\n    width: 24px !important;\n    height: 24px !important;\n    \n    @media screen and (max-width: 1500px) {\n      width: 20px !important;\n      height: 20px !important;\n    }\n\n    @media screen and (max-width: 1000px) {\n      width: 16px !important;\n      height: 16px !important;\n    }\n  }\n\n  & > svg > path {\n    fill: #FFFFFF !important;\n    transition: fill 0.2s ease;\n  }\n\n  &:hover > svg > path {\n    fill: #08C694 !important;\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n\n  & > svg {\n    width: 24px !important;\n    height: 24px !important;\n    \n    @media screen and (max-width: 1500px) {\n      width: 20px !important;\n      height: 20px !important;\n    }\n\n    @media screen and (max-width: 1000px) {\n      width: 16px !important;\n      height: 16px !important;\n    }\n  }\n\n  & > svg > path {\n    fill: #FFFFFF !important;\n    transition: fill 0.2s ease;\n  }\n\n  &:hover > svg > path {\n    fill: #08C694 !important;\n  }\n"])));
+var StyledSubtitlesIconContainer = dt.div(templateObject_10 || (templateObject_10 = __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"])));
+var StyledFullscreenIconContainer = dt.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"])));
+var StyledVolumeIconContainer = dt.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 StyledPlayPauseIconContainer = dt.div(templateObject_13 || (templateObject_13 = __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$8, templateObject_2$6, templateObject_3$3, templateObject_4$1, templateObject_5$1, templateObject_6$1, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13;
 
 var PLAYBACK_SPEED_LIST = [{
   label: 'playback_speed.2x',
@@ -82799,7 +82810,60 @@ var Controls = function Controls(_a) {
     handleSkipForward = _a.handleSkipForward,
     isNextVideo = _a.isNextVideo,
     isPreviousVideo = _a.isPreviousVideo,
-    showFavorite = _a.showFavorite;
+    showFavorite = _a.showFavorite,
+    showDownload = _a.showDownload,
+    downloadUrl = _a.downloadUrl,
+    downloadFileName = _a.downloadFileName,
+    onDownload = _a.onDownload;
+  var handleDownloadClick = function handleDownloadClick() {
+    return __awaiter(void 0, void 0, void 0, function () {
+      var response, blob, blobUrl, link, error_1, link;
+      return __generator(this, function (_a) {
+        switch (_a.label) {
+          case 0:
+            if (!onDownload) return [3 /*break*/, 1];
+            onDownload();
+            return [3 /*break*/, 6];
+          case 1:
+            if (!downloadUrl) return [3 /*break*/, 6];
+            _a.label = 2;
+          case 2:
+            _a.trys.push([2, 5,, 6]);
+            return [4 /*yield*/, fetch(downloadUrl)];
+          case 3:
+            response = _a.sent();
+            if (!response.ok) throw new Error('Download failed');
+            return [4 /*yield*/, response.blob()];
+          case 4:
+            blob = _a.sent();
+            blobUrl = window.URL.createObjectURL(blob);
+            link = document.createElement('a');
+            link.href = blobUrl;
+            link.download = downloadFileName || 'video-download';
+            link.style.display = 'none';
+            document.body.appendChild(link);
+            link.click();
+            document.body.removeChild(link);
+            // Clean up blob URL
+            window.URL.revokeObjectURL(blobUrl);
+            return [3 /*break*/, 6];
+          case 5:
+            error_1 = _a.sent();
+            console.error('Download failed:', error_1);
+            link = document.createElement('a');
+            link.href = downloadUrl;
+            link.download = downloadFileName || 'video-download';
+            link.style.display = 'none';
+            document.body.appendChild(link);
+            link.click();
+            document.body.removeChild(link);
+            return [3 /*break*/, 6];
+          case 6:
+            return [2 /*return*/];
+        }
+      });
+    });
+  };
   return jsxRuntimeExports.jsxs(StyledControls, {
     children: [jsxRuntimeExports.jsx(StyledSlider, {
       type: 'range',
@@ -82849,6 +82913,10 @@ var Controls = function Controls(_a) {
           active: isFavorite,
           onClick: toggleIsFavorite
         })
+      }), showDownload && downloadUrl && jsxRuntimeExports.jsx(StyledDownloadIconContainer, {
+        children: jsxRuntimeExports.jsx(DownloadIcon, {
+          onClick: handleDownloadClick
+        })
       }), jsxRuntimeExports.jsx(PlaybackSpeedMenu, {
         playbackSpeed: playbackRate,
         onPlaybackSpeedChange: function onPlaybackSpeedChange(speed) {
@@ -89117,7 +89185,11 @@ var VideoPlayer = function VideoPlayer(_a) {
           return [2 /*return*/];
         });
       });
-    } : _h;
+    } : _h,
+    showDownload = _a.showDownload,
+    downloadUrl = _a.downloadUrl,
+    downloadFileName = _a.downloadFileName,
+    onDownload = _a.onDownload;
   var videoRef = useRef(null);
   var _j = usePlayerControls({
       startTime: startTime,
@@ -89269,7 +89341,11 @@ var VideoPlayer = function VideoPlayer(_a) {
         handleSkipForward: handleNextVideo,
         isNextVideo: isNextVideo,
         isPreviousVideo: isPreviousVideo,
-        showFavorite: showFavorite
+        showFavorite: showFavorite,
+        showDownload: showDownload,
+        downloadUrl: downloadUrl,
+        downloadFileName: downloadFileName,
+        onDownload: onDownload
       })
     })]
   });