@inappstory/slide-api 0.1.50 → 0.1.51

package/dist/index.d.cts

@@ -489,6 +489,8 @@ declare class WidgetProducts extends WidgetBase<WidgetProductsOptions> {
     closeProductsView(): void;
     private createCardView;
     private showProductDetails;
+    private statEventGoToCart;
+    private statEventAddToCart;
     private createScrollView;
     private createProductsView;
     private scrollViewRef;
@@ -565,6 +567,9 @@ declare class WidgetProductCarousel extends WidgetBase<WidgetProductCarouselOpti
     private addToCart;
     private getBottomSheetParams;
     private statEventWidgetCardClick;
+    private statEventClickPurchaseButton;
+    private statEventAddToCart;
+    private statEventGoToCart;
     private isCartSupported;
     private disableHostUIInteraction;
     private enableHostUIInteraction;

package/dist/index.d.ts

@@ -489,6 +489,8 @@ declare class WidgetProducts extends WidgetBase<WidgetProductsOptions> {
     closeProductsView(): void;
     private createCardView;
     private showProductDetails;
+    private statEventGoToCart;
+    private statEventAddToCart;
     private createScrollView;
     private createProductsView;
     private scrollViewRef;
@@ -565,6 +567,9 @@ declare class WidgetProductCarousel extends WidgetBase<WidgetProductCarouselOpti
     private addToCart;
     private getBottomSheetParams;
     private statEventWidgetCardClick;
+    private statEventClickPurchaseButton;
+    private statEventAddToCart;
+    private statEventGoToCart;
     private isCartSupported;
     private disableHostUIInteraction;
     private enableHostUIInteraction;

package/dist/index.js

@@ -5894,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;
@@ -20939,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,
         });
@@ -20986,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,
         };
@@ -21054,6 +21055,7 @@ class ProductDetailsBottomSheet extends RenderableComponent {
                     quantity: payload.quantity,
                 });
                 this.showProductCheckout();
+                this.props.onAddToCart({ offer, quantity: payload.quantity });
             },
             isCartSupported,
             isCartQuantityEnabled,
@@ -21061,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) {
@@ -21113,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();
     }
@@ -21284,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) {
@@ -21318,8 +21325,8 @@ class ProductOfferRepository {
                     }
                 }
             }
-            if (o.subOffersApi?.length) {
-                this.applyImageBlobMap(o.subOffersApi, originalToBlob);
+            if (offer.subOffersApi?.length) {
+                this.applyImageBlobMap(offer.subOffersApi, originalToBlob);
             }
         }
     }
@@ -21673,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";
@@ -21680,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");
@@ -22167,7 +22223,7 @@ class WidgetProductCarousel extends WidgetBase {
                     this.onWidgetRequirePauseUI();
                 }
                 e.stopPropagation();
-                this.statEventWidgetCardClick(offer);
+                this.statEventClickPurchaseButton(offer);
                 if (isCartSupported) {
                     this.addToCart(offer, button);
                 }
@@ -22213,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) {
@@ -22252,6 +22309,12 @@ class WidgetProductCarousel extends WidgetBase {
                     this.productsView = null;
                 }
             },
+            onCheckout: () => {
+                this.statEventGoToCart();
+            },
+            onAddToCart: (event) => {
+                this.statEventAddToCart(event);
+            },
         };
     }
     statEventWidgetCardClick(offer) {
@@ -22260,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,
@@ -22277,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;
@@ -26896,6 +27016,10 @@ class WidgetScratchCard extends WidgetBase {
             ...this.statisticEventBaseFieldsShortForm,
             wi: this.elementId,
             d: duration,
+        }, {
+            ...this.statisticEventBaseFieldsFullForm,
+            widget_id: this.elementId,
+            duration_ms: duration,
         });
     }
     saveToLocalData() {