@woosmap/ui 4.164.4 → 4.164.6

package/package.json

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

package/src/components/PricingSlider/PricingData.js

@@ -95,9 +95,7 @@ const Pricing = {
                 unit: "Monthly Requests",
                 description:
                     "Get suggestions on addresses, localities, postcodes and more. Search on full words as well as substrings, with high flexibility on typos",
-                pricing: [
-                    [50000000, 0],
-                ],
+                pricing: [],
                 discountEligible: true,
             },
             'Details': {

package/src/components/PricingSlider/PricingSimulator.js

@@ -13,7 +13,7 @@ class PricingSimulator extends Component {
                     sliders[category] = {};
                 }
                 sliders[category][pricingKey] = {
-                    queries: PricingData[category].pricings[pricingKey].defaultQueries || 0,
+                    queries: 0,
                     amount: 0,
                     computedQueries: PricingData[category].pricings[pricingKey].defaultQueries || 0,
                 };

package/src/components/PricingSlider/PricingSlider.js

@@ -14,28 +14,31 @@ 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 / 100000) * 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 / 100000) * tier[1] * coef;
+                    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) => {
         const { productPricing, publicMode } = this.props;
         const { pricing, publicTierCount } = productPricing;
+        if (pricing.length === 0) {
+            return valueNow;
+        }
         const tierIndex = Math.min(Math.floor(valueNow / 100000), pricing.length - 1);
+
         // eslint-disable-next-line prefer-destructuring
         const tier = pricing[tierIndex][0];
         const value = valueNow - tierIndex * 100000;
@@ -140,7 +143,7 @@ class PricingSlider extends Component {
             displayedAmount = this.contactSalesButton();
         } else if (amount > 0) {
             displayedAmount = <span className="amount">{`${parseInt(amount, 10)}${currency}`}</span>;
-        } else if (amount === 0 && computedQueries > 0) {
+        } else if (displayedPricing.length === 0) {
             displayedAmount = <span className="free-label">FREE</span>;
         }
         return (
@@ -167,10 +170,11 @@ class PricingSlider extends Component {
                     renderMark={this.renderMarks}
                     pearling
                     min={0}
+                    step={1000}
                     onChange={(_queries) => {
                         this.onChange(_queries);
                     }}
-                    max={displayedPricing.length * 100000}
+                    max={displayedPricing.length * 100000 || 50000000}
                 />
                 <div className="pricing-slider__queries">
                     <div className="pricing-slider__queries__label">{productPricing.unit}</div>