react-native-srschat 0.1.55 → 0.1.57

package/src/contexts/AppContext.js

@@ -337,6 +337,25 @@ export const AppProvider = ({ data, onProductCardClick, onAddToCartClick, uiConf
     handleSend(transcription)
   }
 
+  // Wrapper function for onAddToCartClick to add middle message
+  const handleAddToCartWithMessage = (cartData) => {
+    // Add middle message indicating item is being added to cart
+    setMessages((prevMessages) => [
+      ...prevMessages,
+      {
+        type: "middle",
+        text: `${cartData.quantity} ${cartData.selectedUom} of item ${cartData.product.product_details.product_name} added to cart`,
+        products: [],
+        product_cards: "False",
+      },
+    ]);
+
+    // Call the original onAddToCartClick function
+    if (onAddToCartClick) {
+      onAddToCartClick(cartData);
+    }
+  };
+
   return (
     <AppContext.Provider
       value={{ showModal, setShowModal, messages, setMessages, handleSend, input, setInput, defaultMessage, typingIndicator, setTypingIndicator,
@@ -344,7 +363,7 @@ export const AppProvider = ({ data, onProductCardClick, onAddToCartClick, uiConf
         ghostMessage, setGhostMessage, ghostCard, setGhostCard, stopActivated, setStopActivated, disclaimer, setDisclaimer,
         startStreaming, setStartStreaming, maintenance, setMaintenance, feedback, setFeedback, handleFeedback, feedbackOpen, setFeedbackOpen, 
         writeFeedback, setWriteFeedback, writeAnswer, setWriteAnswer, BASE_URL, lastMessageId, setLastMessageId, 
-        onProductCardClick, onAddToCartClick, data, sessionId, setSessionId, handleWrittenFeedback, switchFeedbackOpen, confirmDisclaimer,
+        onProductCardClick, onAddToCartClick: handleAddToCartWithMessage, data, sessionId, setSessionId, handleWrittenFeedback, switchFeedbackOpen, confirmDisclaimer,
         formatChatHistory, uiConfig, handleVoiceSend, TRACK_CLICK_URL, ADD_TO_CART_URL
       }}
     >

package/src/layout/window.js

@@ -118,10 +118,12 @@ export const ChatWindow = ({ panHandlers }) => {
 
             {msg.type == "middle" && (
               <View style={[styles.middleMessageBubble, styles.middleMessage]}>
-                <Ionicons name="sparkles-outline" size={20} style={{marginRight: 10}}/>
-                <Markdown style={{ body: { color: msg.type === "user" ? "#ffffff" : "#161616",fontSize: 16, lineHeight: 22 }}}> 
-                {typeof msg.text === 'string' ? msg.text : String(msg.text || '')}
-                </Markdown>
+                <Ionicons name="sparkles-outline" size={16} style={{marginRight: 10, marginTop: 10}}/>
+                <View style={styles.middleMessageText}>
+                  <Markdown style={{ body: { color: msg.type === "user" ? "#ffffff" : "#161616",fontSize: 16, lineHeight: 22 }}}> 
+                  {typeof msg.text === 'string' ? msg.text : String(msg.text || '')}
+                  </Markdown>
+                </View>
               </View>
             )}
 
@@ -302,13 +304,17 @@ const styles = StyleSheet.create({
     borderRadius: 12,
     marginBottom: 5,
     flexDirection: 'row',
-    alignItems: 'center'
+    alignItems: 'flex-start'
   },
   middleMessage:{
     color: '#161616', 
     alignSelf: 'flex-start',
     backgroundColor: '#e0f4fc', //'#e0f4fc',
     width: '100%',
+  },
+  middleMessageText: {
+    flex: 1,
+    flexShrink: 1
   }
 });