@mohasinac/appkit 4.70.0 → 4.71.2

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

@@ -0,0 +1,49 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// Import from the DEFINING module, never `@mohasinac/appkit/client` — that entry
+// is `"use client"`, so in this async Server Component `sortBy` would resolve to
+// a client-reference proxy and calling it throws during the server render
+// (Root Cause #18). That is exactly what took `section-prize-draws` down.
+import { sortBy } from "../../../constants/sort.js";
+import { Container, Grid, Stack } from "../../../ui/components/Layout.js";
+import { Heading, Text } from "../../../ui/components/Typography.js";
+import { Section } from "../../../ui/components/Semantic.js";
+import { ROUTES } from "../../../next/routing/route-map.js";
+import { listPublicProducts } from "../../../_internal/server/features/products/list-public.js";
+import { AVAILABILITY_VALUES, PRODUCT_FIELDS } from "../../../constants/field-names.js";
+import { InteractiveProductCard } from "./InteractiveProductCard.js";
+/**
+ * Renders a prize-draws strip on the homepage.
+ *
+ * Until 2026-08-24 this read `config.title` / `config.subtitle` and ignored
+ * every other field it was given — `revealStatus`, `maxItems`, `storeId`,
+ * `showCountdown` and `showEntriesRemaining` were all inert, with the count
+ * hardcoded to 8. `revealStatus` mattering most: the seeded value is `"all"`,
+ * which is why a closed, already-revealed draw sat on the homepage advertising
+ * entries nobody could buy.
+ */
+export async function ClearanceSection({ config, }) {
+    const title = config.title ?? "Clearance";
+    const subtitle = config.subtitle ?? "Enter for a chance to win rare collectibles";
+    const revealStatus = config.revealStatus ?? "open";
+    const showAll = revealStatus === "all";
+    const result = await listPublicProducts({
+        listingTypes: [PRODUCT_FIELDS.LISTING_TYPE_VALUES.CLEARANCE],
+        storeId: config.storeId,
+        // "all" means the admin deliberately wants closed draws too — an archive
+        // strip — so neither the status filter nor the availability scope applies.
+        prizeRevealStatus: showAll ? undefined : revealStatus,
+        availability: showAll ? AVAILABILITY_VALUES.ALL : AVAILABILITY_VALUES.AVAILABLE,
+        sorts: sortBy(PRODUCT_FIELDS.CREATED_AT, "DESC"),
+        page: 1,
+        pageSize: config.maxItems ?? 8,
+        // Fixed-size strip that never pages — cap the bounded window instead of
+        // inheriting the 50-document default. Headroom over `pageSize` because
+        // availability and test-data are per-row predicates applied after the fetch.
+        // See `featuredWindow` in features/products/actions/product-actions.ts.
+        windowSize: Math.max((config.maxItems ?? 8) * 2, (config.maxItems ?? 8) + 8),
+    });
+    const draws = (result?.items ?? []);
+    if (draws.length === 0)
+        return null;
+    return (_jsx(Section, { padding: "y-2xl", children: _jsx(Container, { size: "xl", children: _jsxs(Stack, { gap: "md", children: [_jsxs(Stack, { gap: "xs", children: [_jsx(Heading, { level: 2, size: "2xl", weight: "semibold", color: "primary", children: title }), subtitle ? (_jsx(Text, { size: "sm", color: "muted", children: subtitle })) : null] }), _jsx(Grid, { cols: "cardsWide", gap: "3", children: draws.map((draw) => (_jsx(InteractiveProductCard, { product: draw, href: String(ROUTES.PUBLIC.PRODUCT_DETAIL(draw.slug ?? draw.id ?? "")) }, draw.id))) })] }) }) }));
+}

package/dist/features/products/components/ClearanceWinnerMappingView.d.ts

@@ -0,0 +1,14 @@
+export interface ClearanceWinnerMappingRow {
+    itemNumber: number;
+    title: string;
+    image?: string;
+    isWon: boolean;
+    wonByOrderId?: string;
+}
+export interface ClearanceWinnerMappingViewProps {
+    title?: string;
+    items: ClearanceWinnerMappingRow[];
+    isAdmin: boolean;
+}
+export declare function ClearanceWinnerMappingView({ title, items, isAdmin, }: ClearanceWinnerMappingViewProps): import("react").JSX.Element;
+export default ClearanceWinnerMappingView;

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

@@ -0,0 +1,43 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * ClearanceWinnerMappingView
+ *
+ * Read-only item→order mapping for a classic reveal-mode prize draw. Shown
+ * only to admin and the owning seller (never publicly) so they know which
+ * physical item to ship for which order. Mirrors GiveawayEntriesView's choice
+ * of a small bounded DataTable (≤16 rows per draw) rather than a paginated
+ * DataListingView.
+ */
+import { Badge } from "../../../ui/components/Badge.js";
+import { Container, Row, Stack } from "../../../ui/components/Layout.js";
+import { DataTable } from "../../../ui/DataTable.js";
+import { Div } from "../../../ui/components/Div.js";
+import { Heading, Text } from "../../../ui/components/Typography.js";
+import { Section } from "../../../ui/components/Semantic.js";
+import { TextLink } from "../../../ui/components/TextLink.js";
+import { MediaImage } from "../../../ui/components/MediaImage.js";
+import { ROUTES } from "../../../next/routing/route-map.js";
+export function ClearanceWinnerMappingView({ title = "Clearance — Allocation Mapping", items, isAdmin, }) {
+    const columns = [
+        {
+            key: "itemNumber",
+            header: "Item",
+            render: (row) => (_jsxs(Row, { gap: "xs", align: "center", children: [row.image ? (_jsx(Div, { className: "relative h-10 w-10 shrink-0", overflow: "hidden", rounded: "default", children: _jsx(MediaImage, { src: row.image, alt: row.title, size: "thumbnail" }) })) : null, _jsxs(Text, { size: "sm", weight: "medium", children: ["#", row.itemNumber, " \u2014 ", row.title] })] })),
+        },
+        {
+            key: "isWon",
+            header: "Status",
+            render: (row) => row.isWon ? (_jsx(Badge, { variant: "success", size: "sm", children: "Won" })) : (_jsx(Badge, { variant: "secondary", size: "sm", children: "Unclaimed" })),
+        },
+        {
+            key: "wonByOrderId",
+            header: "Order",
+            render: (row) => row.wonByOrderId ? (_jsx(TextLink, { href: String(isAdmin
+                    ? ROUTES.ADMIN.ORDER_DETAIL(row.wonByOrderId)
+                    : ROUTES.STORE.ORDER_DETAIL(row.wonByOrderId)), children: row.wonByOrderId })) : (_jsx(Text, { size: "sm", color: "muted", children: "\u2014" })),
+        },
+    ];
+    return (_jsx(Container, { children: _jsx(Section, { children: _jsxs(Stack, { gap: "lg", children: [_jsx(Heading, { level: 1, size: "2xl", weight: "bold", children: title }), _jsx(Text, { color: "muted", children: "Visible only to you \u2014 buyers never see which item went to which order. Use this to ship the correct physical item to the correct order." }), _jsx(DataTable, { data: items, columns: columns, keyExtractor: (row) => String(row.itemNumber), emptyMessage: "No prize items." })] }) }) }));
+}
+export default ClearanceWinnerMappingView;

package/dist/features/products/components/CollectorDropDetailView.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+import type { DetailViewShellProps } from "../../../ui/components/DetailViewShell";
+export interface CollectorDropDetailViewProps extends Omit<DetailViewShellProps, "mainSlots" | "belowFold" | "layout" | "afterMain"> {
+    renderGallery?: (isLoading: boolean) => React.ReactNode;
+    renderInfo?: (isLoading: boolean) => React.ReactNode;
+    /** Desktop sticky bid sidebar (hidden on mobile, shown in col 3) */
+    renderBidForm?: () => React.ReactNode;
+    /** Mobile bid form shown below the grid on small screens */
+    renderMobileBidForm?: () => React.ReactNode;
+    /** Rendered between the main grid and the below-fold tabs (e.g. sub-listing carousel). */
+    renderSublistingSection?: () => React.ReactNode;
+    renderTabs?: () => React.ReactNode;
+    renderBidHistory?: () => React.ReactNode;
+    renderRelated?: () => React.ReactNode;
+}
+export declare function CollectorDropDetailView({ renderGallery, renderInfo, renderBidForm, renderMobileBidForm, renderSublistingSection, renderTabs, renderBidHistory, renderRelated, isLoading, ...rest }: CollectorDropDetailViewProps): React.JSX.Element;

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

@@ -0,0 +1,13 @@
+import { Fragment as _Fragment, jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { DetailViewShell } from "../../../ui/components/DetailViewShell.js";
+import { Div } from "../../../ui/components/Div.js";
+export function CollectorDropDetailView({ renderGallery, renderInfo, renderBidForm, renderMobileBidForm, renderSublistingSection, renderTabs, renderBidHistory, renderRelated, isLoading = false, ...rest }) {
+    const mobileBid = renderMobileBidForm?.();
+    const sublistingSection = renderSublistingSection?.();
+    const afterMainContent = (mobileBid || sublistingSection) ? (_jsxs(_Fragment, { children: [mobileBid, sublistingSection] })) : undefined;
+    return (_jsx(DetailViewShell, { portal: "public", ...rest, layout: "grid-3", isLoading: isLoading, mainSlots: [
+            renderGallery?.(isLoading),
+            renderInfo?.(isLoading),
+            _jsx(Div, { className: "hidden lg:block", children: renderBidForm?.() }, "bid"),
+        ], afterMain: afterMainContent, belowFold: [renderTabs?.(), renderBidHistory?.(), renderRelated?.()] }));
+}

package/dist/features/products/components/CollectorDropsIndexListing.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+export interface CollectorDropsIndexListingProps {
+    initialData?: any;
+    categorySlug?: string;
+    /** Filter collector drops by brand name (for brand detail pages) */
+    brandName?: string;
+}
+export declare function CollectorDropsIndexListing({ initialData, categorySlug, brandName }: CollectorDropsIndexListingProps): React.JSX.Element;

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

@@ -0,0 +1,170 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { withoutPriceSorts } from "../constants/sieve.js";
+import { useCanSeePrices } from "../../../react/hooks/useCanSeePrices.js";
+import { useState, useCallback } from "react";
+import { useUrlTable } from "../../../react/hooks/useUrlTable.js";
+import { useProducts } from "../hooks/useProducts.js";
+import { BulkActionBar } from "../../../ui/components/BulkActionBar.js";
+import { Div } from "../../../ui/components/Div.js";
+import { FilterDrawer } from "../../../ui/components/FilterDrawer.js";
+import { Grid, Row, Stack } from "../../../ui/components/Layout.js";
+import { ListingToolbar } from "../../../ui/components/ListingToolbar.js";
+import { LoginRequiredModal } from "../../../ui/components/LoginRequiredModal.js";
+import { Pagination } from "../../../ui/components/Pagination.js";
+import { useToast } from "../../../ui/components/toast-context.js";
+import { StickyToolbar } from "../../../ui/components/StickyToolbar.js";
+import { usePendingTable } from "../../../react/hooks/usePendingTable.js";
+import { useBulkSelection } from "../../../react/hooks/useBulkSelection.js";
+import { MarketplaceCollectorDropGrid } from "../../collector-drops/components/MarketplaceCollectorDropGrid.js";
+import { CollectorDropFilters } from "../../collector-drops/components/CollectorDropFilters.js";
+import { useGuestWishlist } from "../../wishlist/hooks/useGuestWishlist.js";
+import { pushWishlistOp } from "../../cart/utils/pending-ops.js";
+import { useCategoryTree, categoriesToFacetOptions } from "../../categories/hooks/useCategoryTree.js";
+import { useBrands } from "../hooks/useBrands.js";
+import { TABLE_KEYS, VIEW_MODE } from "../../../constants/table-keys.js";
+import { useAuthGate } from "../../../react/hooks/useAuthGate.js";
+import { ACTION_ID } from "../constants/action-defs.js";
+import { COLLECTOR_DROP_PUBLIC_SORT_OPTIONS } from "../constants/sieve.js";
+import { useBottomActions } from "../../../ui/chrome/useBottomActions.js";
+import { AVAILABILITY_VALUES } from "../../../constants/field-names.js";
+import { AvailabilityTabs } from "./AvailabilityTabs.js";
+const __P = {
+    p3: "p-[var(--appkit-space-3)]",
+};
+const __O = {
+    hidden: "overflow-hidden",
+};
+const DEFAULT_SORT = COLLECTOR_DROP_PUBLIC_SORT_OPTIONS[0].value;
+const COLLECTOR_DROP_LISTING_TYPES = ["collector-drop"];
+const FILTER_KEYS = [TABLE_KEYS.CATEGORY, TABLE_KEYS.BRAND, TABLE_KEYS.MIN_BID, TABLE_KEYS.MAX_BID, TABLE_KEYS.STORE_ID, TABLE_KEYS.DATE_FROM, TABLE_KEYS.DATE_TO];
+export function CollectorDropsIndexListing({ initialData, categorySlug, brandName }) {
+    const table = useUrlTable({ defaults: { pageSize: "24", sort: DEFAULT_SORT } });
+    const { canSeePrices } = useCanSeePrices();
+    const { showToast } = useToast();
+    const { requireAuth, modalOpen, modalMessage, closeModal } = useAuthGate();
+    const [searchInput, setSearchInput] = useState(table.get(TABLE_KEYS.QUERY) || "");
+    const [filterOpen, setFilterOpen] = useState(false);
+    const availability = table.get(TABLE_KEYS.AVAILABILITY) ||
+        AVAILABILITY_VALUES.AVAILABLE;
+    const [view, setView] = useState(table.get(TABLE_KEYS.VIEW) || VIEW_MODE.GRID);
+    const localWishlist = useGuestWishlist();
+    const wishlistedIds = new Set(localWishlist.items.filter((i) => i.type === "collector-drop" || i.type === "auction").map((i) => i.itemId));
+    const { categories } = useCategoryTree();
+    const categoryOptions = categoriesToFacetOptions(categories);
+    const { brandOptions } = useBrands();
+    const { pendingTable, filterActiveCount, onFilterApply, onFilterClear, onResetAll, onFilterReset } = usePendingTable(table, FILTER_KEYS);
+    const openFilters = useCallback(() => {
+        onFilterReset();
+        setFilterOpen(true);
+    }, [onFilterReset]);
+    const applyFilters = useCallback(() => {
+        onFilterApply();
+        setFilterOpen(false);
+    }, [onFilterApply]);
+    const resetAll = useCallback(() => {
+        onResetAll({ [TABLE_KEYS.QUERY]: "", [TABLE_KEYS.SORT]: "", [TABLE_KEYS.AVAILABILITY]: "" });
+        setSearchInput("");
+    }, [onResetAll]);
+    const hasActiveState = !!table.get(TABLE_KEYS.QUERY) ||
+        availability !== AVAILABILITY_VALUES.AVAILABLE ||
+        table.get(TABLE_KEYS.SORT) !== DEFAULT_SORT ||
+        filterActiveCount > 0;
+    const params = {
+        q: table.get(TABLE_KEYS.QUERY) || undefined,
+        category: table.get(TABLE_KEYS.CATEGORY) || undefined,
+        categorySlug: categorySlug || undefined,
+        brand: brandName || table.get(TABLE_KEYS.BRAND) || undefined,
+        minBid: table.get(TABLE_KEYS.MIN_BID) ? Number(table.get(TABLE_KEYS.MIN_BID)) : undefined,
+        maxBid: table.get(TABLE_KEYS.MAX_BID) ? Number(table.get(TABLE_KEYS.MAX_BID)) : undefined,
+        storeId: table.get(TABLE_KEYS.STORE_ID) || undefined,
+        // Now purely the drawer's own end-date window. It used to double as the
+        // hide-ended mechanism, which meant the drawer facet and the toggle fought
+        // over one param; the scope tab owns that decision instead.
+        dateFrom: table.get(TABLE_KEYS.DATE_FROM) || undefined,
+        dateTo: table.get(TABLE_KEYS.DATE_TO) || undefined,
+        sort: table.get(TABLE_KEYS.SORT) || DEFAULT_SORT,
+        page: table.getNumber(TABLE_KEYS.PAGE, 1),
+        perPage: table.getNumber(TABLE_KEYS.PAGE_SIZE, 24),
+        listingType: "collector-drop",
+        availability,
+    };
+    const { products: collectorDrops, totalPages, page, isLoading } = useProducts(params, { initialData });
+    const selection = useBulkSelection({ items: collectorDrops, keyExtractor: (a) => a.id });
+    const commitSearch = useCallback(() => {
+        table.set(TABLE_KEYS.QUERY, searchInput.trim());
+    }, [searchInput, table]);
+    const handleSearchKeyDown = (e) => {
+        if (e.key === "Enter")
+            commitSearch();
+    };
+    const handleViewToggle = (next) => {
+        if (next === VIEW_MODE.TABLE)
+            return;
+        setView(next);
+        table.set(TABLE_KEYS.VIEW, next);
+    };
+    const wishlistActions = {
+        addToWishlist: (productId) => {
+            requireAuth(ACTION_ID.WATCH_COLLECTOR_DROP, () => {
+                localWishlist.add(productId, "collector-drop");
+                pushWishlistOp({ op: "add", itemId: productId, type: "collector-drop" });
+                showToast("Added to wishlist", "success");
+            });
+            return Promise.resolve();
+        },
+        removeFromWishlist: (productId) => {
+            requireAuth(ACTION_ID.UNWATCH_COLLECTOR_DROP, () => {
+                localWishlist.remove(productId, "collector-drop");
+                pushWishlistOp({ op: "remove", itemId: productId, type: "collector-drop" });
+                showToast("Removed from wishlist", "info");
+            });
+            return Promise.resolve();
+        },
+        isWishlisted: (productId) => wishlistedIds.has(productId),
+    };
+    useBottomActions(selection.selectedCount > 0 ? { bulk: { selectedCount: selection.selectedCount, onClearSelection: selection.clearSelection, actions: [
+                {
+                    id: ACTION_ID.WATCH_COLLECTOR_DROP,
+                    label: "Add to Watchlist",
+                    variant: "primary",
+                    onClick: () => {
+                        const selected = collectorDrops.filter((a) => selection.selectedIdSet.has(a.id));
+                        selected.forEach((a) => { wishlistActions.addToWishlist(a.id); });
+                        selection.clearSelection();
+                    },
+                },
+                {
+                    id: ACTION_ID.UNWATCH_COLLECTOR_DROP,
+                    label: "Remove from Watchlist",
+                    variant: "secondary",
+                    onClick: () => {
+                        const selected = collectorDrops.filter((a) => selection.selectedIdSet.has(a.id));
+                        selected.forEach((a) => { wishlistActions.removeFromWishlist(a.id); });
+                        selection.clearSelection();
+                    },
+                },
+            ] } } : {});
+    return (_jsxs(Div, { className: "min-h-screen", children: [_jsx(ListingToolbar, { filterCount: filterActiveCount, onFiltersClick: openFilters, searchValue: searchInput, searchPlaceholder: "Search collector drops...", onSearchChange: setSearchInput, onSearchCommit: commitSearch, onSearchKeyDown: handleSearchKeyDown, sortValue: table.get(TABLE_KEYS.SORT) || DEFAULT_SORT, sortOptions: withoutPriceSorts(COLLECTOR_DROP_PUBLIC_SORT_OPTIONS, canSeePrices), onSortChange: (v) => { table.set(TABLE_KEYS.SORT, v); }, view: view, onViewChange: handleViewToggle, onResetAll: resetAll, hasActiveState: hasActiveState, bulkMode: selection.isSelecting, bulkSelectedCount: selection.selectedCount, bulkTotalCount: collectorDrops.length, onBulkSelectAll: selection.toggleAll, onBulkClear: selection.clearSelection }), _jsx(Div, { padding: "y-sm", children: _jsx(AvailabilityTabs, { types: COLLECTOR_DROP_LISTING_TYPES }) }), _jsx(BulkActionBar, { selectedCount: selection.selectedCount, onClearSelection: selection.clearSelection, actions: [
+                    {
+                        id: ACTION_ID.WATCH_COLLECTOR_DROP,
+                        label: "Add to Watchlist",
+                        variant: "primary",
+                        onClick: () => {
+                            const selected = collectorDrops.filter((a) => selection.selectedIdSet.has(a.id));
+                            selected.forEach((a) => { wishlistActions.addToWishlist(a.id); });
+                            selection.clearSelection();
+                        },
+                    },
+                    {
+                        id: ACTION_ID.UNWATCH_COLLECTOR_DROP,
+                        label: "Remove from Watchlist",
+                        variant: "secondary",
+                        onClick: () => {
+                            const selected = collectorDrops.filter((a) => selection.selectedIdSet.has(a.id));
+                            selected.forEach((a) => { wishlistActions.removeFromWishlist(a.id); });
+                            selection.clearSelection();
+                        },
+                    },
+                ] }), totalPages > 1 && (_jsx(StickyToolbar, { offset: "header+pagination", tone: "translucent", border: true, padding: "toolbar", children: _jsx(Row, { justify: "center", children: _jsx(Pagination, { currentPage: page, totalPages: totalPages, onPageChange: (p) => table.setPage(p) }) }) })), _jsx(Div, { padding: "y-lg", children: isLoading ? (_jsx(Grid, { cols: "cards", gap: "md", children: Array.from({ length: 8 }).map((_, i) => (_jsxs(Div, { className: `${__O.hidden} animate-pulse`, border: "subtle", rounded: "xl", children: [_jsx(Div, { className: "aspect-square", surface: "subtle" }), _jsxs(Stack, { className: `${__P.p3}`, gap: "sm", children: [_jsx(Div, { className: "h-3 w-3/4", surface: "subtle", rounded: "default" }), _jsx(Div, { className: "h-4 w-1/2", surface: "subtle", rounded: "default" }), _jsx(Div, { className: "h-3 w-full", surface: "subtle", rounded: "default" }), _jsx(Div, { className: "h-8", surface: "subtle", rounded: "default" })] })] }, i))) })) : (_jsx(MarketplaceCollectorDropGrid, { collectorDrops: collectorDrops, variant: view === "list" ? "list" : "grid", wishlistActions: wishlistActions })) }), _jsx(FilterDrawer, { open: filterOpen, onOpen: openFilters, onClose: () => setFilterOpen(false), onApply: applyFilters, onReset: onFilterClear, activeCount: filterActiveCount, hideTrigger: true, children: _jsx(CollectorDropFilters, { table: pendingTable, currencyPrefix: "\u20B9", categoryOptions: categoryOptions, brandOptions: brandOptions }) }), _jsx(LoginRequiredModal, { isOpen: modalOpen, onClose: closeModal, message: modalMessage })] }));
+}

package/dist/features/products/components/CompareOverlay.d.ts

@@ -2,7 +2,7 @@
  * CompareOverlay â€" BK3
  *
  * Fullscreen comparison overlay triggered by the Compare bulk action on
- * Products / Auctions / Pre-orders listings.
+ * Products / Collector Drops / Pre-orders listings.
  *
  * Layout:
  *  - Desktop (md+): up to COMPARE_MAX_ITEMS columns side-by-side. Left rail
@@ -72,7 +72,7 @@ export interface CompareOverlayProps {
     /** When provided, the overlay fetches /api/products?ids=… on open. */
     productIds?: string[];
     /** Discriminates which detail-page ROUTE to link to. */
-    productType?: "product" | "auction" | "preorder";
+    productType?: "product" | "collector-drop" | "preorder";
     onClose: () => void;
     /** Called when a column's Remove button is clicked. */
     onRemove?: (id: string) => void;

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

@@ -18,7 +18,7 @@ import { GatedPrice } from "../../../ui/components/GatedPrice.js";
 import { Heading, Span, Text } from "../../../ui/components/Typography.js";
 import { IconButton } from "../../../ui/components/IconButton.js";
 import { Row, Stack } from "../../../ui/components/Layout.js";
-import { MediaImage } from "../../media/MediaImage.js";
+import { MediaImage } from "../../../ui/components/MediaImage.js";
 import { useSwipe } from "../../../react/hooks/useSwipe.js";
 import { formatCurrency } from "../../../utils/number.formatter.js";
 import { COMPARE_MAX_ITEMS } from "../constants/action-defs.js";
@@ -46,7 +46,7 @@ const DEFAULT_LABELS = {
 /** Index type keys for each `productType` discriminator the overlay accepts. */
 const TYPEAHEAD_TYPES = {
     product: ["standard"],
-    auction: ["auction"],
+    "collector-drop": ["collector-drop"],
     preorder: ["pre-order"],
 };
 const OVERLAY_CLASS = "fixed inset-0 flex flex-col bg-[var(--appkit-color-bg)] overflow-hidden z-[var(--appkit-z-modal,60)]";
@@ -57,9 +57,9 @@ const COLUMN_CARD_CLASS = "flex flex-col gap-[var(--appkit-space-3)] rounded-xl
 function detailHref(item, type) {
     const id = item.slug ?? item.id;
     // The caller-supplied `type` hint takes precedence — some compare contexts
-    // (e.g. an auction comparison page) feed items that don't carry their own
+    // (e.g. a collector drop comparison page) feed items that don't carry their own
     // `listingType` field, so the hint is the only signal available.
-    const listingType = type === "auction" ? "auction" : type === "preorder" ? "pre-order" : normalizeListingType(item);
+    const listingType = type === "collector-drop" ? "collector-drop" : type === "preorder" ? "pre-order" : normalizeListingType(item);
     return pluginFor(listingType).detailRoute(id);
 }
 function priceLabel(item) {
@@ -185,7 +185,7 @@ export function CompareOverlay({ isOpen, items: passedItems, productIds, product
                         /*
                          * The LAST path segment, not a type-specific pattern. The
                          * three listing types this overlay accepts have three
-                         * different detail routes (/products, /auctions,
+                         * different detail routes (/products, /collector-drops,
                          * /pre-orders), and every one of them ends in the slug — the
                          * same thing `productIds` already expects.
                          */

package/dist/features/products/components/CustomSectionTabContent.d.ts

@@ -15,7 +15,7 @@ interface CustomSectionTab {
 /**
  * `customSections` → `ProductTabsShell`'s `customTabs` prop, in one place.
  *
- * Six detail views (`ProductDetailPageView`, `AuctionDetailPageView`,
+ * Six detail views (`ProductDetailPageView`, `CollectorDropDetailPageView`,
  * `PreOrderDetailPageView`, `ClassifiedDetailPageView`,
  * `DigitalCodeDetailPageView`, `LiveItemDetailPageView`) had this EXACT
  * five-line block — the same `Array.isArray` guard and the same `.map` —

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

@@ -7,7 +7,7 @@ import { normalizeRichTextHtml } from "../../../utils/string.formatter.js";
 /**
  * `customSections` → `ProductTabsShell`'s `customTabs` prop, in one place.
  *
- * Six detail views (`ProductDetailPageView`, `AuctionDetailPageView`,
+ * Six detail views (`ProductDetailPageView`, `CollectorDropDetailPageView`,
  * `PreOrderDetailPageView`, `ClassifiedDetailPageView`,
  * `DigitalCodeDetailPageView`, `LiveItemDetailPageView`) had this EXACT
  * five-line block — the same `Array.isArray` guard and the same `.map` —

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

@@ -27,7 +27,7 @@ import { Span, Text } from "../../../ui/components/Typography.js";
 import { Table, Tbody, Td, Th, Thead, Tr } from "../../../ui/components/Semantic.js";
 import { TextLink } from "../../../ui/components/TextLink.js";
 import { QuantityStepper } from "../../../ui/components/QuantityStepper.js";
-import { MediaImage } from "../../media/MediaImage.js";
+import { MediaImage } from "../../../ui/components/MediaImage.js";
 import { formatCurrency } from "../../../utils/number.formatter.js";
 import { ACTIONS } from "../../../_internal/shared/actions/action-registry.js";
 import { CART_ENDPOINTS } from "../../../constants/api-endpoints.js";

package/dist/features/products/components/GroupSettingsPanel.d.ts

@@ -17,8 +17,8 @@ export interface GroupSettingsPanelProps {
      * be a second source of truth for the same five fields.
      */
     groupRules?: GroupRules;
-    isAuction?: boolean;
+    isCollectorDrop?: boolean;
     storeProductsEndpoint: string;
     onGroupChanged: () => void;
 }
-export declare function GroupSettingsPanel({ productId, productSlug, groupId, isGroupParent, groupParentSlug, groupChildSlugs, groupTitle, groupRules, isAuction, storeProductsEndpoint, onGroupChanged, }: GroupSettingsPanelProps): React.JSX.Element | null;
+export declare function GroupSettingsPanel({ productId, productSlug, groupId, isGroupParent, groupParentSlug, groupChildSlugs, groupTitle, groupRules, isCollectorDrop, storeProductsEndpoint, onGroupChanged, }: GroupSettingsPanelProps): React.JSX.Element | null;

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

@@ -17,7 +17,7 @@ import { Tabs, TabsContent, TabsList, TabsTrigger } from "../../../ui/components
 import { useToast } from "../../../ui/components/toast-context.js";
 import { FormShellContext, useFormShellState, FormErrorSummary } from "../../../ui/forms/index.js";
 import { FieldInput } from "../../../ui/forms/FieldInput.js";
-import { MediaImage } from "../../media/MediaImage.js";
+import { MediaImage } from "../../../ui/components/MediaImage.js";
 import { apiClient } from "../../../http/index.js";
 import { PRODUCT_ENDPOINTS } from "../../../constants/api-endpoints.js";
 import { ProductInlineSelect } from "../../seller/components/ProductInlineSelect.js";
@@ -63,7 +63,7 @@ const CONDITION_OPTIONS = [
     { value: "graded", label: "Graded" },
     { value: "refurbished", label: "Refurbished" },
 ];
-export function GroupSettingsPanel({ productId, productSlug, groupId, isGroupParent, groupParentSlug, groupChildSlugs, groupTitle, groupRules, isAuction, storeProductsEndpoint, onGroupChanged, }) {
+export function GroupSettingsPanel({ productId, productSlug, groupId, isGroupParent, groupParentSlug, groupChildSlugs, groupTitle, groupRules, isCollectorDrop, storeProductsEndpoint, onGroupChanged, }) {
     const { showToast } = useToast();
     const [open, setOpen] = useState(false);
     const [loading, setLoading] = useState(false);
@@ -105,7 +105,7 @@ export function GroupSettingsPanel({ productId, productSlug, groupId, isGroupPar
         titleForm.validate(titleDraft);
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [titleDraft]);
-    if (isAuction)
+    if (isCollectorDrop)
         return null;
     const groupEndpoint = `${storeProductsEndpoint}/${productId}/group`;
     const childrenEndpoint = `${groupEndpoint}/children`;
@@ -395,5 +395,5 @@ function AddChildContent({ addTab, setAddTab, createForm, setCreateForm, storePr
                                             return;
                                         }
                                         onAddCreate();
-                                    }, onValidationChange: () => form.validate(createForm), schema: createChildSchema, openIds: nav.openIds, onOpenChange: nav.setOpenIds, submitLabel: "Create and link child", isLoading: loading }), _jsx(Text, { className: "dark:text-[var(--appkit-color-text-faint)]/80", color: "faint", size: "xs", children: "Need more control? Edit the full listing after saving." })] }) }) }), _jsx(TabsContent, { value: "link", children: _jsxs(Stack, { gap: "sm", className: "mt-4", children: [_jsx(Text, { size: "xs", color: "muted", children: "Search your existing products or pre-orders. Auctions cannot be linked. Select multiple to bulk-link." }), _jsx(ProductInlineSelect, { scope: "store", endpoint: storeProductsEndpoint, filters: sieveFilter(PRODUCT_FIELDS.LISTING_TYPE, SIEVE_OP.EQ, "standard"), multiple: true, value: linkTargets, onChange: setLinkTargets, placeholder: "Search listings\u2026" }), _jsx(Button, { type: "button", onClick: onAddLink, isLoading: loading, disabled: linkTargets.length === 0, children: linkTargets.length > 1 ? `Link ${linkTargets.length} to group` : "Link to group" })] }) })] }) }));
+                                    }, onValidationChange: () => form.validate(createForm), schema: createChildSchema, openIds: nav.openIds, onOpenChange: nav.setOpenIds, submitLabel: "Create and link child", isLoading: loading }), _jsx(Text, { className: "dark:text-[var(--appkit-color-text-faint)]/80", color: "faint", size: "xs", children: "Need more control? Edit the full listing after saving." })] }) }) }), _jsx(TabsContent, { value: "link", children: _jsxs(Stack, { gap: "sm", className: "mt-4", children: [_jsx(Text, { size: "xs", color: "muted", children: "Search your existing products or pre-orders. Collector Drops cannot be linked. Select multiple to bulk-link." }), _jsx(ProductInlineSelect, { scope: "store", endpoint: storeProductsEndpoint, filters: sieveFilter(PRODUCT_FIELDS.LISTING_TYPE, SIEVE_OP.EQ, "standard"), multiple: true, value: linkTargets, onChange: setLinkTargets, placeholder: "Search listings\u2026" }), _jsx(Button, { type: "button", onClick: onAddLink, isLoading: loading, disabled: linkTargets.length === 0, children: linkTargets.length > 1 ? `Link ${linkTargets.length} to group` : "Link to group" })] }) })] }) }));
 }

package/dist/features/products/components/ListingBottomActions.d.ts

@@ -3,9 +3,9 @@ import { MOBILE_PRIMARY_ACTIONS } from "../constants/action-defs";
  * The sticky-CTA registrar shared by every listing type whose bottom bar is just
  * "primary CTA that scrolls to the buy/contact panel, plus a price label".
  *
- * Pre-order, prize-draw, classified, digital-code and live all fit that shape, which put
- * it well past the Rule of Three for a per-type copy. Auction and standard product keep
- * their own registrars — the auction ticks a live countdown into `secondaryLabel`, and
+ * Pre-order, clearance, classified, digital-code and live all fit that shape, which put
+ * it well past the Rule of Three for a per-type copy. Collector Drop and standard product keep
+ * their own registrars — the collector drop ticks a live countdown into `secondaryLabel`, and
  * the product bar carries three buttons whose labels track cart/wishlist state.
  *
  * Renders nothing; it exists purely to register into `BottomActionsContext`.
@@ -19,7 +19,7 @@ export interface ListingBottomActionsProps {
     currency: string;
     /**
      * Register nothing at all — for ended/closed/sold-out listings, matching how the
-     * auction and prize-draw registrars bail out.
+     * collector drop and clearance registrars bail out.
      */
     unavailable?: boolean;
     /** Appended after the formatted price, e.g. "per entry". */

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

@@ -1,5 +1,5 @@
 "use client";
-import { useBottomActions } from "../../layout/hooks/useBottomActions.js";
+import { useBottomActions } from "../../../ui/chrome/useBottomActions.js";
 import { formatCurrency } from "../../../utils/number.formatter.js";
 import { useCanSeePrices } from "../../../react/hooks/useCanSeePrices.js";
 import { ACTION_META, MOBILE_PRIMARY_ACTIONS } from "../constants/action-defs.js";

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

@@ -19,6 +19,7 @@ import { minOfferAmount } from "../../../_internal/shared/features/offers/config
 import { isAuthError } from "../../../utils/auth-error.js";
 import { formatCurrency } from "../../../utils/number.formatter.js";
 import { normalizeError } from "../../../errors/normalize.js";
+import { formatMoney } from "../../../utils/number.formatter.js";
 const CLS_SUCCESS_BOX = "rounded-xl border border-success dark:border-success bg-success-surface p-[var(--appkit-space-4)] text-left space-y-1";
 const CLS_PENDING_BOX = "rounded-xl border border-warning dark:border-warning bg-warning-surface dark:bg-warning-surface p-[var(--appkit-space-4)] text-left space-y-1";
 const CLS_PENDING_TITLE = "text-[length:var(--appkit-text-sm)] font-medium text-warning dark:text-warning";
@@ -50,7 +51,7 @@ export function MakeOfferButton({ productId, listedPrice, currency, bounds, list
      * button, which is correct for the signed-out visitor it describes.
      */
     const viewerOwnsListing = Boolean(listingStoreId) && session?.user?.storeId === listingStoreId;
-    const fmt = (n) => (currency ? formatCurrency(n, currency) : `₹${n.toLocaleString()}`);
+    const fmt = (n) => (currency ? formatCurrency(n, currency) : formatMoney(n));
     // The SAME bounds the server enforces — passed in, never recomputed, so the
     // input can neither seed nor accept an amount `makeOffer` would reject.
     const schema = makeOfferFormSchema({ listedPrice, bounds, formatAmount: fmt });

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

@@ -16,7 +16,7 @@ import { GatedPrice, PricesOnly } from "../../../ui/components/GatedPrice.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 { MediaImage } from "../../media/MediaImage.js";
+import { MediaImage } from "../../../ui/components/MediaImage.js";
 import { computeBundleDiscount } from "../../../_internal/shared/features/categories/bundle-pricing.js";
 import { BUNDLE_COPY } from "../../../_internal/shared/features/categories/bundle-copy.js";
 import { RecordOwnerQuickActions } from "../../admin/components/RecordOwnerQuickActions.js";

package/dist/features/products/components/MarketplaceClearanceCard.d.ts

@@ -0,0 +1,34 @@
+import type { ProductItem } from "../types";
+export type MarketplaceClearanceCardData = ProductItem;
+export interface MarketplaceClearanceCardLabels {
+    clearanceBadge?: string;
+    pendingBadge?: string;
+    openBadge?: string;
+    closedBadge?: string;
+    entriesRemainingLabel?: (remaining: number, max: number) => string;
+    pricePerEntryLabel?: string;
+    enterDraw?: string;
+}
+export interface MarketplaceClearanceCardProps {
+    product: MarketplaceClearanceCardData;
+    className?: string;
+    variant?: "grid" | "list";
+    selectable?: boolean;
+    isSelected?: boolean;
+    onSelect?: (id: string, selected: boolean) => void;
+    href?: string;
+    hrefBuilder?: (product: MarketplaceClearanceCardData) => string;
+    onNavigate?: (href: string) => void;
+    labels?: MarketplaceClearanceCardLabels;
+    /**
+     * Owner-only pencil / clone / bin. Pass `<OwnerQuickActions>`; it renders
+     * nothing for a visitor who does not own the record.
+     *
+     * 🛑 Rendered OUTSIDE this card's own anchor, as a sibling. A `<button>`
+     * inside an `<a>` is invalid HTML that browsers resolve by closing the
+     * anchor early, which breaks the CARD's navigation rather than just the
+     * button's — `stopPropagation` stops a click but cannot fix a parse.
+     */
+    renderOwnerActions?: () => React.ReactNode;
+}
+export declare function MarketplaceClearanceCard({ product, className, variant, selectable, isSelected, onSelect, href, hrefBuilder, onNavigate, labels, renderOwnerActions, }: MarketplaceClearanceCardProps): import("react").JSX.Element;