react-native-srschat 0.1.44 → 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/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);
+  }
+};