@bigbinary/neeto-site-blocks 1.8.3 → 1.8.5

package/dist/index.cjs.js

@@ -14750,7 +14750,7 @@ var withConditionalRender = function withConditionalRender(Component, condition)
   return ConditionalRender;
 };
 
-var _excluded$z = ["id", "disableButtonAndLinks", "index"];
+var _excluded$z = ["id", "disableButtonAndLinks", "wrapperClassName", "index"];
 var StyledImage = styled__default["default"].img.attrs(function () {
   return {
     className: "hover:mix-blend-multiply m-auto"
@@ -14773,6 +14773,7 @@ var StyledImage = styled__default["default"].img.attrs(function () {
 var StyledImageWithWrapper = function StyledImageWithWrapper(_ref2) {
   var id = _ref2.id,
     disableButtonAndLinks = _ref2.disableButtonAndLinks,
+    wrapperClassName = _ref2.wrapperClassName,
     index = _ref2.index,
     props = _objectWithoutProperties__default["default"](_ref2, _excluded$z);
   var _useElementClick = useElementClick({
@@ -14781,9 +14782,9 @@ var StyledImageWithWrapper = function StyledImageWithWrapper(_ref2) {
     }),
     handleImageClick = _useElementClick.handleImageClick;
   return /*#__PURE__*/React__default["default"].createElement(StyledWrapper, {
-    className: classnames({
+    className: classnames(_defineProperty__default["default"]({
       "neeto-site-highlight__element": disableButtonAndLinks
-    }),
+    }, wrapperClassName, wrapperClassName)),
     onClick: disableButtonAndLinks && handleImageClick
   }, /*#__PURE__*/React__default["default"].createElement(StyledImage, props));
 };
@@ -16239,22 +16240,23 @@ var useBreakpoints = function useBreakpoints(breakpointOverrides) {
 };
 var useBreakpoints$1 = useBreakpoints;
 
-var _excluded$u = ["isEmbedded", "src", "design"];
+var _excluded$u = ["isEmbedded", "src", "design", "videoUrl"];
 function ownKeys$h(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread$h(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$h(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$h(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Media = function Media(_ref) {
   var isEmbedded = _ref.isEmbedded,
     src = _ref.src,
     design = _ref.design,
+    videoUrl = _ref.videoUrl,
     otherProps = _objectWithoutProperties__default["default"](_ref, _excluded$u);
   if (isEmbedded) {
     var _design$width;
-    return /*#__PURE__*/React__default["default"].createElement(StyledWrapper, {
+    return videoUrl && /*#__PURE__*/React__default["default"].createElement(StyledWrapper, {
       allow: "accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture",
       as: "iframe",
       design: dissoc("width", design),
       height: "300px",
-      src: validateUrl(src),
+      src: validateUrl(videoUrl),
       width: "".concat((_design$width = design === null || design === void 0 ? void 0 : design.width) !== null && _design$width !== void 0 ? _design$width : "100", "%")
     });
   }
@@ -39641,10 +39643,12 @@ var FeatureWithDetails = function FeatureWithDetails(_ref) {
     _properties$features = properties.features,
     features = _properties$features === void 0 ? [] : _properties$features,
     _properties$media = properties.media,
-    mediaURL = _properties$media.src,
+    imageUrl = _properties$media.src,
     mediaPosition = _properties$media.position,
     isEmbedded = _properties$media.isEmbedded,
+    videoUrl = _properties$media.videoUrl,
     src = properties.backgroundImage.src;
+  var mediaURL = isEmbedded ? videoUrl : imageUrl;
   var baseClasses = "grid grid-cols-12 items-center sm:gap-x-2 lg:gap-x-4 grid-flow-row-dense";
   var mediaBaseClasses = classnames("col-span-12 flex justify-center", {
     "sm:col-span-7 sm:col-start-7 lg:col-span-6 lg:col-start-7": mediaPosition === POSITIONS.RIGHT.label,
@@ -39708,11 +39712,12 @@ var FeatureWithDetails = function FeatureWithDetails(_ref) {
     className: mediaBaseClasses
   }, /*#__PURE__*/React__default["default"].createElement(Media, {
     isEmbedded: isEmbedded,
+    videoUrl: videoUrl,
     design: design.media,
     disableButtonAndLinks: otherProps.disableButtonAndLinks,
     id: "feature-with-details-media",
     lgImageWidth: design.media.width,
-    src: mediaURL
+    src: imageUrl
   })));
 };
 
@@ -39732,8 +39737,9 @@ var FeatureWithGrid = function FeatureWithGrid(_ref) {
     _properties$features = properties.features,
     features = _properties$features === void 0 ? [] : _properties$features,
     _properties$media = properties.media,
-    mediaURL = _properties$media.src,
+    imageURL = _properties$media.src,
     isEmbedded = _properties$media.isEmbedded,
+    videoUrl = _properties$media.videoUrl,
     src = properties.backgroundImage.src;
   var baseClasses = "grid grid-cols-12 gap-4";
   var gridClasses = function gridClasses(index) {
@@ -39765,11 +39771,12 @@ var FeatureWithGrid = function FeatureWithGrid(_ref) {
     style: design.description
   }, otherProps), description), /*#__PURE__*/React__default["default"].createElement(Media, {
     isEmbedded: isEmbedded,
+    videoUrl: videoUrl,
     className: "m-auto",
     design: design.media,
     disableButtonAndLinks: otherProps.disableButtonAndLinks,
     id: "feature-with-grid-media",
-    src: mediaURL
+    src: imageURL
   })), features.map(function (_ref2, index) {
     var featureTitle = _ref2.title,
       featureDescription = _ref2.description,
@@ -39818,18 +39825,20 @@ var FeatureWithImage = function FeatureWithImage(_ref) {
     description = _properties$content.description,
     enableAnimation = properties.enableAnimation,
     _properties$media = properties.media,
-    mediaSrc = _properties$media.src,
+    imageUrl = _properties$media.src,
     mediaPosition = _properties$media.position,
     isEmbedded = _properties$media.isEmbedded,
+    videoUrl = _properties$media.videoUrl,
     src = properties.backgroundImage.src;
+  var mediaURL = isEmbedded ? videoUrl : imageUrl;
   var baseClasses = "grid grid-cols-12 items-center grid-flow-row-dense";
   var mediaBaseClasses = classnames("col-span-12 flex justify-center", {
     "sm:col-span-6 sm:col-start-7": mediaPosition === POSITIONS.RIGHT.label,
     "sm:col-span-6 sm:col-start-1": mediaPosition === POSITIONS.LEFT.label
   });
   var featureClasses = classnames("col-span-12", {
-    "sm:col-span-5": mediaPosition === POSITIONS.RIGHT.label && mediaSrc,
-    "sm:col-span-5 sm:col-start-8": mediaPosition === POSITIONS.LEFT.label && mediaSrc
+    "sm:col-span-5": mediaPosition === POSITIONS.RIGHT.label && mediaURL,
+    "sm:col-span-5 sm:col-start-8": mediaPosition === POSITIONS.LEFT.label && mediaURL
   });
   return /*#__PURE__*/React__default["default"].createElement(BlockWrapper, {
     className: className,
@@ -39855,11 +39864,12 @@ var FeatureWithImage = function FeatureWithImage(_ref) {
     className: mediaBaseClasses
   }, /*#__PURE__*/React__default["default"].createElement(Media, {
     isEmbedded: isEmbedded,
+    videoUrl: videoUrl,
     design: design.media,
     disableButtonAndLinks: otherProps.disableButtonAndLinks,
     id: "feature-with-image-media",
     lgImageWidth: design.media.width,
-    src: mediaSrc
+    src: imageUrl
   })));
 };
 
@@ -39930,10 +39940,12 @@ var FeatureWithList = function FeatureWithList(_ref) {
     _properties$features = properties.features,
     features = _properties$features === void 0 ? [] : _properties$features,
     _properties$media = properties.media,
-    mediaURL = _properties$media.src,
+    imageURL = _properties$media.src,
     mediaPosition = _properties$media.position,
     isEmbedded = _properties$media.isEmbedded,
+    videoUrl = _properties$media.videoUrl,
     src = properties.backgroundImage.src;
+  var mediaURL = isEmbedded ? videoUrl : imageURL;
   var baseClasses = "grid grid-cols-12 lg:gap-x-4 sm:gap-x-2 items-center grid-flow-row-dense";
   var mediaBaseClasses = classnames("col-span-12 flex justify-center", {
     "sm:col-span-6 sm:col-start-7": mediaPosition === POSITIONS.RIGHT.label,
@@ -39992,11 +40004,12 @@ var FeatureWithList = function FeatureWithList(_ref) {
     className: mediaBaseClasses
   }, /*#__PURE__*/React__default["default"].createElement(Media, {
     isEmbedded: isEmbedded,
+    videoUrl: videoUrl,
     design: design.media,
     disableButtonAndLinks: otherProps.disableButtonAndLinks,
     id: "feature-with-list-media",
     lgImageWidth: design.media.width,
-    src: mediaURL
+    src: imageURL
   })));
 };
 
@@ -40121,7 +40134,8 @@ var FeatureWithProgressBar = function FeatureWithProgressBar(_ref) {
     id: "feature-with-progress-bar-".concat(selectedTabId - 1, "-media"),
     index: selectedTabId - 1,
     isEmbedded: features[selectedTabId - 1].media.isEmbedded,
-    src: features[selectedTabId - 1].media.src
+    src: features[selectedTabId - 1].media.src,
+    videoUrl: features[selectedTabId - 1].media.videoUrl
   })));
 };
 
@@ -42372,7 +42386,8 @@ var GalleryClassic = function GalleryClassic(_ref) {
       className: "sliding-image",
       design: style,
       id: "gallery-classic-images-".concat(index, "-image"),
-      title: caption
+      title: caption,
+      wrapperClassName: "h-full w-full"
     }));
   }))), /*#__PURE__*/React__default["default"].createElement(ArrowButton, {
     Icon: ArrowRight$1,
@@ -42960,10 +42975,12 @@ var HeroWithCallToAction = function HeroWithCallToAction(_ref) {
     description = _properties$content.description,
     enableAnimation = properties.enableAnimation,
     _properties$media = properties.media,
-    mediaURL = _properties$media.src,
+    imageURL = _properties$media.src,
     mediaPosition = _properties$media.position,
     isEmbedded = _properties$media.isEmbedded,
+    videoUrl = _properties$media.videoUrl,
     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("col-span-12 col-start-1 flex justify-center", {
     "sm:col-span-6 sm:col-start-1": POSITIONS.LEFT.label === mediaPosition,
@@ -43023,10 +43040,11 @@ var HeroWithCallToAction = function HeroWithCallToAction(_ref) {
     className: mediaBaseClasses
   }, /*#__PURE__*/React__default["default"].createElement(Media, {
     isEmbedded: isEmbedded,
+    videoUrl: videoUrl,
     design: design.media,
     disableButtonAndLinks: otherProps.disableButtonAndLinks,
     id: "hero-with-call-to-action-media",
-    src: mediaURL
+    src: imageURL
   })));
 };
 
@@ -43153,6 +43171,7 @@ var HeroWithGallery = function HeroWithGallery(_ref) {
       isEmbedded: media.isEmbedded,
       lgImageSize: design.media.width,
       src: media.src,
+      videoUrl: media.videoUrl,
       className: classnames({
         "slider-image": media.position !== POSITIONS.BOTTOM.label || media.position !== POSITIONS.TOP.label
       })
@@ -43176,9 +43195,7 @@ var HeroWithGallery = function HeroWithGallery(_ref) {
     }
   }), /*#__PURE__*/React__default["default"].createElement(Swiper, {
     loop: true,
-    className: classnames("ns-hero-with-slider", {
-      "pointer-events-none": disableButtonAndLinks
-    }),
+    className: "ns-hero-with-slider",
     onSwiper: setSwiper
   }, slides.map(function (_ref7, index) {
     var content = _ref7.content,
@@ -43195,7 +43212,7 @@ var HeroWithGallery = function HeroWithGallery(_ref) {
     }));
   }), /*#__PURE__*/React__default["default"].createElement(Pagination$1, {
     swiper: swiper,
-    className: "!pointer-events-auto !relative"
+    className: "!relative"
   })), /*#__PURE__*/React__default["default"].createElement(ArrowButton, {
     Icon: ArrowRightS$1,
     className: "hidden sm:flex",