react-native-timacare 3.1.38 → 3.1.39

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (62) hide show
  1. package/lib/commonjs/navigation/primary-navigator.js +1 -1
  2. package/lib/commonjs/navigation/primary-navigator.js.flow +6 -0
  3. package/lib/commonjs/navigation/primary-navigator.js.map +1 -1
  4. package/lib/commonjs/screens/camera/CCCDCameraScreen.js +2 -0
  5. package/lib/commonjs/screens/camera/CCCDCameraScreen.js.flow +273 -0
  6. package/lib/commonjs/screens/camera/CCCDCameraScreen.js.map +1 -0
  7. package/lib/commonjs/screens/camera/index.js +1 -1
  8. package/lib/commonjs/screens/camera/index.js.flow +59 -78
  9. package/lib/commonjs/screens/camera/index.js.map +1 -1
  10. package/lib/commonjs/screens/home/index.js +1 -1
  11. package/lib/commonjs/screens/home/index.js.flow +2078 -2132
  12. package/lib/commonjs/screens/home/index.js.map +1 -1
  13. package/lib/commonjs/screens/nationalID/index.js +1 -1
  14. package/lib/commonjs/screens/nationalID/index.js.flow +25 -45
  15. package/lib/commonjs/screens/nationalID/index.js.map +1 -1
  16. package/lib/commonjs/screens/nationalIDBack/index.js +1 -1
  17. package/lib/commonjs/screens/nationalIDBack/index.js.flow +24 -45
  18. package/lib/commonjs/screens/nationalIDBack/index.js.map +1 -1
  19. package/lib/commonjs/screens/register/index.js +1 -1
  20. package/lib/commonjs/screens/register/index.js.flow +1 -1
  21. package/lib/commonjs/screens/toan-trinh-so/RegisterCamera.js +1 -1
  22. package/lib/commonjs/screens/toan-trinh-so/RegisterCamera.js.flow +0 -1
  23. package/lib/commonjs/screens/toan-trinh-so/RegisterCamera.js.map +1 -1
  24. package/lib/commonjs/services/api/api-config.js +1 -1
  25. package/lib/commonjs/services/api/api-config.js.flow +1 -1
  26. package/lib/commonjs/services/api/api-config.js.map +1 -1
  27. package/lib/module/navigation/primary-navigator.js +1 -1
  28. package/lib/module/navigation/primary-navigator.js.map +1 -1
  29. package/lib/module/screens/camera/CCCDCameraScreen.js +2 -0
  30. package/lib/module/screens/camera/CCCDCameraScreen.js.map +1 -0
  31. package/lib/module/screens/camera/index.js +1 -1
  32. package/lib/module/screens/camera/index.js.map +1 -1
  33. package/lib/module/screens/home/index.js +1 -1
  34. package/lib/module/screens/home/index.js.map +1 -1
  35. package/lib/module/screens/nationalID/index.js +1 -1
  36. package/lib/module/screens/nationalID/index.js.map +1 -1
  37. package/lib/module/screens/nationalIDBack/index.js +1 -1
  38. package/lib/module/screens/nationalIDBack/index.js.map +1 -1
  39. package/lib/module/screens/register/index.js +1 -1
  40. package/lib/module/screens/toan-trinh-so/RegisterCamera.js +1 -1
  41. package/lib/module/screens/toan-trinh-so/RegisterCamera.js.map +1 -1
  42. package/lib/module/services/api/api-config.js +1 -1
  43. package/lib/module/services/api/api-config.js.map +1 -1
  44. package/lib/typescript/navigation/primary-navigator.d.ts +1 -0
  45. package/lib/typescript/navigation/primary-navigator.d.ts.map +1 -1
  46. package/lib/typescript/screens/camera/CCCDCameraScreen.d.ts +2 -0
  47. package/lib/typescript/screens/camera/CCCDCameraScreen.d.ts.map +1 -0
  48. package/lib/typescript/screens/camera/index.d.ts.map +1 -1
  49. package/lib/typescript/screens/home/index.d.ts.map +1 -1
  50. package/lib/typescript/screens/nationalID/index.d.ts.map +1 -1
  51. package/lib/typescript/screens/nationalIDBack/index.d.ts.map +1 -1
  52. package/lib/typescript/screens/toan-trinh-so/RegisterCamera.d.ts.map +1 -1
  53. package/package.json +2 -1
  54. package/src/navigation/primary-navigator.tsx +6 -0
  55. package/src/screens/camera/CCCDCameraScreen.tsx +273 -0
  56. package/src/screens/camera/index.tsx +59 -78
  57. package/src/screens/home/index.tsx +2078 -2132
  58. package/src/screens/nationalID/index.tsx +25 -45
  59. package/src/screens/nationalIDBack/index.tsx +24 -45
  60. package/src/screens/register/index.tsx +1 -1
  61. package/src/screens/toan-trinh-so/RegisterCamera.tsx +0 -1
  62. package/src/services/api/api-config.ts +1 -1
package/src/screens/home/index.tsx CHANGED
@@ -482,312 +482,313 @@ export const Home = observer(function Home() {
482
482
  }
483
483
  style={{ flex: 1, marginBottom: 16 }}
484
484
  >
485
- <View
486
- style={[commonStyles.fill, { backgroundColor: 'white', padding: 16 }]}
487
- >
488
- <View>
489
- {listLoan?.length === 0 ? (
490
- <View style={{ alignItems: 'center', marginTop: 20 }}>
491
- <MText style={[commonStyles.textNormal]}>Danh sách trống</MText>
492
- </View>
493
- ) : (
494
- <View>
495
- {listLoan?.map((item, index) => {
496
- const isExpanded = expandedId === item.id;
497
- return (
498
- <View style={{ marginBottom: 14 }} key={index}>
499
- {/* TOÀN TRÌNH SỐ */}
500
- {item?.typeLoan === 5 ? (
501
- <View>
485
+ <View style={[commonStyles.fill, { paddingHorizontal: 16 }]}>
486
+ <MText
487
+ style={{
488
+ fontSize: 16,
489
+ fontWeight: 'bold',
490
+ marginTop: 10,
491
+ marginBottom: 8,
492
+ }}
493
+ >
494
+ Danh sách đơn mới
495
+ </MText>
496
+ {listLoan?.length === 0 && (
497
+ <MText
498
+ style={{
499
+ marginTop: 50,
500
+ marginBottom: 16,
501
+ textAlign: 'center',
502
+ }}
503
+ >
504
+ Danh sách đơn mới trống
505
+ </MText>
506
+ )}
507
+
508
+ {listLoan?.map((item, index) => {
509
+ const isExpanded = expandedId === item.id;
510
+ return (
511
+ <View key={index}>
512
+ {/* TOÀN TRÌNH SỐ */}
513
+ {item?.typeLoan === 5 ? (
514
+ <View>
515
+ <View
516
+ style={{
517
+ backgroundColor: '#FFFFFF',
518
+ paddingHorizontal: 16,
519
+ marginBottom: 16,
520
+ borderRadius: 8,
521
+ borderWidth: 0.5,
522
+ borderColor: '#E0E0E0',
523
+ }}
524
+ >
525
+ <LinearGradient
526
+ colors={
527
+ item?.listLoanAllAutoDE &&
528
+ item?.listLoanAllAutoDE.length > 0
529
+ ? ['#4CBA3D', '#98D788']
530
+ : ['#FF8E4F', '#EF592E']
531
+ }
532
+ style={{
533
+ borderTopLeftRadius: 8,
534
+ borderTopRightRadius: 8,
535
+ marginHorizontal: -16,
536
+ }}
537
+ >
538
+ <View
539
+ style={{
540
+ flexDirection: 'row',
541
+ justifyContent: 'space-between',
542
+ alignItems: 'center',
543
+ paddingHorizontal: 16,
544
+ paddingVertical: 8,
545
+ }}
546
+ >
502
547
  <View
503
548
  style={{
504
- backgroundColor: '#FFFFFF',
505
- paddingHorizontal: 16,
506
- paddingTop: 16,
507
- borderRadius: 8,
508
- borderWidth: 0.5,
509
- borderColor: '#E0E0E0',
549
+ flexDirection: 'row',
550
+ alignItems: 'center',
551
+ gap: 8,
510
552
  }}
511
553
  >
512
- <LinearGradient
513
- colors={
514
- item?.listLoanAllAutoDE &&
515
- item?.listLoanAllAutoDE.length > 0
516
- ? ['#4CBA3D', '#98D788']
517
- : ['#FF8E4F', '#EF592E']
518
- }
554
+ <IconMoney2 />
555
+ <MText
519
556
  style={{
520
- borderTopLeftRadius: 8,
521
- borderTopRightRadius: 8,
522
- marginVertical: -16,
523
- marginHorizontal: -16,
557
+ fontSize: 12,
558
+ color: 'white',
524
559
  }}
525
560
  >
526
- <View
527
- style={{
528
- flexDirection: 'row',
529
- justifyContent: 'space-between',
530
- alignItems: 'center',
531
- paddingHorizontal: 16,
532
- paddingVertical: 8,
533
- }}
534
- >
535
- <View
536
- style={{
537
- flexDirection: 'row',
538
- alignItems: 'center',
539
- gap: 8,
540
- }}
541
- >
542
- <IconMoney2 />
543
- <MText
544
- style={{
545
- fontSize: 12,
546
- color: 'white',
547
- }}
548
- >
549
- Số tiền đăng ký vay
550
- </MText>
551
- </View>
552
- <MText
553
- style={{
554
- fontSize: 12,
555
- color: 'white',
556
- fontWeight: 'bold',
557
- }}
558
- >
559
- {item?.listLoanAllAutoDE &&
560
- item?.listLoanAllAutoDE.length > 0
561
- ? formatMoney(
562
- item?.listLoanAllAutoDE.reduce(
563
- (sum, item) => sum + item.totalMoney,
564
- 0
565
- )
566
- )
567
- : formatMoney(item?.loanAmount)}
568
- đ
569
- </MText>
570
- </View>
571
- </LinearGradient>
561
+ Số tiền đăng ký vay
562
+ </MText>
563
+ </View>
564
+ <MText
565
+ style={{
566
+ fontSize: 12,
567
+ color: 'white',
568
+ fontWeight: 'bold',
569
+ }}
570
+ >
572
571
  {item?.listLoanAllAutoDE &&
573
- item?.listLoanAllAutoDE.length > 0 && (
574
- <View
575
- style={{
576
- marginHorizontal: -16,
577
- backgroundColor: '#ECFFE8',
578
- paddingHorizontal: 16,
579
- paddingVertical: 8,
580
- marginTop: 16,
581
- }}
582
- >
583
- <View
584
- style={{
585
- flexDirection: 'row',
586
- justifyContent: 'space-between',
587
- }}
588
- >
589
- <MText
590
- style={{
591
- fontSize: 10,
592
- color: '#878787',
593
- marginLeft: 24,
594
- }}
595
- >
596
- Số tiền giải ngân
597
- </MText>
598
- <MText
599
- style={{
600
- fontSize: 10,
601
- color: '#333333',
602
- }}
603
- >
604
- {formatMoney(
605
- item?.listLoanAllAutoDE.reduce(
606
- (sum, item) => sum + item.loanAmount,
607
- 0
608
- )
609
- )}{' '}
610
- đ
611
- </MText>
612
- </View>
613
- <View
614
- style={{
615
- flexDirection: 'row',
616
- justifyContent: 'space-between',
617
- marginTop: 6,
618
- }}
619
- >
620
- <MText
621
- style={{
622
- fontSize: 10,
623
- color: '#878787',
624
- marginLeft: 24,
625
- }}
626
- >
627
- Số tiền bảo hiểm
628
- </MText>
629
- <MText
630
- style={{
631
- fontSize: 10,
632
- color: '#333333',
633
- }}
634
- >
635
- {formatMoney(
636
- item?.listLoanAllAutoDE.reduce(
637
- (sum, item) =>
638
- sum + item.insurenceMoney,
639
- 0
640
- )
641
- )}{' '}
642
- đ
643
- </MText>
644
- </View>
645
- </View>
646
- )}
647
-
572
+ item?.listLoanAllAutoDE.length > 0
573
+ ? formatMoney(
574
+ item?.listLoanAllAutoDE.reduce(
575
+ (sum, item) => sum + item.totalMoney,
576
+ 0
577
+ )
578
+ )
579
+ : formatMoney(item?.loanAmount)}
580
+ đ
581
+ </MText>
582
+ </View>
583
+ </LinearGradient>
584
+ {item?.listLoanAllAutoDE &&
585
+ item?.listLoanAllAutoDE.length > 0 && (
586
+ <View
587
+ style={{
588
+ marginHorizontal: -16,
589
+ backgroundColor: '#ECFFE8',
590
+ paddingHorizontal: 16,
591
+ paddingVertical: 8,
592
+ marginTop: 16,
593
+ }}
594
+ >
648
595
  <View
649
596
  style={{
650
597
  flexDirection: 'row',
651
598
  justifyContent: 'space-between',
652
- marginTop:
653
- item?.listLoanAllAutoDE &&
654
- item?.listLoanAllAutoDE.length > 0
655
- ? 16
656
- : 32,
657
- paddingHorizontal: 24,
658
599
  }}
659
600
  >
660
- <TouchableOpacity
661
- disabled={item?.step >= 3 ? true : false}
662
- style={$action}
663
- onPress={() => {
664
- if (item?.step === 0) {
665
- navigation.push(ScreenNames.OCR, {
666
- loan: item,
667
- front: true,
668
- });
669
- } else if (item?.step === 1) {
670
- navigation.push(ScreenNames.VehicleCamera, {
671
- loan: item,
672
- front: true,
673
- });
674
- } else if (item?.step === 2) {
675
- navigation.push(
676
- ScreenNames.RegisterCamera,
677
- {
678
- loan: item,
679
- }
680
- );
681
- }
601
+ <MText
602
+ style={{
603
+ fontSize: 10,
604
+ color: '#878787',
605
+ marginLeft: 24,
682
606
  }}
683
607
  >
684
- {item?.step >= 3 ? (
685
- <IconOCRSuccess />
686
- ) : (
687
- <OcrSvg />
688
- )}
689
- <MText
690
- style={{
691
- textAlign: 'center',
692
- fontSize: 10,
693
- marginTop: 5,
694
- color: '#333333',
695
- }}
696
- >
697
- OCR{'\n'}chứng từ
698
- </MText>
699
- </TouchableOpacity>
700
- <TouchableOpacity
701
- disabled={item?.step !== 3 ? true : false}
702
- style={$action}
703
- onPress={() => {
704
- if (item?.step === 3) {
705
- navigation.push(
706
- ScreenNames.ReviewInformation,
707
- {
708
- loan: item,
709
- }
710
- );
711
- }
608
+ Số tiền giải ngân
609
+ </MText>
610
+ <MText
611
+ style={{
612
+ fontSize: 10,
613
+ color: '#333333',
712
614
  }}
713
615
  >
714
- {item.step > 3 ? (
715
- <IconEditSuccess />
716
- ) : item.step === 3 ? (
717
- <IconEdit />
718
- ) : (
719
- <IconEditDisable />
720
- )}
721
- <MText
722
- style={{
723
- textAlign: 'center',
724
- fontSize: 10,
725
- marginTop: 5,
726
- color: '#333333',
727
- }}
728
- >
729
- Cập nhật{'\n'}thông tin
730
- </MText>
731
- </TouchableOpacity>
732
- <TouchableOpacity
733
- onPress={() => {
734
- navigation.push(ScreenNames.LivenessV2, {
735
- loan: item,
736
- });
616
+ {formatMoney(
617
+ item?.listLoanAllAutoDE.reduce(
618
+ (sum, item) => sum + item.loanAmount,
619
+ 0
620
+ )
621
+ )}{' '}
622
+ đ
623
+ </MText>
624
+ </View>
625
+ <View
626
+ style={{
627
+ flexDirection: 'row',
628
+ justifyContent: 'space-between',
629
+ marginTop: 6,
630
+ }}
631
+ >
632
+ <MText
633
+ style={{
634
+ fontSize: 10,
635
+ color: '#878787',
636
+ marginLeft: 24,
737
637
  }}
738
- style={$action}
739
- disabled={item?.step === 6 ? false : true}
740
638
  >
741
- {item?.step >= 7 ? (
742
- <IconEkycSuccess />
743
- ) : item?.step <= 5 ? (
744
- <IconEkycDisable />
745
- ) : (
746
- <IconEkyc />
747
- )}
748
-
749
- <MText
750
- style={{
751
- textAlign: 'center',
752
- fontSize: 10,
753
- marginTop: 5,
754
- color: '#333333',
755
- }}
756
- >
757
- EKYC
758
- </MText>
759
- </TouchableOpacity>
760
- <TouchableOpacity
761
- disabled={item?.step === 7 ? false : true}
762
- style={$action}
763
- onPress={() => {
764
- // checkTerm(item, () => {
765
- // signLoan(item);
766
- // });
767
- navigation.push(ScreenNames.TTSSignLoan, {
768
- loan: item,
769
- });
639
+ Số tiền bảo hiểm
640
+ </MText>
641
+ <MText
642
+ style={{
643
+ fontSize: 10,
644
+ color: '#333333',
770
645
  }}
771
646
  >
772
- {item?.step <= 6 ? (
773
- <IconSignDisable />
774
- ) : item?.step === 8 ? (
775
- <IconSignSuccess />
776
- ) : (
777
- <IconSign2 />
778
- )}
779
- <MText
780
- style={{
781
- textAlign: 'center',
782
- fontSize: 10,
783
- marginTop: 5,
784
- color: '#333333',
785
- }}
786
- >
787
- Ký HĐ
788
- </MText>
789
- </TouchableOpacity>
790
- {/* <TouchableOpacity style={$action}>
647
+ {formatMoney(
648
+ item?.listLoanAllAutoDE.reduce(
649
+ (sum, item) => sum + item.insurenceMoney,
650
+ 0
651
+ )
652
+ )}{' '}
653
+ đ
654
+ </MText>
655
+ </View>
656
+ </View>
657
+ )}
658
+
659
+ <View
660
+ style={{
661
+ flexDirection: 'row',
662
+ justifyContent: 'space-between',
663
+ marginTop:
664
+ item?.listLoanAllAutoDE &&
665
+ item?.listLoanAllAutoDE.length > 0
666
+ ? 16
667
+ : 32,
668
+ paddingHorizontal: 24,
669
+ }}
670
+ >
671
+ <TouchableOpacity
672
+ disabled={item?.step >= 3 ? true : false}
673
+ style={$action}
674
+ onPress={() => {
675
+ if (item?.step === 0) {
676
+ navigation.push(ScreenNames.OCR, {
677
+ loan: item,
678
+ front: true,
679
+ });
680
+ } else if (item?.step === 1) {
681
+ navigation.push(ScreenNames.VehicleCamera, {
682
+ loan: item,
683
+ front: true,
684
+ });
685
+ } else if (item?.step === 2) {
686
+ navigation.push(ScreenNames.RegisterCamera, {
687
+ loan: item,
688
+ });
689
+ }
690
+ }}
691
+ >
692
+ {item?.step >= 3 ? <IconOCRSuccess /> : <OcrSvg />}
693
+ <MText
694
+ style={{
695
+ textAlign: 'center',
696
+ fontSize: 10,
697
+ marginTop: 5,
698
+ color: '#333333',
699
+ }}
700
+ >
701
+ OCR{'\n'}chứng từ
702
+ </MText>
703
+ </TouchableOpacity>
704
+ <TouchableOpacity
705
+ disabled={item?.step !== 3 ? true : false}
706
+ style={$action}
707
+ onPress={() => {
708
+ if (item?.step === 3) {
709
+ navigation.push(ScreenNames.ReviewInformation, {
710
+ loan: item,
711
+ });
712
+ }
713
+ }}
714
+ >
715
+ {item.step > 3 ? (
716
+ <IconEditSuccess />
717
+ ) : item.step === 3 ? (
718
+ <IconEdit />
719
+ ) : (
720
+ <IconEditDisable />
721
+ )}
722
+ <MText
723
+ style={{
724
+ textAlign: 'center',
725
+ fontSize: 10,
726
+ marginTop: 5,
727
+ color: '#333333',
728
+ }}
729
+ >
730
+ Cập nhật{'\n'}thông tin
731
+ </MText>
732
+ </TouchableOpacity>
733
+ <TouchableOpacity
734
+ onPress={() => {
735
+ navigation.push(ScreenNames.LivenessV2, {
736
+ loan: item,
737
+ });
738
+ }}
739
+ style={$action}
740
+ disabled={item?.step === 6 ? false : true}
741
+ >
742
+ {item?.step >= 7 ? (
743
+ <IconEkycSuccess />
744
+ ) : item?.step <= 5 ? (
745
+ <IconEkycDisable />
746
+ ) : (
747
+ <IconEkyc />
748
+ )}
749
+
750
+ <MText
751
+ style={{
752
+ textAlign: 'center',
753
+ fontSize: 10,
754
+ marginTop: 5,
755
+ color: '#333333',
756
+ }}
757
+ >
758
+ EKYC
759
+ </MText>
760
+ </TouchableOpacity>
761
+ <TouchableOpacity
762
+ disabled={item?.step === 7 ? false : true}
763
+ style={$action}
764
+ onPress={() => {
765
+ // checkTerm(item, () => {
766
+ // signLoan(item);
767
+ // });
768
+ navigation.push(ScreenNames.TTSSignLoan, {
769
+ loan: item,
770
+ });
771
+ }}
772
+ >
773
+ {item?.step <= 6 ? (
774
+ <IconSignDisable />
775
+ ) : item?.step === 8 ? (
776
+ <IconSignSuccess />
777
+ ) : (
778
+ <IconSign2 />
779
+ )}
780
+ <MText
781
+ style={{
782
+ textAlign: 'center',
783
+ fontSize: 10,
784
+ marginTop: 5,
785
+ color: '#333333',
786
+ }}
787
+ >
788
+ Ký HĐ
789
+ </MText>
790
+ </TouchableOpacity>
791
+ {/* <TouchableOpacity style={$action}>
791
792
  <IconVideo />
792
793
  <MText
793
794
  style={{
@@ -800,367 +801,356 @@ export const Home = observer(function Home() {
800
801
  Quay video
801
802
  </MText>
802
803
  </TouchableOpacity> */}
803
- </View>
804
+ </View>
804
805
 
805
- <View
806
- style={{
807
- flexDirection: 'row',
808
- alignItems: 'center',
809
- gap: 8,
810
- marginTop: 16,
811
- backgroundColor:
812
- item?.step === 8 ? '#E8FFE9' : '#FFF2F2',
806
+ <View
807
+ style={{
808
+ flexDirection: 'row',
809
+ alignItems: 'center',
810
+ gap: 8,
811
+ marginTop: 16,
812
+ backgroundColor:
813
+ item?.step === 8 ? '#E8FFE9' : '#FFF2F2',
814
+ paddingHorizontal: 10,
815
+ paddingVertical: 10,
816
+ borderRadius: 4,
817
+ justifyContent: 'space-between',
818
+ }}
819
+ >
820
+ <View
821
+ style={{
822
+ flexDirection: 'row',
823
+ alignItems: 'center',
824
+ gap: 8,
825
+ }}
826
+ >
827
+ {item?.step === 8 ? <IconTick /> : <Info />}
828
+ <MText
829
+ style={{
830
+ color: item?.step === 8 ? '#28A745' : '#E40010',
831
+ fontSize: 10,
832
+ }}
833
+ >
834
+ {item?.step < 3
835
+ ? 'OCR chứng từ để được giải ngân'
836
+ : item?.step === 3
837
+ ? `Tiếp tục Cập nhật thông tin để${'\n'}giải ngân nhanh nhất`
838
+ : item?.step === 6 || item?.step === 7
839
+ ? `Tiếp tục eKYC và Ký hợp đồng để${'\n'}giải ngân nhanh nhất`
840
+ : item?.step === 8
841
+ ? `Hợp đồng đã ký thành công. Vui lòng chờ chuyên viên tư vấn liên hệ`
842
+ : 'Đơn vay đang trong quá trình xử lý'}
843
+ </MText>
844
+ </View>
845
+ {item?.step < 3 ? (
846
+ <TouchableOpacity
847
+ onPress={() => {
848
+ if (item?.step === 0) {
849
+ navigation.push(ScreenNames.OCR, {
850
+ loan: item,
851
+ front: true,
852
+ });
853
+ } else if (item?.step === 1) {
854
+ navigation.push(ScreenNames.VehicleCamera, {
855
+ loan: item,
856
+ front: true,
857
+ });
858
+ } else if (item?.step === 2) {
859
+ navigation.push(ScreenNames.RegisterCamera, {
860
+ loan: item,
861
+ });
862
+ }
863
+ }}
864
+ >
865
+ <LinearGradient
866
+ colors={['#FF8E4F', '#EF592E']}
867
+ style={{
868
+ height: 24,
869
+ alignItems: 'center',
870
+ justifyContent: 'center',
871
+ borderRadius: 24,
813
872
  paddingHorizontal: 10,
814
- paddingVertical: 10,
815
- borderRadius: 4,
816
- justifyContent: 'space-between',
817
873
  }}
818
874
  >
819
- <View
875
+ <MText
820
876
  style={{
821
- flexDirection: 'row',
822
- alignItems: 'center',
823
- gap: 8,
877
+ color: 'white',
878
+ fontSize: 10,
824
879
  }}
825
880
  >
826
- {item?.step === 8 ? <IconTick /> : <Info />}
827
- <MText
828
- style={{
829
- color:
830
- item?.step === 8 ? '#28A745' : '#E40010',
831
- fontSize: 10,
832
- }}
833
- >
834
- {item?.step < 3
835
- ? 'OCR chứng từ để được giải ngân'
836
- : item?.step === 3
837
- ? `Tiếp tục Cập nhật thông tin để${'\n'}giải ngân nhanh nhất`
838
- : item?.step === 6 || item?.step === 7
839
- ? `Tiếp tục eKYC và Ký hợp đồng để${'\n'}giải ngân nhanh nhất`
840
- : item?.step === 8
841
- ? `Hợp đồng đã ký thành công. Vui lòng chờ chuyên viên tư vấn liên hệ`
842
- : 'Đơn vay đang trong quá trình xử lý'}
843
- </MText>
844
- </View>
845
- {item?.step < 3 ? (
846
- <TouchableOpacity
847
- onPress={() => {
848
- if (item?.step === 0) {
849
- navigation.push(ScreenNames.OCR, {
850
- loan: item,
851
- front: true,
852
- });
853
- } else if (item?.step === 1) {
854
- navigation.push(
855
- ScreenNames.VehicleCamera,
856
- {
857
- loan: item,
858
- front: true,
859
- }
860
- );
861
- } else if (item?.step === 2) {
862
- navigation.push(
863
- ScreenNames.RegisterCamera,
864
- {
865
- loan: item,
866
- }
867
- );
868
- }
869
- }}
870
- >
871
- <LinearGradient
872
- colors={['#FF8E4F', '#EF592E']}
873
- style={{
874
- height: 24,
875
- alignItems: 'center',
876
- justifyContent: 'center',
877
- borderRadius: 24,
878
- paddingHorizontal: 10,
879
- }}
880
- >
881
- <MText
882
- style={{
883
- color: 'white',
884
- fontSize: 10,
885
- }}
886
- >
887
- Đi tới OCR
888
- </MText>
889
- </LinearGradient>
890
- </TouchableOpacity>
891
- ) : item?.step === 3 ? (
892
- <TouchableOpacity
893
- onPress={() => {
894
- if (item?.step === 3) {
895
- navigation.push(
896
- ScreenNames.ReviewInformation,
897
- {
898
- loan: item,
899
- }
900
- );
901
- }
902
- }}
903
- >
904
- <LinearGradient
905
- colors={['#FF8E4F', '#EF592E']}
906
- style={{
907
- height: 24,
908
- alignItems: 'center',
909
- justifyContent: 'center',
910
- borderRadius: 24,
911
- paddingHorizontal: 10,
912
- }}
913
- >
914
- <MText
915
- style={{
916
- color: 'white',
917
- fontSize: 10,
918
- }}
919
- >
920
- Cập nhật thông tin
921
- </MText>
922
- </LinearGradient>
923
- </TouchableOpacity>
924
- ) : item?.step === 6 ? (
925
- <TouchableOpacity
926
- onPress={() => {
927
- navigation.push(ScreenNames.LivenessV2, {
928
- loan: item,
929
- });
930
- }}
931
- >
932
- <LinearGradient
933
- colors={['#FF8E4F', '#EF592E']}
934
- style={{
935
- height: 24,
936
- alignItems: 'center',
937
- justifyContent: 'center',
938
- borderRadius: 24,
939
- paddingHorizontal: 10,
940
- }}
941
- >
942
- <MText
943
- style={{
944
- color: 'white',
945
- fontSize: 10,
946
- }}
947
- >
948
- Đi tới EKYC
949
- </MText>
950
- </LinearGradient>
951
- </TouchableOpacity>
952
- ) : item?.step === 7 ? (
953
- <TouchableOpacity
954
- onPress={() => {
955
- navigation.push(ScreenNames.TTSSignLoan, {
956
- loan: item,
957
- });
958
- }}
959
- >
960
- <LinearGradient
961
- colors={['#FF8E4F', '#EF592E']}
962
- style={{
963
- height: 24,
964
- alignItems: 'center',
965
- justifyContent: 'center',
966
- borderRadius: 24,
967
- paddingHorizontal: 10,
968
- }}
969
- >
970
- <MText
971
- style={{
972
- color: 'white',
973
- fontSize: 10,
974
- }}
975
- >
976
- Ký hợp đồng
977
- </MText>
978
- </LinearGradient>
979
- </TouchableOpacity>
980
- ) : (
981
- <></>
982
- )}
983
- </View>
984
-
985
- <View
881
+ Đi tới OCR
882
+ </MText>
883
+ </LinearGradient>
884
+ </TouchableOpacity>
885
+ ) : item?.step === 3 ? (
886
+ <TouchableOpacity
887
+ onPress={() => {
888
+ if (item?.step === 3) {
889
+ navigation.push(ScreenNames.ReviewInformation, {
890
+ loan: item,
891
+ });
892
+ }
893
+ }}
894
+ >
895
+ <LinearGradient
896
+ colors={['#FF8E4F', '#EF592E']}
986
897
  style={{
987
- flexDirection: 'row',
988
- justifyContent: 'space-between',
989
- marginTop: 16,
898
+ height: 24,
899
+ alignItems: 'center',
900
+ justifyContent: 'center',
901
+ borderRadius: 24,
902
+ paddingHorizontal: 10,
990
903
  }}
991
904
  >
992
905
  <MText
993
906
  style={{
994
- color: '#878787',
995
- fontSize: 12,
907
+ color: 'white',
908
+ fontSize: 10,
996
909
  }}
997
910
  >
998
- Trạng thái
911
+ Cập nhật thông tin
999
912
  </MText>
913
+ </LinearGradient>
914
+ </TouchableOpacity>
915
+ ) : item?.step === 6 ? (
916
+ <TouchableOpacity
917
+ onPress={() => {
918
+ navigation.push(ScreenNames.LivenessV2, {
919
+ loan: item,
920
+ });
921
+ }}
922
+ >
923
+ <LinearGradient
924
+ colors={['#FF8E4F', '#EF592E']}
925
+ style={{
926
+ height: 24,
927
+ alignItems: 'center',
928
+ justifyContent: 'center',
929
+ borderRadius: 24,
930
+ paddingHorizontal: 10,
931
+ }}
932
+ >
1000
933
  <MText
1001
- style={[
1002
- commonStyles.textNormalBold,
1003
- { color: '#333333', fontSize: 12 },
1004
- ]}
934
+ style={{
935
+ color: 'white',
936
+ fontSize: 10,
937
+ }}
1005
938
  >
1006
- {item?.loanStatus}
939
+ Đi tới EKYC
1007
940
  </MText>
1008
- </View>
1009
- <View
941
+ </LinearGradient>
942
+ </TouchableOpacity>
943
+ ) : item?.step === 7 ? (
944
+ <TouchableOpacity
945
+ onPress={() => {
946
+ navigation.push(ScreenNames.TTSSignLoan, {
947
+ loan: item,
948
+ });
949
+ }}
950
+ >
951
+ <LinearGradient
952
+ colors={['#FF8E4F', '#EF592E']}
1010
953
  style={{
1011
- height: 1,
1012
- backgroundColor: '#E0E0E0',
954
+ height: 24,
955
+ alignItems: 'center',
956
+ justifyContent: 'center',
957
+ borderRadius: 24,
958
+ paddingHorizontal: 10,
959
+ }}
960
+ >
961
+ <MText
962
+ style={{
963
+ color: 'white',
964
+ fontSize: 10,
965
+ }}
966
+ >
967
+ Ký hợp đồng
968
+ </MText>
969
+ </LinearGradient>
970
+ </TouchableOpacity>
971
+ ) : (
972
+ <></>
973
+ )}
974
+ </View>
975
+
976
+ <View
977
+ style={{
978
+ flexDirection: 'row',
979
+ justifyContent: 'space-between',
980
+ marginTop: 16,
981
+ }}
982
+ >
983
+ <MText
984
+ style={{
985
+ color: '#878787',
986
+ fontSize: 12,
987
+ }}
988
+ >
989
+ Trạng thái
990
+ </MText>
991
+ <MText
992
+ style={[
993
+ commonStyles.textNormalBold,
994
+ { color: '#333333', fontSize: 12 },
995
+ ]}
996
+ >
997
+ {item?.loanStatus}
998
+ </MText>
999
+ </View>
1000
+ <View
1001
+ style={{
1002
+ height: 1,
1003
+ backgroundColor: '#E0E0E0',
1004
+ marginTop: 16,
1005
+ }}
1006
+ />
1007
+ {item?.listLoanAllAutoDE &&
1008
+ item?.listLoanAllAutoDE.length > 0 && (
1009
+ <View>
1010
+ <MText
1011
+ style={{
1012
+ fontSize: 12,
1013
+ fontWeight: 'bold',
1013
1014
  marginTop: 16,
1015
+ color: '#333333',
1014
1016
  }}
1015
- />
1016
- {item?.listLoanAllAutoDE &&
1017
- item?.listLoanAllAutoDE.length > 0 && (
1018
- <View>
1019
- <MText
1017
+ >
1018
+ Danh sách đơn chia nhỏ
1019
+ </MText>
1020
+ {item?.listLoanAllAutoDE.map((x, index) => (
1021
+ <View
1022
+ key={index}
1023
+ style={{
1024
+ marginTop: 8,
1025
+ borderBottomWidth:
1026
+ index + 1 === item?.listLoanAllAutoDE.length
1027
+ ? 0
1028
+ : 1,
1029
+ borderColor: '#E0E0E0',
1030
+ paddingBottom: 8,
1031
+ }}
1032
+ >
1033
+ <View
1034
+ style={{
1035
+ flexDirection: 'row',
1036
+ justifyContent: 'space-between',
1037
+ }}
1038
+ >
1039
+ <View
1020
1040
  style={{
1021
- fontSize: 12,
1022
- fontWeight: 'bold',
1023
- marginTop: 16,
1024
- color: '#333333',
1041
+ flexDirection: 'row',
1042
+ alignItems: 'center',
1043
+ gap: 10,
1025
1044
  }}
1026
1045
  >
1027
- Danh sách đơn chia nhỏ
1046
+ <IconTima16 />
1047
+ <MText
1048
+ style={[
1049
+ commonStyles.textNormal,
1050
+ {
1051
+ color: '#333333',
1052
+ fontSize: 12,
1053
+ },
1054
+ ]}
1055
+ >
1056
+ HD-{x?.loanBriefId} ({index + 1})
1057
+ </MText>
1058
+ </View>
1059
+ <MText
1060
+ style={[
1061
+ commonStyles.textNormalBold,
1062
+ {
1063
+ color: '#333333',
1064
+ fontSize: 12,
1065
+ },
1066
+ ]}
1067
+ >
1068
+ {formatMoney(x?.totalMoney)} đ
1028
1069
  </MText>
1029
- {item?.listLoanAllAutoDE.map((x, index) => (
1070
+ </View>
1071
+ {isExpanded && (
1072
+ <>
1030
1073
  <View
1031
- key={index}
1032
1074
  style={{
1075
+ flexDirection: 'row',
1076
+ justifyContent: 'space-between',
1033
1077
  marginTop: 8,
1034
- borderBottomWidth:
1035
- index + 1 ===
1036
- item?.listLoanAllAutoDE.length
1037
- ? 0
1038
- : 1,
1039
- borderColor: '#E0E0E0',
1040
- paddingBottom: 8,
1041
1078
  }}
1042
1079
  >
1043
1080
  <View
1044
1081
  style={{
1045
1082
  flexDirection: 'row',
1046
- justifyContent: 'space-between',
1083
+ alignItems: 'center',
1084
+ marginLeft: 24,
1047
1085
  }}
1048
1086
  >
1049
- <View
1050
- style={{
1051
- flexDirection: 'row',
1052
- alignItems: 'center',
1053
- gap: 10,
1054
- }}
1055
- >
1056
- <IconTima16 />
1057
- <MText
1058
- style={[
1059
- commonStyles.textNormal,
1060
- {
1061
- color: '#333333',
1062
- fontSize: 12,
1063
- },
1064
- ]}
1065
- >
1066
- HD-{x?.loanBriefId} ({index + 1})
1067
- </MText>
1068
- </View>
1069
1087
  <MText
1070
1088
  style={[
1071
- commonStyles.textNormalBold,
1089
+ commonStyles.textNormal,
1072
1090
  {
1073
- color: '#333333',
1091
+ color: '#999999',
1074
1092
  fontSize: 12,
1075
1093
  },
1076
1094
  ]}
1077
1095
  >
1078
- {formatMoney(x?.totalMoney)} đ
1096
+ Số tiền giải ngân (1)
1079
1097
  </MText>
1080
1098
  </View>
1081
- {isExpanded && (
1082
- <>
1083
- <View
1084
- style={{
1085
- flexDirection: 'row',
1086
- justifyContent: 'space-between',
1087
- marginTop: 8,
1088
- }}
1089
- >
1090
- <View
1091
- style={{
1092
- flexDirection: 'row',
1093
- alignItems: 'center',
1094
- marginLeft: 24,
1095
- }}
1096
- >
1097
- <MText
1098
- style={[
1099
- commonStyles.textNormal,
1100
- {
1101
- color: '#999999',
1102
- fontSize: 12,
1103
- },
1104
- ]}
1105
- >
1106
- Số tiền giải ngân (1)
1107
- </MText>
1108
- </View>
1109
- <MText
1110
- style={[
1111
- commonStyles.textNormal,
1112
- {
1113
- color: '#999999',
1114
- fontSize: 12,
1115
- },
1116
- ]}
1117
- >
1118
- {formatMoney(x?.loanAmount)} đ
1119
- </MText>
1120
- </View>
1121
- <View
1122
- style={{
1123
- flexDirection: 'row',
1124
- justifyContent: 'space-between',
1125
- marginTop: 8,
1126
- }}
1127
- >
1128
- <View
1129
- style={{
1130
- flexDirection: 'row',
1131
- alignItems: 'center',
1132
- marginLeft: 24,
1133
- }}
1134
- >
1135
- <MText
1136
- style={[
1137
- commonStyles.textNormal,
1138
- {
1139
- color: '#999999',
1140
- fontSize: 12,
1141
- },
1142
- ]}
1143
- >
1144
- Số tiền bảo hiểm (2)
1145
- </MText>
1146
- </View>
1147
- <MText
1148
- style={[
1149
- commonStyles.textNormal,
1150
- {
1151
- color: '#999999',
1152
- fontSize: 12,
1153
- },
1154
- ]}
1155
- >
1156
- {formatMoney(x?.insurenceMoney)} đ
1157
- </MText>
1158
- </View>
1159
- </>
1160
- )}
1099
+ <MText
1100
+ style={[
1101
+ commonStyles.textNormal,
1102
+ {
1103
+ color: '#999999',
1104
+ fontSize: 12,
1105
+ },
1106
+ ]}
1107
+ >
1108
+ {formatMoney(x?.loanAmount)} đ
1109
+ </MText>
1110
+ </View>
1111
+ <View
1112
+ style={{
1113
+ flexDirection: 'row',
1114
+ justifyContent: 'space-between',
1115
+ marginTop: 8,
1116
+ }}
1117
+ >
1118
+ <View
1119
+ style={{
1120
+ flexDirection: 'row',
1121
+ alignItems: 'center',
1122
+ marginLeft: 24,
1123
+ }}
1124
+ >
1125
+ <MText
1126
+ style={[
1127
+ commonStyles.textNormal,
1128
+ {
1129
+ color: '#999999',
1130
+ fontSize: 12,
1131
+ },
1132
+ ]}
1133
+ >
1134
+ Số tiền bảo hiểm (2)
1135
+ </MText>
1136
+ </View>
1137
+ <MText
1138
+ style={[
1139
+ commonStyles.textNormal,
1140
+ {
1141
+ color: '#999999',
1142
+ fontSize: 12,
1143
+ },
1144
+ ]}
1145
+ >
1146
+ {formatMoney(x?.insurenceMoney)} đ
1147
+ </MText>
1161
1148
  </View>
1162
- ))}
1163
- {/* <TouchableOpacity
1149
+ </>
1150
+ )}
1151
+ </View>
1152
+ ))}
1153
+ {/* <TouchableOpacity
1164
1154
  onPress={() => toggleExpand(item.id)}
1165
1155
  style={{
1166
1156
  flex: 1,
@@ -1174,1253 +1164,891 @@ export const Home = observer(function Home() {
1174
1164
  <IconExpand />
1175
1165
  )}
1176
1166
  </TouchableOpacity> */}
1177
- </View>
1178
- )}
1167
+ </View>
1168
+ )}
1179
1169
 
1180
- {item?.listLoanAllAutoDE &&
1181
- item?.listLoanAllAutoDE.length > 0 && (
1182
- <TouchableOpacity
1183
- onPress={() => {
1184
- navigation.push(
1185
- ScreenNames.LoanInterestRate,
1186
- {
1187
- loan: item,
1188
- }
1189
- );
1190
- }}
1191
- style={{
1192
- flex: 1,
1193
- alignItems: 'center',
1194
- backgroundColor: '#EDF6FF',
1195
- marginHorizontal: -16,
1196
- paddingVertical: 10,
1197
- borderBottomRightRadius: 8,
1198
- borderBottomLeftRadius: 8,
1199
- marginTop: 10,
1200
- }}
1201
- >
1202
- <MText
1203
- style={[
1204
- {
1205
- fontSize: 12,
1206
- color: '#2F80ED',
1207
- },
1208
- ]}
1209
- >
1210
- Bảng biểu lãi phí đơn vay {`->`}
1170
+ {item?.listLoanAllAutoDE &&
1171
+ item?.listLoanAllAutoDE.length > 0 && (
1172
+ <TouchableOpacity
1173
+ onPress={() => {
1174
+ navigation.push(ScreenNames.LoanInterestRate, {
1175
+ loan: item,
1176
+ });
1177
+ }}
1178
+ style={{
1179
+ flex: 1,
1180
+ alignItems: 'center',
1181
+ backgroundColor: '#EDF6FF',
1182
+ marginHorizontal: -16,
1183
+ paddingVertical: 10,
1184
+ borderBottomRightRadius: 8,
1185
+ borderBottomLeftRadius: 8,
1186
+ marginTop: 10,
1187
+ }}
1188
+ >
1189
+ <MText
1190
+ style={[
1191
+ {
1192
+ fontSize: 12,
1193
+ color: '#2F80ED',
1194
+ },
1195
+ ]}
1196
+ >
1197
+ Bảng biểu lãi phí đơn vay {`->`}
1198
+ </MText>
1199
+ </TouchableOpacity>
1200
+ )}
1201
+ </View>
1202
+ </View>
1203
+ ) : (
1204
+ <View>
1205
+ {/* // luồng CIMB */}
1206
+ {item?.isPipelineCIMB ? (
1207
+ <View>
1208
+ {/* // type 4 digital topup */}
1209
+ {item?.typeLoan === 4 ? (
1210
+ <View>
1211
+ <View
1212
+ style={{
1213
+ backgroundColor: '#FFFFFF',
1214
+ paddingHorizontal: 16,
1215
+ marginBottom: 16,
1216
+ borderRadius: 8,
1217
+ borderWidth: 0.5,
1218
+ borderColor: '#E0E0E0',
1219
+ }}
1220
+ >
1221
+ <View
1222
+ style={{
1223
+ flexDirection: 'row',
1224
+ alignItems: 'center',
1225
+ }}
1226
+ >
1227
+ <Contract />
1228
+ <View style={{ flex: 1, paddingLeft: 8 }}>
1229
+ <MText style={commonStyles.textNormalBold}>
1230
+ Mã Đơn vay-{item?.id}
1211
1231
  </MText>
1212
- </TouchableOpacity>
1213
- )}
1214
- </View>
1215
- </View>
1216
- ) : (
1217
- <View>
1218
- {/* // luồng CIMB */}
1219
- {item?.isPipelineCIMB ? (
1220
- <View>
1221
- {/* // type 4 digital topup */}
1222
- {item?.typeLoan === 4 ? (
1223
- <View>
1224
- <View
1225
- style={{
1226
- backgroundColor: '#FFFFFF',
1227
- paddingHorizontal: 16,
1228
- paddingTop: 16,
1229
- borderRadius: 8,
1230
- borderWidth: 0.5,
1231
- borderColor: '#E0E0E0',
1232
+ <MText style={commonStyles.textNormal}>
1233
+ Số tiền vay (VND):{' '}
1234
+ {item?.loanAmountOffer
1235
+ ? formatMoney(item?.loanAmountOffer)
1236
+ : 'Chưa xác định'}
1237
+ </MText>
1238
+ </View>
1239
+ </View>
1240
+ <View
1241
+ style={{
1242
+ height: 1,
1243
+ backgroundColor: '#E0E0E0',
1244
+ marginVertical: 16,
1245
+ }}
1246
+ />
1247
+ <View
1248
+ style={{
1249
+ flexDirection: 'row',
1250
+ justifyContent: 'space-between',
1251
+ }}
1252
+ >
1253
+ <MText style={commonStyles.textNormal}>
1254
+ Trạng thái
1255
+ </MText>
1256
+ <MText
1257
+ style={[
1258
+ commonStyles.textNormalBold,
1259
+ { color: '#F05123' },
1260
+ ]}
1261
+ >
1262
+ {item?.loanStatus}
1263
+ </MText>
1264
+ </View>
1265
+ <View
1266
+ style={{
1267
+ height: 0.5,
1268
+ backgroundColor: '#E0E0E0',
1269
+ marginVertical: 16,
1270
+ }}
1271
+ />
1272
+ <View style={{ flexDirection: 'row' }}>
1273
+ {item?.loanStatus === null ||
1274
+ item?.loanStatus === '' ? (
1275
+ <MButton
1276
+ style={{ alignItems: 'center' }}
1277
+ onPress={() => {
1278
+ checkTerm(item, () => {
1279
+ navigation.dispatch(
1280
+ StackActions.push(
1281
+ ScreenNames.CIMBxTima,
1282
+ {
1283
+ loan: item,
1284
+ }
1285
+ )
1286
+ );
1287
+ });
1232
1288
  }}
1233
1289
  >
1234
- <View
1235
- style={{
1236
- flexDirection: 'row',
1237
- alignItems: 'center',
1238
- }}
1239
- >
1240
- <Contract />
1241
- <View style={{ flex: 1, paddingLeft: 8 }}>
1242
- <MText
1243
- style={commonStyles.textNormalBold}
1244
- >
1245
- Mã Đơn vay-{item?.id}
1246
- </MText>
1247
- <MText style={commonStyles.textNormal}>
1248
- Số tiền vay (VND):{' '}
1249
- {item?.loanAmountOffer
1250
- ? formatMoney(item?.loanAmountOffer)
1251
- : 'Chưa xác định'}
1252
- </MText>
1253
- </View>
1254
- </View>
1255
- <View
1256
- style={{
1257
- height: 1,
1258
- backgroundColor: '#E0E0E0',
1259
- marginVertical: 16,
1260
- }}
1261
- />
1262
- <View
1263
- style={{
1264
- flexDirection: 'row',
1265
- justifyContent: 'space-between',
1266
- }}
1290
+ <AddInfo />
1291
+ <MText
1292
+ style={[
1293
+ commonStyles.textNormal,
1294
+ {
1295
+ fontSize: 12,
1296
+ fontWeight: '300',
1297
+ marginTop: 8,
1298
+ textAlign: 'center',
1299
+ },
1300
+ ]}
1267
1301
  >
1268
- <MText style={commonStyles.textNormal}>
1269
- Trạng thái
1270
- </MText>
1271
- <MText
1272
- style={[
1273
- commonStyles.textNormalBold,
1274
- { color: '#F05123' },
1275
- ]}
1276
- >
1277
- {item?.loanStatus}
1278
- </MText>
1279
- </View>
1280
- <View
1281
- style={{
1282
- height: 0.5,
1283
- backgroundColor: '#E0E0E0',
1284
- marginVertical: 16,
1285
- }}
1286
- />
1287
- <View style={{ flexDirection: 'row' }}>
1288
- {item?.loanStatus === null ||
1289
- item?.loanStatus === '' ? (
1290
- <MButton
1291
- style={{ alignItems: 'center' }}
1292
- onPress={() => {
1293
- checkTerm(item, () => {
1302
+ Hoàn thiện{'\n'}cung cấp thông tin
1303
+ </MText>
1304
+ </MButton>
1305
+ ) : (
1306
+ <View>
1307
+ {item?.isUpdateLoan ||
1308
+ item?.isUpdateInformation ? (
1309
+ <TouchableOpacity
1310
+ style={{ alignItems: 'center' }}
1311
+ onPress={() => {
1312
+ checkTerm(item, () => {
1313
+ if (item?.isUpdateLoan) {
1294
1314
  navigation.dispatch(
1295
1315
  StackActions.push(
1296
- ScreenNames.CIMBxTima,
1316
+ ScreenNames.CimbSelfie,
1297
1317
  {
1298
1318
  loan: item,
1299
1319
  }
1300
1320
  )
1301
1321
  );
1302
- });
1303
- }}
1304
- >
1305
- <AddInfo />
1306
- <MText
1307
- style={[
1308
- commonStyles.textNormal,
1309
- {
1310
- fontSize: 12,
1311
- fontWeight: '300',
1312
- marginTop: 8,
1313
- textAlign: 'center',
1314
- },
1315
- ]}
1316
- >
1317
- Hoàn thiện{'\n'}cung cấp thông tin
1318
- </MText>
1319
- </MButton>
1320
- ) : (
1321
- <View>
1322
- {item?.isUpdateLoan ||
1323
- item?.isUpdateInformation ? (
1324
- <TouchableOpacity
1325
- style={{ alignItems: 'center' }}
1326
- onPress={() => {
1327
- checkTerm(item, () => {
1328
- if (item?.isUpdateLoan) {
1329
- navigation.dispatch(
1330
- StackActions.push(
1331
- ScreenNames.CimbSelfie,
1332
- {
1333
- loan: item,
1334
- }
1335
- )
1336
- );
1337
- } else {
1338
- navigation.dispatch(
1339
- StackActions.push(
1340
- ScreenNames.QuickSubmit,
1341
- {
1342
- loan: item,
1343
- }
1344
- )
1345
- );
1346
- }
1347
- });
1348
- }}
1349
- >
1350
- <AddInfo />
1351
- <MText
1352
- style={[
1353
- commonStyles.textNormal,
1354
- {
1355
- fontSize: 12,
1356
- fontWeight: '300',
1357
- marginTop: 8,
1358
- textAlign: 'center',
1359
- },
1360
- ]}
1361
- >
1362
- Hoàn thiện{'\n'}cung cấp thông
1363
- tin
1364
- </MText>
1365
- </TouchableOpacity>
1366
- ) : (
1367
- <View
1368
- style={{ alignItems: 'center' }}
1369
- >
1370
- <AddInfoDisable />
1371
- <MText
1372
- style={[
1373
- commonStyles.textNormal,
1374
- {
1375
- fontSize: 12,
1376
- fontWeight: '300',
1377
- marginTop: 8,
1378
- textAlign: 'center',
1379
- },
1380
- ]}
1381
- >
1382
- Hoàn thiện{'\n'}cung cấp thông
1383
- tin
1384
- </MText>
1385
- </View>
1386
- )}
1387
- </View>
1388
- )}
1389
-
1390
- {item?.isSignContract && (
1391
- <MButton
1392
- style={{
1393
- alignItems: 'center',
1394
- marginLeft: 20,
1395
- }}
1396
- onPress={() => {
1397
- checkTerm(item, () => {
1398
- if (item?.urlSignContract) {
1399
- navigation.dispatch(
1400
- StackActions.push(
1401
- ScreenNames.CIMBSign,
1402
- {
1403
- url: item?.urlSignContract,
1404
- }
1405
- )
1406
- );
1407
- } else {
1408
- Alert.alert(
1409
- 'Thông báo',
1410
- 'Bạn chưa thể ký hợp đồng bây giờ?'
1411
- );
1412
- }
1413
- });
1414
- }}
1415
- >
1416
- <IconSign2 />
1417
- <MText
1418
- style={[
1419
- commonStyles.textNormal,
1420
- {
1421
- fontSize: 12,
1422
- fontWeight: '300',
1423
- marginTop: 8,
1424
- },
1425
- ]}
1426
- >
1427
- Ký hợp đồng
1428
- </MText>
1429
- </MButton>
1430
- )}
1431
- {item?.isSignContractTima && (
1432
- <MButton
1433
- style={{
1434
- alignItems: 'center',
1435
- marginLeft: 20,
1436
- }}
1437
- onPress={() => {
1438
- checkTerm(item, () => {
1322
+ } else {
1439
1323
  navigation.dispatch(
1440
1324
  StackActions.push(
1441
- ScreenNames.ViewContract,
1325
+ ScreenNames.QuickSubmit,
1442
1326
  {
1443
1327
  loan: item,
1444
1328
  }
1445
1329
  )
1446
1330
  );
1447
- });
1448
- }}
1449
- >
1450
- <ContractTimeIcon />
1451
- <MText
1452
- style={[
1453
- commonStyles.textNormal,
1454
- {
1455
- fontSize: 12,
1456
- fontWeight: '300',
1457
- marginTop: 8,
1458
- textAlign: 'center',
1459
- },
1460
- ]}
1461
- >
1462
- Hợp đồng{'\n'}dịch vụ
1463
- </MText>
1464
- </MButton>
1465
- )}
1466
- {item?.paymentEvidenceUrl && (
1467
- <MButton
1468
- style={{
1469
- alignItems: 'center',
1470
- marginLeft: 20,
1471
- }}
1472
- onPress={() => {
1473
- checkTerm(item, () => {
1474
- navigation.dispatch(
1475
- StackActions.push(
1476
- ScreenNames.PaymentEvidence,
1477
- {
1478
- url: item?.paymentEvidenceUrl,
1479
- }
1480
- )
1481
- );
1482
- });
1483
- }}
1331
+ }
1332
+ });
1333
+ }}
1334
+ >
1335
+ <AddInfo />
1336
+ <MText
1337
+ style={[
1338
+ commonStyles.textNormal,
1339
+ {
1340
+ fontSize: 12,
1341
+ fontWeight: '300',
1342
+ marginTop: 8,
1343
+ textAlign: 'center',
1344
+ },
1345
+ ]}
1484
1346
  >
1485
- <IconEviden />
1486
- <MText
1487
- style={[
1488
- commonStyles.textNormal,
1489
- {
1490
- fontSize: 12,
1491
- fontWeight: '300',
1492
- marginTop: 8,
1493
- textAlign: 'center',
1494
- },
1495
- ]}
1496
- >
1497
- Mục đích {'\n'}sử dụng
1498
- </MText>
1499
- </MButton>
1500
- )}
1501
- {item?.showPaymentPlan && (
1502
- <MButton
1503
- style={{
1504
- alignItems: 'center',
1505
- marginLeft: 20,
1506
- }}
1507
- onPress={() => {
1508
- checkTerm(item, () => {
1509
- navigation.dispatch(
1510
- StackActions.push(
1511
- ScreenNames.SchedulePayment,
1512
- {
1513
- loan: item,
1514
- }
1515
- )
1516
- );
1517
- });
1518
- }}
1347
+ Hoàn thiện{'\n'}cung cấp thông tin
1348
+ </MText>
1349
+ </TouchableOpacity>
1350
+ ) : (
1351
+ <View style={{ alignItems: 'center' }}>
1352
+ <AddInfoDisable />
1353
+ <MText
1354
+ style={[
1355
+ commonStyles.textNormal,
1356
+ {
1357
+ fontSize: 12,
1358
+ fontWeight: '300',
1359
+ marginTop: 8,
1360
+ textAlign: 'center',
1361
+ },
1362
+ ]}
1519
1363
  >
1520
- <IconSchedule />
1521
- <MText
1522
- style={[
1523
- commonStyles.textNormal,
1364
+ Hoàn thiện{'\n'}cung cấp thông tin
1365
+ </MText>
1366
+ </View>
1367
+ )}
1368
+ </View>
1369
+ )}
1370
+
1371
+ {item?.isSignContract && (
1372
+ <MButton
1373
+ style={{
1374
+ alignItems: 'center',
1375
+ marginLeft: 20,
1376
+ }}
1377
+ onPress={() => {
1378
+ checkTerm(item, () => {
1379
+ if (item?.urlSignContract) {
1380
+ navigation.dispatch(
1381
+ StackActions.push(
1382
+ ScreenNames.CIMBSign,
1524
1383
  {
1525
- fontSize: 12,
1526
- fontWeight: '300',
1527
- marginTop: 8,
1528
- },
1529
- ]}
1530
- >
1531
- Lịch dự kiến
1532
- </MText>
1533
- </MButton>
1534
- )}
1384
+ url: item?.urlSignContract,
1385
+ }
1386
+ )
1387
+ );
1388
+ } else {
1389
+ Alert.alert(
1390
+ 'Thông báo',
1391
+ 'Bạn chưa thể ký hợp đồng bây giờ?'
1392
+ );
1393
+ }
1394
+ });
1395
+ }}
1396
+ >
1397
+ <IconSign2 />
1398
+ <MText
1399
+ style={[
1400
+ commonStyles.textNormal,
1401
+ {
1402
+ fontSize: 12,
1403
+ marginTop: 8,
1404
+ },
1405
+ ]}
1406
+ >
1407
+ Ký hợp đồng
1408
+ </MText>
1409
+ </MButton>
1410
+ )}
1411
+ {item?.isSignContractTima && (
1412
+ <MButton
1413
+ style={{
1414
+ alignItems: 'center',
1415
+ marginLeft: 20,
1416
+ }}
1417
+ onPress={() => {
1418
+ checkTerm(item, () => {
1419
+ navigation.dispatch(
1420
+ StackActions.push(
1421
+ ScreenNames.ViewContract,
1422
+ {
1423
+ loan: item,
1424
+ }
1425
+ )
1426
+ );
1427
+ });
1428
+ }}
1429
+ >
1430
+ <ContractTimeIcon />
1431
+ <MText
1432
+ style={[
1433
+ commonStyles.textNormal,
1434
+ {
1435
+ fontSize: 12,
1436
+ marginTop: 8,
1437
+ textAlign: 'center',
1438
+ },
1439
+ ]}
1440
+ >
1441
+ Hợp đồng{'\n'}dịch vụ
1442
+ </MText>
1443
+ </MButton>
1444
+ )}
1445
+ {item?.paymentEvidenceUrl && (
1446
+ <MButton
1447
+ style={{
1448
+ alignItems: 'center',
1449
+ marginLeft: 20,
1450
+ }}
1451
+ onPress={() => {
1452
+ checkTerm(item, () => {
1453
+ navigation.dispatch(
1454
+ StackActions.push(
1455
+ ScreenNames.PaymentEvidence,
1456
+ {
1457
+ url: item?.paymentEvidenceUrl,
1458
+ }
1459
+ )
1460
+ );
1461
+ });
1462
+ }}
1463
+ >
1464
+ <IconEviden />
1465
+ <MText
1466
+ style={[
1467
+ commonStyles.textNormal,
1468
+ {
1469
+ fontSize: 12,
1470
+ marginTop: 8,
1471
+ textAlign: 'center',
1472
+ },
1473
+ ]}
1474
+ >
1475
+ Mục đích {'\n'}sử dụng
1476
+ </MText>
1477
+ </MButton>
1478
+ )}
1479
+ {item?.showPaymentPlan && (
1480
+ <MButton
1481
+ style={{
1482
+ alignItems: 'center',
1483
+ marginLeft: 20,
1484
+ }}
1485
+ onPress={() => {
1486
+ checkTerm(item, () => {
1487
+ navigation.dispatch(
1488
+ StackActions.push(
1489
+ ScreenNames.SchedulePayment,
1490
+ {
1491
+ loan: item,
1492
+ }
1493
+ )
1494
+ );
1495
+ });
1496
+ }}
1497
+ >
1498
+ <IconSchedule />
1499
+ <MText
1500
+ style={[
1501
+ commonStyles.textNormal,
1502
+ {
1503
+ fontSize: 12,
1504
+ marginTop: 8,
1505
+ },
1506
+ ]}
1507
+ >
1508
+ Lịch dự kiến
1509
+ </MText>
1510
+ </MButton>
1511
+ )}
1512
+ </View>
1513
+
1514
+ {item.messageErrorCIMB !== '' &&
1515
+ item?.messageErrorCIMB &&
1516
+ item?.isCimbApproveFull === null ? (
1517
+ <View
1518
+ style={{
1519
+ backgroundColor: '#FBEFE7',
1520
+ marginHorizontal: -16,
1521
+ paddingVertical: 8,
1522
+ marginTop: 16,
1523
+ borderBottomRightRadius: 8,
1524
+ borderBottomLeftRadius: 8,
1525
+ paddingHorizontal: 16,
1526
+ }}
1527
+ >
1528
+ <View
1529
+ style={{
1530
+ flexDirection: 'row',
1531
+ justifyContent: 'space-between',
1532
+ alignItems: 'center',
1533
+ }}
1534
+ >
1535
+ <View
1536
+ style={{
1537
+ flex: 1,
1538
+ flexDirection: 'row',
1539
+ paddingRight: 20,
1540
+ }}
1541
+ >
1542
+ <Image
1543
+ source={require('./error.png')}
1544
+ style={{ width: 16, height: 16 }}
1545
+ />
1546
+ <MText style={{ marginLeft: 5 }}>
1547
+ Đơn vay của bạn gặp gián đoạn, vui lòng
1548
+ liên hệ tổng đài 1900633688
1549
+ </MText>
1535
1550
  </View>
1536
1551
 
1537
- {item.messageErrorCIMB !== '' &&
1538
- item?.messageErrorCIMB &&
1539
- item?.isCimbApproveFull === null ? (
1540
- <View
1552
+ <TouchableOpacity
1553
+ onPress={() => {
1554
+ Linking.openURL(`tel:1900633688`);
1555
+ }}
1556
+ >
1557
+ <LinearGradient
1558
+ colors={['#FF8E4F', '#EF592E']}
1541
1559
  style={{
1542
- backgroundColor: '#FBEFE7',
1543
- marginHorizontal: -16,
1544
- paddingVertical: 8,
1545
- marginTop: 16,
1546
- borderBottomRightRadius: 8,
1547
- borderBottomLeftRadius: 8,
1548
- paddingHorizontal: 16,
1560
+ paddingHorizontal: 10,
1561
+ height: 30,
1562
+ borderRadius: 30,
1563
+ justifyContent: 'center',
1564
+ alignItems: 'center',
1565
+ flexDirection: 'row',
1549
1566
  }}
1550
1567
  >
1551
- <View
1568
+ <Call />
1569
+ <MText
1552
1570
  style={{
1553
- flexDirection: 'row',
1554
- justifyContent: 'space-between',
1555
- alignItems: 'center',
1571
+ color: 'white',
1572
+ fontSize: 12,
1573
+ marginLeft: 5,
1556
1574
  }}
1557
1575
  >
1558
- <View
1559
- style={{
1560
- flex: 1,
1561
- flexDirection: 'row',
1562
- paddingRight: 20,
1563
- }}
1564
- >
1565
- <Image
1566
- source={require('./error.png')}
1567
- style={{ width: 16, height: 16 }}
1568
- />
1569
- <MText style={{ marginLeft: 5 }}>
1570
- Đơn vay của bạn gặp gián đoạn, vui
1571
- lòng liên hệ tổng đài 1900633688
1572
- </MText>
1573
- </View>
1574
-
1575
- <TouchableOpacity
1576
- onPress={() => {
1577
- Linking.openURL(`tel:1900633688`);
1578
- }}
1579
- >
1580
- <LinearGradient
1581
- colors={['#FF8E4F', '#EF592E']}
1582
- style={{
1583
- paddingHorizontal: 10,
1584
- height: 30,
1585
- borderRadius: 30,
1586
- justifyContent: 'center',
1587
- alignItems: 'center',
1588
- flexDirection: 'row',
1589
- }}
1590
- >
1591
- <Call />
1592
- <MText
1593
- style={{
1594
- color: 'white',
1595
- fontSize: 12,
1596
- marginLeft: 5,
1597
- }}
1598
- >
1599
- Liên hệ
1600
- </MText>
1601
- </LinearGradient>
1602
- </TouchableOpacity>
1603
- </View>
1604
- </View>
1605
- ) : (
1606
- <View
1576
+ Liên hệ
1577
+ </MText>
1578
+ </LinearGradient>
1579
+ </TouchableOpacity>
1580
+ </View>
1581
+ </View>
1582
+ ) : (
1583
+ <View
1584
+ style={{
1585
+ flexDirection: 'row',
1586
+ alignItems: 'center',
1587
+ backgroundColor: '#FBEFE7',
1588
+ marginHorizontal: -16,
1589
+ paddingVertical: 8,
1590
+ marginTop: 16,
1591
+ borderBottomRightRadius: 8,
1592
+ borderBottomLeftRadius: 8,
1593
+ paddingHorizontal: 16,
1594
+ }}
1595
+ >
1596
+ <Info />
1597
+ <MText
1598
+ style={[
1599
+ {
1600
+ fontWeight: '300',
1601
+ fontSize: 10,
1602
+ fontStyle: 'italic',
1603
+ color: '#333333',
1604
+ marginLeft: 8,
1605
+ },
1606
+ ]}
1607
+ >
1608
+ {item?.suggestion
1609
+ ? item?.suggestion
1610
+ : 'Thực hiện đầy đủ các bước để giải ngân nhanh nhất'}
1611
+ </MText>
1612
+ </View>
1613
+ )}
1614
+ </View>
1615
+ </View>
1616
+ ) : // type 2 tái vay
1617
+ item?.typeLoan === 2 ? (
1618
+ <Observer>
1619
+ {() => (
1620
+ <View>
1621
+ <View
1622
+ style={{
1623
+ backgroundColor: '#FFFFFF',
1624
+ paddingHorizontal: 16,
1625
+ marginBottom: 16,
1626
+ borderRadius: 8,
1627
+ borderWidth: 0.5,
1628
+ borderColor: '#E0E0E0',
1629
+ }}
1630
+ >
1631
+ <View
1632
+ style={{
1633
+ flexDirection: 'row',
1634
+ alignItems: 'center',
1635
+ }}
1636
+ >
1637
+ <Contract />
1638
+ <View style={{ flex: 1, paddingLeft: 8 }}>
1639
+ <MText
1640
+ style={commonStyles.textNormalBold}
1641
+ >
1642
+ Đơn vay {item?.id}
1643
+ </MText>
1644
+ <MText style={commonStyles.textNormal}>
1645
+ Số tiền vay (VND):{' '}
1646
+ {item?.loanAmount
1647
+ ? formatMoney(item?.loanAmount)
1648
+ : 'Chưa xác định'}
1649
+ </MText>
1650
+ </View>
1651
+ </View>
1652
+ <View
1653
+ style={{
1654
+ height: 1,
1655
+ backgroundColor: '#E0E0E0',
1656
+ marginVertical: 16,
1657
+ }}
1658
+ />
1659
+ <View
1660
+ style={{
1661
+ flexDirection: 'row',
1662
+ justifyContent: 'space-between',
1663
+ }}
1664
+ >
1665
+ <MText style={commonStyles.textNormal}>
1666
+ Trạng thái
1667
+ </MText>
1668
+ <MText
1669
+ style={[
1670
+ commonStyles.textNormalBold,
1671
+ { color: '#F05123' },
1672
+ ]}
1673
+ >
1674
+ {item?.loanStatus}
1675
+ </MText>
1676
+ </View>
1677
+ {/* // cho phép update thông tin */}
1678
+ {item?.isUpdateLoanReBorrow ? (
1679
+ <TouchableOpacity
1680
+ style={{
1681
+ marginTop: 14,
1682
+ marginBottom: 16,
1683
+ }}
1684
+ onPress={() => {
1685
+ checkTerm(item, () => {
1686
+ navigation.push(
1687
+ 'DigitalLending',
1688
+ item
1689
+ );
1690
+ });
1691
+ }}
1692
+ >
1693
+ <LinearGradient
1607
1694
  style={{
1695
+ height: 36,
1696
+ borderRadius: 30,
1697
+ paddingHorizontal: 20,
1608
1698
  flexDirection: 'row',
1609
1699
  alignItems: 'center',
1610
- backgroundColor: '#FBEFE7',
1611
- marginHorizontal: -16,
1612
- paddingVertical: 8,
1613
- marginTop: 16,
1614
- borderBottomRightRadius: 8,
1615
- borderBottomLeftRadius: 8,
1616
- paddingHorizontal: 16,
1617
1700
  }}
1701
+ colors={['#FF8E4F', '#EF592E']}
1618
1702
  >
1619
- <Info />
1703
+ <UpdateIcon />
1620
1704
  <MText
1621
- style={[
1622
- {
1623
- fontWeight: '300',
1624
- fontSize: 10,
1625
- fontStyle: 'italic',
1626
- color: '#333333',
1627
- marginLeft: 8,
1628
- },
1629
- ]}
1705
+ style={{
1706
+ color: 'white',
1707
+ marginLeft: 10,
1708
+ }}
1630
1709
  >
1631
- {item?.suggestion
1632
- ? item?.suggestion
1633
- : 'Thực hiện đầy đủ các bước để giải ngân nhanh nhất'}
1710
+ Hoàn thiện hồ sơ
1634
1711
  </MText>
1635
- </View>
1636
- )}
1637
- </View>
1638
- </View>
1639
- ) : // type 2 tái vay
1640
- item?.typeLoan === 2 ? (
1641
- <Observer>
1642
- {() => (
1712
+ </LinearGradient>
1713
+ </TouchableOpacity>
1714
+ ) : (
1643
1715
  <View>
1644
1716
  <View
1645
1717
  style={{
1646
- backgroundColor: '#FFFFFF',
1647
- paddingHorizontal: 16,
1648
- paddingTop: 16,
1649
- borderRadius: 8,
1650
- borderWidth: 0.5,
1651
- borderColor: '#E0E0E0',
1718
+ height: 0.5,
1719
+ backgroundColor: '#E0E0E0',
1720
+ marginVertical: 16,
1652
1721
  }}
1653
- >
1654
- <View
1655
- style={{
1656
- flexDirection: 'row',
1657
- alignItems: 'center',
1658
- }}
1659
- >
1660
- <Contract />
1661
- <View
1662
- style={{ flex: 1, paddingLeft: 8 }}
1663
- >
1664
- <MText
1665
- style={
1666
- commonStyles.textNormalBold
1667
- }
1668
- >
1669
- Đơn vay {item?.id}
1670
- </MText>
1671
- <MText
1672
- style={commonStyles.textNormal}
1673
- >
1674
- Số tiền vay (VND):{' '}
1675
- {item?.loanAmount
1676
- ? formatMoney(item?.loanAmount)
1677
- : 'Chưa xác định'}
1678
- </MText>
1679
- </View>
1680
- </View>
1681
- <View
1682
- style={{
1683
- height: 1,
1684
- backgroundColor: '#E0E0E0',
1685
- marginVertical: 16,
1686
- }}
1687
- />
1688
- <View
1689
- style={{
1690
- flexDirection: 'row',
1691
- justifyContent: 'space-between',
1692
- }}
1693
- >
1694
- <MText
1695
- style={commonStyles.textNormal}
1696
- >
1697
- Trạng thái
1698
- </MText>
1699
- <MText
1700
- style={[
1701
- commonStyles.textNormalBold,
1702
- { color: '#F05123' },
1703
- ]}
1704
- >
1705
- {item?.loanStatus}
1706
- </MText>
1707
- </View>
1708
- {/* // cho phép update thông tin */}
1709
- {item?.isUpdateLoanReBorrow ? (
1710
- <TouchableOpacity
1722
+ />
1723
+ <View style={{ flexDirection: 'row' }}>
1724
+ {item?.loanStatus === null ||
1725
+ item?.loanStatus === '' ? (
1726
+ <MButton
1711
1727
  style={{
1712
- marginTop: 14,
1713
- marginBottom: 16,
1728
+ alignItems: 'center',
1714
1729
  }}
1715
1730
  onPress={() => {
1716
1731
  checkTerm(item, () => {
1717
- navigation.push(
1718
- 'DigitalLending',
1719
- item
1732
+ navigation.dispatch(
1733
+ StackActions.push(
1734
+ ScreenNames.CIMBxTima,
1735
+ {
1736
+ loan: item,
1737
+ }
1738
+ )
1720
1739
  );
1721
1740
  });
1722
1741
  }}
1723
1742
  >
1724
- <LinearGradient
1725
- style={{
1726
- height: 36,
1727
- borderRadius: 30,
1728
- paddingHorizontal: 20,
1729
- flexDirection: 'row',
1730
- alignItems: 'center',
1731
- }}
1732
- colors={['#FF8E4F', '#EF592E']}
1743
+ <AddInfo />
1744
+ <MText
1745
+ style={[
1746
+ commonStyles.textNormal,
1747
+ {
1748
+ fontSize: 12,
1749
+ fontWeight: '300',
1750
+ marginTop: 8,
1751
+ textAlign: 'center',
1752
+ },
1753
+ ]}
1733
1754
  >
1734
- <UpdateIcon />
1735
- <MText
1736
- style={{
1737
- color: 'white',
1738
- marginLeft: 10,
1739
- }}
1740
- >
1741
- Hoàn thiện hồ sơ
1742
- </MText>
1743
- </LinearGradient>
1744
- </TouchableOpacity>
1755
+ Hoàn thiện{'\n'}cung cấp thông tin
1756
+ </MText>
1757
+ </MButton>
1745
1758
  ) : (
1746
1759
  <View>
1747
- <View
1748
- style={{
1749
- height: 0.5,
1750
- backgroundColor: '#E0E0E0',
1751
- marginVertical: 16,
1752
- }}
1753
- />
1754
- <View
1755
- style={{ flexDirection: 'row' }}
1756
- >
1757
- {item?.loanStatus === null ||
1758
- item?.loanStatus === '' ? (
1759
- <MButton
1760
- style={{
1761
- alignItems: 'center',
1762
- }}
1763
- onPress={() => {
1764
- checkTerm(item, () => {
1760
+ {item?.isUpdateLoan ||
1761
+ item?.isUpdateInformation ? (
1762
+ <TouchableOpacity
1763
+ style={{
1764
+ alignItems: 'center',
1765
+ }}
1766
+ onPress={() => {
1767
+ checkTerm(item, () => {
1768
+ if (item?.isUpdateLoan) {
1765
1769
  navigation.dispatch(
1766
1770
  StackActions.push(
1767
- ScreenNames.CIMBxTima,
1771
+ ScreenNames.CimbSelfie,
1768
1772
  {
1769
1773
  loan: item,
1770
1774
  }
1771
1775
  )
1772
1776
  );
1773
- });
1774
- }}
1775
- >
1776
- <AddInfo />
1777
- <MText
1778
- style={[
1779
- commonStyles.textNormal,
1780
- {
1781
- fontSize: 12,
1782
- fontWeight: '300',
1783
- marginTop: 8,
1784
- textAlign: 'center',
1785
- },
1786
- ]}
1787
- >
1788
- Hoàn thiện{'\n'}cung cấp
1789
- thông tin
1790
- </MText>
1791
- </MButton>
1792
- ) : (
1793
- <View>
1794
- {item?.isUpdateLoan ||
1795
- item?.isUpdateInformation ? (
1796
- <TouchableOpacity
1797
- style={{
1798
- alignItems: 'center',
1799
- }}
1800
- onPress={() => {
1801
- checkTerm(item, () => {
1802
- if (
1803
- item?.isUpdateLoan
1804
- ) {
1805
- navigation.dispatch(
1806
- StackActions.push(
1807
- ScreenNames.CimbSelfie,
1808
- {
1809
- loan: item,
1810
- }
1811
- )
1812
- );
1813
- } else {
1814
- navigation.dispatch(
1815
- StackActions.push(
1816
- ScreenNames.QuickSubmit,
1817
- {
1818
- loan: item,
1819
- }
1820
- )
1821
- );
1822
- }
1823
- });
1824
- }}
1825
- >
1826
- <AddInfo />
1827
- <MText
1828
- style={[
1829
- commonStyles.textNormal,
1830
- {
1831
- fontSize: 12,
1832
- fontWeight: '300',
1833
- marginTop: 8,
1834
- textAlign: 'center',
1835
- },
1836
- ]}
1837
- >
1838
- Hoàn thiện{'\n'}cung cấp
1839
- thông tin
1840
- </MText>
1841
- </TouchableOpacity>
1842
- ) : (
1843
- <View
1844
- style={{
1845
- alignItems: 'center',
1846
- }}
1847
- >
1848
- <AddInfoDisable />
1849
- <MText
1850
- style={[
1851
- commonStyles.textNormal,
1852
- {
1853
- fontSize: 12,
1854
- fontWeight: '300',
1855
- marginTop: 8,
1856
- textAlign: 'center',
1857
- },
1858
- ]}
1859
- >
1860
- Hoàn thiện{'\n'}cung cấp
1861
- thông tin
1862
- </MText>
1863
- </View>
1864
- )}
1865
- </View>
1866
- )}
1867
-
1868
- {item?.isSignContract && (
1869
- <MButton
1870
- style={{
1871
- alignItems: 'center',
1872
- marginLeft: 20,
1873
- }}
1874
- onPress={() => {
1875
- checkTerm(item, () => {
1876
- if (
1877
- item?.urlSignContract
1878
- ) {
1879
- navigation.dispatch(
1880
- StackActions.push(
1881
- ScreenNames.CIMBSign,
1882
- {
1883
- url: item?.urlSignContract,
1884
- }
1885
- )
1886
- );
1887
- } else {
1888
- Alert.alert(
1889
- 'Thông báo',
1890
- 'Bạn chưa thể ký hợp đồng bây giờ?'
1891
- );
1892
- }
1893
- });
1894
- }}
1895
- >
1896
- <IconSign2 />
1897
- <MText
1898
- style={[
1899
- commonStyles.textNormal,
1900
- {
1901
- fontSize: 12,
1902
- fontWeight: '300',
1903
- marginTop: 8,
1904
- },
1905
- ]}
1906
- >
1907
- Ký hợp đồng
1908
- </MText>
1909
- </MButton>
1910
- )}
1911
- {item?.isSignContractTima && (
1912
- <MButton
1913
- style={{
1914
- alignItems: 'center',
1915
- marginLeft: 20,
1916
- }}
1917
- onPress={() => {
1918
- checkTerm(item, () => {
1777
+ } else {
1919
1778
  navigation.dispatch(
1920
1779
  StackActions.push(
1921
- ScreenNames.ViewContract,
1780
+ ScreenNames.QuickSubmit,
1922
1781
  {
1923
1782
  loan: item,
1924
1783
  }
1925
1784
  )
1926
1785
  );
1927
- });
1928
- }}
1929
- >
1930
- <ContractTimeIcon />
1931
- <MText
1932
- style={[
1933
- commonStyles.textNormal,
1934
- {
1935
- fontSize: 12,
1936
- fontWeight: '300',
1937
- marginTop: 8,
1938
- textAlign: 'center',
1939
- },
1940
- ]}
1941
- >
1942
- Hợp đồng{'\n'}dịch vụ
1943
- </MText>
1944
- </MButton>
1945
- )}
1946
- {item?.paymentEvidenceUrl && (
1947
- <MButton
1948
- style={{
1949
- alignItems: 'center',
1950
- marginLeft: 20,
1951
- }}
1952
- onPress={() => {
1953
- checkTerm(item, () => {
1954
- navigation.dispatch(
1955
- StackActions.push(
1956
- ScreenNames.PaymentEvidence,
1957
- {
1958
- url: item?.paymentEvidenceUrl,
1959
- }
1960
- )
1961
- );
1962
- });
1963
- }}
1964
- >
1965
- <IconEviden />
1966
- <MText
1967
- style={[
1968
- commonStyles.textNormal,
1969
- {
1970
- fontSize: 12,
1971
- fontWeight: '300',
1972
- marginTop: 8,
1973
- textAlign: 'center',
1974
- },
1975
- ]}
1976
- >
1977
- Mục đích {'\n'}sử dụng
1978
- </MText>
1979
- </MButton>
1980
- )}
1981
- {item?.showPaymentPlan && (
1982
- <MButton
1983
- style={{
1984
- alignItems: 'center',
1985
- marginLeft: 20,
1986
- }}
1987
- onPress={() => {
1988
- navigation.dispatch(
1989
- StackActions.push(
1990
- ScreenNames.SchedulePayment,
1991
- {
1992
- loan: item,
1993
- }
1994
- )
1995
- );
1996
- }}
1997
- >
1998
- <IconSchedule />
1999
- <MText
2000
- style={[
2001
- commonStyles.textNormal,
2002
- {
2003
- fontSize: 12,
2004
- fontWeight: '300',
2005
- marginTop: 8,
2006
- },
2007
- ]}
2008
- >
2009
- Lịch dự kiến
2010
- </MText>
2011
- </MButton>
2012
- )}
2013
- </View>
2014
-
2015
- {item.messageErrorCIMB !== '' &&
2016
- item?.messageErrorCIMB &&
2017
- item?.isCimbApproveFull === null ? (
2018
- <View
2019
- style={{
2020
- backgroundColor: '#FBEFE7',
2021
- marginHorizontal: -16,
2022
- paddingVertical: 8,
2023
- marginTop: 16,
2024
- borderBottomRightRadius: 8,
2025
- borderBottomLeftRadius: 8,
2026
- paddingHorizontal: 16,
1786
+ }
1787
+ });
2027
1788
  }}
2028
1789
  >
2029
- <View
2030
- style={{
2031
- flexDirection: 'row',
2032
- justifyContent:
2033
- 'space-between',
2034
- alignItems: 'center',
2035
- }}
1790
+ <AddInfo />
1791
+ <MText
1792
+ style={[
1793
+ commonStyles.textNormal,
1794
+ {
1795
+ fontSize: 12,
1796
+ fontWeight: '300',
1797
+ marginTop: 8,
1798
+ textAlign: 'center',
1799
+ },
1800
+ ]}
2036
1801
  >
2037
- <View
2038
- style={{
2039
- flex: 1,
2040
- flexDirection: 'row',
2041
- paddingRight: 20,
2042
- }}
2043
- >
2044
- <Image
2045
- source={require('./error.png')}
2046
- style={{
2047
- width: 16,
2048
- height: 16,
2049
- }}
2050
- />
2051
- <MText
2052
- style={{ marginLeft: 5 }}
2053
- >
2054
- Đơn vay của bạn gặp gián
2055
- đoạn, vui lòng liên hệ
2056
- tổng đài 1900633688
2057
- </MText>
2058
- </View>
2059
-
2060
- <TouchableOpacity
2061
- onPress={() => {
2062
- Linking.openURL(
2063
- `tel:1900633688`
2064
- );
2065
- }}
2066
- >
2067
- <LinearGradient
2068
- colors={[
2069
- '#FF8E4F',
2070
- '#EF592E',
2071
- ]}
2072
- style={{
2073
- paddingHorizontal: 10,
2074
- height: 30,
2075
- borderRadius: 30,
2076
- justifyContent:
2077
- 'center',
2078
- alignItems: 'center',
2079
- flexDirection: 'row',
2080
- }}
2081
- >
2082
- <Call />
2083
- <MText
2084
- style={{
2085
- color: 'white',
2086
- fontSize: 12,
2087
- marginLeft: 5,
2088
- }}
2089
- >
2090
- Liên hệ
2091
- </MText>
2092
- </LinearGradient>
2093
- </TouchableOpacity>
2094
- </View>
2095
- </View>
1802
+ Hoàn thiện{'\n'}cung cấp thông
1803
+ tin
1804
+ </MText>
1805
+ </TouchableOpacity>
2096
1806
  ) : (
2097
1807
  <View
2098
1808
  style={{
2099
- flexDirection: 'row',
2100
1809
  alignItems: 'center',
2101
- backgroundColor: '#FBEFE7',
2102
- marginHorizontal: -16,
2103
- paddingVertical: 8,
2104
- marginTop: 16,
2105
- borderBottomRightRadius: 8,
2106
- borderBottomLeftRadius: 8,
2107
- paddingHorizontal: 16,
2108
1810
  }}
2109
1811
  >
2110
- <Info />
1812
+ <AddInfoDisable />
2111
1813
  <MText
2112
1814
  style={[
1815
+ commonStyles.textNormal,
2113
1816
  {
1817
+ fontSize: 12,
2114
1818
  fontWeight: '300',
2115
- fontSize: 10,
2116
- fontStyle: 'italic',
2117
- color: '#333333',
2118
- marginLeft: 8,
1819
+ marginTop: 8,
1820
+ textAlign: 'center',
2119
1821
  },
2120
1822
  ]}
2121
1823
  >
2122
- {item?.suggestion
2123
- ? item?.suggestion
2124
- : 'Thực hiện đầy đủ các bước để giải ngân nhanh nhất'}
1824
+ Hoàn thiện{'\n'}cung cấp thông
1825
+ tin
2125
1826
  </MText>
2126
1827
  </View>
2127
1828
  )}
2128
1829
  </View>
2129
1830
  )}
2130
- </View>
2131
- </View>
2132
- )}
2133
- </Observer>
2134
- ) : (
2135
- // cimb thường
2136
- <View>
2137
- <View>
2138
- {item?.loanStatus !== null &&
2139
- item?.loanStatus !== '' ? (
2140
- <View
2141
- style={{
2142
- backgroundColor: '#FFFFFF',
2143
- paddingHorizontal: 16,
2144
- paddingTop: 16,
2145
- borderRadius: 8,
2146
- borderWidth: 0.5,
2147
- borderColor: '#E0E0E0',
2148
- }}
2149
- >
2150
- <View
2151
- style={{
2152
- flexDirection: 'row',
2153
- alignItems: 'center',
2154
- }}
2155
- >
2156
- <Contract />
2157
- <View
2158
- style={{ flex: 1, paddingLeft: 8 }}
1831
+
1832
+ {item?.isSignContract && (
1833
+ <MButton
1834
+ style={{
1835
+ alignItems: 'center',
1836
+ marginLeft: 20,
1837
+ }}
1838
+ onPress={() => {
1839
+ checkTerm(item, () => {
1840
+ if (item?.urlSignContract) {
1841
+ navigation.dispatch(
1842
+ StackActions.push(
1843
+ ScreenNames.CIMBSign,
1844
+ {
1845
+ url: item?.urlSignContract,
1846
+ }
1847
+ )
1848
+ );
1849
+ } else {
1850
+ Alert.alert(
1851
+ 'Thông báo',
1852
+ 'Bạn chưa thể ký hợp đồng bây giờ?'
1853
+ );
1854
+ }
1855
+ });
1856
+ }}
2159
1857
  >
1858
+ <IconSign2 />
2160
1859
  <MText
2161
- style={
2162
- commonStyles.textNormalBold
2163
- }
1860
+ style={[
1861
+ commonStyles.textNormal,
1862
+ {
1863
+ fontSize: 12,
1864
+ fontWeight: '300',
1865
+ marginTop: 8,
1866
+ },
1867
+ ]}
2164
1868
  >
2165
- Mã Đơn vay-{item?.id}
1869
+ Ký hợp đồng
2166
1870
  </MText>
1871
+ </MButton>
1872
+ )}
1873
+ {item?.isSignContractTima && (
1874
+ <MButton
1875
+ style={{
1876
+ alignItems: 'center',
1877
+ marginLeft: 20,
1878
+ }}
1879
+ onPress={() => {
1880
+ checkTerm(item, () => {
1881
+ navigation.dispatch(
1882
+ StackActions.push(
1883
+ ScreenNames.ViewContract,
1884
+ {
1885
+ loan: item,
1886
+ }
1887
+ )
1888
+ );
1889
+ });
1890
+ }}
1891
+ >
1892
+ <ContractTimeIcon />
2167
1893
  <MText
2168
- style={commonStyles.textNormal}
1894
+ style={[
1895
+ commonStyles.textNormal,
1896
+ {
1897
+ fontSize: 12,
1898
+ fontWeight: '300',
1899
+ marginTop: 8,
1900
+ textAlign: 'center',
1901
+ },
1902
+ ]}
2169
1903
  >
2170
- Số tiền vay (VND):{' '}
2171
- {item?.loanAmountOffer
2172
- ? formatMoney(
2173
- item?.loanAmountOffer
2174
- )
2175
- : 'Chưa xác định'}
1904
+ Hợp đồng{'\n'}dịch vụ
2176
1905
  </MText>
2177
- </View>
2178
- </View>
2179
- <View
2180
- style={{
2181
- height: 1,
2182
- backgroundColor: '#E0E0E0',
2183
- marginVertical: 16,
2184
- }}
2185
- />
2186
- <View
2187
- style={{
2188
- flexDirection: 'row',
2189
- justifyContent: 'space-between',
2190
- }}
2191
- >
2192
- <MText
2193
- style={commonStyles.textNormal}
2194
- >
2195
- Trạng thái
2196
- </MText>
2197
- <MText
2198
- style={[
2199
- commonStyles.textNormalBold,
2200
- { color: '#F05123' },
2201
- ]}
1906
+ </MButton>
1907
+ )}
1908
+ {item?.paymentEvidenceUrl && (
1909
+ <MButton
1910
+ style={{
1911
+ alignItems: 'center',
1912
+ marginLeft: 20,
1913
+ }}
1914
+ onPress={() => {
1915
+ checkTerm(item, () => {
1916
+ navigation.dispatch(
1917
+ StackActions.push(
1918
+ ScreenNames.PaymentEvidence,
1919
+ {
1920
+ url: item?.paymentEvidenceUrl,
1921
+ }
1922
+ )
1923
+ );
1924
+ });
1925
+ }}
2202
1926
  >
2203
- {item?.loanStatus}
2204
- </MText>
2205
- </View>
2206
- <View
2207
- style={{
2208
- height: 0.5,
2209
- backgroundColor: '#E0E0E0',
2210
- marginVertical: 16,
2211
- }}
2212
- />
2213
- <View style={{ flexDirection: 'row' }}>
2214
- {item?.isUpdateLoan ||
2215
- item?.isUpdateInformation ? (
2216
- <TouchableOpacity
2217
- style={{ alignItems: 'center' }}
2218
- onPress={() => {
2219
- checkTerm(item, () => {
2220
- if (item?.isUpdateLoan) {
2221
- navigation.dispatch(
2222
- StackActions.push(
2223
- ScreenNames.CimbSelfie,
2224
- {
2225
- loan: item,
2226
- }
2227
- )
2228
- );
2229
- } else {
2230
- navigation.dispatch(
2231
- StackActions.push(
2232
- ScreenNames.QuickSubmit,
2233
- {
2234
- loan: item,
2235
- }
2236
- )
2237
- );
2238
- }
2239
- });
2240
- }}
1927
+ <IconEviden />
1928
+ <MText
1929
+ style={[
1930
+ commonStyles.textNormal,
1931
+ {
1932
+ fontSize: 12,
1933
+ fontWeight: '300',
1934
+ marginTop: 8,
1935
+ textAlign: 'center',
1936
+ },
1937
+ ]}
2241
1938
  >
2242
- <AddInfo />
2243
- <MText
2244
- style={[
2245
- commonStyles.textNormal,
1939
+ Mục đích {'\n'}sử dụng
1940
+ </MText>
1941
+ </MButton>
1942
+ )}
1943
+ {item?.showPaymentPlan && (
1944
+ <MButton
1945
+ style={{
1946
+ alignItems: 'center',
1947
+ marginLeft: 20,
1948
+ }}
1949
+ onPress={() => {
1950
+ navigation.dispatch(
1951
+ StackActions.push(
1952
+ ScreenNames.SchedulePayment,
2246
1953
  {
2247
- fontSize: 12,
2248
- fontWeight: '300',
2249
- marginTop: 8,
2250
- textAlign: 'center',
2251
- },
2252
- ]}
2253
- >
2254
- Hoàn thiện{'\n'}cung cấp thông
2255
- tin
2256
- </MText>
2257
- </TouchableOpacity>
2258
- ) : (
2259
- <View
2260
- style={{ alignItems: 'center' }}
2261
- >
2262
- <AddInfoDisable />
2263
- <MText
2264
- style={[
2265
- commonStyles.textNormal,
2266
- {
2267
- fontSize: 12,
2268
- fontWeight: '300',
2269
- marginTop: 8,
2270
- textAlign: 'center',
2271
- },
2272
- ]}
2273
- >
2274
- Hoàn thiện{'\n'}cung cấp thông
2275
- tin
2276
- </MText>
2277
- </View>
2278
- )}
2279
- {item?.isSignContract && (
2280
- <TouchableOpacity
2281
- style={{
2282
- alignItems: 'center',
2283
- marginLeft: 20,
2284
- }}
2285
- onPress={() => {
2286
- checkTerm(item, () => {
2287
- if (item?.urlSignContract) {
2288
- navigation.dispatch(
2289
- StackActions.push(
2290
- ScreenNames.CIMBSign,
2291
- {
2292
- url: item?.urlSignContract,
2293
- }
2294
- )
2295
- );
2296
- } else {
2297
- Alert.alert(
2298
- 'Thông báo',
2299
- 'Bạn chưa thể ký hợp đồng bây giờ?'
2300
- );
1954
+ loan: item,
2301
1955
  }
2302
- });
2303
- }}
2304
- >
2305
- <IconSign2 />
2306
- <MText
2307
- style={[
2308
- commonStyles.textNormal,
2309
- {
2310
- fontSize: 12,
2311
- fontWeight: '300',
2312
- marginTop: 8,
2313
- },
2314
- ]}
2315
- >
2316
- Ký hợp đồng
2317
- </MText>
2318
- </TouchableOpacity>
2319
- )}
2320
- {item?.isSignContractTima && (
2321
- <TouchableOpacity
2322
- style={{
2323
- alignItems: 'center',
2324
- marginLeft: 20,
2325
- }}
2326
- onPress={() => {
2327
- checkTerm(item, () => {
2328
- navigation.dispatch(
2329
- StackActions.push(
2330
- ScreenNames.ViewContract,
2331
- {
2332
- loan: item,
2333
- }
2334
- )
2335
- );
2336
- });
2337
- }}
1956
+ )
1957
+ );
1958
+ }}
1959
+ >
1960
+ <IconSchedule />
1961
+ <MText
1962
+ style={[
1963
+ commonStyles.textNormal,
1964
+ {
1965
+ fontSize: 12,
1966
+ fontWeight: '300',
1967
+ marginTop: 8,
1968
+ },
1969
+ ]}
2338
1970
  >
2339
- <ContractTimeIcon />
2340
- <MText
2341
- style={[
2342
- commonStyles.textNormal,
2343
- {
2344
- fontSize: 12,
2345
- fontWeight: '300',
2346
- marginTop: 8,
2347
- textAlign: 'center',
2348
- },
2349
- ]}
2350
- >
2351
- Hợp đồng{'\n'}dịch vụ
2352
- </MText>
2353
- </TouchableOpacity>
2354
- )}
2355
- {item?.paymentEvidenceUrl && (
2356
- <TouchableOpacity
1971
+ Lịch dự kiến
1972
+ </MText>
1973
+ </MButton>
1974
+ )}
1975
+ </View>
1976
+
1977
+ {item.messageErrorCIMB !== '' &&
1978
+ item?.messageErrorCIMB &&
1979
+ item?.isCimbApproveFull === null ? (
1980
+ <View
1981
+ style={{
1982
+ backgroundColor: '#FBEFE7',
1983
+ marginHorizontal: -16,
1984
+ paddingVertical: 8,
1985
+ marginTop: 16,
1986
+ borderBottomRightRadius: 8,
1987
+ borderBottomLeftRadius: 8,
1988
+ paddingHorizontal: 16,
1989
+ }}
1990
+ >
1991
+ <View
1992
+ style={{
1993
+ flexDirection: 'row',
1994
+ justifyContent: 'space-between',
1995
+ alignItems: 'center',
1996
+ }}
1997
+ >
1998
+ <View
2357
1999
  style={{
2358
- alignItems: 'center',
2359
- marginLeft: 20,
2360
- }}
2361
- onPress={() => {
2362
- checkTerm(item, () => {
2363
- navigation.dispatch(
2364
- StackActions.push(
2365
- ScreenNames.PaymentEvidence,
2366
- {
2367
- url: item?.paymentEvidenceUrl,
2368
- }
2369
- )
2370
- );
2371
- });
2000
+ flex: 1,
2001
+ flexDirection: 'row',
2002
+ paddingRight: 20,
2372
2003
  }}
2373
2004
  >
2374
- <IconEviden />
2375
- <MText
2376
- style={[
2377
- commonStyles.textNormal,
2378
- {
2379
- fontSize: 12,
2380
- fontWeight: '300',
2381
- marginTop: 8,
2382
- textAlign: 'center',
2383
- },
2384
- ]}
2385
- >
2386
- Mục đích {'\n'}sử dụng
2005
+ <Image
2006
+ source={require('./error.png')}
2007
+ style={{
2008
+ width: 16,
2009
+ height: 16,
2010
+ }}
2011
+ />
2012
+ <MText style={{ marginLeft: 5 }}>
2013
+ Đơn vay của bạn gặp gián đoạn,
2014
+ vui lòng liên hệ tổng đài
2015
+ 1900633688
2387
2016
  </MText>
2388
- </TouchableOpacity>
2389
- )}
2390
- {item?.showPaymentPlan && (
2017
+ </View>
2018
+
2391
2019
  <TouchableOpacity
2392
- style={{
2393
- alignItems: 'center',
2394
- marginLeft: 20,
2395
- }}
2396
2020
  onPress={() => {
2397
- navigation.dispatch(
2398
- StackActions.push(
2399
- ScreenNames.SchedulePayment,
2400
- {
2401
- loan: item,
2402
- }
2403
- )
2021
+ Linking.openURL(
2022
+ `tel:1900633688`
2404
2023
  );
2405
2024
  }}
2406
2025
  >
2407
- <IconSchedule />
2408
- <MText
2409
- style={[
2410
- commonStyles.textNormal,
2411
- {
2412
- fontSize: 12,
2413
- fontWeight: '300',
2414
- marginTop: 8,
2415
- },
2416
- ]}
2026
+ <LinearGradient
2027
+ colors={['#FF8E4F', '#EF592E']}
2028
+ style={{
2029
+ paddingHorizontal: 10,
2030
+ height: 30,
2031
+ borderRadius: 30,
2032
+ justifyContent: 'center',
2033
+ alignItems: 'center',
2034
+ flexDirection: 'row',
2035
+ }}
2417
2036
  >
2418
- Lịch dự kiến
2419
- </MText>
2037
+ <Call />
2038
+ <MText
2039
+ style={{
2040
+ color: 'white',
2041
+ fontSize: 12,
2042
+ marginLeft: 5,
2043
+ }}
2044
+ >
2045
+ Liên hệ
2046
+ </MText>
2047
+ </LinearGradient>
2420
2048
  </TouchableOpacity>
2421
- )}
2049
+ </View>
2422
2050
  </View>
2423
-
2051
+ ) : (
2424
2052
  <View
2425
2053
  style={{
2426
2054
  flexDirection: 'row',
@@ -2451,450 +2079,763 @@ export const Home = observer(function Home() {
2451
2079
  : 'Thực hiện đầy đủ các bước để giải ngân nhanh nhất'}
2452
2080
  </MText>
2453
2081
  </View>
2454
- </View>
2455
- ) : (
2456
- <ImageBackground
2457
- source={require('../../assets/img/bann.png')}
2458
- style={{ flex: 1, padding: 16 }}
2459
- resizeMode="cover"
2460
- height={220}
2461
- borderRadius={8}
2082
+ )}
2083
+ </View>
2084
+ )}
2085
+ </View>
2086
+ </View>
2087
+ )}
2088
+ </Observer>
2089
+ ) : (
2090
+ // cimb thường
2091
+ <View>
2092
+ {item?.loanStatus !== null &&
2093
+ item?.loanStatus !== '' ? (
2094
+ <View
2095
+ style={{
2096
+ backgroundColor: '#FFFFFF',
2097
+ paddingHorizontal: 16,
2098
+ marginBottom: 16,
2099
+ borderRadius: 8,
2100
+ borderWidth: 0.5,
2101
+ borderColor: '#E0E0E0',
2102
+ }}
2103
+ >
2104
+ <View
2105
+ style={{
2106
+ flexDirection: 'row',
2107
+ alignItems: 'center',
2108
+ }}
2109
+ >
2110
+ <Contract />
2111
+ <View style={{ flex: 1, paddingLeft: 8 }}>
2112
+ <MText style={commonStyles.textNormalBold}>
2113
+ Mã Đơn vay-{item?.id}
2114
+ </MText>
2115
+ <MText style={commonStyles.textNormal}>
2116
+ Số tiền vay (VND):{' '}
2117
+ {item?.loanAmountOffer
2118
+ ? formatMoney(item?.loanAmountOffer)
2119
+ : 'Chưa xác định'}
2120
+ </MText>
2121
+ </View>
2122
+ </View>
2123
+ <View
2124
+ style={{
2125
+ height: 1,
2126
+ backgroundColor: '#E0E0E0',
2127
+ marginVertical: 16,
2128
+ }}
2129
+ />
2130
+ <View
2131
+ style={{
2132
+ flexDirection: 'row',
2133
+ justifyContent: 'space-between',
2134
+ }}
2135
+ >
2136
+ <MText style={commonStyles.textNormal}>
2137
+ Trạng thái
2138
+ </MText>
2139
+ <MText
2140
+ style={[
2141
+ commonStyles.textNormalBold,
2142
+ { color: '#F05123' },
2143
+ ]}
2144
+ >
2145
+ {item?.loanStatus}
2146
+ </MText>
2147
+ </View>
2148
+ <View
2149
+ style={{
2150
+ height: 0.5,
2151
+ backgroundColor: '#E0E0E0',
2152
+ marginVertical: 16,
2153
+ }}
2154
+ />
2155
+ <View style={{ flexDirection: 'row' }}>
2156
+ {item?.isUpdateLoan ||
2157
+ item?.isUpdateInformation ? (
2158
+ <TouchableOpacity
2159
+ style={{ alignItems: 'center' }}
2160
+ onPress={() => {
2161
+ checkTerm(item, () => {
2162
+ if (item?.isUpdateLoan) {
2163
+ navigation.dispatch(
2164
+ StackActions.push(
2165
+ ScreenNames.CimbSelfie,
2166
+ {
2167
+ loan: item,
2168
+ }
2169
+ )
2170
+ );
2171
+ } else {
2172
+ navigation.dispatch(
2173
+ StackActions.push(
2174
+ ScreenNames.QuickSubmit,
2175
+ {
2176
+ loan: item,
2177
+ }
2178
+ )
2179
+ );
2180
+ }
2181
+ });
2182
+ }}
2183
+ >
2184
+ <AddInfo />
2185
+ <MText
2186
+ style={[
2187
+ commonStyles.textNormal,
2188
+ {
2189
+ fontSize: 12,
2190
+ fontWeight: '300',
2191
+ marginTop: 8,
2192
+ textAlign: 'center',
2193
+ },
2194
+ ]}
2462
2195
  >
2463
- <MText
2464
- style={{
2465
- color: '#333333',
2466
- fontWeight: 'bold',
2196
+ Hoàn thiện{'\n'}cung cấp thông tin
2197
+ </MText>
2198
+ </TouchableOpacity>
2199
+ ) : (
2200
+ <View style={{ alignItems: 'center' }}>
2201
+ <AddInfoDisable />
2202
+ <MText
2203
+ style={[
2204
+ commonStyles.textNormal,
2205
+ {
2467
2206
  fontSize: 12,
2468
- }}
2469
- >
2470
- BẠN ĐỦ ĐIỀU KIỆN VAY TIÊU DÙNG{'\n'}
2471
- THEO THÔNG TIN TÀI SẢN SỞ HỮU
2472
- {'\n'}
2473
- (XE MÁY/ Ô TÔ)
2474
- </MText>
2475
- <MText
2476
- style={{
2477
- marginTop: 12,
2478
- fontSize: 24,
2479
- fontWeight: 'bold',
2480
- color: '#EF4123',
2481
- }}
2482
- >
2483
- {formatMoney(item?.loanAmount)} VND
2484
- </MText>
2485
- <TouchableOpacity
2486
- onPress={() => {
2487
- checkTerm(item, () => {
2488
- navigation.dispatch(
2489
- StackActions.push(
2490
- ScreenNames.CIMBxTima,
2491
- {
2492
- loan: item,
2493
- }
2494
- )
2495
- );
2496
- });
2497
- }}
2498
- >
2499
- <LinearGradient
2500
- colors={['#FF7A00', '#EF4123']}
2501
- style={{
2502
- backgroundColor: '#F36D21cd ',
2503
- marginTop: 12,
2504
- alignItems: 'center',
2505
- borderRadius: 30,
2506
- paddingVertical: 10,
2507
- width: '50%',
2508
- }}
2509
- >
2510
- <MText
2511
- style={{
2512
- color: '#FFFFFF',
2513
- fontWeight: 'bold',
2514
- }}
2515
- >
2516
- Hoàn thiện hồ sơ
2517
- </MText>
2518
- </LinearGradient>
2519
- </TouchableOpacity>
2520
- <View
2521
- style={{
2522
- flexDirection: 'row',
2523
- alignItems: 'center',
2524
- alignContent: 'center',
2525
- marginTop: 16,
2526
- }}
2527
- >
2528
- <MText
2529
- style={{
2530
- fontSize: 10,
2531
- color: '#333333',
2532
- }}
2533
- >
2534
- SẢN PHẨM VAY TIÊU DÙNG HỢP TÁC GIỮA{' '}
2535
- </MText>
2536
- <LogoSmall />
2537
- <MText
2538
- style={{
2539
- fontSize: 12,
2540
- color: '#333333',
2541
- }}
2542
- >
2543
- {' '}
2544
- VÀ{' '}
2545
- </MText>
2546
- <CIMBSmall />
2547
- </View>
2548
- </ImageBackground>
2549
- )}
2550
- </View>
2207
+ fontWeight: '300',
2208
+ marginTop: 8,
2209
+ textAlign: 'center',
2210
+ },
2211
+ ]}
2212
+ >
2213
+ Hoàn thiện{'\n'}cung cấp thông tin
2214
+ </MText>
2215
+ </View>
2216
+ )}
2217
+ {item?.isSignContract && (
2218
+ <TouchableOpacity
2219
+ style={{
2220
+ alignItems: 'center',
2221
+ marginLeft: 20,
2222
+ }}
2223
+ onPress={() => {
2224
+ checkTerm(item, () => {
2225
+ if (item?.urlSignContract) {
2226
+ navigation.dispatch(
2227
+ StackActions.push(
2228
+ ScreenNames.CIMBSign,
2229
+ {
2230
+ url: item?.urlSignContract,
2231
+ }
2232
+ )
2233
+ );
2234
+ } else {
2235
+ Alert.alert(
2236
+ 'Thông báo',
2237
+ 'Bạn chưa thể ký hợp đồng bây giờ?'
2238
+ );
2239
+ }
2240
+ });
2241
+ }}
2242
+ >
2243
+ <IconSign2 />
2244
+ <MText
2245
+ style={[
2246
+ commonStyles.textNormal,
2247
+ {
2248
+ fontSize: 12,
2249
+ fontWeight: '300',
2250
+ marginTop: 8,
2251
+ },
2252
+ ]}
2253
+ >
2254
+ Ký hợp đồng
2255
+ </MText>
2256
+ </TouchableOpacity>
2257
+ )}
2258
+ {item?.isSignContractTima && (
2259
+ <TouchableOpacity
2260
+ style={{
2261
+ alignItems: 'center',
2262
+ marginLeft: 20,
2263
+ }}
2264
+ onPress={() => {
2265
+ checkTerm(item, () => {
2266
+ navigation.dispatch(
2267
+ StackActions.push(
2268
+ ScreenNames.ViewContract,
2269
+ {
2270
+ loan: item,
2271
+ }
2272
+ )
2273
+ );
2274
+ });
2275
+ }}
2276
+ >
2277
+ <ContractTimeIcon />
2278
+ <MText
2279
+ style={[
2280
+ commonStyles.textNormal,
2281
+ {
2282
+ fontSize: 12,
2283
+ fontWeight: '300',
2284
+ marginTop: 8,
2285
+ textAlign: 'center',
2286
+ },
2287
+ ]}
2288
+ >
2289
+ Hợp đồng{'\n'}dịch vụ
2290
+ </MText>
2291
+ </TouchableOpacity>
2292
+ )}
2293
+ {item?.paymentEvidenceUrl && (
2294
+ <TouchableOpacity
2295
+ style={{
2296
+ alignItems: 'center',
2297
+ marginLeft: 20,
2298
+ }}
2299
+ onPress={() => {
2300
+ checkTerm(item, () => {
2301
+ navigation.dispatch(
2302
+ StackActions.push(
2303
+ ScreenNames.PaymentEvidence,
2304
+ {
2305
+ url: item?.paymentEvidenceUrl,
2306
+ }
2307
+ )
2308
+ );
2309
+ });
2310
+ }}
2311
+ >
2312
+ <IconEviden />
2313
+ <MText
2314
+ style={[
2315
+ commonStyles.textNormal,
2316
+ {
2317
+ fontSize: 12,
2318
+ fontWeight: '300',
2319
+ marginTop: 8,
2320
+ textAlign: 'center',
2321
+ },
2322
+ ]}
2323
+ >
2324
+ Mục đích {'\n'}sử dụng
2325
+ </MText>
2326
+ </TouchableOpacity>
2327
+ )}
2328
+ {item?.showPaymentPlan && (
2329
+ <TouchableOpacity
2330
+ style={{
2331
+ alignItems: 'center',
2332
+ marginLeft: 20,
2333
+ }}
2334
+ onPress={() => {
2335
+ navigation.dispatch(
2336
+ StackActions.push(
2337
+ ScreenNames.SchedulePayment,
2338
+ {
2339
+ loan: item,
2340
+ }
2341
+ )
2342
+ );
2343
+ }}
2344
+ >
2345
+ <IconSchedule />
2346
+ <MText
2347
+ style={[
2348
+ commonStyles.textNormal,
2349
+ {
2350
+ fontSize: 12,
2351
+ fontWeight: '300',
2352
+ marginTop: 8,
2353
+ },
2354
+ ]}
2355
+ >
2356
+ Lịch dự kiến
2357
+ </MText>
2358
+ </TouchableOpacity>
2359
+ )}
2551
2360
  </View>
2552
- )}
2553
- </View>
2554
- ) : (
2555
- <Observer>
2556
- {() => (
2557
- <View>
2558
- <View
2361
+
2362
+ <View
2363
+ style={{
2364
+ flexDirection: 'row',
2365
+ alignItems: 'center',
2366
+ backgroundColor: '#FBEFE7',
2367
+ marginHorizontal: -16,
2368
+ paddingVertical: 8,
2369
+ marginTop: 16,
2370
+ borderBottomRightRadius: 8,
2371
+ borderBottomLeftRadius: 8,
2372
+ paddingHorizontal: 16,
2373
+ }}
2374
+ >
2375
+ <Info />
2376
+ <MText
2377
+ style={[
2378
+ {
2379
+ fontWeight: '300',
2380
+ fontSize: 10,
2381
+ fontStyle: 'italic',
2382
+ color: '#333333',
2383
+ marginLeft: 8,
2384
+ },
2385
+ ]}
2386
+ >
2387
+ {item?.suggestion
2388
+ ? item?.suggestion
2389
+ : 'Thực hiện đầy đủ các bước để giải ngân nhanh nhất'}
2390
+ </MText>
2391
+ </View>
2392
+ </View>
2393
+ ) : (
2394
+ <ImageBackground
2395
+ source={require('../../assets/img/bann.png')}
2396
+ style={{
2397
+ flex: 1,
2398
+ padding: 16,
2399
+ marginBottom: 16,
2400
+ }}
2401
+ resizeMode="cover"
2402
+ height={220}
2403
+ borderRadius={8}
2404
+ >
2405
+ <MText
2406
+ style={{
2407
+ color: '#333333',
2408
+ fontWeight: 'bold',
2409
+ fontSize: 12,
2410
+ }}
2411
+ >
2412
+ BẠN ĐỦ ĐIỀU KIỆN VAY TIÊU DÙNG{'\n'}
2413
+ THEO THÔNG TIN TÀI SẢN SỞ HỮU
2414
+ {'\n'}
2415
+ (XE MÁY/ Ô TÔ)
2416
+ </MText>
2417
+ <MText
2418
+ style={{
2419
+ marginTop: 12,
2420
+ fontSize: 24,
2421
+ fontWeight: 'bold',
2422
+ color: '#EF4123',
2423
+ }}
2424
+ >
2425
+ {formatMoney(item?.loanAmount)} VND
2426
+ </MText>
2427
+ <TouchableOpacity
2428
+ onPress={() => {
2429
+ checkTerm(item, () => {
2430
+ navigation.dispatch(
2431
+ StackActions.push(
2432
+ ScreenNames.CIMBxTima,
2433
+ {
2434
+ loan: item,
2435
+ }
2436
+ )
2437
+ );
2438
+ });
2439
+ }}
2440
+ >
2441
+ <LinearGradient
2442
+ colors={['#FF7A00', '#EF4123']}
2559
2443
  style={{
2560
- backgroundColor: '#FFFFFF',
2561
- paddingHorizontal: 16,
2562
- paddingTop: 16,
2563
- borderRadius: 8,
2564
- borderWidth: 0.5,
2565
- borderColor: '#E0E0E0',
2444
+ backgroundColor: '#F36D21cd ',
2445
+ marginTop: 12,
2446
+ alignItems: 'center',
2447
+ borderRadius: 30,
2448
+ paddingVertical: 10,
2449
+ width: '50%',
2566
2450
  }}
2567
2451
  >
2568
- <View
2569
- style={{
2570
- flexDirection: 'row',
2571
- alignItems: 'center',
2572
- }}
2573
- >
2574
- <Contract />
2575
- <View style={{ flex: 1, paddingLeft: 8 }}>
2576
- <MText
2577
- style={commonStyles.textNormalBold}
2578
- >
2579
- Đơn vay {item?.id}
2580
- </MText>
2581
- <MText style={commonStyles.textNormal}>
2582
- Số tiền vay (VND):{' '}
2583
- {item?.loanAmount
2584
- ? formatMoney(item?.loanAmount)
2585
- : 'Chưa xác định'}
2586
- </MText>
2587
- </View>
2588
- </View>
2589
- <View
2590
- style={{
2591
- height: 1,
2592
- backgroundColor: '#E0E0E0',
2593
- marginVertical: 16,
2452
+ <MText
2453
+ style={{
2454
+ color: '#FFFFFF',
2455
+ fontWeight: 'bold',
2456
+ }}
2457
+ >
2458
+ Hoàn thiện hồ sơ
2459
+ </MText>
2460
+ </LinearGradient>
2461
+ </TouchableOpacity>
2462
+ <View
2463
+ style={{
2464
+ flexDirection: 'row',
2465
+ alignItems: 'center',
2466
+ alignContent: 'center',
2467
+ marginTop: 16,
2468
+ }}
2469
+ >
2470
+ <MText
2471
+ style={{
2472
+ fontSize: 10,
2473
+ color: '#333333',
2474
+ }}
2475
+ >
2476
+ SẢN PHẨM VAY TIÊU DÙNG HỢP TÁC GIỮA{' '}
2477
+ </MText>
2478
+ <LogoSmall />
2479
+ <MText
2480
+ style={{
2481
+ fontSize: 12,
2482
+ color: '#333333',
2483
+ }}
2484
+ >
2485
+ {' '}
2486
+ VÀ{' '}
2487
+ </MText>
2488
+ <CIMBSmall />
2489
+ </View>
2490
+ </ImageBackground>
2491
+ )}
2492
+ </View>
2493
+ )}
2494
+ </View>
2495
+ ) : (
2496
+ <Observer>
2497
+ {() => (
2498
+ <View
2499
+ style={{
2500
+ backgroundColor: '#FFFFFF',
2501
+ paddingHorizontal: 16,
2502
+ borderRadius: 8,
2503
+ borderWidth: 0.5,
2504
+ borderColor: '#E0E0E0',
2505
+ marginBottom: 16,
2506
+ }}
2507
+ >
2508
+ <LinearGradient
2509
+ colors={['#FF8E4F', '#EF592E']}
2510
+ style={{
2511
+ borderTopLeftRadius: 8,
2512
+ borderTopRightRadius: 8,
2513
+ marginHorizontal: -16,
2514
+ }}
2515
+ >
2516
+ <View
2517
+ style={{
2518
+ flexDirection: 'row',
2519
+ justifyContent: 'space-between',
2520
+ alignItems: 'center',
2521
+ paddingHorizontal: 16,
2522
+ paddingVertical: 8,
2523
+ }}
2524
+ >
2525
+ <View
2526
+ style={{
2527
+ flexDirection: 'row',
2528
+ alignItems: 'center',
2529
+ gap: 8,
2530
+ }}
2531
+ >
2532
+ <IconMoney2 />
2533
+ <MText
2534
+ style={{
2535
+ fontSize: 12,
2536
+ color: 'white',
2537
+ }}
2538
+ >
2539
+ Số tiền đăng ký vay
2540
+ </MText>
2541
+ </View>
2542
+ <MText
2543
+ style={{
2544
+ fontSize: 12,
2545
+ color: 'white',
2546
+ fontWeight: 'bold',
2547
+ }}
2548
+ >
2549
+ {formatMoney(item?.loanAmount)} đ
2550
+ </MText>
2551
+ </View>
2552
+ </LinearGradient>
2553
+
2554
+ <View
2555
+ style={{
2556
+ flexDirection: 'row',
2557
+ justifyContent: 'space-between',
2558
+ alignItems: 'center',
2559
+ marginTop: 16,
2560
+ }}
2561
+ >
2562
+ <MText
2563
+ style={{
2564
+ fontSize: 12,
2565
+ color: '#878787',
2566
+ }}
2567
+ >
2568
+ Trạng thái
2569
+ </MText>
2570
+ <MText
2571
+ style={{
2572
+ fontSize: 12,
2573
+ color: '#333333',
2574
+ fontWeight: 'bold',
2575
+ }}
2576
+ >
2577
+ {item?.loanStatus ?? 'Chưa xác định'}
2578
+ </MText>
2579
+ </View>
2580
+ <View
2581
+ style={{
2582
+ height: 0.5,
2583
+ backgroundColor: '#E0E0E0',
2584
+ marginVertical: 16,
2585
+ }}
2586
+ />
2587
+ <View
2588
+ style={{
2589
+ flexDirection: 'row',
2590
+ gap: 24,
2591
+ }}
2592
+ >
2593
+ {!homeStore.checkEKYC[item?.id] && (
2594
+ <TouchableOpacity
2595
+ style={{ alignItems: 'center' }}
2596
+ onPress={() => {
2597
+ checkTerm(item, () => {
2598
+ navigation.dispatch(
2599
+ StackActions.push(
2600
+ ScreenNames.NationalID,
2601
+ {
2602
+ loan: item,
2603
+ reLoan: true,
2604
+ }
2605
+ )
2606
+ );
2607
+ });
2608
+ }}
2609
+ >
2610
+ <AddInfo />
2611
+ <MText
2612
+ style={[
2613
+ commonStyles.textNormal,
2614
+ {
2615
+ fontSize: 12,
2616
+ marginTop: 8,
2617
+ },
2618
+ ]}
2619
+ >
2620
+ EKYC
2621
+ </MText>
2622
+ </TouchableOpacity>
2623
+ )}
2624
+ {/* Cập nhật thông tin với đơn ô tô digital topup */}
2625
+ {item?.typeLoan === 4 && item?.productId === 8 ? (
2626
+ <>
2627
+ {item?.isUpdateInfoTopup && (
2628
+ <TouchableOpacity
2629
+ onPress={() => {
2630
+ navigation.dispatch(
2631
+ StackActions.push(
2632
+ ScreenNames.UpdateLoan,
2633
+ item
2634
+ )
2635
+ );
2594
2636
  }}
2595
- />
2596
- <View
2597
2637
  style={{
2598
- flexDirection: 'row',
2599
- justifyContent: 'space-between',
2600
2638
  alignItems: 'center',
2601
2639
  }}
2602
2640
  >
2603
- <MText style={commonStyles.textNormal}>
2604
- Trạng thái
2605
- </MText>
2641
+ <TopupSvg />
2606
2642
  <MText
2607
2643
  style={[
2608
- commonStyles.textNormalBold,
2609
- { color: '#F05123' },
2644
+ commonStyles.textNormal,
2645
+ {
2646
+ fontSize: 12,
2647
+ marginTop: 8,
2648
+ },
2610
2649
  ]}
2611
2650
  >
2612
- {item?.loanStatus}
2651
+ Cập nhật{'\n'}thông tin
2613
2652
  </MText>
2614
- </View>
2615
- <View
2616
- style={{
2617
- height: 0.5,
2618
- backgroundColor: '#E0E0E0',
2619
- marginVertical: 16,
2620
- }}
2621
- />
2622
- <View
2623
- style={{
2624
- flexDirection: 'row',
2625
- gap: 24,
2626
- }}
2627
- >
2628
- {!homeStore.checkEKYC[item?.id] && (
2629
- <TouchableOpacity
2630
- style={{ alignItems: 'center' }}
2631
- onPress={() => {
2632
- checkTerm(item, () => {
2633
- navigation.dispatch(
2634
- StackActions.push(
2635
- ScreenNames.NationalID,
2636
- {
2637
- loan: item,
2638
- reLoan: true,
2639
- }
2640
- )
2641
- );
2642
- });
2643
- }}
2644
- >
2645
- <AddInfo />
2646
- <MText
2647
- style={[
2648
- commonStyles.textNormal,
2649
- {
2650
- fontSize: 12,
2651
- fontWeight: '300',
2652
- marginTop: 8,
2653
- },
2654
- ]}
2655
- >
2656
- EKYC
2657
- </MText>
2658
- </TouchableOpacity>
2659
- )}
2660
- {/* Cập nhật thông tin với đơn ô tô digital topup */}
2661
- {item?.typeLoan === 4 &&
2662
- item?.productId === 8 ? (
2663
- <>
2664
- {item?.isUpdateInfoTopup && (
2665
- <TouchableOpacity
2666
- onPress={() => {
2667
- navigation.dispatch(
2668
- StackActions.push(
2669
- ScreenNames.UpdateLoan,
2670
- item
2671
- )
2672
- );
2673
- }}
2674
- style={{
2675
- alignItems: 'center',
2676
- }}
2677
- >
2678
- <TopupSvg />
2679
- <MText
2680
- style={[
2681
- commonStyles.textNormal,
2682
- {
2683
- fontSize: 12,
2684
- fontWeight: '300',
2685
- marginTop: 8,
2686
- },
2687
- ]}
2688
- >
2689
- Cập nhật{'\n'}thông tin
2690
- </MText>
2691
- </TouchableOpacity>
2692
- )}
2693
- </>
2694
- ) : (
2695
- <></>
2696
- )}
2653
+ </TouchableOpacity>
2654
+ )}
2655
+ </>
2656
+ ) : (
2657
+ <></>
2658
+ )}
2697
2659
 
2698
- {/* -------------------------------------------------- */}
2699
- {item?.isVideoDebt && (
2700
- <TouchableOpacity
2701
- style={{
2702
- alignItems: 'center',
2703
- }}
2704
- onPress={() => {
2705
- checkTerm(item, () => {
2706
- navigation.dispatch(
2707
- StackActions.push(
2708
- ScreenNames.Video,
2709
- {
2710
- loan: item,
2711
- }
2712
- )
2713
- );
2714
- });
2715
- }}
2716
- >
2717
- <IconVideo />
2718
- <MText
2719
- style={[
2720
- commonStyles.textNormal,
2721
- {
2722
- fontSize: 12,
2723
- fontWeight: '300',
2724
- marginTop: 8,
2725
- },
2726
- ]}
2727
- >
2728
- Quay video
2729
- </MText>
2730
- </TouchableOpacity>
2731
- )}
2732
- {item?.typeLoan === 4 &&
2733
- item?.productId === 8 ? (
2734
- <>
2735
- {!item?.isUpdateInfoTopup &&
2736
- homeStore.checkEKYC[item?.id] && (
2737
- <TouchableOpacity
2738
- style={{
2739
- alignItems: 'center',
2740
- }}
2741
- onPress={() => {
2742
- checkTerm(item, () => {
2743
- signLoan(item);
2744
- });
2745
- }}
2746
- >
2747
- <IconSign2 />
2748
- <MText
2749
- style={[
2750
- commonStyles.textNormal,
2751
- {
2752
- fontSize: 12,
2753
- fontWeight: '300',
2754
- marginTop: 8,
2755
- },
2756
- ]}
2757
- >
2758
- Ký HĐ
2759
- </MText>
2760
- </TouchableOpacity>
2761
- )}
2762
- </>
2763
- ) : (
2764
- <>
2765
- {homeStore.checkEKYC[item?.id] ? (
2766
- <TouchableOpacity
2767
- style={{
2768
- alignItems: 'center',
2769
- }}
2770
- onPress={() => {
2771
- checkTerm(item, () => {
2772
- signLoan(item);
2773
- });
2774
- }}
2775
- >
2776
- <IconSign2 />
2777
- <MText
2778
- style={[
2779
- commonStyles.textNormal,
2780
- {
2781
- fontSize: 12,
2782
- fontWeight: '300',
2783
- marginTop: 8,
2784
- },
2785
- ]}
2786
- >
2787
- Ký HĐ
2788
- </MText>
2789
- </TouchableOpacity>
2790
- ) : (
2791
- <View
2792
- style={{
2793
- alignItems: 'center',
2794
- }}
2795
- >
2796
- {/* <SignDisable />
2660
+ {/* -------------------------------------------------- */}
2661
+ {item?.isVideoDebt && (
2662
+ <TouchableOpacity
2663
+ style={{
2664
+ alignItems: 'center',
2665
+ }}
2666
+ onPress={() => {
2667
+ checkTerm(item, () => {
2668
+ navigation.dispatch(
2669
+ StackActions.push(ScreenNames.Video, {
2670
+ loan: item,
2671
+ })
2672
+ );
2673
+ });
2674
+ }}
2675
+ >
2676
+ <IconVideo />
2677
+ <MText
2678
+ style={[
2679
+ commonStyles.textNormal,
2680
+ {
2681
+ fontSize: 12,
2682
+ marginTop: 8,
2683
+ },
2684
+ ]}
2685
+ >
2686
+ Quay video
2687
+ </MText>
2688
+ </TouchableOpacity>
2689
+ )}
2690
+ {item?.typeLoan === 4 && item?.productId === 8 ? (
2691
+ <>
2692
+ {!item?.isUpdateInfoTopup &&
2693
+ homeStore.checkEKYC[item?.id] && (
2694
+ <TouchableOpacity
2695
+ style={{
2696
+ alignItems: 'center',
2697
+ }}
2698
+ onPress={() => {
2699
+ checkTerm(item, () => {
2700
+ signLoan(item);
2701
+ });
2702
+ }}
2703
+ >
2704
+ <IconSign2 />
2797
2705
  <MText
2798
2706
  style={[
2799
2707
  commonStyles.textNormal,
2800
2708
  {
2801
2709
  fontSize: 12,
2802
- fontWeight: '300',
2803
2710
  marginTop: 8,
2804
2711
  },
2805
2712
  ]}
2806
2713
  >
2807
2714
  Ký HĐ
2808
- </MText> */}
2809
- </View>
2810
- )}
2811
- </>
2812
- )}
2813
- {item?.typeLoan &&
2814
- item?.productId === 8 && (
2815
- <TouchableOpacity
2816
- onPress={() => {
2817
- navigation.push(
2818
- 'DigitalSchedulePayment',
2819
- item
2820
- );
2821
- }}
2822
- style={{
2823
- alignItems: 'center',
2824
- }}
2825
- >
2826
- <IconSchedule />
2827
- <MText
2828
- style={[
2829
- commonStyles.textNormal,
2830
- {
2831
- fontSize: 12,
2832
- fontWeight: '300',
2833
- marginTop: 8,
2834
- },
2835
- ]}
2836
- >
2837
- Lịch TT dự kiến
2838
- </MText>
2839
- </TouchableOpacity>
2840
- )}
2841
- </View>
2842
- <View
2715
+ </MText>
2716
+ </TouchableOpacity>
2717
+ )}
2718
+ </>
2719
+ ) : (
2720
+ <>
2721
+ {homeStore.checkEKYC[item?.id] ? (
2722
+ <TouchableOpacity
2843
2723
  style={{
2844
- flexDirection: 'row',
2845
2724
  alignItems: 'center',
2846
- backgroundColor: '#FBEFE7',
2847
- marginHorizontal: -16,
2848
- paddingVertical: 8,
2849
- marginTop: 16,
2850
- borderBottomRightRadius: 8,
2851
- borderBottomLeftRadius: 8,
2852
- paddingHorizontal: 16,
2725
+ }}
2726
+ onPress={() => {
2727
+ checkTerm(item, () => {
2728
+ signLoan(item);
2729
+ });
2853
2730
  }}
2854
2731
  >
2855
- <Info />
2732
+ <IconSign2 />
2856
2733
  <MText
2857
2734
  style={[
2735
+ commonStyles.textNormal,
2858
2736
  {
2859
- fontWeight: '300',
2860
2737
  fontSize: 12,
2861
- fontStyle: 'italic',
2862
- color: '#333333',
2863
- marginLeft: 8,
2738
+ marginTop: 8,
2739
+ textAlign: 'center',
2864
2740
  },
2865
2741
  ]}
2866
2742
  >
2867
- Thực hiện đầy đủ các bước để giải ngân
2868
- nhanh nhất
2743
+ Ký HĐ
2869
2744
  </MText>
2870
- </View>
2871
- </View>
2872
- </View>
2745
+ </TouchableOpacity>
2746
+ ) : (
2747
+ <></>
2748
+ )}
2749
+ </>
2873
2750
  )}
2874
- </Observer>
2875
- )}
2876
- </View>
2877
- )}
2878
- </View>
2879
- );
2880
- })}
2751
+ {item?.typeLoan && item?.productId === 8 && (
2752
+ <TouchableOpacity
2753
+ onPress={() => {
2754
+ navigation.push(
2755
+ 'DigitalSchedulePayment',
2756
+ item
2757
+ );
2758
+ }}
2759
+ style={{
2760
+ alignItems: 'center',
2761
+ }}
2762
+ >
2763
+ <IconSchedule />
2764
+ <MText
2765
+ style={[
2766
+ commonStyles.textNormal,
2767
+ {
2768
+ fontSize: 12,
2769
+ marginTop: 8,
2770
+ textAlign: 'center',
2771
+ },
2772
+ ]}
2773
+ >
2774
+ Lịch thanh toán{'\n'}dự kiến
2775
+ </MText>
2776
+ </TouchableOpacity>
2777
+ )}
2778
+ </View>
2779
+ <View
2780
+ style={{
2781
+ flexDirection: 'row',
2782
+ alignItems: 'center',
2783
+ backgroundColor: '#FBEFE7',
2784
+ marginHorizontal: -16,
2785
+ paddingVertical: 8,
2786
+ marginTop: 16,
2787
+ borderBottomRightRadius: 8,
2788
+ borderBottomLeftRadius: 8,
2789
+ paddingHorizontal: 16,
2790
+ }}
2791
+ >
2792
+ <Info />
2793
+ <MText
2794
+ style={[
2795
+ {
2796
+ fontWeight: '300',
2797
+ fontSize: 12,
2798
+ fontStyle: 'italic',
2799
+ color: '#333333',
2800
+ marginLeft: 8,
2801
+ },
2802
+ ]}
2803
+ >
2804
+ Thực hiện đầy đủ các bước để giải ngân nhanh
2805
+ nhất
2806
+ </MText>
2807
+ </View>
2808
+ </View>
2809
+ )}
2810
+ </Observer>
2811
+ )}
2812
+ </View>
2813
+ )}
2881
2814
  </View>
2882
- )}
2883
- </View>
2815
+ );
2816
+ })}
2884
2817
 
2885
2818
  <Observer>
2886
2819
  {() => (
2887
2820
  <View>
2888
- {homeStore.listLoan && homeStore.listLoan.length > 0 && (
2821
+ <MText
2822
+ style={{
2823
+ fontSize: 16,
2824
+ fontWeight: 'bold',
2825
+ marginBottom: 8,
2826
+ }}
2827
+ >
2828
+ Danh sách đơn đang vay
2829
+ </MText>
2830
+ {homeStore?.listLoan?.length === 0 && (
2889
2831
  <MText
2890
2832
  style={{
2891
- fontSize: 16,
2892
- fontWeight: 'bold',
2833
+ marginTop: 50,
2893
2834
  marginBottom: 16,
2894
- marginTop: 16,
2835
+ textAlign: 'center',
2895
2836
  }}
2896
2837
  >
2897
- Danh sách đơn đang vay
2838
+ Danh sách đơn trống
2898
2839
  </MText>
2899
2840
  )}
2900
2841
  {homeStore?.listLoan &&
@@ -2932,10 +2873,15 @@ export const Home = observer(function Home() {
2932
2873
  <ContractActive />
2933
2874
  <View style={{ flex: 1, paddingLeft: 8 }}>
2934
2875
  <MText style={commonStyles.textNormalBold}>
2935
- Đơn vay-{loan?.id}
2876
+ HD-{loan?.id}
2936
2877
  </MText>
2937
- <MText style={commonStyles.textNormal}>
2938
- Số tiền vay (VND): {formatMoney(loan?.loanAmount)}
2878
+ <MText
2879
+ style={{
2880
+ fontSize: 12,
2881
+ }}
2882
+ >
2883
+ Số tiền vay (VND): {formatMoney(loan?.loanAmount)}{' '}
2884
+ đ
2939
2885
  </MText>
2940
2886
  </View>
2941
2887
  </View>