react-native-timacare 3.3.59-cccd → 3.3.61-cccd

package/lib/typescript/screens/camera/CCCDCameraScreen.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CCCDCameraScreen.d.ts","sourceRoot":"","sources":["../../../../src/screens/camera/CCCDCameraScreen.tsx"],"names":[],"mappings":"AA0CA,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,KAAK,KAAA,eAiP7C"}
+{"version":3,"file":"CCCDCameraScreen.d.ts","sourceRoot":"","sources":["../../../../src/screens/camera/CCCDCameraScreen.tsx"],"names":[],"mappings":"AA0CA,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,KAAK,KAAA,eA4P7C"}

package/lib/typescript/screens/main/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/screens/main/index.tsx"],"names":[],"mappings":"AAYA,eAAO,MAAM,IAAI,KAMf,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/screens/main/index.tsx"],"names":[],"mappings":"AAWA,eAAO,MAAM,IAAI,KAMf,CAAC"}

package/lib/typescript/screens/toan-trinh-so/OCR.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OCR.d.ts","sourceRoot":"","sources":["../../../../src/screens/toan-trinh-so/OCR.tsx"],"names":[],"mappings":"AA+CA,eAAO,MAAM,GAAG,KAwYd,CAAC"}
+{"version":3,"file":"OCR.d.ts","sourceRoot":"","sources":["../../../../src/screens/toan-trinh-so/OCR.tsx"],"names":[],"mappings":"AAgDA,eAAO,MAAM,GAAG,KA6Zd,CAAC"}

package/lib/typescript/screens/toan-trinh-so/VehicleCamera.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VehicleCamera.d.ts","sourceRoot":"","sources":["../../../../src/screens/toan-trinh-so/VehicleCamera.tsx"],"names":[],"mappings":"AA8CA,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,KAAK,EAAE,GAAG,eAia/C"}
+{"version":3,"file":"VehicleCamera.d.ts","sourceRoot":"","sources":["../../../../src/screens/toan-trinh-so/VehicleCamera.tsx"],"names":[],"mappings":"AA+CA,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,KAAK,EAAE,GAAG,eAob/C"}

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.59-cccd",
+  "version": "3.3.61-cccd",
   "description": "SDK Tima Care",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",

package/src/AppStore.tsx

@@ -36,125 +36,6 @@ class AppStore {
   @observable listLoanTime = [];
   @observable listLoanTimeByType = [];
 
-  @action
-  async checkQualityImage(image, onSuccess?, onFailed?) {
-    this.isLoading = true;
-    try {
-      const response = await axios.post(
-        'https://gateway.tima-ai.dev/computer-vision/image-quality-score/predict-score',
-        {
-          image: image,
-        },
-        {
-          headers: {
-            'Authorization':
-              'Bearer eyJhbGciOiJIUzUxMiJ9.eyJzdWIiOiJhaV9zdXBlcl9hZG1pbl90ZXN0IiwiYXV0aG9yaXRpZXMiOlsiUk9MRV8xNDE0X21lc3NhZ2VfdmFsaWRhdGUiLCJST0xFX2FtYXppbmdfY3Jhd2xlciIsIlJPTEVfYXBwcmFpc2FsX2F1dG9fY2hlY2siLCJST0xFX2F1dG9fbW9qX3NlY3VyZWRfdHJhbnNmZXIiLCJST0xFX2NlbnRlci1zZWN1cml0eSIsIlJPTEVfY2hhdC1nYXRld2F5IiwiUk9MRV9jaGVjay1sb2NhdGlvbiIsIlJPTEVfY2l2LXNlcnZpY2UtYXBwbGljYXRpb24iLCJST0xFX2NvbXB1dGVyX3Zpc2lvbiIsIlJPTEVfY29tcHV0ZXJfdmlzaW9uX3Rlc3QiLCJST0xFX2NvbnRyYWN0X2NoZWNrX2VkaXRlZCIsIlJPTEVfY3Jhd2wtc2VydmljZSIsIlJPTEVfY3JlZGl0LXNjb3JlLXNlcnZpY2UiLCJST0xFX2NyZWRpdC1zY29yaW5nLWJ5LXZlaGljbGUiLCJST0xFX2NyZWRpdC1zY29yaW5nLWJ5LXZlaGljbGUtbmV3LWxhYmVsIiwiUk9MRV9lcnAtc3VwcG9ydCIsIlJPTEVfZmFjZWJvb2staW5mb3JtYXRpb24iLCJST0xFX2ZiLWFjdGl2ZS1zY29yaW5nIiwiUk9MRV9mcmF1ZC1zY29yZS1hcGkiLCJST0xFX2ZyYXVkLXNlcnZpY2UiLCJST0xFX2lkZW50aWZ5LXNlcnZpY2UiLCJST0xFX2ltYWdlLXV0aWxzIiwiUk9MRV9sb2FuLWV2ZW50LWxvZyIsIlJPTEVfbW90b3ItcHJpY2UtcmVwb3J0IiwiUk9MRV9wcmVkaWN0aW5nLXZlaGljbGUtcHJpY2UiLCJST0xFX3ByaWNlLXByZWRpY3Rpb24tc2VydmljZSIsIlJPTEVfcHJpY2UtdmVoaWNsZS1kYXRhLWFwaSIsIlJPTEVfc2FudGltYS1sZWFkLXNjb3JpbmciLCJST0xFX3RheC1pbmZvLXNlcnZpY2UiLCJST0xFX3RleHQtZXh0cmFjdG9yIiwiUk9MRV90aW1hLWRhdGEtc2VydmljZSIsIlJPTEVfdG9wLWZyaWVuZHMtc2VydmljZSIsIlJPTEVfdHJhY2stbG9jYXRpb24iLCJST0xFX3VzZXItaW50ZXJlc3RzLXNlcnZpY2UiLCJST0xFX3Zpbi1wYXJzZXIiXSwiaWF0IjoxNjQ4MjYxNzcxLCJleHAiOjMxNTUyNDgyNjE3NzF9.O2Ka5i97gq9JH8sQwqHtmDuYZ7_ufd8KvcjgtLMAWckvzhrzM236aSrHa1FtFutSG1Ap2-9-FK0ggAeR4G8lBg',
-            'content-type': 'application/json',
-            'Access-Control-Allow-Headers':
-              'Origin, X-Requested-With, Content-Type, Accept',
-          },
-          timeout: 120000,
-        }
-      );
-      console.log(response, 'check qualify anh');
-
-      this.isLoading = false;
-      if (response.status === 200) {
-        if (response.data.Score < 3) {
-          if (onFailed) onFailed();
-        } else {
-          if (onSuccess) onSuccess();
-        }
-      }
-    } catch (error) {
-      this.isLoading = false;
-
-      console.log(error);
-      AlertGlobal.show({
-        type: 'warning',
-        title: 'Thông báo',
-        message: 'Có lỗi xảy ra. Vui lòng thử lại sau!',
-        primaryText: 'Đóng',
-      });
-    }
-  }
-
-  @action
-  async subscribeTopicFirebase(
-    tokenFCM: string,
-    topic: string,
-    keyFirebase: string
-  ) {
-    return await axios
-      .create({
-        timeout: 50000,
-      })
-      .post(
-        `https://iid.googleapis.com/iid/v1/${tokenFCM}/rel/topics/${topic}`,
-        null,
-        {
-          headers: {
-            Authorization: `key=${keyFirebase}`,
-          },
-        }
-      );
-  }
-
-  @action
-  async unSubscribeTopicFirebase(
-    tokenFCM: string,
-    topic: string,
-    keyFirebase: string
-  ) {
-    return await axios
-      .create({
-        timeout: 50000,
-      })
-      .post(
-        'https://iid.googleapis.com/iid/v1:batchRemove',
-        {
-          to: `/topics/${topic}`,
-          registration_tokens: [tokenFCM],
-        },
-        {
-          headers: {
-            Authorization: `key=${keyFirebase}`,
-          },
-        }
-      );
-  }
-
-  @action
-  async getTopicFirebaseSubscribed(tokenFCM: string, keyFirebase: string) {
-    return await axios
-      .create({
-        timeout: 50000,
-      })
-      .post(
-        `https://iid.googleapis.com/iid/info/${tokenFCM}?details=true`,
-        null,
-        {
-          headers: {
-            Authorization: `key=${keyFirebase}`,
-          },
-        }
-      );
-  }
-
-  @action
-  async getFCMTocken(onSuccess?) {
-    try {
-      const resp = await Api.getInstance().getFCMToken();
-      if (resp.kind === 'ok') {
-        if (resp.data.meta.errorCode === 200) {
-          if (onSuccess) onSuccess(resp.data.data);
-        } else {
-        }
-      } else {
-      }
-    } catch (error) {}
-  }
-
   @action
   async getInfo() {
     try {

package/src/navigation/primary-navigator.tsx

@@ -24,7 +24,6 @@ import { ESign } from '../screens/eSign';
 import { NationalIDBack } from '../screens/nationalIDBack';
 import { Contract } from '../screens/contract';
 import { Video } from '../screens/uploadVideo';
-import { Qualify } from '../screens/qualify';
 import { QuickSubmit } from '../screens/quick-submit';
 import { CommonSelect } from '../components/select';
 import { FullSubmit } from '../screens/full-submit';
@@ -100,7 +99,6 @@ export const ScreenNames = {
   NationalIDBack: 'NationalIDBack',
   Contract: 'Contract',
   Video: 'Video',
-  Qualify: 'Qualify',
   TopUp: 'TopUp',
   QuickSubmit: 'QuickSubmit',
   Introduction: 'Introduction',
@@ -203,7 +201,6 @@ export function PrimaryNavigator(props) {
       <Stack.Screen name={ScreenNames.DetailLoan} component={DetailLoan} />
       <Stack.Screen name={ScreenNames.Contract} component={Contract} />
       <Stack.Screen name={ScreenNames.Video} component={Video} />
-      <Stack.Screen name={ScreenNames.Qualify} component={Qualify} />
       <Stack.Screen name={ScreenNames.QuickSubmit} component={QuickSubmit} />
       <Stack.Screen name={ScreenNames.Introduction} component={Introduction} />
       <Stack.Screen name={ScreenNames.FullSubmit} component={FullSubmit} />

package/src/screens/camera/CCCDCameraScreen.tsx

@@ -51,6 +51,7 @@ export default function CCCDCameraScreen(props) {
   const [passPermission, setPassPermission] = useState(false);
   const [shouldRenderCamera, setShouldRenderCamera] = useState(false);
   const [focusPoint, setFocusPoint] = useState(null);
+  const [taking, setTaking] = useState(false); // hiện loading, ẩn nút chụp khi đang xử lý
 
   // 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();
@@ -80,6 +81,7 @@ export default function CCCDCameraScreen(props) {
   const takePicture = async () => {
     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
       const { width: fw, height: fh } = frameSize.current;
@@ -100,6 +102,7 @@ export default function CCCDCameraScreen(props) {
     } catch (err) {
       console.error(err);
       takingRef.current = false;
+      setTaking(false);
     }
   };
 
@@ -273,12 +276,20 @@ export default function CCCDCameraScreen(props) {
         Đưa giấy tờ lại gần cho vừa khung, chạm vào màn hình{'\n'}để lấy nét nếu
         ảnh bị mờ.
       </MText>
-      <TouchableOpacity
-        style={[styles.captureButton, { marginBottom: insets.bottom + 24 }]}
-        onPress={takePicture}
-      >
-        <TakePhotoSvg />
-      </TouchableOpacity>
+      {taking ? (
+        <View
+          style={[styles.captureButton, { marginBottom: insets.bottom + 24 }]}
+        >
+          <ActivityIndicator size="large" color={ORANGE} />
+        </View>
+      ) : (
+        <TouchableOpacity
+          style={[styles.captureButton, { marginBottom: insets.bottom + 24 }]}
+          onPress={takePicture}
+        >
+          <TakePhotoSvg />
+        </TouchableOpacity>
+      )}
     </View>
   );
 }

package/src/screens/main/index.tsx

@@ -7,7 +7,6 @@ import { commonStyles } from '../CommonStyles';
 import TabNavigator from '../../components/tabNavigator/TabNavigator';
 import { IconHome, IconUser } from '../../assets/icons';
 import { Home } from '../home';
-import { Personal } from '../personal';
 import appStore from '../../AppStore';
 
 export const Main = observer(function Main(props) {

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

@@ -14,6 +14,7 @@ import {
   ViewStyle,
   ImageStyle,
   Image,
+  ActivityIndicator,
   StyleSheet,
   Platform,
 } from 'react-native';
@@ -58,6 +59,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 +217,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 +233,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 +250,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 +324,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>
@@ -326,13 +335,26 @@ export const OCR = observer(function OCR(props: any) {
             Đưa giấy tờ lại gần cho vừa khung, chạm vào màn hình{'\n'}để lấy nét
             nếu ảnh bị mờ.
           </MText>
-          <TouchableOpacity
-            style={[styles.captureButton, { marginBottom: insets.bottom + 24 }]}
-            onPress={takePhoto}
-            disabled={taking}
-          >
-            <TakePhotoSvg />
-          </TouchableOpacity>
+          {taking ? (
+            <View
+              style={[
+                styles.captureButton,
+                { marginBottom: insets.bottom + 24 },
+              ]}
+            >
+              <ActivityIndicator size="large" color={ORANGE} />
+            </View>
+          ) : (
+            <TouchableOpacity
+              style={[
+                styles.captureButton,
+                { marginBottom: insets.bottom + 24 },
+              ]}
+              onPress={takePhoto}
+            >
+              <TakePhotoSvg />
+            </TouchableOpacity>
+          )}
         </>
       ) : null}
 

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

@@ -7,6 +7,7 @@ import React, {
   useState,
 } from 'react';
 import {
+  ActivityIndicator,
   Image,
   ImageStyle,
   Platform,
@@ -69,6 +70,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 +117,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 +133,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',
@@ -329,13 +336,26 @@ export default function VehicleCamera(props: any) {
             Đưa giấy tờ lại gần cho vừa khung, chạm vào màn hình{'\n'}để lấy nét
             nếu ảnh bị mờ.
           </MText>
-          <TouchableOpacity
-            style={[styles.captureButton, { marginBottom: insets.bottom + 24 }]}
-            onPress={takePhoto}
-            disabled={taking}
-          >
-            <TakePhotoSvg />
-          </TouchableOpacity>
+          {taking ? (
+            <View
+              style={[
+                styles.captureButton,
+                { marginBottom: insets.bottom + 24 },
+              ]}
+            >
+              <ActivityIndicator size="large" color={ORANGE} />
+            </View>
+          ) : (
+            <TouchableOpacity
+              style={[
+                styles.captureButton,
+                { marginBottom: insets.bottom + 24 },
+              ]}
+              onPress={takePhoto}
+            >
+              <TakePhotoSvg />
+            </TouchableOpacity>
+          )}
         </>
       ) : null}
 

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) {

package/lib/commonjs/screens/personal/index.js

@@ -1,2 +0,0 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.Personal=void 0;var _regenerator=_interopRequireDefault(require("@babel/runtime/regenerator"));var _native=require("@react-navigation/native");var _mobxReactLite=require("mobx-react-lite");var _react=_interopRequireDefault(require("react"));var _reactNative=require("react-native");var _icons=require("../../assets/icons");var _AlertGlobal=require("../../components/ModalNotification/AlertGlobal");var _AppStore=_interopRequireDefault(require("../../AppStore"));var _MText=require("../../components/MText");var _navigation=require("../../navigation");var _api=require("../../services/api");var _CommonStyles=require("../CommonStyles");var _mobx=require("mobx");var _storage=require("../../utils/storage");var _keychain=require("../../utils/keychain");var _jsxFileName="/Users/tima/Tima/react-native-timacare/src/screens/personal/index.tsx";var logoView={position:'absolute',width:'100%',height:'100%',resizeMode:'stretch'};var Personal=exports.Personal=(0,_mobxReactLite.observer)(function Personal(){var _toJS;var navigation=(0,_native.useNavigation)();var logout=function _callee(){return _regenerator.default.async(function(_context2){while(1)switch(_context2.prev=_context2.next){case 0:_AlertGlobal.AlertGlobal.show({type:'confirm',title:'Thông báo',message:'Bạn có chắc chắn muốn đăng xuất?',primaryText:'Đồng ý',onPrimaryPress:function onPrimaryPress(){return _regenerator.default.async(function(_context){while(1)switch(_context.prev=_context.next){case 0:_AppStore.default.logout();(0,_storage.clear)();(0,_keychain.reset)();_AppStore.default.selectedTab='TAB1';_api.Api.getInstance().changeAuth();navigation.dispatch(_native.CommonActions.reset({index:1,routes:[{name:_navigation.ScreenNames.Splash}]}));case 1:case"end":return _context.stop();}},null,null,null,Promise);},secondaryText:'Bỏ qua',onSecondaryPress:function onSecondaryPress(value){}});case 1:case"end":return _context2.stop();}},null,null,null,Promise);};return _react.default.createElement(_reactNative.View,{style:[_CommonStyles.commonStyles.fill,{backgroundColor:'white'}],__self:this,__source:{fileName:_jsxFileName,lineNumber:57,columnNumber:5}},_react.default.createElement(_reactNative.Image,{source:require('./bg.png'),style:logoView,__self:this,__source:{fileName:_jsxFileName,lineNumber:58,columnNumber:7}}),_react.default.createElement(_reactNative.SafeAreaView,{style:{flex:1},__self:this,__source:{fileName:_jsxFileName,lineNumber:59,columnNumber:7}},_react.default.createElement(_reactNative.View,{style:{alignItems:'center',marginTop:16},__self:this,__source:{fileName:_jsxFileName,lineNumber:60,columnNumber:9}},_react.default.createElement(_MText.MText,{style:[_CommonStyles.commonStyles.textNormalBold,{fontSize:16}],__self:this,__source:{fileName:_jsxFileName,lineNumber:61,columnNumber:11}},"Th\xF4ng tin t\xE0i kho\u1EA3n")),_react.default.createElement(_reactNative.ScrollView,{style:{flex:1,margin:16},__self:this,__source:{fileName:_jsxFileName,lineNumber:65,columnNumber:9}},_react.default.createElement(_reactNative.View,{style:{flexDirection:'row',marginBottom:16,alignItems:'center',borderRadius:8,borderWidth:1,padding:10,borderColor:'#E0E0E0'},__self:this,__source:{fileName:_jsxFileName,lineNumber:66,columnNumber:11}},_react.default.createElement(_icons.IconProfile,{__self:this,__source:{fileName:_jsxFileName,lineNumber:77,columnNumber:13}}),_react.default.createElement(_reactNative.View,{style:{marginLeft:16},__self:this,__source:{fileName:_jsxFileName,lineNumber:78,columnNumber:13}},_react.default.createElement(_MText.MText,{style:_CommonStyles.commonStyles.textNormalBold,__self:this,__source:{fileName:_jsxFileName,lineNumber:79,columnNumber:15}},(_toJS=(0,_mobx.toJS)(_AppStore.default.info))==null?void 0:_toJS.fullName),_react.default.createElement(_MText.MText,{style:[_CommonStyles.commonStyles.textNormal,{fontSize:12}],__self:this,__source:{fileName:_jsxFileName,lineNumber:82,columnNumber:15}},_AppStore.default.phone))),_react.default.createElement(_reactNative.TouchableOpacity,{onPress:function onPress(){return logout();},style:{flexDirection:'row',alignItems:'center',borderRadius:8,borderWidth:1,padding:10,borderColor:'#E0E0E0'},__self:this,__source:{fileName:_jsxFileName,lineNumber:87,columnNumber:11}},_react.default.createElement(_icons.IconLogout,{width:20,height:20,fill:'#333333',__self:this,__source:{fileName:_jsxFileName,lineNumber:98,columnNumber:13}}),_react.default.createElement(_reactNative.View,{style:{marginLeft:10},__self:this,__source:{fileName:_jsxFileName,lineNumber:99,columnNumber:13}},_react.default.createElement(_MText.MText,{style:[_CommonStyles.commonStyles.textNormalBold,{fontSize:16}],__self:this,__source:{fileName:_jsxFileName,lineNumber:100,columnNumber:15}},"\u0110\u0103ng xu\u1EA5t"),_react.default.createElement(_MText.MText,{style:[_CommonStyles.commonStyles.textNormal,{fontWeight:'300'}],__self:this,__source:{fileName:_jsxFileName,lineNumber:103,columnNumber:15}},"B\u1EA1n s\u1EBD c\u1EA7n \u0111\u0103ng nh\u1EADp l\u1EA1i n\u1EBFu mu\u1ED1n s\u1EED d\u1EE5ng ti\u1EBFp"))))));});
-//# sourceMappingURL=index.js.map

package/lib/commonjs/screens/personal/index.js.flow

@@ -1,112 +0,0 @@
-//@ts-nocheck
-import { CommonActions, useNavigation } from '@react-navigation/native';
-import { observer } from 'mobx-react-lite';
-import React from 'react';
-import {
-  Image,
-  ImageStyle,
-  SafeAreaView,
-  ScrollView,
-  TouchableOpacity,
-  View,
-} from 'react-native';
-import { IconLogout, IconProfile } from '../../assets/icons';
-import { AlertGlobal } from '../../components/ModalNotification/AlertGlobal';
-import appStore from '../../AppStore';
-import { MText } from '../../components/MText';
-import { ScreenNames } from '../../navigation';
-import { Api } from '../../services/api';
-import { commonStyles } from '../CommonStyles';
-import { toJS } from 'mobx';
-import { clear } from '../../utils/storage';
-import { reset } from '../../utils/keychain';
-
-const logoView: ImageStyle = {
-  position: 'absolute',
-  width: '100%',
-  height: '100%',
-  resizeMode: 'stretch',
-};
-export const Personal = observer(function Personal() {
-  const navigation = useNavigation();
-
-  const logout = async () => {
-    AlertGlobal.show({
-      type: 'confirm',
-      title: 'Thông báo',
-      message: 'Bạn có chắc chắn muốn đăng xuất?',
-      primaryText: 'Đồng ý',
-      onPrimaryPress: async () => {
-        appStore.logout();
-        clear();
-        reset();
-        appStore.selectedTab = 'TAB1';
-        Api.getInstance().changeAuth();
-        navigation.dispatch(
-          CommonActions.reset({
-            index: 1,
-            routes: [{ name: ScreenNames.Splash }],
-          })
-        );
-      },
-      secondaryText: 'Bỏ qua',
-      onSecondaryPress: (value) => {},
-    });
-  };
-  return (
-    <View style={[commonStyles.fill, { backgroundColor: 'white' }]}>
-      <Image source={require('./bg.png')} style={logoView} />
-      <SafeAreaView style={{ flex: 1 }}>
-        <View style={{ alignItems: 'center', marginTop: 16 }}>
-          <MText style={[commonStyles.textNormalBold, { fontSize: 16 }]}>
-            Thông tin tài khoản
-          </MText>
-        </View>
-        <ScrollView style={{ flex: 1, margin: 16 }}>
-          <View
-            style={{
-              flexDirection: 'row',
-              marginBottom: 16,
-              alignItems: 'center',
-              borderRadius: 8,
-              borderWidth: 1,
-              padding: 10,
-              borderColor: '#E0E0E0',
-            }}
-          >
-            <IconProfile />
-            <View style={{ marginLeft: 16 }}>
-              <MText style={commonStyles.textNormalBold}>
-                {toJS(appStore.info)?.fullName}
-              </MText>
-              <MText style={[commonStyles.textNormal, { fontSize: 12 }]}>
-                {appStore.phone}
-              </MText>
-            </View>
-          </View>
-          <TouchableOpacity
-            onPress={() => logout()}
-            style={{
-              flexDirection: 'row',
-              alignItems: 'center',
-              borderRadius: 8,
-              borderWidth: 1,
-              padding: 10,
-              borderColor: '#E0E0E0',
-            }}
-          >
-            <IconLogout width={20} height={20} fill={'#333333'} />
-            <View style={{ marginLeft: 10 }}>
-              <MText style={[commonStyles.textNormalBold, { fontSize: 16 }]}>
-                Đăng xuất
-              </MText>
-              <MText style={[commonStyles.textNormal, { fontWeight: '300' }]}>
-                Bạn sẽ cần đăng nhập lại nếu muốn sử dụng tiếp
-              </MText>
-            </View>
-          </TouchableOpacity>
-        </ScrollView>
-      </SafeAreaView>
-    </View>
-  );
-});