<key>NSMicrophoneUsageDescription</key>
<string>Record voice messages for chat.</string>

<uses-permission android:name="android.permission.RECORD_AUDIO" />
<uses-permission android:name="android.permission.INTERNET" />
<queries>
  <intent><action android:name="android.intent.action.VIEW" /><data android:scheme="https" /></intent>
</queries>

<key>NSMicrophoneUsageDescription</key>
<string>Record voice messages for chat.</string>

import { FigoChat } from '@figolabs/figochat-react-native';

FigoChat.initialize({
  apiKey: 'YOUR_API_KEY',
  assistantId: 'YOUR_ASSISTANT_ID',
  fullName: 'Ada Lovelace',
  emailAddress: 'ada@example.com',
  mobilePhone: '+2348012345678',
  primaryColor: '#F97316',
  // optional
  title: 'Support',
  welcomeMessage: 'Hi Ada! How can I help you today?',
});

import { FigoChatView } from '@figolabs/figochat-react-native';
import { SafeAreaProvider, SafeAreaView } from 'react-native-safe-area-context';

<Modal visible={open} animationType="slide" onRequestClose={() => setOpen(false)}>
  {/* a Modal is its own native window, so it needs its own SafeAreaProvider */}
  <SafeAreaProvider>
    <SafeAreaView style={{ flex: 1 }}>
      <FigoChatView onClose={() => setOpen(false)} />
    </SafeAreaView>
  </SafeAreaProvider>
</Modal>

// React Native
const client = FigoChat.getClient();
const { answer, threadId } = await client.sendMessage('Hello', [/* uploaded file urls */]);
const text = await client.transcribe({ uri, name: 'voice.m4a', mimeType: 'audio/mp4' });
const urls = await client.uploadFiles([{ uri, name: 'receipt.jpg', mimeType: 'image/jpeg' }]);

import React, { useEffect, useState } from 'react';
import { Button, Modal, View } from 'react-native';
import { SafeAreaProvider, SafeAreaView } from 'react-native-safe-area-context';
import { FigoChat, FigoChatView } from '@figolabs/figochat-react-native';

export default function App() {
  const [open, setOpen] = useState(false);

  useEffect(() => {
    FigoChat.initialize({
      apiKey: 'YOUR_API_KEY',
      assistantId: 'YOUR_ASSISTANT_ID',
      fullName: 'Ada Lovelace',
      emailAddress: 'ada@example.com',
      mobilePhone: '+2348012345678',
      primaryColor: '#F97316',
      title: 'Support',
      welcomeMessage: 'Hi Ada! How can I help you today?',
    });
  }, []);

  return (
    <View style={{ flex: 1, justifyContent: 'center' }}>
      <Button title="Chat with us" onPress={() => setOpen(true)} />
      <Modal visible={open} animationType="slide" onRequestClose={() => setOpen(false)}>
        <SafeAreaProvider>
          <SafeAreaView style={{ flex: 1 }}>
            <FigoChatView onClose={() => setOpen(false)} onError={(e) => console.log('FigoChat', e.code, e.message)} />
          </SafeAreaView>
        </SafeAreaProvider>
      </Modal>
    </View>
  );
}