@intelidexer/react-native-chat-screen

Minimal chat UI for React Native apps powered by InteliDexer agents.

Install

npm install @intelidexer/react-native-chat-screen

Note: This package is designed for React Native CLI projects.

Quick Start

import React from "react";
import { ChatScreen } from "@intelidexer/react-native-chat-screen";
import { I18nManager } from 'react-native';

I18nManager.allowRTL(true);
I18nManager.forceRTL(false); 

export default function App() {

const language: 'ar' | 'en' = 'ar';

    const handleGetInfo = async () => ({
        interests: ["technology", "e-commerce", "education"],
        calender_sessions: ["الذكاء الاصطناعي في التسويق"],
    });

    const handleAddToCalendar = async (sessionId: string) => {
        // hook into your calendar integration here
    };

    return (
        <ChatScreen
            baseUrl="https://biban.intelidexer.cloud/project/A12/endpoint/chat/stream"
            theme={{
                background: "#0F4572",
                userBubble: "#007297",
                assistantBubble: "#0B2E4C",
            }}
            language={language}
            getInfo={handleGetInfo}
            addToCalendar={handleAddToCalendar}
            userId="example-user-123"
            apiKey="api-key-here"
            keyboardBehavior="padding"
            keyboardVerticalOffset={0}
        />
    );
}

Props

• baseUrl (string, required): chat completion endpoint.
• getInfo (() => Promise<{ interests: string[]; calender_sessions: string[] }>, required): supplies user context.
• addToCalendar ((sessionId: string) => Promise, required): handles opt-in CTA taps.
• language ('ar' | 'en', required): switches UI strings and layout direction.
• theme ({ background?, userBubble?, assistantBubble? }): override core colors.

Support

• Email: [email protected]