@streamscloud/embeddable 6.3.6 → 6.3.8

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

@@ -2,10 +2,11 @@ import { type IMediaCenterDataProvider } from '../../media-center/data-provider'
 import type { ShortVideoViewerModel } from '../short-video-viewer';
 import type { IPlayerItemsProvider } from '../../ui/player';
 import { default as ShortVideosPlayer } from './cmp.short-videos-player.svelte';
+import { InternalShortVideoAnalyticsHandler } from './internal-short-video-analytics-handler';
 import type { IShortVideosPlayerLocalization } from './short-videos-player-localization';
 import { type PlayerSettings, type IShortVideoAnalyticsHandler } from './types';
 export { ShortVideosPlayer };
-export type { IShortVideosPlayerLocalization, IMediaCenterDataProvider, IPlayerItemsProvider, IShortVideoAnalyticsHandler };
+export type { IShortVideosPlayerLocalization, IMediaCenterDataProvider, IPlayerItemsProvider, IShortVideoAnalyticsHandler, InternalShortVideoAnalyticsHandler };
 /**
  * Opens the short videos player modal.
  *

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

@@ -4,5 +4,5 @@ export declare class InternalShortVideoAnalyticsHandler implements IShortVideoAn
     setOrganizationId: (organizationId: string) => void;
     trackShortVideoView: (videoId: string) => void;
     trackShortVideoProductImpression: (productId: string, videoId: string) => void;
-    trackShortVideoProductClicked: (productId: string, videoId: string) => void;
+    trackShortVideoProductClick: (productId: string, videoId: string) => void;
 }

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

@@ -15,7 +15,7 @@ export class InternalShortVideoAnalyticsHandler {
     trackShortVideoProductImpression = (productId, videoId) => {
         AppEventsTracker.trackShortVideoProductImpression(productId, videoId);
     };
-    trackShortVideoProductClicked = (productId, videoId) => {
+    trackShortVideoProductClick = (productId, videoId) => {
         AppEventsTracker.trackShortVideoProductClick(productId, videoId);
     };
 }

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

@@ -3,6 +3,7 @@ import type { IPlayerItemsProvider } from '../../ui/player';
 export declare class InternalShortVideoPlayerProvider implements IPlayerItemsProvider<ShortVideoViewerModel> {
     initialData: IPlayerItemsProvider<ShortVideoViewerModel>['initialData'];
     private ids;
+    private idOrder;
     private initialId?;
     private graphql;
     private dataLoader;

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

@@ -4,21 +4,25 @@ import { CursorDataLoader } from '../../core/data-loaders';
 import { createLocalGQLClient } from '../../core/graphql';
 import { mapToShortVideoViewerModel } from '../short-video-viewer';
 import { GetShortVideosDocument } from './operations.generated';
+const CHUNK_SIZE = 20;
 export class InternalShortVideoPlayerProvider {
     initialData;
     ids;
+    idOrder = new Map();
     initialId;
     graphql;
     dataLoader = new CursorDataLoader({
         loadPage: async (continuationToken) => {
+            const startIdIndex = continuationToken.value ? parseInt(continuationToken.value, 10) : 0;
+            const endIdIndex = Math.min(startIdIndex + CHUNK_SIZE, this.ids.length);
+            const idsChunk = this.ids.slice(startIdIndex, endIdIndex);
             try {
                 const payload = await this.graphql
                     .query(GetShortVideosDocument, {
                     input: {
-                        limit: 20,
-                        continuationToken,
+                        limit: idsChunk.length,
                         filter: {
-                            ids: this.ids
+                            ids: idsChunk
                         }
                     },
                     image_scale: ImageScale.OriginalEncoded
@@ -28,9 +32,14 @@ export class InternalShortVideoPlayerProvider {
                 if (!data) {
                     return null;
                 }
+                const items = data.items.map(mapToShortVideoViewerModel).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;
+                });
                 return {
-                    items: data.items.map(mapToShortVideoViewerModel),
-                    continuationToken: ContinuationToken.fromPayload(data.continuationToken)
+                    items,
+                    continuationToken: ContinuationToken.fromPayload(endIdIndex < this.ids.length ? endIdIndex.toString() : null)
                 };
             }
             catch {
@@ -42,6 +51,7 @@ export class InternalShortVideoPlayerProvider {
         const { ids, graphqlOrigin, initiator, initialId } = input;
         this.graphql = createLocalGQLClient(graphqlOrigin, initiator ? { 'x-initiator': initiator } : undefined);
         this.ids = ids;
+        ids.forEach((id, idx) => this.idOrder.set(id, idx));
         this.initialId = initialId;
         this.initialData = { prefetchedItems: [], startIndex: 0 };
     }

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

@@ -90,7 +90,7 @@ const onPlayerClose = () => {
     (_a = on === null || on === void 0 ? void 0 : on.playerClosed) === null || _a === void 0 ? void 0 : _a.call(on);
 };
 const onShortVideoProductClick = (productId, videoId) => {
-    analyticsHandler === null || analyticsHandler === void 0 ? void 0 : analyticsHandler.trackShortVideoProductClicked(productId, videoId);
+    analyticsHandler === null || analyticsHandler === void 0 ? void 0 : analyticsHandler.trackShortVideoProductClick(productId, videoId);
 };
 const onShortVideoProductImpression = (productId, videoId) => {
     analyticsHandler === null || analyticsHandler === void 0 ? void 0 : analyticsHandler.trackShortVideoProductImpression(productId, videoId);
@@ -155,7 +155,7 @@ const onShortVideoProductImpression = (productId, videoId) => {
         playerLogo={playerLogo}
         on={{
           closePlayer: on?.playerClosed,
-          productClick: (productId: string) => onShortVideoProductClick(productId, buffer.current?.id || ''),
+          productClick: (productId: string) => onShortVideoProductClick(productId, buffer?.current?.id || ''),
           productImpression: onShortVideoProductImpression
         }} />
     {:else}

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

@@ -6,7 +6,7 @@ export interface IShortVideoAnalyticsHandler {
     setOrganizationId: (organizationId: string) => void;
     trackShortVideoView: (videoId: string) => void;
     trackShortVideoProductImpression: (productId: string, videoId: string) => void;
-    trackShortVideoProductClicked: (productId: string, videoId: string) => void;
+    trackShortVideoProductClick: (productId: string, videoId: string) => void;
 }
 export type ShortVideoPlayerProps = PlayerSettings & {
     dataProvider: IPlayerItemsProvider<ShortVideoViewerModel>;

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

@@ -6,11 +6,11 @@ export declare class InternalStreamAnalyticsHandler implements IStreamAnalyticsH
     trackStreamPageView: (pageId: string, streamId: string) => void;
     trackStreamEngagementTime: (streamId: string, engagementTime: number) => void;
     trackStreamScrollDepth: (streamId: string, scrollDepth: number) => void;
-    trackStreamProductImpression: (productId: string, streamId: string) => void;
+    trackStreamProductImpression: (productId: string, streamId: string) => any;
     trackStreamProductClicked: (productId: string, streamId: string) => void;
     reportPageVideoViews: (videoId: string, streamId: string) => void;
     trackShortVideoView: (videoId: string) => void;
     trackShortVideoProductImpression: (productId: string, videoId: string) => void;
-    trackShortVideoProductClicked: (productId: string, videoId: string) => void;
+    trackShortVideoProductClick: (productId: string, videoId: string) => void;
     trackShortVideoProgress: (pageId: string, videoId: string, progress: number, streamId: string) => void;
 }

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

@@ -16,6 +16,6 @@ export class InternalStreamAnalyticsHandler {
     reportPageVideoViews = (videoId, streamId) => AppEventsTracker.reportPageVideoViews(videoId, streamId);
     trackShortVideoView = (videoId) => AppEventsTracker.trackShortVideoView(videoId);
     trackShortVideoProductImpression = (productId, videoId) => AppEventsTracker.trackShortVideoProductImpression(productId, videoId);
-    trackShortVideoProductClicked = (productId, videoId) => AppEventsTracker.trackShortVideoProductClick(productId, videoId);
+    trackShortVideoProductClick = (productId, videoId) => AppEventsTracker.trackShortVideoProductClick(productId, videoId);
     trackShortVideoProgress = (pageId, videoId, progress, streamId) => AppEventsTracker.trackShortVideoProgress(pageId, videoId, progress, streamId);
 }

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

@@ -147,7 +147,7 @@ const onProductCardClick = (productId) => {
     analyticsHandler === null || analyticsHandler === void 0 ? void 0 : analyticsHandler.trackStreamProductClicked(productId, streamId);
 };
 const onShortVideoProductClick = (productId, videoId) => {
-    analyticsHandler === null || analyticsHandler === void 0 ? void 0 : analyticsHandler.trackShortVideoProductClicked(productId, videoId);
+    analyticsHandler === null || analyticsHandler === void 0 ? void 0 : analyticsHandler.trackShortVideoProductClick(productId, videoId);
 };
 const onStreamProductImpression = (productId) => {
     analyticsHandler === null || analyticsHandler === void 0 ? void 0 : analyticsHandler.trackStreamProductImpression(productId, streamId);

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

@@ -51,6 +51,6 @@ export interface IStreamAnalyticsHandler {
     reportPageVideoViews: (videoId: string, streamId: string) => void;
     trackShortVideoView: (videoId: string) => void;
     trackShortVideoProductImpression: (productId: string, videoId: string) => void;
-    trackShortVideoProductClicked: (productId: string, videoId: string) => void;
+    trackShortVideoProductClick: (productId: string, videoId: string) => void;
     trackShortVideoProgress: (pageId: string, videoId: string, progress: number, streamId: string) => void;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@streamscloud/embeddable",
-  "version": "6.3.6",
+  "version": "6.3.8",
   "author": "StreamsCloud",
   "repository": {
     "type": "git",
@@ -10,7 +10,9 @@
   "scripts": {
     "dev": "vite dev --port 3010",
     "build": "svelte-package --tsconfig ./tsconfig.app.json  && prettier --write --plugin prettier-plugin-svelte . && eslint --fix .",
-    "build-publish": "npm run build && npm publish --access public",
+    "publish:prod": "npm run build && npm publish --access public --tag latest",
+    "version:dev": "node -e \"const fs=require('fs');const pkg=require('./package.json');const base=(pkg.version.includes('-')?pkg.version.split('-')[0]:pkg.version);pkg.version=base+'-'+Date.now();fs.writeFileSync('package.json',JSON.stringify(pkg,null,2)+'\\n');\"",
+    "publish:dev": "npm run build && npm run version:dev && npm publish --tag next && git checkout -- package.json",
     "pack": "npm run build && npm pack",
     "preview": "vite preview",
     "check": "svelte-check --tsconfig ./tsconfig.app.json && tsc -p tsconfig.node.json",