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

package/lib/features/resume/useResumeSession.js

@@ -0,0 +1,183 @@
+import {useState,useRef,useEffect,useCallback}from'react';import {AppState}from'react-native';import {createBlankResume,edit,normalizeResume,resumeTitle}from'./draft.js';import {resumeApi}from'./resumeClient.js';import {createResumeExec}from'./resumeExec.js';import {fetchMyResumes,pullResume,newResumeId,buildResumeState,pushResume,deleteResume}from'./resumeIndex.js';import {setResumeRuntime}from'./resumeRuntime.js';import {findTemplate,FALLBACK_TEMPLATE}from'./templates.js';const SAVE_DEBOUNCE_MS = 1200;
+function useResumeSession(token, indexUrl, sessionId) {
+  const [channels, setChannels] = useState([]);
+  const [listLoading, setListLoading] = useState(false);
+  const [listError, setListError] = useState(null);
+  const [activeId, setActiveId] = useState(null);
+  const [draft, setDraft] = useState(null);
+  const [accent, setAccent] = useState(void 0);
+  const [catalog, setCatalog] = useState([]);
+  const [saveState, setSaveState] = useState("local");
+  const [notice, setNotice] = useState(null);
+  const channelSyncedAt = useRef(0);
+  const dirty = useRef(false);
+  const runtimeWired = useRef(false);
+  const canPersist = Boolean(activeId && indexUrl && token);
+  useEffect(() => {
+    dirty.current = saveState === "dirty" || saveState === "saving";
+  }, [saveState]);
+  useEffect(() => {
+    if (!token || !indexUrl || runtimeWired.current) return;
+    setResumeRuntime({
+      exec: createResumeExec(token, indexUrl)
+    });
+    runtimeWired.current = true;
+    void resumeApi.listTemplates().then((list) => {
+      if (list.length) setCatalog(list);
+    }).catch(() => {
+    });
+  }, [token, indexUrl]);
+  const refreshList = useCallback(async () => {
+    if (!indexUrl) {
+      setListError("No resume index configured for this build.");
+      return;
+    }
+    setListLoading(true);
+    const result = await fetchMyResumes({
+      url: indexUrl,
+      token
+    });
+    setChannels(result.resumes);
+    setListError(result.error);
+    setListLoading(false);
+  }, [indexUrl, token]);
+  useEffect(() => {
+    if (activeId) return;
+    void refreshList();
+  }, [activeId, refreshList]);
+  const openResume = useCallback(async (channelId) => {
+    setActiveId(channelId);
+    channelSyncedAt.current = 0;
+    setSaveState("idle");
+    const fromList = channels.find((r) => r.channelId === channelId);
+    if (fromList) {
+      setDraft(fromList.state.resume);
+      setAccent(fromList.state.accent);
+      channelSyncedAt.current = fromList.state.savedAt;
+    }
+    if (!indexUrl) return;
+    const state = await pullResume({
+      url: indexUrl,
+      token,
+      channelId
+    });
+    if (!state || dirty.current) return;
+    if (state.savedAt <= channelSyncedAt.current && fromList) return;
+    channelSyncedAt.current = state.savedAt;
+    setDraft(state.resume);
+    if (state.accent) setAccent(state.accent);
+    setSaveState("idle");
+  }, [channels, indexUrl, token]);
+  const startBlank = useCallback(() => {
+    setActiveId(newResumeId());
+    setDraft(createBlankResume());
+    setAccent(void 0);
+    channelSyncedAt.current = 0;
+    setSaveState(indexUrl && token ? "dirty" : "local");
+  }, [indexUrl, token]);
+  const backToList = useCallback(() => {
+    setActiveId(null);
+    setDraft(null);
+    setAccent(void 0);
+    channelSyncedAt.current = 0;
+    setSaveState("local");
+  }, []);
+  const update = useCallback((mutate) => {
+    setDraft((prev) => prev ? edit(prev, mutate) : prev);
+    setSaveState(canPersist ? "dirty" : "local");
+  }, [canPersist]);
+  useEffect(() => {
+    if (!canPersist || !draft || !activeId || !indexUrl || saveState !== "dirty") return;
+    const timer = setTimeout(async () => {
+      setSaveState("saving");
+      const state = buildResumeState(draft, accent);
+      const ok = await pushResume({
+        url: indexUrl,
+        token,
+        channelId: activeId,
+        state,
+        sessionId
+      }).catch(() => false);
+      if (ok) {
+        channelSyncedAt.current = state.savedAt;
+        setSaveState("saved");
+      } else {
+        setSaveState("error");
+      }
+    }, SAVE_DEBOUNCE_MS);
+    return () => clearTimeout(timer);
+  }, [draft, accent, saveState, canPersist, activeId, indexUrl, token, sessionId]);
+  useEffect(() => {
+    if (!activeId || !indexUrl) return;
+    const sub = AppState.addEventListener("change", (next) => {
+      if (next !== "active" || dirty.current) return;
+      void pullResume({
+        url: indexUrl,
+        token,
+        channelId: activeId
+      }).then((state) => {
+        if (!state || dirty.current) return;
+        if (state.savedAt <= channelSyncedAt.current) return;
+        channelSyncedAt.current = state.savedAt;
+        setDraft(state.resume);
+        if (state.accent) setAccent(state.accent);
+        setSaveState("idle");
+      });
+    });
+    return () => sub.remove();
+  }, [activeId, indexUrl, token]);
+  const adoptResume = useCallback((resume, opts) => {
+    var _a;
+    setActiveId((_a = opts == null ? void 0 : opts.channelId) != null ? _a : newResumeId());
+    setDraft(normalizeResume(resume));
+    setAccent(opts == null ? void 0 : opts.accent);
+    channelSyncedAt.current = 0;
+    setSaveState(indexUrl && token ? "dirty" : "local");
+  }, [indexUrl, token]);
+  const removeResume = useCallback(async (channelId) => {
+    if (!indexUrl || !channelId) return false;
+    setChannels((prev) => prev.filter((r) => r.channelId !== channelId));
+    const ok = await deleteResume({
+      url: indexUrl,
+      token,
+      channelId
+    }).catch(() => false);
+    if (!ok) {
+      setNotice("Could not delete that resume. Pull to refresh and try again.");
+      await refreshList();
+      return false;
+    }
+    if (activeId === channelId) {
+      setActiveId(null);
+      setDraft(null);
+      setAccent(void 0);
+      channelSyncedAt.current = 0;
+      setSaveState("local");
+    }
+    return true;
+  }, [indexUrl, token, activeId, refreshList]);
+  const template = findTemplate(catalog, draft == null ? void 0 : draft.templateId);
+  return {
+    channels,
+    listLoading,
+    listError,
+    activeId,
+    draft,
+    accent,
+    setAccent,
+    catalog,
+    template: catalog.length ? template : FALLBACK_TEMPLATE,
+    saveState,
+    notice,
+    setNotice,
+    refreshList,
+    openResume,
+    startBlank,
+    backToList,
+    update,
+    adoptResume,
+    removeResume,
+    title: draft ? resumeTitle(draft) : "Resume",
+    canPersist
+  };
+}export{useResumeSession};//# sourceMappingURL=useResumeSession.js.map

package/lib/features/resume/useResumeSession.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useResumeSession.js","sources":["../../../src/features/resume/useResumeSession.ts"],"sourcesContent":["/**\n * Resume session: list ↔ editor, autosave to SurfaceChannel, template catalog.\n */\nimport { useCallback, useEffect, useRef, useState } from 'react';\nimport { AppState } from 'react-native';\nimport { createBlankResume, edit, normalizeResume, resumeTitle } from './draft';\nimport { resumeApi } from './resumeClient';\nimport { createResumeExec } from './resumeExec';\nimport {\n    buildResumeState,\n    deleteResume,\n    fetchMyResumes,\n    newResumeId,\n    pullResume,\n    pushResume,\n    type ResumeChannelSummary,\n} from './resumeIndex';\nimport { setResumeRuntime } from './resumeRuntime';\nimport { FALLBACK_TEMPLATE, findTemplate } from './templates';\nimport type { ResumeData, ResumeTemplateMeta } from './types';\n\nexport type SaveState = 'idle' | 'dirty' | 'saving' | 'saved' | 'error' | 'local';\n\nconst SAVE_DEBOUNCE_MS = 1200;\n\nexport function useResumeSession(token?: string | null, indexUrl?: string, sessionId?: string) {\n    const [channels, setChannels] = useState<ResumeChannelSummary[]>([]);\n    const [listLoading, setListLoading] = useState(false);\n    const [listError, setListError] = useState<string | null>(null);\n    const [activeId, setActiveId] = useState<string | null>(null);\n    const [draft, setDraft] = useState<ResumeData | null>(null);\n    const [accent, setAccent] = useState<string | undefined>(undefined);\n    const [catalog, setCatalog] = useState<ResumeTemplateMeta[]>([]);\n    const [saveState, setSaveState] = useState<SaveState>('local');\n    const [notice, setNotice] = useState<string | null>(null);\n\n    const channelSyncedAt = useRef(0);\n    const dirty = useRef(false);\n    const runtimeWired = useRef(false);\n    const canPersist = Boolean(activeId && indexUrl && token);\n\n    useEffect(() => {\n        dirty.current = saveState === 'dirty' || saveState === 'saving';\n    }, [saveState]);\n\n    useEffect(() => {\n        if (!token || !indexUrl || runtimeWired.current) return;\n        setResumeRuntime({ exec: createResumeExec(token, indexUrl) });\n        runtimeWired.current = true;\n        void resumeApi\n            .listTemplates()\n            .then((list) => {\n                if (list.length) setCatalog(list);\n            })\n            .catch(() => {\n                /* FALLBACK_TEMPLATE keeps the paper renderable */\n            });\n    }, [token, indexUrl]);\n\n    const refreshList = useCallback(async () => {\n        if (!indexUrl) {\n            setListError('No resume index configured for this build.');\n            return;\n        }\n        setListLoading(true);\n        const result = await fetchMyResumes({ url: indexUrl, token });\n        setChannels(result.resumes);\n        setListError(result.error);\n        setListLoading(false);\n    }, [indexUrl, token]);\n\n    useEffect(() => {\n        if (activeId) return;\n        void refreshList();\n    }, [activeId, refreshList]);\n\n    const openResume = useCallback(\n        async (channelId: string) => {\n            setActiveId(channelId);\n            channelSyncedAt.current = 0;\n            setSaveState('idle');\n            const fromList = channels.find((r) => r.channelId === channelId);\n            if (fromList) {\n                setDraft(fromList.state.resume);\n                setAccent(fromList.state.accent);\n                channelSyncedAt.current = fromList.state.savedAt;\n            }\n            if (!indexUrl) return;\n            const state = await pullResume({ url: indexUrl, token, channelId });\n            if (!state || dirty.current) return;\n            if (state.savedAt <= channelSyncedAt.current && fromList) return;\n            channelSyncedAt.current = state.savedAt;\n            setDraft(state.resume);\n            if (state.accent) setAccent(state.accent);\n            setSaveState('idle');\n        },\n        [channels, indexUrl, token],\n    );\n\n    const startBlank = useCallback(() => {\n        setActiveId(newResumeId());\n        setDraft(createBlankResume());\n        setAccent(undefined);\n        channelSyncedAt.current = 0;\n        setSaveState(indexUrl && token ? 'dirty' : 'local');\n    }, [indexUrl, token]);\n\n    const backToList = useCallback(() => {\n        setActiveId(null);\n        setDraft(null);\n        setAccent(undefined);\n        channelSyncedAt.current = 0;\n        setSaveState('local');\n    }, []);\n\n    const update = useCallback(\n        (mutate: (d: ResumeData) => void) => {\n            setDraft((prev) => (prev ? edit(prev, mutate) : prev));\n            setSaveState(canPersist ? 'dirty' : 'local');\n        },\n        [canPersist],\n    );\n\n    // Autosave\n    useEffect(() => {\n        if (!canPersist || !draft || !activeId || !indexUrl || saveState !== 'dirty') return;\n        const timer = setTimeout(async () => {\n            setSaveState('saving');\n            const state = buildResumeState(draft, accent);\n            const ok = await pushResume({\n                url: indexUrl,\n                token,\n                channelId: activeId,\n                state,\n                sessionId,\n            }).catch(() => false);\n            if (ok) {\n                channelSyncedAt.current = state.savedAt;\n                setSaveState('saved');\n            } else {\n                setSaveState('error');\n            }\n        }, SAVE_DEBOUNCE_MS);\n        return () => clearTimeout(timer);\n    }, [draft, accent, saveState, canPersist, activeId, indexUrl, token, sessionId]);\n\n    // Pull on foreground when editor open (agent edits from another device)\n    useEffect(() => {\n        if (!activeId || !indexUrl) return;\n        const sub = AppState.addEventListener('change', (next) => {\n            if (next !== 'active' || dirty.current) return;\n            void pullResume({ url: indexUrl, token, channelId: activeId }).then((state) => {\n                if (!state || dirty.current) return;\n                if (state.savedAt <= channelSyncedAt.current) return;\n                channelSyncedAt.current = state.savedAt;\n                setDraft(state.resume);\n                if (state.accent) setAccent(state.accent);\n                setSaveState('idle');\n            });\n        });\n        return () => sub.remove();\n    }, [activeId, indexUrl, token]);\n\n    const adoptResume = useCallback(\n        (resume: ResumeData, opts?: { channelId?: string; accent?: string }) => {\n            setActiveId(opts?.channelId ?? newResumeId());\n            setDraft(normalizeResume(resume));\n            setAccent(opts?.accent);\n            channelSyncedAt.current = 0;\n            setSaveState(indexUrl && token ? 'dirty' : 'local');\n        },\n        [indexUrl, token],\n    );\n\n    const removeResume = useCallback(\n        async (channelId: string): Promise<boolean> => {\n            if (!indexUrl || !channelId) return false;\n            // Optimistic remove so the row disappears immediately.\n            setChannels((prev) => prev.filter((r) => r.channelId !== channelId));\n            const ok = await deleteResume({ url: indexUrl, token, channelId }).catch(() => false);\n            if (!ok) {\n                setNotice('Could not delete that resume. Pull to refresh and try again.');\n                await refreshList();\n                return false;\n            }\n            if (activeId === channelId) {\n                setActiveId(null);\n                setDraft(null);\n                setAccent(undefined);\n                channelSyncedAt.current = 0;\n                setSaveState('local');\n            }\n            return true;\n        },\n        [indexUrl, token, activeId, refreshList],\n    );\n\n    const template = findTemplate(catalog, draft?.templateId);\n\n    return {\n        channels,\n        listLoading,\n        listError,\n        activeId,\n        draft,\n        accent,\n        setAccent,\n        catalog,\n        template: catalog.length ? template : FALLBACK_TEMPLATE,\n        saveState,\n        notice,\n        setNotice,\n        refreshList,\n        openResume,\n        startBlank,\n        backToList,\n        update,\n        adoptResume,\n        removeResume,\n        title: draft ? resumeTitle(draft) : 'Resume',\n        canPersist,\n    };\n}\n"],"names":[],"mappings":"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"}

package/lib/features/shopping/DealsPanel.js

@@ -0,0 +1,254 @@
+import {jsxs,jsx}from'react/jsx-runtime';import {useState,useCallback,useEffect}from'react';import {StyleSheet,ScrollView,View,Text,TextInput,Pressable,ActivityIndicator}from'react-native';import {searchCatalogDeals}from'./services/catalogActions.js';import {searchShoppingProductsFast}from'./services/shoppingProductSearch.js';import {ProductCard}from'./ProductCard.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 DISCOUNT_STEPS = [10, 25, 40, 60];
+const PRICE_CEILINGS = [25, 50, 100, 250];
+const DEFAULT_QUERY = {
+  minDiscount: 25,
+  inStock: true,
+  sort: "discount",
+  limit: 24
+};
+function applyDealFilters(products, query) {
+  return products.filter((p) => {
+    var _a;
+    if (query.inStock === true && p.inStock === false) return false;
+    if (typeof query.maxPrice === "number" && p.price > 0 && p.price > query.maxPrice) return false;
+    if (typeof query.minRating === "number" && p.rating > 0 && p.rating < query.minRating) return false;
+    if (typeof query.minDiscount === "number") {
+      const pct = (_a = p.discountPercent) != null ? _a : p.originalPrice && p.originalPrice > p.price ? Math.round((p.originalPrice - p.price) / p.originalPrice * 100) : 0;
+      if (pct < query.minDiscount) return false;
+    }
+    return true;
+  });
+}
+function DealsPanel({
+  onOpenDetails,
+  isDark,
+  card,
+  border,
+  ink,
+  muted,
+  departmentId = null,
+  beginUiSearchTurn,
+  completeUiSearchTurn
+}) {
+  const [query, setQuery] = useState(DEFAULT_QUERY);
+  const [searchTerm, setSearchTerm] = useState("");
+  const [products, setProducts] = useState([]);
+  const [hint, setHint] = useState(null);
+  const [error, setError] = useState(null);
+  const [isLoading, setIsLoading] = useState(false);
+  const load = useCallback(async (next, term) => {
+    var _a, _b;
+    setIsLoading(true);
+    setError(null);
+    const trimmed = term.trim();
+    const turnId = trimmed && beginUiSearchTurn ? beginUiSearchTurn(trimmed, "deals") : null;
+    try {
+      if (trimmed) {
+        const fast = await searchShoppingProductsFast(__spreadValues(__spreadProps(__spreadValues({
+          query: trimmed
+        }, departmentId ? {
+          departmentId
+        } : {}), {
+          maxResults: (_a = next.limit) != null ? _a : 24
+        }), next.maxPrice != null ? {
+          budget: next.maxPrice
+        } : {}));
+        const ranked = applyDealFilters(fast.products, next);
+        setProducts(ranked);
+        setHint(ranked.length === 0 ? "No marked-down matches for that search." : null);
+        if (typeof turnId === "number") {
+          completeUiSearchTurn == null ? void 0 : completeUiSearchTurn({
+            id: turnId,
+            query: trimmed,
+            kind: "deals",
+            products: ranked,
+            notice: ranked.length === 0 ? "No deals match that search." : null
+          });
+        }
+      } else {
+        const result = await searchCatalogDeals(next);
+        setProducts(result.products);
+        setHint((_b = result.hint) != null ? _b : null);
+      }
+    } catch (err) {
+      setProducts([]);
+      setHint(null);
+      const message = err instanceof Error ? err.message : "Deal search failed";
+      setError(message);
+      if (trimmed && typeof turnId === "number") {
+        completeUiSearchTurn == null ? void 0 : completeUiSearchTurn({
+          id: turnId,
+          query: trimmed,
+          kind: "deals",
+          products: [],
+          notice: message
+        });
+      }
+    } finally {
+      setIsLoading(false);
+    }
+  }, [beginUiSearchTurn, completeUiSearchTurn, departmentId]);
+  useEffect(() => {
+    void load(query, searchTerm);
+  }, [load, query]);
+  const toggle = (key, value) => setQuery((prev) => {
+    const next = __spreadValues({}, prev);
+    if (prev[key] === value) delete next[key];
+    else next[key] = value;
+    return next;
+  });
+  return /* @__PURE__ */ jsxs(ScrollView, { contentContainerStyle: styles.body, keyboardShouldPersistTaps: "handled", children: [
+    /* @__PURE__ */ jsxs(View, { style: [styles.card, {
+      backgroundColor: card,
+      borderColor: border
+    }], children: [
+      /* @__PURE__ */ jsx(Text, { style: [styles.title, {
+        color: ink
+      }], children: "Deals across indexed retailers" }),
+      /* @__PURE__ */ jsxs(View, { style: styles.searchRow, children: [
+        /* @__PURE__ */ jsx(TextInput, { value: searchTerm, onChangeText: setSearchTerm, placeholder: "Search deals\u2026 e.g. headphones", placeholderTextColor: "#94a3b8", returnKeyType: "search", onSubmitEditing: () => void load(query, searchTerm), style: styles.searchInput, accessibilityLabel: "Search deals" }),
+        /* @__PURE__ */ jsx(Pressable, { onPress: () => void load(query, searchTerm), style: styles.searchGo, accessibilityRole: "button", accessibilityLabel: "Search deals", children: /* @__PURE__ */ jsx(Text, { style: styles.searchGoText, children: "Go" }) })
+      ] }),
+      /* @__PURE__ */ jsx(Text, { style: [styles.label, {
+        color: muted
+      }], children: "Discount" }),
+      /* @__PURE__ */ jsx(View, { style: styles.chips, children: DISCOUNT_STEPS.map((step) => /* @__PURE__ */ jsx(Chip, { active: query.minDiscount === step, onPress: () => toggle("minDiscount", step), label: `${step}%+`, ink }, step)) }),
+      /* @__PURE__ */ jsx(Text, { style: [styles.label, {
+        color: muted
+      }], children: "Under" }),
+      /* @__PURE__ */ jsx(View, { style: styles.chips, children: PRICE_CEILINGS.map((ceiling) => /* @__PURE__ */ jsx(Chip, { active: query.maxPrice === ceiling, onPress: () => toggle("maxPrice", ceiling), label: `$${ceiling}`, ink }, ceiling)) }),
+      /* @__PURE__ */ jsx(Text, { style: [styles.label, {
+        color: muted
+      }], children: "Also" }),
+      /* @__PURE__ */ jsxs(View, { style: styles.chips, children: [
+        /* @__PURE__ */ jsx(Chip, { active: query.minRating === 4, onPress: () => toggle("minRating", 4), label: "4\u2605 and up", ink }),
+        /* @__PURE__ */ jsx(Chip, { active: query.inStock === true, onPress: () => toggle("inStock", true), label: "In stock", ink })
+      ] })
+    ] }),
+    isLoading ? /* @__PURE__ */ jsxs(View, { style: styles.center, children: [
+      /* @__PURE__ */ jsx(ActivityIndicator, {}),
+      /* @__PURE__ */ jsx(Text, { style: {
+        color: muted,
+        marginTop: 8
+      }, children: "Ranking deals\u2026" })
+    ] }) : null,
+    error ? /* @__PURE__ */ jsx(Text, { style: styles.error, children: error }) : null,
+    hint && products.length === 0 && !isLoading ? /* @__PURE__ */ jsx(Text, { style: {
+      color: muted
+    }, children: hint }) : null,
+    products.map((product) => /* @__PURE__ */ jsx(ProductCard, { product, isDark, card, border, ink, muted, onOpen: () => onOpenDetails(product) }, product.id))
+  ] });
+}
+function Chip({
+  active,
+  onPress,
+  label,
+  ink
+}) {
+  return /* @__PURE__ */ jsx(Pressable, { onPress, style: [styles.chip, active ? styles.chipOn : styles.chipOff], accessibilityRole: "button", accessibilityState: {
+    selected: active
+  }, children: /* @__PURE__ */ jsx(Text, { style: [styles.chipText, {
+    color: active ? "#fff" : ink
+  }], children: label }) });
+}
+const styles = StyleSheet.create({
+  body: {
+    padding: 16,
+    gap: 10,
+    paddingBottom: 32
+  },
+  card: {
+    borderWidth: 1,
+    borderRadius: 16,
+    padding: 14,
+    gap: 8
+  },
+  title: {
+    fontSize: 15,
+    fontWeight: "700"
+  },
+  searchRow: {
+    flexDirection: "row",
+    gap: 8,
+    alignItems: "center"
+  },
+  searchInput: {
+    flex: 1,
+    borderWidth: 1,
+    borderColor: "#e4e8ee",
+    borderRadius: 10,
+    paddingHorizontal: 12,
+    paddingVertical: 8,
+    fontSize: 14,
+    color: "#0f172a",
+    backgroundColor: "#fff"
+  },
+  searchGo: {
+    backgroundColor: "#ea580c",
+    borderRadius: 10,
+    paddingHorizontal: 14,
+    paddingVertical: 10
+  },
+  searchGoText: {
+    color: "#fff",
+    fontWeight: "700",
+    fontSize: 13
+  },
+  label: {
+    fontSize: 11,
+    fontWeight: "700",
+    letterSpacing: 0.8,
+    textTransform: "uppercase",
+    marginTop: 4
+  },
+  chips: {
+    flexDirection: "row",
+    flexWrap: "wrap",
+    gap: 6
+  },
+  chip: {
+    borderRadius: 8,
+    paddingHorizontal: 10,
+    paddingVertical: 6,
+    borderWidth: 1
+  },
+  chipOn: {
+    backgroundColor: "#0f172a",
+    borderColor: "#0f172a"
+  },
+  chipOff: {
+    backgroundColor: "#fff",
+    borderColor: "#e4e8ee"
+  },
+  chipText: {
+    fontSize: 12,
+    fontWeight: "600"
+  },
+  center: {
+    alignItems: "center",
+    paddingVertical: 24
+  },
+  error: {
+    color: "#b91c1c",
+    fontSize: 13
+  }
+});export{DealsPanel};//# sourceMappingURL=DealsPanel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DealsPanel.js","sources":["../../../src/features/shopping/DealsPanel.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from 'react';\nimport { ActivityIndicator, Pressable, ScrollView, StyleSheet, Text, TextInput, View } from 'react-native';\nimport type { Product } from './catalog';\nimport { searchCatalogDeals, type DealsQuery } from './services/catalogActions';\nimport { searchShoppingProductsFast } from './services/shoppingProductSearch';\nimport { ProductCard } from './ProductCard';\nimport type { ShoppingUiSearchKind } from './chat/widgetContent';\n\nconst DISCOUNT_STEPS = [10, 25, 40, 60];\nconst PRICE_CEILINGS = [25, 50, 100, 250];\nconst DEFAULT_QUERY: DealsQuery = { minDiscount: 25, inStock: true, sort: 'discount', limit: 24 };\n\nfunction applyDealFilters(products: Product[], query: DealsQuery): Product[] {\n    return products.filter((p) => {\n        if (query.inStock === true && p.inStock === false) return false;\n        if (typeof query.maxPrice === 'number' && p.price > 0 && p.price > query.maxPrice) return false;\n        if (typeof query.minRating === 'number' && p.rating > 0 && p.rating < query.minRating) return false;\n        if (typeof query.minDiscount === 'number') {\n            const pct =\n                p.discountPercent ??\n                (p.originalPrice && p.originalPrice > p.price\n                    ? Math.round(((p.originalPrice - p.price) / p.originalPrice) * 100)\n                    : 0);\n            if (pct < query.minDiscount) return false;\n        }\n        return true;\n    });\n}\n\nexport function DealsPanel({\n    onOpenDetails,\n    isDark,\n    card,\n    border,\n    ink,\n    muted,\n    departmentId = null,\n    beginUiSearchTurn,\n    completeUiSearchTurn,\n}: {\n    onOpenDetails: (product: Product) => void;\n    isDark: boolean;\n    card: string;\n    border: string;\n    ink: string;\n    muted: string;\n    departmentId?: string | null;\n    beginUiSearchTurn?: (query: string, kind: ShoppingUiSearchKind) => number;\n    completeUiSearchTurn?: (args: {\n        id: number;\n        query: string;\n        kind: ShoppingUiSearchKind;\n        products: Product[];\n        notice?: string | null;\n    }) => void;\n}) {\n    const [query, setQuery] = useState<DealsQuery>(DEFAULT_QUERY);\n    const [searchTerm, setSearchTerm] = useState('');\n    const [products, setProducts] = useState<Product[]>([]);\n    const [hint, setHint] = useState<string | null>(null);\n    const [error, setError] = useState<string | null>(null);\n    const [isLoading, setIsLoading] = useState(false);\n\n    const load = useCallback(\n        async (next: DealsQuery, term: string) => {\n            setIsLoading(true);\n            setError(null);\n            const trimmed = term.trim();\n            const turnId = trimmed && beginUiSearchTurn ? beginUiSearchTurn(trimmed, 'deals') : null;\n            try {\n                if (trimmed) {\n                    const fast = await searchShoppingProductsFast({\n                        query: trimmed,\n                        ...(departmentId ? { departmentId } : {}),\n                        maxResults: next.limit ?? 24,\n                        ...(next.maxPrice != null ? { budget: next.maxPrice } : {}),\n                    });\n                    const ranked = applyDealFilters(fast.products, next);\n                    setProducts(ranked);\n                    setHint(ranked.length === 0 ? 'No marked-down matches for that search.' : null);\n                    if (typeof turnId === 'number') {\n                        completeUiSearchTurn?.({\n                            id: turnId,\n                            query: trimmed,\n                            kind: 'deals',\n                            products: ranked,\n                            notice: ranked.length === 0 ? 'No deals match that search.' : null,\n                        });\n                    }\n                } else {\n                    const result = await searchCatalogDeals(next);\n                    setProducts(result.products);\n                    setHint(result.hint ?? null);\n                }\n            } catch (err) {\n                setProducts([]);\n                setHint(null);\n                const message = err instanceof Error ? err.message : 'Deal search failed';\n                setError(message);\n                if (trimmed && typeof turnId === 'number') {\n                    completeUiSearchTurn?.({\n                        id: turnId,\n                        query: trimmed,\n                        kind: 'deals',\n                        products: [],\n                        notice: message,\n                    });\n                }\n            } finally {\n                setIsLoading(false);\n            }\n        },\n        [beginUiSearchTurn, completeUiSearchTurn, departmentId],\n    );\n\n    useEffect(() => {\n        void load(query, searchTerm);\n    }, [load, query]);\n\n    const toggle = <K extends keyof DealsQuery>(key: K, value: DealsQuery[K]) =>\n        setQuery((prev) => {\n            const next = { ...prev };\n            if (prev[key] === value) delete next[key];\n            else next[key] = value;\n            return next;\n        });\n\n    return (\n        <ScrollView contentContainerStyle={styles.body} keyboardShouldPersistTaps=\"handled\">\n            <View style={[styles.card, { backgroundColor: card, borderColor: border }]}>\n                <Text style={[styles.title, { color: ink }]}>Deals across indexed retailers</Text>\n                <View style={styles.searchRow}>\n                    <TextInput\n                        value={searchTerm}\n                        onChangeText={setSearchTerm}\n                        placeholder=\"Search deals… e.g. headphones\"\n                        placeholderTextColor=\"#94a3b8\"\n                        returnKeyType=\"search\"\n                        onSubmitEditing={() => void load(query, searchTerm)}\n                        style={styles.searchInput}\n                        accessibilityLabel=\"Search deals\"\n                    />\n                    <Pressable\n                        onPress={() => void load(query, searchTerm)}\n                        style={styles.searchGo}\n                        accessibilityRole=\"button\"\n                        accessibilityLabel=\"Search deals\"\n                    >\n                        <Text style={styles.searchGoText}>Go</Text>\n                    </Pressable>\n                </View>\n                <Text style={[styles.label, { color: muted }]}>Discount</Text>\n                <View style={styles.chips}>\n                    {DISCOUNT_STEPS.map((step) => (\n                        <Chip\n                            key={step}\n                            active={query.minDiscount === step}\n                            onPress={() => toggle('minDiscount', step)}\n                            label={`${step}%+`}\n                            ink={ink}\n                        />\n                    ))}\n                </View>\n                <Text style={[styles.label, { color: muted }]}>Under</Text>\n                <View style={styles.chips}>\n                    {PRICE_CEILINGS.map((ceiling) => (\n                        <Chip\n                            key={ceiling}\n                            active={query.maxPrice === ceiling}\n                            onPress={() => toggle('maxPrice', ceiling)}\n                            label={`$${ceiling}`}\n                            ink={ink}\n                        />\n                    ))}\n                </View>\n                <Text style={[styles.label, { color: muted }]}>Also</Text>\n                <View style={styles.chips}>\n                    <Chip\n                        active={query.minRating === 4}\n                        onPress={() => toggle('minRating', 4)}\n                        label=\"4★ and up\"\n                        ink={ink}\n                    />\n                    <Chip\n                        active={query.inStock === true}\n                        onPress={() => toggle('inStock', true)}\n                        label=\"In stock\"\n                        ink={ink}\n                    />\n                </View>\n            </View>\n            {isLoading ? (\n                <View style={styles.center}>\n                    <ActivityIndicator />\n                    <Text style={{ color: muted, marginTop: 8 }}>Ranking deals…</Text>\n                </View>\n            ) : null}\n            {error ? <Text style={styles.error}>{error}</Text> : null}\n            {hint && products.length === 0 && !isLoading ? <Text style={{ color: muted }}>{hint}</Text> : null}\n            {products.map((product) => (\n                <ProductCard\n                    key={product.id}\n                    product={product}\n                    isDark={isDark}\n                    card={card}\n                    border={border}\n                    ink={ink}\n                    muted={muted}\n                    onOpen={() => onOpenDetails(product)}\n                />\n            ))}\n        </ScrollView>\n    );\n}\n\nfunction Chip({ active, onPress, label, ink }: { active: boolean; onPress: () => void; label: string; ink: string }) {\n    return (\n        <Pressable\n            onPress={onPress}\n            style={[styles.chip, active ? styles.chipOn : styles.chipOff]}\n            accessibilityRole=\"button\"\n            accessibilityState={{ selected: active }}\n        >\n            <Text style={[styles.chipText, { color: active ? '#fff' : ink }]}>{label}</Text>\n        </Pressable>\n    );\n}\n\nconst styles = StyleSheet.create({\n    body: { padding: 16, gap: 10, paddingBottom: 32 },\n    card: { borderWidth: 1, borderRadius: 16, padding: 14, gap: 8 },\n    title: { fontSize: 15, fontWeight: '700' },\n    searchRow: { flexDirection: 'row', gap: 8, alignItems: 'center' },\n    searchInput: {\n        flex: 1,\n        borderWidth: 1,\n        borderColor: '#e4e8ee',\n        borderRadius: 10,\n        paddingHorizontal: 12,\n        paddingVertical: 8,\n        fontSize: 14,\n        color: '#0f172a',\n        backgroundColor: '#fff',\n    },\n    searchGo: {\n        backgroundColor: '#ea580c',\n        borderRadius: 10,\n        paddingHorizontal: 14,\n        paddingVertical: 10,\n    },\n    searchGoText: { color: '#fff', fontWeight: '700', fontSize: 13 },\n    label: { fontSize: 11, fontWeight: '700', letterSpacing: 0.8, textTransform: 'uppercase', marginTop: 4 },\n    chips: { flexDirection: 'row', flexWrap: 'wrap', gap: 6 },\n    chip: { borderRadius: 8, paddingHorizontal: 10, paddingVertical: 6, borderWidth: 1 },\n    chipOn: { backgroundColor: '#0f172a', borderColor: '#0f172a' },\n    chipOff: { backgroundColor: '#fff', borderColor: '#e4e8ee' },\n    chipText: { fontSize: 12, fontWeight: '600' },\n    center: { alignItems: 'center', paddingVertical: 24 },\n    error: { color: '#b91c1c', fontSize: 13 },\n});\n"],"names":[],"mappings":"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"}

package/lib/features/shopping/HistoryPanel.js

@@ -0,0 +1,147 @@
+import {jsxs,jsx}from'react/jsx-runtime';import {useMemo}from'react';import {StyleSheet,ScrollView,View,Text,Pressable}from'react-native';import {formatPrice}from'./catalog.js';import {useShoppingHistory,clearShoppingHistory}from'./shoppingHistoryStore.js';import {timeAgo}from'./timeAgo.js';const CART_LABEL = {
+  add: "Added to cart",
+  qty: "Quantity changed",
+  remove: "Removed from cart",
+  clear: "Cart cleared"
+};
+function HistoryPanel({
+  onRerunSearch,
+  onOpenDetails,
+  card,
+  border,
+  ink,
+  muted
+}) {
+  const {
+    searches,
+    views,
+    cart
+  } = useShoppingHistory();
+  const now = useMemo(() => Date.now(), [searches, views, cart]);
+  const empty = searches.length === 0 && views.length === 0 && cart.length === 0;
+  return /* @__PURE__ */ jsxs(ScrollView, { contentContainerStyle: styles.body, children: [
+    /* @__PURE__ */ jsxs(View, { style: styles.head, children: [
+      /* @__PURE__ */ jsx(Text, { style: [styles.title, {
+        color: ink
+      }], children: "History" }),
+      !empty ? /* @__PURE__ */ jsx(Pressable, { onPress: clearShoppingHistory, accessibilityRole: "button", children: /* @__PURE__ */ jsx(Text, { style: styles.clear, children: "Clear" }) }) : null
+    ] }),
+    empty ? /* @__PURE__ */ jsx(Text, { style: {
+      color: muted
+    }, children: "Searches, product views, and cart changes will show up here." }) : null,
+    searches.length > 0 ? /* @__PURE__ */ jsx(Section, { title: "Searches", count: searches.length, ink, muted, children: searches.map((entry) => /* @__PURE__ */ jsxs(Pressable, { onPress: () => onRerunSearch(entry), style: [styles.row, {
+      backgroundColor: card,
+      borderColor: border
+    }], children: [
+      /* @__PURE__ */ jsx(Text, { style: [styles.rowTitle, {
+        color: ink
+      }], children: entry.query }),
+      /* @__PURE__ */ jsxs(Text, { style: {
+        color: muted,
+        fontSize: 12
+      }, children: [
+        timeAgo(entry.ts, now),
+        entry.resultCount != null ? ` \xB7 ${entry.resultCount} results` : ""
+      ] })
+    ] }, entry.id)) }) : null,
+    views.length > 0 ? /* @__PURE__ */ jsx(Section, { title: "Viewed", count: views.length, ink, muted, children: views.map((entry) => /* @__PURE__ */ jsxs(Pressable, { onPress: () => onOpenDetails(entry.product), style: [styles.row, {
+      backgroundColor: card,
+      borderColor: border
+    }], children: [
+      /* @__PURE__ */ jsx(Text, { style: [styles.rowTitle, {
+        color: ink
+      }], numberOfLines: 2, children: entry.product.name }),
+      /* @__PURE__ */ jsxs(Text, { style: {
+        color: muted,
+        fontSize: 12
+      }, children: [
+        timeAgo(entry.ts, now),
+        entry.product.price > 0 ? ` \xB7 ${formatPrice(entry.product.price)}` : ""
+      ] })
+    ] }, entry.id)) }) : null,
+    cart.length > 0 ? /* @__PURE__ */ jsx(Section, { title: "Cart", count: cart.length, ink, muted, children: cart.map((entry) => /* @__PURE__ */ jsxs(View, { style: [styles.row, {
+      backgroundColor: card,
+      borderColor: border
+    }], children: [
+      /* @__PURE__ */ jsx(Text, { style: [styles.rowTitle, {
+        color: ink
+      }], children: CART_LABEL[entry.kind] }),
+      /* @__PURE__ */ jsxs(Text, { style: {
+        color: muted,
+        fontSize: 12
+      }, children: [
+        timeAgo(entry.ts, now),
+        entry.product ? ` \xB7 ${entry.product.name}` : "",
+        entry.qty != null ? ` \xB7 qty ${entry.qty}` : ""
+      ] })
+    ] }, entry.id)) }) : null
+  ] });
+}
+function Section({
+  title,
+  count,
+  ink,
+  muted,
+  children
+}) {
+  return /* @__PURE__ */ jsxs(View, { style: {
+    gap: 8
+  }, children: [
+    /* @__PURE__ */ jsxs(View, { style: {
+      flexDirection: "row",
+      alignItems: "center",
+      gap: 8
+    }, children: [
+      /* @__PURE__ */ jsx(Text, { style: [styles.section, {
+        color: ink
+      }], children: title }),
+      /* @__PURE__ */ jsx(Text, { style: [styles.pill, {
+        color: muted
+      }], children: count })
+    ] }),
+    children
+  ] });
+}
+const styles = StyleSheet.create({
+  body: {
+    padding: 16,
+    gap: 16,
+    paddingBottom: 32
+  },
+  head: {
+    flexDirection: "row",
+    justifyContent: "space-between",
+    alignItems: "center"
+  },
+  title: {
+    fontSize: 17,
+    fontWeight: "700"
+  },
+  clear: {
+    fontWeight: "700",
+    color: "#b91c1c"
+  },
+  section: {
+    fontSize: 13,
+    fontWeight: "700"
+  },
+  pill: {
+    fontSize: 11,
+    fontWeight: "700",
+    backgroundColor: "#f1f5f9",
+    overflow: "hidden",
+    borderRadius: 999,
+    paddingHorizontal: 8,
+    paddingVertical: 2
+  },
+  row: {
+    borderWidth: 1,
+    borderRadius: 12,
+    padding: 12,
+    gap: 4
+  },
+  rowTitle: {
+    fontSize: 14,
+    fontWeight: "600"
+  }
+});export{HistoryPanel};//# sourceMappingURL=HistoryPanel.js.map