react-native-timacare 1.0.5 → 1.0.7

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 (25) hide show
  1. package/lib/commonjs/screens/home/CIMBxTima.js +1 -1
  2. package/lib/commonjs/screens/home/CIMBxTima.js.flow +1 -1
  3. package/lib/commonjs/screens/home/CIMBxTima.js.map +1 -1
  4. package/lib/commonjs/screens/home/index.js +1 -1
  5. package/lib/commonjs/screens/home/index.js.flow +459 -613
  6. package/lib/commonjs/screens/home/index.js.map +1 -1
  7. package/lib/commonjs/screens/register/Store.js +1 -1
  8. package/lib/commonjs/screens/register/Store.js.flow +1 -1
  9. package/lib/commonjs/screens/sign-tima/ConfirmContract.js +1 -1
  10. package/lib/commonjs/screens/sign-tima/ConfirmContract.js.flow +1 -15
  11. package/lib/commonjs/screens/sign-tima/ConfirmContract.js.map +1 -1
  12. package/lib/module/screens/home/CIMBxTima.js +1 -1
  13. package/lib/module/screens/home/CIMBxTima.js.map +1 -1
  14. package/lib/module/screens/home/index.js +1 -1
  15. package/lib/module/screens/home/index.js.map +1 -1
  16. package/lib/module/screens/register/Store.js +1 -1
  17. package/lib/module/screens/sign-tima/ConfirmContract.js +1 -1
  18. package/lib/module/screens/sign-tima/ConfirmContract.js.map +1 -1
  19. package/lib/typescript/screens/home/index.d.ts.map +1 -1
  20. package/lib/typescript/screens/sign-tima/ConfirmContract.d.ts.map +1 -1
  21. package/package.json +1 -1
  22. package/src/screens/home/CIMBxTima.tsx +1 -1
  23. package/src/screens/home/index.tsx +459 -613
  24. package/src/screens/register/Store.tsx +1 -1
  25. package/src/screens/sign-tima/ConfirmContract.tsx +1 -15
package/src/screens/home/index.tsx CHANGED
@@ -95,26 +95,31 @@ export const Home = observer(function Home() {
95
95
  homeStore.getListLoanPending(
96
96
  async (res) => {
97
97
  setListLoan(res);
98
- Promise.all(
99
- res?.map(async (item) => {
100
- homeStore.getCheckEKYC({ loanBriefId: item.id }, (response) => {});
101
- if (item?.messageErrorCIMB && item.messageErrorCIMB !== '') {
102
- setLoanCimb(item);
103
- setTimeout(() => {
104
- setShowModal(true);
105
- }, 200);
106
- }
107
- if (item?.typeLoan === 4 && item?.isCimbApproveFull !== null) {
108
- const checkShow = await load(`SHOW_${item?.id}`);
109
- if (!checkShow || checkShow !== true) {
98
+ if (res) {
99
+ Promise.all(
100
+ res?.map(async (item) => {
101
+ homeStore.getCheckEKYC(
102
+ { loanBriefId: item.id },
103
+ (response) => {}
104
+ );
105
+ if (item?.messageErrorCIMB && item.messageErrorCIMB !== '') {
110
106
  setLoanCimb(item);
111
107
  setTimeout(() => {
112
- setShowModal2(true);
108
+ setShowModal(true);
113
109
  }, 200);
114
110
  }
115
- }
116
- })
117
- );
111
+ if (item?.typeLoan === 4 && item?.isCimbApproveFull !== null) {
112
+ const checkShow = await load(`SHOW_${item?.id}`);
113
+ if (!checkShow || checkShow !== true) {
114
+ setLoanCimb(item);
115
+ setTimeout(() => {
116
+ setShowModal2(true);
117
+ }, 200);
118
+ }
119
+ }
120
+ })
121
+ );
122
+ }
118
123
  setIsLoading(false);
119
124
  },
120
125
  () => {
@@ -371,10 +376,12 @@ export const Home = observer(function Home() {
371
376
  ) : (
372
377
  <View>
373
378
  {listLoan?.map((item, index) => (
374
- <View style={{ marginBottom: 14 }}>
379
+ <View style={{ marginBottom: 14 }} key={index}>
375
380
  <View>
381
+ {/* // luồng CIMB */}
376
382
  {item?.isPipelineCIMB ? (
377
383
  <View>
384
+ {/* // type 4 digital topup */}
378
385
  {item?.typeLoan === 4 ? (
379
386
  <View>
380
387
  <View
@@ -774,11 +781,11 @@ export const Home = observer(function Home() {
774
781
  )}
775
782
  </View>
776
783
  </View>
777
- ) : (
778
- <View>
779
- <View>
780
- {item?.loanStatus !== null &&
781
- item?.loanStatus !== '' ? (
784
+ ) : // type 2 tái vay
785
+ item?.typeLoan === 2 ? (
786
+ <Observer>
787
+ {() => (
788
+ <View>
782
789
  <View
783
790
  style={{
784
791
  backgroundColor: '#FFFFFF',
@@ -800,12 +807,12 @@ export const Home = observer(function Home() {
800
807
  <MText
801
808
  style={commonStyles.textNormalBold}
802
809
  >
803
- Mã Đơn vay-{item?.id}
810
+ Đơn vay {item?.id}
804
811
  </MText>
805
812
  <MText style={commonStyles.textNormal}>
806
813
  Số tiền vay (VND):{' '}
807
- {item?.loanAmountOffer
808
- ? formatMoney(item?.loanAmountOffer)
814
+ {item?.loanAmount
815
+ ? formatMoney(item?.loanAmount)
809
816
  : 'Chưa xác định'}
810
817
  </MText>
811
818
  </View>
@@ -835,442 +842,54 @@ export const Home = observer(function Home() {
835
842
  {item?.loanStatus}
836
843
  </MText>
837
844
  </View>
838
- <View
839
- style={{
840
- height: 0.5,
841
- backgroundColor: '#E0E0E0',
842
- marginVertical: 16,
843
- }}
844
- />
845
- <View style={{ flexDirection: 'row' }}>
846
- {item?.isUpdateLoan ||
847
- item?.isUpdateInformation ? (
848
- <TouchableOpacity
849
- style={{ alignItems: 'center' }}
850
- onPress={() => {
851
- if (item?.isUpdateLoan) {
852
- navigation.dispatch(
853
- StackActions.push(
854
- ScreenNames.CimbSelfie,
855
- {
856
- loan: item,
857
- }
858
- )
859
- );
860
- } else {
861
- navigation.dispatch(
862
- StackActions.push(
863
- ScreenNames.QuickSubmit,
864
- {
865
- loan: item,
866
- }
867
- )
868
- );
869
- }
870
- }}
871
- >
872
- <AddInfo />
873
- <MText
874
- style={[
875
- commonStyles.textNormal,
876
- {
877
- fontSize: 12,
878
- fontWeight: '300',
879
- marginTop: 8,
880
- textAlign: 'center',
881
- },
882
- ]}
883
- >
884
- Hoàn thiện{'\n'}cung cấp thông tin
885
- </MText>
886
- </TouchableOpacity>
887
- ) : (
888
- <View style={{ alignItems: 'center' }}>
889
- <AddInfoDisable />
890
- <MText
891
- style={[
892
- commonStyles.textNormal,
893
- {
894
- fontSize: 12,
895
- fontWeight: '300',
896
- marginTop: 8,
897
- textAlign: 'center',
898
- },
899
- ]}
900
- >
901
- Hoàn thiện{'\n'}cung cấp thông tin
902
- </MText>
903
- </View>
904
- )}
905
- {item?.isSignContract && (
906
- <TouchableOpacity
907
- style={{
908
- alignItems: 'center',
909
- marginLeft: 20,
910
- }}
911
- onPress={() => {
912
- if (item?.urlSignContract) {
913
- navigation.dispatch(
914
- StackActions.push(
915
- ScreenNames.CIMBSign,
916
- {
917
- url: item?.urlSignContract,
918
- }
919
- )
920
- );
921
- } else {
922
- Alert.alert(
923
- 'Thông báo',
924
- 'Bạn chưa thể ký hợp đồng bây giờ?'
925
- );
926
- }
927
- }}
928
- >
929
- <IconSign2 />
930
- <MText
931
- style={[
932
- commonStyles.textNormal,
933
- {
934
- fontSize: 12,
935
- fontWeight: '300',
936
- marginTop: 8,
937
- },
938
- ]}
939
- >
940
- Ký hợp đồng
941
- </MText>
942
- </TouchableOpacity>
943
- )}
944
- {item?.isSignContractTima && (
945
- <TouchableOpacity
946
- style={{
947
- alignItems: 'center',
948
- marginLeft: 20,
949
- }}
950
- onPress={() => {
951
- navigation.dispatch(
952
- StackActions.push(
953
- ScreenNames.ViewContract,
954
- {
955
- loan: item,
956
- }
957
- )
958
- );
959
- }}
960
- >
961
- <ContractTimeIcon />
962
- <MText
963
- style={[
964
- commonStyles.textNormal,
965
- {
966
- fontSize: 12,
967
- fontWeight: '300',
968
- marginTop: 8,
969
- textAlign: 'center',
970
- },
971
- ]}
972
- >
973
- Hợp đồng{'\n'}dịch vụ
974
- </MText>
975
- </TouchableOpacity>
976
- )}
977
- {item?.paymentEvidenceUrl && (
978
- <TouchableOpacity
845
+ {/* // cho phép update thông tin */}
846
+ {item?.isUpdateLoanReBorrow ? (
847
+ <TouchableOpacity
848
+ style={{ marginTop: 14 }}
849
+ onPress={() => {
850
+ navigation.push(
851
+ 'DigitalLending',
852
+ item
853
+ );
854
+ }}
855
+ >
856
+ <LinearGradient
979
857
  style={{
858
+ height: 36,
859
+ borderRadius: 30,
860
+ paddingHorizontal: 20,
861
+ flexDirection: 'row',
980
862
  alignItems: 'center',
981
- marginLeft: 20,
982
- }}
983
- onPress={() => {
984
- navigation.dispatch(
985
- StackActions.push(
986
- ScreenNames.PaymentEvidence,
987
- {
988
- url: item?.paymentEvidenceUrl,
989
- }
990
- )
991
- );
992
863
  }}
864
+ colors={['#FF8E4F', '#EF592E']}
993
865
  >
994
- <IconEviden />
866
+ <UpdateIcon />
995
867
  <MText
996
- style={[
997
- commonStyles.textNormal,
998
- {
999
- fontSize: 12,
1000
- fontWeight: '300',
1001
- marginTop: 8,
1002
- textAlign: 'center',
1003
- },
1004
- ]}
868
+ style={{
869
+ color: 'white',
870
+ marginLeft: 10,
871
+ }}
1005
872
  >
1006
- Mục đích {'\n'}sử dụng
873
+ Hoàn thiện hồ sơ
1007
874
  </MText>
1008
- </TouchableOpacity>
1009
- )}
1010
- {item?.showPaymentPlan && (
1011
- <TouchableOpacity
875
+ </LinearGradient>
876
+ </TouchableOpacity>
877
+ ) : (
878
+ <View>
879
+ <View
1012
880
  style={{
1013
- alignItems: 'center',
1014
- marginLeft: 20,
1015
- }}
1016
- onPress={() => {
1017
- navigation.dispatch(
1018
- StackActions.push(
1019
- ScreenNames.SchedulePayment,
1020
- {
1021
- loan: item,
1022
- }
1023
- )
1024
- );
1025
- }}
1026
- >
1027
- <IconSchedule />
1028
- <MText
1029
- style={[
1030
- commonStyles.textNormal,
1031
- {
1032
- fontSize: 12,
1033
- fontWeight: '300',
1034
- marginTop: 8,
1035
- },
1036
- ]}
1037
- >
1038
- Lịch dự kiến
1039
- </MText>
1040
- </TouchableOpacity>
1041
- )}
1042
- </View>
1043
-
1044
- <View
1045
- style={{
1046
- flexDirection: 'row',
1047
- alignItems: 'center',
1048
- backgroundColor: '#FBEFE7',
1049
- marginHorizontal: -16,
1050
- paddingVertical: 8,
1051
- marginTop: 16,
1052
- borderBottomRightRadius: 8,
1053
- borderBottomLeftRadius: 8,
1054
- paddingHorizontal: 16,
1055
- }}
1056
- >
1057
- <Info />
1058
- <MText
1059
- style={[
1060
- {
1061
- fontWeight: '300',
1062
- fontSize: 10,
1063
- fontStyle: 'italic',
1064
- color: '#333333',
1065
- marginLeft: 8,
1066
- },
1067
- ]}
1068
- >
1069
- {item?.suggestion
1070
- ? item?.suggestion
1071
- : 'Thực hiện đầy đủ các bước để giải ngân nhanh nhất'}
1072
- </MText>
1073
- </View>
1074
- </View>
1075
- ) : (
1076
- <ImageBackground
1077
- source={require('../../assets/img/bann.png')}
1078
- style={{ flex: 1, padding: 16 }}
1079
- resizeMode="cover"
1080
- height={220}
1081
- borderRadius={8}
1082
- >
1083
- <MText
1084
- style={{
1085
- color: '#333333',
1086
- fontWeight: 'bold',
1087
- fontSize: 12,
1088
- }}
1089
- >
1090
- BẠN ĐỦ ĐIỀU KIỆN VAY TIÊU DÙNG{'\n'}THEO
1091
- THÔNG TIN TÀI SẢN SỞ HỮU
1092
- {'\n'}
1093
- (XE MÁY/ Ô TÔ)
1094
- </MText>
1095
- <MText
1096
- style={{
1097
- marginTop: 12,
1098
- fontSize: 24,
1099
- fontWeight: 'bold',
1100
- color: '#EF4123',
1101
- }}
1102
- >
1103
- {formatMoney(item?.loanAmount)} VND
1104
- </MText>
1105
- <TouchableOpacity
1106
- onPress={() => {
1107
- navigation.dispatch(
1108
- StackActions.push(
1109
- ScreenNames.CIMBxTima,
1110
- {
1111
- loan: item,
1112
- }
1113
- )
1114
- );
1115
- }}
1116
- >
1117
- <LinearGradient
1118
- colors={['#FF7A00', '#EF4123']}
1119
- style={{
1120
- backgroundColor: '#F36D21cd ',
1121
- marginTop: 12,
1122
- alignItems: 'center',
1123
- borderRadius: 30,
1124
- paddingVertical: 10,
1125
- width: '50%',
1126
- }}
1127
- >
1128
- <MText
1129
- style={{
1130
- color: '#FFFFFF',
1131
- fontWeight: 'bold',
1132
- }}
1133
- >
1134
- Hoàn thiện hồ sơ
1135
- </MText>
1136
- </LinearGradient>
1137
- </TouchableOpacity>
1138
- <View
1139
- style={{
1140
- flexDirection: 'row',
1141
- alignItems: 'center',
1142
- alignContent: 'center',
1143
- marginTop: 16,
1144
- }}
1145
- >
1146
- <MText
1147
- style={{
1148
- fontSize: 10,
1149
- color: '#333333',
1150
- }}
1151
- >
1152
- SẢN PHẨM VAY TIÊU DÙNG HỢP TÁC GIỮA{' '}
1153
- </MText>
1154
- <LogoSmall />
1155
- <MText
1156
- style={{
1157
- fontSize: 12,
1158
- color: '#333333',
1159
- }}
1160
- >
1161
- {' '}
1162
- VÀ{' '}
1163
- </MText>
1164
- <CIMBSmall />
1165
- </View>
1166
- </ImageBackground>
1167
- )}
1168
- </View>
1169
- </View>
1170
- )}
1171
- </View>
1172
- ) : item?.typeLoan === 2 ? (
1173
- <Observer>
1174
- {() => (
1175
- <View>
1176
- <View
1177
- style={{
1178
- backgroundColor: '#FFFFFF',
1179
- paddingHorizontal: 16,
1180
- paddingTop: 16,
1181
- borderRadius: 8,
1182
- borderWidth: 0.5,
1183
- borderColor: '#E0E0E0',
1184
- }}
1185
- >
1186
- <View
1187
- style={{
1188
- flexDirection: 'row',
1189
- alignItems: 'center',
1190
- }}
1191
- >
1192
- <Contract />
1193
- <View style={{ flex: 1, paddingLeft: 8 }}>
1194
- <MText style={commonStyles.textNormalBold}>
1195
- Đơn vay {item?.id}
1196
- </MText>
1197
- <MText style={commonStyles.textNormal}>
1198
- Số tiền vay (VND):{' '}
1199
- {item?.loanAmount
1200
- ? formatMoney(item?.loanAmount)
1201
- : 'Chưa xác định'}
1202
- </MText>
1203
- </View>
1204
- </View>
1205
- <View
1206
- style={{
1207
- height: 1,
1208
- backgroundColor: '#E0E0E0',
1209
- marginVertical: 16,
1210
- }}
1211
- />
1212
- <View
1213
- style={{
1214
- flexDirection: 'row',
1215
- justifyContent: 'space-between',
1216
- }}
1217
- >
1218
- <MText style={commonStyles.textNormal}>
1219
- Trạng thái
1220
- </MText>
1221
- <MText
1222
- style={[
1223
- commonStyles.textNormalBold,
1224
- { color: '#F05123' },
1225
- ]}
1226
- >
1227
- {item?.loanStatus}
1228
- </MText>
1229
- </View>
1230
- {item?.isUpdateLoanReBorrow ? (
1231
- <TouchableOpacity
1232
- style={{ marginTop: 14 }}
1233
- onPress={() => {
1234
- navigation.push('DigitalLending', item);
1235
- }}
1236
- >
1237
- <LinearGradient
1238
- style={{
1239
- height: 36,
1240
- borderRadius: 30,
1241
- paddingHorizontal: 20,
1242
- flexDirection: 'row',
1243
- alignItems: 'center',
1244
- }}
1245
- colors={['#FF8E4F', '#EF592E']}
1246
- >
1247
- <UpdateIcon />
1248
- <MText
1249
- style={{
1250
- color: 'white',
1251
- marginLeft: 10,
1252
- }}
1253
- >
1254
- Hoàn thiện hồ sơ
1255
- </MText>
1256
- </LinearGradient>
1257
- </TouchableOpacity>
1258
- ) : (
1259
- <View>
1260
- {item?.isPipelineCIMB ? (
1261
- <View>
1262
- <View
1263
- style={{
1264
- height: 0.5,
1265
- backgroundColor: '#E0E0E0',
1266
- marginVertical: 16,
881
+ height: 0.5,
882
+ backgroundColor: '#E0E0E0',
883
+ marginVertical: 16,
1267
884
  }}
1268
885
  />
1269
886
  <View style={{ flexDirection: 'row' }}>
1270
887
  {item?.loanStatus === null ||
1271
888
  item?.loanStatus === '' ? (
1272
889
  <MButton
1273
- style={{ alignItems: 'center' }}
890
+ style={{
891
+ alignItems: 'center',
892
+ }}
1274
893
  onPress={() => {
1275
894
  navigation.dispatch(
1276
895
  StackActions.push(
@@ -1621,180 +1240,407 @@ export const Home = observer(function Home() {
1621
1240
  </View>
1622
1241
  )}
1623
1242
  </View>
1624
- ) : (
1625
- <View>
1626
- <View
1627
- style={{
1628
- height: 0.5,
1629
- backgroundColor: '#E0E0E0',
1630
- marginVertical: 16,
1631
- }}
1632
- />
1633
- <View style={{ flexDirection: 'row' }}>
1634
- {!homeStore.checkEKYC[item?.id] ? (
1635
- <TouchableOpacity
1636
- style={{ alignItems: 'center' }}
1637
- onPress={() => {
1638
- navigation.dispatch(
1639
- StackActions.push(
1640
- ScreenNames.NationalID,
1641
- {
1642
- loan: item,
1643
- reLoan: true,
1644
- }
1645
- )
1646
- );
1647
- }}
1648
- >
1649
- <AddInfo />
1650
- <MText
1651
- style={[
1652
- commonStyles.textNormal,
1653
- {
1654
- fontSize: 12,
1655
- fontWeight: '300',
1656
- marginTop: 8,
1657
- },
1658
- ]}
1659
- >
1660
- EKYC
1661
- </MText>
1662
- </TouchableOpacity>
1663
- ) : (
1664
- <View
1665
- style={{ alignItems: 'center' }}
1666
- >
1667
- <AddInfoDisable />
1668
- <MText
1669
- style={[
1670
- commonStyles.textNormal,
1671
- {
1672
- fontSize: 12,
1673
- fontWeight: '300',
1674
- marginTop: 8,
1675
- },
1676
- ]}
1677
- >
1678
- EKYC
1679
- </MText>
1680
- </View>
1681
- )}
1682
-
1683
- <TouchableOpacity
1684
- style={{
1685
- alignItems: 'center',
1686
- marginLeft: 20,
1687
- }}
1688
- onPress={() => {
1689
- navigation.dispatch(
1690
- StackActions.push(
1691
- ScreenNames.Video,
1692
- {
1693
- loan: item,
1694
- }
1695
- )
1696
- );
1697
- }}
1698
- >
1699
- <IconVideo />
1700
- <MText
1701
- style={[
1702
- commonStyles.textNormal,
1703
- {
1704
- fontSize: 12,
1705
- fontWeight: '300',
1706
- marginTop: 8,
1707
- },
1708
- ]}
1709
- >
1710
- Quay video
1711
- </MText>
1712
- </TouchableOpacity>
1713
-
1714
- {homeStore.checkEKYC[item?.id] ? (
1715
- <TouchableOpacity
1716
- style={{
1717
- alignItems: 'center',
1718
- marginLeft: 20,
1719
- }}
1720
- onPress={() => {
1721
- signLoan(item);
1722
- }}
1723
- >
1724
- <IconSign2 />
1725
- <MText
1726
- style={[
1727
- commonStyles.textNormal,
1243
+ )}
1244
+ </View>
1245
+ </View>
1246
+ )}
1247
+ </Observer>
1248
+ ) : (
1249
+ // cimb thường
1250
+ <View>
1251
+ <View>
1252
+ {item?.loanStatus !== null &&
1253
+ item?.loanStatus !== '' ? (
1254
+ <View
1255
+ style={{
1256
+ backgroundColor: '#FFFFFF',
1257
+ paddingHorizontal: 16,
1258
+ paddingTop: 16,
1259
+ borderRadius: 8,
1260
+ borderWidth: 0.5,
1261
+ borderColor: '#E0E0E0',
1262
+ }}
1263
+ >
1264
+ <View
1265
+ style={{
1266
+ flexDirection: 'row',
1267
+ alignItems: 'center',
1268
+ }}
1269
+ >
1270
+ <Contract />
1271
+ <View style={{ flex: 1, paddingLeft: 8 }}>
1272
+ <MText
1273
+ style={commonStyles.textNormalBold}
1274
+ >
1275
+ Mã Đơn vay-{item?.id}
1276
+ </MText>
1277
+ <MText style={commonStyles.textNormal}>
1278
+ Số tiền vay (VND):{' '}
1279
+ {item?.loanAmountOffer
1280
+ ? formatMoney(item?.loanAmountOffer)
1281
+ : 'Chưa xác định'}
1282
+ </MText>
1283
+ </View>
1284
+ </View>
1285
+ <View
1286
+ style={{
1287
+ height: 1,
1288
+ backgroundColor: '#E0E0E0',
1289
+ marginVertical: 16,
1290
+ }}
1291
+ />
1292
+ <View
1293
+ style={{
1294
+ flexDirection: 'row',
1295
+ justifyContent: 'space-between',
1296
+ }}
1297
+ >
1298
+ <MText style={commonStyles.textNormal}>
1299
+ Trạng thái
1300
+ </MText>
1301
+ <MText
1302
+ style={[
1303
+ commonStyles.textNormalBold,
1304
+ { color: '#F05123' },
1305
+ ]}
1306
+ >
1307
+ {item?.loanStatus}
1308
+ </MText>
1309
+ </View>
1310
+ <View
1311
+ style={{
1312
+ height: 0.5,
1313
+ backgroundColor: '#E0E0E0',
1314
+ marginVertical: 16,
1315
+ }}
1316
+ />
1317
+ <View style={{ flexDirection: 'row' }}>
1318
+ {item?.isUpdateLoan ||
1319
+ item?.isUpdateInformation ? (
1320
+ <TouchableOpacity
1321
+ style={{ alignItems: 'center' }}
1322
+ onPress={() => {
1323
+ if (item?.isUpdateLoan) {
1324
+ navigation.dispatch(
1325
+ StackActions.push(
1326
+ ScreenNames.CimbSelfie,
1728
1327
  {
1729
- fontSize: 12,
1730
- fontWeight: '300',
1731
- marginTop: 8,
1732
- },
1733
- ]}
1734
- >
1735
- Ký HĐ
1736
- </MText>
1737
- </TouchableOpacity>
1738
- ) : (
1739
- <View
1740
- style={{
1741
- alignItems: 'center',
1742
- marginLeft: 20,
1743
- }}
1744
- >
1745
- <SignDisable />
1746
- <MText
1747
- style={[
1748
- commonStyles.textNormal,
1328
+ loan: item,
1329
+ }
1330
+ )
1331
+ );
1332
+ } else {
1333
+ navigation.dispatch(
1334
+ StackActions.push(
1335
+ ScreenNames.QuickSubmit,
1749
1336
  {
1750
- fontSize: 12,
1751
- fontWeight: '300',
1752
- marginTop: 8,
1753
- },
1754
- ]}
1755
- >
1756
- Ký HĐ
1757
- </MText>
1758
- </View>
1759
- )}
1337
+ loan: item,
1338
+ }
1339
+ )
1340
+ );
1341
+ }
1342
+ }}
1343
+ >
1344
+ <AddInfo />
1345
+ <MText
1346
+ style={[
1347
+ commonStyles.textNormal,
1348
+ {
1349
+ fontSize: 12,
1350
+ fontWeight: '300',
1351
+ marginTop: 8,
1352
+ textAlign: 'center',
1353
+ },
1354
+ ]}
1355
+ >
1356
+ Hoàn thiện{'\n'}cung cấp thông tin
1357
+ </MText>
1358
+ </TouchableOpacity>
1359
+ ) : (
1360
+ <View style={{ alignItems: 'center' }}>
1361
+ <AddInfoDisable />
1362
+ <MText
1363
+ style={[
1364
+ commonStyles.textNormal,
1365
+ {
1366
+ fontSize: 12,
1367
+ fontWeight: '300',
1368
+ marginTop: 8,
1369
+ textAlign: 'center',
1370
+ },
1371
+ ]}
1372
+ >
1373
+ Hoàn thiện{'\n'}cung cấp thông tin
1374
+ </MText>
1760
1375
  </View>
1761
- </View>
1762
- )}
1376
+ )}
1377
+ {item?.isSignContract && (
1378
+ <TouchableOpacity
1379
+ style={{
1380
+ alignItems: 'center',
1381
+ marginLeft: 20,
1382
+ }}
1383
+ onPress={() => {
1384
+ if (item?.urlSignContract) {
1385
+ navigation.dispatch(
1386
+ StackActions.push(
1387
+ ScreenNames.CIMBSign,
1388
+ {
1389
+ url: item?.urlSignContract,
1390
+ }
1391
+ )
1392
+ );
1393
+ } else {
1394
+ Alert.alert(
1395
+ 'Thông báo',
1396
+ 'Bạn chưa thể ký hợp đồng bây giờ?'
1397
+ );
1398
+ }
1399
+ }}
1400
+ >
1401
+ <IconSign2 />
1402
+ <MText
1403
+ style={[
1404
+ commonStyles.textNormal,
1405
+ {
1406
+ fontSize: 12,
1407
+ fontWeight: '300',
1408
+ marginTop: 8,
1409
+ },
1410
+ ]}
1411
+ >
1412
+ Ký hợp đồng
1413
+ </MText>
1414
+ </TouchableOpacity>
1415
+ )}
1416
+ {item?.isSignContractTima && (
1417
+ <TouchableOpacity
1418
+ style={{
1419
+ alignItems: 'center',
1420
+ marginLeft: 20,
1421
+ }}
1422
+ onPress={() => {
1423
+ navigation.dispatch(
1424
+ StackActions.push(
1425
+ ScreenNames.ViewContract,
1426
+ {
1427
+ loan: item,
1428
+ }
1429
+ )
1430
+ );
1431
+ }}
1432
+ >
1433
+ <ContractTimeIcon />
1434
+ <MText
1435
+ style={[
1436
+ commonStyles.textNormal,
1437
+ {
1438
+ fontSize: 12,
1439
+ fontWeight: '300',
1440
+ marginTop: 8,
1441
+ textAlign: 'center',
1442
+ },
1443
+ ]}
1444
+ >
1445
+ Hợp đồng{'\n'}dịch vụ
1446
+ </MText>
1447
+ </TouchableOpacity>
1448
+ )}
1449
+ {item?.paymentEvidenceUrl && (
1450
+ <TouchableOpacity
1451
+ style={{
1452
+ alignItems: 'center',
1453
+ marginLeft: 20,
1454
+ }}
1455
+ onPress={() => {
1456
+ navigation.dispatch(
1457
+ StackActions.push(
1458
+ ScreenNames.PaymentEvidence,
1459
+ {
1460
+ url: item?.paymentEvidenceUrl,
1461
+ }
1462
+ )
1463
+ );
1464
+ }}
1465
+ >
1466
+ <IconEviden />
1467
+ <MText
1468
+ style={[
1469
+ commonStyles.textNormal,
1470
+ {
1471
+ fontSize: 12,
1472
+ fontWeight: '300',
1473
+ marginTop: 8,
1474
+ textAlign: 'center',
1475
+ },
1476
+ ]}
1477
+ >
1478
+ Mục đích {'\n'}sử dụng
1479
+ </MText>
1480
+ </TouchableOpacity>
1481
+ )}
1482
+ {item?.showPaymentPlan && (
1483
+ <TouchableOpacity
1484
+ style={{
1485
+ alignItems: 'center',
1486
+ marginLeft: 20,
1487
+ }}
1488
+ onPress={() => {
1489
+ navigation.dispatch(
1490
+ StackActions.push(
1491
+ ScreenNames.SchedulePayment,
1492
+ {
1493
+ loan: item,
1494
+ }
1495
+ )
1496
+ );
1497
+ }}
1498
+ >
1499
+ <IconSchedule />
1500
+ <MText
1501
+ style={[
1502
+ commonStyles.textNormal,
1503
+ {
1504
+ fontSize: 12,
1505
+ fontWeight: '300',
1506
+ marginTop: 8,
1507
+ },
1508
+ ]}
1509
+ >
1510
+ Lịch dự kiến
1511
+ </MText>
1512
+ </TouchableOpacity>
1513
+ )}
1514
+ </View>
1515
+
1516
+ <View
1517
+ style={{
1518
+ flexDirection: 'row',
1519
+ alignItems: 'center',
1520
+ backgroundColor: '#FBEFE7',
1521
+ marginHorizontal: -16,
1522
+ paddingVertical: 8,
1523
+ marginTop: 16,
1524
+ borderBottomRightRadius: 8,
1525
+ borderBottomLeftRadius: 8,
1526
+ paddingHorizontal: 16,
1527
+ }}
1528
+ >
1529
+ <Info />
1530
+ <MText
1531
+ style={[
1532
+ {
1533
+ fontWeight: '300',
1534
+ fontSize: 10,
1535
+ fontStyle: 'italic',
1536
+ color: '#333333',
1537
+ marginLeft: 8,
1538
+ },
1539
+ ]}
1540
+ >
1541
+ {item?.suggestion
1542
+ ? item?.suggestion
1543
+ : 'Thực hiện đầy đủ các bước để giải ngân nhanh nhất'}
1544
+ </MText>
1545
+ </View>
1763
1546
  </View>
1764
- )}
1765
- <View
1766
- style={{
1767
- flexDirection: 'row',
1768
- alignItems: 'center',
1769
- backgroundColor: '#FBEFE7',
1770
- marginHorizontal: -16,
1771
- paddingVertical: 8,
1772
- marginTop: 16,
1773
- borderBottomRightRadius: 8,
1774
- borderBottomLeftRadius: 8,
1775
- paddingHorizontal: 16,
1776
- }}
1777
- >
1778
- <Info />
1779
- <MText
1780
- style={[
1781
- {
1782
- fontWeight: '300',
1783
- fontSize: 12,
1784
- fontStyle: 'italic',
1785
- color: '#333333',
1786
- marginLeft: 8,
1787
- },
1788
- ]}
1547
+ ) : (
1548
+ <ImageBackground
1549
+ source={require('../../assets/img/bann.png')}
1550
+ style={{ flex: 1, padding: 16 }}
1551
+ resizeMode="cover"
1552
+ height={220}
1553
+ borderRadius={8}
1789
1554
  >
1790
- Thực hiện đầy đủ các bước để giải ngân nhanh
1791
- nhất
1792
- </MText>
1793
- </View>
1555
+ <MText
1556
+ style={{
1557
+ color: '#333333',
1558
+ fontWeight: 'bold',
1559
+ fontSize: 12,
1560
+ }}
1561
+ >
1562
+ BẠN ĐỦ ĐIỀU KIỆN VAY TIÊU DÙNG{'\n'}THEO
1563
+ THÔNG TIN TÀI SẢN SỞ HỮU
1564
+ {'\n'}
1565
+ (XE MÁY/ Ô TÔ)
1566
+ </MText>
1567
+ <MText
1568
+ style={{
1569
+ marginTop: 12,
1570
+ fontSize: 24,
1571
+ fontWeight: 'bold',
1572
+ color: '#EF4123',
1573
+ }}
1574
+ >
1575
+ {formatMoney(item?.loanAmount)} VND
1576
+ </MText>
1577
+ <TouchableOpacity
1578
+ onPress={() => {
1579
+ navigation.dispatch(
1580
+ StackActions.push(
1581
+ ScreenNames.CIMBxTima,
1582
+ {
1583
+ loan: item,
1584
+ }
1585
+ )
1586
+ );
1587
+ }}
1588
+ >
1589
+ <LinearGradient
1590
+ colors={['#FF7A00', '#EF4123']}
1591
+ style={{
1592
+ backgroundColor: '#F36D21cd ',
1593
+ marginTop: 12,
1594
+ alignItems: 'center',
1595
+ borderRadius: 30,
1596
+ paddingVertical: 10,
1597
+ width: '50%',
1598
+ }}
1599
+ >
1600
+ <MText
1601
+ style={{
1602
+ color: '#FFFFFF',
1603
+ fontWeight: 'bold',
1604
+ }}
1605
+ >
1606
+ Hoàn thiện hồ sơ
1607
+ </MText>
1608
+ </LinearGradient>
1609
+ </TouchableOpacity>
1610
+ <View
1611
+ style={{
1612
+ flexDirection: 'row',
1613
+ alignItems: 'center',
1614
+ alignContent: 'center',
1615
+ marginTop: 16,
1616
+ }}
1617
+ >
1618
+ <MText
1619
+ style={{
1620
+ fontSize: 10,
1621
+ color: '#333333',
1622
+ }}
1623
+ >
1624
+ SẢN PHẨM VAY TIÊU DÙNG HỢP TÁC GIỮA{' '}
1625
+ </MText>
1626
+ <LogoSmall />
1627
+ <MText
1628
+ style={{
1629
+ fontSize: 12,
1630
+ color: '#333333',
1631
+ }}
1632
+ >
1633
+ {' '}
1634
+ VÀ{' '}
1635
+ </MText>
1636
+ <CIMBSmall />
1637
+ </View>
1638
+ </ImageBackground>
1639
+ )}
1794
1640
  </View>
1795
1641
  </View>
1796
1642
  )}
1797
- </Observer>
1643
+ </View>
1798
1644
  ) : (
1799
1645
  <Observer>
1800
1646
  {() => (