@bigbinary/neeto-site-blocks 1.10.8 → 1.10.10

package/dist/index.cjs.js

@@ -14120,7 +14120,7 @@ var withConditionalRender = function withConditionalRender(Component, condition)
   return ConditionalRender;
 };
 
-var _excluded$B = ["id", "disableButtonAndLinks", "wrapperClassName", "index", "image"];
+var _excluded$B = ["id", "disableButtonAndLinks", "wrapperClassName", "index", "image", "isAddNewPane"];
 var StyledImage = styled__default["default"].img.attrs(function () {
   return {
     className: "hover:mix-blend-multiply"
@@ -14152,6 +14152,8 @@ var StyledImageWithWrapper = function StyledImageWithWrapper(_ref2) {
     wrapperClassName = _ref2.wrapperClassName,
     index = _ref2.index,
     image = _ref2.image,
+    _ref2$isAddNewPane = _ref2.isAddNewPane,
+    isAddNewPane = _ref2$isAddNewPane === void 0 ? false : _ref2$isAddNewPane,
     props = _objectWithoutProperties__default["default"](_ref2, _excluded$B);
   var _useElementClick = useElementClick({
       id: id,
@@ -14160,7 +14162,7 @@ var StyledImageWithWrapper = function StyledImageWithWrapper(_ref2) {
     handleImageClick = _useElementClick.handleImageClick;
   return /*#__PURE__*/React__default["default"].createElement(StyledWrapper, {
     className: classnames__default["default"]("flex justify-center", _defineProperty__default["default"]({
-      "neeto-site-highlight__element": disableButtonAndLinks
+      "neeto-site-highlight__element": disableButtonAndLinks && !isAddNewPane
     }, wrapperClassName, wrapperClassName)),
     onClick: disableButtonAndLinks && handleImageClick
   }, /*#__PURE__*/React__default["default"].createElement(StyledImage, _extends__default["default"]({
@@ -15373,11 +15375,13 @@ var Button = function Button(_ref) {
     Link = _ref.link,
     _ref$disableButtonAnd = _ref.disableButtonAndLinks,
     disableButtonAndLinks = _ref$disableButtonAnd === void 0 ? false : _ref$disableButtonAnd,
+    _ref$isAddNewPane = _ref.isAddNewPane,
+    isAddNewPane = _ref$isAddNewPane === void 0 ? false : _ref$isAddNewPane,
     id = _ref.id,
     index = _ref.index;
   var anchorBaseClass = classnames__default["default"]("inline-flex items-center justify-center transition-all duration-300 ease-in-out", {
-    "neeto-site-highlight__element after:z-10": disableButtonAndLinks,
-    "pointer-events-none": !disableButtonAndLinks && action === ""
+    "neeto-site-highlight__element after:z-10": disableButtonAndLinks && !isAddNewPane,
+    "pointer-events-none": isAddNewPane || !disableButtonAndLinks && action === ""
   });
   var _useElementClick = useElementClick({
       id: id,
@@ -15449,7 +15453,7 @@ var PageAndScroll = function PageAndScroll(_ref) {
   }), label, Icon && /*#__PURE__*/React__default["default"].createElement(Icon, null), children);
 };
 
-var _excluded$x = ["to", "label", "style", "className", "icon", "action", "baseUrl", "draftMode", "link", "isHighlighted", "disableButtonAndLinks", "children", "disableHovering", "setIsMenuOpen", "id", "index", "router"];
+var _excluded$x = ["to", "label", "style", "className", "icon", "action", "baseUrl", "draftMode", "link", "isHighlighted", "disableButtonAndLinks", "children", "disableHovering", "setIsMenuOpen", "isAddNewPane", "id", "index", "router"];
 function ownKeys$l(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$l(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$l(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$l(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var LinkElement = function LinkElement(_ref) {
@@ -15478,13 +15482,15 @@ var LinkElement = function LinkElement(_ref) {
     _ref$disableHovering = _ref.disableHovering,
     disableHovering = _ref$disableHovering === void 0 ? false : _ref$disableHovering,
     setIsMenuOpen = _ref.setIsMenuOpen,
+    _ref$isAddNewPane = _ref.isAddNewPane,
+    isAddNewPane = _ref$isAddNewPane === void 0 ? false : _ref$isAddNewPane,
     id = _ref.id,
     index = _ref.index,
     router = _ref.router,
     otherProps = _objectWithoutProperties__default["default"](_ref, _excluded$x);
   var baseClass = classnames__default["default"]("inline-flex items-center transition-all duration-300 ease-in-out relative", {
-    "neeto-site-highlight__element": disableButtonAndLinks,
-    "pointer-events-none": !disableButtonAndLinks && action === ""
+    "neeto-site-highlight__element": disableButtonAndLinks && !isAddNewPane,
+    "pointer-events-none": isAddNewPane || !disableButtonAndLinks && action === ""
   });
   var _useElementClick = useElementClick({
       id: id,
@@ -15492,6 +15498,7 @@ var LinkElement = function LinkElement(_ref) {
     }),
     handleClick = _useElementClick.handleClick;
   var handleLinkClick = function handleLinkClick(event) {
+    if (isAddNewPane) return;
     setIsMenuOpen && setIsMenuOpen(false);
     disableButtonAndLinks && handleClick(event);
   };
@@ -15811,7 +15818,7 @@ var Toggle = function Toggle(_ref) {
   })));
 };
 
-var _excluded$u = ["style", "component", "className", "isTitle", "children", "disableButtonAndLinks", "id", "index"];
+var _excluded$u = ["style", "component", "className", "isTitle", "children", "disableButtonAndLinks", "id", "index", "isAddNewPane"];
 var Typography = function Typography(_ref) {
   var _ref$style = _ref.style,
     style = _ref$style === void 0 ? DEFAULT_TYPOGRAPHY_STYLES : _ref$style,
@@ -15826,6 +15833,8 @@ var Typography = function Typography(_ref) {
     disableButtonAndLinks = _ref$disableButtonAnd === void 0 ? false : _ref$disableButtonAnd,
     id = _ref.id,
     index = _ref.index,
+    _ref$isAddNewPane = _ref.isAddNewPane,
+    isAddNewPane = _ref$isAddNewPane === void 0 ? false : _ref$isAddNewPane,
     otherProps = _objectWithoutProperties__default["default"](_ref, _excluded$u);
   var _useElementClick = useElementClick({
       id: id,
@@ -15841,9 +15850,9 @@ var Typography = function Typography(_ref) {
     as: isTitle ? component : COMPONENTS.div,
     design: style,
     className: classnames__default["default"]("neeto-site-typography break-words", className, {
-      "neeto-site-highlight__element": disableButtonAndLinks
+      "neeto-site-highlight__element": disableButtonAndLinks && !isAddNewPane
     }),
-    onClick: handleTitleClick
+    onClick: !isAddNewPane && handleTitleClick
   }, otherProps), isTitle ? children : /*#__PURE__*/React__default["default"].createElement(StyledInterweave, {
     className: "neeto-editor-content",
     content: children,
@@ -15898,6 +15907,7 @@ var BlogContent = function BlogContent(_ref) {
     design: design.image,
     disableButtonAndLinks: otherProps.disableButtonAndLinks,
     id: "blog-content-image",
+    isAddNewPane: otherProps.isAddNewPane,
     src: imageSrc
   })), /*#__PURE__*/React__default["default"].createElement(Typography$1, _extends__default["default"]({
     className: textClasses,
@@ -21096,7 +21106,9 @@ var CardsInGridView = function CardsInGridView(_ref) {
       index: index,
       design: ramda.mergeRight(design.cardImage, style),
       id: "cards-in-grid-view-".concat(index, "-image"),
+      isAddNewPane: otherProps.isAddNewPane,
       src: imageUrl,
+      wrapperClassName: "h-full w-full",
       className: classnames__default["default"]("mx-auto", {
         "max-h-40": mode === "landscape",
         "max-h-72": mode === "portrait"
@@ -21109,11 +21121,13 @@ var CardsInGridView = function CardsInGridView(_ref) {
       isTitle: true,
       component: "h5",
       id: "cards-in-grid-view-".concat(index, "-title"),
+      isAddNewPane: otherProps.isAddNewPane,
       style: design.cardTitle
     }, title), /*#__PURE__*/React__default["default"].createElement(Typography$1, {
       disableButtonAndLinks: disableButtonAndLinks,
       index: index,
       id: "cards-in-grid-view-".concat(index, "-description"),
+      isAddNewPane: otherProps.isAddNewPane,
       style: design.cardDescription
     }, description))));
   };
@@ -21134,6 +21148,7 @@ var CardsInGridView = function CardsInGridView(_ref) {
       className: "col-span-12",
       component: "h3",
       id: "cards-in-grid-view-title",
+      isAddNewPane: otherProps.isAddNewPane,
       style: design.title
     }, title), /*#__PURE__*/React__default["default"].createElement(ArrowButton, {
       isStart: true,
@@ -21406,8 +21421,9 @@ var CardsWithImage = function CardsWithImage(_ref) {
       className: "!justify-self-end",
       design: design.cardImage,
       id: "cards-with-image-".concat(index, "-image"),
+      isAddNewPane: otherProps.isAddNewPane,
       src: imageUrl,
-      wrapperClassName: "grid"
+      wrapperClassName: "grid h-full w-full"
     }))));
   }), isAddMoreRequired && /*#__PURE__*/React__default["default"].createElement(MotionWrapper, {
     enableAnimation: enableAnimation,
@@ -21725,6 +21741,7 @@ var CtaWithLogo = function CtaWithLogo(_ref) {
     design: design.logo,
     disableButtonAndLinks: otherProps.disableButtonAndLinks,
     id: "cta-with-logo-logo",
+    isAddNewPane: otherProps.isAddNewPane,
     src: logoUrl,
     wrapperClassName: "flex item-center flex-shrink-0"
   }), /*#__PURE__*/React__default["default"].createElement("div", {
@@ -22052,6 +22069,7 @@ var FeatureWithDetails = function FeatureWithDetails(_ref) {
     design: design.media,
     disableButtonAndLinks: otherProps.disableButtonAndLinks,
     id: "feature-with-details-media",
+    isAddNewPane: otherProps.isAddNewPane,
     lgImageWidth: design.media.width,
     src: imageUrl
   })));
@@ -22115,6 +22133,7 @@ var FeatureWithGrid = function FeatureWithGrid(_ref) {
     design: design.media,
     disableButtonAndLinks: otherProps.disableButtonAndLinks,
     id: "feature-with-grid-media",
+    isAddNewPane: otherProps.isAddNewPane,
     src: imageURL
   })), features.map(function (_ref2, index) {
     var featureTitle = _ref2.title,
@@ -22134,6 +22153,7 @@ var FeatureWithGrid = function FeatureWithGrid(_ref) {
       design: design.featureImage,
       disableButtonAndLinks: otherProps.disableButtonAndLinks,
       id: "feature-with-grid-".concat(index, "-image"),
+      isAddNewPane: otherProps.isAddNewPane,
       src: featureImageUrl,
       title: featureImageTitle
     }), /*#__PURE__*/React__default["default"].createElement(Typography$1, _extends__default["default"]({
@@ -22212,6 +22232,7 @@ var FeatureWithImage = function FeatureWithImage(_ref) {
     design: design.media,
     disableButtonAndLinks: otherProps.disableButtonAndLinks,
     id: "feature-with-image-media",
+    isAddNewPane: otherProps.isAddNewPane,
     lgImageWidth: design.media.width,
     src: imageUrl
   })));
@@ -22357,6 +22378,7 @@ var FeatureWithList = function FeatureWithList(_ref) {
     design: design.media,
     disableButtonAndLinks: otherProps.disableButtonAndLinks,
     id: "feature-with-list-media",
+    isAddNewPane: otherProps.isAddNewPane,
     lgImageWidth: design.media.width,
     src: imageURL
   })));
@@ -22484,6 +22506,7 @@ var FeatureWithProgressBar = function FeatureWithProgressBar(_ref) {
     disableButtonAndLinks: otherProps.disableButtonAndLinks,
     id: "feature-with-progress-bar-".concat(selectedTabId - 1, "-media"),
     index: selectedTabId - 1,
+    isAddNewPane: otherProps.isAddNewPane,
     isEmbedded: features[selectedTabId - 1].media.isEmbedded,
     src: features[selectedTabId - 1].media.src,
     videoUrl: features[selectedTabId - 1].media.videoUrl
@@ -22535,6 +22558,7 @@ var FooterClassic = function FooterClassic(_ref) {
       design: design.logo,
       disableButtonAndLinks: otherProps.disableButtonAndLinks,
       id: "footer-classic-logo",
+      isAddNewPane: otherProps.isAddNewPane,
       src: logo.src,
       wrapperClassName: "mb-4 sm:mb-0"
     }), /*#__PURE__*/React__default["default"].createElement(ListWrapper$1, {
@@ -22591,6 +22615,7 @@ var FooterClassic = function FooterClassic(_ref) {
     design: design.logo,
     disableButtonAndLinks: otherProps.disableButtonAndLinks,
     id: "footer-classic-logo",
+    isAddNewPane: otherProps.isAddNewPane,
     src: logo.src
   })), /*#__PURE__*/React__default["default"].createElement(ListWrapper$1, {
     className: "flex flex-grow flex-wrap gap-x-7  gap-y-4 sm:justify-end",
@@ -22672,6 +22697,7 @@ var FooterWithIcons = function FooterWithIcons(_ref) {
     design: design.logo,
     disableButtonAndLinks: otherProps.disableButtonAndLinks,
     id: "footer-with-icons-logo",
+    isAddNewPane: otherProps.isAddNewPane,
     src: logo.src,
     wrapperClassName: "items-center"
   }), logo.src && /*#__PURE__*/React__default["default"].createElement(StyledWrapper, {
@@ -22751,6 +22777,7 @@ var FooterWithLinks = function FooterWithLinks(_ref) {
     design: design.logo,
     disableButtonAndLinks: otherProps.disableButtonAndLinks,
     id: "footer-with-links-logo",
+    isAddNewPane: otherProps.isAddNewPane,
     src: logo.src
   }), /*#__PURE__*/React__default["default"].createElement(Typography$1, _extends__default["default"]({
     design: design.logoTitle,
@@ -22821,7 +22848,7 @@ var FooterWithLinks = function FooterWithLinks(_ref) {
       style: design.columnLinks,
       to: type === "Email" ? "mailto:".concat(value) : "tel:".concat(value)
     }, otherProps, {
-      className: "break-all"
+      className: "break-all leading-snug"
     })));
   })), /*#__PURE__*/React__default["default"].createElement(ListWrapper$1, {
     className: "mt-2 flex gap-x-3",
@@ -22853,7 +22880,8 @@ var GalleryClassic = function GalleryClassic(_ref) {
     className = _ref$className === void 0 ? "" : _ref$className,
     id = _ref.id,
     disableButtonAndLinks = _ref.disableButtonAndLinks,
-    image = _ref.image;
+    image = _ref.image,
+    isAddNewPane = _ref.isAddNewPane;
   var _useState = React.useState(null),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     swiper = _useState2[0],
@@ -22881,12 +22909,14 @@ var GalleryClassic = function GalleryClassic(_ref) {
     className: "col-span-12 col-start-1 sm:col-span-6 sm:col-start-4"
   }, /*#__PURE__*/React__default["default"].createElement(Typography$1, {
     disableButtonAndLinks: disableButtonAndLinks,
+    isAddNewPane: isAddNewPane,
     isTitle: true,
     component: "h3",
     id: "gallery-classic-title",
     style: design.title
   }, title), /*#__PURE__*/React__default["default"].createElement(Typography$1, {
     disableButtonAndLinks: disableButtonAndLinks,
+    isAddNewPane: isAddNewPane,
     id: "gallery-classic-description",
     style: design.description
   }, description)), /*#__PURE__*/React__default["default"].createElement(ArrowButton, {
@@ -22925,6 +22955,7 @@ var GalleryClassic = function GalleryClassic(_ref) {
       disableButtonAndLinks: disableButtonAndLinks,
       image: image,
       index: index,
+      isAddNewPane: isAddNewPane,
       src: src,
       alt: caption,
       className: "sliding-image",
@@ -23766,7 +23797,9 @@ var GalleryWithAutoplay = function GalleryWithAutoplay(_ref) {
       design: style,
       disableButtonAndLinks: otherProps.disableButtonAndLinks,
       id: "gallery-with-autoplay-images-".concat(index, "-image"),
-      title: caption
+      isAddNewPane: otherProps.isAddNewPane,
+      title: caption,
+      wrapperClassName: "h-full w-full"
     }));
   }))), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "ns-gallery-with-sliding-images sm:col-span-6 sm:col-start-4"
@@ -23990,6 +24023,7 @@ var HeaderWithDropdownLinks = function HeaderWithDropdownLinks(_ref) {
     design: design.logo,
     disableButtonAndLinks: otherProps.disableButtonAndLinks,
     id: "header-with-dropdown-links-logo",
+    isAddNewPane: otherProps.isAddNewPane,
     src: properties.logo.src
   }), /*#__PURE__*/React__default["default"].createElement(Typography$1, _extends__default["default"]({
     component: "p",
@@ -24097,6 +24131,7 @@ var HeaderWithIcons = function HeaderWithIcons(_ref) {
     design: design.logo,
     disableButtonAndLinks: otherProps.disableButtonAndLinks,
     id: "header-with-icons-logo",
+    isAddNewPane: otherProps.isAddNewPane,
     src: properties.logo.src
   })), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "col-span-5 col-start-8 hidden justify-end sm:col-span-3 sm:col-start-10 sm:flex"
@@ -24213,6 +24248,7 @@ var HeaderWithLogoTitle = function HeaderWithLogoTitle(_ref) {
     design: design.logo,
     disableButtonAndLinks: otherProps.disableButtonAndLinks,
     id: "header-with-logo-title-logo",
+    isAddNewPane: otherProps.isAddNewPane,
     src: properties.logo.src
   }), /*#__PURE__*/React__default["default"].createElement(Typography$1, {
     component: "p",
@@ -24323,7 +24359,7 @@ var HeroWithCallToAction = function HeroWithCallToAction(_ref) {
     "sm:col-span-12 lg:col-start-1": !mediaURL
   });
   var buttonBaseClasses = classnames__default["default"]("flex w-full items-center gap-x-3", {
-    "sm:justify-start": mediaURL && (mediaPosition === POSITIONS.LEFT.label || mediaPosition === POSITIONS.RIGHT.label)
+    "sm:!justify-start": mediaURL && (mediaPosition === POSITIONS.LEFT.label || mediaPosition === POSITIONS.RIGHT.label)
   });
   return /*#__PURE__*/React__default["default"].createElement(BlockWrapper, {
     className: className,
@@ -24375,6 +24411,7 @@ var HeroWithCallToAction = function HeroWithCallToAction(_ref) {
     design: design.media,
     disableButtonAndLinks: otherProps.disableButtonAndLinks,
     id: "hero-with-call-to-action-media",
+    isAddNewPane: otherProps.isAddNewPane,
     src: imageURL
   })));
 };
@@ -24462,6 +24499,7 @@ var HeroWithGallery = function HeroWithGallery(_ref) {
       isTitle: true,
       component: "h3",
       id: "hero-with-gallery-slide-".concat(index, "-prefixTitle"),
+      isAddNewPane: otherProps.isAddNewPane,
       style: design.prefixTitle
     }, content.prefixTitle), /*#__PURE__*/React__default["default"].createElement(Typography$1, {
       disableButtonAndLinks: disableButtonAndLinks,
@@ -24470,6 +24508,7 @@ var HeroWithGallery = function HeroWithGallery(_ref) {
       className: textClasses(_objectSpread$2({}, media)),
       component: "h1",
       id: "hero-with-gallery-slide-".concat(index, "-title"),
+      isAddNewPane: otherProps.isAddNewPane,
       style: design.title
     }, content.title), /*#__PURE__*/React__default["default"].createElement(Typography$1, {
       disableButtonAndLinks: disableButtonAndLinks,
@@ -24477,6 +24516,7 @@ var HeroWithGallery = function HeroWithGallery(_ref) {
       className: textClasses(_objectSpread$2({}, media)),
       component: "p",
       id: "hero-with-gallery-slide-".concat(index, "-description"),
+      isAddNewPane: otherProps.isAddNewPane,
       style: design.description
     }, content.description), /*#__PURE__*/React__default["default"].createElement("div", {
       className: buttonBaseClasses(_objectSpread$2({}, media))
@@ -24502,6 +24542,7 @@ var HeroWithGallery = function HeroWithGallery(_ref) {
       autoPlay: media.autoPlay,
       design: design.media,
       id: "hero-with-gallery-slide-".concat(index, "-media"),
+      isAddNewPane: otherProps.isAddNewPane,
       isEmbedded: media.isEmbedded,
       lgImageSize: design.media.width,
       src: media.src,
@@ -24567,7 +24608,8 @@ var LogoClouds = function LogoClouds(_ref) {
     className = _ref$className === void 0 ? "" : _ref$className,
     id = _ref.id,
     disableButtonAndLinks = _ref.disableButtonAndLinks,
-    image = _ref.image;
+    image = _ref.image,
+    isAddNewPane = _ref.isAddNewPane;
   var properties = configurations.properties,
     design = configurations.design;
   var _properties$logos = properties.logos,
@@ -24599,6 +24641,7 @@ var LogoClouds = function LogoClouds(_ref) {
     nestedClassName: baseClasses
   }, /*#__PURE__*/React__default["default"].createElement(Typography$1, {
     disableButtonAndLinks: disableButtonAndLinks,
+    isAddNewPane: isAddNewPane,
     isTitle: true,
     className: "col-span-12",
     component: "h3",
@@ -24618,6 +24661,7 @@ var LogoClouds = function LogoClouds(_ref) {
       disableButtonAndLinks: disableButtonAndLinks,
       image: image,
       index: index,
+      isAddNewPane: isAddNewPane,
       src: src,
       title: title,
       className: "logo-image",
@@ -24987,7 +25031,7 @@ var TestimonialWithSlider = function TestimonialWithSlider(_ref) {
     });
   };
   var contentClasses = function contentClasses(imagePosition) {
-    return classnames__default["default"]("col-span-12 my-auto sm:col-span-7 space-y-2", {
+    return classnames__default["default"]("col-span-12 my-auto sm:col-span-7", {
       "sm:col-start-5": POSITIONS.LEFT.label === imagePosition,
       "sm:col-start-2": POSITIONS.RIGHT.label === imagePosition
     });
@@ -25041,7 +25085,8 @@ var TestimonialWithSlider = function TestimonialWithSlider(_ref) {
       className: "ns-testimonial-image-aspect-ratio object-cover",
       design: design.testimonialImage,
       disableButtonAndLinks: otherProps.disableButtonAndLinks,
-      id: "testimonial-with-slider-".concat(index, "-image")
+      id: "testimonial-with-slider-".concat(index, "-image"),
+      isAddNewPane: otherProps.isAddNewPane
     }), /*#__PURE__*/React__default["default"].createElement(Typography$1, _extends__default["default"]({
       index: index,
       isTitle: true,
@@ -25064,6 +25109,7 @@ var TestimonialWithSlider = function TestimonialWithSlider(_ref) {
       design: design.testimonialLogo,
       disableButtonAndLinks: otherProps.disableButtonAndLinks,
       id: "testimonial-with-slider-".concat(index, "-logo"),
+      isAddNewPane: otherProps.isAddNewPane,
       src: logoUrl
     }), /*#__PURE__*/React__default["default"].createElement(Typography$1, _extends__default["default"]({
       style: design.testimonialDescription
@@ -25160,7 +25206,8 @@ var TestimonialWithVerticalView = function TestimonialWithVerticalView(_ref) {
       className: "ns-testimonial-image-aspect-ratio",
       design: design.testimonialImage,
       disableButtonAndLinks: otherProps.disableButtonAndLinks,
-      id: "testimonial-with-vertical-view-images-".concat(index, "-image")
+      id: "testimonial-with-vertical-view-images-".concat(index, "-image"),
+      isAddNewPane: otherProps.isAddNewPane
     }), /*#__PURE__*/React__default["default"].createElement(Typography$1, _extends__default["default"]({
       index: index,
       isTitle: true,
@@ -25181,6 +25228,7 @@ var TestimonialWithVerticalView = function TestimonialWithVerticalView(_ref) {
       design: design.testimonialLogo,
       disableButtonAndLinks: otherProps.disableButtonAndLinks,
       id: "testimonial-with-vertical-view-images-".concat(index, "-logo"),
+      isAddNewPane: otherProps.isAddNewPane,
       src: logoUrl
     }), /*#__PURE__*/React__default["default"].createElement(Typography$1, _extends__default["default"]({
       index: index,