suada-components 1.3.0 → 1.5.0

package/dist/components/{DailyMotion-BRR94A6R.js → DailyMotion-D1GfS99W.js}

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

package/dist/components/{DailyMotion-fTfJbAKR.esm.js → DailyMotion-DIc5BN6G.esm.js}

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

package/dist/components/{Facebook-g8siL1GN.esm.js → Facebook-B1WhW-N8.esm.js}

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

package/dist/components/{Facebook-BYAo-2rH.js → Facebook-CCzLezvE.js}

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

package/dist/components/{FilePlayer--e_TvukB.esm.js → FilePlayer-BVX0TAd4.esm.js}

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

package/dist/components/{FilePlayer-CBlW9Z-Z.js → FilePlayer-CSeIQE-t.js}

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

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

@@ -1,5 +1,21 @@
 import { Meta, StoryObj } from '@storybook/react';
 import { Uploader } from './Uploader';
+import { FileTypes } from './uploader.interface';
 declare const _default: Meta;
 export default _default;
 export declare const Default: StoryObj<typeof Uploader>;
+export declare const Uploaded: {
+    args: {
+        type: FileTypes;
+        label: string;
+        uploadedFile: {
+            id: string;
+            name: string;
+            type: FileTypes;
+            size: number;
+        };
+        inputValue: string;
+        disabled: boolean;
+        showFullPreview: boolean;
+    };
+};

package/dist/components/FileUploader/FileUploader.stories.js

@@ -29,7 +29,21 @@ export var Default = {
         type: FileTypes.IMAGE,
         label: 'Upload File',
         disabled: false,
-        loading: 0,
+        showFullPreview: true,
+    },
+};
+export var Uploaded = {
+    args: {
+        type: FileTypes.IMAGE,
+        label: 'Upload File',
+        uploadedFile: {
+            id: '1',
+            name: 'image.png',
+            type: FileTypes.IMAGE,
+            size: 1024,
+        },
+        inputValue: 'image.png',
+        disabled: false,
         showFullPreview: true,
     },
 };

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

@@ -1 +1 @@
-{"version":3,"file":"FileUploader.stories.js","sourceRoot":"","sources":["../../../src/components/FileUploader/FileUploader.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA;AAEhD,eAAe;IACb,KAAK,EAAE,qBAAqB;IAC5B,UAAU,EAAE;QACV,UAAA,KAAK,IAAI,OAAA,CACP,cAAK,KAAK,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,QAAQ,EAAE,YACrE,KAAC,KAAK,KAAG,GACL,CACP,EAJQ,CAIR;KACF;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,SAAS,EAAE,QAAQ;IACnB,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,OAAO,EAAE,QAAQ;YACjB,OAAO,EAAE,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC;SAClC;QACD,QAAQ,EAAE;YACR,OAAO,EAAE,SAAS;SACnB;QACD,OAAO,EAAE;YACP,OAAO,EAAE,QAAQ;SAClB;QACD,eAAe,EAAE;YACf,OAAO,EAAE,SAAS;SACnB;KACF;CACM,CAAA;AAET,MAAM,CAAC,IAAM,OAAO,GAA8B;IAChD,IAAI,EAAE;QACJ,IAAI,EAAE,SAAS,CAAC,KAAK;QACrB,KAAK,EAAE,aAAa;QACpB,QAAQ,EAAE,KAAK;QACf,OAAO,EAAE,CAAC;QACV,eAAe,EAAE,IAAI;KACtB;CACF,CAAA"}
+{"version":3,"file":"FileUploader.stories.js","sourceRoot":"","sources":["../../../src/components/FileUploader/FileUploader.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA;AAEhD,eAAe;IACb,KAAK,EAAE,qBAAqB;IAC5B,UAAU,EAAE;QACV,UAAA,KAAK,IAAI,OAAA,CACP,cAAK,KAAK,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,QAAQ,EAAE,YACrE,KAAC,KAAK,KAAG,GACL,CACP,EAJQ,CAIR;KACF;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,SAAS,EAAE,QAAQ;IACnB,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,OAAO,EAAE,QAAQ;YACjB,OAAO,EAAE,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC;SAClC;QACD,QAAQ,EAAE;YACR,OAAO,EAAE,SAAS;SACnB;QACD,OAAO,EAAE;YACP,OAAO,EAAE,QAAQ;SAClB;QACD,eAAe,EAAE;YACf,OAAO,EAAE,SAAS;SACnB;KACF;CACM,CAAA;AAET,MAAM,CAAC,IAAM,OAAO,GAA8B;IAChD,IAAI,EAAE;QACJ,IAAI,EAAE,SAAS,CAAC,KAAK;QACrB,KAAK,EAAE,aAAa;QACpB,QAAQ,EAAE,KAAK;QACf,eAAe,EAAE,IAAI;KACtB;CACF,CAAA;AACD,MAAM,CAAC,IAAM,QAAQ,GAAG;IACtB,IAAI,EAAE;QACJ,IAAI,EAAE,SAAS,CAAC,KAAK;QACrB,KAAK,EAAE,aAAa;QACpB,YAAY,EAAE;YACZ,EAAE,EAAE,GAAG;YACP,IAAI,EAAE,WAAW;YACjB,IAAI,EAAE,SAAS,CAAC,KAAK;YACrB,IAAI,EAAE,IAAI;SACX;QACD,UAAU,EAAE,WAAW;QACvB,QAAQ,EAAE,KAAK;QACf,eAAe,EAAE,IAAI;KACtB;CACF,CAAA"}

package/dist/components/FileUploader/Uploader.d.ts

@@ -1,3 +1,3 @@
 import { ReactElement } from 'react';
 import { IUploaderProps } from './uploader.interface';
-export declare const Uploader: ({ type, uploadedFile, label, inputValue, onInputChange, onFileChange, disabled, loading, deleteFile, id, accept, name, multiple, placeHolder, showFullPreview, inputClassName, touched, error, nameClassName, required, }: IUploaderProps) => ReactElement;
+export declare const Uploader: ({ type, uploadedFile, label, inputValue, onInputChange, onFileChange, disabled, loading, deleteFile, id, accept, name, multiple, fileExtension, error, required, }: IUploaderProps) => ReactElement;

package/dist/components/FileUploader/Uploader.js

@@ -1,51 +1,52 @@
-import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import CancelIcon from '@mui/icons-material/Cancel';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
 import CircularProgress from '@mui/material/CircularProgress';
-import OndemandVideoIcon from '@mui/icons-material/OndemandVideo';
-import { Container, ItemContainer, CancelButton, InputFileContainer, UploadInput, ImagePlaceholder, InputLabel, VideoPlaceholder, DefaultPlaceholder, LoadingProgressContainer, CircularProgressStyles, FlexContainer, ErrorText, Title, } from './styled-components';
-import InsertDriveFileIcon from '@mui/icons-material/InsertDriveFile';
-import HeadsetIcon from '@mui/icons-material/Headset';
-import FileUploadOutlinedIcon from '@mui/icons-material/FileUploadOutlined';
-import { FileTypes } from './uploader.interface';
+import CancelIcon from '@mui/icons-material/Cancel';
+import { Container, ItemContainer, CancelButton, InputFileContainer, UploadInput, ImagePlaceholder, InputLabel, ErrorText, Title, styles, } from './styled-components';
 import { Input } from '../Input';
 import { useTranslation } from '../Providers/TranslationProvider/TranslationProvider';
-var Loading = function (_a) {
-    var type = _a.type, loading = _a.loading;
-    if ([FileTypes.VIDEO, FileTypes.AUDIO].includes(type)) {
-        return _jsxs(LoadingProgressContainer, { children: [Math.round(loading), " %"] });
+var ImageWithFallback = function (_a) {
+    var src = _a.src, alt = _a.alt;
+    var _b = useState(false), hasError = _b[0], setHasError = _b[1];
+    if (hasError) {
+        return _jsx(CircularProgress, {});
     }
-    return (_jsx(LoadingProgressContainer, { children: _jsx(CircularProgress, { style: CircularProgressStyles }) }));
+    return (_jsx("img", { src: src, alt: alt, style: styles.thumbnail, onError: function () { return setHasError(true); } }));
 };
-var handleFileClick = function (link) {
-    if (link) {
-        window.open(link, '_blank');
+var Loading = function (_a) {
+    var type = _a.type, loading = _a.loading;
+    if (['video', 'audio'].includes(type)) {
+        return _jsxs("div", { style: { marginLeft: '19px', marginTop: '2px' }, children: [Math.round(loading), " %"] });
     }
+    return (_jsx("div", { style: { marginLeft: '19px', marginTop: '2px' }, children: _jsx(CircularProgress, { style: { width: '32px', height: '32px' } }) }));
 };
 export var Uploader = function (_a) {
-    var type = _a.type, uploadedFile = _a.uploadedFile, label = _a.label, inputValue = _a.inputValue, onInputChange = _a.onInputChange, onFileChange = _a.onFileChange, disabled = _a.disabled, loading = _a.loading, deleteFile = _a.deleteFile, id = _a.id, accept = _a.accept, name = _a.name, multiple = _a.multiple, placeHolder = _a.placeHolder, _b = _a.showFullPreview, showFullPreview = _b === void 0 ? false : _b, inputClassName = _a.inputClassName, touched = _a.touched, error = _a.error, nameClassName = _a.nameClassName, _c = _a.required, required = _c === void 0 ? false : _c;
+    var type = _a.type, uploadedFile = _a.uploadedFile, label = _a.label, inputValue = _a.inputValue, onInputChange = _a.onInputChange, onFileChange = _a.onFileChange, disabled = _a.disabled, loading = _a.loading, deleteFile = _a.deleteFile, id = _a.id, accept = _a.accept, name = _a.name, multiple = _a.multiple, fileExtension = _a.fileExtension, error = _a.error, _b = _a.required, required = _b === void 0 ? false : _b;
     var t = useTranslation().t;
-    var InlineFilePreview = function () {
-        var file = uploadedFile;
+    var filePreview = function () {
+        var _a;
+        // pdf is in file type too so we need to check for pdf explicitly
+        if (((_a = uploadedFile === null || uploadedFile === void 0 ? void 0 : uploadedFile.link) === null || _a === void 0 ? void 0 : _a.split('.').pop()) === 'pdf') {
+            return (_jsx(ImagePlaceholder, { children: _jsx("div", { style: { fontSize: '10px', textAlign: 'center', padding: '4px', width: '72px', height: '48px', display: 'flex', alignItems: 'center', justifyContent: 'center', background: '#f5f5f5', borderRadius: '4px' }, children: "PDF" }) }));
+        }
         switch (type) {
-            case FileTypes.IMAGE:
-                return (_jsx(ImagePlaceholder, { onClick: function () {
-                        handleFileClick(file.link);
-                    }, children: _jsx("img", { src: file === null || file === void 0 ? void 0 : file.link, alt: '' }) }));
-            case FileTypes.VIDEO:
-                return (_jsx(VideoPlaceholder, { onClick: function () {
-                        var _a, _b;
-                        handleFileClick((_b = (_a = file.links) === null || _a === void 0 ? void 0 : _a[4]) === null || _b === void 0 ? void 0 : _b.url);
-                    }, children: _jsx(OndemandVideoIcon, { color: 'secondary' }) }));
-            case FileTypes.AUDIO:
-                return (_jsx(DefaultPlaceholder, { onClick: function () {
-                        handleFileClick(file.link);
-                    }, children: _jsx(HeadsetIcon, { color: 'secondary' }) }));
+            case 'image':
+                return (_jsx(ImagePlaceholder, { children: _jsx(ImageWithFallback, { src: (uploadedFile === null || uploadedFile === void 0 ? void 0 : uploadedFile.link) || '', alt: 'Image Thumbnail' }) }));
+            case 'file':
+                return (_jsx(ImagePlaceholder, { children: _jsx("div", { style: { fontSize: '10px', textAlign: 'center', padding: '4px', width: '72px', height: '48px', display: 'flex', alignItems: 'center', justifyContent: 'center', background: '#f5f5f5', borderRadius: '4px' }, children: "FILE" }) }));
+            case 'video':
+                return (_jsx("div", { style: { marginTop: '3px' }, children: _jsx("div", { style: { fontSize: '10px', textAlign: 'center', padding: '4px', width: '72px', height: '48px', display: 'flex', alignItems: 'center', justifyContent: 'center', background: '#f5f5f5', borderRadius: '4px' }, children: "VIDEO" }) }));
+            case 'audio':
+                return (_jsx("div", { style: { marginTop: '3px' }, children: _jsx("div", { style: { fontSize: '10px', textAlign: 'center', padding: '4px', width: '72px', height: '48px', display: 'flex', alignItems: 'center', justifyContent: 'center', background: '#f5f5f5', borderRadius: '4px' }, children: "AUDIO" }) }));
             default:
-                return (_jsx(DefaultPlaceholder, { onClick: function () {
-                        handleFileClick(file.link);
-                    }, children: _jsx(InsertDriveFileIcon, { color: 'secondary' }) }));
+                return (_jsx(ImagePlaceholder, { children: _jsx("div", { style: { fontSize: '10px', textAlign: 'center', padding: '4px', width: '72px', height: '48px', display: 'flex', alignItems: 'center', justifyContent: 'center', background: '#f5f5f5', borderRadius: '4px' }, children: "FILE" }) }));
         }
     };
-    return (_jsxs(Container, { children: [label && _jsx(Title, { "$required": required, children: label }), _jsxs(FlexContainer, { children: [_jsx(ItemContainer, { width: '75%', children: _jsx(Input, { label: '', placeholder: placeHolder ? placeHolder : 'Supported formats are PNG, JPG, JPEG', name: 'file', size: 'small', type: 'text', fullWidth: true, touched: touched, error: !!error, value: inputValue, onChange: onInputChange, disabled: disabled }) }), showFullPreview ? (_jsxs(_Fragment, { children: [_jsx(ItemContainer, { width: '23%', children: loading ? (_jsx(Loading, { type: type, loading: loading })) : (_jsxs(InputFileContainer, { children: [_jsx(UploadInput, { type: 'file', className: nameClassName, name: name, id: id, onChange: onFileChange, multiple: multiple, accept: accept }), _jsxs(InputLabel, { htmlFor: id, children: [_jsx(FileUploadOutlinedIcon, {}), t('general.upload') || 'Upload', ' '] })] })) }), uploadedFile && type === FileTypes.IMAGE && (_jsx(ImagePlaceholder, { height: 160, children: uploadedFile.link && _jsx("img", { src: uploadedFile.link, alt: 'Input Image' }) })), uploadedFile && (_jsx(CancelButton, { onClick: deleteFile, right: '160px', top: '37px', children: _jsx(CancelIcon, { style: { color: 'rgba(179, 179, 184, 1)' } }) }))] })) : (_jsxs(_Fragment, { children: [_jsxs(ItemContainer, { width: '23%', children: [!uploadedFile && !loading && (_jsxs(InputFileContainer, { children: [_jsx(UploadInput, { type: 'file', className: inputClassName, name: name, id: id, onChange: onFileChange, multiple: multiple, accept: accept }), _jsxs(InputLabel, { htmlFor: id, children: [_jsx(FileUploadOutlinedIcon, {}), t('general.upload')] })] })), loading && _jsx(Loading, { type: type, loading: loading }), uploadedFile && InlineFilePreview()] }), uploadedFile && (_jsx(CancelButton, { onClick: deleteFile, children: _jsx(CancelIcon, { style: { color: '#06C68F' } }) })), ' '] }))] }), error && touched && _jsx(ErrorText, { children: error })] }));
+    return (_jsxs("div", { children: [label && _jsx(Title, { "$required": required, children: label }), _jsxs(Container, { children: [_jsxs(ItemContainer, { children: [!uploadedFile && !loading && (_jsxs(InputFileContainer, { children: [_jsx(UploadInput, { type: 'file', name: name, id: id, onChange: onFileChange, multiple: multiple, accept: accept }), _jsx(InputLabel, { htmlFor: id, children: t('actions.choose_file') || 'Choose File' })] })), loading && _jsx(Loading, { type: type || 'file', loading: loading }), !disabled && uploadedFile && filePreview()] }), _jsx(ItemContainer, { children: _jsx(Input, { label: inputValue ? '' : "".concat(t('form_fields.file_name') || 'File name', " ").concat(fileExtension || ''), name: 'file', size: 'small', type: 'text', fullWidth: true, value: inputValue || '', onChange: onInputChange, disabled: disabled }) }), uploadedFile && (_jsx(CancelButton, { onClick: function (e) {
+                            e.stopPropagation();
+                            if (deleteFile) {
+                                deleteFile();
+                            }
+                        }, children: _jsx(CancelIcon, { style: { color: '#06C68F' } }) }))] }), error && _jsx(ErrorText, { children: error })] }));
 };
 //# sourceMappingURL=Uploader.js.map

package/dist/components/FileUploader/Uploader.js.map

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

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

@@ -6,11 +6,7 @@ export declare const FileUploaderHeader: import("styled-components/dist/types").
 export declare const FileUploaderContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const Content: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const ErrorText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const FlexContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const ItemContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    width: string;
-}>> & string;
+export declare const ItemContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const InputContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const CancelButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     top?: string;
@@ -19,9 +15,7 @@ export declare const CancelButton: import("styled-components/dist/types").IStyle
 export declare const InputFileContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const UploadInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;
 export declare const Label: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const ImagePlaceholder: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    height?: number;
-}>> & string;
+export declare const ImagePlaceholder: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const InputLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never>> & string;
 export declare const ButtonInputLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never>> & string;
 export declare const FileUploadButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
@@ -35,3 +29,12 @@ export declare const CircularProgressStyles: {
 export declare const Title: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {
     $required?: boolean;
 }>> & string;
+export declare const ErrorText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;
+export declare const styles: {
+    thumbnail: {
+        width: string;
+        height: string;
+        borderRadius: string;
+        padding: string;
+    };
+};

package/dist/components/FileUploader/styled-components.js

@@ -13,43 +13,44 @@ export var Content = styled.div(templateObject_7 || (templateObject_7 = __makeTe
     // Uploader
 ])));
 // Uploader
-export var Container = styled.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  width: 100%;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  position: relative;\n"], ["\n  width: 100%;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  position: relative;\n"])));
-export var ErrorText = styled.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  font-size: 12px;\n  color: #d32f2f;\n  margin-left: 5px;\n  margin-top: -15px;\n"], ["\n  font-size: 12px;\n  color: #d32f2f;\n  margin-left: 5px;\n  margin-top: -15px;\n"])));
-export var FlexContainer = styled.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  display: flex;\n  flex-wrap: wrap;\n  gap: 10px;\n  align-items: center;\n"], ["\n  display: flex;\n  flex-wrap: wrap;\n  gap: 10px;\n  align-items: center;\n"])));
-export var ItemContainer = styled.div(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n  width: ", ";\n  position: relative;\n"], ["\n  width: ", ";\n  position: relative;\n"])), function (_a) {
-    var width = _a.width;
-    return width || '100%';
-});
-export var InputContainer = styled.div(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n  width: 390px;\n"], ["\n  width: 390px;\n"])));
-export var CancelButton = styled.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) {
+export var Container = styled.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  width: 100%;\n  box-sizing: border-box;\n  padding: 14px 10px;\n  border: 1px solid rgba(0, 0, 0, 0.23);\n  display: grid;\n  grid-template-columns: 86px auto;\n  align-items: center;\n  position: relative;\n"], ["\n  width: 100%;\n  box-sizing: border-box;\n  padding: 14px 10px;\n  border: 1px solid rgba(0, 0, 0, 0.23);\n  display: grid;\n  grid-template-columns: 86px auto;\n  align-items: center;\n  position: relative;\n"])));
+export var ItemContainer = styled.div(templateObject_9 || (templateObject_9 = __makeTemplateObject([""], [""])));
+export var InputContainer = styled.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  width: 390px;\n"], ["\n  width: 390px;\n"])));
+export var CancelButton = styled.div(templateObject_11 || (templateObject_11 = __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';
+    return right || '-12px';
 }, function (_a) {
     var top = _a.top;
-    return top || '5px';
-});
-export var InputFileContainer = styled.div(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n  position: relative;\n  display: flex;\n  justify-content: flex-end;\n  /* input {\n    opacity: 0;\n    position: absolute;\n    z-index: -1;\n    left: 0;\n    top: 0;\n    overflow: hidden;\n  }\n\n  &label {\n    width: 85%;\n    height: 100%;\n    cursor: pointer;\n  } */\n"], ["\n  position: relative;\n  display: flex;\n  justify-content: flex-end;\n  /* input {\n    opacity: 0;\n    position: absolute;\n    z-index: -1;\n    left: 0;\n    top: 0;\n    overflow: hidden;\n  }\n\n  &label {\n    width: 85%;\n    height: 100%;\n    cursor: pointer;\n  } */\n"])));
-export var UploadInput = styled.input(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n  opacity: 0;\n  position: absolute;\n  z-index: -1;\n  left: 0;\n  width: 0;\n  top: 0;\n  overflow: hidden;\n"], ["\n  opacity: 0;\n  position: absolute;\n  z-index: -1;\n  left: 0;\n  width: 0;\n  top: 0;\n  overflow: hidden;\n"])));
-export var Label = styled.div(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n  position: absolute;\n  left: 0px;\n  top: -15px;\n  background: #fff;\n  font-size: 12px;\n  color: rgba(0, 0, 0, 0.54);\n"], ["\n  position: absolute;\n  left: 0px;\n  top: -15px;\n  background: #fff;\n  font-size: 12px;\n  color: rgba(0, 0, 0, 0.54);\n"])));
-export var ImagePlaceholder = styled.div(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n  display: flex;\n  justify-content: flex-end;\n  cursor: pointer;\n\n  img {\n    position: relative;\n    border: 1px solid #08c694;\n    width: 100%;\n    height: ", "px;\n    object-fit: cover;\n    top: 2px;\n  }\n"], ["\n  display: flex;\n  justify-content: flex-end;\n  cursor: pointer;\n\n  img {\n    position: relative;\n    border: 1px solid #08c694;\n    width: 100%;\n    height: ", "px;\n    object-fit: cover;\n    top: 2px;\n  }\n"])), function (_a) {
-    var height = _a.height;
-    return height || 60;
+    return top || '-12px';
 });
-export var InputLabel = styled.label(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 2px;\n  padding: 5px 5px;\n  max-width: 150px;\n  cursor: pointer;\n  background: #fff;\n  border: 1px solid #08c694;\n  color: #08c694;\n  font-size: 19px;\n  font-weight: 400;\n  border-radius: 4px;\n  width: 130px;\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 2px;\n  padding: 5px 5px;\n  max-width: 150px;\n  cursor: pointer;\n  background: #fff;\n  border: 1px solid #08c694;\n  color: #08c694;\n  font-size: 19px;\n  font-weight: 400;\n  border-radius: 4px;\n  width: 130px;\n"
+export var InputFileContainer = styled.div(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n  position: relative;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  /* input {\n    opacity: 0;\n    position: absolute;\n    z-index: -1;\n    left: 0;\n    top: 0;\n    overflow: hidden;\n  }\n\n  &label {\n    width: 85%;\n    height: 100%;\n    cursor: pointer;\n  } */\n"], ["\n  position: relative;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  /* input {\n    opacity: 0;\n    position: absolute;\n    z-index: -1;\n    left: 0;\n    top: 0;\n    overflow: hidden;\n  }\n\n  &label {\n    width: 85%;\n    height: 100%;\n    cursor: pointer;\n  } */\n"])));
+export var UploadInput = styled.input(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n  opacity: 0;\n  position: absolute;\n  z-index: -1;\n  left: 0;\n  width: 0;\n  top: 0;\n  overflow: hidden;\n"], ["\n  opacity: 0;\n  position: absolute;\n  z-index: -1;\n  left: 0;\n  width: 0;\n  top: 0;\n  overflow: hidden;\n"])));
+export var Label = styled.div(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n  position: absolute;\n  left: 0px;\n  top: -15px;\n  background: #fff;\n  font-size: 12px;\n  color: rgba(0, 0, 0, 0.54);\n"], ["\n  position: absolute;\n  left: 0px;\n  top: -15px;\n  background: #fff;\n  font-size: 12px;\n  color: rgba(0, 0, 0, 0.54);\n"])));
+export var ImagePlaceholder = styled.div(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n  img {\n    position: relative;\n    width: 72px;\n    height: 48px;\n    border-radius: 4px;\n    padding: 4px;\n    top: 2px;\n  }\n"], ["\n  img {\n    position: relative;\n    width: 72px;\n    height: 48px;\n    border-radius: 4px;\n    padding: 4px;\n    top: 2px;\n  }\n"])));
+export var InputLabel = styled.label(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n  cursor: pointer;\n  color: #fff;\n  background: #06c68f;\n  font-size: 11px;\n  padding: 9px 6px;\n  border-radius: 4px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"], ["\n  cursor: pointer;\n  color: #fff;\n  background: #06c68f;\n  font-size: 11px;\n  padding: 9px 6px;\n  border-radius: 4px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"
     // UploaderButton
 ])));
 // UploaderButton
-export var ButtonInputLabel = styled.label(templateObject_19 || (templateObject_19 = __makeTemplateObject(["\n  cursor: pointer;\n  color: #fff;\n  background: #06c68f;\n  font-size: 11px;\n  padding: 4px 6px;\n  border-radius: 4px;\n  display: flex;\n  align-items: center;\n"], ["\n  cursor: pointer;\n  color: #fff;\n  background: #06c68f;\n  font-size: 11px;\n  padding: 4px 6px;\n  border-radius: 4px;\n  display: flex;\n  align-items: center;\n"])));
-export var FileUploadButton = styled.div(templateObject_20 || (templateObject_20 = __makeTemplateObject(["\n  input {\n    opacity: 0;\n    width: 1px;\n    position: absolute;\n    z-index: -1;\n    left: 0;\n    top: 0;\n    overflow: hidden;\n  }\n"], ["\n  input {\n    opacity: 0;\n    width: 1px;\n    position: absolute;\n    z-index: -1;\n    left: 0;\n    top: 0;\n    overflow: hidden;\n  }\n"])));
-export var VideoPlaceholder = styled.div(templateObject_21 || (templateObject_21 = __makeTemplateObject(["\n  margin-left: auto;\n  margin-top: 3px;\n  width: 60px;\n  cursor: pointer;\n"], ["\n  margin-left: auto;\n  margin-top: 3px;\n  width: 60px;\n  cursor: pointer;\n"])));
-export var DefaultPlaceholder = styled.div(templateObject_22 || (templateObject_22 = __makeTemplateObject(["\n  margin-left: 23px;\n  margin-top: 3px;\n  cursor: pointer;\n"], ["\n  margin-left: 23px;\n  margin-top: 3px;\n  cursor: pointer;\n"])));
-export var LoadingProgressContainer = styled.div(templateObject_23 || (templateObject_23 = __makeTemplateObject(["\n  margin-left: 19px;\n  margin-top: 2px;\n"], ["\n  margin-left: 19px;\n  margin-top: 2px;\n"])));
+export var ButtonInputLabel = styled.label(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n  cursor: pointer;\n  color: #fff;\n  background: #06c68f;\n  font-size: 11px;\n  padding: 4px 6px;\n  border-radius: 4px;\n  display: flex;\n  align-items: center;\n"], ["\n  cursor: pointer;\n  color: #fff;\n  background: #06c68f;\n  font-size: 11px;\n  padding: 4px 6px;\n  border-radius: 4px;\n  display: flex;\n  align-items: center;\n"])));
+export var FileUploadButton = styled.div(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n  input {\n    opacity: 0;\n    width: 1px;\n    position: absolute;\n    z-index: -1;\n    left: 0;\n    top: 0;\n    overflow: hidden;\n  }\n"], ["\n  input {\n    opacity: 0;\n    width: 1px;\n    position: absolute;\n    z-index: -1;\n    left: 0;\n    top: 0;\n    overflow: hidden;\n  }\n"])));
+export var VideoPlaceholder = styled.div(templateObject_19 || (templateObject_19 = __makeTemplateObject(["\n  margin-left: auto;\n  margin-top: 3px;\n  width: 60px;\n  cursor: pointer;\n"], ["\n  margin-left: auto;\n  margin-top: 3px;\n  width: 60px;\n  cursor: pointer;\n"])));
+export var DefaultPlaceholder = styled.div(templateObject_20 || (templateObject_20 = __makeTemplateObject(["\n  margin-left: 23px;\n  margin-top: 3px;\n  cursor: pointer;\n"], ["\n  margin-left: 23px;\n  margin-top: 3px;\n  cursor: pointer;\n"])));
+export var LoadingProgressContainer = styled.div(templateObject_21 || (templateObject_21 = __makeTemplateObject(["\n  margin-left: 19px;\n  margin-top: 2px;\n"], ["\n  margin-left: 19px;\n  margin-top: 2px;\n"])));
 export var CircularProgressStyles = { width: '32px', height: '32px' };
-export var Title = styled.h2(templateObject_24 || (templateObject_24 = __makeTemplateObject(["\n  font-size: 16px;\n  font-weight: 550;\n  margin-bottom: 5px;\n\n  ", "\n"], ["\n  font-size: 16px;\n  font-weight: 550;\n  margin-bottom: 5px;\n\n  ", "\n"])), function (_a) {
+export var Title = styled.h2(templateObject_22 || (templateObject_22 = __makeTemplateObject(["\n  font-size: 16px;\n  font-weight: 550;\n  margin-bottom: 5px;\n\n  ", "\n"], ["\n  font-size: 16px;\n  font-weight: 550;\n  margin-bottom: 5px;\n\n  ", "\n"])), function (_a) {
     var $required = _a.$required;
     return $required
         ? "\n    &::after {\n      content: '*';\n      color: red;\n      margin-left: 3px;\n    }\n  "
         : '';
 });
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20, templateObject_21, templateObject_22, templateObject_23, templateObject_24;
+export var ErrorText = styled.p(templateObject_23 || (templateObject_23 = __makeTemplateObject(["\n  font-size: 14px;\n  color: #d32f2f;\n  margin-top: 4px;\n"], ["\n  font-size: 14px;\n  color: #d32f2f;\n  margin-top: 4px;\n"])));
+export var styles = {
+    thumbnail: {
+        width: '72px',
+        height: '48px',
+        borderRadius: '4px',
+        padding: '4px',
+    },
+};
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20, templateObject_21, templateObject_22, templateObject_23;
 //# sourceMappingURL=styled-components.js.map

package/dist/components/FileUploader/styled-components.js.map

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

package/dist/components/{Kaltura-CgG6fwG2.esm.js → Kaltura-Dv3nF_qk.esm.js}

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

package/dist/components/{Kaltura-Cw4p4d7w.js → Kaltura-Ybj6tj4c.js}

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

package/dist/components/{Mixcloud-1pcndu_p.esm.js → Mixcloud-DgO-TXVn.esm.js}

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

package/dist/components/{Mixcloud-FU7dfnB-.js → Mixcloud-NSXYlse6.js}

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

package/dist/components/{Mux-bOE4IGCQ.esm.js → Mux-BVKUzr2W.esm.js}

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

package/dist/components/{Mux-CFgk1TgE.js → Mux-CWsIfXgR.js}

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

package/dist/components/{Preview-ZZ8yCxMr.esm.js → Preview-BYYoOVhE.esm.js}

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

package/dist/components/{Preview-CFFnVBFk.js → Preview-YEvp75ub.js}

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

package/dist/components/{SoundCloud-BsdovEa4.js → SoundCloud-D5RE0hBN.js}

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

package/dist/components/{SoundCloud-1OvUzexh.esm.js → SoundCloud-oy_T9Aiu.esm.js}

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

package/dist/components/{Streamable-DkZbzMhq.esm.js → Streamable-BEA6SKQj.esm.js}

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

package/dist/components/{Streamable-C18bUmk1.js → Streamable-cVBLCtV4.js}

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

package/dist/components/{Twitch-BwMnK2K5.js → Twitch-DK8g5mI9.js}

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

package/dist/components/{Twitch-CAR5VDqo.esm.js → Twitch-DPtzkrmp.esm.js}

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

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

@@ -46,8 +46,9 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     }
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { StyledControls, StyledSlider, StyledVolumeWrapper, StyledVolumeSlider, StyledControllerLeft, StyledControllerRight, StyledTimeTrack, StyledHeartIconContainer, StyledSubtitlesIconContainer, StyledFullscreenIconContainer, StyledVolumeIconContainer, StyledPlayPauseIconContainer, StyledDownloadIconContainer, } from './Controls.styles';
+import { StyledControls, StyledSlider, StyledVolumeWrapper, StyledVolumeSlider, StyledControllerLeft, StyledControllerRight, StyledTimeTrack, StyledHeartIconContainer, StyledSubtitlesIconContainer, StyledFullscreenIconContainer, StyledVolumeIconContainer, StyledPlayPauseIconContainer, StyledDownloadIconContainer, StyledRewindIconContainer, } from './Controls.styles';
 import { HeartIcon, MaximizeIcon, MinimizeIcon, PauseIcon, PlayIcon, RewindIcon, SkipIcon, SubtitlesIcon, VolumeMuteIcon, VolumeUpIcon, DownloadIcon, } from '../../../icons';
+import { CustomTooltip } from '../../Tooltip';
 import PlaybackSpeedMenu from '../PlaybackSpeedMenu';
 var Controls = function (_a) {
     var setVideoState = _a.setVideoState, playbackRate = _a.playbackRate, rewindHandler = _a.rewindHandler, playPauseHandler = _a.playPauseHandler, handleFastForward = _a.handleFastForward, formatCurrentTime = _a.formatCurrentTime, played = _a.played, onSeekMouseDownHandler = _a.onSeekMouseDownHandler, seekHandler = _a.seekHandler, seekMouseUpHandler = _a.seekMouseUpHandler, volume = _a.volume, muted = _a.muted, muteHandler = _a.muteHandler, volumeChangeHandler = _a.volumeChangeHandler, formatDuration = _a.formatDuration, handleFullScreen = _a.handleFullScreen, playing = _a.playing, isSubtitlesChecked = _a.isSubtitlesChecked, toggleSubtitlesCheck = _a.toggleSubtitlesCheck, isFavorite = _a.isFavorite, toggleIsFavorite = _a.toggleIsFavorite, isFullscreen = _a.isFullscreen, subtitle = _a.subtitle, handleSkipBackward = _a.handleSkipBackward, handleSkipForward = _a.handleSkipForward, isNextVideo = _a.isNextVideo, isPreviousVideo = _a.isPreviousVideo, showFavorite = _a.showFavorite, showDownload = _a.showDownload, downloadUrl = _a.downloadUrl, downloadFileName = _a.downloadFileName, onDownload = _a.onDownload;
@@ -98,22 +99,22 @@ var Controls = function (_a) {
             }
         });
     }); };
-    return (_jsxs(StyledControls, { children: [_jsx(StyledSlider, { type: 'range', min: 0, max: 100, value: played * 100, onMouseDown: onSeekMouseDownHandler, onChange: seekHandler, onMouseUp: seekMouseUpHandler }), _jsxs(StyledControllerLeft, { children: [_jsx(StyledPlayPauseIconContainer, { onClick: playPauseHandler, children: playing ? _jsx(PauseIcon, {}) : _jsx(PlayIcon, {}) }), _jsx(RewindIcon, { onClick: rewindHandler }), _jsx(RewindIcon, { forward: true, onClick: handleFastForward }), _jsxs(StyledVolumeWrapper, { children: [_jsx(StyledVolumeIconContainer, { onClick: muteHandler, children: muted ? _jsx(VolumeMuteIcon, {}) : _jsx(VolumeUpIcon, {}) }), _jsx(StyledVolumeSlider, { type: 'range', value: volume * 100, onChange: volumeChangeHandler })] }), _jsxs(StyledTimeTrack, { children: [formatCurrentTime, " /", formatDuration] })] }), _jsxs(StyledControllerRight, { children: [handleSkipBackward && (_jsx(SkipIcon, { onClick: function () {
-                            if (!isPreviousVideo)
-                                return;
-                            handleSkipBackward();
-                        }, className: isPreviousVideo ? '' : 'skip-icon-disabled' })), handleSkipForward && (_jsx(SkipIcon, { forward: true, onClick: function () {
-                            if (!isNextVideo)
-                                return;
-                            handleSkipForward();
-                        }, className: isNextVideo ? '' : 'skip-icon-disabled' })), showFavorite && (_jsx(StyledHeartIconContainer, { children: _jsx(HeartIcon, { active: isFavorite, onClick: toggleIsFavorite }) })), showDownload && downloadUrl && (_jsx(StyledDownloadIconContainer, { children: _jsx(DownloadIcon, { onClick: handleDownloadClick }) })), _jsx(PlaybackSpeedMenu, { playbackSpeed: playbackRate, onPlaybackSpeedChange: function (speed) {
+    return (_jsxs(StyledControls, { children: [_jsx(StyledSlider, { type: 'range', min: 0, max: 100, value: played * 100, onMouseDown: onSeekMouseDownHandler, onChange: seekHandler, onMouseUp: seekMouseUpHandler }), _jsxs(StyledControllerLeft, { children: [_jsx(CustomTooltip, { title: playing ? 'Pause' : 'Play', children: _jsx(StyledPlayPauseIconContainer, { onClick: playPauseHandler, children: playing ? _jsx(PauseIcon, {}) : _jsx(PlayIcon, {}) }) }), _jsx(CustomTooltip, { title: "Rewind 10 seconds", children: _jsx(StyledRewindIconContainer, { children: _jsx(RewindIcon, { onClick: rewindHandler }) }) }), _jsx(CustomTooltip, { title: "Forward 10 seconds", children: _jsx(StyledRewindIconContainer, { children: _jsx(RewindIcon, { forward: true, onClick: handleFastForward }) }) }), _jsxs(StyledVolumeWrapper, { children: [_jsx(CustomTooltip, { title: muted ? 'Unmute' : 'Mute', children: _jsx(StyledVolumeIconContainer, { onClick: muteHandler, children: muted ? _jsx(VolumeMuteIcon, {}) : _jsx(VolumeUpIcon, {}) }) }), _jsx(StyledVolumeSlider, { type: 'range', value: volume * 100, onChange: volumeChangeHandler })] }), _jsxs(StyledTimeTrack, { children: [formatCurrentTime, " /", formatDuration] })] }), _jsxs(StyledControllerRight, { children: [handleSkipBackward && (_jsx(CustomTooltip, { title: "Previous video", children: _jsx(SkipIcon, { onClick: function () {
+                                if (!isPreviousVideo)
+                                    return;
+                                handleSkipBackward();
+                            }, className: isPreviousVideo ? '' : 'skip-icon-disabled' }) })), handleSkipForward && (_jsx(CustomTooltip, { title: "Next video", children: _jsx(SkipIcon, { forward: true, onClick: function () {
+                                if (!isNextVideo)
+                                    return;
+                                handleSkipForward();
+                            }, className: isNextVideo ? '' : 'skip-icon-disabled' }) })), showFavorite && (_jsx(CustomTooltip, { title: isFavorite ? 'Remove from favorites' : 'Add to favorites', children: _jsx(StyledHeartIconContainer, { children: _jsx(HeartIcon, { active: isFavorite, onClick: toggleIsFavorite }) }) })), showDownload && downloadUrl && (_jsx(CustomTooltip, { title: "Download video", children: _jsx(StyledDownloadIconContainer, { children: _jsx(DownloadIcon, { onClick: handleDownloadClick }) }) })), _jsx(PlaybackSpeedMenu, { playbackSpeed: playbackRate, onPlaybackSpeedChange: function (speed) {
                             return setVideoState(function (prev) { return (__assign(__assign({}, prev), { playbackRate: speed })); });
                         }, customMenuWrapperStyles: {
                             position: 'unset',
                         }, customMenuStyles: {
                             right: '8px',
                             left: 'auto',
-                        } }), subtitle && (_jsx(StyledSubtitlesIconContainer, { children: _jsx(SubtitlesIcon, { active: isSubtitlesChecked, onClick: toggleSubtitlesCheck }) })), _jsx(StyledFullscreenIconContainer, { onClick: handleFullScreen, children: isFullscreen ? _jsx(MinimizeIcon, {}) : _jsx(MaximizeIcon, {}) })] })] }));
+                        } }), subtitle && (_jsx(CustomTooltip, { title: isSubtitlesChecked ? 'Hide subtitles' : 'Show subtitles', children: _jsx(StyledSubtitlesIconContainer, { children: _jsx(SubtitlesIcon, { active: isSubtitlesChecked, onClick: toggleSubtitlesCheck }) }) })), _jsx(CustomTooltip, { title: isFullscreen ? 'Exit fullscreen' : 'Enter fullscreen', children: _jsx(StyledFullscreenIconContainer, { onClick: handleFullScreen, children: isFullscreen ? _jsx(MinimizeIcon, {}) : _jsx(MaximizeIcon, {}) }) })] })] }));
 };
 export default Controls;
 //# sourceMappingURL=Controls.js.map