diy-template-components 0.2.61 → 0.2.63

package/build/index.es.js

@@ -1183,6 +1183,8 @@ const NextImageRenderer = ({
   }
 };
 
+const DEFAULT_HEADER_IMAGE_LP = 'https://cdn-diy-public.classplus.co/assets/icons/landing-pages-default-logo.png';
+
 function DesktopHeader({
   header,
   navData,
@@ -1223,7 +1225,7 @@ function DesktopHeader({
   };
   return /*#__PURE__*/React.createElement("nav", {
     className: classes.section
-  }, /*#__PURE__*/React.createElement("div", {
+  }, !(header?.websiteLogo === DEFAULT_HEADER_IMAGE_LP && isCustomWebsite) ? /*#__PURE__*/React.createElement("div", {
     className: classes.headerSection
   }, /*#__PURE__*/React.createElement("div", {
     className: classes.headerContainer
@@ -1254,7 +1256,11 @@ function DesktopHeader({
     isLandingPages: isLandingPage,
     moreContent: moreContentFn(),
     isTutorWebsite: isTutorWebsite
-  }))));
+  }))) : /*#__PURE__*/React.createElement("div", {
+    style: {
+      paddingTop: '30px'
+    }
+  }));
 }
 
 var phoneIos = "data:image/svg+xml,%3Csvg%20width%3D%2244%22%20height%3D%2244%22%20viewBox%3D%220%200%2044%2044%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20filter%3D%22url%28%23filter0_d_3094_7439%29%22%3E%3Crect%20x%3D%222%22%20y%3D%221%22%20width%3D%2240%22%20height%3D%2240%22%20rx%3D%224%22%20fill%3D%22%23F0F4F8%22%2F%3E%3Cpath%20d%3D%22M30.4539%2016.8288C30.3555%2016.8912%2028.0131%2018.1908%2028.0131%2021.0732C28.1235%2024.3612%2030.9687%2025.5132%2031.0179%2025.5132C30.9699%2025.5744%2030.5883%2027.084%2029.4603%2028.6656C28.5651%2030.0276%2027.5715%2031.4016%2026.0631%2031.4016C24.6279%2031.4016%2024.1119%2030.4932%2022.4559%2030.4932C20.6775%2030.4932%2020.1747%2031.4016%2018.8127%2031.4016C17.3043%2031.4016%2016.2375%2029.9544%2015.2931%2028.6044C14.0667%2026.838%2013.0251%2024.066%2012.9879%2021.4044C12.9627%2019.9944%2013.2327%2018.6084%2013.9191%2017.43C14.8887%2015.786%2016.6179%2014.67%2018.5067%2014.634C19.9539%2014.5848%2021.2427%2015.6264%2022.1247%2015.6264C22.9719%2015.6264%2024.5535%2014.6328%2026.3439%2014.6328C27.1167%2014.634%2029.1783%2014.8668%2030.4539%2016.8288ZM22.0023%2014.352C21.7455%2013.0632%2022.4559%2011.7756%2023.1183%2010.9536C23.9655%209.95998%2025.3023%209.28558%2026.4543%209.28558C26.5287%2010.5744%2026.0619%2011.8368%2025.2279%2012.7572C24.4803%2013.7508%2023.1927%2014.4984%2022.0023%2014.352Z%22%20fill%3D%22%234D4D4D%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3Cfilter%20id%3D%22filter0_d_3094_7439%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2244%22%20height%3D%2244%22%20filterUnits%3D%22userSpaceOnUse%22%20color-interpolation-filters%3D%22sRGB%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20type%3D%22matrix%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%20result%3D%22hardAlpha%22%2F%3E%3CfeOffset%20dy%3D%221%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%221%22%2F%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20operator%3D%22out%22%2F%3E%3CfeColorMatrix%20type%3D%22matrix%22%20values%3D%220%200%200%200%200.4%200%200%200%200%200.4%200%200%200%200%200.4%200%200%200%200.16%200%22%2F%3E%3CfeBlend%20mode%3D%22normal%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22effect1_dropShadow_3094_7439%22%2F%3E%3CfeBlend%20mode%3D%22normal%22%20in%3D%22SourceGraphic%22%20in2%3D%22effect1_dropShadow_3094_7439%22%20result%3D%22shape%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3C%2Fsvg%3E";
@@ -1389,7 +1395,7 @@ function MobileHeader({
   return /*#__PURE__*/React.createElement("nav", {
     ref: navEl,
     className: classes.section
-  }, /*#__PURE__*/React.createElement("div", {
+  }, !(header?.websiteLogo === DEFAULT_HEADER_IMAGE_LP && isCustomWebsite) ? /*#__PURE__*/React.createElement("div", {
     className: classes.headerSection
   }, /*#__PURE__*/React.createElement("div", {
     className: classes.mobileHeader
@@ -1435,7 +1441,11 @@ function MobileHeader({
     navDataCount: navData?.length,
     headerData: header,
     isMobile: true
-  })))) : null));
+  })))) : null) : /*#__PURE__*/React.createElement("div", {
+    style: {
+      paddingTop: '30px'
+    }
+  }));
 }
 
 function Header({
@@ -1680,9 +1690,9 @@ function Footer({
     isCustomWebsite
   });
   return /*#__PURE__*/React.createElement("footer", {
-    className: data.metadata.isCpBranding ? `${classes.section}` : `${classes.section} ${classes.sectionNoBranding}`
+    className: data?.metadata?.isCpBranding ? `${classes.section}` : `${classes.section} ${classes.sectionNoBranding}`
   }, /*#__PURE__*/React.createElement("div", {
-    className: data.metadata.isCpBranding ? `${classes.upperContainer}` : `${classes.upperContainer} ${classes.upperContainerNoBranding}`
+    className: data?.metadata?.isCpBranding ? `${classes.upperContainer}` : `${classes.upperContainer} ${classes.upperContainerNoBranding}`
   }, /*#__PURE__*/React.createElement("div", {
     className: classes.upperContainerItem1
   }, /*#__PURE__*/React.createElement("div", {
@@ -1792,7 +1802,7 @@ function Footer({
     color: theme.palette.background.default,
     width: '16px',
     height: '16px'
-  })) : null)), data.metadata.isCpBranding ? /*#__PURE__*/React.createElement("div", {
+  })) : null)), data?.metadata?.isCpBranding ? /*#__PURE__*/React.createElement("div", {
     className: classes.lowerContainer
   }, /*#__PURE__*/React.createElement("div", {
     className: classes.bottomLeftText
@@ -1879,7 +1889,8 @@ const generateThemePalette = themeColors => ({
     primary: colors.lightGrey,
     secondary: colors.grey,
     tertiary: colors.blueGrey
-  }
+  },
+  fontColor: themeColors.colorCode
 });
 const bluePalette = generateThemePalette(blueTheme);
 const redPalette = generateThemePalette(redTheme);
@@ -7004,6 +7015,9 @@ const useWebinarPromotionPage = createUseStyles(theme => {
       borderRadius: '6px'
     },
     '@media (max-width: 767px)': {
+      bannerContainerText: {
+        fontSize: '16px'
+      },
       courseViewContainer: {
         width: '100%'
       },
@@ -7033,6 +7047,11 @@ const useWebinarPromotionPage = createUseStyles(theme => {
       videoDetailsContent: {
         marginTop: '4px'
       }
+    },
+    '@media (max-width: 420px)': {
+      bannerContainerText: {
+        fontSize: '14px'
+      }
     }
   };
 });
@@ -7476,6 +7495,9 @@ const useCoursePromotionPage = createUseStyles(theme => {
       marginLeft: 'auto'
     },
     '@media (max-width: 767px)': {
+      bannerContainerText: {
+        fontSize: '16px'
+      },
       courseViewContainer: {
         width: '100%',
         paddingBottom: '10px'
@@ -7507,6 +7529,11 @@ const useCoursePromotionPage = createUseStyles(theme => {
       videoDetailsContent: {
         marginTop: '4px'
       }
+    },
+    '@media (max-width: 420px)': {
+      bannerContainerText: {
+        fontSize: '14px'
+      }
     }
   };
 });