@woosmap/ui 4.152.0 → 4.154.0

package/package.json

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

package/src/components/PricingSlider/PricingData.js

@@ -1,8 +1,17 @@
+import localitiesImgSq from '../../images/products/product-localities-sq.png';
+import geolocationImgSq from '../../images/products/product-geolocation-sq.png';
+import storesImgSq from '../../images/products/product-stores-sq.png';
+import distanceImgSq from '../../images/products/product-distance-sq.png';
+import mapImgSq from '../../images/products/product-map-sq.png';
+import indoorImgSq from '../../images/products/product-indoor-sq.png';
+import geofencingImgSq from '../../images/products/product-geofencing-sq.png';
+
 /* eslint-disable */
 
+
 const Pricing = {
     Geolocation: {
-        image : '../../public/images/products/product-geolocation-sq.png',
+        image : geolocationImgSq,
         pricings: {
             'Geolocation (Position) API': {
                 publicTierCount: 2,
@@ -35,7 +44,7 @@ const Pricing = {
         },
     },
     Localities: {
-        image : '../../public/images/products/product-localities-sq.png',
+        image : localitiesImgSq,
         pricings: {
             'Localities Autocomplete API': {
                 publicTierCount: 1,
@@ -106,7 +115,7 @@ const Pricing = {
         },
     },
     Distance: {
-        image : '../../public/images/products/product-distance-sq.png',
+        image : distanceImgSq,
         pricings: {
             'Distance (Route) API (/q)': {
                 publicTierCount: 2,
@@ -167,7 +176,7 @@ const Pricing = {
         },
     },
     'Map-Js': {
-        image : '../../public/images/products/product-map-sq.png',
+        image : mapImgSq,
         pricings: {
             'Map API': {
                 publicTierCount: 2,
@@ -186,7 +195,7 @@ const Pricing = {
         },
     },
     Indoor: {
-        image : '../../public/images/products/product-indoor-sq.png',
+        image : indoorImgSq,
         pricings: {
             'Indoor (Search) API': {
                 publicTierCount: 2,
@@ -247,7 +256,7 @@ const Pricing = {
         },
     },
     Geofencing: {
-        image : '../../public/images/products/product-geofencing-sq.png',
+        image : geofencingImgSq,
         pricings: {
             'Geofencing Store (Search)': {
                 publicTierCount: 2,
@@ -294,7 +303,7 @@ const Pricing = {
         },
     },
     Stores: {
-        image : '../../public/images/products/product-stores-sq.png',
+        image : storesImgSq,
         pricings: {
             'Store (Search) API': {
                 publicTierCount: 2,

package/src/components/PricingSlider/PricingSlider.js

@@ -20,25 +20,27 @@ class PricingSlider extends Component {
         if (queries === '∞') {
             return this.contactSalesButton();
         }
-        return `${parseInt(
-            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) {
+        return (
+            <span className="amount">{`${parseInt(
+                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);
                         q -= valueToRemove;
                         return amount + (valueToRemove / 1000) * tier[1] * coef;
                     }
-                } else {
-                    const valueToRemove = Math.min(tier[0], q);
-                    q -= valueToRemove;
-                    return amount + (valueToRemove / 1000) * tier[1] * coef;
-                }
-                return amount;
-            }, 0),
-            10
-        )} ${currency}`;
+                    return amount;
+                }, 0),
+                10
+            )} ${currency}`}</span>
+        );
     };
 
     computeQueries = (valueNow) => {
@@ -72,7 +74,11 @@ class PricingSlider extends Component {
         }
     };
 
-    contactSalesButton = () => <Button size="small" label={tr('Contact Sales')} />;
+    contactSalesButton = () => (
+        <span className="button-contac">
+            <Button size="small" label={tr('Contact Sales')} />
+        </span>
+    );
 
     renderMarks = (props) => {
         const { productPricing, publicMode } = this.props;
@@ -149,7 +155,7 @@ class PricingSlider extends Component {
                 </div>
                 <div className="pricing-slider__price">
                     <span>{productPricing.unit}</span>
-                    <span>{amount}</span>
+                    {amount}
                 </div>
             </div>
         );