diy-template-components 4.0.5 → 4.0.7

package/build/index.js

@@ -12648,205 +12648,6 @@ var index$2 = /*#__PURE__*/Object.freeze({
     'default': TimerAndCall
 });
 
-const TYPE_TO_COMPONENT_MAP = {
-  BANNER_CAROUSEL_RIGHT: BannerCarouselRight,
-  GRID_CARD: List,
-  BANNER_CAROUSEL_CENTER: BannerCarouselCenter,
-  BANNER_CAROUSEL_CENTER_V2: BannerCarouselCenterv2,
-  BANNER_CAROUSEL_LEFT: BannerCarouselLeft,
-  FORM_SUBSCRIBE: SubscribeToNewsletter,
-  TEXT_TESTIMONIAL: Testimonials,
-  VIDEO_TESTIMONIAL: VideoTestimonial,
-  VIDEO: Video,
-  INFO: Info,
-  TEXT: TextSection,
-  IMAGE_GALLERY: PhotoGallery,
-  FAQ_LISTING: FAQListing,
-  TEXT_GRID: TextGrid,
-  COURSE_CAROUSEL: courses,
-  TEAM_CARD: TeamCard,
-  CONTACT: FormEnquiry,
-  FORM_ENQUIRY: Contact,
-  WEBINAR_LANDING_PAGE: CoursePromotionPage$1,
-  COURSE_LANDING_PAGE: CoursePromotionPage,
-  FORM_LANDING_PAGE: FormPage,
-  TILES_SECTION: Tiles,
-  EMAIL_DRIP_MARKET: EmailDripMarket,
-  ABOUT_INSTITUTE,
-  COUNTER_SECTION: CounterSection,
-  STICKY_CTA: StickyCta,
-  CUSTOM_HTML_SECTION: CustomHtmlRender,
-  TIMER_AND_CALL: TimerAndCall
-};
-const getCompToRender = type => TYPE_TO_COMPONENT_MAP[type] || (() => null);
-const MemoisedSection = /*#__PURE__*/React.memo(({
-  sectionData,
-  extraProps,
-  isCustomWebsite,
-  sectionIndex
-}) => {
-  console.log('extraProps in section data', extraProps);
-  const SectionComp = getCompToRender(sectionData.type);
-  return /*#__PURE__*/React__default["default"].createElement(SectionComp, {
-    sectionData: sectionData,
-    extraProps: extraProps,
-    isCustomWebsite: isCustomWebsite,
-    sectionIndex: sectionIndex
-  });
-});
-const SectionWithBackground = withSectionBackground(MemoisedSection);
-function SectionRenderer({
-  sectionData,
-  extraProps,
-  isCustomWebsite,
-  sectionIndex
-}) {
-  let sectionBg = {};
-  if (sectionData?.isV2Section) {
-    sectionBg = sectionData?.bgSection?.components?.[0]?.sectionBgData || {};
-  }
-  return /*#__PURE__*/React__default["default"].createElement(SectionWithBackground, {
-    sectionData: sectionData,
-    extraProps: extraProps,
-    isCustomWebsite: isCustomWebsite,
-    sectionIndex: sectionIndex,
-    isSkipV2Section: sectionData?.isV2Section,
-    componentBg: sectionBg || {}
-  });
-}
-
-function PageRenderer({
-  pageData: {
-    metadata: {
-      theme: {
-        color = defaultTheme.color,
-        font = defaultTheme.font,
-        roundness = defaultTheme.roundness
-      } = defaultTheme,
-      layout = defaultLayout
-    } = defaultMetadata,
-    sections,
-    header,
-    footer,
-    validations = {},
-    _id,
-    isLandingPage = false,
-    isCustomWebsite = false
-  },
-  isMobile = false,
-  isLandingPages = false,
-  baseURLs = {},
-  hashToken,
-  SectionWrapper,
-  isMasterTemplate,
-  basePath,
-  countryCode,
-  currencySymbol,
-  isPreview,
-  isEdit,
-  sectionPlaceholder,
-  templateId,
-  isTutorWebsite = false,
-  extraProps,
-  hideLogin
-}) {
-  const navList = header?.navs;
-  const context = React.useMemo(() => ({
-    isMobile,
-    isLandingPages,
-    layout,
-    baseURLs,
-    hashToken,
-    isMasterTemplate,
-    basePath,
-    isPreview,
-    isEdit,
-    templateId,
-    navList,
-    validations,
-    isTutorWebsite,
-    extraProps,
-    hideLogin,
-    isCustomWebsite,
-    _id,
-    countryCode,
-    currencySymbol
-  }), [isMobile, isLandingPages, layout, baseURLs, hashToken, isPreview, isEdit, templateId, navList, isMasterTemplate, basePath, validations, isTutorWebsite, extraProps, hideLogin, _id, countryCode, currencySymbol]);
-  const theme = React.useMemo(() => generateTheme(color, font, context.isMobile, roundness), [color, font, context.isMobile, roundness]);
-  const Wrapper = SectionWrapper || React.Fragment;
-  return /*#__PURE__*/React__default["default"].createElement(ThemeProvider, {
-    theme: theme
-  }, /*#__PURE__*/React__default["default"].createElement(PageContext.Provider, {
-    value: context
-  }, /*#__PURE__*/React__default["default"].createElement(FontSeeder, {
-    fontFamily: font
-  }), !!header && /*#__PURE__*/React__default["default"].createElement(Wrapper, !!SectionWrapper && {
-    sectionData: header,
-    isHeader: true
-  }, /*#__PURE__*/React__default["default"].createElement(Header, {
-    data: header,
-    isLandingPage: isLandingPage,
-    extraProps: extraProps
-  })), sections?.length ? sections?.map((sectionData, sectionIndex) => /*#__PURE__*/React__default["default"].createElement(Wrapper, _extends({}, !!SectionWrapper && {
-    sectionData,
-    sectionIndex
-  }, {
-    key: sectionData.type + (sectionData._id || sectionIndex)
-  }), /*#__PURE__*/React__default["default"].createElement(SectionRenderer, {
-    sectionData: sectionData,
-    extraProps: extraProps,
-    isCustomWebsite: isCustomWebsite,
-    sectionIndex: sectionIndex
-  }))) : sectionPlaceholder, !!footer && /*#__PURE__*/React__default["default"].createElement(Wrapper, !!SectionWrapper && {
-    sectionData: footer,
-    isFooter: true
-  }, /*#__PURE__*/React__default["default"].createElement(Footer, {
-    data: footer
-  }))));
-}
-
-const componentParser = compObj => {
-  if (compObj.type === 'componentCollection') {
-    const component = {
-      _id: compObj._id,
-      metadata: compObj.metadata || {}
-    };
-    compObj.components.forEach(comp => {
-      component[comp.name] = componentParser(comp);
-    });
-    return component;
-  }
-  if (Array.isArray(compObj.components)) {
-    compObj.components = compObj.components.map(componentParser);
-  }
-  return compObj;
-};
-const inverseComponentParser = compObj => {
-  if (!compObj.type) {
-    const {
-      metadata,
-      _id,
-      ...existingComponent
-    } = compObj;
-    const newComponent = {
-      type: 'componentCollection',
-      name: '',
-      elementType: '',
-      label: '',
-      metadata: metadata || {},
-      components: [],
-      _id
-    };
-    newComponent.components = Object.values(existingComponent).map(inverseComponentParser);
-    return newComponent;
-  } else {
-    if (compObj.components) {
-      compObj.components = compObj.components.map(inverseComponentParser);
-    }
-    return compObj;
-  }
-};
-
 const useVideoWorkshopPromotionStyles = createUseStyles(theme => {
   return {
     section: {
@@ -13086,6 +12887,206 @@ var index$1 = /*#__PURE__*/Object.freeze({
     'default': VideoWorkshopPromotion
 });
 
+const TYPE_TO_COMPONENT_MAP = {
+  BANNER_CAROUSEL_RIGHT: BannerCarouselRight,
+  GRID_CARD: List,
+  BANNER_CAROUSEL_CENTER: BannerCarouselCenter,
+  BANNER_CAROUSEL_CENTER_V2: BannerCarouselCenterv2,
+  BANNER_CAROUSEL_LEFT: BannerCarouselLeft,
+  FORM_SUBSCRIBE: SubscribeToNewsletter,
+  TEXT_TESTIMONIAL: Testimonials,
+  VIDEO_TESTIMONIAL: VideoTestimonial,
+  VIDEO: Video,
+  INFO: Info,
+  TEXT: TextSection,
+  IMAGE_GALLERY: PhotoGallery,
+  FAQ_LISTING: FAQListing,
+  TEXT_GRID: TextGrid,
+  COURSE_CAROUSEL: courses,
+  TEAM_CARD: TeamCard,
+  CONTACT: FormEnquiry,
+  FORM_ENQUIRY: Contact,
+  WEBINAR_LANDING_PAGE: CoursePromotionPage$1,
+  COURSE_LANDING_PAGE: CoursePromotionPage,
+  FORM_LANDING_PAGE: FormPage,
+  TILES_SECTION: Tiles,
+  EMAIL_DRIP_MARKET: EmailDripMarket,
+  ABOUT_INSTITUTE,
+  COUNTER_SECTION: CounterSection,
+  STICKY_CTA: StickyCta,
+  CUSTOM_HTML_SECTION: CustomHtmlRender,
+  TIMER_AND_CALL: TimerAndCall,
+  VIDEO_WORKSHOP_PROMOTION: VideoWorkshopPromotion
+};
+const getCompToRender = type => TYPE_TO_COMPONENT_MAP[type] || (() => null);
+const MemoisedSection = /*#__PURE__*/React.memo(({
+  sectionData,
+  extraProps,
+  isCustomWebsite,
+  sectionIndex
+}) => {
+  console.log('extraProps in section data', extraProps);
+  const SectionComp = getCompToRender(sectionData.type);
+  return /*#__PURE__*/React__default["default"].createElement(SectionComp, {
+    sectionData: sectionData,
+    extraProps: extraProps,
+    isCustomWebsite: isCustomWebsite,
+    sectionIndex: sectionIndex
+  });
+});
+const SectionWithBackground = withSectionBackground(MemoisedSection);
+function SectionRenderer({
+  sectionData,
+  extraProps,
+  isCustomWebsite,
+  sectionIndex
+}) {
+  let sectionBg = {};
+  if (sectionData?.isV2Section) {
+    sectionBg = sectionData?.bgSection?.components?.[0]?.sectionBgData || {};
+  }
+  return /*#__PURE__*/React__default["default"].createElement(SectionWithBackground, {
+    sectionData: sectionData,
+    extraProps: extraProps,
+    isCustomWebsite: isCustomWebsite,
+    sectionIndex: sectionIndex,
+    isSkipV2Section: sectionData?.isV2Section,
+    componentBg: sectionBg || {}
+  });
+}
+
+function PageRenderer({
+  pageData: {
+    metadata: {
+      theme: {
+        color = defaultTheme.color,
+        font = defaultTheme.font,
+        roundness = defaultTheme.roundness
+      } = defaultTheme,
+      layout = defaultLayout
+    } = defaultMetadata,
+    sections,
+    header,
+    footer,
+    validations = {},
+    _id,
+    isLandingPage = false,
+    isCustomWebsite = false
+  },
+  isMobile = false,
+  isLandingPages = false,
+  baseURLs = {},
+  hashToken,
+  SectionWrapper,
+  isMasterTemplate,
+  basePath,
+  countryCode,
+  currencySymbol,
+  isPreview,
+  isEdit,
+  sectionPlaceholder,
+  templateId,
+  isTutorWebsite = false,
+  extraProps,
+  hideLogin
+}) {
+  const navList = header?.navs;
+  const context = React.useMemo(() => ({
+    isMobile,
+    isLandingPages,
+    layout,
+    baseURLs,
+    hashToken,
+    isMasterTemplate,
+    basePath,
+    isPreview,
+    isEdit,
+    templateId,
+    navList,
+    validations,
+    isTutorWebsite,
+    extraProps,
+    hideLogin,
+    isCustomWebsite,
+    _id,
+    countryCode,
+    currencySymbol
+  }), [isMobile, isLandingPages, layout, baseURLs, hashToken, isPreview, isEdit, templateId, navList, isMasterTemplate, basePath, validations, isTutorWebsite, extraProps, hideLogin, _id, countryCode, currencySymbol]);
+  const theme = React.useMemo(() => generateTheme(color, font, context.isMobile, roundness), [color, font, context.isMobile, roundness]);
+  const Wrapper = SectionWrapper || React.Fragment;
+  return /*#__PURE__*/React__default["default"].createElement(ThemeProvider, {
+    theme: theme
+  }, /*#__PURE__*/React__default["default"].createElement(PageContext.Provider, {
+    value: context
+  }, /*#__PURE__*/React__default["default"].createElement(FontSeeder, {
+    fontFamily: font
+  }), !!header && /*#__PURE__*/React__default["default"].createElement(Wrapper, !!SectionWrapper && {
+    sectionData: header,
+    isHeader: true
+  }, /*#__PURE__*/React__default["default"].createElement(Header, {
+    data: header,
+    isLandingPage: isLandingPage,
+    extraProps: extraProps
+  })), sections?.length ? sections?.map((sectionData, sectionIndex) => /*#__PURE__*/React__default["default"].createElement(Wrapper, _extends({}, !!SectionWrapper && {
+    sectionData,
+    sectionIndex
+  }, {
+    key: sectionData.type + (sectionData._id || sectionIndex)
+  }), /*#__PURE__*/React__default["default"].createElement(SectionRenderer, {
+    sectionData: sectionData,
+    extraProps: extraProps,
+    isCustomWebsite: isCustomWebsite,
+    sectionIndex: sectionIndex
+  }))) : sectionPlaceholder, !!footer && /*#__PURE__*/React__default["default"].createElement(Wrapper, !!SectionWrapper && {
+    sectionData: footer,
+    isFooter: true
+  }, /*#__PURE__*/React__default["default"].createElement(Footer, {
+    data: footer
+  }))));
+}
+
+const componentParser = compObj => {
+  if (compObj.type === 'componentCollection') {
+    const component = {
+      _id: compObj._id,
+      metadata: compObj.metadata || {}
+    };
+    compObj.components.forEach(comp => {
+      component[comp.name] = componentParser(comp);
+    });
+    return component;
+  }
+  if (Array.isArray(compObj.components)) {
+    compObj.components = compObj.components.map(componentParser);
+  }
+  return compObj;
+};
+const inverseComponentParser = compObj => {
+  if (!compObj.type) {
+    const {
+      metadata,
+      _id,
+      ...existingComponent
+    } = compObj;
+    const newComponent = {
+      type: 'componentCollection',
+      name: '',
+      elementType: '',
+      label: '',
+      metadata: metadata || {},
+      components: [],
+      _id
+    };
+    newComponent.components = Object.values(existingComponent).map(inverseComponentParser);
+    return newComponent;
+  } else {
+    if (compObj.components) {
+      compObj.components = compObj.components.map(inverseComponentParser);
+    }
+    return compObj;
+  }
+};
+
 const useCoursePromotionPage = createUseStyles(theme => {
   console.log(theme, 'themere');
   return {