zerorate-voip-sdk 0.1.0

package/README.md

@@ -0,0 +1,131 @@
+# Zerorate VoIP SDK
+
+# [BEFORE YOU INSTALL: IMPORTANT NOTICE]: This SDK is customly built to be use by merchants on the freepass.africa platform.
+
+Production-ready, framework-agnostic JavaScript/TypeScript SDK to add in-app VoIP calling to any web application. Handles WebSocket signaling, LiveKit WebRTC integration, call state management, and provides a simple API with optional pre-built UI and framework adapters.
+
+## Installation
+
+```bash
+npm install @freepass/voip-sdk
+```
+
+## Quick Start (ESM)
+
+```ts
+import ZerorateVoIPClient from "@freepass/voip-sdk";
+import "@freepass/voip-sdk/dist/voip-sdk.css";
+
+const voip = new ZerorateVoIPClient({
+  backendUrl: "https://api.example.com",
+  wsUrl: "wss://api.example.com/ws",
+  userId: "user_123",
+  userName: "John Doe",
+  authToken: "your-jwt",
+  enableUI: true,
+  theme: "light",
+});
+
+await voip.connect();
+
+voip.on("incoming_call", (data) => {
+  // show incoming UI or auto accept
+});
+
+await voip.initiateCall("user_456", "Jane Smith", { isVideo: false });
+```
+
+## Quick Start (UMD)
+
+```html
+<script src="https://cdn.example.com/voip-sdk.min.js"></script>
+<link rel="stylesheet" href="https://cdn.example.com/voip-sdk.css" />
+<script>
+  const client = new ZerorateVoIPSDK.ZerorateVoIPClient({
+    backendUrl: "https://api.example.com",
+    wsUrl: "wss://api.example.com/ws",
+    userId: "user_123",
+    userName: "John Doe",
+  });
+  client.connect();
+  client.initiateCall("user_456", "Jane Smith", { isVideo: false });
+</script>
+```
+
+## Configuration
+
+- backendUrl: string
+- wsUrl: string
+- userId: string
+- userName: string
+- authToken?: string
+- enableUI?: boolean
+- theme?: 'light' | 'dark' | 'auto'
+- ringTones?: { incoming?: string; outgoing?: string }
+- autoReconnect?: boolean
+- debug?: boolean
+
+## Public API
+
+- connect(): Promise<void>
+- disconnect(): void
+- isConnected(): boolean
+- initiateCall(userId: string, userName: string, options?: { isVideo?: boolean }): Promise<void>
+- acceptCall(callId: string): Promise<void>
+- declineCall(callId: string): Promise<void>
+- endCall(callId: string): Promise<void>
+- toggleMicrophone(): Promise<boolean>
+- toggleVideo(): Promise<boolean>
+- setMicrophoneEnabled(enabled: boolean): Promise<void>
+- setVideoEnabled(enabled: boolean): Promise<void>
+- getCallState(): 'idle' | 'calling' | 'ringing' | 'connecting' | 'connected' | 'ending'
+- getActiveCall(): CallData | null
+- isInCall(): boolean
+- on(event, callback): void
+- off(event, callback): void
+- once(event, callback): void
+- showUI(): void
+- hideUI(): void
+- setTheme(theme): void
+- destroy(): void
+
+## Events
+
+- connected, disconnected, reconnecting, error
+- incoming_call, call_accepted, call_declined, call_missed, call_accepted, call_ended, call:error
+- media:microphone-changed, media:video-changed
+- state:changed
+
+## Optional UI Components
+
+- Include CSS: `import '@freepass/voip-sdk/dist/voip-sdk.css'`
+- Use UIManager to render:
+  - showIncomingCall(callData)
+  - showOutgoingCall(callData)
+  - showActiveCall(callData)
+  - hideAllModals(), show(), hide(), setTheme(theme)
+
+## React Adapter
+
+```tsx
+import { useVoIP } from "@freepass/voip-sdk/src/adapters/react/useVoIP";
+const { isConnected, callState, initiateCall } = useVoIP(config);
+```
+
+## Vue Adapter
+
+```js
+import { useVoIP } from "@freepass/voip-sdk/src/adapters/vue/useVoIP";
+const { state, initiateCall } = useVoIP(config);
+```
+
+## Examples
+
+- Vanilla: see `examples/vanilla/index.html`
+- React: see `examples/react/App.tsx`
+
+## Build Scripts
+
+- Build: `npm run build` (UMD + ESM + CSS copy)
+- Typecheck: `npm run typecheck`
+- Lint: `npm run lint`

package/dist/adapters/react/useVoIP.d.ts

@@ -0,0 +1,14 @@
+import { ZerorateVoIPClient } from "../../core/VoIPClient";
+export declare function useVoIP(config: any): {
+    client: ZerorateVoIPClient | null;
+    isConnected: boolean;
+    callState: string;
+    activeCall: any;
+    incomingCall: any;
+    initiateCall: (userId: string, userName: string, options?: any) => Promise<void> | undefined;
+    acceptCall: () => Promise<void> | undefined;
+    declineCall: () => Promise<void> | undefined;
+    endCall: () => Promise<void> | undefined;
+    toggleMicrophone: () => Promise<boolean> | undefined;
+    toggleVideo: () => Promise<boolean> | undefined;
+};

package/dist/core/APIClient.d.ts

@@ -0,0 +1,16 @@
+import { EventEmitter } from "./EventEmitter";
+export declare class APIClient extends EventEmitter {
+    private baseUrl;
+    private authToken?;
+    private timeoutMs;
+    private retries;
+    constructor(baseUrl: string, authToken?: string);
+    setAuthToken(token?: string): void;
+    initiateCall(data: any): Promise<any>;
+    acceptCall(callId: string, userId: string): Promise<any>;
+    declineCall(callId: string, userId: string): Promise<any>;
+    endCall(callId: string, userId: string): Promise<any>;
+    getCallStatus(callId: string): Promise<any>;
+    private request;
+    private safeJson;
+}

package/dist/core/AudioManager.d.ts

@@ -0,0 +1,16 @@
+export declare class AudioManager {
+    private incoming?;
+    private outgoing?;
+    private vol;
+    private playing;
+    constructor(ringTones?: {
+        incoming?: string;
+        outgoing?: string;
+    });
+    preloadRingtones(): void;
+    playIncoming(): Promise<void>;
+    playOutgoing(): Promise<void>;
+    stop(): void;
+    setVolume(volume: number): void;
+    isPlaying(): boolean;
+}

package/dist/core/CallManager.d.ts

@@ -0,0 +1,32 @@
+import { EventEmitter } from "./EventEmitter";
+import { APIClient } from "./APIClient";
+import { WebSocketManager } from "./WebSocketManager";
+import { LiveKitManager } from "./LiveKitManager";
+import { AudioManager } from "./AudioManager";
+import type { CallState, CallData } from "../types";
+export declare class CallManager extends EventEmitter {
+    private api;
+    private ws;
+    private livekit;
+    private audio;
+    private userId;
+    private userName;
+    private state;
+    private currentCall;
+    constructor(apiClient: APIClient, webSocketManager: WebSocketManager, liveKitManager: LiveKitManager, audioManager: AudioManager, userId: string, userName: string);
+    getCallState(): CallState;
+    getCurrentCall(): CallData | null;
+    initiateCall(calleeId: string, calleeName: string, isVideo: boolean): Promise<void>;
+    acceptCall(callId: string): Promise<void>;
+    declineCall(callId: string): Promise<void>;
+    endCall(callId: string): Promise<void>;
+    private handleIncomingCall;
+    private handleAccepted;
+    private handleDeclined;
+    private handleMissed;
+    private handleEnded;
+    private handleSocketMessage;
+    private setState;
+    private finishCall;
+    private cleanupCall;
+}

package/dist/core/EventEmitter.d.ts

@@ -0,0 +1,9 @@
+type Handler = (data?: any) => void;
+export declare class EventEmitter {
+    private handlers;
+    on(event: string, callback: Handler): void;
+    off(event: string, callback: Handler): void;
+    once(event: string, callback: Handler): void;
+    emit(event: string, data?: any): void;
+}
+export {};

package/dist/core/LiveKitManager.d.ts

@@ -0,0 +1,17 @@
+import { EventEmitter } from "./EventEmitter";
+export declare class LiveKitManager extends EventEmitter {
+    private room;
+    connectToRoom(livekitUrl: string, token: string, options?: any): Promise<void>;
+    disconnectFromRoom(): void;
+    enableMicrophone(): Promise<void>;
+    disableMicrophone(): Promise<void>;
+    toggleMicrophone(): Promise<boolean>;
+    enableVideo(): Promise<void>;
+    disableVideo(): Promise<void>;
+    toggleVideo(): Promise<boolean>;
+    getLocalTracks(): any[];
+    getRemoteTracks(): any[];
+    getRoom(): any;
+    attachTrack(track: any, element: HTMLElement): void;
+    detachTrack(track: any, element: HTMLElement): void;
+}

package/dist/core/VoIPClient.d.ts

@@ -0,0 +1,43 @@
+import type { VoIPConfig, CallState, CallData, VoIPEvent, Theme } from "../types";
+export declare class ZerorateVoIPClient {
+    private config;
+    private emitter;
+    private ws;
+    private api;
+    private livekit;
+    private audio;
+    private calls;
+    private microphoneEnabled;
+    private videoEnabled;
+    private ui?;
+    constructor(config: VoIPConfig);
+    private bindEvents;
+    connect(): Promise<void>;
+    disconnect(): void;
+    isConnected(): boolean;
+    initiateCall(userId: string, userName: string, options?: {
+        isVideo?: boolean;
+    }): Promise<void>;
+    acceptCall(callId: string): Promise<void>;
+    declineCall(callId: string): Promise<void>;
+    endCall(callId: string): Promise<void>;
+    toggleMicrophone(): Promise<boolean>;
+    toggleVideo(): Promise<boolean>;
+    setMicrophoneEnabled(enabled: boolean): Promise<void>;
+    setVideoEnabled(enabled: boolean): Promise<void>;
+    getCallState(): CallState;
+    getActiveCall(): CallData | null;
+    isInCall(): boolean;
+    getLocalTracks(): any[];
+    getRemoteTracks(): any[];
+    attachTrack(track: any, element: HTMLElement): void;
+    detachTrack(track: any, element: HTMLElement): void;
+    on(event: VoIPEvent, callback: (data: any) => void): void;
+    off(event: VoIPEvent, callback: (data: any) => void): void;
+    once(event: VoIPEvent, callback: (data: any) => void): void;
+    showUI(): void;
+    hideUI(): void;
+    setTheme(theme: Theme): void;
+    destroy(): void;
+}
+export default ZerorateVoIPClient;

package/dist/core/WebSocketManager.d.ts

@@ -0,0 +1,26 @@
+import { EventEmitter } from "./EventEmitter";
+type ConnectionState = "connecting" | "connected" | "disconnected" | "error";
+export declare class WebSocketManager extends EventEmitter {
+    private url;
+    private authToken?;
+    private userId?;
+    private ws?;
+    private state;
+    private queue;
+    private heartbeatId?;
+    private pongTimeoutId?;
+    private reconnectAttempts;
+    private autoReconnect;
+    private debug;
+    constructor(wsUrl: string, authToken?: string, autoReconnect?: boolean, debug?: boolean, userId?: string);
+    getState(): ConnectionState;
+    isConnected(): boolean;
+    connect(): Promise<void>;
+    disconnect(): void;
+    send(message: any): void;
+    private flushQueue;
+    private startHeartbeat;
+    private stopHeartbeat;
+    private scheduleReconnect;
+}
+export {};

package/dist/index.d.ts

@@ -0,0 +1,9 @@
+export { ZerorateVoIPClient as default } from "./core/VoIPClient";
+export { ZerorateVoIPClient } from "./core/VoIPClient";
+export { EventEmitter } from "./core/EventEmitter";
+export { WebSocketManager } from "./core/WebSocketManager";
+export { APIClient } from "./core/APIClient";
+export { LiveKitManager } from "./core/LiveKitManager";
+export { AudioManager } from "./core/AudioManager";
+export { CallManager } from "./core/CallManager";
+export type { VoIPConfig, CallData, CallState, VoIPEvent, Theme, } from "./types";

package/dist/types.d.ts

@@ -0,0 +1,30 @@
+export type Theme = "light" | "dark" | "auto";
+export interface VoIPConfig {
+    backendUrl: string;
+    wsUrl: string;
+    userId: string;
+    userName: string;
+    authToken?: string;
+    enableUI?: boolean;
+    theme?: Theme;
+    ringTones?: {
+        incoming?: string;
+        outgoing?: string;
+    };
+    autoReconnect?: boolean;
+    debug?: boolean;
+}
+export interface CallData {
+    callId: string;
+    roomName: string;
+    token: string;
+    livekitUrl: string;
+    participantId: string;
+    participantName: string;
+    calleeId?: string;
+    calleeName?: string;
+    isVideo: boolean;
+    startTime?: number;
+}
+export type CallState = "idle" | "calling" | "ringing" | "connecting" | "connected" | "ending";
+export type VoIPEvent = "connected" | "disconnected" | "reconnecting" | "error" | "incoming_call" | "call_started" | "call_accepted" | "call_declined" | "call_missed" | "call_ended" | "call:error" | "media:microphone-changed" | "media:video-changed" | "state:changed";

package/dist/ui/UIManager.d.ts

@@ -0,0 +1,15 @@
+import type { ZerorateVoIPClient } from "../core/VoIPClient";
+export declare class UIManager {
+    private client;
+    private root?;
+    constructor(voipClient: ZerorateVoIPClient);
+    show(): void;
+    hide(): void;
+    setTheme(theme: "light" | "dark" | "auto"): void;
+    showIncomingCall(callData: any): void;
+    showOutgoingCall(callData: any): void;
+    showActiveCall(callData: any): void;
+    hideAllModals(): void;
+    destroy(): void;
+    private ensureRoot;
+}

package/dist/ui/components/ActiveCall.d.ts

@@ -0,0 +1,2 @@
+import type { ZerorateVoIPClient } from "../../core/VoIPClient";
+export declare function renderActiveCall(client: ZerorateVoIPClient, data: any): HTMLElement;

package/dist/ui/components/IncomingCall.d.ts

@@ -0,0 +1,2 @@
+import type { ZerorateVoIPClient } from "../../core/VoIPClient";
+export declare function renderIncomingCall(client: ZerorateVoIPClient, data: any): HTMLElement;

package/dist/ui/components/OutgoingCall.d.ts

@@ -0,0 +1,2 @@
+import type { ZerorateVoIPClient } from "../../core/VoIPClient";
+export declare function renderOutgoingCall(client: ZerorateVoIPClient, data: any): HTMLElement;

package/dist/voip-sdk.css

@@ -0,0 +1,140 @@
+:root {
+  --voip-primary-color: #3b82f6;
+  --voip-success-color: #10b981;
+  --voip-danger-color: #ef4444;
+  --voip-background: #ffffff;
+  --voip-text-color: #1f2937;
+  --voip-overlay: rgba(0, 0, 0, 0.65);
+  --voip-border-radius: 12px;
+  --voip-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+}
+
+.voip-overlay {
+  position: fixed;
+  inset: 0;
+  background: var(--voip-overlay);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 9999;
+}
+
+.voip-card {
+  background: var(--voip-background);
+  color: var(--voip-text-color);
+  border-radius: var(--voip-border-radius);
+  padding: 24px;
+  width: 90%;
+  max-width: 420px;
+  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
+  text-align: center;
+}
+
+.voip-title {
+  font-family: var(--voip-font-family);
+  font-size: 20px;
+  margin-bottom: 8px;
+}
+
+.voip-subtitle {
+  font-size: 14px;
+  opacity: 0.8;
+  margin-bottom: 16px;
+}
+
+.voip-actions {
+  display: flex;
+  gap: 12px;
+  justify-content: center;
+}
+
+.voip-btn {
+  border: none;
+  border-radius: var(--voip-border-radius);
+  padding: 10px 16px;
+  font-weight: 600;
+  cursor: pointer;
+}
+
+.voip-btn-accept {
+  background: var(--voip-success-color);
+  color: #fff;
+}
+.voip-btn-decline {
+  background: var(--voip-danger-color);
+  color: #fff;
+}
+.voip-btn-cancel {
+  background: var(--voip-danger-color);
+  color: #fff;
+}
+.voip-btn-primary {
+  background: var(--voip-primary-color);
+  color: #fff;
+}
+
+.voip-video-container {
+  position: relative;
+  width: 100%;
+  max-width: 960px;
+  aspect-ratio: 16 / 9;
+  background: #000;
+  border-radius: var(--voip-border-radius);
+  overflow: hidden;
+}
+
+.voip-local-pip {
+  position: absolute;
+  width: 180px;
+  height: 120px;
+  bottom: 16px;
+  right: 16px;
+  border-radius: var(--voip-border-radius);
+  overflow: hidden;
+  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.35);
+}
+
+.voip-controls {
+  display: flex;
+  gap: 10px;
+  justify-content: center;
+  margin-top: 16px;
+}
+
+/* Enhanced layout elements */
+.voip-header {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  margin-bottom: 16px;
+  text-align: left;
+}
+
+.voip-avatar {
+  width: 56px;
+  height: 56px;
+  border-radius: 50%;
+  background: #111827;
+  color: #ffffff;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-weight: 700;
+  font-family: var(--voip-font-family);
+}
+
+.voip-meta {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+}
+
+.voip-timer {
+  font-variant-numeric: tabular-nums;
+}
+
+@media (max-width: 420px) {
+  .voip-btn {
+    padding: 10px 12px;
+  }
+}

package/dist/voip-sdk.esm.js

@@ -0,0 +1 @@
+class t{constructor(){this.handlers=new Map}on(t,e){this.handlers.has(t)||this.handlers.set(t,new Set),this.handlers.get(t).add(e)}off(t,e){const i=this.handlers.get(t);i&&(i.delete(e),0===i.size&&this.handlers.delete(t))}once(t,e){const i=n=>{this.off(t,i),e(n)};this.on(t,i)}emit(t,e){const i=this.handlers.get(t);if(i)for(const t of Array.from(i))t(e)}}class e extends t{constructor(t,e,i=!0,n=!1,s){super(),this.state="disconnected",this.queue=[],this.reconnectAttempts=0,this.url=t,this.authToken=e,this.autoReconnect=i,this.debug=n,this.userId=s}getState(){return this.state}isConnected(){return"connected"===this.state}async connect(){if(!this.ws||"connecting"!==this.state&&"connected"!==this.state){this.state="connecting";try{this.ws=new WebSocket(this.url),this.ws.onopen=()=>{this.state="connected",this.emit("connected"),this.userId&&this.authToken?this.send({type:"authenticate",userId:this.userId,token:this.authToken}):this.authToken&&this.send({type:"authenticate",token:this.authToken}),this.flushQueue(),this.startHeartbeat(),this.reconnectAttempts=0},this.ws.onmessage=t=>{if("string"==typeof t.data)try{const e=JSON.parse(t.data);this.emit("message",e)}catch(e){this.emit("message",t.data)}else this.emit("message",t.data)},this.ws.onerror=()=>{this.state="error",this.emit("error",{type:"network"})},this.ws.onclose=()=>{this.stopHeartbeat();const t="connected"===this.state;this.state="disconnected",this.emit("disconnected"),this.autoReconnect&&this.scheduleReconnect(t)}}catch(t){this.state="error",this.emit("error",{type:"network"})}}}disconnect(){if(this.autoReconnect=!1,this.stopHeartbeat(),this.ws&&("connecting"===this.state||"connected"===this.state))try{this.ws.close()}catch(t){}this.ws=void 0,this.state="disconnected",this.emit("disconnected")}send(t){const e="string"==typeof t?t:JSON.stringify(t);if(this.ws&&"connected"===this.state)try{this.ws.send(e)}catch(t){this.queue.push(e)}else this.queue.push(e)}flushQueue(){if(this.ws&&"connected"===this.state)for(const t of this.queue.splice(0))try{this.ws.send(t)}catch(t){}}startHeartbeat(){this.stopHeartbeat(),this.heartbeatId=window.setInterval(()=>{if(this.ws&&"connected"===this.state)try{this.ws.send(JSON.stringify({type:"heartbeat"})),this.pongTimeoutId&&window.clearTimeout(this.pongTimeoutId),this.pongTimeoutId=window.setTimeout(()=>{try{this.ws?.close()}catch(t){}},5e3)}catch(t){}},3e4)}stopHeartbeat(){this.heartbeatId&&(window.clearInterval(this.heartbeatId),this.heartbeatId=void 0),this.pongTimeoutId&&(window.clearTimeout(this.pongTimeoutId),this.pongTimeoutId=void 0)}scheduleReconnect(t){this.reconnectAttempts+=1;const e=t?1:2,i=Math.min(3e4,1e3*Math.pow(2,this.reconnectAttempts-1)*e);this.emit("reconnecting",{attempt:this.reconnectAttempts,delay:i}),window.setTimeout(()=>{this.autoReconnect&&this.connect()},i)}}class i extends t{constructor(t,e){super(),this.timeoutMs=1e4,this.retries=3,this.baseUrl=t.replace(/\/+$/,""),this.authToken=e}setAuthToken(t){this.authToken=t}async initiateCall(t){return this.request("/api/webrtc/v1/calls/initiate","POST",t)}async acceptCall(t,e){return this.request(`/api/webrtc/v1/calls/${encodeURIComponent(t)}/accept`,"POST",{userId:e})}async declineCall(t,e){return this.request(`/api/webrtc/v1/calls/${encodeURIComponent(t)}/decline`,"POST",{userId:e})}async endCall(t,e){return this.request(`/api/webrtc/v1/calls/${encodeURIComponent(t)}/end`,"POST",{userId:e})}async getCallStatus(t){return this.request(`/api/webrtc/v1/calls/${encodeURIComponent(t)}`,"GET")}async request(t,e,i){const n=`${this.baseUrl}${t}`;let s,a=0;for(;a<this.retries;){a+=1;const t=new AbortController,o=window.setTimeout(()=>t.abort(),this.timeoutMs);try{const a=await fetch(n,{method:e,headers:{"Content-Type":"application/json",...this.authToken?{Authorization:`Bearer ${this.authToken}`}:{}},body:i?JSON.stringify(i):void 0,signal:t.signal});if(window.clearTimeout(o),a.ok){return await this.safeJson(a)}{const t=await this.safeJson(a);s={status:a.status,data:t},this.emit("error",{type:"network",message:"http_error",originalError:s})}}catch(t){window.clearTimeout(o),s=t,this.emit("error",{type:"network",message:"fetch_error",originalError:t})}}throw s??new Error("request_failed")}async safeJson(t){try{return await t.json()}catch(t){return null}}}class n extends t{async connectToRoom(t,e,i){const n=await import("livekit-client");console.log(t,e),console.log(n);const s=n.Room,a=n.RoomEvent;this.room=new s(i),await this.room.connect(t,e),this.room.on(a.TrackSubscribed,(t,e,i)=>{this.emit("media:track-added",{participantId:i.sid,trackType:t.kind})}),this.room.on(a.TrackUnsubscribed,(t,e,i)=>{this.emit("media:track-removed",{participantId:i.sid,trackType:t.kind})}),this.room.on(a.Disconnected,()=>{this.emit("disconnected")})}disconnectFromRoom(){this.room&&(this.room.disconnect(),this.room=void 0)}async enableMicrophone(){this.room&&(await this.room.localParticipant.setMicrophoneEnabled(!0),this.emit("media:microphone-changed",{enabled:!0}))}async disableMicrophone(){this.room&&(await this.room.localParticipant.setMicrophoneEnabled(!1),this.emit("media:microphone-changed",{enabled:!1}))}async toggleMicrophone(){if(!this.room)return!1;const t=this.room.localParticipant.isMicrophoneEnabled;return await this.room.localParticipant.setMicrophoneEnabled(!t),this.emit("media:microphone-changed",{enabled:!t}),!t}async enableVideo(){this.room&&(await this.room.localParticipant.setCameraEnabled(!0),this.emit("media:video-changed",{enabled:!0}))}async disableVideo(){this.room&&(await this.room.localParticipant.setCameraEnabled(!1),this.emit("media:video-changed",{enabled:!1}))}async toggleVideo(){if(!this.room)return!1;const t=this.room.localParticipant.isCameraEnabled;return await this.room.localParticipant.setCameraEnabled(!t),this.emit("media:video-changed",{enabled:!t}),!t}getLocalTracks(){return this.room?Array.from(this.room.localParticipant.tracks.values()).map(t=>t.track).filter(Boolean):[]}getRemoteTracks(){if(!this.room)return[];const t=[];for(const e of this.room.participants.values())for(const i of e.tracks.values())i.track&&t.push(i.track);return t}getRoom(){return this.room}attachTrack(t,e){if(t)try{t.attach(e)}catch(t){}}detachTrack(t,e){if(t)try{t.detach(e)}catch(t){}}}class s{constructor(t){this.vol=1,this.playing=!1,t?.incoming&&(this.incoming=new Audio(t.incoming),this.incoming.loop=!0,this.incoming.volume=this.vol),t?.outgoing&&(this.outgoing=new Audio(t.outgoing),this.outgoing.loop=!0,this.outgoing.volume=this.vol)}preloadRingtones(){this.incoming&&this.incoming.load(),this.outgoing&&this.outgoing.load()}async playIncoming(){if(this.incoming)try{await this.incoming.play(),this.playing=!0}catch(t){this.playing=!1}}async playOutgoing(){if(this.outgoing)try{await this.outgoing.play(),this.playing=!0}catch(t){this.playing=!1}}stop(){this.incoming&&(this.incoming.pause(),this.incoming.currentTime=0),this.outgoing&&(this.outgoing.pause(),this.outgoing.currentTime=0),this.playing=!1}setVolume(t){this.vol=Math.max(0,Math.min(1,t)),this.incoming&&(this.incoming.volume=this.vol),this.outgoing&&(this.outgoing.volume=this.vol)}isPlaying(){return this.playing}}class a extends t{constructor(t,e,i,n,s,a){super(),this.state="idle",this.currentCall=null,this.api=t,this.ws=e,this.livekit=i,this.audio=n,this.userId=s,this.userName=a,this.ws.on("message",t=>this.handleSocketMessage(t))}getCallState(){return this.state}getCurrentCall(){return this.currentCall}async initiateCall(t,e,i){if("idle"===this.state){this.setState("calling"),await this.audio.playOutgoing();try{const n=await this.api.initiateCall({callerId:this.userId,callerName:this.userName,calleeId:t,calleeName:e,isVideo:i}),s={callId:n?.callId??"",roomName:n?.roomName??"",token:n?.token??"",livekitUrl:n?.livekitUrl??"",participantId:this.userId,participantName:this.userName,calleeId:t,calleeName:e,isVideo:i,startTime:Date.now()};console.log(s),this.currentCall=s,this.emit("call_started",{callId:s.callId,participants:[this.userId,t]}),this.setState("connecting"),await this.livekit.connectToRoom(s.livekitUrl,s.token,{connect:!0}),this.audio.stop(),this.setState("connected")}catch(t){this.audio.stop(),this.emit("call:error",{error:t}),this.setState("idle")}}}async acceptCall(t){if("ringing"===this.state)try{await this.api.acceptCall(t,this.userId),this.setState("connecting")}catch(e){this.emit("call:error",{callId:t,error:e})}}async declineCall(t){if("ringing"===this.state)try{await this.api.declineCall(t,this.userId),this.audio.stop(),this.emit("call_declined",{callId:t}),this.cleanupCall()}catch(e){this.emit("call:error",{callId:t,error:e})}}async endCall(t){if(this.currentCall&&this.currentCall.callId===t&&("connected"===this.state||"connecting"===this.state)){try{await this.api.endCall(t,this.userId)}catch(t){}this.finishCall()}}async handleIncomingCall(t){if("idle"!==this.state)return;this.setState("ringing"),await this.audio.playIncoming();const e={callId:t.callId,roomName:t.roomName??"",token:t.token??"",livekitUrl:t.livekitUrl??"",participantId:t.callerId,participantName:t.callerName,isVideo:!!t.isVideo};this.currentCall=e,this.emit("incoming_call",{callId:e.callId,callerId:e.participantId,callerName:e.participantName,isVideo:e.isVideo})}async handleAccepted(){if(this.currentCall){this.setState("connecting");try{await this.livekit.connectToRoom(this.currentCall.livekitUrl,this.currentCall.token,{connect:!0}),this.audio.stop(),this.setState("connected"),this.emit("call_accepted",{callId:this.currentCall.callId})}catch(t){this.emit("call:error",{callId:this.currentCall.callId,error:t})}}}handleDeclined(){this.currentCall&&(this.audio.stop(),this.emit("call_declined",{callId:this.currentCall.callId}),this.cleanupCall())}handleMissed(){this.currentCall&&(this.audio.stop(),this.emit("call_missed",{callId:this.currentCall.callId}),this.cleanupCall())}handleEnded(){this.currentCall&&this.finishCall()}handleSocketMessage(t){const e=t?.type;"incoming_call"===e&&this.handleIncomingCall(t.data??t),"call_accepted"===e&&this.handleAccepted(),"call_declined"===e&&this.handleDeclined(),"call_missed"===e&&this.handleMissed(),"call_ended"===e&&this.handleEnded()}setState(t){const e=this.state;this.state=t,this.emit("state:changed",{oldState:e,newState:t})}finishCall(){const t=this.currentCall?.callId??"",e=this.currentCall?.startTime??Date.now(),i=Math.max(0,Math.floor((Date.now()-e)/1e3));this.livekit.disconnectFromRoom(),this.emit("call_ended",{callId:t,duration:i}),this.cleanupCall()}cleanupCall(){this.currentCall=null,this.setState("idle")}}function o(t,e){const i=document.createElement("div");i.className="voip-overlay";const n=document.createElement("div");n.className="voip-card";const s=document.createElement("div");s.className="voip-header";const a=document.createElement("div");a.className="voip-avatar";const o=e?.callerName||"Unknown";a.textContent=function(t){const e=String(t).trim().split(/\s+/),i=e[0]?.[0]||"",n=e.length>1?e[e.length-1][0]:"";return(i+n).toUpperCase()||"U"}(o);const c=document.createElement("div");c.className="voip-meta";const l=document.createElement("div");l.className="voip-title",l.textContent=e?.callerName?`${e.callerName}`:"Incoming Call";const r=document.createElement("div");r.className="voip-subtitle",r.textContent=e?.isVideo?"Incoming video call":"Incoming audio call",c.appendChild(l),c.appendChild(r),s.appendChild(a),s.appendChild(c);const h=document.createElement("div");h.className="voip-actions";const d=document.createElement("button");d.className="voip-btn voip-btn-accept",d.textContent="Accept";const m=document.createElement("button");m.className="voip-btn voip-btn-decline",m.textContent="Decline";const u=()=>{window.removeEventListener("keydown",p)},p=n=>{"Enter"===n.key&&(e?.callId&&t.acceptCall(e.callId),i.remove(),u()),"Escape"===n.key&&(e?.callId&&t.declineCall(e.callId),i.remove(),u())};return window.addEventListener("keydown",p),d.onclick=()=>{e?.callId&&t.acceptCall(e.callId),i.remove(),u()},m.onclick=()=>{e?.callId&&t.declineCall(e.callId),i.remove(),u()},h.appendChild(d),h.appendChild(m),n.appendChild(s),n.appendChild(h),i.appendChild(n),i}function c(t,e){const i=document.createElement("div");i.className="voip-overlay";const n=document.createElement("div");n.className="voip-card";const s=document.createElement("div");s.className="voip-header";const a=document.createElement("div");a.className="voip-avatar";const o=e?.calleeName||"Unknown";a.textContent=function(t){const e=String(t).trim().split(/\s+/),i=e[0]?.[0]||"",n=e.length>1?e[e.length-1][0]:"";return(i+n).toUpperCase()||"U"}(o);const c=document.createElement("div");c.className="voip-meta";const l=document.createElement("div");l.className="voip-title",l.textContent=e?.calleeName?`Calling ${e.calleeName}`:"Calling";const r=document.createElement("div");r.className="voip-subtitle",r.textContent=e?.isVideo?"Video call":"Audio call",c.appendChild(l),c.appendChild(r),s.appendChild(a),s.appendChild(c);const h=document.createElement("div");h.className="voip-actions";const d=document.createElement("button");return d.className="voip-btn voip-btn-cancel",d.textContent="Cancel",d.onclick=()=>{e?.callId&&t.endCall(e.callId),i.remove()},h.appendChild(d),n.appendChild(s),n.appendChild(h),i.appendChild(n),i}function l(t,e){const i=document.createElement("div");i.className="voip-overlay";const n=document.createElement("div");n.className="voip-card",n.style.position="relative";const s=document.createElement("div");s.className="voip-header";const a=document.createElement("div");a.className="voip-avatar";const o=e?.participantName||e?.calleeName||e?.callerName||"Participant";a.textContent=function(t){const e=String(t).trim().split(/\s+/),i=e[0]?.[0]||"",n=e.length>1?e[e.length-1][0]:"";return(i+n).toUpperCase()||"U"}(o);const c=document.createElement("div");c.className="voip-meta";const l=document.createElement("div");l.className="voip-title",l.textContent=o;const r=document.createElement("div");r.className="voip-subtitle";const h=document.createElement("span");h.className="voip-timer",h.textContent="00:00";const d="number"==typeof e?.startTime?e.startTime:Date.now(),m=()=>{const t=Math.max(0,Math.floor((Date.now()-d)/1e3)),e=String(Math.floor(t/60)).padStart(2,"0"),i=String(t%60).padStart(2,"0");h.textContent=`${e}:${i}`},u=window.setInterval(m,1e3);m(),r.textContent="In call • ",r.appendChild(h),c.appendChild(l),c.appendChild(r),s.appendChild(a),s.appendChild(c);const p=document.createElement("div");p.style.display="grid",p.style.gap="16px";const g=()=>{p.style.gridTemplateColumns=window.innerWidth>=768?"1fr 1fr":"1fr"};g();const v=()=>g();window.addEventListener("resize",v);const C=document.createElement("div"),w=document.createElement("div");w.className="voip-video-container";const y=document.createElement("video");y.autoplay=!0,y.playsInline=!0,w.appendChild(y),C.appendChild(w);const k=document.createElement("div");k.style.background="#1f2937",k.style.borderRadius="12px",k.style.padding="16px",k.style.height="260px",k.style.display="flex",k.style.alignItems="center",k.style.justifyContent="center";const f=document.createElement("video");f.autoplay=!0,f.muted=!0,f.playsInline=!0,f.style.maxWidth="100%",f.style.maxHeight="100%",k.appendChild(f),p.appendChild(C),p.appendChild(k);const I=document.createElement("div");I.className="voip-controls",I.style.position="absolute",I.style.left="0",I.style.right="0",I.style.bottom="16px",I.style.display="flex",I.style.justifyContent="center",I.style.gap="12px";let b=!0;const E=document.createElement("button");E.className="voip-btn voip-btn-primary";const T=()=>E.textContent=b?"Mute":"Unmute";T(),E.onclick=async()=>{const e=await t.toggleMicrophone();b=e,T()};let N=!1;const S=document.createElement("button");S.className="voip-btn voip-btn-primary";const M=()=>S.textContent=N?"Hide Video":"Show Video";M(),S.onclick=async()=>{const e=await t.toggleVideo();N=e,M()};const x=document.createElement("button");return x.className="voip-btn voip-btn-decline",x.textContent="End Call",x.onclick=()=>{e?.callId&&t.endCall(e.callId),i.remove(),window.clearInterval(u),window.removeEventListener("resize",v)},I.appendChild(E),I.appendChild(S),I.appendChild(x),n.appendChild(s),n.appendChild(p),n.appendChild(I),i.appendChild(n),i}class r{constructor(t){this.client=t}show(){this.ensureRoot()}hide(){this.root?.remove(),this.root=void 0}setTheme(t){this.ensureRoot(),this.root?this.root.setAttribute("data-voip-theme",t):document.documentElement.setAttribute("data-voip-theme",t)}showIncomingCall(t){this.ensureRoot();const e=o(this.client,t);this.root.appendChild(e)}showOutgoingCall(t){this.ensureRoot();const e=c(this.client,t);this.root.appendChild(e)}showActiveCall(t){this.ensureRoot();const e=l(this.client,t);this.root.appendChild(e);const i=e.querySelectorAll("video"),n=i[0],s=i[1],a=this.client.getRemoteTracks(),o=this.client.getLocalTracks(),c=a.find(t=>"video"===t?.kind)??a[0],r=o.find(t=>"video"===t?.kind)??o[0];c&&n&&this.client.attachTrack(c,n),r&&s&&this.client.attachTrack(r,s)}hideAllModals(){if(this.root)for(;this.root.firstChild;)this.root.removeChild(this.root.firstChild)}destroy(){this.hide()}ensureRoot(){this.root&&document.body.contains(this.root)||(this.root=document.createElement("div"),document.body.appendChild(this.root))}}class h{constructor(o){this.emitter=new t,this.microphoneEnabled=!0,this.videoEnabled=!1,this.config={enableUI:!0,autoReconnect:!0,debug:!1,...o},this.ws=new e(this.config.wsUrl,this.config.authToken,!!this.config.autoReconnect,!!this.config.debug,this.config.userId),this.api=new i(this.config.backendUrl,this.config.authToken),this.livekit=new n,this.audio=new s(this.config.ringTones),this.calls=new a(this.api,this.ws,this.livekit,this.audio,this.config.userId,this.config.userName),this.config.enableUI&&(this.ui=new r(this)),this.bindEvents(),this.audio.preloadRingtones()}bindEvents(){const t=t=>e=>this.emitter.emit(t,e);this.ws.on("connected",t("connected")),this.ws.on("disconnected",t("disconnected")),this.ws.on("reconnecting",t("reconnecting")),this.ws.on("error",t("error")),this.calls.on("state:changed",e=>{if(t("state:changed")(e),!this.ui)return;const i=e?.newState;"calling"===i||"connecting"===i?(this.ui.hideAllModals(),this.ui.showOutgoingCall(this.calls.getCurrentCall()??{})):"connected"===i?(this.ui.hideAllModals(),this.ui.showActiveCall(this.calls.getCurrentCall()??{})):"idle"!==i&&"ending"!==i||this.ui.hideAllModals()}),this.calls.on("incoming_call",e=>{t("incoming_call")(e),this.ui&&(this.ui.hideAllModals(),this.ui.showIncomingCall(e))}),this.calls.on("call_started",e=>{t("call_started")(e)}),this.calls.on("call_accepted",e=>{t("call_accepted")(e)}),this.calls.on("call_declined",e=>{t("call_declined")(e),this.ui&&this.ui.hideAllModals()}),this.calls.on("call_missed",e=>{t("call_missed")(e),this.ui&&this.ui.hideAllModals()}),this.calls.on("call_ended",e=>{t("call_ended")(e),this.ui&&this.ui.hideAllModals()}),this.livekit.on("media:microphone-changed",t=>{this.microphoneEnabled=!!t?.enabled,this.emitter.emit("media:microphone-changed",t)}),this.livekit.on("media:video-changed",t=>{this.videoEnabled=!!t?.enabled,this.emitter.emit("media:video-changed",t)})}async connect(){await this.ws.connect()}disconnect(){this.ws.disconnect()}isConnected(){return this.ws.isConnected()}async initiateCall(t,e,i){await this.calls.initiateCall(t,e,!!i?.isVideo)}async acceptCall(t){await this.calls.acceptCall(t)}async declineCall(t){await this.calls.declineCall(t)}async endCall(t){await this.calls.endCall(t)}async toggleMicrophone(){return await this.livekit.toggleMicrophone()}async toggleVideo(){return await this.livekit.toggleVideo()}async setMicrophoneEnabled(t){t?await this.livekit.enableMicrophone():await this.livekit.disableMicrophone()}async setVideoEnabled(t){t?await this.livekit.enableVideo():await this.livekit.disableVideo()}getCallState(){return this.calls.getCallState()}getActiveCall(){return this.calls.getCurrentCall()}isInCall(){return"connected"===this.getCallState()||"connecting"===this.getCallState()||"ringing"===this.getCallState()||"calling"===this.getCallState()}getLocalTracks(){return this.livekit.getLocalTracks()}getRemoteTracks(){return this.livekit.getRemoteTracks()}attachTrack(t,e){this.livekit.attachTrack(t,e)}detachTrack(t,e){this.livekit.detachTrack(t,e)}on(t,e){this.emitter.on(t,e)}off(t,e){this.emitter.off(t,e)}once(t,e){this.emitter.once(t,e)}showUI(){this.ui||(this.ui=new r(this)),this.ui.show()}hideUI(){this.ui?.hide()}setTheme(t){this.config.theme=t,this.ui?.setTheme(t)}destroy(){this.disconnect(),this.hideUI()}}export{i as APIClient,s as AudioManager,a as CallManager,t as EventEmitter,n as LiveKitManager,e as WebSocketManager,h as ZerorateVoIPClient,h as default};