react-native-srschat 0.1.43 → 0.1.45

package/src/contexts/AppContext.js

@@ -1,12 +1,12 @@
 import React, {createContext, useContext, useState, useEffect, useMemo } from "react";
 import uuid from 'react-native-uuid';
 import axios from "axios";
-import useAsyncStorage from '../hooks/useAsyncStorage';
+// import useAsyncStorage from '../hooks/useAsyncStorage';
+import { loadChat, updateChat, defaultState } from '../utils/storage';
 
 export const AppContext = createContext();
 
 export const AppProvider = ({ data, onProductCardClick, onAddToCartClick, uiConfig = {}, children }) => {
-
   const theme = {
     userMessage: '#003764',
     botMessage: '#003764',
@@ -16,6 +16,9 @@ export const AppProvider = ({ data, onProductCardClick, onAddToCartClick, uiConf
     inlineButtonColor: '#dbd4c8',
     primaryColor: '#161616'
   };
+
+  const TRACK_CLICK_URL = "https://srs-external-agent-logging-586731320826.us-central1.run.app/track-click"
+  const ADD_TO_CART_URL = "https://srs-external-agent-logging-586731320826.us-central1.run.app/add-to-cart"
   
   // Backend URLs
   const BASE_URL = data.env === "stage"
@@ -28,31 +31,24 @@ export const AppProvider = ({ data, onProductCardClick, onAddToCartClick, uiConf
   const defaultMessage = [
     {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?"}
   ]
-
   const maintenanceMessage = [
-    { type: "ai", text: "Hi there 👋 I’m Poseidon, your Heritage Pool+ AI Agent. I'm currently undergoing maintenance to improve my services. Thank you for your patience and understanding!",},
+    { type: "ai", text: "Hi there 👋 I'm Poseidon, your Heritage Pool+ AI Agent. I'm currently undergoing maintenance to improve my services. Thank you for your patience and understanding!",},
   ];
 
+
+  // user data variables
+  const customerToken = data.customer_token;
+
+
   // Base Variables
   const [showModal, setShowModal] = useState("Icon");
   const [input, setInput] = useState('');
-  const [messages, setMessages] = useState(defaultMessage);
+  const [messages, setMessages] = useState(defaultState.messages);
   const [conversationStartTime, setConversationStartTime] = useState(null);
   const [lastUserMessage, setLastUserMessage] = useState("");
   const [lastMessageId, setLastMessageId] = useState("");
   const [sessionId, setSessionId] = useState(null);
 
-  useEffect(() => {
-    const newSessionId = uuid.v4();  // Generate UUID v4
-    setSessionId(newSessionId);
-  }, []);
-
-  useEffect(() => {
-    if (showModal == "Off") {
-      setShowModal("Icon")
-    }
-  }, [uiConfig.showIcon]);
-
   // Message UI
   const [typingIndicator, setTypingIndicator] = useState(false);
   const [ghostMessage, setGhostMessage] = useState(false);
@@ -61,6 +57,69 @@ export const AppProvider = ({ data, onProductCardClick, onAddToCartClick, uiConf
   const [disclaimer, setDisclaimer] = useState(false);
   const [startStreaming, setStartStreaming] = useState(false);
 
+  // Load persisted state on mount
+  useEffect(() => {
+    if (!customerToken) return;
+    
+    const init = async () => {
+      try {
+        const cachedState = await loadChat(customerToken);
+        
+        // Update all stateful values
+        setTypingIndicator(cachedState.typingIndicator);
+        setGhostMessage(cachedState.ghostMessage);
+        setGhostCard(cachedState.ghostCard);
+        setStopActivated(cachedState.stopActivated);
+        setDisclaimer(cachedState.disclaimer);
+        setStartStreaming(cachedState.startStreaming);
+        setMessages(cachedState.messages);
+        setShowModal(cachedState.showModal);
+      } catch (error) {
+        console.error('Error loading chat state:', error);
+      }
+    };
+    
+    init();
+  }, [customerToken]);
+
+  // Persist state changes
+  useEffect(() => {
+    if (!customerToken) return;
+    
+    const persistState = async () => {
+      const currentState = {
+        typingIndicator,
+        ghostMessage,
+        ghostCard,
+        stopActivated,
+        disclaimer,
+        startStreaming,
+        messages,
+        showModal
+      };
+      
+      await updateChat(customerToken, currentState);
+    };
+    
+    persistState();
+  }, [
+    customerToken,
+    typingIndicator,
+    ghostMessage,
+    ghostCard,
+    stopActivated,
+    disclaimer,
+    startStreaming,
+    messages,
+    showModal
+  ]);
+
+  useEffect(() => {
+    if (showModal == "Off") {
+      setShowModal("Icon")
+    }
+  }, [uiConfig.showIcon]);
+
   const stopGenerating = () => {
     setTypingIndicator(false);
     setStopActivated(true);
@@ -138,26 +197,26 @@ export const AppProvider = ({ data, onProductCardClick, onAddToCartClick, uiConf
       setShowModal("Welcome");
     }
     if (messages.length > 1) {
-      if (maintenance) {
-        setMessages(maintenanceMessage);
-      } else {
-        setMessages(defaultMessage);
-      }
-      const newSessionId = uuid.v4();
-      setSessionId(newSessionId);
+      const newState = {
+        ...defaultState,
+        messages: maintenance ? maintenanceMessage : defaultMessage,
+        showModal: maintenance ? "ChatWindow" : "Welcome"
+      };
+      
+      // Update all state variables
+      setMessages(newState.messages);
       setTypingIndicator(false);
       setGhostMessage(false);
-      /* try {
-        const response = await axios.post(API_PREFIX + BASE_URL + "/clear", {
-          customer_code: data.customer_code,
-          session_id: data.session_id,
-          message_id: lastMessageId,
-          user_UUID: data.user_UUID,
-        });
-        console.log(response);
-      } catch (error) {
-        console.error("Error in Clear:", error);
-      } */
+      setShowModal(newState.showModal);
+      
+      // Generate new session
+      const newSessionId = uuid.v4();
+      setSessionId(newSessionId);
+
+      // Clear persisted state
+      if (customerToken) {
+        await updateChat(customerToken, newState);
+      }
     }
   };
 
@@ -267,7 +326,7 @@ export const AppProvider = ({ data, onProductCardClick, onAddToCartClick, uiConf
         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,
-        formatChatHistory, uiConfig, handleVoiceSend
+        formatChatHistory, uiConfig, handleVoiceSend, TRACK_CLICK_URL, ADD_TO_CART_URL
       }}
     >
       {children}

package/src/hooks/Stream.js

@@ -52,8 +52,8 @@ export function useWebSocketMessage() {
         user_query: lastUserMessage, 
         session_id: String(sessionId),
         conversation_start_time: conversationStartTime,
-        /* customer_name: "Cristin Connerney",
-        user_UUID: "cristin.connerney@srsdistribution.com", */
+        // /* customer_name: "Cristin Connerney",
+        user_UUID: data.user_id || "mobile_user_unspecified",
         device: "mobile",
         window_location: "mobile"
     };

package/src/utils/audioRecorder.js

@@ -1,7 +1,7 @@
 // audioRecorder.js
 
-import { Platform, PermissionsAndroid } from 'react-native';
-import Voice from '@react-native-community/voice';
+import { Platform } from 'react-native';
+import Voice from '@react-native-voice/voice';
 import { check, PERMISSIONS, request, RESULTS } from 'react-native-permissions';
 import useAsyncStorage from '../hooks/useAsyncStorage';
 
@@ -30,6 +30,12 @@ export async function initVoice(onResult) {
     resultCallback = onResult;
     finalResult = '';
 
+    // Check if Voice module is available
+    if (!Voice) {
+      console.error('Voice module is not available');
+      return false;
+    }
+
     // First check if speech recognition is available
     const isAvailable = await Voice.isAvailable();
     if (!isAvailable) {
@@ -72,7 +78,7 @@ export async function initVoice(onResult) {
     };
 
     Voice.onSpeechError = async (e) => {
-      console.error('onSpeechError: ', e);
+      // console.error('onSpeechError: ', e);
       
       if (silenceTimer) {
         clearTimeout(silenceTimer);
@@ -86,13 +92,13 @@ export async function initVoice(onResult) {
       await cleanupVoiceSession();
       
       // Only send error to callback if it's not a "No speech detected" error
-      if (!isNoSpeechError) {
-        resultCallback(null, e.error?.message || 'Speech recognition error');
-      } else {
-        console.log('No speech detected, ignoring error');
-        // Optionally, call the callback with null parameters or a special indicator
-        resultCallback(null, null); // This won't trigger an error alert in the component
-      }
+      // if (!isNoSpeechError) {
+      //   resultCallback(null, e.error?.message || 'Speech recognition error');
+      // } else {
+      //   console.log('No speech detected, ignoring error');
+      //   // Optionally, call the callback with null parameters or a special indicator
+      //   resultCallback(null, null); // This won't trigger an error alert in the component
+      // }
     };
 
     Voice.onSpeechResults = (e) => {
@@ -164,6 +170,12 @@ const cleanupVoiceSession = async () => {
   }
 
   try {
+    // Check if Voice module is available
+    if (!Voice) {
+      console.log('Voice module not available during cleanup');
+      return;
+    }
+
     // First try to stop if still recognizing
     const isRecognizing = await Voice.isRecognizing();
     if (isRecognizing) {
@@ -189,7 +201,9 @@ const cleanupVoiceSession = async () => {
     console.error('Error in cleanupVoiceSession:', error);
     // Final attempt to destroy on error
     try {
-      await Voice.destroy();
+      if (Voice) {
+        await Voice.destroy();
+      }
     } catch (e) {
       console.error('Final destroy attempt failed:', e);
     }
@@ -200,6 +214,12 @@ const cleanupVoiceSession = async () => {
 
 export async function startRecording() {
   try {
+    // Check if Voice module is available
+    if (!Voice) {
+      console.error('Voice module is not available');
+      return false;
+    }
+
     // Ensure cleanup of any existing session
     await cleanupVoiceSession();
     
@@ -221,7 +241,7 @@ export async function startRecording() {
 
 export async function stopRecording() {
   try {
-    if (!isCurrentlyRecording) return;
+    if (!isCurrentlyRecording || !Voice) return;
 
     // Set this first to prevent race conditions
     isCurrentlyRecording = false;
@@ -259,13 +279,13 @@ export async function stopRecording() {
 
 export async function cancelRecording() {
   try {
+    if (!Voice) return;
     await Voice.cancel();
     await cleanupVoiceSession();
   } catch (error) {
     console.error('Error canceling voice recognition:', error);
     await cleanupVoiceSession();
   }
-
 }
 
 export async function requestAudioPermission() {
@@ -299,24 +319,22 @@ export async function requestAudioPermission() {
 
 async function requestAndroidPermission() {
   try {
-    // Check available speech recognition services on Android
+
+
+    // Request microphone permission
+    const micPermission = await request(PERMISSIONS.ANDROID.RECORD_AUDIO);
+    if (micPermission !== RESULTS.GRANTED) {
+      console.log('Microphone permission denied');
+      return false;
+    }
+
+        // Skip checking speech recognition services which is causing errors
     const services = await Voice.getSpeechRecognitionServices();
     if (!services || services.length === 0) {
       console.error('No speech recognition services available');
       return false;
     }
-
-    const granted = await PermissionsAndroid.request(
-      PermissionsAndroid.PERMISSIONS.RECORD_AUDIO,
-      {
-        title: 'Microphone Permission',
-        message: 'This app needs access to your microphone for voice recognition.',
-        buttonPositive: 'OK',
-        buttonNegative: 'Cancel',
-      }
-    );
-    
-    return granted === PermissionsAndroid.RESULTS.GRANTED;
+    return true;
   } catch (error) {
     console.error('Error requesting Android permission:', error);
     return false;
@@ -355,13 +373,20 @@ export function resetStoredPermission() {
 }
 
 export function cleanup() {
+  if (!Voice) {
+    console.log('Voice module not available during cleanup');
+    return;
+  }
+  
   Voice.destroy().then(() => {
     Voice.removeAllListeners();
     cleanupVoiceSession();
   }).catch(error => {
     console.error('Error in cleanup:', error);
     // Try one more time
-    Voice.destroy().catch(e => console.error('Final cleanup attempt failed:', e));
+    if (Voice) {
+      Voice.destroy().catch(e => console.error('Final cleanup attempt failed:', e));
+    }
   });
 }
 

package/src/utils/storage.ts

@@ -0,0 +1,86 @@
+import AsyncStorage from '@react-native-async-storage/async-storage';
+
+export interface ChatMessage {
+  type: string;
+  text: string | string[];
+  form?: boolean;
+}
+
+export interface ChatState {
+  typingIndicator: boolean;
+  ghostMessage: boolean;
+  ghostCard: boolean;
+  stopActivated: boolean;
+  disclaimer: boolean;
+  startStreaming: boolean;
+  messages: ChatMessage[];
+  showIcon: boolean;
+  toggleChat: boolean;
+}
+
+// Module-level singleton to cache chat states by token
+const chatStore: Record<string, ChatState> = {};
+
+const getStorageKey = (token: string) => `srschat_${token}`;
+
+export const defaultState: ChatState = {
+  typingIndicator: false,
+  ghostMessage: false,
+  ghostCard: false,
+  stopActivated: false,
+  disclaimer: false,
+  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?"
+  }],
+  showIcon: true,
+  toggleChat: false
+};
+
+/**
+ * Loads chat state for a specific customer token
+ * Returns cached state if available, otherwise loads from AsyncStorage
+ */
+export const loadChat = async (token: string): Promise<ChatState> => {
+  // Return from in-memory cache if available
+  if (chatStore[token]) {
+    return chatStore[token];
+  }
+  
+  // Otherwise load from AsyncStorage
+  try {
+    const key = getStorageKey(token);
+    const storedData = await AsyncStorage.getItem(key);
+    
+    if (storedData) {
+      const parsedData = JSON.parse(storedData) as ChatState;
+      // Cache in memory for future access
+      chatStore[token] = parsedData;
+      return parsedData;
+    }
+  } catch (error) {
+    console.error('Error loading chat state:', error);
+  }
+  
+  // Return default state if nothing found
+  return defaultState;
+};
+
+/**
+ * Updates chat state for a specific customer token
+ * Updates both in-memory cache and persists to AsyncStorage
+ */
+export const updateChat = async (token: string, next: ChatState): Promise<void> => {
+  try {
+    const key = getStorageKey(token);
+    
+    // Update in-memory cache
+    chatStore[token] = next;
+    
+    // Persist to AsyncStorage
+    await AsyncStorage.setItem(key, JSON.stringify(next));
+  } catch (error) {
+    console.error('Error updating chat state:', error);
+  }
+};