@mohasinac/appkit 4.71.0 → 4.72.0

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

@@ -1,96 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useMemo, useState } from "react";
-import { ChevronRight } from "lucide-react";
-import { Badge } from "../../../ui/components/Badge.js";
-import { Button } from "../../../ui/components/Button.js";
-import { Div } from "../../../ui/components/Div.js";
-import { Row, Stack } from "../../../ui/components/Layout.js";
-import { Span, Text } from "../../../ui/components/Typography.js";
-import { TextLink } from "../../../ui/components/TextLink.js";
-import { ROUTES } from "../../../next/routing/route-map.js";
-import { CART_LANE } from "../../../_internal/shared/checkout/lanes.js";
-import { Pagination } from "../../../ui/components/Pagination.js";
-const __O = {
-    hidden: "overflow-hidden",
-};
-function formatBidAmount(amount) {
-    return new Intl.NumberFormat("en-IN", {
-        style: "currency",
-        currency: "INR",
-        maximumFractionDigits: 0,
-    }).format(amount);
-}
-function relDate(d) {
-    const ms = new Date(d).getTime();
-    if (isNaN(ms))
-        return "";
-    const diff = Date.now() - ms;
-    const m = Math.floor(diff / 60000);
-    if (m < 1)
-        return "just now";
-    if (m < 60)
-        return `${m}m ago`;
-    const h = Math.floor(m / 60);
-    if (h < 24)
-        return `${h}h ago`;
-    return `${Math.floor(h / 24)}d ago`;
-}
-const STATUS_VARIANT = {
-    active: "active",
-    won: "active",
-    outbid: "pending",
-    lost: "info",
-    cancelled: "danger",
-};
-function groupByAuction(bids) {
-    const map = new Map();
-    for (const bid of bids) {
-        if (!map.has(bid.productId)) {
-            map.set(bid.productId, {
-                productId: bid.productId,
-                productTitle: bid.productTitle,
-                bids: [],
-            });
-        }
-        map.get(bid.productId).bids.push(bid);
-    }
-    return Array.from(map.values());
-}
-/**
- * Enter/Space activate a non-button element that behaves as one.
- *
- * A named helper rather than an inline closure: the inline form nested six
- * braces deep inside the row's JSX, which is both unreadable and what
- * `audit-code-quality`'s DEEP_NESTING rule exists to prevent.
- */
-function activateOnKey(run) {
-    return (e) => {
-        if (e.key !== "Enter" && e.key !== " ")
-            return;
-        e.preventDefault();
-        run();
-    };
-}
-function AuctionRow({ auction, portal, onRowClick, }) {
-    const [expanded, setExpanded] = useState(false);
-    // Most-recent bid first — matches the caller's own newest-first ordering
-    // (see UserBidsPage) instead of re-sorting by amount, which silently threw
-    // that ordering away for the expanded per-auction row list.
-    const sorted = useMemo(() => [...auction.bids].sort((a, b) => +new Date(b.bidDate) - +new Date(a.bidDate)), [auction.bids]);
-    const highest = auction.bids.reduce((max, b) => Math.max(max, b.bidAmount), 0);
-    const isWinning = auction.bids.some((b) => b.isWinning);
-    return (_jsxs(Div, { className: `border border-[var(--appkit-color-border)] ${__O.hidden} bg-[var(--appkit-color-surface)]`, rounded: "xl", shadow: "sm", children: [_jsxs(Button, { type: "button", variant: "ghost", onClick: () => setExpanded((v) => !v), gap: "lg", paddingX: "md", paddingY: "md", className: "w-full text-left", "aria-expanded": expanded, children: [_jsx(ChevronRight, { className: `shrink-0 text-[var(--appkit-color-text-muted)] transition-transform ${expanded ? "rotate-90" : ""}`, size: 16 }), _jsx(Div, { className: "flex-1 min-w-0", children: _jsx(Text, { className: "text-[var(--appkit-color-text)] line-clamp-1", size: "sm", weight: "semibold", children: auction.productTitle }) }), _jsxs(Row, { gap: "sm", className: "shrink-0", children: [isWinning && (_jsx(Badge, { variant: "active", children: "Winning" })), _jsxs(Text, { variant: "secondary", size: "xs", children: [auction.bids.length, " bid", auction.bids.length !== 1 ? "s" : ""] }), _jsx(Text, { className: "text-[var(--appkit-color-text)]", size: "sm", weight: "semibold", children: formatBidAmount(highest) })] })] }), expanded && (_jsxs(Div, { className: "border-t border-[var(--appkit-color-border)]", children: [_jsxs(Div, { textSize: "xs", textWeight: "medium", paddingX: "x-md", paddingY: "y-xs", className: `grid text-[var(--appkit-color-text-muted)] uppercase tracking-wide border-b border-[var(--appkit-color-border-subtle)] ${portal === "buyer" ? "[grid-template-columns:1fr_auto_auto]" : "[grid-template-columns:1fr_1fr_auto_auto]"}`, children: [_jsx(Span, { children: portal === "buyer" ? "Amount" : "Bidder" }), portal !== "buyer" && _jsx(Span, { children: "Amount" }), _jsx(Span, { children: "Status" }), _jsx(Span, { className: "text-right", children: "Time" })] }), sorted.map((bid) => (_jsxs(Div, { layout: "grid", align: "center", paddingX: "x-md", paddingY: "y-xs-tall", 
-                        // Keyboard-reachable only when it is actually interactive —
-                        // a row with no handler must not be a tab stop.
-                        role: onRowClick ? "button" : undefined, tabIndex: onRowClick ? 0 : undefined, onClick: onRowClick ? () => onRowClick(bid) : undefined, onKeyDown: onRowClick ? activateOnKey(() => onRowClick(bid)) : undefined, className: `border-b border-[var(--appkit-color-border-subtle)] last:border-0 hover:bg-[var(--appkit-color-border-subtle)] transition-colors ${onRowClick ? "cursor-pointer" : ""} ${portal === "buyer" ? "[grid-template-columns:1fr_auto_auto]" : "[grid-template-columns:1fr_1fr_auto_auto]"}`, children: [portal !== "buyer" && (_jsx(Text, { className: "text-[var(--appkit-color-text)] truncate pr-[0.75rem]", size: "sm", children: bid.userName || bid.userId })), _jsx(Text, { className: "text-[var(--appkit-color-text)]", size: "sm", weight: "medium", children: formatBidAmount(bid.bidAmount) }), _jsx(Badge, { variant: STATUS_VARIANT[bid.status] ?? "pending", className: "capitalize", children: bid.status }), _jsxs(Stack, { gap: "xs", align: "end", children: [_jsx(Text, { variant: "secondary", size: "xs", align: "end", children: relDate(bid.bidDate) }), portal === "buyer" && bid.status === "won" && (_jsx(TextLink, { href: bid.orderId
-                                            ? String(ROUTES.USER.ORDER_DETAIL(bid.orderId))
-                                            : `${String(ROUTES.USER.CHECKOUT)}?lane=${CART_LANE.AUCTION}`, size: "xs", weight: "semibold", children: bid.orderId ? "View order" : "Pay now →" }))] })] }, bid.id)))] }))] }));
-}
-export function AuctionBidsTable({ bids, portal = "buyer", emptyLabel = "No bids found.", totalPages, currentPage, onPageChange, onRowClick, }) {
-    const auctions = useMemo(() => groupByAuction(bids), [bids]);
-    if (auctions.length === 0) {
-        return (_jsx(Div, { padding: "y-6xl", className: "text-left", children: _jsx(Text, { variant: "secondary", children: emptyLabel }) }));
-    }
-    return (_jsxs(Stack, { gap: "3", children: [auctions.map((auction) => (_jsx(AuctionRow, { auction: auction, portal: portal, onRowClick: onRowClick }, auction.productId))), totalPages !== undefined && totalPages > 1 && currentPage !== undefined && onPageChange && (_jsx(Row, { justify: "center", children: _jsx(Pagination, { currentPage: currentPage, totalPages: totalPages, onPageChange: onPageChange }) }))] }));
-}

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

@@ -1,23 +0,0 @@
-import { type PlaceBidFormClientProps } from "./PlaceBidFormClient";
-export interface AuctionBottomActionsProps extends PlaceBidFormClientProps {
-    bidCount: number;
-}
-/**
- * Mobile/after-scroll CTA bar for an auction.
- *
- * 🛑 It owns its own modal rather than pointing at one.
- *
- * Two defects lived here. (a) The single Place Bid action ran
- * `getElementById("auction-bid-form")?.scrollIntoView(...)` — but that id is
- * set inside `renderBidForm`, which `AuctionDetailView` wraps in
- * `hidden lg:block`. On mobile the target is `display:none`, so the bar's only
- * action did nothing on the only viewport the bar exists for. A DOM id is not
- * a contract; the element it names can be hidden, moved or removed without any
- * signal here. (b) There was no Buy Now action at all, even though
- * `MOBILE_PRIMARY_ACTIONS.auction` has declared `[PLACE_BID, BUY_NOW_AUCTION]`
- * for a long time — a declared CTA nothing rendered (Root Cause #8's shape).
- *
- * Both actions now open the real form, which is the only place the Buy Now
- * button can report an error or route to `/checkout?lane=auction`.
- */
-export declare function AuctionBottomActions(props: AuctionBottomActionsProps): import("react").JSX.Element;

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

@@ -1,89 +0,0 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useState } from "react";
-import { useBottomActions } from "../../layout/hooks/useBottomActions.js";
-import { useCanSeePrices } from "../../../react/hooks/useCanSeePrices.js";
-import { formatCurrency } from "../../../utils/number.formatter.js";
-import { ACTION_ID, ACTION_META } from "../../products/constants/action-defs.js";
-import { useCountdown } from "../../../react/index.js";
-import { useIsAuctionEnded } from "../hooks/useIsAuctionEnded.js";
-import { Modal } from "../../../ui/components/Modal.js";
-import { isBuyNowAvailable } from "../../../_internal/shared/features/auctions/config.js";
-import { PlaceBidFormClient, } from "./PlaceBidFormClient.js";
-function formatCountdownLabel(remaining) {
-    if (!remaining)
-        return undefined;
-    const { days, hours, minutes, seconds } = remaining;
-    if (days > 0)
-        return `Ends in ${days}d ${hours}h ${minutes}m`;
-    if (hours > 0)
-        return `Ends in ${hours}h ${minutes}m ${seconds}s`;
-    return `Ends in ${minutes}m ${seconds}s`;
-}
-/**
- * Mobile/after-scroll CTA bar for an auction.
- *
- * 🛑 It owns its own modal rather than pointing at one.
- *
- * Two defects lived here. (a) The single Place Bid action ran
- * `getElementById("auction-bid-form")?.scrollIntoView(...)` — but that id is
- * set inside `renderBidForm`, which `AuctionDetailView` wraps in
- * `hidden lg:block`. On mobile the target is `display:none`, so the bar's only
- * action did nothing on the only viewport the bar exists for. A DOM id is not
- * a contract; the element it names can be hidden, moved or removed without any
- * signal here. (b) There was no Buy Now action at all, even though
- * `MOBILE_PRIMARY_ACTIONS.auction` has declared `[PLACE_BID, BUY_NOW_AUCTION]`
- * for a long time — a declared CTA nothing rendered (Root Cause #8's shape).
- *
- * Both actions now open the real form, which is the only place the Buy Now
- * button can report an error or route to `/checkout?lane=auction`.
- */
-export function AuctionBottomActions(props) {
-    const { currentBid, currency, bidCount, isEnded: ssrIsEnded, auctionEndDate, buyNowPrice, reservePrice } = props;
-    /*
-     * Derived client-side — see `useIsAuctionEnded`. This bar is a FIXED, always-
-     * visible row on mobile, so a stale "Place bid" here is the most prominent
-     * wrong affordance on the page. `useCountdown` below already knew the truth
-     * (it returns null past the target) but only fed a label; the bar's actions
-     * were gated on the frozen server boolean.
-     */
-    const isEnded = useIsAuctionEnded(auctionEndDate, ssrIsEnded);
-    const [open, setOpen] = useState(false);
-    const remaining = useCountdown(auctionEndDate ?? undefined);
-    const { canSeePrices } = useCanSeePrices();
-    const placeBidMeta = ACTION_META[ACTION_ID.PLACE_BID];
-    const buyNowMeta = ACTION_META[ACTION_ID.BUY_NOW_AUCTION];
-    // Same single predicate the form and the card use. `!!props.onBuyNow` matters
-    // because the preview/demo mount passes no action.
-    const buyNowAvailable = isBuyNowAvailable({ buyNowPrice, currentBid, isEnded, reservePrice }) && !!props.onBuyNow;
-    useBottomActions(isEnded
-        ? {}
-        : {
-            actions: [
-                { ...placeBidMeta, onClick: () => setOpen(true) },
-                ...(buyNowAvailable && buyNowPrice !== null
-                    ? [
-                        {
-                            ...buyNowMeta,
-                            // Both of these are plain strings on the bottom bar rather
-                            // than slots, so the gate happens as they are built.
-                            label: canSeePrices
-                                ? `Buy Now — ${formatCurrency(buyNowPrice, currency)}`
-                                : "Buy Now",
-                            onClick: () => setOpen(true),
-                        },
-                    ]
-                    : []),
-            ],
-            secondaryLabel: formatCountdownLabel(remaining),
-            infoLabel: canSeePrices
-                ? `${formatCurrency(currentBid, currency)} · ${bidCount} bid${bidCount !== 1 ? "s" : ""}`
-                : `Sign in to see the bid · ${bidCount} bid${bidCount !== 1 ? "s" : ""}`,
-            desktop: "after-scroll",
-            // The inline bid panel on the detail page. The dock stays shut until
-            // a bidder has actually seen it and scrolled past — beside it, the
-            // dock would just be a second "Place bid" button.
-            ctaAnchorId: "auction-bid-form",
-        });
-    return (_jsx(Modal, { isOpen: open, onClose: () => setOpen(false), size: "md", title: "Place your bid", children: _jsx(PlaceBidFormClient, { ...props }) }));
-}

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

@@ -1,22 +0,0 @@
-import type { ProductFeatureDocument } from "../../products/schemas/product-features";
-import type { PlaceBidInput, BidActionEnvelope, BuyNowSuccess } from "./PlaceBidFormClient";
-export interface AuctionDetailPageViewProps {
-    id: string;
-    /**
-     * Pre-fetched auction document from the page's server data layer.
-     * When provided, the internal repository call is skipped — deduplicating
-     * the fetch with generateMetadata() via React.cache().
-     * When absent, falls back to fetching by slug/id (backward compat).
-     */
-    initialAuction?: import("../../products/schemas/firestore").ProductDocument | null;
-    /**
-     * Typed against the single `ActionResult` envelope — see the note on
-     * `BidActionEnvelope`. `Promise<unknown>` here is what let a doubly-wrapped
-     * result flow through to a client that read the wrong `ok`.
-     */
-    onPlaceBid?: (input: PlaceBidInput) => Promise<BidActionEnvelope<unknown>>;
-    onBuyNow?: () => Promise<BidActionEnvelope<BuyNowSuccess>>;
-    /** SSR-loaded productFeatures (platform + store-scope). See ProductDetailPageView for semantics. */
-    productFeatures?: ProductFeatureDocument[];
-}
-export declare function AuctionDetailPageView({ id, initialAuction, onPlaceBid, onBuyNow, productFeatures }: AuctionDetailPageViewProps): Promise<import("react").JSX.Element>;

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

@@ -1,246 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import Link from "next/link.js";
-import { productRepository } from "../../products/repository/products.repository.js";
-import { listBidsByProduct } from "../../auctions/actions/bid-actions.js";
-import { safeRead } from "../../../errors/safe-read.js";
-const __P = {
-    p3: "p-[var(--appkit-space-3)]",
-    p4: "p-[var(--appkit-space-4)]",
-    p5: "p-[var(--appkit-space-5)]",
-};
-const CLS_BREADCRUMB_LINK = "hover:text-primary-600 dark:hover:text-primary-400 transition-colors";
-const CLS_LIVE_BADGE = "inline-block rounded-full bg-warning-surface dark:bg-warning-surface px-[var(--appkit-space-2-5)] py-[var(--appkit-space-0-5)] text-warning dark:text-warning";
-import { ROUTES } from "../../../next/routing/route-map.js";
-import { getDefaultCurrency } from "../../../core/baseline-resolver.js";
-import { formatCurrency } from "../../../utils/number.formatter.js";
-import { toDescriptionHtml } from "../../../utils/string.formatter.js";
-import { safeDisplayName } from "../../../security/index.js";
-import { getSiteSettingsGlobal } from "../../admin/utils/getSiteSettingsGlobal.js";
-import { isBuyNowAvailable, resolveMinBid, resolveMinBidIncrement, } from "../../../_internal/shared/features/auctions/config.js";
-import { Button } from "../../../ui/components/Button.js";
-import { Container, Row, Stack } from "../../../ui/components/Layout.js";
-import { CountdownDisplay } from "../../../ui/components/CountdownDisplay.js";
-import { Div } from "../../../ui/components/Div.js";
-import { GatedPrice, PricesOnly } from "../../../ui/components/GatedPrice.js";
-import { Heading, Span, Text } from "../../../ui/components/Typography.js";
-import { Input } from "../../../ui/components/Input.js";
-import { Main, Nav, Section, Ul, Li } from "../../../ui/components/Semantic.js";
-import { RichText } from "../../../ui/rich-text/RichText.js";
-import { SpecTable } from "../../../ui/components/SpecTable.js";
-import { AuctionDetailView } from "../../products/components/AuctionDetailView.js";
-import { ProductTabsShell } from "../../products/components/ProductTabsShell.js";
-import { toCustomSectionTabs } from "../../products/components/CustomSectionTabContent.js";
-import { AuctionBottomActions } from "./AuctionBottomActions.js";
-import { AuctionLiveStatusBadge } from "./AuctionLiveStatusBadge.js";
-import { RelatedProducts } from "../../products/components/RelatedProducts.js";
-import { ProductGalleryClient } from "../../products/components/ProductGalleryClient.js";
-import { ProductFeatureBadges } from "../../products/components/ProductFeatureBadges.js";
-import { FeatureBadgeList } from "../../products/components/FeatureBadge.js";
-import { productImageUrls } from "../../products/schemas/firestore.js";
-import { HistoryTracker } from "../../history/components/HistoryTracker.js";
-import { ShareButton } from "../../products/components/ShareButton.js";
-import { MarketplaceAuctionGrid } from "./MarketplaceAuctionGrid.js";
-import { ReviewsListingPanel } from "../../reviews/components/ReviewsListingPanel.js";
-import { PlaceBidModalButton } from "./PlaceBidFormClient.js";
-import { CollapsibleBidHistory } from "./CollapsibleBidHistory.js";
-import { LiveBidPrice } from "./LiveBidPrice.js";
-import { LiveMinIncrement } from "./LiveMinIncrement.js";
-import { RelatedItemsSection } from "../../products/components/RelatedItemsSection.js";
-import { computeRelatedItems } from "../../../_internal/server/features/products/data.js";
-import { GroupedListingsCarousel } from "../../grouped/components/GroupedListingsCarousel.js";
-import { getGroupsWithItemsForProduct } from "../../../_internal/server/features/grouped/data.js";
-import { SublistingCarouselSection } from "../../products/components/SublistingCarouselSection.js";
-import { isFinalSale } from "../../products/constants/final-sale.js";
-import { OwnerQuickActions } from "../../admin/components/OwnerQuickActions.js";
-import { PurchaseReviewAffordance } from "../../reviews/components/PurchaseReviewAffordance.js";
-function renderAuctionInfoPanel(props) {
-    const { productId, storeId, title, currentBid, currency, bidCount, isEnded, endDate, buyNowPrice, buyNowAvailable, featured, freeShipping, condition, finalSale, category, categoryName, brand, brandSlug, productFeatures, features, descriptionHtml, safeSeller, storeHref } = props;
-    return (_jsxs(Stack, { gap: "md", children: [_jsxs(Div, { children: [_jsxs(Row, { gap: "xs", wrap: true, className: "mb-2", children: [_jsx(Span, { size: "xs", weight: "semibold", className: CLS_LIVE_BADGE, children: "\uD83C\uDFF7\uFE0F Live Auction" }), _jsx(AuctionLiveStatusBadge, { auctionEndDate: endDate, initialIsEnded: isEnded })] }), _jsx(Heading, { level: 1, className: "leading-snug", smSize: "2xl", color: "primary", size: "xl", weight: "bold", children: title }), _jsx(OwnerQuickActions, { resource: "PRODUCT", placement: "detail", recordLabel: title, storeId: storeId, editHref: String(ROUTES.STORE.PRODUCTS_EDIT(productId)) })] }), _jsxs(Div, { children: [_jsx(Text, { className: "mb-0.5", color: "muted", size: "xs", children: "Current bid" }), _jsx(LiveBidPrice, { productId: productId, currentBid: currentBid, bidCount: bidCount, currency: currency, isEnded: isEnded, priceSize: "2xl", badgeSize: "sm" }), endDate && !isEnded && (_jsxs(Text, { className: "mt-1.5", color: "muted", size: "sm", children: ["Ends in ", _jsx(Span, { weight: "medium", color: "muted", children: _jsx(CountdownDisplay, { targetDate: endDate, format: "auto", expiredLabel: "Ended" }) })] })), endDate && _jsxs(Text, { className: "mt-0.5", color: "faint", size: "xs", children: [isEnded ? "Ended" : "Ends", " ", endDate.toLocaleString()] })] }), buyNowAvailable && buyNowPrice !== null && (_jsxs(Row, { align: "center", gap: "sm", className: "border border-[var(--appkit-color-primary-200)] dark:border-[var(--appkit-color-primary-800)] bg-primary-50 dark:bg-primary-900/20", padding: "inlineSm", rounded: "lg", children: [_jsx(Span, { size: "xs", color: "muted", children: "Buy Now:" }), _jsx(Span, { size: "base", weight: "bold", className: "text-primary-700 dark:text-primary-300", children: _jsx(GatedPrice, { label: "Sign in to see the Buy Now price", children: formatCurrency(buyNowPrice, currency) }) }), _jsx(Span, { size: "xs", color: "faint", children: "\u2014 in \u201CPlace a bid\u201D" })] })), _jsx(ProductFeatureBadges, { featured: featured, freeShipping: freeShipping, condition: condition ?? undefined, finalSale: finalSale, labels: { featured: "Featured", fasterDelivery: "Faster Delivery", ratedSeller: "Rated Seller", condition: "Condition", conditionNew: "New", conditionUsed: "Used", conditionBroken: "For Parts", conditionRefurbished: "Refurbished", returnable: "Returnable", finalSale: "Final Sale", freeShipping: "Free Shipping", codAvailable: "Cash on Delivery", emiAvailable: "EMI Available", wishlistCount: (n) => `${n} wishlisted`, categoryProductCount: (n, cat) => `${n} in ${cat}` } }), (categoryName || category || brand) && (_jsxs(Row, { gap: "sm", wrap: true, children: [category && _jsx(Link, { href: String(ROUTES.PUBLIC.CATEGORY_DETAIL(category)), className: "inline-flex items-center rounded-full border border-[var(--appkit-color-border)] bg-[var(--appkit-color-surface)] px-[var(--appkit-space-2-5)] py-[var(--appkit-space-1)] text-[length:var(--appkit-text-xs)] font-medium text-[var(--appkit-color-text-muted)] transition-colors hover:border-primary-300 hover:bg-primary-surface hover:text-primary-700 dark:hover:border-primary-700/60 dark:hover:text-primary-400", children: categoryName || category }), !category && categoryName && _jsx(Span, { layout: "inline-flex", size: "xs", weight: "medium", border: "subtle", rounded: "full", padding: "pill-sm-tall", surface: "muted", color: "muted", children: categoryName }), brand && brandSlug && _jsx(Link, { href: String(ROUTES.PUBLIC.BRAND_DETAIL(brandSlug)), className: "inline-flex items-center rounded-full border border-[var(--appkit-color-border)] bg-[var(--appkit-color-surface)] px-[var(--appkit-space-2-5)] py-[var(--appkit-space-1)] text-[length:var(--appkit-text-xs)] font-medium text-[var(--appkit-color-text-muted)] transition-colors hover:border-primary-300 hover:bg-primary-surface hover:text-primary-700 dark:hover:border-primary-700/60 dark:hover:text-primary-400", children: brand }), brand && !brandSlug && _jsx(Span, { layout: "inline-flex", size: "xs", weight: "medium", border: "subtle", rounded: "full", padding: "pill-sm-tall", surface: "muted", color: "muted", children: brand })] })), productFeatures && features.length > 0 && _jsx(FeatureBadgeList, { productFeatureIds: features, features: productFeatures }), !productFeatures && features.length > 0 && (_jsxs(Div, { border: "subtle", surface: "muted", padding: "inline", rounded: "xl", children: [_jsx(Text, { className: "mb-2 tracking-wide", color: "muted", size: "xs", weight: "semibold", transform: "uppercase", children: "About this item" }), _jsx(Ul, { spacing: "comfortable", size: "sm", color: "primary", children: features.map((f, i) => _jsxs(Li, { layout: "flex-start", gap: "2", 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-[length:var(--appkit-text-sm)] leading-relaxed text-[var(--appkit-color-text-muted)] line-clamp-4" }), safeSeller && (_jsx(Div, { className: `${__P.p3}`, border: "subtle", rounded: "xl", surface: "muted", children: _jsxs(Row, { justify: "between", align: "center", children: [_jsxs(Div, { children: [_jsx(Text, { className: "text-[10px] tracking-wide mb-0.5", color: "faint", transform: "uppercase", children: "Listed by" }), _jsx(Text, { size: "sm", weight: "semibold", color: "primary", children: safeSeller })] }), storeHref && _jsx(Link, { href: storeHref, className: "shrink-0 rounded-lg bg-primary/10 dark:bg-primary/20 px-[var(--appkit-space-3)] py-[var(--appkit-space-1-5)] text-[length:var(--appkit-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" })] }) }))] }));
-}
-/**
- * Store reviews for the auction's seller.
- *
- * Was a bespoke `slice(0, 10)` block over `listReviewsBySeller()` — which concatenates
- * per-product batches, so the "latest 10" it showed were in product order, not date
- * order, and reviews 11+ were unreachable. `ReviewsListingPanel` pages the real
- * store-reviews endpoint instead.
- */
-function renderAuctionStoreReviews(storeSlug) {
-    if (!storeSlug)
-        return null;
-    return (_jsxs(Section, { className: "mt-10", children: [_jsx(Heading, { level: 2, className: "mb-2", color: "primary", size: "xl", weight: "semibold", children: "Store Reviews" }), _jsx(ReviewsListingPanel, { source: { kind: "store", storeSlug }, stateMode: "local", context: "store", emptyLabel: "This store has no reviews yet." })] }));
-}
-/**
- * Related auction docs → card data, at module scope rather than inline in the
- * view.
- *
- * This is a pure doc→card mapper with no component state, and it is the exact
- * spot Root Cause #48 keeps recurring: a card carries nine correct fields and
- * routes or renders wrong because of the tenth. Naming it makes the field list
- * reviewable on its own instead of buried 400 lines into a render prop.
- */
-function toRelatedAuctionCards(relatedDocs, 
-// The current auction's own id, so it is excluded from its own related list.
-// Typed as the document id it is compared against, not `unknown` — a bare
-// `unknown` here silently permits comparing against anything.
-currentId, now) {
-    return relatedDocs
-        .filter((r) => {
-        if (r.id === currentId || r.listingType !== "auction")
-            return false;
-        const s = r.status;
-        if (s && ["archived", "in_review", "draft"].includes(s))
-            return false;
-        if (r.isSold === true)
-            return false;
-        const end = r.auctionEndDate;
-        if (!end)
-            return true;
-        const endDate = typeof end.toDate === "function"
-            ? end.toDate()
-            : end instanceof Date ? end : new Date(String(end));
-        return endDate > now;
-    })
-        .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,
-        listingType: "auction",
-        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,
-        // The card renders "by <seller>"; dropping these is how a related-auction
-        // card ends up the only one on the page with no seller on it, from data
-        // that was on the doc all along.
-        storeId: typeof r.storeId === "string" ? r.storeId : undefined,
-        storeName: typeof r.storeName === "string" ? r.storeName : undefined,
-    }));
-}
-export async function AuctionDetailPageView({ id, initialAuction, onPlaceBid, onBuyNow, productFeatures }) {
-    // The auction IS this page's subject. A read failure must surface rather than
-    // become the same `undefined` a genuinely missing slug produces — the
-    // "Auction Not Found" branch below still handles that real case.
-    const product = initialAuction !== undefined
-        ? (initialAuction ?? undefined)
-        : await productRepository.findByIdOrSlug(id);
-    const bidsResult = product
-        ? await safeRead(() => listBidsByProduct(String(product.id), { pageSize: 5 }), { route: "/auctions/[slug]", key: "auction.bidHistory", fallback: null })
-        : null;
-    const storeId = product?.storeId;
-    if (!product) {
-        return (_jsx(Main, { children: _jsx(Section, { padding: "y-5xl", children: _jsx(Container, { size: "md", children: _jsxs(Stack, { align: "start", gap: "md", className: "text-left", children: [_jsx(Heading, { level: 1, size: "2xl", weight: "semibold", color: "primary", children: "Auction Not Found" }), _jsx(Text, { color: "muted", children: "This auction may have ended or the link is incorrect." }), _jsx(Link, { href: String(ROUTES.PUBLIC.AUCTIONS), className: "text-[length:var(--appkit-text-sm)] font-medium text-primary-600 hover:underline", children: "Browse Auctions" })] }) }) }) }));
-    }
-    const p = product;
-    const currency = p.currency || getDefaultCurrency();
-    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 minBidIncrementOverride = typeof p.minBidIncrement === "number" ? p.minBidIncrement : undefined;
-    // `images` is `ProductImage[]` since A6 — `productImageUrls` is the one
-    // normaliser (it also accepts the legacy `string[]`). Casting it to
-    // `string[]` handed the gallery objects and rendered a placeholder.
-    const galleryUrls = productImageUrls(p.images);
-    const images = galleryUrls.length > 0
-        ? galleryUrls
-        : typeof p.mainImage === "string"
-            ? [p.mainImage]
-            : [];
-    const productVideo = p.video;
-    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;
-    const buyNowPrice = typeof p.buyNowPrice === "number" ? p.buyNowPrice : null;
-    const buyNowAvailable = isBuyNowAvailable({
-        buyNowPrice,
-        currentBid,
-        isEnded,
-        isSold: p.isSold === true,
-        // D53 — so the button is not offered for a buyout the server will refuse.
-        reservePrice: typeof p.reservePrice === "number" ? p.reservePrice : 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 safeSeller = storeName ? safeDisplayName(storeName, "") : null;
-    const storeSlug = (typeof p.storeSlug === "string" ? p.storeSlug : null) || (typeof p.storeId === "string" ? p.storeId : null);
-    const storeHref = storeSlug
-        ? String(ROUTES.PUBLIC.STORE_DETAIL(storeSlug))
-        : null;
-    const category = Array.isArray(p.categorySlugs) && p.categorySlugs.length > 0 ? p.categorySlugs[0] : (typeof p.category === "string" ? p.category : null);
-    const categoryName = Array.isArray(p.categoryNames) && p.categoryNames.length > 0 ? p.categoryNames[0] : (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 sublistingCategoryId = typeof p.sublistingCategoryId === "string" ? p.sublistingCategoryId : null;
-    const relatedDocs = (await safeRead(() => productRepository.findByCategory(String(p.category ?? "")), {
-        route: "/auctions/[slug]",
-        key: "products.findByCategory",
-        fallback: [],
-    }));
-    const [{ relatedItems, relatedByBrand, relatedByTags, relatedByStore }, groups, siteSettings] = await Promise.all([
-        computeRelatedItems(product),
-        getGroupsWithItemsForProduct(product.id),
-        getSiteSettingsGlobal(),
-    ]);
-    const bidIncrementTiers = siteSettings.auctionConfig?.bidIncrementTiers ?? [];
-    const initialMinBidIncrement = resolveMinBidIncrement(currentBid, bidIncrementTiers, minBidIncrementOverride);
-    // Mirrors placeBid's own hasBids — with no bids the starting bid is itself
-    // the minimum, so this preview must not advertise startingBid + increment.
-    const initialHasBids = bidCount > 0 || currentBid > startingBid;
-    const initialMinBid = resolveMinBid(currentBid, bidIncrementTiers, minBidIncrementOverride, {
-        hasBids: initialHasBids,
-    });
-    return (_jsxs(Main, { children: [_jsx(HistoryTracker, { productId: String(p.id ?? p.slug ?? ""), productType: "auction", snapshot: {
-                    title: typeof p.title === "string" ? p.title : undefined,
-                    thumb: typeof p.mainImage === "string" ? p.mainImage : images[0],
-                    price: typeof p.price === "number" ? p.price : undefined,
-                    storeId: typeof p.storeId === "string" ? p.storeId : undefined,
-                    storeName: typeof p.storeName === "string" ? p.storeName : undefined,
-                } }), _jsxs(Container, { size: "xl", padding: "y-lg", children: [_jsxs(Row, { className: "mb-4", align: "center", justify: "between", gap: "sm", wrap: true, children: [_jsxs(Nav, { "aria-label": "Breadcrumb", layout: "flex-wrap", gap: "2xs", textSize: "xs", color: "muted", children: [_jsx(Link, { href: String(ROUTES.HOME), className: CLS_BREADCRUMB_LINK, children: "Home" }), _jsx(Span, { "aria-hidden": true, children: "/" }), _jsx(Link, { href: String(ROUTES.PUBLIC.AUCTIONS), className: CLS_BREADCRUMB_LINK, children: "Auctions" }), category && (_jsxs(_Fragment, { children: [_jsx(Span, { "aria-hidden": true, children: "/" }), _jsx(Link, { href: String(ROUTES.PUBLIC.CATEGORY_DETAIL(category)), className: CLS_BREADCRUMB_LINK, children: categoryName || category })] })), _jsx(Span, { "aria-hidden": true, children: "/" }), _jsx(Span, { className: "truncate max-w-[200px]", color: "muted", children: title })] }), _jsx(ShareButton, { title: title })] }), _jsx(AuctionDetailView, { renderGallery: () => (_jsx(ProductGalleryClient, { images: images, video: productVideo, productName: title })), renderInfo: () => renderAuctionInfoPanel({ productId: String(product.id), storeId: product.storeId ? String(product.storeId) : undefined, title, currentBid, currency, bidCount, isEnded, endDate, buyNowPrice, buyNowAvailable, featured, freeShipping, condition, finalSale: isFinalSale(p), category, categoryName, brand, brandSlug, productFeatures, features, descriptionHtml, safeSeller, storeHref }), renderBidForm: () => onPlaceBid ? (_jsx(Stack, { id: "auction-bid-form", gap: "3", children: _jsxs(Stack, { className: `${__P.p5}`, border: "subtle", gap: "3", rounded: "xl", surface: "muted", children: [_jsxs(Row, { justify: "between", align: "baseline", children: [_jsx(LiveBidPrice, { productId: String(product.id), currentBid: currentBid, bidCount: bidCount, currency: currency, isEnded: isEnded, priceSize: "xl", badgeSize: "xs" }), !isEnded && (_jsx(LiveMinIncrement, { productId: String(product.id), currentBid: currentBid, bidCount: bidCount, currency: currency, isEnded: isEnded, tiers: bidIncrementTiers, minBidIncrementOverride: minBidIncrementOverride }))] }), !isEnded && endDate && (_jsxs(Text, { align: "center", size: "xs", color: "muted", children: ["Ends in ", _jsx(CountdownDisplay, { targetDate: endDate, format: "auto", expiredLabel: "Ended" })] })), _jsx(PlaceBidModalButton, { productId: String(product.id), currentBid: currentBid, startingBid: startingBid, tiers: bidIncrementTiers, minBidIncrementOverride: minBidIncrementOverride, currency: currency, isEnded: isEnded, auctionEndDate: endDate, buyNowPrice: buyNowPrice, bidCount: bidCount, tags: tags, onPlaceBid: onPlaceBid, onBuyNow: onBuyNow, triggerClassName: "w-full" })] }) })) : (
-                        /* Read-only bid panel — shown when no bid action is wired (preview/demo) */
-                        _jsxs(Stack, { className: `${__P.p5}`, border: "subtle", gap: "md", rounded: "xl", surface: "muted", children: [_jsx(Stack, { gap: "xs", children: _jsx(Text, { size: "xs", color: "muted", children: _jsxs(GatedPrice, { label: "Sign in to see the starting bid", children: ["Starting bid: ", formatCurrency(startingBid, currency), !isEnded && _jsxs(_Fragment, { children: [" \u00B7 min increment ", formatCurrency(initialMinBidIncrement, currency)] })] }) }) }), _jsxs(Stack, { gap: "sm", children: [_jsx(Input, { type: "number", 
-                                            // The minimum is stated in the gated line above rather than
-                                            // in the placeholder: a placeholder is a plain string prop,
-                                            // so it cannot be gated in place and would print the bid
-                                            // floor to signed-out visitors.
-                                            placeholder: "Enter your bid", min: initialMinBid, "aria-label": "Your bid amount", disabled: isEnded }), !isEnded && endDate && (_jsxs(Text, { align: "center", size: "xs", color: "muted", children: ["Ends in ", _jsx(CountdownDisplay, { targetDate: endDate, format: "auto", expiredLabel: "Ended" })] })), _jsx(Button, { variant: "primary", size: "md", className: "w-full", disabled: isEnded, children: isEnded ? "Auction Ended" : "Place Bid" }), buyNowAvailable && buyNowPrice !== null && (
-                                        // Hidden rather than prompted: the Buy Now chip at the top
-                                        // of the panel already carries the gate, so repeating the
-                                        // prompt here would be the same affordance twice.
-                                        _jsx(PricesOnly, { children: _jsxs(Text, { align: "center", size: "xs", color: "muted", children: ["Buy Now available at ", formatCurrency(buyNowPrice, currency)] }) }))] }), tags.length > 0 && (_jsx(Div, { border: "default", className: "border-t", padding: "t-md", children: _jsx(Row, { wrap: true, gap: "xs", children: tags.map((tag) => (_jsx(Span, { size: "xs", rounded: "full", padding: "pill-sm-tall", surface: "subtle", color: "muted", children: tag }, tag))) }) }))] })), renderMobileBidForm: () => !isEnded && onPlaceBid ? (_jsxs(Stack, { className: `lg:hidden ${__P.p4}`, border: "subtle", gap: "3", rounded: "xl", surface: "muted", children: [_jsx(LiveBidPrice, { productId: String(product.id), currentBid: currentBid, bidCount: bidCount, currency: currency, isEnded: isEnded, priceSize: "base", badgeSize: "xs" }), endDate && (_jsxs(Text, { align: "center", size: "xs", color: "muted", children: ["Ends in ", _jsx(CountdownDisplay, { targetDate: endDate, format: "auto", expiredLabel: "Ended" })] })), _jsx(PlaceBidModalButton, { productId: String(product.id), currentBid: currentBid, startingBid: startingBid, tiers: bidIncrementTiers, minBidIncrementOverride: minBidIncrementOverride, currency: currency, isEnded: isEnded, auctionEndDate: endDate, buyNowPrice: buyNowPrice, bidCount: bidCount, tags: tags, onPlaceBid: onPlaceBid, onBuyNow: onBuyNow, triggerClassName: "w-full" })] })) : !isEnded ? (_jsxs(Div, { className: `${__P.p4} lg:hidden`, border: "subtle", rounded: "xl", surface: "muted", children: [_jsxs(Row, { align: "center", gap: "sm", className: "mb-3", children: [_jsx(Span, { size: "base", weight: "bold", className: "text-primary-600 dark:text-primary-400", children: _jsx(GatedPrice, { label: "Sign in to see the current bid", children: formatCurrency(currentBid, currency) }) }), _jsxs(Span, { size: "xs", color: "muted", children: [bidCount, " bids"] })] }), endDate && (_jsxs(Text, { align: "center", className: "mb-3", size: "xs", color: "muted", children: ["Ends in ", _jsx(CountdownDisplay, { targetDate: endDate, format: "auto", expiredLabel: "Ended" })] })), _jsx(Button, { variant: "primary", size: "md", className: "w-full", children: "Place Bid" })] })) : null, renderSublistingSection: sublistingCategoryId
-                            ? () => (_jsx(SublistingCarouselSection, { sublistingCategoryId: sublistingCategoryId, currentListingId: String(product.id) }))
-                            : undefined, renderTabs: () => (_jsx(ProductTabsShell, { descriptionContent: descriptionHtml ? (_jsx(RichText, { html: descriptionHtml, proseClass: "prose prose-sm sm:prose max-w-none dark:prose-invert", className: "text-[var(--appkit-color-text-muted)]" })) : undefined, specsContent: specs.length > 0 ? (_jsx(SpecTable, { rows: specs })) : undefined, customTabs: toCustomSectionTabs(p.customSections) })), renderBidHistory: () => {
-                            if (!bidsResult)
-                                return null;
-                            return (_jsx(CollapsibleBidHistory, { productId: String(product.id), initialData: bidsResult, currency: currency }));
-                        }, renderRelated: () => {
-                            const related = toRelatedAuctionCards(relatedDocs, product.id, new Date());
-                            return (_jsxs(Stack, { gap: "xl", children: [related.length > 0 && (_jsx(RelatedProducts, { labels: { title: "Similar Auctions" }, renderGrid: () => (_jsx(MarketplaceAuctionGrid, { auctions: related })) })), _jsx(PurchaseReviewAffordance, { productId: String(product.id), storeId: product.storeId ? String(product.storeId) : undefined }), _jsx(GroupedListingsCarousel, { groups: groups }), _jsx(RelatedItemsSection, { relatedItems: relatedItems, relatedByBrand: relatedByBrand, relatedByTags: relatedByTags, relatedByStore: relatedByStore, categoryLabel: categoryName || category || undefined, brandLabel: brand || undefined, storeLabel: storeName || undefined })] }));
-                        } }), renderAuctionStoreReviews(storeId), onPlaceBid && (_jsx(AuctionBottomActions, { productId: String(product.id), currentBid: currentBid, startingBid: startingBid, tiers: bidIncrementTiers, minBidIncrementOverride: minBidIncrementOverride, currency: currency, isEnded: isEnded, auctionEndDate: endDate, buyNowPrice: buyNowPrice, bidCount: bidCount, tags: tags, onPlaceBid: onPlaceBid, onBuyNow: onBuyNow }))] })] }));
-}

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

@@ -1,16 +0,0 @@
-import type { FacetOption } from "../../filters/FilterFacetSection";
-import type { UrlTable } from "../../filters/FilterPanel";
-import type { AsyncFacetSectionProps } from "../../filters/AsyncFacetSection";
-type LoadOptionsFn = AsyncFacetSectionProps["loadOptions"];
-export interface AuctionFiltersProps {
-    table: UrlTable;
-    categoryOptions?: FacetOption[];
-    brandOptions?: FacetOption[];
-    storeOptions?: FacetOption[];
-    loadCategoryOptions?: LoadOptionsFn;
-    loadBrandOptions?: LoadOptionsFn;
-    loadStoreOptions?: LoadOptionsFn;
-    currencyPrefix?: string;
-}
-export declare function AuctionFilters({ table, categoryOptions, brandOptions, storeOptions, loadCategoryOptions, loadBrandOptions, loadStoreOptions, currencyPrefix, }: AuctionFiltersProps): import("react").JSX.Element;
-export {};

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

@@ -1,18 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useTranslations } from "next-intl";
-import { FilterFacetSection } from "../../filters/FilterFacetSection.js";
-import { AsyncFacetSection } from "../../filters/AsyncFacetSection.js";
-import { RangeFilter } from "../../filters/RangeFilter.js";
-import { Div } from "../../../ui/components/Div.js";
-export function AuctionFilters({ table, categoryOptions = [], brandOptions = [], storeOptions = [], loadCategoryOptions, loadBrandOptions, loadStoreOptions, 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: [loadCategoryOptions ? (_jsx(AsyncFacetSection, { title: t("category"), loadOptions: loadCategoryOptions, selected: selectedCategories, onChange: (vals) => table.set("category", vals.join("|")), defaultCollapsed: false })) : 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 })) : null, loadBrandOptions ? (_jsx(AsyncFacetSection, { title: t("brand"), loadOptions: loadBrandOptions, selected: selectedBrands, onChange: (vals) => table.set("brand", vals[0] ?? ""), defaultCollapsed: false })) : brandOptions.length > 0 ? (_jsx(FilterFacetSection, { title: t("brand"), options: brandOptions, selected: selectedBrands, onChange: (vals) => table.set("brand", vals[0] ?? ""), searchable: brandOptions.length > 4, defaultCollapsed: brandOptions.length > 6 })) : null, _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 }), loadStoreOptions ? (_jsx(AsyncFacetSection, { title: t("store"), loadOptions: loadStoreOptions, selected: selectedStores, onChange: (vals) => table.set("storeId", vals[0] ?? ""), 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 })) : null, _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/AuctionLiveStatusBadge.d.ts

@@ -1,20 +0,0 @@
-export interface AuctionLiveStatusBadgeProps {
-    /** The auction's end timestamp — the only thing that decides this. */
-    auctionEndDate: Date | string | null;
-    /** The server's answer, used as the initial value so SSR and hydration agree. */
-    initialIsEnded: boolean;
-}
-/**
- * Active / Ended, decided on the client.
- *
- * The server-rendered version of this badge sat directly above a countdown that
- * already flipped itself to "Ended" — so a cached auction page could render
- * `Ends in Ended` beside a green **Active** pill. The countdown was right and the
- * badge was stale, in the same `<Stack>`.
- *
- * Extracted to a client component rather than passing a derived prop down,
- * because `AuctionDetailPageView` is a Server Component and cannot hold the
- * timer. Colours follow the status-pair rule (Root Cause #67): a theme-relative
- * surface with its matching theme-relative ink, never a literal `text-white`.
- */
-export declare function AuctionLiveStatusBadge({ auctionEndDate, initialIsEnded, }: AuctionLiveStatusBadgeProps): import("react").JSX.Element;

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

@@ -1,21 +0,0 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Span } from "../../../ui/components/Typography.js";
-import { useIsAuctionEnded } from "../hooks/useIsAuctionEnded.js";
-/**
- * Active / Ended, decided on the client.
- *
- * The server-rendered version of this badge sat directly above a countdown that
- * already flipped itself to "Ended" — so a cached auction page could render
- * `Ends in Ended` beside a green **Active** pill. The countdown was right and the
- * badge was stale, in the same `<Stack>`.
- *
- * Extracted to a client component rather than passing a derived prop down,
- * because `AuctionDetailPageView` is a Server Component and cannot hold the
- * timer. Colours follow the status-pair rule (Root Cause #67): a theme-relative
- * surface with its matching theme-relative ink, never a literal `text-white`.
- */
-export function AuctionLiveStatusBadge({ auctionEndDate, initialIsEnded, }) {
-    const isEnded = useIsAuctionEnded(auctionEndDate, initialIsEnded);
-    return isEnded ? (_jsx(Span, { color: "error", surface: "danger-surface", size: "xs", weight: "medium", className: "inline-block", padding: "pill-sm", rounded: "full", children: "Ended" })) : (_jsx(Span, { color: "success", surface: "success-surface", size: "xs", weight: "medium", className: "inline-block", padding: "pill-sm", rounded: "full", children: "Active" }));
-}

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

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