@adminide-stack/yantra-mobile 12.0.69-alpha.9 → 12.0.69

package/lib/features/shopping/ProductDetailSheet.js

@@ -0,0 +1,313 @@
+import {jsx,jsxs}from'react/jsx-runtime';import {useState,useEffect}from'react';import {StyleSheet,Modal,View,Text,Pressable,ScrollView,Linking,ActivityIndicator}from'react-native';import {MaterialCommunityIcons}from'@expo/vector-icons';import {useSafeInsets}from'../canvas/withRemoteSafeArea.js';import {productSource,SOURCE_LABELS,productIdentifier,formatPrice}from'./catalog.js';import {useCartQty,addToCart}from'./shoppingCart.js';import {ProductPhoto}from'./ProductPhoto.js';import {compareRetailers,fetchPriceHistory,addPriceWatch}from'./services/catalogActions.js';import {useIsProductSaved,toggleSavedProduct}from'./savedProducts.js';var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+function ProductDetailSheet({
+  product,
+  onClose,
+  isDark,
+  ink,
+  muted,
+  screen,
+  border
+}) {
+  const insets = useSafeInsets();
+  const qty = useCartQty(product.id);
+  const saved = useIsProductSaved(product.id);
+  const source = productSource(product);
+  const retailer = product.retailerId || SOURCE_LABELS[source];
+  const identity = productIdentifier(product);
+  const canWatch = Boolean(product.retailerId && product.sku);
+  const [compareRows, setCompareRows] = useState(null);
+  const [compareHint, setCompareHint] = useState(null);
+  const [history, setHistory] = useState([]);
+  const [catalogLoading, setCatalogLoading] = useState(Boolean(identity || canWatch));
+  const [watchState, setWatchState] = useState("idle");
+  const [watchError, setWatchError] = useState(null);
+  useEffect(() => {
+    let live = true;
+    setCatalogLoading(Boolean(identity || product.retailerId && product.sku));
+    setCompareRows(null);
+    setCompareHint(null);
+    setHistory([]);
+    void Promise.allSettled([identity ? compareRetailers(__spreadValues({}, identity)) : Promise.resolve(null), product.retailerId && product.sku ? fetchPriceHistory({
+      retailer: product.retailerId,
+      productId: product.sku
+    }) : Promise.resolve([])]).then(([compareOutcome, historyOutcome]) => {
+      var _a;
+      if (!live) return;
+      if (compareOutcome.status === "fulfilled" && compareOutcome.value) {
+        setCompareRows(compareOutcome.value.rows);
+        setCompareHint((_a = compareOutcome.value.hint) != null ? _a : null);
+      }
+      if (historyOutcome.status === "fulfilled") setHistory(historyOutcome.value);
+      setCatalogLoading(false);
+    });
+    return () => {
+      live = false;
+    };
+  }, [product.id, identity == null ? void 0 : identity.identifier, product.retailerId, product.sku]);
+  return /* @__PURE__ */ jsx(Modal, { visible: true, animationType: "slide", onRequestClose: onClose, children: /* @__PURE__ */ jsxs(View, { style: [styles.fill, {
+    backgroundColor: screen,
+    paddingTop: Math.max(insets.top, 12),
+    paddingBottom: Math.max(insets.bottom, 12)
+  }], children: [
+    /* @__PURE__ */ jsxs(View, { style: styles.head, children: [
+      /* @__PURE__ */ jsx(Text, { style: [styles.headLabel, {
+        color: muted
+      }], children: "Product" }),
+      /* @__PURE__ */ jsx(Pressable, { onPress: onClose, hitSlop: 10, accessibilityLabel: "Close details", children: /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "close", size: 22, color: muted }) })
+    ] }),
+    /* @__PURE__ */ jsxs(ScrollView, { contentContainerStyle: styles.body, children: [
+      /* @__PURE__ */ jsx(View, { style: [styles.hero, {
+        backgroundColor: isDark ? "#1e293b" : "#fff",
+        borderColor: border
+      }], children: /* @__PURE__ */ jsx(ProductPhoto, { product, style: styles.heroImg, contentFit: "contain" }) }),
+      /* @__PURE__ */ jsx(Text, { style: [styles.name, {
+        color: ink
+      }], children: product.name }),
+      /* @__PURE__ */ jsxs(Text, { style: [styles.meta, {
+        color: muted
+      }], children: [
+        retailer,
+        product.brand ? ` \xB7 ${product.brand}` : "",
+        product.isPrime ? " \xB7 Prime" : ""
+      ] }),
+      /* @__PURE__ */ jsxs(View, { style: styles.priceRow, children: [
+        /* @__PURE__ */ jsx(Text, { style: [styles.price, {
+          color: ink
+        }], children: product.price > 0 ? formatPrice(product.price, product.currency) : "See retailer" }),
+        product.originalPrice && product.originalPrice > product.price ? /* @__PURE__ */ jsx(Text, { style: [styles.strike, {
+          color: muted
+        }], children: formatPrice(product.originalPrice) }) : null,
+        product.discountPercent ? /* @__PURE__ */ jsxs(Text, { style: styles.discount, children: [
+          "-",
+          Math.round(product.discountPercent),
+          "%"
+        ] }) : null
+      ] }),
+      product.rating > 0 ? /* @__PURE__ */ jsxs(Text, { style: {
+        color: muted,
+        fontSize: 14
+      }, children: [
+        product.rating.toFixed(1),
+        " \u2605",
+        product.reviews > 0 ? ` \xB7 ${product.reviews} reviews` : ""
+      ] }) : null,
+      product.inStock === false ? /* @__PURE__ */ jsx(Text, { style: styles.oos, children: "Out of stock" }) : null,
+      /* @__PURE__ */ jsxs(Pressable, { onPress: () => toggleSavedProduct(product), style: styles.saveRow, accessibilityRole: "button", children: [
+        /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: saved ? "heart" : "heart-outline", size: 18, color: saved ? "#be123c" : muted }),
+        /* @__PURE__ */ jsx(Text, { style: {
+          color: ink,
+          fontWeight: "600"
+        }, children: saved ? "Saved" : "Save for later" })
+      ] }),
+      /* @__PURE__ */ jsx(Pressable, { onPress: () => addToCart(product), style: styles.primaryBtn, accessibilityRole: "button", children: /* @__PURE__ */ jsx(Text, { style: styles.primaryBtnText, children: qty > 0 ? `Add another \xB7 ${qty} in cart` : "Add to cart" }) }),
+      product.url ? /* @__PURE__ */ jsx(Pressable, { onPress: () => void Linking.openURL(product.url), style: [styles.secondaryBtn, {
+        backgroundColor: isDark ? "#1e293b" : "#e2e8f0"
+      }], children: /* @__PURE__ */ jsx(Text, { style: [styles.secondaryBtnText, {
+        color: ink
+      }], children: "Open listing" }) }) : null,
+      canWatch ? /* @__PURE__ */ jsx(Pressable, { disabled: watchState === "saving" || watchState === "saved", onPress: async () => {
+        if (!product.retailerId || !product.sku) return;
+        setWatchState("saving");
+        setWatchError(null);
+        try {
+          await addPriceWatch(__spreadValues({
+            retailer: product.retailerId,
+            productId: product.sku
+          }, product.price > 0 ? {
+            targetPrice: Math.round(product.price * 0.9 * 100) / 100
+          } : {}));
+          setWatchState("saved");
+        } catch (err) {
+          setWatchState("error");
+          setWatchError(err instanceof Error ? err.message : "Could not add the price watch");
+        }
+      }, style: [styles.secondaryBtn, {
+        backgroundColor: isDark ? "#1e293b" : "#e2e8f0"
+      }], children: /* @__PURE__ */ jsx(Text, { style: [styles.secondaryBtnText, {
+        color: ink
+      }], children: watchState === "saved" ? "Watching this price" : watchState === "saving" ? "Adding watch\u2026" : "Watch this price" }) }) : null,
+      watchError ? /* @__PURE__ */ jsx(Text, { style: styles.oos, children: watchError }) : null,
+      catalogLoading ? /* @__PURE__ */ jsx(ActivityIndicator, {}) : null,
+      compareRows && compareRows.length > 0 ? /* @__PURE__ */ jsxs(View, { style: {
+        gap: 6
+      }, children: [
+        /* @__PURE__ */ jsx(Text, { style: [styles.paneTitle, {
+          color: ink
+        }], children: "Cheapest retailer" }),
+        compareRows.map((row) => /* @__PURE__ */ jsxs(View, { style: styles.compareRow, children: [
+          /* @__PURE__ */ jsxs(Text, { style: {
+            color: ink,
+            flex: 1
+          }, numberOfLines: 1, children: [
+            row.retailerId,
+            row.deltaToCheapest === 0 ? " \xB7 cheapest" : ""
+          ] }),
+          /* @__PURE__ */ jsx(Text, { style: {
+            color: ink,
+            fontWeight: "700"
+          }, children: row.currentPrice != null ? formatPrice(row.currentPrice) : "\u2014" })
+        ] }, `${row.retailerId}-${row.productId}`))
+      ] }) : compareHint ? /* @__PURE__ */ jsx(Text, { style: {
+        color: muted,
+        fontSize: 12
+      }, children: compareHint }) : null,
+      history.length > 1 ? /* @__PURE__ */ jsx(PriceSparkline, { points: history, muted }) : null
+    ] })
+  ] }) });
+}
+function PriceSparkline({
+  points,
+  muted
+}) {
+  const prices = points.map((p) => p.price);
+  const min = Math.min(...prices);
+  const max = Math.max(...prices);
+  const latest = points[points.length - 1];
+  const first = points[0];
+  const down = latest.price < first.price;
+  return /* @__PURE__ */ jsxs(View, { style: {
+    gap: 4,
+    marginTop: 8
+  }, children: [
+    /* @__PURE__ */ jsxs(Text, { style: {
+      fontSize: 13,
+      fontWeight: "700",
+      color: down ? "#067d62" : "#0f172a"
+    }, children: [
+      "Price history \xB7 ",
+      points.length,
+      " weeks"
+    ] }),
+    /* @__PURE__ */ jsxs(Text, { style: {
+      fontSize: 12,
+      color: muted
+    }, children: [
+      "range ",
+      formatPrice(min),
+      " \u2013 ",
+      formatPrice(max)
+    ] })
+  ] });
+}
+const styles = StyleSheet.create({
+  fill: {
+    flex: 1
+  },
+  head: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "space-between",
+    paddingHorizontal: 16,
+    paddingBottom: 8
+  },
+  headLabel: {
+    fontSize: 13,
+    fontWeight: "600",
+    letterSpacing: 0.4,
+    textTransform: "uppercase"
+  },
+  body: {
+    paddingHorizontal: 16,
+    paddingBottom: 28,
+    gap: 10
+  },
+  hero: {
+    width: "100%",
+    height: 280,
+    borderRadius: 16,
+    borderWidth: 1,
+    alignItems: "center",
+    justifyContent: "center",
+    overflow: "hidden"
+  },
+  heroImg: {
+    width: "100%",
+    height: "100%"
+  },
+  name: {
+    fontSize: 20,
+    fontWeight: "700",
+    letterSpacing: -0.3,
+    lineHeight: 26
+  },
+  meta: {
+    fontSize: 13
+  },
+  priceRow: {
+    flexDirection: "row",
+    alignItems: "baseline",
+    gap: 8,
+    flexWrap: "wrap"
+  },
+  price: {
+    fontSize: 26,
+    fontWeight: "800",
+    letterSpacing: -0.4
+  },
+  strike: {
+    fontSize: 15,
+    textDecorationLine: "line-through"
+  },
+  discount: {
+    fontSize: 13,
+    fontWeight: "700",
+    color: "#047857"
+  },
+  oos: {
+    fontSize: 13,
+    fontWeight: "600",
+    color: "#b91c1c"
+  },
+  primaryBtn: {
+    backgroundColor: "#0b1220",
+    borderRadius: 12,
+    paddingVertical: 14,
+    alignItems: "center",
+    marginTop: 8
+  },
+  primaryBtnText: {
+    color: "#fff",
+    fontWeight: "700",
+    fontSize: 16
+  },
+  secondaryBtn: {
+    borderRadius: 12,
+    paddingVertical: 14,
+    alignItems: "center"
+  },
+  secondaryBtnText: {
+    fontWeight: "700",
+    fontSize: 16
+  },
+  saveRow: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 8,
+    marginTop: 4
+  },
+  paneTitle: {
+    fontSize: 13,
+    fontWeight: "700",
+    marginTop: 8
+  },
+  compareRow: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 8
+  }
+});export{ProductDetailSheet};//# sourceMappingURL=ProductDetailSheet.js.map

package/lib/features/shopping/ProductDetailSheet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductDetailSheet.js","sources":["../../../src/features/shopping/ProductDetailSheet.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { ActivityIndicator, Linking, Modal, Pressable, ScrollView, StyleSheet, Text, View } from 'react-native';\nimport { MaterialCommunityIcons } from '@expo/vector-icons';\nimport { useSafeInsets } from '../canvas/withRemoteSafeArea';\nimport { SOURCE_LABELS, formatPrice, productIdentifier, productSource, type Product } from './catalog';\nimport { addToCart, useCartQty } from './shoppingCart';\nimport { ProductPhoto } from './ProductPhoto';\nimport {\n    addPriceWatch,\n    compareRetailers,\n    fetchPriceHistory,\n    type CompareRow,\n    type PricePoint,\n} from './services/catalogActions';\nimport { toggleSavedProduct, useIsProductSaved } from './savedProducts';\n\nexport function ProductDetailSheet({\n    product,\n    onClose,\n    isDark,\n    ink,\n    muted,\n    screen,\n    border,\n}: {\n    product: Product;\n    onClose: () => void;\n    isDark: boolean;\n    ink: string;\n    muted: string;\n    screen: string;\n    border: string;\n}) {\n    const insets = useSafeInsets();\n    const qty = useCartQty(product.id);\n    const saved = useIsProductSaved(product.id);\n    const source = productSource(product);\n    const retailer = product.retailerId || SOURCE_LABELS[source];\n    const identity = productIdentifier(product);\n    const canWatch = Boolean(product.retailerId && product.sku);\n    const [compareRows, setCompareRows] = useState<CompareRow[] | null>(null);\n    const [compareHint, setCompareHint] = useState<string | null>(null);\n    const [history, setHistory] = useState<PricePoint[]>([]);\n    const [catalogLoading, setCatalogLoading] = useState(Boolean(identity || canWatch));\n    const [watchState, setWatchState] = useState<'idle' | 'saving' | 'saved' | 'error'>('idle');\n    const [watchError, setWatchError] = useState<string | null>(null);\n\n    useEffect(() => {\n        let live = true;\n        setCatalogLoading(Boolean(identity || (product.retailerId && product.sku)));\n        setCompareRows(null);\n        setCompareHint(null);\n        setHistory([]);\n        void Promise.allSettled([\n            identity ? compareRetailers({ ...identity }) : Promise.resolve(null),\n            product.retailerId && product.sku\n                ? fetchPriceHistory({ retailer: product.retailerId, productId: product.sku })\n                : Promise.resolve([] as PricePoint[]),\n        ]).then(([compareOutcome, historyOutcome]) => {\n            if (!live) return;\n            if (compareOutcome.status === 'fulfilled' && compareOutcome.value) {\n                setCompareRows(compareOutcome.value.rows);\n                setCompareHint(compareOutcome.value.hint ?? null);\n            }\n            if (historyOutcome.status === 'fulfilled') setHistory(historyOutcome.value);\n            setCatalogLoading(false);\n        });\n        return () => {\n            live = false;\n        };\n    }, [product.id, identity?.identifier, product.retailerId, product.sku]);\n\n    return (\n        <Modal visible animationType=\"slide\" onRequestClose={onClose}>\n            <View\n                style={[\n                    styles.fill,\n                    {\n                        backgroundColor: screen,\n                        paddingTop: Math.max(insets.top, 12),\n                        paddingBottom: Math.max(insets.bottom, 12),\n                    },\n                ]}\n            >\n                <View style={styles.head}>\n                    <Text style={[styles.headLabel, { color: muted }]}>Product</Text>\n                    <Pressable onPress={onClose} hitSlop={10} accessibilityLabel=\"Close details\">\n                        <MaterialCommunityIcons name=\"close\" size={22} color={muted} />\n                    </Pressable>\n                </View>\n                <ScrollView contentContainerStyle={styles.body}>\n                    <View style={[styles.hero, { backgroundColor: isDark ? '#1e293b' : '#fff', borderColor: border }]}>\n                        <ProductPhoto product={product} style={styles.heroImg} contentFit=\"contain\" />\n                    </View>\n                    <Text style={[styles.name, { color: ink }]}>{product.name}</Text>\n                    <Text style={[styles.meta, { color: muted }]}>\n                        {retailer}\n                        {product.brand ? ` · ${product.brand}` : ''}\n                        {product.isPrime ? ' · Prime' : ''}\n                    </Text>\n                    <View style={styles.priceRow}>\n                        <Text style={[styles.price, { color: ink }]}>\n                            {product.price > 0 ? formatPrice(product.price, product.currency) : 'See retailer'}\n                        </Text>\n                        {product.originalPrice && product.originalPrice > product.price ? (\n                            <Text style={[styles.strike, { color: muted }]}>{formatPrice(product.originalPrice)}</Text>\n                        ) : null}\n                        {product.discountPercent ? (\n                            <Text style={styles.discount}>-{Math.round(product.discountPercent)}%</Text>\n                        ) : null}\n                    </View>\n                    {product.rating > 0 ? (\n                        <Text style={{ color: muted, fontSize: 14 }}>\n                            {product.rating.toFixed(1)} ★{product.reviews > 0 ? ` · ${product.reviews} reviews` : ''}\n                        </Text>\n                    ) : null}\n                    {product.inStock === false ? <Text style={styles.oos}>Out of stock</Text> : null}\n                    <Pressable\n                        onPress={() => toggleSavedProduct(product)}\n                        style={styles.saveRow}\n                        accessibilityRole=\"button\"\n                    >\n                        <MaterialCommunityIcons\n                            name={saved ? 'heart' : 'heart-outline'}\n                            size={18}\n                            color={saved ? '#be123c' : muted}\n                        />\n                        <Text style={{ color: ink, fontWeight: '600' }}>{saved ? 'Saved' : 'Save for later'}</Text>\n                    </Pressable>\n                    <Pressable onPress={() => addToCart(product)} style={styles.primaryBtn} accessibilityRole=\"button\">\n                        <Text style={styles.primaryBtnText}>\n                            {qty > 0 ? `Add another · ${qty} in cart` : 'Add to cart'}\n                        </Text>\n                    </Pressable>\n                    {product.url ? (\n                        <Pressable\n                            onPress={() => void Linking.openURL(product.url!)}\n                            style={[styles.secondaryBtn, { backgroundColor: isDark ? '#1e293b' : '#e2e8f0' }]}\n                        >\n                            <Text style={[styles.secondaryBtnText, { color: ink }]}>Open listing</Text>\n                        </Pressable>\n                    ) : null}\n                    {canWatch ? (\n                        <Pressable\n                            disabled={watchState === 'saving' || watchState === 'saved'}\n                            onPress={async () => {\n                                if (!product.retailerId || !product.sku) return;\n                                setWatchState('saving');\n                                setWatchError(null);\n                                try {\n                                    await addPriceWatch({\n                                        retailer: product.retailerId,\n                                        productId: product.sku,\n                                        ...(product.price > 0\n                                            ? { targetPrice: Math.round(product.price * 0.9 * 100) / 100 }\n                                            : {}),\n                                    });\n                                    setWatchState('saved');\n                                } catch (err) {\n                                    setWatchState('error');\n                                    setWatchError(err instanceof Error ? err.message : 'Could not add the price watch');\n                                }\n                            }}\n                            style={[styles.secondaryBtn, { backgroundColor: isDark ? '#1e293b' : '#e2e8f0' }]}\n                        >\n                            <Text style={[styles.secondaryBtnText, { color: ink }]}>\n                                {watchState === 'saved'\n                                    ? 'Watching this price'\n                                    : watchState === 'saving'\n                                      ? 'Adding watch…'\n                                      : 'Watch this price'}\n                            </Text>\n                        </Pressable>\n                    ) : null}\n                    {watchError ? <Text style={styles.oos}>{watchError}</Text> : null}\n                    {catalogLoading ? <ActivityIndicator /> : null}\n                    {compareRows && compareRows.length > 0 ? (\n                        <View style={{ gap: 6 }}>\n                            <Text style={[styles.paneTitle, { color: ink }]}>Cheapest retailer</Text>\n                            {compareRows.map((row) => (\n                                <View key={`${row.retailerId}-${row.productId}`} style={styles.compareRow}>\n                                    <Text style={{ color: ink, flex: 1 }} numberOfLines={1}>\n                                        {row.retailerId}\n                                        {row.deltaToCheapest === 0 ? ' · cheapest' : ''}\n                                    </Text>\n                                    <Text style={{ color: ink, fontWeight: '700' }}>\n                                        {row.currentPrice != null ? formatPrice(row.currentPrice) : '—'}\n                                    </Text>\n                                </View>\n                            ))}\n                        </View>\n                    ) : compareHint ? (\n                        <Text style={{ color: muted, fontSize: 12 }}>{compareHint}</Text>\n                    ) : null}\n                    {history.length > 1 ? <PriceSparkline points={history} muted={muted} /> : null}\n                </ScrollView>\n            </View>\n        </Modal>\n    );\n}\n\nfunction PriceSparkline({ points, muted }: { points: PricePoint[]; muted: string }) {\n    const prices = points.map((p) => p.price);\n    const min = Math.min(...prices);\n    const max = Math.max(...prices);\n    const latest = points[points.length - 1];\n    const first = points[0];\n    const down = latest.price < first.price;\n    return (\n        <View style={{ gap: 4, marginTop: 8 }}>\n            <Text style={{ fontSize: 13, fontWeight: '700', color: down ? '#067d62' : '#0f172a' }}>\n                Price history · {points.length} weeks\n            </Text>\n            <Text style={{ fontSize: 12, color: muted }}>\n                range {formatPrice(min)} – {formatPrice(max)}\n            </Text>\n        </View>\n    );\n}\n\nconst styles = StyleSheet.create({\n    fill: { flex: 1 },\n    head: {\n        flexDirection: 'row',\n        alignItems: 'center',\n        justifyContent: 'space-between',\n        paddingHorizontal: 16,\n        paddingBottom: 8,\n    },\n    headLabel: { fontSize: 13, fontWeight: '600', letterSpacing: 0.4, textTransform: 'uppercase' },\n    body: { paddingHorizontal: 16, paddingBottom: 28, gap: 10 },\n    hero: {\n        width: '100%',\n        height: 280,\n        borderRadius: 16,\n        borderWidth: 1,\n        alignItems: 'center',\n        justifyContent: 'center',\n        overflow: 'hidden',\n    },\n    heroImg: { width: '100%', height: '100%' },\n    name: { fontSize: 20, fontWeight: '700', letterSpacing: -0.3, lineHeight: 26 },\n    meta: { fontSize: 13 },\n    priceRow: { flexDirection: 'row', alignItems: 'baseline', gap: 8, flexWrap: 'wrap' },\n    price: { fontSize: 26, fontWeight: '800', letterSpacing: -0.4 },\n    strike: { fontSize: 15, textDecorationLine: 'line-through' },\n    discount: { fontSize: 13, fontWeight: '700', color: '#047857' },\n    oos: { fontSize: 13, fontWeight: '600', color: '#b91c1c' },\n    primaryBtn: {\n        backgroundColor: '#0b1220',\n        borderRadius: 12,\n        paddingVertical: 14,\n        alignItems: 'center',\n        marginTop: 8,\n    },\n    primaryBtnText: { color: '#fff', fontWeight: '700', fontSize: 16 },\n    secondaryBtn: { borderRadius: 12, paddingVertical: 14, alignItems: 'center' },\n    secondaryBtnText: { fontWeight: '700', fontSize: 16 },\n    saveRow: { flexDirection: 'row', alignItems: 'center', gap: 8, marginTop: 4 },\n    paneTitle: { fontSize: 13, fontWeight: '700', marginTop: 8 },\n    compareRow: { flexDirection: 'row', alignItems: 'center', gap: 8 },\n});\n"],"names":[],"mappings":"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"}

package/lib/features/shopping/ProductFilterBar.js

@@ -0,0 +1,153 @@
+import {jsx,jsxs}from'react/jsx-runtime';import {StyleSheet,View,ScrollView,Text,Pressable}from'react-native';import {formatPrice,SOURCE_LABELS}from'./catalog.js';import {productFacets,activeFilterCount,hasActiveFilters,DEFAULT_PRODUCT_FILTERS}from'./services/productFilters.js';var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+const PRICE_STEPS = [25, 50, 100, 250, 500, 1e3];
+const RATING_STEPS = [3, 4, 4.5];
+const DISCOUNT_STEPS = [10, 25, 50];
+const SORT_LABELS = {
+  relevance: "Relevance",
+  "price-asc": "Price \u2191",
+  "price-desc": "Price \u2193",
+  rating: "Top rated",
+  discount: "Biggest discount"
+};
+const SORT_CYCLE = ["relevance", "price-asc", "price-desc", "rating", "discount"];
+function ProductFilterBar({
+  products,
+  filters,
+  onChange,
+  shownCount
+}) {
+  const facets = productFacets(products);
+  const priceSteps = PRICE_STEPS.filter((step) => step < facets.maxPrice || facets.maxPrice === 0);
+  const active = activeFilterCount(filters);
+  const narrowing = hasActiveFilters(filters);
+  const togglePrice = (value) => onChange(__spreadProps(__spreadValues({}, filters), {
+    maxPrice: filters.maxPrice === value ? null : value
+  }));
+  const toggleDiscount = (value) => onChange(__spreadProps(__spreadValues({}, filters), {
+    minDiscount: filters.minDiscount === value ? null : value
+  }));
+  const cycleSort = () => {
+    const i = SORT_CYCLE.indexOf(filters.sort);
+    onChange(__spreadProps(__spreadValues({}, filters), {
+      sort: SORT_CYCLE[(i + 1) % SORT_CYCLE.length]
+    }));
+  };
+  return /* @__PURE__ */ jsx(View, { style: styles.wrap, testID: "shopping-filter-bar", children: /* @__PURE__ */ jsxs(ScrollView, { horizontal: true, showsHorizontalScrollIndicator: false, contentContainerStyle: styles.row, children: [
+    /* @__PURE__ */ jsx(View, { style: styles.filtersPill, children: /* @__PURE__ */ jsxs(Text, { style: styles.filtersPillText, children: [
+      "Filters",
+      active > 0 ? ` \xB7 ${active}` : ""
+    ] }) }),
+    priceSteps.map((step) => {
+      const on = filters.maxPrice === step;
+      return /* @__PURE__ */ jsx(Pressable, { onPress: () => togglePrice(step), style: [styles.chip, on && styles.chipOn], children: /* @__PURE__ */ jsx(Text, { style: [styles.chipText, on && styles.chipTextOn], children: formatPrice(step) }) }, `p-${step}`);
+    }),
+    facets.hasRatings ? RATING_STEPS.map((step) => {
+      const on = filters.minRating === step;
+      return /* @__PURE__ */ jsx(Pressable, { onPress: () => onChange(__spreadProps(__spreadValues({}, filters), {
+        minRating: filters.minRating === step ? null : step
+      })), style: [styles.chip, on && styles.chipOn], children: /* @__PURE__ */ jsxs(Text, { style: [styles.chipText, on && styles.chipTextOn], children: [
+        "\u2605",
+        step,
+        "+"
+      ] }) }, `r-${step}`);
+    }) : null,
+    facets.hasDiscounts ? DISCOUNT_STEPS.map((step) => {
+      const on = filters.minDiscount === step;
+      return /* @__PURE__ */ jsx(Pressable, { onPress: () => toggleDiscount(step), style: [styles.chip, on && styles.chipOn], children: /* @__PURE__ */ jsxs(Text, { style: [styles.chipText, on && styles.chipTextOn], children: [
+        step,
+        "%+"
+      ] }) }, `d-${step}`);
+    }) : null,
+    /* @__PURE__ */ jsx(Pressable, { onPress: () => onChange(__spreadProps(__spreadValues({}, filters), {
+      inStockOnly: !filters.inStockOnly
+    })), style: [styles.chip, filters.inStockOnly && styles.chipOn], children: /* @__PURE__ */ jsx(Text, { style: [styles.chipText, filters.inStockOnly && styles.chipTextOn], children: "In stock" }) }),
+    facets.sources.slice(0, 6).map((source) => {
+      const on = filters.sources.includes(source);
+      return /* @__PURE__ */ jsx(Pressable, { onPress: () => onChange(__spreadProps(__spreadValues({}, filters), {
+        sources: on ? filters.sources.filter((s) => s !== source) : [...filters.sources, source]
+      })), style: [styles.chip, on && styles.chipOn], children: /* @__PURE__ */ jsx(Text, { style: [styles.chipText, on && styles.chipTextOn], children: SOURCE_LABELS[source] }) }, source);
+    }),
+    /* @__PURE__ */ jsx(Pressable, { onPress: cycleSort, style: styles.chip, children: /* @__PURE__ */ jsx(Text, { style: styles.chipText, children: SORT_LABELS[filters.sort] }) }),
+    narrowing ? /* @__PURE__ */ jsx(Pressable, { onPress: () => onChange(__spreadValues({}, DEFAULT_PRODUCT_FILTERS)), style: styles.clear, children: /* @__PURE__ */ jsx(Text, { style: styles.clearText, children: "Clear" }) }) : null,
+    typeof shownCount === "number" && narrowing ? /* @__PURE__ */ jsxs(Text, { style: styles.count, children: [
+      shownCount,
+      " shown"
+    ] }) : null
+  ] }) });
+}
+const styles = StyleSheet.create({
+  wrap: {
+    borderBottomWidth: StyleSheet.hairlineWidth,
+    borderBottomColor: "#e8ecf1",
+    backgroundColor: "#f8fafc",
+    paddingVertical: 8
+  },
+  row: {
+    gap: 6,
+    paddingHorizontal: 12,
+    alignItems: "center"
+  },
+  filtersPill: {
+    backgroundColor: "#0b1220",
+    borderRadius: 10,
+    paddingHorizontal: 10,
+    paddingVertical: 7
+  },
+  filtersPillText: {
+    color: "#fff",
+    fontSize: 12,
+    fontWeight: "700"
+  },
+  chip: {
+    borderRadius: 10,
+    borderWidth: 1,
+    borderColor: "#e2e8f0",
+    backgroundColor: "#fff",
+    paddingHorizontal: 10,
+    paddingVertical: 7
+  },
+  chipOn: {
+    backgroundColor: "#0b1220",
+    borderColor: "#0b1220"
+  },
+  chipText: {
+    fontSize: 12,
+    fontWeight: "600",
+    color: "#475569"
+  },
+  chipTextOn: {
+    color: "#fff"
+  },
+  clear: {
+    paddingHorizontal: 8,
+    paddingVertical: 7
+  },
+  clearText: {
+    fontSize: 12,
+    fontWeight: "700",
+    color: "#0a6b7c"
+  },
+  count: {
+    fontSize: 11,
+    color: "#64748b",
+    marginLeft: 4
+  }
+});export{ProductFilterBar};//# sourceMappingURL=ProductFilterBar.js.map

package/lib/features/shopping/ProductFilterBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductFilterBar.js","sources":["../../../src/features/shopping/ProductFilterBar.tsx"],"sourcesContent":["/**\n * Native twin of web ProductFilterBar — price / deal / stock / sort chips.\n */\nimport React from 'react';\nimport { Pressable, ScrollView, StyleSheet, Text, View } from 'react-native';\nimport type { Product } from './catalog';\nimport { formatPrice, SOURCE_LABELS } from './catalog';\nimport {\n    activeFilterCount,\n    DEFAULT_PRODUCT_FILTERS,\n    hasActiveFilters,\n    productFacets,\n    type ProductFilters,\n    type ProductSortOrder,\n} from './services/productFilters';\n\nconst PRICE_STEPS = [25, 50, 100, 250, 500, 1000];\nconst RATING_STEPS = [3, 4, 4.5];\nconst DISCOUNT_STEPS = [10, 25, 50];\n\nconst SORT_LABELS: Record<ProductSortOrder, string> = {\n    relevance: 'Relevance',\n    'price-asc': 'Price ↑',\n    'price-desc': 'Price ↓',\n    rating: 'Top rated',\n    discount: 'Biggest discount',\n};\n\nconst SORT_CYCLE: ProductSortOrder[] = ['relevance', 'price-asc', 'price-desc', 'rating', 'discount'];\n\nexport function ProductFilterBar({\n    products,\n    filters,\n    onChange,\n    shownCount,\n}: {\n    products: Product[];\n    filters: ProductFilters;\n    onChange: (next: ProductFilters) => void;\n    shownCount?: number;\n}) {\n    const facets = productFacets(products);\n    const priceSteps = PRICE_STEPS.filter((step) => step < facets.maxPrice || facets.maxPrice === 0);\n    const active = activeFilterCount(filters);\n    const narrowing = hasActiveFilters(filters);\n\n    const togglePrice = (value: number) =>\n        onChange({ ...filters, maxPrice: filters.maxPrice === value ? null : value });\n    const toggleDiscount = (value: number) =>\n        onChange({ ...filters, minDiscount: filters.minDiscount === value ? null : value });\n    const cycleSort = () => {\n        const i = SORT_CYCLE.indexOf(filters.sort);\n        onChange({ ...filters, sort: SORT_CYCLE[(i + 1) % SORT_CYCLE.length] });\n    };\n\n    return (\n        <View style={styles.wrap} testID=\"shopping-filter-bar\">\n            <ScrollView horizontal showsHorizontalScrollIndicator={false} contentContainerStyle={styles.row}>\n                <View style={styles.filtersPill}>\n                    <Text style={styles.filtersPillText}>Filters{active > 0 ? ` · ${active}` : ''}</Text>\n                </View>\n                {priceSteps.map((step) => {\n                    const on = filters.maxPrice === step;\n                    return (\n                        <Pressable\n                            key={`p-${step}`}\n                            onPress={() => togglePrice(step)}\n                            style={[styles.chip, on && styles.chipOn]}\n                        >\n                            <Text style={[styles.chipText, on && styles.chipTextOn]}>{formatPrice(step)}</Text>\n                        </Pressable>\n                    );\n                })}\n                {facets.hasRatings\n                    ? RATING_STEPS.map((step) => {\n                          const on = filters.minRating === step;\n                          return (\n                              <Pressable\n                                  key={`r-${step}`}\n                                  onPress={() =>\n                                      onChange({\n                                          ...filters,\n                                          minRating: filters.minRating === step ? null : step,\n                                      })\n                                  }\n                                  style={[styles.chip, on && styles.chipOn]}\n                              >\n                                  <Text style={[styles.chipText, on && styles.chipTextOn]}>★{step}+</Text>\n                              </Pressable>\n                          );\n                      })\n                    : null}\n                {facets.hasDiscounts\n                    ? DISCOUNT_STEPS.map((step) => {\n                          const on = filters.minDiscount === step;\n                          return (\n                              <Pressable\n                                  key={`d-${step}`}\n                                  onPress={() => toggleDiscount(step)}\n                                  style={[styles.chip, on && styles.chipOn]}\n                              >\n                                  <Text style={[styles.chipText, on && styles.chipTextOn]}>{step}%+</Text>\n                              </Pressable>\n                          );\n                      })\n                    : null}\n                <Pressable\n                    onPress={() => onChange({ ...filters, inStockOnly: !filters.inStockOnly })}\n                    style={[styles.chip, filters.inStockOnly && styles.chipOn]}\n                >\n                    <Text style={[styles.chipText, filters.inStockOnly && styles.chipTextOn]}>In stock</Text>\n                </Pressable>\n                {facets.sources.slice(0, 6).map((source) => {\n                    const on = filters.sources.includes(source);\n                    return (\n                        <Pressable\n                            key={source}\n                            onPress={() =>\n                                onChange({\n                                    ...filters,\n                                    sources: on\n                                        ? filters.sources.filter((s) => s !== source)\n                                        : [...filters.sources, source],\n                                })\n                            }\n                            style={[styles.chip, on && styles.chipOn]}\n                        >\n                            <Text style={[styles.chipText, on && styles.chipTextOn]}>{SOURCE_LABELS[source]}</Text>\n                        </Pressable>\n                    );\n                })}\n                <Pressable onPress={cycleSort} style={styles.chip}>\n                    <Text style={styles.chipText}>{SORT_LABELS[filters.sort]}</Text>\n                </Pressable>\n                {narrowing ? (\n                    <Pressable onPress={() => onChange({ ...DEFAULT_PRODUCT_FILTERS })} style={styles.clear}>\n                        <Text style={styles.clearText}>Clear</Text>\n                    </Pressable>\n                ) : null}\n                {typeof shownCount === 'number' && narrowing ? (\n                    <Text style={styles.count}>{shownCount} shown</Text>\n                ) : null}\n            </ScrollView>\n        </View>\n    );\n}\n\nconst styles = StyleSheet.create({\n    wrap: {\n        borderBottomWidth: StyleSheet.hairlineWidth,\n        borderBottomColor: '#e8ecf1',\n        backgroundColor: '#f8fafc',\n        paddingVertical: 8,\n    },\n    row: { gap: 6, paddingHorizontal: 12, alignItems: 'center' },\n    filtersPill: {\n        backgroundColor: '#0b1220',\n        borderRadius: 10,\n        paddingHorizontal: 10,\n        paddingVertical: 7,\n    },\n    filtersPillText: { color: '#fff', fontSize: 12, fontWeight: '700' },\n    chip: {\n        borderRadius: 10,\n        borderWidth: 1,\n        borderColor: '#e2e8f0',\n        backgroundColor: '#fff',\n        paddingHorizontal: 10,\n        paddingVertical: 7,\n    },\n    chipOn: { backgroundColor: '#0b1220', borderColor: '#0b1220' },\n    chipText: { fontSize: 12, fontWeight: '600', color: '#475569' },\n    chipTextOn: { color: '#fff' },\n    clear: { paddingHorizontal: 8, paddingVertical: 7 },\n    clearText: { fontSize: 12, fontWeight: '700', color: '#0a6b7c' },\n    count: { fontSize: 11, color: '#64748b', marginLeft: 4 },\n});\n"],"names":[],"mappings":"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"}

package/lib/features/shopping/ProductPhoto.js

@@ -0,0 +1,27 @@
+import {jsx}from'react/jsx-runtime';import {useState,useEffect}from'react';import {Image}from'expo-image';import {StyleSheet,View,Text}from'react-native';import {productImageCandidates}from'./productImage.js';function ProductPhoto({
+  product,
+  style,
+  contentFit = "contain"
+}) {
+  const candidates = productImageCandidates(product);
+  const [index, setIndex] = useState(0);
+  useEffect(() => setIndex(0), [product.id, product.imageUrl, product.asin]);
+  const uri = candidates[index];
+  if (!uri) {
+    return /* @__PURE__ */ jsx(View, { style: [styles.fallback, style, {
+      backgroundColor: `${product.accent}22`
+    }], children: /* @__PURE__ */ jsx(Text, { style: styles.icon, children: product.icon }) });
+  }
+  return /* @__PURE__ */ jsx(Image, { source: {
+    uri
+  }, style, contentFit, onError: () => setIndex((i) => i + 1 < candidates.length ? i + 1 : i) });
+}
+const styles = StyleSheet.create({
+  fallback: {
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  icon: {
+    fontSize: 36
+  }
+});export{ProductPhoto};//# sourceMappingURL=ProductPhoto.js.map

package/lib/features/shopping/ProductPhoto.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductPhoto.js","sources":["../../../src/features/shopping/ProductPhoto.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { Image } from 'expo-image';\nimport { StyleSheet, Text, View } from 'react-native';\nimport type { Product } from './catalog';\nimport { productImageCandidates } from './productImage';\n\nexport function ProductPhoto({\n    product,\n    style,\n    contentFit = 'contain',\n}: {\n    product: Product;\n    style?: object;\n    contentFit?: 'contain' | 'cover';\n}) {\n    const candidates = productImageCandidates(product);\n    const [index, setIndex] = useState(0);\n    useEffect(() => setIndex(0), [product.id, product.imageUrl, product.asin]);\n    const uri = candidates[index];\n\n    if (!uri) {\n        return (\n            <View style={[styles.fallback, style, { backgroundColor: `${product.accent}22` }]}>\n                <Text style={styles.icon}>{product.icon}</Text>\n            </View>\n        );\n    }\n\n    return (\n        <Image\n            source={{ uri }}\n            style={style}\n            contentFit={contentFit}\n            onError={() => setIndex((i) => (i + 1 < candidates.length ? i + 1 : i))}\n        />\n    );\n}\n\nconst styles = StyleSheet.create({\n    fallback: { alignItems: 'center', justifyContent: 'center' },\n    icon: { fontSize: 36 },\n});\n"],"names":[],"mappings":"iNAKO,SAAS,YAAa,CAAA;AAAA,EAC3B,OAAA;AAAA,EACA,KAAA;AAAA,EACA,UAAa,GAAA;AACf,CAIG,EAAA;AACD,EAAM,MAAA,UAAA,GAAa,uBAAuB,OAAO,CAAA;AACjD,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,SAAS,CAAC,CAAA;AACpC,EAAU,SAAA,CAAA,MAAM,QAAS,CAAA,CAAC,CAAG,EAAA,CAAC,OAAQ,CAAA,EAAA,EAAI,OAAQ,CAAA,QAAA,EAAU,OAAQ,CAAA,IAAI,CAAC,CAAA;AACzE,EAAM,MAAA,GAAA,GAAM,WAAW,KAAK,CAAA;AAC5B,EAAA,IAAI,CAAC,GAAK,EAAA;AACR,IAAA,2BAAQ,IAAK,EAAA,EAAA,KAAA,EAAO,CAAC,MAAA,CAAO,UAAU,KAAO,EAAA;AAAA,MAC3C,eAAA,EAAiB,CAAG,EAAA,OAAA,CAAQ,MAAM,CAAA,EAAA;AAAA,KACnC,GACW,QAAC,kBAAA,GAAA,CAAA,IAAA,EAAA,EAAK,OAAO,MAAO,CAAA,IAAA,EAAO,QAAQ,EAAA,OAAA,CAAA,IAAA,EAAK,CAC5C,EAAA,CAAA;AAAA;AAEV,EAAO,uBAAA,GAAA,CAAC,SAAM,MAAQ,EAAA;AAAA,IACpB;AAAA,GACC,EAAA,KAAA,EAAc,UAAwB,EAAA,OAAA,EAAS,MAAM,QAAS,CAAA,CAAA,CAAA,KAAK,CAAI,GAAA,CAAA,GAAI,UAAW,CAAA,MAAA,GAAS,CAAI,GAAA,CAAA,GAAI,CAAC,CAAG,EAAA,CAAA;AAChH;AACA,MAAM,MAAA,GAAS,WAAW,MAAO,CAAA;AAAA,EAC/B,QAAU,EAAA;AAAA,IACR,UAAY,EAAA,QAAA;AAAA,IACZ,cAAgB,EAAA;AAAA,GAClB;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,QAAU,EAAA;AAAA;AAEd,CAAC,CAAA"}