Build WhatsApp apps in minutes.

// Define a type-safe message template
const orderConfirm = template('order_confirm', {
  category: 'UTILITY',
  language: 'en',
  body: body.text(
    'Order #' + '{{1}}' + ' confirmed! Total: ' + '{{2}}',
    'ORD-123', '49.99'  // Example values
  ),
  buttons: [
    button.url('Track Order', 'https://...'),
    button.quickReply('Need Help'),
  ],
});

// Send with full type checking
await client.send(phoneNumber, orderConfirm.send({
  orderId: 'ORD-456',
  total: '129.00'
}))

// Build multi-screen forms with Zod validation
const bookingFlow = flow('booking', {
  categories: ['APPOINTMENT_BOOKING'],
}, ($) => ({

  SELECT_SERVICE: $.screen(
    z.object({ service: z.string() }),
    (s) => ({
      title: 'Book Appointment',
      body: [
        s.dropdown('service', 'Choose service', [
          { id: 'haircut', title: 'Haircut', },
          { id: 'color', title: 'Hair Color' },
        ]),
      ],
      footer: { label: 'Next', payload: { service: s.form.service } },
    }),
  ),

}));

// Route webhooks with type-safe filters
const handler = new WebhookHandler();

// Handle text messages
handler.onMessage(Filter.text, async (msg) => {
  const reply = await openai.chat(msg.text.body);
  await msg.reply(reply);
});

// Handle flow completions - data is typed!
handler.onFlowComplete(bookingFlow, async (result) => {
  await createBooking(result.data);
  await result.reply('Booking confirmed!');
});