react-native-srschat 0.1.12 → 0.1.14

package/lib/module/index.js

@@ -1,5 +1,5 @@
-import React, { useState, useCallback } from 'react';
-import { SafeAreaView, Text, StyleSheet, View, TextInput, ScrollView, KeyboardAvoidingView, Platform, TouchableOpacity, RefreshControl } from 'react-native';
+import React from 'react';
+import { View, StyleSheet } from 'react-native';
 import { AppProvider } from './contexts/AppContext';
 import { Layout } from './layout/layout';
 export const Chat = ({
@@ -8,7 +8,8 @@ export const Chat = ({
   onAddToCartClick
 }) => {
   return /*#__PURE__*/React.createElement(AppProvider, null, /*#__PURE__*/React.createElement(View, {
-    style: styles.container
+    style: styles.container,
+    pointerEvents: "box-none"
   }, /*#__PURE__*/React.createElement(Layout, {
     onProductCardClick: onProductCardClick,
     onAddToCartClick: onAddToCartClick
@@ -16,10 +17,12 @@ export const Chat = ({
 };
 const styles = StyleSheet.create({
   container: {
+    flex: 1,
     position: 'absolute',
     top: 0,
     left: 0,
     right: 0,
+    bottom: 0,
     zIndex: 1000
   }
 });

package/lib/module/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useState","useCallback","SafeAreaView","Text","StyleSheet","View","TextInput","ScrollView","KeyboardAvoidingView","Platform","TouchableOpacity","RefreshControl","AppProvider","Layout","Chat","data","onProductCardClick","onAddToCartClick","createElement","style","styles","container","create","position","top","left","right","zIndex"],"sourceRoot":"../../src","sources":["index.js"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,WAAW,QAAQ,OAAO;AACpD,SAASC,YAAY,EAAEC,IAAI,EAAEC,UAAU,EAAEC,IAAI,EAAEC,SAAS,EAAEC,UAAU,EAAEC,oBAAoB,EACxFC,QAAQ,EAAEC,gBAAgB,EAAEC,cAAc,QAAS,cAAc;AACnE,SAASC,WAAW,QAAQ,uBAAuB;AACnD,SAASC,MAAM,QAAQ,iBAAiB;AAExC,OAAO,MAAMC,IAAI,GAAGA,CAAC;EAACC,IAAI;EAAEC,kBAAkB;EAAEC;AAAiB,CAAC,KAAK;EAErE,oBACElB,KAAA,CAAAmB,aAAA,CAACN,WAAW,qBACVb,KAAA,CAAAmB,aAAA,CAACb,IAAI;IAACc,KAAK,EAAEC,MAAM,CAACC;EAAU,gBAC9BtB,KAAA,CAAAmB,aAAA,CAACL,MAAM;IAACG,kBAAkB,EAAEA,kBAAmB;IAACC,gBAAgB,EAAEA;EAAiB,CAAC,CAC9E,CACK,CAAC;AAElB,CAAC;AAED,MAAMG,MAAM,GAAGhB,UAAU,CAACkB,MAAM,CAAC;EAC/BD,SAAS,EAAE;IACTE,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE;EACV;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","View","StyleSheet","AppProvider","Layout","Chat","data","onProductCardClick","onAddToCartClick","createElement","style","styles","container","pointerEvents","create","flex","position","top","left","right","bottom","zIndex"],"sourceRoot":"../../src","sources":["index.js"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAC/C,SAASC,WAAW,QAAQ,uBAAuB;AACnD,SAASC,MAAM,QAAQ,iBAAiB;AAExC,OAAO,MAAMC,IAAI,GAAGA,CAAC;EAAEC,IAAI;EAAEC,kBAAkB;EAAEC;AAAiB,CAAC,KAAK;EACtE,oBACER,KAAA,CAAAS,aAAA,CAACN,WAAW,qBACVH,KAAA,CAAAS,aAAA,CAACR,IAAI;IAACS,KAAK,EAAEC,MAAM,CAACC,SAAU;IAACC,aAAa,EAAC;EAAU,gBACrDb,KAAA,CAAAS,aAAA,CAACL,MAAM;IAACG,kBAAkB,EAAEA,kBAAmB;IAACC,gBAAgB,EAAEA;EAAiB,CAAE,CACjF,CACK,CAAC;AAElB,CAAC;AAED,MAAMG,MAAM,GAAGT,UAAU,CAACY,MAAM,CAAC;EAC/BF,SAAS,EAAE;IACTG,IAAI,EAAE,CAAC;IACPC,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE,CAAC;IACTC,MAAM,EAAE;EACV;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/layout/chatWindow.js

@@ -1,14 +1,15 @@
-import React, { useState, useCallback, useContext } from 'react';
-import { SafeAreaView, Text, StyleSheet, View, TextInput, ScrollView, KeyboardAvoidingView, Platform, TouchableOpacity, RefreshControl } from 'react-native';
+import React, { useState, useEffect, useContext, useRef } from 'react';
+import { Text, StyleSheet, View, TextInput, TouchableOpacity, Platform, KeyboardAvoidingView, Keyboard } from 'react-native';
 import { Header } from '../components/header';
 import { AppContext } from '../contexts/AppContext';
-import { Testing } from '../components/testing';
 import Ionicons from 'react-native-vector-icons/Ionicons';
+import { KeyboardAwareScrollView } from 'react-native-keyboard-aware-scroll-view';
+import { Testing } from '../components/testing';
 const theme = {
   primaryColor: '#003764',
   backgroundColor: '#f6f6f6',
   textColor: '#000000',
-  inputBackgroundColor: '#f6f6f6'
+  inputBackgroundColor: '#FFFFFF'
 };
 export const ChatWindow = ({
   onProductCardClick,
@@ -17,63 +18,55 @@ export const ChatWindow = ({
   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 scrollViewRef = useRef(null);
+  useEffect(() => {
+    if (scrollViewRef.current) {
+      setTimeout(() => {
+        scrollViewRef.current.scrollToEnd({
+          animated: false
+        });
+      }, 100);
     }
   }, []);
-  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,
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(Header, null), /*#__PURE__*/React.createElement(KeyboardAwareScrollView, {
+    ref: scrollViewRef,
     contentContainerStyle: styles.messagesContent,
-    refreshControl: /*#__PURE__*/React.createElement(RefreshControl, {
-      refreshing: refreshing,
-      onRefresh: onRefresh,
-      tintColor: theme.primaryColor,
-      colors: [theme.primaryColor],
-      progressBackgroundColor: "#ffffff"
-    })
+    enableOnAndroid: true,
+    contentInsetAdjustmentBehavior: "never",
+    automaticallyAdjustContentInsets: false,
+    contentInset: {
+      bottom: 0
+    },
+    keyboardShouldPersistTaps: "always",
+    showsVerticalScrollIndicator: false,
+    extraScrollHeight: 0,
+    onContentSizeChange: () => {
+      var _scrollViewRef$curren;
+      (_scrollViewRef$curren = scrollViewRef.current) === null || _scrollViewRef$curren === void 0 || _scrollViewRef$curren.scrollToEnd({
+        animated: true
+      });
+    }
   }, messages.map((msg, i) => /*#__PURE__*/React.createElement(View, {
     key: i,
     style: styles.messageWrapper
   }, /*#__PURE__*/React.createElement(View, {
-    style: [getMessageStyle(msg.type), styles.messageShadow]
+    style: [styles.messageBubble, msg.type === 'user' ? styles.userMessage : styles.aiMessage]
   }, /*#__PURE__*/React.createElement(Text, {
-    style: getTextStyle(msg.type)
+    style: [styles.messageText, {
+      color: msg.type === 'user' ? '#fff' : theme.textColor
+    }]
   }, msg.text))))), /*#__PURE__*/React.createElement(Testing, {
     onProductCardClick: onProductCardClick,
     onAddToCartClick: onAddToCartClick
-  }), /*#__PURE__*/React.createElement(View, {
+  }), /*#__PURE__*/React.createElement(KeyboardAvoidingView, {
+    behavior: Platform.OS === 'ios' ? 'padding' : undefined,
+    keyboardVerticalOffset: Platform.OS === 'ios' ? 80 : 60
+  }, /*#__PURE__*/React.createElement(View, {
     style: styles.inputWrapper
   }, /*#__PURE__*/React.createElement(View, {
     style: styles.inputContainer
@@ -98,52 +91,37 @@ export const ChatWindow = ({
     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,
+    backgroundColor: theme.backgroundColor,
+    position: 'absolute',
+    zIndex: 1000,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    top: 100,
+    pointerEvents: 'box-none',
     borderTopWidth: 1,
     borderTopColor: '#DDD',
     borderTopLeftRadius: 16,
     borderTopRightRadius: 16,
-    overflow: 'hidden',
-    backgroundColor: theme.backgroundColor
-  },
-  content: {
-    flex: 1
-  },
-  messagesContainer: {
-    flex: 1
+    overflow: 'hidden'
   },
   messagesContent: {
     padding: 16,
-    paddingBottom: 32
+    justifyContent: 'flex-end'
   },
   messageWrapper: {
-    marginBottom: 16
+    marginBottom: 0
   },
   messageBubble: {
     maxWidth: '90%',
     padding: 12,
     paddingHorizontal: 16,
-    borderRadius: 20
-  },
-  messageShadow: {
-    shadowColor: '#000',
-    shadowOffset: {
-      width: 0,
-      height: 1
-    },
-    shadowOpacity: 0.08,
-    shadowRadius: 2,
-    elevation: 2
+    borderRadius: 12
   },
   userMessage: {
     alignSelf: 'flex-end',
@@ -151,7 +129,8 @@ const styles = StyleSheet.create({
   },
   aiMessage: {
     alignSelf: 'flex-start',
-    backgroundColor: '#F2F2F7'
+    backgroundColor: '#FFFFFF',
+    width: '90%'
   },
   messageText: {
     fontSize: 16,
@@ -159,10 +138,11 @@ const styles = StyleSheet.create({
   },
   inputWrapper: {
     backgroundColor: '#f6f6f6',
-    paddingHorizontal: 8,
-    paddingVertical: 8,
+    paddingHorizontal: 6,
+    paddingVertical: 6,
     borderTopWidth: 1,
-    borderTopColor: 'rgba(0, 0, 0, 0.1)'
+    borderTopColor: 'rgba(0, 0, 0, 0.1)',
+    paddingBottom: 25
   },
   inputContainer: {
     flexDirection: 'row',
@@ -188,6 +168,9 @@ const styles = StyleSheet.create({
     paddingHorizontal: 12,
     color: '#000000'
   },
+  inputButton: {
+    padding: 6
+  },
   sendButton: {
     padding: 6,
     marginLeft: 'auto'
@@ -196,4 +179,11 @@ const styles = StyleSheet.create({
     opacity: 0.7
   }
 });
+
+/* 
+<Testing          
+  onProductCardClick={onProductCardClick} 
+  onAddToCartClick={onAddToCartClick} 
+/>
+  */
 //# sourceMappingURL=chatWindow.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","useState","useCallback","useContext","SafeAreaView","Text","StyleSheet","View","TextInput","ScrollView","KeyboardAvoidingView","Platform","TouchableOpacity","RefreshControl","Header","AppContext","Testing","Ionicons","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":[]}
+{"version":3,"names":["React","useState","useEffect","useContext","useRef","Text","StyleSheet","View","TextInput","TouchableOpacity","Platform","KeyboardAvoidingView","Keyboard","Header","AppContext","Ionicons","KeyboardAwareScrollView","Testing","theme","primaryColor","backgroundColor","textColor","inputBackgroundColor","ChatWindow","onProductCardClick","onAddToCartClick","handleSend","messages","input","setInput","scrollViewRef","current","setTimeout","scrollToEnd","animated","createElement","style","styles","container","ref","contentContainerStyle","messagesContent","enableOnAndroid","contentInsetAdjustmentBehavior","automaticallyAdjustContentInsets","contentInset","bottom","keyboardShouldPersistTaps","showsVerticalScrollIndicator","extraScrollHeight","onContentSizeChange","_scrollViewRef$curren","map","msg","i","key","messageWrapper","messageBubble","type","userMessage","aiMessage","messageText","color","text","behavior","OS","undefined","keyboardVerticalOffset","inputWrapper","inputContainer","value","onChangeText","placeholder","placeholderTextColor","multiline","inputButton","name","size","sendButton","trim","disabledButton","onPress","disabled","create","flex","position","zIndex","left","right","top","pointerEvents","borderTopWidth","borderTopColor","borderTopLeftRadius","borderTopRightRadius","overflow","padding","justifyContent","marginBottom","maxWidth","paddingHorizontal","borderRadius","alignSelf","width","fontSize","lineHeight","paddingVertical","paddingBottom","flexDirection","alignItems","margin","shadowColor","shadowOffset","height","shadowOpacity","shadowRadius","elevation","marginLeft","opacity"],"sourceRoot":"../../../src","sources":["layout/chatWindow.js"],"mappings":"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","ignoreList":[]}

package/lib/module/layout/layout.js

@@ -11,7 +11,8 @@ export const Layout = ({
     showModal
   } = useContext(AppContext);
   return /*#__PURE__*/React.createElement(View, {
-    style: styles.container
+    style: styles.container,
+    pointerEvents: "box-none"
   }, showModal === "Icon" ? /*#__PURE__*/React.createElement(ChatIcon, null) : /*#__PURE__*/React.createElement(ChatWindow, {
     onProductCardClick: onProductCardClick,
     onAddToCartClick: onAddToCartClick
@@ -19,7 +20,12 @@ export const Layout = ({
 };
 const styles = StyleSheet.create({
   container: {
-    flex: 1
+    flex: 1,
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0
   }
 });
 //# sourceMappingURL=layout.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","useState","useCallback","useContext","SafeAreaView","Text","StyleSheet","View","TextInput","ScrollView","KeyboardAvoidingView","Platform","TouchableOpacity","RefreshControl","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,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,GAAGjB,UAAU,CAACY,UAAU,CAAC;EAE5C,oBACEf,KAAA,CAAAqB,aAAA,CAACd,IAAI;IAACe,KAAK,EAAEC,MAAM,CAACC;EAAU,GAC3BJ,SAAS,KAAK,MAAM,gBAAGpB,KAAA,CAAAqB,aAAA,CAACL,QAAQ,MAAE,CAAC,gBAAGhB,KAAA,CAAAqB,aAAA,CAACP,UAAU;IAACI,kBAAkB,EAAEA,kBAAmB;IAACC,gBAAgB,EAAEA;EAAiB,CAAC,CAC3H,CAAC;AAEb,CAAC;AAED,MAAMI,MAAM,GAAGjB,UAAU,CAACmB,MAAM,CAAC;EAC7BD,SAAS,EAAE;IACTE,IAAI,EAAE;EACR;AACJ,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useState","useCallback","useContext","SafeAreaView","Text","StyleSheet","View","TextInput","ScrollView","KeyboardAvoidingView","Platform","TouchableOpacity","RefreshControl","ChatWindow","AppContext","ChatIcon","Layout","onProductCardClick","onAddToCartClick","showModal","createElement","style","styles","container","pointerEvents","create","flex","position","top","left","right","bottom"],"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,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,GAAGjB,UAAU,CAACY,UAAU,CAAC;EAE5C,oBACEf,KAAA,CAAAqB,aAAA,CAACd,IAAI;IAACe,KAAK,EAAEC,MAAM,CAACC,SAAU;IAACC,aAAa,EAAC;EAAU,GACpDL,SAAS,KAAK,MAAM,gBAAGpB,KAAA,CAAAqB,aAAA,CAACL,QAAQ,MAAE,CAAC,gBAAGhB,KAAA,CAAAqB,aAAA,CAACP,UAAU;IAACI,kBAAkB,EAAEA,kBAAmB;IAACC,gBAAgB,EAAEA;EAAiB,CAAC,CAC3H,CAAC;AAEb,CAAC;AAED,MAAMI,MAAM,GAAGjB,UAAU,CAACoB,MAAM,CAAC;EAC/BF,SAAS,EAAE;IACTG,IAAI,EAAE,CAAC;IACPC,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE;EACV;AACF,CAAC,CAAC","ignoreList":[]}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.js"],"names":[],"mappings":"AAMO;;;;sBASN;kBAf4C,OAAO"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.js"],"names":[],"mappings":"AAKO;;;;sBAQN;kBAbiB,OAAO"}

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-srschat",
-  "version": "0.1.12",
+  "version": "0.1.14",
   "private": false,
   "description": "A modern, sophisticated chat interface for React Native",
   "main": "lib/commonjs/index",
@@ -60,6 +60,7 @@
   "homepage": "https://github.com/alxkai/react-native-srschat#readme",
   "dependencies": {
     "@babel/runtime": "^7.20.0",
+    "react-native-keyboard-aware-scroll-view": "^0.9.5",
     "react-native-vector-icons": "^10.2.0"
   },
   "react-native-builder-bob": {

package/src/components/header.js

@@ -4,7 +4,7 @@ import { AppContext } from '../contexts/AppContext';
 import Ionicons from 'react-native-vector-icons/Ionicons';
 
 export const Header = () => {
-  const { setShowModal } = useContext(AppContext);
+  const { setShowModal, setMessages, defaultMessages } = useContext(AppContext);
 
   return (
     <View style={styles.header}>
@@ -25,7 +25,7 @@ export const Header = () => {
 
       {/* Close button on the right */}
       <View style={styles.iconsSection}>
-        <TouchableOpacity onPress={() => setShowModal("Icon")}>
+        <TouchableOpacity onPress={() => setMessages(defaultMessages)}>
           <Ionicons name="trash" size={24} color="gray" />
         </TouchableOpacity>
         <TouchableOpacity onPress={() => setShowModal("Icon")}>

package/src/contexts/AppContext.js

@@ -6,12 +6,14 @@ export const AppProvider = ({ children }) => {
 
   const [showModal, setShowModal] = useState("Icon");
 
-  const [input, setInput] = useState('');
-  const [messages, setMessages] = useState([
+  const defaultMessages = [
     {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 [input, setInput] = useState('');
+  const [messages, setMessages] = useState(defaultMessages);
 
   const handleSend = async () => {
     if (!input.trim()) return;
@@ -74,7 +76,7 @@ export const AppProvider = ({ children }) => {
 
   return (
     <AppContext.Provider
-      value={{ showModal, setShowModal, messages, setMessages, handleSend, onSendMessage, input, setInput
+      value={{ showModal, setShowModal, messages, setMessages, handleSend, onSendMessage, input, setInput, defaultMessages
       }}
     >
       {children}

package/src/index.js

@@ -1,15 +1,13 @@
-import React, { useState, useCallback } from 'react';
-import { SafeAreaView, Text, StyleSheet, View, TextInput, ScrollView, KeyboardAvoidingView, 
-  Platform, TouchableOpacity, RefreshControl, } from 'react-native';
+import React from 'react';
+import { View, StyleSheet } from 'react-native';
 import { AppProvider } from './contexts/AppContext';
-import { Layout } from './layout/layout'
-
-export const Chat = ({data, onProductCardClick, onAddToCartClick }) => {
+import { Layout } from './layout/layout';
 
+export const Chat = ({ data, onProductCardClick, onAddToCartClick }) => {
   return (
     <AppProvider>
-      <View style={styles.container}>
-      <Layout onProductCardClick={onProductCardClick} onAddToCartClick={onAddToCartClick}/>
+      <View style={styles.container} pointerEvents='box-none'>
+        <Layout onProductCardClick={onProductCardClick} onAddToCartClick={onAddToCartClick} />
       </View>
     </AppProvider>
   );
@@ -17,10 +15,12 @@ export const Chat = ({data, onProductCardClick, onAddToCartClick }) => {
 
 const styles = StyleSheet.create({
   container: {
-    position: 'absolute', 
+    flex: 1,
+    position: 'absolute',
     top: 0,
     left: 0,
     right: 0,
+    bottom: 0,
     zIndex: 1000, 
   },
-});
+});