@bigbinary/neeto-site-blocks 1.10.24 → 1.10.26

package/dist/index.cjs.js

@@ -6298,7 +6298,8 @@ var Pagination = function Pagination(_ref) {
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? "" : _ref$className,
     _ref$hasNavigation = _ref.hasNavigation,
-    hasNavigation = _ref$hasNavigation === void 0 ? false : _ref$hasNavigation;
+    hasNavigation = _ref$hasNavigation === void 0 ? false : _ref$hasNavigation,
+    totalSlides = _ref.totalSlides;
   var _useState = React.useState(0),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     activeSlide = _useState2[0],
@@ -6314,7 +6315,6 @@ var Pagination = function Pagination(_ref) {
     };
   }, [swiper]);
   if (!swiper) return null;
-  var totalSlides = swiper.slides.length;
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: classnames__default["default"]("swiper-pagination flex items-center justify-center space-x-4", className)
   }, hasNavigation && /*#__PURE__*/React__default["default"].createElement("button", {
@@ -6327,7 +6327,7 @@ var Pagination = function Pagination(_ref) {
     size: 26
   })), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "space-x-2"
-  }, _toConsumableArray__default["default"](Array(totalSlides)).map(function (_, index) {
+  }, _toConsumableArray__default["default"](Array(totalSlides !== null && totalSlides !== void 0 ? totalSlides : swiper.slides.length)).map(function (_, index) {
     return /*#__PURE__*/React__default["default"].createElement(PaginationWrapper, {
       design: design,
       isActive: activeSlide === index,
@@ -14928,24 +14928,21 @@ var HeroWithCallToAction = function HeroWithCallToAction(_ref) {
     autoPlay = _properties$media.autoPlay,
     src = properties.backgroundImage.src;
   var mediaURL = isEmbedded ? videoUrl : imageURL;
-  var baseClasses = "grid sm:gap-x-6 gap-y-6 grid-cols-12 items-center grid-flow-row-dense";
-  var mediaBaseClasses = classnames__default["default"]("col-span-12 col-start-1 flex justify-center", {
-    "sm:col-span-6 sm:col-start-1": POSITIONS.LEFT.label === mediaPosition,
-    "sm:col-span-6 sm:col-start-7": POSITIONS.RIGHT.label === mediaPosition,
-    "sm:col-span-12 sm:col-start-1 flex justify-center": POSITIONS.BOTTOM.label === mediaPosition,
-    "sm:col-span-12 sm:col-start-1 flex justify-center order-1": POSITIONS.TOP.label === mediaPosition,
+  var baseClasses = "grid gap-y-6 lg:gap-6 grid-cols-12 grid-flow-row-dense";
+  var mediaBaseClasses = classnames__default["default"]("col-span-12 flex flex-col items-center justify-center", {
+    "order-1 lg:col-span-6": POSITIONS.LEFT.label === mediaPosition,
+    "order-2 lg:col-span-6": POSITIONS.RIGHT.label === mediaPosition,
+    "lg:col-span-12 flex justify-center": POSITIONS.BOTTOM.label === mediaPosition,
+    "lg:col-span-12 justify-center order-1": POSITIONS.TOP.label === mediaPosition,
     hidden: !mediaURL
   });
-  var textBaseClasses = classnames__default["default"]("col-span-12", {
-    "sm:col-span-6 sm:col-start-7": POSITIONS.LEFT.label === mediaPosition && mediaURL,
-    "sm:col-span-6 sm:col-start-1": POSITIONS.RIGHT.label === mediaPosition && mediaURL,
-    "sm:col-span-12 sm:col-start-1 flex flex-col justify-center": POSITIONS.BOTTOM.label === mediaPosition && mediaURL,
-    "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__default["default"]("flex w-full items-center gap-x-3", {
-    "sm:!justify-start": mediaURL && (mediaPosition === POSITIONS.LEFT.label || mediaPosition === POSITIONS.RIGHT.label)
+  var textBaseClasses = classnames__default["default"]("col-span-12 flex flex-col item-center justify-center", {
+    "order-2 lg:col-span-6": POSITIONS.LEFT.label === mediaPosition && mediaURL,
+    "order-1 lg:col-span-6": POSITIONS.RIGHT.label === mediaPosition && mediaURL,
+    "lg:col-span-12": POSITIONS.BOTTOM.label === mediaPosition && mediaURL,
+    "lg:col-span-12 order-2": POSITIONS.TOP.label === mediaPosition && mediaURL
   });
+  var buttonBaseClasses = classnames__default["default"]("flex flex-wrap w-full items-center gap-2");
   return /*#__PURE__*/React__default["default"].createElement(BlockWrapper, {
     className: className,
     enableAnimation: enableAnimation,
@@ -14979,7 +14976,6 @@ var HeroWithCallToAction = function HeroWithCallToAction(_ref) {
     }
   }, 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" ? ramda.dissoc("justifyContent", design.primaryButtons) : design.secondaryButtons
@@ -15174,7 +15170,8 @@ var HeroWithGallery = function HeroWithGallery(_ref) {
     }));
   }), /*#__PURE__*/React__default["default"].createElement(Pagination, {
     swiper: swiper,
-    className: "!relative"
+    className: "relative",
+    totalSlides: slides.length
   })), /*#__PURE__*/React__default["default"].createElement(ArrowButton, {
     Icon: ArrowRightS$1,
     className: "hidden sm:flex",