react-native-rectangle-doc-scanner 3.126.0 → 3.128.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/FullDocScanner.js +31 -13
- package/package.json +1 -1
- package/src/FullDocScanner.tsx +42 -21
package/dist/FullDocScanner.js
CHANGED
|
@@ -574,18 +574,24 @@ const FullDocScanner = ({ onResult, onClose, detectionConfig, overlayColor = '#3
|
|
|
574
574
|
styles.previewImage,
|
|
575
575
|
{ transform: [{ rotate: `${rotationDegrees}deg` }] }
|
|
576
576
|
], resizeMode: "contain" })) : null,
|
|
577
|
-
croppedImageData.enhanced ? (react_1.default.createElement(react_native_1.
|
|
578
|
-
styles.
|
|
579
|
-
|
|
580
|
-
|
|
581
|
-
|
|
582
|
-
]
|
|
583
|
-
react_1.default.createElement(react_native_1.
|
|
584
|
-
styles.
|
|
577
|
+
croppedImageData.enhanced ? (react_1.default.createElement(react_native_1.View, { style: [
|
|
578
|
+
styles.originalToggleContainer,
|
|
579
|
+
isBusinessMode &&
|
|
580
|
+
capturedPhotos.length === 0 &&
|
|
581
|
+
styles.originalToggleContainerAboveCapture,
|
|
582
|
+
] },
|
|
583
|
+
react_1.default.createElement(react_native_1.TouchableOpacity, { style: [
|
|
584
|
+
styles.originalToggleButton,
|
|
585
585
|
croppedImageData.useOriginal
|
|
586
|
-
? styles.
|
|
587
|
-
: styles.
|
|
588
|
-
]
|
|
586
|
+
? styles.originalToggleButtonActive
|
|
587
|
+
: styles.originalToggleButtonInactive,
|
|
588
|
+
], onPress: () => setCroppedImageData((prev) => prev ? { ...prev, useOriginal: !prev.useOriginal } : prev), accessibilityRole: "button", accessibilityLabel: mergedStrings.originalBtn },
|
|
589
|
+
react_1.default.createElement(react_native_1.Text, { style: [
|
|
590
|
+
styles.originalToggleButtonText,
|
|
591
|
+
croppedImageData.useOriginal
|
|
592
|
+
? styles.originalToggleButtonTextActive
|
|
593
|
+
: styles.originalToggleButtonTextInactive,
|
|
594
|
+
] }, mergedStrings.originalBtn)))) : null,
|
|
589
595
|
react_1.default.createElement(react_native_1.View, { style: styles.confirmationButtons },
|
|
590
596
|
react_1.default.createElement(react_native_1.TouchableOpacity, { style: [styles.confirmButton, styles.retakeButton], onPress: handleRetake, accessibilityLabel: mergedStrings.retake, accessibilityRole: "button" },
|
|
591
597
|
react_1.default.createElement(react_native_1.Text, { style: styles.confirmButtonText }, mergedStrings.retake)),
|
|
@@ -799,13 +805,25 @@ const styles = react_native_1.StyleSheet.create({
|
|
|
799
805
|
},
|
|
800
806
|
originalToggleButton: {
|
|
801
807
|
alignSelf: 'center',
|
|
802
|
-
marginTop: 12,
|
|
803
|
-
marginBottom: 4,
|
|
804
808
|
paddingVertical: 10,
|
|
805
809
|
paddingHorizontal: 28,
|
|
806
810
|
borderRadius: 999,
|
|
807
811
|
borderWidth: 1,
|
|
808
812
|
},
|
|
813
|
+
originalToggleContainer: {
|
|
814
|
+
alignItems: 'center',
|
|
815
|
+
marginTop: 16,
|
|
816
|
+
marginBottom: 20,
|
|
817
|
+
},
|
|
818
|
+
originalToggleContainerAboveCapture: {
|
|
819
|
+
position: 'absolute',
|
|
820
|
+
bottom: 210,
|
|
821
|
+
left: 0,
|
|
822
|
+
right: 0,
|
|
823
|
+
zIndex: 16,
|
|
824
|
+
marginTop: 0,
|
|
825
|
+
marginBottom: 0,
|
|
826
|
+
},
|
|
809
827
|
originalToggleButtonActive: {
|
|
810
828
|
backgroundColor: '#3170f3',
|
|
811
829
|
borderColor: '#3170f3',
|
package/package.json
CHANGED
package/src/FullDocScanner.tsx
CHANGED
|
@@ -834,32 +834,41 @@ export const FullDocScanner: React.FC<FullDocScannerProps> = ({
|
|
|
834
834
|
/>
|
|
835
835
|
) : null}
|
|
836
836
|
{croppedImageData.enhanced ? (
|
|
837
|
-
<
|
|
837
|
+
<View
|
|
838
838
|
style={[
|
|
839
|
-
styles.
|
|
840
|
-
|
|
841
|
-
|
|
842
|
-
|
|
839
|
+
styles.originalToggleContainer,
|
|
840
|
+
isBusinessMode &&
|
|
841
|
+
capturedPhotos.length === 0 &&
|
|
842
|
+
styles.originalToggleContainerAboveCapture,
|
|
843
843
|
]}
|
|
844
|
-
onPress={() =>
|
|
845
|
-
setCroppedImageData((prev) =>
|
|
846
|
-
prev ? { ...prev, useOriginal: !prev.useOriginal } : prev,
|
|
847
|
-
)
|
|
848
|
-
}
|
|
849
|
-
accessibilityRole="button"
|
|
850
|
-
accessibilityLabel={mergedStrings.originalBtn}
|
|
851
844
|
>
|
|
852
|
-
<
|
|
845
|
+
<TouchableOpacity
|
|
853
846
|
style={[
|
|
854
|
-
styles.
|
|
847
|
+
styles.originalToggleButton,
|
|
855
848
|
croppedImageData.useOriginal
|
|
856
|
-
? styles.
|
|
857
|
-
: styles.
|
|
849
|
+
? styles.originalToggleButtonActive
|
|
850
|
+
: styles.originalToggleButtonInactive,
|
|
858
851
|
]}
|
|
852
|
+
onPress={() =>
|
|
853
|
+
setCroppedImageData((prev) =>
|
|
854
|
+
prev ? { ...prev, useOriginal: !prev.useOriginal } : prev,
|
|
855
|
+
)
|
|
856
|
+
}
|
|
857
|
+
accessibilityRole="button"
|
|
858
|
+
accessibilityLabel={mergedStrings.originalBtn}
|
|
859
859
|
>
|
|
860
|
-
|
|
861
|
-
|
|
862
|
-
|
|
860
|
+
<Text
|
|
861
|
+
style={[
|
|
862
|
+
styles.originalToggleButtonText,
|
|
863
|
+
croppedImageData.useOriginal
|
|
864
|
+
? styles.originalToggleButtonTextActive
|
|
865
|
+
: styles.originalToggleButtonTextInactive,
|
|
866
|
+
]}
|
|
867
|
+
>
|
|
868
|
+
{mergedStrings.originalBtn}
|
|
869
|
+
</Text>
|
|
870
|
+
</TouchableOpacity>
|
|
871
|
+
</View>
|
|
863
872
|
) : null}
|
|
864
873
|
<View style={styles.confirmationButtons}>
|
|
865
874
|
<TouchableOpacity
|
|
@@ -1168,13 +1177,25 @@ const styles = StyleSheet.create({
|
|
|
1168
1177
|
},
|
|
1169
1178
|
originalToggleButton: {
|
|
1170
1179
|
alignSelf: 'center',
|
|
1171
|
-
marginTop: 12,
|
|
1172
|
-
marginBottom: 4,
|
|
1173
1180
|
paddingVertical: 10,
|
|
1174
1181
|
paddingHorizontal: 28,
|
|
1175
1182
|
borderRadius: 999,
|
|
1176
1183
|
borderWidth: 1,
|
|
1177
1184
|
},
|
|
1185
|
+
originalToggleContainer: {
|
|
1186
|
+
alignItems: 'center',
|
|
1187
|
+
marginTop: 16,
|
|
1188
|
+
marginBottom: 20,
|
|
1189
|
+
},
|
|
1190
|
+
originalToggleContainerAboveCapture: {
|
|
1191
|
+
position: 'absolute',
|
|
1192
|
+
bottom: 210,
|
|
1193
|
+
left: 0,
|
|
1194
|
+
right: 0,
|
|
1195
|
+
zIndex: 16,
|
|
1196
|
+
marginTop: 0,
|
|
1197
|
+
marginBottom: 0,
|
|
1198
|
+
},
|
|
1178
1199
|
originalToggleButtonActive: {
|
|
1179
1200
|
backgroundColor: '#3170f3',
|
|
1180
1201
|
borderColor: '#3170f3',
|