@signalwire/js 3.23.2 → 3.23.4-dev.202308301318.6c435be.0

package/dist/index.js

@@ -194,13 +194,13 @@ __export(video_exports, {
 });
 
 // src/createRoomObject.ts
-var import_core18 = require("@signalwire/core");
+var import_core23 = require("@signalwire/core");
 
 // src/createClient.ts
-var import_core17 = require("@signalwire/core");
+var import_core22 = require("@signalwire/core");
 
 // src/Client.ts
-var import_core13 = require("@signalwire/core");
+var import_core18 = require("@signalwire/core");
 
 // src/features/mediaElements/mediaElementsSagas.ts
 var import_core4 = require("@signalwire/core");
@@ -284,6 +284,7 @@ var makeLayoutChangedHandler = ({ localOverlay, rootElement }) => (_0) => __asyn
       localVideo.style.width = "100%";
       localVideo.style.height = "100%";
       localVideo.style.pointerEvents = "none";
+      localVideo.style.objectFit = "cover";
       myLayer.appendChild(localVideo);
       const mcuLayers = rootElement.querySelector(".mcuLayers");
       const exists = mcuLayers == null ? void 0 : mcuLayers.querySelector(`#${myLayer.id}`);
@@ -472,7 +473,7 @@ var makeVideoElementSaga = ({
           localOverlay.hide();
         }
       };
-      room.on("_internal.mirror.video", (value) => {
+      room.on(`${import_core4.LOCAL_EVENT_PREFIX}.mirror.video`, (value) => {
         localOverlay.setLocalOverlayMirror(value);
       });
       room.on("layout.changed", (params) => {
@@ -588,7 +589,7 @@ function* audioElementActionsWatcher({
       switch (action.type) {
         case setSpeakerActionType:
           const response = yield import_core4.sagaEffects.call(import_webrtc.setMediaElementSinkId, element, action.payload);
-          room.emit("_internal.speaker.updated", action.payload);
+          room.emit(`${import_core4.LOCAL_EVENT_PREFIX}.speaker.updated`, action.payload);
           room.settleCustomSagaTrigger({
             dispatchId: action.dispatchId,
             payload: response,
@@ -694,7 +695,7 @@ function* videoElementSetupWorker({
 }
 
 // src/BaseRoomSession.ts
-var import_core10 = require("@signalwire/core");
+var import_core13 = require("@signalwire/core");
 var import_webrtc4 = require("@signalwire/webrtc");
 
 // src/utils/constants.ts
@@ -751,7 +752,7 @@ var RoomSessionDeviceAPI = (0, import_core6.extendComponent)(RoomSessionDeviceCo
 var import_core7 = require("@signalwire/core");
 var noop = () => {
 };
-var EXTERNAL_MEMBER_LIST_UPDATED_EVENT = "video.memberList.updated";
+var EXTERNAL_MEMBER_LIST_UPDATED_EVENT = "memberList.updated";
 var INTERNAL_MEMBER_LIST_UPDATED_EVENT = (0, import_core7.toInternalEventName)({
   event: EXTERNAL_MEMBER_LIST_UPDATED_EVENT
 });
@@ -771,7 +772,7 @@ var getMemberListEventsToSubscribe = (subscriptions) => {
   });
 };
 var shouldHandleMemberList = (subscriptions) => {
-  return subscriptions.some((event) => event.includes(INTERNAL_MEMBER_LIST_UPDATED_EVENT));
+  return subscriptions.some((event) => event.includes(EXTERNAL_MEMBER_LIST_UPDATED_EVENT));
 };
 var getMembersFromAction = (action) => {
   if (action.type === "video.room.joined") {
@@ -814,7 +815,8 @@ var initMemberListSubscriptions = (room, subscriptions) => {
   };
 };
 function* membersListUpdatedWatcher({
-  pubSubChannel
+  swEventChannel,
+  instance
 }) {
   const memberList = /* @__PURE__ */ new Map();
   function* worker(pubSubAction) {
@@ -824,20 +826,17 @@ function* membersListUpdatedWatcher({
       room_session_id: roomSessionId,
       members
     };
-    yield import_core7.sagaEffects.put(pubSubChannel, {
-      type: SYNTHETIC_MEMBER_LIST_UPDATED_EVENT,
-      payload: memberListPayload
-    });
+    instance.emit(SYNTHETIC_MEMBER_LIST_UPDATED_EVENT, memberListPayload);
   }
   while (true) {
-    const pubSubAction = yield import_core7.sagaEffects.take(pubSubChannel, ({ type }) => {
+    const pubSubAction = yield import_core7.sagaEffects.take(swEventChannel, ({ type }) => {
       return isMemberListEvent(type);
     });
     yield import_core7.sagaEffects.fork(worker, pubSubAction);
   }
 }
 var memberListUpdatedWorker = function* membersChangedWorker({
-  channels: { pubSubChannel },
+  channels: { swEventChannel },
   instance
 }) {
   const subscriptions = instance.getSubscriptions();
@@ -846,33 +845,25 @@ var memberListUpdatedWorker = function* membersChangedWorker({
   }
   const { cleanup } = initMemberListSubscriptions(instance, subscriptions);
   yield import_core7.sagaEffects.fork(membersListUpdatedWatcher, {
-    pubSubChannel
+    swEventChannel,
+    instance
   });
   instance.once("destroy", () => {
     cleanup();
   });
 };
 
-// src/video/memberPositionWorker.ts
-var import_core8 = require("@signalwire/core");
-var memberPositionWorker = function* memberPositionWorker2(options) {
-  if (!options.initialState) {
-    throw new Error("[memberPositionWorker] Missing initialState");
-  }
-  yield import_core8.sagaEffects.fork(import_core8.MemberPosition.memberPositionWorker, options);
-};
-
 // src/video/childMemberJoinedWorker.ts
-var import_core9 = require("@signalwire/core");
+var import_core8 = require("@signalwire/core");
 var childMemberJoinedWorker = function* (options) {
-  (0, import_core9.getLogger)().trace("childMemberJoinedWorker started");
+  (0, import_core8.getLogger)().trace("childMemberJoinedWorker started");
   const { channels, instance, initialState, onDone, onFail } = options;
   const { swEventChannel } = channels;
   const { parentId } = initialState;
   if (!parentId) {
     throw new Error("Missing parentId for childMemberJoinedWorker");
   }
-  const action = yield import_core9.sagaEffects.take(swEventChannel, (action2) => {
+  const action = yield import_core8.sagaEffects.take(swEventChannel, (action2) => {
     if (action2.type === "video.member.joined") {
       return action2.payload.member.parent_id === parentId;
     }
@@ -880,14 +871,12 @@ var childMemberJoinedWorker = function* (options) {
   });
   const { member } = action.payload;
   if (member == null ? void 0 : member.parent_id) {
-    const byId = yield import_core9.sagaEffects.select(import_core9.componentSelectors.getComponentsById);
+    const byId = yield import_core8.sagaEffects.select(import_core8.componentSelectors.getComponentsById);
     const parent = Object.values(byId).find((row) => {
       return "memberId" in row && row.memberId === member.parent_id;
     });
     if (parent) {
-      instance._attachListeners(member.id);
-      instance.applyEmitterTransforms();
-      yield import_core9.sagaEffects.put(import_core9.componentActions.upsert({
+      yield import_core8.sagaEffects.put(import_core8.componentActions.upsert({
         id: instance.callId,
         roomId: action.payload.room_id,
         roomSessionId: action.payload.room_session_id,
@@ -898,7 +887,178 @@ var childMemberJoinedWorker = function* (options) {
       onFail == null ? void 0 : onFail({ error: new Error("Unknown parent_id") });
     }
   }
-  (0, import_core9.getLogger)().trace("childMemberJoinedWorker ended");
+  (0, import_core8.getLogger)().trace("childMemberJoinedWorker ended");
+};
+
+// src/video/videoWorker.ts
+var import_core12 = require("@signalwire/core");
+
+// src/video/videoStreamWorker.ts
+var import_core9 = require("@signalwire/core");
+var videoStreamWorker = function* (options) {
+  (0, import_core9.getLogger)().trace("videoStreamWorker started");
+  const {
+    instance: roomSession,
+    action: { type, payload },
+    instanceMap: { get, set, remove }
+  } = options;
+  let streamInstance = get(payload.stream.id);
+  if (!streamInstance) {
+    streamInstance = import_core9.Rooms.createRoomSessionStreamObject({
+      store: roomSession.store,
+      payload
+    });
+  } else {
+    streamInstance.setPayload(payload);
+  }
+  set(payload.stream.id, streamInstance);
+  switch (type) {
+    case "video.stream.started":
+      roomSession.emit("stream.started", streamInstance);
+      break;
+    case "video.stream.ended":
+      roomSession.emit("stream.ended", streamInstance);
+      remove(payload.stream.id);
+      break;
+    default:
+      (0, import_core9.getLogger)().warn(`Unknown video.stream event: "${type}"`);
+      break;
+  }
+  (0, import_core9.getLogger)().trace("videoStreamWorker ended");
+};
+
+// src/video/videoRecordWorker.ts
+var import_core10 = require("@signalwire/core");
+var videoRecordWorker = function* (options) {
+  (0, import_core10.getLogger)().trace("videoRecordWorker started");
+  const {
+    instance: roomSession,
+    action: { type, payload },
+    instanceMap: { get, set, remove }
+  } = options;
+  let recordingInstance = get(payload.recording.id);
+  if (!recordingInstance) {
+    recordingInstance = import_core10.Rooms.createRoomSessionRecordingObject({
+      store: roomSession.store,
+      payload
+    });
+  } else {
+    recordingInstance.setPayload(payload);
+  }
+  set(payload.recording.id, recordingInstance);
+  const event = (0, import_core10.stripNamespacePrefix)(type);
+  switch (type) {
+    case "video.recording.started":
+    case "video.recording.updated": {
+      roomSession.emit(event, recordingInstance);
+      break;
+    }
+    case "video.recording.ended":
+      roomSession.emit(event, recordingInstance);
+      remove(payload.recording.id);
+      break;
+    default:
+      (0, import_core10.getLogger)().warn(`Unknown video.stream event: "${type}"`);
+      break;
+  }
+  (0, import_core10.getLogger)().trace("videoRecordWorker ended");
+};
+
+// src/video/videoPlaybackWorker.ts
+var import_core11 = require("@signalwire/core");
+var videoPlaybackWorker = function* (options) {
+  (0, import_core11.getLogger)().trace("videoPlaybackWorker started");
+  const {
+    instance: roomSession,
+    action: { type, payload },
+    instanceMap: { get, set, remove }
+  } = options;
+  let playbackInstance = get(payload.playback.id);
+  if (!playbackInstance) {
+    playbackInstance = import_core11.Rooms.createRoomSessionPlaybackObject({
+      store: roomSession.store,
+      payload
+    });
+  } else {
+    playbackInstance.setPayload(payload);
+  }
+  set(payload.playback.id, playbackInstance);
+  const event = (0, import_core11.stripNamespacePrefix)(type);
+  switch (type) {
+    case "video.playback.started":
+    case "video.playback.updated": {
+      roomSession.emit(event, playbackInstance);
+      break;
+    }
+    case "video.playback.ended":
+      roomSession.emit(event, playbackInstance);
+      remove(payload.playback.id);
+      break;
+    default:
+      (0, import_core11.getLogger)().warn(`Unknown video.stream event: "${type}"`);
+      break;
+  }
+  (0, import_core11.getLogger)().trace("videoPlaybackWorker ended");
+};
+
+// src/video/videoWorker.ts
+var videoWorker = function* (options) {
+  const { channels, instance: roomSession } = options;
+  const { swEventChannel } = channels;
+  function* worker(action) {
+    const { type, payload } = action;
+    switch (type) {
+      case "video.room.subscribed":
+        yield import_core12.sagaEffects.spawn(import_core12.MemberPosition.memberPositionWorker, __spreadProps(__spreadValues({}, options), {
+          instance: roomSession,
+          initialState: payload
+        }));
+        break;
+      case "video.playback.started":
+      case "video.playback.updated":
+      case "video.playback.ended":
+        yield import_core12.sagaEffects.fork(videoPlaybackWorker, __spreadValues({
+          action
+        }, options));
+        return;
+      case "video.recording.started":
+      case "video.recording.updated":
+      case "video.recording.ended":
+        yield import_core12.sagaEffects.fork(videoRecordWorker, __spreadValues({
+          action
+        }, options));
+        return;
+      case "video.stream.ended":
+      case "video.stream.started":
+        yield import_core12.sagaEffects.fork(videoStreamWorker, __spreadValues({
+          action
+        }, options));
+        return;
+      case "video.room.audience_count": {
+        roomSession.emit("room.audienceCount", payload);
+        return;
+      }
+      case "video.member.talking": {
+        const { member } = payload;
+        if ("talking" in member) {
+          const suffix = member.talking ? "started" : "ended";
+          roomSession.emit(`member.talking.${suffix}`, payload);
+          const deprecatedSuffix = member.talking ? "start" : "stop";
+          roomSession.emit(`member.talking.${deprecatedSuffix}`, payload);
+        }
+        break;
+      }
+      default:
+        break;
+    }
+    roomSession.emit((0, import_core12.stripNamespacePrefix)(type), payload);
+  }
+  const isVideoEvent = (action) => action.type.startsWith("video.");
+  while (true) {
+    const action = yield import_core12.sagaEffects.take(swEventChannel, isVideoEvent);
+    yield import_core12.sagaEffects.fork(worker, action);
+  }
+  (0, import_core12.getLogger)().trace("videoWorker ended");
 };
 
 // src/BaseRoomSession.ts
@@ -910,6 +1070,9 @@ var RoomSessionConnection = class extends import_webrtc4.BaseConnection {
     __publicField(this, "_mirrored");
     __publicField(this, "_audioEl");
     this._mirrored = options.mirrorLocalVideoOverlay;
+    this.runWorker("videoWorker", {
+      worker: videoWorker
+    });
   }
   get screenShareList() {
     return Array.from(this._screenShareList);
@@ -931,173 +1094,11 @@ var RoomSessionConnection = class extends import_webrtc4.BaseConnection {
       return (_b = (_a = authState == null ? void 0 : authState.room) == null ? void 0 : _a.scopes) != null ? _b : [];
     });
   }
-  getEmitterTransforms() {
-    return /* @__PURE__ */ new Map([
-      [
-        ["video.room.joined"],
-        {
-          type: "roomSession",
-          instanceFactory: () => {
-            return {};
-          },
-          payloadTransform: (payload) => {
-            return payload;
-          },
-          nestedFieldsToProcess: {
-            recordings: {
-              eventTransformType: "roomSessionRecording",
-              processInstancePayload: (payload) => ({ recording: payload })
-            },
-            playbacks: {
-              eventTransformType: "roomSessionPlayback",
-              processInstancePayload: (payload) => ({ playback: payload })
-            },
-            streams: {
-              eventTransformType: "roomSessionStream",
-              processInstancePayload: (payload) => ({ stream: payload })
-            }
-          }
-        }
-      ],
-      [
-        [(0, import_core10.toLocalEvent)("video.recording.list")],
-        {
-          type: "roomSessionRecordingList",
-          instanceFactory: (_payload) => {
-            return {};
-          },
-          payloadTransform: (payload) => {
-            return payload;
-          },
-          nestedFieldsToProcess: {
-            recordings: {
-              eventTransformType: "roomSessionRecording",
-              processInstancePayload: (payload) => ({ recording: payload })
-            }
-          }
-        }
-      ],
-      [
-        [(0, import_core10.toLocalEvent)("video.playback.list")],
-        {
-          type: "roomSessionPlaybackList",
-          instanceFactory: (_payload) => {
-            return {};
-          },
-          payloadTransform: (payload) => {
-            return payload;
-          },
-          nestedFieldsToProcess: {
-            playbacks: {
-              eventTransformType: "roomSessionPlayback",
-              processInstancePayload: (payload) => ({ playback: payload })
-            }
-          }
-        }
-      ],
-      [
-        [
-          (0, import_core10.toLocalEvent)("video.recording.start"),
-          "video.recording.started",
-          "video.recording.updated",
-          "video.recording.ended"
-        ],
-        {
-          type: "roomSessionRecording",
-          instanceFactory: (_payload) => {
-            return import_core10.Rooms.createRoomSessionRecordingObject({
-              store: this.store,
-              emitter: this.emitter
-            });
-          },
-          payloadTransform: (payload) => {
-            return (0, import_core10.toExternalJSON)(__spreadProps(__spreadValues({}, payload.recording), {
-              room_session_id: this.roomSessionId
-            }));
-          }
-        }
-      ],
-      [
-        [
-          (0, import_core10.toLocalEvent)("video.playback.start"),
-          "video.playback.started",
-          "video.playback.updated",
-          "video.playback.ended"
-        ],
-        {
-          type: "roomSessionPlayback",
-          instanceFactory: (_payload) => {
-            return import_core10.Rooms.createRoomSessionPlaybackObject({
-              store: this.store,
-              emitter: this.emitter
-            });
-          },
-          payloadTransform: (payload) => {
-            return (0, import_core10.toExternalJSON)(__spreadProps(__spreadValues({}, payload.playback), {
-              room_session_id: this.roomSessionId
-            }));
-          }
-        }
-      ],
-      [
-        [(0, import_core10.toLocalEvent)("video.stream.list")],
-        {
-          type: "roomSessionStreamList",
-          instanceFactory: (_payload) => {
-            return {};
-          },
-          payloadTransform: (payload) => {
-            return payload;
-          },
-          nestedFieldsToProcess: {
-            streams: {
-              eventTransformType: "roomSessionStream",
-              processInstancePayload: (payload) => {
-                return { stream: payload };
-              }
-            }
-          }
-        }
-      ],
-      [
-        [
-          (0, import_core10.toLocalEvent)("video.stream.start"),
-          "video.stream.started",
-          "video.stream.ended"
-        ],
-        {
-          type: "roomSessionStream",
-          instanceFactory: (_payload) => {
-            return import_core10.Rooms.createRoomSessionStreamObject({
-              store: this.store,
-              emitter: this.emitter
-            });
-          },
-          payloadTransform: (payload) => {
-            return (0, import_core10.toExternalJSON)(__spreadProps(__spreadValues({}, payload.stream), {
-              room_session_id: this.roomSessionId
-            }));
-          }
-        }
-      ]
-    ]);
-  }
-  getCompoundEvents() {
-    return new Map([
-      ...import_core10.MemberPosition.MEMBER_POSITION_COMPOUND_EVENTS
-    ]);
-  }
   attachPreConnectWorkers() {
     this.runWorker("memberListUpdated", {
       worker: memberListUpdatedWorker
     });
   }
-  attachOnSubscribedWorkers(payload) {
-    this.runWorker("memberPositionWorker", {
-      worker: memberPositionWorker,
-      initialState: payload
-    });
-  }
   createScreenShareObject() {
     return __async(this, arguments, function* (opts = {}) {
       return this.startScreenShare(opts);
@@ -1130,7 +1131,7 @@ var RoomSessionConnection = class extends import_webrtc4.BaseConnection {
           layout,
           positions
         });
-        const screenShare = (0, import_core10.connect)({
+        const screenShare = (0, import_core13.connect)({
           store: this.store,
           Component: RoomSessionScreenShareAPI
         })(options);
@@ -1200,7 +1201,7 @@ var RoomSessionConnection = class extends import_webrtc4.BaseConnection {
             memberId: this.memberId
           })
         });
-        const roomDevice = (0, import_core10.connect)({
+        const roomDevice = (0, import_core13.connect)({
           store: this.store,
           Component: RoomSessionDeviceAPI
         })(options);
@@ -1237,7 +1238,7 @@ var RoomSessionConnection = class extends import_webrtc4.BaseConnection {
   }
   updateSpeaker({ deviceId }) {
     const prevId = this._audioEl.sinkId;
-    this.once("_internal.speaker.updated", (newId) => __async(this, null, function* () {
+    this.once(`${import_core13.LOCAL_EVENT_PREFIX}.speaker.updated`, (newId) => __async(this, null, function* () {
       const prevSpeaker = yield (0, import_webrtc4.getSpeakerById)(prevId);
       const newSpeaker = yield (0, import_webrtc4.getSpeakerById)(newId);
       const isSame = (newSpeaker == null ? void 0 : newSpeaker.deviceId) === (prevSpeaker == null ? void 0 : prevSpeaker.deviceId);
@@ -1294,7 +1295,6 @@ var RoomSessionConnection = class extends import_webrtc4.BaseConnection {
     if (this._audioEl)
       return this._audioEl;
     this._audioEl = new Audio();
-    console.log("listener attached!");
     this._attachSpeakerTrackListener();
     return this._audioEl;
   }
@@ -1325,52 +1325,56 @@ var RoomSessionConnection = class extends import_webrtc4.BaseConnection {
       mirrored: this._mirrored,
       setMirrored: (value) => {
         this._mirrored = value;
-        this.emit("_internal.mirror.video", this._mirrored);
+        this.emit(`${import_core13.LOCAL_EVENT_PREFIX}.mirror.video`, this._mirrored);
       }
     };
   }
+  getSubscriptions() {
+    const eventNamesWithPrefix = this.eventNames().map((event) => `video.${event}`);
+    return (0, import_core13.validateEventsToSubscribe)(eventNamesWithPrefix);
+  }
 };
-var RoomSessionAPI = (0, import_core10.extendComponent)(RoomSessionConnection, {
-  audioMute: import_core10.Rooms.audioMuteMember,
-  audioUnmute: import_core10.Rooms.audioUnmuteMember,
-  videoMute: import_core10.Rooms.videoMuteMember,
-  videoUnmute: import_core10.Rooms.videoUnmuteMember,
-  deaf: import_core10.Rooms.deafMember,
-  undeaf: import_core10.Rooms.undeafMember,
-  setInputVolume: import_core10.Rooms.setInputVolumeMember,
-  setOutputVolume: import_core10.Rooms.setOutputVolumeMember,
-  setMicrophoneVolume: import_core10.Rooms.setInputVolumeMember,
-  setSpeakerVolume: import_core10.Rooms.setOutputVolumeMember,
-  setInputSensitivity: import_core10.Rooms.setInputSensitivityMember,
-  removeMember: import_core10.Rooms.removeMember,
-  removeAllMembers: import_core10.Rooms.removeAllMembers,
-  getMembers: import_core10.Rooms.getMembers,
-  getLayouts: import_core10.Rooms.getLayouts,
-  setLayout: import_core10.Rooms.setLayout,
-  setPositions: import_core10.Rooms.setPositions,
-  setMemberPosition: import_core10.Rooms.setMemberPosition,
-  hideVideoMuted: import_core10.Rooms.hideVideoMuted,
-  showVideoMuted: import_core10.Rooms.showVideoMuted,
-  getRecordings: import_core10.Rooms.getRecordings,
-  startRecording: import_core10.Rooms.startRecording,
-  getPlaybacks: import_core10.Rooms.getPlaybacks,
-  play: import_core10.Rooms.play,
-  setHideVideoMuted: import_core10.Rooms.setHideVideoMuted,
-  getMeta: import_core10.Rooms.getMeta,
-  setMeta: import_core10.Rooms.setMeta,
-  updateMeta: import_core10.Rooms.updateMeta,
-  deleteMeta: import_core10.Rooms.deleteMeta,
-  getMemberMeta: import_core10.Rooms.getMemberMeta,
-  setMemberMeta: import_core10.Rooms.setMemberMeta,
-  updateMemberMeta: import_core10.Rooms.updateMemberMeta,
-  deleteMemberMeta: import_core10.Rooms.deleteMemberMeta,
-  promote: import_core10.Rooms.promote,
-  demote: import_core10.Rooms.demote,
-  getStreams: import_core10.Rooms.getStreams,
-  startStream: import_core10.Rooms.startStream
+var RoomSessionAPI = (0, import_core13.extendComponent)(RoomSessionConnection, {
+  audioMute: import_core13.Rooms.audioMuteMember,
+  audioUnmute: import_core13.Rooms.audioUnmuteMember,
+  videoMute: import_core13.Rooms.videoMuteMember,
+  videoUnmute: import_core13.Rooms.videoUnmuteMember,
+  deaf: import_core13.Rooms.deafMember,
+  undeaf: import_core13.Rooms.undeafMember,
+  setInputVolume: import_core13.Rooms.setInputVolumeMember,
+  setOutputVolume: import_core13.Rooms.setOutputVolumeMember,
+  setMicrophoneVolume: import_core13.Rooms.setInputVolumeMember,
+  setSpeakerVolume: import_core13.Rooms.setOutputVolumeMember,
+  setInputSensitivity: import_core13.Rooms.setInputSensitivityMember,
+  removeMember: import_core13.Rooms.removeMember,
+  removeAllMembers: import_core13.Rooms.removeAllMembers,
+  getMembers: import_core13.Rooms.getMembers,
+  getLayouts: import_core13.Rooms.getLayouts,
+  setLayout: import_core13.Rooms.setLayout,
+  setPositions: import_core13.Rooms.setPositions,
+  setMemberPosition: import_core13.Rooms.setMemberPosition,
+  hideVideoMuted: import_core13.Rooms.hideVideoMuted,
+  showVideoMuted: import_core13.Rooms.showVideoMuted,
+  getRecordings: import_core13.Rooms.getRecordings,
+  startRecording: import_core13.Rooms.startRecording,
+  getPlaybacks: import_core13.Rooms.getPlaybacks,
+  play: import_core13.Rooms.play,
+  setHideVideoMuted: import_core13.Rooms.setHideVideoMuted,
+  getMeta: import_core13.Rooms.getMeta,
+  setMeta: import_core13.Rooms.setMeta,
+  updateMeta: import_core13.Rooms.updateMeta,
+  deleteMeta: import_core13.Rooms.deleteMeta,
+  getMemberMeta: import_core13.Rooms.getMemberMeta,
+  setMemberMeta: import_core13.Rooms.setMemberMeta,
+  updateMemberMeta: import_core13.Rooms.updateMemberMeta,
+  deleteMemberMeta: import_core13.Rooms.deleteMemberMeta,
+  promote: import_core13.Rooms.promote,
+  demote: import_core13.Rooms.demote,
+  getStreams: import_core13.Rooms.getStreams,
+  startStream: import_core13.Rooms.startStream
 });
 var createBaseRoomSessionObject = (params) => {
-  const room = (0, import_core10.connect)({
+  const room = (0, import_core13.connect)({
     store: params.store,
     customSagas: params.customSagas,
     Component: RoomSessionAPI
@@ -1379,68 +1383,90 @@ var createBaseRoomSessionObject = (params) => {
 };
 
 // src/cantina/VideoManager.ts
-var import_core12 = require("@signalwire/core");
+var import_core17 = require("@signalwire/core");
 
-// src/cantina/workers.ts
-var import_core11 = require("@signalwire/core");
+// src/cantina/workers/videoManagerWorker.ts
+var import_core16 = require("@signalwire/core");
+
+// src/cantina/workers/videoManagerRoomsWorker.ts
+var import_core14 = require("@signalwire/core");
+var videoManagerRoomsWorker = function* (options) {
+  (0, import_core14.getLogger)().trace("videoManagerRoomsWorker started");
+  const {
+    instance: client,
+    action: { type, payload }
+  } = options;
+  const modPayload = {
+    rooms: payload.rooms.map((row) => (0, import_core14.toExternalJSON)(row))
+  };
+  client.emit((0, import_core14.stripNamespacePrefix)(type), modPayload);
+  (0, import_core14.getLogger)().trace("videoManagerRoomsWorker ended");
+};
+
+// src/cantina/workers/videoManagerRoomWorker.ts
+var import_core15 = require("@signalwire/core");
+var videoManagerRoomWorker = function* (options) {
+  (0, import_core15.getLogger)().trace("videoManagerRoomWorker started");
+  const {
+    instance: client,
+    action: { type, payload }
+  } = options;
+  client.emit((0, import_core15.stripNamespacePrefix)(type), (0, import_core15.toExternalJSON)(payload));
+  (0, import_core15.getLogger)().trace("videoManagerRoomWorker ended");
+};
+
+// src/cantina/workers/videoManagerWorker.ts
 var videoManagerWorker = function* (options) {
-  (0, import_core11.getLogger)().trace("videoManagerWorker started");
-  const { channels } = options;
-  const { swEventChannel, pubSubChannel } = channels;
+  (0, import_core16.getLogger)().trace("videoManagerWorker started");
+  const {
+    channels: { swEventChannel }
+  } = options;
+  function* worker(action) {
+    const { type } = action;
+    switch (type) {
+      case "video-manager.rooms.subscribed":
+        yield import_core16.sagaEffects.fork(videoManagerRoomsWorker, __spreadValues({
+          action
+        }, options));
+        break;
+      case "video-manager.room.added":
+      case "video-manager.room.deleted":
+      case "video-manager.room.ended":
+      case "video-manager.room.started":
+      case "video-manager.room.updated":
+        yield import_core16.sagaEffects.fork(videoManagerRoomWorker, __spreadValues({
+          action
+        }, options));
+        break;
+      default:
+        (0, import_core16.getLogger)().warn(`Unknown video-manager event: "${type}"`);
+        break;
+    }
+  }
   while (true) {
-    const action = yield import_core11.sagaEffects.take(swEventChannel, (action2) => {
+    const action = yield import_core16.sagaEffects.take(swEventChannel, (action2) => {
       return action2.type.startsWith("video-manager.");
     });
-    yield import_core11.sagaEffects.put(pubSubChannel, action);
+    yield import_core16.sagaEffects.fork(worker, action);
   }
+  (0, import_core16.getLogger)().trace("videoManagerWorker ended");
 };
 
 // src/cantina/VideoManager.ts
-var VideoManagerAPI = class extends import_core12.BaseConsumer {
+var VideoManagerAPI = class extends import_core17.BaseConsumer {
   constructor(options) {
     super(options);
-    __publicField(this, "_eventsPrefix", "video-manager");
     this.runWorker("videoManagerWorker", {
       worker: videoManagerWorker
     });
   }
-  getEmitterTransforms() {
-    return /* @__PURE__ */ new Map([
-      [
-        ["video-manager.rooms.subscribed"],
-        {
-          type: "roomSession",
-          instanceFactory: ({
-            rooms
-          }) => ({
-            rooms: rooms.map((row) => (0, import_core12.toExternalJSON)(row))
-          }),
-          payloadTransform: ({
-            rooms
-          }) => ({
-            rooms: rooms.map((row) => (0, import_core12.toExternalJSON)(row))
-          })
-        }
-      ],
-      [
-        [
-          "video-manager.room.started",
-          "video-manager.room.added",
-          "video-manager.room.updated",
-          "video-manager.room.ended",
-          "video-manager.room.deleted"
-        ],
-        {
-          type: "roomSession",
-          instanceFactory: (payload) => (0, import_core12.toExternalJSON)(payload),
-          payloadTransform: (payload) => (0, import_core12.toExternalJSON)(payload)
-        }
-      ]
-    ]);
+  getSubscriptions() {
+    const eventNamesWithPrefix = this.eventNames().map((event) => `video-manager.${event}`);
+    return (0, import_core17.validateEventsToSubscribe)(eventNamesWithPrefix);
   }
 };
 var createVideoManagerObject = (params) => {
-  const manager = (0, import_core12.connect)({
+  const manager = (0, import_core17.connect)({
     store: params.store,
     Component: VideoManagerAPI
   })(params);
@@ -1458,7 +1484,7 @@ var createVideoManagerObject = (params) => {
 };
 
 // src/Client.ts
-var ClientAPI = class extends import_core13.BaseClient {
+var ClientAPI = class extends import_core18.BaseClient {
   constructor() {
     super(...arguments);
     __publicField(this, "_videoManager");
@@ -1491,7 +1517,6 @@ var ClientAPI = class extends import_core13.BaseClient {
         }
         const room = createBaseRoomSessionObject(__spreadProps(__spreadValues({}, options), {
           store: this.store,
-          emitter: this.emitter,
           customSagas
         }));
         if (stopMicrophoneWhileMuted) {
@@ -1522,18 +1547,16 @@ var ClientAPI = class extends import_core13.BaseClient {
   }
   get chat() {
     if (!this._chat) {
-      this._chat = import_core13.Chat.createBaseChatObject({
-        store: this.store,
-        emitter: this.options.emitter
+      this._chat = import_core18.Chat.createBaseChatObject({
+        store: this.store
       });
     }
     return this._chat;
   }
   get pubSub() {
     if (!this._pubSub) {
-      this._pubSub = import_core13.PubSub.createBasePubSubObject({
-        store: this.store,
-        emitter: this.options.emitter
+      this._pubSub = import_core18.PubSub.createBasePubSubObject({
+        store: this.store
       });
     }
     return this._pubSub;
@@ -1545,17 +1568,17 @@ var ClientAPI = class extends import_core13.BaseClient {
     return this._videoManager;
   }
   reauthenticate(token) {
-    this.store.dispatch(import_core13.actions.reauthAction({ token }));
+    this.store.dispatch(import_core18.actions.reauthAction({ token }));
   }
 };
 
 // src/JWTSession.ts
 var import_jwt_decode2 = __toESM(require("jwt-decode"));
-var import_core16 = require("@signalwire/core");
+var import_core21 = require("@signalwire/core");
 
 // src/utils/storage.ts
 var import_jwt_decode = __toESM(require("jwt-decode"));
-var import_core14 = require("@signalwire/core");
+var import_core19 = require("@signalwire/core");
 var getStorage = () => {
   if (window && window.sessionStorage) {
     return window.sessionStorage;
@@ -1570,7 +1593,7 @@ var sessionStorageManager = (token) => {
     roomName = (_a = jwtPayload == null ? void 0 : jwtPayload.r) != null ? _a : "";
   } catch (e) {
     if (process.env.NODE_ENV !== "production") {
-      (0, import_core14.getLogger)().error("[sessionStorageManager] error decoding JWT", token);
+      (0, import_core19.getLogger)().error("[sessionStorageManager] error decoding JWT", token);
     }
     roomName = "";
   }
@@ -1583,11 +1606,11 @@ var sessionStorageManager = (token) => {
 };
 
 // src/utils/CloseEvent.ts
-var import_core15 = require("@signalwire/core");
-var SwCloseEvent = typeof CloseEvent === "function" ? CloseEvent : import_core15.CloseEvent;
+var import_core20 = require("@signalwire/core");
+var SwCloseEvent = typeof CloseEvent === "function" ? CloseEvent : import_core20.SWCloseEvent;
 
 // src/JWTSession.ts
-var JWTSession = class extends import_core16.BaseJWTSession {
+var JWTSession = class extends import_core21.BaseJWTSession {
   constructor(options) {
     var _a;
     let decodedJwt = {};
@@ -1597,7 +1620,7 @@ var JWTSession = class extends import_core16.BaseJWTSession {
       });
     } catch (e) {
       if (process.env.NODE_ENV !== "production") {
-        (0, import_core16.getLogger)().debug("[JWTSession] error decoding the JWT");
+        (0, import_core21.getLogger)().debug("[JWTSession] error decoding the JWT");
       }
     }
     super(__spreadProps(__spreadValues({}, options), {
@@ -1606,7 +1629,7 @@ var JWTSession = class extends import_core16.BaseJWTSession {
     this.options = options;
     __publicField(this, "WebSocketConstructor", WebSocket);
     __publicField(this, "CloseEventConstructor", SwCloseEvent);
-    __publicField(this, "agent", "@signalwire/js/browser/3.23.2");
+    __publicField(this, "agent", "@signalwire/js/browser/3.23.4-dev.202308301318.6c435be.0");
     __publicField(this, "tokenTyp");
     this.tokenTyp = (_a = decodedJwt.typ) != null ? _a : "VRT";
   }
@@ -1692,13 +1715,13 @@ var JWTSession = class extends import_core16.BaseJWTSession {
 // src/createClient.ts
 var createClient = (userOptions) => {
   const baseUserOptions = __spreadProps(__spreadValues({}, userOptions), {
-    emitter: (0, import_core17.getEventEmitter)()
+    emitter: (0, import_core22.getEventEmitter)()
   });
-  const store = (0, import_core17.configureStore)({
+  const store = (0, import_core22.configureStore)({
     userOptions: baseUserOptions,
     SessionConstructor: JWTSession
   });
-  const client = (0, import_core17.connect)({
+  const client = (0, import_core22.connect)({
     store,
     Component: ClientAPI
   })(baseUserOptions);
@@ -1744,7 +1767,7 @@ var createRoomObject = (roomOptions) => {
         rootElement = el;
       } else {
         rootElement = document.body;
-        (0, import_core18.getLogger)().warn(`We couldn't find an element with id: ${rootElementId}: using 'document.body' instead.`);
+        (0, import_core23.getLogger)().warn(`We couldn't find an element with id: ${rootElementId}: using 'document.body' instead.`);
       }
     }
     const roomObject = client.rooms.makeRoomObject({
@@ -1771,7 +1794,7 @@ var createRoomObject = (roomOptions) => {
           });
           yield roomObject.join();
         } catch (error) {
-          (0, import_core18.getLogger)().error("Join", error);
+          (0, import_core23.getLogger)().error("Join", error);
           client.disconnect();
           reject2(error);
         }
@@ -1806,10 +1829,10 @@ var joinRoom = (roomOptions) => {
 };
 
 // src/RoomSession.ts
-var import_core20 = require("@signalwire/core");
+var import_core25 = require("@signalwire/core");
 
 // src/utils/roomSession.ts
-var import_core19 = require("@signalwire/core");
+var import_core24 = require("@signalwire/core");
 var getJoinMediaParams = (options) => {
   const {
     authState,
@@ -1820,7 +1843,7 @@ var getJoinMediaParams = (options) => {
     receiveAudio,
     receiveVideo
   } = options;
-  (0, import_core19.getLogger)().debug("getJoinMediaParams options", __spreadValues({}, options));
+  (0, import_core24.getLogger)().debug("getJoinMediaParams options", __spreadValues({}, options));
   const { audio_allowed, video_allowed, join_as } = authState;
   const joinAs = join_as != null ? join_as : "member";
   const canSend = joinAs === "member";
@@ -1833,16 +1856,16 @@ var getJoinMediaParams = (options) => {
   const reqToReceiveAudio = Boolean(receiveAudio != null ? receiveAudio : audio);
   const reqToReceiveVideo = Boolean(receiveVideo != null ? receiveVideo : video);
   if (!canSendAudio && reqToSendAudio) {
-    (0, import_core19.getLogger)().info("Not allowed to send audio on this room. Default values will be used.");
+    (0, import_core24.getLogger)().info("Not allowed to send audio on this room. Default values will be used.");
   }
   if (!canSendVideo && reqToSendVideo) {
-    (0, import_core19.getLogger)().info("Not allowed to send video on this room. Default values will be used.");
+    (0, import_core24.getLogger)().info("Not allowed to send video on this room. Default values will be used.");
   }
   if (!canReceiveAudio && reqToReceiveAudio) {
-    (0, import_core19.getLogger)().info("Not allowed to receive video from the room. Default values will be used.");
+    (0, import_core24.getLogger)().info("Not allowed to receive video from the room. Default values will be used.");
   }
   if (!canReceiveVideo && reqToReceiveVideo) {
-    (0, import_core19.getLogger)().info("Not allowed to receive video from the room. Default values will be used.");
+    (0, import_core24.getLogger)().info("Not allowed to receive video from the room. Default values will be used.");
   }
   return {
     mustSendAudio: canSendAudio && reqToSendAudio,
@@ -1933,7 +1956,7 @@ var RoomSession = function(roomOptions) {
   const deprecatedParams = ["audio", "video"];
   deprecatedParams.forEach((param) => {
     if (param in roomOptions) {
-      (0, import_core20.getLogger)().warn(`The '${param}' parameter on the RoomSession constructor is deprecated. Set it on the '.join()' function instead.`);
+      (0, import_core25.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;
@@ -1991,7 +2014,7 @@ var RoomSession = function(roomOptions) {
     reattachManager.destroy();
     client.disconnect();
   });
-  client.once("session.disconnected", () => {
+  client.session.once("session.disconnected", () => {
     room.destroy();
   });
   const join = (params) => {
@@ -2003,7 +2026,7 @@ var RoomSession = function(roomOptions) {
         const audio = (_a2 = params == null ? void 0 : params.audio) != null ? _a2 : audioFromConstructor;
         const video = (_b = params == null ? void 0 : params.video) != null ? _b : videoFromConstructor;
         const authState = client._sessionAuthState;
-        (0, import_core20.getLogger)().debug("getJoinMediaParams authState?", authState);
+        (0, import_core25.getLogger)().debug("getJoinMediaParams authState?", authState);
         if (authState && authState.type === "video") {
           const mediaOptions = getJoinMediaParams(__spreadValues({
             authState,
@@ -2016,7 +2039,7 @@ var RoomSession = function(roomOptions) {
 ${JSON.stringify(params, null, 2)}
 `));
           }
-          (0, import_core20.getLogger)().debug("Set mediaOptions", mediaOptions);
+          (0, import_core25.getLogger)().debug("Set mediaOptions", mediaOptions);
           room.updateMediaOptions({
             audio: mediaOptions.mustSendAudio ? audio || true : false,
             video: mediaOptions.mustSendVideo ? video || true : false,
@@ -2024,15 +2047,14 @@ ${JSON.stringify(params, null, 2)}
             negotiateVideo: mediaOptions.mustRecvVideo
           });
         }
-        room.once("room.subscribed", (payload) => {
-          room.attachOnSubscribedWorkers(payload);
+        room.once("room.subscribed", () => {
           resolve(room);
         });
         reattachManager.init();
         REQUIRED_EVENTS.forEach((event) => room.once(event, noop2));
         yield room.join();
       } catch (error) {
-        (0, import_core20.getLogger)().error("RoomSession Join", error);
+        (0, import_core25.getLogger)().error("RoomSession Join", error);
         client.disconnect();
         reject(error);
       }
@@ -2224,26 +2246,26 @@ var SWClient = class {
 };
 
 // src/fabric/WSClient.ts
-var import_core22 = require("@signalwire/core");
+var import_core27 = require("@signalwire/core");
 
 // src/fabric/WSClientWorker.ts
-var import_core21 = require("@signalwire/core");
+var import_core26 = require("@signalwire/core");
 var WSClientWorker = function* (options) {
-  (0, import_core21.getLogger)().debug("WSClientWorker started");
+  (0, import_core26.getLogger)().debug("WSClientWorker started");
   const { channels, instance } = options;
   const { swEventChannel } = channels;
-  (0, import_core21.getLogger)().debug("WSClientWorker instance", instance);
+  (0, import_core26.getLogger)().debug("WSClientWorker instance", instance);
   while (true) {
-    const action = yield import_core21.sagaEffects.take(swEventChannel, (action2) => {
-      (0, import_core21.getLogger)().debug("WSClientWorker action", action2);
+    const action = yield import_core26.sagaEffects.take(swEventChannel, (action2) => {
+      (0, import_core26.getLogger)().debug("WSClientWorker action", action2);
       if (action2.type === "webrtc.message") {
         return action2.payload.method === "verto.invite";
       }
       return false;
     });
-    (0, import_core21.getLogger)().debug("Build new call to answer", action);
+    (0, import_core26.getLogger)().debug("Build new call to answer", action);
   }
-  (0, import_core21.getLogger)().trace("WSClientWorker ended");
+  (0, import_core26.getLogger)().trace("WSClientWorker ended");
 };
 
 // src/fabric/WSClient.ts
@@ -2251,7 +2273,7 @@ var WSClient = class {
   constructor(options) {
     this.options = options;
     __publicField(this, "wsClient");
-    __publicField(this, "logger", (0, import_core22.getLogger)());
+    __publicField(this, "logger", (0, import_core27.getLogger)());
     this.wsClient = createClient({
       host: this.options.host,
       token: this.options.token,
@@ -2297,18 +2319,18 @@ var WSClient = class {
           call.start = () => {
             return new Promise((resolve2, reject2) => __async(this, null, function* () {
               try {
-                call.emitter.once("verto.display", () => resolve2(call));
+                call.once("verto.display", () => resolve2(call));
                 call.once("room.subscribed", () => resolve2(call));
                 yield call.join();
               } catch (error) {
-                (0, import_core22.getLogger)().error("WSClient call start", error);
+                (0, import_core27.getLogger)().error("WSClient call start", error);
                 reject2(error);
               }
             }));
           };
           resolve(call);
         } catch (error) {
-          (0, import_core22.getLogger)().error("WSClient dial", error);
+          (0, import_core27.getLogger)().error("WSClient dial", error);
           reject(error);
         }
       }));
@@ -2363,10 +2385,10 @@ var WSClient = class {
           nodeId
         });
         call.once("destroy", () => {
-          (0, import_core22.getLogger)().debug("RTC Connection Destroyed");
+          (0, import_core27.getLogger)().debug("RTC Connection Destroyed");
         });
         call.attachPreConnectWorkers();
-        (0, import_core22.getLogger)().debug("Resolving Call", call);
+        (0, import_core27.getLogger)().debug("Resolving Call", call);
         resolve({ resultType: "inboundCall", resultObject: call });
       } catch (error) {
         reject(error);
@@ -2382,7 +2404,7 @@ var WSClient = class {
             callID: callId,
             node_id: nodeId,
             subscribe: [],
-            message: (0, import_core22.VertoSubscribe)({
+            message: (0, import_core27.VertoSubscribe)({
               sessid: callId,
               eventChannel: []
             })
@@ -2509,11 +2531,11 @@ __export(chat_exports, {
   ChatMessage: () => ChatMessage,
   Client: () => Client3
 });
-var import_core24 = require("@signalwire/core");
+var import_core29 = require("@signalwire/core");
 
 // src/utils/interfaces.ts
-var import_core23 = require("@signalwire/core");
-var INTERNAL_MEMBER_UPDATED_EVENTS = Object.keys(import_core23.INTERNAL_MEMBER_UPDATABLE_PROPS).map((key) => {
+var import_core28 = require("@signalwire/core");
+var INTERNAL_MEMBER_UPDATED_EVENTS = Object.keys(import_core28.INTERNAL_MEMBER_UPDATABLE_PROPS).map((key) => {
   return `member.updated.${key}`;
 });
 
@@ -2553,8 +2575,8 @@ var Client3 = function(chatOptions) {
 };
 
 // src/chat/index.ts
-var ChatMember = import_core24.Chat.ChatMember;
-var ChatMessage = import_core24.Chat.ChatMessage;
+var ChatMember = import_core29.Chat.ChatMember;
+var ChatMessage = import_core29.Chat.ChatMessage;
 
 // src/pubSub/index.ts
 var pubSub_exports = {};
@@ -2562,7 +2584,7 @@ __export(pubSub_exports, {
   Client: () => Client4,
   PubSubMessage: () => PubSubMessage
 });
-var import_core25 = require("@signalwire/core");
+var import_core30 = require("@signalwire/core");
 
 // src/pubSub/Client.ts
 var INTERCEPTED_METHODS2 = [
@@ -2596,7 +2618,7 @@ var Client4 = function(pubSubOptions) {
 };
 
 // src/pubSub/index.ts
-var PubSubMessage = import_core25.PubSub.PubSubMessage;
+var PubSubMessage = import_core30.PubSub.PubSubMessage;
 
 // src/webrtc.ts
 var webrtc_exports = {};