@inappstory/slide-api 0.1.49 → 0.1.51

package/dist/index.js

@@ -1,3 +1,5 @@
+import { EventEmitter } from 'events';
+
 const CONSTRUCTOR_ARGUMENTS_SYMBOL_IDENTIFIER = `___CTOR_ARGS___`;
 const CONSTRUCTOR_ARGUMENTS_SYMBOL = Symbol.for(CONSTRUCTOR_ARGUMENTS_SYMBOL_IDENTIFIER);
 
@@ -1296,6 +1298,7 @@ const DEFAULT_SLIDE_DURATION = 10000;
 class DataInput {
     _elementNodeRef;
     _layer;
+    _layersNodesRefs;
     _widgetApi;
     _widgetCallbacks;
     _widgetDeps;
@@ -1303,9 +1306,10 @@ class DataInput {
     static className() {
         return DataInput._className;
     }
-    constructor(_elementNodeRef, _layer, _widgetApi, _widgetCallbacks, _widgetDeps) {
+    constructor(_elementNodeRef, _layer, _layersNodesRefs, _widgetApi, _widgetCallbacks, _widgetDeps) {
         this._elementNodeRef = _elementNodeRef;
         this._layer = _layer;
+        this._layersNodesRefs = _layersNodesRefs;
         this._widgetApi = _widgetApi;
         this._widgetCallbacks = _widgetCallbacks;
         this._widgetDeps = _widgetDeps;
@@ -1319,7 +1323,7 @@ class DataInput {
     }
     init(localData) {
         try {
-            this._widgetApi.init(this._elementNodeRef, localData, this._widgetCallbacks, this._widgetDeps);
+            this._widgetApi.init(this._elementNodeRef, this._layersNodesRefs, localData, this._widgetCallbacks, this._widgetDeps);
         }
         catch (e) {
             console.error(e);
@@ -1337,6 +1341,9 @@ class DataInput {
     onBeforeUnmount() {
         return Promise.resolve();
     }
+    onRefreshUserData(localData) {
+        this._widgetApi.onRefreshUserData(this._elementNodeRef, localData);
+    }
     handleClick() {
         return false;
     }
@@ -1346,7 +1353,7 @@ class DataInput {
     get isLayerForcePaused() {
         return false;
     }
-    static get [Symbol.for("___CTOR_ARGS___")]() { return [`HTMLElement`, `Layer`, `typeof WidgetDataInput.api`, `WidgetCallbacks`, `WidgetDeps`]; }
+    static get [Symbol.for("___CTOR_ARGS___")]() { return [`HTMLElement`, `Layer`, `Array`, `typeof WidgetDataInput.api`, `WidgetCallbacks`, `WidgetDeps`]; }
 }
 
 class Barcode {
@@ -1390,6 +1397,9 @@ class Barcode {
     onBeforeUnmount() {
         return Promise.resolve();
     }
+    onRefreshUserData(localData) {
+        this._widgetApi.onRefreshUserData(this._elementNodeRef, localData);
+    }
     handleClick() {
         return false;
     }
@@ -1555,6 +1565,7 @@ class PromocodeLink {
     onBeforeUnmount() {
         return Promise.resolve();
     }
+    onRefreshUserData(localData) { }
     handleClick() {
         switch (this.state) {
             case PromocodeLinkState.Idle:
@@ -1702,6 +1713,7 @@ class Button extends ClickableBase {
         this.promocodeLink?.onStart();
     }
     onStop() { }
+    onRefreshUserData(localData) { }
     onBeforeUnmount() {
         return Promise.resolve();
     }
@@ -1755,6 +1767,9 @@ class Copy {
     onBeforeUnmount() {
         return Promise.resolve();
     }
+    onRefreshUserData(localData) {
+        this._widgetApi.onRefreshUserData(this._elementNodeRef, localData);
+    }
     handleClick() {
         return false;
     }
@@ -1811,6 +1826,9 @@ class DateCountdown {
     onBeforeUnmount() {
         return Promise.resolve();
     }
+    onRefreshUserData(localData) {
+        this._widgetApi.onRefreshUserData(this._elementNodeRef, localData);
+    }
     handleClick() {
         return false;
     }
@@ -1864,6 +1882,9 @@ class Poll {
     onBeforeUnmount() {
         return Promise.resolve();
     }
+    onRefreshUserData(localData) {
+        this._widgetApi.onRefreshUserData(this._elementNodeRef, localData);
+    }
     handleClick() {
         return false;
     }
@@ -1922,6 +1943,9 @@ class PollLayers {
     onBeforeUnmount() {
         return Promise.resolve();
     }
+    onRefreshUserData(localData) {
+        this._widgetApi.onRefreshUserData(this._elementNodeRef, localData);
+    }
     handleClick() {
         return false;
     }
@@ -1975,6 +1999,9 @@ class Products {
     onBeforeUnmount() {
         return Promise.resolve();
     }
+    onRefreshUserData(localData) {
+        this._widgetApi.onRefreshUserData(this._elementNodeRef, localData);
+    }
     handleClick() {
         return false;
     }
@@ -2037,6 +2064,9 @@ class ProductCarousel {
     onBeforeUnmount() {
         return Promise.resolve();
     }
+    onRefreshUserData(localData) {
+        this._widgetApi.onRefreshUserData(this._elementNodeRef, localData);
+    }
     handleClick() {
         return false;
     }
@@ -2090,6 +2120,9 @@ class Quest {
     onBeforeUnmount() {
         return Promise.resolve();
     }
+    onRefreshUserData(localData) {
+        this._widgetApi.onRefreshUserData(this._elementNodeRef, localData);
+    }
     handleClick() {
         return false;
     }
@@ -2147,6 +2180,9 @@ class Quiz {
     onBeforeUnmount() {
         return Promise.resolve();
     }
+    onRefreshUserData(localData) {
+        this._widgetApi.onRefreshUserData(this._elementNodeRef, localData);
+    }
     handleClick() {
         return false;
     }
@@ -2203,6 +2239,9 @@ class QuizGrouped {
     onBeforeUnmount() {
         return Promise.resolve();
     }
+    onRefreshUserData(localData) {
+        this._widgetApi.onRefreshUserData(this._elementNodeRef, localData);
+    }
     handleClick() {
         return false;
     }
@@ -2259,8 +2298,8 @@ class RangeSlider {
     onBeforeUnmount() {
         return Promise.resolve();
     }
-    get isClickCapturedBySlider() {
-        return this._widgetApi.isClickCapturedBySlider(this._elementNodeRef);
+    onRefreshUserData(localData) {
+        this._widgetApi.onRefreshUserData(this._elementNodeRef, localData);
     }
     handleClick() {
         return false;
@@ -2268,6 +2307,9 @@ class RangeSlider {
     get isLayerForcePaused() {
         return false;
     }
+    get isClickCapturedBySlider() {
+        return this._widgetApi.isClickCapturedBySlider(this._elementNodeRef);
+    }
     static get [Symbol.for("___CTOR_ARGS___")]() { return [`HTMLElement`, `Layer`, `typeof WidgetRangeSlider.api`, `WidgetCallbacks`, `WidgetDeps`]; }
 }
 
@@ -2315,6 +2357,9 @@ class Rate {
     onBeforeUnmount() {
         return Promise.resolve();
     }
+    onRefreshUserData(localData) {
+        this._widgetApi.onRefreshUserData(this._elementNodeRef, localData);
+    }
     handleClick() {
         return false;
     }
@@ -2374,6 +2419,9 @@ class Share {
     onBeforeUnmount() {
         return Promise.resolve();
     }
+    onRefreshUserData(localData) {
+        this._widgetApi.onRefreshUserData(this._elementNodeRef, localData);
+    }
     handleClick() {
         return false;
     }
@@ -2414,6 +2462,7 @@ class SwipeUpItems {
     onBeforeUnmount() {
         return Promise.resolve();
     }
+    onRefreshUserData(localData) { }
     handleClick() {
         return false;
     }
@@ -2470,6 +2519,9 @@ class Test {
     onBeforeUnmount() {
         return Promise.resolve();
     }
+    onRefreshUserData(localData) {
+        this._widgetApi.onRefreshUserData(this._elementNodeRef, localData);
+    }
     handleClick() {
         return false;
     }
@@ -2526,6 +2578,9 @@ class Tooltip {
     onBeforeUnmount() {
         return Promise.resolve();
     }
+    onRefreshUserData(localData) {
+        this._widgetApi.onRefreshUserData(this._elementNodeRef, localData);
+    }
     handleClick() {
         return false;
     }
@@ -2576,6 +2631,9 @@ class Vote {
     onBeforeUnmount() {
         return Promise.resolve();
     }
+    onRefreshUserData(localData) {
+        this._widgetApi.onRefreshUserData(this._elementNodeRef, localData);
+    }
     handleClick() {
         return false;
     }
@@ -2610,6 +2668,7 @@ class Text {
     onBeforeUnmount() {
         return Promise.resolve();
     }
+    onRefreshUserData(localData) { }
     handleClick() {
         return false;
     }
@@ -2748,6 +2807,7 @@ class Image extends ClickableBase {
     onBeforeUnmount() {
         return Promise.resolve();
     }
+    onRefreshUserData(localData) { }
     handleClick() {
         return false;
     }
@@ -2785,6 +2845,7 @@ class SwipeUp {
     onBeforeUnmount() {
         return Promise.resolve();
     }
+    onRefreshUserData(localData) { }
     handleClick() {
         return false;
     }
@@ -2886,6 +2947,7 @@ class Video {
     }
     onStart() { }
     onStop() { }
+    onRefreshUserData(localData) { }
     async onBeforeUnmount() {
         // clean up memory and cpu processes
         // @ts-ignore
@@ -3421,6 +3483,9 @@ class Timer {
     onBeforeUnmount() {
         return Promise.resolve();
     }
+    onRefreshUserData(localData) {
+        this._widgetApi.onRefreshUserData(this._elementNodeRef, localData);
+    }
     handleClick() {
         return false;
     }
@@ -3472,6 +3537,9 @@ class Reactions {
     onBeforeUnmount() {
         return Promise.resolve();
     }
+    onRefreshUserData(localData) {
+        this._widgetApi.onRefreshUserData(this._elementNodeRef, localData);
+    }
     handleClick() {
         return false;
     }
@@ -3525,6 +3593,9 @@ class ScratchCard {
     onBeforeUnmount() {
         return Promise.resolve();
     }
+    onRefreshUserData(localData) {
+        this._widgetApi.onRefreshUserData(this._elementNodeRef, localData);
+    }
     handleClick() {
         return false;
     }
@@ -3566,7 +3637,9 @@ const tryCreateFromHtmlElement = (nodeRef, layer, widgetCallbacks, widgetDeps) =
             case Barcode.className():
                 return layoutApi.widgetBarcodeApi ? new Barcode(nodeRef, layer, layoutApi.widgetBarcodeApi, widgetCallbacks, widgetDeps) : null;
             case DataInput.className():
-                return layoutApi.widgetDataInputApi ? new DataInput(nodeRef, layer, layoutApi.widgetDataInputApi, widgetCallbacks, widgetDeps) : null;
+                return layoutApi.widgetDataInputApi
+                    ? new DataInput(nodeRef, layer, layersNodesRefs, layoutApi.widgetDataInputApi, widgetCallbacks, widgetDeps)
+                    : null;
             case DateCountdown.className():
                 return layoutApi.widgetDateCountdownApi
                     ? new DateCountdown(nodeRef, layer, layersNodesRefs, layoutApi.widgetDateCountdownApi, widgetCallbacks, widgetDeps)
@@ -3935,7 +4008,7 @@ class SlideTimeline {
     static get [Symbol.for("___CTOR_ARGS___")]() { return [`number`, `number`, `boolean`, `Promise`, `(cb: () => void) => void`, `ISlideApiDeps`]; }
 }
 
-class Layer {
+class Layer extends EventEmitter {
     _nodeRef;
     _slide;
     _layerIndex;
@@ -3962,6 +4035,7 @@ class Layer {
     _timeline;
     _widgetDeps;
     constructor(_nodeRef, _slide, _layerIndex, _slideReadyPromise, _afterAppResumeQueuePush, _afterStartInitQueuePush, slideApiDeps, _slideRoot, _getLayoutDirection, _slidePauseUI, _slideResumeUI, _getSdkClientVariables) {
+        super();
         this._nodeRef = _nodeRef;
         this._slide = _slide;
         this._layerIndex = _layerIndex;
@@ -3984,7 +4058,7 @@ class Layer {
         this._scrollable = this._nodeRef.getAttribute("data-scrollable") === "1";
         this._scrollView = _nodeRef.querySelector(".narrative-layer-scroll-view");
         this._layerVerticalScrollNotifier = new LayerVerticalScrollNotifier(this._scrollable, this._cardId, this._slideIndex, this._layerIndex, this._scrollView, this.slideApiDeps.onVerticalScrollChange.bind(this.slideApiDeps));
-        this._timeline = new SlideTimeline(this._slideIndex, this._duration, this._disabledTimer, this._slideReadyPromise, this._afterAppResumeQueuePush, this.slideApiDeps);
+        this.initTimeline();
         this._widgetDeps = {
             slideApiDeps: this.slideApiDeps,
             slideRoot: this._slideRoot,
@@ -4044,6 +4118,9 @@ class Layer {
             }, this._widgetDeps));
         }
     }
+    initTimeline() {
+        this._timeline = new SlideTimeline(this._slideIndex, this._duration, this._disabledTimer, this._slideReadyPromise, this._afterAppResumeQueuePush, this.slideApiDeps);
+    }
     init(localData) {
         if (this.slideApiDeps.isIOS || this.slideApiDeps.isAndroid) {
             this._nodeRef.classList.add("_app");
@@ -4244,6 +4321,7 @@ class Layer {
     _animationPauseCb;
     _animationResumeCb;
     async start(muted = true) {
+        this.emit("beforeStart");
         if (this._layerVerticalScrollNotifier === null) {
             this._layerVerticalScrollNotifier = new LayerVerticalScrollNotifier(this._scrollable, this._cardId, this._slideIndex, this._layerIndex, this._scrollView, this.slideApiDeps.onVerticalScrollChange.bind(this.slideApiDeps));
         }
@@ -5615,15 +5693,20 @@ let SlideApi$1 = class SlideApi {
         }
         if (element) {
             propagation = false;
-            this.slideApiDeps.setCardLocalData({}, true);
-            this.slideApiDeps.updateCardServerDataLocally({});
-            // window._resetTimers();
+            const localData = {};
+            this.slideApiDeps.setCardLocalData(localData, true);
+            this.slideApiDeps.updateCardServerDataLocally(localData);
             // сделать async в ios
             let slideIndex = this.slide.slideIndex;
             // prevent simultaneous call _showNarrativeSlide and _showLayer - prevent 2 calls of initAfterLoad (break video start on iOS)
             if (slideIndex === 0) {
+                this.slide.layers[0]?.once("beforeStart", () => {
+                    // reset timers
+                    this.slide.layers[0]?.initTimeline();
+                });
                 // for story repeat on the first slide with layers
                 this.slideApiDeps.showLayer(0);
+                this.activeLayer.elements.forEach(item => item.onRefreshUserData(localData));
             }
             else {
                 this.slideApiDeps.showCardSlide(0); // сделать ее async
@@ -5811,7 +5894,7 @@ let SlideApi$1 = class SlideApi {
                 handled = true;
             }
         }
-        if (handled) {
+        if (handled && linkType !== "products") {
             try {
                 const cardId = this.slide.cardId;
                 const cardType = this.slide.cardType;
@@ -18276,12 +18359,20 @@ class WidgetCopy extends WidgetBase {
     static get [Symbol.for("___CTOR_ARGS___")]() { return [`HTMLElement`, `Partial`, `WidgetCallbacks`, `WidgetDeps`]; }
 }
 
+var DataInputActionAfterCompletion;
+(function (DataInputActionAfterCompletion) {
+    DataInputActionAfterCompletion["ShowNotification"] = "showNotification";
+    DataInputActionAfterCompletion["ShowLayer"] = "showLayer";
+    DataInputActionAfterCompletion["None"] = "none";
+})(DataInputActionAfterCompletion || (DataInputActionAfterCompletion = {}));
+
 class WidgetDataInput extends WidgetBase {
     static DEFAULTS = {
         slide: null,
         activateAfterCreate: false,
         create: false,
         localData: {},
+        layers: [],
     };
     static widgetClassName = "narrative-element-data-input";
     label;
@@ -18289,6 +18380,8 @@ class WidgetDataInput extends WidgetBase {
     inputElement;
     textElement;
     inputPlaceholderValue;
+    layers;
+    actionAfterCompletion = null;
     /**
      * @throws Error
      * @param element
@@ -18303,6 +18396,9 @@ class WidgetDataInput extends WidgetBase {
         this.inputElement = getValueOrException(this.element.querySelector(".input-view .input"), "Empty .input-view .input");
         this.textElement = getValueOrException(this.inputElement.querySelector(".narrative-element-text-lines"), "Empty .narrative-element-text-lines");
         this.inputPlaceholderValue = this.textElement.innerHTML;
+        this.layers = this.options.layers;
+        this.actionAfterCompletion =
+            getTagData(this.element, "actionAfterCompletion") ?? DataInputActionAfterCompletion.ShowNotification;
     }
     /**
      * Start or restart widget
@@ -18311,15 +18407,14 @@ class WidgetDataInput extends WidgetBase {
     onRefreshUserData(localData) {
         super.onRefreshUserData(localData);
         const text = this.getTextFromLocalData();
-        this._fillUserText(text);
-        if (text != null) {
-            this.element.classList.add("done");
-            this.startReadyPromise.then(() => {
-                if (this.disableTimer) {
-                    this.onWidgetComplete();
-                }
-            });
-        }
+        if (!text)
+            return;
+        this.doCompletitionActionOnRefreshUserData(text);
+        this.startReadyPromise.then(() => {
+            if (this.disableTimer) {
+                this.onWidgetComplete();
+            }
+        });
     }
     getTextFromLocalData() {
         return this.localData["_di_g_" + this.elementId + "_t"];
@@ -18421,15 +18516,7 @@ class WidgetDataInput extends WidgetBase {
             this.localData["_di_g_" + this.elementId + "_t"] = text;
             // answer to question
             this.localData["_&ts_di_g_" + this.elementId + "_a_at"] = Math.round(new Date().getTime() / 1000);
-            if (this.widgetDone) {
-                this.widgetDone.classList.add("active", "opacity-active");
-                setTimeout(() => {
-                    this.widgetDone?.classList.remove("active");
-                    setTimeout(() => {
-                        this.widgetDone?.classList.remove("opacity-active");
-                    }, 250);
-                }, 2000);
-            }
+            this.doCompletitionAction();
             this.setLocalData(this.localData, true);
             this._statEventInputSave(text);
             if (this.disableTimer) {
@@ -18441,11 +18528,48 @@ class WidgetDataInput extends WidgetBase {
             this.onWidgetRequireResumeUI();
         }
     }
+    doCompletitionAction() {
+        switch (this.actionAfterCompletion) {
+            case DataInputActionAfterCompletion.ShowNotification:
+                this.showNotification();
+                break;
+            case DataInputActionAfterCompletion.ShowLayer:
+                this.showLayer();
+                break;
+            case DataInputActionAfterCompletion.None:
+                return;
+        }
+    }
+    doCompletitionActionOnRefreshUserData(text) {
+        if (this.actionAfterCompletion === DataInputActionAfterCompletion.ShowLayer) {
+            this.showLayer();
+        }
+        else {
+            this._fillUserText(text);
+            this.element.classList.add("done");
+        }
+    }
+    showNotification() {
+        if (this.widgetDone) {
+            this.widgetDone.classList.add("active", "opacity-active");
+            setTimeout(() => {
+                this.widgetDone?.classList.remove("active");
+                setTimeout(() => {
+                    this.widgetDone?.classList.remove("opacity-active");
+                }, 250);
+            }, 2000);
+        }
+    }
+    showLayer() {
+        if (this.layers[1] != null) {
+            this._showLayer(this.layers, 1);
+        }
+    }
     static api = {
         widgetClassName: WidgetDataInput.widgetClassName,
         onRefreshUserData: WidgetDataInput.onRefreshUserData,
-        init: function (element, localData, widgetCallbacks, widgetDeps) {
-            WidgetDataInput.initWidget(element, localData, (element, options) => new WidgetDataInput(element, options, widgetCallbacks, widgetDeps));
+        init: function (element, layers, localData, widgetCallbacks, widgetDeps) {
+            WidgetDataInput.initWidget(element, localData, (element, options) => new WidgetDataInput(element, { ...options, layers }, widgetCallbacks, widgetDeps));
         },
         onStart: function (element) {
             WidgetDataInput.getInstance(element)?.onStart();
@@ -20815,11 +20939,12 @@ class ProductComponentsFactory {
             },
         });
     }
-    createProductCheckout(bottomSheet) {
+    createProductCheckout(bottomSheet, params) {
         return new ProductCheckout({
             onClose: () => bottomSheet.close(),
             onCheckout: () => {
                 this.widgetDeps.slideApiDeps.productCartClicked();
+                params.onCheckout();
             },
             translations: this.props.translations,
         });
@@ -20862,9 +20987,9 @@ class ProductOfferMapper {
             oldPrice: offerDto.oldPrice,
             currency: offerDto.currency,
             description: offerDto.description,
-            imageUrls: offerDto.images?.map(image => image.url) ?? [],
+            imageUrls: offerDto.blobImages?.map(image => image.url) ?? [],
             adult: offerDto.adult,
-            coverUrl: offerDto.coverUrl,
+            coverUrl: offerDto.blobCoverUrl,
             groupId: offerDto.groupId,
             url: offerDto.url,
         };
@@ -20930,6 +21055,7 @@ class ProductDetailsBottomSheet extends RenderableComponent {
                     quantity: payload.quantity,
                 });
                 this.showProductCheckout();
+                this.props.onAddToCart({ offer, quantity: payload.quantity });
             },
             isCartSupported,
             isCartQuantityEnabled,
@@ -20937,7 +21063,9 @@ class ProductDetailsBottomSheet extends RenderableComponent {
         this.updateBottomSheetContent(productDetails);
     }
     showProductCheckout() {
-        const productCheckout = this.factory.createProductCheckout(this.bottomSheet);
+        const productCheckout = this.factory.createProductCheckout(this.bottomSheet, {
+            onCheckout: this.props.onCheckout,
+        });
         this.updateBottomSheetContent(productCheckout);
     }
     updateBottomSheetContent(content) {
@@ -20989,7 +21117,9 @@ class ProductCheckoutBottomSheet extends RenderableComponent {
         return this.bottomSheet.render();
     }
     open() {
-        const productCheckout = this.factory.createProductCheckout(this.bottomSheet);
+        const productCheckout = this.factory.createProductCheckout(this.bottomSheet, {
+            onCheckout: this.props.onCheckout,
+        });
         this.updateBottomSheetContent(productCheckout);
         this.bottomSheet.open();
     }
@@ -21160,33 +21290,34 @@ class ProductOfferRepository {
         }
     }
     static collectDistinctImageUrls(offers, into) {
-        for (const o of offers) {
-            if (o.coverUrl) {
-                into.add(o.coverUrl);
+        for (const offer of offers) {
+            if (offer.coverUrl) {
+                into.add(offer.coverUrl);
             }
-            if (o.images?.length) {
-                for (const img of o.images) {
+            if (offer.images?.length) {
+                for (const img of offer.images) {
                     if (img.url) {
                         into.add(img.url);
                     }
                 }
             }
-            if (o.subOffersApi?.length) {
-                this.collectDistinctImageUrls(o.subOffersApi, into);
+            if (offer.subOffersApi?.length) {
+                this.collectDistinctImageUrls(offer.subOffersApi, into);
             }
         }
     }
     static applyImageBlobMap(offers, originalToBlob) {
-        for (const o of offers) {
-            const coverOrig = o.coverUrl;
+        for (const offer of offers) {
+            const coverOrig = offer.coverUrl;
             if (coverOrig) {
                 const blobUrl = originalToBlob.get(coverOrig);
                 if (blobUrl) {
-                    o.coverUrl = blobUrl;
+                    offer.blobCoverUrl = blobUrl;
                 }
             }
-            if (o.images?.length) {
-                for (const img of o.images) {
+            if (offer.images?.length) {
+                offer.blobImages = offer.images.map(image => ({ ...image }));
+                for (const img of offer.blobImages) {
                     const urlOrig = img.url;
                     const blobUrl = originalToBlob.get(urlOrig);
                     if (blobUrl) {
@@ -21194,8 +21325,8 @@ class ProductOfferRepository {
                     }
                 }
             }
-            if (o.subOffersApi?.length) {
-                this.applyImageBlobMap(o.subOffersApi, originalToBlob);
+            if (offer.subOffersApi?.length) {
+                this.applyImageBlobMap(offer.subOffersApi, originalToBlob);
             }
         }
     }
@@ -21549,6 +21680,12 @@ class WidgetProducts extends WidgetBase {
                 openUrl: getTagData(this.element, "msgOpenUrl") ?? "",
             },
             height: backgroundViewHeight + scrollViewGroupHeight,
+            onCheckout: () => {
+                this.statEventGoToCart();
+            },
+            onAddToCart: (event) => {
+                this.statEventAddToCart(event);
+            },
         });
         const isCartEnabled = getTagData(this.element, "isCartEnabled") === "true";
         const isCartQuantityEnabled = !getTagData(this.element, "isCartQuantityEnabled") || getTagData(this.element, "isCartQuantityEnabled") === "true";
@@ -21556,6 +21693,49 @@ class WidgetProducts extends WidgetBase {
         this.productsView.appendChild(bs.render());
         bs.open({ offer, isCartSupported, isCartQuantityEnabled });
     };
+    statEventGoToCart() {
+        try {
+            const captionViewText = this.captionView?.textContent ?? "";
+            this.sendStatisticEventToApp("w-products-go-to-cart", {
+                ...this.statisticEventBaseFieldsShortForm,
+                wi: this.elementId,
+                wl: captionViewText,
+            }, {
+                ...this.statisticEventBaseFieldsFullForm,
+                widget_id: this.elementId,
+                widget_label: captionViewText,
+            }, {
+                forceEnableStatisticV2: false,
+            });
+        }
+        catch (error) {
+            console.error(error);
+        }
+    }
+    statEventAddToCart({ offer, quantity }) {
+        try {
+            const captionViewText = this.captionView?.textContent ?? "";
+            this.sendStatisticEventToApp("w-products-add-to-cart", {
+                ...this.statisticEventBaseFieldsShortForm,
+                wi: this.elementId,
+                wl: captionViewText,
+                wv: offer.offerId,
+                wvi: offer.id,
+            }, {
+                ...this.statisticEventBaseFieldsFullForm,
+                widget_id: this.elementId,
+                widget_label: captionViewText,
+                widget_value: offer.offerId,
+                quantity,
+                widget_value_id: offer.id,
+            }, {
+                forceEnableStatisticV2: false,
+            });
+        }
+        catch (error) {
+            console.error(error);
+        }
+    }
     createScrollView(offers) {
         const scrollViewGroup = document.createElement("div");
         scrollViewGroup.classList.add("ias-products-scroll-view-group");
@@ -22043,7 +22223,7 @@ class WidgetProductCarousel extends WidgetBase {
                     this.onWidgetRequirePauseUI();
                 }
                 e.stopPropagation();
-                this.statEventWidgetCardClick(offer);
+                this.statEventClickPurchaseButton(offer);
                 if (isCartSupported) {
                     this.addToCart(offer, button);
                 }
@@ -22089,6 +22269,7 @@ class WidgetProductCarousel extends WidgetBase {
             bs.open();
             this.isBottomSheetOpened = true;
             this.disableHostUIInteraction();
+            this.statEventAddToCart({ offer: offerDto, quantity: 1 });
         }
         catch (error) {
             if (error instanceof Error) {
@@ -22128,6 +22309,12 @@ class WidgetProductCarousel extends WidgetBase {
                     this.productsView = null;
                 }
             },
+            onCheckout: () => {
+                this.statEventGoToCart();
+            },
+            onAddToCart: (event) => {
+                this.statEventAddToCart(event);
+            },
         };
     }
     statEventWidgetCardClick(offer) {
@@ -22136,8 +22323,8 @@ class WidgetProductCarousel extends WidgetBase {
             this.sendStatisticEventToApp("w-product-carousel-card-click", {
                 ...this.statisticEventBaseFieldsShortForm,
                 wi: this.elementId,
-                wl: captionViewText,
                 wv: offer.offerId,
+                wl: captionViewText,
                 wvi: offer.id,
             }, {
                 ...this.statisticEventBaseFieldsFullForm,
@@ -22153,6 +22340,63 @@ class WidgetProductCarousel extends WidgetBase {
             console.error(error);
         }
     }
+    statEventClickPurchaseButton(offer) {
+        try {
+            this.sendStatisticEventToApp("w-product-carousel-buy-click", {
+                ...this.statisticEventBaseFieldsShortForm,
+                wi: this.elementId,
+                wv: offer.offerId,
+                wvi: offer.id,
+            }, {
+                ...this.statisticEventBaseFieldsFullForm,
+                widget_id: this.elementId,
+                widget_value: offer.offerId,
+                widget_value_id: offer.id,
+            }, {
+                forceEnableStatisticV2: false,
+            });
+        }
+        catch (error) {
+            console.error(error);
+        }
+    }
+    statEventAddToCart({ offer, quantity }) {
+        try {
+            this.sendStatisticEventToApp("w-product-carousel-add-to-cart", {
+                ...this.statisticEventBaseFieldsShortForm,
+                wi: this.elementId,
+                wv: offer.offerId,
+                wvi: offer.id,
+            }, {
+                ...this.statisticEventBaseFieldsFullForm,
+                widget_id: this.elementId,
+                widget_value: offer.offerId,
+                quantity,
+                widget_value_id: offer.id,
+            }, {
+                forceEnableStatisticV2: false,
+            });
+        }
+        catch (error) {
+            console.error(error);
+        }
+    }
+    statEventGoToCart() {
+        try {
+            this.sendStatisticEventToApp("w-product-carousel-go-to-cart", {
+                ...this.statisticEventBaseFieldsShortForm,
+                wi: this.elementId,
+            }, {
+                ...this.statisticEventBaseFieldsFullForm,
+                widget_id: this.elementId,
+            }, {
+                forceEnableStatisticV2: false,
+            });
+        }
+        catch (error) {
+            console.error(error);
+        }
+    }
     isCartSupported() {
         const isCartEnabled = getTagData(this.element, "isCartEnabled") === "true";
         return this.widgetDeps.slideApiDeps.isSdkSupportProductCart && isCartEnabled;
@@ -26772,6 +27016,10 @@ class WidgetScratchCard extends WidgetBase {
             ...this.statisticEventBaseFieldsShortForm,
             wi: this.elementId,
             d: duration,
+        }, {
+            ...this.statisticEventBaseFieldsFullForm,
+            widget_id: this.elementId,
+            duration_ms: duration,
         });
     }
     saveToLocalData() {