@inappstory/slide-api 0.1.42 → 0.1.43

package/dist/index.cjs

@@ -1202,6 +1202,9 @@ class EsModuleSdkApi {
     isSdkSupportCorrectPauseResumeLifecycle() {
         return true;
     }
+    isSdkSupportVerticalSwipeGestureControl() {
+        return true;
+    }
     emitEvent(name, event) {
         this.sdkBinding.onEvent(name, event);
     }
@@ -3802,6 +3805,7 @@ class SlideTimeline {
             if (this.isSDKSupportUpdateTimeline) {
                 this.timelineDisabledState = TimelineDisabledState.enabled;
                 this.timeSpent = 0;
+                this.resumedAt = new Date().getTime();
                 this.updateTimeline("start" /* TIMELINE_ACTION.START */);
             }
             else {
@@ -5850,6 +5854,9 @@ class SlideApiDepsMultiSlideMode {
     enableVerticalSwipeGesture() {
         this.sdkApi.enableVerticalSwipeGesture();
     }
+    isSdkSupportVerticalSwipeGestureControl() {
+        return this.sdkApi.isSdkSupportVerticalSwipeGestureControl();
+    }
     disableBackpress() {
         this.sdkApi.disableBackpress();
     }
@@ -6024,6 +6031,9 @@ class SlideApiDepsSingleSlideMode {
     enableVerticalSwipeGesture() {
         this.sdkApi.enableVerticalSwipeGesture();
     }
+    isSdkSupportVerticalSwipeGestureControl() {
+        return this.sdkApi.isSdkSupportVerticalSwipeGestureControl();
+    }
     disableBackpress() {
         this.sdkApi.disableBackpress();
     }
@@ -20788,7 +20798,7 @@ class ProductDetailsBottomSheet extends RenderableComponent {
         });
     }
     renderTemplate() {
-        return h("div", { class: "ias-products-container-view" }, this.bottomSheet.render());
+        return this.bottomSheet.render();
     }
     open(params) {
         this.showProductDetails(params);
@@ -20866,7 +20876,7 @@ class ProductCheckoutBottomSheet extends RenderableComponent {
         });
     }
     renderTemplate() {
-        return h("div", { class: "ias-products-container-view" }, this.bottomSheet.render());
+        return this.bottomSheet.render();
     }
     open() {
         const productCheckout = this.factory.createProductCheckout(this.bottomSheet);
@@ -21643,6 +21653,7 @@ class WidgetProductCarousel extends WidgetBase {
     $carousel = null;
     $track = null;
     isTouchListenersInit = false;
+    productsView = null;
     constructor(element, options, widgetCallbacks, widgetDeps) {
         super(element, options, widgetCallbacks, widgetDeps);
         this.captionView = this.element.querySelector(".narrative-element-text-lines");
@@ -21860,10 +21871,7 @@ class WidgetProductCarousel extends WidgetBase {
     }
     showProductDetails = ({ offer, card }) => {
         const bs = new ProductDetailsBottomSheet(this.widgetDeps, this.getBottomSheetParams());
-        const bsNode = bs.render();
-        if (!bsNode)
-            throw new BottomSheetMountingError();
-        this.slide.appendChild(bsNode);
+        this.mountBottomSheet(bs);
         bs.open({ offer, isCartSupported: this.isCartSupported() });
         this.isBottomSheetOpened = true;
         this.disableHostUIInteraction();
@@ -21934,6 +21942,22 @@ class WidgetProductCarousel extends WidgetBase {
         });
         return button;
     }
+    mountBottomSheet(bs) {
+        if (this.productsView)
+            return;
+        const bsNode = bs.render();
+        if (!bsNode)
+            throw new BottomSheetMountingError();
+        this.productsView = this.createProductsView();
+        this.productsView.appendChild(bsNode);
+        this.slide.appendChild(this.productsView);
+    }
+    createProductsView() {
+        const containerView = document.createElement("div");
+        containerView.classList.add("ias-products-container-view");
+        containerView.dir = this.layoutDirection;
+        return containerView;
+    }
     async withTimeout(promise, timeout) {
         await Promise.race([promise, new Promise((resolve, reject) => setTimeout(reject, timeout))]);
     }
@@ -21949,10 +21973,7 @@ class WidgetProductCarousel extends WidgetBase {
                 offerId: offerDto.offerId,
                 quantity: 1,
             }), ADD_TO_CART_TIMEOUT);
-            const bsNode = bs.render();
-            if (!bsNode)
-                throw new BottomSheetMountingError();
-            this.slide.appendChild(bsNode);
+            this.mountBottomSheet(bs);
             bs.open();
             this.isBottomSheetOpened = true;
             this.disableHostUIInteraction();
@@ -21990,6 +22011,10 @@ class WidgetProductCarousel extends WidgetBase {
                 }
                 this.isBottomSheetOpened = false;
                 this.enableHostUIInteraction();
+                if (this.productsView) {
+                    this.slide.removeChild(this.productsView);
+                    this.productsView = null;
+                }
             },
         };
     }
@@ -26653,6 +26678,9 @@ class WidgetScratchCard extends WidgetBase {
         this.widgetDeps.slideApiDeps.disableHorizontalSwipeGesture();
         this.widgetDeps.slideApiDeps.disableVerticalSwipeGesture();
         this._isClickCaptured = true;
+        if (!this.widgetDeps.slideApiDeps.isSdkSupportVerticalSwipeGestureControl()) {
+            this.scratchLayer?.startCompleteReveal();
+        }
     }
     static api = {
         widgetClassName: WidgetScratchCard.widgetClassName,