react-native-timacare 0.0.2 → 0.0.4

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

@@ -0,0 +1,135 @@
+//@ts-nocheck
+import { CommonActions, useNavigation } from '@react-navigation/native';
+import { observer } from 'mobx-react-lite';
+import React, { useState } from 'react';
+import {
+  Image,
+  ImageStyle,
+  SafeAreaView,
+  TouchableOpacity,
+  View,
+} from 'react-native';
+import LinearGradient from 'react-native-linear-gradient';
+import { IconBack } from '../../assets/icons';
+import MButton from '../../components/MButton';
+import { MText } from '../../components/MText';
+import { ScreenNames } from '../../navigation';
+import { color } from '../../theme';
+import { commonStyles } from '../CommonStyles';
+import { Info } from './Info';
+import { Payment } from './Payment';
+const logoView: ImageStyle = {
+  position: 'absolute',
+  width: '100%',
+  height: '100%',
+  resizeMode: 'cover',
+};
+
+export const DetailLoan = observer(function DetailLoan(props: any) {
+  const navigation = useNavigation();
+  const [tab, setTab] = useState(1);
+  return (
+    <View style={{ flex: 1, backgroundColor: '#FDFDFD' }}>
+      {/* <Image source={require("../../../assets/img/home.png")} style={logoView} /> */}
+      <SafeAreaView style={{ flex: 1 }}>
+        <View
+          style={[
+            commonStyles.alignCenter,
+            { alignItems: 'center', height: 50, justifyContent: 'center' },
+          ]}
+        >
+          <TouchableOpacity
+            onPress={() =>
+              navigation.dispatch(
+                CommonActions.reset({
+                  index: 1,
+                  routes: [{ name: ScreenNames.Main }],
+                })
+              )
+            }
+            style={{
+              width: 40,
+              height: 40,
+              position: 'absolute',
+              left: 8,
+              alignItems: 'center',
+              justifyContent: 'center',
+            }}
+          >
+            <IconBack fill={color.textHeader} />
+          </TouchableOpacity>
+
+          <MText
+            style={[
+              commonStyles.textNormalBold,
+              { color: color.textHeader, fontSize: 16 },
+            ]}
+          >
+            Đơn vay {props.route?.params?.loan?.id}
+          </MText>
+        </View>
+        <View
+          style={{
+            flexDirection: 'row',
+            backgroundColor: '#F2F2F2',
+            borderRadius: 30,
+            marginHorizontal: 16,
+          }}
+        >
+          <TouchableOpacity onPress={() => setTab(1)} style={{ flex: 1 }}>
+            <View
+              style={{
+                alignItems: 'center',
+                borderRadius: 30,
+                paddingVertical: 10,
+                borderWidth: 1,
+                borderColor: tab === 1 ? '#FF7A00' : '#F2F2F2',
+                backgroundColor: tab === 1 ? '#FFFFFF' : '#F2F2F2',
+              }}
+            >
+              <MText
+                style={{
+                  color: tab === 1 ? '#FF7A00' : '#333333',
+                  fontWeight: tab === 1 ? 'bold' : '400',
+                }}
+              >
+                Thông tin đơn
+              </MText>
+            </View>
+          </TouchableOpacity>
+          <TouchableOpacity
+            onPress={() => setTab(2)}
+            style={{
+              flex: 1,
+            }}
+          >
+            <View
+              style={{
+                alignItems: 'center',
+                borderRadius: 30,
+                paddingVertical: 10,
+                borderWidth: 1,
+                borderColor: tab === 2 ? '#FF7A00' : '#F2F2F2',
+                backgroundColor: tab === 2 ? '#FFFFFF' : '#F2F2F2',
+              }}
+            >
+              <MText
+                style={{
+                  color: tab === 2 ? '#FF7A00' : '#333333',
+                  fontWeight: tab === 2 ? 'bold' : '400',
+                }}
+              >
+                Lịch thanh toán
+              </MText>
+            </View>
+          </TouchableOpacity>
+        </View>
+        {tab === 1 ? (
+          <Info data={props?.route.params?.loan} />
+        ) : (
+          <Payment data={props?.route.params?.loan} />
+        )}
+      </SafeAreaView>
+    </View>
+  );
+});

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

@@ -0,0 +1,94 @@
+//@ts-nocheck
+import { action, observable } from 'mobx';
+import { Alert } from 'react-native';
+import { Api } from '../../services/api';
+
+class Store {
+  @observable isLoading = false;
+  @observable listPayment = [];
+  @observable loan = null;
+  @observable paymentInfo = null;
+  @observable lastDay = null;
+
+  @action
+  async getPaymentInfo(id, type) {
+    try {
+      this.isLoading = true;
+      const response = await Api.getInstance().getTotalMoneyPayment(id, type);
+      this.isLoading = false;
+      if (response.kind === 'ok') {
+        if (response.data.meta.errorCode === 200) {
+          this.paymentInfo = response.data.data;
+        } else {
+          Alert.alert('Thông báo', response.data.meta.errorMessage);
+          this.paymentInfo = null;
+        }
+      } else {
+        Alert.alert('Thông báo', 'Có lỗi xảy ra. Vui lòng thử lại sau!');
+        this.paymentInfo = null;
+      }
+    } catch (error) {
+      this.isLoading = false;
+      this.paymentInfo = null;
+      console.log(error);
+    }
+  }
+
+  @action
+  async getDetailLoan(id) {
+    try {
+      this.isLoading = true;
+      const response = await Api.getInstance().getLoanInfo(id);
+      this.isLoading = false;
+      if (response.kind === 'ok') {
+        if (response.data.meta.errorCode === 200) {
+          this.loan = response.data.data;
+        } else {
+          this.loan = null;
+          Alert.alert('Thông báo', response.data.meta.errorMessage);
+        }
+      } else {
+        this.loan = null;
+        Alert.alert('Thông báo', 'Có lỗi xảy ra. Vui lòng thử lại sau!');
+      }
+    } catch (error) {
+      this.loan = null;
+      this.isLoading = false;
+      console.log(error);
+    }
+  }
+
+  @action
+  async getListPayment(id) {
+    try {
+      this.isLoading = true;
+      const response = await Api.getInstance().getLoanPaymentSchedule(id);
+      this.isLoading = false;
+      if (response.kind === 'ok') {
+        if (response.data.meta.errorCode === 200) {
+          this.listPayment = response.data.data;
+          const newList = response.data.data.filter(
+            (item) => item.status === 0
+          );
+          this.lastDay = Math.min(
+            ...newList.map((element) => {
+              return new Date(element.payDate);
+            })
+          );
+        } else {
+          this.listPayment = [];
+          Alert.alert('Thông báo', response.data.meta.errorMessage);
+        }
+      } else {
+        this.listPayment = [];
+        Alert.alert('Thông báo', 'Có lỗi xảy ra. Vui lòng thử lại sau!');
+      }
+    } catch (error) {
+      this.listPayment = [];
+      this.isLoading = false;
+      console.log(error);
+    }
+  }
+}
+const DetailLoanStore = new Store();
+export default DetailLoanStore;

package/src/screens/eSign/index.tsx

@@ -18,7 +18,7 @@ import { commonStyles } from '../CommonStyles';
 import MButton from '../../components/MButton';
 import { MText, MTextInput } from '../../components/MText';
 import { color } from '../../theme';
-import { IconBack } from '../../../assets/icons';
+import { IconBack } from '../../assets/icons';
 import { Formik } from 'formik';
 import { myLog } from '../../utils/log';
 import * as yup from 'yup';

package/src/screens/full-submit/index.tsx

@@ -4,7 +4,7 @@ import { observer } from 'mobx-react-lite';
 import React, { useState } from 'react';
 import { SafeAreaView, TouchableOpacity, View } from 'react-native';
 import LinearGradient from 'react-native-linear-gradient';
-import { IconBack } from '../../../assets/icons';
+import { IconBack } from '../../assets/icons';
 import MButton from '../../components/MButton';
 import { MText } from '../../components/MText';
 import { color } from '../../theme';

package/src/screens/full-submit/selfie.tsx

@@ -12,7 +12,7 @@ import {
   View,
 } from 'react-native';
 import LinearGradient from 'react-native-linear-gradient';
-import { CIMBBank, IconBackWhite } from '../../../assets/icons';
+import { CIMBBank, IconBackWhite } from '../../assets/icons';
 import CIMBLoading from '../../components/CIMBLoading';
 import MButton from '../../components/MButton';
 import { MText } from '../../components/MText';
@@ -62,10 +62,7 @@ export const CimbSelfie = observer(function CimbSelfie(props: any) {
 
   return (
     <View style={{ flex: 1 }}>
-      <Image
-        source={require('../../../assets/img/EKYC.png')}
-        style={logoView}
-      />
+      <Image source={require('../../assets/img/EKYC.png')} style={logoView} />
       <SafeAreaView style={commonStyles.fill}>
         <View
           style={[
@@ -99,9 +96,7 @@ export const CimbSelfie = observer(function CimbSelfie(props: any) {
           <View style={{ paddingHorizontal: 16, paddingBottom: 16 }}>
             <Image
               source={
-                photo
-                  ? { uri: photo }
-                  : require('../../../assets/img/selfie.png')
+                photo ? { uri: photo } : require('../../assets/img/selfie.png')
               }
               style={{
                 width: Dimensions.get('window').width - 32,

package/src/screens/full-submit/update-document.tsx

@@ -12,7 +12,7 @@ import { MText } from '../../components/MText';
 import { commonStyles } from '../CommonStyles';
 import FastImage from 'react-native-fast-image';
 import ImageView from 'react-native-image-viewing';
-import { CIMBBank, IConCamera } from '../../../assets/icons';
+import { CIMBBank, IConCamera } from '../../assets/icons';
 import ImagePicker from 'react-native-image-crop-picker';
 import FullSubmitStore from './store';
 import { color } from '../../theme';

package/src/screens/full-submit/update-info.tsx

@@ -16,7 +16,7 @@ import {
   TouchableOpacity,
   View,
 } from 'react-native';
-import { CheckBox, CheckBoxActive, DropDown2 } from '../../../assets/icons';
+import { CheckBox, CheckBoxActive, DropDown2 } from '../../assets/icons';
 import KeyboardSpacer from '../../components/keyboardspace';
 import { MText } from '../../components/MText';
 import { ScreenNames } from '../../navigation';

package/src/screens/guide-transfer-bank/TransferDetail.tsx

@@ -2,7 +2,7 @@
 import { useNavigation } from '@react-navigation/native';
 import React from 'react';
 import { Image, SafeAreaView, ScrollView, View } from 'react-native';
-import { CIMBBank, IconBack } from '../../../assets/icons';
+import { CIMBBank, IconBack } from '../../assets/icons';
 import MButton from '../../components/MButton';
 import { MText } from '../../components/MText';
 import { color } from '../../theme';

package/src/screens/guide-transfer-bank/index.tsx

@@ -18,7 +18,7 @@ import {
   Step4Icon,
   Step5Icon,
   Step6Icon,
-} from '../../../assets/icons';
+} from '../../assets/icons';
 import MButton from '../../components/MButton';
 import { MText } from '../../components/MText';
 import { ScreenNames } from '../../navigation';

package/src/screens/home/CIMBxTima.tsx

@@ -18,7 +18,7 @@ import {
   IconBack,
   Iconcimbxtima,
   TickSuccess,
-} from '../../../assets/icons';
+} from '../../assets/icons';
 import MButton from '../../components/MButton';
 import { color } from '../../theme';
 import { commonStyles } from '../CommonStyles';
@@ -60,10 +60,7 @@ export const CIMBxTima = observer(function CIMBxTima() {
   };
   return (
     <View style={{ flex: 1 }}>
-      <Image
-        source={require('../../../assets/img/home.png')}
-        style={logoView}
-      />
+      <Image source={require('../../assets/img/home.png')} style={logoView} />
       <SafeAreaView style={{ flex: 1 }}>
         <View
           style={[

package/src/screens/home/index.tsx

@@ -36,7 +36,7 @@ import {
   LogoSmall,
   SignDisable,
   TimaNormal,
-} from '../../../assets/icons';
+} from '../../assets/icons';
 import Geolocation from 'react-native-geolocation-service';
 import axios from 'axios';
 import {
@@ -59,8 +59,8 @@ import appStore from '../../AppStore';
 import Modal from 'react-native-modal';
 
 const listBanners = [
-  require('../../../assets/img/banner1.png'),
-  require('../../../assets/img/banner2.png'),
+  require('../../assets/img/banner1.png'),
+  require('../../assets/img/banner2.png'),
 ];
 
 export const Home = observer(function Home() {
@@ -747,7 +747,7 @@ export const Home = observer(function Home() {
                           // </View>
 
                           <ImageBackground
-                            source={require('../../../assets/img/bann.png')}
+                            source={require('../../assets/img/bann.png')}
                             style={{ flex: 1, padding: 16 }}
                             resizeMode="cover"
                             height={220}

package/src/screens/intro/index.tsx

@@ -25,7 +25,7 @@ import registerStore from './Store';
 import { MText, MTextInput } from '../../components/MText';
 import { formatMoney, getMoney } from '../../utils';
 import moment from 'moment';
-import { IconHand, IconSelect, IconSelected } from '../../../assets/icons';
+import { IconHand, IconSelect, IconSelected } from '../../assets/icons';
 import Slider from '@react-native-community/slider';
 import { ScreenNames } from '../../navigation';
 import { LogoTima } from '../../components/logoTima';

package/src/screens/introduction/index.tsx

@@ -12,7 +12,7 @@ import {
   IconNationalCard,
   Selfie,
   TimaSmall,
-} from '../../../assets/icons';
+} from '../../assets/icons';
 import appStore from '../../AppStore';
 import MButton from '../../components/MButton';
 import { MText } from '../../components/MText';

package/src/screens/liveness/index.tsx

@@ -22,7 +22,7 @@ import {
   openSettings,
 } from 'react-native-permissions';
 import { RNCamera } from 'react-native-camera';
-import { IconBackFill, IconEkyc } from '../../../assets/icons';
+import { IconBackFill, IconEkyc } from '../../assets/icons';
 import { myLog } from '../../utils/log';
 import { MText } from '../../components/MText';
 import livenessStore from './LivenessStore';

package/src/screens/loginWithPassword/index.tsx

@@ -11,7 +11,7 @@ import {
   TextInput,
   View,
 } from 'react-native';
-import { CheckBox, CheckBoxActive, IconBack } from '../../../assets/icons';
+import { CheckBox, CheckBoxActive, IconBack } from '../../assets/icons';
 import MButton from '../../components/MButton';
 import { MText } from '../../components/MText';
 import { color } from '../../theme';

package/src/screens/main/index.tsx

@@ -5,7 +5,7 @@ import { observer } from 'mobx-react-lite';
 import { color } from '../../theme';
 import { commonStyles } from '../CommonStyles';
 import TabNavigator from '../../components/tabNavigator/TabNavigator';
-import { IconHome, IconUser } from '../../../assets/icons';
+import { IconHome, IconUser } from '../../assets/icons';
 import { Home } from '../home';
 import { Personal } from '../personal';
 import messaging from '@react-native-firebase/messaging';

package/src/screens/nationalID/index.tsx

@@ -36,10 +36,9 @@ import {
   IconSelected,
   TimaSmall,
   TimaSmallWhite,
-} from '../../../assets/icons';
+} from '../../assets/icons';
 import nationalIDStore from './Store';
 import { clear } from '../../utils/storage';
-import loginStore from '../login/LoginStore';
 import { Api } from '../../services/api';
 import homeStore from '../home/Store';
 import appStore from '../../AppStore';
@@ -112,10 +111,7 @@ export const NationalID = observer(function NationalID(props: any) {
 
   return (
     <View style={{ flex: 1 }}>
-      <Image
-        source={require('../../../assets/img/EKYC.png')}
-        style={logoView}
-      />
+      <Image source={require('../../assets/img/EKYC.png')} style={logoView} />
       <SafeAreaView style={commonStyles.fill}>
         <View
           style={[
@@ -170,7 +166,7 @@ export const NationalID = observer(function NationalID(props: any) {
                 source={
                   photo
                     ? { uri: photo }
-                    : require('../../../assets/img/national_id.png')
+                    : require('../../assets/img/national_id.png')
                 }
                 style={{
                   width: Dimensions.get('window').width - 32,

package/src/screens/nationalIDBack/index.tsx

@@ -23,7 +23,7 @@ import {
   IconBackWhite,
   TimaSmall,
   TimaSmallWhite,
-} from '../../../assets/icons';
+} from '../../assets/icons';
 import appStore from '../../AppStore';
 import nationalIDStore from './Store';
 import Loading from '../../components/Loading';
@@ -91,10 +91,7 @@ export const NationalIDBack = observer(function NationalIDBack(props: any) {
 
   return (
     <View style={{ flex: 1 }}>
-      <Image
-        source={require('../../../assets/img/EKYC.png')}
-        style={logoView}
-      />
+      <Image source={require('../../assets/img/EKYC.png')} style={logoView} />
       <SafeAreaView style={commonStyles.fill}>
         <View
           style={[
@@ -151,7 +148,7 @@ export const NationalIDBack = observer(function NationalIDBack(props: any) {
                 source={
                   photo
                     ? { uri: photo }
-                    : require('../../../assets/img/national_id_back.jpeg')
+                    : require('../../assets/img/national_id_back.jpeg')
                 }
                 style={{
                   width: Dimensions.get('window').width - 32,

package/src/screens/notification/index.tsx

@@ -10,7 +10,7 @@ import {
 import { CommonActions, useNavigation } from '@react-navigation/native';
 import { observer } from 'mobx-react-lite';
 import { commonStyles } from '../CommonStyles';
-import { IconBack, IconRead } from '../../../assets/icons';
+import { IconBack, IconRead } from '../../assets/icons';
 import MButton from '../../components/MButton';
 import { color } from '../../theme';
 import { MText } from '../../components/MText';

package/src/screens/otp/index.tsx

@@ -25,7 +25,7 @@ import otpStore from './Store';
 import { myLog } from '../../utils/log';
 import MButton from '../../components/MButton';
 import registerStore from '../register/Store';
-import { IconBack, SMSOTP, VOICEOTP, ZALOOTP } from '../../../assets/icons';
+import { IconBack, SMSOTP, VOICEOTP, ZALOOTP } from '../../assets/icons';
 import homeStore from '../home/Store';
 import qualifyStore from '../qualify/Store';
 

package/src/screens/payment-evidence/index.tsx

@@ -4,7 +4,7 @@ import { observer } from 'mobx-react-lite';
 import React from 'react';
 import { SafeAreaView, TouchableOpacity, View } from 'react-native';
 import WebView from 'react-native-webview';
-import { IconBack } from '../../../assets/icons';
+import { IconBack } from '../../assets/icons';
 import { MText } from '../../components/MText';
 import { color } from '../../theme';
 import { commonStyles } from '../CommonStyles';

package/src/screens/personal/index.tsx

@@ -11,13 +11,12 @@ import {
   TouchableOpacity,
   View,
 } from 'react-native';
-import { IconLogout, IconProfile } from '../../../assets/icons';
+import { IconLogout, IconProfile } from '../../assets/icons';
 import appStore from '../../AppStore';
 import { MText } from '../../components/MText';
 import { ScreenNames } from '../../navigation';
 import { Api } from '../../services/api';
 import { commonStyles } from '../CommonStyles';
-import loginStore from '../login/LoginStore';
 import messaging from '@react-native-firebase/messaging';
 import { toJS } from 'mobx';
 import { clear } from '../../utils/storage';
@@ -42,7 +41,6 @@ export const Personal = observer(function Personal() {
           messaging().unsubscribeFromTopic(appStore.phone);
           clear();
           reset();
-          loginStore.data = { token: '' };
           appStore.selectedTab = 'TAB1';
           Api.getInstance().changeAuth();
           navigation.dispatch(

package/src/screens/qualify/index.tsx

@@ -11,7 +11,7 @@ import {
   View,
 } from 'react-native';
 import LinearGradient from 'react-native-linear-gradient';
-import { RadioCheckIcon, RadioIcon, TimaIcon } from '../../../assets/icons';
+import { RadioCheckIcon, RadioIcon, TimaIcon } from '../../assets/icons';
 import { MText } from '../../components/MText';
 import { ScreenNames } from '../../navigation';
 import { color } from '../../theme';

package/src/screens/quick-submit/index.tsx

@@ -15,7 +15,7 @@ import {
   TouchableOpacity,
   View,
 } from 'react-native';
-import { CIMBBank, DropDown2, IconBack } from '../../../assets/icons';
+import { CIMBBank, DropDown2, IconBack } from '../../assets/icons';
 import KeyboardSpacer from '../../components/keyboardspace';
 import MButton from '../../components/MButton';
 import { MText } from '../../components/MText';

package/src/screens/register/index.tsx

@@ -20,7 +20,7 @@ import MButton from '../../components/MButton';
 import { color } from '../../theme';
 import registerStore from './Store';
 import { MText } from '../../components/MText';
-import { CheckBox, CheckBoxActive, LogoWhite } from '../../../assets/icons';
+import { CheckBox, CheckBoxActive, LogoWhite } from '../../assets/icons';
 import { ScreenNames } from '../../navigation';
 import KeyboardSpacer from '../../components/keyboardspace';
 import appStore from '../../AppStore';

package/src/screens/schedule-payment/index.tsx

@@ -12,7 +12,7 @@ import {
   TouchableOpacity,
   View,
 } from 'react-native';
-import { CIMBBank, IconBack } from '../../../assets/icons';
+import { CIMBBank, IconBack } from '../../assets/icons';
 import Loading from '../../components/Loading';
 import MButton from '../../components/MButton';
 import { MText } from '../../components/MText';
@@ -40,10 +40,7 @@ export const SchedulePayment = observer(function SchedulePayment(props: any) {
 
   return (
     <View style={{ flex: 1 }}>
-      <Image
-        source={require('../../../assets/img/home.png')}
-        style={logoView}
-      />
+      <Image source={require('../../assets/img/home.png')} style={logoView} />
       <SafeAreaView style={{ flex: 1 }}>
         <View
           style={[

package/src/screens/schedule-payment/payment-list.tsx

@@ -11,7 +11,7 @@ import {
   View,
 } from 'react-native';
 import LinearGradient from 'react-native-linear-gradient';
-import { CIMBBank, IconBack } from '../../../assets/icons';
+import { CIMBBank, IconBack } from '../../assets/icons';
 import MButton from '../../components/MButton';
 import { MText } from '../../components/MText';
 import { color } from '../../theme';
@@ -29,10 +29,7 @@ export const PaymentList = observer(function PaymentList(props: any) {
   const navigation = useNavigation();
   return (
     <View style={{ flex: 1 }}>
-      <Image
-        source={require('../../../assets/img/home.png')}
-        style={logoView}
-      />
+      <Image source={require('../../assets/img/home.png')} style={logoView} />
       <SafeAreaView style={{ flex: 1 }}>
         <View
           style={[

package/src/screens/selfie/index.tsx

@@ -26,7 +26,7 @@ import {
   IconBackWhite,
   IconCamera,
   TimaSmallWhite,
-} from '../../../assets/icons';
+} from '../../assets/icons';
 import { ScreenNames } from '../../navigation';
 import appStore from '../../AppStore';
 import selfieStore from './SelfieStore';
@@ -119,10 +119,7 @@ export const Selfie = observer(function Selfie(props: any) {
 
   return (
     <View style={{ flex: 1 }}>
-      <Image
-        source={require('../../../assets/img/EKYC.png')}
-        style={logoView}
-      />
+      <Image source={require('../../assets/img/EKYC.png')} style={logoView} />
       <SafeAreaView style={commonStyles.fill}>
         <View
           style={[
@@ -167,9 +164,7 @@ export const Selfie = observer(function Selfie(props: any) {
             </View>
             <Image
               source={
-                photo
-                  ? { uri: photo }
-                  : require('../../../assets/img/selfie.png')
+                photo ? { uri: photo } : require('../../assets/img/selfie.png')
               }
               style={{
                 width: Dimensions.get('window').width - 32,