diy-template-components 2.0.69 → 2.0.71

package/build/index.js

@@ -358,6 +358,13 @@ const useSectionStyles$a = createUseStyles(theme => ({
     originalPrice: {
       color: '#FFFFFF',
       textDecoration: 'line-through'
+    },
+    BottomSheetContainer: {
+      position: 'fixed',
+      bottom: 0,
+      left: 0,
+      width: '100%',
+      zIndex: '2'
     }
   },
   mobileAppNameClass: {
@@ -1405,14 +1412,6 @@ function DesktopHeader({
   onDownloadAppTriggered,
   extraProps
 }) {
-  let mockHeader = {
-    isOfferActive: true,
-    effectivePrice: 0.51,
-    price: 1,
-    discount: 0.5,
-    endDate: Date.now() + 24 * 60 * 60 * 1000,
-    offerPriceValidFor: 20
-  };
   const {
     isFixed = true
   } = header;
@@ -1457,7 +1456,7 @@ function DesktopHeader({
     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"](mockHeader.endDate);
+      let given = moment__default["default"](header.endDate);
       let current = moment__default["default"]().startOf('day');
       return /*#__PURE__*/React__default["default"].createElement("span", null, Math.floor(moment__default["default"].duration(given.diff(current)).asDays()), " ", 'Days');
     }
@@ -1490,10 +1489,10 @@ function DesktopHeader({
   };
   const OfferDetailsJSX = () => {
     let conversions = extraProps?.conversions || 0;
-    if (checkForShowDiscount(mockHeader?.endDate, mockHeader?.offerPriceValidFor, mockHeader?.discount) && mockHeader?.endDate ? checkIfOfferIsValid(mockHeader?.endDate) : true) {
+    if (checkForShowDiscount(header?.endDate, header?.offerPriceValidFor, header?.discount) && header?.endDate ? checkIfOfferIsValid(header?.endDate) : true) {
       return /*#__PURE__*/React__default["default"].createElement("div", {
         className: classes.rightNav
-      }, mockHeader?.isOfferActive && (mockHeader?.offerPriceValidFor ? mockHeader.offerPriceValidFor - conversions > 0 : true) ? /*#__PURE__*/React__default["default"].createElement("div", {
+      }, header?.isOfferActive && (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
@@ -1501,20 +1500,20 @@ function DesktopHeader({
         className: classes.offerBoxCountDown
       }, /*#__PURE__*/React__default["default"].createElement(Countdown__default["default"], {
         renderer: renderer,
-        date: mockHeader?.endDate
+        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", {
         className: classes.offerDiscount
-      }, `${getDiscount(mockHeader?.price, mockHeader?.discount)}%`, "\xA0OFF"), "\xA0\xA0", /*#__PURE__*/React__default["default"].createElement("span", {
+      }, `${getDiscount(header?.price, header?.discount)}%`, "\xA0OFF"), "\xA0\xA0", /*#__PURE__*/React__default["default"].createElement("span", {
         className: classes.originalPrice
-      }, mockHeader?.price), ' '), /*#__PURE__*/React__default["default"].createElement("div", {
+      }, header?.price), ' '), /*#__PURE__*/React__default["default"].createElement("div", {
         style: {
           textAlign: 'end'
         }
       }, /*#__PURE__*/React__default["default"].createElement("span", {
         className: classes.offerPrice
-      }, mockHeader?.effectivePrice), ' ')), /*#__PURE__*/React__default["default"].createElement(Button, {
+      }, header?.effectivePrice), ' ')), /*#__PURE__*/React__default["default"].createElement(Button, {
         data: {
           // link: 'headerData?.loginCtaLink',
           // isLink: 1,
@@ -1599,14 +1598,6 @@ function MobileHeader({
   onDownloadAppTriggered,
   extraProps
 }) {
-  let mockHeader = {
-    isOfferActive: true,
-    effectivePrice: 0.51,
-    price: 1,
-    discount: 0.5,
-    endDate: Date.now() + 24 * 60 * 60 * 1000,
-    offerPriceValidFor: 20
-  };
   const {
     isCustomWebsite,
     countryCode
@@ -1670,7 +1661,7 @@ function MobileHeader({
         className: classes.smallText
       }, "Secs"))));
     } else {
-      let given = moment__default["default"](mockHeader.endDate);
+      let given = moment__default["default"](header.endDate);
       let current = moment__default["default"]().startOf('day');
       return /*#__PURE__*/React__default["default"].createElement("div", {
         className: classes.offerBottom
@@ -1692,7 +1683,7 @@ function MobileHeader({
       className: classes.BottomSheetOfferContainer
     }, ' ', /*#__PURE__*/React__default["default"].createElement(Countdown__default["default"], {
       renderer: renderer,
-      date: mockHeader?.endDate
+      date: header?.endDate
     }));
   };
   const BottomSheetJSX = () => {
@@ -1708,11 +1699,11 @@ function MobileHeader({
       }
     }, /*#__PURE__*/React__default["default"].createElement("span", {
       className: classes.offerPrice
-    }, mockHeader?.effectivePrice), ' '), /*#__PURE__*/React__default["default"].createElement("span", {
+    }, header?.effectivePrice), ' '), /*#__PURE__*/React__default["default"].createElement("span", {
       className: classes.originalPrice
-    }, mockHeader?.price), ' ', /*#__PURE__*/React__default["default"].createElement("span", {
+    }, header?.price), ' ', /*#__PURE__*/React__default["default"].createElement("span", {
       className: classes.offerDiscount
-    }, `${getDiscount(mockHeader?.price, mockHeader?.discount)}%`, "\xA0OFF"), "\xA0\xA0")), /*#__PURE__*/React__default["default"].createElement(Button, {
+    }, `${getDiscount(header?.price, header?.discount)}%`, "\xA0OFF"), "\xA0\xA0")), /*#__PURE__*/React__default["default"].createElement(Button, {
       data: {
         // link: 'headerData?.loginCtaLink',
         // isLink: 1,