@mohasinac/appkit 2.3.1 → 2.3.2

package/dist/features/reviews/hooks/useReviews.js

@@ -9,7 +9,7 @@ export function useReviews(params = {}, opts) {
         sp.set("userId", params.userId);
     if (params.status)
         sp.set("status", params.status);
-    if (params.rating)
+    if (params.rating !== undefined)
         sp.set("rating", String(params.rating));
     if (params.featured !== undefined)
         sp.set("featured", String(params.featured));
@@ -19,6 +19,20 @@ export function useReviews(params = {}, opts) {
         sp.set("perPage", String(params.perPage));
     if (params.sort)
         sp.set("sort", params.sort);
+    if (params.q)
+        sp.set("q", params.q);
+    if (params.dateFrom)
+        sp.set("dateFrom", params.dateFrom);
+    if (params.dateTo)
+        sp.set("dateTo", params.dateTo);
+    if (params.minVotes !== undefined)
+        sp.set("minVotes", String(params.minVotes));
+    if (params.maxVotes !== undefined)
+        sp.set("maxVotes", String(params.maxVotes));
+    // General listing mode (no productId)
+    if (!params.productId && !params.userId && !params.sellerId) {
+        sp.set("latest", "true");
+    }
     const qs = sp.toString();
     const query = useQuery({
         queryKey: ["reviews", qs],

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

@@ -46,11 +46,16 @@ export interface ReviewListParams {
     userId?: string;
     sellerId?: string;
     status?: ReviewStatus;
-    rating?: number;
+    rating?: number | string;
     featured?: boolean;
     page?: number;
     perPage?: number;
     sort?: string;
+    q?: string;
+    dateFrom?: string;
+    dateTo?: string;
+    minVotes?: number;
+    maxVotes?: number;
 }
 export interface CreateReviewInput {
     productId: string;

package/dist/features/seller/components/SellerSidebar.d.ts

@@ -1,12 +1,12 @@
 import React from "react";
-export interface SellerNavItem {
+export interface StoreNavItem {
     href: string;
     label: string;
     icon?: React.ReactNode;
     badge?: number;
 }
-interface SellerSidebarProps {
-    items: SellerNavItem[];
+interface StoreSidebarProps {
+    items: StoreNavItem[];
     activeHref: string;
     storeName?: string;
     storeLogoURL?: string;
@@ -16,5 +16,9 @@ interface SellerSidebarProps {
     onCloseMobile?: () => void;
     className?: string;
 }
-export declare function SellerSidebar({ items, activeHref, storeName, storeLogoURL, mobileOpen, onCloseMobile, className, }: SellerSidebarProps): import("react/jsx-runtime").JSX.Element;
+export declare function StoreSidebar({ items, activeHref, storeName, storeLogoURL, mobileOpen, onCloseMobile, className, }: StoreSidebarProps): import("react/jsx-runtime").JSX.Element;
+/** @deprecated Use StoreSidebar */
+export declare const SellerSidebar: typeof StoreSidebar;
+/** @deprecated Use StoreNavItem */
+export type SellerNavItem = StoreNavItem;
 export {};

package/dist/features/seller/components/SellerSidebar.js

@@ -3,14 +3,16 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import Link from "next/link";
 import { Aside, Div, Li, Nav, Row, Span, Text, Ul } from "../../../ui";
 import { BottomSheet } from "../../layout/BottomSheet";
-function SellerNavContent({ items, activeHref, storeName, storeLogoURL, onItemClick, }) {
-    return (_jsxs(_Fragment, { children: [storeName && (_jsxs(Row, { gap: "3", className: "px-5 py-4 border-b border-gray-100 dark:border-slate-700", children: [storeLogoURL ? (_jsx(Div, { role: "img", "aria-label": storeName, className: "h-8 w-8 rounded-full bg-center bg-cover", style: { backgroundImage: `url(${storeLogoURL})` } })) : (_jsx(Div, { className: "h-8 w-8 rounded-full bg-orange-100 dark:bg-orange-900/30 flex items-center justify-center text-orange-600 dark:text-orange-400 font-bold text-sm", children: storeName[0]?.toUpperCase() })), _jsx(Text, { className: "font-semibold text-gray-900 dark:text-zinc-100 text-sm truncate", children: storeName })] })), _jsx(Nav, { "aria-label": "Seller navigation", className: "flex-1 overflow-y-auto py-3", children: _jsx(Ul, { className: "space-y-0.5 px-2", children: items.map((item) => {
+function StoreNavContent({ items, activeHref, storeName, storeLogoURL, onItemClick, }) {
+    return (_jsxs(_Fragment, { children: [storeName && (_jsxs(Row, { gap: "3", className: "px-5 py-4 border-b border-gray-100 dark:border-slate-700", children: [storeLogoURL ? (_jsx(Div, { role: "img", "aria-label": storeName, className: "h-8 w-8 rounded-full bg-center bg-cover", style: { backgroundImage: `url(${storeLogoURL})` } })) : (_jsx(Div, { className: "h-8 w-8 rounded-full bg-orange-100 dark:bg-orange-900/30 flex items-center justify-center text-orange-600 dark:text-orange-400 font-bold text-sm", children: storeName[0]?.toUpperCase() })), _jsx(Text, { className: "font-semibold text-gray-900 dark:text-zinc-100 text-sm truncate", children: storeName })] })), _jsx(Nav, { "aria-label": "Store navigation", className: "flex-1 overflow-y-auto py-3", children: _jsx(Ul, { className: "space-y-0.5 px-2", children: items.map((item) => {
                         const isActive = activeHref === item.href;
                         return (_jsx(Li, { children: _jsxs(Link, { href: item.href, onClick: onItemClick, className: `flex items-center gap-3 rounded-lg px-3 py-2 text-sm transition-colors ${isActive
                                     ? "bg-orange-50 dark:bg-orange-900/20 text-orange-600 dark:text-orange-400 font-medium"
                                     : "text-gray-600 dark:text-zinc-300 hover:bg-gray-50 dark:hover:bg-slate-800 hover:text-gray-900 dark:hover:text-zinc-100"}`, children: [item.icon && (_jsx(Span, { className: "shrink-0 text-[1.1rem]", children: item.icon })), _jsx(Span, { className: "flex-1 truncate", children: item.label }), item.badge != null && item.badge > 0 && (_jsx(Span, { className: "shrink-0 rounded-full bg-orange-500 px-1.5 py-0.5 text-[10px] font-bold text-white", children: item.badge }))] }) }, item.href));
                     }) }) })] }));
 }
-export function SellerSidebar({ items, activeHref, storeName, storeLogoURL, mobileOpen = false, onCloseMobile, className = "", }) {
-    return (_jsxs(_Fragment, { children: [_jsx(Aside, { className: `hidden md:flex w-64 shrink-0 flex-col bg-white dark:bg-slate-900 border-r border-gray-200 dark:border-slate-700 ${className}`, children: _jsx(SellerNavContent, { items: items, activeHref: activeHref, storeName: storeName, storeLogoURL: storeLogoURL }) }), _jsx(BottomSheet, { open: mobileOpen, onClose: onCloseMobile ?? (() => { }), title: storeName ?? "Seller Panel", children: _jsx(SellerNavContent, { items: items, activeHref: activeHref, storeName: storeName, storeLogoURL: storeLogoURL, onItemClick: onCloseMobile }) })] }));
+export function StoreSidebar({ items, activeHref, storeName, storeLogoURL, mobileOpen = false, onCloseMobile, className = "", }) {
+    return (_jsxs(_Fragment, { children: [_jsx(Aside, { className: `hidden md:flex w-64 shrink-0 flex-col bg-white dark:bg-slate-900 border-r border-gray-200 dark:border-slate-700 ${className}`, children: _jsx(StoreNavContent, { items: items, activeHref: activeHref, storeName: storeName, storeLogoURL: storeLogoURL }) }), _jsx(BottomSheet, { open: mobileOpen, onClose: onCloseMobile ?? (() => { }), title: storeName ?? "Store Panel", children: _jsx(StoreNavContent, { items: items, activeHref: activeHref, storeName: storeName, storeLogoURL: storeLogoURL, onItemClick: onCloseMobile }) })] }));
 }
+/** @deprecated Use StoreSidebar */
+export const SellerSidebar = StoreSidebar;

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

@@ -42,3 +42,33 @@ export type { SellerAddressesViewProps } from "./SellerAddressesView";
 export { SellerGuideView } from "./SellerGuideView";
 export type { SellerGuideViewProps } from "./SellerGuideView";
 export * from "./analytics";
+export { StoreSidebar } from "./SellerSidebar";
+export type { StoreNavItem } from "./SellerSidebar";
+export { SellerDashboardView as StoreDashboardView } from "./SellerDashboardView";
+export type { SellerDashboardViewProps as StoreDashboardViewProps } from "./SellerDashboardView";
+export { SellerProductsView as StoreProductListingsView } from "./SellerProductsView";
+export type { SellerProductsViewProps as StoreProductListingsViewProps } from "./SellerProductsView";
+export { SellerAuctionsView as StoreAuctionsView } from "./SellerAuctionsView";
+export type { SellerAuctionsViewProps as StoreAuctionsViewProps } from "./SellerAuctionsView";
+export { SellerOrdersView as StoreOrdersView } from "./SellerOrdersView";
+export type { SellerOrdersViewProps as StoreOrdersViewProps } from "./SellerOrdersView";
+export { SellerOffersView as StoreOffersView } from "./SellerOffersView";
+export type { SellerOffersViewProps as StoreOffersViewProps } from "./SellerOffersView";
+export { SellerCouponsView as StoreCouponsView } from "./SellerCouponsView";
+export type { SellerCouponsViewProps as StoreCouponsViewProps } from "./SellerCouponsView";
+export { SellerPayoutsView as StorePayoutsView } from "./SellerPayoutsView";
+export type { SellerPayoutsViewProps as StorePayoutsViewProps } from "./SellerPayoutsView";
+export { SellerPayoutSettingsView as StorePayoutSettingsView } from "./SellerPayoutSettingsView";
+export type { SellerPayoutSettingsViewProps as StorePayoutSettingsViewProps } from "./SellerPayoutSettingsView";
+export { SellerAnalyticsView as StoreAnalyticsView } from "./SellerAnalyticsView";
+export type { SellerAnalyticsViewProps as StoreAnalyticsViewProps } from "./SellerAnalyticsView";
+export { SellerCreateProductView as StoreCreateProductView } from "./SellerCreateProductView";
+export type { SellerCreateProductViewProps as StoreCreateProductViewProps } from "./SellerCreateProductView";
+export { SellerEditProductView as StoreEditProductView } from "./SellerEditProductView";
+export type { SellerEditProductViewProps as StoreEditProductViewProps } from "./SellerEditProductView";
+export { SellerStoreView as StoreStorefrontView } from "./SellerStoreView";
+export type { SellerStoreViewProps as StoreStorefrontViewProps } from "./SellerStoreView";
+export { SellerShippingView as StoreShippingView } from "./SellerShippingView";
+export type { SellerShippingViewProps as StoreShippingViewProps } from "./SellerShippingView";
+export { SellerAddressesView as StoreAddressesView } from "./SellerAddressesView";
+export type { SellerAddressesViewProps as StoreAddressesViewProps } from "./SellerAddressesView";

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

@@ -21,3 +21,20 @@ export { SellerShippingView } from "./SellerShippingView";
 export { SellerAddressesView } from "./SellerAddressesView";
 export { SellerGuideView } from "./SellerGuideView";
 export * from "./analytics";
+// Store* aliases — same components, renamed for store-centric terminology
+export { StoreSidebar } from "./SellerSidebar";
+export { SellerDashboardView as StoreDashboardView } from "./SellerDashboardView";
+// SellerProductsView aliased as StoreProductListingsView (StoreProductsView is the public customer-facing store listing)
+export { SellerProductsView as StoreProductListingsView } from "./SellerProductsView";
+export { SellerAuctionsView as StoreAuctionsView } from "./SellerAuctionsView";
+export { SellerOrdersView as StoreOrdersView } from "./SellerOrdersView";
+export { SellerOffersView as StoreOffersView } from "./SellerOffersView";
+export { SellerCouponsView as StoreCouponsView } from "./SellerCouponsView";
+export { SellerPayoutsView as StorePayoutsView } from "./SellerPayoutsView";
+export { SellerPayoutSettingsView as StorePayoutSettingsView } from "./SellerPayoutSettingsView";
+export { SellerAnalyticsView as StoreAnalyticsView } from "./SellerAnalyticsView";
+export { SellerCreateProductView as StoreCreateProductView } from "./SellerCreateProductView";
+export { SellerEditProductView as StoreEditProductView } from "./SellerEditProductView";
+export { SellerStoreView as StoreStorefrontView } from "./SellerStoreView";
+export { SellerShippingView as StoreShippingView } from "./SellerShippingView";
+export { SellerAddressesView as StoreAddressesView } from "./SellerAddressesView";

package/dist/features/seller/hooks/useSellerStore.d.ts

@@ -26,3 +26,5 @@ export declare function useSellerAnalytics(period?: string, opts?: {
     error: string | null;
     refetch: (options?: import("@tanstack/query-core").RefetchOptions) => Promise<import("@tanstack/query-core").QueryObserverResult<SellerAnalytics, Error>>;
 };
+/** @deprecated Use useStoreDashboard */
+export { useSellerDashboard as useStoreDashboard };

package/dist/features/seller/hooks/useSellerStore.js

@@ -45,3 +45,5 @@ export function useSellerAnalytics(period = "30d", opts) {
         refetch,
     };
 }
+/** @deprecated Use useStoreDashboard */
+export { useSellerDashboard as useStoreDashboard };

package/dist/features/seller/permission-map.d.ts

@@ -1,3 +1,5 @@
 import type { Permission } from "../../security";
-/** Required permission for each seller route path */
-export declare const SELLER_PAGE_PERMISSIONS: Record<string, Permission>;
+/** Required permission for each store management route path */
+export declare const STORE_PAGE_PERMISSIONS: Record<string, Permission>;
+/** @deprecated Use STORE_PAGE_PERMISSIONS */
+export declare const SELLER_PAGE_PERMISSIONS: Record<string, string>;

package/dist/features/seller/permission-map.js

@@ -1,15 +1,17 @@
-/** Required permission for each seller route path */
-export const SELLER_PAGE_PERMISSIONS = {
-    "/seller": "seller:access",
-    "/seller/dashboard": "seller:analytics",
-    "/seller/products": "seller:products:read",
-    "/seller/products/new": "seller:products:write",
-    "/seller/products/[id]": "seller:products:write",
-    "/seller/orders": "seller:orders:read",
-    "/seller/orders/[id]": "seller:orders:read",
-    "/seller/analytics": "seller:analytics",
-    "/seller/coupons": "seller:coupons",
-    "/seller/store": "seller:store",
-    "/seller/payouts": "seller:payouts:read",
-    "/seller/shipping": "seller:shipping",
+/** Required permission for each store management route path */
+export const STORE_PAGE_PERMISSIONS = {
+    "/store": "seller:access",
+    "/store/dashboard": "seller:analytics",
+    "/store/products": "seller:products:read",
+    "/store/products/new": "seller:products:write",
+    "/store/products/[id]": "seller:products:write",
+    "/store/orders": "seller:orders:read",
+    "/store/orders/[id]": "seller:orders:read",
+    "/store/analytics": "seller:analytics",
+    "/store/coupons": "seller:coupons",
+    "/store/storefront": "seller:store",
+    "/store/payouts": "seller:payouts:read",
+    "/store/shipping": "seller:shipping",
 };
+/** @deprecated Use STORE_PAGE_PERMISSIONS */
+export const SELLER_PAGE_PERMISSIONS = STORE_PAGE_PERMISSIONS;

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

@@ -108,9 +108,9 @@ export declare const sellerStoreSchema: z.ZodObject<{
     } | undefined;
     bio?: string | undefined;
     returnPolicy?: string | undefined;
-    storeLogoURL?: string | undefined;
     storeDescription?: string | undefined;
     storeCategory?: string | undefined;
+    storeLogoURL?: string | undefined;
     storeBannerURL?: string | undefined;
     website?: string | undefined;
     shippingPolicy?: string | undefined;
@@ -140,9 +140,9 @@ export declare const sellerStoreSchema: z.ZodObject<{
     } | undefined;
     bio?: string | undefined;
     returnPolicy?: string | undefined;
-    storeLogoURL?: string | undefined;
     storeDescription?: string | undefined;
     storeCategory?: string | undefined;
+    storeLogoURL?: string | undefined;
     storeBannerURL?: string | undefined;
     website?: string | undefined;
     shippingPolicy?: string | undefined;

package/dist/features/stores/api/[storeSlug]/reviews/route.d.ts

@@ -19,5 +19,5 @@ type RouteContext = {
         storeSlug: string;
     }>;
 };
-export declare function GET(_request: Request, context: RouteContext): Promise<NextResponse>;
+export declare function GET(request: Request, context: RouteContext): Promise<NextResponse>;
 export {};

package/dist/features/stores/api/[storeSlug]/reviews/route.js

@@ -16,9 +16,14 @@
 import { NextResponse } from "next/server.js";
 import { getProviders } from "../../../../../contracts";
 // --- GET /api/stores/[storeSlug]/reviews --------------------------------------
-export async function GET(_request, context) {
+export async function GET(request, context) {
     try {
         const { storeSlug } = await context.params;
+        const url = new URL(request.url);
+        const ratingParam = url.searchParams.get("rating");
+        const ratingFilter = ratingParam ? Number(ratingParam) : 0;
+        const page = Math.max(1, Number(url.searchParams.get("page") || "1"));
+        const pageSize = Math.min(50, Math.max(1, Number(url.searchParams.get("pageSize") || "12")));
         const { db } = getProviders();
         if (!db) {
             return NextResponse.json({ success: false, error: "Database provider not registered" }, { status: 503 });
@@ -52,34 +57,32 @@ export async function GET(_request, context) {
             perPage: 50,
         })
             .then((r) => r.data)));
-        // Flatten, sort by date desc, cap to 10 most recent
-        const allReviews = reviewArrays
-            .flat()
-            .sort((a, b) => new Date(b.createdAt ?? 0).getTime() -
-            new Date(a.createdAt ?? 0).getTime())
-            .slice(0, 10);
-        // Compute aggregate metrics
-        const ratingDistribution = {
-            1: 0,
-            2: 0,
-            3: 0,
-            4: 0,
-            5: 0,
-        };
+        // Compute aggregate metrics from ALL reviews (unfiltered)
+        const ratingDistribution = { 1: 0, 2: 0, 3: 0, 4: 0, 5: 0 };
         let ratingSum = 0;
         let totalReviews = 0;
         for (const reviews of reviewArrays) {
             for (const review of reviews) {
                 totalReviews++;
                 ratingSum += review.rating;
-                ratingDistribution[review.rating] =
-                    (ratingDistribution[review.rating] ?? 0) + 1;
+                ratingDistribution[review.rating] = (ratingDistribution[review.rating] ?? 0) + 1;
             }
         }
         const averageRating = totalReviews > 0 ? ratingSum / totalReviews : 0;
-        // Enrich reviews with product title + main image
+        // Flatten and sort all reviews by date desc
         const productMap = new Map(products.map((p) => [p.id, p]));
-        const reviewsWithProduct = allReviews.map((review) => ({
+        const allSorted = reviewArrays
+            .flat()
+            .sort((a, b) => new Date(b.createdAt ?? 0).getTime() - new Date(a.createdAt ?? 0).getTime());
+        // Apply rating filter
+        const filtered = ratingFilter > 0
+            ? allSorted.filter((r) => Math.round(r.rating) === ratingFilter)
+            : allSorted;
+        const totalFiltered = filtered.length;
+        const totalPages = Math.max(1, Math.ceil(totalFiltered / pageSize));
+        const pageSlice = filtered.slice((page - 1) * pageSize, page * pageSize);
+        // Enrich with product title + main image
+        const reviewsWithProduct = pageSlice.map((review) => ({
             ...review,
             productTitle: productMap.get(review.productId)?.title ?? review.productTitle,
             productMainImage: productMap.get(review.productId)?.mainImage ?? null,
@@ -90,6 +93,8 @@ export async function GET(_request, context) {
                 reviews: reviewsWithProduct,
                 averageRating: Math.round(averageRating * 10) / 10,
                 totalReviews,
+                totalFiltered,
+                totalPages,
                 ratingDistribution,
             },
         });

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

@@ -1,7 +1,6 @@
 import type { StoreListItem } from "../types";
 export interface InteractiveStoreCardProps {
     store: StoreListItem;
-    /** Resolved href for the store detail page. */
     href: string;
     selectable?: boolean;
     selected?: boolean;
@@ -14,8 +13,4 @@ export interface InteractiveStoreCardProps {
     };
     className?: string;
 }
-/**
- * Generic store card with optional selection.
- * Callers compute `href` using their locale-aware routing helper.
- */
 export declare function InteractiveStoreCard({ store, href, selectable, selected, onSelect, labels, className, }: InteractiveStoreCardProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,16 +1,16 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import Link from "next/link";
-import { Heading, Text, Span, Row, Button, RichText, Div } from "../../../ui";
-import { THEME_CONSTANTS, LAYOUT } from "../../../tokens";
-import { MediaImage } from "../../media/MediaImage";
+import { Heading, Span, Row, Button, RichText } from "../../../ui";
+import { THEME_CONSTANTS } from "../../../tokens";
 import { normalizeRichTextHtml } from "../../../utils";
-/**
- * Generic store card with optional selection.
- * Callers compute `href` using their locale-aware routing helper.
- */
 export function InteractiveStoreCard({ store, href, selectable, selected, onSelect, labels = {}, className = "", }) {
-    return (_jsxs(Div, { className: `relative flex ${LAYOUT.cardHeight.store} min-w-[190px] flex-col overflow-hidden rounded-xl border border-zinc-200 bg-white shadow-sm transition-shadow hover:shadow-md dark:border-slate-700 dark:bg-slate-900 ${className}`, children: [selectable && (_jsx(Button, { type: "button", size: "sm", variant: "outline", "aria-label": selected ? "Deselect store" : "Select store", onClick: (e) => {
+    const initial = store.storeName[0]?.toUpperCase() ?? "S";
+    const hasLogo = Boolean(store.storeLogoURL);
+    const hasBanner = Boolean(store.storeBannerURL);
+    return (_jsxs("div", { className: `group relative flex flex-col h-full overflow-hidden rounded-xl border bg-white dark:bg-zinc-900 shadow-sm transition-shadow hover:shadow-lg ${selected
+            ? "border-primary outline outline-2 outline-primary"
+            : "border-zinc-200 dark:border-zinc-700"} ${className}`, children: [selectable && (_jsx(Button, { type: "button", "aria-label": selected ? "Deselect store" : "Select store", onClick: (e) => {
                     e.preventDefault();
                     onSelect?.(store.id, !selected);
-                }, className: `absolute top-2 left-2 z-10 h-5 w-5 rounded border-2 ${selected ? "bg-primary-500 border-primary-500" : "bg-white border-gray-300"} flex items-center justify-center`, children: selected && (_jsx(Span, { className: "text-white text-xs leading-none", children: "\u2713" })) })), _jsxs(Link, { href: href, className: "block", children: [store.storeBannerURL ? (_jsx(Div, { className: "aspect-video overflow-hidden bg-zinc-100 dark:bg-slate-800", children: _jsx(MediaImage, { src: store.storeBannerURL, alt: `${store.storeName} banner`, size: "banner", className: "h-full w-full object-cover" }) })) : (_jsx(Div, { className: "aspect-video bg-gradient-to-br from-zinc-100 to-zinc-200 dark:from-slate-800 dark:to-slate-700" })), _jsxs(Div, { className: "flex flex-1 flex-col px-4 pb-4", children: [_jsx(Div, { className: "-mt-6 mb-3", children: store.storeLogoURL ? (_jsx(MediaImage, { src: store.storeLogoURL, alt: store.storeName, size: "avatar", className: "h-12 w-12 rounded-lg border-2 border-white object-cover shadow-sm" })) : (_jsx(Div, { className: "flex h-12 w-12 items-center justify-center rounded-lg border-2 border-white bg-primary-100 text-lg font-bold text-primary-700 shadow-sm dark:bg-primary-900/40 dark:text-primary-300", children: store.storeName[0]?.toUpperCase() })) }), _jsx(Heading, { level: 3, className: `${THEME_CONSTANTS.utilities.textClamp2} text-sm font-semibold text-zinc-900 dark:text-zinc-100`, children: store.storeName }), _jsx(RichText, { html: normalizeRichTextHtml(store.storeDescription ?? ""), proseClass: "prose prose-sm max-w-none dark:prose-invert prose-p:my-0", className: `mt-1 ${THEME_CONSTANTS.utilities.textClamp2} min-h-9 text-xs text-zinc-500 dark:text-zinc-400` }), _jsxs(Row, { gap: "sm", className: "mt-2 text-xs text-zinc-500 dark:text-zinc-500", children: [store.totalProducts != null && store.totalProducts > 0 && (_jsxs(Span, { children: [store.totalProducts, " ", labels.products ?? "products"] })), store.itemsSold != null && store.itemsSold > 0 && (_jsxs(Span, { children: [store.itemsSold, " ", labels.sold ?? "sold"] })), store.averageRating != null && store.averageRating > 0 && (_jsxs(Span, { children: ["\u2605 ", store.averageRating.toFixed(1)] }))] }), _jsxs(Text, { className: "mt-auto pt-3 text-xs font-medium text-primary dark:text-primary-400", children: [labels.visitStore ?? "Visit store", " \u2192"] })] })] })] }));
+                }, className: `absolute top-2.5 left-2.5 z-10 h-5 w-5 rounded border-2 flex items-center justify-center bg-white/90 dark:bg-zinc-800/90 ${selected ? "bg-primary border-primary" : "border-zinc-300 dark:border-zinc-600"}`, children: selected && _jsx(Span, { className: "text-white text-xs leading-none", children: "\u2713" }) })), _jsxs(Link, { href: href, className: "flex flex-col flex-1 min-h-0", children: [_jsxs("div", { className: "relative aspect-video w-full overflow-hidden bg-gradient-to-br from-zinc-100 via-zinc-200 to-zinc-300 dark:from-zinc-800 dark:via-zinc-700 dark:to-zinc-900 flex-shrink-0", children: [hasBanner ? (_jsx("div", { className: "absolute inset-0 bg-center bg-cover transition-transform duration-500 group-hover:scale-105", style: { backgroundImage: `url(${store.storeBannerURL})` }, role: "img", "aria-label": `${store.storeName} banner` })) : (_jsx("div", { className: "absolute inset-0 flex items-center justify-center", children: _jsx("span", { className: "text-5xl opacity-20 select-none", "aria-hidden": "true", children: "\uD83C\uDFEA" }) })), _jsx("div", { className: "absolute inset-x-0 bottom-0 h-12 bg-gradient-to-t from-black/40 to-transparent pointer-events-none" }), store.averageRating != null && store.averageRating > 0 && (_jsxs("div", { className: "absolute top-2 right-2 flex items-center gap-1 rounded-full bg-black/50 backdrop-blur-sm px-2 py-0.5 text-xs font-semibold text-yellow-300", children: ["\u2605 ", store.averageRating.toFixed(1)] }))] }), _jsxs("div", { className: "flex flex-col flex-1 px-4 pb-4", children: [_jsx("div", { className: "-mt-5 mb-2 flex items-end justify-between", children: _jsx("div", { className: "flex-shrink-0", children: hasLogo ? (_jsx("div", { className: "h-10 w-10 rounded-lg border-2 border-white dark:border-zinc-800 bg-center bg-cover shadow-md", style: { backgroundImage: `url(${store.storeLogoURL})` }, role: "img", "aria-label": store.storeName })) : (_jsx("div", { className: "flex h-10 w-10 items-center justify-center rounded-lg border-2 border-white dark:border-zinc-800 bg-primary/10 dark:bg-primary/20 text-base font-bold text-primary shadow-md", children: initial })) }) }), _jsx(Heading, { level: 3, className: `${THEME_CONSTANTS.utilities.textClamp1} text-sm font-bold text-zinc-900 dark:text-zinc-100 group-hover:text-primary transition-colors`, children: store.storeName }), store.storeDescription ? (_jsx(RichText, { html: normalizeRichTextHtml(store.storeDescription), proseClass: "prose prose-sm max-w-none dark:prose-invert prose-p:my-0", className: `mt-1 ${THEME_CONSTANTS.utilities.textClamp2} text-xs text-zinc-500 dark:text-zinc-400 flex-1` })) : (_jsx("div", { className: "flex-1" })), _jsxs(Row, { gap: "sm", className: "mt-2.5 flex-wrap text-xs text-zinc-500 dark:text-zinc-400", children: [store.totalProducts != null && store.totalProducts > 0 && (_jsxs(Span, { className: "flex items-center gap-0.5", children: [_jsx("span", { "aria-hidden": "true", children: "\uD83D\uDCE6" }), " ", store.totalProducts, " ", labels.products ?? "products"] })), store.itemsSold != null && store.itemsSold > 0 && (_jsxs(Span, { className: "flex items-center gap-0.5", children: [_jsx("span", { "aria-hidden": "true", children: "\uD83D\uDECD\uFE0F" }), " ", store.itemsSold, " ", labels.sold ?? "sold"] }))] }), _jsxs("div", { className: "mt-3 pt-2.5 border-t border-zinc-100 dark:border-zinc-800 flex items-center justify-between", children: [_jsxs("span", { className: "text-xs font-semibold text-primary group-hover:underline transition-colors", children: [labels.visitStore ?? "Visit store", " \u2192"] }), store.totalReviews != null && store.totalReviews > 0 && (_jsxs("span", { className: "text-xs text-zinc-400 dark:text-zinc-500", children: [store.totalReviews, " ", labels.reviews ?? "reviews"] }))] })] })] })] }));
 }

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

@@ -1,14 +1,30 @@
 "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, Grid, Input, Pagination, Section, SlottedListingView, SortDropdown, Stack, Text, } from "../../../ui";
-import { MarketplaceAuctionCard } from "../../auctions/components/MarketplaceAuctionCard";
+import { Pagination, SortDropdown } from "../../../ui";
+import { MarketplaceAuctionGrid } from "../../auctions/components/MarketplaceAuctionGrid";
+import { ProductFilters } from "../../products/components/ProductFilters";
 import { getDefaultCurrency } from "../../../core/baseline-resolver";
+const AUCTION_SORT_OPTIONS = [
+    { value: "auctionEndDate", label: "Ending Soonest" },
+    { value: "-createdAt", label: "Newest" },
+    { value: "-currentBid", label: "Highest Bid" },
+    { value: "price", label: "Price: Low to High" },
+    { value: "-price", label: "Price: High to Low" },
+];
 export function StoreAuctionsListing({ sellerId, initialData }) {
     const table = useUrlTable({ defaults: { pageSize: "24", sort: "auctionEndDate" } });
+    const [searchInput, setSearchInput] = useState(table.get("q") || "");
+    const [filterOpen, setFilterOpen] = useState(false);
+    const [view, setView] = useState(table.get("view") || "grid");
     const params = {
-        sort: table.get("sort") || undefined,
+        q: table.get("q") || undefined,
+        minPrice: table.get("minPrice") ? Number(table.get("minPrice")) : undefined,
+        maxPrice: table.get("maxPrice") ? Number(table.get("maxPrice")) : undefined,
+        sort: table.get("sort") || "auctionEndDate",
         page: table.getNumber("page", 1),
         perPage: table.getNumber("pageSize", 24),
         sellerId,
@@ -33,9 +49,11 @@ export function StoreAuctionsListing({ sellerId, initialData }) {
         slug: p.slug,
         buyNowPrice: p.buyNowPrice,
     }));
-    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 auctions...", className: "max-w-sm" })), renderSort: (value, onChange) => (_jsx(SortDropdown, { value: value, onChange: onChange, options: [
-                        { value: "auctionEndDate", label: "Ending Soonest" },
-                        { value: "-createdAt", label: "Newest" },
-                        { value: "-currentBid", label: "Highest Bid" },
-                    ] })), renderTable: () => auctions.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 auctions yet" }), _jsx(Text, { className: "text-sm text-zinc-500", children: "This store has no active auctions." })] })) : (_jsx(Grid, { cols: "productCards", gap: "md", children: auctions.map((item) => (_jsx(MarketplaceAuctionCard, { product: item }, item.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 closeFilters = () => setFilterOpen(false);
+    const gridClass = "grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 gap-4";
+    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 auctions...", 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") || "auctionEndDate", onChange: (v) => { table.set("sort", v); table.setPage(1); }, options: AUCTION_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: () => { setView("grid"); table.set("view", "grid"); }, "aria-label": "Grid view", className: `p-2 transition-colors ${view === "grid" ? "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: () => { setView("list"); table.set("view", "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: gridClass, children: Array.from({ length: 8 }).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-4 bg-zinc-200 dark:bg-slate-700 rounded w-1/2" }), _jsx("div", { className: "h-8 bg-zinc-200 dark:bg-slate-700 rounded" })] })] }, i))) })) : (_jsx(MarketplaceAuctionGrid, { auctions: auctions, variant: view === "list" ? "list" : "grid", gridClassName: view === "list" ? "flex flex-col gap-4" : gridClass, labels: { emptyTitle: "No auctions yet", emptyDescription: "This store has no active auctions." } })), 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/StoreDetailLayoutView.js

@@ -12,6 +12,8 @@ export async function StoreDetailLayoutView({ storeSlug, activeTab, children, })
     const tabs = [
         { value: "products", label: "Products", href: String(ROUTES.PUBLIC.STORE_PRODUCTS(storeSlug)) },
         { value: "auctions", label: "Auctions", href: String(ROUTES.PUBLIC.STORE_AUCTIONS(storeSlug)) },
+        { value: "pre-orders", label: "Pre-Orders", href: String(ROUTES.PUBLIC.STORE_PRE_ORDERS(storeSlug)) },
+        { value: "coupons", label: "Coupons", href: String(ROUTES.PUBLIC.STORE_COUPONS(storeSlug)) },
         { value: "reviews", label: "Reviews", href: String(ROUTES.PUBLIC.STORE_REVIEWS(storeSlug)) },
         { value: "about", label: "About", href: String(ROUTES.PUBLIC.STORE_ABOUT(storeSlug)) },
     ];

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

@@ -0,0 +1,5 @@
+import type { UrlTable } from "../../filters/FilterPanel";
+export interface StoreFiltersProps {
+    table: UrlTable;
+}
+export declare function StoreFilters({ table }: StoreFiltersProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useTranslations } from "next-intl";
+import { FilterFacetSection } from "../../filters/FilterFacetSection";
+import { RangeFilter } from "../../filters/RangeFilter";
+import { SwitchFilter } from "../../filters/SwitchFilter";
+import { Div } from "../../../ui";
+export function StoreFilters({ table }) {
+    const t = useTranslations("filters");
+    const ratingOptions = [
+        { value: "5", label: t("rating5Stars") },
+        { value: "4", label: t("rating4Stars") },
+        { value: "3", label: t("rating3Stars") },
+        { value: "2", label: t("rating2Stars") },
+        { value: "1", label: t("rating1Star") },
+    ];
+    const selectedRatings = table.get("rating")
+        ? table.get("rating").split("|").filter(Boolean)
+        : [];
+    return (_jsxs(Div, { children: [_jsx(FilterFacetSection, { title: t("rating"), options: ratingOptions, selected: selectedRatings, onChange: (vals) => table.set("rating", vals.join("|")), searchable: false, defaultCollapsed: false }), _jsx(RangeFilter, { title: t("productCount"), minValue: table.get("minProductCount"), maxValue: table.get("maxProductCount"), onMinChange: (v) => table.set("minProductCount", v), onMaxChange: (v) => table.set("maxProductCount", v), minBound: 0, maxBound: 10000, step: 10, minPlaceholder: t("minProductCount"), maxPlaceholder: t("maxProductCount"), defaultCollapsed: true }), _jsx(SwitchFilter, { title: t("featured"), label: t("showFeaturedOnly"), checked: table.get("featured") === "true", onChange: (v) => table.set("featured", v ? "true" : ""), defaultCollapsed: true })] }));
+}

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

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button, Div, Heading, RichText, Row, Section, Span, Text, } from "../../../ui";
 import { normalizeRichTextHtml } from "../../../utils/string.formatter";
 export function StoreHeader({ store, labels = {}, onFollow, className = "", }) {
-    return (_jsxs(Section, { className: `bg-white dark:bg-slate-900 border-b border-gray-200 dark:border-slate-700 ${className}`, children: [store.storeBannerURL && (_jsx(Div, { className: "h-40 md:h-56 overflow-hidden bg-gray-100 dark:bg-slate-800", children: _jsx(Div, { role: "img", "aria-label": `${store.storeName} banner`, className: "h-full w-full bg-center bg-cover", style: { backgroundImage: `url(${store.storeBannerURL})` } }) })), _jsxs(Div, { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4", children: [_jsxs(Div, { className: "flex items-end gap-4", children: [store.storeLogoURL ? (_jsx(Div, { role: "img", "aria-label": store.storeName, className: "-mt-8 h-16 w-16 rounded-xl border-2 border-white dark:border-slate-800 bg-center bg-cover shadow-sm", style: { backgroundImage: `url(${store.storeLogoURL})` } })) : (_jsx(Div, { className: "-mt-8 h-16 w-16 rounded-xl border-2 border-white dark:border-slate-800 bg-orange-100 dark:bg-orange-900/30 flex items-center justify-center text-orange-600 dark:text-orange-400 font-bold text-2xl shadow-sm", children: store.storeName[0]?.toUpperCase() })), _jsxs(Div, { className: "flex-1 min-w-0", children: [_jsx(Heading, { level: 1, className: "text-xl font-bold text-gray-900 dark:text-zinc-100 truncate", children: store.storeName }), store.storeDescription && (_jsx(RichText, { html: normalizeRichTextHtml(store.storeDescription), copyableCode: true, className: "text-sm text-gray-500 dark:text-zinc-400 mt-0.5" }))] }), onFollow && (_jsx(Button, { type: "button", variant: "outline", size: "sm", onClick: () => onFollow(store.storeSlug), className: "shrink-0 rounded-lg border border-orange-500 px-4 py-2 text-sm font-medium text-orange-500 hover:bg-orange-50 transition-colors", children: labels.follow ?? "Follow" }))] }), store.isVacationMode && (_jsx(Text, { className: "mt-3 rounded-lg bg-yellow-50 dark:bg-yellow-900/20 border border-yellow-200 dark:border-yellow-800 px-3 py-2 text-sm text-yellow-700 dark:text-yellow-300", children: store.vacationMessage ??
+    return (_jsxs(Section, { className: `bg-white dark:bg-slate-900 border-b border-gray-200 dark:border-slate-700 ${className}`, children: [store.storeBannerURL && (_jsx(Div, { className: "h-40 md:h-56 overflow-hidden bg-gray-100 dark:bg-slate-800", children: _jsx(Div, { role: "img", "aria-label": `${store.storeName} banner`, className: "h-full w-full bg-center bg-cover", style: { backgroundImage: `url(${store.storeBannerURL})` } }) })), _jsxs(Div, { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4", children: [_jsxs(Div, { className: "flex items-end gap-4", children: [store.storeLogoURL ? (_jsx(Div, { role: "img", "aria-label": store.storeName, className: "-mt-8 h-16 w-16 rounded-xl border-2 border-white dark:border-slate-800 bg-center bg-cover shadow-sm", style: { backgroundImage: `url(${store.storeLogoURL})` } })) : (_jsx(Div, { className: "-mt-8 h-16 w-16 rounded-xl border-2 border-white dark:border-slate-800 bg-orange-100 dark:bg-orange-900/30 flex items-center justify-center text-orange-600 dark:text-orange-400 font-bold text-2xl shadow-sm", children: store.storeName[0]?.toUpperCase() })), _jsxs(Div, { className: "flex-1 min-w-0", children: [_jsxs(Div, { className: "flex flex-wrap items-center gap-2 mb-0.5", children: [_jsx(Heading, { level: 1, className: "text-xl font-bold text-gray-900 dark:text-zinc-100", children: store.storeName }), store.averageRating != null && store.averageRating > 0 && (_jsxs(Span, { className: "inline-flex items-center gap-1 text-sm font-medium text-amber-500", children: ["\u2605 ", store.averageRating.toFixed(1)] }))] }), _jsxs(Row, { className: "gap-3 text-xs text-gray-500 dark:text-zinc-400 mb-0.5", children: [store.category && _jsx(Span, { className: "capitalize", children: store.category }), store.totalProducts != null && store.totalProducts > 0 && (_jsxs(Span, { children: [store.totalProducts, " ", labels.products ?? "products"] })), store.totalReviews != null && store.totalReviews > 0 && (_jsxs(Span, { children: [store.totalReviews, " ", labels.reviews ?? "reviews"] })), store.itemsSold != null && store.itemsSold > 0 && (_jsxs(Span, { children: [store.itemsSold, " ", labels.sold ?? "sold"] }))] }), store.storeDescription && (_jsx(RichText, { html: normalizeRichTextHtml(store.storeDescription), copyableCode: true, className: "text-sm text-gray-500 dark:text-zinc-400 mt-0.5" }))] }), onFollow && (_jsx(Button, { type: "button", variant: "outline", size: "sm", onClick: () => onFollow(store.storeSlug), className: "shrink-0 rounded-lg border border-orange-500 px-4 py-2 text-sm font-medium text-orange-500 hover:bg-orange-50 transition-colors", children: labels.follow ?? "Follow" }))] }), store.isVacationMode && (_jsx(Text, { className: "mt-3 rounded-lg bg-yellow-50 dark:bg-yellow-900/20 border border-yellow-200 dark:border-yellow-800 px-3 py-2 text-sm text-yellow-700 dark:text-yellow-300", children: store.vacationMessage ??
                             labels.vacationMode ??
-                            "Store is on vacation mode" })), _jsxs(Row, { className: "gap-4 mt-3 text-sm text-gray-500 dark:text-zinc-400", children: [store.totalProducts != null && (_jsxs(Span, { children: [store.totalProducts, " ", labels.products ?? "products"] })), store.itemsSold != null && (_jsxs(Span, { children: [store.itemsSold, " ", labels.sold ?? "sold"] })), store.averageRating != null && (_jsxs(Span, { children: ["\u2605 ", store.averageRating.toFixed(1), " (", store.totalReviews, " ", labels.reviews ?? "reviews", ")"] }))] })] })] }));
+                            "Store is on vacation mode" }))] })] }));
 }

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

@@ -0,0 +1,5 @@
+export interface StorePreOrdersListingProps {
+    sellerId: string;
+    initialData?: any;
+}
+export declare function StorePreOrdersListing({ sellerId, initialData }: StorePreOrdersListingProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,40 @@
+"use client";
+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 { Pagination, SortDropdown } from "../../../ui";
+import { MarketplacePreorderCard } from "../../pre-orders/components/MarketplacePreorderCard";
+import { ProductFilters } from "../../products/components/ProductFilters";
+import { ROUTES } from "../../../next";
+const PREORDER_SORT_OPTIONS = [
+    { value: "-createdAt", label: "Newest First" },
+    { value: "preOrderDeliveryDate", label: "Delivery Soon" },
+    { value: "price", label: "Price: Low to High" },
+    { value: "-price", label: "Price: High to Low" },
+];
+export function StorePreOrdersListing({ 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") || "grid");
+    const params = {
+        q: table.get("q") || undefined,
+        minPrice: table.get("minPrice") ? Number(table.get("minPrice")) : undefined,
+        maxPrice: table.get("maxPrice") ? Number(table.get("maxPrice")) : undefined,
+        sort: table.get("sort") || "-createdAt",
+        page: table.getNumber("page", 1),
+        perPage: table.getNumber("pageSize", 24),
+        sellerId,
+        isPreOrder: true,
+    };
+    const { products: preOrders, total, totalPages, page, isLoading } = useProducts(params, { initialData });
+    const commitSearch = useCallback(() => {
+        table.set("q", searchInput.trim());
+        table.setPage(1);
+    }, [searchInput, table]);
+    const closeFilters = () => setFilterOpen(false);
+    const gridClass = "grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 gap-4";
+    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 pre-orders...", 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: PREORDER_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: () => { setView("grid"); table.set("view", "grid"); }, "aria-label": "Grid view", className: `p-2 transition-colors ${view === "grid" ? "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: () => { setView("list"); table.set("view", "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: gridClass, children: Array.from({ length: 8 }).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-8 bg-zinc-200 dark:bg-slate-700 rounded" })] })] }, i))) })) : preOrders.length === 0 ? (_jsx("p", { className: "py-12 text-center text-sm text-zinc-500 dark:text-zinc-400", children: "This store has no pre-orders yet." })) : view === "list" ? (_jsx("div", { className: "flex flex-col divide-y divide-zinc-100 dark:divide-zinc-800 rounded-xl border border-zinc-100 dark:border-zinc-800", children: preOrders.map((product) => (_jsx(MarketplacePreorderCard, { product: product, variant: "list", hrefBuilder: (p) => String(ROUTES.PUBLIC.PRE_ORDER_DETAIL(p.id)) }, product.id))) })) : (_jsx("div", { className: gridClass, children: preOrders.map((product) => (_jsx(MarketplacePreorderCard, { product: product, variant: "grid", hrefBuilder: (p) => String(ROUTES.PUBLIC.PRE_ORDER_DETAIL(p.id)) }, product.id))) })), 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/StorePreOrdersPageView.d.ts

@@ -0,0 +1,4 @@
+export interface StorePreOrdersPageViewProps {
+    storeSlug: string;
+}
+export declare function StorePreOrdersPageView({ storeSlug }: StorePreOrdersPageViewProps): Promise<import("react/jsx-runtime").JSX.Element | null>;

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

@@ -0,0 +1,21 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { productRepository, storeRepository } from "../../../repositories";
+import { StorePreOrdersListing } from "./StorePreOrdersListing";
+export async function StorePreOrdersPageView({ storeSlug }) {
+    const store = await storeRepository.findBySlug(storeSlug).catch(() => undefined);
+    const ownerId = store?.ownerId;
+    const result = ownerId
+        ? await productRepository
+            .list({
+            filters: `sellerId==${ownerId},status==published,isPreOrder==true`,
+            sorts: "-createdAt",
+            page: 1,
+            pageSize: 24,
+        })
+            .catch(() => null)
+        : null;
+    if (!ownerId) {
+        return null;
+    }
+    return (_jsx(StorePreOrdersListing, { sellerId: ownerId, initialData: result ?? undefined }));
+}