react-native-srschat 0.1.83 → 0.1.85

package/src/layout/disclaimer.js

@@ -1,82 +1,129 @@
-import React, { useContext } from "react";
-import { View, Text, ScrollView, StyleSheet, TouchableOpacity } from "react-native";
-import { AppContext } from "../contexts/AppContext";
-import Feather from "react-native-vector-icons/Feather";
+import React, { useContext } from 'react';
+import {
+  View,
+  Text,
+  ScrollView,
+  StyleSheet,
+  TouchableOpacity,
+} from 'react-native';
+import { AppContext } from '../contexts/AppContext';
+import Feather from 'react-native-vector-icons/Feather';
 import { Header } from '../components/header';
-import { Testing } from "../components/testing";
+import { Testing } from '../components/testing';
 
 export const Disclaimer = ({ panHandlers }) => {
-  const { setShowModal, confirmDisclaimer, uiConfig, onAddToCartClick, onProductCardClick, theme } = useContext(AppContext);
+  const {
+    version,
+    setShowModal,
+    confirmDisclaimer,
+    uiConfig,
+    onAddToCartClick,
+    onProductCardClick,
+    theme,
+  } = useContext(AppContext);
 
   const sections = [
     {
-      title: "General Information",
-      details: "The AI agent is an automated system powered by Instalily. It is designed to provide information and assistance based on HeritagePool+ Suppliers and documentation in product brand manuals. While we strive to provide accurate information through the AI agent, we cannot guarantee the accuracy, completeness, or up-to-date nature of the information provided. We recommend that you use responses as a starting point and verify the information in the linked public documentation sources.",
-      icon: "file-text"
+      title: 'General Information',
+      details:
+        'The AI agent is an automated system powered by Instalily. It is designed to provide information and assistance based on HeritagePool+ Suppliers and documentation in product brand manuals. While we strive to provide accurate information through the AI agent, we cannot guarantee the accuracy, completeness, or up-to-date nature of the information provided. We recommend that you use responses as a starting point and verify the information in the linked public documentation sources.',
+      icon: 'file-text',
     },
     {
-      title: "User Responsibility",
-      details: "Users of the AI agent bear sole responsibility for their interactions and reliance on the information provided. It is important to exercise caution and use your discretion while interpreting and acting upon the agent's responses. We cannot be held liable for any actions, losses, or damages resulting from the use of the agent.",
-      icon: "thumbs-up"
+      title: 'User Responsibility',
+      details:
+        "Users of the AI agent bear sole responsibility for their interactions and reliance on the information provided. It is important to exercise caution and use your discretion while interpreting and acting upon the agent's responses. We cannot be held liable for any actions, losses, or damages resulting from the use of the agent.",
+      icon: 'thumbs-up',
     },
     {
-      title: "Data Privacy and Security",
-      details: "We prioritize the privacy and security of our users' information. Be aware that agent conversations are recorded and stored for later review and quality monitoring by SRS Distribution and its contractors, including by SRS’ content team to improve results. While SRS and the vendor retain logs of these conversations, this data is not used to train their AI models.",
-      icon: "lock"
-    }
+      title: 'Data Privacy and Security',
+      details:
+        "We prioritize the privacy and security of our users' information. Be aware that agent conversations are recorded and stored for later review and quality monitoring by SRS Distribution and its contractors, including by SRS’ content team to improve results. While SRS and the vendor retain logs of these conversations, this data is not used to train their AI models.",
+      icon: 'lock',
+    },
   ];
 
   return (
-      <View style={styles.container}>
-        <View>
-            <Header />
-        </View>
-        <ScrollView contentContainerStyle={styles.scrollContainer}>
-          <View style={styles.header}>
-            <Text style={styles.welcomeTitle}>Welcome to your AI Agent</Text>
-            <View style={styles.betaTag}>
-              <Text style={styles.betaText}>BETA</Text>
-            </View>
+    <View style={styles.container}>
+      <View>
+        <Header />
+      </View>
+      <ScrollView contentContainerStyle={styles.scrollContainer}>
+        <View style={styles.header}>
+          <Text style={styles.welcomeTitle}>Welcome to your AI Agent</Text>
+          <View style={styles.betaTag}>
+            <Text style={styles.betaText}>BETA</Text>
           </View>
+        </View>
 
-          <Text style={styles.disclaimerText}>
-            The following disclaimer is intended to inform users of the limitations and usage guidelines of the AI agent.
-          </Text>
-          <Text style={styles.disclaimerText}>
-            Please read this disclaimer carefully before engaging with the agent.
-          </Text>
+        <Text style={styles.disclaimerText}>
+          The following disclaimer is intended to inform users of the
+          limitations and usage guidelines of the AI agent.
+        </Text>
+        <Text style={styles.disclaimerText}>
+          Please read this disclaimer carefully before engaging with the agent.
+        </Text>
 
-          {sections.map((section, index) => (
-            <Paragraph key={index} title={section.title} details={section.details} icon={section.icon} theme={theme} />
-          ))}
+        {sections.map((section, index) => (
+          <Paragraph
+            key={index}
+            title={section.title}
+            details={section.details}
+            icon={section.icon}
+            theme={theme}
+          />
+        ))}
 
-          <Text style={styles.disclaimerText}>
-            Do not share any sensitive or personal information in your conversations.
-          </Text>
-          <Text style={styles.disclaimerText}>
-            By using our AI agent, you indicate your acceptance and understanding of the above disclaimer. If you do not agree with any part of this disclaimer, we recommend refraining from using the agent. For further assistance or inquiries, please contact <Text style={styles.boldText}>srs@instalily.ai</Text>.
-          </Text>
-        </ScrollView>
-        {uiConfig.testButtons && 
-            <Testing onProductCardClick={onProductCardClick} onAddToCartClick={onAddToCartClick} />
-        }
-        <View style={styles.confirmArea}>
-            <TouchableOpacity style={[styles.button, { backgroundColor: theme.primaryColor }]} onPress={confirmDisclaimer}>
-                <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.
-            </Text>
-        </View>
+        <Text style={styles.disclaimerText}>
+          Do not share any sensitive or personal information in your
+          conversations.
+        </Text>
+        <Text style={styles.disclaimerText}>
+          By using our AI agent, you indicate your acceptance and understanding
+          of the above disclaimer. If you do not agree with any part of this
+          disclaimer, we recommend refraining from using the agent. For further
+          assistance or inquiries, please contact{' '}
+          <Text style={styles.boldText}>srs@instalily.ai</Text>.
+        </Text>
+      </ScrollView>
+      {uiConfig.testButtons && (
+        <Testing
+          onProductCardClick={onProductCardClick}
+          onAddToCartClick={onAddToCartClick}
+        />
+      )}
+      <View style={styles.confirmArea}>
+        <TouchableOpacity
+          style={[styles.button, { backgroundColor: theme.primaryColor }]}
+          onPress={confirmDisclaimer}>
+          <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 ${
+            version === 'pool' ? 'HeritagePool+' : '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>
   );
 };
 
 const Paragraph = ({ title, details, icon, theme }) => {
   return (
     <View style={styles.sectionContainer}>
-      <View style={[styles.iconContainer, { backgroundColor: `${theme.primaryColor}20` }]}>
-        <Feather name={icon} size={18} color={theme?.primaryColor || '#1976d2'} />
+      <View
+        style={[
+          styles.iconContainer,
+          { backgroundColor: `${theme.primaryColor}20` },
+        ]}>
+        <Feather
+          name={icon}
+          size={18}
+          color={theme?.primaryColor || '#1976d2'}
+        />
       </View>
       <View style={styles.textContainer}>
         <Text style={styles.sectionTitle}>{title}</Text>
@@ -95,40 +142,40 @@ const styles = StyleSheet.create({
     padding: 20,
   },
   header: {
-    flexDirection: "row",
-    alignItems: "center",
+    flexDirection: 'row',
+    alignItems: 'center',
     marginBottom: 10,
   },
   welcomeTitle: {
     fontSize: 18,
-    fontWeight: "500",
-    color: "#161616",
+    fontWeight: '500',
+    color: '#161616',
   },
   betaTag: {
-    backgroundColor: "#f6921e",
+    backgroundColor: '#f6921e',
     borderRadius: 8,
     paddingHorizontal: 10,
     paddingVertical: 4,
     marginLeft: 10,
   },
   betaText: {
-    color: "#ffffff",
+    color: '#ffffff',
     fontSize: 11,
-    fontWeight: "500",
+    fontWeight: '500',
   },
   disclaimerText: {
     fontSize: 13,
-    color: "#505050",
+    color: '#505050',
     lineHeight: 18,
     marginBottom: 8,
   },
   boldText: {
-    fontWeight: "bold",
+    fontWeight: 'bold',
   },
   sectionContainer: {
-    flexDirection: "row",
-    alignItems: "flex-start",
-    backgroundColor: "#fff",
+    flexDirection: 'row',
+    alignItems: 'flex-start',
+    backgroundColor: '#fff',
     padding: 12,
     marginBottom: 10,
     borderRadius: 10,
@@ -137,8 +184,8 @@ const styles = StyleSheet.create({
   iconContainer: {
     borderRadius: 10,
     padding: 10,
-    alignItems: "center",
-    justifyContent: "center",
+    alignItems: 'center',
+    justifyContent: 'center',
     marginRight: 10,
   },
   textContainer: {
@@ -146,17 +193,17 @@ const styles = StyleSheet.create({
   },
   sectionTitle: {
     fontSize: 14,
-    fontWeight: "500",
-    color: "#161616",
+    fontWeight: '500',
+    color: '#161616',
     marginBottom: 3,
   },
   sectionDetails: {
     fontSize: 12,
-    color: "#505050",
+    color: '#505050',
     lineHeight: 18,
   },
   confirmArea: {
-    alignItems: "center",
+    alignItems: 'center',
     padding: 20,
     backgroundColor: '#f6f6f6',
     borderTopWidth: 1,
@@ -164,20 +211,20 @@ const styles = StyleSheet.create({
     paddingBottom: 25,
   },
   button: {
-    width: "100%",
+    width: '100%',
     paddingVertical: 12,
     borderRadius: 5,
-    alignItems: "center",
+    alignItems: 'center',
     marginBottom: 10,
   },
   buttonText: {
-    color: "#FFFFFF",
+    color: '#FFFFFF',
     fontSize: 16,
-    fontWeight: "500",
+    fontWeight: '500',
   },
   confirmText: {
     fontSize: 11,
-    color: "gray",
+    color: 'gray',
     lineHeight: 16,
     paddingHorizontal: 10,
   },

package/src/layout/welcome.js

@@ -1,6 +1,12 @@
 // Welcome.js
 import React, { useContext } from 'react';
-import { View, Text, TouchableOpacity, ScrollView, StyleSheet } from 'react-native';
+import {
+  View,
+  Text,
+  TouchableOpacity,
+  ScrollView,
+  StyleSheet,
+} from 'react-native';
 import Ionicons from 'react-native-vector-icons/Ionicons';
 import { AppContext } from '../contexts/AppContext';
 import { WelcomeInput } from '../components/welcomeInput';
@@ -8,15 +14,24 @@ import ButtonComponent from '../components/welcomeButton';
 import CloudinaryImage from '../utils/cloudinary';
 
 export const Welcome = ({ panHandlers }) => {
-  const { setShowModal, uiConfig, onProductCardClick, onAddToCartClick, data, theme, brandLogo } = useContext(AppContext);
+  const {
+    setShowModal,
+    uiConfig,
+    onProductCardClick,
+    onAddToCartClick,
+    data,
+    theme,
+    brandLogo,
+    version,
+  } = useContext(AppContext);
 
   const handleClick = () => {
     if ((uiConfig.showIcon ?? true) !== true) {
-      setShowModal("Off");
+      setShowModal('Off');
     } else {
-      setShowModal("Icon");
+      setShowModal('Icon');
     }
-    
+
     if (typeof uiConfig.setToggleChat === 'function') {
       uiConfig.setToggleChat(false);
     }
@@ -24,26 +39,49 @@ export const Welcome = ({ panHandlers }) => {
 
   return (
     <View style={styles.container}>
-      <View style={[styles.parentContainer, { backgroundColor: theme.primaryColor }]}>
+      <View
+        style={[
+          styles.parentContainer,
+          { backgroundColor: theme.primaryColor },
+        ]}>
         {/* Top section */}
-        <View style={[styles.topContainer, { backgroundColor: theme.primaryColor }]}>
+        <View
+          style={[
+            styles.topContainer,
+            { backgroundColor: theme.primaryColor },
+          ]}>
           <View style={styles.topHeader}>
             {/* Logo container with absolute positioning */}
             <View style={styles.logoContainer}>
-              <CloudinaryImage cldImg={brandLogo} imageStyle={{ width: 150, height: 35 }} />
+              <CloudinaryImage
+                cldImg={brandLogo}
+                imageStyle={{ width: 150, height: 35 }}
+              />
             </View>
-            <TouchableOpacity onPress={handleClick} style={styles.collapseButton}>
+            <TouchableOpacity
+              onPress={handleClick}
+              style={styles.collapseButton}>
               <Ionicons name="close" size={26} color="white" />
             </TouchableOpacity>
           </View>
-          
-          <View style={[styles.blueContainer, { backgroundColor: theme.primaryColor }]}>
-            <Text style={styles.welcomeHeader}>Hi {data?.customer_name || ""} 👋</Text>
+
+          <View
+            style={[
+              styles.blueContainer,
+              { backgroundColor: theme.primaryColor },
+            ]}>
+            <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 ${
+                version === 'pool' ? 'HeritagePool+' : '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>
+            <Text style={styles.textBeta}>
+              Beta version. AI Assistant is still learning!
+            </Text>
           </View>
         </View>
 
@@ -68,7 +106,7 @@ const styles = StyleSheet.create({
   },
   topContainer: {
     backgroundColor: '#437D3D',
-    paddingBottom: 5, 
+    paddingBottom: 5,
   },
   topHeader: {
     flexDirection: 'row',
@@ -76,15 +114,15 @@ const styles = StyleSheet.create({
     paddingHorizontal: 15,
     paddingTop: 10,
     justifyContent: 'flex-end',
-    position: 'relative', 
+    position: 'relative',
   },
   logoContainer: {
     position: 'absolute',
-    left: 15,  
+    left: 15,
     top: 10,
     // left: '50%',
     // transform: [{ translateX: -65 }],
-    // top: 10,  
+    // top: 10,
   },
   collapseButton: {
     paddingHorizontal: 15,
@@ -111,7 +149,7 @@ const styles = StyleSheet.create({
     marginBottom: 15,
   },
   textBeta: {
-    textAlign: 'center', 
+    textAlign: 'center',
     fontSize: 11,
     color: '#f6f6f6',
     fontWeight: '400',
@@ -119,7 +157,7 @@ const styles = StyleSheet.create({
   },
   bottomContainer: {
     paddingHorizontal: 25,
-    backgroundColor: "#f6f6f6",
+    backgroundColor: '#f6f6f6',
     paddingTop: 30,
   },
   welcomeBody: {