react-native-timacare 3.1.65 → 3.1.67

package/src/components/ModalOptionLoan.tsx

@@ -0,0 +1,242 @@
+//@ts-nocheck
+import React, { useEffect, useState } from 'react';
+import {
+  Alert,
+  SafeAreaView,
+  TextStyle,
+  TouchableOpacity,
+  View,
+  ViewStyle,
+} from 'react-native';
+import Modal from 'react-native-modal';
+import { MText } from './MText';
+import MButton from './MButton';
+import LinearGradient from 'react-native-linear-gradient';
+import { IconOption1, IconOption2 } from '../assets/v3';
+import { RadioCheckIcon, RadioIcon } from '../assets/icons';
+import { formatMoney } from '../utils';
+import { Api } from '../services/api';
+
+interface IModalOptionLoan {
+  open: boolean;
+  loan?: any;
+  callback?: () => void;
+}
+export default function ModalOptionLoan({
+  open,
+  loan,
+  callback,
+}: IModalOptionLoan) {
+  const [option, setOption] = useState(loan?.productId1);
+  const [isLoading, setIsLoading] = useState(false);
+
+  useEffect(() => {
+    if (loan) {
+      setOption(loan?.productId1);
+    }
+  }, [loan]);
+
+  const onSubmit = async () => {
+    try {
+      setIsLoading(false);
+      const response = await Api.getInstance().updateProductLoan({
+        LoanBriefId: loan?.loanBriefId,
+        ProductId: option,
+        LoanAmount:
+          option === loan?.productId1 ? loan?.loanAmount1 : loan?.loanAmount2,
+      });
+
+      setIsLoading(false);
+      if (response.kind === 'ok' && response.data?.meta?.errorCode === 200) {
+        if (callback) callback();
+      } 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) {
+      console.log(error);
+    } finally {
+      setIsLoading(false);
+    }
+  };
+  return (
+    <Modal isVisible={open}>
+      <SafeAreaView
+        style={{
+          backgroundColor: '#FFFFFF',
+          borderRadius: 12,
+          borderTopWidth: 4,
+          borderColor: '#EF592E',
+        }}
+      >
+        <MText
+          style={{
+            textAlign: 'center',
+            fontSize: 16,
+            fontWeight: 'bold',
+            marginTop: 10,
+            marginBottom: 10,
+          }}
+        >
+          Chúc mừng bạn!
+        </MText>
+        <MText
+          style={{
+            textAlign: 'center',
+            color: '#828282',
+            paddingHorizontal: 16,
+          }}
+        >
+          Bạn đã được phê duyệt khoản vay với số tiền lên tới là{' '}
+          <MText
+            style={{
+              color: '#EF592E',
+              fontWeight: 'bold',
+            }}
+          >
+            {formatMoney(loan?.loanAmount2)} VNĐ
+          </MText>
+          ! Vui lòng chọn gói vay và hoàn thiện các bước để được giải ngân nhanh
+          nhất!
+        </MText>
+        <TouchableOpacity
+          onPress={() => {
+            setOption(loan?.productId1);
+          }}
+          style={[
+            $opt,
+            {
+              backgroundColor:
+                option === loan?.productId1 ? '#FFF7EA' : '#FFFFFF',
+            },
+          ]}
+        >
+          <View
+            style={{
+              flexDirection: 'row',
+              alignItems: 'center',
+              gap: 10,
+              marginBottom: 10,
+            }}
+          >
+            <IconOption1 />
+            <View style={{ flex: 1 }}>
+              <MText
+                style={{
+                  fontWeight: 'bold',
+                }}
+              >
+                {loan?.productName1}
+              </MText>
+              <MText
+                style={{
+                  fontWeight: 'bold',
+                  color: '#EF592E',
+                }}
+              >
+                {formatMoney(loan?.loanAmount1)} VNĐ
+              </MText>
+            </View>
+            {option === loan?.productId1 ? <RadioCheckIcon /> : <RadioIcon />}
+          </View>
+          <MText style={$des}>- Không thu đăng ký xe</MText>
+          <MText style={$des}>
+            - Không cần gặp mặt, online 100% toàn trình
+          </MText>
+          <MText style={$des}>- Giải ngân ngay lên đến 50,000,000đ</MText>
+        </TouchableOpacity>
+        <TouchableOpacity
+          onPress={() => {
+            setOption(loan?.productId2);
+          }}
+          style={[
+            $opt,
+            {
+              backgroundColor:
+                option === loan?.productId2 ? '#FFF7EA' : '#FFFFFF',
+            },
+          ]}
+        >
+          <View
+            style={{
+              flexDirection: 'row',
+              alignItems: 'center',
+              gap: 10,
+              marginBottom: 10,
+            }}
+          >
+            <IconOption2 />
+            <View style={{ flex: 1 }}>
+              <MText
+                style={{
+                  fontWeight: 'bold',
+                }}
+              >
+                {loan?.productName2}
+              </MText>
+              <MText
+                style={{
+                  fontWeight: 'bold',
+                  color: '#EF592E',
+                }}
+              >
+                {formatMoney(loan?.loanAmount2)} VNĐ
+              </MText>
+            </View>
+            {option === loan?.productId2 ? <RadioCheckIcon /> : <RadioIcon />}
+          </View>
+          <MText style={$des}>- Có thu đăng ký xe</MText>
+          <MText style={$des}>
+            - Có gặp mặt nhân viên hỗ trợ thủ tục nhanh{'\n'}chóng, đơn giản.
+          </MText>
+          <MText style={$des}>- Giải ngân ngay lên đến y triệu.</MText>
+        </TouchableOpacity>
+        <MButton
+          disabled={isLoading}
+          onPress={() => onSubmit()}
+          style={{
+            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,
+              }}
+            >
+              Xác nhận
+            </MText>
+          </LinearGradient>
+        </MButton>
+      </SafeAreaView>
+    </Modal>
+  );
+}
+
+const $opt: ViewStyle = {
+  borderWidth: 1,
+  borderRadius: 8,
+  borderColor: '#E5E5EA',
+  marginHorizontal: 16,
+  marginTop: 10,
+  padding: 10,
+};
+const $des: TextStyle = {
+  fontSize: 12,
+  color: '#828282',
+};

package/src/navigation/primary-navigator.tsx

@@ -78,6 +78,8 @@ import { Api } from '../services/api';
 import CCCDCameraScreen from '../screens/camera/CCCDCameraScreen';
 import { Home } from '../screens/home';
 import TopupLoanInfo from '../screens/toan-trinh-so/TopupLoanInfo';
+import { AssetInformation } from '../screens/v3/AssetInformation';
+import MySignViettel from '../screens/mySignViettel';
 
 export const ScreenNames = {
   Splash: 'Splash',
@@ -153,6 +155,8 @@ export const ScreenNames = {
   RegisterBack: 'RegisterBack',
   CCCDCameraScreen: 'CCCDCameraScreen',
   TopupLoanInfo: 'TopupLoanInfo',
+  AssetInformation: 'AssetInformation',
+  MySignViettel: 'MySignViettel',
 };
 
 const Stack = createNativeStackNavigator();
@@ -322,6 +326,14 @@ export function PrimaryNavigator(props) {
         name={ScreenNames.TopupLoanInfo}
         component={TopupLoanInfo}
       />
+      <Stack.Screen
+        name={ScreenNames.AssetInformation}
+        component={AssetInformation}
+      />
+      <Stack.Screen
+        name={ScreenNames.MySignViettel}
+        component={MySignViettel}
+      />
     </Stack.Navigator>
   );
 }

package/src/screens/eSign/index.tsx

@@ -122,47 +122,59 @@ export const ESign = observer(function ESign(props: any) {
     //     setIsLoading(false);
     //   }
     // );
-    const response = await Api.getInstance().sign_viettel_for_borrower({
-      loanBriefId: loan.id,
-    });
-
-    if (response.kind === 'ok' && response.data?.meta?.errorCode === 200) {
-      Alert.alert(
-        'Thông báo',
-        'Vui lòng kiểm tra tin nhắn hoặc email để xác nhận ký hợp đồng',
-        [
-          {
-            text: 'OK',
-            onPress: () => {
-              navigation.dispatch(
-                CommonActions.reset({
-                  index: 1,
-                  routes: [{ name: ScreenNames.Main }],
-                })
-              );
-            },
-          },
-        ]
-      );
-    } else {
-      Alert.alert(
-        'Thông báo',
-        response.data?.meta?.errorMessage ||
-          'Có lỗi xảy ra, vui lòng thử lại sau',
-        [
-          {
-            text: 'OK',
-            onPress: () => {
-              navigation.dispatch(
-                CommonActions.reset({
-                  index: 1,
-                  routes: [{ name: ScreenNames.Main }],
-                })
-              );
+    try {
+      setIsLoading(true);
+      const response = await Api.getInstance().sign_viettel_for_borrower({
+        loanBriefId: loan.id,
+      });
+      if (response.kind === 'ok' && response.data?.meta?.errorCode === 200) {
+        if (response.data?.data) {
+          navigation.push(ScreenNames.MySignViettel, {
+            url: response?.data?.data,
+          });
+        } else {
+          Alert.alert(
+            'Thông báo',
+            'Vui lòng kiểm tra tin nhắn hoặc email để xác nhận ký hợp đồng',
+            [
+              {
+                text: 'OK',
+                onPress: () => {
+                  navigation.dispatch(
+                    CommonActions.reset({
+                      index: 1,
+                      routes: [{ name: ScreenNames.Main }],
+                    })
+                  );
+                },
+              },
+            ]
+          );
+        }
+      } else {
+        Alert.alert(
+          'Thông báo',
+          response.data?.meta?.errorMessage ||
+            'Có lỗi xảy ra, vui lòng thử lại sau',
+          [
+            {
+              text: 'OK',
+              onPress: () => {
+                navigation.dispatch(
+                  CommonActions.reset({
+                    index: 1,
+                    routes: [{ name: ScreenNames.Main }],
+                  })
+                );
+              },
             },
-          },
-        ]
-      );
+          ]
+        );
+      }
+    } catch (error) {
+      console.log(error);
+    } finally {
+      setIsLoading(false);
     }
   };
 
@@ -441,7 +453,7 @@ export const ESign = observer(function ESign(props: any) {
         </View>
       </Modal>
 
-      <Loading isLoading={loading} />
+      <Loading isLoading={loading || isLoading} />
     </View>
   );
 });