@nocobase/plugin-file-manager 2.1.0-beta.38 → 2.1.0-beta.40

package/dist/shared/previewer/filePreviewTypes.js

@@ -1,751 +0,0 @@
-/**
- * This file is part of the NocoBase (R) project.
- * Copyright (c) 2020-2024 NocoBase Co., Ltd.
- * Authors: NocoBase Team.
- *
- * This project is dual-licensed under AGPL-3.0 and NocoBase Commercial License.
- * For more information, please refer to: https://www.nocobase.com/agreement.
- */
-
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var filePreviewTypes_exports = {};
-__export(filePreviewTypes_exports, {
-  FilePreviewRenderer: () => FilePreviewRenderer,
-  FilePreviewTypes: () => FilePreviewTypes,
-  filePreviewTypes: () => filePreviewTypes,
-  getDownloadFileName: () => getDownloadFileName,
-  getFallbackIcon: () => getFallbackIcon,
-  getFileExt: () => getFileExt,
-  getFileName: () => getFileName,
-  getFileUrl: () => getFileUrl,
-  getPdfPreviewErrorCode: () => getPdfPreviewErrorCode,
-  getPreviewFileUrl: () => getPreviewFileUrl,
-  getPreviewThumbnailUrl: () => getPreviewThumbnailUrl,
-  isActiveContentFile: () => isActiveContentFile,
-  isPdfFile: () => isPdfFile,
-  matchMimetype: () => matchMimetype,
-  normalizePreviewFile: () => normalizePreviewFile,
-  wrapWithModalPreviewer: () => wrapWithModalPreviewer
-});
-module.exports = __toCommonJS(filePreviewTypes_exports);
-var import_react = __toESM(require("react"));
-var import_icons = require("@ant-design/icons");
-var import_antd = require("antd");
-var import_mime_match = __toESM(require("mime-match"));
-var import_react_i18next = require("react-i18next");
-var import_locale = require("../locale");
-const import_meta = {};
-class FilePreviewTypes {
-  types = [];
-  add(type) {
-    this.types.unshift(type);
-  }
-  getTypeByFile(file) {
-    const normalized = normalizePreviewFile(file);
-    return this.types.find((type) => type.match(normalized));
-  }
-}
-const filePreviewTypes = new FilePreviewTypes();
-function normalizePreviewFile(file) {
-  if (!file) {
-    return file;
-  }
-  if (typeof file === "string") {
-    return { url: file };
-  }
-  return file;
-}
-function getPreviewFileUrl(file) {
-  if (!file) {
-    return "";
-  }
-  if (typeof file === "string") {
-    return file;
-  }
-  return file.preview || file.url || "";
-}
-function getFileUrl(file) {
-  if (!file) {
-    return "";
-  }
-  if (typeof file === "string") {
-    return file;
-  }
-  return file.url || file.preview || "";
-}
-const FALLBACK_ICON_MAP = {
-  pdf: "/file-placeholder/pdf-200-200.png",
-  mp4: "/file-placeholder/video-200-200.png",
-  mov: "/file-placeholder/video-200-200.png",
-  avi: "/file-placeholder/video-200-200.png",
-  wmv: "/file-placeholder/video-200-200.png",
-  flv: "/file-placeholder/video-200-200.png",
-  mkv: "/file-placeholder/video-200-200.png",
-  mp3: "/file-placeholder/audio-200-200.png",
-  wav: "/file-placeholder/audio-200-200.png",
-  aac: "/file-placeholder/audio-200-200.png",
-  ogg: "/file-placeholder/audio-200-200.png",
-  doc: "/file-placeholder/docx-200-200.png",
-  docx: "/file-placeholder/docx-200-200.png",
-  odt: "/file-placeholder/docx-200-200.png",
-  xls: "/file-placeholder/xlsx-200-200.png",
-  xlsx: "/file-placeholder/xlsx-200-200.png",
-  csv: "/file-placeholder/xlsx-200-200.png",
-  ppt: "/file-placeholder/pptx-200-200.png",
-  pptx: "/file-placeholder/pptx-200-200.png",
-  jpg: "/file-placeholder/jpeg-200-200.png",
-  jpeg: "/file-placeholder/jpeg-200-200.png",
-  png: "/file-placeholder/png-200-200.png",
-  gif: "/file-placeholder/gif-200-200.png",
-  webp: "/file-placeholder/png-200-200.png",
-  bmp: "/file-placeholder/png-200-200.png",
-  svg: "/file-placeholder/svg-200-200.png",
-  default: "/file-placeholder/unknown-200-200.png"
-};
-const ACTIVE_CONTENT_MIMETYPES = /* @__PURE__ */ new Set(["application/pdf", "application/xhtml+xml", "image/svg+xml", "text/html"]);
-const ACTIVE_CONTENT_EXTENSIONS = /* @__PURE__ */ new Set(["htm", "html", "pdf", "svg", "svgz", "xhtml"]);
-const stripQueryAndHash = (url) => url.split("?")[0].split("#")[0];
-const getExtFromName = (value) => {
-  if (!value) {
-    return "";
-  }
-  const clean = stripQueryAndHash(value);
-  const index = clean.lastIndexOf(".");
-  return index !== -1 ? clean.slice(index + 1).toLowerCase() : "";
-};
-const EXT_MIMETYPE_MAP = {
-  aac: "audio/aac",
-  avi: "video/x-msvideo",
-  bmp: "image/bmp",
-  csv: "text/csv",
-  doc: "application/msword",
-  docx: "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
-  flv: "video/x-flv",
-  gif: "image/gif",
-  jpeg: "image/jpeg",
-  jpg: "image/jpeg",
-  json: "application/json",
-  mkv: "video/x-matroska",
-  mov: "video/quicktime",
-  mp3: "audio/mpeg",
-  mp4: "video/mp4",
-  odt: "application/vnd.oasis.opendocument.text",
-  ogg: "audio/ogg",
-  pdf: "application/pdf",
-  png: "image/png",
-  ppt: "application/vnd.ms-powerpoint",
-  pptx: "application/vnd.openxmlformats-officedocument.presentationml.presentation",
-  svg: "image/svg+xml",
-  txt: "text/plain",
-  wav: "audio/wav",
-  webp: "image/webp",
-  wmv: "video/x-ms-wmv",
-  xls: "application/vnd.ms-excel",
-  xlsx: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"
-};
-function matchMimetype(file, type) {
-  if (!file) {
-    return false;
-  }
-  if (file.originFileObj) {
-    return (0, import_mime_match.default)(file.type, type);
-  }
-  if (file.mimetype) {
-    return (0, import_mime_match.default)(file.mimetype, type);
-  }
-  if (file.url) {
-    return (0, import_mime_match.default)(EXT_MIMETYPE_MAP[getExtFromName(file.url)] || "", type);
-  }
-  return false;
-}
-const getNameFromUrl = (url) => {
-  if (!url) {
-    return "";
-  }
-  const clean = stripQueryAndHash(url);
-  const index = clean.lastIndexOf("/");
-  const name = index !== -1 ? clean.slice(index + 1) : clean;
-  try {
-    return decodeURIComponent(name);
-  } catch (error) {
-    return name;
-  }
-};
-const getFileExt = (file, url) => {
-  if (file && typeof file === "object") {
-    if (file.extname) {
-      return String(file.extname).replace(/^\./, "").toLowerCase();
-    }
-    const nameExt = getExtFromName(file.name || file.filename || file.title);
-    if (nameExt) {
-      return nameExt;
-    }
-  }
-  return getExtFromName(url);
-};
-const isActiveContentFile = (file, url) => {
-  const mimetype = (file == null ? void 0 : file.mimetype) || (file == null ? void 0 : file.type);
-  if (typeof mimetype === "string" && ACTIVE_CONTENT_MIMETYPES.has(mimetype.toLowerCase())) {
-    return true;
-  }
-  const ext = getFileExt(file, url);
-  return ACTIVE_CONTENT_EXTENSIONS.has(ext);
-};
-const isPdfFile = (file, url) => {
-  const mimetype = (file == null ? void 0 : file.mimetype) || (file == null ? void 0 : file.type);
-  if (typeof mimetype === "string" && mimetype.toLowerCase() === "application/pdf") {
-    return true;
-  }
-  return getFileExt(file, url) === "pdf";
-};
-const getFileName = (file, url) => {
-  const nameFromUrl = getNameFromUrl(url || getFileUrl(file));
-  if (!file || typeof file === "string") {
-    return nameFromUrl;
-  }
-  return file.name || file.filename || file.title || nameFromUrl;
-};
-const getDownloadFileName = (file, url) => {
-  const resolvedUrl = url || getFileUrl(file);
-  let filename = getFileName(file, resolvedUrl);
-  const ext = getFileExt(file, resolvedUrl);
-  if (filename && ext && !filename.toLowerCase().endsWith(`.${ext}`)) {
-    filename = `${filename}.${ext}`;
-  }
-  return `${Date.now()}_${filename || "file"}`;
-};
-const getFallbackIcon = (file, url) => {
-  const ext = getFileExt(file, url);
-  return FALLBACK_ICON_MAP[ext] || FALLBACK_ICON_MAP.default;
-};
-const getPreviewThumbnailUrl = (file) => {
-  const previewFile = normalizePreviewFile(file);
-  const src = getPreviewFileUrl(previewFile);
-  if (isActiveContentFile(previewFile, src)) {
-    return getFallbackIcon(previewFile, src);
-  }
-  const { getThumbnailURL } = filePreviewTypes.getTypeByFile(previewFile) ?? {};
-  const thumbnail = getThumbnailURL == null ? void 0 : getThumbnailURL(previewFile);
-  if (thumbnail) {
-    return thumbnail;
-  }
-  if (matchMimetype(previewFile, "image/*")) {
-    return "";
-  }
-  return getFallbackIcon(previewFile, src);
-};
-const renderModalFooter = (props) => {
-  const { index, list, onSwitchIndex, onDownload, file } = props;
-  const canPrev = typeof index === "number" && !!onSwitchIndex && index > 0;
-  const canNext = typeof index === "number" && !!onSwitchIndex && index < list.length - 1;
-  return /* @__PURE__ */ import_react.default.createElement(import_antd.Space, { size: 14, style: { fontSize: "20px" } }, /* @__PURE__ */ import_react.default.createElement(
-    import_icons.LeftOutlined,
-    {
-      style: { cursor: canPrev ? "pointer" : "not-allowed" },
-      disabled: !canPrev,
-      onClick: () => canPrev && (onSwitchIndex == null ? void 0 : onSwitchIndex(index - 1))
-    }
-  ), /* @__PURE__ */ import_react.default.createElement(
-    import_icons.RightOutlined,
-    {
-      style: { cursor: canNext ? "pointer" : "not-allowed" },
-      disabled: !canNext,
-      onClick: () => canNext && (onSwitchIndex == null ? void 0 : onSwitchIndex(index + 1))
-    }
-  ), /* @__PURE__ */ import_react.default.createElement(import_icons.DownloadOutlined, { onClick: () => onDownload(file) }));
-};
-const wrapWithModalPreviewer = (Previewer) => {
-  return function WrappedPreviewer(props) {
-    const { open, onOpenChange, onClose, file } = props;
-    if (typeof open !== "boolean") {
-      return /* @__PURE__ */ import_react.default.createElement(Previewer, { ...props });
-    }
-    const title = getFileName(file, getFileUrl(file));
-    return /* @__PURE__ */ import_react.default.createElement(
-      import_antd.Modal,
-      {
-        open,
-        title,
-        onCancel: () => {
-          onOpenChange == null ? void 0 : onOpenChange(false);
-          onClose == null ? void 0 : onClose();
-        },
-        footer: renderModalFooter(props),
-        width: "90vw",
-        centered: true
-      },
-      /* @__PURE__ */ import_react.default.createElement(
-        "div",
-        {
-          style: {
-            maxWidth: "100%",
-            maxHeight: "calc(100vh - 256px)",
-            height: "80vh",
-            width: "100%",
-            background: "white",
-            display: "flex",
-            flexDirection: "column",
-            justifyContent: "center",
-            alignItems: "center",
-            overflowY: "auto"
-          }
-        },
-        /* @__PURE__ */ import_react.default.createElement(Previewer, { ...props })
-      )
-    );
-  };
-};
-const ImagePreviewer = (props) => {
-  const { file, list, index, open, onOpenChange, onSwitchIndex, onClose, onDownload } = props;
-  if (typeof open !== "boolean") {
-    return null;
-  }
-  const src = getFileUrl(file);
-  if (!src) {
-    return null;
-  }
-  const canPrev = typeof index === "number" && index > 0;
-  const canNext = typeof index === "number" && index < list.length - 1;
-  return /* @__PURE__ */ import_react.default.createElement(
-    import_antd.Image,
-    {
-      wrapperStyle: { display: "none" },
-      preview: {
-        visible: open,
-        onVisibleChange: (visible) => onOpenChange == null ? void 0 : onOpenChange(visible),
-        afterOpenChange: (visible) => {
-          if (!visible) {
-            onClose == null ? void 0 : onClose();
-          }
-        },
-        toolbarRender: (_, {
-          transform: { scale },
-          actions: { onFlipY, onFlipX, onRotateLeft, onRotateRight, onZoomOut, onZoomIn, onReset }
-        }) => /* @__PURE__ */ import_react.default.createElement(import_antd.Space, { size: 14, className: "toolbar-wrapper", style: { fontSize: "20px" } }, /* @__PURE__ */ import_react.default.createElement(
-          import_icons.LeftOutlined,
-          {
-            style: { cursor: canPrev ? "pointer" : "not-allowed" },
-            disabled: !canPrev,
-            onClick: () => canPrev && (onSwitchIndex == null ? void 0 : onSwitchIndex(index - 1))
-          }
-        ), /* @__PURE__ */ import_react.default.createElement(
-          import_icons.RightOutlined,
-          {
-            style: { cursor: canNext ? "pointer" : "not-allowed" },
-            disabled: !canNext,
-            onClick: () => canNext && (onSwitchIndex == null ? void 0 : onSwitchIndex(index + 1))
-          }
-        ), onDownload ? /* @__PURE__ */ import_react.default.createElement(import_icons.DownloadOutlined, { onClick: () => onDownload(file) }) : null, /* @__PURE__ */ import_react.default.createElement(import_icons.SwapOutlined, { rotate: 90, onClick: onFlipY }), /* @__PURE__ */ import_react.default.createElement(import_icons.SwapOutlined, { onClick: onFlipX }), /* @__PURE__ */ import_react.default.createElement(import_icons.RotateLeftOutlined, { onClick: onRotateLeft }), /* @__PURE__ */ import_react.default.createElement(import_icons.RotateRightOutlined, { onClick: onRotateRight }), /* @__PURE__ */ import_react.default.createElement(import_icons.ZoomOutOutlined, { disabled: scale === 1, onClick: onZoomOut }), /* @__PURE__ */ import_react.default.createElement(import_icons.ZoomInOutlined, { disabled: scale === 50, onClick: onZoomIn }), /* @__PURE__ */ import_react.default.createElement(import_icons.UndoOutlined, { onClick: onReset }))
-      },
-      src
-    }
-  );
-};
-const IframePreviewer = ({ file }) => {
-  const src = getFileUrl(file);
-  if (!src) {
-    return null;
-  }
-  return /* @__PURE__ */ import_react.default.createElement("iframe", { src, width: "100%", height: "100%", style: { border: "none" } });
-};
-let pdfjsPromise = null;
-class PdfPreviewError extends Error {
-  code;
-  cause;
-  constructor(code, message, cause) {
-    super(message);
-    this.name = "PdfPreviewError";
-    this.code = code;
-    this.cause = cause;
-  }
-}
-const getPdfPreviewErrorCode = (error) => {
-  if (error instanceof PdfPreviewError) {
-    return error.code;
-  }
-  return "document";
-};
-const loadPdfJs = async () => {
-  if (!pdfjsPromise) {
-    pdfjsPromise = import("pdfjs-dist/build/pdf.mjs");
-  }
-  return pdfjsPromise;
-};
-const PDF_SCALE = 1.4;
-const PDF_PREVIEW_ERROR_MESSAGES = {
-  resources: "PDF preview resources failed to load. Please refresh the page and check whether plugin static files are deployed correctly.",
-  file: "PDF preview failed to load the file. If the file is stored on another domain, configure CORS for the external storage to allow this site to read the file.",
-  document: "PDF preview failed. Please download the file to preview it."
-};
-const PdfPreviewer = ({ file }) => {
-  const { t } = (0, import_react_i18next.useTranslation)(import_locale.NAMESPACE);
-  const src = getFileUrl(file);
-  const pageElsRef = import_react.default.useRef(/* @__PURE__ */ new Map());
-  const sessionRef = import_react.default.useRef(null);
-  const [meta, setMeta] = import_react.default.useState(null);
-  const [errorCode, setErrorCode] = import_react.default.useState(null);
-  import_react.default.useEffect(() => {
-    if (!src) {
-      return;
-    }
-    const session = {
-      cancelled: false,
-      abortController: new AbortController(),
-      rendered: /* @__PURE__ */ new Set(),
-      inFlight: /* @__PURE__ */ new Set(),
-      loadingTasks: [],
-      renderTasks: []
-    };
-    sessionRef.current = session;
-    setMeta(null);
-    setErrorCode(null);
-    const init = async () => {
-      let pdfjs;
-      try {
-        pdfjs = await loadPdfJs();
-      } catch (error) {
-        throw new PdfPreviewError("resources", "Failed to load PDF.js resources.", error);
-      }
-      if (session.cancelled) {
-        return;
-      }
-      session.pdfjs = pdfjs;
-      let url;
-      try {
-        url = new URL(src, location.href);
-      } catch (error) {
-        throw new PdfPreviewError("file", "Invalid PDF file URL.", error);
-      }
-      let response;
-      try {
-        response = await fetch(url, {
-          credentials: url.origin === location.origin ? "include" : "omit",
-          signal: session.abortController.signal
-        });
-      } catch (error) {
-        throw new PdfPreviewError("file", "Failed to fetch PDF file.", error);
-      }
-      if (!response.ok) {
-        throw new PdfPreviewError("file", `Failed to fetch PDF file: ${response.status}`);
-      }
-      let data;
-      try {
-        data = new Uint8Array(await response.arrayBuffer());
-      } catch (error) {
-        throw new PdfPreviewError("file", "Failed to read PDF file response.", error);
-      }
-      if (session.cancelled) {
-        return;
-      }
-      session.data = data;
-      try {
-        pdfjs.GlobalWorkerOptions.workerSrc = new URL(
-          "pdfjs-dist/build/pdf.worker.min.mjs",
-          import_meta.url
-        ).toString();
-        session.worker = pdfjs.PDFWorker.create({});
-      } catch (error) {
-        throw new PdfPreviewError("resources", "Failed to load PDF.js worker.", error);
-      }
-      const metaTask = pdfjs.getDocument({
-        data: data.slice(0),
-        isEvalSupported: false,
-        enableXfa: false,
-        useWasm: false,
-        worker: session.worker
-      });
-      session.loadingTasks.push(metaTask);
-      let metaPdf;
-      try {
-        metaPdf = await metaTask.promise;
-      } catch (error) {
-        throw new PdfPreviewError("document", "Failed to parse PDF file.", error);
-      }
-      if (session.cancelled) {
-        return;
-      }
-      session.metaPdf = metaPdf;
-      const viewport = (await metaPdf.getPage(1)).getViewport({ scale: PDF_SCALE });
-      if (session.cancelled) {
-        return;
-      }
-      setMeta({ numPages: metaPdf.numPages, width: viewport.width, height: viewport.height });
-    };
-    init().catch((error) => {
-      if (!session.cancelled) {
-        const code = getPdfPreviewErrorCode(error);
-        console.warn("[file-manager] PDF preview failed", {
-          code,
-          src,
-          error
-        });
-        setErrorCode(code);
-      }
-    });
-    return () => {
-      var _a, _b, _c;
-      session.cancelled = true;
-      session.abortController.abort();
-      (_a = session.observer) == null ? void 0 : _a.disconnect();
-      session.renderTasks.forEach((task) => {
-        var _a2;
-        return (_a2 = task.cancel) == null ? void 0 : _a2.call(task);
-      });
-      session.loadingTasks.forEach((task) => {
-        var _a2;
-        return (_a2 = task.destroy) == null ? void 0 : _a2.call(task);
-      });
-      (_c = (_b = session.worker) == null ? void 0 : _b.destroy) == null ? void 0 : _c.call(_b);
-    };
-  }, [src]);
-  import_react.default.useEffect(() => {
-    const session = sessionRef.current;
-    if (!meta || !(session == null ? void 0 : session.pdfjs) || !session.metaPdf) {
-      return;
-    }
-    const { pdfjs, metaPdf } = session;
-    const renderPage = async (pageNumber) => {
-      var _a;
-      if (session.cancelled || session.rendered.has(pageNumber) || session.inFlight.has(pageNumber)) {
-        return;
-      }
-      const wrapper = pageElsRef.current.get(pageNumber);
-      if (!wrapper) {
-        return;
-      }
-      session.inFlight.add(pageNumber);
-      let task;
-      try {
-        let pdf;
-        if (pageNumber === 1 || !session.data) {
-          pdf = metaPdf;
-        } else {
-          task = pdfjs.getDocument({
-            data: session.data.slice(0),
-            isEvalSupported: false,
-            enableXfa: false,
-            useWasm: false,
-            worker: session.worker
-          });
-          session.loadingTasks.push(task);
-          pdf = await task.promise;
-        }
-        if (session.cancelled) {
-          return;
-        }
-        const page = await pdf.getPage(pageNumber);
-        const viewport = page.getViewport({ scale: PDF_SCALE });
-        const context = document.createElement("canvas").getContext("2d");
-        if (!context) {
-          return;
-        }
-        const canvas = context.canvas;
-        canvas.width = viewport.width;
-        canvas.height = viewport.height;
-        canvas.style.display = "block";
-        canvas.style.width = "100%";
-        canvas.style.height = "auto";
-        wrapper.style.aspectRatio = "";
-        wrapper.replaceChildren(canvas);
-        const renderTask = page.render({
-          canvas,
-          canvasContext: context,
-          viewport,
-          annotationMode: pdfjs.AnnotationMode.DISABLE
-        });
-        session.renderTasks.push(renderTask);
-        await renderTask.promise;
-        if (session.cancelled) {
-          return;
-        }
-        session.rendered.add(pageNumber);
-        (_a = session.observer) == null ? void 0 : _a.unobserve(wrapper);
-      } catch (renderError) {
-        if (!session.cancelled) {
-          console.warn("[file-manager] PDF page render failed", {
-            pageNumber,
-            src,
-            error: renderError
-          });
-        }
-      } finally {
-        task == null ? void 0 : task.destroy();
-        session.inFlight.delete(pageNumber);
-      }
-    };
-    const observer = new IntersectionObserver(
-      (entries) => {
-        for (const entry of entries) {
-          if (entry.isIntersecting) {
-            renderPage(Number(entry.target.dataset.page));
-          }
-        }
-      },
-      { rootMargin: "300px 0px" }
-    );
-    session.observer = observer;
-    pageElsRef.current.forEach((el) => observer.observe(el));
-    return () => {
-      observer.disconnect();
-      if (session.observer === observer) {
-        session.observer = void 0;
-      }
-    };
-  }, [meta, src]);
-  if (!src) {
-    return null;
-  }
-  return /* @__PURE__ */ import_react.default.createElement("div", { style: { width: "100%", minHeight: "100%", padding: 16 } }, errorCode ? /* @__PURE__ */ import_react.default.createElement(import_antd.Alert, { type: "warning", showIcon: true, message: t(PDF_PREVIEW_ERROR_MESSAGES[errorCode]) }) : null, !meta && !errorCode ? /* @__PURE__ */ import_react.default.createElement("div", { style: { display: "flex", justifyContent: "center", padding: 48 } }, /* @__PURE__ */ import_react.default.createElement(import_antd.Spin, null)) : null, meta ? Array.from({ length: meta.numPages }, (_, index) => index + 1).map((pageNumber) => /* @__PURE__ */ import_react.default.createElement(
-    "div",
-    {
-      key: pageNumber,
-      "data-page": pageNumber,
-      ref: (el) => {
-        if (el) {
-          pageElsRef.current.set(pageNumber, el);
-        } else {
-          pageElsRef.current.delete(pageNumber);
-        }
-      },
-      style: {
-        width: "100%",
-        maxWidth: meta.width,
-        margin: "0 auto 16px",
-        aspectRatio: `${meta.width} / ${meta.height}`,
-        background: "#fff",
-        border: "1px solid #f0f0f0"
-      }
-    }
-  )) : null);
-};
-const AudioPreviewer = ({ file }) => {
-  const { t } = (0, import_react_i18next.useTranslation)();
-  const src = getFileUrl(file);
-  if (!src) {
-    return null;
-  }
-  return /* @__PURE__ */ import_react.default.createElement("audio", { controls: true }, /* @__PURE__ */ import_react.default.createElement("source", { src, type: (file == null ? void 0 : file.type) || (file == null ? void 0 : file.mimetype) }), t("Your browser does not support the audio tag."));
-};
-const VideoPreviewer = ({ file }) => {
-  const { t } = (0, import_react_i18next.useTranslation)();
-  const src = getFileUrl(file);
-  if (!src) {
-    return null;
-  }
-  return /* @__PURE__ */ import_react.default.createElement("video", { controls: true, width: "100%", height: "100%" }, /* @__PURE__ */ import_react.default.createElement("source", { src, type: (file == null ? void 0 : file.type) || (file == null ? void 0 : file.mimetype) }), t("Your browser does not support the video tag."));
-};
-const UnsupportedPreviewer = (props) => {
-  const { file } = props;
-  return /* @__PURE__ */ import_react.default.createElement(
-    import_antd.Alert,
-    {
-      type: "warning",
-      description: /* @__PURE__ */ import_react.default.createElement(import_react_i18next.Trans, { ns: import_locale.NAMESPACE }, "File type is not supported for previewing, please ", props.onDownload ? /* @__PURE__ */ import_react.default.createElement("a", { onClick: () => {
-        var _a;
-        return (_a = props.onDownload) == null ? void 0 : _a.call(props, file);
-      }, style: { textDecoration: "underline", cursor: "pointer" } }, "download it to preview") : /* @__PURE__ */ import_react.default.createElement("span", null, "download it to preview")),
-      showIcon: true
-    }
-  );
-};
-filePreviewTypes.add({
-  match() {
-    return true;
-  },
-  Previewer: wrapWithModalPreviewer(UnsupportedPreviewer)
-});
-filePreviewTypes.add({
-  match(file) {
-    return matchMimetype(file, "image/*");
-  },
-  getThumbnailURL(file) {
-    return getPreviewFileUrl(file);
-  },
-  Previewer: ImagePreviewer
-});
-filePreviewTypes.add({
-  match(file) {
-    return ["text/plain", "application/json"].some((type) => matchMimetype(file, type));
-  },
-  Previewer: wrapWithModalPreviewer(IframePreviewer)
-});
-filePreviewTypes.add({
-  match(file) {
-    return matchMimetype(file, "audio/*");
-  },
-  Previewer: wrapWithModalPreviewer(AudioPreviewer)
-});
-filePreviewTypes.add({
-  match(file) {
-    return matchMimetype(file, "video/*");
-  },
-  Previewer: wrapWithModalPreviewer(VideoPreviewer)
-});
-filePreviewTypes.add({
-  match(file) {
-    return isActiveContentFile(file, getFileUrl(file));
-  },
-  Previewer: wrapWithModalPreviewer(UnsupportedPreviewer)
-});
-filePreviewTypes.add({
-  match(file) {
-    return isPdfFile(file, getFileUrl(file));
-  },
-  Previewer: wrapWithModalPreviewer(PdfPreviewer)
-});
-const FilePreviewRenderer = (props) => {
-  const normalized = normalizePreviewFile(props.file);
-  if (!normalized) {
-    return null;
-  }
-  const { Previewer } = filePreviewTypes.getTypeByFile(normalized) ?? {};
-  if (!Previewer) {
-    return null;
-  }
-  return /* @__PURE__ */ import_react.default.createElement(Previewer, { ...props, file: normalized });
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  FilePreviewRenderer,
-  FilePreviewTypes,
-  filePreviewTypes,
-  getDownloadFileName,
-  getFallbackIcon,
-  getFileExt,
-  getFileName,
-  getFileUrl,
-  getPdfPreviewErrorCode,
-  getPreviewFileUrl,
-  getPreviewThumbnailUrl,
-  isActiveContentFile,
-  isPdfFile,
-  matchMimetype,
-  normalizePreviewFile,
-  wrapWithModalPreviewer
-});