@mohasinac/appkit 4.11.1 → 4.11.3

package/dist/features/seller/components/SellerOffersView.js

@@ -1,15 +1,20 @@
 "use client";
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { sieveFilter, SIEVE_OP } from "@mohasinac/appkit/client";
 import { sortBy } from "@mohasinac/appkit/client";
 import React from "react";
-import { FilterChipGroup, ListingLayout, RowActionMenu } from "../../../ui";
+import { FilterChipGroup, ListingLayout, RowActionMenu, RecordDetailModal } from "../../../ui";
+import { QuickFormDrawer } from "../../shell/QuickFormDrawer";
+import { counterOfferFormSchema } from "../schemas/offer-forms";
 import { SELLER_ENDPOINTS } from "../../../constants/api-endpoints";
 import { SELLER_OFFER_STATUS_TABS } from "../../admin/constants/filter-tabs";
 import { ACTIONS } from "../../../_internal/shared/actions/action-registry";
 import { toRecordArray, toRelativeDate, toCurrency, toStringValue, } from "../../admin/hooks/useAdminListingData";
 import { DataListingView } from "../../admin/components/DataListingView";
 export function SellerOffersView({ children, onAcceptOffer, onRejectOffer, onCounterOffer, ...props }) {
+    const [detailRow, setDetailRow] = React.useState(null);
+    const [counterRow, setCounterRow] = React.useState(null);
+    const [isCountering, setIsCountering] = React.useState(false);
     if (React.Children.count(children) > 0) {
         return (_jsx(ListingLayout, { portal: "seller", ...props, children: children }));
     }
@@ -26,26 +31,31 @@ export function SellerOffersView({ children, onAcceptOffer, onRejectOffer, onCou
             { value: sortBy("createdAt", "DESC"), label: "Newest" },
             { value: sortBy("createdAt", "ASC"), label: "Oldest" },
         ],
-        mapRows: (response) => toRecordArray(response.offers).map((item, index) => ({
+        mapRows: (response) => toRecordArray(response.items).map((item, index) => ({
             id: toStringValue(item.id, `offer-${index}`),
             primary: toStringValue(item.productTitle ?? item.title, "Untitled product"),
             secondary: [
                 `Offer: ${toCurrency(item.offerAmount ?? item.amount)}`,
+                `Listed: ${toCurrency(item.listedPrice)}`,
                 toStringValue(item.buyerName ?? "Unknown buyer", "Unknown buyer"),
             ].join(" · "),
             status: toStringValue(item.status, "Pending"),
             updatedAt: toRelativeDate(item.updatedAt ?? item.createdAt),
+            detail: item,
         })),
-        getTotal: (response, mappedRows) => typeof response.meta?.total === "number"
-            ? response.meta.total
-            : mappedRows.length,
+        getTotal: (response, mappedRows) => typeof response.total === "number" ? response.total : mappedRows.length,
+        // A menu of pure mutations is not a detail affordance — the seller must be
+        // able to READ the offer (buyer note, listed vs offered price, expiry)
+        // before accepting or declining it (Root Cause #56).
+        onRowClick: (row) => setDetailRow(row),
         buildFilters: (state) => state.status && state.status !== "All" ? sieveFilter("status", SIEVE_OP.EQ, state.status) : undefined,
         renderRowActions: (row) => (_jsx(RowActionMenu, { actions: [
+                { label: "View details", onClick: () => setDetailRow(row) },
                 ...(onAcceptOffer
                     ? [{ label: ACTIONS.STORE["accept-offer"].label, onClick: () => void onAcceptOffer(row.id) }]
                     : []),
                 ...(onCounterOffer
-                    ? [{ label: ACTIONS.STORE["counter-offer"].label, onClick: () => onCounterOffer(row.id) }]
+                    ? [{ label: ACTIONS.STORE["counter-offer"].label, onClick: () => setCounterRow(row) }]
                     : []),
                 ...(onRejectOffer
                     ? [{ label: ACTIONS.STORE["reject-offer"].label, destructive: true, onClick: () => void onRejectOffer(row.id) }]
@@ -53,5 +63,46 @@ export function SellerOffersView({ children, onAcceptOffer, onRejectOffer, onCou
             ] })),
         renderFilterPanel: ({ pendingFilters, setPendingFilters }) => (_jsx(FilterChipGroup, { label: "Status", tabs: SELLER_OFFER_STATUS_TABS, value: pendingFilters.status ?? "", onChange: (id) => setPendingFilters((p) => ({ ...p, status: id })) })),
     };
-    return _jsx(DataListingView, { config: config });
+    const d = detailRow?.detail ?? {};
+    return (_jsxs(_Fragment, { children: [_jsx(DataListingView, { config: config }), _jsx(RecordDetailModal, { isOpen: detailRow !== null, onClose: () => setDetailRow(null), title: detailRow?.primary ?? "Offer", badges: detailRow ? [{ label: detailRow.status }] : undefined, description: toStringValue(d.buyerNote, ""), fields: [
+                    { label: "Buyer", value: toStringValue(d.buyerName, "Unknown buyer") },
+                    { label: "Listed price", value: toCurrency(d.listedPrice) },
+                    { label: "Offered", value: toCurrency(d.offerAmount) },
+                    ...(d.counterAmount
+                        ? [{ label: "Your counter", value: toCurrency(d.counterAmount) }]
+                        : []),
+                    ...(d.lockedPrice
+                        ? [{ label: "Agreed price", value: toCurrency(d.lockedPrice) }]
+                        : []),
+                    { label: "Offer expires", value: toRelativeDate(d.expiresAt) },
+                    ...(d.checkoutDeadline
+                        ? [{ label: "Buyer must pay by", value: toRelativeDate(d.checkoutDeadline) }]
+                        : []),
+                    ...(d.sellerNote ? [{ label: "Your note", value: toStringValue(d.sellerNote, "") }] : []),
+                ] }), _jsx(QuickFormDrawer, { isOpen: counterRow !== null, onClose: () => setCounterRow(null), title: `Counter offer — ${counterRow?.primary ?? ""}`, submitLabel: "Send counter", isLoading: isCountering, schema: counterOfferFormSchema, fields: [
+                    {
+                        name: "counterAmount",
+                        label: "Your counter price (₹)",
+                        type: "number",
+                        required: true,
+                        helperText: "Must be below your listed price and different from the buyer's offer.",
+                    },
+                    {
+                        name: "sellerNote",
+                        label: "Note to buyer (optional)",
+                        type: "textarea",
+                        placeholder: "Best I can do is …",
+                    },
+                ], onSubmit: async (values) => {
+                    if (!counterRow || !onCounterOffer)
+                        return;
+                    setIsCountering(true);
+                    try {
+                        await onCounterOffer(counterRow.id, Number(values.counterAmount), values.sellerNote ? String(values.sellerNote) : undefined);
+                        setCounterRow(null);
+                    }
+                    finally {
+                        setIsCountering(false);
+                    }
+                } })] }));
 }

package/dist/features/seller/components/SellerProductsCards.js

@@ -3,7 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Badge, Button, Checkbox, Div, Grid, Row, Stack, Text, TextLink } from "../../../ui";
 import { MediaImage } from "../../media/MediaImage";
 import { ROW_ACTION_META, ROW_ACTION_ID } from "../../../features/products/constants/action-defs";
-import { LISTING_BADGE_VARIANT } from "../../products/utils/listing-badge-variant";
+import { listingBadgeVariant } from "../../products/utils/listing-badge-variant";
 const __P = {
     p3: "p-[var(--appkit-space-3)]",
 };
@@ -25,6 +25,6 @@ export function SellerProductsCards({ view, rows, isLoading, listingKind, select
     return (_jsxs(Container, { ...containerProps, children: [rows.length === 0 && !isLoading && (_jsx(Text, { className: "text-[var(--appkit-color-text-muted)] col-span-full", size: "sm", children: listingKind !== "all" ? `No ${listingKind} listings found` : "No products listed yet" })), rows.map((row) => {
                 const isSelected = selectedIds.has(row.id);
                 const href = buildHref(row);
-                return view === "grid" ? (_jsxs(Div, { className: "group relative bg-[var(--appkit-color-surface)] overflow-hidden", shadow: "hover-md", rounded: "xl", border: isSelected ? "strong" : "default", children: [_jsx(Div, { className: "absolute top-2 left-2 z-10", children: _jsx(Checkbox, { bare: true, checked: isSelected, onChange: () => toggle(row.id), className: "h-4 w-4 rounded border-[var(--appkit-color-border)]", onClick: (e) => e.stopPropagation(), "aria-label": "Select" }) }), _jsxs(TextLink, { href: href, className: "block", children: [_jsx(Div, { className: "w-full aspect-square", children: _jsx(MediaImage, { src: row.imageUrl, alt: row.primary, size: "card" }) }), _jsxs(Stack, { className: `${__P.p3}`, gap: "xs", children: [_jsx(Text, { className: "line-clamp-1", size: "sm", weight: "medium", children: row.primary }), _jsxs(Row, { gap: "sm", children: [_jsx(Badge, { variant: LISTING_BADGE_VARIANT[row.listingKind] ?? "default", children: row.listingKind }), _jsx(Text, { className: "text-[var(--appkit-color-text-muted)] line-clamp-1", size: "xs", children: row.secondary })] })] })] }), _jsxs(Row, { className: "border-t border-[var(--appkit-color-border)]", justify: "end", gap: "xs", padding: "xs", children: [_jsx(Button, { variant: "ghost", size: "sm", onClick: (e) => { e.stopPropagation(); onEdit(row); }, "aria-label": "Edit", children: ROW_ACTION_META[ROW_ACTION_ID.EDIT].label }), _jsx(Button, { variant: "ghost", size: "sm", onClick: (e) => { e.stopPropagation(); onDuplicate(row); }, "aria-label": "Duplicate", children: ROW_ACTION_META[ROW_ACTION_ID.DUPLICATE].label }), onDelete && (_jsx(Button, { variant: "ghost", size: "sm", onClick: (e) => { e.stopPropagation(); onDelete(row); }, "aria-label": "Delete", children: ROW_ACTION_META[ROW_ACTION_ID.DELETE].label }))] })] }, row.id)) : (_jsxs(Row, { className: "bg-[var(--appkit-color-surface)] hover:bg-[var(--appkit-color-surface-raised)]", align: "center", gap: "3", rounded: "lg", padding: "inlineSm", border: isSelected ? "strong" : "default", children: [_jsx(Checkbox, { bare: true, checked: isSelected, onChange: () => toggle(row.id), className: "h-4 w-4 rounded border-[var(--appkit-color-border)]", "aria-label": "Select" }), _jsx(Div, { className: `w-12 h-12 ${__O.hidden}`, rounded: "default", children: _jsx(MediaImage, { src: row.imageUrl, alt: row.primary, size: "thumbnail" }) }), _jsxs(TextLink, { href: href, className: "flex-1 min-w-0", children: [_jsx(Text, { className: "line-clamp-1", size: "sm", weight: "medium", children: row.primary }), _jsxs(Row, { gap: "sm", children: [_jsx(Badge, { variant: LISTING_BADGE_VARIANT[row.listingKind] ?? "default", children: row.listingKind }), _jsx(Text, { className: "text-[var(--appkit-color-text-muted)] line-clamp-1", size: "xs", children: row.secondary })] })] }), _jsxs(Row, { className: "flex-shrink-0", gap: "xs", children: [_jsx(Button, { variant: "ghost", size: "sm", onClick: () => onEdit(row), "aria-label": "Edit", children: ROW_ACTION_META[ROW_ACTION_ID.EDIT].label }), _jsx(Button, { variant: "ghost", size: "sm", onClick: () => onDuplicate(row), "aria-label": "Duplicate", children: ROW_ACTION_META[ROW_ACTION_ID.DUPLICATE].label }), onDelete && (_jsx(Button, { variant: "ghost", size: "sm", onClick: () => onDelete(row), "aria-label": "Delete", children: ROW_ACTION_META[ROW_ACTION_ID.DELETE].label }))] })] }, row.id));
+                return view === "grid" ? (_jsxs(Div, { className: "group relative bg-[var(--appkit-color-surface)] overflow-hidden", shadow: "hover-md", rounded: "xl", border: isSelected ? "strong" : "default", children: [_jsx(Div, { className: "absolute top-2 left-2 z-10", children: _jsx(Checkbox, { bare: true, checked: isSelected, onChange: () => toggle(row.id), className: "h-4 w-4 rounded border-[var(--appkit-color-border)]", onClick: (e) => e.stopPropagation(), "aria-label": "Select" }) }), _jsxs(TextLink, { href: href, className: "block", children: [_jsx(Div, { className: "w-full aspect-square", children: _jsx(MediaImage, { src: row.imageUrl, alt: row.primary, size: "card" }) }), _jsxs(Stack, { className: `${__P.p3}`, gap: "xs", children: [_jsx(Text, { className: "line-clamp-1", size: "sm", weight: "medium", children: row.primary }), _jsxs(Row, { gap: "sm", children: [_jsx(Badge, { variant: listingBadgeVariant(row.listingKind), children: row.listingKind }), _jsx(Text, { className: "text-[var(--appkit-color-text-muted)] line-clamp-1", size: "xs", children: row.secondary })] })] })] }), _jsxs(Row, { className: "border-t border-[var(--appkit-color-border)]", justify: "end", gap: "xs", padding: "xs", children: [_jsx(Button, { variant: "ghost", size: "sm", onClick: (e) => { e.stopPropagation(); onEdit(row); }, "aria-label": "Edit", children: ROW_ACTION_META[ROW_ACTION_ID.EDIT].label }), _jsx(Button, { variant: "ghost", size: "sm", onClick: (e) => { e.stopPropagation(); onDuplicate(row); }, "aria-label": "Duplicate", children: ROW_ACTION_META[ROW_ACTION_ID.DUPLICATE].label }), onDelete && (_jsx(Button, { variant: "ghost", size: "sm", onClick: (e) => { e.stopPropagation(); onDelete(row); }, "aria-label": "Delete", children: ROW_ACTION_META[ROW_ACTION_ID.DELETE].label }))] })] }, row.id)) : (_jsxs(Row, { className: "bg-[var(--appkit-color-surface)] hover:bg-[var(--appkit-color-surface-raised)]", align: "center", gap: "3", rounded: "lg", padding: "inlineSm", border: isSelected ? "strong" : "default", children: [_jsx(Checkbox, { bare: true, checked: isSelected, onChange: () => toggle(row.id), className: "h-4 w-4 rounded border-[var(--appkit-color-border)]", "aria-label": "Select" }), _jsx(Div, { className: `w-12 h-12 ${__O.hidden}`, rounded: "default", children: _jsx(MediaImage, { src: row.imageUrl, alt: row.primary, size: "thumbnail" }) }), _jsxs(TextLink, { href: href, className: "flex-1 min-w-0", children: [_jsx(Text, { className: "line-clamp-1", size: "sm", weight: "medium", children: row.primary }), _jsxs(Row, { gap: "sm", children: [_jsx(Badge, { variant: listingBadgeVariant(row.listingKind), children: row.listingKind }), _jsx(Text, { className: "text-[var(--appkit-color-text-muted)] line-clamp-1", size: "xs", children: row.secondary })] })] }), _jsxs(Row, { className: "flex-shrink-0", gap: "xs", children: [_jsx(Button, { variant: "ghost", size: "sm", onClick: () => onEdit(row), "aria-label": "Edit", children: ROW_ACTION_META[ROW_ACTION_ID.EDIT].label }), _jsx(Button, { variant: "ghost", size: "sm", onClick: () => onDuplicate(row), "aria-label": "Duplicate", children: ROW_ACTION_META[ROW_ACTION_ID.DUPLICATE].label }), onDelete && (_jsx(Button, { variant: "ghost", size: "sm", onClick: () => onDelete(row), "aria-label": "Delete", children: ROW_ACTION_META[ROW_ACTION_ID.DELETE].label }))] })] }, row.id));
             })] }));
 }

package/dist/features/seller/components/SellerProductsView.js

@@ -17,9 +17,11 @@ import { ROUTES } from "../../../constants";
 import { normalizeListingType } from "../../products/utils/listing-type";
 import { toRecordArray, toRelativeDate, toStringValue } from "../hooks/useSellerListingData";
 import { useListingTypeFlags } from "../../../react/hooks/useListingTypeFlags";
+import { ALL_LISTING_TYPES } from "../../../_internal/shared/listing-types/feature-flags";
+import { pluginFor } from "../../../_internal/shared/listing-types/_registry";
 import { SellerProductsCards } from "./SellerProductsCards";
 import { SellerProductsFilterFields } from "./SellerProductsFilterDrawer";
-import { LISTING_BADGE_VARIANT } from "../../products/utils/listing-badge-variant";
+import { listingBadgeVariant } from "../../products/utils/listing-badge-variant";
 import { DataListingView } from "../../admin/components/DataListingView";
 import { ACTIONS } from "../../../_internal/shared/actions/action-registry";
 import { buildBulkAction } from "../../../_internal/shared/actions/bulk-helpers";
@@ -43,21 +45,24 @@ const SORT_OPTIONS = [
     { value: sortBy("title", "DESC"), label: "Title Z–A" },
     { value: sortBy("price", "DESC"), label: "Price High" },
     { value: sortBy("price", "ASC"), label: "Price Low" },
+    // Now genuinely sortable — see the note on AdminProductsView's sortOptions.
+    { value: sortBy("featured", "DESC"), label: "Featured first" },
+    { value: sortBy("isPromoted", "DESC"), label: "Promoted first" },
 ];
 const STATUS_OPTIONS = SELLER_PRODUCT_STATUS_TABS;
 function TypeDropdown({ active, onChange, }) {
     const flags = useListingTypeFlags();
+    // Derived from ALL_LISTING_TYPES + the plugin registry (2026-08-21). This
+    // used to be a hand-written list that had no `art`/`stickers` entries and
+    // still offered `bundle` — which stopped being a listingType in SB-UNI-D, so
+    // picking it filtered on a value no product can hold and returned nothing.
     const options = [
         { value: "all", label: "All listings" },
-        flags.standard && { value: "standard", label: "Standard" },
-        flags.auction && { value: "auction", label: "Auction" },
-        flags["pre-order"] && { value: "pre-order", label: "Pre-order" },
-        flags["prize-draw"] && { value: "prize-draw", label: "Prize Draw" },
-        { value: "bundle", label: "Bundle" },
-        flags.classified && { value: "classified", label: "Classified" },
-        flags["digital-code"] && { value: "digital-code", label: "Digital Code" },
-        flags.live && { value: "live", label: "Live" },
-    ].filter(Boolean);
+        ...ALL_LISTING_TYPES.filter(flags.isEnabled).map((type) => ({
+            value: type,
+            label: pluginFor(type).typeLabel,
+        })),
+    ];
     return (_jsxs(Row, { paddingX: "x-sm-lg-md", border: "bottom", padding: "y-xs", gap: "sm", children: [_jsx(Text, { className: "tracking-wide text-[var(--appkit-color-text-muted)]", size: "xs", weight: "semibold", transform: "uppercase", children: "Listing type" }), _jsx(Select, { options: options, value: active, onValueChange: (v) => onChange(v), wrapperClassName: "sm:max-w-xs", "aria-label": "Filter by listing type" })] }));
 }
 const PRODUCT_COLUMNS = [
@@ -70,7 +75,7 @@ const PRODUCT_COLUMNS = [
     {
         key: "primary",
         header: "Product",
-        render: (row) => (_jsxs(Stack, { gap: "xs", children: [_jsx(Text, { className: "text-[var(--appkit-color-text)] line-clamp-1", weight: "medium", children: row.primary }), _jsxs(Row, { gap: "sm", children: [_jsx(Badge, { variant: LISTING_BADGE_VARIANT[row.listingKind] ?? "default", children: row.listingKind }), _jsx(Span, { size: "xs", color: "muted", children: row.secondary })] })] })),
+        render: (row) => (_jsxs(Stack, { gap: "xs", children: [_jsx(Text, { className: "text-[var(--appkit-color-text)] line-clamp-1", weight: "medium", children: row.primary }), _jsxs(Row, { gap: "sm", children: [_jsx(Badge, { variant: listingBadgeVariant(row.listingKind), children: row.listingKind }), _jsx(Span, { size: "xs", color: "muted", children: row.secondary })] })] })),
     },
     {
         key: "price",
@@ -206,13 +211,11 @@ export function SellerProductsView({ onDeleteProduct, onCreateClick, }) {
         mapRows: (response) => {
             const rows = toRecordArray(response.products).map((item, index) => {
                 const lt = normalizeListingType(item);
-                const kind = lt === "auction"
-                    ? "auction"
-                    : lt === "pre-order"
-                        ? "pre-order"
-                        : lt === "prize-draw"
-                            ? "prize-draw"
-                            : "standard";
+                // The row's own type, verbatim. This used to be a 4-branch ternary
+                // that collapsed classified / digital-code / live / art / stickers all
+                // down to "standard", so five of nine types displayed the wrong badge
+                // in the seller table (2026-08-21).
+                const kind = lt;
                 const priceRaw = typeof item.price === "number" ? item.price : 0;
                 const auctionSecondary = kind === "auction"
                     ? [

package/dist/features/seller/repository/offer.repository.d.ts

@@ -51,15 +51,31 @@ declare class OfferRepository extends BaseRepository<OfferDocument> {
      */
     countByBuyerAndProduct(buyerUid: string, productId: string, since: Date): Promise<number>;
     updateStatus(offerId: string, patch: OfferUpdateInput): Promise<OfferDocument>;
-    accept(offerId: string, lockedPrice: number, sellerNote?: string): Promise<OfferDocument>;
+    accept(offerId: string, lockedPrice: number, sellerNote?: string, checkoutDeadline?: Date): Promise<OfferDocument>;
     decline(offerId: string, sellerNote?: string): Promise<OfferDocument>;
     counter(offerId: string, counterAmount: number, sellerNote?: string): Promise<OfferDocument>;
-    acceptCounter(offerId: string): Promise<OfferDocument>;
+    acceptCounter(offerId: string, checkoutDeadline?: Date): Promise<OfferDocument>;
     withdraw(offerId: string): Promise<OfferDocument>;
+    /**
+     * Terminal transition, called once the buyer's order for this offer exists.
+     *
+     * `"paid"` has been in `OfferStatusValues` since the feature shipped but had
+     * NO server-side writer — the only thing that ever set it was an optimistic
+     * client-side patch in UserOffersPanel, which meant a reload showed the offer
+     * back at "accepted" and it could be added to the cart and ordered again.
+     */
+    markPaid(offerId: string, orderId: string): Promise<OfferDocument>;
     /**
      * Cloud Functions compatibility: pending/countered offers already expired.
      */
     findExpiredActive(now: Date): Promise<OfferDocument[]>;
+    /**
+     * Accepted offers whose 48h checkout window has lapsed. These were never
+     * swept before — `findExpiredActive` only looks at pending/countered — so an
+     * accepted-but-never-paid offer stayed "accepted" forever and its locked
+     * price remained claimable long after the seller expected it to lapse.
+     */
+    findExpiredAccepted(now: Date): Promise<OfferDocument[]>;
     expireMany(offerIds: string[]): Promise<void>;
 }
 export declare const offerRepository: OfferRepository;

package/dist/features/seller/repository/offer.repository.js

@@ -134,13 +134,18 @@ class OfferRepository extends BaseRepository {
             updatedAt: new Date(),
         });
     }
-    async accept(offerId, lockedPrice, sellerNote) {
+    async accept(offerId, lockedPrice, sellerNote, checkoutDeadline) {
+        // One write, not two. `checkoutDeadline` used to be missing from
+        // OfferUpdateInput, which forced callers to follow every accept() with a
+        // separate generic update() — leaving a window where an offer was
+        // "accepted" with no deadline at all.
         return this.updateStatus(offerId, {
             status: "accepted",
             lockedPrice,
             sellerNote,
             acceptedAt: new Date(),
             respondedAt: new Date(),
+            ...(checkoutDeadline ? { checkoutDeadline } : {}),
         });
     }
     async decline(offerId, sellerNote) {
@@ -158,7 +163,7 @@ class OfferRepository extends BaseRepository {
             respondedAt: new Date(),
         });
     }
-    async acceptCounter(offerId) {
+    async acceptCounter(offerId, checkoutDeadline) {
         const offer = await this.findById(offerId);
         if (!offer || !offer.counterAmount)
             throw new Error("Offer or counter not found");
@@ -167,6 +172,7 @@ class OfferRepository extends BaseRepository {
             lockedPrice: offer.counterAmount,
             acceptedAt: new Date(),
             respondedAt: new Date(),
+            ...(checkoutDeadline ? { checkoutDeadline } : {}),
         });
     }
     async withdraw(offerId) {
@@ -175,6 +181,21 @@ class OfferRepository extends BaseRepository {
             respondedAt: new Date(),
         });
     }
+    /**
+     * Terminal transition, called once the buyer's order for this offer exists.
+     *
+     * `"paid"` has been in `OfferStatusValues` since the feature shipped but had
+     * NO server-side writer — the only thing that ever set it was an optimistic
+     * client-side patch in UserOffersPanel, which meant a reload showed the offer
+     * back at "accepted" and it could be added to the cart and ordered again.
+     */
+    async markPaid(offerId, orderId) {
+        return this.updateStatus(offerId, {
+            status: "paid",
+            paidOrderId: orderId,
+            paidAt: new Date(),
+        });
+    }
     /**
      * Cloud Functions compatibility: pending/countered offers already expired.
      */
@@ -187,6 +208,21 @@ class OfferRepository extends BaseRepository {
             .get();
         return snapshot.docs.map((doc) => this.mapDoc(doc));
     }
+    /**
+     * Accepted offers whose 48h checkout window has lapsed. These were never
+     * swept before — `findExpiredActive` only looks at pending/countered — so an
+     * accepted-but-never-paid offer stayed "accepted" forever and its locked
+     * price remained claimable long after the seller expected it to lapse.
+     */
+    async findExpiredAccepted(now) {
+        const snapshot = await this.db
+            .collection(this.collection)
+            .where(OFFER_FIELDS.STATUS, "==", "accepted")
+            .where(OFFER_FIELDS.CHECKOUT_DEADLINE, "<=", now)
+            .limit(500)
+            .get();
+        return snapshot.docs.map((doc) => this.mapDoc(doc));
+    }
     async expireMany(offerIds) {
         const batch = this.db.batch();
         const now = new Date();

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

@@ -36,9 +36,12 @@ export interface OfferDocument extends BaseDocument {
     acceptedAt?: Date;
     checkoutDeadline?: Date;
     respondedAt?: Date;
+    /** Set by `markPaid` once the buyer's order exists — makes "paid" auditable. */
+    paidOrderId?: string;
+    paidAt?: Date;
 }
 export declare const OFFER_COLLECTION: "offers";
-export declare const OFFER_INDEXED_FIELDS: readonly ["buyerUid", "storeId", "productId", "status", "createdAt", "expiresAt"];
+export declare const OFFER_INDEXED_FIELDS: readonly ["buyerUid", "storeId", "productId", "status", "createdAt", "expiresAt", "checkoutDeadline"];
 export declare const OFFER_FIELDS: {
     readonly ID: "id";
     readonly PRODUCT_ID: "productId";
@@ -60,11 +63,13 @@ export declare const OFFER_FIELDS: {
     readonly ACCEPTED_AT: "acceptedAt";
     readonly CHECKOUT_DEADLINE: "checkoutDeadline";
     readonly RESPONDED_AT: "respondedAt";
+    readonly PAID_ORDER_ID: "paidOrderId";
+    readonly PAID_AT: "paidAt";
     readonly CREATED_AT: "createdAt";
     readonly UPDATED_AT: "updatedAt";
 };
 export type OfferCreateInput = Pick<OfferDocument, "productId" | "productTitle" | "productSlug" | "productImageUrl" | "buyerUid" | "buyerName" | "buyerEmail" | "storeId" | "storeName" | "offerAmount" | "listedPrice" | "currency" | "buyerNote">;
-export type OfferUpdateInput = Partial<Pick<OfferDocument, "status" | "counterAmount" | "lockedPrice" | "sellerNote" | "acceptedAt" | "respondedAt" | "updatedAt">>;
+export type OfferUpdateInput = Partial<Pick<OfferDocument, "status" | "counterAmount" | "lockedPrice" | "sellerNote" | "acceptedAt" | "checkoutDeadline" | "respondedAt" | "paidOrderId" | "paidAt" | "updatedAt">>;
 export declare const offerQueryHelpers: {
     readonly byBuyer: (buyerUid: string) => readonly ["buyerUid", "==", string];
     readonly byStore: (storeId: string) => readonly ["storeId", "==", string];

package/dist/features/seller/schemas/firestore.js

@@ -20,6 +20,7 @@ export const OFFER_INDEXED_FIELDS = [
     "status",
     "createdAt",
     "expiresAt",
+    "checkoutDeadline",
 ];
 export const OFFER_FIELDS = {
     ID: "id",
@@ -42,6 +43,8 @@ export const OFFER_FIELDS = {
     ACCEPTED_AT: "acceptedAt",
     CHECKOUT_DEADLINE: "checkoutDeadline",
     RESPONDED_AT: "respondedAt",
+    PAID_ORDER_ID: "paidOrderId",
+    PAID_AT: "paidAt",
     CREATED_AT: "createdAt",
     UPDATED_AT: "updatedAt",
 };

package/dist/features/seller/schemas/offer-forms.d.ts

@@ -0,0 +1,12 @@
+import { z } from "zod";
+export declare const counterOfferFormSchema: z.ZodObject<{
+    counterAmount: z.ZodNumber;
+    sellerNote: z.ZodOptional<z.ZodString>;
+}, "strip", z.ZodTypeAny, {
+    counterAmount: number;
+    sellerNote?: string | undefined;
+}, {
+    counterAmount: number;
+    sellerNote?: string | undefined;
+}>;
+export type CounterOfferFormValues = z.infer<typeof counterOfferFormSchema>;

package/dist/features/seller/schemas/offer-forms.js

@@ -0,0 +1,28 @@
+/*
+ * WHY: Rule #9 — every appkit form is schema-driven. The seller's counter-offer
+ *      drawer had no form at all before 2026-08-21 (the view took an
+ *      `(id) => void` callback and left each consumer to invent an input), so
+ *      `respondToOffer`'s counter branch had zero real callers.
+ * WHAT: Zod schema for the counter-offer QuickFormDrawer. Deliberately only the
+ *       field-shape rules that can be checked without loading the offer — the
+ *       relational rules (below listed price, different from the buyer's offer)
+ *       stay server-side in `respondToOffer`, which is the only place that can
+ *       be trusted with them.
+ *
+ * EXPORTS:
+ *   counterOfferFormSchema, type CounterOfferFormValues
+ *
+ * @tag domain:seller,offers
+ * @tag layer:schema
+ * @tag pattern:none
+ * @tag access:isomorphic
+ * @tag consumers:SellerOffersView
+ * @tag sideEffects:none
+ */
+import { z } from "zod";
+export const counterOfferFormSchema = z.object({
+    counterAmount: z.coerce
+        .number({ invalid_type_error: "Enter a counter amount." })
+        .positive("Counter amount must be greater than zero."),
+    sellerNote: z.string().max(500, "Keep your note under 500 characters.").optional(),
+});

package/dist/features/stores/actions/store-query-actions.js

@@ -85,7 +85,7 @@ export async function getStoreReviews(storeSlug) {
     const publishedProducts = allProducts
         .filter((p) => p.status === ProductStatusValues.PUBLISHED)
         .slice(0, 20);
-    const reviewArrays = await Promise.all(publishedProducts.map((p) => reviewRepository.findApprovedByProduct(p.id)));
+    const reviewArrays = await Promise.all(publishedProducts.map((p) => reviewRepository.findApprovedByProduct(p.id, 50)));
     const allReviews = reviewArrays
         .flat()
         .sort((a, b) => new Date(b.createdAt).getTime() - new Date(a.createdAt).getTime())

package/dist/features/stores/components/StoreAuctionsListing.js

@@ -12,19 +12,13 @@ import { AuctionFilters } from "../../auctions/components/AuctionFilters";
 import { getDefaultCurrency } from "../../../core/baseline-resolver";
 import { useGuestWishlist } from "../../wishlist/hooks/useGuestWishlist";
 import { pushWishlistOp } from "../../cart/utils/pending-ops";
-import { PRODUCT_FIELDS } from "../../../constants/field-names";
-import { sortBy } from "../../../constants/sort";
+import { AUCTION_PUBLIC_SORT_OPTIONS } from "../../products/constants/sieve";
 const __P = {
     p3: "p-[var(--appkit-space-3)]",
 };
-const DEFAULT_SORT = sortBy(PRODUCT_FIELDS.AUCTION_END_DATE, "ASC");
-const AUCTION_SORT_OPTIONS = [
-    { value: sortBy(PRODUCT_FIELDS.AUCTION_END_DATE, "ASC"), label: "Ending Soonest" },
-    { value: sortBy(PRODUCT_FIELDS.AUCTION_END_DATE), label: "Ending Latest" },
-    { value: sortBy(PRODUCT_FIELDS.CURRENT_BID), label: "Highest Bid" },
-    { value: sortBy(PRODUCT_FIELDS.PRICE, "ASC"), label: "Price: Low to High" },
-    { value: sortBy(PRODUCT_FIELDS.PRICE), label: "Price: High to Low" },
-];
+// Shared with /auctions — a local copy here drifted ("Ending Soonest" vs
+// "Ending Soon", and it silently omitted Most Bids / Buy It Now).
+const DEFAULT_SORT = AUCTION_PUBLIC_SORT_OPTIONS[0].value;
 const FILTER_KEYS = ["minBid", "maxBid", "dateFrom", "dateTo"];
 export function StoreAuctionsListing({ storeId, initialData }) {
     const table = useUrlTable({ defaults: { pageSize: "24", sort: DEFAULT_SORT } });
@@ -106,7 +100,7 @@ export function StoreAuctionsListing({ storeId, initialData }) {
         isWishlisted: (productId) => wishlistedIds.has(productId),
     };
     const gridClass = "grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 gap-[var(--appkit-space-4)]";
-    return (_jsxs(Div, { className: "min-h-[200px]", children: [_jsx(ListingToolbar, { filterCount: filterActiveCount, onFiltersClick: openFilters, searchValue: searchInput, searchPlaceholder: "Search store auctions...", onSearchChange: setSearchInput, onSearchCommit: commitSearch, sortValue: table.get("sort") || DEFAULT_SORT, sortOptions: AUCTION_SORT_OPTIONS, onSortChange: (v) => {
+    return (_jsxs(Div, { className: "min-h-[200px]", children: [_jsx(ListingToolbar, { filterCount: filterActiveCount, onFiltersClick: openFilters, searchValue: searchInput, searchPlaceholder: "Search store auctions...", onSearchChange: setSearchInput, onSearchCommit: commitSearch, sortValue: table.get("sort") || DEFAULT_SORT, sortOptions: AUCTION_PUBLIC_SORT_OPTIONS, onSortChange: (v) => {
                     table.set("sort", v);
                 }, view: view, onViewChange: (v) => {
                     if (v === "table")

package/dist/features/stores/components/StorePreOrdersListing.js

@@ -8,19 +8,14 @@ import { Div, FilterDrawer, ListingToolbar, Pagination, Row, Stack, Text, Sticky
 import { MarketplacePreorderCard } from "../../pre-orders/components/MarketplacePreorderCard";
 import { ProductFilters } from "../../products/components/ProductFilters";
 import { ROUTES } from "../../../next";
-import { PRODUCT_FIELDS } from "../../../constants/field-names";
-import { sortBy } from "../../../constants/sort";
+import { PREORDER_PUBLIC_SORT_OPTIONS } from "../../products/constants/sieve";
 const __P = {
     p3: "p-[var(--appkit-space-3)]",
 };
-const DEFAULT_SORT = sortBy(PRODUCT_FIELDS.CREATED_AT);
-const PREORDER_SORT_OPTIONS = [
-    { value: sortBy(PRODUCT_FIELDS.CREATED_AT), label: "Newest First" },
-    { value: sortBy(PRODUCT_FIELDS.CREATED_AT, "ASC"), label: "Oldest First" },
-    { value: sortBy(PRODUCT_FIELDS.PRE_ORDER_DELIVERY_DATE, "ASC"), label: "Delivery Soon" },
-    { value: sortBy(PRODUCT_FIELDS.PRICE, "ASC"), label: "Price: Low to High" },
-    { value: sortBy(PRODUCT_FIELDS.PRICE), label: "Price: High to Low" },
-];
+// Shared with /pre-orders. The local copy also defaulted to -createdAt,
+// so a store tab opened Newest-first while the public page opened
+// Earliest-Delivery-first for the same data.
+const DEFAULT_SORT = PREORDER_PUBLIC_SORT_OPTIONS[0].value;
 const FILTER_KEYS = ["minPrice", "maxPrice"];
 export function StorePreOrdersListing({ storeId, initialData }) {
     const table = useUrlTable({ defaults: { pageSize: "24", sort: DEFAULT_SORT } });
@@ -59,7 +54,7 @@ export function StorePreOrdersListing({ storeId, initialData }) {
         table.set("q", searchInput.trim());
     }, [searchInput, table]);
     const gridClass = "grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 gap-[var(--appkit-space-4)]";
-    return (_jsxs(Div, { className: "min-h-[200px]", children: [_jsx(ListingToolbar, { filterCount: filterActiveCount, onFiltersClick: openFilters, searchValue: searchInput, searchPlaceholder: "Search store pre-orders...", onSearchChange: setSearchInput, onSearchCommit: commitSearch, sortValue: table.get("sort") || DEFAULT_SORT, sortOptions: PREORDER_SORT_OPTIONS, onSortChange: (v) => {
+    return (_jsxs(Div, { className: "min-h-[200px]", children: [_jsx(ListingToolbar, { filterCount: filterActiveCount, onFiltersClick: openFilters, searchValue: searchInput, searchPlaceholder: "Search store pre-orders...", onSearchChange: setSearchInput, onSearchCommit: commitSearch, sortValue: table.get("sort") || DEFAULT_SORT, sortOptions: PREORDER_PUBLIC_SORT_OPTIONS, onSortChange: (v) => {
                     table.set("sort", v);
                 }, view: view, onViewChange: (v) => {
                     if (v === "table")

package/dist/features/stores/components/StoreReviewsListing.d.ts

@@ -2,4 +2,8 @@ import React from "react";
 export interface StoreReviewsListingProps {
     storeSlug: string;
 }
+/**
+ * The `/stores/[slug]/reviews` tab. Delegates to the shared `ReviewsListingPanel` —
+ * see the note in `ReviewsIndexListing` for why the two were merged.
+ */
 export declare function StoreReviewsListing({ storeSlug }: StoreReviewsListingProps): React.JSX.Element;