> ## Documentation Index
> Fetch the complete documentation index at: https://docs.thunderphone.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Konfigurasi dinamis per panggilan

> Pilih agen — atau tulis ulang Prompt — untuk setiap panggilan masuk berdasarkan logika kustom dalam webhook.

Secara default, setiap nomor telepon dan kunci yang dapat dipublikasikan memiliki agen statis
yang ditetapkan. Saat Anda memerlukan penyesuaian **per-penelepon** atau **per-pengunjung**
— perutean VIP, konteks pengguna yang telah masuk, pengujian Prompt A/B — beralihlah ke
mode webhook dan biarkan server Anda yang memutuskan.

## Cara kerjanya

1. Berlanggananlah ke peristiwa [`telephony.incoming`](/id/webhooks/events)
   (telepon) atau [`web.incoming`](/id/webhooks/events) (widget).
   Keduanya adalah webhook **pemblokir**: ThunderPhone menunggu hingga
   10 detik untuk respons Anda sebelum melanjutkan panggilan.
2. ThunderPhone mengirimkan `{call_id, from_number, to_number}` kepada Anda (sesi
   widget membawa field khusus widget, bukan nomor — lihat
   [skema permintaan](/id/webhooks/call-incoming)).
3. Server Anda merespons dengan konfigurasi agen (Prompt, suara,
   produk, alat). ThunderPhone menggunakan konfigurasi tersebut untuk panggilan.
4. Jika Anda mengembalikan `{}`, mengalami time out, atau terjadi error, agen
   yang ditetapkan secara statis digunakan sebagai fallback. Default yang aman.

<Note>
  Berfungsi sama untuk panggilan telepon (`telephony.incoming`) dan sesi
  widget (`web.incoming`), baik dikirimkan ke endpoint webhook
  maupun ke webhook URL tunggal lama.
</Note>

## 1. Konfigurasikan tujuan webhook

<Tabs>
  <Tab title="Panggilan telepon">
    Untuk nomor telepon, langganankan endpoint Anda ke `telephony.incoming`:

    ```bash theme={null}
    curl -X POST https://api.thunderphone.com/v1/developer/webhook-endpoints \
      -H "Authorization: Bearer sk_live_YOUR_API_KEY" \
      -H "Content-Type: application/json" \
      -d '{
        "label":  "Prod call-incoming",
        "url":    "https://example.com/thunderphone/incoming",
        "events": ["telephony.incoming"]
      }'
    ```

    Respons mencakup `secret` sekali pakai — simpan; Anda akan menggunakannya
    untuk verifikasi tanda tangan.
  </Tab>

  <Tab title="Widget web">
    Untuk sesi widget, buat kunci yang dapat dipublikasikan dalam `mode="webhook"`
    dengan URL endpoint Anda sudah disertakan:

    ```bash theme={null}
    curl -X POST https://api.thunderphone.com/v1/publishable-key \
      -H "Authorization: Bearer sk_live_YOUR_API_KEY" \
      -H "Content-Type: application/json" \
      -d '{
        "name":            "Dynamic widget",
        "mode":            "webhook",
        "webhook_url":     "https://example.com/thunderphone/widget-incoming",
        "allowed_domains": ["example.com"]
      }'
    ```

    Widget akan melakukan POST ke URL ini setiap kali sesi dimulai.
  </Tab>
</Tabs>

## 2. Implementasikan handler

Tiga pedoman praktis:

* **Verifikasi tanda tangan** pada setiap permintaan (lihat
  [Verifikasi tanda tangan webhook](/id/guides/verify-webhook-signatures)).
  Jangan lewati ini di lingkungan pengembangan — pastikan benar sekali lalu gunakan kembali.
* **Respons dengan cepat**. Sepuluh detik adalah batas mutlak, dan setiap detik adalah
  keheningan bagi penelepon. Lakukan pencarian database jika perlu, tetapi
  jangan panggil LLM downstream secara sinkron — jika Anda menginginkan pembuatan
  Prompt dinamis, hitung terlebih dahulu dan simpan dalam cache.
* **Lakukan fallback dengan rapi**. Setiap status yang tidak terduga harus mengembalikan `{}` agar
  agen yang ditetapkan secara statis menangani panggilan.

<CodeGroup>
  ```python FastAPI theme={null}
  import hashlib
  import hmac
  import json
  import os

  from fastapi import FastAPI, HTTPException, Request

  app = FastAPI()
  SECRET = os.environ["THUNDERPHONE_WEBHOOK_SECRET"]

  def verify(body: bytes, sig: str) -> bool:
      expected = hmac.new(SECRET.encode(), body, hashlib.sha256).hexdigest()
      return hmac.compare_digest(expected, sig or "")

  @app.post("/thunderphone/incoming")
  async def incoming(request: Request):
      body = await request.body()
      if not verify(body, request.headers.get("X-ThunderPhone-Signature", "")):
          raise HTTPException(401)

      event = json.loads(body)
      if event["type"] not in ("telephony.incoming", "web.incoming"):
          return {}  # fall back to default

      caller = event["data"]["from_number"]
      # Cheap DB lookup: is this a known VIP?
      customer = lookup_customer(caller)
      if customer and customer.tier == "vip":
          return {
              "prompt":  f"You are a VIP concierge for {customer.name}. Be proactive…",
              "voice":   "john",
              "product": "storm-base",
          }
      return {}  # default agent handles non-VIPs

  def lookup_customer(phone: str):
      # ... your CRM integration ...
      pass
  ```

  ```javascript Express theme={null}
  import crypto from "node:crypto";
  import express from "express";

  const app = express();
  const SECRET = process.env.THUNDERPHONE_WEBHOOK_SECRET;

  function verify(body, sig) {
    const expected = crypto.createHmac("sha256", SECRET).update(body).digest("hex");
    return sig &&
      crypto.timingSafeEqual(Buffer.from(expected), Buffer.from(sig));
  }

  app.post(
    "/thunderphone/incoming",
    express.raw({ type: "application/json" }),
    async (req, res) => {
      if (!verify(req.body, req.header("X-ThunderPhone-Signature"))) {
        return res.sendStatus(401);
      }
      const event = JSON.parse(req.body.toString("utf8"));

      const IMPORTANT_TYPES = new Set([
        "telephony.incoming",
        "web.incoming",
      ]);
      if (!IMPORTANT_TYPES.has(event.type)) return res.json({});

      const customer = await lookupCustomer(event.data.from_number);
      if (customer?.tier === "vip") {
        return res.json({
          prompt:  `You are a VIP concierge for ${customer.name}. Be proactive…`,
          voice:   "john",
          product: "storm-base",
        });
      }
      res.json({}); // fall back to default agent
    },
  );
  ```
</CodeGroup>

## 3. Skema respons

Isi respons sama persis dengan
[skema respons panggilan masuk](/id/webhooks/call-incoming).
Kolom yang umum digunakan:

| Kolom                         | Tipe           | Deskripsi                                                          |
| ----------------------------- | -------------- | ------------------------------------------------------------------ |
| `prompt`                      | string (wajib) | Prompt sistem untuk agen                                           |
| `voice`                       | string (wajib) | ID suara dari [`GET /v1/voices`](/api-reference/agents#voices)     |
| `product`                     | string         | Defaultnya adalah `spark`                                          |
| `background_track`            | string \| null | ID audio ambient                                                   |
| `acknowledgement_prompt_mode` | string         | `auto` atau `manual` (khusus Storm dengan konfirmasi)              |
| `acknowledgement_prompt`      | string         | Wajib saat mode adalah `manual`                                    |
| `tools`                       | array          | Skema alat fungsi inline — lihat [Alat Fungsi](/id/tools/overview) |

<Note>
  Urutan bicara per panggilan dan `max_hold_seconds` tidak tersedia pada
  respons webhook. Tetapkan keduanya pada
  [Agen](/api-reference/agents) yang Anda referensikan.
</Note>

## Pola

### Konteks pengguna yang sudah Masuk

Dalam widget mode webhook, halaman pengunjung sudah mengetahui siapa
mereka. Panggil webhook Anda dengan parameter query string yang diteruskan
oleh SDK widget (`?customer_id=123`), lalu cari pelanggan di sisi server.

### Peluncuran Prompt A/B

Sebelum Anda membuatnya sendiri, perlu diketahui bahwa ThunderPhone memiliki fitur
[Experiments](/id/guides/concepts) bawaan
(`/dashboard/experiments` dan tab **A/B** di builder agen) yang
menentukan varian, membagi traffic, dan membandingkan hasil per varian —
tanpa webhook.

Jika Anda tetap memerlukan kontrol di sisi webhook: hash `call_id` → bucket;
sajikan Prompt A untuk `0..49` dan Prompt B untuk `50..99`. Catat bucket yang
Anda pilih di DB Anda sendiri, lalu korelasikan dengan nilai panggilan yang telah
selesai.

### Perutean berbasis waktu

Jam kerja → agen "dukungan langsung"; di luar jam kerja → agen "mencatat pesan".
Switch murni pada `new Date().getUTCHours()` di handler Anda.

***

## Langkah berikutnya

<CardGroup cols={2}>
  <Card title="Referensi webhook panggilan masuk" icon="phone" href="/id/webhooks/call-incoming">
    Skema permintaan + respons yang tepat, termasuk setiap kunci konfigurasi.
  </Card>

  <Card title="Verifikasi signature webhook" icon="shield-check" href="/id/guides/verify-webhook-signatures">
    Pastikan HMAC benar sekali; gunakan ulang di mana saja.
  </Card>

  <Card title="Buat integrasi tool" icon="screwdriver-wrench" href="/id/guides/build-tool-integration">
    Gabungkan perutean dinamis dengan tool per agen.
  </Card>

  <Card title="Semantik pengiriman" icon="bolt" href="/id/webhooks/overview">
    Percobaan ulang, pengurutan, time-out.
  </Card>
</CardGroup>
