@mohasinac/appkit 4.9.5 → 4.11.0

package/dist/features/orders/constants/payment-window.d.ts

@@ -8,3 +8,28 @@ export declare const PAYMENT_WINDOW_MS: number;
 /** Cancellation reasons this feature writes to `OrderDocument.cancellationReason` (a free-form string field). */
 export declare const PAYMENT_WINDOW_EXPIRED_REASON = "payment_window_expired";
 export declare const PAYMENT_FRAUD_REJECTED_REASON = "payment_fraud_rejected";
+/**
+ * The `paymentMethod` values that settle out-of-band and therefore require a
+ * buyer-uploaded proof + a human review pass. Single source of truth for
+ * `attachPaymentProofAction`'s guard, the admin payment-review queue, and the
+ * buyer/seller "needs payment proof" UI — previously each site inlined its own
+ * `pm !== "cash" && pm !== "upi_manual" && ...` chain and they could drift.
+ */
+export declare const MANUAL_PAYMENT_METHODS: readonly string[];
+export declare function isManualPaymentMethod(method: string | undefined | null): boolean;
+/**
+ * The two states an unresolved manual payment can be in. Derived at query
+ * time from `paymentProofUrl` + `paymentReviewOutcome` rather than stored as
+ * its own field — a denormalised mirror would drift the moment any write path
+ * forgot it (CLAUDE.md Root Cause Pattern #42).
+ */
+export type PaymentReviewQueueMode = "awaiting_proof" | "awaiting_verification";
+export declare const PAYMENT_REVIEW_QUEUE_MODES: readonly PaymentReviewQueueMode[];
+export declare function isPaymentReviewQueueMode(value: string): value is PaymentReviewQueueMode;
+/**
+ * Hard bound on the payment-review queue's Firestore scan (Rule #6 — the
+ * Vercel 10s sync ceiling). Safe because an order only sits in this queue for
+ * 15 minutes (awaiting proof) or 2 hours (awaiting verification) before a
+ * scheduled sweep resolves it, so the live set is inherently small.
+ */
+export declare const PAYMENT_REVIEW_QUEUE_SCAN_LIMIT = 500;

package/dist/features/orders/constants/payment-window.js

@@ -8,3 +8,28 @@ export const PAYMENT_WINDOW_MS = PAYMENT_WINDOW_MINUTES * 60 * 1000;
 /** Cancellation reasons this feature writes to `OrderDocument.cancellationReason` (a free-form string field). */
 export const PAYMENT_WINDOW_EXPIRED_REASON = "payment_window_expired";
 export const PAYMENT_FRAUD_REJECTED_REASON = "payment_fraud_rejected";
+/**
+ * The `paymentMethod` values that settle out-of-band and therefore require a
+ * buyer-uploaded proof + a human review pass. Single source of truth for
+ * `attachPaymentProofAction`'s guard, the admin payment-review queue, and the
+ * buyer/seller "needs payment proof" UI — previously each site inlined its own
+ * `pm !== "cash" && pm !== "upi_manual" && ...` chain and they could drift.
+ */
+export const MANUAL_PAYMENT_METHODS = ["cash", "upi_manual", "emi"];
+export function isManualPaymentMethod(method) {
+    return !!method && MANUAL_PAYMENT_METHODS.includes(method);
+}
+export const PAYMENT_REVIEW_QUEUE_MODES = [
+    "awaiting_proof",
+    "awaiting_verification",
+];
+export function isPaymentReviewQueueMode(value) {
+    return PAYMENT_REVIEW_QUEUE_MODES.includes(value);
+}
+/**
+ * Hard bound on the payment-review queue's Firestore scan (Rule #6 — the
+ * Vercel 10s sync ceiling). Safe because an order only sits in this queue for
+ * 15 minutes (awaiting proof) or 2 hours (awaiting verification) before a
+ * scheduled sweep resolves it, so the live set is inherently small.
+ */
+export const PAYMENT_REVIEW_QUEUE_SCAN_LIMIT = 500;

package/dist/features/orders/repository/orders.repository.d.ts

@@ -3,6 +3,7 @@ import type { FirebaseSieveResult, SieveModel } from "../../../providers/db-fire
 import { BaseRepository, parseSieveDateValue } from "../../../providers/db-firebase";
 import { type OrderCreateInput, type OrderDocument, type OrderRefundEvent } from "../schemas";
 import type { OrderStatus, PaymentStatus } from "../types";
+import { type PaymentReviewQueueMode } from "../constants/payment-window";
 declare class OrderRepository extends BaseRepository<OrderDocument> {
     constructor();
     private decryptOrder;
@@ -217,6 +218,37 @@ declare class OrderRepository extends BaseRepository<OrderDocument> {
         ref: DocumentReference;
         data: OrderDocument;
     }>>;
+    /**
+     * Admin/seller payment-review queue — the manual-payment orders that are
+     * waiting on somebody. Two modes:
+     *
+     *  - `awaiting_proof`        — buyer hasn't uploaded a screenshot yet
+     *                              (the 15-minute `paymentDeadline` window).
+     *  - `awaiting_verification` — proof submitted, no admin decision recorded
+     *                              yet (the 2-hour auto-approve window).
+     *
+     * Both refinements — proof presence and manual `paymentMethod` — are done
+     * in-memory rather than as Firestore clauses, deliberately:
+     *
+     *  - `paymentProofUrl != null` would silently exclude every doc where the
+     *    field was never set at all, which is exactly the `awaiting_proof` set
+     *    (same reasoning as `getExpiredPaymentDeadlines` /
+     *    `getUnreviewedProofPastDeadline` above).
+     *  - keeping `paymentMethod` out of the query means this reuses the
+     *    existing `(status, paymentStatus, createdAt)` composite index instead
+     *    of needing a new four-field one.
+     *
+     * The scan is hard-bounded at {@link PAYMENT_REVIEW_QUEUE_SCAN_LIMIT} for
+     * the Vercel 10s ceiling. That bound is generous for this queue by
+     * construction: an order only sits in it for 15 minutes (awaiting proof) or
+     * 2 hours (awaiting verification) before a scheduled sweep resolves it, so
+     * the live set is inherently small. `total` therefore counts matches within
+     * the scan window, not an unbounded collection-wide count.
+     */
+    listPaymentReviewQueue(mode: PaymentReviewQueueMode, opts?: {
+        page?: number;
+        pageSize?: number;
+    }): Promise<FirebaseSieveResult<OrderDocument>>;
     /**
      * Cloud Functions: find delivered orders eligible for the weekly payout sweep.
      *

package/dist/features/orders/repository/orders.repository.js

@@ -4,6 +4,7 @@ import { BaseRepository, prepareForFirestore, parseSieveDateValue, } from "../..
 import { decryptPiiFields, encryptPiiFields, ORDER_PII_FIELDS, } from "../../../security";
 import { serverTimestamp } from "../../../contracts/field-ops";
 import { createOrderId, ORDER_COLLECTION, OrderStatusValues, } from "../schemas";
+import { MANUAL_PAYMENT_METHODS, PAYMENT_REVIEW_QUEUE_SCAN_LIMIT, } from "../constants/payment-window";
 import { ORDER_FIELDS } from "../../../constants/field-names";
 /**
  * Statuses that count toward a user's per-product / per-bundle purchase
@@ -340,6 +341,61 @@ class OrderRepository extends BaseRepository {
         }))
             .filter((entry) => !!entry.data.paymentProofUrl && !entry.data.paymentReviewOutcome);
     }
+    /**
+     * Admin/seller payment-review queue — the manual-payment orders that are
+     * waiting on somebody. Two modes:
+     *
+     *  - `awaiting_proof`        — buyer hasn't uploaded a screenshot yet
+     *                              (the 15-minute `paymentDeadline` window).
+     *  - `awaiting_verification` — proof submitted, no admin decision recorded
+     *                              yet (the 2-hour auto-approve window).
+     *
+     * Both refinements — proof presence and manual `paymentMethod` — are done
+     * in-memory rather than as Firestore clauses, deliberately:
+     *
+     *  - `paymentProofUrl != null` would silently exclude every doc where the
+     *    field was never set at all, which is exactly the `awaiting_proof` set
+     *    (same reasoning as `getExpiredPaymentDeadlines` /
+     *    `getUnreviewedProofPastDeadline` above).
+     *  - keeping `paymentMethod` out of the query means this reuses the
+     *    existing `(status, paymentStatus, createdAt)` composite index instead
+     *    of needing a new four-field one.
+     *
+     * The scan is hard-bounded at {@link PAYMENT_REVIEW_QUEUE_SCAN_LIMIT} for
+     * the Vercel 10s ceiling. That bound is generous for this queue by
+     * construction: an order only sits in it for 15 minutes (awaiting proof) or
+     * 2 hours (awaiting verification) before a scheduled sweep resolves it, so
+     * the live set is inherently small. `total` therefore counts matches within
+     * the scan window, not an unbounded collection-wide count.
+     */
+    async listPaymentReviewQueue(mode, opts = {}) {
+        const page = Math.max(1, opts.page ?? 1);
+        const pageSize = Math.min(50, Math.max(1, opts.pageSize ?? 25));
+        const snap = await this.db
+            .collection(this.collection)
+            .where(ORDER_FIELDS.STATUS, "==", OrderStatusValues.PENDING)
+            .where(ORDER_FIELDS.PAYMENT_STATUS, "==", "pending")
+            .orderBy(ORDER_FIELDS.CREATED_AT, "desc")
+            .limit(PAYMENT_REVIEW_QUEUE_SCAN_LIMIT)
+            .get();
+        const matches = snap.docs
+            .map((d) => this.decryptOrder({ id: d.id, ...d.data() }))
+            .filter((order) => MANUAL_PAYMENT_METHODS.includes(order.paymentMethod ?? ""))
+            .filter((order) => mode === "awaiting_proof"
+            ? !order.paymentProofUrl
+            : !!order.paymentProofUrl && !order.paymentReviewOutcome);
+        const total = matches.length;
+        const totalPages = total === 0 ? 0 : Math.max(1, Math.ceil(total / pageSize));
+        const start = (page - 1) * pageSize;
+        return {
+            items: matches.slice(start, start + pageSize),
+            total,
+            page,
+            pageSize,
+            totalPages,
+            hasMore: page < totalPages,
+        };
+    }
     /**
      * Cloud Functions: find delivered orders eligible for the weekly payout sweep.
      *

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

@@ -570,15 +570,6 @@ export declare const orderFirestoreSchema: z.ZodObject<{
         bin: string;
     } | undefined;
     payoutStatus?: "paid" | "eligible" | "requested" | undefined;
-    items?: {
-        productId: string;
-        productTitle: string;
-        quantity: number;
-        unitPrice: number;
-        totalPrice: number;
-        listingType?: "classified" | "standard" | "auction" | "pre-order" | "prize-draw" | "digital-code" | "live" | undefined;
-        prizeRevealStatus?: "closed" | "open" | "pending" | "revealed" | undefined;
-    }[] | undefined;
     paymentId?: string | undefined;
     shippingAddress?: string | undefined;
     trackingNumber?: string | undefined;
@@ -601,6 +592,15 @@ export declare const orderFirestoreSchema: z.ZodObject<{
     shippingMethod?: "custom" | undefined;
     shippingCarrier?: string | undefined;
     trackingUrl?: string | undefined;
+    items?: {
+        productId: string;
+        productTitle: string;
+        quantity: number;
+        unitPrice: number;
+        totalPrice: number;
+        listingType?: "classified" | "standard" | "auction" | "pre-order" | "prize-draw" | "digital-code" | "live" | undefined;
+        prizeRevealStatus?: "closed" | "open" | "pending" | "revealed" | undefined;
+    }[] | undefined;
     bundleId?: string | undefined;
     prizeWon?: {
         title: string;
@@ -612,6 +612,8 @@ export declare const orderFirestoreSchema: z.ZodObject<{
     } | undefined;
     prizeDrawProductId?: string | undefined;
     couponCode?: string | undefined;
+    emiEnabled?: boolean | undefined;
+    emiTenureMonths?: number | undefined;
     orderType?: string | undefined;
     imageUrls?: string[] | undefined;
     refundFeeDeducted?: number | undefined;
@@ -627,8 +629,6 @@ export declare const orderFirestoreSchema: z.ZodObject<{
         couponId?: string | undefined;
     }[] | undefined;
     codHandlingFee?: number | undefined;
-    emiEnabled?: boolean | undefined;
-    emiTenureMonths?: number | undefined;
     emiTokenAmount?: number | undefined;
     emiSurchargeAmount?: number | undefined;
     emiInstallments?: {
@@ -718,15 +718,6 @@ export declare const orderFirestoreSchema: z.ZodObject<{
         bin: string;
     } | undefined;
     payoutStatus?: "paid" | "eligible" | "requested" | undefined;
-    items?: {
-        productId: string;
-        productTitle: string;
-        quantity: number;
-        unitPrice: number;
-        totalPrice: number;
-        listingType?: "classified" | "standard" | "auction" | "pre-order" | "prize-draw" | "digital-code" | "live" | undefined;
-        prizeRevealStatus?: "closed" | "open" | "pending" | "revealed" | undefined;
-    }[] | undefined;
     paymentId?: string | undefined;
     shippingAddress?: string | undefined;
     trackingNumber?: string | undefined;
@@ -749,6 +740,15 @@ export declare const orderFirestoreSchema: z.ZodObject<{
     shippingMethod?: "custom" | undefined;
     shippingCarrier?: string | undefined;
     trackingUrl?: string | undefined;
+    items?: {
+        productId: string;
+        productTitle: string;
+        quantity: number;
+        unitPrice: number;
+        totalPrice: number;
+        listingType?: "classified" | "standard" | "auction" | "pre-order" | "prize-draw" | "digital-code" | "live" | undefined;
+        prizeRevealStatus?: "closed" | "open" | "pending" | "revealed" | undefined;
+    }[] | undefined;
     bundleId?: string | undefined;
     prizeWon?: {
         title: string;
@@ -760,6 +760,8 @@ export declare const orderFirestoreSchema: z.ZodObject<{
     } | undefined;
     prizeDrawProductId?: string | undefined;
     couponCode?: string | undefined;
+    emiEnabled?: boolean | undefined;
+    emiTenureMonths?: number | undefined;
     orderType?: string | undefined;
     imageUrls?: string[] | undefined;
     refundFeeDeducted?: number | undefined;
@@ -775,8 +777,6 @@ export declare const orderFirestoreSchema: z.ZodObject<{
         couponId?: string | undefined;
     }[] | undefined;
     codHandlingFee?: number | undefined;
-    emiEnabled?: boolean | undefined;
-    emiTenureMonths?: number | undefined;
     emiTokenAmount?: number | undefined;
     emiSurchargeAmount?: number | undefined;
     emiInstallments?: {
@@ -962,6 +962,7 @@ export declare const orderSchema: z.ZodObject<{
         [k: string]: unknown;
     };
     userId: string;
+    paymentStatus: string;
     items: {
         title: string;
         price: number;
@@ -972,7 +973,6 @@ export declare const orderSchema: z.ZodObject<{
         storeId?: string | undefined;
         attributes?: Record<string, string> | undefined;
     }[];
-    paymentStatus: string;
     total: number;
     subtotal: number;
     orderStatus: "pending" | "cancelled" | "processing" | "refunded" | "delivered" | "confirmed" | "shipped" | "return_requested" | "returned";
@@ -999,6 +999,7 @@ export declare const orderSchema: z.ZodObject<{
         [k: string]: unknown;
     };
     userId: string;
+    paymentStatus: string;
     items: {
         title: string;
         price: number;
@@ -1009,7 +1010,6 @@ export declare const orderSchema: z.ZodObject<{
         storeId?: string | undefined;
         attributes?: Record<string, string> | undefined;
     }[];
-    paymentStatus: string;
     total: number;
     subtotal: number;
     orderStatus: "pending" | "cancelled" | "processing" | "refunded" | "delivered" | "confirmed" | "shipped" | "return_requested" | "returned";

package/dist/features/orders/types/index.d.ts

@@ -67,6 +67,8 @@ export interface Order {
     couponCode?: string;
     trackingNumber?: string;
     shippingCarrier?: string;
+    /** Carrier tracking page URL — rendered as an external link that opens in a new tab. No live-tracking API integration; this is just the passthrough URL a seller/admin entered. */
+    trackingUrl?: string;
     notes?: string;
     timeline?: OrderTimeline[];
     physicalLocation?: {
@@ -76,10 +78,41 @@ export interface Order {
     };
     createdAt?: string;
     updatedAt?: string;
+    /** Real per-status timestamps written by the order-status-update path — used to render a genuine status timeline (not fabricated/estimated). */
+    orderDate?: string;
+    shippingDate?: string;
+    deliveryDate?: string;
+    cancellationDate?: string;
     /** Tier PP — true when the 2-hour auto-approve sweep confirmed this order's payment instead of a manual admin review. Drives the "Raise a dispute" CTA. */
     autoApproved?: boolean;
     disputeRaised?: boolean;
     disputeStatus?: "open" | "resolved";
+    /**
+     * Manual-payment (cash / UPI / EMI) fields. Every one of these already
+     * existed on `OrderDocument` but was dropped by `orderDocumentToOrder`,
+     * so the buyer-facing surfaces that need them read `undefined`:
+     * `/user/orders/[id]/payment` gated its whole render on `paymentMethod`
+     * and therefore told every buyer "this order does not require manual
+     * payment upload", and the 15-minute countdown + UPI ID never rendered.
+     * (CLAUDE.md Root Cause Pattern #38 — adapter/serializer field drift.)
+     */
+    paymentMethod?: string;
+    /** UPI ID the buyer was told to pay to — shown on the payment page and diffed against `buyerReportedUpiId` during admin review. */
+    displayedUpiId?: string;
+    /** ISO end of the 15-minute payment window; drives the buyer countdown. */
+    paymentDeadline?: string;
+    paymentProofUrl?: string;
+    paymentProofUploadedAt?: string;
+    paymentTransactionId?: string;
+    buyerReportedUpiId?: string;
+    buyerMarkedPaid?: boolean;
+    paymentUpiMismatch?: boolean;
+    /** Admin decision on the submitted proof; unset means "not reviewed yet". */
+    paymentReviewOutcome?: "approved" | "reupload_requested" | "rejected_fraud";
+    /** Admin's note — the reason shown to the buyer on a re-upload request or fraud rejection. */
+    paymentReviewNote?: string;
+    /** Why the order was cancelled — distinguishes a payment-window expiry / fraud rejection from an ordinary cancellation. */
+    cancellationReason?: string;
     /**
      * Reveal-mode prize-draw fields (SB4-H/SB8-C). Set once the winner has
      * been automatically assigned to this order (on payment confirmation,

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

@@ -30,6 +30,10 @@ import { ShareButton } from "../../products/components/ShareButton";
 import { SublistingCarouselSection } from "../../products/components/SublistingCarouselSection";
 import { HistoryTracker } from "../../history/components/HistoryTracker";
 import { ShowGroupSection } from "../../products/components/ShowGroupSection";
+import { RelatedItemsSection } from "../../products/components/RelatedItemsSection";
+import { computeRelatedItems } from "../../../_internal/server/features/products/data";
+import { GroupedListingsCarousel } from "../../grouped/components/GroupedListingsCarousel";
+import { getGroupsWithItemsForProduct } from "../../../_internal/server/features/grouped/data";
 function toDescriptionHtml(raw) {
     if (!raw)
         return "";
@@ -141,6 +145,10 @@ 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([
+        computeRelatedItems(product),
+        getGroupsWithItemsForProduct(product.id),
+    ]);
     return (_jsxs(Main, { children: [_jsx(HistoryTracker, { productId: String(p.id ?? p.slug ?? ""), productType: "preorder", snapshot: {
                     title: typeof p.title === "string" ? p.title : undefined,
                     thumb: typeof p.mainImage === "string"
@@ -159,5 +167,5 @@ export async function PreOrderDetailPageView({ id, initialPreOrder, onReserveNow
                                 id: s.id,
                                 label: s.title,
                                 content: _jsx(CustomSectionTabContent, { section: s }),
-                            })) })), 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 })) }), _jsx(PreOrderBottomActions, { price: price, currency: currency })] })] }));
+                            })) })), 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(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 })] })] }));
 }

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

@@ -21,6 +21,7 @@ export declare const preorderItemSchema: z.ZodObject<{
         thumbnailUrl: z.ZodOptional<z.ZodString>;
         source: z.ZodOptional<z.ZodEnum<["upload", "youtube", "external"]>>;
         youtubeId: z.ZodOptional<z.ZodString>;
+        duration: z.ZodOptional<z.ZodNumber>;
     }, "strip", z.ZodTypeAny, {
         type: "video" | "image" | "file";
         url: string;
@@ -28,6 +29,7 @@ export declare const preorderItemSchema: z.ZodObject<{
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
         youtubeId?: string | undefined;
+        duration?: number | undefined;
     }, {
         type: "video" | "image" | "file";
         url: string;
@@ -35,6 +37,7 @@ export declare const preorderItemSchema: z.ZodObject<{
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
         youtubeId?: string | undefined;
+        duration?: number | undefined;
     }>, "many">>;
     salePrice: z.ZodNumber;
     regularPrice: z.ZodNumber;
@@ -62,6 +65,7 @@ export declare const preorderItemSchema: z.ZodObject<{
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
         youtubeId?: string | undefined;
+        duration?: number | undefined;
     }[] | undefined;
     franchise?: string | undefined;
     preorderShipDate?: string | undefined;
@@ -82,6 +86,7 @@ export declare const preorderItemSchema: z.ZodObject<{
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
         youtubeId?: string | undefined;
+        duration?: number | undefined;
     }[] | undefined;
     isFeatured?: boolean | undefined;
     franchise?: string | undefined;

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

@@ -19,6 +19,14 @@ function formatBidDate(raw) {
         return raw;
     }
 }
+/** Bidder identity is already masked server-side (`maskPublicBid`) when a
+ *  display name is present; this is only a fallback for bare bidder ids. */
+function maskBidderId(id) {
+    if (!id)
+        return "Anonymous";
+    const tail = id.slice(-4);
+    return `Bidder ***${tail}`;
+}
 export function BidHistory({ isLoading = false, isEmpty = false, renderList, renderBid, bids = [], renderEmpty, renderSkeleton, currency, labels = {}, className = "", }) {
     if (isLoading) {
         if (renderSkeleton)
@@ -32,5 +40,5 @@ export function BidHistory({ isLoading = false, isEmpty = false, renderList, ren
     }
     if (renderList)
         return _jsx(Div, { className: className, children: renderList() });
-    return (_jsxs(Div, { className: className, children: [labels.title && (_jsx(Heading, { level: 3, className: "mb-3 tracking-wide", color: "muted", size: "sm", weight: "semibold", transform: "uppercase", children: labels.title })), _jsx(Stack, { gap: "sm", children: bids.map((bid, i) => renderBid ? (_jsx(React.Fragment, { children: renderBid(bid, i) }, bid.id)) : (_jsxs(Div, { layout: "flex", align: "center", justify: "between", rounded: "lg", padding: "sm", textSize: "sm", className: "border border-[var(--appkit-color-border-subtle)] bg-[var(--appkit-color-surface)]", "data-section": "bidhistory-div-422", children: [_jsx(Span, { weight: "bold", className: "text-primary-600 dark:text-primary-400", children: currency ? formatCurrency(bid.amount, currency) : bid.amount.toLocaleString() }), _jsx(Span, { size: "xs", color: "muted", children: formatBidDate(bid.placedAt) })] }, bid.id))) })] }));
+    return (_jsxs(Div, { className: className, children: [labels.title && (_jsx(Heading, { level: 3, className: "mb-3 tracking-wide", color: "muted", size: "sm", weight: "semibold", transform: "uppercase", children: labels.title })), _jsx(Stack, { gap: "sm", children: bids.map((bid, i) => renderBid ? (_jsx(React.Fragment, { children: renderBid(bid, i) }, bid.id)) : (_jsxs(Div, { layout: "flex", align: "center", justify: "between", rounded: "lg", padding: "sm", textSize: "sm", className: "border border-[var(--appkit-color-border-subtle)] bg-[var(--appkit-color-surface)]", "data-section": "bidhistory-div-422", children: [_jsxs(Stack, { gap: "xs", children: [_jsx(Span, { weight: "bold", className: "text-primary-600 dark:text-primary-400", children: currency ? formatCurrency(bid.amount, currency) : bid.amount.toLocaleString() }), _jsx(Span, { size: "xs", color: "muted", children: bid.bidderName || maskBidderId(bid.bidderId) })] }), _jsx(Span, { size: "xs", color: "muted", children: formatBidDate(bid.placedAt) })] }, bid.id))) })] }));
 }

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

@@ -1,12 +1,22 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { normalizeError } from "../../../errors/normalize";
-import { useState } from "react";
+import { useEffect, useState } from "react";
+import { z } from "zod";
 import { Button, Code, ConfirmDeleteModal, Div, FormField, Heading, Modal, Row, Select, SideDrawer, Span, Stack, Tabs, TabsContent, TabsList, TabsTrigger, Text, useToast } from "../../../ui";
+import { FormShellContext, useFormShellState, FormErrorSummary } from "../../../ui/forms";
 import { MediaImage } from "../../media/MediaImage";
 import { apiClient } from "../../../http";
 import { PRODUCT_ENDPOINTS } from "../../../constants/api-endpoints";
 import { ProductInlineSelect } from "../../seller/components/ProductInlineSelect";
+const groupTitleSchema = z.object({
+    groupTitle: z.string().min(1, "Group title is required"),
+});
+const createChildSchema = z.object({
+    title: z.string().min(1, "Title is required"),
+    price: z.string().refine((v) => v.trim() !== "" && !Number.isNaN(parseFloat(v)) && parseFloat(v) > 0, "Enter a valid price"),
+    condition: z.string(),
+});
 const __P = {
     p4: "p-[var(--appkit-space-4)]",
 };
@@ -33,6 +43,11 @@ export function GroupSettingsPanel({ productId, productSlug, groupId, isGroupPar
     const [linkTargets, setLinkTargets] = useState([]);
     const [children, setChildren] = useState(null);
     const [confirmAction, setConfirmAction] = useState(null);
+    const { shellCtx: titleShellCtx, validate: validateTitle } = useFormShellState(groupTitleSchema);
+    useEffect(() => {
+        validateTitle({ groupTitle: editTitle });
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [editTitle, validateTitle]);
     if (isAuction)
         return null;
     const groupEndpoint = `${storeProductsEndpoint}/${productId}/group`;
@@ -69,6 +84,8 @@ export function GroupSettingsPanel({ productId, productSlug, groupId, isGroupPar
         }
     }
     async function saveTitle() {
+        if (Object.keys(titleShellCtx.errors).length > 0)
+            return;
         setLoading(true);
         try {
             await apiClient.patch(groupEndpoint, { groupTitle: editTitle });
@@ -218,8 +235,13 @@ export function GroupSettingsPanel({ productId, productSlug, groupId, isGroupPar
                     setOpen(next);
                     if (next && isGroupParent && children === null)
                         loadChildren();
-                }, paddingX: "none", paddingY: "xs", justify: "between", className: "w-full text-left group", "aria-expanded": open, children: [_jsx(Heading, { level: 3, size: "sm", weight: "semibold", color: "muted", children: "Group Settings" }), _jsx(Span, { size: "xs", className: "group-hover:text-[var(--appkit-color-text-muted)] dark:group-hover:text-[var(--appkit-color-text-faint)] transition-colors", color: "faint", children: open ? "▲" : "▼" })] }), open && (_jsxs(Stack, { gap: "sm", className: `mt-3 ${__P.p4}`, surface: "muted", rounded: "lg", border: "default", children: [!groupId && !groupParentSlug && (_jsxs(Stack, { gap: "xs", children: [_jsx(Text, { size: "xs", color: "muted", children: "Group related listings together \u2014 e.g. a set, bundle, or multi-part item. Parts can be sold individually but shown together." }), _jsx(Button, { type: "button", variant: "secondary", size: "sm", onClick: startGroup, isLoading: loading, children: "Start a group" })] })), isGroupParent && groupId && (_jsxs(Stack, { gap: "md", children: [_jsxs(Row, { align: "start", gap: "sm", wrap: true, children: [_jsx(Div, { className: "flex-1 min-w-[200px]", children: _jsx(FormField, { name: "groupTitle", label: "Group title", type: "text", value: editTitle, onChange: setEditTitle, placeholder: "e.g. Human Toy Complete Set" }) }), _jsx(Div, { padding: "t-lg", children: _jsx(Button, { type: "button", variant: "secondary", size: "sm", onClick: saveTitle, isLoading: loading, children: "Save title" }) })] }), _jsxs(Div, { children: [_jsxs(Text, { className: "mb-2", color: "muted", size: "xs", weight: "semibold", children: ["Members (", childSlugsCount + 1, " \u2014 including this listing)"] }), loading && !children ? (_jsx(Text, { size: "xs", color: "faint", children: "Loading\u2026" })) : (_jsxs(Div, { className: "divide-y divide-zinc-100 divide-[var(--appkit-color-border-subtle)]", children: [_jsxs(Row, { align: "center", gap: "sm", padding: "y-xs", children: [_jsx(Span, { padding: "pill-2xs", weight: "semibold", className: "bg-[var(--appkit-color-primary)]/10 text-[var(--appkit-color-primary)] text-[10px]", rounded: "default", children: "Parent" }), _jsx(Text, { className: "flex-1", color: "primary", size: "sm", children: productSlug })] }), (children ?? []).filter((c) => c.id !== productId).map((child) => (_jsxs(Row, { align: "center", gap: "sm", padding: "y-xs", children: [child.images?.[0] ? (_jsx(Div, { className: "relative w-8 h-8 flex-shrink-0 border border-[var(--appkit-color-border)]", rounded: "full", overflow: "hidden", children: _jsx(MediaImage, { src: child.images[0], alt: child.title, size: "thumbnail" }) })) : (_jsx(Div, { className: "w-8 h-8", surface: "subtle", rounded: "full" })), _jsx(Text, { className: "flex-1 truncate", color: "primary", size: "sm", children: child.title }), _jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: () => requestUnlinkChild(child.id), isLoading: loading, className: `${CLS_DELETE_LINK} text-[length:var(--appkit-text-xs)]`, children: "Unlink" })] }, child.id)))] }))] }), _jsxs(Row, { gap: "sm", wrap: true, children: [_jsx(Button, { type: "button", variant: "secondary", size: "sm", onClick: () => setShowAddModal(true), children: "Add child listing" }), _jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: requestDissolveGroup, isLoading: loading, className: CLS_DELETE_LINK, children: "Dissolve group" })] })] })), !isGroupParent && groupParentSlug && (_jsxs(Stack, { gap: "xs", children: [_jsxs(Text, { size: "sm", color: "muted", children: ["Part of:", " ", _jsx(Span, { weight: "medium", color: "primary", children: groupTitle ?? groupParentSlug })] }), _jsxs(Text, { size: "xs", color: "muted", children: ["Parent listing: ", _jsx(Code, { className: "font-mono", children: groupParentSlug })] }), _jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: requestLeaveGroup, isLoading: loading, className: `${CLS_DELETE_LINK} w-fit`, children: "Leave group" })] }))] })), (groupChildSlugs?.length ?? 0) >= 4 ? (_jsx(SideDrawer, { isOpen: showAddModal, onClose: () => setShowAddModal(false), title: "Add child listing", children: _jsx(AddChildContent, { addTab: addTab, setAddTab: setAddTab, createForm: createForm, setCreateForm: setCreateForm, productSlug: productSlug, storeProductsEndpoint: storeProductsEndpoint, linkTargets: linkTargets, setLinkTargets: setLinkTargets, onAddCreate: addCreateChild, onAddLink: addLinkChild, loading: loading }) })) : (_jsx(Modal, { open: showAddModal, onClose: () => setShowAddModal(false), title: "Add child listing", size: "lg", children: _jsx(AddChildContent, { addTab: addTab, setAddTab: setAddTab, createForm: createForm, setCreateForm: setCreateForm, productSlug: productSlug, storeProductsEndpoint: storeProductsEndpoint, linkTargets: linkTargets, setLinkTargets: setLinkTargets, onAddCreate: addCreateChild, onAddLink: addLinkChild, loading: loading }) })), confirmAction && (_jsx(ConfirmDeleteModal, { isOpen: true, title: confirmAction.title, message: confirmAction.message, onConfirm: confirmAction.onConfirm, onClose: () => setConfirmAction(null), isDeleting: loading }))] }));
+                }, paddingX: "none", paddingY: "xs", justify: "between", className: "w-full text-left group", "aria-expanded": open, children: [_jsx(Heading, { level: 3, size: "sm", weight: "semibold", color: "muted", children: "Group Settings" }), _jsx(Span, { size: "xs", className: "group-hover:text-[var(--appkit-color-text-muted)] dark:group-hover:text-[var(--appkit-color-text-faint)] transition-colors", color: "faint", children: open ? "▲" : "▼" })] }), open && (_jsxs(Stack, { gap: "sm", className: `mt-3 ${__P.p4}`, surface: "muted", rounded: "lg", border: "default", children: [!groupId && !groupParentSlug && (_jsxs(Stack, { gap: "xs", children: [_jsx(Text, { size: "xs", color: "muted", children: "Group related listings together \u2014 e.g. a set, bundle, or multi-part item. Parts can be sold individually but shown together." }), _jsx(Button, { type: "button", variant: "secondary", size: "sm", onClick: startGroup, isLoading: loading, children: "Start a group" })] })), isGroupParent && groupId && (_jsxs(Stack, { gap: "md", children: [_jsxs(FormShellContext.Provider, { value: titleShellCtx, children: [_jsxs(Row, { align: "start", gap: "sm", wrap: true, children: [_jsx(Div, { className: "flex-1 min-w-[200px]", children: _jsx(FormField, { name: "groupTitle", label: "Group title", type: "text", value: editTitle, onChange: setEditTitle, placeholder: "e.g. Human Toy Complete Set" }) }), _jsx(Div, { padding: "t-lg", children: _jsx(Button, { type: "button", variant: "secondary", size: "sm", onClick: saveTitle, isLoading: loading, children: "Save title" }) })] }), _jsx(FormErrorSummary, {})] }), _jsxs(Div, { children: [_jsxs(Text, { className: "mb-2", color: "muted", size: "xs", weight: "semibold", children: ["Members (", childSlugsCount + 1, " \u2014 including this listing)"] }), loading && !children ? (_jsx(Text, { size: "xs", color: "faint", children: "Loading\u2026" })) : (_jsxs(Div, { className: "divide-y divide-zinc-100 divide-[var(--appkit-color-border-subtle)]", children: [_jsxs(Row, { align: "center", gap: "sm", padding: "y-xs", children: [_jsx(Span, { padding: "pill-2xs", weight: "semibold", className: "bg-[var(--appkit-color-primary)]/10 text-[var(--appkit-color-primary)] text-[10px]", rounded: "default", children: "Parent" }), _jsx(Text, { className: "flex-1", color: "primary", size: "sm", children: productSlug })] }), (children ?? []).filter((c) => c.id !== productId).map((child) => (_jsxs(Row, { align: "center", gap: "sm", padding: "y-xs", children: [child.images?.[0] ? (_jsx(Div, { className: "relative w-8 h-8 flex-shrink-0 border border-[var(--appkit-color-border)]", rounded: "full", overflow: "hidden", children: _jsx(MediaImage, { src: child.images[0], alt: child.title, size: "thumbnail" }) })) : (_jsx(Div, { className: "w-8 h-8", surface: "subtle", rounded: "full" })), _jsx(Text, { className: "flex-1 truncate", color: "primary", size: "sm", children: child.title }), _jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: () => requestUnlinkChild(child.id), isLoading: loading, className: `${CLS_DELETE_LINK} text-[length:var(--appkit-text-xs)]`, children: "Unlink" })] }, child.id)))] }))] }), _jsxs(Row, { gap: "sm", wrap: true, children: [_jsx(Button, { type: "button", variant: "secondary", size: "sm", onClick: () => setShowAddModal(true), children: "Add child listing" }), _jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: requestDissolveGroup, isLoading: loading, className: CLS_DELETE_LINK, children: "Dissolve group" })] })] })), !isGroupParent && groupParentSlug && (_jsxs(Stack, { gap: "xs", children: [_jsxs(Text, { size: "sm", color: "muted", children: ["Part of:", " ", _jsx(Span, { weight: "medium", color: "primary", children: groupTitle ?? groupParentSlug })] }), _jsxs(Text, { size: "xs", color: "muted", children: ["Parent listing: ", _jsx(Code, { className: "font-mono", children: groupParentSlug })] }), _jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: requestLeaveGroup, isLoading: loading, className: `${CLS_DELETE_LINK} w-fit`, children: "Leave group" })] }))] })), (groupChildSlugs?.length ?? 0) >= 4 ? (_jsx(SideDrawer, { isOpen: showAddModal, onClose: () => setShowAddModal(false), title: "Add child listing", children: _jsx(AddChildContent, { addTab: addTab, setAddTab: setAddTab, createForm: createForm, setCreateForm: setCreateForm, productSlug: productSlug, storeProductsEndpoint: storeProductsEndpoint, linkTargets: linkTargets, setLinkTargets: setLinkTargets, onAddCreate: addCreateChild, onAddLink: addLinkChild, loading: loading }) })) : (_jsx(Modal, { open: showAddModal, onClose: () => setShowAddModal(false), title: "Add child listing", size: "lg", children: _jsx(AddChildContent, { addTab: addTab, setAddTab: setAddTab, createForm: createForm, setCreateForm: setCreateForm, productSlug: productSlug, storeProductsEndpoint: storeProductsEndpoint, linkTargets: linkTargets, setLinkTargets: setLinkTargets, onAddCreate: addCreateChild, onAddLink: addLinkChild, loading: loading }) })), confirmAction && (_jsx(ConfirmDeleteModal, { isOpen: true, title: confirmAction.title, message: confirmAction.message, onConfirm: confirmAction.onConfirm, onClose: () => setConfirmAction(null), isDeleting: loading }))] }));
 }
 function AddChildContent({ addTab, setAddTab, createForm, setCreateForm, productSlug, storeProductsEndpoint, linkTargets, setLinkTargets, onAddCreate, onAddLink, loading, }) {
-    return (_jsx(Stack, { gap: "md", children: _jsxs(Tabs, { value: addTab, onChange: (v) => setAddTab(v), children: [_jsxs(TabsList, { children: [_jsx(TabsTrigger, { value: "create", children: "Create new child" }), _jsx(TabsTrigger, { value: "link", children: "Link existing" })] }), _jsx(TabsContent, { value: "create", children: _jsxs(Stack, { gap: "sm", className: "mt-4", children: [_jsx(FormField, { name: "childTitle", label: "Title *", type: "text", value: createForm.title, onChange: (v) => setCreateForm({ ...createForm, title: v }), placeholder: `${productSlug}-part` }), _jsx(FormField, { name: "childPrice", label: "Price (\u20B9) *", type: "number", value: createForm.price, onChange: (v) => setCreateForm({ ...createForm, price: v }), placeholder: "0" }), _jsx(Select, { label: "Condition", value: createForm.condition, onValueChange: (v) => setCreateForm({ ...createForm, condition: v }), options: CONDITION_OPTIONS }), _jsx(Text, { className: "dark:text-[var(--appkit-color-text-faint)]/80", color: "faint", size: "xs", children: "Other fields (category, brand, shipping, return policy) are inherited from this parent listing. Need more control? Edit the full listing after saving." }), _jsx(Button, { type: "button", onClick: onAddCreate, isLoading: loading, disabled: !createForm.title || !createForm.price, children: "Create and link child" })] }) }), _jsx(TabsContent, { value: "link", children: _jsxs(Stack, { gap: "sm", className: "mt-4", children: [_jsx(Text, { size: "xs", color: "muted", children: "Search your existing products or pre-orders. Auctions cannot be linked. Select multiple to bulk-link." }), _jsx(ProductInlineSelect, { scope: "store", endpoint: storeProductsEndpoint, filters: "listingType==standard", multiple: true, value: linkTargets, onChange: setLinkTargets, placeholder: "Search listings\u2026" }), _jsx(Button, { type: "button", onClick: onAddLink, isLoading: loading, disabled: linkTargets.length === 0, children: linkTargets.length > 1 ? `Link ${linkTargets.length} to group` : "Link to group" })] }) })] }) }));
+    const { shellCtx, validate } = useFormShellState(createChildSchema);
+    useEffect(() => {
+        validate(createForm);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [createForm, validate]);
+    return (_jsx(Stack, { gap: "md", children: _jsxs(Tabs, { value: addTab, onChange: (v) => setAddTab(v), children: [_jsxs(TabsList, { children: [_jsx(TabsTrigger, { value: "create", children: "Create new child" }), _jsx(TabsTrigger, { value: "link", children: "Link existing" })] }), _jsx(TabsContent, { value: "create", children: _jsx(FormShellContext.Provider, { value: shellCtx, children: _jsxs(Stack, { gap: "sm", className: "mt-4", children: [_jsx(FormField, { name: "title", label: "Title *", type: "text", value: createForm.title, onChange: (v) => setCreateForm({ ...createForm, title: v }), placeholder: `${productSlug}-part` }), _jsx(FormField, { name: "price", label: "Price (\u20B9) *", type: "number", value: createForm.price, onChange: (v) => setCreateForm({ ...createForm, price: v }), placeholder: "0" }), _jsx(Select, { label: "Condition", value: createForm.condition, onValueChange: (v) => setCreateForm({ ...createForm, condition: v }), options: CONDITION_OPTIONS }), _jsx(Text, { className: "dark:text-[var(--appkit-color-text-faint)]/80", color: "faint", size: "xs", children: "Other fields (category, brand, shipping, return policy) are inherited from this parent listing. Need more control? Edit the full listing after saving." }), _jsx(FormErrorSummary, {}), _jsx(Button, { type: "button", onClick: onAddCreate, isLoading: loading, disabled: !createForm.title || !createForm.price, children: "Create and link child" })] }) }) }), _jsx(TabsContent, { value: "link", children: _jsxs(Stack, { gap: "sm", className: "mt-4", children: [_jsx(Text, { size: "xs", color: "muted", children: "Search your existing products or pre-orders. Auctions cannot be linked. Select multiple to bulk-link." }), _jsx(ProductInlineSelect, { scope: "store", endpoint: storeProductsEndpoint, filters: "listingType==standard", multiple: true, value: linkTargets, onChange: setLinkTargets, placeholder: "Search listings\u2026" }), _jsx(Button, { type: "button", onClick: onAddLink, isLoading: loading, disabled: linkTargets.length === 0, children: linkTargets.length > 1 ? `Link ${linkTargets.length} to group` : "Link to group" })] }) })] }) }));
 }

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

@@ -18,6 +18,10 @@ import { ShareButton } from "./ShareButton";
 import { PrizeDrawCollage } from "./PrizeDrawCollage";
 import { PrizeDrawEntryActions } from "./PrizeDrawEntryActions";
 import { HistoryTracker } from "../../history/components/HistoryTracker";
+import { RelatedItemsSection } from "./RelatedItemsSection";
+import { computeRelatedItems } from "../../../_internal/server/features/products/data";
+import { GroupedListingsCarousel } from "../../grouped/components/GroupedListingsCarousel";
+import { getGroupsWithItemsForProduct } from "../../../_internal/server/features/grouped/data";
 function toDescriptionHtml(raw) {
     if (!raw)
         return "";
@@ -112,11 +116,17 @@ export async function PrizeDrawDetailPageView({ id, initialPrizeDraw, currentUse
         ? String(ROUTES.PUBLIC.STORE_DETAIL(storeSlug))
         : null;
     const descriptionHtml = toDescriptionHtml(p.description);
+    const categoryName = Array.isArray(p.categoryNames) && p.categoryNames.length > 0 ? String(p.categoryNames[0]) : undefined;
+    const brand = typeof p.brand === "string" ? p.brand : undefined;
+    const [{ relatedItems, relatedByBrand, relatedByTags, relatedByStore }, groups] = await Promise.all([
+        computeRelatedItems(product),
+        getGroupsWithItemsForProduct(product.id),
+    ]);
     return (_jsxs(Main, { children: [_jsx(HistoryTracker, { productId: String(p.id ?? p.slug ?? ""), productType: "prize-draw", snapshot: {
                     title,
                     thumb,
                     price: pricePerEntry,
                     storeId: typeof p.storeId === "string" ? p.storeId : undefined,
                     storeName: 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", className: "flex items-center gap-[var(--appkit-space-1-5)] text-[length:var(--appkit-text-xs)] text-[var(--appkit-color-text-muted)] flex-wrap", children: [_jsx(Link, { href: String(ROUTES.HOME), className: "hover:text-primary-600 transition-colors", children: "Home" }), _jsx(Span, { "aria-hidden": true, children: "/" }), _jsx(Link, { href: String(ROUTES.PUBLIC.PRIZE_DRAWS), className: "hover:text-primary-600 transition-colors", children: "Prize Draws" }), _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(PrizeDrawCollage, { items: items, hideWonState: true })), renderInfo: () => (_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_PRIZE_BADGE, children: "Prize Draw" }), _jsx(Span, { size: "xs", weight: "semibold", className: `inline-block ${statusClass(revealStatus)}`, padding: "pill-sm", rounded: "full", children: statusLabel(revealStatus) }), maxPerUser !== null && (_jsxs(Span, { size: "xs", weight: "medium", className: "inline-block", padding: "pill-sm", rounded: "full", surface: "subtle", color: "muted", children: ["Limit: ", maxPerUser, " entries per customer"] })), maxPerUser !== null && userEntriesUsed !== null && (_jsxs(Span, { size: "xs", weight: "semibold", className: CLS_PRIZE_BADGE, children: ["You have used ", userEntriesUsed, "/", maxPerUser] }))] }), _jsx(Heading, { level: 1, className: "leading-snug", smSize: "2xl", color: "primary", size: "xl", weight: "bold", children: title })] }), _jsx(Div, { className: `${__P.p4}`, border: "subtle", rounded: "xl", surface: "muted", children: _jsxs(Stack, { gap: "sm", children: [_jsxs(Row, { justify: "between", align: "center", children: [_jsx(Text, { className: "text-[var(--appkit-color-text-muted)]", size: "sm", children: "Entries" }), _jsxs(Text, { size: "sm", weight: "semibold", children: [current, " / ", max, " (", remaining, " left)"] })] }), revealStart && (_jsxs(Row, { justify: "between", align: "center", children: [_jsx(Text, { className: "text-[var(--appkit-color-text-muted)]", size: "sm", children: "Reveal window opens" }), _jsx(Text, { size: "sm", weight: "medium", children: revealStart.toLocaleString() })] })), revealEnd && (_jsxs(Row, { justify: "between", align: "center", children: [_jsx(Text, { className: "text-[var(--appkit-color-text-muted)]", size: "sm", children: "Reveal window closes" }), _jsx(Text, { size: "sm", weight: "medium", children: revealEnd.toLocaleString() })] }))] }) }), 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" }))] }) }))] })), 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 })), renderBuyBar: () => (_jsx(Div, { padding: "5", id: "prize-draw-buy-bar", border: "subtle", surface: "muted", rounded: "xl", children: _jsx(PrizeDrawEntryActions, { productId: String(product.id), productSlug: slug, title: title, thumb: thumb, pricePerEntry: pricePerEntry, currency: currency, remainingEntries: remaining, revealStatus: revealStatus, prizeGithubFileUrl: githubUrl, storeId: typeof p.storeId === "string" ? p.storeId : undefined, storeName: storeName ?? undefined }) })) }), _jsx(PrizeDrawBottomActions, { pricePerEntry: pricePerEntry, currency: currency, closed: revealStatus === "closed" || remaining === 0 })] })] }));
+                } }), _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", className: "flex items-center gap-[var(--appkit-space-1-5)] text-[length:var(--appkit-text-xs)] text-[var(--appkit-color-text-muted)] flex-wrap", children: [_jsx(Link, { href: String(ROUTES.HOME), className: "hover:text-primary-600 transition-colors", children: "Home" }), _jsx(Span, { "aria-hidden": true, children: "/" }), _jsx(Link, { href: String(ROUTES.PUBLIC.PRIZE_DRAWS), className: "hover:text-primary-600 transition-colors", children: "Prize Draws" }), _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(PrizeDrawCollage, { items: items, hideWonState: true })), renderInfo: () => (_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_PRIZE_BADGE, children: "Prize Draw" }), _jsx(Span, { size: "xs", weight: "semibold", className: `inline-block ${statusClass(revealStatus)}`, padding: "pill-sm", rounded: "full", children: statusLabel(revealStatus) }), maxPerUser !== null && (_jsxs(Span, { size: "xs", weight: "medium", className: "inline-block", padding: "pill-sm", rounded: "full", surface: "subtle", color: "muted", children: ["Limit: ", maxPerUser, " entries per customer"] })), maxPerUser !== null && userEntriesUsed !== null && (_jsxs(Span, { size: "xs", weight: "semibold", className: CLS_PRIZE_BADGE, children: ["You have used ", userEntriesUsed, "/", maxPerUser] }))] }), _jsx(Heading, { level: 1, className: "leading-snug", smSize: "2xl", color: "primary", size: "xl", weight: "bold", children: title })] }), _jsx(Div, { className: `${__P.p4}`, border: "subtle", rounded: "xl", surface: "muted", children: _jsxs(Stack, { gap: "sm", children: [_jsxs(Row, { justify: "between", align: "center", children: [_jsx(Text, { className: "text-[var(--appkit-color-text-muted)]", size: "sm", children: "Entries" }), _jsxs(Text, { size: "sm", weight: "semibold", children: [current, " / ", max, " (", remaining, " left)"] })] }), revealStart && (_jsxs(Row, { justify: "between", align: "center", children: [_jsx(Text, { className: "text-[var(--appkit-color-text-muted)]", size: "sm", children: "Reveal window opens" }), _jsx(Text, { size: "sm", weight: "medium", children: revealStart.toLocaleString() })] })), revealEnd && (_jsxs(Row, { justify: "between", align: "center", children: [_jsx(Text, { className: "text-[var(--appkit-color-text-muted)]", size: "sm", children: "Reveal window closes" }), _jsx(Text, { size: "sm", weight: "medium", children: revealEnd.toLocaleString() })] }))] }) }), 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" }))] }) }))] })), 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 })), renderBuyBar: () => (_jsx(Div, { padding: "5", id: "prize-draw-buy-bar", border: "subtle", surface: "muted", rounded: "xl", children: _jsx(PrizeDrawEntryActions, { productId: String(product.id), productSlug: slug, title: title, pricePerEntry: pricePerEntry, currency: currency, remainingEntries: remaining, revealStatus: revealStatus, prizeGithubFileUrl: githubUrl }) })), renderRelated: () => (_jsxs(Stack, { gap: "xl", children: [_jsx(GroupedListingsCarousel, { groups: groups }), _jsx(RelatedItemsSection, { relatedItems: relatedItems, relatedByBrand: relatedByBrand, relatedByTags: relatedByTags, relatedByStore: relatedByStore, categoryLabel: categoryName, brandLabel: brand, storeLabel: storeName ?? undefined })] })) }), _jsx(PrizeDrawBottomActions, { pricePerEntry: pricePerEntry, currency: currency, closed: revealStatus === "closed" || remaining === 0 })] })] }));
 }

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

@@ -2,14 +2,11 @@ export interface PrizeDrawEntryActionsProps {
     productId: string;
     productSlug?: string;
     title: string;
-    thumb?: string;
     pricePerEntry: number;
     currency: string;
     remainingEntries: number;
     revealStatus: "pending" | "open" | "closed" | undefined;
     prizeGithubFileUrl?: string;
-    storeId?: string;
-    storeName?: string;
 }
 /**
  * Client buy panel for a prize-draw detail page (SB4-G).
@@ -18,4 +15,4 @@ export interface PrizeDrawEntryActionsProps {
  * - On confirm → add 1 entry to guest cart and route to /user/cart
  * - "View RNG source" link → prizeGithubFileUrl
  */
-export declare function PrizeDrawEntryActions({ productId, productSlug, title, thumb: _thumb, pricePerEntry, currency, remainingEntries, revealStatus, prizeGithubFileUrl, storeId: _storeId, storeName: _storeName, }: PrizeDrawEntryActionsProps): import("react").JSX.Element;
+export declare function PrizeDrawEntryActions({ productId, productSlug, title, pricePerEntry, currency, remainingEntries, revealStatus, prizeGithubFileUrl, }: PrizeDrawEntryActionsProps): import("react").JSX.Element;

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

@@ -16,7 +16,7 @@ import { ACTIONS } from "../../../_internal/shared/actions/action-registry";
  * - On confirm → add 1 entry to guest cart and route to /user/cart
  * - "View RNG source" link → prizeGithubFileUrl
  */
-export function PrizeDrawEntryActions({ productId, productSlug, title, thumb: _thumb, pricePerEntry, currency, remainingEntries, revealStatus, prizeGithubFileUrl, storeId: _storeId, storeName: _storeName, }) {
+export function PrizeDrawEntryActions({ productId, productSlug, title, pricePerEntry, currency, remainingEntries, revealStatus, prizeGithubFileUrl, }) {
     const router = useRouter();
     const { requireAuth, modalOpen, modalMessage, closeModal } = useAuthGate();
     const [consentOpen, setConsentOpen] = useState(false);