diy-template-components 2.0.83 → 2.0.85
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 +79 -548
- package/build/index.es.js.map +1 -1
- package/build/index.js +79 -548
- package/build/index.js.map +1 -1
- package/package.json +1 -1
package/build/index.es.js
CHANGED
|
@@ -226,76 +226,6 @@ const useSectionStyles$a = createUseStyles(theme => ({
|
|
|
226
226
|
justifyContent: 'center',
|
|
227
227
|
width: '10%'
|
|
228
228
|
},
|
|
229
|
-
offerPrice: {
|
|
230
|
-
fontSize: theme.typography.fontSize.h4,
|
|
231
|
-
fontWeight: '700'
|
|
232
|
-
},
|
|
233
|
-
originalPrice: {
|
|
234
|
-
textDecoration: 'line-through',
|
|
235
|
-
color: 'rgba(51, 51, 51, 0.6)'
|
|
236
|
-
},
|
|
237
|
-
offerDiscount: {
|
|
238
|
-
color: '#08BD80',
|
|
239
|
-
fontWeight: '600'
|
|
240
|
-
},
|
|
241
|
-
rightNav: {
|
|
242
|
-
marginRight: '120px',
|
|
243
|
-
display: 'flex'
|
|
244
|
-
},
|
|
245
|
-
priceBox: {
|
|
246
|
-
marginRight: '16px'
|
|
247
|
-
},
|
|
248
|
-
offerBox: {
|
|
249
|
-
marginRight: '24px',
|
|
250
|
-
display: 'flex',
|
|
251
|
-
flexDirection: 'column',
|
|
252
|
-
backgroundColor: 'rgba(244, 249, 253, 1)',
|
|
253
|
-
justifyContent: 'space-between',
|
|
254
|
-
borderRadius: '8px'
|
|
255
|
-
},
|
|
256
|
-
offerBoxText: {
|
|
257
|
-
color: 'rgba(51, 51, 51, 0.6)',
|
|
258
|
-
fontWeight: '600',
|
|
259
|
-
fontSize: '10px',
|
|
260
|
-
padding: '3px 12px 3px, 12px',
|
|
261
|
-
padding: '4px',
|
|
262
|
-
textAlign: 'center',
|
|
263
|
-
marginTop: '4px'
|
|
264
|
-
},
|
|
265
|
-
offerBoxCountDown: {
|
|
266
|
-
backgroundColor: 'rgba(235, 87, 87, 0.1)',
|
|
267
|
-
border: '0px 1px 1px 1px',
|
|
268
|
-
borderRadius: '8px',
|
|
269
|
-
color: '#EB5757',
|
|
270
|
-
fontSize: '16px',
|
|
271
|
-
fontWeight: '700',
|
|
272
|
-
padding: '6px 16px'
|
|
273
|
-
},
|
|
274
|
-
BottomSheetContainer: {
|
|
275
|
-
display: 'flex',
|
|
276
|
-
flexDirection: 'column',
|
|
277
|
-
borderTop: '1px solid #e5e5e5',
|
|
278
|
-
background: '#021927',
|
|
279
|
-
color: '#FFFFFF'
|
|
280
|
-
},
|
|
281
|
-
BottomSheetPriceContainer: {
|
|
282
|
-
display: 'flex',
|
|
283
|
-
justifyContent: 'space-between',
|
|
284
|
-
padding: '16px 16px 24px'
|
|
285
|
-
},
|
|
286
|
-
BottomSheetOfferContainer: {
|
|
287
|
-
padding: '12px 0 ',
|
|
288
|
-
padding: '16px 16px 24px',
|
|
289
|
-
border: '1px solid rgba(0, 0, 0, 1)'
|
|
290
|
-
},
|
|
291
|
-
offerBottom: {
|
|
292
|
-
display: 'flex',
|
|
293
|
-
justifyContent: 'space-between'
|
|
294
|
-
},
|
|
295
|
-
smallText: {
|
|
296
|
-
fontWeight: '400',
|
|
297
|
-
fontSize: '8px'
|
|
298
|
-
},
|
|
299
229
|
'@media screen and (max-width: 767px)': {
|
|
300
230
|
optionsContainer: {
|
|
301
231
|
flexDirection: 'column',
|
|
@@ -331,24 +261,6 @@ const useSectionStyles$a = createUseStyles(theme => ({
|
|
|
331
261
|
borderBottom: '1px solid #F3F3F3',
|
|
332
262
|
width: '100%'
|
|
333
263
|
}
|
|
334
|
-
},
|
|
335
|
-
offerPrice: {
|
|
336
|
-
color: '#FFFFFF',
|
|
337
|
-
fontSize: '18px'
|
|
338
|
-
},
|
|
339
|
-
offerDiscount: {
|
|
340
|
-
color: 'rgba(8, 189, 128, 1)'
|
|
341
|
-
},
|
|
342
|
-
originalPrice: {
|
|
343
|
-
color: '#FFFFFF',
|
|
344
|
-
textDecoration: 'line-through'
|
|
345
|
-
},
|
|
346
|
-
BottomSheetContainer: {
|
|
347
|
-
position: 'fixed',
|
|
348
|
-
bottom: 0,
|
|
349
|
-
left: 0,
|
|
350
|
-
width: '100%',
|
|
351
|
-
zIndex: '9999'
|
|
352
264
|
}
|
|
353
265
|
},
|
|
354
266
|
mobileAppNameClass: {
|
|
@@ -1393,8 +1305,7 @@ function DesktopHeader({
|
|
|
1393
1305
|
navData,
|
|
1394
1306
|
isTutorWebsite,
|
|
1395
1307
|
isLandingPage = false,
|
|
1396
|
-
onDownloadAppTriggered
|
|
1397
|
-
extraProps
|
|
1308
|
+
onDownloadAppTriggered
|
|
1398
1309
|
}) {
|
|
1399
1310
|
const {
|
|
1400
1311
|
isFixed = true
|
|
@@ -1431,110 +1342,6 @@ function DesktopHeader({
|
|
|
1431
1342
|
|
|
1432
1343
|
// console.log(header, 'sakshat header desktop');
|
|
1433
1344
|
|
|
1434
|
-
const renderer = ({
|
|
1435
|
-
days,
|
|
1436
|
-
hours,
|
|
1437
|
-
minutes,
|
|
1438
|
-
seconds
|
|
1439
|
-
}) => {
|
|
1440
|
-
if (days === 0 && hours < 24) {
|
|
1441
|
-
return /*#__PURE__*/React.createElement("span", null, hours, "h : ", minutes, "m : ", seconds, "s");
|
|
1442
|
-
} else {
|
|
1443
|
-
let given = moment(header.endDate);
|
|
1444
|
-
let current = moment().startOf('day');
|
|
1445
|
-
return /*#__PURE__*/React.createElement("span", null, Math.floor(moment.duration(given.diff(current)).asDays()), " ", 'Days');
|
|
1446
|
-
}
|
|
1447
|
-
};
|
|
1448
|
-
const checkIfOfferIsValid = (endDate = null) => moment().diff(moment(endDate || 0)) < 0;
|
|
1449
|
-
const checkForShowDiscount = (endDate = null, offerPriceValidFor = null, discount = 0) => {
|
|
1450
|
-
let conversions = extraProps?.conversions || 0;
|
|
1451
|
-
if (endDate === null || checkIfOfferIsValid()) {
|
|
1452
|
-
if (discount > 0 && offerPriceValidFor === null) {
|
|
1453
|
-
return true;
|
|
1454
|
-
} else if (discount > 0 && offerPriceValidFor !== null && offerPriceValidFor - conversions <= 0) {
|
|
1455
|
-
return false;
|
|
1456
|
-
}
|
|
1457
|
-
} else if (offerPriceValidFor >= null && discount) {
|
|
1458
|
-
if (offerPriceValidFor <= conversions) {
|
|
1459
|
-
return false;
|
|
1460
|
-
}
|
|
1461
|
-
if (offerPriceValidFor - conversions < 0) {
|
|
1462
|
-
return false;
|
|
1463
|
-
} else {
|
|
1464
|
-
return true;
|
|
1465
|
-
}
|
|
1466
|
-
}
|
|
1467
|
-
if (discount > 0) {
|
|
1468
|
-
return true;
|
|
1469
|
-
}
|
|
1470
|
-
};
|
|
1471
|
-
const getDiscount = (price, discount) => {
|
|
1472
|
-
return (discount / price * 100).toFixed(2);
|
|
1473
|
-
};
|
|
1474
|
-
const OfferDetailsJSX = () => {
|
|
1475
|
-
if (!header?.effectivePrice) {
|
|
1476
|
-
return null;
|
|
1477
|
-
}
|
|
1478
|
-
let conversions = extraProps?.conversions || 0;
|
|
1479
|
-
const currentTimestamp = new Date().getTime();
|
|
1480
|
-
if (checkForShowDiscount(header?.endDate, header?.offerPriceValidFor, header?.discount) && header?.endDate ? checkIfOfferIsValid(header?.endDate) : true) {
|
|
1481
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
1482
|
-
className: classes.rightNav
|
|
1483
|
-
}, header?.isOfferActive && header?.endDate && header?.endDate && header?.endDate > currentTimestamp && (header?.offerPriceValidFor ? header.offerPriceValidFor - conversions > 0 : true) ? /*#__PURE__*/React.createElement("div", {
|
|
1484
|
-
className: classes.offerBox
|
|
1485
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
1486
|
-
className: classes.offerBoxText
|
|
1487
|
-
}, "Offer Ends In"), /*#__PURE__*/React.createElement("div", {
|
|
1488
|
-
className: classes.offerBoxCountDown
|
|
1489
|
-
}, /*#__PURE__*/React.createElement(Countdown, {
|
|
1490
|
-
renderer: renderer,
|
|
1491
|
-
date: header?.endDate
|
|
1492
|
-
}))) : null, /*#__PURE__*/React.createElement("div", {
|
|
1493
|
-
className: classes.priceBox
|
|
1494
|
-
}, header?.price && header?.discount && header?.effectivePrice && header?.price !== header?.effectivePrice ? /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", {
|
|
1495
|
-
className: classes.offerDiscount
|
|
1496
|
-
}, `${getDiscount(header?.price, header?.discount)}%`, "\xA0OFF"), "\xA0\xA0", /*#__PURE__*/React.createElement("span", {
|
|
1497
|
-
className: classes.originalPrice
|
|
1498
|
-
}, header?.price), ' ') : null, /*#__PURE__*/React.createElement("div", {
|
|
1499
|
-
style: {
|
|
1500
|
-
textAlign: 'end'
|
|
1501
|
-
}
|
|
1502
|
-
}, /*#__PURE__*/React.createElement("span", {
|
|
1503
|
-
className: classes.offerPrice
|
|
1504
|
-
}, header?.effectivePrice), ' ')), /*#__PURE__*/React.createElement(Button, {
|
|
1505
|
-
data: {
|
|
1506
|
-
// link: 'headerData?.loginCtaLink',
|
|
1507
|
-
// isLink: 1,
|
|
1508
|
-
value: 'BUY NOW'
|
|
1509
|
-
// isExternal: 1
|
|
1510
|
-
},
|
|
1511
|
-
|
|
1512
|
-
onClick: extraProps?.courseBuyNow,
|
|
1513
|
-
type: 'primary',
|
|
1514
|
-
size: 'small',
|
|
1515
|
-
target: null,
|
|
1516
|
-
name: "button",
|
|
1517
|
-
rel: null
|
|
1518
|
-
// styling={isMobile ? { margin: '0 40px' } : {}}
|
|
1519
|
-
}));
|
|
1520
|
-
} else return /*#__PURE__*/React.createElement(Button, {
|
|
1521
|
-
data: {
|
|
1522
|
-
// link: 'headerData?.loginCtaLink',
|
|
1523
|
-
// isLink: 1,
|
|
1524
|
-
value: 'BUY NOW'
|
|
1525
|
-
// isExternal: 1
|
|
1526
|
-
},
|
|
1527
|
-
|
|
1528
|
-
onClick: extraProps?.courseBuyNow,
|
|
1529
|
-
type: 'primary',
|
|
1530
|
-
size: 'medium',
|
|
1531
|
-
target: null,
|
|
1532
|
-
name: "button",
|
|
1533
|
-
rel: null
|
|
1534
|
-
// styling={isMobile ? { margin: '0 40px' } : {}}
|
|
1535
|
-
});
|
|
1536
|
-
};
|
|
1537
|
-
|
|
1538
1345
|
return /*#__PURE__*/React.createElement("nav", {
|
|
1539
1346
|
className: classes.section
|
|
1540
1347
|
}, !(header?.websiteLogo === DEFAULT_HEADER_IMAGE_LP && isCustomWebsite) ? /*#__PURE__*/React.createElement("div", {
|
|
@@ -1569,22 +1376,19 @@ function DesktopHeader({
|
|
|
1569
1376
|
moreContent: moreContentFn(),
|
|
1570
1377
|
isTutorWebsite: isTutorWebsite,
|
|
1571
1378
|
onDownloadAppTriggered: onDownloadAppTriggered
|
|
1572
|
-
})
|
|
1379
|
+
}))) : /*#__PURE__*/React.createElement("div", {
|
|
1573
1380
|
style: {
|
|
1574
1381
|
paddingTop: '30px'
|
|
1575
1382
|
}
|
|
1576
1383
|
}));
|
|
1577
1384
|
}
|
|
1578
1385
|
|
|
1579
|
-
var timer = "data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M7.99996%2015.1667C4.50663%2015.1667%201.66663%2012.3267%201.66663%208.83333C1.66663%205.34%204.50663%202.5%207.99996%202.5C11.4933%202.5%2014.3333%205.34%2014.3333%208.83333C14.3333%2012.3267%2011.4933%2015.1667%207.99996%2015.1667ZM7.99996%203.5C5.05996%203.5%202.66663%205.89333%202.66663%208.83333C2.66663%2011.7733%205.05996%2014.1667%207.99996%2014.1667C10.94%2014.1667%2013.3333%2011.7733%2013.3333%208.83333C13.3333%205.89333%2010.94%203.5%207.99996%203.5Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M8%209.16671C7.72667%209.16671%207.5%208.94004%207.5%208.66671V5.33337C7.5%205.06004%207.72667%204.83337%208%204.83337C8.27333%204.83337%208.5%205.06004%208.5%205.33337V8.66671C8.5%208.94004%208.27333%209.16671%208%209.16671Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M10%201.83337H6C5.72667%201.83337%205.5%201.60671%205.5%201.33337C5.5%201.06004%205.72667%200.833374%206%200.833374H10C10.2733%200.833374%2010.5%201.06004%2010.5%201.33337C10.5%201.60671%2010.2733%201.83337%2010%201.83337Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E";
|
|
1580
|
-
|
|
1581
1386
|
function MobileHeader({
|
|
1582
1387
|
header,
|
|
1583
1388
|
navData,
|
|
1584
1389
|
isTutorWebsite,
|
|
1585
1390
|
isLandingPage = false,
|
|
1586
|
-
onDownloadAppTriggered
|
|
1587
|
-
extraProps
|
|
1391
|
+
onDownloadAppTriggered
|
|
1588
1392
|
}) {
|
|
1589
1393
|
const {
|
|
1590
1394
|
isCustomWebsite,
|
|
@@ -1621,106 +1425,6 @@ function MobileHeader({
|
|
|
1621
1425
|
|
|
1622
1426
|
// console.log(header, 'sakshat header mobile');
|
|
1623
1427
|
|
|
1624
|
-
const getDiscount = (price, discount) => {
|
|
1625
|
-
return (discount / price * 100).toFixed(2);
|
|
1626
|
-
};
|
|
1627
|
-
const renderer = ({
|
|
1628
|
-
days,
|
|
1629
|
-
hours,
|
|
1630
|
-
minutes,
|
|
1631
|
-
seconds
|
|
1632
|
-
}) => {
|
|
1633
|
-
if (days === 0 && hours < 24) {
|
|
1634
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
1635
|
-
className: classes.offerBottom
|
|
1636
|
-
}, /*#__PURE__*/React.createElement("div", null, "Offer ends in"), /*#__PURE__*/React.createElement("div", {
|
|
1637
|
-
style: {
|
|
1638
|
-
display: 'flex',
|
|
1639
|
-
gap: '5px'
|
|
1640
|
-
}
|
|
1641
|
-
}, /*#__PURE__*/React.createElement("img", {
|
|
1642
|
-
src: timer,
|
|
1643
|
-
alt: ""
|
|
1644
|
-
}), ' ', /*#__PURE__*/React.createElement("div", null, hours, " ", /*#__PURE__*/React.createElement("span", {
|
|
1645
|
-
className: classes.smallText
|
|
1646
|
-
}, "hrs"), " : ", minutes, ' ', /*#__PURE__*/React.createElement("span", {
|
|
1647
|
-
className: classes.smallText
|
|
1648
|
-
}, "Mins"), " : ", seconds, ' ', /*#__PURE__*/React.createElement("span", {
|
|
1649
|
-
className: classes.smallText
|
|
1650
|
-
}, "Secs"))));
|
|
1651
|
-
} else {
|
|
1652
|
-
let given = moment(header.endDate);
|
|
1653
|
-
let current = moment().startOf('day');
|
|
1654
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
1655
|
-
className: classes.offerBottom
|
|
1656
|
-
}, /*#__PURE__*/React.createElement("div", null, "This offer is only valid for"), /*#__PURE__*/React.createElement("div", {
|
|
1657
|
-
style: {
|
|
1658
|
-
display: 'flex',
|
|
1659
|
-
gap: '5px'
|
|
1660
|
-
}
|
|
1661
|
-
}, /*#__PURE__*/React.createElement("img", {
|
|
1662
|
-
src: timer,
|
|
1663
|
-
alt: ""
|
|
1664
|
-
}), ' ', /*#__PURE__*/React.createElement("div", null, Math.floor(moment.duration(given.diff(current)).asDays()), /*#__PURE__*/React.createElement("span", {
|
|
1665
|
-
className: classes.smallText
|
|
1666
|
-
}, "\xA0\xA0Days"))));
|
|
1667
|
-
}
|
|
1668
|
-
};
|
|
1669
|
-
const OfferDetailsJSX = () => {
|
|
1670
|
-
let conversions = extraProps?.conversions || 0;
|
|
1671
|
-
const currentTimestamp = new Date().getTime();
|
|
1672
|
-
if (header?.isOfferActive && header?.endDate && header?.endDate && header?.endDate > currentTimestamp && (header?.offerPriceValidFor ? header.offerPriceValidFor - conversions > 0 : true)) {
|
|
1673
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
1674
|
-
className: classes.BottomSheetOfferContainer
|
|
1675
|
-
}, ' ', /*#__PURE__*/React.createElement(Countdown, {
|
|
1676
|
-
renderer: renderer,
|
|
1677
|
-
date: header?.endDate
|
|
1678
|
-
}));
|
|
1679
|
-
}
|
|
1680
|
-
return null;
|
|
1681
|
-
};
|
|
1682
|
-
const BottomSheetJSX = () => {
|
|
1683
|
-
if (!header?.effectivePrice) {
|
|
1684
|
-
return null;
|
|
1685
|
-
}
|
|
1686
|
-
// const body = document?.body;
|
|
1687
|
-
// if (body) {
|
|
1688
|
-
// body.style.marginBottom = '130px';
|
|
1689
|
-
// }
|
|
1690
|
-
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
|
|
1691
|
-
className: classes.BottomSheetContainer
|
|
1692
|
-
}, OfferDetailsJSX(), /*#__PURE__*/React.createElement("div", {
|
|
1693
|
-
className: classes.BottomSheetPriceContainer
|
|
1694
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
1695
|
-
className: classes.BottomSheetPrice
|
|
1696
|
-
}, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
|
|
1697
|
-
style: {
|
|
1698
|
-
textAlign: 'start'
|
|
1699
|
-
}
|
|
1700
|
-
}, /*#__PURE__*/React.createElement("span", {
|
|
1701
|
-
className: classes.offerPrice
|
|
1702
|
-
}, header?.effectivePrice), ' '), header?.price && header?.discount && header?.effectivePrice && header?.price !== header?.effectivePrice ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
|
|
1703
|
-
className: classes.originalPrice
|
|
1704
|
-
}, header?.price), ' ', /*#__PURE__*/React.createElement("span", {
|
|
1705
|
-
className: classes.offerDiscount
|
|
1706
|
-
}, `${getDiscount(header?.price, header?.discount)}%`, "\xA0OFF"), "\xA0\xA0") : null)), /*#__PURE__*/React.createElement(Button, {
|
|
1707
|
-
data: {
|
|
1708
|
-
// link: 'headerData?.loginCtaLink',
|
|
1709
|
-
// isLink: 1,
|
|
1710
|
-
value: 'BUY NOW'
|
|
1711
|
-
// isExternal: 1
|
|
1712
|
-
},
|
|
1713
|
-
|
|
1714
|
-
onClick: extraProps?.courseBuyNow,
|
|
1715
|
-
type: 'primary',
|
|
1716
|
-
size: 'medium',
|
|
1717
|
-
target: null,
|
|
1718
|
-
name: "button",
|
|
1719
|
-
rel: null
|
|
1720
|
-
// styling={isMobile ? { margin: '0 40px' } : {}}
|
|
1721
|
-
}))));
|
|
1722
|
-
};
|
|
1723
|
-
|
|
1724
1428
|
if (isTutorWebsite) {
|
|
1725
1429
|
if (isAndroidDelisted && apkURL) {
|
|
1726
1430
|
downloadLink = /*#__PURE__*/React.createElement(Button, {
|
|
@@ -1793,7 +1497,7 @@ function MobileHeader({
|
|
|
1793
1497
|
downloadLink = null;
|
|
1794
1498
|
}
|
|
1795
1499
|
}
|
|
1796
|
-
return /*#__PURE__*/React.createElement(
|
|
1500
|
+
return /*#__PURE__*/React.createElement("nav", {
|
|
1797
1501
|
ref: navEl,
|
|
1798
1502
|
className: classes.section
|
|
1799
1503
|
}, !(header?.websiteLogo === DEFAULT_HEADER_IMAGE_LP && isCustomWebsite) ? /*#__PURE__*/React.createElement("div", {
|
|
@@ -1826,7 +1530,7 @@ function MobileHeader({
|
|
|
1826
1530
|
order: 1
|
|
1827
1531
|
}))) : null, isTutorWebsite && header?.appName ? /*#__PURE__*/React.createElement("p", {
|
|
1828
1532
|
className: classes.mobileAppNameClass
|
|
1829
|
-
},
|
|
1533
|
+
}, " ", header?.appName) : null), downloadLink), sideMenu ? /*#__PURE__*/React.createElement("div", {
|
|
1830
1534
|
className: classes.mobileMenu
|
|
1831
1535
|
}, /*#__PURE__*/React.createElement("div", {
|
|
1832
1536
|
className: classes.backdrop,
|
|
@@ -1846,7 +1550,7 @@ function MobileHeader({
|
|
|
1846
1550
|
style: {
|
|
1847
1551
|
paddingTop: '30px'
|
|
1848
1552
|
}
|
|
1849
|
-
}))
|
|
1553
|
+
}));
|
|
1850
1554
|
}
|
|
1851
1555
|
|
|
1852
1556
|
function Header({
|
|
@@ -1866,15 +1570,13 @@ function Header({
|
|
|
1866
1570
|
header: data,
|
|
1867
1571
|
isTutorWebsite: isTutorWebsite,
|
|
1868
1572
|
isLandingPage: isLandingPage,
|
|
1869
|
-
onDownloadAppTriggered: extraProps?.DownloadAppButtonTriggered
|
|
1870
|
-
extraProps: extraProps
|
|
1573
|
+
onDownloadAppTriggered: extraProps?.DownloadAppButtonTriggered
|
|
1871
1574
|
}) : /*#__PURE__*/React.createElement(DesktopHeader, {
|
|
1872
1575
|
navData: filterHiddenNavs(),
|
|
1873
1576
|
header: data,
|
|
1874
1577
|
isTutorWebsite: isTutorWebsite,
|
|
1875
1578
|
isLandingPage: isLandingPage,
|
|
1876
|
-
onDownloadAppTriggered: extraProps?.DownloadAppButtonTriggered
|
|
1877
|
-
extraProps: extraProps
|
|
1579
|
+
onDownloadAppTriggered: extraProps?.DownloadAppButtonTriggered
|
|
1878
1580
|
});
|
|
1879
1581
|
}
|
|
1880
1582
|
|
|
@@ -2088,11 +1790,13 @@ const useSectionStyles$9 = createUseStyles(theme => ({
|
|
|
2088
1790
|
}));
|
|
2089
1791
|
|
|
2090
1792
|
function Footer({
|
|
2091
|
-
data
|
|
1793
|
+
data,
|
|
1794
|
+
orgId
|
|
2092
1795
|
}) {
|
|
2093
1796
|
const theme = useTheme();
|
|
2094
1797
|
const {
|
|
2095
|
-
isCustomWebsite
|
|
1798
|
+
isCustomWebsite,
|
|
1799
|
+
extraProps
|
|
2096
1800
|
} = useContext(PageContext);
|
|
2097
1801
|
const classes = useSectionStyles$9({
|
|
2098
1802
|
isCustomWebsite
|
|
@@ -2225,7 +1929,19 @@ function Footer({
|
|
|
2225
1929
|
src: 'https://storage.googleapis.com/coursewebview/logo.png',
|
|
2226
1930
|
alt: "classplus",
|
|
2227
1931
|
className: classes.poweredDivImg
|
|
2228
|
-
})))) : null
|
|
1932
|
+
})))) : null, orgId === 643870 || extraProps?.org_id === 643870 ? /*#__PURE__*/React.createElement("div", {
|
|
1933
|
+
style: {
|
|
1934
|
+
display: 'flex',
|
|
1935
|
+
alignSelf: 'start',
|
|
1936
|
+
marginBottom: '10px'
|
|
1937
|
+
}
|
|
1938
|
+
}, "\xA9 Samko Automotive Solution") : null, orgId === 510746 || extraProps?.org_id === 510746 ? /*#__PURE__*/React.createElement("div", {
|
|
1939
|
+
style: {
|
|
1940
|
+
display: 'flex',
|
|
1941
|
+
alignSelf: 'start',
|
|
1942
|
+
marginBottom: '10px'
|
|
1943
|
+
}
|
|
1944
|
+
}, "\xA9 Bhushan Ramchandra Gawarepatil") : null);
|
|
2229
1945
|
}
|
|
2230
1946
|
|
|
2231
1947
|
const borderRadius = {
|
|
@@ -2466,30 +2182,29 @@ function NanumSquare() {
|
|
|
2466
2182
|
}
|
|
2467
2183
|
|
|
2468
2184
|
const TYPE_TO_COMPONENT_MAP$1 = {
|
|
2469
|
-
BANNER_CAROUSEL_RIGHT: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$
|
|
2470
|
-
GRID_CARD: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$
|
|
2471
|
-
BANNER_CAROUSEL_CENTER: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$
|
|
2472
|
-
BANNER_CAROUSEL_LEFT: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$
|
|
2473
|
-
FORM_SUBSCRIBE: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$
|
|
2474
|
-
TEXT_TESTIMONIAL: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$
|
|
2475
|
-
VIDEO_TESTIMONIAL: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$
|
|
2476
|
-
VIDEO: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$
|
|
2477
|
-
INFO: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$
|
|
2478
|
-
TEXT: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$
|
|
2479
|
-
IMAGE_GALLERY: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$
|
|
2480
|
-
FAQ_LISTING: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$
|
|
2481
|
-
COURSE_CAROUSEL: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$
|
|
2482
|
-
TEAM_CARD: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$
|
|
2483
|
-
TEXT_GRID: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$
|
|
2484
|
-
CONTACT: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$
|
|
2485
|
-
FORM_ENQUIRY: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$
|
|
2486
|
-
WEBINAR_LANDING_PAGE: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$
|
|
2487
|
-
COURSE_LANDING_PAGE: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$
|
|
2488
|
-
FORM_LANDING_PAGE: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$
|
|
2489
|
-
TILES_SECTION: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$
|
|
2490
|
-
EMAIL_DRIP_MARKET: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$
|
|
2491
|
-
ABOUT_INSTITUTE: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index
|
|
2492
|
-
TIMER_AND_CALL: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index; }))
|
|
2185
|
+
BANNER_CAROUSEL_RIGHT: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$m; })),
|
|
2186
|
+
GRID_CARD: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$l; })),
|
|
2187
|
+
BANNER_CAROUSEL_CENTER: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$k; })),
|
|
2188
|
+
BANNER_CAROUSEL_LEFT: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$j; })),
|
|
2189
|
+
FORM_SUBSCRIBE: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$i; })),
|
|
2190
|
+
TEXT_TESTIMONIAL: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$h; })),
|
|
2191
|
+
VIDEO_TESTIMONIAL: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$g; })),
|
|
2192
|
+
VIDEO: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$f; })),
|
|
2193
|
+
INFO: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$e; })),
|
|
2194
|
+
TEXT: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$d; })),
|
|
2195
|
+
IMAGE_GALLERY: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$c; })),
|
|
2196
|
+
FAQ_LISTING: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$b; })),
|
|
2197
|
+
COURSE_CAROUSEL: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$9; })),
|
|
2198
|
+
TEAM_CARD: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$8; })),
|
|
2199
|
+
TEXT_GRID: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$a; })),
|
|
2200
|
+
CONTACT: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$7; })),
|
|
2201
|
+
FORM_ENQUIRY: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$6; })),
|
|
2202
|
+
WEBINAR_LANDING_PAGE: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$5; })),
|
|
2203
|
+
COURSE_LANDING_PAGE: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$4; })),
|
|
2204
|
+
FORM_LANDING_PAGE: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$3; })),
|
|
2205
|
+
TILES_SECTION: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$2; })),
|
|
2206
|
+
EMAIL_DRIP_MARKET: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$1; })),
|
|
2207
|
+
ABOUT_INSTITUTE: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index; }))
|
|
2493
2208
|
};
|
|
2494
2209
|
const getCompToRender$1 = type => TYPE_TO_COMPONENT_MAP$1[type] || (() => null);
|
|
2495
2210
|
const MemoisedSection$1 = /*#__PURE__*/memo(({
|
|
@@ -2714,6 +2429,7 @@ function PageRenderer$1({
|
|
|
2714
2429
|
sections,
|
|
2715
2430
|
header,
|
|
2716
2431
|
footer,
|
|
2432
|
+
orgId,
|
|
2717
2433
|
validations = {},
|
|
2718
2434
|
_id,
|
|
2719
2435
|
isLandingPage = false
|
|
@@ -2786,7 +2502,8 @@ function PageRenderer$1({
|
|
|
2786
2502
|
sectionData: footer,
|
|
2787
2503
|
isFooter: true
|
|
2788
2504
|
}, /*#__PURE__*/React.createElement(Footer, {
|
|
2789
|
-
data: footer
|
|
2505
|
+
data: footer,
|
|
2506
|
+
orgId: orgId
|
|
2790
2507
|
}))));
|
|
2791
2508
|
}
|
|
2792
2509
|
|
|
@@ -3240,7 +2957,7 @@ function BannerCarouselRight({
|
|
|
3240
2957
|
})))));
|
|
3241
2958
|
}
|
|
3242
2959
|
|
|
3243
|
-
var index$
|
|
2960
|
+
var index$m = /*#__PURE__*/Object.freeze({
|
|
3244
2961
|
__proto__: null,
|
|
3245
2962
|
'default': BannerCarouselRight
|
|
3246
2963
|
});
|
|
@@ -3466,7 +3183,7 @@ function List({
|
|
|
3466
3183
|
}))));
|
|
3467
3184
|
}
|
|
3468
3185
|
|
|
3469
|
-
var index$
|
|
3186
|
+
var index$l = /*#__PURE__*/Object.freeze({
|
|
3470
3187
|
__proto__: null,
|
|
3471
3188
|
'default': List
|
|
3472
3189
|
});
|
|
@@ -3669,8 +3386,7 @@ const useSectionStyles$6 = createUseStyles(theme => {
|
|
|
3669
3386
|
|
|
3670
3387
|
const Section$3 = ({
|
|
3671
3388
|
nodeData,
|
|
3672
|
-
sectionIndex
|
|
3673
|
-
extraProps
|
|
3389
|
+
sectionIndex
|
|
3674
3390
|
}) => {
|
|
3675
3391
|
const {
|
|
3676
3392
|
layout: {
|
|
@@ -3691,10 +3407,6 @@ const Section$3 = ({
|
|
|
3691
3407
|
hasContent,
|
|
3692
3408
|
mobileImage: nodeData?.mobileImage?.metadata?.value
|
|
3693
3409
|
});
|
|
3694
|
-
const handleButton = () => {
|
|
3695
|
-
console.log('buy now clicked');
|
|
3696
|
-
extraProps?.courseBuyNow();
|
|
3697
|
-
};
|
|
3698
3410
|
return /*#__PURE__*/React.createElement("section", {
|
|
3699
3411
|
className: classes.bannerCarouselCenterSection
|
|
3700
3412
|
}, /*#__PURE__*/React.createElement("div", {
|
|
@@ -3725,13 +3437,7 @@ const Section$3 = ({
|
|
|
3725
3437
|
}
|
|
3726
3438
|
}) : null, nodeData?.cta?.validations?.isEmptyAllowed && nodeData?.cta?.metadata?.value === '' ? null : /*#__PURE__*/React.createElement("div", {
|
|
3727
3439
|
className: classes.buttonClass
|
|
3728
|
-
},
|
|
3729
|
-
data: nodeData.cta.metadata,
|
|
3730
|
-
ref: nodeData?.cta?.refSetter,
|
|
3731
|
-
type: nodeData?.cta?.metadata?.type,
|
|
3732
|
-
size: isMobile ? 'small' : 'medium',
|
|
3733
|
-
onClick: handleButton
|
|
3734
|
-
}) : /*#__PURE__*/React.createElement(Button, {
|
|
3440
|
+
}, /*#__PURE__*/React.createElement(Button, {
|
|
3735
3441
|
ref: nodeData?.cta?.refSetter,
|
|
3736
3442
|
data: nodeData.cta.metadata,
|
|
3737
3443
|
type: nodeData?.cta?.metadata?.type,
|
|
@@ -3749,8 +3455,7 @@ const Section$3 = ({
|
|
|
3749
3455
|
function BannerCarouselCenter({
|
|
3750
3456
|
sectionData,
|
|
3751
3457
|
isCustomWebsite,
|
|
3752
|
-
sectionIndex
|
|
3753
|
-
extraProps
|
|
3458
|
+
sectionIndex
|
|
3754
3459
|
}) {
|
|
3755
3460
|
const classes = useSectionStyles$6({
|
|
3756
3461
|
isCustomWebsite
|
|
@@ -3769,12 +3474,11 @@ function BannerCarouselCenter({
|
|
|
3769
3474
|
nodeData: node,
|
|
3770
3475
|
isCustomWebsite: isCustomWebsite,
|
|
3771
3476
|
key: idx /* or some other unique property */,
|
|
3772
|
-
sectionIndex: sectionIndex
|
|
3773
|
-
extraProps: extraProps
|
|
3477
|
+
sectionIndex: sectionIndex
|
|
3774
3478
|
}))));
|
|
3775
3479
|
}
|
|
3776
3480
|
|
|
3777
|
-
var index$
|
|
3481
|
+
var index$k = /*#__PURE__*/Object.freeze({
|
|
3778
3482
|
__proto__: null,
|
|
3779
3483
|
'default': BannerCarouselCenter
|
|
3780
3484
|
});
|
|
@@ -4006,7 +3710,7 @@ function BannerCarouselLeft({
|
|
|
4006
3710
|
})))));
|
|
4007
3711
|
}
|
|
4008
3712
|
|
|
4009
|
-
var index$
|
|
3713
|
+
var index$j = /*#__PURE__*/Object.freeze({
|
|
4010
3714
|
__proto__: null,
|
|
4011
3715
|
'default': BannerCarouselLeft
|
|
4012
3716
|
});
|
|
@@ -4402,7 +4106,7 @@ function SubscribeToNewsletter({
|
|
|
4402
4106
|
})))))));
|
|
4403
4107
|
}
|
|
4404
4108
|
|
|
4405
|
-
var index$
|
|
4109
|
+
var index$i = /*#__PURE__*/Object.freeze({
|
|
4406
4110
|
__proto__: null,
|
|
4407
4111
|
'default': SubscribeToNewsletter
|
|
4408
4112
|
});
|
|
@@ -4690,7 +4394,7 @@ function Testimonials({
|
|
|
4690
4394
|
}));
|
|
4691
4395
|
}
|
|
4692
4396
|
|
|
4693
|
-
var index$
|
|
4397
|
+
var index$h = /*#__PURE__*/Object.freeze({
|
|
4694
4398
|
__proto__: null,
|
|
4695
4399
|
'default': Testimonials
|
|
4696
4400
|
});
|
|
@@ -5096,7 +4800,7 @@ function VideoTestimonial({
|
|
|
5096
4800
|
}))))));
|
|
5097
4801
|
}
|
|
5098
4802
|
|
|
5099
|
-
var index$
|
|
4803
|
+
var index$g = /*#__PURE__*/Object.freeze({
|
|
5100
4804
|
__proto__: null,
|
|
5101
4805
|
'default': VideoTestimonial
|
|
5102
4806
|
});
|
|
@@ -5332,7 +5036,7 @@ function Video({
|
|
|
5332
5036
|
}, carouselContent))));
|
|
5333
5037
|
}
|
|
5334
5038
|
|
|
5335
|
-
var index$
|
|
5039
|
+
var index$f = /*#__PURE__*/Object.freeze({
|
|
5336
5040
|
__proto__: null,
|
|
5337
5041
|
'default': Video
|
|
5338
5042
|
});
|
|
@@ -5569,7 +5273,7 @@ function Info({
|
|
|
5569
5273
|
}, carouselContent))));
|
|
5570
5274
|
}
|
|
5571
5275
|
|
|
5572
|
-
var index$
|
|
5276
|
+
var index$e = /*#__PURE__*/Object.freeze({
|
|
5573
5277
|
__proto__: null,
|
|
5574
5278
|
'default': Info
|
|
5575
5279
|
});
|
|
@@ -5688,7 +5392,7 @@ const TextSection = ({
|
|
|
5688
5392
|
})))));
|
|
5689
5393
|
};
|
|
5690
5394
|
|
|
5691
|
-
var index$
|
|
5395
|
+
var index$d = /*#__PURE__*/Object.freeze({
|
|
5692
5396
|
__proto__: null,
|
|
5693
5397
|
'default': TextSection
|
|
5694
5398
|
});
|
|
@@ -5913,7 +5617,7 @@ function PhotoGallery({
|
|
|
5913
5617
|
}, carouselContent))));
|
|
5914
5618
|
}
|
|
5915
5619
|
|
|
5916
|
-
var index$
|
|
5620
|
+
var index$c = /*#__PURE__*/Object.freeze({
|
|
5917
5621
|
__proto__: null,
|
|
5918
5622
|
'default': PhotoGallery
|
|
5919
5623
|
});
|
|
@@ -6096,7 +5800,7 @@ const Accordion = ({
|
|
|
6096
5800
|
})));
|
|
6097
5801
|
};
|
|
6098
5802
|
|
|
6099
|
-
var index$
|
|
5803
|
+
var index$b = /*#__PURE__*/Object.freeze({
|
|
6100
5804
|
__proto__: null,
|
|
6101
5805
|
'default': FAQListing
|
|
6102
5806
|
});
|
|
@@ -6267,7 +5971,7 @@ const TextGrid = ({
|
|
|
6267
5971
|
}, carouselContent))));
|
|
6268
5972
|
};
|
|
6269
5973
|
|
|
6270
|
-
var index$
|
|
5974
|
+
var index$a = /*#__PURE__*/Object.freeze({
|
|
6271
5975
|
__proto__: null,
|
|
6272
5976
|
'default': TextGrid
|
|
6273
5977
|
});
|
|
@@ -6799,7 +6503,7 @@ function SimpleCardsContainer({
|
|
|
6799
6503
|
}, children);
|
|
6800
6504
|
}
|
|
6801
6505
|
|
|
6802
|
-
var index$
|
|
6506
|
+
var index$9 = /*#__PURE__*/Object.freeze({
|
|
6803
6507
|
__proto__: null,
|
|
6804
6508
|
'default': courses
|
|
6805
6509
|
});
|
|
@@ -7118,7 +6822,7 @@ function TeamCard({
|
|
|
7118
6822
|
}, " ", getCarouselContent())));
|
|
7119
6823
|
}
|
|
7120
6824
|
|
|
7121
|
-
var index$
|
|
6825
|
+
var index$8 = /*#__PURE__*/Object.freeze({
|
|
7122
6826
|
__proto__: null,
|
|
7123
6827
|
'default': TeamCard
|
|
7124
6828
|
});
|
|
@@ -7543,7 +7247,7 @@ function FormEnquiry({
|
|
|
7543
7247
|
})))))));
|
|
7544
7248
|
}
|
|
7545
7249
|
|
|
7546
|
-
var index$
|
|
7250
|
+
var index$7 = /*#__PURE__*/Object.freeze({
|
|
7547
7251
|
__proto__: null,
|
|
7548
7252
|
'default': FormEnquiry
|
|
7549
7253
|
});
|
|
@@ -7967,7 +7671,7 @@ function Contact({
|
|
|
7967
7671
|
})))))));
|
|
7968
7672
|
}
|
|
7969
7673
|
|
|
7970
|
-
var index$
|
|
7674
|
+
var index$6 = /*#__PURE__*/Object.freeze({
|
|
7971
7675
|
__proto__: null,
|
|
7972
7676
|
'default': Contact
|
|
7973
7677
|
});
|
|
@@ -8446,7 +8150,7 @@ function CoursePromotionPage$1({
|
|
|
8446
8150
|
}))));
|
|
8447
8151
|
}
|
|
8448
8152
|
|
|
8449
|
-
var index$
|
|
8153
|
+
var index$5 = /*#__PURE__*/Object.freeze({
|
|
8450
8154
|
__proto__: null,
|
|
8451
8155
|
'default': CoursePromotionPage$1
|
|
8452
8156
|
});
|
|
@@ -9038,7 +8742,7 @@ function CoursePromotionPage({
|
|
|
9038
8742
|
}))));
|
|
9039
8743
|
}
|
|
9040
8744
|
|
|
9041
|
-
var index$
|
|
8745
|
+
var index$4 = /*#__PURE__*/Object.freeze({
|
|
9042
8746
|
__proto__: null,
|
|
9043
8747
|
'default': CoursePromotionPage
|
|
9044
8748
|
});
|
|
@@ -9403,7 +9107,7 @@ const FormPage = ({
|
|
|
9403
9107
|
})))));
|
|
9404
9108
|
};
|
|
9405
9109
|
|
|
9406
|
-
var index$
|
|
9110
|
+
var index$3 = /*#__PURE__*/Object.freeze({
|
|
9407
9111
|
__proto__: null,
|
|
9408
9112
|
'default': FormPage
|
|
9409
9113
|
});
|
|
@@ -9551,7 +9255,7 @@ function Tiles({
|
|
|
9551
9255
|
}, TileDiv)));
|
|
9552
9256
|
}
|
|
9553
9257
|
|
|
9554
|
-
var index$
|
|
9258
|
+
var index$2 = /*#__PURE__*/Object.freeze({
|
|
9555
9259
|
__proto__: null,
|
|
9556
9260
|
'default': Tiles
|
|
9557
9261
|
});
|
|
@@ -10026,7 +9730,7 @@ function EmailDripMarket({
|
|
|
10026
9730
|
})));
|
|
10027
9731
|
}
|
|
10028
9732
|
|
|
10029
|
-
var index$
|
|
9733
|
+
var index$1 = /*#__PURE__*/Object.freeze({
|
|
10030
9734
|
__proto__: null,
|
|
10031
9735
|
'default': EmailDripMarket
|
|
10032
9736
|
});
|
|
@@ -10395,180 +10099,9 @@ function ABOUT_INSTITUTE({
|
|
|
10395
10099
|
}, /*#__PURE__*/React.createElement(ImageJSX, null), /*#__PURE__*/React.createElement(ContentJSX, null)), /*#__PURE__*/React.createElement(HighlightJSX, null)));
|
|
10396
10100
|
}
|
|
10397
10101
|
|
|
10398
|
-
var index$1 = /*#__PURE__*/Object.freeze({
|
|
10399
|
-
__proto__: null,
|
|
10400
|
-
'default': ABOUT_INSTITUTE
|
|
10401
|
-
});
|
|
10402
|
-
|
|
10403
|
-
const useTimerCallPageStyles = createUseStyles(theme => ({
|
|
10404
|
-
timerAndCallSection: {
|
|
10405
|
-
padding: ({
|
|
10406
|
-
isMobile
|
|
10407
|
-
} = {}) => isMobile ? '24px' : '80px 120px',
|
|
10408
|
-
background: theme?.colors?.white,
|
|
10409
|
-
'&, & *, & *:before, & *:after': {
|
|
10410
|
-
fontFamily: theme?.typography?.fontFamily,
|
|
10411
|
-
boxSizing: 'border-box'
|
|
10412
|
-
}
|
|
10413
|
-
},
|
|
10414
|
-
timerAndCallContainer: {
|
|
10415
|
-
padding: '72px',
|
|
10416
|
-
background: '#F4F9FF',
|
|
10417
|
-
borderRadius: '8px',
|
|
10418
|
-
boxShadow: '0px 4px 10px rgba(0, 0, 0, 0.16)'
|
|
10419
|
-
},
|
|
10420
|
-
timerAndCallBox: {
|
|
10421
|
-
display: 'flex',
|
|
10422
|
-
flexDirection: 'column',
|
|
10423
|
-
gap: '42px',
|
|
10424
|
-
justifyContent: 'center',
|
|
10425
|
-
alignItems: 'center'
|
|
10426
|
-
},
|
|
10427
|
-
title: {
|
|
10428
|
-
fontWeight: '700',
|
|
10429
|
-
fontSize: '40px',
|
|
10430
|
-
textAlign: 'center',
|
|
10431
|
-
lineHeight: '45px'
|
|
10432
|
-
},
|
|
10433
|
-
offerWrapper: {
|
|
10434
|
-
display: 'flex',
|
|
10435
|
-
flexDirection: 'column',
|
|
10436
|
-
gap: '24px',
|
|
10437
|
-
justifyContent: 'center',
|
|
10438
|
-
alignItems: 'center'
|
|
10439
|
-
},
|
|
10440
|
-
offerEndsTitle: {
|
|
10441
|
-
fontWeight: '700',
|
|
10442
|
-
fontSize: '16px'
|
|
10443
|
-
},
|
|
10444
|
-
countdown: {
|
|
10445
|
-
display: 'flex',
|
|
10446
|
-
gap: '10px'
|
|
10447
|
-
},
|
|
10448
|
-
counterBox: {
|
|
10449
|
-
display: 'flex',
|
|
10450
|
-
flexDirection: 'column',
|
|
10451
|
-
justifyContent: 'center',
|
|
10452
|
-
alignItems: 'center',
|
|
10453
|
-
border: '0.56px solid #2C88FF',
|
|
10454
|
-
borderRadius: '8px',
|
|
10455
|
-
background: '#FFFFFF',
|
|
10456
|
-
color: '#2C88FF',
|
|
10457
|
-
padding: '12px 16px 12px 16px',
|
|
10458
|
-
fontWeight: '600',
|
|
10459
|
-
fontSize: '14px'
|
|
10460
|
-
},
|
|
10461
|
-
// SMALL SCREEN
|
|
10462
|
-
'@media screen and (max-width: 767px)': {
|
|
10463
|
-
timerAndCallSection: {
|
|
10464
|
-
padding: '24px'
|
|
10465
|
-
},
|
|
10466
|
-
timerAndCallContainer: {
|
|
10467
|
-
padding: '16px'
|
|
10468
|
-
},
|
|
10469
|
-
timerAndCallBox: {
|
|
10470
|
-
gap: '32px'
|
|
10471
|
-
},
|
|
10472
|
-
title: {
|
|
10473
|
-
fontSize: '24px'
|
|
10474
|
-
},
|
|
10475
|
-
offerWrapper: {
|
|
10476
|
-
gap: '16px'
|
|
10477
|
-
}
|
|
10478
|
-
}
|
|
10479
|
-
}));
|
|
10480
|
-
|
|
10481
|
-
const TimerAndCall = ({
|
|
10482
|
-
sectionData,
|
|
10483
|
-
extraProps = {}
|
|
10484
|
-
}) => {
|
|
10485
|
-
const {
|
|
10486
|
-
isMobile,
|
|
10487
|
-
fullPageData
|
|
10488
|
-
} = useContext(PageContext);
|
|
10489
|
-
const [nodeData] = sectionData?.components;
|
|
10490
|
-
const classes = useTimerCallPageStyles({
|
|
10491
|
-
isMobile
|
|
10492
|
-
});
|
|
10493
|
-
const CounterBox = ({
|
|
10494
|
-
value,
|
|
10495
|
-
text
|
|
10496
|
-
}) => {
|
|
10497
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
10498
|
-
className: classes.counterBox
|
|
10499
|
-
}, /*#__PURE__*/React.createElement("div", null, value), /*#__PURE__*/React.createElement("div", null, text));
|
|
10500
|
-
};
|
|
10501
|
-
const renderer = ({
|
|
10502
|
-
formatted,
|
|
10503
|
-
completed
|
|
10504
|
-
}) => {
|
|
10505
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
10506
|
-
className: classes.countdown
|
|
10507
|
-
}, /*#__PURE__*/React.createElement(CounterBox, {
|
|
10508
|
-
value: formatted?.hours,
|
|
10509
|
-
text: "Hours"
|
|
10510
|
-
}), /*#__PURE__*/React.createElement(CounterBox, {
|
|
10511
|
-
value: formatted?.minutes,
|
|
10512
|
-
text: "Mins"
|
|
10513
|
-
}), /*#__PURE__*/React.createElement(CounterBox, {
|
|
10514
|
-
value: formatted?.seconds,
|
|
10515
|
-
text: "Secs"
|
|
10516
|
-
}));
|
|
10517
|
-
};
|
|
10518
|
-
const CountDownJSX = offerPriceValidFor => {
|
|
10519
|
-
let conversions = extraProps?.conversions || 0;
|
|
10520
|
-
if (offerPriceValidFor && offerPriceValidFor - conversions <= 0) {
|
|
10521
|
-
return null;
|
|
10522
|
-
}
|
|
10523
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
10524
|
-
className: classes.offerWrapper
|
|
10525
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
10526
|
-
className: classes.offerEndsTitle
|
|
10527
|
-
}, "Offer ends in"), /*#__PURE__*/React.createElement(Countdown, {
|
|
10528
|
-
renderer: renderer,
|
|
10529
|
-
date: nodeData.offerCounter?.metadata?.endDate,
|
|
10530
|
-
daysInHours: true
|
|
10531
|
-
}));
|
|
10532
|
-
};
|
|
10533
|
-
return /*#__PURE__*/React.createElement("section", {
|
|
10534
|
-
className: classes.timerAndCallSection
|
|
10535
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
10536
|
-
className: classes.timerAndCallContainer
|
|
10537
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
10538
|
-
className: classes.timerAndCallBox
|
|
10539
|
-
}, nodeData?.showOffer?.metadata?.value && nodeData.offerCounter?.metadata?.isOfferActive ? CountDownJSX(nodeData.offerCounter?.metadata?.offerPriceValidFor) : null, nodeData?.title?.metadata?.value ? /*#__PURE__*/React.createElement("div", {
|
|
10540
|
-
className: classes.title
|
|
10541
|
-
}, /*#__PURE__*/React.createElement("span", {
|
|
10542
|
-
ref: nodeData?.heading?.refSetter,
|
|
10543
|
-
dangerouslySetInnerHTML: {
|
|
10544
|
-
__html: nodeData?.title?.metadata?.value
|
|
10545
|
-
}
|
|
10546
|
-
})) : null, nodeData?.timerButton?.metadata?.value ? /*#__PURE__*/React.createElement(Button, {
|
|
10547
|
-
style: {
|
|
10548
|
-
width: '100%',
|
|
10549
|
-
fontWeight: '700',
|
|
10550
|
-
fontSize: '14px'
|
|
10551
|
-
},
|
|
10552
|
-
data: {
|
|
10553
|
-
// link: 'headerData?.loginCtaLink',
|
|
10554
|
-
// isLink: 1,
|
|
10555
|
-
value: nodeData.timerButton.metadata.value
|
|
10556
|
-
// isExternal: 1
|
|
10557
|
-
},
|
|
10558
|
-
|
|
10559
|
-
onClick: extraProps?.courseBuyNow,
|
|
10560
|
-
type: 'primary',
|
|
10561
|
-
size: 'medium',
|
|
10562
|
-
target: null,
|
|
10563
|
-
name: "button",
|
|
10564
|
-
rel: null
|
|
10565
|
-
// styling={isMobile ? { margin: '0 40px' } : {}}
|
|
10566
|
-
}) : null)));
|
|
10567
|
-
};
|
|
10568
|
-
|
|
10569
10102
|
var index = /*#__PURE__*/Object.freeze({
|
|
10570
10103
|
__proto__: null,
|
|
10571
|
-
'default':
|
|
10104
|
+
'default': ABOUT_INSTITUTE
|
|
10572
10105
|
});
|
|
10573
10106
|
|
|
10574
10107
|
const TYPE_TO_COMPONENT_MAP = {
|
|
@@ -10594,8 +10127,7 @@ const TYPE_TO_COMPONENT_MAP = {
|
|
|
10594
10127
|
FORM_LANDING_PAGE: FormPage,
|
|
10595
10128
|
TILES_SECTION: Tiles,
|
|
10596
10129
|
EMAIL_DRIP_MARKET: EmailDripMarket,
|
|
10597
|
-
ABOUT_INSTITUTE
|
|
10598
|
-
TIMER_AND_CALL: TimerAndCall
|
|
10130
|
+
ABOUT_INSTITUTE
|
|
10599
10131
|
};
|
|
10600
10132
|
const getCompToRender = type => TYPE_TO_COMPONENT_MAP[type] || (() => null);
|
|
10601
10133
|
const MemoisedSection = /*#__PURE__*/memo(({
|
|
@@ -10604,7 +10136,6 @@ const MemoisedSection = /*#__PURE__*/memo(({
|
|
|
10604
10136
|
isCustomWebsite,
|
|
10605
10137
|
sectionIndex
|
|
10606
10138
|
}) => {
|
|
10607
|
-
console.log('extraProps in section data', extraProps);
|
|
10608
10139
|
const SectionComp = getCompToRender(sectionData.type);
|
|
10609
10140
|
return /*#__PURE__*/React.createElement(SectionComp, {
|
|
10610
10141
|
sectionData: sectionData,
|