diy-template-components 0.2.53 → 0.2.55

package/build/index.js

@@ -1156,7 +1156,7 @@ const NextImageRenderer = ({
       refSetter,
       className
     } = props;
-    if (isCustomWebsite && typeof Image !== undefined) {
+    if (isCustomWebsite && typeof Image !== 'undefined') {
       const classes = nextImageRendererStyles();
       const imageLoader = ({
         src,
@@ -1171,9 +1171,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__default["default"].createElement(NextImage, _extends({
-        priority: sectionIndex === '0' ? true : false,
+        priority: sectionIndex === 0 ? true : false,
         loader: imageLoader,
         src: src,
         layout: 'fill',
@@ -1183,7 +1182,6 @@ const NextImageRenderer = ({
         alt: "image"
       }));
     } else {
-      console.log('next image failed image tag');
       return /*#__PURE__*/React__default["default"].createElement("img", {
         ref: refSetter,
         className: className,
@@ -1667,7 +1665,7 @@ const useSectionStyles$9 = createUseStyles(theme => ({
       width: '28%',
       paddingBottom: ({
         isCustomWebsite
-      }) => isCustomWebsite ? "8%" : '0%'
+      }) => isCustomWebsite ? '8%' : '0%'
     },
     socialMediaCta: {
       margin: '0 8px 16px 8px'
@@ -2238,7 +2236,7 @@ const useSectionStyles$8 = createUseStyles(theme => ({
       height: 'undefined',
       paddingBottom: ({
         isCustomWebsite
-      }) => isCustomWebsite ? "100%" : "unset"
+      }) => isCustomWebsite ? '100%' : 'unset'
     }
   }
 }));
@@ -2855,13 +2853,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'
   },
@@ -2920,15 +2918,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'
     }
   }
 }));
@@ -3010,6 +3008,7 @@ function BannerCarouselCenter({
     className: classes.bannerCarouselCenterSection
   }, /*#__PURE__*/React__default["default"].createElement(Wrapper, wrapperProps, bannerCarousel.components.map((node, idx) => /*#__PURE__*/React__default["default"].createElement(Section$3, {
     nodeData: node,
+    isCustomWebsite: isCustomWebsite,
     key: idx /* or some other unique property */,
     sectionIndex: sectionIndex
   }))));
@@ -3116,7 +3115,7 @@ const useSectionStyles$5 = createUseStyles(theme => {
         height: 'unset !important',
         '& img': {
           height: 'unset !important',
-          objectFit: "cover"
+          objectFit: 'cover'
         }
       },
       imageContainerDiv: {
@@ -4004,7 +4003,7 @@ const useVideoStyles$1 = createUseStyles(theme => {
     },
     icon: {
       zIndex: '999',
-      position: "absolute"
+      position: 'absolute'
     },
     imgContainer: {
       position: 'absolute',
@@ -4013,7 +4012,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',