react-native-srschat 0.1.39 → 0.1.41

package/lib/module/utils/cloudinary.js

@@ -0,0 +1,54 @@
+import React from 'react';
+import { Cloudinary } from '@cloudinary/url-gen';
+import { Platform, View } from 'react-native';
+import { AdvancedImage } from 'cloudinary-react-native';
+import { scale } from '@cloudinary/url-gen/actions/resize';
+const CloudinaryImage = ({
+  cldImg,
+  imageStyle,
+  accessibilityLabel,
+  testID
+}) => {
+  const cld = new Cloudinary({
+    cloud: {
+      cloudName: 'heritageplus'
+    }
+  });
+  const myImage = Platform.OS === 'ios' ? cld.image(`mobileapp/${cldImg}`) : cld.image(`mobileapp/${cldImg}`).format('png');
+  return /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(AdvancedImage, {
+    cldImg: myImage,
+    accessibilityLabel: accessibilityLabel,
+    testID: testID,
+    style: [{
+      resizeMode: 'contain'
+    }, imageStyle]
+  }));
+};
+export const CloudinaryBannerImage = ({
+  cldImg,
+  imageStyle,
+  accessibilityLabel,
+  testID,
+  width = 345,
+  height = 100
+}) => {
+  const cld = new Cloudinary({
+    cloud: {
+      cloudName: 'heritageplus'
+    }
+  });
+  const myImage = cld.image(`${cldImg}`);
+  myImage.resize(scale().width(parseInt(width * 3)).height(parseInt(height * 3)));
+  return /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(AdvancedImage, {
+    cldImg: myImage,
+    accessibilityLabel: accessibilityLabel,
+    testID: testID,
+    style: [{
+      resizeMode: 'contain',
+      width: width,
+      height: height
+    }, imageStyle]
+  }));
+};
+export default CloudinaryImage;
+//# sourceMappingURL=cloudinary.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Cloudinary","Platform","View","AdvancedImage","scale","CloudinaryImage","cldImg","imageStyle","accessibilityLabel","testID","cld","cloud","cloudName","myImage","OS","image","format","createElement","style","resizeMode","CloudinaryBannerImage","width","height","resize","parseInt"],"sourceRoot":"../../../src","sources":["utils/cloudinary.js"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,qBAAqB;AAChD,SAASC,QAAQ,EAAEC,IAAI,QAAQ,cAAc;AAC7C,SAASC,aAAa,QAAQ,yBAAyB;AACvD,SAASC,KAAK,QAAQ,oCAAoC;AAE1D,MAAMC,eAAe,GAAGA,CAAC;EAAEC,MAAM;EAAEC,UAAU;EAAEC,kBAAkB;EAAEC;AAAO,CAAC,KAAK;EAC9E,MAAMC,GAAG,GAAG,IAAIV,UAAU,CAAC;IACzBW,KAAK,EAAE;MACLC,SAAS,EAAE;IACb;EACF,CAAC,CAAC;EAEF,MAAMC,OAAO,GAAGZ,QAAQ,CAACa,EAAE,KAAK,KAAK,GAAGJ,GAAG,CAACK,KAAK,CAAC,aAAaT,MAAM,EAAE,CAAC,GAAGI,GAAG,CAACK,KAAK,CAAC,aAAaT,MAAM,EAAE,CAAC,CAACU,MAAM,CAAC,KAAK,CAAC;EACzH,oBACEjB,KAAA,CAAAkB,aAAA,CAACf,IAAI,qBACHH,KAAA,CAAAkB,aAAA,CAACd,aAAa;IACZG,MAAM,EAAEO,OAAQ;IAChBL,kBAAkB,EAAEA,kBAAmB;IACvCC,MAAM,EAAEA,MAAO;IACfS,KAAK,EAAE,CAAC;MAAEC,UAAU,EAAE;IAAU,CAAC,EAAEZ,UAAU;EAAE,CAChD,CACG,CAAC;AAEX,CAAC;AAED,OAAO,MAAMa,qBAAqB,GAAGA,CAAC;EACpCd,MAAM;EACNC,UAAU;EACVC,kBAAkB;EAClBC,MAAM;EACNY,KAAK,GAAG,GAAG;EACXC,MAAM,GAAG;AACX,CAAC,KAAK;EACJ,MAAMZ,GAAG,GAAG,IAAIV,UAAU,CAAC;IACzBW,KAAK,EAAE;MACLC,SAAS,EAAE;IACb;EACF,CAAC,CAAC;EACF,MAAMC,OAAO,GAAGH,GAAG,CAACK,KAAK,CAAC,GAAGT,MAAM,EAAE,CAAC;EACtCO,OAAO,CAACU,MAAM,CACZnB,KAAK,CAAC,CAAC,CACJiB,KAAK,CAACG,QAAQ,CAACH,KAAK,GAAG,CAAC,CAAC,CAAC,CAC1BC,MAAM,CAACE,QAAQ,CAACF,MAAM,GAAG,CAAC,CAAC,CAChC,CAAC;EACD,oBACEvB,KAAA,CAAAkB,aAAA,CAACf,IAAI,qBACHH,KAAA,CAAAkB,aAAA,CAACd,aAAa;IACZG,MAAM,EAAEO,OAAQ;IAChBL,kBAAkB,EAAEA,kBAAmB;IACvCC,MAAM,EAAEA,MAAO;IACfS,KAAK,EAAE,CAAC;MAAEC,UAAU,EAAE,SAAS;MAAEE,KAAK,EAAEA,KAAK;MAAEC,MAAM,EAAEA;IAAO,CAAC,EAAEf,UAAU;EAAE,CAC9E,CACG,CAAC;AAEX,CAAC;AAED,eAAeF,eAAe","ignoreList":[]}

package/lib/typescript/components/LoadingTips.d.ts

@@ -0,0 +1,3 @@
+export function LoadingTips(): React.JSX.Element;
+import React from 'react';
+//# sourceMappingURL=LoadingTips.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingTips.d.ts","sourceRoot":"","sources":["../../../src/components/LoadingTips.js"],"names":[],"mappings":"AAmBO,iDAyDN;kBA5EkD,OAAO"}

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

@@ -1 +1 @@
-{"version":3,"file":"header.d.ts","sourceRoot":"","sources":["../../../src/components/header.js"],"names":[],"mappings":"AAOO,4CAwDN;kBA/DiC,OAAO"}
+{"version":3,"file":"header.d.ts","sourceRoot":"","sources":["../../../src/components/header.js"],"names":[],"mappings":"AAQO,4CA4DN;kBApEiC,OAAO"}

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;;;sBAsPN;kBA3PsD,OAAO"}
+{"version":3,"file":"productCard.d.ts","sourceRoot":"","sources":["../../../src/components/productCard.js"],"names":[],"mappings":"AAKO;;;sBAyQN;kBA9QsD,OAAO"}

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

@@ -1 +1 @@
-{"version":3,"file":"progressCircle.d.ts","sourceRoot":"","sources":["../../../src/components/progressCircle.js"],"names":[],"mappings":"AAIO,oDAiCN;kBArCoD,OAAO"}
+{"version":3,"file":"progressCircle.d.ts","sourceRoot":"","sources":["../../../src/components/progressCircle.js"],"names":[],"mappings":"AAKO,oDAkCN;kBAvCoD,OAAO"}

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

@@ -1 +1 @@
-{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../src/layout/icon.js"],"names":[],"mappings":"AAMO,8CA4CN;kBAlDiC,OAAO"}
+{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../src/layout/icon.js"],"names":[],"mappings":"AAMO,8CAgDN;kBAtDiC,OAAO"}

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

@@ -1 +1 @@
-{"version":3,"file":"welcome.d.ts","sourceRoot":"","sources":["../../../src/layout/welcome.js"],"names":[],"mappings":"AAWO;;sBAqDN;kBA/DiC,OAAO"}
+{"version":3,"file":"welcome.d.ts","sourceRoot":"","sources":["../../../src/layout/welcome.js"],"names":[],"mappings":"AAYO;;sBAyDN;kBApEiC,OAAO"}

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

@@ -0,0 +1,17 @@
+export function CloudinaryBannerImage({ cldImg, imageStyle, accessibilityLabel, testID, width, height }: {
+    cldImg: any;
+    imageStyle: any;
+    accessibilityLabel: any;
+    testID: any;
+    width?: number | undefined;
+    height?: number | undefined;
+}): React.JSX.Element;
+export default CloudinaryImage;
+import React from 'react';
+declare function CloudinaryImage({ cldImg, imageStyle, accessibilityLabel, testID }: {
+    cldImg: any;
+    imageStyle: any;
+    accessibilityLabel: any;
+    testID: any;
+}): React.JSX.Element;
+//# sourceMappingURL=cloudinary.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"cloudinary.d.ts","sourceRoot":"","sources":["../../../src/utils/cloudinary.js"],"names":[],"mappings":"AA0BO;;;;;;;sBA6BN;;kBAvDiB,OAAO;AAMzB;;;;;sBAkBC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-srschat",
-  "version": "0.1.39",
+  "version": "0.1.41",
   "private": false,
   "description": "A modern, sophisticated chat interface for React Native",
   "main": "lib/commonjs/index",
@@ -75,7 +75,8 @@
     "react-native-uuid": "^2.0.3",
     "react-native-vector-icons": "^10.2.0",
     "react-native-video": "^6.10.2",
-    "react-native-web": "~0.19.10"
+    "react-native-web": "~0.19.10",
+    "cloudinary-react-native": "^0.3.0"
   },
   "react-native-builder-bob": {
     "source": "src",

package/src/components/LoadingTips.js

@@ -0,0 +1,99 @@
+import React, { useState, useEffect, useRef } from 'react';
+import { View, Text, StyleSheet, Animated } from 'react-native';
+import Ionicons from 'react-native-vector-icons/Ionicons';
+
+const tips = [
+  {
+    text: 'Use 👍👎 next to each response to help us improve Poseidon',
+    icon: ''
+  },
+  {
+    text: 'Use 🗑️ to clear current chat history and dismiss chat window',
+    icon: ''
+  },
+  {
+    text: 'Use 📧 to send any questions to the current branch support',
+    icon: ''
+  }
+];
+
+export const LoadingTips = () => {
+  const [currentTip, setCurrentTip] = useState(0);
+  const fadeAnim = useRef(new Animated.Value(1)).current;
+  const jumpAnim = useRef(new Animated.Value(0)).current;
+
+  useEffect(() => {
+    // Fade in/out for tip changes
+    const tipInterval = setInterval(() => {
+      // Fade out
+      Animated.timing(fadeAnim, {
+        toValue: 0,
+        duration: 500,
+        useNativeDriver: true,
+      }).start(() => {
+        // Change tip and fade in
+        setCurrentTip(prev => (prev + 1) % tips.length);
+        Animated.timing(fadeAnim, {
+          toValue: 1,
+          duration: 500,
+          useNativeDriver: true,
+        }).start();
+      });
+    }, 4000);
+
+    // Jump animation
+    const jumpInterval = setInterval(() => {
+      Animated.sequence([
+        Animated.timing(jumpAnim, {
+          toValue: -5,
+          duration: 250,
+          useNativeDriver: true,
+        }),
+        Animated.timing(jumpAnim, {
+          toValue: 0,
+          duration: 250,
+          useNativeDriver: true,
+        })
+      ]).start();
+    }, 2000);
+
+    return () => {
+      clearInterval(tipInterval);
+      clearInterval(jumpInterval);
+    };
+  }, []);
+
+  return (
+    <Animated.View style={[styles.container, { opacity: fadeAnim }]}>
+      <Animated.View style={{ transform: [{ translateY: jumpAnim }] }}>
+        <Ionicons name="bulb-outline" size={16} color="#367CB6" />
+      </Animated.View>
+      <Text style={styles.tipText}>
+        <Text style={styles.tipIcon}>{tips[currentTip].icon} </Text>
+        {tips[currentTip].text}
+      </Text>
+    </Animated.View>
+  );
+};
+
+const styles = StyleSheet.create({
+  container: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    padding: 10,
+    marginLeft: 15,
+    borderRadius: 8,
+    marginBottom: 8,
+    flex: 1,
+  },
+  tipText: {
+    marginLeft: 8,
+    fontSize: 14,
+    color: '#303030',
+    flexShrink: 1,
+  },
+  tipIcon: {
+    marginRight: 5,
+    fontSize: 16,
+  }
+});

package/src/components/email.js

@@ -157,7 +157,7 @@ const styles = StyleSheet.create({
     marginBottom: 20,
   },
   input: {
-    backgroundColor: "#f5f5f5",
+    backgroundColor: "white",
     borderRadius: 8,
     padding: 12,
     fontSize: 16,
@@ -166,7 +166,7 @@ const styles = StyleSheet.create({
     marginBottom: 10,
   },
   textArea: {
-    backgroundColor: "#f5f5f5",
+    backgroundColor: "white",
     borderRadius: 8,
     padding: 12,
     fontSize: 16,

package/src/components/header.js

@@ -3,6 +3,7 @@ import { View, Text, TouchableOpacity, StyleSheet, Image } from 'react-native';
 import { AppContext } from '../contexts/AppContext';
 import Ionicons from 'react-native-vector-icons/Ionicons';
 import { SvgCssUri } from 'react-native-svg/css';
+import CloudinaryImage from '../utils/cloudinary';
 // import { PoseidonLogo } from './PoseidonLogo';
 
 export const Header = () => {
@@ -26,10 +27,14 @@ export const Header = () => {
       <View style={styles.section}>
         {/* <PoseidonLogo width={150} height={35} color="white" /> */}
         {/* <Image source={require('../assets/heritage.png')} style={[styles.logo, { tintColor: "white" }]}  /> */}
-        <SvgCssUri
+        {/* <SvgCssUri
           uri="https://media.heritageplus.com/image/upload/v1743632330/MobileApp/posiden.svg"
           width={150}
           height={35}
+        /> */}
+        <CloudinaryImage
+          cldImg="posiden"
+          imageStyle={{ width: 150, height: 35 }}
         />
       </View>
 
@@ -51,12 +56,12 @@ export const Header = () => {
             <Ionicons name="mail" size={24} color="white" />
           </TouchableOpacity>
           <TouchableOpacity onPress={() => handleClearState()}>
-            <Ionicons name="trash" size={24} color="white" />
+            <Ionicons name="trash" size={22} color="white" />
           </TouchableOpacity>
           </>
         }
         <TouchableOpacity onPress={() => handleClick()}>
-          <Ionicons name="chevron-down" size={24} color="white" />
+          <Ionicons name="close" size={26} color="white" />
         </TouchableOpacity>
       </View>
     </View>

package/src/components/productCard.js

@@ -1,5 +1,5 @@
 import React, { useState, useContext, useEffect } from "react";
-import { View, Text, Image, TouchableOpacity, TextInput, StyleSheet, Platform, Keyboard, ActionSheetIOS } from "react-native";
+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';
 
@@ -112,6 +112,25 @@ export const ProductCard = ({ prod, onFocusQuantityInput }) => {
           }
         }
       );
+    } else if (Platform.OS === 'android') {
+      // Android implementation
+      const buttons = uoms.map(uom => ({
+        text: uom,
+        onPress: () => handleUomChange(uom)
+      }));
+      
+      // Add cancel button
+      buttons.push({
+        text: 'Cancel',
+        style: 'cancel'
+      });
+      
+      Alert.alert(
+        'Select Unit',
+        '',
+        buttons,
+        { cancelable: true }
+      );
     }
   };
   
@@ -182,7 +201,7 @@ export const ProductCard = ({ prod, onFocusQuantityInput }) => {
                   disabled={!valid}
                 >
                   <Text style={styles.dropdownButtonText}>{selectedUom}</Text>
-                  <Ionicons name="chevron-down" size={16} color="rgba(0, 0, 0, 0.6)" />
+                  <Ionicons name="close" size={26} color="rgba(0, 0, 0, 0.6)" />
                 </TouchableOpacity>
               </View>
             ) : null}

package/src/components/progressCircle.js

@@ -1,6 +1,7 @@
 import React, { useEffect, useRef, useContext } from "react";
 import { View, Animated, StyleSheet, Pressable, Text } from "react-native";
 import { AppContext } from "../contexts/AppContext";
+import { LoadingTips } from "./LoadingTips";
 
 export const ProgressCircle = () => {
     const { stopGenerating } = useContext(AppContext);
@@ -28,6 +29,7 @@ export const ProgressCircle = () => {
         <>
         <Text style={styles.textBeta}>Beta version. Poseidon is learning!</Text>
         <View style={styles.container}>
+            <LoadingTips />
             <Pressable style={styles.circleContainer} onPress={stopGenerating}>
                 <Animated.View style={[styles.circle, { transform: [{ rotate: spin }] }]} />
                 <View style={styles.stopSquare} />

package/src/layout/icon.js

@@ -2,8 +2,8 @@ import React, { useContext } from 'react';
 import { TouchableOpacity, View, StyleSheet, Text } from 'react-native';
 import { AppContext } from '../contexts/AppContext';
 import Ionicons from 'react-native-vector-icons/Ionicons';
-import { SvgCssUri } from 'react-native-svg/css';
-
+// import { SvgCssUri } from 'react-native-svg/css';
+import CloudinaryImage from '../utils/cloudinary';
 export const ChatIcon = () => {
   const { setShowModal, messages, maintenance, disclaimer, uiConfig } = useContext(AppContext);
 
@@ -37,10 +37,14 @@ export const ChatIcon = () => {
   return (
     <TouchableOpacity style={containerStyle} onPress={handleClick} activeOpacity={0.7}>
       <View style={styles.iconContent}>
-        <SvgCssUri
+        {/* <SvgCssUri
         uri = "https://media.heritageplus.com/image/upload/v1743096853/MobileApp/chat-icon-mobile.svg"
         width = {44}
         height = {44}
+        /> */}
+        <CloudinaryImage
+          cldImg="chat-icon-mobile"
+          imageStyle={{ width: 44, height: 44 }}
         />
         {iconType === 'tab' && (
           <Text style={styles.tabText}>Chat with Heritage</Text>

package/src/layout/welcome.js

@@ -7,6 +7,7 @@ import { WelcomeInput } from '../components/welcomeInput';
 import ButtonComponent from '../components/welcomeButton';
 import { Testing } from '../components/testing';
 import { SvgCssUri } from 'react-native-svg/css';
+import CloudinaryImage from '../utils/cloudinary';
 // import { PoseidonLogo } from '../components/PoseidonLogo';
 
 export const Welcome = ({ panHandlers }) => {
@@ -33,13 +34,17 @@ export const Welcome = ({ panHandlers }) => {
         <View style={styles.topContainer}>
           <View style={styles.topHeader}>
             {/* <PoseidonLogo width={150} height={35} color="white" /> */}
-            <SvgCssUri
+            {/* <SvgCssUri
               uri="https://media.heritageplus.com/image/upload/v1743632330/MobileApp/posiden.svg"
               width={150}
               height={35}
+            /> */}
+            <CloudinaryImage
+              cldImg="posiden"
+              imageStyle={{ width: 150, height: 35 }}
             />
             <TouchableOpacity onPress={() => handleClick()} style={styles.collapseButton}>
-              <Ionicons name="chevron-down" size={24} color="white" />
+              <Ionicons name="close" size={26} color="white" />
             </TouchableOpacity>
           </View>
           

package/src/utils/cloudinary.js

@@ -0,0 +1,58 @@
+import React from 'react';
+import { Cloudinary } from '@cloudinary/url-gen';
+import { Platform, View } from 'react-native';
+import { AdvancedImage } from 'cloudinary-react-native';
+import { scale } from '@cloudinary/url-gen/actions/resize';
+
+const CloudinaryImage = ({ cldImg, imageStyle, accessibilityLabel, testID }) => {
+  const cld = new Cloudinary({
+    cloud: {
+      cloudName: 'heritageplus'
+    }
+  });
+
+  const myImage = Platform.OS === 'ios' ? cld.image(`mobileapp/${cldImg}`) : cld.image(`mobileapp/${cldImg}`).format('png');
+  return (
+    <View>
+      <AdvancedImage
+        cldImg={myImage}
+        accessibilityLabel={accessibilityLabel}
+        testID={testID}
+        style={[{ resizeMode: 'contain' }, imageStyle]}
+      />
+    </View>
+  );
+};
+
+export const CloudinaryBannerImage = ({
+  cldImg,
+  imageStyle,
+  accessibilityLabel,
+  testID,
+  width = 345,
+  height = 100
+}) => {
+  const cld = new Cloudinary({
+    cloud: {
+      cloudName: 'heritageplus'
+    }
+  });
+  const myImage = cld.image(`${cldImg}`);
+  myImage.resize(
+    scale()
+      .width(parseInt(width * 3))
+      .height(parseInt(height * 3))
+  );
+  return (
+    <View>
+      <AdvancedImage
+        cldImg={myImage}
+        accessibilityLabel={accessibilityLabel}
+        testID={testID}
+        style={[{ resizeMode: 'contain', width: width, height: height }, imageStyle]}
+      />
+    </View>
+  );
+};
+
+export default CloudinaryImage;