react-native-srschat 0.1.66 → 0.1.68

package/src/components/email.js

@@ -16,7 +16,7 @@ import { Header } from "./header";
 import { KeyboardAwareScrollView } from "react-native-keyboard-aware-scroll-view";
 
 export const EmailForm = ({ panHandlers }) => {
-  const { data, BASE_URL, setShowModal, messages, formatChatHistory, conversationStartTime } = useContext(AppContext);
+  const { data, BASE_URL, setShowModal, formatChatHistory, conversationStartTime, sessionId } = useContext(AppContext);
   const [subject, setSubject] = useState("");
   const [message, setMessage] = useState("");
   const [userEmail, setUserEmail] = useState(data?.user_email || "");
@@ -140,6 +140,15 @@ export const EmailForm = ({ panHandlers }) => {
     return "";
   };
 
+  const buildEmailRequestPayload = (chatHistory) => ({
+    chat_history: chatHistory,
+    conversation_start_time: conversationStartTime ?? null,
+    customer_name: data?.customer_name ?? null,
+    user_id: data?.user_id ?? null,
+    session_id: data?.session_id ?? data?.session ?? sessionId ?? null,
+    branch_email: branchEmail ?? "",
+  });
+
   const handleComposeEmail = async () => {
     setIsComposing(true);
     setError("");
@@ -147,15 +156,7 @@ export const EmailForm = ({ panHandlers }) => {
 
     try {
       const chatHistory = formatChatHistory();
-      const customerName = data?.customer_name || "";
-      const payload = {
-        chat_history: chatHistory,
-        conversation_start_time: conversationStartTime,
-        customer_name: data?.customer_name || "",
-        user_id : data?.user_id || "",
-        session_id : data.session_id || data.session || sessionId,
-      };
-      console.log(payload)
+      const payload = buildEmailRequestPayload(chatHistory);
 
       const response = await axios.post(`https://${BASE_URL}/compose-email`, payload);
       // Use customer name from data if available, otherwise leave blank    
@@ -189,17 +190,17 @@ export const EmailForm = ({ panHandlers }) => {
 
     try {
       const chatHistory = formatChatHistory();
-      await axios.post(`https://${BASE_URL}/send-email`, {
+      const payload = {
+        ...buildEmailRequestPayload(chatHistory),
         user_email: userEmail,
         subject,
         message,
-        chat_history: chatHistory,
-        conversation_start_time: conversationStartTime,
-        customer_name: "",
         branch_email: branchEmail,
-        user_id : data?.user_id || "",
-        session_id : data.session_id || data.session || sessionId,
-      });
+        customer_name: data?.customer_name ?? null,
+        conversation_start_time: conversationStartTime ?? null,
+      };
+
+      await axios.post(`https://${BASE_URL}/send-email`, payload);
 
       setSuccess(true);
       setError("");
@@ -208,6 +209,22 @@ export const EmailForm = ({ panHandlers }) => {
         setShowModal("ChatWindow");
       }, 2000);
     } catch (error) {
+      console.error("Email send error:", {
+        status: error.response?.status,
+        statusText: error.response?.statusText,
+        errorMessage: error.response?.data?.message,
+        errorDetails: error.response?.data,
+        requestPayload: {
+          user_email: userEmail,
+          subject,
+          message_length: message?.length,
+          branch_email: branchEmail,
+          customer_name: data?.customer_name,
+          conversation_start_time: conversationStartTime,
+          session_id: data?.session_id || data?.session || sessionId,
+          chat_history_length: chatHistory?.length
+        }
+      });
       setError(error.response?.data?.message || "Failed to send email");
       setSuccess(false);
     } finally {

package/src/components/header.js

@@ -32,7 +32,7 @@ export const Header = () => {
           height={35}
         /> */}
         <CloudinaryImage
-          cldImg="logos/HPSG_HPlus_Logo_White"
+          cldImg="logos/HLSG_Logo_Lockup_Color"
           imageStyle={{ width: 150, height: 35 }}
         />
       </View>
@@ -71,7 +71,7 @@ const styles = StyleSheet.create({
   header: {
     flexDirection: 'row',
     alignItems: 'center',
-    backgroundColor: '#004687',
+    backgroundColor: '#437D3D',
     padding: 16,
     paddingTop: 60,
     borderBottomWidth: 1,

package/src/components/productCard.js

@@ -362,11 +362,14 @@ export const ProductCard = ({ prod, onFocusQuantityInput, messageId }) => {
                 <>
                     <Text style={styles.originalPrice} allowFontScaling={false}>${Number(grossPrice).toFixed(2)}</Text>
                     <Text style={styles.salePrice} allowFontScaling={false}>${Number(netPrice).toFixed(2)}</Text>
+                    <Text style={styles.perUnit}>/ {selectedUom}</Text>
                 </>
                 ) : (
-                <Text style={styles.price} allowFontScaling={false}>${Number(grossPrice).toFixed(2)}</Text>
+                <>
+                    <Text style={styles.price} allowFontScaling={false}>${Number(grossPrice).toFixed(2)}</Text>
+                    <Text style={styles.perUnit}>/ {selectedUom}</Text>
+                </>
                 )}
-                <Text style={styles.perUnit}> / {selectedUom}</Text>
             </View>              
             <Text style={styles.availability}>
                 {maxQuantity === 0 ? "0 available" : maxQuantity > 1000 ? "1000+ available" : `${maxQuantity} available`}
@@ -537,9 +540,8 @@ const styles = StyleSheet.create({
     textAlignVertical: 'center',
   },
   priceContainer: {
-    flexDirection: "row",
+    flexDirection: "column",
     alignItems: "center",
-    flexWrap: "nowrap",
     justifyContent: "center",
     paddingHorizontal: 2,
   },
@@ -547,7 +549,7 @@ const styles = StyleSheet.create({
     fontSize: 14,
     textDecorationLine: "line-through",
     color: "gray",
-    marginRight: 5,
+    textAlign: "center",
     textBreakStrategy: "simple",
     lineHeight: 20,
     includeFontPadding: false,
@@ -557,6 +559,7 @@ const styles = StyleSheet.create({
     fontSize: 16,
     fontWeight: "bold",
     color: "red",
+    textAlign: "center",
     textBreakStrategy: "simple",
     lineHeight: 22,
     includeFontPadding: false,
@@ -565,6 +568,7 @@ const styles = StyleSheet.create({
   perUnit: {
     fontSize: 12,
     color: "gray",
+    textAlign: "center",
   },
   availability: {
     fontSize: 12,

package/src/components/welcomeButton.js

@@ -5,9 +5,9 @@ import { AppContext } from '../contexts/AppContext';
 
 const suggestedQuestions = [
   { text: 'What are the hours of my current branch?' },
-  { text: 'Do you have part # JNDDEV48 in stock?' },
-  { text: 'Do you carry Hayward super pumps?' },
-  { text: 'Which grid assembly goes with the Hayward DE4820 filter?' },
+  { text: 'Do you have part # RBLESPLXME2 in stock?' },
+  { text: 'How do I install the seal on B82456?' },
+  { text: 'Where can I find my POs?' },
   { text: '¿Puedes ayudarme en español?' }
 ];
 
@@ -34,7 +34,7 @@ const styles = StyleSheet.create({
   },
   button: {
     backgroundColor: 'white',
-    borderColor: '#004687',
+    borderColor: '#437D3D',
     borderWidth: 1,
     borderRadius: 18,
     paddingVertical: 12,
@@ -42,7 +42,7 @@ const styles = StyleSheet.create({
     marginBottom: 16,
   },
   buttonText: {
-    color: '#004687',
+    color: '#437D3D',
     fontSize: 13,
     fontWeight: '400',
   },

package/src/contexts/AppContext.js

@@ -17,22 +17,22 @@ export const AppProvider = ({ data, onProductCardClick, onAddToCartClick, uiConf
     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"
+  const TRACK_CLICK_URL = "https://srs-external-agent-landscape-logging-586731320826.us-central1.run.app/track-click"
+  const ADD_TO_CART_URL = "https://srs-external-agent-landscape-logging-586731320826.us-central1.run.app/add-to-cart"
   
   // Backend URLs
   const BASE_URL = data.env === "stage"
-    ? "pool-stage-external-agent-adk-586731320826.us-east1.run.app"
-    : "pool-prod-external-agent-adk-586731320826.us-east1.run.app";
-  const LOGGING_URL = "srs-external-agent-logging-ve7hwyltsq-uc.a.run.app";
+    ? "landscape-stage-external-agent-adk-586731320826.us-east1.run.app"
+    : "landscape-prod-external-agent-adk-586731320826.us-east1.run.app";
+  const LOGGING_URL = "srs-external-agent-landscape-logging-586731320826.us-central1.run.app";
   const API_PREFIX = "https://";
 
   // Default Messages
   const defaultMessage = [
-    {type: "ai", text: "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?"}
+    {type: "ai", text: "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?"}
   ]
   const maintenanceMessage = [
-    { type: "ai", text: "Hi there 👋 I'm 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 your Heritage+ AI Agent. I'm currently undergoing maintenance to improve my services. Thank you for your patience and understanding!",},
   ];
 
 

package/src/hooks/Stream.js

@@ -41,6 +41,7 @@ export function useWebSocketMessage() {
             "secondarySalesPersonName": "",
             "secondarySalesPersonEmail": null */
         },
+        branch_details: data.branch_details,
         /* branch_details: {
             "active_branch_business_hours": "8:00 AM - 4:30 PM",
             "active_branch_email": "OrdersHarrisburg@bel-aqua.com",

package/src/layout/disclaimer.js

@@ -65,7 +65,7 @@ export const Disclaimer = ({ panHandlers }) => {
                 <Text style={styles.buttonText}>Confirm</Text>
             </TouchableOpacity>
             <Text style={styles.confirmText}>
-                By clicking the "Confirm" button above, you understand and confirm that your use of Heritage Pool+ AI Agent is subject to our current Terms of Service and Privacy Policy, and you confirm your understanding of the above.
+                By clicking the "Confirm" button above, you understand and confirm that your use of Heritage+ AI Agent is subject to our current Terms of Service and Privacy Policy, and you confirm your understanding of the above.
             </Text>
         </View>
       </View>

package/src/layout/ex.js

@@ -208,7 +208,7 @@
 //   suggestedQuestionButton: {
 //     backgroundColor: "white",
 //     borderWidth: 1,
-//     borderColor: "#004687",
+//     borderColor: "#437D3D",
 //     borderRadius: 18,
 //     paddingVertical: 10,
 //     paddingHorizontal: 16,
@@ -216,7 +216,7 @@
 //     alignSelf: "flex-start",
 //   },
 //   suggestedQuestionText: {
-//     color: "#004687",
+//     color: "#437D3D",
 //     fontSize: 13,
 //     textAlign: "left",
 //   },

package/src/layout/welcome.js

@@ -31,7 +31,7 @@ export const Welcome = ({ panHandlers }) => {
             {/* Logo container with absolute positioning */}
             <View style={styles.logoContainer}>
               <CloudinaryImage
-                cldImg="logos/HPSG_HPlus_Logo_White"
+                cldImg="logos/HLSG_Logo_Lockup_Color"
                 imageStyle={{ width: 150, height: 35 }}
               />
             </View>
@@ -43,7 +43,7 @@ export const Welcome = ({ panHandlers }) => {
           <View style={styles.blueContainer}>
             <Text style={styles.welcomeHeader}>Hi {data?.customer_name || ""} 👋</Text>
             <Text style={styles.welcomeBody2}>
-              I’m your Heritage Pool+ AI Agent. I can help you during your online visit with Product and Account information.
+              I’m your Heritage+ AI Agent. I can help you during your online visit with Product and Account information.
             </Text>
             <WelcomeInput />
             <Text style={styles.textBeta}>Beta version. AI Assistant is still learning!</Text>
@@ -66,11 +66,11 @@ const styles = StyleSheet.create({
   },
   parentContainer: {
     flexGrow: 1,
-    backgroundColor: '#004687',
+    backgroundColor: '#437D3D',
     paddingTop: 60,
   },
   topContainer: {
-    backgroundColor: '#004687',
+    backgroundColor: '#437D3D',
     paddingBottom: 5, 
   },
   topHeader: {
@@ -95,7 +95,7 @@ const styles = StyleSheet.create({
     alignItems: 'center',
   },
   blueContainer: {
-    backgroundColor: '#004687',
+    backgroundColor: '#437D3D',
     padding: 15,
     margin: 10,
     borderRadius: 20,

package/src/layout/window.js

@@ -218,7 +218,7 @@ const styles = StyleSheet.create({
   },
   userMessage: {
     alignSelf: 'flex-end',
-    backgroundColor: "#003764", 
+    backgroundColor: "#437D3D", 
     color: "#ffffff",
     borderTopRightRadius: 0,
   },
@@ -233,7 +233,7 @@ const styles = StyleSheet.create({
   suggestedQuestionButton: {
     backgroundColor: "white",
     borderWidth: 1,
-    borderColor: "#004687",
+    borderColor: "#437D3D",
     borderRadius: 18,
     paddingVertical: 10,
     paddingHorizontal: 16,
@@ -241,7 +241,7 @@ const styles = StyleSheet.create({
     alignSelf: "flex-start",
   },
   suggestedQuestionText: {
-    color: "#004687",
+    color: "#437D3D",
     fontSize: 13,
     textAlign: "left",
     includeFontPadding: false,
@@ -319,7 +319,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

@@ -7,11 +7,11 @@ import { scale } from '@cloudinary/url-gen/actions/resize';
 const CloudinaryImage = ({ cldImg, imageStyle, accessibilityLabel, testID }) => {
   const cld = new Cloudinary({
     cloud: {
-      cloudName: 'heritageplus'
+      cloudName: '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
@@ -34,7 +34,7 @@ export const CloudinaryBannerImage = ({
 }) => {
   const cld = new Cloudinary({
     cloud: {
-      cloudName: 'heritageplus'
+      cloudName: '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,