react-native-timacare 0.0.9 → 0.0.10

package/lib/commonjs/screens/full-submit/accept_policy.js.flow

@@ -1,11 +1,13 @@
 //@ts-nocheck
-import React, { useEffect } from 'react';
+import React, { useEffect, useState } from 'react';
 import { observer } from 'mobx-react-lite';
-import { useNavigation, StackActions } from '@react-navigation/native';
+import { CommonActions, useNavigation } from '@react-navigation/native';
 import {
+  Alert,
   Linking,
   SafeAreaView,
   ScrollView,
+  StyleSheet,
   TouchableOpacity,
   View,
 } from 'react-native';
@@ -15,7 +17,9 @@ import {
   Call,
   CheckBox,
   CheckBoxActive,
+  CIMBBank,
   CloseIcon,
+  Tick2,
   Tima3,
 } from '../../assets/icons';
 import { color } from '../../theme';
@@ -25,228 +29,466 @@ import { commonStyles } from '../CommonStyles';
 import * as yup from 'yup';
 import FullSubmitStore from './store';
 import Loading from '../../components/Loading';
+import { ScreenNames } from '../../navigation';
+import { formatDDMMYYY, formatMoney } from '../../utils';
+import { save } from '../../utils/storage';
 
 export const AcceptPolicy = observer(function AcceptPolicy(props: any) {
   const navigation = useNavigation();
+  const [BuyInsuranceOfCustomer, setBuyInsuranceOfCustomer] = useState(true);
+  const [BuyInsuranceOfProperty, setBuyInsuranceOfProperty] = useState(true);
+  const [ruleCIMB, setRuleCIMB] = useState(true);
+  const [ruleTima, setRuleTima] = useState(true);
+
   const loan = props?.route?.params?.loan;
 
   useEffect(() => {
-    FullSubmitStore.getInsurance();
+    FullSubmitStore.getInsurance(
+      props?.route?.params?.isCimb ? { isCimb: true } : { isCimb: false }
+    );
   }, []);
 
-  const onSubmit = (values: any) => {
-    const body = {
-      FeeInsuranceOfCustomer:
-        FullSubmitStore.dataInsurance?.feeInsuranceOfCustomer,
-      BuyInsuranceOfCustomer: values.BuyInsuranceOfCustomer,
-      BuyInsuranceOfProperty: values.BuyInsuranceOfProperty,
-      FeeInsuranceOfProperty:
-        FullSubmitStore.dataInsurance?.feeInsuranceOfProperty,
-    };
-    FullSubmitStore.confirmInsurance(body, () => {
-      navigation.dispatch(
-        StackActions.push(ScreenNames.FullSubmit, {
-          loan: loan,
-        })
-      );
-    });
+  const onSubmit = () => {
+    if (BuyInsuranceOfCustomer === false) {
+      Alert.alert('Thông báo', 'Bảo hiểm sức khoẻ là bắt buộc', [
+        {
+          text: 'Đồng ý',
+          onPress: () => {
+            setBuyInsuranceOfCustomer(true);
+          },
+        },
+      ]);
+      return;
+    }
+    if (props?.route?.params?.isCimb) {
+      if (!ruleCIMB || !ruleTima) {
+        Alert.alert('Thông báo', 'Vui lòng đọc và tích chọn điều khoản');
+        return;
+      }
+      const body = {
+        FeeInsuranceOfCustomer:
+          FullSubmitStore.dataInsurance?.feeInsuranceOfCustomer,
+        BuyInsuranceOfCustomer: BuyInsuranceOfCustomer,
+        BuyInsuranceOfProperty: BuyInsuranceOfProperty,
+        FeeInsuranceOfProperty:
+          FullSubmitStore.dataInsurance?.feeInsuranceOfProperty,
+      };
+      FullSubmitStore.confirmInsurance(body, () => {
+        const key = `SHOW_${loan?.id}`;
+        save(key, true);
+        navigation.dispatch(
+          CommonActions.reset({
+            index: 1,
+            routes: [{ name: ScreenNames.Main }],
+          })
+        );
+      });
+    } else {
+      if (!ruleTima) {
+        Alert.alert('Thông báo', 'Vui lòng đọc và tích chọn điều khoản');
+        return;
+      }
+      const body = {
+        FeeInsuranceOfCustomer:
+          FullSubmitStore.dataInsurance?.feeInsuranceOfCustomer,
+        BuyInsuranceOfCustomer: BuyInsuranceOfCustomer,
+        BuyInsuranceOfProperty: BuyInsuranceOfProperty,
+        FeeInsuranceOfProperty:
+          FullSubmitStore.dataInsurance?.feeInsuranceOfProperty,
+      };
+      FullSubmitStore.confirmInsurance(body, () => {
+        const key = `SHOW_${loan?.id}`;
+        save(key, true);
+        navigation.dispatch(
+          CommonActions.reset({
+            index: 1,
+            routes: [{ name: ScreenNames.Main }],
+          })
+        );
+      });
+    }
   };
+
   return (
     <View style={{ flex: 1 }}>
       <LinearGradient colors={['#FF8E4F', '#EF592E']}>
         <SafeAreaView
           style={{
             flexDirection: 'row',
-            justifyContent: 'space-between',
-            paddingHorizontal: 16,
-            paddingVertical: 16,
+            paddingVertical: 10,
             alignItems: 'center',
           }}
         >
-          <MText
-            style={{
-              fontWeight: 'bold',
-              color: 'white',
-              fontSize: 16,
-            }}
-          >
-            Vay nhanh 24/7
+          <Tima3 />
+          <View>
+            <MText
+              style={[
+                commonStyles.textNormalBold,
+                {
+                  fontSize: 16,
+                  color: 'white',
+                },
+              ]}
+            >
+              Kết quả đăng ký
+            </MText>
+            <MText style={{ fontSize: 12, color: 'white' }}>
+              Bạn vui lòng đọc kỹ và xác nhận các mục dưới đây!
+            </MText>
+          </View>
+        </SafeAreaView>
+      </LinearGradient>
+      <ScrollView style={{ padding: 16, flex: 1 }}>
+        <View style={styles.box}>
+          <View style={styles.row}>
+            <MText style={{ color: '#828282', fontSize: 12 }}>Họ và tên</MText>
+            <MText style={{ fontWeight: 'bold', fontSize: 12 }}>
+              {FullSubmitStore.dataInsurance?.fullName}
+            </MText>
+          </View>
+          <View style={[styles.row, { marginTop: 8 }]}>
+            <MText style={{ color: '#828282', fontSize: 12 }}>Ngày sinh</MText>
+            <MText style={{ fontWeight: 'bold', fontSize: 12 }}>
+              {formatDDMMYYY(FullSubmitStore.dataInsurance?.dob)}
+            </MText>
+          </View>
+          <View style={[styles.row, { marginTop: 8 }]}>
+            <MText style={{ color: '#828282', fontSize: 12 }}>
+              Số CMND/ CCCD
+            </MText>
+            <MText style={{ fontWeight: 'bold', fontSize: 12 }}>
+              {FullSubmitStore.dataInsurance?.nationalId}
+            </MText>
+          </View>
+          <View style={[styles.row, { marginTop: 8 }]}>
+            <MText style={{ color: '#828282', fontSize: 12 }}>
+              Ngày cấp CMND/ CCCD
+            </MText>
+            <MText style={{ fontWeight: 'bold', fontSize: 12 }}>
+              {formatDDMMYYY(FullSubmitStore.dataInsurance?.dateNational)}
+            </MText>
+          </View>
+        </View>
+        <View style={[styles.box, { marginTop: 8 }]}>
+          <View style={styles.row}>
+            <MText style={{ color: '#828282', fontSize: 12 }}>
+              Tổng khoản vay
+            </MText>
+            <MText
+              style={{ fontWeight: 'bold', fontSize: 12, color: color.primary }}
+            >
+              {formatMoney(FullSubmitStore.dataInsurance?.loanAmount)}đ
+            </MText>
+          </View>
+          <View style={[styles.row, { marginTop: 8 }]}>
+            <MText style={{ color: '#828282', fontSize: 12 }}>
+              Thời hạn vay
+            </MText>
+            <MText style={{ fontWeight: 'bold', fontSize: 12 }}>
+              {FullSubmitStore.dataInsurance?.loanTime} tháng
+            </MText>
+          </View>
+          <View style={[styles.row, { marginTop: 8 }]}>
+            <MText style={{ color: '#828282', fontSize: 12 }}>Lãi suất</MText>
+            <MText style={{ fontWeight: 'bold', fontSize: 12 }}>
+              {FullSubmitStore.dataInsurance?.rate}%/ năm
+            </MText>
+          </View>
+          <View style={[styles.row, { marginTop: 8 }]}>
+            <MText style={{ color: '#828282', fontSize: 12 }}>
+              Thanh toán hàng tháng (dự kiến)
+            </MText>
+            <MText style={{ fontWeight: 'bold', fontSize: 12 }}></MText>
+          </View>
+        </View>
+        <View style={[styles.box, { marginTop: 8 }]}>
+          <MText style={{ color: color.primary, fontWeight: 'bold' }}>
+            Tài khoản người nhận
+          </MText>
+          <View style={[styles.row, { marginTop: 8 }]}>
+            <MText style={{ color: '#828282', fontSize: 12 }}>Ngân hàng</MText>
+            <MText style={{ fontWeight: 'bold', fontSize: 12 }}>
+              {FullSubmitStore.dataInsurance?.bankName}
+            </MText>
+          </View>
+          <View style={[styles.row, { marginTop: 8 }]}>
+            <MText style={{ color: '#828282', fontSize: 12 }}>
+              Tên tài khoản
+            </MText>
+            <MText style={{ fontWeight: 'bold', fontSize: 12 }}>
+              {FullSubmitStore.dataInsurance?.bankAccountName}
+            </MText>
+          </View>
+          <View style={[styles.row, { marginTop: 8 }]}>
+            <MText style={{ color: '#828282', fontSize: 12 }}>
+              Số tài khoản
+            </MText>
+            <MText style={{ fontWeight: 'bold', fontSize: 12 }}>
+              {FullSubmitStore.dataInsurance?.bankAccountNumber}
+            </MText>
+          </View>
+          <View style={[styles.row, { marginTop: 8 }]}>
+            <MText style={{ color: '#828282', fontSize: 12 }}>
+              Số tiền thực nhận (Trừ phí)
+            </MText>
+            <MText
+              style={{ fontWeight: 'bold', fontSize: 12, color: color.primary }}
+            >
+              {!BuyInsuranceOfCustomer && !BuyInsuranceOfProperty
+                ? formatMoney(FullSubmitStore.dataInsurance?.loanAmount)
+                : !BuyInsuranceOfCustomer && BuyInsuranceOfProperty
+                ? formatMoney(
+                    FullSubmitStore.dataInsurance?.loanAmount -
+                      FullSubmitStore.dataInsurance?.feeInsuranceOfProperty
+                  )
+                : BuyInsuranceOfCustomer && !BuyInsuranceOfProperty
+                ? formatMoney(
+                    FullSubmitStore.dataInsurance?.loanAmount -
+                      FullSubmitStore.dataInsurance?.feeInsuranceOfCustomer
+                  )
+                : BuyInsuranceOfCustomer && BuyInsuranceOfProperty
+                ? formatMoney(
+                    FullSubmitStore.dataInsurance?.loanAmount -
+                      FullSubmitStore.dataInsurance?.feeInsuranceOfCustomer -
+                      FullSubmitStore.dataInsurance?.feeInsuranceOfProperty
+                  )
+                : ''}
+              đ
+            </MText>
+          </View>
+        </View>
+        <View style={[styles.box, { marginTop: 8 }]}>
+          <MText style={{ color: color.primary, fontWeight: 'bold' }}>
+            Phí khác
           </MText>
           <View
             style={{
+              marginTop: 8,
               flexDirection: 'row',
-              borderWidth: 1,
-              borderColor: 'white',
-              borderRadius: 30,
-              paddingVertical: 8,
+              justifyContent: 'space-between',
             }}
           >
             <TouchableOpacity
-              style={{ paddingHorizontal: 10 }}
-              // onPress={() => {
-              //   Linking.openURL()
-              // }}
-            >
-              <Call />
-            </TouchableOpacity>
-            <View style={{ width: 1, backgroundColor: 'white' }} />
-            <TouchableOpacity
-              style={{ paddingHorizontal: 10 }}
+              style={{
+                flexDirection: 'row',
+                alignItems: 'center',
+              }}
               onPress={() => {
-                navigation.pop();
+                setBuyInsuranceOfCustomer(!BuyInsuranceOfCustomer);
               }}
             >
-              <CloseIcon />
+              {BuyInsuranceOfCustomer ? <CheckBoxActive /> : <CheckBox />}
+
+              <MText style={{ color: '#828282', marginLeft: 5, fontSize: 12 }}>
+                Phí BH Sức khoẻ
+              </MText>
             </TouchableOpacity>
+            <MText style={{ fontSize: 12, fontWeight: 'bold' }}>
+              {formatMoney(
+                FullSubmitStore.dataInsurance?.feeInsuranceOfCustomer
+              )}
+              đ
+            </MText>
           </View>
-        </SafeAreaView>
-      </LinearGradient>
-      <View
-        style={{
-          backgroundColor: 'white',
-          paddingHorizontal: 16,
-          paddingVertical: 16,
-          flexDirection: 'row',
-          alignItems: 'center',
-        }}
-      >
-        <View>
-          <Tima3 />
-        </View>
-        <View style={{ paddingLeft: 16 }}>
-          <MText
+          <View
             style={{
-              fontSize: 16,
-              fontWeight: 'bold',
-              color: color.primary,
+              marginTop: 8,
+              flexDirection: 'row',
+              justifyContent: 'space-between',
             }}
           >
-            Đồng ý với...
-          </MText>
-          <MText
+            <TouchableOpacity
+              style={{
+                flexDirection: 'row',
+                alignItems: 'center',
+              }}
+              onPress={() => {
+                setBuyInsuranceOfProperty(!BuyInsuranceOfProperty);
+              }}
+            >
+              {BuyInsuranceOfProperty ? <CheckBoxActive /> : <CheckBox />}
+              <MText style={{ color: '#828282', marginLeft: 5, fontSize: 12 }}>
+                Phí BH vật chất
+              </MText>
+            </TouchableOpacity>
+            <MText style={{ fontSize: 12, fontWeight: 'bold' }}>
+              {formatMoney(
+                FullSubmitStore.dataInsurance?.feeInsuranceOfProperty
+              )}
+              đ
+            </MText>
+          </View>
+          <View
             style={{
-              fontSize: 12,
-              color: '#4F4F4F',
+              height: 2,
+              backgroundColor: '#BDBDBD',
+              marginVertical: 8,
             }}
-          >
-            Bạn vui lòng đọc kỹ và xác nhận các mục dưới đây!
-          </MText>
-        </View>
-      </View>
-      <Formik
-        onSubmit={onSubmit}
-        initialValues={{
-          check: false,
-          BuyInsuranceOfCustomer: false,
-          BuyInsuranceOfProperty: false,
-        }}
-        validationSchema={yup.object().shape({
-          check: yup.bool().oneOf([true], ''),
-          BuyInsuranceOfCustomer: yup.bool().oneOf([true], ''),
-        })}
-      >
-        {({ values, isValid, setFieldValue, errors, handleSubmit }) => (
-          <View style={{ flex: 1, paddingHorizontal: 16 }}>
-            <ScrollView style={{ flex: 1 }}>
-              <View
-                style={{
-                  flexDirection: 'row',
-                  marginTop: 8,
-                  alignItems: 'center',
-                }}
-              >
-                <TouchableOpacity
-                  onPress={() => {
-                    setFieldValue('check', !values.check);
+          />
+          <View>
+            <View style={{ flexDirection: 'row', alignItems: 'center' }}>
+              <Tick2 />
+              <MText style={{ color: '#828282', fontSize: 10 }}>
+                Quyền lợi
+              </MText>
+              <View>
+                <MText
+                  style={{
+                    color: '#828282',
+                    // color: '#2F80ED',
+                    fontSize: 10,
+                    // textDecorationLine: 'underline',
                   }}
                 >
-                  {!values.check ? <CheckBox /> : <CheckBoxActive />}
-                </TouchableOpacity>
-
-                <MText style={{ marginLeft: 8 }}>
-                  Thực hiện vay qua ngân hàng CIMB
+                  {' '}
+                  bảo hiểm sức khoẻ{' '}
                 </MText>
               </View>
-              <View
-                style={{
-                  flexDirection: 'row',
-                  marginTop: 8,
-                }}
-              >
-                <TouchableOpacity
-                  onPress={() => {
-                    setFieldValue(
-                      'BuyInsuranceOfCustomer',
-                      !values.BuyInsuranceOfCustomer
-                    );
+              <MText style={{ color: '#828282', fontSize: 10 }}>
+                lên tới 100% từ Bảo Minh
+              </MText>
+            </View>
+            <MText style={{ color: '#828282', fontSize: 10 }}>
+              (Tai nạn, thương tật,...)
+            </MText>
+            <View
+              style={{
+                flexDirection: 'row',
+                alignItems: 'center',
+                marginTop: 5,
+              }}
+            >
+              <Tick2 />
+              <MText style={{ color: '#828282', fontSize: 10 }}>
+                Quyền lợi
+              </MText>
+              <View>
+                <MText
+                  style={{
+                    color: '#828282',
+                    // color: '#2F80ED',
+                    fontSize: 10,
+                    // textDecorationLine: 'underline',
                   }}
                 >
-                  {!values.BuyInsuranceOfCustomer ? (
-                    <CheckBox />
-                  ) : (
-                    <CheckBoxActive />
-                  )}
-                </TouchableOpacity>
-
-                <MText style={{ marginLeft: 8 }}>
-                  Tham gia bảo hiểm sức khỏe với mức phí tạm{'\n'} tính là{' '}
-                  {FullSubmitStore.dataInsurance?.feeInsuranceOfCustomer} VNĐ
+                  {' '}
+                  bảo hiểm vật chất{' '}
                 </MText>
               </View>
-              <View
-                style={{
-                  flexDirection: 'row',
-                  marginTop: 8,
-                }}
-              >
+              <MText style={{ color: '#828282', fontSize: 10 }}>
+                100% từ Bảo Minh
+              </MText>
+            </View>
+          </View>
+        </View>
+        <View style={{ marginTop: 16 }}>
+          <MText style={{ fontWeight: 'bold' }}>Điều kiện và điều khoản:</MText>
+          {props?.route?.params?.isCimb ? (
+            <View style={{ flexDirection: 'row', marginTop: 8 }}>
+              <TouchableOpacity onPress={() => setRuleCIMB(!ruleCIMB)}>
+                {ruleCIMB ? <CheckBoxActive /> : <CheckBox />}
+              </TouchableOpacity>
+              <View style={{ marginLeft: 5 }}>
+                <View style={{ flexDirection: 'row' }}>
+                  <MText style={{ fontSize: 12 }}>Tôi chấp nhận </MText>
+                  <TouchableOpacity
+                    onPress={() => {
+                      navigation.push(ScreenNames.QuickTerm, {
+                        fullSubmit: true,
+                      });
+                    }}
+                  >
+                    <MText
+                      style={{
+                        color: '#2F80ED',
+                        fontSize: 12,
+                        textDecorationLine: 'underline',
+                      }}
+                    >
+                      điều kiện và điều khoản của hợp đồng với CIMB
+                    </MText>
+                  </TouchableOpacity>
+                </View>
+              </View>
+            </View>
+          ) : (
+            <View />
+          )}
+          <View style={{ flexDirection: 'row', marginTop: 8 }}>
+            <TouchableOpacity onPress={() => setRuleTima(!ruleTima)}>
+              {ruleTima ? <CheckBoxActive /> : <CheckBox />}
+            </TouchableOpacity>
+            <View style={{ marginLeft: 5 }}>
+              <View style={{ flexDirection: 'row' }}>
+                <MText style={{ fontSize: 12 }}>Tôi đã hiểu và xác nhận </MText>
                 <TouchableOpacity
                   onPress={() => {
-                    setFieldValue(
-                      'BuyInsuranceOfProperty',
-                      !values.BuyInsuranceOfProperty
-                    );
+                    Linking.openURL('https://tima.vn/tracuu');
                   }}
                 >
-                  {!values.BuyInsuranceOfProperty ? (
-                    <CheckBox />
-                  ) : (
-                    <CheckBoxActive />
-                  )}
+                  <MText
+                    style={{
+                      color: '#2F80ED',
+                      fontSize: 12,
+                      textDecorationLine: 'underline',
+                    }}
+                  >
+                    bảng tính lãi phí
+                  </MText>
                 </TouchableOpacity>
-                <MText style={{ marginLeft: 8 }}>
-                  Tham gia bảo hiểm vật chất với mức phí tạm{'\n'} tính là{' '}
-                  {FullSubmitStore.dataInsurance?.feeInsuranceOfProperty} VNĐ
-                </MText>
+                <MText style={{ fontSize: 12 }}> đúng với sản</MText>
               </View>
-            </ScrollView>
-            <MButton
-              disabled={!isValid}
-              style={{ marginBottom: 20 }}
-              onPress={handleSubmit}
-            >
-              <LinearGradient
-                colors={
-                  isValid ? ['#FF7A00', '#EF4123'] : ['#BDBDBD', '#BDBDBD']
-                }
-                style={[
-                  commonStyles.alignCenter,
-                  commonStyles.justifyCenter,
-                  {
-                    height: 40,
-                    borderRadius: 30,
-                    marginLeft: 8,
-                  },
-                ]}
-              >
-                <MText style={[commonStyles.textNormal, { color: 'white' }]}>
-                  Tiếp tục
-                </MText>
-              </LinearGradient>
-            </MButton>
+              <MText style={{ fontSize: 12 }}>phẩm do Tima cung cấp</MText>
+            </View>
           </View>
-        )}
-      </Formik>
-      <Loading isLoading={FullSubmitStore.loadingInsurance} />
+        </View>
+        <MButton onPress={() => onSubmit()}>
+          <LinearGradient
+            colors={['#FF7A00', '#EF4123']}
+            style={[
+              commonStyles.alignCenter,
+              commonStyles.justifyCenter,
+              {
+                height: 40,
+                borderRadius: 30,
+                marginTop: 20,
+              },
+            ]}
+          >
+            <MText style={[commonStyles.textNormalBold, { color: 'white' }]}>
+              Hoàn thành
+            </MText>
+          </LinearGradient>
+        </MButton>
+        <View
+          style={{
+            marginBottom: 50,
+            marginTop: 8,
+            flexDirection: 'row',
+            justifyContent: 'center',
+          }}
+        >
+          <MText style={{ fontSize: 12, color: '#333333' }}>
+            Cung cấp bởi{' '}
+          </MText>
+          <CIMBBank />
+        </View>
+      </ScrollView>
+      {/* <Loading isLoading={FullSubmitStore.loadingInsurance} /> */}
     </View>
   );
 });
+const styles = StyleSheet.create({
+  row: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+  },
+  box: {
+    backgroundColor: 'white',
+    borderRadius: 8,
+    padding: 16,
+    borderLeftWidth: 2,
+    borderLeftColor: color.primary,
+  },
+});