@bigbinary/neeto-site-blocks 1.3.0 → 1.3.2

package/dist/index.js

@@ -41640,7 +41640,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 = useState(0),
     _useState2 = _slicedToArray(_useState, 2),
     activeIndex = _useState2[0],
@@ -41653,17 +41656,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.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(StyledImage$1, {
-        className: "absolute top-8 right-12 w-20",
-        src: logoUrl
-      }), /*#__PURE__*/React__default.createElement("div", {
+      return /*#__PURE__*/React__default.createElement("div", {
         className: "col-span-12"
       }, /*#__PURE__*/React__default.createElement(Typography$1, {
         isTitle: true,
@@ -41673,16 +41673,14 @@ var Slides = function Slides(_ref) {
         isTitle: true,
         component: "h1",
         style: design.subTitle
-      }, subTitle)));
+      }, subTitle));
     }
-    return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(StyledImage$1, {
-      className: "absolute top-8 right-12 w-20",
-      src: logoUrl
-    }), /*#__PURE__*/React__default.createElement("div", {
+    return /*#__PURE__*/React__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.createElement(StyledImage$1, {
+      design: design.image,
       src: imageUrl
-    })));
+    }));
   };
   return /*#__PURE__*/React__default.createElement(MotionWrapper, {
     enableAnimation: enableAnimation,
@@ -41705,16 +41703,16 @@ var Slides = function Slides(_ref) {
     }
   }), /*#__PURE__*/React__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);
     },
@@ -41731,7 +41729,7 @@ var Slides = function Slides(_ref) {
       backgroundImage = _ref3.backgroundImage;
     return /*#__PURE__*/React__default.createElement(SwiperSlide, {
       className: classnames("my-auto", className),
-      "data-history": url,
+      "data-history": !disableButtonAndLinks ? url : "",
       key: getUniqueKey(title, index)
     }, /*#__PURE__*/React__default.createElement(StyledWrapper, {
       isRootWrapper: true,
@@ -41742,12 +41740,11 @@ var Slides = function Slides(_ref) {
       design: mergeRight(design.container, {
         paddingHorizontal: design.body.paddingHorizontal
       })
-    }, /*#__PURE__*/React__default.createElement(StyledImage$1, {
+    }, logoUrl && /*#__PURE__*/React__default.createElement("img", {
       className: "absolute top-8 right-12 w-20",
       src: logoUrl
     }), renderSwiperSlide({
       title: title,
-      logoUrl: logoUrl,
       subTitle: subTitle,
       layout: layout,
       imageUrl: imageUrl