@uselingu/react-native-sdk 0.1.0

package/README.md

@@ -0,0 +1,279 @@
+# @lingu/react-native-sdk
+
+> Lingu AI Chat SDK for React Native - Hybrid approach with WebView UI and native API
+
+[![npm version](https://img.shields.io/npm/v/@lingu/react-native-sdk.svg)](https://www.npmjs.com/package/@lingu/react-native-sdk)
+[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
+
+## Features
+
+✅ **Full-Page Chat UI** - Immersive full-screen chat experience with back navigation  
+✅ **Message Persistence** - Conversations saved locally and restored automatically  
+✅ **Hybrid Architecture** - WebView UI with native API performance  
+✅ **Easy Integration** - Drop-in component for React Native apps  
+✅ **Session Management** - Automatic session handling and heartbeat  
+✅ **Customizable** - Full control over colors, position, and behavior  
+✅ **TypeScript** - Full type safety  
+✅ **Cross-platform** - Works on iOS and Android  
+
+---
+
+## Installation
+
+```bash
+npm install @lingu/react-native-sdk react-native-webview @react-native-async-storage/async-storage
+# or
+yarn add @lingu/react-native-sdk react-native-webview @react-native-async-storage/async-storage
+```
+
+### iOS Setup
+
+```bash
+cd ios && pod install
+```
+
+### Android Setup
+
+No additional setup required.
+
+---
+
+## Quick Start
+
+```tsx
+import React from 'react';
+import { View } from 'react-native';
+import { LinguChat } from '@lingu/react-native-sdk';
+
+export default function App() {
+  return (
+    <View style={{ flex: 1 }}>
+      {/* Your app content */}
+      
+      <LinguChat
+        apiKey="your-api-key-here"
+        position="bottom-right"
+        theme="light"
+        primaryColor="#4ade80"
+      />
+    </View>
+  );
+}
+```
+
+---
+
+## Configuration
+
+### Props
+
+| Prop | Type | Required | Default | Description |
+|------|------|----------|---------|-------------|
+| `apiKey` | `string` | ✅ Yes | - | Your Lingu API key |
+| `baseURL` | `string` | ❌ No | `https://api.uselingu.app/api` | API base URL |
+| `position` | `ChatPosition` | ❌ No | `bottom-right` | FAB position (when closed) |
+| `theme` | `ThemeMode` | ❌ No | `light` | Theme mode |
+| `primaryColor` | `string` | ❌ No | `#4ade80` | Primary color |
+| `autoOpen` | `boolean` | ❌ No | `false` | Auto-open on mount |
+| `showBackButton` | `boolean` | ❌ No | `true` | Show back button in header |
+| `onBackPress` | `() => void` | ❌ No | - | Back button callback |
+| `onSessionStart` | `(sessionId: string) => void` | ❌ No | - | Session start callback |
+| `onSessionEnd` | `(sessionId: string) => void` | ❌ No | - | Session end callback |
+| `onMessageSent` | `(message: string) => void` | ❌ No | - | Message sent callback |
+| `onMessageReceived` | `(message: string) => void` | ❌ No | - | Message received callback |
+
+### Types
+
+```typescript
+type ChatPosition = 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';
+type ThemeMode = 'light' | 'dark' | 'system';
+```
+
+### Dark Mode
+
+```tsx
+import { useColorScheme } from 'react-native';
+
+function App() {
+  const colorScheme = useColorScheme();
+  
+  return (
+    <LinguChat
+      apiKey="your-api-key"
+      theme={colorScheme === 'dark' ? 'dark' : 'light'}
+    />
+  );
+}
+```
+
+### Permissions
+
+**No special permissions required!**
+- ❌ No camera access needed
+- ❌ No microphone access needed
+- ✅ Only internet and storage (automatic)
+
+---
+
+## Advanced Usage
+
+### Using the Hook
+
+```tsx
+import { useLinguChat } from '@lingu/react-native-sdk';
+
+function CustomChat() {
+  const {
+    messages,
+    isLoading,
+    config,
+    sendMessage,
+    startSession,
+    endSession,
+    isSessionActive,
+  } = useLinguChat({
+    apiKey: 'your-api-key-here',
+  });
+
+  // Build your custom UI
+  return (
+    // Your custom chat UI
+  );
+}
+```
+
+### Event Callbacks
+
+```tsx
+<LinguChat
+  apiKey="your-api-key-here"
+  onSessionStart={(sessionId) => {
+    console.log('Session started:', sessionId);
+  }}
+  onSessionEnd={(sessionId) => {
+    console.log('Session ended:', sessionId);
+  }}
+  onMessageSent={(message) => {
+    console.log('User sent:', message);
+  }}
+  onMessageReceived={(message) => {
+    console.log('Bot replied:', message);
+  }}
+/>
+```
+
+---
+
+## API Reference
+
+### `LinguChat` Component
+
+Main component that renders the chat widget.
+
+### `useLinguChat` Hook
+
+Custom hook for managing chat state and operations.
+
+**Returns:**
+- `messages`: Array of chat messages
+- `isLoading`: Loading state
+- `config`: Widget configuration
+- `sendMessage(text)`: Send a message
+- `startSession()`: Start a new session
+- `endSession()`: End the current session
+- `isSessionActive`: Session status
+
+### `LinguAPI` Class
+
+Low-level API client for direct API access.
+
+**Methods:**
+- `getConfig()`: Get widget configuration
+- `startSession()`: Start a new session
+- `sendMessage(message, sessionId)`: Send a message
+- `endSession(sessionId)`: End a session
+- `sendHeartbeat(sessionId)`: Send heartbeat
+
+---
+
+## Examples
+
+### Basic Integration
+
+```tsx
+import { LinguChat } from '@lingu/react-native-sdk';
+
+<LinguChat apiKey="your-api-key-here" />
+```
+
+### Custom Styling
+
+```tsx
+<LinguChat
+  apiKey="your-api-key-here"
+  position="bottom-left"
+  theme="dark"
+  primaryColor="#3b82f6"
+/>
+```
+
+### With Callbacks
+
+```tsx
+<LinguChat
+  apiKey="your-api-key-here"
+  onSessionStart={(id) => analytics.track('chat_started', { sessionId: id })}
+  onMessageSent={(msg) => analytics.track('message_sent', { message: msg })}
+/>
+```
+
+---
+
+## Troubleshooting
+
+### Widget not appearing?
+
+1. Check that `react-native-webview` is installed
+2. Verify your API key is correct
+3. Check console for error messages
+
+### Messages not sending?
+
+1. Ensure session is active
+2. Check network connectivity
+3. Verify API endpoint is accessible
+
+### Styling issues?
+
+1. Make sure the widget container has proper positioning
+2. Check z-index conflicts
+3. Verify parent View has `flex: 1`
+
+---
+
+## Requirements
+
+- React Native >= 0.70
+- iOS >= 13.0
+- Android >= 21 (Android 5.0)
+
+---
+
+## License
+
+MIT © Lingu Team
+
+---
+
+## Support
+
+- 📧 Email: support@uselingu.app
+- 💬 Chat: https://uselingu.app
+- 📚 Docs: https://docs.uselingu.app
+- 🐛 Issues: https://github.com/yourusername/lingu/issues
+
+---
+
+## Changelog
+
+See [CHANGELOG.md](CHANGELOG.md) for release history.

package/lib/commonjs/components/LinguChat.js

@@ -0,0 +1,283 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LinguChat = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _NativeChatUI = require("./NativeChatUI");
+var _context = require("../context");
+var _theme = require("../theme");
+var _animations = require("../utils/animations");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); } /**
+ * LinguChat Component
+ * Full-page chat interface with back navigation
+ * Now with theme support and improved styling
+ */
+/**
+ * Internal component that uses context
+ */
+const LinguChatInner = props => {
+  var _props$showBackButton;
+  const {
+    theme
+  } = (0, _theme.useTheme)();
+  const [isOpen, setIsOpen] = (0, _react.useState)(props.autoOpen || false);
+  const [hasUnread, setHasUnread] = (0, _react.useState)(false);
+  const scaleAnim = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
+  const badgePulse = (0, _react.useRef)(new _reactNative.Animated.Value(1)).current;
+  const {
+    messages,
+    isLoading,
+    config,
+    sendMessage,
+    startSession,
+    endSession,
+    isSessionActive
+  } = (0, _context.useLinguContext)();
+
+  // Entrance animation for FAB
+  (0, _react.useEffect)(() => {
+    (0, _animations.scaleIn)(scaleAnim).start();
+  }, []);
+
+  // Pulse animation for unread badge
+  (0, _react.useEffect)(() => {
+    if (hasUnread) {
+      (0, _animations.pulse)(badgePulse).start();
+    } else {
+      badgePulse.setValue(1);
+    }
+  }, [hasUnread]);
+
+  // Auto-open if configured
+  (0, _react.useEffect)(() => {
+    if (props.autoOpen && !isSessionActive) {
+      handleOpen();
+    }
+  }, [props.autoOpen]);
+
+  // Mark unread when new message arrives and chat is closed
+  (0, _react.useEffect)(() => {
+    if (!isOpen && messages.length > 0) {
+      const lastMessage = messages[messages.length - 1];
+      if (lastMessage.sender === 'bot') {
+        setHasUnread(true);
+      }
+    }
+  }, [messages, isOpen]);
+  const handleOpen = async () => {
+    setIsOpen(true);
+    setHasUnread(false);
+    if (!isSessionActive) {
+      await startSession();
+    }
+  };
+  const handleClose = async () => {
+    var _props$onBackPress;
+    setIsOpen(false);
+    await endSession();
+    (_props$onBackPress = props.onBackPress) === null || _props$onBackPress === void 0 || _props$onBackPress.call(props);
+  };
+  const handleSendMessage = async text => {
+    await sendMessage(text);
+  };
+  const getPositionStyle = (position = 'bottom-right') => {
+    const base = {
+      position: 'absolute'
+    };
+    switch (position) {
+      case 'bottom-right':
+        return {
+          ...base,
+          bottom: 20,
+          right: 20
+        };
+      case 'bottom-left':
+        return {
+          ...base,
+          bottom: 20,
+          left: 20
+        };
+      case 'top-right':
+        return {
+          ...base,
+          top: 20,
+          right: 20
+        };
+      case 'top-left':
+        return {
+          ...base,
+          top: 20,
+          left: 20
+        };
+      default:
+        return {
+          ...base,
+          bottom: 20,
+          right: 20
+        };
+    }
+  };
+  const primaryColor = theme.colors.primary;
+  const position = props.position || (config === null || config === void 0 ? void 0 : config.widgetPosition) || 'bottom-right';
+  const showBackButton = (_props$showBackButton = props.showBackButton) !== null && _props$showBackButton !== void 0 ? _props$showBackButton : true;
+
+  // Full-page chat view
+  if (isOpen) {
+    return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+      style: styles.fullScreenOverlay
+    }, /*#__PURE__*/_react.default.createElement(_reactNative.SafeAreaView, {
+      style: [styles.fullPageContainer, {
+        backgroundColor: theme.colors.background
+      }]
+    }, showBackButton && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+      style: [styles.header, {
+        backgroundColor: primaryColor,
+        paddingHorizontal: theme.spacing.lg,
+        paddingVertical: theme.spacing.md
+      }, theme.shadows.md]
+    }, /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
+      style: styles.backButton,
+      onPress: handleClose,
+      activeOpacity: 0.7
+    }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+      style: styles.backButtonText
+    }, "\u2190")), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+      style: [styles.headerTitle, {
+        fontSize: theme.typography.fontSizes.lg,
+        fontWeight: theme.typography.fontWeights.semibold
+      }]
+    }, (config === null || config === void 0 ? void 0 : config.brandName) || 'Lingu Chat'), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+      style: styles.headerSpacer
+    })), /*#__PURE__*/_react.default.createElement(_NativeChatUI.NativeChatUI, {
+      config: config,
+      messages: messages,
+      isLoading: isLoading,
+      onSendMessage: handleSendMessage
+    })));
+  }
+
+  // Floating action button
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.fabContainer, getPositionStyle(position)],
+    pointerEvents: "box-none"
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {
+    style: {
+      transform: [{
+        scale: scaleAnim
+      }]
+    }
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
+    style: [styles.fab, {
+      backgroundColor: primaryColor,
+      width: 60,
+      height: 60,
+      borderRadius: 30
+    }, theme.shadows.lg],
+    onPress: handleOpen,
+    activeOpacity: 0.8
+  }, hasUnread && /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {
+    style: [styles.badge, {
+      backgroundColor: theme.colors.badge,
+      transform: [{
+        scale: badgePulse
+      }]
+    }]
+  }), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.icon
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.iconBubble
+  })))));
+};
+
+/**
+ * LinguChat - Main exported component
+ * Wraps everything in LinguProvider for standalone state management
+ */
+const LinguChat = ({
+  onBackPress,
+  showBackButton,
+  autoOpen,
+  position,
+  ...linguConfig
+}) => {
+  return /*#__PURE__*/_react.default.createElement(_context.LinguProvider, _extends({}, linguConfig, {
+    autoOpen: autoOpen
+  }), /*#__PURE__*/_react.default.createElement(LinguChatInner, {
+    onBackPress: onBackPress,
+    showBackButton: showBackButton,
+    autoOpen: autoOpen,
+    position: position
+  }));
+};
+exports.LinguChat = LinguChat;
+const styles = _reactNative.StyleSheet.create({
+  fullScreenOverlay: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    zIndex: 10000
+  },
+  fullPageContainer: {
+    flex: 1
+  },
+  header: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between'
+  },
+  backButton: {
+    width: 40,
+    height: 40,
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  backButtonText: {
+    fontSize: 28,
+    color: '#fff',
+    fontWeight: '600'
+  },
+  headerTitle: {
+    color: '#fff',
+    flex: 1,
+    textAlign: 'center'
+  },
+  headerSpacer: {
+    width: 40
+  },
+  fabContainer: {
+    zIndex: 9999
+  },
+  fab: {
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  badge: {
+    position: 'absolute',
+    top: 8,
+    right: 8,
+    width: 12,
+    height: 12,
+    borderRadius: 6,
+    borderWidth: 2,
+    borderColor: '#fff'
+  },
+  icon: {
+    width: 30,
+    height: 30,
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  iconBubble: {
+    width: 24,
+    height: 20,
+    backgroundColor: '#fff',
+    borderRadius: 12
+  }
+});
+//# sourceMappingURL=LinguChat.js.map

package/lib/commonjs/components/LinguChat.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_NativeChatUI","_context","_theme","_animations","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","LinguChatInner","props","_props$showBackButton","theme","useTheme","isOpen","setIsOpen","useState","autoOpen","hasUnread","setHasUnread","scaleAnim","useRef","Animated","Value","current","badgePulse","messages","isLoading","config","sendMessage","startSession","endSession","isSessionActive","useLinguContext","useEffect","scaleIn","start","pulse","setValue","handleOpen","lastMessage","sender","handleClose","_props$onBackPress","onBackPress","handleSendMessage","text","getPositionStyle","position","base","bottom","right","left","top","primaryColor","colors","primary","widgetPosition","showBackButton","createElement","View","style","styles","fullScreenOverlay","SafeAreaView","fullPageContainer","backgroundColor","background","header","paddingHorizontal","spacing","lg","paddingVertical","md","shadows","TouchableOpacity","backButton","onPress","activeOpacity","Text","backButtonText","headerTitle","fontSize","typography","fontSizes","fontWeight","fontWeights","semibold","brandName","headerSpacer","NativeChatUI","onSendMessage","fabContainer","pointerEvents","transform","scale","fab","width","height","borderRadius","badge","icon","iconBubble","LinguChat","linguConfig","LinguProvider","exports","StyleSheet","create","zIndex","flex","flexDirection","alignItems","justifyContent","color","textAlign","borderWidth","borderColor"],"sources":["LinguChat.tsx"],"sourcesContent":["/**\n * LinguChat Component\n * Full-page chat interface with back navigation\n * Now with theme support and improved styling\n */\n\nimport React, { useState, useEffect, useRef } from 'react';\nimport {\n   View,\n   TouchableOpacity,\n   StyleSheet,\n   Animated,\n   SafeAreaView,\n   Text,\n} from 'react-native';\nimport { NativeChatUI } from './NativeChatUI';\nimport { LinguProvider, useLinguContext } from '../context';\nimport { useTheme } from '../theme';\nimport { scaleIn, pulse } from '../utils/animations';\nimport type { LinguConfig, ChatPosition } from '../types';\n\nexport interface LinguChatProps extends LinguConfig {\n   onBackPress?: () => void;\n   showBackButton?: boolean;\n   position?: ChatPosition; // UI preference for FAB position\n}\n\ninterface LinguChatInnerProps {\n   onBackPress?: () => void;\n   showBackButton?: boolean;\n   autoOpen?: boolean;\n   position?: ChatPosition;\n}\n\n/**\n * Internal component that uses context\n */\nconst LinguChatInner: React.FC<LinguChatInnerProps> = (props) => {\n   const { theme } = useTheme();\n   const [isOpen, setIsOpen] = useState(props.autoOpen || false);\n   const [hasUnread, setHasUnread] = useState(false);\n   const scaleAnim = useRef(new Animated.Value(0)).current;\n   const badgePulse = useRef(new Animated.Value(1)).current;\n\n   const {\n      messages,\n      isLoading,\n      config,\n      sendMessage,\n      startSession,\n      endSession,\n      isSessionActive,\n   } = useLinguContext();\n\n   // Entrance animation for FAB\n   useEffect(() => {\n      scaleIn(scaleAnim).start();\n   }, []);\n\n   // Pulse animation for unread badge\n   useEffect(() => {\n      if (hasUnread) {\n         pulse(badgePulse).start();\n      } else {\n         badgePulse.setValue(1);\n      }\n   }, [hasUnread]);\n\n   // Auto-open if configured\n   useEffect(() => {\n      if (props.autoOpen && !isSessionActive) {\n         handleOpen();\n      }\n   }, [props.autoOpen]);\n\n   // Mark unread when new message arrives and chat is closed\n   useEffect(() => {\n      if (!isOpen && messages.length > 0) {\n         const lastMessage = messages[messages.length - 1];\n         if (lastMessage.sender === 'bot') {\n            setHasUnread(true);\n         }\n      }\n   }, [messages, isOpen]);\n\n   const handleOpen = async () => {\n      setIsOpen(true);\n      setHasUnread(false);\n\n      if (!isSessionActive) {\n         await startSession();\n      }\n   };\n\n   const handleClose = async () => {\n      setIsOpen(false);\n      await endSession();\n      props.onBackPress?.();\n   };\n\n   const handleSendMessage = async (text: string) => {\n      await sendMessage(text);\n   };\n\n   const getPositionStyle = (position: ChatPosition = 'bottom-right') => {\n      const base = { position: 'absolute' as const };\n      switch (position) {\n         case 'bottom-right':\n            return { ...base, bottom: 20, right: 20 };\n         case 'bottom-left':\n            return { ...base, bottom: 20, left: 20 };\n         case 'top-right':\n            return { ...base, top: 20, right: 20 };\n         case 'top-left':\n            return { ...base, top: 20, left: 20 };\n         default:\n            return { ...base, bottom: 20, right: 20 };\n      }\n   };\n\n   const primaryColor = theme.colors.primary;\n   const position = props.position || config?.widgetPosition || 'bottom-right';\n   const showBackButton = props.showBackButton ?? true;\n\n   // Full-page chat view\n   if (isOpen) {\n      return (\n         <View style={styles.fullScreenOverlay}>\n            <SafeAreaView\n               style={[\n                  styles.fullPageContainer,\n                  { backgroundColor: theme.colors.background },\n               ]}\n            >\n               {/* Header with back button */}\n               {showBackButton && (\n                  <View\n                     style={[\n                        styles.header,\n                        {\n                           backgroundColor: primaryColor,\n                           paddingHorizontal: theme.spacing.lg,\n                           paddingVertical: theme.spacing.md,\n                        },\n                        theme.shadows.md,\n                     ]}\n                  >\n                     <TouchableOpacity\n                        style={styles.backButton}\n                        onPress={handleClose}\n                        activeOpacity={0.7}\n                     >\n                        <Text style={styles.backButtonText}>←</Text>\n                     </TouchableOpacity>\n                     <Text\n                        style={[\n                           styles.headerTitle,\n                           {\n                              fontSize: theme.typography.fontSizes.lg,\n                              fontWeight: theme.typography.fontWeights.semibold,\n                           },\n                        ]}\n                     >\n                        {config?.brandName || 'Lingu Chat'}\n                     </Text>\n                     <View style={styles.headerSpacer} />\n                  </View>\n               )}\n\n               {/* Native Chat UI */}\n               <NativeChatUI\n                  config={config}\n                  messages={messages}\n                  isLoading={isLoading}\n                  onSendMessage={handleSendMessage}\n               />\n            </SafeAreaView>\n         </View>\n      );\n   }\n\n   // Floating action button\n   return (\n      <View style={[styles.fabContainer, getPositionStyle(position)]} pointerEvents=\"box-none\">\n         <Animated.View style={{ transform: [{ scale: scaleAnim }] }}>\n            <TouchableOpacity\n               style={[\n                  styles.fab,\n                  {\n                     backgroundColor: primaryColor,\n                     width: 60,\n                     height: 60,\n                     borderRadius: 30,\n                  },\n                  theme.shadows.lg,\n               ]}\n               onPress={handleOpen}\n               activeOpacity={0.8}\n            >\n               {hasUnread && (\n                  <Animated.View\n                     style={[\n                        styles.badge,\n                        {\n                           backgroundColor: theme.colors.badge,\n                           transform: [{ scale: badgePulse }],\n                        },\n                     ]}\n                  />\n               )}\n               <View style={styles.icon}>\n                  {/* Chat icon */}\n                  <View style={styles.iconBubble} />\n               </View>\n            </TouchableOpacity>\n         </Animated.View>\n      </View>\n   );\n};\n\n/**\n * LinguChat - Main exported component\n * Wraps everything in LinguProvider for standalone state management\n */\nexport const LinguChat: React.FC<LinguChatProps> = ({\n   onBackPress,\n   showBackButton,\n   autoOpen,\n   position,\n   ...linguConfig\n}) => {\n   return (\n      <LinguProvider {...linguConfig} autoOpen={autoOpen}>\n         <LinguChatInner\n            onBackPress={onBackPress}\n            showBackButton={showBackButton}\n            autoOpen={autoOpen}\n            position={position}\n         />\n      </LinguProvider>\n   );\n};\n\nconst styles = StyleSheet.create({\n   fullScreenOverlay: {\n      position: 'absolute',\n      top: 0,\n      left: 0,\n      right: 0,\n      bottom: 0,\n      zIndex: 10000,\n   },\n   fullPageContainer: {\n      flex: 1,\n   },\n   header: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      justifyContent: 'space-between',\n   },\n   backButton: {\n      width: 40,\n      height: 40,\n      justifyContent: 'center',\n      alignItems: 'center',\n   },\n   backButtonText: {\n      fontSize: 28,\n      color: '#fff',\n      fontWeight: '600',\n   },\n   headerTitle: {\n      color: '#fff',\n      flex: 1,\n      textAlign: 'center',\n   },\n   headerSpacer: {\n      width: 40,\n   },\n   fabContainer: {\n      zIndex: 9999,\n   },\n   fab: {\n      justifyContent: 'center',\n      alignItems: 'center',\n   },\n   badge: {\n      position: 'absolute',\n      top: 8,\n      right: 8,\n      width: 12,\n      height: 12,\n      borderRadius: 6,\n      borderWidth: 2,\n      borderColor: '#fff',\n   },\n   icon: {\n      width: 30,\n      height: 30,\n      justifyContent: 'center',\n      alignItems: 'center',\n   },\n   iconBubble: {\n      width: 24,\n      height: 20,\n      backgroundColor: '#fff',\n      borderRadius: 12,\n   },\n});\n"],"mappings":"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","ignoreList":[]}