@tima2025/react-native-timalender 1.0.0

package/src/controllers/Upload.ts

@@ -0,0 +1,41 @@
+import { UploadProps } from '../interface';
+import client from './Client';
+
+const Upload = {
+  async compareSelfieAndNationalCard(params: UploadProps) {
+    try {
+      const res = await client.post(
+        '/api/v1.0/timacare/crm_compare_selfie_and_nationalcard',
+        params,
+        {
+          baseURL: 'https://apidevlos.tima.vn',
+          headers: {
+            'Content-Type': 'multipart/form-data',
+          },
+        }
+      );
+      return res;
+    } catch (err) {
+      throw err;
+    }
+  },
+
+  async UploadImageByCif(params: UploadProps) {
+    try {
+      const res = await client.post(
+        '/api/v1.0/customer/update_file_by_cif',
+        params,
+        {
+          headers: {
+            'Content-Type': 'multipart/form-data',
+          },
+        }
+      );
+      return res;
+    } catch (err) {
+      throw err;
+    }
+  },
+};
+
+export default Upload;

package/src/controllers/Users.ts

@@ -0,0 +1,154 @@
+//@ts-nocheck
+import axios from 'axios';
+import { showMessage } from 'react-native-flash-message';
+import Colors from '../common/Colors';
+import { User } from '../interface';
+import client, { setClientToken } from './Client';
+
+const Users = {
+  async SignIn(params: User) {
+    try {
+      const res = await client.post('/api/security/v2/login', params);
+      return res;
+    } catch (err) {
+      console.log('err login---', err);
+      // WToastShowError('Có lỗi xảy ra. Vui lòng thử lại sau!');
+      showMessage({
+        message: 'Thông báo',
+        description: 'Có lỗi xảy ra. Vui lòng thử lại sau!',
+        type: 'danger',
+        icon: 'warning',
+        backgroundColor: Colors.DANGER,
+      });
+    }
+  },
+
+  async UserSignUp(params: User) {
+    try {
+      const res = await client.post('/api/security/register', { ...params });
+      return res;
+    } catch (err) {
+      console.log('err register---', err);
+      // WToastShowError('Có lỗi xảy ra. Vui lòng thử lại sau!');
+
+      showMessage({
+        message: 'Thông báo',
+        description: 'Có lỗi xảy ra. Vui lòng thử lại sau!',
+        type: 'danger',
+        icon: 'warning',
+        backgroundColor: Colors.DANGER,
+      });
+    }
+  },
+
+  async getLenderInfoBasic(id: string) {
+    try {
+      const res = await client.get(`/api/lenders/${id}/basic_info`);
+      return res;
+    } catch (err) {
+      throw err;
+    }
+  },
+
+  async ChangeToken(params) {
+    try {
+      const res = await client.post('/api/security/exchange_token', params);
+      return res;
+    } catch (err) {
+      throw err;
+    }
+  },
+
+  async ChangePassword(params: User) {
+    try {
+      const res = await client.post('/api/security/change_password', {
+        ...params,
+      });
+      return res;
+    } catch (err) {
+      throw err;
+    }
+  },
+
+  async RequestPassword(params: User) {
+    try {
+      const res = await client.post(
+        '/api/security/request_password_v2',
+        params
+      );
+      return res;
+    } catch (err) {
+      throw err;
+    }
+  },
+
+  async ValidateOTP(params: User) {
+    try {
+      const res = await client.post('/api/security/validate_otp', params);
+      return res;
+    } catch (err) {
+      throw err;
+    }
+  },
+
+  async ConfirmPassword(params: User) {
+    try {
+      const res = await client.post('/api/security/confirm_password', params);
+      return res;
+    } catch (err) {
+      throw err;
+    }
+  },
+
+  async getGpayInfor() {
+    try {
+      const res = await client.get('/api/lenders/get_gpay_merchant_info');
+      return res;
+    } catch (err) {
+      throw err;
+    }
+  },
+
+  async compare_liveness_cif(params) {
+    try {
+      const res = await axios.post(
+        'https://apilos.tima.vn/api/v2.0/loanbrief/compare_liveness_cif',
+        params
+      );
+      return res;
+    } catch (err) {
+      throw err;
+    }
+  },
+
+  async logout() {
+    return new Promise((resolve) => {
+      setClientToken(null);
+      setTimeout(resolve, 1000);
+    });
+  },
+
+  async ValidateToken() {
+    try {
+      // const res = await axios.create({
+      //   baseURL: 'https://gwmy.tima.vn',
+      //   headers: {
+      //     'Content-Type' : "application/json"
+      //   }
+      // }).get(`https://gwmy-dev.tima.vn/api/lender/validate_token`, {
+      //   headers: {
+      //     Authorization: 'Bearer '+token
+      //   }
+      // });
+      const res = await client.get(
+        `https://gwmy.tima.vn/api/lender/validate_token`
+      );
+      console.log('res', res);
+      return res;
+    } catch (err) {
+      throw err;
+    }
+  },
+};
+
+export default Users;

package/src/hooks/Countdown/useCountdown.tsx

@@ -0,0 +1,56 @@
+/* eslint-disable react-native/no-inline-styles */
+import React, { FC, useEffect, useState } from 'react';
+import { TextStyle } from 'react-native';
+import RText from '../../common/RText';
+
+interface Props {
+  seconds: number;
+  textStyle?: TextStyle;
+}
+
+const CountdownTimer: FC<Props> = ({ seconds, textStyle }) => {
+  const [timeLeft, setTimeLeft] = useState(seconds);
+
+  useEffect(() => {
+    if (timeLeft <= 0) {
+      return;
+    }
+    const interval = setInterval(() => {
+      setTimeLeft((prevTime) => prevTime - 1);
+    }, 1000);
+    return () => clearInterval(interval);
+  }, [timeLeft]);
+
+  const formatTime = (time: number) => {
+    const hours = Math.floor(time / 3600);
+    const minutes = Math.floor((time % 3600) / 60);
+    const spm = time % 60;
+
+    if (hours > 0) {
+      return `${String(hours).padStart(2, '0')}:${String(minutes).padStart(
+        2,
+        '0'
+      )}:${String(spm).padStart(2, '0')}`;
+    } else {
+      return `${String(minutes).padStart(2, '0')}:${String(spm).padStart(
+        2,
+        '0'
+      )}`;
+    }
+  };
+
+  return (
+    <RText
+      textStyle={{
+        color: '#F05123',
+        fontWeight: '600',
+        fontSize: 12,
+        ...textStyle,
+      }}
+    >
+      {formatTime(timeLeft)}
+    </RText>
+  );
+};
+
+export default CountdownTimer;

package/src/hooks/useCountdown.tsx

@@ -0,0 +1,32 @@
+import {useEffect, useRef, useState} from 'react';
+
+export const useCountDown = (remainingTime: number) => {
+  const [time, setTime] = useState(remainingTime);
+  const interval = useRef<NodeJS.Timeout>();
+
+  useEffect(() => {
+    if (interval.current) {
+      clearInterval(interval.current);
+    }
+    setTime(remainingTime);
+    interval.current = setInterval(() => {
+      setTime(prevState => {
+        const _time = Math.max(prevState - 1, 0);
+        if (_time === 0 && interval.current) {
+          clearInterval(interval.current);
+          interval.current = undefined;
+        }
+
+        return _time;
+      });
+    }, 1000);
+
+    return () => {
+      if (interval.current) {
+        clearInterval(interval.current);
+      }
+    };
+  }, [setTime, remainingTime]);
+
+  return time;
+};

package/src/hooks/useGetUser.tsx

@@ -0,0 +1,42 @@
+//@ts-nocheck
+import { useEffect, useState } from 'react';
+import { showMessage } from 'react-native-flash-message';
+import { useDispatch, useSelector } from 'react-redux';
+import Colors from '../common/Colors';
+import { getLenderInfoBasic } from '../components/Features/user/userSlice';
+import { userInfor } from '../components/Redux/selector';
+import { AppDispatch } from '../components/Redux/store';
+
+const useGetUser = () => {
+  const [userInfo, setUserInfo] = useState<any>(null);
+  const userDataInfor = useSelector(userInfor);
+  const dispatch = useDispatch<AppDispatch>();
+
+  useEffect(() => {
+    getUser();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+
+  const getUser = async () => {
+    const id = userDataInfor?.id;
+    const resp: any = await dispatch(getLenderInfoBasic(id));
+
+    if (resp.payload.meta.errCode === 200) {
+      const data = resp?.payload?.data;
+      setUserInfo(data);
+    } else {
+      // WToastShowError(resp.payload.meta.errMessage);
+      showMessage({
+        message: 'Thông báo',
+        description: resp.payload.meta.errMessage,
+        type: 'danger',
+        icon: 'warning',
+        backgroundColor: Colors.DANGER,
+      });
+    }
+  };
+
+  return userInfo;
+};
+
+export default useGetUser;

package/src/hooks/useKeyboardOffset.ts

@@ -0,0 +1,31 @@
+import { SetStateAction, useEffect, useRef, useState } from "react";
+import { Keyboard } from "react-native";
+
+const useKeyboardShow = () => {
+  const onKeyboardShow = (event: {
+    endCoordinates: { height: SetStateAction<number> };
+  }) => setKeyboardOffset(event.endCoordinates.height);
+  const onKeyboardHide = () => setKeyboardOffset(0);
+  const keyboardDidShowListener = useRef<any>();
+  const keyboardDidHideListener = useRef<any>();
+  const [keyboardOffset, setKeyboardOffset] = useState<any>(0);
+
+  useEffect(() => {
+    keyboardDidShowListener.current = Keyboard.addListener(
+      "keyboardWillShow",
+      onKeyboardShow
+    );
+    keyboardDidHideListener.current = Keyboard.addListener(
+      "keyboardWillHide",
+      onKeyboardHide
+    );
+
+    return () => {
+      keyboardDidShowListener.current.remove();
+      keyboardDidHideListener.current.remove();
+    };
+  }, []);
+  return keyboardOffset;
+};
+
+export default useKeyboardShow;

package/src/index.tsx

@@ -0,0 +1,25 @@
+//@ts-nocheck
+import React from 'react';
+import FlashMessage from 'react-native-flash-message';
+import 'react-native-gesture-handler';
+import { WRootToastApp } from 'react-native-smart-tip';
+import { Provider } from 'react-redux';
+import { PersistGate } from 'redux-persist/integration/react';
+import Navigation from './components/Navigation';
+import { persistor, store } from './components/Redux/store';
+
+function TimaInvestorNavigator(props) {
+  return (
+    <Provider store={store}>
+      <PersistGate persistor={persistor} loading={null}>
+        <WRootToastApp>
+          <Navigation {...props} />
+          <FlashMessage position="bottom" />
+        </WRootToastApp>
+      </PersistGate>
+    </Provider>
+  );
+}
+
+export const TimaInvestorNavigation = TimaInvestorNavigator;
+export { store };

package/src/interface/index.ts

@@ -0,0 +1,73 @@
+export interface User {
+  phone?: string | number;
+  password?: string;
+  oldPassword?: string;
+  newPassword?: string;
+  email?: string;
+  refCode?: string | number;
+  fullName?: string;
+}
+
+export interface Option {
+  id: number;
+  title: string;
+  icon: any;
+}
+
+export interface BankProps {
+  bankCode?: string | number;
+  accountNumber?: string | number;
+  accountName?: string | number;
+  idCardNumber?: string | number;
+  phone?: string | number;
+  username?: string | number;
+  password?: string | number;
+  bankRef?: string | number;
+  otp?: string | number;
+  loanCreditId?: string | number;
+}
+
+export interface PassCodeProps {
+  passcode: string | number;
+  agreementId: string | number;
+}
+
+export interface UploadProps {
+  selfie?: string;
+  nationalCardFront?: string;
+  nationalCardBack?: string;
+  SelfieUrl?: string;
+  FrontNationalUrl?: string;
+}
+
+export interface LenderProps {
+  sourceOfFundValue?: number
+  sourceOfFundContent?: string
+  reference_id?: string | number
+  otp?: string | number
+}
+
+export interface Loan {
+  checked: boolean
+  customerName: string
+  lenderIDSell: number
+  lenderSell: string
+  loanCode: string
+  loanID: number
+  loanTotalMoneyCurrent: number
+  moneyInterestExpected: number
+  time: number
+  totalMoneyDept: number
+}
+
+export interface GroupedLoansByLender {
+  lenderSell: string
+  items: Array<Loan>
+  checked: boolean
+}
+
+export interface PendingListTableHeadProps {
+  isAllChecked: boolean
+  handleCheckAll: () => void
+  handleUncheckAll: () => void
+}

package/src/screens/About/index.tsx

@@ -0,0 +1,16 @@
+//@ts-nocheck
+import React from 'react';
+import WebView from 'react-native-webview';
+import AppHeader from '../../common/AppHeader';
+import Container from '../../common/Container';
+export const About = () => {
+  return (
+    <Container isStatusBar>
+      <AppHeader title="GIỚI THIỆU VỀ TIMA" />
+      <WebView
+        source={{ uri: 'https://tima.vn/Home/About/' }}
+        onLoadProgress={(e) => console.log(e.nativeEvent.progress)}
+      />
+    </Container>
+  );
+};

package/src/screens/AdditionalInvestmentCapital/Components/ConfirmAddInvestment.tsx

@@ -0,0 +1,175 @@
+//@ts-nocheck
+import React, { memo } from 'react';
+import { View } from 'react-native';
+import FastImage from 'react-native-fast-image';
+import imageOptions from '../../../assets/images/Optional';
+import BorderWidth from '../../../common/BorderWidth';
+import BSubmitV2 from '../../../common/BSubmit/BSubmitVer2';
+import ButtonIcon from '../../../common/ButtonIcon';
+import Colors from '../../../common/Colors';
+import FlexRow from '../../../common/FlexRow';
+import { actuatedNormalize, formatMoneyText } from '../../../common/Metrics';
+import RText from '../../../common/RText';
+import SpaceBetween from '../../../common/SpaceBetween';
+import CustomModal from '../../../components/CustomModal/CustomModal';
+
+const ConfirmAddInvestment = (props: any) => {
+  const {
+    isVisible,
+    onBackdropPress,
+    onPress,
+    bank,
+    money,
+    lenderCode,
+    isLoading,
+  } = props;
+  return (
+    <CustomModal
+      isVisible={isVisible}
+      containerStyle={{ justifyContent: 'flex-end' }}
+      innerStyle={{
+        backgroundColor: Colors.WHITE,
+        flex: undefined,
+        borderTopLeftRadius: 32,
+        borderTopRightRadius: 32,
+        padding: actuatedNormalize(16),
+      }}
+    >
+      <SpaceBetween>
+        <ButtonIcon
+          onPress={() => onBackdropPress()}
+          iconName="close"
+          iconSize={actuatedNormalize(24)}
+          iconColor={Colors.GRAY_3}
+        />
+        <RText
+          textStyle={{ fontSize: actuatedNormalize(18), fontWeight: '600' }}
+        >
+          Xác nhận thêm vốn
+        </RText>
+        <View style={{ width: actuatedNormalize(24) }} />
+      </SpaceBetween>
+      <View
+        style={{
+          borderRadius: 8,
+          alignItems: 'center',
+          paddingVertical: actuatedNormalize(16),
+          backgroundColor: '#FFF8EE',
+          marginTop: actuatedNormalize(16),
+        }}
+      >
+        <RText textStyle={{ color: '#828282' }}>Số tiền thêm vốn</RText>
+        <RText
+          textStyle={{
+            fontWeight: '600',
+            fontSize: actuatedNormalize(24),
+            color: Colors.ORANGE,
+            paddingTop: actuatedNormalize(6),
+          }}
+        >
+          {formatMoneyText(money)} đ
+        </RText>
+      </View>
+      <View style={{ paddingTop: actuatedNormalize(16) }}>
+        <RText textStyle={{ color: '#828282' }}>Thêm vốn vào</RText>
+        <RText
+          textStyle={{
+            fontWeight: '600',
+            paddingVertical: actuatedNormalize(6),
+          }}
+        >
+          {lenderCode}
+        </RText>
+        <BorderWidth style={undefined} />
+      </View>
+      <View style={{ paddingTop: actuatedNormalize(16) }}>
+        <RText textStyle={{ color: '#828282' }}>Ngân hàng thụ hưởng</RText>
+        <RText
+          textStyle={{
+            fontWeight: '600',
+            paddingVertical: actuatedNormalize(6),
+          }}
+        >
+          {bank?.name}
+        </RText>
+        <BorderWidth style={undefined} />
+      </View>
+      <View style={{ paddingTop: actuatedNormalize(16) }}>
+        <RText textStyle={{ color: '#828282' }}>Tên tài khoản thụ hưởng</RText>
+        <RText
+          textStyle={{
+            fontWeight: '600',
+            paddingVertical: actuatedNormalize(6),
+          }}
+        >
+          {bank?.accountName}
+        </RText>
+        <BorderWidth style={undefined} />
+      </View>
+      <View style={{ paddingTop: actuatedNormalize(16) }}>
+        <RText textStyle={{ color: '#828282' }}>Số tài khoản thụ hưởng</RText>
+        <RText
+          textStyle={{
+            fontWeight: '600',
+            paddingVertical: actuatedNormalize(6),
+          }}
+        >
+          {bank?.account}
+        </RText>
+        <BorderWidth style={undefined} />
+      </View>
+
+      <View
+        style={{
+          marginTop: actuatedNormalize(16),
+          padding: actuatedNormalize(16),
+          backgroundColor: '#F5F5F5',
+          borderRadius: 8,
+        }}
+      >
+        <FlexRow>
+          <FastImage
+            source={imageOptions.warning}
+            style={{
+              width: actuatedNormalize(20),
+              height: actuatedNormalize(20),
+            }}
+          />
+          <RText textStyle={{ fontWeight: '600', paddingLeft: 6 }}>Lưu ý</RText>
+        </FlexRow>
+        <RText
+          textStyle={{ paddingTop: actuatedNormalize(8), color: '#828282' }}
+        >
+          • Kiểm tra đúng nội dung và số tiền
+        </RText>
+        <RText
+          textStyle={{ paddingTop: actuatedNormalize(8), color: '#828282' }}
+        >
+          • Kiểm tra đúng thông tin ngân hàng thụ hưởng
+        </RText>
+        <RText
+          textStyle={{ paddingTop: actuatedNormalize(8), color: '#828282' }}
+        >
+          • Chỉ nạp từ tài khoản ngân hàng (Không hỗ trợ hoàn trả khi chuyển
+          khoản từ ví điện tử)
+        </RText>
+        <RText
+          textStyle={{ paddingTop: actuatedNormalize(8), color: '#828282' }}
+        >
+          • Chuyển khoản 24/7
+        </RText>
+      </View>
+
+      <BSubmitV2
+        onPress={onPress}
+        isLoading={isLoading}
+        text={'Xác nhận'}
+        buttonStyle={{
+          marginVertical: actuatedNormalize(32),
+        }}
+      />
+    </CustomModal>
+  );
+};
+
+export default memo(ConfirmAddInvestment);