diy-template-components 2.0.82 → 2.0.84
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 +73 -548
- package/build/index.es.js.map +1 -1
- package/build/index.js +73 -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,15 +1790,18 @@ 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
|
|
2099
1803
|
});
|
|
1804
|
+
console.log('org id in footer', extraProps, orgId);
|
|
2100
1805
|
return /*#__PURE__*/React.createElement("footer", {
|
|
2101
1806
|
className: data.metadata.isCpBranding ? `${classes.section}` : `${classes.section} ${classes.sectionNoBranding}`
|
|
2102
1807
|
}, /*#__PURE__*/React.createElement("div", {
|
|
@@ -2154,6 +1859,11 @@ function Footer({
|
|
|
2154
1859
|
__html: data?.email?.metadata.value
|
|
2155
1860
|
}
|
|
2156
1861
|
})) : null), /*#__PURE__*/React.createElement("div", {
|
|
1862
|
+
style: {
|
|
1863
|
+
display: 'flex',
|
|
1864
|
+
flexDirection: 'column'
|
|
1865
|
+
}
|
|
1866
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
2157
1867
|
className: classes.upperContainerItem3
|
|
2158
1868
|
}, data?.facebookLink?.metadata?.value ? /*#__PURE__*/React.createElement("button", {
|
|
2159
1869
|
ref: data?.facebookLink?.refSetter,
|
|
@@ -2210,7 +1920,7 @@ function Footer({
|
|
|
2210
1920
|
color: theme.palette.background.default,
|
|
2211
1921
|
width: '16px',
|
|
2212
1922
|
height: '16px'
|
|
2213
|
-
})) : null)), data.metadata.isCpBranding ? /*#__PURE__*/React.createElement("div", {
|
|
1923
|
+
})) : null), /*#__PURE__*/React.createElement("div", null, "\xA9 Bhushan Ramchandra Gawarepatil"))), data.metadata.isCpBranding ? /*#__PURE__*/React.createElement("div", {
|
|
2214
1924
|
className: classes.lowerContainer
|
|
2215
1925
|
}, /*#__PURE__*/React.createElement("div", {
|
|
2216
1926
|
className: classes.bottomLeftText
|
|
@@ -2466,30 +2176,29 @@ function NanumSquare() {
|
|
|
2466
2176
|
}
|
|
2467
2177
|
|
|
2468
2178
|
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; }))
|
|
2179
|
+
BANNER_CAROUSEL_RIGHT: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$m; })),
|
|
2180
|
+
GRID_CARD: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$l; })),
|
|
2181
|
+
BANNER_CAROUSEL_CENTER: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$k; })),
|
|
2182
|
+
BANNER_CAROUSEL_LEFT: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$j; })),
|
|
2183
|
+
FORM_SUBSCRIBE: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$i; })),
|
|
2184
|
+
TEXT_TESTIMONIAL: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$h; })),
|
|
2185
|
+
VIDEO_TESTIMONIAL: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$g; })),
|
|
2186
|
+
VIDEO: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$f; })),
|
|
2187
|
+
INFO: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$e; })),
|
|
2188
|
+
TEXT: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$d; })),
|
|
2189
|
+
IMAGE_GALLERY: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$c; })),
|
|
2190
|
+
FAQ_LISTING: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$b; })),
|
|
2191
|
+
COURSE_CAROUSEL: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$9; })),
|
|
2192
|
+
TEAM_CARD: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$8; })),
|
|
2193
|
+
TEXT_GRID: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$a; })),
|
|
2194
|
+
CONTACT: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$7; })),
|
|
2195
|
+
FORM_ENQUIRY: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$6; })),
|
|
2196
|
+
WEBINAR_LANDING_PAGE: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$5; })),
|
|
2197
|
+
COURSE_LANDING_PAGE: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$4; })),
|
|
2198
|
+
FORM_LANDING_PAGE: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$3; })),
|
|
2199
|
+
TILES_SECTION: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$2; })),
|
|
2200
|
+
EMAIL_DRIP_MARKET: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$1; })),
|
|
2201
|
+
ABOUT_INSTITUTE: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index; }))
|
|
2493
2202
|
};
|
|
2494
2203
|
const getCompToRender$1 = type => TYPE_TO_COMPONENT_MAP$1[type] || (() => null);
|
|
2495
2204
|
const MemoisedSection$1 = /*#__PURE__*/memo(({
|
|
@@ -2714,6 +2423,7 @@ function PageRenderer$1({
|
|
|
2714
2423
|
sections,
|
|
2715
2424
|
header,
|
|
2716
2425
|
footer,
|
|
2426
|
+
orgId,
|
|
2717
2427
|
validations = {},
|
|
2718
2428
|
_id,
|
|
2719
2429
|
isLandingPage = false
|
|
@@ -2786,7 +2496,8 @@ function PageRenderer$1({
|
|
|
2786
2496
|
sectionData: footer,
|
|
2787
2497
|
isFooter: true
|
|
2788
2498
|
}, /*#__PURE__*/React.createElement(Footer, {
|
|
2789
|
-
data: footer
|
|
2499
|
+
data: footer,
|
|
2500
|
+
orgId: orgId
|
|
2790
2501
|
}))));
|
|
2791
2502
|
}
|
|
2792
2503
|
|
|
@@ -3240,7 +2951,7 @@ function BannerCarouselRight({
|
|
|
3240
2951
|
})))));
|
|
3241
2952
|
}
|
|
3242
2953
|
|
|
3243
|
-
var index$
|
|
2954
|
+
var index$m = /*#__PURE__*/Object.freeze({
|
|
3244
2955
|
__proto__: null,
|
|
3245
2956
|
'default': BannerCarouselRight
|
|
3246
2957
|
});
|
|
@@ -3466,7 +3177,7 @@ function List({
|
|
|
3466
3177
|
}))));
|
|
3467
3178
|
}
|
|
3468
3179
|
|
|
3469
|
-
var index$
|
|
3180
|
+
var index$l = /*#__PURE__*/Object.freeze({
|
|
3470
3181
|
__proto__: null,
|
|
3471
3182
|
'default': List
|
|
3472
3183
|
});
|
|
@@ -3669,8 +3380,7 @@ const useSectionStyles$6 = createUseStyles(theme => {
|
|
|
3669
3380
|
|
|
3670
3381
|
const Section$3 = ({
|
|
3671
3382
|
nodeData,
|
|
3672
|
-
sectionIndex
|
|
3673
|
-
extraProps
|
|
3383
|
+
sectionIndex
|
|
3674
3384
|
}) => {
|
|
3675
3385
|
const {
|
|
3676
3386
|
layout: {
|
|
@@ -3691,10 +3401,6 @@ const Section$3 = ({
|
|
|
3691
3401
|
hasContent,
|
|
3692
3402
|
mobileImage: nodeData?.mobileImage?.metadata?.value
|
|
3693
3403
|
});
|
|
3694
|
-
const handleButton = () => {
|
|
3695
|
-
console.log('buy now clicked');
|
|
3696
|
-
extraProps?.courseBuyNow();
|
|
3697
|
-
};
|
|
3698
3404
|
return /*#__PURE__*/React.createElement("section", {
|
|
3699
3405
|
className: classes.bannerCarouselCenterSection
|
|
3700
3406
|
}, /*#__PURE__*/React.createElement("div", {
|
|
@@ -3725,13 +3431,7 @@ const Section$3 = ({
|
|
|
3725
3431
|
}
|
|
3726
3432
|
}) : null, nodeData?.cta?.validations?.isEmptyAllowed && nodeData?.cta?.metadata?.value === '' ? null : /*#__PURE__*/React.createElement("div", {
|
|
3727
3433
|
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, {
|
|
3434
|
+
}, /*#__PURE__*/React.createElement(Button, {
|
|
3735
3435
|
ref: nodeData?.cta?.refSetter,
|
|
3736
3436
|
data: nodeData.cta.metadata,
|
|
3737
3437
|
type: nodeData?.cta?.metadata?.type,
|
|
@@ -3749,8 +3449,7 @@ const Section$3 = ({
|
|
|
3749
3449
|
function BannerCarouselCenter({
|
|
3750
3450
|
sectionData,
|
|
3751
3451
|
isCustomWebsite,
|
|
3752
|
-
sectionIndex
|
|
3753
|
-
extraProps
|
|
3452
|
+
sectionIndex
|
|
3754
3453
|
}) {
|
|
3755
3454
|
const classes = useSectionStyles$6({
|
|
3756
3455
|
isCustomWebsite
|
|
@@ -3769,12 +3468,11 @@ function BannerCarouselCenter({
|
|
|
3769
3468
|
nodeData: node,
|
|
3770
3469
|
isCustomWebsite: isCustomWebsite,
|
|
3771
3470
|
key: idx /* or some other unique property */,
|
|
3772
|
-
sectionIndex: sectionIndex
|
|
3773
|
-
extraProps: extraProps
|
|
3471
|
+
sectionIndex: sectionIndex
|
|
3774
3472
|
}))));
|
|
3775
3473
|
}
|
|
3776
3474
|
|
|
3777
|
-
var index$
|
|
3475
|
+
var index$k = /*#__PURE__*/Object.freeze({
|
|
3778
3476
|
__proto__: null,
|
|
3779
3477
|
'default': BannerCarouselCenter
|
|
3780
3478
|
});
|
|
@@ -4006,7 +3704,7 @@ function BannerCarouselLeft({
|
|
|
4006
3704
|
})))));
|
|
4007
3705
|
}
|
|
4008
3706
|
|
|
4009
|
-
var index$
|
|
3707
|
+
var index$j = /*#__PURE__*/Object.freeze({
|
|
4010
3708
|
__proto__: null,
|
|
4011
3709
|
'default': BannerCarouselLeft
|
|
4012
3710
|
});
|
|
@@ -4402,7 +4100,7 @@ function SubscribeToNewsletter({
|
|
|
4402
4100
|
})))))));
|
|
4403
4101
|
}
|
|
4404
4102
|
|
|
4405
|
-
var index$
|
|
4103
|
+
var index$i = /*#__PURE__*/Object.freeze({
|
|
4406
4104
|
__proto__: null,
|
|
4407
4105
|
'default': SubscribeToNewsletter
|
|
4408
4106
|
});
|
|
@@ -4690,7 +4388,7 @@ function Testimonials({
|
|
|
4690
4388
|
}));
|
|
4691
4389
|
}
|
|
4692
4390
|
|
|
4693
|
-
var index$
|
|
4391
|
+
var index$h = /*#__PURE__*/Object.freeze({
|
|
4694
4392
|
__proto__: null,
|
|
4695
4393
|
'default': Testimonials
|
|
4696
4394
|
});
|
|
@@ -5096,7 +4794,7 @@ function VideoTestimonial({
|
|
|
5096
4794
|
}))))));
|
|
5097
4795
|
}
|
|
5098
4796
|
|
|
5099
|
-
var index$
|
|
4797
|
+
var index$g = /*#__PURE__*/Object.freeze({
|
|
5100
4798
|
__proto__: null,
|
|
5101
4799
|
'default': VideoTestimonial
|
|
5102
4800
|
});
|
|
@@ -5332,7 +5030,7 @@ function Video({
|
|
|
5332
5030
|
}, carouselContent))));
|
|
5333
5031
|
}
|
|
5334
5032
|
|
|
5335
|
-
var index$
|
|
5033
|
+
var index$f = /*#__PURE__*/Object.freeze({
|
|
5336
5034
|
__proto__: null,
|
|
5337
5035
|
'default': Video
|
|
5338
5036
|
});
|
|
@@ -5569,7 +5267,7 @@ function Info({
|
|
|
5569
5267
|
}, carouselContent))));
|
|
5570
5268
|
}
|
|
5571
5269
|
|
|
5572
|
-
var index$
|
|
5270
|
+
var index$e = /*#__PURE__*/Object.freeze({
|
|
5573
5271
|
__proto__: null,
|
|
5574
5272
|
'default': Info
|
|
5575
5273
|
});
|
|
@@ -5688,7 +5386,7 @@ const TextSection = ({
|
|
|
5688
5386
|
})))));
|
|
5689
5387
|
};
|
|
5690
5388
|
|
|
5691
|
-
var index$
|
|
5389
|
+
var index$d = /*#__PURE__*/Object.freeze({
|
|
5692
5390
|
__proto__: null,
|
|
5693
5391
|
'default': TextSection
|
|
5694
5392
|
});
|
|
@@ -5913,7 +5611,7 @@ function PhotoGallery({
|
|
|
5913
5611
|
}, carouselContent))));
|
|
5914
5612
|
}
|
|
5915
5613
|
|
|
5916
|
-
var index$
|
|
5614
|
+
var index$c = /*#__PURE__*/Object.freeze({
|
|
5917
5615
|
__proto__: null,
|
|
5918
5616
|
'default': PhotoGallery
|
|
5919
5617
|
});
|
|
@@ -6096,7 +5794,7 @@ const Accordion = ({
|
|
|
6096
5794
|
})));
|
|
6097
5795
|
};
|
|
6098
5796
|
|
|
6099
|
-
var index$
|
|
5797
|
+
var index$b = /*#__PURE__*/Object.freeze({
|
|
6100
5798
|
__proto__: null,
|
|
6101
5799
|
'default': FAQListing
|
|
6102
5800
|
});
|
|
@@ -6267,7 +5965,7 @@ const TextGrid = ({
|
|
|
6267
5965
|
}, carouselContent))));
|
|
6268
5966
|
};
|
|
6269
5967
|
|
|
6270
|
-
var index$
|
|
5968
|
+
var index$a = /*#__PURE__*/Object.freeze({
|
|
6271
5969
|
__proto__: null,
|
|
6272
5970
|
'default': TextGrid
|
|
6273
5971
|
});
|
|
@@ -6799,7 +6497,7 @@ function SimpleCardsContainer({
|
|
|
6799
6497
|
}, children);
|
|
6800
6498
|
}
|
|
6801
6499
|
|
|
6802
|
-
var index$
|
|
6500
|
+
var index$9 = /*#__PURE__*/Object.freeze({
|
|
6803
6501
|
__proto__: null,
|
|
6804
6502
|
'default': courses
|
|
6805
6503
|
});
|
|
@@ -7118,7 +6816,7 @@ function TeamCard({
|
|
|
7118
6816
|
}, " ", getCarouselContent())));
|
|
7119
6817
|
}
|
|
7120
6818
|
|
|
7121
|
-
var index$
|
|
6819
|
+
var index$8 = /*#__PURE__*/Object.freeze({
|
|
7122
6820
|
__proto__: null,
|
|
7123
6821
|
'default': TeamCard
|
|
7124
6822
|
});
|
|
@@ -7543,7 +7241,7 @@ function FormEnquiry({
|
|
|
7543
7241
|
})))))));
|
|
7544
7242
|
}
|
|
7545
7243
|
|
|
7546
|
-
var index$
|
|
7244
|
+
var index$7 = /*#__PURE__*/Object.freeze({
|
|
7547
7245
|
__proto__: null,
|
|
7548
7246
|
'default': FormEnquiry
|
|
7549
7247
|
});
|
|
@@ -7967,7 +7665,7 @@ function Contact({
|
|
|
7967
7665
|
})))))));
|
|
7968
7666
|
}
|
|
7969
7667
|
|
|
7970
|
-
var index$
|
|
7668
|
+
var index$6 = /*#__PURE__*/Object.freeze({
|
|
7971
7669
|
__proto__: null,
|
|
7972
7670
|
'default': Contact
|
|
7973
7671
|
});
|
|
@@ -8446,7 +8144,7 @@ function CoursePromotionPage$1({
|
|
|
8446
8144
|
}))));
|
|
8447
8145
|
}
|
|
8448
8146
|
|
|
8449
|
-
var index$
|
|
8147
|
+
var index$5 = /*#__PURE__*/Object.freeze({
|
|
8450
8148
|
__proto__: null,
|
|
8451
8149
|
'default': CoursePromotionPage$1
|
|
8452
8150
|
});
|
|
@@ -9038,7 +8736,7 @@ function CoursePromotionPage({
|
|
|
9038
8736
|
}))));
|
|
9039
8737
|
}
|
|
9040
8738
|
|
|
9041
|
-
var index$
|
|
8739
|
+
var index$4 = /*#__PURE__*/Object.freeze({
|
|
9042
8740
|
__proto__: null,
|
|
9043
8741
|
'default': CoursePromotionPage
|
|
9044
8742
|
});
|
|
@@ -9403,7 +9101,7 @@ const FormPage = ({
|
|
|
9403
9101
|
})))));
|
|
9404
9102
|
};
|
|
9405
9103
|
|
|
9406
|
-
var index$
|
|
9104
|
+
var index$3 = /*#__PURE__*/Object.freeze({
|
|
9407
9105
|
__proto__: null,
|
|
9408
9106
|
'default': FormPage
|
|
9409
9107
|
});
|
|
@@ -9551,7 +9249,7 @@ function Tiles({
|
|
|
9551
9249
|
}, TileDiv)));
|
|
9552
9250
|
}
|
|
9553
9251
|
|
|
9554
|
-
var index$
|
|
9252
|
+
var index$2 = /*#__PURE__*/Object.freeze({
|
|
9555
9253
|
__proto__: null,
|
|
9556
9254
|
'default': Tiles
|
|
9557
9255
|
});
|
|
@@ -10026,7 +9724,7 @@ function EmailDripMarket({
|
|
|
10026
9724
|
})));
|
|
10027
9725
|
}
|
|
10028
9726
|
|
|
10029
|
-
var index$
|
|
9727
|
+
var index$1 = /*#__PURE__*/Object.freeze({
|
|
10030
9728
|
__proto__: null,
|
|
10031
9729
|
'default': EmailDripMarket
|
|
10032
9730
|
});
|
|
@@ -10395,180 +10093,9 @@ function ABOUT_INSTITUTE({
|
|
|
10395
10093
|
}, /*#__PURE__*/React.createElement(ImageJSX, null), /*#__PURE__*/React.createElement(ContentJSX, null)), /*#__PURE__*/React.createElement(HighlightJSX, null)));
|
|
10396
10094
|
}
|
|
10397
10095
|
|
|
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
10096
|
var index = /*#__PURE__*/Object.freeze({
|
|
10570
10097
|
__proto__: null,
|
|
10571
|
-
'default':
|
|
10098
|
+
'default': ABOUT_INSTITUTE
|
|
10572
10099
|
});
|
|
10573
10100
|
|
|
10574
10101
|
const TYPE_TO_COMPONENT_MAP = {
|
|
@@ -10594,8 +10121,7 @@ const TYPE_TO_COMPONENT_MAP = {
|
|
|
10594
10121
|
FORM_LANDING_PAGE: FormPage,
|
|
10595
10122
|
TILES_SECTION: Tiles,
|
|
10596
10123
|
EMAIL_DRIP_MARKET: EmailDripMarket,
|
|
10597
|
-
ABOUT_INSTITUTE
|
|
10598
|
-
TIMER_AND_CALL: TimerAndCall
|
|
10124
|
+
ABOUT_INSTITUTE
|
|
10599
10125
|
};
|
|
10600
10126
|
const getCompToRender = type => TYPE_TO_COMPONENT_MAP[type] || (() => null);
|
|
10601
10127
|
const MemoisedSection = /*#__PURE__*/memo(({
|
|
@@ -10604,7 +10130,6 @@ const MemoisedSection = /*#__PURE__*/memo(({
|
|
|
10604
10130
|
isCustomWebsite,
|
|
10605
10131
|
sectionIndex
|
|
10606
10132
|
}) => {
|
|
10607
|
-
console.log('extraProps in section data', extraProps);
|
|
10608
10133
|
const SectionComp = getCompToRender(sectionData.type);
|
|
10609
10134
|
return /*#__PURE__*/React.createElement(SectionComp, {
|
|
10610
10135
|
sectionData: sectionData,
|