import React, {Component} from 'react';
import {
Alert,
BackHandler,
FlatList,
Image,
PermissionsAndroid,
Platform,
ProgressBarAndroid,
ScrollView,
StyleSheet,
Text,
TouchableOpacity,
View
} from 'react-native';
import CheckBox from '@react-native-community/checkbox';
import FontAwesomeIcon from 'react-native-vector-icons/FontAwesome';
import {responsiveHeight, responsiveWidth} from 'react-native-responsive-dimensions';
import {Fumi} from 'react-native-textinput-effects'
import * as Animatable from 'react-native-animatable';
import Button from 'apsl-react-native-button';
import MapView, {Marker} from 'react-native-maps';
import {Dropdown} from 'react-native-material-dropdown-v2';
import isNil from 'lodash/isNil';
import {getPositionInformation} from './../../webservice/MapService';
import I18n from 'react-native-i18n'
import {material} from 'react-native-typography';
import Icon from 'react-native-vector-icons/MaterialCommunityIcons';
import {createGeolocatedAccount} from './../../webservice/AuthApi';
import {MaterialDialog} from "react-native-material-dialog";
import Geolocation from 'react-native-geolocation-service';
import ImagePicker from 'react-native-image-crop-picker';
import {Color} from "../../config/Color";
import {FontWeight, Typography} from "../../config/typography";
import Dialog from "react-native-dialog";
import axios from "axios";
import {actifToSave, supervisorCode, uploadImage, usagerToSave} from "../../webservice/IlinkConstants";
import {ProgressDialog} from "react-native-simple-dialogs";
import _ from "lodash";
import {connect} from "react-redux";
import {saveActifSocietyAction, saveActifSocietyReset} from "../../webservice/regisseur/WalletRegisseurApi";
import {bindActionCreators} from "redux";
import OneSignal from "react-native-onesignal";
import {getData, storeData} from "../../webservice/persistences/StorageService";
import FilteredList from './FilteredList ';
const GEOLOCATION_OPTIONS = {enableHighAccuracy: true, timeout: 20000, maximumAge: 1000, useSignificantChanges: true};
let theme = require('./../../utils/theme.json');
let route = require('./../../route.json');
class CreateUserStep extends Component {
static navigatorStyle = {
drawUnderNavBar: true,
navBarHidden: true,
drawUnderStatusBar: false,
statusBarHidden: true,
statusBarTextColorScheme: 'light',
};
static options(passProps) {
return {
topBar: {
visible: false,
enabled: false,
drawBehind: true,
},
statusBar: {
drawBehind: true,
enabled: false,
}
}
}
constructor(props) {
super(props);
const {navigation} = this.props;
this.type = navigation.getParam("type", 0);
this.user = navigation.getParam('user', null);
this.data = navigation.getParam('data', null);
this.result = navigation.getParam('result', null);
this.isActif = navigation.getParam('isActif', false);
this.isOffline = navigation.getParam('isOffline', false);
console.log("Is OFFLINE", this.isOffline);
this.mapRef = new Array();
console.log("DATA", this.data);
console.log("PROPS", this.props);
this.state = {
password: null,
isDataSubmit: false,
enterPhone: null,
nameanim: null,
networksinglePickerVisible: false,
surnameanim: null,
passwordanim: null,
confirmpassanim: null,
network: this.result.network,
isLoging: false,
countries: [],
snackVisible: false,
snackText: '',
disableNetwork: false,
networks: [],
modalVisible: true,
select_network: I18n.t("SELECT_NETWORK"),
user: this.user,
result: this.result,
data: this.data,
// town: this.data !== null ? this.data.town : null,
town: this.data !== null && this.data.town ? this.data.town : {
name: "",
id: "2",
indicatif: "",
districts: []
},
isActif: this.isActif,
id_network_tax: null,
tax_units_count: [],
units_per_tax_unit_count: [],
number_of_days: [],
latlng: [],
id_company_type: null,
identification_number: null,
remainingCharacters: 14,
trade_registry: null,
tabTaxe: [0],
taxes_selected: [],
companies_types_selected_value: null,
responsable_name: null,
technical_approval: null,
municipality: null,
neighborhood: null,
district: null,
id_patente: null,
TVA: false,
IRPP: false,
activity_type: null,
year_tax_paid_N: false,
year_tax_paid_N_1: false,
year_tax_paid_N_2: false,
image: null,
displayImage: false,
loadingUpload: false,
required_taxes_selected: [],
required_taxes: [],
required_taxes_only_single_tax: [],
required_taxes_only_single_tax_selected: [],
isTaxesLoaded: false,
index: 0,
modalDialog: false,
player_id: null,
latitude: "",
longitude: "",
addNewTaxeOdtp: false,
displayAddTaxeFromOtherNetwork: false,
dataTaxesPublicite: {},
publicites_taxes: null,
messageRequiredImage: "",
selectedTax: null,
};
this.dataToSendTemp = new FormData();
// console.log("PROPS", this.props);
// console.log("STATE", this.state);
this.props.saveActifSocietyReset();
OneSignal.addEventListener('ids', this.onIds);
}
createFormData = (photo) => {
this.dataToSendTemp.append("image", {
name: photo.path.split('/').pop(),
type: photo.mime,
uri:
Platform.OS === "android" ? photo.path : photo.path.replace("file://", "")
});
};
onIds = async (device) => {
console.log('Device info: ', device);
this.setState({player_id: device.userId}, () => {
console.log("Player ID", this.state.player_id);
});
}
componentDidMount() {
this.mounted = true;
const {type} = this.props;
if (!this.state.isTaxesLoaded) {
let taxesTemp = new Array();
if (!_.isNil(this.result.required_taxes)) {
this.result.required_taxes.map((taxes, index) => {
if (this.state.companies_types_selected_value !== null) {
if (this.state.companies_types_selected_value.name !== "END") {
let tempTaxes = taxes;
tempTaxes.id_network_tax = taxes.id;
if (taxes.measurement_unit !== "forfait") {
tempTaxes.tax_units_count = null;
tempTaxes.units_per_tax_unit_count = null;
}
taxesTemp.push(tempTaxes);
} else {
if (taxes.id !== 70) {
let tempTaxes = taxes;
tempTaxes.id_network_tax = taxes.id;
if (taxes.measurement_unit !== "forfait") {
tempTaxes.tax_units_count = null;
tempTaxes.units_per_tax_unit_count = null;
}
taxesTemp.push(tempTaxes);
}
}
} else {
let tempTaxes = taxes;
tempTaxes.id_network_tax = taxes.id;
if (taxes.measurement_unit !== "forfait") {
tempTaxes.tax_units_count = null;
tempTaxes.units_per_tax_unit_count = null;
}
taxesTemp.push(tempTaxes);
}
});
this.setState({
required_taxes: taxesTemp,
isTaxesLoaded: true
});
}
}
if (Platform.OS === 'android') {
this.requestCameraPermission(false);
} else {
this.watchLocation(false);
}
}
componentWillUnmount() {
OneSignal.removeEventListener('ids', this.onIds);
}
updateRequiredTaxes(value) {
let taxesTemp = new Array();
this.result.required_taxes.map((taxes, index) => {
if (value.name !== "END") {
let tempTaxes = taxes;
tempTaxes.id_network_tax = taxes.id;
if (taxes.measurement_unit !== "forfait") {
tempTaxes.tax_units_count = null;
tempTaxes.units_per_tax_unit_count = null;
}
taxesTemp.push(tempTaxes);
} else {
if (taxes.id !== "70") {
// console.log("ETABLISSEMENT", value);
// console.log("TAXE", taxes);
let tempTaxes = taxes;
tempTaxes.id_network_tax = taxes.id;
if (taxes.measurement_unit !== "forfait") {
tempTaxes.tax_units_count = null;
tempTaxes.units_per_tax_unit_count = null;
}
taxesTemp.push(tempTaxes);
}
}
});
this.setState({
required_taxes: taxesTemp
});
}
componentWillUnmount() {
this.mounted = false;
}
showErrorDialog() {
this.setState({modalDialog: false})
Alert.alert("Une erreur est survenue", "Impossible de récuperer des informations du pays verifier que votre gps est activé," +
"et que vous êtes connecté à internet puis ressayer", [{
text: "Recommencer", onPress: () => {
this.watchLocation()
}
}, {
text: "Annuler", onPress: () => {
this.props.navigation.popToTop()
}
}])
}
renderLoader = () => {
return (
)
}
async requestCameraPermission(param) {
try {
const granted = await PermissionsAndroid.request(
PermissionsAndroid.PERMISSIONS.ACCESS_FINE_LOCATION,
{
'title': 'Cool Photo App Camera Permission',
'message': 'Cool Photo App needs access to your camera ' +
'so you can take awesome pictures.'
}
)
if (granted === PermissionsAndroid.RESULTS.GRANTED) {
this.watchLocation(param);
} else {
this.setState({modalDialog: false})
Alert.alert("Echec à l'autorisation",
"L'application n'est pas autorisé à acceder à votre position veuillez verifier que votre GPS est activé et configurer en mode Haute Precision",
[{
text: "Ok", onPress: () => {
this.props.navigation.popToTop()
}
}])
}
} catch (err) {
this.setState({modalDialog: false})
Alert.alert("Une erreur est Survenue",
"Une erreur est survenu lors du demarrage de l'application veuillez relancer l'application",
[{
text: "Ok", onPress: () => {
BackHandler.exitApp()
}
}])
}
}
async watchLocation(param) {
if (this.isOffline) {
Geolocation.getCurrentPosition((position) => {
this.setState({
modalVisible: false,
latitude: position.coords.latitude,
longitude: position.coords.longitude
}, () => {
//console.log("latitude", this.state.latitude);
});
if (this.result.child) {
this.setState({disableNetwork: true});
if (this.result.network) {
this.setState({
modalVisible: false, networks: [this.result.network],
});
if (this.result.child === "geolocated" || this.result.child === "super") {
this.setState({
network: this.result.network,
select_network: I18n.t("YOUR_NETWORK_SELECTED")
});
}
} else {
this.showErrorDialog();
}
}
}, (e) => {
Alert.alert(I18n.t('TITLE_PROBLE_COME'), "Impossible de recuperer les informations du code hiérarchique ou taxe", [{
text: "Reesayer",
onPress: () => this.watchLocation(param)
}])
console.warn("POSITION ERROR", e);
this.setState({modalVisible: false})
}, this.props.geolocationOptions);
} else {
Geolocation.getCurrentPosition((position) => {
this.treatPosition(position, param)
}, (e) => {
this.showErrorDialog();
}, this.props.geolocationOptions);
/* if (!this.watchID) {
Geolocation.watchPosition((position) => {
this.treatPosition(position, param)
}, (e) => {
this.showErrorDialog();
}, this.props.geolocationOptions)
}*/
}
}
treatPosition(position, param) {
const myLastPosition = this.state.myPosition;
const myPosition = position.coords;
//console.log("Param transfer to location", param);
if (param) {
let taxes_selected = this.state.taxes_selected;
taxes_selected[this.state.index].latitude = position.coords.latitude;
taxes_selected[this.state.index].longitude = position.coords.longitude;
this.setState({taxes_selected}, () => {
console.warn("Taxes selected", taxes_selected);
});
}
if (!_.isEqual(myPosition, myLastPosition)) {
getPositionInformation(myPosition).then((response) => {
if (response.results !== undefined) {
if (response.results.length > 0) {
let most = response.results[0]
let {address_components, formatted_address, place_id} = most
this.setState({
address: address_components,
textadress: formatted_address,
place: place_id,
modalVisible: false
})
}
}
}).catch((e) => {
this.showErrorDialog()
});
if (!_.isNil(position.coords)) {
this.setState({myPosition});
if (this.mapRef[this.state.index] !== undefined && this.mapRef[this.state.index] !== null) {
this.mapRef[this.state.index].animateToCoordinate({
latitude: position.coords.latitude,
longitude: position.coords.longitude
}, 1000);
this.mapRef[this.state.index].animateToRegion({
latitude: position.coords.latitude,
longitude: position.coords.longitude,
latitudeDelta: 0.03,
longitudeDelta: 0.01,
}, 1000)
}
}
}
}
prepareModal() {
return (
{I18n.t("LOADING_DESCRIPTION_COUNTRY")}
)
}
uploadImage = () => {
axios({
url: `${uploadImage}`,
method: 'POST',
data: this.dataToSendTemp,
headers: {
'X-Localization': I18n.currentLocale(),
'Content-Type': 'multipart/form-data'
},
})
.then(response => {
//console.log(response);
let taxes_selected = this.state.taxes_selected;
taxes_selected[this.state.index].image = response.data.response.filename;
this.setState({taxes_selected, loadingUpload: false});
})
.catch(error => {
console.log(error);
if (error.response)
console.log(error.response);
else if (error.request)
console.log(error.request);
else
console.log(error.message);
Alert.alert("", I18n.t('TITLE_ERROR_SURVENU'), [{
text: "Ok",
onPress: () => {
}
}]);
this.setState({loadingUpload: false});
});
};
renderCreateActifResponse = () => {
const {result, error} = this.props;
if (error !== null) {
if (typeof error.data !== 'undefined') {
Alert.alert(
I18n.t("UNABLE_TO_CREATE_ACCOUNT"),
error.data.error_msg,
[
{
text: I18n.t("OK"), onPress: () => {
this.props.saveActifSocietyReset();
}
}
],
{cancelable: false}
)
}
}
if (result !== null) {
if (result.response !== null) {
Alert.alert(
I18n.t("SUCCESS"),
result.success_msg,
[
{
text: I18n.t("OK"), onPress: () => {
this.props.saveActifSocietyReset();
this.props.navigation.popToTop();
}
}
],
{cancelable: false}
)
}
}
}
renderDialogImage = () => {
return (
{I18n.t('PREVISUALISATION')}
{
this.setState({
displayImage: false,
});
if (this.isOffline) {
if (this.state.addNewTaxeOdtp) {
let taxes_selected = this.state.publicites_taxes;
if (!_.isNil(taxes_selected)) {
taxes_selected.image = this.state.image;
this.setState({publicites_taxes: taxes_selected, loadingUpload: false});
}
} else {
let taxes_selected = this.state.taxes_selected;
taxes_selected[this.state.index].image = this.state.image;
this.setState({taxes_selected, loadingUpload: false});
}
} else {
this.setState({loadingUpload: true});
this.uploadImage();
}
}}/>
)
}
renderRequiredTaxesDropdown = (item, index) => {
return (
<>
{/*
{
return value
}}
value={item.name}
labelExtractor={(value) => {
return value.name
}}
/>
*/}
{
item.measurement_unit !== "forfait" &&
<>
{
let tax_units_count = this.state.required_taxes;
if (value === "")
tax_units_count[index].tax_units_count = null;
else
tax_units_count[index].tax_units_count = value;
this.setState({required_taxes: tax_units_count});
}}
>
{
item.labels.length === 2 &&
{
let units_per_tax_unit_count = this.state.required_taxes;
units_per_tax_unit_count[index].units_per_tax_unit_count = value;
this.setState({required_taxes: units_per_tax_unit_count});
}}
>
}
}
)
}
renderPubliciteTaxesDropdown = () => {
return (
<>
{
return value
}}
labelExtractor={(value) => {
return value.name
}}
onChangeText={(value, i, data) => {
this.setState({publicites_taxes: value}, () => {
//console.log("Taxes", this.state.publicites_taxes);
});
}}
/>
{
!isNil(this.state.publicites_taxes) ?
this.state.publicites_taxes.measurement_unit !== "forfait" &&
<>
{
let tax_units_count = this.state.publicites_taxes;
if (value === "")
tax_units_count.tax_units_count = null;
else
tax_units_count.tax_units_count = value;
this.setState({publicites_taxes: tax_units_count});
}}
>
{
this.state.publicites_taxes.labels.length === 2 &&
{
let units_per_tax_unit_count = this.state.publicites_taxes;
units_per_tax_unit_count.units_per_tax_unit_count = value;
this.setState({publicites_taxes: units_per_tax_unit_count});
}}/>
}
: null
}
{
!isNil(this.state.publicites_taxes) ?
this.state.publicites_taxes.has_image_capture === "1" &&
{
ImagePicker.openCamera({
width: 400,
height: 281,
cropping: true,
useFrontCamera: false
}).then(image => {
this.createFormData(image);
this.setState({image, displayImage: true});
})
}}
activeOpacity={0.9}>
{I18n.t('IMAGE_TAKE')}
: null
}
)
}
renderTaxesDropdown = (index) => {
const isTaxesEmpty = !this.state.result.taxes || this.state.result.taxes.length === 0;
return (
<>
{
this.taxesAnim = comp
}} key={index}>
{isTaxesEmpty ? null : (
{
return value
}}
onChangeText={(value, i, data) => {
let taxes_seleted = this.state.taxes_selected;
if (index === 0) {
taxes_seleted = new Array();
taxes_seleted[index] = value;
} else
taxes_seleted[index] = value;
this.setState({taxes_selected: taxes_seleted}, () => {
// console.log("Taxes", this.state.taxes_selected);
// console.log("Index", index);
});
}}
labelExtractor={(value) => {
return value.name
}}
/>
)}
{
this.state.network.has_many_taxes === "1" &&
{
let tabTaxe = this.state.tabTaxe;
if (index === 0) {
let lastElement = this.state.tabTaxe[this.state.tabTaxe.length - 1];
tabTaxe.push(lastElement++);
this.setState({tabTaxe});
} else {
tabTaxe = tabTaxe.filter((element, i) => index !== i);
this.setState({tabTaxe});
}
}}
activeOpacity={0.9}>
0 ? 'minus' : 'plus'} color={Color.whiteColor}
size={20}/>
}
{
!isNil(this.state.taxes_selected[index]) ?
this.state.taxes_selected[index].measurement_unit !== "forfait" &&
<>
{
let tax_units_count = this.state.tax_units_count;
if (index === 0) {
tax_units_count = [];
tax_units_count[0] = value;
} else
tax_units_count[index] = value;
this.setState({tax_units_count: tax_units_count});
}}
>
{
this.state.taxes_selected[index].labels.length === 2 &&
{
let units_per_tax_unit_count = this.state.units_per_tax_unit_count;
if (index === 0) {
units_per_tax_unit_count = [];
units_per_tax_unit_count[0] = value;
} else
units_per_tax_unit_count[index] = value;
this.setState({units_per_tax_unit_count: units_per_tax_unit_count});
}}
>
}
:
null
}
{
!isNil(this.state.taxes_selected[index]) ?
this.state.taxes_selected[index].has_image_capture === "1" &&
{
ImagePicker.openCamera({
width: 400,
height: 281,
cropping: true,
useFrontCamera: false
}).then(image => {
this.createFormData(image);
this.setState({image, displayImage: true, index});
})
}}
activeOpacity={0.9}>
{I18n.t('IMAGE_TAKE')}
: null
}
{
!isNil(this.state.taxes_selected[index]) ?
this.state.taxes_selected[index].billing_period === "jour" &&
(
{
let {number_of_days} = this.state.number_of_days;
if (index === 0) {
number_of_days = [];
number_of_days[0] = value;
} else
number_of_days[index] = value;
this.setState({number_of_days});
}}
style={styles.input}
>
)
: null
}
)
}
renderTaxesEntreprisesDropdown = (index) => {
return (
<>
{
this.taxesAnim = comp
}} key={index}>
{
return value
}}
onChangeText={(value, i, data) => {
//console.log("Value selected", value);
let taxes_seleted = this.state.taxes_selected;
if (index === 0) {
taxes_seleted = new Array();
taxes_seleted[index] = value;
} else
taxes_seleted[index] = value;
this.setState({taxes_selected: taxes_seleted}, () => {
// console.log("Taxes", this.state.taxes_selected);
// console.log("Index", index);
});
if (Platform.OS === 'android') {
this.requestCameraPermission(true);
} else {
this.watchLocation(true);
}
}}
labelExtractor={(value) => {
return value.name
}}
/>
{
let tabTaxe = this.state.tabTaxe;
if (index === 0) {
let lastElement = this.state.tabTaxe[this.state.tabTaxe.length - 1];
tabTaxe.push(lastElement++);
this.setState({tabTaxe});
} else {
tabTaxe = tabTaxe.filter((element, i) => index !== i);
this.setState({tabTaxe});
}
}}
activeOpacity={0.9}>
0 ? 'minus' : 'plus'} color={Color.whiteColor} size={20}/>
{
!isNil(this.state.taxes_selected[index]) ?
this.state.taxes_selected[index].measurement_unit !== "forfait" &&
<>
{
let tax_units_count = this.state.tax_units_count;
if (index === 0) {
tax_units_count = [];
tax_units_count[0] = value;
} else
tax_units_count[index] = value;
this.setState({tax_units_count: tax_units_count});
}}
>
{
this.state.taxes_selected[index].labels.length === 2 &&
{
let units_per_tax_unit_count = this.state.units_per_tax_unit_count;
if (index === 0) {
units_per_tax_unit_count = [];
units_per_tax_unit_count[0] = value;
} else
units_per_tax_unit_count[index] = value;
this.setState({units_per_tax_unit_count: units_per_tax_unit_count});
}}
>
}
:
null
}
{!isNil(this.state.taxes_selected[index]) ?
this.state.taxes_selected[index].has_image_capture === "1" &&
{
ImagePicker.openCamera({
width: 400,
height: 281,
cropping: true,
useFrontCamera: false
}).then(image => {
this.createFormData(image);
this.setState({image, displayImage: true, index});
})
}}
activeOpacity={0.9}>
{I18n.t('IMAGE_TAKE')}
: null
}
{I18n.t('WAIT_LOADING_POSITION')}
{this.isOffline ?
:
<>
{
this.mapanim = comp
}}
>
{
this.mapRef[this.state.index] = ref
}}
style={styles.map}
>
{this.state.myPosition !== undefined ?
:
null}
{/*
{this.state.textadress !== undefined ? this.state.textadress : I18n.t('TAKE_MY_POSITION')}
*/}
}
{
this.districtAnim = comp
}}>
{
return value
}}
labelExtractor={(value) => {
return value.name
}}
onChangeText={(value, index, data) => {
let taxes_selected = this.state.taxes_selected;
taxes_selected[this.state.index].district = value.name;
this.setState({taxes_selected});
}}
/>
{
this.neightborhoodAnim = comp
}}>
{
let taxes_selected = this.state.taxes_selected;
taxes_selected[this.state.index].neighborhood = text;
this.setState({taxes_selected});
}}/>
)
}
handleTaxSlection = (selectedTax) => {
this.setState({selectedTax})
}
renderUserGeoAccount() {
let year = new Date();
const {required_taxes_only_single_tax, selectedTax} = this.state
return (
{this.state.displayImage && this.renderDialogImage()}
{this.state.loadingUpload && this.renderLoader()}
this.props.navigation.pop()}
/>
{I18n.t('LAST_STEP')}
this._scrollView = component} style={styles.container}>
<>
{I18n.t('INFORMATION_FICHE_CIRCUIT')}
{
this.societyTypeAnim = comp
}}>
{console.log("this.state.result===>>",this.state.result)}
{
return value
}}
labelExtractor={(value) => {
return value.description
}}
onChangeText={(value, index, data) => {
this.setState({companies_types_selected: value.id});
this.updateRequiredTaxes(value);
//console.log("Company", value);
}}
/>
{required_taxes_only_single_tax ? (
{
this.ProprierteTypeAnim = comp
}} >
{/*
{
return value
}}
labelExtractor={(value) => {
return value.name
}}
onChangeText={this.handleTaxSlection}
/>
*/}
) : (
this.state.required_taxes.map((element, index) => (
this.renderRequiredTaxesDropdown(element, index)
))
)}
{this.renderTaxesDropdown(0)}
{
this.state.tabTaxe.map((element, index) => (
index > 0 &&
this.renderTaxesDropdown(index)
))
}
{
this.state.displayAddTaxeFromOtherNetwork &&
!_.isEmpty(this.state.dataTaxesPublicite) ?
this.renderPubliciteTaxesDropdown() : null
}
{
this.activityTypeAnim = comp
}}>
{
this.setState({activity_type: selectedItem.name});
}}
/>
{/* {
this.activityTypeAnim = comp
}}>
{
return value
}}
labelExtractor={(value) => {
return value.name
}}
onChangeText={(value, index, data) => {
this.setState({activity_type: value.name});
console.log("Company", value);
}}
/>
*/}
{
// Update the identification_number state
this.setState({
identification_number: text,
remainingCharacters: 14 - text.length // Update the remaining characters
});
}}/>
{this.state.remainingCharacters} caractères restants
{
this.setState({trade_registry: text})
}}/>
{
this.setState({technical_approval: text})
}}/>
{
this.nomResponsableAnim = comp
}}>
{
this.setState({responsable_name: text})
}}
/>
{
this.municipalityAnim = comp
}}>
{
return value
}}
labelExtractor={(value) => {
return value.name
}}
onChangeText={(value, index, data) => {
this.setState({municipality: value.name});
}}
/>
{I18n.t('OTHERS_INFORMATIONS')}
{
this.districtAnim = comp
}}>
{
return value
}}
labelExtractor={(value) => {
return value.name
}}
onChangeText={(value, index, data) => {
this.setState({district: value.name});
}}
/>
{
this.neightborhoodAnim = comp
}}>
{
this.setState({neighborhood: text})
}}/>
{
this.setState({id_patente: text})
}}/>
this.setState({TVA: value})}
style={styles.checkbox}/>
{I18n.t('TVA')}
this.setState({IRPP: value})}
value={this.state.IRPP}
style={styles.checkbox}/>
{I18n.t('IRPP')}
this.setState({IRPP: value})}
value={this.state.IRPP}
style={styles.checkbox}/>
Licence
{/*
this.setState({year_tax_paid_N: value})}
value={this.state.year_tax_paid_N}
style={styles.checkbox}/>
{I18n.t('ANNEE_TAXE')} {Number(year.getFullYear() - 1)}
*/}
{/*
this.setState({year_tax_paid_N_1: value})}
value={this.state.year_tax_paid_N_1}
style={styles.checkbox}/>
{I18n.t('ANNEE_TAXE')} {Number(year.getFullYear() - 2)}
*/}
{/*
this.setState({year_tax_paid_N_2: value})}
value={this.state.year_tax_paid_N_2}
style={styles.checkbox}/>
{I18n.t('ANNEE_TAXE')} {Number(year.getFullYear() - 3)}
*/}
({value: row, label: row}))}
visible={this.state.networksinglePickerVisible}
selectedItem={this.state.singlePickerSelectedItem}
onCancel={() => this.setState({networksinglePickerVisible: false})}
onOk={result => {
this.setState({networksinglePickerVisible: false});
this.setState({singlePickerSelectedItem: result.selectedItem});
}}
>
this.renderRow(item)}/>
)
}
renderActifAccount() {
return (
{this.prepareModal()}
{this.state.displayImage && this.renderDialogImage()}
{this.state.loadingUpload && this.renderLoader()}
{this.state.isDataSubmit && this.renderCreateActifResponse()}
this.props.navigation.pop()}
/>
{I18n.t('LAST_STEP')}
<>
{I18n.t('INFORMATION_FICHE_CIRCUIT')}
this.nomSocieteAnim = comp}>
{
return value
}}
labelExtractor={(value) => {
return value.name
}}
onChangeText={(value, index, data) => {
this.setState({companies_types_selected: value.id});
//this.updateRequiredTaxes(value);
//console.log("Company", value);
}}
/>
{this.renderTaxesEntreprisesDropdown(0)}
{
this.state.tabTaxe.map((element, index) => (
index > 0 &&
this.renderTaxesEntreprisesDropdown(index)
))
}
({value: row, label: row}))}
visible={this.state.networksinglePickerVisible}
selectedItem={this.state.singlePickerSelectedItem}
onCancel={() => this.setState({networksinglePickerVisible: false})}
onOk={result => {
this.setState({networksinglePickerVisible: false});
this.setState({singlePickerSelectedItem: result.selectedItem});
}}
>
this.renderRow(item)}/>
)
}
onRowPress(rowID) {
this.setState({network: rowID})
}
renderRow = (row) => (
this.onRowPress(row)}>
{row.name}
);
checkIfAllImagesIsOk(data) {
let message = "";
let isOk = true
data['taxes'].map((taxe) => {
// console.log("Taxes map", taxe);
if (taxe.has_image_capture === "1") {
if (_.isNil(taxe.image)) {
isOk = false;
message += `${I18n.t("TAXE_REQUIRED_IMAGE")} ${taxe.name}`
}
}
});
if (data.hasOwnProperty("secondary_taxes")) {
data['secondary_taxes'].map((taxe) => {
console.log("Secondary Taxes map", taxe);
if (_.isNil(taxe.image)) {
isOk = false;
message += `${I18n.t("TAXE_REQUIRED_IMAGE")} ${taxe.name}`
}
});
}
console.log("Message erreur image", message);
this.setState({messageRequiredImage: message});
return isOk;
}
checkIfAllImagesIsOkForActif(data) {
let message = "";
let isOk = true
data.map((taxe) => {
console.log("Taxes map", taxe);
if (taxe.has_image_capture === "1") {
if (_.isNil(taxe.image)) {
isOk = false;
message += `${I18n.t("TAXE_REQUIRED_IMAGE")} ${taxe.name}`
}
}
});
this.setState({messageRequiredImage: message});
return isOk;
}
submitUsagerOffline(data) {
getData(usagerToSave).then(resultGet => {
let usagerArray = new Array();
console.log("DATA FROM ASYNC STORAGE", resultGet);
if (_.isNil(resultGet)) {
usagerArray.push({
data,
isSaved: false
});
} else {
usagerArray = JSON.parse(resultGet);
if (usagerArray.length <= 10) {
usagerArray.push({
data,
isSaved: false
});
}
}
if (usagerArray.length === 10) {
Alert.alert("", I18n.t("LIMITE_USAGER_LOCAL_ATTEINTE"), [{
text: "Ok",
onPress: () => {
this.props.navigation.popToTop()
}
}]);
} else {
storeData(usagerToSave, JSON.stringify(usagerArray)).then(() => {
Alert.alert("", I18n.t("USAGER_SAVED_SUCCESSFULLY"), [{
text: "Ok",
onPress: () => {
this.setState({isLoading: false});
this.props.navigation.popToTop()
}
}])
});
}
});
}
// getTownValue(key, defaultValue = "") {
// return this.state.town && this.state.town[key] ? this.state.town[key] : defaultValue;
// }
checkUserGeolocated() {
let {myPosition, textaddress, place, indicatif, user, network, phone, phoneTransaction} = this.state;
this.setState({isLoading: true});
console.log("this.state=========>>>>>>>",this.state)
if (this.state.isActif) {
let taxes_to_send = [];
console.log("Taxes to send", this.state.taxes_selected);
for (let i = 0; i < this.state.tabTaxe.length; i++) {
if (this.state.taxes_selected[i] !== undefined) {
if (this.state.taxes_selected[i].has_image_capture === "1") {
taxes_to_send.push({
has_image_capture: "1",
latitude: this.isOffline ? this.state.latitude : this.state.taxes_selected[i].latitude,
longitude: this.isOffline ? this.state.longitude : this.state.taxes_selected[i].longitude,
image: this.state.taxes_selected[i].image,
name: this.state.taxes_selected[i].name,
id_network_tax: this.state.taxes_selected[i].id,
tax_units_count: isNil(this.state.tax_units_count[i]) ? null : this.state.tax_units_count[i],
units_per_tax_unit_count: isNil(this.state.units_per_tax_unit_count[i]) ? null : this.state.units_per_tax_unit_count[i],
number_of_days: isNil(this.state.number_of_days[i]) ? null : this.state.number_of_days[i],
neighborhood: this.state.taxes_selected[i].neighborhood,
district: this.state.taxes_selected[i].district
});
} else {
taxes_to_send.push({
has_image_capture: "0",
latitude: this.isOffline ? this.state.latitude : this.state.taxes_selected[i].latitude,
longitude: this.isOffline ? this.state.longitude : this.state.taxes_selected[i].longitude,
id_network_tax: this.state.taxes_selected[i].id,
name: this.state.taxes_selected[i].name,
tax_units_count: isNil(this.state.tax_units_count[i]) ? null : this.state.tax_units_count[i],
units_per_tax_unit_count: isNil(this.state.units_per_tax_unit_count[i]) ? null : this.state.units_per_tax_unit_count[i],
number_of_days: isNil(this.state.number_of_days[i]) ? null : this.state.number_of_days[i],
neighborhood: this.state.taxes_selected[i].neighborhood,
district: this.state.taxes_selected[i].district
});
}
}
}
if (this.isOffline) {
if (this.checkOrShake(this.state.taxes_selected[0], this.taxesAnim)) {
if ((this.checkOrAlert(this.checkIfArrayValueIsNull(this.state.taxes_selected, 'district'), `${I18n.t("THE_FIELD")} ${I18n.t("DISTRICT")} ${I18n.t("IS_REQUIRED")}`, false))) {
if (this.checkOrShake(this.state.companies_types_selected, this.nomSocieteAnim, false)) {
if ((this.checkOrAlert(this.checkIfArrayValueIsNull(this.state.taxes_selected, 'neighborhood'), `${I18n.t("THE_FIELD")} ${I18n.t("NEIGHTBORHOOD")} ${I18n.t("IS_REQUIRED")}`, false))) {
getData(actifToSave).then(resultGet => {
let actifArray = new Array();
console.log("DATA FROM ASYNC STORAGE", resultGet);
if (_.isNil(resultGet)) {
actifArray.push({
data: {
id_network_super: this.state.result.id_network_super,
id_company: this.state.companies_types_selected,
district: this.state.district,
neighborhood: this.state.neighborhood,
taxes: taxes_to_send
},
isSaved: false
});
} else {
actifArray = JSON.parse(resultGet);
if (actifArray.length <= 10) {
actifArray.push({
data: {
id_network_super: this.state.result.id_network_super,
id_company: this.state.companies_types_selected,
district: this.state.district,
neighborhood: this.state.neighborhood,
taxes: taxes_to_send
},
isSaved: false
});
}
}
if (actifArray.length === 10) {
Alert.alert("", I18n.t("LIMITE_ACTIF_LOCAL_ATTEINTE"), [{
text: "Ok",
onPress: () => {
this.props.navigation.popToTop();
}
}]);
} else {
if (this.checkIfAllImagesIsOkForActif(this.state.taxes_selected)) {
storeData(actifToSave, JSON.stringify(actifArray)).then(() => {
Alert.alert("", I18n.t("ACTIF_SAVED_SUCCESSFULLY"), [{
text: "Ok",
onPress: () => {
this.props.navigation.popToTop()
}
}])
});
} else {
Alert.alert(I18n.t("ERROR_LABEL"), this.state.messageRequiredImage, [{
text: "Ok",
onPress: () => {
this.setState({isLoading: false});
}
}]);
}
}
});
} else this.setState({isLoading: false})
} else this.setState({isLoading: false});
} else this.setState({isLoading: false});
} else this.setState({isLoading: false});
} else {
this.props.saveActifSocietyAction({
id_network_super: this.state.result.id_network_super,
id_company: this.state.companies_types_selected,
district: this.state.district,
neighborhood: this.state.neighborhood,
taxes: taxes_to_send
});
}
} else {
if (user !== undefined) {
const addIndicatif = (phone) => {
const indicatif = "+237";
return phone.startsWith(indicatif) ? phone : indicatif + phone;
};
var data = {};
data.tag = "member";
data.type = "create_geolocated_user";
data['phone'] = addIndicatif(this.state.data.phone.replace("undefined", ""));
data['phone_transaction'] = addIndicatif(this.state.data.phone_transaction.replace("undefined", ""));
data['network'] = this.state.data.network;
data['id_network_tax'] = this.state.data.network.id;
data['town'] = this.isOffline ? null : this.state.town;
if (this.state.town && typeof this.state.town === 'object') {
data['town'] = {
name: this.state.municipality || "",
id: this.state.town.id || "",
indicatif: "+237" || "",
districts: Array.isArray(this.state.result.districts) ? this.state.result.districts : []
};
} else {
data['town'] = null;
}
// Utilisation :
// data['town'] = {
// name: this.getTownValue('name'),
// id: this.getTownValue('id'),
// indicatif: this.getTownValue('indicatif'),
// districts: this.getTownValue('districts', [])
// };
let taxes_to_send = [];
for (let i = 0; i < this.state.tabTaxe.length; i++) {
if (this.state.taxes_selected[i] !== undefined) {
if (this.state.taxes_selected[i].has_image_capture === "1") {
taxes_to_send.push({
has_image_capture: "1",
image: this.state.taxes_selected[i].image,
name: this.state.taxes_selected[i].name,
id_network_tax: this.state.taxes_selected[i].id,
number_of_days: isNil(this.state.number_of_days[i]) ? null : this.state.number_of_days[i],
tax_units_count: isNil(this.state.tax_units_count[i]) ? null : this.state.tax_units_count[i],
units_per_tax_unit_count: isNil(this.state.units_per_tax_unit_count[i]) ? null : this.state.units_per_tax_unit_count[i]
});
} else {
taxes_to_send.push({
has_image_capture: "0",
id_network_tax: this.state.taxes_selected[i].id,
name: this.state.taxes_selected[i].name,
number_of_days: isNil(this.state.number_of_days[i]) ? null : this.state.number_of_days[i],
tax_units_count: isNil(this.state.tax_units_count[i]) ? null : this.state.tax_units_count[i],
units_per_tax_unit_count: isNil(this.state.units_per_tax_unit_count[i]) ? null : this.state.units_per_tax_unit_count[i]
});
}
}
}
if (this.state.publicites_taxes !== null) {
let publicites_taxes = new Array();
publicites_taxes.push({
...this.state.publicites_taxes,
id_network_tax: this.state.publicites_taxes.id
});
data['secondary_taxes'] = publicites_taxes;
}
data['taxes'] = taxes_to_send;
data['required_taxes'] = this.state.required_taxes.filter((element, i) => element.id_network_tax === this.state.selectedTax.id)
//data['required_taxes'] = this.state.required_taxes;
data['id_company_type'] = this.state.companies_types_selected;
data['identification_number'] = this.state.identification_number;
data['trade_registry'] = this.state.trade_registry;
data['responsable_name'] = this.state.responsable_name;
data['technical_approval'] = this.state.technical_approval;
data['municipality'] = this.state.municipality;
data['municipality'] = this.state.municipality;
data['neighborhood'] = this.state.neighborhood;
data['district'] = this.state.district;
data['id_patente'] = this.state.id_patente;
data['TVA'] = this.state.TVA;
data['IRPP'] = this.state.IRPP;
data['activity_type'] = this.state.activity_type;
data['year_tax_paid_N_1'] = this.state.year_tax_paid_N;
data['year_tax_paid_N_2'] = this.state.year_tax_paid_N_1;
data['year_tax_paid_N_3'] = this.state.year_tax_paid_N_2;
data['latitude'] = this.state.data.latitude;
data['longitude'] = this.state.data.longitude;
data['player_id'] = this.state.player_id;
for (let i in user) {
data[i] = user[i];
}
data['category'] = user.category;
data['active'] = '0';
console.log("DATA TO SEND CONVERT", data);
let idsNetworksGroup1 = ["15", "16", "21", "17"];
let idsNetworksGroup3 = ["14"];
if (this.isOffline) {
console.log("STATE", this.state);
if (((this.state.data.network.id !== "15") && (this.checkOrAlert(this.state.taxes_selected[0], `${I18n.t("THE_FIELD")} ${I18n.t("TAXE")} ${I18n.t("IS_REQUIRED")}`, true))) || ((this.state.data.network.id === "15") && !(this.checkOrAlert(this.state.taxes_selected[0], `${I18n.t("TAXE")} ${I18n.t("IS_REQUIRED")}`, true)))) {
if (this.checkOrAlert(this.state.companies_types_selected, `${I18n.t("THE_FIELD")} ${I18n.t("SOCIETY_TYPE")} ${I18n.t("IS_REQUIRED")}`, true)) {
if ((this.state.data.network.id !== "14") && (this.checkOrAlert(this.state.activity_type, `${I18n.t("THE_FIELD")} ${I18n.t("TYPE_ACTIVITE")} ${I18n.t("IS_REQUIRED")}`, false))) {
if ((this.state.data.network.id !== "14") && (this.checkOrAlert(this.state.municipality, `${I18n.t("THE_FIELD")} ${I18n.t("MUNICIPALITY")} ${I18n.t("IS_REQUIRED")}`, false))) {
if ((this.checkOrAlert(this.state.responsable_name, `${I18n.t("THE_FIELD")} ${I18n.t("NOM_RESPONSABLE")} ${I18n.t("IS_REQUIRED")}`, false))) {
if ((this.checkOrAlert(this.state.district, `${I18n.t("THE_FIELD")} ${I18n.t("DISTRICT")} ${I18n.t("IS_REQUIRED")}`, false))) {
if ((this.checkOrAlert(this.state.neighborhood, `${I18n.t("THE_FIELD")} ${I18n.t("NEIGHTBORHOOD")} ${I18n.t("IS_REQUIRED")}`, false))) {
if (this.checkIfAllImagesIsOk(data)) {
if (!this.state.addNewTaxeOdtp) {
if (this.state.data.network.id === "18") {
Alert.alert("", I18n.t("DO_YOU_WANT_TO_ADD_ANOTHER_TAXES"), [{
text: I18n.t('YES'),
onPress: () => {
getData(supervisorCode).then(codeSupervisor => {
if (_.isNil(codeSupervisor)) {
Alert.alert(
I18n.t("ERROR_LABEL"),
I18n.t('DATA_NOT_SYNCHRONISED_WITH_SERVER')
,
[
{
text: I18n.t("NO"),
onPress: () => {
BackHandler.exitApp();
}
},
{
text: I18n.t("YES"),
onPress: () => {
this.setState({displayLoader: true});
}
}
],
{cancelable: false}
);
} else {
let codeSupervisorsData = JSON.parse(codeSupervisor);
let codeSupervisors = Object.keys(codeSupervisorsData);
let dataSupervisors = Object.entries(codeSupervisorsData);
let dataTaxesPublicite = {};
dataSupervisors.map((codeSupervisor, index) => {
if (codeSupervisor[1].network.id === "19")
dataTaxesPublicite = codeSupervisor[1];
});
this.setState({dataTaxesPublicite});
}
});
this.setState({
addNewTaxeOdtp: true,
displayAddTaxeFromOtherNetwork: true,
isLoading: false
});
this._scrollView.scrollTo(0);
}
}, {
text: I18n.t('NO'),
onPress: () => {
this.submitUsagerOffline(data);
}
}]);
} else
this.submitUsagerOffline(data);
} else {
if ((this.checkOrAlert(this.state.publicites_taxes, `${I18n.t("THE_FIELD")} ${I18n.t("TAXES_SUR_LA_PUBLICITE")} ${I18n.t("IS_REQUIRED")}`, true))) {
this.submitUsagerOffline(data);
} else this.setState({isLoading: false})
}
} else {
Alert.alert(I18n.t("ERROR_LABEL"), I18n.t("TAXES_REQUIRED_IMAGE"), [{
text: "Ok",
onPress: () => {
//this._scrollView.scrollTo(0);
this.setState({isLoading: false});
}
}]);
}
} else this.setState({isLoading: false})
} else this.setState({isLoading: false})
} else this.setState({isLoading: false});
} else this.setState({isLoading: false});
} else this.setState({isLoading: false});
} else this.setState({isLoading: false});
} else this.setState({isLoading: false});
} else {
createGeolocatedAccount(data).then((result) => {
console.log('resulta==========>>>>>>>',result);
console.log('datass==========>>>>>>>',data);
if (result.success !== undefined && result.success === 1) {
const message = result.category === 'super' ? I18n.t("HYPERVISOR_MUST_VALIDATE_SUPERVISOR")
: I18n.t("ACCOUNT_SUCCESSFULL_CREATED")
Alert.alert("", message, [{
text: "Ok",
onPress: () => {
this.props.navigation.popToTop()
}
}]);
setTimeout(() => {
this.setState({isLoading: false})
}, 1000)
this.props.navigator.push({
screen: route.login
})
this.setState({isLoading: false})
} else {
if (result.error !== undefined) {
switch (result.error) {
case -3:
Alert.alert("", I18n.t('UNABLE_TO_CREATE_ACCOUNT'), [{
text: "Ok",
onPress: () => {
}
}])
break;
default:
if (result.error_msg)
Alert.alert("", result.error_msg, [{
text: "Ok",
onPress: () => {
}
}])
else if (result.sql_error)
Alert.alert(I18n.t('UNABLE_TO_CREATE_ACCOUNT'), result.sql_error, [{
text: "Ok",
onPress: () => {
}
}])
}
this.setState({isLoading: false})
}
}
}).catch((error) => {
this.setState({isLoading: false})
});
}
} else {
this.setState({isLoading: false})
}
}
}
checkOrShake(champ, view, scroll = false) {
let res = !_.isNil(champ);
console.log("CheckOrShake field condition", res, "Animatable view", view, "scrollTo", scroll);
if (!res) {
if (view !== undefined)
view.shake(800);
}
if (scroll)
this._scrollView.scrollTo(0);
return res;
}
checkOrAlert(champ, message, scroll = false) {
let res = !_.isNil(champ);
if (!res) {
Alert.alert(I18n.t("ERROR_LABEL"), message, [{
text: "Ok",
onPress: () => {
this.setState({isLoading: false});
}
}]);
}
if (scroll)
this._scrollView.scrollTo(0);
return res;
}
checkIfArrayValueIsNull(tab, key) {
let size = 0;
tab.map((value) => {
if (!_.isNil(value[key]))
size++;
});
if (size === tab.length)
return " ";
else
return null;
}
prepareModal() {
return (
{I18n.t("LOADING_DESCRIPTION_COUNTRY")}
)
}
render() {
return (
<>
{this.state.isActif ?
this.renderActifAccount()
: this.renderUserGeoAccount()}
)
}
}
const
maptStateToProps = state => ({
loading: state.saveActifSocietyReducer.loading,
result: state.saveActifSocietyReducer.result,
error: state.saveActifSocietyReducer.error,
});
const
mapDispatchToProps = dispatch => bindActionCreators({
saveActifSocietyAction,
saveActifSocietyReset,
}, dispatch);
export default connect(maptStateToProps, mapDispatchToProps)
(
CreateUserStep
)
;
const
LONG_LIST = [
'List element 1',
'List element 2',
'List element 5',
'List element 6',
'List element 7',
'List element 8',
,
];
const
styles = StyleSheet.create({
rowContainer: {
height: 52,
flex: 1,
flexDirection: 'row',
justifyContent: 'flex-start',
alignItems: 'center',
},
iconContainer: {
marginRight: 16,
},
container: {
flex: 1,
backgroundColor: theme.primary,
},
checkboxContainer: {
flexDirection: "row",
marginBottom: 20,
},
checkbox: {
alignSelf: "center",
color: "white"
},
label: {
margin: 8,
color: "white"
},
textbtnvalide: {
color: 'white',
fontWeight: 'bold'
},
bigtitle: {
color: 'white',
fontSize: 20,
flex: 1,
fontWeight: 'bold',
textAlign: 'center',
margin: 20,
},
subbigtitle: {
color: 'white',
fontSize: 17,
textAlign: 'center',
margin: 5,
},
title: {
fontSize: 22,
fontWeight: 'bold',
margin: 10,
color: 'white'
},
map: {
height: 200,
marginRight: responsiveWidth(5),
marginLeft: responsiveWidth(5),
marginVertical: 10,
},
btnvalide: {
marginTop: 20,
marginLeft: 20,
marginRight: 20,
borderColor: 'transparent',
backgroundColor: theme.accentLight,
height: 52
},
input: {
height: 60,
marginTop: responsiveHeight(2),
marginLeft: responsiveWidth(5),
marginRight: responsiveWidth(5),
borderRadius: 5,
},
contentPicker: {
padding: 10,
borderRadius: 8,
flex: 1,
alignItems: "center"
},
contain: {flexDirection: "row"},
thumb: {
borderRadius: 30,
marginRight: 10
},
point: {
width: 25,
height: 25,
borderRadius: 11,
alignItems: "center",
justifyContent: "center",
position: "absolute",
right: 9,
bottom: 0
},
})