diy-template-components 0.2.62 → 0.2.64

package/build/index.es.js

@@ -1,12 +1,12 @@
-function ___$insertStyle(css) {
-    if (!css || !window) {
-        return;
-    }
-    const style = document.createElement('style');
-    style.setAttribute('type', 'text/css');
-    style.innerHTML = css;
-    document.head.appendChild(style);
-    return css;
+function ___$insertStyle(css) {
+    if (!css || typeof window === 'undefined') {
+        return;
+    }
+    const style = document.createElement('style');
+    style.setAttribute('type', 'text/css');
+    style.innerHTML = css;
+    document.head.appendChild(style);
+    return css;
 }
 
 import React, { createContext, useContext, forwardRef, useRef, useEffect, useState, useMemo, useLayoutEffect, Suspense, memo, lazy, Fragment } from 'react';
@@ -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({
@@ -2892,23 +2902,34 @@ const useSectionStyles$6 = createUseStyles(theme => ({
       padding: '0px'
     },
     textContainer: {
-      padding: '0px 20px',
-      height: '100%'
+      padding: '20px 20px',
+      height: '100%',
+      width: '100%',
+      backgroundColor: theme?.palette?.background?.primary
+    },
+    subTitleHeading: {
+      color: theme?.palette?.font?.tertiary
     },
     heading: {
-      fontSize: '40px'
+      fontSize: '40px',
+      color: theme?.palette?.font?.default
     },
     description: {
-      margin: '16px 0'
+      margin: '16px 0',
+      color: theme?.palette?.font?.primary
     },
     centerBgImageContainer: {
       width: ({
         isCustomWebsite
       }) => isCustomWebsite ? '100%' : 'unset',
-      position: 'relative',
-      height: '34rem',
+      // position: 'relative',
+      // height: '34rem',
+      minHeight: '200px',
       paddingBottom: '0'
     },
+    sectionContainer: {
+      position: 'unset'
+    },
     centerBgImage: {
       objectFit: 'cover',
       width: '100%',
@@ -5081,7 +5102,7 @@ const useFaqListStyles = createUseStyles(theme => ({
     lineHeight: '24px',
     maxHeight: ({
       isSelected
-    } = {}) => isSelected ? '100px' : '0',
+    } = {}) => isSelected ? 'unset' : '0',
     transition: 'all 0.7s',
     overflow: 'hidden'
   },