react-native-timacare 1.0.0 → 1.0.2

package/lib/commonjs/screens/home/index.js.flow

@@ -1168,6 +1168,473 @@ export const Home = observer(function Home() {
                             </View>
                           )}
                         </View>
+                      ) : item?.typeLoan === 2 ? (
+                        <Observer>
+                          {() => (
+                            <View>
+                              <View
+                                style={{
+                                  backgroundColor: '#FFFFFF',
+                                  paddingHorizontal: 16,
+                                  paddingTop: 16,
+                                  borderRadius: 8,
+                                  borderWidth: 0.5,
+                                  borderColor: '#E0E0E0',
+                                }}
+                              >
+                                <View
+                                  style={{
+                                    flexDirection: 'row',
+                                    alignItems: 'center',
+                                  }}
+                                >
+                                  <Contract />
+                                  <View style={{ flex: 1, paddingLeft: 8 }}>
+                                    <MText style={commonStyles.textNormalBold}>
+                                      Đơn vay {item?.id}
+                                    </MText>
+                                    <MText style={commonStyles.textNormal}>
+                                      Số tiền vay (VND):{' '}
+                                      {item?.loanAmount
+                                        ? formatMoney(item?.loanAmount)
+                                        : 'Chưa xác định'}
+                                    </MText>
+                                  </View>
+                                </View>
+                                <View
+                                  style={{
+                                    height: 1,
+                                    backgroundColor: '#E0E0E0',
+                                    marginVertical: 16,
+                                  }}
+                                />
+                                <View
+                                  style={{
+                                    flexDirection: 'row',
+                                    justifyContent: 'space-between',
+                                  }}
+                                >
+                                  <MText style={commonStyles.textNormal}>
+                                    Trạng thái
+                                  </MText>
+                                  <MText
+                                    style={[
+                                      commonStyles.textNormalBold,
+                                      { color: '#F05123' },
+                                    ]}
+                                  >
+                                    {item?.loanStatus}
+                                  </MText>
+                                </View>
+                                {item?.isUpdateLoanReBorrow ? (
+                                  <TouchableOpacity
+                                    style={{ marginTop: 14 }}
+                                    onPress={() => {
+                                      navigation.push('DigitalLending', item);
+                                    }}
+                                  >
+                                    <LinearGradient
+                                      style={{
+                                        height: 36,
+                                        justifyContent: 'center',
+                                        borderRadius: 30,
+                                        paddingHorizontal: 20,
+                                      }}
+                                      colors={['#FF8E4F', '#EF592E']}
+                                    >
+                                      <MText style={{ color: 'white' }}>
+                                        Hoàn thiện hồ sơ
+                                      </MText>
+                                    </LinearGradient>
+                                  </TouchableOpacity>
+                                ) : (
+                                  <View>
+                                    {item?.isPipelineCIMB ? (
+                                      <View>
+                                        <View
+                                          style={{
+                                            height: 0.5,
+                                            backgroundColor: '#E0E0E0',
+                                            marginVertical: 16,
+                                          }}
+                                        />
+                                        <View style={{ flexDirection: 'row' }}>
+                                          {item?.isUpdateLoan ||
+                                          item?.isUpdateInformation ? (
+                                            <TouchableOpacity
+                                              style={{ alignItems: 'center' }}
+                                              onPress={() => {
+                                                if (item?.isUpdateLoan) {
+                                                  navigation.dispatch(
+                                                    StackActions.push(
+                                                      ScreenNames.CimbSelfie,
+                                                      {
+                                                        loan: item,
+                                                      }
+                                                    )
+                                                  );
+                                                } else {
+                                                  navigation.dispatch(
+                                                    StackActions.push(
+                                                      ScreenNames.QuickSubmit,
+                                                      {
+                                                        loan: item,
+                                                      }
+                                                    )
+                                                  );
+                                                }
+                                              }}
+                                            >
+                                              <AddInfo />
+                                              <MText
+                                                style={[
+                                                  commonStyles.textNormal,
+                                                  {
+                                                    fontSize: 12,
+                                                    fontWeight: '300',
+                                                    marginTop: 8,
+                                                    textAlign: 'center',
+                                                  },
+                                                ]}
+                                              >
+                                                Hoàn thiện{'\n'}cung cấp thông
+                                                tin
+                                              </MText>
+                                            </TouchableOpacity>
+                                          ) : (
+                                            <View
+                                              style={{ alignItems: 'center' }}
+                                            >
+                                              <AddInfoDisable />
+                                              <MText
+                                                style={[
+                                                  commonStyles.textNormal,
+                                                  {
+                                                    fontSize: 12,
+                                                    fontWeight: '300',
+                                                    marginTop: 8,
+                                                    textAlign: 'center',
+                                                  },
+                                                ]}
+                                              >
+                                                Hoàn thiện{'\n'}cung cấp thông
+                                                tin
+                                              </MText>
+                                            </View>
+                                          )}
+                                          {item?.isSignContract && (
+                                            <TouchableOpacity
+                                              style={{
+                                                alignItems: 'center',
+                                                marginLeft: 20,
+                                              }}
+                                              onPress={() => {
+                                                if (item?.urlSignContract) {
+                                                  navigation.dispatch(
+                                                    StackActions.push(
+                                                      ScreenNames.CIMBSign,
+                                                      {
+                                                        url: item?.urlSignContract,
+                                                      }
+                                                    )
+                                                  );
+                                                } else {
+                                                  Alert.alert(
+                                                    'Thông báo',
+                                                    'Bạn chưa thể ký hợp đồng bây giờ?'
+                                                  );
+                                                }
+                                              }}
+                                            >
+                                              <IconSign2 />
+                                              <MText
+                                                style={[
+                                                  commonStyles.textNormal,
+                                                  {
+                                                    fontSize: 12,
+                                                    fontWeight: '300',
+                                                    marginTop: 8,
+                                                  },
+                                                ]}
+                                              >
+                                                Ký hợp đồng
+                                              </MText>
+                                            </TouchableOpacity>
+                                          )}
+                                          {item?.isSignContractTima && (
+                                            <TouchableOpacity
+                                              style={{
+                                                alignItems: 'center',
+                                                marginLeft: 20,
+                                              }}
+                                              onPress={() => {
+                                                navigation.dispatch(
+                                                  StackActions.push(
+                                                    ScreenNames.ViewContract,
+                                                    {
+                                                      loan: item,
+                                                    }
+                                                  )
+                                                );
+                                              }}
+                                            >
+                                              <ContractTimeIcon />
+                                              <MText
+                                                style={[
+                                                  commonStyles.textNormal,
+                                                  {
+                                                    fontSize: 12,
+                                                    fontWeight: '300',
+                                                    marginTop: 8,
+                                                    textAlign: 'center',
+                                                  },
+                                                ]}
+                                              >
+                                                Hợp đồng{'\n'}dịch vụ
+                                              </MText>
+                                            </TouchableOpacity>
+                                          )}
+                                          {item?.paymentEvidenceUrl && (
+                                            <TouchableOpacity
+                                              style={{
+                                                alignItems: 'center',
+                                                marginLeft: 20,
+                                              }}
+                                              onPress={() => {
+                                                navigation.dispatch(
+                                                  StackActions.push(
+                                                    ScreenNames.PaymentEvidence,
+                                                    {
+                                                      url: item?.paymentEvidenceUrl,
+                                                    }
+                                                  )
+                                                );
+                                              }}
+                                            >
+                                              <IconEviden />
+                                              <MText
+                                                style={[
+                                                  commonStyles.textNormal,
+                                                  {
+                                                    fontSize: 12,
+                                                    fontWeight: '300',
+                                                    marginTop: 8,
+                                                    textAlign: 'center',
+                                                  },
+                                                ]}
+                                              >
+                                                Mục đích {'\n'}sử dụng
+                                              </MText>
+                                            </TouchableOpacity>
+                                          )}
+                                          {item?.showPaymentPlan && (
+                                            <TouchableOpacity
+                                              style={{
+                                                alignItems: 'center',
+                                                marginLeft: 20,
+                                              }}
+                                              onPress={() => {
+                                                navigation.dispatch(
+                                                  StackActions.push(
+                                                    ScreenNames.SchedulePayment,
+                                                    {
+                                                      loan: item,
+                                                    }
+                                                  )
+                                                );
+                                              }}
+                                            >
+                                              <IconSchedule />
+                                              <MText
+                                                style={[
+                                                  commonStyles.textNormal,
+                                                  {
+                                                    fontSize: 12,
+                                                    fontWeight: '300',
+                                                    marginTop: 8,
+                                                  },
+                                                ]}
+                                              >
+                                                Lịch dự kiến
+                                              </MText>
+                                            </TouchableOpacity>
+                                          )}
+                                        </View>
+                                      </View>
+                                    ) : (
+                                      <View>
+                                        <View
+                                          style={{
+                                            height: 0.5,
+                                            backgroundColor: '#E0E0E0',
+                                            marginVertical: 16,
+                                          }}
+                                        />
+                                        <View style={{ flexDirection: 'row' }}>
+                                          {!homeStore.checkEKYC[item?.id] ? (
+                                            <TouchableOpacity
+                                              style={{ alignItems: 'center' }}
+                                              onPress={() => {
+                                                navigation.dispatch(
+                                                  StackActions.push(
+                                                    ScreenNames.NationalID,
+                                                    {
+                                                      loan: item,
+                                                      reLoan: true,
+                                                    }
+                                                  )
+                                                );
+                                              }}
+                                            >
+                                              <AddInfo />
+                                              <MText
+                                                style={[
+                                                  commonStyles.textNormal,
+                                                  {
+                                                    fontSize: 12,
+                                                    fontWeight: '300',
+                                                    marginTop: 8,
+                                                  },
+                                                ]}
+                                              >
+                                                EKYC
+                                              </MText>
+                                            </TouchableOpacity>
+                                          ) : (
+                                            <View
+                                              style={{ alignItems: 'center' }}
+                                            >
+                                              <AddInfoDisable />
+                                              <MText
+                                                style={[
+                                                  commonStyles.textNormal,
+                                                  {
+                                                    fontSize: 12,
+                                                    fontWeight: '300',
+                                                    marginTop: 8,
+                                                  },
+                                                ]}
+                                              >
+                                                EKYC
+                                              </MText>
+                                            </View>
+                                          )}
+
+                                          <TouchableOpacity
+                                            style={{
+                                              alignItems: 'center',
+                                              marginLeft: 20,
+                                            }}
+                                            onPress={() => {
+                                              navigation.dispatch(
+                                                StackActions.push(
+                                                  ScreenNames.Video,
+                                                  {
+                                                    loan: item,
+                                                  }
+                                                )
+                                              );
+                                            }}
+                                          >
+                                            <IconVideo />
+                                            <MText
+                                              style={[
+                                                commonStyles.textNormal,
+                                                {
+                                                  fontSize: 12,
+                                                  fontWeight: '300',
+                                                  marginTop: 8,
+                                                },
+                                              ]}
+                                            >
+                                              Quay video
+                                            </MText>
+                                          </TouchableOpacity>
+
+                                          {homeStore.checkEKYC[item?.id] ? (
+                                            <TouchableOpacity
+                                              style={{
+                                                alignItems: 'center',
+                                                marginLeft: 20,
+                                              }}
+                                              onPress={() => {
+                                                signLoan(item);
+                                              }}
+                                            >
+                                              <IconSign2 />
+                                              <MText
+                                                style={[
+                                                  commonStyles.textNormal,
+                                                  {
+                                                    fontSize: 12,
+                                                    fontWeight: '300',
+                                                    marginTop: 8,
+                                                  },
+                                                ]}
+                                              >
+                                                Ký HĐ
+                                              </MText>
+                                            </TouchableOpacity>
+                                          ) : (
+                                            <View
+                                              style={{
+                                                alignItems: 'center',
+                                                marginLeft: 20,
+                                              }}
+                                            >
+                                              <SignDisable />
+                                              <MText
+                                                style={[
+                                                  commonStyles.textNormal,
+                                                  {
+                                                    fontSize: 12,
+                                                    fontWeight: '300',
+                                                    marginTop: 8,
+                                                  },
+                                                ]}
+                                              >
+                                                Ký HĐ
+                                              </MText>
+                                            </View>
+                                          )}
+                                        </View>
+                                      </View>
+                                    )}
+                                  </View>
+                                )}
+                                <View
+                                  style={{
+                                    flexDirection: 'row',
+                                    alignItems: 'center',
+                                    backgroundColor: '#FBEFE7',
+                                    marginHorizontal: -16,
+                                    paddingVertical: 8,
+                                    marginTop: 16,
+                                    borderBottomRightRadius: 8,
+                                    borderBottomLeftRadius: 8,
+                                    paddingHorizontal: 16,
+                                  }}
+                                >
+                                  <Info />
+                                  <MText
+                                    style={[
+                                      {
+                                        fontWeight: '300',
+                                        fontSize: 12,
+                                        fontStyle: 'italic',
+                                        color: '#333333',
+                                        marginLeft: 8,
+                                      },
+                                    ]}
+                                  >
+                                    Thực hiện đầy đủ các bước để giải ngân nhanh
+                                    nhất
+                                  </MText>
+                                </View>
+                              </View>
+                            </View>
+                          )}
+                        </Observer>
                       ) : (
                         <Observer>
                           {() => (