@cannymindstech/file-viewers 0.27.12 → 0.28.0

package/dist/chunk-6BRYDA3B.js

@@ -1,329 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }"use client";
-
-
-var _chunkOPJOCUSLjs = require('./chunk-OPJOCUSL.js');
-
-
-
-var _chunkEM63H4SAjs = require('./chunk-EM63H4SA.js');
-
-// src/components/viewers/VideoViewer.tsx
-
-
-
-
-
-var _react = require('react');
-
-
-
-
-
-
-
-
-
-
-var _material = require('@mui/material');
-var _Download = require('@mui/icons-material/Download'); var _Download2 = _interopRequireDefault(_Download);
-var _Print = require('@mui/icons-material/Print'); var _Print2 = _interopRequireDefault(_Print);
-var _Fullscreen = require('@mui/icons-material/Fullscreen'); var _Fullscreen2 = _interopRequireDefault(_Fullscreen);
-var _Info = require('@mui/icons-material/Info'); var _Info2 = _interopRequireDefault(_Info);
-var _Description = require('@mui/icons-material/Description'); var _Description2 = _interopRequireDefault(_Description);
-var _History = require('@mui/icons-material/History'); var _History2 = _interopRequireDefault(_History);
-var _iconsmaterial = require('@mui/icons-material');
-var _jsxruntime = require('react/jsx-runtime');
-var VideoViewer = ({
-  file,
-  url,
-  fileName,
-  className = "",
-  style = {},
-  width = "100%",
-  height = "100%",
-  onLoad,
-  onError,
-  onDownloadClick,
-  onPrintClick,
-  onMetadataClick,
-  onTagsClick,
-  onPropertiesClick,
-  onHistoryClick,
-  showDownload = true,
-  showPrint = false,
-  showMetadata = false,
-  showTags = true,
-  showProperties = false,
-  showHistory = true,
-  // Extract props that shouldn't be passed to DOM elements
-  mimeType,
-  fileSize,
-  showPageCount,
-  showPageNavigation,
-  showZoomControls,
-  showSearch,
-  customRegistry,
-  initialSearchText,
-  initialSearchPages,
-  autoOpenSearch,
-  autoExecuteSearch,
-  onSearchComplete,
-  toolbarActions,
-  ...props
-}) => {
-  const videoRef = _react.useRef.call(void 0, null);
-  const containerRef = _react.useRef.call(void 0, null);
-  const [videoSource, setVideoSource] = _react.useState.call(void 0, null);
-  const [isLoading, setIsLoading] = _react.useState.call(void 0, false);
-  const [error, setError] = _react.useState.call(void 0, null);
-  const [videoDimensions, setVideoDimensions] = _react.useState.call(void 0, null);
-  const [isFullScreen, setIsFullScreen] = _react.useState.call(void 0, false);
-  _react.useEffect.call(void 0, () => {
-    let objectUrl = null;
-    if (file) {
-      objectUrl = URL.createObjectURL(file);
-      setVideoSource(objectUrl);
-      setIsLoading(true);
-    } else if (url) {
-      setVideoSource(url);
-    } else {
-      setVideoSource(null);
-    }
-    setError(null);
-    return () => {
-      if (objectUrl) {
-        URL.revokeObjectURL(objectUrl);
-      }
-    };
-  }, [file, url]);
-  _react.useEffect.call(void 0, () => {
-    const element = videoRef.current;
-    if (!element) {
-      return;
-    }
-    const handleLoaded = () => {
-      setIsLoading(false);
-      setVideoDimensions({
-        width: element.videoWidth,
-        height: element.videoHeight
-      });
-      _optionalChain([onLoad, 'optionalCall', _ => _()]);
-    };
-    const handleError = () => {
-      const message = "Failed to load video resource";
-      setIsLoading(false);
-      setError(message);
-      _optionalChain([onError, 'optionalCall', _2 => _2(new Error(message))]);
-    };
-    element.addEventListener("loadedmetadata", handleLoaded);
-    element.addEventListener("error", handleError);
-    return () => {
-      element.removeEventListener("loadedmetadata", handleLoaded);
-      element.removeEventListener("error", handleError);
-    };
-  }, [onLoad, onError, videoSource]);
-  const resolvedFileName = _react.useMemo.call(void 0, 
-    () => fileName || _optionalChain([file, 'optionalAccess', _3 => _3.name]) || (url ? url.split("/").pop() : "video"),
-    [fileName, file, url]
-  );
-  const fileExtension = _react.useMemo.call(void 0, 
-    () => _chunkOPJOCUSLjs.getFileExtension.call(void 0, resolvedFileName || ""),
-    [resolvedFileName]
-  );
-  const handleToggleFullScreen = () => {
-    if (!isFullScreen && _optionalChain([containerRef, 'access', _4 => _4.current, 'optionalAccess', _5 => _5.requestFullscreen])) {
-      containerRef.current.requestFullscreen();
-      setIsFullScreen(true);
-    } else if (isFullScreen && document.exitFullscreen) {
-      document.exitFullscreen();
-      setIsFullScreen(false);
-    }
-  };
-  const toolbar = _chunkEM63H4SAjs.mergeToolbarConfig.call(void 0, {
-    showDownload,
-    showPrint,
-    showMetadata,
-    showTags,
-    showProperties,
-    showHistory,
-    onDownloadClick,
-    onPrintClick,
-    onMetadataClick,
-    onTagsClick,
-    onPropertiesClick,
-    onHistoryClick,
-    toolbarActions
-  });
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _material.Box,
-    {
-      ref: containerRef,
-      className: `video-viewer ${className}`,
-      sx: { width, height, ...style },
-      ...props,
-      children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-        _material.Card,
-        {
-          sx: { height: "100%", display: "flex", flexDirection: "column" },
-          elevation: 1,
-          children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _material.CardHeader,
-              {
-                avatar: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkEM63H4SAjs.FileIcon_default, { ext: fileExtension, size: 32 }),
-                title: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Typography, { variant: "subtitle1", fontWeight: 500, children: resolvedFileName }),
-                action: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _material.Stack, { direction: "row", spacing: 1, children: [
-                  !toolbar.isHidden("download") && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Tooltip, { title: toolbar.getLabel("download") || "Download", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                    _material.IconButton,
-                    {
-                      size: "small",
-                      onClick: toolbar.getHandler("download", onDownloadClick),
-                      disabled: toolbar.isDisabled("download"),
-                      "aria-label": "Download video",
-                      children: toolbar.getIcon("download") || /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Download2.default, {})
-                    }
-                  ) }),
-                  !toolbar.isHidden("print") && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Tooltip, { title: toolbar.getLabel("print") || "Print", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                    _material.IconButton,
-                    {
-                      size: "small",
-                      onClick: toolbar.getHandler("print", onPrintClick),
-                      disabled: toolbar.isDisabled("print"),
-                      "aria-label": "Print video",
-                      children: toolbar.getIcon("print") || /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Print2.default, {})
-                    }
-                  ) }),
-                  !toolbar.isHidden("fullscreen") && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Tooltip, { title: toolbar.getLabel("fullscreen") || "Fullscreen", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                    _material.IconButton,
-                    {
-                      size: "small",
-                      onClick: toolbar.getHandler(
-                        "fullscreen",
-                        handleToggleFullScreen
-                      ),
-                      disabled: toolbar.isDisabled("fullscreen"),
-                      "aria-label": "Toggle fullscreen",
-                      children: toolbar.getIcon("fullscreen") || /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Fullscreen2.default, {})
-                    }
-                  ) }),
-                  !toolbar.isHidden("metadata") && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                    _material.Tooltip,
-                    {
-                      title: toolbar.getLabel("metadata") || "Document Metadata",
-                      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                        _material.IconButton,
-                        {
-                          size: "small",
-                          onClick: toolbar.getHandler("metadata", onMetadataClick),
-                          disabled: toolbar.isDisabled("metadata"),
-                          "aria-label": "View document metadata",
-                          children: toolbar.getIcon("metadata") || /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Description2.default, {})
-                        }
-                      )
-                    }
-                  ),
-                  !toolbar.isHidden("properties") && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                    _material.Tooltip,
-                    {
-                      title: toolbar.getLabel("properties") || "Document Properties",
-                      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                        _material.IconButton,
-                        {
-                          size: "small",
-                          onClick: toolbar.getHandler(
-                            "properties",
-                            onPropertiesClick
-                          ),
-                          disabled: toolbar.isDisabled("properties"),
-                          "aria-label": "View document properties",
-                          children: toolbar.getIcon("properties") || /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Info2.default, {})
-                        }
-                      )
-                    }
-                  ),
-                  !toolbar.isHidden("tags") && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Tooltip, { title: toolbar.getLabel("tags") || "Document Tags", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                    _material.IconButton,
-                    {
-                      size: "small",
-                      onClick: toolbar.getHandler("tags", onTagsClick),
-                      disabled: toolbar.isDisabled("tags"),
-                      "aria-label": "View document tags",
-                      children: toolbar.getIcon("tags") || /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _iconsmaterial.LocalOffer, {})
-                    }
-                  ) }),
-                  !toolbar.isHidden("history") && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                    _material.Tooltip,
-                    {
-                      title: toolbar.getLabel("history") || "Document History",
-                      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                        _material.IconButton,
-                        {
-                          size: "small",
-                          onClick: toolbar.getHandler("history", onHistoryClick),
-                          disabled: toolbar.isDisabled("history"),
-                          "aria-label": "View document history",
-                          children: toolbar.getIcon("history") || /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _History2.default, {})
-                        }
-                      )
-                    }
-                  )
-                ] }),
-                sx: { pb: 1.5 }
-              }
-            ),
-            isLoading && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.LinearProgress, { sx: { mx: 3, mb: 2 } }),
-            error && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Typography, { color: "error", variant: "body2", sx: { px: 3, pb: 1 }, children: error }),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _material.CardContent,
-              {
-                sx: {
-                  flexGrow: 1,
-                  display: "flex",
-                  alignItems: "center",
-                  justifyContent: "center",
-                  p: 2,
-                  overflow: "hidden"
-                },
-                children: videoSource ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                  _material.Box,
-                  {
-                    sx: {
-                      width: "100%",
-                      height: "100%",
-                      display: "flex",
-                      alignItems: "center",
-                      justifyContent: "center",
-                      backgroundColor: "#000",
-                      borderRadius: 2
-                    },
-                    children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                      "video",
-                      {
-                        ref: videoRef,
-                        controls: true,
-                        controlsList: "nodownload",
-                        style: {
-                          maxWidth: "100%",
-                          maxHeight: "100%",
-                          width: "auto",
-                          height: "auto",
-                          objectFit: "contain"
-                        },
-                        src: videoSource
-                      }
-                    )
-                  }
-                ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Typography, { variant: "body2", color: "text.secondary", children: "No video source provided." })
-              }
-            )
-          ]
-        }
-      )
-    }
-  );
-};
-
-
-
-exports.VideoViewer = VideoViewer;
-//# sourceMappingURL=chunk-6BRYDA3B.js.map

package/dist/chunk-6BRYDA3B.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/premkumar/Documents/GitHub/DMS-File-Viewers/packages/lib/dist/chunk-6BRYDA3B.js","../src/components/viewers/VideoViewer.tsx"],"names":[],"mappings":"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","file":"/home/premkumar/Documents/GitHub/DMS-File-Viewers/packages/lib/dist/chunk-6BRYDA3B.js","sourcesContent":[null,"import React, {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport {\n  Box,\n  Card,\n  CardContent,\n  CardHeader,\n  LinearProgress,\n  Typography,\n  Stack,\n  IconButton,\n  Tooltip,\n} from \"@mui/material\";\nimport DownloadIcon from \"@mui/icons-material/Download\";\nimport PrintIcon from \"@mui/icons-material/Print\";\nimport FullscreenIcon from \"@mui/icons-material/Fullscreen\";\nimport InfoIcon from \"@mui/icons-material/Info\";\nimport DescriptionIcon from \"@mui/icons-material/Description\";\nimport HistoryIcon from \"@mui/icons-material/History\";\nimport { LocalOffer } from \"@mui/icons-material\";\nimport { FileViewerProps } from \"../../types\";\nimport { getFileExtension } from \"../../utils/fileUtils\";\nimport { mergeToolbarConfig } from \"../../utils/toolbarUtils\";\nimport FileIcon from \"../FileIcon\";\n\nexport const VideoViewer: React.FC<FileViewerProps> = ({\n  file,\n  url,\n  fileName,\n  className = \"\",\n  style = {},\n  width = \"100%\",\n  height = \"100%\",\n  onLoad,\n  onError,\n  onDownloadClick,\n  onPrintClick,\n  onMetadataClick,\n  onTagsClick,\n  onPropertiesClick,\n  onHistoryClick,\n  showDownload = true,\n  showPrint = false,\n  showMetadata = false,\n  showTags = true,\n  showProperties = false,\n  showHistory = true,\n  // Extract props that shouldn't be passed to DOM elements\n  mimeType,\n  fileSize,\n  showPageCount,\n  showPageNavigation,\n  showZoomControls,\n  showSearch,\n  customRegistry,\n  initialSearchText,\n  initialSearchPages,\n  autoOpenSearch,\n  autoExecuteSearch,\n  onSearchComplete,\n  toolbarActions,\n  ...props\n}) => {\n  const videoRef = useRef<HTMLVideoElement | null>(null);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const [videoSource, setVideoSource] = useState<string | null>(null);\n  const [isLoading, setIsLoading] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n  const [videoDimensions, setVideoDimensions] = useState<{\n    width: number;\n    height: number;\n  } | null>(null);\n  const [isFullScreen, setIsFullScreen] = useState(false);\n\n  useEffect(() => {\n    let objectUrl: string | null = null;\n\n    if (file) {\n      objectUrl = URL.createObjectURL(file);\n      setVideoSource(objectUrl);\n      setIsLoading(true);\n    } else if (url) {\n      setVideoSource(url);\n    } else {\n      setVideoSource(null);\n    }\n\n    setError(null);\n\n    return () => {\n      if (objectUrl) {\n        URL.revokeObjectURL(objectUrl);\n      }\n    };\n  }, [file, url]);\n\n  useEffect(() => {\n    const element = videoRef.current;\n    if (!element) {\n      return;\n    }\n\n    const handleLoaded = () => {\n      setIsLoading(false);\n      // Capture video dimensions\n      setVideoDimensions({\n        width: element.videoWidth,\n        height: element.videoHeight,\n      });\n      onLoad?.();\n    };\n\n    const handleError = () => {\n      const message = \"Failed to load video resource\";\n      setIsLoading(false);\n      setError(message);\n      onError?.(new Error(message));\n    };\n\n    element.addEventListener(\"loadedmetadata\", handleLoaded);\n    element.addEventListener(\"error\", handleError);\n\n    return () => {\n      element.removeEventListener(\"loadedmetadata\", handleLoaded);\n      element.removeEventListener(\"error\", handleError);\n    };\n  }, [onLoad, onError, videoSource]);\n\n  const resolvedFileName = useMemo(\n    () => fileName || file?.name || (url ? url.split(\"/\").pop() : \"video\"),\n    [fileName, file, url]\n  );\n\n  const fileExtension = useMemo(\n    () => getFileExtension(resolvedFileName || \"\"),\n    [resolvedFileName]\n  );\n\n  const handleToggleFullScreen = () => {\n    if (!isFullScreen && containerRef.current?.requestFullscreen) {\n      containerRef.current.requestFullscreen();\n      setIsFullScreen(true);\n    } else if (isFullScreen && document.exitFullscreen) {\n      document.exitFullscreen();\n      setIsFullScreen(false);\n    }\n  };\n\n  const toolbar = mergeToolbarConfig({\n    showDownload,\n    showPrint,\n    showMetadata,\n    showTags,\n    showProperties,\n    showHistory,\n    onDownloadClick,\n    onPrintClick,\n    onMetadataClick,\n    onTagsClick,\n    onPropertiesClick,\n    onHistoryClick,\n    toolbarActions,\n  });\n\n  return (\n    <Box\n      ref={containerRef}\n      className={`video-viewer ${className}`}\n      sx={{ width, height, ...style }}\n      {...props}\n    >\n      <Card\n        sx={{ height: \"100%\", display: \"flex\", flexDirection: \"column\" }}\n        elevation={1}\n      >\n        <CardHeader\n          avatar={<FileIcon ext={fileExtension} size={32} />}\n          title={\n            <Typography variant=\"subtitle1\" fontWeight={500}>\n              {resolvedFileName}\n            </Typography>\n          }\n          action={\n            <Stack direction=\"row\" spacing={1}>\n              {!toolbar.isHidden(\"download\") && (\n                <Tooltip title={toolbar.getLabel(\"download\") || \"Download\"}>\n                  <IconButton\n                    size=\"small\"\n                    onClick={toolbar.getHandler(\"download\", onDownloadClick)}\n                    disabled={toolbar.isDisabled(\"download\")}\n                    aria-label=\"Download video\"\n                  >\n                    {toolbar.getIcon(\"download\") || <DownloadIcon />}\n                  </IconButton>\n                </Tooltip>\n              )}\n              {!toolbar.isHidden(\"print\") && (\n                <Tooltip title={toolbar.getLabel(\"print\") || \"Print\"}>\n                  <IconButton\n                    size=\"small\"\n                    onClick={toolbar.getHandler(\"print\", onPrintClick)}\n                    disabled={toolbar.isDisabled(\"print\")}\n                    aria-label=\"Print video\"\n                  >\n                    {toolbar.getIcon(\"print\") || <PrintIcon />}\n                  </IconButton>\n                </Tooltip>\n              )}\n              {!toolbar.isHidden(\"fullscreen\") && (\n                <Tooltip title={toolbar.getLabel(\"fullscreen\") || \"Fullscreen\"}>\n                  <IconButton\n                    size=\"small\"\n                    onClick={toolbar.getHandler(\n                      \"fullscreen\",\n                      handleToggleFullScreen\n                    )}\n                    disabled={toolbar.isDisabled(\"fullscreen\")}\n                    aria-label=\"Toggle fullscreen\"\n                  >\n                    {toolbar.getIcon(\"fullscreen\") || <FullscreenIcon />}\n                  </IconButton>\n                </Tooltip>\n              )}\n              {!toolbar.isHidden(\"metadata\") && (\n                <Tooltip\n                  title={toolbar.getLabel(\"metadata\") || \"Document Metadata\"}\n                >\n                  <IconButton\n                    size=\"small\"\n                    onClick={toolbar.getHandler(\"metadata\", onMetadataClick)}\n                    disabled={toolbar.isDisabled(\"metadata\")}\n                    aria-label=\"View document metadata\"\n                  >\n                    {toolbar.getIcon(\"metadata\") || <DescriptionIcon />}\n                  </IconButton>\n                </Tooltip>\n              )}\n              {!toolbar.isHidden(\"properties\") && (\n                <Tooltip\n                  title={\n                    toolbar.getLabel(\"properties\") || \"Document Properties\"\n                  }\n                >\n                  <IconButton\n                    size=\"small\"\n                    onClick={toolbar.getHandler(\n                      \"properties\",\n                      onPropertiesClick\n                    )}\n                    disabled={toolbar.isDisabled(\"properties\")}\n                    aria-label=\"View document properties\"\n                  >\n                    {toolbar.getIcon(\"properties\") || <InfoIcon />}\n                  </IconButton>\n                </Tooltip>\n              )}\n              {!toolbar.isHidden(\"tags\") && (\n                <Tooltip title={toolbar.getLabel(\"tags\") || \"Document Tags\"}>\n                  <IconButton\n                    size=\"small\"\n                    onClick={toolbar.getHandler(\"tags\", onTagsClick)}\n                    disabled={toolbar.isDisabled(\"tags\")}\n                    aria-label=\"View document tags\"\n                  >\n                    {toolbar.getIcon(\"tags\") || <LocalOffer />}\n                  </IconButton>\n                </Tooltip>\n              )}\n              {!toolbar.isHidden(\"history\") && (\n                <Tooltip\n                  title={toolbar.getLabel(\"history\") || \"Document History\"}\n                >\n                  <IconButton\n                    size=\"small\"\n                    onClick={toolbar.getHandler(\"history\", onHistoryClick)}\n                    disabled={toolbar.isDisabled(\"history\")}\n                    aria-label=\"View document history\"\n                  >\n                    {toolbar.getIcon(\"history\") || <HistoryIcon />}\n                  </IconButton>\n                </Tooltip>\n              )}\n            </Stack>\n          }\n          sx={{ pb: 1.5 }}\n        />\n        {isLoading && <LinearProgress sx={{ mx: 3, mb: 2 }} />}\n        {error && (\n          <Typography color=\"error\" variant=\"body2\" sx={{ px: 3, pb: 1 }}>\n            {error}\n          </Typography>\n        )}\n        <CardContent\n          sx={{\n            flexGrow: 1,\n            display: \"flex\",\n            alignItems: \"center\",\n            justifyContent: \"center\",\n            p: 2,\n            overflow: \"hidden\",\n          }}\n        >\n          {videoSource ? (\n            <Box\n              sx={{\n                width: \"100%\",\n                height: \"100%\",\n                display: \"flex\",\n                alignItems: \"center\",\n                justifyContent: \"center\",\n                backgroundColor: \"#000\",\n                borderRadius: 2,\n              }}\n            >\n              <video\n                ref={videoRef}\n                controls\n                controlsList=\"nodownload\"\n                style={{\n                  maxWidth: \"100%\",\n                  maxHeight: \"100%\",\n                  width: \"auto\",\n                  height: \"auto\",\n                  objectFit: \"contain\",\n                }}\n                src={videoSource}\n              />\n            </Box>\n          ) : (\n            <Typography variant=\"body2\" color=\"text.secondary\">\n              No video source provided.\n            </Typography>\n          )}\n        </CardContent>\n      </Card>\n    </Box>\n  );\n};\n"]}