@signalwire/js 3.28.0 → 3.28.1

package/dist/index.js

@@ -1,3 +1,4 @@
+"use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -46,12 +47,16 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-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);
 var __superGet = (cls, obj, key) => __reflectGet(__getProtoOf(cls), key, obj);
 var __async = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
@@ -75,8 +80,8 @@ var __async = (__this, __arguments, generator) => {
 };
 
 // src/index.ts
-var src_exports = {};
-__export(src_exports, {
+var index_exports = {};
+__export(index_exports, {
   Chat: () => chat_exports,
   Fabric: () => fabric_exports,
   LocalVideoOverlay: () => LocalVideoOverlay,
@@ -87,7 +92,7 @@ __export(src_exports, {
   WebRTC: () => webrtc_exports,
   buildVideoElement: () => buildVideoElement
 });
-module.exports = __toCommonJS(src_exports);
+module.exports = __toCommonJS(index_exports);
 
 // src/chat/index.ts
 var chat_exports = {};
@@ -124,7 +129,9 @@ var setAudioMediaTrack = ({
 
 // src/features/actions.ts
 var import_core = require("@signalwire/core");
-var audioSetSpeakerAction = import_core.actions.createAction("swJs/audioSetSpeakerAction");
+var audioSetSpeakerAction = import_core.actions.createAction(
+  "swJs/audioSetSpeakerAction"
+);
 
 // src/features/mediaElements/mediaElementsSagas.ts
 var makeAudioElementSaga = ({ speakerId }) => {
@@ -165,14 +172,25 @@ function* audioElementActionsWatcher({
   element,
   room
 }) {
-  const setSpeakerActionType = import_core2.actions.getCustomSagaActionType(room.__uuid, audioSetSpeakerAction);
+  const setSpeakerActionType = import_core2.actions.getCustomSagaActionType(
+    room.__uuid,
+    audioSetSpeakerAction
+  );
   while (true) {
     const action = yield import_core2.sagaEffects.take([setSpeakerActionType]);
     try {
       switch (action.type) {
         case setSpeakerActionType:
-          const response = yield import_core2.sagaEffects.call(import_webrtc.setMediaElementSinkId, element, action.payload);
-          room.emit(`${import_core2.LOCAL_EVENT_PREFIX}.speaker.updated`, action.payload);
+          const response = yield import_core2.sagaEffects.call(
+            import_webrtc.setMediaElementSinkId,
+            element,
+            action.payload
+          );
+          room.emit(
+            // @ts-expect-error
+            `${import_core2.LOCAL_EVENT_PREFIX}.speaker.updated`,
+            action.payload
+          );
           room.settleCustomSagaTrigger({
             dispatchId: action.dispatchId,
             payload: response,
@@ -224,7 +242,11 @@ var videoManagerRoomsWorker = function* (options) {
   const modPayload = {
     rooms: payload.rooms.map((row) => (0, import_core3.toExternalJSON)(row))
   };
-  client.emit((0, import_core3.stripNamespacePrefix)(type), modPayload);
+  client.emit(
+    (0, import_core3.stripNamespacePrefix)(type),
+    // @ts-expect-error
+    modPayload
+  );
   (0, import_core3.getLogger)().trace("videoManagerRoomsWorker ended");
 };
 
@@ -236,7 +258,10 @@ var videoManagerRoomWorker = function* (options) {
     instance: client,
     action: { type, payload }
   } = options;
-  client.emit((0, import_core4.stripNamespacePrefix)(type), (0, import_core4.toExternalJSON)(payload));
+  client.emit(
+    (0, import_core4.stripNamespacePrefix)(type),
+    (0, import_core4.toExternalJSON)(payload)
+  );
   (0, import_core4.getLogger)().trace("videoManagerRoomWorker ended");
 };
 
@@ -269,9 +294,12 @@ var videoManagerWorker = function* (options) {
     }
   }
   while (true) {
-    const action = yield import_core5.sagaEffects.take(swEventChannel, (action2) => {
-      return action2.type.startsWith("video-manager.");
-    });
+    const action = yield import_core5.sagaEffects.take(
+      swEventChannel,
+      (action2) => {
+        return action2.type.startsWith("video-manager.");
+      }
+    );
     yield import_core5.sagaEffects.fork(worker, action);
   }
   (0, import_core5.getLogger)().trace("videoManagerWorker ended");
@@ -285,8 +313,11 @@ var VideoManagerAPI = class extends import_core6.BaseConsumer {
       worker: videoManagerWorker
     });
   }
+  /** @internal */
   getSubscriptions() {
-    const eventNamesWithPrefix = this.eventNames().map((event) => `video-manager.${event}`);
+    const eventNamesWithPrefix = this.eventNames().map(
+      (event) => `video-manager.${event}`
+    );
     return (0, import_core6.validateEventsToSubscribe)(eventNamesWithPrefix);
   }
 };
@@ -329,6 +360,7 @@ var SCREENSHARE_AUDIO_CONSTRAINTS = {
   echoCancellation: true,
   noiseSuppression: false,
   autoGainControl: false,
+  // @ts-expect-error
   googAutoGainControl: false
 };
 
@@ -357,16 +389,24 @@ var getJoinMediaParams = (options) => {
   const reqToReceiveAudio = Boolean(receiveAudio != null ? receiveAudio : audio);
   const reqToReceiveVideo = Boolean(receiveVideo != null ? receiveVideo : video);
   if (!canSendAudio && reqToSendAudio) {
-    (0, import_core7.getLogger)().info("Not allowed to send audio on this room. Default values will be used.");
+    (0, import_core7.getLogger)().info(
+      "Not allowed to send audio on this room. Default values will be used."
+    );
   }
   if (!canSendVideo && reqToSendVideo) {
-    (0, import_core7.getLogger)().info("Not allowed to send video on this room. Default values will be used.");
+    (0, import_core7.getLogger)().info(
+      "Not allowed to send video on this room. Default values will be used."
+    );
   }
   if (!canReceiveAudio && reqToReceiveAudio) {
-    (0, import_core7.getLogger)().info("Not allowed to receive video from the room. Default values will be used.");
+    (0, import_core7.getLogger)().info(
+      "Not allowed to receive video from the room. Default values will be used."
+    );
   }
   if (!canReceiveVideo && reqToReceiveVideo) {
-    (0, import_core7.getLogger)().info("Not allowed to receive video from the room. Default values will be used.");
+    (0, import_core7.getLogger)().info(
+      "Not allowed to receive video from the room. Default values will be used."
+    );
   }
   return {
     mustSendAudio: canSendAudio && reqToSendAudio,
@@ -416,8 +456,11 @@ var EXTERNAL_MEMBER_LIST_UPDATED_EVENT = "memberList.updated";
 var INTERNAL_MEMBER_LIST_UPDATED_EVENT = (0, import_core9.toInternalEventName)({
   event: EXTERNAL_MEMBER_LIST_UPDATED_EVENT
 });
-var SYNTHETIC_MEMBER_LIST_UPDATED_EVENT = (0, import_core9.toSyntheticEvent)(INTERNAL_MEMBER_LIST_UPDATED_EVENT);
+var SYNTHETIC_MEMBER_LIST_UPDATED_EVENT = (0, import_core9.toSyntheticEvent)(
+  INTERNAL_MEMBER_LIST_UPDATED_EVENT
+);
 var MEMBER_LIST_EVENTS = [
+  /** Alias to `video.room.subscribed` */
   "video.room.joined",
   "video.member.joined",
   "video.member.left",
@@ -432,7 +475,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") {
@@ -483,15 +528,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 import_core9.sagaEffects.take(swEventChannel, ({ type }) => {
-      return isMemberListEvent(type);
-    });
+    const pubSubAction = yield import_core9.sagaEffects.take(
+      swEventChannel,
+      ({ type }) => {
+        return isMemberListEvent(type);
+      }
+    );
     yield import_core9.sagaEffects.fork(worker, pubSubAction);
   }
 }
@@ -531,17 +585,21 @@ var childMemberJoinedWorker = function* (options) {
   });
   const { member } = action.payload;
   if (member == null ? void 0 : member.parent_id) {
-    const byId = yield import_core10.sagaEffects.select(import_core10.componentSelectors.getComponentsById);
+    const byId = yield import_core10.sagaEffects.select(
+      import_core10.componentSelectors.getComponentsById
+    );
     const parent = Object.values(byId).find((row) => {
       return "memberId" in row && row.memberId === member.parent_id;
     });
     if (parent) {
-      yield import_core10.sagaEffects.put(import_core10.componentActions.upsert({
-        id: instance.callId,
-        roomId: action.payload.room_id,
-        roomSessionId: action.payload.room_session_id,
-        memberId: member.id
-      }));
+      yield import_core10.sagaEffects.put(
+        import_core10.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") });
@@ -682,6 +740,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":
@@ -723,14 +782,17 @@ var videoWorker = function* (options) {
     return action.type.startsWith("video.");
   };
   while (true) {
-    const action = yield import_core14.sagaEffects.take(swEventChannel, isVideoEvent);
+    const action = yield import_core14.sagaEffects.take(
+      swEventChannel,
+      isVideoEvent
+    );
     yield import_core14.sagaEffects.fork(worker, action);
   }
   (0, import_core14.getLogger)().trace("videoWorker ended");
 };
 
 // src/BaseRoomSession.ts
-var BaseRoomSessionConnection = class extends import_webrtc3.BaseConnection {
+var BaseRoomSessionConnection = class _BaseRoomSessionConnection extends import_webrtc3.BaseConnection {
   constructor() {
     super(...arguments);
     __publicField(this, "_screenShareList", /* @__PURE__ */ new Set());
@@ -757,8 +819,7 @@ var BaseRoomSessionConnection = class extends import_webrtc3.BaseConnection {
     return Array.from(this._screenShareList);
   }
   _attachSpeakerTrackListener() {
-    if (!(0, import_webrtc3.supportsMediaOutput)())
-      return;
+    if (!(0, import_webrtc3.supportsMediaOutput)()) return;
     (0, import_webrtc3.createSpeakerDeviceWatcher)().then((deviceWatcher) => {
       deviceWatcher.on("removed", (data) => __async(this, null, function* () {
         var _a, _b;
@@ -774,8 +835,7 @@ var BaseRoomSessionConnection = class extends import_webrtc3.BaseConnection {
           });
           yield (_b = (_a = this._audioEl).setSinkId) == null ? void 0 : _b.call(_a, "");
           const defaultSpeakers = yield (0, import_webrtc3.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,
@@ -790,29 +850,37 @@ var BaseRoomSessionConnection = class extends import_webrtc3.BaseConnection {
       }));
     });
   }
+  /** @internal */
   _finalize() {
     this._screenShareList.clear();
     super._finalize();
   }
+  /** @internal */
   hangup(id) {
     return __async(this, null, function* () {
       this._screenShareList.forEach((screenShare) => {
         screenShare.leave();
       });
-      return __superGet(BaseRoomSessionConnection.prototype, this, "hangup").call(this, id);
+      return __superGet(_BaseRoomSessionConnection.prototype, this, "hangup").call(this, id);
     });
   }
   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;
@@ -820,6 +888,9 @@ var BaseRoomSessionConnection = class extends import_webrtc3.BaseConnection {
   getMemberOverlay(memberId) {
     return this.overlayMap.get(addOverlayPrefix(memberId));
   }
+  /**
+   * Allow sharing the screen within the room.
+   */
   startScreenShare() {
     return __async(this, arguments, function* (opts = {}) {
       return new Promise((resolve, reject) => __async(this, null, function* () {
@@ -885,23 +956,26 @@ var BaseRoomSessionConnection = class extends import_webrtc3.BaseConnection {
   }
   updateSpeaker({ deviceId }) {
     const prevId = this.audioEl.sinkId;
-    this.once(`${import_core15.LOCAL_EVENT_PREFIX}.speaker.updated`, (newId) => __async(this, null, function* () {
-      const prevSpeaker = yield (0, import_webrtc3.getSpeakerById)(prevId);
-      const newSpeaker = yield (0, import_webrtc3.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
+      `${import_core15.LOCAL_EVENT_PREFIX}.speaker.updated`,
+      (newId) => __async(this, null, function* () {
+        const prevSpeaker = yield (0, import_webrtc3.getSpeakerById)(prevId);
+        const newSpeaker = yield (0, import_webrtc3.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));
   }
 };
@@ -928,7 +1002,7 @@ var RoomSessionDeviceAPI = (0, import_core16.extendComponent)(RoomSessionDeviceC
 });
 
 // src/video/VideoRoomSession.ts
-var VideoRoomSessionConnection = class extends BaseRoomSessionConnection {
+var VideoRoomSessionConnection = class _VideoRoomSessionConnection extends BaseRoomSessionConnection {
   constructor(options) {
     super(options);
     __publicField(this, "_deviceList", /* @__PURE__ */ new Set());
@@ -947,7 +1021,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);
@@ -971,38 +1047,55 @@ var VideoRoomSessionConnection = class extends BaseRoomSessionConnection {
       worker: videoWorker
     });
   }
+  /** @internal */
   getSubscriptions() {
     const eventNamesWithPrefix = this.eventNames().map((event) => {
       return `video.${String(event)}`;
     });
-    return (0, import_core17.validateEventsToSubscribe)(eventNamesWithPrefix);
+    return (0, import_core17.validateEventsToSubscribe)(
+      eventNamesWithPrefix
+    );
   }
+  /** @internal */
   _finalize() {
     this._deviceList.clear();
     super._finalize();
   }
+  /** @internal */
   hangup(id) {
     return __async(this, null, function* () {
       this._deviceList.forEach((device) => {
         device.leave();
       });
-      return __superGet(VideoRoomSessionConnection.prototype, this, "hangup").call(this, id);
+      return __superGet(_VideoRoomSessionConnection.prototype, this, "hangup").call(this, id);
     });
   }
   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. */
   createScreenShareObject() {
     return __async(this, arguments, function* (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({
@@ -1010,6 +1103,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({
@@ -1017,13 +1113,18 @@ var VideoRoomSessionConnection = class extends BaseRoomSessionConnection {
       audio
     });
   }
+  /**
+   * Allow to add additional devices to the room like cameras or microphones.
+   */
   addDevice() {
     return __async(this, arguments, function* (opts = {}) {
       return new Promise((resolve, reject) => __async(this, null, function* () {
         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,
@@ -1166,19 +1267,35 @@ var PREVIOUS_CALLID_STORAGE_KEY = "ci-SAT";
 var import_core19 = require("@signalwire/core");
 var wsClientWorker = function* (options) {
   (0, import_core19.getLogger)().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 import_core19.sagaEffects.take(swEventChannel, (action2) => {
-        if (action2.type === "webrtc.message") {
-          return action2.payload.method === "verto.invite";
-        }
-        return false;
-      });
-      (0, import_core19.getLogger)().debug("Receiving a new call over WebSocket", action);
-      handleIncomingInvite(action.payload.params);
+      const action = yield import_core19.sagaEffects.take(
+        swEventChannel,
+        () => true
+      );
+      yield import_core19.sagaEffects.fork(fireHoseWorker, action);
+      if (isVertoInvite(action)) {
+        (0, import_core19.getLogger)().debug("Receiving a call over WebSocket", action);
+        yield import_core19.sagaEffects.fork(
+          vertoInviteWorker,
+          action
+        );
+      }
     }
   } finally {
     (0, import_core19.getLogger)().trace("wsClientWorker ended");
@@ -1198,7 +1315,10 @@ var conversationWorker = function* (options) {
     return action.type.startsWith("conversation.");
   };
   while (true) {
-    const action = yield import_core20.sagaEffects.take(swEventChannel, isConversationEvent);
+    const action = yield import_core20.sagaEffects.take(
+      swEventChannel,
+      isConversationEvent
+    );
     conversation.handleEvent(action.payload);
   }
   (0, import_core20.getLogger)().trace("conversationWorker ended");
@@ -1281,6 +1401,7 @@ var FabricRoomSessionMemberAPI = class extends import_core21.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)
@@ -1392,7 +1513,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) => {
@@ -1426,7 +1549,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,
@@ -1438,10 +1563,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
+      )
     })
   };
 };
@@ -1462,13 +1593,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) => {
@@ -1478,6 +1613,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;
@@ -1486,6 +1761,11 @@ var callJoinWorker = function* (options) {
   const { payload } = action;
   const { get, set } = instanceMap;
   yield import_core24.sagaEffects.fork(import_core24.MemberPosition.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 = (0, import_core24.stripNamespacePrefix)(subType, "video");
@@ -1520,10 +1800,11 @@ var callJoinWorker = function* (options) {
     set(member.member_id, memberInstance);
   });
   cfRoomSession.member = get(payload.member_id);
-  cfRoomSession.capabilities = (0, import_core24.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);
   (0, import_core24.getLogger)().trace("callJoinWorker ended");
 };
 
@@ -1536,7 +1817,9 @@ var callSegmentWorker = function* (options) {
   } = options;
   const segmentCallId = action.payload.call_id;
   const segmentRooSessionId = action.payload.room_session_id;
-  (0, import_core25.getLogger)().debug(`callSegmentWorker started for: callId ${segmentCallId}, roomSessionId ${segmentRooSessionId}`);
+  (0, import_core25.getLogger)().debug(
+    `callSegmentWorker started for: callId ${segmentCallId}, roomSessionId ${segmentRooSessionId}`
+  );
   yield import_core25.sagaEffects.fork(callJoinWorker, __spreadProps(__spreadValues({}, options), {
     action
   }));
@@ -1563,6 +1846,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 import_core25.sagaEffects.fork(fabricMemberWorker, __spreadProps(__spreadValues({}, options), {
@@ -1607,11 +1904,13 @@ var callSegmentWorker = function* (options) {
     return false;
   };
   while (true) {
-    const action2 = yield import_core25.sagaEffects.take(swEventChannel, isSegmentEvent);
+    const action2 = yield import_core25.sagaEffects.take(
+      swEventChannel,
+      isSegmentEvent
+    );
     const task = yield import_core25.sagaEffects.fork(worker, action2);
     const shouldStop = yield import_core25.sagaEffects.join(task);
-    if (shouldStop)
-      return;
+    if (shouldStop) return;
   }
 };
 
@@ -1630,7 +1929,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
             }
@@ -1668,20 +1969,26 @@ var fabricWorker = function* (options) {
     return true;
   };
   while (true) {
-    const action = yield import_core26.sagaEffects.take(swEventChannel, isFirstCallJoinedorCallStateEvent);
+    const action = yield import_core26.sagaEffects.take(
+      swEventChannel,
+      isFirstCallJoinedorCallStateEvent
+    );
     yield import_core26.sagaEffects.fork(worker, action);
   }
   (0, import_core26.getLogger)().trace("fabricWorker ended");
 };
 
 // src/fabric/FabricRoomSession.ts
-var FabricRoomSessionConnection = class extends BaseRoomSessionConnection {
+var FabricRoomSessionConnection = class _FabricRoomSessionConnection 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() {
@@ -1700,7 +2007,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;
@@ -1736,39 +2045,46 @@ 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}`);
-      return __superGet(FabricRoomSessionConnection.prototype, this, "invite").call(this);
+      this.logger.debug(
+        `Tying to reattach to previuos call? ${!!this.options.prevCallId} - prevCallId: ${this.options.prevCallId}`
+      );
+      return __superGet(_FabricRoomSessionConnection.prototype, this, "invite").call(this);
     });
   }
   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 */
   resume() {
     return __async(this, null, function* () {
       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();
@@ -1799,8 +2115,8 @@ var FabricRoomSessionConnection = class extends BaseRoomSessionConnection {
   }
   audioMute(params) {
     return __async(this, null, function* () {
-      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({
@@ -1812,8 +2128,8 @@ var FabricRoomSessionConnection = class extends BaseRoomSessionConnection {
   }
   audioUnmute(params) {
     return __async(this, null, function* () {
-      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({
@@ -1825,8 +2141,8 @@ var FabricRoomSessionConnection = class extends BaseRoomSessionConnection {
   }
   videoMute(params) {
     return __async(this, null, function* () {
-      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({
@@ -1838,8 +2154,8 @@ var FabricRoomSessionConnection = class extends BaseRoomSessionConnection {
   }
   videoUnmute(params) {
     return __async(this, null, function* () {
-      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({
@@ -1851,8 +2167,8 @@ var FabricRoomSessionConnection = class extends BaseRoomSessionConnection {
   }
   deaf(params) {
     return __async(this, null, function* () {
-      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({
@@ -1863,8 +2179,8 @@ var FabricRoomSessionConnection = class extends BaseRoomSessionConnection {
   }
   undeaf(params) {
     return __async(this, null, function* () {
-      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({
@@ -1875,30 +2191,36 @@ var FabricRoomSessionConnection = class extends BaseRoomSessionConnection {
   }
   getLayouts() {
     return __async(this, null, function* () {
-      return this.executeAction({
-        method: "call.layout.list"
-      }, {
-        transformResolve: (payload) => ({
-          layouts: payload.layouts
-        })
-      });
+      return this.executeAction(
+        {
+          method: "call.layout.list"
+        },
+        {
+          transformResolve: (payload) => ({
+            layouts: payload.layouts
+          })
+        }
+      );
     });
   }
   getMembers() {
     return __async(this, null, function* () {
-      return this.executeAction({
-        method: "call.member.list"
-      }, {
-        transformResolve: (payload) => ({
-          members: payload.members
-        })
-      });
+      return this.executeAction(
+        {
+          method: "call.member.list"
+        },
+        {
+          transformResolve: (payload) => ({
+            members: payload.members
+          })
+        }
+      );
     });
   }
   removeMember(params) {
     return __async(this, null, function* () {
       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)) {
@@ -1912,12 +2234,12 @@ var FabricRoomSessionConnection = class extends BaseRoomSessionConnection {
   }
   setRaisedHand(params) {
     return __async(this, null, function* () {
-      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({
@@ -1928,7 +2250,8 @@ var FabricRoomSessionConnection = class extends BaseRoomSessionConnection {
   }
   setLayout(params) {
     return __async(this, null, function* () {
-      if (!this.capabilities.setLayout) {
+      var _a;
+      if (!((_a = this.capabilities) == null ? void 0 : _a.setLayout)) {
         throw Error("Missing setLayout capability");
       }
       const extraParams = {
@@ -1944,7 +2267,7 @@ var FabricRoomSessionConnection = class extends BaseRoomSessionConnection {
   setInputVolume(params) {
     return __async(this, null, function* () {
       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({
@@ -1959,7 +2282,7 @@ var FabricRoomSessionConnection = class extends BaseRoomSessionConnection {
   setOutputVolume(params) {
     return __async(this, null, function* () {
       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({
@@ -1974,7 +2297,7 @@ var FabricRoomSessionConnection = class extends BaseRoomSessionConnection {
   setInputSensitivity(params) {
     return __async(this, null, function* () {
       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({
@@ -1993,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 = [];
@@ -2029,7 +2354,7 @@ var FabricRoomSessionConnection = class extends BaseRoomSessionConnection {
   lock() {
     return __async(this, null, function* () {
       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({
@@ -2040,7 +2365,7 @@ var FabricRoomSessionConnection = class extends BaseRoomSessionConnection {
   unlock() {
     return __async(this, null, function* () {
       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({
@@ -2119,16 +2444,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) {
@@ -2141,7 +2479,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);
@@ -2288,8 +2629,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);
@@ -2358,14 +2698,17 @@ var createRootElementResizeObserver = ({
       return `${height * nativeVideoRatio}px`;
     }
   };
-  const update = (0, import_core29.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 = (0, import_core29.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) {
@@ -2605,9 +2948,11 @@ var ClientAPI = class extends import_core31.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
@@ -2627,7 +2972,9 @@ var ClientAPI = class extends import_core31.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();
@@ -2685,12 +3032,21 @@ var ClientAPI = class extends import_core31.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(import_core31.actions.reauthAction({ token }));
   }
@@ -2724,7 +3080,7 @@ var JWTSession = class extends import_core33.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";
   }
@@ -2785,7 +3141,9 @@ var JWTSession = class extends import_core33.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);
@@ -2874,7 +3232,9 @@ var import_core37 = require("@signalwire/core");
 
 // src/utils/interfaces/video.ts
 var import_core36 = require("@signalwire/core");
-var INTERNAL_MEMBER_UPDATED_EVENTS = Object.keys(import_core36.INTERNAL_MEMBER_UPDATABLE_PROPS).map((key) => {
+var INTERNAL_MEMBER_UPDATED_EVENTS = Object.keys(
+  import_core36.INTERNAL_MEMBER_UPDATABLE_PROPS
+).map((key) => {
   return `member.updated.${key}`;
 });
 
@@ -2964,11 +3324,14 @@ var createHttpClient = (_a, fetcher = http) => {
       }, timeout);
     }
     try {
-      const response = yield fetcher(getUrl({
-        path,
-        baseUrl,
-        searchParams: options == null ? void 0 : options.searchParams
-      }), reqInit);
+      const response = yield fetcher(
+        getUrl({
+          path,
+          baseUrl,
+          searchParams: options == null ? void 0 : options.searchParams
+        }),
+        reqInit
+      );
       return { body: response.parsedBody };
     } catch (e) {
       throw e;
@@ -3014,8 +3377,7 @@ var getUrl = ({
 // src/utils/paginatedResult.ts
 function buildPaginatedResult(body, client) {
   const anotherPage = (url) => __async(this, null, function* () {
-    if (!url)
-      return Promise.resolve(void 0);
+    if (!url) return Promise.resolve(void 0);
     const { body: body2 } = yield client(url);
     return buildPaginatedResult(body2, client);
   });
@@ -3101,8 +3463,7 @@ var HTTPClient = class {
       }
       const { body } = yield this.httpClient(path);
       if (isGetAddressesResponse(body)) {
-        if (!body.data[0])
-          throw new import_core39.HttpError(404, "Not Found");
+        if (!body.data[0]) throw new import_core39.HttpError(404, "Not Found");
         return body.data[0];
       }
       return body;
@@ -3220,6 +3581,7 @@ var Conversation = class {
       }
     });
   }
+  /** @internal */
   handleEvent(event) {
     if (event.subtype === "chat") {
       const chatCallbacks = this.chatSubscriptions[event.conversation_id];
@@ -3260,9 +3622,13 @@ var Conversation = class {
         if (pageSize) {
           queryParams.append("page_size", pageSize.toString());
         }
-        const { body } = yield this.httpClient.fetch(makeQueryParamsUrls(path, queryParams));
+        const { body } = yield 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);
@@ -3278,8 +3644,13 @@ var Conversation = class {
         if (pageSize) {
           queryParams.append("page_size", pageSize.toString());
         }
-        const { body } = yield this.httpClient.fetch(makeQueryParamsUrls(path, queryParams));
-        return buildPaginatedResult(body, this.httpClient.fetch);
+        const { body } = yield this.httpClient.fetch(
+          makeQueryParamsUrls(path, queryParams)
+        );
+        return buildPaginatedResult(
+          body,
+          this.httpClient.fetch
+        );
       } catch (error) {
         throw new Error("Error fetching the conversation messages!", error);
       }
@@ -3294,8 +3665,13 @@ var Conversation = class {
         if (pageSize) {
           queryParams.append("page_size", pageSize.toString());
         }
-        const { body } = yield this.httpClient.fetch(makeQueryParamsUrls(path, queryParams));
-        return buildPaginatedResult(body, this.httpClient.fetch);
+        const { body } = yield this.httpClient.fetch(
+          makeQueryParamsUrls(path, queryParams)
+        );
+        return buildPaginatedResult(
+          body,
+          this.httpClient.fetch
+        );
       } catch (error) {
         throw new Error("Error fetching the conversation messages!", error);
       }
@@ -3335,15 +3711,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
+        })
+      );
     });
   }
   subscribe(callback) {
@@ -3371,12 +3756,15 @@ var Conversation = class {
       try {
         const { addressId } = params;
         const path = "/api/fabric/conversations/join";
-        const { body } = yield this.httpClient.fetch(path, {
-          method: "POST",
-          body: {
-            conversation_id: addressId
+        const { body } = yield this.httpClient.fetch(
+          path,
+          {
+            method: "POST",
+            body: {
+              conversation_id: addressId
+            }
           }
-        });
+        );
         return body;
       } catch (error) {
         throw new Error("Error joining a conversation!", error);
@@ -3434,7 +3822,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;
@@ -3471,6 +3861,11 @@ var SATSession = class extends JWTSession {
     return __async(this, null, function* () {
     });
   }
+  /**
+   * Reauthenticate with the SignalWire Network using a newer SAT.
+   * If the session has expired, this will reconnect it.
+   * @return Promise<void>
+   */
   reauthenticate() {
     return __async(this, null, function* () {
       this.logger.debug("Session Reauthenticate", {
@@ -3561,7 +3956,10 @@ var WSClient = class extends import_core42.BaseClient {
     }
     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();
@@ -3627,7 +4025,7 @@ var WSClient = class extends import_core42.BaseClient {
       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,
@@ -3758,44 +4156,49 @@ var WSClient = class extends import_core42.BaseClient {
     });
   }
   handlePushNotification(params) {
-    return new Promise((resolve, reject) => __async(this, null, function* () {
-      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(
+      (resolve, reject) => __async(this, null, function* () {
+        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 {
-          yield this.executeVertoSubscribe(payload.callID, nodeId);
+          try {
+            yield 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(import_core42.actions.reauthAction({ token }));
     });
   }
+  /**
+   * Mark the client as 'online' to receive calls over WebSocket
+   */
   online(_0) {
     return __async(this, arguments, function* ({ incomingCallHandlers }) {
       this._incomingCallManager.setNotificationHandlers(incomingCallHandlers);
@@ -3805,6 +4208,9 @@ var WSClient = class extends import_core42.BaseClient {
       });
     });
   }
+  /**
+   * Mark the client as 'offline' to receive calls over WebSocket
+   */
   offline() {
     this._incomingCallManager.setNotificationHandlers({});
     return this.execute({
@@ -3815,7 +4221,7 @@ var WSClient = class extends import_core42.BaseClient {
 };
 
 // src/fabric/SignalWire.ts
-var SignalWire = (() => {
+var SignalWire = /* @__PURE__ */ (() => {
   let instance = null;
   return (params) => {
     if (!instance) {
@@ -3857,6 +4263,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
           });
@@ -3922,7 +4331,9 @@ var createRoomObject = (roomOptions) => {
         rootElement = el;
       } else {
         rootElement = document.body;
-        (0, import_core43.getLogger)().warn(`We couldn't find an element with id: ${rootElementId}: using 'document.body' instead.`);
+        (0, import_core43.getLogger)().warn(
+          `We couldn't find an element with id: ${rootElementId}: using 'document.body' instead.`
+        );
       }
     }
     const roomObject = client.rooms.makeRoomObject({
@@ -4066,7 +4477,9 @@ var RoomSession = function(roomOptions) {
   const deprecatedParams = ["audio", "video"];
   deprecatedParams.forEach((param) => {
     if (param in roomOptions) {
-      (0, import_core44.getLogger)().warn(`The '${param}' parameter on the RoomSession constructor is deprecated. Set it on the '.join()' function instead.`);
+      (0, import_core44.getLogger)().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;
@@ -4104,6 +4517,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,
@@ -4141,14 +4556,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)}
-`));
+`
+              )
+            );
           }
           (0, import_core44.getLogger)().debug("Set mediaOptions", mediaOptions);
           room.updateMediaOptions({
@@ -4180,7 +4600,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);
     }