react-native-timacare 3.3.58-cccd → 3.3.60-cccd

package/lib/typescript/utils/cameraCrop.d.ts

@@ -1,15 +1,3 @@
-/**
- * Kích thước hiển thị (upright) của ảnh chụp từ VisionCamera.
- *
- * photo.width/height là kích thước buffer gốc của cảm biến (luôn landscape).
- * photo.orientation cho biết ảnh cần xoay bao nhiêu để hiển thị đúng chiều:
- * khi là 'landscape-left'/'landscape-right' (điện thoại cầm dọc) thì ảnh hiển
- * thị bị xoay 90° so với buffer -> phải hoán đổi W/H.
- */
-export declare const getDisplaySize: (photo: any) => {
-    width: any;
-    height: any;
-};
 /**
  * Vùng cắt chính giữa theo đúng tỉ lệ khung (aspect = W/H), tính trong hệ toạ
  * độ ảnh đã dựng đứng (upright). VisionCamera fill khung kiểu "cover" nên vùng
@@ -22,13 +10,19 @@ export declare const computeCenterCrop: (dispW: any, dispH: any, aspect: any) =>
     height: any;
 };
 /**
- * Cắt ảnh chụp cho vừa đúng khung preview (theo tỉ lệ `aspect`). Làm việc hoàn
- * toàn trong hệ toạ độ ảnh đã dựng đứng (upright):
- *  - Lấy kích thước hiển thị từ photo.orientation (không dùng Image.getSize vì
- *    trả về khác nhau giữa iOS/Android tuỳ EXIF).
- *  - Chèn action `resize` để "bung" EXIF orientation về upright: bắt buộc cho
- *    iOS (thư viện crop trên buffer gốc chưa xoay), là no-op trên Android
- *    (Fresco đã tự xoay khi decode). Sau đó crop trong cùng hệ toạ độ upright.
+ * Cắt ảnh chụp cho vừa đúng khung preview (theo tỉ lệ `aspect`).
+ *
+ * Làm 2 bước để đúng trên CẢ iOS lẫn Android (không méo, không lệch):
+ *
+ *  Bước 1 – resize CHỈ theo `width` (không truyền height):
+ *   - Thư viện tự tính height theo tỉ lệ THẬT của ảnh -> giữ nguyên tỉ lệ, KHÔNG
+ *     kéo giãn (đây là nguyên nhân méo trên Android khi trước đó ép cả W lẫn H).
+ *   - Trên iOS bước này còn "dựng đứng" ảnh theo EXIF (thư viện crop chạy trên
+ *     buffer gốc chưa xoay), Android/Fresco thì đã tự xoay khi decode.
+ *   - Đọc kích thước THẬT (result.width/height) sau khi dựng để tính vùng crop.
+ *
+ *  Bước 2 – crop chính giữa theo đúng tỉ lệ khung, dựa trên kích thước thật đó.
+ *
  * Trả về uri ảnh đã cắt; nếu lỗi thì trả ảnh gốc để vẫn dùng được.
  */
 export declare const cropPhotoToAspect: (photo: any, aspect: any) => Promise<any>;

package/lib/typescript/utils/cameraCrop.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"cameraCrop.d.ts","sourceRoot":"","sources":["../../../src/utils/cameraCrop.ts"],"names":[],"mappings":"AAGA;;;;;;;GAOG;AACH,eAAO,MAAM,cAAc;;;CAO1B,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,iBAAiB;;;;;CAkB7B,CAAC;AAEF;;;;;;;;;GASG;AACH,eAAO,MAAM,iBAAiB,2CAgB7B,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,sBAAsB,0CAelC,CAAC"}
+{"version":3,"file":"cameraCrop.d.ts","sourceRoot":"","sources":["../../../src/utils/cameraCrop.ts"],"names":[],"mappings":"AAGA;;;;GAIG;AACH,eAAO,MAAM,iBAAiB;;;;;CAkB7B,CAAC;AAEF;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,iBAAiB,2CA0B7B,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,sBAAsB,0CAelC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-timacare",
-  "version": "3.3.58-cccd",
+  "version": "3.3.60-cccd",
   "description": "SDK Tima Care",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",

package/src/screens/home/index.tsx

@@ -2647,26 +2647,40 @@ export const Home = observer(function Home() {
                 }}
               />
             </View>
-            <MText
-              style={{ color: '#828282', textAlign: 'center', marginTop: 16 }}
-            >
-              Tima sẽ chuyển thông tin của bạn đến Ngân hàng TNHH MTV CIMB Việt
-              Nam (CIMB) để xem xét phê duyệt khoản vay. Khi chọn "Đồng ý & Tiếp
-              tục", bạn đồng ý cho các bên liên quan thu thập, sử dụng, xử lý và
-              chia sẻ dữ liệu cá nhân theo quy định của pháp luật; đồng thời cho
-              phép Tima gửi{' '}
+            {loanTCCIMB?.typeLoan === 7 ? (
               <MText
-                style={{
-                  fontWeight: '600',
-                  fontFamily: 'BeVietnamPro-SemiBold',
-                }}
+                style={{ color: '#828282', textAlign: 'center', marginTop: 16 }}
               >
-                "Thông báo kết quả phê duyệt kết nối vay"
-              </MText>{' '}
-              đến Đại lý/ Showroom nơi bạn ký hợp đồng mua xe Ô tô để hoàn tất
-              thủ tục giải ngân. Sau khi chuyển giao dữ liệu, Tima là bên kiểm
-              soát và xử lý dữ liệu cá nhân.
-            </MText>
+                Tima sẽ chuyển thông tin của bạn đến Ngân hàng TNHH MTV CIMB
+                Việt Nam (CIMB) để xem xét phê duyệt khoản vay. Khi chọn "Đồng ý
+                & Tiếp tục", bạn đồng ý cho các bên liên quan thu thập, sử dụng,
+                xử lý và chia sẻ dữ liệu cá nhân theo quy định của pháp luật;
+                đồng thời cho phép Tima gửi{' '}
+                <MText
+                  style={{
+                    fontWeight: '600',
+                    fontFamily: 'BeVietnamPro-SemiBold',
+                  }}
+                >
+                  "Thông báo kết quả phê duyệt kết nối vay"
+                </MText>{' '}
+                đến Đại lý/ Showroom nơi bạn ký hợp đồng mua xe Ô tô để hoàn tất
+                thủ tục giải ngân. Sau khi chuyển giao dữ liệu, Tima là bên kiểm
+                soát và xử lý dữ liệu cá nhân.
+              </MText>
+            ) : (
+              <MText
+                style={{ color: '#828282', textAlign: 'center', marginTop: 16 }}
+              >
+                Tima sẽ chuyển thông tin của bạn đến Ngân hàng TNHH MTV CIMB
+                Việt Nam (CIMB) để xem xét phê duyệt khoản vay. Khi chọn "Đồng ý
+                & Tiếp tục", bạn đồng ý cho các bên liên quan thu thập, sử dụng,
+                xử lý và chia sẻ dữ liệu cá nhân theo quy định của pháp luật.
+                Sau khi chuyển giao dữ liệu, Tima là bên kiểm soát và xử lý dữ
+                liệu cá nhân.
+              </MText>
+            )}
+
             <View
               style={{
                 flexDirection: 'row',

package/src/screens/toan-trinh-so/OCR.tsx

@@ -58,6 +58,9 @@ export const OCR = observer(function OCR(props: any) {
   const myCamera = useRef(null);
   const frameSize = useRef({ width: 0, height: 0 });
   const focusTimer = useRef(null);
+  // Cờ đồng bộ chặn bấm chụp nhiều lần (state `taking` cập nhật bất đồng bộ nên
+  // 2 lần bấm nhanh trong cùng 1 render vẫn lọt qua). Crop có delay -> cần ref.
+  const takingRef = useRef(false);
 
   // Chọn ống kính sau lấy nét gần nhất (macro) để chụp cận thẻ mà không mờ
   const devices = useCameraDevices();
@@ -213,7 +216,8 @@ export const OCR = observer(function OCR(props: any) {
   };
 
   const takePhoto = async () => {
-    if (myCamera.current == null || taking) return;
+    if (myCamera.current == null || takingRef.current) return;
+    takingRef.current = true;
     setTaking(true);
     try {
       // Lấy nét giữa khung trước khi chụp để tài liệu ở gần vẫn nét
@@ -228,10 +232,12 @@ export const OCR = observer(function OCR(props: any) {
       });
       // Cắt ảnh vừa đúng khung theo tỉ lệ thẻ (xử lý orientation trong util)
       const uri = await cropPhotoToAspect(data, CARD_ASPECT_RATIO);
+      takingRef.current = false;
       setTaking(false);
       goNextWithUri(uri);
     } catch (e) {
       console.error(e);
+      takingRef.current = false;
       setTaking(false);
       AlertGlobal.show({
         type: 'warning',
@@ -243,6 +249,7 @@ export const OCR = observer(function OCR(props: any) {
   };
 
   const pickImageFromGallery = async () => {
+    if (takingRef.current) return; // đang chụp/xử lý -> chặn để không điều hướng 2 lần
     if (Platform.OS === 'android') {
       const result = await launchImageLibrary({ mediaType: 'photo' });
       if (result.assets) {
@@ -316,6 +323,7 @@ export const OCR = observer(function OCR(props: any) {
           <TouchableOpacity
             style={styles.galleryButton}
             onPress={pickImageFromGallery}
+            disabled={taking}
           >
             <IconUpload />
             <MText style={styles.galleryText}>Tải ảnh từ thư viện</MText>

package/src/screens/toan-trinh-so/VehicleCamera.tsx

@@ -69,6 +69,9 @@ export default function VehicleCamera(props: any) {
   const myCamera = useRef(null);
   const frameSize = useRef({ width: 0, height: 0 });
   const focusTimer = useRef(null);
+  // Cờ đồng bộ chặn bấm chụp nhiều lần (state `taking` cập nhật bất đồng bộ nên
+  // 2 lần bấm nhanh trong cùng 1 render vẫn lọt qua). Crop có delay -> cần ref.
+  const takingRef = useRef(false);
 
   // Chọn ống kính sau lấy nét gần nhất (macro) để chụp cận thẻ mà không mờ
   const devices = useCameraDevices();
@@ -113,7 +116,8 @@ export default function VehicleCamera(props: any) {
   };
 
   const takePhoto = async () => {
-    if (myCamera.current == null || taking) return;
+    if (myCamera.current == null || takingRef.current) return;
+    takingRef.current = true;
     setTaking(true);
     try {
       // Lấy nét giữa khung trước khi chụp để tài liệu ở gần vẫn nét
@@ -128,10 +132,12 @@ export default function VehicleCamera(props: any) {
       });
       // Cắt ảnh vừa đúng khung theo tỉ lệ thẻ (xử lý orientation trong util)
       const uri = await cropPhotoToAspect(data, CARD_ASPECT_RATIO);
+      takingRef.current = false;
       setTaking(false);
       goNextWithUri(uri);
     } catch (e) {
       console.error(e);
+      takingRef.current = false;
       setTaking(false);
       AlertGlobal.show({
         type: 'warning',

package/src/utils/cameraCrop.ts

@@ -1,23 +1,6 @@
 // @ts-nocheck
 import RNImageManipulator from '@oguzhnatly/react-native-image-manipulator';
 
-/**
- * Kích thước hiển thị (upright) của ảnh chụp từ VisionCamera.
- *
- * photo.width/height là kích thước buffer gốc của cảm biến (luôn landscape).
- * photo.orientation cho biết ảnh cần xoay bao nhiêu để hiển thị đúng chiều:
- * khi là 'landscape-left'/'landscape-right' (điện thoại cầm dọc) thì ảnh hiển
- * thị bị xoay 90° so với buffer -> phải hoán đổi W/H.
- */
-export const getDisplaySize = (photo) => {
-  const needsSwap =
-    photo?.orientation === 'landscape-left' ||
-    photo?.orientation === 'landscape-right';
-  return needsSwap
-    ? { width: photo.height, height: photo.width }
-    : { width: photo.width, height: photo.height };
-};
-
 /**
  * Vùng cắt chính giữa theo đúng tỉ lệ khung (aspect = W/H), tính trong hệ toạ
  * độ ảnh đã dựng đứng (upright). VisionCamera fill khung kiểu "cover" nên vùng
@@ -44,25 +27,41 @@ export const computeCenterCrop = (dispW, dispH, aspect) => {
 };
 
 /**
- * Cắt ảnh chụp cho vừa đúng khung preview (theo tỉ lệ `aspect`). Làm việc hoàn
- * toàn trong hệ toạ độ ảnh đã dựng đứng (upright):
- *  - Lấy kích thước hiển thị từ photo.orientation (không dùng Image.getSize vì
- *    trả về khác nhau giữa iOS/Android tuỳ EXIF).
- *  - Chèn action `resize` để "bung" EXIF orientation về upright: bắt buộc cho
- *    iOS (thư viện crop trên buffer gốc chưa xoay), là no-op trên Android
- *    (Fresco đã tự xoay khi decode). Sau đó crop trong cùng hệ toạ độ upright.
+ * Cắt ảnh chụp cho vừa đúng khung preview (theo tỉ lệ `aspect`).
+ *
+ * Làm 2 bước để đúng trên CẢ iOS lẫn Android (không méo, không lệch):
+ *
+ *  Bước 1 – resize CHỈ theo `width` (không truyền height):
+ *   - Thư viện tự tính height theo tỉ lệ THẬT của ảnh -> giữ nguyên tỉ lệ, KHÔNG
+ *     kéo giãn (đây là nguyên nhân méo trên Android khi trước đó ép cả W lẫn H).
+ *   - Trên iOS bước này còn "dựng đứng" ảnh theo EXIF (thư viện crop chạy trên
+ *     buffer gốc chưa xoay), Android/Fresco thì đã tự xoay khi decode.
+ *   - Đọc kích thước THẬT (result.width/height) sau khi dựng để tính vùng crop.
+ *
+ *  Bước 2 – crop chính giữa theo đúng tỉ lệ khung, dựa trên kích thước thật đó.
+ *
  * Trả về uri ảnh đã cắt; nếu lỗi thì trả ảnh gốc để vẫn dùng được.
  */
 export const cropPhotoToAspect = async (photo, aspect) => {
   const uri = 'file://' + photo.path;
-  const { width: dispW, height: dispH } = getDisplaySize(photo);
-  if (!dispW || !dispH) return uri;
-  const crop = computeCenterCrop(dispW, dispH, aspect);
   try {
-    const result = await RNImageManipulator.manipulate(
+    // Dùng cạnh dài của buffer làm width mục tiêu để không giảm độ phân giải chi
+    // tiết; resize giữ nguyên tỉ lệ nên không méo.
+    const targetWidth = Math.max(photo?.width || 0, photo?.height || 0) || 1080;
+    const normalized = await RNImageManipulator.manipulate(
       uri,
-      [{ resize: { width: dispW, height: dispH } }, { crop }],
-      { compress: 0.9, format: 'jpeg' }
+      [{ resize: { width: targetWidth } }],
+      { compress: 1, format: 'jpeg' }
+    );
+    const dispW = normalized.width;
+    const dispH = normalized.height;
+    if (!dispW || !dispH) return normalized.uri;
+
+    const crop = computeCenterCrop(dispW, dispH, aspect);
+    const result = await RNImageManipulator.manipulate(
+      normalized.uri,
+      [{ crop }],
+      { compress: 1, format: 'jpeg' }
     );
     return result.uri;
   } catch (e) {