diy-template-components 0.2.35 → 0.2.37

package/build/index.es.js

@@ -1,12 +1,12 @@
-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';
@@ -1371,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%'
@@ -1508,6 +1514,41 @@ const useSectionStyles$9 = createUseStyles(theme => ({
   }
 }));
 
+const NextImageRenderer = ({
+  src,
+  ...props
+}) => {
+  const {
+    isCustomWebsite
+  } = useContext(PageContext);
+  const imageLoader = ({
+    src,
+    quality
+  }) => {
+    return `${process.env.NEXT_PUBLIC_ENV_ASSET_PREFIX}/_next/image?url=${src}&q=${quality || 75}`;
+  };
+  let {
+    refSetter,
+    className
+  } = props;
+  if (isCustomWebsite) {
+    const NextImage = require('next/image').default;
+    return /*#__PURE__*/React.createElement(NextImage, _extends({
+      loader: imageLoader,
+      src: src,
+      layout: 'fill',
+      ref: refSetter,
+      className: className
+    }, props));
+  } else {
+    return /*#__PURE__*/React.createElement("img", {
+      ref: refSetter,
+      className: className,
+      src: src
+    });
+  }
+};
+
 function Footer({
   data
 }) {
@@ -1520,10 +1561,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
@@ -2267,34 +2310,6 @@ function Carousel({
   })));
 }
 
-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 Section$4({
   nodeData
 }) {