@bigbinary/neeto-site-blocks 1.8.4 → 1.8.5

package/dist/index.js

@@ -16194,22 +16194,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$1(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(_ref, _excluded$u);
   if (isEmbedded) {
     var _design$width;
-    return /*#__PURE__*/React__default.createElement(StyledWrapper, {
+    return videoUrl && /*#__PURE__*/React__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", "%")
     });
   }
@@ -39596,10 +39597,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,
@@ -39663,11 +39666,12 @@ var FeatureWithDetails = function FeatureWithDetails(_ref) {
     className: mediaBaseClasses
   }, /*#__PURE__*/React__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
   })));
 };
 
@@ -39687,8 +39691,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) {
@@ -39720,11 +39725,12 @@ var FeatureWithGrid = function FeatureWithGrid(_ref) {
     style: design.description
   }, otherProps), description), /*#__PURE__*/React__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,
@@ -39773,18 +39779,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.createElement(BlockWrapper, {
     className: className,
@@ -39810,11 +39818,12 @@ var FeatureWithImage = function FeatureWithImage(_ref) {
     className: mediaBaseClasses
   }, /*#__PURE__*/React__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
   })));
 };
 
@@ -39885,10 +39894,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,
@@ -39947,11 +39958,12 @@ var FeatureWithList = function FeatureWithList(_ref) {
     className: mediaBaseClasses
   }, /*#__PURE__*/React__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
   })));
 };
 
@@ -40076,7 +40088,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
   })));
 };
 
@@ -42916,10 +42929,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,
@@ -42979,10 +42994,11 @@ var HeroWithCallToAction = function HeroWithCallToAction(_ref) {
     className: mediaBaseClasses
   }, /*#__PURE__*/React__default.createElement(Media, {
     isEmbedded: isEmbedded,
+    videoUrl: videoUrl,
     design: design.media,
     disableButtonAndLinks: otherProps.disableButtonAndLinks,
     id: "hero-with-call-to-action-media",
-    src: mediaURL
+    src: imageURL
   })));
 };
 
@@ -43109,6 +43125,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
       })
@@ -43132,9 +43149,7 @@ var HeroWithGallery = function HeroWithGallery(_ref) {
     }
   }), /*#__PURE__*/React__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,
@@ -43151,7 +43166,7 @@ var HeroWithGallery = function HeroWithGallery(_ref) {
     }));
   }), /*#__PURE__*/React__default.createElement(Pagination$1, {
     swiper: swiper,
-    className: "!pointer-events-auto !relative"
+    className: "!relative"
   })), /*#__PURE__*/React__default.createElement(ArrowButton, {
     Icon: ArrowRightS$1,
     className: "hidden sm:flex",