muba-posting 5.0.13 → 5.0.15

package/Posting.js

@@ -20,6 +20,7 @@ import Publish6 from './Publish6';
 import Preview from './Preview';
 import PublishProgressBar from './PublishProgressBar.js';
 import EditHead from './EditHead.js';
+import PictureSelector from 'muba-picture';
 import PopupPermissions from 'muba-popup-permissions';
 import PaymentOnlinePopup from 'muba-payment-online';
 import { createIconSetFromFontello } from 'react-native-vector-icons';
@@ -58,6 +59,7 @@ export default class Posting extends React.Component {
       currentScreen: 1,
       fontLoaded: false,
       isLoading: false,
+      showImageBrowser: false,
       headerHeight: 0,
       progressBarHeight: 0,
       adId: this.props.adId,
@@ -90,7 +92,6 @@ export default class Posting extends React.Component {
         pax: null,
         minNights: null,
         images: [],
-        deletedFiles: [],
         age: null,
         floorType: null,
         floorNumber: null,
@@ -430,6 +431,20 @@ export default class Posting extends React.Component {
     return new Promise(resolve => setTimeout(resolve, ms));
   }
 
+  _openPictureSelector() {
+    this.setState({ showImageBrowser: true })
+  }
+
+  imageBrowserCallback = async (photos) => {
+    this.setState({
+      showImageBrowser: false
+    }, () => {
+      for (let photo of photos) {
+        this.publish4?.loadUri(photo)
+      }
+    });
+  }
+
   getAd = async (id) => {
     const responseJson = await this.props.request(this, AD, {
       adId: id
@@ -438,6 +453,12 @@ export default class Posting extends React.Component {
     return responseJson;
   }
 
+  _savePicture = async (picture) => {
+    this.setState({
+      showImageBrowser: false
+    }, () => this.publish4?.loadUri(picture));
+  }
+
   render() {
     return (
       <View style={[commonStyles.flex1, commonStyles.containerBg]}>
@@ -447,6 +468,10 @@ export default class Posting extends React.Component {
           <View onLayout={(event) => this.setState({ headerHeight: event.nativeEvent.layout.height })}>
             {!this.state.showImageBrowser && this.state.view !== Views.PAYMENT_ONLINE ? this.props.topBar : null}
           </View>
+          {this.state.showImageBrowser ?
+            <PictureSelector max={this.state.maxPictures - this.state.postingAd.images.length} callback={this.imageBrowserCallback} savePicture={this._savePicture} goBack={() => this.goBack(true)} />
+            :
+            null}
 
           <PopupPermissions ref={(element) => this.popupPermissions = element} camera={true} mediaLibrary={true} message={strings('setup.permissionsMessage')} onClose={this.loadData} />
 
@@ -468,6 +493,7 @@ export default class Posting extends React.Component {
 
                 {this.state.view === Views.PUBLISH_1 ?
                   <Publish1 postingAd={this.state.postingAd}
+                    baseUrl={this.props.baseUrl}
                     request={this.props.request}
                     context={this.props.context}
                     showLoading={() => this._showLoading()}
@@ -548,6 +574,7 @@ export default class Posting extends React.Component {
                     fullPosting={this.state.fullPosting}
                     progressBarHeight={this.state.progressBarHeight}
                     headerHeight={this.state.headerHeight}
+                    openPictureSelector={() => this._openPictureSelector()}
                     maxPictures={this.state.maxPictures} />
                   :
                   null

package/Publish1.js

@@ -3,12 +3,9 @@ import { Text, View, TouchableHighlight, Dimensions } from 'react-native';
 import { strings } from 'muba-i18n';
 import commonStyles from './commonStyles';
 import RadioButtonGroup from 'muba-radio-button-group';
-import InputSelect from 'muba-input-select';
 import { Views } from './utils/Views';
 const window = Dimensions.get('window');
 
-const GET_PROMOTIONS = { method: 'GET', url: '/controller/posting/promotions' };
-const PROMOTION_LOCATION = { method: 'GET', url: '/controller/promotions/{promotionId}/location' };
 const GET_TRANSACTIONS = { method: 'GET', url: '/controller/transactions' };
 
 export default class Publish1 extends React.Component {
@@ -21,10 +18,6 @@ export default class Publish1 extends React.Component {
     this.state = {
       isLoading: false,
       showTypeBienError: false,
-      promotionOptions: {
-        elements: [{ section: true, value: null, label: strings('setup.selectPromotion') }],
-        selectedItem: this.props.postingAd.promotionId
-      },
       transactionOptions: { elements: [], selectedItem: this.props.postingAd.transaction },
       typeBienOptions: { elements: [], selectedItem: this.props.postingAd.adType }
     };
@@ -54,24 +47,6 @@ export default class Publish1 extends React.Component {
     if (this.state.minHeight != minHeight) {
       this.setState({ minHeight: minHeight })
     }
-
-    this.loadPromotions();
-  }
-
-  async loadPromotions() {
-    const responseJson = await this.props.request(this.props.context, GET_PROMOTIONS);
-    if (responseJson.httpStatus === 200) {
-      const promotionOptions = {
-        elements: [this.state.promotionOptions.elements[0]],
-        selectedItem: this.props.postingAd.promotionId
-      };
-
-      responseJson.list.map((item) => {
-        promotionOptions.elements.push(item);
-      });
-
-      this.setState({ promotionOptions: promotionOptions });
-    }
   }
 
   getAdTypes(transaction) {
@@ -113,23 +88,6 @@ export default class Publish1 extends React.Component {
     this.props.postingAd.adType = value;
   }
 
-  async changePromotion(value) {
-    const responseJson = await this.props.request(this.props.context, PROMOTION_LOCATION, {
-      promotionId: value
-    });
-    if (responseJson.httpStatus === 200) {
-      this.props.postingAd.latitude = responseJson.latitude;
-      this.props.postingAd.longitude = responseJson.longitude;
-      this.props.postingAd.region = responseJson.regionId;
-      this.props.postingAd.province = responseJson.provinceId;
-      this.props.postingAd.city = responseJson.cityId;
-      this.props.postingAd.district = responseJson.districtId;
-      this.props.postingAd.town = responseJson.townId;
-      this.props.postingAd.exactlyLocated = true;
-    }
-    this.props.postingAd.promotionId = value;
-  }
-
   async nextStep() {
     if (this.validateForm()) {
       for (var i = 0; i < this.state.typeBienOptions.elements.length; i++) {
@@ -156,11 +114,7 @@ export default class Publish1 extends React.Component {
   }
 
   validateForm() {
-    let validPromotions = this.state.promotionOptions.elements.length <= 1;
-    if (!validPromotions) {
-      validPromotions = this.inputSelectPromotions.onSubmitValidate();
-    }
-    return validPromotions && this.radioButtonAdType.onSubmitValidate();
+    return this.radioButtonAdType.onSubmitValidate();
   }
 
   render() {
@@ -170,18 +124,6 @@ export default class Publish1 extends React.Component {
           <View style={commonStyles.progressbarInputArea}>
             <Text style={commonStyles.progressbarInputAreaH3}>{strings('setup.typeTransaction')}</Text>
 
-            <InputSelect
-              label={strings('setup.selectPromotion')}
-              placeholder={strings('setup.select')}
-              labelStyle={commonStyles.progressbarField}
-              ref={(element) => this.inputSelectPromotions = element}
-              visible={this.state.promotionOptions.elements.length > 1}
-              required={true}
-              scroll={(ref) => this.props.scroll(ref)}
-              options={this.state.promotionOptions}
-              onChange={(value) => this.changePromotion(value)}
-              selectStyle={commonStyles.inputSelect} />
-
             <RadioButtonGroup
               style={commonStyles.progressbarFieldContainer}
               required={true}

package/Publish2.js

@@ -29,7 +29,7 @@ export default class Publish2 extends React.Component {
     if (await this.validateLocation()) {
       const responseCheckZone = await this.props.request(this.props.context, GET_CHECK_ZONE, {
         businessId: this.props.postingAd.businessId,
-        townId: this.props.postingAd.city
+        cityId: this.props.postingAd.city
       });
 
       if (responseCheckZone.value === 'true') {

package/Publish2b.js

@@ -220,7 +220,7 @@ export default class Publish2b extends React.Component {
     if (this.validateForm()) {
       const responseCheckZone = await this.props.request(this.props.context, GET_CHECK_ZONE, {
         businessId: this.props.postingAd.businessId,
-        townId: this.props.postingAd.city
+        cityId: this.props.postingAd.city
       });
 
       if (responseCheckZone.value === 'true') {      

package/Publish4.js

@@ -1,7 +1,6 @@
 import React from 'react';
 import { Text, View, TouchableHighlight, TouchableOpacity, ImageBackground, Dimensions, Image } from 'react-native';
 import PopupAdvice from 'muba-popup-advice';
-import PictureSelector from 'muba-picture';
 import { strings } from 'muba-i18n';
 import commonStyles from './commonStyles';
 import { Views } from './utils/Views';
@@ -15,11 +14,24 @@ export default class Publish4 extends React.Component {
     super(props);
 
     this.state = {
-      minHeight: 0
+      images: [],
+      popupSelectPhotoVisible: false,
+      showErrorNoSelectedImages: false,
+      allPhotosSelected: false,
+      updateMainPhoto: false,
+      isLoading: false,
+      imageBrowserOpen: false,
+      imageSize: [],
+      containerWidth: 0,
+      containerHeight: 0
     }
   }
 
   componentDidMount() {
+    for (let photo of this.props.postingAd.images) {
+      this.loadImage(photo);
+    }
+
     const componentsHeight = this.props.headerHeight + this.props.progressBarHeight;
     const minHeight = window.height - componentsHeight;
     if (this.state.minHeight != minHeight) {
@@ -27,19 +39,227 @@ export default class Publish4 extends React.Component {
     }
   }
 
+  componentDidUpdate = async (prevProps) => {
+    if (!this.isSameList(prevProps.postingAd.images, this.props.postingAd.images)) {
+      this.setState({ images: [] }, () => {
+        for (let photo of this.props.postingAd.images) {
+          this.loadImage(photo);
+        }
+      });
+    }
+  }
+
+  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 loadUri(photo) {
+    if (photo) {
+      const photoStr = photo.uri.lastIndexOf('.') > 0 && photo.uri.lastIndexOf('.') > photo.uri.length - 5 ? photo.uri : photo.filename;
+      const fileType = photoStr.substring(photoStr.lastIndexOf('.') + 1).toLowerCase();
+
+      const image = {
+        uri: photo.uri,
+        name: 'photo_' + this.state.images.length + '.' + fileType,
+        type: 'image/' + fileType,
+        mainPicture: this.state.images.length === 0,
+        referenceType: 'AD',
+        referenceId: this.props.postingAd.id,
+        extraInfo: this.state.images.length,
+        width: photo.width,
+        height: photo.height
+      }
+
+      this.loadImage(image);
+    }
+  }
+
+  loadImage(image) {
+    let imagesArray = this.state.images;
+    imagesArray.push(image);
+
+    this.calculateImageSize(image, imagesArray.length - 1)
+
+    this.setState({
+      showErrorNoSelectedImages: false,
+      images: imagesArray
+    }, () => {
+      if (this.state.images.length == this.props.maxPictures) {
+        this.setState({ allPhotosSelected: true });
+      } else if (this.state.images.length == 1) {
+        this.selectMainPhoto(this.state.images[0]);
+      }
+    });
+  }
+
+  async imageExists(imageUrl) {
+    return fetch(imageUrl).then(response => response.status === 200);
+  }
+
+  async deleteImage(itemId, index) {
+    if (itemId) {
+      if (!this.props.postingAd.deletedFiles) {
+        this.props.postingAd.deletedFiles = [];
+      }
+      this.props.postingAd.deletedFiles.push(itemId);
+    }
+
+    let imagesArray = [...this.state.images];
+    let imageSize = [...this.state.imageSize];
+    imagesArray.splice(index, 1)
+    imageSize.splice(index, 1)
+
+    await this.setState({
+      allPhotosSelected: false,
+      images: imagesArray,
+      imageSize: imageSize
+    });
+
+    if (this.state.images.length >= 1) {
+      this.selectMainPhoto(this.state.images[0]);
+    }
+  }
+
+  selectMainPhoto(itemSelected) {
+    let imagesArray = this.state.images.slice();
+    let imageSize = this.state.imageSize.slice();
+
+    for (let imageObject of imagesArray) {
+      imageObject.mainPicture = false;
+
+      if (imageObject.uri === itemSelected.uri) {
+        imageObject.mainPicture = true;
+        const imageIndex = imagesArray.indexOf(imageObject);
+        imagesArray.splice(imageIndex, 1);
+        imagesArray.splice(0, 0, imageObject);
+
+        const size = imageSize.splice(imageIndex, 1);
+        imageSize.splice(0, 0, ...size);
+      }
+    }
+    let index = 0;
+    for (let imageObject of imagesArray) {
+      imageObject.name = 'photo_' + index + (imageObject.id ? '_' + imageObject.id : '') + imageObject.name.substring(imageObject.name.indexOf('.'));
+      imageObject.extraInfo = index;
+      ++index;
+    }
+
+    this.setState({
+      updateMainPhoto: true,
+      images: imagesArray,
+      imageSize: imageSize
+    });
+  }
+
   nextStep() {
-    this.setState({ showErrorNoSelectedImages: false });
-    if (this.props.postingAd.id == null || this.props.fullPosting) {
-      if (this.props.postingAd.adTypeDetails.filter(function (detail) {
-        return detail.value !== 'surface' && detail.value !== 'baths' && detail.value !== 'pax' && detail.value !== 'minNights' &&
-          detail.value !== 'rooms' && detail.value !== 'pieces' && detail.value !== 'pricePeriod'
-      }).length > 0) {
-        this.props.goToPage(Views.PUBLISH_5);
+    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.adTypeDetails.filter(function (detail) {
+          return detail.value !== 'surface' && detail.value !== 'baths' && detail.value !== 'pax' && detail.value !== 'minNights' &&
+            detail.value !== 'rooms' && detail.value !== 'pieces' && detail.value !== 'pricePeriod'
+        }).length > 0) {
+          this.props.goToPage(Views.PUBLISH_5);
+        } else {
+          this.props.goToPage(Views.PUBLISH_6);
+        }
       } else {
-        this.props.goToPage(Views.PUBLISH_6);
+        this.props.saveEditAd();
       }
+    }
+  }
+
+  rerenderImage(index) {
+    const images = this.state.images;
+    if (images[index].uri.indexOf('?t=') < 0) {
+      images[index].uri = images[index].uri + '?t=' + Date.now();
     } else {
-      this.props.saveEditAd();
+      images[index].uri = images[index].uri.substring(0, images[index].uri.indexOf('?t=')) + '?t=' + Date.now();
+    }
+
+    setTimeout(() => {
+      this.setState({
+        images: images
+      });
+    }, 500);
+  }
+
+  calculateImageSize = async (image) => {
+    if (image.width && image.height) {
+      this.setImageSize(image.width, image.height);
+    } else if (!image.uri.startsWith('https://') || await this.imageExists(image.uri)) {
+      Image.getSize(image.uri, (width, height) => {
+        this.setImageSize(width, height);
+      });
+    } else {
+      setTimeout(() => this.calculateImageSize(image), 500);
+    }
+  }
+
+  setImageSize(width, height) {
+    let imageSize = this.state.imageSize;
+    if (this.state.containerWidth !== 0 && this.state.containerHeight !== 0) {
+      const containerRatio = this.state.containerWidth / this.state.containerHeight;
+      const imageRatio = width / height;
+
+      let finalWidth;
+      let finalHeight;
+      if (imageRatio > containerRatio) {
+        if (width > this.state.containerWidth) {
+          finalWidth = this.state.containerWidth;
+        } else {
+          finalWidth = width;
+        }
+        finalHeight = height * (finalWidth / width);
+      } else if (imageRatio < containerRatio) {
+        if (height > this.state.containerHeight) {
+          finalHeight = this.state.containerHeight;
+        } else {
+          finalHeight = height;
+        }
+        finalWidth = width * (finalHeight / height);
+      } else {
+        if (width > this.state.containerWidth) {
+          finalWidth = this.state.containerWidth;
+          finalHeight = this.state.containerHeight;
+        } else {
+          finalWidth = width;
+          finalHeight = height;
+        }
+      }
+      imageSize.push({
+        width: finalWidth,
+        height: finalHeight,
+        marginVertical: (this.state.containerHeight - finalHeight) / 2,
+        marginHorizontal: (this.state.containerWidth - finalWidth) / 2
+      });
+    } else {
+      imageSize.push({
+        width: '100%',
+        height: '100%',
+        marginVertical: 0,
+        marginHorizontal: 0
+      })
+    }
+    this.setState({
+      imageSize: imageSize
+    });
+  }
+
+  setContainerWidth = (event) => {
+    if (this.state.containerWidth === 0) {
+      this.setState({ containerWidth: event.nativeEvent.layout.width, containerHeight: event.nativeEvent.layout.height })
     }
   }
 
@@ -47,24 +267,64 @@ export default class Publish4 extends React.Component {
     return (
       <View style={{ minHeight: this.state.minHeight }}>
         <View style={commonStyles.formFieldset}>
-          <PictureSelector
-            context={this.props.context}
-            request={this.props.request}
-            title={strings('setup.publishPhotos')}
-            referenceId={this.props.postingAd.id}
-            referenceType='AD'
-            maxPictures={this.props.maxPictures}
-            images={this.props.postingAd.images}
-            video={this.props.postingAd.video}
-            updateImages={images => this.props.postingAd.images = images}
-            updateVideo={video => this.props.postingAd.video = video}
-            deletedFiles={this.props.postingAd.deletedFiles}
-            showVideo={this.props.businessId} />
-          <View style={commonStyles.conseilBox}>
-            <TouchableOpacity style={commonStyles.alignCenter} activeOpacity={1} onPress={() => this.popupShowAdvice.show()}>
-              <FontAwesomeIcon style={commonStyles.conseilIcon} name="help-circled" />
-              <Text style={commonStyles.conseilText}>{strings('setup.advice')}</Text>
-            </TouchableOpacity>
+          <View style={commonStyles.progressbarInputArea}>
+            <Text style={commonStyles.progressbarInputAreaH3}>{strings('setup.publishPhotos')}</Text>
+            {this.state.allPhotosSelected ?
+              <View style={commonStyles.confirmNote}>
+                <View style={commonStyles.row}>
+                  <FontAwesomeIcon style={commonStyles.confirmIcon} name="check" />
+                  <Text style={commonStyles.confirmNoteText}>{strings('setup.allPicturesSelected')}</Text>
+                </View>
+              </View>
+              :
+              <View>
+                <Text style={this.state.showErrorNoSelectedImages ? [commonStyles.subNote, commonStyles.red] : commonStyles.subNote}>{strings('setup.publishPhotosSubNote1', { maxPictures: this.props.maxPictures })}</Text>
+                <Text style={commonStyles.subNote}>{strings('setup.publishPhotosSubNote2')}</Text>
+              </View>
+            }
+
+            <View style={commonStyles.progressbarFieldContainer}>
+              <View style={{ flexDirection: 'row', flex: 1, flexWrap: 'wrap', alignItems: 'flex-start' }}>
+                {this.state.allPhotosSelected ?
+                  null
+                  :
+                  <TouchableOpacity onLayout={this.setContainerWidth} style={[commonStyles.photoBox, this.state.showErrorNoSelectedImages ? commonStyles.fieldError : null]} onPress={() => this.props.openPictureSelector()}>
+                    <TouchableOpacity style={[commonStyles.photoBoxAddIcon]} onPress={() => this.props.openPictureSelector()}>
+                      <TouchableHighlight underlayColor="#104a7a" onPress={() => this.props.openPictureSelector()}>
+                        <FontAwesomeIcon style={commonStyles.photoAddIcon} name="plus-circled" />
+                      </TouchableHighlight>
+                      <TouchableOpacity activeOpacity={0.5} onPress={() => this.props.openPictureSelector()}>
+                        <Text style={commonStyles.photoAddText}>{strings('setup.addPhotos')}</Text>
+                      </TouchableOpacity>
+                    </TouchableOpacity>
+                  </TouchableOpacity>
+                }
+                {this.state.images.map((item, index) => {
+                  return (
+                    <View style={[commonStyles.photoBox]} onLayout={this.setContainerWidth} key={index}>
+                      <Image style={{ width: this.state.imageSize[index]?.width, height: this.state.imageSize[index]?.height, marginVertical: this.state.imageSize[index]?.marginVertical, marginHorizontal: this.state.imageSize[index]?.marginHorizontal }}
+                        resizeMode='cover' source={{ uri: item.uri }} borderRadius={10} 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.id, index)}>
+                          <FontAwesomeIcon style={commonStyles.whiteIcon} name="cancel-circled" />
+                        </TouchableHighlight>
+                        <TouchableHighlight style={commonStyles.rightIcon} onPress={() => this.selectMainPhoto(item)}>
+                          <FontAwesomeIcon style={[commonStyles.heartIcon, item.mainPicture ? '' : commonStyles.whiteIcon]} name={item.mainPicture ? 'heart' : 'heart-empty'} />
+                        </TouchableHighlight>
+
+                      </ImageBackground>
+                    </View>
+                  )
+                })}
+              </View>
+              <View style={commonStyles.conseilBox}>
+                <TouchableOpacity style={commonStyles.alignCenter} activeOpacity={1} onPress={() => this.popupShowAdvice.show()}>
+                  <FontAwesomeIcon style={commonStyles.conseilIcon} name="help-circled" />
+                  <Text style={commonStyles.conseilText}>{strings('setup.advice')}</Text>
+                </TouchableOpacity>
+              </View>
+            </View>
           </View>
         </View>
         <View style={commonStyles.buttomButton}>
@@ -79,7 +339,7 @@ export default class Publish4 extends React.Component {
           <Text />
           <Text style={commonStyles.popupText}>{strings('setup.adviceText2')}</Text>
         </PopupAdvice>
-      </View >
+      </View>
     );
   }
 }

package/locales/ar.json

@@ -30,7 +30,12 @@
 		"propertyCharacteristics": "خصائص العقار",
 		"price": "السعر",
 		"currency": "العملة",
+		"selectPicture": "حدد الصورة",
+		"galleryOrCamera": "هل تريد استخدام الرواق أو الكاميرا؟",
+		"addPhotos": "إضافة",
 		"publishPhotos": "انشروا صوركم",
+		"publishPhotosSubNote1": "الحد الأدنى  صورة واحدة. الحد الأقصى {{maxPictures}} صورة.",
+		"publishPhotosSubNote2": "انقروا على القلب للقيام بصورة الغلاف",
 		"advice": "نصائح",
 		"adviceText1": " الحد الأقصى لحجم الصورة 5 ميغابايت ويجب ألا يتجاوز 3456 × 3456 بكسل. يجب تنزيل الصور بحجم .jpg أو .gif أو .png.",
 		"adviceText2": "المنشورات التي تتضمن صورة تتلقى ما يصل إلى 3 مرات أكثر من الزيارات. اختر كصورة غلاف تلك التي تمثل أفضل ميزات العقار.",
@@ -104,14 +109,16 @@
 		"posting_tip_description_9": "من الأفضل ذكر جميع الخصائص المميزة لهذا العقار ",
 		"posting_tip_description_10": "ملاحظة: لا تضع رقم الهاتف أو البريد الإلكتروني في المكان المخصص للوصف، سيتم ربطكم مباشرة مع الزبون ",
 		"contactOwner": "اتصل بالناشر",
+		"allPicturesSelected": "لقد قمت بتحديد جميع الصور",
+		"selected": "المختار(ة)",
+		"max": "(كحد أقصى)",
 		"orientation": "اتجاه",
 		"north": "شمال",
 		"south": "جنوب",
 		"west": "الغرب",
 		"est": "شرق",
 		"highlight": "رفع قيمة",
-		"ad_cant_post_zone": "لا يمكنك النشر في هذه المدينة",
-		"selectPromotion": "إلى أي ترويج وتخفيض تنتمي الممتلكات الخاصة بك؟*"
+		"ad_cant_post_zone":"لا يمكنك النشر في هذه المدينة"
 	},
 	"product": {
 		"LISTING": "قوائم",

package/locales/en.json

@@ -30,7 +30,12 @@
     "propertyCharacteristics": "Characteristics of the property",
     "price": "Price",
     "currency": "Currency",
+    "selectPicture": "Select image",
+    "galleryOrCamera": "Do you want to use the gallery or the camera?",
+    "addPhotos": "Add",
     "publishPhotos": "Publish your photos",
+    "publishPhotosSubNote1": "Minimum 1 photo. Maximum {{maxPictures}} photos.",
+    "publishPhotosSubNote2": "Click on the heart to make the cover photo.",
     "advice": "Advices",
     "adviceText1": "The size of the image has a maximum of 5 MB and must not exceed 3456 x 3456 pixels. Images must be downloaded in .jpg, .gif or .png format.",
     "adviceText2": "Publications including a photo receive up to 3 times more visits. Choose as a cover photo which best represents the most important features of the property",
@@ -104,14 +109,16 @@
     "posting_tip_description_9": "Highlight the qualities which make this property stand out.",
     "posting_tip_description_10": "Note: Don't include your telephone number or email address in these observations they'll be shown to anyone interested when they send a request for more information.",
     "contactOwner": "Price on request",
+    "allPicturesSelected": "You have already selected all the photos",
+    "selected": "Selected",
+    "max": "(max)",
     "orientation": "Orientation",
     "north": "North",
     "south": "South",
     "west": "West",
     "est": "Est",
     "highlight": "Highlight",
-    "ad_cant_post_zone": "You can't post in this city",
-    "selectPromotion": "What promotion does your property belong to? *"
+    "ad_cant_post_zone":"You can't post in this city"
   },
   "product": {
     "LISTING": "Listing",

package/locales/es.json

@@ -30,7 +30,12 @@
     "propertyCharacteristics": "Características de la propiedad",
     "price": "Precio",
     "currency": "Moneda",
+    "selectPicture": "Seleccionar foto",
+    "galleryOrCamera": "¿Quieres usar la galería o la cámara?",
+    "addPhotos": "Añadir",
     "publishPhotos": "Subir fotos",
+    "publishPhotosSubNote1": "Mínimo 1 foto. Máximo {{maxPictures}} fotos.",
+    "publishPhotosSubNote2": "Haz click en el corazón para marcar la foto de portada",
     "advice": "Consejos",
     "adviceText1": "El tamaño de la imagen tiene un máximo de 20 MB y no debe exceder los 3456 x 3456 píxeles. Las imágenes deben descargarse en formato .jpg, .gif o .png.",
     "adviceText2": "Las anuncios que incluyan fotos reciben hasta 3 veces más de visitas. Elija como foto de portada la que mejor represente las características más importantes de la propiedad.",
@@ -104,14 +109,16 @@
     "posting_tip_description_9": "Comenta las cualidades que hacen que esta propiedad destaque.",
     "posting_tip_description_10": "Nota: No incluyas tu número de teléfono o dirección de correo electrónico en estas observaciones. Se mostrarán a cualquier persona interesada cuando envíen una solicitud para obtener más información.",
     "contactOwner": "Precio a consultar",
+    "allPicturesSelected": "Ya has seleccionado todas las fotos",
+    "selected": "Seleccionado",
+    "max": "(max)",
     "orientation": "Orientación",
     "north": "Norte",
     "south": "Sur",
     "west": "Oeste",
     "est": "Este",
     "highlight": "Destacar",
-    "ad_cant_post_zone": "No puedes publicar en esta ciudad",
-    "selectPromotion": "¿A qué promoción pertenece tu bien? *"
+    "ad_cant_post_zone":"No puedes publicar en esta ciudad"
   },
   "product": {
     "LISTING": "Listing",

package/locales/fr.json

@@ -30,7 +30,12 @@
     "propertyCharacteristics": "Caractéristiques du bien",
     "price": "Prix",
     "currency": "Devise",
+    "selectPicture": "Sélectionnez l'image",
+    "galleryOrCamera": "Voulez-vous utiliser la galerie ou la caméra?",
+    "addPhotos": "Ajouter",
     "publishPhotos": "Publiez vos photos",
+    "publishPhotosSubNote1": "Minimum 1 photo. Maximum {{maxPictures}} photos.",
+    "publishPhotosSubNote2": "Cliquez sur Favoris pour sélectionner la photo de couverture.",
     "advice": "Conseils",
     "adviceText1": "La taille de l'image a un maximum de 5 Mo et ne doit pas dépasser 3456 x 3456 pixels. Les images doivent être téléchargées au format .jpg, .gif ou .png.",
     "adviceText2": "Les publications incluant une photo reçoivent jusqu'à 3 fois plus de visites. Choisissez comme photo de couverture celle qui représente le mieux les caractéristiques les plus importantes du bien",
@@ -104,14 +109,16 @@
     "posting_tip_description_9": "Renforcez les caractéristiques uniques de ce bien.",
     "posting_tip_description_10": "Remarque: Ne mettez pas votre numéro de téléphone ou votre adresse email dans les commentaires, notre équipe se chargera de vous envoyer automatiquement toutes les demandes d'informations.",
     "contactOwner": "Prix à consulter",
+    "allPicturesSelected": "Vous avez déjà sélectionné toutes les photos",
+    "selected": "Sélectionné(s)",
+    "max": "(max)",
     "orientation": "Orientation",
     "north": "Nord",
     "south": "South",
     "west": "Ouest",
     "est": "Est",
     "highlight": "Mettre en valeur",
-    "ad_cant_post_zone": "Vous ne pouvez pas poster dans cette ville",
-    "selectPromotion": "A quelle promotion appartient votre bien? *"
+    "ad_cant_post_zone":"Vous ne pouvez pas poster dans cette ville"
   },
   "product": {
     "LISTING": "Liste",

package/locales/it.json

@@ -30,7 +30,12 @@
     "propertyCharacteristics": "Caratteristiche principali dell’immobile",
     "price": "Prezzo",
     "currency": "Valuta",
+    "selectPicture": "Seleziona immagine",
+    "galleryOrCamera": "Vuoi usare la galleria o la fotocamera?",
+    "addPhotos": "Aggiungi",
     "publishPhotos": "Pubblica le tue foto",
+    "publishPhotosSubNote1": "Minimo 1 foto. Massimo {{maxPictures}} foto.",
+    "publishPhotosSubNote2": "Clicca sul cuore per creare l’immagine di copertina.",
     "advice": "Consigli",
     "adviceText1": "La dimensione massima dell’immagine è di 20 MB e non può superare i 3456 x 3456 pixel. Le immagini devono essere scaricate in .jpg, .gif o .png.",
     "adviceText2": "Le pubblicazioni con foto ricevono fino a 3 volte più visualizzazioni. Scegli l’immagine di copertina che meglio rappresenta la caratteristica principale dell’immobile",
@@ -104,14 +109,16 @@
     "posting_tip_description_9": "Risalta le qualità principali dell’immobile.",
     "posting_tip_description_10": "Nota: Non includere il tuo numero di telefono o indirizzo e-mail in queste osservazioni. Verranno mostrate agli interessati quando invieranno la richiesta.",
     "contactOwner": "Prezzo su richiesta",
+    "allPicturesSelected": "Hai già selezionato tutte le foto",
+    "selected": "Selezionato",
+    "max": "(max)",
     "orientation": "Orientamento",
     "north": "Nord",
     "south": "Sud",
     "west": "Ovest",
     "est": "Est",
     "highlight": "Evidenziare",
-    "ad_cant_post_zone": "Non puoi postare in questa città",
-    "selectPromotion": "A quale promozione appartiene il tuo immobile? *"
+    "ad_cant_post_zone":"Non puoi postare in questa città"
   },
   "product": {
     "LISTING": "Inserzioni",

package/locales/nl.json

@@ -30,7 +30,12 @@
     "propertyCharacteristics": "De belangrijkste kenmerken van het pand",
     "price": "Prijs",
     "currency": "Valuta",
+    "selectPicture": "Afbeelding selecteren",
+    "galleryOrCamera": "Wilt u de galerij of de camera gebruiken?",
+    "addPhotos": "Toevoegen",
     "publishPhotos": "Publiceer uw foto's",
+    "publishPhotosSubNote1": "Minimaa 1 foto. Maximaal {{maxPictures}} foto's.",
+    "publishPhotosSubNote2": "Klik op het hartje om hier uw omslagfoto van te maken.",
     "advice": "Adviezen",
     "adviceText1": "De afbeelding mag maximaal 20 MG zijn en mag niet meer dan 3456 x 3456 pixels zijn. Afbeeldingen moeten worden gedownload als .jpg, .gif of .png.",
     "adviceText2": "Publicaties met een foto worden drie keer zo vaak bezocht. Kies een omslagfoto die de belangrijkste kenmerken van het pand het beste benadrukken",
@@ -104,14 +109,16 @@
     "posting_tip_description_9": "Benadruk de kenmerken waardoor dit pand opvalt.",
     "posting_tip_description_10": "Opmerking: vermeld hier niet uw telefoonnummer of e-mailadres. Die worden getoond aan mensen die interesse hebben wanneer ze om meer informatie vragen.",
     "contactOwner": "Prijs op aanvraag",
+    "allPicturesSelected": "U hebt alle foto's al geselecteerd",
+    "selected": "Geselecteerd",
+    "max": "(max)",
     "orientation": "Oriëntatie",
     "north": "North",
     "south": "Zuid",
     "west": "Oost",
     "est": "North",
     "highlight": "Highlighting",
-    "ad_cant_post_zone": "In deze stad mag je niet posten",
-    "selectPromotion": "Bij welke promotie hoort uw accommodatie? *"
+    "ad_cant_post_zone":"In deze stad mag je niet posten"
   },
   "product": {
     "LISTING": "Advertenties",

package/package.json

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