diy-template-components 0.1.41 → 0.2.1

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
@@ -14,6 +14,7 @@ import Slider from 'react-slick';
14
14
  import axios from 'axios';
15
15
  import moment from 'moment';
16
16
  import Countdown from 'react-countdown';
17
+ import ReactDOMServer from 'react-dom/server';
17
18
  import { createTheming, createUseStyles as createUseStyles$1, useTheme as useTheme$1 } from 'react-jss';
18
19
 
19
20
  function _extends() {
@@ -502,7 +503,11 @@ const Button = /*#__PURE__*/forwardRef(function Button({
502
503
  style: styling
503
504
  }, elementProps, {
504
505
  disabled: disabled
505
- }), data?.value);
506
+ }), /*#__PURE__*/React.createElement("span", {
507
+ dangerouslySetInnerHTML: {
508
+ __html: data?.value
509
+ }
510
+ }));
506
511
  });
507
512
 
508
513
  var liveTv = "data:image/svg+xml,%3Csvg%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M40.2727%2012.4H26.1277L32.2591%206.3135L30.9545%205L23.5%2012.4L16.0455%205L14.7223%206.3135L20.8723%2012.4H6.72727C4.67727%2012.4%203%2014.0465%203%2016.1V38.3C3%2040.335%204.67727%2042%206.72727%2042H40.2727C42.3227%2042%2044%2040.335%2044%2038.3V16.1C44%2014.0465%2042.3227%2012.4%2040.2727%2012.4ZM40.2727%2038.3H6.72727V16.1H40.2727V38.3ZM17.9091%2019.8V34.6L30.9545%2027.2L17.9091%2019.8Z%22%20fill%3D%22%23549BF6%22%2F%3E%3C%2Fsvg%3E";
@@ -629,7 +634,7 @@ var bookSaved = "data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%2218%2
629
634
 
630
635
  var certificate = "data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2214%22%20viewBox%3D%220%200%2012%2014%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10.5%200H1.5C0.675%200%200%200.63%200%201.4V12.6C0%2013.37%200.675%2014%201.5%2014H10.5C11.325%2014%2012%2013.37%2012%2012.6V1.4C12%200.63%2011.325%200%2010.5%200ZM1.5%201.4H5.25V7L3.375%205.95L1.5%207V1.4Z%22%20fill%3D%22%234E93FF%22%2F%3E%3C%2Fsvg%3E";
631
636
 
632
- var calendar = "data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12.5627%202.67V1.5C12.5627%201.1925%2012.3077%200.9375%2012.0002%200.9375C11.6927%200.9375%2011.4377%201.1925%2011.4377%201.5V2.625H6.56267V1.5C6.56267%201.1925%206.30767%200.9375%206.00017%200.9375C5.69267%200.9375%205.43767%201.1925%205.43767%201.5V2.67C3.41267%202.8575%202.43017%204.065%202.28017%205.8575C2.26517%206.075%202.44517%206.255%202.65517%206.255H15.3452C15.5627%206.255%2015.7427%206.0675%2015.7202%205.8575C15.5702%204.065%2014.5877%202.8575%2012.5627%202.67Z%22%20fill%3D%22%234E93FF%22%2F%3E%3Cpath%20d%3D%22M15%207.38086H3C2.5875%207.38086%202.25%207.71836%202.25%208.13086V12.7509C2.25%2015.0009%203.375%2016.5009%206%2016.5009H12C14.625%2016.5009%2015.75%2015.0009%2015.75%2012.7509V8.13086C15.75%207.71836%2015.4125%207.38086%2015%207.38086ZM6.9075%2013.6584C6.87%2013.6884%206.8325%2013.7259%206.795%2013.7484C6.75%2013.7784%206.705%2013.8009%206.66%2013.8159C6.615%2013.8384%206.57%2013.8534%206.525%2013.8609C6.4725%2013.8684%206.4275%2013.8759%206.375%2013.8759C6.2775%2013.8759%206.18%2013.8534%206.09%2013.8159C5.9925%2013.7784%205.9175%2013.7259%205.8425%2013.6584C5.7075%2013.5159%205.625%2013.3209%205.625%2013.1259C5.625%2012.9309%205.7075%2012.7359%205.8425%2012.5934C5.9175%2012.5259%205.9925%2012.4734%206.09%2012.4359C6.225%2012.3759%206.375%2012.3609%206.525%2012.3909C6.57%2012.3984%206.615%2012.4134%206.66%2012.4359C6.705%2012.4509%206.75%2012.4734%206.795%2012.5034C6.8325%2012.5334%206.87%2012.5634%206.9075%2012.5934C7.0425%2012.7359%207.125%2012.9309%207.125%2013.1259C7.125%2013.3209%207.0425%2013.5159%206.9075%2013.6584ZM6.9075%2011.0334C6.765%2011.1684%206.57%2011.2509%206.375%2011.2509C6.18%2011.2509%205.985%2011.1684%205.8425%2011.0334C5.7075%2010.8909%205.625%2010.6959%205.625%2010.5009C5.625%2010.3059%205.7075%2010.1109%205.8425%209.96836C6.0525%209.75836%206.3825%209.69086%206.66%209.81086C6.7575%209.84836%206.84%209.90086%206.9075%209.96836C7.0425%2010.1109%207.125%2010.3059%207.125%2010.5009C7.125%2010.6959%207.0425%2010.8909%206.9075%2011.0334ZM9.5325%2013.6584C9.39%2013.7934%209.195%2013.8759%209%2013.8759C8.805%2013.8759%208.61%2013.7934%208.4675%2013.6584C8.3325%2013.5159%208.25%2013.3209%208.25%2013.1259C8.25%2012.9309%208.3325%2012.7359%208.4675%2012.5934C8.745%2012.3159%209.255%2012.3159%209.5325%2012.5934C9.6675%2012.7359%209.75%2012.9309%209.75%2013.1259C9.75%2013.3209%209.6675%2013.5159%209.5325%2013.6584ZM9.5325%2011.0334C9.495%2011.0634%209.4575%2011.0934%209.42%2011.1234C9.375%2011.1534%209.33%2011.1759%209.285%2011.1909C9.24%2011.2134%209.195%2011.2284%209.15%2011.2359C9.0975%2011.2434%209.0525%2011.2509%209%2011.2509C8.805%2011.2509%208.61%2011.1684%208.4675%2011.0334C8.3325%2010.8909%208.25%2010.6959%208.25%2010.5009C8.25%2010.3059%208.3325%2010.1109%208.4675%209.96836C8.535%209.90086%208.6175%209.84836%208.715%209.81086C8.9925%209.69086%209.3225%209.75836%209.5325%209.96836C9.6675%2010.1109%209.75%2010.3059%209.75%2010.5009C9.75%2010.6959%209.6675%2010.8909%209.5325%2011.0334ZM12.1575%2013.6584C12.015%2013.7934%2011.82%2013.8759%2011.625%2013.8759C11.43%2013.8759%2011.235%2013.7934%2011.0925%2013.6584C10.9575%2013.5159%2010.875%2013.3209%2010.875%2013.1259C10.875%2012.9309%2010.9575%2012.7359%2011.0925%2012.5934C11.37%2012.3159%2011.88%2012.3159%2012.1575%2012.5934C12.2925%2012.7359%2012.375%2012.9309%2012.375%2013.1259C12.375%2013.3209%2012.2925%2013.5159%2012.1575%2013.6584ZM12.1575%2011.0334C12.12%2011.0634%2012.0825%2011.0934%2012.045%2011.1234C12%2011.1534%2011.955%2011.1759%2011.91%2011.1909C11.865%2011.2134%2011.82%2011.2284%2011.775%2011.2359C11.7225%2011.2434%2011.67%2011.2509%2011.625%2011.2509C11.43%2011.2509%2011.235%2011.1684%2011.0925%2011.0334C10.9575%2010.8909%2010.875%2010.6959%2010.875%2010.5009C10.875%2010.3059%2010.9575%2010.1109%2011.0925%209.96836C11.1675%209.90086%2011.2425%209.84836%2011.34%209.81086C11.475%209.75086%2011.625%209.73586%2011.775%209.76586C11.82%209.77336%2011.865%209.78836%2011.91%209.81086C11.955%209.82586%2012%209.84836%2012.045%209.87836C12.0825%209.90836%2012.12%209.93836%2012.1575%209.96836C12.2925%2010.1109%2012.375%2010.3059%2012.375%2010.5009C12.375%2010.6959%2012.2925%2010.8909%2012.1575%2011.0334Z%22%20fill%3D%22%234E93FF%22%2F%3E%3C%2Fsvg%3E";
637
+ var calendar$1 = "data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12.5627%202.67V1.5C12.5627%201.1925%2012.3077%200.9375%2012.0002%200.9375C11.6927%200.9375%2011.4377%201.1925%2011.4377%201.5V2.625H6.56267V1.5C6.56267%201.1925%206.30767%200.9375%206.00017%200.9375C5.69267%200.9375%205.43767%201.1925%205.43767%201.5V2.67C3.41267%202.8575%202.43017%204.065%202.28017%205.8575C2.26517%206.075%202.44517%206.255%202.65517%206.255H15.3452C15.5627%206.255%2015.7427%206.0675%2015.7202%205.8575C15.5702%204.065%2014.5877%202.8575%2012.5627%202.67Z%22%20fill%3D%22%234E93FF%22%2F%3E%3Cpath%20d%3D%22M15%207.38086H3C2.5875%207.38086%202.25%207.71836%202.25%208.13086V12.7509C2.25%2015.0009%203.375%2016.5009%206%2016.5009H12C14.625%2016.5009%2015.75%2015.0009%2015.75%2012.7509V8.13086C15.75%207.71836%2015.4125%207.38086%2015%207.38086ZM6.9075%2013.6584C6.87%2013.6884%206.8325%2013.7259%206.795%2013.7484C6.75%2013.7784%206.705%2013.8009%206.66%2013.8159C6.615%2013.8384%206.57%2013.8534%206.525%2013.8609C6.4725%2013.8684%206.4275%2013.8759%206.375%2013.8759C6.2775%2013.8759%206.18%2013.8534%206.09%2013.8159C5.9925%2013.7784%205.9175%2013.7259%205.8425%2013.6584C5.7075%2013.5159%205.625%2013.3209%205.625%2013.1259C5.625%2012.9309%205.7075%2012.7359%205.8425%2012.5934C5.9175%2012.5259%205.9925%2012.4734%206.09%2012.4359C6.225%2012.3759%206.375%2012.3609%206.525%2012.3909C6.57%2012.3984%206.615%2012.4134%206.66%2012.4359C6.705%2012.4509%206.75%2012.4734%206.795%2012.5034C6.8325%2012.5334%206.87%2012.5634%206.9075%2012.5934C7.0425%2012.7359%207.125%2012.9309%207.125%2013.1259C7.125%2013.3209%207.0425%2013.5159%206.9075%2013.6584ZM6.9075%2011.0334C6.765%2011.1684%206.57%2011.2509%206.375%2011.2509C6.18%2011.2509%205.985%2011.1684%205.8425%2011.0334C5.7075%2010.8909%205.625%2010.6959%205.625%2010.5009C5.625%2010.3059%205.7075%2010.1109%205.8425%209.96836C6.0525%209.75836%206.3825%209.69086%206.66%209.81086C6.7575%209.84836%206.84%209.90086%206.9075%209.96836C7.0425%2010.1109%207.125%2010.3059%207.125%2010.5009C7.125%2010.6959%207.0425%2010.8909%206.9075%2011.0334ZM9.5325%2013.6584C9.39%2013.7934%209.195%2013.8759%209%2013.8759C8.805%2013.8759%208.61%2013.7934%208.4675%2013.6584C8.3325%2013.5159%208.25%2013.3209%208.25%2013.1259C8.25%2012.9309%208.3325%2012.7359%208.4675%2012.5934C8.745%2012.3159%209.255%2012.3159%209.5325%2012.5934C9.6675%2012.7359%209.75%2012.9309%209.75%2013.1259C9.75%2013.3209%209.6675%2013.5159%209.5325%2013.6584ZM9.5325%2011.0334C9.495%2011.0634%209.4575%2011.0934%209.42%2011.1234C9.375%2011.1534%209.33%2011.1759%209.285%2011.1909C9.24%2011.2134%209.195%2011.2284%209.15%2011.2359C9.0975%2011.2434%209.0525%2011.2509%209%2011.2509C8.805%2011.2509%208.61%2011.1684%208.4675%2011.0334C8.3325%2010.8909%208.25%2010.6959%208.25%2010.5009C8.25%2010.3059%208.3325%2010.1109%208.4675%209.96836C8.535%209.90086%208.6175%209.84836%208.715%209.81086C8.9925%209.69086%209.3225%209.75836%209.5325%209.96836C9.6675%2010.1109%209.75%2010.3059%209.75%2010.5009C9.75%2010.6959%209.6675%2010.8909%209.5325%2011.0334ZM12.1575%2013.6584C12.015%2013.7934%2011.82%2013.8759%2011.625%2013.8759C11.43%2013.8759%2011.235%2013.7934%2011.0925%2013.6584C10.9575%2013.5159%2010.875%2013.3209%2010.875%2013.1259C10.875%2012.9309%2010.9575%2012.7359%2011.0925%2012.5934C11.37%2012.3159%2011.88%2012.3159%2012.1575%2012.5934C12.2925%2012.7359%2012.375%2012.9309%2012.375%2013.1259C12.375%2013.3209%2012.2925%2013.5159%2012.1575%2013.6584ZM12.1575%2011.0334C12.12%2011.0634%2012.0825%2011.0934%2012.045%2011.1234C12%2011.1534%2011.955%2011.1759%2011.91%2011.1909C11.865%2011.2134%2011.82%2011.2284%2011.775%2011.2359C11.7225%2011.2434%2011.67%2011.2509%2011.625%2011.2509C11.43%2011.2509%2011.235%2011.1684%2011.0925%2011.0334C10.9575%2010.8909%2010.875%2010.6959%2010.875%2010.5009C10.875%2010.3059%2010.9575%2010.1109%2011.0925%209.96836C11.1675%209.90086%2011.2425%209.84836%2011.34%209.81086C11.475%209.75086%2011.625%209.73586%2011.775%209.76586C11.82%209.77336%2011.865%209.78836%2011.91%209.81086C11.955%209.82586%2012%209.84836%2012.045%209.87836C12.0825%209.90836%2012.12%209.93836%2012.1575%209.96836C12.2925%2010.1109%2012.375%2010.3059%2012.375%2010.5009C12.375%2010.6959%2012.2925%2010.8909%2012.1575%2011.0334Z%22%20fill%3D%22%234E93FF%22%2F%3E%3C%2Fsvg%3E";
633
638
 
634
639
  var video = "data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%2219%22%20viewBox%3D%220%200%2018%2019%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M15.8625%205.1275C15.555%204.9625%2014.91%204.79%2014.0325%205.405L12.93%206.185C12.8475%203.8525%2011.835%202.9375%209.375%202.9375H4.875C2.31%202.9375%201.3125%203.935%201.3125%206.5V12.5C1.3125%2014.225%202.25%2016.0625%204.875%2016.0625H9.375C11.835%2016.0625%2012.8475%2015.1475%2012.93%2012.815L14.0325%2013.595C14.4975%2013.925%2014.9025%2014.03%2015.225%2014.03C15.5025%2014.03%2015.72%2013.9475%2015.8625%2013.8725C16.17%2013.715%2016.6875%2013.2875%2016.6875%2012.215V6.785C16.6875%205.7125%2016.17%205.285%2015.8625%205.1275ZM8.25%209.035C7.4775%209.035%206.84%208.405%206.84%207.625C6.84%206.845%207.4775%206.215%208.25%206.215C9.0225%206.215%209.66%206.845%209.66%207.625C9.66%208.405%209.0225%209.035%208.25%209.035Z%22%20fill%3D%22%23589DF5%22%2F%3E%3C%2Fsvg%3E";
635
640
 
@@ -725,7 +730,7 @@ const icons = {
725
730
  Clock: getConfiguredIcon2(clock, false, true),
726
731
  'Book Saved': getConfiguredIcon2(bookSaved, false, true),
727
732
  Certificate: getConfiguredIcon2(certificate, false, true),
728
- Calendar: getConfiguredIcon2(calendar, false, true),
733
+ Calendar: getConfiguredIcon2(calendar$1, false, true),
729
734
  Video: getConfiguredIcon2(video, false, true)
730
735
  };
731
736
 
@@ -1833,27 +1838,28 @@ function ArimaMadurai() {
1833
1838
  }
1834
1839
 
1835
1840
  const TYPE_TO_COMPONENT_MAP$1 = {
1836
- BANNER_CAROUSEL_RIGHT: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$k; })),
1837
- GRID_CARD: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$j; })),
1838
- BANNER_CAROUSEL_CENTER: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$i; })),
1839
- BANNER_CAROUSEL_LEFT: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$h; })),
1840
- FORM_SUBSCRIBE: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$g; })),
1841
- TEXT_TESTIMONIAL: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$f; })),
1842
- VIDEO_TESTIMONIAL: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$e; })),
1843
- VIDEO: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$d; })),
1844
- INFO: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$c; })),
1845
- TEXT: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$b; })),
1846
- IMAGE_GALLERY: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$a; })),
1847
- FAQ_LISTING: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$9; })),
1848
- COURSE_CAROUSEL: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$7; })),
1849
- TEAM_CARD: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$6; })),
1850
- TEXT_GRID: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$8; })),
1851
- CONTACT: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$5; })),
1852
- FORM_ENQUIRY: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$4; })),
1853
- WEBINAR_LANDING_PAGE: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$3; })),
1854
- COURSE_LANDING_PAGE: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$2; })),
1855
- FORM_LANDING_PAGE: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$1; })),
1856
- TILES_SECTION: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index; }))
1841
+ BANNER_CAROUSEL_RIGHT: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$l; })),
1842
+ GRID_CARD: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$k; })),
1843
+ BANNER_CAROUSEL_CENTER: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$j; })),
1844
+ BANNER_CAROUSEL_LEFT: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$i; })),
1845
+ FORM_SUBSCRIBE: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$h; })),
1846
+ TEXT_TESTIMONIAL: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$g; })),
1847
+ VIDEO_TESTIMONIAL: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$f; })),
1848
+ VIDEO: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$e; })),
1849
+ INFO: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$d; })),
1850
+ TEXT: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$c; })),
1851
+ IMAGE_GALLERY: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$b; })),
1852
+ FAQ_LISTING: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$a; })),
1853
+ COURSE_CAROUSEL: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$8; })),
1854
+ TEAM_CARD: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$7; })),
1855
+ TEXT_GRID: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$9; })),
1856
+ CONTACT: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$6; })),
1857
+ FORM_ENQUIRY: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$5; })),
1858
+ WEBINAR_LANDING_PAGE: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$4; })),
1859
+ COURSE_LANDING_PAGE: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$3; })),
1860
+ FORM_LANDING_PAGE: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$2; })),
1861
+ TILES_SECTION: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$1; })),
1862
+ EMAIL_DRIP_MARKET: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index; }))
1857
1863
  };
1858
1864
 
1859
1865
  const getCompToRender$1 = type => TYPE_TO_COMPONENT_MAP$1[type] || (() => null);
@@ -1862,6 +1868,7 @@ const MemoisedSection$1 = /*#__PURE__*/memo(({
1862
1868
  sectionData,
1863
1869
  extraProps
1864
1870
  }) => {
1871
+ console.log('templatesectiondata', sectionData);
1865
1872
  const SectionComp = getCompToRender$1(sectionData.type);
1866
1873
  return /*#__PURE__*/React.createElement(SectionComp, {
1867
1874
  sectionData: sectionData,
@@ -2310,7 +2317,7 @@ function Carousel({
2310
2317
  })));
2311
2318
  }
2312
2319
 
2313
- function Section$3({
2320
+ function Section$4({
2314
2321
  nodeData
2315
2322
  }) {
2316
2323
  const classes = useSectionStyles$8();
@@ -2383,7 +2390,7 @@ function BannerCarouselRight({
2383
2390
  className: classes.bannerCarouselRightSection
2384
2391
  }, /*#__PURE__*/React.createElement("div", {
2385
2392
  className: classes.sectionContainer
2386
- }, /*#__PURE__*/React.createElement(Wrapper, wrapperProps, bannerCarousel.components.map((node, idx) => /*#__PURE__*/React.createElement(Section$3, {
2393
+ }, /*#__PURE__*/React.createElement(Wrapper, wrapperProps, bannerCarousel.components.map((node, idx) => /*#__PURE__*/React.createElement(Section$4, {
2387
2394
  nodeData: node,
2388
2395
  key: idx
2389
2396
  /* or some other unique property */
@@ -2391,7 +2398,7 @@ function BannerCarouselRight({
2391
2398
  })))));
2392
2399
  }
2393
2400
 
2394
- var index$k = /*#__PURE__*/Object.freeze({
2401
+ var index$l = /*#__PURE__*/Object.freeze({
2395
2402
  __proto__: null,
2396
2403
  'default': BannerCarouselRight
2397
2404
  });
@@ -2643,7 +2650,7 @@ function List({
2643
2650
  }))));
2644
2651
  }
2645
2652
 
2646
- var index$j = /*#__PURE__*/Object.freeze({
2653
+ var index$k = /*#__PURE__*/Object.freeze({
2647
2654
  __proto__: null,
2648
2655
  'default': List
2649
2656
  });
@@ -2742,7 +2749,7 @@ const useSectionStyles$6 = createUseStyles(theme => ({
2742
2749
  }
2743
2750
  }));
2744
2751
 
2745
- const Section$2 = ({
2752
+ const Section$3 = ({
2746
2753
  nodeData
2747
2754
  }) => {
2748
2755
  const {
@@ -2805,7 +2812,7 @@ function BannerCarouselCenter({
2805
2812
  } : {};
2806
2813
  return /*#__PURE__*/React.createElement("section", {
2807
2814
  className: classes.bannerCarouselCenterSection
2808
- }, /*#__PURE__*/React.createElement(Wrapper, wrapperProps, bannerCarousel.components.map((node, idx) => /*#__PURE__*/React.createElement(Section$2, {
2815
+ }, /*#__PURE__*/React.createElement(Wrapper, wrapperProps, bannerCarousel.components.map((node, idx) => /*#__PURE__*/React.createElement(Section$3, {
2809
2816
  nodeData: node,
2810
2817
  key: idx
2811
2818
  /* or some other unique property */
@@ -2813,7 +2820,7 @@ function BannerCarouselCenter({
2813
2820
  }))));
2814
2821
  }
2815
2822
 
2816
- var index$i = /*#__PURE__*/Object.freeze({
2823
+ var index$j = /*#__PURE__*/Object.freeze({
2817
2824
  __proto__: null,
2818
2825
  'default': BannerCarouselCenter
2819
2826
  });
@@ -2925,7 +2932,7 @@ const useSectionStyles$5 = createUseStyles(theme => {
2925
2932
  };
2926
2933
  });
2927
2934
 
2928
- function Section$1({
2935
+ function Section$2({
2929
2936
  nodeData
2930
2937
  }) {
2931
2938
  const classes = useSectionStyles$5();
@@ -2996,7 +3003,7 @@ function BannerCarouselLeft({
2996
3003
  className: classes.section
2997
3004
  }, /*#__PURE__*/React.createElement("div", {
2998
3005
  className: classes.sectionContainer
2999
- }, /*#__PURE__*/React.createElement(Wrapper, null, bannerCarousel.components.map((node, idx) => /*#__PURE__*/React.createElement(Section$1, {
3006
+ }, /*#__PURE__*/React.createElement(Wrapper, null, bannerCarousel.components.map((node, idx) => /*#__PURE__*/React.createElement(Section$2, {
3000
3007
  nodeData: node,
3001
3008
  key: idx
3002
3009
  /* or some other unique property */
@@ -3004,7 +3011,7 @@ function BannerCarouselLeft({
3004
3011
  })))));
3005
3012
  }
3006
3013
 
3007
- var index$h = /*#__PURE__*/Object.freeze({
3014
+ var index$i = /*#__PURE__*/Object.freeze({
3008
3015
  __proto__: null,
3009
3016
  'default': BannerCarouselLeft
3010
3017
  });
@@ -3397,7 +3404,7 @@ function SubscribeToNewsletter({
3397
3404
  })))))));
3398
3405
  }
3399
3406
 
3400
- var index$g = /*#__PURE__*/Object.freeze({
3407
+ var index$h = /*#__PURE__*/Object.freeze({
3401
3408
  __proto__: null,
3402
3409
  'default': SubscribeToNewsletter
3403
3410
  });
@@ -3564,7 +3571,7 @@ function QuotesComponent() {
3564
3571
  }));
3565
3572
  }
3566
3573
 
3567
- function Section({
3574
+ function Section$1({
3568
3575
  nodeData
3569
3576
  }) {
3570
3577
  const {
@@ -3654,12 +3661,12 @@ function Testimonials({
3654
3661
  const classes = useTestimonialStyles();
3655
3662
  return /*#__PURE__*/React.createElement("div", {
3656
3663
  className: classes.testimonialContainer
3657
- }, /*#__PURE__*/React.createElement(Section, {
3664
+ }, /*#__PURE__*/React.createElement(Section$1, {
3658
3665
  nodeData: sectionData.components[0]
3659
3666
  }));
3660
3667
  }
3661
3668
 
3662
- var index$f = /*#__PURE__*/Object.freeze({
3669
+ var index$g = /*#__PURE__*/Object.freeze({
3663
3670
  __proto__: null,
3664
3671
  'default': Testimonials
3665
3672
  });
@@ -4038,7 +4045,7 @@ function VideoTestimonial({
4038
4045
  }))))));
4039
4046
  }
4040
4047
 
4041
- var index$e = /*#__PURE__*/Object.freeze({
4048
+ var index$f = /*#__PURE__*/Object.freeze({
4042
4049
  __proto__: null,
4043
4050
  'default': VideoTestimonial
4044
4051
  });
@@ -4266,7 +4273,7 @@ function Video({
4266
4273
  }, carouselContent))));
4267
4274
  }
4268
4275
 
4269
- var index$d = /*#__PURE__*/Object.freeze({
4276
+ var index$e = /*#__PURE__*/Object.freeze({
4270
4277
  __proto__: null,
4271
4278
  'default': Video
4272
4279
  });
@@ -4492,7 +4499,7 @@ function Info({
4492
4499
  }, carouselContent))));
4493
4500
  }
4494
4501
 
4495
- var index$c = /*#__PURE__*/Object.freeze({
4502
+ var index$d = /*#__PURE__*/Object.freeze({
4496
4503
  __proto__: null,
4497
4504
  'default': Info
4498
4505
  });
@@ -4611,7 +4618,7 @@ const TextSection = ({
4611
4618
  })))));
4612
4619
  };
4613
4620
 
4614
- var index$b = /*#__PURE__*/Object.freeze({
4621
+ var index$c = /*#__PURE__*/Object.freeze({
4615
4622
  __proto__: null,
4616
4623
  'default': TextSection
4617
4624
  });
@@ -4768,7 +4775,7 @@ function PhotoGallery({
4768
4775
  }, carouselContent))));
4769
4776
  }
4770
4777
 
4771
- var index$a = /*#__PURE__*/Object.freeze({
4778
+ var index$b = /*#__PURE__*/Object.freeze({
4772
4779
  __proto__: null,
4773
4780
  'default': PhotoGallery
4774
4781
  });
@@ -4946,7 +4953,7 @@ const Accordion = ({
4946
4953
  })));
4947
4954
  };
4948
4955
 
4949
- var index$9 = /*#__PURE__*/Object.freeze({
4956
+ var index$a = /*#__PURE__*/Object.freeze({
4950
4957
  __proto__: null,
4951
4958
  'default': FAQListing
4952
4959
  });
@@ -5111,7 +5118,7 @@ const TextGrid = ({
5111
5118
  }, carouselContent))));
5112
5119
  };
5113
5120
 
5114
- var index$8 = /*#__PURE__*/Object.freeze({
5121
+ var index$9 = /*#__PURE__*/Object.freeze({
5115
5122
  __proto__: null,
5116
5123
  'default': TextGrid
5117
5124
  });
@@ -5565,7 +5572,7 @@ function SimpleCardsContainer({
5565
5572
  }, children);
5566
5573
  }
5567
5574
 
5568
- var index$7 = /*#__PURE__*/Object.freeze({
5575
+ var index$8 = /*#__PURE__*/Object.freeze({
5569
5576
  __proto__: null,
5570
5577
  'default': courses
5571
5578
  });
@@ -5788,7 +5795,7 @@ function TeamCard({
5788
5795
  }, " ", carouselContent)));
5789
5796
  }
5790
5797
 
5791
- var index$6 = /*#__PURE__*/Object.freeze({
5798
+ var index$7 = /*#__PURE__*/Object.freeze({
5792
5799
  __proto__: null,
5793
5800
  'default': TeamCard
5794
5801
  });
@@ -6162,7 +6169,7 @@ function FormEnquiry({
6162
6169
  }))))));
6163
6170
  }
6164
6171
 
6165
- var index$5 = /*#__PURE__*/Object.freeze({
6172
+ var index$6 = /*#__PURE__*/Object.freeze({
6166
6173
  __proto__: null,
6167
6174
  'default': FormEnquiry
6168
6175
  });
@@ -6536,7 +6543,7 @@ function Contact({
6536
6543
  }))))));
6537
6544
  }
6538
6545
 
6539
- var index$4 = /*#__PURE__*/Object.freeze({
6546
+ var index$5 = /*#__PURE__*/Object.freeze({
6540
6547
  __proto__: null,
6541
6548
  'default': Contact
6542
6549
  });
@@ -6973,7 +6980,7 @@ function CoursePromotionPage$1({
6973
6980
  }))));
6974
6981
  }
6975
6982
 
6976
- var index$3 = /*#__PURE__*/Object.freeze({
6983
+ var index$4 = /*#__PURE__*/Object.freeze({
6977
6984
  __proto__: null,
6978
6985
  'default': CoursePromotionPage$1
6979
6986
  });
@@ -7101,7 +7108,7 @@ const useCoursePromotionPage = createUseStyles(theme => {
7101
7108
  color: theme.palette.font.default
7102
7109
  },
7103
7110
  courseViewContainer: {
7104
- width: '645px',
7111
+ width: '445px',
7105
7112
  backgroundColor: '#f4f9ff',
7106
7113
  display: 'flex',
7107
7114
  flexDirection: 'column',
@@ -7194,6 +7201,34 @@ const useCoursePromotionPage = createUseStyles(theme => {
7194
7201
  alignItems: 'center',
7195
7202
  borderRadius: '6px'
7196
7203
  },
7204
+ payInstallmentContainer: {
7205
+ display: 'flex',
7206
+ gap: '20px',
7207
+ padding: '12px 16px',
7208
+ background: '#f4f9ff',
7209
+ borderRadius: '16px',
7210
+ marginTop: '32px',
7211
+ cursor: 'pointer'
7212
+ },
7213
+ payInstallmentHeader: {
7214
+ '& h4': {
7215
+ color: '#0A1629',
7216
+ fontSize: '20px',
7217
+ fontWeight: '600',
7218
+ margin: '0px'
7219
+ },
7220
+ '& p': {
7221
+ color: '#7D8592',
7222
+ fontSize: '16px',
7223
+ margin: '0px',
7224
+ fontWeight: '600',
7225
+ marginTop: '4px',
7226
+ lineHeight: '24px'
7227
+ }
7228
+ },
7229
+ arrowRightIcon: {
7230
+ marginLeft: 'auto'
7231
+ },
7197
7232
  '@media (max-width: 767px)': {
7198
7233
  courseViewContainer: {
7199
7234
  width: '100%',
@@ -7230,6 +7265,10 @@ const useCoursePromotionPage = createUseStyles(theme => {
7230
7265
  };
7231
7266
  });
7232
7267
 
7268
+ var calendar = "data:image/svg+xml,%3Csvg%20width%3D%2236%22%20height%3D%2236%22%20viewBox%3D%220%200%2036%2036%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M25.1253%205.34V3C25.1253%202.385%2024.6153%201.875%2024.0003%201.875C23.3853%201.875%2022.8753%202.385%2022.8753%203V5.25H13.1253V3C13.1253%202.385%2012.6153%201.875%2012.0003%201.875C11.3853%201.875%2010.8753%202.385%2010.8753%203V5.34C6.82534%205.715%204.86034%208.13%204.56034%2011.715C4.53034%2012.15%204.89034%2012.51%205.31034%2012.51H30.6903C31.1253%2012.51%2031.4853%2012.135%2031.4403%2011.715C31.1403%208.13%2029.1753%205.715%2025.1253%205.34Z%22%20fill%3D%22%2300ADE7%22%2F%3E%3Cpath%20d%3D%22M30%2014.7598H6C5.175%2014.7598%204.5%2015.4348%204.5%2016.2598V25.4998C4.5%2029.9998%206.75%2032.9998%2012%2032.9998H24C29.25%2032.9998%2031.5%2029.9998%2031.5%2025.4998V16.2598C31.5%2015.4348%2030.825%2014.7598%2030%2014.7598ZM13.815%2027.3148C13.74%2027.3748%2013.665%2027.4498%2013.59%2027.4948C13.5%2027.5548%2013.41%2027.5998%2013.32%2027.6298C13.23%2027.6748%2013.14%2027.7048%2013.05%2027.7198C12.945%2027.7348%2012.855%2027.7498%2012.75%2027.7498C12.555%2027.7498%2012.36%2027.7048%2012.18%2027.6298C11.985%2027.5548%2011.835%2027.4498%2011.685%2027.3148C11.415%2027.0298%2011.25%2026.6398%2011.25%2026.2498C11.25%2025.8598%2011.415%2025.4698%2011.685%2025.1848C11.835%2025.0498%2011.985%2024.9448%2012.18%2024.8698C12.45%2024.7498%2012.75%2024.7198%2013.05%2024.7798C13.14%2024.7948%2013.23%2024.8248%2013.32%2024.8698C13.41%2024.8998%2013.5%2024.9448%2013.59%2025.0048C13.665%2025.0648%2013.74%2025.1248%2013.815%2025.1848C14.085%2025.4698%2014.25%2025.8598%2014.25%2026.2498C14.25%2026.6398%2014.085%2027.0298%2013.815%2027.3148ZM13.815%2022.0648C13.53%2022.3348%2013.14%2022.4998%2012.75%2022.4998C12.36%2022.4998%2011.97%2022.3348%2011.685%2022.0648C11.415%2021.7798%2011.25%2021.3898%2011.25%2020.9998C11.25%2020.6098%2011.415%2020.2198%2011.685%2019.9348C12.105%2019.5148%2012.765%2019.3798%2013.32%2019.6198C13.515%2019.6948%2013.68%2019.7998%2013.815%2019.9348C14.085%2020.2198%2014.25%2020.6098%2014.25%2020.9998C14.25%2021.3898%2014.085%2021.7798%2013.815%2022.0648ZM19.065%2027.3148C18.78%2027.5848%2018.39%2027.7498%2018%2027.7498C17.61%2027.7498%2017.22%2027.5848%2016.935%2027.3148C16.665%2027.0298%2016.5%2026.6398%2016.5%2026.2498C16.5%2025.8598%2016.665%2025.4698%2016.935%2025.1848C17.49%2024.6298%2018.51%2024.6298%2019.065%2025.1848C19.335%2025.4698%2019.5%2025.8598%2019.5%2026.2498C19.5%2026.6398%2019.335%2027.0298%2019.065%2027.3148ZM19.065%2022.0648C18.99%2022.1248%2018.915%2022.1848%2018.84%2022.2448C18.75%2022.3048%2018.66%2022.3498%2018.57%2022.3798C18.48%2022.4248%2018.39%2022.4548%2018.3%2022.4698C18.195%2022.4848%2018.105%2022.4998%2018%2022.4998C17.61%2022.4998%2017.22%2022.3348%2016.935%2022.0648C16.665%2021.7798%2016.5%2021.3898%2016.5%2020.9998C16.5%2020.6098%2016.665%2020.2198%2016.935%2019.9348C17.07%2019.7998%2017.235%2019.6948%2017.43%2019.6198C17.985%2019.3798%2018.645%2019.5148%2019.065%2019.9348C19.335%2020.2198%2019.5%2020.6098%2019.5%2020.9998C19.5%2021.3898%2019.335%2021.7798%2019.065%2022.0648ZM24.315%2027.3148C24.03%2027.5848%2023.64%2027.7498%2023.25%2027.7498C22.86%2027.7498%2022.47%2027.5848%2022.185%2027.3148C21.915%2027.0298%2021.75%2026.6398%2021.75%2026.2498C21.75%2025.8598%2021.915%2025.4698%2022.185%2025.1848C22.74%2024.6298%2023.76%2024.6298%2024.315%2025.1848C24.585%2025.4698%2024.75%2025.8598%2024.75%2026.2498C24.75%2026.6398%2024.585%2027.0298%2024.315%2027.3148ZM24.315%2022.0648C24.24%2022.1248%2024.165%2022.1848%2024.09%2022.2448C24%2022.3048%2023.91%2022.3498%2023.82%2022.3798C23.73%2022.4248%2023.64%2022.4548%2023.55%2022.4698C23.445%2022.4848%2023.34%2022.4998%2023.25%2022.4998C22.86%2022.4998%2022.47%2022.3348%2022.185%2022.0648C21.915%2021.7798%2021.75%2021.3898%2021.75%2020.9998C21.75%2020.6098%2021.915%2020.2198%2022.185%2019.9348C22.335%2019.7998%2022.485%2019.6948%2022.68%2019.6198C22.95%2019.4998%2023.25%2019.4698%2023.55%2019.5298C23.64%2019.5448%2023.73%2019.5748%2023.82%2019.6198C23.91%2019.6498%2024%2019.6948%2024.09%2019.7548C24.165%2019.8148%2024.24%2019.8748%2024.315%2019.9348C24.585%2020.2198%2024.75%2020.6098%2024.75%2020.9998C24.75%2021.3898%2024.585%2021.7798%2024.315%2022.0648Z%22%20fill%3D%22%2300ADE7%22%2F%3E%3C%2Fsvg%3E";
7269
+
7270
+ var arrowRight = "data:image/svg+xml,%3Csvg%20width%3D%228%22%20height%3D%2214%22%20viewBox%3D%220%200%208%2014%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M1%2013L7%207L1%201%22%20stroke%3D%22%237D8592%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E";
7271
+
7233
7272
  const SingleVideoSlide = props => {
7234
7273
  const [isReadMore, setIsReadMore] = useState(false);
7235
7274
  const theme = useTheme();
@@ -7260,8 +7299,11 @@ const SingleVideoSlide = props => {
7260
7299
  const {
7261
7300
  data,
7262
7301
  courseBuyNow,
7263
- conversions = 20
7302
+ conversions = 20,
7303
+ showCourseInstallment
7264
7304
  } = props;
7305
+ const showCourseInstallmentData = data?.courseOverviewData?.installments?.isInstallmentActive;
7306
+ const InstalmentData = data?.courseOverviewData?.installments?.formData?.installments[0].installmentAmount;
7265
7307
 
7266
7308
  const checkIfOfferIsValid = () => moment().diff(moment(props?.data?.endDate || 0)) < 0;
7267
7309
 
@@ -7317,12 +7359,13 @@ const SingleVideoSlide = props => {
7317
7359
  className: classes.courseEmblem
7318
7360
  }, data?.text);
7319
7361
  })), /*#__PURE__*/React.createElement("h3", {
7362
+ className: classes.videoDetailsHeading
7363
+ }, /*#__PURE__*/React.createElement("span", {
7320
7364
  ref: data?.videoTextHeading?.refSetter,
7321
- className: classes.videoDetailsHeading,
7322
7365
  dangerouslySetInnerHTML: {
7323
7366
  __html: data.courseName
7324
7367
  }
7325
- }), /*#__PURE__*/React.createElement("div", {
7368
+ })), /*#__PURE__*/React.createElement("div", {
7326
7369
  className: classes.courseDetailsTags
7327
7370
  }, data?.courseOverviewData?.courseDuration?.text ? /*#__PURE__*/React.createElement("div", {
7328
7371
  className: classes.courseDetailTag
@@ -7368,6 +7411,11 @@ const SingleVideoSlide = props => {
7368
7411
  __html: data.description.length > 250 && !isReadMore ? 'Read More' : null
7369
7412
  }
7370
7413
  }))), /*#__PURE__*/React.createElement("div", {
7414
+ style: {
7415
+ display: 'flex',
7416
+ flexDirection: 'column'
7417
+ }
7418
+ }, /*#__PURE__*/React.createElement("div", {
7371
7419
  className: classes.courseViewContainer
7372
7420
  }, checkIfOfferIsValid() && (data.offerPriceValidFor !== 0 ? data.offerPriceValidFor - conversions > 0 : true) && /*#__PURE__*/React.createElement("p", {
7373
7421
  className: classes.offerText
@@ -7414,7 +7462,23 @@ const SingleVideoSlide = props => {
7414
7462
  target: null,
7415
7463
  rel: null // styling={isMobile ? { margin: '0 40px' } : {}}
7416
7464
 
7417
- }))))));
7465
+ })))), showCourseInstallmentData && InstalmentData && /*#__PURE__*/React.createElement("div", {
7466
+ className: classes.payInstallmentContainer,
7467
+ onClick: showCourseInstallment
7468
+ }, /*#__PURE__*/React.createElement("img", {
7469
+ src: calendar,
7470
+ alt: "calender"
7471
+ }), /*#__PURE__*/React.createElement("div", {
7472
+ className: classes.payInstallmentHeader
7473
+ }, /*#__PURE__*/React.createElement("h4", null, /*#__PURE__*/React.createElement("span", {
7474
+ dangerouslySetInnerHTML: {
7475
+ __html: ` Start learning at Rs ${InstalmentData}`
7476
+ }
7477
+ })), /*#__PURE__*/React.createElement("p", null, "Pay in Instalments")), /*#__PURE__*/React.createElement("img", {
7478
+ className: classes.arrowRightIcon,
7479
+ src: arrowRight,
7480
+ alt: "open pay-installment popup"
7481
+ })))));
7418
7482
  };
7419
7483
 
7420
7484
  function CoursePromotionPage({
@@ -7439,11 +7503,12 @@ function CoursePromotionPage({
7439
7503
  }, /*#__PURE__*/React.createElement(SingleVideoSlide, {
7440
7504
  data: sectionData.components[0].metadata,
7441
7505
  courseBuyNow: extraProps.courseBuyNow,
7506
+ showCourseInstallment: extraProps.showCourseInstallment,
7442
7507
  conversions: extraProps.conversions
7443
7508
  }))));
7444
7509
  }
7445
7510
 
7446
- var index$2 = /*#__PURE__*/Object.freeze({
7511
+ var index$3 = /*#__PURE__*/Object.freeze({
7447
7512
  __proto__: null,
7448
7513
  'default': CoursePromotionPage
7449
7514
  });
@@ -7787,7 +7852,7 @@ const FormPage = ({
7787
7852
  })))));
7788
7853
  };
7789
7854
 
7790
- var index$1 = /*#__PURE__*/Object.freeze({
7855
+ var index$2 = /*#__PURE__*/Object.freeze({
7791
7856
  __proto__: null,
7792
7857
  'default': FormPage
7793
7858
  });
@@ -7920,11 +7985,418 @@ function Tiles({
7920
7985
  }, TileDiv)));
7921
7986
  }
7922
7987
 
7923
- var index = /*#__PURE__*/Object.freeze({
7988
+ var index$1 = /*#__PURE__*/Object.freeze({
7924
7989
  __proto__: null,
7925
7990
  'default': Tiles
7926
7991
  });
7927
7992
 
7993
+ const useEmailStyles = createUseStyles(theme => ({
7994
+ wrapper: {
7995
+ fontFamily: theme?.typography?.fontFamily,
7996
+ width: '100%',
7997
+ tableLayout: 'fixed',
7998
+ backgroundColor: '#cccccc'
7999
+ },
8000
+ email_description_para: {
8001
+ '& p': {
8002
+ margin: '0 0 0 !important'
8003
+ }
8004
+ },
8005
+ main: {
8006
+ backgroundColor: '#ffffff',
8007
+ width: '100%',
8008
+ maxWidth: '600px',
8009
+ borderSpacing: '0'
8010
+ },
8011
+ logoimg: {
8012
+ width: '28px',
8013
+ height: '28px'
8014
+ /* margin: 18px 0px; */
8015
+
8016
+ },
8017
+ 'p-young-guru-title': {
8018
+ fontFamily: theme?.typography?.fontFamily,
8019
+ fontStyle: 'normal',
8020
+ fontWeight: '500',
8021
+ fontSize: '24px',
8022
+ lineHeight: '31px',
8023
+ color: '#ffffff',
8024
+ marginTop: '18px'
8025
+ },
8026
+ 'p-young-guru-sub-title': {
8027
+ fontFamily: theme?.typography?.fontFamily,
8028
+ fontStyle: 'normal',
8029
+ fontWeight: '400',
8030
+ fontSize: '16px',
8031
+ lineHeight: '21px',
8032
+ color: '#dbd9d9',
8033
+ marginBottom: '18px'
8034
+ },
8035
+ p: {
8036
+ padding: '0',
8037
+ margin: '0 !important'
8038
+ },
8039
+ 'two-columns': {
8040
+ fontSize: '0',
8041
+ textAlign: 'center'
8042
+ /* padding:35px 0 40px */
8043
+
8044
+ },
8045
+ 'two-columns .column': {
8046
+ width: '100%',
8047
+ maxWidth: '275px',
8048
+ display: 'inline-block',
8049
+ verticalAlign: 'top'
8050
+ },
8051
+ 'title-lead': {
8052
+ fontFamily: theme?.typography?.fontFamily,
8053
+ fontStyle: 'normal',
8054
+ fontWeight: '500',
8055
+ fontSize: '20px',
8056
+ lineHeight: '26px',
8057
+ color: '#030a21',
8058
+ marginBottom: '5px',
8059
+ textAlign: 'left'
8060
+ } // @media screen and (max-width: 600px) {
8061
+ // }
8062
+
8063
+ }));
8064
+
8065
+ function Section({
8066
+ nodeData,
8067
+ emailRef
8068
+ }) {
8069
+ console.log('nodedataashu', nodeData);
8070
+ const header = nodeData?.components[0];
8071
+ const body = nodeData?.components[1];
8072
+ const landing = nodeData?.components[2];
8073
+ const footer = nodeData?.components[3];
8074
+ const classes = useEmailStyles();
8075
+ return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("center", {
8076
+ className: classes.wrapper,
8077
+ ref: emailRef
8078
+ }, /*#__PURE__*/React.createElement("table", {
8079
+ className: classes.main,
8080
+ style: {
8081
+ width: '100%'
8082
+ }
8083
+ }, /*#__PURE__*/React.createElement("tbody", null, header?.isActive ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", null, /*#__PURE__*/React.createElement("table", {
8084
+ style: {
8085
+ textAlign: 'center',
8086
+ background: '#ffffff',
8087
+ paddingTop: '16px',
8088
+ width: '100%'
8089
+ }
8090
+ }, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", {
8091
+ style: {
8092
+ display: 'inline-block'
8093
+ }
8094
+ }, header?.components[0]?.metadata?.image?.length ? /*#__PURE__*/React.createElement("img", {
8095
+ src: header?.components[0]?.metadata?.image,
8096
+ alt: "",
8097
+ className: classes.logoimg
8098
+ }) : /*#__PURE__*/React.createElement("div", {
8099
+ style: {
8100
+ display: 'flex',
8101
+ alignItems: 'center',
8102
+ justifyContent: 'center',
8103
+ fontStyle: 'italic',
8104
+ minHeight: '30px'
8105
+ }
8106
+ }, "Your logo")))))), /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", null, header?.components[1]?.metadata?.image?.length ? /*#__PURE__*/React.createElement("img", {
8107
+ src: header?.components[1]?.metadata?.image // width={600}
8108
+ ,
8109
+ alt: "",
8110
+ style: {
8111
+ maxWidth: '600px',
8112
+ width: '100%',
8113
+ marginBottom: '-4px'
8114
+ }
8115
+ }) : /*#__PURE__*/React.createElement("div", {
8116
+ style: {
8117
+ maxWidth: '600px',
8118
+ width: '100%',
8119
+ marginBottom: '-4px',
8120
+ minHeight: '250px',
8121
+ background: '#F4F9FD',
8122
+ display: 'flex',
8123
+ alignItems: 'center',
8124
+ justifyContent: 'center',
8125
+ fontStyle: 'italic'
8126
+ }
8127
+ }, "Cover Image")))) : null, body && body?.isActive ? /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", null, /*#__PURE__*/React.createElement("table", {
8128
+ style: {
8129
+ textAlign: 'center',
8130
+ width: '100%',
8131
+ backgroundColor: '#ffffff'
8132
+ }
8133
+ }, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", null, /*#__PURE__*/React.createElement("p", {
8134
+ style: {
8135
+ // fontFamily: 'Roboto',
8136
+ fontStyle: 'normal',
8137
+ fontWeight: '700',
8138
+ fontSize: '24.2487px',
8139
+ lineHeight: '29px',
8140
+ textAlign: 'center',
8141
+ color: '#00ade7',
8142
+ marginTop: '24px'
8143
+ }
8144
+ }, body?.components[0]?.metadata?.text), /*#__PURE__*/React.createElement("p", {
8145
+ style: {
8146
+ // fontFamily: 'Roboto',
8147
+ fontStyle: 'normal',
8148
+ fontWeight: '500',
8149
+ fontSize: '18.1865px',
8150
+ lineHeight: '22px',
8151
+ textAlign: 'center',
8152
+ color: '#0a1629',
8153
+ marginTop: '8px',
8154
+ marginBottom: '15px'
8155
+ }
8156
+ }, body?.components[1]?.metadata?.text), /*#__PURE__*/React.createElement("p", {
8157
+ style: {
8158
+ maxWidth: '435px',
8159
+ margin: 'auto',
8160
+ // fontFamily: 'Roboto',
8161
+ fontStyle: 'normal',
8162
+ fontWeight: '400',
8163
+ fontSize: '16.1658px',
8164
+ lineHeight: '22px',
8165
+ color: '#3c4852',
8166
+ textAlign: 'left'
8167
+ },
8168
+ dangerouslySetInnerHTML: {
8169
+ __html: body?.components[2]?.metadata?.text
8170
+ },
8171
+ className: classes.email_description_para
8172
+ })))))) : null, landing?.isActive ? /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", null, /*#__PURE__*/React.createElement("table", {
8173
+ style: {
8174
+ width: '100%',
8175
+ padding: '12px'
8176
+ }
8177
+ }, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", null, /*#__PURE__*/React.createElement("table", {
8178
+ style: {
8179
+ width: '100%',
8180
+ background: '#f4f9fd',
8181
+ borderRadius: '16px',
8182
+ padding: '32px',
8183
+ textAlign: 'center'
8184
+ }
8185
+ }, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", null, landing?.components[0]?.metadata?.image?.length ? /*#__PURE__*/React.createElement("img", {
8186
+ src: landing?.components[0]?.metadata?.image,
8187
+ alt: "",
8188
+ style: {
8189
+ width: '100%'
8190
+ }
8191
+ }) : /*#__PURE__*/React.createElement("div", {
8192
+ style: {
8193
+ background: '#D9D9D9F0',
8194
+ width: '100%',
8195
+ minHeight: '250px',
8196
+ display: 'flex',
8197
+ alignItems: 'center',
8198
+ justifyContent: 'center',
8199
+ fontStyle: 'italic'
8200
+ }
8201
+ }, "Thumbnail Image"), /*#__PURE__*/React.createElement("p", {
8202
+ style: {
8203
+ // fontFamily: 'Roboto',
8204
+ fontStyle: 'normal',
8205
+ fontWeight: '500',
8206
+ fontSize: '18.1865px',
8207
+ lineHeight: '22px',
8208
+ color: '#0a1629',
8209
+ marginTop: '16px',
8210
+ marginBottom: '16px',
8211
+ textAlign: 'left'
8212
+ }
8213
+ }, landing?.components[1]?.metadata?.text), /*#__PURE__*/React.createElement("a", {
8214
+ href: landing?.components[3]?.metadata?.text,
8215
+ target: "_blank",
8216
+ style: {
8217
+ textDecoration: 'none'
8218
+ }
8219
+ }, /*#__PURE__*/React.createElement("p", {
8220
+ style: {
8221
+ background: '#009ae0',
8222
+ borderRadius: '7.18333px',
8223
+ color: 'white',
8224
+ textDecoration: 'none',
8225
+ padding: '12px 0px',
8226
+ // fontFamily: 'Roboto',
8227
+ fontStyle: 'normal',
8228
+ fontWeight: '600',
8229
+ fontSize: '20.55px',
8230
+ lineHeight: '32px',
8231
+ textTransform: 'uppercase',
8232
+ color: '#fafafa'
8233
+ }
8234
+ }, landing?.components[2]?.metadata?.text)))))))))) : null, footer?.isActive ? /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", null, /*#__PURE__*/React.createElement("table", {
8235
+ style: {
8236
+ width: '100%',
8237
+ background: '#e3f0ff',
8238
+ textAlign: 'center'
8239
+ }
8240
+ }, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", null, /*#__PURE__*/React.createElement("p", {
8241
+ style: {
8242
+ // fontFamily: 'Roboto',
8243
+ fontStyle: 'normal',
8244
+ fontWeight: '700',
8245
+ fontSize: '18px',
8246
+ lineHeight: '29px',
8247
+ textAlign: 'center',
8248
+ color: '#0a1629',
8249
+ marginTop: '32px'
8250
+ }
8251
+ }, "Connect with us on:"), /*#__PURE__*/React.createElement("table", {
8252
+ style: {
8253
+ width: '100%',
8254
+ marginTop: '8px',
8255
+ marginBottom: '16px'
8256
+ }
8257
+ }, /*#__PURE__*/React.createElement("tbody", null, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("a", {
8258
+ href: footer?.components[0]?.metadata?.text,
8259
+ target: "_blank",
8260
+ style: {
8261
+ textDecoration: 'none'
8262
+ }
8263
+ }, /*#__PURE__*/React.createElement("img", {
8264
+ src: footer?.components[0]?.metadata?.iconUrl,
8265
+ alt: "",
8266
+ style: {
8267
+ width: '36px',
8268
+ height: '36px'
8269
+ }
8270
+ })), /*#__PURE__*/React.createElement("a", {
8271
+ href: footer?.components[1]?.metadata?.text,
8272
+ target: "_blank",
8273
+ style: {
8274
+ textDecoration: 'none'
8275
+ }
8276
+ }, /*#__PURE__*/React.createElement("img", {
8277
+ src: footer?.components[1]?.metadata?.iconUrl,
8278
+ alt: "",
8279
+ style: {
8280
+ width: '36px',
8281
+ height: '36px',
8282
+ margin: '0px 12px'
8283
+ }
8284
+ })), /*#__PURE__*/React.createElement("a", {
8285
+ href: footer?.components[2]?.metadata?.text,
8286
+ target: "_blank",
8287
+ style: {
8288
+ textDecoration: 'none'
8289
+ }
8290
+ }, /*#__PURE__*/React.createElement("img", {
8291
+ src: footer?.components[2]?.metadata?.iconUrl,
8292
+ alt: "",
8293
+ style: {
8294
+ width: '36px',
8295
+ height: '36px'
8296
+ }
8297
+ })), /*#__PURE__*/React.createElement("a", {
8298
+ href: footer?.components[3]?.metadata?.text,
8299
+ target: "_blank",
8300
+ style: {
8301
+ textDecoration: 'none'
8302
+ }
8303
+ }, /*#__PURE__*/React.createElement("img", {
8304
+ src: footer?.components[3]?.metadata?.iconUrl,
8305
+ alt: "",
8306
+ style: {
8307
+ width: '36px',
8308
+ height: '36px',
8309
+ margin: '0px 12px'
8310
+ }
8311
+ })), /*#__PURE__*/React.createElement("a", {
8312
+ href: footer?.components[4]?.metadata?.text,
8313
+ target: "_blank",
8314
+ style: {
8315
+ textDecoration: 'none'
8316
+ }
8317
+ }, /*#__PURE__*/React.createElement("img", {
8318
+ src: footer?.components[4]?.metadata?.iconUrl,
8319
+ alt: "",
8320
+ style: {
8321
+ width: '36px',
8322
+ height: '36px'
8323
+ }
8324
+ })), /*#__PURE__*/React.createElement("table", {
8325
+ style: {
8326
+ width: '100%',
8327
+ marginTop: '13px'
8328
+ }
8329
+ }, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", null, /*#__PURE__*/React.createElement("p", {
8330
+ style: {
8331
+ // fontFamily: 'Roboto',
8332
+ fontStyle: 'normal',
8333
+ fontWeight: '400',
8334
+ fontSize: '14.1451px',
8335
+ lineHeight: '21px',
8336
+ textAlign: 'center',
8337
+ color: '#7d8592'
8338
+ }
8339
+ }, "For any concerns, mail us at", footer?.components[5]?.metaData?.emailId), /*#__PURE__*/React.createElement("p", {
8340
+ style: {
8341
+ // fontFamily: 'Roboto',
8342
+ fontStyle: 'normal',
8343
+ fontWeight: '400',
8344
+ fontSize: '14.1451px',
8345
+ lineHeight: '24px',
8346
+ textAlign: 'center',
8347
+ color: '#7d8592'
8348
+ }
8349
+ }, "Copyright \xA9 2022 | vaibhavphotography.com"), /*#__PURE__*/React.createElement("p", {
8350
+ style: {
8351
+ // fontFamily: 'Roboto',
8352
+ fontStyle: 'normal',
8353
+ fontWeight: '400',
8354
+ fontSize: '14.1451px',
8355
+ lineHeight: '24px',
8356
+ textAlign: 'center',
8357
+ color: '#7d8592',
8358
+ marginBottom: '22px'
8359
+ }
8360
+ }, "All rights reserved.")))))))))))))) : null))));
8361
+ }
8362
+
8363
+ function EmailDripMarket({
8364
+ sectionData,
8365
+ extraProps = {}
8366
+ }) {
8367
+ // const classes = useSectionStyles({ containerWidth });
8368
+ const isInitialMount = useRef(true); // useEffect(() => {
8369
+ // convertToHtml(sectionData)
8370
+ // }, [sectionData])
8371
+
8372
+ const convertToHtml = sectionData => {
8373
+ const html = ReactDOMServer.renderToStaticMarkup( /*#__PURE__*/React.createElement(Section, {
8374
+ nodeData: sectionData
8375
+ }));
8376
+ return html;
8377
+ };
8378
+
8379
+ useEffect(() => {
8380
+ if (isInitialMount.current) {
8381
+ isInitialMount.current = false;
8382
+ } else {
8383
+ extraProps?.callbackHtml(convertToHtml(sectionData));
8384
+ }
8385
+ }, [extraProps?.convertedHtml]); // const mockData = sectionData?.sections[0];
8386
+
8387
+ const emailRef = useRef(null);
8388
+ console.log('skdjnkdln', extraProps);
8389
+ return /*#__PURE__*/React.createElement("section", null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Section, {
8390
+ sectionRef: emailRef,
8391
+ nodeData: sectionData
8392
+ })));
8393
+ }
8394
+
8395
+ var index = /*#__PURE__*/Object.freeze({
8396
+ __proto__: null,
8397
+ 'default': EmailDripMarket
8398
+ });
8399
+
7928
8400
  const TYPE_TO_COMPONENT_MAP = {
7929
8401
  BANNER_CAROUSEL_RIGHT: BannerCarouselRight,
7930
8402
  GRID_CARD: List,
@@ -7946,7 +8418,8 @@ const TYPE_TO_COMPONENT_MAP = {
7946
8418
  WEBINAR_LANDING_PAGE: CoursePromotionPage$1,
7947
8419
  COURSE_LANDING_PAGE: CoursePromotionPage,
7948
8420
  FORM_LANDING_PAGE: FormPage,
7949
- TILES_SECTION: Tiles
8421
+ TILES_SECTION: Tiles,
8422
+ EMAIL_DRIP_MARKET: EmailDripMarket
7950
8423
  };
7951
8424
 
7952
8425
  const getCompToRender = type => TYPE_TO_COMPONENT_MAP[type] || (() => null);
@@ -7955,6 +8428,7 @@ const MemoisedSection = /*#__PURE__*/memo(({
7955
8428
  sectionData,
7956
8429
  extraProps
7957
8430
  }) => {
8431
+ console.log('templatesectiondata', sectionData);
7958
8432
  const SectionComp = getCompToRender(sectionData.type);
7959
8433
  return /*#__PURE__*/React.createElement(SectionComp, {
7960
8434
  sectionData: sectionData,