@mohasinac/appkit 2.3.1 → 2.4.0

package/dist/features/admin/types/product.types.d.ts

@@ -37,9 +37,8 @@ export interface AdminProduct {
         trimEnd?: number;
     };
     status: AdminProductStatus;
-    sellerId: string;
-    sellerName: string;
-    sellerEmail: string;
+    storeId?: string;
+    storeName?: string;
     featured: boolean;
     tags: string[];
     shippingInfo?: string;

package/dist/features/auctions/actions/bid-actions.js

@@ -9,6 +9,7 @@ import { bidRepository } from "../repository/bid.repository";
 import { productRepository } from "../../products/repository/products.repository";
 import { userRepository } from "../../auth/repository/user.repository";
 import { unitOfWork } from "../../../core/unit-of-work";
+import { storeRepository } from "../../stores/repository/store.repository";
 import { getAdminRealtimeDb } from "../../../providers/db-firebase";
 import { maskPublicBid } from "../../../security";
 import { ERROR_MESSAGES, AuthorizationError, ValidationError, NotFoundError, } from "../../../errors";
@@ -28,8 +29,11 @@ export async function placeBid(userId, userEmail, input) {
             throw new ValidationError(ERROR_MESSAGES.BID.AUCTION_ENDED);
         }
     }
-    if (product.sellerId === userId) {
-        throw new AuthorizationError(ERROR_MESSAGES.BID.OWN_AUCTION);
+    if (product.storeId) {
+        const store = await storeRepository.findById(product.storeId);
+        if (store?.ownerId === userId) {
+            throw new AuthorizationError(ERROR_MESSAGES.BID.OWN_AUCTION);
+        }
     }
     const minimumBid = (product.currentBid ?? 0) > 0
         ? product.currentBid

package/dist/features/auctions/components/AuctionDetailPageView.d.ts

@@ -1,4 +1,6 @@
+import type { PlaceBidInput } from "./PlaceBidFormClient";
 export interface AuctionDetailPageViewProps {
     id: string;
+    onPlaceBid?: (input: PlaceBidInput) => Promise<unknown>;
 }
-export declare function AuctionDetailPageView({ id }: AuctionDetailPageViewProps): Promise<import("react/jsx-runtime").JSX.Element>;
+export declare function AuctionDetailPageView({ id, onPlaceBid }: AuctionDetailPageViewProps): Promise<import("react/jsx-runtime").JSX.Element>;

package/dist/features/auctions/components/AuctionDetailPageView.js

@@ -1,71 +1,143 @@
-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 Link from "next/link";
 import { productRepository } from "../../../repositories";
 import { listBidsByProduct } from "../../auctions/actions/bid-actions";
 import { ROUTES } from "../../../next";
 import { getDefaultCurrency } from "../../../core/baseline-resolver";
-import { Button, Container, Div, Heading, Input, Main, Row, Section, Span, Stack, Text, } from "../../../ui";
+import { formatCurrency } from "../../../utils/number.formatter";
+import { normalizeRichTextHtml } from "../../../utils/string.formatter";
+import { safeDisplayName } from "../../../security";
+import { Button, Container, Div, Heading, Input, Main, RichText, Row, Section, Span, Stack, Text, } from "../../../ui";
 import { AuctionDetailView } from "../../products/components/AuctionDetailView";
-import { BidHistory } from "../../products/components/BidHistory";
+import { ProductTabsShell } from "../../products/components/ProductTabsShell";
+import { BuyBar } from "../../products/components/BuyBar";
 import { RelatedProducts } from "../../products/components/RelatedProducts";
+import { ProductGalleryClient } from "../../products/components/ProductGalleryClient";
+import { ProductFeatureBadges } from "../../products/components/ProductFeatureBadges";
+import { ShareButton } from "../../products/components/ShareButton";
 import { MarketplaceAuctionGrid } from "./MarketplaceAuctionGrid";
-export async function AuctionDetailPageView({ id }) {
-    const [product, bidsResult] = await Promise.all([
-        productRepository.findByIdOrSlug(id).catch(() => undefined),
-        listBidsByProduct(id, { pageSize: 20 }).catch(() => null),
-    ]);
-    const relatedDocs = product
-        ? await productRepository
-            .findByCategory(product.category ?? "")
-            .catch(() => [])
+import { listReviewsBySeller } from "../../reviews/actions/review-actions";
+import { PlaceBidFormClient } from "./PlaceBidFormClient";
+import { CollapsibleBidHistory } from "./CollapsibleBidHistory";
+function toDescriptionHtml(raw) {
+    if (!raw)
+        return "";
+    const s = typeof raw === "string" ? raw : JSON.stringify(raw);
+    return normalizeRichTextHtml(s);
+}
+export async function AuctionDetailPageView({ id, onPlaceBid }) {
+    const product = await productRepository.findByIdOrSlug(id).catch(() => undefined);
+    const bidsResult = product
+        ? await listBidsByProduct(String(product.id), { pageSize: 20 }).catch(() => null)
+        : null;
+    const sellerId = product?.sellerId;
+    const storeReviews = sellerId
+        ? await listReviewsBySeller(sellerId).catch(() => [])
         : [];
     if (!product) {
         return (_jsx(Main, { children: _jsx(Section, { className: "py-20", children: _jsx(Container, { size: "md", children: _jsxs(Stack, { align: "center", gap: "md", className: "text-center", children: [_jsx(Heading, { level: 1, className: "text-2xl font-semibold text-zinc-900 dark:text-zinc-50", children: "Auction Not Found" }), _jsx(Text, { className: "text-zinc-500", children: "This auction may have ended or the link is incorrect." }), _jsx(Link, { href: String(ROUTES.PUBLIC.AUCTIONS), className: "text-sm font-medium text-primary-600 hover:underline", children: "Browse Auctions" })] }) }) }) }));
     }
     const p = product;
     const currency = p.currency || getDefaultCurrency();
-    const currentBid = typeof p.currentBid === "number" ? p.currentBid : p.startingBid ?? p.price ?? 0;
-    const currentBidFormatted = new Intl.NumberFormat(undefined, {
-        style: "currency",
-        currency,
-    }).format(currentBid);
-    const startingBidFormatted = new Intl.NumberFormat(undefined, {
-        style: "currency",
-        currency,
-    }).format(p.startingBid ?? p.price ?? 0);
-    const images = Array.isArray(p.images) ? p.images : p.imageUrl ? [p.imageUrl] : [];
-    const primaryImage = images[0];
+    const title = String(p.title ?? p.name ?? "Auction Item");
+    const currentBid = typeof p.currentBid === "number"
+        ? p.currentBid
+        : typeof p.startingBid === "number"
+            ? p.startingBid
+            : typeof p.price === "number"
+                ? p.price
+                : 0;
+    const startingBid = typeof p.startingBid === "number"
+        ? p.startingBid
+        : typeof p.price === "number"
+            ? p.price
+            : 0;
+    const minBidIncrement = typeof p.minBidIncrement === "number" ? p.minBidIncrement : 1;
+    const images = Array.isArray(p.images)
+        ? p.images
+        : typeof p.mainImage === "string"
+            ? [p.mainImage]
+            : [];
     const endDate = p.auctionEndDate ? new Date(p.auctionEndDate) : null;
     const isEnded = endDate ? endDate < new Date() : false;
     const bidCount = typeof p.bidCount === "number" ? p.bidCount : 0;
-    return (_jsx(AuctionDetailView, { renderGallery: () => primaryImage ? (_jsx(Div, { className: "overflow-hidden rounded-xl border border-zinc-100 dark:border-zinc-800", children: _jsx(Div, { role: "img", "aria-label": p.title ?? p.name ?? "Auction item", className: "aspect-square w-full bg-cover bg-center", style: { backgroundImage: `url(${primaryImage})` } }) })) : (_jsx(Div, { className: "overflow-hidden rounded-xl border border-zinc-100 bg-zinc-50 dark:border-zinc-800 dark:bg-zinc-900", children: _jsx(Div, { className: "flex aspect-square items-center justify-center text-zinc-300 dark:text-zinc-700", children: _jsxs("svg", { width: "64", height: "64", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", "aria-hidden": "true", children: [_jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2" }), _jsx("circle", { cx: "8.5", cy: "8.5", r: "1.5" }), _jsx("path", { d: "M21 15l-5-5L5 21" })] }) }) })), renderInfo: () => (_jsxs(Stack, { gap: "md", children: [_jsx(Heading, { level: 1, className: "text-2xl font-bold text-zinc-900 dark:text-zinc-50", children: p.title ?? p.name ?? "Auction Item" }), _jsxs(Row, { align: "center", gap: "sm", wrap: true, children: [_jsx(Span, { className: "text-2xl font-semibold text-primary-600 dark:text-primary-400", children: currentBidFormatted }), _jsxs(Span, { className: "text-sm text-zinc-500", children: [bidCount, " ", bidCount === 1 ? "bid" : "bids"] }), isEnded && (_jsx(Span, { className: "rounded-full bg-red-100 px-2.5 py-0.5 text-xs font-medium text-red-700 dark:bg-red-900/30 dark:text-red-400", children: "Ended" }))] }), endDate && !isEnded && (_jsxs(Text, { className: "text-sm text-zinc-600 dark:text-zinc-400", children: ["Ends: ", endDate.toLocaleString()] })), p.description && (_jsx(Text, { className: "text-sm leading-relaxed text-zinc-600 dark:text-zinc-400", children: typeof p.description === "string" ? p.description : "" })), p.sellerName && (_jsxs(Row, { align: "center", gap: "xs", children: [_jsx(Span, { className: "text-xs text-zinc-500", children: "Listed by" }), _jsx(Span, { className: "text-xs font-medium text-zinc-700 dark:text-zinc-300", children: p.sellerName })] }))] })), renderBidForm: () => (_jsx(Div, { className: "rounded-xl border border-zinc-100 bg-zinc-50 p-5 dark:border-zinc-800 dark:bg-zinc-900", children: _jsxs(Stack, { gap: "sm", children: [_jsxs(Text, { className: "text-sm font-medium text-zinc-700 dark:text-zinc-300", children: ["Current bid: ", currentBidFormatted] }), _jsxs(Text, { className: "text-xs text-zinc-500", children: ["Starting bid: ", startingBidFormatted] }), _jsx(Input, { type: "number", placeholder: `Minimum bid`, min: currentBid + 1, "aria-label": "Your bid amount", disabled: isEnded }), _jsx(Button, { variant: "primary", size: "md", className: "w-full", disabled: isEnded, children: isEnded ? "Auction Ended" : "Place Bid" })] }) })), renderMobileBidForm: () => !isEnded ? (_jsx(Div, { className: "rounded-xl border border-zinc-100 bg-zinc-50 p-4 dark:border-zinc-800 dark:bg-zinc-900 lg:hidden", children: _jsxs(Stack, { gap: "sm", children: [_jsxs(Row, { align: "center", gap: "sm", children: [_jsx(Span, { className: "text-base font-semibold text-primary-600", children: currentBidFormatted }), _jsxs(Span, { className: "text-xs text-zinc-500", children: [bidCount, " bids"] })] }), _jsx(Button, { variant: "primary", size: "md", className: "w-full", children: "Place Bid" })] }) })) : null, renderBidHistory: () => {
-            const bids = (bidsResult?.items ?? []).map((b) => ({
-                id: b.id,
-                bidderId: b.userId ?? b.bidderId ?? "",
-                bidderName: b.bidderName ?? b.userName,
-                amount: b.bidAmount ?? b.amount ?? 0,
-                placedAt: b.createdAt ?? b.bidAt ?? "",
-            }));
-            return (_jsx(BidHistory, { bids: bids, isEmpty: bids.length === 0, labels: { title: "Bid History" } }));
-        }, renderRelated: () => {
-            const related = relatedDocs
-                .filter((r) => r.id !== product.id && r.isAuction !== false)
-                .slice(0, 4)
-                .map((r) => ({
-                id: String(r.id ?? ""),
-                title: String(r.name ?? r.title ?? "Auction Item"),
-                price: typeof r.price === "number" ? r.price : 0,
-                currency: typeof r.currency === "string" ? r.currency : undefined,
-                mainImage: Array.isArray(r.images) ? r.images[0] : typeof r.imageUrl === "string" ? r.imageUrl : undefined,
-                isAuction: true,
-                auctionEndDate: r.auctionEndDate,
-                startingBid: typeof r.startingBid === "number" ? r.startingBid : undefined,
-                currentBid: typeof r.currentBid === "number" ? r.currentBid : undefined,
-                bidCount: typeof r.bidCount === "number" ? r.bidCount : undefined,
-                slug: typeof r.slug === "string" ? r.slug : undefined,
-            }));
-            if (related.length === 0)
-                return null;
-            return (_jsx(RelatedProducts, { labels: { title: "Similar Auctions" }, renderGrid: () => (_jsx(MarketplaceAuctionGrid, { auctions: related, gridClassName: "grid grid-cols-2 gap-4 sm:grid-cols-3 lg:grid-cols-4" })) }));
-        } }));
+    const buyNowPrice = typeof p.buyNowPrice === "number" ? p.buyNowPrice : null;
+    const condition = typeof p.condition === "string" ? p.condition : null;
+    const featured = p.featured === true;
+    const shippingPaidBy = p.shippingPaidBy;
+    const freeShipping = shippingPaidBy === "seller";
+    const storeName = typeof p.storeName === "string" ? p.storeName : null;
+    const sellerName = typeof p.sellerName === "string" ? p.sellerName : null;
+    const safeSeller = (storeName || sellerName) ? safeDisplayName((storeName || sellerName) ?? "", "") : null;
+    const storeSlug = (typeof p.storeSlug === "string" ? p.storeSlug : null) || (typeof p.storeId === "string" ? p.storeId : null);
+    const auctionSellerId = typeof p.sellerId === "string" ? p.sellerId : null;
+    const storeHref = storeSlug
+        ? String(ROUTES.PUBLIC.STORE_DETAIL(storeSlug))
+        : auctionSellerId
+            ? String(ROUTES.PUBLIC.SELLER_DETAIL(auctionSellerId))
+            : null;
+    const category = typeof p.category === "string" ? p.category : null;
+    const categoryName = typeof p.categoryName === "string" ? p.categoryName : null;
+    const brand = typeof p.brand === "string" ? p.brand : null;
+    const brandSlug = typeof p.brandSlug === "string" ? p.brandSlug : null;
+    const tags = Array.isArray(p.tags) ? p.tags : [];
+    const features = Array.isArray(p.features) ? p.features : [];
+    const specs = Array.isArray(p.specifications)
+        ? p.specifications
+        : [];
+    const descriptionHtml = toDescriptionHtml(p.description);
+    const relatedDocs = await productRepository
+        .findByCategory(String(p.category ?? ""))
+        .catch(() => []);
+    return (_jsx(Main, { children: _jsxs(Container, { size: "xl", className: "px-4 py-6", children: [_jsxs("div", { className: "mb-4 flex items-center justify-between flex-wrap gap-2", children: [_jsxs("nav", { "aria-label": "Breadcrumb", className: "flex items-center gap-1.5 text-xs text-zinc-500 dark:text-zinc-400 flex-wrap", children: [_jsx(Link, { href: String(ROUTES.HOME), className: "hover:text-primary-600 transition-colors", children: "Home" }), _jsx(Span, { "aria-hidden": true, children: "/" }), _jsx(Link, { href: String(ROUTES.PUBLIC.AUCTIONS), className: "hover:text-primary-600 transition-colors", children: "Auctions" }), category && (_jsxs(_Fragment, { children: [_jsx(Span, { "aria-hidden": true, children: "/" }), _jsx(Link, { href: String(ROUTES.PUBLIC.CATEGORY_DETAIL(category)), className: "hover:text-primary-600 transition-colors", children: categoryName || category })] })), _jsx(Span, { "aria-hidden": true, children: "/" }), _jsx(Span, { className: "text-zinc-700 dark:text-zinc-300 truncate max-w-[200px]", children: title })] }), _jsx(ShareButton, { title: title })] }), _jsx(AuctionDetailView, { renderGallery: () => (_jsx(ProductGalleryClient, { images: images, productName: title })), renderInfo: () => (_jsxs(Stack, { gap: "sm", children: [_jsxs(Div, { children: [_jsx(Span, { className: "mb-1.5 inline-block rounded-full bg-amber-100 dark:bg-amber-900/30 px-2.5 py-0.5 text-xs font-semibold text-amber-700 dark:text-amber-300", children: "\uD83C\uDFF7\uFE0F Live Auction" }), _jsx(Heading, { level: 1, className: "text-xl font-bold leading-snug text-zinc-900 dark:text-zinc-50 sm:text-2xl", children: title })] }), _jsxs(Row, { align: "center", gap: "sm", wrap: true, children: [_jsxs(Div, { children: [_jsx(Text, { className: "text-xs text-zinc-500", children: "Current bid" }), _jsx(Span, { className: "text-2xl font-bold text-primary-600 dark:text-primary-400", children: formatCurrency(currentBid, currency) })] }), _jsxs(Span, { className: "rounded-full bg-zinc-100 dark:bg-zinc-800 px-3 py-1 text-sm font-medium text-zinc-600 dark:text-zinc-300", children: [bidCount, " ", bidCount === 1 ? "bid" : "bids"] }), isEnded ? (_jsx(Span, { className: "rounded-full bg-red-100 px-2.5 py-0.5 text-xs font-medium text-red-700 dark:bg-red-900/30 dark:text-red-400", children: "Ended" })) : (_jsx(Span, { className: "rounded-full bg-emerald-100 px-2.5 py-0.5 text-xs font-medium text-emerald-700 dark:bg-emerald-900/30 dark:text-emerald-400", children: "Active" }))] }), endDate && (_jsxs(Row, { align: "center", gap: "xs", className: "text-sm text-zinc-600 dark:text-zinc-400", children: [_jsxs(Span, { children: [isEnded ? "Ended" : "Ends", ":"] }), _jsx(Span, { className: "font-medium", children: endDate.toLocaleString() })] })), buyNowPrice !== null && !isEnded && (_jsxs(Row, { align: "center", gap: "sm", className: "rounded-lg border border-primary-200 dark:border-primary-800 bg-primary-50 dark:bg-primary-900/20 px-3 py-2", children: [_jsx(Span, { className: "text-xs text-zinc-600 dark:text-zinc-400", children: "Buy Now:" }), _jsx(Span, { className: "text-base font-bold text-primary-700 dark:text-primary-300", children: formatCurrency(buyNowPrice, currency) })] })), _jsx(ProductFeatureBadges, { featured: featured, freeShipping: freeShipping, condition: condition ?? undefined, labels: {
+                                    featured: "Featured",
+                                    fasterDelivery: "Faster Delivery",
+                                    ratedSeller: "Rated Seller",
+                                    condition: "Condition",
+                                    conditionNew: "New",
+                                    conditionUsed: "Used",
+                                    conditionBroken: "For Parts",
+                                    conditionRefurbished: "Refurbished",
+                                    returnable: "Returnable",
+                                    freeShipping: "Free Shipping",
+                                    codAvailable: "Cash on Delivery",
+                                    wishlistCount: (n) => `${n} wishlisted`,
+                                    categoryProductCount: (n, cat) => `${n} in ${cat}`,
+                                } }), (categoryName || category || brand) && (_jsxs(Row, { align: "center", gap: "xs", className: "text-xs text-zinc-400 dark:text-zinc-500 flex-wrap", children: [category ? (_jsx(Link, { href: String(ROUTES.PUBLIC.CATEGORY_DETAIL(category)), className: "hover:text-primary-600 dark:hover:text-primary-400 transition-colors", children: categoryName || category })) : categoryName ? (_jsx(Span, { children: categoryName })) : null, (category || categoryName) && brand && _jsx(Span, { children: "\u203A" }), brand && (brandSlug ? (_jsx(Link, { href: String(ROUTES.PUBLIC.BRAND_DETAIL(brandSlug)), className: "font-medium text-zinc-600 dark:text-zinc-300 hover:text-primary-600 dark:hover:text-primary-400 transition-colors", children: brand })) : (_jsx(Span, { className: "font-medium text-zinc-600 dark:text-zinc-300", children: brand })))] })), features.length > 0 && (_jsxs(Div, { className: "rounded-xl border border-zinc-100 dark:border-zinc-800 bg-zinc-50 dark:bg-zinc-900/60 px-4 py-3", children: [_jsx(Text, { className: "mb-2 text-xs font-semibold uppercase tracking-wide text-zinc-500 dark:text-zinc-400", children: "About this item" }), _jsx("ul", { className: "space-y-1.5", children: features.map((f, i) => (_jsxs("li", { className: "flex items-start gap-2 text-sm text-zinc-700 dark:text-zinc-300", children: [_jsx(Span, { className: "mt-0.5 flex-shrink-0 text-primary-500", children: "\u2022" }), f] }, i))) })] })), descriptionHtml && (_jsx(RichText, { html: descriptionHtml, proseClass: "prose prose-sm max-w-none dark:prose-invert prose-p:my-0", className: "text-sm leading-relaxed text-zinc-600 dark:text-zinc-400 line-clamp-4" })), safeSeller && (_jsx(Div, { className: "rounded-xl border border-zinc-100 dark:border-zinc-800 bg-zinc-50 dark:bg-zinc-900/60 p-3", children: _jsxs(Row, { justify: "between", align: "center", children: [_jsxs(Div, { children: [_jsx(Text, { className: "text-[10px] uppercase tracking-wide text-zinc-400 dark:text-zinc-500 mb-0.5", children: "Listed by" }), _jsx(Text, { className: "text-sm font-semibold text-zinc-800 dark:text-zinc-200", children: safeSeller })] }), storeHref && (_jsx(Link, { href: storeHref, className: "shrink-0 rounded-lg bg-primary/10 dark:bg-primary/20 px-3 py-1.5 text-xs font-semibold text-primary-700 dark:text-primary-300 hover:bg-primary/20 dark:hover:bg-primary/30 transition-colors", children: "Visit Store \u2192" }))] }) }))] })), renderBidForm: () => onPlaceBid ? (_jsx(Div, { id: "auction-bid-form", children: _jsx(PlaceBidFormClient, { productId: String(product.id), currentBid: currentBid, startingBid: startingBid, minBidIncrement: minBidIncrement, currency: currency, isEnded: isEnded, buyNowPrice: buyNowPrice, bidCount: bidCount, tags: tags, onPlaceBid: onPlaceBid }) })) : (_jsxs(Div, { className: "rounded-xl border border-zinc-100 dark:border-zinc-800 bg-zinc-50 dark:bg-zinc-900/60 p-5 space-y-4", children: [_jsxs(Div, { className: "space-y-1", children: [_jsxs(Row, { justify: "between", align: "center", children: [_jsx(Text, { className: "text-xs text-zinc-500", children: "Current bid" }), _jsx(Text, { className: "text-xs text-zinc-500", children: "Starting bid" })] }), _jsxs(Row, { justify: "between", align: "baseline", children: [_jsx(Span, { className: "text-xl font-bold text-primary-600 dark:text-primary-400", children: formatCurrency(currentBid, currency) }), _jsx(Span, { className: "text-sm text-zinc-500", children: formatCurrency(startingBid, currency) })] }), _jsxs(Text, { className: "text-xs text-zinc-400 dark:text-zinc-500", children: [bidCount, " ", bidCount === 1 ? "bid" : "bids", " \u00B7 min increment ", formatCurrency(minBidIncrement, currency)] })] }), _jsxs(Stack, { gap: "sm", children: [_jsx(Input, { type: "number", placeholder: `At least ${formatCurrency(currentBid + minBidIncrement, currency)}`, min: currentBid + minBidIncrement, "aria-label": "Your bid amount", disabled: isEnded }), _jsx(Button, { variant: "primary", size: "md", className: "w-full", disabled: isEnded, children: isEnded ? "Auction Ended" : "Place Bid" }), buyNowPrice !== null && !isEnded && (_jsxs(Button, { variant: "secondary", size: "md", className: "w-full", children: ["Buy Now \u2014 ", formatCurrency(buyNowPrice, currency)] }))] }), tags.length > 0 && (_jsx(Div, { className: "border-t border-zinc-200 dark:border-zinc-700 pt-4", children: _jsx(Row, { wrap: true, gap: "xs", children: tags.map((tag) => (_jsx(Span, { className: "rounded-full bg-zinc-100 dark:bg-zinc-800 px-2.5 py-1 text-xs text-zinc-600 dark:text-zinc-300", children: tag }, tag))) }) }))] })), renderMobileBidForm: () => !isEnded && onPlaceBid ? (_jsx(Div, { className: "lg:hidden", children: _jsx(PlaceBidFormClient, { productId: String(product.id), currentBid: currentBid, startingBid: startingBid, minBidIncrement: minBidIncrement, currency: currency, isEnded: isEnded, buyNowPrice: buyNowPrice, bidCount: bidCount, tags: tags, onPlaceBid: onPlaceBid }) })) : !isEnded ? (_jsxs(Div, { className: "rounded-xl border border-zinc-100 dark:border-zinc-800 bg-zinc-50 dark:bg-zinc-900/60 p-4 lg:hidden", children: [_jsxs(Row, { align: "center", gap: "sm", className: "mb-3", children: [_jsx(Span, { className: "text-base font-bold text-primary-600 dark:text-primary-400", children: formatCurrency(currentBid, currency) }), _jsxs(Span, { className: "text-xs text-zinc-500", children: [bidCount, " bids"] })] }), _jsx(Button, { variant: "primary", size: "md", className: "w-full", children: "Place Bid" })] })) : null, renderTabs: () => (_jsx(ProductTabsShell, { descriptionContent: descriptionHtml ? (_jsx(RichText, { html: descriptionHtml, proseClass: "prose prose-sm sm:prose max-w-none dark:prose-invert", className: "text-zinc-700 dark:text-zinc-300" })) : undefined, specsContent: specs.length > 0 ? (_jsx("dl", { className: "divide-y divide-zinc-100 dark:divide-zinc-800 rounded-xl border border-zinc-100 dark:border-zinc-800 overflow-hidden text-sm", children: specs.map((s, i) => (_jsxs("div", { className: "flex gap-4 px-4 py-3 bg-white dark:bg-zinc-900 even:bg-zinc-50 dark:even:bg-zinc-800/50", children: [_jsx("dt", { className: "w-36 flex-shrink-0 font-medium text-zinc-700 dark:text-zinc-300", children: s.name }), _jsxs("dd", { className: "flex-1 text-zinc-600 dark:text-zinc-400", children: [s.value, s.unit ? ` ${s.unit}` : ""] })] }, i))) })) : undefined })), renderBidHistory: () => {
+                        const bids = (bidsResult?.items ?? []).map((b) => ({
+                            id: String(b.id ?? ""),
+                            bidderId: String(b.userId ?? b.bidderId ?? ""),
+                            bidderName: (b.bidderName ?? b.userName),
+                            amount: (typeof b.bidAmount === "number" ? b.bidAmount : typeof b.amount === "number" ? b.amount : 0),
+                            placedAt: (b.createdAt ?? b.bidAt ?? ""),
+                        }));
+                        return _jsx(CollapsibleBidHistory, { bids: bids, currency: currency });
+                    }, renderRelated: () => {
+                        const related = relatedDocs
+                            .filter((r) => r.id !== product.id && r.isAuction !== false)
+                            .slice(0, 4)
+                            .map((r) => ({
+                            id: String(r.id ?? ""),
+                            title: String(r.title ?? r.name ?? "Auction Item"),
+                            price: typeof r.price === "number" ? r.price : 0,
+                            currency: typeof r.currency === "string" ? r.currency : undefined,
+                            mainImage: Array.isArray(r.images)
+                                ? r.images[0]
+                                : typeof r.mainImage === "string"
+                                    ? r.mainImage
+                                    : undefined,
+                            isAuction: true,
+                            auctionEndDate: r.auctionEndDate,
+                            startingBid: typeof r.startingBid === "number" ? r.startingBid : undefined,
+                            currentBid: typeof r.currentBid === "number" ? r.currentBid : undefined,
+                            bidCount: typeof r.bidCount === "number" ? r.bidCount : undefined,
+                            slug: typeof r.slug === "string" ? r.slug : undefined,
+                        }));
+                        if (related.length === 0)
+                            return null;
+                        return (_jsx(RelatedProducts, { labels: { title: "Similar Auctions" }, renderGrid: () => (_jsx(MarketplaceAuctionGrid, { auctions: related, gridClassName: "grid grid-cols-2 gap-4 sm:grid-cols-3 lg:grid-cols-4" })) }));
+                    } }), storeReviews.length > 0 && (_jsxs(Section, { className: "mt-10", children: [_jsx(Heading, { level: 2, className: "mb-2 text-xl font-semibold text-zinc-900 dark:text-zinc-50", children: "Store Reviews" }), (() => {
+                            const avg = storeReviews.reduce((s, r) => s + r.rating, 0) / storeReviews.length;
+                            return (_jsxs(Div, { className: "mb-4 flex items-center gap-3", children: [_jsx(Span, { className: "text-3xl font-bold text-zinc-900 dark:text-zinc-50", children: avg.toFixed(1) }), _jsxs(Div, { children: [_jsx(Row, { gap: "xs", children: [1, 2, 3, 4, 5].map((star) => (_jsx(Span, { className: star <= Math.round(avg) ? "text-amber-400" : "text-zinc-200 dark:text-zinc-700", children: "\u2605" }, star))) }), _jsxs(Text, { className: "text-xs text-zinc-500 dark:text-zinc-400", children: [storeReviews.length, " review", storeReviews.length !== 1 ? "s" : ""] })] })] }));
+                        })(), _jsx(Stack, { gap: "sm", children: storeReviews.slice(0, 10).map((review) => (_jsxs(Div, { className: "rounded-xl border border-zinc-100 dark:border-zinc-800 bg-white dark:bg-zinc-900/60 p-4 space-y-1.5", children: [_jsx(Row, { justify: "between", align: "center", children: _jsxs(Row, { gap: "xs", align: "center", children: [_jsx(Span, { className: "text-sm font-medium text-zinc-800 dark:text-zinc-200", children: review.userName }), _jsx(Row, { gap: "xs", children: [1, 2, 3, 4, 5].map((star) => (_jsx(Span, { className: `text-xs ${star <= review.rating ? "text-amber-400" : "text-zinc-200 dark:text-zinc-700"}`, children: "\u2605" }, star))) })] }) }), review.title && (_jsx(Text, { className: "text-sm font-semibold text-zinc-800 dark:text-zinc-100", children: review.title })), _jsx(Text, { className: "text-sm text-zinc-600 dark:text-zinc-400 leading-relaxed", children: review.comment }), _jsx(Text, { className: "text-xs text-zinc-400 dark:text-zinc-500", children: review.productTitle })] }, review.id))) })] })), !isEnded && (_jsxs(BuyBar, { children: [_jsx(Span, { className: "mr-auto text-sm font-bold text-zinc-900 dark:text-zinc-50", children: formatCurrency(currentBid, currency) }), _jsxs(Span, { className: "text-xs text-zinc-400 dark:text-zinc-500 mr-1", children: [bidCount, " bid", bidCount !== 1 ? "s" : ""] }), _jsx("a", { href: "#auction-bid-form", className: "appkit-button appkit-button--primary appkit-button--sm shrink-0", children: _jsx("span", { className: "appkit-button__content", children: "Place Bid" }) })] }))] }) }));
 }

package/dist/features/auctions/components/AuctionFilters.d.ts

@@ -0,0 +1,10 @@
+import type { FacetOption } from "../../filters/FilterFacetSection";
+import type { UrlTable } from "../../filters/FilterPanel";
+export interface AuctionFiltersProps {
+    table: UrlTable;
+    categoryOptions?: FacetOption[];
+    brandOptions?: FacetOption[];
+    storeOptions?: FacetOption[];
+    currencyPrefix?: string;
+}
+export declare function AuctionFilters({ table, categoryOptions, brandOptions, storeOptions, currencyPrefix, }: AuctionFiltersProps): import("react/jsx-runtime").JSX.Element;

package/dist/features/auctions/components/AuctionFilters.js

@@ -0,0 +1,16 @@
+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 { Div } from "../../../ui";
+export function AuctionFilters({ table, categoryOptions = [], brandOptions = [], storeOptions = [], currencyPrefix = "", }) {
+    const t = useTranslations("filters");
+    const selectedCategories = table.get("category")
+        ? table.get("category").split("|").filter(Boolean)
+        : [];
+    const selectedBrands = table.get("brand") ? [table.get("brand")] : [];
+    const selectedStores = table.get("storeId")
+        ? table.get("storeId").split("|").filter(Boolean)
+        : [];
+    return (_jsxs(Div, { children: [categoryOptions.length > 0 && (_jsx(FilterFacetSection, { title: t("category"), options: categoryOptions, selected: selectedCategories, onChange: (vals) => table.set("category", vals.join("|")), searchable: true, defaultCollapsed: categoryOptions.length > 6 })), brandOptions.length > 0 && (_jsx(FilterFacetSection, { title: t("brand"), options: brandOptions, selected: selectedBrands, onChange: (vals) => table.set("brand", vals[0] ?? ""), searchable: brandOptions.length > 4, defaultCollapsed: brandOptions.length > 6 })), _jsx(RangeFilter, { title: t("bidPriceRange"), minValue: table.get("minBid"), maxValue: table.get("maxBid"), onMinChange: (v) => table.set("minBid", v), onMaxChange: (v) => table.set("maxBid", v), prefix: currencyPrefix, showSlider: true, minBound: 0, maxBound: 500000, step: 500, minPlaceholder: t("minBidPrice"), maxPlaceholder: t("maxBidPrice"), defaultCollapsed: false }), storeOptions.length > 0 && (_jsx(FilterFacetSection, { title: t("store"), options: storeOptions, selected: selectedStores, onChange: (vals) => table.set("storeId", vals[0] ?? ""), searchable: storeOptions.length > 4, defaultCollapsed: storeOptions.length > 6 })), _jsx(RangeFilter, { title: t("dateRange"), type: "date", minValue: table.get("dateFrom"), maxValue: table.get("dateTo"), onMinChange: (v) => table.set("dateFrom", v), onMaxChange: (v) => table.set("dateTo", v), minPlaceholder: t("minDate"), maxPlaceholder: t("maxDate"), defaultCollapsed: false })] }));
+}

package/dist/features/auctions/components/AuctionsListView.d.ts

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

package/dist/features/auctions/components/AuctionsListView.js

@@ -3,13 +3,45 @@ import { productRepository } from "../../../repositories";
 import { Container, Heading, Main, Section } from "../../../ui";
 import { AdSlot } from "../../homepage/components/AdSlot";
 import { AuctionsIndexListing } from "../../products/components/AuctionsIndexListing";
-export async function AuctionsListView() {
+function sp(params, key) {
+    const v = params[key];
+    return Array.isArray(v) ? v[0] ?? "" : v ?? "";
+}
+function buildAuctionFilters(params) {
+    const parts = ["status==published", "isAuction==true"];
+    const minBid = sp(params, "minBid");
+    const maxBid = sp(params, "maxBid");
+    if (minBid)
+        parts.push(`currentBid>=${minBid}`);
+    if (maxBid)
+        parts.push(`currentBid<=${maxBid}`);
+    const store = sp(params, "store");
+    if (store) {
+        const values = store.split("|").filter(Boolean);
+        if (values.length === 1)
+            parts.push(`sellerId==${values[0]}`);
+        else if (values.length > 1)
+            parts.push(`sellerId==${values.join("|")}`);
+    }
+    const dateFrom = sp(params, "dateFrom");
+    const dateTo = sp(params, "dateTo");
+    if (dateFrom)
+        parts.push(`auctionEndDate>=${dateFrom}`);
+    if (dateTo)
+        parts.push(`auctionEndDate<=${dateTo}`);
+    return parts.join(",");
+}
+export async function AuctionsListView({ searchParams = {} }) {
+    const sort = sp(searchParams, "sort") || "auctionEndDate";
+    const page = Number(sp(searchParams, "page")) || 1;
+    const pageSize = Number(sp(searchParams, "pageSize")) || 24;
+    const filters = buildAuctionFilters(searchParams);
     const result = await productRepository
         .list({
-        filters: "status==published,isAuction==true",
-        sorts: "auctionEndDate",
-        page: 1,
-        pageSize: 24,
+        filters,
+        sorts: sort,
+        page,
+        pageSize,
     })
         .catch(() => null);
     const initial = result ?? null;

package/dist/features/auctions/components/CollapsibleBidHistory.d.ts

@@ -0,0 +1,7 @@
+import type { BidHistoryEntry } from "../../products/components/BidHistory";
+interface CollapsibleBidHistoryProps {
+    bids: BidHistoryEntry[];
+    currency: string;
+}
+export declare function CollapsibleBidHistory({ bids, currency }: CollapsibleBidHistoryProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/features/auctions/components/CollapsibleBidHistory.js

@@ -0,0 +1,8 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { BidHistory } from "../../products/components/BidHistory";
+export function CollapsibleBidHistory({ bids, currency }) {
+    const [open, setOpen] = useState(false);
+    return (_jsxs("div", { className: "mt-6 rounded-xl border border-zinc-100 dark:border-zinc-800 overflow-hidden", children: [_jsxs("button", { type: "button", onClick: () => setOpen((v) => !v), className: "w-full flex items-center justify-between px-4 py-3 bg-zinc-50 dark:bg-zinc-900/60 hover:bg-zinc-100 dark:hover:bg-zinc-800/60 transition-colors", "aria-expanded": open, children: [_jsxs("span", { className: "text-sm font-semibold uppercase tracking-wide text-zinc-500 dark:text-zinc-400", children: ["Bid History", bids.length > 0 && (_jsx("span", { className: "ml-2 rounded-full bg-zinc-200 dark:bg-zinc-700 px-2 py-0.5 text-xs font-medium text-zinc-600 dark:text-zinc-300 normal-case tracking-normal", children: bids.length }))] }), _jsx("svg", { className: `h-4 w-4 text-zinc-400 transition-transform duration-200 ${open ? "rotate-180" : ""}`, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 2, children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19 9l-7 7-7-7" }) })] }), open && (_jsx("div", { className: "px-4 py-4 bg-white dark:bg-zinc-900", children: _jsx(BidHistory, { bids: bids, isEmpty: bids.length === 0, currency: currency }) }))] }));
+}

package/dist/features/auctions/components/MarketplaceAuctionCard.d.ts

@@ -20,6 +20,8 @@ export interface MarketplaceAuctionCardData {
     status?: string;
     slug?: string;
     buyNowPrice?: number;
+    /** Display name of the auction winner — shown masked when the auction has ended */
+    winnerDisplayName?: string;
 }
 export interface MarketplaceAuctionCardLabels {
     selectItem?: string;
@@ -31,6 +33,8 @@ export interface MarketplaceAuctionCardLabels {
     typeBadge?: string;
     currentBid?: string;
     startingBid?: string;
+    winningBid?: string;
+    wonBy?: string;
     totalBids?: (count: number) => string;
     placeBid?: string;
     buyout?: string;

package/dist/features/auctions/components/MarketplaceAuctionCard.js

@@ -3,14 +3,14 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { useCallback, useEffect, useRef, useState } from "react";
 import { useRouter } from "next/navigation";
 import { Clock, Gavel, Heart, Play, ShoppingBag, Star } from "lucide-react";
+import { useLongPress } from "../../../react/hooks/useLongPress";
 import { MediaImage } from "../../media";
 import { useWishlistToggle } from "../../wishlist";
 import { useCountdown } from "../../../react";
 import { ROUTES } from "../../../next";
 import { formatCurrency } from "../../../utils";
 import { getDefaultCurrency } from "../../../core/baseline-resolver";
-import { BaseListingCard, Button, Caption, Div, RichText, Row, Span, Text, TextLink, } from "../../../ui";
-import { normalizeRichTextHtml } from "../../../utils/string.formatter";
+import { BaseListingCard, Button, Caption, Div, Row, Span, Text, TextLink, } from "../../../ui";
 import { THEME_CONSTANTS } from "../../../tokens";
 const DEFAULT_LABELS = {
     selectItem: "Select item",
@@ -22,6 +22,8 @@ const DEFAULT_LABELS = {
     typeBadge: "Auction",
     currentBid: "Current bid",
     startingBid: "Starting bid",
+    winningBid: "Winning bid",
+    wonBy: "Won by",
     totalBids: (count) => `${count} bids`,
     placeBid: "Place bid",
     buyout: "Buyout",
@@ -29,12 +31,35 @@ const DEFAULT_LABELS = {
     removeFromWishlist: "Remove from wishlist",
     videoLabel: "Video available",
 };
+const COUNTDOWN_STATUS_CLASS = {
+    ended: "bg-zinc-100 dark:bg-zinc-800 text-zinc-500 dark:text-zinc-400",
+    endingSoon: "bg-amber-50 dark:bg-amber-900/30 text-amber-700 dark:text-amber-300",
+    live: "bg-emerald-50 dark:bg-emerald-900/30 text-emerald-700 dark:text-emerald-300",
+};
+function maskDisplayName(name) {
+    const parts = name.trim().split(/\s+/);
+    if (parts.length === 1) {
+        const p = parts[0];
+        return p.length <= 2 ? p : p[0] + "*".repeat(Math.min(p.length - 1, 3));
+    }
+    return parts
+        .map((part, i) => {
+        if (!part)
+            return "";
+        if (i === parts.length - 1)
+            return part[0] + ".";
+        return part[0] + "*".repeat(Math.min(part.length - 1, 3));
+    })
+        .join(" ");
+}
 function resolveHref(product, href, hrefBuilder) {
     if (href)
         return href;
     if (hrefBuilder)
         return hrefBuilder(product);
-    return ROUTES.PUBLIC.AUCTION_DETAIL(product.id);
+    if (!product.id)
+        return undefined;
+    return ROUTES.PUBLIC.AUCTION_DETAIL(product.slug ?? product.id);
 }
 function formatCountdownLabel(remaining, endedLabel) {
     if (!remaining)
@@ -83,7 +108,10 @@ export function MarketplaceAuctionCard({ product, buyoutPrice, className = "", v
                 clearInterval(intervalRef.current);
         };
     }, [hovered, images.length]);
+    const longPress = useLongPress(() => onSelect?.(product.id, !isSelected));
     const handleNavigate = useCallback(() => {
+        if (!auctionHref)
+            return;
         if (onNavigate) {
             onNavigate(auctionHref);
             return;
@@ -105,11 +133,17 @@ export function MarketplaceAuctionCard({ product, buyoutPrice, className = "", v
         }
     }, [toggle]);
     const countdownClass = isEnded
-        ? "bg-zinc-100 text-zinc-500"
+        ? COUNTDOWN_STATUS_CLASS.ended
         : isEndingSoon
-            ? "bg-amber-50 text-amber-700"
-            : "bg-emerald-50 text-emerald-700";
-    return (_jsxs(BaseListingCard, { isSelected: isSelected, isDisabled: isEnded, variant: baseVariant, className: className, children: [_jsxs(BaseListingCard.Hero, { aspect: "square", variant: baseVariant, onMouseEnter: () => setHovered(true), onMouseLeave: () => setHovered(false), children: [_jsx(TextLink, { href: auctionHref, className: "absolute inset-0 block", children: _jsx(MediaImage, { src: currentSrc, alt: product.title, size: "card", fallback: "Auction image", className: `transition-transform duration-500 ${hovered && images.length > 1 ? "scale-105" : "scale-100"}` }) }), hasVideo && imageIndex === 0 ? (_jsx(Div, { className: "absolute right-2 top-2", children: _jsx(Span, { className: "flex h-8 w-8 items-center justify-center rounded-full bg-black/50 text-white", children: _jsx(Play, { className: "h-4 w-4", "aria-label": mergedLabels.videoLabel }) }) })) : null, images.length > 1 ? (_jsx(Div, { className: "pointer-events-none absolute bottom-2 left-1/2 flex -translate-x-1/2 gap-1", children: images.map((_, index) => (_jsx(Span, { className: `rounded-full transition-all duration-200 ${index === imageIndex ? "h-1.5 w-3 bg-white" : "h-1.5 w-1.5 bg-white/60"}` }, `${product.id}-image-${index}`))) })) : null, product.featured ? (_jsx(Div, { className: "pointer-events-none absolute left-2 top-2 z-10", children: _jsx(Star, { className: "h-5 w-5 fill-amber-400 text-amber-400" }) })) : null, selectable ? (_jsx(BaseListingCard.Checkbox, { selected: isSelected, onSelect: handleSelect, label: isSelected ? mergedLabels.deselectItem : mergedLabels.selectItem })) : null, _jsxs(Div, { className: `absolute left-2 z-10 flex flex-col gap-1 ${product.featured ? "top-8" : "top-2"}`, children: [!isEnded ? (_jsx(Span, { className: "rounded-full bg-rose-600/90 px-2 py-0.5 text-xs font-bold text-white", children: mergedLabels.liveBadge })) : null, isEndingSoon ? (_jsx(Span, { className: "rounded-full bg-amber-500/90 px-2 py-0.5 text-xs font-bold text-white", children: mergedLabels.endingSoon })) : null, isEnded ? (_jsx(Span, { className: "rounded-full bg-zinc-600/90 px-2 py-0.5 text-xs font-bold text-white", children: mergedLabels.ended })) : null, product.status === "sold" ? (_jsx(Span, { className: "rounded-full bg-zinc-700/90 px-2 py-0.5 text-xs font-bold text-white", children: mergedLabels.sold })) : null] }), _jsx(Div, { className: "pointer-events-none absolute bottom-2 right-2 z-10", children: _jsxs(Span, { className: "inline-flex items-center gap-1 rounded-full bg-amber-600/90 px-2 py-0.5 text-xs font-semibold text-white", children: [_jsx(Gavel, { className: "h-3 w-3" }), mergedLabels.typeBadge] }) })] }), _jsxs(BaseListingCard.Info, { variant: baseVariant, children: [_jsxs(Div, { className: "flex items-start gap-2", children: [_jsx(TextLink, { href: auctionHref, className: "min-w-0 flex-1 text-sm font-medium leading-snug text-zinc-900 transition-colors hover:text-primary", children: product.title }), wishlistActions ? (_jsx(Button, { type: "button", variant: "ghost", onClick: handleWishlist, disabled: wishlistLoading, "aria-label": inWishlist
-                                    ? mergedLabels.removeFromWishlist
-                                    : mergedLabels.addToWishlist, className: "-mt-0.5 rounded-full p-1", children: _jsx(Heart, { className: `h-4 w-4 ${inWishlist ? "fill-rose-500 text-rose-500" : "text-zinc-400"}` }) })) : null] }), variant === "list" && product.description ? (_jsx(RichText, { html: normalizeRichTextHtml(product.description), proseClass: "prose prose-sm max-w-none dark:prose-invert prose-p:my-0", className: `${THEME_CONSTANTS.utilities.textClamp2} text-xs text-zinc-500` })) : null, _jsxs(Div, { children: [_jsx(Caption, { children: hasCurrentBid ? mergedLabels.currentBid : mergedLabels.startingBid }), _jsx(Text, { className: "text-base font-bold leading-none text-primary", children: formatCurrency(displayBid, getDefaultCurrency()) })] }), _jsxs(Row, { wrap: true, justify: "between", gap: "sm", className: "gap-x-2 gap-y-1", children: [_jsxs(Div, { className: `inline-flex items-center gap-1 rounded-full px-2.5 py-1 text-xs font-semibold ${countdownClass}`, children: [_jsx(Clock, { className: "h-3 w-3" }), _jsx(Span, { children: formatCountdownLabel(remaining, mergedLabels.ended) })] }), _jsx(Caption, { children: mergedLabels.totalBids(bidCount) })] }), _jsx(Row, { wrap: true, gap: "xs", className: "mt-auto", children: isEnded ? (_jsx(Button, { type: "button", variant: "ghost", size: "sm", className: "flex-1 cursor-not-allowed gap-1 px-2 text-xs opacity-60", disabled: true, children: _jsx(Span, { children: mergedLabels.ended }) })) : (_jsxs(_Fragment, { children: [_jsxs(Button, { type: "button", variant: "warning", size: "sm", className: "flex-1 gap-1 px-2 text-xs", onClick: handleNavigate, children: [_jsx(Gavel, { className: "h-3 w-3" }), _jsx(Span, { children: mergedLabels.placeBid })] }), resolvedBuyoutPrice ? (_jsxs(Button, { type: "button", variant: "danger", size: "sm", className: "flex-1 gap-1 px-2 text-xs", onClick: handleNavigate, children: [_jsx(ShoppingBag, { className: "h-3 w-3" }), _jsx(Span, { children: mergedLabels.buyout })] })) : null] })) })] })] }));
+            ? COUNTDOWN_STATUS_CLASS.endingSoon
+            : COUNTDOWN_STATUS_CLASS.live;
+    return (_jsxs(BaseListingCard, { isSelected: isSelected, isDisabled: isEnded, variant: baseVariant, className: className, onMouseDown: !isSelected ? longPress.onMouseDown : undefined, onMouseUp: !isSelected ? longPress.onMouseUp : undefined, onMouseLeave: !isSelected ? longPress.onMouseLeave : undefined, onTouchStart: !isSelected ? longPress.onTouchStart : undefined, onTouchEnd: !isSelected ? longPress.onTouchEnd : undefined, children: [_jsxs(BaseListingCard.Hero, { aspect: "square", variant: baseVariant, onMouseEnter: () => setHovered(true), onMouseLeave: () => setHovered(false), children: [_jsx(TextLink, { href: auctionHref ?? "#", className: "absolute inset-0 block", children: _jsx(MediaImage, { src: currentSrc, alt: product.title, size: "card", fallback: "Auction image", className: `transition-transform duration-500 ${hovered && images.length > 1 ? "scale-105" : "scale-100"}` }) }), hasVideo && imageIndex === 0 ? (_jsx(Div, { className: "absolute right-2 top-2", children: _jsx(Span, { className: "flex h-8 w-8 items-center justify-center rounded-full bg-black/50 text-white", children: _jsx(Play, { className: "h-4 w-4", "aria-label": mergedLabels.videoLabel }) }) })) : null, images.length > 1 ? (_jsx(Div, { className: "pointer-events-none absolute bottom-2 left-1/2 flex -translate-x-1/2 gap-1", children: images.map((_, index) => (_jsx(Span, { className: `rounded-full transition-all duration-200 ${index === imageIndex ? "h-1.5 w-3 bg-white" : "h-1.5 w-1.5 bg-white/60"}` }, `${product.id}-image-${index}`))) })) : null, product.featured ? (_jsx(Div, { className: "pointer-events-none absolute left-2 top-2 z-10", children: _jsx(Star, { className: "h-5 w-5 fill-amber-400 text-amber-400" }) })) : null, onSelect && (_jsx(BaseListingCard.Checkbox, { selected: isSelected, onSelect: handleSelect, label: isSelected ? mergedLabels.deselectItem : mergedLabels.selectItem, className: selectable || isSelected ? "opacity-100" : "opacity-0 group-hover:opacity-100 transition-opacity" })), _jsxs(Div, { className: `absolute left-2 z-10 flex flex-col gap-1 ${product.featured ? "top-8" : "top-2"}`, children: [!isEnded ? (_jsx(Span, { className: "rounded-full bg-rose-600/90 px-2 py-0.5 text-xs font-bold text-white", children: mergedLabels.liveBadge })) : null, isEndingSoon ? (_jsx(Span, { className: "rounded-full bg-amber-500/90 px-2 py-0.5 text-xs font-bold text-white", children: mergedLabels.endingSoon })) : null, isEnded ? (_jsx(Span, { className: "rounded-full bg-zinc-600/90 px-2 py-0.5 text-xs font-bold text-white", children: mergedLabels.ended })) : null, product.status === "sold" ? (_jsx(Span, { className: "rounded-full bg-zinc-700/90 px-2 py-0.5 text-xs font-bold text-white", children: mergedLabels.sold })) : null] }), _jsx(Div, { className: "pointer-events-none absolute bottom-2 right-2 z-10", children: _jsxs(Span, { className: "inline-flex items-center gap-1 rounded-full bg-amber-600/90 px-2 py-0.5 text-xs font-semibold text-white", children: [_jsx(Gavel, { className: "h-3 w-3" }), mergedLabels.typeBadge] }) })] }), _jsx(BaseListingCard.Info, { variant: baseVariant, children: baseVariant === "list" ? (
+                /* ── Compact list layout ── */
+                _jsxs(_Fragment, { children: [_jsxs(Div, { className: "flex items-start justify-between gap-2 min-w-0", children: [_jsx(TextLink, { href: auctionHref ?? "#", className: `${THEME_CONSTANTS.utilities.textClamp2} flex-1 text-sm font-medium leading-snug text-zinc-900 dark:text-zinc-100 transition-colors hover:text-primary`, children: product.title }), wishlistActions ? (_jsx(Button, { type: "button", variant: "ghost", onClick: handleWishlist, disabled: wishlistLoading, "aria-label": inWishlist ? mergedLabels.removeFromWishlist : mergedLabels.addToWishlist, className: "shrink-0 rounded-full p-1", children: _jsx(Heart, { className: `h-3.5 w-3.5 ${inWishlist ? "fill-rose-500 text-rose-500" : "text-zinc-400"}` }) })) : null] }), _jsxs(Div, { className: "flex items-center gap-2 flex-wrap", children: [_jsx(Text, { className: "text-sm font-bold text-primary", children: formatCurrency(displayBid, getDefaultCurrency()) }), _jsxs(Div, { className: `inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-[11px] font-semibold ${countdownClass}`, children: [_jsx(Clock, { className: "h-2.5 w-2.5" }), _jsx(Span, { children: formatCountdownLabel(remaining, mergedLabels.ended) })] }), bidCount > 0 && (_jsx(Caption, { className: "text-[11px]", children: mergedLabels.totalBids(bidCount) }))] }), !isEnded && (_jsxs(Button, { type: "button", variant: "warning", size: "sm", className: "self-start gap-1 px-2.5 text-xs mt-0.5", onClick: handleNavigate, children: [_jsx(Gavel, { className: "h-3 w-3" }), _jsx(Span, { children: mergedLabels.placeBid })] }))] })) : (
+                /* ── Full grid layout ── */
+                _jsxs(_Fragment, { children: [_jsxs(Div, { className: "flex items-start gap-2", children: [_jsx(TextLink, { href: auctionHref ?? "#", className: "min-w-0 flex-1 text-sm font-medium leading-snug text-zinc-900 dark:text-zinc-100 transition-colors hover:text-primary", children: product.title }), wishlistActions ? (_jsx(Button, { type: "button", variant: "ghost", onClick: handleWishlist, disabled: wishlistLoading, "aria-label": inWishlist ? mergedLabels.removeFromWishlist : mergedLabels.addToWishlist, className: "-mt-0.5 rounded-full p-1", children: _jsx(Heart, { className: `h-4 w-4 ${inWishlist ? "fill-rose-500 text-rose-500" : "text-zinc-400"}` }) })) : null] }), _jsxs(Div, { children: [_jsx(Caption, { children: isEnded && hasCurrentBid
+                                        ? mergedLabels.winningBid
+                                        : hasCurrentBid
+                                            ? mergedLabels.currentBid
+                                            : mergedLabels.startingBid }), _jsx(Text, { className: "text-base font-bold leading-none text-primary", children: formatCurrency(displayBid, getDefaultCurrency()) }), isEnded && product.winnerDisplayName && (_jsxs(Caption, { className: "mt-0.5 text-zinc-500 dark:text-zinc-400", children: [mergedLabels.wonBy, ": ", maskDisplayName(product.winnerDisplayName)] }))] }), _jsxs(Row, { wrap: true, justify: "between", gap: "sm", className: "gap-x-2 gap-y-1", children: [_jsxs(Div, { className: `inline-flex items-center gap-1 rounded-full px-2.5 py-1 text-xs font-semibold ${countdownClass}`, children: [_jsx(Clock, { className: "h-3 w-3" }), _jsx(Span, { children: formatCountdownLabel(remaining, mergedLabels.ended) })] }), _jsx(Caption, { children: mergedLabels.totalBids(bidCount) })] }), _jsx(Row, { wrap: true, gap: "xs", className: "mt-auto", children: isEnded ? (_jsx(Button, { type: "button", variant: "ghost", size: "sm", className: "flex-1 cursor-not-allowed gap-1 px-2 text-xs opacity-60", disabled: true, children: _jsx(Span, { children: mergedLabels.ended }) })) : (_jsxs(_Fragment, { children: [_jsxs(Button, { type: "button", variant: "warning", size: "sm", className: "flex-1 gap-1 px-2 text-xs", onClick: handleNavigate, children: [_jsx(Gavel, { className: "h-3 w-3" }), _jsx(Span, { children: mergedLabels.placeBid })] }), resolvedBuyoutPrice ? (_jsxs(Button, { type: "button", variant: "danger", size: "sm", className: "flex-1 gap-1 px-2 text-xs", onClick: handleNavigate, children: [_jsx(ShoppingBag, { className: "h-3 w-3" }), _jsx(Span, { children: mergedLabels.buyout })] })) : null] })) })] })) })] }));
 }

package/dist/features/auctions/components/MarketplaceAuctionGrid.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Gavel } from "lucide-react";
 import { Div, Row, Stack, Text } from "../../../ui";

package/dist/features/auctions/components/PlaceBidFormClient.d.ts

@@ -0,0 +1,18 @@
+export interface PlaceBidInput {
+    productId: string;
+    bidAmount: number;
+    autoMaxBid?: number;
+}
+export interface PlaceBidFormClientProps {
+    productId: string;
+    currentBid: number;
+    startingBid: number;
+    minBidIncrement: number;
+    currency: string;
+    isEnded: boolean;
+    buyNowPrice: number | null;
+    bidCount: number;
+    tags?: string[];
+    onPlaceBid: (input: PlaceBidInput) => Promise<unknown>;
+}
+export declare function PlaceBidFormClient({ productId, currentBid, startingBid, minBidIncrement, currency, isEnded, buyNowPrice, bidCount, tags, onPlaceBid, }: PlaceBidFormClientProps): import("react/jsx-runtime").JSX.Element;

package/dist/features/auctions/components/PlaceBidFormClient.js

@@ -0,0 +1,33 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useTransition } from "react";
+import { formatCurrency } from "../../../utils/number.formatter";
+import { Button, Div, Input, Row, Span, Stack, Text } from "../../../ui";
+export function PlaceBidFormClient({ productId, currentBid, startingBid, minBidIncrement, currency, isEnded, buyNowPrice, bidCount, tags = [], onPlaceBid, }) {
+    const minBid = currentBid + minBidIncrement;
+    const [bidAmount, setBidAmount] = useState(String(minBid));
+    const [isPending, startTransition] = useTransition();
+    const [error, setError] = useState(null);
+    const [success, setSuccess] = useState(false);
+    function handleSubmit(e) {
+        e.preventDefault();
+        const amount = Number(bidAmount);
+        if (!amount || amount < minBid) {
+            setError(`Bid must be at least ${formatCurrency(minBid, currency)}`);
+            return;
+        }
+        setError(null);
+        setSuccess(false);
+        startTransition(async () => {
+            try {
+                await onPlaceBid({ productId, bidAmount: amount });
+                setSuccess(true);
+                setBidAmount(String(amount + minBidIncrement));
+            }
+            catch (err) {
+                setError(err instanceof Error ? err.message : "Failed to place bid. Please try again.");
+            }
+        });
+    }
+    return (_jsxs(Div, { className: "rounded-xl border border-zinc-100 dark:border-zinc-800 bg-zinc-50 dark:bg-zinc-900/60 p-5 space-y-4", children: [_jsxs(Div, { className: "space-y-1", children: [_jsxs(Row, { justify: "between", align: "center", children: [_jsx(Text, { className: "text-xs text-zinc-500", children: "Current bid" }), _jsx(Text, { className: "text-xs text-zinc-500", children: "Starting bid" })] }), _jsxs(Row, { justify: "between", align: "baseline", children: [_jsx(Span, { className: "text-xl font-bold text-primary-600 dark:text-primary-400", children: formatCurrency(currentBid, currency) }), _jsx(Span, { className: "text-sm text-zinc-500", children: formatCurrency(startingBid, currency) })] }), _jsxs(Text, { className: "text-xs text-zinc-400 dark:text-zinc-500", children: [bidCount, " ", bidCount === 1 ? "bid" : "bids", " \u00B7 min increment", " ", formatCurrency(minBidIncrement, currency)] })] }), _jsx("form", { onSubmit: handleSubmit, children: _jsxs(Stack, { gap: "sm", children: [_jsx(Input, { type: "number", value: bidAmount, onChange: (e) => setBidAmount(e.target.value), placeholder: `At least ${formatCurrency(minBid, currency)}`, min: minBid, step: minBidIncrement, "aria-label": "Your bid amount", disabled: isEnded || isPending }), error && (_jsx(Text, { className: "text-xs text-red-600 dark:text-red-400", children: error })), success && (_jsx(Text, { className: "text-xs text-emerald-600 dark:text-emerald-400", children: "\u2713 Bid placed successfully!" })), _jsx(Button, { variant: "primary", size: "md", className: "w-full", disabled: isEnded || isPending, type: "submit", children: isPending ? "Placing Bid…" : isEnded ? "Auction Ended" : "Place Bid" }), buyNowPrice !== null && !isEnded && (_jsxs(Button, { variant: "secondary", size: "md", className: "w-full", type: "button", children: ["Buy Now \u2014 ", formatCurrency(buyNowPrice, currency)] }))] }) }), tags.length > 0 && (_jsx(Div, { className: "border-t border-zinc-200 dark:border-zinc-700 pt-4", children: _jsx(Row, { wrap: true, gap: "xs", children: tags.map((tag) => (_jsx(Span, { className: "rounded-full bg-zinc-100 dark:bg-zinc-800 px-2.5 py-1 text-xs text-zinc-600 dark:text-zinc-300", children: tag }, tag))) }) }))] }));
+}

package/dist/features/auctions/hooks/useAuctions.d.ts

@@ -6,6 +6,7 @@ interface UseAuctionsOptions {
     endpoint?: string;
     initialData?: AuctionListResponse;
     queryKeyPrefix?: string;
+    staleTime?: number;
 }
 interface UseAuctionDetailOptions {
     enabled?: boolean;