diy-template-components 0.1.17 → 0.1.20

package/build/index.es.js

@@ -6766,7 +6766,7 @@ const SingleVideoSlide$1 = props => {
   const {
     data,
     webinarCtaClick,
-    conversions
+    conversions = 0
   } = props;
 
   const renderer = ({
@@ -6787,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,
@@ -6806,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 - conversions, " 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: {
@@ -6839,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, {
@@ -6859,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'
@@ -6972,6 +6996,12 @@ const useCoursePromotionPage = createUseStyles(theme => {
       justifyContent: 'flex-start',
       gap: '20px'
     },
+    '@media screen and (max-width: 767px)': {
+      coursePageCarousel: {
+        display: 'flex',
+        flexDirection: 'column-reverse'
+      }
+    },
     iframeSuperContainer: {
       height: '100%',
       width: '100%',
@@ -7180,11 +7210,35 @@ const SingleVideoSlide = props => {
   const {
     data,
     courseBuyNow,
-    conversions
+    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 = ({
@@ -7202,9 +7256,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 - conversions, " 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", {
@@ -7248,7 +7304,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
@@ -7268,7 +7324,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'