diy-template-components 2.0.54 → 2.0.56

package/build/index.js

@@ -2184,29 +2184,30 @@ function NanumSquare() {
 }
 
 const TYPE_TO_COMPONENT_MAP$1 = {
-  BANNER_CAROUSEL_RIGHT: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$m; })),
-  GRID_CARD: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$l; })),
-  BANNER_CAROUSEL_CENTER: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$k; })),
-  BANNER_CAROUSEL_LEFT: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$j; })),
-  FORM_SUBSCRIBE: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$i; })),
-  TEXT_TESTIMONIAL: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$h; })),
-  VIDEO_TESTIMONIAL: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$g; })),
-  VIDEO: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$f; })),
-  INFO: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$e; })),
-  TEXT: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$d; })),
-  IMAGE_GALLERY: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$c; })),
-  FAQ_LISTING: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$b; })),
-  COURSE_CAROUSEL: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$9; })),
-  TEAM_CARD: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$8; })),
-  TEXT_GRID: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$a; })),
-  CONTACT: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$7; })),
-  FORM_ENQUIRY: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$6; })),
-  WEBINAR_LANDING_PAGE: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$5; })),
-  COURSE_LANDING_PAGE: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$4; })),
-  FORM_LANDING_PAGE: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$3; })),
-  TILES_SECTION: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$2; })),
-  EMAIL_DRIP_MARKET: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$1; })),
-  ABOUT_INSTITUTE: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index; }))
+  BANNER_CAROUSEL_RIGHT: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$n; })),
+  GRID_CARD: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$m; })),
+  BANNER_CAROUSEL_CENTER: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$l; })),
+  BANNER_CAROUSEL_LEFT: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$k; })),
+  FORM_SUBSCRIBE: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$j; })),
+  TEXT_TESTIMONIAL: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$i; })),
+  VIDEO_TESTIMONIAL: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$h; })),
+  VIDEO: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$g; })),
+  INFO: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$f; })),
+  TEXT: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$e; })),
+  IMAGE_GALLERY: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$d; })),
+  FAQ_LISTING: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$c; })),
+  COURSE_CAROUSEL: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$a; })),
+  TEAM_CARD: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$9; })),
+  TEXT_GRID: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$b; })),
+  CONTACT: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$8; })),
+  FORM_ENQUIRY: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$7; })),
+  WEBINAR_LANDING_PAGE: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$6; })),
+  COURSE_LANDING_PAGE: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$5; })),
+  FORM_LANDING_PAGE: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$4; })),
+  TILES_SECTION: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$3; })),
+  EMAIL_DRIP_MARKET: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$2; })),
+  ABOUT_INSTITUTE: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$1; })),
+  TIMER_AND_CALL: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index; }))
 };
 const getCompToRender$1 = type => TYPE_TO_COMPONENT_MAP$1[type] || (() => null);
 const MemoisedSection$1 = /*#__PURE__*/React.memo(({
@@ -2324,8 +2325,7 @@ const generateTheme = (theme = 'blue', fontFamily = 'Arial', isMobile) => {
     gradient = themeColor[1];
     darkMode = themeColor[2];
   }
-
-  // console.log('color', allColors, gradient, darkMode);
+  console.log('color', allColors, gradient, darkMode);
 
   // switch (color) {
   //   case solidColors:
@@ -2958,7 +2958,7 @@ function BannerCarouselRight({
   })))));
 }
 
-var index$m = /*#__PURE__*/Object.freeze({
+var index$n = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': BannerCarouselRight
 });
@@ -3184,7 +3184,7 @@ function List({
   }))));
 }
 
-var index$l = /*#__PURE__*/Object.freeze({
+var index$m = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': List
 });
@@ -3479,7 +3479,7 @@ function BannerCarouselCenter({
   }))));
 }
 
-var index$k = /*#__PURE__*/Object.freeze({
+var index$l = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': BannerCarouselCenter
 });
@@ -3711,7 +3711,7 @@ function BannerCarouselLeft({
   })))));
 }
 
-var index$j = /*#__PURE__*/Object.freeze({
+var index$k = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': BannerCarouselLeft
 });
@@ -4107,7 +4107,7 @@ function SubscribeToNewsletter({
   })))))));
 }
 
-var index$i = /*#__PURE__*/Object.freeze({
+var index$j = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': SubscribeToNewsletter
 });
@@ -4395,7 +4395,7 @@ function Testimonials({
   }));
 }
 
-var index$h = /*#__PURE__*/Object.freeze({
+var index$i = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': Testimonials
 });
@@ -4801,7 +4801,7 @@ function VideoTestimonial({
   }))))));
 }
 
-var index$g = /*#__PURE__*/Object.freeze({
+var index$h = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': VideoTestimonial
 });
@@ -5037,7 +5037,7 @@ function Video({
   }, carouselContent))));
 }
 
-var index$f = /*#__PURE__*/Object.freeze({
+var index$g = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': Video
 });
@@ -5274,7 +5274,7 @@ function Info({
   }, carouselContent))));
 }
 
-var index$e = /*#__PURE__*/Object.freeze({
+var index$f = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': Info
 });
@@ -5393,7 +5393,7 @@ const TextSection = ({
   })))));
 };
 
-var index$d = /*#__PURE__*/Object.freeze({
+var index$e = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': TextSection
 });
@@ -5618,7 +5618,7 @@ function PhotoGallery({
   }, carouselContent))));
 }
 
-var index$c = /*#__PURE__*/Object.freeze({
+var index$d = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': PhotoGallery
 });
@@ -5801,7 +5801,7 @@ const Accordion = ({
   })));
 };
 
-var index$b = /*#__PURE__*/Object.freeze({
+var index$c = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': FAQListing
 });
@@ -5972,7 +5972,7 @@ const TextGrid = ({
   }, carouselContent))));
 };
 
-var index$a = /*#__PURE__*/Object.freeze({
+var index$b = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': TextGrid
 });
@@ -6504,7 +6504,7 @@ function SimpleCardsContainer({
   }, children);
 }
 
-var index$9 = /*#__PURE__*/Object.freeze({
+var index$a = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': courses
 });
@@ -6823,7 +6823,7 @@ function TeamCard({
   }, " ", getCarouselContent())));
 }
 
-var index$8 = /*#__PURE__*/Object.freeze({
+var index$9 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': TeamCard
 });
@@ -7248,7 +7248,7 @@ function FormEnquiry({
   })))))));
 }
 
-var index$7 = /*#__PURE__*/Object.freeze({
+var index$8 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': FormEnquiry
 });
@@ -7672,7 +7672,7 @@ function Contact({
   })))))));
 }
 
-var index$6 = /*#__PURE__*/Object.freeze({
+var index$7 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': Contact
 });
@@ -8151,13 +8151,13 @@ function CoursePromotionPage$1({
   }))));
 }
 
-var index$5 = /*#__PURE__*/Object.freeze({
+var index$6 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': CoursePromotionPage$1
 });
 
 const useCoursePromotionPage = createUseStyles(theme => {
-  // console.log(theme, 'themere');
+  console.log(theme, 'themere');
   return {
     courseSuperContainer: {
       display: 'flex',
@@ -8743,12 +8743,12 @@ function CoursePromotionPage({
   }))));
 }
 
-var index$4 = /*#__PURE__*/Object.freeze({
+var index$5 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': CoursePromotionPage
 });
 
-const useFormPageStyles = createUseStyles(theme => ({
+const useFormPageStyles$1 = createUseStyles(theme => ({
   formPageSection: {
     padding: ({
       isMobile
@@ -8914,7 +8914,7 @@ const FormPage = ({
     isMobile,
     countryCode
   } = React.useContext(PageContext);
-  const classes = useFormPageStyles({
+  const classes = useFormPageStyles$1({
     isMobile
   });
   const handleSubmit = async e => {
@@ -9108,7 +9108,7 @@ const FormPage = ({
   })))));
 };
 
-var index$3 = /*#__PURE__*/Object.freeze({
+var index$4 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': FormPage
 });
@@ -9256,7 +9256,7 @@ function Tiles({
   }, TileDiv)));
 }
 
-var index$2 = /*#__PURE__*/Object.freeze({
+var index$3 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': Tiles
 });
@@ -9731,7 +9731,7 @@ function EmailDripMarket({
   })));
 }
 
-var index$1 = /*#__PURE__*/Object.freeze({
+var index$2 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': EmailDripMarket
 });
@@ -10100,11 +10100,39 @@ function ABOUT_INSTITUTE({
   }, /*#__PURE__*/React__default["default"].createElement(ImageJSX, null), /*#__PURE__*/React__default["default"].createElement(ContentJSX, null)), /*#__PURE__*/React__default["default"].createElement(HighlightJSX, null)));
 }
 
-var index = /*#__PURE__*/Object.freeze({
+var index$1 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': ABOUT_INSTITUTE
 });
 
+const TimerAndCall = ({
+  sectionData,
+  extraProps = {}
+}) => {
+  console.log('sid sectionData', sectionData, extraProps);
+  const [nodeData] = sectionData?.components;
+  const classes = useFormPageStyles({
+    isMobile
+  });
+  return /*#__PURE__*/React__default["default"].createElement("section", {
+    className: classes.timerAndCallSection
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: classes.timerAndCallContainer
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: classes.timerAndCallBox
+  }, nodeData?.showOffer?.metadata?.value ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null) : null, nodeData?.title?.metadata?.value ? /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("span", {
+    ref: nodeData?.heading?.refSetter,
+    dangerouslySetInnerHTML: {
+      __html: nodeData?.title?.metadata?.value
+    }
+  })) : null)));
+};
+
+var index = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  'default': TimerAndCall
+});
+
 const TYPE_TO_COMPONENT_MAP = {
   BANNER_CAROUSEL_RIGHT: BannerCarouselRight,
   GRID_CARD: List,
@@ -10128,7 +10156,8 @@ const TYPE_TO_COMPONENT_MAP = {
   FORM_LANDING_PAGE: FormPage,
   TILES_SECTION: Tiles,
   EMAIL_DRIP_MARKET: EmailDripMarket,
-  ABOUT_INSTITUTE
+  ABOUT_INSTITUTE,
+  TIMER_AND_CALL: TimerAndCall
 };
 const getCompToRender = type => TYPE_TO_COMPONENT_MAP[type] || (() => null);
 const MemoisedSection = /*#__PURE__*/React.memo(({