@woosmap/ui 4.156.1 → 4.156.3

package/package.json

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

package/src/components/PricingSlider/PricingSimulator.js

@@ -4,8 +4,34 @@ import PricingSlider from './PricingSlider';
 import PricingData from './PricingData';
 
 class PricingSimulator extends Component {
+    constructor(props) {
+        super(props);
+        this.state = { currency: '€' };
+    }
+
+    componentDidMount() {
+        this.getCurrencyFromLocation();
+    }
+
+    getCurrencyFromLocation = async () => {
+        const { publicKey } = this.props;
+        if (publicKey) {
+            const geolocation = await fetch(`https://api.woosmap.com/geolocation/position?key=${publicKey}`)
+                .then((response) => response.json())
+                .catch(() => null);
+            if (geolocation && geolocation.country_code) {
+                if (geolocation.country_code === 'GB') {
+                    this.setState({ currency: '£' });
+                } else if (geolocation.country_code === 'US') {
+                    this.setState({ currency: '$' });
+                }
+            }
+        }
+    };
+
     render() {
-        const { publicMode, currency } = this.props;
+        const { publicMode } = this.props;
+        const { currency } = this.state;
         return (
             <div className="pricing-simulator__wrapper">
                 {Object.keys(PricingData).map((category) => (
@@ -36,8 +62,8 @@ class PricingSimulator extends Component {
     }
 }
 
-PricingSimulator.defaultProps = { currency: '€', publicMode: true };
+PricingSimulator.defaultProps = { publicMode: true, publicKey: null };
 
-PricingSimulator.propTypes = { currency: PropTypes.string, publicMode: PropTypes.bool };
+PricingSimulator.propTypes = { publicMode: PropTypes.bool, publicKey: PropTypes.string };
 
 export default PricingSimulator;

package/src/components/PricingSlider/PricingSlider.js

@@ -7,7 +7,8 @@ import { Button, Input, tr } from '@woosmap/ui';
 class PricingSlider extends Component {
     constructor(props) {
         super(props);
-        const { defaultQueries } = props;
+        const { productPricing } = props;
+        const { defaultQueries } = productPricing;
         this.state = {
             queries: defaultQueries,
         };