react-native-rectangle-doc-scanner 3.58.0 → 3.60.0

package/dist/DocScanner.js

@@ -167,7 +167,8 @@ exports.DocScanner = (0, react_1.forwardRef)(({ onCapture, overlayColor = DEFAUL
         captureOriginRef.current = 'manual';
         capture().catch((error) => {
             captureOriginRef.current = 'auto';
-            console.warn('[DocScanner] manual capture failed', error);
+            console.error('[DocScanner] manual capture failed', error);
+            throw error;
         });
     }, [capture]);
     const handleRectangleDetect = (0, react_1.useCallback)((event) => {

package/dist/FullDocScanner.js

@@ -83,8 +83,12 @@ const FullDocScanner = ({ onResult, onClose, detectionConfig, overlayColor = '#3
         try {
             console.log('[FullDocScanner] openCropper called with path:', imagePath);
             setProcessing(true);
-            const croppedImage = await react_native_image_crop_picker_1.default.openCropper({
-                path: imagePath,
+            // Normalize path - ensure file:// prefix for iOS
+            const normalizedPath = imagePath.startsWith('file://') ? imagePath : `file://${imagePath}`;
+            console.log('[FullDocScanner] Normalized path:', normalizedPath);
+            // Add timeout to prevent hanging
+            const cropperPromise = react_native_image_crop_picker_1.default.openCropper({
+                path: normalizedPath,
                 mediaType: 'photo',
                 width: cropWidth,
                 height: cropHeight,
@@ -94,12 +98,16 @@ const FullDocScanner = ({ onResult, onClose, detectionConfig, overlayColor = '#3
                 includeBase64: true,
                 compressImageQuality: 0.9,
             });
+            const timeoutPromise = new Promise((_, reject) => {
+                setTimeout(() => reject(new Error('Cropper timeout after 30 seconds')), 30000);
+            });
+            const croppedImage = await Promise.race([cropperPromise, timeoutPromise]);
             console.log('[FullDocScanner] Cropper returned:', {
                 path: croppedImage.path,
                 hasBase64: !!croppedImage.data,
             });
             setProcessing(false);
-            // Show check_DP confirmation screen
+            // Show confirmation screen
             setCroppedImageData({
                 path: croppedImage.path,
                 base64: croppedImage.data ?? undefined,
@@ -108,11 +116,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.');
+            const errorMessage = error?.message || String(error);
+            if (errorMessage === 'User cancelled image selection' ||
+                errorMessage.includes('cancelled') ||
+                errorMessage.includes('cancel')) {
+                console.log('[FullDocScanner] User cancelled cropper');
             }
             else {
-                console.log('[FullDocScanner] User cancelled cropper');
+                emitError(error instanceof Error ? error : new Error(errorMessage), 'Failed to crop image. Please try again.');
             }
         }
     }, [cropWidth, cropHeight, emitError]);
@@ -125,14 +136,9 @@ const FullDocScanner = ({ onResult, onClose, detectionConfig, overlayColor = '#3
             captureMode: captureModeRef.current,
         });
         captureInProgressRef.current = false;
-        if (document.origin === 'auto') {
-            console.log('[FullDocScanner] Ignoring auto capture result');
-            return;
-        }
         const captureMode = captureModeRef.current;
         if (!captureMode) {
-            console.warn('[FullDocScanner] Missing capture mode for manual capture result');
-            captureModeRef.current = null;
+            console.warn('[FullDocScanner] Missing capture mode for capture result, ignoring');
             return;
         }
         captureModeRef.current = null;
@@ -184,29 +190,37 @@ const FullDocScanner = ({ onResult, onClose, detectionConfig, overlayColor = '#3
             captureInProgressRef.current = false;
         })
             .catch((error) => {
+            const errorMessage = error instanceof Error ? error.message : String(error);
+            console.error('[FullDocScanner] Manual capture failed:', errorMessage, 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.');
+                emitError(error, 'Failed to capture image. Please try again.');
             }
         });
     }, [processing, rectangleDetected, emitError]);
     const handleGalleryPick = (0, react_1.useCallback)(async () => {
         console.log('[FullDocScanner] handleGalleryPick called');
         if (processing || isGalleryOpen) {
+            console.log('[FullDocScanner] Skipping gallery pick - already processing:', { processing, isGalleryOpen });
             return;
         }
         try {
             setIsGalleryOpen(true);
+            console.log('[FullDocScanner] Launching image library...');
             const result = await (0, react_native_image_picker_1.launchImageLibrary)({
                 mediaType: 'photo',
                 quality: 1,
                 selectionLimit: 1,
             });
+            console.log('[FullDocScanner] Image library result:', {
+                didCancel: result.didCancel,
+                hasAssets: !!result.assets,
+                assetsLength: result.assets?.length,
+            });
             setIsGalleryOpen(false);
             if (result.didCancel || !result.assets?.[0]?.uri) {
-                console.log('[FullDocScanner] User cancelled gallery picker');
+                console.log('[FullDocScanner] User cancelled gallery picker or no image selected');
                 return;
             }
             const imageUri = result.assets[0].uri;
@@ -215,6 +229,7 @@ const FullDocScanner = ({ onResult, onClose, detectionConfig, overlayColor = '#3
             await openCropper(imageUri);
         }
         catch (error) {
+            console.error('[FullDocScanner] Gallery pick error:', error);
             setIsGalleryOpen(false);
             emitError(error instanceof Error ? error : new Error(String(error)), 'Failed to pick image from gallery.');
         }
@@ -290,7 +305,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: true, 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.58.0",
+  "version": "3.60.0",
   "description": "Native-backed document scanner for React Native with customizable overlays.",
   "license": "MIT",
   "main": "dist/index.js",

package/src/DocScanner.tsx

@@ -241,7 +241,8 @@ export const DocScanner = forwardRef<DocScannerHandle, Props>(
       captureOriginRef.current = 'manual';
       capture().catch((error) => {
         captureOriginRef.current = 'auto';
-        console.warn('[DocScanner] manual capture failed', error);
+        console.error('[DocScanner] manual capture failed', error);
+        throw error;
       });
     }, [capture]);
 

package/src/FullDocScanner.tsx

@@ -121,8 +121,14 @@ export const FullDocScanner: React.FC<FullDocScannerProps> = ({
       try {
         console.log('[FullDocScanner] openCropper called with path:', imagePath);
         setProcessing(true);
-        const croppedImage = await ImageCropPicker.openCropper({
-          path: imagePath,
+
+        // Normalize path - ensure file:// prefix for iOS
+        const normalizedPath = imagePath.startsWith('file://') ? imagePath : `file://${imagePath}`;
+        console.log('[FullDocScanner] Normalized path:', normalizedPath);
+
+        // Add timeout to prevent hanging
+        const cropperPromise = ImageCropPicker.openCropper({
+          path: normalizedPath,
           mediaType: 'photo',
           width: cropWidth,
           height: cropHeight,
@@ -133,6 +139,12 @@ export const FullDocScanner: React.FC<FullDocScannerProps> = ({
           compressImageQuality: 0.9,
         });
 
+        const timeoutPromise = new Promise((_, reject) => {
+          setTimeout(() => reject(new Error('Cropper timeout after 30 seconds')), 30000);
+        });
+
+        const croppedImage = await Promise.race([cropperPromise, timeoutPromise]) as any;
+
         console.log('[FullDocScanner] Cropper returned:', {
           path: croppedImage.path,
           hasBase64: !!croppedImage.data,
@@ -140,7 +152,7 @@ export const FullDocScanner: React.FC<FullDocScannerProps> = ({
 
         setProcessing(false);
 
-        // Show check_DP confirmation screen
+        // Show confirmation screen
         setCroppedImageData({
           path: croppedImage.path,
           base64: croppedImage.data ?? undefined,
@@ -148,13 +160,18 @@ export const FullDocScanner: React.FC<FullDocScannerProps> = ({
       } catch (error) {
         console.error('[FullDocScanner] openCropper error:', error);
         setProcessing(false);
-        if ((error as any)?.message !== 'User cancelled image selection') {
+
+        const errorMessage = (error as any)?.message || String(error);
+
+        if (errorMessage === 'User cancelled image selection' ||
+            errorMessage.includes('cancelled') ||
+            errorMessage.includes('cancel')) {
+          console.log('[FullDocScanner] User cancelled cropper');
+        } else {
           emitError(
-            error instanceof Error ? error : new Error(String(error)),
-            'Failed to crop image.',
+            error instanceof Error ? error : new Error(errorMessage),
+            'Failed to crop image. Please try again.',
           );
-        } else {
-          console.log('[FullDocScanner] User cancelled cropper');
         }
       }
     },
@@ -173,16 +190,10 @@ export const FullDocScanner: React.FC<FullDocScannerProps> = ({
 
       captureInProgressRef.current = false;
 
-      if (document.origin === 'auto') {
-        console.log('[FullDocScanner] Ignoring auto capture result');
-        return;
-      }
-
       const captureMode = captureModeRef.current;
 
       if (!captureMode) {
-        console.warn('[FullDocScanner] Missing capture mode for manual capture result');
-        captureModeRef.current = null;
+        console.warn('[FullDocScanner] Missing capture mode for capture result, ignoring');
         return;
       }
 
@@ -248,13 +259,15 @@ export const FullDocScanner: React.FC<FullDocScannerProps> = ({
         captureInProgressRef.current = false;
       })
       .catch((error: unknown) => {
+        const errorMessage = error instanceof Error ? error.message : String(error);
+        console.error('[FullDocScanner] Manual capture failed:', errorMessage, 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.',
+            'Failed to capture image. Please try again.',
           );
         }
       });
@@ -263,21 +276,30 @@ export const FullDocScanner: React.FC<FullDocScannerProps> = ({
   const handleGalleryPick = useCallback(async () => {
     console.log('[FullDocScanner] handleGalleryPick called');
     if (processing || isGalleryOpen) {
+      console.log('[FullDocScanner] Skipping gallery pick - already processing:', { processing, isGalleryOpen });
       return;
     }
 
     try {
       setIsGalleryOpen(true);
+      console.log('[FullDocScanner] Launching image library...');
+
       const result = await launchImageLibrary({
         mediaType: 'photo',
         quality: 1,
         selectionLimit: 1,
       });
 
+      console.log('[FullDocScanner] Image library result:', {
+        didCancel: result.didCancel,
+        hasAssets: !!result.assets,
+        assetsLength: result.assets?.length,
+      });
+
       setIsGalleryOpen(false);
 
       if (result.didCancel || !result.assets?.[0]?.uri) {
-        console.log('[FullDocScanner] User cancelled gallery picker');
+        console.log('[FullDocScanner] User cancelled gallery picker or no image selected');
         return;
       }
 
@@ -287,6 +309,7 @@ export const FullDocScanner: React.FC<FullDocScannerProps> = ({
       // Open cropper with the selected image
       await openCropper(imageUri);
     } catch (error) {
+      console.error('[FullDocScanner] Gallery pick error:', error);
       setIsGalleryOpen(false);
       emitError(
         error instanceof Error ? error : new Error(String(error)),
@@ -395,7 +418,7 @@ export const FullDocScanner: React.FC<FullDocScannerProps> = ({
         <View style={styles.flex}>
           <DocScanner
             ref={docScannerRef}
-            autoCapture={true}
+            autoCapture={false}
             overlayColor={overlayColor}
             showGrid={showGrid}
             gridColor={resolvedGridColor}

package/vendor/react-native-document-scanner/ios/DocumentScannerView.m

@@ -12,6 +12,8 @@
         [self setEnableBorderDetection:YES];
         [self setDelegate: self];
         _hasSetupCamera = NO;
+        self.manualOnly = YES;
+        self.detectionCountBeforeCapture = NSIntegerMax;
     }
 
     return self;