vdb-ai-chat 1.0.1 → 1.0.3

package/lib/commonjs/components/MessageBubble.js

@@ -6,38 +6,32 @@ Object.defineProperty(exports, "__esModule", {
 exports.MessageBubble = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
-var _utils = require("./utils");
+var _SuggestionsRow = _interopRequireDefault(require("./SuggestionsRow"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-// Use expo-image on native if available, fallback to RN Image
-let ImageComponent = _reactNative.Image;
-if (_reactNative.Platform.OS !== "web") {
-  try {
-    const ExpoImage = require("expo-image").Image;
-    if (ExpoImage) ImageComponent = ExpoImage;
-  } catch {
-    // expo-image not installed, use React Native Image
-  }
-}
 const MessageBubbleComponent = ({
   message,
   theme,
-  conversationId,
+  priceMode,
   handleFeedbackAction,
   onReloadResults,
   reloading,
-  hasResults
+  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.default.createElement(_reactNative.View, {
     style: [styles.container, isUser ? styles.alignRight : styles.alignLeft]
   }, /*#__PURE__*/_react.default.createElement(_reactNative.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.default.createElement(_reactNative.Text, {
     style: [styles.text, {
@@ -45,61 +39,13 @@ const MessageBubbleComponent = ({
       fontFamily: theme.fontFamily,
       fontSize: theme.fontSize
     }]
-  }, message.text || "")), (canFeedback || message.search_payload && typeof message.search_payload === "object" && Object.keys(message.search_payload).length > 0) && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: styles.rowContainer
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: styles.time
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, null, (0, _utils.formatToTime)(message.createdAt))), message.search_payload && typeof message.search_payload === "object" && Object.keys(message.search_payload).length > 0 && !hasResults && (reloading ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: {
-      flexDirection: "row",
-      alignItems: "center",
-      gap: 6
-    }
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.ActivityIndicator, {
-    size: "small",
-    color: "#1a73e8"
-  }), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
-    style: {
-      fontSize: 12,
-      color: "#1a73e8",
-      textDecorationLine: "underline"
-    }
-  }, "Loading\u2026")) : /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
-    onPress: () => onReloadResults?.(message),
-    disabled: reloading
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
-    style: {
-      fontSize: 12,
-      color: "#1a73e8",
-      textDecorationLine: "underline"
-    }
-  }, "Reload Results"))), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: styles.likeDislikeContainer
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
-    onPress: () => handleFeedbackAction(_utils.FeedbackAction.LIKE, String(conversationId), message.id),
-    disabled: !canFeedback
-  }, /*#__PURE__*/_react.default.createElement(ImageComponent, {
-    source: {
-      uri: message.reaction === _utils.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.default.createElement(_reactNative.TouchableOpacity, {
-    onPress: () => handleFeedbackAction(_utils.FeedbackAction.DISLIKE, String(conversationId), message.id),
-    disabled: !canFeedback
-  }, /*#__PURE__*/_react.default.createElement(ImageComponent, {
-    source: {
-      uri: message.reaction === _utils.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 && !(message.search_payload && typeof message.search_payload === "object" && Object.keys(message.search_payload).length > 0) && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.suggestionsWrapper
+  }, /*#__PURE__*/_react.default.createElement(_SuggestionsRow.default, {
+    suggestions: message.suggestions,
+    onSelect: v => onSuggestionSelect?.(v),
+    variant: "inline"
+  }))));
 };
 
 // Memoize to prevent re-renders when parent re-renders
@@ -107,21 +53,9 @@ const MessageBubble = exports.MessageBubble = /*#__PURE__*/(0, _react.memo)(Mess
 const styles = _reactNative.StyleSheet.create({
   container: {
     paddingHorizontal: 8,
-    marginVertical: 4,
+    marginVertical: 0,
     width: "100%"
   },
-  rowContainer: {
-    flexDirection: "row",
-    justifyContent: "space-between",
-    alignItems: "center",
-    gap: 12,
-    marginTop: 8,
-    marginBottom: 8
-  },
-  likeDislikeContainer: {
-    flexDirection: "row",
-    gap: 12
-  },
   alignRight: {
     alignItems: "flex-end"
   },
@@ -136,11 +70,13 @@ const styles = _reactNative.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/commonjs/components/MessageBubble.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_utils","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ImageComponent","Image","Platform","OS","ExpoImage","MessageBubbleComponent","message","theme","conversationId","handleFeedbackAction","onReloadResults","reloading","hasResults","isUser","role","isValidMessageId","id","length","startsWith","canFeedback","isLoading","createElement","View","style","styles","container","alignRight","alignLeft","bubble","backgroundColor","userBubbleColor","botBubbleColor","borderRadius","borderTopRightRadius","borderTopLeftRadius","Text","text","color","userTextColor","botTextColor","fontFamily","fontSize","search_payload","keys","rowContainer","time","formatToTime","createdAt","flexDirection","alignItems","gap","ActivityIndicator","size","textDecorationLine","TouchableOpacity","onPress","disabled","likeDislikeContainer","FeedbackAction","LIKE","String","source","uri","reaction","resizeMode","width","height","DISLIKE","MessageBubble","exports","memo","StyleSheet","create","paddingHorizontal","marginVertical","justifyContent","marginTop","marginBottom","maxWidth","paddingVertical","lineHeight","marginLeft"],"sourceRoot":"../../../src","sources":["components/MessageBubble.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_SuggestionsRow","_interopRequireDefault","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","MessageBubbleComponent","message","theme","priceMode","handleFeedbackAction","onReloadResults","reloading","hasResults","totalResults","shownResults","onSuggestionSelect","isLatest","isTyping","isUser","role","createElement","View","style","styles","container","alignRight","alignLeft","bubble","backgroundColor","userBubbleColor","botBubbleColor","borderRadius","borderBottomRightRadius","borderBottomLeftRadius","Text","text","color","userTextColor","botTextColor","fontFamily","fontSize","Number","toLocaleString","Array","isArray","suggestions","length","search_payload","keys","suggestionsWrapper","onSelect","v","variant","MessageBubble","exports","memo","StyleSheet","create","paddingHorizontal","marginVertical","width","alignItems","maxWidth","paddingVertical","lineHeight","resultsInfo","marginTop"],"sourceRoot":"../../../src","sources":["components/MessageBubble.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,eAAA,GAAAC,sBAAA,CAAAH,OAAA;AAA8C,SAAAG,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAL,wBAAAK,CAAA,EAAAG,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAT,uBAAA,YAAAA,CAAAK,CAAA,EAAAG,CAAA,SAAAA,CAAA,IAAAH,CAAA,IAAAA,CAAA,CAAAC,UAAA,SAAAD,CAAA,MAAAO,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAR,OAAA,EAAAF,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAS,CAAA,MAAAF,CAAA,GAAAJ,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAE,CAAA,CAAAI,GAAA,CAAAX,CAAA,UAAAO,CAAA,CAAAK,GAAA,CAAAZ,CAAA,GAAAO,CAAA,CAAAM,GAAA,CAAAb,CAAA,EAAAS,CAAA,gBAAAN,CAAA,IAAAH,CAAA,gBAAAG,CAAA,OAAAW,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAG,CAAA,OAAAK,CAAA,IAAAD,CAAA,GAAAS,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAG,CAAA,OAAAK,CAAA,CAAAI,GAAA,IAAAJ,CAAA,CAAAK,GAAA,IAAAN,CAAA,CAAAE,CAAA,EAAAN,CAAA,EAAAK,CAAA,IAAAC,CAAA,CAAAN,CAAA,IAAAH,CAAA,CAAAG,CAAA,WAAAM,CAAA,KAAAT,CAAA,EAAAG,CAAA;AAkB9C,MAAMgB,sBAAuC,GAAGA,CAAC;EAC/CC,OAAO;EACPC,KAAK;EACLC,SAAS;EACTC,oBAAoB;EACpBC,eAAe;EACfC,SAAS;EACTC,UAAU;EACVC,YAAY;EACZC,YAAY;EACZC,kBAAkB;EAClBC,QAAQ;EACRC;AACF,CAAC,KAAK;EACJ,MAAMC,MAAM,GAAGZ,OAAO,CAACa,IAAI,KAAK,MAAM;EAEtC,oBACEvC,MAAA,CAAAQ,OAAA,CAAAgC,aAAA,CAACrC,YAAA,CAAAsC,IAAI;IACHC,KAAK,EAAE,CAACC,MAAM,CAACC,SAAS,EAAEN,MAAM,GAAGK,MAAM,CAACE,UAAU,GAAGF,MAAM,CAACG,SAAS;EAAE,gBAEzE9C,MAAA,CAAAQ,OAAA,CAAAgC,aAAA,CAACrC,YAAA,CAAAsC,IAAI;IACHC,KAAK,EAAE,CACLC,MAAM,CAACI,MAAM,EACb;MACEC,eAAe,EAAEV,MAAM,GACnBX,KAAK,CAACsB,eAAe,GACrBtB,KAAK,CAACuB,cAAc;MACxBC,YAAY,EAAExB,KAAK,CAACwB,YAAY,IAAI,CAAC;MACrCC,uBAAuB,EAAEd,MAAM,GAAG,CAAC,GAAGX,KAAK,CAACwB,YAAY;MACxDE,sBAAsB,EAAEf,MAAM,GAAGX,KAAK,CAACwB,YAAY,GAAG;IACxD,CAAC;EACD,gBAEFnD,MAAA,CAAAQ,OAAA,CAAAgC,aAAA,CAACrC,YAAA,CAAAmD,IAAI;IACHZ,KAAK,EAAE,CACLC,MAAM,CAACY,IAAI,EACX;MACEC,KAAK,EAAElB,MAAM,GAAGX,KAAK,CAAC8B,aAAa,GAAG9B,KAAK,CAAC+B,YAAY;MACxDC,UAAU,EAAEhC,KAAK,CAACgC,UAAU;MAC5BC,QAAQ,EAAEjC,KAAK,CAACiC;IAClB,CAAC;EACD,GAEDlC,OAAO,CAAC6B,IAAI,IAAI,EAAE,EAClB7B,OAAO,CAACa,IAAI,KAAK,WAAW,IAAIP,UAAU,IAAI,OAAOC,YAAY,KAAK,QAAQ,GAC7E,UAAU4B,MAAM,CAAC5B,YAAY,CAAC,CAAC6B,cAAc,CAAC,CAAC,4BAA4B5B,YAAY,GAAG,GACxF,IACA,CAAC,EACNR,OAAO,CAACa,IAAI,KAAK,WAAW,IAC3BwB,KAAK,CAACC,OAAO,CAACtC,OAAO,CAACuC,WAAW,CAAC,IAClCvC,OAAO,CAACuC,WAAW,CAACC,MAAM,GAAG,CAAC,IAC9B9B,QAAQ,IACR,CAACC,QAAQ,IACT,EAAEX,OAAO,CAACyC,cAAc,IACtB,OAAOzC,OAAO,CAACyC,cAAc,KAAK,QAAQ,IAC1C7C,MAAM,CAAC8C,IAAI,CAAC1C,OAAO,CAACyC,cAAc,CAAC,CAACD,MAAM,GAAG,CAAC,CAAC,iBAC/ClE,MAAA,CAAAQ,OAAA,CAAAgC,aAAA,CAACrC,YAAA,CAAAsC,IAAI;IAACC,KAAK,EAAEC,MAAM,CAAC0B;EAAmB,gBACrCrE,MAAA,CAAAQ,OAAA,CAAAgC,aAAA,CAACpC,eAAA,CAAAI,OAAc;IACbyD,WAAW,EAAEvC,OAAO,CAACuC,WAAY;IACjCK,QAAQ,EAAGC,CAAC,IAAKpC,kBAAkB,GAAGoC,CAAC,CAAE;IACzCC,OAAO,EAAC;EAAQ,CACjB,CACG,CAEN,CACJ,CAAC;AACR,CAAC;;AAEF;AACO,MAAMC,aAAa,GAAAC,OAAA,CAAAD,aAAA,gBAAG,IAAAE,WAAI,EAAClD,sBAAsB,CAAC;AAEzD,MAAMkB,MAAM,GAAGiC,uBAAU,CAACC,MAAM,CAAC;EAC/BjC,SAAS,EAAE;IACTkC,iBAAiB,EAAE,CAAC;IACpBC,cAAc,EAAE,CAAC;IACjBC,KAAK,EAAE;EACT,CAAC;EAEDnC,UAAU,EAAE;IACVoC,UAAU,EAAE;EACd,CAAC;EACDnC,SAAS,EAAE;IACTmC,UAAU,EAAE;EACd,CAAC;EACDlC,MAAM,EAAE;IACNmC,QAAQ,EAAE,KAAK;IACfJ,iBAAiB,EAAE,EAAE;IACrBK,eAAe,EAAE;EACnB,CAAC;EACD5B,IAAI,EAAE;IACJ6B,UAAU,EAAE;EACd,CAAC;EACDC,WAAW,EAAE;IACXC,SAAS,EAAE,CAAC;IACZ1B,QAAQ,EAAE,EAAE;IACZJ,KAAK,EAAE;EACT,CAAC;EACDa,kBAAkB,EAAE;IAClBiB,SAAS,EAAE;EACb;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/components/MessageMetaRow.js

@@ -0,0 +1,113 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.MessageMetaRow = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _utils = require("./utils");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+let ImageComponent = _reactNative.Image;
+if (_reactNative.Platform.OS !== "web") {
+  try {
+    const ExpoImage = require("expo-image").Image;
+    if (ExpoImage) ImageComponent = ExpoImage;
+  } catch {}
+}
+const MessageMetaRow = ({
+  message,
+  priceMode,
+  handleFeedbackAction,
+  onReloadResults,
+  reloading,
+  hasResults
+}) => {
+  const isUser = message.role === "user";
+  const [conversationId, setConversationId] = _react.default.useState(null);
+  _react.default.useEffect(() => {
+    const fetchId = async () => {
+      const id = await (0, _utils.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.default.createElement(_reactNative.View, {
+    style: [styles.rowContainer, isUser ? styles.alignRight : styles.alignLeft]
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.timeContainer
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: styles.timeText
+  }, (0, _utils.formatToTime)(message.createdAt))), canFeedback ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.likeDislikeContainer
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
+    style: state => [styles.borderButton, state?.hovered && styles.borderButtonHover],
+    onPress: () => handleFeedbackAction(_utils.FeedbackAction.LIKE, String(conversationId), message.id),
+    disabled: !canFeedback
+  }, /*#__PURE__*/_react.default.createElement(ImageComponent, {
+    source: {
+      uri: message.reaction === _utils.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.default.createElement(_reactNative.Pressable, {
+    style: state => [styles.borderButton, state?.hovered && styles.borderButtonHover],
+    onPress: () => handleFeedbackAction(_utils.FeedbackAction.DISLIKE, String(conversationId), message.id),
+    disabled: !canFeedback
+  }, /*#__PURE__*/_react.default.createElement(ImageComponent, {
+    source: {
+      uri: message.reaction === _utils.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);
+};
+exports.MessageMetaRow = MessageMetaRow;
+const styles = _reactNative.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"
+  }
+});
+var _default = exports.default = MessageMetaRow;
+//# sourceMappingURL=MessageMetaRow.js.map

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

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

package/lib/commonjs/components/ProductsGrid.js

@@ -0,0 +1,139 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _reactNative = require("react-native");
+var _react = _interopRequireWildcard(require("react"));
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+// Use expo-image on native if available, fallback to RN Image
+let ImageComponent = _reactNative.Image;
+if (_reactNative.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.default.createElement(_reactNative.View, {
+    style: styles.wrapper
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.ScrollView, {
+    horizontal: true,
+    showsHorizontalScrollIndicator: false,
+    contentContainerStyle: styles.listContent
+  }, data.map(item => /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
+    key: item.id,
+    onPress: () => {
+      onItemPress?.(item);
+    }
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    key: item.id,
+    style: styles.card
+  }, item.image_thumb_url ? /*#__PURE__*/_react.default.createElement(ImageComponent, {
+    style: styles.image,
+    source: {
+      uri: item.image_thumb_url
+    }
+  }) : null, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.content
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    numberOfLines: 2,
+    style: styles.title
+  }, item.short_title), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: styles.price
+  }, "$", item.total_sales_price)))))), /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
+    style: styles.button,
+    activeOpacity: 0.8,
+    onPress: onViewAll
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: styles.buttonText
+  }, "View All ", ">>")));
+};
+const styles = _reactNative.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__*/(0, _react.memo)(ProductsGridComponent);
+var _default = exports.default = ProductsGrid;
+//# sourceMappingURL=ProductsGrid.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_react","_interopRequireWildcard","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ImageComponent","Image","Platform","OS","ExpoImage","ProductsGridComponent","data","onViewAll","onItemPress","length","createElement","View","style","styles","wrapper","ScrollView","horizontal","showsHorizontalScrollIndicator","contentContainerStyle","listContent","map","item","TouchableOpacity","key","id","onPress","card","image_thumb_url","image","source","uri","content","Text","numberOfLines","title","short_title","price","total_sales_price","button","activeOpacity","buttonText","StyleSheet","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","memo","_default","exports"],"sourceRoot":"../../../src","sources":["components/ProductsGrid.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/ProductsList.js

@@ -4,136 +4,32 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _reactNative = require("react-native");
-var _react = _interopRequireWildcard(require("react"));
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-// Use expo-image on native if available, fallback to RN Image
-let ImageComponent = _reactNative.Image;
-if (_reactNative.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 = ({
+var _react = _interopRequireDefault(require("react"));
+var _ProductsGrid = _interopRequireDefault(require("./ProductsGrid"));
+var _ProductsListView = _interopRequireDefault(require("./ProductsListView"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const ProductsList = ({
   data,
   onViewAll,
-  onItemPress
+  onItemPress,
+  variant = "list",
+  totalResults
 }) => {
   if (!data || !data.length) return null;
-  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: styles.wrapper
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.ScrollView, {
-    horizontal: true,
-    showsHorizontalScrollIndicator: false,
-    contentContainerStyle: styles.listContent
-  }, data.map(item => /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
-    key: item.id,
-    onPress: () => {
-      onItemPress?.(item);
-    }
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    key: item.id,
-    style: styles.card
-  }, item.image_thumb_url ? /*#__PURE__*/_react.default.createElement(ImageComponent, {
-    style: styles.image,
-    source: {
-      uri: item.image_thumb_url
-    }
-  }) : null, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: styles.content
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
-    numberOfLines: 2,
-    style: styles.title
-  }, item.short_title), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
-    style: styles.price
-  }, "$", item.total_sales_price)))))), /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
-    style: styles.button,
-    activeOpacity: 0.8,
-    onPress: onViewAll
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
-    style: styles.buttonText
-  }, "View All ", ">>")));
-};
-const styles = _reactNative.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.default.createElement(_ProductsListView.default, {
+      data: data,
+      onViewAll: onViewAll,
+      onItemPress: onItemPress,
+      totalResults: totalResults
+    });
   }
-});
-const ProductsList = /*#__PURE__*/(0, _react.memo)(ProductsListComponent);
+  return /*#__PURE__*/_react.default.createElement(_ProductsGrid.default, {
+    data: data,
+    onViewAll: onViewAll,
+    onItemPress: onItemPress,
+    totalResults: totalResults
+  });
+};
 var _default = exports.default = ProductsList;
 //# sourceMappingURL=ProductsList.js.map