@streamscloud/embeddable 3.2.6 → 3.2.8

package/dist/short-videos/short-video-viewer/mapper.js

@@ -34,6 +34,7 @@ export const mapShortVideoViewerModel = (payload) => {
 const mapToShortVideoViewerAdModel = (payload) => {
     return {
         id: payload.id,
+        type: payload.type,
         image: getMediaItemImageUrl(payload.media[0]),
         title: payload.title,
         description: payload.description,

package/dist/short-videos/short-video-viewer/types.d.ts

@@ -1,4 +1,4 @@
-import type { Currency } from '../../core/enums';
+import { AdType, type Currency } from '../../core/enums';
 export type ShortVideoViewerModel = {
     id: string;
     media: {
@@ -22,6 +22,7 @@ export type ShortVideoViewerHeadingModel = {
 };
 export type ShortVideoViewerAdModel = {
     id: string;
+    type: AdType;
     image: string | null;
     title: string;
     description: string | null;

package/dist/short-videos/short-video-viewer/types.js

@@ -1 +1 @@
-export {};
+import { AdType } from '../../core/enums';

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

@@ -41,6 +41,7 @@ export const mapToShortVideoViewerModel = (model) => {
 const mapToAdViewModel = (model) => {
     return {
         id: model.id,
+        type: model.type,
         image: model.image,
         title: model.title,
         description: model.description,

package/dist/streams/layout/models/stream-layout-short-video-model.d.ts

@@ -1,4 +1,4 @@
-import type { Currency } from '../../../core/enums';
+import { AdType, type Currency } from '../../../core/enums';
 import type { StreamLayoutMediaItemModel } from './stream-layout-media-item-model';
 import type { StreamLayoutPostHeaderModel } from './stream-layout-post-header-model';
 export type StreamLayoutShortVideoModel = {
@@ -13,6 +13,7 @@ export type StreamLayoutShortVideoModel = {
 };
 export type StreamLayoutShortVideoAdModel = {
     id: string;
+    type: AdType;
     image: string | null;
     title: string;
     description: string | null;

package/dist/streams/layout/models/stream-layout-short-video-model.js

@@ -1 +1 @@
-export {};
+import { AdType } from '../../../core/enums';

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

@@ -8,7 +8,7 @@ export declare class StreamPlayerBuffer implements IPlayerBuffer<StreamPageViewe
     readonly canLoadNext: boolean;
     readonly canLoadPrevious: boolean;
     readonly navigationDisabled: boolean;
-    readonly animationDuration = 1200;
+    readonly animationDuration = 300;
     private _pagesLoader;
     private _currentIndex;
     private _loaded;

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

@@ -12,7 +12,7 @@ export class StreamPlayerBuffer {
     canLoadNext = $derived(this.currentIndex < this.loaded.length - 1);
     canLoadPrevious = $derived(this.currentIndex > 0);
     navigationDisabled = $derived(!this.canLoadNext && !this.canLoadPrevious);
-    animationDuration = 1200;
+    animationDuration = 300;
     _pagesLoader;
     _currentIndex = $state(-1);
     _loaded = $state.raw([]);
@@ -23,7 +23,7 @@ export class StreamPlayerBuffer {
                 const payload = await graphql
                     .query(GetStreamPagesDocument, {
                     input: {
-                        limit: 2,
+                        limit: 10,
                         continuationToken,
                         filter: {
                             streamId

package/dist/ui/player/cmp.player-slider.svelte

@@ -5,7 +5,7 @@ let { buffer, children, on } = $props();
 let slidesRef;
 let sliderHeight = $state(0);
 let swipeTransition = $state(0);
-let cssAnimationDuration = $state(buffer.animationDuration * 0.75);
+let cssAnimationDuration = $state(buffer.animationDuration);
 let resizeObserver;
 let activeIndex = $state.raw(buffer.currentIndex);
 const actualTransition = $derived(-sliderHeight * activeIndex);
@@ -81,7 +81,7 @@ onMount(() => {
         if (e.deltaY < 0 && buffer.canLoadPrevious) {
             buffer.loadPrevious();
         }
-    }, buffer.animationDuration + 250));
+    }, buffer.animationDuration));
     slidesRef.addEventListener('transitionend', (e) => {
         if (e.target !== slidesRef) {
             return;

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

@@ -8,7 +8,7 @@ export declare class PlayerBuffer<T extends {
     readonly canLoadNext: boolean;
     readonly canLoadPrevious: boolean;
     readonly navigationDisabled: boolean;
-    readonly animationDuration = 1200;
+    readonly animationDuration = 300;
     private _currentIndex;
     private _loaded;
     private loadMoreFn;

package/dist/ui/player/player-buffer.svelte.js

@@ -6,7 +6,7 @@ export class PlayerBuffer {
     canLoadNext = $derived(this.currentIndex < this.loaded.length - 1);
     canLoadPrevious = $derived(this.currentIndex > 0);
     navigationDisabled = $derived(!this.canLoadNext && !this.canLoadPrevious);
-    animationDuration = 1200;
+    animationDuration = 300;
     _currentIndex = $state(-1);
     _loaded = $state.raw([]);
     loadMoreFn;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@streamscloud/embeddable",
-  "version": "3.2.6",
+  "version": "3.2.8",
   "author": "StreamsCloud",
   "repository": "https://github.com/StreamsCloud/streamscloud-frontend-packages.git",
   "type": "module",