Clay Integration Patterns
Overview
Production-ready patterns for Clay integrations. Clay does not have an official SDK -- you interact via webhooks (inbound), HTTP API enrichment columns (outbound from Clay), and the Enterprise API (programmatic lookups). These patterns wrap those interfaces into reliable, reusable code.
Prerequisites
- Completed
clay-install-auth setup
- Familiarity with async/await patterns
- Understanding of Clay's webhook and HTTP API model
Instructions
Step 1: Create a Clay Webhook Client (TypeScript)
// src/clay/client.ts — typed wrapper for Clay webhook and Enterprise API
interface ClayConfig {
webhookUrl: string; // Table's webhook URL for inbound data
enterpriseApiKey?: string; // Enterprise API key (optional)
baseUrl?: string; // Default: https://api.clay.com
maxRetries?: number;
timeoutMs?: number;
}
class ClayClient {
private config: Required<ClayConfig>;
constructor(config: ClayConfig) {
this.config = {
baseUrl: 'https://api.clay.com',
maxRetries: 3,
timeoutMs: 30_000,
enterpriseApiKey: '',
...config,
};
}
/** Send a record to a Clay table via webhook */
async sendToTable(data: Record<string, unknown>): Promise<void> {
const res = await this.fetchWithRetry(this.config.webhookUrl, {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify(data),
});
if (!res.ok) {
throw new ClayWebhookError(`Webhook failed: ${res.status}`, res.status);
}
}
/** Send multiple records in sequence with rate limiting */
async sendBatch(rows: Record<string, unknown>[], delayMs = 200): Promise<BatchResult> {
const results: BatchResult = { sent: 0, failed: 0, errors: [] };
for (const row of rows) {
try {
await this.sendToTable(row);
results.sent++;
} catch (err) {
results.failed++;
results.errors.push({ row, error: (err as Error).message });
}
if (delayMs > 0) await new Promise(r => setTimeout(r, delayMs));
}
return results;
}
/** Enterprise API: Enrich a person by email (Enterprise plan only) */
async enrichPerson(email: string): Promise<PersonEnrichment> {
if (!this.config.enterpriseApiKey) {
throw new Error('Enterprise API key required for person enrichment');
}
const res = await this.fetchWithRetry(`${this.config.baseUrl}/v1/people/enrich`, {
method: 'POST',
headers: {
'Authorization': `Bearer ${this.config.enterpriseApiKey}`,
'Content-Type': 'application/json',
},
body: JSON.stringify({ email }),
});
return res.json();
}
/** Enterprise API: Enrich a company by domain (Enterprise plan only) */
async enrichCompany(domain: string): Promise<CompanyEnrichment> {
if (!this.config.enterpriseApiKey) {
throw new Error('Enterprise API key required for company enrichment');
}
const res = await this.fetchWithRetry(`${this.config.baseUrl}/v1/companies/enrich`, {
method: 'POST',
headers: {
'Authorization': `Bearer ${this.config.enterpriseApiKey}`,
'Content-Type': 'application/json',
},
body: JSON.stringify({ domain }),
});
return res.json();
}
private async fetchWithRetry(url: string, init: RequestInit): Promise<Response> {
for (let attempt = 0; attempt <= this.config.maxRetries; attempt++) {
try {
const controller = new AbortController();
const timeout = setTimeout(() => controller.abort(), this.config.timeoutMs);
const res = await fetch(url, { ...init, signal: controller.signal });
clearTimeout(timeout);
if (res.status === 429) {
const retryAfter = parseInt(res.headers.get('Retry-After') || '5');
await new Promise(r => setTimeout(r, retryAfter * 1000));
continue;
}
return res;
} catch (err) {
if (attempt === this.config.maxRetries) throw err;
await new Promise(r => setTimeout(r, 1000 * Math.pow(2, attempt)));
}
}
throw new Error('Max retries exceeded');
}
}