muba-posting 9.0.2 → 9.0.4

package/Publish2b.js

@@ -53,18 +53,41 @@ export default class Publish2b extends React.Component {
   }
 
   loadData = async () => {
-    const region = this.props.postingAd.region;
-    const city = this.props.postingAd.city;
-    const district = this.props.postingAd.district;
-    const town = this.props.postingAd.town;
-
-    await this.loadRegions();
-    await this.loadCities(region);
-    await this.loadDistricts(city);
-    await this.loadTowns(district);
-
-    await this.setState({ townOptions: { ...this.state.townOptions, selectedItem: town } })
-    this.props.postingAd.town = town
+    const { region, city, district, town } = this.props.postingAd;
+
+    this.setState({
+      regionOptions: {
+        elements: [this.state.regionOptions.elements[0], ...this.state.locationsList.map(({ subList, ...rest }) => ({ ...rest }))],
+        selectedItem: region
+      }
+    });
+
+    if (city != null) {
+      this.setState({
+        cityOptions: {
+          elements: [this.state.cityOptions.elements[0], ...this.state.locationsList.filter(r => r.value === region)[0].subList.map(({ subList, ...rest }) => ({ ...rest }))],
+          selectedItem: city
+        }
+      });
+    }
+
+    if (district != null) {
+      this.setState({
+        districtOptions: {
+          elements: [this.state.districtOptions.elements[0], ...this.state.locationsList.filter(r => r.value === region)[0].subList.filter(c => c.value === city)[0].subList.map(({ subList, ...rest }) => ({ ...rest }))],
+          selectedItem: district
+        }
+      });
+    }
+
+    if (town != null) {
+      this.setState({
+        townOptions: {
+          elements: [this.state.townOptions.elements[0], ...this.state.locationsList.filter(r => r.value === region)[0].subList.filter(c => c.value === city)[0].subList.filter(d => d.value === district)[0].subList],
+          selectedItem: town
+        }
+      });
+    }
   }
 
   async loadRegions() {
@@ -79,7 +102,7 @@ export default class Publish2b extends React.Component {
   }
 
   async loadCities(value) {
-    await this.setState({ regionOptions: { ...this.state.regionOptions, selectedItem: value } });
+    this.setState({ regionOptions: { ...this.state.regionOptions, selectedItem: value } });
     this.props.postingAd.region = value;
 
     if (value != null) {
@@ -89,7 +112,7 @@ export default class Publish2b extends React.Component {
         selectedItem: null
       }
 
-      await this.setState({
+      this.setState({
         cityOptions: cityOptions,
         districtOptions: { elements: [this.state.districtOptions.elements[0]], selectedItem: null },
         townOptions: { elements: [this.state.townOptions.elements[0]], selectedItem: null }
@@ -102,7 +125,7 @@ export default class Publish2b extends React.Component {
   }
 
   async loadDistricts(value) {
-    await this.setState({ cityOptions: { ...this.state.cityOptions, selectedItem: value } });
+    this.setState({ cityOptions: { ...this.state.cityOptions, selectedItem: value } });
     this.props.postingAd.city = value;
 
     if (value != null) {
@@ -116,7 +139,7 @@ export default class Publish2b extends React.Component {
         districtOptions.selectedItem = city.subList[0].value;
       }
 
-      await this.setState({ districtOptions: districtOptions });
+      this.setState({ districtOptions: districtOptions });
       this.props.postingAd.district = null;
       this.props.postingAd.town = null;
 
@@ -124,13 +147,13 @@ export default class Publish2b extends React.Component {
         this.inputSelectDistrict?.onSubmitValidate();
         await this.loadTowns(districtOptions.selectedItem);
       } else {
-        await this.setState({ townOptions: { elements: [this.state.townOptions.elements[0]], selectedItem: null } });
+        this.setState({ townOptions: { elements: [this.state.townOptions.elements[0]], selectedItem: null } });
       }
     }
   }
 
   async loadTowns(value) {
-    await this.setState({ districtOptions: { ...this.state.districtOptions, selectedItem: value } })
+    this.setState({ districtOptions: { ...this.state.districtOptions, selectedItem: value } })
     this.props.postingAd.district = value;
 
     if (value != null) {
@@ -145,7 +168,7 @@ export default class Publish2b extends React.Component {
         this.props.postingAd.town = townOptions.selectedItem;
       }
 
-      await this.setState({ townOptions: townOptions });
+      this.setState({ townOptions: townOptions });
 
       if (district.subList.length == 1) {
         this.inputSelectTown?.onSubmitValidate();
@@ -173,10 +196,10 @@ export default class Publish2b extends React.Component {
           errorCity: !responseCheckZone.correctCity
         })
 
-        if (!responseCheckZone.correctCity){
+        if (!responseCheckZone.correctCity) {
           this.popupNoZone.show();
         } else {
-          this.props.goToPage(Views.PAYMENT_ONLINE, false, {onlyShowCreateBusiness: true});
+          this.props.goToPage(Views.PAYMENT_ONLINE, false, { onlyShowCreateBusiness: true });
         }
       }
     }
@@ -219,7 +242,8 @@ export default class Publish2b extends React.Component {
             <InputText value={this.state.address}
               label={strings('setup.adress')}
               labelStyle={commonStyles.progressbarField}
-              required={false}
+              required={true}
+              scroll={(ref) => this.props.scroll(ref)}
               onChangeText={(text) => this.onChangeAddress(text)}
               textContainerStyle={commonStyles.inputContainer}
               disabled={!this.props.allowedToModify.address || this.props.postingAd.promotionId != null}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "muba-posting",
-  "version": "9.0.2",
+  "version": "9.0.4",
   "description": "Posting",
   "main": "Posting.js",
   "scripts": {

package/shared/InputNumber.js

@@ -17,23 +17,27 @@ export default class InputNumber extends React.Component {
 
   async subtract(value) {
     if ((this.props.minValue == null || this.props.minValue <= value - 1) && value - 1 >= 0) {
-      await this.setState({ numberValue: value - 1 })
-      this.setState({ minValueError: false });
-
-      if (this.props.onChange) {
-        this.props.onChange(this.state.numberValue);
-      }
+      this.setState({
+        numberValue: value - 1,
+        minValueError: false
+      }, () => {
+        if (this.props.onChange) {
+          this.props.onChange(this.state.numberValue);
+        }
+      });
     }
   }
 
   async add(value) {
     if (this.props.maxValue == null || this.props.maxValue >= value + 1) {
-      await this.setState({ numberValue: value + 1 })
-      this.setState({ minValueError: false });
-
-      if (this.props.onChange) {
-        this.props.onChange(this.state.numberValue);
-      }
+      this.setState({
+        numberValue: value + 1,
+        minValueError: false
+      }, () => {
+        if (this.props.onChange) {
+          this.props.onChange(this.state.numberValue);
+        }
+      });
     }
   }
 
@@ -53,7 +57,7 @@ export default class InputNumber extends React.Component {
   render() {
     return (
       <View style={[commonStyles.col, commonStyles.col6, commonStyles.inputNumberBox]} ref={this.inputNumberView}>
-        <View style={[commonStyles.col, commonStyles.col12, this.state.minValueError ? commonStyles.fieldError : null]} ref={(element) => this.inputNumberView = element}>
+        <View style={[commonStyles.col, commonStyles.col12, this.state.minValueError ? commonStyles.fieldError : null]}>
           <View style={commonStyles.inputNumberLabelBox}>
             <View style={commonStyles.row}>
               <Text style={commonStyles.inputNumberLabel}>{this.props.label}</Text>