@bigbinary/neeto-site-blocks 1.8.4 → 1.8.6

package/dist/index.cjs.js

@@ -16240,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", "%")
     });
   }
@@ -16504,7 +16505,7 @@ var CardsClassic = function CardsClassic(_ref) {
       description = _ref2.description,
       href = _ref2.href;
     return /*#__PURE__*/React__default["default"].createElement(StyledWrapper, {
-      className: "ns-card-animation col-span-12 flex h-52 max-h-64 cursor-pointer flex-col justify-center sm:col-span-6",
+      className: "ns-card-animation col-span-12 flex h-full min-h-52 cursor-pointer flex-col sm:col-span-6",
       design: design.card,
       key: getUniqueKey(title, description, index),
       onClick: function onClick() {
@@ -16513,13 +16514,11 @@ var CardsClassic = function CardsClassic(_ref) {
     }, /*#__PURE__*/React__default["default"].createElement(Typography$1, _extends__default["default"]({
       index: index,
       isTitle: true,
-      className: "ns-card-truncation ns-card-line-clamp-2",
       component: "h1",
       id: "cards-classic-cards-".concat(index, "-title"),
       style: design.cardTitle
     }, otherProps), title), /*#__PURE__*/React__default["default"].createElement(Typography$1, _extends__default["default"]({
       index: index,
-      className: "ns-card-truncation ns-card-line-clamp-3",
       component: "p",
       id: "cards-classic-cards-".concat(index, "-description"),
       style: design.cardDescription
@@ -21384,14 +21383,12 @@ var CardsInGridView = function CardsInGridView(_ref) {
       disableButtonAndLinks: disableButtonAndLinks,
       index: index,
       isTitle: true,
-      className: "ns-card-truncation ns-card-line-clamp-2",
       component: "h1",
       id: "cards-in-grid-view-".concat(index, "-title"),
       style: design.cardTitle
     }, title), /*#__PURE__*/React__default["default"].createElement(Typography$1, {
       disableButtonAndLinks: disableButtonAndLinks,
       index: index,
-      className: "ns-card-truncation ns-card-line-clamp-2",
       component: "p",
       id: "cards-in-grid-view-".concat(index, "-description"),
       style: design.cardDescription
@@ -21534,7 +21531,7 @@ var CardsWithCustomizableGrid = function CardsWithCustomizableGrid(_ref) {
     isBorderRequired = properties.isBorderRequired,
     src = properties.backgroundImage.src;
   var baseClasses = "grid grid-cols-12 sm:gap-x-4 gap-y-4 items-center ns-card";
-  var gridBaseClasses = classnames("col-span-12 h-56 flex flex-col gap-2 ns-card-animation cursor-pointer", {
+  var gridBaseClasses = classnames("col-span-12 min-h-56 flex flex-col gap-2 ns-card-animation cursor-pointer", {
     "sm:col-span-6 lg:col-span-4": gridCount === 3,
     "sm:col-span-6": gridCount === 2,
     "lg:col-span-3 sm:col-span-6": gridCount === 4
@@ -21579,7 +21576,6 @@ var CardsWithCustomizableGrid = function CardsWithCustomizableGrid(_ref) {
     }, /*#__PURE__*/React__default["default"].createElement(Typography$1, _extends__default["default"]({
       index: index,
       isTitle: true,
-      className: "ns-card-truncation ns-card-line-clamp-4",
       component: "h1",
       id: "cards-with-customizable-grid-card-".concat(index, "-title"),
       style: design.cardTitle
@@ -39642,10 +39638,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,
@@ -39709,11 +39707,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
   })));
 };
 
@@ -39733,8 +39732,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) {
@@ -39766,11 +39766,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,
@@ -39819,18 +39820,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,
@@ -39856,11 +39859,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
   })));
 };
 
@@ -39931,10 +39935,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,
@@ -39993,11 +39999,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
   })));
 };
 
@@ -40122,7 +40129,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
   })));
 };
 
@@ -42962,10 +42970,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,
@@ -43025,10 +43035,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
   })));
 };
 
@@ -43155,6 +43166,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
       })
@@ -43178,9 +43190,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,
@@ -43197,7 +43207,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",