@defcomm/meetingsdk 0.6.1 → 0.6.3

package/dist/index.mjs

@@ -286,6 +286,7 @@ var MeetingState = class {
         name: patch.name ?? "",
         isHost: patch.isHost ?? false,
         isModerator: patch.isModerator ?? false,
+        handRaised: patch.handRaised ?? false,
         permissions: patch.permissions,
         media: {
           stream: patch.media?.stream ?? null,
@@ -333,6 +334,21 @@ var MeetingState = class {
     };
     this.notify("localParticipant");
   }
+  setParticipantHandRaised(id, raised) {
+    const p = id === this.localParticipant?.id ? this.localParticipant : this.participants.get(id);
+    if (!p || p.handRaised === raised) return;
+    const updated = { ...p, handRaised: raised };
+    if (id === this.localParticipant?.id) {
+      this.localParticipant = updated;
+      this.notify("localParticipant");
+    } else {
+      const next = new Map(this.participants);
+      next.set(id, updated);
+      this.participants = next;
+      this.notify(`participant:${id}`);
+      this.notify("participants");
+    }
+  }
   // ---- chat ----
   addChatMessage(msg) {
     this.chatMessages.set(msg.id, msg);
@@ -481,6 +497,8 @@ var SFUClient = class {
     });
     this.onReaction = options.onReaction || (() => {
     });
+    this.onHandRaised = options.onHandRaised || (() => {
+    });
     this.onRoomUpdate = options.onRoomUpdate || (() => {
     });
     this.onNetworkQuality = options.onNetworkQuality || (() => {
@@ -1079,6 +1097,12 @@ var SFUClient = class {
         if (reaction?.id && reaction?.emoji) this.onReaction(reaction);
         break;
       }
+      case "hand_raised": {
+        const participantId = String(payload.participant_id ?? payload.participantId ?? "");
+        const raised = Boolean(payload.raised);
+        if (participantId) this.onHandRaised(participantId, raised);
+        break;
+      }
       case "network_quality": {
         const raw = payload.quality || payload;
         const quality = {
@@ -2004,6 +2028,14 @@ var SFUClient = class {
       }
     });
   }
+  setHandRaised(raised) {
+    this.send({
+      type: "set_hand_raised",
+      payload: {
+        raised
+      }
+    });
+  }
   removeRemoteParticipant(participantId) {
     const stream = this.remoteStreams.get(participantId);
     if (stream) {
@@ -2438,6 +2470,7 @@ var VideoSDKCore = class {
           isHost,
           isModerator,
           permissions,
+          handRaised: Boolean(local?.hand_raised),
           media: {
             micEnabled: !Boolean(local?.audio_muted),
             camEnabled: !Boolean(local?.video_muted)
@@ -2465,6 +2498,7 @@ var VideoSDKCore = class {
           this.state.updateLocalParticipant({
             id: this.myId,
             name: this.participantName,
+            handRaised: Boolean(local.hand_raised),
             media: {
               micEnabled: !Boolean(local.audio_muted),
               camEnabled: !Boolean(local.video_muted),
@@ -2543,6 +2577,10 @@ var VideoSDKCore = class {
       onReaction: (reaction) => {
         this.events.onReaction?.(reaction);
       },
+      onHandRaised: (participantId, raised) => {
+        this.state.setParticipantHandRaised(participantId, raised);
+        this.events.onHandRaised?.(participantId, raised);
+      },
       onJoinRequestCanceled: (requestId) => {
         this.events.onJoinRequestCanceled?.(requestId);
       },
@@ -2568,6 +2606,7 @@ var VideoSDKCore = class {
             id: this.myId,
             name: this.participantName,
             isHost: current?.isHost,
+            handRaised: current?.handRaised,
             isModerator: Boolean(permissions?.moderate),
             permissions
           });
@@ -2597,6 +2636,7 @@ var VideoSDKCore = class {
           id: pid,
           name: pname,
           isModerator: Boolean(participant?.permissions?.moderate),
+          handRaised: Boolean(participant?.hand_raised),
           permissions: participant?.permissions,
           connectionState: "connected",
           media: {
@@ -2606,10 +2646,12 @@ var VideoSDKCore = class {
             stream: null
           }
         });
-        this.events.onUserJoined?.({
+        const joinedParticipant = this.state.getParticipant(pid) ?? {
           id: pid,
           name: pname
-        });
+        };
+        this.events.onUserJoined?.(joinedParticipant);
+        this.events.onParticipantJoined?.(joinedParticipant);
       },
       onParticipantPresence: (participantId, presence) => {
         if (participantId === this.myId) {
@@ -2638,9 +2680,11 @@ var VideoSDKCore = class {
           return;
         }
         console.log("[SFU] Participant permanently left", pid);
+        const leavingParticipant = this.state.getParticipant(pid) ?? { id: pid };
         this.cleanupRemoteParticipant(pid);
         this.state.removeParticipant(pid);
         this.events.onUserLeft?.(pid);
+        this.events.onParticipantLeft?.(leavingParticipant);
       },
       // TRACKS
       onParticipantMediaState: (participantId, audioMuted, videoMuted) => {
@@ -3110,6 +3154,16 @@ var VideoSDKCore = class {
     }
     this.sfuClient.sendReaction(reaction);
   }
+  setHandRaised(raised) {
+    if (!this.sfuClient) {
+      console.warn("SFU Client not connected");
+      return;
+    }
+    this.sfuClient.setHandRaised(raised);
+  }
+  toggleHandRaised() {
+    this.setHandRaised(!Boolean(this.state.localParticipant?.handRaised));
+  }
   /**
    * Generic PubSub publishing entry point.
    *
@@ -3230,6 +3284,9 @@ var MeetingProvider = ({
   const recordingStartedListeners = useRef(/* @__PURE__ */ new Set());
   const recordingStoppedListeners = useRef(/* @__PURE__ */ new Set());
   const reactionListeners = useRef(/* @__PURE__ */ new Set());
+  const handRaisedListeners = useRef(
+    /* @__PURE__ */ new Set()
+  );
   const pubSubListeners = useRef(
     /* @__PURE__ */ new Map()
   );
@@ -3243,6 +3300,15 @@ var MeetingProvider = ({
   const connectionStateListeners = useRef(
     /* @__PURE__ */ new Set()
   );
+  const participantJoinedListeners = useRef(
+    /* @__PURE__ */ new Set()
+  );
+  const participantLeftListeners = useRef(
+    /* @__PURE__ */ new Set()
+  );
+  const chatMessageListeners = useRef(
+    /* @__PURE__ */ new Set()
+  );
   if (!sdkRef.current) {
     sdkRef.current = new VideoSDKCore(
       {
@@ -3303,6 +3369,7 @@ var MeetingProvider = ({
             data: msg
           };
           pubSubListeners.current.get("SECURE_CHAT")?.forEach((fn) => fn(pubSubMessage));
+          chatMessageListeners.current.forEach((fn) => fn(msg));
         },
         onReaction: (reaction) => {
           reactionListeners.current.forEach((fn) => fn(reaction));
@@ -3323,6 +3390,9 @@ var MeetingProvider = ({
           );
           pubSubListeners.current.get("REACTION")?.forEach((fn) => fn(message));
         },
+        onHandRaised: (participantId, raised) => {
+          handRaisedListeners.current.forEach((fn) => fn(participantId, raised));
+        },
         onNetworkQuality: (quality) => {
           networkQualityListeners.current.forEach((fn) => fn(quality));
         },
@@ -3330,6 +3400,12 @@ var MeetingProvider = ({
           connectionStateListeners.current.forEach(
             (fn) => fn(state)
           );
+        },
+        onParticipantJoined: (participant) => {
+          participantJoinedListeners.current.forEach((fn) => fn(participant));
+        },
+        onParticipantLeft: (participant) => {
+          participantLeftListeners.current.forEach((fn) => fn(participant));
         }
       }
     );
@@ -3389,6 +3465,8 @@ var MeetingProvider = ({
       stopScreenShare: sdk.stopScreenShare.bind(sdk),
       sendMessage: sdk.sendChatMessage.bind(sdk),
       sendReaction: sdk.sendReaction.bind(sdk),
+      setHandRaised: sdk.setHandRaised.bind(sdk),
+      toggleHandRaised: sdk.toggleHandRaised.bind(sdk),
       room: sdk.getMeeting(),
       localParticipant,
       participants,
@@ -3514,6 +3592,10 @@ var MeetingProvider = ({
         reactionListeners.current.add(cb);
         return () => reactionListeners.current.delete(cb);
       },
+      onHandRaised: (cb) => {
+        handRaisedListeners.current.add(cb);
+        return () => handRaisedListeners.current.delete(cb);
+      },
       onNetworkQuality: (cb) => {
         networkQualityListeners.current.add(cb);
         return () => networkQualityListeners.current.delete(cb);
@@ -3529,6 +3611,18 @@ var MeetingProvider = ({
         return () => {
           activeSpeakerListeners.current.delete(cb);
         };
+      },
+      onParticipantJoined: (cb) => {
+        participantJoinedListeners.current.add(cb);
+        return () => participantJoinedListeners.current.delete(cb);
+      },
+      onChatMessage: (cb) => {
+        chatMessageListeners.current.add(cb);
+        return () => chatMessageListeners.current.delete(cb);
+      },
+      onParticipantLeft: (cb) => {
+        participantLeftListeners.current.add(cb);
+        return () => participantLeftListeners.current.delete(cb);
       }
     };
   }, [
@@ -3653,10 +3747,26 @@ var useMeeting = (handlers) => {
     if (!handlers?.onNetworkQuality) return;
     return ctx.onNetworkQuality(handlers.onNetworkQuality);
   }, [handlers?.onNetworkQuality]);
+  useEffect3(() => {
+    if (!handlers?.onParticipantJoined) return;
+    return ctx.onParticipantJoined(handlers.onParticipantJoined);
+  }, [handlers?.onParticipantJoined]);
+  useEffect3(() => {
+    if (!handlers?.onParticipantLeft) return;
+    return ctx.onParticipantLeft(handlers.onParticipantLeft);
+  }, [handlers?.onParticipantLeft]);
+  useEffect3(() => {
+    if (!handlers?.onChatMessage) return;
+    return ctx.onChatMessage(handlers.onChatMessage);
+  }, [handlers?.onChatMessage]);
   useEffect3(() => {
     if (!handlers?.onReaction) return;
     return ctx.onReaction(handlers.onReaction);
   }, [handlers?.onReaction]);
+  useEffect3(() => {
+    if (!handlers?.onHandRaised) return;
+    return ctx.onHandRaised(handlers.onHandRaised);
+  }, [handlers?.onHandRaised]);
   const { sdk: _, ...publicApi } = ctx;
   return publicApi;
 };