@stream-io/video-client 0.0.1-alpha.80 → 0.0.1-alpha.82

package/dist/index.browser.es.js

@@ -4606,6 +4606,25 @@ const registerEventHandlers = (call, store, dispatcher) => {
     watchDominantSpeakerChanged(dispatcher, store);
 };
 
+const sfuEventKinds = {
+    subscriberOffer: undefined,
+    publisherAnswer: undefined,
+    connectionQualityChanged: undefined,
+    audioLevelChanged: undefined,
+    iceTrickle: undefined,
+    changePublishQuality: undefined,
+    participantJoined: undefined,
+    participantLeft: undefined,
+    dominantSpeakerChanged: undefined,
+    joinResponse: undefined,
+    healthCheckResponse: undefined,
+    trackPublished: undefined,
+    trackUnpublished: undefined,
+    error: undefined,
+};
+const isSfuEvent = (eventName) => {
+    return Object.prototype.hasOwnProperty.call(sfuEventKinds, eventName);
+};
 class Dispatcher {
     constructor() {
         this.subscribers = {};
@@ -5657,16 +5676,6 @@ class Call {
         this.dispatcher = new Dispatcher();
         this.trackSubscriptionsSubject = new Subject();
         this.joined$ = new BehaviorSubject(false);
-        /**
-         * You can subscribe to WebSocket events provided by the API. To remove a subscription, call the `off` method.
-         * Please note that subscribing to WebSocket events is an advanced use-case, for most use-cases it should be enough to watch for changes in the [reactive state store](./StreamVideoClient.md/#readonlystatestore).
-         * @param eventName
-         * @param fn
-         * @returns
-         */
-        this.on = (eventName, fn) => {
-            return this.dispatcher.on(eventName, fn);
-        };
         /**
          * Remove subscription for WebSocket events that were created by the `on` method.
          * @param eventName
@@ -6349,6 +6358,19 @@ class Call {
             (_a = this.sfuClient) === null || _a === void 0 ? void 0 : _a.updateSubscriptions(subscriptions);
         });
     }
+    on(eventName, fn) {
+        if (isSfuEvent(eventName)) {
+            return this.dispatcher.on(eventName, fn);
+        }
+        else {
+            const eventHandler = (event) => {
+                if (event.call_cid && event.call_cid === this.cid) {
+                    fn(event);
+                }
+            };
+            return this.streamClient.on(eventName, eventHandler);
+        }
+    }
     get data() {
         return this.state.getCurrentValue(this.state.metadata$);
     }
@@ -6361,6 +6383,9 @@ class Call {
  */
 const watchCallCreated = (store, streamClient) => {
     return function onCallCreated(event) {
+        if (event.type !== 'call.created') {
+            return;
+        }
         const { call, members } = event;
         if (!call) {
             console.warn("Can't find call in CallCreatedEvent");
@@ -6391,6 +6416,9 @@ const watchCallCreated = (store, streamClient) => {
  */
 const watchCallAccepted = (store) => {
     return function onCallAccepted(event) {
+        if (event.type !== 'call.accepted') {
+            return;
+        }
         const { call_cid } = event;
         if (!call_cid) {
             console.warn("Can't find call_cid in CallAcceptedEvent");
@@ -6429,6 +6457,9 @@ const watchCallAccepted = (store) => {
  */
 const watchCallRejected = (store) => {
     return function onCallRejected(event) {
+        if (event.type !== 'call.rejected') {
+            return;
+        }
         const { call_cid } = event;
         if (!call_cid) {
             console.warn("Can't find call_cid in CallRejectedEvent");
@@ -6462,6 +6493,9 @@ const watchCallRejected = (store) => {
  */
 const watchCallCancelled = (store) => {
     return function onCallCancelled(event) {
+        if (event.type !== 'call.ended') {
+            return;
+        }
         const { call_cid } = event;
         if (!call_cid) {
             console.log("Can't find call in CallEndedEvent");
@@ -6488,6 +6522,9 @@ const watchCallCancelled = (store) => {
  */
 const watchCallPermissionRequest = (store) => {
     return function onCallPermissionRequest(event) {
+        if (event.type !== 'call.permission_request') {
+            return;
+        }
         const activeCall = store.getCurrentValue(store.activeCallSubject);
         if (!activeCall) {
             console.warn(`Ignoring "call.permission_request" as there is no active call`, event);
@@ -6512,6 +6549,9 @@ const watchCallPermissionRequest = (store) => {
  */
 const watchCallPermissionsUpdated = (store) => {
     return function onCallPermissionsUpdated(event) {
+        if (event.type !== 'call.permissions_updated') {
+            return;
+        }
         const activeCall = store.getCurrentValue(store.activeCallSubject);
         if (!activeCall) {
             console.warn(`Ignoring "call.permissions_updated" as there is no active call`, event);
@@ -6539,6 +6579,9 @@ const watchCallPermissionsUpdated = (store) => {
  */
 const watchNewReactions = (store) => {
     return function onNewReactions(event) {
+        if (event.type !== 'call.reaction_new') {
+            return;
+        }
         const { call_cid, reaction } = event;
         const activeCall = store.getCurrentValue(store.activeCallSubject);
         if (!activeCall || activeCall.cid !== call_cid) {
@@ -6571,6 +6614,9 @@ const watchNewReactions = (store) => {
  */
 const watchCallRecordingStarted = (store) => {
     return function onCallRecordingStarted(event) {
+        if (event.type !== 'call.recording_started') {
+            return;
+        }
         const { call_cid } = event;
         const activeCall = store.getCurrentValue(store.activeCallSubject);
         if (!activeCall || activeCall.cid !== call_cid) {
@@ -6586,6 +6632,9 @@ const watchCallRecordingStarted = (store) => {
  */
 const watchCallRecordingStopped = (store) => {
     return function onCallRecordingStopped(event) {
+        if (event.type !== 'call.recording_stopped') {
+            return;
+        }
         const { call_cid } = event;
         const activeCall = store.getCurrentValue(store.activeCallSubject);
         if (!activeCall || activeCall.cid !== call_cid) {
@@ -6603,6 +6652,9 @@ const watchCallRecordingStopped = (store) => {
  * `event.user_id` to the list
  */
 const watchBlockedUser = (store) => (event) => {
+    if (event.type !== 'call.blocked_user') {
+        return;
+    }
     const activeCall = store.getCurrentValue(store.activeCallSubject);
     if (!activeCall || activeCall.cid !== event.call_cid) {
         console.warn(`Received "call.blocked_user" for an inactive or unknown call`, event);
@@ -6622,6 +6674,9 @@ const watchBlockedUser = (store) => (event) => {
  * removing `event.user_id` from the list
  */
 const watchUnblockedUser = (store) => (event) => {
+    if (event.type !== 'call.unblocked_user') {
+        return;
+    }
     const activeCall = store.getCurrentValue(store.activeCallSubject);
     if (!activeCall || activeCall.cid !== event.call_cid) {
         console.warn(`Received "call.unblocked_user" for an inactive or unknown call`, event);
@@ -8263,15 +8318,14 @@ class StreamClient {
             this.resolveConnectionId = resolve;
             this.rejectConnectionId = reject;
         });
-        this.axiosInstance = axios.create(this.options);
-        // todo: replace 'https://chat.stream-io-api.com' with an actual video server URL
-        this.setBaseURL(this.options.baseURL || 'https://chat.stream-io-api.com');
+        this.setBaseURL(this.options.baseURL || 'https://video.stream-io-api.com/video');
         if (typeof process !== 'undefined' && process.env.STREAM_LOCAL_TEST_RUN) {
-            this.setBaseURL('http://localhost:3030');
+            this.setBaseURL('http://localhost:3030/video');
         }
         if (typeof process !== 'undefined' && process.env.STREAM_LOCAL_TEST_HOST) {
-            this.setBaseURL('http://' + process.env.STREAM_LOCAL_TEST_HOST);
+            this.setBaseURL(`http://${process.env.STREAM_LOCAL_TEST_HOST}/video`);
         }
+        this.axiosInstance = axios.create(Object.assign({ baseURL: this.baseURL }, this.options));
         // WS connection is initialized when setUser is called
         this.wsConnection = null;
         this.wsPromise = null;
@@ -8496,7 +8550,7 @@ class StreamClient {
     }
     getUserAgent() {
         return (this.userAgent ||
-            `stream-video-javascript-client-${this.node ? 'node' : 'browser'}-${"0.0.1-alpha.79"}`);
+            `stream-video-javascript-client-${this.node ? 'node' : 'browser'}-${"0.0.1-alpha.81"}`);
     }
     setUserAgent(userAgent) {
         this.userAgent = userAgent;
@@ -8557,39 +8611,17 @@ class StreamVideoClient {
             // @ts-expect-error
             user, tokenOrProvider);
             this.callDropScheduler = new CallDropScheduler(this.writeableStateStore, this.callConfig);
-            this.on('call.created', 
-            // @ts-expect-error until we sort out the types
-            watchCallCreated(this.writeableStateStore, this.streamClient));
-            this.on('call.accepted', 
-            // @ts-expect-error until we sort out the types
-            watchCallAccepted(this.writeableStateStore));
-            this.on('call.rejected', 
-            // @ts-expect-error until we sort out the types
-            watchCallRejected(this.writeableStateStore));
-            this.on('call.cancelled', 
-            // @ts-expect-error until we sort out the types
-            watchCallCancelled(this.writeableStateStore));
-            this.on('call.permission_request', 
-            // @ts-expect-error until we sort out the types
-            watchCallPermissionRequest(this.writeableStateStore));
-            this.on('call.permissions_updated', 
-            // @ts-expect-error until we sort out the types
-            watchCallPermissionsUpdated(this.writeableStateStore));
-            this.on('call.blocked_user', 
-            // @ts-expect-error until we sort out the types
-            watchBlockedUser(this.writeableStateStore));
-            this.on('call.unblocked_user', 
-            // @ts-expect-error until we sort out the types
-            watchUnblockedUser(this.writeableStateStore));
-            this.on('call.recording_started', 
-            // @ts-expect-error until we sort out the types
-            watchCallRecordingStarted(this.writeableStateStore));
-            this.on('call.recording_stopped', 
-            // @ts-expect-error until we sort out the types
-            watchCallRecordingStopped(this.writeableStateStore));
-            this.on('call.reaction_new', 
-            // @ts-expect-error until we sort out the types
-            watchNewReactions(this.writeableStateStore));
+            this.on('call.created', watchCallCreated(this.writeableStateStore, this.streamClient));
+            this.on('call.accepted', watchCallAccepted(this.writeableStateStore));
+            this.on('call.rejected', watchCallRejected(this.writeableStateStore));
+            this.on('call.ended', watchCallCancelled(this.writeableStateStore));
+            this.on('call.permission_request', watchCallPermissionRequest(this.writeableStateStore));
+            this.on('call.permissions_updated', watchCallPermissionsUpdated(this.writeableStateStore));
+            this.on('call.blocked_user', watchBlockedUser(this.writeableStateStore));
+            this.on('call.unblocked_user', watchUnblockedUser(this.writeableStateStore));
+            this.on('call.recording_started', watchCallRecordingStarted(this.writeableStateStore));
+            this.on('call.recording_stopped', watchCallRecordingStopped(this.writeableStateStore));
+            this.on('call.reaction_new', watchNewReactions(this.writeableStateStore));
             this.writeableStateStore.setCurrentValue(this.writeableStateStore.connectedUserSubject, user);
         });
         /**
@@ -8677,7 +8709,7 @@ class StreamVideoClient {
             return this.streamClient.get(`/calltypes`);
         });
         this.callConfig = callConfig;
-        this.streamClient = new StreamClient(apiKey, Object.assign({ baseURL: 'https://video-edge-frankfurt-ce1.stream-io-api.com/video', 
+        this.streamClient = new StreamClient(apiKey, Object.assign({ 
             // FIXME: OL: fix SSR.
             browser: true, persistUserOnConnectionFailure: true }, opts));
         this.writeableStateStore = new StreamVideoWriteableStateStore();