diy-template-components 0.2.2 → 0.2.4

package/build/index.es.js

@@ -14,7 +14,6 @@ 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() {
@@ -1838,28 +1837,27 @@ function ArimaMadurai() {
 }
 
 const TYPE_TO_COMPONENT_MAP$1 = {
-  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; }))
+  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; }))
 };
 
 const getCompToRender$1 = type => TYPE_TO_COMPONENT_MAP$1[type] || (() => null);
@@ -1868,7 +1866,6 @@ const MemoisedSection$1 = /*#__PURE__*/memo(({
   sectionData,
   extraProps
 }) => {
-  console.log('templatesectiondata', sectionData);
   const SectionComp = getCompToRender$1(sectionData.type);
   return /*#__PURE__*/React.createElement(SectionComp, {
     sectionData: sectionData,
@@ -2317,7 +2314,7 @@ function Carousel({
   })));
 }
 
-function Section$4({
+function Section$3({
   nodeData
 }) {
   const classes = useSectionStyles$8();
@@ -2390,7 +2387,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$4, {
+  }, /*#__PURE__*/React.createElement(Wrapper, wrapperProps, bannerCarousel.components.map((node, idx) => /*#__PURE__*/React.createElement(Section$3, {
     nodeData: node,
     key: idx
     /* or some other unique property */
@@ -2398,7 +2395,7 @@ function BannerCarouselRight({
   })))));
 }
 
-var index$l = /*#__PURE__*/Object.freeze({
+var index$k = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': BannerCarouselRight
 });
@@ -2650,7 +2647,7 @@ function List({
   }))));
 }
 
-var index$k = /*#__PURE__*/Object.freeze({
+var index$j = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': List
 });
@@ -2749,7 +2746,7 @@ const useSectionStyles$6 = createUseStyles(theme => ({
   }
 }));
 
-const Section$3 = ({
+const Section$2 = ({
   nodeData
 }) => {
   const {
@@ -2812,7 +2809,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$3, {
+  }, /*#__PURE__*/React.createElement(Wrapper, wrapperProps, bannerCarousel.components.map((node, idx) => /*#__PURE__*/React.createElement(Section$2, {
     nodeData: node,
     key: idx
     /* or some other unique property */
@@ -2820,7 +2817,7 @@ function BannerCarouselCenter({
   }))));
 }
 
-var index$j = /*#__PURE__*/Object.freeze({
+var index$i = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': BannerCarouselCenter
 });
@@ -2932,7 +2929,7 @@ const useSectionStyles$5 = createUseStyles(theme => {
   };
 });
 
-function Section$2({
+function Section$1({
   nodeData
 }) {
   const classes = useSectionStyles$5();
@@ -3003,7 +3000,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$2, {
+  }, /*#__PURE__*/React.createElement(Wrapper, null, bannerCarousel.components.map((node, idx) => /*#__PURE__*/React.createElement(Section$1, {
     nodeData: node,
     key: idx
     /* or some other unique property */
@@ -3011,7 +3008,7 @@ function BannerCarouselLeft({
   })))));
 }
 
-var index$i = /*#__PURE__*/Object.freeze({
+var index$h = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': BannerCarouselLeft
 });
@@ -3296,7 +3293,8 @@ function SubscribeToNewsletter({
   const classes = useSectionStyles$4({
     containerWidth
   });
-  const [inputVal, setInputVal] = useState(nodeData?.inputField?.metadata?.value);
+  let formInitialValue = nodeData?.inputField?.metadata?.value;
+  const [inputVal, setInputVal] = useState(formInitialValue);
   let [isValid, setIsValid] = useState(true);
   let [btnDisabled, setBtnDisabled] = useState(false);
 
@@ -3313,6 +3311,7 @@ function SubscribeToNewsletter({
     };
     if (!(isPreview || isEdit)) postApiCall(baseURLs, data);
     setBtnDisabled(true);
+    setInputVal(formInitialValue);
   };
 
   const checkValidity = () => {
@@ -3404,7 +3403,7 @@ function SubscribeToNewsletter({
   })))))));
 }
 
-var index$h = /*#__PURE__*/Object.freeze({
+var index$g = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': SubscribeToNewsletter
 });
@@ -3571,7 +3570,7 @@ function QuotesComponent() {
   }));
 }
 
-function Section$1({
+function Section({
   nodeData
 }) {
   const {
@@ -3661,12 +3660,12 @@ function Testimonials({
   const classes = useTestimonialStyles();
   return /*#__PURE__*/React.createElement("div", {
     className: classes.testimonialContainer
-  }, /*#__PURE__*/React.createElement(Section$1, {
+  }, /*#__PURE__*/React.createElement(Section, {
     nodeData: sectionData.components[0]
   }));
 }
 
-var index$g = /*#__PURE__*/Object.freeze({
+var index$f = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': Testimonials
 });
@@ -4045,7 +4044,7 @@ function VideoTestimonial({
   }))))));
 }
 
-var index$f = /*#__PURE__*/Object.freeze({
+var index$e = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': VideoTestimonial
 });
@@ -4273,7 +4272,7 @@ function Video({
   }, carouselContent))));
 }
 
-var index$e = /*#__PURE__*/Object.freeze({
+var index$d = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': Video
 });
@@ -4499,7 +4498,7 @@ function Info({
   }, carouselContent))));
 }
 
-var index$d = /*#__PURE__*/Object.freeze({
+var index$c = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': Info
 });
@@ -4618,7 +4617,7 @@ const TextSection = ({
   })))));
 };
 
-var index$c = /*#__PURE__*/Object.freeze({
+var index$b = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': TextSection
 });
@@ -4775,7 +4774,7 @@ function PhotoGallery({
   }, carouselContent))));
 }
 
-var index$b = /*#__PURE__*/Object.freeze({
+var index$a = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': PhotoGallery
 });
@@ -4953,7 +4952,7 @@ const Accordion = ({
   })));
 };
 
-var index$a = /*#__PURE__*/Object.freeze({
+var index$9 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': FAQListing
 });
@@ -5118,7 +5117,7 @@ const TextGrid = ({
   }, carouselContent))));
 };
 
-var index$9 = /*#__PURE__*/Object.freeze({
+var index$8 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': TextGrid
 });
@@ -5572,7 +5571,7 @@ function SimpleCardsContainer({
   }, children);
 }
 
-var index$8 = /*#__PURE__*/Object.freeze({
+var index$7 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': courses
 });
@@ -5795,7 +5794,7 @@ function TeamCard({
   }, " ", carouselContent)));
 }
 
-var index$7 = /*#__PURE__*/Object.freeze({
+var index$6 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': TeamCard
 });
@@ -5958,12 +5957,13 @@ function FormEnquiry({
   const [nodeData] = sectionData.components;
   const theme = useTheme();
   let [btnDisabled, setBtnDisabled] = useState(false);
-  const [inputVal, setInputVal] = useState({
+  let formInitialValue = {
     name: nodeData?.nameField?.metadata?.value,
     phone: nodeData?.phoneField?.metadata?.value,
     email: nodeData?.emailField?.metadata?.value,
     message: nodeData?.messageField?.metadata?.value
-  });
+  };
+  const [inputVal, setInputVal] = useState(formInitialValue);
   const [validData, setValidData] = useState({
     nameValid: 1,
     emailValid: 1,
@@ -5986,6 +5986,7 @@ function FormEnquiry({
     };
     if (!(isPreview || isEdit)) postApiCall(baseURLs, data);
     setBtnDisabled(true);
+    setInputVal(formInitialValue);
   };
 
   const checkValidity = (regexField, fieldname, fieldValidity) => {
@@ -6169,7 +6170,7 @@ function FormEnquiry({
   }))))));
 }
 
-var index$6 = /*#__PURE__*/Object.freeze({
+var index$5 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': FormEnquiry
 });
@@ -6369,12 +6370,13 @@ function Contact({
   const classes = useSectionStyles({
     containerWidth
   });
-  const [inputVal, setInputVal] = useState({
+  let formInitialValue = {
     name: nodeData?.nameField?.metadata?.value,
     phone: nodeData?.phoneField?.metadata?.value,
     email: nodeData?.emailField?.metadata?.value,
     message: nodeData?.messageField?.metadata?.value
-  });
+  };
+  const [inputVal, setInputVal] = useState(formInitialValue);
   const [validData, setValidData] = useState({
     nameValid: 1,
     emailValid: 1,
@@ -6390,6 +6392,7 @@ function Contact({
     };
     if (!(isPreview || isEdit)) postApiCall(baseURLs, data);
     setBtnDisabled(true);
+    setInputVal(formInitialValue);
   };
 
   useEffect(() => {
@@ -6543,7 +6546,7 @@ function Contact({
   }))))));
 }
 
-var index$5 = /*#__PURE__*/Object.freeze({
+var index$4 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': Contact
 });
@@ -6980,7 +6983,7 @@ function CoursePromotionPage$1({
   }))));
 }
 
-var index$4 = /*#__PURE__*/Object.freeze({
+var index$3 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': CoursePromotionPage$1
 });
@@ -7272,6 +7275,14 @@ var arrowRight = "data:image/svg+xml,%3Csvg%20width%3D%228%22%20height%3D%2214%2
 const SingleVideoSlide = props => {
   const [isReadMore, setIsReadMore] = useState(false);
   const theme = useTheme();
+  const {
+    layout: {
+      containerWidth
+    },
+    isMobile,
+    isEdit
+  } = useContext(PageContext);
+  console.log(isEdit, 'isEdit');
   useEffect(() => {// remaining days epoch
     // current date epoch
     // subtract remaining days from current day epoch
@@ -7303,7 +7314,7 @@ const SingleVideoSlide = props => {
     showCourseInstallment
   } = props;
   const showCourseInstallmentData = data?.courseOverviewData;
-  const InstalmentData = data?.courseOverviewData?.installments?.formData?.installmentInfo?.installments[0].installmentPrice;
+  const InstalmentData = isEdit ? data?.courseOverviewData?.installments?.formData?.installments[0].installmentAmount : data?.courseOverviewData?.installments?.formData?.installmentInfo?.installments[0].installmentPrice;
 
   const checkIfOfferIsValid = () => moment().diff(moment(props?.data?.endDate || 0)) < 0;
 
@@ -7472,7 +7483,7 @@ const SingleVideoSlide = props => {
     className: classes.payInstallmentHeader
   }, /*#__PURE__*/React.createElement("h4", null, /*#__PURE__*/React.createElement("span", {
     dangerouslySetInnerHTML: {
-      __html: ` Start learning at Rs ${InstalmentData / 100}`
+      __html: ` Start learning at Rs ${isEdit ? InstalmentData : InstalmentData / 100}`
     }
   })), /*#__PURE__*/React.createElement("p", null, "Pay in Instalments")), /*#__PURE__*/React.createElement("img", {
     className: classes.arrowRightIcon,
@@ -7508,7 +7519,7 @@ function CoursePromotionPage({
   }))));
 }
 
-var index$3 = /*#__PURE__*/Object.freeze({
+var index$2 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': CoursePromotionPage
 });
@@ -7852,7 +7863,7 @@ const FormPage = ({
   })))));
 };
 
-var index$2 = /*#__PURE__*/Object.freeze({
+var index$1 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': FormPage
 });
@@ -7985,416 +7996,9 @@ function Tiles({
   }, TileDiv)));
 }
 
-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
+  'default': Tiles
 });
 
 const TYPE_TO_COMPONENT_MAP = {
@@ -8418,8 +8022,7 @@ const TYPE_TO_COMPONENT_MAP = {
   WEBINAR_LANDING_PAGE: CoursePromotionPage$1,
   COURSE_LANDING_PAGE: CoursePromotionPage,
   FORM_LANDING_PAGE: FormPage,
-  TILES_SECTION: Tiles,
-  EMAIL_DRIP_MARKET: EmailDripMarket
+  TILES_SECTION: Tiles
 };
 
 const getCompToRender = type => TYPE_TO_COMPONENT_MAP[type] || (() => null);
@@ -8428,7 +8031,6 @@ const MemoisedSection = /*#__PURE__*/memo(({
   sectionData,
   extraProps
 }) => {
-  console.log('templatesectiondata', sectionData);
   const SectionComp = getCompToRender(sectionData.type);
   return /*#__PURE__*/React.createElement(SectionComp, {
     sectionData: sectionData,