@poolse/react 2.8.0 → 2.8.1

package/dist/index.cjs

@@ -1070,6 +1070,7 @@ function useVoiceRoom(conversationId, opts = {}) {
   const [muted, setMuted] = react.useState(false);
   const [error, setError] = react.useState(null);
   const optsRef = react.useRef(opts);
+  const joined = react.useRef(false);
   const room = react.useMemo(
     () => conversationId ? poolse.realtime.voice(conversationId, optsRef.current) : null,
     [poolse, conversationId]
@@ -1086,7 +1087,10 @@ function useVoiceRoom(conversationId, opts = {}) {
       offStatus();
       offRoster();
       offError();
-      room.leave();
+      if (joined.current) {
+        joined.current = false;
+        room.leave();
+      }
     };
   }, [room]);
   const join = react.useCallback(async () => {
@@ -1094,11 +1098,14 @@ function useVoiceRoom(conversationId, opts = {}) {
     setError(null);
     try {
       await room.join();
+      joined.current = true;
     } catch (err) {
       setError(err instanceof Error ? err : new Error(String(err)));
     }
   }, [room]);
   const leave = react.useCallback(() => {
+    if (!joined.current) return;
+    joined.current = false;
     room?.leave();
   }, [room]);
   const toggleMute = react.useCallback(() => {
@@ -1147,6 +1154,12 @@ function useCalls(userId, opts = {}) {
       setPhase("busy");
       setOutgoing(null);
     });
+    const offEnded = calls.onEnded(() => {
+      setPhase("idle");
+      setIncoming(null);
+      setOutgoing(null);
+      setActiveConversationId(null);
+    });
     const offCancelled = calls.onCancelled((call2) => {
       setIncoming((current) => {
         if (current && current.callId !== call2.callId) return current;
@@ -1159,6 +1172,7 @@ function useCalls(userId, opts = {}) {
       offAccepted();
       offDeclined();
       offBusy();
+      offEnded();
       offCancelled();
     };
   }, [calls]);
@@ -1230,6 +1244,27 @@ function useCalls(userId, opts = {}) {
     }, ringTimeoutMs);
     return () => clearTimeout(timer);
   }, [phase, ringTimeoutMs]);
+  const hangUp = react.useCallback(async () => {
+    const conversationId = activeConversationId ?? incoming?.conversationId ?? outgoing?.conversationId;
+    const callId = incoming?.callId ?? outgoing?.callId;
+    try {
+      if (!calls || !callId || !conversationId) return;
+      if (phase === "ringing-out" && outgoing) {
+        await calls.cancel(outgoing);
+      } else if (phase === "ringing-in" && incoming) {
+        await calls.decline(incoming);
+      } else if (phase === "active") {
+        await calls.hangUp({ callId, conversationId });
+      }
+    } catch (err) {
+      setError(err instanceof Error ? err : new Error(String(err)));
+    } finally {
+      setPhase("idle");
+      setIncoming(null);
+      setOutgoing(null);
+      setActiveConversationId(null);
+    }
+  }, [calls, phase, incoming, outgoing, activeConversationId]);
   const reset = react.useCallback(() => {
     setPhase("idle");
     setIncoming(null);
@@ -1247,6 +1282,7 @@ function useCalls(userId, opts = {}) {
     accept,
     decline,
     cancel,
+    hangUp,
     reset
   };
 }