@happiest-team/ai-chat-native

The official React Native SDK for Happiest Chat. Embed native, high-performance AI chat agents into your iOS and Android mobile applications seamlessly.

🚀 Features

• Native Performance: Fully optimized using Animated API and React Native UI threads for butter-smooth interactions.
• Premium Native UI: <ChatPanel /> comes with iOS-style bottom sheets, bouncing dot animations, and keyboard-avoiding views.
• Headless Hooks: useHappiestChat() available for building entirely custom native interfaces.
• Cross-Platform: Write once, works perfectly on both iOS and Android.

📦 Installation

npm install @happiest-team/ai-chat-native @happiest-team/ai-chat-core

🛠 Quick Start

1. Setup the Provider

Wrap your app root with HappiestProvider.

import { HappiestProvider } from '@happiest-team/ai-chat-native';

export default function App() {
  return (
    <HappiestProvider 
      clubId="YOUR_CLUB_ID"
      config={{
        publishableKey: "pk_live_your_key"
      }}
    >
      <YourAppNavigator />
    </HappiestProvider>
  );
}

2. Render the Chat Screen

Drop the native ChatPanel into your Screen or Modal.

import { ChatPanel } from '@happiest-team/ai-chat-native';
import { View, StyleSheet } from 'react-native';

export function ChatScreen() {
  return (
    <View style={styles.container}>
      {/* The ChatPanel automatically handles KeyboardAvoidingView */}
      <ChatPanel />
    </View>
  );
}

const styles = StyleSheet.create({
  container: { flex: 1 }
});

📄 License

MIT © Happiest