@poolse/react 2.1.5 → 2.2.0

package/dist/index.cjs

@@ -1063,6 +1063,185 @@ function formatDayLabel(iso, now = /* @__PURE__ */ new Date()) {
   }
   return d.toLocaleDateString(void 0, { day: "numeric", month: "short", year: "numeric" });
 }
+function useVoiceRoom(conversationId, opts = {}) {
+  const poolse = usePoolse();
+  const [status, setStatus] = react.useState("idle");
+  const [participants, setParticipants] = react.useState([]);
+  const [muted, setMuted] = react.useState(false);
+  const [error, setError] = react.useState(null);
+  const optsRef = react.useRef(opts);
+  const room = react.useMemo(
+    () => conversationId ? poolse.realtime.voice(conversationId, optsRef.current) : null,
+    [poolse, conversationId]
+  );
+  react.useEffect(() => {
+    if (!room) return;
+    setStatus(room.getStatus());
+    setParticipants(room.getParticipants());
+    setMuted(room.isMuted());
+    const offStatus = room.onStatus(setStatus);
+    const offRoster = room.onParticipants(setParticipants);
+    const offError = room.onError(setError);
+    return () => {
+      offStatus();
+      offRoster();
+      offError();
+      room.leave();
+    };
+  }, [room]);
+  const join = react.useCallback(async () => {
+    if (!room) return;
+    setError(null);
+    try {
+      await room.join();
+    } catch (err) {
+      setError(err instanceof Error ? err : new Error(String(err)));
+    }
+  }, [room]);
+  const leave = react.useCallback(() => {
+    room?.leave();
+  }, [room]);
+  const toggleMute = react.useCallback(() => {
+    if (!room) return;
+    setMuted(room.toggleMute());
+  }, [room]);
+  return { status, participants, muted, error, join, leave, toggleMute };
+}
+function useCalls(userId, opts = {}) {
+  const ringTimeoutMs = opts.ringTimeoutMs ?? 45e3;
+  const poolse = usePoolse();
+  const [phase, setPhase] = react.useState("idle");
+  const [incoming, setIncoming] = react.useState(null);
+  const [outgoing, setOutgoing] = react.useState(null);
+  const [activeConversationId, setActiveConversationId] = react.useState(null);
+  const [error, setError] = react.useState(null);
+  const actionsRef = react.useRef({
+    cancel: async () => {
+    },
+    decline: async () => {
+    }
+  });
+  const calls = react.useMemo(() => userId ? poolse.realtime.calls(userId) : null, [poolse, userId]);
+  react.useEffect(() => {
+    if (!calls) return;
+    const offIncoming = calls.onIncoming((call2) => {
+      setPhase((current) => {
+        if (current !== "idle") {
+          void calls.markBusy(call2).catch(() => {
+          });
+          return current;
+        }
+        setIncoming(call2);
+        return "ringing-in";
+      });
+    });
+    const offAccepted = calls.onAccepted((call2) => {
+      setPhase("active");
+      setActiveConversationId(call2.conversationId);
+    });
+    const offDeclined = calls.onDeclined(() => {
+      setPhase("declined");
+      setOutgoing(null);
+    });
+    const offBusy = calls.onBusy(() => {
+      setPhase("busy");
+      setOutgoing(null);
+    });
+    const offCancelled = calls.onCancelled((call2) => {
+      setIncoming((current) => {
+        if (current && current.callId !== call2.callId) return current;
+        setPhase("idle");
+        return null;
+      });
+    });
+    return () => {
+      offIncoming();
+      offAccepted();
+      offDeclined();
+      offBusy();
+      offCancelled();
+    };
+  }, [calls]);
+  const call = react.useCallback(
+    async (conversationId) => {
+      if (!calls) return;
+      setError(null);
+      try {
+        const placed = await calls.invite(conversationId);
+        setOutgoing(placed);
+        setPhase("ringing-out");
+      } catch (err) {
+        setError(err instanceof Error ? err : new Error(String(err)));
+        setPhase("idle");
+      }
+    },
+    [calls]
+  );
+  const accept = react.useCallback(async () => {
+    if (!calls || !incoming) return;
+    try {
+      await calls.accept(incoming);
+      setActiveConversationId(incoming.conversationId);
+      setPhase("active");
+      setIncoming(null);
+    } catch (err) {
+      setError(err instanceof Error ? err : new Error(String(err)));
+    }
+  }, [calls, incoming]);
+  const decline = react.useCallback(async () => {
+    if (!calls || !incoming) return;
+    try {
+      await calls.decline(incoming);
+    } catch (err) {
+      setError(err instanceof Error ? err : new Error(String(err)));
+    } finally {
+      setIncoming(null);
+      setPhase("idle");
+    }
+  }, [calls, incoming]);
+  const cancel = react.useCallback(async () => {
+    if (!calls || !outgoing) return;
+    try {
+      await calls.cancel(outgoing);
+    } catch (err) {
+      setError(err instanceof Error ? err : new Error(String(err)));
+    } finally {
+      setOutgoing(null);
+      setPhase("idle");
+    }
+  }, [calls, outgoing]);
+  actionsRef.current = { cancel, decline };
+  react.useEffect(() => {
+    if (ringTimeoutMs <= 0) return;
+    if (phase !== "ringing-out" && phase !== "ringing-in") return;
+    const outbound = phase === "ringing-out";
+    const timer = setTimeout(() => {
+      void (outbound ? actionsRef.current.cancel() : actionsRef.current.decline()).finally(() => {
+        if (outbound) setPhase("timed-out");
+      });
+    }, ringTimeoutMs);
+    return () => clearTimeout(timer);
+  }, [phase, ringTimeoutMs]);
+  const reset = react.useCallback(() => {
+    setPhase("idle");
+    setIncoming(null);
+    setOutgoing(null);
+    setActiveConversationId(null);
+    setError(null);
+  }, []);
+  return {
+    phase,
+    incoming,
+    outgoing,
+    activeConversationId,
+    error,
+    call,
+    accept,
+    decline,
+    cancel,
+    reset
+  };
+}
 
 Object.defineProperty(exports, "ApiError", {
   enumerable: true,
@@ -1091,6 +1270,7 @@ exports.sameDay = sameDay;
 exports.sameGroup = sameGroup;
 exports.useAttachmentUpload = useAttachmentUpload;
 exports.useAttachmentUrl = useAttachmentUrl;
+exports.useCalls = useCalls;
 exports.useConversation = useConversation;
 exports.useConversations = useConversations;
 exports.useMe = useMe;
@@ -1103,5 +1283,6 @@ exports.useRealtimeStatus = useRealtimeStatus;
 exports.useThread = useThread;
 exports.useTyping = useTyping;
 exports.useUser = useUser;
+exports.useVoiceRoom = useVoiceRoom;
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map