@mohasinac/appkit 2.6.1 → 2.6.3

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

@@ -0,0 +1,124 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * PrizeRevealModal (SB4-I)
+ *
+ * Theatrical reveal UI for prize-draw orders. When the buyer clicks "Reveal
+ * my prize" we call the reveal API (which has already picked the winner via
+ * crypto.randomInt server-side) and then run a 3-second highlight-cycling
+ * animation across the collage — fast at first, decelerating, finally
+ * landing on the winning tile. This is pure showmanship: the winner was
+ * locked in by the server before the first frame rendered.
+ *
+ * A permanent disclaimer below the collage explains exactly that — the RNG
+ * is `crypto.randomInt`, the source code is on GitHub, and neither the store
+ * nor LetItRip admins can influence the outcome.
+ */
+import { useCallback, useEffect, useRef, useState } from "react";
+import { Button, Div, Heading, Modal, Stack, Text } from "../../../ui";
+import { PrizeDrawCollage } from "./PrizeDrawCollage";
+const REVEAL_DURATION_MS = 3200; // total animation length
+const CYCLE_INTERVAL_FAST = 80;
+const CYCLE_INTERVAL_SLOW = 360;
+export function PrizeRevealModal({ open, onClose, items, orderId, productId, onReveal, initialPrizeWon, rngSourceUrl, }) {
+    const [phase, setPhase] = useState(initialPrizeWon ? "won" : "idle");
+    const [highlight, setHighlight] = useState(undefined);
+    const [winner, setWinner] = useState(initialPrizeWon);
+    const [errorMessage, setErrorMessage] = useState("");
+    const [effectiveRngUrl, setEffectiveRngUrl] = useState(rngSourceUrl);
+    const cycleTimerRef = useRef(null);
+    const endTimerRef = useRef(null);
+    // Clean up timers on close/unmount so we don't leak between sessions.
+    useEffect(() => {
+        if (!open) {
+            if (cycleTimerRef.current)
+                clearTimeout(cycleTimerRef.current);
+            if (endTimerRef.current)
+                clearTimeout(endTimerRef.current);
+            cycleTimerRef.current = null;
+            endTimerRef.current = null;
+        }
+        return () => {
+            if (cycleTimerRef.current)
+                clearTimeout(cycleTimerRef.current);
+            if (endTimerRef.current)
+                clearTimeout(endTimerRef.current);
+        };
+    }, [open]);
+    const startAnimation = useCallback((winningItemNumber) => {
+        const startedAt = Date.now();
+        const tile = (n) => items[n % items.length]?.itemNumber ?? winningItemNumber;
+        let step = 0;
+        const tick = () => {
+            const elapsed = Date.now() - startedAt;
+            const remaining = REVEAL_DURATION_MS - elapsed;
+            if (remaining <= 0) {
+                setHighlight(winningItemNumber);
+                return;
+            }
+            // Decelerate: as we approach the end, the interval stretches.
+            const progress = elapsed / REVEAL_DURATION_MS;
+            const interval = CYCLE_INTERVAL_FAST +
+                (CYCLE_INTERVAL_SLOW - CYCLE_INTERVAL_FAST) * progress;
+            step += 1;
+            setHighlight(tile(step));
+            cycleTimerRef.current = setTimeout(tick, interval);
+        };
+        tick();
+    }, [items]);
+    const handleRevealClick = useCallback(async () => {
+        if (phase !== "idle")
+            return;
+        setPhase("revealing");
+        setErrorMessage("");
+        let response;
+        try {
+            if (onReveal) {
+                response = await onReveal({ orderId, productId });
+            }
+            else {
+                const res = await fetch(`/api/prize-draws/${productId}/reveal`, {
+                    method: "POST",
+                    headers: { "Content-Type": "application/json" },
+                    body: JSON.stringify({ orderId }),
+                });
+                const json = (await res.json());
+                if (!res.ok)
+                    throw new Error("Reveal request failed");
+                response = json.data ?? {};
+            }
+        }
+        catch (err) {
+            setPhase("error");
+            setErrorMessage(err instanceof Error ? err.message : "Reveal request failed");
+            return;
+        }
+        if (response.refunded) {
+            setPhase("refunded");
+            return;
+        }
+        if (!response.prizeWon) {
+            setPhase("error");
+            setErrorMessage("Unexpected reveal response");
+            return;
+        }
+        if (response.rngSourceUrl)
+            setEffectiveRngUrl(response.rngSourceUrl);
+        setWinner(response.prizeWon);
+        if (response.alreadyRevealed) {
+            // No theatrics for re-opens — just show the prize.
+            setHighlight(response.prizeWon.itemNumber);
+            setPhase("won");
+            return;
+        }
+        startAnimation(response.prizeWon.itemNumber);
+        endTimerRef.current = setTimeout(() => {
+            setPhase("won");
+        }, REVEAL_DURATION_MS);
+    }, [onReveal, orderId, phase, productId, startAnimation]);
+    const winnerImg = winner?.images?.[0];
+    return (_jsx(Modal, { isOpen: open, onClose: onClose, title: "Prize Reveal", size: "lg", children: _jsxs(Stack, { gap: "md", children: [phase === "refunded" ? (_jsxs(Div, { className: "rounded border border-yellow-400/40 bg-yellow-50 px-4 py-3 text-yellow-900 dark:bg-yellow-900/30 dark:text-yellow-100", children: [_jsx(Heading, { level: 3, className: "mb-1", children: "Pool exhausted \u2014 you've been refunded" }), _jsx(Text, { className: "text-sm", children: "Every prize in this draw was already claimed by the time your entry rolled. Your order has been marked refunded automatically." })] })) : null, phase === "error" ? (_jsxs(Div, { className: "rounded border border-red-400/40 bg-red-50 px-4 py-3 text-red-900 dark:bg-red-900/30 dark:text-red-100", children: [_jsx(Text, { className: "text-sm font-semibold", children: "Something went wrong" }), _jsx(Text, { className: "text-sm", children: errorMessage })] })) : null, _jsx(PrizeDrawCollage, { items: items, hideWonState: true, highlightItemNumber: highlight }), phase === "idle" ? (_jsx(Button, { type: "button", variant: "primary", size: "lg", onClick: handleRevealClick, children: "\u2728 Reveal my prize" })) : null, phase === "revealing" ? (_jsxs(Div, { className: "rounded bg-[var(--appkit-color-surface-muted)] p-4 text-center", children: [_jsx(Text, { className: "text-lg font-semibold", children: "Rolling\u2026" }), _jsx(Text, { className: "text-sm text-[var(--appkit-color-text-muted)]", children: "The winner was locked by the server before this animation started. Hang tight \u2014 we're just making it look pretty." })] })) : null, phase === "won" && winner ? (_jsxs(Div, { className: "rounded-lg border-2 border-[var(--appkit-color-primary)] bg-[var(--appkit-color-surface)] p-4 text-center", children: [_jsx(Text, { className: "text-xs uppercase tracking-wider text-[var(--appkit-color-text-muted)]", children: "You won" }), _jsxs(Heading, { level: 2, className: "my-2", children: ["#", winner.itemNumber, " \u2014 ", winner.title] }), winnerImg ? (
+                        /* eslint-disable-next-line @next/next/no-img-element */
+                        _jsx("img", { src: winnerImg, alt: winner.title, className: "mx-auto max-h-64 rounded" })) : null, winner.estimatedValue != null ? (_jsxs(Text, { className: "mt-2 text-sm text-[var(--appkit-color-text-muted)]", children: ["Estimated value: \u20B9", (winner.estimatedValue / 100).toLocaleString("en-IN")] })) : null] })) : null, _jsxs(Div, { className: "rounded border border-[var(--appkit-color-border)] bg-[var(--appkit-color-surface-muted)] px-3 py-2 text-xs text-[var(--appkit-color-text-muted)]", children: [_jsx("strong", { className: "text-[var(--appkit-color-text)]", children: "Fairness guarantee:" }), " ", "Winners are picked by ", _jsx("code", { children: "crypto.randomInt" }), " running on LetItRip's server before the animation starts. The animation is theatrical \u2014 neither the store nor LetItRip staff can influence the outcome.", " ", effectiveRngUrl ? (_jsx("a", { href: effectiveRngUrl, target: "_blank", rel: "noreferrer noopener", className: "underline", children: "View RNG source code \u2192" })) : null] })] }) }));
+}
+export default PrizeRevealModal;

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

@@ -125,6 +125,18 @@ export async function ProductDetailPageView({ slug, initialProduct, renderOfferA
     const brand = typeof p.brand === "string" ? p.brand : null;
     const brandSlug = typeof p.brandSlug === "string" ? p.brandSlug : null;
     const condition = typeof p.condition === "string" ? p.condition : null;
+    // SB7-B — bundle reverse refs. partOfBundleIds + partOfBundleTitles are
+    // parallel arrays maintained by the bundles repository's syncReverseRefs.
+    const partOfBundleIds = Array.isArray(p.partOfBundleIds)
+        ? p.partOfBundleIds
+        : [];
+    const partOfBundleTitles = Array.isArray(p.partOfBundleTitles)
+        ? p.partOfBundleTitles
+        : [];
+    const bundleMemberships = partOfBundleIds.map((id, i) => ({
+        id,
+        title: partOfBundleTitles[i] ?? id,
+    }));
     const tags = Array.isArray(p.tags) ? p.tags : [];
     const features = Array.isArray(p.features)
         ? p.features
@@ -198,7 +210,7 @@ export async function ProductDetailPageView({ slug, initialProduct, renderOfferA
                                         ? "bg-emerald-50 text-emerald-700 dark:bg-emerald-900/30 dark:text-emerald-400"
                                         : "bg-red-50 text-red-700 dark:bg-red-900/30 dark:text-red-400"}`, children: [inStock ? "✓ In Stock" : "✗ Out of Stock", inStock && effectiveStock !== null && effectiveStock <= 10
                                             ? ` — only ${effectiveStock} left`
-                                            : ""] })), (categoryName || category || subcategory || brand) && (_jsxs(Row, { gap: "sm", wrap: true, children: [category && (_jsx(Link, { href: String(ROUTES.PUBLIC.CATEGORY_DETAIL(category)), className: "inline-flex items-center rounded-full border border-zinc-200 dark:border-zinc-700 bg-zinc-50 dark:bg-zinc-800/50 px-2.5 py-1 text-xs font-medium text-zinc-600 dark:text-zinc-300 transition-colors hover:border-primary-300 hover:bg-primary-50 hover:text-primary-700 dark:hover:border-primary-700/60 dark:hover:bg-primary-900/20 dark:hover:text-primary-400", children: categoryName || category })), subcategory && (_jsx(Span, { className: "inline-flex items-center rounded-full border border-zinc-100 dark:border-zinc-800 bg-zinc-50 dark:bg-zinc-800/50 px-2.5 py-1 text-xs font-medium text-zinc-500 dark:text-zinc-400 capitalize", children: subcategory })), brand && brandSlug && (_jsx(Link, { href: String(ROUTES.PUBLIC.BRAND_DETAIL(brandSlug)), className: "inline-flex items-center rounded-full border border-zinc-200 dark:border-zinc-700 bg-zinc-50 dark:bg-zinc-800/50 px-2.5 py-1 text-xs font-medium text-zinc-600 dark:text-zinc-300 transition-colors hover:border-primary-300 hover:bg-primary-50 hover:text-primary-700 dark:hover:border-primary-700/60 dark:hover:bg-primary-900/20 dark:hover:text-primary-400", children: brand })), brand && !brandSlug && (_jsx(Span, { className: "inline-flex items-center rounded-full border border-zinc-100 dark:border-zinc-800 bg-zinc-50 dark:bg-zinc-800/50 px-2.5 py-1 text-xs font-medium text-zinc-500 dark:text-zinc-400", children: brand }))] })), _jsx(ProductFeatureBadges, { featured: featured, freeShipping: freeShipping, condition: condition ?? undefined, returnable: returnPolicy != null && returnPolicy.length > 0, labels: {
+                                            : ""] })), (categoryName || category || subcategory || brand) && (_jsxs(Row, { gap: "sm", wrap: true, children: [category && (_jsx(Link, { href: String(ROUTES.PUBLIC.CATEGORY_DETAIL(category)), className: "inline-flex items-center rounded-full border border-zinc-200 dark:border-zinc-700 bg-zinc-50 dark:bg-zinc-800/50 px-2.5 py-1 text-xs font-medium text-zinc-600 dark:text-zinc-300 transition-colors hover:border-primary-300 hover:bg-primary-50 hover:text-primary-700 dark:hover:border-primary-700/60 dark:hover:bg-primary-900/20 dark:hover:text-primary-400", children: categoryName || category })), subcategory && (_jsx(Span, { className: "inline-flex items-center rounded-full border border-zinc-100 dark:border-zinc-800 bg-zinc-50 dark:bg-zinc-800/50 px-2.5 py-1 text-xs font-medium text-zinc-500 dark:text-zinc-400 capitalize", children: subcategory })), brand && brandSlug && (_jsx(Link, { href: String(ROUTES.PUBLIC.BRAND_DETAIL(brandSlug)), className: "inline-flex items-center rounded-full border border-zinc-200 dark:border-zinc-700 bg-zinc-50 dark:bg-zinc-800/50 px-2.5 py-1 text-xs font-medium text-zinc-600 dark:text-zinc-300 transition-colors hover:border-primary-300 hover:bg-primary-50 hover:text-primary-700 dark:hover:border-primary-700/60 dark:hover:bg-primary-900/20 dark:hover:text-primary-400", children: brand })), brand && !brandSlug && (_jsx(Span, { className: "inline-flex items-center rounded-full border border-zinc-100 dark:border-zinc-800 bg-zinc-50 dark:bg-zinc-800/50 px-2.5 py-1 text-xs font-medium text-zinc-500 dark:text-zinc-400", children: brand }))] })), bundleMemberships.length > 0 && (_jsx(Row, { gap: "sm", wrap: true, children: bundleMemberships.map((b) => (_jsxs(Link, { href: String(ROUTES.PUBLIC.BUNDLE_DETAIL(b.id)), className: "inline-flex items-center gap-1 rounded-full border border-teal-300 bg-teal-50 px-2.5 py-1 text-xs font-semibold text-teal-700 transition-colors hover:border-teal-500 hover:bg-teal-100 dark:border-teal-800/60 dark:bg-teal-900/30 dark:text-teal-300 dark:hover:border-teal-600 dark:hover:bg-teal-900/50", children: [_jsx(Span, { "aria-hidden": "true", children: "\uD83D\uDCE6" }), "In bundle: ", b.title] }, b.id))) })), _jsx(ProductFeatureBadges, { featured: featured, freeShipping: freeShipping, condition: condition ?? undefined, returnable: returnPolicy != null && returnPolicy.length > 0, labels: {
                                         featured: "Featured",
                                         fasterDelivery: "Faster Delivery",
                                         ratedSeller: "Rated Seller",

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

@@ -10,7 +10,8 @@ import { ImageUpload, MediaUploadField, MediaUploadList, } from "../../media";
 import { useMediaUpload } from "../../media";
 import { resolveDate } from "../../../utils/date.formatter";
 import { normalizeRichTextHtml } from "../../../utils/string.formatter";
-import { isAuctionListing, isPreOrderListing, } from "../utils/listing-type";
+import { isAuctionListing, isPreOrderListing, isPrizeDrawListing, } from "../utils/listing-type";
+import { PrizeDrawItemsEditor } from "./PrizeDrawItemsEditor";
 export const PRODUCT_STATUS_OPTIONS = [
     { value: "draft", label: "Draft" },
     { value: "published", label: "Published" },
@@ -117,7 +118,39 @@ export function ProductForm({ product, onChange, isReadonly = false, renderDescr
                         }), disabled: isReadonly, options: [
                             { value: "winner", label: t("formAuctionShippingPaidByWinner") },
                             { value: "seller", label: t("formAuctionShippingPaidBySeller") },
-                        ] }), _jsx(Text, { variant: "secondary", weight: "semibold", className: "mt-2", children: t("sectionAuctionAdvanced") }), _jsx(Checkbox, { label: t("formAutoExtendable"), checked: !!product.autoExtendable, onChange: (e) => update({ autoExtendable: e.target.checked }), disabled: isReadonly }), product.autoExtendable && (_jsxs(_Fragment, { children: [_jsx(Alert, { variant: "info", title: t("formAutoExtendableHelp"), children: t("formAutoExtendableHelp") }), _jsx(FormField, { name: "auctionExtensionMinutes", label: t("formAuctionExtensionMinutes"), type: "number", value: String(product.auctionExtensionMinutes ?? 5), onChange: (value) => update({ auctionExtensionMinutes: Number(value) || 5 }), disabled: isReadonly, placeholder: "5", helpText: t("formAuctionExtensionMinutesHelp") })] }))] })), _jsx(Heading, { level: 4, className: "mt-4", children: t("sectionPreOrderSettings") }), _jsx(Checkbox, { label: t("formIsPreOrder"), checked: isPreOrderListing(product), onChange: (e) => update({ listingType: e.target.checked ? "pre-order" : "standard" }), disabled: isReadonly }), isPreOrderListing(product) && (_jsxs(_Fragment, { children: [_jsxs(FormGroup, { columns: 2, children: [_jsx(FormField, { name: "preOrderDeliveryDate", label: t("formPreOrderDeliveryDate"), type: "datetime-local", value: (() => {
+                        ] }), _jsx(Text, { variant: "secondary", weight: "semibold", className: "mt-2", children: t("sectionAuctionAdvanced") }), _jsx(Checkbox, { label: t("formAutoExtendable"), checked: !!product.autoExtendable, onChange: (e) => update({ autoExtendable: e.target.checked }), disabled: isReadonly }), product.autoExtendable && (_jsxs(_Fragment, { children: [_jsx(Alert, { variant: "info", title: t("formAutoExtendableHelp"), children: t("formAutoExtendableHelp") }), _jsx(FormField, { name: "auctionExtensionMinutes", label: t("formAuctionExtensionMinutes"), type: "number", value: String(product.auctionExtensionMinutes ?? 5), onChange: (value) => update({ auctionExtensionMinutes: Number(value) || 5 }), disabled: isReadonly, placeholder: "5", helpText: t("formAuctionExtensionMinutesHelp") })] }))] })), _jsx(Heading, { level: 4, className: "mt-4", children: t("sectionPreOrderSettings") }), _jsx(Checkbox, { label: t("formIsPreOrder"), checked: isPreOrderListing(product), onChange: (e) => update({ listingType: e.target.checked ? "pre-order" : "standard" }), disabled: isReadonly }), _jsx(Heading, { level: 4, className: "mt-4", children: "Prize Draw Settings" }), _jsx(Checkbox, { label: "This is a prize-draw listing", checked: isPrizeDrawListing(product), onChange: (e) => update({ listingType: e.target.checked ? "prize-draw" : "standard" }), disabled: isReadonly ||
+                    (product.prizeDrawItems ?? []).some((it) => it.isWon) }), isPrizeDrawListing(product) && ((() => {
+                const prizeItems = (product.prizeDrawItems ?? []);
+                const anyWon = prizeItems.some((it) => it.isWon);
+                const lockedForReveal = anyWon;
+                const fieldDisabled = isReadonly || lockedForReveal;
+                return (_jsxs(_Fragment, { children: [lockedForReveal ? (_jsx(Alert, { variant: "error", title: "Listing locked", children: "At least one prize has been revealed for this draw \u2014 the listing and its fields are now frozen. To rerun a similar draw, clone it into a new prize-draw listing." })) : null, _jsx(Alert, { variant: "warning", title: "Non-refundable", children: "Prize-draw entries are non-refundable once the reveal window opens. Buyers see and must accept this notice before paying." }), _jsxs(FormGroup, { columns: 2, children: [_jsx(FormField, { name: "pricePerEntry", label: "Price per entry (\u20B9)", type: "number", value: product.pricePerEntry != null
+                                        ? String(Math.round(product.pricePerEntry / 100))
+                                        : "", onChange: (value) => update({
+                                        pricePerEntry: Math.round((parseFloat(value) || 0) * 100),
+                                    }), disabled: fieldDisabled, placeholder: "299" }), _jsx(FormField, { name: "prizeMaxEntries", label: "Max entries (pool size)", type: "number", value: String(product.prizeMaxEntries ?? ""), onChange: (value) => update({ prizeMaxEntries: Number(value) || undefined }), disabled: fieldDisabled, placeholder: "100" })] }), _jsxs(FormGroup, { columns: 2, children: [_jsx(FormField, { name: "prizeRevealWindowStart", label: "Reveal window start", type: "datetime-local", value: (() => {
+                                        const d = resolveDate(product.prizeRevealWindowStart);
+                                        if (!d)
+                                            return "";
+                                        return d.toISOString().slice(0, 16);
+                                    })(), onChange: (value) => update({ prizeRevealWindowStart: value }), disabled: fieldDisabled }), _jsx(FormField, { name: "prizeRevealWindowEnd", label: "Reveal window end", type: "datetime-local", value: (() => {
+                                        const d = resolveDate(product.prizeRevealWindowEnd);
+                                        if (!d)
+                                            return "";
+                                        return d.toISOString().slice(0, 16);
+                                    })(), onChange: (value) => update({ prizeRevealWindowEnd: value }), disabled: fieldDisabled })] }), _jsxs(FormGroup, { columns: 2, children: [_jsx(FormField, { name: "prizeRevealDeadlineDays", label: "Reveal deadline (days)", type: "number", value: String(product.prizeRevealDeadlineDays ?? 3), onChange: (value) => update({
+                                        prizeRevealDeadlineDays: Number(value) || 3,
+                                    }), disabled: fieldDisabled, placeholder: "3", helpText: "After window opens, buyers have this many days to claim." }), _jsx(FormField, { name: "maxPerUser", label: "Max entries per customer (blank = unlimited)", type: "number", value: String(product.maxPerUser ?? ""), onChange: (value) => update({ maxPerUser: Number(value) || undefined }), disabled: fieldDisabled, placeholder: "" })] }), product.prizeGithubFileUrl ? (_jsx(FormField, { name: "prizeGithubFileUrl", label: "RNG Source Code URL (read-only)", type: "text", value: product.prizeGithubFileUrl, onChange: () => { }, disabled: true, helpText: "Auto-set on first save. Public proof-of-fairness link." })) : null, _jsx(PrizeDrawItemsEditor, { items: (product.prizeDrawItems ?? []), onChange: (items) => update({ prizeDrawItems: items }), onUploadImage: async (file) => {
+                                // Caller is expected to wire a real uploader by overriding
+                                // renderPrizeDrawImageUpload — fall back to data URL preview
+                                // so the editor still functions in unwired admin contexts.
+                                return new Promise((resolve) => {
+                                    const reader = new FileReader();
+                                    reader.onload = () => resolve(String(reader.result ?? ""));
+                                    reader.readAsDataURL(file);
+                                });
+                            } })] }));
+            })()), isPreOrderListing(product) && (_jsxs(_Fragment, { children: [_jsxs(FormGroup, { columns: 2, children: [_jsx(FormField, { name: "preOrderDeliveryDate", label: t("formPreOrderDeliveryDate"), type: "datetime-local", value: (() => {
                                     const d = resolveDate(product.preOrderDeliveryDate);
                                     if (!d)
                                         return "";

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

@@ -53,7 +53,9 @@ export function ProductCard({ product, href, onClick, onAddToWishlist, isWishlis
                                         ? "bg-primary border-primary text-white opacity-100"
                                         : "bg-white/90 dark:bg-slate-800/90 border-zinc-300 dark:border-slate-500",
                                     selectionMode || isSelected ? "opacity-100" : "opacity-0 group-hover:opacity-100",
-                                ].join(" "), children: isSelected && (_jsx("svg", { className: "h-3.5 w-3.5", viewBox: "0 0 12 12", fill: "none", stroke: "currentColor", strokeWidth: 2.5, "aria-hidden": "true", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M2 6l3 3 5-5" }) })) })), !selectionMode && !isSelected && (_jsxs(_Fragment, { children: [discount && (_jsxs(Span, { className: "rounded-full bg-rose-500 px-2 py-0.5 text-[10px] font-bold text-white shadow-sm", children: ["-", discount, "%"] })), typeBadge && (_jsx(Span, { className: `rounded-full px-2 py-0.5 text-[10px] font-bold shadow-sm ${typeBadge.cls}`, children: typeBadge.label }))] }))] }), onAddToWishlist && (_jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: (e) => {
+                                ].join(" "), children: isSelected && (_jsx("svg", { className: "h-3.5 w-3.5", viewBox: "0 0 12 12", fill: "none", stroke: "currentColor", strokeWidth: 2.5, "aria-hidden": "true", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M2 6l3 3 5-5" }) })) })), !selectionMode && !isSelected && (_jsxs(_Fragment, { children: [discount && (_jsxs(Span, { className: "rounded-full bg-rose-500 px-2 py-0.5 text-[10px] font-bold text-white shadow-sm", children: ["-", discount, "%"] })), typeBadge && (_jsx(Span, { className: `rounded-full px-2 py-0.5 text-[10px] font-bold shadow-sm ${typeBadge.cls}`, children: typeBadge.label })), product.partOfBundleIds && product.partOfBundleIds.length > 0 && (_jsx(Span, { className: "rounded-full bg-teal-600 px-2 py-0.5 text-[10px] font-bold text-white shadow-sm", title: product.partOfBundleTitles && product.partOfBundleTitles.length > 0
+                                            ? `In bundle: ${product.partOfBundleTitles[0]}`
+                                            : "In a bundle", children: "Bundled" }))] }))] }), onAddToWishlist && (_jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: (e) => {
                             e.stopPropagation();
                             e.preventDefault();
                             onAddToWishlist(product.id);

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

@@ -7,6 +7,22 @@ export { ProductForm, PRODUCT_STATUS_OPTIONS } from "./ProductForm";
 export type { ProductFormProps, ProductFormValue } from "./ProductForm";
 export { NonRefundableConsentModal } from "./NonRefundableConsentModal";
 export type { NonRefundableConsentModalProps, NonRefundableListingType, } from "./NonRefundableConsentModal";
+export { PrizeDrawItemsEditor } from "./PrizeDrawItemsEditor";
+export type { PrizeDrawItemsEditorProps } from "./PrizeDrawItemsEditor";
+export { PrizeDrawCollage } from "./PrizeDrawCollage";
+export type { PrizeDrawCollageProps } from "./PrizeDrawCollage";
+export { PrizeRevealModal } from "./PrizeRevealModal";
+export type { PrizeRevealModalProps, PrizeRevealResponse, } from "./PrizeRevealModal";
+export { MarketplacePrizeDrawCard } from "./MarketplacePrizeDrawCard";
+export type { MarketplacePrizeDrawCardProps, MarketplacePrizeDrawCardData, MarketplacePrizeDrawCardLabels, } from "./MarketplacePrizeDrawCard";
+export { PrizeDrawsIndexListing } from "./PrizeDrawsIndexListing";
+export type { PrizeDrawsIndexListingProps } from "./PrizeDrawsIndexListing";
+export { PrizeDrawsListingView } from "./PrizeDrawsListingView";
+export type { PrizeDrawsListingViewProps } from "./PrizeDrawsListingView";
+export { PrizeDrawDetailPageView } from "./PrizeDrawDetailPageView";
+export type { PrizeDrawDetailPageViewProps } from "./PrizeDrawDetailPageView";
+export { PrizeDrawEntryActions } from "./PrizeDrawEntryActions";
+export type { PrizeDrawEntryActionsProps } from "./PrizeDrawEntryActions";
 export { ProductFeaturesSelector } from "./ProductFeaturesSelector";
 export type { ProductFeaturesSelectorProps } from "./ProductFeaturesSelector";
 export { ProductFeatureBadges } from "./ProductFeatureBadges";

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

@@ -3,6 +3,14 @@ export { ProductFilters, PRODUCT_FILTER_KEYS, PRODUCT_ADMIN_SORT_OPTIONS, PRODUC
 export { InteractiveProductCard } from "./InteractiveProductCard";
 export { ProductForm, PRODUCT_STATUS_OPTIONS } from "./ProductForm";
 export { NonRefundableConsentModal } from "./NonRefundableConsentModal";
+export { PrizeDrawItemsEditor } from "./PrizeDrawItemsEditor";
+export { PrizeDrawCollage } from "./PrizeDrawCollage";
+export { PrizeRevealModal } from "./PrizeRevealModal";
+export { MarketplacePrizeDrawCard } from "./MarketplacePrizeDrawCard";
+export { PrizeDrawsIndexListing } from "./PrizeDrawsIndexListing";
+export { PrizeDrawsListingView } from "./PrizeDrawsListingView";
+export { PrizeDrawDetailPageView } from "./PrizeDrawDetailPageView";
+export { PrizeDrawEntryActions } from "./PrizeDrawEntryActions";
 export { ProductFeaturesSelector } from "./ProductFeaturesSelector";
 export { ProductFeatureBadges } from "./ProductFeatureBadges";
 export { FeatureBadge, FeatureBadgeList } from "./FeatureBadge";

package/dist/features/products/constants/listing-tabs.d.ts

@@ -0,0 +1,113 @@
+/**
+ * Listing-type tab constants (SB10-A).
+ *
+ * Single source of truth for the tab bars shown on category, brand, store,
+ * admin, and search surfaces. Each entry maps to either a `listingType`
+ * filter on the `products` collection or to a separate collection
+ * (currently only `bundles`).
+ *
+ * Add new tab variants here — never inline the tab list inside the view.
+ */
+import type { ListingType } from "../types";
+export interface ListingTab {
+    id: string;
+    label: string;
+    /** Filter against `products.listingType` when set. */
+    listingType?: ListingType;
+    /** Set when the tab queries a different collection (e.g. `bundles`). */
+    collection?: "bundles";
+}
+/** Tabs shown on `/categories/[slug]` and `/brands/[slug]` detail pages. */
+export declare const CATEGORY_PAGE_TABS: readonly [{
+    readonly id: "products";
+    readonly label: "Products";
+    readonly listingType: "standard";
+}, {
+    readonly id: "auctions";
+    readonly label: "Auctions";
+    readonly listingType: "auction";
+}, {
+    readonly id: "pre-orders";
+    readonly label: "Pre-Orders";
+    readonly listingType: "pre-order";
+}, {
+    readonly id: "prize-draws";
+    readonly label: "Prize Draws";
+    readonly listingType: "prize-draw";
+}, {
+    readonly id: "bundles";
+    readonly label: "Bundles";
+    readonly collection: "bundles";
+}];
+export type CategoryTabId = (typeof CATEGORY_PAGE_TABS)[number]["id"];
+/** Tabs shown on the public `/stores/[slug]` nav bar. */
+export declare const STORE_PAGE_TABS: readonly [{
+    readonly id: "products";
+    readonly label: "Products";
+    readonly listingType: "standard";
+}, {
+    readonly id: "auctions";
+    readonly label: "Auctions";
+    readonly listingType: "auction";
+}, {
+    readonly id: "pre-orders";
+    readonly label: "Pre-Orders";
+    readonly listingType: "pre-order";
+}, {
+    readonly id: "prize-draws";
+    readonly label: "Prize Draws";
+    readonly listingType: "prize-draw";
+}, {
+    readonly id: "bundles";
+    readonly label: "Bundles";
+    readonly collection: "bundles";
+}];
+export type StoreTabId = (typeof STORE_PAGE_TABS)[number]["id"];
+/** Tabs shown on the seller-dashboard listings view + admin products list. */
+export declare const SELLER_LISTING_TABS: readonly [{
+    readonly id: "all";
+    readonly label: "All";
+}, {
+    readonly id: "products";
+    readonly label: "Products";
+    readonly listingType: "standard";
+}, {
+    readonly id: "auctions";
+    readonly label: "Auctions";
+    readonly listingType: "auction";
+}, {
+    readonly id: "pre-orders";
+    readonly label: "Pre-Orders";
+    readonly listingType: "pre-order";
+}, {
+    readonly id: "prize-draws";
+    readonly label: "Prize Draws";
+    readonly listingType: "prize-draw";
+}];
+export type SellerListingTabId = (typeof SELLER_LISTING_TABS)[number]["id"];
+/** Tabs shown on `/search` results. */
+export declare const SEARCH_RESULT_TABS: readonly [{
+    readonly id: "all";
+    readonly label: "All";
+}, {
+    readonly id: "products";
+    readonly label: "Products";
+    readonly listingType: "standard";
+}, {
+    readonly id: "auctions";
+    readonly label: "Auctions";
+    readonly listingType: "auction";
+}, {
+    readonly id: "pre-orders";
+    readonly label: "Pre-Orders";
+    readonly listingType: "pre-order";
+}, {
+    readonly id: "prize-draws";
+    readonly label: "Prize Draws";
+    readonly listingType: "prize-draw";
+}, {
+    readonly id: "bundles";
+    readonly label: "Bundles";
+    readonly collection: "bundles";
+}];
+export type SearchTabId = (typeof SEARCH_RESULT_TABS)[number]["id"];

package/dist/features/products/constants/listing-tabs.js

@@ -0,0 +1,43 @@
+/**
+ * Listing-type tab constants (SB10-A).
+ *
+ * Single source of truth for the tab bars shown on category, brand, store,
+ * admin, and search surfaces. Each entry maps to either a `listingType`
+ * filter on the `products` collection or to a separate collection
+ * (currently only `bundles`).
+ *
+ * Add new tab variants here — never inline the tab list inside the view.
+ */
+/** Tabs shown on `/categories/[slug]` and `/brands/[slug]` detail pages. */
+export const CATEGORY_PAGE_TABS = [
+    { id: "products", label: "Products", listingType: "standard" },
+    { id: "auctions", label: "Auctions", listingType: "auction" },
+    { id: "pre-orders", label: "Pre-Orders", listingType: "pre-order" },
+    { id: "prize-draws", label: "Prize Draws", listingType: "prize-draw" },
+    { id: "bundles", label: "Bundles", collection: "bundles" },
+];
+/** Tabs shown on the public `/stores/[slug]` nav bar. */
+export const STORE_PAGE_TABS = [
+    { id: "products", label: "Products", listingType: "standard" },
+    { id: "auctions", label: "Auctions", listingType: "auction" },
+    { id: "pre-orders", label: "Pre-Orders", listingType: "pre-order" },
+    { id: "prize-draws", label: "Prize Draws", listingType: "prize-draw" },
+    { id: "bundles", label: "Bundles", collection: "bundles" },
+];
+/** Tabs shown on the seller-dashboard listings view + admin products list. */
+export const SELLER_LISTING_TABS = [
+    { id: "all", label: "All" },
+    { id: "products", label: "Products", listingType: "standard" },
+    { id: "auctions", label: "Auctions", listingType: "auction" },
+    { id: "pre-orders", label: "Pre-Orders", listingType: "pre-order" },
+    { id: "prize-draws", label: "Prize Draws", listingType: "prize-draw" },
+];
+/** Tabs shown on `/search` results. */
+export const SEARCH_RESULT_TABS = [
+    { id: "all", label: "All" },
+    { id: "products", label: "Products", listingType: "standard" },
+    { id: "auctions", label: "Auctions", listingType: "auction" },
+    { id: "pre-orders", label: "Pre-Orders", listingType: "pre-order" },
+    { id: "prize-draws", label: "Prize Draws", listingType: "prize-draw" },
+    { id: "bundles", label: "Bundles", collection: "bundles" },
+];

package/dist/features/products/index.d.ts

@@ -1,5 +1,6 @@
 export * from "./types";
 export * from "./constants/action-defs";
+export * from "./constants/listing-tabs";
 export * from "./hooks/useProducts";
 export * from "./hooks/useProductDetail";
 export * from "./hooks/useBrands";

package/dist/features/products/index.js

@@ -1,5 +1,6 @@
 export * from "./types";
 export * from "./constants/action-defs";
+export * from "./constants/listing-tabs";
 export * from "./hooks/useProducts";
 export * from "./hooks/useProductDetail";
 export * from "./hooks/useBrands";

package/dist/features/products/migrations.d.ts

@@ -0,0 +1,2 @@
+import type { MigrationStep } from "../../_internal/shared/schema-versions";
+export declare const migrations: Record<number, MigrationStep<any>>;

package/dist/features/products/migrations.js

@@ -0,0 +1,10 @@
+// SB-UNI X3 — migrations shell for product/productFeature/productTemplate.
+// v1 schema is current; no migrations needed yet.
+//
+// To add a migration:
+//   1. Bump the relevant SCHEMA_VERSIONS entry in
+//      `_internal/shared/schema-versions.ts` (e.g. `products: 2`)
+//   2. Add a row below keyed by the FROM-version, returning the upgraded doc
+//   3. Repository wraps reads with `migrateDocument(doc, current, migrations)`
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export const migrations = {};

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

@@ -90,11 +90,7 @@ export declare class ProductRepository extends BaseRepository<ProductDocument> {
             canFilter: boolean;
             canSort: boolean;
         };
-        isAuction: {
-            canFilter: boolean;
-            canSort: boolean;
-        };
-        isPreOrder: {
+        listingType: {
             canFilter: boolean;
             canSort: boolean;
         };
@@ -204,8 +200,8 @@ export declare class ProductRepository extends BaseRepository<ProductDocument> {
         };
     };
     /**
-     * Virtual filter aliases — callers can pass `f=listingType==auction` instead
-     * of `f=isAuction==true,isPreOrder==false`. The Sieve adapter expands the
+     * Virtual filter aliases — callers can pass `f=listingType==auction` for
+     * the canonical listing-kind discriminator. The Sieve adapter expands the
      * alias into real clauses before reaching Firestore.
      *
      * Adding a new alias here makes it usable everywhere `productRepository.list`
@@ -240,6 +236,14 @@ export declare class ProductRepository extends BaseRepository<ProductDocument> {
      * Cloud Functions: stage an atomic bid-count increment into a caller-owned WriteBatch.
      */
     incrementBidCountInBatch(batch: WriteBatch, productId: string, currentBid: number): void;
+    /**
+     * SB6-C / SB4-H — atomically bump `prizeCurrentEntries` by `count`. The
+     * checkout transaction calls this after pool-cap validation; the reveal
+     * code-path uses it as a defence-in-depth check (already incremented at
+     * order create, so this is a no-op unless we shift accounting later).
+     */
+    incrementPrizeEntriesInBatch(batch: WriteBatch, productId: string, count: number): void;
+    productRef(productId: string): DocumentReference;
 }
 export declare class ProductsRepository extends ProductRepository {
 }