@trafilea/afrodita-components 6.36.10 → 6.36.12

package/build/index.esm.js

@@ -20882,18 +20882,23 @@ var _playVideo = function () {
     _sendCommandToIframe('playVideo');
 };
 
+function closeZoom() {
+    var closeButton = document.querySelectorAll('.iiz__btn.iiz__close.iiz__close--visible')[0];
+    if (closeButton) {
+        closeButton.click();
+    }
+}
+
 var afterChangeSlide = function (_a) {
     var _b;
-    var slide = _a.slide, contents = _a.contents, setSelectedImageIndex = _a.setSelectedImageIndex, setArrowsVisible = _a.setArrowsVisible, onChange = _a.onChange;
+    var slide = _a.slide, contents = _a.contents, setSelectedImageIndex = _a.setSelectedImageIndex, onChange = _a.onChange;
     var activeSlide = contents[slide];
     // If autoplay is true and iframe is the active slide, play the video
     var autoplay = (_b = activeSlide === null || activeSlide === void 0 ? void 0 : activeSlide.url) === null || _b === void 0 ? void 0 : _b.includes('autoplay=1');
     autoplay ? _playVideo() : _stopVideo();
-    if (setArrowsVisible) {
-        setArrowsVisible(false);
-    }
     setSelectedImageIndex(Math.round(slide));
     onChange === null || onChange === void 0 ? void 0 : onChange(slide);
+    closeZoom();
 };
 
 var TopTagContainer$1 = newStyled.div(templateObject_1$8 || (templateObject_1$8 = __makeTemplateObject(["\n  position: absolute;\n  border-top-left-radius: 8px;\n  border-end-end-radius: 16px;\n  overflow: hidden;\n  left: ", ";\n  top: ", ";\n"], ["\n  position: absolute;\n  border-top-left-radius: 8px;\n  border-end-end-radius: 16px;\n  overflow: hidden;\n  left: ", ";\n  top: ", ";\n"])), function (props) { return (props.borderRadiusVariant ? '13px' : '0'); }, function (props) { return (props.borderRadiusVariant ? '11px' : '0'); });
@@ -21026,7 +21031,6 @@ var MainContent = function (_a) {
                     slide: e,
                     contents: contents,
                     setSelectedImageIndex: setSelectedImageIndex,
-                    setArrowsVisible: setArrowsVisible,
                     onChange: onChange,
                 });
             } }, settings, { nextArrow: arrowsVisible ? (jsx$1(NavButtonContainer$1, __assign$1({ "data-testid": "main-gallery-next-button" }, { children: jsx$1(Button$1, { children: jsx$1(Icon.Arrows.ChevronRight, { height: 2.125, width: 1.25, fill: "#292929" }, void 0) }, void 0) }), void 0)) : undefined, prevArrow: arrowsVisible ? (jsx$1(NavButtonContainer$1, { children: jsx$1(Button$1, { children: jsx$1(Icon.Arrows.ChevronLeft, { height: 2.125, width: 1.25, fill: "#292929" }, void 0) }, void 0) }, void 0)) : undefined, ref: slick }, { children: contents.map(function (content, idx) {
@@ -21132,15 +21136,15 @@ var SubContainer = newStyled.div({
     },
     '@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0)': {
         '@media': {
-            marginTop: '40px',
-        }
+            marginTop: '40px !important',
+        },
     },
     '@media not all and (min-resolution:.001dpcm)': {
         '@supports (-webkit-appearance:none) and (stroke-color:transparent)': {
-            marginTop: '40px',
+            marginTop: '40px !important',
         },
         '@supports (-webkit-appearance:none) and (not (stroke-color:transparent))': {
-            marginTop: '40px',
+            marginTop: '40px !important',
         },
     },
     '@media screen and (min-width: 380px) and (max-width: 400px) and (max-height: 860px) ': {
@@ -21188,6 +21192,13 @@ var ProductGalleryMobileV4 = function (_a) {
     useEffect(function () {
         setSelectedImageIndex(selectedValue);
     }, [selectedValue]);
+    useEffect(function () {
+        var body = document.querySelector('body');
+        if (!body) {
+            return;
+        }
+        body.style.overflow = galleryOpened ? 'hidden' : 'visible';
+    }, [galleryOpened]);
     return (jsx$1("div", __assign$1({ ref: containerRef }, { children: galleryOpened ? (jsx$1(GalleryDetailed, { images: images, topTag: topTag, topRightTag: topRightTag, bottomTag: bottomTag, productImageDataTestId: productImageDataTestId, borderRadiusVariant: borderRadiusVariant, itemsOnViewport: itemsOnViewport, selectedImageIndex: selectedImageIndex, setSelectedImageIndex: setSelectedImageIndex, setGalleryOpened: setGalleryOpened }, void 0)) : (jsx$1(ContentGallery, { contents: images, containerRef: containerRef, customClick: customClick, topTag: topTag, topRightTag: topRightTag, bottomTag: bottomTag, testId: productImageDataTestId, borderRadiusVariant: borderRadiusVariant, itemsOnViewport: itemsOnViewport, selectedImageIndex: selectedImageIndex, setSelectedImageIndex: setSelectedImageIndex, setGalleryOpened: setGalleryOpened }, void 0)) }), void 0));
 };