@vivix-ai/ivi-frontend-sdk 0.3.4 → 0.3.5

package/dist/index.cjs

@@ -3828,6 +3828,19 @@ function detectMediaVolumeType(source) {
   if (!url) return null;
   return isM3u8Url(url) ? "hls" : "video";
 }
+function getSourceRenderKey(sourceId, source) {
+  const trtc = getTrtcPlayback(source.playback);
+  if (!trtc) {
+    return sourceId;
+  }
+  return [
+    "trtc",
+    trtc.app_id ?? "",
+    trtc.room_id ?? "",
+    trtc.user_id ?? "",
+    trtc.user_sig ?? ""
+  ].join(":");
+}
 function TrackSlotMediaContent(props) {
   const {
     slot,
@@ -3865,7 +3878,7 @@ function TrackSlotMediaContent(props) {
       IVITrtcPlayer,
       {
         trtc,
-        sourceId: source.source.source_id,
+        sourceId: slotSourceId,
         runtime,
         ...trtcPlayerProps,
         muted: trtcMuted,
@@ -4020,26 +4033,35 @@ function SlotVideo(props) {
 // src/react/internal/use-multi-preload-sources.ts
 function useMultiPreloadSources(sources, activeSourceId) {
   return react.useMemo(() => {
-    const entries = [];
-    for (const [id, runtimeSource] of sources) {
-      const isActive = id === activeSourceId;
-      const shouldMount = Boolean(runtimeSource.preload) || isActive;
-      if (!shouldMount) {
-        continue;
-      }
-      const ready = toReadyRuntimeSource(runtimeSource);
-      if (!ready) {
-        continue;
-      }
-      entries.push({
-        sourceId: id,
-        source: ready,
-        isActive
-      });
-    }
-    return entries;
+    return buildPreloadSourceEntries(sources, activeSourceId);
   }, [sources, activeSourceId]);
 }
+function buildPreloadSourceEntries(sources, activeSourceId) {
+  const entriesByRenderKey = /* @__PURE__ */ new Map();
+  for (const [id, runtimeSource] of sources) {
+    const isActive = id === activeSourceId;
+    const shouldMount = Boolean(runtimeSource.preload) || isActive;
+    if (!shouldMount) {
+      continue;
+    }
+    const ready = toReadyRuntimeSource(runtimeSource);
+    if (!ready) {
+      continue;
+    }
+    const renderKey = getSourceRenderKey(id, ready);
+    const entry = {
+      sourceId: id,
+      renderKey,
+      source: ready,
+      isActive
+    };
+    const previous = entriesByRenderKey.get(renderKey);
+    if (!previous || !previous.isActive && isActive) {
+      entriesByRenderKey.set(renderKey, entry);
+    }
+  }
+  return Array.from(entriesByRenderKey.values());
+}
 function IVITrackSlot(props) {
   const {
     slot,
@@ -4129,7 +4151,7 @@ function IVITrackSlot(props) {
                 }
               ) })
             },
-            entry.sourceId
+            entry.renderKey
           );
         }),
         showSubtitle && activeSource && supportsSubtitleOverlay(activeSource) && /* @__PURE__ */ jsxRuntime.jsx("div", { style: SUBTITLE_OVERLAY_STYLE, children: /* @__PURE__ */ jsxRuntime.jsx(