@bigbinary/neeto-site-blocks 1.3.1 → 1.3.2

package/dist/index.js

@@ -41642,7 +41642,8 @@ var Slides = function Slides(_ref) {
     className = _ref$className === void 0 ? "" : _ref$className,
     id = _ref.id,
     disableButtonAndLinks = _ref.disableButtonAndLinks,
-    pageUrl = _ref.pageUrl;
+    pageUrl = _ref.pageUrl,
+    hostUrl = _ref.hostUrl;
   var _useState = useState(0),
     _useState2 = _slicedToArray(_useState, 2),
     activeIndex = _useState2[0],
@@ -41658,15 +41659,11 @@ var Slides = function Slides(_ref) {
   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,
@@ -41676,17 +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,
@@ -41709,16 +41703,16 @@ var Slides = function Slides(_ref) {
     }
   }), /*#__PURE__*/React__default.createElement(Swiper, {
     loop: true,
-    history: {
-      enabled: true,
-      key: pageUrl !== null && pageUrl !== void 0 ? pageUrl : "slides"
-    },
     keyboard: {
       enabled: true,
       onlyInViewport: true
     },
     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);
     },
@@ -41746,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