diy-template-components 0.1.39 → 0.2.0

package/build/index.es.js

@@ -14,6 +14,7 @@ import Slider from 'react-slick';
 import axios from 'axios';
 import moment from 'moment';
 import Countdown from 'react-countdown';
+import ReactDOMServer from 'react-dom/server';
 import { createTheming, createUseStyles as createUseStyles$1, useTheme as useTheme$1 } from 'react-jss';
 
 function _extends() {
@@ -1833,27 +1834,28 @@ function ArimaMadurai() {
 }
 
 const TYPE_TO_COMPONENT_MAP$1 = {
-  BANNER_CAROUSEL_RIGHT: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$k; })),
-  GRID_CARD: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$j; })),
-  BANNER_CAROUSEL_CENTER: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$i; })),
-  BANNER_CAROUSEL_LEFT: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$h; })),
-  FORM_SUBSCRIBE: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$g; })),
-  TEXT_TESTIMONIAL: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$f; })),
-  VIDEO_TESTIMONIAL: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$e; })),
-  VIDEO: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$d; })),
-  INFO: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$c; })),
-  TEXT: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$b; })),
-  IMAGE_GALLERY: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$a; })),
-  FAQ_LISTING: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$9; })),
-  COURSE_CAROUSEL: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$7; })),
-  TEAM_CARD: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$6; })),
-  TEXT_GRID: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$8; })),
-  CONTACT: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$5; })),
-  FORM_ENQUIRY: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$4; })),
-  WEBINAR_LANDING_PAGE: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$3; })),
-  COURSE_LANDING_PAGE: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$2; })),
-  FORM_LANDING_PAGE: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$1; })),
-  TILES_SECTION: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index; }))
+  BANNER_CAROUSEL_RIGHT: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$l; })),
+  GRID_CARD: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$k; })),
+  BANNER_CAROUSEL_CENTER: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$j; })),
+  BANNER_CAROUSEL_LEFT: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$i; })),
+  FORM_SUBSCRIBE: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$h; })),
+  TEXT_TESTIMONIAL: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$g; })),
+  VIDEO_TESTIMONIAL: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$f; })),
+  VIDEO: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$e; })),
+  INFO: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$d; })),
+  TEXT: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$c; })),
+  IMAGE_GALLERY: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$b; })),
+  FAQ_LISTING: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$a; })),
+  COURSE_CAROUSEL: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$8; })),
+  TEAM_CARD: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$7; })),
+  TEXT_GRID: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$9; })),
+  CONTACT: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$6; })),
+  FORM_ENQUIRY: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$5; })),
+  WEBINAR_LANDING_PAGE: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$4; })),
+  COURSE_LANDING_PAGE: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$3; })),
+  FORM_LANDING_PAGE: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$2; })),
+  TILES_SECTION: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$1; })),
+  EMAIL_DRIP_MARKET: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index; }))
 };
 
 const getCompToRender$1 = type => TYPE_TO_COMPONENT_MAP$1[type] || (() => null);
@@ -1862,6 +1864,7 @@ const MemoisedSection$1 = /*#__PURE__*/memo(({
   sectionData,
   extraProps
 }) => {
+  console.log('templatesectiondata', sectionData);
   const SectionComp = getCompToRender$1(sectionData.type);
   return /*#__PURE__*/React.createElement(SectionComp, {
     sectionData: sectionData,
@@ -2310,7 +2313,7 @@ function Carousel({
   })));
 }
 
-function Section$3({
+function Section$4({
   nodeData
 }) {
   const classes = useSectionStyles$8();
@@ -2383,7 +2386,7 @@ function BannerCarouselRight({
     className: classes.bannerCarouselRightSection
   }, /*#__PURE__*/React.createElement("div", {
     className: classes.sectionContainer
-  }, /*#__PURE__*/React.createElement(Wrapper, wrapperProps, bannerCarousel.components.map((node, idx) => /*#__PURE__*/React.createElement(Section$3, {
+  }, /*#__PURE__*/React.createElement(Wrapper, wrapperProps, bannerCarousel.components.map((node, idx) => /*#__PURE__*/React.createElement(Section$4, {
     nodeData: node,
     key: idx
     /* or some other unique property */
@@ -2391,7 +2394,7 @@ function BannerCarouselRight({
   })))));
 }
 
-var index$k = /*#__PURE__*/Object.freeze({
+var index$l = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': BannerCarouselRight
 });
@@ -2643,7 +2646,7 @@ function List({
   }))));
 }
 
-var index$j = /*#__PURE__*/Object.freeze({
+var index$k = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': List
 });
@@ -2741,7 +2744,7 @@ const useSectionStyles$6 = createUseStyles(theme => ({
   }
 }));
 
-const Section$2 = ({
+const Section$3 = ({
   nodeData
 }) => {
   const {
@@ -2804,7 +2807,7 @@ function BannerCarouselCenter({
   } : {};
   return /*#__PURE__*/React.createElement("section", {
     className: classes.bannerCarouselCenterSection
-  }, /*#__PURE__*/React.createElement(Wrapper, wrapperProps, bannerCarousel.components.map((node, idx) => /*#__PURE__*/React.createElement(Section$2, {
+  }, /*#__PURE__*/React.createElement(Wrapper, wrapperProps, bannerCarousel.components.map((node, idx) => /*#__PURE__*/React.createElement(Section$3, {
     nodeData: node,
     key: idx
     /* or some other unique property */
@@ -2812,7 +2815,7 @@ function BannerCarouselCenter({
   }))));
 }
 
-var index$i = /*#__PURE__*/Object.freeze({
+var index$j = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': BannerCarouselCenter
 });
@@ -2924,7 +2927,7 @@ const useSectionStyles$5 = createUseStyles(theme => {
   };
 });
 
-function Section$1({
+function Section$2({
   nodeData
 }) {
   const classes = useSectionStyles$5();
@@ -2995,7 +2998,7 @@ function BannerCarouselLeft({
     className: classes.section
   }, /*#__PURE__*/React.createElement("div", {
     className: classes.sectionContainer
-  }, /*#__PURE__*/React.createElement(Wrapper, null, bannerCarousel.components.map((node, idx) => /*#__PURE__*/React.createElement(Section$1, {
+  }, /*#__PURE__*/React.createElement(Wrapper, null, bannerCarousel.components.map((node, idx) => /*#__PURE__*/React.createElement(Section$2, {
     nodeData: node,
     key: idx
     /* or some other unique property */
@@ -3003,7 +3006,7 @@ function BannerCarouselLeft({
   })))));
 }
 
-var index$h = /*#__PURE__*/Object.freeze({
+var index$i = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': BannerCarouselLeft
 });
@@ -3396,7 +3399,7 @@ function SubscribeToNewsletter({
   })))))));
 }
 
-var index$g = /*#__PURE__*/Object.freeze({
+var index$h = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': SubscribeToNewsletter
 });
@@ -3563,7 +3566,7 @@ function QuotesComponent() {
   }));
 }
 
-function Section({
+function Section$1({
   nodeData
 }) {
   const {
@@ -3653,12 +3656,12 @@ function Testimonials({
   const classes = useTestimonialStyles();
   return /*#__PURE__*/React.createElement("div", {
     className: classes.testimonialContainer
-  }, /*#__PURE__*/React.createElement(Section, {
+  }, /*#__PURE__*/React.createElement(Section$1, {
     nodeData: sectionData.components[0]
   }));
 }
 
-var index$f = /*#__PURE__*/Object.freeze({
+var index$g = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': Testimonials
 });
@@ -4037,7 +4040,7 @@ function VideoTestimonial({
   }))))));
 }
 
-var index$e = /*#__PURE__*/Object.freeze({
+var index$f = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': VideoTestimonial
 });
@@ -4265,7 +4268,7 @@ function Video({
   }, carouselContent))));
 }
 
-var index$d = /*#__PURE__*/Object.freeze({
+var index$e = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': Video
 });
@@ -4491,7 +4494,7 @@ function Info({
   }, carouselContent))));
 }
 
-var index$c = /*#__PURE__*/Object.freeze({
+var index$d = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': Info
 });
@@ -4610,7 +4613,7 @@ const TextSection = ({
   })))));
 };
 
-var index$b = /*#__PURE__*/Object.freeze({
+var index$c = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': TextSection
 });
@@ -4767,7 +4770,7 @@ function PhotoGallery({
   }, carouselContent))));
 }
 
-var index$a = /*#__PURE__*/Object.freeze({
+var index$b = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': PhotoGallery
 });
@@ -4945,7 +4948,7 @@ const Accordion = ({
   })));
 };
 
-var index$9 = /*#__PURE__*/Object.freeze({
+var index$a = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': FAQListing
 });
@@ -5110,7 +5113,7 @@ const TextGrid = ({
   }, carouselContent))));
 };
 
-var index$8 = /*#__PURE__*/Object.freeze({
+var index$9 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': TextGrid
 });
@@ -5564,7 +5567,7 @@ function SimpleCardsContainer({
   }, children);
 }
 
-var index$7 = /*#__PURE__*/Object.freeze({
+var index$8 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': courses
 });
@@ -5787,7 +5790,7 @@ function TeamCard({
   }, " ", carouselContent)));
 }
 
-var index$6 = /*#__PURE__*/Object.freeze({
+var index$7 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': TeamCard
 });
@@ -6161,7 +6164,7 @@ function FormEnquiry({
   }))))));
 }
 
-var index$5 = /*#__PURE__*/Object.freeze({
+var index$6 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': FormEnquiry
 });
@@ -6535,7 +6538,7 @@ function Contact({
   }))))));
 }
 
-var index$4 = /*#__PURE__*/Object.freeze({
+var index$5 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': Contact
 });
@@ -6972,7 +6975,7 @@ function CoursePromotionPage$1({
   }))));
 }
 
-var index$3 = /*#__PURE__*/Object.freeze({
+var index$4 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': CoursePromotionPage$1
 });
@@ -7442,7 +7445,7 @@ function CoursePromotionPage({
   }))));
 }
 
-var index$2 = /*#__PURE__*/Object.freeze({
+var index$3 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': CoursePromotionPage
 });
@@ -7786,7 +7789,7 @@ const FormPage = ({
   })))));
 };
 
-var index$1 = /*#__PURE__*/Object.freeze({
+var index$2 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': FormPage
 });
@@ -7919,11 +7922,418 @@ function Tiles({
   }, TileDiv)));
 }
 
-var index = /*#__PURE__*/Object.freeze({
+var index$1 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': Tiles
 });
 
+const useEmailStyles = createUseStyles(theme => ({
+  wrapper: {
+    fontFamily: theme?.typography?.fontFamily,
+    width: '100%',
+    tableLayout: 'fixed',
+    backgroundColor: '#cccccc'
+  },
+  email_description_para: {
+    '& p': {
+      margin: '0 0 0 !important'
+    }
+  },
+  main: {
+    backgroundColor: '#ffffff',
+    width: '100%',
+    maxWidth: '600px',
+    borderSpacing: '0'
+  },
+  logoimg: {
+    width: '28px',
+    height: '28px'
+    /* margin: 18px 0px; */
+
+  },
+  'p-young-guru-title': {
+    fontFamily: theme?.typography?.fontFamily,
+    fontStyle: 'normal',
+    fontWeight: '500',
+    fontSize: '24px',
+    lineHeight: '31px',
+    color: '#ffffff',
+    marginTop: '18px'
+  },
+  'p-young-guru-sub-title': {
+    fontFamily: theme?.typography?.fontFamily,
+    fontStyle: 'normal',
+    fontWeight: '400',
+    fontSize: '16px',
+    lineHeight: '21px',
+    color: '#dbd9d9',
+    marginBottom: '18px'
+  },
+  p: {
+    padding: '0',
+    margin: '0 !important'
+  },
+  'two-columns': {
+    fontSize: '0',
+    textAlign: 'center'
+    /* padding:35px 0 40px */
+
+  },
+  'two-columns .column': {
+    width: '100%',
+    maxWidth: '275px',
+    display: 'inline-block',
+    verticalAlign: 'top'
+  },
+  'title-lead': {
+    fontFamily: theme?.typography?.fontFamily,
+    fontStyle: 'normal',
+    fontWeight: '500',
+    fontSize: '20px',
+    lineHeight: '26px',
+    color: '#030a21',
+    marginBottom: '5px',
+    textAlign: 'left'
+  } //   @media screen and (max-width: 600px) {
+  //   }
+
+}));
+
+function Section({
+  nodeData,
+  emailRef
+}) {
+  console.log('nodedataashu', nodeData);
+  const header = nodeData?.components[0];
+  const body = nodeData?.components[1];
+  const landing = nodeData?.components[2];
+  const footer = nodeData?.components[3];
+  const classes = useEmailStyles();
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("center", {
+    className: classes.wrapper,
+    ref: emailRef
+  }, /*#__PURE__*/React.createElement("table", {
+    className: classes.main,
+    style: {
+      width: '100%'
+    }
+  }, /*#__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", {
+    style: {
+      textAlign: 'center',
+      background: '#ffffff',
+      paddingTop: '16px',
+      width: '100%'
+    }
+  }, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", {
+    style: {
+      display: 'inline-block'
+    }
+  }, header?.components[0]?.metadata?.image?.length ? /*#__PURE__*/React.createElement("img", {
+    src: header?.components[0]?.metadata?.image,
+    alt: "",
+    className: classes.logoimg
+  }) : /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: 'flex',
+      alignItems: 'center',
+      justifyContent: 'center',
+      fontStyle: 'italic',
+      minHeight: '30px'
+    }
+  }, "Your logo")))))), /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", null, header?.components[1]?.metadata?.image?.length ? /*#__PURE__*/React.createElement("img", {
+    src: header?.components[1]?.metadata?.image // width={600}
+    ,
+    alt: "",
+    style: {
+      maxWidth: '600px',
+      width: '100%',
+      marginBottom: '-4px'
+    }
+  }) : /*#__PURE__*/React.createElement("div", {
+    style: {
+      maxWidth: '600px',
+      width: '100%',
+      marginBottom: '-4px',
+      minHeight: '250px',
+      background: '#F4F9FD',
+      display: 'flex',
+      alignItems: 'center',
+      justifyContent: 'center',
+      fontStyle: 'italic'
+    }
+  }, "Cover Image")))) : null, body && body?.isActive ? /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", null, /*#__PURE__*/React.createElement("table", {
+    style: {
+      textAlign: 'center',
+      width: '100%',
+      backgroundColor: '#ffffff'
+    }
+  }, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", null, /*#__PURE__*/React.createElement("p", {
+    style: {
+      // fontFamily: 'Roboto',
+      fontStyle: 'normal',
+      fontWeight: '700',
+      fontSize: '24.2487px',
+      lineHeight: '29px',
+      textAlign: 'center',
+      color: '#00ade7',
+      marginTop: '24px'
+    }
+  }, body?.components[0]?.metadata?.text), /*#__PURE__*/React.createElement("p", {
+    style: {
+      // fontFamily: 'Roboto',
+      fontStyle: 'normal',
+      fontWeight: '500',
+      fontSize: '18.1865px',
+      lineHeight: '22px',
+      textAlign: 'center',
+      color: '#0a1629',
+      marginTop: '8px',
+      marginBottom: '15px'
+    }
+  }, body?.components[1]?.metadata?.text), /*#__PURE__*/React.createElement("p", {
+    style: {
+      maxWidth: '435px',
+      margin: 'auto',
+      // fontFamily: 'Roboto',
+      fontStyle: 'normal',
+      fontWeight: '400',
+      fontSize: '16.1658px',
+      lineHeight: '22px',
+      color: '#3c4852',
+      textAlign: 'left'
+    },
+    dangerouslySetInnerHTML: {
+      __html: body?.components[2]?.metadata?.text
+    },
+    className: classes.email_description_para
+  })))))) : null, landing?.isActive ? /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", null, /*#__PURE__*/React.createElement("table", {
+    style: {
+      width: '100%',
+      padding: '12px'
+    }
+  }, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", null, /*#__PURE__*/React.createElement("table", {
+    style: {
+      width: '100%',
+      background: '#f4f9fd',
+      borderRadius: '16px',
+      padding: '32px',
+      textAlign: 'center'
+    }
+  }, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", null, landing?.components[0]?.metadata?.image?.length ? /*#__PURE__*/React.createElement("img", {
+    src: landing?.components[0]?.metadata?.image,
+    alt: "",
+    style: {
+      width: '100%'
+    }
+  }) : /*#__PURE__*/React.createElement("div", {
+    style: {
+      background: '#D9D9D9F0',
+      width: '100%',
+      minHeight: '250px',
+      display: 'flex',
+      alignItems: 'center',
+      justifyContent: 'center',
+      fontStyle: 'italic'
+    }
+  }, "Thumbnail Image"), /*#__PURE__*/React.createElement("p", {
+    style: {
+      // fontFamily: 'Roboto',
+      fontStyle: 'normal',
+      fontWeight: '500',
+      fontSize: '18.1865px',
+      lineHeight: '22px',
+      color: '#0a1629',
+      marginTop: '16px',
+      marginBottom: '16px',
+      textAlign: 'left'
+    }
+  }, landing?.components[1]?.metadata?.text), /*#__PURE__*/React.createElement("a", {
+    href: landing?.components[3]?.metadata?.text,
+    target: "_blank",
+    style: {
+      textDecoration: 'none'
+    }
+  }, /*#__PURE__*/React.createElement("p", {
+    style: {
+      background: '#009ae0',
+      borderRadius: '7.18333px',
+      color: 'white',
+      textDecoration: 'none',
+      padding: '12px 0px',
+      // fontFamily: 'Roboto',
+      fontStyle: 'normal',
+      fontWeight: '600',
+      fontSize: '20.55px',
+      lineHeight: '32px',
+      textTransform: 'uppercase',
+      color: '#fafafa'
+    }
+  }, landing?.components[2]?.metadata?.text)))))))))) : null, footer?.isActive ? /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", null, /*#__PURE__*/React.createElement("table", {
+    style: {
+      width: '100%',
+      background: '#e3f0ff',
+      textAlign: 'center'
+    }
+  }, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", null, /*#__PURE__*/React.createElement("p", {
+    style: {
+      // fontFamily: 'Roboto',
+      fontStyle: 'normal',
+      fontWeight: '700',
+      fontSize: '18px',
+      lineHeight: '29px',
+      textAlign: 'center',
+      color: '#0a1629',
+      marginTop: '32px'
+    }
+  }, "Connect with us on:"), /*#__PURE__*/React.createElement("table", {
+    style: {
+      width: '100%',
+      marginTop: '8px',
+      marginBottom: '16px'
+    }
+  }, /*#__PURE__*/React.createElement("tbody", null, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("a", {
+    href: footer?.components[0]?.metadata?.text,
+    target: "_blank",
+    style: {
+      textDecoration: 'none'
+    }
+  }, /*#__PURE__*/React.createElement("img", {
+    src: footer?.components[0]?.metadata?.iconUrl,
+    alt: "",
+    style: {
+      width: '36px',
+      height: '36px'
+    }
+  })), /*#__PURE__*/React.createElement("a", {
+    href: footer?.components[1]?.metadata?.text,
+    target: "_blank",
+    style: {
+      textDecoration: 'none'
+    }
+  }, /*#__PURE__*/React.createElement("img", {
+    src: footer?.components[1]?.metadata?.iconUrl,
+    alt: "",
+    style: {
+      width: '36px',
+      height: '36px',
+      margin: '0px 12px'
+    }
+  })), /*#__PURE__*/React.createElement("a", {
+    href: footer?.components[2]?.metadata?.text,
+    target: "_blank",
+    style: {
+      textDecoration: 'none'
+    }
+  }, /*#__PURE__*/React.createElement("img", {
+    src: footer?.components[2]?.metadata?.iconUrl,
+    alt: "",
+    style: {
+      width: '36px',
+      height: '36px'
+    }
+  })), /*#__PURE__*/React.createElement("a", {
+    href: footer?.components[3]?.metadata?.text,
+    target: "_blank",
+    style: {
+      textDecoration: 'none'
+    }
+  }, /*#__PURE__*/React.createElement("img", {
+    src: footer?.components[3]?.metadata?.iconUrl,
+    alt: "",
+    style: {
+      width: '36px',
+      height: '36px',
+      margin: '0px 12px'
+    }
+  })), /*#__PURE__*/React.createElement("a", {
+    href: footer?.components[4]?.metadata?.text,
+    target: "_blank",
+    style: {
+      textDecoration: 'none'
+    }
+  }, /*#__PURE__*/React.createElement("img", {
+    src: footer?.components[4]?.metadata?.iconUrl,
+    alt: "",
+    style: {
+      width: '36px',
+      height: '36px'
+    }
+  })), /*#__PURE__*/React.createElement("table", {
+    style: {
+      width: '100%',
+      marginTop: '13px'
+    }
+  }, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", null, /*#__PURE__*/React.createElement("p", {
+    style: {
+      // fontFamily: 'Roboto',
+      fontStyle: 'normal',
+      fontWeight: '400',
+      fontSize: '14.1451px',
+      lineHeight: '21px',
+      textAlign: 'center',
+      color: '#7d8592'
+    }
+  }, "For any concerns, mail us at", footer?.components[5]?.metaData?.emailId), /*#__PURE__*/React.createElement("p", {
+    style: {
+      // fontFamily: 'Roboto',
+      fontStyle: 'normal',
+      fontWeight: '400',
+      fontSize: '14.1451px',
+      lineHeight: '24px',
+      textAlign: 'center',
+      color: '#7d8592'
+    }
+  }, "Copyright \xA9 2022 | vaibhavphotography.com"), /*#__PURE__*/React.createElement("p", {
+    style: {
+      // fontFamily: 'Roboto',
+      fontStyle: 'normal',
+      fontWeight: '400',
+      fontSize: '14.1451px',
+      lineHeight: '24px',
+      textAlign: 'center',
+      color: '#7d8592',
+      marginBottom: '22px'
+    }
+  }, "All rights reserved.")))))))))))))) : null))));
+}
+
+function EmailDripMarket({
+  sectionData,
+  extraProps = {}
+}) {
+  // const classes = useSectionStyles({ containerWidth });
+  const isInitialMount = useRef(true); // useEffect(() => {
+  //   convertToHtml(sectionData)
+  // }, [sectionData])
+
+  const convertToHtml = sectionData => {
+    const html = ReactDOMServer.renderToStaticMarkup( /*#__PURE__*/React.createElement(Section, {
+      nodeData: sectionData
+    }));
+    return html;
+  };
+
+  useEffect(() => {
+    if (isInitialMount.current) {
+      isInitialMount.current = false;
+    } else {
+      extraProps?.callbackHtml(convertToHtml(sectionData));
+    }
+  }, [extraProps?.convertedHtml]); // const mockData = sectionData?.sections[0];
+
+  const emailRef = useRef(null);
+  console.log('skdjnkdln', extraProps);
+  return /*#__PURE__*/React.createElement("section", null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Section, {
+    sectionRef: emailRef,
+    nodeData: sectionData
+  })));
+}
+
+var index = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  'default': EmailDripMarket
+});
+
 const TYPE_TO_COMPONENT_MAP = {
   BANNER_CAROUSEL_RIGHT: BannerCarouselRight,
   GRID_CARD: List,
@@ -7945,7 +8355,8 @@ const TYPE_TO_COMPONENT_MAP = {
   WEBINAR_LANDING_PAGE: CoursePromotionPage$1,
   COURSE_LANDING_PAGE: CoursePromotionPage,
   FORM_LANDING_PAGE: FormPage,
-  TILES_SECTION: Tiles
+  TILES_SECTION: Tiles,
+  EMAIL_DRIP_MARKET: EmailDripMarket
 };
 
 const getCompToRender = type => TYPE_TO_COMPONENT_MAP[type] || (() => null);
@@ -7954,6 +8365,7 @@ const MemoisedSection = /*#__PURE__*/memo(({
   sectionData,
   extraProps
 }) => {
+  console.log('templatesectiondata', sectionData);
   const SectionComp = getCompToRender(sectionData.type);
   return /*#__PURE__*/React.createElement(SectionComp, {
     sectionData: sectionData,