@woosmap/ui 4.162.3 → 4.162.5

package/package.json

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

package/src/components/PricingSlider/PricingSimulator.js

@@ -9,23 +9,52 @@ class PricingSimulator extends Component {
         const sliders = {};
         Object.keys(PricingData).forEach((category) => {
             Object.keys(PricingData[category].pricings).forEach((pricingKey) => {
-                sliders[category + pricingKey] = { queries: PricingData[category].pricings[pricingKey].defaultQueries };
+                if (!sliders[category]) {
+                    sliders[category] = {};
+                }
+                sliders[category][pricingKey] = { queries: PricingData[category].pricings[pricingKey].defaultQueries };
             });
         });
-        this.state = { total: 0, sliders };
+        this.state = { sliders };
     }
 
-    onChange = (pricingKey) => (data) => {
+    onChange = (category, pricingKey) => (data) => {
         console.log(pricingKey, data);
         const { sliders } = this.state;
         const newSliders = { ...sliders };
-        newSliders[pricingKey] = data;
+        newSliders[category][pricingKey] = data;
         this.setState({ sliders: newSliders });
     };
 
+    computeTotal = () => {
+        let freeQueriesTotal = 0;
+        let eligibleTotal = 0;
+        let notEligibleTotal = 0;
+
+        const { sliders } = this.state;
+        Object.keys(sliders).forEach((category) => {
+            Object.keys(sliders[category]).forEach((pricingKey) => {
+                const { discountEligible } = PricingData[category].pricings[pricingKey];
+                if (discountEligible) {
+                    if (!Number.isNaN(freeQueriesTotal)) {
+                        freeQueriesTotal += sliders[category].queries;
+                    }
+                    eligibleTotal += sliders[category].amount;
+                } else if (sliders[category].queries > 0) {
+                    freeQueriesTotal = false;
+                    notEligibleTotal += sliders[category].amount;
+                }
+            });
+        });
+        const total = notEligibleTotal + eligibleTotal;
+        console.log(total, freeQueriesTotal, notEligibleTotal, eligibleTotal);
+        return { total, freeQueriesTotal, notEligibleTotal, eligibleTotal };
+    };
+
     render() {
-        const { total, sliders } = this.state;
+        const { sliders } = this.state;
         const { publicMode, currency } = this.props;
+        const { total } = this.computeTotal();
         return (
             <>
                 <div className="pricing-nav">
@@ -68,8 +97,8 @@ class PricingSimulator extends Component {
                                         key={`pricing_${pricingKey.replace(' ', '')}`}
                                         publicMode={publicMode}
                                         currency={currency}
-                                        values={sliders[category + pricingKey]}
-                                        onChange={this.onChange(category + pricingKey)}
+                                        values={sliders[category][pricingKey]}
+                                        onChange={this.onChange(category, pricingKey)}
                                     />
                                 );
                             })}