react-native-timacare 3.0.8 → 3.0.10

package/src/screens/detail-loan/QrPayment.tsx

@@ -0,0 +1,227 @@
+// @ts-nocheck
+import { observer } from 'mobx-react-lite';
+import React from 'react';
+import {
+  Clipboard,
+  SafeAreaView,
+  ScrollView,
+  TextInput,
+  TouchableOpacity,
+  View,
+} from 'react-native';
+import { commonStyles } from '../CommonStyles';
+import { useNavigation } from '@react-navigation/native';
+import { IconBack, IconCopy } from '../../assets/icons';
+import { color } from '../../theme';
+import { MText } from '../../components/MText';
+import LinearGradient from 'react-native-linear-gradient';
+import { formatMoney } from '../../utils';
+import MHeader from '../../components/MHeader';
+
+export const QrPayment = observer(function QrPayment(props: any) {
+  const navigation = useNavigation();
+  const [totalMoney, setTotalMoney] = React.useState(
+    props.route.params.item?.payMoney || 0
+  );
+
+  return (
+    <View style={{ flex: 1, backgroundColor: 'rgba(244, 244, 244, 1)' }}>
+      <MHeader
+        title={`Tạo mã QR để thanh toán`}
+        onBack={() => navigation.goBack()}
+      />
+      <SafeAreaView style={{ flex: 1 }}>
+        <ScrollView>
+          <View
+            style={{
+              backgroundColor: 'white',
+              margin: 16,
+              borderRadius: 16,
+              padding: 16,
+            }}
+          >
+            <MText
+              style={{
+                fontWeight: '600',
+                fontSize: 16,
+                color: 'rgba(61, 61, 61, 1)',
+              }}
+            >
+              Kỳ thanh toán
+            </MText>
+            <TouchableOpacity
+              style={{
+                borderWidth: 1,
+                borderColor: 'rgba(229, 229, 234, 1)',
+                height: 40,
+                borderRadius: 8,
+                flexDirection: 'row',
+                alignItems: 'center',
+                paddingHorizontal: 16,
+                marginTop: 8,
+              }}
+            >
+              <MText
+                style={{
+                  fontSize: 16,
+                }}
+              >
+                Kỳ hiện tại
+              </MText>
+            </TouchableOpacity>
+            <MText
+              style={{
+                fontWeight: '600',
+                fontSize: 16,
+                color: 'rgba(61, 61, 61, 1)',
+                marginTop: 16,
+              }}
+            >
+              Số tiền
+            </MText>
+            <TextInput
+              value={formatMoney(totalMoney)}
+              style={{
+                height: 40,
+                borderWidth: 1,
+                borderColor: 'rgba(229, 229, 234, 1)',
+                borderRadius: 8,
+                paddingHorizontal: 16,
+                marginTop: 8,
+                fontSize: 16,
+              }}
+              onChangeText={(text) => {
+                const numericValue = text.replace(/\D/g, '');
+                setTotalMoney(numericValue);
+              }}
+              keyboardType="number-pad"
+            />
+            <View
+              style={{
+                height: 1,
+                backgroundColor: 'rgba(229, 229, 234, 1)',
+                marginVertical: 16,
+              }}
+            />
+            <MText
+              style={{
+                fontWeight: '600',
+              }}
+            >
+              Thông tin ngân hàng thanh toán của Tima
+            </MText>
+            <MText
+              style={{
+                color: 'rgba(130, 130, 130, 1)',
+                fontSize: 12,
+                marginTop: 4,
+              }}
+            >
+              * Lưu ý: Chỉ chuyển khoản khi hiển thị mã QR đúng với thông tin
+              của số tài khoản dưới đây
+            </MText>
+            <View
+              style={{
+                backgroundColor: 'rgba(255, 243, 233, 1)',
+                padding: 8,
+                borderRadius: 8,
+                marginTop: 8,
+              }}
+            >
+              <MText
+                style={{
+                  color: 'rgba(51, 51, 51, 1)',
+                  fontSize: 12,
+                }}
+              >
+                Số tài khoản
+              </MText>
+              <View
+                style={{
+                  flexDirection: 'row',
+                  alignItems: 'center',
+                  justifyContent: 'space-between',
+                }}
+              >
+                <MText
+                  style={{
+                    color: 'rgba(61, 61, 61, 1)',
+                    fontWeight: '600',
+                  }}
+                >
+                  {props.route.params?.data?.accountNumber}
+                </MText>
+                <TouchableOpacity
+                  onPress={() =>
+                    Clipboard.setString(props.route.params?.data?.accountNumber)
+                  }
+                >
+                  <IconCopy />
+                </TouchableOpacity>
+              </View>
+              <MText
+                style={{
+                  color: 'rgba(51, 51, 51, 1)',
+                  fontSize: 12,
+                  marginTop: 5,
+                }}
+              >
+                Tên tài khoản thụ hưởng
+              </MText>
+              <MText
+                style={{
+                  color: 'rgba(61, 61, 61, 1)',
+                  fontWeight: '600',
+                }}
+              >
+                {props.route.params?.data?.accountName}
+              </MText>
+              <MText
+                style={{
+                  color: 'rgba(51, 51, 51, 1)',
+                  fontSize: 12,
+                  marginTop: 5,
+                }}
+              >
+                Ngân hàng
+              </MText>
+              <MText
+                style={{
+                  color: 'rgba(61, 61, 61, 1)',
+                  fontWeight: '600',
+                }}
+              >
+                {props.route.params?.data?.bankName}
+              </MText>
+            </View>
+          </View>
+        </ScrollView>
+        <LinearGradient
+          style={{
+            borderRadius: 24,
+            height: 40,
+            alignItems: 'center',
+            justifyContent: 'center',
+            marginVertical: 24,
+            marginHorizontal: 16,
+          }}
+          colors={['#FF7A00', '#EF4123']}
+        >
+          <TouchableOpacity
+            onPress={() =>
+              navigation.navigate('ShowQrCode', {
+                amount: totalMoney,
+                ...props.route.params,
+                id: props?.route?.params?.id,
+              })
+            }
+          >
+            <MText style={{ color: 'white', fontSize: 16, fontWeight: '600' }}>
+              Tiếp tục & Nhận mã QR thanh toán
+            </MText>
+          </TouchableOpacity>
+        </LinearGradient>
+      </SafeAreaView>
+    </View>
+  );
+});

package/src/screens/detail-loan/ShowQrCode.tsx

@@ -0,0 +1,253 @@
+//@ts-nocheck
+import { observer } from 'mobx-react-lite';
+import React, { useEffect, useState } from 'react';
+import {
+  Alert,
+  Clipboard,
+  Dimensions,
+  Image,
+  SafeAreaView,
+  ScrollView,
+  TouchableOpacity,
+  View,
+} from 'react-native';
+import { commonStyles } from '../CommonStyles';
+import { IconBack, IconCopy, IconDownload } from '../../assets/icons';
+import { color } from '../../theme';
+import { MText } from '../../components/MText';
+import { useNavigation } from '@react-navigation/native';
+import { Api } from '../../services/api';
+import Loading from '../../components/Loading';
+import { CameraRoll } from '@react-native-camera-roll/camera-roll';
+import ReactNativeBlobUtil from 'react-native-blob-util';
+import { formatMoney } from '../../utils';
+import MHeader from '../../components/MHeader';
+
+export const ShowQrCode = observer(function ShowQrCode(props: any) {
+  const navigation = useNavigation();
+  const [linkImage, setLinkImage] = useState<string>();
+  const [isLoading, setIsLoading] = useState(false);
+
+  const getData = () => {
+    setIsLoading(true);
+    Api.getInstance()
+      .getQrPayment({
+        LoanBriefId: props?.route?.params?.id,
+        TypeCloseLoan: 0, // đóng tiền kỳ
+        Money: props?.route?.params?.amount,
+      })
+      .then((response) => {
+        setIsLoading(false);
+        if (response.kind === 'ok') {
+          if (response.data.meta.errorCode === 200) {
+            setLinkImage(response.data?.data?.fullPath);
+          } else {
+            Alert.alert('Thông báo', response?.data?.meta?.errorMessage);
+          }
+        } else {
+          Alert.alert('Thông báo', 'Có lỗi xảy ra. Vui lòng thử lại sau');
+        }
+      })
+      .catch((err) => {
+        Alert.alert('Thông báo', 'Có lỗi xảy ra. Vui lòng thử lại sau');
+        setIsLoading(false);
+      });
+  };
+
+  useEffect(() => {
+    getData();
+  }, []);
+
+  return (
+    <View style={{ flex: 1, backgroundColor: 'rgba(244, 244, 244, 1)' }}>
+      <MHeader title="Tất toán khoản vay" onBack={() => navigation.goBack()} />
+      <SafeAreaView style={{ flex: 1 }}>
+        <ScrollView>
+          <View
+            style={{
+              backgroundColor: 'white',
+              margin: 16,
+              borderRadius: 16,
+              padding: 16,
+            }}
+          >
+            <MText
+              style={{
+                textAlign: 'center',
+                fontSize: 12,
+                fontWeight: '300',
+              }}
+            >
+              Để thanh toán hợp đồng, vui lòng chuyển khoản tới
+            </MText>
+            <MText
+              style={{
+                textAlign: 'center',
+                fontSize: 12,
+                fontWeight: '600',
+                color: 'rgba(51, 51, 51, 1)',
+                marginTop: 4,
+              }}
+            >
+              {props?.route?.params?.data?.bankName}
+            </MText>
+
+            <View
+              style={{
+                height: 1,
+                backgroundColor: 'rgba(224, 224, 224, 1)',
+                marginVertical: 10,
+              }}
+            />
+            <View
+              style={{
+                flexDirection: 'column',
+                justifyContent: 'center',
+                alignItems: 'center',
+              }}
+            >
+              <Image
+                source={{
+                  uri: linkImage,
+                }}
+                style={{
+                  width: Dimensions.get('window').width - 50,
+                  height: Dimensions.get('window').width - 50,
+                  resizeMode: 'contain',
+                }}
+              />
+              <TouchableOpacity
+                style={{
+                  marginTop: 10,
+                  flexDirection: 'row',
+                  alignItems: 'center',
+                  gap: 5,
+                }}
+                onPress={async () => {
+                  ReactNativeBlobUtil.config({
+                    fileCache: true,
+                    appendExt: 'png',
+                  })
+                    .fetch('GET', linkImage) //GET request to URL which has your file
+                    .then((res) => {
+                      console.log(res);
+                      CameraRoll.saveAsset(res.data, { type: 'photo' })
+                        .then(() => {
+                          Alert.alert('Thông báo', 'Tải mã QR thành công');
+                        })
+                        .catch((error) => {
+                          Alert.alert(
+                            'Thông báo',
+                            'Có lỗi xảy ra. Vui lòng thử lại sau'
+                          );
+                          console.log(error);
+                        });
+                    })
+                    .catch((error) => {
+                      console.log(error);
+                      Alert.alert(
+                        'Thông báo',
+                        'Có lỗi xảy ra. Vui lòng thử lại sau'
+                      );
+                    });
+                }}
+              >
+                <IconDownload />
+                <MText
+                  style={{
+                    color: 'rgba(51, 51, 51, 1)',
+                    fontSize: 12,
+                  }}
+                >
+                  Tải mã QR
+                </MText>
+              </TouchableOpacity>
+            </View>
+            <View
+              style={{
+                height: 1,
+                backgroundColor: 'rgba(224, 224, 224, 1)',
+                marginVertical: 10,
+              }}
+            />
+            <View>
+              <MText
+                style={{
+                  fontSize: 12,
+                  color: 'rgba(51, 51, 51, 1)',
+                  fontWeight: '300',
+                }}
+              >
+                Số tiền thanh toán
+              </MText>
+              <MText
+                style={{
+                  fontSize: 16,
+                  color: color.primary,
+                  fontWeight: '600',
+                }}
+              >
+                {formatMoney(props?.route?.params?.amount)} đ
+              </MText>
+
+              <MText
+                style={{
+                  fontSize: 12,
+                  color: 'rgba(51, 51, 51, 1)',
+                  fontWeight: '300',
+                  marginTop: 16,
+                }}
+              >
+                Số tài khoản
+              </MText>
+              <View
+                style={{
+                  flexDirection: 'row',
+                  alignItems: 'center',
+                  justifyContent: 'space-between',
+                }}
+              >
+                <MText
+                  style={{
+                    color: 'rgba(61, 61, 61, 1)',
+                    fontWeight: '600',
+                    fontSize: 16,
+                  }}
+                >
+                  {props.route.params?.data?.accountNumber}
+                </MText>
+                <TouchableOpacity
+                  onPress={() =>
+                    Clipboard.setString(props.route.params?.data?.accountNumber)
+                  }
+                >
+                  <IconCopy />
+                </TouchableOpacity>
+              </View>
+              <MText
+                style={{
+                  fontSize: 12,
+                  color: 'rgba(51, 51, 51, 1)',
+                  fontWeight: '300',
+                  marginTop: 16,
+                }}
+              >
+                Tên tài khoản thụ hưởng
+              </MText>
+              <MText
+                style={{
+                  color: 'rgba(61, 61, 61, 1)',
+                  fontWeight: '600',
+                  fontSize: 16,
+                }}
+              >
+                {props.route.params?.data?.accountName}
+              </MText>
+            </View>
+          </View>
+        </ScrollView>
+      </SafeAreaView>
+      <Loading isLoading={isLoading} />
+    </View>
+  );
+});

package/src/screens/liveness/index.tsx

@@ -89,12 +89,12 @@ export const LiveNess = observer(function LiveNess(props: any) {
               '#timacare'
             );
           } catch (e) {}
-          RNFS.unlink(livenessStore.videoFile);
-          for (let i = 1; i <= 20; i++) {
-            const file =
-              'file://' + template + `_img_${('000' + i).slice(-4)}.jpg`;
-            RNFS.unlink(file);
-          }
+          // RNFS.unlink(livenessStore.videoFile);
+          // for (let i = 1; i <= 20; i++) {
+          //   const file =
+          //     'file://' + template + `_img_${('000' + i).slice(-4)}.jpg`;
+          //   RNFS.unlink(file);
+          // }
         },
         (errorMessage) => {
           try {
@@ -155,7 +155,7 @@ export const LiveNess = observer(function LiveNess(props: any) {
       for (let i = 0; i < numFrames; i++) {
         const time = i * 500;
         const result = await createThumbnail({
-          url: videoPath,
+          url: videoFile,
           timeStamp: time,
         });
         console.log(`Thumbnail at ${time}ms: `, result.path);
@@ -216,7 +216,7 @@ export const LiveNess = observer(function LiveNess(props: any) {
         await RNFS.copyFile(data.uri, newPath).then(() => {
           console.log('Copied to:', newPath);
         });
-        captureFromVideo(newPath);
+        captureFromVideo(Platform.OS === 'android' ? data?.uri : newPath);
       } else {
         Alert.alert(
           'Thông báo',

package/src/screens/liveness-v2/index.tsx

@@ -358,7 +358,9 @@ export const LivenessV2 = observer(function LivenessV2(props: any) {
         await RNFS.copyFile(data.uri, newPath).then(() => {
           console.log('Copied to:', newPath);
         });
-        const thump = await extractFramesFromVideo(newPath);
+        const thump = await extractFramesFromVideo(
+          Platform.OS === 'android' ? data.uri : newPath
+        );
         if (thump.length > 0) {
           uploadLiveness(thump);
         }

package/src/screens/loginWithPassword/index.tsx

@@ -112,7 +112,7 @@ export const LoginWithPassword = observer(function LoginWithPassword(
             setFieldValue,
             isValid,
           }) => (
-            <View style={{ flex: 1 }}>
+            <View style={{ flex: 1, marginTop: 16 }}>
               <TextInput
                 secureTextEntry
                 style={{

package/src/services/api/api.ts

@@ -2474,4 +2474,21 @@ export class Api {
     }
   }
 
+  async getQrPayment(body) {
+    // make the api call
+    const response: ApiResponse<any> = await this.apisauce.post(`api/v2.0/loanbrief/qr_payment_tima`, 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" }
+    }
+  }
+
 }