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

package/dist/FullDocScanner.js

@@ -568,6 +568,12 @@ 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,
+            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.TouchableOpacity, { style: [
                     styles.originalToggleButton,
                     croppedImageData.useOriginal
@@ -580,12 +586,6 @@ const FullDocScanner = ({ onResult, onClose, detectionConfig, overlayColor = '#3
                             ? 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,
             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)),

package/package.json

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

package/src/FullDocScanner.tsx

@@ -811,6 +811,28 @@ export const FullDocScanner: React.FC<FullDocScannerProps> = ({
             </View>
           ) : null}
 
+          {/* 뒷면 촬영 버튼 - 상단에 표시 (Business 모드이고 첫 번째 사진일 때만) */}
+          {isBusinessMode && capturedPhotos.length === 0 && (
+            <TouchableOpacity
+              style={styles.captureBackButton}
+              onPress={handleCaptureSecondPhoto}
+              accessibilityLabel={mergedStrings.secondBtn}
+              accessibilityRole="button"
+            >
+              <Text style={styles.captureBackButtonText}>{mergedStrings.secondBtn}</Text>
+            </TouchableOpacity>
+          )}
+
+          {activePreviewImage ? (
+            <Image
+              source={{ uri: activePreviewImage.path }}
+              style={[
+                styles.previewImage,
+                { transform: [{ rotate: `${rotationDegrees}deg` }] }
+              ]}
+              resizeMode="contain"
+            />
+          ) : null}
           {croppedImageData.enhanced ? (
             <TouchableOpacity
               style={[
@@ -839,29 +861,6 @@ export const FullDocScanner: React.FC<FullDocScannerProps> = ({
               </Text>
             </TouchableOpacity>
           ) : null}
-
-          {/* 뒷면 촬영 버튼 - 상단에 표시 (Business 모드이고 첫 번째 사진일 때만) */}
-          {isBusinessMode && capturedPhotos.length === 0 && (
-            <TouchableOpacity
-              style={styles.captureBackButton}
-              onPress={handleCaptureSecondPhoto}
-              accessibilityLabel={mergedStrings.secondBtn}
-              accessibilityRole="button"
-            >
-              <Text style={styles.captureBackButtonText}>{mergedStrings.secondBtn}</Text>
-            </TouchableOpacity>
-          )}
-
-          {activePreviewImage ? (
-            <Image
-              source={{ uri: activePreviewImage.path }}
-              style={[
-                styles.previewImage,
-                { transform: [{ rotate: `${rotationDegrees}deg` }] }
-              ]}
-              resizeMode="contain"
-            />
-          ) : null}
           <View style={styles.confirmationButtons}>
             <TouchableOpacity
               style={[styles.confirmButton, styles.retakeButton]}