@realtimexsco/live-chat 1.5.0 → 1.5.2

package/dist/index.d.mts

@@ -2043,6 +2043,15 @@ interface CallState {
     endCall: () => void;
     /** Drop back to idle without notifying anyone (e.g. after a fatal error). */
     reset: () => void;
+    /**
+     * Tell the server this call is over WITHOUT touching local UI state —
+     * for when the in-call session itself crashed (e.g. VideoSDK failed to
+     * load) and the error needs to stay on screen. The backend already
+     * marked this call ongoing/this user busy once accepted (CALLS_API.md
+     * §3.3); without this, that busy lock would stick until the caller/callee
+     * explicitly closes the error (endCall()) or the 4h Redis TTL expires.
+     */
+    notifyServerCallFailed: () => void;
     _receiveIncoming: (payload: CallIncomingPayload) => void;
     _receiveAccepted: (payload: CallAcceptedPayload) => void;
     _receiveRejected: (payload: CallRejectedPayload) => void;

package/dist/index.d.ts

@@ -2043,6 +2043,15 @@ interface CallState {
     endCall: () => void;
     /** Drop back to idle without notifying anyone (e.g. after a fatal error). */
     reset: () => void;
+    /**
+     * Tell the server this call is over WITHOUT touching local UI state —
+     * for when the in-call session itself crashed (e.g. VideoSDK failed to
+     * load) and the error needs to stay on screen. The backend already
+     * marked this call ongoing/this user busy once accepted (CALLS_API.md
+     * §3.3); without this, that busy lock would stick until the caller/callee
+     * explicitly closes the error (endCall()) or the 4h Redis TTL expires.
+     */
+    notifyServerCallFailed: () => void;
     _receiveIncoming: (payload: CallIncomingPayload) => void;
     _receiveAccepted: (payload: CallAcceptedPayload) => void;
     _receiveRejected: (payload: CallRejectedPayload) => void;

package/dist/index.mjs

@@ -659,7 +659,7 @@ var init_call_api = __esm({
 });
 
 // src/call/call.types.ts
-var CALL_MODES, CALL_STATUS, CALL_RING_TIMEOUT_MS, CLIENT_RING_FALLBACK_MS;
+var CALL_MODES, CALL_STATUS, CALL_RING_TIMEOUT_MS, CLIENT_RING_FALLBACK_MS, CALL_LOG_EVENT;
 var init_call_types = __esm({
   "src/call/call.types.ts"() {
     CALL_MODES = {
@@ -676,15 +676,22 @@ var init_call_types = __esm({
     };
     CALL_RING_TIMEOUT_MS = 4e4;
     CLIENT_RING_FALLBACK_MS = CALL_RING_TIMEOUT_MS + 5e3;
+    CALL_LOG_EVENT = "realtimex:call-log";
   }
 });
-var ringTimer, clearRingTimer, scheduleRingTimer, idleState, useCallStore;
+var emitCallLog, ringTimer, clearRingTimer, scheduleRingTimer, idleState, useCallStore;
 var init_call_store = __esm({
   "src/call/call.store.ts"() {
     init_useStore();
     init_socket_service2();
     init_call_api();
     init_call_types();
+    emitCallLog = (entry) => {
+      try {
+        window.dispatchEvent(new CustomEvent(CALL_LOG_EVENT, { detail: entry }));
+      } catch {
+      }
+    };
     ringTimer = null;
     clearRingTimer = () => {
       if (ringTimer) clearTimeout(ringTimer);
@@ -782,8 +789,20 @@ var init_call_store = __esm({
         clearRingTimer();
         set({ ...idleState });
       },
+      notifyServerCallFailed: () => {
+        const { callId } = get();
+        if (callId) {
+          socket_service_default.emitCallEnd({ callId });
+        }
+      },
       _receiveIncoming: (payload) => {
-        if (get().uiStatus !== "idle") return;
+        const currentStatus = get().uiStatus;
+        if (currentStatus !== "idle") {
+          console.warn(
+            `[realtimex-call] call_incoming for ${payload.callId} dropped \u2014 local call store is not idle (currently "${currentStatus}", stuck on callId ${get().callId}). If nothing was actually ringing on screen, this is a stuck state from an earlier call \u2014 refreshing the page clears it.`
+          );
+          return;
+        }
         set({
           uiStatus: "incoming",
           callId: payload.callId,
@@ -826,16 +845,37 @@ var init_call_store = __esm({
       _receiveCancelled: (payload) => {
         if (get().callId !== payload.callId) return;
         clearRingTimer();
+        const myUserId = useStore.getState().loggedUserDetails?._id;
+        if (payload.endedBy !== myUserId) {
+          emitCallLog({
+            conversationId: payload.conversationId,
+            mode: payload.mode,
+            outcome: "missed",
+            durationSeconds: 0
+          });
+        }
         set({ ...idleState });
       },
       _receiveEnded: (payload) => {
         if (get().callId !== payload.callId) return;
         clearRingTimer();
+        emitCallLog({
+          conversationId: payload.conversationId,
+          mode: payload.mode,
+          outcome: payload.durationSeconds > 0 ? "completed" : "declined",
+          durationSeconds: payload.durationSeconds
+        });
         set({ ...idleState });
       },
       _receiveBusy: (payload) => {
         if (get().callId !== payload.callId) return;
         clearRingTimer();
+        emitCallLog({
+          conversationId: payload.conversationId,
+          mode: payload.mode,
+          outcome: "busy",
+          durationSeconds: 0
+        });
         set({ ...idleState, error: "That user is already on another call." });
       },
       // Guarded by callId like every other _receive* handler — a late/stale
@@ -844,6 +884,12 @@ var init_call_store = __esm({
       _receiveMissed: (payload) => {
         if (get().callId !== payload.callId) return;
         clearRingTimer();
+        emitCallLog({
+          conversationId: payload.conversationId,
+          mode: payload.mode,
+          outcome: "missed",
+          durationSeconds: 0
+        });
         set({ ...idleState });
       }
     }));
@@ -857,25 +903,33 @@ var init_call_listeners = __esm({
     init_socket_events_constants();
     init_call_store();
     registerCallSocketListeners = (socket) => {
+      console.debug("[realtimex-call] registerCallSocketListeners: attached to socket", socket.id);
       socket.on(SOCKET_EVENTS.CALL_INCOMING, (payload) => {
+        console.log("[realtimex-call] call_incoming received:", payload);
         useCallStore.getState()._receiveIncoming(payload);
       });
       socket.on(SOCKET_EVENTS.CALL_ACCEPTED, (payload) => {
+        console.log("[realtimex-call] call_accepted received:", payload);
         useCallStore.getState()._receiveAccepted(payload);
       });
       socket.on(SOCKET_EVENTS.CALL_REJECTED, (payload) => {
+        console.log("[realtimex-call] call_rejected received:", payload);
         useCallStore.getState()._receiveRejected(payload);
       });
       socket.on(SOCKET_EVENTS.CALL_CANCELLED, (payload) => {
+        console.log("[realtimex-call] call_cancelled received:", payload);
         useCallStore.getState()._receiveCancelled(payload);
       });
       socket.on(SOCKET_EVENTS.CALL_ENDED, (payload) => {
+        console.log("[realtimex-call] call_ended received:", payload);
         useCallStore.getState()._receiveEnded(payload);
       });
       socket.on(SOCKET_EVENTS.CALL_BUSY, (payload) => {
+        console.log("[realtimex-call] call_busy received:", payload);
         useCallStore.getState()._receiveBusy(payload);
       });
       socket.on(SOCKET_EVENTS.CALL_MISSED, (payload) => {
+        console.log("[realtimex-call] call_missed received:", payload);
         useCallStore.getState()._receiveMissed(payload);
       });
     };
@@ -6158,9 +6212,16 @@ var CallOverlay = () => {
   const callStartedAt = useCallStore((s) => s.callStartedAt);
   const cancelCall = useCallStore((s) => s.cancelCall);
   const reset = useCallStore((s) => s.reset);
+  const notifyServerCallFailed = useCallStore((s) => s.notifyServerCallFailed);
   const [sessionError, setSessionError] = useState(null);
   const secondsLeft = useRingCountdown(uiStatus === "ringing-out", callId);
   const duration = useCallDuration(callStartedAt);
+  useEffect(() => {
+    setSessionError(null);
+  }, [callId]);
+  useEffect(() => {
+    if (sessionError) notifyServerCallFailed();
+  }, [sessionError, notifyServerCallFailed]);
   const isOpen = uiStatus !== "idle" && uiStatus !== "incoming";
   if (!isOpen) return null;
   const displayError = error || sessionError;
@@ -6817,6 +6878,18 @@ var installNotificationClickBridge = (options = {}) => {
 };
 
 // src/hooks/useChatController.ts
+init_call_types();
+function formatCallLogText(entry) {
+  const label = entry.mode === "video" ? "video" : "voice";
+  if (entry.outcome === "missed") return `Missed ${label} call`;
+  if (entry.outcome === "declined") return `${label === "video" ? "Video" : "Voice"} call declined`;
+  if (entry.outcome === "busy") return `${label === "video" ? "Video" : "Voice"} call \xB7 not answered`;
+  const totalSeconds = Math.max(0, Math.floor(entry.durationSeconds));
+  const minutes = Math.floor(totalSeconds / 60);
+  const seconds = totalSeconds % 60;
+  const duration = `${minutes}:${String(seconds).padStart(2, "0")}`;
+  return `${label === "video" ? "Video" : "Voice"} call \xB7 ${duration}`;
+}
 function resolveMessageType(content, attachments) {
   if (attachments.length === 0) return "text";
   if (!content.trim() && attachments.length === 1) {
@@ -6874,6 +6947,28 @@ var useChatController = () => {
     );
   }, []);
   const { localMessages, setLocalMessages } = useChatSync();
+  useEffect(() => {
+    const handleCallLog = (event) => {
+      const entry = event.detail;
+      if (!entry?.conversationId) return;
+      const logMessage = {
+        id: `call-log-${Date.now()}-${Math.random().toString(36).slice(2)}`,
+        content: formatCallLogText(entry),
+        sender: "system",
+        timestamp: (/* @__PURE__ */ new Date()).toISOString(),
+        isOwnMessage: false,
+        isSystemMessage: true,
+        channelId: entry.conversationId,
+        conversationId: entry.conversationId
+      };
+      setLocalMessages((prev) => ({
+        ...prev,
+        [entry.conversationId]: [...prev[entry.conversationId] || [], logMessage]
+      }));
+    };
+    window.addEventListener(CALL_LOG_EVENT, handleCallLog);
+    return () => window.removeEventListener(CALL_LOG_EVENT, handleCallLog);
+  }, [setLocalMessages]);
   const emitDmSend = useStore((s) => s.emitDmSend);
   const emitGroupMessageSend2 = useStore((s) => s.emitGroupMessageSend);
   const emitMarkAsRead = useStore((s) => s.emitMarkAsRead);