vdb-ai-chat 1.0.0 → 1.0.2

package/lib/module/components/MessageBubble.js

@@ -1,35 +1,29 @@
 import React, { memo } from "react";
-import { View, Text, StyleSheet, Image, TouchableOpacity, Platform } from "react-native";
-import { FeedbackAction, formatToTime } from "./utils";
-
-// Use expo-image on native if available, fallback to RN Image
-let ImageComponent = Image;
-if (Platform.OS !== "web") {
-  try {
-    const ExpoImage = require("expo-image").Image;
-    if (ExpoImage) ImageComponent = ExpoImage;
-  } catch {
-    // expo-image not installed, use React Native Image
-  }
-}
+import { View, Text, StyleSheet } from "react-native";
+import SuggestionsRow from "./SuggestionsRow";
 const MessageBubbleComponent = ({
   message,
   theme,
-  conversationId,
+  priceMode,
   handleFeedbackAction,
-  onReloadResults
+  onReloadResults,
+  reloading,
+  hasResults,
+  totalResults,
+  shownResults,
+  onSuggestionSelect,
+  isLatest,
+  isTyping
 }) => {
   const isUser = message.role === "user";
-  const isValidMessageId = typeof message.id === "string" && message.id.length > 0 && !message.id.startsWith("bot-loading-");
-  const canFeedback = message.role === "assistant" && !message.isLoading && isValidMessageId && !!conversationId;
   return /*#__PURE__*/React.createElement(View, {
     style: [styles.container, isUser ? styles.alignRight : styles.alignLeft]
   }, /*#__PURE__*/React.createElement(View, {
     style: [styles.bubble, {
       backgroundColor: isUser ? theme.userBubbleColor : theme.botBubbleColor,
-      borderRadius: theme.borderRadius || 4,
-      borderTopRightRadius: isUser ? 4 : theme.borderRadius,
-      borderTopLeftRadius: isUser ? theme.borderRadius : 4
+      borderRadius: theme.borderRadius || 8,
+      borderBottomRightRadius: isUser ? 0 : theme.borderRadius,
+      borderBottomLeftRadius: isUser ? theme.borderRadius : 0
     }]
   }, /*#__PURE__*/React.createElement(Text, {
     style: [styles.text, {
@@ -37,39 +31,13 @@ const MessageBubbleComponent = ({
       fontFamily: theme.fontFamily,
       fontSize: theme.fontSize
     }]
-  }, message.text || "")), (canFeedback || message.agent_response && typeof message.agent_response === "object") && /*#__PURE__*/React.createElement(View, {
-    style: styles.rowContainer
-  }, /*#__PURE__*/React.createElement(View, {
-    style: styles.time
-  }, /*#__PURE__*/React.createElement(Text, null, formatToTime(message.createdAt))), message.agent_response && typeof message.agent_response === "object" && /*#__PURE__*/React.createElement(TouchableOpacity, {
-    onPress: () => onReloadResults?.(message)
-  }, /*#__PURE__*/React.createElement(Text, null, "Reload Results")), /*#__PURE__*/React.createElement(View, {
-    style: styles.likeDislikeContainer
-  }, /*#__PURE__*/React.createElement(TouchableOpacity, {
-    onPress: () => handleFeedbackAction(FeedbackAction.LIKE, String(conversationId), message.id),
-    disabled: !canFeedback
-  }, /*#__PURE__*/React.createElement(ImageComponent, {
-    source: {
-      uri: message.reaction === FeedbackAction.LIKE ? "https://cdn.vdbapp.com/ai/chat-widget/assets/img/like-filled.svg" : "https://cdn.vdbapp.com/ai/chat-widget/assets/img/like.svg"
-    },
-    resizeMode: "contain",
-    style: {
-      width: 16,
-      height: 16
-    }
-  })), /*#__PURE__*/React.createElement(TouchableOpacity, {
-    onPress: () => handleFeedbackAction(FeedbackAction.DISLIKE, String(conversationId), message.id),
-    disabled: !canFeedback
-  }, /*#__PURE__*/React.createElement(ImageComponent, {
-    source: {
-      uri: message.reaction === FeedbackAction.DISLIKE ? "https://cdn.vdbapp.com/ai/chat-widget/assets/img/dislike-filled.svg" : "https://cdn.vdbapp.com/ai/chat-widget/assets/img/dislike.svg"
-    },
-    resizeMode: "contain",
-    style: {
-      width: 16,
-      height: 16
-    }
-  })))));
+  }, message.text || "", message.role === "assistant" && hasResults && typeof totalResults === "number" ? ` Found ${Number(totalResults).toLocaleString()} diamonds (showing first ${shownResults})` : null), message.role === "assistant" && Array.isArray(message.suggestions) && message.suggestions.length > 0 && isLatest && !isTyping && /*#__PURE__*/React.createElement(View, {
+    style: styles.suggestionsWrapper
+  }, /*#__PURE__*/React.createElement(SuggestionsRow, {
+    suggestions: message.suggestions,
+    onSelect: v => onSuggestionSelect?.(v),
+    variant: "inline"
+  }))));
 };
 
 // Memoize to prevent re-renders when parent re-renders
@@ -77,21 +45,9 @@ export const MessageBubble = /*#__PURE__*/memo(MessageBubbleComponent);
 const styles = StyleSheet.create({
   container: {
     paddingHorizontal: 8,
-    marginVertical: 4,
+    marginVertical: 0,
     width: "100%"
   },
-  rowContainer: {
-    flexDirection: "row",
-    justifyContent: "space-between",
-    alignItems: "center",
-    gap: 12
-  },
-  likeDislikeContainer: {
-    flexDirection: "row",
-    gap: 12,
-    marginTop: 4,
-    marginBottom: 4
-  },
   alignRight: {
     alignItems: "flex-end"
   },
@@ -106,11 +62,13 @@ const styles = StyleSheet.create({
   text: {
     lineHeight: 20
   },
-  time: {
-    fontSize: 12,
-    color: "#666",
+  resultsInfo: {
     marginTop: 4,
-    marginLeft: 8
+    fontSize: 12,
+    color: "#666"
+  },
+  suggestionsWrapper: {
+    marginTop: 8
   }
 });
 //# sourceMappingURL=MessageBubble.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","memo","View","Text","StyleSheet","Image","TouchableOpacity","Platform","FeedbackAction","formatToTime","ImageComponent","OS","ExpoImage","require","MessageBubbleComponent","message","theme","conversationId","handleFeedbackAction","onReloadResults","isUser","role","isValidMessageId","id","length","startsWith","canFeedback","isLoading","createElement","style","styles","container","alignRight","alignLeft","bubble","backgroundColor","userBubbleColor","botBubbleColor","borderRadius","borderTopRightRadius","borderTopLeftRadius","text","color","userTextColor","botTextColor","fontFamily","fontSize","agent_response","rowContainer","time","createdAt","onPress","likeDislikeContainer","LIKE","String","disabled","source","uri","reaction","resizeMode","width","height","DISLIKE","MessageBubble","create","paddingHorizontal","marginVertical","flexDirection","justifyContent","alignItems","gap","marginTop","marginBottom","maxWidth","paddingVertical","lineHeight","marginLeft"],"sourceRoot":"../../../src","sources":["components/MessageBubble.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","memo","View","Text","StyleSheet","SuggestionsRow","MessageBubbleComponent","message","theme","priceMode","handleFeedbackAction","onReloadResults","reloading","hasResults","totalResults","shownResults","onSuggestionSelect","isLatest","isTyping","isUser","role","createElement","style","styles","container","alignRight","alignLeft","bubble","backgroundColor","userBubbleColor","botBubbleColor","borderRadius","borderBottomRightRadius","borderBottomLeftRadius","text","color","userTextColor","botTextColor","fontFamily","fontSize","Number","toLocaleString","Array","isArray","suggestions","length","suggestionsWrapper","onSelect","v","variant","MessageBubble","create","paddingHorizontal","marginVertical","width","alignItems","maxWidth","paddingVertical","lineHeight","resultsInfo","marginTop"],"sourceRoot":"../../../src","sources":["components/MessageBubble.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/MessageMetaRow.js

@@ -0,0 +1,127 @@
+import React from "react";
+import { View, Text, StyleSheet, Image, Platform, ActivityIndicator, Pressable } from "react-native";
+import { FeedbackAction, fetchConversationId, formatToTime } from "./utils";
+let ImageComponent = Image;
+if (Platform.OS !== "web") {
+  try {
+    const ExpoImage = require("expo-image").Image;
+    if (ExpoImage) ImageComponent = ExpoImage;
+  } catch {}
+}
+export const MessageMetaRow = ({
+  message,
+  priceMode,
+  handleFeedbackAction,
+  onReloadResults,
+  reloading,
+  hasResults
+}) => {
+  const isUser = message.role === "user";
+  const [conversationId, setConversationId] = React.useState(null);
+  React.useEffect(() => {
+    const fetchId = async () => {
+      const id = await fetchConversationId(priceMode);
+      setConversationId(id);
+    };
+    fetchId();
+  }, [priceMode]);
+  const isValidMessageId = typeof message.id === "string" && message.id.length > 0 && !message.id.startsWith("bot-loading-");
+  const canFeedback = message.role === "assistant" && !message.isLoading && isValidMessageId && !!conversationId;
+  return /*#__PURE__*/React.createElement(View, {
+    style: [styles.rowContainer, isUser ? styles.alignRight : styles.alignLeft]
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.timeContainer
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: styles.timeText
+  }, formatToTime(message.createdAt))), canFeedback ? /*#__PURE__*/React.createElement(View, {
+    style: styles.likeDislikeContainer
+  }, /*#__PURE__*/React.createElement(Pressable, {
+    style: state => [styles.borderButton, state?.hovered && styles.borderButtonHover],
+    onPress: () => handleFeedbackAction(FeedbackAction.LIKE, String(conversationId), message.id),
+    disabled: !canFeedback
+  }, /*#__PURE__*/React.createElement(ImageComponent, {
+    source: {
+      uri: message.reaction === FeedbackAction.LIKE ? "https://cdn.vdbapp.com/ai/chat-widget/assets/img/like-filled.svg" : "https://cdn.vdbapp.com/ai/chat-widget/assets/img/like.svg"
+    },
+    resizeMode: "contain",
+    style: {
+      width: 16,
+      height: 16
+    }
+  })), /*#__PURE__*/React.createElement(Pressable, {
+    style: state => [styles.borderButton, state?.hovered && styles.borderButtonHover],
+    onPress: () => handleFeedbackAction(FeedbackAction.DISLIKE, String(conversationId), message.id),
+    disabled: !canFeedback
+  }, /*#__PURE__*/React.createElement(ImageComponent, {
+    source: {
+      uri: message.reaction === FeedbackAction.DISLIKE ? "https://cdn.vdbapp.com/ai/chat-widget/assets/img/dislike-filled.svg" : "https://cdn.vdbapp.com/ai/chat-widget/assets/img/dislike.svg"
+    },
+    resizeMode: "contain",
+    style: {
+      width: 16,
+      height: 16
+    }
+  }))) : null, message.search_payload && typeof message.search_payload === "object" && Object.keys(message.search_payload).length > 0 && !hasResults && (reloading ? /*#__PURE__*/React.createElement(View, {
+    style: styles.borderButton
+  }, /*#__PURE__*/React.createElement(ActivityIndicator, {
+    size: "small",
+    color: "#020001",
+    style: {
+      width: 16,
+      height: 16
+    }
+  })) : /*#__PURE__*/React.createElement(Pressable, {
+    style: state => [styles.borderButton, state?.hovered && styles.borderButtonHover],
+    onPress: () => onReloadResults?.(message),
+    disabled: reloading
+  }, /*#__PURE__*/React.createElement(ImageComponent, {
+    source: {
+      uri: "https://cdn.vdbapp.com/ai/chat-widget/assets/img/arrow-reset.svg"
+    },
+    resizeMode: "contain",
+    style: {
+      width: 16,
+      height: 16
+    }
+  }))));
+};
+const styles = StyleSheet.create({
+  rowContainer: {
+    flexDirection: "row",
+    justifyContent: "space-between",
+    alignItems: "center",
+    gap: 6,
+    marginHorizontal: 8,
+    marginTop: 0,
+    marginBottom: 12
+  },
+  alignRight: {
+    alignSelf: "flex-end"
+  },
+  alignLeft: {
+    alignSelf: "flex-start"
+  },
+  likeDislikeContainer: {
+    flexDirection: "row",
+    gap: 6
+  },
+  timeContainer: {
+    margin: 0
+  },
+  borderButton: {
+    borderWidth: 1,
+    borderColor: "#D5D5DC",
+    borderRadius: 8,
+    paddingHorizontal: 4,
+    paddingVertical: 4
+  },
+  borderButtonHover: {
+    backgroundColor: "#EDEDF2"
+  },
+  timeText: {
+    fontSize: 12,
+    color: "#666"
+  }
+});
+export default MessageMetaRow;
+//# sourceMappingURL=MessageMetaRow.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","Text","StyleSheet","Image","Platform","ActivityIndicator","Pressable","FeedbackAction","fetchConversationId","formatToTime","ImageComponent","OS","ExpoImage","require","MessageMetaRow","message","priceMode","handleFeedbackAction","onReloadResults","reloading","hasResults","isUser","role","conversationId","setConversationId","useState","useEffect","fetchId","id","isValidMessageId","length","startsWith","canFeedback","isLoading","createElement","style","styles","rowContainer","alignRight","alignLeft","timeContainer","timeText","createdAt","likeDislikeContainer","state","borderButton","hovered","borderButtonHover","onPress","LIKE","String","disabled","source","uri","reaction","resizeMode","width","height","DISLIKE","search_payload","Object","keys","size","color","create","flexDirection","justifyContent","alignItems","gap","marginHorizontal","marginTop","marginBottom","alignSelf","margin","borderWidth","borderColor","borderRadius","paddingHorizontal","paddingVertical","backgroundColor","fontSize"],"sourceRoot":"../../../src","sources":["components/MessageMetaRow.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/ProductsGrid.js

@@ -0,0 +1,133 @@
+import { View, Image, StyleSheet, Text, ScrollView, TouchableOpacity, Platform } from "react-native";
+import React, { memo } from "react";
+
+// Use expo-image on native if available, fallback to RN Image
+let ImageComponent = Image;
+if (Platform.OS !== "web") {
+  try {
+    const ExpoImage = require("expo-image").Image;
+    if (ExpoImage) ImageComponent = ExpoImage;
+  } catch {
+    // expo-image not installed, use React Native Image
+  }
+}
+const ProductsGridComponent = ({
+  data,
+  onViewAll,
+  onItemPress
+}) => {
+  if (!data || !data.length) return null;
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.wrapper
+  }, /*#__PURE__*/React.createElement(ScrollView, {
+    horizontal: true,
+    showsHorizontalScrollIndicator: false,
+    contentContainerStyle: styles.listContent
+  }, data.map(item => /*#__PURE__*/React.createElement(TouchableOpacity, {
+    key: item.id,
+    onPress: () => {
+      onItemPress?.(item);
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    key: item.id,
+    style: styles.card
+  }, item.image_thumb_url ? /*#__PURE__*/React.createElement(ImageComponent, {
+    style: styles.image,
+    source: {
+      uri: item.image_thumb_url
+    }
+  }) : null, /*#__PURE__*/React.createElement(View, {
+    style: styles.content
+  }, /*#__PURE__*/React.createElement(Text, {
+    numberOfLines: 2,
+    style: styles.title
+  }, item.short_title), /*#__PURE__*/React.createElement(Text, {
+    style: styles.price
+  }, "$", item.total_sales_price)))))), /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: styles.button,
+    activeOpacity: 0.8,
+    onPress: onViewAll
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: styles.buttonText
+  }, "View All ", ">>")));
+};
+const styles = StyleSheet.create({
+  wrapper: {
+    paddingHorizontal: 12,
+    marginHorizontal: 12,
+    marginBottom: 12,
+    paddingTop: 6,
+    paddingBottom: 14,
+    backgroundColor: "#fff",
+    borderRadius: 8,
+    borderWidth: 1,
+    borderColor: "#e8e8e8",
+    elevation: 3,
+    shadowColor: "#000",
+    shadowOpacity: 0.08,
+    shadowOffset: {
+      width: 0,
+      height: 2
+    },
+    shadowRadius: 6
+  },
+  listContent: {
+    gap: 12,
+    paddingVertical: 6
+  },
+  card: {
+    width: 150,
+    backgroundColor: "#fff",
+    borderRadius: 14,
+    overflow: "hidden",
+    borderColor: "#e8e8e8",
+    borderWidth: 1,
+    elevation: 3,
+    shadowColor: "#000",
+    shadowOpacity: 0.08,
+    shadowOffset: {
+      width: 0,
+      height: 2
+    },
+    shadowRadius: 6
+  },
+  image: {
+    width: "100%",
+    height: 120,
+    borderBottomWidth: 1,
+    borderBottomColor: "#e8e8e8"
+  },
+  content: {
+    padding: 10,
+    gap: 4
+  },
+  title: {
+    fontSize: 13,
+    color: "#222",
+    fontWeight: "500"
+  },
+  price: {
+    marginTop: 4,
+    fontSize: 14,
+    fontWeight: "700",
+    color: "#000"
+  },
+  button: {
+    marginTop: 12,
+    alignSelf: "center",
+    paddingHorizontal: 20,
+    paddingVertical: 8,
+    backgroundColor: "#804195",
+    borderRadius: 20,
+    width: 300,
+    alignItems: "center"
+  },
+  buttonText: {
+    color: "#fff",
+    fontSize: 14,
+    fontWeight: "600"
+  }
+});
+const ProductsGrid = /*#__PURE__*/memo(ProductsGridComponent);
+export default ProductsGrid;
+//# sourceMappingURL=ProductsGrid.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["View","Image","StyleSheet","Text","ScrollView","TouchableOpacity","Platform","React","memo","ImageComponent","OS","ExpoImage","require","ProductsGridComponent","data","onViewAll","onItemPress","length","createElement","style","styles","wrapper","horizontal","showsHorizontalScrollIndicator","contentContainerStyle","listContent","map","item","key","id","onPress","card","image_thumb_url","image","source","uri","content","numberOfLines","title","short_title","price","total_sales_price","button","activeOpacity","buttonText","create","paddingHorizontal","marginHorizontal","marginBottom","paddingTop","paddingBottom","backgroundColor","borderRadius","borderWidth","borderColor","elevation","shadowColor","shadowOpacity","shadowOffset","width","height","shadowRadius","gap","paddingVertical","overflow","borderBottomWidth","borderBottomColor","padding","fontSize","color","fontWeight","marginTop","alignSelf","alignItems","ProductsGrid"],"sourceRoot":"../../../src","sources":["components/ProductsGrid.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/ProductsList.js

@@ -1,133 +1,28 @@
-import { View, Image, StyleSheet, Text, ScrollView, TouchableOpacity, Platform } from "react-native";
-import React, { memo } from "react";
-
-// Use expo-image on native if available, fallback to RN Image
-let ImageComponent = Image;
-if (Platform.OS !== "web") {
-  try {
-    const ExpoImage = require("expo-image").Image;
-    if (ExpoImage) ImageComponent = ExpoImage;
-  } catch {
-    // expo-image not installed, use React Native Image
-  }
-}
-const ProductsListComponent = ({
+import React from "react";
+import ProductsGrid from "./ProductsGrid";
+import ProductsListView from "./ProductsListView";
+const ProductsList = ({
   data,
   onViewAll,
-  onItemPress
+  onItemPress,
+  variant = "list",
+  totalResults
 }) => {
   if (!data || !data.length) return null;
-  return /*#__PURE__*/React.createElement(View, {
-    style: styles.wrapper
-  }, /*#__PURE__*/React.createElement(ScrollView, {
-    horizontal: true,
-    showsHorizontalScrollIndicator: false,
-    contentContainerStyle: styles.listContent
-  }, data.map(item => /*#__PURE__*/React.createElement(TouchableOpacity, {
-    key: item.id,
-    onPress: () => {
-      onItemPress?.(item);
-    }
-  }, /*#__PURE__*/React.createElement(View, {
-    key: item.id,
-    style: styles.card
-  }, /*#__PURE__*/React.createElement(ImageComponent, {
-    style: styles.image,
-    source: {
-      uri: item.image_thumb_url
-    }
-  }), /*#__PURE__*/React.createElement(View, {
-    style: styles.content
-  }, /*#__PURE__*/React.createElement(Text, {
-    numberOfLines: 2,
-    style: styles.title
-  }, item.short_title), /*#__PURE__*/React.createElement(Text, {
-    style: styles.price
-  }, "$", item.total_sales_price)))))), /*#__PURE__*/React.createElement(TouchableOpacity, {
-    style: styles.button,
-    activeOpacity: 0.8,
-    onPress: onViewAll
-  }, /*#__PURE__*/React.createElement(Text, {
-    style: styles.buttonText
-  }, "View All ", ">>")));
-};
-const styles = StyleSheet.create({
-  wrapper: {
-    paddingHorizontal: 12,
-    marginHorizontal: 12,
-    marginBottom: 12,
-    paddingTop: 6,
-    paddingBottom: 14,
-    backgroundColor: "#fff",
-    borderRadius: 8,
-    borderWidth: 1,
-    borderColor: "#e8e8e8",
-    elevation: 3,
-    shadowColor: "#000",
-    shadowOpacity: 0.08,
-    shadowOffset: {
-      width: 0,
-      height: 2
-    },
-    shadowRadius: 6
-  },
-  listContent: {
-    gap: 12,
-    paddingVertical: 6
-  },
-  card: {
-    width: 150,
-    backgroundColor: "#fff",
-    borderRadius: 14,
-    overflow: "hidden",
-    borderColor: "#e8e8e8",
-    borderWidth: 1,
-    elevation: 3,
-    shadowColor: "#000",
-    shadowOpacity: 0.08,
-    shadowOffset: {
-      width: 0,
-      height: 2
-    },
-    shadowRadius: 6
-  },
-  image: {
-    width: "100%",
-    height: 120,
-    borderBottomWidth: 1,
-    borderBottomColor: "#e8e8e8"
-  },
-  content: {
-    padding: 10,
-    gap: 4
-  },
-  title: {
-    fontSize: 13,
-    color: "#222",
-    fontWeight: "500"
-  },
-  price: {
-    marginTop: 4,
-    fontSize: 14,
-    fontWeight: "700",
-    color: "#000"
-  },
-  button: {
-    marginTop: 12,
-    alignSelf: "center",
-    paddingHorizontal: 20,
-    paddingVertical: 8,
-    backgroundColor: "#804195",
-    borderRadius: 20,
-    width: 300,
-    alignItems: "center"
-  },
-  buttonText: {
-    color: "#fff",
-    fontSize: 14,
-    fontWeight: "600"
+  if (variant === "list") {
+    return /*#__PURE__*/React.createElement(ProductsListView, {
+      data: data,
+      onViewAll: onViewAll,
+      onItemPress: onItemPress,
+      totalResults: totalResults
+    });
   }
-});
-const ProductsList = /*#__PURE__*/memo(ProductsListComponent);
+  return /*#__PURE__*/React.createElement(ProductsGrid, {
+    data: data,
+    onViewAll: onViewAll,
+    onItemPress: onItemPress,
+    totalResults: totalResults
+  });
+};
 export default ProductsList;
 //# sourceMappingURL=ProductsList.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["View","Image","StyleSheet","Text","ScrollView","TouchableOpacity","Platform","React","memo","ImageComponent","OS","ExpoImage","require","ProductsListComponent","data","onViewAll","onItemPress","length","createElement","style","styles","wrapper","horizontal","showsHorizontalScrollIndicator","contentContainerStyle","listContent","map","item","key","id","onPress","card","image","source","uri","image_thumb_url","content","numberOfLines","title","short_title","price","total_sales_price","button","activeOpacity","buttonText","create","paddingHorizontal","marginHorizontal","marginBottom","paddingTop","paddingBottom","backgroundColor","borderRadius","borderWidth","borderColor","elevation","shadowColor","shadowOpacity","shadowOffset","width","height","shadowRadius","gap","paddingVertical","overflow","borderBottomWidth","borderBottomColor","padding","fontSize","color","fontWeight","marginTop","alignSelf","alignItems","ProductsList"],"sourceRoot":"../../../src","sources":["components/ProductsList.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","ProductsGrid","ProductsListView","ProductsList","data","onViewAll","onItemPress","variant","totalResults","length","createElement"],"sourceRoot":"../../../src","sources":["components/ProductsList.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,YAAY,MAAM,gBAAgB;AACzC,OAAOC,gBAAgB,MAAM,oBAAoB;AAUjD,MAAMC,YAAyC,GAAGA,CAAC;EACjDC,IAAI;EACJC,SAAS;EACTC,WAAW;EACXC,OAAO,GAAG,MAAM;EAChBC;AACF,CAAC,KAAK;EACJ,IAAI,CAACJ,IAAI,IAAI,CAACA,IAAI,CAACK,MAAM,EAAE,OAAO,IAAI;EACtC,IAAIF,OAAO,KAAK,MAAM,EAAE;IACtB,oBACEP,KAAA,CAAAU,aAAA,CAACR,gBAAgB;MACfE,IAAI,EAAEA,IAAK;MACXC,SAAS,EAAEA,SAAU;MACrBC,WAAW,EAAEA,WAAY;MACzBE,YAAY,EAAEA;IAAa,CAC5B,CAAC;EAEN;EACA,oBACER,KAAA,CAAAU,aAAA,CAACT,YAAY;IAACG,IAAI,EAAEA,IAAK;IAACC,SAAS,EAAEA,SAAU;IAACC,WAAW,EAAEA,WAAY;IAACE,YAAY,EAAEA;EAAa,CAAE,CAAC;AAE5G,CAAC;AAED,eAAeL,YAAY","ignoreList":[]}