diy-template-components 0.1.7 → 0.1.10

package/build/index.es.js

@@ -6788,7 +6788,7 @@ const SingleVideoSlide$1 = props => {
     discount
   }) => {
     console.log('discountxx', props.data.price, props.data.discount);
-    return ((price - discount) / price * 100).toFixed(2);
+    return (discount / price * 100).toFixed(2);
   };
 
   const classes = useWebinarPromotionPage();
@@ -6852,7 +6852,7 @@ const SingleVideoSlide$1 = props => {
     className: classes.priceContainer
   }, /*#__PURE__*/React.createElement("div", {
     className: classes.offerPrice
-  }, "\u20B9", data?.discount), /*#__PURE__*/React.createElement("p", {
+  }, "\u20B9", data?.effectivePrice), /*#__PURE__*/React.createElement("p", {
     style: {
       fontSize: '20px',
       marginTop: '0px'
@@ -7458,6 +7458,54 @@ const FormPage = ({
       payload: formResponse
     };
     postApiCallForm(baseURLs, data, extraProps);
+    setFormData({});
+  };
+
+  const handleOnClick = (e, item, option) => {
+    // if the checkbox is checked
+    if (!e.target.checked) {
+      // if the checkbox is checked and the solution array is empty
+      if (!formData[item._id]?.solutionArray?.length) {
+        setFormData({ ...formData,
+          [item._id]: {
+            questionName: item.text,
+            solutionArray: [option.value],
+            questionType: 'MC'
+          }
+        });
+      } // if the checkbox is checked and the solution array is not empty and the value is already in the array remove it
+      else if (formData[item._id]?.solutionArray?.includes(option.value)) {
+        // if only one value is in the array remove it
+        setFormData({ ...formData,
+          [item._id]: {
+            questionName: item.text,
+            solutionArray: formData[item._id]?.solutionArray?.filter(item => item !== option.value),
+            questionType: 'MC'
+          }
+        });
+      }
+    } // if the checkbox is unchecked
+    else {
+      // if the checkbox is unchecked and the solution array is empty
+      if (typeof formData[item._id]?.solutionArray?.length === 'undefined') {
+        setFormData({ ...formData,
+          [item._id]: {
+            questionName: item.text,
+            solutionArray: [option.value],
+            questionType: 'MC'
+          }
+        });
+      } // if the checkbox is unchecked and the solution array is not empty and the value is not in the array add it
+      else if (!formData[item._id]?.solutionArray?.includes(option.value)) {
+        setFormData({ ...formData,
+          [item._id]: {
+            questionName: item.text,
+            solutionArray: [...formData[item._id]?.solutionArray, option.value],
+            questionType: 'MC'
+          }
+        });
+      }
+    }
   };
 
   return /*#__PURE__*/React.createElement("section", {
@@ -7480,6 +7528,7 @@ const FormPage = ({
     className: classes.inputFieldControl,
     required: item.isRequired,
     type: "text",
+    value: formData[item._id]?.solutionArray?.[0] || '',
     placeholder: "Short answer",
     name: item._id,
     onChange: e => {
@@ -7501,33 +7550,9 @@ const FormPage = ({
     value: option.value,
     type: "checkbox",
     name: option.value,
+    checked: formData[item._id]?.solutionArray?.includes(option.value),
     id: option.value,
-    onChange: e => {
-      setFormData({ ...formData,
-        [item._id]: {
-          questionName: item.text,
-          solutionArray: [],
-          questionType: 'SA'
-        }
-      });
-    },
-    onBlur: e => {
-      let newSolArray = [];
-
-      if (formData[item._id]) {
-        if (!formData[item._id].solutionArray?.find(el => el === option.value)) {
-          newSolArray.push(e.target.value);
-        }
-      }
-
-      setFormData({ ...formData,
-        [item._id]: {
-          questionName: item.text,
-          solutionArray: [...newSolArray],
-          questionType: 'SA'
-        }
-      });
-    }
+    onClick: e => handleOnClick(e, item, option)
   }), /*#__PURE__*/React.createElement("label", {
     htmlFor: option.value
   }, option.value)))), item.type === 'SC' && /*#__PURE__*/React.createElement("div", {
@@ -7540,14 +7565,16 @@ const FormPage = ({
     // value={option.value}
     type: "radio",
     name: "text",
-    required: item.isRequired // name={option.value}
+    required: item.isRequired,
+    value: option.value,
+    checked: formData[item._id]?.solutionArray?.[0] === option.value // name={option.value}
     // id={option.value}
     ,
-    onChange: e => {
+    onClick: e => {
       setFormData({ ...formData,
         [item._id]: {
           questionName: item.text,
-          solutionArray: [item.text],
+          solutionArray: [option.value],
           questionType: 'SC'
         }
       });