react-native-srschat 0.1.67 → 0.1.69

package/src/layout/window.js

@@ -15,7 +15,7 @@ import { ProgressCircle } from '../components/progressCircle';
 
 export const ChatWindow = ({ panHandlers }) => {
   const { handleSend, messages, input, setInput, ghostMessage, handleButtonClick,
-    onProductCardClick, onAddToCartClick, uiConfig, ghostCard, typingIndicator, feedbackOpen, setFeedbackOpen
+    onProductCardClick, onAddToCartClick, uiConfig, ghostCard, typingIndicator, feedbackOpen, setFeedbackOpen, theme
    } = useContext(AppContext);
 
   const scrollViewRef = useRef(null);
@@ -106,7 +106,7 @@ export const ChatWindow = ({ panHandlers }) => {
           
           <View key={msg.id || msg.message_id || i} style={styles.messageWrapper}>
             {msg.type !== "middle" && (
-                <View style={[ styles.messageBubble, msg.type === "user" ? styles.userMessage : styles.aiMessage,]}>
+                <View style={[ styles.messageBubble, msg.type === "user" ? [styles.userMessage, { backgroundColor: theme.userMessage }] : styles.aiMessage,]}>
 
                   <Markdown style={{ body: { color: msg.type === "user" ? "#ffffff" : "#161616",fontSize: 16, lineHeight: 22, includeFontPadding: false, textAlignVertical: 'center' }}}> 
                     {typeof msg.text === 'string' ? msg.text : String(msg.text || '')}
@@ -149,9 +149,12 @@ export const ChatWindow = ({ panHandlers }) => {
 
             {msg.suggested_questions && Array.isArray(msg.questions) && msg.questions.length > 0 && 
               msg.questions.map((question, index) => (
-                <TouchableOpacity key={index} style={styles.suggestedQuestionButton}
-                  onPress={() => handleButtonClick(question)}>
-                  <Text style={styles.suggestedQuestionText}>{question}</Text>
+                <TouchableOpacity
+                  key={index}
+                  style={[styles.suggestedQuestionButton, { borderColor: theme.primaryColor }]}
+                  onPress={() => handleButtonClick(question)}
+                >
+                  <Text style={[styles.suggestedQuestionText, { color: theme.primaryColor }]}>{question}</Text>
                 </TouchableOpacity>
             ))}
 
@@ -218,7 +221,7 @@ const styles = StyleSheet.create({
   },
   userMessage: {
     alignSelf: 'flex-end',
-    backgroundColor: "#003764", 
+    backgroundColor: "#437D3D", 
     color: "#ffffff",
     borderTopRightRadius: 0,
   },
@@ -233,7 +236,7 @@ const styles = StyleSheet.create({
   suggestedQuestionButton: {
     backgroundColor: "white",
     borderWidth: 1,
-    borderColor: "#004687",
+    borderColor: "#437D3D",
     borderRadius: 18,
     paddingVertical: 10,
     paddingHorizontal: 16,
@@ -241,7 +244,7 @@ const styles = StyleSheet.create({
     alignSelf: "flex-start",
   },
   suggestedQuestionText: {
-    color: "#004687",
+    color: "#437D3D",
     fontSize: 13,
     textAlign: "left",
     includeFontPadding: false,
@@ -319,7 +322,7 @@ const styles = StyleSheet.create({
   middleMessage:{
     color: '#161616', 
     alignSelf: 'flex-start',
-    backgroundColor: '#e0f4fc', //'#e0f4fc',
+    backgroundColor: '#e7decd', //'#e0f4fc',
     width: '100%',
   },
   middleMessageText: {

package/src/utils/cloudinary.js

@@ -1,17 +1,19 @@
-import React from 'react';
+import React, { useContext } from 'react';
 import { Cloudinary } from '@cloudinary/url-gen';
 import { Platform, View } from 'react-native';
 import { AdvancedImage } from 'cloudinary-react-native';
 import { scale } from '@cloudinary/url-gen/actions/resize';
+import { AppContext } from '../contexts/AppContext';
 
 const CloudinaryImage = ({ cldImg, imageStyle, accessibilityLabel, testID }) => {
+  const { brandCloudName } = useContext(AppContext);
   const cld = new Cloudinary({
     cloud: {
-      cloudName: 'heritageplus'
+      cloudName: brandCloudName || 'mktg'
     }
   });
 
-  const myImage = Platform.OS === 'ios' ? cld.image(`mobileapp/${cldImg}`) : cld.image(`mobileapp/${cldImg}`).format('png');
+  const myImage = Platform.OS === 'ios' ? cld.image(`${cldImg}`) : cld.image(`${cldImg}`).format('png');
   return (
     <View>
       <AdvancedImage
@@ -32,9 +34,10 @@ export const CloudinaryBannerImage = ({
   width = 345,
   height = 100
 }) => {
+  const { brandCloudName } = useContext(AppContext);
   const cld = new Cloudinary({
     cloud: {
-      cloudName: 'heritageplus'
+      cloudName: brandCloudName || 'mktg'
     }
   });
   const myImage = cld.image(`${cldImg}`);

package/src/utils/storage.ts

@@ -33,7 +33,7 @@ export const defaultState: ChatState = {
   startStreaming: false,
   messages: [{
     type: "ai", 
-    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?"
+    text: "Hi there 👋 Hi there 👋 I'm your Heritage+ 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,