diy-template-components 0.1.8 → 0.1.9

package/build/index.es.js

@@ -6769,13 +6769,14 @@ const SingleVideoSlide$1 = props => {
   } = props;
 
   const renderer = ({
+    days,
     hours,
     minutes,
     seconds,
     completed
   }) => {
     if (hours < 24) {
-      return /*#__PURE__*/React.createElement("span", null, hours, "h ", minutes, "m ", seconds, "s");
+      return /*#__PURE__*/React.createElement("span", null, days, "d ", hours, "h ", minutes, "m ", seconds, "s");
     } else {
       let given = moment(props.data.endTime);
       let current = moment().startOf('day');
@@ -6783,14 +6784,9 @@ const SingleVideoSlide$1 = props => {
     }
   };
 
-  const discount = ({
-    price,
-    discount
-  }) => {
-    console.log('discountxx', props.data.price, props.data.discount);
-    return (discount / price * 100).toFixed(2);
-  };
-
+  const discount = parseInt((data?.regularPrice - data?.offerPrice) / data?.regularPrice * 100);
+  let date = new Date();
+  const todaysDate = moment(date).format('YYYY/MM/DD');
   const classes = useWebinarPromotionPage();
   return /*#__PURE__*/React.createElement("div", {
     className: classes.videoCarouselContainer
@@ -6832,13 +6828,13 @@ const SingleVideoSlide$1 = props => {
     }
   }))), /*#__PURE__*/React.createElement("div", {
     className: classes.courseViewContainer
-  }, data.isPaid ? /*#__PURE__*/React.createElement("p", {
+  }, data.isPaid && todaysDate < data?.offerPriceEndDate ? /*#__PURE__*/React.createElement("p", {
     className: classes.offerText
   }, "Offer Ends in", ' ', /*#__PURE__*/React.createElement("span", {
     className: classes.courseDetailTime
   }, /*#__PURE__*/React.createElement(Countdown, {
     renderer: renderer,
-    date: data.offerPriceEndDate
+    date: data?.offerPriceEndDate
   }))) : null, /*#__PURE__*/React.createElement("div", {
     ref: data?.videoFrame?.refSetter,
     className: classes.iframeContainer
@@ -6852,16 +6848,16 @@ const SingleVideoSlide$1 = props => {
     className: classes.priceContainer
   }, /*#__PURE__*/React.createElement("div", {
     className: classes.offerPrice
-  }, "\u20B9", data?.effectivePrice), /*#__PURE__*/React.createElement("p", {
+  }, "\u20B9", data?.offerPrice), /*#__PURE__*/React.createElement("p", {
     style: {
       fontSize: '20px',
       marginTop: '0px'
     }
   }, /*#__PURE__*/React.createElement("span", {
     className: classes.originalPrice
-  }, "\u20B9", data?.price), ' ', /*#__PURE__*/React.createElement("span", {
+  }, "\u20B9", data?.regularPrice), ' ', /*#__PURE__*/React.createElement("span", {
     className: classes.offerDiscount
-  }, `${data && discount(data)}%`))) : null, /*#__PURE__*/React.createElement("div", {
+  }, discount > 0 && discount + '% OFF'))) : null, /*#__PURE__*/React.createElement("div", {
     className: classes.webinarButtonContainer
   }, /*#__PURE__*/React.createElement(Button, {
     style: {
@@ -7137,13 +7133,14 @@ const SingleVideoSlide = props => {
   }, []);
 
   const renderer = ({
+    days,
     hours,
     minutes,
     seconds,
     completed
   }) => {
     if (hours < 24) {
-      return /*#__PURE__*/React.createElement("span", null, hours, ":", minutes, ":", seconds);
+      return /*#__PURE__*/React.createElement("span", null, days, "d ", hours, "h ", minutes, "m ", seconds, "s");
     } else {
       let given = moment(props.data.endTime);
       let current = moment().startOf('day');
@@ -7155,6 +7152,9 @@ const SingleVideoSlide = props => {
     data,
     courseBuyNow
   } = props;
+  const discount = parseInt((data?.price - data?.effectivePrice) / data?.price * 100);
+  let date = new Date();
+  const todaysDate = moment(date).format('YYYY/MM/DD');
   const classes = useCoursePromotionPage();
   console.log(courseBuyNow, 'courseBuyNow');
   return /*#__PURE__*/React.createElement("div", {
@@ -7201,14 +7201,14 @@ const SingleVideoSlide = props => {
     }
   }))), /*#__PURE__*/React.createElement("div", {
     className: classes.courseViewContainer
-  }, /*#__PURE__*/React.createElement("p", {
+  }, todaysDate < data.endDate ? /*#__PURE__*/React.createElement("p", {
     className: classes.offerText
   }, "Offer Ends in", ' ', /*#__PURE__*/React.createElement("span", {
     className: classes.courseDetailTime
   }, /*#__PURE__*/React.createElement(Countdown, {
     renderer: renderer,
     date: data.endDate
-  }))), /*#__PURE__*/React.createElement("div", {
+  }))) : '', /*#__PURE__*/React.createElement("div", {
     ref: data?.videoFrame?.refSetter,
     className: classes.iframeContainer
   }, /*#__PURE__*/React.createElement(VideoPlayer, {
@@ -7221,16 +7221,16 @@ const SingleVideoSlide = props => {
     className: classes.priceContainer
   }, /*#__PURE__*/React.createElement("div", {
     className: classes.offerPrice
-  }, "\u20B9 ", data.effectivePrice), /*#__PURE__*/React.createElement("p", {
+  }, "\u20B9 ", data?.effectivePrice), /*#__PURE__*/React.createElement("p", {
     style: {
       fontSize: '20px',
       marginTop: '0px'
     }
   }, /*#__PURE__*/React.createElement("span", {
     className: classes.originalPrice
-  }, "\u20B9 ", data.price), ' ', /*#__PURE__*/React.createElement("span", {
+  }, "\u20B9 ", data?.price), ' ', /*#__PURE__*/React.createElement("span", {
     className: classes.offerDiscount
-  }, "50% OFF"))), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Button, {
+  }, discount > 0 && discount + '% OFF'))), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Button, {
     style: {
       width: '150px'
     },
@@ -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'
         }
       });