ajaxter-chat 3.0.16 → 3.1.0

package/dist/hooks/useChat.js

@@ -1,30 +1,72 @@
-import { useState, useCallback } from 'react';
-export function useChat(initialMessages = []) {
-    const [messages, setMessages] = useState(initialMessages);
-    const [activeUser, setActiveUser] = useState(null);
-    const [isPaused, setIsPaused] = useState(false);
-    const [isReported, setIsReported] = useState(false);
-    const selectUser = useCallback((user, history = []) => {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useChat = useChat;
+const react_1 = require("react");
+function useChat(initialMessages = [], opts = {}) {
+    const [messages, setMessages] = (0, react_1.useState)(initialMessages);
+    const [activeUser, setActiveUser] = (0, react_1.useState)(null);
+    const [isPaused, setIsPaused] = (0, react_1.useState)(false);
+    const [isReported, setIsReported] = (0, react_1.useState)(false);
+    const activeUserRef = (0, react_1.useRef)(null);
+    const isPausedRef = (0, react_1.useRef)(false);
+    const { onEmitMessage, onEmitPause, onEmitReport } = opts;
+    const selectUser = (0, react_1.useCallback)((user, history = []) => {
         setActiveUser(user);
+        activeUserRef.current = user;
         setMessages(history);
         setIsPaused(false);
+        isPausedRef.current = false;
         setIsReported(false);
-        // TODO: socket.emit('join', { roomId: user.uid });
-        // TODO: socket.on('message', msg => setMessages(prev => [...prev, msg]));
     }, []);
-    const sendMessage = useCallback((text, type = 'text', extra = {}) => {
-        if (!activeUser || isPaused)
+    const sendMessage = (0, react_1.useCallback)((text, type = 'text', extra = {}) => {
+        const user = activeUserRef.current;
+        if (!user || isPausedRef.current)
             return;
-        const msg = Object.assign({ id: `msg_${Date.now()}_${Math.random().toString(36).slice(2)}`, senderId: 'me', receiverId: activeUser.uid, text, timestamp: new Date().toISOString(), type, status: 'sent' }, extra);
+        const msg = Object.assign({ id: `msg_${Date.now()}_${Math.random().toString(36).slice(2)}`, senderId: 'me', receiverId: user.uid, text, timestamp: new Date().toISOString(), type, status: 'sent' }, extra);
         setMessages(prev => [...prev, msg]);
-        // TODO: socket.emit('message', msg);
-    }, [activeUser, isPaused]);
-    const togglePause = useCallback(() => setIsPaused(p => !p), []);
-    const reportChat = useCallback(() => { setIsReported(true); /* TODO: API call */ }, []);
-    const clearChat = useCallback(() => { setMessages([]); setActiveUser(null); }, []);
+        onEmitMessage === null || onEmitMessage === void 0 ? void 0 : onEmitMessage(msg);
+    }, [onEmitMessage]);
+    const receiveMessage = (0, react_1.useCallback)((msg) => {
+        setMessages(prev => {
+            if (prev.some(m => m.id === msg.id))
+                return prev;
+            return [...prev, msg];
+        });
+    }, []);
+    const updateMessageStatus = (0, react_1.useCallback)((messageId, status) => {
+        setMessages(prev => prev.map(m => m.id === messageId ? Object.assign(Object.assign({}, m), { status }) : m));
+    }, []);
+    const togglePause = (0, react_1.useCallback)(() => {
+        const user = activeUserRef.current;
+        if (!user)
+            return;
+        const next = !isPausedRef.current;
+        setIsPaused(next);
+        isPausedRef.current = next;
+        const roomId = [user.uid, 'me'].sort().join('_');
+        onEmitPause === null || onEmitPause === void 0 ? void 0 : onEmitPause(roomId, user.uid, next);
+    }, [onEmitPause]);
+    const reportChat = (0, react_1.useCallback)(() => {
+        const user = activeUserRef.current;
+        setIsReported(true);
+        if (user) {
+            const roomId = [user.uid, 'me'].sort().join('_');
+            onEmitReport === null || onEmitReport === void 0 ? void 0 : onEmitReport(roomId);
+        }
+    }, [onEmitReport]);
+    const clearChat = (0, react_1.useCallback)(() => {
+        setMessages([]);
+        setActiveUser(null);
+        activeUserRef.current = null;
+        setIsPaused(false);
+        isPausedRef.current = false;
+        setIsReported(false);
+    }, []);
     return {
         messages, activeUser, isPaused, isReported,
-        selectUser, sendMessage, togglePause, reportChat, clearChat,
+        selectUser, sendMessage, receiveMessage, updateMessageStatus,
+        togglePause, reportChat, clearChat,
         setMessages,
     };
 }
+//# sourceMappingURL=useChat.js.map

package/dist/hooks/useChat.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useChat.js","sourceRoot":"","sources":["../../src/hooks/useChat.ts"],"names":[],"mappings":"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"}

package/dist/hooks/useRemoteConfig.d.ts

@@ -4,3 +4,4 @@ export declare function useRemoteConfig(apiKey: string, widgetId: string): {
     loading: boolean;
     error: string | null;
 };
+//# sourceMappingURL=useRemoteConfig.d.ts.map

package/dist/hooks/useRemoteConfig.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRemoteConfig.d.ts","sourceRoot":"","sources":["../../src/hooks/useRemoteConfig.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAG1C,wBAAgB,eAAe,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM;;;;EAqB/D"}

package/dist/hooks/useRemoteConfig.js

@@ -1,13 +1,16 @@
-import { useState, useEffect } from 'react';
-import { fetchRemoteChatData } from '../config';
-export function useRemoteConfig(apiKey, widgetId) {
-    const [data, setData] = useState(null);
-    const [loading, setLoading] = useState(true);
-    const [error, setError] = useState(null);
-    useEffect(() => {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useRemoteConfig = useRemoteConfig;
+const react_1 = require("react");
+const config_1 = require("../config");
+function useRemoteConfig(apiKey, widgetId) {
+    const [data, setData] = (0, react_1.useState)(null);
+    const [loading, setLoading] = (0, react_1.useState)(true);
+    const [error, setError] = (0, react_1.useState)(null);
+    (0, react_1.useEffect)(() => {
         let cancelled = false;
         setLoading(true);
-        fetchRemoteChatData(apiKey, widgetId)
+        (0, config_1.fetchRemoteChatData)(apiKey, widgetId)
             .then(d => { if (!cancelled) {
             setData(d);
             setError(null);
@@ -24,3 +27,4 @@ export function useRemoteConfig(apiKey, widgetId) {
     }, [apiKey, widgetId]);
     return { data, loading, error };
 }
+//# sourceMappingURL=useRemoteConfig.js.map

package/dist/hooks/useRemoteConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRemoteConfig.js","sourceRoot":"","sources":["../../src/hooks/useRemoteConfig.ts"],"names":[],"mappings":";;AAIA,0CAqBC;AAzBD,iCAA4C;AAE5C,sCAAgD;AAEhD,SAAgB,eAAe,CAAC,MAAc,EAAE,QAAgB;IAC9D,MAAM,CAAC,IAAI,EAAK,OAAO,CAAC,GAAM,IAAA,gBAAQ,EAAwB,IAAI,CAAC,CAAC;IACpE,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,IAAI,CAAC,CAAC;IAC7C,MAAM,CAAC,KAAK,EAAI,QAAQ,CAAC,GAAK,IAAA,gBAAQ,EAAgB,IAAI,CAAC,CAAC;IAE5D,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,SAAS,GAAG,KAAK,CAAC;QACtB,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,IAAA,4BAAmB,EAAC,MAAM,EAAE,QAAQ,CAAC;aAClC,IAAI,CAAC,CAAC,CAAE,EAAE,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC;YAAC,OAAO,CAAC,CAAC,CAAC,CAAC;YAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;YAAC,UAAU,CAAC,KAAK,CAAC,CAAC;QAAC,CAAC,CAAC,CAAC,CAAC;aAClF,KAAK,CAAC,CAAC,CAAC,EAAE;YACT,IAAI,CAAC,SAAS,EAAE,CAAC;gBACf,MAAM,GAAG,GAAG,CAAC,YAAY,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;gBACvD,QAAQ,CAAC,GAAG,IAAI,2CAA2C,CAAC,CAAC;gBAC7D,UAAU,CAAC,KAAK,CAAC,CAAC;YACpB,CAAC;QACH,CAAC,CAAC,CAAC;QACL,OAAO,GAAG,EAAE,GAAG,SAAS,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC;IACrC,CAAC,EAAE,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEvB,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC;AAClC,CAAC"}

package/dist/hooks/useSocket.d.ts

@@ -0,0 +1,40 @@
+import { ChatMessage } from '../types';
+export type SocketStatus = 'connecting' | 'connected' | 'disconnected' | 'error';
+export interface SocketMessageAck {
+    messageId: string;
+    status: 'delivered' | 'read';
+}
+export interface UseSocketOptions {
+    widgetId: string;
+    viewerUid: string;
+    /** WebSocket server URL — defaults to http://localhost:3005 */
+    serverUrl?: string;
+    onMessage?: (msg: ChatMessage) => void;
+    onMessageAck?: (ack: SocketMessageAck) => void;
+    onChatPaused?: (roomId: string, paused: boolean) => void;
+    onCallOffer?: (offer: RTCSessionDescriptionInit, fromUid: string, callId: string) => void;
+    onCallAnswer?: (answer: RTCSessionDescriptionInit, fromUid: string, callId: string) => void;
+    onIceCandidate?: (candidate: RTCIceCandidateInit, fromUid: string) => void;
+    onCallEnd?: (callId: string) => void;
+    onError?: (code: string, message: string) => void;
+    onUserStatus?: (uid: string, status: 'online' | 'away' | 'offline') => void;
+}
+export declare function useSocket(opts: UseSocketOptions): {
+    status: SocketStatus;
+    joinRoom: (roomId: string) => void;
+    leaveRoom: (roomId: string) => void;
+    emitMessage: (msg: ChatMessage) => void;
+    emitTypingStart: (roomId: string) => void;
+    emitTypingStop: (roomId: string) => void;
+    emitPauseToggle: (roomId: string, targetUserId: string, paused: boolean) => void;
+    emitReport: (roomId: string, reason?: string) => void;
+    emitBlock: (blockedUid: string) => void;
+    emitUnblock: (blockedUid: string) => void;
+    emitTransfer: (fromRoomId: string, toUserId: string, note?: string) => void;
+    emitCallOffer: (offer: RTCSessionDescriptionInit, toUid: string, callId: string) => void;
+    emitCallAnswer: (answer: RTCSessionDescriptionInit, toUid: string, callId: string) => void;
+    emitIceCandidate: (candidate: RTCIceCandidateInit, toUid: string) => void;
+    emitCallEnd: (callId: string, toUid?: string) => void;
+    emitAddParticipant: (roomId: string, uid: string) => void;
+};
+//# sourceMappingURL=useSocket.d.ts.map

package/dist/hooks/useSocket.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSocket.d.ts","sourceRoot":"","sources":["../../src/hooks/useSocket.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAEvC,MAAM,MAAM,YAAY,GAAG,YAAY,GAAG,WAAW,GAAG,cAAc,GAAG,OAAO,CAAC;AAEjF,MAAM,WAAW,gBAAgB;IAC/B,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,WAAW,GAAG,MAAM,CAAC;CAC9B;AAED,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,+DAA+D;IAC/D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,WAAW,KAAK,IAAI,CAAC;IACvC,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC/C,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACzD,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,yBAAyB,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1F,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,yBAAyB,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5F,cAAc,CAAC,EAAE,CAAC,SAAS,EAAE,mBAAmB,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3E,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,GAAG,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;CAC7E;AAMD,wBAAgB,SAAS,CAAC,IAAI,EAAE,gBAAgB;;uBA6HR,MAAM;wBAKL,MAAM;uBAKP,WAAW;8BAIJ,MAAM;6BAIP,MAAM;8BAIL,MAAM,gBAAgB,MAAM,UAAU,OAAO;yBAIlD,MAAM,WAAW,MAAM;4BAIpB,MAAM;8BAIJ,MAAM;+BAIL,MAAM,YAAY,MAAM,SAAS,MAAM;2BAI3C,yBAAyB,SAAS,MAAM,UAAU,MAAM;6BAItD,yBAAyB,SAAS,MAAM,UAAU,MAAM;kCAInD,mBAAmB,SAAS,MAAM;0BAI1C,MAAM,UAAU,MAAM;iCAIf,MAAM,OAAO,MAAM;EAYpE"}

package/dist/hooks/useSocket.js

@@ -0,0 +1,190 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useSocket = useSocket;
+const react_1 = require("react");
+const SOCKET_URL = 'http://localhost:3005';
+const RECONNECT_DELAY = 3000;
+const MAX_RECONNECT = 5;
+function useSocket(opts) {
+    const { widgetId, viewerUid, serverUrl = SOCKET_URL, onMessage, onMessageAck, onChatPaused, onCallOffer, onCallAnswer, onIceCandidate, onCallEnd, onError, onUserStatus, } = opts;
+    const [status, setStatus] = (0, react_1.useState)('disconnected');
+    const wsRef = (0, react_1.useRef)(null);
+    const reconnectCount = (0, react_1.useRef)(0);
+    const reconnectTimer = (0, react_1.useRef)(null);
+    const currentRoomRef = (0, react_1.useRef)(null);
+    const mountedRef = (0, react_1.useRef)(true);
+    const send = (0, react_1.useCallback)((event, payload) => {
+        var _a;
+        if (((_a = wsRef.current) === null || _a === void 0 ? void 0 : _a.readyState) === WebSocket.OPEN) {
+            wsRef.current.send(JSON.stringify({ event, payload }));
+        }
+    }, []);
+    const connect = (0, react_1.useCallback)(() => {
+        if (!mountedRef.current)
+            return;
+        if (wsRef.current) {
+            wsRef.current.onclose = null;
+            wsRef.current.close();
+        }
+        setStatus('connecting');
+        const url = `${serverUrl}?widgetId=${encodeURIComponent(widgetId)}&uid=${encodeURIComponent(viewerUid)}`;
+        let ws;
+        try {
+            ws = new WebSocket(url);
+        }
+        catch (e) {
+            setStatus('error');
+            return;
+        }
+        wsRef.current = ws;
+        ws.onopen = () => {
+            if (!mountedRef.current) {
+                ws.close();
+                return;
+            }
+            reconnectCount.current = 0;
+            setStatus('connected');
+            // Re-join current room if we were in one
+            if (currentRoomRef.current) {
+                send('join', { roomId: currentRoomRef.current, widgetId });
+            }
+        };
+        ws.onmessage = (event) => {
+            let parsed;
+            try {
+                parsed = JSON.parse(event.data);
+            }
+            catch (_a) {
+                return;
+            }
+            const { event: ev, payload } = parsed;
+            switch (ev) {
+                case 'message':
+                    onMessage === null || onMessage === void 0 ? void 0 : onMessage(payload);
+                    break;
+                case 'message:ack':
+                    onMessageAck === null || onMessageAck === void 0 ? void 0 : onMessageAck(payload);
+                    break;
+                case 'chat:paused': {
+                    const p = payload;
+                    onChatPaused === null || onChatPaused === void 0 ? void 0 : onChatPaused(p.roomId, p.paused);
+                    break;
+                }
+                case 'call-offer': {
+                    const p = payload;
+                    onCallOffer === null || onCallOffer === void 0 ? void 0 : onCallOffer(p.offer, p.from, p.callId);
+                    break;
+                }
+                case 'call-answer': {
+                    const p = payload;
+                    onCallAnswer === null || onCallAnswer === void 0 ? void 0 : onCallAnswer(p.answer, p.from, p.callId);
+                    break;
+                }
+                case 'ice-candidate': {
+                    const p = payload;
+                    onIceCandidate === null || onIceCandidate === void 0 ? void 0 : onIceCandidate(p.candidate, p.from);
+                    break;
+                }
+                case 'call-end': {
+                    const p = payload;
+                    onCallEnd === null || onCallEnd === void 0 ? void 0 : onCallEnd(p.callId);
+                    break;
+                }
+                case 'user:status': {
+                    const p = payload;
+                    onUserStatus === null || onUserStatus === void 0 ? void 0 : onUserStatus(p.uid, p.status);
+                    break;
+                }
+                case 'error': {
+                    const p = payload;
+                    onError === null || onError === void 0 ? void 0 : onError(p.code, p.message);
+                    break;
+                }
+            }
+        };
+        ws.onerror = () => {
+            if (!mountedRef.current)
+                return;
+            setStatus('error');
+        };
+        ws.onclose = () => {
+            if (!mountedRef.current)
+                return;
+            setStatus('disconnected');
+            if (reconnectCount.current < MAX_RECONNECT) {
+                reconnectCount.current++;
+                reconnectTimer.current = setTimeout(connect, RECONNECT_DELAY * reconnectCount.current);
+            }
+        };
+    }, [widgetId, viewerUid, serverUrl, send, onMessage, onMessageAck, onChatPaused, onCallOffer, onCallAnswer, onIceCandidate, onCallEnd, onError, onUserStatus]);
+    (0, react_1.useEffect)(() => {
+        mountedRef.current = true;
+        if (widgetId && viewerUid)
+            connect();
+        return () => {
+            var _a;
+            mountedRef.current = false;
+            if (reconnectTimer.current)
+                clearTimeout(reconnectTimer.current);
+            (_a = wsRef.current) === null || _a === void 0 ? void 0 : _a.close();
+        };
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [widgetId, viewerUid, serverUrl]);
+    const joinRoom = (0, react_1.useCallback)((roomId) => {
+        currentRoomRef.current = roomId;
+        send('join', { roomId, widgetId });
+    }, [send, widgetId]);
+    const leaveRoom = (0, react_1.useCallback)((roomId) => {
+        currentRoomRef.current = null;
+        send('leave', { roomId });
+    }, [send]);
+    const emitMessage = (0, react_1.useCallback)((msg) => {
+        send('message', msg);
+    }, [send]);
+    const emitTypingStart = (0, react_1.useCallback)((roomId) => {
+        send('typing_start', { roomId, userId: viewerUid });
+    }, [send, viewerUid]);
+    const emitTypingStop = (0, react_1.useCallback)((roomId) => {
+        send('typing_stop', { roomId, userId: viewerUid });
+    }, [send, viewerUid]);
+    const emitPauseToggle = (0, react_1.useCallback)((roomId, targetUserId, paused) => {
+        send('chat:pause', { roomId, targetUserId, paused });
+    }, [send]);
+    const emitReport = (0, react_1.useCallback)((roomId, reason) => {
+        send('chat:report', { roomId, reporterId: viewerUid, reason });
+    }, [send, viewerUid]);
+    const emitBlock = (0, react_1.useCallback)((blockedUid) => {
+        send('user:block', { blockedUid });
+    }, [send]);
+    const emitUnblock = (0, react_1.useCallback)((blockedUid) => {
+        send('user:unblock', { blockedUid });
+    }, [send]);
+    const emitTransfer = (0, react_1.useCallback)((fromRoomId, toUserId, note) => {
+        send('transfer', { fromRoomId, toUserId, note });
+    }, [send]);
+    const emitCallOffer = (0, react_1.useCallback)((offer, toUid, callId) => {
+        send('call-offer', { offer, to: toUid, from: viewerUid, callId });
+    }, [send, viewerUid]);
+    const emitCallAnswer = (0, react_1.useCallback)((answer, toUid, callId) => {
+        send('call-answer', { answer, to: toUid, callId });
+    }, [send]);
+    const emitIceCandidate = (0, react_1.useCallback)((candidate, toUid) => {
+        send('ice-candidate', { candidate, to: toUid });
+    }, [send]);
+    const emitCallEnd = (0, react_1.useCallback)((callId, toUid) => {
+        send('call-end', { callId, to: toUid });
+    }, [send]);
+    const emitAddParticipant = (0, react_1.useCallback)((roomId, uid) => {
+        send('room:add-participant', { roomId, uid });
+    }, [send]);
+    return {
+        status,
+        joinRoom, leaveRoom,
+        emitMessage, emitTypingStart, emitTypingStop,
+        emitPauseToggle, emitReport, emitBlock, emitUnblock, emitTransfer,
+        emitCallOffer, emitCallAnswer, emitIceCandidate, emitCallEnd,
+        emitAddParticipant,
+    };
+}
+//# sourceMappingURL=useSocket.js.map

package/dist/hooks/useSocket.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSocket.js","sourceRoot":"","sources":["../../src/hooks/useSocket.ts"],"names":[],"mappings":"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"}

package/dist/hooks/useWebRTC.d.ts

@@ -1,11 +1,19 @@
 import { CallSession, ChatUser } from '../types';
-export declare function useWebRTC(): {
+export interface UseWebRTCOptions {
+    onOfferReady?: (offer: RTCSessionDescriptionInit, toUid: string, callId: string) => void;
+    onAnswerReady?: (answer: RTCSessionDescriptionInit, toUid: string, callId: string) => void;
+    onIceCandidateReady?: (candidate: RTCIceCandidateInit, toUid: string) => void;
+    onCallEnded?: (callId: string, toUid?: string) => void;
+}
+export declare function useWebRTC(opts?: UseWebRTCOptions): {
     session: CallSession;
     localVideoRef: import("react").MutableRefObject<HTMLVideoElement | null>;
     remoteVideoRef: import("react").MutableRefObject<HTMLVideoElement | null>;
     startCall: (peer: ChatUser, withVideo?: boolean) => Promise<void>;
-    acceptCall: (offer: RTCSessionDescriptionInit, peer: ChatUser, withVideo?: boolean) => Promise<void>;
+    acceptCall: (offer: RTCSessionDescriptionInit, peer: ChatUser, callId: string, withVideo?: boolean) => Promise<void>;
+    addIceCandidate: (candidate: RTCIceCandidateInit) => Promise<void>;
     endCall: () => void;
     toggleMute: () => void;
     toggleCamera: () => void;
 };
+//# sourceMappingURL=useWebRTC.d.ts.map

package/dist/hooks/useWebRTC.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWebRTC.d.ts","sourceRoot":"","sources":["../../src/hooks/useWebRTC.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAa,QAAQ,EAAE,MAAM,UAAU,CAAC;AAE5D,MAAM,WAAW,gBAAgB;IAC/B,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,yBAAyB,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACzF,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,yBAAyB,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3F,mBAAmB,CAAC,EAAE,CAAC,SAAS,EAAE,mBAAmB,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9E,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CACxD;AAOD,wBAAgB,SAAS,CAAC,IAAI,GAAE,gBAAqB;;;;sBA+CR,QAAQ;wBA8B1C,yBAAyB,QAC1B,QAAQ,UACN,MAAM;iCAyBsC,mBAAmB;;;;EA6C1E"}

package/dist/hooks/useWebRTC.js

@@ -1,112 +1,144 @@
-import { useState, useRef, useCallback, useEffect } from 'react';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useWebRTC = useWebRTC;
+const react_1 = require("react");
 const ICE_SERVERS = [
     { urls: 'stun:stun.l.google.com:19302' },
     { urls: 'stun:stun1.l.google.com:19302' },
 ];
-export function useWebRTC() {
-    const [session, setSession] = useState({
+function useWebRTC(opts = {}) {
+    const { onOfferReady, onAnswerReady, onIceCandidateReady, onCallEnded } = opts;
+    const [session, setSession] = (0, react_1.useState)({
         state: 'idle',
         peer: null,
         startedAt: null,
         isMuted: false,
         isCameraOn: false,
     });
-    const pcRef = useRef(null);
-    const localStream = useRef(null);
-    const localVideoRef = useRef(null);
-    const remoteVideoRef = useRef(null);
-    const updateSession = (patch) => setSession(prev => (Object.assign(Object.assign({}, prev), patch)));
-    /** Start an outgoing call */
-    const startCall = useCallback(async (peer, withVideo = false) => {
-        updateSession({ state: 'calling', peer });
-        const stream = await navigator.mediaDevices.getUserMedia({
-            audio: true,
-            video: withVideo,
-        });
-        localStream.current = stream;
-        if (localVideoRef.current)
-            localVideoRef.current.srcObject = stream;
+    const pcRef = (0, react_1.useRef)(null);
+    const localStream = (0, react_1.useRef)(null);
+    const localVideoRef = (0, react_1.useRef)(null);
+    const remoteVideoRef = (0, react_1.useRef)(null);
+    const currentCallId = (0, react_1.useRef)(null);
+    const peerUidRef = (0, react_1.useRef)(null);
+    const updateSession = (0, react_1.useCallback)((patch) => setSession(prev => (Object.assign(Object.assign({}, prev), patch))), []);
+    const buildPc = (0, react_1.useCallback)((peer) => {
         const pc = new RTCPeerConnection({ iceServers: ICE_SERVERS });
         pcRef.current = pc;
-        stream.getTracks().forEach(t => pc.addTrack(t, stream));
+        peerUidRef.current = peer.uid;
         pc.ontrack = e => {
             if (remoteVideoRef.current)
                 remoteVideoRef.current.srcObject = e.streams[0];
-            updateSession({ state: 'connected', startedAt: new Date(), isCameraOn: withVideo });
+            updateSession({ state: 'connected', startedAt: new Date() });
         };
         pc.onicecandidate = e => {
-            if (e.candidate) {
-                // TODO: socket.emit('ice-candidate', { candidate: e.candidate, to: peer.uid });
-                console.log('[WebRTC] ICE candidate ready — send via signalling:', e.candidate);
+            if (e.candidate && peerUidRef.current) {
+                onIceCandidateReady === null || onIceCandidateReady === void 0 ? void 0 : onIceCandidateReady(e.candidate.toJSON(), peerUidRef.current);
             }
         };
-        const offer = await pc.createOffer();
-        await pc.setLocalDescription(offer);
-        // TODO: socket.emit('call-offer', { offer, to: peer.uid, from: 'me' });
-        console.log('[WebRTC] Offer created — send via signalling server:', offer);
-    }, []);
-    /** Accept an incoming call offer */
-    const acceptCall = useCallback(async (offer, peer, withVideo = false) => {
+        pc.onconnectionstatechange = () => {
+            if (pc.connectionState === 'failed' || pc.connectionState === 'disconnected') {
+                updateSession({ state: 'ended' });
+                setTimeout(() => updateSession({ state: 'idle' }), 1800);
+            }
+        };
+        return pc;
+    }, [onIceCandidateReady, updateSession]);
+    const startCall = (0, react_1.useCallback)(async (peer, withVideo = false) => {
+        const callId = `call_${Date.now()}`;
+        currentCallId.current = callId;
+        updateSession({ state: 'calling', peer });
+        let stream;
+        try {
+            stream = await navigator.mediaDevices.getUserMedia({ audio: true, video: withVideo });
+        }
+        catch (err) {
+            console.error('[WebRTC] getUserMedia failed:', err);
+            updateSession({ state: 'idle' });
+            return;
+        }
+        localStream.current = stream;
+        if (localVideoRef.current)
+            localVideoRef.current.srcObject = stream;
+        const pc = buildPc(peer);
+        stream.getTracks().forEach(t => pc.addTrack(t, stream));
+        try {
+            const offer = await pc.createOffer();
+            await pc.setLocalDescription(offer);
+            onOfferReady === null || onOfferReady === void 0 ? void 0 : onOfferReady(offer, peer.uid, callId);
+            updateSession({ isCameraOn: withVideo });
+        }
+        catch (err) {
+            console.error('[WebRTC] createOffer failed:', err);
+        }
+    }, [buildPc, onOfferReady, updateSession]);
+    const acceptCall = (0, react_1.useCallback)(async (offer, peer, callId, withVideo = false) => {
+        currentCallId.current = callId;
         updateSession({ state: 'connected', peer, startedAt: new Date(), isCameraOn: withVideo });
-        const stream = await navigator.mediaDevices.getUserMedia({ audio: true, video: withVideo });
+        let stream;
+        try {
+            stream = await navigator.mediaDevices.getUserMedia({ audio: true, video: withVideo });
+        }
+        catch (err) {
+            console.error('[WebRTC] getUserMedia failed:', err);
+            return;
+        }
         localStream.current = stream;
         if (localVideoRef.current)
             localVideoRef.current.srcObject = stream;
-        const pc = new RTCPeerConnection({ iceServers: ICE_SERVERS });
-        pcRef.current = pc;
+        const pc = buildPc(peer);
         stream.getTracks().forEach(t => pc.addTrack(t, stream));
-        pc.ontrack = e => {
-            if (remoteVideoRef.current)
-                remoteVideoRef.current.srcObject = e.streams[0];
-        };
-        pc.onicecandidate = e => {
-            if (e.candidate) {
-                // TODO: socket.emit('ice-candidate', { candidate: e.candidate, to: peer.uid });
-            }
-        };
         await pc.setRemoteDescription(offer);
         const answer = await pc.createAnswer();
         await pc.setLocalDescription(answer);
-        // TODO: socket.emit('call-answer', { answer, to: peer.uid });
+        onAnswerReady === null || onAnswerReady === void 0 ? void 0 : onAnswerReady(answer, peer.uid, callId);
+    }, [buildPc, onAnswerReady, updateSession]);
+    const addIceCandidate = (0, react_1.useCallback)(async (candidate) => {
+        var _a;
+        try {
+            await ((_a = pcRef.current) === null || _a === void 0 ? void 0 : _a.addIceCandidate(new RTCIceCandidate(candidate)));
+        }
+        catch (err) {
+            console.warn('[WebRTC] addIceCandidate failed:', err);
+        }
     }, []);
-    /** Hang up */
-    const endCall = useCallback(() => {
-        var _a, _b;
-        (_a = localStream.current) === null || _a === void 0 ? void 0 : _a.getTracks().forEach(t => t.stop());
-        (_b = pcRef.current) === null || _b === void 0 ? void 0 : _b.close();
+    const endCall = (0, react_1.useCallback)(() => {
+        var _a, _b, _c;
+        const callId = currentCallId.current;
+        const peerUid = (_a = peerUidRef.current) !== null && _a !== void 0 ? _a : undefined;
+        (_b = localStream.current) === null || _b === void 0 ? void 0 : _b.getTracks().forEach(t => t.stop());
+        (_c = pcRef.current) === null || _c === void 0 ? void 0 : _c.close();
         pcRef.current = null;
         localStream.current = null;
+        currentCallId.current = null;
+        if (callId)
+            onCallEnded === null || onCallEnded === void 0 ? void 0 : onCallEnded(callId, peerUid);
         updateSession({ state: 'ended', peer: null, startedAt: null });
         setTimeout(() => updateSession({ state: 'idle' }), 1800);
-    }, []);
-    const toggleMute = useCallback(() => {
+    }, [onCallEnded, updateSession]);
+    const toggleMute = (0, react_1.useCallback)(() => {
         if (!localStream.current)
             return;
-        const enabled = !session.isMuted;
-        localStream.current.getAudioTracks().forEach(t => { t.enabled = enabled; });
-        updateSession({ isMuted: !session.isMuted });
-    }, [session.isMuted]);
-    const toggleCamera = useCallback(() => {
+        const muted = !session.isMuted;
+        localStream.current.getAudioTracks().forEach(t => { t.enabled = !muted; });
+        updateSession({ isMuted: muted });
+    }, [session.isMuted, updateSession]);
+    const toggleCamera = (0, react_1.useCallback)(() => {
         if (!localStream.current)
             return;
-        const enabled = !session.isCameraOn;
-        localStream.current.getVideoTracks().forEach(t => { t.enabled = enabled; });
-        updateSession({ isCameraOn: enabled });
-    }, [session.isCameraOn]);
-    // Cleanup on unmount
-    useEffect(() => () => {
+        const on = !session.isCameraOn;
+        localStream.current.getVideoTracks().forEach(t => { t.enabled = on; });
+        updateSession({ isCameraOn: on });
+    }, [session.isCameraOn, updateSession]);
+    (0, react_1.useEffect)(() => () => {
         var _a, _b;
         (_a = localStream.current) === null || _a === void 0 ? void 0 : _a.getTracks().forEach(t => t.stop());
         (_b = pcRef.current) === null || _b === void 0 ? void 0 : _b.close();
     }, []);
     return {
-        session,
-        localVideoRef,
-        remoteVideoRef,
-        startCall,
-        acceptCall,
-        endCall,
-        toggleMute,
-        toggleCamera,
+        session, localVideoRef, remoteVideoRef,
+        startCall, acceptCall, addIceCandidate, endCall,
+        toggleMute, toggleCamera,
     };
 }
+//# sourceMappingURL=useWebRTC.js.map