@bigbinary/neeto-site-blocks 1.10.4 → 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.
@@ -22420,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",
@@ -22430,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",
@@ -40003,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",
@@ -40013,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,
@@ -40028,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));
@@ -40066,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,
@@ -40079,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",
@@ -40095,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",