@tima2025/react-native-timalender 1.0.0

package/src/components/Navigation/AuthNavigator.tsx

@@ -0,0 +1,78 @@
+//@ts-nocheck
+import { createStackNavigator } from '@react-navigation/stack';
+import React, { useEffect, useState } from 'react';
+import { ForgotPassword, SignIn, SignUp } from '../../screens';
+import { ForgotPasswordOTP } from '../../screens/ForgotPasswordOTP';
+import { Intro } from '../../screens/Intro';
+import { SetPassword } from '../../screens/SetPassword';
+import { load } from '../Storage/storage';
+import Screens from './Screens';
+
+const Stack = createStackNavigator();
+
+const AuthNavigator = () => {
+  const [checkIntro, setCheckIntro] = useState('');
+  useEffect(() => {
+    loadNextScreen();
+  }, []);
+
+  const loadNextScreen = async () => {
+    const checked = await load('next_intro');
+    setCheckIntro(checked);
+  };
+  return (
+    <Stack.Navigator>
+      {checkIntro !== 'true' && (
+        <Stack.Screen
+          name={Screens.Intro}
+          component={Intro}
+          options={{
+            headerShown: false,
+          }}
+        />
+      )}
+
+      <Stack.Screen
+        name={Screens.SignIn}
+        component={SignIn}
+        options={{
+          headerShown: false,
+        }}
+      />
+
+      <Stack.Screen
+        name={Screens.SignUp}
+        component={SignUp}
+        options={{
+          headerShown: false,
+        }}
+      />
+
+      <Stack.Screen
+        name={Screens.ForgotPassword}
+        component={ForgotPassword}
+        options={{
+          headerShown: false,
+        }}
+      />
+
+      <Stack.Screen
+        name={Screens.ForgotPasswordOTP}
+        component={ForgotPasswordOTP}
+        options={{
+          headerShown: false,
+        }}
+      />
+
+      <Stack.Screen
+        name={Screens.SetPassword}
+        component={SetPassword}
+        options={{
+          headerShown: false,
+        }}
+      />
+    </Stack.Navigator>
+  );
+};
+
+export default AuthNavigator;

package/src/components/Navigation/Screens.ts

@@ -0,0 +1,87 @@
+const Screens = {
+  Splash: 'Splash',
+  SignIn: 'SignIn',
+  SignUp: 'SignUp',
+  MainTab: 'Main',
+  HomePage: 'HomePage',
+  Invest: 'Invest',
+  Statistical: 'Statistical',
+  Optional: 'Optional',
+  ForgotPassword: 'ForgotPassword',
+  ListLoan: 'ListLoan',
+  PendingLoan: 'PendingLoan',
+  PendingMoney: 'PendingMoney',
+  CashBook: 'CashBook',
+  LockingLoan: 'LockingLoan',
+  InterestFine: 'InterestFine',
+  Notification: 'Notification',
+  ConnectBank: 'ConnectBank',
+  otp: 'otp',
+  InputBank: 'InputBank',
+  term: 'term',
+  LinkSuccess: 'LinkSuccess',
+  TransferSuccess: 'TransferSuccess',
+  PassCode: 'PassCode',
+  Support: 'Support',
+  About: 'About',
+  Intro: 'Intro',
+  ChangePassword: 'ChangePassword',
+  DetailHistory: 'DetailHistory',
+  Contract: 'Contract',
+  Detail: 'Detail',
+  Confirm: 'Confirm',
+  DetailNotification: 'DetailNotification',
+  ForgotPasswordOTP: 'ForgotPasswordOTP',
+  SetPassword: 'SetPassword',
+  WithDraw: 'WithDraw',
+  InvestDetail: 'InvestDetail',
+  DashBoardDetail: 'DashBoardDetail',
+  InterestReceived: 'InterestReceived',
+  GpayInfor: 'GpayInfor',
+  Guide: 'Guide',
+  WithdrawGpay: 'WithdrawGpay',
+  EnterOTPGpay: 'EnterOTPGpay',
+  WithdrawSuccess: 'WithdrawSuccess',
+  Gpay: 'Gpay',
+  SignContractTimaGpay: 'SignContractTimaGpay',
+  SignContract: 'SignContract',
+  ConfirmContract: 'ConfirmContract',
+  ekyc: 'ekyc',
+  Camera: 'Camera',
+  NationalIDBack: 'NationalIDBack',
+  Selfie: 'Selfie',
+  LiveNess: 'LiveNess',
+  CameraSelfie: 'CameraSelfie',
+  CameraFrontBack: 'CameraFrontBack',
+  CameraFrontResult: 'CameraFrontResult',
+  CameraBackResult: 'CameraBackResult',
+  BuyDue: 'BuyDue',
+  DetailBuyDue: 'DetailBuyDue',
+  BuyDueOTP: 'BuyDueOTP',
+  ShowBuyDue: 'ShowBuyDue',
+  EkycLiveness: 'EkycLiveness',
+  EkycCamera: 'EkycCamera',
+  ContractDetail: "ContractDetail",
+  Extend: 'Extend',
+  ExtendVerifyOTP: 'ExtendVerifyOTP',
+  ReceivedLoan: "ReceivedLoan",
+  CooperationAgreement: "CooperationAgreement",
+  ListWaitingExtension: "ListWaitingExtension",
+  AdditionalInvestmentCapital: "AdditionalInvestmentCapital",
+  ListWaitingApproval: "ListWaitingApproval",
+  ExtendContractOTP: "ExtendContractOTP",
+  ExtendContract: "ExtendContract",
+  InvestNew: "InvestNew",
+  SellDebt: 'SellDebt',
+  Transfer: 'Transfer',
+  BuyDebt: "BuyDebt",
+  LoanApplication: 'LoanApplication',
+  DetailLoanApplication: 'DetailLoanApplication',
+  DebtPurchaseContract: 'DebtPurchaseContract',
+  SignDebtContract: 'SignDebtContract',
+  OTPSignDebtContract: 'OTPSignDebtContract',
+  AvailableAmount: 'AvailableAmount',
+  DetailDebt: 'DetailDebt',
+};
+
+export default Screens;

package/src/components/Navigation/TabNavigation.tsx

@@ -0,0 +1,130 @@
+//@ts-nocheck
+/* eslint-disable react-native/no-inline-styles */
+import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';
+import React from 'react';
+import { Platform } from 'react-native';
+import Icon from 'react-native-vector-icons/Ionicons';
+import { actuatedNormalize } from '../../common/Metrics';
+import RText from '../../common/RText';
+import { HomePage, Invest, Optional } from '../../screens';
+import Screens from './Screens';
+
+const iconForTab = (name: string) => {
+  switch (name) {
+    case Screens.HomePage:
+      return 'pie-chart-outline';
+    case Screens.Invest:
+      return 'star-outline';
+    case Screens.Statistical:
+      return 'md-bar-chart-outline';
+    case Screens.Optional:
+      return 'ellipsis-horizontal-outline';
+    default:
+      return 'home';
+  }
+};
+
+const Tab = createBottomTabNavigator();
+
+const TabIcon = (props: any) => {
+  const value = props;
+  return (
+    <Icon
+      size={24}
+      name={iconForTab(props.name)}
+      color={value.props?.focused ? '#EE4223' : '#333333'}
+    />
+  );
+};
+
+const MainTab = () => {
+  return (
+    <Tab.Navigator
+      screenOptions={({ route: { name } }) => ({
+        tabBarIcon: ({ ...props }) => {
+          return <TabIcon props={props} name={name} />;
+        },
+      })}
+      tabBarOptions={{
+        style: {
+          alignItems: 'center',
+          justifyContent: 'center',
+          flexDirection: 'column',
+          backgroundColor: '#fff',
+          borderTopWidth: 0.5,
+          paddingTop: actuatedNormalize(10),
+          paddingBottom: Platform.OS === 'ios' ? 25 : 10,
+          paddingHorizontal: 6,
+          shadowColor: '#000',
+          shadowOffset: {
+            width: 1,
+            height: 6,
+          },
+          shadowOpacity: 0.5,
+          shadowRadius: 3.84,
+          elevation: 10,
+          height: Platform.OS === 'android' ? 70 : 90,
+        },
+      }}
+    >
+      <Tab.Screen
+        name={Screens.HomePage}
+        component={HomePage}
+        options={{
+          headerShown: false,
+          tabBarLabel: ({ focused, color }) => {
+            return (
+              <RText
+                textStyle={{
+                  color: focused ? '#EE4223' : color,
+                  fontWeight: focused ? '600' : '400',
+                  fontSize: 14,
+                }}
+              >
+                Tổng quan
+              </RText>
+            );
+          },
+        }}
+      />
+      <Tab.Screen
+        name={Screens.Invest}
+        component={Invest}
+        options={{
+          headerShown: false,
+          tabBarLabel: ({ focused, color }) => (
+            <RText
+              textStyle={{
+                color: focused ? '#EE4223' : color,
+                fontWeight: focused ? '600' : '400',
+                fontSize: 14,
+              }}
+            >
+              Đầu tư
+            </RText>
+          ),
+        }}
+      />
+      <Tab.Screen
+        name={Screens.Optional}
+        component={Optional}
+        options={{
+          headerShown: false,
+          tabBarLabel: ({ focused, color }) => (
+            <RText
+              textStyle={{
+                color: focused ? '#EE4223' : color,
+                fontWeight: focused ? '600' : '400',
+                fontSize: 14,
+              }}
+            >
+              Tùy chọn
+            </RText>
+          ),
+        }}
+      />
+    </Tab.Navigator>
+  );
+};
+
+export default MainTab;

package/src/components/Navigation/index.tsx

@@ -0,0 +1,114 @@
+//@ts-nocheck
+import React, { useEffect } from 'react';
+import { showMessage } from 'react-native-flash-message';
+import { useDispatch, useSelector } from 'react-redux';
+import Colors from '../../common/Colors';
+import {
+  ChangeToken,
+  logOut,
+  setUserLogin,
+} from '../../components/Features/user/userSlice';
+import Screens from '../../components/Navigation/Screens';
+import { AppDispatch } from '../../components/Redux/store';
+import { setClientToken } from '../../controllers/Client';
+import Users from '../../controllers/Users';
+import { userInfor } from '../Redux/selector';
+import AppNavigator from './AppNavigator';
+import AuthNavigator from './AuthNavigator';
+
+const Navigation = (props: any) => {
+  const navigation = props?.navigation;
+  const dispatch = useDispatch<AppDispatch>();
+
+  const userData = useSelector(userInfor);
+  // if (userData && !access_token) {
+  //   setClientToken(userData?.accessToken);
+  // }
+
+  const changeToken = async (shop: any) => {
+    const resp: any = await dispatch(ChangeToken({ shop_id: shop?.shopId }));
+    console.log('resp change token---', resp);
+    switch (resp.payload.meta.errCode) {
+      case 403:
+        // WToastShowError('Bạn không có quyền truy cập');
+        showMessage({
+          message: 'Thông báo',
+          description: 'Bạn không có quyền truy cập',
+          type: 'danger',
+          icon: 'warning',
+          backgroundColor: Colors.DANGER,
+        });
+        break;
+      case 401:
+        // WToastShowError('Vui lòng đăng nhập lại');
+        showMessage({
+          message: 'Thông báo',
+          description: 'Vui lòng đăng nhập lại',
+          type: 'danger',
+          icon: 'warning',
+          backgroundColor: Colors.DANGER,
+        });
+        break;
+      case 200:
+        dataShop.accessToken = resp.payload.data;
+        dataShop.regFromApp = shop.regFromApp;
+        dataShop.shop = shop;
+        dispatch(setUserLogin(dataShop));
+        break;
+      default:
+        break;
+    }
+  };
+
+  const validateToken = async () => {
+    try {
+      console.log('token', props.route?.params?.token);
+      const res = await Users.ValidateToken(props.route?.params?.token);
+      console.log(res);
+      const data = JSON.parse(res);
+
+      switch (data.meta.errCode) {
+        case 200:
+          dispatch(setUserLogin(data?.data));
+          if (data.data.shops !== undefined && data.data.shops !== null) {
+            if (data.data.shops.length > 0) {
+              setClientToken(data.data.accessToken);
+              // setDataShop(data?.data);
+              changeToken(data?.data?.shops[0]);
+              // data.data.shop = data?.data.shops[0];
+              navigation.replace(Screens.MainTab);
+              return;
+            }
+          }
+          break;
+        case 222:
+          // 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,
+          });
+          break;
+      }
+      navigation.replace(Screens.SignUp);
+    } catch (e) {
+      console.log(e);
+    }
+  };
+
+  useEffect(() => {
+    dispatch(setUserLogin({}));
+    setClientToken(props.route?.params?.token);
+    validateToken();
+
+    return () => {
+      console.log('logout');
+      dispatch(logOut());
+    };
+  }, []);
+  return userData?.accessToken ? <AppNavigator /> : <AuthNavigator />;
+};
+
+export default Navigation;

package/src/components/Redux/rootReducer.ts

@@ -0,0 +1,20 @@
+//@ts-nocheck
+import { AnyAction, combineReducers, Reducer } from '@reduxjs/toolkit';
+
+import loadingReducer from '../../components/Features/loading/loadingSlice';
+import userReducer from '../../components/Features/user/userSlice';
+
+const combinedReducer = combineReducers({
+  isLoading: loadingReducer,
+  user: userReducer,
+});
+
+export type RootState = ReturnType<typeof combinedReducer>;
+
+const rootReducer: Reducer = (state: RootState, action: AnyAction) => {
+  if (action.type === 'user/logOut') {
+    state = {} as RootState;
+  }
+  return combinedReducer(state, action);
+};
+export default rootReducer;

package/src/components/Redux/selector.ts

@@ -0,0 +1,10 @@
+//@ts-nocheck
+import { CombinedState } from '@reduxjs/toolkit';
+
+export const selectLoading = (state: CombinedState<any>) => state.isLoading;
+
+export const userInfor = (state: CombinedState<any>) =>
+  state.user?.dataLogin?.payload;
+
+export const firstLaunchApp = (state: CombinedState<any>) =>
+  state.user?.firstLaunchApp;

package/src/components/Redux/store.ts

@@ -0,0 +1,39 @@
+//@ts-nocheck
+import AsyncStorage from '@react-native-async-storage/async-storage';
+import { Action, configureStore, getDefaultMiddleware } from '@reduxjs/toolkit';
+import { useDispatch } from 'react-redux';
+import {
+  FLUSH,
+  PAUSE,
+  PERSIST,
+  persistReducer,
+  persistStore,
+  PURGE,
+  REGISTER,
+  REHYDRATE,
+} from 'redux-persist';
+import { ThunkAction } from 'redux-thunk';
+import rootReducer, { RootState } from './rootReducer';
+
+const persistConfig = {
+  key: 'root',
+  storage: AsyncStorage,
+};
+
+const persistedReducer = persistReducer(persistConfig, rootReducer);
+
+const store = configureStore({
+  reducer: persistedReducer,
+  middleware: getDefaultMiddleware({
+    serializableCheck: {
+      ignoredActions: [FLUSH, REHYDRATE, PAUSE, PERSIST, PURGE, REGISTER],
+    },
+  }),
+});
+
+const persistor = persistStore(store);
+export type AppDispatch = typeof store.dispatch;
+export const useAppDispatch = () => useDispatch<AppDispatch>();
+
+export type AppThunk = ThunkAction<void, RootState, unknown, Action<string>>;
+export { persistor, store };

package/src/components/Storage/storage.ts

@@ -0,0 +1,52 @@
+//@ts-nocheck
+import AsyncStorage from '@react-native-async-storage/async-storage';
+
+export const SECURITY = 'SECURITY';
+/**
+ * Loads something from storage and runs it thru JSON.parse.
+ *
+ * @param key The key to fetch.
+ */
+export async function load(key: string): Promise<any | null> {
+  try {
+    const almostThere: any = await AsyncStorage.getItem(key);
+    return JSON.parse(almostThere);
+  } catch {
+    return null;
+  }
+}
+
+/**
+ * Saves an object to storage.
+ *
+ * @param key The key to fetch.
+ * @param value The value to store.
+ */
+export async function save(key: string, value: any): Promise<boolean> {
+  try {
+    await AsyncStorage.setItem(key, JSON.stringify(value));
+    return true;
+  } catch {
+    return false;
+  }
+}
+
+/**
+ * Removes something from storage.
+ *
+ * @param key The key to kill.
+ */
+export async function remove(key: string): Promise<void> {
+  try {
+    await AsyncStorage.removeItem(key);
+  } catch {}
+}
+
+/**
+ * Burn it all to the ground.
+ */
+export async function clear(): Promise<void> {
+  try {
+    await AsyncStorage.clear();
+  } catch {}
+}