@mohasinac/appkit 2.7.10 → 2.7.12

package/dist/features/products/components/ProductFilters.d.ts

@@ -5,66 +5,66 @@ export type ProductFilterVariant = "admin" | "seller" | "public";
 export declare const PRODUCT_FILTER_KEYS: {
     readonly admin: readonly ["category", "condition", "minPrice", "maxPrice", "brand", "seller", "tags", "status"];
     readonly seller: readonly ["category", "condition", "minPrice", "maxPrice", "brand", "tags", "status"];
-    readonly public: readonly ["category", "condition", "minPrice", "maxPrice", "brand", "seller", "tags"];
+    readonly public: readonly ["category", "condition", "minPrice", "maxPrice", "brand", "storeId", "tags"];
 };
 export declare const PRODUCT_ADMIN_SORT_OPTIONS: readonly [{
-    readonly value: "-createdAt";
+    readonly value: string;
     readonly label: "Newest First";
 }, {
-    readonly value: "createdAt";
+    readonly value: string;
     readonly label: "Oldest First";
 }, {
-    readonly value: "-price";
+    readonly value: string;
     readonly label: "Price: High to Low";
 }, {
-    readonly value: "price";
+    readonly value: string;
     readonly label: "Price: Low to High";
 }, {
-    readonly value: "title";
+    readonly value: string;
     readonly label: "Title A-Z";
 }, {
-    readonly value: "-title";
+    readonly value: string;
     readonly label: "Title Z-A";
 }, {
-    readonly value: "-views";
+    readonly value: string;
     readonly label: "Most Viewed";
 }];
 export declare const PRODUCT_SELLER_SORT_OPTIONS: readonly [{
-    readonly value: "-createdAt";
+    readonly value: string;
     readonly label: "Newest First";
 }, {
-    readonly value: "createdAt";
+    readonly value: string;
     readonly label: "Oldest First";
 }, {
-    readonly value: "-price";
+    readonly value: string;
     readonly label: "Price: High to Low";
 }, {
-    readonly value: "price";
+    readonly value: string;
     readonly label: "Price: Low to High";
 }, {
-    readonly value: "title";
+    readonly value: string;
     readonly label: "Title A-Z";
 }];
 export declare const PRODUCT_PUBLIC_SORT_OPTIONS: readonly [{
-    readonly value: "-createdAt";
+    readonly value: string;
     readonly label: "Newest First";
 }, {
-    readonly value: "createdAt";
+    readonly value: string;
     readonly label: "Oldest First";
 }, {
-    readonly value: "-price";
+    readonly value: string;
     readonly label: "Price: High to Low";
 }, {
-    readonly value: "price";
+    readonly value: string;
     readonly label: "Price: Low to High";
 }, {
-    readonly value: "title";
+    readonly value: string;
     readonly label: "Title A–Z";
 }, {
-    readonly value: "-title";
+    readonly value: string;
     readonly label: "Title Z–A";
 }, {
-    readonly value: "-views";
+    readonly value: string;
     readonly label: "Most Viewed";
 }];
 export declare function getProductFilterKeys(variant: ProductFilterVariant): readonly string[];

package/dist/features/products/components/ProductFilters.js

@@ -5,60 +5,63 @@ import { FilterFacetSection } from "../../filters/FilterFacetSection";
 import { RangeFilter } from "../../filters/RangeFilter";
 import { SwitchFilter } from "../../filters/SwitchFilter";
 import { Div } from "../../../ui";
+import { TABLE_KEYS } from "../../../constants/table-keys";
+import { PRODUCT_FIELDS } from "../../../constants/field-names";
+import { sortBy } from "../../../constants/sort";
 export const PRODUCT_FILTER_KEYS = {
     admin: [
-        "category",
-        "condition",
-        "minPrice",
-        "maxPrice",
-        "brand",
-        "seller",
-        "tags",
-        "status",
+        TABLE_KEYS.CATEGORY,
+        TABLE_KEYS.CONDITION,
+        TABLE_KEYS.MIN_PRICE,
+        TABLE_KEYS.MAX_PRICE,
+        TABLE_KEYS.BRAND,
+        TABLE_KEYS.SELLER,
+        TABLE_KEYS.TAGS,
+        TABLE_KEYS.STATUS,
     ],
     seller: [
-        "category",
-        "condition",
-        "minPrice",
-        "maxPrice",
-        "brand",
-        "tags",
-        "status",
+        TABLE_KEYS.CATEGORY,
+        TABLE_KEYS.CONDITION,
+        TABLE_KEYS.MIN_PRICE,
+        TABLE_KEYS.MAX_PRICE,
+        TABLE_KEYS.BRAND,
+        TABLE_KEYS.TAGS,
+        TABLE_KEYS.STATUS,
     ],
     public: [
-        "category",
-        "condition",
-        "minPrice",
-        "maxPrice",
-        "brand",
-        "seller",
-        "tags",
+        TABLE_KEYS.CATEGORY,
+        TABLE_KEYS.CONDITION,
+        TABLE_KEYS.MIN_PRICE,
+        TABLE_KEYS.MAX_PRICE,
+        TABLE_KEYS.BRAND,
+        TABLE_KEYS.STORE_ID,
+        TABLE_KEYS.TAGS,
     ],
 };
 export const PRODUCT_ADMIN_SORT_OPTIONS = [
-    { value: "-createdAt", label: "Newest First" },
-    { value: "createdAt", label: "Oldest First" },
-    { value: "-price", label: "Price: High to Low" },
-    { value: "price", label: "Price: Low to High" },
-    { value: "title", label: "Title A-Z" },
-    { value: "-title", label: "Title Z-A" },
-    { value: "-views", label: "Most Viewed" },
+    { value: sortBy(PRODUCT_FIELDS.CREATED_AT), label: "Newest First" },
+    { value: sortBy(PRODUCT_FIELDS.CREATED_AT, "ASC"), label: "Oldest First" },
+    { value: sortBy(PRODUCT_FIELDS.PRICE), label: "Price: High to Low" },
+    { value: sortBy(PRODUCT_FIELDS.PRICE, "ASC"), label: "Price: Low to High" },
+    { value: sortBy(PRODUCT_FIELDS.TITLE, "ASC"), label: "Title A-Z" },
+    { value: sortBy(PRODUCT_FIELDS.TITLE), label: "Title Z-A" },
+    { value: sortBy(PRODUCT_FIELDS.VIEW_COUNT), label: "Most Viewed" },
 ];
 export const PRODUCT_SELLER_SORT_OPTIONS = [
-    { value: "-createdAt", label: "Newest First" },
-    { value: "createdAt", label: "Oldest First" },
-    { value: "-price", label: "Price: High to Low" },
-    { value: "price", label: "Price: Low to High" },
-    { value: "title", label: "Title A-Z" },
+    { value: sortBy(PRODUCT_FIELDS.CREATED_AT), label: "Newest First" },
+    { value: sortBy(PRODUCT_FIELDS.CREATED_AT, "ASC"), label: "Oldest First" },
+    { value: sortBy(PRODUCT_FIELDS.PRICE), label: "Price: High to Low" },
+    { value: sortBy(PRODUCT_FIELDS.PRICE, "ASC"), label: "Price: Low to High" },
+    { value: sortBy(PRODUCT_FIELDS.TITLE, "ASC"), label: "Title A-Z" },
 ];
 export const PRODUCT_PUBLIC_SORT_OPTIONS = [
-    { value: "-createdAt", label: "Newest First" },
-    { value: "createdAt", label: "Oldest First" },
-    { value: "-price", label: "Price: High to Low" },
-    { value: "price", label: "Price: Low to High" },
-    { value: "title", label: "Title A–Z" },
-    { value: "-title", label: "Title Z–A" },
-    { value: "-views", label: "Most Viewed" },
+    { value: sortBy(PRODUCT_FIELDS.CREATED_AT), label: "Newest First" },
+    { value: sortBy(PRODUCT_FIELDS.CREATED_AT, "ASC"), label: "Oldest First" },
+    { value: sortBy(PRODUCT_FIELDS.PRICE), label: "Price: High to Low" },
+    { value: sortBy(PRODUCT_FIELDS.PRICE, "ASC"), label: "Price: Low to High" },
+    { value: sortBy(PRODUCT_FIELDS.TITLE, "ASC"), label: "Title A–Z" },
+    { value: sortBy(PRODUCT_FIELDS.TITLE), label: "Title Z–A" },
+    { value: sortBy(PRODUCT_FIELDS.VIEW_COUNT), label: "Most Viewed" },
 ];
 export function getProductFilterKeys(variant) {
     return PRODUCT_FILTER_KEYS[variant];
@@ -79,31 +82,31 @@ export function ProductFilters({ table, categoryOptions = [], brandOptions = [],
     const resolvedStoreOptions = storeOptions.length > 0 ? storeOptions : (sellerOptions ?? []);
     const t = useTranslations("filters");
     const conditionOptions = [
-        { value: "new", label: t("conditionNew") },
-        { value: "used", label: t("conditionUsed") },
-        { value: "refurbished", label: t("conditionRefurbished") },
-        { value: "broken", label: t("conditionBroken") },
+        { value: PRODUCT_FIELDS.CONDITION_VALUES.NEW, label: t("conditionNew") },
+        { value: PRODUCT_FIELDS.CONDITION_VALUES.USED, label: t("conditionUsed") },
+        { value: PRODUCT_FIELDS.CONDITION_VALUES.REFURBISHED, label: t("conditionRefurbished") },
+        { value: PRODUCT_FIELDS.CONDITION_VALUES.BROKEN, label: t("conditionBroken") },
     ];
     const defaultStatusOptions = [
-        { value: "published", label: t("statusPublished") },
-        { value: "draft", label: t("statusDraft") },
-        { value: "archived", label: t("statusArchived") },
+        { value: PRODUCT_FIELDS.STATUS_VALUES.PUBLISHED, label: t("statusPublished") },
+        { value: PRODUCT_FIELDS.STATUS_VALUES.DRAFT, label: t("statusDraft") },
+        { value: PRODUCT_FIELDS.STATUS_VALUES.OUT_OF_STOCK, label: t("statusOutOfStock") },
     ];
-    const selectedCategories = table.get("category")
-        ? table.get("category").split("|").filter(Boolean)
+    const selectedCategories = table.get(TABLE_KEYS.CATEGORY)
+        ? table.get(TABLE_KEYS.CATEGORY).split("|").filter(Boolean)
         : [];
-    const selectedBrands = table.get("brand") ? [table.get("brand")] : [];
-    const selectedSellers = table.get("storeId") ? [table.get("storeId")] : [];
-    const selectedConditions = table.get("condition")
-        ? table.get("condition").split("|").filter(Boolean)
+    const selectedBrands = table.get(TABLE_KEYS.BRAND) ? [table.get(TABLE_KEYS.BRAND)] : [];
+    const selectedSellers = table.get(TABLE_KEYS.STORE_ID) ? [table.get(TABLE_KEYS.STORE_ID)] : [];
+    const selectedConditions = table.get(TABLE_KEYS.CONDITION)
+        ? table.get(TABLE_KEYS.CONDITION).split("|").filter(Boolean)
         : [];
-    const selectedTags = table.get("tags")
-        ? table.get("tags").split("|").filter(Boolean)
+    const selectedTags = table.get(TABLE_KEYS.TAGS)
+        ? table.get(TABLE_KEYS.TAGS).split("|").filter(Boolean)
         : [];
-    const selectedStatuses = table.get("status")
-        ? table.get("status").split("|").filter(Boolean)
+    const selectedStatuses = table.get(TABLE_KEYS.STATUS)
+        ? table.get(TABLE_KEYS.STATUS).split("|").filter(Boolean)
         : [];
     const resolvedVariant = variant ?? (showStatus ? "admin" : "public");
     const shouldShowStatus = resolvedVariant !== "public" || showStatus;
-    return (_jsxs(Div, { children: [categoryOptions.length > 0 && (_jsx(FilterFacetSection, { title: t("category"), options: categoryOptions, selected: selectedCategories, onChange: (vals) => table.set("category", vals.join("|")), searchable: true, defaultCollapsed: categoryOptions.length > 6 })), _jsx(FilterFacetSection, { title: t("condition"), options: conditionOptions, selected: selectedConditions, onChange: (vals) => table.set("condition", vals.join("|")), searchable: false, defaultCollapsed: false }), _jsx(RangeFilter, { title: t("priceRange"), minValue: table.get("minPrice"), maxValue: table.get("maxPrice"), onMinChange: (v) => table.set("minPrice", v), onMaxChange: (v) => table.set("maxPrice", v), prefix: currencyPrefix, showSlider: true, minBound: 0, maxBound: 500000, step: 500, minPlaceholder: t("minPrice"), maxPlaceholder: t("maxPrice"), defaultCollapsed: false }), brandOptions.length > 0 && (_jsx(FilterFacetSection, { title: t("brand"), options: brandOptions, selected: selectedBrands, onChange: (vals) => table.set("brand", vals[0] ?? ""), searchable: brandOptions.length > 4, defaultCollapsed: brandOptions.length > 6 })), resolvedStoreOptions.length > 0 && (_jsx(FilterFacetSection, { title: t("store"), options: resolvedStoreOptions, selected: selectedSellers, onChange: (vals) => table.set("storeId", vals[0] ?? ""), searchable: resolvedStoreOptions.length > 4, defaultCollapsed: resolvedStoreOptions.length > 6 })), showShipping && (_jsx(SwitchFilter, { title: t("shipping"), label: t("freeShippingOnly"), checked: table.get("freeShipping") === "true", onChange: (v) => table.set("freeShipping", v ? "true" : ""), defaultCollapsed: false })), tagOptions.length > 0 && (_jsx(FilterFacetSection, { title: t("tags"), options: tagOptions, selected: selectedTags, onChange: (vals) => table.set("tags", vals.join("|")), searchable: tagOptions.length > 4, defaultCollapsed: tagOptions.length > 6 })), shouldShowStatus && (_jsx(FilterFacetSection, { title: t("status"), options: statusOptions ?? defaultStatusOptions, selected: selectedStatuses, onChange: (vals) => table.set("status", vals.join("|")), searchable: false, defaultCollapsed: false }))] }));
+    return (_jsxs(Div, { children: [categoryOptions.length > 0 && (_jsx(FilterFacetSection, { title: t("category"), options: categoryOptions, selected: selectedCategories, onChange: (vals) => table.set(TABLE_KEYS.CATEGORY, vals.join("|")), searchable: true, defaultCollapsed: categoryOptions.length > 6 })), _jsx(FilterFacetSection, { title: t("condition"), options: conditionOptions, selected: selectedConditions, onChange: (vals) => table.set(TABLE_KEYS.CONDITION, vals.join("|")), searchable: false, defaultCollapsed: false }), _jsx(RangeFilter, { title: t("priceRange"), minValue: table.get(TABLE_KEYS.MIN_PRICE), maxValue: table.get(TABLE_KEYS.MAX_PRICE), onMinChange: (v) => table.set(TABLE_KEYS.MIN_PRICE, v), onMaxChange: (v) => table.set(TABLE_KEYS.MAX_PRICE, v), prefix: currencyPrefix, showSlider: true, minBound: 0, maxBound: 500000, step: 500, minPlaceholder: t("minPrice"), maxPlaceholder: t("maxPrice"), defaultCollapsed: false }), brandOptions.length > 0 && (_jsx(FilterFacetSection, { title: t("brand"), options: brandOptions, selected: selectedBrands, onChange: (vals) => table.set(TABLE_KEYS.BRAND, vals[0] ?? ""), searchable: brandOptions.length > 4, defaultCollapsed: brandOptions.length > 6 })), resolvedStoreOptions.length > 0 && (_jsx(FilterFacetSection, { title: t("store"), options: resolvedStoreOptions, selected: selectedSellers, onChange: (vals) => table.set(TABLE_KEYS.STORE_ID, vals[0] ?? ""), searchable: resolvedStoreOptions.length > 4, defaultCollapsed: resolvedStoreOptions.length > 6 })), showShipping && (_jsx(SwitchFilter, { title: t("shipping"), label: t("freeShippingOnly"), checked: table.get(TABLE_KEYS.FREE_SHIPPING) === "true", onChange: (v) => table.set(TABLE_KEYS.FREE_SHIPPING, v ? "true" : ""), defaultCollapsed: false })), tagOptions.length > 0 && (_jsx(FilterFacetSection, { title: t("tags"), options: tagOptions, selected: selectedTags, onChange: (vals) => table.set(TABLE_KEYS.TAGS, vals.join("|")), searchable: tagOptions.length > 4, defaultCollapsed: tagOptions.length > 6 })), shouldShowStatus && (_jsx(FilterFacetSection, { title: t("status"), options: statusOptions ?? defaultStatusOptions, selected: selectedStatuses, onChange: (vals) => table.set(TABLE_KEYS.STATUS, vals.join("|")), searchable: false, defaultCollapsed: false }))] }));
 }

package/dist/features/products/components/ProductsIndexListing.js

@@ -5,7 +5,7 @@ import { X, ShoppingCart, Heart, SlidersHorizontal, Columns } from "lucide-react
 import { useRouter } from "next/navigation";
 import { useUrlTable } from "../../../react/hooks/useUrlTable";
 import { useProducts } from "../hooks/useProducts";
-import { Pagination, useToast, BulkActionsBar, ListingToolbar } from "../../../ui";
+import { Pagination, useToast, BulkActionBar, ListingToolbar } from "../../../ui";
 import { ACTION_ID, ACTION_META, COMPARE_MAX_ITEMS } from "../constants/action-defs";
 import { CompareOverlay } from "./CompareOverlay";
 import { ROUTES } from "../../../next";
@@ -15,16 +15,20 @@ import { useGuestWishlist } from "../../wishlist/hooks/useGuestWishlist";
 import { pushCartOp, pushWishlistOp } from "../../cart/utils/pending-ops";
 import { useBulkSelection } from "../../../react/hooks/useBulkSelection";
 import { useCategoryTree, categoriesToFacetOptions } from "../../categories/hooks/useCategoryTree";
-const FILTER_KEYS = ["category", "condition", "minPrice", "maxPrice", "brand", "storeId", "freeShipping", "tags"];
+import { TABLE_KEYS, VIEW_MODE } from "../../../constants/table-keys";
+import { sortBy } from "../../../constants/sort";
+import { PRODUCT_FIELDS } from "../../../constants/field-names";
+const DEFAULT_SORT = sortBy(PRODUCT_FIELDS.CREATED_AT);
+const FILTER_KEYS = [TABLE_KEYS.CATEGORY, TABLE_KEYS.CONDITION, TABLE_KEYS.MIN_PRICE, TABLE_KEYS.MAX_PRICE, TABLE_KEYS.BRAND, TABLE_KEYS.STORE_ID, TABLE_KEYS.FREE_SHIPPING, TABLE_KEYS.TAGS];
 export function ProductsIndexListing({ initialData }) {
     const router = useRouter();
-    const table = useUrlTable({ defaults: { pageSize: "24", sort: "-createdAt" } });
+    const table = useUrlTable({ defaults: { pageSize: "24", sort: DEFAULT_SORT } });
     const { showToast } = useToast();
-    const [searchInput, setSearchInput] = useState(table.get("q") || "");
+    const [searchInput, setSearchInput] = useState(table.get(TABLE_KEYS.QUERY) || "");
     const [filterOpen, setFilterOpen] = useState(false);
     const [compareIds, setCompareIds] = useState([]);
-    const showSold = table.get("showSold") === "true";
-    const [view, setView] = useState(table.get("view") || "card");
+    const showSold = table.get(TABLE_KEYS.SHOW_SOLD) === "true";
+    const [view, setView] = useState(table.get(TABLE_KEYS.VIEW) || VIEW_MODE.GRID);
     // Pending filter state — buffered until "Apply Filters" clicked
     const [pendingFilters, setPendingFilters] = useState(() => Object.fromEntries(FILTER_KEYS.map((k) => [k, table.get(k)])));
     const pendingTable = useMemo(() => ({
@@ -68,16 +72,16 @@ export function ProductsIndexListing({ initialData }) {
         setPendingFilters(Object.fromEntries(FILTER_KEYS.map((k) => [k, ""])));
     }, []);
     const resetAll = useCallback(() => {
-        const updates = { q: "", sort: "", showSold: "" };
+        const updates = { [TABLE_KEYS.QUERY]: "", [TABLE_KEYS.SORT]: "", [TABLE_KEYS.SHOW_SOLD]: "" };
         for (const k of FILTER_KEYS)
             updates[k] = "";
         table.setMany(updates);
         setSearchInput("");
     }, [table]);
     const activeFilterCount = FILTER_KEYS.filter((k) => !!table.get(k)).length;
-    const hasActiveState = !!table.get("q") ||
-        table.get("showSold") === "true" ||
-        table.get("sort") !== "-createdAt" ||
+    const hasActiveState = !!table.get(TABLE_KEYS.QUERY) ||
+        table.get(TABLE_KEYS.SHOW_SOLD) === "true" ||
+        table.get(TABLE_KEYS.SORT) !== DEFAULT_SORT ||
         activeFilterCount > 0;
     const localCart = useGuestCart();
     const localWishlist = useGuestWishlist();
@@ -85,32 +89,36 @@ export function ProductsIndexListing({ initialData }) {
     const { categories } = useCategoryTree();
     const categoryOptions = categoriesToFacetOptions(categories);
     const params = {
-        q: table.get("q") || undefined,
-        category: table.get("category") || undefined,
-        minPrice: table.get("minPrice") ? Number(table.get("minPrice")) : undefined,
-        maxPrice: table.get("maxPrice") ? Number(table.get("maxPrice")) : undefined,
-        condition: table.get("condition") || undefined,
-        brand: table.get("brand") || undefined,
-        storeId: table.get("storeId") || undefined,
-        freeShipping: table.get("freeShipping") === "true" ? true : undefined,
-        sort: table.get("sort") || "-createdAt",
-        page: table.getNumber("page", 1),
-        perPage: table.getNumber("pageSize", 24),
+        q: table.get(TABLE_KEYS.QUERY) || undefined,
+        category: table.get(TABLE_KEYS.CATEGORY) || undefined,
+        minPrice: table.get(TABLE_KEYS.MIN_PRICE) ? Number(table.get(TABLE_KEYS.MIN_PRICE)) : undefined,
+        maxPrice: table.get(TABLE_KEYS.MAX_PRICE) ? Number(table.get(TABLE_KEYS.MAX_PRICE)) : undefined,
+        condition: table.get(TABLE_KEYS.CONDITION) || undefined,
+        brand: table.get(TABLE_KEYS.BRAND) || undefined,
+        storeId: table.get(TABLE_KEYS.STORE_ID) || undefined,
+        freeShipping: table.get(TABLE_KEYS.FREE_SHIPPING) === "true" ? true : undefined,
+        sort: table.get(TABLE_KEYS.SORT) || DEFAULT_SORT,
+        page: table.getNumber(TABLE_KEYS.PAGE, 1),
+        perPage: table.getNumber(TABLE_KEYS.PAGE_SIZE, 24),
         listingType: "standard",
-        status: showSold ? undefined : "published",
+        // Hide sold-out items by default. Uses stockQuantity>0 (always-present field)
+        // instead of status=="published" because sellers don't actively transition status.
+        inStock: showSold ? undefined : true,
     };
     const { products, totalPages, page, isLoading } = useProducts(params, { initialData });
     const selection = useBulkSelection({ items: products, keyExtractor: (p) => p.id });
     const commitSearch = useCallback(() => {
-        table.set("q", searchInput.trim());
+        table.set(TABLE_KEYS.QUERY, searchInput.trim());
     }, [searchInput, table]);
     const handleSearchKeyDown = (e) => {
         if (e.key === "Enter")
             commitSearch();
     };
     const handleViewToggle = (next) => {
+        if (next === VIEW_MODE.TABLE)
+            return;
         setView(next);
-        table.set("view", next);
+        table.set(TABLE_KEYS.VIEW, next);
     };
     const handleWishlistToggle = useCallback((productId) => {
         const isWishlisted = wishlistedIds.has(productId);
@@ -143,9 +151,9 @@ export function ProductsIndexListing({ initialData }) {
         pushCartOp({ op: "add", productId: product.id, quantity: 1, productTitle: product.title, productImage: product.mainImage, price: product.price });
         router.push(String(ROUTES.USER.CART));
     }, [localCart, router]);
-    return (_jsxs("div", { className: "min-h-screen", children: [_jsx(ListingToolbar, { filterCount: activeFilterCount, onFiltersClick: openFilters, searchValue: searchInput, searchPlaceholder: "Search products...", onSearchChange: setSearchInput, onSearchCommit: commitSearch, onSearchKeyDown: handleSearchKeyDown, sortValue: table.get("sort") || "-createdAt", sortOptions: PRODUCT_PUBLIC_SORT_OPTIONS, onSortChange: (v) => { table.set("sort", v); }, view: view === "card" ? "grid" : "list", onViewChange: (v) => handleViewToggle(v === "grid" ? "card" : "list"), onResetAll: resetAll, hasActiveState: hasActiveState, bulkMode: selection.isSelecting, bulkSelectedCount: selection.selectedCount, bulkTotalCount: products.length, onBulkSelectAll: selection.toggleAll, onBulkClear: selection.clearSelection, extra: _jsxs("label", { className: "flex items-center gap-1.5 cursor-pointer select-none shrink-0", children: [_jsx("span", { className: "hidden sm:inline text-xs text-zinc-600 dark:text-zinc-300 whitespace-nowrap", children: "Show sold" }), _jsx("button", { type: "button", role: "switch", "aria-checked": showSold, onClick: () => table.set("showSold", showSold ? "" : "true"), className: `relative inline-flex h-5 w-9 flex-shrink-0 items-center rounded-full transition-colors duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-1 ${showSold ? "bg-primary" : "bg-zinc-300 dark:bg-slate-600"}`, children: _jsx("span", { className: `inline-block h-3.5 w-3.5 transform rounded-full bg-white shadow-sm transition-transform duration-200 ${showSold ? "translate-x-[19px]" : "translate-x-[3px]"}` }) })] }) }), totalPages > 1 && (_jsx("div", { className: "sticky top-[calc(var(--header-height,0px)+44px)] z-10 flex justify-center bg-white/95 dark:bg-slate-900/95 backdrop-blur-sm border-b border-zinc-200 dark:border-slate-700 px-3 py-1.5", children: _jsx(Pagination, { currentPage: page, totalPages: totalPages, onPageChange: (p) => table.setPage(p) }) })), _jsx("div", { className: "py-6", children: isLoading ? (_jsx("div", { className: "grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 gap-4", children: Array.from({ length: 10 }).map((_, i) => (_jsxs("div", { className: "rounded-xl border border-zinc-100 dark:border-slate-700 overflow-hidden animate-pulse", children: [_jsx("div", { className: "aspect-square bg-zinc-200 dark:bg-slate-700" }), _jsxs("div", { className: "p-3 space-y-2", children: [_jsx("div", { className: "h-3 bg-zinc-200 dark:bg-slate-700 rounded w-3/4" }), _jsx("div", { className: "h-3 bg-zinc-200 dark:bg-slate-700 rounded w-1/2" }), _jsx("div", { className: "h-4 bg-zinc-200 dark:bg-slate-700 rounded w-1/3" })] })] }, i))) })) : (_jsx(ProductGrid, { products: products, getProductHref: (p) => String(ROUTES.PUBLIC.PRODUCT_DETAIL(p.slug || p.id)), view: view, onWishlistToggle: handleWishlistToggle, wishlistedIds: wishlistedIds, onAddToCart: handleAddToCart, onBuyNow: handleBuyNow, selectionMode: selection.isSelecting, selectedIds: selection.selectedIdSet, onToggleSelect: selection.toggle })) }), _jsx(BulkActionsBar, { selectedCount: selection.selectedCount, onClearSelection: selection.clearSelection, actions: [
+    return (_jsxs("div", { className: "min-h-screen", children: [_jsx(ListingToolbar, { filterCount: activeFilterCount, onFiltersClick: openFilters, searchValue: searchInput, searchPlaceholder: "Search products...", onSearchChange: setSearchInput, onSearchCommit: commitSearch, onSearchKeyDown: handleSearchKeyDown, sortValue: table.get(TABLE_KEYS.SORT) || DEFAULT_SORT, sortOptions: PRODUCT_PUBLIC_SORT_OPTIONS, onSortChange: (v) => { table.set(TABLE_KEYS.SORT, v); }, view: view, onViewChange: handleViewToggle, onResetAll: resetAll, hasActiveState: hasActiveState, bulkMode: selection.isSelecting, bulkSelectedCount: selection.selectedCount, bulkTotalCount: products.length, onBulkSelectAll: selection.toggleAll, onBulkClear: selection.clearSelection, extra: _jsxs("label", { className: "flex items-center gap-1.5 cursor-pointer select-none shrink-0", children: [_jsx("span", { className: "hidden sm:inline text-xs text-zinc-600 dark:text-zinc-300 whitespace-nowrap", children: "Show sold" }), _jsx("button", { type: "button", role: "switch", "aria-checked": showSold, onClick: () => table.set(TABLE_KEYS.SHOW_SOLD, showSold ? "" : "true"), className: `relative inline-flex h-5 w-9 flex-shrink-0 items-center rounded-full transition-colors duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-1 ${showSold ? "bg-primary" : "bg-zinc-300 dark:bg-slate-600"}`, children: _jsx("span", { className: `inline-block h-3.5 w-3.5 transform rounded-full bg-white shadow-sm transition-transform duration-200 ${showSold ? "translate-x-[19px]" : "translate-x-[3px]"}` }) })] }) }), _jsx(BulkActionBar, { selectedCount: selection.selectedCount, onClearSelection: selection.clearSelection, actions: [
                     {
-                        key: ACTION_ID.ADD_TO_CART,
+                        id: ACTION_ID.ADD_TO_CART,
                         label: ACTION_META[ACTION_ID.ADD_TO_CART].label,
                         icon: _jsx(ShoppingCart, { className: "h-3.5 w-3.5" }),
                         variant: "primary",
@@ -160,7 +168,7 @@ export function ProductsIndexListing({ initialData }) {
                         },
                     },
                     {
-                        key: ACTION_ID.ADD_TO_WISHLIST,
+                        id: ACTION_ID.ADD_TO_WISHLIST,
                         label: ACTION_META[ACTION_ID.ADD_TO_WISHLIST].label,
                         icon: _jsx(Heart, { className: "h-3.5 w-3.5" }),
                         variant: "secondary",
@@ -175,7 +183,7 @@ export function ProductsIndexListing({ initialData }) {
                         },
                     },
                     {
-                        key: ACTION_ID.COMPARE,
+                        id: ACTION_ID.COMPARE,
                         label: ACTION_META[ACTION_ID.COMPARE].label,
                         icon: _jsx(Columns, { className: "h-3.5 w-3.5" }),
                         variant: "secondary",
@@ -185,7 +193,7 @@ export function ProductsIndexListing({ initialData }) {
                             setCompareIds(ids);
                         },
                     },
-                ] }), _jsx(CompareOverlay, { isOpen: compareIds.length > 0, productIds: compareIds, productType: "product", onClose: () => {
+                ] }), totalPages > 1 && (_jsx("div", { className: "sticky top-[calc(var(--header-height,0px)+44px)] z-10 flex justify-center bg-white/95 dark:bg-slate-900/95 backdrop-blur-sm border-b border-zinc-200 dark:border-slate-700 px-3 py-1.5", children: _jsx(Pagination, { currentPage: page, totalPages: totalPages, onPageChange: (p) => table.setPage(p) }) })), _jsx("div", { className: "py-6", children: isLoading ? (_jsx("div", { className: "grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 gap-4", children: Array.from({ length: 10 }).map((_, i) => (_jsxs("div", { className: "rounded-xl border border-zinc-100 dark:border-slate-700 overflow-hidden animate-pulse", children: [_jsx("div", { className: "aspect-square bg-zinc-200 dark:bg-slate-700" }), _jsxs("div", { className: "p-3 space-y-2", children: [_jsx("div", { className: "h-3 bg-zinc-200 dark:bg-slate-700 rounded w-3/4" }), _jsx("div", { className: "h-3 bg-zinc-200 dark:bg-slate-700 rounded w-1/2" }), _jsx("div", { className: "h-4 bg-zinc-200 dark:bg-slate-700 rounded w-1/3" })] })] }, i))) })) : (_jsx(ProductGrid, { products: products, getProductHref: (p) => String(ROUTES.PUBLIC.PRODUCT_DETAIL(p.slug || p.id)), view: view === "grid" ? "card" : "list", onWishlistToggle: handleWishlistToggle, wishlistedIds: wishlistedIds, onAddToCart: handleAddToCart, onBuyNow: handleBuyNow, selectionMode: selection.isSelecting, selectedIds: selection.selectedIdSet, onToggleSelect: selection.toggle })) }), _jsx(CompareOverlay, { isOpen: compareIds.length > 0, productIds: compareIds, productType: "product", onClose: () => {
                     setCompareIds([]);
                     selection.clearSelection();
                 }, onRemove: (id) => setCompareIds((ids) => ids.filter((i) => i !== id)) }), filterOpen && (_jsxs(_Fragment, { children: [_jsx("div", { className: "fixed inset-0 z-40 bg-black/40", "aria-hidden": "true", onClick: () => setFilterOpen(false) }), _jsxs("div", { className: "fixed inset-y-0 left-0 z-50 flex w-80 flex-col bg-white dark:bg-slate-900 shadow-2xl", children: [_jsxs("div", { className: "flex items-center justify-between border-b border-zinc-200 dark:border-slate-700 px-4 py-3.5", children: [_jsxs("span", { className: "flex items-center gap-2 text-base font-semibold text-zinc-900 dark:text-zinc-100", children: [_jsx(SlidersHorizontal, { className: "h-4 w-4" }), "Filters"] }), _jsxs("div", { className: "flex items-center gap-2", children: [activeFilterCount > 0 && (_jsx("button", { type: "button", onClick: clearFilters, className: "text-xs text-zinc-500 hover:text-rose-500 dark:text-zinc-400 transition-colors", children: "Clear all" })), _jsx("button", { type: "button", onClick: () => setFilterOpen(false), "aria-label": "Close filters", className: "rounded-lg p-1.5 text-zinc-500 hover:bg-zinc-100 dark:hover:bg-slate-800 transition-colors", children: _jsx(X, { className: "h-5 w-5" }) })] })] }), _jsx("div", { className: "flex-1 overflow-y-auto px-4 py-4", children: _jsx(ProductFilters, { table: pendingTable, currencyPrefix: "\u20B9", categoryOptions: categoryOptions }) }), _jsx("div", { className: "border-t border-zinc-200 dark:border-slate-700 px-4 py-3.5", children: _jsxs("button", { type: "button", onClick: applyFilters, className: "w-full rounded-lg bg-primary py-2.5 text-sm font-semibold text-white hover:bg-primary-600 transition-colors active:scale-[0.98]", children: ["Apply Filters", activeFilterCount > 0 ? ` (${activeFilterCount})` : ""] }) })] })] }))] }));

package/dist/features/products/components/ProductsIndexPageView.js

@@ -5,36 +5,44 @@ import { Container, Heading, Main, Section } from "../../../ui";
 import { AdSlot } from "../../homepage/components/AdSlot";
 import { parseListingSearchParams } from "../../../utils/listing-params";
 import { ProductsIndexListing } from "./ProductsIndexListing";
+import { PRODUCT_FIELDS } from "../../../constants/field-names";
+import { sieveFilter, sieveMultiEq, sieveAnd, SIEVE_OP } from "../../../utils/sieve-builder";
+import { sortBy } from "../../../constants/sort";
 const DEFAULT_PAGE = 1;
 const DEFAULT_PAGE_SIZE = 24;
-const DEFAULT_SORT = "-createdAt";
+const DEFAULT_SORT = sortBy(PRODUCT_FIELDS.CREATED_AT);
 function sp(params, key) {
     const v = params[key];
     return Array.isArray(v) ? v[0] ?? "" : v ?? "";
 }
 function buildProductFilters(params) {
-    const parts = ["status==published", "listingType==standard"];
+    const parts = [
+        sieveFilter(PRODUCT_FIELDS.STATUS, SIEVE_OP.EQ, PRODUCT_FIELDS.STATUS_VALUES.PUBLISHED),
+        sieveFilter(PRODUCT_FIELDS.LISTING_TYPE, SIEVE_OP.EQ, "standard"),
+    ];
     const condition = sp(params, "condition");
     if (condition) {
         const values = condition.split("|").filter(Boolean);
         if (values.length === 1)
-            parts.push(`condition==${values[0]}`);
+            parts.push(sieveFilter(PRODUCT_FIELDS.CONDITION, SIEVE_OP.EQ, values[0]));
+        // BUG FIX: pipe is invalid for ==; expand to multiple AND clauses
         else if (values.length > 1)
-            parts.push(`condition==${values.join("|")}`);
+            parts.push(sieveMultiEq(PRODUCT_FIELDS.CONDITION, values));
     }
     const minPrice = sp(params, "minPrice");
     const maxPrice = sp(params, "maxPrice");
     if (minPrice)
-        parts.push(`price>=${minPrice}`);
+        parts.push(sieveFilter(PRODUCT_FIELDS.PRICE, SIEVE_OP.GTE, minPrice));
     if (maxPrice)
-        parts.push(`price<=${maxPrice}`);
+        parts.push(sieveFilter(PRODUCT_FIELDS.PRICE, SIEVE_OP.LTE, maxPrice));
     const storeId = sp(params, "seller");
     if (storeId)
-        parts.push(`storeId==${storeId}`);
+        parts.push(sieveFilter(PRODUCT_FIELDS.STORE_ID, SIEVE_OP.EQ, storeId));
     const freeShipping = sp(params, "freeShipping");
-    if (freeShipping === "true")
-        parts.push("freeShipping==true");
-    return parts.join(",");
+    if (freeShipping === "true") {
+        parts.push(sieveFilter(PRODUCT_FIELDS.SHIPPING_PAID_BY, SIEVE_OP.EQ, PRODUCT_FIELDS.SHIPPING_PAID_BY_VALUES.SELLER));
+    }
+    return sieveAnd(...parts);
 }
 export async function ProductsIndexPageView({ searchParams = {} }) {
     const std = parseListingSearchParams(searchParams);

package/dist/features/products/hooks/useProducts.js

@@ -46,6 +46,8 @@ export function useProducts(params = {}, opts) {
         sp.set("dateTo", params.dateTo);
     if (params.preOrderProductionStatus)
         sp.set("preOrderProductionStatus", params.preOrderProductionStatus);
+    if (params.prizeRevealStatus)
+        sp.set("prizeRevealStatus", params.prizeRevealStatus);
     if (params.brand)
         sp.set("brand", params.brand);
     if (params.freeShipping !== undefined)

package/dist/features/products/repository/products.repository.js

@@ -4,33 +4,13 @@ import { BaseRepository, prepareForFirestore, } from "../../../providers/db-fire
 import { cacheManager } from "../../../core";
 import { generateUniqueId, slugify } from "../../../utils";
 import { PRODUCT_COLLECTION, ProductStatusValues, } from "../schemas";
-const PRODUCT_FIELDS = {
-    STORE_ID: "storeId",
-    STATUS: "status",
-    FEATURED: "featured",
-    CATEGORY: "category",
-    SLUG: "slug",
-    // SB1-G (S3 2026-05-13) — canonical discriminator. Legacy `isAuction` /
-    // `isPreOrder` boolean fields were removed in this session.
-    LISTING_TYPE: "listingType",
-    PRE_ORDER_DELIVERY_DATE: "preOrderDeliveryDate",
-    IS_PROMOTED: "isPromoted",
-    AUCTION_END_DATE: "auctionEndDate",
-    AVAILABLE_QUANTITY: "availableQuantity",
-    VIEW_COUNT: "viewCount",
-};
+import { PRODUCT_FIELDS } from "../../../constants/field-names";
 /**
  * Canonical listing-kind tokens used in `listingType`. Note: the public Sieve
  * alias accepts the legacy "preorder" / "product" spelling; we normalise to
  * the Firestore-stored value here.
  */
-const LISTING_TYPE_VALUES = {
-    AUCTION: "auction",
-    PRE_ORDER: "pre-order",
-    STANDARD: "standard",
-    PRIZE_DRAW: "prize-draw",
-    BUNDLE: "bundle",
-};
+const LISTING_TYPE_VALUES = PRODUCT_FIELDS.LISTING_TYPE_VALUES;
 // Reused Sieve clauses for FILTER_ALIASES. SB1-G replaced the boolean-combo
 // clauses with single-field `listingType==X` clauses now that every doc
 // carries the discriminator.