react-native-srschat 0.1.44 → 0.1.46

package/lib/module/utils/storage.js

@@ -0,0 +1,66 @@
+import AsyncStorage from '@react-native-async-storage/async-storage';
+// Module-level singleton to cache chat states by token
+const chatStore = {};
+const getStorageKey = token => `srschat_${token}`;
+export const defaultState = {
+  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,
+  showModal: "Icon"
+};
+
+/**
+ * Loads chat state for a specific customer token
+ * Returns cached state if available, otherwise loads from AsyncStorage
+ */
+export const loadChat = async token => {
+  // 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);
+      // 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, next) => {
+  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);
+  }
+};
+//# sourceMappingURL=storage.js.map

package/lib/module/utils/storage.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["AsyncStorage","chatStore","getStorageKey","token","defaultState","typingIndicator","ghostMessage","ghostCard","stopActivated","disclaimer","startStreaming","messages","type","text","showIcon","toggleChat","showModal","loadChat","key","storedData","getItem","parsedData","JSON","parse","error","console","updateChat","next","setItem","stringify"],"sourceRoot":"../../../src","sources":["utils/storage.ts"],"mappings":"AAAA,OAAOA,YAAY,MAAM,2CAA2C;AAqBpE;AACA,MAAMC,SAAoC,GAAG,CAAC,CAAC;AAE/C,MAAMC,aAAa,GAAIC,KAAa,IAAK,WAAWA,KAAK,EAAE;AAE3D,OAAO,MAAMC,YAAuB,GAAG;EACrCC,eAAe,EAAE,KAAK;EACtBC,YAAY,EAAE,KAAK;EACnBC,SAAS,EAAE,KAAK;EAChBC,aAAa,EAAE,KAAK;EACpBC,UAAU,EAAE,KAAK;EACjBC,cAAc,EAAE,KAAK;EACrBC,QAAQ,EAAE,CAAC;IACTC,IAAI,EAAE,IAAI;IACVC,IAAI,EAAE;EACR,CAAC,CAAC;EACFC,QAAQ,EAAE,IAAI;EACdC,UAAU,EAAE,KAAK;EACjBC,SAAS,EAAE;AACb,CAAC;;AAED;AACA;AACA;AACA;AACA,OAAO,MAAMC,QAAQ,GAAG,MAAOd,KAAa,IAAyB;EACnE;EACA,IAAIF,SAAS,CAACE,KAAK,CAAC,EAAE;IACpB,OAAOF,SAAS,CAACE,KAAK,CAAC;EACzB;;EAEA;EACA,IAAI;IACF,MAAMe,GAAG,GAAGhB,aAAa,CAACC,KAAK,CAAC;IAChC,MAAMgB,UAAU,GAAG,MAAMnB,YAAY,CAACoB,OAAO,CAACF,GAAG,CAAC;IAElD,IAAIC,UAAU,EAAE;MACd,MAAME,UAAU,GAAGC,IAAI,CAACC,KAAK,CAACJ,UAAU,CAAc;MACtD;MACAlB,SAAS,CAACE,KAAK,CAAC,GAAGkB,UAAU;MAC7B,OAAOA,UAAU;IACnB;EACF,CAAC,CAAC,OAAOG,KAAK,EAAE;IACdC,OAAO,CAACD,KAAK,CAAC,2BAA2B,EAAEA,KAAK,CAAC;EACnD;;EAEA;EACA,OAAOpB,YAAY;AACrB,CAAC;;AAED;AACA;AACA;AACA;AACA,OAAO,MAAMsB,UAAU,GAAG,MAAAA,CAAOvB,KAAa,EAAEwB,IAAe,KAAoB;EACjF,IAAI;IACF,MAAMT,GAAG,GAAGhB,aAAa,CAACC,KAAK,CAAC;;IAEhC;IACAF,SAAS,CAACE,KAAK,CAAC,GAAGwB,IAAI;;IAEvB;IACA,MAAM3B,YAAY,CAAC4B,OAAO,CAACV,GAAG,EAAEI,IAAI,CAACO,SAAS,CAACF,IAAI,CAAC,CAAC;EACvD,CAAC,CAAC,OAAOH,KAAK,EAAE;IACdC,OAAO,CAACD,KAAK,CAAC,4BAA4B,EAAEA,KAAK,CAAC;EACpD;AACF,CAAC","ignoreList":[]}

package/lib/typescript/components/productCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"productCard.d.ts","sourceRoot":"","sources":["../../../src/components/productCard.js"],"names":[],"mappings":"AAKO;;;sBAyQN;kBA9QsD,OAAO"}
+{"version":3,"file":"productCard.d.ts","sourceRoot":"","sources":["../../../src/components/productCard.js"],"names":[],"mappings":"AAOO;;;sBAqSN;kBA5SsD,OAAO"}

package/lib/typescript/contexts/AppContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppContext.d.ts","sourceRoot":"","sources":["../../../src/contexts/AppContext.js"],"names":[],"mappings":"AAKA,4CAA0C;AAEnC;;;;;;sBA4QN;kBAnR6E,OAAO"}
+{"version":3,"file":"AppContext.d.ts","sourceRoot":"","sources":["../../../src/contexts/AppContext.js"],"names":[],"mappings":"AAMA,4CAA0C;AAEnC;;;;;;sBA8UN;kBAtV6E,OAAO"}

package/lib/typescript/layout/window.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"window.d.ts","sourceRoot":"","sources":["../../../src/layout/window.js"],"names":[],"mappings":"AAeO;;sBAiJN;kBAhK8D,OAAO"}
+{"version":3,"file":"window.d.ts","sourceRoot":"","sources":["../../../src/layout/window.js"],"names":[],"mappings":"AAeO;;sBAqJN;kBApK8D,OAAO"}

package/lib/typescript/utils/storage.d.ts

@@ -0,0 +1,29 @@
+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;
+    showModal?: string;
+}
+export declare const defaultState: ChatState;
+/**
+ * Loads chat state for a specific customer token
+ * Returns cached state if available, otherwise loads from AsyncStorage
+ */
+export declare const loadChat: (token: string) => Promise<ChatState>;
+/**
+ * Updates chat state for a specific customer token
+ * Updates both in-memory cache and persists to AsyncStorage
+ */
+export declare const updateChat: (token: string, next: ChatState) => Promise<void>;
+//# sourceMappingURL=storage.d.ts.map

package/lib/typescript/utils/storage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"storage.d.ts","sourceRoot":"","sources":["../../../src/utils/storage.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACxB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,MAAM,WAAW,SAAS;IACxB,eAAe,EAAE,OAAO,CAAC;IACzB,YAAY,EAAE,OAAO,CAAC;IACtB,SAAS,EAAE,OAAO,CAAC;IACnB,aAAa,EAAE,OAAO,CAAC;IACvB,UAAU,EAAE,OAAO,CAAC;IACpB,cAAc,EAAE,OAAO,CAAC;IACxB,QAAQ,EAAE,WAAW,EAAE,CAAC;IACxB,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAOD,eAAO,MAAM,YAAY,EAAE,SAc1B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,QAAQ,GAAU,OAAO,MAAM,KAAG,OAAO,CAAC,SAAS,CAuB/D,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,UAAU,GAAU,OAAO,MAAM,EAAE,MAAM,SAAS,KAAG,OAAO,CAAC,IAAI,CAY7E,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-srschat",
-  "version": "0.1.44",
+  "version": "0.1.46",
   "private": false,
   "description": "A modern, sophisticated chat interface for React Native",
   "main": "lib/commonjs/index",

package/src/components/productCard.js

@@ -2,9 +2,11 @@ import React, { useState, useContext, useEffect } from "react";
 import { View, Text, Image, TouchableOpacity, TextInput, StyleSheet, Platform, Keyboard, ActionSheetIOS, Alert } from "react-native";
 import { AppContext } from "../contexts/AppContext";
 import Ionicons from 'react-native-vector-icons/Ionicons';
+import axios from 'axios';
+
 
 export const ProductCard = ({ prod, onFocusQuantityInput }) => {
-  const { onProductCardClick, onAddToCartClick } = useContext(AppContext);
+  const { onProductCardClick, onAddToCartClick, sessionId, data, ADD_TO_CART_URL } = useContext(AppContext);
   const [keyboardVisible, setKeyboardVisible] = useState(false);
 
   const [selectedUom, setSelectedUom] = useState(() => {
@@ -24,7 +26,8 @@ export const ProductCard = ({ prod, onFocusQuantityInput }) => {
   const grossPrice = uomInfo.gross_price || 0;
   const netPrice = uomInfo.net_price || 0;
   const isOnSale = uomInfo.is_on_sale || false;
-  const discounts = Array.isArray(uomInfo.discounts) ? uomInfo.discounts : [];
+  const discountsArray = Array.isArray(uomInfo.discounts) ? uomInfo.discounts : [];
+  const discountsString = uomInfo.discounts ? uomInfo.discounts : "";
 
   
 
@@ -79,6 +82,30 @@ export const ProductCard = ({ prod, onFocusQuantityInput }) => {
   };
 
   const handleAddToCart = () => {
+    //call add to cart logging endpoint
+    try{
+      const discount = discountsString ? discountsString : discountsArray.join(", ");
+      payload = {
+        product_name: prod.product_details.product_name,
+        time_stamp: new Date().toISOString(),
+        user_id: data.user_id,
+        session_id: sessionId,
+        quantity: quantity,
+        uom: selectedUom,
+        is_sale: isOnSale,
+        discount_string: discount
+      }
+      console.log("add to cart payload", payload)
+      axios.post(ADD_TO_CART_URL, payload)
+      .then(response => {
+        console.log("log addToCart response", response)
+      })
+      .catch(error => {
+        console.log("log addToCart error", error)
+      })
+    } catch (error) {
+      console.log("log addToCart error", error)
+    }
     onAddToCartClick({
       selectedUom: selectedUom,
       quantity: quantity,
@@ -183,13 +210,16 @@ export const ProductCard = ({ prod, onFocusQuantityInput }) => {
           </Text>
 
           {/* Display discounts if available */}
-          {discounts.length > 0 && (
+          {discountsArray.length > 0 && (
             <View style={styles.discountContainer}>
-              {discounts.map((discount, index) => (
+              {discountsArray.map((discount, index) => (
                 <Text key={index} style={styles.discountText}>{discount}</Text>
               ))}
             </View>
           )}
+          {discountsString && (
+            <Text style={styles.discountText}>{discountsString}</Text>
+          )}
 
           {/* Input Section with UOM Selector and Quantity */}
           <View style={styles.inputRow}>

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,77 @@ 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);
+
+        if (uiConfig.toggleChat === false){
+          setShowModal("Icon");
+        }else{
+          setShowModal("ChatWindow");
+        }
+
+
+      } catch (error) {
+        console.error('Error loading chat state:', error);
+      }
+    };
+    
+    init();
+  }, [customerToken, uiConfig.toggleChat]);
+
+  // 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 +205,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 +334,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/layout/window.js

@@ -23,9 +23,13 @@ export const ChatWindow = ({ panHandlers }) => {
 
   useEffect(() => {
     if (scrollViewRef.current) {
-      setTimeout(() => {
-        scrollViewRef.current.scrollToEnd({ animated: false });
+      const timeoutId = setTimeout(() => {
+        if (scrollViewRef.current) {
+          scrollViewRef.current.scrollToEnd({ animated: false });
+        }
       }, 100);
+
+      return () => clearTimeout(timeoutId);
     }
   }, []);  
 

package/src/utils/storage.ts

@@ -0,0 +1,88 @@
+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;
+  showModal?: string;
+}
+
+// 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,
+  showModal: "Icon"
+};
+
+/**
+ * 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);
+  }
+};