diy-template-components 0.1.35 → 0.1.36

package/build/index.es.js

@@ -1833,26 +1833,27 @@ function ArimaMadurai() {
 }
 
 const TYPE_TO_COMPONENT_MAP$1 = {
-  BANNER_CAROUSEL_RIGHT: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$j; })),
-  GRID_CARD: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$i; })),
-  BANNER_CAROUSEL_CENTER: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$h; })),
-  BANNER_CAROUSEL_LEFT: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$g; })),
-  FORM_SUBSCRIBE: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$f; })),
-  TEXT_TESTIMONIAL: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$e; })),
-  VIDEO_TESTIMONIAL: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$d; })),
-  VIDEO: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$c; })),
-  INFO: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$b; })),
-  TEXT: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$a; })),
-  IMAGE_GALLERY: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$9; })),
-  FAQ_LISTING: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$8; })),
-  COURSE_CAROUSEL: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$6; })),
-  TEAM_CARD: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$5; })),
-  TEXT_GRID: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$7; })),
-  CONTACT: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$4; })),
-  FORM_ENQUIRY: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$3; })),
-  WEBINAR_LANDING_PAGE: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$2; })),
-  COURSE_LANDING_PAGE: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$1; })),
-  FORM_LANDING_PAGE: /*#__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);
@@ -2390,7 +2391,7 @@ function BannerCarouselRight({
   })))));
 }
 
-var index$j = /*#__PURE__*/Object.freeze({
+var index$k = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': BannerCarouselRight
 });
@@ -2642,7 +2643,7 @@ function List({
   }))));
 }
 
-var index$i = /*#__PURE__*/Object.freeze({
+var index$j = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': List
 });
@@ -2811,7 +2812,7 @@ function BannerCarouselCenter({
   }))));
 }
 
-var index$h = /*#__PURE__*/Object.freeze({
+var index$i = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': BannerCarouselCenter
 });
@@ -3002,7 +3003,7 @@ function BannerCarouselLeft({
   })))));
 }
 
-var index$g = /*#__PURE__*/Object.freeze({
+var index$h = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': BannerCarouselLeft
 });
@@ -3395,7 +3396,7 @@ function SubscribeToNewsletter({
   })))))));
 }
 
-var index$f = /*#__PURE__*/Object.freeze({
+var index$g = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': SubscribeToNewsletter
 });
@@ -3657,7 +3658,7 @@ function Testimonials({
   }));
 }
 
-var index$e = /*#__PURE__*/Object.freeze({
+var index$f = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': Testimonials
 });
@@ -4036,7 +4037,7 @@ function VideoTestimonial({
   }))))));
 }
 
-var index$d = /*#__PURE__*/Object.freeze({
+var index$e = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': VideoTestimonial
 });
@@ -4264,7 +4265,7 @@ function Video({
   }, carouselContent))));
 }
 
-var index$c = /*#__PURE__*/Object.freeze({
+var index$d = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': Video
 });
@@ -4490,7 +4491,7 @@ function Info({
   }, carouselContent))));
 }
 
-var index$b = /*#__PURE__*/Object.freeze({
+var index$c = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': Info
 });
@@ -4609,7 +4610,7 @@ const TextSection = ({
   })))));
 };
 
-var index$a = /*#__PURE__*/Object.freeze({
+var index$b = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': TextSection
 });
@@ -4766,7 +4767,7 @@ function PhotoGallery({
   }, carouselContent))));
 }
 
-var index$9 = /*#__PURE__*/Object.freeze({
+var index$a = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': PhotoGallery
 });
@@ -4944,7 +4945,7 @@ const Accordion = ({
   })));
 };
 
-var index$8 = /*#__PURE__*/Object.freeze({
+var index$9 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': FAQListing
 });
@@ -5109,7 +5110,7 @@ const TextGrid = ({
   }, carouselContent))));
 };
 
-var index$7 = /*#__PURE__*/Object.freeze({
+var index$8 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': TextGrid
 });
@@ -5563,7 +5564,7 @@ function SimpleCardsContainer({
   }, children);
 }
 
-var index$6 = /*#__PURE__*/Object.freeze({
+var index$7 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': courses
 });
@@ -5786,7 +5787,7 @@ function TeamCard({
   }, " ", carouselContent)));
 }
 
-var index$5 = /*#__PURE__*/Object.freeze({
+var index$6 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': TeamCard
 });
@@ -6160,7 +6161,7 @@ function FormEnquiry({
   }))))));
 }
 
-var index$4 = /*#__PURE__*/Object.freeze({
+var index$5 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': FormEnquiry
 });
@@ -6534,7 +6535,7 @@ function Contact({
   }))))));
 }
 
-var index$3 = /*#__PURE__*/Object.freeze({
+var index$4 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': Contact
 });
@@ -6971,7 +6972,7 @@ function CoursePromotionPage$1({
   }))));
 }
 
-var index$2 = /*#__PURE__*/Object.freeze({
+var index$3 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': CoursePromotionPage$1
 });
@@ -7441,7 +7442,7 @@ function CoursePromotionPage({
   }))));
 }
 
-var index$1 = /*#__PURE__*/Object.freeze({
+var index$2 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': CoursePromotionPage
 });
@@ -7785,11 +7786,139 @@ const FormPage = ({
   })))));
 };
 
-var index = /*#__PURE__*/Object.freeze({
+var index$1 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': FormPage
 });
 
+const useTilesStyles = createUseStyles(theme => {
+  return {
+    tileParentDiv: {
+      alignItems: 'center',
+      display: 'flex',
+      flexDirection: 'column',
+      fontFamily: theme?.typography?.fontFamily,
+      alignItems: 'center',
+      display: 'flex',
+      flexDirection: 'column',
+      marginTop: '20px'
+    },
+    tileDiv: {
+      width: '236px',
+      height: '160px',
+      position: 'relative',
+      borderRadius: '16px',
+      overflow: 'hidden',
+      cursor: 'pointer',
+      margin: '1rem'
+    },
+    tileImg: {
+      objectFit: 'cover',
+      position: 'absolute',
+      left: 0,
+      top: 0,
+      width: '100%',
+      height: '100%'
+    },
+    title: {
+      position: 'absolute',
+      top: '12%',
+      left: '7%',
+      color: 'white',
+      fontWeight: '600',
+      fontSize: '28px',
+      width: '150px'
+    },
+    row: {
+      display: 'flex',
+      flexDirection: 'row',
+      justifyContent: 'center',
+      flexWrap: 'wrap',
+      width: '85%',
+      marginBottom: '3rem'
+    },
+    header: {
+      fontWeight: '700',
+      fontSize: '46px',
+      lineHeight: '46px',
+      marginBottom: '1rem',
+      textAlign: 'center',
+      marginTop: '3rem'
+    },
+    headerTitle: {
+      fontWeight: '400',
+      fontSize: '24px',
+      lineHeight: '46px',
+      color: '#7D8592',
+      marginBottom: '3rem',
+      textAlign: 'center'
+    }
+  };
+});
+
+function Tiles({
+  sectionData
+}) {
+  const classes = useTilesStyles({});
+  const {
+    isMobile,
+    layout: {
+      containerWidth
+    },
+    isPreview,
+    isEdit
+  } = useContext(PageContext);
+  const nodeData = sectionData.components;
+  console.log(nodeData);
+  const tilesList = nodeData[0]?.tilesList.components;
+
+  const handleClick = value => {
+    if (!(isEdit || isPreview)) {
+      window.open(value);
+    }
+  };
+
+  const TileDiv = tilesList?.map((tile, i) => {
+    return /*#__PURE__*/React.createElement(Fragment, {
+      key: i
+    }, /*#__PURE__*/React.createElement("div", {
+      className: classes.tileDiv,
+      onClick: () => handleClick(tile.cta?.metadata?.value)
+    }, /*#__PURE__*/React.createElement("img", {
+      className: classes.tileImg,
+      src: tile?.tileImage?.metadata?.value
+    }), /*#__PURE__*/React.createElement("div", {
+      className: classes.title,
+      ref: tile.tileName?.refSetter,
+      dangerouslySetInnerHTML: {
+        __html: tile?.tileName?.metadata?.value
+      }
+    })));
+  });
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: classes.tileParentDiv
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classes.header,
+    ref: nodeData[0].sectionHeader?.refSetter,
+    dangerouslySetInnerHTML: {
+      __html: nodeData[0].sectionHeader?.metadata?.value
+    }
+  }), /*#__PURE__*/React.createElement("div", {
+    className: classes.headerTitle,
+    ref: nodeData[0].sectionTitle?.refSetter,
+    dangerouslySetInnerHTML: {
+      __html: nodeData[0].sectionTitle?.metadata?.value
+    }
+  }), /*#__PURE__*/React.createElement("div", {
+    className: classes.row
+  }, TileDiv)));
+}
+
+var index = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  'default': Tiles
+});
+
 const TYPE_TO_COMPONENT_MAP = {
   BANNER_CAROUSEL_RIGHT: BannerCarouselRight,
   GRID_CARD: List,
@@ -7810,7 +7939,8 @@ const TYPE_TO_COMPONENT_MAP = {
   FORM_ENQUIRY: Contact,
   WEBINAR_LANDING_PAGE: CoursePromotionPage$1,
   COURSE_LANDING_PAGE: CoursePromotionPage,
-  FORM_LANDING_PAGE: FormPage
+  FORM_LANDING_PAGE: FormPage,
+  TILES_SECTION: Tiles
 };
 
 const getCompToRender = type => TYPE_TO_COMPONENT_MAP[type] || (() => null);