diy-template-components 2.0.71 → 2.0.73

package/build/index.js

@@ -1489,10 +1489,11 @@ function DesktopHeader({
   };
   const OfferDetailsJSX = () => {
     let conversions = extraProps?.conversions || 0;
+    const currentTimestamp = new Date().getTime();
     if (checkForShowDiscount(header?.endDate, header?.offerPriceValidFor, header?.discount) && header?.endDate ? checkIfOfferIsValid(header?.endDate) : true) {
       return /*#__PURE__*/React__default["default"].createElement("div", {
         className: classes.rightNav
-      }, header?.isOfferActive && (header?.offerPriceValidFor ? header.offerPriceValidFor - conversions > 0 : true) ? /*#__PURE__*/React__default["default"].createElement("div", {
+      }, header?.isOfferActive && header?.endDate && header?.endDate && header?.endDate > currentTimestamp && (header?.offerPriceValidFor ? header.offerPriceValidFor - conversions > 0 : true) ? /*#__PURE__*/React__default["default"].createElement("div", {
         className: classes.offerBox
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         className: classes.offerBoxText
@@ -1503,11 +1504,11 @@ function DesktopHeader({
         date: header?.endDate
       }))) : null, /*#__PURE__*/React__default["default"].createElement("div", {
         className: classes.priceBox
-      }, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("span", {
+      }, header?.price && header?.discount && header?.effectivePrice && header?.price !== header?.effectivePrice ? /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("span", {
         className: classes.offerDiscount
       }, `${getDiscount(header?.price, header?.discount)}%`, "\xA0OFF"), "\xA0\xA0", /*#__PURE__*/React__default["default"].createElement("span", {
         className: classes.originalPrice
-      }, header?.price), ' '), /*#__PURE__*/React__default["default"].createElement("div", {
+      }, header?.price), ' ') : null, /*#__PURE__*/React__default["default"].createElement("div", {
         style: {
           textAlign: 'end'
         }
@@ -1553,7 +1554,7 @@ function DesktopHeader({
     className: classes.headerSection
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: classes.headerContainer
-  }, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: classes.imageDiv
   }, header?.websiteLogo ? /*#__PURE__*/React__default["default"].createElement("a", {
     href: logoUrl,
@@ -1581,7 +1582,7 @@ function DesktopHeader({
     moreContent: moreContentFn(),
     isTutorWebsite: isTutorWebsite,
     onDownloadAppTriggered: onDownloadAppTriggered
-  })), OfferDetailsJSX())) : /*#__PURE__*/React__default["default"].createElement("div", {
+  }), OfferDetailsJSX())) : /*#__PURE__*/React__default["default"].createElement("div", {
     style: {
       paddingTop: '30px'
     }
@@ -1679,12 +1680,17 @@ function MobileHeader({
     }
   };
   const OfferDetailsJSX = () => {
-    return /*#__PURE__*/React__default["default"].createElement("div", {
-      className: classes.BottomSheetOfferContainer
-    }, ' ', /*#__PURE__*/React__default["default"].createElement(Countdown__default["default"], {
-      renderer: renderer,
-      date: header?.endDate
-    }));
+    let conversions = extraProps?.conversions || 0;
+    const currentTimestamp = new Date().getTime();
+    if (header?.isOfferActive && header?.endDate && header?.endDate && header?.endDate > currentTimestamp && (header?.offerPriceValidFor ? header.offerPriceValidFor - conversions > 0 : true)) {
+      return /*#__PURE__*/React__default["default"].createElement("div", {
+        className: classes.BottomSheetOfferContainer
+      }, ' ', /*#__PURE__*/React__default["default"].createElement(Countdown__default["default"], {
+        renderer: renderer,
+        date: header?.endDate
+      }));
+    }
+    return null;
   };
   const BottomSheetJSX = () => {
     return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -1699,11 +1705,11 @@ function MobileHeader({
       }
     }, /*#__PURE__*/React__default["default"].createElement("span", {
       className: classes.offerPrice
-    }, header?.effectivePrice), ' '), /*#__PURE__*/React__default["default"].createElement("span", {
+    }, header?.effectivePrice), ' '), header?.price && header?.discount && header?.effectivePrice && header?.price !== header?.effectivePrice ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("span", {
       className: classes.originalPrice
     }, header?.price), ' ', /*#__PURE__*/React__default["default"].createElement("span", {
       className: classes.offerDiscount
-    }, `${getDiscount(header?.price, header?.discount)}%`, "\xA0OFF"), "\xA0\xA0")), /*#__PURE__*/React__default["default"].createElement(Button, {
+    }, `${getDiscount(header?.price, header?.discount)}%`, "\xA0OFF"), "\xA0\xA0") : null)), /*#__PURE__*/React__default["default"].createElement(Button, {
       data: {
         // link: 'headerData?.loginCtaLink',
         // isLink: 1,