Web SDK

// server.js (Node.js / Express)
const express = require('express');
const app = express();
app.use(express.json());

app.post('/api/start-call', async (req, res) => {
  try {
    const response = await fetch('https://api.oneinbox.ai/v1/calls/web', {
      method: 'POST',
      headers: {
        'Authorization': `Bearer ${process.env.ONEINBOX_API_KEY}`,
        'Content-Type': 'application/json'
      },
      body: JSON.stringify({
        agent_id: process.env.ONEINBOX_AGENT_ID,
        variables: {
          customer_name: req.body.customerName || 'Guest'
        }
      })
    });

    if (!response.ok) {
      throw new Error(`OneInbox API error: ${response.status}`);
    }

    const { id: call_id, server_url, participant_token } = await response.json();
    res.json({ call_id, server_url, participant_token });
  } catch (error) {
    console.error('Failed to start call:', error);
    res.status(500).json({ error: 'Failed to start call' });
  }
});

app.listen(3000);

npm install @oneinbox/web-sdk

import { useState, useRef } from 'react';
import { OneinboxCall } from '@oneinbox/web-sdk';

export default function VoiceWidget({ customerName }) {
  const [status, setStatus] = useState('idle');
  const callRef = useRef(null);

  async function startCall() {
    setStatus('connecting');
    try {
      const res = await fetch('/api/start-call', {
        method: 'POST',
        headers: { 'Content-Type': 'application/json' },
        body: JSON.stringify({ customerName })
      });
      const { server_url, participant_token } = await res.json();

      const call = new OneinboxCall({
        serverUrl: server_url,
        token: participant_token,
        onStateChange: (state) => setStatus(state),
        onEnded: () => {
          setStatus('ended');
          callRef.current = null;
        }
      });

      await call.connect();
      callRef.current = call;
      setStatus('active');
    } catch (error) {
      console.error('Call failed:', error);
      setStatus('idle');
    }
  }

  async function endCall() {
    await callRef.current?.disconnect();
    setStatus('ended');
  }

  if (status === 'idle') {
    return <button onClick={startCall}>Talk to AI</button>;
  }
  if (status === 'connecting') return <p>Connecting...</p>;
  if (status === 'active') {
    return (
      <div>
        <span>Connected</span>
        <button onClick={endCall}>End call</button>
      </div>
    );
  }
  return <p>Call ended.</p>;
}