diy-template-components 2.0.70 → 2.0.72
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/index.es.js +14 -30
- package/build/index.es.js.map +1 -1
- package/build/index.js +14 -30
- package/build/index.js.map +1 -1
- package/package.json +1 -1
package/build/index.js
CHANGED
|
@@ -1412,14 +1412,6 @@ function DesktopHeader({
|
|
|
1412
1412
|
onDownloadAppTriggered,
|
|
1413
1413
|
extraProps
|
|
1414
1414
|
}) {
|
|
1415
|
-
let mockHeader = {
|
|
1416
|
-
isOfferActive: true,
|
|
1417
|
-
effectivePrice: 0.51,
|
|
1418
|
-
price: 1,
|
|
1419
|
-
discount: 0.5,
|
|
1420
|
-
endDate: Date.now() + 24 * 60 * 60 * 1000,
|
|
1421
|
-
offerPriceValidFor: 20
|
|
1422
|
-
};
|
|
1423
1415
|
const {
|
|
1424
1416
|
isFixed = true
|
|
1425
1417
|
} = header;
|
|
@@ -1464,7 +1456,7 @@ function DesktopHeader({
|
|
|
1464
1456
|
if (days === 0 && hours < 24) {
|
|
1465
1457
|
return /*#__PURE__*/React__default["default"].createElement("span", null, hours, "h : ", minutes, "m : ", seconds, "s");
|
|
1466
1458
|
} else {
|
|
1467
|
-
let given = moment__default["default"](
|
|
1459
|
+
let given = moment__default["default"](header.endDate);
|
|
1468
1460
|
let current = moment__default["default"]().startOf('day');
|
|
1469
1461
|
return /*#__PURE__*/React__default["default"].createElement("span", null, Math.floor(moment__default["default"].duration(given.diff(current)).asDays()), " ", 'Days');
|
|
1470
1462
|
}
|
|
@@ -1497,10 +1489,10 @@ function DesktopHeader({
|
|
|
1497
1489
|
};
|
|
1498
1490
|
const OfferDetailsJSX = () => {
|
|
1499
1491
|
let conversions = extraProps?.conversions || 0;
|
|
1500
|
-
if (checkForShowDiscount(
|
|
1492
|
+
if (checkForShowDiscount(header?.endDate, header?.offerPriceValidFor, header?.discount) && header?.endDate ? checkIfOfferIsValid(header?.endDate) : true) {
|
|
1501
1493
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
1502
1494
|
className: classes.rightNav
|
|
1503
|
-
},
|
|
1495
|
+
}, header?.isOfferActive && (header?.offerPriceValidFor ? header.offerPriceValidFor - conversions > 0 : true) ? /*#__PURE__*/React__default["default"].createElement("div", {
|
|
1504
1496
|
className: classes.offerBox
|
|
1505
1497
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
1506
1498
|
className: classes.offerBoxText
|
|
@@ -1508,20 +1500,20 @@ function DesktopHeader({
|
|
|
1508
1500
|
className: classes.offerBoxCountDown
|
|
1509
1501
|
}, /*#__PURE__*/React__default["default"].createElement(Countdown__default["default"], {
|
|
1510
1502
|
renderer: renderer,
|
|
1511
|
-
date:
|
|
1503
|
+
date: header?.endDate
|
|
1512
1504
|
}))) : null, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
1513
1505
|
className: classes.priceBox
|
|
1514
1506
|
}, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("span", {
|
|
1515
1507
|
className: classes.offerDiscount
|
|
1516
|
-
}, `${getDiscount(
|
|
1508
|
+
}, `${getDiscount(header?.price, header?.discount)}%`, "\xA0OFF"), "\xA0\xA0", /*#__PURE__*/React__default["default"].createElement("span", {
|
|
1517
1509
|
className: classes.originalPrice
|
|
1518
|
-
},
|
|
1510
|
+
}, header?.price), ' '), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
1519
1511
|
style: {
|
|
1520
1512
|
textAlign: 'end'
|
|
1521
1513
|
}
|
|
1522
1514
|
}, /*#__PURE__*/React__default["default"].createElement("span", {
|
|
1523
1515
|
className: classes.offerPrice
|
|
1524
|
-
},
|
|
1516
|
+
}, header?.effectivePrice), ' ')), /*#__PURE__*/React__default["default"].createElement(Button, {
|
|
1525
1517
|
data: {
|
|
1526
1518
|
// link: 'headerData?.loginCtaLink',
|
|
1527
1519
|
// isLink: 1,
|
|
@@ -1561,7 +1553,7 @@ function DesktopHeader({
|
|
|
1561
1553
|
className: classes.headerSection
|
|
1562
1554
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
1563
1555
|
className: classes.headerContainer
|
|
1564
|
-
}, /*#__PURE__*/React__default["default"].createElement("div",
|
|
1556
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
1565
1557
|
className: classes.imageDiv
|
|
1566
1558
|
}, header?.websiteLogo ? /*#__PURE__*/React__default["default"].createElement("a", {
|
|
1567
1559
|
href: logoUrl,
|
|
@@ -1589,7 +1581,7 @@ function DesktopHeader({
|
|
|
1589
1581
|
moreContent: moreContentFn(),
|
|
1590
1582
|
isTutorWebsite: isTutorWebsite,
|
|
1591
1583
|
onDownloadAppTriggered: onDownloadAppTriggered
|
|
1592
|
-
})
|
|
1584
|
+
}), OfferDetailsJSX())) : /*#__PURE__*/React__default["default"].createElement("div", {
|
|
1593
1585
|
style: {
|
|
1594
1586
|
paddingTop: '30px'
|
|
1595
1587
|
}
|
|
@@ -1606,14 +1598,6 @@ function MobileHeader({
|
|
|
1606
1598
|
onDownloadAppTriggered,
|
|
1607
1599
|
extraProps
|
|
1608
1600
|
}) {
|
|
1609
|
-
let mockHeader = {
|
|
1610
|
-
isOfferActive: true,
|
|
1611
|
-
effectivePrice: 0.51,
|
|
1612
|
-
price: 1,
|
|
1613
|
-
discount: 0.5,
|
|
1614
|
-
endDate: Date.now() + 24 * 60 * 60 * 1000,
|
|
1615
|
-
offerPriceValidFor: 20
|
|
1616
|
-
};
|
|
1617
1601
|
const {
|
|
1618
1602
|
isCustomWebsite,
|
|
1619
1603
|
countryCode
|
|
@@ -1677,7 +1661,7 @@ function MobileHeader({
|
|
|
1677
1661
|
className: classes.smallText
|
|
1678
1662
|
}, "Secs"))));
|
|
1679
1663
|
} else {
|
|
1680
|
-
let given = moment__default["default"](
|
|
1664
|
+
let given = moment__default["default"](header.endDate);
|
|
1681
1665
|
let current = moment__default["default"]().startOf('day');
|
|
1682
1666
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
1683
1667
|
className: classes.offerBottom
|
|
@@ -1699,7 +1683,7 @@ function MobileHeader({
|
|
|
1699
1683
|
className: classes.BottomSheetOfferContainer
|
|
1700
1684
|
}, ' ', /*#__PURE__*/React__default["default"].createElement(Countdown__default["default"], {
|
|
1701
1685
|
renderer: renderer,
|
|
1702
|
-
date:
|
|
1686
|
+
date: header?.endDate
|
|
1703
1687
|
}));
|
|
1704
1688
|
};
|
|
1705
1689
|
const BottomSheetJSX = () => {
|
|
@@ -1715,11 +1699,11 @@ function MobileHeader({
|
|
|
1715
1699
|
}
|
|
1716
1700
|
}, /*#__PURE__*/React__default["default"].createElement("span", {
|
|
1717
1701
|
className: classes.offerPrice
|
|
1718
|
-
},
|
|
1702
|
+
}, header?.effectivePrice), ' '), /*#__PURE__*/React__default["default"].createElement("span", {
|
|
1719
1703
|
className: classes.originalPrice
|
|
1720
|
-
},
|
|
1704
|
+
}, header?.price), ' ', /*#__PURE__*/React__default["default"].createElement("span", {
|
|
1721
1705
|
className: classes.offerDiscount
|
|
1722
|
-
}, `${getDiscount(
|
|
1706
|
+
}, `${getDiscount(header?.price, header?.discount)}%`, "\xA0OFF"), "\xA0\xA0")), /*#__PURE__*/React__default["default"].createElement(Button, {
|
|
1723
1707
|
data: {
|
|
1724
1708
|
// link: 'headerData?.loginCtaLink',
|
|
1725
1709
|
// isLink: 1,
|