@cannyminds/dms-file-viewers 0.2.0 → 0.4.0

package/dist/{chunk-3STHCDAC.js → chunk-DDT3GC3C.js}

@@ -5,7 +5,7 @@
 var _chunkRE4XRGSVjs = require('./chunk-RE4XRGSV.js');
 
 // src/components/viewers/PDFViewer.tsx
-var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+var _react = require('react');
 var _pdfviewer = require('@cannyminds/pdf-viewer');
 var _FirstPage = require('@mui/icons-material/FirstPage'); var _FirstPage2 = _interopRequireDefault(_FirstPage);
 var _LastPage = require('@mui/icons-material/LastPage'); var _LastPage2 = _interopRequireDefault(_LastPage);
@@ -49,11 +49,17 @@ var SearchSidebar = ({
   totalResults,
   searchKeyword,
   searchResults = [],
-  isSearching = false
+  isSearching = false,
+  isSyntheticResults = false
 }) => {
   const [searchTerm, setSearchTerm] = _react.useState.call(void 0, searchKeyword || "");
   const [hasSearched, setHasSearched] = _react.useState.call(void 0, false);
   const contentRef = _react.useRef.call(void 0, null);
+  _react.useEffect.call(void 0, () => {
+    if (searchKeyword && searchKeyword !== searchTerm) {
+      setSearchTerm(searchKeyword);
+    }
+  }, [searchKeyword]);
   _react.useLayoutEffect.call(void 0, () => {
     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__ */ _jsxruntime.jsx.call(void 0, _FindInPage2.default, { 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__ */ _jsxruntime.jsx.call(void 0, _Search2.default, { sx: { fontSize: 40, color: "#ff9800" } })
+                children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Search2.default, { sx: { fontSize: 40, color: "warning.main" } })
               }
             ),
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Typography, { variant: "body1", sx: { color: "text.primary", fontWeight: 500, mb: 1 }, children: "No Results Found" }),
@@ -404,8 +422,9 @@ var SearchSidebar = ({
               ] })
             ] })
           ] }),
-          totalResults > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Box, { sx: { p: 2 }, children: Object.entries(resultsByPage).sort(([a, _], [b, __]) => parseInt(a) - parseInt(b)).map(([pageNum, pageResults]) => {
+          totalResults > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.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__ */ _jsxruntime.jsxs.call(void 0, _material.Box, { sx: { mb: 3 }, children: [
               /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
                 _material.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
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var _Lock = require('@mui/icons-material/Lock'); var _Lock2 = _interopRequireDefault(_Lock);
+var _Visibility = require('@mui/icons-material/Visibility'); var _Visibility2 = _interopRequireDefault(_Visibility);
+var _VisibilityOff = require('@mui/icons-material/VisibilityOff'); var _VisibilityOff2 = _interopRequireDefault(_VisibilityOff);
+
+var PasswordDialog = ({
+  open,
+  fileName,
+  onSubmit,
+  onCancel,
+  error
+}) => {
+  const [password, setPassword] = _react.useState.call(void 0, "");
+  const [showPassword, setShowPassword] = _react.useState.call(void 0, false);
+  _react.useEffect.call(void 0, () => {
+    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__ */ _jsxruntime.jsxs.call(void 0, 
+    _material.Dialog,
+    {
+      open,
+      onClose: onCancel,
+      maxWidth: "sm",
+      fullWidth: true,
+      PaperProps: {
+        sx: {
+          borderRadius: 2
+        }
+      },
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.DialogTitle, { sx: { pb: 1 }, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _material.Box, { sx: { display: "flex", alignItems: "center", justifyContent: "space-between" }, children: [
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _material.Box, { sx: { display: "flex", alignItems: "center", gap: 1.5 }, children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              _material.Box,
+              {
+                sx: {
+                  width: 40,
+                  height: 40,
+                  borderRadius: "50%",
+                  backgroundColor: "primary.light",
+                  display: "flex",
+                  alignItems: "center",
+                  justifyContent: "center",
+                  opacity: 0.9
+                },
+                children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Lock2.default, { sx: { color: "white", fontSize: 20 } })
+              }
+            ),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Typography, { variant: "h6", component: "div", sx: { fontWeight: 600 }, children: "Password Protected" })
+          ] }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _material.IconButton,
+            {
+              size: "small",
+              onClick: onCancel,
+              sx: { color: "text.secondary" },
+              "aria-label": "Close dialog",
+              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Close2.default, { fontSize: "small" })
+            }
+          )
+        ] }) }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _material.DialogContent, { sx: { pt: 2 }, children: [
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _material.Typography, { variant: "body2", sx: { color: "text.secondary", mb: 3 }, children: [
+            "This PDF is password protected. Please enter the password to view",
+            " ",
+            fileName && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "strong", { children: [
+              '"',
+              fileName,
+              '"'
+            ] })
+          ] }),
+          error && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Alert, { severity: "error", sx: { mb: 2 }, children: error }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "form", { onSubmit: handleSubmit, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _material.TextField,
+            {
+              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__ */ _jsxruntime.jsx.call(void 0, _material.InputAdornment, { position: "end", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                  _material.IconButton,
+                  {
+                    onClick: handleTogglePasswordVisibility,
+                    edge: "end",
+                    size: "small",
+                    "aria-label": showPassword ? "Hide password" : "Show password",
+                    children: showPassword ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _VisibilityOff2.default, {}) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Visibility2.default, {})
+                  }
+                ) })
+              },
+              sx: {
+                "& .MuiOutlinedInput-root": {
+                  borderRadius: 2
+                }
+              }
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _material.DialogActions, { sx: { px: 3, pb: 3, pt: 2 }, children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _material.Button,
+            {
+              onClick: onCancel,
+              variant: "outlined",
+              sx: {
+                borderRadius: 2,
+                textTransform: "none",
+                px: 3
+              },
+              children: "Cancel"
+            }
+          ),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _material.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
 
+var HeadlessPDFViewer = _pdfviewer.PDFViewer;
 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,7 +832,9 @@ var PDFViewerContent = _react.forwardRef.call(void 0, (props, ref) => {
     onMetadataClick,
     onPropertiesClick,
     onDownloadClick,
-    onPrintClick
+    onPrintClick,
+    initialSearchText,
+    initialSearchPages
   } = props;
   const [pdfBuffer, setPdfBuffer] = _react.useState.call(void 0, null);
   const [state, setState] = _react.useState.call(void 0, "idle");
@@ -670,6 +863,10 @@ var PDFViewerContent = _react.forwardRef.call(void 0, (props, ref) => {
   const [searchResults, setSearchResults] = _react.useState.call(void 0, []);
   const [currentSearchResultIndex, setCurrentSearchResultIndex] = _react.useState.call(void 0, 0);
   const [totalSearchResults, setTotalSearchResults] = _react.useState.call(void 0, 0);
+  const [autoExecuteSearch, setAutoExecuteSearch] = _react.useState.call(void 0, !!initialSearchText);
+  const [isPasswordDialogOpen, setIsPasswordDialogOpen] = _react.useState.call(void 0, false);
+  const [passwordError, setPasswordError] = _react.useState.call(void 0, "");
+  const [passwordResolve, setPasswordResolve] = _react.useState.call(void 0, null);
   _react.useEffect.call(void 0, () => {
     setSearchQuery("");
     setSearchResults([]);
@@ -685,79 +882,102 @@ var PDFViewerContent = _react.forwardRef.call(void 0, (props, ref) => {
     setPdfBuffer(null);
   }, [file]);
   _react.useEffect.call(void 0, () => {
-    if (state === "ready") {
-      setTimeout(() => {
-        const container = document.querySelector('[data-pdf-viewer], .embedpdf-viewport, [role="document"]');
-        if (container) {
-          setPdfContainer(container);
-        }
-      }, 500);
+    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]);
   _react.useEffect.call(void 0, () => {
-    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++;
+    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 = _optionalChain([viewer, 'access', _2 => _2.navigation, 'optionalAccess', _3 => _3.getTotalPages, 'optionalCall', _4 => _4()]);
-          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 = _optionalChain([viewer, 'access', _ => _.navigation, 'optionalAccess', _2 => _2.getTotalPages, 'optionalCall', _3 => _3()]);
+        if (count && count > 1) {
+          setTotalPages(count);
+          return;
         }
-        try {
-          const results = await _optionalChain([viewer, 'access', _5 => _5.search, 'optionalAccess', _6 => _6.searchText, 'optionalCall', _7 => _7("e")]);
-          if (_optionalChain([results, 'optionalAccess', _8 => _8.results]) && results.results.length > 0) {
-            const pageIndices = results.results.map((m) => m.pageIndex).filter((idx) => typeof idx === "number");
-            const count = Math.max(...pageIndices) + 1;
-            _optionalChain([viewer, 'access', _9 => _9.search, 'optionalAccess', _10 => _10.stopSearch, 'optionalCall', _11 => _11()]);
-            setTotalPages(count);
-            return;
-          }
-        } catch (error2) {
+      } catch (e) {
+      }
+      try {
+        const results = await _optionalChain([viewer, 'access', _4 => _4.search, 'optionalAccess', _5 => _5.searchText, 'optionalCall', _6 => _6("e")]);
+        if (_optionalChain([results, 'optionalAccess', _7 => _7.results]) && results.results.length > 0) {
+          const pageIndices = results.results.map((m) => m.pageIndex).filter((idx) => typeof idx === "number");
+          const count = Math.max(...pageIndices) + 1;
+          _optionalChain([viewer, 'access', _8 => _8.search, 'optionalAccess', _9 => _9.stopSearch, 'optionalCall', _10 => _10()]);
+          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]);
+  _react.useEffect.call(void 0, () => {
+    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]);
   _react.useEffect.call(void 0, () => {
     if (state === "ready" && pdfViewerRef.current) {
       const updateInfo = () => {
-        const current = _optionalChain([pdfViewerRef, 'access', _12 => _12.current, 'optionalAccess', _13 => _13.navigation, 'access', _14 => _14.getCurrentPage, 'call', _15 => _15()]) || 1;
-        const total = _optionalChain([pdfViewerRef, 'access', _16 => _16.current, 'optionalAccess', _17 => _17.navigation, 'access', _18 => _18.getTotalPages, 'call', _19 => _19()]) || 0;
-        const zoomValue = _optionalChain([pdfViewerRef, 'access', _20 => _20.current, 'optionalAccess', _21 => _21.zoom, 'access', _22 => _22.getZoom, 'call', _23 => _23()]);
-        const currentSearchState = _optionalChain([pdfViewerRef, 'access', _24 => _24.current, 'optionalAccess', _25 => _25.search, 'access', _26 => _26.getSearchState, 'call', _27 => _27()]);
+        const current = _optionalChain([pdfViewerRef, 'access', _11 => _11.current, 'optionalAccess', _12 => _12.navigation, 'access', _13 => _13.getCurrentPage, 'call', _14 => _14()]) || 1;
+        const total = _optionalChain([pdfViewerRef, 'access', _15 => _15.current, 'optionalAccess', _16 => _16.navigation, 'access', _17 => _17.getTotalPages, 'call', _18 => _18()]) || 0;
+        const zoomValue = _optionalChain([pdfViewerRef, 'access', _19 => _19.current, 'optionalAccess', _20 => _20.zoom, 'access', _21 => _21.getZoom, 'call', _22 => _22()]);
+        const currentSearchState = _optionalChain([pdfViewerRef, 'access', _23 => _23.current, 'optionalAccess', _24 => _24.search, 'access', _25 => _25.getSearchState, 'call', _26 => _26()]);
         setCurrentPage(current);
         if (total > 0 && total !== totalPages) {
           setTotalPages(total);
@@ -773,115 +993,115 @@ var PDFViewerContent = _react.forwardRef.call(void 0, (props, ref) => {
   }, [state, totalPages]);
   _react.useImperativeHandle.call(void 0, ref, () => ({
     zoomIn: () => {
-      _optionalChain([pdfViewerRef, 'access', _28 => _28.current, 'optionalAccess', _29 => _29.zoom, 'access', _30 => _30.zoomIn, 'call', _31 => _31()]);
+      _optionalChain([pdfViewerRef, 'access', _27 => _27.current, 'optionalAccess', _28 => _28.zoom, 'access', _29 => _29.zoomIn, 'call', _30 => _30()]);
       updateZoomDisplay();
     },
     zoomOut: () => {
-      _optionalChain([pdfViewerRef, 'access', _32 => _32.current, 'optionalAccess', _33 => _33.zoom, 'access', _34 => _34.zoomOut, 'call', _35 => _35()]);
+      _optionalChain([pdfViewerRef, 'access', _31 => _31.current, 'optionalAccess', _32 => _32.zoom, 'access', _33 => _33.zoomOut, 'call', _34 => _34()]);
       updateZoomDisplay();
     },
     setZoom: (level) => {
-      _optionalChain([pdfViewerRef, 'access', _36 => _36.current, 'optionalAccess', _37 => _37.zoom, 'access', _38 => _38.setZoom, 'call', _39 => _39(level)]);
+      _optionalChain([pdfViewerRef, 'access', _35 => _35.current, 'optionalAccess', _36 => _36.zoom, 'access', _37 => _37.setZoom, 'call', _38 => _38(level)]);
       updateZoomDisplay();
     },
     resetZoom: () => {
-      _optionalChain([pdfViewerRef, 'access', _40 => _40.current, 'optionalAccess', _41 => _41.zoom, 'access', _42 => _42.resetZoom, 'call', _43 => _43()]);
+      _optionalChain([pdfViewerRef, 'access', _39 => _39.current, 'optionalAccess', _40 => _40.zoom, 'access', _41 => _41.resetZoom, 'call', _42 => _42()]);
       updateZoomDisplay();
     },
     getZoom: () => {
-      const zoom2 = _optionalChain([pdfViewerRef, 'access', _44 => _44.current, 'optionalAccess', _45 => _45.zoom, 'access', _46 => _46.getZoom, 'call', _47 => _47()]);
+      const zoom2 = _optionalChain([pdfViewerRef, 'access', _43 => _43.current, 'optionalAccess', _44 => _44.zoom, 'access', _45 => _45.getZoom, 'call', _46 => _46()]);
       return typeof zoom2 === "number" ? zoom2 : 1;
     },
     goToPage: (page) => {
-      _optionalChain([pdfViewerRef, 'access', _48 => _48.current, 'optionalAccess', _49 => _49.navigation, 'access', _50 => _50.goToPage, 'call', _51 => _51(page)]);
+      _optionalChain([pdfViewerRef, 'access', _47 => _47.current, 'optionalAccess', _48 => _48.navigation, 'access', _49 => _49.goToPage, 'call', _50 => _50(page)]);
       setCurrentPage(page);
     },
-    getCurrentPage: () => _optionalChain([pdfViewerRef, 'access', _52 => _52.current, 'optionalAccess', _53 => _53.navigation, 'access', _54 => _54.getCurrentPage, 'call', _55 => _55()]) || 1,
-    getTotalPages: () => _optionalChain([pdfViewerRef, 'access', _56 => _56.current, 'optionalAccess', _57 => _57.navigation, 'access', _58 => _58.getTotalPages, 'call', _59 => _59()]) || 0,
+    getCurrentPage: () => _optionalChain([pdfViewerRef, 'access', _51 => _51.current, 'optionalAccess', _52 => _52.navigation, 'access', _53 => _53.getCurrentPage, 'call', _54 => _54()]) || 1,
+    getTotalPages: () => _optionalChain([pdfViewerRef, 'access', _55 => _55.current, 'optionalAccess', _56 => _56.navigation, 'access', _57 => _57.getTotalPages, 'call', _58 => _58()]) || 0,
     nextPage: () => {
-      _optionalChain([pdfViewerRef, 'access', _60 => _60.current, 'optionalAccess', _61 => _61.navigation, 'access', _62 => _62.nextPage, 'call', _63 => _63()]);
+      _optionalChain([pdfViewerRef, 'access', _59 => _59.current, 'optionalAccess', _60 => _60.navigation, 'access', _61 => _61.nextPage, 'call', _62 => _62()]);
       updatePageDisplay();
     },
     previousPage: () => {
-      _optionalChain([pdfViewerRef, 'access', _64 => _64.current, 'optionalAccess', _65 => _65.navigation, 'access', _66 => _66.previousPage, 'call', _67 => _67()]);
+      _optionalChain([pdfViewerRef, 'access', _63 => _63.current, 'optionalAccess', _64 => _64.navigation, 'access', _65 => _65.previousPage, 'call', _66 => _66()]);
       updatePageDisplay();
     },
     goToFirstPage: () => {
-      _optionalChain([pdfViewerRef, 'access', _68 => _68.current, 'optionalAccess', _69 => _69.navigation, 'access', _70 => _70.goToFirstPage, 'call', _71 => _71()]);
+      _optionalChain([pdfViewerRef, 'access', _67 => _67.current, 'optionalAccess', _68 => _68.navigation, 'access', _69 => _69.goToFirstPage, 'call', _70 => _70()]);
       updatePageDisplay();
     },
     goToLastPage: () => {
-      _optionalChain([pdfViewerRef, 'access', _72 => _72.current, 'optionalAccess', _73 => _73.navigation, 'access', _74 => _74.goToLastPage, 'call', _75 => _75()]);
+      _optionalChain([pdfViewerRef, 'access', _71 => _71.current, 'optionalAccess', _72 => _72.navigation, 'access', _73 => _73.goToLastPage, 'call', _74 => _74()]);
       updatePageDisplay();
     },
     searchText: async (keyword) => {
       setIsSearching(true);
-      const results = await _optionalChain([pdfViewerRef, 'access', _76 => _76.current, 'optionalAccess', _77 => _77.search, 'access', _78 => _78.searchText, 'call', _79 => _79(keyword)]);
+      const results = await _optionalChain([pdfViewerRef, 'access', _75 => _75.current, 'optionalAccess', _76 => _76.search, 'access', _77 => _77.searchText, 'call', _78 => _78(keyword)]);
       setIsSearching(false);
       setSearchQuery(keyword);
       return results;
     },
     nextResult: () => {
-      const index = _optionalChain([pdfViewerRef, 'access', _80 => _80.current, 'optionalAccess', _81 => _81.search, 'access', _82 => _82.nextResult, 'call', _83 => _83()]) || -1;
+      const index = _optionalChain([pdfViewerRef, 'access', _79 => _79.current, 'optionalAccess', _80 => _80.search, 'access', _81 => _81.nextResult, 'call', _82 => _82()]) || -1;
       return index;
     },
     previousResult: () => {
-      const index = _optionalChain([pdfViewerRef, 'access', _84 => _84.current, 'optionalAccess', _85 => _85.search, 'access', _86 => _86.previousResult, 'call', _87 => _87()]) || -1;
+      const index = _optionalChain([pdfViewerRef, 'access', _83 => _83.current, 'optionalAccess', _84 => _84.search, 'access', _85 => _85.previousResult, 'call', _86 => _86()]) || -1;
       return index;
     },
-    goToResult: (index) => _optionalChain([pdfViewerRef, 'access', _88 => _88.current, 'optionalAccess', _89 => _89.search, 'access', _90 => _90.goToResult, 'call', _91 => _91(index)]) || -1,
+    goToResult: (index) => _optionalChain([pdfViewerRef, 'access', _87 => _87.current, 'optionalAccess', _88 => _88.search, 'access', _89 => _89.goToResult, 'call', _90 => _90(index)]) || -1,
     stopSearch: () => {
-      _optionalChain([pdfViewerRef, 'access', _92 => _92.current, 'optionalAccess', _93 => _93.search, 'access', _94 => _94.stopSearch, 'call', _95 => _95()]);
+      _optionalChain([pdfViewerRef, 'access', _91 => _91.current, 'optionalAccess', _92 => _92.search, 'access', _93 => _93.stopSearch, 'call', _94 => _94()]);
       setSearchQuery("");
     },
-    getSearchState: () => _optionalChain([pdfViewerRef, 'access', _96 => _96.current, 'optionalAccess', _97 => _97.search, 'access', _98 => _98.getSearchState, 'call', _99 => _99()]) || null,
-    getSelectedText: () => _optionalChain([pdfViewerRef, 'access', _100 => _100.current, 'optionalAccess', _101 => _101.selection, 'access', _102 => _102.getSelectedText, 'call', _103 => _103()]) || "",
-    clearSelection: () => _optionalChain([pdfViewerRef, 'access', _104 => _104.current, 'optionalAccess', _105 => _105.selection, 'access', _106 => _106.clearSelection, 'call', _107 => _107()])
+    getSearchState: () => _optionalChain([pdfViewerRef, 'access', _95 => _95.current, 'optionalAccess', _96 => _96.search, 'access', _97 => _97.getSearchState, 'call', _98 => _98()]) || null,
+    getSelectedText: () => _optionalChain([pdfViewerRef, 'access', _99 => _99.current, 'optionalAccess', _100 => _100.selection, 'access', _101 => _101.getSelectedText, 'call', _102 => _102()]) || "",
+    clearSelection: () => _optionalChain([pdfViewerRef, 'access', _103 => _103.current, 'optionalAccess', _104 => _104.selection, 'access', _105 => _105.clearSelection, 'call', _106 => _106()])
   }), []);
   const updatePageDisplay = () => {
-    setTimeout(() => {
-      const current = _optionalChain([pdfViewerRef, 'access', _108 => _108.current, 'optionalAccess', _109 => _109.navigation, 'access', _110 => _110.getCurrentPage, 'call', _111 => _111()]) || 1;
+    requestAnimationFrame(() => {
+      const current = _optionalChain([pdfViewerRef, 'access', _107 => _107.current, 'optionalAccess', _108 => _108.navigation, 'access', _109 => _109.getCurrentPage, 'call', _110 => _110()]) || 1;
       setCurrentPage(current);
-    }, 100);
+    });
   };
   const updateZoomDisplay = () => {
-    setTimeout(() => {
-      const zoomValue = _optionalChain([pdfViewerRef, 'access', _112 => _112.current, 'optionalAccess', _113 => _113.zoom, 'access', _114 => _114.getZoom, 'call', _115 => _115()]);
+    requestAnimationFrame(() => {
+      const zoomValue = _optionalChain([pdfViewerRef, 'access', _111 => _111.current, 'optionalAccess', _112 => _112.zoom, 'access', _113 => _113.getZoom, 'call', _114 => _114()]);
       if (typeof zoomValue === "number") {
         setZoom(Math.round(zoomValue * 100));
       }
-    }, 100);
+    });
   };
   const handleZoomIn = () => {
-    _optionalChain([pdfViewerRef, 'access', _116 => _116.current, 'optionalAccess', _117 => _117.zoom, 'access', _118 => _118.zoomIn, 'call', _119 => _119()]);
+    _optionalChain([pdfViewerRef, 'access', _115 => _115.current, 'optionalAccess', _116 => _116.zoom, 'access', _117 => _117.zoomIn, 'call', _118 => _118()]);
     updateZoomDisplay();
   };
   const handleZoomOut = () => {
-    _optionalChain([pdfViewerRef, 'access', _120 => _120.current, 'optionalAccess', _121 => _121.zoom, 'access', _122 => _122.zoomOut, 'call', _123 => _123()]);
+    _optionalChain([pdfViewerRef, 'access', _119 => _119.current, 'optionalAccess', _120 => _120.zoom, 'access', _121 => _121.zoomOut, 'call', _122 => _122()]);
     updateZoomDisplay();
   };
   const handleFitToWidth = () => {
-    _optionalChain([pdfViewerRef, 'access', _124 => _124.current, 'optionalAccess', _125 => _125.zoom, 'access', _126 => _126.fitToWidth, 'call', _127 => _127()]);
+    _optionalChain([pdfViewerRef, 'access', _123 => _123.current, 'optionalAccess', _124 => _124.zoom, 'access', _125 => _125.fitToWidth, 'call', _126 => _126()]);
     updateZoomDisplay();
   };
   const handleFitToPage = () => {
-    _optionalChain([pdfViewerRef, 'access', _128 => _128.current, 'optionalAccess', _129 => _129.zoom, 'access', _130 => _130.fitToPage, 'call', _131 => _131()]);
+    _optionalChain([pdfViewerRef, 'access', _127 => _127.current, 'optionalAccess', _128 => _128.zoom, 'access', _129 => _129.fitToPage, 'call', _130 => _130()]);
     updateZoomDisplay();
   };
   const handlePreviousPage = () => {
-    _optionalChain([pdfViewerRef, 'access', _132 => _132.current, 'optionalAccess', _133 => _133.navigation, 'access', _134 => _134.previousPage, 'call', _135 => _135()]);
+    _optionalChain([pdfViewerRef, 'access', _131 => _131.current, 'optionalAccess', _132 => _132.navigation, 'access', _133 => _133.previousPage, 'call', _134 => _134()]);
     updatePageDisplay();
   };
   const handleNextPage = () => {
-    _optionalChain([pdfViewerRef, 'access', _136 => _136.current, 'optionalAccess', _137 => _137.navigation, 'access', _138 => _138.nextPage, 'call', _139 => _139()]);
+    _optionalChain([pdfViewerRef, 'access', _135 => _135.current, 'optionalAccess', _136 => _136.navigation, 'access', _137 => _137.nextPage, 'call', _138 => _138()]);
     updatePageDisplay();
   };
   const handleFirstPage = () => {
-    _optionalChain([pdfViewerRef, 'access', _140 => _140.current, 'optionalAccess', _141 => _141.navigation, 'access', _142 => _142.goToFirstPage, 'call', _143 => _143()]);
+    _optionalChain([pdfViewerRef, 'access', _139 => _139.current, 'optionalAccess', _140 => _140.navigation, 'access', _141 => _141.goToFirstPage, 'call', _142 => _142()]);
     updatePageDisplay();
   };
   const handleLastPage = () => {
-    _optionalChain([pdfViewerRef, 'access', _144 => _144.current, 'optionalAccess', _145 => _145.navigation, 'access', _146 => _146.goToLastPage, 'call', _147 => _147()]);
+    _optionalChain([pdfViewerRef, 'access', _143 => _143.current, 'optionalAccess', _144 => _144.navigation, 'access', _145 => _145.goToLastPage, 'call', _146 => _146()]);
     updatePageDisplay();
   };
   const handlePageInput = (e) => {
@@ -891,7 +1111,7 @@ var PDFViewerContent = _react.forwardRef.call(void 0, (props, ref) => {
       return;
     }
     if (!isNaN(page) && page >= 1 && (totalPages === 0 || page <= totalPages)) {
-      _optionalChain([pdfViewerRef, 'access', _148 => _148.current, 'optionalAccess', _149 => _149.navigation, 'access', _150 => _150.goToPage, 'call', _151 => _151(page)]);
+      _optionalChain([pdfViewerRef, 'access', _147 => _147.current, 'optionalAccess', _148 => _148.navigation, 'access', _149 => _149.goToPage, 'call', _150 => _150(page)]);
       setCurrentPage(page);
     }
   };
@@ -900,7 +1120,7 @@ var PDFViewerContent = _react.forwardRef.call(void 0, (props, ref) => {
       const value = e.target.value;
       const page = parseInt(value, 10);
       if (!isNaN(page) && page >= 1 && (totalPages === 0 || page <= totalPages)) {
-        _optionalChain([pdfViewerRef, 'access', _152 => _152.current, 'optionalAccess', _153 => _153.navigation, 'access', _154 => _154.goToPage, 'call', _155 => _155(page)]);
+        _optionalChain([pdfViewerRef, 'access', _151 => _151.current, 'optionalAccess', _152 => _152.navigation, 'access', _153 => _153.goToPage, 'call', _154 => _154(page)]);
         setCurrentPage(page);
       }
     }
@@ -908,7 +1128,7 @@ var PDFViewerContent = _react.forwardRef.call(void 0, (props, ref) => {
   const handleSearch = async () => {
     if (searchQuery.trim()) {
       setIsSearching(true);
-      const results = await _optionalChain([pdfViewerRef, 'access', _156 => _156.current, 'optionalAccess', _157 => _157.search, 'access', _158 => _158.searchText, 'call', _159 => _159(searchQuery)]);
+      const results = await _optionalChain([pdfViewerRef, 'access', _155 => _155.current, 'optionalAccess', _156 => _156.search, 'access', _157 => _157.searchText, 'call', _158 => _158(searchQuery)]);
       setIsSearching(false);
       if (results && results.results) {
         const formattedResults = results.results.map((result, index) => {
@@ -952,13 +1172,13 @@ var PDFViewerContent = _react.forwardRef.call(void 0, (props, ref) => {
       handleSearch();
     }
   };
-  const handleSidebarSearch = async (keyword) => {
+  const handleSidebarSearch = async (keyword, pageNumbers) => {
     setSearchQuery(keyword);
     if (keyword.trim()) {
       setIsSearching(true);
-      const results = await _optionalChain([pdfViewerRef, 'access', _160 => _160.current, 'optionalAccess', _161 => _161.search, 'access', _162 => _162.searchText, 'call', _163 => _163(keyword)]);
+      const results = await _optionalChain([pdfViewerRef, 'access', _159 => _159.current, 'optionalAccess', _160 => _160.search, 'access', _161 => _161.searchText, 'call', _162 => _162(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 = "";
@@ -987,9 +1207,21 @@ var PDFViewerContent = _react.forwardRef.call(void 0, (props, ref) => {
         setCurrentSearchResultIndex(0);
         if (formattedResults.length > 0) {
           const firstPageNumber = formattedResults[0].pageNumber;
-          _optionalChain([pdfViewerRef, 'access', _164 => _164.current, 'optionalAccess', _165 => _165.navigation, 'access', _166 => _166.goToPage, 'call', _167 => _167(firstPageNumber)]);
+          _optionalChain([pdfViewerRef, 'access', _163 => _163.current, 'optionalAccess', _164 => _164.navigation, 'access', _165 => _165.goToPage, 'call', _166 => _166(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);
+        _optionalChain([pdfViewerRef, 'access', _167 => _167.current, 'optionalAccess', _168 => _168.navigation, 'access', _169 => _169.goToPage, 'call', _170 => _170(pageNumbers[0])]);
+        setCurrentPage(pageNumbers[0]);
       } else {
         setSearchResults([]);
         setTotalSearchResults(0);
@@ -997,16 +1229,16 @@ var PDFViewerContent = _react.forwardRef.call(void 0, (props, ref) => {
       }
     } else {
       setSearchResults([]);
-      _optionalChain([pdfViewerRef, 'access', _168 => _168.current, 'optionalAccess', _169 => _169.search, 'access', _170 => _170.stopSearch, 'call', _171 => _171()]);
+      _optionalChain([pdfViewerRef, 'access', _171 => _171.current, 'optionalAccess', _172 => _172.search, 'access', _173 => _173.stopSearch, 'call', _174 => _174()]);
       setTotalSearchResults(0);
       setCurrentSearchResultIndex(0);
     }
   };
   const handleSearchResultClick = (pageNumber, resultIndex) => {
-    _optionalChain([pdfViewerRef, 'access', _172 => _172.current, 'optionalAccess', _173 => _173.navigation, 'access', _174 => _174.goToPage, 'call', _175 => _175(pageNumber)]);
+    _optionalChain([pdfViewerRef, 'access', _175 => _175.current, 'optionalAccess', _176 => _176.navigation, 'access', _177 => _177.goToPage, 'call', _178 => _178(pageNumber)]);
     setCurrentSearchResultIndex(resultIndex);
     setCurrentPage(pageNumber);
-    _optionalChain([pdfViewerRef, 'access', _176 => _176.current, 'optionalAccess', _177 => _177.search, 'access', _178 => _178.goToResult, 'call', _179 => _179(resultIndex)]);
+    _optionalChain([pdfViewerRef, 'access', _179 => _179.current, 'optionalAccess', _180 => _180.search, 'access', _181 => _181.goToResult, 'call', _182 => _182(resultIndex)]);
   };
   const toggleSidebar = () => {
     setIsSidebarOpen(!isSidebarOpen);
@@ -1015,10 +1247,10 @@ var PDFViewerContent = _react.forwardRef.call(void 0, (props, ref) => {
     if (currentSearchResultIndex < totalSearchResults - 1) {
       const nextIndex = currentSearchResultIndex + 1;
       setCurrentSearchResultIndex(nextIndex);
-      _optionalChain([pdfViewerRef, 'access', _180 => _180.current, 'optionalAccess', _181 => _181.search, 'access', _182 => _182.nextResult, 'call', _183 => _183()]);
+      _optionalChain([pdfViewerRef, 'access', _183 => _183.current, 'optionalAccess', _184 => _184.search, 'access', _185 => _185.nextResult, 'call', _186 => _186()]);
       if (searchResults[nextIndex]) {
         const pageNumber = searchResults[nextIndex].pageNumber;
-        _optionalChain([pdfViewerRef, 'access', _184 => _184.current, 'optionalAccess', _185 => _185.navigation, 'access', _186 => _186.goToPage, 'call', _187 => _187(pageNumber)]);
+        _optionalChain([pdfViewerRef, 'access', _187 => _187.current, 'optionalAccess', _188 => _188.navigation, 'access', _189 => _189.goToPage, 'call', _190 => _190(pageNumber)]);
         setCurrentPage(pageNumber);
       }
     }
@@ -1027,30 +1259,14 @@ var PDFViewerContent = _react.forwardRef.call(void 0, (props, ref) => {
     if (currentSearchResultIndex > 0) {
       const prevIndex = currentSearchResultIndex - 1;
       setCurrentSearchResultIndex(prevIndex);
-      _optionalChain([pdfViewerRef, 'access', _188 => _188.current, 'optionalAccess', _189 => _189.search, 'access', _190 => _190.previousResult, 'call', _191 => _191()]);
+      _optionalChain([pdfViewerRef, 'access', _191 => _191.current, 'optionalAccess', _192 => _192.search, 'access', _193 => _193.previousResult, 'call', _194 => _194()]);
       if (searchResults[prevIndex]) {
         const pageNumber = searchResults[prevIndex].pageNumber;
-        _optionalChain([pdfViewerRef, 'access', _192 => _192.current, 'optionalAccess', _193 => _193.navigation, 'access', _194 => _194.goToPage, 'call', _195 => _195(pageNumber)]);
+        _optionalChain([pdfViewerRef, 'access', _195 => _195.current, 'optionalAccess', _196 => _196.navigation, 'access', _197 => _197.goToPage, 'call', _198 => _198(pageNumber)]);
         setCurrentPage(pageNumber);
       }
     }
   };
-  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 = _react.forwardRef.call(void 0, (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);
       }
     };
@@ -1126,21 +1356,39 @@ var PDFViewerContent = _react.forwardRef.call(void 0, (props, ref) => {
         }
         setPdfBuffer(arrayBuffer);
         setState("ready");
-        _optionalChain([onLoad, 'optionalCall', _196 => _196()]);
+        _optionalChain([onLoad, 'optionalCall', _199 => _199()]);
       } catch (err) {
         const errorMessage = err.message || "Failed to load PDF";
         setState("error");
         setError(errorMessage);
-        _optionalChain([onError, 'optionalCall', _197 => _197(err)]);
+        _optionalChain([onError, 'optionalCall', _200 => _200(err)]);
       }
     };
     loadPDF();
   }, [file, onLoad, onError]);
   const handlePasswordRequest = _react.useCallback.call(void 0, 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 = _react.useCallback.call(void 0, (password) => {
+    if (passwordResolve) {
+      passwordResolve(password);
+      setPasswordResolve(null);
+      setIsPasswordDialogOpen(false);
+      setPasswordError("");
+    }
+  }, [passwordResolve]);
+  const handlePasswordCancel = _react.useCallback.call(void 0, () => {
+    if (passwordResolve) {
+      passwordResolve(null);
+      setPasswordResolve(null);
+      setIsPasswordDialogOpen(false);
+      setPasswordError("");
+    }
+  }, [passwordResolve]);
   if (state === "loading") {
     return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { style: {
       display: "flex",
@@ -1366,11 +1614,14 @@ Enter password for ${fileName2 || "document"}:`);
       ] })
     ] }),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "pdf-viewer-main", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "pdf-viewer-viewer-area", children: _react2.default.createElement(_pdfviewer.PDFViewer, {
-        ref: pdfViewerRef,
-        pdfBuffer,
-        onPasswordRequest: handlePasswordRequest
-      }) }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "pdf-viewer-viewer-area", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        HeadlessPDFViewer,
+        {
+          ref: pdfViewerRef,
+          pdfBuffer,
+          onPasswordRequest: handlePasswordRequest
+        }
+      ) }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         SearchSidebar,
         {
@@ -1387,7 +1638,17 @@ Enter password for ${fileName2 || "document"}:`);
           isSearching
         }
       )
-    ] })
+    ] }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      PasswordDialog,
+      {
+        open: isPasswordDialogOpen,
+        fileName: resolvedFileName,
+        onSubmit: handlePasswordSubmit,
+        onCancel: handlePasswordCancel,
+        error: passwordError
+      }
+    )
   ] });
 });
 PDFViewerContent.displayName = "PDFViewerContent";
@@ -1399,4 +1660,4 @@ PDFViewer.displayName = "PDFViewer";
 
 
 exports.PDFViewer = PDFViewer;
-//# sourceMappingURL=chunk-3STHCDAC.js.map
+//# sourceMappingURL=chunk-DDT3GC3C.js.map