@signalwire/js 3.28.0 → 3.28.1

package/dist/index.esm.js

@@ -33,10 +33,7 @@ var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __publicField = (obj, key, value) => {
-  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
-};
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 
 // src/chat/index.ts
 var chat_exports = {};
@@ -87,7 +84,9 @@ var setAudioMediaTrack = ({
 
 // src/features/actions.ts
 import { actions } from "@signalwire/core";
-var audioSetSpeakerAction = actions.createAction("swJs/audioSetSpeakerAction");
+var audioSetSpeakerAction = actions.createAction(
+  "swJs/audioSetSpeakerAction"
+);
 
 // src/features/mediaElements/mediaElementsSagas.ts
 var makeAudioElementSaga = ({ speakerId }) => {
@@ -128,14 +127,25 @@ function* audioElementActionsWatcher({
   element,
   room
 }) {
-  const setSpeakerActionType = actions2.getCustomSagaActionType(room.__uuid, audioSetSpeakerAction);
+  const setSpeakerActionType = actions2.getCustomSagaActionType(
+    room.__uuid,
+    audioSetSpeakerAction
+  );
   while (true) {
     const action = yield sagaEffects.take([setSpeakerActionType]);
     try {
       switch (action.type) {
         case setSpeakerActionType:
-          const response = yield sagaEffects.call(setMediaElementSinkId, element, action.payload);
-          room.emit(`${LOCAL_EVENT_PREFIX}.speaker.updated`, action.payload);
+          const response = yield sagaEffects.call(
+            setMediaElementSinkId,
+            element,
+            action.payload
+          );
+          room.emit(
+            // @ts-expect-error
+            `${LOCAL_EVENT_PREFIX}.speaker.updated`,
+            action.payload
+          );
           room.settleCustomSagaTrigger({
             dispatchId: action.dispatchId,
             payload: response,
@@ -195,7 +205,11 @@ var videoManagerRoomsWorker = function* (options) {
   const modPayload = {
     rooms: payload.rooms.map((row) => toExternalJSON(row))
   };
-  client.emit(stripNamespacePrefix(type), modPayload);
+  client.emit(
+    stripNamespacePrefix(type),
+    // @ts-expect-error
+    modPayload
+  );
   getLogger2().trace("videoManagerRoomsWorker ended");
 };
 
@@ -211,7 +225,10 @@ var videoManagerRoomWorker = function* (options) {
     instance: client,
     action: { type, payload }
   } = options;
-  client.emit(stripNamespacePrefix2(type), toExternalJSON2(payload));
+  client.emit(
+    stripNamespacePrefix2(type),
+    toExternalJSON2(payload)
+  );
   getLogger3().trace("videoManagerRoomWorker ended");
 };
 
@@ -244,9 +261,12 @@ var videoManagerWorker = function* (options) {
     }
   }
   while (true) {
-    const action = yield sagaEffects2.take(swEventChannel, (action2) => {
-      return action2.type.startsWith("video-manager.");
-    });
+    const action = yield sagaEffects2.take(
+      swEventChannel,
+      (action2) => {
+        return action2.type.startsWith("video-manager.");
+      }
+    );
     yield sagaEffects2.fork(worker, action);
   }
   getLogger4().trace("videoManagerWorker ended");
@@ -260,8 +280,11 @@ var VideoManagerAPI = class extends BaseConsumer {
       worker: videoManagerWorker
     });
   }
+  /** @internal */
   getSubscriptions() {
-    const eventNamesWithPrefix = this.eventNames().map((event) => `video-manager.${event}`);
+    const eventNamesWithPrefix = this.eventNames().map(
+      (event) => `video-manager.${event}`
+    );
     return validateEventsToSubscribe(eventNamesWithPrefix);
   }
 };
@@ -325,6 +348,7 @@ var SCREENSHARE_AUDIO_CONSTRAINTS = {
   echoCancellation: true,
   noiseSuppression: false,
   autoGainControl: false,
+  // @ts-expect-error
   googAutoGainControl: false
 };
 
@@ -353,16 +377,24 @@ var getJoinMediaParams = (options) => {
   const reqToReceiveAudio = Boolean(receiveAudio != null ? receiveAudio : audio);
   const reqToReceiveVideo = Boolean(receiveVideo != null ? receiveVideo : video);
   if (!canSendAudio && reqToSendAudio) {
-    getLogger5().info("Not allowed to send audio on this room. Default values will be used.");
+    getLogger5().info(
+      "Not allowed to send audio on this room. Default values will be used."
+    );
   }
   if (!canSendVideo && reqToSendVideo) {
-    getLogger5().info("Not allowed to send video on this room. Default values will be used.");
+    getLogger5().info(
+      "Not allowed to send video on this room. Default values will be used."
+    );
   }
   if (!canReceiveAudio && reqToReceiveAudio) {
-    getLogger5().info("Not allowed to receive video from the room. Default values will be used.");
+    getLogger5().info(
+      "Not allowed to receive video from the room. Default values will be used."
+    );
   }
   if (!canReceiveVideo && reqToReceiveVideo) {
-    getLogger5().info("Not allowed to receive video from the room. Default values will be used.");
+    getLogger5().info(
+      "Not allowed to receive video from the room. Default values will be used."
+    );
   }
   return {
     mustSendAudio: canSendAudio && reqToSendAudio,
@@ -420,8 +452,11 @@ var EXTERNAL_MEMBER_LIST_UPDATED_EVENT = "memberList.updated";
 var INTERNAL_MEMBER_LIST_UPDATED_EVENT = toInternalEventName({
   event: EXTERNAL_MEMBER_LIST_UPDATED_EVENT
 });
-var SYNTHETIC_MEMBER_LIST_UPDATED_EVENT = toSyntheticEvent(INTERNAL_MEMBER_LIST_UPDATED_EVENT);
+var SYNTHETIC_MEMBER_LIST_UPDATED_EVENT = toSyntheticEvent(
+  INTERNAL_MEMBER_LIST_UPDATED_EVENT
+);
 var MEMBER_LIST_EVENTS = [
+  /** Alias to `video.room.subscribed` */
   "video.room.joined",
   "video.member.joined",
   "video.member.left",
@@ -436,7 +471,9 @@ var getMemberListEventsToSubscribe = (subscriptions) => {
   });
 };
 var shouldHandleMemberList = (subscriptions) => {
-  return subscriptions.some((event) => event.includes(EXTERNAL_MEMBER_LIST_UPDATED_EVENT));
+  return subscriptions.some(
+    (event) => event.includes(EXTERNAL_MEMBER_LIST_UPDATED_EVENT)
+  );
 };
 var getMembersFromAction = (action) => {
   if (action.type === "video.room.joined") {
@@ -487,15 +524,24 @@ function* membersListUpdatedWatcher({
     const roomSessionId = pubSubAction.type === "video.room.joined" ? pubSubAction.payload.room_session.id : pubSubAction.payload.room_session_id;
     const members = getUpdatedMembers({ action: pubSubAction, memberList });
     const memberListPayload = {
+      /**
+       * At this point it's needed to send the
+       * `room_session_id` so the pubSubSaga can properly
+       * infer the namespace for emitting the events to the
+       * appropiate room.
+       */
       room_session_id: roomSessionId,
       members
     };
     instance.emit(SYNTHETIC_MEMBER_LIST_UPDATED_EVENT, memberListPayload);
   }
   while (true) {
-    const pubSubAction = yield sagaEffects3.take(swEventChannel, ({ type }) => {
-      return isMemberListEvent(type);
-    });
+    const pubSubAction = yield sagaEffects3.take(
+      swEventChannel,
+      ({ type }) => {
+        return isMemberListEvent(type);
+      }
+    );
     yield sagaEffects3.fork(worker, pubSubAction);
   }
 }
@@ -540,17 +586,21 @@ var childMemberJoinedWorker = function* (options) {
   });
   const { member } = action.payload;
   if (member == null ? void 0 : member.parent_id) {
-    const byId = yield sagaEffects4.select(componentSelectors.getComponentsById);
+    const byId = yield sagaEffects4.select(
+      componentSelectors.getComponentsById
+    );
     const parent = Object.values(byId).find((row) => {
       return "memberId" in row && row.memberId === member.parent_id;
     });
     if (parent) {
-      yield sagaEffects4.put(componentActions.upsert({
-        id: instance.callId,
-        roomId: action.payload.room_id,
-        roomSessionId: action.payload.room_session_id,
-        memberId: member.id
-      }));
+      yield sagaEffects4.put(
+        componentActions.upsert({
+          id: instance.callId,
+          roomId: action.payload.room_id,
+          roomSessionId: action.payload.room_session_id,
+          memberId: member.id
+        })
+      );
       onDone == null ? void 0 : onDone();
     } else {
       onFail == null ? void 0 : onFail({ error: new Error("Unknown parent_id") });
@@ -707,6 +757,7 @@ var videoWorker = function* (options) {
           action
         }, options));
         return;
+      // Return since we don't need to handle the raw event for this
       case "video.recording.started":
       case "video.recording.updated":
       case "video.recording.ended":
@@ -748,7 +799,10 @@ var videoWorker = function* (options) {
     return action.type.startsWith("video.");
   };
   while (true) {
-    const action = yield sagaEffects5.take(swEventChannel, isVideoEvent);
+    const action = yield sagaEffects5.take(
+      swEventChannel,
+      isVideoEvent
+    );
     yield sagaEffects5.fork(worker, action);
   }
   getLogger10().trace("videoWorker ended");
@@ -782,8 +836,7 @@ var BaseRoomSessionConnection = class extends BaseConnection2 {
     return Array.from(this._screenShareList);
   }
   _attachSpeakerTrackListener() {
-    if (!supportsMediaOutput())
-      return;
+    if (!supportsMediaOutput()) return;
     createSpeakerDeviceWatcher().then((deviceWatcher) => {
       deviceWatcher.on("removed", async (data) => {
         var _a, _b;
@@ -799,8 +852,7 @@ var BaseRoomSessionConnection = class extends BaseConnection2 {
           });
           await ((_b = (_a = this._audioEl).setSinkId) == null ? void 0 : _b.call(_a, ""));
           const defaultSpeakers = await getSpeakerById("default");
-          if (!(defaultSpeakers == null ? void 0 : defaultSpeakers.deviceId))
-            return;
+          if (!(defaultSpeakers == null ? void 0 : defaultSpeakers.deviceId)) return;
           this.emit("speaker.updated", {
             previous: {
               deviceId: disconnectedSpeaker.payload.deviceId,
@@ -815,10 +867,12 @@ var BaseRoomSessionConnection = class extends BaseConnection2 {
       });
     });
   }
+  /** @internal */
   _finalize() {
     this._screenShareList.clear();
     super._finalize();
   }
+  /** @internal */
   async hangup(id) {
     this._screenShareList.forEach((screenShare) => {
       screenShare.leave();
@@ -828,14 +882,20 @@ var BaseRoomSessionConnection = class extends BaseConnection2 {
   leave() {
     return this.hangup();
   }
+  /**
+   * This method will be called by `join()` right before the
+   * `connect()` happens and it's a way for us to control
+   * exactly when the workers are attached.
+   * @internal
+   */
   attachPreConnectWorkers() {
     this.runWorker("memberListUpdated", {
       worker: memberListUpdatedWorker
     });
   }
+  /** @internal */
   getAudioEl() {
-    if (this._audioEl)
-      return this._audioEl;
+    if (this._audioEl) return this._audioEl;
     this._audioEl = new Audio();
     this._attachSpeakerTrackListener();
     return this._audioEl;
@@ -843,6 +903,9 @@ var BaseRoomSessionConnection = class extends BaseConnection2 {
   getMemberOverlay(memberId) {
     return this.overlayMap.get(addOverlayPrefix(memberId));
   }
+  /**
+   * Allow sharing the screen within the room.
+   */
   async startScreenShare(opts = {}) {
     return new Promise(async (resolve, reject) => {
       var _a;
@@ -906,23 +969,26 @@ var BaseRoomSessionConnection = class extends BaseConnection2 {
   }
   updateSpeaker({ deviceId }) {
     const prevId = this.audioEl.sinkId;
-    this.once(`${LOCAL_EVENT_PREFIX2}.speaker.updated`, async (newId) => {
-      const prevSpeaker = await getSpeakerById(prevId);
-      const newSpeaker = await getSpeakerById(newId);
-      const isSame = (newSpeaker == null ? void 0 : newSpeaker.deviceId) === (prevSpeaker == null ? void 0 : prevSpeaker.deviceId);
-      if (!(newSpeaker == null ? void 0 : newSpeaker.deviceId) || isSame)
-        return;
-      this.emit("speaker.updated", {
-        previous: {
-          deviceId: prevSpeaker == null ? void 0 : prevSpeaker.deviceId,
-          label: prevSpeaker == null ? void 0 : prevSpeaker.label
-        },
-        current: {
-          deviceId: newSpeaker.deviceId,
-          label: newSpeaker.label
-        }
-      });
-    });
+    this.once(
+      // @ts-expect-error
+      `${LOCAL_EVENT_PREFIX2}.speaker.updated`,
+      async (newId) => {
+        const prevSpeaker = await getSpeakerById(prevId);
+        const newSpeaker = await getSpeakerById(newId);
+        const isSame = (newSpeaker == null ? void 0 : newSpeaker.deviceId) === (prevSpeaker == null ? void 0 : prevSpeaker.deviceId);
+        if (!(newSpeaker == null ? void 0 : newSpeaker.deviceId) || isSame) return;
+        this.emit("speaker.updated", {
+          previous: {
+            deviceId: prevSpeaker == null ? void 0 : prevSpeaker.deviceId,
+            label: prevSpeaker == null ? void 0 : prevSpeaker.label
+          },
+          current: {
+            deviceId: newSpeaker.deviceId,
+            label: newSpeaker.label
+          }
+        });
+      }
+    );
     return this.triggerCustomSaga(audioSetSpeakerAction(deviceId));
   }
 };
@@ -971,7 +1037,9 @@ var VideoRoomSessionConnection = class extends BaseRoomSessionConnection {
   }
   get currentPosition() {
     var _a, _b;
-    return (_b = (_a = this._currentLayoutEvent) == null ? void 0 : _a.layout.layers.find((layer) => layer.member_id === this.memberId)) == null ? void 0 : _b.position;
+    return (_b = (_a = this._currentLayoutEvent) == null ? void 0 : _a.layout.layers.find(
+      (layer) => layer.member_id === this.memberId
+    )) == null ? void 0 : _b.position;
   }
   get deviceList() {
     return Array.from(this._deviceList);
@@ -995,16 +1063,21 @@ var VideoRoomSessionConnection = class extends BaseRoomSessionConnection {
       worker: videoWorker
     });
   }
+  /** @internal */
   getSubscriptions() {
     const eventNamesWithPrefix = this.eventNames().map((event) => {
       return `video.${String(event)}`;
     });
-    return validateEventsToSubscribe3(eventNamesWithPrefix);
+    return validateEventsToSubscribe3(
+      eventNamesWithPrefix
+    );
   }
+  /** @internal */
   _finalize() {
     this._deviceList.clear();
     super._finalize();
   }
+  /** @internal */
   async hangup(id) {
     this._deviceList.forEach((device) => {
       device.leave();
@@ -1014,15 +1087,27 @@ var VideoRoomSessionConnection = class extends BaseRoomSessionConnection {
   join() {
     return super.invite();
   }
+  /**
+   * @deprecated Use {@link getLayouts} instead. `getLayoutList` will
+   * be removed in v3.0.0
+   */
   getLayoutList() {
     return this.getLayouts();
   }
+  /**
+   * @deprecated Use {@link getMembers} instead. `getMemberList` will
+   * be removed in v3.0.0
+   */
   getMemberList() {
     return this.getMembers();
   }
+  /** @deprecated Use {@link startScreenShare} instead. */
   async createScreenShareObject(opts = {}) {
     return this.startScreenShare(opts);
   }
+  /**
+   * Allow to add a camera to the room.
+   */
   addCamera(opts = {}) {
     const _a = opts, { autoJoin = true } = _a, video = __objRest(_a, ["autoJoin"]);
     return this.addDevice({
@@ -1030,6 +1115,9 @@ var VideoRoomSessionConnection = class extends BaseRoomSessionConnection {
       video
     });
   }
+  /**
+   * Allow to add a microphone to the room.
+   */
   addMicrophone(opts = {}) {
     const _a = opts, { autoJoin = true } = _a, audio = __objRest(_a, ["autoJoin"]);
     return this.addDevice({
@@ -1037,12 +1125,17 @@ var VideoRoomSessionConnection = class extends BaseRoomSessionConnection {
       audio
     });
   }
+  /**
+   * Allow to add additional devices to the room like cameras or microphones.
+   */
   async addDevice(opts = {}) {
     return new Promise(async (resolve, reject) => {
       var _a;
       const { autoJoin = true, audio = false, video = false } = opts;
       if (!audio && !video) {
-        throw new TypeError("At least one of `audio` or `video` must be requested.");
+        throw new TypeError(
+          "At least one of `audio` or `video` must be requested."
+        );
       }
       const options = __spreadProps(__spreadValues({}, this.options), {
         localStream: void 0,
@@ -1189,19 +1282,35 @@ import {
 } from "@signalwire/core";
 var wsClientWorker = function* (options) {
   getLogger12().debug("wsClientWorker started");
-  const { channels, initialState } = options;
+  const { channels, initialState, instance: client } = options;
   const { swEventChannel } = channels;
   const { handleIncomingInvite } = initialState;
+  function* fireHoseWorker(action) {
+    client.emit(action.type, action.payload);
+  }
+  function* vertoInviteWorker(action) {
+    handleIncomingInvite(action.payload.params);
+  }
+  const isVertoInvite = (action) => {
+    if (action.type === "webrtc.message") {
+      return action.payload.method === "verto.invite";
+    }
+    return false;
+  };
   try {
     while (true) {
-      const action = yield sagaEffects6.take(swEventChannel, (action2) => {
-        if (action2.type === "webrtc.message") {
-          return action2.payload.method === "verto.invite";
-        }
-        return false;
-      });
-      getLogger12().debug("Receiving a new call over WebSocket", action);
-      handleIncomingInvite(action.payload.params);
+      const action = yield sagaEffects6.take(
+        swEventChannel,
+        () => true
+      );
+      yield sagaEffects6.fork(fireHoseWorker, action);
+      if (isVertoInvite(action)) {
+        getLogger12().debug("Receiving a call over WebSocket", action);
+        yield sagaEffects6.fork(
+          vertoInviteWorker,
+          action
+        );
+      }
     }
   } finally {
     getLogger12().trace("wsClientWorker ended");
@@ -1224,7 +1333,10 @@ var conversationWorker = function* (options) {
     return action.type.startsWith("conversation.");
   };
   while (true) {
-    const action = yield sagaEffects7.take(swEventChannel, isConversationEvent);
+    const action = yield sagaEffects7.take(
+      swEventChannel,
+      isConversationEvent
+    );
     conversation.handleEvent(action.payload);
   }
   getLogger13().trace("conversationWorker ended");
@@ -1313,6 +1425,7 @@ var FabricRoomSessionMemberAPI = class extends BaseComponent {
   get subscriberData() {
     return this._payload.member.subscriber_data;
   }
+  /** @internal */
   setPayload(payload) {
     const newPayload = __spreadProps(__spreadValues(__spreadValues({}, this._payload), payload), {
       member: __spreadValues(__spreadValues({}, this._payload.member), payload.member)
@@ -1359,7 +1472,6 @@ import {
   getLogger as getLogger16,
   sagaEffects as sagaEffects8,
   MemberPosition as MemberPosition2,
-  mapCapabilityPayload,
   stripNamespacePrefix as stripNamespacePrefix6
 } from "@signalwire/core";
 
@@ -1436,7 +1548,9 @@ var mapInternalFabricMemberToInternalVideoMemberEntity = (params) => {
 };
 var mapInternalFabricMemberToInternalVideoMemberUpdatedEntity = (params) => {
   return __spreadProps(__spreadValues({}, mapInternalFabricMemberToInternalVideoMemberEntity(params)), {
-    updated: params.updated.map((key) => key === "member_id" ? "id" : key)
+    updated: params.updated.map(
+      (key) => key === "member_id" ? "id" : key
+    )
   });
 };
 var mapInternalFabricRoomToInternalVideoRoomEntity = (params) => {
@@ -1470,7 +1584,9 @@ var mapInternalFabricRoomToInternalVideoRoomSessionEntity = (params) => {
     layout_name: params.layout_name,
     locked: params.locked,
     meta: params.meta,
-    members: params.members.map(mapInternalFabricMemberToInternalVideoMemberEntity),
+    members: params.members.map(
+      mapInternalFabricMemberToInternalVideoMemberEntity
+    ),
     streaming: params.streaming,
     streams: params.streams,
     prioritize_handraise: params.prioritize_handraise,
@@ -1482,10 +1598,16 @@ var mapCallJoinedToRoomSubscribedEventParams = (params) => {
     call_id: params.call_id,
     member_id: params.member_id,
     room: __spreadProps(__spreadValues({}, mapInternalFabricRoomToInternalVideoRoomEntity(params.room_session)), {
-      members: params.room_session.members.map(mapInternalFabricMemberToInternalVideoMemberEntity)
+      members: params.room_session.members.map(
+        mapInternalFabricMemberToInternalVideoMemberEntity
+      )
     }),
-    room_session: __spreadProps(__spreadValues({}, mapInternalFabricRoomToInternalVideoRoomSessionEntity(params.room_session)), {
-      members: params.room_session.members.map(mapInternalFabricMemberToInternalVideoMemberEntity)
+    room_session: __spreadProps(__spreadValues({}, mapInternalFabricRoomToInternalVideoRoomSessionEntity(
+      params.room_session
+    )), {
+      members: params.room_session.members.map(
+        mapInternalFabricMemberToInternalVideoMemberEntity
+      )
     })
   };
 };
@@ -1506,13 +1628,17 @@ var mapFabricMemberEventToVideoMemberUpdatedEventParams = (params) => {
   return {
     room_session_id: params.room_session_id,
     room_id: params.room_id,
-    member: mapInternalFabricMemberToInternalVideoMemberUpdatedEntity(params.member)
+    member: mapInternalFabricMemberToInternalVideoMemberUpdatedEntity(
+      params.member
+    )
   };
 };
 var mapFabricMemberActionToVideoMemberUpdatedAction = (action) => {
   return {
     type: `video.${action.type}`,
-    payload: mapFabricMemberEventToVideoMemberUpdatedEventParams(action.payload)
+    payload: mapFabricMemberEventToVideoMemberUpdatedEventParams(
+      action.payload
+    )
   };
 };
 var mapFabricLayoutActionToVideoLayoutAction = (action) => {
@@ -1522,6 +1648,146 @@ var mapFabricLayoutActionToVideoLayoutAction = (action) => {
   };
 };
 
+// src/fabric/utils/capabilitiesHelpers.ts
+var CapabilityOnOffState = class {
+  constructor(_flags) {
+    this._flags = _flags;
+  }
+  get on() {
+    return this._flags.some((flag) => !flag.endsWith(".off"));
+  }
+  get off() {
+    return this._flags.some((flag) => !flag.endsWith(".on"));
+  }
+};
+var MemberCapability = class {
+  constructor(_flags, _memberType) {
+    this._flags = _flags;
+    this._memberType = _memberType;
+    __publicField(this, "_muteAudio");
+    __publicField(this, "_muteVideo");
+    __publicField(this, "_deaf");
+  }
+  get muteAudio() {
+    var _a;
+    this._muteAudio = (_a = this._muteAudio) != null ? _a : new CapabilityOnOffState(
+      this._flags.filter(
+        (flag) => flag === this._memberType || flag === `${this._memberType}.mute` || flag.startsWith(`${this._memberType}.mute.audio`)
+      )
+    );
+    return this._muteAudio;
+  }
+  get muteVideo() {
+    var _a;
+    this._muteVideo = (_a = this._muteVideo) != null ? _a : new CapabilityOnOffState(
+      this._flags.filter(
+        (flag) => flag === this._memberType || flag === `${this._memberType}.mute` || flag.startsWith(`${this._memberType}.mute.video`)
+      )
+    );
+    return this._muteVideo;
+  }
+  get microphoneVolume() {
+    return this._flags.some(
+      (flag) => flag === this._memberType || flag === `${this._memberType}.microphone` || flag.startsWith(`${this._memberType}.microphone.volume`)
+    );
+  }
+  get microphoneSensitivity() {
+    return this._flags.some(
+      (flag) => flag === this._memberType || flag === `${this._memberType}.microphone` || flag.startsWith(`${this._memberType}.microphone.sensitivity`)
+    );
+  }
+  get speakerVolume() {
+    return this._flags.some(
+      (flag) => flag === this._memberType || flag === `${this._memberType}.speaker` || flag.startsWith(`${this._memberType}.speaker.volume`)
+    );
+  }
+  get deaf() {
+    var _a;
+    this._deaf = (_a = this._deaf) != null ? _a : new CapabilityOnOffState(
+      this._flags.filter(
+        (flag) => flag === this._memberType || flag.startsWith(`${this._memberType}.deaf`)
+      )
+    );
+    return this._deaf;
+  }
+  get raisehand() {
+    return {
+      on: true,
+      off: true
+    };
+  }
+  get position() {
+    return this._flags.some(
+      (flag) => flag === this._memberType || flag.startsWith(`${this._memberType}.position`)
+    );
+  }
+  get meta() {
+    return this._flags.some(
+      (flag) => flag === this._memberType || flag.startsWith(`${this._memberType}.meta`)
+    );
+  }
+  get remove() {
+    return this._flags.some(
+      (flag) => flag === this._memberType || flag.startsWith(`${this._memberType}.remove`)
+    );
+  }
+};
+var CallCapabilities = class {
+  constructor(_flags) {
+    this._flags = _flags;
+    __publicField(this, "_self");
+    __publicField(this, "_member");
+    __publicField(this, "_vmutedHide");
+    __publicField(this, "_lock");
+  }
+  _buildMemberCapability(memberType) {
+    return new MemberCapability(
+      this._flags.filter((flag) => flag.startsWith(memberType)),
+      memberType
+    );
+  }
+  get self() {
+    var _a;
+    this._self = (_a = this._self) != null ? _a : this._buildMemberCapability("self");
+    return this._self;
+  }
+  get member() {
+    var _a;
+    this._member = (_a = this._member) != null ? _a : this._buildMemberCapability("member");
+    return this._member;
+  }
+  get end() {
+    return this._flags.some((capability) => capability === "end");
+  }
+  get setLayout() {
+    return this._flags.some((capability) => capability.startsWith("layout"));
+  }
+  get sendDigit() {
+    return this._flags.some((capability) => capability.startsWith("digit"));
+  }
+  get vmutedHide() {
+    var _a;
+    this._vmutedHide = (_a = this._vmutedHide) != null ? _a : new CapabilityOnOffState(
+      this._flags.filter((flag) => flag.startsWith("vmuted"))
+    );
+    return this._vmutedHide;
+  }
+  get lock() {
+    var _a;
+    this._lock = (_a = this._lock) != null ? _a : new CapabilityOnOffState(
+      this._flags.filter((flag) => flag.startsWith("lock"))
+    );
+    return this._lock;
+  }
+  get device() {
+    return this._flags.some((capability) => capability === "device");
+  }
+  get screenshare() {
+    return this._flags.some((capability) => capability === "screenshare");
+  }
+};
+var mapCapabilityPayload = (capabilities) => new CallCapabilities(capabilities);
+
 // src/fabric/workers/callJoinWorker.ts
 var callJoinWorker = function* (options) {
   var _a;
@@ -1530,6 +1796,11 @@ var callJoinWorker = function* (options) {
   const { payload } = action;
   const { get, set } = instanceMap;
   yield sagaEffects8.fork(MemberPosition2.memberPositionWorker, __spreadProps(__spreadValues({}, options), {
+    /**
+     * The {@link memberPositionWorker} worker understands only the Video SDK events.
+     * So, we need to map CF SDK event to Video SDK event.
+     * Similar to what we do in the {@link callSegmentWorker}, for member events.
+     */
     initialState: mapCallJoinedToRoomSubscribedEventParams(payload),
     dispatcher: function* (subType, subPayload) {
       const fabricType = stripNamespacePrefix6(subType, "video");
@@ -1564,10 +1835,11 @@ var callJoinWorker = function* (options) {
     set(member.member_id, memberInstance);
   });
   cfRoomSession.member = get(payload.member_id);
-  cfRoomSession.capabilities = mapCapabilityPayload(payload.capabilities || []);
-  cfRoomSession.emit("call.joined", __spreadProps(__spreadValues({}, payload), {
+  cfRoomSession.capabilities = mapCapabilityPayload(payload.capabilities);
+  const fabricEvent = __spreadProps(__spreadValues({}, payload), {
     capabilities: cfRoomSession.capabilities
-  }));
+  });
+  cfRoomSession.emit("call.joined", fabricEvent);
   getLogger16().trace("callJoinWorker ended");
 };
 
@@ -1580,7 +1852,9 @@ var callSegmentWorker = function* (options) {
   } = options;
   const segmentCallId = action.payload.call_id;
   const segmentRooSessionId = action.payload.room_session_id;
-  getLogger17().debug(`callSegmentWorker started for: callId ${segmentCallId}, roomSessionId ${segmentRooSessionId}`);
+  getLogger17().debug(
+    `callSegmentWorker started for: callId ${segmentCallId}, roomSessionId ${segmentRooSessionId}`
+  );
   yield sagaEffects9.fork(callJoinWorker, __spreadProps(__spreadValues({}, options), {
     action
   }));
@@ -1607,6 +1881,20 @@ var callSegmentWorker = function* (options) {
       case "call.room":
         cfRoomSession.emit(type, payload);
         break;
+      /**
+       * The Core module includes a generic worker, {@link memberPositionWorker},
+       * which listens for member & layout events to add a "current_position" parameter
+       * and handle member "updated" parameter.
+       * This worker in CF SDK is initialized by the {@link callJoinWorker} worker.
+       *
+       * To ensure compatibility, we map these events to Video SDK events and
+       * re-publish them on the channel so that they can be processed by the
+       * generic worker. Note that the generic worker only dispatches "member.updated"
+       * and "member.updated.*" events.
+       *
+       * Additionally, the "member.joined" event is monitored by another worker,
+       * {@link childMemberJoinedWorker}, specifically for the screen share API.
+       */
       case "member.joined":
       case "member.left": {
         yield sagaEffects9.fork(fabricMemberWorker, __spreadProps(__spreadValues({}, options), {
@@ -1651,11 +1939,13 @@ var callSegmentWorker = function* (options) {
     return false;
   };
   while (true) {
-    const action2 = yield sagaEffects9.take(swEventChannel, isSegmentEvent);
+    const action2 = yield sagaEffects9.take(
+      swEventChannel,
+      isSegmentEvent
+    );
     const task = yield sagaEffects9.fork(worker, action2);
     const shouldStop = yield sagaEffects9.join(task);
-    if (shouldStop)
-      return;
+    if (shouldStop) return;
   }
 };
 
@@ -1674,7 +1964,9 @@ var fabricWorker = function* (options) {
           const memberInstance = createFabricRoomSessionMemberObject({
             store: cfRoomSession.store,
             payload: {
-              member: action.payload.room_session.members.find((m) => m.member_id === action.payload.member_id),
+              member: action.payload.room_session.members.find(
+                (m) => m.member_id === action.payload.member_id
+              ),
               room_id: action.payload.room_id,
               room_session_id: action.payload.room_session_id
             }
@@ -1712,7 +2004,10 @@ var fabricWorker = function* (options) {
     return true;
   };
   while (true) {
-    const action = yield sagaEffects10.take(swEventChannel, isFirstCallJoinedorCallStateEvent);
+    const action = yield sagaEffects10.take(
+      swEventChannel,
+      isFirstCallJoinedorCallStateEvent
+    );
     yield sagaEffects10.fork(worker, action);
   }
   getLogger18().trace("fabricWorker ended");
@@ -1722,10 +2017,13 @@ var fabricWorker = function* (options) {
 var FabricRoomSessionConnection = class extends BaseRoomSessionConnection {
   constructor(options) {
     super(options);
+    // this is "self" parameter required by the RPC, and is always "the member" on the 1st call segment
     __publicField(this, "_self");
+    // this is "the member" on the last/active call segment
     __publicField(this, "_member");
     __publicField(this, "_currentLayoutEvent");
-    __publicField(this, "_capabilities", {});
+    //describes what are methods are allow for the user in a call segment
+    __publicField(this, "_capabilities");
     this.initWorker();
   }
   get memberId() {
@@ -1744,7 +2042,9 @@ var FabricRoomSessionConnection = class extends BaseRoomSessionConnection {
   }
   get currentPosition() {
     var _a, _b;
-    return (_b = (_a = this._currentLayoutEvent) == null ? void 0 : _a.layout.layers.find((layer) => layer.member_id === this.memberId)) == null ? void 0 : _b.position;
+    return (_b = (_a = this._currentLayoutEvent) == null ? void 0 : _a.layout.layers.find(
+      (layer) => layer.member_id === this.memberId
+    )) == null ? void 0 : _b.position;
   }
   get capabilities() {
     return this._capabilities;
@@ -1779,37 +2079,44 @@ var FabricRoomSessionConnection = class extends BaseRoomSessionConnection {
     if (this.options.attach) {
       this.options.prevCallId = (_b = (_a = getStorage()) == null ? void 0 : _a.getItem(PREVIOUS_CALLID_STORAGE_KEY)) != null ? _b : void 0;
     }
-    this.logger.debug(`Tying to reattach to previuos call? ${!!this.options.prevCallId} - prevCallId: ${this.options.prevCallId}`);
+    this.logger.debug(
+      `Tying to reattach to previuos call? ${!!this.options.prevCallId} - prevCallId: ${this.options.prevCallId}`
+    );
     return super.invite();
   }
   executeAction(params, options = {}) {
     var _a, _b, _c;
     const { method, channel, memberId, extraParams = {} } = params;
     const targetMember = memberId ? this.instanceMap.get(memberId) : this.member;
-    if (!targetMember)
-      throw new Error("No target param found to execute");
-    return this.execute({
-      method,
-      params: __spreadValues(__spreadProps(__spreadValues({}, channel && { channels: [channel] }), {
-        self: {
-          member_id: (_a = this.selfMember) == null ? void 0 : _a.id,
-          call_id: (_b = this.selfMember) == null ? void 0 : _b.callId,
-          node_id: (_c = this.selfMember) == null ? void 0 : _c.nodeId
-        },
-        target: {
-          member_id: targetMember.id,
-          call_id: targetMember.callId,
-          node_id: targetMember.nodeId
-        }
-      }), extraParams)
-    }, options);
+    if (!targetMember) throw new Error("No target param found to execute");
+    return this.execute(
+      {
+        method,
+        params: __spreadValues(__spreadProps(__spreadValues({}, channel && { channels: [channel] }), {
+          self: {
+            member_id: (_a = this.selfMember) == null ? void 0 : _a.id,
+            call_id: (_b = this.selfMember) == null ? void 0 : _b.callId,
+            node_id: (_c = this.selfMember) == null ? void 0 : _c.nodeId
+          },
+          target: {
+            member_id: targetMember.id,
+            call_id: targetMember.callId,
+            node_id: targetMember.nodeId
+          }
+        }), extraParams)
+      },
+      options
+    );
   }
+  /** @internal */
   async resume() {
     var _a;
     this.logger.warn(`[resume] Call ${this.id}`);
     if ((_a = this.peer) == null ? void 0 : _a.instance) {
       const { connectionState } = this.peer.instance;
-      this.logger.debug(`[resume] connectionState for ${this.id} is '${connectionState}'`);
+      this.logger.debug(
+        `[resume] connectionState for ${this.id} is '${connectionState}'`
+      );
       if (["closed", "failed", "disconnected"].includes(connectionState)) {
         this.resuming = true;
         this.peer.restartIce();
@@ -1836,8 +2143,8 @@ var FabricRoomSessionConnection = class extends BaseRoomSessionConnection {
     });
   }
   async audioMute(params) {
-    var _a, _b, _c, _d;
-    if (!params || params.memberId === this.member.id ? !((_b = (_a = this.capabilities.self) == null ? void 0 : _a.muteAudio) == null ? void 0 : _b.off) : !((_d = (_c = this.capabilities.member) == null ? void 0 : _c.muteAudio) == null ? void 0 : _d.off)) {
+    var _a, _b;
+    if (!params || params.memberId === this.member.id ? !((_a = this.capabilities) == null ? void 0 : _a.self.muteAudio.off) : !((_b = this.capabilities) == null ? void 0 : _b.member.muteAudio.off)) {
       throw Error("Missing audio mute capability");
     }
     return this.executeAction({
@@ -1847,8 +2154,8 @@ var FabricRoomSessionConnection = class extends BaseRoomSessionConnection {
     });
   }
   async audioUnmute(params) {
-    var _a, _b, _c, _d;
-    if (!params || params.memberId === this.member.id ? !((_b = (_a = this.capabilities.self) == null ? void 0 : _a.muteAudio) == null ? void 0 : _b.on) : !((_d = (_c = this.capabilities.member) == null ? void 0 : _c.muteAudio) == null ? void 0 : _d.on)) {
+    var _a, _b;
+    if (!params || params.memberId === this.member.id ? !((_a = this.capabilities) == null ? void 0 : _a.self.muteAudio.on) : !((_b = this.capabilities) == null ? void 0 : _b.member.muteAudio.on)) {
       throw Error("Missing audio unmute capability");
     }
     return this.executeAction({
@@ -1858,8 +2165,8 @@ var FabricRoomSessionConnection = class extends BaseRoomSessionConnection {
     });
   }
   async videoMute(params) {
-    var _a, _b, _c, _d;
-    if (!params || params.memberId === this.member.id ? !((_b = (_a = this.capabilities.self) == null ? void 0 : _a.muteVideo) == null ? void 0 : _b.off) : !((_d = (_c = this.capabilities.member) == null ? void 0 : _c.muteVideo) == null ? void 0 : _d.on)) {
+    var _a, _b;
+    if (!params || params.memberId === this.member.id ? !((_a = this.capabilities) == null ? void 0 : _a.self.muteVideo.off) : !((_b = this.capabilities) == null ? void 0 : _b.member.muteVideo.on)) {
       throw Error("Missing video mute capability");
     }
     return this.executeAction({
@@ -1869,8 +2176,8 @@ var FabricRoomSessionConnection = class extends BaseRoomSessionConnection {
     });
   }
   async videoUnmute(params) {
-    var _a, _b, _c, _d;
-    if (!params || params.memberId === this.member.id ? !((_b = (_a = this.capabilities.self) == null ? void 0 : _a.muteVideo) == null ? void 0 : _b.on) : !((_d = (_c = this.capabilities.member) == null ? void 0 : _c.muteVideo) == null ? void 0 : _d.on)) {
+    var _a, _b;
+    if (!params || params.memberId === this.member.id ? !((_a = this.capabilities) == null ? void 0 : _a.self.muteVideo.on) : !((_b = this.capabilities) == null ? void 0 : _b.member.muteVideo.on)) {
       throw Error("Missing video unmute capability");
     }
     return this.executeAction({
@@ -1880,8 +2187,8 @@ var FabricRoomSessionConnection = class extends BaseRoomSessionConnection {
     });
   }
   async deaf(params) {
-    var _a, _b, _c, _d;
-    if (!params || params.memberId === this.member.id ? !((_b = (_a = this.capabilities.self) == null ? void 0 : _a.deaf) == null ? void 0 : _b.on) : !((_d = (_c = this.capabilities.member) == null ? void 0 : _c.deaf) == null ? void 0 : _d.on)) {
+    var _a, _b;
+    if (!params || params.memberId === this.member.id ? !((_a = this.capabilities) == null ? void 0 : _a.self.deaf.on) : !((_b = this.capabilities) == null ? void 0 : _b.member.deaf.on)) {
       throw Error("Missing deaf capability");
     }
     return this.executeAction({
@@ -1890,8 +2197,8 @@ var FabricRoomSessionConnection = class extends BaseRoomSessionConnection {
     });
   }
   async undeaf(params) {
-    var _a, _b, _c, _d;
-    if (!params || params.memberId === this.member.id ? !((_b = (_a = this.capabilities.self) == null ? void 0 : _a.deaf) == null ? void 0 : _b.off) : !((_d = (_c = this.capabilities.member) == null ? void 0 : _c.deaf) == null ? void 0 : _d.off)) {
+    var _a, _b;
+    if (!params || params.memberId === this.member.id ? !((_a = this.capabilities) == null ? void 0 : _a.self.deaf.off) : !((_b = this.capabilities) == null ? void 0 : _b.member.deaf.off)) {
       throw Error("Missing undeaf capability");
     }
     return this.executeAction({
@@ -1900,26 +2207,32 @@ var FabricRoomSessionConnection = class extends BaseRoomSessionConnection {
     });
   }
   async getLayouts() {
-    return this.executeAction({
-      method: "call.layout.list"
-    }, {
-      transformResolve: (payload) => ({
-        layouts: payload.layouts
-      })
-    });
+    return this.executeAction(
+      {
+        method: "call.layout.list"
+      },
+      {
+        transformResolve: (payload) => ({
+          layouts: payload.layouts
+        })
+      }
+    );
   }
   async getMembers() {
-    return this.executeAction({
-      method: "call.member.list"
-    }, {
-      transformResolve: (payload) => ({
-        members: payload.members
-      })
-    });
+    return this.executeAction(
+      {
+        method: "call.member.list"
+      },
+      {
+        transformResolve: (payload) => ({
+          members: payload.members
+        })
+      }
+    );
   }
   async removeMember(params) {
     var _a;
-    if (!((_a = this.capabilities.member) == null ? void 0 : _a.remove)) {
+    if (!((_a = this.capabilities) == null ? void 0 : _a.member.remove)) {
       throw Error("Missing setLayout capability");
     }
     if (!(params == null ? void 0 : params.memberId)) {
@@ -1931,12 +2244,12 @@ var FabricRoomSessionConnection = class extends BaseRoomSessionConnection {
     });
   }
   async setRaisedHand(params) {
-    var _a, _b, _c, _d, _e, _f, _g, _h;
+    var _a, _b, _c, _d;
     const { raised = true, memberId } = params || {};
-    if (memberId == this.member.id && raised ? !((_b = (_a = this.capabilities.self) == null ? void 0 : _a.raisehand) == null ? void 0 : _b.on) : !((_d = (_c = this.capabilities.member) == null ? void 0 : _c.raisehand) == null ? void 0 : _d.on)) {
+    if (memberId == this.member.id && raised ? !((_a = this.capabilities) == null ? void 0 : _a.self.raisehand.on) : !((_b = this.capabilities) == null ? void 0 : _b.member.raisehand.on)) {
       throw Error("Missing raisehand capability");
     }
-    if (memberId == this.member.id && !raised ? !((_f = (_e = this.capabilities.self) == null ? void 0 : _e.raisehand) == null ? void 0 : _f.off) : !((_h = (_g = this.capabilities.member) == null ? void 0 : _g.raisehand) == null ? void 0 : _h.off)) {
+    if (memberId == this.member.id && !raised ? !((_c = this.capabilities) == null ? void 0 : _c.self.raisehand.off) : !((_d = this.capabilities) == null ? void 0 : _d.member.raisehand.off)) {
       throw Error("Missing lowerhand capability");
     }
     return this.executeAction({
@@ -1945,7 +2258,8 @@ var FabricRoomSessionConnection = class extends BaseRoomSessionConnection {
     });
   }
   async setLayout(params) {
-    if (!this.capabilities.setLayout) {
+    var _a;
+    if (!((_a = this.capabilities) == null ? void 0 : _a.setLayout)) {
       throw Error("Missing setLayout capability");
     }
     const extraParams = {
@@ -1959,7 +2273,7 @@ var FabricRoomSessionConnection = class extends BaseRoomSessionConnection {
   }
   async setInputVolume(params) {
     var _a, _b;
-    if (!params || params.memberId === this.member.id ? !((_a = this.capabilities.self) == null ? void 0 : _a.microphoneVolume) : !((_b = this.capabilities.member) == null ? void 0 : _b.microphoneVolume)) {
+    if (!params || params.memberId === this.member.id ? !((_a = this.capabilities) == null ? void 0 : _a.self.microphoneVolume) : !((_b = this.capabilities) == null ? void 0 : _b.member.microphoneVolume)) {
       throw Error("Missing setInputVolume capability");
     }
     return this.executeAction({
@@ -1972,7 +2286,7 @@ var FabricRoomSessionConnection = class extends BaseRoomSessionConnection {
   }
   async setOutputVolume(params) {
     var _a, _b;
-    if (!params || params.memberId === this.member.id ? !((_a = this.capabilities.self) == null ? void 0 : _a.speakerVolume) : !((_b = this.capabilities.member) == null ? void 0 : _b.speakerVolume)) {
+    if (!params || params.memberId === this.member.id ? !((_a = this.capabilities) == null ? void 0 : _a.self.speakerVolume) : !((_b = this.capabilities) == null ? void 0 : _b.member.speakerVolume)) {
       throw Error("Missing setOutputVolume capability");
     }
     return this.executeAction({
@@ -1985,7 +2299,7 @@ var FabricRoomSessionConnection = class extends BaseRoomSessionConnection {
   }
   async setInputSensitivity(params) {
     var _a, _b;
-    if (!params || params.memberId === this.member.id ? !((_a = this.capabilities.self) == null ? void 0 : _a.microphoneSensitivity) : !((_b = this.capabilities.member) == null ? void 0 : _b.microphoneSensitivity)) {
+    if (!params || params.memberId === this.member.id ? !((_a = this.capabilities) == null ? void 0 : _a.self.microphoneSensitivity) : !((_b = this.capabilities) == null ? void 0 : _b.member.microphoneSensitivity)) {
       throw Error("Missing setOutputVolume capability");
     }
     return this.executeAction({
@@ -2002,7 +2316,9 @@ var FabricRoomSessionConnection = class extends BaseRoomSessionConnection {
     if (positions && !Object.keys(positions).length) {
       throw new Error("Invalid positions");
     }
-    if (Object.keys(positions).some((p) => ["self", `${this.memberId}`].includes(p)) ? !((_a = this.capabilities.self) == null ? void 0 : _a.position) : !((_b = this.capabilities.member) == null ? void 0 : _b.position)) {
+    if (Object.keys(positions).some(
+      (p) => ["self", `${this.memberId}`].includes(p)
+    ) ? !((_a = this.capabilities) == null ? void 0 : _a.self.position) : !((_b = this.capabilities) == null ? void 0 : _b.member.position)) {
       throw Error("Missing setPositions capability");
     }
     const targets = [];
@@ -2036,7 +2352,7 @@ var FabricRoomSessionConnection = class extends BaseRoomSessionConnection {
   }
   async lock() {
     var _a;
-    if (!((_a = this.capabilities.lock) == null ? void 0 : _a.on)) {
+    if (!((_a = this.capabilities) == null ? void 0 : _a.lock.on)) {
       throw Error("Missing lock capability");
     }
     return this.executeAction({
@@ -2045,7 +2361,7 @@ var FabricRoomSessionConnection = class extends BaseRoomSessionConnection {
   }
   async unlock() {
     var _a;
-    if (!((_a = this.capabilities.lock) == null ? void 0 : _a.off)) {
+    if (!((_a = this.capabilities) == null ? void 0 : _a.lock.off)) {
       throw Error("Missing unlock capability");
     }
     return this.executeAction({
@@ -2123,16 +2439,29 @@ var LocalVideoOverlay = class extends UserOverlay {
   }
   attachListeners() {
     if (isFabricRoomSession(this._room)) {
-      this._room.on("member.updated.videoMuted", this.fabricMemberVideoMutedHandler);
+      this._room.on(
+        "member.updated.videoMuted",
+        this.fabricMemberVideoMutedHandler
+      );
     } else if (isVideoRoomSession(this._room)) {
-      this._room.on("member.updated.videoMuted", this.videoMemberVideoMutedHandler);
+      this._room.on(
+        "member.updated.videoMuted",
+        this.videoMemberVideoMutedHandler
+      );
     }
   }
+  /** @internal */
   detachListeners() {
     if (isFabricRoomSession(this._room)) {
-      this._room.off("member.updated.videoMuted", this.fabricMemberVideoMutedHandler);
+      this._room.off(
+        "member.updated.videoMuted",
+        this.fabricMemberVideoMutedHandler
+      );
     } else if (isVideoRoomSession(this._room)) {
-      this._room.off("member.updated.videoMuted", this.videoMemberVideoMutedHandler);
+      this._room.off(
+        "member.updated.videoMuted",
+        this.videoMemberVideoMutedHandler
+      );
     }
   }
   memberVideoMutedHandler(memberId, videoMuted) {
@@ -2145,7 +2474,10 @@ var LocalVideoOverlay = class extends UserOverlay {
     }
   }
   fabricMemberVideoMutedHandler(params) {
-    this.memberVideoMutedHandler(params.member.member_id, params.member.video_muted);
+    this.memberVideoMutedHandler(
+      params.member.member_id,
+      params.member.video_muted
+    );
   }
   videoMemberVideoMutedHandler(params) {
     this.memberVideoMutedHandler(params.member.id, params.member.video_muted);
@@ -2292,8 +2624,7 @@ var makeLayoutChangedHandler = (params) => {
       if (applyMemberOverlay) {
         layers.forEach((location) => {
           const memberIdInLocation = location.member_id;
-          if (!memberIdInLocation)
-            return;
+          if (!memberIdInLocation) return;
           const overlayId = addOverlayPrefix(memberIdInLocation);
           currentOverlayIds.add(overlayId);
           let overlay = overlayMap.get(overlayId);
@@ -2362,14 +2693,17 @@ var createRootElementResizeObserver = ({
       return `${height * nativeVideoRatio}px`;
     }
   };
-  const update = debounce(({ width, height }) => {
-    const maxPaddingBottom = video.videoHeight / video.videoWidth * 100;
-    if (paddingWrapper) {
-      const pb = height / width * 100;
-      paddingWrapper.style.paddingBottom = `${pb > maxPaddingBottom ? maxPaddingBottom : pb}%`;
-      paddingWrapper.style.width = computePaddingWrapperWidth(width, height);
-    }
-  }, 100);
+  const update = debounce(
+    ({ width, height }) => {
+      const maxPaddingBottom = video.videoHeight / video.videoWidth * 100;
+      if (paddingWrapper) {
+        const pb = height / width * 100;
+        paddingWrapper.style.paddingBottom = `${pb > maxPaddingBottom ? maxPaddingBottom : pb}%`;
+        paddingWrapper.style.width = computePaddingWrapperWidth(width, height);
+      }
+    },
+    100
+  );
   const observer = new ResizeObserver((entries) => {
     entries.forEach((entry) => {
       if (entry.contentBoxSize) {
@@ -2607,9 +2941,11 @@ var ClientAPI = class extends BaseClient {
           "stopMicrophoneWhileMuted"
         ]);
         const customSagas = [];
-        customSagas.push(makeAudioElementSaga({
-          speakerId: options.speakerId
-        }));
+        customSagas.push(
+          makeAudioElementSaga({
+            speakerId: options.speakerId
+          })
+        );
         const room = createVideoRoomSessionObject(__spreadProps(__spreadValues({}, options), {
           store: this.store,
           customSagas
@@ -2629,7 +2965,9 @@ var ClientAPI = class extends BaseClient {
         }
         room.on("room.subscribed", (params) => {
           var _a2;
-          const member = (_a2 = params.room_session.members) == null ? void 0 : _a2.find((m) => m.id === room.memberId);
+          const member = (_a2 = params.room_session.members) == null ? void 0 : _a2.find(
+            (m) => m.id === room.memberId
+          );
           if (member == null ? void 0 : member.audio_muted) {
             try {
               room.stopOutboundAudio();
@@ -2687,12 +3025,21 @@ var ClientAPI = class extends BaseClient {
     }
     return this._pubSub;
   }
+  /** @internal */
   get videoManager() {
     if (!this._videoManager) {
       this._videoManager = createVideoManagerObject(this.options);
     }
     return this._videoManager;
   }
+  /**
+   * Reauthenticate with the SignalWire network using a new token
+   * For now it returns void since with an invalid token the server
+   * will close the connection right away so we can hook on the session
+   * events in case. Need to improve it.
+   *
+   * @internal
+   */
   reauthenticate(token) {
     this.store.dispatch(actions3.reauthAction({ token }));
   }
@@ -2729,7 +3076,7 @@ var JWTSession = class extends BaseJWTSession {
     this.options = options;
     __publicField(this, "WebSocketConstructor", WebSocket);
     __publicField(this, "CloseEventConstructor", SwCloseEvent);
-    __publicField(this, "agent", "@signalwire/js/browser/3.28.0");
+    __publicField(this, "agent", "@signalwire/js/browser/3.28.1");
     __publicField(this, "tokenTyp");
     this.tokenTyp = (_a = decodedJwt.typ) != null ? _a : "VRT";
   }
@@ -2782,7 +3129,9 @@ var JWTSession = class extends BaseJWTSession {
   _onSocketClose(event) {
     var _a, _b, _c;
     if (this.status === "unknown" || this.status === "disconnected") {
-      const { protocolKey, authStateKey, callIdKey } = sessionStorageManager(this.options.token);
+      const { protocolKey, authStateKey, callIdKey } = sessionStorageManager(
+        this.options.token
+      );
       this.logger.debug("Cleaning up storage");
       if (protocolKey) {
         this.logger.debug("Remove protocolKey", protocolKey);
@@ -2871,7 +3220,9 @@ import { PubSub } from "@signalwire/core";
 
 // src/utils/interfaces/video.ts
 import { INTERNAL_MEMBER_UPDATABLE_PROPS } from "@signalwire/core";
-var INTERNAL_MEMBER_UPDATED_EVENTS = Object.keys(INTERNAL_MEMBER_UPDATABLE_PROPS).map((key) => {
+var INTERNAL_MEMBER_UPDATED_EVENTS = Object.keys(
+  INTERNAL_MEMBER_UPDATABLE_PROPS
+).map((key) => {
   return `member.updated.${key}`;
 });
 
@@ -2959,11 +3310,14 @@ var createHttpClient = (_a, fetcher = http) => {
       }, timeout);
     }
     try {
-      const response = await fetcher(getUrl({
-        path,
-        baseUrl,
-        searchParams: options == null ? void 0 : options.searchParams
-      }), reqInit);
+      const response = await fetcher(
+        getUrl({
+          path,
+          baseUrl,
+          searchParams: options == null ? void 0 : options.searchParams
+        }),
+        reqInit
+      );
       return { body: response.parsedBody };
     } catch (e) {
       throw e;
@@ -3009,8 +3363,7 @@ var getUrl = ({
 // src/utils/paginatedResult.ts
 function buildPaginatedResult(body, client) {
   const anotherPage = async (url) => {
-    if (!url)
-      return Promise.resolve(void 0);
+    if (!url) return Promise.resolve(void 0);
     const { body: body2 } = await client(url);
     return buildPaginatedResult(body2, client);
   };
@@ -3095,8 +3448,7 @@ var HTTPClient = class {
     }
     const { body } = await this.httpClient(path);
     if (isGetAddressesResponse(body)) {
-      if (!body.data[0])
-        throw new HttpError2(404, "Not Found");
+      if (!body.data[0]) throw new HttpError2(404, "Not Found");
       return body.data[0];
     }
     return body;
@@ -3205,6 +3557,7 @@ var Conversation = class {
       }
     });
   }
+  /** @internal */
   handleEvent(event) {
     if (event.subtype === "chat") {
       const chatCallbacks = this.chatSubscriptions[event.conversation_id];
@@ -3242,9 +3595,13 @@ var Conversation = class {
       if (pageSize) {
         queryParams.append("page_size", pageSize.toString());
       }
-      const { body } = await this.httpClient.fetch(makeQueryParamsUrls(path, queryParams));
+      const { body } = await this.httpClient.fetch(
+        makeQueryParamsUrls(path, queryParams)
+      );
       const self = this;
-      const data = body.data.map((conversation) => new ConversationAPI(self, conversation));
+      const data = body.data.map(
+        (conversation) => new ConversationAPI(self, conversation)
+      );
       return buildPaginatedResult(__spreadProps(__spreadValues({}, body), { data }), this.httpClient.fetch);
     } catch (error) {
       throw new Error("Error fetching the conversation history!", error);
@@ -3258,8 +3615,13 @@ var Conversation = class {
       if (pageSize) {
         queryParams.append("page_size", pageSize.toString());
       }
-      const { body } = await this.httpClient.fetch(makeQueryParamsUrls(path, queryParams));
-      return buildPaginatedResult(body, this.httpClient.fetch);
+      const { body } = await this.httpClient.fetch(
+        makeQueryParamsUrls(path, queryParams)
+      );
+      return buildPaginatedResult(
+        body,
+        this.httpClient.fetch
+      );
     } catch (error) {
       throw new Error("Error fetching the conversation messages!", error);
     }
@@ -3272,8 +3634,13 @@ var Conversation = class {
       if (pageSize) {
         queryParams.append("page_size", pageSize.toString());
       }
-      const { body } = await this.httpClient.fetch(makeQueryParamsUrls(path, queryParams));
-      return buildPaginatedResult(body, this.httpClient.fetch);
+      const { body } = await this.httpClient.fetch(
+        makeQueryParamsUrls(path, queryParams)
+      );
+      return buildPaginatedResult(
+        body,
+        this.httpClient.fetch
+      );
     } catch (error) {
       throw new Error("Error fetching the conversation messages!", error);
     }
@@ -3311,15 +3678,24 @@ var Conversation = class {
         hasNext: !!(conversationMessages == null ? void 0 : conversationMessages.hasNext) || !!cached.length,
         hasPrev: !!(conversationMessages == null ? void 0 : conversationMessages.hasPrev),
         nextPage: () => fetchChatMessagesPage(conversationMessages == null ? void 0 : conversationMessages.nextPage, missingReturns),
-        prevPage: () => fetchChatMessagesPage(conversationMessages == null ? void 0 : conversationMessages.prevPage, missingReturns, false),
+        prevPage: () => fetchChatMessagesPage(
+          conversationMessages == null ? void 0 : conversationMessages.prevPage,
+          missingReturns,
+          false
+        ),
         self: () => fetchChatMessagesPage(conversationMessages == null ? void 0 : conversationMessages.self, missingReturns),
-        firstPage: () => fetchChatMessagesPage(conversationMessages == null ? void 0 : conversationMessages.firstPage, missingReturns)
+        firstPage: () => fetchChatMessagesPage(
+          conversationMessages == null ? void 0 : conversationMessages.firstPage,
+          missingReturns
+        )
       };
     };
-    return fetchChatMessagesPage(() => this.getConversationMessages({
-      addressId,
-      pageSize
-    }));
+    return fetchChatMessagesPage(
+      () => this.getConversationMessages({
+        addressId,
+        pageSize
+      })
+    );
   }
   async subscribe(callback) {
     this.callbacks.add(callback);
@@ -3341,12 +3717,15 @@ var Conversation = class {
     try {
       const { addressId } = params;
       const path = "/api/fabric/conversations/join";
-      const { body } = await this.httpClient.fetch(path, {
-        method: "POST",
-        body: {
-          conversation_id: addressId
+      const { body } = await this.httpClient.fetch(
+        path,
+        {
+          method: "POST",
+          body: {
+            conversation_id: addressId
+          }
         }
-      });
+      );
       return body;
     } catch (error) {
       throw new Error("Error joining a conversation!", error);
@@ -3408,7 +3787,9 @@ var IncomingCallManager = class {
   handleIncomingInvite(incomingInvite) {
     var _a, _b;
     if (incomingInvite.callID in this._pendingInvites) {
-      this._client.logger.debug(`skiping nottification for pending invite to callID: ${incomingInvite.callID}`);
+      this._client.logger.debug(
+        `skiping nottification for pending invite to callID: ${incomingInvite.callID}`
+      );
       return;
     }
     this._pendingInvites[incomingInvite.callID] = incomingInvite;
@@ -3446,6 +3827,11 @@ var SATSession = class extends JWTSession {
   }
   async _checkTokenExpiration() {
   }
+  /**
+   * Reauthenticate with the SignalWire Network using a newer SAT.
+   * If the session has expired, this will reconnect it.
+   * @return Promise<void>
+   */
   async reauthenticate() {
     this.logger.debug("Session Reauthenticate", {
       ready: this.ready,
@@ -3534,7 +3920,10 @@ var WSClient = class extends BaseClient2 {
     }
     const joinMutedHandler = (params) => {
       var _a2;
-      const member = (_a2 = params.room_session.members) == null ? void 0 : _a2.find((m) => m.id === room.memberId || m.member_id === room.memberId);
+      const member = (_a2 = params.room_session.members) == null ? void 0 : _a2.find(
+        // @ts-expect-error FIXME:
+        (m) => m.id === room.memberId || m.member_id === room.memberId
+      );
       if (member == null ? void 0 : member.audio_muted) {
         try {
           room.stopOutboundAudio();
@@ -3600,7 +3989,7 @@ var WSClient = class extends BaseClient2 {
       stopCameraWhileMuted: true,
       stopMicrophoneWhileMuted: true,
       watchMediaPackets: false,
-      destinationNumber: pathname,
+      destinationNumber: params.to,
       nodeId: params.nodeId,
       attach: (_e = params.attach) != null ? _e : false,
       disableUdpIceServers: params.disableUdpIceServers || false,
@@ -3723,44 +4112,49 @@ var WSClient = class extends BaseClient2 {
     });
   }
   handlePushNotification(params) {
-    return new Promise(async (resolve, reject) => {
-      const { decrypted, type } = params;
-      if (type !== "call_invite") {
-        this.logger.warn("Unknown notification type", params);
-        reject("Unknown notification type");
-      }
-      this.logger.debug("handlePushNotification", params);
-      const {
-        params: { params: payload },
-        node_id: nodeId
-      } = decrypted;
-      try {
+    return new Promise(
+      async (resolve, reject) => {
+        const { decrypted, type } = params;
+        if (type !== "call_invite") {
+          this.logger.warn("Unknown notification type", params);
+          reject("Unknown notification type");
+        }
+        this.logger.debug("handlePushNotification", params);
+        const {
+          params: { params: payload },
+          node_id: nodeId
+        } = decrypted;
         try {
-          await this.executeVertoSubscribe(payload.callID, nodeId);
+          try {
+            await this.executeVertoSubscribe(payload.callID, nodeId);
+          } catch (error) {
+            this.logger.warn("Verto Subscribe", error);
+          }
+          this._incomingCallManager.handleIncomingInvite(__spreadValues({
+            source: "pushNotification",
+            nodeId
+          }, payload));
+          resolve({ resultType: "inboundCall" });
         } catch (error) {
-          this.logger.warn("Verto Subscribe", error);
+          reject(error);
         }
-        this._incomingCallManager.handleIncomingInvite(__spreadValues({
-          source: "pushNotification",
-          nodeId
-        }, payload));
-        resolve({ resultType: "inboundCall" });
-      } catch (error) {
-        reject(error);
       }
-    });
+    );
   }
   updateToken(token) {
     return new Promise((resolve, reject) => {
-      this.once("session.auth_error", (error) => {
+      this.session.once("session.auth_error", (error) => {
         reject(error);
       });
-      this.once("session.connected", () => {
+      this.session.once("session.connected", () => {
         resolve();
       });
       this.store.dispatch(actions4.reauthAction({ token }));
     });
   }
+  /**
+   * Mark the client as 'online' to receive calls over WebSocket
+   */
   async online({ incomingCallHandlers }) {
     this._incomingCallManager.setNotificationHandlers(incomingCallHandlers);
     return this.execute({
@@ -3768,6 +4162,9 @@ var WSClient = class extends BaseClient2 {
       params: {}
     });
   }
+  /**
+   * Mark the client as 'offline' to receive calls over WebSocket
+   */
   offline() {
     this._incomingCallManager.setNotificationHandlers({});
     return this.execute({
@@ -3778,7 +4175,7 @@ var WSClient = class extends BaseClient2 {
 };
 
 // src/fabric/SignalWire.ts
-var SignalWire = (() => {
+var SignalWire = /* @__PURE__ */ (() => {
   let instance = null;
   return (params) => {
     if (!instance) {
@@ -3820,6 +4217,9 @@ var SignalWire = (() => {
               sendMessage: conversation.sendMessage.bind(conversation),
               join: conversation.joinConversation.bind(conversation)
             },
+            // @ts-expect-error For debugging purposes
+            on: wsClient.on.bind(wsClient),
+            off: wsClient.off.bind(wsClient),
             __httpClient: httpClient,
             __wsClient: wsClient
           });
@@ -3885,7 +4285,9 @@ var createRoomObject = (roomOptions) => {
         rootElement = el;
       } else {
         rootElement = document.body;
-        getLogger24().warn(`We couldn't find an element with id: ${rootElementId}: using 'document.body' instead.`);
+        getLogger24().warn(
+          `We couldn't find an element with id: ${rootElementId}: using 'document.body' instead.`
+        );
       }
     }
     const roomObject = client.rooms.makeRoomObject({
@@ -4031,7 +4433,9 @@ var RoomSession = function(roomOptions) {
   const deprecatedParams = ["audio", "video"];
   deprecatedParams.forEach((param) => {
     if (param in roomOptions) {
-      getLogger25().warn(`The '${param}' parameter on the RoomSession constructor is deprecated. Set it on the '.join()' function instead.`);
+      getLogger25().warn(
+        `The '${param}' parameter on the RoomSession constructor is deprecated. Set it on the '.join()' function instead.`
+      );
     }
   });
   const allowReattach = (roomOptions == null ? void 0 : roomOptions.reattach) !== false;
@@ -4069,6 +4473,8 @@ var RoomSession = function(roomOptions) {
   };
   const client = createClient(userOptions);
   const room = client.rooms.makeRoomObject({
+    // audio,
+    // video: video === true ? VIDEO_CONSTRAINTS : video,
     negotiateAudio: true,
     negotiateVideo: true,
     iceServers,
@@ -4106,14 +4512,19 @@ var RoomSession = function(roomOptions) {
         if (authState && authState.type === "video") {
           const mediaOptions = getJoinMediaParams(__spreadValues({
             authState,
+            // constructor values override the send
             sendAudio: Boolean(audio),
             sendVideo: Boolean(video)
           }, params));
           if (!checkMediaParams(mediaOptions)) {
             client.disconnect();
-            return reject(new Error(`Invalid arguments to join the room. The token used has join_as: '${authState.join_as}'. 
+            return reject(
+              new Error(
+                `Invalid arguments to join the room. The token used has join_as: '${authState.join_as}'. 
 ${JSON.stringify(params, null, 2)}
-`));
+`
+              )
+            );
           }
           getLogger25().debug("Set mediaOptions", mediaOptions);
           room.updateMediaOptions({
@@ -4145,7 +4556,9 @@ ${JSON.stringify(params, null, 2)}
         return interceptors[prop];
       }
       if (!target.active && UNSAFE_PROP_ACCESS.includes(prop)) {
-        throw new Error(`Tried to access the property/method "${prop}" before the room was connected. Please call roomSession.join() first.`);
+        throw new Error(
+          `Tried to access the property/method "${prop}" before the room was connected. Please call roomSession.join() first.`
+        );
       }
       return Reflect.get(target, prop, receiver);
     }