How to Integrate Webex Events with V0

1// lib/webex-events.ts
2const WEBEX_API_BASE = 'https://webexapis.com/v1';
3
4interface WebexApiOptions {
5  method?: 'GET' | 'POST' | 'PUT' | 'DELETE' | 'PATCH';
6  body?: object;
7  params?: Record<string, string>;
8}
9
10export async function webexEventsFetch<T = unknown>(
11  path: string,
12  options: WebexApiOptions = {}
13): Promise<T> {
14  const token = process.env.WEBEX_ACCESS_TOKEN;
15  if (!token) {
16    throw new Error('WEBEX_ACCESS_TOKEN is not configured');
17  }
18
19  const url = new URL(`${WEBEX_API_BASE}${path}`);
20  if (options.params) {
21    Object.entries(options.params).forEach(([k, v]) =>
22      url.searchParams.set(k, v)
23    );
24  }
25
26  const fetchOptions: RequestInit = {
27    method: options.method || 'GET',
28    headers: {
29      Authorization: `Bearer ${token}`,
30      'Content-Type': 'application/json',
31      Accept: 'application/json',
32    },
33  };
34
35  if (options.body) {
36    fetchOptions.body = JSON.stringify(options.body);
37  }
38
39  const response = await fetch(url.toString(), fetchOptions);
40
41  if (response.status === 401) {
42    throw new Error(
43      'Webex API authentication failed — check WEBEX_ACCESS_TOKEN'
44    );
45  }
46  if (response.status === 429) {
47    const retryAfter = response.headers.get('Retry-After') || '60';
48    throw new Error(`Webex API rate limited — retry after ${retryAfter}s`);
49  }
50  if (!response.ok) {
51    const text = await response.text();
52    throw new Error(`Webex API error ${response.status}: ${text}`);
53  }
54
55  // Handle empty responses (204 No Content)
56  if (response.status === 204) return {} as T;
57  return response.json() as Promise<T>;
58}
59
60// app/api/webex-events/sessions/route.ts
61import { NextRequest, NextResponse } from 'next/server';
62import { webexEventsFetch } from '@/lib/webex-events';
63
64export async function GET(request: NextRequest) {
65  const { searchParams } = new URL(request.url);
66  const eventId = searchParams.get('eventId') || process.env.WEBEX_EVENT_ID;
67
68  if (!eventId) {
69    return NextResponse.json(
70      { error: 'eventId is required' },
71      { status: 400 }
72    );
73  }
74
75  try {
76    // Fetch sessions for the event — endpoint may vary based on Webex Events API version
77    const data = await webexEventsFetch<{ items: unknown[] }>(
78      `/meetings/${eventId}/sessions`,
79      { params: { max: '100' } }
80    );
81
82    return NextResponse.json({ sessions: data.items || [] });
83  } catch (error) {
84    const message = error instanceof Error ? error.message : 'Unknown error';
85    console.error('Webex Events sessions error:', message);
86    return NextResponse.json({ error: message }, { status: 500 });
87  }
88}

1// app/api/webex-events/register/route.ts
2import { NextRequest, NextResponse } from 'next/server';
3import { webexEventsFetch } from '@/lib/webex-events';
4
5interface RegistrationRequest {
6  firstName: string;
7  lastName: string;
8  email: string;
9  jobTitle?: string;
10  company?: string;
11  attendanceMode?: 'in-person' | 'virtual';
12  interests?: string[];
13}
14
15export async function POST(request: NextRequest) {
16  let body: RegistrationRequest;
17
18  try {
19    body = await request.json();
20  } catch {
21    return NextResponse.json({ error: 'Invalid request body' }, { status: 400 });
22  }
23
24  const { firstName, lastName, email, jobTitle, company, attendanceMode } = body;
25
26  if (!firstName || !lastName || !email) {
27    return NextResponse.json(
28      { error: 'firstName, lastName, and email are required' },
29      { status: 400 }
30    );
31  }
32
33  // Basic email validation
34  const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
35  if (!emailRegex.test(email)) {
36    return NextResponse.json(
37      { error: 'Invalid email address' },
38      { status: 400 }
39    );
40  }
41
42  const eventId = process.env.WEBEX_EVENT_ID;
43  if (!eventId) {
44    return NextResponse.json(
45      { error: 'Event configuration missing' },
46      { status: 500 }
47    );
48  }
49
50  try {
51    // Create attendee registration in Webex Events
52    // Note: Verify the exact endpoint and payload format in Webex Events API docs
53    const registration = await webexEventsFetch<{
54      id: string;
55      registrationId: string;
56      status: string;
57    }>(`/events/${eventId}/attendees`, {
58      method: 'POST',
59      body: {
60        emailAddress: email,
61        firstName,
62        lastName,
63        company: company || '',
64        jobTitle: jobTitle || '',
65        customFields: {
66          attendanceMode: attendanceMode || 'virtual',
67        },
68      },
69    });
70
71    return NextResponse.json({
72      success: true,
73      registrationId: registration.registrationId || registration.id,
74      message: `Registration confirmed for ${firstName} ${lastName}`,
75    }, { status: 201 });
76  } catch (error) {
77    const message = error instanceof Error ? error.message : 'Registration failed';
78    console.error('Webex Events registration error:', message);
79
80    // Check for duplicate registration
81    if (message.includes('409') || message.toLowerCase().includes('duplicate')) {
82      return NextResponse.json(
83        { error: 'This email address is already registered for this event' },
84        { status: 409 }
85      );
86    }
87
88    return NextResponse.json({ error: message }, { status: 500 });
89  }
90}