@streamscloud/embeddable 6.4.1 → 6.4.3

package/dist/ads/ad-card/cmp.ad-card.svelte

@@ -2,7 +2,19 @@
 import { Button, ButtonSize } from '../../ui/button';
 import { Image } from '../../ui/image';
 import { LineClamp } from '../../ui/line-clamp';
-let { ad, inert = false } = $props();
+let { ad, inert = false, on } = $props();
+const onAdClicked = (event) => {
+    var _a;
+    event.preventDefault();
+    event.stopPropagation();
+    if (on === null || on === void 0 ? void 0 : on.adClick) {
+        on.adClick(ad.id);
+    }
+    if (!((_a = ad.ctaButton) === null || _a === void 0 ? void 0 : _a.url)) {
+        return;
+    }
+    window.open(ad.ctaButton.url, '_blank', 'noopener noreferrer');
+};
 </script>
 
 <div class="ad-card" inert={inert}>
@@ -37,7 +49,7 @@ let { ad, inert = false } = $props();
         <div class="ad-card__button">
           <Button
             size={ButtonSize.Standard}
-            on={{ click: () => ad.ctaButton && window.open(ad.ctaButton.url, '_blank') }}
+            on={{ click: onAdClicked }}
             --button--font--size="1em"
             --button--font--color={ad.ctaButton.textColor}
             --button--background={ad.ctaButton.background}

package/dist/ads/ad-card/cmp.ad-card.svelte.d.ts

@@ -2,6 +2,9 @@ import type { AdCardModel } from './types';
 type Props = {
     ad: AdCardModel;
     inert?: boolean;
+    on?: {
+        adClick?: (id: string) => void;
+    };
 };
 declare const Cmp: import("svelte").Component<Props, {}, "">;
 type Cmp = ReturnType<typeof Cmp>;

package/dist/media-center/data-provider/internal-media-center-data-provider.svelte.js

@@ -1,6 +1,6 @@
 import { PostType, Status } from '../../core/enums';
 import { createLocalGQLClient } from '../../core/graphql';
-import { mapToShortVideosPlayerModel } from '../../short-videos/short-videos-player/mapper';
+import { mapToShortVideoPlayerModel } from '../../short-videos/short-videos-player/mapper';
 import { GetMediaPageConfigDocument, GetShortVideosDocument } from './operations.generated';
 export class InternalMediaCenterDataProvider {
     mediaPageId;
@@ -39,7 +39,7 @@ export class InternalMediaCenterDataProvider {
             .toPromise();
         const posts = payload.data?.shortVideos?.items || [];
         return {
-            items: posts.map(mapToShortVideosPlayerModel),
+            items: posts.map(mapToShortVideoPlayerModel),
             continuationToken: payload.data?.shortVideos?.continuationToken || null
         };
     };

package/dist/short-videos/short-video-viewer/cmp.attachments-inline.svelte

@@ -9,7 +9,8 @@ const attachmentsToShow = $derived.by(() => {
         isAd: false,
         image: p.image,
         link: p.link,
-        productId: p.id
+        productId: p.id,
+        adId: null
     }));
     const ads = (model.ad ? [model.ad] : [])
         .filter((a) => !!a.image)
@@ -19,7 +20,8 @@ const attachmentsToShow = $derived.by(() => {
             isAd: true,
             image: a.image,
             link: ((_a = a.ctaButton) === null || _a === void 0 ? void 0 : _a.url) || null,
-            productId: null
+            productId: null,
+            adId: a.id
         });
     });
     const result = [...products, ...ads];
@@ -29,6 +31,9 @@ const handleAttachmentClick = (attachment) => {
     if (attachment.productId && (on === null || on === void 0 ? void 0 : on.productClick)) {
         on.productClick(attachment.productId);
     }
+    if (attachment.adId && (on === null || on === void 0 ? void 0 : on.adClick)) {
+        on.adClick(attachment.adId);
+    }
     if (attachment.link) {
         window.open(attachment.link, '_blank');
     }
@@ -36,7 +41,7 @@ const handleAttachmentClick = (attachment) => {
 let attachmentElements = $state({});
 let observer = null;
 $effect(() => {
-    if ((on === null || on === void 0 ? void 0 : on.productImpression) && Object.keys(attachmentElements).length > 0) {
+    if (((on === null || on === void 0 ? void 0 : on.productImpression) || (on === null || on === void 0 ? void 0 : on.adImpression)) && Object.keys(attachmentElements).length > 0) {
         if (observer) {
             observer.disconnect();
         }
@@ -44,15 +49,20 @@ $effect(() => {
             entries.forEach((entry) => {
                 if (entry.isIntersecting && entry.intersectionRatio >= 0.1) {
                     const productId = entry.target.getAttribute('data-product-id');
-                    if (productId) {
+                    const adId = entry.target.getAttribute('data-ad-id');
+                    if (productId && (on === null || on === void 0 ? void 0 : on.productImpression)) {
                         on.productImpression(productId, model.id);
                         observer === null || observer === void 0 ? void 0 : observer.unobserve(entry.target); // Only track once per session
                     }
+                    else if (adId && (on === null || on === void 0 ? void 0 : on.adImpression)) {
+                        on.adImpression(adId, model.id);
+                        observer === null || observer === void 0 ? void 0 : observer.unobserve(entry.target); // Only track once per session
+                    }
                 }
             });
         }, { threshold: 0.1 });
         Object.entries(attachmentElements).forEach(([key, element]) => {
-            if (element && key.startsWith('product-')) {
+            if (element) {
                 observer === null || observer === void 0 ? void 0 : observer.observe(element);
             }
         });
@@ -74,8 +84,9 @@ $effect(() => {
         onclick={() => handleAttachmentClick(attachment)}
         onkeydown={() => {}}
         role="none"
-        bind:this={attachmentElements[attachment.productId ? `product-${attachment.productId}` : `ad-${index}`]}
-        data-product-id={attachment.productId || undefined}>
+        bind:this={attachmentElements[attachment.productId ? `product-${attachment.productId}` : `ad-${attachment.adId}`]}
+        data-product-id={attachment.productId || undefined}
+        data-ad-id={attachment.adId || undefined}>
         <ImageRounded src={attachment.image} alt="" />
         {#if attachment.isAd}
           <div class="attachments-inline__item-icon">

package/dist/short-videos/short-video-viewer/cmp.attachments-inline.svelte.d.ts

@@ -4,6 +4,8 @@ type Props = {
     on?: {
         productClick?: (productId: string) => void;
         productImpression?: (productId: string, videoId: string) => void;
+        adClick?: (adId: string) => void;
+        adImpression?: (adId: string, videoId: string) => void;
     };
 };
 declare const Cmp: import("svelte").Component<Props, {}, "">;

package/dist/short-videos/short-video-viewer/cmp.attachments.svelte

@@ -1,4 +1,4 @@
-<script lang="ts">import { AdCard } from '../../ads/ad-card';
+<script lang="ts">import { default as ShortVideoAdCard } from './cmp.short-video-ad-card.svelte';
 import { default as ShortVideoProductCard } from './cmp.short-video-product-card.svelte';
 import { ShortVideoAttachmentsLocalization } from './short-video-attachments-localization';
 import {} from './types';
@@ -9,7 +9,13 @@ const localization = $derived(new ShortVideoAttachmentsLocalization(localization
 {#if shortVideo.hasAttachments}
   <div class="short-video-attachments">
     {#if shortVideo.ad}
-      <AdCard ad={shortVideo.ad} />
+      <ShortVideoAdCard
+        ad={shortVideo.ad}
+        videoId={shortVideo.id}
+        on={{
+          adClick: on?.adClick,
+          impression: on?.adImpression
+        }} />
     {/if}
 
     {#if shortVideo.products.length}

package/dist/short-videos/short-video-viewer/cmp.attachments.svelte.d.ts

@@ -7,6 +7,8 @@ type Props = {
     on?: {
         productClick?: (productId: string) => void;
         productImpression?: (productId: string, videoId: string) => void;
+        adClick?: (adId: string) => void;
+        adImpression?: (adId: string, videoId: string) => void;
     };
 };
 declare const Cmp: import("svelte").Component<Props, {}, "">;

package/dist/short-videos/short-video-viewer/cmp.short-video-ad-card.svelte

@@ -0,0 +1,26 @@
+<script lang="ts">import { AdCard } from '../../ads/ad-card';
+import { onMount } from 'svelte';
+let { ad, videoId, inert = false, on } = $props();
+let adElement;
+const adData = ad;
+onMount(() => {
+    if (adElement && (on === null || on === void 0 ? void 0 : on.impression)) {
+        const observer = new IntersectionObserver((entries) => {
+            entries.forEach((entry) => {
+                if (entry.isIntersecting && entry.intersectionRatio >= 0.5) {
+                    on.impression(ad.id, videoId);
+                    observer.unobserve(entry.target);
+                }
+            });
+        }, { threshold: 0.5 });
+        observer.observe(adElement);
+        return () => {
+            observer.disconnect();
+        };
+    }
+});
+</script>
+
+<div bind:this={adElement}>
+  <AdCard ad={adData} inert={inert} on={{ adClick: on?.adClick }} />
+</div>

package/dist/short-videos/short-video-viewer/cmp.short-video-ad-card.svelte.d.ts

@@ -0,0 +1,13 @@
+import type { ShortVideoAdCardModel } from './types';
+type Props = {
+    ad: ShortVideoAdCardModel;
+    videoId: string;
+    inert?: boolean;
+    on?: {
+        adClick?: (id: string) => void;
+        impression?: (adId: string, videoId: string) => void;
+    };
+};
+declare const Cmp: import("svelte").Component<Props, {}, "">;
+type Cmp = ReturnType<typeof Cmp>;
+export default Cmp;

package/dist/short-videos/short-video-viewer/cmp.short-video-viewer.svelte

@@ -40,7 +40,9 @@ $effect(() => {
         model={model}
         on={{
           productClick: on?.productClick,
-          productImpression: on?.productImpression
+          productImpression: on?.productImpression,
+          adClick: on?.adClick,
+          adImpression: on?.adImpression
         }} />
     {/if}
     {#if uiManager.showControls}

package/dist/short-videos/short-video-viewer/cmp.short-video-viewer.svelte.d.ts

@@ -12,6 +12,8 @@ type Props = {
         progress?: (progress: number) => void;
         productClick?: (productId: string) => void;
         productImpression?: (productId: string, videoId: string) => void;
+        adClick?: (adId: string) => void;
+        adImpression?: (adId: string, videoId: string) => void;
     };
 };
 declare const Cmp: import("svelte").Component<Props, {}, "">;

package/dist/short-videos/short-videos-player/controls.svelte

@@ -19,7 +19,14 @@ const changeShowAttachments = () => {
         <div class="short-videos-player-controls__short-video-hub">
           {#if uiManager.showAttachments}
             <div class="short-videos-player-controls__short-video-attachments-inline">
-              <ShortVideoViewerAttachmentsInline model={shortVideo} />
+              <ShortVideoViewerAttachmentsInline
+                model={shortVideo}
+                on={{
+                  productClick: on.productClick,
+                  productImpression: on.productImpression,
+                  adClick: on.adClick,
+                  adImpression: on.adImpression
+                }} />
             </div>
           {/if}
           <ShortVideoControls model={shortVideo} socialInteractionsHandler={socialInteractionsHandler} on={{ attachmentsClicked: changeShowAttachments }} />
@@ -51,7 +58,9 @@ const changeShowAttachments = () => {
             localization={localization.shortVideoAttachmentsLocalization}
             on={{
               productClick: on.productClick,
-              productImpression: on.productImpression
+              productImpression: on.productImpression,
+              adClick: on.adClick,
+              adImpression: on.adImpression
             }} />
         </div>
       {/if}

package/dist/short-videos/short-videos-player/controls.svelte.d.ts

@@ -13,6 +13,8 @@ type Props = {
         closePlayer?: () => void;
         productClick?: (productId: string) => void;
         productImpression?: (productId: string, videoId: string) => void;
+        adClick?: (adId: string) => void;
+        adImpression?: (adId: string, videoId: string) => void;
     };
 };
 declare const Controls: import("svelte").Component<Props, {}, "">;

package/dist/short-videos/short-videos-player/index.d.ts

@@ -1,12 +1,12 @@
 import { type IMediaCenterDataProvider } from '../../media-center/data-provider';
 import type { IPlayerItemsProvider } from '../../ui/player';
 import { default as ShortVideosPlayer } from './cmp.short-videos-player.svelte';
-import { mapToShortVideosPlayerModel } from './mapper';
+import { mapToShortVideoPlayerModel } from './mapper';
 import type { IShortVideosPlayerLocalization } from './short-videos-player-localization';
 import { type PlayerSettings, type IShortVideoAnalyticsHandler, type ShortVideoPlayerModel } from './types';
 export { ShortVideosPlayer, type ShortVideoPlayerModel };
 export type { IShortVideosPlayerLocalization, IMediaCenterDataProvider, IPlayerItemsProvider, IShortVideoAnalyticsHandler };
-export { mapToShortVideosPlayerModel };
+export { mapToShortVideoPlayerModel };
 /**
  * Opens the short videos player modal.
  *

package/dist/short-videos/short-videos-player/index.js

@@ -5,11 +5,11 @@ import { ModalShadowHost } from '../../ui/shadow-dom';
 import { default as ShortVideosPlayer } from './cmp.short-videos-player.svelte';
 import { InternalShortVideoAnalyticsHandler } from './internal-short-video-analytics-handler';
 import { InternalShortVideoPlayerProvider } from './internal-short-video-player-provider';
-import { mapToShortVideosPlayerModel } from './mapper';
+import { mapToShortVideoPlayerModel } from './mapper';
 import {} from './types';
 import { mount, unmount } from 'svelte';
 export { ShortVideosPlayer };
-export { mapToShortVideosPlayerModel };
+export { mapToShortVideoPlayerModel };
 export function openShortVideosPlayer(init) {
     const { shortVideosProvider, ids, graphqlOrigin, initialId, initiator, socialInteractionsHandler, disableBackground, localization, showStreamsCloudWatermark } = init;
     let dataProvider = shortVideosProvider;

package/dist/short-videos/short-videos-player/internal-short-video-analytics-handler.d.ts

@@ -5,4 +5,6 @@ export declare class InternalShortVideoAnalyticsHandler implements IShortVideoAn
     trackShortVideoView: (videoId: string) => void;
     trackShortVideoProductImpression: (productId: string, videoId: string) => void;
     trackShortVideoProductClick: (productId: string, videoId: string) => void;
+    trackAdImpression: (adId: string) => void;
+    trackAdClick: (adId: string) => void;
 }

package/dist/short-videos/short-videos-player/internal-short-video-analytics-handler.js

@@ -10,4 +10,6 @@ export class InternalShortVideoAnalyticsHandler {
     trackShortVideoView = (videoId) => AppEventsTracker.trackShortVideoView(videoId);
     trackShortVideoProductImpression = (productId, videoId) => AppEventsTracker.trackShortVideoProductImpression(productId, videoId);
     trackShortVideoProductClick = (productId, videoId) => AppEventsTracker.trackShortVideoProductClick(productId, videoId);
+    trackAdImpression = (adId) => AppEventsTracker.trackAdImpression(adId);
+    trackAdClick = (adId) => AppEventsTracker.trackAdClick(adId);
 }

package/dist/short-videos/short-videos-player/internal-short-video-player-provider.js

@@ -2,7 +2,7 @@ import { ImageScale } from '../..';
 import { ContinuationToken } from '../../core/continuation-token';
 import { CursorDataLoader } from '../../core/data-loaders';
 import { createLocalGQLClient } from '../../core/graphql';
-import { mapToShortVideosPlayerModel } from './mapper';
+import { mapToShortVideoPlayerModel } from './mapper';
 import { GetShortVideosDocument } from './operations.generated';
 const CHUNK_SIZE = 20;
 export class InternalShortVideoPlayerProvider {
@@ -32,7 +32,7 @@ export class InternalShortVideoPlayerProvider {
                 if (!data) {
                     return null;
                 }
-                const items = data.items.map(mapToShortVideosPlayerModel).sort((a, b) => {
+                const items = data.items.map(mapToShortVideoPlayerModel).sort((a, b) => {
                     const ia = this.idOrder.get(a.id) ?? Number.MAX_SAFE_INTEGER;
                     const ib = this.idOrder.get(b.id) ?? Number.MAX_SAFE_INTEGER;
                     return ia - ib;

package/dist/short-videos/short-videos-player/mapper.d.ts

@@ -1,3 +1,3 @@
 import type { GetShortVideosQuery } from './operations.generated';
 import type { ShortVideoPlayerModel } from './types';
-export declare const mapToShortVideosPlayerModel: (payload: GetShortVideosQuery["shortVideos"]["items"][0]) => ShortVideoPlayerModel;
+export declare const mapToShortVideoPlayerModel: (payload: GetShortVideosQuery["shortVideos"]["items"][0]) => ShortVideoPlayerModel;

package/dist/short-videos/short-videos-player/mapper.js

@@ -1,6 +1,6 @@
 import { ProfileType } from '../../core/enums';
 import { mapToShortVideoViewerModel } from '../short-video-viewer';
-export const mapToShortVideosPlayerModel = (payload) => {
+export const mapToShortVideoPlayerModel = (payload) => {
     const viewerModel = mapToShortVideoViewerModel(payload);
     return {
         ...viewerModel,

package/dist/short-videos/short-videos-player/short-videos-player-view.svelte

@@ -97,6 +97,12 @@ const onShortVideoProductClick = (productId, videoId) => {
 const onShortVideoProductImpression = (productId, videoId) => {
     analyticsHandler === null || analyticsHandler === void 0 ? void 0 : analyticsHandler.trackShortVideoProductImpression(productId, videoId);
 };
+const onShortVideoAdClick = (adId) => {
+    analyticsHandler === null || analyticsHandler === void 0 ? void 0 : analyticsHandler.trackAdClick(adId);
+};
+const onShortVideoAdImpression = (adId, videoId) => {
+    analyticsHandler === null || analyticsHandler === void 0 ? void 0 : analyticsHandler.trackAdImpression(adId);
+};
 </script>
 
 <svelte:document onkeydown={(e) => handleEsc(e, onPlayerClose)} />
@@ -140,7 +146,9 @@ const onShortVideoProductImpression = (productId, videoId) => {
                 localization={localization.shortVideoViewerLocalization}
                 on={{
                   productClick: (productId) => onShortVideoProductClick(productId, item.id),
-                  productImpression: (productId, videoId) => onShortVideoProductImpression(productId, videoId)
+                  productImpression: (productId, videoId) => onShortVideoProductImpression(productId, videoId),
+                  adClick: (adId) => onShortVideoAdClick(adId),
+                  adImpression: (adId, videoId) => onShortVideoAdImpression(adId, videoId)
                 }} />
             {/snippet}
           </PlayerSlider>
@@ -158,7 +166,9 @@ const onShortVideoProductImpression = (productId, videoId) => {
         on={{
           closePlayer: on?.playerClosed,
           productClick: (productId) => onShortVideoProductClick(productId, buffer?.current?.id || ''),
-          productImpression: onShortVideoProductImpression
+          productImpression: onShortVideoProductImpression,
+          adClick: (adId) => onShortVideoAdClick(adId),
+          adImpression: onShortVideoAdImpression
         }} />
     {:else}
       <Loading positionFixedCenter={true} timeout={1000} />

package/dist/short-videos/short-videos-player/types.d.ts

@@ -7,6 +7,8 @@ export interface IShortVideoAnalyticsHandler {
     trackShortVideoView: (videoId: string) => void;
     trackShortVideoProductImpression: (productId: string, videoId: string) => void;
     trackShortVideoProductClick: (productId: string, videoId: string) => void;
+    trackAdImpression: (adId: string) => void;
+    trackAdClick: (adId: string) => void;
 }
 export type ShortVideoPlayerModel = ShortVideoViewerModel & {
     analyticsOrganizationId: string | null;

package/dist/streams/stream-player/controls.svelte

@@ -53,7 +53,14 @@ const changeShowShortVideoAttachments = () => {
         <div class="stream-player-controls__short-video-hub">
           {#if uiManager.showShortVideoAttachments}
             <div class="stream-player-controls__short-video-attachments-inline">
-              <ShortVideoViewerAttachmentsInline model={shortVideo} />
+              <ShortVideoViewerAttachmentsInline
+                model={shortVideo}
+                on={{
+                  productClick: on.productClick,
+                  productImpression: on.productImpression,
+                  adClick: on.adClick,
+                  adImpression: on.adImpression
+                }} />
             </div>
           {/if}
           <ShortVideoControls
@@ -83,7 +90,9 @@ const changeShowShortVideoAttachments = () => {
             localization={localization.shortVideoAttachmentsLocalization}
             on={{
               productClick: on.productClick,
-              productImpression: on.productImpression
+              productImpression: on.productImpression,
+              adClick: on.adClick,
+              adImpression: on.adImpression
             }} />
         </div>
       {/if}

package/dist/streams/stream-player/controls.svelte.d.ts

@@ -11,6 +11,8 @@ type Props = {
         closePlayer: () => void;
         productClick?: (productId: string) => void;
         productImpression?: (productId: string) => void;
+        adClick?: (adId: string) => void;
+        adImpression?: (adId: string, videoId: string) => void;
     };
 };
 declare const Controls: import("svelte").Component<Props, {}, "">;

package/dist/streams/stream-player/internal-stream-analytics-handler.d.ts

@@ -13,4 +13,6 @@ export declare class InternalStreamAnalyticsHandler implements IStreamAnalyticsH
     trackShortVideoProductImpression: (productId: string, videoId: string) => void;
     trackShortVideoProductClick: (productId: string, videoId: string) => void;
     trackShortVideoProgress: (pageId: string, videoId: string, progress: number, streamId: string) => void;
+    trackAdImpression: (adId: string) => void;
+    trackAdClick: (adId: string) => void;
 }

package/dist/streams/stream-player/internal-stream-analytics-handler.js

@@ -18,4 +18,6 @@ export class InternalStreamAnalyticsHandler {
     trackShortVideoProductImpression = (productId, videoId) => AppEventsTracker.trackShortVideoProductImpression(productId, videoId);
     trackShortVideoProductClick = (productId, videoId) => AppEventsTracker.trackShortVideoProductClick(productId, videoId);
     trackShortVideoProgress = (pageId, videoId, progress, streamId) => AppEventsTracker.trackShortVideoProgress(pageId, videoId, progress, streamId);
+    trackAdImpression = (adId) => AppEventsTracker.trackAdImpression(adId);
+    trackAdClick = (adId) => AppEventsTracker.trackAdClick(adId);
 }

package/dist/streams/stream-player/stream-player.svelte

@@ -178,6 +178,12 @@ const onStreamProductImpression = (productId) => {
 const onShortVideoProductImpression = (productId, videoId) => {
     analyticsHandler === null || analyticsHandler === void 0 ? void 0 : analyticsHandler.trackShortVideoProductImpression(productId, videoId);
 };
+const onShortVideoAdClick = (adId) => {
+    analyticsHandler === null || analyticsHandler === void 0 ? void 0 : analyticsHandler.trackAdClick(adId);
+};
+const onShortVideoAdImpression = (adId, videoId) => {
+    analyticsHandler === null || analyticsHandler === void 0 ? void 0 : analyticsHandler.trackAdImpression(adId);
+};
 const onPlayerClose = () => {
     var _a;
     stopActivityTracking();
@@ -235,7 +241,9 @@ const onProgress = (pageId, videoId, progress) => {
                   on={{
                     progress: (progress) => onProgress(item.id, item.shortVideo.id, progress),
                     productClick: (productId) => onShortVideoProductClick(productId, item.shortVideo.id),
-                    productImpression: (productId, videoId) => onShortVideoProductImpression(productId, videoId)
+                    productImpression: (productId, videoId) => onShortVideoProductImpression(productId, videoId),
+                    adClick: (adId) => onShortVideoAdClick(adId),
+                    adImpression: (adId, videoId) => onShortVideoAdImpression(adId, videoId)
                   }}
                   autoplay="on-appearance"
                   socialInteractionsHandler={postSocialInteractionsHandler}
@@ -270,7 +278,9 @@ const onProgress = (pageId, videoId, progress) => {
         on={{
           closePlayer: () => onPlayerClose(),
           productClick: (productId: String) => onProductCardClick(productId),
-          productImpression: (productId: String) => onStreamProductImpression(productId)
+          productImpression: (productId: String) => onStreamProductImpression(productId),
+          adClick: (adId: string) => onShortVideoAdClick(adId),
+          adImpression: (adId: string, videoId: string) => onShortVideoAdImpression(adId, videoId)
         }} />
     {:else}
       <Loading positionFixedCenter={true} timeout={1000} />

package/dist/streams/stream-player/types.d.ts

@@ -53,4 +53,6 @@ export interface IStreamAnalyticsHandler {
     trackShortVideoProductImpression: (productId: string, videoId: string) => void;
     trackShortVideoProductClick: (productId: string, videoId: string) => void;
     trackShortVideoProgress: (pageId: string, videoId: string, progress: number, streamId: string) => void;
+    trackAdImpression: (adId: string) => void;
+    trackAdClick: (adId: string) => void;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@streamscloud/embeddable",
-  "version": "6.4.1",
+  "version": "6.4.3",
   "author": "StreamsCloud",
   "repository": {
     "type": "git",