@stream-io/video-client 0.3.23 → 0.3.25

package/dist/index.cjs.js

@@ -7537,10 +7537,9 @@ const retryable = (rpc, logger) => __awaiter(void 0, void 0, void 0, function* (
 const getCurrentValue = (observable$) => {
     let value;
     let err = undefined;
-    observable$
-        .pipe(operators.take(1))
+    rxjs.combineLatest([observable$])
         .subscribe({
-        next: (v) => {
+        next: ([v]) => {
             value = v;
         },
         error: (e) => {
@@ -7748,7 +7747,7 @@ const descending = (comparator) => {
  * Creates a new comparator which conditionally applies the given comparator.
  *
  * @example
- * const shouldSortByValue = () => return false; // to turn it off
+ * const shouldSortByValue = (a, b) => a % 2 === 0; // return false to turn it off
  * const byValue = (a, b) => a < b ? - 1 : a > b ? 1 : 0;
  * const comparator = conditional(shouldSortByValue)(byValue);
  *
@@ -7913,6 +7912,18 @@ const ifInvisibleBy = conditional((a, b) => {
     return ((_a = a.viewportVisibilityState) === null || _a === void 0 ? void 0 : _a.videoTrack) === exports.VisibilityState.INVISIBLE ||
         ((_b = b.viewportVisibilityState) === null || _b === void 0 ? void 0 : _b.videoTrack) === exports.VisibilityState.INVISIBLE;
 });
+/**
+ * A comparator that applies the decorated comparator when a participant is
+ * either invisible or its visibility state isn't known.
+ * For visible participants, it ensures stable sorting.
+ */
+const ifInvisibleOrUnknownBy = conditional((a, b) => {
+    var _a, _b, _c, _d;
+    return ((_a = a.viewportVisibilityState) === null || _a === void 0 ? void 0 : _a.videoTrack) === exports.VisibilityState.INVISIBLE ||
+        ((_b = a.viewportVisibilityState) === null || _b === void 0 ? void 0 : _b.videoTrack) === exports.VisibilityState.UNKNOWN ||
+        ((_c = b.viewportVisibilityState) === null || _c === void 0 ? void 0 : _c.videoTrack) === exports.VisibilityState.INVISIBLE ||
+        ((_d = b.viewportVisibilityState) === null || _d === void 0 ? void 0 : _d.videoTrack) === exports.VisibilityState.UNKNOWN;
+});
 /**
  * The default sorting preset.
  */
@@ -7921,6 +7932,11 @@ const defaultSortPreset = combineComparators(pinned, screenSharing, ifInvisibleB
  * The sorting preset for speaker layout.
  */
 const speakerLayoutSortPreset = combineComparators(pinned, screenSharing, dominantSpeaker, ifInvisibleBy(speaking), ifInvisibleBy(reactionType('raised-hand')), ifInvisibleBy(publishingVideo), ifInvisibleBy(publishingAudio));
+/**
+ * The sorting preset for layouts that don't render all participants but
+ * instead, render them in pages.
+ */
+const paginatedLayoutSortPreset = combineComparators(pinned, screenSharing, dominantSpeaker, ifInvisibleOrUnknownBy(speaking), ifInvisibleOrUnknownBy(reactionType('raised-hand')), ifInvisibleOrUnknownBy(publishingVideo), ifInvisibleOrUnknownBy(publishingAudio));
 /**
  * The sorting preset for livestreams and audio rooms.
  */
@@ -8338,12 +8354,14 @@ class CallState {
             }
         };
         this.logger = getLogger(['CallState']);
-        this.participants$ = this.participantsSubject.pipe(operators.map((ps) => ps.sort(this.sortParticipantsBy)));
-        this.localParticipant$ = this.participants$.pipe(operators.map((participants) => participants.find(isStreamVideoLocalParticipant)));
-        this.remoteParticipants$ = this.participants$.pipe(operators.map((participants) => participants.filter((p) => !p.isLocalParticipant)));
-        this.pinnedParticipants$ = this.participants$.pipe(operators.map((participants) => participants.filter((p) => !!p.pin)));
-        this.dominantSpeaker$ = this.participants$.pipe(operators.map((participants) => participants.find((p) => p.isDominantSpeaker)));
-        this.hasOngoingScreenShare$ = this.participants$.pipe(operators.map((participants) => participants.some((p) => p.publishedTracks.includes(TrackType.SCREEN_SHARE))), operators.distinctUntilChanged());
+        this.participants$ = this.participantsSubject.asObservable().pipe(
+        // TODO: replace with Array.toSorted once available
+        operators.map((ps) => [...ps].sort(this.sortParticipantsBy)), operators.shareReplay({ bufferSize: 1, refCount: true }));
+        this.localParticipant$ = this.participants$.pipe(operators.map((participants) => participants.find(isStreamVideoLocalParticipant)), operators.shareReplay({ bufferSize: 1, refCount: true }));
+        this.remoteParticipants$ = this.participants$.pipe(operators.map((participants) => participants.filter((p) => !p.isLocalParticipant)), operators.shareReplay({ bufferSize: 1, refCount: true }));
+        this.pinnedParticipants$ = this.participants$.pipe(operators.map((participants) => participants.filter((p) => !!p.pin)), operators.shareReplay({ bufferSize: 1, refCount: true }));
+        this.dominantSpeaker$ = this.participants$.pipe(operators.map((participants) => participants.find((p) => p.isDominantSpeaker)), operators.shareReplay({ bufferSize: 1, refCount: true }));
+        this.hasOngoingScreenShare$ = this.participants$.pipe(operators.map((participants) => participants.some((p) => p.publishedTracks.includes(TrackType.SCREEN_SHARE))), operators.distinctUntilChanged(), operators.shareReplay({ bufferSize: 1, refCount: true }));
         this.startedAt$ = this.startedAtSubject.asObservable();
         this.participantCount$ = this.participantCountSubject.asObservable();
         this.anonymousParticipantCount$ =
@@ -9521,7 +9539,7 @@ class DynascaleManager {
                 }
                 this.call.updateSubscriptionsPartial(trackType, { [sessionId]: { dimension } }, debounceType);
             };
-            const participant$ = this.call.state.participants$.pipe(rxjs.map((participants) => participants.find((participant) => participant.sessionId === sessionId)), rxjs.takeWhile((participant) => !!participant), rxjs.distinctUntilChanged(), rxjs.shareReplay(1));
+            const participant$ = this.call.state.participants$.pipe(rxjs.map((participants) => participants.find((participant) => participant.sessionId === sessionId)), rxjs.takeWhile((participant) => !!participant), rxjs.distinctUntilChanged(), rxjs.shareReplay({ bufferSize: 1, refCount: true }));
             /**
              * Since the video elements are now being removed from the DOM (React SDK) upon
              * visibility change, this subscription is not in use an stays here only for the
@@ -9640,7 +9658,7 @@ class DynascaleManager {
             const participant = this.call.state.findParticipantBySessionId(sessionId);
             if (!participant || participant.isLocalParticipant)
                 return;
-            const participant$ = this.call.state.participants$.pipe(rxjs.map((participants) => participants.find((p) => p.sessionId === sessionId)), rxjs.takeWhile((p) => !!p), rxjs.distinctUntilChanged());
+            const participant$ = this.call.state.participants$.pipe(rxjs.map((participants) => participants.find((p) => p.sessionId === sessionId)), rxjs.takeWhile((p) => !!p), rxjs.distinctUntilChanged(), rxjs.shareReplay({ bufferSize: 1, refCount: true }));
             const updateMediaStreamSubscription = participant$
                 .pipe(rxjs.distinctUntilKeyChanged('audioStream'))
                 .subscribe((p) => {
@@ -13186,7 +13204,7 @@ class WSConnectionFallback {
     }
 }
 
-const version = '0.3.23';
+const version = '0.3.25';
 
 const logger = getLogger(['location']);
 const HINT_URL = `https://hint.stream-io-video.com/`;
@@ -14231,6 +14249,7 @@ exports.logLevels = logLevels;
 exports.logToConsole = logToConsole;
 exports.name = name;
 exports.noopComparator = noopComparator;
+exports.paginatedLayoutSortPreset = paginatedLayoutSortPreset;
 exports.pinned = pinned;
 exports.publishingAudio = publishingAudio;
 exports.publishingVideo = publishingVideo;