@bigbinary/neeto-site-blocks 1.8.0 → 1.8.1

package/dist/index.cjs.js

@@ -15985,7 +15985,12 @@ var PageNavigation = function PageNavigation(_ref) {
 
 var Pagination$1 = function Pagination(_ref) {
   var swiper = _ref.swiper,
-    design = _ref.design;
+    _ref$design = _ref.design,
+    design = _ref$design === void 0 ? {} : _ref$design,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className,
+    _ref$hasNavigation = _ref.hasNavigation,
+    hasNavigation = _ref$hasNavigation === void 0 ? false : _ref$hasNavigation;
   var _useState = React.useState(0),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     activeSlide = _useState2[0],
@@ -16003,8 +16008,8 @@ var Pagination$1 = function Pagination(_ref) {
   if (!swiper) return null;
   var totalSlides = swiper.slides.length;
   return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "swiper-pagination flex items-center justify-center space-x-4"
-  }, /*#__PURE__*/React__default["default"].createElement("button", {
+    className: classnames("swiper-pagination flex items-center justify-center space-x-4", className)
+  }, hasNavigation && /*#__PURE__*/React__default["default"].createElement("button", {
     onClick: function onClick() {
       return swiper.slidePrev();
     }
@@ -16022,7 +16027,7 @@ var Pagination$1 = function Pagination(_ref) {
         return swiper.slideTo(index);
       }
     });
-  })), /*#__PURE__*/React__default["default"].createElement("button", {
+  })), hasNavigation && /*#__PURE__*/React__default["default"].createElement("button", {
     onClick: function onClick() {
       return swiper.slideNext();
     }
@@ -42728,7 +42733,10 @@ var HeroWithGallery = function HeroWithGallery(_ref) {
     id = _ref.id,
     disableButtonAndLinks = _ref.disableButtonAndLinks,
     otherProps = _objectWithoutProperties__default["default"](_ref, _excluded$4);
-  var swiperRef = React.useRef(null);
+  var _useState = React.useState(null),
+    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    swiper = _useState2[0],
+    setSwiper = _useState2[1];
   var properties = configurations.properties,
     design = configurations.design;
   var slides = properties.slides,
@@ -42857,23 +42865,14 @@ var HeroWithGallery = function HeroWithGallery(_ref) {
     className: "hidden sm:flex",
     design: design.navigationButtons,
     onClick: function onClick() {
-      var _swiperRef$current;
-      return (_swiperRef$current = swiperRef.current) === null || _swiperRef$current === void 0 ? void 0 : _swiperRef$current.slidePrev();
+      return swiper === null || swiper === void 0 ? void 0 : swiper.slidePrev();
     }
   }), /*#__PURE__*/React__default["default"].createElement(Swiper, {
     loop: true,
-    className: "ns-hero-with-slider",
-    keyboard: {
-      enabled: true,
-      onlyInViewport: true
-    },
-    modules: [Pagination, Keyboard],
-    pagination: {
-      clickable: true
-    },
-    onSwiper: function onSwiper(swiper) {
-      swiperRef.current = swiper;
-    }
+    className: classnames("ns-hero-with-slider", {
+      "pointer-events-none": disableButtonAndLinks
+    }),
+    onSwiper: setSwiper
   }, slides.map(function (_ref7, index) {
     var content = _ref7.content,
       buttons = _ref7.buttons,
@@ -42887,13 +42886,15 @@ var HeroWithGallery = function HeroWithGallery(_ref) {
       media: media,
       index: index
     }));
+  }), /*#__PURE__*/React__default["default"].createElement(Pagination$1, {
+    swiper: swiper,
+    className: "!pointer-events-auto !relative"
   })), /*#__PURE__*/React__default["default"].createElement(ArrowButton, {
     Icon: ArrowRightS$1,
     className: "hidden sm:flex",
     design: design.navigationButtons,
     onClick: function onClick() {
-      var _swiperRef$current2;
-      return (_swiperRef$current2 = swiperRef.current) === null || _swiperRef$current2 === void 0 ? void 0 : _swiperRef$current2.slideNext();
+      return swiper === null || swiper === void 0 ? void 0 : swiper.slideNext();
     }
   })) : renderHeroWithMedia(slides[0] || {
     content: {},
@@ -43399,6 +43400,7 @@ var TestimonialWithSlider = function TestimonialWithSlider(_ref) {
     }), testimonialDescription))));
   }), /*#__PURE__*/React__default["default"].createElement(Pagination$1, {
     swiper: swiper,
+    hasNavigation: true,
     design: design.buttons
   }))), isButtonRequired && /*#__PURE__*/React__default["default"].createElement(StyledWrapper, {
     className: "col-span-12 flex",