@cannyminds/dms-file-viewers 0.8.0 → 0.9.0

package/dist/{chunk-PFJKVNUA.mjs → chunk-ZUA4KYTB.mjs}

@@ -39,40 +39,7 @@ import FitScreenIcon from "@mui/icons-material/FitScreen";
 import AspectRatioIcon from "@mui/icons-material/AspectRatio";
 import InfoIcon from "@mui/icons-material/Info";
 import DescriptionIcon from "@mui/icons-material/Description";
-import * as UTIF from "utif";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var decodeTiff = (buffer) => {
-  if (typeof window === "undefined") {
-    return [];
-  }
-  const frames = [];
-  const images = UTIF.decode(buffer);
-  images.forEach((image) => {
-    try {
-      UTIF.decodeImage(buffer, image);
-      const rgba = UTIF.toRGBA8(image);
-      const width = image.width || 0;
-      const height = image.height || 0;
-      if (!width || !height) {
-        return;
-      }
-      const canvas = document.createElement("canvas");
-      canvas.width = width;
-      canvas.height = height;
-      const context = canvas.getContext("2d");
-      if (!context) {
-        return;
-      }
-      const clamped = new Uint8ClampedArray(rgba.length);
-      clamped.set(rgba);
-      const imageData = new ImageData(clamped, width, height);
-      context.putImageData(imageData, 0, 0);
-      frames.push({ dataUrl: canvas.toDataURL("image/png"), width, height });
-    } catch (error) {
-    }
-  });
-  return frames;
-};
 var resolveDocumentName = (file, fileName, url) => {
   if (file?.name) {
     return file.name;
@@ -91,6 +58,7 @@ var TIFFViewerContent = ({
   file,
   url,
   fileName,
+  totalPages = 1,
   className = "",
   style = {},
   width = "100%",
@@ -101,6 +69,7 @@ var TIFFViewerContent = ({
   onPrintClick,
   onMetadataClick,
   onPropertiesClick,
+  pageLoader,
   showDownload = true,
   showPrint = true,
   showMetadata = false,
@@ -121,8 +90,7 @@ var TIFFViewerContent = ({
   toolbarActions,
   ...props
 }) => {
-  const [frames, setFrames] = useState([]);
-  const [currentIndex, setCurrentIndex] = useState(0);
+  const [currentPage, setCurrentPage] = useState(1);
   const [isLoading, setIsLoading] = useState(false);
   const [error, setError] = useState(null);
   const [fitMode, setFitMode] = useState("fit-page");
@@ -130,8 +98,79 @@ var TIFFViewerContent = ({
   const [viewportWidth, setViewportWidth] = useState(0);
   const [viewportHeight, setViewportHeight] = useState(0);
   const [isFullScreen, setIsFullScreen] = useState(false);
+  const [imageUrl, setImageUrl] = useState(null);
+  const [pageImages, setPageImages] = useState(/* @__PURE__ */ new Map());
+  const [internalLoading, setInternalLoading] = useState(false);
   const viewportRef = useRef(null);
   const containerRef = useRef(null);
+  const pageLoaderRef = useRef(pageLoader);
+  useEffect(() => {
+    pageLoaderRef.current = pageLoader;
+  }, [pageLoader]);
+  const updatePageImage = useCallback((pageData, pageNumber) => {
+    const blob = new Blob([pageData]);
+    const imageUrl2 = URL.createObjectURL(blob);
+    setPageImages((prev) => {
+      const oldUrl = prev.get(pageNumber);
+      if (oldUrl && oldUrl !== imageUrl2) {
+        URL.revokeObjectURL(oldUrl);
+      }
+      return new Map(prev).set(pageNumber, imageUrl2);
+    });
+    setCurrentPage(pageNumber);
+    setImageUrl(imageUrl2);
+  }, []);
+  useEffect(() => {
+    const loadInitialPage = async () => {
+      if (pageLoaderRef.current && !pageImages.has(1) && currentPage === 1) {
+        setInternalLoading(true);
+        setError(null);
+        try {
+          const pageData = await pageLoaderRef.current(1);
+          if (pageData) {
+            updatePageImage(pageData, 1);
+          } else {
+            setError("Failed to load page 1");
+          }
+        } catch (err) {
+          const message = err instanceof Error ? err.message : "Unable to load page 1";
+          setError(message);
+          onError?.(new Error(message));
+        } finally {
+          setInternalLoading(false);
+        }
+      }
+    };
+    loadInitialPage();
+  }, [pageImages, currentPage, updatePageImage, onError]);
+  const handlePageChange = useCallback(async (newPageNumber) => {
+    if (!pageLoaderRef.current) {
+      console.warn("pageLoader not provided - page navigation disabled");
+      return;
+    }
+    const cachedUrl = pageImages.get(newPageNumber);
+    if (cachedUrl) {
+      setCurrentPage(newPageNumber);
+      setImageUrl(cachedUrl);
+      return;
+    }
+    setInternalLoading(true);
+    setError(null);
+    try {
+      const pageData = await pageLoaderRef.current(newPageNumber);
+      if (pageData) {
+        updatePageImage(pageData, newPageNumber);
+      } else {
+        setError(`Failed to load page ${newPageNumber}`);
+      }
+    } catch (err) {
+      const message = err instanceof Error ? err.message : `Unable to load page ${newPageNumber}`;
+      setError(message);
+      onError?.(new Error(message));
+    } finally {
+      setInternalLoading(false);
+    }
+  }, [pageImages, onError, updatePageImage]);
   const resolvedFileName = useMemo(
     () => fileName || sourceDescription,
     [fileName, sourceDescription]
@@ -140,63 +179,74 @@ var TIFFViewerContent = ({
     () => getFileExtension(resolvedFileName || ""),
     [resolvedFileName]
   );
-  const loadTiff = useCallback(async () => {
+  const loadImage = useCallback(async (resetPage = false) => {
     if (!file && !url) {
-      setFrames([]);
-      setCurrentIndex(0);
+      setImageUrl(null);
+      if (resetPage) setCurrentPage(1);
       setError(null);
       return;
     }
-    if (typeof window === "undefined") {
-      return;
-    }
     setIsLoading(true);
     setError(null);
     try {
-      let buffer;
+      let imageDataUrl;
       if (file) {
-        buffer = await file.arrayBuffer();
+        imageDataUrl = URL.createObjectURL(file);
+      } else if (url) {
+        imageDataUrl = url;
       } else {
-        const response = await fetch(url);
-        if (!response.ok) {
-          throw new Error(`Failed to fetch TIFF (${response.status})`);
-        }
-        buffer = await response.arrayBuffer();
+        throw new Error("No file or URL provided");
       }
-      const decodedFrames = decodeTiff(buffer);
-      setFrames(decodedFrames);
-      setCurrentIndex(0);
-      setFitMode("fit-page");
-      setZoom(1);
-      if (decodedFrames.length > 0) {
-        onLoad?.();
-      } else {
-        setError("No displayable frames detected in TIFF file.");
+      setImageUrl(imageDataUrl);
+      if (resetPage) {
+        setCurrentPage(1);
+        setFitMode("fit-page");
+        setZoom(1);
       }
+      onLoad?.();
     } catch (err) {
-      const message = err instanceof Error ? err.message : "Unable to load TIFF file";
+      const message = err instanceof Error ? err.message : "Unable to load image file";
       setError(message);
-      setFrames([]);
-      setCurrentIndex(0);
-      setFitMode("fit-page");
-      setZoom(1);
+      setImageUrl(null);
+      if (resetPage) {
+        setCurrentPage(1);
+        setFitMode("fit-page");
+        setZoom(1);
+      }
       onError?.(new Error(message));
     } finally {
       setIsLoading(false);
     }
   }, [file, url, onLoad, onError]);
+  const [previousFileSource, setPreviousFileSource] = useState({});
   useEffect(() => {
-    void loadTiff();
-  }, [loadTiff]);
-  const currentFrame = frames[currentIndex];
-  const hasFrames = frames.length > 0;
-  const hasMultipleFrames = frames.length > 1;
+    const currentFileSource = { file, url };
+    const isNewFile = previousFileSource.file !== file || previousFileSource.url !== url;
+    if (isNewFile) {
+      setPreviousFileSource(currentFileSource);
+      void loadImage(true);
+    } else {
+      void loadImage(false);
+    }
+  }, [file, url, loadImage, previousFileSource.file, previousFileSource.url]);
+  useEffect(() => {
+    return () => {
+      pageImages.forEach((url2) => {
+        URL.revokeObjectURL(url2);
+      });
+      if (imageUrl && file && !pageImages.has(currentPage)) {
+        URL.revokeObjectURL(imageUrl);
+      }
+    };
+  }, []);
+  const hasImage = !!imageUrl;
+  const hasMultiplePages = totalPages > 1;
   useEffect(() => {
-    if (hasFrames) {
+    if (hasImage) {
       setZoom(1);
       setFitMode("fit-page");
     }
-  }, [currentIndex, hasFrames]);
+  }, [currentPage, hasImage]);
   useEffect(() => {
     if (typeof window === "undefined" || typeof ResizeObserver === "undefined") {
       return void 0;
@@ -235,17 +285,23 @@ var TIFFViewerContent = ({
     setZoom(1);
   }, []);
   const handleFirstPage = useCallback(() => {
-    setCurrentIndex(0);
-  }, []);
+    handlePageChange(1);
+  }, [handlePageChange]);
   const handleLastPage = useCallback(() => {
-    setCurrentIndex(frames.length - 1);
-  }, [frames.length]);
+    handlePageChange(totalPages);
+  }, [handlePageChange, totalPages]);
   const handlePreviousPage = useCallback(() => {
-    setCurrentIndex((index) => Math.max(index - 1, 0));
-  }, []);
+    const newPage = Math.max(currentPage - 1, 1);
+    if (newPage !== currentPage) {
+      handlePageChange(newPage);
+    }
+  }, [currentPage, handlePageChange]);
   const handleNextPage = useCallback(() => {
-    setCurrentIndex((index) => Math.min(index + 1, frames.length - 1));
-  }, [frames.length]);
+    const newPage = Math.min(currentPage + 1, totalPages);
+    if (newPage !== currentPage) {
+      handlePageChange(newPage);
+    }
+  }, [currentPage, totalPages, handlePageChange]);
   const handleToggleFullScreen = useCallback(() => {
     if (!isFullScreen && containerRef.current?.requestFullscreen) {
       containerRef.current.requestFullscreen();
@@ -257,53 +313,50 @@ var TIFFViewerContent = ({
   }, [isFullScreen]);
   const toolbar = mergeToolbarConfig({ showDownload, showPrint, showMetadata, showProperties, onDownloadClick, onPrintClick, onMetadataClick, onPropertiesClick, toolbarActions });
   const effectiveScale = useMemo(() => {
-    if (!currentFrame) {
-      return 1;
-    }
     if (fitMode === "zoom") {
       return zoom;
     }
-    const frameWidth = currentFrame.width;
-    const frameHeight = currentFrame.height;
-    if (!viewportWidth || !viewportHeight || !frameWidth || !frameHeight) {
-      return 1;
-    }
-    if (fitMode === "fit-page") {
-      const ratio = Math.min(viewportWidth / frameWidth, viewportHeight / frameHeight);
-      return ratio || 1;
-    }
-    const widthRatio = viewportWidth / frameWidth;
-    return widthRatio || 1;
-  }, [currentFrame, fitMode, viewportWidth, viewportHeight, zoom]);
+    return 1;
+  }, [fitMode, zoom]);
   const displayScale = useMemo(() => Math.round(effectiveScale * 100), [effectiveScale]);
   const renderImage = () => {
-    if (!currentFrame) {
-      return /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "text.secondary", children: "No TIFF frame available." });
+    if (!imageUrl) {
+      return /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "text.secondary", children: "No image available." });
     }
-    const widthPx = currentFrame.width * effectiveScale;
-    const heightPx = currentFrame.height * effectiveScale;
     return /* @__PURE__ */ jsx(
       Box,
       {
         sx: {
           position: "relative",
-          width: widthPx,
-          height: heightPx,
           borderRadius: 1,
           boxShadow: 1,
-          backgroundColor: "#fff"
+          backgroundColor: "#fff",
+          display: "flex",
+          justifyContent: "center",
+          alignItems: "center"
         },
         children: /* @__PURE__ */ jsx(
           Box,
           {
             component: "img",
-            src: currentFrame.dataUrl,
-            alt: `${resolvedFileName} page ${currentIndex + 1}`,
+            src: imageUrl,
+            alt: `${resolvedFileName} page ${currentPage}`,
             sx: {
-              width: widthPx,
-              height: heightPx,
+              maxWidth: fitMode === "fit-width" ? "100%" : "none",
+              maxHeight: fitMode === "fit-page" ? "100%" : "none",
+              width: fitMode === "zoom" ? `${zoom * 100}%` : "auto",
+              height: "auto",
               display: "block",
               borderRadius: 1
+            },
+            onLoad: () => {
+              if (!hasImage) {
+                onLoad?.();
+              }
+            },
+            onError: () => {
+              setError("Failed to load image");
+              onError?.(new Error("Failed to load image"));
             }
           }
         )
@@ -334,13 +387,13 @@ var TIFFViewerContent = ({
           }
         ),
         /* @__PURE__ */ jsx(Box, { sx: { px: 2, pb: 1, display: "flex", justifyContent: "center" }, children: /* @__PURE__ */ jsxs(Stack, { direction: "row", spacing: 1, alignItems: "center", flexWrap: "wrap", gap: 1, children: [
-          hasMultipleFrames && /* @__PURE__ */ jsxs(Fragment, { children: [
+          hasMultiplePages && /* @__PURE__ */ jsxs(Fragment, { children: [
             /* @__PURE__ */ jsx(
               IconButton,
               {
                 size: "small",
                 onClick: handleFirstPage,
-                disabled: currentIndex === 0,
+                disabled: currentPage === 1,
                 title: "First Page",
                 "aria-label": "Go to first page",
                 children: /* @__PURE__ */ jsx(FirstPageIcon, { fontSize: "small" })
@@ -351,7 +404,7 @@ var TIFFViewerContent = ({
               {
                 size: "small",
                 onClick: handlePreviousPage,
-                disabled: currentIndex === 0,
+                disabled: currentPage === 1,
                 title: "Previous Page",
                 "aria-label": "Go to previous page",
                 children: /* @__PURE__ */ jsx(ChevronLeftIcon, { fontSize: "small" })
@@ -359,16 +412,16 @@ var TIFFViewerContent = ({
             ),
             /* @__PURE__ */ jsxs(Typography, { variant: "body2", color: "text.secondary", sx: { minWidth: 100, textAlign: "center" }, children: [
               "Page ",
-              currentIndex + 1,
+              currentPage,
               " of ",
-              frames.length
+              totalPages
             ] }),
             /* @__PURE__ */ jsx(
               IconButton,
               {
                 size: "small",
                 onClick: handleNextPage,
-                disabled: currentIndex === frames.length - 1,
+                disabled: currentPage === totalPages,
                 title: "Next Page",
                 "aria-label": "Go to next page",
                 children: /* @__PURE__ */ jsx(ChevronRightIcon, { fontSize: "small" })
@@ -379,7 +432,7 @@ var TIFFViewerContent = ({
               {
                 size: "small",
                 onClick: handleLastPage,
-                disabled: currentIndex === frames.length - 1,
+                disabled: currentPage === totalPages,
                 title: "Last Page",
                 "aria-label": "Go to last page",
                 children: /* @__PURE__ */ jsx(LastPageIcon, { fontSize: "small" })
@@ -392,19 +445,19 @@ var TIFFViewerContent = ({
             {
               size: "small",
               onClick: handleZoomOut,
-              disabled: !hasFrames || zoom <= 0.25,
+              disabled: !hasImage || zoom <= 0.25,
               title: "Zoom Out",
               "aria-label": "Zoom out",
               children: /* @__PURE__ */ jsx(ZoomOutIcon, { fontSize: "small" })
             }
           ),
-          /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "text.secondary", sx: { minWidth: 64, textAlign: "center" }, children: hasFrames ? `${displayScale}%` : "\u2014" }),
+          /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "text.secondary", sx: { minWidth: 64, textAlign: "center" }, children: hasImage ? `${displayScale}%` : "\u2014" }),
           /* @__PURE__ */ jsx(
             IconButton,
             {
               size: "small",
               onClick: handleZoomIn,
-              disabled: !hasFrames || zoom >= 5,
+              disabled: !hasImage || zoom >= 5,
               title: "Zoom In",
               "aria-label": "Zoom in",
               children: /* @__PURE__ */ jsx(ZoomInIcon, { fontSize: "small" })
@@ -415,7 +468,7 @@ var TIFFViewerContent = ({
             {
               size: "small",
               onClick: handleFitWidth,
-              disabled: !hasFrames,
+              disabled: !hasImage,
               title: "Fit to Width",
               "aria-label": "Fit to width",
               color: fitMode === "fit-width" ? "primary" : "default",
@@ -427,7 +480,7 @@ var TIFFViewerContent = ({
             {
               size: "small",
               onClick: handleFitPage,
-              disabled: !hasFrames,
+              disabled: !hasImage,
               title: "Fit to Page",
               "aria-label": "Fit to page",
               color: fitMode === "fit-page" ? "primary" : "default",
@@ -491,7 +544,7 @@ var TIFFViewerContent = ({
             }
           )
         ] }) }),
-        isLoading && /* @__PURE__ */ jsx(LinearProgress, { sx: { mx: 3, mb: 1 } }),
+        (isLoading || internalLoading) && /* @__PURE__ */ jsx(LinearProgress, { sx: { mx: 3, mb: 1 } }),
         error && /* @__PURE__ */ jsx(Typography, { color: "error", variant: "body2", sx: { px: 3, pb: 1 }, children: error }),
         /* @__PURE__ */ jsx(Divider, {}),
         /* @__PURE__ */ jsx(
@@ -542,4 +595,4 @@ var TIFFViewer = (props) => {
 export {
   TIFFViewer
 };
-//# sourceMappingURL=chunk-PFJKVNUA.mjs.map
+//# sourceMappingURL=chunk-ZUA4KYTB.mjs.map

package/dist/chunk-ZUA4KYTB.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/viewers/TIFFViewer.tsx"],"sourcesContent":["import React, {\r\n  useCallback,\r\n  useEffect,\r\n  useMemo,\r\n  useRef,\r\n  useState\r\n} from 'react';\r\nimport {\r\n  Box,\r\n  Button,\r\n  ButtonGroup,\r\n  Card,\r\n  CardContent,\r\n  CardHeader,\r\n  Divider,\r\n  LinearProgress,\r\n  Stack,\r\n  Typography,\r\n  IconButton,\r\n  Tooltip\r\n} from '@mui/material';\r\nimport DownloadIcon from '@mui/icons-material/Download';\r\nimport PrintIcon from '@mui/icons-material/Print';\r\nimport FullscreenIcon from '@mui/icons-material/Fullscreen';\r\nimport FirstPageIcon from '@mui/icons-material/FirstPage';\r\nimport LastPageIcon from '@mui/icons-material/LastPage';\r\nimport ChevronLeftIcon from '@mui/icons-material/ChevronLeft';\r\nimport ChevronRightIcon from '@mui/icons-material/ChevronRight';\r\nimport ZoomInIcon from '@mui/icons-material/ZoomIn';\r\nimport ZoomOutIcon from '@mui/icons-material/ZoomOut';\r\nimport FitScreenIcon from '@mui/icons-material/FitScreen';\r\nimport AspectRatioIcon from '@mui/icons-material/AspectRatio';\r\nimport InfoIcon from '@mui/icons-material/Info';\r\nimport DescriptionIcon from '@mui/icons-material/Description';\r\nimport { FileViewerProps } from '../../types';\r\nimport { getFileExtension } from '../../utils/fileUtils';\r\nimport { mergeToolbarConfig } from '../../utils/toolbarUtils';\r\nimport FileIcon from '../FileIcon';\r\n\r\nconst resolveDocumentName = (file?: File, fileName?: string, url?: string) => {\r\n  if (file?.name) {\r\n    return file.name;\r\n  }\r\n  if (fileName) {\r\n    return fileName;\r\n  }\r\n  if (url) {\r\n    const parts = url.split('?')[0]?.split('#')[0]?.split('/') ?? [];\r\n    return parts[parts.length - 1] || 'document.tiff';\r\n  }\r\n  return 'document.tiff';\r\n};\r\n\r\ninterface TIFFViewerContentProps extends FileViewerProps {\r\n  sourceDescription: string;\r\n}\r\n\r\nconst TIFFViewerContent: React.FC<TIFFViewerContentProps> = ({\r\n  sourceDescription,\r\n  file,\r\n  url,\r\n  fileName,\r\n  totalPages = 1,\r\n  className = '',\r\n  style = {},\r\n  width = '100%',\r\n  height = '100%',\r\n  onLoad,\r\n  onError,\r\n  onDownloadClick,\r\n  onPrintClick,\r\n  onMetadataClick,\r\n  onPropertiesClick,\r\n  pageLoader,\r\n  showDownload = true,\r\n  showPrint = true,\r\n  showMetadata = false,\r\n  showProperties = false,\r\n  // Extract props that shouldn't be passed to DOM elements\r\n  mimeType,\r\n  fileSize,\r\n  showPageCount,\r\n  showPageNavigation,\r\n  showZoomControls,\r\n  showSearch,\r\n  customRegistry,\r\n  initialSearchText,\r\n  initialSearchPages,\r\n  autoOpenSearch,\r\n  autoExecuteSearch,\r\n  onSearchComplete,\r\n  toolbarActions,\r\n  ...props\r\n}) => {\r\n  const [currentPage, setCurrentPage] = useState(1);\r\n  const [isLoading, setIsLoading] = useState(false);\r\n  const [error, setError] = useState<string | null>(null);\r\n  const [fitMode, setFitMode] = useState<'fit-width' | 'fit-page' | 'zoom'>('fit-page');\r\n  const [zoom, setZoom] = useState(1);\r\n  const [viewportWidth, setViewportWidth] = useState<number>(0);\r\n  const [viewportHeight, setViewportHeight] = useState<number>(0);\r\n  const [isFullScreen, setIsFullScreen] = useState(false);\r\n  const [imageUrl, setImageUrl] = useState<string | null>(null);\r\n  const [pageImages, setPageImages] = useState<Map<number, string>>(new Map());\r\n  const [internalLoading, setInternalLoading] = useState(false);\r\n  \r\n  const viewportRef = useRef<HTMLDivElement | null>(null);\r\n  const containerRef = useRef<HTMLDivElement>(null);\r\n  \r\n  // Store pageLoader in ref to prevent re-renders\r\n  const pageLoaderRef = useRef(pageLoader);\r\n  useEffect(() => {\r\n    pageLoaderRef.current = pageLoader;\r\n  }, [pageLoader]);\r\n\r\n  // Update page image from ArrayBuffer data\r\n  const updatePageImage = useCallback((pageData: ArrayBuffer, pageNumber: number) => {\r\n    const blob = new Blob([pageData]);\r\n    const imageUrl = URL.createObjectURL(blob);\r\n    \r\n    setPageImages(prev => {\r\n      // Only clean up old URL if we're replacing with a different one\r\n      const oldUrl = prev.get(pageNumber);\r\n      if (oldUrl && oldUrl !== imageUrl) {\r\n        URL.revokeObjectURL(oldUrl);\r\n      }\r\n      return new Map(prev).set(pageNumber, imageUrl);\r\n    });\r\n    setCurrentPage(pageNumber);\r\n    setImageUrl(imageUrl);\r\n  }, []);\r\n\r\n  // Load initial page when pageLoader is available\r\n  useEffect(() => {\r\n    const loadInitialPage = async () => {\r\n      if (pageLoaderRef.current && !pageImages.has(1) && currentPage === 1) {\r\n        setInternalLoading(true);\r\n        setError(null);\r\n        \r\n        try {\r\n          const pageData = await pageLoaderRef.current(1);\r\n          if (pageData) {\r\n            updatePageImage(pageData, 1);\r\n          } else {\r\n            setError('Failed to load page 1');\r\n          }\r\n        } catch (err) {\r\n          const message = err instanceof Error ? err.message : 'Unable to load page 1';\r\n          setError(message);\r\n          onError?.(new Error(message));\r\n        } finally {\r\n          setInternalLoading(false);\r\n        }\r\n      }\r\n    };\r\n\r\n    loadInitialPage();\r\n  }, [pageImages, currentPage, updatePageImage, onError]);\r\n\r\n  // Handle internal page navigation\r\n  const handlePageChange = useCallback(async (newPageNumber: number) => {\r\n    if (!pageLoaderRef.current) {\r\n      console.warn('pageLoader not provided - page navigation disabled');\r\n      return;\r\n    }\r\n\r\n    // Check if page is already cached\r\n    const cachedUrl = pageImages.get(newPageNumber);\r\n    if (cachedUrl) {\r\n      setCurrentPage(newPageNumber);\r\n      setImageUrl(cachedUrl);\r\n      return;\r\n    }\r\n\r\n    setInternalLoading(true);\r\n    setError(null);\r\n    \r\n    try {\r\n      const pageData = await pageLoaderRef.current(newPageNumber);\r\n      if (pageData) {\r\n        updatePageImage(pageData, newPageNumber);\r\n      } else {\r\n        setError(`Failed to load page ${newPageNumber}`);\r\n      }\r\n    } catch (err) {\r\n      const message = err instanceof Error ? err.message : `Unable to load page ${newPageNumber}`;\r\n      setError(message);\r\n      onError?.(new Error(message));\r\n    } finally {\r\n      setInternalLoading(false);\r\n    }\r\n  }, [pageImages, onError, updatePageImage]);\r\n\r\n  const resolvedFileName = useMemo(\r\n    () => fileName || sourceDescription,\r\n    [fileName, sourceDescription]\r\n  );\r\n\r\n  const fileExtension = useMemo(\r\n    () => getFileExtension(resolvedFileName || ''),\r\n    [resolvedFileName]\r\n  );\r\n\r\n  const loadImage = useCallback(async (resetPage = false) => {\r\n    if (!file && !url) {\r\n      setImageUrl(null);\r\n      if (resetPage) setCurrentPage(1);\r\n      setError(null);\r\n      return;\r\n    }\r\n\r\n    setIsLoading(true);\r\n    setError(null);\r\n\r\n    try {\r\n      let imageDataUrl: string;\r\n      if (file) {\r\n        imageDataUrl = URL.createObjectURL(file);\r\n      } else if (url) {\r\n        imageDataUrl = url;\r\n      } else {\r\n        throw new Error('No file or URL provided');\r\n      }\r\n\r\n      setImageUrl(imageDataUrl);\r\n      if (resetPage) {\r\n        setCurrentPage(1);\r\n        setFitMode('fit-page');\r\n        setZoom(1);\r\n      }\r\n      onLoad?.();\r\n    } catch (err) {\r\n      const message = err instanceof Error ? err.message : 'Unable to load image file';\r\n      setError(message);\r\n      setImageUrl(null);\r\n      if (resetPage) {\r\n        setCurrentPage(1);\r\n        setFitMode('fit-page');\r\n        setZoom(1);\r\n      }\r\n      onError?.(new Error(message));\r\n    } finally {\r\n      setIsLoading(false);\r\n    }\r\n  }, [file, url, onLoad, onError]);\r\n\r\n  const [previousFileSource, setPreviousFileSource] = useState<{ file?: File; url?: string }>({});\r\n\r\n  useEffect(() => {\r\n    const currentFileSource = { file, url };\r\n    const isNewFile = previousFileSource.file !== file || previousFileSource.url !== url;\r\n    \r\n    if (isNewFile) {\r\n      setPreviousFileSource(currentFileSource);\r\n      void loadImage(true); // Reset page on new file\r\n    } else {\r\n      void loadImage(false); // Don't reset page for same file\r\n    }\r\n  }, [file, url, loadImage, previousFileSource.file, previousFileSource.url]);\r\n\r\n  useEffect(() => {\r\n    return () => {\r\n      // Clean up all cached page URLs only on unmount\r\n      pageImages.forEach((url) => {\r\n        URL.revokeObjectURL(url);\r\n      });\r\n      // Clean up current image URL if it's from a file (not from pageLoader)\r\n      if (imageUrl && file && !pageImages.has(currentPage)) {\r\n        URL.revokeObjectURL(imageUrl);\r\n      }\r\n    };\r\n  }, []); // Empty dependency array - only cleanup on unmount\r\n\r\n  const hasImage = !!imageUrl;\r\n  const hasMultiplePages = totalPages > 1;\r\n\r\n  useEffect(() => {\r\n    if (hasImage) {\r\n      setZoom(1);\r\n      setFitMode('fit-page');\r\n    }\r\n  }, [currentPage, hasImage]);\r\n\r\n  useEffect(() => {\r\n    if (typeof window === 'undefined' || typeof ResizeObserver === 'undefined') {\r\n      return undefined;\r\n    }\r\n\r\n    if (!viewportRef.current) {\r\n      return undefined;\r\n    }\r\n\r\n    const updateSize = () => {\r\n      const bounds = viewportRef.current?.getBoundingClientRect();\r\n      if (bounds) {\r\n        setViewportWidth(bounds.width);\r\n        setViewportHeight(bounds.height);\r\n      }\r\n    };\r\n\r\n    updateSize();\r\n    const observer = new ResizeObserver(updateSize);\r\n    observer.observe(viewportRef.current);\r\n\r\n    return () => {\r\n      observer.disconnect();\r\n    };\r\n  }, []);\r\n\r\n  const handleZoomIn = useCallback(() => {\r\n    setFitMode('zoom');\r\n    setZoom((value) => Math.min(Math.round((value + 0.25) * 100) / 100, 5));\r\n  }, []);\r\n\r\n  const handleZoomOut = useCallback(() => {\r\n    setFitMode('zoom');\r\n    setZoom((value) => Math.max(Math.round((value - 0.25) * 100) / 100, 0.25));\r\n  }, []);\r\n\r\n  const handleFitWidth = useCallback(() => {\r\n    setFitMode('fit-width');\r\n    setZoom(1);\r\n  }, []);\r\n\r\n  const handleFitPage = useCallback(() => {\r\n    setFitMode('fit-page');\r\n    setZoom(1);\r\n  }, []);\r\n\r\n  const handleFirstPage = useCallback(() => {\r\n    handlePageChange(1);\r\n  }, [handlePageChange]);\r\n\r\n  const handleLastPage = useCallback(() => {\r\n    handlePageChange(totalPages);\r\n  }, [handlePageChange, totalPages]);\r\n\r\n  const handlePreviousPage = useCallback(() => {\r\n    const newPage = Math.max(currentPage - 1, 1);\r\n    if (newPage !== currentPage) {\r\n      handlePageChange(newPage);\r\n    }\r\n  }, [currentPage, handlePageChange]);\r\n\r\n  const handleNextPage = useCallback(() => {\r\n    const newPage = Math.min(currentPage + 1, totalPages);\r\n    if (newPage !== currentPage) {\r\n      handlePageChange(newPage);\r\n    }\r\n  }, [currentPage, totalPages, handlePageChange]);\r\n\r\n  const handleToggleFullScreen = useCallback(() => {\r\n    if (!isFullScreen && containerRef.current?.requestFullscreen) {\r\n      containerRef.current.requestFullscreen();\r\n      setIsFullScreen(true);\r\n    } else if (isFullScreen && document.exitFullscreen) {\r\n      document.exitFullscreen();\r\n      setIsFullScreen(false);\r\n    }\r\n  }, [isFullScreen]);\r\n\r\n  const toolbar = mergeToolbarConfig({ showDownload, showPrint, showMetadata, showProperties, onDownloadClick, onPrintClick, onMetadataClick, onPropertiesClick, toolbarActions });\r\n\r\n  const effectiveScale = useMemo(() => {\r\n    if (fitMode === 'zoom') {\r\n      return zoom;\r\n    }\r\n    return 1;\r\n  }, [fitMode, zoom]);\r\n\r\n  const displayScale = useMemo(() => Math.round(effectiveScale * 100), [effectiveScale]);\r\n\r\n  const renderImage = () => {\r\n    if (!imageUrl) {\r\n      return (\r\n        <Typography variant=\"body2\" color=\"text.secondary\">\r\n          No image available.\r\n        </Typography>\r\n      );\r\n    }\r\n\r\n    return (\r\n      <Box\r\n        sx={{\r\n          position: 'relative',\r\n          borderRadius: 1,\r\n          boxShadow: 1,\r\n          backgroundColor: '#fff',\r\n          display: 'flex',\r\n          justifyContent: 'center',\r\n          alignItems: 'center'\r\n        }}\r\n      >\r\n        <Box\r\n          component=\"img\"\r\n          src={imageUrl}\r\n          alt={`${resolvedFileName} page ${currentPage}`}\r\n          sx={{\r\n            maxWidth: fitMode === 'fit-width' ? '100%' : 'none',\r\n            maxHeight: fitMode === 'fit-page' ? '100%' : 'none',\r\n            width: fitMode === 'zoom' ? `${zoom * 100}%` : 'auto',\r\n            height: 'auto',\r\n            display: 'block',\r\n            borderRadius: 1\r\n          }}\r\n          onLoad={() => {\r\n            if (!hasImage) {\r\n              onLoad?.();\r\n            }\r\n          }}\r\n          onError={() => {\r\n            setError('Failed to load image');\r\n            onError?.(new Error('Failed to load image'));\r\n          }}\r\n        />\r\n      </Box>\r\n    );\r\n  };\r\n\r\n  return (\r\n    <Box\r\n      ref={containerRef}\r\n      className={`tiff-viewer ${className}`}\r\n      sx={{\r\n        width,\r\n        height,\r\n        display: 'flex',\r\n        flexDirection: 'column',\r\n        overflow: 'hidden',\r\n        ...style\r\n      }}\r\n      {...props}\r\n    >\r\n      <Card sx={{ height: '100%', width: '100%', display: 'flex', flexDirection: 'column', overflow: 'hidden' }} elevation={1}>\r\n        <CardHeader\r\n          avatar={<FileIcon ext={fileExtension} size={32} />}\r\n          title={\r\n            <Typography variant=\"subtitle1\" fontWeight={500}>\r\n              {resolvedFileName}\r\n            </Typography>\r\n          }\r\n          sx={{ pb: 1 }}\r\n        />\r\n\r\n        {/* Toolbar - All Controls at Top (Centered) */}\r\n        <Box sx={{ px: 2, pb: 1, display: 'flex', justifyContent: 'center' }}>\r\n          <Stack direction=\"row\" spacing={1} alignItems=\"center\" flexWrap=\"wrap\" gap={1}>\r\n            {/* Page Navigation */}\r\n            {hasMultiplePages && (\r\n              <>\r\n                <IconButton\r\n                  size=\"small\"\r\n                  onClick={handleFirstPage}\r\n                  disabled={currentPage === 1}\r\n                  title=\"First Page\"\r\n                  aria-label=\"Go to first page\"\r\n                >\r\n                  <FirstPageIcon fontSize=\"small\" />\r\n                </IconButton>\r\n                <IconButton\r\n                  size=\"small\"\r\n                  onClick={handlePreviousPage}\r\n                  disabled={currentPage === 1}\r\n                  title=\"Previous Page\"\r\n                  aria-label=\"Go to previous page\"\r\n                >\r\n                  <ChevronLeftIcon fontSize=\"small\" />\r\n                </IconButton>\r\n                <Typography variant=\"body2\" color=\"text.secondary\" sx={{ minWidth: 100, textAlign: 'center' }}>\r\n                  Page {currentPage} of {totalPages}\r\n                </Typography>\r\n                <IconButton\r\n                  size=\"small\"\r\n                  onClick={handleNextPage}\r\n                  disabled={currentPage === totalPages}\r\n                  title=\"Next Page\"\r\n                  aria-label=\"Go to next page\"\r\n                >\r\n                  <ChevronRightIcon fontSize=\"small\" />\r\n                </IconButton>\r\n                <IconButton\r\n                  size=\"small\"\r\n                  onClick={handleLastPage}\r\n                  disabled={currentPage === totalPages}\r\n                  title=\"Last Page\"\r\n                  aria-label=\"Go to last page\"\r\n                >\r\n                  <LastPageIcon fontSize=\"small\" />\r\n                </IconButton>\r\n                <Divider orientation=\"vertical\" flexItem sx={{ mx: 1 }} />\r\n              </>\r\n            )}\r\n\r\n            {/* Zoom Controls */}\r\n            <IconButton\r\n              size=\"small\"\r\n              onClick={handleZoomOut}\r\n              disabled={!hasImage || zoom <= 0.25}\r\n              title=\"Zoom Out\"\r\n              aria-label=\"Zoom out\"\r\n            >\r\n              <ZoomOutIcon fontSize=\"small\" />\r\n            </IconButton>\r\n            <Typography variant=\"body2\" color=\"text.secondary\" sx={{ minWidth: 64, textAlign: 'center' }}>\r\n              {hasImage ? `${displayScale}%` : '—'}\r\n            </Typography>\r\n            <IconButton\r\n              size=\"small\"\r\n              onClick={handleZoomIn}\r\n              disabled={!hasImage || zoom >= 5}\r\n              title=\"Zoom In\"\r\n              aria-label=\"Zoom in\"\r\n            >\r\n              <ZoomInIcon fontSize=\"small\" />\r\n            </IconButton>\r\n\r\n            <IconButton\r\n              size=\"small\"\r\n              onClick={handleFitWidth}\r\n              disabled={!hasImage}\r\n              title=\"Fit to Width\"\r\n              aria-label=\"Fit to width\"\r\n              color={fitMode === 'fit-width' ? 'primary' : 'default'}\r\n            >\r\n              <AspectRatioIcon fontSize=\"small\" />\r\n            </IconButton>\r\n\r\n            <IconButton\r\n              size=\"small\"\r\n              onClick={handleFitPage}\r\n              disabled={!hasImage}\r\n              title=\"Fit to Page\"\r\n              aria-label=\"Fit to page\"\r\n              color={fitMode === 'fit-page' ? 'primary' : 'default'}\r\n            >\r\n              <FitScreenIcon fontSize=\"small\" />\r\n            </IconButton>\r\n\r\n            <Divider orientation=\"vertical\" flexItem sx={{ mx: 1 }} />\r\n\r\n            {/* Actions */}\r\n            {!toolbar.isHidden('download') && (\r\n              <IconButton\r\n                size=\"small\"\r\n                onClick={toolbar.getHandler('download', onDownloadClick)}\r\n                disabled={toolbar.isDisabled('download')}\r\n                title={toolbar.getLabel('download') || \"Download\"}\r\n                aria-label=\"Download TIFF\"\r\n              >\r\n                {toolbar.getIcon('download') || <DownloadIcon fontSize=\"small\" />}\r\n              </IconButton>\r\n            )}\r\n\r\n            {!toolbar.isHidden('print') && (\r\n              <IconButton\r\n                size=\"small\"\r\n                onClick={toolbar.getHandler('print', onPrintClick)}\r\n                disabled={toolbar.isDisabled('print')}\r\n                title={toolbar.getLabel('print') || \"Print\"}\r\n                aria-label=\"Print TIFF\"\r\n              >\r\n                {toolbar.getIcon('print') || <PrintIcon fontSize=\"small\" />}\r\n              </IconButton>\r\n            )}\r\n\r\n            {!toolbar.isHidden('fullscreen') && (\r\n              <IconButton\r\n                size=\"small\"\r\n                onClick={toolbar.getHandler('fullscreen', handleToggleFullScreen)}\r\n                disabled={toolbar.isDisabled('fullscreen')}\r\n                title={toolbar.getLabel('fullscreen') || \"Fullscreen\"}\r\n                aria-label=\"Toggle fullscreen\"\r\n              >\r\n                {toolbar.getIcon('fullscreen') || <FullscreenIcon fontSize=\"small\" />}\r\n              </IconButton>\r\n            )}\r\n\r\n            {!toolbar.isHidden('metadata') && (\r\n              <IconButton\r\n                size=\"small\"\r\n                onClick={toolbar.getHandler('metadata', onMetadataClick)}\r\n                disabled={toolbar.isDisabled('metadata')}\r\n                title={toolbar.getLabel('metadata') || \"Document Metadata\"}\r\n                aria-label=\"View document metadata\"\r\n              >\r\n                {toolbar.getIcon('metadata') || <DescriptionIcon fontSize=\"small\" />}\r\n              </IconButton>\r\n            )}\r\n\r\n            {!toolbar.isHidden('properties') && (\r\n              <IconButton\r\n                size=\"small\"\r\n                onClick={toolbar.getHandler('properties', onPropertiesClick)}\r\n                disabled={toolbar.isDisabled('properties')}\r\n                title={toolbar.getLabel('properties') || \"Document Properties\"}\r\n                aria-label=\"View document properties\"\r\n              >\r\n                {toolbar.getIcon('properties') || <InfoIcon fontSize=\"small\" />}\r\n              </IconButton>\r\n            )}\r\n          </Stack>\r\n        </Box>\r\n\r\n        {(isLoading || internalLoading) && <LinearProgress sx={{ mx: 3, mb: 1 }} />}\r\n        {error && (\r\n          <Typography color=\"error\" variant=\"body2\" sx={{ px: 3, pb: 1 }}>\r\n            {error}\r\n          </Typography>\r\n        )}\r\n        <Divider />\r\n        <CardContent\r\n          sx={{\r\n            flexGrow: 1,\r\n            flexShrink: 1,\r\n            minHeight: 0,\r\n            p: 0,\r\n            overflow: 'auto',\r\n            backgroundColor: '#f6f8fa',\r\n            position: 'relative'\r\n          }}\r\n        >\r\n          <Box\r\n            ref={viewportRef}\r\n            sx={{\r\n              position: 'absolute',\r\n              top: 0,\r\n              left: 0,\r\n              right: 0,\r\n              bottom: 0,\r\n              display: 'flex',\r\n              alignItems: 'center',\r\n              justifyContent: 'center',\r\n              p: 3,\r\n              overflow: 'auto'\r\n            }}\r\n          >\r\n            {renderImage()}\r\n          </Box>\r\n        </CardContent>\r\n      </Card>\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport const TIFFViewer: React.FC<FileViewerProps> = (props) => {\r\n  const sourceDescription = useMemo(\r\n    () => resolveDocumentName(props.file, props.fileName, props.url),\r\n    [props.file, props.fileName, props.url]\r\n  );\r\n\r\n  return <TIFFViewerContent {...props} sourceDescription={sourceDescription} />;\r\n};\r\n"],"mappings":"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","names":["imageUrl","url"]}