react-native-timacare 1.0.23 → 2.0.1

package/src/screens/liveness/LivenessStore.tsx

@@ -1,5 +1,5 @@
 //@ts-nocheck
-import { observable, action } from 'mobx';
+import { observable, action, makeAutoObservable } from 'mobx';
 import { useState } from 'react';
 import { Api } from '../../services/api';
 import { myLog } from '../../utils/log';
@@ -24,6 +24,10 @@ class Store {
 
   @observable ekycSuccess = false;
 
+  constructor() {
+    makeAutoObservable(this);
+  }
+
   @action
   async uploadLiveness(body, onSuccess?, onFailure?) {
     this.isLoading = true;
@@ -59,6 +63,31 @@ class Store {
       }
     }
   }
+
+  @action
+  async confirmLicense(loanId, onSuccess) {
+    try {
+      const response = await Api.getInstance().confirmRule(loanId);
+      if (response.kind === 'ok') {
+        if (response.data.meta.errorCode === 200) {
+          if (onSuccess) onSuccess();
+        } else {
+          Alert.alert('Thông báo', response.data.meta.errorMessage, [
+            {
+              text: 'Xác nhận',
+              onPress: () => {
+                if (onSuccess) onSuccess();
+              },
+            },
+          ]);
+        }
+      } else {
+        Alert.alert('Thông báo', 'Có lỗi không mong muốn xảy ra');
+      }
+    } catch (error) {
+      console.log();
+    }
+  }
 }
 const livenessStore = new Store();
 export default livenessStore;

package/src/screens/mrz-scanner/index.tsx

@@ -0,0 +1,394 @@
+//@ts-nocheck
+import React, { useState, useEffect, useRef } from 'react';
+import {
+  View,
+  Text,
+  Button,
+  StyleSheet,
+  PermissionsAndroid,
+  Platform,
+  Alert,
+  SafeAreaView,
+  TouchableOpacity,
+  NativeModules,
+} from 'react-native';
+import { StackActions, useNavigation } from '@react-navigation/native';
+import { RNCamera } from 'react-native-camera';
+import TextRecognition from 'react-native-text-recognition';
+import {
+  openSettings,
+  PERMISSIONS,
+  request,
+  RESULTS,
+} from 'react-native-permissions';
+import { MText } from '../../components/MText';
+import MButton from '../../components/MButton';
+import { IconBackWhite } from '../../assets/icons';
+import { commonStyles } from '../CommonStyles';
+import nfcStore from './store';
+
+const { NFCReader } = NativeModules;
+
+const MRZScanner = (props: any) => {
+  const navigation = useNavigation();
+  const loan = props?.route?.params?.loan;
+
+  const [hasCameraPermission, setHasCameraPermission] = useState(null);
+  const [mrzData, setMrzData] = useState('');
+  const [passPermission, setPassPermission] = useState(false);
+  const cameraRef = useRef(null);
+
+  const requestPermissions = () => {
+    request(
+      Platform.OS === 'ios'
+        ? PERMISSIONS.IOS.CAMERA
+        : PERMISSIONS.ANDROID.CAMERA
+    ).then((result) => {
+      switch (result) {
+        case RESULTS.UNAVAILABLE:
+          console.log(
+            'This feature is not available (on this device / in this context)'
+          );
+          Alert.alert(
+            'Thông báo',
+            'Máy ảnh trên thiết bị không tương thích.\nVui lòng kiểm tra lại thiết bị!',
+            [{ text: 'Đồng ý' }]
+          );
+          break;
+        case RESULTS.DENIED:
+          console.log(
+            'The permission has not been requested / is denied but requestable'
+          );
+          Alert.alert(
+            'Thông báo',
+            'Bạn đã từ chối quyền máy ảnh. Vui lòng cấp quyền máy ảnh để tiếp tục!',
+            [
+              {
+                text: 'Đồng ý',
+                onPress: () => {
+                  if (Platform.OS === 'ios') {
+                    openSettings();
+                  } else {
+                    requestPermissions();
+                  }
+                },
+              },
+            ]
+          );
+          break;
+        case RESULTS.LIMITED:
+          console.log('The permission is limited: some actions are possible');
+          Alert.alert(
+            'Thông báo',
+            'Quyền máy ảnh bị hạn chế. Vui lòng kiểm tra lại để tiếp tục!',
+            [
+              {
+                text: 'Đồng ý',
+                onPress: () => {
+                  if (Platform.OS === 'ios') {
+                    openSettings();
+                  } else {
+                    requestPermissions();
+                  }
+                },
+              },
+            ]
+          );
+          break;
+        case RESULTS.GRANTED:
+          console.log('The permission is granted');
+          setPassPermission(true);
+          break;
+        case RESULTS.BLOCKED:
+          console.log('The permission is denied and not requestable anymore');
+          Alert.alert(
+            'Thông báo',
+            'Bạn đã từ chối quyền máy ảnh. Vui lòng cấp quyền máy ảnh để tiếp tục!',
+            [
+              {
+                text: 'Đồng ý',
+                onPress: () => {
+                  if (Platform.OS === 'ios') {
+                    openSettings();
+                  } else {
+                    openSettings();
+                  }
+                },
+              },
+            ]
+          );
+          break;
+      }
+    });
+  };
+
+  useEffect(() => {
+    requestPermissions();
+  }, []);
+
+  const convertToDate = (input, end) => {
+    let yearPrefix = input.substring(0, 2);
+    let year = end
+      ? '20' + yearPrefix
+      : parseInt(yearPrefix) > 20
+      ? '19' + yearPrefix
+      : '20' + yearPrefix;
+    let month = input.substring(2, 4);
+    let day = input.substring(4, 6);
+
+    return year + '-' + month + '-' + day;
+  };
+
+  const extractMRZInfo = (text) => {
+    let documentNumber = '';
+    let birthDate = '';
+    let expirationDate = '';
+    const regex1 = /VNM(\d{9})/;
+    const match1 = text.match(regex1);
+
+    // If a match is found, return the 9 digits, otherwise return null
+    if (match1) {
+      documentNumber = match1[1];
+    }
+
+    console.log('documentNumber', documentNumber);
+
+    // Regular expression to match 'VNM' followed by 9 digits, then two 6-digit numbers
+    const regex = /(\d{6}).[MF](\d{6})/;
+
+    // Search for the pattern in the text
+    const match = text.replace(/ /g, '').match(regex);
+
+    // If a match is found, return the captured groups, otherwise return null
+    if (match) {
+      console.log({
+        documentNumber: documentNumber,
+        birthDate: match[1],
+        expirationDate: match[2],
+      });
+      (birthDate = match[1]), (expirationDate = match[2]);
+    } else {
+      return null;
+    }
+    if (documentNumber && birthDate && expirationDate) {
+      console.log(convertToDate(birthDate, false));
+      console.log(convertToDate(expirationDate, true));
+      try {
+        NFCReader.startNFCReader(
+          documentNumber,
+          convertToDate(birthDate, false),
+          convertToDate(expirationDate, true),
+          (error, response) => {
+            try {
+              const convertData = JSON.parse(response);
+              const body = {
+                LoanBriefId: loan?.id,
+                RawSod: convertData?.sod,
+                RawDg1: convertData?.dg1,
+                RawDg2: convertData?.dg2,
+                RawDg13: convertData?.dg13,
+                RawDg14: convertData?.dg14,
+                RawDg15: convertData?.dg15,
+              };
+              nfcStore.addNfcData(body, () => {
+                navigation.dispatch(
+                  StackActions.push(ScreenNames.FullSubmit, {
+                    loan: loan,
+                  })
+                );
+              });
+            } catch (e) {
+              console.log(e);
+              Alert.alert('Lỗi', e);
+            }
+          }
+        );
+      } catch (e) {
+        console.log(e);
+      }
+    }
+  };
+
+  const handleTextRecognition = async (imagePath) => {
+    const result = await TextRecognition.recognize(imagePath);
+    const mrzText = result.join('');
+    setMrzData(mrzText);
+    console.log(extractMRZInfo(mrzText));
+  };
+
+  const takePicture = async () => {
+    if (cameraRef.current) {
+      const options = { quality: 0.8, base64: true };
+      const data = await cameraRef.current.takePictureAsync(options);
+      await handleTextRecognition(data.uri);
+    }
+  };
+
+  return (
+    <View style={styles.container}>
+      <RNCamera
+        ref={cameraRef}
+        style={styles.camera}
+        type={RNCamera.Constants.Type.back}
+        captureAudio={false}
+      ></RNCamera>
+      <View style={styles.overlay}>
+        <View style={styles.overlayTop} />
+        <View style={styles.overlayCenter}>
+          <View style={styles.overlayLeft} />
+          <View style={styles.overlayRect}></View>
+          <View style={styles.overlayRight} />
+        </View>
+        <View style={styles.overlayBottom} />
+      </View>
+
+      <View style={{ position: 'absolute', top: 0, left: 0 }}>
+        <SafeAreaView style={{ flex: 1 }}>
+          <View
+            style={[
+              commonStyles.row,
+              commonStyles.alignCenter,
+              { height: 56, paddingHorizontal: 16 },
+            ]}
+          >
+            <MButton
+              onPress={() => {
+                navigation.goBack();
+              }}
+              style={[{ width: 48, height: 48, justifyContent: 'center' }]}
+            >
+              <IconBackWhite />
+            </MButton>
+            <View style={{ flex: 1, paddingRight: 48 }}>
+              <MText
+                style={{
+                  color: 'white',
+                  fontSize: 16,
+                  textAlign: 'center',
+                  padding: 16,
+                  fontWeight: '600',
+                }}
+              >
+                EKYC
+              </MText>
+            </View>
+          </View>
+          <MText
+            style={{
+              color: 'white',
+              fontSize: 16,
+              textAlign: 'center',
+              padding: 16,
+            }}
+          >
+            Dùng camera để quét chuỗi ký tự mặt sau thẻ CCCD gắn chip ở phía
+            dưới
+          </MText>
+        </SafeAreaView>
+      </View>
+      <View style={styles.buttonContainer}>
+        <MText
+          style={{
+            color: 'white',
+            fontSize: 14,
+            textAlign: 'center',
+            padding: 16,
+          }}
+        >
+          Vui lòng đặt giấy tờ nằm vừa khung hình chữ nhật, chụp đủ ánh sáng và
+          rõ nét.
+        </MText>
+        <TouchableOpacity
+          onPress={() => takePicture()}
+          style={styles.captureButton}
+        ></TouchableOpacity>
+      </View>
+    </View>
+  );
+};
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+  },
+  camera: {
+    flex: 1,
+  },
+  buttonContainer: {
+    flex: 0,
+    flexDirection: 'column',
+    justifyContent: 'center',
+    alignItems: 'center',
+    position: 'absolute',
+    bottom: 40,
+    left: 0,
+    right: 0,
+  },
+  captureButton: {
+    width: 56,
+    height: 56,
+    borderRadius: 35,
+    backgroundColor: 'white',
+    justifyContent: 'center',
+    alignItems: 'center',
+  },
+  innerCaptureButton: {
+    width: 60,
+    height: 60,
+    borderRadius: 30,
+    backgroundColor: 'red',
+  },
+  overlay: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    justifyContent: 'center',
+    alignItems: 'center',
+  },
+  overlayTop: {
+    flex: 1,
+    backgroundColor: 'rgba(0, 0, 0, 0.5)',
+    width: '100%',
+  },
+  overlayCenter: {
+    flexDirection: 'row',
+  },
+  overlayLeft: {
+    flex: 1,
+    backgroundColor: 'rgba(0, 0, 0, 0.5)',
+  },
+  overlayRect: {
+    width: '90%',
+    height: 100,
+    borderColor: 'white',
+    borderWidth: 2,
+    justifyContent: 'center',
+    alignItems: 'center',
+  },
+  instructionText: {
+    color: 'white',
+    textAlign: 'center',
+    paddingHorizontal: 10,
+    fontSize: 14,
+    position: 'absolute',
+    top: -50,
+  },
+  overlayRight: {
+    flex: 1,
+    backgroundColor: 'rgba(0, 0, 0, 0.5)',
+  },
+  overlayBottom: {
+    flex: 1,
+    backgroundColor: 'rgba(0, 0, 0, 0.5)',
+    width: '100%',
+  },
+  mrzContainer: {
+    padding: 10,
+  },
+  mrzText: {
+    fontSize: 16,
+  },
+});
+
+export default MRZScanner;

package/src/screens/mrz-scanner/store.ts

@@ -0,0 +1,35 @@
+//@ts-nocheck
+import { makeAutoObservable } from "mobx"
+import { Api } from '../../services/api';
+class Store {
+    isLoading = false
+
+    constructor() {
+        makeAutoObservable(this)
+    }
+
+    async addNfcData(body: any, onSuccess?: Function, onError?: Function) {
+        this.isLoading = true
+        try {
+            const response = await Api.getInstance().addNfcData(body)
+            this.isLoading = false
+            if (response.kind === "ok") {
+                if (response.data.meta.errorCode === 200) {
+                    if (onSuccess) onSuccess()
+                } else {
+                    Alert.alert("Thông báo", response.data.meta?.errorMessage)
+                    if (onError) onError()
+                }
+            } else {
+                Alert.alert("Thông báo", "Có lỗi xảy ra. Vui lòng thử lại sau")
+                if (onError) onError()
+            }
+        } catch (error) {
+            console.log(error)
+            this.isLoading = false
+        }
+    }
+}
+
+const nfcStore = new Store()
+export default nfcStore

package/src/screens/register/Store.tsx

@@ -8,7 +8,7 @@ import { save, USER } from '../../utils/storage';
 class Store {
   @observable isLoading = false;
   @observable isError = false;
-  @observable type = 2;
+  @observable type = 3;
 
   @action
   async getOTP(params, onSuccess?) {

package/src/screens/terms/TermScreen.tsx

@@ -9,9 +9,14 @@ import MButton from '../../components/MButton';
 import { MText } from '../../components/MText';
 import { color } from '../../theme';
 import { IconBack } from '../../assets/icons';
+import Pdf from 'react-native-pdf';
+import LinearGradient from 'react-native-linear-gradient';
+import livenessStore from '../liveness/LivenessStore';
 
 export const TermScreen = observer(function TermScreen(props) {
   const navigation = useNavigation();
+  const [isAccept, setIsAccept] = useState(true);
+  const loan = props?.route?.params;
 
   useEffect(() => {}, []);
 
@@ -59,10 +64,118 @@ export const TermScreen = observer(function TermScreen(props) {
             </MText>
           </View>
           <View style={{ backgroundColor: color.border }} />
-          <WebView
+          {/* <WebView
             source={{ uri: 'https://tima.vn/dieu-khoan.html' }}
             style={{ flex: 1 }}
+          /> */}
+          <Pdf
+            source={{
+              uri: 'https://cdn.tima.vn/file-pdf/20240509_DIEU_KHOAN_VA_DIEU_KIEN_TIMA.pdf',
+            }}
+            style={[commonStyles.fill]}
           />
+          <View
+            style={{
+              backgroundColor: 'white',
+              paddingHorizontal: 24,
+              position: 'absolute',
+              bottom: 0,
+              left: 0,
+              right: 0,
+              paddingVertical: 16,
+            }}
+          >
+            <View
+              style={{
+                width: '100%',
+                alignItems: 'center',
+                flexDirection: 'row',
+              }}
+            >
+              <MButton
+                onPress={() => {
+                  setIsAccept(!isAccept);
+                }}
+              >
+                {!isAccept ? <CheckBox /> : <CheckBoxActive />}
+              </MButton>
+              <MButton
+                style={{ flexDirection: 'row' }}
+                onPress={() => {
+                  setIsAccept(!isAccept);
+                }}
+              >
+                <MText
+                  style={{
+                    marginLeft: 10,
+                    color: '#1D1B1B',
+                    fontSize: 14,
+                    fontWeight: '400',
+                  }}
+                >
+                  Tôi đồng ý với các
+                </MText>
+
+                <MText
+                  style={{
+                    color: color.primary,
+                    fontSize: 14,
+                    fontWeight: '400',
+                  }}
+                >
+                  {' '}
+                  điều khoản
+                </MText>
+                <MText
+                  style={{
+                    marginLeft: 4,
+                    color: '#1D1B1B',
+                    fontSize: 14,
+                    fontWeight: '400',
+                  }}
+                >
+                  của Tima
+                </MText>
+              </MButton>
+            </View>
+            <TouchableOpacity
+              style={{
+                flex: 1,
+                width: '100%',
+              }}
+              disabled={!isAccept}
+              onPress={() => {
+                livenessStore.confirmLicense(loan?.id, () => {
+                  navigation.goBack();
+                });
+              }}
+            >
+              <LinearGradient
+                style={{
+                  height: 40,
+                  marginVertical: 16,
+                  borderRadius: 30,
+                  alignItems: 'center',
+                  justifyContent: 'center',
+                }}
+                colors={
+                  isAccept ? ['#FF7A00', '#EF4123'] : ['#BDBDBD', '#BDBDBD']
+                }
+              >
+                <MText
+                  style={[
+                    commonStyles.textNormalBold,
+                    {
+                      color: true ? 'white' : '#333333',
+                      textAlign: 'center',
+                    },
+                  ]}
+                >
+                  {'xác nhận'.toUpperCase()}
+                </MText>
+              </LinearGradient>
+            </TouchableOpacity>
+          </View>
         </View>
       </SafeAreaView>
     </View>

package/src/services/api/api-config.ts

@@ -1,5 +1,5 @@
-const API_URL = 'https://apiapplos.tima.vn/'
-// const API_URL = 'https://apidevlos.tima.vn/'
+// const API_URL = 'https://apiapplos.tima.vn/'
+const API_URL = 'https://apidevlos.tima.vn/'
 export interface ApiConfig {
   url: string
   timeout: number

package/src/services/api/api.ts

@@ -2319,4 +2319,60 @@ export class Api {
       return { kind: "bad-data" }
     }
   }
+
+  async getPaymentScheduleTima(id) {
+    // make the api call
+    const response: ApiResponse<any> = await this.apisauce.get(`api/v2.0/loanbrief/payment_schedule_tima?loanBriefId=${id}`)
+    myLog(response)
+    // the typical ways to die when calling an api
+    if (!response.ok) {
+      const problem = getGeneralApiProblem(response)
+      if (problem) return problem
+    }
+
+    // transform the data into the format we are expecting
+    try {
+      return { kind: "ok", data: response.data }
+    } catch {
+      return { kind: "bad-data" }
+    }
+  }
+
+  async confirmRule(loandID) {
+    // make the api call
+    const response: ApiResponse<any> = await this.apisauce.post(`api/v2.0/loanbrief/log_confirm_tima_rules`, {
+      LoanBriefId: loandID
+    })
+    myLog(response)
+    // the typical ways to die when calling an api
+    if (!response.ok) {
+      const problem = getGeneralApiProblem(response)
+      if (problem) return problem
+    }
+
+    // transform the data into the format we are expecting
+    try {
+      return { kind: "ok", data: response.data }
+    } catch {
+      return { kind: "bad-data" }
+    }
+  }
+
+  async addNfcData(body: any) {
+    // make the api call
+    const response: ApiResponse<any> = await this.apisauce.post(`api/v1.0/timacare/add_nfc_raw`, body)
+    myLog(response)
+    // the typical ways to die when calling an api
+    if (!response.ok) {
+      const problem = getGeneralApiProblem(response)
+      if (problem) return problem
+    }
+    // transform the data into the format we are expecting
+    try {
+      return { kind: "ok", data: response.data }
+    } catch {
+      return { kind: "bad-data" }
+    }
+  }
+
 }