@cannyminds/dms-file-viewers 0.1.0

package/dist/chunk-3STHCDAC.js

@@ -0,0 +1,1402 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }"use client";
+
+
+
+var _chunkRE4XRGSVjs = require('./chunk-RE4XRGSV.js');
+
+// src/components/viewers/PDFViewer.tsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_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);
+var _ChevronLeft = require('@mui/icons-material/ChevronLeft'); var _ChevronLeft2 = _interopRequireDefault(_ChevronLeft);
+var _ChevronRight = require('@mui/icons-material/ChevronRight'); var _ChevronRight2 = _interopRequireDefault(_ChevronRight);
+var _ZoomIn = require('@mui/icons-material/ZoomIn'); var _ZoomIn2 = _interopRequireDefault(_ZoomIn);
+var _ZoomOut = require('@mui/icons-material/ZoomOut'); var _ZoomOut2 = _interopRequireDefault(_ZoomOut);
+var _FitScreen = require('@mui/icons-material/FitScreen'); var _FitScreen2 = _interopRequireDefault(_FitScreen);
+var _AspectRatio = require('@mui/icons-material/AspectRatio'); var _AspectRatio2 = _interopRequireDefault(_AspectRatio);
+var _Search = require('@mui/icons-material/Search'); var _Search2 = _interopRequireDefault(_Search);
+var _Download = require('@mui/icons-material/Download'); var _Download2 = _interopRequireDefault(_Download);
+var _Print = require('@mui/icons-material/Print'); var _Print2 = _interopRequireDefault(_Print);
+var _Info = require('@mui/icons-material/Info'); var _Info2 = _interopRequireDefault(_Info);
+var _Description = require('@mui/icons-material/Description'); var _Description2 = _interopRequireDefault(_Description);
+
+// src/components/viewers/pdf/SearchSidebar.tsx
+
+
+
+
+
+
+
+
+var _material = require('@mui/material');
+
+var _Close = require('@mui/icons-material/Close'); var _Close2 = _interopRequireDefault(_Close);
+var _KeyboardArrowUp = require('@mui/icons-material/KeyboardArrowUp'); var _KeyboardArrowUp2 = _interopRequireDefault(_KeyboardArrowUp);
+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,
+  onSearch,
+  onSearchResultClick,
+  onNextResult,
+  onPreviousResult,
+  currentResultIndex,
+  totalResults,
+  searchKeyword,
+  searchResults = [],
+  isSearching = 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.useLayoutEffect.call(void 0, () => {
+    const element = contentRef.current;
+    if (!element) return;
+    const handleMouseMove = (e) => {
+      const rect = element.getBoundingClientRect();
+      const distanceFromRight = rect.right - e.clientX;
+      const distanceFromBottom = rect.bottom - e.clientY;
+      if (distanceFromRight <= 15 || distanceFromBottom <= 15) {
+        element.classList.add("scrollbar-hover");
+      } else {
+        element.classList.remove("scrollbar-hover");
+      }
+    };
+    const handleMouseLeave = () => element.classList.remove("scrollbar-hover");
+    element.addEventListener("mousemove", handleMouseMove);
+    element.addEventListener("mouseleave", handleMouseLeave);
+    return () => {
+      element.removeEventListener("mousemove", handleMouseMove);
+      element.removeEventListener("mouseleave", handleMouseLeave);
+    };
+  }, []);
+  _react.useLayoutEffect.call(void 0, () => {
+    const style = document.createElement("style");
+    style.id = "search-sidebar-scrollbar";
+    style.textContent = `
+      @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Tamil:wght@400;600&family=Noto+Sans+Devanagari:wght@400;600&display=swap');
+      
+      .search-sidebar-content::-webkit-scrollbar {
+        width: 12px;
+        height: 12px;
+      }
+      .search-sidebar-content::-webkit-scrollbar-track {
+        background-color: transparent;
+      }
+      .search-sidebar-content::-webkit-scrollbar-thumb {
+        background-color: rgba(0, 0, 0, 0.25);
+        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);
+        border: 2px solid transparent;
+      }
+      .search-sidebar-content::-webkit-scrollbar-thumb:active {
+        background-color: rgba(25, 118, 210, 0.85);
+        border: 1px solid transparent;
+      }
+      
+      /* Tamil font support for search results */
+      .search-result-text {
+        font-family: 'Noto Sans Tamil', 'Noto Sans Devanagari', Arial, sans-serif !important;
+      }
+    `;
+    document.head.appendChild(style);
+    return () => {
+      const el = document.getElementById("search-sidebar-scrollbar");
+      if (el) el.remove();
+    };
+  }, []);
+  _react.useLayoutEffect.call(void 0, () => {
+    setSearchTerm(searchKeyword || "");
+    if (searchKeyword) {
+      setHasSearched(true);
+    }
+  }, [searchKeyword]);
+  const handleSearchSubmit = (e) => {
+    if (e) e.preventDefault();
+    if (searchTerm.trim()) {
+      setHasSearched(true);
+      onSearch(searchTerm.trim());
+    }
+  };
+  const handleSearchChange = (e) => {
+    const value = e.target.value;
+    setSearchTerm(value);
+    if (!value.trim()) {
+      setHasSearched(false);
+      onSearch("");
+    }
+  };
+  const handleClearSearch = () => {
+    setSearchTerm("");
+    setHasSearched(false);
+    onSearch("");
+  };
+  const resultsByPage = searchResults.reduce((acc, result) => {
+    if (!acc[result.pageNumber]) {
+      acc[result.pageNumber] = [];
+    }
+    acc[result.pageNumber].push(result);
+    return acc;
+  }, {});
+  const highlightText = (text, keyword) => {
+    if (!keyword) return text;
+    const textString = typeof text === "string" ? text : String(text || "");
+    if (!textString) return text;
+    try {
+      const escapedKeyword = keyword.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+      const regex = new RegExp(`(${escapedKeyword})`, "gi");
+      const parts = textString.split(regex);
+      return parts.map(
+        (part, index) => regex.test(part) ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _material.Box,
+          {
+            component: "span",
+            sx: {
+              color: "primary.main",
+              fontWeight: 600,
+              fontSize: "inherit"
+            },
+            children: part
+          },
+          index
+        ) : part
+      );
+    } catch (error) {
+      return textString;
+    }
+  };
+  if (!isOpen) return null;
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    _material.Box,
+    {
+      sx: {
+        display: "flex",
+        flexDirection: "column",
+        height: "100%",
+        width: "320px",
+        backgroundColor: "background.paper",
+        borderLeft: "1px solid",
+        borderColor: "divider",
+        overflow: "hidden"
+      },
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _material.Box, { sx: { px: 3, py: 2.5, backgroundColor: "background.default" }, children: [
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _material.Box, { sx: { display: "flex", alignItems: "center", justifyContent: "space-between", mb: 2 }, children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Typography, { variant: "h6", sx: { fontSize: "1.125rem", fontWeight: 600, color: "text.primary" }, children: "Search" }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              _material.IconButton,
+              {
+                size: "small",
+                onClick: onClose,
+                sx: {
+                  color: "text.secondary",
+                  padding: "6px"
+                },
+                children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Close2.default, { fontSize: "small" })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "form", { onSubmit: handleSearchSubmit, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _material.TextField,
+            {
+              fullWidth: true,
+              size: "medium",
+              placeholder: "Search in document...",
+              value: searchTerm,
+              onChange: handleSearchChange,
+              autoComplete: "off",
+              InputProps: {
+                startAdornment: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.InputAdornment, { position: "start", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Search2.default, { sx: { color: "text.disabled", fontSize: 20 } }) }),
+                endAdornment: searchTerm && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.InputAdornment, { position: "end", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                  _material.IconButton,
+                  {
+                    size: "small",
+                    onClick: handleClearSearch,
+                    sx: {
+                      color: "text.secondary",
+                      padding: "4px",
+                      "&:hover": {
+                        backgroundColor: "action.hover"
+                      }
+                    },
+                    children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Clear2.default, { sx: { fontSize: 18 } })
+                  }
+                ) })
+              },
+              sx: {
+                "& .MuiOutlinedInput-root": {
+                  fontSize: "0.9375rem",
+                  backgroundColor: "background.paper",
+                  borderRadius: "8px",
+                  "& fieldset": {
+                    borderColor: "divider"
+                  },
+                  "&.Mui-focused fieldset": {
+                    borderColor: "primary.main",
+                    borderWidth: "2px"
+                  }
+                },
+                "& .MuiInputBase-input": {
+                  padding: "10px 14px"
+                }
+              }
+            }
+          ) }),
+          totalResults > 0 && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+            _material.Box,
+            {
+              sx: {
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "space-between",
+                mt: 2,
+                pt: 2,
+                borderTop: "1px solid",
+                borderColor: "divider"
+              },
+              children: [
+                /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _material.Typography, { variant: "body2", sx: { color: "text.secondary", fontSize: "0.875rem", fontWeight: 500 }, children: [
+                  currentResultIndex + 1,
+                  " of ",
+                  totalResults,
+                  " results"
+                ] }),
+                /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _material.Box, { sx: { display: "flex", alignItems: "center", gap: 0.5 }, children: [
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                    _material.IconButton,
+                    {
+                      size: "small",
+                      onClick: onPreviousResult,
+                      disabled: currentResultIndex <= 0,
+                      sx: {
+                        color: currentResultIndex <= 0 ? "text.disabled" : "primary.main",
+                        padding: "6px",
+                        borderRadius: "6px",
+                        border: "1px solid",
+                        borderColor: currentResultIndex <= 0 ? "divider" : "primary.main"
+                      },
+                      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _KeyboardArrowUp2.default, { sx: { fontSize: 20 } })
+                    }
+                  ),
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                    _material.IconButton,
+                    {
+                      size: "small",
+                      onClick: onNextResult,
+                      disabled: currentResultIndex >= totalResults - 1,
+                      sx: {
+                        color: currentResultIndex >= totalResults - 1 ? "text.disabled" : "primary.main",
+                        padding: "6px",
+                        borderRadius: "6px",
+                        border: "1px solid",
+                        borderColor: currentResultIndex >= totalResults - 1 ? "divider" : "primary.main"
+                      },
+                      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _KeyboardArrowDown2.default, { sx: { fontSize: 20 } })
+                    }
+                  )
+                ] })
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Divider, {}),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _material.Box, { ref: contentRef, className: "search-sidebar-content", sx: {
+          flex: 1,
+          overflow: "auto",
+          backgroundColor: "background.default"
+        }, children: [
+          !searchTerm && !hasSearched && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _material.Box, { sx: { p: 4, textAlign: "center", mt: 6 }, children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              _material.Box,
+              {
+                sx: {
+                  width: 80,
+                  height: 80,
+                  borderRadius: "50%",
+                  backgroundColor: "action.hover",
+                  display: "flex",
+                  alignItems: "center",
+                  justifyContent: "center",
+                  margin: "0 auto",
+                  mb: 3
+                },
+                children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Search2.default, { sx: { fontSize: 40, color: "text.disabled" } })
+              }
+            ),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Typography, { variant: "body1", sx: { color: "text.primary", fontWeight: 500, mb: 1 }, children: "Search in Document" }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Typography, { variant: "body2", sx: { color: "text.secondary", lineHeight: 1.6 }, children: "Enter keywords to find text within the PDF document" })
+          ] }),
+          searchTerm && !hasSearched && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _material.Box, { sx: { p: 4, textAlign: "center", mt: 6 }, children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              _material.Box,
+              {
+                sx: {
+                  width: 80,
+                  height: 80,
+                  borderRadius: "50%",
+                  backgroundColor: "#e3f2fd",
+                  display: "flex",
+                  alignItems: "center",
+                  justifyContent: "center",
+                  margin: "0 auto",
+                  mb: 3
+                },
+                children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _FindInPage2.default, { sx: { fontSize: 40, color: "primary.main" } })
+              }
+            ),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Typography, { variant: "body1", sx: { color: "text.primary", fontWeight: 500, mb: 1 }, children: "Ready to Search" }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Typography, { variant: "body2", sx: { color: "text.secondary", mb: 2, lineHeight: 1.6 }, children: "Press Enter to find" }),
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+              _material.Typography,
+              {
+                variant: "body2",
+                sx: {
+                  color: "primary.main",
+                  fontWeight: 600,
+                  backgroundColor: "#e3f2fd",
+                  padding: "6px 16px",
+                  borderRadius: "16px",
+                  display: "inline-block"
+                },
+                children: [
+                  '"',
+                  searchTerm,
+                  '"'
+                ]
+              }
+            )
+          ] }),
+          hasSearched && totalResults === 0 && !isSearching && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _material.Box, { sx: { p: 4, textAlign: "center", mt: 6 }, children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              _material.Box,
+              {
+                sx: {
+                  width: 80,
+                  height: 80,
+                  borderRadius: "50%",
+                  backgroundColor: "#fff3e0",
+                  display: "flex",
+                  alignItems: "center",
+                  justifyContent: "center",
+                  margin: "0 auto",
+                  mb: 3
+                },
+                children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Search2.default, { sx: { fontSize: 40, color: "#ff9800" } })
+              }
+            ),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Typography, { variant: "body1", sx: { color: "text.primary", fontWeight: 500, mb: 1 }, children: "No Results Found" }),
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _material.Typography, { variant: "body2", sx: { color: "text.secondary", lineHeight: 1.6 }, children: [
+              "No matches found for ",
+              /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "strong", { children: [
+                '"',
+                searchTerm,
+                '"'
+              ] })
+            ] })
+          ] }),
+          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]) => {
+            const pageNumber = parseInt(pageNum);
+            return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _material.Box, { sx: { mb: 3 }, children: [
+              /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+                _material.Typography,
+                {
+                  variant: "subtitle2",
+                  sx: {
+                    color: "text.secondary",
+                    mb: 1.5,
+                    px: 1,
+                    fontSize: "0.8125rem",
+                    fontWeight: 600,
+                    textTransform: "uppercase",
+                    letterSpacing: "0.5px"
+                  },
+                  children: [
+                    "Page ",
+                    pageNumber
+                  ]
+                }
+              ),
+              pageResults.map((result, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                _material.Box,
+                {
+                  onClick: () => onSearchResultClick(result.pageNumber, result.index),
+                  sx: {
+                    p: 2,
+                    mx: 1,
+                    mb: 1.5,
+                    borderRadius: "8px",
+                    border: "1px solid",
+                    borderColor: result.index === currentResultIndex ? "primary.main" : "divider",
+                    backgroundColor: result.index === currentResultIndex ? "#e3f2fd" : "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)",
+                    "&:hover": {
+                      borderColor: "primary.main",
+                      boxShadow: "0 2px 8px rgba(0,0,0,0.1)",
+                      transform: "translateY(-1px)"
+                    }
+                  },
+                  children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                    _material.Typography,
+                    {
+                      variant: "body2",
+                      className: "search-result-text",
+                      sx: {
+                        fontSize: "0.875rem",
+                        lineHeight: 1.6,
+                        color: result.index === currentResultIndex ? "text.primary" : "text.secondary"
+                      },
+                      children: highlightText(result.context, searchTerm)
+                    }
+                  )
+                },
+                index
+              ))
+            ] }, pageNumber);
+          }) })
+        ] })
+      ]
+    }
+  );
+};
+
+// src/components/viewers/PDFViewer.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', 
+      'Arial Unicode MS', sans-serif !important;
+  }
+  
+  /* Target PDF.js text layer */
+  .textLayer,
+  .textLayer span,
+  .textLayer div,
+  [class*="pdf"],
+  [class*="page"],
+  canvas + div,
+  .embedpdf-viewport *,
+  [data-pdf-viewer] *,
+  [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', 
+      'Arial Unicode MS', sans-serif !important;
+  }
+  
+  .pdf-viewer-header {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 8px;
+    padding: 3px 16px 0 16px;
+    background: #fff;
+    min-height: 36px;
+  }
+  .header-file-name {
+    font-size: 12px;
+    font-weight: 500;
+    color: #424242;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    max-width: 400px;
+  }
+  .pdf-viewer-toolbar {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 0 16px 6px 16px;
+    background: #fff;
+    gap: 12px;
+    flex-wrap: wrap;
+    min-height: 44px;
+  }
+  .toolbar-section {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+  }
+  .toolbar-separator {
+    width: 1px;
+    height: 24px;
+    background: #e0e0e0;
+    margin: 0 4px;
+  }
+  .toolbar-button {
+    padding: 8px;
+    border: none;
+    background: transparent;
+    cursor: pointer;
+    border-radius: 4px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    transition: background 0.2s;
+  }
+  .toolbar-button:hover:not(:disabled) {
+    background: #f5f5f5;
+  }
+  .toolbar-button:disabled {
+    opacity: 0.4;
+    cursor: not-allowed;
+  }
+  .toolbar-button svg {
+    width: 20px;
+    height: 20px;
+    display: block;
+  }
+  .page-input {
+    width: 60px;
+    padding: 4px 8px;
+    border: 1px solid #e0e0e0;
+    border-radius: 4px;
+    text-align: center;
+    font-size: 14px;
+  }
+  .page-info {
+    font-size: 14px;
+    color: #666;
+    white-space: nowrap;
+  }
+  .zoom-display {
+    min-width: 60px;
+    text-align: center;
+    font-size: 14px;
+    color: #666;
+  }
+  .search-input {
+    padding: 4px 8px;
+    border: 1px solid #e0e0e0;
+    border-radius: 4px;
+    font-size: 14px;
+    min-width: 200px;
+  }
+  .pdf-viewer-content {
+    flex: 1;
+    overflow: hidden;
+    position: relative;
+    user-select: text;
+    -webkit-user-select: text;
+    -moz-user-select: text;
+    -ms-user-select: text;
+  }
+  .pdf-viewer-container {
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    width: 100%;
+  }
+  .pdf-viewer-main {
+    display: flex;
+    flex: 1;
+    overflow: hidden;
+    position: relative;
+  }
+  .pdf-viewer-viewer-area {
+    flex: 1;
+    overflow: hidden;
+    position: relative;
+    user-select: text;
+    -webkit-user-select: text;
+    -moz-user-select: text;
+    -ms-user-select: text;
+  }
+  .pdf-viewer-viewer-area * {
+    user-select: text !important;
+    -webkit-user-select: text !important;
+    -moz-user-select: text !important;
+    -ms-user-select: text !important;
+  }
+`;
+var PDFViewerContent = _react.forwardRef.call(void 0, (props, ref) => {
+  const {
+    file,
+    onLoad,
+    onError,
+    fileName,
+    showPageCount = true,
+    showPageNavigation = true,
+    showZoomControls = true,
+    showDownload = true,
+    showPrint = true,
+    showSearch = true,
+    showMetadata = true,
+    showProperties = true,
+    onMetadataClick,
+    onPropertiesClick,
+    onDownloadClick,
+    onPrintClick
+  } = props;
+  const [pdfBuffer, setPdfBuffer] = _react.useState.call(void 0, null);
+  const [state, setState] = _react.useState.call(void 0, "idle");
+  const [error, setError] = _react.useState.call(void 0, null);
+  const pdfViewerRef = _react.useRef.call(void 0, null);
+  const resolvedFileName = _react.useMemo.call(void 0, () => {
+    if (fileName) return fileName;
+    if (file instanceof File) return file.name;
+    if (typeof file === "string") {
+      const urlParts = file.split("/");
+      return urlParts[urlParts.length - 1] || "document.pdf";
+    }
+    return "document.pdf";
+  }, [file, fileName]);
+  const fileExtension = _react.useMemo.call(void 0, 
+    () => _chunkRE4XRGSVjs.getFileExtension.call(void 0, resolvedFileName),
+    [resolvedFileName]
+  );
+  const [currentPage, setCurrentPage] = _react.useState.call(void 0, 1);
+  const [totalPages, setTotalPages] = _react.useState.call(void 0, 0);
+  const [zoom, setZoom] = _react.useState.call(void 0, 100);
+  const [searchQuery, setSearchQuery] = _react.useState.call(void 0, "");
+  const [isSearching, setIsSearching] = _react.useState.call(void 0, false);
+  const [pdfContainer, setPdfContainer] = _react.useState.call(void 0, null);
+  const [isSidebarOpen, setIsSidebarOpen] = _react.useState.call(void 0, false);
+  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);
+  _react.useEffect.call(void 0, () => {
+    setSearchQuery("");
+    setSearchResults([]);
+    setCurrentSearchResultIndex(0);
+    setTotalSearchResults(0);
+    setIsSearching(false);
+    setIsSidebarOpen(false);
+    setCurrentPage(1);
+    setTotalPages(0);
+    setZoom(100);
+    setState("idle");
+    setError(null);
+    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);
+    }
+  }, [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 (!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) {
+        }
+        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) {
+        }
+        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) {
+            setTotalPages(pages.length);
+            return;
+          }
+        } catch (error2) {
+        }
+        setTotalPages(1);
+      };
+      initializePageCount();
+    }
+  }, [state, totalPages]);
+  _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()]);
+        setCurrentPage(current);
+        if (total > 0 && total !== totalPages) {
+          setTotalPages(total);
+        }
+        if (typeof zoomValue === "number") {
+          setZoom(Math.round(zoomValue * 100));
+        }
+      };
+      updateInfo();
+      const interval = setInterval(updateInfo, 300);
+      return () => clearInterval(interval);
+    }
+  }, [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()]);
+      updateZoomDisplay();
+    },
+    zoomOut: () => {
+      _optionalChain([pdfViewerRef, 'access', _32 => _32.current, 'optionalAccess', _33 => _33.zoom, 'access', _34 => _34.zoomOut, 'call', _35 => _35()]);
+      updateZoomDisplay();
+    },
+    setZoom: (level) => {
+      _optionalChain([pdfViewerRef, 'access', _36 => _36.current, 'optionalAccess', _37 => _37.zoom, 'access', _38 => _38.setZoom, 'call', _39 => _39(level)]);
+      updateZoomDisplay();
+    },
+    resetZoom: () => {
+      _optionalChain([pdfViewerRef, 'access', _40 => _40.current, 'optionalAccess', _41 => _41.zoom, 'access', _42 => _42.resetZoom, 'call', _43 => _43()]);
+      updateZoomDisplay();
+    },
+    getZoom: () => {
+      const zoom2 = _optionalChain([pdfViewerRef, 'access', _44 => _44.current, 'optionalAccess', _45 => _45.zoom, 'access', _46 => _46.getZoom, 'call', _47 => _47()]);
+      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)]);
+      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,
+    nextPage: () => {
+      _optionalChain([pdfViewerRef, 'access', _60 => _60.current, 'optionalAccess', _61 => _61.navigation, 'access', _62 => _62.nextPage, 'call', _63 => _63()]);
+      updatePageDisplay();
+    },
+    previousPage: () => {
+      _optionalChain([pdfViewerRef, 'access', _64 => _64.current, 'optionalAccess', _65 => _65.navigation, 'access', _66 => _66.previousPage, 'call', _67 => _67()]);
+      updatePageDisplay();
+    },
+    goToFirstPage: () => {
+      _optionalChain([pdfViewerRef, 'access', _68 => _68.current, 'optionalAccess', _69 => _69.navigation, 'access', _70 => _70.goToFirstPage, 'call', _71 => _71()]);
+      updatePageDisplay();
+    },
+    goToLastPage: () => {
+      _optionalChain([pdfViewerRef, 'access', _72 => _72.current, 'optionalAccess', _73 => _73.navigation, 'access', _74 => _74.goToLastPage, 'call', _75 => _75()]);
+      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)]);
+      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;
+      return index;
+    },
+    previousResult: () => {
+      const index = _optionalChain([pdfViewerRef, 'access', _84 => _84.current, 'optionalAccess', _85 => _85.search, 'access', _86 => _86.previousResult, 'call', _87 => _87()]) || -1;
+      return index;
+    },
+    goToResult: (index) => _optionalChain([pdfViewerRef, 'access', _88 => _88.current, 'optionalAccess', _89 => _89.search, 'access', _90 => _90.goToResult, 'call', _91 => _91(index)]) || -1,
+    stopSearch: () => {
+      _optionalChain([pdfViewerRef, 'access', _92 => _92.current, 'optionalAccess', _93 => _93.search, 'access', _94 => _94.stopSearch, 'call', _95 => _95()]);
+      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()])
+  }), []);
+  const updatePageDisplay = () => {
+    setTimeout(() => {
+      const current = _optionalChain([pdfViewerRef, 'access', _108 => _108.current, 'optionalAccess', _109 => _109.navigation, 'access', _110 => _110.getCurrentPage, 'call', _111 => _111()]) || 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()]);
+      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()]);
+    updateZoomDisplay();
+  };
+  const handleZoomOut = () => {
+    _optionalChain([pdfViewerRef, 'access', _120 => _120.current, 'optionalAccess', _121 => _121.zoom, 'access', _122 => _122.zoomOut, 'call', _123 => _123()]);
+    updateZoomDisplay();
+  };
+  const handleFitToWidth = () => {
+    _optionalChain([pdfViewerRef, 'access', _124 => _124.current, 'optionalAccess', _125 => _125.zoom, 'access', _126 => _126.fitToWidth, 'call', _127 => _127()]);
+    updateZoomDisplay();
+  };
+  const handleFitToPage = () => {
+    _optionalChain([pdfViewerRef, 'access', _128 => _128.current, 'optionalAccess', _129 => _129.zoom, 'access', _130 => _130.fitToPage, 'call', _131 => _131()]);
+    updateZoomDisplay();
+  };
+  const handlePreviousPage = () => {
+    _optionalChain([pdfViewerRef, 'access', _132 => _132.current, 'optionalAccess', _133 => _133.navigation, 'access', _134 => _134.previousPage, 'call', _135 => _135()]);
+    updatePageDisplay();
+  };
+  const handleNextPage = () => {
+    _optionalChain([pdfViewerRef, 'access', _136 => _136.current, 'optionalAccess', _137 => _137.navigation, 'access', _138 => _138.nextPage, 'call', _139 => _139()]);
+    updatePageDisplay();
+  };
+  const handleFirstPage = () => {
+    _optionalChain([pdfViewerRef, 'access', _140 => _140.current, 'optionalAccess', _141 => _141.navigation, 'access', _142 => _142.goToFirstPage, 'call', _143 => _143()]);
+    updatePageDisplay();
+  };
+  const handleLastPage = () => {
+    _optionalChain([pdfViewerRef, 'access', _144 => _144.current, 'optionalAccess', _145 => _145.navigation, 'access', _146 => _146.goToLastPage, 'call', _147 => _147()]);
+    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', _148 => _148.current, 'optionalAccess', _149 => _149.navigation, 'access', _150 => _150.goToPage, 'call', _151 => _151(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', _152 => _152.current, 'optionalAccess', _153 => _153.navigation, 'access', _154 => _154.goToPage, 'call', _155 => _155(page)]);
+        setCurrentPage(page);
+      }
+    }
+  };
+  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)]);
+      setIsSearching(false);
+      if (results && results.results) {
+        const formattedResults = results.results.map((result, index) => {
+          let textContent = "";
+          let contextContent = "";
+          if (typeof result === "string") {
+            textContent = result;
+            contextContent = result;
+          } else if (result.text) {
+            textContent = String(result.text);
+            contextContent = result.context ? String(result.context) : String(result.text);
+          } else if (result.str) {
+            textContent = String(result.str);
+            contextContent = String(result.str);
+          } else if (result.match) {
+            textContent = String(result.match);
+            contextContent = String(result.match);
+          } else {
+            textContent = JSON.stringify(result);
+            contextContent = textContent;
+          }
+          return {
+            pageNumber: (_nullishCoalesce(_nullishCoalesce(result.pageIndex, () => ( result.pageNumber)), () => ( 0))) + 1,
+            text: textContent,
+            context: contextContent,
+            index
+          };
+        });
+        setSearchResults(formattedResults);
+        setTotalSearchResults(formattedResults.length);
+        setCurrentSearchResultIndex(0);
+      } else {
+        setSearchResults([]);
+        setTotalSearchResults(0);
+        setCurrentSearchResultIndex(0);
+      }
+    }
+  };
+  const handleSearchKeyPress = (e) => {
+    if (e.key === "Enter") {
+      handleSearch();
+    }
+  };
+  const handleSidebarSearch = async (keyword) => {
+    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)]);
+      setIsSearching(false);
+      if (results && results.results) {
+        const formattedResults = results.results.map((result, index) => {
+          let textContent = "";
+          let contextContent = "";
+          if (result.context && typeof result.context === "object") {
+            const before = result.context.before || "";
+            const match = result.context.match || "";
+            const after = result.context.after || "";
+            textContent = match;
+            contextContent = `${before}${match}${after}`;
+          } else if (typeof result === "string") {
+            textContent = result;
+            contextContent = result;
+          } else {
+            textContent = String(result.match || result.text || "");
+            contextContent = textContent;
+          }
+          return {
+            pageNumber: (_nullishCoalesce(_nullishCoalesce(result.pageIndex, () => ( result.pageNumber)), () => ( 0))) + 1,
+            text: textContent,
+            context: contextContent,
+            index
+          };
+        });
+        setSearchResults(formattedResults);
+        setTotalSearchResults(formattedResults.length);
+        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)]);
+          setCurrentPage(firstPageNumber);
+        }
+      } else {
+        setSearchResults([]);
+        setTotalSearchResults(0);
+        setCurrentSearchResultIndex(0);
+      }
+    } else {
+      setSearchResults([]);
+      _optionalChain([pdfViewerRef, 'access', _168 => _168.current, 'optionalAccess', _169 => _169.search, 'access', _170 => _170.stopSearch, 'call', _171 => _171()]);
+      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)]);
+    setCurrentSearchResultIndex(resultIndex);
+    setCurrentPage(pageNumber);
+    _optionalChain([pdfViewerRef, 'access', _176 => _176.current, 'optionalAccess', _177 => _177.search, 'access', _178 => _178.goToResult, 'call', _179 => _179(resultIndex)]);
+  };
+  const toggleSidebar = () => {
+    setIsSidebarOpen(!isSidebarOpen);
+  };
+  const handleNextSearchResult = () => {
+    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()]);
+      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)]);
+        setCurrentPage(pageNumber);
+      }
+    }
+  };
+  const handlePreviousSearchResult = () => {
+    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()]);
+      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)]);
+        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();
+      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 {
+        setTimeout(() => {
+          const iframeWindow = iframe.contentWindow;
+          if (!iframeWindow) return;
+          iframeWindow.focus();
+          iframeWindow.print();
+          const checkPrintComplete = () => {
+            setTimeout(() => {
+              try {
+                document.body.removeChild(iframe);
+                URL.revokeObjectURL(blobUrl);
+              } catch (e) {
+              }
+            }, 500);
+          };
+          if ("onafterprint" in iframeWindow) {
+            iframeWindow.onafterprint = checkPrintComplete;
+          } else {
+            setTimeout(checkPrintComplete, 3e3);
+          }
+        }, 500);
+      } catch (error2) {
+        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");
+      setError("No file provided");
+      return;
+    }
+    const loadPDF = async () => {
+      try {
+        setState("loading");
+        setError(null);
+        let arrayBuffer;
+        if (file instanceof File) {
+          arrayBuffer = await file.arrayBuffer();
+        } else if (typeof file === "string") {
+          const response = await fetch(file);
+          if (!response.ok) {
+            throw new Error(`Failed to load PDF: ${response.statusText}`);
+          }
+          arrayBuffer = await response.arrayBuffer();
+        } else if (file instanceof ArrayBuffer) {
+          arrayBuffer = file;
+        } else {
+          throw new Error("Unsupported file type");
+        }
+        setPdfBuffer(arrayBuffer);
+        setState("ready");
+        _optionalChain([onLoad, 'optionalCall', _196 => _196()]);
+      } catch (err) {
+        const errorMessage = err.message || "Failed to load PDF";
+        setState("error");
+        setError(errorMessage);
+        _optionalChain([onError, 'optionalCall', _197 => _197(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;
+  }, []);
+  if (state === "loading") {
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { style: {
+      display: "flex",
+      flexDirection: "column",
+      alignItems: "center",
+      justifyContent: "center",
+      height: "100%",
+      gap: "16px"
+    }, children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "spinner", style: {
+        width: "48px",
+        height: "48px",
+        border: "4px solid #f3f3f3",
+        borderTop: "4px solid #3498db",
+        borderRadius: "50%",
+        animation: "spin 1s linear infinite"
+      } }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { children: "Loading PDF..." }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "style", { children: `
+          @keyframes spin {
+            0% { transform: rotate(0deg); }
+            100% { transform: rotate(360deg); }
+          }
+        ` })
+    ] });
+  }
+  if (state === "error" || error) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { style: {
+      display: "flex",
+      flexDirection: "column",
+      alignItems: "center",
+      justifyContent: "center",
+      height: "100%",
+      padding: "24px"
+    }, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { style: {
+      maxWidth: "400px",
+      padding: "16px",
+      backgroundColor: "#fee",
+      border: "1px solid #fcc",
+      borderRadius: "4px"
+    }, children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { style: { marginTop: 0 }, children: "Failed to Load PDF" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { children: error || "Unknown error occurred" })
+    ] }) });
+  }
+  if (!pdfBuffer || state !== "ready") {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { style: {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      height: "100%"
+    }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { children: "Preparing PDF..." }) });
+  }
+  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.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, 
+        SearchSidebar,
+        {
+          isOpen: isSidebarOpen,
+          onClose: () => setIsSidebarOpen(false),
+          onSearch: handleSidebarSearch,
+          onSearchResultClick: handleSearchResultClick,
+          onNextResult: handleNextSearchResult,
+          onPreviousResult: handlePreviousSearchResult,
+          currentResultIndex: currentSearchResultIndex,
+          totalResults: totalSearchResults,
+          searchKeyword: searchQuery,
+          searchResults,
+          isSearching
+        }
+      )
+    ] })
+  ] });
+});
+PDFViewerContent.displayName = "PDFViewerContent";
+var PDFViewer = _react.forwardRef.call(void 0, (props, ref) => {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PDFViewerContent, { ...props, sourceDescription: "doc.pdf", ref });
+});
+PDFViewer.displayName = "PDFViewer";
+
+
+
+exports.PDFViewer = PDFViewer;
+//# sourceMappingURL=chunk-3STHCDAC.js.map