diy-template-components 0.2.67 → 0.2.69

package/build/index.es.js

@@ -2803,7 +2803,7 @@ var index$k = /*#__PURE__*/Object.freeze({
 const useSectionStyles$6 = createUseStyles(theme => ({
   bannerCarouselCenterSection: {
     width: '100%',
-    height: '100%',
+    // height: '100%',
     textAlign: 'center',
     position: 'relative',
     '&, & *, & *:before, & *:after': {
@@ -2837,7 +2837,7 @@ const useSectionStyles$6 = createUseStyles(theme => ({
     // height: '100%',
     // display: 'flex',
     // alignItems: 'center'
-    height: '100%',
+    // height: '100%',
     display: 'flex',
     /* padding: 100px 0; */
     alignItems: 'center'
@@ -2908,9 +2908,10 @@ const useSectionStyles$6 = createUseStyles(theme => ({
     textContainer: {
       padding: '20px 20px',
       height: '100%',
-      width: '100%',
-      backgroundColor: theme?.palette?.background?.primary
+      width: '100%'
+      // backgroundColor: theme?.palette?.background?.primary
     },
+
     subTitleHeading: {
       color: theme?.palette?.font?.tertiary
     },
@@ -2964,34 +2965,34 @@ const Section$3 = ({
     className: classes.contentContainer
   }, /*#__PURE__*/React.createElement("div", {
     className: classes.sectionContainer
-  }, /*#__PURE__*/React.createElement("div", {
+  }, !(nodeData.cardHeading.metadata.value === '<br>' && nodeData.title.metadata.value === '<br>' && nodeData.description.metadata.value === '<br>' && nodeData?.cta?.metadata?.value === '') ? /*#__PURE__*/React.createElement("div", {
     className: classes.textContainer
-  }, /*#__PURE__*/React.createElement("div", {
+  }, nodeData.cardHeading.metadata.value !== '<br>' ? /*#__PURE__*/React.createElement("div", {
     className: classes.subTitleHeading
   }, /*#__PURE__*/React.createElement("span", {
     ref: nodeData?.cardHeading?.refSetter,
     dangerouslySetInnerHTML: {
       __html: nodeData.cardHeading.metadata.value
     }
-  })), /*#__PURE__*/React.createElement("h2", {
+  })) : null, nodeData.title.metadata.value !== '<br>' ? /*#__PURE__*/React.createElement("h2", {
     className: classes.heading
   }, /*#__PURE__*/React.createElement("span", {
     ref: nodeData?.title?.refSetter,
     dangerouslySetInnerHTML: {
       __html: nodeData.title.metadata.value
     }
-  })), /*#__PURE__*/React.createElement("p", {
+  })) : null, nodeData.description.metadata.value !== '<br>' ? /*#__PURE__*/React.createElement("p", {
     ref: nodeData?.description?.refSetter,
     className: classes.description,
     dangerouslySetInnerHTML: {
       __html: nodeData.description.metadata.value
     }
-  }), nodeData?.cta?.validations?.isEmptyAllowed && nodeData?.cta?.metadata?.value === '' ? null : /*#__PURE__*/React.createElement(Button, {
+  }) : null, nodeData?.cta?.validations?.isEmptyAllowed && nodeData?.cta?.metadata?.value === '' ? null : /*#__PURE__*/React.createElement(Button, {
     ref: nodeData?.cta?.refSetter,
     data: nodeData.cta.metadata,
     type: nodeData?.cta?.metadata?.type,
     size: isMobile ? 'small' : 'medium'
-  }))), /*#__PURE__*/React.createElement("div", {
+  })) : null), /*#__PURE__*/React.createElement("div", {
     className: classes?.centerBgImageContainer
   }, /*#__PURE__*/React.createElement(NextImageRenderer, {
     src: nodeData.image.metadata.value,
@@ -5460,7 +5461,11 @@ const useCourseStyles = createUseStyles(theme => {
     },
     courseCardImgThumbnail: {
       borderTopLeftRadius: theme?.shape?.borderRadius?.regular,
-      borderTopRightRadius: theme?.shape?.borderRadius?.regular
+      borderTopRightRadius: theme?.shape?.borderRadius?.regular,
+      maxWidth: '100%',
+      minHeight: '100%',
+      maxHeight: '100%',
+      minWidth: '100%'
     },
     courseCardData: {
       padding: '20px',
@@ -7103,16 +7108,13 @@ const SingleVideoSlide$1 = props => {
   };
   const checkIfOfferIsValid = () => moment().diff(moment(props.data.offerPriceEndDate)) < 0;
   const checkForShowDiscount = () => {
-    if (checkIfOfferIsValid() && data?.discount) {
-      return true;
-    }
     if (props.data.endDate === null || checkIfOfferIsValid()) {
-      if (data.discount > 0 && data.offerPriceValidFor === 0) {
+      if (data.discount > 0 && data.offerPriceValidFor === null) {
         return true;
-      } else if (data.discount > 0 && data.offerPriceValidFor !== 0 && data.offerPriceValidFor - conversions <= 0) {
+      } else if (data.discount > 0 && data.offerPriceValidFor !== null && data.offerPriceValidFor - conversions <= 0) {
         return false;
       }
-    } else if (data.offerPriceValidFor >= 0 && data.discount) {
+    } else if (data.offerPriceValidFor >= null && data.discount) {
       if (data.offerPriceValidFor <= conversions) {
         return false;
       }
@@ -7141,11 +7143,11 @@ const SingleVideoSlide$1 = props => {
     className: classes.iframeSuperContainer
   }, /*#__PURE__*/React.createElement("div", {
     className: classes.videoDetails
-  }, data?.isPaid !== 0 && (checkIfOfferIsValid() || data.offerPriceValidFor > 0) && /*#__PURE__*/React.createElement("div", null, data.offerPriceValidFor - conversions > 0 && data.discount && (data.offerPriceEndDate ? checkIfOfferIsValid() : true) ? /*#__PURE__*/React.createElement("div", {
+  }, data?.isPaid !== 0 && (checkIfOfferIsValid() || data.offerPriceValidFor > 0) && /*#__PURE__*/React.createElement("div", null, data.offerPriceValidFor > conversions && (data.discount && data.offerPriceEndDate ? checkIfOfferIsValid() : true) ? /*#__PURE__*/React.createElement("div", {
     className: classes.bannerContainer
   }, /*#__PURE__*/React.createElement("div", {
     className: classes.bannerContainerText
-  }, "Hurry up! Offer left for", ' ', data.offerPriceValidFor - conversions, ' ', data.offerPriceValidFor - conversions > 1 ? 'users now' : 'user only')) : checkIfOfferIsValid() && /*#__PURE__*/React.createElement("div", {
+  }, "Hurry up! Offer left for", ' ', data.offerPriceValidFor - conversions, ' ', data.offerPriceValidFor - conversions > 1 ? 'users now' : 'user only')) : checkIfOfferIsValid() && data.offerPriceValidFor !== null ? data.offerPriceValidFor - conversions > 0 : /*#__PURE__*/React.createElement("div", {
     className: classes.bannerContainer
   }, /*#__PURE__*/React.createElement("div", {
     className: classes.bannerContainerText
@@ -7189,7 +7191,7 @@ const SingleVideoSlide$1 = props => {
     }
   }))), /*#__PURE__*/React.createElement("div", {
     className: classes.courseViewContainer
-  }, data.isPaid !== 0 && checkIfOfferIsValid() && (data.offerPriceValidFor === 0 ? data.offerPriceValidFor - conversions > 0 : true) && /*#__PURE__*/React.createElement("p", {
+  }, data.isPaid !== 0 && checkIfOfferIsValid() && (data.offerPriceValidFor !== null ? data.offerPriceValidFor - conversions > 0 : true) && /*#__PURE__*/React.createElement("p", {
     className: classes.offerText
   }, "Offer Ends in", ' ', /*#__PURE__*/React.createElement("span", {
     className: classes.courseDetailTime
@@ -7595,12 +7597,12 @@ const SingleVideoSlide = 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) {
+      if (data.discount > 0 && data.offerPriceValidFor === null) {
         return true;
-      } else if (data.discount > 0 && data.offerPriceValidFor !== 0 && data.offerPriceValidFor - conversions <= 0) {
+      } else if (data.discount > 0 && data.offerPriceValidFor !== null && data.offerPriceValidFor - conversions <= 0) {
         return false;
       }
-    } else if (data.offerPriceValidFor >= 0 && data.discount) {
+    } else if (data.offerPriceValidFor >= null && data.discount) {
       if (data.offerPriceValidFor <= conversions) {
         return false;
       }
@@ -7629,7 +7631,7 @@ const SingleVideoSlide = props => {
     className: classes.iframeSuperContainer
   }, /*#__PURE__*/React.createElement("div", {
     className: classes.videoDetails
-  }, (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("div", {
+  }, (checkIfOfferIsValid() || data.offerPriceValidFor > 0) && (data.offerPriceValidFor > conversions || data.offerPriceValidFor === null) && /*#__PURE__*/React.createElement("div", null, data.offerPriceValidFor - conversions > 0 && data.discount && (data.endDate ? checkIfOfferIsValid() : true) ? /*#__PURE__*/React.createElement("div", {
     className: classes.bannerContainer
   }, /*#__PURE__*/React.createElement("div", {
     className: classes.bannerContainerText
@@ -7702,7 +7704,7 @@ const SingleVideoSlide = props => {
     }
   }, /*#__PURE__*/React.createElement("div", {
     className: classes.courseViewContainer
-  }, checkIfOfferIsValid() && (data.offerPriceValidFor !== 0 ? data.offerPriceValidFor - conversions > 0 : true) && /*#__PURE__*/React.createElement("p", {
+  }, checkIfOfferIsValid() && (data.offerPriceValidFor !== null ? data.offerPriceValidFor - conversions > 0 : true) && /*#__PURE__*/React.createElement("p", {
     className: classes.offerText
   }, "Offer Ends in", ' ', /*#__PURE__*/React.createElement("span", {
     className: classes.courseDetailTime