diy-template-components 0.2.63 → 0.2.65

package/build/index.es.js

@@ -1153,7 +1153,11 @@ const NextImageRenderer = ({
           desktop: 1200
         };
         const dynamicWidth = isMobile ? breakpoints.mobile : breakpoints?.desktop;
-        return `${process.env.NEXT_PUBLIC_ENV_ASSET_PREFIX}/_next/image?url=${src}&q=${quality || 75}&w=${dynamicWidth}`;
+        if (process.env.NEXT_PUBLIC_ENV_ASSET_PREFIX !== undefined) {
+          return `${process.env.NEXT_PUBLIC_ENV_ASSET_PREFIX}/_next/image?url=${src}&w=${width}&q=${quality || 75}`;
+        } else {
+          return `/_next/image?url=${src}&w=${width}&q=${quality || 75}`;
+        }
       };
       const NextImage = require('next/image').default;
       return /*#__PURE__*/React.createElement(NextImage, _extends({
@@ -1690,9 +1694,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", {
@@ -1802,7 +1806,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
@@ -1889,8 +1893,7 @@ const generateThemePalette = themeColors => ({
     primary: colors.lightGrey,
     secondary: colors.grey,
     tertiary: colors.blueGrey
-  },
-  fontColor: themeColors.colorCode
+  }
 });
 const bluePalette = generateThemePalette(blueTheme);
 const redPalette = generateThemePalette(redTheme);
@@ -2903,23 +2906,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%',
@@ -5092,7 +5106,7 @@ const useFaqListStyles = createUseStyles(theme => ({
     lineHeight: '24px',
     maxHeight: ({
       isSelected
-    } = {}) => isSelected ? '100px' : '0',
+    } = {}) => isSelected ? 'unset' : '0',
     transition: 'all 0.7s',
     overflow: 'hidden'
   },