@mohasinac/appkit 4.70.0 → 4.71.2

package/dist/features/pre-orders/components/PreOrderDetailPageView.js

@@ -1,6 +1,8 @@
 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 { getFieldVisibility } from "../../../_internal/server/features/forms/field-visibility.js";
+import { SectionVisibilityGate } from "../../shell/SectionVisibilityGate.js";
 const __P = {
     p3: "p-[var(--appkit-space-3)]",
     p5: "p-[var(--appkit-space-5)]",
@@ -17,6 +19,7 @@ import { formatCurrency, roundRupees } from "../../../utils/number.formatter.js"
 import { toDescriptionHtml } from "../../../utils/string.formatter.js";
 import { safeDisplayName } from "../../../security/index.js";
 import { ProgressBarFill } from "../../../ui/components/ProgressBarFill.js";
+import { Disclaimer } from "../../../ui/components/Disclaimer.js";
 import { Button } from "../../../ui/components/Button.js";
 import { Container, Row, Stack } from "../../../ui/components/Layout.js";
 import { Div } from "../../../ui/components/Div.js";
@@ -29,7 +32,8 @@ import { PreOrderDetailView } from "../../products/components/PreOrderDetailView
 import { PreOrderBottomActions } from "./PreOrderBottomActions.js";
 import { ProductTabsShell } from "../../products/components/ProductTabsShell.js";
 import { toCustomSectionTabs } from "../../products/components/CustomSectionTabContent.js";
-import { PreOrderActionsClient } from "./PreOrderActionsClient.js";
+import { PreOrderActionsClient, PRE_ORDER_TRUST_BADGES } from "./PreOrderActionsClient.js";
+import { TrustBadgeRow } from "../../products/components/TrustBadgeRow.js";
 import { ProductGalleryClient } from "../../products/components/ProductGalleryClient.js";
 import { ProductFeatureBadges } from "../../products/components/ProductFeatureBadges.js";
 import { isFinalSale } from "../../products/constants/final-sale.js";
@@ -45,6 +49,7 @@ import { GroupedListingsCarousel } from "../../grouped/components/GroupedListing
 import { getGroupsWithItemsForProduct } from "../../../_internal/server/features/grouped/data.js";
 import { OwnerQuickActions } from "../../admin/components/OwnerQuickActions.js";
 import { PurchaseReviewAffordance } from "../../reviews/components/PurchaseReviewAffordance.js";
+import { AdminComposableRegion } from "../../dashboard/components/AdminComposableRegion.js";
 const PRODUCTION_STATUS_LABELS = {
     upcoming: "Coming Soon",
     in_production: "In Production",
@@ -70,13 +75,9 @@ function PreOrderInfoSection({ title, productId, storeId, productionStatus, maxP
                 } }), (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 product" }), _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: "Sold 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" }))] }) }))] }));
 }
 function PreOrderBuyBarPanel({ reserveTarget, reservedCount, progressPct, productId, price, currency, depositAmount, depositPercent, isCancellable, tags, onReserveNow, }) {
-    return (_jsxs(Stack, { id: "pre-order-buy-bar", className: `${__P.p5}`, border: "subtle", gap: "md", rounded: "xl", surface: "muted", children: [reserveTarget > 0 && (_jsxs(Stack, { gap: "sm", children: [_jsxs(Row, { justify: "between", align: "center", children: [_jsxs(Text, { size: "xs", color: "muted", children: [reservedCount, " of ", reserveTarget, " reserved"] }), _jsxs(Span, { size: "xs", weight: "semibold", className: "text-primary-600 dark:text-primary-400", children: [progressPct, "%"] })] }), _jsx(Div, { className: `h-2 w-full ${__O.hidden}`, rounded: "full", surface: "subtle", children: _jsx(ProgressBarFill, { pct: progressPct, className: "h-full bg-primary transition-all rounded-full" }) })] })), onReserveNow ? (_jsx(PreOrderActionsClient, { productId: productId, price: price, currency: currency, depositAmount: depositAmount, depositPercent: depositPercent, isCancellable: isCancellable, tags: tags, onReserveNow: onReserveNow })) : (_jsxs(_Fragment, { children: [price !== null && (_jsxs(Div, { children: [_jsx(Text, { size: "2xl", weight: "bold", color: "primary", children: _jsx(GatedPrice, { children: formatCurrency(price, currency) }) }), depositAmount !== null && (_jsx(PricesOnly, { children: _jsxs(Text, { className: "mt-0.5", color: "muted", size: "xs", children: ["Reserve with ", formatCurrency(depositAmount, currency), depositPercent !== null ? ` (${depositPercent}% deposit)` : ""] }) }))] })), _jsxs(Stack, { gap: "sm", children: [_jsx(Button, { variant: "primary", size: "md", className: "w-full", children: "Reserve Now" }), isCancellable && (_jsx(Text, { size: "xs", align: "start", color: "muted", children: "\u2713 Free cancellation before production" }))] }), 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))) }) })), _jsx(Div, { border: "default", className: "border-t", padding: "t-md", children: _jsx(Row, { wrap: true, gap: "sm", justify: "center", className: "text-center", children: [
-                                { icon: "🔒", label: "Secure\nPayment" },
-                                { icon: "📅", label: "Guaranteed\nDelivery" },
-                                { icon: "↩", label: "Free\nCancellation" },
-                            ].map(({ icon, label }) => (_jsxs(Stack, { color: "muted", textSize: "xs", className: "min-w-[60px]", align: "center", gap: "xs", children: [_jsx(Span, { size: "base", children: icon }), _jsx(Span, { className: "whitespace-pre-line leading-tight", children: label })] }, label))) }) })] }))] }));
+    return (_jsxs(Stack, { id: "pre-order-buy-bar", className: `${__P.p5}`, border: "subtle", gap: "md", rounded: "xl", surface: "muted", children: [reserveTarget > 0 && (_jsxs(Stack, { gap: "sm", children: [_jsxs(Row, { justify: "between", align: "center", children: [_jsxs(Text, { size: "xs", color: "muted", children: [reservedCount, " of ", reserveTarget, " reserved"] }), _jsxs(Span, { size: "xs", weight: "semibold", className: "text-primary-600 dark:text-primary-400", children: [progressPct, "%"] })] }), _jsx(Div, { className: `h-2 w-full ${__O.hidden}`, rounded: "full", surface: "subtle", children: _jsx(ProgressBarFill, { pct: progressPct, className: "h-full bg-primary transition-all rounded-full" }) })] })), onReserveNow ? (_jsx(PreOrderActionsClient, { productId: productId, price: price, currency: currency, depositAmount: depositAmount, depositPercent: depositPercent, isCancellable: isCancellable, tags: tags, onReserveNow: onReserveNow })) : (_jsxs(_Fragment, { children: [price !== null && (_jsxs(Div, { children: [_jsx(Text, { size: "2xl", weight: "bold", color: "primary", children: _jsx(GatedPrice, { children: formatCurrency(price, currency) }) }), depositAmount !== null && (_jsx(PricesOnly, { children: _jsxs(Text, { className: "mt-0.5", color: "muted", size: "xs", children: ["Reserve with ", formatCurrency(depositAmount, currency), depositPercent !== null ? ` (${depositPercent}% deposit)` : ""] }) }))] })), _jsxs(Stack, { gap: "sm", children: [_jsx(Button, { variant: "primary", size: "md", className: "w-full", children: "Reserve Now" }), isCancellable && (_jsx(Text, { size: "xs", align: "start", color: "muted", children: "\u2713 Free cancellation before production" }))] }), 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))) }) })), _jsx(Div, { border: "default", className: "border-t", padding: "t-md", children: _jsx(TrustBadgeRow, { badges: PRE_ORDER_TRUST_BADGES }) })] })), _jsx(Disclaimer, { id: "pre-order", inline: true })] }));
 }
-export async function PreOrderDetailPageView({ id, initialPreOrder, onReserveNow, productFeatures }) {
+export async function PreOrderDetailPageView({ id, initialPreOrder, onReserveNow, productFeatures, pageRegionCards = [] }) {
     const product = initialPreOrder !== undefined
         ? (initialPreOrder ?? undefined)
         // The pre-order IS this page's subject — a read failure must surface rather
@@ -147,6 +148,20 @@ export async function PreOrderDetailPageView({ id, initialPreOrder, onReserveNow
     const brandSlug = typeof p.brandSlug === "string" ? p.brandSlug : null;
     const features = Array.isArray(p.features) ? p.features : [];
     const tags = Array.isArray(p.tags) ? p.tags : [];
+    /*
+     * `functionalSlot` (2026-11-05) — `onReserveNow` is a page-level PROP, but
+     * what actually RENDERS in the buy-bar position is `<PreOrderBuyBarPanel
+     * onReserveNow={onReserveNow} .../>`, a composed component that already
+     * returns a `ReactNode` (progress bar + reserve button, or a price/deposit
+     * fallback when `onReserveNow` is absent — same "always renders
+     * something" shape as the standard PDP's primary actions). Hoisting the
+     * whole rendered element needs no new `functionalSlots` value shape or
+     * adapter — confirmed by reading the actual call site, not assumed ahead
+     * of time. Mapped onto `"pdp-primary-actions"`: reserving IS the purchase
+     * path here, same role as elsewhere.
+     */
+    const primaryActionsNode = (_jsx(PreOrderBuyBarPanel, { reserveTarget: reserveTarget, reservedCount: reservedCount, progressPct: progressPct, productId: String(product.id), price: price, currency: currency, depositAmount: depositAmount, depositPercent: depositPercent, isCancellable: isCancellable, tags: tags, onReserveNow: onReserveNow }));
+    const hasPrimaryActionsSlotOverride = pageRegionCards.some((card) => card.elements.some((el) => el.kind === "functionalSlot" && el.slotId === "pdp-primary-actions"));
     const specs = Array.isArray(p.specifications)
         ? p.specifications
         : [];
@@ -155,9 +170,14 @@ export async function PreOrderDetailPageView({ id, initialPreOrder, onReserveNow
     const groupId = typeof p.groupId === "string" ? p.groupId : null;
     const isGroupParent = p.isGroupParent === true;
     const groupTitle = typeof p.groupTitle === "string" ? p.groupTitle : undefined;
-    const [{ relatedItems, relatedByBrand, relatedByTags, relatedByStore }, groups] = await Promise.all([
+    const [{ relatedItems, relatedByBrand, relatedByTags, relatedByStore }, groups, pdpSectionVisibility] = await Promise.all([
         computeRelatedItems(product),
         getGroupsWithItemsForProduct(product.id),
+        // Same shared "pdp-sections" surface as the standard-product detail
+        // page — ONE admin decision ("hide the gallery") applies across every
+        // listing type's own detail-page component, matching a template-level
+        // mental model rather than needing N separate per-type configs.
+        getFieldVisibility("pdp-sections"),
     ]);
     return (_jsxs(Main, { children: [_jsx(HistoryTracker, { productId: String(p.id ?? p.slug ?? ""), productType: "preorder", snapshot: {
                     title: typeof p.title === "string" ? p.title : undefined,
@@ -165,9 +185,9 @@ export async function PreOrderDetailPageView({ id, initialPreOrder, onReserveNow
                     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.PRE_ORDERS), className: CLS_BREADCRUMB_LINK, children: "Pre-Orders" }), 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(PreOrderDetailView, { renderGallery: () => (_jsx(ProductGalleryClient, { images: images, video: productVideo, productName: title })), renderInfo: () => (_jsx(PreOrderInfoSection, { title: title, productId: String(product.id), storeId: product.storeId ? String(product.storeId) : undefined, productionStatus: productionStatus, maxPerUser: maxPerUser, deliveryDate: deliveryDate, featured: featured, freeShipping: freeShipping, condition: condition, isCancellable: isCancellable, finalSale: isFinalSale(p), category: category, categoryName: categoryName, brand: brand, brandSlug: brandSlug, productFeatures: productFeatures, features: features, descriptionHtml: descriptionHtml, safeSeller: safeSeller, storeHref: storeHref })), renderSublistingSection: sublistingCategoryId
+                } }), _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.PRE_ORDERS), className: CLS_BREADCRUMB_LINK, children: "Pre-Orders" }), 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(AdminComposableRegion, { pageId: "pre-orders-id", initialCards: pageRegionCards, functionalSlots: { "pdp-primary-actions": primaryActionsNode } }), _jsx(PreOrderDetailView, { renderGallery: () => (_jsx(SectionVisibilityGate, { surfaceId: "pdp-sections", sectionKey: "gallery", initialVisible: pdpSectionVisibility.gallery !== false, children: _jsx(ProductGalleryClient, { images: images, video: productVideo, productName: title }) })), renderInfo: () => (_jsx(SectionVisibilityGate, { surfaceId: "pdp-sections", sectionKey: "info", initialVisible: pdpSectionVisibility.info !== false, children: _jsx(PreOrderInfoSection, { title: title, productId: String(product.id), storeId: product.storeId ? String(product.storeId) : undefined, productionStatus: productionStatus, maxPerUser: maxPerUser, deliveryDate: deliveryDate, featured: featured, freeShipping: freeShipping, condition: condition, isCancellable: isCancellable, finalSale: isFinalSale(p), category: category, categoryName: categoryName, brand: brand, brandSlug: brandSlug, productFeatures: productFeatures, features: features, descriptionHtml: descriptionHtml, safeSeller: safeSeller, storeHref: storeHref }) })), renderSublistingSection: sublistingCategoryId
                             ? () => (_jsx(SublistingCarouselSection, { sublistingCategoryId: sublistingCategoryId, currentListingId: String(product.id) }))
                             : undefined, renderGroupSection: groupId
                             ? () => (_jsx(ShowGroupSection, { groupId: groupId, currentSlug: String(p.slug ?? product.id), isParent: isGroupParent, groupTitle: groupTitle }))
-                            : 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) })), renderBuyBar: () => (_jsx(PreOrderBuyBarPanel, { reserveTarget: reserveTarget, reservedCount: reservedCount, progressPct: progressPct, productId: String(product.id), price: price, currency: currency, depositAmount: depositAmount, depositPercent: depositPercent, isCancellable: isCancellable, tags: tags, onReserveNow: onReserveNow })), renderRelated: () => (_jsxs(Stack, { gap: "xl", children: [_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 })] })) }), _jsx(PreOrderBottomActions, { price: price, currency: currency })] })] }));
+                            : undefined, renderTabs: () => (_jsx(SectionVisibilityGate, { surfaceId: "pdp-sections", sectionKey: "tabs", initialVisible: pdpSectionVisibility.tabs !== false, children: _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) }) })), renderBuyBar: () => (_jsx(SectionVisibilityGate, { surfaceId: "pdp-sections", sectionKey: "actions", initialVisible: pdpSectionVisibility.actions !== false, children: !hasPrimaryActionsSlotOverride && primaryActionsNode })), renderRelated: () => (_jsxs(Stack, { gap: "xl", children: [_jsx(PurchaseReviewAffordance, { productId: String(product.id), storeId: product.storeId ? String(product.storeId) : undefined }), _jsx(SectionVisibilityGate, { surfaceId: "pdp-sections", sectionKey: "grouped-listings", initialVisible: pdpSectionVisibility["grouped-listings"] !== false, children: _jsx(GroupedListingsCarousel, { groups: groups }) }), _jsx(SectionVisibilityGate, { surfaceId: "pdp-sections", sectionKey: "related", initialVisible: pdpSectionVisibility.related !== false, children: _jsx(RelatedItemsSection, { relatedItems: relatedItems, relatedByBrand: relatedByBrand, relatedByTags: relatedByTags, relatedByStore: relatedByStore, categoryLabel: categoryName || category || undefined, brandLabel: brand || undefined, storeLabel: storeName || undefined }) })] })) }), _jsx(PreOrderBottomActions, { price: price, currency: currency })] })] }));
 }

package/dist/features/pre-orders/components/PreOrdersIndexListing.js

@@ -31,7 +31,7 @@ import { useBrands } from "../../products/hooks/useBrands.js";
 import { useBulkSelection } from "../../../react/hooks/useBulkSelection.js";
 import { TABLE_KEYS, VIEW_MODE } from "../../../constants/table-keys.js";
 import { PREORDER_SORT_OPTIONS } from "../../products/constants/sieve.js";
-import { useBottomActions } from "../../layout/hooks/useBottomActions.js";
+import { useBottomActions } from "../../../ui/chrome/useBottomActions.js";
 import { AVAILABILITY_VALUES } from "../../../constants/field-names.js";
 import { AvailabilityTabs } from "../../products/components/AvailabilityTabs.js";
 const PRE_ORDER_LISTING_TYPES = ["pre-order"];

package/dist/features/pre-orders/components/PreOrdersListView.d.ts

@@ -1,6 +1,9 @@
+import type { DashboardCard } from "../../../_internal/shared/features/dashboard/recent-entry";
 type SearchParams = Record<string, string | string[]>;
 export interface PreOrdersListViewProps {
     searchParams?: SearchParams;
+    /** Admin-curated page-region cards (Phase 12). Omit for no extra content. */
+    pageRegionCards?: DashboardCard[];
 }
-export declare function PreOrdersListView({ searchParams }: PreOrdersListViewProps): Promise<import("react").JSX.Element>;
+export declare function PreOrdersListView({ searchParams, pageRegionCards, }: PreOrdersListViewProps): Promise<import("react").JSX.Element>;
 export {};

package/dist/features/pre-orders/components/PreOrdersListView.js

@@ -5,10 +5,11 @@ import { Heading } from "../../../ui/components/Typography.js";
 import { AdSlot } from "../../homepage/components/AdSlot.js";
 import { PreOrdersIndexListing } from "./PreOrdersIndexListing.js";
 import { listPublicProducts, parsePublicProductParams, defaultAvailabilityForListingTypes, } from "../../../_internal/server/features/products/list-public.js";
+import { AdminComposableRegion } from "../../dashboard/components/AdminComposableRegion.js";
 const PRE_ORDER_LISTING_TYPES = ["pre-order"];
 const DEFAULT_PAGE_SIZE = 24;
 const DEFAULT_SORT = "-createdAt";
-export async function PreOrdersListView({ searchParams = {} }) {
+export async function PreOrdersListView({ searchParams = {}, pageRegionCards = [], }) {
     // Shared with /api/products, and derived rather than hardcoded. This view
     // carried a literal `hideSoldByDefault: true` until 2026-08-24 even though
     // pre-order's registered hide-default is "closed" — so /pre-orders and
@@ -19,5 +20,5 @@ export async function PreOrdersListView({ searchParams = {} }) {
         sorts: DEFAULT_SORT,
         ...defaultAvailabilityForListingTypes(PRE_ORDER_LISTING_TYPES),
     }));
-    return (_jsx(Main, { children: _jsx(Section, { padding: "y-2xl", children: _jsxs(Container, { size: "xl", children: [_jsx(Heading, { level: 1, className: "mb-8", color: "primary", size: "3xl", weight: "semibold", children: "Pre-Orders" }), _jsx(AdSlot, { id: "listing-sidebar-top", className: "mb-6" }), _jsx(PreOrdersIndexListing, { initialData: result ?? undefined }), _jsx(AdSlot, { id: "listing-sidebar-bottom", className: "mt-8" })] }) }) }));
+    return (_jsx(Main, { children: _jsx(Section, { padding: "y-2xl", children: _jsxs(Container, { size: "xl", children: [_jsx(Heading, { level: 1, className: "mb-8", color: "primary", size: "3xl", weight: "semibold", children: "Pre-Orders" }), _jsx(AdminComposableRegion, { pageId: "pre-orders-index", initialCards: pageRegionCards }), _jsx(AdSlot, { id: "listing-sidebar-top", className: "mb-6" }), _jsx(PreOrdersIndexListing, { initialData: result ?? undefined }), _jsx(AdSlot, { id: "listing-sidebar-bottom", className: "mt-8" })] }) }) }));
 }

package/dist/features/pre-orders/schemas/index.d.ts

@@ -23,19 +23,19 @@ export declare const preorderItemSchema: z.ZodObject<{
         youtubeId: z.ZodOptional<z.ZodString>;
         duration: z.ZodOptional<z.ZodNumber>;
     }, "strip", z.ZodTypeAny, {
-        type: "image" | "video" | "file";
         url: string;
+        type: "video" | "image" | "file";
+        source?: "upload" | "youtube" | "external" | undefined;
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
-        source?: "upload" | "youtube" | "external" | undefined;
         youtubeId?: string | undefined;
         duration?: number | undefined;
     }, {
-        type: "image" | "video" | "file";
         url: string;
+        type: "video" | "image" | "file";
+        source?: "upload" | "youtube" | "external" | undefined;
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
-        source?: "upload" | "youtube" | "external" | undefined;
         youtubeId?: string | undefined;
         duration?: number | undefined;
     }>, "many">>;
@@ -60,11 +60,11 @@ export declare const preorderItemSchema: z.ZodObject<{
     images?: string[] | undefined;
     createdAt?: string | undefined;
     media?: {
-        type: "image" | "video" | "file";
         url: string;
+        type: "video" | "image" | "file";
+        source?: "upload" | "youtube" | "external" | undefined;
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
-        source?: "upload" | "youtube" | "external" | undefined;
         youtubeId?: string | undefined;
         duration?: number | undefined;
     }[] | undefined;
@@ -82,11 +82,11 @@ export declare const preorderItemSchema: z.ZodObject<{
     active?: boolean | undefined;
     isFeatured?: boolean | undefined;
     media?: {
-        type: "image" | "video" | "file";
         url: string;
+        type: "video" | "image" | "file";
+        source?: "upload" | "youtube" | "external" | undefined;
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
-        source?: "upload" | "youtube" | "external" | undefined;
         youtubeId?: string | undefined;
         duration?: number | undefined;
     }[] | undefined;

package/dist/features/price-index/components/PriceIndexToolView.d.ts

@@ -1,4 +1,5 @@
 import React from "react";
+import type { DashboardCard } from "../../../_internal/shared/features/dashboard/recent-entry";
 /**
  * The realised-price lookup — a SEARCH tool, not a list.
  *
@@ -125,5 +126,7 @@ export interface PriceIndexToolViewProps {
     initialData?: PriceIndexToolResponse | null;
     /** `siteSettings.search?.indexEnabled`. Read as `!== false`. */
     searchIndexEnabled?: boolean;
+    /** Admin-curated page-region cards (Phase 12). Omit for no extra content. */
+    pageRegionCards?: DashboardCard[];
 }
-export declare function PriceIndexToolView({ initialQuery, initialData, searchIndexEnabled, }: PriceIndexToolViewProps): React.JSX.Element;
+export declare function PriceIndexToolView({ initialQuery, initialData, searchIndexEnabled, pageRegionCards, }: PriceIndexToolViewProps): React.JSX.Element;

package/dist/features/price-index/components/PriceIndexToolView.js

@@ -13,7 +13,7 @@ import { Form } from "../../../ui/components/Form.js";
 import { FieldInput } from "../../../ui/forms/FieldInput.js";
 import { PaginatedSelect } from "../../../ui/components/PaginatedSelect.js";
 import { TextLink } from "../../../ui/components/TextLink.js";
-import { MediaImage } from "../../media/MediaImage.js";
+import { MediaImage } from "../../../ui/components/MediaImage.js";
 import { TOOL_ENDPOINTS } from "../../../constants/api-endpoints.js";
 import { apiClient } from "../../../http/ApiClient.js";
 import { useSiteSearch } from "../../search/hooks/useSiteSearch.js";
@@ -25,6 +25,8 @@ import { formatCurrency } from "../../../utils/number.formatter.js";
 import { normalizeError } from "../../../errors/normalize.js";
 import { toUserMessage } from "../../../errors/error-display-map.js";
 import { PRICE_LOOKUP_INDEX_TYPES, priceLookupTargetFor } from "../lookup-target.js";
+import { getBrandName } from "../../../core/brand-resolver.js";
+import { AdminComposableRegion } from "../../dashboard/components/AdminComposableRegion.js";
 /** Human labels. Falls back to the raw value so a new condition still renders. */
 const CONDITION_LABEL = {
     new: "New",
@@ -39,14 +41,13 @@ const CONDITION_LABEL = {
 };
 const LISTING_TYPE_LABEL = {
     standard: "Standard sale",
-    auction: "Auction",
+    "collector-drop": "Collector Drop",
     "pre-order": "Pre-order",
-    "prize-draw": "Prize draw",
+    "clearance": "Clearance",
     classified: "Classified",
     "digital-code": "Digital code",
     live: "Live item",
-    art: "Art print",
-    stickers: "Sticker sheet",
+    "art-and-stickers": "Art & Stickers",
 };
 /*
  * Overflow classes via a local map, matching NavbarLayout's `__O` — the audit
@@ -198,7 +199,7 @@ function MarketSignInPrompt() {
 }
 function ResultCard({ row, threshold, market, canSeeMarket, }) {
     return (_jsxs(Stack, { gap: "md", padding: "card", rounded: "lg", surface: "card", border: "subtle", className: "min-w-0", children: [_jsxs(Row, { gap: "md", align: "start", className: "min-w-0", children: [row.coverImage && (_jsx(Div, { rounded: "lg", className: `w-16 h-16 flex-shrink-0 ${__O.hidden}`, children: _jsx(MediaImage, { src: row.coverImage, alt: row.name, size: "thumbnail" }) })), _jsxs(Stack, { gap: "none", className: "flex-1 min-w-0", children: [_jsx(Heading, { level: 3, children: row.name }), row.path && (_jsx(Text, { size: "xs", color: "muted", className: "min-w-0 break-words", children: row.path }))] })] }), (!row.bands || row.bands.length === 0) &&
-                (market ? _jsx(MarketCard, { market: market }) : canSeeMarket ? null : _jsx(MarketSignInPrompt, {})), row.bands && row.bands.length > 0 ? (_jsxs(_Fragment, { children: [_jsx(Stack, { gap: "sm", className: "min-w-0", children: row.bands.map((b) => (_jsx(BandCard, { band: b, threshold: threshold }, b.listingType))) }), market ? _jsx(MarketCard, { market: market }) : canSeeMarket ? null : _jsx(MarketSignInPrompt, {}), _jsxs(Text, { size: "xs", color: "muted", children: ["Completed sales on LetItRip", row.windowDays ? ` over the last ${row.windowDays} days` : "", row.computedAt ? ` · as of ${new Date(row.computedAt).toLocaleDateString("en-IN")}` : ""] })] })) : (
+                (market ? _jsx(MarketCard, { market: market }) : canSeeMarket ? null : _jsx(MarketSignInPrompt, {})), row.bands && row.bands.length > 0 ? (_jsxs(_Fragment, { children: [_jsx(Stack, { gap: "sm", className: "min-w-0", children: row.bands.map((b) => (_jsx(BandCard, { band: b, threshold: threshold }, b.listingType))) }), market ? _jsx(MarketCard, { market: market }) : canSeeMarket ? null : _jsx(MarketSignInPrompt, {}), _jsxs(Text, { size: "xs", color: "muted", children: ["Completed sales on ", getBrandName(), row.windowDays ? ` over the last ${row.windowDays} days` : "", row.computedAt ? ` · as of ${new Date(row.computedAt).toLocaleDateString("en-IN")}` : ""] })] })) : (
             /*
              * 🛑 "No sales recorded yet" — never ₹0, and never a blank card. The
              * absence of a band means nothing has sold here, which is a fact about
@@ -211,7 +212,7 @@ function ResultCard({ row, threshold, market, canSeeMarket, }) {
              * this card now says.
              */
             _jsx(Text, { size: "sm", color: "muted", children: market
-                    ? "Nothing has sold here on LetItRip yet, so the figures above are asking prices elsewhere rather than our own sales."
+                    ? `Nothing has sold here on ${getBrandName()} yet, so the figures above are asking prices elsewhere rather than our own sales.`
                     : canSeeMarket
                         ? /*
                            * 🛑 BOTH halves are empty here, and saying so is the point.
@@ -223,11 +224,11 @@ function ResultCard({ row, threshold, market, canSeeMarket, }) {
                            * states and only one of them is about our marketplace.
                            */
                             "No price evidence for this one yet — nothing sold here, and no asking prices recorded for it either. It appears as soon as either exists."
-                        : "No completed sales recorded here yet. Prices appear once something sells on LetItRip." }))] }));
+                        : `No completed sales recorded here yet. Prices appear once something sells on ${getBrandName()}.` }))] }));
 }
 /** Stable identity — a `useMemo` dependency inside `useSiteSearch`. */
 const identityLabel = (typeKey) => typeKey;
-export function PriceIndexToolView({ initialQuery = "", initialData = null, searchIndexEnabled, }) {
+export function PriceIndexToolView({ initialQuery = "", initialData = null, searchIndexEnabled, pageRegionCards = [], }) {
     const [draft, setDraft] = useState(initialQuery);
     /**
      * The SUBMITTED term, distinct from `draft`.
@@ -477,14 +478,14 @@ export function PriceIndexToolView({ initialQuery = "", initialData = null, sear
         : null;
     const threshold = data?.minConfidentSamples ?? 3;
     const hasQuery = (data?.query ?? "").length > 0;
-    return (_jsx(Section, { padding: "y-lg", children: _jsx(Container, { size: "lg", children: _jsxs(Stack, { gap: "lg", className: "min-w-0", children: [_jsxs(Stack, { gap: "xs", className: "min-w-0", children: [_jsxs(Row, { gap: "sm", align: "center", children: [_jsx(TrendingUp, { className: "w-5 h-5 text-primary-600", "aria-hidden": "true" }), _jsx(Heading, { level: 1, children: "What it sold for" })] }), _jsx(Text, { color: "muted", children: "Pick any bey, part or set to see what it actually sold for on LetItRip \u2014 the range, the median, the average and the most recent sale, broken down by condition \u2014 alongside what other Indian shops are asking for the same thing." })] }), dropdownUsable ? (_jsxs(Stack, { gap: "xs", className: "min-w-0", children: [_jsx(PaginatedSelect, { value: picked?.id ?? null, onChange: (value, option) => setPicked(value && option ? { id: value, label: option.label } : null), loadOptions: loadOptions, placeholder: "Pick a bey, part or set\u2026", searchPlaceholder: "Type a name, code or part \u2014 e.g. Dragoon G, 1B, rubber flat", noResultsText: "Nothing in our catalogue matches that.", ariaLabel: "Search the catalogue for a price lookup" }), _jsx(Text, { size: "xs", color: "muted", children: "Models, parts and spares, eras and brands \u2014 straight from our own catalogue, so what you pick is a real thing we can price." })] })) : (
+    return (_jsx(Section, { padding: "y-lg", children: _jsx(Container, { size: "lg", children: _jsxs(Stack, { gap: "lg", className: "min-w-0", children: [_jsxs(Stack, { gap: "xs", className: "min-w-0", children: [_jsxs(Row, { gap: "sm", align: "center", children: [_jsx(TrendingUp, { className: "w-5 h-5 text-primary-600", "aria-hidden": "true" }), _jsx(Heading, { level: 1, children: "What it sold for" })] }), _jsxs(Text, { color: "muted", children: ["Pick any bey, part or set to see what it actually sold for on", getBrandName(), " \u2014 the range, the median, the average and the most recent sale, broken down by condition \u2014 alongside what other Indian shops are asking for the same thing."] })] }), _jsx(AdminComposableRegion, { pageId: "tools-price-index", initialCards: pageRegionCards }), dropdownUsable ? (_jsxs(Stack, { gap: "xs", className: "min-w-0", children: [_jsx(PaginatedSelect, { value: picked?.id ?? null, onChange: (value, option) => setPicked(value && option ? { id: value, label: option.label } : null), loadOptions: loadOptions, placeholder: "Pick a bey, part or set\u2026", searchPlaceholder: "Type a name, code or part \u2014 e.g. Dragoon G, 1B, rubber flat", noResultsText: "Nothing in our catalogue matches that.", ariaLabel: "Search the catalogue for a price lookup" }), _jsx(Text, { size: "xs", color: "muted", children: "Models, parts and spares, eras and brands \u2014 straight from our own catalogue, so what you pick is a real thing we can price." })] })) : (
                     /*
                      * 🛑 The fallback, for a disabled or failed search artifact. Without
                      * it a kill-switch flip would leave an empty combobox and no way to
                      * search at all — the dropdown has no options without the artifact,
                      * but the server-side `searchTxt` path still works.
                      */
-                    _jsx(Form, { onSubmit: (e) => e.preventDefault(), children: () => (_jsxs(Row, { gap: "sm", align: "end", wrap: true, className: "min-w-0", children: [_jsx(Div, { className: "flex-1 min-w-[16rem]", children: _jsx(FieldInput, { name: "q", label: "Search", value: draft, onChange: setDraft, placeholder: "e.g. Dragoon G, Storm Pegasus, rubber flat\u2026" }) }), _jsxs(Button, { type: "submit", isLoading: loading, onClick: () => run(draft), children: [_jsx(Search, { className: "w-4 h-4", "aria-hidden": "true" }), "Look up"] })] })) })), error && (_jsx(Text, { size: "sm", color: "error", role: "alert", children: error })), !hasQuery && !loading && !error && (_jsxs(Stack, { gap: "xs", padding: "card", rounded: "lg", surface: "muted", className: "min-w-0", children: [_jsx(Text, { weight: "semibold", children: "Two numbers, and the gap matters" }), _jsxs(Text, { size: "sm", color: "muted", children: [_jsx(Span, { weight: "semibold", children: "Sold" }), " is a completed sale on LetItRip \u2014 not an asking price and not a guess. We publish a figure only once ", threshold, " or more sales support it, and the index is recomputed once a day, so it is deliberately a day behind."] }), _jsxs(Text, { size: "sm", color: "muted", children: [_jsx(Span, { weight: "semibold", children: "Asked" }), " is what other Indian shops list the same thing for, measured across fifteen catalogues.", canSeeMarket
+                    _jsx(Form, { onSubmit: (e) => e.preventDefault(), children: () => (_jsxs(Row, { gap: "sm", align: "end", wrap: true, className: "min-w-0", children: [_jsx(Div, { className: "flex-1 min-w-[16rem]", children: _jsx(FieldInput, { name: "q", label: "Search", value: draft, onChange: setDraft, placeholder: "e.g. Dragoon G, Storm Pegasus, rubber flat\u2026" }) }), _jsxs(Button, { type: "submit", isLoading: loading, onClick: () => run(draft), children: [_jsx(Search, { className: "w-4 h-4", "aria-hidden": "true" }), "Look up"] })] })) })), error && (_jsx(Text, { size: "sm", color: "error", role: "alert", children: error })), !hasQuery && !loading && !error && (_jsxs(Stack, { gap: "xs", padding: "card", rounded: "lg", surface: "muted", className: "min-w-0", children: [_jsx(Text, { weight: "semibold", children: "Two numbers, and the gap matters" }), _jsxs(Text, { size: "sm", color: "muted", children: [_jsx(Span, { weight: "semibold", children: "Sold" }), " is a completed sale on", getBrandName(), " \u2014 not an asking price and not a guess. We publish a figure only once ", threshold, " or more sales support it, and the index is recomputed once a day, so it is deliberately a day behind."] }), _jsxs(Text, { size: "sm", color: "muted", children: [_jsx(Span, { weight: "semibold", children: "Asked" }), " is what other Indian shops list the same thing for, measured across fifteen catalogues.", canSeeMarket
                                         ? " Shown beside our own sales — never averaged with them, because an ask is not a sale."
                                         : " Sign in to see it beside our own sales."] })] })), hasQuery && data && data.results.length === 0 && !loading && (_jsxs(Text, { color: "muted", children: ["Nothing matched \u201C", data.query, "\u201D. Try a shorter term, or the model name on its own."] })), data && data.results.length > 0 && (_jsxs(Stack, { gap: "md", className: "min-w-0", children: [data.results.map((row) => (_jsx(ResultCard, { row: row, threshold: threshold, market: marketById.get(row.categoryId), canSeeMarket: canSeeMarket }, row.categoryId))), data.truncated && (_jsxs(Text, { size: "sm", color: "muted", children: ["Showing the closest ", data.results.length, " matches. Narrow the search to see others."] }))] }))] }) }) }));
 }

package/dist/features/price-index/lookup-target.js

@@ -23,7 +23,7 @@
  * @tag consumers:PriceIndexToolView
  * @tag sideEffects:none
  */
-import { PART_SLOT_CATEGORY } from "../parts/schemas/firestore.js";
+import { PART_SLOT_CATEGORY } from "../products/schemas/part-slots.js";
 /**
  * The index types the price tool searches.
  *

package/dist/features/pricing/components/AdminPricingView.js

@@ -16,6 +16,7 @@ import { normalizeError } from "../../../errors/normalize.js";
 import { toUserMessage } from "../../../errors/error-display-map.js";
 import { ACTIONS } from "../../../_internal/shared/actions/action-registry.js";
 import { RATE_TIER_ORDER, } from "../../../_internal/shared/features/pricing/rate-registry.js";
+import { formatMoney } from "../../../utils/number.formatter.js";
 const TIER_LABEL = {
     statutory: "Statutory",
     policy: "Policy ceiling",
@@ -45,7 +46,7 @@ function formatRate(value, unit) {
         case "percent":
             return `${value}%`;
         case "rupees":
-            return `₹${value.toLocaleString("en-IN")}`;
+            return formatMoney(value);
         case "days":
             return value === 1 ? "1 day" : `${value} days`;
         case "minutes":

package/dist/features/print/components/BoxLabelPrintView.d.ts

@@ -1,4 +1,5 @@
 import { type BoxContentsRow } from "./labels";
+import type { DashboardCard } from "../../../_internal/shared/features/dashboard/recent-entry";
 export interface PrintableBox {
     id: string;
     code: string;
@@ -21,5 +22,7 @@ export interface BoxLabelPrintViewProps {
      */
     printedAt: string;
     boxesFailed?: boolean;
+    /** Admin-curated page-region cards (Phase 12). Omit for no extra content. */
+    pageRegionCards?: DashboardCard[];
 }
-export declare function BoxLabelPrintView({ boxes, printedAt, boxesFailed, }: BoxLabelPrintViewProps): import("react").JSX.Element;
+export declare function BoxLabelPrintView({ boxes, printedAt, boxesFailed, pageRegionCards, }: BoxLabelPrintViewProps): import("react").JSX.Element;

package/dist/features/print/components/BoxLabelPrintView.js

@@ -26,7 +26,8 @@ import { FieldCheckbox } from "../../../ui/forms/FieldCheckbox.js";
 import { BoxContentsSheet, BoxLabel, LabelPageStyle, LabelSheet, PrintScaleWarning, } from "./labels.js";
 import { LabelProfilePicker } from "./LabelProfilePicker.js";
 import { LABEL_PROFILES, documentPageCss, labelPageCss, } from "../../../_internal/shared/features/print/label-profiles.js";
-export function BoxLabelPrintView({ boxes, printedAt, boxesFailed = false, }) {
+import { AdminComposableRegion } from "../../dashboard/components/AdminComposableRegion.js";
+export function BoxLabelPrintView({ boxes, printedAt, boxesFailed = false, pageRegionCards = [], }) {
     const [mode, setMode] = useState("labels");
     /*
      * 100 x 50 mm by default, not the 50 x 25 used for products. A box label is
@@ -51,7 +52,7 @@ export function BoxLabelPrintView({ boxes, printedAt, boxesFailed = false, }) {
      * so the warning is about the worst label in the batch rather than the first.
      */
     const longestCodeLength = useMemo(() => chosen.reduce((n, b) => Math.max(n, b.code.length + 4), 0), [chosen]);
-    return (_jsxs(Stack, { gap: "md", padding: "md", children: [_jsx(LabelPageStyle, { css: mode === "labels" ? labelPageCss(profile) : documentPageCss() }), _jsxs(Stack, { className: "no-print", gap: "sm", children: [_jsx(Heading, { level: 1, size: "2xl", children: "Print box labels" }), boxesFailed && (_jsx(Alert, { variant: "warning", children: "Could not load the box list. It is unknown, not empty \u2014 reload before printing, or you will print a subset without knowing it." })), _jsxs(Row, { gap: "xs", children: [_jsx(Button, { variant: mode === "labels" ? "primary" : "secondary", size: "sm", onClick: () => setMode("labels"), children: "Box labels" }), _jsx(Button, { variant: mode === "contents" ? "primary" : "secondary", size: "sm", onClick: () => setMode("contents"), children: "Contents sheets (A4)" })] }), mode === "labels" && (_jsxs(_Fragment, { children: [_jsx(LabelProfilePicker, { value: profileId, onChange: setProfileId, longestCodeLength: longestCodeLength }), _jsx(PrintScaleWarning, {})] })), boxes.length === 0 ? (_jsx(Text, { color: "muted", children: "No boxes registered yet. A box exists here because someone labelled a real one, so an empty list on a fresh install is correct." })) : (_jsx(Stack, { gap: "xs", children: boxes.map((b) => (_jsx(FieldCheckbox, { name: `box-${b.id}`, label: `${b.code}${b.location ? ` — ${b.location}` : ""}`, checked: selected.has(b.id), onChange: () => toggle(b.id) }, b.id))) })), _jsxs(Row, { gap: "sm", align: "center", wrap: true, children: [_jsxs(Button, { disabled: chosen.length === 0, onClick: () => window.print(), children: ["Print ", chosen.length > 0 ? `${chosen.length} selected` : "selected"] }), boxes.length > 0 && (_jsx(Button, { variant: "ghost", onClick: () => setSelected(selected.size === boxes.length
+    return (_jsxs(Stack, { gap: "md", padding: "md", children: [_jsx(LabelPageStyle, { css: mode === "labels" ? labelPageCss(profile) : documentPageCss() }), _jsxs(Stack, { className: "no-print", gap: "sm", children: [_jsx(Heading, { level: 1, size: "2xl", children: "Print box labels" }), _jsx(AdminComposableRegion, { pageId: "admin-inventory-boxes-labels", initialCards: pageRegionCards }), boxesFailed && (_jsx(Alert, { variant: "warning", children: "Could not load the box list. It is unknown, not empty \u2014 reload before printing, or you will print a subset without knowing it." })), _jsxs(Row, { gap: "xs", children: [_jsx(Button, { variant: mode === "labels" ? "primary" : "secondary", size: "sm", onClick: () => setMode("labels"), children: "Box labels" }), _jsx(Button, { variant: mode === "contents" ? "primary" : "secondary", size: "sm", onClick: () => setMode("contents"), children: "Contents sheets (A4)" })] }), mode === "labels" && (_jsxs(_Fragment, { children: [_jsx(LabelProfilePicker, { value: profileId, onChange: setProfileId, longestCodeLength: longestCodeLength }), _jsx(PrintScaleWarning, {})] })), boxes.length === 0 ? (_jsx(Text, { color: "muted", children: "No boxes registered yet. A box exists here because someone labelled a real one, so an empty list on a fresh install is correct." })) : (_jsx(Stack, { gap: "xs", children: boxes.map((b) => (_jsx(FieldCheckbox, { name: `box-${b.id}`, label: `${b.code}${b.location ? ` — ${b.location}` : ""}`, checked: selected.has(b.id), onChange: () => toggle(b.id) }, b.id))) })), _jsxs(Row, { gap: "sm", align: "center", wrap: true, children: [_jsxs(Button, { disabled: chosen.length === 0, onClick: () => window.print(), children: ["Print ", chosen.length > 0 ? `${chosen.length} selected` : "selected"] }), boxes.length > 0 && (_jsx(Button, { variant: "ghost", onClick: () => setSelected(selected.size === boxes.length
                                     ? new Set()
                                     : new Set(boxes.map((b) => b.id))), children: selected.size === boxes.length ? "Clear all" : "Select all" }))] }), mode === "contents" && chosen.some((b) => !b.contents) && (
                     /*

package/dist/features/print/components/labels.js

@@ -42,6 +42,7 @@ import { Row, Stack } from "../../../ui/components/Layout.js";
 import { Text } from "../../../ui/components/Typography.js";
 import { normalizeError } from "../../../errors/normalize.js";
 import { MM_PER_INCH, SAFE_MODULE_MM, labelFitsProfile, sheetPositionMm, } from "../../../_internal/shared/features/print/label-profiles.js";
+import { formatMoney } from "../../../utils/number.formatter.js";
 /** CSS px per inch is 96 by definition — not a screen measurement. */
 const CSS_PX_PER_INCH = 96;
 /** Millimetres of paper to CSS pixels. The only unit bridge in this file. */
@@ -158,7 +159,7 @@ export function ProductLabel({ profile, product, }) {
     return (_jsxs(LabelBox, { profile: profile, children: [code && !refuse ? (_jsx(Barcode, { value: code, 
                 // A third of the label's height, which leaves room for the name and
                 // price without the bars becoming too short to scan at an angle.
-                heightMm: Math.max(6, profile.heightMm * 0.42) })) : code ? (_jsxs(Text, { size: "xs", color: "error", children: ["Code too long for ", profile.widthMm, "\u00D7", profile.heightMm, " mm"] })) : (_jsx(Text, { size: "xs", color: "muted", children: "No barcode" })), _jsx(Text, { size: "xs", weight: "medium", truncate: 1, children: product.name }), _jsxs(Row, { gap: "xs", justify: "center", wrap: true, children: [product.price != null && (_jsxs(Text, { size: "xs", color: "muted", children: ["\u20B9", product.price.toLocaleString("en-IN")] })), product.boxCode && (_jsx(Text, { size: "xs", weight: "semibold", children: product.boxCode }))] })] }));
+                heightMm: Math.max(6, profile.heightMm * 0.42) })) : code ? (_jsxs(Text, { size: "xs", color: "error", children: ["Code too long for ", profile.widthMm, "\u00D7", profile.heightMm, " mm"] })) : (_jsx(Text, { size: "xs", color: "muted", children: "No barcode" })), _jsx(Text, { size: "xs", weight: "medium", truncate: 1, children: product.name }), _jsxs(Row, { gap: "xs", justify: "center", wrap: true, children: [product.price != null && (_jsx(Text, { size: "xs", color: "muted", children: formatMoney(product.price) })), product.boxCode && (_jsx(Text, { size: "xs", weight: "semibold", children: product.boxCode }))] })] }));
 }
 /**
  * A box label: the code, large, plus what it held WHEN PRINTED.

package/dist/features/products/actions/product-actions.d.ts

@@ -17,22 +17,22 @@ export declare function listProducts(params?: ProductListActionParams): Promise<
 export declare function getProductById(id: string): Promise<ProductDocument | null>;
 export declare function getFeaturedProducts(pageSize?: number): Promise<ProductListResult>;
 /**
- * The soonest-ending LIVE auctions.
+ * The soonest-ending LIVE collector drops.
  *
- * This used to be `listingType==auction,status==published` sorted
- * `auctionEndDate ASC` with no lower bound — and ascending order front-loads
- * the OLDEST end dates, so the homepage's "Live Auctions" strip led with the
+ * This used to be `listingType==collector-drop,status==published` sorted
+ * `collectorDropEndDate ASC` with no lower bound — and ascending order front-loads
+ * the OLDEST end dates, so the homepage's "Live Collector Drops" strip led with the
  * most-expired lots in the catalogue. Nothing about it was flagged as wrong
- * because an ended auction still renders as a perfectly normal card.
+ * because an ended collector drop still renders as a perfectly normal card.
  *
  * One listing type, sorted by the same field the scope filters on, means
- * `listPublicProducts` pushes `auctionEndDate >= now` into Firestore rather
+ * `listPublicProducts` pushes `collectorDropEndDate >= now` into Firestore rather
  * than filtering a bounded window in memory.
  */
-export declare function getFeaturedAuctions(pageSize?: number): Promise<ProductListResult>;
+export declare function getFeaturedCollectorDrops(pageSize?: number): Promise<ProductListResult>;
 export declare function getLatestProducts(pageSize?: number): Promise<ProductListResult>;
-export declare function getLatestAuctions(pageSize?: number): Promise<ProductListResult>;
-export declare function listAuctions(params?: ProductListActionParams): Promise<ProductListResult>;
+export declare function getLatestCollectorDrops(pageSize?: number): Promise<ProductListResult>;
+export declare function listCollectorDrops(params?: ProductListActionParams): Promise<ProductListResult>;
 /** Pre-orders still accepting orders, soonest delivery first. */
 export declare function getFeaturedPreOrders(pageSize?: number): Promise<ProductListResult>;
 export declare function getLatestPreOrders(pageSize?: number): Promise<ProductListResult>;

package/dist/features/products/actions/product-actions.js

@@ -1,5 +1,5 @@
-import { sieveAnd, sieveFilter, SIEVE_OP } from "@mohasinac/appkit";
-import { sortBy } from "@mohasinac/appkit";
+import { SIEVE_OP, sieveAnd, sieveFilter } from "../../../utils/sieve-builder.js";
+import { sortBy } from "../../../constants/sort.js";
 import { listPublicProducts } from "../../../_internal/server/features/products/list-public.js";
 import { AVAILABILITY_VALUES, PRODUCT_FIELDS } from "../../../constants/field-names.js";
 import { productRepository } from "../repository/products.repository.js";
@@ -13,7 +13,7 @@ import { hidePublicTestData } from "../../../_internal/server/features/tester/vi
  * never emitted by code under our control any more.
  */
 const PUBLISHED_CLAUSE = sieveFilter("status", SIEVE_OP.EQ, "published");
-const AUCTIONS_PUBLISHED = sieveAnd(sieveFilter("listingType", SIEVE_OP.EQ, "auction"), PUBLISHED_CLAUSE);
+const COLLECTOR_DROPS_PUBLISHED = sieveAnd(sieveFilter("listingType", SIEVE_OP.EQ, "collector-drop"), PUBLISHED_CLAUSE);
 const PREORDERS_PUBLISHED = sieveAnd(sieveFilter("listingType", SIEVE_OP.EQ, "pre-order"), PUBLISHED_CLAUSE);
 export async function listProducts(params = {}) {
     const { filters, sorts = "-createdAt", page = 1, pageSize = 20, listingType, featured, storeId, categoriesIn, } = params;
@@ -68,9 +68,9 @@ function toListResult(result, pageSize) {
  * Featured items for the homepage's generic "Featured Products" strip.
  *
  * Scoped to `GENERIC_PRODUCT_LISTING_TYPES` for the same reason `/products` is:
- * the homepage already has dedicated Live Auctions, Pre-Orders and Prize Draws
+ * the homepage already has dedicated Live Collector Drops, Pre-Orders and Prize Draws
  * sections, so leaving this unscoped put the same item in two strips on one
- * page — and an auction rendered as a generic product card shows Buy-Now chrome
+ * page — and a collector drop rendered as a generic product card shows Buy-Now chrome
  * instead of bid affordances.
  */
 /**
@@ -107,23 +107,23 @@ export async function getFeaturedProducts(pageSize = 8) {
     }), pageSize);
 }
 /**
- * The soonest-ending LIVE auctions.
+ * The soonest-ending LIVE collector drops.
  *
- * This used to be `listingType==auction,status==published` sorted
- * `auctionEndDate ASC` with no lower bound — and ascending order front-loads
- * the OLDEST end dates, so the homepage's "Live Auctions" strip led with the
+ * This used to be `listingType==collector-drop,status==published` sorted
+ * `collectorDropEndDate ASC` with no lower bound — and ascending order front-loads
+ * the OLDEST end dates, so the homepage's "Live Collector Drops" strip led with the
  * most-expired lots in the catalogue. Nothing about it was flagged as wrong
- * because an ended auction still renders as a perfectly normal card.
+ * because an ended collector drop still renders as a perfectly normal card.
  *
  * One listing type, sorted by the same field the scope filters on, means
- * `listPublicProducts` pushes `auctionEndDate >= now` into Firestore rather
+ * `listPublicProducts` pushes `collectorDropEndDate >= now` into Firestore rather
  * than filtering a bounded window in memory.
  */
-export async function getFeaturedAuctions(pageSize = 6) {
+export async function getFeaturedCollectorDrops(pageSize = 6) {
     return toListResult(await listPublicProducts({
-        listingTypes: [PRODUCT_FIELDS.LISTING_TYPE_VALUES.AUCTION],
+        listingTypes: [PRODUCT_FIELDS.LISTING_TYPE_VALUES.COLLECTOR_DROP],
         availability: AVAILABILITY_VALUES.AVAILABLE,
-        sorts: sortBy(PRODUCT_FIELDS.AUCTION_END_DATE, "ASC"),
+        sorts: sortBy(PRODUCT_FIELDS.COLLECTOR_DROP_END_DATE, "ASC"),
         page: 1,
         pageSize,
         windowSize: featuredWindow(pageSize),
@@ -137,18 +137,18 @@ export async function getLatestProducts(pageSize = 12) {
         pageSize,
     });
 }
-export async function getLatestAuctions(pageSize = 12) {
+export async function getLatestCollectorDrops(pageSize = 12) {
     return productRepository.list({
-        filters: AUCTIONS_PUBLISHED,
+        filters: COLLECTOR_DROPS_PUBLISHED,
         sorts: sortBy("createdAt", "DESC"),
         page: 1,
         pageSize,
     });
 }
-export async function listAuctions(params = {}) {
-    const { filters, sorts = "auctionEndDate", page = 1, pageSize = 20 } = params;
+export async function listCollectorDrops(params = {}) {
+    const { filters, sorts = "collectorDropEndDate", page = 1, pageSize = 20 } = params;
     return productRepository.list({
-        filters: filters ? `${AUCTIONS_PUBLISHED},${filters}` : AUCTIONS_PUBLISHED,
+        filters: filters ? `${COLLECTOR_DROPS_PUBLISHED},${filters}` : COLLECTOR_DROPS_PUBLISHED,
         sorts,
         page,
         pageSize,