diy-template-components 0.1.13 → 0.1.16

package/build/index.js

@@ -6819,7 +6819,7 @@ const SingleVideoSlide$1 = props => {
     className: classes.iframeSuperContainer
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: classes.videoDetails
-  }, data?.isPaid ? /*#__PURE__*/React__default["default"].createElement("h3", {
+  }, data?.isPaid && checkIfOfferIsValid() ? /*#__PURE__*/React__default["default"].createElement("h3", {
     className: classes.bannerContainer
   }, data.offerPriceValidFor <= 0 ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, "Hurry up! Offer for limited period only") : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, "Hurry up! Offer is left for ", data.offerPriceValidFor, " users now")) : null, /*#__PURE__*/React__default["default"].createElement("h3", {
     ref: data?.videoTextHeading?.refSetter,
@@ -6833,11 +6833,12 @@ const SingleVideoSlide$1 = props => {
     className: classes.courseDetailTag
   }, /*#__PURE__*/React__default["default"].createElement(Icon, {
     name: 'Calendar'
-  }), /*#__PURE__*/React__default["default"].createElement("div", null, moment__default["default"](data.startDate).format('dddd, MMMM Do, h:mm:ss'))), /*#__PURE__*/React__default["default"].createElement("div", {
+  }), /*#__PURE__*/React__default["default"].createElement("div", null, moment__default["default"](data.startDate).format('Do MMM YY') + ' ', moment__default["default"](data.startTime).format('h:mm A'), /*#__PURE__*/React__default["default"].createElement("span", null, " - "), moment__default["default"](data.endTime).format('h:mm A'))), /*#__PURE__*/React__default["default"].createElement("div", {
     className: classes.courseDetailTag
   }, /*#__PURE__*/React__default["default"].createElement(Icon, {
-    name: 'Video'
-  }), /*#__PURE__*/React__default["default"].createElement("div", null, data.webinarLocation))), /*#__PURE__*/React__default["default"].createElement("p", {
+    width: "20px",
+    name: `${data.webinarLocation === 'Location' ? 'Location' : 'Video'}`
+  }), /*#__PURE__*/React__default["default"].createElement("div", null, data.webinarLocation === 'Location' ? data.webinarLink : data.webinarLocation))), /*#__PURE__*/React__default["default"].createElement("p", {
     ref: data?.videoTextContent?.refSetter,
     className: classes.courseDetailContent,
     dangerouslySetInnerHTML: {
@@ -6871,7 +6872,7 @@ const SingleVideoSlide$1 = props => {
     className: classes.priceContainer
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: classes.offerPrice
-  }, "\u20B9", data?.effectivePrice), /*#__PURE__*/React__default["default"].createElement("p", {
+  }, "\u20B9", data?.effectivePrice), data?.discount > 0 && checkIfOfferIsValid() && /*#__PURE__*/React__default["default"].createElement("p", {
     style: {
       fontSize: '20px',
       marginTop: '0px'
@@ -7047,7 +7048,9 @@ const useCoursePromotionPage = createUseStyles(theme => {
       backgroundColor: '#f4f9ff',
       display: 'flex',
       flexDirection: 'column',
-      borderRadius: '10px'
+      borderRadius: '10px',
+      paddingBottom: '10px',
+      paddingTop: '10px'
     },
     bannerContainer: {
       background: '#EB5757',
@@ -7127,7 +7130,8 @@ const useCoursePromotionPage = createUseStyles(theme => {
     },
     '@media (max-width: 767px)': {
       courseViewContainer: {
-        width: '100%'
+        width: '100%',
+        paddingBottom: '10px'
       },
       courseSuperContainer: {
         padding: '20px 10px 60px 20px'
@@ -7170,17 +7174,18 @@ const SingleVideoSlide = props => {
   }, []);
 
   const renderer = ({
+    days,
     hours,
     minutes,
     seconds,
     completed
   }) => {
-    if (hours < 24) {
-      return /*#__PURE__*/React__default["default"].createElement("span", null, hours, ":", minutes, ":", seconds);
+    if (days === 0 && hours < 24) {
+      return /*#__PURE__*/React__default["default"].createElement("span", null, hours, "h ", minutes, "m ", seconds, "s");
     } else {
-      let given = moment__default["default"](props.data.endTime);
+      let given = moment__default["default"](props.data.endDate);
       let current = moment__default["default"]().startOf('day');
-      return /*#__PURE__*/React__default["default"].createElement("span", null, moment__default["default"].duration(given.diff(current)).asDays());
+      return /*#__PURE__*/React__default["default"].createElement("span", null, Math.floor(moment__default["default"].duration(given.diff(current)).asDays()), " days");
     }
   };
 
@@ -7188,8 +7193,18 @@ const SingleVideoSlide = props => {
     data,
     courseBuyNow
   } = props;
+
+  const checkIfOfferIsValid = () => moment__default["default"]().diff(moment__default["default"](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__default["default"].createElement("div", {
     className: classes.videoCarouselContainer
   }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -7198,7 +7213,7 @@ const SingleVideoSlide = props => {
     className: classes.iframeSuperContainer
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: classes.videoDetails
-  }, /*#__PURE__*/React__default["default"].createElement("h3", {
+  }, (checkIfOfferIsValid() || data.offerPriceValidFor > 0) && /*#__PURE__*/React__default["default"].createElement("h3", {
     className: classes.bannerContainer
   }, data.offerPriceValidFor <= 0 ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, "Hurry up! Offer for limited period only") : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, "Hurry up! Offer is left for ", data.offerPriceValidFor, " users now")), /*#__PURE__*/React__default["default"].createElement("div", {
     className: classes.emblemContainer
@@ -7244,7 +7259,7 @@ const SingleVideoSlide = props => {
     }
   }))), /*#__PURE__*/React__default["default"].createElement("div", {
     className: classes.courseViewContainer
-  }, /*#__PURE__*/React__default["default"].createElement("p", {
+  }, checkIfOfferIsValid() && /*#__PURE__*/React__default["default"].createElement("p", {
     className: classes.offerText
   }, "Offer Ends in", ' ', /*#__PURE__*/React__default["default"].createElement("span", {
     className: classes.courseDetailTime
@@ -7264,7 +7279,7 @@ const SingleVideoSlide = props => {
     className: classes.priceContainer
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: classes.offerPrice
-  }, "\u20B9 ", data.effectivePrice), /*#__PURE__*/React__default["default"].createElement("p", {
+  }, "\u20B9 ", data.effectivePrice), data.discount > 0 && checkIfOfferIsValid() && /*#__PURE__*/React__default["default"].createElement("p", {
     style: {
       fontSize: '20px',
       marginTop: '0px'
@@ -7273,7 +7288,7 @@ const SingleVideoSlide = props => {
     className: classes.originalPrice
   }, "\u20B9 ", data.price), ' ', /*#__PURE__*/React__default["default"].createElement("span", {
     className: classes.offerDiscount
-  }, "50% OFF"))), /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(Button, {
+  }, `${data && discount(data)}%`))), /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(Button, {
     style: {
       width: '150px'
     },