@mohasinac/appkit 2.3.1 → 2.3.2

package/dist/features/stores/components/StoreProductsListing.js

@@ -1,29 +1,39 @@
 "use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState, useCallback } from "react";
+import { Search, SlidersHorizontal, LayoutGrid, List, X } from "lucide-react";
 import { useUrlTable } from "../../../react/hooks/useUrlTable";
 import { useProducts } from "../../products/hooks/useProducts";
-import { Container, Div, Grid, Input, Pagination, Section, SlottedListingView, SortDropdown, Stack, Text, } from "../../../ui";
+import { Pagination, SortDropdown } from "../../../ui";
 import { ROUTES } from "../../../next";
-import { InteractiveProductCard } from "../../products/components/InteractiveProductCard";
-import { ProductFilters } from "../../products/components/ProductFilters";
+import { ProductGrid } from "../../products/components/ProductGrid";
+import { ProductFilters, PRODUCT_PUBLIC_SORT_OPTIONS } from "../../products/components/ProductFilters";
 export function StoreProductsListing({ sellerId, initialData }) {
     const table = useUrlTable({ defaults: { pageSize: "24", sort: "-createdAt" } });
+    const [searchInput, setSearchInput] = useState(table.get("q") || "");
+    const [filterOpen, setFilterOpen] = useState(false);
+    const [view, setView] = useState(table.get("view") || "card");
     const params = {
         q: table.get("q") || undefined,
         condition: table.get("condition") || undefined,
+        brand: table.get("brand") || undefined,
         minPrice: table.get("minPrice") ? Number(table.get("minPrice")) : undefined,
         maxPrice: table.get("maxPrice") ? Number(table.get("maxPrice")) : undefined,
-        sort: table.get("sort") || undefined,
+        sort: table.get("sort") || "-createdAt",
         page: table.getNumber("page", 1),
         perPage: table.getNumber("pageSize", 24),
         sellerId,
         isAuction: false,
     };
     const { products, total, totalPages, page, isLoading } = useProducts(params, { initialData });
-    return (_jsx(Section, { children: _jsx(Container, { size: "xl", children: _jsx(SlottedListingView, { portal: "public", manageSearch: true, manageSort: true, inlineToolbar: true, renderSearch: (search, setSearch) => (_jsx(Input, { value: search, onChange: (e) => setSearch(e.target.value), placeholder: "Search store products...", className: "max-w-sm" })), renderSort: (value, onChange) => (_jsx(SortDropdown, { value: value, onChange: onChange, options: [
-                        { value: "-createdAt", label: "Newest First" },
-                        { value: "-price", label: "Price: High to Low" },
-                        { value: "price", label: "Price: Low to High" },
-                        { value: "title", label: "Title A-Z" },
-                    ] })), renderFilters: () => _jsx(ProductFilters, { table: table }), renderTable: () => products.length === 0 && !isLoading ? (_jsxs(Stack, { align: "center", gap: "3", className: "justify-center py-24 text-center", children: [_jsx(Text, { className: "text-xl font-medium text-zinc-900 dark:text-zinc-50", children: "No products yet" }), _jsx(Text, { className: "text-sm text-zinc-500", children: "This store has not listed any products yet." })] })) : (_jsx(Div, { children: _jsx(Grid, { cols: "productCards", gap: "md", children: products.map((p) => (_jsx(InteractiveProductCard, { product: p, href: String(ROUTES.PUBLIC.PRODUCT_DETAIL(p.slug ?? p.id)) }, p.id))) }) })), renderPagination: () => (_jsx(Pagination, { currentPage: page, totalPages: totalPages, onPageChange: (p) => table.setPage(p) })), total: total, isLoading: isLoading }) }) }));
+    const commitSearch = useCallback(() => {
+        table.set("q", searchInput.trim());
+        table.setPage(1);
+    }, [searchInput, table]);
+    const handleViewToggle = (next) => {
+        setView(next);
+        table.set("view", next);
+    };
+    const closeFilters = () => setFilterOpen(false);
+    return (_jsxs("div", { className: "min-h-[200px]", children: [_jsx("div", { className: "sticky top-0 z-20 border-b border-zinc-200 dark:border-slate-700 bg-white/95 dark:bg-slate-900/95 backdrop-blur-sm py-2.5 px-4", children: _jsxs("div", { className: "flex items-center gap-2.5 max-w-full", children: [_jsxs("button", { type: "button", onClick: () => setFilterOpen(true), className: "flex shrink-0 items-center gap-2 rounded-lg border border-zinc-300 dark:border-slate-600 px-3.5 py-2 text-sm font-medium text-zinc-700 dark:text-zinc-200 hover:bg-zinc-50 dark:hover:bg-slate-800 transition-colors", children: [_jsx(SlidersHorizontal, { className: "h-4 w-4" }), _jsx("span", { className: "hidden sm:inline", children: "Filters" })] }), _jsxs("div", { className: "flex flex-1 items-center overflow-hidden rounded-lg border border-zinc-300 dark:border-slate-600 bg-white dark:bg-slate-900", children: [_jsx("input", { type: "text", value: searchInput, onChange: (e) => setSearchInput(e.target.value), onKeyDown: (e) => e.key === "Enter" && commitSearch(), placeholder: "Search store products...", className: "min-w-0 flex-1 bg-transparent px-3 py-2 text-sm text-zinc-900 dark:text-zinc-100 placeholder-zinc-400 outline-none" }), _jsx("button", { type: "button", onClick: commitSearch, className: "flex shrink-0 items-center justify-center px-3 py-2 text-zinc-400 hover:text-primary dark:hover:text-primary-400 transition-colors", "aria-label": "Search", children: _jsx(Search, { className: "h-4 w-4" }) })] }), _jsxs("div", { className: "flex shrink-0 items-center gap-1.5 text-sm text-zinc-500 dark:text-zinc-400", children: [_jsx("span", { className: "hidden md:inline whitespace-nowrap", children: "Sort by" }), _jsx(SortDropdown, { value: table.get("sort") || "-createdAt", onChange: (v) => { table.set("sort", v); table.setPage(1); }, options: PRODUCT_PUBLIC_SORT_OPTIONS })] }), _jsxs("div", { className: "flex shrink-0 items-center rounded-lg border border-zinc-300 dark:border-slate-600 overflow-hidden", children: [_jsx("button", { type: "button", onClick: () => handleViewToggle("card"), "aria-label": "Grid view", className: `p-2 transition-colors ${view === "card" ? "bg-primary text-white" : "text-zinc-500 hover:bg-zinc-50 dark:hover:bg-slate-800 dark:text-zinc-400"}`, children: _jsx(LayoutGrid, { className: "h-4 w-4" }) }), _jsx("button", { type: "button", onClick: () => handleViewToggle("list"), "aria-label": "List view", className: `p-2 transition-colors ${view === "list" ? "bg-primary text-white" : "text-zinc-500 hover:bg-zinc-50 dark:hover:bg-slate-800 dark:text-zinc-400"}`, children: _jsx(List, { className: "h-4 w-4" }) })] })] }) }), _jsxs("div", { className: "py-6", children: [isLoading ? (_jsx("div", { className: "grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 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, emptyLabel: "This store has no products yet." })), totalPages > 1 && (_jsx("div", { className: "mt-8 flex justify-center", children: _jsx(Pagination, { currentPage: page, totalPages: totalPages, onPageChange: (p) => table.setPage(p) }) }))] }), filterOpen && (_jsxs(_Fragment, { children: [_jsx("div", { className: "fixed inset-0 z-40 bg-black/40", "aria-hidden": "true", onClick: closeFilters }), _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: closeFilters, "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: table, currencyPrefix: "\u20B9" }) }), _jsx("div", { className: "border-t border-zinc-200 dark:border-slate-700 px-4 py-3.5", children: _jsx("button", { type: "button", onClick: closeFilters, className: "w-full rounded-lg bg-primary py-2.5 text-sm font-semibold text-white hover:bg-primary-600 transition-colors", children: "Apply filters" }) })] })] }))] }));
 }

package/dist/features/stores/components/StoreReviewsListing.js

@@ -16,13 +16,8 @@ const PAGE_SIZE = 12;
 export function StoreReviewsListing({ storeSlug }) {
     const [ratingFilter, setRatingFilter] = useState(0);
     const [page, setPage] = useState(1);
-    const { reviews, averageRating, totalReviews, isLoading } = useStoreReviews(storeSlug);
-    const filtered = ratingFilter > 0
-        ? reviews.filter((r) => Math.round(r.rating) === ratingFilter)
-        : reviews;
-    const totalPages = Math.max(1, Math.ceil(filtered.length / PAGE_SIZE));
-    const start = (page - 1) * PAGE_SIZE;
-    const paginated = filtered.slice(start, start + PAGE_SIZE);
+    const { reviews, averageRating, totalReviews, totalPages, isLoading } = useStoreReviews(storeSlug, { rating: ratingFilter || undefined, page, pageSize: PAGE_SIZE });
+    const paginated = reviews;
     return (_jsx(Section, { children: _jsxs(Container, { size: "xl", children: [totalReviews > 0 && (_jsxs(Row, { align: "center", gap: "sm", className: "mb-6", children: [_jsx(Span, { className: "text-2xl font-bold text-zinc-900 dark:text-zinc-100", children: averageRating.toFixed(1) }), _jsxs(Span, { className: "text-zinc-500 text-sm", children: ["/ 5 \u00B7 ", totalReviews, " reviews"] })] })), _jsx(Row, { gap: "xs", className: "mb-6 flex-wrap", children: STAR_OPTIONS.map((opt) => (_jsx("button", { type: "button", onClick: () => { setRatingFilter(opt.value); setPage(1); }, className: [
                             "rounded-full border px-3 py-1 text-sm font-medium transition-colors",
                             ratingFilter === opt.value

package/dist/features/stores/components/StoresIndexListing.js

@@ -1,22 +1,56 @@
 "use client";
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState, useCallback } from "react";
+import { Search, SlidersHorizontal, X } from "lucide-react";
 import { useUrlTable } from "../../../react/hooks/useUrlTable";
 import { useStores } from "../hooks/useStores";
-import { Div, Grid, Input, Pagination, SlottedListingView, SortDropdown, } from "../../../ui";
+import { Pagination, SortDropdown } from "../../../ui";
 import { ROUTES } from "../../../next";
 import { InteractiveStoreCard } from "./InteractiveStoreCard";
+import { StoreFilters } from "./StoreFilters";
+const STORE_SORT_OPTIONS = [
+    { value: "-createdAt", label: "Newest First" },
+    { value: "storeName", label: "Name A–Z" },
+    { value: "-itemsSold", label: "Most Sales" },
+    { value: "-averageRating", label: "Top Rated" },
+];
 export function StoresIndexListing({ initialData }) {
     const table = useUrlTable({ defaults: { pageSize: "24", sort: "-createdAt" } });
+    const [searchInput, setSearchInput] = useState(table.get("q") || "");
+    const [filterOpen, setFilterOpen] = useState(false);
+    const commitSearch = useCallback(() => {
+        table.set("q", searchInput.trim());
+        table.setPage(1);
+    }, [searchInput, table]);
+    const clearSearch = useCallback(() => {
+        setSearchInput("");
+        table.set("q", "");
+    }, [table]);
+    // Build sieve filters from URL params for rating, product count, featured
+    const ratingRaw = table.get("rating");
+    const minProductCount = table.get("minProductCount");
+    const maxProductCount = table.get("maxProductCount");
+    const featured = table.get("featured");
+    const filterParts = [];
+    if (ratingRaw) {
+        const ratings = ratingRaw.split("|").filter(Boolean);
+        if (ratings.length === 1)
+            filterParts.push(`averageRating>=${ratings[0]}`);
+    }
+    if (minProductCount)
+        filterParts.push(`stats.totalProducts>=${minProductCount}`);
+    if (maxProductCount)
+        filterParts.push(`stats.totalProducts<=${maxProductCount}`);
+    if (featured === "true")
+        filterParts.push("isFeatured==true");
     const { stores, total, totalPages, isLoading } = useStores({
+        q: table.get("q") || undefined,
         page: table.getNumber("page", 1),
         pageSize: table.getNumber("pageSize", 24),
         sort: table.get("sort") || undefined,
         category: table.get("category") || undefined,
+        filters: filterParts.length > 0 ? filterParts.join(",") : undefined,
     }, { initialData });
-    return (_jsx(Div, { className: "min-h-screen", children: _jsx(SlottedListingView, { portal: "public", manageSearch: true, manageSort: true, inlineToolbar: true, renderSearch: (search, setSearch) => (_jsx(Input, { value: search, onChange: (e) => setSearch(e.target.value), placeholder: "Search stores...", className: "max-w-sm" })), renderSort: (value, onChange) => (_jsx(SortDropdown, { value: value, onChange: onChange, options: [
-                    { value: "-createdAt", label: "Newest First" },
-                    { value: "storeName", label: "A-Z" },
-                    { value: "-itemsSold", label: "Most Sales" },
-                    { value: "-averageRating", label: "Top Rated" },
-                ] })), renderTable: () => (_jsx(Grid, { cols: 3, gap: "md", children: stores.map((store) => (_jsx(InteractiveStoreCard, { store: store, href: String(ROUTES.PUBLIC.STORE_DETAIL(store.storeSlug ?? store.id)) }, store.storeSlug ?? store.id))) })), renderPagination: () => (_jsx(Pagination, { currentPage: table.getNumber("page", 1), totalPages: totalPages, onPageChange: (p) => table.setPage(p) })), total: total, isLoading: isLoading }) }));
+    const closeFilters = () => setFilterOpen(false);
+    return (_jsxs("div", { className: "min-h-screen", children: [_jsxs("div", { className: "sticky top-0 z-20 border-b border-zinc-200 dark:border-slate-700 bg-white/95 dark:bg-slate-900/95 backdrop-blur-sm py-2.5 px-4", children: [_jsxs("div", { className: "flex items-center gap-2.5 max-w-full", children: [_jsxs("button", { type: "button", onClick: () => setFilterOpen(true), className: "flex shrink-0 items-center gap-2 rounded-lg border border-zinc-300 dark:border-slate-600 px-3.5 py-2 text-sm font-medium text-zinc-700 dark:text-zinc-200 hover:bg-zinc-50 dark:hover:bg-slate-800 transition-colors", children: [_jsx(SlidersHorizontal, { className: "h-4 w-4" }), _jsx("span", { className: "hidden sm:inline", children: "Filters" })] }), _jsxs("div", { className: "flex flex-1 items-center overflow-hidden rounded-lg border border-zinc-300 dark:border-slate-600 bg-white dark:bg-slate-900", children: [_jsx(Search, { className: "ml-3 h-4 w-4 flex-shrink-0 text-zinc-400" }), _jsx("input", { type: "text", value: searchInput, onChange: (e) => setSearchInput(e.target.value), onKeyDown: (e) => e.key === "Enter" && commitSearch(), placeholder: "Search stores\u2026", className: "min-w-0 flex-1 bg-transparent px-2.5 py-2 text-sm text-zinc-900 dark:text-zinc-100 placeholder-zinc-400 outline-none" }), searchInput && (_jsx("button", { type: "button", onClick: clearSearch, className: "mr-2 flex-shrink-0 text-zinc-400 hover:text-zinc-600 dark:hover:text-zinc-300", "aria-label": "Clear search", children: _jsx(X, { className: "h-3.5 w-3.5" }) })), _jsx("button", { type: "button", onClick: commitSearch, className: "flex shrink-0 items-center justify-center px-3 py-2 text-zinc-400 hover:text-primary dark:hover:text-primary-400 transition-colors", "aria-label": "Search", children: _jsx(Search, { className: "h-4 w-4" }) })] }), _jsxs("div", { className: "flex shrink-0 items-center gap-1.5 text-sm text-zinc-500 dark:text-zinc-400", children: [_jsx("span", { className: "hidden md:inline whitespace-nowrap", children: "Sort by" }), _jsx(SortDropdown, { value: table.get("sort") || "-createdAt", onChange: (v) => { table.set("sort", v); table.setPage(1); }, options: STORE_SORT_OPTIONS })] })] }), !isLoading && (_jsxs("p", { className: "mt-1.5 text-xs text-zinc-400 dark:text-zinc-500", children: [total, " store", total !== 1 ? "s" : ""] }))] }), _jsxs("div", { className: "py-6", children: [isLoading ? (_jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6", children: Array.from({ length: 6 }).map((_, i) => (_jsxs("div", { className: "rounded-xl border border-zinc-100 dark:border-slate-700 overflow-hidden animate-pulse", children: [_jsx("div", { className: "aspect-video bg-zinc-200 dark:bg-slate-700" }), _jsxs("div", { className: "p-4 space-y-2.5", children: [_jsx("div", { className: "flex items-center gap-2", children: _jsx("div", { className: "h-10 w-10 rounded-lg bg-zinc-200 dark:bg-slate-700" }) }), _jsx("div", { className: "h-4 bg-zinc-200 dark:bg-slate-700 rounded w-2/3" }), _jsx("div", { className: "h-3 bg-zinc-200 dark:bg-slate-700 rounded w-full" }), _jsx("div", { className: "h-3 bg-zinc-200 dark:bg-slate-700 rounded w-1/2" })] })] }, i))) })) : stores.length === 0 ? (_jsx("p", { className: "py-16 text-center text-sm text-zinc-500 dark:text-zinc-400", children: "No stores found." })) : (_jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6", children: stores.map((store) => (_jsx(InteractiveStoreCard, { store: store, href: String(ROUTES.PUBLIC.STORE_DETAIL(store.storeSlug ?? store.id)) }, store.storeSlug ?? store.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) }) }))] }), filterOpen && (_jsxs(_Fragment, { children: [_jsx("div", { className: "fixed inset-0 z-40 bg-black/40", "aria-hidden": "true", onClick: closeFilters }), _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: closeFilters, "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(StoreFilters, { table: table }) }), _jsx("div", { className: "border-t border-zinc-200 dark:border-slate-700 px-4 py-3.5", children: _jsx("button", { type: "button", onClick: closeFilters, className: "w-full rounded-lg bg-primary py-2.5 text-sm font-semibold text-white hover:bg-primary-600 transition-colors", children: "Apply filters" }) })] })] }))] }));
 }

package/dist/features/stores/components/StoresIndexPageView.d.ts

@@ -1 +1,6 @@
-export declare function StoresIndexPageView(): Promise<import("react/jsx-runtime").JSX.Element>;
+type SearchParams = Record<string, string | string[]>;
+export interface StoresIndexPageViewProps {
+    searchParams?: SearchParams;
+}
+export declare function StoresIndexPageView({ searchParams }: StoresIndexPageViewProps): Promise<import("react/jsx-runtime").JSX.Element>;
+export {};

package/dist/features/stores/components/StoresIndexPageView.js

@@ -3,9 +3,16 @@ import { storeRepository } from "../../../repositories";
 import { Container, Heading, Main, Section } from "../../../ui";
 import { AdSlot } from "../../homepage/components/AdSlot";
 import { StoresIndexListing } from "./StoresIndexListing";
-export async function StoresIndexPageView() {
+function sp(params, key) {
+    const v = params[key];
+    return Array.isArray(v) ? v[0] ?? "" : v ?? "";
+}
+export async function StoresIndexPageView({ searchParams = {} }) {
+    const sort = sp(searchParams, "sort") || "-createdAt";
+    const page = Number(sp(searchParams, "page")) || 1;
+    const pageSize = Number(sp(searchParams, "pageSize")) || 24;
     const result = await storeRepository
-        .listStores({ page: 1, pageSize: 24, sorts: "-createdAt" }, true)
+        .listStores({ page, pageSize, sorts: sort }, true)
         .catch(() => null);
     return (_jsx(Main, { children: _jsx(Section, { className: "py-10", children: _jsxs(Container, { size: "xl", children: [_jsx(Heading, { level: 1, className: "mb-8 text-3xl font-semibold text-zinc-900 dark:text-zinc-50", children: "Stores" }), _jsx(AdSlot, { id: "listing-sidebar-top", className: "mb-6" }), _jsx(StoresIndexListing, { initialData: result ?? undefined }), _jsx(AdSlot, { id: "listing-sidebar-bottom", className: "mt-8" })] }) }) }));
 }

package/dist/features/stores/components/index.d.ts

@@ -22,3 +22,6 @@ export { StoreAuctionsListing } from "./StoreAuctionsListing";
 export type { StoreAuctionsListingProps } from "./StoreAuctionsListing";
 export { StoreReviewsListing } from "./StoreReviewsListing";
 export type { StoreReviewsListingProps } from "./StoreReviewsListing";
+export { StorePreOrdersListing } from "./StorePreOrdersListing";
+export type { StorePreOrdersListingProps } from "./StorePreOrdersListing";
+export type { StorePreOrdersPageViewProps } from "./StorePreOrdersPageView";

package/dist/features/stores/components/index.js

@@ -11,3 +11,4 @@ export { StoresIndexListing } from "./StoresIndexListing";
 export { StoreProductsListing } from "./StoreProductsListing";
 export { StoreAuctionsListing } from "./StoreAuctionsListing";
 export { StoreReviewsListing } from "./StoreReviewsListing";
+export { StorePreOrdersListing } from "./StorePreOrdersListing";

package/dist/features/stores/hooks/useStores.d.ts

@@ -44,13 +44,19 @@ export declare function useStoreAuctions(storeSlug: string, params?: string, opt
     error: string | null;
     refetch: (options?: import("@tanstack/query-core").RefetchOptions) => Promise<import("@tanstack/query-core").QueryObserverResult<StoreAuctionsResponse, Error>>;
 };
-export declare function useStoreReviews(storeSlug: string, opts?: {
+export declare function useStoreReviews(storeSlug: string, params?: {
+    rating?: number;
+    page?: number;
+    pageSize?: number;
+}, opts?: {
     enabled?: boolean;
     endpoint?: string;
 }): {
     reviews: import("..").StoreReview[];
     averageRating: number;
     totalReviews: number;
+    totalFiltered: number;
+    totalPages: number;
     ratingDistribution: Record<number, number>;
     isLoading: boolean;
     error: string | null;

package/dist/features/stores/hooks/useStores.js

@@ -3,6 +3,8 @@ import { apiClient } from "../../../http";
 import { STORE_ENDPOINTS } from "../../../constants/api-endpoints";
 export function useStores(params = {}, opts) {
     const sp = new URLSearchParams();
+    if (params.q)
+        sp.set("q", params.q);
     if (params.category)
         sp.set("category", params.category);
     if (params.page)
@@ -77,10 +79,19 @@ export function useStoreAuctions(storeSlug, params, opts) {
         refetch,
     };
 }
-export function useStoreReviews(storeSlug, opts) {
-    const endpoint = opts?.endpoint ?? STORE_ENDPOINTS.REVIEWS(storeSlug);
+export function useStoreReviews(storeSlug, params, opts) {
+    const sp = new URLSearchParams();
+    if (params?.rating)
+        sp.set("rating", String(params.rating));
+    if (params?.page && params.page > 1)
+        sp.set("page", String(params.page));
+    if (params?.pageSize)
+        sp.set("pageSize", String(params.pageSize));
+    const qs = sp.toString();
+    const baseEndpoint = opts?.endpoint ?? STORE_ENDPOINTS.REVIEWS(storeSlug);
+    const endpoint = qs ? `${baseEndpoint}?${qs}` : baseEndpoint;
     const { data, isLoading, error, refetch } = useQuery({
-        queryKey: ["store-reviews", storeSlug],
+        queryKey: ["store-reviews", storeSlug, qs],
         queryFn: () => apiClient.get(endpoint),
         enabled: (opts?.enabled ?? true) && !!storeSlug,
     });
@@ -88,6 +99,8 @@ export function useStoreReviews(storeSlug, opts) {
         reviews: data?.reviews ?? [],
         averageRating: data?.averageRating ?? 0,
         totalReviews: data?.totalReviews ?? 0,
+        totalFiltered: data?.totalFiltered ?? 0,
+        totalPages: data?.totalPages ?? 1,
         ratingDistribution: data?.ratingDistribution ?? {},
         isLoading,
         error: error instanceof Error ? error.message : null,

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

@@ -43,9 +43,9 @@ export declare const storeListItemSchema: z.ZodObject<{
     totalProducts?: number | undefined;
     averageRating?: number | undefined;
     totalReviews?: number | undefined;
-    storeLogoURL?: string | undefined;
     storeDescription?: string | undefined;
     storeCategory?: string | undefined;
+    storeLogoURL?: string | undefined;
     storeBannerURL?: string | undefined;
 }, {
     id: string;
@@ -59,9 +59,9 @@ export declare const storeListItemSchema: z.ZodObject<{
     totalProducts?: number | undefined;
     averageRating?: number | undefined;
     totalReviews?: number | undefined;
-    storeLogoURL?: string | undefined;
     storeDescription?: string | undefined;
     storeCategory?: string | undefined;
+    storeLogoURL?: string | undefined;
     storeBannerURL?: string | undefined;
 }>;
 export declare const storeListParamsSchema: z.ZodObject<{

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

@@ -69,6 +69,7 @@ export interface StoreProductsResponse {
     hasMore: boolean;
 }
 export interface StoreListParams {
+    q?: string;
     category?: string;
     page?: number;
     pageSize?: number;
@@ -98,5 +99,7 @@ export interface StoreReviewsData {
     reviews: StoreReview[];
     averageRating: number;
     totalReviews: number;
+    totalFiltered: number;
+    totalPages: number;
     ratingDistribution: Record<number, number>;
 }

package/dist/features/wishlist/hooks/useGuestWishlist.d.ts

@@ -0,0 +1,20 @@
+import { type GuestWishlistItem } from "../utils/guest-wishlist";
+/**
+ * useGuestWishlist
+ *
+ * React state wrapper around guest wishlist storage.
+ */
+export declare function useGuestWishlist(): {
+    items: GuestWishlistItem[];
+    count: number;
+    countByType: (type: "product" | "auction" | "preorder" | "category" | "store") => number;
+    add: (itemId: string, type: "product" | "auction" | "preorder" | "category" | "store", snapshot?: {
+        title?: string;
+        image?: string;
+    }) => void;
+    remove: (itemId: string, type: "product" | "auction" | "preorder" | "category" | "store") => void;
+    isInWishlist: (itemId: string, type: "product" | "auction" | "preorder" | "category" | "store") => boolean;
+    clear: () => void;
+    getByType: (type: "product" | "auction" | "preorder" | "category" | "store") => GuestWishlistItem[];
+    isInitialized: boolean;
+};

package/dist/features/wishlist/hooks/useGuestWishlist.js

@@ -0,0 +1,49 @@
+"use client";
+import { useState, useEffect, useCallback } from "react";
+import { getGuestWishlistItems, addToGuestWishlist, removeFromGuestWishlist, isInGuestWishlist, clearGuestWishlist, getGuestWishlistByType, } from "../utils/guest-wishlist";
+/**
+ * useGuestWishlist
+ *
+ * React state wrapper around guest wishlist storage.
+ */
+export function useGuestWishlist() {
+    const [items, setItems] = useState([]);
+    const [isInitialized, setIsInitialized] = useState(false);
+    useEffect(() => {
+        setItems(getGuestWishlistItems());
+        setIsInitialized(true);
+    }, []);
+    const add = useCallback((itemId, type, snapshot) => {
+        const updated = addToGuestWishlist(itemId, type, snapshot);
+        setItems(updated);
+    }, []);
+    const remove = useCallback((itemId, type) => {
+        const updated = removeFromGuestWishlist(itemId, type);
+        setItems(updated);
+    }, []);
+    const isInWishlist = useCallback((itemId, type) => {
+        return isInGuestWishlist(itemId, type);
+    }, []);
+    const clear = useCallback(() => {
+        clearGuestWishlist();
+        setItems([]);
+    }, []);
+    const getByType = useCallback((type) => {
+        return getGuestWishlistByType(type);
+    }, []);
+    const count = items.length;
+    const countByType = (type) => {
+        return items.filter((i) => i.type === type).length;
+    };
+    return {
+        items,
+        count,
+        countByType,
+        add,
+        remove,
+        isInWishlist,
+        clear,
+        getByType,
+        isInitialized,
+    };
+}

package/dist/features/wishlist/hooks/useWishlistCount.d.ts

@@ -0,0 +1,7 @@
+/**
+ * useWishlistCount
+ *
+ * Returns a live wishlist count, using API for authenticated users
+ * and falling back to guest-wishlist storage for unauthenticated users.
+ */
+export declare function useWishlistCount(): number;

package/dist/features/wishlist/hooks/useWishlistCount.js

@@ -0,0 +1,31 @@
+"use client";
+import { useQuery } from "@tanstack/react-query";
+import { useAuth } from "../../auth/hooks/useAuth";
+import { useGuestWishlist } from "../hooks/useGuestWishlist";
+import { apiClient } from "../../../http";
+import { WISHLIST_ENDPOINTS } from "../../../constants/api-endpoints";
+/**
+ * useWishlistCount
+ *
+ * Returns a live wishlist count, using API for authenticated users
+ * and falling back to guest-wishlist storage for unauthenticated users.
+ */
+export function useWishlistCount() {
+    const { user } = useAuth();
+    const { count: guestCount } = useGuestWishlist();
+    // Query for authenticated users
+    const { data } = useQuery({
+        queryKey: ["wishlist", "count"],
+        queryFn: () => {
+            if (!user?.uid)
+                return null;
+            return apiClient.get(WISHLIST_ENDPOINTS.BY_USER(user.uid));
+        },
+        enabled: !!user?.uid,
+    });
+    // Return authenticated count or fall back to guest count
+    if (user?.uid && data) {
+        return data.total;
+    }
+    return guestCount;
+}

package/dist/features/wishlist/hooks/useWishlistWithGuest.d.ts

@@ -0,0 +1,56 @@
+import type { WishlistResponse } from "../types";
+interface UseWishlistWithGuestOptions {
+    initialData?: WishlistResponse;
+    enabled?: boolean;
+    endpoint?: string;
+}
+/**
+ * useWishlistWithGuest
+ *
+ * Unified wishlist hook that uses API for authenticated users
+ * and localStorage for guest users.
+ */
+export declare function useWishlistWithGuest(userId: string | null | undefined, opts?: UseWishlistWithGuestOptions): {
+    items: import("..").WishlistItem[];
+    total: number;
+    wishlistedIds: Set<string>;
+    isWishlisted: (productId: string) => boolean;
+    isLoading: boolean;
+    error: Error | null;
+    refetch: (options?: import("@tanstack/query-core").RefetchOptions) => Promise<import("@tanstack/query-core").QueryObserverResult<WishlistResponse, Error>>;
+    isGuest: boolean;
+    guestWishlist?: undefined;
+} | {
+    items: {
+        id: string;
+        productId: string;
+        productTitle: string | undefined;
+        productImage: string | undefined;
+        productPrice: number;
+        productSlug: string;
+        addedAt: string | undefined;
+        type: "category" | "product" | "preorder" | "auction" | "store";
+    }[];
+    total: number;
+    wishlistedIds: Set<string>;
+    isWishlisted: (productId: string) => boolean;
+    isLoading: boolean;
+    error: null;
+    refetch: () => Promise<void>;
+    isGuest: boolean;
+    guestWishlist: {
+        items: import("..").GuestWishlistItem[];
+        count: number;
+        countByType: (type: "product" | "auction" | "preorder" | "category" | "store") => number;
+        add: (itemId: string, type: "product" | "auction" | "preorder" | "category" | "store", snapshot?: {
+            title?: string;
+            image?: string;
+        }) => void;
+        remove: (itemId: string, type: "product" | "auction" | "preorder" | "category" | "store") => void;
+        isInWishlist: (itemId: string, type: "product" | "auction" | "preorder" | "category" | "store") => boolean;
+        clear: () => void;
+        getByType: (type: "product" | "auction" | "preorder" | "category" | "store") => import("..").GuestWishlistItem[];
+        isInitialized: boolean;
+    };
+};
+export {};

package/dist/features/wishlist/hooks/useWishlistWithGuest.js

@@ -0,0 +1,57 @@
+"use client";
+import { useWishlist } from "./useWishlist";
+import { useGuestWishlist } from "./useGuestWishlist";
+/**
+ * useWishlistWithGuest
+ *
+ * Unified wishlist hook that uses API for authenticated users
+ * and localStorage for guest users.
+ */
+export function useWishlistWithGuest(userId, opts) {
+    const isAuthenticated = !!userId;
+    // For authenticated users
+    const authenticatedWishlist = useWishlist(userId ?? "", {
+        ...opts,
+        enabled: opts?.enabled !== false && isAuthenticated,
+    });
+    // For guest users
+    const guestWishlist = useGuestWishlist();
+    // Return appropriate wishlist based on authentication status
+    if (isAuthenticated) {
+        return {
+            items: authenticatedWishlist.items,
+            total: authenticatedWishlist.total,
+            wishlistedIds: authenticatedWishlist.wishlistedIds,
+            isWishlisted: authenticatedWishlist.isWishlisted,
+            isLoading: authenticatedWishlist.isLoading,
+            error: authenticatedWishlist.error,
+            refetch: authenticatedWishlist.refetch,
+            isGuest: false,
+        };
+    }
+    else {
+        // Convert guest items to wishlist items format
+        const items = guestWishlist.items.map((item) => ({
+            id: `${item.type}-${item.itemId}`,
+            productId: item.type === "product" ? item.itemId : "",
+            productTitle: item.title,
+            productImage: item.image,
+            productPrice: 0,
+            productSlug: item.itemId,
+            addedAt: item.addedAt,
+            type: item.type,
+        }));
+        const ids = new Set(items.map((i) => i.productId).filter(Boolean));
+        return {
+            items,
+            total: guestWishlist.count,
+            wishlistedIds: ids,
+            isWishlisted: (productId) => ids.has(productId),
+            isLoading: !guestWishlist.isInitialized,
+            error: null,
+            refetch: async () => { },
+            isGuest: true,
+            guestWishlist, // Expose guest wishlist for add/remove operations
+        };
+    }
+}

package/dist/features/wishlist/index.d.ts

@@ -4,6 +4,9 @@ export * from "./columns";
 export * from "./hooks/useWishlist";
 export * from "./hooks/useUserWishlist";
 export * from "./hooks/useWishlistToggle";
+export * from "./hooks/useGuestWishlist";
+export * from "./hooks/useWishlistWithGuest";
+export * from "./utils/guest-wishlist";
 export * from "./components";
 export type { UserWishlistItem } from "./repository/user-wishlist.repository";
 export { manifest } from "./manifest";

package/dist/features/wishlist/index.js

@@ -4,5 +4,8 @@ export * from "./columns";
 export * from "./hooks/useWishlist";
 export * from "./hooks/useUserWishlist";
 export * from "./hooks/useWishlistToggle";
+export * from "./hooks/useGuestWishlist";
+export * from "./hooks/useWishlistWithGuest";
+export * from "./utils/guest-wishlist";
 export * from "./components";
 export { manifest } from "./manifest";

package/dist/features/wishlist/utils/guest-wishlist.d.ts

@@ -0,0 +1,22 @@
+export interface GuestWishlistItem {
+    itemId: string;
+    type: "product" | "auction" | "preorder" | "category" | "store";
+    title?: string;
+    image?: string;
+    addedAt?: string;
+}
+export interface GuestWishlistStorage {
+    getItem(key: string): string | null;
+    setItem(key: string, value: string): void;
+    removeItem(key: string): void;
+}
+export declare function getGuestWishlistItems(storage?: GuestWishlistStorage | null, key?: string): GuestWishlistItem[];
+export declare function addToGuestWishlist(itemId: string, type: "product" | "auction" | "preorder" | "category" | "store", snapshot?: {
+    title?: string;
+    image?: string;
+}, storage?: GuestWishlistStorage | null, key?: string): GuestWishlistItem[];
+export declare function removeFromGuestWishlist(itemId: string, type: "product" | "auction" | "preorder" | "category" | "store", storage?: GuestWishlistStorage | null, key?: string): GuestWishlistItem[];
+export declare function isInGuestWishlist(itemId: string, type: "product" | "auction" | "preorder" | "category" | "store", storage?: GuestWishlistStorage | null, key?: string): boolean;
+export declare function clearGuestWishlist(storage?: GuestWishlistStorage | null, key?: string): void;
+export declare function getGuestWishlistCount(storage?: GuestWishlistStorage | null, key?: string): number;
+export declare function getGuestWishlistByType(type: "product" | "auction" | "preorder" | "category" | "store", storage?: GuestWishlistStorage | null, key?: string): GuestWishlistItem[];