@streamscloud/embeddable 8.2.0 → 9.0.0

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

@@ -1,46 +1,93 @@
-import { toastrWarning } from '../../core/toastr';
 import { InternalMediaCenterConfig } from '../../media-center/config/internal-media-center-config';
 import {} from '../../media-center/config/types';
 import { MediaCenter } from '../../media-center/media-center';
+import { InternalPostAnalyticsHandler } from '../../posts/handlers';
+import { InternalShortVideoPlayerItemsProvider } from '../data-providers';
 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 { mapToShortVideoPlayerModel } from './mapper';
 import { mount, unmount } from 'svelte';
-export { ShortVideosPlayer };
-export { mapToShortVideoPlayerModel };
+/**
+ * Opens the short videos player modal.
+ *
+ * @param init Configuration options.
+ *
+ * IDs mode (overload 2)
+ * @param {string[]} init.ids
+ *   List of short-video IDs to display.
+ * @param {string} init.initiator
+ *   Identifier of the initiator (used for tracking/analytics and GraphQL).
+ * @param {string} [init.graphqlOrigin]
+ *   Optional GraphQL origin (base URL). If omitted, the default origin is determined internally.
+ * @param {string} [init.initialId]
+ *   ID of the video to open first (optional).
+ * @param {string} [init.mediaPageId]
+ *   Optional media page ID used to construct an internal media-center config.
+ *
+ * Player settings
+ * @param {IPostSocialInteractionsHandler} [init.socialInteractionsHandler]
+ *   Handler for social interactions (like, share, etc.).
+ * @param [init.playerSettings]
+ *   Player UI and behavior settings.
+ *
+ *   Fields of ContentPlayerSettings:
+ *   - {boolean} [hideCloseButton]
+ *       If true, hides the close button.
+ *   - {Locale} [locale='en']
+ *       Localization for the player UI. Supported values: 'en' | 'no'.
+ *       If omitted, the default locale 'en' is used.
+ *
+ * Events
+ * @param {{ playerClosed?: () => void; videoActivated?: (id: string) => void }} [init.on]
+ *   Optional event handlers.
+ * @param {() => void} [init.on.playerClosed]
+ *   Called after the player is fully closed (after unmount and removal from the DOM).
+ * @param {(id: string) => void} [init.on.videoActivated]
+ *   Called when a video becomes active (receives the video's id).
+ *
+ * @returns {void}
+ *
+ * @example <caption>IDs mode</caption>
+ * ```ts
+ * import { openShortVideosPlayer } from '@streamscloud/embeddable/short-videos-player';
+ *
+ * openShortVideosPlayer({
+ *   ids: ['id1', 'id2', 'id3'],
+ *   initiator: 'campaign-autumn',
+ *   graphqlOrigin: 'https://graphql.example.com',
+ *   initialId: 'id2',
+ *   mediaPageId: 'media-page-123',
+ *   playerSettings: {
+ *     // Default locale is 'en'; set 'no' to switch to Norwegian:
+ *     locale: 'no',
+ *     disableBackground: false,
+ *     hideCloseButton: false,
+ *     showStreamsCloudWatermark: true,
+ *   },
+ *   on: {
+ *     playerClosed: () => console.log('Player closed'),
+ *   }
+ * });
+ * ```
+ */
 export function openShortVideosPlayer(init) {
-    const { shortVideosProvider, ids, graphqlOrigin, initialId, initiator, socialInteractionsHandler, playerSettings, on } = init;
-    let dataProvider = shortVideosProvider;
-    if (!dataProvider && ids) {
-        dataProvider = new InternalShortVideoPlayerProvider({ ids, graphqlOrigin, initialId, initiator });
-    }
-    if (!dataProvider) {
-        toastrWarning('Data provider is not specified.');
-        return;
-    }
-    let mediaCenterConfig = init.mediaCenterConfig;
-    if (!mediaCenterConfig && init.mediaPageId) {
-        mediaCenterConfig = new InternalMediaCenterConfig(init.mediaPageId, graphqlOrigin);
-    }
-    let analyticsHandler = init.analyticsHandler;
-    if (!analyticsHandler && !init.shortVideosProvider) {
-        // Only create internal analytics handler if using internal data provider
-        analyticsHandler = new InternalShortVideoAnalyticsHandler(graphqlOrigin);
-    }
+    const { ids, graphqlOrigin, initialId, initiator, playerSettings, on } = init;
+    const dataProvider = new InternalShortVideoPlayerItemsProvider({ ids, graphqlOrigin, initialId, initiator });
+    const mediaCenterConfig = init.mediaPageId ? new InternalMediaCenterConfig(init.mediaPageId, graphqlOrigin) : undefined;
+    const analyticsHandler = new InternalPostAnalyticsHandler(graphqlOrigin);
     const shadowHost = new ModalShadowHost();
     const mounted = mount(MediaCenter, {
         target: shadowHost.shadowRoot,
         props: {
             config: mediaCenterConfig || null,
             playerProps: {
-                mode: 'short-videos',
+                mode: 'posts',
                 props: {
                     dataProvider,
-                    socialInteractionsHandler,
                     analyticsHandler,
-                    playerSettings,
+                    playerSettings: {
+                        hideCloseButton: playerSettings?.hideCloseButton,
+                        locale: playerSettings?.locale,
+                        showStreamsCloudWatermark: true
+                    },
                     on: {
                         playerClosed: async () => {
                             await unmount(mounted);
@@ -48,8 +95,7 @@ export function openShortVideosPlayer(init) {
                             if (on?.playerClosed) {
                                 on.playerClosed();
                             }
-                        },
-                        videoActivated: on?.videoActivated
+                        }
                     }
                 }
             }

package/dist/streams/layout/cmp.slot-content.svelte

@@ -1,7 +1,8 @@
 <script lang="ts">import { Utils } from '../../core/utils';
+import { enrichProductLinkWithTracking } from '../../marketing-tracking';
 import { StreamElementView } from './element-views';
 import { StreamComponentDataType } from './enums';
-let { model, locale, on } = $props();
+let { model, locale, trackingParams, on } = $props();
 const component = $derived.by(() => {
     return model.components.find((c) => (model.data ? c.dataType === model.data.type : c.dataType === StreamComponentDataType.NoData));
 });
@@ -27,6 +28,13 @@ const productModel = $derived.by(() => {
     var _a;
     return ((_a = model.data) === null || _a === void 0 ? void 0 : _a.type) === StreamComponentDataType.Product ? model.data.product : undefined;
 });
+const enrichedLink = $derived((productModel === null || productModel === void 0 ? void 0 : productModel.link)
+    ? enrichProductLinkWithTracking({
+        link: productModel.link,
+        productId: productModel.id,
+        trackingParams
+    })
+    : null);
 const handleProductClick = (e) => {
     e.preventDefault();
     if (!productModel) {
@@ -35,8 +43,8 @@ const handleProductClick = (e) => {
     if (productModel.id && (on === null || on === void 0 ? void 0 : on.productClick)) {
         on.productClick(productModel.id);
     }
-    if (productModel.link) {
-        window.open(productModel.link, '_blank', 'noopener noreferrer');
+    if (enrichedLink) {
+        window.open(enrichedLink, '_blank', 'noopener noreferrer');
     }
 };
 const productLinkMounted = (node, productModel) => {
@@ -65,14 +73,14 @@ const productLinkMounted = (node, productModel) => {
 {#snippet slotContent()}
   {#if component && (!model.data || dataIsFilled)}
     {#each component.elements as element (element)}
-      <StreamElementView model={element} data={model.data} locale={locale} on={on} />
+      <StreamElementView model={element} data={model.data} trackingParams={trackingParams} locale={locale} on={on} />
     {/each}
   {/if}
 {/snippet}
-{#if productModel?.link}
+{#if productModel && enrichedLink}
   <a
     class="stream-slot-content-product-link"
-    href={productModel.link}
+    href={enrichedLink.href}
     onclick={handleProductClick}
     target="_blank"
     rel="noopener noreferrer"

package/dist/streams/layout/cmp.slot-content.svelte.d.ts

@@ -1,8 +1,10 @@
 import type { Locale } from '../../core/locale';
+import type { StreamTrackingParams } from './types';
 import type { StreamSlot } from './slot';
 type Props = {
     model: StreamSlot;
     locale: Locale;
+    trackingParams: StreamTrackingParams;
     on?: {
         productClick: (productId: string) => void;
         productImpression?: (productId: string) => void;

package/dist/streams/layout/element-views/cmp.container-stream-element.svelte

@@ -1,11 +1,16 @@
 <script lang="ts">import { StreamElementStyleDirection } from '../enums';
 import { generateContainerStyles } from '../styles-transformer';
 import { default as StreamElement } from './cmp.stream-element.svelte';
-let { model, data, locale } = $props();
+let { model, data, trackingParams, locale } = $props();
 </script>
 
 <div class="container-stream-element" style={generateContainerStyles(model.styles)}>
   {#each model.elements as element (element)}
-    <StreamElement model={element} data={data} constainerDirection={model.styles?.direction ?? StreamElementStyleDirection.Vertical} locale={locale} />
+    <StreamElement
+      model={element}
+      data={data}
+      trackingParams={trackingParams}
+      constainerDirection={model.styles?.direction ?? StreamElementStyleDirection.Vertical}
+      locale={locale} />
   {/each}
 </div>

package/dist/streams/layout/element-views/cmp.container-stream-element.svelte.d.ts

@@ -1,9 +1,11 @@
 import type { Locale } from '../../../core/locale';
+import type { StreamTrackingParams } from '..';
 import type { ContainerStreamElementModel } from '../elements';
 import type { StreamSlotData } from '../slot-data';
 type Props = {
     model: ContainerStreamElementModel;
     data: StreamSlotData | null;
+    trackingParams: StreamTrackingParams;
     locale: Locale;
 };
 declare const Cmp: import("svelte").Component<Props, {}, "">;

package/dist/streams/layout/element-views/cmp.short-video-stream-element.svelte

@@ -2,8 +2,14 @@
 import { PostViewer } from '../../../posts/post-viewer';
 import { ShortVideoStreamElementLocalization } from './short-video-stream-element-localization';
 import { mapToPostModel } from '../models';
-let { data, locale, on } = $props();
+let { data, trackingParams, locale, on } = $props();
 const localization = $derived(new ShortVideoStreamElementLocalization(locale));
 </script>
 
-<PostViewer model={new PostModel(mapToPostModel(data))} autoplay={false} enableControls={false} locale={localization.shortVideoViewerLocale} on={on} />
+<PostViewer
+  model={new PostModel(mapToPostModel(data))}
+  trackingParams={trackingParams ? { streamId: trackingParams.streamId, campaignId: trackingParams.campaignId } : false}
+  autoplay={false}
+  enableControls={false}
+  locale={localization.shortVideoViewerLocale}
+  on={on} />

package/dist/streams/layout/element-views/cmp.short-video-stream-element.svelte.d.ts

@@ -1,7 +1,9 @@
 import type { Locale } from '../../../core/locale';
+import type { StreamTrackingParams } from '..';
 import { type StreamLayoutShortVideoModel } from '../models';
 type Props = {
     data: StreamLayoutShortVideoModel;
+    trackingParams: StreamTrackingParams;
     locale: Locale;
     on?: {
         progress?: (progress: number) => void;

package/dist/streams/layout/element-views/cmp.stream-element.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">import { AnnotationStreamElementView, ContainerStreamElementView, ImageRefStreamElementView, ImagesStreamElementView, PriceStreamElementView, ShortVideoStreamElementView, SpacerStreamElementView, StockStreamElementView, TextRefStreamElementView, TextStreamElementView, WebViewStreamElementView } from '.';
 import { StreamElementLocalization } from './stream-element-localization';
 import { StreamComponentDataType, StreamElementStyleDirection, StreamElementType } from '../enums';
-let { model, data, constainerDirection = StreamElementStyleDirection.Vertical, locale, on } = $props();
+let { model, data, trackingParams, constainerDirection = StreamElementStyleDirection.Vertical, locale, on } = $props();
 const localization = $derived(new StreamElementLocalization(locale));
 const shortVideoModel = $derived.by(() => {
     if (!data) {
@@ -44,7 +44,7 @@ const productModel = $derived.by(() => {
 {#if model.type === StreamElementType.Annotation}
   <AnnotationStreamElementView model={model} />
 {:else if model.type === StreamElementType.Container}
-  <ContainerStreamElementView model={model} data={data} locale={locale} />
+  <ContainerStreamElementView model={model} data={data} trackingParams={trackingParams} locale={locale} />
 {:else if model.type === StreamElementType.ImageRef && data}
   <ImageRefStreamElementView model={model} data={data} />
 {:else if model.type === StreamElementType.Images && imagesModel?.length}
@@ -54,6 +54,7 @@ const productModel = $derived.by(() => {
 {:else if model.type === StreamElementType.ShortVideo && shortVideoModel}
   <ShortVideoStreamElementView
     data={shortVideoModel}
+    trackingParams={trackingParams}
     locale={localization.shortVideoElementLocalization}
     on={on
       ? {

package/dist/streams/layout/element-views/cmp.stream-element.svelte.d.ts

@@ -1,10 +1,12 @@
 import type { Locale } from '../../../core/locale';
+import type { StreamTrackingParams } from '..';
 import type { StreamElementModel } from '../elements';
 import { StreamElementStyleDirection } from '../enums';
 import type { StreamSlotData } from '../slot-data';
 type Props = {
     model: StreamElementModel;
     data: StreamSlotData | null;
+    trackingParams: StreamTrackingParams;
     constainerDirection?: StreamElementStyleDirection;
     locale: Locale;
     on?: {

package/dist/streams/layout/index.d.ts

@@ -7,6 +7,7 @@ export { default as StreamLayoutSlot } from './cmp.slot.svelte';
 export { default as StreamLayoutSlotContent } from './cmp.slot-content.svelte';
 export * from './layout';
 export * from './svg-attributes';
+export type { StreamTrackingParams } from './types';
 export { parseToStreamLayout, parseToStreamLayoutTemplate, stringifyToStreamLayoutInput, IdPopulator } from './serializer.svelte';
 export declare const getAllowedDataTypesForSlot: (slot: StreamSlot) => StreamComponentDataType[];
 export declare const getSingleShortVideoFromLayout: (layout: StreamLayout) => StreamLayoutShortVideoModel | null;

package/dist/streams/layout/models/mapper.js

@@ -1,8 +1,9 @@
-import { MediaType } from '../../../core/enums';
+import { MediaType, PostType } from '../../../core/enums';
 import {} from '../../../posts/model';
 export const mapToPostModel = (model) => {
     return {
         id: model.id,
+        postType: PostType.ShortVideo,
         media: [
             model.media.type === MediaType.Image
                 ? { isImage: true, url: model.media.url }

package/dist/streams/layout/serializer.svelte.js

@@ -79,7 +79,6 @@ export class IdPopulator {
     }
     static populateElementId(element) {
         element.$id = nanoid(10);
-        // Рекурсивно обрабатываем дочерние элементы
         if (element.type === StreamElementType.Container && element.elements) {
             element.elements.forEach((element) => IdPopulator.populateElementId(element));
         }

package/dist/streams/layout/types.d.ts

@@ -0,0 +1,4 @@
+export type StreamTrackingParams = {
+    streamId: string;
+    campaignId?: string;
+} | false;

package/dist/streams/layout/types.js

@@ -0,0 +1 @@
+export {};

package/dist/streams/stream-page-viewer/cmp.stream-page-viewer.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">import { StreamLayoutSlot, StreamPageLayout, StreamLayoutSlotContent } from '../layout';
 import { StreamPageViewerLocalization } from './stream-page-viewer-localization';
-let { page, locale, on } = $props();
+let { page, trackingParams, locale, on } = $props();
 const localization = $derived(new StreamPageViewerLocalization(locale));
 </script>
 
@@ -8,7 +8,7 @@ const localization = $derived(new StreamPageViewerLocalization(locale));
   <StreamPageLayout model={page.layout}>
     {#each page.layout.slots as slot (slot)}
       <StreamLayoutSlot model={slot}>
-        <StreamLayoutSlotContent model={slot} on={on} locale={localization.elementsLocale} />
+        <StreamLayoutSlotContent model={slot} trackingParams={trackingParams} on={on} locale={localization.elementsLocale} />
       </StreamLayoutSlot>
     {/each}
   </StreamPageLayout>

package/dist/streams/stream-page-viewer/cmp.stream-page-viewer.svelte.d.ts

@@ -1,7 +1,9 @@
 import type { Locale } from '../../core/locale';
+import { type StreamTrackingParams } from '../layout';
 import type { StreamPageViewerModel } from './types';
 type Props = {
     page: StreamPageViewerModel;
+    trackingParams: StreamTrackingParams;
     locale: Locale;
     on?: {
         productClick: (productId: string) => void;

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

@@ -29,9 +29,6 @@ let isActive = true;
 let activityTimeout = null;
 let trackingInterval = null;
 let maxPageIndexViewed = 0;
-if (amplificationParameters) {
-    console.warn(`amplificationParameters: ${JSON.stringify(amplificationParameters)}`);
-}
 $effect(() => {
     void streamId;
     untrack(() => {
@@ -51,6 +48,20 @@ $effect(() => {
     };
 });
 $effect(() => contentPlayerConfig.updateMediaCenterData(mediaCenterData));
+$effect(() => contentPlayerConfig.updateTrackingParams(currentStreamModel
+    ? {
+        streamId: currentStreamModel.id,
+        campaignId: amplificationParameters === null || amplificationParameters === void 0 ? void 0 : amplificationParameters.campaignId
+    }
+    : null));
+const streamTrackingParams = $derived.by(() => {
+    return currentStreamModel
+        ? {
+            streamId: currentStreamModel.id,
+            campaignId: amplificationParameters === null || amplificationParameters === void 0 ? void 0 : amplificationParameters.campaignId
+        }
+        : false;
+});
 const initNewStream = (streamId) => __awaiter(void 0, void 0, void 0, function* () {
     var _a, _b;
     const stream = yield dataProvider.getStream(streamId);
@@ -201,6 +212,7 @@ const stopActivityTracking = () => {
     {#if item.type === 'general'}
       <StreamPageViewer
         page={item}
+        trackingParams={streamTrackingParams}
         locale={localization.locale}
         on={{
           progress: (videoId, progress) => onProgress(item.id, videoId, progress),

package/dist/ui/player-slider/player-buffer.svelte.d.ts

@@ -27,5 +27,6 @@ export interface IPlayerItemsProvider<T> {
         startIndex: number;
         startMediaIndex?: number;
     };
+    prefetch?: () => Promise<void>;
     loadMore(): Promise<T[]>;
 }

package/dist/ui/swipe-indicator/cmp.swipe-indicator.svelte

@@ -27,8 +27,7 @@ const indicatorMounted = (_) => {
   </div>
 </div>
 
-<style>@charset "UTF-8";
-@keyframes fadeIn {
+<style>@keyframes fadeIn {
   0% {
     opacity: 1;
   }
@@ -87,37 +86,37 @@ const indicatorMounted = (_) => {
     transform: translateY(0);
   }
   10% {
-    transform: translateY(-24px); /* основной прыжок */
+    transform: translateY(-24px);
   }
   18% {
     transform: translateY(0);
   }
   26% {
-    transform: translateY(-12px); /* первый малый отскок */
+    transform: translateY(-12px);
   }
   34% {
     transform: translateY(0);
   }
   41% {
-    transform: translateY(-8px); /* второй малый отскок */
+    transform: translateY(-8px);
   }
   48% {
     transform: translateY(0);
   }
   54% {
-    transform: translateY(-4px); /* третий малый отскок */
+    transform: translateY(-4px);
   }
   60% {
     transform: translateY(0);
   }
   65% {
-    transform: translateY(-2px); /* почти затух */
+    transform: translateY(-2px);
   }
   70% {
     transform: translateY(0);
   }
   75% {
-    transform: translateY(-1px); /* совсем маленький */
+    transform: translateY(-1px);
   }
   80% {
     transform: translateY(0);

package/package.json

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

package/dist/media-center/media-center/short-video-resources-generator.d.ts

@@ -1,8 +0,0 @@
-import type { ShortVideoPlayerModel } from '../../short-videos/short-videos-player';
-import type { IPlayerItemsProvider } from '../../ui/player-slider';
-import type { IMediaCenterConfig } from '../config/types';
-export declare const makeShortVideosProvider: (data: {
-    config: IMediaCenterConfig;
-    categoryId?: string;
-    prefetchedItems?: ShortVideoPlayerModel[];
-}) => IPlayerItemsProvider<ShortVideoPlayerModel>;

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

@@ -1,4 +0,0 @@
-import type { ShortVideoPlayerProps } from './types';
-declare const Cmp: import("svelte").Component<ShortVideoPlayerProps, {}, "">;
-type Cmp = ReturnType<typeof Cmp>;
-export default Cmp;

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

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

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

@@ -1,82 +0,0 @@
-<script lang="ts">var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-import { ContentPlayer, ContentPlayerConfig } from '../../content-player';
-import { ContentPlayerSettings } from '../../content-player/content-player-settings';
-import { preloadImage } from '../../core/image-preloader';
-import { getPostCoverImage } from '../../posts/model';
-import { PlayerBuffer } from '../../ui/player-slider';
-import { InternalShortVideoPlayerProvider } from './internal-short-video-player-provider';
-import { untrack } from 'svelte';
-let { dataProvider, socialInteractionsHandler, playerSettings, analyticsHandler, on, mediaCenterData } = $props();
-$effect(() => {
-    void dataProvider;
-    untrack(() => {
-        contentPlayerConfig.playerBuffer = null;
-        initBuffer(dataProvider);
-    });
-});
-$effect(() => contentPlayerConfig.updateMediaCenterData(mediaCenterData));
-const initBuffer = (dataProvider) => __awaiter(void 0, void 0, void 0, function* () {
-    if (dataProvider instanceof InternalShortVideoPlayerProvider) {
-        yield dataProvider.prefetch();
-    }
-    new PlayerBuffer(dataProvider, {
-        preloaded: (instance) => __awaiter(void 0, void 0, void 0, function* () {
-            if (instance.loaded.length) {
-                const coverUrl = getPostCoverImage(instance.loaded[0]);
-                yield preloadImage(coverUrl);
-                contentPlayerConfig.setBackgroundImageUrl(coverUrl);
-            }
-            contentPlayerConfig.playerBuffer = instance;
-        })
-    });
-});
-const contentPlayerConfig = new ContentPlayerConfig({
-    playerBuffer: null,
-    mappers: {
-        postModelFromCurrentItem: (item) => item
-    },
-    socialInteractionsHandler,
-    mediaCenterData,
-    settings: new ContentPlayerSettings(playerSettings),
-    callbacks: {
-        close: on === null || on === void 0 ? void 0 : on.playerClosed,
-        productClick: (id, videoId) => {
-            analyticsHandler === null || analyticsHandler === void 0 ? void 0 : analyticsHandler.trackShortVideoProductClick(id, videoId);
-        },
-        productImpression: (id, videoId) => {
-            analyticsHandler === null || analyticsHandler === void 0 ? void 0 : analyticsHandler.trackShortVideoProductImpression(id, videoId);
-        },
-        adClick: (id) => {
-            analyticsHandler === null || analyticsHandler === void 0 ? void 0 : analyticsHandler.trackAdClick(id);
-        },
-        adImpression: (id) => {
-            analyticsHandler === null || analyticsHandler === void 0 ? void 0 : analyticsHandler.trackAdImpression(id);
-        }
-    },
-    playerSliderCallbacks: {
-        itemActivated: (id) => {
-            var _a, _b;
-            const shortVideo = (_a = contentPlayerConfig.playerBuffer) === null || _a === void 0 ? void 0 : _a.loaded.find((x) => x.id === id);
-            if (!shortVideo) {
-                return;
-            }
-            contentPlayerConfig.setBackgroundImageUrl(getPostCoverImage(shortVideo));
-            if (shortVideo.analyticsOrganizationId) {
-                analyticsHandler === null || analyticsHandler === void 0 ? void 0 : analyticsHandler.setOrganizationId(shortVideo.analyticsOrganizationId);
-            }
-            analyticsHandler === null || analyticsHandler === void 0 ? void 0 : analyticsHandler.trackShortVideoView(id);
-            (_b = on === null || on === void 0 ? void 0 : on.videoActivated) === null || _b === void 0 ? void 0 : _b.call(on, id);
-        }
-    }
-});
-</script>
-
-<ContentPlayer config={contentPlayerConfig} />

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

@@ -1,8 +0,0 @@
-import type { MediaCenterData } from '../../media-center/model/types';
-import type { ShortVideoPlayerProps } from './types';
-type $$ComponentProps = ShortVideoPlayerProps & {
-    mediaCenterData?: MediaCenterData;
-};
-declare const ShortVideosPlayerView: import("svelte").Component<$$ComponentProps, {}, "">;
-type ShortVideosPlayerView = ReturnType<typeof ShortVideosPlayerView>;
-export default ShortVideosPlayerView;

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

@@ -1,26 +0,0 @@
-import type { IContentPlayerSettingsInitializer } from '../../content-player/content-player-settings';
-import type { IPostModel } from '../../posts';
-import type { IPostSocialInteractionsHandler } from '../../posts/social-interactions';
-import type { IPlayerItemsProvider } from '../../ui/player-slider';
-export interface IShortVideoAnalyticsHandler {
-    setOrganizationId: (organizationId: string) => void;
-    trackShortVideoView: (videoId: string) => void;
-    trackShortVideoProductImpression: (productId: string, videoId: string) => void;
-    trackShortVideoProductClick: (productId: string, videoId: string) => void;
-    trackAdClick: (adId: string) => void;
-    trackAdImpression: (adId: string) => void;
-}
-export type ShortVideoPlayerModel = IPostModel & {
-    analyticsOrganizationId: string | null;
-};
-export type ShortVideoPlayerProps = {
-    dataProvider: IPlayerItemsProvider<ShortVideoPlayerModel>;
-    socialInteractionsHandler?: IPostSocialInteractionsHandler;
-    analyticsHandler?: IShortVideoAnalyticsHandler;
-    playerSettings?: ShortVideoPlayerSettings;
-    on?: {
-        playerClosed?: () => void;
-        videoActivated?: (id: string) => void;
-    };
-};
-export type ShortVideoPlayerSettings = Pick<IContentPlayerSettingsInitializer, 'disableBackground' | 'hideCloseButton' | 'locale' | 'showStreamsCloudWatermark'>;