diy-template-components 0.2.34 → 0.2.36

package/build/index.es.js

@@ -1,17 +1,16 @@
-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';
 import Slider from 'react-slick';
-import Image from 'next/image';
 import axios from 'axios';
 import moment from 'moment';
 import Countdown from 'react-countdown';
@@ -1372,10 +1371,16 @@ const useSectionStyles$9 = createUseStyles(theme => ({
   upperContainerItem1: {
     width: '33%',
     display: 'flex',
-    justifyContent: 'flex-start',
-    '& img': {
-      maxHeight: '55px'
-    }
+    justifyContent: 'flex-start'
+
+    // '& img': { maxHeight: '55px' }
+  },
+
+  upperContainerItem1Img: {
+    maxHeight: '55px',
+    paddingBottom: '84px',
+    position: 'relative',
+    width: '33%'
   },
   upperContainerItem2: {
     width: '33%'
@@ -1509,6 +1514,34 @@ const useSectionStyles$9 = createUseStyles(theme => ({
   }
 }));
 
+const NextImageRenderer = ({
+  src,
+  ...props
+}) => {
+  const {
+    isCustomWebsite
+  } = useContext(PageContext);
+  let {
+    refSetter,
+    className
+  } = props;
+  if (isCustomWebsite) {
+    const NextImage = require('next/image').default;
+    return /*#__PURE__*/React.createElement(NextImage, _extends({
+      src: src,
+      layout: 'fill',
+      ref: refSetter,
+      className: className
+    }, props));
+  } else {
+    return /*#__PURE__*/React.createElement("img", {
+      ref: refSetter,
+      className: className,
+      src: src
+    });
+  }
+};
+
 function Footer({
   data
 }) {
@@ -1521,10 +1554,12 @@ function Footer({
     className: classes.upperContainer
   }, /*#__PURE__*/React.createElement("div", {
     className: classes.upperContainerItem1
-  }, /*#__PURE__*/React.createElement("img", {
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classes.upperContainerItem1Img
+  }, /*#__PURE__*/React.createElement(NextImageRenderer, {
     src: data?.logo?.metadata?.url,
     ref: data?.logo?.refSetter
-  })), /*#__PURE__*/React.createElement("div", {
+  }))), /*#__PURE__*/React.createElement("div", {
     className: classes.upperContainerItem2
   }, data?.address?.metadata.value && data?.address?.metadata.value !== '<br>' ? /*#__PURE__*/React.createElement("p", {
     className: classes.addressContainer
@@ -2268,41 +2303,6 @@ function Carousel({
   })));
 }
 
-const NextImageRenderer = ({
-  src,
-  ...props
-}) => {
-  const {
-    isCustomWebsite
-  } = useContext(PageContext);
-  let {
-    refSetter,
-    className
-  } = props;
-  if (isCustomWebsite) {
-    // return (React.createElement(require.resolve('next/image').default, {
-    //   src: src,
-    //   layout: 'fill',
-    //   ref: { refSetter },
-    //   className: { className },
-    //   ...props
-    // });)
-
-    return /*#__PURE__*/React.createElement(Image, _extends({
-      src: src,
-      layout: 'fill',
-      ref: refSetter,
-      className: className
-    }, props));
-  } else {
-    return /*#__PURE__*/React.createElement("img", {
-      ref: refSetter,
-      className: className,
-      src: src
-    });
-  }
-};
-
 function Section$4({
   nodeData
 }) {