react-native-rectangle-doc-scanner 3.45.1 → 3.46.0

package/dist/FullDocScanner.js

@@ -79,6 +79,7 @@ const FullDocScanner = ({ onResult, onClose, detectionConfig, overlayColor = '#3
     }, [onError]);
     const openCropper = (0, react_1.useCallback)(async (imagePath) => {
         try {
+            console.log('[FullDocScanner] openCropper called with path:', imagePath);
             setProcessing(true);
             const croppedImage = await react_native_image_crop_picker_1.default.openCropper({
                 path: imagePath,
@@ -91,6 +92,10 @@ const FullDocScanner = ({ onResult, onClose, detectionConfig, overlayColor = '#3
                 includeBase64: true,
                 compressImageQuality: 0.9,
             });
+            console.log('[FullDocScanner] Cropper returned:', {
+                path: croppedImage.path,
+                hasBase64: !!croppedImage.data,
+            });
             setProcessing(false);
             // Show check_DP confirmation screen
             setCroppedImageData({
@@ -99,10 +104,14 @@ const FullDocScanner = ({ onResult, onClose, detectionConfig, overlayColor = '#3
             });
         }
         catch (error) {
+            console.error('[FullDocScanner] openCropper error:', error);
             setProcessing(false);
             if (error?.message !== 'User cancelled image selection') {
                 emitError(error instanceof Error ? error : new Error(String(error)), 'Failed to crop image.');
             }
+            else {
+                console.log('[FullDocScanner] User cancelled cropper');
+            }
         }
     }, [cropWidth, cropHeight, emitError]);
     const handleCapture = (0, react_1.useCallback)(async (document) => {
@@ -118,19 +127,21 @@ const FullDocScanner = ({ onResult, onClose, detectionConfig, overlayColor = '#3
             manualCapturePending.current = false;
         }
         const normalizedDoc = normalizeCapturedDocument(document);
-        // Auto-capture: Use already cropped image, skip cropper
-        if (document.origin === 'auto' && normalizedDoc.croppedPath) {
-            console.log('[FullDocScanner] Auto-capture: using pre-cropped image', normalizedDoc.croppedPath);
+        // If grid detected and cropped image exists, show it directly in check_DP
+        if (normalizedDoc.croppedPath) {
+            console.log('[FullDocScanner] Grid detected: using pre-cropped image', normalizedDoc.croppedPath);
             setCroppedImageData({
                 path: normalizedDoc.croppedPath,
             });
         }
         else {
-            // Manual capture or gallery: Open cropper
-            console.log('[FullDocScanner] Manual/Gallery capture: opening cropper with', normalizedDoc.path);
-            await openCropper(normalizedDoc.path);
+            // No grid: show original image in check_DP
+            console.log('[FullDocScanner] No grid: using original image', normalizedDoc.path);
+            setCroppedImageData({
+                path: normalizedDoc.path,
+            });
         }
-    }, [openCropper]);
+    }, []);
     const triggerManualCapture = (0, react_1.useCallback)(() => {
         console.log('[FullDocScanner] triggerManualCapture called', {
             processing,
@@ -238,7 +249,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: !manualCapture && !isGalleryOpen, 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: false, 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.45.1",
+  "version": "3.46.0",
   "description": "Native-backed document scanner for React Native with customizable overlays.",
   "license": "MIT",
   "main": "dist/index.js",

package/src/FullDocScanner.tsx

@@ -114,6 +114,7 @@ export const FullDocScanner: React.FC<FullDocScannerProps> = ({
   const openCropper = useCallback(
     async (imagePath: string) => {
       try {
+        console.log('[FullDocScanner] openCropper called with path:', imagePath);
         setProcessing(true);
         const croppedImage = await ImageCropPicker.openCropper({
           path: imagePath,
@@ -127,6 +128,11 @@ export const FullDocScanner: React.FC<FullDocScannerProps> = ({
           compressImageQuality: 0.9,
         });
 
+        console.log('[FullDocScanner] Cropper returned:', {
+          path: croppedImage.path,
+          hasBase64: !!croppedImage.data,
+        });
+
         setProcessing(false);
 
         // Show check_DP confirmation screen
@@ -135,12 +141,15 @@ export const FullDocScanner: React.FC<FullDocScannerProps> = ({
           base64: croppedImage.data ?? undefined,
         });
       } catch (error) {
+        console.error('[FullDocScanner] openCropper error:', error);
         setProcessing(false);
         if ((error as any)?.message !== 'User cancelled image selection') {
           emitError(
             error instanceof Error ? error : new Error(String(error)),
             'Failed to crop image.',
           );
+        } else {
+          console.log('[FullDocScanner] User cancelled cropper');
         }
       }
     },
@@ -164,19 +173,21 @@ export const FullDocScanner: React.FC<FullDocScannerProps> = ({
 
       const normalizedDoc = normalizeCapturedDocument(document);
 
-      // Auto-capture: Use already cropped image, skip cropper
-      if (document.origin === 'auto' && normalizedDoc.croppedPath) {
-        console.log('[FullDocScanner] Auto-capture: using pre-cropped image', normalizedDoc.croppedPath);
+      // If grid detected and cropped image exists, show it directly in check_DP
+      if (normalizedDoc.croppedPath) {
+        console.log('[FullDocScanner] Grid detected: using pre-cropped image', normalizedDoc.croppedPath);
         setCroppedImageData({
           path: normalizedDoc.croppedPath,
         });
       } else {
-        // Manual capture or gallery: Open cropper
-        console.log('[FullDocScanner] Manual/Gallery capture: opening cropper with', normalizedDoc.path);
-        await openCropper(normalizedDoc.path);
+        // No grid: show original image in check_DP
+        console.log('[FullDocScanner] No grid: using original image', normalizedDoc.path);
+        setCroppedImageData({
+          path: normalizedDoc.path,
+        });
       }
     },
-    [openCropper],
+    [],
   );
 
   const triggerManualCapture = useCallback(() => {
@@ -326,7 +337,7 @@ export const FullDocScanner: React.FC<FullDocScannerProps> = ({
         <View style={styles.flex}>
           <DocScanner
             ref={docScannerRef}
-            autoCapture={!manualCapture && !isGalleryOpen}
+            autoCapture={false}
             overlayColor={overlayColor}
             showGrid={showGrid}
             gridColor={resolvedGridColor}