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

package/dist/FullDocScanner.d.ts

@@ -27,7 +27,6 @@ export interface FullDocScannerProps {
     gridLineWidth?: number;
     showGrid?: boolean;
     strings?: FullDocScannerStrings;
-    manualCapture?: boolean;
     minStableFrames?: number;
     onError?: (error: Error) => void;
     enableGallery?: boolean;

package/dist/FullDocScanner.js

@@ -53,7 +53,7 @@ const normalizeCapturedDocument = (document) => {
         croppedPath: document.croppedPath ? stripFileUri(document.croppedPath) : null,
     };
 };
-const FullDocScanner = ({ onResult, onClose, detectionConfig, overlayColor = '#3170f3', gridColor, gridLineWidth, showGrid, strings, manualCapture = false, minStableFrames, onError, enableGallery = true, cropWidth = 1200, cropHeight = 1600, }) => {
+const FullDocScanner = ({ onResult, onClose, detectionConfig, overlayColor = '#3170f3', gridColor, gridLineWidth, showGrid, strings, minStableFrames, onError, enableGallery = true, cropWidth = 1200, cropHeight = 1600, }) => {
     const [processing, setProcessing] = (0, react_1.useState)(false);
     const [croppedImageData, setCroppedImageData] = (0, react_1.useState)(null);
     const [isGalleryOpen, setIsGalleryOpen] = (0, react_1.useState)(false);
@@ -122,10 +122,14 @@ const FullDocScanner = ({ onResult, onClose, detectionConfig, overlayColor = '#3
             initialPath: document.initialPath,
             captureMode: captureModeRef.current,
         });
+        if (document.origin === 'auto') {
+            console.log('[FullDocScanner] Ignoring auto capture result');
+            return;
+        }
         const captureMode = captureModeRef.current;
-        // Ignore auto captures - only process manual captures
         if (!captureMode) {
-            console.log('[FullDocScanner] Ignoring auto capture - only manual captures allowed');
+            console.warn('[FullDocScanner] Missing capture mode for manual capture result');
+            captureModeRef.current = null;
             return;
         }
         captureModeRef.current = null;
@@ -229,9 +233,20 @@ const FullDocScanner = ({ onResult, onClose, detectionConfig, overlayColor = '#3
         }
     }, []);
     const handleRectangleDetect = (0, react_1.useCallback)((event) => {
-        // Update button color based on rectangle detection
-        const hasGoodRectangle = event.lastDetectionType === 0 && event.rectangleCoordinates !== null;
-        setRectangleDetected(hasGoodRectangle);
+        const stableCounter = event.stableCounter ?? 0;
+        const hasRectangle = Boolean(event.rectangleOnScreen ?? event.rectangleCoordinates);
+        const isGoodRectangle = event.lastDetectionType === 0 && hasRectangle && stableCounter > 0;
+        setRectangleDetected((prev) => {
+            if (prev !== isGoodRectangle) {
+                console.log('[FullDocScanner] Rectangle detection update', {
+                    lastDetectionType: event.lastDetectionType,
+                    stableCounter,
+                    hasRectangle,
+                    isGoodRectangle,
+                });
+            }
+            return isGoodRectangle;
+        });
     }, []);
     return (react_1.default.createElement(react_native_1.View, { style: styles.container },
         croppedImageData ? (
@@ -243,7 +258,7 @@ const FullDocScanner = ({ onResult, onClose, detectionConfig, overlayColor = '#3
                     react_1.default.createElement(react_native_1.Text, { style: styles.confirmButtonText }, mergedStrings.retake)),
                 react_1.default.createElement(react_native_1.TouchableOpacity, { style: [styles.confirmButton, styles.confirmButtonPrimary], onPress: handleConfirm, accessibilityLabel: mergedStrings.confirm, accessibilityRole: "button" },
                     react_1.default.createElement(react_native_1.Text, { style: styles.confirmButtonText }, mergedStrings.confirm))))) : (react_1.default.createElement(react_native_1.View, { style: styles.flex },
-            react_1.default.createElement(DocScanner_1.DocScanner, { ref: docScannerRef, autoCapture: false, overlayColor: overlayColor, showGrid: showGrid, gridColor: resolvedGridColor, gridLineWidth: gridLineWidth, minStableFrames: minStableFrames ?? 6, detectionConfig: detectionConfig, onCapture: handleCapture, onRectangleDetect: handleRectangleDetect, showManualCaptureButton: false },
+            react_1.default.createElement(DocScanner_1.DocScanner, { ref: docScannerRef, autoCapture: true, overlayColor: overlayColor, showGrid: showGrid, gridColor: resolvedGridColor, gridLineWidth: gridLineWidth, minStableFrames: minStableFrames ?? 6, detectionConfig: detectionConfig, onCapture: handleCapture, onRectangleDetect: handleRectangleDetect, showManualCaptureButton: false },
                 react_1.default.createElement(react_native_1.View, { style: styles.overlayTop, pointerEvents: "box-none" },
                     react_1.default.createElement(react_native_1.TouchableOpacity, { style: styles.closeButton, onPress: handleClose, accessibilityLabel: mergedStrings.cancel, accessibilityRole: "button" },
                         react_1.default.createElement(react_native_1.Text, { style: styles.closeButtonLabel }, "\u00D7"))),

package/package.json

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

package/src/FullDocScanner.tsx

@@ -12,7 +12,12 @@ import { launchImageLibrary } from 'react-native-image-picker';
 import ImageCropPicker from 'react-native-image-crop-picker';
 import { DocScanner } from './DocScanner';
 import type { CapturedDocument } from './types';
-import type { DetectionConfig, DocScannerHandle, DocScannerCapture } from './DocScanner';
+import type {
+  DetectionConfig,
+  DocScannerHandle,
+  DocScannerCapture,
+  RectangleDetectEvent,
+} from './DocScanner';
 
 const stripFileUri = (value: string) => value.replace(/^file:\/\//, '');
 
@@ -55,7 +60,6 @@ export interface FullDocScannerProps {
   gridLineWidth?: number;
   showGrid?: boolean;
   strings?: FullDocScannerStrings;
-  manualCapture?: boolean;
   minStableFrames?: number;
   onError?: (error: Error) => void;
   enableGallery?: boolean;
@@ -72,7 +76,6 @@ export const FullDocScanner: React.FC<FullDocScannerProps> = ({
   gridLineWidth,
   showGrid,
   strings,
-  manualCapture = false,
   minStableFrames,
   onError,
   enableGallery = true,
@@ -166,11 +169,16 @@ export const FullDocScanner: React.FC<FullDocScannerProps> = ({
         captureMode: captureModeRef.current,
       });
 
+      if (document.origin === 'auto') {
+        console.log('[FullDocScanner] Ignoring auto capture result');
+        return;
+      }
+
       const captureMode = captureModeRef.current;
 
-      // Ignore auto captures - only process manual captures
       if (!captureMode) {
-        console.log('[FullDocScanner] Ignoring auto capture - only manual captures allowed');
+        console.warn('[FullDocScanner] Missing capture mode for manual capture result');
+        captureModeRef.current = null;
         return;
       }
 
@@ -302,10 +310,23 @@ export const FullDocScanner: React.FC<FullDocScannerProps> = ({
     }
   }, []);
 
-  const handleRectangleDetect = useCallback((event: any) => {
-    // Update button color based on rectangle detection
-    const hasGoodRectangle = event.lastDetectionType === 0 && event.rectangleCoordinates !== null;
-    setRectangleDetected(hasGoodRectangle);
+  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;
+
+    setRectangleDetected((prev) => {
+      if (prev !== isGoodRectangle) {
+        console.log('[FullDocScanner] Rectangle detection update', {
+          lastDetectionType: event.lastDetectionType,
+          stableCounter,
+          hasRectangle,
+          isGoodRectangle,
+        });
+      }
+
+      return isGoodRectangle;
+    });
   }, []);
 
   return (
@@ -341,7 +362,7 @@ export const FullDocScanner: React.FC<FullDocScannerProps> = ({
         <View style={styles.flex}>
           <DocScanner
             ref={docScannerRef}
-            autoCapture={false}
+            autoCapture={true}
             overlayColor={overlayColor}
             showGrid={showGrid}
             gridColor={resolvedGridColor}