@mohasinac/appkit 2.7.27 → 2.7.31

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

@@ -1,11 +1,12 @@
 "use client";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useState, useCallback, useMemo } from "react";
-import { X, ShoppingCart, Heart, SlidersHorizontal, Columns } from "lucide-react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useCallback } from "react";
+import { ShoppingCart, Heart, Columns } from "lucide-react";
 import { useRouter } from "next/navigation";
 import { useUrlTable } from "../../../react/hooks/useUrlTable";
 import { useProducts } from "../hooks/useProducts";
-import { Pagination, useToast, BulkActionBar, ListingToolbar, LoginRequiredModal } from "../../../ui";
+import { Pagination, useToast, BulkActionBar, ListingToolbar, LoginRequiredModal, FilterDrawer } from "../../../ui";
+import { usePendingTable } from "../../../react/hooks/usePendingTable";
 import { useAuthGate } from "../../../react/hooks/useAuthGate";
 import { ACTION_ID, ACTION_META, COMPARE_MAX_ITEMS } from "../constants/action-defs";
 import { CompareOverlay } from "./CompareOverlay";
@@ -31,61 +32,24 @@ export function ProductsIndexListing({ initialData }) {
     const [compareIds, setCompareIds] = useState([]);
     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(() => ({
-        get: (key) => pendingFilters[key] ?? "",
-        getNumber: (key, fallback = 0) => {
-            const v = pendingFilters[key];
-            if (!v)
-                return fallback;
-            const n = Number(v);
-            return isNaN(n) ? fallback : n;
-        },
-        set: (key, value) => setPendingFilters((p) => ({ ...p, [key]: value })),
-        setMany: (updates) => setPendingFilters((p) => ({ ...p, ...updates })),
-        clear: (keys) => {
-            const ks = keys ?? FILTER_KEYS;
-            setPendingFilters((p) => ({
-                ...p,
-                ...Object.fromEntries(ks.map((k) => [k, ""])),
-            }));
-        },
-        setPage: (_) => { },
-        setPageSize: (_) => { },
-        setSort: (_) => { },
-        buildSieveParams: () => "",
-        buildSearchParams: () => "",
-        params: new URLSearchParams(),
-    }), [pendingFilters]);
+    const { pendingTable, filterActiveCount, onFilterApply, onFilterClear, onFilterReset } = usePendingTable(table, FILTER_KEYS);
     const openFilters = useCallback(() => {
-        // Sync pending state from current URL when drawer opens
-        setPendingFilters(Object.fromEntries(FILTER_KEYS.map((k) => [k, table.get(k)])));
+        onFilterReset();
         setFilterOpen(true);
-    }, [table]);
+    }, [onFilterReset]);
     const applyFilters = useCallback(() => {
-        const updates = { page: "1" };
-        for (const k of FILTER_KEYS)
-            updates[k] = pendingFilters[k] ?? "";
-        table.setMany(updates);
+        onFilterApply();
         setFilterOpen(false);
-    }, [pendingFilters, table]);
-    const clearFilters = useCallback(() => {
-        setPendingFilters(Object.fromEntries(FILTER_KEYS.map((k) => [k, ""])));
-    }, []);
+    }, [onFilterApply]);
     const resetAll = useCallback(() => {
-        const updates = { [TABLE_KEYS.QUERY]: "", [TABLE_KEYS.SORT]: "", [TABLE_KEYS.SHOW_SOLD]: "" };
-        for (const k of FILTER_KEYS)
-            updates[k] = "";
-        table.setMany(updates);
+        table.setMany({ [TABLE_KEYS.QUERY]: "", [TABLE_KEYS.SORT]: "", [TABLE_KEYS.SHOW_SOLD]: "" });
+        onFilterClear();
         setSearchInput("");
-    }, [table]);
-    const activeFilterCount = FILTER_KEYS.filter((k) => !!table.get(k)).length;
-    const pendingFilterCount = FILTER_KEYS.filter((k) => !!pendingFilters[k]).length;
+    }, [table, onFilterClear]);
     const hasActiveState = !!table.get(TABLE_KEYS.QUERY) ||
         table.get(TABLE_KEYS.SHOW_SOLD) === "true" ||
         table.get(TABLE_KEYS.SORT) !== DEFAULT_SORT ||
-        activeFilterCount > 0;
+        filterActiveCount > 0;
     const localCart = useGuestCart();
     const localWishlist = useGuestWishlist();
     const wishlistedIds = new Set(localWishlist.items.filter((i) => i.type === "product").map((i) => i.itemId));
@@ -158,7 +122,7 @@ export function ProductsIndexListing({ initialData }) {
             router.push(String(ROUTES.USER.CART));
         });
     }, [localCart, router, requireAuth]);
-    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: [
+    return (_jsxs("div", { className: "min-h-screen", children: [_jsx(ListingToolbar, { filterCount: filterActiveCount, 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,
@@ -205,5 +169,5 @@ export function ProductsIndexListing({ initialData }) {
                 ] }), 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: [pendingFilterCount > 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", pendingFilterCount > 0 ? ` (${pendingFilterCount})` : ""] }) })] })] })), _jsx(LoginRequiredModal, { isOpen: modalOpen, onClose: closeModal, message: modalMessage })] }));
+                }, onRemove: (id) => setCompareIds((ids) => ids.filter((i) => i !== id)) }), _jsx(FilterDrawer, { open: filterOpen, onOpen: openFilters, onClose: () => setFilterOpen(false), onApply: applyFilters, onReset: onFilterClear, activeCount: filterActiveCount, hideTrigger: true, children: _jsx(ProductFilters, { table: pendingTable, currencyPrefix: "\u20B9", categoryOptions: categoryOptions }) }), _jsx(LoginRequiredModal, { isOpen: modalOpen, onClose: closeModal, message: modalMessage })] }));
 }

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

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { productRepository } from "../../../repositories";
 import { ROUTES } from "../../../constants";
-import { Container, Heading, Main, Section } from "../../../ui";
+import { Container, Heading, Main, Section, Text } from "../../../ui";
 import { AdSlot } from "../../homepage/components/AdSlot";
 import { parseListingSearchParams } from "../../../utils/listing-params";
 import { ProductsIndexListing } from "./ProductsIndexListing";
@@ -59,5 +59,5 @@ export async function ProductsIndexPageView({ searchParams = {} }) {
     })
         .catch(() => null);
     const products = result ?? null;
-    return (_jsxs(Main, { children: [_jsx(Section, { className: "pt-8 pb-4 border-b border-zinc-100 dark:border-slate-800", children: _jsxs(Container, { size: "xl", children: [_jsx(Heading, { level: 1, className: "text-3xl font-bold text-zinc-900 dark:text-zinc-100", children: "Products" }), _jsx("p", { className: "mt-1 text-sm text-zinc-500 dark:text-zinc-400", children: "Discover amazing products and deals" }), _jsx("div", { className: "mt-3", children: _jsx("a", { href: ROUTES.PUBLIC.AUCTIONS, className: "inline-flex items-center gap-1.5 rounded-full border border-primary/30 bg-primary/10 px-4 py-1.5 text-xs font-medium text-primary-700 dark:text-primary-400 hover:bg-primary/15 transition-colors", children: "\uD83C\uDFF7\uFE0F Looking for unique deals? Browse Auctions \u2192" }) })] }) }), _jsxs(Container, { size: "xl", className: "px-4", children: [_jsx(AdSlot, { id: "listing-sidebar-top", className: "mb-4 mt-4" }), _jsx(ProductsIndexListing, { initialData: products }), _jsx(AdSlot, { id: "listing-sidebar-bottom", className: "mt-8" })] })] }));
+    return (_jsxs(Main, { children: [_jsx(Section, { className: "pt-8 pb-4 border-b border-zinc-100 dark:border-slate-800", children: _jsxs(Container, { size: "xl", children: [_jsx(Heading, { level: 1, className: "text-3xl font-bold text-zinc-900 dark:text-zinc-100", children: "Products" }), _jsx(Text, { className: "mt-1 text-sm text-zinc-500 dark:text-zinc-400", children: "Discover amazing products and deals" }), _jsx("div", { className: "mt-3", children: _jsx("a", { href: ROUTES.PUBLIC.AUCTIONS, className: "inline-flex items-center gap-1.5 rounded-full border border-primary/30 bg-primary/10 px-4 py-1.5 text-xs font-medium text-primary-700 dark:text-primary-400 hover:bg-primary/15 transition-colors", children: "\uD83C\uDFF7\uFE0F Looking for unique deals? Browse Auctions \u2192" }) })] }) }), _jsxs(Container, { size: "xl", className: "px-4", children: [_jsx(AdSlot, { id: "listing-sidebar-top", className: "mb-4 mt-4" }), _jsx(ProductsIndexListing, { initialData: products }), _jsx(AdSlot, { id: "listing-sidebar-bottom", className: "mt-8" })] })] }));
 }

package/dist/features/products/repository/products.repository.d.ts

@@ -62,6 +62,10 @@ export declare class ProductRepository extends BaseRepository<ProductDocument> {
             canFilter: boolean;
             canSort: boolean;
         };
+        categorySlugs: {
+            canFilter: boolean;
+            canSort: boolean;
+        };
         subcategory: {
             canFilter: boolean;
             canSort: boolean;

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

@@ -71,7 +71,12 @@ export class ProductRepository extends BaseRepository {
         return product;
     }
     mapDoc(snap) {
-        return super.mapDoc(snap);
+        const doc = super.mapDoc(snap);
+        // Backward compat: normalise legacy `category` string into `categorySlugs[]`.
+        if (!doc.categorySlugs || doc.categorySlugs.length === 0) {
+            doc.categorySlugs = doc.category ? [doc.category] : [];
+        }
+        return doc;
     }
     async update(id, data) {
         this.cacheInvalidateForId(id);
@@ -116,7 +121,10 @@ export class ProductRepository extends BaseRepository {
         return this.findBy(PRODUCT_FIELDS.FEATURED, true);
     }
     async findByCategory(category) {
-        return this.findBy(PRODUCT_FIELDS.CATEGORY, category);
+        const snap = await this.getCollection()
+            .where(PRODUCT_FIELDS.CATEGORY_SLUGS, "array-contains", category)
+            .get();
+        return snap.docs.map((d) => this.mapDoc(d));
     }
     async findBySlug(slug) {
         const key = this.cacheKeyBySlug(slug);
@@ -313,7 +321,7 @@ export class ProductRepository extends BaseRepository {
             baseQuery = baseQuery.where(PRODUCT_FIELDS.STORE_ID, "==", opts.storeId);
         }
         if (opts?.categoriesIn && opts.categoriesIn.length > 0) {
-            baseQuery = baseQuery.where(PRODUCT_FIELDS.CATEGORY, "in", opts.categoriesIn);
+            baseQuery = baseQuery.where(PRODUCT_FIELDS.CATEGORY_SLUGS, "array-contains-any", opts.categoriesIn);
         }
         return this.sieveQuery(model, ProductRepository.SIEVE_FIELDS, {
             baseQuery,
@@ -410,6 +418,7 @@ ProductRepository.SIEVE_FIELDS = {
     title: { canFilter: true, canSort: true },
     slug: { canFilter: true, canSort: false },
     category: { canFilter: true, canSort: true },
+    categorySlugs: { canFilter: true, canSort: false },
     subcategory: { canFilter: true, canSort: true },
     brand: { canFilter: true, canSort: true },
     condition: { canFilter: true, canSort: false },
@@ -504,6 +513,16 @@ ProductRepository.FILTER_ALIASES = {
                 return "";
         }
     },
+    /**
+     * Backward-compat: `category==slug` → `categorySlugs @= slug`
+     * Allows existing consumers using the old single-value filter to keep
+     * working after the category → categorySlugs[] migration (Track C).
+     */
+    category: (value, operator) => {
+        if (operator !== "==")
+            return "";
+        return `${PRODUCT_FIELDS.CATEGORY_SLUGS}@=${value}`;
+    },
     /** Shorthand for the homepage promoted strip. `promoted==true` only. */
     promoted: (value, operator) => {
         if (operator !== "==" || value !== "true")

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

@@ -111,7 +111,13 @@ export interface ProductDocument {
     seoTitle?: string;
     seoDescription?: string;
     seoKeywords?: string[];
-    category: string;
+    /** Primary category FK slugs (1-to-many). Use categorySlugs[0] for display. */
+    categorySlugs: string[];
+    /** Display-name cache parallel to categorySlugs[]. */
+    categoryNames?: string[];
+    /** @deprecated Read-only alias — normalised from legacy docs on load. */
+    category?: string;
+    /** @deprecated Read-only alias. */
     categoryName?: string;
     subcategory?: string;
     brand?: string;

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

@@ -8,13 +8,13 @@ export declare const productImageSchema: z.ZodObject<{
 }, "strip", z.ZodTypeAny, {
     url: string;
     alt?: string | undefined;
-    order?: number | undefined;
     thumbnailUrl?: string | undefined;
+    order?: number | undefined;
 }, {
     url: string;
     alt?: string | undefined;
-    order?: number | undefined;
     thumbnailUrl?: string | undefined;
+    order?: number | undefined;
 }>;
 export declare const productSeoSchema: z.ZodObject<{
     title: z.ZodOptional<z.ZodString>;
@@ -62,14 +62,14 @@ export declare const productItemSchema: z.ZodObject<{
     }, "strip", z.ZodTypeAny, {
         type: "video" | "image" | "file";
         url: string;
-        source?: "external" | "upload" | "youtube" | undefined;
+        source?: "upload" | "youtube" | "external" | undefined;
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
         youtubeId?: string | undefined;
     }, {
         type: "video" | "image" | "file";
         url: string;
-        source?: "external" | "upload" | "youtube" | undefined;
+        source?: "upload" | "youtube" | "external" | undefined;
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
         youtubeId?: string | undefined;
@@ -117,8 +117,8 @@ export declare const productItemSchema: z.ZodObject<{
         isWon: z.ZodBoolean;
     }, "strip", z.ZodTypeAny, {
         title: string;
-        condition: string;
         images: string[];
+        condition: string;
         itemNumber: number;
         isWon: boolean;
         video?: {
@@ -129,8 +129,8 @@ export declare const productItemSchema: z.ZodObject<{
         estimatedValue?: number | undefined;
     }, {
         title: string;
-        condition: string;
         images: string[];
+        condition: string;
         itemNumber: number;
         isWon: boolean;
         video?: {
@@ -296,41 +296,28 @@ export declare const productItemSchema: z.ZodObject<{
         url: string;
         thumbnailUrl?: string | undefined;
     } | undefined;
-    media?: {
-        type: "video" | "image" | "file";
-        url: string;
-        source?: "external" | "upload" | "youtube" | undefined;
-        alt?: string | undefined;
-        thumbnailUrl?: string | undefined;
-        youtubeId?: string | undefined;
-    }[] | undefined;
     category?: 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;
-    features?: string[] | undefined;
-    images?: string[] | undefined;
-    description?: string | undefined;
+    listingType?: "standard" | "auction" | "pre-order" | "prize-draw" | "bundle" | undefined;
     isPromoted?: boolean | undefined;
+    description?: string | undefined;
     slug?: string | undefined;
     subcategory?: string | undefined;
+    brand?: string | undefined;
     stockQuantity?: number | undefined;
     availableQuantity?: number | undefined;
     mainImage?: string | undefined;
+    images?: string[] | undefined;
+    tags?: string[] | undefined;
     specifications?: {
         value: string;
         name: string;
         unit?: string | undefined;
     }[] | undefined;
+    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;
@@ -349,6 +336,7 @@ 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;
@@ -384,8 +372,8 @@ export declare const productItemSchema: z.ZodObject<{
     partOfBundleTitles?: string[] | undefined;
     prizeDrawItems?: {
         title: string;
-        condition: string;
         images: string[];
+        condition: string;
         itemNumber: number;
         isWon: boolean;
         video?: {
@@ -400,8 +388,20 @@ 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;
+    media?: {
+        type: "video" | "image" | "file";
+        url: string;
+        source?: "upload" | "youtube" | "external" | undefined;
+        alt?: string | undefined;
+        thumbnailUrl?: string | undefined;
+        youtubeId?: string | undefined;
+    }[] | undefined;
+    inStock?: boolean | undefined;
+    rating?: number | undefined;
+    categorySlug?: string | undefined;
     originalPrice?: number | undefined;
     sellerAvatar?: string | undefined;
     stockCount?: number | undefined;
@@ -425,41 +425,28 @@ export declare const productItemSchema: z.ZodObject<{
         url: string;
         thumbnailUrl?: string | undefined;
     } | undefined;
-    media?: {
-        type: "video" | "image" | "file";
-        url: string;
-        source?: "external" | "upload" | "youtube" | undefined;
-        alt?: string | undefined;
-        thumbnailUrl?: string | undefined;
-        youtubeId?: string | undefined;
-    }[] | undefined;
     category?: 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;
-    features?: string[] | undefined;
-    images?: string[] | undefined;
-    description?: string | undefined;
+    listingType?: "standard" | "auction" | "pre-order" | "prize-draw" | "bundle" | undefined;
     isPromoted?: boolean | undefined;
+    description?: string | undefined;
     slug?: string | undefined;
     subcategory?: string | undefined;
+    brand?: string | undefined;
     stockQuantity?: number | undefined;
     availableQuantity?: number | undefined;
     mainImage?: string | undefined;
+    images?: string[] | undefined;
+    tags?: string[] | undefined;
     specifications?: {
         value: string;
         name: string;
         unit?: string | undefined;
     }[] | undefined;
+    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;
@@ -478,6 +465,7 @@ 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;
@@ -513,8 +501,8 @@ export declare const productItemSchema: z.ZodObject<{
     partOfBundleTitles?: string[] | undefined;
     prizeDrawItems?: {
         title: string;
-        condition: string;
         images: string[];
+        condition: string;
         itemNumber: number;
         isWon: boolean;
         video?: {
@@ -529,8 +517,20 @@ 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;
+    media?: {
+        type: "video" | "image" | "file";
+        url: string;
+        source?: "upload" | "youtube" | "external" | undefined;
+        alt?: string | undefined;
+        thumbnailUrl?: string | undefined;
+        youtubeId?: string | undefined;
+    }[] | undefined;
+    inStock?: boolean | undefined;
+    rating?: number | undefined;
+    categorySlug?: string | undefined;
     originalPrice?: number | undefined;
     sellerAvatar?: string | undefined;
     stockCount?: number | undefined;
@@ -563,13 +563,13 @@ export declare const productListParamsSchema: z.ZodObject<{
     storeId?: string | undefined;
     status?: "draft" | "published" | "archived" | "sold" | "out_of_stock" | "discontinued" | undefined;
     q?: string | undefined;
-    page?: number | undefined;
     category?: string | undefined;
+    featured?: boolean | undefined;
+    listingType?: "standard" | "auction" | "pre-order" | "prize-draw" | "bundle" | undefined;
+    condition?: "new" | "used" | "refurbished" | "broken" | "like_new" | "good" | "fair" | "poor" | undefined;
+    page?: number | undefined;
     minPrice?: number | undefined;
     maxPrice?: number | 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;
@@ -577,12 +577,12 @@ export declare const productListParamsSchema: z.ZodObject<{
     storeId?: string | undefined;
     status?: "draft" | "published" | "archived" | "sold" | "out_of_stock" | "discontinued" | undefined;
     q?: string | undefined;
-    page?: number | undefined;
     category?: string | undefined;
+    featured?: boolean | undefined;
+    listingType?: "standard" | "auction" | "pre-order" | "prize-draw" | "bundle" | undefined;
+    condition?: "new" | "used" | "refurbished" | "broken" | "like_new" | "good" | "fair" | "poor" | undefined;
+    page?: number | undefined;
     minPrice?: number | undefined;
     maxPrice?: number | 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

@@ -24,22 +24,22 @@ export declare const productFeatureAdminCreateSchema: z.ZodObject<{
 }, "strip", z.ZodTypeAny, {
     label: string;
     scope: "store" | "platform";
+    category: "seller" | "custom" | "auction" | "condition" | "shipping" | "preorder" | "platform";
     icon: string;
     isActive: boolean;
-    category: "seller" | "auction" | "preorder" | "condition" | "shipping" | "custom" | "platform";
     displayOrder: number;
-    productTypes: ("all" | "product" | "auction" | "preorder" | "prize-draw" | "classified" | "digital-code" | "live")[];
+    productTypes: ("auction" | "prize-draw" | "classified" | "digital-code" | "live" | "all" | "product" | "preorder")[];
     storeId?: string | undefined;
     description?: string | undefined;
     iconColor?: string | undefined;
 }, {
     label: string;
     scope: "store" | "platform";
+    category: "seller" | "custom" | "auction" | "condition" | "shipping" | "preorder" | "platform";
     icon: string;
     isActive: boolean;
-    category: "seller" | "auction" | "preorder" | "condition" | "shipping" | "custom" | "platform";
     displayOrder: number;
-    productTypes: ("all" | "product" | "auction" | "preorder" | "prize-draw" | "classified" | "digital-code" | "live")[];
+    productTypes: ("auction" | "prize-draw" | "classified" | "digital-code" | "live" | "all" | "product" | "preorder")[];
     storeId?: string | undefined;
     description?: string | undefined;
     iconColor?: string | undefined;
@@ -56,20 +56,20 @@ export declare const productFeatureStoreCreateSchema: z.ZodObject<{
     displayOrder: z.ZodNumber;
 }, "strip", z.ZodTypeAny, {
     label: string;
+    category: "seller" | "custom" | "auction" | "condition" | "shipping" | "preorder" | "platform";
     icon: string;
     isActive: boolean;
-    category: "seller" | "auction" | "preorder" | "condition" | "shipping" | "custom" | "platform";
     displayOrder: number;
-    productTypes: ("all" | "product" | "auction" | "preorder" | "prize-draw" | "classified" | "digital-code" | "live")[];
+    productTypes: ("auction" | "prize-draw" | "classified" | "digital-code" | "live" | "all" | "product" | "preorder")[];
     description?: string | undefined;
     iconColor?: string | undefined;
 }, {
     label: string;
+    category: "seller" | "custom" | "auction" | "condition" | "shipping" | "preorder" | "platform";
     icon: string;
     isActive: boolean;
-    category: "seller" | "auction" | "preorder" | "condition" | "shipping" | "custom" | "platform";
     displayOrder: number;
-    productTypes: ("all" | "product" | "auction" | "preorder" | "prize-draw" | "classified" | "digital-code" | "live")[];
+    productTypes: ("auction" | "prize-draw" | "classified" | "digital-code" | "live" | "all" | "product" | "preorder")[];
     description?: string | undefined;
     iconColor?: string | undefined;
 }>;
@@ -85,22 +85,22 @@ export declare const productFeatureUpdateSchema: z.ZodObject<{
     displayOrder: z.ZodOptional<z.ZodNumber>;
 }, "strip", z.ZodTypeAny, {
     label?: string | undefined;
+    category?: "seller" | "custom" | "auction" | "condition" | "shipping" | "preorder" | "platform" | undefined;
+    description?: string | undefined;
     icon?: string | undefined;
     isActive?: boolean | undefined;
-    category?: "seller" | "auction" | "preorder" | "condition" | "shipping" | "custom" | "platform" | undefined;
-    description?: string | undefined;
     iconColor?: string | undefined;
     displayOrder?: number | undefined;
-    productTypes?: ("all" | "product" | "auction" | "preorder" | "prize-draw" | "classified" | "digital-code" | "live")[] | undefined;
+    productTypes?: ("auction" | "prize-draw" | "classified" | "digital-code" | "live" | "all" | "product" | "preorder")[] | undefined;
 }, {
     label?: string | undefined;
+    category?: "seller" | "custom" | "auction" | "condition" | "shipping" | "preorder" | "platform" | undefined;
+    description?: string | undefined;
     icon?: string | undefined;
     isActive?: boolean | undefined;
-    category?: "seller" | "auction" | "preorder" | "condition" | "shipping" | "custom" | "platform" | undefined;
-    description?: string | undefined;
     iconColor?: string | undefined;
     displayOrder?: number | undefined;
-    productTypes?: ("all" | "product" | "auction" | "preorder" | "prize-draw" | "classified" | "digital-code" | "live")[] | undefined;
+    productTypes?: ("auction" | "prize-draw" | "classified" | "digital-code" | "live" | "all" | "product" | "preorder")[] | undefined;
 }>;
 export type ProductFeatureAdminCreatePayload = z.infer<typeof productFeatureAdminCreateSchema>;
 export type ProductFeatureStoreCreatePayload = z.infer<typeof productFeatureStoreCreateSchema>;

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

@@ -41,8 +41,12 @@ export interface ProductItem {
     isPromoted?: boolean;
     currentBid?: number;
     availableQuantity?: number;
+    /** @deprecated Use categorySlugs[0] */
     category?: string;
+    /** @deprecated Use categoryNames[0] */
     categoryName?: string;
+    categorySlugs?: string[];
+    categoryNames?: string[];
     categorySlug?: string;
     sellerAvatar?: string;
     status: ProductStatus;

package/dist/features/promotions/components/CouponsIndexListing.js

@@ -97,5 +97,5 @@ export function CouponsIndexListing({ initialCoupons, storeSlug, storeId, }) {
                                 minOrder: "Min. order",
                                 off: "OFF",
                                 freeShipping: "Free Shipping",
-                            } }, coupon.id))) })), totalPages > 1 && (_jsx("div", { className: "mt-8 flex justify-center", children: _jsx(Pagination, { currentPage: table.getNumber("page", 1), totalPages: totalPages, onPageChange: (p) => table.setPage(p) }) })), !isLoading && total > 0 && (_jsx(Div, { className: "mt-4 text-center", children: _jsxs(Text, { className: "text-xs text-zinc-400 dark:text-zinc-500", children: [total, " coupon", total !== 1 ? "s" : "", " available"] }) }))] }), 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"] }), _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" }) })] }), _jsxs("div", { className: "flex-1 overflow-y-auto px-4 py-4 space-y-6", children: [_jsxs("div", { children: [_jsx(Heading, { level: 6, className: "text-xs font-semibold uppercase tracking-wider text-zinc-500 dark:text-zinc-400 mb-3", children: "Discount Type" }), _jsxs("div", { className: "space-y-2", children: [COUPON_TYPES.map((t) => (_jsxs("label", { className: "flex items-center gap-2 cursor-pointer text-sm text-zinc-700 dark:text-zinc-300", children: [_jsx("input", { type: "radio", name: "coupon-type", value: t.value, checked: pendingTable.get(TABLE_KEYS.TYPE) === t.value, onChange: () => { pendingTable.set(TABLE_KEYS.TYPE, t.value); }, className: "accent-primary" }), t.label] }, t.value))), pendingTable.get(TABLE_KEYS.TYPE) && (_jsx("button", { type: "button", onClick: () => { pendingTable.set(TABLE_KEYS.TYPE, ""); }, className: "text-xs text-zinc-400 hover:text-zinc-600 dark:hover:text-zinc-300 underline", children: "Clear type" }))] })] }), _jsxs("div", { children: [_jsx(Heading, { level: 6, className: "text-xs font-semibold uppercase tracking-wider text-zinc-500 dark:text-zinc-400 mb-3", children: "Valid Date Range" }), _jsxs("div", { className: "space-y-3", children: [_jsxs("div", { children: [_jsx("label", { className: "block text-xs text-zinc-500 dark:text-zinc-400 mb-1", children: "From date" }), _jsx("input", { type: "date", value: pendingTable.get(TABLE_KEYS.DATE_FROM) || "", onChange: (e) => { pendingTable.set(TABLE_KEYS.DATE_FROM, e.target.value); }, className: "w-full rounded-lg border border-zinc-300 dark:border-slate-600 bg-white dark:bg-slate-800 px-3 py-2 text-sm text-zinc-900 dark:text-zinc-100 outline-none focus:ring-2 focus:ring-primary" })] }), _jsxs("div", { children: [_jsx("label", { className: "block text-xs text-zinc-500 dark:text-zinc-400 mb-1", children: "To date" }), _jsx("input", { type: "date", value: pendingTable.get(TABLE_KEYS.DATE_TO) || "", onChange: (e) => { pendingTable.set(TABLE_KEYS.DATE_TO, e.target.value); }, className: "w-full rounded-lg border border-zinc-300 dark:border-slate-600 bg-white dark:bg-slate-800 px-3 py-2 text-sm text-zinc-900 dark:text-zinc-100 outline-none focus:ring-2 focus:ring-primary" })] })] })] })] }), _jsxs("div", { className: "border-t border-zinc-200 dark:border-slate-700 px-4 py-3.5 flex gap-2", children: [_jsx("button", { type: "button", onClick: clearPending, className: "flex-1 rounded-lg border border-zinc-300 dark:border-slate-600 py-2.5 text-sm font-medium text-zinc-700 dark:text-zinc-200 hover:bg-zinc-50 dark:hover:bg-slate-800 transition-colors", children: "Clear all" }), _jsx("button", { type: "button", onClick: applyFilters, className: "flex-1 rounded-lg bg-primary py-2.5 text-sm font-semibold text-white hover:bg-primary-600 transition-colors", children: "Apply Filters" })] })] })] }))] }));
+                            } }, coupon.id))) })), totalPages > 1 && (_jsx("div", { className: "mt-8 flex justify-center", children: _jsx(Pagination, { currentPage: table.getNumber("page", 1), totalPages: totalPages, onPageChange: (p) => table.setPage(p) }) })), !isLoading && total > 0 && (_jsx(Div, { className: "mt-4 text-center", children: _jsxs(Text, { className: "text-xs text-zinc-400 dark:text-zinc-500", children: [total, " coupon", total !== 1 ? "s" : "", " available"] }) }))] }), 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"] }), _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" }) })] }), _jsxs("div", { className: "flex-1 overflow-y-auto px-4 py-4 space-y-6", children: [_jsxs(_Fragment, { children: [_jsx(Heading, { level: 6, className: "text-xs font-semibold uppercase tracking-wider text-zinc-500 dark:text-zinc-400 mb-3", children: "Discount Type" }), _jsxs("div", { className: "space-y-2", children: [COUPON_TYPES.map((t) => (_jsxs("label", { className: "flex items-center gap-2 cursor-pointer text-sm text-zinc-700 dark:text-zinc-300", children: [_jsx("input", { type: "radio", name: "coupon-type", value: t.value, checked: pendingTable.get(TABLE_KEYS.TYPE) === t.value, onChange: () => { pendingTable.set(TABLE_KEYS.TYPE, t.value); }, className: "accent-primary" }), t.label] }, t.value))), pendingTable.get(TABLE_KEYS.TYPE) && (_jsx("button", { type: "button", onClick: () => { pendingTable.set(TABLE_KEYS.TYPE, ""); }, className: "text-xs text-zinc-400 hover:text-zinc-600 dark:hover:text-zinc-300 underline", children: "Clear type" }))] })] }), _jsxs(_Fragment, { children: [_jsx(Heading, { level: 6, className: "text-xs font-semibold uppercase tracking-wider text-zinc-500 dark:text-zinc-400 mb-3", children: "Valid Date Range" }), _jsxs("div", { className: "space-y-3", children: [_jsxs(_Fragment, { children: [_jsx("label", { className: "block text-xs text-zinc-500 dark:text-zinc-400 mb-1", children: "From date" }), _jsx("input", { type: "date", value: pendingTable.get(TABLE_KEYS.DATE_FROM) || "", onChange: (e) => { pendingTable.set(TABLE_KEYS.DATE_FROM, e.target.value); }, className: "w-full rounded-lg border border-zinc-300 dark:border-slate-600 bg-white dark:bg-slate-800 px-3 py-2 text-sm text-zinc-900 dark:text-zinc-100 outline-none focus:ring-2 focus:ring-primary" })] }), _jsxs(_Fragment, { children: [_jsx("label", { className: "block text-xs text-zinc-500 dark:text-zinc-400 mb-1", children: "To date" }), _jsx("input", { type: "date", value: pendingTable.get(TABLE_KEYS.DATE_TO) || "", onChange: (e) => { pendingTable.set(TABLE_KEYS.DATE_TO, e.target.value); }, className: "w-full rounded-lg border border-zinc-300 dark:border-slate-600 bg-white dark:bg-slate-800 px-3 py-2 text-sm text-zinc-900 dark:text-zinc-100 outline-none focus:ring-2 focus:ring-primary" })] })] })] })] }), _jsxs("div", { className: "border-t border-zinc-200 dark:border-slate-700 px-4 py-3.5 flex gap-2", children: [_jsx("button", { type: "button", onClick: clearPending, className: "flex-1 rounded-lg border border-zinc-300 dark:border-slate-600 py-2.5 text-sm font-medium text-zinc-700 dark:text-zinc-200 hover:bg-zinc-50 dark:hover:bg-slate-800 transition-colors", children: "Clear all" }), _jsx("button", { type: "button", onClick: applyFilters, className: "flex-1 rounded-lg bg-primary py-2.5 text-sm font-semibold text-white hover:bg-primary-600 transition-colors", children: "Apply Filters" })] })] })] }))] }));
 }