@mohasinac/appkit 4.2.0 → 4.3.1

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

@@ -1,6 +1,7 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from "react";
+import { Play } from "lucide-react";
 import { ImageLightbox } from "../../../ui/components/ImageLightbox";
 import { Button, Div, Row, Stack, Text } from "../../../ui";
 import { MediaImage } from "../../media/MediaImage";
@@ -9,23 +10,41 @@ const __O = {
     xAuto: "overflow-x-auto",
 };
 const PlaceholderSvg = () => (_jsxs("svg", { width: "64", height: "64", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", "aria-hidden": "true", children: [_jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2" }), _jsx("circle", { cx: "8.5", cy: "8.5", r: "1.5" }), _jsx("path", { d: "M21 15l-5-5L5 21" })] }));
-export function ProductGalleryClient({ images, productName }) {
+export function ProductGalleryClient({ images, video, productName }) {
     const [activeIndex, setActiveIndex] = useState(0);
     const [lightboxIndex, setLightboxIndex] = useState(null);
-    const lightboxImages = images.map((src, i) => ({
-        src,
-        alt: productName ? `${productName} — image ${i + 1}` : `Product image ${i + 1}`,
+    const slides = [
+        ...images.map((src) => ({ kind: "image", src })),
+        ...(video ? [{ kind: "video", src: video.url, poster: video.thumbnailUrl }] : []),
+    ];
+    const lightboxImages = slides.map((slide, i) => ({
+        src: slide.src,
+        alt: productName
+            ? `${productName} — ${slide.kind === "video" ? "video" : `image ${i + 1}`}`
+            : slide.kind === "video"
+                ? "Product video"
+                : `Product image ${i + 1}`,
+        kind: slide.kind,
+        poster: slide.kind === "video" ? slide.poster : undefined,
     }));
-    if (images.length === 0) {
+    if (slides.length === 0) {
         return (_jsx(Div, { className: `${__O.hidden}`, border: "subtle", rounded: "xl", surface: "muted", children: _jsx(Row, { className: "aspect-square text-[var(--appkit-color-border)] dark:text-[var(--appkit-color-border-subtle)]", align: "center", justify: "center", children: _jsx(PlaceholderSvg, {}) }) }));
     }
-    const mainImage = images[activeIndex] ?? images[0];
-    return (_jsxs(Stack, { gap: "3", children: [_jsx(Div, { rounded: "xl", className: "overflow-hidden border border-[var(--appkit-color-border-subtle)] cursor-zoom-in aspect-square w-full", onClick: () => setLightboxIndex(activeIndex), role: "button", tabIndex: 0, onKeyDown: (e) => {
+    const activeSlide = slides[activeIndex] ?? slides[0];
+    return (_jsxs(Stack, { gap: "3", children: [_jsxs(Div, { rounded: "xl", className: "overflow-hidden border border-[var(--appkit-color-border-subtle)] cursor-zoom-in aspect-square w-full relative", onClick: () => setLightboxIndex(activeIndex), role: "button", tabIndex: 0, onKeyDown: (e) => {
                     if (e.key === "Enter" || e.key === " ")
                         setLightboxIndex(activeIndex);
-                }, "aria-label": `View ${productName ?? "product"} image in full screen`, children: _jsx(MediaImage, { src: mainImage, alt: productName ? `${productName} — image ${activeIndex + 1}` : `Product image ${activeIndex + 1}`, size: "gallery", className: "transition-transform duration-300 hover:scale-105" }) }), images.length > 1 && (_jsx(Div, { layout: "flex", gap: "2", className: `${__O.xAuto}`, padding: "b-2xs", children: images.map((src, i) => (_jsx(Button, { variant: "ghost", type: "button", onClick: () => setActiveIndex(i), rounded: "lg", paddingX: "none", paddingY: "none", className: `flex-shrink-0 h-16 w-16 overflow-hidden border-2 transition-all${i === activeIndex
+                }, "aria-label": activeSlide.kind === "video"
+                    ? `Play ${productName ?? "product"} video`
+                    : `View ${productName ?? "product"} image in full screen`, children: [_jsx(MediaImage, { src: activeSlide.kind === "video" ? activeSlide.poster : activeSlide.src, alt: activeSlide.kind === "video"
+                            ? productName
+                                ? `${productName} — video`
+                                : "Product video"
+                            : productName
+                                ? `${productName} — image ${activeIndex + 1}`
+                                : `Product image ${activeIndex + 1}`, size: "gallery", className: "transition-transform duration-300 hover:scale-105" }), activeSlide.kind === "video" && (_jsx(Row, { className: "absolute inset-0 pointer-events-none", align: "center", justify: "center", children: _jsx(Row, { surface: "overlay-sm", rounded: "full", className: "h-16 w-16 text-white", align: "center", justify: "center", children: _jsx(Play, { className: "h-7 w-7 fill-current", "aria-hidden": "true" }) }) }))] }), slides.length > 1 && (_jsx(Div, { layout: "flex", gap: "2", className: `${__O.xAuto}`, padding: "b-2xs", children: slides.map((slide, i) => (_jsxs(Button, { variant: "ghost", type: "button", onClick: () => setActiveIndex(i), rounded: "lg", paddingX: "none", paddingY: "none", className: `relative flex-shrink-0 h-16 w-16 overflow-hidden border-2 transition-all${i === activeIndex
                         ? " border-primary-500"
-                        : " border-transparent opacity-60 hover:opacity-100"}`, "aria-label": `View image ${i + 1}`, "aria-current": i === activeIndex ? "true" : undefined, children: _jsx(MediaImage, { src: src, alt: `Thumbnail ${i + 1}`, size: "thumbnail" }) }, i))) })), images.length > 1 && (
+                        : " border-transparent opacity-60 hover:opacity-100"}`, "aria-label": slide.kind === "video" ? "View video" : `View image ${i + 1}`, "aria-current": i === activeIndex ? "true" : undefined, children: [_jsx(MediaImage, { src: slide.kind === "video" ? slide.poster : slide.src, alt: slide.kind === "video" ? "Video thumbnail" : `Thumbnail ${i + 1}`, size: "thumbnail" }), slide.kind === "video" && (_jsx(Row, { surface: "overlay-xs", className: "absolute inset-0 pointer-events-none", align: "center", justify: "center", children: _jsx(Play, { className: "h-5 w-5 text-white fill-current", "aria-hidden": "true" }) }))] }, i))) })), slides.length > 1 && (
             // audit-content-alignment-ok: functional image-counter label under the gallery, not page content
-            _jsxs(Text, { size: "xs", align: "center", color: "faint", children: [activeIndex + 1, " / ", images.length] })), _jsx(ImageLightbox, { images: lightboxImages, activeIndex: lightboxIndex, onClose: () => setLightboxIndex(null), onNavigate: (i) => setLightboxIndex(i) })] }));
+            _jsxs(Text, { size: "xs", align: "center", color: "faint", children: [activeIndex + 1, " / ", slides.length] })), _jsx(ImageLightbox, { images: lightboxImages, activeIndex: lightboxIndex, onClose: () => setLightboxIndex(null), onNavigate: (i) => setLightboxIndex(i) })] }));
 }

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

@@ -11,6 +11,7 @@ import { useAuthGate } from "../../../react/hooks/useAuthGate";
 import { ACTION_ID, ACTION_META, COMPARE_MAX_ITEMS } from "../constants/action-defs";
 import { CompareOverlay } from "./CompareOverlay";
 import { ROUTES } from "../../../next";
+import { pluginFor } from "../../../_internal/shared/listing-types/_registry";
 import { ProductGrid, ProductFilters, PRODUCT_PUBLIC_SORT_OPTIONS } from ".";
 import { useGuestCart } from "../../cart/hooks/useGuestCart";
 import { useGuestWishlist } from "../../wishlist/hooks/useGuestWishlist";
@@ -241,7 +242,7 @@ export function ProductsIndexListing({ initialData, listingTypes = GENERIC_PRODU
                             setCompareIds(ids);
                         },
                     },
-                ] }), totalPages > 1 && (_jsx(StickyToolbar, { offset: "header+pagination", tone: "translucent", border: true, padding: "toolbar", children: _jsx(Row, { justify: "center", children: _jsx(Pagination, { currentPage: page, totalPages: totalPages, onPageChange: (p) => table.setPage(p) }) }) })), _jsx(Div, { padding: "y-lg", children: isLoading ? (_jsx(Div, { layout: "grid", gap: "4", className: "grid-cols-2 sm:grid-cols-3 lg:grid-cols-4", children: Array.from({ length: 10 }).map((_, i) => (_jsxs(Div, { className: `${__O.hidden} animate-pulse`, border: "subtle", rounded: "xl", children: [_jsx(Div, { className: "aspect-square", surface: "subtle" }), _jsxs(Stack, { className: `${__P.p3}`, gap: "sm", children: [_jsx(Div, { className: "h-3 w-3/4", surface: "subtle", rounded: "default" }), _jsx(Div, { className: "h-3 w-1/2", surface: "subtle", rounded: "default" }), _jsx(Div, { className: "h-4 w-1/3", surface: "subtle", rounded: "default" })] })] }, i))) })) : (_jsx(ProductGrid, { products: products, getProductHref: (p) => String(ROUTES.PUBLIC.PRODUCT_DETAIL(p.slug || p.id)), view: view === "grid" ? "card" : "list", onWishlistToggle: handleWishlistToggle, wishlistedIds: wishlistedIds, onAddToCart: handleAddToCart, onBuyNow: handleBuyNow, selectionMode: selection.isSelecting, selectedIds: selection.selectedIdSet, onToggleSelect: selection.toggle })) }), _jsx(CompareOverlay, { isOpen: compareIds.length > 0, productIds: compareIds, productType: "product", onClose: () => {
+                ] }), totalPages > 1 && (_jsx(StickyToolbar, { offset: "header+pagination", tone: "translucent", border: true, padding: "toolbar", children: _jsx(Row, { justify: "center", children: _jsx(Pagination, { currentPage: page, totalPages: totalPages, onPageChange: (p) => table.setPage(p) }) }) })), _jsx(Div, { padding: "y-lg", children: isLoading ? (_jsx(Div, { layout: "grid", gap: "4", className: "grid-cols-2 sm:grid-cols-3 lg:grid-cols-4", children: Array.from({ length: 10 }).map((_, i) => (_jsxs(Div, { className: `${__O.hidden} animate-pulse`, border: "subtle", rounded: "xl", children: [_jsx(Div, { className: "aspect-square", surface: "subtle" }), _jsxs(Stack, { className: `${__P.p3}`, gap: "sm", children: [_jsx(Div, { className: "h-3 w-3/4", surface: "subtle", rounded: "default" }), _jsx(Div, { className: "h-3 w-1/2", surface: "subtle", rounded: "default" }), _jsx(Div, { className: "h-4 w-1/3", surface: "subtle", rounded: "default" })] })] }, i))) })) : (_jsx(ProductGrid, { products: products, getProductHref: (p) => pluginFor(p.listingType ?? "standard").detailRoute(p.slug || p.id), view: view === "grid" ? "card" : "list", onWishlistToggle: handleWishlistToggle, wishlistedIds: wishlistedIds, onAddToCart: handleAddToCart, onBuyNow: handleBuyNow, selectionMode: selection.isSelecting, selectedIds: selection.selectedIdSet, onToggleSelect: selection.toggle })) }), _jsx(CompareOverlay, { isOpen: compareIds.length > 0, productIds: compareIds, productType: "product", onClose: () => {
                     setCompareIds([]);
                     selection.clearSelection();
                 }, onRemove: (id) => setCompareIds((ids) => ids.filter((i) => i !== id)) }), _jsx(FilterDrawer, { open: filterOpen, onOpen: openFilters, onClose: () => setFilterOpen(false), onApply: applyFilters, onReset: onFilterClear, activeCount: filterActiveCount, hideTrigger: true, children: _jsx(ProductFilters, { table: pendingTable, currencyPrefix: "\u20B9", categoryOptions: categoryOptions, brandOptions: brandOptions, featureOptions: featureOptions }) }), _jsx(LoginRequiredModal, { isOpen: modalOpen, onClose: closeModal, message: modalMessage })] }));

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

@@ -1,11 +1,11 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { ROUTES } from "../../../next";
+import { pluginFor } from "../../../_internal/shared/listing-types/_registry";
 import { SectionCarousel } from "../../homepage/components/SectionCarousel";
 import { ProductCard } from "./ProductGrid";
 import { CAROUSEL_PER_VIEW } from "../../homepage/constants/carousel-per-view";
 export function RelatedProductsCarousel({ items, title = "You might also like", }) {
     if (items.length === 0)
         return null;
-    return (_jsx(SectionCarousel, { title: title, pillLabel: "Related Products", headingVariant: "editorial", items: items, isLoading: false, perView: CAROUSEL_PER_VIEW.standard, keyExtractor: (item) => item.id, renderItem: (item) => (_jsx(ProductCard, { product: item, href: item.slug || item.id ? String(ROUTES.PUBLIC.PRODUCT_DETAIL(item.slug || item.id)) : undefined })) }));
+    return (_jsx(SectionCarousel, { title: title, pillLabel: "Related Products", headingVariant: "editorial", items: items, isLoading: false, perView: CAROUSEL_PER_VIEW.standard, keyExtractor: (item) => item.id, renderItem: (item) => (_jsx(ProductCard, { product: item, href: item.slug || item.id ? pluginFor(item.listingType ?? "standard").detailRoute(item.slug || item.id) : undefined })) }));
 }

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

@@ -28,7 +28,7 @@ function GroupTableRow({ member }) {
     const href = memberHref(member);
     const price = formatCurrency(member.price, member.currency ?? "INR");
     const image = member.images?.[0] ?? "";
-    return (_jsxs(Tr, { className: "last:border-0", border: "subtle", children: [_jsx(Td, { paddingSide: "pr-sm", padding: "xs-tall", children: _jsx(Div, { className: `w-10 h-10 ${__O.hidden}`, rounded: "full", border: "default", children: _jsx(MediaImage, { src: image, alt: member.title, size: "thumbnail" }) }) }), _jsxs(Td, { paddingSide: "pr-sm", padding: "xs-tall", children: [_jsx(Text, { className: "line-clamp-2", color: "primary", size: "sm", weight: "medium", children: member.title }), member.isGroupParent && (_jsx(Span, { weight: "semibold", className: "text-[10px] text-[var(--appkit-color-primary)]", children: "Parent" }))] }), _jsx(Td, { paddingSide: "pr-sm", padding: "xs-tall", children: _jsx(Text, { size: "sm", color: "muted", children: price }) }), _jsx(Td, { paddingSide: "pr-sm", padding: "xs-tall", children: _jsx(Text, { size: "xs", transform: "capitalize", color: "muted", children: member.condition ?? "—" }) }), _jsx(Td, { padding: "xs-tall", children: _jsx(Link, { href: href, className: "text-[length:var(--appkit-text-xs)] text-[var(--appkit-color-primary)] hover:underline", children: "View \u00E2\u2020\u2019" }) })] }));
+    return (_jsxs(Tr, { className: "last:border-0", border: "subtle", children: [_jsx(Td, { paddingSide: "pr-sm", padding: "xs-tall", children: _jsx(Div, { className: `w-10 h-10 ${__O.hidden}`, rounded: "full", border: "default", children: _jsx(MediaImage, { src: image, alt: member.title, size: "thumbnail" }) }) }), _jsxs(Td, { paddingSide: "pr-sm", padding: "xs-tall", children: [_jsx(Text, { className: "line-clamp-2", color: "primary", size: "sm", weight: "medium", children: member.title }), member.isGroupParent && (_jsx(Span, { weight: "semibold", className: "text-[10px] text-[var(--appkit-color-primary)]", children: "Parent" }))] }), _jsx(Td, { paddingSide: "pr-sm", padding: "xs-tall", children: _jsx(Text, { size: "sm", color: "muted", children: price }) }), _jsx(Td, { paddingSide: "pr-sm", padding: "xs-tall", children: _jsx(Text, { size: "xs", transform: "capitalize", color: "muted", children: member.condition ?? "—" }) }), _jsx(Td, { padding: "xs-tall", children: _jsx(Link, { href: href, className: "text-[length:var(--appkit-text-xs)] text-[var(--appkit-color-primary)] hover:underline", children: "View \u2192" }) })] }));
 }
 export function ShowGroupSection({ groupId, currentSlug, isParent, groupTitle }) {
     const [open, setOpen] = useState(false);
@@ -54,7 +54,7 @@ export function ShowGroupSection({ groupId, currentSlug, isParent, groupTitle })
     return (_jsxs(_Fragment, { children: [_jsxs(Div, { className: `${__O.hidden}`, surface: "muted", rounded: "xl", border: "default", children: [_jsxs(Row, { role: "button", tabIndex: 0, onClick: () => setOpen((v) => !v), onKeyDown: (e) => { if (e.key === "Enter" || e.key === " ") {
                             e.preventDefault();
                             setOpen((v) => !v);
-                        } }, justify: "between", paddingX: "x-md", paddingY: "y-sm", className: "w-full cursor-pointer text-left hover:bg-[var(--appkit-color-surface-elevated)]/70 transition-colors", "aria-expanded": open, children: [_jsxs(Row, { align: "center", gap: "xs", children: [_jsx(Span, { size: "xs", className: "mr-1", color: "faint", children: open ? "â–¼" : "â–¶" }), _jsx(Text, { size: "sm", weight: "medium", color: "primary", children: parentLabel }), _jsx(Span, { size: "xs", className: "ml-1", rounded: "full", padding: "pill-xs", surface: "subtle", color: "muted", children: members.length })] }), _jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: (e) => { e.stopPropagation(); setShowAll(true); }, className: "text-[length:var(--appkit-text-xs)] text-[var(--appkit-color-primary)] hover:underline ml-3 flex-shrink-0", children: "View whole group \u00E2\u2020\u2019" })] }), open && (_jsx(Div, { className: `pb-[1rem] pt-[0.25rem] ${__O.xAuto}`, padding: "x-md", children: _jsx(Row, { gap: "3", className: "min-w-0", children: [...members]
+                        } }, justify: "between", paddingX: "x-md", paddingY: "y-sm", className: "w-full cursor-pointer text-left hover:bg-[var(--appkit-color-surface-elevated)]/70 transition-colors", "aria-expanded": open, children: [_jsxs(Row, { align: "center", gap: "xs", children: [_jsx(Span, { size: "xs", className: "mr-1", color: "faint", children: open ? "▼" : "▶" }), _jsx(Text, { size: "sm", weight: "medium", color: "primary", children: parentLabel }), _jsx(Span, { size: "xs", className: "ml-1", rounded: "full", padding: "pill-xs", surface: "subtle", color: "muted", children: members.length })] }), _jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: (e) => { e.stopPropagation(); setShowAll(true); }, className: "text-[length:var(--appkit-text-xs)] text-[var(--appkit-color-primary)] hover:underline ml-3 flex-shrink-0", children: "View whole group \u2192" })] }), open && (_jsx(Div, { className: `pb-[1rem] pt-[0.25rem] ${__O.xAuto}`, padding: "x-md", children: _jsx(Row, { gap: "3", className: "min-w-0", children: [...members]
                                 .sort((a, b) => (b.isGroupParent ? 1 : 0) - (a.isGroupParent ? 1 : 0))
                                 .map((m) => (_jsx(MemberThumb, { member: m, isCurrent: m.slug === currentSlug || m.id === currentSlug }, m.id))) }) }))] }), useDrawer ? (_jsx(SideDrawer, { isOpen: showAll, onClose: () => setShowAll(false), title: label, children: tableContent })) : (_jsx(Modal, { open: showAll, onClose: () => setShowAll(false), title: label, children: tableContent }))] }));
 }

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

@@ -54,5 +54,5 @@ export function SublistingCarouselSection({ sublistingCategoryId, currentListing
     return (_jsxs(Div, { className: `${__O.hidden}`, surface: "muted", rounded: "xl", border: "default", children: [_jsxs(Row, { role: "button", tabIndex: 0, onClick: () => setOpen((v) => !v), onKeyDown: (e) => { if (e.key === "Enter" || e.key === " ") {
                     e.preventDefault();
                     setOpen((v) => !v);
-                } }, justify: "between", paddingX: "x-md", paddingY: "y-sm", className: "w-full cursor-pointer text-left hover:bg-[var(--appkit-color-surface-elevated)]/70 transition-colors", "aria-expanded": open, children: [_jsxs(Row, { align: "center", gap: "xs", children: [_jsx(Span, { size: "xs", className: "mr-1", color: "faint", children: open ? "â–¼" : "â–¶" }), _jsxs(Text, { size: "sm", weight: "medium", color: "primary", children: ["More listings like this:", " ", _jsx(Span, { className: "text-[var(--appkit-color-primary)]", children: label })] }), _jsx(Span, { size: "xs", className: "ml-1", rounded: "full", padding: "pill-xs", surface: "subtle", color: "muted", children: listings.length })] }), category && (_jsx(Link, { href: String(ROUTES.PUBLIC.SUBLISTING_CATEGORY(category.slug)), onClick: (e) => e.stopPropagation(), className: "text-[length:var(--appkit-text-xs)] text-[var(--appkit-color-primary)] hover:underline ml-3 flex-shrink-0", children: "View all \u00E2\u2020\u2019" }))] }), open && (_jsx(Div, { className: `pb-[1rem] pt-[0.25rem] ${__O.xAuto}`, padding: "x-md", children: _jsx(Row, { gap: "3", className: "min-w-0", children: listings.map((listing) => (_jsx(ListingThumb, { listing: listing, isCurrent: listing.id === currentListingId }, listing.id))) }) }))] }));
+                } }, justify: "between", paddingX: "x-md", paddingY: "y-sm", className: "w-full cursor-pointer text-left hover:bg-[var(--appkit-color-surface-elevated)]/70 transition-colors", "aria-expanded": open, children: [_jsxs(Row, { align: "center", gap: "xs", children: [_jsx(Span, { size: "xs", className: "mr-1", color: "faint", children: open ? "â–¼" : "â–¶" }), _jsxs(Text, { size: "sm", weight: "medium", color: "primary", children: ["More listings like this:", " ", _jsx(Span, { className: "text-[var(--appkit-color-primary)]", children: label })] }), _jsx(Span, { size: "xs", className: "ml-1", rounded: "full", padding: "pill-xs", surface: "subtle", color: "muted", children: listings.length })] }), category && (_jsx(Link, { href: String(ROUTES.PUBLIC.SUBLISTING_CATEGORY(category.slug)), onClick: (e) => e.stopPropagation(), className: "text-[length:var(--appkit-text-xs)] text-[var(--appkit-color-primary)] hover:underline ml-3 flex-shrink-0", children: "View all \u2192" }))] }), open && (_jsx(Div, { className: `pb-[1rem] pt-[0.25rem] ${__O.xAuto}`, padding: "x-md", children: _jsx(Row, { gap: "3", className: "min-w-0", children: listings.map((listing) => (_jsx(ListingThumb, { listing: listing, isCurrent: listing.id === currentListingId }, listing.id))) }) }))] }));
 }

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

@@ -12,7 +12,9 @@ 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 type { PrizeRevealModalProps, PrizeRevealResult, } from "./PrizeRevealModal";
+export { PrizeDrawWinnerMappingView } from "./PrizeDrawWinnerMappingView";
+export type { PrizeDrawWinnerMappingViewProps, PrizeDrawWinnerMappingRow, } from "./PrizeDrawWinnerMappingView";
 export { MarketplacePrizeDrawCard } from "./MarketplacePrizeDrawCard";
 export type { MarketplacePrizeDrawCardProps, MarketplacePrizeDrawCardData, MarketplacePrizeDrawCardLabels, } from "./MarketplacePrizeDrawCard";
 export { MarketplaceBundleCard } from "./MarketplaceBundleCard";
@@ -51,7 +53,7 @@ export type { MakeOfferButtonProps } from "./MakeOfferButton";
 export { RelatedProducts } from "./RelatedProducts";
 export type { RelatedProductsProps } from "./RelatedProducts";
 export { ProductGalleryClient } from "./ProductGalleryClient";
-export type { ProductGalleryClientProps } from "./ProductGalleryClient";
+export type { ProductGalleryClientProps, ProductGalleryVideo } from "./ProductGalleryClient";
 export { ProductTabsShell } from "./ProductTabsShell";
 export type { ProductTabsShellProps, CustomTabDef } from "./ProductTabsShell";
 export { ProductGradingTab } from "./ProductGradingTab";

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

@@ -6,6 +6,7 @@ export { NonRefundableConsentModal } from "./NonRefundableConsentModal";
 export { PrizeDrawItemsEditor } from "./PrizeDrawItemsEditor";
 export { PrizeDrawCollage } from "./PrizeDrawCollage";
 export { PrizeRevealModal } from "./PrizeRevealModal";
+export { PrizeDrawWinnerMappingView } from "./PrizeDrawWinnerMappingView";
 export { MarketplacePrizeDrawCard } from "./MarketplacePrizeDrawCard";
 export { MarketplaceBundleCard } from "./MarketplaceBundleCard";
 export { PrizeDrawsIndexListing } from "./PrizeDrawsIndexListing";

package/dist/features/products/constants/action-defs.d.ts

@@ -32,7 +32,6 @@ export declare const ACTION_ID: {
     readonly CANCEL_RESERVATION: "cancel-reservation";
     readonly CHECKOUT: "checkout";
     readonly CONTINUE_TO_VERIFY: "continue-to-verification";
-    readonly SEND_OTP: "send-otp";
     readonly VERIFY_OTP: "verify-otp";
     readonly PAY_ONLINE: "pay-online";
     readonly PAY_COD: "pay-cod";
@@ -287,7 +286,6 @@ export declare const DASHBOARD_QUICK_ACTION_ID: {
     readonly ADMIN_EVENTS: "dqa-admin-events";
     readonly ADMIN_SUPPORT: "dqa-admin-support";
     readonly ADMIN_MODERATION: "dqa-admin-moderation";
-    readonly ADMIN_INTEGRATION_GUIDES: "dqa-admin-integration-guides";
     readonly ADMIN_USERS: "dqa-admin-users";
     readonly ADMIN_CATEGORIES: "dqa-admin-categories";
     readonly ADMIN_REVIEWS: "dqa-admin-reviews";
@@ -334,7 +332,7 @@ export interface DashboardQuickActionMeta {
 }
 export declare const DASHBOARD_QUICK_ACTION_META: Record<DashboardQuickActionId, DashboardQuickActionMeta>;
 export declare const DASHBOARD_QUICK_ACTIONS: {
-    readonly admin: readonly ["dqa-admin-add-product", "dqa-admin-add-user", "dqa-admin-add-store", "dqa-admin-add-coupon", "dqa-admin-add-event", "dqa-admin-add-blog", "dqa-admin-users", "dqa-admin-stores", "dqa-admin-orders", "dqa-admin-payouts", "dqa-admin-analytics", "dqa-admin-categories", "dqa-admin-reviews", "dqa-admin-events", "dqa-admin-faqs", "dqa-admin-carousel", "dqa-admin-sections", "dqa-admin-support", "dqa-admin-moderation", "dqa-admin-integration-guides", "dqa-admin-settings"];
+    readonly admin: readonly ["dqa-admin-add-product", "dqa-admin-add-user", "dqa-admin-add-store", "dqa-admin-add-coupon", "dqa-admin-add-event", "dqa-admin-add-blog", "dqa-admin-users", "dqa-admin-stores", "dqa-admin-orders", "dqa-admin-payouts", "dqa-admin-analytics", "dqa-admin-categories", "dqa-admin-reviews", "dqa-admin-events", "dqa-admin-faqs", "dqa-admin-carousel", "dqa-admin-sections", "dqa-admin-support", "dqa-admin-moderation", "dqa-admin-settings"];
     readonly seller: readonly ["dqa-seller-add-product", "dqa-seller-products", "dqa-seller-view-orders", "dqa-seller-analytics", "dqa-seller-add-coupon", "dqa-seller-auctions", "dqa-seller-payout-request", "dqa-seller-shipping", "dqa-seller-messages", "dqa-seller-whatsapp", "dqa-seller-reviews", "dqa-seller-storefront", "dqa-seller-settings"];
     readonly user: readonly ["dqa-user-view-orders", "dqa-user-view-wishlist", "dqa-user-edit-profile", "dqa-user-add-address", "dqa-user-recently-viewed", "dqa-user-my-catalogue", "dqa-user-my-coupons"];
 };

package/dist/features/products/constants/action-defs.js

@@ -53,7 +53,6 @@ export const ACTION_ID = {
     // ── Checkout / navigation CTAs ───────────────────────────────────────────
     CHECKOUT: "checkout",
     CONTINUE_TO_VERIFY: "continue-to-verification",
-    SEND_OTP: "send-otp",
     VERIFY_OTP: "verify-otp",
     PAY_ONLINE: "pay-online",
     PAY_COD: "pay-cod",
@@ -99,7 +98,6 @@ export const ACTION_META = {
     // ── Checkout / navigation CTAs ────────────────────────────────────────────
     [ACTION_ID.CHECKOUT]: { id: ACTION_ID.CHECKOUT, label: regLabel("CART", "checkout", "Checkout"), variant: "primary", requiresAuth: true, authMessage: "You need to be signed in to checkout." },
     [ACTION_ID.CONTINUE_TO_VERIFY]: { id: ACTION_ID.CONTINUE_TO_VERIFY, label: regLabel("CHECKOUT", "continue-to-verification", "Continue"), variant: "primary", requiresAuth: true, authMessage: "You need to be signed in to checkout." },
-    [ACTION_ID.SEND_OTP]: { id: ACTION_ID.SEND_OTP, label: regLabel("CHECKOUT", "send-otp", "Send Code"), variant: "primary", requiresAuth: true, authMessage: "You need to be signed in to checkout." },
     [ACTION_ID.VERIFY_OTP]: { id: ACTION_ID.VERIFY_OTP, label: regLabel("CHECKOUT", "verify-otp", "Verify & Continue"), variant: "primary", requiresAuth: true, authMessage: "You need to be signed in to checkout." },
     [ACTION_ID.PAY_ONLINE]: { id: ACTION_ID.PAY_ONLINE, label: regLabel("CHECKOUT", "pay-online", "Pay Online"), variant: "primary", requiresAuth: true, authMessage: "You need to be signed in to checkout." },
     [ACTION_ID.PAY_COD]: { id: ACTION_ID.PAY_COD, label: regLabel("CHECKOUT", "pay-cod", "Cash on Delivery"), variant: "secondary", requiresAuth: true, authMessage: "You need to be signed in to checkout." },
@@ -358,7 +356,6 @@ export const DASHBOARD_QUICK_ACTION_ID = {
     ADMIN_EVENTS: "dqa-admin-events",
     ADMIN_SUPPORT: "dqa-admin-support",
     ADMIN_MODERATION: "dqa-admin-moderation",
-    ADMIN_INTEGRATION_GUIDES: "dqa-admin-integration-guides",
     ADMIN_USERS: "dqa-admin-users",
     ADMIN_CATEGORIES: "dqa-admin-categories",
     ADMIN_REVIEWS: "dqa-admin-reviews",
@@ -404,7 +401,6 @@ export const DASHBOARD_QUICK_ACTION_META = {
     [DASHBOARD_QUICK_ACTION_ID.ADMIN_EVENTS]: { id: DASHBOARD_QUICK_ACTION_ID.ADMIN_EVENTS, label: "Events", variant: "outline", iconName: "Calendar", requiresAuth: true, requiredRole: "admin", requiredPermission: "events.read" },
     [DASHBOARD_QUICK_ACTION_ID.ADMIN_SUPPORT]: { id: DASHBOARD_QUICK_ACTION_ID.ADMIN_SUPPORT, label: "Support Tickets", variant: "outline", iconName: "LifeBuoy", requiresAuth: true, requiredRole: "admin", requiredPermission: "support.read" },
     [DASHBOARD_QUICK_ACTION_ID.ADMIN_MODERATION]: { id: DASHBOARD_QUICK_ACTION_ID.ADMIN_MODERATION, label: "Moderation", variant: "outline", iconName: "ShieldAlert", requiresAuth: true, requiredRole: "admin", requiredPermission: "moderation.read" },
-    [DASHBOARD_QUICK_ACTION_ID.ADMIN_INTEGRATION_GUIDES]: { id: DASHBOARD_QUICK_ACTION_ID.ADMIN_INTEGRATION_GUIDES, label: "Integration Guides", variant: "ghost", iconName: "BookOpen", requiresAuth: true, requiredRole: "admin", requiredPermission: "admin:site:read" },
     [DASHBOARD_QUICK_ACTION_ID.ADMIN_USERS]: { id: DASHBOARD_QUICK_ACTION_ID.ADMIN_USERS, label: "Users", variant: "outline", iconName: "Users", requiresAuth: true, requiredRole: "admin", requiredPermission: "admin.users.read" },
     [DASHBOARD_QUICK_ACTION_ID.ADMIN_CATEGORIES]: { id: DASHBOARD_QUICK_ACTION_ID.ADMIN_CATEGORIES, label: "Categories", variant: "outline", iconName: "Tag", requiresAuth: true, requiredRole: "admin", requiredPermission: "categories.read" },
     [DASHBOARD_QUICK_ACTION_ID.ADMIN_REVIEWS]: { id: DASHBOARD_QUICK_ACTION_ID.ADMIN_REVIEWS, label: "Reviews", variant: "outline", iconName: "Star", requiresAuth: true, requiredRole: "admin", requiredPermission: "reviews.read" },
@@ -454,7 +450,6 @@ export const DASHBOARD_QUICK_ACTIONS = {
         DASHBOARD_QUICK_ACTION_ID.ADMIN_SECTIONS,
         DASHBOARD_QUICK_ACTION_ID.ADMIN_SUPPORT,
         DASHBOARD_QUICK_ACTION_ID.ADMIN_MODERATION,
-        DASHBOARD_QUICK_ACTION_ID.ADMIN_INTEGRATION_GUIDES,
         DASHBOARD_QUICK_ACTION_ID.ADMIN_SETTINGS,
     ],
     seller: [

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

@@ -18,6 +18,12 @@ export declare class ProductRepository extends BaseRepository<ProductDocument> {
     findByStatus(status: ProductStatus): Promise<ProductDocument[]>;
     findFeatured(): Promise<ProductDocument[]>;
     findByCategory(category: string): Promise<ProductDocument[]>;
+    /**
+     * Published products sharing at least one tag with the given list — "you
+     * might also like" style discovery. `array-contains-any` caps at 10 values,
+     * so only the first 10 tags are used.
+     */
+    findByTagsOverlap(tags: string[], limit?: number): Promise<ProductDocument[]>;
     findByBarcodeId(barcodeId: string): Promise<ProductDocument | null>;
     findBySlug(slug: string): Promise<ProductDocument | undefined>;
     findByIdOrSlug(idOrSlug: string): Promise<ProductDocument | undefined>;

package/dist/features/products/repository/products.repository.js

@@ -145,6 +145,21 @@ export class ProductRepository extends BaseRepository {
             .get();
         return snap.docs.map((d) => this.mapDoc(d));
     }
+    /**
+     * Published products sharing at least one tag with the given list — "you
+     * might also like" style discovery. `array-contains-any` caps at 10 values,
+     * so only the first 10 tags are used.
+     */
+    async findByTagsOverlap(tags, limit = 8) {
+        if (tags.length === 0)
+            return [];
+        const snap = await this.getCollection()
+            .where(PRODUCT_FIELDS.STATUS, "==", ProductStatusValues.PUBLISHED)
+            .where(PRODUCT_FIELDS.TAGS, "array-contains-any", tags.slice(0, 10))
+            .limit(limit)
+            .get();
+        return snap.docs.map((d) => this.mapDoc(d));
+    }
     async findByBarcodeId(barcodeId) {
         const docs = await this.findBy("barcodeId", barcodeId);
         return docs[0] ?? null;
@@ -226,10 +241,14 @@ export class ProductRepository extends BaseRepository {
         return snapshot.docs.map((doc) => this.mapDoc(doc));
     }
     async findByGroupId(groupId) {
+        // Tier GP: groups may mix standard products + pre-orders (never auctions).
         const snapshot = await this.db
             .collection(this.collection)
             .where("groupId", "==", groupId)
-            .where(PRODUCT_FIELDS.LISTING_TYPE, "==", LISTING_TYPE_VALUES.STANDARD)
+            .where(PRODUCT_FIELDS.LISTING_TYPE, "in", [
+            LISTING_TYPE_VALUES.STANDARD,
+            LISTING_TYPE_VALUES.PRE_ORDER,
+        ])
             .get();
         return snapshot.docs.map((doc) => this.mapDoc(doc));
     }

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

@@ -241,7 +241,7 @@ export interface ProductDocument extends BaseDocument {
     sublistingIcon?: string;
     /**
      * Required since Phase 4 dropped the legacy `isAuction` / `isPreOrder`
-     * booleans. Every product document carries this; queries route through
+     * booleans. Every product document carries this — queries route through
      * `where("listingType", "==", X)` against the `listingType+...` composite
      * indexes in `appkit/firebase/base/firestore.indexes.json`.
      * SB-UNI-F — extended with classified | digital-code | live.
@@ -263,18 +263,41 @@ export interface ProductDocument extends BaseDocument {
     pricePerEntry?: number;
     prizeMaxEntries?: number;
     prizeCurrentEntries?: number;
+    /**
+     * Draw start, set once at creation (= createdAt) — never seller-edited.
+     * `prizeRevealWindowEnd` is derived from this + `prizeDrawDurationDays`.
+     */
     prizeRevealWindowStart?: Date;
+    /** Hard expiry — `prizeRevealWindowStart` + `prizeDrawDurationDays` days. */
     prizeRevealWindowEnd?: Date;
+    /**
+     * "pending" is legacy-only (no longer written by new listings — reveal is
+     * fully automatic, there's no seller-facing delayed-start concept anymore —
+     * draft→published is how a seller holds a draw back). New listings go
+     * straight to "open", flipping to "closed" once every eligible order has
+     * been revealed.
+     */
     prizeRevealStatus?: "pending" | "open" | "closed";
-    prizeRevealDeadlineDays?: number;
+    /**
+     * Seller-facing duration input, 1–15 days (PRIZE_DRAW_DURATION_DAYS_MIN/MAX
+     * in checkout/rules/_limits.ts). Drives `prizeRevealWindowEnd` at creation.
+     */
+    prizeDrawDurationDays?: number;
     /** Public proof-of-fairness file (commit-reveal scheme). */
     prizeGithubFileUrl?: string;
     /**
      * Draw mode for prize-draw listings.
-     * "reveal" = classic buyer-reveal flow (default, backward-compat).
+     * "reveal" = classic automatic-reveal flow (default, backward-compat).
      * "lottery" = user self-pull with weighted random slot assignment.
      */
     prizeDrawMode?: "reveal" | "lottery";
+    /**
+     * Reveal trigger for "reveal" mode draws (irrelevant for "lottery" mode).
+     * "instant" — winner assigned the moment the order's payment is confirmed.
+     * "scheduled" — winner assigned automatically at whichever comes first:
+     * `prizeRevealWindowEnd` or full sellout (`prizeCurrentEntries === prizeMaxEntries`).
+     */
+    prizeRevealMode?: "instant" | "scheduled";
     /**
      * Full lottery config. Only set when prizeDrawMode === "lottery".
      * Includes server-only price/weight fields — stripped by adapter before any client response.
@@ -333,6 +356,8 @@ export interface PrizeDrawItem {
     /** Per-slot price in decimal rupees for lottery mode. Lower price = higher weight = higher chance. */
     prizeSlotPrice?: number;
     isWon: boolean;
+    /** Order id this item was assigned to — set alongside isWon:true. Admin/seller-only mapping (never public) so the seller knows which physical item ships to which order. */
+    wonByOrderId?: string;
 }
 /** Runtime-accessible product status values — use instead of bare string literals. */
 export declare const ProductStatusValues: {

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

@@ -149,6 +149,7 @@ export declare const productItemSchema: z.ZodObject<{
         condition: z.ZodString;
         estimatedValue: z.ZodOptional<z.ZodNumber>;
         isWon: z.ZodBoolean;
+        wonByOrderId: z.ZodOptional<z.ZodString>;
     }, "strip", z.ZodTypeAny, {
         title: string;
         images: string[];
@@ -161,6 +162,7 @@ export declare const productItemSchema: z.ZodObject<{
         } | undefined;
         description?: string | undefined;
         estimatedValue?: number | undefined;
+        wonByOrderId?: string | undefined;
     }, {
         title: string;
         images: string[];
@@ -173,6 +175,7 @@ export declare const productItemSchema: z.ZodObject<{
         } | undefined;
         description?: string | undefined;
         estimatedValue?: number | undefined;
+        wonByOrderId?: string | undefined;
     }>, "many">>;
     pricePerEntry: z.ZodOptional<z.ZodNumber>;
     prizeMaxEntries: z.ZodOptional<z.ZodNumber>;
@@ -180,7 +183,8 @@ export declare const productItemSchema: z.ZodObject<{
     prizeRevealWindowStart: z.ZodOptional<z.ZodUnion<[z.ZodString, z.ZodDate]>>;
     prizeRevealWindowEnd: z.ZodOptional<z.ZodUnion<[z.ZodString, z.ZodDate]>>;
     prizeRevealStatus: z.ZodOptional<z.ZodEnum<["pending", "open", "closed"]>>;
-    prizeRevealDeadlineDays: z.ZodOptional<z.ZodNumber>;
+    prizeDrawDurationDays: z.ZodOptional<z.ZodNumber>;
+    prizeRevealMode: z.ZodOptional<z.ZodEnum<["instant", "scheduled"]>>;
     prizeGithubFileUrl: z.ZodOptional<z.ZodString>;
     inStock: z.ZodOptional<z.ZodBoolean>;
     stockCount: z.ZodOptional<z.ZodNumber>;
@@ -423,6 +427,7 @@ export declare const productItemSchema: z.ZodObject<{
         } | undefined;
         description?: string | undefined;
         estimatedValue?: number | undefined;
+        wonByOrderId?: string | undefined;
     }[] | undefined;
     pricePerEntry?: number | undefined;
     prizeMaxEntries?: number | undefined;
@@ -430,8 +435,9 @@ export declare const productItemSchema: z.ZodObject<{
     prizeRevealWindowStart?: string | Date | undefined;
     prizeRevealWindowEnd?: string | Date | undefined;
     prizeRevealStatus?: "closed" | "open" | "pending" | undefined;
-    prizeRevealDeadlineDays?: number | undefined;
+    prizeDrawDurationDays?: number | undefined;
     prizeGithubFileUrl?: string | undefined;
+    prizeRevealMode?: "instant" | "scheduled" | undefined;
     media?: {
         type: "video" | "image" | "file";
         url: string;
@@ -559,6 +565,7 @@ export declare const productItemSchema: z.ZodObject<{
         } | undefined;
         description?: string | undefined;
         estimatedValue?: number | undefined;
+        wonByOrderId?: string | undefined;
     }[] | undefined;
     pricePerEntry?: number | undefined;
     prizeMaxEntries?: number | undefined;
@@ -566,8 +573,9 @@ export declare const productItemSchema: z.ZodObject<{
     prizeRevealWindowStart?: string | Date | undefined;
     prizeRevealWindowEnd?: string | Date | undefined;
     prizeRevealStatus?: "closed" | "open" | "pending" | undefined;
-    prizeRevealDeadlineDays?: number | undefined;
+    prizeDrawDurationDays?: number | undefined;
     prizeGithubFileUrl?: string | undefined;
+    prizeRevealMode?: "instant" | "scheduled" | undefined;
     media?: {
         type: "video" | "image" | "file";
         url: string;

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

@@ -1,6 +1,7 @@
 export * from "./firestore";
 import { z } from "zod";
 import { mediaFieldSchema } from "../../media/types/index";
+import { PRIZE_DRAW_DURATION_DAYS_MIN, PRIZE_DRAW_DURATION_DAYS_MAX, } from "../../../_internal/shared/checkout/rules/_limits";
 // --- Sub-schemas --------------------------------------------------------------
 export const productImageSchema = z.object({
     url: z.string(),
@@ -96,8 +97,9 @@ export const productItemSchema = z.object({
         condition: z.string(),
         estimatedValue: z.number().optional(),
         isWon: z.boolean(),
+        wonByOrderId: z.string().optional(),
     }))
-        .min(3)
+        .min(2)
         .max(16)
         .optional(),
     pricePerEntry: z.number().positive().optional(),
@@ -106,7 +108,13 @@ export const productItemSchema = z.object({
     prizeRevealWindowStart: z.union([z.string(), z.date()]).optional(),
     prizeRevealWindowEnd: z.union([z.string(), z.date()]).optional(),
     prizeRevealStatus: z.enum(["pending", "open", "closed"]).optional(),
-    prizeRevealDeadlineDays: z.number().int().positive().optional(),
+    prizeDrawDurationDays: z
+        .number()
+        .int()
+        .min(PRIZE_DRAW_DURATION_DAYS_MIN)
+        .max(PRIZE_DRAW_DURATION_DAYS_MAX)
+        .optional(),
+    prizeRevealMode: z.enum(["instant", "scheduled"]).optional(),
     prizeGithubFileUrl: z.string().url().optional(),
     inStock: z.boolean().optional(),
     stockCount: z.number().optional(),

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

@@ -136,7 +136,8 @@ export interface ProductItem {
     prizeRevealWindowStart?: string | Date;
     prizeRevealWindowEnd?: string | Date;
     prizeRevealStatus?: "pending" | "open" | "closed";
-    prizeRevealDeadlineDays?: number;
+    prizeDrawDurationDays?: number;
+    prizeRevealMode?: "instant" | "scheduled";
     prizeGithubFileUrl?: string;
     maxPerUser?: number;
     /** Winner's display name for ended auctions — shown masked in public UI */

package/dist/features/reviews/actions/review-actions.js

@@ -31,6 +31,7 @@ export async function createReview(userId, input) {
     return reviewRepository.create({
         productId: input.productId,
         productTitle: product.title,
+        listingType: product.listingType,
         storeId: product.storeId,
         storeName: product.storeName,
         userId,

package/dist/features/reviews/components/ReviewDetailPageView.js

@@ -4,6 +4,7 @@ import { reviewRepository } from "../../../repositories";
 import { Container, Div, Heading, Main, Nav, Section, Span, Text } from "../../../ui";
 import { ROUTES } from "../../../next";
 import { ReviewDetailShell } from "./ReviewDetailShell";
+import { ReviewCard } from "./ReviewsList";
 export async function ReviewDetailPageView({ id }) {
     const doc = await reviewRepository.findById(id).catch(() => null);
     const review = doc;
@@ -12,5 +13,11 @@ export async function ReviewDetailPageView({ id }) {
     if (!review || review.status !== "approved") {
         return (_jsx(Main, { children: _jsx(Section, { padding: "y-6xl", children: _jsx(Container, { size: "sm", children: _jsxs(Div, { className: "text-left", children: [_jsx(Text, { className: "mb-4", size: "5xl", "aria-hidden": "true", children: "\uD83D\uDD0D" }), _jsx(Heading, { color: "inverse", level: 1, className: "text-[var(--appkit-color-text)] dark: mb-2", size: "2xl", weight: "bold", children: "Review not found" }), _jsx(Text, { className: "text-[var(--appkit-color-text-muted)] mb-6", size: "sm", children: "This review may have been removed or is no longer available." }), _jsx(Link, { href: String(ROUTES.PUBLIC.REVIEWS), className: "inline-flex items-center gap-[var(--appkit-space-2)] rounded-lg bg-primary px-[var(--appkit-space-5)] py-[var(--appkit-space-2-5)] text-[length:var(--appkit-text-sm)] font-medium text-white hover:bg-primary-600 transition-colors", children: "\u2190 Back to Reviews" })] }) }) }) }));
     }
-    return (_jsxs(Main, { children: [_jsx(Div, { paddingY: "y-xs-tall", className: "border-b border-neutral-100 bg-neutral-50", padding: "x-md", children: _jsxs(Nav, { layout: "flex", gap: "2xs", textSize: "xs", color: "faint", className: "mx-auto max-w-3xl", "aria-label": "Breadcrumb", children: [_jsx(Link, { href: String(ROUTES.HOME), className: "hover:text-primary transition-colors", children: "Home" }), _jsx(Span, { children: "/" }), _jsx(Link, { href: String(ROUTES.PUBLIC.REVIEWS), className: "hover:text-primary transition-colors", children: "Reviews" }), _jsx(Span, { children: "/" }), _jsx(Span, { className: "text-neutral-700 truncate max-w-[200px]", children: review.title ?? review.id })] }) }), _jsx(ReviewDetailShell, { review: review, storeHref: storeSlug ? String(ROUTES.PUBLIC.STORE_DETAIL(storeSlug)) : null })] }));
+    const [sameProductDocs, sameStoreDocs] = await Promise.all([
+        reviewRepository.findApprovedByProduct(review.productId).catch(() => []),
+        storeSlug ? reviewRepository.findApprovedByStore(storeSlug).catch(() => []) : Promise.resolve([]),
+    ]);
+    const sameProductReviews = sameProductDocs.filter((r) => r.id !== review.id).slice(0, 6);
+    const sameStoreReviews = sameStoreDocs.filter((r) => r.id !== review.id).slice(0, 6);
+    return (_jsxs(Main, { children: [_jsx(Div, { paddingY: "y-xs-tall", className: "border-b border-neutral-100 bg-neutral-50", padding: "x-md", children: _jsxs(Nav, { layout: "flex", gap: "2xs", textSize: "xs", color: "faint", className: "mx-auto max-w-3xl", "aria-label": "Breadcrumb", children: [_jsx(Link, { href: String(ROUTES.HOME), className: "hover:text-primary transition-colors", children: "Home" }), _jsx(Span, { children: "/" }), _jsx(Link, { href: String(ROUTES.PUBLIC.REVIEWS), className: "hover:text-primary transition-colors", children: "Reviews" }), _jsx(Span, { children: "/" }), _jsx(Span, { className: "text-neutral-700 truncate max-w-[200px]", children: review.title ?? review.id })] }) }), _jsx(ReviewDetailShell, { review: review, storeHref: storeSlug ? String(ROUTES.PUBLIC.STORE_DETAIL(storeSlug)) : null }), sameProductReviews.length > 0 && (_jsx(Section, { padding: "y-lg", border: "subtle", className: "border-t", children: _jsxs(Container, { size: "sm", children: [_jsxs(Heading, { level: 2, className: "mb-4", size: "lg", weight: "semibold", children: ["More reviews for ", review.productTitle ?? "this product"] }), _jsx(Div, { layout: "grid", gap: "4", className: "sm:grid-cols-2", children: sameProductReviews.map((r) => (_jsx(ReviewCard, { review: r, context: "listing" }, r.id))) })] }) })), sameStoreReviews.length > 0 && (_jsx(Section, { padding: "y-lg", border: "subtle", className: "border-t", children: _jsxs(Container, { size: "sm", children: [_jsxs(Heading, { level: 2, className: "mb-4", size: "lg", weight: "semibold", children: ["More reviews for ", review.storeName ?? "this store"] }), _jsx(Div, { layout: "grid", gap: "4", className: "sm:grid-cols-2", children: sameStoreReviews.map((r) => (_jsx(ReviewCard, { review: r, context: "store" }, r.id))) })] }) }))] }));
 }

package/dist/features/reviews/components/ReviewDetailShell.js

@@ -24,6 +24,7 @@ import { maskName } from "../../../security";
 import { getDefaultLocale } from "../../../core/baseline-resolver";
 import { normalizeRichTextHtml } from "../../../utils/string.formatter";
 import { ROUTES } from "../../../next";
+import { pluginFor } from "../../../_internal/shared/listing-types/_registry";
 import { apiClient } from "../../../http";
 import { REVIEW_ENDPOINTS } from "../../../constants/api-endpoints";
 export function ReviewDetailShell({ review, storeHref }) {
@@ -84,7 +85,7 @@ export function ReviewDetailShell({ review, storeHref }) {
     };
     // ── Links ───────────────────────────────────────────────────────────────────
     const productHref = review.productId
-        ? String(ROUTES.PUBLIC.PRODUCT_DETAIL(review.productId))
+        ? pluginFor(review.listingType ?? "standard").detailRoute(review.productId)
         : null;
     const sellerHref = storeHref ?? null;
     const reviewerProfileId = review.userSlug ?? review.userId;

package/dist/features/reviews/components/ReviewsList.js

@@ -7,6 +7,7 @@ import { maskName } from "../../../security";
 import { getDefaultLocale } from "../../../core/baseline-resolver";
 import { normalizeRichTextHtml } from "../../../utils/string.formatter";
 import { ROUTES } from "../../../next";
+import { pluginFor } from "../../../_internal/shared/listing-types/_registry";
 export function ReviewCard({ review, context = "general", className = "" }) {
     const date = review.createdAt
         ? new Date(review.createdAt).toLocaleDateString(getDefaultLocale(), {
@@ -19,7 +20,7 @@ export function ReviewCard({ review, context = "general", className = "" }) {
     const initials = displayName.charAt(0).toUpperCase();
     const reviewHref = String(ROUTES.PUBLIC.REVIEW_DETAIL(review.id));
     const productHref = review.productId
-        ? String(ROUTES.PUBLIC.PRODUCT_DETAIL(review.productId))
+        ? pluginFor(review.listingType ?? "standard").detailRoute(review.productId)
         : null;
     const profileHref = !review.isAnonymous && review.userId
         ? String(ROUTES.PUBLIC.PROFILE(review.userId))

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

@@ -3,6 +3,7 @@
  */
 import type { ReviewStatus } from "../types";
 import type { BaseDocument } from "../../../_internal/shared/types/base-document";
+import type { ListingType } from "../../products/types/index";
 /** Runtime-accessible review status values — use instead of bare string literals. */
 export declare const ReviewStatusValues: {
     readonly PENDING: "pending";
@@ -19,6 +20,8 @@ export interface ReviewVideoField {
 export interface ReviewDocument extends BaseDocument {
     productId: string;
     productTitle: string;
+    /** Denormalized from the product at review-creation time — drives the correct detail-page link (e.g. prize-draw items link to /prize-draws/[slug], not /products/[slug]). */
+    listingType?: ListingType;
     storeId?: string;
     storeName?: string;
     userId: string;