diy-template-components 2.0.69 → 2.0.71

package/build/index.es.js

@@ -342,6 +342,13 @@ const useSectionStyles$a = createUseStyles(theme => ({
     originalPrice: {
       color: '#FFFFFF',
       textDecoration: 'line-through'
+    },
+    BottomSheetContainer: {
+      position: 'fixed',
+      bottom: 0,
+      left: 0,
+      width: '100%',
+      zIndex: '2'
     }
   },
   mobileAppNameClass: {
@@ -1389,14 +1396,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;
@@ -1441,7 +1440,7 @@ function DesktopHeader({
     if (days === 0 && hours < 24) {
       return /*#__PURE__*/React.createElement("span", null, hours, "h : ", minutes, "m : ", seconds, "s");
     } else {
-      let given = moment(mockHeader.endDate);
+      let given = moment(header.endDate);
       let current = moment().startOf('day');
       return /*#__PURE__*/React.createElement("span", null, Math.floor(moment.duration(given.diff(current)).asDays()), " ", 'Days');
     }
@@ -1474,10 +1473,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.createElement("div", {
         className: classes.rightNav
-      }, mockHeader?.isOfferActive && (mockHeader?.offerPriceValidFor ? mockHeader.offerPriceValidFor - conversions > 0 : true) ? /*#__PURE__*/React.createElement("div", {
+      }, header?.isOfferActive && (header?.offerPriceValidFor ? header.offerPriceValidFor - conversions > 0 : true) ? /*#__PURE__*/React.createElement("div", {
         className: classes.offerBox
       }, /*#__PURE__*/React.createElement("div", {
         className: classes.offerBoxText
@@ -1485,20 +1484,20 @@ function DesktopHeader({
         className: classes.offerBoxCountDown
       }, /*#__PURE__*/React.createElement(Countdown, {
         renderer: renderer,
-        date: mockHeader?.endDate
+        date: header?.endDate
       }))) : null, /*#__PURE__*/React.createElement("div", {
         className: classes.priceBox
       }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", {
         className: classes.offerDiscount
-      }, `${getDiscount(mockHeader?.price, mockHeader?.discount)}%`, "\xA0OFF"), "\xA0\xA0", /*#__PURE__*/React.createElement("span", {
+      }, `${getDiscount(header?.price, header?.discount)}%`, "\xA0OFF"), "\xA0\xA0", /*#__PURE__*/React.createElement("span", {
         className: classes.originalPrice
-      }, mockHeader?.price), ' '), /*#__PURE__*/React.createElement("div", {
+      }, header?.price), ' '), /*#__PURE__*/React.createElement("div", {
         style: {
           textAlign: 'end'
         }
       }, /*#__PURE__*/React.createElement("span", {
         className: classes.offerPrice
-      }, mockHeader?.effectivePrice), ' ')), /*#__PURE__*/React.createElement(Button, {
+      }, header?.effectivePrice), ' ')), /*#__PURE__*/React.createElement(Button, {
         data: {
           // link: 'headerData?.loginCtaLink',
           // isLink: 1,
@@ -1583,14 +1582,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
@@ -1654,7 +1645,7 @@ function MobileHeader({
         className: classes.smallText
       }, "Secs"))));
     } else {
-      let given = moment(mockHeader.endDate);
+      let given = moment(header.endDate);
       let current = moment().startOf('day');
       return /*#__PURE__*/React.createElement("div", {
         className: classes.offerBottom
@@ -1676,7 +1667,7 @@ function MobileHeader({
       className: classes.BottomSheetOfferContainer
     }, ' ', /*#__PURE__*/React.createElement(Countdown, {
       renderer: renderer,
-      date: mockHeader?.endDate
+      date: header?.endDate
     }));
   };
   const BottomSheetJSX = () => {
@@ -1692,11 +1683,11 @@ function MobileHeader({
       }
     }, /*#__PURE__*/React.createElement("span", {
       className: classes.offerPrice
-    }, mockHeader?.effectivePrice), ' '), /*#__PURE__*/React.createElement("span", {
+    }, header?.effectivePrice), ' '), /*#__PURE__*/React.createElement("span", {
       className: classes.originalPrice
-    }, mockHeader?.price), ' ', /*#__PURE__*/React.createElement("span", {
+    }, header?.price), ' ', /*#__PURE__*/React.createElement("span", {
       className: classes.offerDiscount
-    }, `${getDiscount(mockHeader?.price, mockHeader?.discount)}%`, "\xA0OFF"), "\xA0\xA0")), /*#__PURE__*/React.createElement(Button, {
+    }, `${getDiscount(header?.price, header?.discount)}%`, "\xA0OFF"), "\xA0\xA0")), /*#__PURE__*/React.createElement(Button, {
       data: {
         // link: 'headerData?.loginCtaLink',
         // isLink: 1,