diy-template-components 0.2.53 → 0.2.55

package/build/index.es.js

@@ -1141,7 +1141,7 @@ const NextImageRenderer = ({
       refSetter,
       className
     } = props;
-    if (isCustomWebsite && typeof Image !== undefined) {
+    if (isCustomWebsite && typeof Image !== 'undefined') {
       const classes = nextImageRendererStyles();
       const imageLoader = ({
         src,
@@ -1156,9 +1156,8 @@ const NextImageRenderer = ({
         return `${process.env.NEXT_PUBLIC_ENV_ASSET_PREFIX}/_next/image?url=${src}&q=${quality || 75}&w=${dynamicWidth}`;
       };
       const NextImage = require('next/image').default;
-      console.log('next image succes');
       return /*#__PURE__*/React.createElement(NextImage, _extends({
-        priority: sectionIndex === '0' ? true : false,
+        priority: sectionIndex === 0 ? true : false,
         loader: imageLoader,
         src: src,
         layout: 'fill',
@@ -1168,7 +1167,6 @@ const NextImageRenderer = ({
         alt: "image"
       }));
     } else {
-      console.log('next image failed image tag');
       return /*#__PURE__*/React.createElement("img", {
         ref: refSetter,
         className: className,
@@ -1652,7 +1650,7 @@ const useSectionStyles$9 = createUseStyles(theme => ({
       width: '28%',
       paddingBottom: ({
         isCustomWebsite
-      }) => isCustomWebsite ? "8%" : '0%'
+      }) => isCustomWebsite ? '8%' : '0%'
     },
     socialMediaCta: {
       margin: '0 8px 16px 8px'
@@ -2223,7 +2221,7 @@ const useSectionStyles$8 = createUseStyles(theme => ({
       height: 'undefined',
       paddingBottom: ({
         isCustomWebsite
-      }) => isCustomWebsite ? "100%" : "unset"
+      }) => isCustomWebsite ? '100%' : 'unset'
     }
   }
 }));
@@ -2840,13 +2838,13 @@ const useSectionStyles$6 = createUseStyles(theme => ({
     // paddingBottom: '35rem',
     paddingBottom: ({
       isCustomWebsite
-    }) => isCustomWebsite ? '45%' : "unset",
+    }) => isCustomWebsite ? '45%' : 'unset',
     backgroundSize: 'cover',
     backgroundPosition: 'center center'
   },
   centerBgImage: {
     objectFit: 'cover',
-    width: "100%",
+    width: '100%',
     backgroundSize: 'cover',
     backgroundPosition: 'center center'
   },
@@ -2905,15 +2903,15 @@ const useSectionStyles$6 = createUseStyles(theme => ({
     centerBgImageContainer: {
       width: ({
         isCustomWebsite
-      }) => isCustomWebsite ? "100%" : 'unset',
+      }) => isCustomWebsite ? '100%' : 'unset',
       position: 'relative',
       height: '34rem',
       paddingBottom: '0'
     },
     centerBgImage: {
-      objectFit: "cover",
-      width: "100%",
-      height: "inherit"
+      objectFit: 'cover',
+      width: '100%',
+      height: 'inherit'
     }
   }
 }));
@@ -2995,6 +2993,7 @@ function BannerCarouselCenter({
     className: classes.bannerCarouselCenterSection
   }, /*#__PURE__*/React.createElement(Wrapper, wrapperProps, bannerCarousel.components.map((node, idx) => /*#__PURE__*/React.createElement(Section$3, {
     nodeData: node,
+    isCustomWebsite: isCustomWebsite,
     key: idx /* or some other unique property */,
     sectionIndex: sectionIndex
   }))));
@@ -3101,7 +3100,7 @@ const useSectionStyles$5 = createUseStyles(theme => {
         height: 'unset !important',
         '& img': {
           height: 'unset !important',
-          objectFit: "cover"
+          objectFit: 'cover'
         }
       },
       imageContainerDiv: {
@@ -3989,7 +3988,7 @@ const useVideoStyles$1 = createUseStyles(theme => {
     },
     icon: {
       zIndex: '999',
-      position: "absolute"
+      position: 'absolute'
     },
     imgContainer: {
       position: 'absolute',
@@ -3998,7 +3997,7 @@ const useVideoStyles$1 = createUseStyles(theme => {
       borderRadius: theme.shape.borderRadius.small,
       // backgroundImage: ({ imageUrl } = {}) =>
       //   `linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%), url("${imageUrl}")`,
-      background: "linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%)",
+      background: 'linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%)',
       backgroundSize: 'cover',
       display: 'flex',
       justifyContent: 'center',