@bigbinary/neeto-site-blocks 1.3.0 → 1.3.2

package/dist/index.cjs.js

@@ -41686,7 +41686,10 @@ var Slides = function Slides(_ref) {
   var configurations = _ref.configurations,
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? "" : _ref$className,
-    id = _ref.id;
+    id = _ref.id,
+    disableButtonAndLinks = _ref.disableButtonAndLinks,
+    pageUrl = _ref.pageUrl,
+    hostUrl = _ref.hostUrl;
   var _useState = React.useState(0),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     activeIndex = _useState2[0],
@@ -41699,17 +41702,14 @@ var Slides = function Slides(_ref) {
     src = properties.backgroundImage.src,
     enableAnimation = properties.enableAnimation;
   var baseClasses = "grid grid-cols-12 items-center gap-y-4 sm:gap-x-4 grid-flow-row-dense";
+  var swiperModules = disableButtonAndLinks ? [Keyboard] : [Keyboard, History];
   var renderSwiperSlide = function renderSwiperSlide(_ref2) {
     var title = _ref2.title,
-      logoUrl = _ref2.logoUrl,
       subTitle = _ref2.subTitle,
       layout = _ref2.layout,
       imageUrl = _ref2.imageUrl;
     if (layout === "titleWithSubTitle") {
-      return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(StyledImage$1, {
-        className: "absolute top-8 right-12 w-20",
-        src: logoUrl
-      }), /*#__PURE__*/React__default["default"].createElement("div", {
+      return /*#__PURE__*/React__default["default"].createElement("div", {
         className: "col-span-12"
       }, /*#__PURE__*/React__default["default"].createElement(Typography$1, {
         isTitle: true,
@@ -41719,16 +41719,14 @@ var Slides = function Slides(_ref) {
         isTitle: true,
         component: "h1",
         style: design.subTitle
-      }, subTitle)));
+      }, subTitle));
     }
-    return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(StyledImage$1, {
-      className: "absolute top-8 right-12 w-20",
-      src: logoUrl
-    }), /*#__PURE__*/React__default["default"].createElement("div", {
+    return /*#__PURE__*/React__default["default"].createElement("div", {
       className: "bottom-0 col-span-12 flex w-full justify-center sm:absolute sm:col-span-10 sm:col-start-2"
     }, /*#__PURE__*/React__default["default"].createElement(StyledImage$1, {
+      design: design.image,
       src: imageUrl
-    })));
+    }));
   };
   return /*#__PURE__*/React__default["default"].createElement(MotionWrapper, {
     enableAnimation: enableAnimation,
@@ -41751,16 +41749,16 @@ var Slides = function Slides(_ref) {
     }
   }), /*#__PURE__*/React__default["default"].createElement(Swiper, {
     loop: true,
-    history: {
-      enabled: true,
-      key: id
-    },
     keyboard: {
       enabled: true,
       onlyInViewport: true
     },
-    modules: [History, Keyboard],
+    modules: swiperModules,
     spaceBetween: 10,
+    history: {
+      key: pageUrl ? pageUrl.slice(1) : "slides",
+      root: hostUrl !== null && hostUrl !== void 0 ? hostUrl : window.location.origin
+    },
     onSlideChange: function onSlideChange(swiper) {
       return setActiveIndex(swiper.activeIndex);
     },
@@ -41777,7 +41775,7 @@ var Slides = function Slides(_ref) {
       backgroundImage = _ref3.backgroundImage;
     return /*#__PURE__*/React__default["default"].createElement(SwiperSlide, {
       className: classnames("my-auto", className),
-      "data-history": url,
+      "data-history": !disableButtonAndLinks ? url : "",
       key: getUniqueKey(title, index)
     }, /*#__PURE__*/React__default["default"].createElement(StyledWrapper, {
       isRootWrapper: true,
@@ -41788,12 +41786,11 @@ var Slides = function Slides(_ref) {
       design: mergeRight(design.container, {
         paddingHorizontal: design.body.paddingHorizontal
       })
-    }, /*#__PURE__*/React__default["default"].createElement(StyledImage$1, {
+    }, logoUrl && /*#__PURE__*/React__default["default"].createElement("img", {
       className: "absolute top-8 right-12 w-20",
       src: logoUrl
     }), renderSwiperSlide({
       title: title,
-      logoUrl: logoUrl,
       subTitle: subTitle,
       layout: layout,
       imageUrl: imageUrl