One widget key. Four native SDKs. Drop live AI chat into your React Native, Flutter, Android, or iOS app in under 10 minutes.
sb_chat_xxxx. All SDKs use the same key — no backend changes needed.Add the SDK to your project
npm install @sendbaba/myyarns-rn
Drop in the component — floating button appears automatically
// App.jsx
import { MyYarnsChat } from '@sendbaba/myyarns-rn'
export default function App() {
return (
<View style={{ flex: 1 }}>
<YourApp />
<MyYarnsChat widgetKey="sb_chat_xxxx" />
</View>
)
}Pass name, email, phone — appears in your MyYarns inbox
<MyYarnsChat
widgetKey="sb_chat_xxxx"
visitorInfo={{
name: user.displayName,
email: user.email,
phone: user.phone,
}}
/>
// Programmatic open
import { useMyYarns } from '@sendbaba/myyarns-rn'
const { open, unread } = useMyYarns()
<Button onPress={open} title={`Support (${unread})`} />All SDKs connect to wss://myyarns.sendbaba.com/ws/{widget_key}/{session_id}
| Event | Direction | Description |
|---|---|---|
| → message | Send | Send visitor message — { type, content } |
| → visitor_info | Send | Identify visitor — { type, name, email, phone, page, device } |
| → rating | Send | Submit satisfaction rating — { type, value: "up"|"down" } |
| → proactive_check | Send | Check for trigger on current page |
| ← message | Receive | AI/agent reply — { id, sender, content, timestamp } |
| ← typing | Receive | AI is typing — show indicator for ~3s |
| ← lead_captured | Receive | Visitor identity saved — { name, email, phone } |
| ← rating_received | Receive | Rating confirmed |
Drop directly into your project
Our team in Lagos is available for integration support, custom requirements, and enterprise deployments.