react-native-srschat 0.1.1 → 0.1.2

package/dist/commonjs/index.js

@@ -0,0 +1,163 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Chat = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const defaultTheme = {
+  primaryColor: '#007AFF',
+  backgroundColor: '#FFFFFF',
+  textColor: '#000000'
+};
+const Chat = ({
+  onSendMessage,
+  theme = defaultTheme
+}) => {
+  const [message, setMessage] = _react.default.useState('');
+  const [messages, setMessages] = _react.default.useState([]);
+  const handleSend = async () => {
+    if (!message.trim()) {
+      return;
+    }
+    setMessages(prev => [...prev, {
+      text: message,
+      fromUser: true
+    }]);
+    setMessage('');
+    const response = await onSendMessage(message);
+    setMessages(prev => [...prev, {
+      text: response,
+      fromUser: false
+    }]);
+  };
+  const containerStyle = [styles.container, {
+    backgroundColor: theme.backgroundColor
+  }];
+  const getMessageStyle = fromUser => [styles.messageBubble, fromUser ? styles.userMessage : styles.botMessage, {
+    backgroundColor: fromUser ? theme.primaryColor : '#E8E8E8'
+  }];
+  const getTextStyle = fromUser => [styles.messageText, {
+    color: fromUser ? '#fff' : theme.textColor
+  }];
+  return /*#__PURE__*/_react.default.createElement(_reactNative.SafeAreaView, {
+    style: containerStyle,
+    testID: "chat-container"
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.KeyboardAvoidingView, {
+    behavior: _reactNative.Platform.OS === 'ios' ? 'padding' : 'height',
+    style: styles.content
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.ScrollView, {
+    style: styles.messagesContainer
+  }, messages.map((msg, i) => /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    key: i,
+    style: getMessageStyle(msg.fromUser)
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: getTextStyle(msg.fromUser)
+  }, msg.text)))), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.inputContainer
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.TextInput, {
+    style: [styles.input, {
+      color: theme.textColor
+    }],
+    value: message,
+    onChangeText: setMessage,
+    placeholder: "Type a message...",
+    placeholderTextColor: "#999"
+  }), /*#__PURE__*/_react.default.createElement(_reactNative.Button, {
+    title: "Send",
+    onPress: handleSend,
+    color: theme.primaryColor
+  }))));
+};
+exports.Chat = Chat;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: '#FFFFFF'
+  },
+  content: {
+    flex: 1,
+    backgroundColor: '#F8F9FA'
+  },
+  messagesContainer: {
+    flex: 1,
+    padding: 20,
+    paddingTop: 30
+  },
+  messageBubble: {
+    maxWidth: '85%',
+    padding: 16,
+    borderRadius: 20,
+    marginBottom: 16,
+    backgroundColor: '#FFFFFF',
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 2
+    },
+    shadowOpacity: 0.05,
+    shadowRadius: 8,
+    elevation: 3
+  },
+  userMessage: {
+    alignSelf: 'flex-end',
+    backgroundColor: '#FFFFFF',
+    borderWidth: 1,
+    borderColor: 'rgba(0, 0, 0, 0.04)'
+  },
+  botMessage: {
+    alignSelf: 'flex-start',
+    backgroundColor: '#FFFFFF',
+    borderWidth: 1,
+    borderColor: 'rgba(0, 0, 0, 0.04)'
+  },
+  messageText: {
+    fontSize: 15,
+    lineHeight: 22,
+    fontWeight: '400',
+    color: '#2C2C2E',
+    letterSpacing: 0.2
+  },
+  inputContainer: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    paddingHorizontal: 16,
+    paddingVertical: 12,
+    backgroundColor: '#FFFFFF',
+    borderTopWidth: 1,
+    borderTopColor: 'rgba(0, 0, 0, 0.06)',
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: -8
+    },
+    shadowOpacity: 0.04,
+    shadowRadius: 12,
+    elevation: 8,
+    marginTop: 'auto'
+  },
+  input: {
+    flex: 1,
+    backgroundColor: '#F8F9FA',
+    borderRadius: 16,
+    borderWidth: 1,
+    borderColor: 'rgba(0, 0, 0, 0.06)',
+    paddingHorizontal: 20,
+    paddingVertical: 12,
+    marginRight: 12,
+    fontSize: 15,
+    maxHeight: 120,
+    color: '#2C2C2E',
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 1
+    },
+    shadowOpacity: 0.04,
+    shadowRadius: 4,
+    elevation: 2
+  }
+});
+//# sourceMappingURL=index.js.map

package/dist/commonjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","e","__esModule","default","defaultTheme","primaryColor","backgroundColor","textColor","Chat","onSendMessage","theme","message","setMessage","React","useState","messages","setMessages","handleSend","trim","prev","text","fromUser","response","containerStyle","styles","container","getMessageStyle","messageBubble","userMessage","botMessage","getTextStyle","messageText","color","createElement","SafeAreaView","style","testID","KeyboardAvoidingView","behavior","Platform","OS","content","ScrollView","messagesContainer","map","msg","i","View","key","Text","inputContainer","TextInput","input","value","onChangeText","placeholder","placeholderTextColor","Button","title","onPress","exports","StyleSheet","create","flex","padding","paddingTop","maxWidth","borderRadius","marginBottom","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","alignSelf","borderWidth","borderColor","fontSize","lineHeight","fontWeight","letterSpacing","flexDirection","alignItems","paddingHorizontal","paddingVertical","borderTopWidth","borderTopColor","marginTop","marginRight","maxHeight"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":"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","ignoreList":[]}

package/dist/module/index.js

@@ -0,0 +1,155 @@
+import React from 'react';
+import { SafeAreaView, Text, StyleSheet, View, TextInput, ScrollView, KeyboardAvoidingView, Platform, Button } from 'react-native';
+const defaultTheme = {
+  primaryColor: '#007AFF',
+  backgroundColor: '#FFFFFF',
+  textColor: '#000000'
+};
+export const Chat = ({
+  onSendMessage,
+  theme = defaultTheme
+}) => {
+  const [message, setMessage] = React.useState('');
+  const [messages, setMessages] = React.useState([]);
+  const handleSend = async () => {
+    if (!message.trim()) {
+      return;
+    }
+    setMessages(prev => [...prev, {
+      text: message,
+      fromUser: true
+    }]);
+    setMessage('');
+    const response = await onSendMessage(message);
+    setMessages(prev => [...prev, {
+      text: response,
+      fromUser: false
+    }]);
+  };
+  const containerStyle = [styles.container, {
+    backgroundColor: theme.backgroundColor
+  }];
+  const getMessageStyle = fromUser => [styles.messageBubble, fromUser ? styles.userMessage : styles.botMessage, {
+    backgroundColor: fromUser ? theme.primaryColor : '#E8E8E8'
+  }];
+  const getTextStyle = fromUser => [styles.messageText, {
+    color: fromUser ? '#fff' : theme.textColor
+  }];
+  return /*#__PURE__*/React.createElement(SafeAreaView, {
+    style: containerStyle,
+    testID: "chat-container"
+  }, /*#__PURE__*/React.createElement(KeyboardAvoidingView, {
+    behavior: Platform.OS === 'ios' ? 'padding' : 'height',
+    style: styles.content
+  }, /*#__PURE__*/React.createElement(ScrollView, {
+    style: styles.messagesContainer
+  }, messages.map((msg, i) => /*#__PURE__*/React.createElement(View, {
+    key: i,
+    style: getMessageStyle(msg.fromUser)
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: getTextStyle(msg.fromUser)
+  }, msg.text)))), /*#__PURE__*/React.createElement(View, {
+    style: styles.inputContainer
+  }, /*#__PURE__*/React.createElement(TextInput, {
+    style: [styles.input, {
+      color: theme.textColor
+    }],
+    value: message,
+    onChangeText: setMessage,
+    placeholder: "Type a message...",
+    placeholderTextColor: "#999"
+  }), /*#__PURE__*/React.createElement(Button, {
+    title: "Send",
+    onPress: handleSend,
+    color: theme.primaryColor
+  }))));
+};
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: '#FFFFFF'
+  },
+  content: {
+    flex: 1,
+    backgroundColor: '#F8F9FA'
+  },
+  messagesContainer: {
+    flex: 1,
+    padding: 20,
+    paddingTop: 30
+  },
+  messageBubble: {
+    maxWidth: '85%',
+    padding: 16,
+    borderRadius: 20,
+    marginBottom: 16,
+    backgroundColor: '#FFFFFF',
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 2
+    },
+    shadowOpacity: 0.05,
+    shadowRadius: 8,
+    elevation: 3
+  },
+  userMessage: {
+    alignSelf: 'flex-end',
+    backgroundColor: '#FFFFFF',
+    borderWidth: 1,
+    borderColor: 'rgba(0, 0, 0, 0.04)'
+  },
+  botMessage: {
+    alignSelf: 'flex-start',
+    backgroundColor: '#FFFFFF',
+    borderWidth: 1,
+    borderColor: 'rgba(0, 0, 0, 0.04)'
+  },
+  messageText: {
+    fontSize: 15,
+    lineHeight: 22,
+    fontWeight: '400',
+    color: '#2C2C2E',
+    letterSpacing: 0.2
+  },
+  inputContainer: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    paddingHorizontal: 16,
+    paddingVertical: 12,
+    backgroundColor: '#FFFFFF',
+    borderTopWidth: 1,
+    borderTopColor: 'rgba(0, 0, 0, 0.06)',
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: -8
+    },
+    shadowOpacity: 0.04,
+    shadowRadius: 12,
+    elevation: 8,
+    marginTop: 'auto'
+  },
+  input: {
+    flex: 1,
+    backgroundColor: '#F8F9FA',
+    borderRadius: 16,
+    borderWidth: 1,
+    borderColor: 'rgba(0, 0, 0, 0.06)',
+    paddingHorizontal: 20,
+    paddingVertical: 12,
+    marginRight: 12,
+    fontSize: 15,
+    maxHeight: 120,
+    color: '#2C2C2E',
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 1
+    },
+    shadowOpacity: 0.04,
+    shadowRadius: 4,
+    elevation: 2
+  }
+});
+//# sourceMappingURL=index.js.map

package/dist/module/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","SafeAreaView","Text","StyleSheet","View","TextInput","ScrollView","KeyboardAvoidingView","Platform","Button","defaultTheme","primaryColor","backgroundColor","textColor","Chat","onSendMessage","theme","message","setMessage","useState","messages","setMessages","handleSend","trim","prev","text","fromUser","response","containerStyle","styles","container","getMessageStyle","messageBubble","userMessage","botMessage","getTextStyle","messageText","color","createElement","style","testID","behavior","OS","content","messagesContainer","map","msg","i","key","inputContainer","input","value","onChangeText","placeholder","placeholderTextColor","title","onPress","create","flex","padding","paddingTop","maxWidth","borderRadius","marginBottom","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","alignSelf","borderWidth","borderColor","fontSize","lineHeight","fontWeight","letterSpacing","flexDirection","alignItems","paddingHorizontal","paddingVertical","borderTopWidth","borderTopColor","marginTop","marginRight","maxHeight"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":"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","ignoreList":[]}

package/dist/{index.d.ts → typescript/index.d.ts}

@@ -1,6 +1,6 @@
 import React from 'react';
 interface ChatProps {
-    onSendMessage?: (message: string) => Promise<string>;
+    onSendMessage: (message: string) => Promise<string>;
     placeholder?: string;
     theme?: {
         primaryColor?: string;
@@ -9,4 +9,5 @@ interface ChatProps {
     };
 }
 export declare const Chat: React.FC<ChatProps>;
-export default Chat;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/typescript/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B,UAAU,SAAS;IACjB,aAAa,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,CAAC,CAAC;IACpD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE;QACN,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;CACH;AAQD,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAwEpC,CAAC"}

package/package.json

@@ -1,17 +1,23 @@
 {
   "name": "react-native-srschat",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "description": "A modern, sophisticated chat interface for React Native",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
+  "module": "dist/index.js",
+  "source": "src/index.tsx",
+  "react-native": "src/index.tsx",
   "scripts": {
-    "build": "tsc",
-    "prepare": "npm run build",
-    "lint": "eslint .",
-    "prepublishOnly": "npm run lint && npm run build"
+    "build": "bob build",
+    "prepare": "bob build",
+    "lint": "eslint \"src/**/*.{ts,tsx}\" \"example/src/**/*.{ts,tsx}\" --fix",
+    "prepublishOnly": "yarn lint && yarn build",
+    "test": "jest --config jest.config.js",
+    "example": "yarn workspace react-native-srschat-example start"
   },
   "files": [
     "dist",
+    "src",
     "README.md",
     "LICENSE"
   ],
@@ -29,9 +35,15 @@
     "react-native": ">=0.60.0"
   },
   "devDependencies": {
+    "@babel/core": "^7.20.0",
+    "@babel/plugin-transform-runtime": "^7.22.15",
+    "@babel/preset-env": "^7.20.0",
+    "@babel/preset-react": "^7.20.0",
+    "@babel/preset-typescript": "^7.20.0",
     "@react-native/eslint-config": "^0.72.2",
-    "@types/react": "^18.0.0",
-    "@types/react-native": "^0.70.0",
+    "@types/jest": "^29.0.0",
+    "@types/react": "~18.2.45",
+    "@types/react-native": "~0.72.8",
     "@typescript-eslint/eslint-plugin": "^5.0.0",
     "@typescript-eslint/parser": "^5.0.0",
     "eslint": "^8.0.0",
@@ -39,9 +51,15 @@
     "eslint-plugin-prettier": "^5.2.3",
     "eslint-plugin-react": "^7.0.0",
     "eslint-plugin-react-native": "^4.0.0",
+    "jest": "^29.0.0",
+    "jest-expo": "~50.0.0",
+    "metro-react-native-babel-preset": "^0.77.0",
     "prettier": "^3.4.2",
-    "react": "^18.2.0",
-    "typescript": "^4.9.0"
+    "react": "18.2.0",
+    "react-native": "0.73.6",
+    "react-native-builder-bob": "^0.20.0",
+    "ts-jest": "^29.0.0",
+    "typescript": "^5.1.3"
   },
   "repository": {
     "type": "git",
@@ -50,5 +68,26 @@
   "bugs": {
     "url": "https://github.com/alxkai/react-native-srschat/issues"
   },
-  "homepage": "https://github.com/alxkai/react-native-srschat#readme"
+  "homepage": "https://github.com/alxkai/react-native-srschat#readme",
+  "workspaces": [
+    "example"
+  ],
+  "dependencies": {
+    "@babel/runtime": "^7.20.0"
+  },
+  "react-native-builder-bob": {
+    "source": "src",
+    "output": "dist",
+    "targets": [
+      "commonjs",
+      "module",
+      [
+        "typescript",
+        {
+          "project": "tsconfig.build.json"
+        }
+      ]
+    ]
+  },
+  "packageManager": "yarn@1.22.22+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e"
 }

package/src/index.tsx

@@ -0,0 +1,191 @@
+import React from 'react';
+import {
+  SafeAreaView,
+  Text,
+  StyleSheet,
+  View,
+  TextInput,
+  ScrollView,
+  KeyboardAvoidingView,
+  Platform,
+  Button,
+} from 'react-native';
+
+interface ChatProps {
+  onSendMessage: (message: string) => Promise<string>;
+  placeholder?: string;
+  theme?: {
+    primaryColor?: string;
+    backgroundColor?: string;
+    textColor?: string;
+  };
+}
+
+const defaultTheme = {
+  primaryColor: '#007AFF',
+  backgroundColor: '#FFFFFF',
+  textColor: '#000000',
+};
+
+export const Chat: React.FC<ChatProps> = ({
+  onSendMessage,
+  theme = defaultTheme,
+}) => {
+  const [message, setMessage] = React.useState('');
+  const [messages, setMessages] = React.useState<Array<{text: string; fromUser: boolean}>>([]);
+
+  const handleSend = async () => {
+    if (!message.trim()) {
+      return;
+    }
+
+    setMessages((prev) => [...prev, { text: message, fromUser: true }]);
+    setMessage('');
+
+    const response = await onSendMessage(message);
+    setMessages((prev) => [...prev, { text: response, fromUser: false }]);
+  };
+
+  const containerStyle = [
+    styles.container,
+    {
+      backgroundColor: theme.backgroundColor,
+    },
+  ];
+
+  const getMessageStyle = (fromUser: boolean) => [
+    styles.messageBubble,
+    fromUser ? styles.userMessage : styles.botMessage,
+    { backgroundColor: fromUser ? theme.primaryColor : '#E8E8E8' },
+  ];
+
+  const getTextStyle = (fromUser: boolean) => [
+    styles.messageText,
+    { color: fromUser ? '#fff' : theme.textColor },
+  ];
+
+  return (
+    <SafeAreaView style={containerStyle} testID="chat-container">
+      <KeyboardAvoidingView
+        behavior={Platform.OS === 'ios' ? 'padding' : 'height'}
+        style={styles.content}
+      >
+        <ScrollView style={styles.messagesContainer}>
+          {messages.map((msg, i) => (
+            <View
+              key={i}
+              style={getMessageStyle(msg.fromUser)}
+            >
+              <Text style={getTextStyle(msg.fromUser)}>
+                {msg.text}
+              </Text>
+            </View>
+          ))}
+        </ScrollView>
+        <View style={styles.inputContainer}>
+          <TextInput
+            style={[styles.input, { color: theme.textColor }]}
+            value={message}
+            onChangeText={setMessage}
+            placeholder="Type a message..."
+            placeholderTextColor="#999"
+          />
+          <Button
+            title="Send"
+            onPress={handleSend}
+            color={theme.primaryColor}
+          />
+        </View>
+      </KeyboardAvoidingView>
+    </SafeAreaView>
+  );
+};
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: '#FFFFFF',
+  },
+  content: {
+    flex: 1,
+    backgroundColor: '#F8F9FA',
+  },
+  messagesContainer: {
+    flex: 1,
+    padding: 20,
+    paddingTop: 30,
+  },
+  messageBubble: {
+    maxWidth: '85%',
+    padding: 16,
+    borderRadius: 20,
+    marginBottom: 16,
+    backgroundColor: '#FFFFFF',
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 2,
+    },
+    shadowOpacity: 0.05,
+    shadowRadius: 8,
+    elevation: 3,
+  },
+  userMessage: {
+    alignSelf: 'flex-end',
+    backgroundColor: '#FFFFFF',
+    borderWidth: 1,
+    borderColor: 'rgba(0, 0, 0, 0.04)',
+  },
+  botMessage: {
+    alignSelf: 'flex-start',
+    backgroundColor: '#FFFFFF',
+    borderWidth: 1,
+    borderColor: 'rgba(0, 0, 0, 0.04)',
+  },
+  messageText: {
+    fontSize: 15,
+    lineHeight: 22,
+    fontWeight: '400',
+    color: '#2C2C2E',
+    letterSpacing: 0.2,
+  },
+  inputContainer: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    paddingHorizontal: 16,
+    paddingVertical: 12,
+    backgroundColor: '#FFFFFF',
+    borderTopWidth: 1,
+    borderTopColor: 'rgba(0, 0, 0, 0.06)',
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: -8,
+    },
+    shadowOpacity: 0.04,
+    shadowRadius: 12,
+    elevation: 8,
+    marginTop: 'auto',
+  },
+  input: {
+    flex: 1,
+    backgroundColor: '#F8F9FA',
+    borderRadius: 16,
+    borderWidth: 1,
+    borderColor: 'rgba(0, 0, 0, 0.06)',
+    paddingHorizontal: 20,
+    paddingVertical: 12,
+    marginRight: 12,
+    fontSize: 15,
+    maxHeight: 120,
+    color: '#2C2C2E',
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 1,
+    },
+    shadowOpacity: 0.04,
+    shadowRadius: 4,
+    elevation: 2,
+  },
+});

package/dist/index.js

@@ -1,243 +0,0 @@
-"use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Chat = void 0;
-var react_1 = __importDefault(require("react"));
-var react_native_1 = require("react-native");
-var defaultTheme = {
-    primaryColor: '#FF4500',
-    backgroundColor: '#FFFFFF',
-    textColor: '#000000',
-    secondaryBackgroundColor: 'rgba(0, 0, 0, 0.03)',
-};
-var getMessageTextColor = function (sender, theme) {
-    if (theme === void 0) { theme = defaultTheme; }
-    return (sender === 'user' ? '#fff' : theme.textColor);
-};
-var Chat = function (_a) {
-    var onSendMessage = _a.onSendMessage, _b = _a.theme, theme = _b === void 0 ? defaultTheme : _b;
-    var _c = react_1.default.useState([]), messages = _c[0], setMessages = _c[1];
-    var _d = react_1.default.useState(''), inputText = _d[0], setInputText = _d[1];
-    var handleSend = function () { return __awaiter(void 0, void 0, void 0, function () {
-        var userMessage_1, response, botMessage_1, error_1;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    if (!inputText.trim()) return [3 /*break*/, 4];
-                    userMessage_1 = {
-                        id: Date.now().toString(),
-                        text: inputText.trim(),
-                        sender: 'user',
-                    };
-                    setInputText('');
-                    setMessages(function (prev) { return __spreadArray(__spreadArray([], prev, true), [userMessage_1], false); });
-                    if (!onSendMessage) return [3 /*break*/, 4];
-                    _a.label = 1;
-                case 1:
-                    _a.trys.push([1, 3, , 4]);
-                    return [4 /*yield*/, onSendMessage(userMessage_1.text)];
-                case 2:
-                    response = _a.sent();
-                    botMessage_1 = {
-                        id: (Date.now() + 1).toString(),
-                        text: response,
-                        sender: 'bot',
-                    };
-                    setMessages(function (prev) { return __spreadArray(__spreadArray([], prev, true), [botMessage_1], false); });
-                    return [3 /*break*/, 4];
-                case 3:
-                    error_1 = _a.sent();
-                    console.error('Error sending message:', error_1);
-                    return [3 /*break*/, 4];
-                case 4: return [2 /*return*/];
-            }
-        });
-    }); };
-    var containerStyle = [
-        styles.container,
-        {
-            backgroundColor: theme.backgroundColor,
-        },
-    ];
-    return (react_1.default.createElement(react_native_1.SafeAreaView, { style: containerStyle },
-        react_1.default.createElement(react_native_1.KeyboardAvoidingView, { behavior: react_native_1.Platform.OS === 'ios' ? 'padding' : 'height', style: styles.content },
-            react_1.default.createElement(react_native_1.ScrollView, { style: styles.messagesContainer }, messages.map(function (message) { return (react_1.default.createElement(react_native_1.View, { key: message.id, style: [
-                    styles.messageBubble,
-                    message.sender === 'user'
-                        ? [
-                            styles.userMessage,
-                            {
-                                backgroundColor: theme.primaryColor,
-                            },
-                        ]
-                        : styles.botMessage,
-                ] },
-                react_1.default.createElement(react_native_1.Text, { style: [
-                        styles.messageText,
-                        {
-                            color: getMessageTextColor(message.sender, theme),
-                        },
-                    ] }, message.text))); })),
-            react_1.default.createElement(react_native_1.View, { style: styles.inputContainer },
-                react_1.default.createElement(react_native_1.TextInput, { style: [styles.input], value: inputText, onChangeText: setInputText, placeholder: "Message...", placeholderTextColor: "rgba(0, 0, 0, 0.35)", multiline: true }),
-                react_1.default.createElement(react_native_1.TouchableOpacity, { style: styles.sendButton, onPress: handleSend },
-                    react_1.default.createElement(react_native_1.Text, { style: styles.sendButtonText }, "\u2192"))))));
-};
-exports.Chat = Chat;
-var styles = react_native_1.StyleSheet.create({
-    container: {
-        flex: 1,
-        backgroundColor: '#FFFFFF',
-    },
-    content: {
-        flex: 1,
-        backgroundColor: '#F8F9FA',
-    },
-    messagesContainer: {
-        flex: 1,
-        padding: 20,
-        paddingTop: 30,
-    },
-    messageBubble: {
-        maxWidth: '85%',
-        padding: 16,
-        borderRadius: 20,
-        marginBottom: 16,
-        backgroundColor: '#FFFFFF',
-        shadowColor: '#000',
-        shadowOffset: {
-            width: 0,
-            height: 2,
-        },
-        shadowOpacity: 0.05,
-        shadowRadius: 8,
-        elevation: 3,
-    },
-    userMessage: {
-        alignSelf: 'flex-end',
-        backgroundColor: '#FFFFFF',
-        borderWidth: 1,
-        borderColor: 'rgba(0, 0, 0, 0.04)',
-    },
-    botMessage: {
-        alignSelf: 'flex-start',
-        backgroundColor: '#FFFFFF',
-        borderWidth: 1,
-        borderColor: 'rgba(0, 0, 0, 0.04)',
-    },
-    messageText: {
-        fontSize: 15,
-        lineHeight: 22,
-        fontWeight: '400',
-        color: '#2C2C2E',
-        letterSpacing: 0.2,
-    },
-    inputContainer: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        paddingHorizontal: 16,
-        paddingVertical: 12,
-        backgroundColor: '#FFFFFF',
-        borderTopWidth: 1,
-        borderTopColor: 'rgba(0, 0, 0, 0.06)',
-        shadowColor: '#000',
-        shadowOffset: {
-            width: 0,
-            height: -8,
-        },
-        shadowOpacity: 0.04,
-        shadowRadius: 12,
-        elevation: 8,
-        marginTop: 'auto',
-    },
-    input: {
-        flex: 1,
-        backgroundColor: '#F8F9FA',
-        borderRadius: 16,
-        borderWidth: 1,
-        borderColor: 'rgba(0, 0, 0, 0.06)',
-        paddingHorizontal: 20,
-        paddingVertical: 12,
-        marginRight: 12,
-        fontSize: 15,
-        maxHeight: 120,
-        color: '#2C2C2E',
-        shadowColor: '#000',
-        shadowOffset: {
-            width: 0,
-            height: 1,
-        },
-        shadowOpacity: 0.04,
-        shadowRadius: 4,
-        elevation: 2,
-    },
-    sendButton: {
-        width: 44,
-        height: 44,
-        borderRadius: 22,
-        justifyContent: 'center',
-        alignItems: 'center',
-        backgroundColor: '#007AFF',
-        shadowColor: '#000',
-        shadowOffset: {
-            width: 0,
-            height: 2,
-        },
-        shadowOpacity: 0.1,
-        shadowRadius: 4,
-        elevation: 3,
-    },
-    sendButtonText: {
-        color: '#FFFFFF',
-        fontSize: 15,
-        fontWeight: '600',
-    },
-});
-exports.default = exports.Chat;