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 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
- }), OfferDetailsJSX())) : /*#__PURE__*/React.createElement("div", {
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(React.Fragment, null, /*#__PURE__*/React.createElement("nav", {
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
- }, ' ', header?.appName) : null), downloadLink), sideMenu ? /*#__PURE__*/React.createElement("div", {
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
- })), /*#__PURE__*/React.createElement(BottomSheetJSX, null));
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$n; })),
2470
- GRID_CARD: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$m; })),
2471
- BANNER_CAROUSEL_CENTER: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$l; })),
2472
- BANNER_CAROUSEL_LEFT: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$k; })),
2473
- FORM_SUBSCRIBE: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$j; })),
2474
- TEXT_TESTIMONIAL: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$i; })),
2475
- VIDEO_TESTIMONIAL: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$h; })),
2476
- VIDEO: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$g; })),
2477
- INFO: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$f; })),
2478
- TEXT: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$e; })),
2479
- IMAGE_GALLERY: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$d; })),
2480
- FAQ_LISTING: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$c; })),
2481
- COURSE_CAROUSEL: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$a; })),
2482
- TEAM_CARD: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$9; })),
2483
- TEXT_GRID: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$b; })),
2484
- CONTACT: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$8; })),
2485
- FORM_ENQUIRY: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$7; })),
2486
- WEBINAR_LANDING_PAGE: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$6; })),
2487
- COURSE_LANDING_PAGE: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$5; })),
2488
- FORM_LANDING_PAGE: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$4; })),
2489
- TILES_SECTION: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$3; })),
2490
- EMAIL_DRIP_MARKET: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$2; })),
2491
- ABOUT_INSTITUTE: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$1; })),
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$n = /*#__PURE__*/Object.freeze({
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$m = /*#__PURE__*/Object.freeze({
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
- }, nodeData?.cta?.metadata?.default === true ? /*#__PURE__*/React.createElement(Button, {
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$l = /*#__PURE__*/Object.freeze({
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$k = /*#__PURE__*/Object.freeze({
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$j = /*#__PURE__*/Object.freeze({
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$i = /*#__PURE__*/Object.freeze({
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$h = /*#__PURE__*/Object.freeze({
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$g = /*#__PURE__*/Object.freeze({
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$f = /*#__PURE__*/Object.freeze({
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$e = /*#__PURE__*/Object.freeze({
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$d = /*#__PURE__*/Object.freeze({
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$c = /*#__PURE__*/Object.freeze({
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$b = /*#__PURE__*/Object.freeze({
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$a = /*#__PURE__*/Object.freeze({
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$9 = /*#__PURE__*/Object.freeze({
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$8 = /*#__PURE__*/Object.freeze({
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$7 = /*#__PURE__*/Object.freeze({
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$6 = /*#__PURE__*/Object.freeze({
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$5 = /*#__PURE__*/Object.freeze({
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$4 = /*#__PURE__*/Object.freeze({
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$3 = /*#__PURE__*/Object.freeze({
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$2 = /*#__PURE__*/Object.freeze({
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': TimerAndCall
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,