muba-posting 4.1.16 → 4.1.19

package/Posting.js

@@ -64,9 +64,9 @@ export default class Posting extends React.Component {
       businessId: this.props.businessId,
       picturesUploaded: 0,
       postingAd: {
-        category: null,
-        subCategory: null,
-        subCategoryDetails: [],
+        transaction: null,
+        adType: null,
+        adTypeDetails: [],
         exactlyLocated: true,
         latitude: null,
         longitude: null,
@@ -363,7 +363,11 @@ export default class Posting extends React.Component {
   }
 
   async _saveEditAd() {
-    const response = await this.props.request(this, UPDATE_AD, { ...this.state.postingAd, id: { adId: this.state.postingAd.id } });
+    const ad = { ...this.state.postingAd, id: { adId: this.state.postingAd.id } };
+    if (this.state.originView === Views.EDIT_SELECTOR && Views.PUBLISH_4 !== this.state.view) {
+      delete ad.images;
+    }
+    const response = await this.props.request(this, UPDATE_AD, ad);
     if (this.props.adId) {
       if (this.state.originView === Views.EDIT_SELECTOR) {
         this.setState({ isLoading: true });

package/PostingEdit.js

@@ -10,7 +10,7 @@ export default class PostingEdit extends React.Component {
     super(props);
 
     this.state = {
-      showFunctionalities: this.props.postingAd.subCategoryDetails.filter(function (detail) { return detail.value == "floorType" }).length > 0
+      showFunctionalities: this.props.postingAd.adTypeDetails.filter(function (detail) { return detail.value == "floorType" }).length > 0
     };
   }
 
@@ -22,7 +22,7 @@ export default class PostingEdit extends React.Component {
 
   refresh() {
     this.setState({
-      showFunctionalities: this.props.postingAd.subCategoryDetails.filter(function (detail) { return detail.value == "floorType" }).length > 0
+      showFunctionalities: this.props.postingAd.adTypeDetails.filter(function (detail) { return detail.value == "floorType" }).length > 0
     });
   }
 
@@ -47,7 +47,7 @@ export default class PostingEdit extends React.Component {
               <View style={commonStyles.homeIcon} >
                 <Image source={require('./assets/images/type.png')} style={commonStyles.homeIconImage} />
               </View>
-              <Text style={commonStyles.editIconText}>{strings('edit.category')}</Text>
+              <Text style={commonStyles.editIconText}>{strings('edit.transaction')}</Text>
             </TouchableOpacity>
             <TouchableOpacity style={[commonStyles.col, commonStyles.col4, commonStyles.homeLinkBox]} activeOpacity={0.5} onPress={() => this.navigateToPublish2()}>
               <View style={commonStyles.homeIcon} >

package/Preview.js

@@ -41,8 +41,8 @@ export default class Preview extends React.Component {
     this.setState({
       mainPicture: params.mainPicture,
       location: params.location,
-      category: params.categoryName,
-      subCategory: params.subCategoryName,
+      transaction: params.transactionName,
+      adType: params.adTypeName,
       surface: params.surface,
       showPrice: params.showPrice,
       price: params.price,
@@ -161,11 +161,11 @@ export default class Preview extends React.Component {
                       </View>
                       <View style={commonStyles.row}>
                         <FontAwesomeIcon style={commonStyles.previewIcon} name="key" />
-                        <Text style={commonStyles.previewInfoText}>{this.state.category}</Text>
+                        <Text style={commonStyles.previewInfoText}>{this.state.transaction}</Text>
                       </View>
                       <View style={commonStyles.row}>
                         <FontAwesomeIcon style={commonStyles.previewIcon} name="tags" />
-                        <Text style={commonStyles.previewInfoText}>{this.state.subCategory}</Text>
+                        <Text style={commonStyles.previewInfoText}>{this.state.adType}</Text>
                       </View>
                     </View>
                     <View style={commonStyles.col5}>

package/Publish1.js

@@ -6,20 +6,20 @@ import RadioButtonGroup from 'muba-radio-button-group';
 import { Views } from './utils/Views';
 const window = Dimensions.get('window');
 
-const GET_CATEGORIES = { method: 'GET', url: '/controller/categories' };
+const GET_TRANSACTIONS = { method: 'GET', url: '/controller/transactions' };
 
 export default class Publish1 extends React.Component {
   constructor(props) {
     super(props);
 
-    this.oldCategory = this.props.postingAd.category;
-    this.oldSubCategory = this.props.postingAd.subCategory;
+    this.oldTransaction = this.props.postingAd.transaction;
+    this.oldAdType = this.props.postingAd.adType;
 
     this.state = {
       isLoading: false,
       showTypeBienError: false,
-      transactionOptions: { elements: [], selectedItem: this.props.postingAd.category },
-      typeBienOptions: { elements: [], selectedItem: this.props.postingAd.subCategory },
+      transactionOptions: { elements: [], selectedItem: this.props.postingAd.transaction },
+      typeBienOptions: { elements: [], selectedItem: this.props.postingAd.adType },
     };
   }
 
@@ -30,18 +30,18 @@ export default class Publish1 extends React.Component {
         viewLoaded: true
       });
 
-      const responseJson = await this.props.request(this.props.context, GET_CATEGORIES, {
+      const responseJson = await this.props.request(this.props.context, GET_TRANSACTIONS, {
         userId: this.props.postingAd.userId
       });
 
       if (responseJson.httpStatus === 200) {
-        this.jsonCategories = responseJson.list;
-        this.props.postingAd.category = this.props.postingAd.category != null ? this.props.postingAd.category : this.jsonCategories[0].value;
-        this.props.postingAd.subCategory = this.props.postingAd.subCategory != null ? this.props.postingAd.subCategory : this.jsonCategories[0].subList[0].value;
+        this.jsonTransactions = responseJson.list;
+        this.props.postingAd.transaction = this.props.postingAd.transaction != null ? this.props.postingAd.transaction : this.jsonTransactions[0].value;
+        this.props.postingAd.adType = this.props.postingAd.adType != null ? this.props.postingAd.adType : this.jsonTransactions[0].subList[0].value;
 
         await this.setState({
-          transactionOptions: { elements: this.jsonCategories.map(jsonCategory => { return { label: jsonCategory.label, value: jsonCategory.value } }), selectedItem: this.props.postingAd.category },
-          typeBienOptions: { elements: this.getSubCategories(this.props.postingAd.category), selectedItem: this.props.postingAd.subCategory }
+          transactionOptions: { elements: this.jsonTransactions.map(jsonTransaction => { return { label: jsonTransaction.label, value: jsonTransaction.value } }), selectedItem: this.props.postingAd.transaction },
+          typeBienOptions: { elements: this.getAdTypes(this.props.postingAd.transaction), selectedItem: this.props.postingAd.adType }
         })
       }
       this.props.hideLoading();
@@ -53,62 +53,62 @@ export default class Publish1 extends React.Component {
       this.setState({ minHeight: minHeight })
     }
 
-    if (prevProps.postingAd.category !== this.props.postingAd.category
-      || prevProps.postingAd.subCategory !== this.props.postingAd.subCategory) {
-      this.oldCategory = this.props.postingAd.category;
-      this.oldSubCategory = this.props.postingAd.subCategory;
+    if (prevProps.postingAd.transaction !== this.props.postingAd.transaction
+      || prevProps.postingAd.adType !== this.props.postingAd.adType) {
+      this.oldTransaction = this.props.postingAd.transaction;
+      this.oldAdType = this.props.postingAd.adType;
 
       this.setState({
-        transactionOptions: { ...this.state.transactionOptions, selectedItem: this.props.postingAd.category },
-        typeBienOptions: { elements: this.getSubCategories(this.props.postingAd.category), selectedItem: this.props.postingAd.subCategory }
+        transactionOptions: { ...this.state.transactionOptions, selectedItem: this.props.postingAd.transaction },
+        typeBienOptions: { elements: this.getAdTypes(this.props.postingAd.transaction), selectedItem: this.props.postingAd.adType }
       });
     }
   }
 
-  getSubCategories(category) {
-    return this.jsonCategories?.find((categoryJson) =>
-      categoryJson.value === category
+  getAdTypes(transaction) {
+    return this.jsonTransactions?.find((transactionJson) =>
+      transactionJson.value === transaction
     ).subList;
   }
 
-  async changeCategory(category) {
-    this.props.postingAd.category = category;
-    this.props.postingAd.subCategory = undefined;
+  async changeTransaction(transaction) {
+    this.props.postingAd.transaction = transaction;
+    this.props.postingAd.adType = undefined;
 
-    const subCategories = this.getSubCategories(category);
-    let currentSubCategory = this.state.typeBienOptions.selectedItem;
+    const adTypes = this.getAdTypes(transaction);
+    let currentAdType = this.state.typeBienOptions.selectedItem;
 
-    if (currentSubCategory != null) {
-      if (currentSubCategory.includes('for-sale')) {
-        currentSubCategory = currentSubCategory.substring(0, currentSubCategory.indexOf('for-sale'));
-      } else if (currentSubCategory.includes('for-rent')) {
-        currentSubCategory = currentSubCategory.substring(0, currentSubCategory.indexOf('for-rent'));
-      } else if (currentSubCategory.includes('vacational')) {
-        currentSubCategory = currentSubCategory.substring(0, currentSubCategory.indexOf('vacational'));
+    if (currentAdType != null) {
+      if (currentAdType.includes('sale')) {
+        currentAdType = currentAdType.substring(0, currentAdType.indexOf('sale'));
+      } else if (currentAdType.includes('rent')) {
+        currentAdType = currentAdType.substring(0, currentAdType.indexOf('rent'));
+      } else if (currentAdType.includes('vacational')) {
+        currentAdType = currentAdType.substring(0, currentAdType.indexOf('vacational'));
       }
 
-      currentSubCategory = subCategories.find((element) => { return element.value.startsWith(currentSubCategory) });
+      currentAdType = adTypes.find((element) => { return element.value.startsWith(currentAdType) });
 
-      if (currentSubCategory === undefined) {
-        currentSubCategory = this.getSubCategories(category)[0].value;
+      if (currentAdType === undefined) {
+        currentAdType = this.getAdTypes(transaction)[0].value;
       } else {
-        currentSubCategory = currentSubCategory.value;
+        currentAdType = currentAdType.value;
       }
 
-      this.props.postingAd.subCategory = currentSubCategory;
+      this.props.postingAd.adType = currentAdType;
     }
-    await this.setState({ typeBienOptions: { elements: this.getSubCategories(category), selectedItem: this.props.postingAd.subCategory } });
+    await this.setState({ typeBienOptions: { elements: this.getAdTypes(transaction), selectedItem: this.props.postingAd.adType } });
   }
 
-  changeSubcategory(value) {
-    this.props.postingAd.subCategory = value;
+  changeAdType(value) {
+    this.props.postingAd.adType = value;
   }
 
   async nextStep() {
     if (this.validateForm()) {
       for (var i = 0; i < this.state.typeBienOptions.elements.length; i++) {
         if (this.state.typeBienOptions.elements[i].value == this.state.typeBienOptions.selectedItem) {
-          this.props.postingAd.subCategoryDetails = this.state.typeBienOptions.elements[i].subList;
+          this.props.postingAd.adTypeDetails = this.state.typeBienOptions.elements[i].subList;
           break;
         }
       }
@@ -120,7 +120,7 @@ export default class Publish1 extends React.Component {
           this.props.goToPage(Views.PUBLISH_2_B);
         }
       } else {
-        if (this.oldCategory != this.state.transactionOptions.selectedItem || this.oldSubCategory != this.state.typeBienOptions.selectedItem) {
+        if (this.oldTransaction != this.state.transactionOptions.selectedItem || this.oldAdType != this.state.typeBienOptions.selectedItem) {
           this.props.goToPage(Views.PUBLISH_3, true);
         } else {
           this.props.saveEditAd();
@@ -130,7 +130,7 @@ export default class Publish1 extends React.Component {
   }
 
   validateForm() {
-    return this.radioButtonSubcategory.onSubmitValidate();
+    return this.radioButtonAdType.onSubmitValidate();
   }
 
   render() {
@@ -149,7 +149,7 @@ export default class Publish1 extends React.Component {
                 titleStyle={commonStyles.progressbarField}
                 radioButtonStyle={commonStyles.radioButton}
                 options={this.state.transactionOptions}
-                onClick={(value) => this.changeCategory(value)} />
+                onClick={(value) => this.changeTransaction(value)} />
 
               <RadioButtonGroup
                 style={commonStyles.progressbarFieldContainer}
@@ -159,14 +159,14 @@ export default class Publish1 extends React.Component {
                 titleStyle={commonStyles.progressbarField}
                 radioButtonStyle={commonStyles.radioButton}
                 options={this.state.typeBienOptions}
-                onClick={(value) => this.changeSubcategory(value)}
-                ref={(element) => this.radioButtonSubcategory = element} />
+                onClick={(value) => this.changeAdType(value)}
+                ref={(element) => this.radioButtonAdType = element} />
             </View>
           </View>
           <View style={commonStyles.buttomButton}>
             <TouchableHighlight style={commonStyles.actionButton} underlayColor="#ff5d00" onPress={() => this.nextStep()}>
               <Text style={commonStyles.actionButtonText}>
-                {this.props.postingAd.id == null || this.props.fullPosting || this.oldCategory != this.state.transactionOptions.selectedItem || this.oldSubCategory != this.state.typeBienOptions.selectedItem ?
+                {this.props.postingAd.id == null || this.props.fullPosting || this.oldTransaction != this.state.transactionOptions.selectedItem || this.oldAdType != this.state.typeBienOptions.selectedItem ?
                   strings('setup.next').toUpperCase()
                   :
                   strings('setup.enregistrer').toUpperCase()}

package/Publish3.js

@@ -15,19 +15,19 @@ export default class Publish3 extends React.Component {
   constructor(props) {
     super(props);
 
-    if (this.props.postingAd.pricePeriod === -1 && this.props.postingAd.subCategoryDetails.filter(function (detail) { return detail.value == "pricePeriod" }).length > 0) {
+    if (this.props.postingAd.pricePeriod === -1 && this.props.postingAd.adTypeDetails.filter(function (detail) { return detail.value == "pricePeriod" }).length > 0) {
       this.props.postingAd.pricePeriod = 'MONTLY';
     }
-    const pricePeriod = this.props.postingAd.subCategoryDetails.filter(function (detail) { return detail.value == "pricePeriod" });
+    const pricePeriod = this.props.postingAd.adTypeDetails.filter(function (detail) { return detail.value == "pricePeriod" });
 
     this.state = {
-      area: this.props.postingAd.subCategoryDetails.filter(function (detail) { return detail.value == "surface" }),
-      condition: this.props.postingAd.subCategoryDetails.filter(function (detail) { return detail.value == "conservation" }),
-      pieces: this.props.postingAd.subCategoryDetails.filter(function (detail) { return detail.value == "pieces" }),
-      rooms: this.props.postingAd.subCategoryDetails.filter(function (detail) { return detail.value == "rooms" }),
-      baths: this.props.postingAd.subCategoryDetails.filter(function (detail) { return detail.value == "baths" }),
-      pax: this.props.postingAd.subCategoryDetails.filter(function (detail) { return detail.value == "pax" }),
-      minNights: this.props.postingAd.subCategoryDetails.filter(function (detail) { return detail.value == "minNights" }),
+      area: this.props.postingAd.adTypeDetails.filter(function (detail) { return detail.value == "surface" }),
+      condition: this.props.postingAd.adTypeDetails.filter(function (detail) { return detail.value == "conservation" }),
+      pieces: this.props.postingAd.adTypeDetails.filter(function (detail) { return detail.value == "pieces" }),
+      rooms: this.props.postingAd.adTypeDetails.filter(function (detail) { return detail.value == "rooms" }),
+      baths: this.props.postingAd.adTypeDetails.filter(function (detail) { return detail.value == "baths" }),
+      pax: this.props.postingAd.adTypeDetails.filter(function (detail) { return detail.value == "pax" }),
+      minNights: this.props.postingAd.adTypeDetails.filter(function (detail) { return detail.value == "minNights" }),
       pricePeriod: pricePeriod,
       conditionOptions: {
         elements: [
@@ -54,7 +54,7 @@ export default class Publish3 extends React.Component {
       },
       surface: this.props.postingAd.surface,
       price: this.props.postingAd.price,
-      subCategory: this.props.postingAd.subCategory,
+      adType: this.props.postingAd.adType,
       requiredErrorCondition: false,
       viewLoaded: false
     };
@@ -88,41 +88,41 @@ export default class Publish3 extends React.Component {
       this.setState({ minHeight: minHeight })
     }
 
-    if (prevProps.postingAd.subCategory !== this.props.postingAd.subCategory
+    if (prevProps.postingAd.adType !== this.props.postingAd.adType
       || prevProps.postingAd.surface !== this.props.postingAd.surface
       || prevProps.postingAd.price !== this.props.postingAd.price
       || prevProps.postingAd.condition !== this.props.postingAd.condition) {
       this.setState({
-        subCategory: this.props.postingAd.subCategory,
+        adType: this.props.postingAd.adType,
         surface: this.props.postingAd.surface,
         price: this.props.postingAd.price,
         conditionOptions: { ...this.state.conditionOptions, selectedItem: this.props.postingAd.condition },
-        area: this.props.postingAd.subCategoryDetails.filter(function (detail) { return detail.value == "surface" }),
-        condition: this.props.postingAd.subCategoryDetails.filter(function (detail) { return detail.value == "conservation" }),
-        pieces: this.props.postingAd.subCategoryDetails.filter(function (detail) { return detail.value == "pieces" }),
-        rooms: this.props.postingAd.subCategoryDetails.filter(function (detail) { return detail.value == "rooms" }),
-        baths: this.props.postingAd.subCategoryDetails.filter(function (detail) { return detail.value == "baths" }),
-        pax: this.props.postingAd.subCategoryDetails.filter(function (detail) { return detail.value == "pax" }),
-        minNights: this.props.postingAd.subCategoryDetails.filter(function (detail) { return detail.value == "minNights" }),
-        pricePeriod: this.props.postingAd.subCategoryDetails.filter(function (detail) { return detail.value == "pricePeriod" })
+        area: this.props.postingAd.adTypeDetails.filter(function (detail) { return detail.value == "surface" }),
+        condition: this.props.postingAd.adTypeDetails.filter(function (detail) { return detail.value == "conservation" }),
+        pieces: this.props.postingAd.adTypeDetails.filter(function (detail) { return detail.value == "pieces" }),
+        rooms: this.props.postingAd.adTypeDetails.filter(function (detail) { return detail.value == "rooms" }),
+        baths: this.props.postingAd.adTypeDetails.filter(function (detail) { return detail.value == "baths" }),
+        pax: this.props.postingAd.adTypeDetails.filter(function (detail) { return detail.value == "pax" }),
+        minNights: this.props.postingAd.adTypeDetails.filter(function (detail) { return detail.value == "minNights" }),
+        pricePeriod: this.props.postingAd.adTypeDetails.filter(function (detail) { return detail.value == "pricePeriod" })
       });
     }
   }
 
   async refreshData() {
-    if (this.state.subCategory != this.props.postingAd.subCategory) {
-      const pricePeriod = this.props.postingAd.subCategoryDetails.filter(function (detail) { return detail.value == "pricePeriod" });
+    if (this.state.adType != this.props.postingAd.adType) {
+      const pricePeriod = this.props.postingAd.adTypeDetails.filter(function (detail) { return detail.value == "pricePeriod" });
 
       await this.setState({
-        area: this.props.postingAd.subCategoryDetails.filter(function (detail) { return detail.value == "surface" }),
-        condition: this.props.postingAd.subCategoryDetails.filter(function (detail) { return detail.value == "conservation" }),
-        pieces: this.props.postingAd.subCategoryDetails.filter(function (detail) { return detail.value == "pieces" }),
-        rooms: this.props.postingAd.subCategoryDetails.filter(function (detail) { return detail.value == "rooms" }),
-        baths: this.props.postingAd.subCategoryDetails.filter(function (detail) { return detail.value == "baths" }),
-        pax: this.props.postingAd.subCategoryDetails.filter(function (detail) { return detail.value == "pax" }),
-        minNights: this.props.postingAd.subCategoryDetails.filter(function (detail) { return detail.value == "minNights" }),
-        pricePeriod: this.props.postingAd.subCategoryDetails.filter(function (detail) { return detail.value == "pricePeriod" }),
-        subCategory: this.props.postingAd.subCategory,
+        area: this.props.postingAd.adTypeDetails.filter(function (detail) { return detail.value == "surface" }),
+        condition: this.props.postingAd.adTypeDetails.filter(function (detail) { return detail.value == "conservation" }),
+        pieces: this.props.postingAd.adTypeDetails.filter(function (detail) { return detail.value == "pieces" }),
+        rooms: this.props.postingAd.adTypeDetails.filter(function (detail) { return detail.value == "rooms" }),
+        baths: this.props.postingAd.adTypeDetails.filter(function (detail) { return detail.value == "baths" }),
+        pax: this.props.postingAd.adTypeDetails.filter(function (detail) { return detail.value == "pax" }),
+        minNights: this.props.postingAd.adTypeDetails.filter(function (detail) { return detail.value == "minNights" }),
+        pricePeriod: this.props.postingAd.adTypeDetails.filter(function (detail) { return detail.value == "pricePeriod" }),
+        adType: this.props.postingAd.adType,
         pricePeriodOptions: {
           elements: [{ section: true, value: null, label: pricePeriod[0]?.label }, ...this.state.pricePeriodOptions.elements.slice(1)],
           selectedItem: this.props.postingAd.pricePeriod
@@ -160,7 +160,7 @@ export default class Publish3 extends React.Component {
       if (this.props.postingAd.id == null || this.props.fullPosting) {
         this.props.goToPage(Views.PUBLISH_4);
       } else {
-        if (this.props.editingStepOne && this.props.postingAd.subCategoryDetails.filter(function (detail) { return detail.value == "floorType" }).length > 0) {
+        if (this.props.editingStepOne && this.props.postingAd.adTypeDetails.filter(function (detail) { return detail.value == "floorType" }).length > 0) {
           this.props.goToPage(Views.PUBLISH_5, true);
         } else {
           this.props.saveEditAd();
@@ -385,7 +385,7 @@ export default class Publish3 extends React.Component {
             <View style={commonStyles.buttomButton}>
               <TouchableHighlight style={commonStyles.actionButton} underlayColor="#ff5d00" onPress={() => this.nextStep()}>
                 <Text style={commonStyles.actionButtonText}>
-                  {this.props.postingAd.id == null || this.props.fullPosting || (this.props.editingStepOne && this.props.postingAd.subCategoryDetails.filter(function (detail) { return detail.value == "floorType" }).length > 0) ?
+                  {this.props.postingAd.id == null || this.props.fullPosting || (this.props.editingStepOne && this.props.postingAd.adTypeDetails.filter(function (detail) { return detail.value == "floorType" }).length > 0) ?
                     strings('setup.next').toUpperCase()
                     :
                     strings('setup.enregistrer').toUpperCase()}

package/Publish4.js

@@ -14,6 +14,7 @@ export default class Publish4 extends React.Component {
     super(props);
 
     this.state = {
+      images: this.props.postingAd.images,
       popupSelectPhotoVisible: false,
       showErrorNoSelectedImages: false,
       allPhotosSelected: false,
@@ -31,12 +32,16 @@ export default class Publish4 extends React.Component {
       });
     }
 
-    if (prevProps.maxPictures !== this.props.maxPictures || prevProps.postingAd.images.length !== this.props.postingAd.images.length) {
+    if (prevProps.maxPictures !== this.props.maxPictures || this.state.images.length !== this.props.postingAd.images.length) {
       if (this.props.postingAd.images.length == this.props.maxPictures) {
         this.setState({ allPhotosSelected: true });
       }
     }
 
+    if (!prevProps.showView && this.props.showView && !this.isSameList(this.props.postingAd.images, this.state.images)) {
+      this.setState({ images: this.props.postingAd.images })
+    }
+
     const componentsHeight = this.props.headerHeight + this.props.progressBarHeight;
     const minHeight = window.height - componentsHeight;
     if (this.state.minHeight != minHeight) {
@@ -44,53 +49,75 @@ export default class Publish4 extends React.Component {
     }
   }
 
+  /*shouldComponentUpdate(nextProps, nextState) {
+    return !this.isSameList(this.state.images, nextState.images) || (!this.props.showView && nextProps.showView && !this.state.viewLoaded);
+  } */
+
+  isSameList = (firstList, secondList) => {
+    if (firstList.length != secondList.length) {
+      return false;
+    }
+    for (let index = 0; index < firstList.length; ++index) {
+      if (firstList[index].id != secondList[index].id || firstList[index].uri != secondList[index].uri) {
+        return false;
+      }
+    }
+    return true;
+  }
+
   async loadImage(imgUri) {
     if (imgUri) {
       let fileType = imgUri.substring(imgUri.lastIndexOf('.') + 1).toLowerCase();
 
       const image = {
         uri: imgUri,
-        name: 'photo_' + this.props.postingAd.images.length + '.' + fileType,
+        name: 'photo_' + this.state.images.length + '.' + fileType,
         type: 'image/' + fileType,
-        mainPicture: this.props.postingAd.images.length === 0,
+        mainPicture: this.state.images.length === 0,
         referenceType: 'AD',
         referenceId: this.props.postingAd.id,
-        extraInfo: this.props.postingAd.images.length
+        extraInfo: this.state.images.length
       }
 
-      let imagesArray = this.props.postingAd.images;
+      let imagesArray = this.state.images;
       imagesArray.push(image);
-      this.props.postingAd.images = imagesArray;
 
-      this.setState({ showErrorNoSelectedImages: false });
+      await this.setState({
+        showErrorNoSelectedImages: false,
+        images: imagesArray
+      });
 
-      if (this.props.postingAd.images.length == this.props.maxPictures) {
+      if (this.state.images.length == this.props.maxPictures) {
         this.setState({ allPhotosSelected: true });
-      } else if (this.props.postingAd.images.length == 1) {
-        this.selectMainPhoto(this.props.postingAd.images[0]);
+      } else if (this.state.images.length == 1) {
+        this.selectMainPhoto(this.state.images[0]);
       }
     }
   }
 
-  async deleteImage(itemDeleted) {
-    if (itemDeleted.id) {
+  async deleteImage(itemId, index) {
+    if (itemId) {
       if (!this.props.postingAd.deletedFiles) {
         this.props.postingAd.deletedFiles = [];
       }
-      this.props.postingAd.deletedFiles.push(itemDeleted.id);
+      this.props.postingAd.deletedFiles.push(itemId);
     }
 
-    let filteredArray = this.props.postingAd.images.filter(item => item !== itemDeleted);
+    let imagesArray = [...this.state.images];
+    imagesArray.splice(index, 1)
+
+    await this.setState({
+      allPhotosSelected: false,
+      images: imagesArray
+    });
 
-    this.props.postingAd.images = filteredArray;
-    await this.setState({ allPhotosSelected: false });
-    if (this.props.postingAd.images.length >= 1) {
-      this.selectMainPhoto(this.props.postingAd.images[0]);
+    if (this.state.images.length >= 1) {
+      this.selectMainPhoto(this.state.images[0]);
     }
   }
 
   selectMainPhoto(itemSelected) {
-    let imagesArray = this.props.postingAd.images.slice();
+    let imagesArray = this.state.images.slice();
 
     for (let imageObject of imagesArray) {
       imageObject.mainPicture = false;
@@ -108,17 +135,20 @@ export default class Publish4 extends React.Component {
       ++index;
     }
 
-    this.props.postingAd.images = imagesArray;
-    this.setState({ updateMainPhoto: true });
+    this.setState({
+      updateMainPhoto: true,
+      images: imagesArray
+    });
   }
 
   nextStep() {
-    if (this.props.postingAd.images.length == 0) {
+    if (this.state.images.length == 0) {
       this.setState({ showErrorNoSelectedImages: true });
     } else {
+      this.props.postingAd.images = this.state.images;
       this.setState({ showErrorNoSelectedImages: false });
       if (this.props.postingAd.id == null || this.props.fullPosting) {
-        if (this.props.postingAd.subCategoryDetails.filter(function (detail) { return detail.value == "floorType" }).length > 0) {
+        if (this.props.postingAd.adTypeDetails.filter(function (detail) { return detail.value == "floorType" }).length > 0) {
           this.props.goToPage(Views.PUBLISH_5);
         } else {
           this.props.goToPage(Views.PUBLISH_6);
@@ -129,6 +159,21 @@ export default class Publish4 extends React.Component {
     }
   }
 
+  rerenderImage(index) {
+    const images = this.state.images;
+    if (images[index].uri.indexOf('?t=') < 0) {
+      images[index].uri = images[index].uri + '?t=' + Date.now();
+    } else {
+      images[index].uri = images[index].uri.substring(0, images[index].uri.indexOf('?t=')) + '?t=' + Date.now();
+    }
+
+    setTimeout(() => {
+      this.setState({
+        images: images
+      });
+    }, 500);
+  }
+
   render() {
     return (
       <View style={this.props.showView ? '' : commonStyles.displayNone}>
@@ -167,12 +212,13 @@ export default class Publish4 extends React.Component {
                         </TouchableOpacity>
                       </TouchableOpacity>
                     }
-                    {this.props.postingAd.images.map((item, index) => {
+                    {this.state.images.map((item, index) => {
                       return (
-                        <ImageBackground style={[commonStyles.photoBox, commonStyles.photoBoxImage]} source={{ uri: item.uri }} borderRadius={10} key={index}>
+                        <ImageBackground style={[commonStyles.photoBox, commonStyles.photoBoxImage]} source={{ uri: item.uri }} borderRadius={10} key={index}
+                          onError={() => this.rerenderImage(index)}>
                           <ImageBackground style={[commonStyles.photoControls, commonStyles.row]} source={require('./assets/images/bg-shadow.png')} resizeMode='stretch' borderRadius={1.5}>
 
-                            <TouchableHighlight style={commonStyles.leftIcon} onPress={() => this.deleteImage(item)}>
+                            <TouchableHighlight style={commonStyles.leftIcon} onPress={() => this.deleteImage(item.id, index)}>
                               <FontAwesomeIcon style={commonStyles.whiteIcon} name="cancel-circled" />
                             </TouchableHighlight>
                             <TouchableHighlight style={commonStyles.rightIcon} onPress={() => this.selectMainPhoto(item)}>

package/Publish5.js

@@ -4,17 +4,16 @@ import { strings } from 'muba-i18n';
 import commonStyles from './commonStyles';
 import InputSelect from 'muba-input-select';
 import { Views } from './utils/Views';
-import { Orientation } from 'expo-screen-orientation';
 const window = Dimensions.get('window');
 
 export default class Publish5 extends React.Component {
   constructor(props) {
     super(props);
 
-    const age = this.props.postingAd.subCategoryDetails.filter(function (detail) { return detail.value == "age" });
-    const floorType = this.props.postingAd.subCategoryDetails.filter(function (detail) { return detail.value == "floorType" });
-    const floorNumber = this.props.postingAd.subCategoryDetails.filter(function (detail) { return detail.value == "floorNumber" });
-    const orientationType = this.props.postingAd.subCategoryDetails.filter(function (detail) { return detail.value == "orientation" });
+    const age = this.props.postingAd.adTypeDetails.filter(function (detail) { return detail.value == "age" });
+    const floorType = this.props.postingAd.adTypeDetails.filter(function (detail) { return detail.value == "floorType" });
+    const floorNumber = this.props.postingAd.adTypeDetails.filter(function (detail) { return detail.value == "floorNumber" });
+    const orientationType = this.props.postingAd.adTypeDetails.filter(function (detail) { return detail.value == "orientation" });
 
     this.state = {
       isLoading: false,
@@ -76,8 +75,8 @@ export default class Publish5 extends React.Component {
             { label: '20', value: '20' },
           ],
         selectedItem: this.props.postingAd.floorNumber,
-        subCategory: this.props.postingAd.subCategory,
-        subCategoryDetails: this.props.postingAd.subCategoryDetails,
+        adType: this.props.postingAd.adType,
+        adTypeDetails: this.props.postingAd.adTypeDetails,
         viewLoaded: false
       },
       orientationOptions: {
@@ -109,19 +108,19 @@ export default class Publish5 extends React.Component {
   }
 
   async refreshData() {
-    if (this.state.subCategory != this.props.postingAd.subCategory) {
-      const age = this.props.postingAd.subCategoryDetails.filter(function (detail) { return detail.value == "age" });
-      const floorType = this.props.postingAd.subCategoryDetails.filter(function (detail) { return detail.value == "floorType" });
-      const floorNumber = this.props.postingAd.subCategoryDetails.filter(function (detail) { return detail.value == "floorNumber" });
-      const orientationType = this.props.postingAd.subCategoryDetails.filter(function (detail) { return detail.value == "orientation" });
+    if (this.state.adType != this.props.postingAd.adType) {
+      const age = this.props.postingAd.adTypeDetails.filter(function (detail) { return detail.value == "age" });
+      const floorType = this.props.postingAd.adTypeDetails.filter(function (detail) { return detail.value == "floorType" });
+      const floorNumber = this.props.postingAd.adTypeDetails.filter(function (detail) { return detail.value == "floorNumber" });
+      const orientationType = this.props.postingAd.adTypeDetails.filter(function (detail) { return detail.value == "orientation" });
 
       await this.setState({
         age: age,
         floorType: floorType,
         floorNumber: floorNumber,
         orientation: orientationType,
-        subCategory: this.props.postingAd.subCategory,
-        subCategoryDetails: this.props.postingAd.subCategoryDetails,
+        adType: this.props.postingAd.adType,
+        adTypeDetails: this.props.postingAd.adTypeDetails,
         ageOptions: {
           elements: [{ section: true, value: null, label: age[0]?.label }, ...this.state.ageOptions.elements.slice(1)],
           selectedItem: this.props.postingAd.age
@@ -260,8 +259,8 @@ export default class Publish5 extends React.Component {
                   <IconFeatures
                     iconSource={require('./assets/images/garden.png')}
                     iconHoverSource={require('./assets/images/garden-hover.png')}
-                    iconText={this.state.subCategoryDetails.filter(function (detail) { return detail.value == "garden" })[0]?.label}
-                    visible={this.state.subCategoryDetails.filter(function (detail) { return detail.value == "garden" }).length > 0}
+                    iconText={this.state.adTypeDetails.filter(function (detail) { return detail.value == "garden" })[0]?.label}
+                    visible={this.state.adTypeDetails.filter(function (detail) { return detail.value == "garden" }).length > 0}
                     selected={this.props.postingAd.garden}
                     onPress={(value) => this.props.postingAd.garden = value}
                     ref={(element) => this.inputGarden = element} />
@@ -269,8 +268,8 @@ export default class Publish5 extends React.Component {
                   <IconFeatures
                     iconSource={require('./assets/images/terrace.png')}
                     iconHoverSource={require('./assets/images/terrace-hover.png')}
-                    iconText={this.state.subCategoryDetails.filter(function (detail) { return detail.value == "terrace" })[0]?.label}
-                    visible={this.state.subCategoryDetails.filter(function (detail) { return detail.value == "terrace" }).length > 0}
+                    iconText={this.state.adTypeDetails.filter(function (detail) { return detail.value == "terrace" })[0]?.label}
+                    visible={this.state.adTypeDetails.filter(function (detail) { return detail.value == "terrace" }).length > 0}
                     selected={this.props.postingAd.terrace}
                     onPress={(value) => this.props.postingAd.terrace = value}
                     ref={(element) => this.inputTerrace = element} />
@@ -278,8 +277,8 @@ export default class Publish5 extends React.Component {
                   <IconFeatures
                     iconSource={require('./assets/images/garage.png')}
                     iconHoverSource={require('./assets/images/garage-hover.png')}
-                    iconText={this.state.subCategoryDetails.filter(function (detail) { return detail.value == "garage" })[0]?.label}
-                    visible={this.state.subCategoryDetails.filter(function (detail) { return detail.value == "garage" }).length > 0}
+                    iconText={this.state.adTypeDetails.filter(function (detail) { return detail.value == "garage" })[0]?.label}
+                    visible={this.state.adTypeDetails.filter(function (detail) { return detail.value == "garage" }).length > 0}
                     selected={this.props.postingAd.garage}
                     onPress={(value) => this.props.postingAd.garage = value}
                     ref={(element) => this.inputGarage = element} />
@@ -287,8 +286,8 @@ export default class Publish5 extends React.Component {
                   <IconFeatures
                     iconSource={require('./assets/images/elevator.png')}
                     iconHoverSource={require('./assets/images/elevator-hover.png')}
-                    iconText={this.state.subCategoryDetails.filter(function (detail) { return detail.value == "elevator" })[0]?.label}
-                    visible={this.state.subCategoryDetails.filter(function (detail) { return detail.value == "elevator" }).length > 0}
+                    iconText={this.state.adTypeDetails.filter(function (detail) { return detail.value == "elevator" })[0]?.label}
+                    visible={this.state.adTypeDetails.filter(function (detail) { return detail.value == "elevator" }).length > 0}
                     selected={this.props.postingAd.elevator}
                     onPress={(value) => this.props.postingAd.elevator = value}
                     ref={(element) => this.inputElevator = element} />
@@ -296,8 +295,8 @@ export default class Publish5 extends React.Component {
                   <IconFeatures
                     iconSource={require('./assets/images/sea.png')}
                     iconHoverSource={require('./assets/images/sea-hover.png')}
-                    iconText={this.state.subCategoryDetails.filter(function (detail) { return detail.value == "seaViews" })[0]?.label}
-                    visible={this.state.subCategoryDetails.filter(function (detail) { return detail.value == "seaViews" }).length > 0}
+                    iconText={this.state.adTypeDetails.filter(function (detail) { return detail.value == "seaViews" })[0]?.label}
+                    visible={this.state.adTypeDetails.filter(function (detail) { return detail.value == "seaViews" }).length > 0}
                     selected={this.props.postingAd.seaViews}
                     onPress={(value) => this.props.postingAd.seaViews = value}
                     ref={(element) => this.inputSeaViews = element} />
@@ -305,8 +304,8 @@ export default class Publish5 extends React.Component {
                   <IconFeatures
                     iconSource={require('./assets/images/views.png')}
                     iconHoverSource={require('./assets/images/views-hover.png')}
-                    iconText={this.state.subCategoryDetails.filter(function (detail) { return detail.value == "mountainsViews" })[0]?.label}
-                    visible={this.state.subCategoryDetails.filter(function (detail) { return detail.value == "mountainsViews" }).length > 0}
+                    iconText={this.state.adTypeDetails.filter(function (detail) { return detail.value == "mountainsViews" })[0]?.label}
+                    visible={this.state.adTypeDetails.filter(function (detail) { return detail.value == "mountainsViews" }).length > 0}
                     selected={this.props.postingAd.mountainsViews}
                     onPress={(value) => this.props.postingAd.mountainsViews = value}
                     ref={(element) => this.inputMountainViews = element} />
@@ -314,8 +313,8 @@ export default class Publish5 extends React.Component {
                   <IconFeatures
                     iconSource={require('./assets/images/pool.png')}
                     iconHoverSource={require('./assets/images/pool-hover.png')}
-                    iconText={this.state.subCategoryDetails.filter(function (detail) { return detail.value == "pool" })[0]?.label}
-                    visible={this.state.subCategoryDetails.filter(function (detail) { return detail.value == "pool" }).length > 0}
+                    iconText={this.state.adTypeDetails.filter(function (detail) { return detail.value == "pool" })[0]?.label}
+                    visible={this.state.adTypeDetails.filter(function (detail) { return detail.value == "pool" }).length > 0}
                     selected={this.props.postingAd.pool}
                     onPress={(value) => this.props.postingAd.pool = value}
                     ref={(element) => this.inputPool = element} />
@@ -323,8 +322,8 @@ export default class Publish5 extends React.Component {
                   <IconFeatures
                     iconSource={require('./assets/images/concierge.png')}
                     iconHoverSource={require('./assets/images/concierge-hover.png')}
-                    iconText={this.state.subCategoryDetails.filter(function (detail) { return detail.value == "doorman" })[0]?.label}
-                    visible={this.state.subCategoryDetails.filter(function (detail) { return detail.value == "doorman" }).length > 0}
+                    iconText={this.state.adTypeDetails.filter(function (detail) { return detail.value == "doorman" })[0]?.label}
+                    visible={this.state.adTypeDetails.filter(function (detail) { return detail.value == "doorman" }).length > 0}
                     selected={this.props.postingAd.doorman}
                     onPress={(value) => this.props.postingAd.doorman = value}
                     ref={(element) => this.inputConcierge = element} />
@@ -332,8 +331,8 @@ export default class Publish5 extends React.Component {
                   <IconFeatures
                     iconSource={require('./assets/images/storage.png')}
                     iconHoverSource={require('./assets/images/storage-hover.png')}
-                    iconText={this.state.subCategoryDetails.filter(function (detail) { return detail.value == "storageRoom" })[0]?.label}
-                    visible={this.state.subCategoryDetails.filter(function (detail) { return detail.value == "storageRoom" }).length > 0}
+                    iconText={this.state.adTypeDetails.filter(function (detail) { return detail.value == "storageRoom" })[0]?.label}
+                    visible={this.state.adTypeDetails.filter(function (detail) { return detail.value == "storageRoom" }).length > 0}
                     selected={this.props.postingAd.storageRoom}
                     onPress={(value) => this.props.postingAd.storageRoom = value}
                     ref={(element) => this.inputStorageRoom = element} />
@@ -341,16 +340,16 @@ export default class Publish5 extends React.Component {
                   <IconFeatures
                     iconSource={require('./assets/images/furnish.png')}
                     iconHoverSource={require('./assets/images/furnish-hover.png')}
-                    iconText={this.state.subCategoryDetails.filter(function (detail) { return detail.value == "furnished" })[0]?.label}
-                    visible={this.state.subCategoryDetails.filter(function (detail) { return detail.value == "furnished" }).length > 0}
+                    iconText={this.state.adTypeDetails.filter(function (detail) { return detail.value == "furnished" })[0]?.label}
+                    visible={this.state.adTypeDetails.filter(function (detail) { return detail.value == "furnished" }).length > 0}
                     selected={this.props.postingAd.furnished}
                     onPress={(value) => this.props.postingAd.furnished = value}
                     ref={(element) => this.inputFurnished = element} />
                   <IconFeatures
                     iconSource={require('./assets/images/exteriorFacade.png')}
                     iconHoverSource={require('./assets/images/exteriorFacade-hover.png')}
-                    iconText={this.state.subCategoryDetails.filter(function (detail) { return detail.value == "exteriorFacade" })[0]?.label}
-                    visible={this.state.subCategoryDetails.filter(function (detail) { return detail.value == "exteriorFacade" }).length > 0}
+                    iconText={this.state.adTypeDetails.filter(function (detail) { return detail.value == "exteriorFacade" })[0]?.label}
+                    visible={this.state.adTypeDetails.filter(function (detail) { return detail.value == "exteriorFacade" }).length > 0}
                     selected={this.props.postingAd.exteriorFacade}
                     onPress={(value) => this.props.postingAd.exteriorFacade = value}
                     ref={(element) => this.inputExteriorFacade = element} />
@@ -362,8 +361,8 @@ export default class Publish5 extends React.Component {
                   <IconFeatures
                     iconSource={require('./assets/images/moroccan.png')}
                     iconHoverSource={require('./assets/images/moroccan-hover.png')}
-                    iconText={this.state.subCategoryDetails.filter(function (detail) { return detail.value == "moroccanLounge" })[0]?.label}
-                    visible={this.state.subCategoryDetails.filter(function (detail) { return detail.value == "moroccanLounge" }).length > 0}
+                    iconText={this.state.adTypeDetails.filter(function (detail) { return detail.value == "moroccanLounge" })[0]?.label}
+                    visible={this.state.adTypeDetails.filter(function (detail) { return detail.value == "moroccanLounge" }).length > 0}
                     selected={this.props.postingAd.moroccanLounge}
                     onPress={(value) => this.props.postingAd.moroccanLounge = value}
                     ref={(element) => this.inputSalonMarocain = element} />
@@ -371,8 +370,8 @@ export default class Publish5 extends React.Component {
                   <IconFeatures
                     iconSource={require('./assets/images/diningroom.png')}
                     iconHoverSource={require('./assets/images/diningroom-hover.png')}
-                    iconText={this.state.subCategoryDetails.filter(function (detail) { return detail.value == "europeanLounge" })[0]?.label}
-                    visible={this.state.subCategoryDetails.filter(function (detail) { return detail.value == "europeanLounge" }).length > 0}
+                    iconText={this.state.adTypeDetails.filter(function (detail) { return detail.value == "europeanLounge" })[0]?.label}
+                    visible={this.state.adTypeDetails.filter(function (detail) { return detail.value == "europeanLounge" }).length > 0}
                     selected={this.props.postingAd.europeanLounge}
                     onPress={(value) => this.props.postingAd.europeanLounge = value}
                     ref={(element) => this.inputSalonEuropean = element} />
@@ -380,8 +379,8 @@ export default class Publish5 extends React.Component {
                   <IconFeatures
                     iconSource={require('./assets/images/satellite.png')}
                     iconHoverSource={require('./assets/images/satellite-hover.png')}
-                    iconText={this.state.subCategoryDetails.filter(function (detail) { return detail.value == "satellite" })[0]?.label}
-                    visible={this.state.subCategoryDetails.filter(function (detail) { return detail.value == "satellite" }).length > 0}
+                    iconText={this.state.adTypeDetails.filter(function (detail) { return detail.value == "satellite" })[0]?.label}
+                    visible={this.state.adTypeDetails.filter(function (detail) { return detail.value == "satellite" }).length > 0}
                     selected={this.props.postingAd.satellite}
                     onPress={(value) => this.props.postingAd.satellite = value}
                     ref={(element) => this.inputSatellite = element} />
@@ -389,8 +388,8 @@ export default class Publish5 extends React.Component {
                   <IconFeatures
                     iconSource={require('./assets/images/fire.png')}
                     iconHoverSource={require('./assets/images/fire-hover.png')}
-                    iconText={this.state.subCategoryDetails.filter(function (detail) { return detail.value == "fireplace" })[0]?.label}
-                    visible={this.state.subCategoryDetails.filter(function (detail) { return detail.value == "fireplace" }).length > 0}
+                    iconText={this.state.adTypeDetails.filter(function (detail) { return detail.value == "fireplace" })[0]?.label}
+                    visible={this.state.adTypeDetails.filter(function (detail) { return detail.value == "fireplace" }).length > 0}
                     selected={this.props.postingAd.fireplace}
                     onPress={(value) => this.props.postingAd.fireplace = value}
                     ref={(element) => this.inputFirePlace = element} />
@@ -398,8 +397,8 @@ export default class Publish5 extends React.Component {
                   <IconFeatures
                     iconSource={require('./assets/images/air.png')}
                     iconHoverSource={require('./assets/images/air-hover.png')}
-                    iconText={this.state.subCategoryDetails.filter(function (detail) { return detail.value == "airConditioning" })[0]?.label}
-                    visible={this.state.subCategoryDetails.filter(function (detail) { return detail.value == "airConditioning" }).length > 0}
+                    iconText={this.state.adTypeDetails.filter(function (detail) { return detail.value == "airConditioning" })[0]?.label}
+                    visible={this.state.adTypeDetails.filter(function (detail) { return detail.value == "airConditioning" }).length > 0}
                     selected={this.props.postingAd.airConditioning}
                     onPress={(value) => this.props.postingAd.airConditioning = value}
                     ref={(element) => this.inputAir = element} />
@@ -407,8 +406,8 @@ export default class Publish5 extends React.Component {
                   <IconFeatures
                     iconSource={require('./assets/images/heating.png')}
                     iconHoverSource={require('./assets/images/heating-hover.png')}
-                    iconText={this.state.subCategoryDetails.filter(function (detail) { return detail.value == "heating" })[0]?.label}
-                    visible={this.state.subCategoryDetails.filter(function (detail) { return detail.value == "heating" }).length > 0}
+                    iconText={this.state.adTypeDetails.filter(function (detail) { return detail.value == "heating" })[0]?.label}
+                    visible={this.state.adTypeDetails.filter(function (detail) { return detail.value == "heating" }).length > 0}
                     selected={this.props.postingAd.heating}
                     onPress={(value) => this.props.postingAd.heating = value}
                     ref={(element) => this.inputHeating = element} />
@@ -416,8 +415,8 @@ export default class Publish5 extends React.Component {
                   <IconFeatures
                     iconSource={require('./assets/images/security.png')}
                     iconHoverSource={require('./assets/images/security-hover.png')}
-                    iconText={this.state.subCategoryDetails.filter(function (detail) { return detail.value == "security" })[0]?.label}
-                    visible={this.state.subCategoryDetails.filter(function (detail) { return detail.value == "security" }).length > 0}
+                    iconText={this.state.adTypeDetails.filter(function (detail) { return detail.value == "security" })[0]?.label}
+                    visible={this.state.adTypeDetails.filter(function (detail) { return detail.value == "security" }).length > 0}
                     selected={this.props.postingAd.security}
                     onPress={(value) => this.props.postingAd.security = value}
                     ref={(element) => this.inputSecurity = element} />
@@ -425,8 +424,8 @@ export default class Publish5 extends React.Component {
                   <IconFeatures
                     iconSource={require('./assets/images/glazing.png')}
                     iconHoverSource={require('./assets/images/glazing-hover.png')}
-                    iconText={this.state.subCategoryDetails.filter(function (detail) { return detail.value == "doubleGlazing" })[0]?.label}
-                    visible={this.state.subCategoryDetails.filter(function (detail) { return detail.value == "doubleGlazing" }).length > 0}
+                    iconText={this.state.adTypeDetails.filter(function (detail) { return detail.value == "doubleGlazing" })[0]?.label}
+                    visible={this.state.adTypeDetails.filter(function (detail) { return detail.value == "doubleGlazing" }).length > 0}
                     selected={this.props.postingAd.doubleGlazing}
                     onPress={(value) => this.props.postingAd.doubleGlazing = value}
                     ref={(element) => this.inputDoubleGlazing = element} />
@@ -434,8 +433,8 @@ export default class Publish5 extends React.Component {
                   <IconFeatures
                     iconSource={require('./assets/images/door.png')}
                     iconHoverSource={require('./assets/images/door-hover.png')}
-                    iconText={this.state.subCategoryDetails.filter(function (detail) { return detail.value == "reinforcedDoor" })[0]?.label}
-                    visible={this.state.subCategoryDetails.filter(function (detail) { return detail.value == "reinforcedDoor" }).length > 0}
+                    iconText={this.state.adTypeDetails.filter(function (detail) { return detail.value == "reinforcedDoor" })[0]?.label}
+                    visible={this.state.adTypeDetails.filter(function (detail) { return detail.value == "reinforcedDoor" }).length > 0}
                     selected={this.props.postingAd.reinforcedDoor}
                     onPress={(value) => this.props.postingAd.reinforcedDoor = value}
                     ref={(element) => this.inputReinforcedDoor = element} />
@@ -447,8 +446,8 @@ export default class Publish5 extends React.Component {
                   <IconFeatures
                     iconSource={require('./assets/images/kitchen.png')}
                     iconHoverSource={require('./assets/images/kitchen-hover.png')}
-                    iconText={this.state.subCategoryDetails.filter(function (detail) { return detail.value == "fullKitchen" })[0]?.label}
-                    visible={this.state.subCategoryDetails.filter(function (detail) { return detail.value == "fullKitchen" }).length > 0}
+                    iconText={this.state.adTypeDetails.filter(function (detail) { return detail.value == "fullKitchen" })[0]?.label}
+                    visible={this.state.adTypeDetails.filter(function (detail) { return detail.value == "fullKitchen" }).length > 0}
                     selected={this.props.postingAd.fullKitchen}
                     onPress={(value) => this.props.postingAd.fullKitchen = value}
                     ref={(element) => this.inputFullKitchen = element} />
@@ -456,8 +455,8 @@ export default class Publish5 extends React.Component {
                   <IconFeatures
                     iconSource={require('./assets/images/fridge.png')}
                     iconHoverSource={require('./assets/images/fridge-hover.png')}
-                    iconText={this.state.subCategoryDetails.filter(function (detail) { return detail.value == "fridge" })[0]?.label}
-                    visible={this.state.subCategoryDetails.filter(function (detail) { return detail.value == "fridge" }).length > 0}
+                    iconText={this.state.adTypeDetails.filter(function (detail) { return detail.value == "fridge" })[0]?.label}
+                    visible={this.state.adTypeDetails.filter(function (detail) { return detail.value == "fridge" }).length > 0}
                     selected={this.props.postingAd.fridge}
                     onPress={(value) => this.props.postingAd.fridge = value}
                     ref={(element) => this.inputFridge = element} />
@@ -465,8 +464,8 @@ export default class Publish5 extends React.Component {
                   <IconFeatures
                     iconSource={require('./assets/images/oven.png')}
                     iconHoverSource={require('./assets/images/oven-hover.png')}
-                    iconText={this.state.subCategoryDetails.filter(function (detail) { return detail.value == "oven" })[0]?.label}
-                    visible={this.state.subCategoryDetails.filter(function (detail) { return detail.value == "oven" }).length > 0}
+                    iconText={this.state.adTypeDetails.filter(function (detail) { return detail.value == "oven" })[0]?.label}
+                    visible={this.state.adTypeDetails.filter(function (detail) { return detail.value == "oven" }).length > 0}
                     selected={this.props.postingAd.oven}
                     onPress={(value) => this.props.postingAd.oven = value}
                     ref={(element) => this.inputOven = element} />
@@ -474,8 +473,8 @@ export default class Publish5 extends React.Component {
                   <IconFeatures
                     iconSource={require('./assets/images/tv.png')}
                     iconHoverSource={require('./assets/images/tv-hover.png')}
-                    iconText={this.state.subCategoryDetails.filter(function (detail) { return detail.value == "tv" })[0]?.label}
-                    visible={this.state.subCategoryDetails.filter(function (detail) { return detail.value == "tv" }).length > 0}
+                    iconText={this.state.adTypeDetails.filter(function (detail) { return detail.value == "tv" })[0]?.label}
+                    visible={this.state.adTypeDetails.filter(function (detail) { return detail.value == "tv" }).length > 0}
                     selected={this.props.postingAd.tv}
                     onPress={(value) => this.props.postingAd.tv = value}
                     ref={(element) => this.inputTv = element} />
@@ -483,8 +482,8 @@ export default class Publish5 extends React.Component {
                   <IconFeatures
                     iconSource={require('./assets/images/washing.png')}
                     iconHoverSource={require('./assets/images/washing-hover.png')}
-                    iconText={this.state.subCategoryDetails.filter(function (detail) { return detail.value == "washer" })[0]?.label}
-                    visible={this.state.subCategoryDetails.filter(function (detail) { return detail.value == "washer" }).length > 0}
+                    iconText={this.state.adTypeDetails.filter(function (detail) { return detail.value == "washer" })[0]?.label}
+                    visible={this.state.adTypeDetails.filter(function (detail) { return detail.value == "washer" }).length > 0}
                     selected={this.props.postingAd.washer}
                     onPress={(value) => this.props.postingAd.washer = value}
                     ref={(element) => this.inputWashing = element} />
@@ -492,8 +491,8 @@ export default class Publish5 extends React.Component {
                   <IconFeatures
                     iconSource={require('./assets/images/microwave.png')}
                     iconHoverSource={require('./assets/images/microwave-hover.png')}
-                    iconText={this.state.subCategoryDetails.filter(function (detail) { return detail.value == "microwave" })[0]?.label}
-                    visible={this.state.subCategoryDetails.filter(function (detail) { return detail.value == "microwave" }).length > 0}
+                    iconText={this.state.adTypeDetails.filter(function (detail) { return detail.value == "microwave" })[0]?.label}
+                    visible={this.state.adTypeDetails.filter(function (detail) { return detail.value == "microwave" }).length > 0}
                     selected={this.props.postingAd.microwave}
                     onPress={(value) => this.props.postingAd.microwave = value}
                     ref={(element) => this.inputMicrowaves = element} />
@@ -501,8 +500,8 @@ export default class Publish5 extends React.Component {
                   <IconFeatures
                     iconSource={require('./assets/images/internet.png')}
                     iconHoverSource={require('./assets/images/internet-hover.png')}
-                    iconText={this.state.subCategoryDetails.filter(function (detail) { return detail.value == "internet" })[0]?.label}
-                    visible={this.state.subCategoryDetails.filter(function (detail) { return detail.value == "internet" }).length > 0}
+                    iconText={this.state.adTypeDetails.filter(function (detail) { return detail.value == "internet" })[0]?.label}
+                    visible={this.state.adTypeDetails.filter(function (detail) { return detail.value == "internet" }).length > 0}
                     selected={this.props.postingAd.internet}
                     onPress={(value) => this.props.postingAd.internet = value}
                     ref={(element) => this.inputInternet = element} />
@@ -511,8 +510,8 @@ export default class Publish5 extends React.Component {
                   <IconFeatures
                     iconSource={require('./assets/images/animals.png')}
                     iconHoverSource={require('./assets/images/animals-hover.png')}
-                    iconText={this.state.subCategoryDetails.filter(function (detail) { return detail.value == "animals" })[0]?.label}
-                    visible={this.state.subCategoryDetails.filter(function (detail) { return detail.value == "animals" }).length > 0}
+                    iconText={this.state.adTypeDetails.filter(function (detail) { return detail.value == "animals" })[0]?.label}
+                    visible={this.state.adTypeDetails.filter(function (detail) { return detail.value == "animals" }).length > 0}
                     selected={this.props.postingAd.animals}
                     onPress={(value) => this.props.postingAd.animals = value}
                     ref={(element) => this.inputAnimals = element} />

package/Publish6.js

@@ -76,7 +76,7 @@ export default class Publish6 extends React.Component {
       this.props.showLoading();
       const ad = { ...this.props.postingAd };
       delete ad.images;
-      delete ad.subCategoryDetails;
+      delete ad.adTypeDetails;
       delete ad.languages;
       const responseJson = await this.props.request(this.props.context, GENERATE_TITLE_DESCRIPTION, ad);
 

package/locales/ar.json

@@ -125,7 +125,7 @@
 	},
 	"edit": {
 		"whatEditing": "ما الذي تريدون نشره؟",
-		"category": "نوع العقار",
+		"transaction": "نوع العقار",
 		"location": "تأجير",
 		"caracteristiques": "خاصيات",
 		"photos": "صور",

package/locales/en.json

@@ -125,7 +125,7 @@
   },
   "edit": {
     "whatEditing": "What do you want to edit?",
-    "category": "Property type",
+    "transaction": "Property type",
     "location": "Location",
     "caracteristiques": "Characteristics",
     "photos": "Photos",

package/locales/es.json

@@ -125,7 +125,7 @@
   },
   "edit": {
     "whatEditing": "¿Qué deseas editar?",
-    "category": "Tipo de propiedad",
+    "transaction": "Tipo de propiedad",
     "location": "Localización",
     "caracteristiques": "Datos generales",
     "photos": "Fotos",

package/locales/fr.json

@@ -125,7 +125,7 @@
   },
   "edit": {
     "whatEditing": "Que voulez-vous modifier?",
-    "category": "Type de bien",
+    "transaction": "Type de bien",
     "location": "Localisation",
     "caracteristiques": "Caractéristiques",
     "photos": "Images",

package/locales/it.json

@@ -125,7 +125,7 @@
   },
   "edit": {
     "whatEditing": "Cosa vuoi modificare?",
-    "category": "Tipo di proprietà",
+    "transaction": "Tipo di proprietà",
     "location": "Posizione",
     "caracteristiques": "Caratteristiche",
     "photos": "Foto",

package/locales/nl.json

@@ -125,7 +125,7 @@
   },
   "edit": {
     "whatEditing": "Wat wilt u bewerken?",
-    "category": "Vastgoedtype",
+    "transaction": "Vastgoedtype",
     "location": "Locatie",
     "caracteristiques": "Kenmerken",
     "photos": "Foto's",

package/package.json

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