@cannyminds/dms-file-viewers 0.6.0 → 0.8.0

package/dist/{chunk-U4W524VZ.mjs → chunk-57BAESSV.mjs}

@@ -233,8 +233,15 @@ var ImageViewer = ({
         setIsFullScreen(false);
       }
     };
+    const handleFullscreenChange = () => {
+      setIsFullScreen(!!document.fullscreenElement);
+    };
     window.addEventListener("keydown", handleKeyDown);
-    return () => window.removeEventListener("keydown", handleKeyDown);
+    document.addEventListener("fullscreenchange", handleFullscreenChange);
+    return () => {
+      window.removeEventListener("keydown", handleKeyDown);
+      document.removeEventListener("fullscreenchange", handleFullscreenChange);
+    };
   }, [isFullScreen]);
   if (!src) {
     return /* @__PURE__ */ jsxs3("div", { className: "pdf-viewer-container", style: { width, height, ...style }, children: [
@@ -250,7 +257,7 @@ var ImageViewer = ({
   const displayHeight = rotated ? imageSize.width : imageSize.height;
   const scaledWidth = displayWidth * (zoom / 100);
   const scaledHeight = displayHeight * (zoom / 100);
-  return /* @__PURE__ */ jsxs3("div", { className: "pdf-viewer-container", style: { width, height, ...style }, children: [
+  return /* @__PURE__ */ jsxs3("div", { ref: containerRef, className: "pdf-viewer-container", style: { width, height, ...style }, children: [
     /* @__PURE__ */ jsx3("style", { children: toolbarStyles }),
     /* @__PURE__ */ jsx3(ImageHeader, { fileName: displayName, fileExtension: ext }),
     /* @__PURE__ */ jsx3(
@@ -331,4 +338,4 @@ var ImageViewer = ({
 export {
   ImageViewer
 };
-//# sourceMappingURL=chunk-U4W524VZ.mjs.map
+//# sourceMappingURL=chunk-57BAESSV.mjs.map

package/dist/chunk-57BAESSV.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/viewers/ImageViewer.tsx","../src/components/viewers/image/ImageToolbar.tsx","../src/components/viewers/image/ImageHeader.tsx"],"sourcesContent":["import React, { useRef, useState, useMemo, useEffect } from 'react';\r\nimport { ImageToolbar } from './image/ImageToolbar';\r\nimport { ImageHeader } from './image/ImageHeader';\r\nimport { toolbarStyles } from './pdf/PDFStyles';\r\nimport { FileViewerProps } from '../../types';\r\nimport { mergeToolbarConfig } from '../../utils/toolbarUtils';\r\n\r\nexport const ImageViewer: React.FC<FileViewerProps> = ({\r\n  file,\r\n  url,\r\n  fileName,\r\n  width = '100%',\r\n  height = '100%',\r\n  className = '',\r\n  style = {},\r\n  showDownload = true,\r\n  showPrint = true,\r\n  showMetadata = false,\r\n  showProperties = false,\r\n  onDownloadClick,\r\n  onPrintClick,\r\n  onMetadataClick,\r\n  onPropertiesClick,\r\n  // Extract props that shouldn't be passed to DOM elements\r\n  mimeType,\r\n  fileSize,\r\n  showPageCount,\r\n  showPageNavigation,\r\n  showZoomControls,\r\n  showSearch,\r\n  customRegistry,\r\n  initialSearchText,\r\n  initialSearchPages,\r\n  autoOpenSearch,\r\n  autoExecuteSearch,\r\n  onSearchComplete,\r\n  toolbarActions,\r\n  ...props\r\n}) => {\r\n  const containerRef = useRef<HTMLDivElement>(null);\r\n  const imageAreaRef = useRef<HTMLDivElement>(null);\r\n  const [imageSize, setImageSize] = useState({ width: 0, height: 0 });\r\n  const [zoom, setZoom] = useState(100);\r\n  const [rotation, setRotation] = useState(0);\r\n  const [pendingFit, setPendingFit] = useState<'width' | 'page' | null>(null);\r\n  const didAutoFit = useRef(false);\r\n  const [isDragging, setIsDragging] = useState(false);\r\n  const [dragStart, setDragStart] = useState({ x: 0, y: 0 });\r\n  const [scrollStart, setScrollStart] = useState({ left: 0, top: 0 });\r\n  const [isFullScreen, setIsFullScreen] = useState(false);\r\n\r\n  const src = useMemo(() => {\r\n    if (file) {\r\n      const objectUrl = URL.createObjectURL(file);\r\n      return objectUrl;\r\n    }\r\n    return url || '';\r\n  }, [file, url]);\r\n\r\n  useEffect(() => {\r\n    return () => {\r\n      if (file && src) {\r\n        URL.revokeObjectURL(src);\r\n      }\r\n    };\r\n  }, [file, src]);\r\n\r\n  const handleImageLoad = (e: React.SyntheticEvent<HTMLImageElement>) => {\r\n    const img = e.currentTarget;\r\n    setImageSize({ width: img.naturalWidth, height: img.naturalHeight });\r\n    if (!didAutoFit.current) {\r\n      setPendingFit('page');\r\n      didAutoFit.current = true;\r\n    }\r\n  };\r\n\r\n  useEffect(() => {\r\n    if (!imageAreaRef.current || !imageSize.width || !imageSize.height || !pendingFit) return;\r\n    \r\n    const containerWidth = imageAreaRef.current.offsetWidth;\r\n    const containerHeight = imageAreaRef.current.offsetHeight;\r\n    const rot = rotation % 360;\r\n    const rotated = rot === 90 || rot === 270;\r\n    const imgW = rotated ? imageSize.height : imageSize.width;\r\n    const imgH = rotated ? imageSize.width : imageSize.height;\r\n\r\n    if (pendingFit === 'width') {\r\n      setZoom(Math.round((containerWidth / imgW) * 100));\r\n    } else if (pendingFit === 'page') {\r\n      const scaleW = containerWidth / imgW;\r\n      const scaleH = containerHeight / imgH;\r\n      setZoom(Math.round(Math.min(scaleW, scaleH) * 100));\r\n    }\r\n    setPendingFit(null);\r\n  }, [pendingFit, imageSize, rotation]);\r\n\r\n  const handleZoomIn = () => setZoom(z => Math.min(z + 10, 400));\r\n  const handleZoomOut = () => setZoom(z => Math.max(z - 10, 10));\r\n  const handleFitToWidth = () => setPendingFit('width');\r\n  const handleFitToPage = () => setPendingFit('page');\r\n  const handleRotateLeft = () => setRotation(r => (r - 90 + 360) % 360);\r\n  const handleRotateRight = () => setRotation(r => (r + 90) % 360);\r\n  \r\n  const handleToggleFullScreen = () => {\r\n    if (!isFullScreen && containerRef.current?.requestFullscreen) {\r\n      containerRef.current.requestFullscreen();\r\n      setIsFullScreen(true);\r\n    } else if (isFullScreen && document.exitFullscreen) {\r\n      document.exitFullscreen();\r\n      setIsFullScreen(false);\r\n    }\r\n  };\r\n\r\n  const handleMouseDown = (e: React.MouseEvent) => {\r\n    if (imageAreaRef.current) {\r\n      setIsDragging(true);\r\n      setDragStart({ x: e.clientX, y: e.clientY });\r\n      setScrollStart({\r\n        left: imageAreaRef.current.scrollLeft,\r\n        top: imageAreaRef.current.scrollTop,\r\n      });\r\n    }\r\n  };\r\n\r\n  const handleMouseMove = (e: React.MouseEvent) => {\r\n    if (!isDragging || !imageAreaRef.current) return;\r\n    const dx = e.clientX - dragStart.x;\r\n    const dy = e.clientY - dragStart.y;\r\n    imageAreaRef.current.scrollLeft = scrollStart.left - dx;\r\n    imageAreaRef.current.scrollTop = scrollStart.top - dy;\r\n  };\r\n\r\n  const handleMouseUp = () => setIsDragging(false);\r\n  const handleMouseLeave = () => setIsDragging(false);\r\n\r\n  const toolbar = mergeToolbarConfig({ \r\n    showDownload, \r\n    showPrint, \r\n    showMetadata, \r\n    showProperties, \r\n    onDownloadClick, \r\n    onPrintClick, \r\n    onMetadataClick, \r\n    onPropertiesClick, \r\n    toolbarActions \r\n  });\r\n\r\n  useEffect(() => {\r\n    const handleKeyDown = (e: KeyboardEvent) => {\r\n      if (e.key === '+') setZoom(z => Math.min(z + 10, 400));\r\n      if (e.key === '-') setZoom(z => Math.max(z - 10, 10));\r\n      if (e.key === 'r') setRotation(r => (r + 90) % 360);\r\n      if (e.key === 'R') setRotation(r => (r - 90 + 360) % 360);\r\n      if (e.key === 'Escape' && isFullScreen && document.exitFullscreen) {\r\n        document.exitFullscreen();\r\n        setIsFullScreen(false);\r\n      }\r\n    };\r\n\r\n    const handleFullscreenChange = () => {\r\n      setIsFullScreen(!!document.fullscreenElement);\r\n    };\r\n\r\n    window.addEventListener('keydown', handleKeyDown);\r\n    document.addEventListener('fullscreenchange', handleFullscreenChange);\r\n\r\n    return () => {\r\n      window.removeEventListener('keydown', handleKeyDown);\r\n      document.removeEventListener('fullscreenchange', handleFullscreenChange);\r\n    };\r\n  }, [isFullScreen]);\r\n\r\n  if (!src) {\r\n    return (\r\n      <div className=\"pdf-viewer-container\" style={{ width, height, ...style }}>\r\n        <style>{toolbarStyles}</style>\r\n        <div style={{ height: '100%', display: 'flex', alignItems: 'center', justifyContent: 'center', color: '#666' }}>\r\n          <strong>No image source provided</strong>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  const displayName = fileName || file?.name || 'image';\r\n  const ext = displayName.split('.').pop() || '';\r\n\r\n  const rot = rotation % 360;\r\n  const rotated = rot === 90 || rot === 270;\r\n  const displayWidth = rotated ? imageSize.height : imageSize.width;\r\n  const displayHeight = rotated ? imageSize.width : imageSize.height;\r\n  const scaledWidth = displayWidth * (zoom / 100);\r\n  const scaledHeight = displayHeight * (zoom / 100);\r\n\r\n  return (\r\n    <div ref={containerRef} className=\"pdf-viewer-container\" style={{ width, height, ...style }}>\r\n      <style>{toolbarStyles}</style>\r\n      <ImageHeader fileName={displayName} fileExtension={ext} />\r\n      <ImageToolbar\r\n        zoom={zoom}\r\n        rotation={rotation}\r\n        onZoomIn={handleZoomIn}\r\n        onZoomOut={handleZoomOut}\r\n        onFitToWidth={handleFitToWidth}\r\n        onFitToPage={handleFitToPage}\r\n        onRotateLeft={handleRotateLeft}\r\n        onRotateRight={handleRotateRight}\r\n        onToggleFullScreen={handleToggleFullScreen}\r\n        showDownload={!toolbar.isHidden('download')}\r\n        showPrint={!toolbar.isHidden('print')}\r\n        showMetadata={!toolbar.isHidden('metadata')}\r\n        showProperties={!toolbar.isHidden('properties')}\r\n        disabledDownload={toolbar.isDisabled('download')}\r\n        disabledPrint={toolbar.isDisabled('print')}\r\n        disabledMetadata={toolbar.isDisabled('metadata')}\r\n        disabledProperties={toolbar.isDisabled('properties')}\r\n        onDownloadClick={toolbar.getHandler('download', onDownloadClick)}\r\n        onPrintClick={toolbar.getHandler('print', onPrintClick)}\r\n        onMetadataClick={toolbar.getHandler('metadata', onMetadataClick)}\r\n        onPropertiesClick={toolbar.getHandler('properties', onPropertiesClick)}\r\n      />\r\n      <div \r\n        ref={imageAreaRef}\r\n        className=\"pdf-viewer-content\"\r\n        style={{\r\n          cursor: isDragging ? 'grabbing' : 'grab',\r\n          overflow: 'auto',\r\n          background: '#f5f5f5'\r\n        }}\r\n        onMouseDown={handleMouseDown}\r\n        onMouseMove={handleMouseMove}\r\n        onMouseUp={handleMouseUp}\r\n        onMouseLeave={handleMouseLeave}\r\n      >\r\n        <div style={{\r\n          minWidth: `${scaledWidth}px`,\r\n          minHeight: `${scaledHeight}px`,\r\n          width: `${scaledWidth}px`,\r\n          height: `${scaledHeight}px`,\r\n          margin: 'auto',\r\n          display: 'flex',\r\n          alignItems: 'center',\r\n          justifyContent: 'center',\r\n          position: 'relative',\r\n        }}>\r\n          <img\r\n            src={src}\r\n            alt={displayName}\r\n            onLoad={handleImageLoad}\r\n            crossOrigin=\"anonymous\"\r\n            style={{\r\n              transform: `rotate(${rotation}deg)`,\r\n              transformOrigin: 'center center',\r\n              maxWidth: '100%',\r\n              maxHeight: '100%',\r\n              width: '100%',\r\n              height: '100%',\r\n              objectFit: 'contain',\r\n              pointerEvents: 'none',\r\n              userSelect: 'none',\r\n            }}\r\n          />\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n","import React from 'react';\r\nimport ZoomInIcon from '@mui/icons-material/ZoomIn';\r\nimport ZoomOutIcon from '@mui/icons-material/ZoomOut';\r\nimport RotateLeftIcon from '@mui/icons-material/RotateLeft';\r\nimport RotateRightIcon from '@mui/icons-material/RotateRight';\r\nimport FitScreenIcon from '@mui/icons-material/FitScreen';\r\nimport AspectRatioIcon from '@mui/icons-material/AspectRatio';\r\nimport FullscreenIcon from '@mui/icons-material/Fullscreen';\r\nimport DownloadIcon from '@mui/icons-material/Download';\r\nimport PrintIcon from '@mui/icons-material/Print';\r\nimport InfoIcon from '@mui/icons-material/Info';\r\nimport DescriptionIcon from '@mui/icons-material/Description';\r\n\r\ninterface ImageToolbarProps {\r\n  zoom: number;\r\n  rotation: number;\r\n  onZoomIn: () => void;\r\n  onZoomOut: () => void;\r\n  onFitToWidth: () => void;\r\n  onFitToPage: () => void;\r\n  onRotateLeft: () => void;\r\n  onRotateRight: () => void;\r\n  onToggleFullScreen: () => void;\r\n  showDownload: boolean;\r\n  showPrint: boolean;\r\n  showMetadata: boolean;\r\n  showProperties: boolean;\r\n  disabledDownload?: boolean;\r\n  disabledPrint?: boolean;\r\n  disabledMetadata?: boolean;\r\n  disabledProperties?: boolean;\r\n  onDownloadClick?: () => void;\r\n  onPrintClick?: () => void;\r\n  onMetadataClick?: () => void;\r\n  onPropertiesClick?: () => void;\r\n}\r\n\r\nexport const ImageToolbar = React.memo<ImageToolbarProps>(({ \r\n  zoom,\r\n  rotation,\r\n  onZoomIn,\r\n  onZoomOut,\r\n  onFitToWidth,\r\n  onFitToPage,\r\n  onRotateLeft,\r\n  onRotateRight,\r\n  onToggleFullScreen,\r\n  showDownload,\r\n  showPrint,\r\n  showMetadata,\r\n  showProperties,\r\n  disabledDownload,\r\n  disabledPrint,\r\n  disabledMetadata,\r\n  disabledProperties,\r\n  onDownloadClick,\r\n  onPrintClick,\r\n  onMetadataClick,\r\n  onPropertiesClick,\r\n}) => (\r\n  <div className=\"pdf-viewer-toolbar\">\r\n    <div className=\"toolbar-separator\"></div>\r\n    <div className=\"toolbar-section\">\r\n      <button className=\"toolbar-button\" onClick={onZoomOut} title=\"Zoom Out\">\r\n        <ZoomOutIcon fontSize=\"small\" />\r\n      </button>\r\n      <span className=\"zoom-display\">{zoom}%</span>\r\n      <button className=\"toolbar-button\" onClick={onZoomIn} title=\"Zoom In\">\r\n        <ZoomInIcon fontSize=\"small\" />\r\n      </button>\r\n      <button className=\"toolbar-button\" onClick={onFitToWidth} title=\"Fit to Width\">\r\n        <AspectRatioIcon fontSize=\"small\" />\r\n      </button>\r\n      <button className=\"toolbar-button\" onClick={onFitToPage} title=\"Fit to Page\">\r\n        <FitScreenIcon fontSize=\"small\" />\r\n      </button>\r\n    </div>\r\n    <div className=\"toolbar-separator\"></div>\r\n    <div className=\"toolbar-section\">\r\n      <button className=\"toolbar-button\" onClick={onRotateLeft} title=\"Rotate Left\">\r\n        <RotateLeftIcon fontSize=\"small\" />\r\n      </button>\r\n      <button className=\"toolbar-button\" onClick={onRotateRight} title=\"Rotate Right\">\r\n        <RotateRightIcon fontSize=\"small\" />\r\n      </button>\r\n      <span className=\"page-info\">Rotation: {rotation}°</span>\r\n    </div>\r\n    <div className=\"toolbar-separator\"></div>\r\n    <div className=\"toolbar-section\">\r\n      <button className=\"toolbar-button\" onClick={onToggleFullScreen} title=\"Fullscreen\">\r\n        <FullscreenIcon fontSize=\"small\" />\r\n      </button>\r\n    </div>\r\n    {(showDownload || showPrint || showMetadata || showProperties) && (\r\n      <>\r\n        <div className=\"toolbar-separator\"></div>\r\n        <div className=\"toolbar-section\">\r\n          {showDownload && (\r\n            <button className=\"toolbar-button\" onClick={onDownloadClick} disabled={disabledDownload} title=\"Download Image\">\r\n              <DownloadIcon fontSize=\"small\" />\r\n            </button>\r\n          )}\r\n          {showPrint && (\r\n            <button className=\"toolbar-button\" onClick={onPrintClick} disabled={disabledPrint} title=\"Print Image\">\r\n              <PrintIcon fontSize=\"small\" />\r\n            </button>\r\n          )}\r\n          {showMetadata && (\r\n            <button className=\"toolbar-button\" onClick={onMetadataClick} disabled={disabledMetadata} title=\"Image Metadata\">\r\n              <DescriptionIcon fontSize=\"small\" />\r\n            </button>\r\n          )}\r\n          {showProperties && (\r\n            <button className=\"toolbar-button\" onClick={onPropertiesClick} disabled={disabledProperties} title=\"Image Properties\">\r\n              <InfoIcon fontSize=\"small\" />\r\n            </button>\r\n          )}\r\n        </div>\r\n      </>\r\n    )}\r\n  </div>\r\n));\r\n\r\nImageToolbar.displayName = 'ImageToolbar';\r\n","import React from 'react';\r\nimport FileIcon from '../../FileIcon';\r\n\r\ninterface ImageHeaderProps {\r\n  fileName: string;\r\n  fileExtension: string;\r\n}\r\n\r\nexport const ImageHeader = React.memo<ImageHeaderProps>(({ fileName, fileExtension }) => {\r\n  return (\r\n    <div className=\"pdf-viewer-header\">\r\n      <FileIcon ext={fileExtension} size={26} />\r\n      <div className=\"header-file-name\" title={fileName}>\r\n        {fileName}\r\n      </div>\r\n    </div>\r\n  );\r\n});\r\n\r\nImageHeader.displayName = 'ImageHeader';\r\n"],"mappings":"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","names":["React","jsx","jsxs","React","jsx","jsxs","rot","rotated"]}

package/dist/{chunk-ZKGWS327.mjs → chunk-ORL5FTAW.mjs}

@@ -286,7 +286,8 @@ import {
   TextField,
   IconButton,
   InputAdornment,
-  Divider
+  Divider,
+  CircularProgress
 } from "@mui/material";
 import SearchIcon2 from "@mui/icons-material/Search";
 import CloseIcon from "@mui/icons-material/Close";
@@ -389,10 +390,10 @@ var SearchSidebar = ({
   }, []);
   useLayoutEffect(() => {
     setSearchTerm(searchKeyword || "");
-    if (searchKeyword) {
+    if (searchKeyword || searchResults.length > 0) {
       setHasSearched(true);
     }
-  }, [searchKeyword]);
+  }, [searchKeyword, searchResults]);
   const handleSearchSubmit = (e) => {
     if (e) e.preventDefault();
     if (searchTerm.trim()) {
@@ -608,7 +609,7 @@ var SearchSidebar = ({
             /* @__PURE__ */ jsx4(Typography, { variant: "body1", sx: { color: "text.primary", fontWeight: 500, mb: 1 }, children: "Search in Document" }),
             /* @__PURE__ */ jsx4(Typography, { variant: "body2", sx: { color: "text.secondary", lineHeight: 1.6 }, children: "Enter keywords to find text within the PDF document" })
           ] }),
-          searchTerm && !hasSearched && /* @__PURE__ */ jsxs3(Box, { sx: { p: 4, textAlign: "center", mt: 6 }, children: [
+          searchTerm && !hasSearched && !isSearching && /* @__PURE__ */ jsxs3(Box, { sx: { p: 4, textAlign: "center", mt: 6 }, children: [
             /* @__PURE__ */ jsx4(
               Box,
               {
@@ -650,6 +651,27 @@ var SearchSidebar = ({
               }
             )
           ] }),
+          isSearching && /* @__PURE__ */ jsxs3(Box, { sx: { p: 4, textAlign: "center", mt: 6 }, children: [
+            /* @__PURE__ */ jsx4(
+              Box,
+              {
+                sx: {
+                  display: "flex",
+                  alignItems: "center",
+                  justifyContent: "center",
+                  margin: "0 auto",
+                  mb: 3
+                },
+                children: /* @__PURE__ */ jsx4(CircularProgress, { size: 60, thickness: 4 })
+              }
+            ),
+            /* @__PURE__ */ jsx4(Typography, { variant: "body1", sx: { color: "text.primary", fontWeight: 500, mb: 1 }, children: "Searching..." }),
+            /* @__PURE__ */ jsxs3(Typography, { variant: "body2", sx: { color: "text.secondary", lineHeight: 1.6 }, children: [
+              'Finding matches for "',
+              searchTerm,
+              '"'
+            ] })
+          ] }),
           hasSearched && totalResults === 0 && !isSearching && /* @__PURE__ */ jsxs3(Box, { sx: { p: 4, textAlign: "center", mt: 6 }, children: [
             /* @__PURE__ */ jsx4(
               Box,
@@ -984,6 +1006,14 @@ var PDFViewerContent = forwardRef((props, ref) => {
       setIsFullScreen(false);
     }
   }, [isFullScreen]);
+  const handleSidebarClose = useCallback(() => {
+    setIsSidebarOpen(false);
+    setSearchQuery("");
+    setSearchResults([]);
+    setTotalSearchResults(0);
+    setCurrentSearchResultIndex(0);
+    pdfViewerRef.current?.search.stopSearch();
+  }, []);
   const toolbar = mergeToolbarConfig({
     showDownload,
     showPrint,
@@ -1060,7 +1090,13 @@ var PDFViewerContent = forwardRef((props, ref) => {
         setCurrentPage(current);
       });
     },
-    toggleSidebar: () => setIsSidebarOpen(!isSidebarOpen),
+    toggleSidebar: () => {
+      if (isSidebarOpen) {
+        handleSidebarClose();
+      } else {
+        setIsSidebarOpen(true);
+      }
+    },
     handlePageInput: (e) => {
       const value = e.target.value;
       if (/^\d*$/.test(value)) {
@@ -1085,21 +1121,31 @@ var PDFViewerContent = forwardRef((props, ref) => {
     handleToggleFullScreen
   }), [isSidebarOpen, totalPages, handleToggleFullScreen]);
   useEffect3(() => {
-    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 (results?.results?.length > 0) {
-          pdfViewerRef.current?.navigation.goToPage(results.results[0].pageIndex + 1);
-        }
+    console.log("came", initialSearchText, pdfViewerRef.current, hasExecutedInitialSearch.current, "state:", state, "totalPages:", totalPages);
+    if (!initialSearchText || hasExecutedInitialSearch.current) return;
+    const isPDFReady = state === "ready";
+    const isPagesInitialized = totalPages > 0;
+    const isViewerAvailable = !!pdfViewerRef.current;
+    const isSearchAPIReady = !!pdfViewerRef.current?.search?.searchText;
+    const canExecuteSearch = isPDFReady && isPagesInitialized && isViewerAvailable && isSearchAPIReady;
+    if (!canExecuteSearch) return;
+    hasExecutedInitialSearch.current = true;
+    const SEARCH_INITIALIZATION_DELAY = 100;
+    setTimeout(() => {
+      if (!pdfViewerRef.current?.search?.searchText) {
+        console.warn("Search API became unavailable, skipping initial search");
+        hasExecutedInitialSearch.current = false;
+        return;
+      }
+      requestAnimationFrame(() => {
+        requestAnimationFrame(() => {
+          setIsSidebarOpen(true);
+          handleSidebarSearch(initialSearchText, initialSearchPages);
+          setAutoExecuteSearch(false);
+        });
       });
-    }
-  }, [pdfViewerRef.current, initialSearchText]);
+    }, SEARCH_INITIALIZATION_DELAY);
+  }, [state, totalPages, pdfViewerRef.current, initialSearchText, initialSearchPages]);
   useEffect3(() => {
     setSearchQuery("");
     setSearchResults([]);
@@ -1107,6 +1153,7 @@ var PDFViewerContent = forwardRef((props, ref) => {
     setTotalSearchResults(0);
     setIsSearching(false);
     setIsSidebarOpen(false);
+    hasExecutedInitialSearch.current = false;
     setCurrentPage(1);
     setTotalPages(0);
     setZoom(100);
@@ -1165,6 +1212,7 @@ var PDFViewerContent = forwardRef((props, ref) => {
         }
       } catch (error2) {
       }
+      await new Promise((resolve) => setTimeout(resolve, 200));
       try {
         const selectors = [
           "[data-page-index]",
@@ -1183,6 +1231,15 @@ var PDFViewerContent = forwardRef((props, ref) => {
         }
       } catch (error2) {
       }
+      try {
+        const count = viewer.navigation?.getTotalPages?.();
+        if (count && count > 0) {
+          setTotalPages(count);
+          return;
+        }
+      } catch (e) {
+      }
+      console.warn("Could not determine total pages, using fallback value of 1");
       setTotalPages(1);
     };
     initializePageCount();
@@ -1289,45 +1346,15 @@ var PDFViewerContent = forwardRef((props, ref) => {
     });
   };
   const handleSearch = async () => {
-    if (searchQuery.trim()) {
-      setIsSearching(true);
-      const results = await pdfViewerRef.current?.search.searchText(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: (result.pageIndex ?? result.pageNumber ?? 0) + 1,
-            text: textContent,
-            context: contextContent,
-            index
-          };
-        });
-        setSearchResults(formattedResults);
-        setTotalSearchResults(formattedResults.length);
-        setCurrentSearchResultIndex(0);
-      } else {
-        setSearchResults([]);
-        setTotalSearchResults(0);
-        setCurrentSearchResultIndex(0);
-      }
+    if (!searchQuery.trim()) return;
+    setIsSearching(true);
+    const results = await pdfViewerRef.current?.search.searchText(searchQuery);
+    setIsSearching(false);
+    if (results?.results && Array.isArray(results.results) && results.results.length > 0) {
+      const formattedResults = formatSearchResults(results.results);
+      updateSearchState(formattedResults);
+    } else {
+      clearSearchResults();
     }
   };
   const handleSearchKeyPress = (e) => {
@@ -1337,66 +1364,92 @@ var PDFViewerContent = forwardRef((props, ref) => {
   };
   const handleSidebarSearch = async (keyword, pageNumbers) => {
     setSearchQuery(keyword);
-    if (keyword.trim()) {
-      setIsSearching(true);
-      const results = await pdfViewerRef.current?.search.searchText(keyword);
+    if (!keyword.trim()) {
+      setSearchResults([]);
+      setTotalSearchResults(0);
+      setCurrentSearchResultIndex(0);
+      pdfViewerRef.current?.search.stopSearch();
+      return;
+    }
+    if (!pdfViewerRef.current?.search?.searchText) {
+      console.warn("Search functionality not yet available");
+      return;
+    }
+    setIsSearching(true);
+    try {
+      const results = await pdfViewerRef.current.search.searchText(keyword);
+      console.log("Search completed:", results);
       setIsSearching(false);
-      if (results && results.results && results.results.length > 0) {
-        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: (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;
-          pdfViewerRef.current?.navigation.goToPage(firstPageNumber);
-          setCurrentPage(firstPageNumber);
-        }
+      const hasValidResults = results?.results && Array.isArray(results.results) && results.results.length > 0;
+      if (hasValidResults) {
+        const formattedResults = formatSearchResults(results.results);
+        updateSearchState(formattedResults);
+        navigateToFirstResult(formattedResults);
       } else if (pageNumbers && pageNumbers.length > 0) {
-        const fallbackResults = pageNumbers.map((pageNum, index) => ({
-          pageNumber: pageNum,
-          text: keyword,
-          context: `"${keyword}" found on this page ${pageNum}`,
-          index
-        }));
-        setSearchResults(fallbackResults);
-        setTotalSearchResults(fallbackResults.length);
-        setCurrentSearchResultIndex(0);
-        pdfViewerRef.current?.navigation.goToPage(pageNumbers[0]);
-        setCurrentPage(pageNumbers[0]);
+        const fallbackResults = createFallbackResults(pageNumbers, keyword);
+        updateSearchState(fallbackResults);
+        navigateToPage(pageNumbers[0]);
       } else {
-        setSearchResults([]);
-        setTotalSearchResults(0);
-        setCurrentSearchResultIndex(0);
+        clearSearchResults();
       }
-    } else {
-      setSearchResults([]);
-      pdfViewerRef.current?.search.stopSearch();
-      setTotalSearchResults(0);
-      setCurrentSearchResultIndex(0);
+    } catch (error2) {
+      console.error("Search failed:", error2);
+      setIsSearching(false);
+      clearSearchResults();
     }
   };
+  const formatSearchResults = (results) => {
+    return results.map((result, index) => {
+      let textContent = "";
+      let contextContent = "";
+      if (result.context && typeof result.context === "object") {
+        const { before = "", match = "", after = "" } = result.context;
+        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: (result.pageIndex ?? result.pageNumber ?? 0) + 1,
+        text: textContent,
+        context: contextContent,
+        index
+      };
+    });
+  };
+  const createFallbackResults = (pageNumbers, keyword) => {
+    return pageNumbers.map((pageNum, index) => ({
+      pageNumber: pageNum,
+      text: keyword,
+      context: `"${keyword}" found on this page ${pageNum}`,
+      index
+    }));
+  };
+  const updateSearchState = (results) => {
+    setSearchResults(results);
+    setTotalSearchResults(results.length);
+    setCurrentSearchResultIndex(0);
+  };
+  const clearSearchResults = () => {
+    setSearchResults([]);
+    setTotalSearchResults(0);
+    setCurrentSearchResultIndex(0);
+  };
+  const navigateToFirstResult = (results) => {
+    if (results.length > 0) {
+      navigateToPage(results[0].pageNumber);
+    }
+  };
+  const navigateToPage = (pageNumber) => {
+    requestAnimationFrame(() => {
+      pdfViewerRef.current?.navigation.goToPage(pageNumber);
+      setCurrentPage(pageNumber);
+    });
+  };
   const handleSearchResultClick = (pageNumber, resultIndex) => {
     pdfViewerRef.current?.navigation.goToPage(pageNumber);
     setCurrentSearchResultIndex(resultIndex);
@@ -1598,7 +1651,7 @@ var PDFViewerContent = forwardRef((props, ref) => {
         SearchSidebar,
         {
           isOpen: isSidebarOpen,
-          onClose: () => setIsSidebarOpen(false),
+          onClose: handleSidebarClose,
           onSearch: handleSidebarSearch,
           onSearchResultClick: handleSearchResultClick,
           onNextResult: handleNextSearchResult,
@@ -1632,4 +1685,4 @@ PDFViewer.displayName = "PDFViewer";
 export {
   PDFViewer
 };
-//# sourceMappingURL=chunk-ZKGWS327.mjs.map
+//# sourceMappingURL=chunk-ORL5FTAW.mjs.map