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

package/lib/features/shopping/ShoppingExperience.js

@@ -0,0 +1,888 @@
+import {jsx,jsxs,Fragment}from'react/jsx-runtime';import {useEffect,useRef,useState,useMemo,useCallback}from'react';import {StyleSheet,useColorScheme,PanResponder,View,Text,ActivityIndicator,Pressable,ScrollView,TextInput,Modal,Linking}from'react-native';import {useFocusEffect}from'@react-navigation/native';import {MaterialCommunityIcons}from'@expo/vector-icons';import {useSafeInsets}from'../canvas/withRemoteSafeArea.js';import {SOURCE_ORDER,productSource,DEPARTMENTS,SOURCE_LABELS,PRODUCT_SOURCES,SOURCE_SECTION,formatPrice}from'./catalog.js';import {hydrateCart,useCart,setQty,removeFromCart,clearCart}from'./shoppingCart.js';import {createShoppingExec}from'./shoppingExec.js';import {setShoppingRuntime}from'./shoppingRuntime.js';import {useShoppingSearch}from'./useShoppingSearch.js';import {ProductPhoto}from'./ProductPhoto.js';import {ProductDetailSheet}from'./ProductDetailSheet.js';import {ProductCard}from'./ProductCard.js';import {ProductFilterBar}from'./ProductFilterBar.js';import {DealsPanel}from'./DealsPanel.js';import {TrendingSections}from'./TrendingSections.js';import {DEFAULT_PRODUCT_FILTERS,applyProductFilters}from'./services/productFilters.js';import {WatchlistPanel}from'./WatchlistPanel.js';import {SavedPanel}from'./SavedPanel.js';import {HistoryPanel}from'./HistoryPanel.js';import {OrdersPanel}from'./OrdersPanel.js';import {hydrateSaved}from'./savedProducts.js';import {hydrateShoppingHistory,recordProductView,recordOrder}from'./shoppingHistoryStore.js';import {ShoppingAgentChatPane}from'./ShoppingAgentChatPane.js';import {shouldClaimOpenAgentMove,isOpenAgentSwipe}from'./shopAgentSwipe.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 TABS = [{
+  id: "shop",
+  label: "Shop",
+  icon: "magnify"
+}, {
+  id: "deals",
+  label: "Deals",
+  icon: "tag-outline"
+}, {
+  id: "watchlist",
+  label: "Watchlist",
+  icon: "bell-outline"
+}, {
+  id: "saved",
+  label: "Saved",
+  icon: "heart-outline"
+}, {
+  id: "history",
+  label: "History",
+  icon: "history"
+}, {
+  id: "orders",
+  label: "Purchases",
+  icon: "package-variant-closed"
+}];
+function ShoppingExperience({
+  token,
+  indexUrl,
+  sessionError,
+  hostChat,
+  onAgentVisibleChange,
+  initialAgentSeed = null
+}) {
+  var _a;
+  const isDark = useColorScheme() === "dark";
+  const ink = isDark ? "#f8fafc" : "#0f172a";
+  const muted = isDark ? "#94a3b8" : "#64748b";
+  const screen = isDark ? "#0f172a" : "#f4f6f9";
+  const card = isDark ? "#111827" : "#ffffff";
+  const border = isDark ? "rgba(148,163,184,0.22)" : "#e8ecf1";
+  useEffect(() => {
+    void hydrateCart();
+    void hydrateSaved();
+    void hydrateShoppingHistory();
+  }, []);
+  const shoppingRuntimeKeyRef = useRef(null);
+  const shoppingRuntimeKey = token ? `${token}::${indexUrl}` : null;
+  if (shoppingRuntimeKey && shoppingRuntimeKeyRef.current !== shoppingRuntimeKey) {
+    shoppingRuntimeKeyRef.current = shoppingRuntimeKey;
+    setShoppingRuntime({
+      exec: createShoppingExec(token, indexUrl),
+      config: {
+        shoppingSearch: {
+          catalogEnabled: true
+        }
+      }
+    });
+  }
+  const insets = useSafeInsets();
+  const searchState = useShoppingSearch();
+  const cart = useCart();
+  const [query, setQuery] = useState("");
+  const [activeDept, setActiveDept] = useState(null);
+  const [cartOpen, setCartOpen] = useState(false);
+  const [detail, setDetail] = useState(null);
+  const [view, setView] = useState("shop");
+  const [chatOpen, setChatOpen] = useState(Boolean(initialAgentSeed));
+  const [filters, setFilters] = useState(DEFAULT_PRODUCT_FILTERS);
+  const chatOpenRef = useRef(chatOpen);
+  chatOpenRef.current = chatOpen;
+  const shopSwipeBlockedRef = useRef(false);
+  shopSwipeBlockedRef.current = Boolean(cartOpen || detail);
+  const shopSwipe = useMemo(() => PanResponder.create({
+    onMoveShouldSetPanResponder: (_e, g) => !chatOpenRef.current && !shopSwipeBlockedRef.current && shouldClaimOpenAgentMove(g),
+    onPanResponderRelease: (_e, g) => {
+      if (!chatOpenRef.current && !shopSwipeBlockedRef.current && isOpenAgentSwipe(g)) {
+        setChatOpen(true);
+      }
+    }
+  }), []);
+  useFocusEffect(useCallback(() => {
+    return () => {
+      setCartOpen(false);
+      setDetail(null);
+      setChatOpen(false);
+    };
+  }, []));
+  useEffect(() => {
+    onAgentVisibleChange == null ? void 0 : onAgentVisibleChange(chatOpen);
+  }, [chatOpen, onAgentVisibleChange]);
+  useEffect(() => {
+    if (searchState.lastQuery) setQuery(searchState.lastQuery);
+  }, [searchState.lastQuery]);
+  const runSearchNow = (nextQuery = query, dept = activeDept) => {
+    if (!nextQuery.trim() && !dept) return;
+    if (nextQuery.trim()) setChatOpen(true);
+    searchState.search(nextQuery, dept, searchState.lastBudget);
+  };
+  const handleDepartmentSelect = (deptId) => {
+    setActiveDept(deptId);
+    if (view === "shop" && !searchState.hasSearched && !searchState.isLoading) return;
+    if (query.trim() || deptId) {
+      searchState.search(query, deptId, searchState.lastBudget);
+    }
+  };
+  const selectTrendingDepartment = (departmentId) => {
+    setActiveDept(departmentId);
+  };
+  const backToLanding = () => {
+    searchState.clearSearch();
+    setQuery("");
+    setActiveDept(null);
+    setFilters(DEFAULT_PRODUCT_FILTERS);
+  };
+  const openDetails = useCallback((product) => {
+    setDetail(product);
+    recordProductView(product);
+  }, []);
+  const rerunSearch = useCallback((entry) => {
+    var _a2;
+    const dept = (_a2 = entry.departmentId) != null ? _a2 : null;
+    setView("shop");
+    setQuery(entry.query);
+    setActiveDept(dept);
+    searchState.search(entry.query, dept, entry.budget);
+  }, [searchState]);
+  const filteredProducts = useMemo(() => applyProductFilters(searchState.products, filters), [searchState.products, filters]);
+  const productsBySource = useMemo(() => SOURCE_ORDER.map((source) => ({
+    source,
+    products: filteredProducts.filter((p) => productSource(p) === source)
+  })).filter((row) => row.products.length > 0), [filteredProducts]);
+  const resultLabel = query.trim() || (activeDept ? (_a = DEPARTMENTS.find((d) => d.id === activeDept)) == null ? void 0 : _a.title : "") || "";
+  const sourceCountSummary = productsBySource.map(({
+    source,
+    products
+  }) => `${products.length} ${SOURCE_LABELS[source]}`).join(" \xB7 ");
+  const showLanding = view === "shop" && !searchState.hasSearched && !searchState.isLoading;
+  const showResults = view === "shop" && (searchState.hasSearched || searchState.isLoading);
+  if (sessionError) {
+    return /* @__PURE__ */ jsx(View, { style: [styles.fill, {
+      backgroundColor: screen
+    }], children: /* @__PURE__ */ jsxs(View, { style: styles.center, children: [
+      /* @__PURE__ */ jsx(Text, { style: [styles.title, {
+        color: ink
+      }], children: "Shop unavailable" }),
+      /* @__PURE__ */ jsx(Text, { style: [styles.detail, {
+        color: muted
+      }], children: sessionError })
+    ] }) });
+  }
+  if (!token) {
+    return /* @__PURE__ */ jsx(View, { style: [styles.fill, {
+      backgroundColor: screen,
+      alignItems: "center",
+      justifyContent: "center"
+    }], children: /* @__PURE__ */ jsx(ActivityIndicator, {}) });
+  }
+  const checkoutUrls = [...new Set(cart.lines.map(({
+    product
+  }) => {
+    var _a2;
+    return (_a2 = product.url) == null ? void 0 : _a2.trim();
+  }).filter((url) => Boolean(url)))];
+  const panelTheme = {
+    isDark,
+    card,
+    border,
+    ink,
+    muted
+  };
+  return /* @__PURE__ */ jsxs(View, { style: [styles.fill, {
+    backgroundColor: screen
+  }], testID: "shopping-panel", children: [
+    /* @__PURE__ */ jsxs(View, { style: styles.header, children: [
+      /* @__PURE__ */ jsxs(View, { style: styles.brandRow, children: [
+        /* @__PURE__ */ jsx(Text, { style: styles.brandShop, children: "Shop" }),
+        /* @__PURE__ */ jsx(Text, { style: styles.brandDot, children: "." }),
+        /* @__PURE__ */ jsx(Text, { style: styles.brandYantra, children: "Yantra" }),
+        /* @__PURE__ */ jsxs(Pressable, { onPress: () => setChatOpen(true), accessibilityRole: "button", accessibilityLabel: "Open shopping agent", style: styles.agentBtn, children: [
+          /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "creation", size: 16, color: "#fff" }),
+          /* @__PURE__ */ jsx(Text, { style: styles.agentBtnLabel, children: "Agent" })
+        ] }),
+        /* @__PURE__ */ jsxs(Pressable, { onPress: () => setCartOpen(true), accessibilityRole: "button", accessibilityLabel: cart.count > 0 ? `Open cart, ${cart.count} items` : "Open cart", style: styles.cartBtn, children: [
+          /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "cart-outline", size: 18, color: "#fff" }),
+          /* @__PURE__ */ jsx(Text, { style: styles.cartBtnLabel, children: "Cart" }),
+          cart.count > 0 ? /* @__PURE__ */ jsx(Text, { style: styles.cartBadge, children: cart.count }) : null
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(ScrollView, { horizontal: true, showsHorizontalScrollIndicator: false, contentContainerStyle: styles.tabRow, accessibilityRole: "tablist", children: TABS.map((tab) => {
+        const on = view === tab.id;
+        return /* @__PURE__ */ jsxs(Pressable, { onPress: () => setView(tab.id), accessibilityRole: "tab", accessibilityState: {
+          selected: on
+        }, style: [styles.tab, on && styles.tabOn], children: [
+          /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: tab.icon, size: 14, color: on ? "#0f172a" : "#94a3b8" }),
+          /* @__PURE__ */ jsx(Text, { style: [styles.tabLabel, on && styles.tabLabelOn], children: tab.label })
+        ] }, tab.id);
+      }) }),
+      view === "shop" && !showLanding ? /* @__PURE__ */ jsxs(View, { style: styles.searchRow, children: [
+        /* @__PURE__ */ jsx(TextInput, { value: query, onChangeText: setQuery, placeholder: "Search products across retailers\u2026", placeholderTextColor: "#94a3b8", returnKeyType: "search", onSubmitEditing: () => runSearchNow(), style: styles.searchInput, accessibilityLabel: "Search Yantra products" }),
+        /* @__PURE__ */ jsx(Pressable, { onPress: () => runSearchNow(), style: styles.searchGo, accessibilityRole: "button", accessibilityLabel: "Search", children: /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "magnify", size: 20, color: "#1a1408" }) })
+      ] }) : null,
+      view === "shop" && !showLanding ? /* @__PURE__ */ jsxs(ScrollView, { horizontal: true, showsHorizontalScrollIndicator: false, style: styles.deptStrip, contentContainerStyle: styles.deptRow, children: [
+        /* @__PURE__ */ jsx(Pressable, { onPress: () => handleDepartmentSelect(null), style: [styles.deptChip, !activeDept && styles.deptChipOn], children: /* @__PURE__ */ jsx(Text, { style: [styles.deptChipText, !activeDept && styles.deptChipTextOn], children: "All" }) }),
+        DEPARTMENTS.map((dept) => {
+          const on = activeDept === dept.id;
+          return /* @__PURE__ */ jsx(Pressable, { onPress: () => handleDepartmentSelect(dept.id), style: [styles.deptChip, on && styles.deptChipOn], children: /* @__PURE__ */ jsx(Text, { style: [styles.deptChipText, on && styles.deptChipTextOn], children: dept.title }) }, dept.id);
+        })
+      ] }) : null
+    ] }),
+    view === "deals" ? /* @__PURE__ */ jsx(DealsPanel, __spreadValues({ onOpenDetails: openDetails, departmentId: activeDept, beginUiSearchTurn: searchState.beginUiSearchTurn, completeUiSearchTurn: (args) => {
+      searchState.completeUiSearchTurn(args);
+      if (args.query.trim()) setChatOpen(true);
+    } }, panelTheme)) : null,
+    view === "watchlist" ? /* @__PURE__ */ jsx(WatchlistPanel, { card, border, ink, muted }) : null,
+    view === "saved" ? /* @__PURE__ */ jsx(SavedPanel, __spreadValues({ onOpenDetails: openDetails }, panelTheme)) : null,
+    view === "history" ? /* @__PURE__ */ jsx(HistoryPanel, { onRerunSearch: rerunSearch, onOpenDetails: openDetails, card, border, ink, muted }) : null,
+    view === "orders" ? /* @__PURE__ */ jsx(OrdersPanel, { card, border, ink, muted }) : null,
+    view === "shop" ? /* @__PURE__ */ jsxs(ScrollView, { style: styles.fill, contentContainerStyle: styles.list, keyboardShouldPersistTaps: "handled", children: [
+      showLanding ? /* @__PURE__ */ jsxs(View, { style: {
+        gap: 12
+      }, children: [
+        /* @__PURE__ */ jsxs(View, { style: [styles.hero, {
+          backgroundColor: "#0b1220",
+          borderColor: "#1e293b"
+        }], children: [
+          /* @__PURE__ */ jsxs(View, { style: styles.heroBadge, children: [
+            /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "creation", size: 12, color: "#e8b84a" }),
+            /* @__PURE__ */ jsx(Text, { style: styles.heroBadgeText, children: "Price watch" })
+          ] }),
+          /* @__PURE__ */ jsxs(Text, { style: styles.heroTitleDark, children: [
+            "Found it but not at that price?",
+            " ",
+            /* @__PURE__ */ jsx(Text, { style: styles.heroTitleAccent, children: "Watch it. We tell you when it drops." })
+          ] }),
+          /* @__PURE__ */ jsx(Text, { style: styles.heroCopyDark, children: "Amazon, Walmart, eBay, Target, Shopify, Google Shopping, and Yantra research in a single grid." }),
+          /* @__PURE__ */ jsxs(View, { style: styles.heroSearchRow, children: [
+            /* @__PURE__ */ jsx(TextInput, { value: query, onChangeText: setQuery, placeholder: "What are you shopping for? e.g. 'noise-cancelling headphones'", placeholderTextColor: "#94a3b8", returnKeyType: "search", onSubmitEditing: () => runSearchNow(), style: styles.heroSearchInput, accessibilityLabel: "Search Yantra products" }),
+            /* @__PURE__ */ jsx(Pressable, { onPress: () => runSearchNow(), style: styles.heroSearchGo, accessibilityRole: "button", accessibilityLabel: "Search", children: /* @__PURE__ */ jsx(Text, { style: styles.heroSearchGoText, children: "Search" }) })
+          ] }),
+          /* @__PURE__ */ jsx(Text, { style: styles.heroFoot, children: "Pair the Yantra browser extension on Computer to also read Costco, Home Depot, Lowe's and Newegg." }),
+          /* @__PURE__ */ jsx(ScrollView, { horizontal: true, showsHorizontalScrollIndicator: false, contentContainerStyle: styles.retailerStrip, children: PRODUCT_SOURCES.filter((s) => s !== "catalog" && s !== "yantra").map((source) => /* @__PURE__ */ jsx(Text, { style: styles.retailerChip, children: SOURCE_LABELS[source] }, source)) })
+        ] }),
+        /* @__PURE__ */ jsx(ScrollView, { horizontal: true, showsHorizontalScrollIndicator: false, contentContainerStyle: styles.marquee, children: DEPARTMENTS.map((dept) => /* @__PURE__ */ jsxs(Pressable, { onPress: () => selectTrendingDepartment(dept.id), style: [styles.marqueeChip, {
+          borderColor: border,
+          backgroundColor: card,
+          borderLeftColor: dept.accent,
+          borderLeftWidth: 3
+        }], children: [
+          /* @__PURE__ */ jsx(Text, { style: styles.deptTileIcon, children: dept.icon }),
+          /* @__PURE__ */ jsxs(View, { children: [
+            /* @__PURE__ */ jsx(Text, { style: [styles.marqueeLabel, {
+              color: ink
+            }], children: dept.title }),
+            /* @__PURE__ */ jsx(Text, { style: [styles.deptTileTag, {
+              color: muted
+            }], numberOfLines: 1, children: dept.tagline })
+          ] })
+        ] }, dept.id)) }),
+        /* @__PURE__ */ jsx(TrendingSections, { selectedDepartmentId: activeDept, onOpenProduct: openDetails, onSeeAllDepartment: selectTrendingDepartment, ink, muted, border, card, isDark })
+      ] }) : null,
+      showResults ? /* @__PURE__ */ jsxs(View, { style: [styles.resultsCard, {
+        backgroundColor: card,
+        borderColor: border
+      }], children: [
+        /* @__PURE__ */ jsx(ProductFilterBar, { products: searchState.products, filters, onChange: setFilters, shownCount: filteredProducts.length }),
+        /* @__PURE__ */ jsxs(View, { style: [styles.resultsHead, {
+          borderColor: border
+        }], children: [
+          /* @__PURE__ */ jsx(Pressable, { onPress: backToLanding, accessibilityRole: "button", style: styles.backLink, children: /* @__PURE__ */ jsx(Text, { style: styles.backLinkText, children: "\u2190 Shop home" }) }),
+          searchState.isLoading && searchState.products.length === 0 ? /* @__PURE__ */ jsx(Text, { style: {
+            color: muted,
+            fontWeight: "600"
+          }, children: "Searching Amazon, Walmart, eBay, Target, Shopify, Google + Yantra\u2026" }) : /* @__PURE__ */ jsxs(Text, { style: {
+            color: ink
+          }, children: [
+            /* @__PURE__ */ jsx(Text, { style: styles.resultCount, children: filteredProducts.length.toLocaleString() }),
+            resultLabel ? /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx(Text, { style: {
+                color: muted
+              }, children: " results for " }),
+              /* @__PURE__ */ jsxs(Text, { style: {
+                fontWeight: "700"
+              }, children: [
+                "\u201C",
+                resultLabel,
+                "\u201D"
+              ] })
+            ] }) : /* @__PURE__ */ jsx(Text, { style: {
+              color: muted
+            }, children: " results" })
+          ] }),
+          !searchState.isLoading && searchState.products.length > 0 && sourceCountSummary ? /* @__PURE__ */ jsx(Text, { style: [styles.sourceSummary, {
+            color: muted
+          }], children: sourceCountSummary }) : null,
+          searchState.isEnriching ? /* @__PURE__ */ jsx(Text, { style: [styles.enrich, {
+            color: muted
+          }], children: "Finding more across Walmart, eBay, Target, Shopify, Google + Yantra\u2026" }) : null
+        ] }),
+        searchState.isLoading && searchState.products.length === 0 ? /* @__PURE__ */ jsxs(View, { style: styles.center, children: [
+          /* @__PURE__ */ jsx(ActivityIndicator, {}),
+          /* @__PURE__ */ jsx(Text, { style: [styles.detail, {
+            color: muted,
+            marginTop: 10
+          }], children: "Searching retailers and Yantra picks\u2026" })
+        ] }) : null,
+        searchState.error && searchState.products.length === 0 && !searchState.isLoading ? /* @__PURE__ */ jsx(Text, { style: styles.error, children: searchState.error }) : null,
+        searchState.error && searchState.products.length > 0 ? /* @__PURE__ */ jsx(Text, { style: [styles.enrich, {
+          color: muted
+        }], children: searchState.error }) : null,
+        searchState.affiliateDisclosure ? /* @__PURE__ */ jsx(Text, { style: [styles.disclosure, {
+          color: muted
+        }], children: searchState.affiliateDisclosure }) : null,
+        productsBySource.map((section) => /* @__PURE__ */ jsxs(View, { style: [styles.section, {
+          borderColor: border
+        }], children: [
+          /* @__PURE__ */ jsxs(View, { style: styles.sectionHead, children: [
+            /* @__PURE__ */ jsxs(View, { style: {
+              flex: 1
+            }, children: [
+              /* @__PURE__ */ jsx(Text, { style: [styles.sectionTitle, {
+                color: ink
+              }], children: SOURCE_SECTION[section.source].title }),
+              /* @__PURE__ */ jsx(Text, { style: [styles.sectionSub, {
+                color: muted
+              }], children: SOURCE_SECTION[section.source].subtitle })
+            ] }),
+            /* @__PURE__ */ jsx(Text, { style: [styles.countPill, {
+              color: muted,
+              backgroundColor: isDark ? "#1e293b" : "#f1f5f9"
+            }], children: section.products.length })
+          ] }),
+          section.products.map((product) => /* @__PURE__ */ jsx(ProductCard, __spreadProps(__spreadValues({ product }, panelTheme), { onOpen: () => openDetails(product) }), product.id))
+        ] }, section.source))
+      ] }) : null
+    ] }) : null,
+    /* @__PURE__ */ jsx(Modal, { visible: cartOpen, animationType: "slide", onRequestClose: () => setCartOpen(false), children: /* @__PURE__ */ jsxs(View, { style: [styles.fill, {
+      backgroundColor: screen,
+      paddingTop: Math.max(insets.top, 12),
+      paddingBottom: Math.max(insets.bottom, 8)
+    }], children: [
+      /* @__PURE__ */ jsxs(View, { style: styles.modalHead, children: [
+        /* @__PURE__ */ jsx(Text, { style: [styles.title, {
+          color: ink
+        }], children: "Cart" }),
+        /* @__PURE__ */ jsx(Pressable, { onPress: () => setCartOpen(false), accessibilityLabel: "Close cart", children: /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "close", size: 22, color: muted }) })
+      ] }),
+      /* @__PURE__ */ jsx(ScrollView, { contentContainerStyle: styles.list, children: cart.lines.length === 0 ? /* @__PURE__ */ jsx(Text, { style: [styles.detail, {
+        color: muted
+      }], children: "Your cart is empty." }) : cart.lines.map((line) => /* @__PURE__ */ jsxs(View, { style: [styles.cartLine, {
+        borderColor: border,
+        backgroundColor: card
+      }], children: [
+        /* @__PURE__ */ jsx(ProductPhoto, { product: line.product, style: styles.cartThumb, contentFit: "cover" }),
+        /* @__PURE__ */ jsxs(View, { style: {
+          flex: 1,
+          gap: 6
+        }, children: [
+          /* @__PURE__ */ jsx(Text, { style: [styles.cardName, {
+            color: ink
+          }], numberOfLines: 2, children: line.product.name }),
+          /* @__PURE__ */ jsxs(Text, { style: [styles.price, {
+            color: ink
+          }], children: [
+            formatPrice(line.product.price, line.product.currency),
+            " \xD7 ",
+            line.qty
+          ] }),
+          /* @__PURE__ */ jsxs(View, { style: styles.qtyRow, children: [
+            /* @__PURE__ */ jsx(Pressable, { onPress: () => setQty(line.product.id, line.qty - 1), style: styles.qtyBtn, children: /* @__PURE__ */ jsx(Text, { style: styles.qtyBtnText, children: "\u2212" }) }),
+            /* @__PURE__ */ jsx(Text, { style: {
+              color: ink
+            }, children: line.qty }),
+            /* @__PURE__ */ jsx(Pressable, { onPress: () => setQty(line.product.id, line.qty + 1), style: styles.qtyBtn, children: /* @__PURE__ */ jsx(Text, { style: styles.qtyBtnText, children: "+" }) }),
+            /* @__PURE__ */ jsx(Pressable, { onPress: () => removeFromCart(line.product.id), children: /* @__PURE__ */ jsx(Text, { style: {
+              color: "#b91c1c",
+              fontWeight: "600"
+            }, children: "Remove" }) })
+          ] })
+        ] })
+      ] }, line.product.id)) }),
+      /* @__PURE__ */ jsxs(View, { style: [styles.checkoutBar, {
+        borderColor: border
+      }], children: [
+        /* @__PURE__ */ jsx(Text, { style: [styles.title, {
+          color: ink
+        }], children: formatPrice(cart.subtotal) }),
+        /* @__PURE__ */ jsxs(View, { style: {
+          flexDirection: "row",
+          gap: 8
+        }, children: [
+          cart.lines.length > 0 ? /* @__PURE__ */ jsx(Pressable, { onPress: clearCart, style: styles.secondaryBtn, children: /* @__PURE__ */ jsx(Text, { style: {
+            color: ink,
+            fontWeight: "600"
+          }, children: "Clear" }) }) : null,
+          /* @__PURE__ */ jsx(Pressable, { disabled: checkoutUrls.length === 0, onPress: () => {
+            if (checkoutUrls.length === 0) return;
+            recordOrder(cart.lines);
+            checkoutUrls.forEach((url) => {
+              void Linking.openURL(url);
+            });
+            setCartOpen(false);
+          }, style: [styles.goldCheckout, checkoutUrls.length === 0 && {
+            opacity: 0.4
+          }], children: /* @__PURE__ */ jsx(Text, { style: styles.goldCheckoutText, children: "Checkout" }) })
+        ] })
+      ] })
+    ] }) }),
+    detail ? /* @__PURE__ */ jsx(ProductDetailSheet, { product: detail, onClose: () => setDetail(null), isDark, ink, muted, screen, border }) : null,
+    chatOpen || cartOpen || detail ? null : /* @__PURE__ */ jsx(View, __spreadProps(__spreadValues({ style: styles.agentSwipeEdge }, shopSwipe.panHandlers), { accessibilityLabel: "Swipe left from here to open the shopping agent" })),
+    chatOpen ? null : /* @__PURE__ */ jsx(Pressable, { onPress: () => setChatOpen(true), style: [styles.agentFab, {
+      bottom: Math.max(insets.bottom, 16) + 8
+    }], accessibilityRole: "button", accessibilityLabel: "Open shopping agent", children: /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "creation", size: 22, color: "#1a1408" }) }),
+    /* @__PURE__ */ jsx(ShoppingAgentChatPane, { visible: chatOpen, onClose: () => setChatOpen(false), hostChat, applyFromChat: searchState.applyFromChat, products: searchState.products, onViewProducts: () => {
+      var _a2;
+      setView(((_a2 = searchState.uiSearchTurn) == null ? void 0 : _a2.kind) === "deals" ? "deals" : "shop");
+      setChatOpen(false);
+    }, onOpenProduct: (product) => {
+      setChatOpen(false);
+      openDetails(product);
+    }, seedTurn: initialAgentSeed, uiSearchTurn: searchState.uiSearchTurn, isDark, ink, muted, screen, border, card })
+  ] });
+}
+const styles = StyleSheet.create({
+  fill: {
+    flex: 1
+  },
+  center: {
+    alignItems: "center",
+    justifyContent: "center",
+    padding: 24
+  },
+  title: {
+    fontSize: 17,
+    fontWeight: "700"
+  },
+  detail: {
+    fontSize: 13,
+    textAlign: "center"
+  },
+  header: {
+    backgroundColor: "#0b1220",
+    paddingHorizontal: 16,
+    paddingTop: 10,
+    paddingBottom: 12,
+    gap: 10
+  },
+  brandRow: {
+    flexDirection: "row",
+    alignItems: "baseline",
+    gap: 4
+  },
+  brandShop: {
+    fontSize: 20,
+    fontWeight: "800",
+    color: "#fff",
+    letterSpacing: -0.4
+  },
+  brandDot: {
+    fontSize: 18,
+    fontWeight: "700",
+    color: "#e8b84a"
+  },
+  brandYantra: {
+    fontSize: 13,
+    fontWeight: "600",
+    color: "#94a3b8",
+    letterSpacing: 0.4
+  },
+  agentBtn: {
+    marginLeft: "auto",
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 6,
+    borderWidth: 1,
+    borderColor: "rgba(255,255,255,0.12)",
+    backgroundColor: "rgba(255,255,255,0.06)",
+    borderRadius: 10,
+    paddingHorizontal: 10,
+    paddingVertical: 7
+  },
+  agentBtnLabel: {
+    color: "#fff",
+    fontSize: 13,
+    fontWeight: "600"
+  },
+  cartBtn: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 6,
+    borderWidth: 1,
+    borderColor: "rgba(255,255,255,0.12)",
+    backgroundColor: "rgba(255,255,255,0.06)",
+    borderRadius: 10,
+    paddingHorizontal: 10,
+    paddingVertical: 7
+  },
+  cartBtnLabel: {
+    color: "#fff",
+    fontSize: 13,
+    fontWeight: "600"
+  },
+  cartBadge: {
+    backgroundColor: "#e8b84a",
+    color: "#1a1408",
+    fontSize: 11,
+    fontWeight: "800",
+    overflow: "hidden",
+    borderRadius: 6,
+    paddingHorizontal: 6,
+    paddingVertical: 1
+  },
+  tabRow: {
+    gap: 4,
+    alignItems: "center",
+    paddingRight: 8
+  },
+  tab: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 6,
+    borderRadius: 8,
+    paddingHorizontal: 12,
+    paddingVertical: 7
+  },
+  tabOn: {
+    backgroundColor: "#fff"
+  },
+  tabLabel: {
+    color: "#94a3b8",
+    fontSize: 12,
+    fontWeight: "600"
+  },
+  tabLabelOn: {
+    color: "#0f172a",
+    fontWeight: "700"
+  },
+  searchRow: {
+    flexDirection: "row",
+    alignItems: "stretch",
+    overflow: "hidden",
+    borderRadius: 12,
+    backgroundColor: "#fff",
+    minHeight: 44
+  },
+  searchInput: {
+    flex: 1,
+    color: "#0f172a",
+    fontSize: 15,
+    paddingHorizontal: 14,
+    paddingVertical: 10
+  },
+  searchGo: {
+    backgroundColor: "#e8b84a",
+    paddingHorizontal: 14,
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  deptStrip: {
+    flexGrow: 0,
+    flexShrink: 0,
+    minHeight: 40,
+    marginHorizontal: -4,
+    borderRadius: 10,
+    backgroundColor: "#152238"
+  },
+  deptRow: {
+    paddingHorizontal: 8,
+    paddingVertical: 8,
+    gap: 6,
+    alignItems: "center",
+    minHeight: 40
+  },
+  deptChip: {
+    borderRadius: 8,
+    paddingHorizontal: 10,
+    paddingVertical: 6
+  },
+  deptChipOn: {
+    backgroundColor: "rgba(232,184,74,0.15)"
+  },
+  deptChipText: {
+    fontSize: 12,
+    fontWeight: "600",
+    color: "#cbd5e1"
+  },
+  deptChipTextOn: {
+    color: "#e8b84a",
+    fontWeight: "700"
+  },
+  list: {
+    padding: 16,
+    gap: 12,
+    paddingBottom: 32
+  },
+  hero: {
+    borderWidth: 1,
+    borderRadius: 16,
+    padding: 18,
+    gap: 10
+  },
+  heroBadge: {
+    alignSelf: "flex-start",
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 6,
+    borderRadius: 999,
+    backgroundColor: "rgba(232,184,74,0.12)",
+    borderWidth: 1,
+    borderColor: "rgba(232,184,74,0.35)",
+    paddingHorizontal: 10,
+    paddingVertical: 5
+  },
+  heroBadgeText: {
+    color: "#e8b84a",
+    fontSize: 11,
+    fontWeight: "800",
+    letterSpacing: 1.2,
+    textTransform: "uppercase"
+  },
+  heroTitleDark: {
+    fontSize: 22,
+    fontWeight: "800",
+    letterSpacing: -0.4,
+    color: "#fff",
+    lineHeight: 28
+  },
+  heroTitleAccent: {
+    color: "#e8b84a"
+  },
+  heroCopyDark: {
+    fontSize: 14,
+    lineHeight: 20,
+    color: "#94a3b8"
+  },
+  heroSearchRow: {
+    flexDirection: "row",
+    alignItems: "stretch",
+    borderRadius: 12,
+    overflow: "hidden",
+    backgroundColor: "#fff",
+    minHeight: 48
+  },
+  heroSearchInput: {
+    flex: 1,
+    color: "#0f172a",
+    fontSize: 15,
+    paddingHorizontal: 14,
+    paddingVertical: 12
+  },
+  heroSearchGo: {
+    backgroundColor: "#e8b84a",
+    paddingHorizontal: 16,
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  heroSearchGoText: {
+    color: "#1a1408",
+    fontWeight: "800",
+    fontSize: 14
+  },
+  heroFoot: {
+    fontSize: 11,
+    lineHeight: 15,
+    color: "rgba(148,163,184,0.9)"
+  },
+  retailerStrip: {
+    gap: 8,
+    paddingVertical: 4
+  },
+  retailerChip: {
+    color: "rgba(255,255,255,0.55)",
+    fontSize: 11,
+    fontWeight: "700",
+    letterSpacing: 0.8,
+    textTransform: "uppercase"
+  },
+  marquee: {
+    gap: 8,
+    paddingVertical: 4
+  },
+  marqueeChip: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 8,
+    borderWidth: 1,
+    borderRadius: 14,
+    paddingHorizontal: 12,
+    paddingVertical: 10,
+    maxWidth: 220
+  },
+  marqueeLabel: {
+    fontSize: 13,
+    fontWeight: "700"
+  },
+  deptTileIcon: {
+    fontSize: 22
+  },
+  deptTileTag: {
+    fontSize: 11,
+    maxWidth: 140
+  },
+  resultsCard: {
+    borderWidth: 1,
+    borderRadius: 16,
+    overflow: "hidden"
+  },
+  resultsHead: {
+    padding: 14,
+    borderBottomWidth: StyleSheet.hairlineWidth,
+    gap: 6
+  },
+  backLink: {
+    alignSelf: "flex-start",
+    marginBottom: 2
+  },
+  backLinkText: {
+    color: "#0a6b7c",
+    fontSize: 13,
+    fontWeight: "600"
+  },
+  resultCount: {
+    fontSize: 16,
+    fontWeight: "800"
+  },
+  sourceSummary: {
+    fontSize: 12
+  },
+  enrich: {
+    fontSize: 12,
+    paddingHorizontal: 14,
+    paddingBottom: 8
+  },
+  error: {
+    fontSize: 13,
+    padding: 14,
+    color: "#b91c1c"
+  },
+  disclosure: {
+    fontSize: 11,
+    paddingHorizontal: 14,
+    paddingBottom: 8
+  },
+  section: {
+    borderBottomWidth: StyleSheet.hairlineWidth,
+    padding: 12,
+    gap: 8
+  },
+  sectionHead: {
+    flexDirection: "row",
+    alignItems: "flex-end",
+    gap: 8
+  },
+  sectionTitle: {
+    fontSize: 15,
+    fontWeight: "700",
+    letterSpacing: -0.2
+  },
+  sectionSub: {
+    fontSize: 12,
+    marginTop: 2
+  },
+  countPill: {
+    borderRadius: 999,
+    paddingHorizontal: 8,
+    paddingVertical: 2,
+    fontSize: 11,
+    fontWeight: "700",
+    overflow: "hidden"
+  },
+  cardName: {
+    fontSize: 14,
+    fontWeight: "600",
+    lineHeight: 18
+  },
+  price: {
+    fontSize: 15,
+    fontWeight: "800"
+  },
+  modalHead: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "space-between",
+    paddingHorizontal: 16,
+    paddingBottom: 8,
+    gap: 12
+  },
+  cartLine: {
+    flexDirection: "row",
+    gap: 10,
+    borderWidth: 1,
+    borderRadius: 12,
+    padding: 12
+  },
+  cartThumb: {
+    width: 56,
+    height: 56,
+    borderRadius: 8
+  },
+  qtyRow: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 10
+  },
+  qtyBtn: {
+    width: 28,
+    height: 28,
+    borderRadius: 8,
+    backgroundColor: "#e2e8f0",
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  qtyBtnText: {
+    fontSize: 16,
+    fontWeight: "700"
+  },
+  checkoutBar: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "space-between",
+    padding: 16,
+    borderTopWidth: 1,
+    gap: 12
+  },
+  goldCheckout: {
+    backgroundColor: "#e8b84a",
+    borderRadius: 10,
+    paddingHorizontal: 14,
+    paddingVertical: 10,
+    alignItems: "center"
+  },
+  goldCheckoutText: {
+    color: "#1a1408",
+    fontWeight: "800"
+  },
+  secondaryBtn: {
+    borderRadius: 10,
+    paddingHorizontal: 14,
+    paddingVertical: 10,
+    backgroundColor: "#e2e8f0",
+    alignItems: "center"
+  },
+  agentSwipeEdge: {
+    position: "absolute",
+    top: 0,
+    right: 0,
+    bottom: 0,
+    width: 44,
+    zIndex: 9
+  },
+  agentFab: {
+    position: "absolute",
+    right: 16,
+    width: 52,
+    height: 52,
+    borderRadius: 26,
+    backgroundColor: "#e8b84a",
+    alignItems: "center",
+    justifyContent: "center",
+    zIndex: 20,
+    shadowColor: "#0f172a",
+    shadowOpacity: 0.25,
+    shadowRadius: 10,
+    shadowOffset: {
+      width: 0,
+      height: 4
+    },
+    elevation: 6
+  }
+});export{ShoppingExperience,ShoppingExperience as default};//# sourceMappingURL=ShoppingExperience.js.map