@woosmap/ui 4.164.6 → 4.164.8

package/package.json

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

package/src/components/PricingSlider/PricingSlider.js

@@ -61,7 +61,7 @@ class PricingSlider extends Component {
         const tier = pricing[matchedTierIndex];
         if (tier) {
             const previousTier = matchedTierIndex > 0 ? pricing[matchedTierIndex - 1][0] : 0;
-            const queries = matchedTierIndex * 100000 + (100000 * (value - previousTier)) / tier[0];
+            const queries = matchedTierIndex * 100000 + (100000 * (value - previousTier)) / (tier[0]-previousTier);
             this.onChange(queries);
         }
     };
@@ -114,6 +114,7 @@ class PricingSlider extends Component {
         const computedQueries = this.computeQueries(queries);
         const formatedQueries = computedQueries === '∞' ? computedQueries : numeral(computedQueries).format('0.[0]a');
         const amount = this.computeAmount(displayedPricing, computedQueries);
+        const aboveLastTier = formatedQueries === '∞'  ? `>${numeral(displayedPricing[displayedPricing.length-2][0]).format('0.[0]a')}` : null
 
         return {
             queries,
@@ -124,6 +125,7 @@ class PricingSlider extends Component {
             name,
             discountEligible: productPricing.discountEligible,
             displayedPricing,
+            aboveLastTier
         };
     };
 
@@ -137,7 +139,8 @@ class PricingSlider extends Component {
     render() {
         const { name, productPricing, currency, values, id } = this.props;
         const { queries } = values;
-        const { displayedPricing, amount, formatedQueries, marks, computedQueries } = this.getDisplayedData(queries);
+        const { displayedPricing, amount, formatedQueries, marks, computedQueries, aboveLastTier } = this.getDisplayedData(queries);
+
         let displayedAmount = <span className="amount">{`0${currency}`}</span>;
         if (amount === '∞') {
             displayedAmount = this.contactSalesButton();
@@ -163,7 +166,7 @@ class PricingSlider extends Component {
                     renderThumb={(props) => (
                         <div {...props}>
                             <span>
-                                <span>{formatedQueries} </span>
+                                <span>{aboveLastTier ? aboveLastTier : formatedQueries} </span>
                             </span>
                         </div>
                     )}
@@ -178,7 +181,7 @@ class PricingSlider extends Component {
                 />
                 <div className="pricing-slider__queries">
                     <div className="pricing-slider__queries__label">{productPricing.unit}</div>
-                    <Input type="text" onChange={this.reverseComputeQueries} value={computedQueries} />
+                    <Input type="text" onChange={this.reverseComputeQueries} value={aboveLastTier ? aboveLastTier : computedQueries} />
                 </div>
                 <div className="pricing-slider__price">{displayedAmount}</div>
             </div>