@mohasinac/appkit 4.71.0 → 4.72.0

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

@@ -1,136 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Link from "next/link.js";
-import { OwnerQuickActions } from "../../../features/admin/components/OwnerQuickActions.js";
-import { orderRepository, productRepository } from "../../../repositories/index.js";
-const __P = {
-    p3: "p-[var(--appkit-space-3)]",
-    p4: "p-[var(--appkit-space-4)]",
-};
-const CLS_PRIZE_BADGE = "inline-block rounded-full bg-fuchsia-100 dark:bg-fuchsia-900/30 px-[var(--appkit-space-2-5)] py-[var(--appkit-space-0-5)] text-fuchsia-700 dark:text-fuchsia-300";
-import { ROUTES } from "../../../next/routing/route-map.js";
-import { getDefaultCurrency } from "../../../core/baseline-resolver.js";
-import { toDescriptionHtml } from "../../../utils/string.formatter.js";
-import { safeDisplayName } from "../../../security/index.js";
-import { Container, Row, Stack } from "../../../ui/components/Layout.js";
-import { Disclaimer } from "../../../ui/components/Disclaimer.js";
-import { Div } from "../../../ui/components/Div.js";
-import { Heading, Span, Text } from "../../../ui/components/Typography.js";
-import { Main, Section } from "../../../ui/components/Semantic.js";
-import { RichText } from "../../../ui/rich-text/RichText.js";
-import { PreOrderDetailView } from "./PreOrderDetailView.js";
-import { PrizeDrawBottomActions } from "./PrizeDrawBottomActions.js";
-import { ProductTabsShell } from "./ProductTabsShell.js";
-import { ShareButton } from "./ShareButton.js";
-import { PrizeDrawCollage } from "./PrizeDrawCollage.js";
-import { PrizeDrawEntryActions } from "./PrizeDrawEntryActions.js";
-import { HistoryTracker } from "../../history/components/HistoryTracker.js";
-import { RelatedItemsSection } from "./RelatedItemsSection.js";
-import { computeRelatedItems } from "../../../_internal/server/features/products/data.js";
-import { GroupedListingsCarousel } from "../../grouped/components/GroupedListingsCarousel.js";
-import { getGroupsWithItemsForProduct } from "../../../_internal/server/features/grouped/data.js";
-import { PurchaseReviewAffordance } from "../../reviews/components/PurchaseReviewAffordance.js";
-function statusLabel(s) {
-    switch (s) {
-        case "open":
-            return "Reveal open";
-        case "closed":
-            return "Draw closed";
-        case "pending":
-        default:
-            return "Reveal pending";
-    }
-}
-function statusClass(s) {
-    switch (s) {
-        case "open":
-            return "bg-success-surface text-success";
-        case "closed":
-            return " bg-[var(--appkit-color-border)] text-[var(--appkit-color-text-muted)]";
-        case "pending":
-        default:
-            return "bg-warning-surface text-warning";
-    }
-}
-function stripIsWon(items) {
-    if (!items)
-        return [];
-    return items.map((it) => ({ ...it, isWon: false }));
-}
-/**
- * Public prize-draw detail page (SB4-G).
- *
- * Server-fetches the prize-draw product, strips `isWon` from each item before
- * passing it to `PrizeDrawCollage` so public buyers stay unspoiled, and
- * delegates the buy-bar to the client `PrizeDrawEntryActions` which surfaces
- * the `NonRefundableConsentModal` before any add-to-cart happens.
- *
- * Reuses the `PreOrderDetailView` (grid-2) shell for layout parity.
- */
-export async function PrizeDrawDetailPageView({ id, initialPrizeDraw, currentUserId, }) {
-    const product = initialPrizeDraw !== undefined
-        ? initialPrizeDraw ?? undefined
-        // The prize draw IS this page's subject — a read failure must surface
-        // rather than become the same `undefined` a removed listing produces,
-        // which the "Not Found" branch below already handles.
-        : await productRepository.findByIdOrSlug(id);
-    if (!product) {
-        return (_jsx(Main, { children: _jsx(Section, { padding: "y-5xl", children: _jsx(Container, { size: "md", children: _jsxs(Stack, { align: "start", gap: "md", className: "text-left", children: [_jsx(Heading, { level: 1, size: "2xl", weight: "semibold", color: "primary", children: "Prize Draw Not Found" }), _jsx(Text, { color: "muted", children: "The prize draw you are looking for may have been removed." }), _jsx(Link, { href: String(ROUTES.PUBLIC.PRIZE_DRAWS), className: "text-[length:var(--appkit-text-sm)] font-medium text-primary-600 hover:underline", children: "Browse Prize Draws" })] }) }) }) }));
-    }
-    const p = product;
-    const currency = p.currency || getDefaultCurrency();
-    const title = String(p.title ?? p.name ?? "Prize Draw");
-    const slug = typeof p.slug === "string" ? p.slug : String(p.id ?? "");
-    const items = stripIsWon(p.prizeDrawItems);
-    const pricePerEntry = typeof p.pricePerEntry === "number"
-        ? p.pricePerEntry
-        : typeof p.price === "number"
-            ? p.price
-            : 0;
-    const max = typeof p.prizeMaxEntries === "number" ? p.prizeMaxEntries : 0;
-    const current = typeof p.prizeCurrentEntries === "number" ? p.prizeCurrentEntries : 0;
-    const remaining = Math.max(0, max - current);
-    const revealStatus = typeof p.prizeRevealStatus === "string"
-        ? p.prizeRevealStatus
-        : undefined;
-    const revealStart = p.prizeRevealWindowStart
-        ? new Date(p.prizeRevealWindowStart)
-        : null;
-    const revealEnd = p.prizeRevealWindowEnd
-        ? new Date(p.prizeRevealWindowEnd)
-        : null;
-    const githubUrl = typeof p.prizeGithubFileUrl === "string" ? p.prizeGithubFileUrl : undefined;
-    const maxPerUser = typeof p.maxPerUser === "number" && p.maxPerUser > 0
-        ? p.maxPerUser
-        : null;
-    // SB6-D post-auth — fetch this buyer's existing-entry count when we have
-    // an authenticated uid. `orderRepository.countByUserAndProduct` already
-    // filters by active statuses (pending/confirmed/processing/shipped/
-    // delivered) so cancelled/refunded entries don't count.
-    const userEntriesUsed = currentUserId && maxPerUser != null
-        ? await orderRepository
-            .countByUserAndProduct(currentUserId, String(product.id))
-            .catch(() => 0)
-        : null;
-    const thumb = items[0]?.images?.[0];
-    const storeName = typeof p.storeName === "string" ? p.storeName : null;
-    const safeSeller = storeName ? safeDisplayName(storeName, "") : null;
-    const storeSlug = (typeof p.storeSlug === "string" ? p.storeSlug : null) ||
-        (typeof p.storeId === "string" ? p.storeId : null);
-    const storeHref = storeSlug
-        ? String(ROUTES.PUBLIC.STORE_DETAIL(storeSlug))
-        : null;
-    const 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 dark:hover:text-primary-400 transition-colors", children: "Home" }), _jsx(Span, { "aria-hidden": true, children: "/" }), _jsx(Link, { href: String(ROUTES.PUBLIC.PRIZE_DRAWS), className: "hover:text-primary-600 dark:hover:text-primary-400 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: [_jsx(OwnerQuickActions, { resource: "PRODUCT", placement: "detail", recordLabel: String(product.title ?? product.id), storeId: product.storeId ? String(product.storeId) : undefined, editHref: String(ROUTES.STORE.PRODUCTS_EDIT(String(product.id))) }), _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" }))] }) })), _jsx(Disclaimer, { id: "prize-draw" })] })), 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(PurchaseReviewAffordance, { productId: String(product.id), storeId: product.storeId ? String(product.storeId) : undefined }), _jsx(GroupedListingsCarousel, { groups: groups }), _jsx(RelatedItemsSection, { relatedItems: relatedItems, relatedByBrand: relatedByBrand, relatedByTags: relatedByTags, relatedByStore: relatedByStore, categoryLabel: categoryName, brandLabel: brand, storeLabel: storeName ?? undefined })] })) }), _jsx(PrizeDrawBottomActions, { pricePerEntry: pricePerEntry, currency: currency, closed: revealStatus === "closed" || remaining === 0 })] })] }));
-}

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

@@ -1,32 +0,0 @@
-export interface PrizeDrawEntryActionsProps {
-    productId: string;
-    productSlug?: string;
-    title: string;
-    pricePerEntry: number;
-    currency: string;
-    remainingEntries: number;
-    revealStatus: "pending" | "open" | "closed" | undefined;
-    prizeGithubFileUrl?: string;
-}
-/**
- * Client buy panel for a prize-draw detail page (SB4-G).
- *
- * - Enter Draw → NonRefundableConsentModal (listingType="prize-draw")
- * - On confirm → add the chosen number of entries to the cart, then /user/cart
- * - "View RNG source" link → prizeGithubFileUrl
- *
- * 🛑 THIS FLOW DID NOT WORK AT ALL UNTIL 2026-10-19, and the docstring above
- * described the behaviour it was supposed to have. `handleConfirm` pushed to
- * `/checkout?directItem=<slug>&type=prize-draw` — and NOTHING anywhere reads
- * `directItem` (CheckoutRouteClient reads only `coupon` and `lane`), and
- * nothing added to the cart. A buyer pressing "Enter draw" landed on a
- * checkout of whatever was already in their basket, with no entry in it.
- * Buying an entry was impossible.
- *
- * 🛑 MULTI-ENTRY NEEDED NO SERVER WORK. `prizeDrawRule.splitMultipleOrders`
- * already chunks a quantity into batches of PRIZE_DRAW_MAX_REVEALS_PER_ORDER
- * (7 entries → [3,3,1]), `enforceMaxPerUserForCart` already caps per buyer, and
- * the rule's preflight already checks `prizeMaxEntries`. The whole server half
- * was written and unreachable because the client never sent a quantity.
- */
-export declare function PrizeDrawEntryActions({ productId, title, pricePerEntry, currency, remainingEntries, revealStatus, prizeGithubFileUrl, }: PrizeDrawEntryActionsProps): import("react").JSX.Element;

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

@@ -1,104 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useMemo, useState } from "react";
-import { useRouter } from "next/navigation.js";
-import { Anchor } from "../../../ui/components/Anchor.js";
-import { Button } from "../../../ui/components/Button.js";
-import { GatedPrice } from "../../../ui/components/GatedPrice.js";
-import { QuantityStepper } from "../../../ui/components/QuantityStepper.js";
-import { Row, Stack } from "../../../ui/components/Layout.js";
-import { Text } from "../../../ui/components/Typography.js";
-import { LoginRequiredModal } from "../../../ui/components/LoginRequiredModal.js";
-import { useAddToCart } from "../../cart/hooks/useAddToCart.js";
-import { useToast } from "../../../ui/components/Toast.js";
-import { normalizeError } from "../../../errors/normalize.js";
-import { ROUTES } from "../../../next/routing/route-map.js";
-import { formatCurrency } from "../../../utils/number.formatter.js";
-import { NonRefundableConsentModal } from "./NonRefundableConsentModal.js";
-import { useAuthGate } from "../../../react/hooks/useAuthGate.js";
-import { ACTION_ID } from "../constants/action-defs.js";
-import { ACTIONS } from "../../../_internal/shared/actions/action-registry.js";
-import { toUserMessage } from "../../../errors/error-display-map.js";
-/**
- * Client buy panel for a prize-draw detail page (SB4-G).
- *
- * - Enter Draw → NonRefundableConsentModal (listingType="prize-draw")
- * - On confirm → add the chosen number of entries to the cart, then /user/cart
- * - "View RNG source" link → prizeGithubFileUrl
- *
- * 🛑 THIS FLOW DID NOT WORK AT ALL UNTIL 2026-10-19, and the docstring above
- * described the behaviour it was supposed to have. `handleConfirm` pushed to
- * `/checkout?directItem=<slug>&type=prize-draw` — and NOTHING anywhere reads
- * `directItem` (CheckoutRouteClient reads only `coupon` and `lane`), and
- * nothing added to the cart. A buyer pressing "Enter draw" landed on a
- * checkout of whatever was already in their basket, with no entry in it.
- * Buying an entry was impossible.
- *
- * 🛑 MULTI-ENTRY NEEDED NO SERVER WORK. `prizeDrawRule.splitMultipleOrders`
- * already chunks a quantity into batches of PRIZE_DRAW_MAX_REVEALS_PER_ORDER
- * (7 entries → [3,3,1]), `enforceMaxPerUserForCart` already caps per buyer, and
- * the rule's preflight already checks `prizeMaxEntries`. The whole server half
- * was written and unreachable because the client never sent a quantity.
- */
-export function PrizeDrawEntryActions({ productId, title, pricePerEntry, currency, remainingEntries, revealStatus, prizeGithubFileUrl, }) {
-    const router = useRouter();
-    const { requireAuth, isAuthResolving, modalOpen, modalMessage, closeModal } = useAuthGate();
-    const [consentOpen, setConsentOpen] = useState(false);
-    const [quantity, setQuantity] = useState(1);
-    const { showToast } = useToast();
-    const { mutate: addToCart, isLoading: adding } = useAddToCart();
-    const closed = revealStatus === "closed" || remainingEntries === 0;
-    /*
-     * Capped by what is LEFT, not by maxPerUser.
-     *
-     * `remainingEntries` is a fact about the draw and is already on screen.
-     * `maxPerUser` is an async per-buyer check (`enforceMaxPerUserForCart` counts
-     * their existing orders), so mirroring it here would mean a second, slower
-     * source of truth that disagrees with the server whenever an order is in
-     * flight — and the server's refusal already names the cap.
-     */
-    const maxQuantity = Math.max(1, Math.min(99, remainingEntries || 1));
-    const handleEnter = useCallback(() => {
-        if (closed)
-            return;
-        requireAuth(ACTION_ID.ENTER_PRIZE_DRAW, () => setConsentOpen(true));
-    }, [closed, requireAuth]);
-    const handleConfirm = useCallback(async () => {
-        setConsentOpen(false);
-        /*
-         * ADD, then route. The previous version only routed — and to a parameter
-         * nobody reads. `useAddToCart` falls back to the guest cart on a 401, so
-         * this works signed-out too and the entry survives the login merge.
-         */
-        try {
-            await addToCart({
-                productId,
-                quantity,
-                productTitle: title,
-                price: pricePerEntry,
-            });
-        }
-        catch (err) {
-            const n = normalizeError(err);
-            /*
-             * 🛑 Surfaced, and the ROUTE IS SKIPPED. The add can legitimately fail —
-             * the draw sold out between render and confirm, or this buyer is over
-             * `maxPerUser`, which is an async per-buyer check the stepper cannot
-             * mirror. Routing to the cart anyway would show an empty basket and make
-             * a correct refusal look like the same silent nothing this flow did
-             * before it was repaired.
-             */
-            showToast(toUserMessage(n.code, undefined, { fallback: "We couldn't enter you into that draw. Please try again." }), "error");
-            return;
-        }
-        router.push(String(ROUTES.USER.CART));
-    }, [addToCart, productId, quantity, title, pricePerEntry, router, showToast]);
-    const totalLabel = useMemo(() => formatCurrency(pricePerEntry * quantity, currency), [pricePerEntry, quantity, currency]);
-    return (_jsxs(Stack, { gap: "md", children: [_jsx(Text, { size: "2xl", weight: "bold", color: "primary", children: _jsxs(GatedPrice, { label: "Sign in to see the entry price", children: [formatCurrency(pricePerEntry, currency), _jsx(Text, { as: "span", className: "ml-1 text-[var(--appkit-color-text-muted)]", size: "xs", weight: "normal", children: "per entry" })] }) }), !closed ? (_jsxs(Row, { align: "center", justify: "between", gap: "sm", wrap: true, children: [_jsx(Text, { size: "sm", color: "muted", children: "Entries" }), _jsx(QuantityStepper, { value: quantity, onChange: setQuantity, min: 1, max: maxQuantity })] })) : null, !closed && quantity > 1 ? (_jsx(Text, { size: "sm", color: "muted", children: _jsxs(GatedPrice, { label: "Sign in to see the total", children: [quantity, " entries \u00B7 ", totalLabel] }) })) : null, _jsx(Button, { action: closed ? undefined : ACTIONS.PRIZE_DRAW["buy-now"], variant: "primary", size: "md", className: "w-full", disabled: closed || isAuthResolving || adding, onClick: handleEnter, children: closed
-                    ? "Draw closed"
-                    : isAuthResolving
-                        ? "Checking…"
-                        : adding
-                            ? "Adding…"
-                            : undefined }), prizeGithubFileUrl ? (_jsx(Anchor, { href: prizeGithubFileUrl, tone: "none", underline: "hover", size: "xs", weight: "medium", className: "text-left text-primary-600 underline-offset-4 dark:text-primary-400", children: "View RNG source code on GitHub \u2192" })) : null, _jsx(Text, { className: "text-[var(--appkit-color-text-muted)]", size: "xs", align: "start", children: "Winners chosen by Node.js crypto.randomInt \u2014 fully auditable. Entries are locked once paid; refunds only if the prize pool is exhausted." }), _jsx(NonRefundableConsentModal, { open: consentOpen, listingType: "prize-draw", itemTitle: title, priceLabel: formatCurrency(pricePerEntry, currency), onCancel: () => setConsentOpen(false), onConfirm: () => void handleConfirm() }), _jsx(LoginRequiredModal, { isOpen: modalOpen, onClose: closeModal, message: modalMessage })] }));
-}

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

@@ -1,13 +0,0 @@
-import type { PrizeDrawItem } from "../schemas/firestore";
-export interface PrizeDrawItemsEditorProps {
-    items: PrizeDrawItem[];
-    onChange: (items: PrizeDrawItem[]) => void;
-    /** Upload an image File → returns the resolved storage URL (or media slug). */
-    onUploadImage: (file: File, itemNumber: number) => Promise<string>;
-    /** Optional video uploader. */
-    onUploadVideo?: (file: File, itemNumber: number) => Promise<string>;
-    /** Show a non-editable warning above the editor (e.g. "Draw already opened"). */
-    warning?: string;
-}
-export declare function PrizeDrawItemsEditor({ items, onChange, onUploadImage, onUploadVideo, warning, }: PrizeDrawItemsEditorProps): import("react").JSX.Element;
-export default PrizeDrawItemsEditor;

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

@@ -1,101 +0,0 @@
-"use client";
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-/**
- * PrizeDrawItemsEditor (SB4-A)
- *
- * Editor for the `prizeDrawItems` array on a prize-draw ProductDocument.
- * Owns: add / remove / reorder, per-item title/description/condition/
- * estimatedValue, 1–2 images per item, optional video, and a locked-overlay
- * for items already won during a previous reveal.
- *
- * Min 2 items, max 16 (mirrors PrizeDrawItem schema constraints).
- */
-import { useCallback } from "react";
-import { Button, Div, FormField, Heading, Input, Row, Span, Stack, Text } from "../../../ui/index.js";
-const CLS_WARN_BOX = "rounded border border-warning/40 bg-warning-surface px-[var(--appkit-space-3)] py-[var(--appkit-space-2)] text-[length:var(--appkit-text-sm)] text-warning dark:bg-warning-surface dark:text-warning";
-const CLS_WON_BADGE = "rounded bg-error-solid px-[var(--appkit-space-3)] py-[var(--appkit-space-1)] text-[length:var(--appkit-text-xs)] font-semibold uppercase tracking-wide text-error-on-solid";
-import { ImageUpload } from "../../media/index.js";
-const MIN_ITEMS = 2;
-const MAX_ITEMS = 16;
-const MAX_IMAGES_PER_ITEM = 2;
-const CONDITION_OPTIONS = [
-    { value: "new", label: "New" },
-    { value: "like_new", label: "Like New" },
-    { value: "good", label: "Good" },
-    { value: "used", label: "Used" },
-    { value: "graded", label: "Graded" },
-    { value: "refurbished", label: "Refurbished" },
-];
-export function PrizeDrawItemsEditor({ items, onChange, onUploadImage, onUploadVideo, warning, }) {
-    // Once any prize has been revealed (isWon=true), the array is frozen for
-    // the seller — add/remove/reorder are all blocked. Per-item edits already
-    // respect the per-item `locked` flag below.
-    const anyWon = items.some((it) => it.isWon);
-    const update = useCallback((index, patch) => {
-        const next = items.map((it, i) => (i === index ? { ...it, ...patch } : it));
-        onChange(next);
-    }, [items, onChange]);
-    const renumber = (list) => list.map((it, i) => ({ ...it, itemNumber: i + 1 }));
-    const addItem = () => {
-        if (items.length >= MAX_ITEMS)
-            return;
-        onChange(renumber([
-            ...items,
-            {
-                itemNumber: items.length + 1,
-                title: "",
-                description: "",
-                images: [],
-                condition: "new",
-                isWon: false,
-            },
-        ]));
-    };
-    const removeItem = (index) => {
-        const target = items[index];
-        if (target?.isWon)
-            return; // cannot remove a won item
-        if (items.length <= MIN_ITEMS)
-            return;
-        onChange(renumber(items.filter((_, i) => i !== index)));
-    };
-    const move = (index, direction) => {
-        const target = index + direction;
-        if (target < 0 || target >= items.length)
-            return;
-        const next = [...items];
-        [next[index], next[target]] = [next[target], next[index]];
-        onChange(renumber(next));
-    };
-    const setImage = (index, slot, url) => {
-        const cur = items[index];
-        const nextImgs = [...(cur.images ?? [])];
-        nextImgs[slot] = url;
-        update(index, { images: nextImgs.filter(Boolean) });
-    };
-    const handleVideoFileChange = (e, index, itemNumber) => {
-        const file = e.target.files?.[0];
-        if (!file || !onUploadVideo)
-            return;
-        void onUploadVideo(file, itemNumber).then((url) => {
-            update(index, { video: { url } });
-        });
-    };
-    const removeImage = (index, slot) => {
-        const cur = items[index];
-        const nextImgs = (cur.images ?? []).filter((_, i) => i !== slot);
-        update(index, { images: nextImgs });
-    };
-    return (_jsxs(Stack, { gap: "md", children: [_jsxs(Row, { justify: "between", align: "center", children: [_jsxs(Heading, { level: 3, children: ["Prize Items (", items.length, ")"] }), _jsxs(Button, { type: "button", variant: "secondary", onClick: addItem, disabled: anyWon || items.length >= MAX_ITEMS, children: ["+ Add prize (", items.length, "/", MAX_ITEMS, ")"] })] }), _jsxs(Text, { className: "text-[var(--appkit-color-text-muted)]", size: "sm", children: ["Add between ", MIN_ITEMS, " and ", MAX_ITEMS, " prizes. Each entry will reveal exactly one of these. Items marked won during a prior reveal cannot be edited or removed."] }), anyWon ? (_jsxs(Div, { textSize: "sm", className: "border border-error/40", color: "error", surface: "danger-surface", padding: "inlineSm", rounded: "default", children: [_jsx(Span, { weight: "bold", children: "Draw locked." }), " At least one prize has been revealed \u2014 this listing can no longer be edited. To run a similar draw, clone it into a new prize-draw listing."] })) : warning ? (_jsx(Div, { className: CLS_WARN_BOX, children: warning })) : null, _jsx(Stack, { gap: "md", children: items.map((it, index) => {
-                    const locked = it.isWon || anyWon;
-                    return (_jsxs(Div, { className: `relative border border-[var(--appkit-color-border)] ${locked ? "opacity-60" : ""}`, rounded: "lg", padding: "md", children: [locked ? (_jsx(Row, { surface: "overlay-xs", className: "absolute inset-0 z-10 bg-[rgba(0,0,0,0.1)] dark: pointer-events-none", align: "center", justify: "center", rounded: "lg", children: _jsx(Text, { className: CLS_WON_BADGE, children: "Won \u2014 locked" }) })) : null, _jsxs(Row, { justify: "between", align: "center", className: "mb-3", children: [_jsxs(Heading, { level: 4, children: ["Prize #", it.itemNumber] }), _jsxs(Row, { gap: "xs", children: [_jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: () => move(index, -1), disabled: locked || index === 0, "aria-label": "Move up", children: "\u2191" }), _jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: () => move(index, 1), disabled: locked || index === items.length - 1, "aria-label": "Move down", children: "\u2193" }), _jsx(Button, { type: "button", variant: "danger", size: "sm", onClick: () => removeItem(index), disabled: locked || items.length <= MIN_ITEMS, children: "Remove" })] })] }), _jsxs(Stack, { gap: "sm", children: [_jsx(FormField, { name: `item-${index}-title`, label: "Title", type: "text", value: it.title, onChange: (v) => update(index, { title: v }), disabled: locked, placeholder: "e.g. PSA 9 Charizard Base Set Holo" }), _jsx(FormField, { name: `item-${index}-description`, label: "Description (optional)", type: "textarea", value: it.description ?? "", onChange: (v) => update(index, { description: v }), disabled: locked, placeholder: "What makes this prize special?" }), _jsxs(Row, { gap: "md", children: [_jsx(Div, { className: "flex-1", children: _jsx(FormField, { name: `item-${index}-condition`, label: "Condition", type: "select", value: it.condition, onChange: (v) => update(index, { condition: v }), disabled: locked, options: CONDITION_OPTIONS }) }), _jsx(Div, { className: "flex-1", children: _jsx(FormField, { name: `item-${index}-value`, label: "Estimated value (\u20B9)", type: "number", value: it.estimatedValue != null
-                                                        ? String(it.estimatedValue)
-                                                        : "", onChange: (v) => update(index, {
-                                                        estimatedValue: Math.round((parseFloat(v) || 0) * 100) / 100,
-                                                    }), disabled: locked, placeholder: "2999" }) })] }), _jsxs(Stack, { gap: "xs", children: [_jsxs(Text, { size: "sm", weight: "medium", children: ["Images (", (it.images ?? []).length, "/", MAX_IMAGES_PER_ITEM, ")"] }), _jsx(Row, { gap: "sm", wrap: true, children: Array.from({ length: MAX_IMAGES_PER_ITEM }).map((_, slot) => {
-                                                    const existing = (it.images ?? [])[slot];
-                                                    return (_jsxs(Div, { className: "w-40", children: [_jsx(ImageUpload, { currentImage: existing, label: existing ? "Replace" : `Image ${slot + 1}`, onUpload: (file) => onUploadImage(file, it.itemNumber), onChange: (url) => setImage(index, slot, url) }), existing && !locked ? (_jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: () => removeImage(index, slot), children: "Remove" })) : null] }, slot));
-                                                }) })] }), onUploadVideo ? (_jsxs(Stack, { gap: "xs", children: [_jsx(Text, { size: "sm", weight: "medium", children: "Video (optional)" }), _jsx(Input, { bare: true, "aria-label": `Video for item ${it.itemNumber} (optional)`, type: "file", accept: "video/*", disabled: locked, onChange: (e) => handleVideoFileChange(e, index, it.itemNumber) }), it.video?.url ? (_jsxs(Text, { className: "text-[var(--appkit-color-text-muted)] truncate", size: "xs", children: ["Current: ", it.video.url] })) : null] })) : null] })] }, `prize-item-${it.itemNumber}-${index}`));
-                }) }), items.length < MIN_ITEMS ? (_jsxs(Div, { textSize: "sm", className: "border border-error/40", color: "error", surface: "danger-surface", padding: "inlineSm", rounded: "default", children: ["At least ", MIN_ITEMS, " prizes are required."] })) : null] }));
-}
-export default PrizeDrawItemsEditor;

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

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

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

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

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

@@ -1,8 +0,0 @@
-export interface PrizeDrawsIndexListingProps {
-    initialData?: any;
-    categorySlug?: string;
-    brandName?: string;
-    /** When set, the listing is hard-scoped to this store id — overrides URL `storeId`. */
-    storeId?: string;
-}
-export declare function PrizeDrawsIndexListing({ initialData, categorySlug, brandName, storeId: forcedStoreId, }: PrizeDrawsIndexListingProps): import("react").JSX.Element;

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

@@ -1,108 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { withoutPriceSorts } from "../constants/sieve.js";
-import { useCanSeePrices } from "../../../react/hooks/useCanSeePrices.js";
-import { useState, useCallback } from "react";
-import { useUrlTable } from "../../../react/hooks/useUrlTable.js";
-import { usePendingTable } from "../../../react/hooks/usePendingTable.js";
-import { useProducts } from "../hooks/useProducts.js";
-import { Div } from "../../../ui/components/Div.js";
-import { FilterDrawer } from "../../../ui/components/FilterDrawer.js";
-import { Grid, Row, Stack } from "../../../ui/components/Layout.js";
-import { Label, Text } from "../../../ui/components/Typography.js";
-import { ListingToolbar } from "../../../ui/components/ListingToolbar.js";
-import { Pagination } from "../../../ui/components/Pagination.js";
-import { Select } from "../../../ui/components/Select.js";
-import { StickyToolbar } from "../../../ui/components/StickyToolbar.js";
-import { useCategoryTree, categoriesToFacetOptions } from "../../categories/hooks/useCategoryTree.js";
-import { useBrands } from "../hooks/useBrands.js";
-import { MarketplacePrizeDrawCard } from "./MarketplacePrizeDrawCard.js";
-import { ProductFilters } from "./ProductFilters.js";
-import { TABLE_KEYS, VIEW_MODE } from "../../../constants/table-keys.js";
-import { PRIZE_DRAW_SORT_OPTIONS } from "../constants/sieve.js";
-import { AVAILABILITY_VALUES } from "../../../constants/field-names.js";
-import { AvailabilityTabs } from "./AvailabilityTabs.js";
-const PRIZE_DRAW_LISTING_TYPES = ["prize-draw"];
-const __P = {
-    p3: "p-[var(--appkit-space-3)]",
-};
-const DEFAULT_SORT = PRIZE_DRAW_SORT_OPTIONS[0].value;
-const FILTER_KEYS = [
-    TABLE_KEYS.CATEGORY,
-    TABLE_KEYS.BRAND,
-    TABLE_KEYS.MIN_PRICE,
-    TABLE_KEYS.MAX_PRICE,
-    TABLE_KEYS.STORE_ID,
-    TABLE_KEYS.PRIZE_REVEAL_STATUS,
-];
-export function PrizeDrawsIndexListing({ initialData, categorySlug, brandName, storeId: forcedStoreId, }) {
-    const table = useUrlTable({ defaults: { pageSize: "24", sort: DEFAULT_SORT } });
-    const { canSeePrices } = useCanSeePrices();
-    const [searchInput, setSearchInput] = useState(table.get(TABLE_KEYS.QUERY) || "");
-    const [filterOpen, setFilterOpen] = useState(false);
-    const availability = table.get(TABLE_KEYS.AVAILABILITY) ||
-        AVAILABILITY_VALUES.AVAILABLE;
-    const [view, setView] = useState(table.get(TABLE_KEYS.VIEW) || VIEW_MODE.GRID);
-    const { categories } = useCategoryTree();
-    const categoryOptions = categoriesToFacetOptions(categories);
-    const { brandOptions } = useBrands();
-    const { pendingTable, filterActiveCount, onFilterApply, onFilterClear, onResetAll, onFilterReset } = usePendingTable(table, FILTER_KEYS);
-    const openFilters = useCallback(() => {
-        onFilterReset();
-        setFilterOpen(true);
-    }, [onFilterReset]);
-    const applyFilters = useCallback(() => {
-        onFilterApply();
-        setFilterOpen(false);
-    }, [onFilterApply]);
-    const resetAll = useCallback(() => {
-        onResetAll({ [TABLE_KEYS.QUERY]: "", [TABLE_KEYS.SORT]: "", [TABLE_KEYS.AVAILABILITY]: "" });
-        setSearchInput("");
-    }, [onResetAll]);
-    const hasActiveState = !!table.get(TABLE_KEYS.QUERY) ||
-        availability !== AVAILABILITY_VALUES.AVAILABLE ||
-        table.get(TABLE_KEYS.SORT) !== DEFAULT_SORT ||
-        filterActiveCount > 0;
-    const revealFilter = (table.get(TABLE_KEYS.PRIZE_REVEAL_STATUS) || undefined);
-    const params = {
-        q: table.get(TABLE_KEYS.QUERY) || undefined,
-        category: table.get(TABLE_KEYS.CATEGORY) || undefined,
-        categorySlug: categorySlug || undefined,
-        brand: brandName || table.get(TABLE_KEYS.BRAND) || undefined,
-        minPrice: table.get(TABLE_KEYS.MIN_PRICE) ? Number(table.get(TABLE_KEYS.MIN_PRICE)) : undefined,
-        maxPrice: table.get(TABLE_KEYS.MAX_PRICE) ? Number(table.get(TABLE_KEYS.MAX_PRICE)) : undefined,
-        storeId: forcedStoreId || table.get(TABLE_KEYS.STORE_ID) || undefined,
-        prizeRevealStatus: revealFilter,
-        sort: table.get(TABLE_KEYS.SORT) || DEFAULT_SORT,
-        page: table.getNumber(TABLE_KEYS.PAGE, 1),
-        perPage: table.getNumber(TABLE_KEYS.PAGE_SIZE, 24),
-        listingType: "prize-draw",
-        availability,
-    };
-    const { products: draws, totalPages, page, isLoading } = useProducts(params, { initialData });
-    // Closed draws used to be filtered out of the page HERE, client-side, after
-    // pagination — which silently shrank the grid below the page size and left
-    // `totalPages` counting rows the user could never see. The availability
-    // scope does it in the query instead, where the count is computed.
-    const filteredDraws = draws;
-    const commitSearch = useCallback(() => {
-        table.set(TABLE_KEYS.QUERY, searchInput.trim());
-    }, [searchInput, table]);
-    const handleSearchKeyDown = (e) => {
-        if (e.key === "Enter")
-            commitSearch();
-    };
-    return (_jsxs(Div, { className: "min-h-screen", children: [_jsx(ListingToolbar, { filterCount: filterActiveCount, onFiltersClick: openFilters, searchValue: searchInput, searchPlaceholder: "Search prize draws...", onSearchChange: setSearchInput, onSearchCommit: commitSearch, onSearchKeyDown: handleSearchKeyDown, sortValue: table.get(TABLE_KEYS.SORT) || DEFAULT_SORT, sortOptions: withoutPriceSorts(PRIZE_DRAW_SORT_OPTIONS, canSeePrices), onSortChange: (v) => {
-                    table.set(TABLE_KEYS.SORT, v);
-                }, view: view, onViewChange: (v) => {
-                    if (v === VIEW_MODE.TABLE)
-                        return;
-                    setView(v);
-                    table.set(TABLE_KEYS.VIEW, v);
-                }, onResetAll: resetAll, hasActiveState: hasActiveState }), _jsx(Div, { padding: "y-sm", children: _jsx(AvailabilityTabs, { types: PRIZE_DRAW_LISTING_TYPES }) }), totalPages > 1 && (_jsx(StickyToolbar, { offset: "header+pagination", tone: "translucent", border: true, padding: "toolbar", children: _jsx(Row, { justify: "center", children: _jsx(Pagination, { currentPage: page, totalPages: totalPages, onPageChange: (p) => table.setPage(p) }) }) })), _jsx(Div, { padding: "y-lg", children: isLoading ? (_jsx(Grid, { cols: "cards", gap: "md", children: Array.from({ length: 8 }).map((_, i) => (_jsxs(Div, { className: "overflow-hidden animate-pulse", border: "subtle", rounded: "xl", children: [_jsx(Div, { className: "aspect-square", surface: "subtle" }), _jsxs(Stack, { className: `${__P.p3}`, gap: "sm", children: [_jsx(Div, { className: "h-3 w-3/4", surface: "subtle", rounded: "default" }), _jsx(Div, { className: "h-3 w-1/2", surface: "subtle", rounded: "default" }), _jsx(Div, { className: "h-8", surface: "subtle", rounded: "default" })] })] }, i))) })) : filteredDraws.length === 0 ? (_jsx(Text, { paddingY: "3xl", color: "muted", size: "sm", align: "start", children: "No prize draws found." })) : (_jsx(Grid, { cols: "cards", gap: "md", children: filteredDraws.map((product) => (_jsx(MarketplacePrizeDrawCard, { product: product, variant: view }, product.id))) })) }), _jsx(FilterDrawer, { open: filterOpen, onOpen: openFilters, onClose: () => setFilterOpen(false), onApply: applyFilters, onReset: onFilterClear, activeCount: filterActiveCount, hideTrigger: true, children: _jsxs(Stack, { gap: "md", children: [_jsxs(_Fragment, { children: [_jsx(Label, { htmlFor: "prizeRevealStatusFilter", size: "xs", weight: "semibold", color: "muted", className: "block mb-1.5", children: "Reveal status" }), _jsx(Select, { id: "prizeRevealStatusFilter", options: [
-                                        { value: "", label: "Any" },
-                                        { value: "pending", label: "Reveal pending" },
-                                        { value: "open", label: "Reveal open" },
-                                        { value: "closed", label: "Closed" },
-                                    ], value: pendingTable.get(TABLE_KEYS.PRIZE_REVEAL_STATUS) ?? "", onValueChange: (v) => pendingTable.set(TABLE_KEYS.PRIZE_REVEAL_STATUS, v) })] }), _jsx(ProductFilters, { table: pendingTable, currencyPrefix: "\u20B9", categoryOptions: categoryOptions, brandOptions: brandOptions })] }) })] }));
-}

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

@@ -1,15 +0,0 @@
-type SearchParams = Record<string, string | string[]>;
-export interface PrizeDrawsListingViewProps {
-    searchParams?: SearchParams;
-}
-/**
- * Public listing page (SB4-F). Server-fetches published prize-draw products,
- * hydrates the client `PrizeDrawsIndexListing` which renders the filter
- * toolbar + collage-thumb grid. URL params: `?storeId=…&prizeRevealStatus=…`.
- *
- * Per the public-buyer contract, the product adapter strips `isWon` from
- * `prizeDrawItems[]` server-side; the cards never reveal which prizes are
- * already gone (matches `PrizeDrawCollage`'s `hideWonState` prop).
- */
-export declare function PrizeDrawsListingView({ searchParams, }: PrizeDrawsListingViewProps): Promise<import("react").JSX.Element>;
-export {};