@bigbinary/neeto-site-blocks 1.1.9 → 1.2.1

package/dist/index.cjs.js

@@ -37970,6 +37970,51 @@ var FAQItem = function FAQItem(_ref3) {
   }, answer)))));
 };
 
+var FeatureWithBulletList = function FeatureWithBulletList(_ref) {
+  var configurations = _ref.configurations,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className,
+    id = _ref.id;
+  var properties = configurations.properties,
+    design = configurations.design;
+  var _properties$content = properties.content,
+    title = _properties$content.title,
+    description = _properties$content.description,
+    enableAnimation = properties.enableAnimation,
+    bulletList = properties.bulletList,
+    src = properties.backgroundImage.src;
+  var baseClasses = "grid grid-cols-12 items-center";
+  return /*#__PURE__*/React__default["default"].createElement(BlockWrapper, {
+    className: className,
+    enableAnimation: enableAnimation,
+    id: id,
+    backgroundImage: mergeLeft({
+      src: src
+    }, design.backgroundImage),
+    design: design.body,
+    nestedClassName: baseClasses
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "col-span-12 sm:col-span-5"
+  }, /*#__PURE__*/React__default["default"].createElement(Typography$1, {
+    isTitle: true,
+    component: "h1",
+    style: design.title
+  }, title), /*#__PURE__*/React__default["default"].createElement(Typography$1, {
+    component: "p",
+    style: design.description
+  }, description)), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "col-span-12 flex justify-center sm:col-span-6 sm:col-start-7"
+  }, /*#__PURE__*/React__default["default"].createElement("ul", {
+    className: "list-disc"
+  }, bulletList.map(function (featureTitle, index) {
+    return /*#__PURE__*/React__default["default"].createElement(Typography$1, {
+      component: "li",
+      key: getUniqueKey(featureTitle, index),
+      style: design.bulletList
+    }, featureTitle);
+  }))));
+};
+
 function ownKeys$5(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread$5(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$5(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$5(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var FeatureWithDetails = function FeatureWithDetails(_ref) {
@@ -40795,13 +40840,13 @@ var HeroWithCallToAction = function HeroWithCallToAction(_ref) {
     "sm:justify-start": mediaURL && (mediaPosition === POSITIONS.LEFT.label || mediaPosition === POSITIONS.RIGHT.label)
   });
   return /*#__PURE__*/React__default["default"].createElement(BlockWrapper, {
+    className: className,
+    enableAnimation: enableAnimation,
+    id: id,
     backgroundImage: mergeLeft({
       src: src
     }, design.backgroundImage),
-    className: className,
     design: design.body,
-    enableAnimation: enableAnimation,
-    id: id,
     nestedClassName: baseClasses
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: textBaseClasses
@@ -40818,24 +40863,17 @@ var HeroWithCallToAction = function HeroWithCallToAction(_ref) {
     style: design.description
   }, description), /*#__PURE__*/React__default["default"].createElement("div", {
     className: buttonBaseClasses
-  }, properties.buttons.map(function (_ref2, index) {
-    var label = _ref2.label,
-      url = _ref2.url,
-      action = _ref2.action,
-      type = _ref2.type;
+  }, properties.buttons.map(function (button, index) {
     return /*#__PURE__*/React__default["default"].createElement(Button$1, _extends__default["default"]({
-      action: action,
       className: "w-full justify-center sm:w-auto sm:justify-start",
-      key: getUniqueKey(label, type, index),
-      label: label,
-      to: url,
-      style: type === "primary" ? design.primaryButtons : design.secondaryButtons
-    }, otherProps));
+      key: getUniqueKey(button.label, button.to, index),
+      style: button.type === "primary" ? design.primaryButtons : design.secondaryButtons
+    }, button, otherProps));
   }))), /*#__PURE__*/React__default["default"].createElement("div", {
     className: mediaBaseClasses
   }, /*#__PURE__*/React__default["default"].createElement(Media, {
-    design: design.media,
     isEmbedded: isEmbedded,
+    design: design.media,
     src: mediaURL
   })));
 };
@@ -41405,6 +41443,7 @@ exports.CtaWithLogo = CtaWithLogo;
 exports.DESIGN_OPTIONS = index$1;
 exports.Embed = Embed;
 exports.FaqWithAccordion = FaqWithHamburgerView;
+exports.FeatureWithBulletList = FeatureWithBulletList;
 exports.FeatureWithDetails = FeatureWithDetails;
 exports.FeatureWithGrid = FeatureWithGrid;
 exports.FeatureWithImage = FeatureWithImage;