diy-template-components 0.1.12 → 0.1.15

package/build/index.es.js

@@ -6805,7 +6805,7 @@ const SingleVideoSlide$1 = props => {
     className: classes.iframeSuperContainer
   }, /*#__PURE__*/React.createElement("div", {
     className: classes.videoDetails
-  }, data?.isPaid ? /*#__PURE__*/React.createElement("h3", {
+  }, data?.isPaid && 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")) : null, /*#__PURE__*/React.createElement("h3", {
     ref: data?.videoTextHeading?.refSetter,
@@ -6819,11 +6819,12 @@ 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, {
-    name: 'Video'
-  }), /*#__PURE__*/React.createElement("div", null, data.webinarLocation))), /*#__PURE__*/React.createElement("p", {
+    width: "20px",
+    name: `${data.webinarLocation === 'Location' ? 'Location' : 'Video'}`
+  }), /*#__PURE__*/React.createElement("div", null, data.webinarLocation === 'Location' ? data.webinarLink : data.webinarLocation))), /*#__PURE__*/React.createElement("p", {
     ref: data?.videoTextContent?.refSetter,
     className: classes.courseDetailContent,
     dangerouslySetInnerHTML: {
@@ -6857,7 +6858,7 @@ const SingleVideoSlide$1 = 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'
@@ -7033,7 +7034,9 @@ const useCoursePromotionPage = createUseStyles(theme => {
       backgroundColor: '#f4f9ff',
       display: 'flex',
       flexDirection: 'column',
-      borderRadius: '10px'
+      borderRadius: '10px',
+      paddingBottom: '10px',
+      paddingTop: '10px'
     },
     bannerContainer: {
       background: '#EB5757',
@@ -7063,6 +7066,21 @@ const useCoursePromotionPage = createUseStyles(theme => {
         top: '-10.5px'
       }
     },
+    emblemContainer: {
+      display: 'flex',
+      justifyContent: 'space-between',
+      gap: '10px'
+    },
+    courseEmblem: {
+      background: '#F0F4F8',
+      borderRadius: '2.00337px',
+      padding: '8px',
+      display: 'flex',
+      alignItems: 'center',
+      justifyContent: 'center',
+      marginTop: '20px',
+      marginBottom: '20px'
+    },
     courseDetailsTags: {
       marginTop: '16px',
       display: 'flex'
@@ -7098,7 +7116,8 @@ const useCoursePromotionPage = createUseStyles(theme => {
     },
     '@media (max-width: 767px)': {
       courseViewContainer: {
-        width: '100%'
+        width: '100%',
+        paddingBottom: '10px'
       },
       courseSuperContainer: {
         padding: '20px 10px 60px 20px'
@@ -7141,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");
     }
   };
 
@@ -7159,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", {
@@ -7169,9 +7199,15 @@ 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("h3", {
+  }, 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
+  }, data?.courseOverviewData?.courseTagList.length && data?.courseOverviewData?.courseTagList?.map(data => {
+    return /*#__PURE__*/React.createElement("div", {
+      className: classes.courseEmblem
+    }, data?.text);
+  })), /*#__PURE__*/React.createElement("h3", {
     ref: data?.videoTextHeading?.refSetter,
     className: classes.videoDetailsHeading,
     dangerouslySetInnerHTML: {
@@ -7179,19 +7215,23 @@ const SingleVideoSlide = props => {
     }
   }), /*#__PURE__*/React.createElement("div", {
     className: classes.courseDetailsTags
-  }, /*#__PURE__*/React.createElement("div", {
+  }, data?.courseOverviewData?.courseDuration?.text ? /*#__PURE__*/React.createElement("div", {
     className: classes.courseDetailTag
   }, /*#__PURE__*/React.createElement(Icon, {
     name: 'Clock'
-  }), /*#__PURE__*/React.createElement("div", null, data.courseInfo?.validity ? data.courseInfo?.validity : '1 year Validity')), /*#__PURE__*/React.createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", null, data?.courseOverviewData?.courseDuration?.text)) : null, data?.courseOverviewData?.metaData?.isPhysicalDeliveryEnabled ? /*#__PURE__*/React.createElement("div", {
     className: classes.courseDetailTag
   }, /*#__PURE__*/React.createElement(Icon, {
     name: 'Book Saved'
-  }), /*#__PURE__*/React.createElement("div", null, data.courseInfo?.books ? data.courseInfo?.books : 'Physical Books')), /*#__PURE__*/React.createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", null, data?.courseOverviewData?.metaData?.isPhysicalDeliveryEnabled ? 'Physical Books' : null)) : null, data?.courseOverviewData?.metaData?.isCertificateEnabled ? /*#__PURE__*/React.createElement("div", {
     className: classes.courseDetailTag
   }, /*#__PURE__*/React.createElement(Icon, {
     name: 'Certificate'
-  }), /*#__PURE__*/React.createElement("div", null, data.courseInfo?.certificate ? data.courseInfo?.certificate : 'Course Cerficate'))), /*#__PURE__*/React.createElement("p", {
+  }), /*#__PURE__*/React.createElement("div", null, data?.courseOverviewData?.metaData?.isCertificateEnabled ? 'Course Cerficate' : null)) : null, data?.courseOverviewData?.resourseDataText.heading ? /*#__PURE__*/React.createElement("div", {
+    className: classes.courseDetailTag
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: 'Certificate'
+  }), /*#__PURE__*/React.createElement("div", null, data?.courseOverviewData?.resourseDataText?.heading)) : null), /*#__PURE__*/React.createElement("p", {
     ref: data?.videoTextContent?.refSetter,
     className: classes.courseDetailContent,
     dangerouslySetInnerHTML: {
@@ -7205,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
@@ -7225,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'
@@ -7234,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'
     },