@dora-cell/sdk-react 0.1.1-beta.3

package/README.md

@@ -0,0 +1,308 @@
+# @dora-cell/sdk-react
+
+React hooks and components for the Dora Cell VoIP SDK.
+
+## Features
+
+✅ **React Hooks** - Easy-to-use hooks for call management  
+✅ **Context Provider** - Simple setup with DoraCellProvider  
+✅ **TypeScript support** - Full type definitions included  
+✅ **Auto state management** - Automatic call state and connection tracking  
+✅ **React 18 & 19 compatible** - Works with latest React versions  
+
+## Installation
+
+```bash
+npm install @dora-cell/sdk @dora-cell/sdk-react jssip
+# or
+yarn add @dora-cell/sdk @dora-cell/sdk-react jssip
+# or
+pnpm add @dora-cell/sdk @dora-cell/sdk-react jssip
+```
+
+## Quick Start
+
+### 1. Wrap your app with DoraCellProvider
+
+```tsx
+import { DoraCellProvider } from '@dora-cell/sdk-react';
+
+function App() {
+  return (
+    <DoraCellProvider
+      config={{
+        auth: {
+          type: 'api-token',
+          apiToken: 'your-api-token-here',
+          apiBaseUrl: 'https://api.usedora.com'
+        },
+        debug: true
+      }}
+    >
+      <YourApp />
+    </DoraCellProvider>
+  );
+}
+```
+
+### 2. Use hooks in your components
+
+```tsx
+import { useCall, useConnectionStatus } from '@dora-cell/sdk-react';
+
+function CallInterface() {
+  const { 
+    call, 
+    hangup, 
+    toggleMute, 
+    callStatus, 
+    callDuration, 
+    isMuted,
+    currentCall 
+  } = useCall();
+  
+  const { isConnected, status } = useConnectionStatus();
+  const [number, setNumber] = useState('');
+
+  const handleCall = async () => {
+    try {
+      await call(number);
+    } catch (error) {
+      console.error('Call failed:', error);
+    }
+  };
+
+  return (
+    <div>
+      <p>Status: {isConnected ? 'Connected' : 'Disconnected'}</p>
+      
+      {callStatus === 'idle' && (
+        <>
+          <input
+            value={number}
+            onChange={(e) => setNumber(e.target.value)}
+            placeholder="Enter phone number"
+          />
+          <button onClick={handleCall} disabled={!isConnected}>
+            Call
+          </button>
+        </>
+      )}
+      
+      {callStatus === 'ongoing' && (
+        <>
+          <p>Call with: {currentCall?.remoteNumber}</p>
+          <p>Duration: {callDuration}</p>
+          <button onClick={toggleMute}>
+            {isMuted ? 'Unmute' : 'Mute'}
+          </button>
+          <button onClick={hangup}>Hang Up</button>
+        </>
+      )}
+      
+      {callStatus === 'ringing' && (
+        <p>Ringing...</p>
+      )}
+    </div>
+  );
+}
+```
+
+## API Reference
+
+### DoraCellProvider
+
+Wrap your app with this provider to enable SDK functionality.
+
+```tsx
+<DoraCellProvider
+  config={{
+    auth: {
+      type: 'api-token',
+      apiToken: string,
+      apiBaseUrl?: string
+    },
+    turnServers?: RTCIceServer[],
+    debug?: boolean,
+    autoSelectExtension?: boolean
+  }}
+>
+  {children}
+</DoraCellProvider>
+```
+
+### useCall()
+
+Hook for managing calls.
+
+```typescript
+const {
+  // Methods
+  call: (phoneNumber: string) => Promise<void>,
+  hangup: () => void,
+  answerCall: () => void,
+  toggleMute: () => void,
+  
+  // State
+  callStatus: 'idle' | 'ringing' | 'ongoing',
+  callDuration: string, // Formatted as "MM:SS"
+  isMuted: boolean,
+  currentCall: Call | null,
+  error: Error | null
+} = useCall();
+```
+
+**Methods:**
+- `call(phoneNumber)` - Make an outbound call
+- `hangup()` - End the current call
+- `answerCall()` - Answer an incoming call
+- `toggleMute()` - Toggle mute/unmute
+
+**State:**
+- `callStatus` - Current call status
+- `callDuration` - Formatted call duration (e.g., "01:23")
+- `isMuted` - Whether the call is muted
+- `currentCall` - Current call object with details
+- `error` - Any call-related errors
+
+### useConnectionStatus()
+
+Hook for monitoring connection status.
+
+```typescript
+const {
+  isConnected: boolean,
+  status: 'disconnected' | 'connecting' | 'connected' | 'error',
+  error: Error | null
+} = useConnectionStatus();
+```
+
+### useDoraCell()
+
+Access the underlying SDK instance directly.
+
+```typescript
+const sdk = useDoraCell();
+
+// Use SDK methods directly
+sdk.getExtensions();
+sdk.on('call:incoming', (call) => {
+  console.log('Incoming call from:', call.remoteNumber);
+});
+```
+
+## Advanced Usage
+
+### Handling Incoming Calls
+
+```tsx
+function IncomingCallHandler() {
+  const { currentCall, answerCall, hangup, callStatus } = useCall();
+  const sdk = useDoraCell();
+
+  useEffect(() => {
+    const handleIncoming = (call) => {
+      // Show notification or UI for incoming call
+      console.log('Incoming call from:', call.remoteNumber);
+    };
+
+    sdk.on('call:incoming', handleIncoming);
+    return () => sdk.off('call:incoming', handleIncoming);
+  }, [sdk]);
+
+  if (callStatus === 'ringing' && currentCall?.direction === 'inbound') {
+    return (
+      <div>
+        <p>Incoming call from {currentCall.remoteNumber}</p>
+        <button onClick={answerCall}>Answer</button>
+        <button onClick={hangup}>Decline</button>
+      </div>
+    );
+  }
+
+  return null;
+}
+```
+
+### Custom Extension Selection
+
+```tsx
+function CallWithExtension() {
+  const sdk = useDoraCell();
+  const [selectedExtension, setSelectedExtension] = useState('');
+
+  const extensions = sdk.getExtensions();
+
+  const makeCall = async (number: string) => {
+    await sdk.call(number, { extension: selectedExtension });
+  };
+
+  return (
+    <div>
+      <select 
+        value={selectedExtension} 
+        onChange={(e) => setSelectedExtension(e.target.value)}
+      >
+        {extensions.map(ext => (
+          <option key={ext} value={ext}>{ext}</option>
+        ))}
+      </select>
+      {/* Rest of your call UI */}
+    </div>
+  );
+}
+```
+
+### Error Handling
+
+```tsx
+function CallWithErrorHandling() {
+  const { call, error, callStatus } = useCall();
+  const [number, setNumber] = useState('');
+
+  const handleCall = async () => {
+    try {
+      await call(number);
+    } catch (err) {
+      console.error('Call failed:', err);
+      // Show error to user
+    }
+  };
+
+  return (
+    <div>
+      {error && <div className="error">{error.message}</div>}
+      {/* Rest of your UI */}
+    </div>
+  );
+}
+```
+
+## TypeScript Support
+
+All hooks and components are fully typed. Import types as needed:
+
+```typescript
+import type { Call, CallStatus, ConnectionStatus } from '@dora-cell/sdk';
+import type { DoraCellConfig } from '@dora-cell/sdk-react';
+```
+
+## Examples
+
+See the `/examples` directory in the main repository for complete working examples:
+- `react-app/` - React application with hooks
+- `nextjs-app/` - Next.js application
+
+## Requirements
+
+- React 18.0.0 or higher (including React 19)
+- @dora-cell/sdk (peer dependency)
+- jssip (peer dependency)
+
+## License
+
+MIT
+
+## Related Packages
+
+- [@dora-cell/sdk](https://www.npmjs.com/package/@dora-cell/sdk) - Core VoIP SDK

package/dist/index.d.mts

@@ -0,0 +1,51 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React from 'react';
+import { DoraCellConfig, CallStatus, Call, ConnectionStatus, DoraCell } from '@dora-cell/sdk';
+
+interface DoraCellContextValue {
+    sdk: DoraCell | null;
+    connectionStatus: ConnectionStatus;
+    currentCall: Call | null;
+    callStatus: CallStatus;
+    callDuration: string;
+    isMuted: boolean;
+    isInitialized: boolean;
+    error: Error | null;
+    call: (phoneNumber: string, extension?: string) => Promise<void>;
+    hangup: () => void;
+    toggleMute: () => void;
+    answerCall: () => void;
+}
+interface DoraCellProviderProps {
+    config: DoraCellConfig;
+    children: React.ReactNode;
+    autoInitialize?: boolean;
+}
+declare function DoraCellProvider({ config, children, autoInitialize, }: DoraCellProviderProps): react_jsx_runtime.JSX.Element;
+/**
+ * Hook to access Dora Cell SDK context
+ */
+declare function useDoraCell(): DoraCellContextValue;
+/**
+ * Hook for making calls
+ */
+declare function useCall(): {
+    call: (phoneNumber: string, extension?: string) => Promise<void>;
+    hangup: () => void;
+    toggleMute: () => void;
+    callStatus: CallStatus;
+    callDuration: string;
+    isMuted: boolean;
+    currentCall: Call | null;
+};
+/**
+ * Hook for connection status
+ */
+declare function useConnectionStatus(): {
+    connectionStatus: ConnectionStatus;
+    isInitialized: boolean;
+    isConnected: boolean;
+    error: Error | null;
+};
+
+export { DoraCellProvider, type DoraCellProviderProps, useCall, useConnectionStatus, useDoraCell };

package/dist/index.d.ts

@@ -0,0 +1,51 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React from 'react';
+import { DoraCellConfig, CallStatus, Call, ConnectionStatus, DoraCell } from '@dora-cell/sdk';
+
+interface DoraCellContextValue {
+    sdk: DoraCell | null;
+    connectionStatus: ConnectionStatus;
+    currentCall: Call | null;
+    callStatus: CallStatus;
+    callDuration: string;
+    isMuted: boolean;
+    isInitialized: boolean;
+    error: Error | null;
+    call: (phoneNumber: string, extension?: string) => Promise<void>;
+    hangup: () => void;
+    toggleMute: () => void;
+    answerCall: () => void;
+}
+interface DoraCellProviderProps {
+    config: DoraCellConfig;
+    children: React.ReactNode;
+    autoInitialize?: boolean;
+}
+declare function DoraCellProvider({ config, children, autoInitialize, }: DoraCellProviderProps): react_jsx_runtime.JSX.Element;
+/**
+ * Hook to access Dora Cell SDK context
+ */
+declare function useDoraCell(): DoraCellContextValue;
+/**
+ * Hook for making calls
+ */
+declare function useCall(): {
+    call: (phoneNumber: string, extension?: string) => Promise<void>;
+    hangup: () => void;
+    toggleMute: () => void;
+    callStatus: CallStatus;
+    callDuration: string;
+    isMuted: boolean;
+    currentCall: Call | null;
+};
+/**
+ * Hook for connection status
+ */
+declare function useConnectionStatus(): {
+    connectionStatus: ConnectionStatus;
+    isInitialized: boolean;
+    isConnected: boolean;
+    error: Error | null;
+};
+
+export { DoraCellProvider, type DoraCellProviderProps, useCall, useConnectionStatus, useDoraCell };

package/dist/index.js

@@ -0,0 +1,198 @@
+'use strict';
+
+var react = require('react');
+var sdk = require('@dora-cell/sdk');
+var jsxRuntime = require('react/jsx-runtime');
+
+var DoraCellContext = react.createContext(void 0);
+function DoraCellProvider({
+  config,
+  children,
+  autoInitialize = true
+}) {
+  const [sdk$1] = react.useState(() => new sdk.DoraCell(config));
+  const [isInitialized, setIsInitialized] = react.useState(false);
+  const [connectionStatus, setConnectionStatus] = react.useState("disconnected");
+  const [currentCall, setCurrentCall] = react.useState(null);
+  const [callStatus, setCallStatus] = react.useState("idle");
+  const [callDuration, setCallDuration] = react.useState("00:00");
+  const [isMuted, setIsMuted] = react.useState(false);
+  const [error, setError] = react.useState(null);
+  const durationIntervalRef = react.useRef(null);
+  react.useEffect(() => {
+    if (!autoInitialize) return;
+    const initializeSdk = async () => {
+      try {
+        await sdk$1.initialize();
+        setIsInitialized(true);
+      } catch (err) {
+        setError(err instanceof Error ? err : new Error("Failed to initialize SDK"));
+      }
+    };
+    initializeSdk();
+    return () => {
+      sdk$1.destroy();
+    };
+  }, [sdk$1, autoInitialize]);
+  react.useEffect(() => {
+    if (!sdk$1) return;
+    const handleConnectionStatus = (state) => {
+      setConnectionStatus(state.status);
+      if (state.error) {
+        setError(new Error(state.error));
+      }
+    };
+    const handleIncomingCall = (call2) => {
+      setCurrentCall(call2);
+      setCallStatus("ringing");
+    };
+    const handleOutgoingCall = (call2) => {
+      setCurrentCall(call2);
+      setCallStatus("connecting");
+    };
+    const handleCallRinging = (call2) => {
+      setCallStatus("ringing");
+    };
+    const handleCallConnected = (call2) => {
+      setCallStatus("ongoing");
+    };
+    const handleCallEnded = (call2) => {
+      setCallStatus("ended");
+      setCurrentCall(null);
+      setIsMuted(false);
+      setTimeout(() => {
+        setCallStatus("idle");
+      }, 3e3);
+    };
+    const handleCallFailed = (call2, errorMsg) => {
+      setError(new Error(errorMsg));
+      setCallStatus("ended");
+      setCurrentCall(null);
+    };
+    const handleError = (err) => {
+      setError(err);
+    };
+    sdk$1.on("connection:status", handleConnectionStatus);
+    sdk$1.on("call:incoming", handleIncomingCall);
+    sdk$1.on("call:outgoing", handleOutgoingCall);
+    sdk$1.on("call:ringing", handleCallRinging);
+    sdk$1.on("call:connected", handleCallConnected);
+    sdk$1.on("call:ended", handleCallEnded);
+    sdk$1.on("call:failed", handleCallFailed);
+    sdk$1.on("error", handleError);
+    return () => {
+      sdk$1.off("connection:status", handleConnectionStatus);
+      sdk$1.off("call:incoming", handleIncomingCall);
+      sdk$1.off("call:outgoing", handleOutgoingCall);
+      sdk$1.off("call:ringing", handleCallRinging);
+      sdk$1.off("call:connected", handleCallConnected);
+      sdk$1.off("call:ended", handleCallEnded);
+      sdk$1.off("call:failed", handleCallFailed);
+      sdk$1.off("error", handleError);
+    };
+  }, [sdk$1]);
+  react.useEffect(() => {
+    if (callStatus === "ongoing" && currentCall) {
+      durationIntervalRef.current = window.setInterval(() => {
+        const duration = currentCall.duration;
+        const mm = String(Math.floor(duration / 60)).padStart(2, "0");
+        const ss = String(duration % 60).padStart(2, "0");
+        setCallDuration(`${mm}:${ss}`);
+      }, 1e3);
+    } else {
+      setCallDuration("00:00");
+      if (durationIntervalRef.current) {
+        clearInterval(durationIntervalRef.current);
+        durationIntervalRef.current = null;
+      }
+    }
+    return () => {
+      if (durationIntervalRef.current) {
+        clearInterval(durationIntervalRef.current);
+      }
+    };
+  }, [callStatus, currentCall]);
+  const call = async (phoneNumber, extension) => {
+    try {
+      setError(null);
+      await sdk$1.call(phoneNumber, { extension });
+    } catch (err) {
+      setError(err instanceof Error ? err : new Error("Failed to make call"));
+      throw err;
+    }
+  };
+  const hangup = () => {
+    try {
+      sdk$1.hangup();
+    } catch (err) {
+      setError(err instanceof Error ? err : new Error("Failed to hang up"));
+    }
+  };
+  const toggleMute = () => {
+    if (!currentCall) return;
+    if (isMuted) {
+      currentCall.unmute();
+      setIsMuted(false);
+    } else {
+      currentCall.mute();
+      setIsMuted(true);
+    }
+  };
+  const answerCall = () => {
+    try {
+      sdk$1.answerCall();
+    } catch (err) {
+      setError(err instanceof Error ? err : new Error("Failed to answer call"));
+    }
+  };
+  const contextValue = {
+    sdk: sdk$1,
+    connectionStatus,
+    currentCall,
+    callStatus,
+    callDuration,
+    isMuted,
+    isInitialized,
+    error,
+    call,
+    hangup,
+    toggleMute,
+    answerCall
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(DoraCellContext.Provider, { value: contextValue, children });
+}
+function useDoraCell() {
+  const context = react.useContext(DoraCellContext);
+  if (!context) {
+    throw new Error("useDoraCell must be used within DoraCellProvider");
+  }
+  return context;
+}
+function useCall() {
+  const { call, hangup, toggleMute, callStatus, callDuration, isMuted, currentCall } = useDoraCell();
+  return {
+    call,
+    hangup,
+    toggleMute,
+    callStatus,
+    callDuration,
+    isMuted,
+    currentCall
+  };
+}
+function useConnectionStatus() {
+  const { connectionStatus, isInitialized, error } = useDoraCell();
+  return {
+    connectionStatus,
+    isInitialized,
+    isConnected: connectionStatus === "registered",
+    error
+  };
+}
+
+exports.DoraCellProvider = DoraCellProvider;
+exports.useCall = useCall;
+exports.useConnectionStatus = useConnectionStatus;
+exports.useDoraCell = useDoraCell;
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.tsx"],"names":["createContext","sdk","useState","DoraCell","useRef","useEffect","call","useContext"],"mappings":"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","file":"index.js","sourcesContent":["/**\n * React bindings for Dora Cell SDK\n * Provides React Context and hooks for easy integration\n */\n\n'use client';\n\nimport React, { createContext, useContext, useEffect, useState, useRef } from 'react';\nimport { DoraCell } from '@dora-cell/sdk';\nimport type {\n    DoraCellConfig,\n    Call,\n    CallStatus,\n    ConnectionStatus,\n    ConnectionState,\n} from '@dora-cell/sdk';\n\ninterface DoraCellContextValue {\n    sdk: DoraCell | null;\n    connectionStatus: ConnectionStatus;\n    currentCall: Call | null;\n    callStatus: CallStatus;\n    callDuration: string;\n    isMuted: boolean;\n    isInitialized: boolean;\n    error: Error | null;\n\n    // Methods\n    call: (phoneNumber: string, extension?: string) => Promise<void>;\n    hangup: () => void;\n    toggleMute: () => void;\n    answerCall: () => void;\n}\n\nconst DoraCellContext = createContext<DoraCellContextValue | undefined>(undefined);\n\nexport interface DoraCellProviderProps {\n    config: DoraCellConfig;\n    children: React.ReactNode;\n    autoInitialize?: boolean;\n}\n\nexport function DoraCellProvider({\n    config,\n    children,\n    autoInitialize = true,\n}: DoraCellProviderProps) {\n    const [sdk] = useState(() => new DoraCell(config));\n    const [isInitialized, setIsInitialized] = useState(false);\n    const [connectionStatus, setConnectionStatus] = useState<ConnectionStatus>('disconnected');\n    const [currentCall, setCurrentCall] = useState<Call | null>(null);\n    const [callStatus, setCallStatus] = useState<CallStatus>('idle');\n    const [callDuration, setCallDuration] = useState('00:00');\n    const [isMuted, setIsMuted] = useState(false);\n    const [error, setError] = useState<Error | null>(null);\n\n    const durationIntervalRef = useRef<number | null>(null);\n\n    // Initialize SDK\n    useEffect(() => {\n        if (!autoInitialize) return;\n\n        const initializeSdk = async () => {\n            try {\n                await sdk.initialize();\n                setIsInitialized(true);\n            } catch (err) {\n                setError(err instanceof Error ? err : new Error('Failed to initialize SDK'));\n            }\n        };\n\n        initializeSdk();\n\n        return () => {\n            sdk.destroy();\n        };\n    }, [sdk, autoInitialize]);\n\n    // Set up event listeners\n    useEffect(() => {\n        if (!sdk) return;\n\n        const handleConnectionStatus = (state: ConnectionState) => {\n            setConnectionStatus(state.status);\n            if (state.error) {\n                setError(new Error(state.error));\n            }\n        };\n\n        const handleIncomingCall = (call: Call) => {\n            setCurrentCall(call);\n            setCallStatus('ringing');\n        };\n\n        const handleOutgoingCall = (call: Call) => {\n            setCurrentCall(call);\n            setCallStatus('connecting');\n        };\n\n        const handleCallRinging = (call: Call) => {\n            setCallStatus('ringing');\n        };\n\n        const handleCallConnected = (call: Call) => {\n            setCallStatus('ongoing');\n        };\n\n        const handleCallEnded = (call: Call) => {\n            setCallStatus('ended');\n            setCurrentCall(null);\n            setIsMuted(false);\n\n            // Reset to idle after a delay\n            setTimeout(() => {\n                setCallStatus('idle');\n            }, 3000);\n        };\n\n        const handleCallFailed = (call: Call, errorMsg: string) => {\n            setError(new Error(errorMsg));\n            setCallStatus('ended');\n            setCurrentCall(null);\n        };\n\n        const handleError = (err: Error) => {\n            setError(err);\n        };\n\n        sdk.on('connection:status', handleConnectionStatus);\n        sdk.on('call:incoming', handleIncomingCall);\n        sdk.on('call:outgoing', handleOutgoingCall);\n        sdk.on('call:ringing', handleCallRinging);\n        sdk.on('call:connected', handleCallConnected);\n        sdk.on('call:ended', handleCallEnded);\n        sdk.on('call:failed', handleCallFailed);\n        sdk.on('error', handleError);\n\n        return () => {\n            sdk.off('connection:status', handleConnectionStatus);\n            sdk.off('call:incoming', handleIncomingCall);\n            sdk.off('call:outgoing', handleOutgoingCall);\n            sdk.off('call:ringing', handleCallRinging);\n            sdk.off('call:connected', handleCallConnected);\n            sdk.off('call:ended', handleCallEnded);\n            sdk.off('call:failed', handleCallFailed);\n            sdk.off('error', handleError);\n        };\n    }, [sdk]);\n\n    // Update call duration\n    useEffect(() => {\n        if (callStatus === 'ongoing' && currentCall) {\n            durationIntervalRef.current = window.setInterval(() => {\n                const duration = currentCall.duration;\n                const mm = String(Math.floor(duration / 60)).padStart(2, '0');\n                const ss = String(duration % 60).padStart(2, '0');\n                setCallDuration(`${mm}:${ss}`);\n            }, 1000);\n        } else {\n            setCallDuration('00:00');\n            if (durationIntervalRef.current) {\n                clearInterval(durationIntervalRef.current);\n                durationIntervalRef.current = null;\n            }\n        }\n\n        return () => {\n            if (durationIntervalRef.current) {\n                clearInterval(durationIntervalRef.current);\n            }\n        };\n    }, [callStatus, currentCall]);\n\n    // Methods\n    const call = async (phoneNumber: string, extension?: string) => {\n        try {\n            setError(null);\n            await sdk.call(phoneNumber, { extension });\n        } catch (err) {\n            setError(err instanceof Error ? err : new Error('Failed to make call'));\n            throw err;\n        }\n    };\n\n    const hangup = () => {\n        try {\n            sdk.hangup();\n        } catch (err) {\n            setError(err instanceof Error ? err : new Error('Failed to hang up'));\n        }\n    };\n\n    const toggleMute = () => {\n        if (!currentCall) return;\n\n        if (isMuted) {\n            currentCall.unmute();\n            setIsMuted(false);\n        } else {\n            currentCall.mute();\n            setIsMuted(true);\n        }\n    };\n\n    const answerCall = () => {\n        try {\n            sdk.answerCall();\n        } catch (err) {\n            setError(err instanceof Error ? err : new Error('Failed to answer call'));\n        }\n    };\n\n    const contextValue: DoraCellContextValue = {\n        sdk,\n        connectionStatus,\n        currentCall,\n        callStatus,\n        callDuration,\n        isMuted,\n        isInitialized,\n        error,\n        call,\n        hangup,\n        toggleMute,\n        answerCall,\n    };\n\n    return (\n        <DoraCellContext.Provider value={contextValue}>\n            {children}\n        </DoraCellContext.Provider>\n    );\n}\n\n/**\n * Hook to access Dora Cell SDK context\n */\nexport function useDoraCell(): DoraCellContextValue {\n    const context = useContext(DoraCellContext);\n    if (!context) {\n        throw new Error('useDoraCell must be used within DoraCellProvider');\n    }\n    return context;\n}\n\n/**\n * Hook for making calls\n */\nexport function useCall() {\n    const { call, hangup, toggleMute, callStatus, callDuration, isMuted, currentCall } = useDoraCell();\n\n    return {\n        call,\n        hangup,\n        toggleMute,\n        callStatus,\n        callDuration,\n        isMuted,\n        currentCall,\n    };\n}\n\n/**\n * Hook for connection status\n */\nexport function useConnectionStatus() {\n    const { connectionStatus, isInitialized, error } = useDoraCell();\n\n    return {\n        connectionStatus,\n        isInitialized,\n        isConnected: connectionStatus === 'registered',\n        error,\n    };\n}\n"]}

package/dist/index.mjs

@@ -0,0 +1,193 @@
+import { createContext, useState, useRef, useEffect, useContext } from 'react';
+import { DoraCell } from '@dora-cell/sdk';
+import { jsx } from 'react/jsx-runtime';
+
+var DoraCellContext = createContext(void 0);
+function DoraCellProvider({
+  config,
+  children,
+  autoInitialize = true
+}) {
+  const [sdk] = useState(() => new DoraCell(config));
+  const [isInitialized, setIsInitialized] = useState(false);
+  const [connectionStatus, setConnectionStatus] = useState("disconnected");
+  const [currentCall, setCurrentCall] = useState(null);
+  const [callStatus, setCallStatus] = useState("idle");
+  const [callDuration, setCallDuration] = useState("00:00");
+  const [isMuted, setIsMuted] = useState(false);
+  const [error, setError] = useState(null);
+  const durationIntervalRef = useRef(null);
+  useEffect(() => {
+    if (!autoInitialize) return;
+    const initializeSdk = async () => {
+      try {
+        await sdk.initialize();
+        setIsInitialized(true);
+      } catch (err) {
+        setError(err instanceof Error ? err : new Error("Failed to initialize SDK"));
+      }
+    };
+    initializeSdk();
+    return () => {
+      sdk.destroy();
+    };
+  }, [sdk, autoInitialize]);
+  useEffect(() => {
+    if (!sdk) return;
+    const handleConnectionStatus = (state) => {
+      setConnectionStatus(state.status);
+      if (state.error) {
+        setError(new Error(state.error));
+      }
+    };
+    const handleIncomingCall = (call2) => {
+      setCurrentCall(call2);
+      setCallStatus("ringing");
+    };
+    const handleOutgoingCall = (call2) => {
+      setCurrentCall(call2);
+      setCallStatus("connecting");
+    };
+    const handleCallRinging = (call2) => {
+      setCallStatus("ringing");
+    };
+    const handleCallConnected = (call2) => {
+      setCallStatus("ongoing");
+    };
+    const handleCallEnded = (call2) => {
+      setCallStatus("ended");
+      setCurrentCall(null);
+      setIsMuted(false);
+      setTimeout(() => {
+        setCallStatus("idle");
+      }, 3e3);
+    };
+    const handleCallFailed = (call2, errorMsg) => {
+      setError(new Error(errorMsg));
+      setCallStatus("ended");
+      setCurrentCall(null);
+    };
+    const handleError = (err) => {
+      setError(err);
+    };
+    sdk.on("connection:status", handleConnectionStatus);
+    sdk.on("call:incoming", handleIncomingCall);
+    sdk.on("call:outgoing", handleOutgoingCall);
+    sdk.on("call:ringing", handleCallRinging);
+    sdk.on("call:connected", handleCallConnected);
+    sdk.on("call:ended", handleCallEnded);
+    sdk.on("call:failed", handleCallFailed);
+    sdk.on("error", handleError);
+    return () => {
+      sdk.off("connection:status", handleConnectionStatus);
+      sdk.off("call:incoming", handleIncomingCall);
+      sdk.off("call:outgoing", handleOutgoingCall);
+      sdk.off("call:ringing", handleCallRinging);
+      sdk.off("call:connected", handleCallConnected);
+      sdk.off("call:ended", handleCallEnded);
+      sdk.off("call:failed", handleCallFailed);
+      sdk.off("error", handleError);
+    };
+  }, [sdk]);
+  useEffect(() => {
+    if (callStatus === "ongoing" && currentCall) {
+      durationIntervalRef.current = window.setInterval(() => {
+        const duration = currentCall.duration;
+        const mm = String(Math.floor(duration / 60)).padStart(2, "0");
+        const ss = String(duration % 60).padStart(2, "0");
+        setCallDuration(`${mm}:${ss}`);
+      }, 1e3);
+    } else {
+      setCallDuration("00:00");
+      if (durationIntervalRef.current) {
+        clearInterval(durationIntervalRef.current);
+        durationIntervalRef.current = null;
+      }
+    }
+    return () => {
+      if (durationIntervalRef.current) {
+        clearInterval(durationIntervalRef.current);
+      }
+    };
+  }, [callStatus, currentCall]);
+  const call = async (phoneNumber, extension) => {
+    try {
+      setError(null);
+      await sdk.call(phoneNumber, { extension });
+    } catch (err) {
+      setError(err instanceof Error ? err : new Error("Failed to make call"));
+      throw err;
+    }
+  };
+  const hangup = () => {
+    try {
+      sdk.hangup();
+    } catch (err) {
+      setError(err instanceof Error ? err : new Error("Failed to hang up"));
+    }
+  };
+  const toggleMute = () => {
+    if (!currentCall) return;
+    if (isMuted) {
+      currentCall.unmute();
+      setIsMuted(false);
+    } else {
+      currentCall.mute();
+      setIsMuted(true);
+    }
+  };
+  const answerCall = () => {
+    try {
+      sdk.answerCall();
+    } catch (err) {
+      setError(err instanceof Error ? err : new Error("Failed to answer call"));
+    }
+  };
+  const contextValue = {
+    sdk,
+    connectionStatus,
+    currentCall,
+    callStatus,
+    callDuration,
+    isMuted,
+    isInitialized,
+    error,
+    call,
+    hangup,
+    toggleMute,
+    answerCall
+  };
+  return /* @__PURE__ */ jsx(DoraCellContext.Provider, { value: contextValue, children });
+}
+function useDoraCell() {
+  const context = useContext(DoraCellContext);
+  if (!context) {
+    throw new Error("useDoraCell must be used within DoraCellProvider");
+  }
+  return context;
+}
+function useCall() {
+  const { call, hangup, toggleMute, callStatus, callDuration, isMuted, currentCall } = useDoraCell();
+  return {
+    call,
+    hangup,
+    toggleMute,
+    callStatus,
+    callDuration,
+    isMuted,
+    currentCall
+  };
+}
+function useConnectionStatus() {
+  const { connectionStatus, isInitialized, error } = useDoraCell();
+  return {
+    connectionStatus,
+    isInitialized,
+    isConnected: connectionStatus === "registered",
+    error
+  };
+}
+
+export { DoraCellProvider, useCall, useConnectionStatus, useDoraCell };
+//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.tsx"],"names":["call"],"mappings":"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","file":"index.mjs","sourcesContent":["/**\n * React bindings for Dora Cell SDK\n * Provides React Context and hooks for easy integration\n */\n\n'use client';\n\nimport React, { createContext, useContext, useEffect, useState, useRef } from 'react';\nimport { DoraCell } from '@dora-cell/sdk';\nimport type {\n    DoraCellConfig,\n    Call,\n    CallStatus,\n    ConnectionStatus,\n    ConnectionState,\n} from '@dora-cell/sdk';\n\ninterface DoraCellContextValue {\n    sdk: DoraCell | null;\n    connectionStatus: ConnectionStatus;\n    currentCall: Call | null;\n    callStatus: CallStatus;\n    callDuration: string;\n    isMuted: boolean;\n    isInitialized: boolean;\n    error: Error | null;\n\n    // Methods\n    call: (phoneNumber: string, extension?: string) => Promise<void>;\n    hangup: () => void;\n    toggleMute: () => void;\n    answerCall: () => void;\n}\n\nconst DoraCellContext = createContext<DoraCellContextValue | undefined>(undefined);\n\nexport interface DoraCellProviderProps {\n    config: DoraCellConfig;\n    children: React.ReactNode;\n    autoInitialize?: boolean;\n}\n\nexport function DoraCellProvider({\n    config,\n    children,\n    autoInitialize = true,\n}: DoraCellProviderProps) {\n    const [sdk] = useState(() => new DoraCell(config));\n    const [isInitialized, setIsInitialized] = useState(false);\n    const [connectionStatus, setConnectionStatus] = useState<ConnectionStatus>('disconnected');\n    const [currentCall, setCurrentCall] = useState<Call | null>(null);\n    const [callStatus, setCallStatus] = useState<CallStatus>('idle');\n    const [callDuration, setCallDuration] = useState('00:00');\n    const [isMuted, setIsMuted] = useState(false);\n    const [error, setError] = useState<Error | null>(null);\n\n    const durationIntervalRef = useRef<number | null>(null);\n\n    // Initialize SDK\n    useEffect(() => {\n        if (!autoInitialize) return;\n\n        const initializeSdk = async () => {\n            try {\n                await sdk.initialize();\n                setIsInitialized(true);\n            } catch (err) {\n                setError(err instanceof Error ? err : new Error('Failed to initialize SDK'));\n            }\n        };\n\n        initializeSdk();\n\n        return () => {\n            sdk.destroy();\n        };\n    }, [sdk, autoInitialize]);\n\n    // Set up event listeners\n    useEffect(() => {\n        if (!sdk) return;\n\n        const handleConnectionStatus = (state: ConnectionState) => {\n            setConnectionStatus(state.status);\n            if (state.error) {\n                setError(new Error(state.error));\n            }\n        };\n\n        const handleIncomingCall = (call: Call) => {\n            setCurrentCall(call);\n            setCallStatus('ringing');\n        };\n\n        const handleOutgoingCall = (call: Call) => {\n            setCurrentCall(call);\n            setCallStatus('connecting');\n        };\n\n        const handleCallRinging = (call: Call) => {\n            setCallStatus('ringing');\n        };\n\n        const handleCallConnected = (call: Call) => {\n            setCallStatus('ongoing');\n        };\n\n        const handleCallEnded = (call: Call) => {\n            setCallStatus('ended');\n            setCurrentCall(null);\n            setIsMuted(false);\n\n            // Reset to idle after a delay\n            setTimeout(() => {\n                setCallStatus('idle');\n            }, 3000);\n        };\n\n        const handleCallFailed = (call: Call, errorMsg: string) => {\n            setError(new Error(errorMsg));\n            setCallStatus('ended');\n            setCurrentCall(null);\n        };\n\n        const handleError = (err: Error) => {\n            setError(err);\n        };\n\n        sdk.on('connection:status', handleConnectionStatus);\n        sdk.on('call:incoming', handleIncomingCall);\n        sdk.on('call:outgoing', handleOutgoingCall);\n        sdk.on('call:ringing', handleCallRinging);\n        sdk.on('call:connected', handleCallConnected);\n        sdk.on('call:ended', handleCallEnded);\n        sdk.on('call:failed', handleCallFailed);\n        sdk.on('error', handleError);\n\n        return () => {\n            sdk.off('connection:status', handleConnectionStatus);\n            sdk.off('call:incoming', handleIncomingCall);\n            sdk.off('call:outgoing', handleOutgoingCall);\n            sdk.off('call:ringing', handleCallRinging);\n            sdk.off('call:connected', handleCallConnected);\n            sdk.off('call:ended', handleCallEnded);\n            sdk.off('call:failed', handleCallFailed);\n            sdk.off('error', handleError);\n        };\n    }, [sdk]);\n\n    // Update call duration\n    useEffect(() => {\n        if (callStatus === 'ongoing' && currentCall) {\n            durationIntervalRef.current = window.setInterval(() => {\n                const duration = currentCall.duration;\n                const mm = String(Math.floor(duration / 60)).padStart(2, '0');\n                const ss = String(duration % 60).padStart(2, '0');\n                setCallDuration(`${mm}:${ss}`);\n            }, 1000);\n        } else {\n            setCallDuration('00:00');\n            if (durationIntervalRef.current) {\n                clearInterval(durationIntervalRef.current);\n                durationIntervalRef.current = null;\n            }\n        }\n\n        return () => {\n            if (durationIntervalRef.current) {\n                clearInterval(durationIntervalRef.current);\n            }\n        };\n    }, [callStatus, currentCall]);\n\n    // Methods\n    const call = async (phoneNumber: string, extension?: string) => {\n        try {\n            setError(null);\n            await sdk.call(phoneNumber, { extension });\n        } catch (err) {\n            setError(err instanceof Error ? err : new Error('Failed to make call'));\n            throw err;\n        }\n    };\n\n    const hangup = () => {\n        try {\n            sdk.hangup();\n        } catch (err) {\n            setError(err instanceof Error ? err : new Error('Failed to hang up'));\n        }\n    };\n\n    const toggleMute = () => {\n        if (!currentCall) return;\n\n        if (isMuted) {\n            currentCall.unmute();\n            setIsMuted(false);\n        } else {\n            currentCall.mute();\n            setIsMuted(true);\n        }\n    };\n\n    const answerCall = () => {\n        try {\n            sdk.answerCall();\n        } catch (err) {\n            setError(err instanceof Error ? err : new Error('Failed to answer call'));\n        }\n    };\n\n    const contextValue: DoraCellContextValue = {\n        sdk,\n        connectionStatus,\n        currentCall,\n        callStatus,\n        callDuration,\n        isMuted,\n        isInitialized,\n        error,\n        call,\n        hangup,\n        toggleMute,\n        answerCall,\n    };\n\n    return (\n        <DoraCellContext.Provider value={contextValue}>\n            {children}\n        </DoraCellContext.Provider>\n    );\n}\n\n/**\n * Hook to access Dora Cell SDK context\n */\nexport function useDoraCell(): DoraCellContextValue {\n    const context = useContext(DoraCellContext);\n    if (!context) {\n        throw new Error('useDoraCell must be used within DoraCellProvider');\n    }\n    return context;\n}\n\n/**\n * Hook for making calls\n */\nexport function useCall() {\n    const { call, hangup, toggleMute, callStatus, callDuration, isMuted, currentCall } = useDoraCell();\n\n    return {\n        call,\n        hangup,\n        toggleMute,\n        callStatus,\n        callDuration,\n        isMuted,\n        currentCall,\n    };\n}\n\n/**\n * Hook for connection status\n */\nexport function useConnectionStatus() {\n    const { connectionStatus, isInitialized, error } = useDoraCell();\n\n    return {\n        connectionStatus,\n        isInitialized,\n        isConnected: connectionStatus === 'registered',\n        error,\n    };\n}\n"]}

package/package.json

@@ -0,0 +1,48 @@
+{
+    "name": "@dora-cell/sdk-react",
+    "version": "0.1.1-beta.3",
+    "description": "React bindings for Dora Cell SDK",
+    "main": "./dist/index.cjs",
+    "module": "./dist/index.mjs",
+    "types": "./dist/index.d.ts",
+    "publishConfig": {
+        "access": "public"
+    },
+    "exports": {
+        ".": {
+            "types": "./dist/index.d.ts",
+            "import": "./dist/index.mjs",
+            "require": "./dist/index.cjs"
+        }
+    },
+    "files": [
+        "dist",
+        "README.md"
+    ],
+    "scripts": {
+        "build": "tsup",
+        "dev": "tsup --watch",
+        "type-check": "tsc --noEmit"
+    },
+    "keywords": [
+        "voip",
+        "react",
+        "hooks",
+        "dora-cell"
+    ],
+    "author": "Dora Cell",
+    "license": "MIT",
+    "peerDependencies": {
+        "@dora-cell/sdk": "^0.1.1-beta.6",
+        "react": "^18.0.0 || ^19.0.0",
+        "react-dom": "^18.0.0 || ^19.0.0"
+    },
+    "devDependencies": {
+        "@types/react": "^19.0.0",
+        "@types/react-dom": "^19.0.0",
+        "react": "^19.0.0",
+        "react-dom": "^19.0.0",
+        "tsup": "^8.0.0",
+        "typescript": "^5.3.0"
+    }
+}