@inappstory/slide-api 0.1.42 → 0.1.43

package/dist/index.d.cts

@@ -521,6 +521,7 @@ declare class WidgetProductCarousel extends WidgetBase<WidgetProductCarouselOpti
     private $carousel;
     private $track;
     private isTouchListenersInit;
+    private productsView;
     constructor(element: HTMLElement, options: Partial<WidgetProductCarouselOptions>, widgetCallbacks: WidgetCallbacks, widgetDeps: WidgetDeps);
     onRefreshUserData(localData: Record<string, any>): void;
     onStart(): void;
@@ -549,6 +550,8 @@ declare class WidgetProductCarousel extends WidgetBase<WidgetProductCarouselOpti
     private renderCardTitle;
     private renderCardPrices;
     private renderPurchaseButton;
+    private mountBottomSheet;
+    private createProductsView;
     private withTimeout;
     private addToCart;
     private getBottomSheetParams;
@@ -1233,6 +1236,7 @@ declare global {
         __sdkSupportFileAssetsProtocol: boolean;
         __sdkSupportTimelineOnBeforeStart: boolean;
         __sdkSupportCorrectPauseResumeLifecycle: boolean;
+        __sdkSupportVerticalSwipeGestureControl: boolean;
         _isSdkSupportProductCart: boolean;
         _share(id: string, config: {
             url?: string | null;
@@ -1411,6 +1415,7 @@ interface SDKApi {
     getCardFonts(): Array<FontDTO>;
     disableVerticalSwipeGesture(): void;
     enableVerticalSwipeGesture(): void;
+    isSdkSupportVerticalSwipeGestureControl(): boolean;
     disableHorizontalSwipeGesture(): void;
     enableHorizontalSwipeGesture(): void;
     disableBackpress(): void;
@@ -1458,6 +1463,7 @@ interface ISlideApiDeps {
     vibrate: SDKApi["vibrate"];
     disableVerticalSwipeGesture: SDKApi["disableVerticalSwipeGesture"];
     enableVerticalSwipeGesture: SDKApi["enableVerticalSwipeGesture"];
+    isSdkSupportVerticalSwipeGestureControl: SDKApi["isSdkSupportVerticalSwipeGestureControl"];
     disableBackpress: SDKApi["disableBackpress"];
     enableBackpress: SDKApi["enableBackpress"];
     sendApiRequest: SDKApi["sendApiRequest"];

package/dist/index.d.ts

@@ -521,6 +521,7 @@ declare class WidgetProductCarousel extends WidgetBase<WidgetProductCarouselOpti
     private $carousel;
     private $track;
     private isTouchListenersInit;
+    private productsView;
     constructor(element: HTMLElement, options: Partial<WidgetProductCarouselOptions>, widgetCallbacks: WidgetCallbacks, widgetDeps: WidgetDeps);
     onRefreshUserData(localData: Record<string, any>): void;
     onStart(): void;
@@ -549,6 +550,8 @@ declare class WidgetProductCarousel extends WidgetBase<WidgetProductCarouselOpti
     private renderCardTitle;
     private renderCardPrices;
     private renderPurchaseButton;
+    private mountBottomSheet;
+    private createProductsView;
     private withTimeout;
     private addToCart;
     private getBottomSheetParams;
@@ -1233,6 +1236,7 @@ declare global {
         __sdkSupportFileAssetsProtocol: boolean;
         __sdkSupportTimelineOnBeforeStart: boolean;
         __sdkSupportCorrectPauseResumeLifecycle: boolean;
+        __sdkSupportVerticalSwipeGestureControl: boolean;
         _isSdkSupportProductCart: boolean;
         _share(id: string, config: {
             url?: string | null;
@@ -1411,6 +1415,7 @@ interface SDKApi {
     getCardFonts(): Array<FontDTO>;
     disableVerticalSwipeGesture(): void;
     enableVerticalSwipeGesture(): void;
+    isSdkSupportVerticalSwipeGestureControl(): boolean;
     disableHorizontalSwipeGesture(): void;
     enableHorizontalSwipeGesture(): void;
     disableBackpress(): void;
@@ -1458,6 +1463,7 @@ interface ISlideApiDeps {
     vibrate: SDKApi["vibrate"];
     disableVerticalSwipeGesture: SDKApi["disableVerticalSwipeGesture"];
     enableVerticalSwipeGesture: SDKApi["enableVerticalSwipeGesture"];
+    isSdkSupportVerticalSwipeGestureControl: SDKApi["isSdkSupportVerticalSwipeGestureControl"];
     disableBackpress: SDKApi["disableBackpress"];
     enableBackpress: SDKApi["enableBackpress"];
     sendApiRequest: SDKApi["sendApiRequest"];

package/dist/index.js

@@ -1200,6 +1200,9 @@ class EsModuleSdkApi {
     isSdkSupportCorrectPauseResumeLifecycle() {
         return true;
     }
+    isSdkSupportVerticalSwipeGestureControl() {
+        return true;
+    }
     emitEvent(name, event) {
         this.sdkBinding.onEvent(name, event);
     }
@@ -3800,6 +3803,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 {
@@ -5848,6 +5852,9 @@ class SlideApiDepsMultiSlideMode {
     enableVerticalSwipeGesture() {
         this.sdkApi.enableVerticalSwipeGesture();
     }
+    isSdkSupportVerticalSwipeGestureControl() {
+        return this.sdkApi.isSdkSupportVerticalSwipeGestureControl();
+    }
     disableBackpress() {
         this.sdkApi.disableBackpress();
     }
@@ -6022,6 +6029,9 @@ class SlideApiDepsSingleSlideMode {
     enableVerticalSwipeGesture() {
         this.sdkApi.enableVerticalSwipeGesture();
     }
+    isSdkSupportVerticalSwipeGestureControl() {
+        return this.sdkApi.isSdkSupportVerticalSwipeGestureControl();
+    }
     disableBackpress() {
         this.sdkApi.disableBackpress();
     }
@@ -20786,7 +20796,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);
@@ -20864,7 +20874,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);
@@ -21641,6 +21651,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");
@@ -21858,10 +21869,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();
@@ -21932,6 +21940,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))]);
     }
@@ -21947,10 +21971,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();
@@ -21988,6 +22009,10 @@ class WidgetProductCarousel extends WidgetBase {
                 }
                 this.isBottomSheetOpened = false;
                 this.enableHostUIInteraction();
+                if (this.productsView) {
+                    this.slide.removeChild(this.productsView);
+                    this.productsView = null;
+                }
             },
         };
     }
@@ -26651,6 +26676,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,