@poolse/react-native 2.5.0 → 2.7.0

package/dist/index.cjs

@@ -4972,7 +4972,8 @@ function VoiceRoomBar({
   conversationId,
   labelFor,
   unavailableSlot,
-  webrtc
+  webrtc,
+  onStatusChange
 }) {
   const theme = usePoolseTheme();
   const available = isNativeWebRtcAvailable(webrtc);
@@ -4984,6 +4985,9 @@ function VoiceRoomBar({
     available ? conversationId : null,
     opts
   );
+  react.useEffect(() => {
+    onStatusChange?.(status);
+  }, [status, onStatusChange]);
   const label = labelFor ?? ((id) => `User ${id.slice(0, 6)}`);
   const connected = status === "connected";
   if (!available) {
@@ -5106,7 +5110,14 @@ var styles23 = reactNative.StyleSheet.create({
   hint: { fontSize: 13, flexShrink: 1 },
   error: { fontSize: 12, marginTop: 6 }
 });
-function CallScreen({ userId, labelFor, calls: external, webrtc }) {
+function CallScreen({
+  userId,
+  labelFor,
+  calls: external,
+  webrtc,
+  onStatusChange,
+  nativeIncomingUi = false
+}) {
   const theme = usePoolseTheme();
   const own = react$1.useCalls(external ? null : userId);
   const calls = external ?? own;
@@ -5122,8 +5133,12 @@ function CallScreen({ userId, labelFor, calls: external, webrtc }) {
   react.useEffect(() => {
     if (calls.phase === "active" && voice.status === "idle") void voice.join();
   }, [calls.phase, voice]);
+  react.useEffect(() => {
+    onStatusChange?.(voice.status);
+  }, [voice.status, onStatusChange]);
   const label = labelFor ?? ((id) => `User ${id.slice(0, 6)}`);
-  const visible = calls.phase !== "idle";
+  const ringingIn = calls.phase === "ringing-in";
+  const visible = calls.phase !== "idle" && !(nativeIncomingUi && ringingIn);
   const hangUp = () => {
     voice.leave();
     calls.reset();
@@ -5224,28 +5239,50 @@ var styles24 = reactNative.StyleSheet.create({
 function useVoipCalls({
   voipPush,
   callKeep,
+  calls,
   onAnswer,
   onDecline,
-  appName = "poolse"
+  appName = "poolse",
+  apnsEnvironment,
+  staleAfterMs = 45e3
 }) {
   const poolse = react$1.usePoolse();
-  const pending = react.useRef(/* @__PURE__ */ new Map());
-  const handlers = react.useRef({ onAnswer, onDecline });
-  handlers.current = { onAnswer, onDecline };
+  const shown = react.useRef(/* @__PURE__ */ new Map());
+  const seen = react.useRef(/* @__PURE__ */ new Set());
+  const handlers = react.useRef({ onAnswer, onDecline, calls });
+  handlers.current = { onAnswer, onDecline, calls };
+  const staleRef = react.useRef(staleAfterMs);
+  staleRef.current = staleAfterMs;
+  const dismiss = react.useRef((callId) => {
+    if (!shown.current.has(callId)) return;
+    shown.current.delete(callId);
+    try {
+      callKeep.endCall(callId);
+    } catch {
+    }
+  });
+  const present = react.useRef((call, sentAt) => {
+    if (seen.current.has(call.callId)) return;
+    if (typeof sentAt === "number" && Date.now() - sentAt > staleRef.current) return;
+    seen.current.add(call.callId);
+    shown.current.set(call.callId, call);
+    callKeep.displayIncomingCall(call.callId, call.callerUserId, call.callerName, "generic", false);
+  });
   react.useEffect(() => {
     let cancelled = false;
-    const reportCall = (payload) => {
+    const fromPush = (payload) => {
       const callId = payload.call_id;
       const conversationId = payload.conversation_id;
       if (!callId || !conversationId) return;
-      const call = {
-        callId,
-        conversationId,
-        callerUserId: payload.caller_user_id ?? "",
-        callerName: payload.caller_name ?? "Incoming call"
-      };
-      pending.current.set(callId, call);
-      callKeep.displayIncomingCall(callId, call.callerUserId, call.callerName, "generic", false);
+      present.current(
+        {
+          callId,
+          conversationId,
+          callerUserId: payload.caller_user_id ?? "",
+          callerName: payload.caller_name ?? "Incoming call"
+        },
+        payload.sent_at
+      );
     };
     void callKeep.setup({
       ios: { appName },
@@ -5260,27 +5297,44 @@ function useVoipCalls({
     });
     voipPush.addEventListener("register", ((token) => {
       if (cancelled || !token) return;
-      void poolse.devices.register({ token, platform: "ios", environment: apnsEnvironment() }).catch(() => {
+      void poolse.devices.register({
+        token,
+        platform: "ios",
+        environment: apnsEnvironment ?? guessApnsEnvironment()
+      }).catch(() => {
       });
     }));
     voipPush.addEventListener("notification", ((payload) => {
-      reportCall(payload);
+      fromPush(payload);
     }));
     voipPush.addEventListener("didLoadWithEvents", ((events) => {
       for (const event of events ?? []) {
         if (event.name === "RNVoipPushRemoteNotificationReceivedEvent") {
-          reportCall(event.data);
+          fromPush(event.data);
         }
       }
     }));
     callKeep.addEventListener("answerCall", (({ callUUID }) => {
-      const call = pending.current.get(callUUID);
-      if (call) handlers.current.onAnswer?.(call);
+      const call = shown.current.get(callUUID);
+      if (!call) return;
+      shown.current.delete(callUUID);
+      void handlers.current.calls?.accept({
+        callId: call.callId,
+        conversationId: call.conversationId,
+        callerUserId: call.callerUserId
+      });
+      handlers.current.onAnswer?.(call);
     }));
     callKeep.addEventListener("endCall", (({ callUUID }) => {
-      const call = pending.current.get(callUUID);
-      pending.current.delete(callUUID);
-      if (call) handlers.current.onDecline?.(call);
+      const call = shown.current.get(callUUID);
+      shown.current.delete(callUUID);
+      if (!call) return;
+      void handlers.current.calls?.decline({
+        callId: call.callId,
+        conversationId: call.conversationId,
+        callerUserId: call.callerUserId
+      });
+      handlers.current.onDecline?.(call);
     }));
     voipPush.registerVoipToken();
     return () => {
@@ -5291,9 +5345,25 @@ function useVoipCalls({
       callKeep.removeEventListener("answerCall");
       callKeep.removeEventListener("endCall");
     };
-  }, [poolse, voipPush, callKeep, appName]);
+  }, [poolse, voipPush, callKeep, appName, apnsEnvironment]);
+  const incoming = calls?.incoming ?? null;
+  const phase = calls?.phase;
+  react.useEffect(() => {
+    if (phase === "ringing-in" && incoming) {
+      present.current({
+        callId: incoming.callId,
+        conversationId: incoming.conversationId,
+        callerUserId: incoming.callerUserId,
+        callerName: incoming.callerUserId
+      });
+    }
+  }, [phase, incoming]);
+  react.useEffect(() => {
+    if (phase === "ringing-in" || phase === "ringing-out") return;
+    for (const callId of [...shown.current.keys()]) dismiss.current(callId);
+  }, [phase]);
 }
-function apnsEnvironment() {
+function guessApnsEnvironment() {
   return __DEV__ ? "sandbox" : "production";
 }