react-native-rectangle-doc-scanner 3.125.0 → 3.127.0

package/dist/FullDocScanner.js

@@ -568,24 +568,25 @@ const FullDocScanner = ({ onResult, onClose, detectionConfig, overlayColor = '#3
                 react_1.default.createElement(react_native_1.TouchableOpacity, { style: styles.rotateButtonTop, onPress: () => handleRotateImage(90), accessibilityLabel: "\uC624\uB978\uCABD\uC73C\uB85C 90\uB3C4 \uD68C\uC804", accessibilityRole: "button" },
                     react_1.default.createElement(react_native_1.Text, { style: styles.rotateIconText }, "\u21BB"),
                     react_1.default.createElement(react_native_1.Text, { style: styles.rotateButtonLabel }, "\uC6B0\uB85C 90\u00B0")))) : null,
-            croppedImageData.enhanced ? (react_1.default.createElement(react_native_1.TouchableOpacity, { style: [
-                    styles.originalToggleButton,
-                    croppedImageData.useOriginal
-                        ? styles.originalToggleButtonActive
-                        : styles.originalToggleButtonInactive,
-                ], onPress: () => setCroppedImageData((prev) => prev ? { ...prev, useOriginal: !prev.useOriginal } : prev), accessibilityRole: "button", accessibilityLabel: mergedStrings.originalBtn },
-                react_1.default.createElement(react_native_1.Text, { style: [
-                        styles.originalToggleButtonText,
-                        croppedImageData.useOriginal
-                            ? styles.originalToggleButtonTextActive
-                            : styles.originalToggleButtonTextInactive,
-                    ] }, mergedStrings.originalBtn))) : null,
             isBusinessMode && capturedPhotos.length === 0 && (react_1.default.createElement(react_native_1.TouchableOpacity, { style: styles.captureBackButton, onPress: handleCaptureSecondPhoto, accessibilityLabel: mergedStrings.secondBtn, accessibilityRole: "button" },
                 react_1.default.createElement(react_native_1.Text, { style: styles.captureBackButtonText }, mergedStrings.secondBtn))),
             activePreviewImage ? (react_1.default.createElement(react_native_1.Image, { source: { uri: activePreviewImage.path }, style: [
                     styles.previewImage,
                     { transform: [{ rotate: `${rotationDegrees}deg` }] }
                 ], resizeMode: "contain" })) : null,
+            croppedImageData.enhanced ? (react_1.default.createElement(react_native_1.View, { style: styles.originalToggleContainer },
+                react_1.default.createElement(react_native_1.TouchableOpacity, { style: [
+                        styles.originalToggleButton,
+                        croppedImageData.useOriginal
+                            ? styles.originalToggleButtonActive
+                            : styles.originalToggleButtonInactive,
+                    ], onPress: () => setCroppedImageData((prev) => prev ? { ...prev, useOriginal: !prev.useOriginal } : prev), accessibilityRole: "button", accessibilityLabel: mergedStrings.originalBtn },
+                    react_1.default.createElement(react_native_1.Text, { style: [
+                            styles.originalToggleButtonText,
+                            croppedImageData.useOriginal
+                                ? styles.originalToggleButtonTextActive
+                                : styles.originalToggleButtonTextInactive,
+                        ] }, mergedStrings.originalBtn)))) : null,
             react_1.default.createElement(react_native_1.View, { style: styles.confirmationButtons },
                 react_1.default.createElement(react_native_1.TouchableOpacity, { style: [styles.confirmButton, styles.retakeButton], onPress: handleRetake, accessibilityLabel: mergedStrings.retake, accessibilityRole: "button" },
                     react_1.default.createElement(react_native_1.Text, { style: styles.confirmButtonText }, mergedStrings.retake)),
@@ -799,13 +800,16 @@ const styles = react_native_1.StyleSheet.create({
     },
     originalToggleButton: {
         alignSelf: 'center',
-        marginTop: 12,
-        marginBottom: 4,
         paddingVertical: 10,
         paddingHorizontal: 28,
         borderRadius: 999,
         borderWidth: 1,
     },
+    originalToggleContainer: {
+        alignItems: 'center',
+        marginTop: 16,
+        marginBottom: 20,
+    },
     originalToggleButtonActive: {
         backgroundColor: '#3170f3',
         borderColor: '#3170f3',

package/package.json

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

package/src/FullDocScanner.tsx

@@ -811,35 +811,6 @@ export const FullDocScanner: React.FC<FullDocScannerProps> = ({
             </View>
           ) : null}
 
-          {croppedImageData.enhanced ? (
-            <TouchableOpacity
-              style={[
-                styles.originalToggleButton,
-                croppedImageData.useOriginal
-                  ? styles.originalToggleButtonActive
-                  : styles.originalToggleButtonInactive,
-              ]}
-              onPress={() =>
-                setCroppedImageData((prev) =>
-                  prev ? { ...prev, useOriginal: !prev.useOriginal } : prev,
-                )
-              }
-              accessibilityRole="button"
-              accessibilityLabel={mergedStrings.originalBtn}
-            >
-              <Text
-                style={[
-                  styles.originalToggleButtonText,
-                  croppedImageData.useOriginal
-                    ? styles.originalToggleButtonTextActive
-                    : styles.originalToggleButtonTextInactive,
-                ]}
-              >
-                {mergedStrings.originalBtn}
-              </Text>
-            </TouchableOpacity>
-          ) : null}
-
           {/* 뒷면 촬영 버튼 - 상단에 표시 (Business 모드이고 첫 번째 사진일 때만) */}
           {isBusinessMode && capturedPhotos.length === 0 && (
             <TouchableOpacity
@@ -862,6 +833,36 @@ export const FullDocScanner: React.FC<FullDocScannerProps> = ({
               resizeMode="contain"
             />
           ) : null}
+          {croppedImageData.enhanced ? (
+            <View style={styles.originalToggleContainer}>
+              <TouchableOpacity
+                style={[
+                  styles.originalToggleButton,
+                  croppedImageData.useOriginal
+                    ? styles.originalToggleButtonActive
+                    : styles.originalToggleButtonInactive,
+                ]}
+                onPress={() =>
+                  setCroppedImageData((prev) =>
+                    prev ? { ...prev, useOriginal: !prev.useOriginal } : prev,
+                  )
+                }
+                accessibilityRole="button"
+                accessibilityLabel={mergedStrings.originalBtn}
+              >
+                <Text
+                  style={[
+                    styles.originalToggleButtonText,
+                    croppedImageData.useOriginal
+                      ? styles.originalToggleButtonTextActive
+                      : styles.originalToggleButtonTextInactive,
+                  ]}
+                >
+                  {mergedStrings.originalBtn}
+                </Text>
+              </TouchableOpacity>
+            </View>
+          ) : null}
           <View style={styles.confirmationButtons}>
             <TouchableOpacity
               style={[styles.confirmButton, styles.retakeButton]}
@@ -1169,13 +1170,16 @@ const styles = StyleSheet.create({
   },
   originalToggleButton: {
     alignSelf: 'center',
-    marginTop: 12,
-    marginBottom: 4,
     paddingVertical: 10,
     paddingHorizontal: 28,
     borderRadius: 999,
     borderWidth: 1,
   },
+  originalToggleContainer: {
+    alignItems: 'center',
+    marginTop: 16,
+    marginBottom: 20,
+  },
   originalToggleButtonActive: {
     backgroundColor: '#3170f3',
     borderColor: '#3170f3',