react-native-rectangle-doc-scanner 3.37.0 → 3.38.0

package/dist/CropEditor.js

@@ -32,14 +32,10 @@ var __importStar = (this && this.__importStar) || (function () {
         return result;
     };
 })();
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CropEditor = void 0;
 const react_1 = __importStar(require("react"));
 const react_native_1 = require("react-native");
-const react_native_perspective_image_cropper_1 = __importDefault(require("react-native-perspective-image-cropper"));
 const coordinate_1 = require("./utils/coordinate");
 /**
  * CropEditor Component
@@ -135,8 +131,7 @@ const CropEditor = ({ document, overlayColor = 'rgba(0,0,0,0.5)', overlayStrokeC
         react_1.default.createElement(react_native_1.Text, { style: styles.errorPath }, imageUri))) : !imageSize || isImageLoading ? (react_1.default.createElement(react_native_1.View, { style: styles.loadingContainer },
         react_1.default.createElement(react_native_1.ActivityIndicator, { size: "large", color: handlerColor }),
         react_1.default.createElement(react_native_1.Text, { style: styles.loadingText }, "Loading image..."))) : (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(react_native_perspective_image_cropper_1.default, { height: displaySize.height, width: displaySize.width, image: imageUri, rectangleCoordinates: initialRect, overlayColor: overlayColor, overlayStrokeColor: overlayStrokeColor, handlerColor: handlerColor, enablePanStrict: enablePanStrict, onDragEnd: handleDragEnd }),
-        react_1.default.createElement(react_native_1.Image, { source: { uri: imageUri }, style: styles.debugImage, onLoad: () => console.log('[CropEditor] Debug image loaded'), onError: (e) => console.error('[CropEditor] Debug image error:', e.nativeEvent.error) })))));
+        react_1.default.createElement(react_native_1.Image, { source: { uri: imageUri }, style: styles.fullImage, resizeMode: "contain", onLoad: () => console.log('[CropEditor] Image loaded successfully'), onError: (e) => console.error('[CropEditor] Image load error:', e.nativeEvent.error) })))));
 };
 exports.CropEditor = CropEditor;
 const styles = react_native_1.StyleSheet.create({
@@ -171,14 +166,8 @@ const styles = react_native_1.StyleSheet.create({
         fontSize: 12,
         textAlign: 'center',
     },
-    debugImage: {
-        position: 'absolute',
-        width: 100,
-        height: 100,
-        top: 10,
-        right: 10,
-        opacity: 0.5,
-        borderWidth: 2,
-        borderColor: 'red',
+    fullImage: {
+        width: '100%',
+        height: '100%',
     },
 });

package/dist/FullDocScanner.js

@@ -224,20 +224,25 @@ const FullDocScanner = ({ onResult, onClose, detectionConfig, overlayColor = '#3
             console.log('[FullDocScanner] Already processing, skipping manual capture');
             return;
         }
+        // Reset DocScanner state before capturing
+        docScannerRef.current?.reset();
         console.log('[FullDocScanner] Setting manualCapturePending to true');
         manualCapturePending.current = true;
-        const capturePromise = docScannerRef.current?.capture();
-        console.log('[FullDocScanner] capturePromise:', !!capturePromise);
-        if (capturePromise && typeof capturePromise.catch === 'function') {
-            capturePromise.catch((error) => {
+        // Small delay to ensure reset completes
+        setTimeout(() => {
+            const capturePromise = docScannerRef.current?.capture();
+            console.log('[FullDocScanner] capturePromise:', !!capturePromise);
+            if (capturePromise && typeof capturePromise.catch === 'function') {
+                capturePromise.catch((error) => {
+                    manualCapturePending.current = false;
+                    console.warn('[FullDocScanner] manual capture failed', error);
+                });
+            }
+            else if (!capturePromise) {
+                console.warn('[FullDocScanner] No capture promise returned');
                 manualCapturePending.current = false;
-                console.warn('[FullDocScanner] manual capture failed', error);
-            });
-        }
-        else if (!capturePromise) {
-            console.warn('[FullDocScanner] No capture promise returned');
-            manualCapturePending.current = false;
-        }
+            }
+        }, 100);
     }, []);
     const performCrop = (0, react_1.useCallback)(async () => {
         if (!capturedDoc) {

package/package.json

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

package/src/CropEditor.tsx

@@ -151,7 +151,16 @@ export const CropEditor: React.FC<CropEditorProps> = ({
         </View>
       ) : (
         <>
-          <CustomImageCropper
+          {/* Full screen image */}
+          <Image
+            source={{ uri: imageUri }}
+            style={styles.fullImage}
+            resizeMode="contain"
+            onLoad={() => console.log('[CropEditor] Image loaded successfully')}
+            onError={(e) => console.error('[CropEditor] Image load error:', e.nativeEvent.error)}
+          />
+          {/* Temporarily disabled CustomImageCropper - showing image only */}
+          {/* <CustomImageCropper
             height={displaySize.height}
             width={displaySize.width}
             image={imageUri}
@@ -161,14 +170,7 @@ export const CropEditor: React.FC<CropEditorProps> = ({
             handlerColor={handlerColor}
             enablePanStrict={enablePanStrict}
             onDragEnd={handleDragEnd}
-          />
-          {/* Debug: Show image in background to verify it loads */}
-          <Image
-            source={{ uri: imageUri }}
-            style={styles.debugImage}
-            onLoad={() => console.log('[CropEditor] Debug image loaded')}
-            onError={(e) => console.error('[CropEditor] Debug image error:', e.nativeEvent.error)}
-          />
+          /> */}
         </>
       )}
     </View>
@@ -207,14 +209,8 @@ const styles = StyleSheet.create({
     fontSize: 12,
     textAlign: 'center',
   },
-  debugImage: {
-    position: 'absolute',
-    width: 100,
-    height: 100,
-    top: 10,
-    right: 10,
-    opacity: 0.5,
-    borderWidth: 2,
-    borderColor: 'red',
+  fullImage: {
+    width: '100%',
+    height: '100%',
   },
 });

package/src/FullDocScanner.tsx

@@ -347,19 +347,27 @@ export const FullDocScanner: React.FC<FullDocScannerProps> = ({
       console.log('[FullDocScanner] Already processing, skipping manual capture');
       return;
     }
+
+    // Reset DocScanner state before capturing
+    docScannerRef.current?.reset();
+
     console.log('[FullDocScanner] Setting manualCapturePending to true');
     manualCapturePending.current = true;
-    const capturePromise = docScannerRef.current?.capture();
-    console.log('[FullDocScanner] capturePromise:', !!capturePromise);
-    if (capturePromise && typeof capturePromise.catch === 'function') {
-      capturePromise.catch((error: unknown) => {
+
+    // Small delay to ensure reset completes
+    setTimeout(() => {
+      const capturePromise = docScannerRef.current?.capture();
+      console.log('[FullDocScanner] capturePromise:', !!capturePromise);
+      if (capturePromise && typeof capturePromise.catch === 'function') {
+        capturePromise.catch((error: unknown) => {
+          manualCapturePending.current = false;
+          console.warn('[FullDocScanner] manual capture failed', error);
+        });
+      } else if (!capturePromise) {
+        console.warn('[FullDocScanner] No capture promise returned');
         manualCapturePending.current = false;
-        console.warn('[FullDocScanner] manual capture failed', error);
-      });
-    } else if (!capturePromise) {
-      console.warn('[FullDocScanner] No capture promise returned');
-      manualCapturePending.current = false;
-    }
+      }
+    }, 100);
   }, []);
 
   const performCrop = useCallback(async (): Promise<{ base64: string; rectangle: Rectangle }> => {