@cannyminds/dms-file-viewers 0.3.0 → 0.4.0

package/dist/{chunk-73ZIFR3P.mjs → chunk-J2YW5DHC.mjs}

@@ -5,8 +5,8 @@ import {
 } from "./chunk-QQDQJ7TS.mjs";
 
 // src/components/viewers/PDFViewer.tsx
-import React2, { useCallback, useEffect, useMemo, useRef as useRef2, useState as useState2, forwardRef, useImperativeHandle } from "react";
-import { PDFViewer as HeadlessPDFViewer } from "@cannyminds/pdf-viewer";
+import { useCallback, useEffect as useEffect3, useMemo, useRef as useRef2, useState as useState3, forwardRef, useImperativeHandle } from "react";
+import { PDFViewer as HeadlessPDFViewerImport } from "@cannyminds/pdf-viewer";
 import FirstPageIcon from "@mui/icons-material/FirstPage";
 import LastPageIcon from "@mui/icons-material/LastPage";
 import ChevronLeftIcon from "@mui/icons-material/ChevronLeft";
@@ -22,7 +22,7 @@ import InfoIcon from "@mui/icons-material/Info";
 import DescriptionIcon from "@mui/icons-material/Description";
 
 // src/components/viewers/pdf/SearchSidebar.tsx
-import { useState, useLayoutEffect, useRef } from "react";
+import { useState, useLayoutEffect, useEffect, useRef } from "react";
 import {
   Box,
   Typography,
@@ -49,11 +49,17 @@ var SearchSidebar = ({
   totalResults,
   searchKeyword,
   searchResults = [],
-  isSearching = false
+  isSearching = false,
+  isSyntheticResults = false
 }) => {
   const [searchTerm, setSearchTerm] = useState(searchKeyword || "");
   const [hasSearched, setHasSearched] = useState(false);
   const contentRef = useRef(null);
+  useEffect(() => {
+    if (searchKeyword && searchKeyword !== searchTerm) {
+      setSearchTerm(searchKeyword);
+    }
+  }, [searchKeyword]);
   useLayoutEffect(() => {
     const element = contentRef.current;
     if (!element) return;
@@ -89,20 +95,29 @@ var SearchSidebar = ({
         background-color: transparent;
       }
       .search-sidebar-content::-webkit-scrollbar-thumb {
-        background-color: rgba(0, 0, 0, 0.25);
+        background-color: rgba(128, 128, 128, 0.3);
         border-radius: 8px;
         border: 4px solid transparent;
         background-clip: padding-box;
         transition: all 0.15s ease;
       }
       .search-sidebar-content.scrollbar-hover::-webkit-scrollbar-thumb {
-        background-color: rgba(0, 0, 0, 0.4);
+        background-color: rgba(128, 128, 128, 0.5);
         border: 2px solid transparent;
       }
       .search-sidebar-content::-webkit-scrollbar-thumb:active {
-        background-color: rgba(25, 118, 210, 0.85);
+        background-color: rgba(25, 118, 210, 0.8);
         border: 1px solid transparent;
       }
+
+      @media (prefers-color-scheme: dark) {
+        .search-sidebar-content::-webkit-scrollbar-thumb {
+          background-color: rgba(255, 255, 255, 0.2);
+        }
+        .search-sidebar-content.scrollbar-hover::-webkit-scrollbar-thumb {
+          background-color: rgba(255, 255, 255, 0.35);
+        }
+      }
       
       /* Tamil font support for search results */
       .search-result-text {
@@ -344,12 +359,13 @@ var SearchSidebar = ({
                   width: 80,
                   height: 80,
                   borderRadius: "50%",
-                  backgroundColor: "#e3f2fd",
+                  backgroundColor: "primary.light",
                   display: "flex",
                   alignItems: "center",
                   justifyContent: "center",
                   margin: "0 auto",
-                  mb: 3
+                  mb: 3,
+                  opacity: 0.2
                 },
                 children: /* @__PURE__ */ jsx(FindInPageIcon, { sx: { fontSize: 40, color: "primary.main" } })
               }
@@ -361,12 +377,13 @@ var SearchSidebar = ({
               {
                 variant: "body2",
                 sx: {
-                  color: "primary.main",
+                  color: "white",
                   fontWeight: 600,
-                  backgroundColor: "#e3f2fd",
+                  backgroundColor: (theme) => theme.palette.mode === "dark" ? "rgba(144, 202, 249, 0.16)" : "primary.light",
                   padding: "6px 16px",
                   borderRadius: "16px",
-                  display: "inline-block"
+                  display: "inline-block",
+                  opacity: 0.9
                 },
                 children: [
                   '"',
@@ -384,14 +401,15 @@ var SearchSidebar = ({
                   width: 80,
                   height: 80,
                   borderRadius: "50%",
-                  backgroundColor: "#fff3e0",
+                  backgroundColor: (theme) => theme.palette.mode === "dark" ? "rgba(255, 152, 0, 0.12)" : "warning.light",
                   display: "flex",
                   alignItems: "center",
                   justifyContent: "center",
                   margin: "0 auto",
-                  mb: 3
+                  mb: 3,
+                  opacity: 0.6
                 },
-                children: /* @__PURE__ */ jsx(SearchIcon, { sx: { fontSize: 40, color: "#ff9800" } })
+                children: /* @__PURE__ */ jsx(SearchIcon, { sx: { fontSize: 40, color: "warning.main" } })
               }
             ),
             /* @__PURE__ */ jsx(Typography, { variant: "body1", sx: { color: "text.primary", fontWeight: 500, mb: 1 }, children: "No Results Found" }),
@@ -404,8 +422,9 @@ var SearchSidebar = ({
               ] })
             ] })
           ] }),
-          totalResults > 0 && /* @__PURE__ */ jsx(Box, { sx: { p: 2 }, children: Object.entries(resultsByPage).sort(([a, _], [b, __]) => parseInt(a) - parseInt(b)).map(([pageNum, pageResults]) => {
+          totalResults > 0 && /* @__PURE__ */ jsx(Box, { sx: { p: 2 }, children: Object.keys(resultsByPage).sort((a, b) => parseInt(a) - parseInt(b)).map((pageNum) => {
             const pageNumber = parseInt(pageNum);
+            const pageResults = resultsByPage[pageNumber];
             return /* @__PURE__ */ jsxs(Box, { sx: { mb: 3 }, children: [
               /* @__PURE__ */ jsxs(
                 Typography,
@@ -435,15 +454,15 @@ var SearchSidebar = ({
                     mx: 1,
                     mb: 1.5,
                     borderRadius: "8px",
-                    border: "1px solid",
+                    border: "2px solid",
                     borderColor: result.index === currentResultIndex ? "primary.main" : "divider",
-                    backgroundColor: result.index === currentResultIndex ? "#e3f2fd" : "background.paper",
+                    backgroundColor: "background.paper",
                     cursor: "pointer",
                     transition: "all 0.2s ease",
-                    boxShadow: result.index === currentResultIndex ? "0 2px 8px rgba(25, 118, 210, 0.15)" : "0 1px 3px rgba(0, 0, 0, 0.05)",
+                    boxShadow: (theme) => theme.palette.mode === "dark" ? "0 1px 3px rgba(0, 0, 0, 0.3)" : "0 1px 3px rgba(0, 0, 0, 0.05)",
                     "&:hover": {
                       borderColor: "primary.main",
-                      boxShadow: "0 2px 8px rgba(0,0,0,0.1)",
+                      boxShadow: (theme) => theme.palette.mode === "dark" ? "0 2px 8px rgba(255, 255, 255, 0.15)" : "0 2px 8px rgba(0, 0, 0, 0.1)",
                       transform: "translateY(-1px)"
                     }
                   },
@@ -471,8 +490,180 @@ var SearchSidebar = ({
   );
 };
 
+// src/components/viewers/pdf/PasswordDialog.tsx
+import { useState as useState2, useEffect as useEffect2 } from "react";
+import {
+  Dialog,
+  DialogTitle,
+  DialogContent,
+  DialogActions,
+  TextField as TextField2,
+  Button,
+  Typography as Typography2,
+  IconButton as IconButton2,
+  InputAdornment as InputAdornment2,
+  Box as Box2,
+  Alert
+} from "@mui/material";
+import CloseIcon2 from "@mui/icons-material/Close";
+import LockIcon from "@mui/icons-material/Lock";
+import VisibilityIcon from "@mui/icons-material/Visibility";
+import VisibilityOffIcon from "@mui/icons-material/VisibilityOff";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var PasswordDialog = ({
+  open,
+  fileName,
+  onSubmit,
+  onCancel,
+  error
+}) => {
+  const [password, setPassword] = useState2("");
+  const [showPassword, setShowPassword] = useState2(false);
+  useEffect2(() => {
+    if (open) {
+      setPassword("");
+      setShowPassword(false);
+    }
+  }, [open]);
+  const handleSubmit = (e) => {
+    e.preventDefault();
+    if (password.trim()) {
+      onSubmit(password);
+    }
+  };
+  const handleTogglePasswordVisibility = () => {
+    setShowPassword(!showPassword);
+  };
+  const handleKeyPress = (e) => {
+    if (e.key === "Enter" && password.trim()) {
+      handleSubmit(e);
+    }
+  };
+  return /* @__PURE__ */ jsxs2(
+    Dialog,
+    {
+      open,
+      onClose: onCancel,
+      maxWidth: "sm",
+      fullWidth: true,
+      PaperProps: {
+        sx: {
+          borderRadius: 2
+        }
+      },
+      children: [
+        /* @__PURE__ */ jsx2(DialogTitle, { sx: { pb: 1 }, children: /* @__PURE__ */ jsxs2(Box2, { sx: { display: "flex", alignItems: "center", justifyContent: "space-between" }, children: [
+          /* @__PURE__ */ jsxs2(Box2, { sx: { display: "flex", alignItems: "center", gap: 1.5 }, children: [
+            /* @__PURE__ */ jsx2(
+              Box2,
+              {
+                sx: {
+                  width: 40,
+                  height: 40,
+                  borderRadius: "50%",
+                  backgroundColor: "primary.light",
+                  display: "flex",
+                  alignItems: "center",
+                  justifyContent: "center",
+                  opacity: 0.9
+                },
+                children: /* @__PURE__ */ jsx2(LockIcon, { sx: { color: "white", fontSize: 20 } })
+              }
+            ),
+            /* @__PURE__ */ jsx2(Typography2, { variant: "h6", component: "div", sx: { fontWeight: 600 }, children: "Password Protected" })
+          ] }),
+          /* @__PURE__ */ jsx2(
+            IconButton2,
+            {
+              size: "small",
+              onClick: onCancel,
+              sx: { color: "text.secondary" },
+              "aria-label": "Close dialog",
+              children: /* @__PURE__ */ jsx2(CloseIcon2, { fontSize: "small" })
+            }
+          )
+        ] }) }),
+        /* @__PURE__ */ jsxs2(DialogContent, { sx: { pt: 2 }, children: [
+          /* @__PURE__ */ jsxs2(Typography2, { variant: "body2", sx: { color: "text.secondary", mb: 3 }, children: [
+            "This PDF is password protected. Please enter the password to view",
+            " ",
+            fileName && /* @__PURE__ */ jsxs2("strong", { children: [
+              '"',
+              fileName,
+              '"'
+            ] })
+          ] }),
+          error && /* @__PURE__ */ jsx2(Alert, { severity: "error", sx: { mb: 2 }, children: error }),
+          /* @__PURE__ */ jsx2("form", { onSubmit: handleSubmit, children: /* @__PURE__ */ jsx2(
+            TextField2,
+            {
+              fullWidth: true,
+              autoFocus: true,
+              type: showPassword ? "text" : "password",
+              label: "Password",
+              placeholder: "Enter password",
+              value: password,
+              onChange: (e) => setPassword(e.target.value),
+              onKeyPress: handleKeyPress,
+              error: Boolean(error),
+              InputProps: {
+                endAdornment: /* @__PURE__ */ jsx2(InputAdornment2, { position: "end", children: /* @__PURE__ */ jsx2(
+                  IconButton2,
+                  {
+                    onClick: handleTogglePasswordVisibility,
+                    edge: "end",
+                    size: "small",
+                    "aria-label": showPassword ? "Hide password" : "Show password",
+                    children: showPassword ? /* @__PURE__ */ jsx2(VisibilityOffIcon, {}) : /* @__PURE__ */ jsx2(VisibilityIcon, {})
+                  }
+                ) })
+              },
+              sx: {
+                "& .MuiOutlinedInput-root": {
+                  borderRadius: 2
+                }
+              }
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ jsxs2(DialogActions, { sx: { px: 3, pb: 3, pt: 2 }, children: [
+          /* @__PURE__ */ jsx2(
+            Button,
+            {
+              onClick: onCancel,
+              variant: "outlined",
+              sx: {
+                borderRadius: 2,
+                textTransform: "none",
+                px: 3
+              },
+              children: "Cancel"
+            }
+          ),
+          /* @__PURE__ */ jsx2(
+            Button,
+            {
+              onClick: handleSubmit,
+              variant: "contained",
+              disabled: !password.trim(),
+              sx: {
+                borderRadius: 2,
+                textTransform: "none",
+                px: 3,
+                boxShadow: 2
+              },
+              children: "Unlock PDF"
+            }
+          )
+        ] })
+      ]
+    }
+  );
+};
+
 // src/components/viewers/PDFViewer.tsx
-import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var HeadlessPDFViewer = HeadlessPDFViewerImport;
 var toolbarStyles = `
   @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Tamil:wght@400;500;600;700&family=Noto+Sans+Devanagari:wght@400;500;600;700&display=swap');
   
@@ -502,7 +693,7 @@ var toolbarStyles = `
   .pdf-viewer-header {
     display: flex;
     align-items: center;
-    justify-content: center;
+    justify-content: flex-start;
     gap: 8px;
     padding: 3px 16px 0 16px;
     background: #fff;
@@ -641,11 +832,13 @@ var PDFViewerContent = forwardRef((props, ref) => {
     onMetadataClick,
     onPropertiesClick,
     onDownloadClick,
-    onPrintClick
+    onPrintClick,
+    initialSearchText,
+    initialSearchPages
   } = props;
-  const [pdfBuffer, setPdfBuffer] = useState2(null);
-  const [state, setState] = useState2("idle");
-  const [error, setError] = useState2(null);
+  const [pdfBuffer, setPdfBuffer] = useState3(null);
+  const [state, setState] = useState3("idle");
+  const [error, setError] = useState3(null);
   const pdfViewerRef = useRef2(null);
   const resolvedFileName = useMemo(() => {
     if (fileName) return fileName;
@@ -660,17 +853,21 @@ var PDFViewerContent = forwardRef((props, ref) => {
     () => getFileExtension(resolvedFileName),
     [resolvedFileName]
   );
-  const [currentPage, setCurrentPage] = useState2(1);
-  const [totalPages, setTotalPages] = useState2(0);
-  const [zoom, setZoom] = useState2(100);
-  const [searchQuery, setSearchQuery] = useState2("");
-  const [isSearching, setIsSearching] = useState2(false);
-  const [pdfContainer, setPdfContainer] = useState2(null);
-  const [isSidebarOpen, setIsSidebarOpen] = useState2(false);
-  const [searchResults, setSearchResults] = useState2([]);
-  const [currentSearchResultIndex, setCurrentSearchResultIndex] = useState2(0);
-  const [totalSearchResults, setTotalSearchResults] = useState2(0);
-  useEffect(() => {
+  const [currentPage, setCurrentPage] = useState3(1);
+  const [totalPages, setTotalPages] = useState3(0);
+  const [zoom, setZoom] = useState3(100);
+  const [searchQuery, setSearchQuery] = useState3("");
+  const [isSearching, setIsSearching] = useState3(false);
+  const [pdfContainer, setPdfContainer] = useState3(null);
+  const [isSidebarOpen, setIsSidebarOpen] = useState3(false);
+  const [searchResults, setSearchResults] = useState3([]);
+  const [currentSearchResultIndex, setCurrentSearchResultIndex] = useState3(0);
+  const [totalSearchResults, setTotalSearchResults] = useState3(0);
+  const [autoExecuteSearch, setAutoExecuteSearch] = useState3(!!initialSearchText);
+  const [isPasswordDialogOpen, setIsPasswordDialogOpen] = useState3(false);
+  const [passwordError, setPasswordError] = useState3("");
+  const [passwordResolve, setPasswordResolve] = useState3(null);
+  useEffect3(() => {
     setSearchQuery("");
     setSearchResults([]);
     setCurrentSearchResultIndex(0);
@@ -684,74 +881,97 @@ var PDFViewerContent = forwardRef((props, ref) => {
     setError(null);
     setPdfBuffer(null);
   }, [file]);
-  useEffect(() => {
-    if (state === "ready") {
-      setTimeout(() => {
-        const container = document.querySelector('[data-pdf-viewer], .embedpdf-viewport, [role="document"]');
-        if (container) {
-          setPdfContainer(container);
-        }
-      }, 500);
+  useEffect3(() => {
+    if (state !== "ready") return;
+    const container = document.querySelector('[data-pdf-viewer], .embedpdf-viewport, [role="document"]');
+    if (container) {
+      setPdfContainer(container);
+      return;
     }
+    const observer = new MutationObserver(() => {
+      const foundContainer = document.querySelector('[data-pdf-viewer], .embedpdf-viewport, [role="document"]');
+      if (foundContainer) {
+        setPdfContainer(foundContainer);
+        observer.disconnect();
+      }
+    });
+    observer.observe(document.body, { childList: true, subtree: true });
+    return () => observer.disconnect();
   }, [state]);
-  useEffect(() => {
-    if (state === "ready" && totalPages === 0) {
-      const initializePageCount = async () => {
-        let viewer = pdfViewerRef.current;
-        let retries = 0;
-        while (!viewer && retries < 10) {
-          await new Promise((resolve) => setTimeout(resolve, 500));
-          viewer = pdfViewerRef.current;
-          retries++;
+  useEffect3(() => {
+    if (state !== "ready" || totalPages > 0) return;
+    const initializePageCount = async () => {
+      const waitForViewer = async (maxAttempts = 10) => {
+        for (let i = 0; i < maxAttempts; i++) {
+          if (pdfViewerRef.current) return pdfViewerRef.current;
+          await new Promise((resolve) => requestAnimationFrame(
+            () => setTimeout(resolve, Math.min(100 * Math.pow(2, i), 1e3))
+          ));
         }
-        if (!viewer) return;
-        await new Promise((resolve) => setTimeout(resolve, 1500));
-        try {
-          let count = viewer.navigation?.getTotalPages?.();
-          if (count && count > 1) {
-            setTotalPages(count);
-            return;
-          }
-        } catch (e) {
+        return null;
+      };
+      const viewer = await waitForViewer();
+      if (!viewer) return;
+      await new Promise((resolve) => requestAnimationFrame(resolve));
+      try {
+        const count = viewer.navigation?.getTotalPages?.();
+        if (count && count > 1) {
+          setTotalPages(count);
+          return;
         }
-        try {
-          const results = await viewer.search?.searchText?.("e");
-          if (results?.results && results.results.length > 0) {
-            const pageIndices = results.results.map((m) => m.pageIndex).filter((idx) => typeof idx === "number");
-            const count = Math.max(...pageIndices) + 1;
-            viewer.search?.stopSearch?.();
-            setTotalPages(count);
-            return;
-          }
-        } catch (error2) {
+      } catch (e) {
+      }
+      try {
+        const results = await viewer.search?.searchText?.("e");
+        if (results?.results && results.results.length > 0) {
+          const pageIndices = results.results.map((m) => m.pageIndex).filter((idx) => typeof idx === "number");
+          const count = Math.max(...pageIndices) + 1;
+          viewer.search?.stopSearch?.();
+          setTotalPages(count);
+          return;
         }
-        try {
-          await new Promise((resolve) => setTimeout(resolve, 1e3));
-          const selectors = [
-            "[data-page-index]",
-            "[data-page-number]",
-            ".embedpdf-page",
-            '[role="article"]',
-            "canvas[data-page]",
-            ".react-pdf__Page"
-          ];
-          let pages = null;
-          for (const selector of selectors) {
-            pages = document.querySelectorAll(selector);
-            if (pages.length > 0) break;
-          }
-          if (pages && pages.length > 0) {
+      } catch (error2) {
+      }
+      try {
+        const selectors = [
+          "[data-page-index]",
+          "[data-page-number]",
+          ".embedpdf-page",
+          '[role="article"]',
+          "canvas[data-page]",
+          ".react-pdf__Page"
+        ];
+        for (const selector of selectors) {
+          const pages = document.querySelectorAll(selector);
+          if (pages.length > 0) {
             setTotalPages(pages.length);
             return;
           }
-        } catch (error2) {
         }
-        setTotalPages(1);
-      };
-      initializePageCount();
-    }
+      } catch (error2) {
+      }
+      setTotalPages(1);
+    };
+    initializePageCount();
   }, [state, totalPages]);
-  useEffect(() => {
+  useEffect3(() => {
+    if (state !== "ready" || !autoExecuteSearch || !initialSearchText) return;
+    const scheduleSearch = (callback) => {
+      if ("requestIdleCallback" in window) {
+        requestIdleCallback(callback, { timeout: 2e3 });
+      } else {
+        requestAnimationFrame(() => setTimeout(callback, 0));
+      }
+    };
+    scheduleSearch(() => {
+      if (!pdfViewerRef.current) return;
+      setIsSidebarOpen(true);
+      setSearchQuery(initialSearchText);
+      handleSidebarSearch(initialSearchText, initialSearchPages);
+      setAutoExecuteSearch(false);
+    });
+  }, [state, autoExecuteSearch, initialSearchText, initialSearchPages]);
+  useEffect3(() => {
     if (state === "ready" && pdfViewerRef.current) {
       const updateInfo = () => {
         const current = pdfViewerRef.current?.navigation.getCurrentPage() || 1;
@@ -839,18 +1059,18 @@ var PDFViewerContent = forwardRef((props, ref) => {
     clearSelection: () => pdfViewerRef.current?.selection.clearSelection()
   }), []);
   const updatePageDisplay = () => {
-    setTimeout(() => {
+    requestAnimationFrame(() => {
       const current = pdfViewerRef.current?.navigation.getCurrentPage() || 1;
       setCurrentPage(current);
-    }, 100);
+    });
   };
   const updateZoomDisplay = () => {
-    setTimeout(() => {
+    requestAnimationFrame(() => {
       const zoomValue = pdfViewerRef.current?.zoom.getZoom();
       if (typeof zoomValue === "number") {
         setZoom(Math.round(zoomValue * 100));
       }
-    }, 100);
+    });
   };
   const handleZoomIn = () => {
     pdfViewerRef.current?.zoom.zoomIn();
@@ -952,13 +1172,13 @@ var PDFViewerContent = forwardRef((props, ref) => {
       handleSearch();
     }
   };
-  const handleSidebarSearch = async (keyword) => {
+  const handleSidebarSearch = async (keyword, pageNumbers) => {
     setSearchQuery(keyword);
     if (keyword.trim()) {
       setIsSearching(true);
       const results = await pdfViewerRef.current?.search.searchText(keyword);
       setIsSearching(false);
-      if (results && results.results) {
+      if (results && results.results && results.results.length > 0) {
         const formattedResults = results.results.map((result, index) => {
           let textContent = "";
           let contextContent = "";
@@ -990,6 +1210,18 @@ var PDFViewerContent = forwardRef((props, ref) => {
           pdfViewerRef.current?.navigation.goToPage(firstPageNumber);
           setCurrentPage(firstPageNumber);
         }
+      } else if (pageNumbers && pageNumbers.length > 0) {
+        const fallbackResults = pageNumbers.map((pageNum, index) => ({
+          pageNumber: pageNum,
+          text: keyword,
+          context: `"${keyword}" found on this page ${pageNum}`,
+          index
+        }));
+        setSearchResults(fallbackResults);
+        setTotalSearchResults(fallbackResults.length);
+        setCurrentSearchResultIndex(0);
+        pdfViewerRef.current?.navigation.goToPage(pageNumbers[0]);
+        setCurrentPage(pageNumbers[0]);
       } else {
         setSearchResults([]);
         setTotalSearchResults(0);
@@ -1035,22 +1267,6 @@ var PDFViewerContent = forwardRef((props, ref) => {
       }
     }
   };
-  const handleDownload = () => {
-    if (onDownloadClick) {
-      onDownloadClick();
-      return;
-    }
-    if (!pdfBuffer) return;
-    const blob = new Blob([pdfBuffer], { type: "application/pdf" });
-    const url = URL.createObjectURL(blob);
-    const link = document.createElement("a");
-    link.href = url;
-    link.download = resolvedFileName;
-    document.body.appendChild(link);
-    link.click();
-    document.body.removeChild(link);
-    URL.revokeObjectURL(url);
-  };
   const handlePrint = () => {
     if (onPrintClick) {
       onPrintClick();
@@ -1069,28 +1285,42 @@ var PDFViewerContent = forwardRef((props, ref) => {
     document.body.appendChild(iframe);
     iframe.onload = () => {
       try {
-        setTimeout(() => {
+        requestAnimationFrame(() => {
           const iframeWindow = iframe.contentWindow;
           if (!iframeWindow) return;
           iframeWindow.focus();
           iframeWindow.print();
-          const checkPrintComplete = () => {
-            setTimeout(() => {
+          const cleanup = () => {
+            requestAnimationFrame(() => {
               try {
-                document.body.removeChild(iframe);
+                if (document.body.contains(iframe)) {
+                  document.body.removeChild(iframe);
+                }
                 URL.revokeObjectURL(blobUrl);
               } catch (e) {
               }
-            }, 500);
+            });
           };
           if ("onafterprint" in iframeWindow) {
-            iframeWindow.onafterprint = checkPrintComplete;
+            iframeWindow.onafterprint = cleanup;
           } else {
-            setTimeout(checkPrintComplete, 3e3);
+            const visibilityHandler = () => {
+              if (!document.hidden) {
+                cleanup();
+                document.removeEventListener("visibilitychange", visibilityHandler);
+              }
+            };
+            document.addEventListener("visibilitychange", visibilityHandler);
+            setTimeout(() => {
+              cleanup();
+              document.removeEventListener("visibilitychange", visibilityHandler);
+            }, 5e3);
           }
-        }, 500);
+        });
       } catch (error2) {
-        document.body.removeChild(iframe);
+        if (document.body.contains(iframe)) {
+          document.body.removeChild(iframe);
+        }
         URL.revokeObjectURL(blobUrl);
       }
     };
@@ -1100,7 +1330,7 @@ var PDFViewerContent = forwardRef((props, ref) => {
     };
     iframe.src = blobUrl;
   };
-  useEffect(() => {
+  useEffect3(() => {
     if (!file) {
       setState("error");
       setError("No file provided");
@@ -1137,12 +1367,30 @@ var PDFViewerContent = forwardRef((props, ref) => {
     loadPDF();
   }, [file, onLoad, onError]);
   const handlePasswordRequest = useCallback(async (fileName2) => {
-    const password = prompt(`This PDF is password protected.
-Enter password for ${fileName2 || "document"}:`);
-    return password;
+    return new Promise((resolve) => {
+      setPasswordResolve(() => resolve);
+      setPasswordError("");
+      setIsPasswordDialogOpen(true);
+    });
   }, []);
+  const handlePasswordSubmit = useCallback((password) => {
+    if (passwordResolve) {
+      passwordResolve(password);
+      setPasswordResolve(null);
+      setIsPasswordDialogOpen(false);
+      setPasswordError("");
+    }
+  }, [passwordResolve]);
+  const handlePasswordCancel = useCallback(() => {
+    if (passwordResolve) {
+      passwordResolve(null);
+      setPasswordResolve(null);
+      setIsPasswordDialogOpen(false);
+      setPasswordError("");
+    }
+  }, [passwordResolve]);
   if (state === "loading") {
-    return /* @__PURE__ */ jsxs2("div", { style: {
+    return /* @__PURE__ */ jsxs3("div", { style: {
       display: "flex",
       flexDirection: "column",
       alignItems: "center",
@@ -1150,7 +1398,7 @@ Enter password for ${fileName2 || "document"}:`);
       height: "100%",
       gap: "16px"
     }, children: [
-      /* @__PURE__ */ jsx2("div", { className: "spinner", style: {
+      /* @__PURE__ */ jsx3("div", { className: "spinner", style: {
         width: "48px",
         height: "48px",
         border: "4px solid #f3f3f3",
@@ -1158,8 +1406,8 @@ Enter password for ${fileName2 || "document"}:`);
         borderRadius: "50%",
         animation: "spin 1s linear infinite"
       } }),
-      /* @__PURE__ */ jsx2("p", { children: "Loading PDF..." }),
-      /* @__PURE__ */ jsx2("style", { children: `
+      /* @__PURE__ */ jsx3("p", { children: "Loading PDF..." }),
+      /* @__PURE__ */ jsx3("style", { children: `
           @keyframes spin {
             0% { transform: rotate(0deg); }
             100% { transform: rotate(360deg); }
@@ -1168,63 +1416,63 @@ Enter password for ${fileName2 || "document"}:`);
     ] });
   }
   if (state === "error" || error) {
-    return /* @__PURE__ */ jsx2("div", { style: {
+    return /* @__PURE__ */ jsx3("div", { style: {
       display: "flex",
       flexDirection: "column",
       alignItems: "center",
       justifyContent: "center",
       height: "100%",
       padding: "24px"
-    }, children: /* @__PURE__ */ jsxs2("div", { style: {
+    }, children: /* @__PURE__ */ jsxs3("div", { style: {
       maxWidth: "400px",
       padding: "16px",
       backgroundColor: "#fee",
       border: "1px solid #fcc",
       borderRadius: "4px"
     }, children: [
-      /* @__PURE__ */ jsx2("h3", { style: { marginTop: 0 }, children: "Failed to Load PDF" }),
-      /* @__PURE__ */ jsx2("p", { children: error || "Unknown error occurred" })
+      /* @__PURE__ */ jsx3("h3", { style: { marginTop: 0 }, children: "Failed to Load PDF" }),
+      /* @__PURE__ */ jsx3("p", { children: error || "Unknown error occurred" })
     ] }) });
   }
   if (!pdfBuffer || state !== "ready") {
-    return /* @__PURE__ */ jsx2("div", { style: {
+    return /* @__PURE__ */ jsx3("div", { style: {
       display: "flex",
       alignItems: "center",
       justifyContent: "center",
       height: "100%"
-    }, children: /* @__PURE__ */ jsx2("p", { children: "Preparing PDF..." }) });
+    }, children: /* @__PURE__ */ jsx3("p", { children: "Preparing PDF..." }) });
   }
-  return /* @__PURE__ */ jsxs2("div", { className: "pdf-viewer-container", children: [
-    /* @__PURE__ */ jsx2("style", { children: toolbarStyles }),
-    /* @__PURE__ */ jsxs2("div", { className: "pdf-viewer-header", children: [
-      /* @__PURE__ */ jsx2(FileIcon_default, { ext: fileExtension, size: 26 }),
-      /* @__PURE__ */ jsx2("div", { className: "header-file-name", title: resolvedFileName, children: resolvedFileName })
+  return /* @__PURE__ */ jsxs3("div", { className: "pdf-viewer-container", children: [
+    /* @__PURE__ */ jsx3("style", { children: toolbarStyles }),
+    /* @__PURE__ */ jsxs3("div", { className: "pdf-viewer-header", children: [
+      /* @__PURE__ */ jsx3(FileIcon_default, { ext: fileExtension, size: 26 }),
+      /* @__PURE__ */ jsx3("div", { className: "header-file-name", title: resolvedFileName, children: resolvedFileName })
     ] }),
-    /* @__PURE__ */ jsxs2("div", { className: "pdf-viewer-toolbar", children: [
-      showPageNavigation && /* @__PURE__ */ jsxs2(Fragment, { children: [
-        /* @__PURE__ */ jsx2("div", { className: "toolbar-separator" }),
-        /* @__PURE__ */ jsxs2("div", { className: "toolbar-section", children: [
-          /* @__PURE__ */ jsx2(
+    /* @__PURE__ */ jsxs3("div", { className: "pdf-viewer-toolbar", children: [
+      showPageNavigation && /* @__PURE__ */ jsxs3(Fragment, { children: [
+        /* @__PURE__ */ jsx3("div", { className: "toolbar-separator" }),
+        /* @__PURE__ */ jsxs3("div", { className: "toolbar-section", children: [
+          /* @__PURE__ */ jsx3(
             "button",
             {
               className: "toolbar-button",
               onClick: handleFirstPage,
               disabled: currentPage <= 1,
               title: "First Page",
-              children: /* @__PURE__ */ jsx2(FirstPageIcon, { fontSize: "small" })
+              children: /* @__PURE__ */ jsx3(FirstPageIcon, { fontSize: "small" })
             }
           ),
-          /* @__PURE__ */ jsx2(
+          /* @__PURE__ */ jsx3(
             "button",
             {
               className: "toolbar-button",
               onClick: handlePreviousPage,
               disabled: currentPage <= 1,
               title: "Previous Page",
-              children: /* @__PURE__ */ jsx2(ChevronLeftIcon, { fontSize: "small" })
+              children: /* @__PURE__ */ jsx3(ChevronLeftIcon, { fontSize: "small" })
             }
           ),
-          /* @__PURE__ */ jsx2(
+          /* @__PURE__ */ jsx3(
             "input",
             {
               type: "number",
@@ -1236,80 +1484,80 @@ Enter password for ${fileName2 || "document"}:`);
               max: totalPages || void 0
             }
           ),
-          showPageCount && /* @__PURE__ */ jsxs2("span", { className: "page-info", children: [
+          showPageCount && /* @__PURE__ */ jsxs3("span", { className: "page-info", children: [
             "of ",
             totalPages || "..."
           ] }),
-          /* @__PURE__ */ jsx2(
+          /* @__PURE__ */ jsx3(
             "button",
             {
               className: "toolbar-button",
               onClick: handleNextPage,
               disabled: currentPage >= totalPages,
               title: "Next Page",
-              children: /* @__PURE__ */ jsx2(ChevronRightIcon, { fontSize: "small" })
+              children: /* @__PURE__ */ jsx3(ChevronRightIcon, { fontSize: "small" })
             }
           ),
-          /* @__PURE__ */ jsx2(
+          /* @__PURE__ */ jsx3(
             "button",
             {
               className: "toolbar-button",
               onClick: handleLastPage,
               disabled: currentPage >= totalPages,
               title: "Last Page",
-              children: /* @__PURE__ */ jsx2(LastPageIcon, { fontSize: "small" })
+              children: /* @__PURE__ */ jsx3(LastPageIcon, { fontSize: "small" })
             }
           )
         ] })
       ] }),
-      showZoomControls && /* @__PURE__ */ jsxs2(Fragment, { children: [
-        /* @__PURE__ */ jsx2("div", { className: "toolbar-separator" }),
-        /* @__PURE__ */ jsxs2("div", { className: "toolbar-section", children: [
-          /* @__PURE__ */ jsx2(
+      showZoomControls && /* @__PURE__ */ jsxs3(Fragment, { children: [
+        /* @__PURE__ */ jsx3("div", { className: "toolbar-separator" }),
+        /* @__PURE__ */ jsxs3("div", { className: "toolbar-section", children: [
+          /* @__PURE__ */ jsx3(
             "button",
             {
               className: "toolbar-button",
               onClick: handleZoomOut,
               title: "Zoom Out",
-              children: /* @__PURE__ */ jsx2(ZoomOutIcon, { fontSize: "small" })
+              children: /* @__PURE__ */ jsx3(ZoomOutIcon, { fontSize: "small" })
             }
           ),
-          /* @__PURE__ */ jsxs2("span", { className: "zoom-display", children: [
+          /* @__PURE__ */ jsxs3("span", { className: "zoom-display", children: [
             zoom,
             "%"
           ] }),
-          /* @__PURE__ */ jsx2(
+          /* @__PURE__ */ jsx3(
             "button",
             {
               className: "toolbar-button",
               onClick: handleZoomIn,
               title: "Zoom In",
-              children: /* @__PURE__ */ jsx2(ZoomInIcon, { fontSize: "small" })
+              children: /* @__PURE__ */ jsx3(ZoomInIcon, { fontSize: "small" })
             }
           ),
-          /* @__PURE__ */ jsx2(
+          /* @__PURE__ */ jsx3(
             "button",
             {
               className: "toolbar-button",
               onClick: handleFitToWidth,
               title: "Fit to Width",
-              children: /* @__PURE__ */ jsx2(AspectRatioIcon, { fontSize: "small" })
+              children: /* @__PURE__ */ jsx3(AspectRatioIcon, { fontSize: "small" })
             }
           ),
-          /* @__PURE__ */ jsx2(
+          /* @__PURE__ */ jsx3(
             "button",
             {
               className: "toolbar-button",
               onClick: handleFitToPage,
               title: "Fit to Page",
-              children: /* @__PURE__ */ jsx2(FitScreenIcon, { fontSize: "small" })
+              children: /* @__PURE__ */ jsx3(FitScreenIcon, { fontSize: "small" })
             }
           )
         ] })
       ] }),
-      showSearch && /* @__PURE__ */ jsxs2(Fragment, { children: [
-        /* @__PURE__ */ jsx2("div", { className: "toolbar-separator" }),
-        /* @__PURE__ */ jsx2("div", { className: "toolbar-section", children: /* @__PURE__ */ jsx2(
+      showSearch && /* @__PURE__ */ jsxs3(Fragment, { children: [
+        /* @__PURE__ */ jsx3("div", { className: "toolbar-separator" }),
+        /* @__PURE__ */ jsx3("div", { className: "toolbar-section", children: /* @__PURE__ */ jsx3(
           "button",
           {
             className: "toolbar-button",
@@ -1319,59 +1567,62 @@ Enter password for ${fileName2 || "document"}:`);
               backgroundColor: isSidebarOpen ? "#e3f2fd" : "transparent",
               color: isSidebarOpen ? "#1976d2" : "inherit"
             },
-            children: /* @__PURE__ */ jsx2(SearchIcon2, { fontSize: "small" })
+            children: /* @__PURE__ */ jsx3(SearchIcon2, { fontSize: "small" })
           }
         ) })
       ] }),
-      (showMetadata || showProperties || showDownload || showPrint) && /* @__PURE__ */ jsxs2(Fragment, { children: [
-        /* @__PURE__ */ jsx2("div", { className: "toolbar-separator" }),
-        /* @__PURE__ */ jsxs2("div", { className: "toolbar-section", children: [
-          showDownload && /* @__PURE__ */ jsx2(
+      (showMetadata || showProperties || showDownload || showPrint) && /* @__PURE__ */ jsxs3(Fragment, { children: [
+        /* @__PURE__ */ jsx3("div", { className: "toolbar-separator" }),
+        /* @__PURE__ */ jsxs3("div", { className: "toolbar-section", children: [
+          showDownload && /* @__PURE__ */ jsx3(
             "button",
             {
               className: "toolbar-button",
               onClick: onDownloadClick,
               title: "Download PDF",
-              children: /* @__PURE__ */ jsx2(DownloadIcon, { fontSize: "small" })
+              children: /* @__PURE__ */ jsx3(DownloadIcon, { fontSize: "small" })
             }
           ),
-          showPrint && /* @__PURE__ */ jsx2(
+          showPrint && /* @__PURE__ */ jsx3(
             "button",
             {
               className: "toolbar-button",
               onClick: onPrintClick,
               title: "Print PDF",
-              children: /* @__PURE__ */ jsx2(PrintIcon, { fontSize: "small" })
+              children: /* @__PURE__ */ jsx3(PrintIcon, { fontSize: "small" })
             }
           ),
-          showMetadata && /* @__PURE__ */ jsx2(
+          showMetadata && /* @__PURE__ */ jsx3(
             "button",
             {
               className: "toolbar-button",
               onClick: onMetadataClick,
               title: "Document Metadata",
-              children: /* @__PURE__ */ jsx2(InfoIcon, { fontSize: "small" })
+              children: /* @__PURE__ */ jsx3(InfoIcon, { fontSize: "small" })
             }
           ),
-          showProperties && /* @__PURE__ */ jsx2(
+          showProperties && /* @__PURE__ */ jsx3(
             "button",
             {
               className: "toolbar-button",
               onClick: onPropertiesClick,
               title: "Document Properties",
-              children: /* @__PURE__ */ jsx2(DescriptionIcon, { fontSize: "small" })
+              children: /* @__PURE__ */ jsx3(DescriptionIcon, { fontSize: "small" })
             }
           )
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsxs2("div", { className: "pdf-viewer-main", children: [
-      /* @__PURE__ */ jsx2("div", { className: "pdf-viewer-viewer-area", children: React2.createElement(HeadlessPDFViewer, {
-        ref: pdfViewerRef,
-        pdfBuffer,
-        onPasswordRequest: handlePasswordRequest
-      }) }),
-      /* @__PURE__ */ jsx2(
+    /* @__PURE__ */ jsxs3("div", { className: "pdf-viewer-main", children: [
+      /* @__PURE__ */ jsx3("div", { className: "pdf-viewer-viewer-area", children: /* @__PURE__ */ jsx3(
+        HeadlessPDFViewer,
+        {
+          ref: pdfViewerRef,
+          pdfBuffer,
+          onPasswordRequest: handlePasswordRequest
+        }
+      ) }),
+      /* @__PURE__ */ jsx3(
         SearchSidebar,
         {
           isOpen: isSidebarOpen,
@@ -1387,16 +1638,26 @@ Enter password for ${fileName2 || "document"}:`);
           isSearching
         }
       )
-    ] })
+    ] }),
+    /* @__PURE__ */ jsx3(
+      PasswordDialog,
+      {
+        open: isPasswordDialogOpen,
+        fileName: resolvedFileName,
+        onSubmit: handlePasswordSubmit,
+        onCancel: handlePasswordCancel,
+        error: passwordError
+      }
+    )
   ] });
 });
 PDFViewerContent.displayName = "PDFViewerContent";
 var PDFViewer = forwardRef((props, ref) => {
-  return /* @__PURE__ */ jsx2(PDFViewerContent, { ...props, sourceDescription: "doc.pdf", ref });
+  return /* @__PURE__ */ jsx3(PDFViewerContent, { ...props, sourceDescription: "doc.pdf", ref });
 });
 PDFViewer.displayName = "PDFViewer";
 
 export {
   PDFViewer
 };
-//# sourceMappingURL=chunk-73ZIFR3P.mjs.map
+//# sourceMappingURL=chunk-J2YW5DHC.mjs.map