@stream-io/video-client 1.44.1-beta.0 → 1.44.1

package/CHANGELOG.md

@@ -2,6 +2,12 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+## [1.44.1](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-client-1.44.0...@stream-io/video-client-1.44.1) (2026-03-04)
+
+### Bug Fixes
+
+- **client:** handle SFU tag changes during reconnect ([#2149](https://github.com/GetStream/stream-video-js/issues/2149)) ([5aa89d3](https://github.com/GetStream/stream-video-js/commit/5aa89d378a73d33d8e46a6eb40e688bd0f50cca9)), closes [#2121](https://github.com/GetStream/stream-video-js/issues/2121)
+
 ## [1.44.0](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-client-1.43.0...@stream-io/video-client-1.44.0) (2026-02-27)
 
 - update agent instructions [skip ci] ([9cec4c6](https://github.com/GetStream/stream-video-js/commit/9cec4c6431ff51549fcfc870a0df935b0b8aa850))

package/dist/index.browser.es.js

@@ -4283,7 +4283,7 @@ const isSfuEvent = (eventName) => {
 class Dispatcher {
     constructor() {
         this.logger = videoLoggerSystem.getLogger('Dispatcher');
-        this.subscribers = {};
+        this.subscribers = new Map();
         /**
          * Dispatch an event to all subscribers.
          *
@@ -4296,12 +4296,14 @@ class Dispatcher {
                 return;
             const payload = message.eventPayload[eventKind];
             this.logger.debug(`Dispatching ${eventKind}, tag=${tag}`, payload);
-            const handlers = this.subscribers[eventKind];
+            const handlers = this.subscribers.get(eventKind);
             if (!handlers)
                 return;
-            this.emit(payload, handlers[tag]);
+            const { byTag, dynamic } = handlers;
+            this.emit(payload, byTag.get(tag));
             if (tag !== '*')
-                this.emit(payload, handlers['*']);
+                this.emit(payload, byTag.get('*'));
+            this.emitDynamic(payload, tag, dynamic);
         };
         /**
          * Emit an event to a list of listeners.
@@ -4311,26 +4313,54 @@ class Dispatcher {
          */
         this.emit = (payload, listeners = []) => {
             for (const listener of listeners) {
-                try {
-                    listener(payload);
-                }
-                catch (e) {
-                    this.logger.warn('Listener failed with error', e);
+                this.emitOne(payload, listener);
+            }
+        };
+        /**
+         * Emit an event to a list of listeners.
+         *
+         */
+        this.emitDynamic = (payload, tag, dynamic) => {
+            for (const { tagSelector, listener } of dynamic) {
+                const dynamicTag = tagSelector();
+                if (dynamicTag === tag || (tag !== '*' && dynamicTag === '*')) {
+                    this.emitOne(payload, listener);
                 }
             }
         };
+        /**
+         * Emit an event to a single listener.
+         * @param payload the event payload to emit.
+         * @param listener the listener to emit the event to.
+         */
+        this.emitOne = (payload, listener) => {
+            try {
+                listener(payload);
+            }
+            catch (e) {
+                this.logger.warn('Listener failed with error', e);
+            }
+        };
         /**
          * Subscribe to an event.
          *
          * @param eventName the name of the event to subscribe to.
-         * @param tag for scoping events to a specific tag. Use `*` dispatch to every tag.
+         * @param tag for scoping events to a specific tag. Can be a static tag
+         * string or a function that resolves the tag dynamically.
          * @param fn the callback function to invoke when the event is emitted.
          * @returns a function that can be called to unsubscribe from the event.
          */
         this.on = (eventName, tag, fn) => {
-            var _a;
-            const bucket = ((_a = this.subscribers)[eventName] ?? (_a[eventName] = {}));
-            (bucket[tag] ?? (bucket[tag] = [])).push(fn);
+            const { byTag, dynamic } = this.getHandlers(eventName);
+            const listener = fn;
+            if (typeof tag === 'string') {
+                const listeners = byTag.get(tag) ?? [];
+                listeners.push(listener);
+                byTag.set(tag, listeners);
+            }
+            else {
+                dynamic.push({ tagSelector: tag, listener });
+            }
             return () => {
                 this.off(eventName, tag, fn);
             };
@@ -4339,15 +4369,35 @@ class Dispatcher {
          * Unsubscribe from an event.
          *
          * @param eventName the name of the event to unsubscribe from.
-         * @param tag for scoping events to a specific tag. Use `*` dispatch to every tag.
+         * @param tag the original static/dynamic tag selector used during subscription.
          * @param fn the callback function to remove from the event listeners.
          */
         this.off = (eventName, tag, fn) => {
-            const bucket = this.subscribers[eventName];
-            const listeners = bucket?.[tag];
-            if (!listeners)
+            const bucket = this.subscribers.get(eventName);
+            if (!bucket)
                 return;
-            bucket[tag] = listeners.filter((f) => f !== fn);
+            const { byTag, dynamic } = bucket;
+            if (typeof tag === 'string') {
+                const listeners = byTag.get(tag) || [];
+                const idx = listeners.indexOf(fn);
+                if (idx >= 0)
+                    listeners.splice(idx, 1);
+            }
+            else {
+                const idx = dynamic.findIndex(({ tagSelector, listener }) => {
+                    return tagSelector === tag && listener === fn;
+                });
+                if (idx >= 0)
+                    dynamic.splice(idx, 1);
+            }
+        };
+        this.getHandlers = (eventName) => {
+            const existing = this.subscribers.get(eventName);
+            if (existing)
+                return existing;
+            const next = { byTag: new Map(), dynamic: [] };
+            this.subscribers.set(eventName, next);
+            return next;
         };
     }
 }
@@ -6231,7 +6281,7 @@ const getSdkVersion = (sdk) => {
     return sdk ? `${sdk.major}.${sdk.minor}.${sdk.patch}` : '0.0.0-development';
 };
 
-const version = "1.44.1-beta.0";
+const version = "1.44.1";
 const [major, minor, patch] = version.split('.');
 let sdkInfo = {
     type: SdkType.PLAIN_JAVASCRIPT,
@@ -7298,7 +7348,8 @@ class BasePeerConnection {
          * Consecutive events are queued and executed one after the other.
          */
         this.on = (event, fn) => {
-            this.subscriptions.push(this.dispatcher.on(event, this.tag, (e) => {
+            const getTag = () => this.tag;
+            this.subscriptions.push(this.dispatcher.on(event, getTag, (e) => {
                 const lockKey = `pc.${this.lock}.${event}`;
                 withoutConcurrency(lockKey, async () => fn(e)).catch((err) => {
                     if (this.isDisposed)
@@ -7331,6 +7382,7 @@ class BasePeerConnection {
          */
         this.setSfuClient = (sfuClient) => {
             this.sfuClient = sfuClient;
+            this.tag = sfuClient.tag;
         };
         /**
          * Returns the result of the `RTCPeerConnection.getStats()` method
@@ -7521,6 +7573,7 @@ class BasePeerConnection {
         pc.removeEventListener('icegatheringstatechange', this.onIceGatherChange);
         this.unsubscribeIceTrickle?.();
         this.subscriptions.forEach((unsubscribe) => unsubscribe());
+        this.subscriptions = [];
     }
 }
 
@@ -12944,8 +12997,7 @@ class Call {
             // const calls = useCalls().filter((c) => c.ringing);
             const calls = this.clientStore.calls.filter((c) => c.cid !== this.cid);
             this.clientStore.setCalls([this, ...calls]);
-            const skipSpeakerApply = isReactNative() && true;
-            await this.applyDeviceConfig(settings, false, skipSpeakerApply);
+            await this.applyDeviceConfig(settings, false);
         };
         /**
          * Loads the information about the call.
@@ -12968,10 +13020,7 @@ class Call {
                 this.watching = true;
                 this.clientStore.registerOrUpdateCall(this);
             }
-            const skipSpeakerApply = isReactNative()
-                ? (params?.ring ?? this.ringing)
-                : false;
-            await this.applyDeviceConfig(response.call.settings, false, skipSpeakerApply);
+            await this.applyDeviceConfig(response.call.settings, false);
             return response;
         };
         /**
@@ -12992,10 +13041,7 @@ class Call {
                 this.watching = true;
                 this.clientStore.registerOrUpdateCall(this);
             }
-            const skipSpeakerApply = isReactNative()
-                ? (data?.ring ?? this.ringing)
-                : false;
-            await this.applyDeviceConfig(response.call.settings, false, skipSpeakerApply);
+            await this.applyDeviceConfig(response.call.settings, false);
             return response;
         };
         /**
@@ -14508,10 +14554,8 @@ class Call {
          *
          * @internal
          */
-        this.applyDeviceConfig = async (settings, publish, skipSpeakerApply = false) => {
-            if (!skipSpeakerApply) {
-                this.speaker.apply(settings);
-            }
+        this.applyDeviceConfig = async (settings, publish) => {
+            this.speaker.apply(settings);
             await this.camera.apply(settings.video, publish).catch((err) => {
                 this.logger.warn('Camera init failed', err);
             });
@@ -15826,7 +15870,7 @@ class StreamClient {
         this.getUserAgent = () => {
             if (!this.cachedUserAgent) {
                 const { clientAppIdentifier = {} } = this.options;
-                const { sdkName = 'js', sdkVersion = "1.44.1-beta.0", ...extras } = clientAppIdentifier;
+                const { sdkName = 'js', sdkVersion = "1.44.1", ...extras } = clientAppIdentifier;
                 this.cachedUserAgent = [
                     `stream-video-${sdkName}-v${sdkVersion}`,
                     ...Object.entries(extras).map(([key, value]) => `${key}=${value}`),