2021-10-26 18:19:13 +00:00
|
|
|
/**
|
|
|
|
|
* Project iLinkWorld
|
|
|
|
|
* File InsuranceSubscriptionScreen
|
|
|
|
|
* Path screens/wallet/user
|
|
|
|
|
* Created by BRICE ZELE
|
|
|
|
|
* Date: 18/10/2021
|
|
|
|
|
*/
|
|
|
|
|
import React, {useEffect, useState} from 'react';
|
|
|
|
|
import {
|
|
|
|
|
Alert,
|
|
|
|
|
Dimensions,
|
|
|
|
|
FlatList,
|
|
|
|
|
Image,
|
|
|
|
|
Keyboard,
|
|
|
|
|
KeyboardAvoidingView,
|
|
|
|
|
Platform,
|
|
|
|
|
ScrollView,
|
|
|
|
|
StyleSheet,
|
|
|
|
|
TouchableOpacity,
|
|
|
|
|
View,
|
|
|
|
|
} from 'react-native';
|
|
|
|
|
import {connect, useDispatch} from 'react-redux';
|
|
|
|
|
import Modal from 'react-native-modal';
|
|
|
|
|
import {Formik} from 'formik';
|
|
|
|
|
import * as Yup from 'yup';
|
|
|
|
|
import * as Utils from '../../../utils/UtilsFunction';
|
|
|
|
|
import {Color} from "../../../config/Color";
|
|
|
|
|
import I18n from 'react-native-i18n';
|
|
|
|
|
import {ScreenComponent} from "../../../components/ScreenComponent";
|
|
|
|
|
import TextInput from '../../../components/TextInput';
|
|
|
|
|
import Text from '../../../components/Text';
|
|
|
|
|
import PasswordInput from '../../../components/PasswordInput';
|
|
|
|
|
import Button from "../../../components/Button";
|
|
|
|
|
import FontAwesome from "react-native-vector-icons/FontAwesome";
|
|
|
|
|
import {responsiveWidth} from "react-native-responsive-dimensions";
|
|
|
|
|
import SwitchSelector from "react-native-switch-selector";
|
|
|
|
|
import MaterialCommunityIcons from "react-native-vector-icons/MaterialCommunityIcons";
|
|
|
|
|
import {
|
|
|
|
|
fetchGetInsurancePrimeAmount,
|
|
|
|
|
fetchGetInsurancePrimeAmountReset,
|
|
|
|
|
fetchGetListInsurance,
|
|
|
|
|
fetchGetListInsuranceReset,
|
|
|
|
|
fetchSubscribeInsurance,
|
|
|
|
|
fetchSubscribeInsuranceReset,
|
|
|
|
|
fetchUploadInsurance,
|
|
|
|
|
fetchUploadInsuranceReset
|
|
|
|
|
} from "../../../redux/insurance/insurance.actions";
|
|
|
|
|
import DropdownAlert from "react-native-dropdownalert";
|
|
|
|
|
import {readUser} from "../../../webservice/AuthApi";
|
|
|
|
|
import ImagePicker from "react-native-image-crop-picker";
|
|
|
|
|
import DateTimePicker from "@react-native-community/datetimepicker";
|
|
|
|
|
import * as Animatable from 'react-native-animatable';
|
|
|
|
|
import {createStructuredSelector} from "reselect";
|
|
|
|
|
import {
|
|
|
|
|
selectInsuranceList,
|
|
|
|
|
selectInsurancePrimeAmount,
|
|
|
|
|
selectSubscribeInsurance,
|
|
|
|
|
selectUploadInsuranceImages
|
|
|
|
|
} from "../../../redux/insurance/insurance.selector";
|
|
|
|
|
import Dialog from "react-native-dialog";
|
|
|
|
|
import {Typography} from "../../../config/typography";
|
2021-11-11 11:43:33 +00:00
|
|
|
|
2021-10-26 18:19:13 +00:00
|
|
|
import {Dropdown} from "react-native-material-dropdown";
|
2021-10-29 18:51:10 +00:00
|
|
|
import Icon from "react-native-vector-icons/FontAwesome5";
|
2021-11-11 11:43:33 +00:00
|
|
|
import isNil from "lodash/isNil";
|
2021-10-26 18:19:13 +00:00
|
|
|
|
|
|
|
|
let moment = require('moment-timezone');
|
|
|
|
|
|
|
|
|
|
const {width, height} = Dimensions.get('window');
|
|
|
|
|
const CIRCLE_SIZE = width * 0.5;
|
|
|
|
|
|
|
|
|
|
const styles = StyleSheet.create({
|
|
|
|
|
textInput: {
|
|
|
|
|
height: 46,
|
|
|
|
|
backgroundColor: Color.fieldColor,
|
|
|
|
|
borderRadius: 5,
|
|
|
|
|
marginTop: 10,
|
|
|
|
|
padding: 10,
|
|
|
|
|
width: '100%',
|
|
|
|
|
},
|
2021-10-29 18:51:10 +00:00
|
|
|
lineRow: {
|
|
|
|
|
flexDirection: 'row',
|
|
|
|
|
justifyContent: 'space-between',
|
|
|
|
|
paddingBottom: 20,
|
|
|
|
|
},
|
2021-10-26 18:19:13 +00:00
|
|
|
contain: {
|
|
|
|
|
alignItems: 'center',
|
|
|
|
|
marginTop: 40,
|
|
|
|
|
paddingBottom: 20,
|
|
|
|
|
paddingLeft: 20,
|
|
|
|
|
paddingRight: 20,
|
|
|
|
|
flex: 1,
|
|
|
|
|
},
|
|
|
|
|
circle: {
|
|
|
|
|
width: CIRCLE_SIZE,
|
|
|
|
|
height: CIRCLE_SIZE,
|
|
|
|
|
borderRadius: CIRCLE_SIZE / 2,
|
|
|
|
|
position: 'absolute',
|
|
|
|
|
top: '15%',
|
|
|
|
|
},
|
|
|
|
|
circleContainer: {
|
|
|
|
|
alignItems: 'flex-end',
|
|
|
|
|
right: -(CIRCLE_SIZE / 3),
|
|
|
|
|
top: -(CIRCLE_SIZE / 1.5),
|
|
|
|
|
},
|
|
|
|
|
lineSeparator: {
|
|
|
|
|
borderWidth: 1,
|
|
|
|
|
width: '40%',
|
|
|
|
|
height: 1,
|
|
|
|
|
alignSelf: 'center',
|
|
|
|
|
},
|
|
|
|
|
line: {
|
|
|
|
|
width: 1,
|
|
|
|
|
height: 14,
|
|
|
|
|
backgroundColor: Color.grayColor,
|
|
|
|
|
marginLeft: 10,
|
|
|
|
|
},
|
|
|
|
|
contentModeView: {
|
|
|
|
|
width: 30,
|
|
|
|
|
height: '100%',
|
|
|
|
|
alignItems: 'flex-end',
|
|
|
|
|
justifyContent: 'center',
|
|
|
|
|
},
|
|
|
|
|
contentFilter: {
|
|
|
|
|
flexDirection: 'row',
|
|
|
|
|
alignItems: 'center',
|
|
|
|
|
marginLeft: 10,
|
|
|
|
|
},
|
|
|
|
|
bottomModal: {
|
|
|
|
|
justifyContent: 'flex-end',
|
|
|
|
|
margin: 0,
|
|
|
|
|
},
|
|
|
|
|
contentFilterBottom: {
|
|
|
|
|
width: "100%",
|
|
|
|
|
borderTopLeftRadius: 8,
|
|
|
|
|
borderTopRightRadius: 8,
|
|
|
|
|
paddingHorizontal: 20
|
|
|
|
|
},
|
|
|
|
|
contentSwipeDown: {
|
|
|
|
|
paddingTop: 10,
|
|
|
|
|
alignItems: 'center',
|
|
|
|
|
},
|
|
|
|
|
lineSwipeDown: {
|
|
|
|
|
width: 30,
|
|
|
|
|
height: 2.5,
|
|
|
|
|
backgroundColor: Color.dividerColor,
|
|
|
|
|
},
|
|
|
|
|
contentActionModalBottom: {
|
|
|
|
|
flexDirection: 'row',
|
|
|
|
|
paddingVertical: 15,
|
|
|
|
|
justifyContent: 'space-between',
|
|
|
|
|
borderBottomWidth: 1,
|
|
|
|
|
},
|
|
|
|
|
containModal: {
|
|
|
|
|
paddingVertical: 10,
|
|
|
|
|
paddingHorizontal: 20,
|
|
|
|
|
flexDirection: 'row',
|
|
|
|
|
justifyContent: 'space-between',
|
|
|
|
|
},
|
|
|
|
|
floatingButtonAdd: {
|
|
|
|
|
backgroundColor: Color.accentColor,
|
|
|
|
|
position: "absolute",
|
|
|
|
|
width: 25,
|
|
|
|
|
bottom: 0,
|
|
|
|
|
zIndex: 1000,
|
|
|
|
|
right: 20,
|
|
|
|
|
top: 35,
|
|
|
|
|
height: 25,
|
|
|
|
|
borderRadius: 12.5,
|
|
|
|
|
alignItems: 'center',
|
|
|
|
|
justifyContent: 'center',
|
|
|
|
|
},
|
|
|
|
|
contentSwitch: {
|
|
|
|
|
width: responsiveWidth(40),
|
|
|
|
|
},
|
|
|
|
|
switch: {},
|
|
|
|
|
choosePhotoBtn: {
|
|
|
|
|
marginTop: 10,
|
|
|
|
|
marginBottom: 10,
|
|
|
|
|
width: "auto",
|
|
|
|
|
height: "auto",
|
|
|
|
|
padding: 5,
|
|
|
|
|
alignItems: 'center',
|
|
|
|
|
borderColor: Color.borderColor,
|
|
|
|
|
marginRight: 10,
|
|
|
|
|
elevation: 2,
|
|
|
|
|
},
|
|
|
|
|
checkbox: {
|
|
|
|
|
alignSelf: "center",
|
|
|
|
|
color: "white"
|
|
|
|
|
},
|
|
|
|
|
itemAmountPerMonth: {
|
|
|
|
|
paddingLeft: 10,
|
|
|
|
|
marginTop: 10,
|
|
|
|
|
flexDirection: 'row',
|
|
|
|
|
},
|
|
|
|
|
dot: {
|
|
|
|
|
width: 12,
|
|
|
|
|
height: 12,
|
|
|
|
|
borderRadius: 6
|
|
|
|
|
},
|
|
|
|
|
blockView: {
|
|
|
|
|
paddingVertical: 10,
|
|
|
|
|
borderBottomWidth: 0.5,
|
|
|
|
|
},
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
const InsuranceSubscriptionScreen = ({
|
|
|
|
|
insuranceList,
|
|
|
|
|
subscribeInsurance,
|
|
|
|
|
insurancePrimeAmount,
|
|
|
|
|
fetchSubscribeInsurance,
|
|
|
|
|
fetchGetListInsurance,
|
|
|
|
|
fetchGetInsurancePrimeAmount,
|
|
|
|
|
fetchUploadInsurance,
|
|
|
|
|
uploadInsuranceImages,
|
|
|
|
|
navigation
|
|
|
|
|
}) => {
|
|
|
|
|
|
|
|
|
|
const [modalVisible, setModalVisible] = useState(false);
|
|
|
|
|
const [isDropdownOpen, setIsDropdownOpen] = useState(false);
|
|
|
|
|
const [user, setUser] = useState(null);
|
|
|
|
|
const [insurance, setInsurance] = useState(null);
|
|
|
|
|
const [amountPerMonth, setAmountPerMonth] = useState(null);
|
|
|
|
|
|
2021-10-29 18:51:10 +00:00
|
|
|
useEffect(() => {
|
|
|
|
|
console.log("amountPerMonth", amountPerMonth);
|
|
|
|
|
});
|
2021-10-26 18:19:13 +00:00
|
|
|
const [firstNameBeneficiary, setFirstNameBeneficiary] = useState(null);
|
|
|
|
|
const [lastNameBeneficiary, setLastNameBeneficiary] = useState(null);
|
2021-10-29 18:51:10 +00:00
|
|
|
const [password, setPassword] = useState(null);
|
2021-10-26 18:19:13 +00:00
|
|
|
let fileToSendTemp = new FormData();
|
|
|
|
|
let [fileToSend, setFileToSend] = useState(null);
|
|
|
|
|
let [fileAdded, setFileAdded] = useState([]);
|
|
|
|
|
const dispatch = useDispatch();
|
|
|
|
|
let dropDownAlertRef: any = null;
|
|
|
|
|
const [insurances, setInsurances] = useState([]);
|
|
|
|
|
const [validationOption, setValidationOption] = useState([
|
|
|
|
|
{label: I18n.t('YES'), value: 0},
|
|
|
|
|
{label: I18n.t('NO'), value: 1},
|
|
|
|
|
]);
|
|
|
|
|
const [sexeOption] = useState([
|
|
|
|
|
{label: I18n.t('MASCULIN'), value: "M"},
|
|
|
|
|
{label: I18n.t('FEMININ'), value: "F"},
|
|
|
|
|
]);
|
|
|
|
|
const [dateNaissance, setDateNaissance] = useState('' + moment(new Date(((new Date()).getFullYear() - 5), 0, 1)).format('YYYY-MM-DD'));
|
|
|
|
|
const [showDateNaissancePicker, setShowDateNaissancePicker] = useState(false);
|
|
|
|
|
const [showModalDetail, setShowModalDetail] = useState(false);
|
2021-10-29 18:51:10 +00:00
|
|
|
const [modalViewBeneficiariesVisible, setModalViewBeneficiariesVisible] = useState(false);
|
2021-10-26 18:19:13 +00:00
|
|
|
const [gender, setGender] = useState('M');
|
|
|
|
|
const [affiliations] = useState([
|
|
|
|
|
{label: I18n.t('ENFANT'), value: "CHILD"},
|
|
|
|
|
{label: I18n.t('CONJOINT'), value: 'SPOUSE'},
|
|
|
|
|
]);
|
|
|
|
|
const [affiliation, setAffliliation] = useState('CHILD');
|
|
|
|
|
let currentYearMinusFiveYear = new Date(((new Date()).getFullYear() - 5), 0, 1);
|
|
|
|
|
let [currentYearMinusAgeLimit, setCurrentYearMinusAgeLimit] = useState(new Date(((new Date()).getFullYear() - 5), 0, 1));
|
|
|
|
|
let insurancesRef = null;
|
2021-10-29 18:51:10 +00:00
|
|
|
let amountPerMonthRef = null;
|
2021-10-26 18:19:13 +00:00
|
|
|
|
|
|
|
|
useEffect(() => {
|
|
|
|
|
readUser().then((user) => {
|
|
|
|
|
console.log("user", user);
|
|
|
|
|
setUser(user)
|
|
|
|
|
});
|
|
|
|
|
dispatch(fetchUploadInsuranceReset());
|
|
|
|
|
dispatch(fetchGetInsurancePrimeAmountReset());
|
|
|
|
|
dispatch(fetchSubscribeInsuranceReset());
|
|
|
|
|
}, []);
|
|
|
|
|
|
|
|
|
|
useEffect(() => {
|
|
|
|
|
if (user !== null)
|
|
|
|
|
fetchGetListInsurance(user.country_id);
|
|
|
|
|
}, [user]);
|
|
|
|
|
|
2021-11-11 11:43:33 +00:00
|
|
|
useEffect(() => {
|
2021-10-29 18:51:10 +00:00
|
|
|
console.log('Beneficiaries', beneficiaries);
|
|
|
|
|
}, [beneficiaries]);
|
|
|
|
|
|
2021-10-26 18:19:13 +00:00
|
|
|
useEffect(() => {
|
2021-10-29 18:51:10 +00:00
|
|
|
console.log("currentYearMinusAgeLimit", currentYearMinusAgeLimit);
|
|
|
|
|
}, currentYearMinusAgeLimit);
|
2021-10-26 18:19:13 +00:00
|
|
|
|
|
|
|
|
useEffect(() => {
|
|
|
|
|
if (insuranceList.result !== null) {
|
|
|
|
|
let insuranceListTemp = [];
|
|
|
|
|
insuranceList.result.response.map((insuranceItem, index) => {
|
|
|
|
|
insuranceListTemp.push(insuranceItem);
|
|
|
|
|
});
|
|
|
|
|
setInsurances(insuranceListTemp);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
if (insuranceList.error) {
|
2022-02-09 17:43:48 +00:00
|
|
|
Alert.alert(
|
|
|
|
|
I18n.t("ERROR_LABLE"),
|
|
|
|
|
Utils.getErrorMsg(insuranceList),
|
|
|
|
|
[
|
|
|
|
|
{
|
|
|
|
|
text: I18n.t("OK"), onPress: () => {
|
|
|
|
|
dispatch(fetchGetListInsuranceReset());
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
],
|
2022-04-04 17:47:36 +00:00
|
|
|
{cancelable: false}
|
2021-10-26 18:19:13 +00:00
|
|
|
);
|
2022-04-04 17:47:36 +00:00
|
|
|
/* dropDownAlertRef.alertWithType(
|
|
|
|
|
'error',
|
|
|
|
|
I18n.t('ERROR_LABEL'),
|
|
|
|
|
Utils.getErrorMsg(insuranceList),
|
|
|
|
|
);
|
|
|
|
|
dispatch(fetchGetListInsuranceReset());*/
|
2021-10-26 18:19:13 +00:00
|
|
|
}
|
|
|
|
|
}, [insuranceList]);
|
|
|
|
|
|
|
|
|
|
useEffect(() => {
|
|
|
|
|
if (subscribeInsurance.result !== null) {
|
|
|
|
|
Alert.alert(
|
|
|
|
|
I18n.t("SUCCESS"),
|
|
|
|
|
subscribeInsurance.result.response,
|
|
|
|
|
[
|
|
|
|
|
{
|
|
|
|
|
text: I18n.t("OK"), onPress: () => {
|
2021-10-29 18:51:10 +00:00
|
|
|
dispatch(fetchSubscribeInsuranceReset());
|
2021-10-26 18:19:13 +00:00
|
|
|
navigation.goBack();
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
],
|
|
|
|
|
{cancelable: false}
|
|
|
|
|
)
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
if (subscribeInsurance.error) {
|
2022-02-09 17:43:48 +00:00
|
|
|
Alert.alert(
|
|
|
|
|
I18n.t("ERROR_LABLE"),
|
|
|
|
|
Utils.getErrorMsg(subscribeInsurance),
|
|
|
|
|
[
|
|
|
|
|
{
|
|
|
|
|
text: I18n.t("OK"), onPress: () => {
|
|
|
|
|
dispatch(fetchSubscribeInsuranceReset());
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
],
|
2022-04-04 17:47:36 +00:00
|
|
|
{cancelable: false}
|
2021-10-26 18:19:13 +00:00
|
|
|
);
|
2022-04-04 17:47:36 +00:00
|
|
|
/* dropDownAlertRef.alertWithType(
|
|
|
|
|
'error',
|
|
|
|
|
I18n.t('ERROR_LABEL'),
|
|
|
|
|
Utils.getErrorMsg(subscribeInsurance),
|
|
|
|
|
);
|
|
|
|
|
dispatch(fetchSubscribeInsuranceReset());*/
|
2021-10-26 18:19:13 +00:00
|
|
|
}
|
|
|
|
|
}, [subscribeInsurance]);
|
|
|
|
|
|
|
|
|
|
useEffect(() => {
|
|
|
|
|
if (insurancePrimeAmount.result !== null)
|
|
|
|
|
setShowModalDetail(true);
|
|
|
|
|
|
|
|
|
|
if (insurancePrimeAmount.error) {
|
2022-02-09 17:43:48 +00:00
|
|
|
Alert.alert(
|
|
|
|
|
I18n.t("ERROR_LABLE"),
|
|
|
|
|
Utils.getErrorMsg(insurancePrimeAmount),
|
|
|
|
|
[
|
|
|
|
|
{
|
|
|
|
|
text: I18n.t("OK"), onPress: () => {
|
|
|
|
|
dispatch(fetchGetInsurancePrimeAmountReset());
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
],
|
2022-04-04 17:47:36 +00:00
|
|
|
{cancelable: false}
|
2021-10-26 18:19:13 +00:00
|
|
|
);
|
2022-04-04 17:47:36 +00:00
|
|
|
/* dropDownAlertRef.alertWithType(
|
|
|
|
|
'error',
|
|
|
|
|
I18n.t('ERROR_LABEL'),
|
|
|
|
|
Utils.getErrorMsg(insurancePrimeAmount),
|
|
|
|
|
);
|
|
|
|
|
dispatch(fetchGetInsurancePrimeAmountReset());*/
|
2021-10-26 18:19:13 +00:00
|
|
|
}
|
|
|
|
|
}, [insurancePrimeAmount]);
|
|
|
|
|
|
2021-10-29 18:51:10 +00:00
|
|
|
useEffect(() => {
|
|
|
|
|
console.log("affiliation", affiliation);
|
|
|
|
|
}, [affiliation]);
|
|
|
|
|
|
2021-10-26 18:19:13 +00:00
|
|
|
useEffect(() => {
|
|
|
|
|
if (uploadInsuranceImages.result !== null) {
|
|
|
|
|
setModalVisible(false);
|
|
|
|
|
|
2021-10-29 18:51:10 +00:00
|
|
|
if (insurance !== null) {
|
|
|
|
|
if (beneficiaries.length === parseInt(insurance.max_number_of_beneficiaries)) {
|
2022-02-09 17:43:48 +00:00
|
|
|
Alert.alert(
|
|
|
|
|
I18n.t("ERROR_LABLE"),
|
|
|
|
|
I18n.t("NUMBER_MAX_BENEFICIARY"),
|
|
|
|
|
[
|
|
|
|
|
{
|
|
|
|
|
text: I18n.t("OK"), onPress: () => {
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
],
|
2022-04-04 17:47:36 +00:00
|
|
|
{cancelable: false}
|
2022-02-09 17:43:48 +00:00
|
|
|
);
|
2022-04-04 17:47:36 +00:00
|
|
|
/* dropDownAlertRef.alertWithType(
|
|
|
|
|
'error',
|
|
|
|
|
I18n.t('ERROR_LABEL'),
|
|
|
|
|
I18n.t('NUMBER_MAX_BENEFICIARY'),
|
|
|
|
|
);*/
|
2021-10-29 18:51:10 +00:00
|
|
|
} else {
|
|
|
|
|
console.log("affiliation", affiliation);
|
|
|
|
|
let beneficiariesTemp = beneficiaries;
|
|
|
|
|
setBeneficiaries([{
|
2021-10-26 18:19:13 +00:00
|
|
|
lastname: lastNameBeneficiary,
|
|
|
|
|
firstname: firstNameBeneficiary,
|
|
|
|
|
gender: gender,
|
2021-11-11 11:43:33 +00:00
|
|
|
birthdate: moment(dateNaissance).format('YYYY-MM-DD'),
|
2021-10-26 18:19:13 +00:00
|
|
|
affiliation: affiliation,
|
|
|
|
|
birthdate_proof: childAyantDroitDocument[0].checboxSelectedValue,
|
|
|
|
|
birthdate_proof_doc: uploadInsuranceImages.result.response[0],
|
|
|
|
|
justice_doc: uploadInsuranceImages.result.response.length > 1 ? uploadInsuranceImages.result.response[1] : null,
|
|
|
|
|
marriage_certificate_doc: uploadInsuranceImages.result.response[0],
|
|
|
|
|
id_document_type: "CNI",
|
2021-10-29 18:51:10 +00:00
|
|
|
id_document_front: uploadInsuranceImages.result.response[1],
|
|
|
|
|
id_document_back: uploadInsuranceImages.result.response[2]
|
|
|
|
|
}, ...beneficiaries]);
|
|
|
|
|
dropDownAlertRef.alertWithType(
|
|
|
|
|
'success',
|
|
|
|
|
I18n.t('SUCCESS'),
|
|
|
|
|
I18n.t('BENEFICIARY_SUCCESSFULLY_ADDED'),
|
|
|
|
|
);
|
|
|
|
|
setModalVisible(false);
|
2021-10-26 18:19:13 +00:00
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
if (uploadInsuranceImages.error) {
|
2022-02-09 17:43:48 +00:00
|
|
|
Alert.alert(
|
|
|
|
|
I18n.t("ERROR_LABLE"),
|
|
|
|
|
Utils.getErrorMsg(uploadInsuranceImages),
|
|
|
|
|
[
|
|
|
|
|
{
|
|
|
|
|
text: I18n.t("OK"), onPress: () => {
|
|
|
|
|
dispatch(fetchUploadInsuranceReset());
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
],
|
2022-04-04 17:47:36 +00:00
|
|
|
{cancelable: false}
|
2021-10-26 18:19:13 +00:00
|
|
|
);
|
2022-04-04 17:47:36 +00:00
|
|
|
/* dropDownAlertRef.alertWithType(
|
|
|
|
|
'error',
|
|
|
|
|
I18n.t('ERROR_LABEL'),
|
|
|
|
|
Utils.getErrorMsg(uploadInsuranceImages),
|
|
|
|
|
);
|
|
|
|
|
dispatch(fetchUploadInsuranceReset());*/
|
2021-10-26 18:19:13 +00:00
|
|
|
}
|
|
|
|
|
}, [uploadInsuranceImages]);
|
|
|
|
|
|
|
|
|
|
const RegisterSchema = Yup.object().shape({
|
|
|
|
|
password: Yup.string()
|
|
|
|
|
.required(I18n.t('THIS_FIELD_IS_REQUIRED'))
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
const AddBeneficiarySchema = Yup.object().shape({
|
|
|
|
|
lastname: Yup.string().required(I18n.t('THIS_FIELD_IS_REQUIRED')),
|
|
|
|
|
firstname: Yup.string(),
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const createFormData = (key, photo) => {
|
|
|
|
|
if (fileToSend !== null)
|
|
|
|
|
fileToSendTemp = fileToSend;
|
|
|
|
|
|
|
|
|
|
fileToSendTemp.append("files[]", {
|
|
|
|
|
name: photo.path.split('/').pop(),
|
|
|
|
|
type: photo.mime,
|
|
|
|
|
uri:
|
|
|
|
|
Platform.OS === "android" ? photo.path : photo.path.replace("file://", "")
|
|
|
|
|
});
|
|
|
|
|
setFileAdded([key, ...fileAdded]);
|
|
|
|
|
setFileToSend(fileToSendTemp);
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
const [isOriginalActeNaissance, setIsOriginalActeNaissance] = useState(true);
|
|
|
|
|
const [childAyantDroitDocument, setChildAyantDroitDocument] = useState([
|
|
|
|
|
{
|
|
|
|
|
label: I18n.t('COPIE_LEGALISE_ACTE_NAISSANCE_CERTIFICAT_NAISSANCE'),
|
|
|
|
|
name: 'birthdate_proof_doc',
|
|
|
|
|
isFrontCamera: false,
|
|
|
|
|
file: null,
|
|
|
|
|
hasCheckbox: true,
|
|
|
|
|
checkboxValue: ['CERTIFICATE', 'CERTIFIED_COPY'],
|
|
|
|
|
checboxSelectedValue: 'CERTIFICATE',
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
label: I18n.t('DOCUMENT_JUSTICE_ENFANT_ADOPTE'),
|
|
|
|
|
name: 'justice_doc',
|
|
|
|
|
isFrontCamera: false,
|
|
|
|
|
file: null,
|
|
|
|
|
hasCheckbox: false,
|
|
|
|
|
}
|
|
|
|
|
]);
|
|
|
|
|
const [beneficiaries, setBeneficiaries] = useState([]);
|
|
|
|
|
|
|
|
|
|
const [conjointAyantDroitDocument, setConjointAyantDroitDocument] = useState([
|
|
|
|
|
{
|
|
|
|
|
label: I18n.t('ACTE_MARIAGE'),
|
|
|
|
|
name: 'marriage_certificate_doc',
|
|
|
|
|
isFrontCamera: false,
|
|
|
|
|
file: null,
|
|
|
|
|
hasCheckbox: false,
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
label: I18n.t('CNI_FRONT_FACE'),
|
|
|
|
|
name: 'id_document_front',
|
|
|
|
|
isFrontCamera: false,
|
|
|
|
|
file: null,
|
|
|
|
|
hasCheckbox: false,
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
label: I18n.t('CNI_BACK_FACE'),
|
|
|
|
|
name: 'id_document_back',
|
|
|
|
|
isFrontCamera: false,
|
|
|
|
|
file: null,
|
|
|
|
|
hasCheckbox: false,
|
|
|
|
|
}
|
|
|
|
|
]);
|
|
|
|
|
|
2021-10-29 18:51:10 +00:00
|
|
|
const renderModalAmountDetail = () => (
|
2021-10-26 18:19:13 +00:00
|
|
|
<Dialog.Container useNativeDriver={true} visible={showModalDetail}>
|
|
|
|
|
|
|
|
|
|
<Dialog.Title>{I18n.t('DETAIL')}</Dialog.Title>
|
|
|
|
|
|
|
|
|
|
<View>
|
|
|
|
|
<View style={[styles.blockView, {borderBottomColor: Color.borderColor}]}>
|
|
|
|
|
<View style={{flexDirection: 'row', marginTop: 10}}>
|
|
|
|
|
<View style={{flex: 1}}>
|
|
|
|
|
<Text style={[styles.body2]}>{I18n.t('PRIME_AMOUNT')}</Text>
|
|
|
|
|
</View>
|
|
|
|
|
<View style={{flex: 1, alignItems: 'flex-end'}}>
|
|
|
|
|
<Text
|
|
|
|
|
style={[Typography.caption1, Color.grayColor]}>{insurancePrimeAmount.result.response.bonus_amount_formatted}</Text>
|
|
|
|
|
</View>
|
|
|
|
|
</View>
|
|
|
|
|
</View>
|
|
|
|
|
</View>
|
|
|
|
|
|
|
|
|
|
<Dialog.Button bold={true} label={I18n.t('OK')} onPress={() => {
|
|
|
|
|
fetchSubscribeInsurance({
|
|
|
|
|
network_id: insurance.id,
|
|
|
|
|
user_id: user.id,
|
|
|
|
|
password: password,
|
2021-10-29 18:51:10 +00:00
|
|
|
beneficiaries,
|
2021-10-26 18:19:13 +00:00
|
|
|
month_price_id: insurance.months_prices.filter(item => item.checked)[0].id,
|
2021-10-29 18:51:10 +00:00
|
|
|
});
|
|
|
|
|
dispatch(fetchGetInsurancePrimeAmountReset());
|
2021-10-26 18:19:13 +00:00
|
|
|
setShowModalDetail(false);
|
|
|
|
|
}}/>
|
|
|
|
|
</Dialog.Container>
|
|
|
|
|
);
|
|
|
|
|
|
|
|
|
|
const handleTakePhotoFromCamera = (name, isFrontCamera = false) => {
|
|
|
|
|
ImagePicker.openCamera({
|
|
|
|
|
cropping: true,
|
2021-11-11 11:43:33 +00:00
|
|
|
compressImageQuality: 0.7,
|
|
|
|
|
useFrontCamera: false
|
2021-10-26 18:19:13 +00:00
|
|
|
}).then(image => {
|
|
|
|
|
if (affiliation === "CHILD") {
|
|
|
|
|
let tempChildAyantDroitDocument = childAyantDroitDocument;
|
|
|
|
|
setChildAyantDroitDocument(tempChildAyantDroitDocument.map(childAyantDroit => {
|
|
|
|
|
if (name === childAyantDroit.name) {
|
|
|
|
|
if (childAyantDroit.hasCheckbox) {
|
|
|
|
|
return {
|
|
|
|
|
label: childAyantDroit.label,
|
|
|
|
|
name: childAyantDroit.name,
|
|
|
|
|
isFrontCamera: childAyantDroit.isFrontCamera,
|
|
|
|
|
file: image,
|
|
|
|
|
hasCheckbox: childAyantDroit.hasCheckbox,
|
|
|
|
|
checkboxValue: childAyantDroit.checkboxValue,
|
|
|
|
|
checboxSelectedValue: childAyantDroit.checboxSelectedValue,
|
|
|
|
|
};
|
|
|
|
|
} else {
|
|
|
|
|
return {
|
|
|
|
|
label: childAyantDroit.label,
|
|
|
|
|
name: childAyantDroit.name,
|
|
|
|
|
isFrontCamera: childAyantDroit.isFrontCamera,
|
|
|
|
|
file: image
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
} else
|
|
|
|
|
return childAyantDroit;
|
|
|
|
|
}));
|
|
|
|
|
} else {
|
|
|
|
|
setConjointAyantDroitDocument(conjointAyantDroitDocument.map(conjointAyantDroit => {
|
|
|
|
|
if (name === conjointAyantDroit.name) {
|
|
|
|
|
if (conjointAyantDroit.hasCheckbox) {
|
|
|
|
|
return {
|
|
|
|
|
label: conjointAyantDroit.label,
|
|
|
|
|
name: conjointAyantDroit.name,
|
|
|
|
|
isFrontCamera: conjointAyantDroit.isFrontCamera,
|
|
|
|
|
file: image,
|
|
|
|
|
hasCheckbox: conjointAyantDroit.hasCheckbox,
|
|
|
|
|
checkboxValue: conjointAyantDroit.checkboxValue,
|
|
|
|
|
checboxSelectedValue: conjointAyantDroit.checboxSelectedValue,
|
|
|
|
|
};
|
|
|
|
|
} else {
|
|
|
|
|
return {
|
|
|
|
|
label: conjointAyantDroit.label,
|
|
|
|
|
name: conjointAyantDroit.name,
|
|
|
|
|
isFrontCamera: conjointAyantDroit.isFrontCamera,
|
|
|
|
|
file: image
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
} else
|
|
|
|
|
return conjointAyantDroit;
|
|
|
|
|
}));
|
|
|
|
|
}
|
|
|
|
|
createFormData(name, image);
|
|
|
|
|
});
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
const onChangeDateNaissance = (event, selectedDate) => {
|
|
|
|
|
const currentDate = selectedDate || dateNaissance;
|
|
|
|
|
setShowDateNaissancePicker(Platform.OS === 'ios');
|
|
|
|
|
setDateNaissance(currentDate);
|
|
|
|
|
};
|
|
|
|
|
|
2021-11-11 11:43:33 +00:00
|
|
|
const onSelectAmountPerMonth = (selected) => {
|
2021-10-26 18:19:13 +00:00
|
|
|
let insuranceTemp = insurance;
|
|
|
|
|
setInsurance(
|
|
|
|
|
{
|
|
|
|
|
age_limit_of_child_beneficiary: insurance.age_limit_of_child_beneficiary,
|
|
|
|
|
age_limit_of_insured_and_spouse: insurance.age_limit_of_insured_and_spouse,
|
|
|
|
|
id: insurance.id,
|
|
|
|
|
max_number_of_beneficiaries: insurance.max_number_of_beneficiaries,
|
|
|
|
|
name: insurance.name,
|
|
|
|
|
months_prices: insuranceTemp.months_prices.map(item => {
|
|
|
|
|
return {
|
|
|
|
|
id: item.id,
|
2022-04-04 17:47:36 +00:00
|
|
|
child_prices: item.child_prices,
|
|
|
|
|
max_insurance_coverage_amount: item.max_insurance_coverage_amount,
|
2021-10-26 18:19:13 +00:00
|
|
|
min_amount: item.min_amount,
|
2022-04-04 17:47:36 +00:00
|
|
|
number_of_fractions: item.number_of_fractions,
|
|
|
|
|
number_of_months: item.number_of_months,
|
|
|
|
|
payment_period: item.payment_period,
|
|
|
|
|
dealine_amount: item.dealine_amount,
|
2021-11-11 11:43:33 +00:00
|
|
|
checked: item.id === selected.id,
|
2021-10-26 18:19:13 +00:00
|
|
|
};
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
);
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
const renderDateNaissancePicker = () => {
|
2021-10-29 18:51:10 +00:00
|
|
|
return (<DateTimePicker
|
2021-10-26 18:19:13 +00:00
|
|
|
timeZoneOffsetInMinutes={0}
|
|
|
|
|
is24Hour={true}
|
|
|
|
|
value={new Date(dateNaissance)}
|
|
|
|
|
mode='date'
|
2021-11-11 11:43:33 +00:00
|
|
|
minimumDate={currentYearMinusAgeLimit}
|
2021-10-26 18:19:13 +00:00
|
|
|
display="spinner"
|
|
|
|
|
onChange={onChangeDateNaissance}
|
|
|
|
|
/>
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
|
2021-10-29 18:51:10 +00:00
|
|
|
const renderModalViewBeneficiaries = () => {
|
|
|
|
|
return (
|
|
|
|
|
<Modal
|
|
|
|
|
isVisible={modalViewBeneficiariesVisible}
|
|
|
|
|
onSwipeComplete={() => setModalViewBeneficiariesVisible(false)}
|
|
|
|
|
swipeDirection={['down']}
|
|
|
|
|
style={styles.bottomModal}>
|
|
|
|
|
<View
|
|
|
|
|
style={[styles.contentFilterBottom, {backgroundColor: Color.cardBackgroundColor}]}>
|
|
|
|
|
<View style={styles.contentSwipeDown}>
|
|
|
|
|
<View style={styles.lineSwipeDown}/>
|
|
|
|
|
</View>
|
|
|
|
|
<View
|
|
|
|
|
style={[
|
|
|
|
|
styles.contentActionModalBottom,
|
|
|
|
|
{borderBottomColor: Color.borderColor},
|
|
|
|
|
]}/>
|
|
|
|
|
<View style={[{marginBottom: 40}]}>
|
|
|
|
|
<FlatList
|
|
|
|
|
data={beneficiaries}
|
|
|
|
|
extraData={beneficiaries}
|
|
|
|
|
keyExtractor={(item, index) => index}
|
|
|
|
|
renderItem={({item, index}) => {
|
|
|
|
|
return (
|
|
|
|
|
<View style={styles.lineRow}>
|
|
|
|
|
<View style={{alignItems: 'flex-start'}}>
|
|
|
|
|
<Text body1>{I18n.t('NOM_ASSURE')}</Text>
|
|
|
|
|
<Text caption1 grayColor>
|
|
|
|
|
{`${item.firstname} ${item.lastname}`}
|
|
|
|
|
</Text>
|
|
|
|
|
</View>
|
|
|
|
|
<View style={{alignItems: 'flex-start'}}>
|
|
|
|
|
<Text body1>{I18n.t('AFFILIATION')}</Text>
|
|
|
|
|
<Text caption1 grayColor>
|
|
|
|
|
{item.affiliation === 'CHILD' ? I18n.t('ENFANT') : I18n.t('CONJOINT')}
|
|
|
|
|
</Text>
|
|
|
|
|
</View>
|
|
|
|
|
<View style={styles.iconRight}>
|
|
|
|
|
<TouchableOpacity
|
|
|
|
|
onPress={() => {
|
|
|
|
|
let beneficiariesTemp = beneficiaries;
|
|
|
|
|
console.log("beneficiariesTemp index", index);
|
|
|
|
|
beneficiariesTemp.splice(index);
|
|
|
|
|
console.log("beneficiariesTemp", beneficiariesTemp);
|
|
|
|
|
setBeneficiaries([...beneficiariesTemp]);
|
|
|
|
|
}}>
|
|
|
|
|
<Icon
|
|
|
|
|
name="minus-circle"
|
|
|
|
|
size={24}
|
|
|
|
|
color={Color.grayColor}
|
|
|
|
|
/>
|
|
|
|
|
</TouchableOpacity>
|
|
|
|
|
</View>
|
|
|
|
|
</View>
|
|
|
|
|
);
|
|
|
|
|
}}/>
|
|
|
|
|
</View>
|
|
|
|
|
|
|
|
|
|
<Button
|
|
|
|
|
style={{marginTop: 20, marginBottom: 20}}
|
|
|
|
|
full
|
|
|
|
|
onPress={() => {
|
|
|
|
|
setModalViewBeneficiariesVisible(false)
|
|
|
|
|
}}>
|
|
|
|
|
{I18n.t('OK')}
|
|
|
|
|
</Button>
|
|
|
|
|
</View>
|
|
|
|
|
</Modal>
|
|
|
|
|
);
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
|
2021-10-26 18:19:13 +00:00
|
|
|
const renderAddNewIdentification = () => (
|
|
|
|
|
<Formik validationSchema={AddBeneficiarySchema}
|
|
|
|
|
initialValues={{
|
|
|
|
|
firstname: '',
|
|
|
|
|
lastname: '',
|
|
|
|
|
}}
|
|
|
|
|
onSubmit={(values) => {
|
|
|
|
|
fetchUploadInsurance(fileToSend);
|
|
|
|
|
setFirstNameBeneficiary(values.firstname);
|
|
|
|
|
setLastNameBeneficiary(values.lastname);
|
|
|
|
|
/*setBeneficiaries(beneficiaries.push({
|
|
|
|
|
|
|
|
|
|
}));*/
|
|
|
|
|
}}>
|
|
|
|
|
|
|
|
|
|
{({
|
|
|
|
|
values,
|
|
|
|
|
errors,
|
|
|
|
|
touched,
|
|
|
|
|
handleChange,
|
|
|
|
|
handleBlur,
|
|
|
|
|
handleSubmit,
|
|
|
|
|
isSubmitting,
|
|
|
|
|
}) => (
|
|
|
|
|
<ScrollView style={{flex: 1}}>
|
|
|
|
|
<View style={[styles.containModal, {backgroundColor: Color.containerBackgroundColor}]}>
|
|
|
|
|
<Modal
|
|
|
|
|
isVisible={modalVisible}
|
|
|
|
|
onSwipeComplete={() => {
|
|
|
|
|
setModalVisible(false);
|
|
|
|
|
}}
|
|
|
|
|
swipeDirection={['down']}
|
|
|
|
|
style={styles.bottomModal}>
|
|
|
|
|
<View
|
|
|
|
|
style={[
|
|
|
|
|
styles.contentFilterBottom,
|
|
|
|
|
{backgroundColor: Color.containerBackgroundColor},
|
|
|
|
|
]}>
|
|
|
|
|
<View style={styles.contentSwipeDown}>
|
|
|
|
|
<View style={styles.lineSwipeDown}/>
|
|
|
|
|
</View>
|
|
|
|
|
|
|
|
|
|
<Text body2 style={{marginTop: 10}}>{I18n.t('ADD_AYANT_DROIT')}</Text>
|
|
|
|
|
|
|
|
|
|
<TextInput
|
|
|
|
|
style={{marginTop: 10}}
|
|
|
|
|
placeholder={I18n.t('NOM_ASSURE')}
|
|
|
|
|
value={values.lastname}
|
|
|
|
|
onChangeText={handleChange('lastname')}
|
|
|
|
|
onBlur={handleBlur('lastname')}
|
|
|
|
|
success={touched.lastname && !errors.lastname}
|
|
|
|
|
touched={touched.lastname}
|
|
|
|
|
error={errors.lastname}
|
|
|
|
|
/>
|
|
|
|
|
|
|
|
|
|
<TextInput
|
|
|
|
|
style={{marginTop: 10}}
|
|
|
|
|
placeholder={I18n.t('PRENOM_ASSURE')}
|
|
|
|
|
value={values.firstname}
|
|
|
|
|
onChangeText={handleChange('firstname')}
|
|
|
|
|
onBlur={handleBlur('firstname')}
|
|
|
|
|
success={touched.firstname && !errors.firstname}
|
|
|
|
|
touched={touched.firstname}
|
|
|
|
|
error={errors.firstname}
|
|
|
|
|
/>
|
|
|
|
|
|
|
|
|
|
<TextInput
|
|
|
|
|
style={{marginTop: 10}}
|
|
|
|
|
placeholder={I18n.t('DATE_NAISSANCE')}
|
|
|
|
|
value={'' + moment(dateNaissance).format('YYYY-MM-DD')}
|
|
|
|
|
onChangeText={handleChange('birthdate')}
|
|
|
|
|
onBlur={handleBlur('birthdate')}
|
|
|
|
|
onFocus={() => {
|
|
|
|
|
Keyboard.dismiss();
|
|
|
|
|
setShowDateNaissancePicker(true);
|
|
|
|
|
}}
|
|
|
|
|
success={touched.birthdate && !errors.birthdate}
|
|
|
|
|
touched={touched.birthdate}
|
|
|
|
|
error={errors.birthdate}
|
|
|
|
|
/>
|
|
|
|
|
|
|
|
|
|
<View style={{
|
|
|
|
|
marginTop: 10,
|
|
|
|
|
width: "100%",
|
|
|
|
|
flexDirection: 'row',
|
|
|
|
|
justifyContent: "space-between"
|
|
|
|
|
}}>
|
|
|
|
|
<Text body2>{I18n.t('SEXE')}</Text>
|
|
|
|
|
<View style={styles.contentSwitch}>
|
|
|
|
|
<SwitchSelector options={sexeOption}
|
|
|
|
|
initial={0}
|
|
|
|
|
buttonColor={Color.accentColor}
|
|
|
|
|
backgroundColor={Color.primaryDarkColor}
|
|
|
|
|
textColor='white'
|
|
|
|
|
bold={true}
|
|
|
|
|
hasPadding
|
|
|
|
|
height={32}
|
|
|
|
|
onPress={(value) => {
|
|
|
|
|
setGender(value);
|
|
|
|
|
}}/>
|
|
|
|
|
</View>
|
|
|
|
|
</View>
|
|
|
|
|
|
|
|
|
|
<View style={{
|
|
|
|
|
marginTop: 10,
|
|
|
|
|
width: "100%",
|
|
|
|
|
flexDirection: 'row',
|
|
|
|
|
justifyContent: "space-between"
|
|
|
|
|
}}>
|
|
|
|
|
<Text body2>{I18n.t('AFFILIATION')}</Text>
|
|
|
|
|
<View style={styles.contentSwitch}>
|
|
|
|
|
<SwitchSelector options={affiliations}
|
|
|
|
|
initial={0}
|
|
|
|
|
buttonColor={Color.accentColor}
|
|
|
|
|
backgroundColor={Color.primaryDarkColor}
|
|
|
|
|
textColor='white'
|
|
|
|
|
bold={true}
|
|
|
|
|
hasPadding
|
|
|
|
|
height={32}
|
|
|
|
|
onPress={(value) => {
|
|
|
|
|
setFileAdded([]);
|
2021-10-29 18:51:10 +00:00
|
|
|
if (value === 'CHILD')
|
|
|
|
|
setCurrentYearMinusAgeLimit(new Date(((new Date()).getFullYear() - parseInt(insurance.age_limit_of_child_beneficiary)), 0, 1));
|
|
|
|
|
else
|
|
|
|
|
setCurrentYearMinusAgeLimit(new Date(((new Date()).getFullYear() - parseInt(insurance.age_limit_of_insured_and_spouse)), 0, 1));
|
2021-10-26 18:19:13 +00:00
|
|
|
setAffliliation(value);
|
|
|
|
|
}}/>
|
|
|
|
|
</View>
|
|
|
|
|
</View>
|
|
|
|
|
|
|
|
|
|
<View style={styles.contentService}>
|
|
|
|
|
<FlatList
|
|
|
|
|
horizontal={true}
|
|
|
|
|
showsHorizontalScrollIndicator={false}
|
|
|
|
|
data={affiliation === 'CHILD' ? childAyantDroitDocument : conjointAyantDroitDocument}
|
|
|
|
|
extraData={affiliation === 'CHILD' ? childAyantDroitDocument : conjointAyantDroitDocument}
|
|
|
|
|
keyExtractor={(item, index) => index}
|
|
|
|
|
renderItem={({item, index}) => {
|
|
|
|
|
if (index === 0) {
|
|
|
|
|
return (
|
|
|
|
|
<TouchableOpacity style={styles.choosePhotoBtn}
|
|
|
|
|
onPress={() => handleTakePhotoFromCamera(item.name, item.isFrontCamera)}>
|
|
|
|
|
{item.file === null
|
|
|
|
|
? <MaterialCommunityIcons name="camera-image" size={50}
|
|
|
|
|
color={Color.accentColor}/>
|
|
|
|
|
:
|
|
|
|
|
<Image source={{uri: item.file.path}}
|
|
|
|
|
style={{width: 50, height: 50}}/>
|
|
|
|
|
}
|
|
|
|
|
<Text style={{alignSelf: 'flex-start', fontSize: 13}}
|
|
|
|
|
textAlign='center'>{item.label}</Text>
|
|
|
|
|
{/*{item.hasCheckbox && (
|
|
|
|
|
<View style={{flexDirection: 'row', paddingVertical: 5}}>
|
|
|
|
|
<Text style={{
|
|
|
|
|
alignSelf: 'flex-start',
|
|
|
|
|
fontSize: 13,
|
|
|
|
|
marginTop: 6
|
|
|
|
|
}}
|
|
|
|
|
textAlign='center'>Original</Text>
|
|
|
|
|
<CheckBox
|
|
|
|
|
onValueChange={(value) => {
|
|
|
|
|
let tempChildAyantDroitDocument = childAyantDroitDocument;
|
|
|
|
|
setChildAyantDroitDocument(tempChildAyantDroitDocument.map(element => {
|
|
|
|
|
if (element.name === item.name) {
|
|
|
|
|
if (value) {
|
|
|
|
|
return {
|
|
|
|
|
label: element.label,
|
|
|
|
|
name: element.name,
|
|
|
|
|
isFrontCamera: element.isFrontCamera,
|
|
|
|
|
file: element.file,
|
|
|
|
|
hasCheckbox: element.hasCheckbox,
|
|
|
|
|
checkboxValue: element.checkboxValue,
|
|
|
|
|
checboxSelectedValue: element.checkboxValue[0],
|
|
|
|
|
}
|
|
|
|
|
} else {
|
|
|
|
|
return {
|
|
|
|
|
label: element.label,
|
|
|
|
|
name: element.name,
|
|
|
|
|
isFrontCamera: element.isFrontCamera,
|
|
|
|
|
file: element.file,
|
|
|
|
|
hasCheckbox: element.hasCheckbox,
|
|
|
|
|
checkboxValue: element.checkboxValue,
|
|
|
|
|
checboxSelectedValue: element.checkboxValue[1],
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
} else return element;
|
|
|
|
|
}))
|
|
|
|
|
setIsOriginalActeNaissance(value);
|
|
|
|
|
}}
|
|
|
|
|
value={isOriginalActeNaissance}
|
|
|
|
|
style={styles.checkbox}/>
|
|
|
|
|
</View>
|
|
|
|
|
)}*/}
|
|
|
|
|
|
|
|
|
|
</TouchableOpacity>
|
|
|
|
|
);
|
|
|
|
|
} else {
|
|
|
|
|
return (
|
|
|
|
|
<TouchableOpacity style={styles.choosePhotoBtn}
|
|
|
|
|
onPress={() => handleTakePhotoFromCamera(item.name, item.isFrontCamera)}
|
|
|
|
|
disabled={!fileAdded.includes(affiliation === 'CHILD' ? childAyantDroitDocument[index - 1].name : conjointAyantDroitDocument[index - 1].name)}>
|
|
|
|
|
{item.file === null
|
|
|
|
|
? <MaterialCommunityIcons name="camera-image" size={50}
|
|
|
|
|
color={(!fileAdded.includes(affiliation === 'CHILD' ? childAyantDroitDocument[index - 1].name : conjointAyantDroitDocument[index - 1].name)) ? Color.grayColor : Color.accentColor}/>
|
|
|
|
|
:
|
|
|
|
|
<Image source={{uri: item.file.path}}
|
|
|
|
|
style={{width: 50, height: 50}}/>
|
|
|
|
|
}
|
|
|
|
|
<Text style={{alignSelf: 'flex-start', fontSize: 13}}
|
|
|
|
|
textAlign='center'>{item.label}</Text>
|
|
|
|
|
{/*{item.hasCheckbox && (
|
|
|
|
|
<View style={{flexDirection: 'row', paddingVertical: 5}}>
|
|
|
|
|
<Text style={{
|
|
|
|
|
alignSelf: 'flex-start',
|
|
|
|
|
fontSize: 13,
|
|
|
|
|
marginTop: 6
|
|
|
|
|
}}
|
|
|
|
|
textAlign='center'>Original</Text>
|
|
|
|
|
<CheckBox
|
|
|
|
|
onValueChange={(value) => {
|
|
|
|
|
let tempChildAyantDroitDocument = childAyantDroitDocument;
|
|
|
|
|
setChildAyantDroitDocument(tempChildAyantDroitDocument.map(element => {
|
|
|
|
|
if (element.name === item.name) {
|
|
|
|
|
if (value) {
|
|
|
|
|
return {
|
|
|
|
|
label: element.label,
|
|
|
|
|
name: element.name,
|
|
|
|
|
isFrontCamera: element.isFrontCamera,
|
|
|
|
|
file: element.file,
|
|
|
|
|
hasCheckbox: element.hasCheckbox,
|
|
|
|
|
checkboxValue: element.checkboxValue,
|
|
|
|
|
checboxSelectedValue: element.checkboxValue[0],
|
|
|
|
|
}
|
|
|
|
|
} else {
|
|
|
|
|
return {
|
|
|
|
|
label: element.label,
|
|
|
|
|
name: element.name,
|
|
|
|
|
isFrontCamera: element.isFrontCamera,
|
|
|
|
|
file: element.file,
|
|
|
|
|
hasCheckbox: element.hasCheckbox,
|
|
|
|
|
checkboxValue: element.checkboxValue,
|
|
|
|
|
checboxSelectedValue: element.checkboxValue[1],
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
} else return element;
|
|
|
|
|
}))
|
|
|
|
|
setIsOriginalActeNaissance(value);
|
|
|
|
|
}}
|
|
|
|
|
value={isOriginalActeNaissance}
|
|
|
|
|
style={styles.checkbox}/>
|
|
|
|
|
</View>
|
|
|
|
|
)}*/}
|
|
|
|
|
</TouchableOpacity>
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
}}
|
|
|
|
|
/>
|
|
|
|
|
</View>
|
|
|
|
|
|
|
|
|
|
<Button
|
|
|
|
|
style={{marginTop: 20, marginBottom: 20}}
|
|
|
|
|
full
|
|
|
|
|
loading={uploadInsuranceImages.loading || subscribeInsurance.loading}
|
|
|
|
|
onPress={handleSubmit}>
|
|
|
|
|
{I18n.t('SUBMIT_LABEL')}
|
|
|
|
|
</Button>
|
|
|
|
|
</View>
|
|
|
|
|
</Modal>
|
|
|
|
|
</View>
|
|
|
|
|
</ScrollView>
|
|
|
|
|
)}
|
|
|
|
|
</Formik>
|
|
|
|
|
);
|
2021-10-29 18:51:10 +00:00
|
|
|
|
2021-10-26 18:19:13 +00:00
|
|
|
return (
|
|
|
|
|
<ScreenComponent>
|
|
|
|
|
<DropdownAlert ref={ref => (dropDownAlertRef = ref)}/>
|
|
|
|
|
<KeyboardAvoidingView
|
|
|
|
|
behavior={Platform.OS === 'android' ? 'height' : 'padding'}
|
|
|
|
|
style={{flex: 1}}>
|
|
|
|
|
|
|
|
|
|
<ScrollView style={{flex: 1}}>
|
|
|
|
|
<Formik validationSchema={RegisterSchema}
|
|
|
|
|
initialValues={{
|
|
|
|
|
password: '',
|
|
|
|
|
}}
|
|
|
|
|
onSubmit={(values) => {
|
|
|
|
|
if (user !== null) {
|
|
|
|
|
if (insurance === null) {
|
|
|
|
|
insurancesRef.shake(800);
|
|
|
|
|
} else {
|
|
|
|
|
console.log(user);
|
2021-11-11 11:43:33 +00:00
|
|
|
console.log("insurance", insurance);
|
2021-10-29 18:51:10 +00:00
|
|
|
setPassword(values.password);
|
2021-10-26 18:19:13 +00:00
|
|
|
fetchGetInsurancePrimeAmount({
|
|
|
|
|
network_id: insurance.id,
|
|
|
|
|
month_price_id: insurance.months_prices.filter(item => item.checked)[0].id,
|
|
|
|
|
beneficiaries
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}}>
|
|
|
|
|
|
|
|
|
|
{({
|
|
|
|
|
values,
|
|
|
|
|
errors,
|
|
|
|
|
touched,
|
|
|
|
|
handleChange,
|
|
|
|
|
handleBlur,
|
|
|
|
|
handleSubmit,
|
|
|
|
|
isSubmitting,
|
|
|
|
|
}) => (
|
|
|
|
|
<View style={styles.contain}>
|
|
|
|
|
<Animatable.View ref={(comp) => {
|
|
|
|
|
insurancesRef = comp
|
|
|
|
|
}}
|
|
|
|
|
style={{
|
|
|
|
|
width: responsiveWidth(90),
|
|
|
|
|
height: 60,
|
|
|
|
|
alignSelf: 'center',
|
|
|
|
|
borderRadius: 10,
|
|
|
|
|
paddingLeft: 20,
|
|
|
|
|
paddingRight: 20,
|
|
|
|
|
backgroundColor: 'white'
|
|
|
|
|
}}>
|
|
|
|
|
<Dropdown
|
|
|
|
|
label={I18n.t('SELECT_INSURANCE')}
|
|
|
|
|
data={insurances}
|
|
|
|
|
useNativeDriver={true}
|
|
|
|
|
onChangeText={(value, index, data) => {
|
|
|
|
|
console.log("Value", value);
|
|
|
|
|
setInsurance(
|
|
|
|
|
{
|
|
|
|
|
age_limit_of_child_beneficiary: value.age_limit_of_child_beneficiary,
|
|
|
|
|
age_limit_of_insured_and_spouse: value.age_limit_of_insured_and_spouse,
|
|
|
|
|
id: value.id,
|
|
|
|
|
max_number_of_beneficiaries: value.max_number_of_beneficiaries,
|
|
|
|
|
name: value.name,
|
|
|
|
|
months_prices: value.months_prices.map((item, index) => {
|
|
|
|
|
return {
|
|
|
|
|
id: item.id,
|
2022-04-04 17:47:36 +00:00
|
|
|
child_prices: item.child_prices,
|
|
|
|
|
dealine_amount: item.dealine_amount,
|
|
|
|
|
max_insurance_coverage_amount: item.max_insurance_coverage_amount,
|
2021-10-26 18:19:13 +00:00
|
|
|
min_amount: item.min_amount,
|
2022-04-04 17:47:36 +00:00
|
|
|
number_of_fractions: item.number_of_fractions,
|
|
|
|
|
number_of_months: item.number_of_months,
|
|
|
|
|
payment_period: item.payment_period,
|
2021-11-11 11:43:33 +00:00
|
|
|
checked: index === 0,
|
2021-10-26 18:19:13 +00:00
|
|
|
};
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
);
|
2021-10-29 18:51:10 +00:00
|
|
|
setAmountPerMonth(value.months_prices[0]);
|
2021-10-26 18:19:13 +00:00
|
|
|
}}
|
|
|
|
|
valueExtractor={(value) => {
|
|
|
|
|
return value
|
|
|
|
|
}}
|
|
|
|
|
labelExtractor={(value) => {
|
|
|
|
|
return value.name
|
|
|
|
|
}}
|
|
|
|
|
/>
|
|
|
|
|
</Animatable.View>
|
|
|
|
|
|
|
|
|
|
{/* <TouchableOpacity
|
|
|
|
|
style={[styles.floatingButtonAdd]}
|
|
|
|
|
onPress={() => setModalVisible(true)}
|
|
|
|
|
activeOpacity={0.9}>
|
|
|
|
|
<View>
|
|
|
|
|
<View>
|
|
|
|
|
<Icon name='plus' color={Color.whiteColor} size={20}/>
|
|
|
|
|
</View>
|
|
|
|
|
</View>
|
|
|
|
|
</TouchableOpacity>
|
|
|
|
|
|
|
|
|
|
<TextInput
|
|
|
|
|
style={{marginTop: 10}}
|
|
|
|
|
placeholder={I18n.t('NUMERO_ASSURE')}
|
|
|
|
|
keyboardType="decimal-pad"
|
|
|
|
|
icon={<FontAwesome name="money" size={20}/>}
|
|
|
|
|
value={values.surname}
|
|
|
|
|
onChangeText={handleChange('surname')}
|
|
|
|
|
onBlur={handleBlur('surname')}
|
|
|
|
|
success={touched.surname && !errors.surname}
|
|
|
|
|
touched={touched.surname}
|
|
|
|
|
error={errors.surname}
|
|
|
|
|
/>
|
|
|
|
|
<TextInput
|
|
|
|
|
style={{marginTop: 10}}
|
|
|
|
|
placeholder={I18n.t('AMOUNT_PRIME')}
|
|
|
|
|
keyboardType="decimal-pad"
|
|
|
|
|
icon={<FontAwesome name="money" size={20}/>}
|
|
|
|
|
onChangeText={handleChange('name')}
|
|
|
|
|
value={values.name}
|
|
|
|
|
onBlur={handleBlur('name')}
|
|
|
|
|
success={touched.name && !errors.name}
|
|
|
|
|
touched={touched.name}
|
|
|
|
|
error={errors.name}
|
|
|
|
|
/>
|
|
|
|
|
*/}
|
|
|
|
|
|
|
|
|
|
{
|
|
|
|
|
insurance !== null &&
|
2021-10-29 18:51:10 +00:00
|
|
|
<Animatable.View ref={(comp) => {
|
|
|
|
|
amountPerMonthRef = comp
|
|
|
|
|
}}
|
|
|
|
|
style={{
|
|
|
|
|
width: responsiveWidth(90),
|
|
|
|
|
height: 60,
|
|
|
|
|
marginTop: 10,
|
|
|
|
|
alignSelf: 'center',
|
|
|
|
|
borderRadius: 10,
|
|
|
|
|
paddingLeft: 20,
|
|
|
|
|
paddingRight: 20,
|
|
|
|
|
backgroundColor: 'white'
|
|
|
|
|
}}>
|
|
|
|
|
<Dropdown
|
|
|
|
|
label={I18n.t('AMOUNT_PER_MONTH')}
|
|
|
|
|
value={amountPerMonth !== null
|
2022-04-04 17:47:36 +00:00
|
|
|
? `${I18n.t('PRIME_PRINCIPAL')}: ${amountPerMonth.min_amount} | ${amountPerMonth.payment_period} | ${I18n.t('ECH')}: ${amountPerMonth.number_of_fractions}`
|
|
|
|
|
: ``
|
2021-10-29 18:51:10 +00:00
|
|
|
}
|
2021-11-11 11:43:33 +00:00
|
|
|
data={insurance.months_prices.map((item, index) => ({
|
|
|
|
|
checked: !isNil(item.checked) ? item.checked : index === 0,
|
|
|
|
|
...item
|
|
|
|
|
}))}
|
2021-10-29 18:51:10 +00:00
|
|
|
useNativeDriver={true}
|
|
|
|
|
onChangeText={(value, index, data) => {
|
|
|
|
|
console.log("Value", data[index]);
|
|
|
|
|
setAmountPerMonth(data[index]);
|
2021-11-11 11:43:33 +00:00
|
|
|
onSelectAmountPerMonth(data[index]);
|
2021-10-29 18:51:10 +00:00
|
|
|
}}
|
|
|
|
|
valueExtractor={(value) => {
|
2022-04-04 17:47:36 +00:00
|
|
|
return `${I18n.t('PRIME_PRINCIPAL')}: ${value.min_amount} | ${value.payment_period} | ${I18n.t('ECH')}: ${value.number_of_fractions}`
|
2021-10-29 18:51:10 +00:00
|
|
|
}}
|
|
|
|
|
labelExtractor={(value) => {
|
2022-04-04 17:47:36 +00:00
|
|
|
return `${I18n.t('PRIME_PRINCIPAL')}: ${value.min_amount} | ${value.payment_period} | ${I18n.t('ECH')}: ${value.number_of_fractions}`
|
2021-10-29 18:51:10 +00:00
|
|
|
}}
|
|
|
|
|
/>
|
|
|
|
|
</Animatable.View>
|
|
|
|
|
/*<View style={{paddingVertical: 10, width: '100%', alignSelf: "flex-start"}}>
|
2021-10-26 18:19:13 +00:00
|
|
|
<Text headline semibold>
|
|
|
|
|
{I18n.t('AMOUNT_PER_MONTH')}
|
|
|
|
|
</Text>
|
|
|
|
|
<View
|
|
|
|
|
style={[styles.contentFilterBottom, {paddingHorizontal: 0}]}>
|
|
|
|
|
{insurance.months_prices.map((item, index) => ({
|
|
|
|
|
checked: !isNil(item.checked) ? item.checked : index === 0,
|
|
|
|
|
...item
|
|
|
|
|
}))
|
|
|
|
|
.map((item, index) =>
|
|
|
|
|
(
|
|
|
|
|
<TouchableOpacity
|
|
|
|
|
style={[
|
|
|
|
|
styles.contentActionModalBottom,
|
|
|
|
|
{borderBottomColor: Color.borderColor, width: "100%"},
|
|
|
|
|
]}
|
|
|
|
|
key={index}
|
|
|
|
|
onPress={() => {
|
|
|
|
|
setAmountPerMonth(item);
|
|
|
|
|
onSelectAmountPerMonth(item);
|
|
|
|
|
}}>
|
|
|
|
|
<View>
|
|
|
|
|
<Text subhead semibold primaryColor={item.checked}>
|
|
|
|
|
{`${I18n.t('NUMBER_OF_MONTHS')}: ${item.number_of_months}`}
|
|
|
|
|
</Text>
|
|
|
|
|
<Text body2 primaryColor={item.checked}>
|
2022-04-04 17:47:36 +00:00
|
|
|
{`${I18n.t('PRIME_PRINCIPAL')}: ${item.min_amount}`}
|
2021-10-26 18:19:13 +00:00
|
|
|
</Text>
|
|
|
|
|
</View>
|
|
|
|
|
{item.checked && (
|
|
|
|
|
<Icon name="check" size={14}
|
|
|
|
|
color={Color.primaryColor}/>
|
|
|
|
|
)}
|
|
|
|
|
</TouchableOpacity>
|
|
|
|
|
))}
|
|
|
|
|
</View>
|
2021-10-29 18:51:10 +00:00
|
|
|
</View>*/
|
2021-10-26 18:19:13 +00:00
|
|
|
}
|
|
|
|
|
|
2021-10-29 18:51:10 +00:00
|
|
|
<PasswordInput
|
|
|
|
|
style={{marginTop: 10}}
|
|
|
|
|
onChangeText={handleChange('password')}
|
|
|
|
|
placeholder={I18n.t('PASSWORD')}
|
|
|
|
|
secureTextEntry
|
|
|
|
|
icon={<FontAwesome name="lock" size={20}/>}
|
|
|
|
|
value={values.password}
|
|
|
|
|
onBlur={handleBlur('password')}
|
|
|
|
|
success={touched.password && !errors.password}
|
|
|
|
|
touched={touched.password}
|
|
|
|
|
error={errors.password}
|
|
|
|
|
/>
|
|
|
|
|
|
|
|
|
|
|
2021-10-26 18:19:13 +00:00
|
|
|
<View
|
|
|
|
|
style={{
|
|
|
|
|
flexDirection: 'column',
|
|
|
|
|
alignItems: 'center',
|
|
|
|
|
justifyContent: 'space-between',
|
|
|
|
|
marginTop: 25,
|
|
|
|
|
}}>
|
|
|
|
|
<TouchableOpacity
|
|
|
|
|
onPress={() => {
|
|
|
|
|
if (insurance === null) {
|
2022-02-09 17:43:48 +00:00
|
|
|
Alert.alert(
|
|
|
|
|
I18n.t("ERROR_LABLE"),
|
|
|
|
|
I18n.t("PLEASE_SELECT_INSURANCE_BEFORE"),
|
|
|
|
|
Utils.getErrorMsg(uploadInsuranceImages),
|
|
|
|
|
[
|
|
|
|
|
{
|
|
|
|
|
text: I18n.t("OK"), onPress: () => {
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
],
|
2022-04-04 17:47:36 +00:00
|
|
|
{cancelable: false}
|
2022-02-09 17:43:48 +00:00
|
|
|
);
|
2022-04-04 17:47:36 +00:00
|
|
|
/* dropDownAlertRef.alertWithType(
|
|
|
|
|
'error',
|
|
|
|
|
I18n.t('ERROR_LABEL'),
|
|
|
|
|
I18n.t('PLEASE_SELECT_INSURANCE_BEFORE'),
|
|
|
|
|
);*/
|
2021-11-11 11:43:33 +00:00
|
|
|
} else {
|
2021-10-26 18:19:13 +00:00
|
|
|
setModalVisible(true);
|
2021-11-11 11:43:33 +00:00
|
|
|
setShowDateNaissancePicker(false);
|
|
|
|
|
dispatch(fetchUploadInsuranceReset());
|
|
|
|
|
setAffliliation('CHILD');
|
2021-10-29 18:51:10 +00:00
|
|
|
setCurrentYearMinusAgeLimit(new Date(((new Date()).getFullYear() - parseInt(insurance.age_limit_of_child_beneficiary)), 0, 1));
|
2021-11-11 11:43:33 +00:00
|
|
|
setDateNaissance('' + moment(new Date(((new Date()).getFullYear() - parseInt(insurance.age_limit_of_child_beneficiary)), 0, 1)).format('YYYY-MM-DD'));
|
|
|
|
|
setFirstNameBeneficiary(null);
|
|
|
|
|
setLastNameBeneficiary(null);
|
|
|
|
|
setFileAdded([]);
|
|
|
|
|
//setDateNaissance('' + moment().subtract(5, 'years').format());
|
|
|
|
|
}
|
|
|
|
|
|
2021-10-26 18:19:13 +00:00
|
|
|
}}>
|
|
|
|
|
<Text body1 primaryColor bold>
|
|
|
|
|
{I18n.t('ADD_AYANT_DROIT')}
|
|
|
|
|
</Text>
|
|
|
|
|
</TouchableOpacity>
|
|
|
|
|
</View>
|
|
|
|
|
|
|
|
|
|
<Button
|
|
|
|
|
style={{marginTop: 20}}
|
|
|
|
|
full
|
|
|
|
|
loading={insurancePrimeAmount.loading}
|
|
|
|
|
onPress={handleSubmit}>
|
|
|
|
|
{I18n.t('SUBMIT_LABEL')}
|
|
|
|
|
</Button>
|
2021-10-29 18:51:10 +00:00
|
|
|
{showModalDetail && renderModalAmountDetail()}
|
2021-10-26 18:19:13 +00:00
|
|
|
</View>
|
|
|
|
|
)}
|
|
|
|
|
</Formik>
|
2021-10-29 18:51:10 +00:00
|
|
|
|
2021-10-26 18:19:13 +00:00
|
|
|
</ScrollView>
|
|
|
|
|
</KeyboardAvoidingView>
|
|
|
|
|
{modalVisible && renderAddNewIdentification()}
|
2021-10-29 18:51:10 +00:00
|
|
|
{modalViewBeneficiariesVisible && renderModalViewBeneficiaries()}
|
2021-10-26 18:19:13 +00:00
|
|
|
{showDateNaissancePicker && renderDateNaissancePicker()}
|
2021-10-29 18:51:10 +00:00
|
|
|
{beneficiaries.length >= 1 && (<TouchableOpacity
|
|
|
|
|
style={{
|
|
|
|
|
alignItems: 'center',
|
|
|
|
|
flexDirection: 'row',
|
|
|
|
|
width: 60,
|
|
|
|
|
position: 'absolute',
|
|
|
|
|
bottom: 10,
|
|
|
|
|
right: 10,
|
|
|
|
|
height: 60,
|
|
|
|
|
padding: 3,
|
|
|
|
|
backgroundColor: Color.primaryColor,
|
|
|
|
|
borderRadius: 100,
|
|
|
|
|
}}
|
|
|
|
|
onPress={() => setModalViewBeneficiariesVisible(true)}
|
|
|
|
|
>
|
|
|
|
|
<Text whiteColor title2>{beneficiaries.length}</Text>
|
|
|
|
|
<Text whiteColor caption2>{I18n.t('AYANT_DROIT')}</Text>
|
|
|
|
|
</TouchableOpacity>)}
|
2021-10-26 18:19:13 +00:00
|
|
|
</ScreenComponent>
|
|
|
|
|
);
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
const mapStateToProps = createStructuredSelector({
|
|
|
|
|
insuranceList: selectInsuranceList,
|
|
|
|
|
subscribeInsurance: selectSubscribeInsurance,
|
|
|
|
|
uploadInsuranceImages: selectUploadInsuranceImages,
|
|
|
|
|
insurancePrimeAmount: selectInsurancePrimeAmount
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
export default connect(mapStateToProps, {
|
|
|
|
|
fetchGetListInsurance,
|
|
|
|
|
fetchSubscribeInsurance,
|
|
|
|
|
fetchGetInsurancePrimeAmount,
|
|
|
|
|
fetchUploadInsurance
|
|
|
|
|
})(
|
|
|
|
|
InsuranceSubscriptionScreen,
|
|
|
|
|
);
|
