@woosmap/ui 4.164.5 → 4.164.7

package/package.json

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

package/src/components/PricingSlider/PricingSlider.js

@@ -14,22 +14,21 @@ class PricingSlider extends Component {
             return queries;
         }
         return pricing.reduce((amount, tier, index) => {
-                previousPricingTier = index > 0 ? pricing[index - 1] : null;
-
-                if (previousPricingTier !== null) {
-                    const valueToRemove = Math.min(tier[0] - previousPricingTier[0], q);
-                    if (valueToRemove > 0) {
-                        q -= valueToRemove;
-                        return amount + (valueToRemove / 1000) * tier[1] * coef;
-                    }
-                } else {
-                    const valueToRemove = Math.min(tier[0], q);
+            previousPricingTier = index > 0 ? pricing[index - 1] : null;
+
+            if (previousPricingTier !== null) {
+                const valueToRemove = Math.min(tier[0] - previousPricingTier[0], q);
+                if (valueToRemove > 0) {
                     q -= valueToRemove;
                     return amount + (valueToRemove / 1000) * tier[1] * coef;
                 }
-                return amount;
-            }, 0)
-
+            } else {
+                const valueToRemove = Math.min(tier[0], q);
+                q -= valueToRemove;
+                return amount + (valueToRemove / 1000) * tier[1] * coef;
+            }
+            return Math.floor(amount);
+        }, 0);
     };
 
     computeQueries = (valueNow) => {
@@ -62,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);
         }
     };
@@ -139,6 +138,7 @@ class PricingSlider extends Component {
         const { name, productPricing, currency, values, id } = this.props;
         const { queries } = values;
         const { displayedPricing, amount, formatedQueries, marks, computedQueries } = this.getDisplayedData(queries);
+
         let displayedAmount = <span className="amount">{`0${currency}`}</span>;
         if (amount === '∞') {
             displayedAmount = this.contactSalesButton();
@@ -171,6 +171,7 @@ class PricingSlider extends Component {
                     renderMark={this.renderMarks}
                     pearling
                     min={0}
+                    step={1000}
                     onChange={(_queries) => {
                         this.onChange(_queries);
                     }}