react-native-rectangle-doc-scanner 3.53.0 → 3.55.0

package/dist/DocScanner.js

@@ -205,8 +205,9 @@ exports.DocScanner = (0, react_1.forwardRef)(({ onCapture, overlayColor = DEFAUL
     }), [capture]);
     const overlayPolygon = detectedRectangle?.rectangleOnScreen ?? detectedRectangle?.rectangleCoordinates ?? null;
     const overlayIsActive = autoCapture ? isAutoCapturing : (detectedRectangle?.stableCounter ?? 0) > 0;
+    const detectionThreshold = autoCapture ? minStableFrames : 9999;
     return (react_1.default.createElement(react_native_1.View, { style: styles.container },
-        react_1.default.createElement(react_native_document_scanner_1.default, { ref: scannerRef, style: styles.scanner, detectionCountBeforeCapture: minStableFrames, overlayColor: overlayColor, enableTorch: enableTorch, quality: normalizedQuality, useBase64: useBase64, manualOnly: !autoCapture, detectionConfig: detectionConfig, onPictureTaken: handlePictureTaken, onError: handleError, onRectangleDetect: handleRectangleDetect }),
+        react_1.default.createElement(react_native_document_scanner_1.default, { ref: scannerRef, style: styles.scanner, detectionCountBeforeCapture: detectionThreshold, overlayColor: overlayColor, enableTorch: enableTorch, quality: normalizedQuality, useBase64: useBase64, manualOnly: !autoCapture, detectionConfig: detectionConfig, onPictureTaken: handlePictureTaken, onError: handleError, onRectangleDetect: handleRectangleDetect }),
         showGrid && overlayPolygon && (react_1.default.createElement(overlay_1.ScannerOverlay, { active: overlayIsActive, color: gridColor ?? overlayColor, lineWidth: gridLineWidth, polygon: overlayPolygon })),
         showManualCaptureButton && (react_1.default.createElement(react_native_1.TouchableOpacity, { style: styles.button, onPress: handleManualCapture })),
         children));

package/dist/FullDocScanner.js

@@ -61,6 +61,8 @@ const FullDocScanner = ({ onResult, onClose, detectionConfig, overlayColor = '#3
     const resolvedGridColor = gridColor ?? overlayColor;
     const docScannerRef = (0, react_1.useRef)(null);
     const captureModeRef = (0, react_1.useRef)(null);
+    const captureInProgressRef = (0, react_1.useRef)(false);
+    const rectangleTimeoutRef = (0, react_1.useRef)(null);
     const mergedStrings = (0, react_1.useMemo)(() => ({
         captureHint: strings?.captureHint,
         manualHint: strings?.manualHint,
@@ -122,6 +124,7 @@ const FullDocScanner = ({ onResult, onClose, detectionConfig, overlayColor = '#3
             initialPath: document.initialPath,
             captureMode: captureModeRef.current,
         });
+        captureInProgressRef.current = false;
         if (document.origin === 'auto') {
             console.log('[FullDocScanner] Ignoring auto capture result');
             return;
@@ -150,33 +153,39 @@ const FullDocScanner = ({ onResult, onClose, detectionConfig, overlayColor = '#3
         await openCropper(normalizedDoc.path);
     }, [openCropper]);
     const triggerManualCapture = (0, react_1.useCallback)(() => {
+        const scannerInstance = docScannerRef.current;
+        const hasScanner = !!scannerInstance;
         console.log('[FullDocScanner] triggerManualCapture called', {
             processing,
-            hasRef: !!docScannerRef.current,
+            hasRef: hasScanner,
             rectangleDetected,
             currentCaptureMode: captureModeRef.current,
+            captureInProgress: captureInProgressRef.current,
         });
         if (processing) {
             console.log('[FullDocScanner] Already processing, skipping manual capture');
             return;
         }
-        // Check if capture is already in progress
-        if (captureModeRef.current !== null) {
+        if (captureInProgressRef.current) {
             console.log('[FullDocScanner] Capture already in progress, skipping');
             return;
         }
-        if (!docScannerRef.current) {
+        if (!hasScanner) {
             console.error('[FullDocScanner] DocScanner ref not available');
             return;
         }
         console.log('[FullDocScanner] Starting manual capture, grid detected:', rectangleDetected);
-        captureModeRef.current = rectangleDetected ? 'grid' : 'no-grid';
-        docScannerRef.current.capture()
+        const captureMode = rectangleDetected ? 'grid' : 'no-grid';
+        captureModeRef.current = captureMode;
+        captureInProgressRef.current = true;
+        scannerInstance.capture()
             .then((result) => {
             console.log('[FullDocScanner] Manual capture success:', result);
+            captureInProgressRef.current = false;
         })
             .catch((error) => {
             captureModeRef.current = null;
+            captureInProgressRef.current = false;
             console.error('[FullDocScanner] Manual capture failed:', error);
             if (error instanceof Error && error.message !== 'capture_in_progress') {
                 emitError(error, 'Failed to capture image.');
@@ -227,6 +236,11 @@ const FullDocScanner = ({ onResult, onClose, detectionConfig, overlayColor = '#3
         setProcessing(false);
         setRectangleDetected(false);
         captureModeRef.current = null;
+        captureInProgressRef.current = false;
+        if (rectangleTimeoutRef.current) {
+            clearTimeout(rectangleTimeoutRef.current);
+            rectangleTimeoutRef.current = null;
+        }
         // Reset DocScanner state
         if (docScannerRef.current?.reset) {
             docScannerRef.current.reset();
@@ -235,7 +249,20 @@ const FullDocScanner = ({ onResult, onClose, detectionConfig, overlayColor = '#3
     const handleRectangleDetect = (0, react_1.useCallback)((event) => {
         const stableCounter = event.stableCounter ?? 0;
         const hasRectangle = Boolean(event.rectangleOnScreen ?? event.rectangleCoordinates);
-        const isGoodRectangle = event.lastDetectionType === 0 && hasRectangle && stableCounter > 0;
+        const isGoodRectangle = hasRectangle && event.lastDetectionType === 0;
+        if (hasRectangle) {
+            if (rectangleTimeoutRef.current) {
+                clearTimeout(rectangleTimeoutRef.current);
+            }
+            rectangleTimeoutRef.current = setTimeout(() => {
+                rectangleTimeoutRef.current = null;
+                setRectangleDetected(false);
+            }, 300);
+        }
+        else if (rectangleTimeoutRef.current) {
+            clearTimeout(rectangleTimeoutRef.current);
+            rectangleTimeoutRef.current = null;
+        }
         setRectangleDetected((prev) => {
             if (prev !== isGoodRectangle) {
                 console.log('[FullDocScanner] Rectangle detection update', {
@@ -248,6 +275,11 @@ const FullDocScanner = ({ onResult, onClose, detectionConfig, overlayColor = '#3
             return isGoodRectangle;
         });
     }, []);
+    (0, react_1.useEffect)(() => () => {
+        if (rectangleTimeoutRef.current) {
+            clearTimeout(rectangleTimeoutRef.current);
+        }
+    }, []);
     return (react_1.default.createElement(react_native_1.View, { style: styles.container },
         croppedImageData ? (
         // check_DP: Show confirmation screen

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-rectangle-doc-scanner",
-  "version": "3.53.0",
+  "version": "3.55.0",
   "description": "Native-backed document scanner for React Native with customizable overlays.",
   "license": "MIT",
   "main": "dist/index.js",

package/src/DocScanner.tsx

@@ -293,12 +293,14 @@ export const DocScanner = forwardRef<DocScannerHandle, Props>(
     const overlayPolygon = detectedRectangle?.rectangleOnScreen ?? detectedRectangle?.rectangleCoordinates ?? null;
     const overlayIsActive = autoCapture ? isAutoCapturing : (detectedRectangle?.stableCounter ?? 0) > 0;
 
-    return (
+  const detectionThreshold = autoCapture ? minStableFrames : 9999;
+
+  return (
       <View style={styles.container}>
         <DocumentScanner
           ref={scannerRef}
           style={styles.scanner}
-          detectionCountBeforeCapture={minStableFrames}
+          detectionCountBeforeCapture={detectionThreshold}
           overlayColor={overlayColor}
           enableTorch={enableTorch}
           quality={normalizedQuality}

package/src/FullDocScanner.tsx

@@ -1,4 +1,4 @@
-import React, { useCallback, useMemo, useRef, useState } from 'react';
+import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import {
   ActivityIndicator,
   Alert,
@@ -89,6 +89,8 @@ export const FullDocScanner: React.FC<FullDocScannerProps> = ({
   const resolvedGridColor = gridColor ?? overlayColor;
   const docScannerRef = useRef<DocScannerHandle | null>(null);
   const captureModeRef = useRef<'grid' | 'no-grid' | null>(null);
+  const captureInProgressRef = useRef(false);
+  const rectangleTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);
 
   const mergedStrings = useMemo(
     () => ({
@@ -169,6 +171,8 @@ export const FullDocScanner: React.FC<FullDocScannerProps> = ({
         captureMode: captureModeRef.current,
       });
 
+      captureInProgressRef.current = false;
+
       if (document.origin === 'auto') {
         console.log('[FullDocScanner] Ignoring auto capture result');
         return;
@@ -207,11 +211,14 @@ export const FullDocScanner: React.FC<FullDocScannerProps> = ({
   );
 
   const triggerManualCapture = useCallback(() => {
+    const scannerInstance = docScannerRef.current;
+    const hasScanner = !!scannerInstance;
     console.log('[FullDocScanner] triggerManualCapture called', {
       processing,
-      hasRef: !!docScannerRef.current,
+      hasRef: hasScanner,
       rectangleDetected,
       currentCaptureMode: captureModeRef.current,
+      captureInProgress: captureInProgressRef.current,
     });
 
     if (processing) {
@@ -219,27 +226,30 @@ export const FullDocScanner: React.FC<FullDocScannerProps> = ({
       return;
     }
 
-    // Check if capture is already in progress
-    if (captureModeRef.current !== null) {
+    if (captureInProgressRef.current) {
       console.log('[FullDocScanner] Capture already in progress, skipping');
       return;
     }
 
-    if (!docScannerRef.current) {
+    if (!hasScanner) {
       console.error('[FullDocScanner] DocScanner ref not available');
       return;
     }
 
     console.log('[FullDocScanner] Starting manual capture, grid detected:', rectangleDetected);
 
-    captureModeRef.current = rectangleDetected ? 'grid' : 'no-grid';
+    const captureMode = rectangleDetected ? 'grid' : 'no-grid';
+    captureModeRef.current = captureMode;
+    captureInProgressRef.current = true;
 
-    docScannerRef.current.capture()
+    scannerInstance.capture()
       .then((result) => {
         console.log('[FullDocScanner] Manual capture success:', result);
+        captureInProgressRef.current = false;
       })
       .catch((error: unknown) => {
         captureModeRef.current = null;
+        captureInProgressRef.current = false;
         console.error('[FullDocScanner] Manual capture failed:', error);
         if (error instanceof Error && error.message !== 'capture_in_progress') {
           emitError(
@@ -304,6 +314,11 @@ export const FullDocScanner: React.FC<FullDocScannerProps> = ({
     setProcessing(false);
     setRectangleDetected(false);
     captureModeRef.current = null;
+    captureInProgressRef.current = false;
+    if (rectangleTimeoutRef.current) {
+      clearTimeout(rectangleTimeoutRef.current);
+      rectangleTimeoutRef.current = null;
+    }
     // Reset DocScanner state
     if (docScannerRef.current?.reset) {
       docScannerRef.current.reset();
@@ -313,7 +328,20 @@ export const FullDocScanner: React.FC<FullDocScannerProps> = ({
   const handleRectangleDetect = useCallback((event: RectangleDetectEvent) => {
     const stableCounter = event.stableCounter ?? 0;
     const hasRectangle = Boolean(event.rectangleOnScreen ?? event.rectangleCoordinates);
-    const isGoodRectangle = event.lastDetectionType === 0 && hasRectangle && stableCounter > 0;
+    const isGoodRectangle = hasRectangle && event.lastDetectionType === 0;
+
+    if (hasRectangle) {
+      if (rectangleTimeoutRef.current) {
+        clearTimeout(rectangleTimeoutRef.current);
+      }
+      rectangleTimeoutRef.current = setTimeout(() => {
+        rectangleTimeoutRef.current = null;
+        setRectangleDetected(false);
+      }, 300);
+    } else if (rectangleTimeoutRef.current) {
+      clearTimeout(rectangleTimeoutRef.current);
+      rectangleTimeoutRef.current = null;
+    }
 
     setRectangleDetected((prev) => {
       if (prev !== isGoodRectangle) {
@@ -324,11 +352,16 @@ export const FullDocScanner: React.FC<FullDocScannerProps> = ({
           isGoodRectangle,
         });
       }
-
       return isGoodRectangle;
     });
   }, []);
 
+  useEffect(() => () => {
+    if (rectangleTimeoutRef.current) {
+      clearTimeout(rectangleTimeoutRef.current);
+    }
+  }, []);
+
   return (
     <View style={styles.container}>
       {croppedImageData ? (