@woosmap/ui 4.226.5 → 4.226.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@woosmap/ui",
-  "version": "4.226.5",
+  "version": "4.226.7",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/WebGeoServices/ui.git"

package/src/components/PricingSlider/PricingSimulator.js

@@ -163,7 +163,7 @@ export default class PricingSimulator extends Component {
 
     render() {
         const { sliders } = this.state;
-        const { currency, hlPricings } = this.props;
+        const { currency, hlPricings, planId } = this.props;
         const { total, contactSale, totalBeforeDiscount } = this.computeTotal();
         const totalDisplayed = this.displayAmount(parseInt(total, 10), currency);
         // if (contactSale) {
@@ -225,6 +225,7 @@ export default class PricingSimulator extends Component {
                                             values={sliders[category][pricingKey]}
                                             onChange={this.onChange(category, pricingKey)}
                                             hlPricings={hlPricings}
+                                            planId={planId}
                                         />
                                     );
                                 })}
@@ -261,9 +262,10 @@ export default class PricingSimulator extends Component {
     }
 }
 
-PricingSimulator.defaultProps = { currency: '€' };
+PricingSimulator.defaultProps = { currency: '€', planId: 'plan_ohNpgeVMtJ3veT' };
 
 PricingSimulator.propTypes = {
     currency: PropTypes.string,
     hlPricings: PropTypes.object.isRequired,
+    planId: PropTypes.string,
 };

package/src/components/PricingSlider/PricingSlider.js

@@ -94,7 +94,6 @@ export default class PricingSlider extends Component {
     );
 
     renderMarks = (props) => {
-        const { publicMode } = this.props;
         const displayedPricing = this.getDisplayedPricing();
 
         let value;
@@ -102,7 +101,7 @@ export default class PricingSlider extends Component {
             value = 0;
         } else {
             const index = props.key / 100000 - 1;
-            if (index === displayedPricing.length - 1 && publicMode) {
+            if (index === displayedPricing.length - 1) {
                 value = '∞';
             } else {
                 const tier = displayedPricing[props.key / 100000 - 1];
@@ -127,10 +126,12 @@ export default class PricingSlider extends Component {
     getDisplayedPricing = () => {
         const { productPricing, currency, planId } = this.props;
         const product = this.findProduct(productPricing.productId);
-
-        return product && product.pricings[planId] && product.pricings[planId][currencyMap[currency]]
-            ? product.pricings[planId][currencyMap[currency]]
-            : [];
+        const displayedPricing =
+            product && product.pricings[planId] && product.pricings[planId][currencyMap[currency]]
+                ? product.pricings[planId][currencyMap[currency]]
+                : [];
+        displayedPricing.append([displayedPricing[displayedPricing.length - 1][0] * 2, null]);
+        return displayedPricing;
     };
 
     getDisplayedData = (queries) => {
@@ -182,6 +183,14 @@ export default class PricingSlider extends Component {
                     {displayedPricing.map((tier, index) => {
                         const lower = index > 0 ? displayedPricing[index - 1][0] : 0;
                         if (index === displayedPricing.length - 1) {
+                            return (
+                                <tr>
+                                    <td>{`${numeral(lower).format('0.[0]a')}+`}</td>
+                                    <td>{tr('Contact us for discount')}</td>
+                                </tr>
+                            );
+                        }
+                        if (index === displayedPricing.length - 2) {
                             return (
                                 <tr>
                                     <td>{`${numeral(lower).format('0.[0]a')}+`}</td>
@@ -197,7 +206,6 @@ export default class PricingSlider extends Component {
                         );
                     })}
                 </table>
-                {displayedPricing.length === 1 && displayedPricing[0][1] === 0 ? null : tr('For more, contact us')}
             </div>
         );
     };
@@ -296,7 +304,6 @@ export default class PricingSlider extends Component {
 PricingSlider.defaultProps = {
     defaultQueries: 1500,
     onChange: null,
-    planId: 'plan_ohNpgeVMtJ3veT',
 };
 
 PricingSlider.propTypes = {
@@ -308,6 +315,6 @@ PricingSlider.propTypes = {
     onChange: PropTypes.func,
     values: PropTypes.object.isRequired,
     id: PropTypes.string.isRequired,
-    planId: PropTypes.string,
+    planId: PropTypes.string.isRequired,
     hlPricings: PropTypes.object.isRequired,
 };