@mohasinac/appkit 2.7.11 → 2.7.13

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

@@ -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") || "grid");
+    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,17 +89,17 @@ 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",
         // Hide sold-out items by default. Uses stockQuantity>0 (always-present field)
         // instead of status=="published" because sellers don't actively transition status.
@@ -104,17 +108,17 @@ export function ProductsIndexListing({ initialData }) {
     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 === "table")
+        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);
@@ -147,7 +151,7 @@ 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, 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("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]"}` }) })] }) }), _jsx(BulkActionBar, { 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: [
                     {
                         id: ACTION_ID.ADD_TO_CART,
                         label: ACTION_META[ACTION_ID.ADD_TO_CART].label,

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.

package/dist/features/products/schemas/index.d.ts

@@ -117,8 +117,8 @@ export declare const productItemSchema: z.ZodObject<{
         isWon: z.ZodBoolean;
     }, "strip", z.ZodTypeAny, {
         title: string;
-        images: string[];
         condition: string;
+        images: string[];
         itemNumber: number;
         isWon: boolean;
         video?: {
@@ -129,8 +129,8 @@ export declare const productItemSchema: z.ZodObject<{
         estimatedValue?: number | undefined;
     }, {
         title: string;
-        images: string[];
         condition: string;
+        images: string[];
         itemNumber: number;
         isWon: boolean;
         video?: {
@@ -305,19 +305,24 @@ export declare const productItemSchema: z.ZodObject<{
         youtubeId?: string | undefined;
     }[] | undefined;
     category?: string | undefined;
-    images?: string[] | undefined;
+    brand?: string | undefined;
+    condition?: "new" | "used" | "refurbished" | "broken" | "like_new" | "good" | "fair" | "poor" | undefined;
+    tags?: string[] | undefined;
+    featured?: boolean | undefined;
+    listingType?: "auction" | "standard" | "pre-order" | "prize-draw" | "bundle" | undefined;
+    inStock?: boolean | undefined;
     rating?: number | undefined;
+    preOrderProductionStatus?: "upcoming" | "in_production" | "ready_to_ship" | undefined;
+    prizeRevealStatus?: "pending" | "closed" | "open" | undefined;
+    categorySlug?: string | undefined;
+    images?: string[] | undefined;
     description?: string | undefined;
-    listingType?: "auction" | "standard" | "pre-order" | "prize-draw" | "bundle" | undefined;
-    featured?: boolean | undefined;
     isPromoted?: boolean | undefined;
     slug?: string | undefined;
     subcategory?: string | undefined;
-    brand?: string | undefined;
     stockQuantity?: number | undefined;
     availableQuantity?: number | undefined;
     mainImage?: string | undefined;
-    tags?: string[] | undefined;
     specifications?: {
         value: string;
         name: string;
@@ -326,7 +331,6 @@ export declare const productItemSchema: z.ZodObject<{
     features?: string[] | undefined;
     shippingInfo?: string | undefined;
     returnPolicy?: string | undefined;
-    condition?: "new" | "used" | "refurbished" | "broken" | "like_new" | "good" | "fair" | "poor" | undefined;
     insurance?: boolean | undefined;
     insuranceCost?: number | undefined;
     shippingPaidBy?: "seller" | "buyer" | undefined;
@@ -345,7 +349,6 @@ export declare const productItemSchema: z.ZodObject<{
     preOrderDepositAmount?: number | undefined;
     preOrderMaxQuantity?: number | undefined;
     preOrderCurrentCount?: number | undefined;
-    preOrderProductionStatus?: "upcoming" | "in_production" | "ready_to_ship" | undefined;
     preOrderCancellable?: boolean | undefined;
     pickupAddressId?: string | undefined;
     viewCount?: number | undefined;
@@ -381,8 +384,8 @@ export declare const productItemSchema: z.ZodObject<{
     partOfBundleTitles?: string[] | undefined;
     prizeDrawItems?: {
         title: string;
-        images: string[];
         condition: string;
+        images: string[];
         itemNumber: number;
         isWon: boolean;
         video?: {
@@ -397,13 +400,10 @@ export declare const productItemSchema: z.ZodObject<{
     prizeCurrentEntries?: number | undefined;
     prizeRevealWindowStart?: string | Date | undefined;
     prizeRevealWindowEnd?: string | Date | undefined;
-    prizeRevealStatus?: "pending" | "closed" | "open" | undefined;
     prizeRevealDeadlineDays?: number | undefined;
     prizeGithubFileUrl?: string | undefined;
     originalPrice?: number | undefined;
-    categorySlug?: string | undefined;
     sellerAvatar?: string | undefined;
-    inStock?: boolean | undefined;
     stockCount?: number | undefined;
     attributes?: Record<string, string> | undefined;
     seo?: {
@@ -434,19 +434,24 @@ export declare const productItemSchema: z.ZodObject<{
         youtubeId?: string | undefined;
     }[] | undefined;
     category?: string | undefined;
-    images?: string[] | undefined;
+    brand?: string | undefined;
+    condition?: "new" | "used" | "refurbished" | "broken" | "like_new" | "good" | "fair" | "poor" | undefined;
+    tags?: string[] | undefined;
+    featured?: boolean | undefined;
+    listingType?: "auction" | "standard" | "pre-order" | "prize-draw" | "bundle" | undefined;
+    inStock?: boolean | undefined;
     rating?: number | undefined;
+    preOrderProductionStatus?: "upcoming" | "in_production" | "ready_to_ship" | undefined;
+    prizeRevealStatus?: "pending" | "closed" | "open" | undefined;
+    categorySlug?: string | undefined;
+    images?: string[] | undefined;
     description?: string | undefined;
-    listingType?: "auction" | "standard" | "pre-order" | "prize-draw" | "bundle" | undefined;
-    featured?: boolean | undefined;
     isPromoted?: boolean | undefined;
     slug?: string | undefined;
     subcategory?: string | undefined;
-    brand?: string | undefined;
     stockQuantity?: number | undefined;
     availableQuantity?: number | undefined;
     mainImage?: string | undefined;
-    tags?: string[] | undefined;
     specifications?: {
         value: string;
         name: string;
@@ -455,7 +460,6 @@ export declare const productItemSchema: z.ZodObject<{
     features?: string[] | undefined;
     shippingInfo?: string | undefined;
     returnPolicy?: string | undefined;
-    condition?: "new" | "used" | "refurbished" | "broken" | "like_new" | "good" | "fair" | "poor" | undefined;
     insurance?: boolean | undefined;
     insuranceCost?: number | undefined;
     shippingPaidBy?: "seller" | "buyer" | undefined;
@@ -474,7 +478,6 @@ export declare const productItemSchema: z.ZodObject<{
     preOrderDepositAmount?: number | undefined;
     preOrderMaxQuantity?: number | undefined;
     preOrderCurrentCount?: number | undefined;
-    preOrderProductionStatus?: "upcoming" | "in_production" | "ready_to_ship" | undefined;
     preOrderCancellable?: boolean | undefined;
     pickupAddressId?: string | undefined;
     viewCount?: number | undefined;
@@ -510,8 +513,8 @@ export declare const productItemSchema: z.ZodObject<{
     partOfBundleTitles?: string[] | undefined;
     prizeDrawItems?: {
         title: string;
-        images: string[];
         condition: string;
+        images: string[];
         itemNumber: number;
         isWon: boolean;
         video?: {
@@ -526,13 +529,10 @@ export declare const productItemSchema: z.ZodObject<{
     prizeCurrentEntries?: number | undefined;
     prizeRevealWindowStart?: string | Date | undefined;
     prizeRevealWindowEnd?: string | Date | undefined;
-    prizeRevealStatus?: "pending" | "closed" | "open" | undefined;
     prizeRevealDeadlineDays?: number | undefined;
     prizeGithubFileUrl?: string | undefined;
     originalPrice?: number | undefined;
-    categorySlug?: string | undefined;
     sellerAvatar?: string | undefined;
-    inStock?: boolean | undefined;
     stockCount?: number | undefined;
     attributes?: Record<string, string> | undefined;
     seo?: {
@@ -567,9 +567,9 @@ export declare const productListParamsSchema: z.ZodObject<{
     category?: string | undefined;
     minPrice?: number | undefined;
     maxPrice?: number | undefined;
-    listingType?: "auction" | "standard" | "pre-order" | "prize-draw" | "bundle" | undefined;
-    featured?: boolean | undefined;
     condition?: "new" | "used" | "refurbished" | "broken" | "like_new" | "good" | "fair" | "poor" | undefined;
+    featured?: boolean | undefined;
+    listingType?: "auction" | "standard" | "pre-order" | "prize-draw" | "bundle" | undefined;
     inStock?: boolean | undefined;
 }, {
     sort?: string | undefined;
@@ -581,8 +581,8 @@ export declare const productListParamsSchema: z.ZodObject<{
     category?: string | undefined;
     minPrice?: number | undefined;
     maxPrice?: number | undefined;
-    listingType?: "auction" | "standard" | "pre-order" | "prize-draw" | "bundle" | undefined;
-    featured?: boolean | undefined;
     condition?: "new" | "used" | "refurbished" | "broken" | "like_new" | "good" | "fair" | "poor" | undefined;
+    featured?: boolean | undefined;
+    listingType?: "auction" | "standard" | "pre-order" | "prize-draw" | "bundle" | undefined;
     inStock?: boolean | undefined;
 }>;

package/dist/features/products/schemas/product-features.validators.d.ts

@@ -26,9 +26,9 @@ export declare const productFeatureAdminCreateSchema: z.ZodObject<{
     scope: "store" | "platform";
     icon: string;
     isActive: boolean;
-    category: "seller" | "auction" | "preorder" | "shipping" | "custom" | "condition" | "platform";
-    productTypes: ("all" | "product" | "auction" | "preorder")[];
+    category: "seller" | "auction" | "preorder" | "condition" | "shipping" | "custom" | "platform";
     displayOrder: number;
+    productTypes: ("all" | "product" | "auction" | "preorder")[];
     storeId?: string | undefined;
     description?: string | undefined;
     iconColor?: string | undefined;
@@ -37,9 +37,9 @@ export declare const productFeatureAdminCreateSchema: z.ZodObject<{
     scope: "store" | "platform";
     icon: string;
     isActive: boolean;
-    category: "seller" | "auction" | "preorder" | "shipping" | "custom" | "condition" | "platform";
-    productTypes: ("all" | "product" | "auction" | "preorder")[];
+    category: "seller" | "auction" | "preorder" | "condition" | "shipping" | "custom" | "platform";
     displayOrder: number;
+    productTypes: ("all" | "product" | "auction" | "preorder")[];
     storeId?: string | undefined;
     description?: string | undefined;
     iconColor?: string | undefined;
@@ -58,18 +58,18 @@ export declare const productFeatureStoreCreateSchema: z.ZodObject<{
     label: string;
     icon: string;
     isActive: boolean;
-    category: "seller" | "auction" | "preorder" | "shipping" | "custom" | "condition" | "platform";
-    productTypes: ("all" | "product" | "auction" | "preorder")[];
+    category: "seller" | "auction" | "preorder" | "condition" | "shipping" | "custom" | "platform";
     displayOrder: number;
+    productTypes: ("all" | "product" | "auction" | "preorder")[];
     description?: string | undefined;
     iconColor?: string | undefined;
 }, {
     label: string;
     icon: string;
     isActive: boolean;
-    category: "seller" | "auction" | "preorder" | "shipping" | "custom" | "condition" | "platform";
-    productTypes: ("all" | "product" | "auction" | "preorder")[];
+    category: "seller" | "auction" | "preorder" | "condition" | "shipping" | "custom" | "platform";
     displayOrder: number;
+    productTypes: ("all" | "product" | "auction" | "preorder")[];
     description?: string | undefined;
     iconColor?: string | undefined;
 }>;
@@ -87,20 +87,20 @@ export declare const productFeatureUpdateSchema: z.ZodObject<{
     label?: string | undefined;
     icon?: string | undefined;
     isActive?: boolean | undefined;
-    category?: "seller" | "auction" | "preorder" | "shipping" | "custom" | "condition" | "platform" | undefined;
+    category?: "seller" | "auction" | "preorder" | "condition" | "shipping" | "custom" | "platform" | undefined;
     description?: string | undefined;
     iconColor?: string | undefined;
-    productTypes?: ("all" | "product" | "auction" | "preorder")[] | undefined;
     displayOrder?: number | undefined;
+    productTypes?: ("all" | "product" | "auction" | "preorder")[] | undefined;
 }, {
     label?: string | undefined;
     icon?: string | undefined;
     isActive?: boolean | undefined;
-    category?: "seller" | "auction" | "preorder" | "shipping" | "custom" | "condition" | "platform" | undefined;
+    category?: "seller" | "auction" | "preorder" | "condition" | "shipping" | "custom" | "platform" | undefined;
     description?: string | undefined;
     iconColor?: string | undefined;
-    productTypes?: ("all" | "product" | "auction" | "preorder")[] | undefined;
     displayOrder?: number | undefined;
+    productTypes?: ("all" | "product" | "auction" | "preorder")[] | undefined;
 }>;
 export type ProductFeatureAdminCreatePayload = z.infer<typeof productFeatureAdminCreateSchema>;
 export type ProductFeatureStoreCreatePayload = z.infer<typeof productFeatureStoreCreateSchema>;