@streamscloud/embeddable 16.0.7-1772032308956 → 16.0.7-1772033370968

package/dist/core/media/types.d.ts

@@ -2,7 +2,7 @@ import type { MediaType } from '../enums';
 export type MediaItemModel = {
     type: MediaType;
     url: string;
-    thumbnailUrl: string | null;
+    thumbnailUrl?: string | null;
 };
 export type MediaItemMetadataModel = {
     width: number;

package/dist/ui/media-items-gallery/cmp.media-items-gallery.svelte

@@ -1,6 +1,7 @@
 <script lang="ts">import {} from '../../core/media';
 import { MediaItemView } from '../media-item-view';
 import { GalleryLayout } from './types';
+import { openMediaViewer } from '@streamscloud/kit/ui/media-viewer-dialog';
 let { media, singleImageRatio = 0, inert = false, on } = $props();
 let layout = $state(null);
 const initLayout = async () => {
@@ -16,35 +17,31 @@ $effect(() => {
 });
 const upperTwoImages = $derived(media.length > 4 ? media.slice(0, 2) : []);
 const bottomThreeImages = $derived(media.length > 4 ? media.slice(2, 5) : []);
-const handleGalleryItemClick = (index) => {
-    if (on?.click) {
-        on?.click(index);
-        return;
-    }
-    /*const toMediaViewerItemType = (type: MediaType) => {
-      switch (type) {
-        case 'IMAGE':
-          return MediaViewerItemType.Image;
+const toMediaViewerItemType = (type) => {
+    switch (type) {
         case 'VIDEO':
         case 'SHORT_VIDEO':
-          return MediaViewerItemType.Video;
         case 'AUDIO':
-          return MediaViewerItemType.Audio;
+            return 'video';
         default:
-          Utils.assertUnreachable(type);
-      }
-    };
+            return 'image';
+    }
+};
+const handleGalleryItemClick = (index) => {
+    if (on?.click) {
+        on.click(index);
+        return;
+    }
     openMediaViewer({
-      items: media.map((i) => ({
-        id: randomNanoid(),
-        url: i.url,
-        thumbnailUrl: i.thumbnailUrl,
-        type: toMediaViewerItemType(i.type),
-        width: i.metadata.width,
-        height: i.metadata.height
-      })),
-      index
-    });*/
+        items: media.map((i) => ({
+            url: i.url,
+            thumbnailUrl: i.thumbnailUrl ?? null,
+            type: toMediaViewerItemType(i.type),
+            width: i.metadata.width,
+            height: i.metadata.height
+        })),
+        index
+    });
 };
 </script>
 
@@ -59,7 +56,7 @@ const handleGalleryItemClick = (index) => {
       }} />
   {:else}
     <div class="gallery-container" inert={inert}>
-      {#snippet galleryItem(index: NumberType)}
+      {#snippet galleryItem(index: number)}
         <div class="gallery-item">
           <MediaItemView
             media={media[index]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@streamscloud/embeddable",
-  "version": "16.0.7-1772032308956",
+  "version": "16.0.7-1772033370968",
   "author": "StreamsCloud",
   "repository": {
     "type": "git",
@@ -158,7 +158,7 @@
     "@graphql-codegen/typescript": "^5.0.7",
     "@graphql-codegen/typescript-operations": "^5.0.7",
     "@graphql-typed-document-node/core": "^3.2.0",
-    "@streamscloud/kit": "^0.1.12-1772032209109",
+    "@streamscloud/kit": "^0.1.12",
     "@streamscloud/streams-analytics-collector": "^4.0.1",
     "@sveltejs/package": "^2.5.7",
     "@sveltejs/vite-plugin-svelte": "^6.2.4",