@chutney/inbox

Embed a full WhatsApp inbox into any React app in two lines.

Install

npm install @chutney/inbox

Usage

import { ChutneyInbox } from "@chutney/inbox";

export default function SupportPage() {
  return (
    <ChutneyInbox
      apiKey="pak_your_api_key_here"
      height={640}
    />
  );
}

Get your API key at idliapam.in/chutney.

Props

| Prop | Type | Default | Description | |------|------|---------|-------------| | apiKey | string | required | Your Chutney API key (pak_…) | | baseUrl | string | Chutney cloud | Override for self-hosted deployments | | theme | Partial<ChutneyTheme> | — | Override colours and fonts | | height | string \| number | 600 | Component height | | width | string \| number | "100%" | Component width | | onConversationSelect | (conv) => void | — | Fires when user selects a conversation | | onMessageSent | (msg) => void | — | Fires after a message is sent | | onError | (err) => void | — | Fires on auth / credits / network errors |

Theming

<ChutneyInbox
  apiKey="pak_…"
  theme={{
    primary: "#6366f1",       // accent colour
    outboundBubble: "#ede9fe",
    fontFamily: "'Inter', sans-serif",
    borderRadius: "12px",
  }}
/>

How billing works

Every message your users send via the inbox deducts 1 credit from your Chutney balance.
Top up by sending CHUTNEY TOP-UP to 6363004208 on WhatsApp.

Credits: ₹500 → 500 · ₹1,000 → 1,100 · ₹2,000 → 2,400 · ₹5,000 → 6,500

Real-time updates

The component opens a Server-Sent Events connection automatically. Inbound messages appear instantly — no polling.

Test mode

Use a key prefixed with test_ to get mock responses with no credit deductions:

<ChutneyInbox apiKey="test_sandbox" />

Powered by Chutney — WhatsApp infrastructure for Indian D2C brands.