@bigbinary/neeto-site-blocks 1.8.24 → 1.8.26

package/dist/index.cjs.js

@@ -15927,6 +15927,12 @@ var StyledInterweave = styled__default["default"](Interweave)(function (_ref) {
   return "\n  h1 {\n    font-size: ".concat(fontSize ? "calc(".concat(FIXED_H1_SIZE, " + ").concat(fontSize, ")") : FIXED_H1_SIZE, ";\n    font-weight: inherit;\n  }\n\n  h2 {\n    font-size: ").concat(fontSize ? "calc(".concat(FIXED_H2_SIZE, " + ").concat(fontSize, ")") : FIXED_H2_SIZE, ";\n    font-weight: inherit;\n  }\n\n  h3 {\n    font-size: ").concat(fontSize ? "calc(".concat(FIXED_H3_SIZE, " + ").concat(fontSize, ")") : FIXED_H3_SIZE, ";\n    font-weight: inherit;\n  }\n\n  h4 {\n    font-size: ").concat(fontSize ? "calc(".concat(FIXED_H4_SIZE, " + ").concat(fontSize, ")") : FIXED_H4_SIZE, ";\n    font-weight: inherit;\n  }\n\n  h5 {\n    font-size: ").concat(fontSize ? "calc(".concat(FIXED_H5_SIZE, " + ").concat(fontSize, ")") : FIXED_H5_SIZE, ";\n    font-weight: inherit;\n  }\n");
 });
 
+var _templateObject$1;
+var ListWrapper = styled__default["default"].div(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteral__default["default"]([""])));
+var ListWrapper$1 = withConditionalRender(ListWrapper, function (props) {
+  return prop("isVisible", props);
+});
+
 var _templateObject;
 var PaginationWrapper = styled__default["default"].div.attrs(function (_ref) {
   var isActive = _ref.isActive;
@@ -39239,7 +39245,7 @@ var CtaWithEmailAction = function CtaWithEmailAction(_ref) {
     button = properties.button,
     src = properties.backgroundImage.src;
   var baseClasses = "grid grid-cols-12 items-center gap-x-4 gap-y-8";
-  var buttonClasses = classnames("justify-center sm:w-auto rounded-r-md", {
+  var buttonClasses = classnames("justify-center sm:w-auto sm:rounded-l-none rounded-md", {
     "pointer-events-none bg-gray-500": response.status === "loading" || response.status === "error"
   });
   var handleEmailBlur = function handleEmailBlur(e) {
@@ -39332,7 +39338,7 @@ var CtaWithEmailAction = function CtaWithEmailAction(_ref) {
   }, otherProps), description)), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "col-span-12 flex flex-col justify-center gap-y-2 sm:col-span-8 sm:col-start-3 sm:flex-row sm:gap-y-0 lg:col-span-6 lg:col-start-4"
   }, /*#__PURE__*/React__default["default"].createElement(StyledInput, {
-    className: "h-10 flex-grow rounded-l-md px-4 focus:border-black focus:outline-none",
+    className: "h-10 flex-grow rounded-md px-4 focus:border-black focus:outline-none sm:rounded-r-none",
     design: design.input,
     placeholder: "Enter your email",
     type: "text",
@@ -39346,13 +39352,13 @@ var CtaWithEmailAction = function CtaWithEmailAction(_ref) {
     design: design.button,
     onClick: handleSubscribe
   }, response.status === "loading" ? "Loading.." : button.label)), response.message && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "col-span-10 -mt-4 flex justify-center gap-x-2 lg:col-span-6 lg:col-start-4"
+    className: "col-span-12 -mt-4 flex flex-col justify-center gap-x-2 sm:flex-row lg:col-span-6 lg:col-start-4"
   }, response.status === "error" ? /*#__PURE__*/React__default["default"].createElement(Close, {
-    className: "rounded-full bg-red-600 p-1",
+    className: "self-center rounded-full bg-red-600 p-1",
     color: "#ffffff",
     size: 20
   }) : /*#__PURE__*/React__default["default"].createElement(Check, {
-    className: "rounded-full bg-green-600 p-1",
+    className: "self-center rounded-full bg-green-600 p-1",
     color: "#ffffff",
     size: 20
   }), /*#__PURE__*/React__default["default"].createElement(Typography$1, {
@@ -40176,24 +40182,28 @@ var FooterClassic = function FooterClassic(_ref) {
         borderColor: "#C2C8CC"
       }
     }), /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "col-span-12 grid grid-cols-4 sm:col-span-8 sm:col-start-3 sm:flex sm:justify-between sm:gap-y-0"
+      className: "col-span-12 sm:col-span-12 sm:mx-20 sm:flex sm:justify-between sm:gap-y-0"
     }, /*#__PURE__*/React__default["default"].createElement(StyledImage$1, {
-      className: "col-span-4 mb-4 sm:mb-0",
       design: design.logo,
       disableButtonAndLinks: otherProps.disableButtonAndLinks,
       id: "footer-classic-logo",
-      src: logo.src
-    }), links.map(function (link, index) {
+      src: logo.src,
+      wrapperClassName: "mb-4 sm:mb-0"
+    }), /*#__PURE__*/React__default["default"].createElement(ListWrapper$1, {
+      className: "col-span-4 flex justify-center gap-x-4 sm:w-full sm:justify-around sm:gap-1",
+      isVisible: neetoCist.isNotEmpty(links)
+    }, links.map(function (link, index) {
       return /*#__PURE__*/React__default["default"].createElement(Link, _extends__default["default"]({
         index: index,
-        className: "col-span-1 mt-2 hover:text-gray-700 sm:mt-0",
+        className: "mt-2 flex justify-center hover:text-gray-700 sm:mt-0",
         key: getUniqueKey(link.label, index)
       }, link, {
         id: "footer-classic-links-".concat(index, "-link"),
         style: design.links
       }, otherProps));
-    })), /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "col-span-12 flex justify-center gap-x-4 sm:col-span-8 sm:col-start-3"
+    }))), /*#__PURE__*/React__default["default"].createElement(ListWrapper$1, {
+      className: "col-span-12 flex justify-center gap-x-4 sm:col-span-8 sm:col-start-3",
+      isVisible: neetoCist.isNotEmpty(socialIcons)
     }, socialIcons.map(function (_icon, index) {
       return /*#__PURE__*/React__default["default"].createElement(Link, _extends__default["default"]({
         id: "footer-classic-social-icons-".concat(index, "-link"),
@@ -40225,13 +40235,14 @@ var FooterClassic = function FooterClassic(_ref) {
     design: design.body,
     nestedClassName: baseClasses
   }, /*#__PURE__*/React__default["default"].createElement(StyledImage$1, {
-    className: "col-span-12 sm:col-span-2",
     design: design.logo,
     disableButtonAndLinks: otherProps.disableButtonAndLinks,
     id: "footer-classic-logo",
-    src: logo.src
-  }), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "col-span-12 grid grid-cols-4 gap-x-10 gap-y-4 sm:col-span-10 sm:col-start-4 sm:flex sm:justify-end"
+    src: logo.src,
+    wrapperClassName: "col-span-12 sm:col-span-2 !justify-self-start"
+  }), /*#__PURE__*/React__default["default"].createElement(ListWrapper$1, {
+    className: "col-span-12 grid grid-cols-4 gap-x-10 gap-y-4 sm:col-span-10 sm:col-start-4 sm:flex sm:justify-end",
+    isVisible: neetoCist.isNotEmpty(links)
   }, links.map(function (link, index) {
     return /*#__PURE__*/React__default["default"].createElement(Link, _extends__default["default"]({
       index: index,
@@ -40247,8 +40258,9 @@ var FooterClassic = function FooterClassic(_ref) {
     design: {
       borderColor: "#C2C8CC"
     }
-  }), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "col-span-12 flex justify-center gap-x-4 sm:col-span-4 sm:col-start-9 sm:justify-end"
+  }), /*#__PURE__*/React__default["default"].createElement(ListWrapper$1, {
+    className: "col-span-12 flex justify-center gap-x-4 sm:col-span-4 sm:col-start-9 sm:justify-end",
+    isVisible: neetoCist.isNotEmpty(socialIcons)
   }, socialIcons.map(function (_icon2, index) {
     return /*#__PURE__*/React__default["default"].createElement(Link, _extends__default["default"]({
       id: "footer-classic-social-icons-".concat(index, "-link"),
@@ -40299,14 +40311,16 @@ var FooterWithIcons = function FooterWithIcons(_ref) {
     design: design.body,
     nestedClassName: baseClasses
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "col-span-12 grid grid-cols-4 gap-y-4 sm:col-span-6 sm:flex sm:gap-x-4 lg:col-span-5"
+    className: "col-span-12 grid grid-cols-8 gap-y-4 sm:col-span-7 sm:w-full sm:gap-x-4 lg:col-span-6"
   }, /*#__PURE__*/React__default["default"].createElement(StyledImage$1, {
-    className: "col-span-4",
     design: design.logo,
     disableButtonAndLinks: otherProps.disableButtonAndLinks,
     id: "footer-with-icons-logo",
-    src: logo.src
-  }), logo.src && /*#__PURE__*/React__default["default"].createElement(StyledWrapper, {
+    src: logo.src,
+    wrapperClassName: "col-span-8 sm:col-span-2 sm:justify-self-end"
+  }), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "col-span-6 flex sm:col-span-6 sm:gap-x-4"
+  }, logo.src && /*#__PURE__*/React__default["default"].createElement(StyledWrapper, {
     className: "hidden sm:block",
     design: {
       borderRightWidth: "1px",
@@ -40314,12 +40328,13 @@ var FooterWithIcons = function FooterWithIcons(_ref) {
     }
   }), /*#__PURE__*/React__default["default"].createElement(Typography$1, _extends__default["default"]({
     isTitle: true,
-    className: "hidden w-full sm:block",
+    className: "my-auto hidden w-full self-center sm:block",
     component: "p",
     id: "footer-with-icons-copyright-text",
     style: design.copyrightText
-  }, otherProps), copyrightText)), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "col-span-12 flex justify-center gap-x-4 sm:col-span-4 sm:col-start-9 sm:justify-end"
+  }, otherProps), copyrightText))), /*#__PURE__*/React__default["default"].createElement(ListWrapper$1, {
+    className: "col-span-12 flex justify-center gap-x-4 sm:col-span-4 sm:col-start-9 sm:justify-end",
+    isVisible: neetoCist.isNotEmpty(socialIcons)
   }, socialIcons.map(function (_icon, index) {
     return /*#__PURE__*/React__default["default"].createElement(Link, _extends__default["default"]({
       id: "footer-with-icons-social-icon-".concat(index, "-link"),
@@ -40336,7 +40351,7 @@ var FooterWithIcons = function FooterWithIcons(_ref) {
     }, _icon), otherProps)));
   })), /*#__PURE__*/React__default["default"].createElement(Typography$1, _extends__default["default"]({
     isTitle: true,
-    className: "col-span-12 -mt-2 flex justify-start sm:hidden",
+    className: "col-span-12 -mt-2 flex justify-center sm:hidden",
     id: "footer-with-icons-copyright-text",
     style: design.copyrightText
   }, otherProps), copyrightText));
@@ -40387,8 +40402,9 @@ var FooterWithLinks = function FooterWithLinks(_ref) {
   }, otherProps), logo.title)), /*#__PURE__*/React__default["default"].createElement(Typography$1, _extends__default["default"]({
     id: "footer-with-links-description",
     style: design.description
-  }, otherProps), description)), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "col-span-12 mb-4 grid grid-cols-4 sm:col-span-4 sm:col-start-7 sm:mb-0"
+  }, otherProps), description)), /*#__PURE__*/React__default["default"].createElement(ListWrapper$1, {
+    className: "col-span-12 mb-4 grid grid-cols-4 gap-y-4 sm:col-span-4 sm:col-start-6 sm:mb-0 lg:col-start-7",
+    isVisible: neetoCist.isNotEmpty(columns)
   }, columns.map(function (_ref2, index) {
     var title = _ref2.title,
       links = _ref2.links;
@@ -40401,8 +40417,10 @@ var FooterWithLinks = function FooterWithLinks(_ref) {
       component: "h5",
       id: "footer-with-links-columns-".concat(index, "-title"),
       style: design.columnTitle
-    }, otherProps), title), /*#__PURE__*/React__default["default"].createElement("ul", {
+    }, otherProps), title), /*#__PURE__*/React__default["default"].createElement(ListWrapper$1, {
+      as: "ul",
       className: "space-y-1",
+      isVisible: neetoCist.isNotEmpty(links),
       role: "list"
     }, links.map(function (_ref3, linkIndex) {
       var action = _ref3.action,
@@ -40413,6 +40431,7 @@ var FooterWithLinks = function FooterWithLinks(_ref) {
       }, /*#__PURE__*/React__default["default"].createElement(Link, _extends__default["default"]({
         action: action,
         linkIndex: linkIndex,
+        disableHovering: true,
         id: "footer-with-links-columns-".concat(index, "-links-").concat(linkIndex),
         label: name,
         style: design.columnLinks,
@@ -40420,16 +40439,18 @@ var FooterWithLinks = function FooterWithLinks(_ref) {
       }, otherProps)));
     })));
   })), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "col-span-12 space-y-2 sm:col-span-2"
+    className: "col-span-12 space-y-2 sm:col-span-2 sm:col-start-10 lg:col-start-11"
   }, /*#__PURE__*/React__default["default"].createElement(Typography$1, _extends__default["default"]({
     isTitle: true,
     component: "h5",
     id: "footer-with-links-contact-title",
     style: design.columnTitle
-  }, otherProps), contact.title), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "flex gap-x-1"
+  }, otherProps), contact.title), /*#__PURE__*/React__default["default"].createElement(ListWrapper$1, {
+    className: "flex gap-x-1",
+    isVisible: neetoCist.isNotEmpty(contact.socialLinks)
   }, contact.socialLinks.map(function (_icon, index) {
     return /*#__PURE__*/React__default["default"].createElement(Link, _extends__default["default"]({
+      disableHovering: true,
       id: "footer-with-links-social-links-".concat(index, "-icon"),
       key: getUniqueKey(_icon.name, index),
       icon: function icon() {
@@ -40441,8 +40462,10 @@ var FooterWithLinks = function FooterWithLinks(_ref) {
     }, _objectSpread$8(_objectSpread$8({
       index: index
     }, _icon), otherProps)));
-  })), /*#__PURE__*/React__default["default"].createElement("ul", {
+  })), /*#__PURE__*/React__default["default"].createElement(ListWrapper$1, {
+    as: "ul",
     className: "space-y-1",
+    isVisible: neetoCist.isNotEmpty(contact.other),
     role: "list"
   }, contact.other.map(function (_ref4, index) {
     var action = _ref4.action,
@@ -40453,6 +40476,7 @@ var FooterWithLinks = function FooterWithLinks(_ref) {
     }, /*#__PURE__*/React__default["default"].createElement(Link, _extends__default["default"]({
       action: action,
       index: index,
+      disableHovering: true,
       id: "footer-with-links-other-".concat(index, "-other"),
       label: value,
       style: design.columnLinks,