react-native-timacare 3.1.3-beta → 3.1.5-beta

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

@@ -0,0 +1,356 @@
+//@ts-nocheck
+import React, { useEffect, useState } from 'react';
+import {
+  Alert,
+  Image,
+  ImageStyle,
+  SafeAreaView,
+  ScrollView,
+  StyleSheet,
+  TouchableOpacity,
+  View,
+} from 'react-native';
+import { commonStyles } from '../CommonStyles';
+import { IconBackWhite } from '../../assets/icons';
+import { MText } from '../../components/MText';
+import {
+  CodeField,
+  Cursor,
+  useBlurOnFulfill,
+  useClearByFocusCell,
+} from 'react-native-confirmation-code-field';
+import { Api } from '../../services/api';
+import Loading from '../../components/Loading';
+import { ScreenNames } from '../../navigation';
+
+const logoView: ImageStyle = {
+  position: 'absolute',
+  width: '100%',
+  height: '100%',
+  resizeMode: 'cover',
+};
+
+export default function TTSOTP({ navigation, route }: any) {
+  const loan = route?.params?.loan;
+  const [description, setDescription] = useState(
+    'Vui lòng click “Gửi mã OTP” để nhận mã xác thực được gửi vào số điện thoại của bạn'
+  );
+  const [timeLeft, setTimeLeft] = useState(300);
+  const [isResendEnabled, setIsResendEnabled] = useState(false);
+  const [isLoading, setIsLoading] = useState(false);
+  const [isCounting, setIsCounting] = useState(false);
+  const CELL_COUNT = 6;
+  const [value, setValue] = useState('');
+  const ref = useBlurOnFulfill({ value, cellCount: CELL_COUNT });
+
+  const [props, getCellOnLayoutHandler] = useClearByFocusCell({
+    value,
+    setValue,
+  });
+
+  useEffect(() => {
+    let interval: NodeJS.Timeout;
+    if (isCounting && timeLeft > 0) {
+      interval = setInterval(() => {
+        setTimeLeft((prev) => prev - 1);
+      }, 1000);
+    } else if (timeLeft === 0) {
+      setIsCounting(false);
+      setIsResendEnabled(true);
+    }
+    return () => clearInterval(interval);
+  }, [isCounting, timeLeft]);
+
+  const sendOtp = async () => {
+    setIsLoading(true);
+    const response = await Api.getInstance().signContractForBorrower({
+      loanBriefId: loan.id,
+    });
+    setIsLoading(false);
+    if (response.kind === 'ok' && response.data.meta.errorCode === 200) {
+      setTimeLeft(300);
+      setDescription(
+        'Mã xác thực OTP của bạn sẽ được gửi vào số điện thoại của bạn, vui lòng nhập mã để hoàn thành ký hợp đồng.'
+      );
+      setIsCounting(true);
+    } else {
+      Alert.alert('Thông báo', response.data.meta.errorMessage, [
+        { text: 'Đồng ý' },
+      ]);
+      setValue('');
+    }
+  };
+
+  const resendOtp = async () => {
+    setIsLoading(true);
+    const response = await Api.getInstance().eSignSendOTP({
+      customerId: loan?.id,
+    });
+    setIsLoading(false);
+    if (response.kind === 'ok' && response.data.meta.errorCode === 200) {
+      setDescription(
+        'Mã xác thực OTP đã được gửi lại vào số điện thoại của bạn, vui lòng nhập mã để hoàn thành ký hợp đồng.'
+      );
+      setTimeLeft(300);
+      setIsCounting(true);
+      setIsResendEnabled(false);
+      setValue('');
+    } else {
+      Alert.alert('Thông báo', response.data.meta.errorMessage, [
+        { text: 'Đồng ý' },
+      ]);
+      setValue('');
+    }
+  };
+
+  const onSubmit = async () => {
+    if (value.length === CELL_COUNT) {
+      setIsLoading(true);
+      const response = await Api.getInstance().confirmSignContractForBorrower({
+        loanBriefId: loan.id,
+        otp: value,
+      });
+      setIsLoading(false);
+      if (response.kind === 'ok' && response.data.meta.errorCode === 200) {
+        Alert.alert('Thông báo', 'Ký hợp đồng thành công', [
+          {
+            text: 'Đồng ý',
+            onPress: () => {
+              navigation.dispatch(
+                CommonActions.reset({
+                  index: 1,
+                  routes: [
+                    {
+                      name: ScreenNames.Main,
+                    },
+                  ],
+                })
+              );
+            },
+          },
+        ]);
+      } else {
+        Alert.alert('Thông báo', response.data.meta.errorMessage, [
+          { text: 'Đồng ý' },
+        ]);
+        setValue('');
+      }
+    } else {
+      Alert.alert('Thông báo', 'Vui lòng nhập đầy đủ mã OTP gồm 6 chữ số.', [
+        { text: 'Đồng ý' },
+      ]);
+      setValue('');
+    }
+  };
+
+  const formatTime = (seconds: number) => {
+    const m = Math.floor(seconds / 60)
+      .toString()
+      .padStart(2, '0');
+    const s = (seconds % 60).toString().padStart(2, '0');
+    return `${m}:${s}`;
+  };
+
+  return (
+    <View style={commonStyles.fill}>
+      <Image source={require('../../assets/tts/otp.png')} style={logoView} />
+      <SafeAreaView style={commonStyles.fill}>
+        <View
+          style={{
+            paddingVertical: 16,
+          }}
+        >
+          <TouchableOpacity
+            onPress={() => {
+              navigation.goBack();
+            }}
+            style={{
+              position: 'absolute',
+              left: 10,
+              top: 16,
+              width: 25,
+              height: 25,
+              zIndex: 1000,
+              alignItems: 'center',
+            }}
+          >
+            <IconBackWhite />
+          </TouchableOpacity>
+          <MText
+            style={{
+              fontSize: 16,
+              color: '#FDFDFD',
+              fontWeight: 'bold',
+              textAlign: 'center',
+            }}
+          >
+            Xác thực OTP
+          </MText>
+        </View>
+        <ScrollView>
+          <MText
+            style={{
+              color: '#FFFFFF',
+              textAlign: 'center',
+              marginTop: 16,
+              paddingHorizontal: 24,
+            }}
+          >
+            {description}
+          </MText>
+          <CodeField
+            ref={ref}
+            {...props}
+            value={value}
+            onChangeText={setValue}
+            cellCount={CELL_COUNT}
+            rootStyle={styles.codeFieldRoot}
+            keyboardType="number-pad"
+            textContentType="oneTimeCode"
+            renderCell={({ index, symbol, isFocused }) => (
+              <View
+                key={index}
+                style={[styles.cell, isFocused && styles.focusCell]}
+                onLayout={getCellOnLayoutHandler(index)}
+              >
+                <MText style={styles.cellText}>
+                  {symbol || (isFocused ? <Cursor /> : null)}
+                </MText>
+              </View>
+            )}
+          />
+          <View
+            style={{
+              flexDirection: 'row',
+              alignItems: 'center',
+              justifyContent: 'center',
+              marginTop: 40,
+            }}
+          >
+            {isCounting ? (
+              <TouchableOpacity
+                onPress={() => {
+                  onSubmit();
+                }}
+                style={{
+                  backgroundColor: 'white',
+                  borderRadius: 4,
+                  height: 40,
+                  alignItems: 'center',
+                  paddingHorizontal: 20,
+                  justifyContent: 'center',
+                }}
+              >
+                <MText
+                  style={{
+                    color: 'rgba(239, 89, 46, 1)',
+                    fontSize: 16,
+                  }}
+                >
+                  Xác nhận
+                </MText>
+              </TouchableOpacity>
+            ) : isResendEnabled ? (
+              <TouchableOpacity
+                onPress={() => {
+                  resendOtp();
+                }}
+                style={{
+                  backgroundColor: 'white',
+                  borderRadius: 4,
+                  height: 40,
+                  alignItems: 'center',
+                  paddingHorizontal: 20,
+                  justifyContent: 'center',
+                }}
+              >
+                <MText
+                  style={{
+                    color: 'rgba(239, 89, 46, 1)',
+                    fontSize: 16,
+                  }}
+                >
+                  Gửi lại mã OTP
+                </MText>
+              </TouchableOpacity>
+            ) : (
+              <TouchableOpacity
+                onPress={() => {
+                  sendOtp();
+                }}
+                style={{
+                  backgroundColor: 'white',
+                  borderRadius: 4,
+                  height: 40,
+                  alignItems: 'center',
+                  paddingHorizontal: 20,
+                  justifyContent: 'center',
+                }}
+              >
+                <MText
+                  style={{
+                    color: 'rgba(239, 89, 46, 1)',
+                    fontSize: 16,
+                  }}
+                >
+                  Gửi mã OTP
+                </MText>
+              </TouchableOpacity>
+            )}
+          </View>
+          {isCounting && (
+            <MText
+              style={{
+                textAlign: 'center',
+                marginTop: 16,
+                color: '#FFFFFF',
+                fontSize: 14,
+              }}
+            >
+              Gửi lại mã OTP sau{' '}
+              <MText
+                style={{
+                  color: '#FFFFFF',
+                  fontWeight: 'bold',
+                }}
+              >
+                ({formatTime(timeLeft)})
+              </MText>
+            </MText>
+          )}
+        </ScrollView>
+      </SafeAreaView>
+      <Loading isLoading={isLoading} />
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  codeFieldRoot: {
+    width: '85%',
+    alignSelf: 'center',
+    marginTop: 24,
+  },
+
+  cell: {
+    width: 50,
+    height: 50,
+    borderRadius: 8,
+    justifyContent: 'center',
+    alignItems: 'center',
+    backgroundColor: 'rgba(253, 253, 253, 0.3)',
+  },
+  focusCell: {
+    // backgroundColor: '#FFFFFF',
+    // borderRadius: 8,
+    // borderWidth: 1,
+    // borderColor: '#EF592E',
+  },
+
+  cellText: {
+    fontSize: 24,
+    textAlign: 'center',
+    color: '#FFFFFF',
+    fontWeight: 'bold',
+  },
+});

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

@@ -0,0 +1,143 @@
+//@ts-nocheck
+import React from 'react';
+import { SafeAreaView, ScrollView, TouchableOpacity, View } from 'react-native';
+import { MText } from '../../components/MText';
+import { CheckBoxActive, IconBack } from '../../assets/icons';
+import LinearGradient from 'react-native-linear-gradient';
+import { CommonActions, useNavigation } from '@react-navigation/native';
+import { ScreenNames } from '../../navigation';
+import Pdf from 'react-native-pdf';
+
+export default function TTSSignLoan(props) {
+  const loan = props?.route?.params?.loan;
+  const navigation = useNavigation();
+
+  return (
+    <View
+      style={{
+        backgroundColor: '#ffffff',
+        flex: 1,
+      }}
+    >
+      <SafeAreaView
+        style={{
+          backgroundColor: '#ffffff',
+          flex: 1,
+        }}
+      >
+        <View
+          style={{
+            paddingVertical: 16,
+            borderBottomWidth: 1,
+            borderBottomColor: '#F2F2F2',
+          }}
+        >
+          <TouchableOpacity
+            onPress={() => {
+              navigation.goBack();
+            }}
+            style={{
+              position: 'absolute',
+              left: 10,
+              top: 16,
+              width: 25,
+              height: 25,
+              zIndex: 1000,
+              alignItems: 'center',
+            }}
+          >
+            <IconBack />
+          </TouchableOpacity>
+          <MText
+            style={{
+              fontSize: 16,
+              color: '#333333',
+              fontWeight: 'bold',
+              textAlign: 'center',
+            }}
+          >
+            Đề nghị giao kết thoả thuận cho vay
+          </MText>
+        </View>
+
+        <View style={{ flex: 1 }}>
+          <Pdf
+            source={{
+              uri: 'https://file.tima.vn/uploads/ESignContract/9506778/HD-9506778_borrower_d0a70791-e213-4a83-b760-089df216afa4.pdf',
+            }}
+            onLoadComplete={(numberOfPages, filePath) => {
+              console.log(`Number of pages: ${numberOfPages}`);
+            }}
+            onPageChanged={(page, numberOfPages) => {
+              console.log(`Current page: ${page}`);
+            }}
+            onError={(error) => {
+              console.log(error);
+            }}
+            onPressLink={(uri) => {
+              console.log(`Link pressed: ${uri}`);
+            }}
+            style={{
+              flex: 1,
+            }}
+          />
+        </View>
+
+        <View
+          style={{
+            borderTopWidth: 1,
+            borderTopColor: '#F2F2F2',
+            paddingVertical: 16,
+          }}
+        >
+          <View
+            style={{
+              flexDirection: 'row',
+              gap: 10,
+              paddingHorizontal: 16,
+            }}
+          >
+            <CheckBoxActive />
+            <MText
+              style={{
+                color: '#333333',
+              }}
+            >
+              Tôi đồng ý với tất cả những điều kiện trong hợp đồng.
+            </MText>
+          </View>
+          <TouchableOpacity
+            onPress={() => {
+              navigation.push(ScreenNames.TTSOTP, { loan });
+            }}
+            style={{
+              marginTop: 24,
+              marginHorizontal: 16,
+            }}
+          >
+            <LinearGradient
+              start={{ x: 1, y: 0 }}
+              end={{ x: 0, y: 1 }}
+              style={{
+                height: 40,
+                borderRadius: 6,
+                alignItems: 'center',
+                justifyContent: 'center',
+              }}
+              colors={['#FF7A00', '#EF4123']}
+            >
+              <MText
+                style={{
+                  color: 'white',
+                  fontSize: 16,
+                }}
+              >
+                Xác nhận ký
+              </MText>
+            </LinearGradient>
+          </TouchableOpacity>
+        </View>
+      </SafeAreaView>
+    </View>
+  );
+}

package/src/services/api/api.ts

@@ -2392,6 +2392,23 @@ export class Api {
     }
   }
 
+  async verifyLiveness2(body: any) {
+    // make the api call
+    const response: ApiResponse<any> = await this.apisauce.post(`api/v2.0/autode/liveness`, 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" }
+    }
+  }
+
   async saveImages(body: any) {
     // make the api call
     const response: ApiResponse<any> = await this.apisauce.post(`api/v1.0/timacare/save_image_liveness`, body)

package/src/utils/index.tsx

@@ -1,97 +1,119 @@
 //@ts-nocheck
-import moment from "moment"
+import moment from 'moment';
 
 export const formatMoney = (x) => {
   try {
     // if (x) {
     x = x
       .toString()
-      .replace(/,/g, "")
+      .replace(/,/g, '')
       .match(/^[-+]?[0-9]*?[0-9]+$/g)
-      .join("")
+      .join('');
     // x = Number(x);
     // x = Number.isNaN(x) ? 0 : x;
-    return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",")
+    return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',');
     // } else {
     //   return '0';
     // }
   } catch (e) {
-    return ""
+    return '';
   }
-}
+};
 
 export const getMoney = (x) => {
   try {
-    x = x.toString().replace(/,|\./g, "")
-    return Number(x)
+    x = x.toString().replace(/,|\./g, '');
+    return Number(x);
   } catch (e) {
-    return 0
+    return 0;
   }
-}
+};
 
 export const removeAccent = (str) => {
-  str = str?.toLowerCase()
-  str = str.replace(/A|Á|À|Ã|Ạ|Â|Ấ|Ầ|Ẫ|Ậ|Ă|Ắ|Ằ|Ẵ|Ặ/g, "A")
-  str = str.replace(/à|á|ạ|ả|ã|â|ầ|ấ|ậ|ẩ|ẫ|ă|ằ|ắ|ặ|ẳ|ẵ/g, "a")
-  str = str.replace(/E|É|È|Ẽ|Ẹ|Ê|Ế|Ề|Ễ|Ệ/, "E")
-  str = str.replace(/è|é|ẹ|ẻ|ẽ|ê|ề|ế|ệ|ể|ễ/g, "e")
-  str = str.replace(/I|Í|Ì|Ĩ|Ị/g, "I")
-  str = str.replace(/ì|í|ị|ỉ|ĩ/g, "i")
-  str = str.replace(/O|Ó|Ò|Õ|Ọ|Ô|Ố|Ồ|Ỗ|Ộ|Ơ|Ớ|Ờ|Ỡ|Ợ/g, "O")
-  str = str.replace(/ò|ó|ọ|ỏ|õ|ô|ồ|ố|ộ|ổ|ỗ|ơ|ờ|ớ|ợ|ở|ỡ/g, "o")
-  str = str.replace(/U|Ú|Ù|Ũ|Ụ|Ư|Ứ|Ừ|Ữ|Ự/g, "U")
-  str = str.replace(/ù|ú|ụ|ủ|ũ|ư|ừ|ứ|ự|ử|ữ/g, "u")
-  str = str.replace(/Y|Ý|Ỳ|Ỹ|Ỵ/g, "Y")
-  str = str.replace(/ỳ|ý|ỵ|ỷ|ỹ/g, "y")
-  str = str.replace(/Đ/g, "D")
-  str = str.replace(/đ/g, "d")
+  str = str?.toLowerCase();
+  str = str.replace(/A|Á|À|Ã|Ạ|Â|Ấ|Ầ|Ẫ|Ậ|Ă|Ắ|Ằ|Ẵ|Ặ/g, 'A');
+  str = str.replace(/à|á|ạ|ả|ã|â|ầ|ấ|ậ|ẩ|ẫ|ă|ằ|ắ|ặ|ẳ|ẵ/g, 'a');
+  str = str.replace(/E|É|È|Ẽ|Ẹ|Ê|Ế|Ề|Ễ|Ệ/, 'E');
+  str = str.replace(/è|é|ẹ|ẻ|ẽ|ê|ề|ế|ệ|ể|ễ/g, 'e');
+  str = str.replace(/I|Í|Ì|Ĩ|Ị/g, 'I');
+  str = str.replace(/ì|í|ị|ỉ|ĩ/g, 'i');
+  str = str.replace(/O|Ó|Ò|Õ|Ọ|Ô|Ố|Ồ|Ỗ|Ộ|Ơ|Ớ|Ờ|Ỡ|Ợ/g, 'O');
+  str = str.replace(/ò|ó|ọ|ỏ|õ|ô|ồ|ố|ộ|ổ|ỗ|ơ|ờ|ớ|ợ|ở|ỡ/g, 'o');
+  str = str.replace(/U|Ú|Ù|Ũ|Ụ|Ư|Ứ|Ừ|Ữ|Ự/g, 'U');
+  str = str.replace(/ù|ú|ụ|ủ|ũ|ư|ừ|ứ|ự|ử|ữ/g, 'u');
+  str = str.replace(/Y|Ý|Ỳ|Ỹ|Ỵ/g, 'Y');
+  str = str.replace(/ỳ|ý|ỵ|ỷ|ỹ/g, 'y');
+  str = str.replace(/Đ/g, 'D');
+  str = str.replace(/đ/g, 'd');
   // Some system encode vietnamese combining accent as individual utf-8 characters
-  str = str.replace(/\u0300|\u0301|\u0303|\u0309|\u0323/g, "") // Huyền sắc hỏi ngã nặng
-  str = str.replace(/\u02C6|\u0306|\u031B/g, "") // Â, Ê, Ă, Ơ, Ư
-  return str
-}
+  str = str.replace(/\u0300|\u0301|\u0303|\u0309|\u0323/g, ''); // Huyền sắc hỏi ngã nặng
+  str = str.replace(/\u02C6|\u0306|\u031B/g, ''); // Â, Ê, Ă, Ơ, Ư
+  return str;
+};
 
 export const formatDDMMYYY = (date) => {
   if (date) {
-    return moment(date).format("DD/MM/YYYY")
+    return moment(date).format('DD/MM/YYYY');
   }
-  return null
-}
+  return null;
+};
 
 export const EnumGender = [
   {
     id: 0,
-    name: "Nam",
+    name: 'Nam',
   },
   {
     id: 1,
-    name: "Nữ",
+    name: 'Nữ',
   },
-]
+];
 
 export const EnumMaritalStatus = [
   {
     id: 0,
-    name: "Chưa kết hôn",
+    name: 'Chưa kết hôn',
   },
   {
     id: 1,
-    name: "Đã kết hôn",
+    name: 'Đã kết hôn',
   },
-]
+];
 
 export const EnumPurpose = [
   {
     id: 3008,
-    name: "Mua sắm trang thiết bị, vật dụng gia đình",
+    name: 'Mua sắm trang thiết bị, vật dụng gia đình',
   },
-]
+];
 
 export const diffDays = (fromDate, toDate) => {
-  const oneDay = 24 * 60 * 60 * 1000 // hours*minutes*seconds*milliseconds
-  const firstDate = new Date(fromDate)
-  const secondDate = new Date(toDate)
+  const oneDay = 24 * 60 * 60 * 1000; // hours*minutes*seconds*milliseconds
+  const firstDate = new Date(fromDate);
+  const secondDate = new Date(toDate);
 
   //@ts-ignore
-  return Math.round(Math.abs((firstDate - secondDate) / oneDay))
-}
+  return Math.round(Math.abs((firstDate - secondDate) / oneDay));
+};
+
+export const EnumTypeCar = [
+  {
+    id: 1,
+    name: 'Xe con/xe bán tải',
+  },
+  {
+    id: 2,
+    name: 'Xe tải/ xe khách',
+  },
+];
+
+export const EnumTypeAsset = [
+  {
+    id: 1,
+    name: 'Cá nhân',
+  },
+  {
+    id: 2,
+    name: 'Doanh nghiệp',
+  },
+];