diy-template-components 0.1.16 → 0.1.19

package/build/index.es.js

@@ -6765,7 +6765,8 @@ const SingleVideoSlide$1 = props => {
   }, []);
   const {
     data,
-    webinarCtaClick
+    webinarCtaClick,
+    conversions = 0
   } = props;
 
   const renderer = ({
@@ -6786,7 +6787,29 @@ const SingleVideoSlide$1 = props => {
 
   const checkIfOfferIsValid = () => moment().diff(moment(props.data.offerPriceEndDate)) < 0;
 
-  console.log(checkIfOfferIsValid(), 'checkIfOfferIsValid');
+  const checkForShowDiscount = () => {
+    if (props.data.endDate === null || checkIfOfferIsValid()) {
+      if (data.discount > 0 && data.offerPriceValidFor === 0) {
+        return true;
+      } else if (data.discount > 0 && data.offerPriceValidFor !== 0 && data.offerPriceValidFor - conversions <= 0) {
+        return false;
+      }
+    } else if (data.offerPriceValidFor >= 0 && data.discount) {
+      if (data.offerPriceValidFor <= conversions) {
+        return false;
+      }
+
+      if (data.offerPriceValidFor - conversions < 0) {
+        return false;
+      } else {
+        return true;
+      }
+    }
+
+    if (data.discount > 0) {
+      return true;
+    }
+  };
 
   const discount = ({
     price,
@@ -6805,9 +6828,11 @@ const SingleVideoSlide$1 = props => {
     className: classes.iframeSuperContainer
   }, /*#__PURE__*/React.createElement("div", {
     className: classes.videoDetails
-  }, data?.isPaid && checkIfOfferIsValid() ? /*#__PURE__*/React.createElement("h3", {
+  }, data?.isPaid && (checkIfOfferIsValid() || data.offerPriceValidFor > 0) && data.offerPriceValidFor > conversions && /*#__PURE__*/React.createElement("div", null, data.offerPriceValidFor - conversions > 0 && data.discount && (data.offerPriceEndDate ? checkIfOfferIsValid() : true) ? /*#__PURE__*/React.createElement("h3", {
     className: classes.bannerContainer
-  }, data.offerPriceValidFor <= 0 ? /*#__PURE__*/React.createElement(React.Fragment, null, "Hurry up! Offer for limited period only") : /*#__PURE__*/React.createElement(React.Fragment, null, "Hurry up! Offer is left for ", data.offerPriceValidFor, " users now")) : null, /*#__PURE__*/React.createElement("h3", {
+  }, "Hurry up! Offer is left for", ' ', data.offerPriceValidFor - conversions, " users now") : checkIfOfferIsValid() && /*#__PURE__*/React.createElement("h3", {
+    className: classes.bannerContainer
+  }, "Hurry up! Offer for limited period only")), /*#__PURE__*/React.createElement("h3", {
     ref: data?.videoTextHeading?.refSetter,
     className: classes.videoDetailsHeading,
     dangerouslySetInnerHTML: {
@@ -6838,14 +6863,14 @@ const SingleVideoSlide$1 = props => {
     }
   }))), /*#__PURE__*/React.createElement("div", {
     className: classes.courseViewContainer
-  }, data.isPaid && checkIfOfferIsValid() ? /*#__PURE__*/React.createElement("p", {
+  }, data.isPaid && checkIfOfferIsValid() && (data.offerPriceValidFor !== 0 ? data.offerPriceValidFor - conversions > 0 : true) && /*#__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
-  }))) : null, /*#__PURE__*/React.createElement("div", {
+  }))), /*#__PURE__*/React.createElement("div", {
     ref: data?.videoFrame?.refSetter,
     className: classes.iframeContainer
   }, /*#__PURE__*/React.createElement(VideoPlayer, {
@@ -6858,7 +6883,7 @@ const SingleVideoSlide$1 = props => {
     className: classes.priceContainer
   }, /*#__PURE__*/React.createElement("div", {
     className: classes.offerPrice
-  }, "\u20B9", data?.effectivePrice), data?.discount > 0 && checkIfOfferIsValid() && /*#__PURE__*/React.createElement("p", {
+  }, "\u20B9", data?.effectivePrice), checkForShowDiscount() && (data.offerPriceEndDate ? checkIfOfferIsValid() : true) && /*#__PURE__*/React.createElement("p", {
     style: {
       fontSize: '20px',
       marginTop: '0px'
@@ -6908,7 +6933,8 @@ function CoursePromotionPage$1({
     className: classes.sectionContainer
   }, /*#__PURE__*/React.createElement(SingleVideoSlide$1, {
     data: sectionData.components[0].metadata,
-    webinarCtaClick: extraProps.webinarCtaClick
+    webinarCtaClick: extraProps.webinarCtaClick,
+    conversions: extraProps.conversions
   }))));
 }
 
@@ -7177,11 +7203,36 @@ const SingleVideoSlide = props => {
 
   const {
     data,
-    courseBuyNow
+    courseBuyNow,
+    conversions = 20
   } = props;
 
   const checkIfOfferIsValid = () => moment().diff(moment(props?.data?.endDate || 0)) < 0;
 
+  const checkForShowDiscount = () => {
+    if (props.data.endDate === null || checkIfOfferIsValid()) {
+      if (data.discount > 0 && data.offerPriceValidFor === 0) {
+        return true;
+      } else if (data.discount > 0 && data.offerPriceValidFor !== 0 && data.offerPriceValidFor - conversions <= 0) {
+        return false;
+      }
+    } else if (data.offerPriceValidFor >= 0 && data.discount) {
+      if (data.offerPriceValidFor <= conversions) {
+        return false;
+      }
+
+      if (data.offerPriceValidFor - conversions < 0) {
+        return false;
+      } else {
+        return true;
+      }
+    }
+
+    if (data.discount > 0) {
+      return true;
+    }
+  };
+
   const classes = useCoursePromotionPage();
 
   const discount = ({
@@ -7199,9 +7250,11 @@ const SingleVideoSlide = props => {
     className: classes.iframeSuperContainer
   }, /*#__PURE__*/React.createElement("div", {
     className: classes.videoDetails
-  }, (checkIfOfferIsValid() || data.offerPriceValidFor > 0) && /*#__PURE__*/React.createElement("h3", {
+  }, (checkIfOfferIsValid() || data.offerPriceValidFor > 0) && data.offerPriceValidFor > conversions && /*#__PURE__*/React.createElement("div", null, data.offerPriceValidFor - conversions > 0 && data.discount && (data.endDate ? checkIfOfferIsValid() : true) ? /*#__PURE__*/React.createElement("h3", {
+    className: classes.bannerContainer
+  }, "Hurry up! Offer is left for", ' ', data.offerPriceValidFor - conversions, " users now") : checkIfOfferIsValid() && /*#__PURE__*/React.createElement("h3", {
     className: classes.bannerContainer
-  }, data.offerPriceValidFor <= 0 ? /*#__PURE__*/React.createElement(React.Fragment, null, "Hurry up! Offer for limited period only") : /*#__PURE__*/React.createElement(React.Fragment, null, "Hurry up! Offer is left for ", data.offerPriceValidFor, " users now")), /*#__PURE__*/React.createElement("div", {
+  }, "Hurry up! Offer for limited period only")), /*#__PURE__*/React.createElement("div", {
     className: classes.emblemContainer
   }, data?.courseOverviewData?.courseTagList.length && data?.courseOverviewData?.courseTagList?.map(data => {
     return /*#__PURE__*/React.createElement("div", {
@@ -7245,7 +7298,7 @@ const SingleVideoSlide = props => {
     }
   }))), /*#__PURE__*/React.createElement("div", {
     className: classes.courseViewContainer
-  }, checkIfOfferIsValid() && /*#__PURE__*/React.createElement("p", {
+  }, checkIfOfferIsValid() && (data.offerPriceValidFor !== 0 ? data.offerPriceValidFor - conversions > 0 : true) && /*#__PURE__*/React.createElement("p", {
     className: classes.offerText
   }, "Offer Ends in", ' ', /*#__PURE__*/React.createElement("span", {
     className: classes.courseDetailTime
@@ -7265,7 +7318,7 @@ const SingleVideoSlide = props => {
     className: classes.priceContainer
   }, /*#__PURE__*/React.createElement("div", {
     className: classes.offerPrice
-  }, "\u20B9 ", data.effectivePrice), data.discount > 0 && checkIfOfferIsValid() && /*#__PURE__*/React.createElement("p", {
+  }, "\u20B9 ", data.effectivePrice), checkForShowDiscount() && (data.endDate ? checkIfOfferIsValid() : true) && /*#__PURE__*/React.createElement("p", {
     style: {
       fontSize: '20px',
       marginTop: '0px'
@@ -7314,7 +7367,8 @@ function CoursePromotionPage({
     className: classes.sectionContainer
   }, /*#__PURE__*/React.createElement(SingleVideoSlide, {
     data: sectionData.components[0].metadata,
-    courseBuyNow: extraProps.courseBuyNow
+    courseBuyNow: extraProps.courseBuyNow,
+    conversions: extraProps.conversions
   }))));
 }