react-native-srschat 0.1.57 → 0.1.59

package/src/components/productCard.js

@@ -352,11 +352,11 @@ export const ProductCard = ({ prod, onFocusQuantityInput, messageId }) => {
             <View style={styles.priceContainer}>
                 {isOnSale ? (
                 <>
-                    <Text style={styles.originalPrice}>${Number(grossPrice).toFixed(2)}</Text>
-                    <Text style={styles.salePrice}>${Number(netPrice).toFixed(2)}</Text>
+                    <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.price}>${Number(grossPrice).toFixed(2)}</Text>
+                <Text style={styles.price} allowFontScaling={false}>${Number(grossPrice).toFixed(2)}</Text>
                 )}
                 <Text style={styles.perUnit}> / {selectedUom}</Text>
             </View>              
@@ -520,24 +520,39 @@ const styles = StyleSheet.create({
   price: {
     fontSize: 14,
     fontWeight: "bold",
+    color: "#161616",
     textAlign: "center",
+    textBreakStrategy: "simple",
+    alignSelf: "stretch",
+    lineHeight: 20,
+    includeFontPadding: false,
+    textAlignVertical: 'center',
   },
   priceContainer: {
     flexDirection: "row",
     alignItems: "center",
-    flexWrap: "wrap",
+    flexWrap: "nowrap",
     justifyContent: "center",
+    paddingHorizontal: 2,
   },
   originalPrice: {
     fontSize: 14,
     textDecorationLine: "line-through",
     color: "gray",
     marginRight: 5,
+    textBreakStrategy: "simple",
+    lineHeight: 20,
+    includeFontPadding: false,
+    textAlignVertical: 'center',
   },
   salePrice: {
     fontSize: 16,
     fontWeight: "bold",
     color: "red",
+    textBreakStrategy: "simple",
+    lineHeight: 22,
+    includeFontPadding: false,
+    textAlignVertical: 'center',
   },
   perUnit: {
     fontSize: 12,

package/src/components/testing.js

@@ -1,6 +1,5 @@
 import React from 'react';
-import { View, Button, StyleSheet, TouchableOpacity, Text, ScrollView } from 'react-native';
-import { ProductCard } from './productCard';
+import { View, Button, StyleSheet, TouchableOpacity, Text } from 'react-native';
 
 export const Testing = ({ onProductCardClick, onAddToCartClick }) => {
 
@@ -15,8 +14,7 @@ export const Testing = ({ onProductCardClick, onAddToCartClick }) => {
           "net_price": 7.83,
           "is_on_sale": false,
           "quantity_available": 0,
-          "discounts": null,
-          "min_pack_qty": 1.5
+          "discounts": null
         }
       }
     },
@@ -30,52 +28,25 @@ export const Testing = ({ onProductCardClick, onAddToCartClick }) => {
   }
 
   return (
-    <ScrollView style={styles.container}>
-      <Text style={styles.title}>Test Product Card</Text>
-      
-      {/* Display the actual product card */}
-      <View style={styles.productCardContainer}>
-        <ProductCard 
-          prod={product}
-          onFocusQuantityInput={(partNumber) => console.log('Focus on:', partNumber)}
-          messageId="test-message-123"
-        />
-      </View>
-      
-      {/* Test buttons */}
-      <View style={styles.buttonContainer}>
-        <TouchableOpacity style={styles.button} onPress={() => onProductCardClick(product)}>
-            <Text style={styles.buttonText}>Product Card Click</Text>
-        </TouchableOpacity>
-        <TouchableOpacity style={styles.button} onPress={() => onAddToCartClick({"quantity":1,"product":product})}>
-            <Text style={styles.buttonText}>Add to Cart</Text>
-        </TouchableOpacity>
-      </View>
-    </ScrollView>
+    <View style={styles.container}>
+      <TouchableOpacity style={styles.button} onPress={() => onProductCardClick(product)}>
+          <Text style={styles.buttonText}>Product Card Click</Text>
+      </TouchableOpacity>
+      <TouchableOpacity style={styles.button} onPress={() => onAddToCartClick({"quantity":1,"product":product})}>
+          <Text style={styles.buttonText}>Add to Cart</Text>
+      </TouchableOpacity>
+    </View>
   );
 };
 
 const styles = StyleSheet.create({
   container: {
-    backgroundColor: '#f6f6f6',
-    borderTopWidth: 1,
-    borderTopColor: '#DDD',
-  },
-  title: {
-    fontSize: 18,
-    fontWeight: 'bold',
-    textAlign: 'center',
-    padding: 16,
-  },
-  productCardContainer: {
-    paddingHorizontal: 16,
-  },
-  buttonContainer: {
     flexDirection: 'row',
     alignItems: 'center',
     justifyContent: 'space-evenly',
     paddingHorizontal: 16,
-    paddingVertical: 20,
+    borderTopWidth: 1,
+    borderTopColor: '#DDD',
   },
   button: {
     backgroundColor: "#d4d4d4",
@@ -83,9 +54,7 @@ const styles = StyleSheet.create({
     paddingHorizontal: 12,
     borderRadius: 5,
     alignItems: "center",
-  },
-  buttonText: {
-    fontSize: 14,
-    fontWeight: 'bold',
+    marginBottom: 10,
+    marginTop: 10,
   },
 });

package/src/contexts/AppContext.js

@@ -150,16 +150,26 @@ export const AppProvider = ({ data, onProductCardClick, onAddToCartClick, uiConf
         { type: "ai", text: "The chat is currently unavailable, please come back later!",},]);
       return;
     }
-    if (input.trim() !== "") {
+    
+    // Ensure input is a string and not empty
+    const userInput = typeof input === 'string' ? input.trim() : String(input || '').trim();
+    
+    if (userInput !== "") {
       if (messages.length <= 1) {
         const startTime = new Date().toISOString();
         setConversationStartTime(startTime);
       }
 
+      // Create user message object with immutable text
+      const userMessage = { 
+        type: "user", 
+        text: userInput 
+      };
+
       // Initiate streaming
       setShowModal("ChatWindow");
-      setLastUserMessage(input);
-      setMessages([...messages, { type: "user", text: input }]);
+      setLastUserMessage(userInput);
+      setMessages([...messages, userMessage]);
       setTypingIndicator(true);
       setGhostMessage(true);
       setStartStreaming(true);

package/src/layout/window.js

@@ -104,11 +104,13 @@ export const ChatWindow = ({ panHandlers }) => {
       >
         {messages.map((msg, i) => (
           
-          <View key={i} style={styles.messageWrapper}>
+          <View key={msg.id || msg.message_id || i} style={styles.messageWrapper}>
             {msg.type !== "middle" && (
                 <View style={[ styles.messageBubble, msg.type === "user" ? styles.userMessage : styles.aiMessage,]}>
-                  <Markdown style={{ body: { color: msg.type === "user" ? "#ffffff" : "#161616",fontSize: 16, lineHeight: 22 }}}> 
+
+                  <Markdown style={{ body: { color: msg.type === "user" ? "#ffffff" : "#161616",fontSize: 16, lineHeight: 22, includeFontPadding: false, textAlignVertical: 'center' }}}> 
                     {typeof msg.text === 'string' ? msg.text : String(msg.text || '')}
+
                   </Markdown>
                   {(msg.type == 'ai' && i != 0 && msg.message_id ) && 
                     <Feedback message={msg} messageId={msg.message_id}/>
@@ -118,10 +120,14 @@ export const ChatWindow = ({ panHandlers }) => {
 
             {msg.type == "middle" && (
               <View style={[styles.middleMessageBubble, styles.middleMessage]}>
-                <Ionicons name="sparkles-outline" size={16} style={{marginRight: 10, marginTop: 10}}/>
+                <Text style={{marginRight: 10, marginTop: 10}} allowFontScaling={false}>
+                  <Ionicons name="sparkles-outline" size={16} color="#161616"/>
+                </Text>
                 <View style={styles.middleMessageText}>
-                  <Markdown style={{ body: { color: msg.type === "user" ? "#ffffff" : "#161616",fontSize: 16, lineHeight: 22 }}}> 
+
+                  <Markdown style={{ body: { color: msg.type === "user" ? "#ffffff" : "#161616",fontSize: 16, lineHeight: 22, includeFontPadding: false, textAlignVertical: 'center' }}}> 
                   {typeof msg.text === 'string' ? msg.text : String(msg.text || '')}
+
                   </Markdown>
                 </View>
               </View>
@@ -238,6 +244,8 @@ const styles = StyleSheet.create({
     color: "#004687",
     fontSize: 13,
     textAlign: "left",
+    includeFontPadding: false,
+    textAlignVertical: "center",
   },
   ghostMessageContainer: {
     alignSelf: 'flex-start',
@@ -297,6 +305,8 @@ const styles = StyleSheet.create({
       color: 'white', 
       fontSize: 16,
       marginRight: 8, 
+      includeFontPadding: false,
+      textAlignVertical: "center",
   },
   middleMessageBubble:{
     padding: 6,

package/lib/commonjs/components/testProductCard.js

@@ -1,60 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TestProductCard = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _reactNative = require("react-native");
-var _productCard = require("./productCard");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const mockProduct = {
-  "part_number": "AEQO177",
-  "inventory_info": {
-    "default_uom": "EA",
-    "is_valid": true,
-    "info_by_uom": {
-      "EA": {
-        "gross_price": 7.83,
-        "net_price": 7.83,
-        "is_on_sale": false,
-        "quantity_available": 0,
-        "discounts": null,
-        "min_pack_qty": 1.5
-      }
-    }
-  },
-  "product_details": {
-    "product_name": "Aladdin Hayward SPX1600S SuperPump Lid Gasket | O-177-2",
-    "part_number": "AEQO177",
-    "manufacturer_id": "O-177-2",
-    "heritage_link": "https://www.heritagepoolplus.com/aeqo177-aladdin-o-ring-o-177-o-177-2-o-177-2",
-    "image_url": "https://media.heritageplus.com/image/upload/v1668157956/image/AEQO177_0.jpg"
-  }
-};
-const TestProductCard = () => {
-  return /*#__PURE__*/_react.default.createElement(_reactNative.ScrollView, {
-    style: styles.container
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
-    style: styles.title
-  }, "Test Product Card"), /*#__PURE__*/_react.default.createElement(_productCard.ProductCard, {
-    prod: mockProduct,
-    onFocusQuantityInput: partNumber => console.log('Focus on:', partNumber),
-    messageId: "test-message-123"
-  }));
-};
-exports.TestProductCard = TestProductCard;
-const styles = _reactNative.StyleSheet.create({
-  container: {
-    flex: 1,
-    backgroundColor: '#f6f6f6',
-    padding: 16
-  },
-  title: {
-    fontSize: 18,
-    fontWeight: 'bold',
-    marginBottom: 16,
-    textAlign: 'center'
-  }
-});
-//# sourceMappingURL=testProductCard.js.map

package/lib/commonjs/components/testProductCard.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_productCard","e","__esModule","default","mockProduct","TestProductCard","createElement","ScrollView","style","styles","container","Text","title","ProductCard","prod","onFocusQuantityInput","partNumber","console","log","messageId","exports","StyleSheet","create","flex","backgroundColor","padding","fontSize","fontWeight","marginBottom","textAlign"],"sourceRoot":"../../../src","sources":["components/testProductCard.js"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AAA4C,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE5C,MAAMG,WAAW,GAAG;EAClB,aAAa,EAAE,SAAS;EACxB,gBAAgB,EAAE;IAChB,aAAa,EAAE,IAAI;IACnB,UAAU,EAAE,IAAI;IAChB,aAAa,EAAE;MACb,IAAI,EAAE;QACJ,aAAa,EAAE,IAAI;QACnB,WAAW,EAAE,IAAI;QACjB,YAAY,EAAE,KAAK;QACnB,oBAAoB,EAAE,CAAC;QACvB,WAAW,EAAE,IAAI;QACjB,cAAc,EAAE;MAClB;IACF;EACF,CAAC;EACD,iBAAiB,EAAE;IACjB,cAAc,EAAE,yDAAyD;IACzE,aAAa,EAAE,SAAS;IACxB,iBAAiB,EAAE,SAAS;IAC5B,eAAe,EAAE,+EAA+E;IAChG,WAAW,EAAE;EACf;AACF,CAAC;AAEM,MAAMC,eAAe,GAAGA,CAAA,KAAM;EACnC,oBACET,MAAA,CAAAO,OAAA,CAAAG,aAAA,CAACP,YAAA,CAAAQ,UAAU;IAACC,KAAK,EAAEC,MAAM,CAACC;EAAU,gBAClCd,MAAA,CAAAO,OAAA,CAAAG,aAAA,CAACP,YAAA,CAAAY,IAAI;IAACH,KAAK,EAAEC,MAAM,CAACG;EAAM,GAAC,mBAAuB,CAAC,eACnDhB,MAAA,CAAAO,OAAA,CAAAG,aAAA,CAACN,YAAA,CAAAa,WAAW;IACVC,IAAI,EAAEV,WAAY;IAClBW,oBAAoB,EAAGC,UAAU,IAAKC,OAAO,CAACC,GAAG,CAAC,WAAW,EAAEF,UAAU,CAAE;IAC3EG,SAAS,EAAC;EAAkB,CAC7B,CACS,CAAC;AAEjB,CAAC;AAACC,OAAA,CAAAf,eAAA,GAAAA,eAAA;AAEF,MAAMI,MAAM,GAAGY,uBAAU,CAACC,MAAM,CAAC;EAC/BZ,SAAS,EAAE;IACTa,IAAI,EAAE,CAAC;IACPC,eAAe,EAAE,SAAS;IAC1BC,OAAO,EAAE;EACX,CAAC;EACDb,KAAK,EAAE;IACLc,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,MAAM;IAClBC,YAAY,EAAE,EAAE;IAChBC,SAAS,EAAE;EACb;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/testProductCard.js

@@ -1,52 +0,0 @@
-import React from 'react';
-import { View, ScrollView, StyleSheet, Text } from 'react-native';
-import { ProductCard } from './productCard';
-const mockProduct = {
-  "part_number": "AEQO177",
-  "inventory_info": {
-    "default_uom": "EA",
-    "is_valid": true,
-    "info_by_uom": {
-      "EA": {
-        "gross_price": 7.83,
-        "net_price": 7.83,
-        "is_on_sale": false,
-        "quantity_available": 0,
-        "discounts": null,
-        "min_pack_qty": 1.5
-      }
-    }
-  },
-  "product_details": {
-    "product_name": "Aladdin Hayward SPX1600S SuperPump Lid Gasket | O-177-2",
-    "part_number": "AEQO177",
-    "manufacturer_id": "O-177-2",
-    "heritage_link": "https://www.heritagepoolplus.com/aeqo177-aladdin-o-ring-o-177-o-177-2-o-177-2",
-    "image_url": "https://media.heritageplus.com/image/upload/v1668157956/image/AEQO177_0.jpg"
-  }
-};
-export const TestProductCard = () => {
-  return /*#__PURE__*/React.createElement(ScrollView, {
-    style: styles.container
-  }, /*#__PURE__*/React.createElement(Text, {
-    style: styles.title
-  }, "Test Product Card"), /*#__PURE__*/React.createElement(ProductCard, {
-    prod: mockProduct,
-    onFocusQuantityInput: partNumber => console.log('Focus on:', partNumber),
-    messageId: "test-message-123"
-  }));
-};
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    backgroundColor: '#f6f6f6',
-    padding: 16
-  },
-  title: {
-    fontSize: 18,
-    fontWeight: 'bold',
-    marginBottom: 16,
-    textAlign: 'center'
-  }
-});
-//# sourceMappingURL=testProductCard.js.map

package/lib/module/components/testProductCard.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","View","ScrollView","StyleSheet","Text","ProductCard","mockProduct","TestProductCard","createElement","style","styles","container","title","prod","onFocusQuantityInput","partNumber","console","log","messageId","create","flex","backgroundColor","padding","fontSize","fontWeight","marginBottom","textAlign"],"sourceRoot":"../../../src","sources":["components/testProductCard.js"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,UAAU,EAAEC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AACjE,SAASC,WAAW,QAAQ,eAAe;AAE3C,MAAMC,WAAW,GAAG;EAClB,aAAa,EAAE,SAAS;EACxB,gBAAgB,EAAE;IAChB,aAAa,EAAE,IAAI;IACnB,UAAU,EAAE,IAAI;IAChB,aAAa,EAAE;MACb,IAAI,EAAE;QACJ,aAAa,EAAE,IAAI;QACnB,WAAW,EAAE,IAAI;QACjB,YAAY,EAAE,KAAK;QACnB,oBAAoB,EAAE,CAAC;QACvB,WAAW,EAAE,IAAI;QACjB,cAAc,EAAE;MAClB;IACF;EACF,CAAC;EACD,iBAAiB,EAAE;IACjB,cAAc,EAAE,yDAAyD;IACzE,aAAa,EAAE,SAAS;IACxB,iBAAiB,EAAE,SAAS;IAC5B,eAAe,EAAE,+EAA+E;IAChG,WAAW,EAAE;EACf;AACF,CAAC;AAED,OAAO,MAAMC,eAAe,GAAGA,CAAA,KAAM;EACnC,oBACEP,KAAA,CAAAQ,aAAA,CAACN,UAAU;IAACO,KAAK,EAAEC,MAAM,CAACC;EAAU,gBAClCX,KAAA,CAAAQ,aAAA,CAACJ,IAAI;IAACK,KAAK,EAAEC,MAAM,CAACE;EAAM,GAAC,mBAAuB,CAAC,eACnDZ,KAAA,CAAAQ,aAAA,CAACH,WAAW;IACVQ,IAAI,EAAEP,WAAY;IAClBQ,oBAAoB,EAAGC,UAAU,IAAKC,OAAO,CAACC,GAAG,CAAC,WAAW,EAAEF,UAAU,CAAE;IAC3EG,SAAS,EAAC;EAAkB,CAC7B,CACS,CAAC;AAEjB,CAAC;AAED,MAAMR,MAAM,GAAGP,UAAU,CAACgB,MAAM,CAAC;EAC/BR,SAAS,EAAE;IACTS,IAAI,EAAE,CAAC;IACPC,eAAe,EAAE,SAAS;IAC1BC,OAAO,EAAE;EACX,CAAC;EACDV,KAAK,EAAE;IACLW,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,MAAM;IAClBC,YAAY,EAAE,EAAE;IAChBC,SAAS,EAAE;EACb;AACF,CAAC,CAAC","ignoreList":[]}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"testProductCard.d.ts","sourceRoot":"","sources":["../../../src/components/testProductCard.js"],"names":[],"mappings":"AA6BO,qDAWN;kBAxCiB,OAAO"}

package/src/components/testProductCard.js

@@ -1,55 +0,0 @@
-import React from 'react';
-import { View, ScrollView, StyleSheet, Text } from 'react-native';
-import { ProductCard } from './productCard';
-
-const mockProduct = {
-  "part_number": "AEQO177",
-  "inventory_info": {
-    "default_uom": "EA",
-    "is_valid": true,
-    "info_by_uom": {
-      "EA": {
-        "gross_price": 7.83,
-        "net_price": 7.83,
-        "is_on_sale": false,
-        "quantity_available": 0,
-        "discounts": null,
-        "min_pack_qty": 1.5
-      }
-    }
-  },
-  "product_details": {
-    "product_name": "Aladdin Hayward SPX1600S SuperPump Lid Gasket | O-177-2",
-    "part_number": "AEQO177",
-    "manufacturer_id": "O-177-2",
-    "heritage_link": "https://www.heritagepoolplus.com/aeqo177-aladdin-o-ring-o-177-o-177-2-o-177-2",
-    "image_url": "https://media.heritageplus.com/image/upload/v1668157956/image/AEQO177_0.jpg"
-  }
-};
-
-export const TestProductCard = () => {
-  return (
-    <ScrollView style={styles.container}>
-      <Text style={styles.title}>Test Product Card</Text>
-      <ProductCard 
-        prod={mockProduct}
-        onFocusQuantityInput={(partNumber) => console.log('Focus on:', partNumber)}
-        messageId="test-message-123"
-      />
-    </ScrollView>
-  );
-};
-
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    backgroundColor: '#f6f6f6',
-    padding: 16,
-  },
-  title: {
-    fontSize: 18,
-    fontWeight: 'bold',
-    marginBottom: 16,
-    textAlign: 'center',
-  },
-});