@mohasinac/appkit 4.1.3 → 4.3.0

package/dist/features/layout/BackToTop.js

@@ -1,46 +1,42 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import Link from "next/link";
+import { usePathname } from "next/navigation";
 import { useEffect, useState } from "react";
 import { ChevronUp, X } from "lucide-react";
 import { Button, Div } from "../../ui";
-import { normalizeError } from "../../errors/normalize";
-const DISMISSED_KEY = "appkit:back-to-top-dismissed";
 /**
  * BackToTop — floating scroll-to-top button.
  * Appears after the page has scrolled past `threshold` pixels. A small
- * dismiss control lets the user hide it for the rest of the browser
- * session (sessionStorage) — on narrow viewports it can sit close enough
- * to the bottom nav / other floating controls to feel like clutter, so it
- * needs the same "get out of my way" escape hatch as StickyToolbar.
- * Re-appears on the next page load.
+ * dismiss control hides it for the current page view only — dismissal is
+ * plain in-memory component state, reset on every route change (via
+ * `usePathname()`) so navigating anywhere brings it back. Deliberately NOT
+ * persisted to storage: an earlier version wrote the dismissal to
+ * `sessionStorage`, and because this component is mounted once inside the
+ * persistent `AppLayoutShell` (it never remounts on client-side navigation),
+ * that meant one click hid the button for the rest of the browser tab
+ * session with no way to bring it back — reported as "the button is gone
+ * forever." See CLAUDE.md Recurrent Root Cause Patterns.
  */
 export function BackToTop({ threshold = 400, ariaLabel = "Back to top", className = "", }) {
+    const pathname = usePathname();
     const [visible, setVisible] = useState(false);
     const [dismissed, setDismissed] = useState(false);
     useEffect(() => {
-        try {
-            setDismissed(window.sessionStorage.getItem(DISMISSED_KEY) === "1");
-        }
-        catch (_err) {
-            void normalizeError(_err);
-            // sessionStorage unavailable — never dismissed for this render.
-        }
         const handleScroll = () => setVisible(window.scrollY > threshold);
         window.addEventListener("scroll", handleScroll, { passive: true });
         return () => window.removeEventListener("scroll", handleScroll);
     }, [threshold]);
+    // Reset dismissal on every route change — the component itself never
+    // unmounts (it lives inside the persistent app shell), so without this
+    // a single dismiss would otherwise hide the button for the whole session.
+    useEffect(() => {
+        setDismissed(false);
+    }, [pathname]);
     if (!visible || dismissed)
         return null;
     const handleDismiss = () => {
         setDismissed(true);
-        try {
-            window.sessionStorage.setItem(DISMISSED_KEY, "1");
-        }
-        catch (_err) {
-            void normalizeError(_err);
-            // sessionStorage unavailable — dismissal still applies for this render.
-        }
     };
     return (_jsxs(Div, { layout: "flex", align: "center", gap: "1", className: `fixed bottom-[calc(var(--keyboard-inset-height,0px)+var(--bottom-nav-height,4rem))] right-4 z-[var(--appkit-z-bottom-nav)] ${className}`, children: [_jsx(Button, { type: "button", variant: "outline", size: "sm", "aria-label": ariaLabel, onClick: () => window.scrollTo({ top: 0, behavior: "smooth" }), className: "flex items-center justify-center w-10 h-10 rounded-full bg-[var(--appkit-color-surface)] border border-[var(--appkit-color-border)] shadow-md text-[var(--appkit-color-text-muted)] hover:bg-[var(--appkit-color-surface)] dark:hover:bg-slate-700 transition-colors", children: _jsx(ChevronUp, { className: "w-5 h-5", "aria-hidden": "true" }) }), _jsx(Button, { type: "button", variant: "outline", size: "sm", "aria-label": "Hide back-to-top button", onClick: handleDismiss, className: "flex items-center justify-center w-6 h-6 rounded-full bg-[var(--appkit-color-surface)] border border-[var(--appkit-color-border)] shadow-md text-[var(--appkit-color-text-faint)] hover:text-[var(--appkit-color-text)] transition-colors", children: _jsx(X, { className: "w-3 h-3", "aria-hidden": "true" }) })] }));
 }

package/dist/features/layout/NavbarLayout.js

@@ -11,7 +11,7 @@ function DefaultNavItem({ item, isActive, }) {
     const activeClasses = item.highlighted
         ? "border border-primary-400/40 dark:border-secondary-400/30 text-primary-700 dark:text-secondary-400 bg-primary-50/80 dark:bg-secondary-900/30 px-[var(--appkit-space-3)] transition-colors duration-150"
         : isActive
-            ? "bg-primary-50 bg-[var(--appkit-color-surface-elevated)] text-primary-800 dark:text-white font-semibold px-[var(--appkit-space-3)] border-b-2 border-primary-500 dark:border-secondary-400 rounded-none pb-[6px] transition-colors duration-150"
+            ? "bg-primary-50 dark:bg-[var(--appkit-color-surface-elevated)] text-primary-800 dark:text-white font-semibold px-[var(--appkit-space-3)] border-b-2 border-primary-500 dark:border-secondary-400 rounded-none pb-[6px] transition-colors duration-150"
             : "text-[var(--appkit-color-text-muted)] hover:bg-[var(--appkit-color-surface)] hover:bg-[var(--appkit-color-surface-elevated)] hover:text-zinc-950 dark:hover:text-white transition-colors duration-150 px-[var(--appkit-space-3)]";
     return (_jsxs(Link, { href: item.href, "aria-current": isActive ? "page" : undefined, className: `flex items-center gap-[var(--appkit-space-1-5)] py-[var(--appkit-space-2)] text-[length:var(--appkit-text-sm)] rounded-lg font-medium transition-colors duration-150 whitespace-nowrap ${activeClasses}`, children: [item.icon, _jsx(Span, { children: item.label })] }));
 }

package/dist/features/layout/TitleBarLayout.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import Link from "next/link";
 import { Avatar, BlockHeader, Button, Div, Row, Section, SiteLogo, SiteMark, Span } from "../../ui";
 /** Shared icon-button class for all action buttons in the title bar. */
-const iconBtn = "flex items-center justify-center w-9 h-9 rounded-lg text-[var(--appkit-color-text-muted)] hover:bg-primary-50 hover:text-primary-700 hover:bg-[var(--appkit-color-surface-elevated)] dark:hover:text-secondary-400 transition-colors";
+const iconBtn = "flex items-center justify-center w-9 h-9 rounded-lg text-[var(--appkit-color-text-muted)] hover:bg-primary-50 hover:text-primary-700 dark:hover:bg-[var(--appkit-color-surface-elevated)] dark:hover:text-secondary-400 transition-colors";
 /** Badge counter class for wishlist/cart counts. */
 const countBadge = "absolute -top-0.5 -right-0.5 flex items-center justify-center w-4 h-4 rounded-full bg-error-surface text-white text-[10px] font-bold leading-none";
 /**
@@ -30,7 +30,7 @@ export function TitleBarLayout({ onToggleSidebar, sidebarOpen, onSearchToggle, s
     const wishlistEl = wishlistHref ? (_jsxs(Link, { href: wishlistHref, "aria-label": `Wishlist${wishlistCount > 0 ? `, ${wishlistCount} items` : ""}`, className: `relative ${iconBtn}`, "data-tour": "nav-wishlist", children: [_jsx("svg", { className: "w-5 h-5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", "aria-hidden": "true", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4.318 6.318a4.5 4.5 0 0 0 0 6.364L12 20.364l7.682-7.682a4.5 4.5 0 0 0-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 0 0-6.364 0z" }) }), wishlistCount > 0 && (_jsx(Span, { className: countBadge, children: wishlistCount > 9 ? "9+" : wishlistCount }))] })) : null;
     const cartEl = cartHref ? (_jsxs(Link, { href: cartHref, "aria-label": `Cart${cartCount > 0 ? `, ${cartCount} items` : ""}`, className: `relative ${iconBtn}`, "data-tour": "nav-cart", children: [_jsx("svg", { className: "w-5 h-5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", "aria-hidden": "true", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M2.25 3h1.386c.51 0 .955.343 1.087.835l.383 1.437M7.5 14.25a3 3 0 0 0-3 3h15.75m-12.75-3h11.218c1.121-2.3 2.1-4.684 2.924-7.138a60.114 60.114 0 0 0-16.536-1.84M7.5 14.25 5.106 5.272M6 20.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0zm12.75 0a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0z" }) }), cartCount > 0 && (_jsx(Span, { className: countBadge, children: cartCount > 9 ? "9+" : cartCount }))] })) : null;
     const profileEl = profileHref ? (_jsx(Link, { href: profileHref, "aria-label": user ? `Profile — ${user.displayName ?? user.email}` : "Sign in", className: `relative ${iconBtn}`, "data-tour": "nav-profile", children: _jsx(Avatar, { src: user?.photoURL ?? undefined, name: user?.displayName ?? user?.email ?? undefined, alt: user?.displayName ?? "Profile", size: "sm" }) })) : null;
-    const authButtonsEl = !user && (loginHref || registerHref) ? (_jsxs(Row, { gap: "xs", className: "hidden lg:flex", children: [loginHref && (_jsx(Link, { href: loginHref, className: "px-[var(--appkit-space-3)] py-[var(--appkit-space-1-5)] text-[length:var(--appkit-text-sm)] font-medium text-[var(--appkit-color-text-muted)] hover:text-primary-700 dark:hover:text-secondary-400 transition-colors rounded-lg hover:bg-primary-50 hover:bg-[var(--appkit-color-surface-elevated)]", children: "Sign in" })), registerHref && (_jsx(Link, { href: registerHref, className: "px-[var(--appkit-space-3)] py-[var(--appkit-space-1-5)] text-[length:var(--appkit-text-sm)] font-semibold rounded-lg bg-primary text-white hover:bg-primary/90 transition-colors btn-glow shadow-sm", children: "Register" }))] })) : null;
+    const authButtonsEl = !user && (loginHref || registerHref) ? (_jsxs(Row, { gap: "xs", className: "hidden lg:flex", children: [loginHref && (_jsx(Link, { href: loginHref, className: "px-[var(--appkit-space-3)] py-[var(--appkit-space-1-5)] text-[length:var(--appkit-text-sm)] font-medium text-[var(--appkit-color-text-muted)] hover:text-primary-700 dark:hover:text-secondary-400 transition-colors rounded-lg hover:bg-primary-50 dark:hover:bg-[var(--appkit-color-surface-elevated)]", children: "Sign in" })), registerHref && (_jsx(Link, { href: registerHref, className: "px-[var(--appkit-space-3)] py-[var(--appkit-space-1-5)] text-[length:var(--appkit-text-sm)] font-semibold rounded-lg bg-primary text-white hover:bg-primary/90 transition-colors btn-glow shadow-sm", children: "Register" }))] })) : null;
     const hasTb2 = !!(notificationsEl || wishlistEl || cartEl || profileEl);
     // ── Render ───────────────────────────────────────────────────────────────────
     return (_jsxs(BlockHeader, { id: id, className: `sticky top-0 z-50 bg-[var(--appkit-color-bg)]/95 backdrop-blur-md border-b border-[var(--appkit-color-border-subtle)] shadow-sm ${className}`, children: [promoStripText && (_jsx(Section, { color: "inverse", tone: "accent-banner", className: "text-[length:var(--appkit-text-xs)] text-center font-medium", padding: "y-2xs", children: promoStripText })), _jsxs(Div, { paddingX: "x-page", className: "container mx-auto max-w-[1920px]", children: [_jsxs(Row, { justify: "between", gap: "none", className: "relative h-14", children: [_jsx(Row, { gap: "3", children: _jsxs(Link, { href: logoHref, "aria-label": brandName, className: "flex items-center gap-[var(--appkit-space-2)] transition-opacity hover:opacity-80", children: [_jsx(Div, { className: "flex md:hidden", children: _jsx(SiteMark, { title: brandName, size: "sm" }) }), _jsx(SiteLogo, { title: brandName, size: "md" })] }) }), _jsx(Row, { className: "hidden md:flex absolute inset-y-0 left-1/2 -translate-x-1/2", align: "center", children: _jsx(Link, { href: logoHref, "aria-label": brandName, className: "flex items-center transition-opacity hover:opacity-80", children: _jsx(SiteMark, { src: siteLogoUrl, title: brandName, size: "lg" }) }) }), _jsxs(Row, { gap: "xs", children: [devSlot, compareEl, notificationSlot, notificationsEl && _jsx(Div, { className: "hidden lg:flex", children: notificationsEl }), wishlistEl && _jsx(Div, { className: "hidden lg:flex", children: wishlistEl }), cartEl && _jsx(Div, { className: "hidden lg:flex", children: cartEl }), user

package/dist/features/media/MediaVideo.d.ts

@@ -5,6 +5,7 @@
  * client-side overlay covers `<video>` playback because there is no
  * Vercel-Hobby-budget ffmpeg pipeline to bake the watermark into the frames.
  */
+export type MediaVideoWatermarkPosition = "top-left" | "top-right" | "bottom-left" | "bottom-right" | "center" | "custom";
 export interface MediaVideoWatermark {
     /** `"text"` renders a `<Span>` overlay; `"image"` renders a `<MediaImage>` (proxied). */
     type: "text" | "image";
@@ -16,6 +17,12 @@ export interface MediaVideoWatermark {
     size?: number;
     /** Percentage opacity (0–100). Default 20. */
     opacity?: number;
+    /** Anchor preset — mirrors the server-side Sharp pipeline. Default `"center"`. */
+    position?: MediaVideoWatermarkPosition;
+    /** `position === "custom"` only: % of container width, from center. +right / -left. */
+    offsetX?: number;
+    /** `position === "custom"` only: % of container height, from center. +down / -up. */
+    offsetY?: number;
 }
 export interface MediaVideoProps {
     /** Video URL. When undefined the fallback placeholder is rendered. */

package/dist/features/media/MediaVideo.js

@@ -48,6 +48,39 @@ export function MediaVideo({ src, thumbnailUrl, alt = "Video", controls = true,
     }
     return (_jsxs(_Fragment, { children: [_jsx("video", { ref: videoRef, src: resolvedSrc, poster: resolvedPoster, controls: controls, autoPlay: autoPlayMuted, muted: autoPlayMuted, loop: loop, playsInline: true, "aria-label": alt, className: `absolute inset-0 w-full h-full ${fitClass}` }), effectiveWatermark ? _jsx(MediaVideoWatermarkLayer, { config: effectiveWatermark }) : null] }));
 }
+/**
+ * Mirrors the server-side Sharp pipeline's 5 anchor presets + `"custom"`
+ * %-offset-from-center (`resolveCompositePlacement` in
+ * `src/app/api/media/_watermark.ts`) as CSS insets, so a video's live
+ * overlay and its poster-frame-as-image watermark land in the same spot.
+ * Default `"center"`, 0/0 offset — matches the server-side default too.
+ */
+function resolveWatermarkPlacementStyle(config) {
+    const position = config.position ?? "center";
+    const inset = "2%";
+    switch (position) {
+        case "top-left":
+            return { top: inset, left: inset };
+        case "top-right":
+            return { top: inset, right: inset };
+        case "bottom-left":
+            return { bottom: inset, left: inset };
+        case "bottom-right":
+            return { bottom: inset, right: inset };
+        case "custom": {
+            const offsetX = Math.max(-45, Math.min(45, config.offsetX ?? 0));
+            const offsetY = Math.max(-45, Math.min(45, config.offsetY ?? 0));
+            return {
+                top: `calc(50% + ${offsetY}%)`,
+                left: `calc(50% + ${offsetX}%)`,
+                transform: "translate(-50%, -50%)",
+            };
+        }
+        case "center":
+        default:
+            return { top: "50%", left: "50%", transform: "translate(-50%, -50%)" };
+    }
+}
 /**
  * Visual watermark overlay rendered on top of the playing `<video>`. Native
  * video controls render in a higher layer (the browser shadow DOM), so this
@@ -62,16 +95,14 @@ function MediaVideoWatermarkLayer({ config }) {
     const opacity = Math.max(0, Math.min(100, config.opacity ?? 20)) / 100;
     if (widthPct === 0 || opacity === 0)
         return null;
-    // Anchor: bottom-right, with a small inset matching the image watermark
-    // position. Width is a percentage of the container so the watermark scales
-    // with the video, just like the server-side Sharp pipeline scales images.
+    // Width is a percentage of the container so the watermark scales with the
+    // video, just like the server-side Sharp pipeline scales images.
     const containerStyle = {
         position: "absolute",
-        right: "2%",
-        bottom: "2%",
         width: `${widthPct}%`,
         pointerEvents: "none",
         opacity,
+        ...resolveWatermarkPlacementStyle(config),
     };
     if (config.type === "image" && config.imageUrl) {
         return (_jsx(Div, { className: "z-10", style: containerStyle, "aria-hidden": "true", children: _jsx("img", { src: resolveMediaUrl(config.imageUrl), alt: "", className: "block w-full h-auto" }) }));

package/dist/features/orders/actions/refund-actions.js

@@ -49,6 +49,7 @@ export async function issuePartialRefund(adminUid, orderId, deductFees, refundNo
             : `Your full refund of ₹${grossRefund} is being processed.`,
         relatedId: orderId,
         relatedType: "order",
+        orderWhatsappAddonPaid: order.whatsappNotifyAddon === true,
     });
     serverLogger.info("Admin partial refund initiated", {
         adminUid,

package/dist/features/orders/components/OrdersList.js

@@ -29,13 +29,9 @@ export function OrderCard({ order, onClick, labels = {}, renderActions }) {
         it.prizeRevealStatus !== undefined &&
         it.prizeRevealStatus !== "revealed");
     const revealsRemaining = unrevealedPrizeDraws.length;
-    const earliestDeadline = unrevealedPrizeDraws
-        .map((it) => it.prizeRevealDeadline)
-        .filter((d) => !!d)
-        .sort()[0];
     return (_jsxs(Div, { padding: "5", role: onClick ? "button" : undefined, tabIndex: onClick ? 0 : undefined, onKeyDown: onClick
             ? (e) => (e.key === "Enter" || e.key === " ") && onClick(order)
-            : undefined, onClick: onClick ? () => onClick(order) : undefined, className: `border border-neutral-200 ${onClick ? "cursor-pointer transition hover:shadow-md" : ""}`, rounded: "xl", surface: "default", children: [_jsxs(Row, { wrap: true, align: "start", justify: "between", gap: "3", children: [_jsxs(Div, { children: [_jsxs(Text, { className: "text-[var(--appkit-color-text-muted)]", size: "xs", children: ["Order #", order.id.slice(-8).toUpperCase()] }), date && (_jsx(Text, { className: "mt-0.5", color: "faint", size: "xs", children: date }))] }), _jsx(Span, { size: "xs", weight: "semibold", className: `capitalize ${statusColor}`, rounded: "full", padding: "pill-md", children: labels[order.orderStatus] ?? order.orderStatus.replace(/_/g, " ") })] }), revealsRemaining > 0 && (_jsxs(Row, { gap: "sm", className: "mt-2", children: [_jsxs(Span, { size: "xs", weight: "semibold", className: CLS_PRIZE_BADGE, children: [revealsRemaining, " ", revealsRemaining === 1 ? "reveal" : "reveals", " pending"] }), earliestDeadline && (_jsxs(Span, { size: "xs", color: "muted", children: ["before ", new Date(earliestDeadline).toLocaleDateString(getDefaultLocale(), { month: "short", day: "numeric" })] }))] })), _jsxs(Row, { wrap: true, gap: "3", className: "mt-4", children: [order.items.slice(0, 3).map((item, i) => (_jsxs(Row, { gap: "sm", children: [item.image && (_jsx(Div, { className: "relative h-10 w-10 flex-shrink-0", rounded: "lg", overflow: "hidden", children: _jsx(MediaImage, { src: item.image, alt: item.title, size: "thumbnail" }) })), _jsxs(Div, { children: [_jsx(Text, { truncate: true, size: "sm", weight: "medium", color: "primary", children: item.title }), _jsxs(Text, { size: "xs", color: "faint", children: ["\u00D7", item.quantity] })] })] }, i))), order.items.length > 3 && (_jsxs(Span, { size: "xs", className: "self-center", color: "faint", children: ["+", order.items.length - 3, " more"] }))] }), _jsxs(Row, { justify: "between", className: "mt-4 border-t border-neutral-100", padding: "t-sm", children: [_jsxs(Span, { size: "sm", className: "text-[var(--appkit-color-text-muted)]", children: [order.currency ?? "", " Total"] }), _jsx(Span, { weight: "semibold", className: "text-[var(--appkit-color-text)]", children: formatCurrency(order.total, order.currency) })] }), renderActions && (_jsx(Row, { justify: "end", gap: "sm", className: "mt-3", onClick: (e) => e.stopPropagation(), children: renderActions(order) }))] }));
+            : undefined, onClick: onClick ? () => onClick(order) : undefined, className: `border border-neutral-200 ${onClick ? "cursor-pointer transition hover:shadow-md" : ""}`, rounded: "xl", surface: "default", children: [_jsxs(Row, { wrap: true, align: "start", justify: "between", gap: "3", children: [_jsxs(Div, { children: [_jsxs(Text, { className: "text-[var(--appkit-color-text-muted)]", size: "xs", children: ["Order #", order.id.slice(-8).toUpperCase()] }), date && (_jsx(Text, { className: "mt-0.5", color: "faint", size: "xs", children: date }))] }), _jsx(Span, { size: "xs", weight: "semibold", className: `capitalize ${statusColor}`, rounded: "full", padding: "pill-md", children: labels[order.orderStatus] ?? order.orderStatus.replace(/_/g, " ") })] }), revealsRemaining > 0 && (_jsx(Row, { gap: "sm", className: "mt-2", children: _jsxs(Span, { size: "xs", weight: "semibold", className: CLS_PRIZE_BADGE, children: [revealsRemaining, " ", revealsRemaining === 1 ? "reveal" : "reveals", " pending"] }) })), _jsxs(Row, { wrap: true, gap: "3", className: "mt-4", children: [order.items.slice(0, 3).map((item, i) => (_jsxs(Row, { gap: "sm", children: [item.image && (_jsx(Div, { className: "relative h-10 w-10 flex-shrink-0", rounded: "lg", overflow: "hidden", children: _jsx(MediaImage, { src: item.image, alt: item.title, size: "thumbnail" }) })), _jsxs(Div, { children: [_jsx(Text, { truncate: true, size: "sm", weight: "medium", color: "primary", children: item.title }), _jsxs(Text, { size: "xs", color: "faint", children: ["\u00D7", item.quantity] })] })] }, i))), order.items.length > 3 && (_jsxs(Span, { size: "xs", className: "self-center", color: "faint", children: ["+", order.items.length - 3, " more"] }))] }), _jsxs(Row, { justify: "between", className: "mt-4 border-t border-neutral-100", padding: "t-sm", children: [_jsxs(Span, { size: "sm", className: "text-[var(--appkit-color-text-muted)]", children: [order.currency ?? "", " Total"] }), _jsx(Span, { weight: "semibold", className: "text-[var(--appkit-color-text)]", children: formatCurrency(order.total, order.currency) })] }), renderActions && (_jsx(Row, { justify: "end", gap: "sm", className: "mt-3", onClick: (e) => e.stopPropagation(), children: renderActions(order) }))] }));
 }
 export function OrdersList({ orders, isLoading, onOrderClick, totalPages = 1, currentPage = 1, onPageChange, emptyLabel = "No orders found", renderActions, }) {
     if (isLoading) {

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

@@ -92,10 +92,6 @@ export interface OrderDocumentItem {
     listingType?: ListingType;
     /** SB8-F â€" per-item reveal status; flips through pending â†' open â†' revealed/closed. */
     prizeRevealStatus?: "pending" | "open" | "closed" | "revealed";
-    /** SB8-F â€" ISO timestamp; deadline by which the buyer must claim the prize. */
-    prizeRevealDeadline?: string;
-    /** SB8-F â€" set after the reveal API picks a winner. */
-    revealedItemNumber?: number;
     /** Set when the buyer cancels this specific line item post-order (partial cancellation). */
     cancelledQuantity?: number;
     cancelledAt?: Date;
@@ -183,6 +179,20 @@ export interface OrderDocument extends BaseDocument {
     codRemainingAmount?: number;
     /** COD handling fee charged to the buyer: max(codHandlingFeeMin, subtotal × codHandlingFeePercent / 100). Only set when paymentMethod === "cod". */
     codHandlingFee?: number;
+    /** Buyer opted into WhatsApp order-update messages at checkout (unchecked by default). */
+    whatsappNotifyAddon?: boolean;
+    /** Fee charged for the WhatsApp addon, decimal rupees — snapshot of siteSettings.commissions.whatsappNotifyFee at order time. */
+    whatsappNotifyFee?: number;
+    /** Buyer opted into gift wrapping at checkout (unchecked by default). */
+    giftWrapAddon?: boolean;
+    /** Fee charged for gift wrap, decimal rupees — snapshot of siteSettings.commissions.giftWrapFee at order time. */
+    giftWrapFee?: number;
+    /** Optional buyer-written gift message, shown to the seller for fulfilment. Capped length. */
+    giftWrapMessage?: string;
+    /** Buyer opted into shipment protection (loss/damage insurance) at checkout (unchecked by default). */
+    shipmentProtectionAddon?: boolean;
+    /** Fee charged for shipment protection, decimal rupees — snapshot of siteSettings.commissions.shipmentProtectionFeePercent/Min at order time. */
+    shipmentProtectionFee?: number;
     /** Order subtotal before GST — the amount GST is computed on. */
     taxableAmount?: number;
     /** Total GST charged (cgst + sgst, or igst — never both pairs at once). */
@@ -222,12 +232,10 @@ export interface OrderDocument extends BaseDocument {
         images: string[];
         wonAt: Date;
     };
-    /** Deadline for the buyer to claim the won prize (typically 7 days). */
-    prizeRevealDeadline?: Date;
-    /** True once `prizeRevealDeadline` passes without a claim â€" auto-forfeit. */
-    prizeRevealExpired?: boolean;
     /** Source product id when the order came from a prize-draw entry. */
     prizeDrawProductId?: string;
+    /** Denormalized from the product at order-creation time — drives reveal copy on the order-detail page without an extra product fetch. */
+    prizeRevealMode?: "instant" | "scheduled";
     /** True for prize-draw entries and bundle purchases that bypass refund. */
     isNonRefundable?: boolean;
     /** Set when the order came from a bundle â€" points back to `bundles/{id}`. */

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

@@ -90,8 +90,6 @@ export declare const orderDocumentItemSchema: z.ZodObject<{
     totalPrice: z.ZodEffects<z.ZodNumber, number, number>;
     listingType: z.ZodOptional<z.ZodEnum<["standard", "auction", "pre-order", "prize-draw", "classified", "digital-code", "live"]>>;
     prizeRevealStatus: z.ZodOptional<z.ZodEnum<["pending", "open", "closed", "revealed"]>>;
-    prizeRevealDeadline: z.ZodOptional<z.ZodString>;
-    revealedItemNumber: z.ZodOptional<z.ZodNumber>;
 }, "strip", z.ZodTypeAny, {
     productId: string;
     quantity: number;
@@ -100,8 +98,6 @@ export declare const orderDocumentItemSchema: z.ZodObject<{
     totalPrice: number;
     listingType?: "standard" | "auction" | "pre-order" | "prize-draw" | "classified" | "digital-code" | "live" | undefined;
     prizeRevealStatus?: "closed" | "open" | "pending" | "revealed" | undefined;
-    prizeRevealDeadline?: string | undefined;
-    revealedItemNumber?: number | undefined;
 }, {
     productId: string;
     quantity: number;
@@ -110,8 +106,6 @@ export declare const orderDocumentItemSchema: z.ZodObject<{
     totalPrice: number;
     listingType?: "standard" | "auction" | "pre-order" | "prize-draw" | "classified" | "digital-code" | "live" | undefined;
     prizeRevealStatus?: "closed" | "open" | "pending" | "revealed" | undefined;
-    prizeRevealDeadline?: string | undefined;
-    revealedItemNumber?: number | undefined;
 }>;
 export declare const orderRefundEventSchema: z.ZodObject<{
     refundId: z.ZodString;
@@ -255,8 +249,6 @@ export declare const orderFirestoreSchema: z.ZodObject<{
         totalPrice: z.ZodEffects<z.ZodNumber, number, number>;
         listingType: z.ZodOptional<z.ZodEnum<["standard", "auction", "pre-order", "prize-draw", "classified", "digital-code", "live"]>>;
         prizeRevealStatus: z.ZodOptional<z.ZodEnum<["pending", "open", "closed", "revealed"]>>;
-        prizeRevealDeadline: z.ZodOptional<z.ZodString>;
-        revealedItemNumber: z.ZodOptional<z.ZodNumber>;
     }, "strip", z.ZodTypeAny, {
         productId: string;
         quantity: number;
@@ -265,8 +257,6 @@ export declare const orderFirestoreSchema: z.ZodObject<{
         totalPrice: number;
         listingType?: "standard" | "auction" | "pre-order" | "prize-draw" | "classified" | "digital-code" | "live" | undefined;
         prizeRevealStatus?: "closed" | "open" | "pending" | "revealed" | undefined;
-        prizeRevealDeadline?: string | undefined;
-        revealedItemNumber?: number | undefined;
     }, {
         productId: string;
         quantity: number;
@@ -275,8 +265,6 @@ export declare const orderFirestoreSchema: z.ZodObject<{
         totalPrice: number;
         listingType?: "standard" | "auction" | "pre-order" | "prize-draw" | "classified" | "digital-code" | "live" | undefined;
         prizeRevealStatus?: "closed" | "open" | "pending" | "revealed" | undefined;
-        prizeRevealDeadline?: string | undefined;
-        revealedItemNumber?: number | undefined;
     }>, "many">>;
     orderType: z.ZodOptional<z.ZodString>;
     imageUrls: z.ZodOptional<z.ZodArray<z.ZodString, "many">>;
@@ -450,15 +438,8 @@ export declare const orderFirestoreSchema: z.ZodObject<{
             toDate: z.ZodFunction<z.ZodTuple<[], z.ZodUnknown>, z.ZodDate>;
         }, z.ZodTypeAny, "passthrough">;
     }>>;
-    prizeRevealDeadline: z.ZodOptional<z.ZodUnion<[z.ZodDate, z.ZodString, z.ZodObject<{
-        toDate: z.ZodFunction<z.ZodTuple<[], z.ZodUnknown>, z.ZodDate>;
-    }, "passthrough", z.ZodTypeAny, z.objectOutputType<{
-        toDate: z.ZodFunction<z.ZodTuple<[], z.ZodUnknown>, z.ZodDate>;
-    }, z.ZodTypeAny, "passthrough">, z.objectInputType<{
-        toDate: z.ZodFunction<z.ZodTuple<[], z.ZodUnknown>, z.ZodDate>;
-    }, z.ZodTypeAny, "passthrough">>]>>;
-    prizeRevealExpired: z.ZodOptional<z.ZodBoolean>;
     prizeDrawProductId: z.ZodOptional<z.ZodString>;
+    prizeRevealMode: z.ZodOptional<z.ZodEnum<["instant", "scheduled"]>>;
     isNonRefundable: z.ZodOptional<z.ZodBoolean>;
     bundleId: z.ZodOptional<z.ZodString>;
     paymentBatchId: z.ZodOptional<z.ZodString>;
@@ -582,6 +563,7 @@ export declare const orderFirestoreSchema: z.ZodObject<{
     paymentMethod?: string | undefined;
     notes?: string | undefined;
     storeName?: string | undefined;
+    prizeRevealMode?: "instant" | "scheduled" | undefined;
     physicalLocation?: {
         zone: string;
         shelf: string;
@@ -595,8 +577,6 @@ export declare const orderFirestoreSchema: z.ZodObject<{
         totalPrice: number;
         listingType?: "standard" | "auction" | "pre-order" | "prize-draw" | "classified" | "digital-code" | "live" | undefined;
         prizeRevealStatus?: "closed" | "open" | "pending" | "revealed" | undefined;
-        prizeRevealDeadline?: string | undefined;
-        revealedItemNumber?: number | undefined;
     }[] | undefined;
     payoutStatus?: "paid" | "eligible" | "requested" | undefined;
     couponCode?: string | undefined;
@@ -668,10 +648,6 @@ export declare const orderFirestoreSchema: z.ZodObject<{
             toDate: z.ZodFunction<z.ZodTuple<[], z.ZodUnknown>, z.ZodDate>;
         }, z.ZodTypeAny, "passthrough">;
     } | undefined;
-    prizeRevealDeadline?: string | Date | z.objectOutputType<{
-        toDate: z.ZodFunction<z.ZodTuple<[], z.ZodUnknown>, z.ZodDate>;
-    }, z.ZodTypeAny, "passthrough"> | undefined;
-    prizeRevealExpired?: boolean | undefined;
     prizeDrawProductId?: string | undefined;
     isNonRefundable?: boolean | undefined;
     bundleId?: string | undefined;
@@ -735,6 +711,7 @@ export declare const orderFirestoreSchema: z.ZodObject<{
     paymentMethod?: string | undefined;
     notes?: string | undefined;
     storeName?: string | undefined;
+    prizeRevealMode?: "instant" | "scheduled" | undefined;
     physicalLocation?: {
         zone: string;
         shelf: string;
@@ -748,8 +725,6 @@ export declare const orderFirestoreSchema: z.ZodObject<{
         totalPrice: number;
         listingType?: "standard" | "auction" | "pre-order" | "prize-draw" | "classified" | "digital-code" | "live" | undefined;
         prizeRevealStatus?: "closed" | "open" | "pending" | "revealed" | undefined;
-        prizeRevealDeadline?: string | undefined;
-        revealedItemNumber?: number | undefined;
     }[] | undefined;
     payoutStatus?: "paid" | "eligible" | "requested" | undefined;
     couponCode?: string | undefined;
@@ -821,10 +796,6 @@ export declare const orderFirestoreSchema: z.ZodObject<{
             toDate: z.ZodFunction<z.ZodTuple<[], z.ZodUnknown>, z.ZodDate>;
         }, z.ZodTypeAny, "passthrough">;
     } | undefined;
-    prizeRevealDeadline?: string | Date | z.objectInputType<{
-        toDate: z.ZodFunction<z.ZodTuple<[], z.ZodUnknown>, z.ZodDate>;
-    }, z.ZodTypeAny, "passthrough"> | undefined;
-    prizeRevealExpired?: boolean | undefined;
     prizeDrawProductId?: string | undefined;
     isNonRefundable?: boolean | undefined;
     bundleId?: string | undefined;

package/dist/features/orders/schemas/index.js

@@ -51,8 +51,6 @@ export const orderDocumentItemSchema = z.object({
     totalPrice: rupeesSchema,
     listingType: orderListingTypeSchema.optional(),
     prizeRevealStatus: z.enum(["pending", "open", "closed", "revealed"]).optional(),
-    prizeRevealDeadline: z.string().optional(),
-    revealedItemNumber: z.number().int().optional(),
 });
 export const orderRefundEventSchema = z.object({
     refundId: z.string(),
@@ -152,9 +150,8 @@ export const orderFirestoreSchema = z.object({
     payoutId: z.string().optional(),
     offerId: z.string().optional(),
     prizeWon: prizeWonSchema.optional(),
-    prizeRevealDeadline: firestoreDateSchema.optional(),
-    prizeRevealExpired: z.boolean().optional(),
     prizeDrawProductId: z.string().optional(),
+    prizeRevealMode: z.enum(["instant", "scheduled"]).optional(),
     isNonRefundable: z.boolean().optional(),
     bundleId: z.string().optional(),
     paymentBatchId: z.string().optional(),

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

@@ -32,10 +32,6 @@ export interface OrderItem {
      * "X reveals pending" badge on user orders.
      */
     prizeRevealStatus?: "pending" | "open" | "closed" | "revealed";
-    /** ISO timestamp — when the user must claim their reveal before forfeit. */
-    prizeRevealDeadline?: string;
-    /** Set after the reveal endpoint picks a winner — the prize item index. */
-    revealedItemNumber?: number;
     /** Set when the buyer cancels this specific line item post-order (partial cancellation). */
     cancelledQuantity?: number;
     /**
@@ -85,9 +81,10 @@ export interface Order {
     disputeRaised?: boolean;
     disputeStatus?: "open" | "resolved";
     /**
-     * Reveal-mode prize-draw fields (SB4-H/SB8-C). Set once the reveal
-     * endpoint has assigned a prize to this order; used to drive the
-     * "Reveal my prize" CTA on the order-detail page.
+     * Reveal-mode prize-draw fields (SB4-H/SB8-C). Set once the winner has
+     * been automatically assigned to this order (on payment confirmation,
+     * draw expiry, or sellout — see assignPrizeDrawWinner); drives the
+     * PrizeRevealModal's "won" display on the order-detail page.
      */
     prizeWon?: {
         itemNumber: number;
@@ -95,10 +92,10 @@ export interface Order {
         images: string[];
         wonAt: string;
     };
-    prizeRevealDeadline?: string;
-    prizeRevealExpired?: boolean;
     /** Source prize-draw product id, when this order came from one. */
     prizeDrawProductId?: string;
+    /** Denormalized from the product at order-creation time — drives PrizeRevealModal copy. */
+    prizeRevealMode?: "instant" | "scheduled";
 }
 export interface OrderListResponse {
     items: Order[];

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

@@ -64,5 +64,5 @@ export function MarketplacePreorderCard({ product, className = "", variant = "gr
                 /* ── Compact list layout ── */
                 _jsxs(_Fragment, { children: [_jsxs(Row, { className: "min-w-0", align: "start", justify: "between", gap: "sm", children: [_jsx(TextLink, { href: detailHref, className: "min-w-0 flex-1", children: _jsx(Text, { size: "sm", weight: "medium", color: "primary", truncate: 2, children: product.title }) }), wishlistActions && (_jsx(Button, { type: "button", variant: "ghost", size: "sm", className: `shrink-0 p-[0.25rem] leading-none ${inWishlist ? "text-primary" : "text-[var(--appkit-color-text-faint)]"}`, onClick: handleWishlist, "aria-label": inWishlist ? mergedLabels.removeFromWishlist : mergedLabels.addToWishlist, children: inWishlist ? "♥" : "♡" }))] }), _jsxs(Row, { align: "center", gap: "sm", wrap: true, children: [_jsx(Text, { className: "text-primary", size: "sm", weight: "bold", children: formatCurrency(product.price, getDefaultCurrency()) }), shipDate && _jsx(PreorderBadge, { shipDate: shipDate })] }), _jsx(Button, { type: "button", variant: "primary", size: "sm", textSize: "xs", className: "self-start mt-0.5", onClick: handleNavigate, children: mergedLabels.reserveNow })] })) : (
                 /* ── Full grid layout ── */
-                _jsxs(_Fragment, { children: [_jsx(TextLink, { href: detailHref, children: _jsx(Text, { size: "sm", weight: "medium", color: "primary", truncate: 2, children: product.title }) }), product.description ? (_jsx(RichText, { html: normalizeRichTextHtml(product.description), proseClass: "prose prose-sm max-w-none dark:prose-invert prose-p:my-0", className: "line-clamp-2 text-[length:var(--appkit-text-xs)] text-[var(--appkit-color-text-muted)]" })) : null, _jsxs(Row, { justify: "between", className: "mt-1", gap: "sm", children: [_jsx(Text, { size: "sm", weight: "semibold", color: "primary", children: formatCurrency(product.price, getDefaultCurrency()) }), shipDate && _jsx(PreorderBadge, { shipDate: shipDate })] }), _jsxs(Row, { justify: "between", className: "mt-2", gap: "sm", children: [_jsx(Button, { type: "button", variant: "primary", size: "sm", textSize: "xs", className: "flex-1", onClick: handleNavigate, children: mergedLabels.reserveNow }), onAddToCart ? (_jsx(Button, { type: "button", variant: "outline", size: "sm", textSize: "xs", className: "flex-1", onClick: (e) => { e.stopPropagation(); onAddToCart(product); }, children: mergedLabels.addToCart })) : null, wishlistActions ? (_jsx(Button, { type: "button", variant: "ghost", size: "sm", className: `${inWishlist ? "text-primary" : "text-[var(--appkit-color-text-muted)]"}`, onClick: handleWishlist, "aria-label": inWishlist ? mergedLabels.removeFromWishlist : mergedLabels.addToWishlist, children: inWishlist ? "♥" : "♡" })) : null] })] })) })] }));
+                _jsxs(_Fragment, { children: [_jsx(TextLink, { href: detailHref, children: _jsx(Text, { size: "sm", weight: "medium", color: "primary", truncate: 2, children: product.title }) }), product.description ? (_jsx(RichText, { html: normalizeRichTextHtml(product.description), proseClass: "prose prose-sm max-w-none dark:prose-invert prose-p:my-0", className: "line-clamp-2 text-[length:var(--appkit-text-xs)] text-[var(--appkit-color-text-muted)]" })) : null, _jsxs(Row, { justify: "between", className: "mt-1", gap: "sm", children: [_jsx(Text, { size: "sm", weight: "semibold", color: "primary", children: formatCurrency(product.price, getDefaultCurrency()) }), shipDate && _jsx(PreorderBadge, { shipDate: shipDate })] }), _jsxs(Row, { justify: "between", className: "mt-auto pt-2", gap: "sm", children: [_jsx(Button, { type: "button", variant: "primary", size: "sm", textSize: "xs", className: "flex-1", onClick: handleNavigate, children: mergedLabels.reserveNow }), onAddToCart ? (_jsx(Button, { type: "button", variant: "outline", size: "sm", textSize: "xs", className: "flex-1", onClick: (e) => { e.stopPropagation(); onAddToCart(product); }, children: mergedLabels.addToCart })) : null, wishlistActions ? (_jsx(Button, { type: "button", variant: "ghost", size: "sm", className: `${inWishlist ? "text-primary" : "text-[var(--appkit-color-text-muted)]"}`, onClick: handleWishlist, "aria-label": inWishlist ? mergedLabels.removeFromWishlist : mergedLabels.addToWishlist, children: inWishlist ? "♥" : "♡" })) : null] })] })) })] }));
 }

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

@@ -82,6 +82,7 @@ export async function PreOrderDetailPageView({ id, initialPreOrder, onReserveNow
         : typeof p.mainImage === "string"
             ? [p.mainImage]
             : [];
+    const productVideo = p.video;
     const reservedCount = typeof p.preOrderCurrentCount === "number"
         ? p.preOrderCurrentCount
         : typeof p.reservedCount === "number"
@@ -150,7 +151,7 @@ export async function PreOrderDetailPageView({ id, initialPreOrder, onReserveNow
                     price: typeof p.price === "number" ? p.price : undefined,
                     storeId: typeof p.storeId === "string" ? p.storeId : undefined,
                     storeName: typeof p.storeName === "string" ? p.storeName : undefined,
-                } }), _jsxs(Container, { size: "xl", padding: "y-lg", children: [_jsxs(Row, { className: "mb-4", align: "center", justify: "between", gap: "sm", wrap: true, children: [_jsxs(Nav, { "aria-label": "Breadcrumb", layout: "flex-wrap", gap: "2xs", textSize: "xs", color: "muted", children: [_jsx(Link, { href: String(ROUTES.HOME), className: CLS_BREADCRUMB_LINK, children: "Home" }), _jsx(Span, { "aria-hidden": true, children: "/" }), _jsx(Link, { href: String(ROUTES.PUBLIC.PRE_ORDERS), className: CLS_BREADCRUMB_LINK, children: "Pre-Orders" }), category && (_jsxs(_Fragment, { children: [_jsx(Span, { "aria-hidden": true, children: "/" }), _jsx(Link, { href: String(ROUTES.PUBLIC.CATEGORY_DETAIL(category)), className: CLS_BREADCRUMB_LINK, children: categoryName || category })] })), _jsx(Span, { "aria-hidden": true, children: "/" }), _jsx(Span, { className: "truncate max-w-[200px]", color: "muted", children: title })] }), _jsx(ShareButton, { title: title })] }), _jsx(PreOrderDetailView, { renderGallery: () => (_jsx(ProductGalleryClient, { images: images, productName: title })), renderInfo: () => (_jsx(PreOrderInfoSection, { title: title, productionStatus: productionStatus, maxPerUser: maxPerUser, deliveryDate: deliveryDate, featured: featured, freeShipping: freeShipping, condition: condition, isCancellable: isCancellable, category: category, categoryName: categoryName, brand: brand, brandSlug: brandSlug, productFeatures: productFeatures, features: features, descriptionHtml: descriptionHtml, safeSeller: safeSeller, storeHref: storeHref })), renderSublistingSection: sublistingCategoryId
+                } }), _jsxs(Container, { size: "xl", padding: "y-lg", children: [_jsxs(Row, { className: "mb-4", align: "center", justify: "between", gap: "sm", wrap: true, children: [_jsxs(Nav, { "aria-label": "Breadcrumb", layout: "flex-wrap", gap: "2xs", textSize: "xs", color: "muted", children: [_jsx(Link, { href: String(ROUTES.HOME), className: CLS_BREADCRUMB_LINK, children: "Home" }), _jsx(Span, { "aria-hidden": true, children: "/" }), _jsx(Link, { href: String(ROUTES.PUBLIC.PRE_ORDERS), className: CLS_BREADCRUMB_LINK, children: "Pre-Orders" }), category && (_jsxs(_Fragment, { children: [_jsx(Span, { "aria-hidden": true, children: "/" }), _jsx(Link, { href: String(ROUTES.PUBLIC.CATEGORY_DETAIL(category)), className: CLS_BREADCRUMB_LINK, children: categoryName || category })] })), _jsx(Span, { "aria-hidden": true, children: "/" }), _jsx(Span, { className: "truncate max-w-[200px]", color: "muted", children: title })] }), _jsx(ShareButton, { title: title })] }), _jsx(PreOrderDetailView, { renderGallery: () => (_jsx(ProductGalleryClient, { images: images, video: productVideo, productName: title })), renderInfo: () => (_jsx(PreOrderInfoSection, { title: title, productionStatus: productionStatus, maxPerUser: maxPerUser, deliveryDate: deliveryDate, featured: featured, freeShipping: freeShipping, condition: condition, isCancellable: isCancellable, category: category, categoryName: categoryName, brand: brand, brandSlug: brandSlug, productFeatures: productFeatures, features: features, descriptionHtml: descriptionHtml, safeSeller: safeSeller, storeHref: storeHref })), renderSublistingSection: sublistingCategoryId
                             ? () => (_jsx(SublistingCarouselSection, { sublistingCategoryId: sublistingCategoryId, currentListingId: String(product.id) }))
                             : undefined, renderGroupSection: groupId
                             ? () => (_jsx(ShowGroupSection, { groupId: groupId, currentSlug: String(p.slug ?? product.id), isParent: isGroupParent, groupTitle: groupTitle }))

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

@@ -101,16 +101,19 @@ export async function listPreOrders(params = {}) {
     });
 }
 export async function getRelatedProducts(categoryId, excludeId, limit = 6) {
-    const result = await productRepository.list({
-        filters: sieveAnd(sieveFilter("categoryId", SIEVE_OP.EQ, categoryId), PUBLISHED_CLAUSE),
-        sorts: sortBy("createdAt", "DESC"),
-        page: 1,
-        pageSize: limit + 1,
-    });
-    return {
-        ...result,
-        items: result.items.filter((p) => p.id !== excludeId).slice(0, limit),
-    };
+    // `categoryId` here is really a category slug — products store their
+    // category FK in categorySlugs[] (array-contains), not a scalar
+    // "categoryId" field, which never existed on ProductDocument.
+    const docs = await productRepository.findByCategory(categoryId);
+    const items = docs
+        .filter((p) => p.id !== excludeId && p.status === ProductStatusValues.PUBLISHED)
+        .sort((a, b) => {
+        const aTime = a.createdAt instanceof Date ? a.createdAt.getTime() : 0;
+        const bTime = b.createdAt instanceof Date ? b.createdAt.getTime() : 0;
+        return bTime - aTime;
+    })
+        .slice(0, limit);
+    return { items, total: items.length, page: 1, pageSize: limit, totalPages: 1, hasMore: false };
 }
 export async function getStoreStorefrontProducts(storeId) {
     const products = await productRepository.findByStore(storeId);

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

@@ -1,5 +1,5 @@
 import type { CategoryDocument } from "../../categories/schemas/firestore";
-export type MarketplaceBundleCardData = Pick<CategoryDocument, "id" | "name" | "slug" | "bundleItemDetails" | "bundleProductIds" | "bundlePrice" | "bundleStockStatus" | "display">;
+export type MarketplaceBundleCardData = Pick<CategoryDocument, "id" | "name" | "slug" | "bundleItemDetails" | "bundleProductIds" | "bundlePrice" | "bundleOriginalTotal" | "bundleStockStatus" | "display">;
 export interface MarketplaceBundleCardLabels {
     bundleBadge?: string;
     inStockBadge?: string;

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

@@ -12,6 +12,8 @@ const CLS_STOCK_OK = "bg-success-surface text-white";
 const CLS_VIEW_BTN = "mt-2 w-full cursor-pointer rounded-md bg-violet-600 py-[var(--appkit-space-1-5)] text-center text-[length:var(--appkit-text-xs)] font-semibold text-white transition-colors hover:bg-violet-700 active:scale-[0.98]";
 import { BaseListingCard, Div, Row, Span, Stack, Text, TextLink } from "../../../ui";
 import { MediaImage } from "../../media/MediaImage";
+import { computeBundleDiscount } from "../../../_internal/shared/features/categories/bundle-pricing";
+import { BUNDLE_COPY } from "../../../_internal/shared/features/categories/bundle-copy";
 const DEFAULT_LABELS = {
     bundleBadge: "Bundle",
     inStockBadge: "In stock",
@@ -34,6 +36,7 @@ export function MarketplaceBundleCard({ bundle, className = "", variant = "grid"
     const stock = bundle.bundleStockStatus ?? "in_stock";
     const cover = bundle.display?.coverImage;
     const price = bundle.bundlePrice;
+    const discount = computeBundleDiscount(bundle.bundlePrice, bundle.bundleOriginalTotal);
     const collageTiles = (bundle.bundleItemDetails ?? [])
         .filter((d) => Boolean(d.imageURL))
         .slice(0, 4);
@@ -46,13 +49,13 @@ export function MarketplaceBundleCard({ bundle, className = "", variant = "grid"
         }
         router.push(String(detailHref));
     }, [detailHref, onNavigate, router]);
-    return (_jsxs(BaseListingCard, { isSelected: isSelected, variant: variant, className: className, onMouseDown: !isSelected ? longPress.onMouseDown : undefined, onMouseUp: !isSelected ? longPress.onMouseUp : undefined, onMouseLeave: !isSelected ? longPress.onMouseLeave : undefined, onTouchStart: !isSelected ? longPress.onTouchStart : undefined, onTouchEnd: !isSelected ? longPress.onTouchEnd : undefined, onTouchCancel: !isSelected ? longPress.onTouchCancel : undefined, children: [_jsxs(BaseListingCard.Hero, { aspect: "square", variant: variant, children: [_jsx(TextLink, { href: String(detailHref), className: "absolute inset-0 block", children: showCollage ? (_jsx(Div, { layout: "grid", className: `h-full w-full gap-[0.125rem] bg-[var(--appkit-color-surface-muted)] ${collageTiles.length === 2 ? "grid-cols-2 grid-rows-1" : "grid-cols-2 grid-rows-2"}`, children: collageTiles.map((tile, i) => (_jsxs(Div, { className: "relative overflow-hidden bg-[var(--appkit-color-surface-muted)]", children: [_jsx(MediaImage, { src: tile.imageURL, alt: tile.title ?? `${bundle.name} item ${i + 1}`, size: "card" }), i === collageTiles.length - 1 && overflow > 0 && (_jsxs(Row, { textWeight: "semibold", textSize: "sm", surface: "overlay-md", className: "absolute inset-0 text-white", align: "center", justify: "center", children: ["+", overflow] }))] }, `${tile.productId}-${i}`))) })) : cover ? (_jsx(Div, { className: "absolute inset-0 bg-[var(--appkit-color-surface-muted)]", children: _jsx(MediaImage, { src: cover, alt: bundle.name, size: "card" }) })) : (_jsx(Row, { className: "absolute inset-0 bg-[var(--appkit-color-surface-muted)]", align: "center", justify: "center", children: _jsx(Text, { className: "text-[var(--appkit-color-text-muted)]", size: "xs", children: "No image" }) })) }), _jsxs(Stack, { className: "absolute right-2 top-2", align: "end", gap: "xs", children: [_jsx(Span, { size: "xs", weight: "medium", className: CLS_BUNDLE_PILL, children: mergedLabels.bundleBadge }), _jsx(Span, { layout: "inline-flex", color: "inverse", className: `${stock === "out_of_stock" ? "bg-neutral-500 " : CLS_STOCK_OK}`, rounded: "full", padding: "pill-xs", size: "xs", weight: "medium", children: stock === "out_of_stock" ? mergedLabels.outOfStockBadge : mergedLabels.inStockBadge })] }), stock === "out_of_stock" && (_jsx(Row, { surface: "overlay-xs", className: "absolute inset-0", align: "center", justify: "center", children: _jsx(Span, { color: "inverse", size: "xs", weight: "bold", className: "bg-neutral-900/80 tracking-wider", rounded: "default", padding: "pill-md", transform: "uppercase", children: mergedLabels.outOfStockBadge }) })), onSelect && (_jsx(BaseListingCard.Checkbox, { selected: isSelected, onSelect: (event) => {
+    return (_jsxs(BaseListingCard, { isSelected: isSelected, variant: variant, className: className, onMouseDown: !isSelected ? longPress.onMouseDown : undefined, onMouseUp: !isSelected ? longPress.onMouseUp : undefined, onMouseLeave: !isSelected ? longPress.onMouseLeave : undefined, onTouchStart: !isSelected ? longPress.onTouchStart : undefined, onTouchEnd: !isSelected ? longPress.onTouchEnd : undefined, onTouchCancel: !isSelected ? longPress.onTouchCancel : undefined, children: [_jsxs(BaseListingCard.Hero, { aspect: "square", variant: variant, children: [_jsx(TextLink, { href: String(detailHref), className: "absolute inset-0 block", children: showCollage ? (_jsx(Div, { layout: "grid", className: `h-full w-full gap-[0.125rem] bg-[var(--appkit-color-surface-muted)] ${collageTiles.length === 2 ? "grid-cols-2 grid-rows-1" : "grid-cols-2 grid-rows-2"}`, children: collageTiles.map((tile, i) => (_jsxs(Div, { className: "relative overflow-hidden bg-[var(--appkit-color-surface-muted)]", children: [_jsx(MediaImage, { src: tile.imageURL, alt: tile.title ?? `${bundle.name} item ${i + 1}`, size: "card" }), i === collageTiles.length - 1 && overflow > 0 && (_jsxs(Row, { textWeight: "semibold", textSize: "sm", surface: "overlay-md", className: "absolute inset-0 text-white", align: "center", justify: "center", children: ["+", overflow] }))] }, `${tile.productId}-${i}`))) })) : cover ? (_jsx(Div, { className: "absolute inset-0 bg-[var(--appkit-color-surface-muted)]", children: _jsx(MediaImage, { src: cover, alt: bundle.name, size: "card" }) })) : (_jsx(Row, { className: "absolute inset-0 bg-[var(--appkit-color-surface-muted)]", align: "center", justify: "center", children: _jsx(Text, { className: "text-[var(--appkit-color-text-muted)]", size: "xs", children: "No image" }) })) }), discount && (_jsx(Span, { size: "xs", weight: "bold", color: "inverse", className: "absolute left-2 top-2 bg-success-surface", rounded: "full", padding: "pill-xs", children: BUNDLE_COPY.detail.discountBadge(discount.percent) })), _jsxs(Stack, { className: "absolute right-2 top-2", align: "end", gap: "xs", children: [_jsx(Span, { size: "xs", weight: "medium", className: CLS_BUNDLE_PILL, children: mergedLabels.bundleBadge }), _jsx(Span, { layout: "inline-flex", color: "inverse", className: `${stock === "out_of_stock" ? "bg-neutral-500 " : CLS_STOCK_OK}`, rounded: "full", padding: "pill-xs", size: "xs", weight: "medium", children: stock === "out_of_stock" ? mergedLabels.outOfStockBadge : mergedLabels.inStockBadge })] }), stock === "out_of_stock" && (_jsx(Row, { surface: "overlay-xs", className: "absolute inset-0", align: "center", justify: "center", children: _jsx(Span, { color: "inverse", size: "xs", weight: "bold", className: "bg-neutral-900/80 tracking-wider", rounded: "default", padding: "pill-md", transform: "uppercase", children: mergedLabels.outOfStockBadge }) })), onSelect && (_jsx(BaseListingCard.Checkbox, { selected: isSelected, onSelect: (event) => {
                             event.stopPropagation();
                             onSelect(bundle.id, !isSelected);
                         }, className: selectable || isSelected
                             ? "opacity-100"
-                            : "opacity-0 group-hover:opacity-100 transition-opacity" }))] }), _jsxs(BaseListingCard.Info, { variant: variant, children: [_jsx(TextLink, { href: String(detailHref), children: _jsx(Text, { size: "sm", weight: "medium", color: "primary", truncate: 2, children: bundle.name }) }), _jsxs(Row, { justify: "between", className: "mt-1", gap: "sm", children: [_jsx(Text, { size: "sm", weight: "semibold", color: "primary", children: price
-                                    ? formatCurrency(price, getDefaultCurrency())
-                                    : "—" }), _jsx(Text, { className: "text-[var(--appkit-color-text-muted)]", size: "xs", children: mergedLabels.itemsLabel(memberCount) })] }), _jsx(Div, { className: CLS_VIEW_BTN, role: "button", tabIndex: 0, onClick: handleNavigate, onKeyDown: (e) => { if (e.key === "Enter" || e.key === " ")
+                            : "opacity-0 group-hover:opacity-100 transition-opacity" }))] }), _jsxs(BaseListingCard.Info, { variant: variant, children: [_jsx(TextLink, { href: String(detailHref), children: _jsx(Text, { size: "sm", weight: "medium", color: "primary", truncate: 2, children: bundle.name }) }), _jsxs(Row, { justify: "between", className: "mt-1", gap: "sm", wrap: true, children: [_jsxs(Row, { gap: "xs", align: "center", children: [_jsx(Text, { size: "sm", weight: "semibold", color: "primary", children: price
+                                            ? formatCurrency(price, getDefaultCurrency())
+                                            : "—" }), discount && (_jsx(Text, { size: "xs", color: "muted", className: "line-through", children: formatCurrency(discount.originalTotal, getDefaultCurrency()) }))] }), _jsx(Text, { className: "text-[var(--appkit-color-text-muted)]", size: "xs", children: mergedLabels.itemsLabel(memberCount) })] }), _jsx(Div, { className: CLS_VIEW_BTN, role: "button", tabIndex: 0, onClick: handleNavigate, onKeyDown: (e) => { if (e.key === "Enter" || e.key === " ")
                             handleNavigate(); }, children: "View Bundle" })] })] }));
 }

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

@@ -112,7 +112,7 @@ export async function PrizeDrawDetailPageView({ id, initialPrizeDraw, currentUse
         ? String(ROUTES.PUBLIC.STORE_DETAIL(storeSlug))
         : null;
     const descriptionHtml = toDescriptionHtml(p.description);
-    return (_jsxs(Main, { children: [_jsx(HistoryTracker, { productId: String(p.id ?? p.slug ?? ""), productType: "product", snapshot: {
+    return (_jsxs(Main, { children: [_jsx(HistoryTracker, { productId: String(p.id ?? p.slug ?? ""), productType: "prize-draw", snapshot: {
                     title,
                     thumb,
                     price: pricePerEntry,