call-control-sdk 2.0.0 → 2.2.0

package/README.md

@@ -1,6 +1,6 @@
 # React Call Control SDK
 
-A React-based call control SDK with Material-UI components, providing a draggable control panel for call management.
+Achala provide call control SDK with Material-UI components, providing a draggable control panel for call management.
 
 ## Features
 
@@ -16,7 +16,7 @@ A React-based call control SDK with Material-UI components, providing a draggabl
 ## Installation
 
 ```bash
-npm install react-call-control-sdk
+npm install call-control-sdk
 ```
 
 ## Peer Dependencies
@@ -32,17 +32,30 @@ npm install react react-dom @mui/material @mui/icons-material @emotion/react @em
 ### 1. Initialize the SDK
 
 ```typescript
-import { initCallSDK } from 'react-call-control-sdk';
+import { initSDK } from 'call-control-sdk';
 
 // Initialize at the top level of your app
-initCallSDK('YOUR_API_KEY');
+  useEffect(() => {
+    // Initialize the SDK with a test API key
+    try {
+      initSDK({
+        apiKey: "apiKey",
+        tenantId: "tenantId",
+        agentId: "agentId",
+        baseUrl: "baseUrl",
+      });
+      console.log("SDK initialized successfully");
+    } catch (error) {
+      console.error("SDK initialization failed:", error);
+    }
+  }, []);
 ```
 
 ### 2. Use the CallControlPanel
 
 ```typescript
 import React from 'react';
-import { CallControlPanel } from 'react-call-control-sdk';
+import { CallControlPanel } from 'call-control-sdk';
 
 function App() {
   const handleDataChange = ({ mobileNumber, callReferenceId, agentLoginId }) => {
@@ -58,27 +71,17 @@ function App() {
 }
 ```
 
-### 3. Update Call Data (Optional)
-
-```typescript
-import { updateCallData } from 'react-call-control-sdk';
-
-// Update call information
-updateCallData({
-  mobileNumber: '+1-555-123-4567',
-  callReferenceId: 'CALL-2024-001',
-  agentLoginId: 'AGENT-123'
-});
-```
-
 ## API Reference
 
-### `initCallSDK(sdkApiKey: string)`
+### `initSDK({apiKey: "apiKey",tenantId: "tenantId",agentId: "agentId",baseUrl: "baseUrl",})`
 
-Initializes the SDK with an API key. Must be called before using any components.
+Initializes the SDK with an API key, tenantId, agentId, baseUrl. Must be called before using any components.
 
 **Parameters:**
-- `sdkApiKey` (string): Your API key for SDK authentication
+- `apiKey` (string): Your API key for SDK authentication
+- `tenantId` (string): Your Tenant Id key for Events authentication
+- `agentId` (string): Agent Id for access call controls
+- `baseUrl` (string): Base URL for save events info 
 
 **Throws:** Error if API key is missing or invalid
 
@@ -103,7 +106,6 @@ Updates the call data that will be passed to the `onDataChange` callback.
 
 ### Status Management
 - **Idle**: Default state, no active call
-- **Ready**: Agent is ready to take calls
 - **Break**: Agent is on break
 
 ### Call Controls
@@ -123,26 +125,6 @@ All control states are automatically saved to localStorage:
 
 The SDK uses Material-UI components and respects your app's MUI theme. Ensure you wrap your app with a `ThemeProvider`:
 
-```typescript
-import { ThemeProvider, createTheme } from '@mui/material/styles';
-import CssBaseline from '@mui/material/CssBaseline';
-
-const theme = createTheme({
-  palette: {
-    mode: 'light',
-    primary: { main: '#1976d2' }
-  }
-});
-
-function App() {
-  return (
-    <ThemeProvider theme={theme}>
-      <CssBaseline />
-      {/* Your app content */}
-    </ThemeProvider>
-  );
-}
-```
 
 ## Browser Support
 
@@ -153,4 +135,4 @@ function App() {
 
 ## License
 
-MIT © [Your Name]
+MIT © RDX

package/dist/index.d.mts

@@ -8,23 +8,21 @@ interface CallData {
 interface CallControlPanelProps {
     onDataChange?: (data: CallData) => void;
 }
+type CallStatus = "idle" | "ready" | "break";
 
-declare function CallControlPanel({ onDataChange }: CallControlPanelProps): react_jsx_runtime.JSX.Element;
+declare function CallControlPanel({ onDataChange }: CallControlPanelProps): react_jsx_runtime.JSX.Element | null;
 
 /**
  * Initialize the Call Control SDK with an API key
  * @param sdkApiKey - The API key for SDK authentication
  * @throws {Error} When API key is missing or invalid
  */
-declare function initCallSDK(sdkApiKey: string): void;
-/**
- * Update call data (used by host application)
- * @param data - Partial call data to update
- */
-declare function updateCallData(data: {
-    mobileNumber?: string;
-    callReferenceId?: string;
-    agentLoginId?: string;
-}): void;
+type intiSDKParams = {
+    apiKey: string;
+    tenantId: string;
+    agentId: string;
+    baseUrl: string;
+};
+declare function initSDK({ apiKey, tenantId, agentId, baseUrl, }: intiSDKParams): void;
 
-export { CallControlPanel, initCallSDK, updateCallData };
+export { CallControlPanel, type CallControlPanelProps, type CallData, type CallStatus, initSDK };

package/dist/index.d.ts

@@ -8,23 +8,21 @@ interface CallData {
 interface CallControlPanelProps {
     onDataChange?: (data: CallData) => void;
 }
+type CallStatus = "idle" | "ready" | "break";
 
-declare function CallControlPanel({ onDataChange }: CallControlPanelProps): react_jsx_runtime.JSX.Element;
+declare function CallControlPanel({ onDataChange }: CallControlPanelProps): react_jsx_runtime.JSX.Element | null;
 
 /**
  * Initialize the Call Control SDK with an API key
  * @param sdkApiKey - The API key for SDK authentication
  * @throws {Error} When API key is missing or invalid
  */
-declare function initCallSDK(sdkApiKey: string): void;
-/**
- * Update call data (used by host application)
- * @param data - Partial call data to update
- */
-declare function updateCallData(data: {
-    mobileNumber?: string;
-    callReferenceId?: string;
-    agentLoginId?: string;
-}): void;
+type intiSDKParams = {
+    apiKey: string;
+    tenantId: string;
+    agentId: string;
+    baseUrl: string;
+};
+declare function initSDK({ apiKey, tenantId, agentId, baseUrl, }: intiSDKParams): void;
 
-export { CallControlPanel, initCallSDK, updateCallData };
+export { CallControlPanel, type CallControlPanelProps, type CallData, type CallStatus, initSDK };