react-native-timacare 3.1.66 → 3.1.68

package/src/components/ModalOptionLoan.tsx

@@ -0,0 +1,247 @@
+//@ts-nocheck
+import React, { useEffect, useState } from 'react';
+import {
+  ActivityIndicator,
+  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']}
+          >
+            {isLoading ? (
+              <ActivityIndicator color={'white'} />
+            ) : (
+              <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

@@ -128,23 +128,29 @@ export const ESign = observer(function ESign(props: any) {
         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 }],
-                  })
-                );
+        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',