diy-template-components 0.1.14 → 0.1.15

package/build/index.es.js

@@ -6819,7 +6819,7 @@ const SingleVideoSlide$1 = props => {
     className: classes.courseDetailTag
   }, /*#__PURE__*/React.createElement(Icon, {
     name: 'Calendar'
-  }), /*#__PURE__*/React.createElement("div", null, moment(data.startDate).format('dddd, MMMM Do, h:mm:ss'))), /*#__PURE__*/React.createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", null, moment(data.startTime).format('Do MMM YY, h:mm A'), /*#__PURE__*/React.createElement("span", null, " - "), moment(data.endTime).format('h:mm A'))), /*#__PURE__*/React.createElement("div", {
     className: classes.courseDetailTag
   }, /*#__PURE__*/React.createElement(Icon, {
     width: "20px",
@@ -6854,11 +6854,11 @@ const SingleVideoSlide$1 = props => {
     videoUrl: data.thumbnail
   })), /*#__PURE__*/React.createElement("div", {
     className: classes.bottomContainer
-  }, data.isPaid && checkIfOfferIsValid() ? /*#__PURE__*/React.createElement("div", {
+  }, data.isPaid ? /*#__PURE__*/React.createElement("div", {
     className: classes.priceContainer
   }, /*#__PURE__*/React.createElement("div", {
     className: classes.offerPrice
-  }, "\u20B9", data?.effectivePrice), /*#__PURE__*/React.createElement("p", {
+  }, "\u20B9", data?.effectivePrice), data?.discount > 0 && checkIfOfferIsValid() && /*#__PURE__*/React.createElement("p", {
     style: {
       fontSize: '20px',
       marginTop: '0px'
@@ -7034,7 +7034,9 @@ const useCoursePromotionPage = createUseStyles(theme => {
       backgroundColor: '#f4f9ff',
       display: 'flex',
       flexDirection: 'column',
-      borderRadius: '10px'
+      borderRadius: '10px',
+      paddingBottom: '10px',
+      paddingTop: '10px'
     },
     bannerContainer: {
       background: '#EB5757',
@@ -7114,7 +7116,8 @@ const useCoursePromotionPage = createUseStyles(theme => {
     },
     '@media (max-width: 767px)': {
       courseViewContainer: {
-        width: '100%'
+        width: '100%',
+        paddingBottom: '10px'
       },
       courseSuperContainer: {
         padding: '20px 10px 60px 20px'
@@ -7157,17 +7160,18 @@ const SingleVideoSlide = props => {
   }, []);
 
   const renderer = ({
+    days,
     hours,
     minutes,
     seconds,
     completed
   }) => {
-    if (hours < 24) {
-      return /*#__PURE__*/React.createElement("span", null, hours, ":", minutes, ":", seconds);
+    if (days === 0 && hours < 24) {
+      return /*#__PURE__*/React.createElement("span", null, hours, "h ", minutes, "m ", seconds, "s");
     } else {
-      let given = moment(props.data.endTime);
+      let given = moment(props.data.endDate);
       let current = moment().startOf('day');
-      return /*#__PURE__*/React.createElement("span", null, moment.duration(given.diff(current)).asDays());
+      return /*#__PURE__*/React.createElement("span", null, Math.floor(moment.duration(given.diff(current)).asDays()), " days");
     }
   };
 
@@ -7175,8 +7179,18 @@ const SingleVideoSlide = props => {
     data,
     courseBuyNow
   } = props;
+
+  const checkIfOfferIsValid = () => moment().diff(moment(props?.data?.endDate || 0)) < 0;
+
   const classes = useCoursePromotionPage();
-  console.log(courseBuyNow, 'courseBuyNow');
+
+  const discount = ({
+    price,
+    discount
+  }) => {
+    return (discount / price * 100).toFixed(2);
+  };
+
   return /*#__PURE__*/React.createElement("div", {
     className: classes.videoCarouselContainer
   }, /*#__PURE__*/React.createElement("div", {
@@ -7185,7 +7199,7 @@ const SingleVideoSlide = props => {
     className: classes.iframeSuperContainer
   }, /*#__PURE__*/React.createElement("div", {
     className: classes.videoDetails
-  }, /*#__PURE__*/React.createElement("h3", {
+  }, (checkIfOfferIsValid() || data.offerPriceValidFor > 0) && /*#__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", {
     className: classes.emblemContainer
@@ -7231,7 +7245,7 @@ const SingleVideoSlide = props => {
     }
   }))), /*#__PURE__*/React.createElement("div", {
     className: classes.courseViewContainer
-  }, /*#__PURE__*/React.createElement("p", {
+  }, checkIfOfferIsValid() && /*#__PURE__*/React.createElement("p", {
     className: classes.offerText
   }, "Offer Ends in", ' ', /*#__PURE__*/React.createElement("span", {
     className: classes.courseDetailTime
@@ -7251,7 +7265,7 @@ const SingleVideoSlide = props => {
     className: classes.priceContainer
   }, /*#__PURE__*/React.createElement("div", {
     className: classes.offerPrice
-  }, "\u20B9 ", data.effectivePrice), /*#__PURE__*/React.createElement("p", {
+  }, "\u20B9 ", data.effectivePrice), data.discount > 0 && checkIfOfferIsValid() && /*#__PURE__*/React.createElement("p", {
     style: {
       fontSize: '20px',
       marginTop: '0px'
@@ -7260,7 +7274,7 @@ const SingleVideoSlide = props => {
     className: classes.originalPrice
   }, "\u20B9 ", data.price), ' ', /*#__PURE__*/React.createElement("span", {
     className: classes.offerDiscount
-  }, "50% OFF"))), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Button, {
+  }, `${data && discount(data)}%`))), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Button, {
     style: {
       width: '150px'
     },