@bigbinary/neeto-site-blocks 1.10.3 → 1.10.5

package/dist/index.cjs.js

@@ -3526,6 +3526,45 @@ _curry2(function mergeRight(l, r) {
   return _objectAssign$1({}, l, r);
 });
 
+/**
+ * Returns a partial copy of an object omitting the keys specified.
+ *
+ * @func
+ * @memberOf R
+ * @since v0.1.0
+ * @category Object
+ * @sig [String] -> {String: *} -> {String: *}
+ * @param {Array} names an array of String property names to omit from the new object
+ * @param {Object} obj The object to copy from
+ * @return {Object} A new object with properties from `names` not on it.
+ * @see R.pick
+ * @example
+ *
+ *      R.omit(['a', 'd'], {a: 1, b: 2, c: 3, d: 4}); //=> {b: 2, c: 3}
+ */
+
+var omit =
+/*#__PURE__*/
+_curry2(function omit(names, obj) {
+  var result = {};
+  var index = {};
+  var idx = 0;
+  var len = names.length;
+
+  while (idx < len) {
+    index[names[idx]] = 1;
+    idx += 1;
+  }
+
+  for (var prop in obj) {
+    if (!index.hasOwnProperty(prop)) {
+      result[prop] = obj[prop];
+    }
+  }
+
+  return result;
+});
+
 /**
  * Returns a partial copy of an object containing only the keys that satisfy
  * the supplied predicate.
@@ -16667,7 +16706,8 @@ var Button = function Button(_ref) {
     id = _ref.id,
     index = _ref.index;
   var anchorBaseClass = classnames("inline-flex items-center justify-center transition-all duration-300 ease-in-out", {
-    "neeto-site-highlight__element after:z-10": disableButtonAndLinks
+    "neeto-site-highlight__element after:z-10": disableButtonAndLinks,
+    "pointer-events-none": !disableButtonAndLinks && action === ""
   });
   var _useElementClick = useElementClick({
       id: id,
@@ -16733,7 +16773,8 @@ var LinkElement = function LinkElement(_ref) {
     index = _ref.index,
     otherProps = _objectWithoutProperties__default["default"](_ref, _excluded$x);
   var baseClass = classnames("inline-flex items-center transition-all duration-300 ease-in-out relative", {
-    " neeto-site-highlight__element": disableButtonAndLinks
+    "neeto-site-highlight__element": disableButtonAndLinks,
+    "pointer-events-none": !disableButtonAndLinks && action === ""
   });
   var _useElementClick = useElementClick({
       id: id,
@@ -22418,7 +22459,7 @@ var CtaClassic = function CtaClassic(_ref) {
     design: design.body,
     nestedClassName: baseClasses
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "col-span-12 sm:col-span-8 sm:col-start-3 lg:col-span-6 lg:col-start-4"
+    className: "col-span-full"
   }, /*#__PURE__*/React__default["default"].createElement(Typography$1, _extends__default["default"]({
     isTitle: true,
     component: "h3",
@@ -22428,7 +22469,7 @@ var CtaClassic = function CtaClassic(_ref) {
     id: "cta-classic-description",
     style: design.description
   }, otherProps), description)), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "col-span-10 col-start-2 flex flex-col justify-center gap-y-2 space-x-2 sm:col-span-6 sm:col-start-4 sm:flex-row lg:col-span-4 lg:col-start-5"
+    className: "col-span-10 col-start-2 flex flex-col justify-center gap-y-2 sm:col-span-6 sm:col-start-4 sm:flex-row sm:space-x-2 lg:col-span-4 lg:col-start-5"
   }, buttons.map(function (button, index) {
     return /*#__PURE__*/React__default["default"].createElement(Button$1, _extends__default["default"]({
       className: "justify-center sm:w-auto",
@@ -40001,7 +40042,7 @@ var CtaWithEmailAction = function CtaWithEmailAction(_ref) {
     design: design.body,
     nestedClassName: baseClasses
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "col-span-12 sm:col-span-8 sm:col-start-3 lg:col-span-6 lg:col-start-4"
+    className: "col-span-full"
   }, /*#__PURE__*/React__default["default"].createElement(Typography$1, _extends__default["default"]({
     isTitle: true,
     component: "h3",
@@ -40011,7 +40052,9 @@ var CtaWithEmailAction = function CtaWithEmailAction(_ref) {
     id: "cta-with-email-action-description",
     style: design.description
   }, 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"
+    className: "col-span-12 flex flex-col gap-3 sm:col-span-8 sm:col-start-3 lg:col-span-6 lg:col-start-4"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "flex flex-col justify-center gap-y-2 sm:flex-row sm:gap-y-0"
   }, /*#__PURE__*/React__default["default"].createElement(StyledInput, {
     className: "h-10 flex-grow rounded-md px-4 focus:border-black focus:outline-none sm:rounded-r-none",
     design: design.input,
@@ -40026,20 +40069,26 @@ var CtaWithEmailAction = function CtaWithEmailAction(_ref) {
     className: buttonClasses,
     design: design.button,
     onClick: handleSubscribe
-  }, response.status === "loading" ? "Loading.." : button.label)), response.message && /*#__PURE__*/React__default["default"].createElement("div", {
-    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 === "loading" ? "Loading.." : button.label)), response.message && /*#__PURE__*/React__default["default"].createElement(StyledWrapper, {
+    design: {
+      textAlign: design.successMessage.textAlign,
+      marginTop: design.successMessage.marginTop,
+      marginBottom: design.successMessage.marginBottom
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "inline-flex items-center gap-x-2"
   }, response.status === "error" ? /*#__PURE__*/React__default["default"].createElement(Close, {
-    className: "self-center rounded-full bg-red-600 p-1",
+    className: "flex-shrink-0 rounded-full bg-red-600 p-1",
     color: "#ffffff",
     size: 20
   }) : /*#__PURE__*/React__default["default"].createElement(Check, {
-    className: "self-center rounded-full bg-green-600 p-1",
+    className: "flex-shrink-0  rounded-full bg-green-600 p-1",
     color: "#ffffff",
     size: 20
   }), /*#__PURE__*/React__default["default"].createElement(Typography$1, {
-    style: design.successMessage
-  }, response.message)), /*#__PURE__*/React__default["default"].createElement(Typography$1, _extends__default["default"]({
-    className: "col-span-10 col-start-2 sm:col-span-4 sm:col-start-5",
+    style: omit(["textAlign", "marginTop", "marginBottom"], design.successMessage)
+  }, response.message)))), /*#__PURE__*/React__default["default"].createElement(Typography$1, _extends__default["default"]({
+    className: "col-span-full",
     id: "cta-with-email-action-promotion-text",
     style: design.promotionText
   }, otherProps), promotionText));
@@ -40064,7 +40113,7 @@ var CtaWithLogo = function CtaWithLogo(_ref) {
     logoUrl = properties.logoUrl,
     buttons = properties.buttons,
     src = properties.backgroundImage.src;
-  var baseClasses = "grid grid-cols-12 items-center gap-x-4 gap-y-8";
+  var baseClasses = "flex flex-col sm:flex-row items-center gap-x-4 gap-y-8";
   return /*#__PURE__*/React__default["default"].createElement(BlockWrapper, {
     className: className,
     enableAnimation: enableAnimation,
@@ -40077,13 +40126,13 @@ var CtaWithLogo = function CtaWithLogo(_ref) {
   }, /*#__PURE__*/React__default["default"].createElement(StyledImage$1, {
     image: image,
     alt: "logo",
-    className: "col-span-10 col-start-2 mx-auto sm:col-span-2 sm:col-start-1",
     design: design.logo,
     disableButtonAndLinks: otherProps.disableButtonAndLinks,
     id: "cta-with-logo-logo",
-    src: logoUrl
+    src: logoUrl,
+    wrapperClassName: "flex item-center flex-shrink-0"
   }), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "col-span-12 sm:col-span-6 sm:col-start-3 lg:col-span-7"
+    className: "flex-grow"
   }, /*#__PURE__*/React__default["default"].createElement(Typography$1, _extends__default["default"]({
     isTitle: true,
     component: "h4",
@@ -40093,7 +40142,7 @@ var CtaWithLogo = function CtaWithLogo(_ref) {
     id: "cta-with-logo-description",
     style: design.description
   }, otherProps), description)), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "col-span-12 mx-auto w-full sm:col-span-3 sm:col-start-10 lg:col-span-3 lg:col-start-10"
+    className: "flex-shrink-0"
   }, buttons.map(function (button, index) {
     return /*#__PURE__*/React__default["default"].createElement(Button$1, _extends__default["default"]({
       className: "justify-center sm:w-auto",
@@ -42657,7 +42706,7 @@ var HeroWithCallToAction = function HeroWithCallToAction(_ref) {
     "sm:col-span-12 sm:col-start-1 flex flex-col justify-center order-2": POSITIONS.TOP.label === mediaPosition && mediaURL,
     "sm:col-span-12 lg:col-start-1": !mediaURL
   });
-  var buttonBaseClasses = classnames("flex w-full items-center gap-x-3 justify-center", {
+  var buttonBaseClasses = classnames("flex w-full items-center gap-x-3", {
     "sm:justify-start": mediaURL && (mediaPosition === POSITIONS.LEFT.label || mediaPosition === POSITIONS.RIGHT.label)
   });
   return /*#__PURE__*/React__default["default"].createElement(BlockWrapper, {
@@ -42686,14 +42735,17 @@ var HeroWithCallToAction = function HeroWithCallToAction(_ref) {
     component: "p",
     id: "hero-with-call-to-action-description",
     style: design.description
-  }, otherProps), description), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: buttonBaseClasses
+  }, otherProps), description), /*#__PURE__*/React__default["default"].createElement(StyledWrapper, {
+    className: buttonBaseClasses,
+    design: {
+      justifyContent: design.primaryButtons.justifyContent
+    }
   }, properties.buttons.map(function (button, index) {
     return /*#__PURE__*/React__default["default"].createElement(Button$1, _extends__default["default"]({
       className: "w-full justify-center sm:w-auto sm:justify-start",
       id: "hero-with-call-to-action-button-".concat(index, "-button"),
       key: getUniqueKey(button.label, button.to, index),
-      style: button.type === "primary" ? design.primaryButtons : design.secondaryButtons
+      style: button.type === "primary" ? dissoc("justifyContent", design.primaryButtons) : design.secondaryButtons
     }, _objectSpread$3(_objectSpread$3({
       index: index
     }, button), otherProps)));