@cannyminds/dms-file-viewers 0.4.0 → 0.5.0

package/dist/{chunk-DDT3GC3C.js → chunk-QELOFQEB.js}

@@ -5,8 +5,31 @@
 var _chunkRE4XRGSVjs = require('./chunk-RE4XRGSV.js');
 
 // src/components/viewers/PDFViewer.tsx
-var _react = require('react');
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+
+// src/components/viewers/pdf/StablePDFViewer.tsx
+
 var _pdfviewer = require('@cannyminds/pdf-viewer');
+var _jsxruntime = require('react/jsx-runtime');
+var HeadlessPDFViewer = _pdfviewer.PDFViewer;
+var StablePDFViewer = _react2.default.memo(({
+  pdfBuffer,
+  onPasswordRequest,
+  pdfViewerRef
+}) => {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    HeadlessPDFViewer,
+    {
+      ref: pdfViewerRef,
+      pdfBuffer,
+      onPasswordRequest
+    }
+  );
+});
+StablePDFViewer.displayName = "StablePDFViewer";
+
+// src/components/viewers/pdf/PDFToolbar.tsx
+
 var _FirstPage = require('@mui/icons-material/FirstPage'); var _FirstPage2 = _interopRequireDefault(_FirstPage);
 var _LastPage = require('@mui/icons-material/LastPage'); var _LastPage2 = _interopRequireDefault(_LastPage);
 var _ChevronLeft = require('@mui/icons-material/ChevronLeft'); var _ChevronLeft2 = _interopRequireDefault(_ChevronLeft);
@@ -21,6 +44,214 @@ var _Print = require('@mui/icons-material/Print'); var _Print2 = _interopRequire
 var _Info = require('@mui/icons-material/Info'); var _Info2 = _interopRequireDefault(_Info);
 var _Description = require('@mui/icons-material/Description'); var _Description2 = _interopRequireDefault(_Description);
 
+var PDFToolbar = _react2.default.memo(({
+  currentPage,
+  totalPages,
+  zoom,
+  isSidebarOpen,
+  showPageNavigation,
+  showPageCount,
+  showZoomControls,
+  showSearch,
+  showMetadata,
+  showProperties,
+  showDownload,
+  showPrint,
+  onFirstPage,
+  onPreviousPage,
+  onNextPage,
+  onLastPage,
+  onPageInput,
+  onPageInputKeyPress,
+  onZoomIn,
+  onZoomOut,
+  onFitToWidth,
+  onFitToPage,
+  onToggleSidebar,
+  onDownloadClick,
+  onPrintClick,
+  onMetadataClick,
+  onPropertiesClick
+}) => {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "pdf-viewer-toolbar", children: [
+    showPageNavigation && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "toolbar-separator" }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "toolbar-section", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "button",
+          {
+            className: "toolbar-button",
+            onClick: onFirstPage,
+            disabled: currentPage <= 1,
+            title: "First Page",
+            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _FirstPage2.default, { fontSize: "small" })
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "button",
+          {
+            className: "toolbar-button",
+            onClick: onPreviousPage,
+            disabled: currentPage <= 1,
+            title: "Previous Page",
+            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _ChevronLeft2.default, { fontSize: "small" })
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "input",
+          {
+            type: "number",
+            className: "page-input",
+            value: currentPage,
+            onChange: onPageInput,
+            onKeyPress: onPageInputKeyPress,
+            min: 1,
+            max: totalPages || void 0
+          }
+        ),
+        showPageCount && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "page-info", children: [
+          "of ",
+          totalPages || "..."
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "button",
+          {
+            className: "toolbar-button",
+            onClick: onNextPage,
+            disabled: currentPage >= totalPages,
+            title: "Next Page",
+            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _ChevronRight2.default, { fontSize: "small" })
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "button",
+          {
+            className: "toolbar-button",
+            onClick: onLastPage,
+            disabled: currentPage >= totalPages,
+            title: "Last Page",
+            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _LastPage2.default, { fontSize: "small" })
+          }
+        )
+      ] })
+    ] }),
+    showZoomControls && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "toolbar-separator" }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "toolbar-section", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "button",
+          {
+            className: "toolbar-button",
+            onClick: onZoomOut,
+            title: "Zoom Out",
+            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _ZoomOut2.default, { fontSize: "small" })
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "zoom-display", children: [
+          zoom,
+          "%"
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "button",
+          {
+            className: "toolbar-button",
+            onClick: onZoomIn,
+            title: "Zoom In",
+            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _ZoomIn2.default, { fontSize: "small" })
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "button",
+          {
+            className: "toolbar-button",
+            onClick: onFitToWidth,
+            title: "Fit to Width",
+            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _AspectRatio2.default, { fontSize: "small" })
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "button",
+          {
+            className: "toolbar-button",
+            onClick: onFitToPage,
+            title: "Fit to Page",
+            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _FitScreen2.default, { fontSize: "small" })
+          }
+        )
+      ] })
+    ] }),
+    showSearch && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "toolbar-separator" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "toolbar-section", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "button",
+        {
+          className: "toolbar-button",
+          onClick: onToggleSidebar,
+          title: "Search in PDF",
+          style: {
+            backgroundColor: isSidebarOpen ? "#e3f2fd" : "transparent",
+            color: isSidebarOpen ? "#1976d2" : "inherit"
+          },
+          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Search2.default, { fontSize: "small" })
+        }
+      ) })
+    ] }),
+    (showMetadata || showProperties || showDownload || showPrint) && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "toolbar-separator" }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "toolbar-section", children: [
+        showDownload && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "button",
+          {
+            className: "toolbar-button",
+            onClick: onDownloadClick,
+            title: "Download PDF",
+            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Download2.default, { fontSize: "small" })
+          }
+        ),
+        showPrint && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "button",
+          {
+            className: "toolbar-button",
+            onClick: onPrintClick,
+            title: "Print PDF",
+            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Print2.default, { fontSize: "small" })
+          }
+        ),
+        showMetadata && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "button",
+          {
+            className: "toolbar-button",
+            onClick: onMetadataClick,
+            title: "Document Metadata",
+            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Info2.default, { fontSize: "small" })
+          }
+        ),
+        showProperties && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "button",
+          {
+            className: "toolbar-button",
+            onClick: onPropertiesClick,
+            title: "Document Properties",
+            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Description2.default, { fontSize: "small" })
+          }
+        )
+      ] })
+    ] })
+  ] });
+});
+PDFToolbar.displayName = "PDFToolbar";
+
+// src/components/viewers/pdf/PDFHeader.tsx
+
+
+var PDFHeader = _react2.default.memo(({ fileName, fileExtension }) => {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "pdf-viewer-header", children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRE4XRGSVjs.FileIcon_default, { ext: fileExtension, size: 26 }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "header-file-name", title: fileName, children: fileName })
+  ] });
+});
+PDFHeader.displayName = "PDFHeader";
+
 // src/components/viewers/pdf/SearchSidebar.tsx
 
 
@@ -37,7 +268,7 @@ var _KeyboardArrowUp = require('@mui/icons-material/KeyboardArrowUp'); var _Keyb
 var _KeyboardArrowDown = require('@mui/icons-material/KeyboardArrowDown'); var _KeyboardArrowDown2 = _interopRequireDefault(_KeyboardArrowDown);
 var _Clear = require('@mui/icons-material/Clear'); var _Clear2 = _interopRequireDefault(_Clear);
 var _FindInPage = require('@mui/icons-material/FindInPage'); var _FindInPage2 = _interopRequireDefault(_FindInPage);
-var _jsxruntime = require('react/jsx-runtime');
+
 var SearchSidebar = ({
   isOpen,
   onClose,
@@ -661,19 +892,17 @@ var PasswordDialog = ({
   );
 };
 
-// src/components/viewers/PDFViewer.tsx
-
-var HeadlessPDFViewer = _pdfviewer.PDFViewer;
+// src/components/viewers/pdf/PDFStyles.tsx
 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');
-  
+
   * {
     font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
       'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
-      'Noto Sans Tamil', 'Noto Sans Devanagari', 'Lohit Tamil', 'Tamil MN', 
+      'Noto Sans Tamil', 'Noto Sans Devanagari', 'Lohit Tamil', 'Tamil MN',
       'Arial Unicode MS', sans-serif !important;
   }
-  
+
   /* Target PDF.js text layer */
   .textLayer,
   .textLayer span,
@@ -686,10 +915,10 @@ var toolbarStyles = `
   [role="document"] * {
     font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
       'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
-      'Noto Sans Tamil', 'Noto Sans Devanagari', 'Lohit Tamil', 'Tamil MN', 
+      'Noto Sans Tamil', 'Noto Sans Devanagari', 'Lohit Tamil', 'Tamil MN',
       'Arial Unicode MS', sans-serif !important;
   }
-  
+
   .pdf-viewer-header {
     display: flex;
     align-items: center;
@@ -815,6 +1044,9 @@ var toolbarStyles = `
     -ms-user-select: text !important;
   }
 `;
+
+// src/components/viewers/PDFViewer.tsx
+
 var PDFViewerContent = _react.forwardRef.call(void 0, (props, ref) => {
   const {
     file,
@@ -867,6 +1099,111 @@ var PDFViewerContent = _react.forwardRef.call(void 0, (props, ref) => {
   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);
+  const hasExecutedInitialSearch = _react.useRef.call(void 0, false);
+  const toolbarHandlers = _react.useMemo.call(void 0, () => ({
+    handleZoomIn: () => {
+      _optionalChain([pdfViewerRef, 'access', _ => _.current, 'optionalAccess', _2 => _2.zoom, 'access', _3 => _3.zoomIn, 'call', _4 => _4()]);
+      requestAnimationFrame(() => {
+        const zoomValue = _optionalChain([pdfViewerRef, 'access', _5 => _5.current, 'optionalAccess', _6 => _6.zoom, 'access', _7 => _7.getZoom, 'call', _8 => _8()]);
+        if (typeof zoomValue === "number") {
+          setZoom(Math.round(zoomValue * 100));
+        }
+      });
+    },
+    handleZoomOut: () => {
+      _optionalChain([pdfViewerRef, 'access', _9 => _9.current, 'optionalAccess', _10 => _10.zoom, 'access', _11 => _11.zoomOut, 'call', _12 => _12()]);
+      requestAnimationFrame(() => {
+        const zoomValue = _optionalChain([pdfViewerRef, 'access', _13 => _13.current, 'optionalAccess', _14 => _14.zoom, 'access', _15 => _15.getZoom, 'call', _16 => _16()]);
+        if (typeof zoomValue === "number") {
+          setZoom(Math.round(zoomValue * 100));
+        }
+      });
+    },
+    handleFitToWidth: () => {
+      _optionalChain([pdfViewerRef, 'access', _17 => _17.current, 'optionalAccess', _18 => _18.zoom, 'access', _19 => _19.fitToWidth, 'call', _20 => _20()]);
+      requestAnimationFrame(() => {
+        const zoomValue = _optionalChain([pdfViewerRef, 'access', _21 => _21.current, 'optionalAccess', _22 => _22.zoom, 'access', _23 => _23.getZoom, 'call', _24 => _24()]);
+        if (typeof zoomValue === "number") {
+          setZoom(Math.round(zoomValue * 100));
+        }
+      });
+    },
+    handleFitToPage: () => {
+      _optionalChain([pdfViewerRef, 'access', _25 => _25.current, 'optionalAccess', _26 => _26.zoom, 'access', _27 => _27.fitToPage, 'call', _28 => _28()]);
+      requestAnimationFrame(() => {
+        const zoomValue = _optionalChain([pdfViewerRef, 'access', _29 => _29.current, 'optionalAccess', _30 => _30.zoom, 'access', _31 => _31.getZoom, 'call', _32 => _32()]);
+        if (typeof zoomValue === "number") {
+          setZoom(Math.round(zoomValue * 100));
+        }
+      });
+    },
+    handlePreviousPage: () => {
+      _optionalChain([pdfViewerRef, 'access', _33 => _33.current, 'optionalAccess', _34 => _34.navigation, 'access', _35 => _35.previousPage, 'call', _36 => _36()]);
+      requestAnimationFrame(() => {
+        const current = _optionalChain([pdfViewerRef, 'access', _37 => _37.current, 'optionalAccess', _38 => _38.navigation, 'access', _39 => _39.getCurrentPage, 'call', _40 => _40()]) || 1;
+        setCurrentPage(current);
+      });
+    },
+    handleNextPage: () => {
+      _optionalChain([pdfViewerRef, 'access', _41 => _41.current, 'optionalAccess', _42 => _42.navigation, 'access', _43 => _43.nextPage, 'call', _44 => _44()]);
+      requestAnimationFrame(() => {
+        const current = _optionalChain([pdfViewerRef, 'access', _45 => _45.current, 'optionalAccess', _46 => _46.navigation, 'access', _47 => _47.getCurrentPage, 'call', _48 => _48()]) || 1;
+        setCurrentPage(current);
+      });
+    },
+    handleFirstPage: () => {
+      _optionalChain([pdfViewerRef, 'access', _49 => _49.current, 'optionalAccess', _50 => _50.navigation, 'access', _51 => _51.goToFirstPage, 'call', _52 => _52()]);
+      requestAnimationFrame(() => {
+        const current = _optionalChain([pdfViewerRef, 'access', _53 => _53.current, 'optionalAccess', _54 => _54.navigation, 'access', _55 => _55.getCurrentPage, 'call', _56 => _56()]) || 1;
+        setCurrentPage(current);
+      });
+    },
+    handleLastPage: () => {
+      _optionalChain([pdfViewerRef, 'access', _57 => _57.current, 'optionalAccess', _58 => _58.navigation, 'access', _59 => _59.goToLastPage, 'call', _60 => _60()]);
+      requestAnimationFrame(() => {
+        const current = _optionalChain([pdfViewerRef, 'access', _61 => _61.current, 'optionalAccess', _62 => _62.navigation, 'access', _63 => _63.getCurrentPage, 'call', _64 => _64()]) || 1;
+        setCurrentPage(current);
+      });
+    },
+    toggleSidebar: () => setIsSidebarOpen(!isSidebarOpen),
+    handlePageInput: (e) => {
+      const value = e.target.value;
+      if (/^\d*$/.test(value)) {
+        return;
+      }
+      const page = parseInt(value, 10);
+      if (!isNaN(page) && page >= 1 && (totalPages === 0 || page <= totalPages)) {
+        _optionalChain([pdfViewerRef, 'access', _65 => _65.current, 'optionalAccess', _66 => _66.navigation, 'access', _67 => _67.goToPage, 'call', _68 => _68(page)]);
+        setCurrentPage(page);
+      }
+    },
+    handlePageInputKeyPress: (e) => {
+      if (e.key === "Enter") {
+        const value = e.target.value;
+        const page = parseInt(value, 10);
+        if (!isNaN(page) && page >= 1 && (totalPages === 0 || page <= totalPages)) {
+          _optionalChain([pdfViewerRef, 'access', _69 => _69.current, 'optionalAccess', _70 => _70.navigation, 'access', _71 => _71.goToPage, 'call', _72 => _72(page)]);
+          setCurrentPage(page);
+        }
+      }
+    }
+  }), [isSidebarOpen, totalPages]);
+  _react.useEffect.call(void 0, () => {
+    console.log("came", initialSearchText, pdfViewerRef.current, hasExecutedInitialSearch.current);
+    if (pdfViewerRef.current && !hasExecutedInitialSearch.current && initialSearchText) {
+      hasExecutedInitialSearch.current = true;
+      setIsSidebarOpen(true);
+      setSearchQuery(initialSearchText);
+      handleSidebarSearch(initialSearchText, initialSearchPages);
+      setAutoExecuteSearch(false);
+      pdfViewerRef.current.search.searchText(initialSearchText).then((results) => {
+        console.log("results", results);
+        if (_optionalChain([results, 'optionalAccess', _73 => _73.results, 'optionalAccess', _74 => _74.length]) > 0) {
+          _optionalChain([pdfViewerRef, 'access', _75 => _75.current, 'optionalAccess', _76 => _76.navigation, 'access', _77 => _77.goToPage, 'call', _78 => _78(results.results[0].pageIndex + 1)]);
+        }
+      });
+    }
+  }, [pdfViewerRef.current, initialSearchText]);
   _react.useEffect.call(void 0, () => {
     setSearchQuery("");
     setSearchResults([]);
@@ -914,7 +1251,7 @@ var PDFViewerContent = _react.forwardRef.call(void 0, (props, ref) => {
       if (!viewer) return;
       await new Promise((resolve) => requestAnimationFrame(resolve));
       try {
-        const count = _optionalChain([viewer, 'access', _ => _.navigation, 'optionalAccess', _2 => _2.getTotalPages, 'optionalCall', _3 => _3()]);
+        const count = _optionalChain([viewer, 'access', _79 => _79.navigation, 'optionalAccess', _80 => _80.getTotalPages, 'optionalCall', _81 => _81()]);
         if (count && count > 1) {
           setTotalPages(count);
           return;
@@ -922,11 +1259,11 @@ var PDFViewerContent = _react.forwardRef.call(void 0, (props, ref) => {
       } 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 results = await _optionalChain([viewer, 'access', _82 => _82.search, 'optionalAccess', _83 => _83.searchText, 'optionalCall', _84 => _84("e")]);
+        if (_optionalChain([results, 'optionalAccess', _85 => _85.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()]);
+          _optionalChain([viewer, 'access', _86 => _86.search, 'optionalAccess', _87 => _87.stopSearch, 'optionalCall', _88 => _88()]);
           setTotalPages(count);
           return;
         }
@@ -954,30 +1291,13 @@ var PDFViewerContent = _react.forwardRef.call(void 0, (props, ref) => {
     };
     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', _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()]);
+        const current = _optionalChain([pdfViewerRef, 'access', _89 => _89.current, 'optionalAccess', _90 => _90.navigation, 'access', _91 => _91.getCurrentPage, 'call', _92 => _92()]) || 1;
+        const total = _optionalChain([pdfViewerRef, 'access', _93 => _93.current, 'optionalAccess', _94 => _94.navigation, 'access', _95 => _95.getTotalPages, 'call', _96 => _96()]) || 0;
+        const zoomValue = _optionalChain([pdfViewerRef, 'access', _97 => _97.current, 'optionalAccess', _98 => _98.zoom, 'access', _99 => _99.getZoom, 'call', _100 => _100()]);
+        const currentSearchState = _optionalChain([pdfViewerRef, 'access', _101 => _101.current, 'optionalAccess', _102 => _102.search, 'access', _103 => _103.getSearchState, 'call', _104 => _104()]);
         setCurrentPage(current);
         if (total > 0 && total !== totalPages) {
           setTotalPages(total);
@@ -993,142 +1313,89 @@ var PDFViewerContent = _react.forwardRef.call(void 0, (props, ref) => {
   }, [state, totalPages]);
   _react.useImperativeHandle.call(void 0, ref, () => ({
     zoomIn: () => {
-      _optionalChain([pdfViewerRef, 'access', _27 => _27.current, 'optionalAccess', _28 => _28.zoom, 'access', _29 => _29.zoomIn, 'call', _30 => _30()]);
+      _optionalChain([pdfViewerRef, 'access', _105 => _105.current, 'optionalAccess', _106 => _106.zoom, 'access', _107 => _107.zoomIn, 'call', _108 => _108()]);
       updateZoomDisplay();
     },
     zoomOut: () => {
-      _optionalChain([pdfViewerRef, 'access', _31 => _31.current, 'optionalAccess', _32 => _32.zoom, 'access', _33 => _33.zoomOut, 'call', _34 => _34()]);
+      _optionalChain([pdfViewerRef, 'access', _109 => _109.current, 'optionalAccess', _110 => _110.zoom, 'access', _111 => _111.zoomOut, 'call', _112 => _112()]);
       updateZoomDisplay();
     },
     setZoom: (level) => {
-      _optionalChain([pdfViewerRef, 'access', _35 => _35.current, 'optionalAccess', _36 => _36.zoom, 'access', _37 => _37.setZoom, 'call', _38 => _38(level)]);
+      _optionalChain([pdfViewerRef, 'access', _113 => _113.current, 'optionalAccess', _114 => _114.zoom, 'access', _115 => _115.setZoom, 'call', _116 => _116(level)]);
       updateZoomDisplay();
     },
     resetZoom: () => {
-      _optionalChain([pdfViewerRef, 'access', _39 => _39.current, 'optionalAccess', _40 => _40.zoom, 'access', _41 => _41.resetZoom, 'call', _42 => _42()]);
+      _optionalChain([pdfViewerRef, 'access', _117 => _117.current, 'optionalAccess', _118 => _118.zoom, 'access', _119 => _119.resetZoom, 'call', _120 => _120()]);
       updateZoomDisplay();
     },
     getZoom: () => {
-      const zoom2 = _optionalChain([pdfViewerRef, 'access', _43 => _43.current, 'optionalAccess', _44 => _44.zoom, 'access', _45 => _45.getZoom, 'call', _46 => _46()]);
+      const zoom2 = _optionalChain([pdfViewerRef, 'access', _121 => _121.current, 'optionalAccess', _122 => _122.zoom, 'access', _123 => _123.getZoom, 'call', _124 => _124()]);
       return typeof zoom2 === "number" ? zoom2 : 1;
     },
     goToPage: (page) => {
-      _optionalChain([pdfViewerRef, 'access', _47 => _47.current, 'optionalAccess', _48 => _48.navigation, 'access', _49 => _49.goToPage, 'call', _50 => _50(page)]);
+      _optionalChain([pdfViewerRef, 'access', _125 => _125.current, 'optionalAccess', _126 => _126.navigation, 'access', _127 => _127.goToPage, 'call', _128 => _128(page)]);
       setCurrentPage(page);
     },
-    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,
+    getCurrentPage: () => _optionalChain([pdfViewerRef, 'access', _129 => _129.current, 'optionalAccess', _130 => _130.navigation, 'access', _131 => _131.getCurrentPage, 'call', _132 => _132()]) || 1,
+    getTotalPages: () => _optionalChain([pdfViewerRef, 'access', _133 => _133.current, 'optionalAccess', _134 => _134.navigation, 'access', _135 => _135.getTotalPages, 'call', _136 => _136()]) || 0,
     nextPage: () => {
-      _optionalChain([pdfViewerRef, 'access', _59 => _59.current, 'optionalAccess', _60 => _60.navigation, 'access', _61 => _61.nextPage, 'call', _62 => _62()]);
+      _optionalChain([pdfViewerRef, 'access', _137 => _137.current, 'optionalAccess', _138 => _138.navigation, 'access', _139 => _139.nextPage, 'call', _140 => _140()]);
       updatePageDisplay();
     },
     previousPage: () => {
-      _optionalChain([pdfViewerRef, 'access', _63 => _63.current, 'optionalAccess', _64 => _64.navigation, 'access', _65 => _65.previousPage, 'call', _66 => _66()]);
+      _optionalChain([pdfViewerRef, 'access', _141 => _141.current, 'optionalAccess', _142 => _142.navigation, 'access', _143 => _143.previousPage, 'call', _144 => _144()]);
       updatePageDisplay();
     },
     goToFirstPage: () => {
-      _optionalChain([pdfViewerRef, 'access', _67 => _67.current, 'optionalAccess', _68 => _68.navigation, 'access', _69 => _69.goToFirstPage, 'call', _70 => _70()]);
+      _optionalChain([pdfViewerRef, 'access', _145 => _145.current, 'optionalAccess', _146 => _146.navigation, 'access', _147 => _147.goToFirstPage, 'call', _148 => _148()]);
       updatePageDisplay();
     },
     goToLastPage: () => {
-      _optionalChain([pdfViewerRef, 'access', _71 => _71.current, 'optionalAccess', _72 => _72.navigation, 'access', _73 => _73.goToLastPage, 'call', _74 => _74()]);
+      _optionalChain([pdfViewerRef, 'access', _149 => _149.current, 'optionalAccess', _150 => _150.navigation, 'access', _151 => _151.goToLastPage, 'call', _152 => _152()]);
       updatePageDisplay();
     },
     searchText: async (keyword) => {
       setIsSearching(true);
-      const results = await _optionalChain([pdfViewerRef, 'access', _75 => _75.current, 'optionalAccess', _76 => _76.search, 'access', _77 => _77.searchText, 'call', _78 => _78(keyword)]);
+      const results = await _optionalChain([pdfViewerRef, 'access', _153 => _153.current, 'optionalAccess', _154 => _154.search, 'access', _155 => _155.searchText, 'call', _156 => _156(keyword)]);
       setIsSearching(false);
       setSearchQuery(keyword);
       return results;
     },
     nextResult: () => {
-      const index = _optionalChain([pdfViewerRef, 'access', _79 => _79.current, 'optionalAccess', _80 => _80.search, 'access', _81 => _81.nextResult, 'call', _82 => _82()]) || -1;
+      const index = _optionalChain([pdfViewerRef, 'access', _157 => _157.current, 'optionalAccess', _158 => _158.search, 'access', _159 => _159.nextResult, 'call', _160 => _160()]) || -1;
       return index;
     },
     previousResult: () => {
-      const index = _optionalChain([pdfViewerRef, 'access', _83 => _83.current, 'optionalAccess', _84 => _84.search, 'access', _85 => _85.previousResult, 'call', _86 => _86()]) || -1;
+      const index = _optionalChain([pdfViewerRef, 'access', _161 => _161.current, 'optionalAccess', _162 => _162.search, 'access', _163 => _163.previousResult, 'call', _164 => _164()]) || -1;
       return index;
     },
-    goToResult: (index) => _optionalChain([pdfViewerRef, 'access', _87 => _87.current, 'optionalAccess', _88 => _88.search, 'access', _89 => _89.goToResult, 'call', _90 => _90(index)]) || -1,
+    goToResult: (index) => _optionalChain([pdfViewerRef, 'access', _165 => _165.current, 'optionalAccess', _166 => _166.search, 'access', _167 => _167.goToResult, 'call', _168 => _168(index)]) || -1,
     stopSearch: () => {
-      _optionalChain([pdfViewerRef, 'access', _91 => _91.current, 'optionalAccess', _92 => _92.search, 'access', _93 => _93.stopSearch, 'call', _94 => _94()]);
+      _optionalChain([pdfViewerRef, 'access', _169 => _169.current, 'optionalAccess', _170 => _170.search, 'access', _171 => _171.stopSearch, 'call', _172 => _172()]);
       setSearchQuery("");
     },
-    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()])
+    getSearchState: () => _optionalChain([pdfViewerRef, 'access', _173 => _173.current, 'optionalAccess', _174 => _174.search, 'access', _175 => _175.getSearchState, 'call', _176 => _176()]) || null,
+    getSelectedText: () => _optionalChain([pdfViewerRef, 'access', _177 => _177.current, 'optionalAccess', _178 => _178.selection, 'access', _179 => _179.getSelectedText, 'call', _180 => _180()]) || "",
+    clearSelection: () => _optionalChain([pdfViewerRef, 'access', _181 => _181.current, 'optionalAccess', _182 => _182.selection, 'access', _183 => _183.clearSelection, 'call', _184 => _184()])
   }), []);
   const updatePageDisplay = () => {
     requestAnimationFrame(() => {
-      const current = _optionalChain([pdfViewerRef, 'access', _107 => _107.current, 'optionalAccess', _108 => _108.navigation, 'access', _109 => _109.getCurrentPage, 'call', _110 => _110()]) || 1;
+      const current = _optionalChain([pdfViewerRef, 'access', _185 => _185.current, 'optionalAccess', _186 => _186.navigation, 'access', _187 => _187.getCurrentPage, 'call', _188 => _188()]) || 1;
       setCurrentPage(current);
     });
   };
   const updateZoomDisplay = () => {
     requestAnimationFrame(() => {
-      const zoomValue = _optionalChain([pdfViewerRef, 'access', _111 => _111.current, 'optionalAccess', _112 => _112.zoom, 'access', _113 => _113.getZoom, 'call', _114 => _114()]);
+      const zoomValue = _optionalChain([pdfViewerRef, 'access', _189 => _189.current, 'optionalAccess', _190 => _190.zoom, 'access', _191 => _191.getZoom, 'call', _192 => _192()]);
       if (typeof zoomValue === "number") {
         setZoom(Math.round(zoomValue * 100));
       }
     });
   };
-  const handleZoomIn = () => {
-    _optionalChain([pdfViewerRef, 'access', _115 => _115.current, 'optionalAccess', _116 => _116.zoom, 'access', _117 => _117.zoomIn, 'call', _118 => _118()]);
-    updateZoomDisplay();
-  };
-  const handleZoomOut = () => {
-    _optionalChain([pdfViewerRef, 'access', _119 => _119.current, 'optionalAccess', _120 => _120.zoom, 'access', _121 => _121.zoomOut, 'call', _122 => _122()]);
-    updateZoomDisplay();
-  };
-  const handleFitToWidth = () => {
-    _optionalChain([pdfViewerRef, 'access', _123 => _123.current, 'optionalAccess', _124 => _124.zoom, 'access', _125 => _125.fitToWidth, 'call', _126 => _126()]);
-    updateZoomDisplay();
-  };
-  const handleFitToPage = () => {
-    _optionalChain([pdfViewerRef, 'access', _127 => _127.current, 'optionalAccess', _128 => _128.zoom, 'access', _129 => _129.fitToPage, 'call', _130 => _130()]);
-    updateZoomDisplay();
-  };
-  const handlePreviousPage = () => {
-    _optionalChain([pdfViewerRef, 'access', _131 => _131.current, 'optionalAccess', _132 => _132.navigation, 'access', _133 => _133.previousPage, 'call', _134 => _134()]);
-    updatePageDisplay();
-  };
-  const handleNextPage = () => {
-    _optionalChain([pdfViewerRef, 'access', _135 => _135.current, 'optionalAccess', _136 => _136.navigation, 'access', _137 => _137.nextPage, 'call', _138 => _138()]);
-    updatePageDisplay();
-  };
-  const handleFirstPage = () => {
-    _optionalChain([pdfViewerRef, 'access', _139 => _139.current, 'optionalAccess', _140 => _140.navigation, 'access', _141 => _141.goToFirstPage, 'call', _142 => _142()]);
-    updatePageDisplay();
-  };
-  const handleLastPage = () => {
-    _optionalChain([pdfViewerRef, 'access', _143 => _143.current, 'optionalAccess', _144 => _144.navigation, 'access', _145 => _145.goToLastPage, 'call', _146 => _146()]);
-    updatePageDisplay();
-  };
-  const handlePageInput = (e) => {
-    const value = e.target.value;
-    const page = parseInt(value, 10);
-    if (/^\d*$/.test(value)) {
-      return;
-    }
-    if (!isNaN(page) && page >= 1 && (totalPages === 0 || page <= totalPages)) {
-      _optionalChain([pdfViewerRef, 'access', _147 => _147.current, 'optionalAccess', _148 => _148.navigation, 'access', _149 => _149.goToPage, 'call', _150 => _150(page)]);
-      setCurrentPage(page);
-    }
-  };
-  const handlePageInputKeyPress = (e) => {
-    if (e.key === "Enter") {
-      const value = e.target.value;
-      const page = parseInt(value, 10);
-      if (!isNaN(page) && page >= 1 && (totalPages === 0 || page <= totalPages)) {
-        _optionalChain([pdfViewerRef, 'access', _151 => _151.current, 'optionalAccess', _152 => _152.navigation, 'access', _153 => _153.goToPage, 'call', _154 => _154(page)]);
-        setCurrentPage(page);
-      }
-    }
-  };
   const handleSearch = async () => {
     if (searchQuery.trim()) {
       setIsSearching(true);
-      const results = await _optionalChain([pdfViewerRef, 'access', _155 => _155.current, 'optionalAccess', _156 => _156.search, 'access', _157 => _157.searchText, 'call', _158 => _158(searchQuery)]);
+      const results = await _optionalChain([pdfViewerRef, 'access', _193 => _193.current, 'optionalAccess', _194 => _194.search, 'access', _195 => _195.searchText, 'call', _196 => _196(searchQuery)]);
       setIsSearching(false);
       if (results && results.results) {
         const formattedResults = results.results.map((result, index) => {
@@ -1176,7 +1443,7 @@ var PDFViewerContent = _react.forwardRef.call(void 0, (props, ref) => {
     setSearchQuery(keyword);
     if (keyword.trim()) {
       setIsSearching(true);
-      const results = await _optionalChain([pdfViewerRef, 'access', _159 => _159.current, 'optionalAccess', _160 => _160.search, 'access', _161 => _161.searchText, 'call', _162 => _162(keyword)]);
+      const results = await _optionalChain([pdfViewerRef, 'access', _197 => _197.current, 'optionalAccess', _198 => _198.search, 'access', _199 => _199.searchText, 'call', _200 => _200(keyword)]);
       setIsSearching(false);
       if (results && results.results && results.results.length > 0) {
         const formattedResults = results.results.map((result, index) => {
@@ -1207,7 +1474,7 @@ var PDFViewerContent = _react.forwardRef.call(void 0, (props, ref) => {
         setCurrentSearchResultIndex(0);
         if (formattedResults.length > 0) {
           const firstPageNumber = formattedResults[0].pageNumber;
-          _optionalChain([pdfViewerRef, 'access', _163 => _163.current, 'optionalAccess', _164 => _164.navigation, 'access', _165 => _165.goToPage, 'call', _166 => _166(firstPageNumber)]);
+          _optionalChain([pdfViewerRef, 'access', _201 => _201.current, 'optionalAccess', _202 => _202.navigation, 'access', _203 => _203.goToPage, 'call', _204 => _204(firstPageNumber)]);
           setCurrentPage(firstPageNumber);
         }
       } else if (pageNumbers && pageNumbers.length > 0) {
@@ -1220,7 +1487,7 @@ var PDFViewerContent = _react.forwardRef.call(void 0, (props, ref) => {
         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])]);
+        _optionalChain([pdfViewerRef, 'access', _205 => _205.current, 'optionalAccess', _206 => _206.navigation, 'access', _207 => _207.goToPage, 'call', _208 => _208(pageNumbers[0])]);
         setCurrentPage(pageNumbers[0]);
       } else {
         setSearchResults([]);
@@ -1229,28 +1496,25 @@ var PDFViewerContent = _react.forwardRef.call(void 0, (props, ref) => {
       }
     } else {
       setSearchResults([]);
-      _optionalChain([pdfViewerRef, 'access', _171 => _171.current, 'optionalAccess', _172 => _172.search, 'access', _173 => _173.stopSearch, 'call', _174 => _174()]);
+      _optionalChain([pdfViewerRef, 'access', _209 => _209.current, 'optionalAccess', _210 => _210.search, 'access', _211 => _211.stopSearch, 'call', _212 => _212()]);
       setTotalSearchResults(0);
       setCurrentSearchResultIndex(0);
     }
   };
   const handleSearchResultClick = (pageNumber, resultIndex) => {
-    _optionalChain([pdfViewerRef, 'access', _175 => _175.current, 'optionalAccess', _176 => _176.navigation, 'access', _177 => _177.goToPage, 'call', _178 => _178(pageNumber)]);
+    _optionalChain([pdfViewerRef, 'access', _213 => _213.current, 'optionalAccess', _214 => _214.navigation, 'access', _215 => _215.goToPage, 'call', _216 => _216(pageNumber)]);
     setCurrentSearchResultIndex(resultIndex);
     setCurrentPage(pageNumber);
-    _optionalChain([pdfViewerRef, 'access', _179 => _179.current, 'optionalAccess', _180 => _180.search, 'access', _181 => _181.goToResult, 'call', _182 => _182(resultIndex)]);
-  };
-  const toggleSidebar = () => {
-    setIsSidebarOpen(!isSidebarOpen);
+    _optionalChain([pdfViewerRef, 'access', _217 => _217.current, 'optionalAccess', _218 => _218.search, 'access', _219 => _219.goToResult, 'call', _220 => _220(resultIndex)]);
   };
   const handleNextSearchResult = () => {
     if (currentSearchResultIndex < totalSearchResults - 1) {
       const nextIndex = currentSearchResultIndex + 1;
       setCurrentSearchResultIndex(nextIndex);
-      _optionalChain([pdfViewerRef, 'access', _183 => _183.current, 'optionalAccess', _184 => _184.search, 'access', _185 => _185.nextResult, 'call', _186 => _186()]);
+      _optionalChain([pdfViewerRef, 'access', _221 => _221.current, 'optionalAccess', _222 => _222.search, 'access', _223 => _223.nextResult, 'call', _224 => _224()]);
       if (searchResults[nextIndex]) {
         const pageNumber = searchResults[nextIndex].pageNumber;
-        _optionalChain([pdfViewerRef, 'access', _187 => _187.current, 'optionalAccess', _188 => _188.navigation, 'access', _189 => _189.goToPage, 'call', _190 => _190(pageNumber)]);
+        _optionalChain([pdfViewerRef, 'access', _225 => _225.current, 'optionalAccess', _226 => _226.navigation, 'access', _227 => _227.goToPage, 'call', _228 => _228(pageNumber)]);
         setCurrentPage(pageNumber);
       }
     }
@@ -1259,77 +1523,14 @@ var PDFViewerContent = _react.forwardRef.call(void 0, (props, ref) => {
     if (currentSearchResultIndex > 0) {
       const prevIndex = currentSearchResultIndex - 1;
       setCurrentSearchResultIndex(prevIndex);
-      _optionalChain([pdfViewerRef, 'access', _191 => _191.current, 'optionalAccess', _192 => _192.search, 'access', _193 => _193.previousResult, 'call', _194 => _194()]);
+      _optionalChain([pdfViewerRef, 'access', _229 => _229.current, 'optionalAccess', _230 => _230.search, 'access', _231 => _231.previousResult, 'call', _232 => _232()]);
       if (searchResults[prevIndex]) {
         const pageNumber = searchResults[prevIndex].pageNumber;
-        _optionalChain([pdfViewerRef, 'access', _195 => _195.current, 'optionalAccess', _196 => _196.navigation, 'access', _197 => _197.goToPage, 'call', _198 => _198(pageNumber)]);
+        _optionalChain([pdfViewerRef, 'access', _233 => _233.current, 'optionalAccess', _234 => _234.navigation, 'access', _235 => _235.goToPage, 'call', _236 => _236(pageNumber)]);
         setCurrentPage(pageNumber);
       }
     }
   };
-  const handlePrint = () => {
-    if (onPrintClick) {
-      onPrintClick();
-      return;
-    }
-    if (!pdfBuffer) return;
-    const blob = new Blob([pdfBuffer], { type: "application/pdf" });
-    const blobUrl = URL.createObjectURL(blob);
-    const iframe = document.createElement("iframe");
-    iframe.style.position = "fixed";
-    iframe.style.right = "0";
-    iframe.style.bottom = "0";
-    iframe.style.width = "0";
-    iframe.style.height = "0";
-    iframe.style.border = "0";
-    document.body.appendChild(iframe);
-    iframe.onload = () => {
-      try {
-        requestAnimationFrame(() => {
-          const iframeWindow = iframe.contentWindow;
-          if (!iframeWindow) return;
-          iframeWindow.focus();
-          iframeWindow.print();
-          const cleanup = () => {
-            requestAnimationFrame(() => {
-              try {
-                if (document.body.contains(iframe)) {
-                  document.body.removeChild(iframe);
-                }
-                URL.revokeObjectURL(blobUrl);
-              } catch (e) {
-              }
-            });
-          };
-          if ("onafterprint" in iframeWindow) {
-            iframeWindow.onafterprint = cleanup;
-          } else {
-            const visibilityHandler = () => {
-              if (!document.hidden) {
-                cleanup();
-                document.removeEventListener("visibilitychange", visibilityHandler);
-              }
-            };
-            document.addEventListener("visibilitychange", visibilityHandler);
-            setTimeout(() => {
-              cleanup();
-              document.removeEventListener("visibilitychange", visibilityHandler);
-            }, 5e3);
-          }
-        });
-      } catch (error2) {
-        if (document.body.contains(iframe)) {
-          document.body.removeChild(iframe);
-        }
-        URL.revokeObjectURL(blobUrl);
-      }
-    };
-    iframe.onerror = () => {
-      document.body.removeChild(iframe);
-      URL.revokeObjectURL(blobUrl);
-    };
-    iframe.src = blobUrl;
-  };
   _react.useEffect.call(void 0, () => {
     if (!file) {
       setState("error");
@@ -1356,12 +1557,12 @@ var PDFViewerContent = _react.forwardRef.call(void 0, (props, ref) => {
         }
         setPdfBuffer(arrayBuffer);
         setState("ready");
-        _optionalChain([onLoad, 'optionalCall', _199 => _199()]);
+        _optionalChain([onLoad, 'optionalCall', _237 => _237()]);
       } catch (err) {
         const errorMessage = err.message || "Failed to load PDF";
         setState("error");
         setError(errorMessage);
-        _optionalChain([onError, 'optionalCall', _200 => _200(err)]);
+        _optionalChain([onError, 'optionalCall', _238 => _238(err)]);
       }
     };
     loadPDF();
@@ -1444,182 +1645,52 @@ var PDFViewerContent = _react.forwardRef.call(void 0, (props, ref) => {
   }
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "pdf-viewer-container", children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "style", { children: toolbarStyles }),
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "pdf-viewer-header", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRE4XRGSVjs.FileIcon_default, { ext: fileExtension, size: 26 }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "header-file-name", title: resolvedFileName, children: resolvedFileName })
-    ] }),
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "pdf-viewer-toolbar", children: [
-      showPageNavigation && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "toolbar-separator" }),
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "toolbar-section", children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            "button",
-            {
-              className: "toolbar-button",
-              onClick: handleFirstPage,
-              disabled: currentPage <= 1,
-              title: "First Page",
-              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _FirstPage2.default, { fontSize: "small" })
-            }
-          ),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            "button",
-            {
-              className: "toolbar-button",
-              onClick: handlePreviousPage,
-              disabled: currentPage <= 1,
-              title: "Previous Page",
-              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _ChevronLeft2.default, { fontSize: "small" })
-            }
-          ),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            "input",
-            {
-              type: "number",
-              className: "page-input",
-              value: currentPage,
-              onChange: handlePageInput,
-              onKeyPress: handlePageInputKeyPress,
-              min: 1,
-              max: totalPages || void 0
-            }
-          ),
-          showPageCount && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "page-info", children: [
-            "of ",
-            totalPages || "..."
-          ] }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            "button",
-            {
-              className: "toolbar-button",
-              onClick: handleNextPage,
-              disabled: currentPage >= totalPages,
-              title: "Next Page",
-              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _ChevronRight2.default, { fontSize: "small" })
-            }
-          ),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            "button",
-            {
-              className: "toolbar-button",
-              onClick: handleLastPage,
-              disabled: currentPage >= totalPages,
-              title: "Last Page",
-              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _LastPage2.default, { fontSize: "small" })
-            }
-          )
-        ] })
-      ] }),
-      showZoomControls && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "toolbar-separator" }),
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "toolbar-section", children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            "button",
-            {
-              className: "toolbar-button",
-              onClick: handleZoomOut,
-              title: "Zoom Out",
-              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _ZoomOut2.default, { fontSize: "small" })
-            }
-          ),
-          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "zoom-display", children: [
-            zoom,
-            "%"
-          ] }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            "button",
-            {
-              className: "toolbar-button",
-              onClick: handleZoomIn,
-              title: "Zoom In",
-              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _ZoomIn2.default, { fontSize: "small" })
-            }
-          ),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            "button",
-            {
-              className: "toolbar-button",
-              onClick: handleFitToWidth,
-              title: "Fit to Width",
-              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _AspectRatio2.default, { fontSize: "small" })
-            }
-          ),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            "button",
-            {
-              className: "toolbar-button",
-              onClick: handleFitToPage,
-              title: "Fit to Page",
-              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _FitScreen2.default, { fontSize: "small" })
-            }
-          )
-        ] })
-      ] }),
-      showSearch && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "toolbar-separator" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "toolbar-section", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          "button",
-          {
-            className: "toolbar-button",
-            onClick: toggleSidebar,
-            title: "Search in PDF",
-            style: {
-              backgroundColor: isSidebarOpen ? "#e3f2fd" : "transparent",
-              color: isSidebarOpen ? "#1976d2" : "inherit"
-            },
-            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Search2.default, { fontSize: "small" })
-          }
-        ) })
-      ] }),
-      (showMetadata || showProperties || showDownload || showPrint) && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "toolbar-separator" }),
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "toolbar-section", children: [
-          showDownload && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            "button",
-            {
-              className: "toolbar-button",
-              onClick: onDownloadClick,
-              title: "Download PDF",
-              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Download2.default, { fontSize: "small" })
-            }
-          ),
-          showPrint && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            "button",
-            {
-              className: "toolbar-button",
-              onClick: onPrintClick,
-              title: "Print PDF",
-              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Print2.default, { fontSize: "small" })
-            }
-          ),
-          showMetadata && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            "button",
-            {
-              className: "toolbar-button",
-              onClick: onMetadataClick,
-              title: "Document Metadata",
-              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Info2.default, { fontSize: "small" })
-            }
-          ),
-          showProperties && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            "button",
-            {
-              className: "toolbar-button",
-              onClick: onPropertiesClick,
-              title: "Document Properties",
-              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Description2.default, { fontSize: "small" })
-            }
-          )
-        ] })
-      ] })
-    ] }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      PDFHeader,
+      {
+        fileName: resolvedFileName,
+        fileExtension
+      }
+    ),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      PDFToolbar,
+      {
+        currentPage,
+        totalPages,
+        zoom,
+        isSidebarOpen,
+        showPageNavigation,
+        showPageCount,
+        showZoomControls,
+        showSearch,
+        showMetadata,
+        showProperties,
+        showDownload,
+        showPrint,
+        onFirstPage: toolbarHandlers.handleFirstPage,
+        onPreviousPage: toolbarHandlers.handlePreviousPage,
+        onNextPage: toolbarHandlers.handleNextPage,
+        onLastPage: toolbarHandlers.handleLastPage,
+        onPageInput: toolbarHandlers.handlePageInput,
+        onPageInputKeyPress: toolbarHandlers.handlePageInputKeyPress,
+        onZoomIn: toolbarHandlers.handleZoomIn,
+        onZoomOut: toolbarHandlers.handleZoomOut,
+        onFitToWidth: toolbarHandlers.handleFitToWidth,
+        onFitToPage: toolbarHandlers.handleFitToPage,
+        onToggleSidebar: toolbarHandlers.toggleSidebar,
+        onDownloadClick,
+        onPrintClick,
+        onMetadataClick,
+        onPropertiesClick
+      }
+    ),
     /* @__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: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        HeadlessPDFViewer,
+        StablePDFViewer,
         {
-          ref: pdfViewerRef,
           pdfBuffer,
-          onPasswordRequest: handlePasswordRequest
+          onPasswordRequest: handlePasswordRequest,
+          pdfViewerRef
         }
       ) }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -1660,4 +1731,4 @@ PDFViewer.displayName = "PDFViewer";
 
 
 exports.PDFViewer = PDFViewer;
-//# sourceMappingURL=chunk-DDT3GC3C.js.map
+//# sourceMappingURL=chunk-QELOFQEB.js.map