react-native-srschat 0.1.46 → 0.1.48

package/src/layout/window.js

@@ -15,11 +15,13 @@ import { ProgressCircle } from '../components/progressCircle';
 
 export const ChatWindow = ({ panHandlers }) => {
   const { handleSend, messages, input, setInput, ghostMessage, handleButtonClick,
-    onProductCardClick, onAddToCartClick, uiConfig, ghostCard, typingIndicator
+    onProductCardClick, onAddToCartClick, uiConfig, ghostCard, typingIndicator, feedbackOpen, setFeedbackOpen
    } = useContext(AppContext);
 
   const scrollViewRef = useRef(null);
   const fadeAnim = useRef(new Animated.Value(0.6)).current;
+  const [messageCount, setMessageCount] = useState(messages.length);
+
 
   useEffect(() => {
     if (scrollViewRef.current) {
@@ -61,19 +63,43 @@ export const ChatWindow = ({ panHandlers }) => {
         ref={scrollViewRef}
         contentContainerStyle={styles.messagesContent}
         enableOnAndroid
+        enableOnIOS
         contentInsetAdjustmentBehavior="never"
         automaticallyAdjustContentInsets={false}
         contentInset={{ bottom: 0 }}
         keyboardShouldPersistTaps="handled"
         showsVerticalScrollIndicator={false}
-        extraScrollHeight={0}
-        onContentSizeChange={() => {
-          scrollViewRef.current?.scrollToEnd({ animated: true });
+        extraScrollHeight={200}
+        onContentSizeChange={(contentWidth, contentHeight) => {
+          const currentLength = messages.length;
+ 
+          if (currentLength > messageCount) {
+            scrollViewRef.current?.scrollToEnd({ animated: true });
+            
+            setMessageCount(currentLength);
+          } else if (currentLength == messageCount) {
+            // Check if *any* value in the feedbackOpen object is true
+            const isAnyFeedbackOpen = Object.values(feedbackOpen).some(isOpen => isOpen === true);
+
+            if (isAnyFeedbackOpen) {
+              // console.log("A feedback input is open, not scrolling to end.");
+              // Do nothing, prevent scrolling
+            } else {
+              // console.log("No feedback open, scrolling to end.");
+              if (typingIndicator) {
+                scrollViewRef.current?.scrollToEnd({ animated: true });
+              }
+            }
+            // You might still want to update messageCount regardless
+            setMessageCount(currentLength); // Decide if this should be inside the else or outside the if/else
+
+          } else if (currentLength < messageCount) {
+            setMessageCount(currentLength);
+          }
         }}
         keyboardDismissMode="none"
         bounces={false}
         enableResetScrollToCoords={false}
-        extraHeight={0}
         keyboardOpeningTime={0}
       >
         {messages.map((msg, i) => (
@@ -102,7 +128,7 @@ export const ChatWindow = ({ panHandlers }) => {
             {msg.products && msg.products.length > 0 &&
               msg.products.map((prod, index) => (
                 <View key={index} style={styles.productCardWrapper}>
-                  <ProductCard prod={prod} />
+                  <ProductCard prod={prod} messageId={msg.message_id} />
                 </View>
             ))}
             
@@ -171,6 +197,7 @@ const styles = StyleSheet.create({
   messagesContent: {
     padding: 16,
     justifyContent: 'flex-end',
+    paddingBottom: 300,
   },
   messageWrapper: {
     marginBottom: 0,

package/src/utils/storage.ts

@@ -33,7 +33,7 @@ export const defaultState: ChatState = {
   startStreaming: false,
   messages: [{
     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?"
+    text: "Hi there 👋 Hi there 👋 I'm your Heritage Pool+ AI Assistant. I'm here to help you with Product and Account information during your online visit. I'm still learning and growing - the more we interact and the more feedback you share, the better I can assist you. How can I help you today?"
   }],
   showIcon: true,
   toggleChat: false,