@mohasinac/appkit 4.11.1 → 4.11.3

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

@@ -482,33 +482,6 @@ class OrderRepository extends BaseRepository {
             updatedAt: serverTimestamp(),
         });
     }
-    /**
-     * Cloud Functions: create an auction-won order inside a caller-owned WriteBatch.
-     * Returns the new DocumentReference synchronously so the caller can chain further batch ops.
-     */
-    createFromAuction(batch, input) {
-        const ref = this.db.collection(this.collection).doc();
-        batch.create(ref, prepareForFirestore({
-            id: ref.id,
-            productId: input.productId,
-            productTitle: input.productTitle,
-            userId: input.userId,
-            userName: input.userName,
-            userEmail: input.userEmail,
-            storeId: input.storeId ?? null,
-            quantity: 1,
-            unitPrice: input.amount,
-            totalPrice: input.amount,
-            currency: input.currency,
-            status: OrderStatusValues.CONFIRMED,
-            paymentStatus: "pending",
-            orderDate: new Date(),
-            notes: `Won via auction bid — auction product ${input.auctionProductId}`,
-            createdAt: serverTimestamp(),
-            updatedAt: serverTimestamp(),
-        }));
-        return ref;
-    }
 }
 OrderRepository.SELLER_SIEVE_FIELDS = {
     id: { canFilter: true, canSort: false },
@@ -543,6 +516,10 @@ OrderRepository.ADMIN_SIEVE_FIELDS = {
     // S-SBUNI-RULES 2026-05-13 — refund + batch fields
     paymentBatchId: { canFilter: true, canSort: false },
     contestable: { canFilter: true, canSort: false },
+    // Lane segregation on /user/orders — "standard"/"auction"/"offer" etc.
+    // Never filtered as "standard" via Firestore == (see listForUser callers):
+    // orders written before this field existed have no value to match.
+    orderType: { canFilter: true, canSort: false },
 };
 const orderRepository = new OrderRepository();
 export { OrderRepository, orderRepository };

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

@@ -1,6 +1,8 @@
 import { type PaymentGateway, PaymentGatewayValues } from "../../payments/schemas";
 export { type PaymentGateway, PaymentGatewayValues };
 import type { ListingType } from "../../products/types/index";
+import type { OrderType } from "../utils/order-splitter";
+import type { AppliedOrderDiscount } from "../schemas/firestore";
 export type PaymentStatus = "pending" | "processing" | "paid" | "failed" | "refunded" | "partial_refund";
 export interface UserAddress {
     id: string;
@@ -57,6 +59,13 @@ export interface Order {
     address: UserAddress;
     orderStatus: OrderStatus;
     paymentStatus: PaymentStatus;
+    /**
+     * Which checkout lane produced this order. Absent on orders written before
+     * the field existed — treat missing as `"standard"`, never filter it out.
+     */
+    orderType?: OrderType;
+    /** Set when this order settled an accepted Make-an-Offer. */
+    offerId?: string;
     paymentGateway?: PaymentGateway;
     subtotal: number;
     shippingCost?: number;
@@ -64,7 +73,14 @@ export interface Order {
     tax?: number;
     total: number;
     currency: string;
+    /**
+     * First applied coupon's code only. Kept for back-compat; prefer
+     * `appliedDiscounts` when rendering, since a cart may stack one coupon per
+     * store plus one platform-wide coupon and this scalar shows only one of them.
+     */
     couponCode?: string;
+    /** Every discount applied to this order — the full stack, not just the first. */
+    appliedDiscounts?: AppliedOrderDiscount[];
     trackingNumber?: string;
     shippingCarrier?: string;
     /** Carrier tracking page URL — rendered as an external link that opens in a new tab. No live-tracking API integration; this is just the passthrough URL a seller/admin entered. */

package/dist/features/orders/utils/order-splitter.js

@@ -1,4 +1,5 @@
-import { getListingRule, offerRule, } from "../../../_internal/shared/checkout/rules";
+import { getListingRule, offerRule, auctionRule, } from "../../../_internal/shared/checkout/rules";
+import { CART_LANE, laneOf } from "../../../_internal/shared/checkout/lanes";
 /**
  * Split a sequence of cart-items into order groups by `OrderType`.
  *
@@ -18,7 +19,18 @@ export function splitCartIntoOrderGroups(checks) {
     for (const check of checks) {
         const { item } = check;
         const lt = (item.listingType ?? "standard");
-        const rule = item.isOffer ? offerRule : (getListingRule(lt) ?? getListingRule("standard"));
+        // Lane first, listing type second. A locked line's obligation — not the
+        // product's listing type — decides how it settles: an accepted offer is
+        // always its own order, and a won auction is always its own order even
+        // though `auctionRule` is otherwise unreachable (auctions are
+        // `cartEligible: false` for user-initiated adds; the only way one reaches
+        // the cart is auction settlement writing the winner's locked line).
+        const lane = laneOf(item);
+        const rule = lane === CART_LANE.OFFER
+            ? offerRule
+            : lane === CART_LANE.AUCTION
+                ? auctionRule
+                : (getListingRule(lt) ?? getListingRule("standard"));
         // Prize-draw (and future types with maxLinesPerOrder < Infinity) may split
         // one cart item into N virtual batch items.
         const virtualItems = rule.splitMultipleOrders(item);

package/dist/features/pre-orders/components/PreOrderBottomActions.d.ts

@@ -2,4 +2,4 @@ export interface PreOrderBottomActionsProps {
     price: number | null;
     currency: string;
 }
-export declare function PreOrderBottomActions({ price, currency, }: PreOrderBottomActionsProps): null;
+export declare function PreOrderBottomActions({ price, currency, }: PreOrderBottomActionsProps): import("react").JSX.Element;

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

@@ -1,22 +1,6 @@
 "use client";
-import { useBottomActions } from "../../layout/hooks/useBottomActions";
-import { formatCurrency } from "../../../utils/number.formatter";
-import { ACTION_ID } from "../../products/constants/action-defs";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ListingBottomActions } from "../../products/components/ListingBottomActions";
 export function PreOrderBottomActions({ price, currency, }) {
-    useBottomActions({
-        actions: [
-            {
-                id: ACTION_ID.RESERVE_NOW,
-                label: "Reserve Now",
-                variant: "primary",
-                onClick: () => {
-                    document
-                        .getElementById("pre-order-buy-bar")
-                        ?.scrollIntoView({ behavior: "smooth" });
-                },
-            },
-        ],
-        infoLabel: price !== null ? formatCurrency(price, currency) : undefined,
-    });
-    return null;
+    return (_jsx(ListingBottomActions, { listingType: "preorder", anchorId: "pre-order-buy-bar", price: price, currency: currency }));
 }

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

@@ -1,48 +1,20 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { sieveFilter, SIEVE_OP } from "@mohasinac/appkit";
-import { productRepository } from "../../../repositories";
 import { Container, Main, Heading, Section } from "../../../ui";
 import { AdSlot } from "../../homepage/components/AdSlot";
-import { parseListingSearchParams } from "../../../utils/listing-params";
 import { PreOrdersIndexListing } from "./PreOrdersIndexListing";
-const DEFAULT_PAGE = 1;
+import { listPublicProducts, parsePublicProductParams, } from "../../../_internal/server/features/products/list-public";
+const PRE_ORDER_LISTING_TYPES = ["pre-order"];
 const DEFAULT_PAGE_SIZE = 24;
 const DEFAULT_SORT = "-createdAt";
-function sp(params, key) {
-    const v = params[key];
-    return Array.isArray(v) ? v[0] ?? "" : v ?? "";
-}
-function buildPreOrderFilters(params) {
-    const parts = ["status==published", "listingType==pre-order"];
-    const minPrice = sp(params, "minPrice");
-    const maxPrice = sp(params, "maxPrice");
-    if (minPrice)
-        parts.push(sieveFilter("price", SIEVE_OP.GTE, minPrice));
-    if (maxPrice)
-        parts.push(sieveFilter("price", SIEVE_OP.LTE, maxPrice));
-    const store = sp(params, "storeId");
-    if (store)
-        parts.push(sieveFilter("storeId", SIEVE_OP.EQ, store));
-    const preOrderProductionStatus = sp(params, "preOrderProductionStatus");
-    if (preOrderProductionStatus)
-        parts.push(sieveFilter("preOrderProductionStatus", SIEVE_OP.EQ, preOrderProductionStatus));
-    // Mirror PreOrdersIndexListing's client-side default (same Root Cause pattern as
-    // auctions' dateFrom default — SSR initialData is seeded into React Query with
-    // staleTime:Infinity, so if this filter doesn't already exclude closed/out-of-stock
-    // pre-orders, the client never refetches and they leak into the default view).
-    const showClosed = sp(params, "showClosed") === "true";
-    if (!showClosed)
-        parts.push(sieveFilter("stockQuantity", SIEVE_OP.GT, 0));
-    return parts.join(",");
-}
 export async function PreOrdersListView({ searchParams = {} }) {
-    const std = parseListingSearchParams(searchParams);
-    const sort = std.sorts ?? DEFAULT_SORT;
-    const page = std.page ?? DEFAULT_PAGE;
-    const pageSize = std.pageSize ?? DEFAULT_PAGE_SIZE;
-    const filters = buildPreOrderFilters(searchParams);
-    const result = await productRepository
-        .list({ filters, sorts: sort, page, pageSize })
-        .catch(() => null);
+    // Shared with /api/products. `hideSoldByDefault` covers this page's
+    // "Show closed" toggle — the stockQuantity predicate runs in memory over a
+    // bounded fetch because the default sort is createdAt, not stockQuantity.
+    const result = await listPublicProducts(parsePublicProductParams(searchParams, {
+        listingTypes: PRE_ORDER_LISTING_TYPES,
+        pageSize: DEFAULT_PAGE_SIZE,
+        sorts: DEFAULT_SORT,
+        hideSoldByDefault: true,
+    }));
     return (_jsx(Main, { children: _jsx(Section, { padding: "y-2xl", children: _jsxs(Container, { size: "xl", children: [_jsx(Heading, { level: 1, className: "mb-8", color: "primary", size: "3xl", weight: "semibold", children: "Pre-Orders" }), _jsx(AdSlot, { id: "listing-sidebar-top", className: "mb-6" }), _jsx(PreOrdersIndexListing, { initialData: result ?? undefined }), _jsx(AdSlot, { id: "listing-sidebar-bottom", className: "mt-8" })] }) }) }));
 }

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

@@ -1,62 +1,23 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { productRepository } from "../../../repositories";
 import { Container, Heading, Main, Section, Text } from "../../../ui";
 import { AdSlot } from "../../homepage/components/AdSlot";
-import { parseListingSearchParams } from "../../../utils/listing-params";
 import { ProductsIndexListing } from "./ProductsIndexListing";
 import { PRODUCT_FIELDS } from "../../../constants/field-names";
-import { sieveFilter, sieveMultiEq, sieveAnd, SIEVE_OP } from "../../../utils/sieve-builder";
 import { sortBy } from "../../../constants/sort";
 import { ART_STICKERS_TYPE_FILTER_TABS } from "../constants/listing-tabs";
+import { listPublicProducts, parsePublicProductParams, } from "../../../_internal/server/features/products/list-public";
 const ART_STICKERS_LISTING_TYPES = ["art", "stickers"];
-const DEFAULT_PAGE = 1;
 const DEFAULT_PAGE_SIZE = 24;
 const DEFAULT_SORT = sortBy(PRODUCT_FIELDS.CREATED_AT);
-function sp(params, key) {
-    const v = params[key];
-    return Array.isArray(v) ? v[0] ?? "" : v ?? "";
-}
-function buildArtStickersFilters(params) {
-    const listingTypeParam = sp(params, "listingType");
-    const listingType = listingTypeParam && ART_STICKERS_LISTING_TYPES.includes(listingTypeParam)
-        ? listingTypeParam
-        : ART_STICKERS_LISTING_TYPES.join("|");
-    const parts = [
-        sieveFilter(PRODUCT_FIELDS.STATUS, SIEVE_OP.EQ, PRODUCT_FIELDS.STATUS_VALUES.PUBLISHED),
-        sieveFilter(PRODUCT_FIELDS.LISTING_TYPE, SIEVE_OP.EQ, listingType),
-    ];
-    const condition = sp(params, "condition");
-    if (condition) {
-        const values = condition.split("|").filter(Boolean);
-        if (values.length === 1)
-            parts.push(sieveFilter(PRODUCT_FIELDS.CONDITION, SIEVE_OP.EQ, values[0]));
-        else if (values.length > 1)
-            parts.push(sieveMultiEq(PRODUCT_FIELDS.CONDITION, values));
-    }
-    const minPrice = sp(params, "minPrice");
-    const maxPrice = sp(params, "maxPrice");
-    if (minPrice)
-        parts.push(sieveFilter(PRODUCT_FIELDS.PRICE, SIEVE_OP.GTE, minPrice));
-    if (maxPrice)
-        parts.push(sieveFilter(PRODUCT_FIELDS.PRICE, SIEVE_OP.LTE, maxPrice));
-    const storeId = sp(params, "seller");
-    if (storeId)
-        parts.push(sieveFilter(PRODUCT_FIELDS.STORE_ID, SIEVE_OP.EQ, storeId));
-    // Mirror ProductsIndexListing's client-side "Show sold" default — see
-    // ProductsIndexPageView.tsx's buildProductFilters for the full explanation.
-    const showSold = sp(params, "showSold") === "true";
-    if (!showSold)
-        parts.push(sieveFilter(PRODUCT_FIELDS.STOCK_QUANTITY, SIEVE_OP.GT, 0));
-    return sieveAnd(...parts);
-}
 export async function ArtStickersListView({ searchParams = {} }) {
-    const std = parseListingSearchParams(searchParams);
-    const sort = std.sorts ?? DEFAULT_SORT;
-    const page = std.page ?? DEFAULT_PAGE;
-    const pageSize = std.pageSize ?? DEFAULT_PAGE_SIZE;
-    const filters = buildArtStickersFilters(searchParams);
-    const result = await productRepository
-        .list({ filters, sorts: sort, page, pageSize })
-        .catch(() => null);
+    // Filter semantics live in `listPublicProducts`, shared verbatim with
+    // /api/products — so the SSR first paint and the client's refetch can never
+    // disagree about what the default view means (Root Cause #30).
+    const result = await listPublicProducts(parsePublicProductParams(searchParams, {
+        listingTypes: ART_STICKERS_LISTING_TYPES,
+        pageSize: DEFAULT_PAGE_SIZE,
+        sorts: DEFAULT_SORT,
+        hideSoldByDefault: true,
+    }));
     return (_jsxs(Main, { children: [_jsx(Section, { border: "bottom-subtle", paddingY: "b-md", padding: "t-xl", children: _jsxs(Container, { size: "xl", children: [_jsx(Heading, { level: 1, size: "3xl", weight: "bold", color: "primary", children: "Art & Stickers" }), _jsx(Text, { className: "mt-1", color: "muted", size: "sm", children: "Original art prints and sticker packs from independent sellers" })] }) }), _jsxs(Container, { size: "xl", padding: "x-md", children: [_jsx(AdSlot, { id: "listing-sidebar-top", className: "mb-4 mt-4" }), _jsx(ProductsIndexListing, { initialData: result ?? null, listingTypes: ART_STICKERS_LISTING_TYPES, typeTabs: ART_STICKERS_TYPE_FILTER_TABS, searchPlaceholder: "Search art & stickers..." }), _jsx(AdSlot, { id: "listing-sidebar-bottom", className: "mt-8" })] })] }));
 }

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

@@ -24,7 +24,6 @@ const __O = {
     hidden: "overflow-hidden",
 };
 const DEFAULT_SORT = AUCTION_PUBLIC_SORT_OPTIONS[0].value;
-const AUCTION_SORT_OPTIONS = AUCTION_PUBLIC_SORT_OPTIONS;
 const FILTER_KEYS = [TABLE_KEYS.CATEGORY, TABLE_KEYS.BRAND, TABLE_KEYS.MIN_BID, TABLE_KEYS.MAX_BID, TABLE_KEYS.STORE_ID, TABLE_KEYS.DATE_FROM, TABLE_KEYS.DATE_TO];
 export function AuctionsIndexListing({ initialData, categorySlug, brandName }) {
     const table = useUrlTable({ defaults: { pageSize: "24", sort: DEFAULT_SORT } });
@@ -132,7 +131,7 @@ export function AuctionsIndexListing({ initialData, categorySlug, brandName }) {
                     },
                 },
             ] } } : {});
-    return (_jsxs(Div, { className: "min-h-screen", children: [_jsx(ListingToolbar, { filterCount: filterActiveCount, onFiltersClick: openFilters, searchValue: searchInput, searchPlaceholder: "Search auctions...", onSearchChange: setSearchInput, onSearchCommit: commitSearch, onSearchKeyDown: handleSearchKeyDown, sortValue: table.get(TABLE_KEYS.SORT) || DEFAULT_SORT, sortOptions: AUCTION_SORT_OPTIONS, onSortChange: (v) => { table.set(TABLE_KEYS.SORT, v); }, view: view, onViewChange: handleViewToggle, onResetAll: resetAll, hasActiveState: hasActiveState, bulkMode: selection.isSelecting, bulkSelectedCount: selection.selectedCount, bulkTotalCount: auctions.length, onBulkSelectAll: selection.toggleAll, onBulkClear: selection.clearSelection, toggles: [
+    return (_jsxs(Div, { className: "min-h-screen", children: [_jsx(ListingToolbar, { filterCount: filterActiveCount, onFiltersClick: openFilters, searchValue: searchInput, searchPlaceholder: "Search auctions...", onSearchChange: setSearchInput, onSearchCommit: commitSearch, onSearchKeyDown: handleSearchKeyDown, sortValue: table.get(TABLE_KEYS.SORT) || DEFAULT_SORT, sortOptions: AUCTION_PUBLIC_SORT_OPTIONS, onSortChange: (v) => { table.set(TABLE_KEYS.SORT, v); }, view: view, onViewChange: handleViewToggle, onResetAll: resetAll, hasActiveState: hasActiveState, bulkMode: selection.isSelecting, bulkSelectedCount: selection.selectedCount, bulkTotalCount: auctions.length, onBulkSelectAll: selection.toggleAll, onBulkClear: selection.clearSelection, toggles: [
                     { label: "Show ended", active: showEnded, onChange: (next) => table.set(TABLE_KEYS.SHOW_ENDED, next ? "true" : "") },
                 ] }), _jsx(BulkActionBar, { selectedCount: selection.selectedCount, onClearSelection: selection.clearSelection, actions: [
                     {

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

@@ -0,0 +1,28 @@
+import { MOBILE_PRIMARY_ACTIONS } from "../constants/action-defs";
+/**
+ * The sticky-CTA registrar shared by every listing type whose bottom bar is just
+ * "primary CTA that scrolls to the buy/contact panel, plus a price label".
+ *
+ * Pre-order, prize-draw, classified, digital-code and live all fit that shape, which put
+ * it well past the Rule of Three for a per-type copy. Auction and standard product keep
+ * their own registrars — the auction ticks a live countdown into `secondaryLabel`, and
+ * the product bar carries three buttons whose labels track cart/wishlist state.
+ *
+ * Renders nothing; it exists purely to register into `BottomActionsContext`.
+ */
+export interface ListingBottomActionsProps {
+    /** Selects the CTA set from the ACTIONS registry (Rule #7 — never inline actions). */
+    listingType: keyof typeof MOBILE_PRIMARY_ACTIONS;
+    /** `id` of the element the CTA scrolls to. */
+    anchorId: string;
+    price: number | null;
+    currency: string;
+    /**
+     * Register nothing at all — for ended/closed/sold-out listings, matching how the
+     * auction and prize-draw registrars bail out.
+     */
+    unavailable?: boolean;
+    /** Appended after the formatted price, e.g. "per entry". */
+    infoSuffix?: string;
+}
+export declare function ListingBottomActions({ listingType, anchorId, price, currency, unavailable, infoSuffix, }: ListingBottomActionsProps): null;

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

@@ -0,0 +1,25 @@
+"use client";
+import { useBottomActions } from "../../layout/hooks/useBottomActions";
+import { formatCurrency } from "../../../utils/number.formatter";
+import { ACTION_META, MOBILE_PRIMARY_ACTIONS } from "../constants/action-defs";
+export function ListingBottomActions({ listingType, anchorId, price, currency, unavailable = false, infoSuffix, }) {
+    const actionIds = MOBILE_PRIMARY_ACTIONS[listingType] ?? [];
+    const infoLabel = price !== null
+        ? `${formatCurrency(price, currency)}${infoSuffix ? ` ${infoSuffix}` : ""}`
+        : undefined;
+    useBottomActions(unavailable
+        ? {}
+        : {
+            actions: actionIds.map((id) => ({
+                ...ACTION_META[id],
+                onClick: () => {
+                    document
+                        .getElementById(anchorId)
+                        ?.scrollIntoView({ behavior: "smooth" });
+                },
+            })),
+            infoLabel,
+            desktop: "after-scroll",
+        });
+    return null;
+}

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

@@ -3,4 +3,4 @@ export interface PrizeDrawBottomActionsProps {
     currency: string;
     closed: boolean;
 }
-export declare function PrizeDrawBottomActions({ pricePerEntry, currency, closed, }: PrizeDrawBottomActionsProps): null;
+export declare function PrizeDrawBottomActions({ pricePerEntry, currency, closed, }: PrizeDrawBottomActionsProps): import("react").JSX.Element;

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

@@ -1,24 +1,6 @@
 "use client";
-import { useBottomActions } from "../../layout/hooks/useBottomActions";
-import { formatCurrency } from "../../../utils/number.formatter";
-import { ACTION_ID } from "../constants/action-defs";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ListingBottomActions } from "./ListingBottomActions";
 export function PrizeDrawBottomActions({ pricePerEntry, currency, closed, }) {
-    useBottomActions(closed
-        ? {}
-        : {
-            actions: [
-                {
-                    id: ACTION_ID.BUY_NOW,
-                    label: "Buy Now",
-                    variant: "primary",
-                    onClick: () => {
-                        document
-                            .getElementById("prize-draw-buy-bar")
-                            ?.scrollIntoView({ behavior: "smooth" });
-                    },
-                },
-            ],
-            infoLabel: `${formatCurrency(pricePerEntry, currency)} per entry`,
-        });
-    return null;
+    return (_jsx(ListingBottomActions, { listingType: "prize-draw", anchorId: "prize-draw-buy-bar", price: pricePerEntry, currency: currency, unavailable: closed, infoSuffix: "per entry" }));
 }

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

@@ -122,6 +122,10 @@ export function ProductDetailActions({ productId, productTitle, productImage, pr
             infoLabel: price != null && currency
                 ? formatCurrency(price, currency)
                 : undefined,
+            // The bar itself owns responsive visibility now, so this one registrar serves
+            // both breakpoints. The desktop branch below must NOT also register —
+            // useBottomActions is last-mounted-wins and the two would clobber each other.
+            desktop: "after-scroll",
         }
         : {});
     const authModal = (_jsx(LoginRequiredModal, { isOpen: modalOpen, onClose: closeModal, message: modalMessage }));

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

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import Link from "next/link";
-import { productRepository, reviewRepository } from "../../../repositories";
+import { productRepository } from "../../../repositories";
 const __P = {
     p3: "p-[var(--appkit-space-3)]",
     p5: "p-[var(--appkit-space-5)]",
@@ -25,7 +25,7 @@ import { getDefaultCurrency } from "../../../core/baseline-resolver";
 import { Button, Container, Div, Heading, Main, Nav, PriceDisplay, RichText, Row, Section, Span, Stack, Text, Ul, Ol, Li, Dl, Dt, Dd, } from "../../../ui";
 import { normalizeRichTextHtml } from "../../../utils/string.formatter";
 import { safeDisplayName } from "../../../security";
-import { ReviewsList } from "../../reviews/components/ReviewsList";
+import { ReviewsListingPanel } from "../../reviews/components/ReviewsListingPanel";
 import { ProductDetailView } from "./ProductDetailView";
 import { ProductGalleryClient } from "./ProductGalleryClient";
 import { ProductTabsShell } from "./ProductTabsShell";
@@ -37,7 +37,7 @@ import { SublistingCarouselSection } from "./SublistingCarouselSection";
 import { ShowGroupSection } from "./ShowGroupSection";
 import { HistoryTracker } from "../../history/components/HistoryTracker";
 import { RelatedItemsSection } from "./RelatedItemsSection";
-import { computeRelatedItems, toReview } from "../../../_internal/server/features/products/data";
+import { computeRelatedItems, getReviewPageForProduct } from "../../../_internal/server/features/products/data";
 import { GroupedListingsCarousel } from "../../grouped/components/GroupedListingsCarousel";
 import { getGroupsWithItemsForProduct } from "../../../_internal/server/features/grouped/data";
 // ---------------------------------------------------------------------------
@@ -165,12 +165,12 @@ export async function ProductDetailPageView({ slug, initialProduct, renderOfferA
     const groupTitle = typeof p.groupTitle === "string" ? p.groupTitle : undefined;
     const storeId = typeof p.storeId === "string" ? p.storeId : null;
     // -- Fetch reviews + the shared 4-signal related-items computation + grouped listings in parallel --
-    const [reviewDocs, related, groups] = await Promise.all([
-        reviewRepository.findApprovedByProduct(product.id).catch(() => []),
+    // Only page 1 of reviews is fetched here; <ReviewsListingPanel> pages the rest client-side.
+    const [initialReviews, related, groups] = await Promise.all([
+        getReviewPageForProduct(product.id),
         computeRelatedItems(product),
         getGroupsWithItemsForProduct(product.id),
     ]);
-    const reviews = reviewDocs.map(toReview);
     const { relatedItems, relatedByBrand, relatedByTags, relatedByStore } = related;
     return (_jsxs(Main, { children: [_jsx(HistoryTracker, { productId: product.id, productType: "product", snapshot: {
                     title: product.title,
@@ -231,7 +231,7 @@ export async function ProductDetailPageView({ slug, initialProduct, renderOfferA
                             ? () => (_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 }))
-                            : undefined, renderTabs: () => (_jsx(ProductTabsShell, { descriptionContent: descriptionHtml ? (_jsx(RichText, { html: descriptionHtml, proseClass: "prose prose-sm sm:prose max-w-none dark:prose-invert", className: "text-[var(--appkit-color-text-muted)]" })) : undefined, specsContent: allSpecs.length > 0 ? (_jsx(Dl, { divide: "subtle", rounded: "xl", border: "subtle", className: "overflow-hidden", children: allSpecs.map((s, i) => (_jsxs(Row, { gap: "md", oddEven: "zebra", surface: "default", padding: "inline", children: [_jsx(Dt, { className: "w-36 flex-shrink-0", color: "primary", weight: "medium", children: s.name }), _jsxs(Dd, { className: "flex-1", color: "muted", children: [s.value, s.unit ? ` ${s.unit}` : ""] })] }, i))) })) : undefined, ingredientsContent: ingredients.length > 0 ? (_jsx(Ul, { spacing: "comfortable", children: ingredients.map((item, i) => (_jsxs(Li, { layout: "flex-start", gap: "2", children: [_jsx(Span, { className: "mt-1 flex-shrink-0 h-1.5 w-1.5 bg-primary-400", rounded: "full" }), item] }, i))) })) : undefined, howToUseContent: howToUse.length > 0 ? (_jsx(Ol, { spacing: "loose", children: howToUse.map((step, i) => (_jsxs(Li, { layout: "flex-start", gap: "3", textSize: "sm", color: "muted", children: [_jsx(Span, { layout: "flex-center", size: "xs", weight: "bold", className: "flex-shrink-0 h-6 w-6 bg-primary-100 dark:bg-primary-900/30 text-primary-700 dark:text-primary-300", rounded: "full", children: i + 1 }), step] }, i))) })) : undefined, reviewsContent: _jsx(ReviewsList, { reviews: reviews, context: "listing", emptyLabel: "No reviews yet \u2014 be the first to review this product." }), customTabs: customSections.map((s) => ({
+                            : undefined, renderTabs: () => (_jsx(ProductTabsShell, { descriptionContent: descriptionHtml ? (_jsx(RichText, { html: descriptionHtml, proseClass: "prose prose-sm sm:prose max-w-none dark:prose-invert", className: "text-[var(--appkit-color-text-muted)]" })) : undefined, specsContent: allSpecs.length > 0 ? (_jsx(Dl, { divide: "subtle", rounded: "xl", border: "subtle", className: "overflow-hidden", children: allSpecs.map((s, i) => (_jsxs(Row, { gap: "md", oddEven: "zebra", surface: "default", padding: "inline", children: [_jsx(Dt, { className: "w-36 flex-shrink-0", color: "primary", weight: "medium", children: s.name }), _jsxs(Dd, { className: "flex-1", color: "muted", children: [s.value, s.unit ? ` ${s.unit}` : ""] })] }, i))) })) : undefined, ingredientsContent: ingredients.length > 0 ? (_jsx(Ul, { spacing: "comfortable", children: ingredients.map((item, i) => (_jsxs(Li, { layout: "flex-start", gap: "2", children: [_jsx(Span, { className: "mt-1 flex-shrink-0 h-1.5 w-1.5 bg-primary-400", rounded: "full" }), item] }, i))) })) : undefined, howToUseContent: howToUse.length > 0 ? (_jsx(Ol, { spacing: "loose", children: howToUse.map((step, i) => (_jsxs(Li, { layout: "flex-start", gap: "3", textSize: "sm", color: "muted", children: [_jsx(Span, { layout: "flex-center", size: "xs", weight: "bold", className: "flex-shrink-0 h-6 w-6 bg-primary-100 dark:bg-primary-900/30 text-primary-700 dark:text-primary-300", rounded: "full", children: i + 1 }), step] }, i))) })) : undefined, reviewsContent: _jsx(ReviewsListingPanel, { source: { kind: "product", productId: product.id }, stateMode: "local", context: "listing", initialData: initialReviews, emptyLabel: "No reviews yet \u2014 be the first to review this product." }), customTabs: customSections.map((s) => ({
                                 id: s.id,
                                 label: s.title,
                                 content: _jsx(CustomSectionTabContent, { section: s }),

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

@@ -1,75 +1,22 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { productRepository } from "../../../repositories";
 import { ROUTES } from "../../../constants";
 import { Container, Div, Heading, Main, Section, Text, TextLink } from "../../../ui";
 import { AdSlot } from "../../homepage/components/AdSlot";
-import { parseListingSearchParams } from "../../../utils/listing-params";
 import { ProductsIndexListing } from "./ProductsIndexListing";
 import { PRODUCT_FIELDS } from "../../../constants/field-names";
-import { sieveFilter, sieveMultiEq, sieveAnd, SIEVE_OP } from "../../../utils/sieve-builder";
 import { sortBy } from "../../../constants/sort";
 import { GENERIC_PRODUCT_LISTING_TYPES } from "../constants/listing-tabs";
-const DEFAULT_PAGE = 1;
+import { listPublicProducts, parsePublicProductParams, } from "../../../_internal/server/features/products/list-public";
 const DEFAULT_PAGE_SIZE = 24;
 const DEFAULT_SORT = sortBy(PRODUCT_FIELDS.CREATED_AT);
-function sp(params, key) {
-    const v = params[key];
-    return Array.isArray(v) ? v[0] ?? "" : v ?? "";
-}
-function buildProductFilters(params) {
-    const listingTypeParam = sp(params, "listingType");
-    const listingType = listingTypeParam && GENERIC_PRODUCT_LISTING_TYPES.includes(listingTypeParam)
-        ? listingTypeParam
-        : GENERIC_PRODUCT_LISTING_TYPES.join("|");
-    const parts = [
-        sieveFilter(PRODUCT_FIELDS.STATUS, SIEVE_OP.EQ, PRODUCT_FIELDS.STATUS_VALUES.PUBLISHED),
-        sieveFilter(PRODUCT_FIELDS.LISTING_TYPE, SIEVE_OP.EQ, listingType),
-    ];
-    const condition = sp(params, "condition");
-    if (condition) {
-        const values = condition.split("|").filter(Boolean);
-        if (values.length === 1)
-            parts.push(sieveFilter(PRODUCT_FIELDS.CONDITION, SIEVE_OP.EQ, values[0]));
-        // BUG FIX: pipe is invalid for ==; expand to multiple AND clauses
-        else if (values.length > 1)
-            parts.push(sieveMultiEq(PRODUCT_FIELDS.CONDITION, values));
-    }
-    const minPrice = sp(params, "minPrice");
-    const maxPrice = sp(params, "maxPrice");
-    if (minPrice)
-        parts.push(sieveFilter(PRODUCT_FIELDS.PRICE, SIEVE_OP.GTE, minPrice));
-    if (maxPrice)
-        parts.push(sieveFilter(PRODUCT_FIELDS.PRICE, SIEVE_OP.LTE, maxPrice));
-    const storeId = sp(params, "seller");
-    if (storeId)
-        parts.push(sieveFilter(PRODUCT_FIELDS.STORE_ID, SIEVE_OP.EQ, storeId));
-    const freeShipping = sp(params, "freeShipping");
-    if (freeShipping === "true") {
-        parts.push(sieveFilter(PRODUCT_FIELDS.SHIPPING_PAID_BY, SIEVE_OP.EQ, PRODUCT_FIELDS.SHIPPING_PAID_BY_VALUES.SELLER));
-    }
-    // Mirror ProductsIndexListing's client-side "Show sold" default (same Root Cause
-    // pattern as auctions' dateFrom default — SSR initialData is seeded into React
-    // Query with staleTime:Infinity, so if this filter doesn't already exclude sold /
-    // out-of-stock products, the client never refetches and they leak into the default view).
-    const showSold = sp(params, "showSold") === "true";
-    if (!showSold)
-        parts.push(sieveFilter(PRODUCT_FIELDS.STOCK_QUANTITY, SIEVE_OP.GT, 0));
-    return sieveAnd(...parts);
-}
 export async function ProductsIndexPageView({ searchParams = {} }) {
-    const std = parseListingSearchParams(searchParams);
-    const sort = std.sorts ?? DEFAULT_SORT;
-    const page = std.page ?? DEFAULT_PAGE;
-    const pageSize = std.pageSize ?? DEFAULT_PAGE_SIZE;
-    const filters = buildProductFilters(searchParams);
-    const result = await productRepository
-        .list({
-        filters,
-        sorts: sort,
-        page,
-        pageSize,
-    })
-        .catch(() => null);
-    const products = result ?? null;
+    // See ArtStickersListView — one shared filter implementation with
+    // /api/products, so SSR and the client refetch agree by construction.
+    const products = await listPublicProducts(parsePublicProductParams(searchParams, {
+        listingTypes: GENERIC_PRODUCT_LISTING_TYPES,
+        pageSize: DEFAULT_PAGE_SIZE,
+        sorts: DEFAULT_SORT,
+        hideSoldByDefault: true,
+    }));
     return (_jsxs(Main, { children: [_jsx(Section, { border: "bottom-subtle", paddingY: "b-md", padding: "t-xl", children: _jsxs(Container, { size: "xl", children: [_jsx(Heading, { level: 1, size: "3xl", weight: "bold", color: "primary", children: "Products" }), _jsx(Text, { className: "mt-1", color: "muted", size: "sm", children: "Discover amazing products and deals" }), _jsx(Div, { className: "mt-3", children: _jsx(TextLink, { variant: "bare", href: String(ROUTES.PUBLIC.AUCTIONS), rounded: "full", paddingX: "sm", paddingY: "2xs", size: "xs", weight: "medium", layout: "inline-flex", align: "center", gap: "sm", className: "border border-primary/30 bg-primary/10 text-primary-700 dark:text-primary-400 hover:bg-primary/15 transition-colors", children: "\uD83C\uDFF7\uFE0F Looking for unique deals? Browse Auctions \u2192" }) })] }) }), _jsxs(Container, { size: "xl", padding: "x-md", children: [_jsx(AdSlot, { id: "listing-sidebar-top", className: "mb-4 mt-4" }), _jsx(ProductsIndexListing, { initialData: products }), _jsx(AdSlot, { id: "listing-sidebar-bottom", className: "mt-8" })] })] }));
 }