React Native SDK

# Using npm
npm install @suada/react-native @suada/core

# Using yarn
yarn add @suada/react-native @suada/core

cd ios && pod install && cd ..

import { SuadaProvider, ChatView } from '@suada/react-native';

function App() {
  return (
    <SuadaProvider
      config={{
        apiKey: 'your-api-key'
      }}
    >
      <ChatView
        onMessageSubmit={(message) => console.log('Message sent:', message)}
        onResponseReceived={(response) => console.log('Response:', response)}
        style={styles.chat}
      />
    </SuadaProvider>
  );
}

const styles = StyleSheet.create({
  chat: {
    flex: 1,
    backgroundColor: '#ffffff'
  }
});

npm install react-native-config

# .env.development
SUADA_API_KEY=your-dev-key
SUADA_BASE_URL=https://dev-api.suada.ai

# .env.production
SUADA_API_KEY=your-prod-key
SUADA_BASE_URL=https://api.suada.ai

import Config from 'react-native-config';
import { SuadaProvider } from '@suada/react-native';

function App() {
  return (
    <SuadaProvider
      config={{
        apiKey: Config.SUADA_API_KEY,
        baseUrl: Config.SUADA_BASE_URL
      }}
    >
      <YourApp />
    </SuadaProvider>
  );
}

import { ChatView } from '@suada/react-native';

function ChatScreen() {
  return (
    <ChatView
      theme="light"
      placeholder="Ask a question..."
      initialMessages={[]}
      privacyMode={true}
      onMessageSubmit={(message) => {
        console.log('Message:', message);
      }}
      onResponseReceived={(response) => {
        console.log('Response:', response);
      }}
      style={styles.chatView}
    />
  );
}

const styles = StyleSheet.create({
  chatView: {
    flex: 1,
    backgroundColor: '#ffffff'
  }
});

import { IntegrationManager } from '@suada/react-native';

function IntegrationsScreen() {
  return (
    <IntegrationManager
      onIntegrationConnected={(integration) => {
        console.log(`${integration.provider} connected`);
      }}
      onIntegrationDisconnected={(integration) => {
        console.log(`${integration.provider} disconnected`);
      }}
      style={styles.manager}
    />
  );
}

const styles = StyleSheet.create({
  manager: {
    flex: 1,
    padding: 16
  }
});

import { useSuada } from '@suada/react-native';

function ChatFeature() {
  const { sendMessage, isLoading, error } = useSuada();

  const handleSend = async () => {
    try {
      const response = await sendMessage({
        message: "What's the latest update?",
        privacyMode: true
      });
      console.log('Response:', response);
    } catch (error) {
      console.error('Error:', error);
    }
  };

  return (
    <View style={styles.container}>
      <Button
        onPress={handleSend}
        disabled={isLoading}
        title="Send Message"
      />
      {error && (
        <Text style={styles.error}>Error: {error.message}</Text>
      )}
    </View>
  );
}

import { SuadaError, SuadaAPIError } from '@suada/core';

try {
  await sendMessage({ message: "Hello" });
} catch (error) {
  if (error instanceof SuadaAPIError) {
    // Handle API-specific errors
    Alert.alert('API Error', error.message);
  } else if (error instanceof SuadaError) {
    // Handle general SDK errors
    Alert.alert('SDK Error', error.message);
  } else {
    // Handle unexpected errors
    Alert.alert('Error', 'An unexpected error occurred');
  }
}

// For iOS: Add to Info.plist
<key>CFBundleURLTypes</key>
<array>
  <dict>
    <key>CFBundleURLSchemes</key>
    <array>
      <string>suada</string>
    </array>
  </dict>
</array>

// For Android: Add to AndroidManifest.xml
<activity>
  <intent-filter>
    <action android:name="android.intent.action.VIEW" />
    <category android:name="android.intent.category.DEFAULT" />
    <category android:name="android.intent.category.BROWSABLE" />
    <data android:scheme="suada" />
  </intent-filter>
</activity>

<ChatView
  theme="light"
  style={styles.chat}
  messageStyle={styles.message}
  inputStyle={styles.input}
/>

const styles = StyleSheet.create({
  chat: {
    backgroundColor: '#f5f5f5'
  },
  message: {
    borderRadius: 8
  },
  input: {
    borderWidth: 1
  }
});

<SuadaProvider
  config={{
    apiKey: Config.SUADA_API_KEY,
    offlineMode: true,
    syncInterval: 5000
  }}
>
  <YourApp />
</SuadaProvider>

<SuadaProvider
  config={{
    apiKey: Config.SUADA_API_KEY,
    maxRetries: 3,
    retryDelay: 1000
  }}
>
  <YourApp />
</SuadaProvider>

<SuadaProvider
  config={{
    apiKey: Config.SUADA_API_KEY,
    debug: __DEV__,
    logger: (message) => console.log('[Suada]', message)
  }}
>
  <YourApp />
</SuadaProvider>