@mohasinac/appkit 4.71.0 → 4.72.0

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

@@ -15,6 +15,8 @@ import { pluginFor } from "../../../_internal/shared/listing-types/_registry.js"
 import { DEFAULT_MIN_OFFER_PERCENT } from "../../../_internal/shared/features/offers/config.js";
 import { PRODUCT_MAX_IMAGES, PRODUCT_MAX_VIDEOS, PRODUCT_IMAGE_INDEX_MAX, } from "../../../_internal/shared/media/limits.js";
 import { isFinalSale } from "../../products/constants/final-sale.js";
+import { checkPreOrderDeliveryDate, preOrderDeliveryMaxInputValue, preOrderDeliveryMessage, PREORDER_DELIVERY_REQUIRED_MESSAGE, } from "../../products/constants/preorder-window.js";
+import { PREORDER_MAX_DELIVERY_DAYS } from "../../../_internal/shared/checkout/rules/_limits.js";
 // The one `ProductImage[] | string[]` → `string[]` normaliser — a value
 // import, needed at runtime by `galleryFields` below.
 import { productImageUrls } from "../../products/schemas/firestore.js";
@@ -29,6 +31,7 @@ import { getBrandName } from "../../../core/brand-resolver.js";
 const BUNDLE_PLUGIN_FALLBACK = {
     priceLabel: "Price (₹)",
     typeLabel: "Bundle",
+    pluralLabel: "Bundles",
     showsStockQuantity: false,
 };
 function pluginForMode(mode) {
@@ -219,7 +222,7 @@ function StepDetails({ values, onChange, storeId, listingType, }) {
         // and the shipping estimate reads all three or ignores the field.
         onChange({ dimensionsCm: next.l > 0 && next.w > 0 && next.h > 0 ? next : undefined });
     };
-    return (_jsxs(Stack, { gap: "md", children: [_jsx(FormField, { name: "authenticity", label: "Authenticity", type: "select", required: true, value: values.authenticity ?? "", onChange: (v) => onChange({ authenticity: v }), options: [{ value: "", label: "Choose one…" }, ...AUTHENTICITY_OPTIONS] }), _jsx(Text, { size: "xs", color: "muted", children: "Shown on the listing whenever it is not Original. A reproduction is a legitimate thing to sell here as long as it is labelled \u2014 what is not allowed is selling one as the real thing. If you believe an item is a cheap counterfeit, report it rather than listing it." }), _jsxs(Stack, { gap: "xs", children: [_jsx(Text, { size: "sm", weight: "medium", children: "Features" }), _jsx(Text, { size: "xs", color: "muted", children: "Condition, authenticity, release type, battle type and spin direction. Some are filled in from the category when you save \u2014 remove any that do not apply and your choice sticks." }), _jsx(ProductFeaturesSelector, { value: values.features ?? [], onChange: (next) => onChange({ features: next }), productType: listingType === "bundle" ? "all" : listingType, ...(storeId ? { storeId } : {}) })] }), _jsxs(Stack, { gap: "xs", children: [_jsx(Text, { size: "sm", weight: "medium", children: "Specifications" }), _jsx(Text, { size: "xs", color: "muted", children: "Left blank, the category fills these in. Anything you enter here is kept." }), specs.map((row, i) => (_jsxs(FormGroup, { columns: 3, children: [_jsx(FormField, { name: `spec-name-${i}`, label: "Name", type: "text", value: row.name, onChange: (v) => setSpecs(specs.map((r, j) => (j === i ? { ...r, name: v } : r))) }), _jsx(FormField, { name: `spec-value-${i}`, label: "Value", type: "text", value: row.value, onChange: (v) => setSpecs(specs.map((r, j) => (j === i ? { ...r, value: v } : r))) }), _jsxs(Row, { gap: "sm", align: "end", children: [_jsx(FormField, { name: `spec-unit-${i}`, label: "Unit", type: "text", value: row.unit ?? "", onChange: (v) => setSpecs(specs.map((r, j) => (j === i ? { ...r, unit: v } : r))) }), _jsx(Button, { variant: "ghost", size: "sm", onClick: () => setSpecs(specs.filter((_, j) => j !== i)), children: "Remove" })] })] }, i))), _jsx(Button, { variant: "secondary", size: "sm", onClick: () => setSpecs([...specs, { name: "", value: "" }]), children: "Add a specification" })] }), _jsxs(Stack, { gap: "xs", children: [_jsx(Text, { size: "sm", weight: "medium", children: "Weight and size (optional)" }), _jsx(Text, { size: "xs", color: "muted", children: "\uD83D\uDED1 Leave these blank unless you know them \u2014 the category's own packed-parcel figures are used for the shipping estimate, and you enter the real weight of the box when you book the shipment. A figure here should be the PACKED weight, not the bare item." }), _jsxs(FormGroup, { columns: 4, children: [_jsx(FormField, { name: "weightG", label: "Packed weight (g)", type: "number", value: values.weightG != null ? String(values.weightG) : "", onChange: (v) => onChange({ weightG: v.trim() === "" ? undefined : Math.max(0, Number(v) || 0) }) }), _jsx(FormField, { name: "dimL", label: "Length (cm)", type: "number", value: dims?.l ? String(dims.l) : "", onChange: (v) => setDim("l", v) }), _jsx(FormField, { name: "dimW", label: "Width (cm)", type: "number", value: dims?.w ? String(dims.w) : "", onChange: (v) => setDim("w", v) }), _jsx(FormField, { name: "dimH", label: "Height (cm)", type: "number", value: dims?.h ? String(dims.h) : "", onChange: (v) => setDim("h", v) })] })] })] }));
+    return (_jsxs(Stack, { gap: "md", children: [_jsx(FormField, { name: "authenticity", label: "Authenticity", type: "select", required: true, value: values.authenticity ?? "", onChange: (v) => onChange({ authenticity: v }), options: [{ value: "", label: "Choose one…" }, ...AUTHENTICITY_OPTIONS] }), _jsx(Text, { size: "xs", color: "muted", children: "Shown on the listing whenever it is not Original. A reproduction is a legitimate thing to sell here as long as it is labelled \u2014 what is not allowed is selling one as the real thing. If you believe an item is a cheap counterfeit, report it rather than listing it." }), _jsxs(Stack, { gap: "xs", children: [_jsx(Text, { size: "sm", weight: "medium", children: "Features" }), _jsx(Text, { size: "xs", color: "muted", children: "Condition, authenticity, release type, battle type and spin direction. Some are filled in from the category when you save \u2014 remove any that do not apply and your choice sticks." }), _jsx(ProductFeaturesSelector, { value: values.features ?? [], onChange: (next) => onChange({ features: next }), productType: listingType, ...(storeId ? { storeId } : {}) })] }), _jsxs(Stack, { gap: "xs", children: [_jsx(Text, { size: "sm", weight: "medium", children: "Specifications" }), _jsx(Text, { size: "xs", color: "muted", children: "Left blank, the category fills these in. Anything you enter here is kept." }), specs.map((row, i) => (_jsxs(FormGroup, { columns: 3, children: [_jsx(FormField, { name: `spec-name-${i}`, label: "Name", type: "text", value: row.name, onChange: (v) => setSpecs(specs.map((r, j) => (j === i ? { ...r, name: v } : r))) }), _jsx(FormField, { name: `spec-value-${i}`, label: "Value", type: "text", value: row.value, onChange: (v) => setSpecs(specs.map((r, j) => (j === i ? { ...r, value: v } : r))) }), _jsxs(Row, { gap: "sm", align: "end", children: [_jsx(FormField, { name: `spec-unit-${i}`, label: "Unit", type: "text", value: row.unit ?? "", onChange: (v) => setSpecs(specs.map((r, j) => (j === i ? { ...r, unit: v } : r))) }), _jsx(Button, { variant: "ghost", size: "sm", onClick: () => setSpecs(specs.filter((_, j) => j !== i)), children: "Remove" })] })] }, i))), _jsx(Button, { variant: "secondary", size: "sm", onClick: () => setSpecs([...specs, { name: "", value: "" }]), children: "Add a specification" })] }), _jsxs(Stack, { gap: "xs", children: [_jsx(Text, { size: "sm", weight: "medium", children: "Weight and size (optional)" }), _jsx(Text, { size: "xs", color: "muted", children: "\uD83D\uDED1 Leave these blank unless you know them \u2014 the category's own packed-parcel figures are used for the shipping estimate, and you enter the real weight of the box when you book the shipment. A figure here should be the PACKED weight, not the bare item." }), _jsxs(FormGroup, { columns: 4, children: [_jsx(FormField, { name: "weightG", label: "Packed weight (g)", type: "number", value: values.weightG != null ? String(values.weightG) : "", onChange: (v) => onChange({ weightG: v.trim() === "" ? undefined : Math.max(0, Number(v) || 0) }) }), _jsx(FormField, { name: "dimL", label: "Length (cm)", type: "number", value: dims?.l ? String(dims.l) : "", onChange: (v) => setDim("l", v) }), _jsx(FormField, { name: "dimW", label: "Width (cm)", type: "number", value: dims?.w ? String(dims.w) : "", onChange: (v) => setDim("w", v) }), _jsx(FormField, { name: "dimH", label: "Height (cm)", type: "number", value: dims?.h ? String(dims.h) : "", onChange: (v) => setDim("h", v) })] })] })] }));
 }
 // ── Step 2: Media ─────────────────────────────────────────────────────────────
 function StepMedia({ values, onChange, storeSlug = "store", }) {
@@ -307,16 +310,43 @@ function StepMedia({ values, onChange, storeSlug = "store", }) {
                     store: storeSlug,
                 }), kind: "auto", helperText: "The gallery above accepts a video file directly. Use this panel for a YouTube or external URL, or to trim and pick a poster frame." }), _jsx(FormField, { name: "externalVideoUrl", label: "3rd-party video URL (YouTube / Vimeo)", type: "text", value: values.externalVideoUrl ?? "", onChange: (v) => onChange({ externalVideoUrl: v }), placeholder: "https://www.youtube.com/watch?v=\u2026", hint: "External video links are queued for moderation and become visible to buyers after admin approval." }), _jsx(FormField, { name: "youtubeId", label: "YouTube Video ID (optional)", type: "text", value: values.youtubeId ?? "", onChange: (v) => onChange({ youtubeId: v }), placeholder: "e.g. dQw4w9WgXcQ", helpText: "Paste the 11-character ID from the YouTube URL" })] }));
 }
-// ── Step 3: Auction Settings ───────────────────────────────────────────────
-function StepAuctionSettings({ values, onChange, }) {
-    return (_jsxs(Stack, { gap: "md", children: [_jsx(Alert, { variant: "info", children: "Prices are in Indian Rupees (\u20B9). Enter the rupee value \u2014 no paise." }), _jsxs(FormGroup, { columns: 2, children: [_jsx(FormField, { name: "startingBid", label: "Starting Bid (\u20B9)", type: "number", value: toRupeesString(values.startingBid), onChange: (v) => onChange({ startingBid: fromRupeesString(v) }), placeholder: "100" }), _jsx(FormField, { name: "auctionEndDate", label: "Auction End Date & Time", type: "datetime-local", value: values.auctionEndDate ?? "", onChange: (v) => onChange({ auctionEndDate: v }) })] }), _jsxs(FormGroup, { columns: 2, children: [_jsx(FormField, { name: "reservePrice", label: "Reserve Price (\u20B9, optional)", type: "number", value: toRupeesString(values.reservePrice), onChange: (v) => onChange({ reservePrice: v ? fromRupeesString(v) : undefined }), placeholder: "0", helpText: "Minimum price below which you won't sell" }), _jsx(FormField, { name: "buyNowPrice", label: "Buy Now Price (\u20B9, optional)", type: "number", value: toRupeesString(values.buyNowPrice), onChange: (v) => onChange({ buyNowPrice: v ? fromRupeesString(v) : undefined }), placeholder: "0", helpText: "Allows instant purchase before auction ends" })] }), _jsx(FormField, { name: "minBidIncrement", label: "Minimum Bid Increment (\u20B9)", type: "number", value: toRupeesString(values.minBidIncrement), onChange: (v) => onChange({ minBidIncrement: fromRupeesString(v) }), placeholder: "50", helpText: "Optional \u2014 can only raise the platform's tiered minimum for this listing, never lower it. Leave blank to use the tier as-is." }), _jsx(FormField, { name: "auctionShippingPaidBy", label: "Shipping paid by", type: "select", value: values.auctionShippingPaidBy ?? "winner", onChange: (v) => onChange({ auctionShippingPaidBy: v }), options: [
+// ── Step 3: Collector Drop Settings ───────────────────────────────────────────────
+function StepCollectorDropSettings({ values, onChange, }) {
+    return (_jsxs(Stack, { gap: "md", children: [_jsx(Alert, { variant: "info", children: "Prices are in Indian Rupees (\u20B9). Enter the rupee value \u2014 no paise." }), _jsxs(FormGroup, { columns: 2, children: [_jsx(FormField, { name: "startingBid", label: "Starting Bid (\u20B9)", type: "number", value: toRupeesString(values.startingBid), onChange: (v) => onChange({ startingBid: fromRupeesString(v) }), placeholder: "100" }), _jsx(FormField, { name: "collectorDropEndDate", label: "Collector Drop End Date & Time", type: "datetime-local", value: values.collectorDropEndDate ?? "", onChange: (v) => onChange({ collectorDropEndDate: v }) })] }), _jsxs(FormGroup, { columns: 2, children: [_jsx(FormField, { name: "reservePrice", label: "Reserve Price (\u20B9, optional)", type: "number", value: toRupeesString(values.reservePrice), onChange: (v) => onChange({ reservePrice: v ? fromRupeesString(v) : undefined }), placeholder: "0", helpText: "Minimum price below which you won't sell" }), _jsx(FormField, { name: "buyNowPrice", label: "Buy Now Price (\u20B9, optional)", type: "number", value: toRupeesString(values.buyNowPrice), onChange: (v) => onChange({ buyNowPrice: v ? fromRupeesString(v) : undefined }), placeholder: "0", helpText: "Allows instant purchase before collector drop ends" })] }), _jsx(FormField, { name: "minBidIncrement", label: "Minimum Bid Increment (\u20B9)", type: "number", value: toRupeesString(values.minBidIncrement), onChange: (v) => onChange({ minBidIncrement: fromRupeesString(v) }), placeholder: "50", helpText: "Optional \u2014 can only raise the platform's tiered minimum for this listing, never lower it. Leave blank to use the tier as-is." }), _jsx(FormField, { name: "collectorDropShippingPaidBy", label: "Shipping paid by", type: "select", value: values.collectorDropShippingPaidBy ?? "winner", onChange: (v) => onChange({ collectorDropShippingPaidBy: v }), options: [
                     { value: "winner", label: "Winner pays shipping" },
                     { value: "seller", label: "Seller includes shipping" },
-                ] }), _jsx(Toggle, { checked: !!values.autoExtendable, onChange: (checked) => onChange({ autoExtendable: checked }), label: "Auto-extend auction if bid placed in final minutes" }), values.autoExtendable && (_jsx(FormField, { name: "auctionExtensionMinutes", label: "Extension period (minutes)", type: "number", value: String(values.auctionExtensionMinutes ?? 5), onChange: (v) => onChange({ auctionExtensionMinutes: Number(v) || 5 }), placeholder: "5" }))] }));
+                ] }), _jsx(Toggle, { checked: !!values.autoExtendable, onChange: (checked) => onChange({ autoExtendable: checked }), label: "Auto-extend collector drop if bid placed in final minutes" }), values.autoExtendable && (_jsx(FormField, { name: "collectorDropExtensionMinutes", label: "Extension period (minutes)", type: "number", value: String(values.collectorDropExtensionMinutes ?? 5), onChange: (v) => onChange({ collectorDropExtensionMinutes: Number(v) || 5 }), placeholder: "5" }))] }));
 }
 // ── Step 3: Pre-Order Settings ────────────────────────────────────────────
 function StepPreOrderSettings({ values, onChange, }) {
-    return (_jsxs(Stack, { gap: "md", children: [_jsxs(FormGroup, { columns: 2, children: [_jsx(FormField, { name: "preOrderDeliveryDate", label: "Estimated Delivery Date (YYYY-MM-DD)", type: "text", value: values.preOrderDeliveryDate ?? "", onChange: (v) => onChange({ preOrderDeliveryDate: v }), placeholder: "e.g. 2026-12-15", helpText: "When you expect to ship to buyers" }), _jsx(FormField, { name: "preOrderMaxQuantity", label: "Maximum Pre-Order Quantity (optional)", type: "number", value: String(values.preOrderMaxQuantity ?? ""), onChange: (v) => onChange({ preOrderMaxQuantity: v ? Number(v) : undefined }), placeholder: "Unlimited" })] }), _jsx(FormField, { name: "preOrderDepositPercent", label: "Deposit % (0 = full payment now)", type: "number", value: String(values.preOrderDepositPercent ?? 0), onChange: (v) => onChange({ preOrderDepositPercent: Math.min(100, Math.max(0, Number(v))) }), placeholder: "0", helpText: "Buyers pay this percentage upfront; remainder due on shipping" }), _jsx(FormField, { name: "preOrderProductionStatus", label: "Production Status", type: "select", value: values.preOrderProductionStatus ?? "upcoming", onChange: (v) => onChange({ preOrderProductionStatus: v }), options: PRODUCTION_STATUS_OPTIONS }), _jsx(Toggle, { checked: values.preOrderCancellable !== false, onChange: (checked) => onChange({ preOrderCancellable: checked }), label: "Allow buyers to cancel before shipping" })] }));
+    /*
+     * 🛑 A DATE CONTROL WITH A CEILING, not free text.
+     *
+     * This was `type="text"` labelled "(YYYY-MM-DD)", so `"tomorrow"` and
+     * `"next Diwali"` both reached the server — and the section schema below was
+     * `z.string().min(1)`, so they passed the client too. The `max` comes from
+     * the same constant the server refuses on, so the picker cannot offer a day
+     * the save will reject.
+     *
+     * The control speaks calendar days and the document stores an instant, so
+     * the two conversions sit here and nowhere else: a picked day becomes the
+     * END of that day in UTC (the seller means "by then", and end-of-day is what
+     * `preOrderDeliveryWindowEnd` compares against, so day 45 is accepted rather
+     * than refused by a few hours). A stored instant renders back as its own
+     * calendar day.
+     */
+    const deliveryMax = preOrderDeliveryMaxInputValue();
+    const deliveryDayValue = (() => {
+        const raw = values.preOrderDeliveryDate;
+        if (!raw)
+            return "";
+        const d = new Date(raw);
+        return Number.isNaN(d.getTime()) ? "" : d.toISOString().slice(0, 10);
+    })();
+    const deliveryVerdict = checkPreOrderDeliveryDate(values.preOrderDeliveryDate);
+    return (_jsxs(Stack, { gap: "md", children: [deliveryVerdict !== "ok" && deliveryVerdict !== "absent" && (_jsx(Alert, { variant: "warning", children: preOrderDeliveryMessage(deliveryVerdict) })), _jsxs(FormGroup, { columns: 2, children: [_jsx(FormField, { name: "preOrderDeliveryDate", label: "Estimated Delivery Date", type: "date", value: deliveryDayValue, max: deliveryMax, onChange: (v) => onChange({
+                            preOrderDeliveryDate: v ? new Date(`${v}T23:59:59.000Z`).toISOString() : "",
+                        }), helpText: `When you expect to ship to buyers — no more than ${PREORDER_MAX_DELIVERY_DAYS} days away (latest: ${deliveryMax}). A pre-order that overruns its promised date is cancelled and refunded automatically.` }), _jsx(FormField, { name: "preOrderMaxQuantity", label: "Maximum Pre-Order Quantity (optional)", type: "number", value: String(values.preOrderMaxQuantity ?? ""), onChange: (v) => onChange({ preOrderMaxQuantity: v ? Number(v) : undefined }), placeholder: "Unlimited" })] }), _jsx(FormField, { name: "preOrderDepositPercent", label: "Deposit % (0 = full payment now)", type: "number", value: String(values.preOrderDepositPercent ?? 0), onChange: (v) => onChange({ preOrderDepositPercent: Math.min(100, Math.max(0, Number(v))) }), placeholder: "0", helpText: "Buyers pay this percentage upfront; remainder due on shipping" }), _jsx(FormField, { name: "preOrderProductionStatus", label: "Production Status", type: "select", value: values.preOrderProductionStatus ?? "upcoming", onChange: (v) => onChange({ preOrderProductionStatus: v }), options: PRODUCTION_STATUS_OPTIONS }), _jsx(Toggle, { checked: values.preOrderCancellable !== false, onChange: (checked) => onChange({ preOrderCancellable: checked }), label: "Allow buyers to cancel before shipping" })] }));
 }
 // ── Step 3: Classified Settings ───────────────────────────────────────────
 const CLASSIFIED_CONTACT_OPTIONS = [
@@ -350,9 +380,9 @@ const LIVE_TRANSPORT_OPTIONS = [
 function StepLiveItemSettings({ values, onChange, }) {
     return (_jsxs(Stack, { gap: "md", children: [_jsxs(Alert, { variant: "warning", children: ["Live animal / plant listings must comply with all applicable laws, CITES regulations, and local jurisdiction rules. ", getBrandName(), " is not responsible for legal compliance \u2014 this is solely the seller's responsibility."] }), _jsxs(FormGroup, { columns: 2, children: [_jsx(FormField, { name: "liveSpecies", label: "Species / Common Name", type: "text", value: values.liveSpecies ?? "", onChange: (v) => onChange({ liveSpecies: v }), placeholder: "e.g. Axolotl (Ambystoma mexicanum)" }), _jsx(FormField, { name: "liveAgeMonths", label: "Age (months, optional)", type: "number", value: String(values.liveAgeMonths ?? ""), onChange: (v) => onChange({ liveAgeMonths: v ? Number(v) : undefined }), placeholder: "e.g. 6" })] }), _jsx(FormField, { name: "liveSex", label: "Sex", type: "select", value: values.liveSex ?? "unknown", onChange: (v) => onChange({ liveSex: v }), options: LIVE_SEX_OPTIONS }), _jsx(FormField, { name: "liveCareInfo", label: "Care Instructions (optional)", type: "textarea", value: values.liveCareInfo ?? "", onChange: (v) => onChange({ liveCareInfo: v }), placeholder: "Diet, temperature, habitat requirements\u2026" }), _jsx(FormField, { name: "liveTransportMethod", label: "Transport Method", type: "select", value: values.liveTransportMethod ?? "in-person", onChange: (v) => onChange({ liveTransportMethod: v }), options: LIVE_TRANSPORT_OPTIONS }), values.liveTransportMethod !== "in-person" && (_jsx(FormField, { name: "liveHandlingFee", label: "Handling / Transport Fee (\u20B9, optional)", type: "number", value: toRupeesString(values.liveHandlingFee), onChange: (v) => onChange({ liveHandlingFee: v ? fromRupeesString(v) : undefined }), placeholder: "0" })), _jsx(TagInput, { label: "Jurisdictions where sale is permitted", value: values.liveJurisdictions ?? [], onChange: (liveJurisdictions) => onChange({ liveJurisdictions }), placeholder: "e.g. Maharashtra, Karnataka", helperText: "List all Indian states / UTs where you can legally sell" }), _jsx(Toggle, { checked: !!values.liveCites, onChange: (checked) => onChange({ liveCites: checked }), label: "This species requires CITES documentation" })] }));
 }
-// ── Step: Print Meta (art / stickers) ───────────────────────────────────────
-// Shared by both "art" and "stickers" — identical field set, only the intro
-// copy differs (set by the caller via `intro`).
+// ── Step: Print Meta (art & stickers) ───────────────────────────────────────
+// Used by "art-and-stickers" — the field set the merged printed-goods type
+// needs. The intro copy is supplied by the caller via `intro`.
 function StepPrintMetaSettings({ values, onChange, intro, }) {
     return (_jsxs(Stack, { gap: "md", children: [_jsx(Alert, { variant: "info", children: intro }), _jsxs(FormGroup, { columns: 2, children: [_jsx(FormField, { name: "printSize", label: "Size", type: "text", value: values.printSize ?? "", onChange: (v) => onChange({ printSize: v }), placeholder: "e.g. A4, 12x18 in" }), _jsx(FormField, { name: "printMaterial", label: "Material", type: "text", value: values.printMaterial ?? "", onChange: (v) => onChange({ printMaterial: v }), placeholder: "e.g. Matte photo paper, Vinyl" })] }), _jsxs(FormGroup, { columns: 2, children: [_jsx(FormField, { name: "printFinish", label: "Finish (optional)", type: "text", value: values.printFinish ?? "", onChange: (v) => onChange({ printFinish: v }), placeholder: "e.g. Glossy, Matte, Holographic" }), _jsx(FormField, { name: "printEditionSize", label: "Edition Size (optional)", type: "number", value: String(values.printEditionSize ?? ""), onChange: (v) => onChange({ printEditionSize: v ? Number(v) : undefined }), placeholder: "Leave blank for an open edition" })] })] }));
 }
@@ -370,7 +400,7 @@ function StepPrintMetaSettings({ values, onChange, intro, }) {
  * that caused it and `<FormErrorSummary>` can offer a jump link to it.
  *
  * Kept beside the sections rather than folded into `sellerProductSchema`
- * because they are per-LISTING-TYPE: a starting bid is required for an auction
+ * because they are per-LISTING-TYPE: a starting bid is required for a collector drop
  * and meaningless for a sticker sheet, and a single whole-form schema would
  * have to branch on type for every one of them.
  */
@@ -382,12 +412,32 @@ const sectionSchemas = {
     media: z.object({
         mainImage: z.string().min(1, "A main image is required"),
     }).passthrough(),
-    auction: z.object({
+    collectorDrop: z.object({
         startingBid: z.coerce.number({ invalid_type_error: "Starting bid is required" }).positive("Starting bid must be greater than zero"),
-        auctionEndDate: z.string().min(1, "Auction end date is required"),
+        collectorDropEndDate: z.string().min(1, "Collector Drop end date is required"),
     }).passthrough(),
+    /*
+     * 🛑 The 45-day cap, mirrored client-side.
+     *
+     * This was `z.string().min(1)`, so `"tomorrow"` passed the client and the
+     * seller only learned otherwise from whatever the server said — which, for a
+     * 200-day date, used to be nothing at all. Same predicate as both write
+     * schemas and the checkout rule (`preorder-window.ts`), so the four cannot
+     * drift; a mirrored literal is how Root Cause #30 is written.
+     */
     preorder: z.object({
-        preOrderDeliveryDate: z.string().min(1, "Estimated delivery date is required"),
+        preOrderDeliveryDate: z
+            .string()
+            .min(1, PREORDER_DELIVERY_REQUIRED_MESSAGE)
+            .superRefine((value, ctx) => {
+            const verdict = checkPreOrderDeliveryDate(value);
+            if (verdict === "ok")
+                return;
+            ctx.addIssue({
+                code: z.ZodIssueCode.custom,
+                message: preOrderDeliveryMessage(verdict) ?? "Invalid delivery date",
+            });
+        }),
     }).passthrough(),
     classified: z.object({
         classifiedCity: z.string().trim().min(1, "City is required for classified listings"),
@@ -397,11 +447,11 @@ const sectionSchemas = {
     }).passthrough(),
 };
 const TYPE_SPECIFIC_SECTIONS = {
-    auction: {
-        id: "auction",
-        label: "Auction Settings",
-        render: ({ values, onChange }) => (_jsx(StepAuctionSettings, { values: values, onChange: onChange })),
-        schema: sectionSchemas.auction,
+    "collector-drop": {
+        id: "collector-drop",
+        label: "Collector Drop Settings",
+        render: ({ values, onChange }) => (_jsx(StepCollectorDropSettings, { values: values, onChange: onChange })),
+        schema: sectionSchemas.collectorDrop,
     },
     "pre-order": {
         id: "preorder",
@@ -427,15 +477,10 @@ const TYPE_SPECIFIC_SECTIONS = {
         render: ({ values, onChange }) => (_jsx(StepLiveItemSettings, { values: values, onChange: onChange })),
         schema: sectionSchemas.live,
     },
-    art: {
-        id: "printmeta",
-        label: "Print Details",
-        render: ({ values, onChange }) => (_jsx(StepPrintMetaSettings, { values: values, onChange: onChange, intro: "Art prints are sold as physical, printed-only reproductions \u2014 no original artwork or digital files." })),
-    },
-    stickers: {
+    "art-and-stickers": {
         id: "printmeta",
         label: "Print Details",
-        render: ({ values, onChange }) => (_jsx(StepPrintMetaSettings, { values: values, onChange: onChange, intro: "Sticker listings are sold as physical, printed sheets or packs \u2014 no digital files." })),
+        render: ({ values, onChange }) => (_jsx(StepPrintMetaSettings, { values: values, onChange: onChange, intro: "Art prints and sticker sheets are sold as physical, printed-only goods \u2014 no original artwork and no digital files." })),
     },
 };
 // ── Step: Pricing ─────────────────────────────────────────────────────────
@@ -727,6 +772,7 @@ productId, onSave, onPublish, onDiscard, isLoading = false, storeSlug, renderCat
         }
     }, [draft, onPublish, markClean, clearErrors, setFieldError, showToast, addAnother, nextDraftForAnother, markSubmitAttempted]);
     const listingTypeLabel = pluginForMode(listingType).typeLabel;
+    const listingTypePluralLabel = pluginForMode(listingType).pluralLabel;
     const typeSpecificSection = TYPE_SPECIFIC_SECTIONS[listingType] ?? null;
     const sections = [
         {
@@ -845,7 +891,9 @@ productId, onSave, onPublish, onDiscard, isLoading = false, storeSlug, renderCat
      * Every section is now reachable at any time and the shared submit is what
      * checks the whole draft.
      */
-    const breadcrumb = mode === "create" ? `Store / ${listingTypeLabel}s / New` : `Store / ${listingTypeLabel}s / Edit`;
+    const breadcrumb = mode === "create"
+        ? `Store / ${listingTypePluralLabel} / New`
+        : `Store / ${listingTypePluralLabel} / Edit`;
     const title = mode === "create"
         ? `New ${listingTypeLabel}`
         : draft.title ?? `Edit ${listingTypeLabel}`;

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

@@ -7,7 +7,7 @@ import { Div } from "../../../ui/components/Div.js";
 import { Grid, Row, Stack } from "../../../ui/components/Layout.js";
 import { Text } from "../../../ui/components/Typography.js";
 import { TextLink } from "../../../ui/components/TextLink.js";
-import { MediaImage } from "../../media/MediaImage.js";
+import { MediaImage } from "../../../ui/components/MediaImage.js";
 import { ROW_ACTION_META, ROW_ACTION_ID } from "../../../features/products/constants/action-defs.js";
 import { ACTIONS } from "../../../_internal/shared/actions/action-registry.js";
 import { listingBadgeVariant } from "../../products/utils/listing-badge-variant.js";
@@ -18,8 +18,8 @@ const __O = {
     hidden: "overflow-hidden",
 };
 function buildHref(row) {
-    if (row.listingKind === "auction")
-        return `/auctions/${row.id}`;
+    if (row.listingKind === "collector-drop")
+        return `/collector-drops/${row.id}`;
     if (row.listingKind === "pre-order")
         return `/pre-orders/${row.id}`;
     return `/products/${row.id}`;

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

@@ -2,7 +2,6 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { formatPhysicalLocation } from "../../../utils/physical-location.js";
 import { normalizeError } from "../../../errors/normalize.js";
-import { trackError, ErrorCategory, ErrorSeverity, } from "../../../monitoring/error-tracking.js";
 import { toUserMessage } from "../../../errors/error-display-map.js";
 import { SIEVE_OP, Stack, sieveFilter } from "@mohasinac/appkit/client";
 import { LOW_STOCK_THRESHOLD } from "../../store-extensions/constants/alert-metrics.js";
@@ -10,7 +9,7 @@ import { sortBy } from "@mohasinac/appkit/client";
 import { useState, useCallback } from "react";
 import { useEntityDelete } from "../../../react/hooks/useEntityDelete.js";
 import { useActionDispatch } from "../../../react/hooks/use-action-dispatch.js";
-import { Eye, EyeOff, Pencil, Trash2, Printer, MapPin, Boxes, Wrench, Scissors } from "lucide-react";
+import { Eye, EyeOff, Trash2, Printer, MapPin, Boxes } from "lucide-react";
 import { PhysicalLocationModal } from "./PhysicalLocationModal.js";
 import { BulkStockModal } from "./BulkStockModal.js";
 import { useUrlTable } from "../../../react/hooks/useUrlTable.js";
@@ -21,7 +20,7 @@ import { Row } from "../../../ui/components/Layout.js";
 import { Select } from "../../../ui/components/Select.js";
 import { Span, Text } from "../../../ui/components/Typography.js";
 import { useToast } from "../../../ui/components/toast-context.js";
-import { MediaImage } from "../../media/MediaImage.js";
+import { MediaImage } from "../../../ui/components/MediaImage.js";
 import { SELLER_ENDPOINTS } from "../../../constants/api-endpoints.js";
 import { SELLER_PRODUCT_STATUS_TABS } from "../../admin/constants/filter-tabs.js";
 import { ROUTES } from "../../../constants/index.js";
@@ -37,7 +36,6 @@ import { SellerProductsCards } from "./SellerProductsCards.js";
 import { SellerProductsFilterFields } from "./SellerProductsFilterDrawer.js";
 import { listingBadgeVariant } from "../../products/utils/listing-badge-variant.js";
 import { DataListingView } from "../../admin/components/DataListingView.js";
-import { AssemblyDrawer, } from "../../parts/components/AssemblyDrawer.js";
 import { ACTIONS } from "../../../_internal/shared/actions/action-registry.js";
 import { buildBulkAction } from "../../../_internal/shared/actions/bulk-helpers.js";
 import { productImageUrls } from "../../products/schemas/firestore.js";
@@ -248,7 +246,7 @@ export function SellerProductsView({ onDeleteProduct, onCreateClick, }) {
     const sideTable = useUrlTable({ defaults: { sort: DEFAULT_SORT } });
     const listingKind = (sideTable.get("listingType") || "all");
     // The scope bar spans whichever types the type-dropdown has narrowed to, so
-    // its middle tab reads "Ended" on Auctions and "Sold" on Products.
+    // its middle tab reads "Ended" on Collector Drops and "Sold" on Products.
     const scope = useAvailabilityScope(listingKind === "all" ? ALL_LISTING_TYPES : [listingKind]);
     const { deletingId, handleDelete: performDelete } = useEntityDelete({
         deleteFn: onDeleteProduct,
@@ -260,94 +258,6 @@ export function SellerProductsView({ onDeleteProduct, onCreateClick, }) {
     const [setLocationOpen, setSetLocationOpen] = useState(false);
     const [selectedIdsForLocation, setSelectedIdsForLocation] = useState([]);
     const [setStockOpen, setSetStockOpen] = useState(false);
-    /*
-     * ── D13: assembly ──────────────────────────────────────────────────────
-     *
-     * 🛑 The drawer's data is fetched when it OPENS, not with the page. 50 part
-     * listings and a composition per row would be a read nobody asked for on a
-     * view that renders 50 rows — and the drawer is used on a handful of them.
-     */
-    const [assembleFor, setAssembleFor] = useState(null);
-    const [assembleData, setAssembleData] = useState(null);
-    const [assembleLoading, setAssembleLoading] = useState(false);
-    const openAssembly = useCallback(async (row, direction) => {
-        setAssembleFor({ id: row.id, title: row.primary ?? row.id, direction });
-        setAssembleData(null);
-        setAssembleLoading(true);
-        try {
-            const res = await fetch(SELLER_ENDPOINTS.PRODUCT_ASSEMBLE(row.id));
-            const body = (await res.json().catch(() => null));
-            if (!res.ok)
-                throw new Error(body?.error ?? "Could not load your parts");
-            setAssembleData({
-                compositions: body?.data?.compositions ?? [],
-                options: body?.data?.options ?? [],
-                targetAvailable: body?.data?.targetAvailable ?? 0,
-            });
-        }
-        catch (err) {
-            const e = normalizeError(err);
-            /*
-             * 🛑 Closed and reported, never left open and empty. An empty picker
-             * with no explanation is the state in which a seller concludes they
-             * hold no parts — which may be false.
-             */
-            setAssembleFor(null);
-            /*
-             * 🛑 AUTHORED copy, not `e.message`. Unlike the 409 (which carries
-             * `{needs, has}` and composes a sentence around the real figures),
-             * a load failure has no number worth surfacing — so this is one honest
-             * line, and the raw text goes to the recorder where it belongs.
-             */
-            showToast("Could not load your parts. Please try again.", "error");
-            trackError(e.message, ErrorCategory.API, ErrorSeverity.MEDIUM, {
-                component: "SellerProductsView",
-                action: "openAssembly",
-            });
-        }
-        finally {
-            setAssembleLoading(false);
-        }
-    }, [showToast]);
-    const submitAssembly = useCallback(async (input) => {
-        const id = assembleFor?.id;
-        if (!id)
-            throw new Error("No listing selected");
-        const res = await fetch(SELLER_ENDPOINTS.PRODUCT_ASSEMBLE(id), {
-            method: "POST",
-            headers: { "Content-Type": "application/json" },
-            body: JSON.stringify(input),
-        });
-        const body = (await res.json().catch(() => null));
-        /*
-         * 🛑 THROWS with the server's own message, which the drawer renders. A
-         * 409 reads "Not enough available: needs 6, has 5" — the one sentence
-         * that tells the seller what to do. Swallowing it into a generic failure
-         * would turn "restock" into "retry".
-         */
-        if (!res.ok) {
-            /*
-             * 🛑 Carries the structured DETAIL to the drawer and never a rendered
-             * sentence. The drawer composes its own copy around `{needs, has}`;
-             * `message` here is for the recorder (Root Cause #86 —
-             * `audit-raw-error-text` blocks showing a thrown `.message`).
-             */
-            const err = new Error(body?.error ?? "assembly failed");
-            /*
-             * Typed rather than `unknown`: the 409's shape is OURS — the planner
-             * throws `{ kind, productId, needs, has }` — so declaring it is what
-             * lets the drawer compose a sentence around real figures instead of
-             * casting at the boundary (Root Cause #57/#70: a cast at a boundary is
-             * where this class of bug lives).
-             */
-            err.detail = { code: body?.code, ...(body?.details ?? {}) };
-            throw err;
-        }
-        return {
-            unitsBuilt: body?.data?.unitsBuilt ?? input.units,
-            consumed: body?.data?.consumed ?? [],
-        };
-    }, [assembleFor?.id]);
     const [selectedIdsForStock, setSelectedIdsForStock] = useState([]);
     const [stockBusy, setStockBusy] = useState(false);
     /*
@@ -362,12 +272,12 @@ export function SellerProductsView({ onDeleteProduct, onCreateClick, }) {
         sideTable.setMany({ listingType: kind === "all" ? "" : kind, page: "1" });
     }, [sideTable]);
     const handleEdit = (row) => {
-        const href = row.listingKind === "auction"
-            ? String(ROUTES.STORE.AUCTIONS_EDIT(row.id))
+        const href = row.listingKind === "collector-drop"
+            ? String(ROUTES.STORE.COLLECTOR_DROPS_EDIT(row.id))
             : row.listingKind === "pre-order"
                 ? String(ROUTES.STORE.PRE_ORDERS_EDIT(row.id))
-                : row.listingKind === "prize-draw"
-                    ? String(ROUTES.STORE.PRIZE_DRAWS_EDIT(row.id))
+                : row.listingKind === "clearance"
+                    ? String(ROUTES.STORE.CLEARANCE_EDIT(row.id))
                     : String(ROUTES.STORE.PRODUCTS_EDIT(row.id));
         void dispatch({ type: "NAVIGATE", href });
     };
@@ -518,14 +428,14 @@ export function SellerProductsView({ onDeleteProduct, onCreateClick, }) {
                 // in the seller table (2026-08-21).
                 const kind = lt;
                 const priceRaw = typeof item.price === "number" ? item.price : 0;
-                const auctionSecondary = kind === "auction"
+                const collectorDropSecondary = kind === "collector-drop"
                     ? [
                         typeof item.reservePrice === "number"
                             ? `Reserve ${formatMoney(item.reservePrice)}`
                             : null,
                         `${typeof item.bidCount === "number" ? item.bidCount : 0} bids`,
-                        item.auctionEndDate
-                            ? `Ends ${new Date(item.auctionEndDate).toLocaleDateString("en-IN", { month: "short", day: "numeric" })}`
+                        item.collectorDropEndDate
+                            ? `Ends ${new Date(item.collectorDropEndDate).toLocaleDateString("en-IN", { month: "short", day: "numeric" })}`
                             : null,
                     ]
                         .filter(Boolean)
@@ -560,9 +470,9 @@ export function SellerProductsView({ onDeleteProduct, onCreateClick, }) {
                  * Those are the two numbers a seller scans for, so price leads.
                  * `stockQuantity` was not mapped at all and is added here.
                  *
-                 * An auction keeps its own summary (reserve / bids / ends) and is not
-                 * given a list price: for an auction the meaningful money is the
-                 * reserve and the current bid, both already in `auctionSecondary`, and
+                 * A collector drop keeps its own summary (reserve / bids / ends) and is not
+                 * given a list price: for a collector drop the meaningful money is the
+                 * reserve and the current bid, both already in `collectorDropSecondary`, and
                  * a "price" beside them would read as a third, competing figure.
                  */
                 const rowId = toStringValue(item.id, `product-${index}`);
@@ -578,9 +488,9 @@ export function SellerProductsView({ onDeleteProduct, onCreateClick, }) {
                 const availableRaw = typeof item.availableQuantity === "number" ? item.availableQuantity : null;
                 const stockRaw = stockOverride ?? (typeof item.stockQuantity === "number" ? item.stockQuantity : null);
                 const stockValue = stockOverride ?? availableRaw ?? stockRaw;
-                const priceLabel = kind !== "auction" && priceRaw ? formatMoney(priceRaw) : "";
+                const priceLabel = kind !== "collector-drop" && priceRaw ? formatMoney(priceRaw) : "";
                 const stockLabel = stockRaw === null ? "" : `${stockRaw} in stock`;
-                const secondaryBase = auctionSecondary || toStringValue(item.condition, "");
+                const secondaryBase = collectorDropSecondary || toStringValue(item.condition, "");
                 return {
                     id: rowId,
                     primary: toStringValue(item.title ?? item.name, "Untitled product"),
@@ -618,8 +528,8 @@ export function SellerProductsView({ onDeleteProduct, onCreateClick, }) {
             const statusFilter = state.status && state.status !== "All" ? sieveFilter("status", SIEVE_OP.EQ, state.status) : undefined;
             const kindFilter = !state.listingType || state.listingType === "all" ? undefined : sieveFilter("listingType", SIEVE_OP.EQ, state.listingType);
             // The hardcoded `isSold==false` that used to live here is gone: it asked
-            // a narrower question than the rest of the app (an ended auction is not
-            // `isSold`), so the seller dashboard and /auctions disagreed about the
+            // a narrower question than the rest of the app (an ended collector drop is not
+            // `isSold`), so the seller dashboard and /collector-drops disagreed about the
             // same rows. The scope param carries the per-type meaning instead.
             return [statusFilter, kindFilter].filter(Boolean).join(",") || undefined;
         },
@@ -641,29 +551,19 @@ export function SellerProductsView({ onDeleteProduct, onCreateClick, }) {
             ];
         },
         renderCards: (rows, view, selection, isLoading) => (_jsx(SellerProductsCards, { view: view, rows: rows, isLoading: isLoading, listingKind: listingKind, selectedIds: new Set(selection.selectedIds), toggle: selection.toggleSelect, onEdit: handleEdit, onDuplicate: (row) => void handleDuplicate(row), onDelete: onDeleteProduct ? (row) => void handleDelete(row) : undefined })),
-        rowHrefTemplate: (row) => row.listingKind === "auction"
-            ? `/auctions/${row.id}`
+        rowHrefTemplate: (row) => row.listingKind === "collector-drop"
+            ? `/collector-drops/${row.id}`
             : row.listingKind === "pre-order"
                 ? `/pre-orders/${row.id}`
                 : `/products/${row.id}`,
         renderRowActions: (row) => {
             const isPublished = (statusOverrides.get(row.id) ?? row.status) === "published";
-            return (_jsxs(Row, { gap: "xs", children: [_jsx(Button, { variant: "ghost", size: "sm", onClick: (e) => { e.stopPropagation(); handleEdit(row); }, "aria-label": ACTIONS.STORE["edit-listing"].ariaLabel, children: _jsx(Pencil, { className: "w-4 h-4" }) }), _jsx(Button, { variant: "ghost", size: "sm", onClick: (e) => { e.stopPropagation(); void openAssembly(row, "assemble"); }, "aria-label": ACTIONS.STORE["assemble-from-parts"].ariaLabel, title: ACTIONS.STORE["assemble-from-parts"].label, disabled: assembleLoading, children: _jsx(Wrench, { className: "w-4 h-4" }) }), _jsx(Button, { variant: "ghost", size: "sm", onClick: (e) => { e.stopPropagation(); void openAssembly(row, "part-out"); }, "aria-label": ACTIONS.STORE["part-out-listing"].ariaLabel, title: ACTIONS.STORE["part-out-listing"].label, disabled: assembleLoading, children: _jsx(Scissors, { className: "w-4 h-4" }) }), _jsx(Button, { variant: "ghost", size: "sm", onClick: (e) => { e.stopPropagation(); void handleTogglePublish(row); }, "aria-label": isPublished
+            return (_jsxs(Row, { gap: "xs", children: [_jsx(Button, { variant: "ghost", size: "sm", onClick: (e) => { e.stopPropagation(); void handleTogglePublish(row); }, "aria-label": isPublished
                             ? ACTIONS.STORE["unpublish-listing"].label
                             : ACTIONS.STORE["publish-listing"].label, title: isPublished
                             ? ACTIONS.STORE["unpublish-listing"].description
                             : ACTIONS.STORE["publish-listing"].description, disabled: publishingId === row.id, children: isPublished ? _jsx(EyeOff, { className: "w-4 h-4" }) : _jsx(Eye, { className: "w-4 h-4" }) }), _jsx(Button, { variant: "ghost", size: "sm", onClick: (e) => { e.stopPropagation(); void handleDuplicate(row); }, "aria-label": "Duplicate listing", title: "Duplicate", children: "\u29C9" }), onDeleteProduct && (_jsx(Button, { variant: "ghost", size: "sm", action: ACTIONS.STORE["delete-listing"], onClick: (e) => { e.stopPropagation(); void handleDelete(row); }, disabled: deletingId === row.id, className: "text-[var(--appkit-color-error)] hover:bg-[var(--appkit-color-border-subtle)]", children: _jsx(Trash2, { className: "w-4 h-4" }) }))] }));
         },
     };
-    return (_jsxs(_Fragment, { children: [_jsx(DataListingView, { config: config }), setLocationOpen && (_jsx(PhysicalLocationModal, { count: selectedIdsForLocation.length, onSave: (loc) => handleSetLocation(loc, selectedIdsForLocation), onClose: () => setSetLocationOpen(false) })), setStockOpen && (_jsx(BulkStockModal, { count: selectedIdsForStock.length, busy: stockBusy, onSave: (qty) => handleSetStock(qty, selectedIdsForStock), onClose: () => setSetStockOpen(false) })), assembleFor && assembleData && (_jsx(AssemblyDrawer, { isOpen: true, 
-                /*
-                 * 🛑 No refetch on close, and that is a stated limitation rather than
-                 * a silent one: `DataListingView` owns the query and exposes no
-                 * refetch handle to a consumer. The drawer reports the real
-                 * before/after per component, so the seller SEES what moved — but the
-                 * row behind it still shows the pre-build figure until the next
-                 * navigation. Wiring a refetch means giving `ListingViewConfig` a
-                 * handle, which is a shared-surface change and its own commit.
-                 */
-                onClose: () => { setAssembleFor(null); setAssembleData(null); }, direction: assembleFor.direction, targetTitle: assembleFor.title, targetAvailable: assembleData.targetAvailable, compositions: assembleData.compositions, options: assembleData.options, onSubmit: submitAssembly }))] }));
+    return (_jsxs(_Fragment, { children: [_jsx(DataListingView, { config: config }), setLocationOpen && (_jsx(PhysicalLocationModal, { count: selectedIdsForLocation.length, onSave: (loc) => handleSetLocation(loc, selectedIdsForLocation), onClose: () => setSetLocationOpen(false) })), setStockOpen && (_jsx(BulkStockModal, { count: selectedIdsForStock.length, busy: stockBusy, onSave: (qty) => handleSetStock(qty, selectedIdsForStock), onClose: () => setSetStockOpen(false) }))] }));
 }

package/dist/features/seller/components/SellerReviewsView.d.ts

@@ -1,6 +1,15 @@
 import React from "react";
+import type { DashboardCard } from "../../../_internal/shared/features/dashboard/recent-entry";
 export interface SellerReviewsViewProps {
     reviewsApiBase?: string;
     replyApiBase?: string;
+    /**
+     * Admin-curated page-region cards (Phase 12). Omit for no extra content.
+     * This view's host page.tsx (`/store/reviews`) is "use client" with no
+     * Server Component boundary to fetch `getPageRegion()` from, so this
+     * always defaults to `[]` here — same reasoning as `DataListingView`'s
+     * own default.
+     */
+    pageRegionCards?: DashboardCard[];
 }
-export declare function SellerReviewsView({ reviewsApiBase, replyApiBase, }: SellerReviewsViewProps): React.JSX.Element;
+export declare function SellerReviewsView({ reviewsApiBase, replyApiBase, pageRegionCards, }: SellerReviewsViewProps): React.JSX.Element;

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

@@ -24,6 +24,7 @@ import { SELLER_BULK_ACTIONS, ROW_ACTION_META } from "../../products/constants/a
 import { SELLER_ENDPOINTS } from "../../../constants/api-endpoints.js";
 import { sortBy, sieveFilter, SIEVE_OP } from "../../../utils/sieve-builder.js";
 import { DataListingView } from "../../admin/components/DataListingView.js";
+import { AdminComposableRegion } from "../../dashboard/components/AdminComposableRegion.js";
 const SORT_OPTIONS = [
     { value: sortBy("createdAt", "DESC"), label: "Newest" },
     { value: sortBy("createdAt", "ASC"), label: "Oldest" },
@@ -77,7 +78,7 @@ function ReviewTextForm({ schema, values, onChange, onSubmit, submitLabel, onCan
                     onSubmit();
                 }, onValidationChange: () => form.validate(values), schema: schema, openIds: nav.openIds, onOpenChange: nav.setOpenIds, submitLabel: submitLabel, cancelLabel: "Cancel", onCancel: onCancel, isLoading: isLoading })] }));
 }
-export function SellerReviewsView({ reviewsApiBase = SELLER_ENDPOINTS.REVIEWS, replyApiBase = SELLER_ENDPOINTS.REVIEWS, }) {
+export function SellerReviewsView({ reviewsApiBase = SELLER_ENDPOINTS.REVIEWS, replyApiBase = SELLER_ENDPOINTS.REVIEWS, pageRegionCards = [], }) {
     const queryClient = useQueryClient();
     const { showToast } = useToast();
     const refetchReviews = useCallback(() => queryClient.invalidateQueries({ queryKey: ["seller", "reviews", "listing"] }), [queryClient]);
@@ -240,5 +241,5 @@ export function SellerReviewsView({ reviewsApiBase = SELLER_ENDPOINTS.REVIEWS, r
         })),
         renderCards: (rows, _view, selection, isLoading) => (_jsx(Stack, { gap: "md", children: isLoading ? (_jsx(Div, { className: "text-center", padding: "y-xl", children: _jsx(Text, { className: "text-[var(--appkit-color-text-muted)]", children: "Loading reviews\u2026" }) })) : rows.length === 0 ? (_jsx(Div, { className: "text-center", padding: "y-3xl", children: _jsx(Text, { className: "text-[var(--appkit-color-text-muted)]", children: "No reviews found." }) })) : (rows.map((review) => (_jsx(Div, { className: "border border-[var(--appkit-color-border)] bg-[var(--appkit-color-surface)]", rounded: "lg", padding: "md", children: _jsxs(Row, { align: "start", justify: "between", gap: "3", wrap: true, children: [_jsxs(Row, { align: "start", className: "flex-1 min-w-0", gap: "3", children: [_jsx(Checkbox, { checked: selection.selectedIds.includes(review.id), onChange: () => selection.toggleSelect(review.id), "aria-label": "Select review" }), _jsxs(Div, { className: "flex-1 min-w-0", children: [_jsx(Text, { className: "truncate", weight: "medium", children: review.productTitle }), _jsxs(Row, { className: "mt-1", align: "center", gap: "sm", wrap: true, children: [_jsx(Stars, { rating: review.rating }), _jsxs(Text, { className: "text-[var(--appkit-color-text-muted)]", size: "sm", children: ["by ", review.userName] }), review.verified && _jsx(Badge, { variant: "success", children: "Verified" }), statusBadge(review.status), _jsx(Badge, { variant: review.sellerReply ? "success" : "warning", children: review.sellerReply ? "Store replied" : "Awaiting store reply" })] }), review.title && _jsx(Text, { className: "mt-2", weight: "medium", children: review.title }), _jsx(Text, { className: "mt-1 text-[var(--appkit-color-text-muted)] line-clamp-3", size: "sm", children: review.comment }), review.sellerReply && (_jsxs(Div, { className: "mt-2 pl-[0.75rem] border-l-2 border-[var(--appkit-color-primary)]", children: [_jsx(Text, { className: "text-[var(--appkit-color-text-muted)]", size: "xs", children: "Store reply:" }), _jsx(Text, { size: "sm", children: review.sellerReply })] }))] })] }), _jsxs(Row, { className: "flex-shrink-0", gap: "sm", children: [_jsx(Button, { variant: "outline", size: "sm", onClick: () => openReply(review), children: review.sellerReply ? "Edit Reply" : ACTIONS.STORE["reply-review"].label }), _jsx(Button, { variant: "ghost", size: "sm", onClick: () => setContestTarget(review), children: ACTIONS.STORE["contest-review"].label }), _jsx(Button, { variant: "ghost", size: "sm", onClick: () => setFeedbackTarget(review), children: ACTIONS.STORE["buyer-feedback"].label })] })] }) }, review.id)))) })),
     };
-    return (_jsxs(_Fragment, { children: [_jsx(DataListingView, { config: config }), _jsx(SideDrawer, { isOpen: !!replyTarget, onClose: () => setReplyTarget(null), title: replyTarget?.sellerReply ? "Edit Reply" : "Reply to Review", mode: "create", children: _jsxs(Stack, { gap: "md", className: `${__P.p4}`, children: [replyTarget && (_jsxs(Div, { className: `${__P.p3} bg-[var(--appkit-color-bg)]`, rounded: "default", children: [_jsx(Stars, { rating: replyTarget.rating }), _jsx(Text, { className: "mt-1", size: "sm", children: replyTarget.comment })] })), replyError && _jsx(Alert, { variant: "error", children: replyError }), _jsx(ReviewTextForm, { schema: reviewReplySchema, values: replyDraft, onChange: (partial) => setReplyDraft((d) => ({ ...d, ...partial })), onSubmit: () => void handleReplySave(refetchReviews), submitLabel: replyTarget?.sellerReply ? "Update Reply" : "Post Reply", onCancel: () => setReplyTarget(null), isLoading: replySaving, scope: "store:review-reply" })] }) }), _jsx(Modal, { isOpen: bulkReplyOpen, onClose: () => setBulkReplyOpen(false), title: "Bulk reply to selected reviews", children: _jsx(Stack, { gap: "md", padding: "2xs", children: _jsx(ReviewTextForm, { schema: reviewBulkReplySchema, values: bulkDraft, onChange: (partial) => setBulkDraft((d) => ({ ...d, ...partial })), onSubmit: () => void submitBulkReply(), submitLabel: "Send reply", onCancel: () => setBulkReplyOpen(false), isLoading: bulkSaving, scope: "store:review-bulk-reply" }) }) }), _jsx(Modal, { isOpen: !!contestTarget, onClose: () => setContestTarget(null), title: "Contest this review", children: _jsxs(Stack, { gap: "md", padding: "2xs", children: [_jsx(Text, { className: "text-[var(--appkit-color-text-muted)]", size: "sm", children: "Flag this review for admin investigation." }), _jsx(ReviewTextForm, { schema: reviewContestSchema, values: contestDraft, onChange: (partial) => setContestDraft((d) => ({ ...d, ...partial })), onSubmit: () => void submitContest(refetchReviews), submitLabel: "Submit", onCancel: () => setContestTarget(null), scope: "store:review-contest" })] }) }), _jsx(Modal, { isOpen: !!feedbackTarget, onClose: () => setFeedbackTarget(null), title: "Send feedback to buyer", children: _jsx(Stack, { gap: "md", padding: "2xs", children: _jsx(ReviewTextForm, { schema: reviewFeedbackSchema, values: feedbackDraft, onChange: (partial) => setFeedbackDraft((d) => ({ ...d, ...partial })), onSubmit: () => void submitFeedback(), submitLabel: "Send", onCancel: () => setFeedbackTarget(null), scope: "store:review-feedback" }) }) })] }));
+    return (_jsxs(_Fragment, { children: [_jsx(AdminComposableRegion, { pageId: "store-reviews", initialCards: pageRegionCards }), _jsx(DataListingView, { config: config }), _jsx(SideDrawer, { isOpen: !!replyTarget, onClose: () => setReplyTarget(null), title: replyTarget?.sellerReply ? "Edit Reply" : "Reply to Review", mode: "create", children: _jsxs(Stack, { gap: "md", className: `${__P.p4}`, children: [replyTarget && (_jsxs(Div, { className: `${__P.p3} bg-[var(--appkit-color-bg)]`, rounded: "default", children: [_jsx(Stars, { rating: replyTarget.rating }), _jsx(Text, { className: "mt-1", size: "sm", children: replyTarget.comment })] })), replyError && _jsx(Alert, { variant: "error", children: replyError }), _jsx(ReviewTextForm, { schema: reviewReplySchema, values: replyDraft, onChange: (partial) => setReplyDraft((d) => ({ ...d, ...partial })), onSubmit: () => void handleReplySave(refetchReviews), submitLabel: replyTarget?.sellerReply ? "Update Reply" : "Post Reply", onCancel: () => setReplyTarget(null), isLoading: replySaving, scope: "store:review-reply" })] }) }), _jsx(Modal, { isOpen: bulkReplyOpen, onClose: () => setBulkReplyOpen(false), title: "Bulk reply to selected reviews", children: _jsx(Stack, { gap: "md", padding: "2xs", children: _jsx(ReviewTextForm, { schema: reviewBulkReplySchema, values: bulkDraft, onChange: (partial) => setBulkDraft((d) => ({ ...d, ...partial })), onSubmit: () => void submitBulkReply(), submitLabel: "Send reply", onCancel: () => setBulkReplyOpen(false), isLoading: bulkSaving, scope: "store:review-bulk-reply" }) }) }), _jsx(Modal, { isOpen: !!contestTarget, onClose: () => setContestTarget(null), title: "Contest this review", children: _jsxs(Stack, { gap: "md", padding: "2xs", children: [_jsx(Text, { className: "text-[var(--appkit-color-text-muted)]", size: "sm", children: "Flag this review for admin investigation." }), _jsx(ReviewTextForm, { schema: reviewContestSchema, values: contestDraft, onChange: (partial) => setContestDraft((d) => ({ ...d, ...partial })), onSubmit: () => void submitContest(refetchReviews), submitLabel: "Submit", onCancel: () => setContestTarget(null), scope: "store:review-contest" })] }) }), _jsx(Modal, { isOpen: !!feedbackTarget, onClose: () => setFeedbackTarget(null), title: "Send feedback to buyer", children: _jsx(Stack, { gap: "md", padding: "2xs", children: _jsx(ReviewTextForm, { schema: reviewFeedbackSchema, values: feedbackDraft, onChange: (partial) => setFeedbackDraft((d) => ({ ...d, ...partial })), onSubmit: () => void submitFeedback(), submitLabel: "Send", onCancel: () => setFeedbackTarget(null), scope: "store:review-feedback" }) }) })] }));
 }

package/dist/features/seller/components/SellerShippingOfferView.d.ts

@@ -0,0 +1,5 @@
+export interface SellerShippingOfferViewProps {
+    /** `/api/store/shipping-offer`. Injected so the host owns its own routes. */
+    apiBase: string;
+}
+export declare function SellerShippingOfferView({ apiBase }: SellerShippingOfferViewProps): import("react").JSX.Element;