react-native-srschat 0.1.5 → 0.1.8

package/lib/module/layout/chatWindow.js

@@ -0,0 +1,199 @@
+import React, { useState, useCallback, useContext } from 'react';
+import { SafeAreaView, Text, StyleSheet, View, TextInput, ScrollView, KeyboardAvoidingView, Platform, TouchableOpacity, RefreshControl } from 'react-native';
+import { Ionicons as Icon } from '@expo/vector-icons';
+import { Header } from '../components/header';
+import { AppContext } from '../contexts/AppContext';
+import { Testing } from '../components/testing';
+const theme = {
+  primaryColor: '#003764',
+  backgroundColor: '#f6f6f6',
+  textColor: '#000000',
+  inputBackgroundColor: '#f6f6f6'
+};
+export const ChatWindow = ({
+  onProductCardClick,
+  onAddToCartClick
+}) => {
+  const {
+    handleSend,
+    messages,
+    setMessages,
+    onSendMessage,
+    input,
+    setInput
+  } = useContext(AppContext);
+  const [refreshing, setRefreshing] = useState(false);
+  const onRefresh = useCallback(async () => {
+    setRefreshing(true);
+    try {
+      const response = await onSendMessage("Hi, I'm refreshing the chat!");
+      setMessages(prev => [...prev, {
+        text: response,
+        isUser: false
+      }]);
+    } catch (error) {
+      console.error('Error refreshing chat:', error);
+    } finally {
+      setRefreshing(false);
+    }
+  }, []);
+  const getMessageStyle = type => [styles.messageBubble, type === "user" ? styles.userMessage : styles.aiMessage, {
+    backgroundColor: type === "user" ? theme.primaryColor : '#E8E8E8'
+  }];
+  const getTextStyle = type => [styles.messageText, {
+    color: type === "user" ? '#fff' : theme.textColor
+  }];
+  return /*#__PURE__*/React.createElement(SafeAreaView, {
+    style: [styles.container, {
+      backgroundColor: theme.backgroundColor
+    }]
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.chatWindow
+  }, /*#__PURE__*/React.createElement(Header, null), /*#__PURE__*/React.createElement(KeyboardAvoidingView, {
+    behavior: Platform.OS === 'ios' ? 'padding' : 'height',
+    style: styles.content,
+    keyboardVerticalOffset: Platform.OS === 'ios' ? 60 : 0
+  }, /*#__PURE__*/React.createElement(ScrollView, {
+    style: styles.messagesContainer,
+    contentContainerStyle: styles.messagesContent,
+    refreshControl: /*#__PURE__*/React.createElement(RefreshControl, {
+      refreshing: refreshing,
+      onRefresh: onRefresh,
+      tintColor: theme.primaryColor,
+      colors: [theme.primaryColor],
+      progressBackgroundColor: "#ffffff"
+    })
+  }, messages.map((msg, i) => /*#__PURE__*/React.createElement(View, {
+    key: i,
+    style: styles.messageWrapper
+  }, /*#__PURE__*/React.createElement(View, {
+    style: [getMessageStyle(msg.type), styles.messageShadow]
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: getTextStyle(msg.type)
+  }, msg.text))))), /*#__PURE__*/React.createElement(Testing, {
+    onProductCardClick: onProductCardClick,
+    onAddToCartClick: onAddToCartClick
+  }), /*#__PURE__*/React.createElement(View, {
+    style: styles.inputWrapper
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.inputContainer
+  }, /*#__PURE__*/React.createElement(TextInput, {
+    style: styles.input,
+    value: input,
+    onChangeText: setInput,
+    placeholder: "Ask a question...",
+    placeholderTextColor: "#999",
+    multiline: true
+  }), /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: styles.inputButton
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: "mic-outline",
+    size: 24,
+    color: "#8E8E93"
+  })), /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: [styles.sendButton, !input.trim() && styles.disabledButton],
+    onPress: handleSend,
+    disabled: !input.trim()
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: "paper-plane-outline",
+    size: 24,
+    color: input.trim() ? theme.primaryColor : '#8E8E93'
+  })))))));
+};
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: '#FFFFFF'
+  },
+  chatWindow: {
+    zIndex: 1,
+    flex: 1,
+    marginTop: 40,
+    borderTopWidth: 1,
+    borderTopColor: '#DDD',
+    borderTopLeftRadius: 16,
+    borderTopRightRadius: 16,
+    overflow: 'hidden',
+    backgroundColor: theme.backgroundColor
+  },
+  content: {
+    flex: 1
+  },
+  messagesContainer: {
+    flex: 1
+  },
+  messagesContent: {
+    padding: 16,
+    paddingBottom: 32
+  },
+  messageWrapper: {
+    marginBottom: 16
+  },
+  messageBubble: {
+    maxWidth: '90%',
+    padding: 12,
+    paddingHorizontal: 16,
+    borderRadius: 20
+  },
+  messageShadow: {
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 1
+    },
+    shadowOpacity: 0.08,
+    shadowRadius: 2,
+    elevation: 2
+  },
+  userMessage: {
+    alignSelf: 'flex-end',
+    backgroundColor: theme.primaryColor
+  },
+  aiMessage: {
+    alignSelf: 'flex-start',
+    backgroundColor: '#F2F2F7'
+  },
+  messageText: {
+    fontSize: 16,
+    lineHeight: 22
+  },
+  inputWrapper: {
+    backgroundColor: '#f6f6f6',
+    paddingHorizontal: 8,
+    paddingVertical: 8,
+    borderTopWidth: 1,
+    borderTopColor: 'rgba(0, 0, 0, 0.1)'
+  },
+  inputContainer: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    paddingHorizontal: 8,
+    paddingVertical: 8,
+    backgroundColor: '#FFFFFF',
+    borderRadius: 16,
+    margin: 8,
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 2
+    },
+    shadowOpacity: 0.1,
+    shadowRadius: 4,
+    elevation: 3
+  },
+  input: {
+    flex: 1,
+    fontSize: 16,
+    paddingVertical: 8,
+    paddingHorizontal: 12,
+    color: '#000000'
+  },
+  sendButton: {
+    padding: 6,
+    marginLeft: 'auto'
+  },
+  disabledButton: {
+    opacity: 0.7
+  }
+});
+//# sourceMappingURL=chatWindow.js.map

package/lib/module/layout/chatWindow.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","useCallback","useContext","SafeAreaView","Text","StyleSheet","View","TextInput","ScrollView","KeyboardAvoidingView","Platform","TouchableOpacity","RefreshControl","Ionicons","Icon","Header","AppContext","Testing","theme","primaryColor","backgroundColor","textColor","inputBackgroundColor","ChatWindow","onProductCardClick","onAddToCartClick","handleSend","messages","setMessages","onSendMessage","input","setInput","refreshing","setRefreshing","onRefresh","response","prev","text","isUser","error","console","getMessageStyle","type","styles","messageBubble","userMessage","aiMessage","getTextStyle","messageText","color","createElement","style","container","chatWindow","behavior","OS","content","keyboardVerticalOffset","messagesContainer","contentContainerStyle","messagesContent","refreshControl","tintColor","colors","progressBackgroundColor","map","msg","i","key","messageWrapper","messageShadow","inputWrapper","inputContainer","value","onChangeText","placeholder","placeholderTextColor","multiline","inputButton","name","size","sendButton","trim","disabledButton","onPress","disabled","create","flex","zIndex","marginTop","borderTopWidth","borderTopColor","borderTopLeftRadius","borderTopRightRadius","overflow","padding","paddingBottom","marginBottom","maxWidth","paddingHorizontal","borderRadius","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","alignSelf","fontSize","lineHeight","paddingVertical","flexDirection","alignItems","margin","marginLeft","opacity"],"sourceRoot":"../../../src","sources":["layout/chatWindow.js"],"mappings":"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","ignoreList":[]}

package/lib/module/layout/layout.js

@@ -0,0 +1,26 @@
+import React, { useState, useCallback, useContext } from 'react';
+import { SafeAreaView, Text, StyleSheet, View, TextInput, ScrollView, KeyboardAvoidingView, Platform, TouchableOpacity, RefreshControl } from 'react-native';
+import { Ionicons as Icon } from '@expo/vector-icons';
+import { ChatWindow } from './chatWindow';
+import { AppContext } from '../contexts/AppContext';
+import { ChatIcon } from './chatIcon';
+export const Layout = ({
+  onProductCardClick,
+  onAddToCartClick
+}) => {
+  const {
+    showModal
+  } = useContext(AppContext);
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.container
+  }, showModal === "Icon" ? /*#__PURE__*/React.createElement(ChatIcon, null) : /*#__PURE__*/React.createElement(ChatWindow, {
+    onProductCardClick: onProductCardClick,
+    onAddToCartClick: onAddToCartClick
+  }));
+};
+const styles = StyleSheet.create({
+  container: {
+    flex: 1
+  }
+});
+//# sourceMappingURL=layout.js.map

package/lib/module/layout/layout.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","useCallback","useContext","SafeAreaView","Text","StyleSheet","View","TextInput","ScrollView","KeyboardAvoidingView","Platform","TouchableOpacity","RefreshControl","Ionicons","Icon","ChatWindow","AppContext","ChatIcon","Layout","onProductCardClick","onAddToCartClick","showModal","createElement","style","styles","container","create","flex"],"sourceRoot":"../../../src","sources":["layout/layout.js"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,WAAW,EAAEC,UAAU,QAAQ,OAAO;AAChE,SAASC,YAAY,EAAEC,IAAI,EAAEC,UAAU,EAAEC,IAAI,EAAEC,SAAS,EAAEC,UAAU,EAAEC,oBAAoB,EACxFC,QAAQ,EAAEC,gBAAgB,EAAEC,cAAc,QAAS,cAAc;AACnE,SAASC,QAAQ,IAAIC,IAAI,QAAQ,oBAAoB;AACrD,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,UAAU,QAAQ,wBAAwB;AACnD,SAASC,QAAQ,QAAQ,YAAY;AAErC,OAAO,MAAMC,MAAM,GAAGA,CAAC;EAAEC,kBAAkB;EAAEC;AAAiB,CAAC,KAAK;EAChE,MAAM;IAAEC;EAAU,CAAC,GAAGnB,UAAU,CAACc,UAAU,CAAC;EAE5C,oBACEjB,KAAA,CAAAuB,aAAA,CAAChB,IAAI;IAACiB,KAAK,EAAEC,MAAM,CAACC;EAAU,GAC3BJ,SAAS,KAAK,MAAM,gBAAGtB,KAAA,CAAAuB,aAAA,CAACL,QAAQ,MAAE,CAAC,gBAAGlB,KAAA,CAAAuB,aAAA,CAACP,UAAU;IAACI,kBAAkB,EAAEA,kBAAmB;IAACC,gBAAgB,EAAEA;EAAiB,CAAC,CAC3H,CAAC;AAEb,CAAC;AAED,MAAMI,MAAM,GAAGnB,UAAU,CAACqB,MAAM,CAAC;EAC7BD,SAAS,EAAE;IACTE,IAAI,EAAE;EACR;AACJ,CAAC,CAAC","ignoreList":[]}

package/lib/typescript/components/header.d.ts

@@ -0,0 +1,3 @@
+export function Header(): React.JSX.Element;
+import React from 'react';
+//# sourceMappingURL=header.d.ts.map

package/lib/typescript/components/header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"header.d.ts","sourceRoot":"","sources":["../../../src/components/header.js"],"names":[],"mappings":"AAKO,4CA+BN;kBApCiC,OAAO"}

package/lib/typescript/components/testing.d.ts

@@ -0,0 +1,6 @@
+export function Testing({ onProductCardClick, onAddToCartClick }: {
+    onProductCardClick: any;
+    onAddToCartClick: any;
+}): React.JSX.Element;
+import React from 'react';
+//# sourceMappingURL=testing.d.ts.map

package/lib/typescript/components/testing.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"testing.d.ts","sourceRoot":"","sources":["../../../src/components/testing.js"],"names":[],"mappings":"AAGO;;;sBAgCN;kBAnCiB,OAAO"}

package/lib/typescript/contexts/AppContext.d.ts

@@ -0,0 +1,6 @@
+export const AppContext: React.Context<any>;
+export function AppProvider({ children }: {
+    children: any;
+}): React.JSX.Element;
+import React from "react";
+//# sourceMappingURL=AppContext.d.ts.map

package/lib/typescript/contexts/AppContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppContext.d.ts","sourceRoot":"","sources":["../../../src/contexts/AppContext.js"],"names":[],"mappings":"AAEA,4CAA0C;AAEnC;;sBA8EN;kBAlFoE,OAAO"}

package/lib/typescript/hooks/Stream.d.ts

@@ -0,0 +1,2 @@
+export function useWebSocketMessage(): void;
+//# sourceMappingURL=Stream.d.ts.map

package/lib/typescript/hooks/Stream.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stream.d.ts","sourceRoot":"","sources":["../../../src/hooks/Stream.js"],"names":[],"mappings":"AAGA,4CAkMC"}

package/lib/typescript/index.d.ts

@@ -1,13 +1,7 @@
+export function Chat({ data, onProductCardClick, onAddToCartClick }: {
+    data: any;
+    onProductCardClick: any;
+    onAddToCartClick: any;
+}): React.JSX.Element;
 import React from 'react';
-interface ChatProps {
-    onSendMessage: (message: string) => Promise<string>;
-    placeholder?: string;
-    theme?: {
-        primaryColor?: string;
-        backgroundColor?: string;
-        textColor?: string;
-    };
-}
-export declare const Chat: React.FC<ChatProps>;
-export {};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +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,CA2EpC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.js"],"names":[],"mappings":"AAOO;;;;sBAON;kBAd4C,OAAO"}

package/lib/typescript/layout/chatIcon.d.ts

@@ -0,0 +1,3 @@
+export function ChatIcon(): React.JSX.Element;
+import React from 'react';
+//# sourceMappingURL=chatIcon.d.ts.map

package/lib/typescript/layout/chatIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chatIcon.d.ts","sourceRoot":"","sources":["../../../src/layout/chatIcon.js"],"names":[],"mappings":"AAKO,8CAUN;kBAfiC,OAAO"}

package/lib/typescript/layout/chatWindow.d.ts

@@ -0,0 +1,6 @@
+export function ChatWindow({ onProductCardClick, onAddToCartClick }: {
+    onProductCardClick: any;
+    onAddToCartClick: any;
+}): React.JSX.Element;
+import React from 'react';
+//# sourceMappingURL=chatWindow.d.ts.map

package/lib/typescript/layout/chatWindow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chatWindow.d.ts","sourceRoot":"","sources":["../../../src/layout/chatWindow.js"],"names":[],"mappings":"AAeO;;;sBA0FN;kBAzGwD,OAAO"}

package/lib/typescript/layout/layout.d.ts

@@ -0,0 +1,6 @@
+export function Layout({ onProductCardClick, onAddToCartClick }: {
+    onProductCardClick: any;
+    onAddToCartClick: any;
+}): React.JSX.Element;
+import React from 'react';
+//# sourceMappingURL=layout.d.ts.map

package/lib/typescript/layout/layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../../src/layout/layout.js"],"names":[],"mappings":"AAQO;;;sBAQN;kBAhBwD,OAAO"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-srschat",
-  "version": "0.1.5",
+  "version": "0.1.8",
   "private": false,
   "description": "A modern, sophisticated chat interface for React Native",
   "main": "lib/commonjs/index",
@@ -33,11 +33,12 @@
     "@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",
     "@react-native/babel-preset": "^0.73.18",
     "@react-native/codegen": "^0.73.3",
+    "@react-native/eslint-config": "^0.72.2",
     "@types/react": "^18.2.0",
     "@types/react-native": "~0.72.8",
+    "@types/react-native-vector-icons": "^6.4.18",
     "@typescript-eslint/eslint-plugin": "^5.0.0",
     "@typescript-eslint/parser": "^5.0.0",
     "eslint": "^8.0.0",
@@ -58,7 +59,8 @@
   },
   "homepage": "https://github.com/alxkai/react-native-srschat#readme",
   "dependencies": {
-    "@babel/runtime": "^7.20.0"
+    "@babel/runtime": "^7.20.0",
+    "@expo/vector-icons": "^14.0.4"
   },
   "react-native-builder-bob": {
     "source": "src",

package/src/components/header.js

@@ -0,0 +1,89 @@
+import React, { useContext } from 'react';
+import { View, Text, TouchableOpacity, StyleSheet, Image } from 'react-native';
+import { Ionicons as Icon } from '@expo/vector-icons';
+import { AppContext } from '../contexts/AppContext';
+
+export const Header = () => {
+  const { setShowModal } = useContext(AppContext);
+
+  return (
+    <View style={styles.header}>
+      {/* Logo on the left */}
+      <View style={styles.section}>
+        <Image source={require('../assets/heritage.png')} style={styles.logo} />
+      </View>
+
+      {/* Title in the center */}
+      <View style={[styles.section, styles.titleContainer]}>
+        <View style={styles.titleWrapper}>
+          <Text style={styles.title}>
+            Poseidon 
+          </Text>
+          <Text style={styles.betaText}><Icon style={styles.icon} name="sparkles-outline" size={10} color="#007AFF" />beta</Text>
+        </View>
+      </View>
+
+      {/* Close button on the right */}
+      <View style={styles.iconsSection}>
+        <TouchableOpacity onPress={() => setShowModal("Icon")}>
+          <Icon name="trash" size={24} color="gray" />
+        </TouchableOpacity>
+        <TouchableOpacity onPress={() => setShowModal("Icon")}>
+          <Icon name="chevron-down" size={24} color="gray" />
+        </TouchableOpacity>
+      </View>
+    </View>
+  );
+};
+
+const styles = StyleSheet.create({
+  header: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    backgroundColor: '#f6f6f6',
+    padding: 16,
+    borderBottomWidth: 1,
+    borderBottomColor: '#ddd',
+  },
+  section: {
+    flex: 1,
+    alignItems: 'center',
+  },
+  iconsSection: {
+    flex: 1,
+    display: 'flex',
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'flex-end'
+  },
+  logo: {
+    width: 100,
+    height: 40,
+    resizeMode: 'contain',
+  },
+  icon: {
+    paddingLeft: 2,
+    paddingRight: 2
+  },
+  titleContainer: {
+    flex: 2, // Slightly larger space for the title
+  },
+  titleWrapper: {
+    alignItems: 'center',
+    justifyContent: 'center',
+  },
+  title: {
+    fontSize: 20,
+    fontWeight: 'medium',
+    color: '#000',
+    textAlign: 'center',
+    flexDirection: 'row',
+  },
+  betaText: {
+    fontSize: 12,
+    color: 'gray',
+    position: 'absolute',
+    top: -10,
+    right: -35,
+  },
+});

package/src/components/testing.js

@@ -0,0 +1,47 @@
+import React from 'react';
+import { View, Button, StyleSheet } from 'react-native';
+
+export const Testing = ({ onProductCardClick, onAddToCartClick }) => {
+
+  const product = {
+    "part_number": "AEQO177",
+    "inventory_info": {
+      "default_uom": "EA",
+      "is_valid": true,
+      "info_by_uom": {
+        "EA": {
+          "gross_price": 7.83,
+          "net_price": 7.83,
+          "is_on_sale": false,
+          "quantity_available": 0,
+          "discounts": null
+        }
+      }
+    },
+    "product_details": {
+      "product_name": "Aladdin Hayward SPX1600S SuperPump Lid Gasket | O-177-2",
+      "part_number": "AEQO177",
+      "manufacturer_id": "O-177-2",
+      "heritage_link": "https://www.heritagepoolplus.com/aeqo177-aladdin-o-ring-o-177-o-177-2-o-177-2",
+      "image_url": "https://media.heritageplus.com/image/upload/v1668157956/image/AEQO177_0.jpg"
+    }
+  }
+
+  return (
+    <View style={styles.container}>
+      <Button title="Product Card Click" onPress={() => onProductCardClick(product)} />
+      <Button title="Add to Cart" onPress={() => onAddToCartClick(product)} />
+    </View>
+  );
+};
+
+const styles = StyleSheet.create({
+  container: {
+    flexDirection: 'row',
+    justifyContent: 'space-evenly',
+    marginVertical: 10,
+    paddingHorizontal: 16,
+    borderTopWidth: 1,
+    borderTopColor: '#DDD',
+  },
+});

package/src/contexts/AppContext.js

@@ -0,0 +1,83 @@
+import React, {createContext, useContext, useState, useEffect } from "react";
+
+export const AppContext = createContext();
+
+export const AppProvider = ({ children }) => {
+
+  const [showModal, setShowModal] = useState("Icon");
+
+  const [input, setInput] = useState('');
+  const [messages, setMessages] = useState([
+    {type: "ai", text: "Hi there 👋 I’m Poseidon, your Heritage Pool+ AI Agent. I can help you during your online visit with Product and Account information. How can I help you today?"},
+    {type: "user", text: "Do you carry Hayward super pumps?"},
+    {type: "ai", text: "Could you provide more details on the specific model or horsepower you are interested in for the Hayward Super Pump? We have various models with different features, such as variable speed settings and different horsepower ratings. Alternatively, I can offer you some recommendations right away to help you decide."},
+  ]);
+
+  const handleSend = async () => {
+    if (!input.trim()) return;
+
+    const userMessage = input;
+    setInput('');
+
+    // Add user message to the list
+    setMessages((prev) => [...prev, { type: "user", text: userMessage }]);
+
+    try {
+      // Add placeholder for AI message
+      setMessages((prev) => [...prev, { type: "ai", text: '' }]);
+
+      // Simulate response with streaming
+      const response = await onSendMessage(userMessage, (chunk) => {
+        setMessages((prev) => {
+          const newMessages = [...prev];
+          const lastMessage = newMessages[newMessages.length - 1];
+          if (lastMessage && lastMessage.type === "ai") {
+            lastMessage.text += chunk;
+          }
+          return newMessages;
+        });
+      });
+
+      // Finalize AI response
+      setMessages((prev) => {
+        const newMessages = [...prev];
+        const lastMessage = newMessages[newMessages.length - 1];
+        if (lastMessage && lastMessage.type === "ai" && lastMessage.text !== response) {
+          lastMessage.text = response;
+        }
+        return newMessages;
+      });
+    } catch (error) {
+      console.error('Error sending message:', error);
+    }
+  };
+
+  const onSendMessage = async (message, onStream) => {
+    try {
+      if (onStream) {
+        const words = `You said: ${message}`.split(' ');
+        for (const word of words) {
+          await new Promise((resolve) => setTimeout(resolve, 100));
+          onStream(word + ' ');
+        }
+        return `You said: ${message}`;
+      }
+
+      await new Promise((resolve) => setTimeout(resolve, 1000));
+      return `You said: ${message}`;
+    } catch (error) {
+      console.error('Error handling message:', error);
+      return 'Error processing message';
+    }
+  };
+
+
+  return (
+    <AppContext.Provider
+      value={{ showModal, setShowModal, messages, setMessages, handleSend, onSendMessage, input, setInput
+      }}
+    >
+      {children}
+    </AppContext.Provider>
+  );
+};