@tima2025/react-native-timalender 1.0.1-glink → 1.0.2

package/src/screens/EkycLiveness/index.tsx

@@ -18,10 +18,12 @@ import { useSelector } from 'react-redux';
 import Colors from '../../common/Colors';
 import Loading from '../../common/Loading';
 import { actuatedNormalize } from '../../common/Metrics';
+import { confirmGpayOnboarding } from '../../components/Features/Lender/lenderSlice';
 import { compare_liveness_cif } from '../../components/Features/user/userSlice';
 import Screens from '../../components/Navigation/Screens';
 import { userInfor } from '../../components/Redux/selector';
 import { useAppDispatch } from '../../components/Redux/store';
+import { save } from '../../components/Storage/storage';
 import { PortalFrame } from './Components/PortalFrame';
 import { RecordingGuildStep } from './Components/RecordingGuildStep';
 
@@ -31,14 +33,14 @@ const frameHeight = frameWidth;
 const dataAction = ['pitch_head', 'yaw_head', 'eyes', 'mouth'];
 const durationTime = Platform.OS === 'ios' ? 4200 : 5000;
 
-const EkycLiveness = ({ navigation, route }: any) => {
+const EkycLiveness = ({navigation, route}: any) => {
   const reference_id = route?.params?.reference_id;
   const camera = useRef<Camera>(null);
   const devices = useCameraDevices('wide-angle-camera');
   const device = devices.front;
   const [hasPermission, setHasPermission] = useState(false);
   const [isLoading, setLoading] = useState(false);
-  const [listStep, setListStep] = useState(['intro']);
+  const [listStep, setListStep] = useState<any[]>(['intro']);
   const interestRef = useRef<ScrollView>(null);
   const user_Infor = useSelector(userInfor);
   const dispatch = useAppDispatch();
@@ -60,7 +62,7 @@ const EkycLiveness = ({ navigation, route }: any) => {
   const extractFramesFromVideo = async (
     videoPath: string,
     duration: number,
-    interval: number
+    interval: number,
   ) => {
     const thumbnails: string[] = [];
     const numFrames = Math.floor(duration / interval);
@@ -93,7 +95,7 @@ const EkycLiveness = ({ navigation, route }: any) => {
     const paths = await extractFramesFromVideo(
       data.path,
       parseInt(data.duration) * 1000,
-      interval
+      interval,
     );
 
     const listImage: string[] = [];
@@ -106,13 +108,14 @@ const EkycLiveness = ({ navigation, route }: any) => {
         console.warn('Read base64 error:', err);
       }
     }
+    console.log('listImage.length: ', listImage.slice(0, 20).length);
 
     const params = {
-      phone: '0982515705',
-      files: listImage,
+      phone: user_Infor?.phone,
+      files: listImage.slice(0, 20),
     };
     dispatch(compare_liveness_cif(params))
-      .then((res1) => {
+      .then(async res1 => {
         console.log('res compare----', res1);
         setLoading(false);
         if (res1?.payload?.data?.meta.errorCode !== 200) {
@@ -128,12 +131,32 @@ const EkycLiveness = ({ navigation, route }: any) => {
           navigation.navigate(Screens.Optional);
         } else {
           console.log('------');
-          navigation.navigate(Screens.ConfirmContract, {
-            data: reference_id,
-          });
+          const response: any = await dispatch(
+            confirmGpayOnboarding({reference_id}),
+          );
+          console.log('response', response);
+          if (response?.payload.meta.errCode === 200) {
+            save('reference_id', response?.payload.data);
+            console.log('reference_id', response?.payload.data);
+            // navigation.navigate(Screens.EkycLiveness, {
+            //   reference_id: response?.payload.data,
+            // });
+            navigation.navigate(Screens.ConfirmContract, {
+              data: response?.payload.data,
+            });
+          } else {
+            // WToastShowError(response?.payload.meta.errMessage);
+            showMessage({
+              message: 'Thông báo',
+              description: response?.payload.meta.errMessage,
+              type: 'danger',
+              icon: 'warning',
+              backgroundColor: Colors.DANGER,
+            });
+          }
         }
       })
-      .catch((err) => {
+      .catch(err => {
         // WToastShowError('Có lôi xảy ra,vui lòng thử lại sau');
         showMessage({
           message: 'Thông báo thất bại',
@@ -150,66 +173,6 @@ const EkycLiveness = ({ navigation, route }: any) => {
       });
   };
 
-  const uploadFile = async (temp: string) => {
-    setLoading(true);
-    console.log('----uploadFile!!!: ', temp);
-    let listImage = [];
-    for (let i = 1; i <= 20; i++) {
-      const file = 'file://' + temp + `_img_${('000' + i).slice(-4)}.jpg`;
-      console.log('file ', file);
-      try {
-        const imgBase64 = await RNFS.readFile(file, 'base64');
-        listImage.push(imgBase64);
-      } catch (error) {
-        console.log('error file: ', error);
-      }
-      // console.log('imgBase64 ', imgBase64)
-      console.log('------');
-    }
-    // console.log('listImage: ', listImage);
-
-    const params = {
-      phone: '0982515705',
-      files: listImage,
-    };
-
-    dispatch(compare_liveness_cif(params))
-      .then((res1) => {
-        console.log('res compare----', res1);
-        setLoading(false);
-        if (res1?.payload?.data?.meta.errorCode !== 200) {
-          // WToastShowError(res1?.payload?.data?.meta?.errorMessage);
-          showMessage({
-            message: 'Thông báo',
-            description: res1?.payload?.data?.meta?.errorMessage,
-            type: 'danger',
-            icon: 'warning',
-            backgroundColor: Colors.DANGER,
-          });
-          navigation.navigate(Screens.Optional);
-        } else {
-          navigation.navigate(Screens.ConfirmContract, {
-            data: reference_id,
-          });
-        }
-      })
-      .catch((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,
-        });
-        navigation.navigate(Screens.Optional);
-        setLoading(false);
-      })
-      .finally(() => {
-        setLoading(false);
-      });
-  };
-
   const onRecording = async () => {
     console.log('onRecording');
     console.log('camera.current: ', camera.current);
@@ -219,11 +182,11 @@ const EkycLiveness = ({ navigation, route }: any) => {
         videoCodec: 'h264',
         fileType: 'mp4',
         flash: 'off',
-        onRecordingFinished: (video) => {
+        onRecordingFinished: video => {
           console.log('video: ', video);
           onConfirm(video);
         },
-        onRecordingError: (error) =>
+        onRecordingError: error =>
           // WToastShowError('Lỗi không quay được. Hãy thử lại '),
           showMessage({
             message: 'Thông báo lỗi',
@@ -248,7 +211,6 @@ const EkycLiveness = ({ navigation, route }: any) => {
     }
   };
   const onContinueRecording = async (isFinish: boolean, step: number) => {
-    console.log('ahihi', step);
     if (camera.current) {
       camera.current.resumeRecording();
       setTimeout(async () => {
@@ -274,7 +236,7 @@ const EkycLiveness = ({ navigation, route }: any) => {
     switch (index) {
       case 0:
         if (interestRef.current) {
-          interestRef?.current.scrollTo({ animated: true, x: deviceWidth });
+          interestRef?.current.scrollTo({animated: true, x: deviceWidth});
         }
         break;
       case 1:
@@ -296,24 +258,23 @@ const EkycLiveness = ({ navigation, route }: any) => {
   }
 
   return (
-    <View style={{ width: deviceWidth }}>
+    <View style={{width: deviceWidth}}>
       <View
         style={{
           width: deviceWidth,
           height: '100%',
           justifyContent: 'center',
           alignItems: 'center',
-        }}
-      >
+        }}>
         <View style={styles.frameContainer}>
-          <View style={{ flex: 1, justifyContent: 'center' }}>
+          <View style={{flex: 1, justifyContent: 'center'}}>
             <PortalFrame />
             {device != null && hasPermission ? (
               <Camera
                 fps={60}
                 // preset="iframe-960x540"
                 ref={camera}
-                style={{ flex: 1, zIndex: 1 }}
+                style={{flex: 1, zIndex: 1}}
                 device={device}
                 // isActive
                 isActive={isFocused && hasPermission}
@@ -325,15 +286,14 @@ const EkycLiveness = ({ navigation, route }: any) => {
             <ScrollView
               nestedScrollEnabled
               ref={interestRef}
-              style={{ width: deviceWidth }}
+              style={{width: deviceWidth}}
               horizontal
               pagingEnabled
               snapToInterval={deviceWidth}
               scrollEventThrottle={16}
               scrollEnabled={false}
               bounces={true}
-              showsHorizontalScrollIndicator={false}
-            >
+              showsHorizontalScrollIndicator={false}>
               {listStep.map((item, index) => (
                 <RecordingGuildStep
                   key={index.toString()}
@@ -405,4 +365,4 @@ const styles = StyleSheet.create({
   },
 });
 
-export default EkycLiveness;
+export default EkycLiveness;

package/src/screens/GpayInfor/Gpay.tsx

@@ -51,7 +51,7 @@ export const Gpay = ({ navigation }: any) => {
         >
           <Icon name="document-text" size={24} color="#F05123" />
           <RText style={{ paddingLeft: 12, color: '#333333' }}>
-            Hợp đồng Glink - Gpay - Lender
+            Hợp đồng Tima - Gpay - Lender
           </RText>
         </TouchableOpacity>
       </View>

package/src/screens/Guide/index.tsx

@@ -78,7 +78,7 @@ export const Guide = ({ navigation, _route }: any) => {
               marginTop: 80,
             }}
           >
-            Glink xin chào !
+            Tima xin chào !
           </RText>
         ) : (
           timeByNextPage === 0 && (
@@ -108,7 +108,7 @@ export const Guide = ({ navigation, _route }: any) => {
                     marginLeft: 8,
                   }}
                 >
-                  Tổng đài Glink
+                  Tổng đài Tima
                 </RText>
               </TouchableOpacity>
               <TouchableOpacity
@@ -133,7 +133,7 @@ export const Guide = ({ navigation, _route }: any) => {
                     marginLeft: 8,
                   }}
                 >
-                  Glink
+                  Tima.vn/nha-dau-tu
                 </RText>
               </TouchableOpacity>
               <TouchableOpacity

package/src/screens/InputBank/index.tsx

@@ -257,7 +257,7 @@ export const InputBank = ({ route, navigation }: any) => {
                 điều khoản
               </RText>
             </TouchableOpacity>
-            <RText>của Glink</RText>
+            <RText>của TIMA</RText>
             <TouchableOpacity
               style={{ marginLeft: 8 }}
               onPress={() => setCheck(!check)}
@@ -349,7 +349,7 @@ export const InputBank = ({ route, navigation }: any) => {
                 điều khoản
               </RText>
             </TouchableOpacity>
-            <RText>của Glink</RText>
+            <RText>của TIMA</RText>
             <TouchableOpacity
               style={{ marginLeft: 8 }}
               onPress={() => setCheck(!check)}

package/src/screens/Invest/Screens/HomeLoan.tsx

@@ -27,7 +27,6 @@ import {
 import Screens from '../../../components/Navigation/Screens';
 import { selectLoading } from '../../../components/Redux/selector';
 import { AppDispatch } from '../../../components/Redux/store';
-import { setClientToken } from '../../../controllers/Client';
 const dayjs = require('dayjs');
 const relativeTime = require('dayjs/plugin/relativeTime');
 dayjs.extend(relativeTime);
@@ -50,7 +49,7 @@ const HomeLoan = (props) => {
   };
 
   const addToCart = async (item: any) => {
-    setClientToken(item?.access_token);
+    // setClientToken(item?.access_token);
     setTimeout(async () => {
       const resp: any = await dispatch(lockLoan(item?.id));
       console.log('resp lock---', resp);

package/src/screens/InvestNew/Screens/HomeLoan.tsx

@@ -27,7 +27,6 @@ import {
 import Screens from '../../../components/Navigation/Screens';
 import { selectLoading } from '../../../components/Redux/selector';
 import { AppDispatch } from '../../../components/Redux/store';
-import { setClientToken } from '../../../controllers/Client';
 const dayjs = require('dayjs');
 const relativeTime = require('dayjs/plugin/relativeTime');
 dayjs.extend(relativeTime);
@@ -50,7 +49,7 @@ const HomeLoan = (props) => {
   };
 
   const addToCart = async (item: any) => {
-    setClientToken(item?.access_token);
+    // setClientToken(item?.access_token);
     setTimeout(async () => {
       const resp: any = await dispatch(lockLoan(item?.id));
       console.log('resp lock---', resp);

package/src/screens/LoanApplication/Components/ModalWarn.tsx

@@ -58,7 +58,7 @@ const ModalWarn = (props: ModalProps) => {
           color: Colors.GRAY_3,
         }}
       >
-        Trong danh sách đã chọn có đơn được Glink đề nghị mua nợ, đơn sẽ bị loại
+        Trong danh sách đã chọn có đơn được TIMA đề nghị mua nợ, đơn sẽ bị loại
         bỏ khỏi danh sách bạn đã chọn!
       </RText>
 

package/src/screens/Notification/index.tsx

@@ -131,7 +131,7 @@ export const Notification = ({ navigation }: any) => {
                 style={{ width: 36, height: 36, resizeMode: 'contain' }}
               />
               <View style={{ flex: 1, paddingLeft: 10 }}>
-                {/*<MText style={{flex:1, paddingHorizontal: 8, fontSize: 16, color: '#1D1B1B'}}>{`Thông báo từ Glink`}</MText>*/}
+                {/*<MText style={{flex:1, paddingHorizontal: 8, fontSize: 16, color: '#1D1B1B'}}>{`Thông báo từ tima`}</MText>*/}
                 <RText
                   style={{
                     flex: 1,

package/src/screens/Optional/index.tsx

@@ -56,7 +56,7 @@ const options: Option[] = [
   // },
   {
     id: 13,
-    title: 'Hợp đồng hợp tác giữa NĐT và Glink',
+    title: 'Hợp đồng hợp tác giữa NĐT và Tima',
     icon: imageOptions.icon_extend,
   },
   {
@@ -92,7 +92,7 @@ const options: Option[] = [
   },
   {
     id: 4,
-    title: 'Giới thiệu về Glink',
+    title: 'Giới thiệu về TIMA',
     icon: imageOptions.about,
   },
   {
@@ -122,17 +122,20 @@ const options: Option[] = [
   },
 ];
 
-export const Optional = ({ navigation }: any) => {
+export const Optional = ({navigation}: any) => {
   const dispatch = useDispatch<AppDispatch>();
   const _userInfo = useGetUser();
   const isLoading = useSelector(selectLoading);
   const userData = useSelector(userInfor);
   const [openPickShop, setOpenPickShop] = useState(false);
   const [shopName, setShopName] = useState<string>(
-    userData?.shops[0]?.name || userData?.shop?.name
+    userData?.shops[0]?.name || userData?.shop?.name,
   );
+  const [lenderType, setLenderType] = useState<string | null>(null);
   const [isEnabled, setIsEnabled] = useState(false);
 
+  console.log('shopName: ', shopName);
+
   const getOneShop = async () => {
     await changeToken(userData?.shops[0]);
     // getPackagesList();
@@ -143,7 +146,6 @@ export const Optional = ({ navigation }: any) => {
     if (userData?.typeDisbursement === 'NA') {
       loadEnableNotification();
     }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 
   const loadEnableNotification = async () => {
@@ -249,8 +251,8 @@ export const Optional = ({ navigation }: any) => {
     setOpenPickShop(true);
   };
 
-  const changeToken = async (shop: { shopId: any; regFromApp: any }) => {
-    const resp: any = await dispatch(ChangeToken({ shop_id: shop?.shopId }));
+  const changeToken = async (shop: {shopId: any; regFromApp: any}) => {
+    const resp: any = await dispatch(ChangeToken({shop_id: shop?.shopId}));
     if (resp && resp.payload && resp?.payload?.meta?.errCode === 200) {
       const obj = {
         ...userData,
@@ -270,7 +272,7 @@ export const Optional = ({ navigation }: any) => {
             text: 'Đồng ý',
             onPress: () => dispatch(logOut()),
           },
-        ]
+        ],
       );
     }
   };
@@ -284,7 +286,7 @@ export const Optional = ({ navigation }: any) => {
       />
       {/* <View style={styles.header}>
         <NotifyIcon />
-      </View> */}
+      </View>
       {/* <Image
         source={
           userData?.gender === 1
@@ -301,65 +303,79 @@ export const Optional = ({ navigation }: any) => {
         </TouchableOpacity>
       </View>
       <View style={styles.redLine} />
-      <ScrollView style={{ paddingHorizontal: actuatedNormalize(16) }}>
-        <TouchableOpacity
-          onPress={() => navigation.navigate(Screens.WithDraw)}
-          style={{
-            flex: 1,
-          }}
-        >
-          <View style={styles.optionItems}>
-            <Image
-              source={imageOptions.withdraw}
-              style={{
-                width: 24,
-                height: 24,
-                tintColor: Colors.ORANGE,
-                resizeMode: 'contain',
-              }}
-            />
-            <RText textStyle={{ paddingLeft: 12 }}>{'Rút tiền'}</RText>
-          </View>
-          <View style={{ height: 1, backgroundColor: '#E5E5E5' }} />
-        </TouchableOpacity>
-        {options.map((item: Option) => {
-          return (
+      <ScrollView style={{paddingHorizontal: actuatedNormalize(16)}}>
+        {shopName?.includes('DT') &&
+          (lenderType?.includes('Gold') ||
+            lenderType?.includes('Gold Plus')) && (
             <TouchableOpacity
-              onPress={() => handleNavigate(item.id)}
-              key={item?.id}
+              onPress={() => navigation.navigate(Screens.WithDraw)}
               style={{
                 flex: 1,
-                borderBottomWidth: 1,
-                borderColor: '#E5E5E5',
-                flexDirection: 'row',
-                alignItems: 'center',
-                justifyContent: 'space-between',
-              }}
-            >
+              }}>
               <View style={styles.optionItems}>
                 <Image
-                  source={item.icon}
+                  source={imageOptions.withdraw}
                   style={{
-                    width: actuatedNormalize(18),
-                    height: actuatedNormalize(18),
+                    width: 24,
+                    height: 24,
                     tintColor: Colors.ORANGE,
                     resizeMode: 'contain',
                   }}
                 />
-                <RText textStyle={{ paddingLeft: 12 }}>{item?.title}</RText>
+                <RText textStyle={{paddingLeft: 12}}>{'Rút tiền'}</RText>
               </View>
-              {item.id === 12 && (
-                <Switch
-                  trackColor={{ false: '#767577', true: Colors.GRAY_5 }}
-                  thumbColor={isEnabled ? Colors.ORANGE : Colors.GRAY_4}
-                  onValueChange={toggleSwitch}
-                  value={isEnabled}
-                  style={{ transform: [{ scaleX: 0.6 }, { scaleY: 0.6 }] }}
-                />
-              )}
+              <View style={{height: 1, backgroundColor: '#E5E5E5'}} />
             </TouchableOpacity>
-          );
-        })}
+          )}
+        {options
+          .filter(item => {
+            if (
+              item.id === 15 &&
+              shopName?.includes('NA') &&
+              (lenderType?.includes('Gold') ||
+                lenderType?.includes('Gold Plus'))
+            ) {
+              return false;
+            }
+            return true;
+          })
+          .map((item: Option) => {
+            return (
+              <TouchableOpacity
+                onPress={() => handleNavigate(item.id)}
+                key={item?.id}
+                style={{
+                  flex: 1,
+                  borderBottomWidth: 1,
+                  borderColor: '#E5E5E5',
+                  flexDirection: 'row',
+                  alignItems: 'center',
+                  justifyContent: 'space-between',
+                }}>
+                <View style={styles.optionItems}>
+                  <Image
+                    source={item.icon}
+                    style={{
+                      width: actuatedNormalize(18),
+                      height: actuatedNormalize(18),
+                      tintColor: Colors.ORANGE,
+                      resizeMode: 'contain',
+                    }}
+                  />
+                  <RText textStyle={{paddingLeft: 12}}>{item?.title}</RText>
+                </View>
+                {item.id === 12 && (
+                  <Switch
+                    trackColor={{false: '#767577', true: Colors.GRAY_5}}
+                    thumbColor={isEnabled ? Colors.ORANGE : Colors.GRAY_4}
+                    onValueChange={toggleSwitch}
+                    value={isEnabled}
+                    style={{transform: [{scaleX: 0.6}, {scaleY: 0.6}]}}
+                  />
+                )}
+              </TouchableOpacity>
+            );
+          })}
       </ScrollView>
       <ModalPickShop
         isVisible={openPickShop}
@@ -369,6 +385,7 @@ export const Optional = ({ navigation }: any) => {
           console.log('value', value);
 
           setShopName(value?.lenderName);
+          setLenderType(value?.lenderTypeName);
           setOpenPickShop(false);
           // navigation.navigate(Screens.HomePage);
         }}
@@ -381,8 +398,7 @@ export const Optional = ({ navigation }: any) => {
             fontSize: 12,
             paddingTop: actuatedNormalize(8),
             paddingBottom: actuatedNormalize(8),
-          }}
-        >{`Phiên bản: ${DeviceInfo.getVersion()}`}</RText>
+          }}>{`Phiên bản: ${DeviceInfo.getVersion()}`}</RText>
       </View> */}
       {isLoading && <Loading />}
     </Container>

package/src/screens/PendingLoan/Tabs/Tab1.tsx

@@ -175,7 +175,7 @@ const Tab1 = (props: { data: any }) => {
                   fontSize: actuatedNormalize(14),
                 }}
               >
-                Số tiền Glink đã thu KH (3)
+                Số tiền Tima đã thu KH (3)
               </RText>
               <RText
                 textStyle={{

package/src/screens/ReceivedLoan/Components/Tab1.tsx

@@ -175,7 +175,7 @@ const Tab1 = (props: { data: any }) => {
                   fontSize: actuatedNormalize(14),
                 }}
               >
-                Số tiền Glink đã thu KH (3)
+                Số tiền Tima đã thu KH (3)
               </RText>
               <RText
                 textStyle={{

package/src/screens/Sign-in/index.tsx

@@ -459,7 +459,7 @@ export const SignIn = ({ navigation }: any) => {
                     fontWeight: '400',
                   }}
                 >
-                  Tôi đồng ý với các điều khoản của Glink
+                  Tôi đồng ý với các điều khoản của Tima
                 </RText>
               </TouchableOpacity>
             </View>