@mohasinac/appkit 4.37.1 → 4.39.0

package/dist/_internal/server/notifications/send-recorder.js

@@ -0,0 +1,126 @@
+/**
+ * Record what the mailer decided, so the tester can assert on it without an inbox.
+ *
+ * ## Why this exists
+ *
+ * 21 checklist cases are about email. Reading a real mailbox over IMAP can answer
+ * some of them, but it is the wrong instrument for most:
+ *
+ *   - **Six of them assert an email should NOT arrive** (kill switch spares staff,
+ *     opt-out honoured, no employee blast, losing bidders get no mail). Over IMAP,
+ *     "nothing arrived" is unprovable — you wait N seconds and hope, and a slow
+ *     inbox is indistinguishable from a working suppression. Here it is one read.
+ *   - Delivery latency makes every other case slow and flaky for no added truth:
+ *     whether Resend accepted the handoff says nothing about whether the app made
+ *     the right decision, which is what the cases are actually about.
+ *
+ * So this records the DECISION and its inputs. A real inbox is still the only
+ * proof of real delivery, and the two or three cases that assert that keep using
+ * one (`tester/scripts/lib/inbox.mjs`).
+ *
+ * ## Why here and not in `guardSend`
+ *
+ * `SendGuardContext` carries channel/feature/audience and deliberately no
+ * recipient — the guard's own docstring explains it must not become the transport.
+ * `sendEmail()` is the one place that holds the recipient, the rendered body AND
+ * the guard's verdict, which is exactly the tuple a case needs.
+ *
+ * ## 🛑 Gated, because recording real people's mail is a privacy problem
+ *
+ * Recording recipients and bodies for actual users would be a new PII store with
+ * no retention story. So this writes ONLY when the recipient is the harness
+ * mailbox (`TESTER_EMAIL_ID`), or when `EMAIL_RECORDER_ALL` is explicitly set for
+ * local debugging. Absent that env var, this function is a no-op and costs one
+ * string comparison.
+ *
+ * Best-effort throughout: a recorder that can fail a send is worse than no
+ * recorder, so every path swallows. Same discipline as `recordAdminAction`.
+ *
+ * @tag domain:notifications,tester
+ * @tag layer:server
+ * @tag access:server-only
+ */
+import { normalizeError } from "../../../errors/normalize";
+import { serverLogger } from "../../../monitoring";
+import { RTDB_PATHS } from "../../../providers/db-firebase/rtdb-paths";
+/** Firestore collection holding the canonical record. */
+export const EMAIL_EVENTS_COLLECTION = "emailEvents";
+/** Normalise `to` for comparison and storage. */
+function recipients(to) {
+    return (Array.isArray(to) ? to : [to]).map((t) => String(t).trim().toLowerCase()).filter(Boolean);
+}
+/**
+ * Should this send be recorded at all?
+ *
+ * Exported so the audit and tests can exercise the gate directly rather than
+ * inferring it from behaviour.
+ */
+export function shouldRecordSend(to) {
+    if (process.env.EMAIL_RECORDER_ALL === "true")
+        return true;
+    const mailbox = process.env.TESTER_EMAIL_ID?.trim().toLowerCase();
+    if (!mailbox)
+        return false;
+    return recipients(to).includes(mailbox);
+}
+/**
+ * Write the record. Never throws, never blocks the send.
+ *
+ * Firestore is canonical and RTDB is only a ping — the same split the messaging
+ * feature already uses. The body does NOT go into RTDB: `bulk_events` is
+ * uncapped and a newsletter CSV already goes there, which is the mistake not to
+ * repeat on a channel that fires on every email.
+ */
+export async function recordSendAttempt(record) {
+    if (!shouldRecordSend(record.to))
+        return;
+    try {
+        const { getAdminDb } = await import("../../../providers/db-firebase/admin");
+        const db = getAdminDb();
+        const now = new Date();
+        const doc = {
+            to: recipients(record.to),
+            subject: record.subject,
+            feature: record.feature,
+            audience: record.audience,
+            channel: record.channel,
+            outcome: record.outcome,
+            reason: record.reason ?? null,
+            html: record.html ?? null,
+            createdAt: now,
+        };
+        const ref = await db.collection(EMAIL_EVENTS_COLLECTION).add(doc);
+        /*
+         * The ping. Tiny by design: an id, the outcome and the feature are enough for
+         * a poller to know something happened and go read the Firestore row.
+         * Best-effort separately from the write above — losing the ping costs a
+         * poller one extra second, losing the record costs the case its evidence.
+         */
+        try {
+            const { getAdminRealtimeDb } = await import("../../../providers/db-firebase/admin");
+            await getAdminRealtimeDb()
+                .ref(`${RTDB_PATHS.EMAIL_EVENTS}/${ref.id}`)
+                .set({
+                id: ref.id,
+                feature: record.feature,
+                outcome: record.outcome,
+                at: now.toISOString(),
+            });
+        }
+        catch (err) {
+            // Deliberately unreported: the Firestore row above is the record, and it
+            // already succeeded by the time this runs. Losing the ping costs a poller
+            // one extra second of latency and loses no evidence, so logging it would
+            // add noise to every transient RTDB blip for no recoverable information.
+            void normalizeError(err);
+        }
+    }
+    catch (err) {
+        const n = normalizeError(err);
+        serverLogger.warn("recordSendAttempt: could not record email event", {
+            feature: record.feature,
+            outcome: record.outcome,
+            message: n.message,
+        });
+    }
+}

package/dist/_internal/shared/listing-types/_registry.d.ts

@@ -74,12 +74,39 @@ export interface ListingTypePlugin {
     /** Short label for the dense type-chip row on /products and /admin/products. */
     chipLabel: string;
     /**
-     * Dedicated public browse page for this type, or `null` when it browses on
-     * `/products` (art and stickers — see CLAUDE.md's Listing Types Reference).
-     * A non-null value also drives the "full <type> filters →" link shown on
-     * /products when exactly this type is selected.
+     * Dedicated public browse page for this type.
+     *
+     * EVERY type has one today, including `standard` (→ `/products`) and
+     * `art`/`stickers` (→ the combined `/art`). This field is therefore NOT a
+     * "does it have its own page" discriminator — use `inGeneralCatalogue` for
+     * that. (This comment used to claim `null` meant "browses on /products",
+     * which no config has ever matched.)
+     *
+     * Also drives the "full <type> filters →" link shown on /products when
+     * exactly this type is selected — suppressed when it points at /products
+     * itself, which would be a self-link.
      */
     browseRoute: string | null;
+    /**
+     * Does this type belong in the GENERAL catalogue at `/products`?
+     *
+     * `/products` is the general catalogue, not an index of everything. A type
+     * whose dedicated page is reachable from `MAIN_NAV_ITEMS` lives only on that
+     * page, so an item is never reachable from two places with two different
+     * chromes. A type with a dedicated page but NO nav entry
+     * (classified / digital-code / live) stays here, because `/products` is its
+     * only discovery path — dropping those is how Root Cause #61 happened.
+     *
+     * Required, not optional, on purpose: `LISTING_TYPE_REGISTRY` is a
+     * `Record<ListingType, ListingTypePlugin>`, so a tenth listing type cannot
+     * compile without answering this. A hand-written list of "types allowed on
+     * /products" is exactly the drift Root Cause #61 documents.
+     *
+     * 🛑 If you set this `false` for a type, confirm its dedicated page is
+     * actually linked from the main nav first — otherwise the type becomes
+     * reachable only by typing the URL.
+     */
+    inGeneralCatalogue: boolean;
     /**
      * Which "Show X" default this type's browse surfaces apply. Since 2026-08-24
      * this drives the LABEL of the availability tab bar's middle tab

package/dist/_internal/shared/listing-types/art/config.d.ts

@@ -17,6 +17,7 @@ export declare const config: {
     pluralLabel: string;
     chipLabel: string;
     browseRoute: string;
+    inGeneralCatalogue: boolean;
     hideDefault: "sold";
     isAvailable: typeof alwaysAvailable;
     unavailableClauses: readonly import("../availability").UnavailableClause[];

package/dist/_internal/shared/listing-types/art/config.js

@@ -20,6 +20,8 @@ export const config = {
     // detail pages use the standard product route — so this is a real
     // dedicated browse surface even though detailRoute points at /products.
     browseRoute: String(ROUTES.PUBLIC.ART),
+    // /art ("Art & Stickers") is in MAIN_NAV_ITEMS and spans art + stickers.
+    inGeneralCatalogue: false,
     hideDefault: "sold",
     // Runs out rather than ending — no time dimension, so the shared
     // stock-only rules are the whole story for this type.

package/dist/_internal/shared/listing-types/auction/config.d.ts

@@ -17,6 +17,7 @@ export declare const config: {
     pluralLabel: string;
     chipLabel: string;
     browseRoute: string;
+    inGeneralCatalogue: boolean;
     hideDefault: "ended";
     isAvailable: (row: AvailabilityRow, now: Date) => boolean;
     unavailableClauses: ({

package/dist/_internal/shared/listing-types/auction/config.js

@@ -19,6 +19,9 @@ export const config = {
     pluralLabel: "Auctions",
     chipLabel: "Auctions",
     browseRoute: String(ROUTES.PUBLIC.AUCTIONS),
+    // /auctions is in MAIN_NAV_ITEMS. An auction card in the general grid renders
+    // Buy-Now chrome rather than bid affordances, so it belongs on its own page.
+    inGeneralCatalogue: false,
     // An auction is never "sold out" — it ends. Hiding by stock would hide
     // every live auction, since auctions don't carry meaningful stock.
     hideDefault: "ended",

package/dist/_internal/shared/listing-types/classified/config.d.ts

@@ -17,6 +17,7 @@ export declare const config: {
     pluralLabel: string;
     chipLabel: string;
     browseRoute: string;
+    inGeneralCatalogue: boolean;
     hideDefault: "sold";
     isAvailable: typeof alwaysAvailable;
     unavailableClauses: readonly import("../availability").UnavailableClause[];

package/dist/_internal/shared/listing-types/classified/config.js

@@ -18,6 +18,9 @@ export const config = {
     pluralLabel: "Classifieds",
     chipLabel: "Classifieds",
     browseRoute: String(ROUTES.PUBLIC.CLASSIFIED),
+    // Has a dedicated page but NO MAIN_NAV_ITEMS entry, so /products is its only
+    // discovery path. Dropping it here would orphan the type (Root Cause #61).
+    inGeneralCatalogue: true,
     hideDefault: "sold",
     // Runs out rather than ending — no time dimension, so the shared
     // stock-only rules are the whole story for this type.

package/dist/_internal/shared/listing-types/digital-code/config.d.ts

@@ -17,6 +17,7 @@ export declare const config: {
     pluralLabel: string;
     chipLabel: string;
     browseRoute: string;
+    inGeneralCatalogue: boolean;
     hideDefault: "sold";
     isAvailable: (row: AvailabilityRow) => boolean;
     unavailableClauses: ({

package/dist/_internal/shared/listing-types/digital-code/config.js

@@ -31,6 +31,9 @@ export const config = {
     pluralLabel: "Digital Codes",
     chipLabel: "Digital Codes",
     browseRoute: String(ROUTES.PUBLIC.DIGITAL_CODES),
+    // Has a dedicated page but NO MAIN_NAV_ITEMS entry, so /products is its only
+    // discovery path. Dropping it here would orphan the type (Root Cause #61).
+    inGeneralCatalogue: true,
     // "Sold out" for a code pool means codesAvailable hit 0. That was ASSUMED to
     // be mirrored by stockQuantity, and it isn't — seed and production rows exist
     // with a drained pool and non-zero stock. The pool count is authoritative.

package/dist/_internal/shared/listing-types/live/config.d.ts

@@ -17,6 +17,7 @@ export declare const config: {
     pluralLabel: string;
     chipLabel: string;
     browseRoute: string;
+    inGeneralCatalogue: boolean;
     hideDefault: "sold";
     isAvailable: typeof alwaysAvailable;
     unavailableClauses: readonly import("../availability").UnavailableClause[];

package/dist/_internal/shared/listing-types/live/config.js

@@ -18,6 +18,9 @@ export const config = {
     pluralLabel: "Live Items",
     chipLabel: "Live Items",
     browseRoute: String(ROUTES.PUBLIC.LIVE),
+    // Has a dedicated page but NO MAIN_NAV_ITEMS entry, so /products is its only
+    // discovery path. Dropping it here would orphan the type (Root Cause #61).
+    inGeneralCatalogue: true,
     hideDefault: "sold",
     // Runs out rather than ending — no time dimension, so the shared
     // stock-only rules are the whole story for this type.

package/dist/_internal/shared/listing-types/pre-order/config.d.ts

@@ -17,6 +17,7 @@ export declare const config: {
     pluralLabel: string;
     chipLabel: string;
     browseRoute: string;
+    inGeneralCatalogue: boolean;
     hideDefault: "closed";
     isAvailable: (row: AvailabilityRow) => boolean;
     unavailableClauses: readonly import("../availability").UnavailableClause[];

package/dist/_internal/shared/listing-types/pre-order/config.js

@@ -19,6 +19,8 @@ export const config = {
     pluralLabel: "Pre-Orders",
     chipLabel: "Pre-Orders",
     browseRoute: String(ROUTES.PUBLIC.PRE_ORDERS),
+    // /pre-orders is in MAIN_NAV_ITEMS.
+    inGeneralCatalogue: false,
     hideDefault: "closed",
     // A pre-order closes when its allocation fills, NOT when its delivery date
     // passes — a shipped-soon pre-order is still orderable. `preOrderClosed`

package/dist/_internal/shared/listing-types/prize-draw/config.d.ts

@@ -17,6 +17,7 @@ export declare const config: {
     pluralLabel: string;
     chipLabel: string;
     browseRoute: string;
+    inGeneralCatalogue: boolean;
     hideDefault: "closed";
     isAvailable: (row: AvailabilityRow) => boolean;
     unavailableClauses: ({

package/dist/_internal/shared/listing-types/prize-draw/config.js

@@ -18,6 +18,9 @@ export const config = {
     pluralLabel: "Prize Draws",
     chipLabel: "Prize Draws",
     browseRoute: String(ROUTES.PUBLIC.PRIZE_DRAWS),
+    // /prize-draws is in MAIN_NAV_ITEMS. Entry-based pricing reads wrong beside
+    // ordinary unit prices in the general grid.
+    inGeneralCatalogue: false,
     hideDefault: "closed",
     // `prizeRevealStatus`, NOT remaining entries: a draw can close with slots
     // unsold (the seller ends it early, or the reveal window lapses), and it can

package/dist/_internal/shared/listing-types/standard/config.d.ts

@@ -17,6 +17,7 @@ export declare const config: {
     pluralLabel: string;
     chipLabel: string;
     browseRoute: string;
+    inGeneralCatalogue: boolean;
     hideDefault: "sold";
     isAvailable: typeof alwaysAvailable;
     unavailableClauses: readonly import("../availability").UnavailableClause[];

package/dist/_internal/shared/listing-types/standard/config.js

@@ -17,6 +17,8 @@ export const config = {
     pluralLabel: "Products",
     chipLabel: "Standard",
     browseRoute: String(ROUTES.PUBLIC.PRODUCTS),
+    // The general catalogue IS this type's page.
+    inGeneralCatalogue: true,
     hideDefault: "sold",
     // Runs out rather than ending — no time dimension, so the shared
     // stock-only rules are the whole story for this type.

package/dist/_internal/shared/listing-types/stickers/config.d.ts

@@ -17,6 +17,7 @@ export declare const config: {
     pluralLabel: string;
     chipLabel: string;
     browseRoute: string;
+    inGeneralCatalogue: boolean;
     hideDefault: "sold";
     isAvailable: typeof alwaysAvailable;
     unavailableClauses: readonly import("../availability").UnavailableClause[];

package/dist/_internal/shared/listing-types/stickers/config.js

@@ -20,6 +20,8 @@ export const config = {
     // have no page of their own, which is why this points at ART rather than
     // a `/stickers` route that does not exist.
     browseRoute: String(ROUTES.PUBLIC.ART),
+    // /art ("Art & Stickers") is in MAIN_NAV_ITEMS and spans art + stickers.
+    inGeneralCatalogue: false,
     hideDefault: "sold",
     // Runs out rather than ending — no time dimension, so the shared
     // stock-only rules are the whole story for this type.

package/dist/client/observability/reportClientError.js

@@ -2,7 +2,17 @@
 import { normalizeError } from "../../errors/normalize";
 import { CLIENT_ERROR_ENDPOINTS } from "../../constants/api-endpoints";
 const SEEN = new Map();
-const DEDUPE_WINDOW_MS = 5000;
+/**
+ * How long an identical error is suppressed before it is reported again.
+ *
+ * This is a rate limit on a beacon that costs a function invocation per send,
+ * so the window has to be sized against the worst case rather than the typical
+ * one: a component stuck in a render loop re-throws the SAME error forever, and
+ * at the original 5s that was 12 invocations/minute/tab, indefinitely, from a
+ * single broken page. The first occurrence is still reported immediately —
+ * widening this loses no distinct error, only repeats of one already recorded.
+ */
+const DEDUPE_WINDOW_MS = 60000;
 const MAX_SEEN = 32;
 function topFrame(stack) {
     if (!stack)

package/dist/client.d.ts

@@ -61,6 +61,10 @@ export { SideModal } from "./ui/components/SideModal";
 export { UnsavedChangesModal } from "./ui/components/UnsavedChangesModal";
 export { LoginRequiredModal } from "./ui/components/LoginRequiredModal";
 export type { LoginRequiredModalProps } from "./ui/components/LoginRequiredModal";
+export { GatedPrice, PricesOnly, GATED_PRICE_CLASS } from "./ui/components/GatedPrice";
+export type { GatedPriceProps } from "./ui/components/GatedPrice";
+export { useCanSeePrices } from "./react/hooks/useCanSeePrices";
+export type { CanSeePricesState } from "./react/hooks/useCanSeePrices";
 export { isAuthError } from "./utils/auth-error";
 export { useToast } from "./ui/components/Toast";
 export { StickyToolbar } from "./ui/components/StickyToolbar";
@@ -410,6 +414,8 @@ export { NavPermissionsManager } from "./features/site-settings/components/NavPe
 export type { NavPermissionsManagerProps, NavGroup as NavPermissionsGroup, NavItem as NavPermissionsItem } from "./features/site-settings/components/NavPermissionsManager";
 export { CodeRevealPanel } from "./_internal/client/features/digital-code/CodeRevealPanel";
 export type { CodeRevealPanelProps, RevealedCode } from "./_internal/client/features/digital-code/CodeRevealPanel";
+export { DigitalContentPoolManager } from "./_internal/client/features/digital-code/DigitalContentPoolManager";
+export type { DigitalContentPoolManagerProps, PoolEntry } from "./_internal/client/features/digital-code/DigitalContentPoolManager";
 export { PhysicalLocationModal } from "./features/seller/components/PhysicalLocationModal";
 export type { PhysicalLocation } from "./features/seller/components/PhysicalLocationModal";
 export { Toggle } from "./ui/components/Toggle";

package/dist/client.js

@@ -89,6 +89,10 @@ export { UnsavedChangesModal } from "./ui/components/UnsavedChangesModal";
 // [CLIENT-ONLY]-Cannot run in SSR mode — uses browser-only APIs (window.location).
 // LoginRequiredModal - Modal prompting unauthenticated users to log in.
 export { LoginRequiredModal } from "./ui/components/LoginRequiredModal";
+// GatedPrice - a money amount only signed-in visitors may read. GATED_PRICE_CLASS
+// is a contract with the JSON-LD paywall markup; see the component.
+export { GatedPrice, PricesOnly, GATED_PRICE_CLASS } from "./ui/components/GatedPrice";
+export { useCanSeePrices } from "./react/hooks/useCanSeePrices";
 // isAuthError - Detects auth/authorization errors from server actions or fetch responses.
 export { isAuthError } from "./utils/auth-error";
 // [CLIENT-ONLY]-Cannot run in SSR mode â€" uses browser-only APIs (window, navigator, localStorage, matchMedia, DOM events) that do not exist in Node.js.
@@ -420,6 +424,12 @@ export { ActionPermissionsManager } from "./features/site-settings/components/Ac
 export { NavPermissionsManager } from "./features/site-settings/components/NavPermissionsManager";
 // ── Digital-code code-reveal panel (still used directly on order pages) ───────
 export { CodeRevealPanel } from "./_internal/client/features/digital-code/CodeRevealPanel";
+/*
+ * The SELLER half. Without a surface the pool routes are unreachable, which is
+ * the same "finished feature nobody can get to" gap that left the pool empty in
+ * the first place (its only writer answered 501).
+ */
+export { DigitalContentPoolManager } from "./_internal/client/features/digital-code/DigitalContentPoolManager";
 export { PhysicalLocationModal } from "./features/seller/components/PhysicalLocationModal";
 // [CLIENT-ONLY] — Toggle switch primitive.
 export { Toggle } from "./ui/components/Toggle";

package/dist/core/hooks/useSyncManager.js

@@ -18,7 +18,17 @@ import { useQueryClient } from "@tanstack/react-query";
 import { apiClient } from "../../http";
 import { CART_ENDPOINTS, ACCOUNT_ENDPOINTS } from "../../constants/api-endpoints";
 import { getCartOps, clearCartOps, getWishlistOps, clearWishlistOps, } from "../../features/cart/utils/pending-ops";
-const SYNC_INTERVAL_MS = 30000;
+/**
+ * Cadence for replaying queued cart/wishlist ops.
+ *
+ * A tick with no pending ops is nearly free, but a tick WITH ops also
+ * invalidates the cart and wishlist queries, so each one can cascade into
+ * refetches. At 30s that ran for every signed-in tab for as long as it stayed
+ * open. 2 minutes is ample for an offline-replay backstop — the queue is also
+ * flushed eagerly on `visibilitychange` and `pagehide` (see below), which is
+ * what actually catches the tab-closing case that matters.
+ */
+const SYNC_INTERVAL_MS = 120000;
 async function replayCartOps() {
     const ops = getCartOps();
     if (ops.length === 0)

package/dist/features/account/hooks/useNotifications.js

@@ -1,6 +1,11 @@
 import { useMutation, useQuery } from "@tanstack/react-query";
 import { apiClient } from "../../../http";
 import { NOTIFICATIONS_ENDPOINTS } from "../../../constants/api-endpoints";
+/**
+ * Poll cadence for the notification badge. See the comment at the
+ * `refetchInterval` below for why this is minutes rather than seconds.
+ */
+const NOTIFICATIONS_POLL_MS = 5 * 60000;
 export function useNotifications(limit = 10, options) {
     const notificationsEndpoint = options?.notificationsEndpoint ?? NOTIFICATIONS_ENDPOINTS.LIST;
     const readAllEndpoint = options?.readAllEndpoint ?? NOTIFICATIONS_ENDPOINTS.READ_ALL;
@@ -8,12 +13,27 @@ export function useNotifications(limit = 10, options) {
     const { data, isLoading, refetch } = useQuery({
         queryKey: ["notifications", "list", String(limit)],
         queryFn: () => apiClient.get(`${notificationsEndpoint}?limit=${limit}`),
-        staleTime: 30000,
+        staleTime: NOTIFICATIONS_POLL_MS,
         // Notifications originate server-side (order/bid/moderation events) with
-        // no client-driven local-first path to short-circuit, unlike cart/
-        // wishlist. Poll on the same ~30s cadence as useSyncManager so the bell
-        // badge picks up new notifications without requiring a window refocus.
-        refetchInterval: 30000,
+        // no client-driven local-first path to short-circuit, unlike cart/wishlist,
+        // so the badge does need a poll rather than a local-first read.
+        //
+        // 🛑 This hook is mounted in TitleBar, i.e. on EVERY page of the site, so
+        // its interval is multiplied by every open tab of every signed-in user for
+        // as long as those tabs exist — it is wall-clock, not activity-gated, so a
+        // tab left open overnight keeps firing. At the original 30s that was 120
+        // invocations/hour/tab for an unread COUNT, and it was a material share of
+        // the Vercel function-invocation spend that paused the account (2026-09-14).
+        //
+        // 5 minutes + refetch-on-focus is the trade: a user who is actually looking
+        // at the tab gets a fresh badge the moment they return to it, and an
+        // abandoned tab costs 12 invocations/hour instead of 120.
+        refetchInterval: NOTIFICATIONS_POLL_MS,
+        // The global QueryClient default is `refetchOnWindowFocus: false`
+        // (src/app/[locale]/QueryProvider.tsx). Opt back in HERE specifically,
+        // because it is what makes the longer interval acceptable rather than
+        // simply slower.
+        refetchOnWindowFocus: true,
     });
     const { mutate: markRead } = useMutation({
         mutationFn: (id) => apiClient.patch(readEndpoint(id), {}),

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

@@ -2,6 +2,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useState } from "react";
 import { useBottomActions } from "../../layout/hooks/useBottomActions";
+import { useCanSeePrices } from "../../../react/hooks/useCanSeePrices";
 import { formatCurrency } from "../../../utils/number.formatter";
 import { ACTION_ID, ACTION_META } from "../../products/constants/action-defs";
 import { useCountdown } from "../../../react";
@@ -40,6 +41,7 @@ export function AuctionBottomActions(props) {
     const { currentBid, currency, bidCount, isEnded, auctionEndDate, buyNowPrice } = props;
     const [open, setOpen] = useState(false);
     const remaining = useCountdown(auctionEndDate ?? undefined);
+    const { canSeePrices } = useCanSeePrices();
     const placeBidMeta = ACTION_META[ACTION_ID.PLACE_BID];
     const buyNowMeta = ACTION_META[ACTION_ID.BUY_NOW_AUCTION];
     // Same single predicate the form and the card use. `!!props.onBuyNow` matters
@@ -54,14 +56,20 @@ export function AuctionBottomActions(props) {
                     ? [
                         {
                             ...buyNowMeta,
-                            label: `Buy Now — ${formatCurrency(buyNowPrice, currency)}`,
+                            // Both of these are plain strings on the bottom bar rather
+                            // than slots, so the gate happens as they are built.
+                            label: canSeePrices
+                                ? `Buy Now — ${formatCurrency(buyNowPrice, currency)}`
+                                : "Buy Now",
                             onClick: () => setOpen(true),
                         },
                     ]
                     : []),
             ],
             secondaryLabel: formatCountdownLabel(remaining),
-            infoLabel: `${formatCurrency(currentBid, currency)} · ${bidCount} bid${bidCount !== 1 ? "s" : ""}`,
+            infoLabel: canSeePrices
+                ? `${formatCurrency(currentBid, currency)} · ${bidCount} bid${bidCount !== 1 ? "s" : ""}`
+                : `Sign in to see the bid · ${bidCount} bid${bidCount !== 1 ? "s" : ""}`,
             desktop: "after-scroll",
         });
     return (_jsx(Modal, { isOpen: open, onClose: () => setOpen(false), size: "md", title: "Place your bid", children: _jsx(PlaceBidFormClient, { ...props }) }));

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

@@ -17,7 +17,7 @@ import { normalizeRichTextHtml } from "../../../utils/string.formatter";
 import { safeDisplayName } from "../../../security";
 import { getSiteSettingsGlobal } from "../../admin/utils/getSiteSettingsGlobal";
 import { isBuyNowAvailable, resolveMinBid, resolveMinBidIncrement, } from "../../../_internal/shared/features/auctions/config";
-import { Button, Container, CountdownDisplay, Div, Heading, Input, Main, Nav, RichText, Row, Section, Span, Stack, Text, Ul, Li, Dl, Dt, Dd, } from "../../../ui";
+import { Button, Container, CountdownDisplay, Div, GatedPrice, PricesOnly, Heading, Input, Main, Nav, RichText, Row, Section, Span, Stack, Text, Ul, Li, Dl, Dt, Dd, } from "../../../ui";
 import { AuctionDetailView } from "../../products/components/AuctionDetailView";
 import { ProductTabsShell } from "../../products/components/ProductTabsShell";
 import { CustomSectionTabContent } from "../../products/components/CustomSectionTabContent";
@@ -48,7 +48,7 @@ function toDescriptionHtml(raw) {
 }
 function renderAuctionInfoPanel(props) {
     const { productId, title, currentBid, currency, bidCount, isEnded, endDate, buyNowPrice, buyNowAvailable, featured, freeShipping, condition, finalSale, category, categoryName, brand, brandSlug, productFeatures, features, descriptionHtml, safeSeller, storeHref } = props;
-    return (_jsxs(Stack, { gap: "md", children: [_jsxs(Div, { children: [_jsxs(Row, { gap: "xs", wrap: true, className: "mb-2", children: [_jsx(Span, { size: "xs", weight: "semibold", className: CLS_LIVE_BADGE, children: "\uD83C\uDFF7\uFE0F Live Auction" }), isEnded ? (_jsx(Span, { color: "error", surface: "danger-surface", size: "xs", weight: "medium", className: "inline-block", padding: "pill-sm", rounded: "full", children: "Ended" })) : (_jsx(Span, { color: "success", surface: "success-surface", size: "xs", weight: "medium", className: "inline-block", padding: "pill-sm", rounded: "full", children: "Active" }))] }), _jsx(Heading, { level: 1, className: "leading-snug", smSize: "2xl", color: "primary", size: "xl", weight: "bold", children: title })] }), _jsxs(Div, { children: [_jsx(Text, { className: "mb-0.5", color: "muted", size: "xs", children: "Current bid" }), _jsx(LiveBidPrice, { productId: productId, currentBid: currentBid, bidCount: bidCount, currency: currency, isEnded: isEnded, priceSize: "2xl", badgeSize: "sm" }), endDate && !isEnded && (_jsxs(Text, { className: "mt-1.5", color: "muted", size: "sm", children: ["Ends in ", _jsx(Span, { weight: "medium", color: "muted", children: _jsx(CountdownDisplay, { targetDate: endDate, format: "auto", expiredLabel: "Ended" }) })] })), endDate && _jsxs(Text, { className: "mt-0.5", color: "faint", size: "xs", children: [isEnded ? "Ended" : "Ends", " ", endDate.toLocaleString()] })] }), buyNowAvailable && buyNowPrice !== null && (_jsxs(Row, { align: "center", gap: "sm", className: "border border-[var(--appkit-color-primary-200)] dark:border-[var(--appkit-color-primary-800)] bg-primary-50 dark:bg-primary-900/20", padding: "inlineSm", rounded: "lg", children: [_jsx(Span, { size: "xs", color: "muted", children: "Buy Now:" }), _jsx(Span, { size: "base", weight: "bold", className: "text-primary-700 dark:text-primary-300", children: formatCurrency(buyNowPrice, currency) }), _jsx(Span, { size: "xs", color: "faint", children: "\u2014 in \u201CPlace a bid\u201D" })] })), _jsx(ProductFeatureBadges, { featured: featured, freeShipping: freeShipping, condition: condition ?? undefined, finalSale: finalSale, labels: { featured: "Featured", fasterDelivery: "Faster Delivery", ratedSeller: "Rated Seller", condition: "Condition", conditionNew: "New", conditionUsed: "Used", conditionBroken: "For Parts", conditionRefurbished: "Refurbished", returnable: "Returnable", finalSale: "Final Sale", freeShipping: "Free Shipping", codAvailable: "Cash on Delivery", emiAvailable: "EMI Available", wishlistCount: (n) => `${n} wishlisted`, categoryProductCount: (n, cat) => `${n} in ${cat}` } }), (categoryName || category || brand) && (_jsxs(Row, { gap: "sm", wrap: true, children: [category && _jsx(Link, { href: String(ROUTES.PUBLIC.CATEGORY_DETAIL(category)), className: "inline-flex items-center rounded-full border border-[var(--appkit-color-border)] bg-[var(--appkit-color-surface)] px-[var(--appkit-space-2-5)] py-[var(--appkit-space-1)] text-[length:var(--appkit-text-xs)] font-medium text-[var(--appkit-color-text-muted)] transition-colors hover:border-primary-300 hover:bg-primary-surface hover:text-primary-700 dark:hover:border-primary-700/60 dark:hover:text-primary-400", children: categoryName || category }), !category && categoryName && _jsx(Span, { layout: "inline-flex", size: "xs", weight: "medium", border: "subtle", rounded: "full", padding: "pill-sm-tall", surface: "muted", color: "muted", children: categoryName }), brand && brandSlug && _jsx(Link, { href: String(ROUTES.PUBLIC.BRAND_DETAIL(brandSlug)), className: "inline-flex items-center rounded-full border border-[var(--appkit-color-border)] bg-[var(--appkit-color-surface)] px-[var(--appkit-space-2-5)] py-[var(--appkit-space-1)] text-[length:var(--appkit-text-xs)] font-medium text-[var(--appkit-color-text-muted)] transition-colors hover:border-primary-300 hover:bg-primary-surface hover:text-primary-700 dark:hover:border-primary-700/60 dark:hover:text-primary-400", children: brand }), brand && !brandSlug && _jsx(Span, { layout: "inline-flex", size: "xs", weight: "medium", border: "subtle", rounded: "full", padding: "pill-sm-tall", surface: "muted", color: "muted", children: brand })] })), productFeatures && features.length > 0 && _jsx(FeatureBadgeList, { productFeatureIds: features, features: productFeatures }), !productFeatures && features.length > 0 && (_jsxs(Div, { border: "subtle", surface: "muted", padding: "inline", rounded: "xl", children: [_jsx(Text, { className: "mb-2 tracking-wide", color: "muted", size: "xs", weight: "semibold", transform: "uppercase", children: "About this item" }), _jsx(Ul, { spacing: "comfortable", size: "sm", color: "primary", children: features.map((f, i) => _jsxs(Li, { layout: "flex-start", gap: "2", children: [_jsx(Span, { className: "mt-0.5 flex-shrink-0 text-primary-500", children: "\u2022" }), f] }, i)) })] })), descriptionHtml && _jsx(RichText, { html: descriptionHtml, proseClass: "prose prose-sm max-w-none dark:prose-invert prose-p:my-0", className: "text-[length:var(--appkit-text-sm)] leading-relaxed text-[var(--appkit-color-text-muted)] line-clamp-4" }), safeSeller && (_jsx(Div, { className: `${__P.p3}`, border: "subtle", rounded: "xl", surface: "muted", children: _jsxs(Row, { justify: "between", align: "center", children: [_jsxs(Div, { children: [_jsx(Text, { className: "text-[10px] tracking-wide mb-0.5", color: "faint", transform: "uppercase", children: "Listed by" }), _jsx(Text, { size: "sm", weight: "semibold", color: "primary", children: safeSeller })] }), storeHref && _jsx(Link, { href: storeHref, className: "shrink-0 rounded-lg bg-primary/10 dark:bg-primary/20 px-[var(--appkit-space-3)] py-[var(--appkit-space-1-5)] text-[length:var(--appkit-text-xs)] font-semibold text-primary-700 dark:text-primary-300 hover:bg-primary/20 dark:hover:bg-primary/30 transition-colors", children: "Visit Store \u2192" })] }) }))] }));
+    return (_jsxs(Stack, { gap: "md", children: [_jsxs(Div, { children: [_jsxs(Row, { gap: "xs", wrap: true, className: "mb-2", children: [_jsx(Span, { size: "xs", weight: "semibold", className: CLS_LIVE_BADGE, children: "\uD83C\uDFF7\uFE0F Live Auction" }), isEnded ? (_jsx(Span, { color: "error", surface: "danger-surface", size: "xs", weight: "medium", className: "inline-block", padding: "pill-sm", rounded: "full", children: "Ended" })) : (_jsx(Span, { color: "success", surface: "success-surface", size: "xs", weight: "medium", className: "inline-block", padding: "pill-sm", rounded: "full", children: "Active" }))] }), _jsx(Heading, { level: 1, className: "leading-snug", smSize: "2xl", color: "primary", size: "xl", weight: "bold", children: title })] }), _jsxs(Div, { children: [_jsx(Text, { className: "mb-0.5", color: "muted", size: "xs", children: "Current bid" }), _jsx(LiveBidPrice, { productId: productId, currentBid: currentBid, bidCount: bidCount, currency: currency, isEnded: isEnded, priceSize: "2xl", badgeSize: "sm" }), endDate && !isEnded && (_jsxs(Text, { className: "mt-1.5", color: "muted", size: "sm", children: ["Ends in ", _jsx(Span, { weight: "medium", color: "muted", children: _jsx(CountdownDisplay, { targetDate: endDate, format: "auto", expiredLabel: "Ended" }) })] })), endDate && _jsxs(Text, { className: "mt-0.5", color: "faint", size: "xs", children: [isEnded ? "Ended" : "Ends", " ", endDate.toLocaleString()] })] }), buyNowAvailable && buyNowPrice !== null && (_jsxs(Row, { align: "center", gap: "sm", className: "border border-[var(--appkit-color-primary-200)] dark:border-[var(--appkit-color-primary-800)] bg-primary-50 dark:bg-primary-900/20", padding: "inlineSm", rounded: "lg", children: [_jsx(Span, { size: "xs", color: "muted", children: "Buy Now:" }), _jsx(Span, { size: "base", weight: "bold", className: "text-primary-700 dark:text-primary-300", children: _jsx(GatedPrice, { label: "Sign in to see the Buy Now price", children: formatCurrency(buyNowPrice, currency) }) }), _jsx(Span, { size: "xs", color: "faint", children: "\u2014 in \u201CPlace a bid\u201D" })] })), _jsx(ProductFeatureBadges, { featured: featured, freeShipping: freeShipping, condition: condition ?? undefined, finalSale: finalSale, labels: { featured: "Featured", fasterDelivery: "Faster Delivery", ratedSeller: "Rated Seller", condition: "Condition", conditionNew: "New", conditionUsed: "Used", conditionBroken: "For Parts", conditionRefurbished: "Refurbished", returnable: "Returnable", finalSale: "Final Sale", freeShipping: "Free Shipping", codAvailable: "Cash on Delivery", emiAvailable: "EMI Available", wishlistCount: (n) => `${n} wishlisted`, categoryProductCount: (n, cat) => `${n} in ${cat}` } }), (categoryName || category || brand) && (_jsxs(Row, { gap: "sm", wrap: true, children: [category && _jsx(Link, { href: String(ROUTES.PUBLIC.CATEGORY_DETAIL(category)), className: "inline-flex items-center rounded-full border border-[var(--appkit-color-border)] bg-[var(--appkit-color-surface)] px-[var(--appkit-space-2-5)] py-[var(--appkit-space-1)] text-[length:var(--appkit-text-xs)] font-medium text-[var(--appkit-color-text-muted)] transition-colors hover:border-primary-300 hover:bg-primary-surface hover:text-primary-700 dark:hover:border-primary-700/60 dark:hover:text-primary-400", children: categoryName || category }), !category && categoryName && _jsx(Span, { layout: "inline-flex", size: "xs", weight: "medium", border: "subtle", rounded: "full", padding: "pill-sm-tall", surface: "muted", color: "muted", children: categoryName }), brand && brandSlug && _jsx(Link, { href: String(ROUTES.PUBLIC.BRAND_DETAIL(brandSlug)), className: "inline-flex items-center rounded-full border border-[var(--appkit-color-border)] bg-[var(--appkit-color-surface)] px-[var(--appkit-space-2-5)] py-[var(--appkit-space-1)] text-[length:var(--appkit-text-xs)] font-medium text-[var(--appkit-color-text-muted)] transition-colors hover:border-primary-300 hover:bg-primary-surface hover:text-primary-700 dark:hover:border-primary-700/60 dark:hover:text-primary-400", children: brand }), brand && !brandSlug && _jsx(Span, { layout: "inline-flex", size: "xs", weight: "medium", border: "subtle", rounded: "full", padding: "pill-sm-tall", surface: "muted", color: "muted", children: brand })] })), productFeatures && features.length > 0 && _jsx(FeatureBadgeList, { productFeatureIds: features, features: productFeatures }), !productFeatures && features.length > 0 && (_jsxs(Div, { border: "subtle", surface: "muted", padding: "inline", rounded: "xl", children: [_jsx(Text, { className: "mb-2 tracking-wide", color: "muted", size: "xs", weight: "semibold", transform: "uppercase", children: "About this item" }), _jsx(Ul, { spacing: "comfortable", size: "sm", color: "primary", children: features.map((f, i) => _jsxs(Li, { layout: "flex-start", gap: "2", children: [_jsx(Span, { className: "mt-0.5 flex-shrink-0 text-primary-500", children: "\u2022" }), f] }, i)) })] })), descriptionHtml && _jsx(RichText, { html: descriptionHtml, proseClass: "prose prose-sm max-w-none dark:prose-invert prose-p:my-0", className: "text-[length:var(--appkit-text-sm)] leading-relaxed text-[var(--appkit-color-text-muted)] line-clamp-4" }), safeSeller && (_jsx(Div, { className: `${__P.p3}`, border: "subtle", rounded: "xl", surface: "muted", children: _jsxs(Row, { justify: "between", align: "center", children: [_jsxs(Div, { children: [_jsx(Text, { className: "text-[10px] tracking-wide mb-0.5", color: "faint", transform: "uppercase", children: "Listed by" }), _jsx(Text, { size: "sm", weight: "semibold", color: "primary", children: safeSeller })] }), storeHref && _jsx(Link, { href: storeHref, className: "shrink-0 rounded-lg bg-primary/10 dark:bg-primary/20 px-[var(--appkit-space-3)] py-[var(--appkit-space-1-5)] text-[length:var(--appkit-text-xs)] font-semibold text-primary-700 dark:text-primary-300 hover:bg-primary/20 dark:hover:bg-primary/30 transition-colors", children: "Visit Store \u2192" })] }) }))] }));
 }
 /**
  * Store reviews for the auction's seller.
@@ -218,7 +218,16 @@ export async function AuctionDetailPageView({ id, initialAuction, onPlaceBid, on
                     storeName: typeof p.storeName === "string" ? p.storeName : undefined,
                 } }), _jsxs(Container, { size: "xl", padding: "y-lg", children: [_jsxs(Row, { className: "mb-4", align: "center", justify: "between", gap: "sm", wrap: true, children: [_jsxs(Nav, { "aria-label": "Breadcrumb", layout: "flex-wrap", gap: "2xs", textSize: "xs", color: "muted", children: [_jsx(Link, { href: String(ROUTES.HOME), className: CLS_BREADCRUMB_LINK, children: "Home" }), _jsx(Span, { "aria-hidden": true, children: "/" }), _jsx(Link, { href: String(ROUTES.PUBLIC.AUCTIONS), className: CLS_BREADCRUMB_LINK, children: "Auctions" }), category && (_jsxs(_Fragment, { children: [_jsx(Span, { "aria-hidden": true, children: "/" }), _jsx(Link, { href: String(ROUTES.PUBLIC.CATEGORY_DETAIL(category)), className: CLS_BREADCRUMB_LINK, children: categoryName || category })] })), _jsx(Span, { "aria-hidden": true, children: "/" }), _jsx(Span, { className: "truncate max-w-[200px]", color: "muted", children: title })] }), _jsx(ShareButton, { title: title })] }), _jsx(AuctionDetailView, { renderGallery: () => (_jsx(ProductGalleryClient, { images: images, video: productVideo, productName: title })), renderInfo: () => renderAuctionInfoPanel({ productId: String(product.id), title, currentBid, currency, bidCount, isEnded, endDate, buyNowPrice, buyNowAvailable, featured, freeShipping, condition, finalSale: isFinalSale(p), category, categoryName, brand, brandSlug, productFeatures, features, descriptionHtml, safeSeller, storeHref }), renderBidForm: () => onPlaceBid ? (_jsx(Stack, { id: "auction-bid-form", gap: "3", children: _jsxs(Stack, { className: `${__P.p5}`, border: "subtle", gap: "3", rounded: "xl", surface: "muted", children: [_jsxs(Row, { justify: "between", align: "baseline", children: [_jsx(LiveBidPrice, { productId: String(product.id), currentBid: currentBid, bidCount: bidCount, currency: currency, isEnded: isEnded, priceSize: "xl", badgeSize: "xs" }), !isEnded && (_jsx(LiveMinIncrement, { productId: String(product.id), currentBid: currentBid, bidCount: bidCount, currency: currency, isEnded: isEnded, tiers: bidIncrementTiers, minBidIncrementOverride: minBidIncrementOverride }))] }), !isEnded && endDate && (_jsxs(Text, { align: "center", size: "xs", color: "muted", children: ["Ends in ", _jsx(CountdownDisplay, { targetDate: endDate, format: "auto", expiredLabel: "Ended" })] })), _jsx(PlaceBidModalButton, { productId: String(product.id), currentBid: currentBid, startingBid: startingBid, tiers: bidIncrementTiers, minBidIncrementOverride: minBidIncrementOverride, currency: currency, isEnded: isEnded, auctionEndDate: endDate, buyNowPrice: buyNowPrice, bidCount: bidCount, tags: tags, onPlaceBid: onPlaceBid, onBuyNow: onBuyNow, triggerClassName: "w-full" })] }) })) : (
                         /* Read-only bid panel — shown when no bid action is wired (preview/demo) */
-                        _jsxs(Stack, { className: `${__P.p5}`, border: "subtle", gap: "md", rounded: "xl", surface: "muted", children: [_jsx(Stack, { gap: "xs", children: _jsxs(Text, { size: "xs", color: "muted", children: ["Starting bid: ", formatCurrency(startingBid, currency), !isEnded && _jsxs(_Fragment, { children: [" \u00B7 min increment ", formatCurrency(initialMinBidIncrement, currency)] })] }) }), _jsxs(Stack, { gap: "sm", children: [_jsx(Input, { type: "number", placeholder: `At least ${formatCurrency(initialMinBid, currency)}`, min: initialMinBid, "aria-label": "Your bid amount", disabled: isEnded }), !isEnded && endDate && (_jsxs(Text, { align: "center", size: "xs", color: "muted", children: ["Ends in ", _jsx(CountdownDisplay, { targetDate: endDate, format: "auto", expiredLabel: "Ended" })] })), _jsx(Button, { variant: "primary", size: "md", className: "w-full", disabled: isEnded, children: isEnded ? "Auction Ended" : "Place Bid" }), buyNowAvailable && buyNowPrice !== null && (_jsxs(Text, { align: "center", size: "xs", color: "muted", children: ["Buy Now available at ", formatCurrency(buyNowPrice, currency)] }))] }), tags.length > 0 && (_jsx(Div, { border: "default", className: "border-t", padding: "t-md", children: _jsx(Row, { wrap: true, gap: "xs", children: tags.map((tag) => (_jsx(Span, { size: "xs", rounded: "full", padding: "pill-sm-tall", surface: "subtle", color: "muted", children: tag }, tag))) }) }))] })), renderMobileBidForm: () => !isEnded && onPlaceBid ? (_jsxs(Stack, { className: `lg:hidden ${__P.p4}`, border: "subtle", gap: "3", rounded: "xl", surface: "muted", children: [_jsx(LiveBidPrice, { productId: String(product.id), currentBid: currentBid, bidCount: bidCount, currency: currency, isEnded: isEnded, priceSize: "base", badgeSize: "xs" }), endDate && (_jsxs(Text, { align: "center", size: "xs", color: "muted", children: ["Ends in ", _jsx(CountdownDisplay, { targetDate: endDate, format: "auto", expiredLabel: "Ended" })] })), _jsx(PlaceBidModalButton, { productId: String(product.id), currentBid: currentBid, startingBid: startingBid, tiers: bidIncrementTiers, minBidIncrementOverride: minBidIncrementOverride, currency: currency, isEnded: isEnded, auctionEndDate: endDate, buyNowPrice: buyNowPrice, bidCount: bidCount, tags: tags, onPlaceBid: onPlaceBid, onBuyNow: onBuyNow, triggerClassName: "w-full" })] })) : !isEnded ? (_jsxs(Div, { className: `${__P.p4} lg:hidden`, border: "subtle", rounded: "xl", surface: "muted", children: [_jsxs(Row, { align: "center", gap: "sm", className: "mb-3", children: [_jsx(Span, { size: "base", weight: "bold", className: "text-primary-600 dark:text-primary-400", children: formatCurrency(currentBid, currency) }), _jsxs(Span, { size: "xs", color: "muted", children: [bidCount, " bids"] })] }), endDate && (_jsxs(Text, { align: "center", className: "mb-3", size: "xs", color: "muted", children: ["Ends in ", _jsx(CountdownDisplay, { targetDate: endDate, format: "auto", expiredLabel: "Ended" })] })), _jsx(Button, { variant: "primary", size: "md", className: "w-full", children: "Place Bid" })] })) : null, renderSublistingSection: sublistingCategoryId
+                        _jsxs(Stack, { className: `${__P.p5}`, border: "subtle", gap: "md", rounded: "xl", surface: "muted", children: [_jsx(Stack, { gap: "xs", children: _jsx(Text, { size: "xs", color: "muted", children: _jsxs(GatedPrice, { label: "Sign in to see the starting bid", children: ["Starting bid: ", formatCurrency(startingBid, currency), !isEnded && _jsxs(_Fragment, { children: [" \u00B7 min increment ", formatCurrency(initialMinBidIncrement, currency)] })] }) }) }), _jsxs(Stack, { gap: "sm", children: [_jsx(Input, { type: "number", 
+                                            // The minimum is stated in the gated line above rather than
+                                            // in the placeholder: a placeholder is a plain string prop,
+                                            // so it cannot be gated in place and would print the bid
+                                            // floor to signed-out visitors.
+                                            placeholder: "Enter your bid", min: initialMinBid, "aria-label": "Your bid amount", disabled: isEnded }), !isEnded && endDate && (_jsxs(Text, { align: "center", size: "xs", color: "muted", children: ["Ends in ", _jsx(CountdownDisplay, { targetDate: endDate, format: "auto", expiredLabel: "Ended" })] })), _jsx(Button, { variant: "primary", size: "md", className: "w-full", disabled: isEnded, children: isEnded ? "Auction Ended" : "Place Bid" }), buyNowAvailable && buyNowPrice !== null && (
+                                        // Hidden rather than prompted: the Buy Now chip at the top
+                                        // of the panel already carries the gate, so repeating the
+                                        // prompt here would be the same affordance twice.
+                                        _jsx(PricesOnly, { children: _jsxs(Text, { align: "center", size: "xs", color: "muted", children: ["Buy Now available at ", formatCurrency(buyNowPrice, currency)] }) }))] }), tags.length > 0 && (_jsx(Div, { border: "default", className: "border-t", padding: "t-md", children: _jsx(Row, { wrap: true, gap: "xs", children: tags.map((tag) => (_jsx(Span, { size: "xs", rounded: "full", padding: "pill-sm-tall", surface: "subtle", color: "muted", children: tag }, tag))) }) }))] })), renderMobileBidForm: () => !isEnded && onPlaceBid ? (_jsxs(Stack, { className: `lg:hidden ${__P.p4}`, border: "subtle", gap: "3", rounded: "xl", surface: "muted", children: [_jsx(LiveBidPrice, { productId: String(product.id), currentBid: currentBid, bidCount: bidCount, currency: currency, isEnded: isEnded, priceSize: "base", badgeSize: "xs" }), endDate && (_jsxs(Text, { align: "center", size: "xs", color: "muted", children: ["Ends in ", _jsx(CountdownDisplay, { targetDate: endDate, format: "auto", expiredLabel: "Ended" })] })), _jsx(PlaceBidModalButton, { productId: String(product.id), currentBid: currentBid, startingBid: startingBid, tiers: bidIncrementTiers, minBidIncrementOverride: minBidIncrementOverride, currency: currency, isEnded: isEnded, auctionEndDate: endDate, buyNowPrice: buyNowPrice, bidCount: bidCount, tags: tags, onPlaceBid: onPlaceBid, onBuyNow: onBuyNow, triggerClassName: "w-full" })] })) : !isEnded ? (_jsxs(Div, { className: `${__P.p4} lg:hidden`, border: "subtle", rounded: "xl", surface: "muted", children: [_jsxs(Row, { align: "center", gap: "sm", className: "mb-3", children: [_jsx(Span, { size: "base", weight: "bold", className: "text-primary-600 dark:text-primary-400", children: _jsx(GatedPrice, { label: "Sign in to see the current bid", children: formatCurrency(currentBid, currency) }) }), _jsxs(Span, { size: "xs", color: "muted", children: [bidCount, " bids"] })] }), endDate && (_jsxs(Text, { align: "center", className: "mb-3", size: "xs", color: "muted", children: ["Ends in ", _jsx(CountdownDisplay, { targetDate: endDate, format: "auto", expiredLabel: "Ended" })] })), _jsx(Button, { variant: "primary", size: "md", className: "w-full", children: "Place Bid" })] })) : null, renderSublistingSection: sublistingCategoryId
                             ? () => (_jsx(SublistingCarouselSection, { sublistingCategoryId: sublistingCategoryId, currentListingId: String(product.id) }))
                             : undefined, renderTabs: () => (_jsx(ProductTabsShell, { descriptionContent: descriptionHtml ? (_jsx(RichText, { html: descriptionHtml, proseClass: "prose prose-sm sm:prose max-w-none dark:prose-invert", className: "text-[var(--appkit-color-text-muted)]" })) : undefined, specsContent: specs.length > 0 ? (_jsx(Dl, { divide: "subtle", rounded: "xl", border: "subtle", className: "overflow-hidden", children: specs.map((s, i) => (_jsxs(Row, { gap: "md", oddEven: "zebra", surface: "default", padding: "inline", children: [_jsx(Dt, { className: "w-36 flex-shrink-0", color: "primary", weight: "medium", children: s.name }), _jsxs(Dd, { className: "flex-1", color: "muted", children: [s.value, s.unit ? ` ${s.unit}` : ""] })] }, i))) })) : undefined, customTabs: customSections.map((s) => ({
                                 id: s.id,