react-native-timacare 3.3.20 → 3.3.22

package/src/screens/motobike/PolicyF88.tsx

@@ -0,0 +1,131 @@
+//@ts-nocheck
+import React from 'react';
+import { Dimensions, TouchableOpacity, View } from 'react-native';
+import Pdf from 'react-native-pdf';
+import { commonStyles } from '../CommonStyles';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import { CheckBox, CheckBoxActive, IconBack } from '../../assets/icons';
+import { useNavigation } from '@react-navigation/native';
+import { MText } from '../../components/MText';
+import { Api } from '../../services/api';
+import LinearGradient from 'react-native-linear-gradient';
+export default function PolicyF88(props) {
+  const navigation = useNavigation();
+  const insets = useSafeAreaInsets();
+  const [check, setCheck] = React.useState(false);
+  const [isLoading, setIsLoading] = React.useState(false);
+  const { item } = props.route.params;
+  const confirm = async () => {
+    try {
+      setIsLoading(true);
+      const response = await Api.getInstance().confirmF88({
+        loanBriefId: item?.id,
+      });
+      if (response.kind === 'ok' && response.data?.meta?.errorCode === 200) {
+        navigation.goBack();
+      } else {
+        Alert.alert(
+          'Thông báo',
+          response?.data?.meta?.errorMessage ||
+            'Có lỗi xảy ra, vui lòng thử lại sau!'
+        );
+      }
+    } catch (error) {
+      Alert.alert('Thông báo', 'Có lỗi xảy ra, vui lòng thử lại sau');
+    } finally {
+      setIsLoading(false);
+    }
+  };
+  return (
+    <View style={{ flex: 1, backgroundColor: 'white' }}>
+      <View
+        style={{
+          marginTop: insets.top,
+          paddingVertical: 16,
+          alignItems: 'center',
+          justifyContent: 'center',
+          flexDirection: 'row',
+        }}
+      >
+        <TouchableOpacity
+          onPress={() => navigation.goBack()}
+          style={{
+            position: 'absolute',
+            left: 16,
+          }}
+        >
+          <IconBack />
+        </TouchableOpacity>
+        <MText
+          style={{
+            fontWeight: 'bold',
+          }}
+        >
+          ĐIỀU KIỆN VÀ ĐIỀU KHOẢN
+        </MText>
+      </View>
+      <View style={{ flex: 1 }}>
+        <Pdf
+          trustAllCerts={false}
+          source={{
+            uri: 'https://cdn.tima.vn/file-pdf/policy_f88.pdf',
+          }}
+          style={{
+            flex: 1,
+            width: Dimensions.get('window').width,
+            height: Dimensions.get('window').height,
+          }}
+        />
+      </View>
+      <View style={{ padding: 16 }}>
+        <View
+          style={{
+            flexDirection: 'row',
+            alignItems: 'center',
+            marginTop: 24,
+            gap: 8,
+          }}
+        >
+          <TouchableOpacity
+            onPress={() => {
+              setCheck(!check);
+            }}
+          >
+            {check ? <CheckBoxActive /> : <CheckBox />}
+          </TouchableOpacity>
+          <MText>
+            Tôi đồng ý với{' '}
+            <MText style={{ color: '#2F80ED' }}>điều kiện và điều khoản</MText>
+          </MText>
+        </View>
+        <TouchableOpacity
+          disabled={check || isLoading ? false : true}
+          onPress={() => {
+            confirm();
+          }}
+        >
+          <LinearGradient
+            colors={check ? ['#FF8E4F', '#EF592E'] : ['#E0E0E0', '#E0E0E0']}
+            style={{
+              height: 40,
+              alignItems: 'center',
+              justifyContent: 'center',
+              borderRadius: 24,
+              paddingHorizontal: 10,
+              marginTop: 24,
+            }}
+          >
+            <MText
+              style={{
+                color: 'white',
+                fontWeight: 'bold',
+              }}
+            >
+              Đồng ý & Tiếp tục
+            </MText>
+          </LinearGradient>
+        </TouchableOpacity>
+      </View>
+    </View>
+  );
+}

package/src/screens/motobike/ReviewLoanMotobike.tsx

@@ -0,0 +1,453 @@
+//@ts-nocheck
+import React, { useEffect, useRef, useState } from 'react';
+import {
+  Alert,
+  ScrollView,
+  TextInput,
+  TextStyle,
+  TouchableOpacity,
+  View,
+  ViewStyle,
+} from 'react-native';
+import MHeader from '../../components/MHeader';
+import { commonStyles } from '../CommonStyles';
+import {
+  CheckBox,
+  CheckBoxActive,
+  DropDown2,
+  IconBack,
+  Tick2,
+} from '../../assets/icons';
+import { MText } from '../../components/MText';
+import { CommonActions, useNavigation } from '@react-navigation/native';
+import { ScreenNames } from '../../navigation';
+import { Api } from '../../services/api';
+import ttsStore from '../toan-trinh-so/store';
+import appStore from '../../AppStore';
+import { Formik } from 'formik';
+import * as yup from 'yup';
+import { formatMoney } from '../../utils';
+import { color } from '../../theme';
+import MButton from '../../components/MButton';
+import KeyboardSpacer from '../../components/keyboardspace';
+import LinearGradient from 'react-native-linear-gradient';
+import Loading from '../../components/Loading';
+
+export default function ReviewLoanMotobike(props) {
+  const navigation = useNavigation();
+  const loan = props?.route?.params?.loan;
+  const formRef = useRef(null);
+  const [isLoading, setIsLoading] = useState(false);
+
+  const onSubmit = async (values) => {
+    try {
+      setIsLoading(true);
+      const body = {
+        loanBriefId: loan?.id,
+        loanAmount: Number(values.loanAmount),
+        rateTypeId: values.rateTypeId,
+        loanTime: values.loanTime,
+      };
+
+      const response = await Api.getInstance().updateInfoMotobikeLoan2(body);
+      setIsLoading(false);
+      if (response.kind === 'ok') {
+        if (response.data?.meta?.errorCode === 200) {
+          navigation.dispatch(
+            CommonActions.reset({
+              index: 1,
+              routes: [{ name: ScreenNames.Main }],
+            })
+          );
+        } 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 (error) {
+      setIsLoading(false);
+      console.log(error);
+    }
+  };
+
+  const getData = async () => {
+    try {
+      setIsLoading(true);
+      const response = await Api.getInstance().getInfoMotobikeLoan2(loan?.id);
+      setIsLoading(false);
+
+      if (response.kind === 'ok') {
+        if (response.data?.meta.errorCode === 200) {
+          formRef.current.setFieldValue(
+            'loanAmount',
+            response?.data?.data?.loanAmount ?? 0
+          );
+          formRef.current.setFieldValue(
+            'rateTypeId',
+            response?.data?.data?.rateTypeId ?? null
+          );
+
+          if (response?.data?.data?.rateTypeId) {
+            appStore.getLoanTimeByType(
+              response?.data?.data?.rateTypeId,
+              props.route?.params?.loan?.typeLoan ?? 0
+            );
+          }
+          formRef.current.setFieldValue(
+            'loanTime',
+            response?.data?.data?.loanTime ?? null
+          );
+        } else {
+        }
+      }
+    } catch (error) {
+      setIsLoading(false);
+      console.log(error);
+    }
+  };
+
+  useEffect(() => {
+    getData();
+    appStore.getRateTypeAll();
+  }, []);
+
+  return (
+    <View style={{ flex: 1 }}>
+      <MHeader title="Vay Online 24/7" />
+      <View style={commonStyles.fill}>
+        <View style={$h} />
+        <View style={$bg}>
+          <View
+            style={{
+              paddingVertical: 10,
+              flexDirection: 'row',
+              alignItems: 'center',
+              paddingHorizontal: 16,
+            }}
+          >
+            <TouchableOpacity
+              style={{
+                zIndex: 1000,
+              }}
+              onPress={() => {
+                navigation.dispatch(
+                  CommonActions.reset({
+                    index: 1,
+                    routes: [{ name: ScreenNames.Main }],
+                  })
+                );
+              }}
+            >
+              <IconBack />
+            </TouchableOpacity>
+            <MText style={$title}>Thông tin chi tiết</MText>
+          </View>
+          <Formik
+            validateOnBlur={false}
+            validateOnChange={false}
+            innerRef={formRef}
+            onSubmit={onSubmit}
+            initialValues={{
+              loanAmount: '',
+              rateTypeId: null,
+              loanTime: null,
+              isCheck: true,
+            }}
+            validationSchema={yup.object().shape({
+              loanAmount: yup.string().required('Số tiền là bắt buộc'),
+              rateTypeId: yup.number().required('HTTT là bắt buộc').nullable(),
+              loanTime: yup
+                .number()
+                .required('Thời gian vay là bắt buộc')
+                .nullable(),
+            })}
+          >
+            {({
+              values,
+              setFieldValue,
+              errors,
+              handleSubmit,
+              handleChange,
+            }) => (
+              <ScrollView
+                style={[commonStyles.fill, { paddingHorizontal: 16 }]}
+              >
+                <MText style={$title2}>Thông tin đề nghị khoản vay</MText>
+                <View style={$row}>
+                  <View style={{ flex: 1 }}>
+                    <MText style={$label}>Số tiền đề nghị vay</MText>
+                    <TextInput
+                      numberOfLines={1}
+                      style={[
+                        $textInput,
+                        {
+                          color: '#EF592E',
+                          fontSize: 16,
+                          fontWeight: '500',
+                        },
+                      ]}
+                      value={formatMoney(values.loanAmount)}
+                      onChangeText={(text) => {
+                        setFieldValue('loanAmount', text.replaceAll(',', ''));
+                      }}
+                    />
+                    {errors && errors.loanAmount && (
+                      <MText style={$error}>{errors.loanAmount}</MText>
+                    )}
+                  </View>
+                  <View style={{ flex: 1 }}>
+                    <MText style={$label}>Hình thức thanh toán</MText>
+                    <TouchableOpacity
+                      style={$select}
+                      onPress={() => {
+                        navigation.push(ScreenNames.MSelect, {
+                          title: 'Chọn hình thức thanh toán',
+                          data: appStore.listRateType,
+                          callback: (value) => {
+                            setFieldValue('rateTypeId', value?.id);
+                            appStore.getLoanTimeByType(
+                              value?.id,
+                              props?.route?.params?.loan?.typeLoan ?? 0
+                            );
+                            setFieldValue('loanTime', null);
+                          },
+                        });
+                      }}
+                    >
+                      <MText
+                        numberOfLines={1}
+                        style={{
+                          color: '#333333',
+                          fontSize: 16,
+                          fontWeight: '500',
+                          flex: 1,
+                          fontFamily: 'BeVietnamPro-Medium',
+                        }}
+                      >
+                        {
+                          appStore.listRateType?.find(
+                            (x) => x?.id === values.rateTypeId
+                          )?.name
+                        }
+                      </MText>
+                      <DropDown2 />
+                    </TouchableOpacity>
+                    {errors && errors.rateTypeId && (
+                      <MText style={$error}>{errors.rateTypeId}</MText>
+                    )}
+                  </View>
+                </View>
+
+                <MText style={$label}>Thời gian vay</MText>
+                <TouchableOpacity
+                  style={$select}
+                  onPress={() => {
+                    navigation.push(ScreenNames.MSelect, {
+                      title: 'Chọn thời gian vay',
+                      data: appStore.listLoanTimeByType,
+                      callback: (value) => {
+                        setFieldValue('loanTime', value?.id);
+                      },
+                    });
+                  }}
+                >
+                  <MText
+                    numberOfLines={1}
+                    style={{
+                      color: '#333333',
+                      fontSize: 16,
+                      fontWeight: '500',
+                      flex: 1,
+                      fontFamily: 'BeVietnamPro-Medium',
+                    }}
+                  >
+                    {values?.loanTime ? `${values?.loanTime} tháng` : ''}
+                  </MText>
+                  <DropDown2 />
+                </TouchableOpacity>
+                {errors && errors.loanTime && (
+                  <MText style={$error}>{errors.loanTime}</MText>
+                )}
+                <View
+                  style={{
+                    backgroundColor: '#FFF8F2',
+                    borderLeftWidth: 1,
+                    borderRadius: 8,
+                    padding: 16,
+                    borderColor: color.primary,
+                    marginTop: 10,
+                  }}
+                >
+                  <MText
+                    style={{
+                      color: color.primary,
+                      fontWeight: 'bold',
+                    }}
+                  >
+                    Bảo hiểm
+                  </MText>
+                  <View
+                    style={{
+                      flexDirection: 'row',
+                      alignItems: 'center',
+                      gap: 10,
+                      marginTop: 10,
+                    }}
+                  >
+                    <TouchableOpacity
+                      onPress={() => {
+                        setFieldValue('isCheck', !values.isCheck);
+                      }}
+                    >
+                      {values.isCheck === true ? (
+                        <CheckBoxActive />
+                      ) : (
+                        <CheckBox />
+                      )}
+                    </TouchableOpacity>
+                    <View style={{ flex: 1 }}>
+                      <MText
+                        style={{
+                          color: '#333333',
+                          fontSize: 12,
+                          fontWeight: 'bold',
+                        }}
+                      >
+                        Bảo hiểm kèm khoản vay
+                      </MText>
+                    </View>
+                  </View>
+                  <View
+                    style={{
+                      height: 1,
+                      backgroundColor: '#BDBDBD',
+                      marginVertical: 8,
+                    }}
+                  />
+                  <View style={{ flexDirection: 'row', gap: 5 }}>
+                    <Tick2 />
+                    <MText
+                      style={{
+                        fontSize: 10,
+                        color: '#828282',
+                        flex: 1,
+                      }}
+                    >
+                      Gói vay kèm bảo hiểm giúp bạn an tâm và giảm áp lực tài
+                      chính khi có rủi ro.
+                    </MText>
+                  </View>
+                </View>
+              </ScrollView>
+            )}
+          </Formik>
+          <MButton
+            onPress={() => {
+              formRef.current?.handleSubmit();
+            }}
+            style={{
+              marginVertical: 24,
+              marginHorizontal: 16,
+            }}
+          >
+            <LinearGradient
+              start={{ x: 1, y: 0 }}
+              end={{ x: 0, y: 1 }}
+              style={{
+                height: 40,
+                marginVertical: 16,
+                borderRadius: 30,
+                alignItems: 'center',
+                justifyContent: 'center',
+              }}
+              colors={['#FF7A00', '#EF4123']}
+            >
+              <MText
+                style={{
+                  color: 'white',
+                  fontSize: 16,
+                }}
+              >
+                Tiếp tục
+              </MText>
+            </LinearGradient>
+          </MButton>
+          <KeyboardSpacer />
+        </View>
+      </View>
+      <Loading isLoading={isLoading} />
+    </View>
+  );
+}
+const $row: ViewStyle = {
+  flexDirection: 'row',
+  // alignItems: 'center',
+  marginBottom: 16,
+  gap: 16,
+};
+
+const $textInput: ViewStyle = {
+  borderWidth: 1,
+  borderRadius: 4,
+  borderColor: '#E0E0E0',
+  height: 40,
+  paddingHorizontal: 8,
+  fontFamily: 'BeVietnamPro-Medium',
+};
+
+const $label: TextStyle = {
+  fontSize: 14,
+  color: '#333333',
+  paddingBottom: 5,
+};
+
+const $title2: TextStyle = {
+  fontSize: 16,
+  fontWeight: 'bold',
+  color: '#333333',
+  paddingBottom: 10,
+  marginTop: 6,
+};
+
+const $title: TextStyle = {
+  fontSize: 16,
+  fontWeight: 'bold',
+  color: '#333333',
+  position: 'absolute',
+  left: 0,
+  right: 0,
+  textAlign: 'center',
+};
+const $h: ViewStyle = {
+  backgroundColor: '#EF592E',
+  position: 'absolute',
+  height: 30,
+  width: '100%',
+};
+
+const $bg: ViewStyle = {
+  borderTopLeftRadius: 30,
+  borderTopRightRadius: 30,
+  backgroundColor: 'white',
+  flex: 1,
+};
+
+const $select: ViewStyle = {
+  flexDirection: 'row',
+  height: 40,
+  alignItems: 'center',
+  paddingHorizontal: 8,
+  borderWidth: 1,
+  borderRadius: 4,
+  borderColor: '#E0E0E0',
+};
+
+const $error: TextStyle = {
+  color: '#EB5757',
+  fontSize: 14,
+  fontStyle: 'italic',
+  fontFamily: 'BeVietnamPro-Thin',
+  fontWeight: '300',
+  marginTop: 5,
+};

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

@@ -183,6 +183,10 @@ export default function TTSSelfie(props: any) {
             navigation.push(ScreenNames.TopupLoanInfo, {
               loan: props?.route?.params?.loan,
             });
+          } else if (props?.route?.params?.loan?.typeLoan === 8) {
+            navigation.push(ScreenNames.InfoLoanMotobike, {
+              loan: props?.route?.params?.loan,
+            });
           } else {
             navigation.push(ScreenNames.ReviewInformation, {
               loan: props?.route?.params?.loan,

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

@@ -78,19 +78,35 @@ export default function VehicleRegistrationBack(props: any) {
           //   loan: props?.route?.params?.loan,
           //   front: true,
           // });
-          navigation.dispatch(
-            CommonActions.reset({
-              index: 1,
-              routes: [
-                {
-                  name: ScreenNames.AssetInformation,
-                  params: {
-                    loan: props?.route?.params?.loan,
+          if (props?.route?.params?.loan?.typeLoan === 8) {
+            navigation.dispatch(
+              CommonActions.reset({
+                index: 1,
+                routes: [
+                  {
+                    name: ScreenNames.ReviewLoanMotobike,
+                    params: {
+                      loan: props?.route?.params?.loan,
+                    },
                   },
-                },
-              ],
-            })
-          );
+                ],
+              })
+            );
+          } else {
+            navigation.dispatch(
+              CommonActions.reset({
+                index: 1,
+                routes: [
+                  {
+                    name: ScreenNames.AssetInformation,
+                    params: {
+                      loan: props?.route?.params?.loan,
+                    },
+                  },
+                ],
+              })
+            );
+          }
         } else {
           Alert.alert('Thông báo', response.data?.meta?.errorMessage);
         }