react-native-srschat 0.1.68 → 0.1.70

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>
             ))}
 

package/src/utils/audioRecorder.js

@@ -52,11 +52,9 @@ export async function initVoice(onResult, onPartialResult = null) {
       console.log('onSpeechStart: ', e);
       isCurrentlyRecording = true;
       finalResult = '';
-      
-      if (silenceTimer) {
-        clearTimeout(silenceTimer);
-        silenceTimer = null;
-      }
+
+      // Start silence timer immediately when recording begins
+      handleSilenceDetection();
     };
 
     Voice.onSpeechRecognized = (e) => {
@@ -158,14 +156,16 @@ const handleSilenceDetection = () => {
 
 const handleFinalResult = async () => {
   if (!isCurrentlyRecording) return;
-  
+
   console.log('handleFinalResult called with:', finalResult);
-  
+
+  // Call the result callback first to update UI (button state)
+  // This ensures the button changes from stop to microphone immediately
   if (finalResult && resultCallback) {
     resultCallback(finalResult, null);
   }
-  
-  // Stop recording first
+
+  // Then stop recording
   await stopRecording();
 };
 
@@ -224,7 +224,7 @@ const cleanupVoiceSession = async () => {
 export async function startRecording() {
   try {
     console.log('startRecording called');
-    
+
     // Check if Voice module is available
     if (!Voice) {
       console.error('Voice module is not available');
@@ -233,10 +233,10 @@ export async function startRecording() {
 
     // Ensure cleanup of any existing session
     await cleanupVoiceSession();
-    
+
     // Small delay to ensure cleanup is complete
     await new Promise(resolve => setTimeout(resolve, 200));
-    
+
     const hasPermission = await requestAudioPermission();
     if (!hasPermission) {
       console.error('No permission to record audio');
@@ -245,11 +245,16 @@ export async function startRecording() {
 
     // Re-initialize listeners each time for iOS stability
     await initVoice(resultCallback, partialResultCallback);
-    
+
     // Start recognition
     await Voice.start('en-US');
     console.log('Voice.start() completed');
     isCurrentlyRecording = true;
+
+    // Start silence detection timer immediately
+    // This ensures recording stops after 3 seconds even if no speech is detected
+    handleSilenceDetection();
+
     return true;
   } catch (error) {
     console.error('Error starting voice recognition:', error);

package/src/utils/cloudinary.js

@@ -1,13 +1,15 @@
-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: 'mktg'
+      cloudName: brandCloudName || 'mktg'
     }
   });
 
@@ -32,9 +34,10 @@ export const CloudinaryBannerImage = ({
   width = 345,
   height = 100
 }) => {
+  const { brandCloudName } = useContext(AppContext);
   const cld = new Cloudinary({
     cloud: {
-      cloudName: 'mktg'
+      cloudName: brandCloudName || 'mktg'
     }
   });
   const myImage = cld.image(`${cldImg}`);