diy-template-components 0.2.34 → 0.2.36

package/build/index.js

@@ -2,22 +2,21 @@
 
 
 
-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;
 }
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var Slider = require('react-slick');
-var Image = require('next/image');
 var axios = require('axios');
 var moment = require('moment');
 var Countdown = require('react-countdown');
@@ -28,7 +27,6 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var Slider__default = /*#__PURE__*/_interopDefaultLegacy(Slider);
-var Image__default = /*#__PURE__*/_interopDefaultLegacy(Image);
 var axios__default = /*#__PURE__*/_interopDefaultLegacy(axios);
 var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment);
 var Countdown__default = /*#__PURE__*/_interopDefaultLegacy(Countdown);
@@ -1388,10 +1386,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%'
@@ -1525,6 +1529,34 @@ const useSectionStyles$9 = createUseStyles(theme => ({
   }
 }));
 
+const NextImageRenderer = ({
+  src,
+  ...props
+}) => {
+  const {
+    isCustomWebsite
+  } = React.useContext(PageContext);
+  let {
+    refSetter,
+    className
+  } = props;
+  if (isCustomWebsite) {
+    const NextImage = require('next/image').default;
+    return /*#__PURE__*/React__default["default"].createElement(NextImage, _extends({
+      src: src,
+      layout: 'fill',
+      ref: refSetter,
+      className: className
+    }, props));
+  } else {
+    return /*#__PURE__*/React__default["default"].createElement("img", {
+      ref: refSetter,
+      className: className,
+      src: src
+    });
+  }
+};
+
 function Footer({
   data
 }) {
@@ -1537,10 +1569,12 @@ function Footer({
     className: classes.upperContainer
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: classes.upperContainerItem1
-  }, /*#__PURE__*/React__default["default"].createElement("img", {
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: classes.upperContainerItem1Img
+  }, /*#__PURE__*/React__default["default"].createElement(NextImageRenderer, {
     src: data?.logo?.metadata?.url,
     ref: data?.logo?.refSetter
-  })), /*#__PURE__*/React__default["default"].createElement("div", {
+  }))), /*#__PURE__*/React__default["default"].createElement("div", {
     className: classes.upperContainerItem2
   }, data?.address?.metadata.value && data?.address?.metadata.value !== '<br>' ? /*#__PURE__*/React__default["default"].createElement("p", {
     className: classes.addressContainer
@@ -2284,41 +2318,6 @@ function Carousel({
   })));
 }
 
-const NextImageRenderer = ({
-  src,
-  ...props
-}) => {
-  const {
-    isCustomWebsite
-  } = React.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__default["default"].createElement(Image__default["default"], _extends({
-      src: src,
-      layout: 'fill',
-      ref: refSetter,
-      className: className
-    }, props));
-  } else {
-    return /*#__PURE__*/React__default["default"].createElement("img", {
-      ref: refSetter,
-      className: className,
-      src: src
-    });
-  }
-};
-
 function Section$4({
   nodeData
 }) {