homeflowjs 0.11.4 → 0.11.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "homeflowjs",
-  "version": "0.11.4",
+  "version": "0.11.5",
   "description": "JavaScript toolkit for Homeflow themes",
   "main": "index.js",
   "scripts": {

package/properties/stamp-duty-calculator/stamp-duty-calculator.component.jsx

@@ -9,6 +9,8 @@ const StampDutyCalculator = ({ scotland, themePreferences }) => {
   const [type, setType] = useState('residential');
   const [purchaseType, setPurchaseType] = useState('firstTimeBuyer')
   const [purchasePrice, setPurchasePrice] = useState();
+  const [firstTimeBuyer, setFirstTimeBuyer] = useState(false);
+  const [additionalProperty, setAdditionalProperty] = useState(false);
 
   const renderCalculator = () => {
     if (type === 'residential') {
@@ -16,8 +18,8 @@ const StampDutyCalculator = ({ scotland, themePreferences }) => {
         <DefaultCalculator
           purchasePrice={purchasePrice}
           setPurchasePrice={setPurchasePrice}
-          firstTimeBuyer={purchaseType === 'firstTimeBuyer'}
-          additionalProperty={purchaseType === 'additional'} 
+          firstTimeBuyer={firstTimeBuyer}
+          additionalProperty={additionalProperty} 
           ukResident
         />
       );
@@ -61,22 +63,22 @@ const StampDutyCalculator = ({ scotland, themePreferences }) => {
       </div>
       <div className="switches">
         <div className="form-group">
-          <button
-            type="button"
-            className={`stamp-duty-cal__type ${purchaseType === 'firstTimeBuyer' ? 'selected' : ''}`}
-            onClick={() => setPurchaseType('firstTimeBuyer')}
-          >
-            First Time Buyer
-          </button>
+          <input
+            type="checkbox"
+            id="firstTime"
+            checked={firstTimeBuyer}
+            onChange={() => setFirstTimeBuyer(prev => !prev)}
+          />
+          <label htmlFor="firstTime">First Time Buyer</label>
         </div>
         <div className="form-group">
-          <button
-            type="button"
-            className={`stamp-duty-cal__type ${purchaseType === 'additional' ? 'selected' : ''}`}
-            onClick={() => setPurchaseType('additional')}
-          >
-            Additional Property
-          </button>
+          <input
+            type="checkbox"
+            id="additionalProperty"
+            checked={additionalProperty}
+            onChange={() => setAdditionalProperty(prev => !prev)}
+          />
+          <label htmlFor="additionalProperty">Additional Property</label>
         </div>
       </div>
       {renderCalculator()}