@inappstory/slide-api 0.1.47 → 0.1.49

package/dist/index.cjs

@@ -6785,12 +6785,13 @@ class Slider {
             return Promise.resolve();
         return new Promise(resolve => {
             const handler = (e) => {
-                if (e.propertyName === "transform") {
+                if (e.target === sliderTrack && e.propertyName === "transform") {
+                    sliderTrack.removeEventListener("transitionend", handler);
                     sliderTrack.style.transitionDuration = "0ms";
                     resolve();
                 }
             };
-            sliderTrack.addEventListener("transitionend", handler, { once: true });
+            sliderTrack.addEventListener("transitionend", handler);
         });
     }
     destroy() {
@@ -20409,7 +20410,7 @@ class ProductDetailsPurchase extends RenderableComponent {
             onAddToCartError: this.props.onAddToCartError,
             translations: this.props.translations,
         });
-        return h("div", { class: "ias-product-details__purchase" }, h("div", { class: "ias-product-details__price-box" }, this.price.render(), this.counter.render()), this.action.render());
+        return h("div", { class: "ias-product-details__purchase" }, h("div", { class: "ias-product-details__price-box" }, this.price.render(), this.props.isCartQuantityEnabled ? this.counter.render() : null), this.action.render());
     }
     updateProps(props) {
         this.props = { ...this.props, ...props };
@@ -20809,6 +20810,7 @@ class ProductComponentsFactory {
             },
             translations: this.props.translations,
             isCartSupported: params.isCartSupported,
+            isCartQuantityEnabled: params.isCartQuantityEnabled,
             onOpenUrl: () => {
                 if (params.product.url)
                     this.widgetDeps.slideApiDeps.openUrl({ type: "link", link: { type: "url", target: params.product.url } });
@@ -20913,12 +20915,12 @@ class ProductDetailsBottomSheet extends RenderableComponent {
         this.showProductDetails(params);
         this.bottomSheet.open();
     }
-    showProductDetails = ({ offer, isCartSupported }) => {
+    showProductDetails = ({ offer, isCartSupported, isCartQuantityEnabled, }) => {
         const factory = new ProductComponentsFactory(this.widgetDeps, this.props);
         const offerDtos = [offer, ...(offer.subOffersApi ?? [])];
-        this.renderProductDetails({ factory, offer, offerDtos, isCartSupported });
+        this.renderProductDetails({ factory, offer, offerDtos, isCartSupported, isCartQuantityEnabled });
     };
-    renderProductDetails({ factory, offer, offerDtos, isCartSupported, }) {
+    renderProductDetails({ factory, offer, offerDtos, isCartSupported, isCartQuantityEnabled, }) {
         const { product, relatedProducts } = this.getProductAndRelatedProducts(offer);
         const productDetails = factory.createProductDetails({
             product,
@@ -20932,6 +20934,7 @@ class ProductDetailsBottomSheet extends RenderableComponent {
                 this.showProductCheckout();
             },
             isCartSupported,
+            isCartQuantityEnabled,
         });
         this.updateBottomSheetContent(productDetails);
     }
@@ -21550,9 +21553,10 @@ class WidgetProducts extends WidgetBase {
             height: backgroundViewHeight + scrollViewGroupHeight,
         });
         const isCartEnabled = getTagData(this.element, "isCartEnabled") === "true";
+        const isCartQuantityEnabled = !getTagData(this.element, "isCartQuantityEnabled") || getTagData(this.element, "isCartQuantityEnabled") === "true";
         const isCartSupported = this.widgetDeps.slideApiDeps.isSdkSupportProductCart && isCartEnabled;
         this.productsView.appendChild(bs.render());
-        bs.open({ offer, isCartSupported });
+        bs.open({ offer, isCartSupported, isCartQuantityEnabled });
     };
     createScrollView(offers) {
         const scrollViewGroup = document.createElement("div");
@@ -21981,7 +21985,8 @@ class WidgetProductCarousel extends WidgetBase {
     showProductDetails = ({ offer, card }) => {
         const bs = new ProductDetailsBottomSheet(this.widgetDeps, this.getBottomSheetParams());
         this.mountBottomSheet(bs);
-        bs.open({ offer, isCartSupported: this.isCartSupported() });
+        const isCartQuantityEnabled = !getTagData(this.element, "isCartQuantityEnabled") || getTagData(this.element, "isCartQuantityEnabled") === "true";
+        bs.open({ offer, isCartSupported: this.isCartSupported(), isCartQuantityEnabled });
         this.isBottomSheetOpened = true;
         this.disableHostUIInteraction();
     };