@mohasinac/appkit 4.71.0 → 4.71.2

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

@@ -11,6 +11,12 @@ import { SELLER_ENDPOINTS } from "../../../constants/api-endpoints.js";
 import { normalizeError } from "../../../errors/normalize.js";
 import { toUserMessage } from "../../../errors/error-display-map.js";
 import { getBrandName } from "../../../core/brand-resolver.js";
+/*
+ * The ONE PAN shape check, shared with the route that persists it — two regexes
+ * for one format is how they come to disagree (Root Cause #75). Pure, no node
+ * imports, so it is safe in a `"use client"` module.
+ */
+import { isValidPan } from "../../../_internal/shared/features/payouts/destination.js";
 const __P = {
     p3: "p-[var(--appkit-space-3)]",
 };
@@ -53,13 +59,20 @@ const payoutSettingsDraftSchema = z.object({
     // invoices. A seller with a GSTIN invoices under it; one without
     // invoices under {getBrandName()}'s (resolveSupplierIdentity).
     //
-    // `pan` and `businessType` were removed 2026-10-19: neither exists on
-    // StoreDocument or UserDocument and the route stripped them, so a
-    // seller who entered a PAN was told it saved and it went nowhere.
-    // An input that provably cannot persist is worse than no input.
+    // `businessType` is still absent: it has no field on StoreDocument and the
+    // route would strip it, so an input for it would tell the seller we hold
+    // something we do not. An input that provably cannot persist is worse than
+    // no input.
+    //
+    // 🛑 `pan` is BACK (Phase 3) because that bar is now met: `StoreDocument.pan`
+    // exists, is encrypted at rest by `STORE_PII_FIELDS`, the route declares it
+    // in BOTH arms of its discriminated union, and the split-settlement vendor
+    // registration reads it. Writer and reader, which is exactly what the
+    // 2026-10-19 removal asked for before it came back.
     gstin: annotate(z.string(), { section: "tax", sectionLabel: "Tax Info", order: 1, row: "pair" }),
-    legalName: annotate(z.string(), { section: "tax", order: 2, row: "pair" }),
-    registeredAddress: annotate(z.string(), { section: "tax", order: 3, row: "full" }),
+    pan: annotate(z.string(), { section: "tax", order: 2, row: "pair" }),
+    legalName: annotate(z.string(), { section: "tax", order: 3, row: "pair" }),
+    registeredAddress: annotate(z.string(), { section: "tax", order: 4, row: "full" }),
     autoPayout: annotate(z.boolean(), {
         section: "preferences", sectionLabel: "Preferences", order: 1, row: "quarter",
     }),
@@ -94,7 +107,7 @@ const payoutSettingsDraftSchema = z.object({
     /*
      * Advanced listing types — pre-orders, prize draws, classifieds, digital
      * codes, live items, art and stickers. Everyone can already list
-     * `standard`, `spares` and `auction`.
+     * `standard`, `spares` and `collector drop`.
      *
      * 🛑 Alongside payout settings for the same reason the protections are:
      * each of these carries an obligation, not just a form. A pre-order takes
@@ -128,7 +141,42 @@ const payoutSettingsDraftSchema = z.object({
             ctx.addIssue({ code: z.ZodIssueCode.custom, path: ["bankName"], message: "Bank name is required" });
         }
     }
+    /*
+     * 🛑 The PAN is OPTIONAL and only its SHAPE is checked. Which seller entity
+     * types actually require one is the payment aggregator's rule, not ours, so
+     * refusing a blank here would decide on its behalf that a seller cannot sell
+     * (blocker #5). A malformed one is refused, because the gateway would refuse
+     * it too, for a reason the seller could not read.
+     *
+     * Shape only, deliberately: unlike a GSTIN, a PAN carries no check character
+     * that can be recomputed, so `isValidPan` cannot mean more than this and must
+     * never be read as if it did.
+     */
+    if (v.pan.trim() && !isValidPan(v.pan)) {
+        ctx.addIssue({
+            code: z.ZodIssueCode.custom,
+            path: ["pan"],
+            message: "Invalid PAN — expected five letters, four digits, then one letter.",
+        });
+    }
 });
+/**
+ * 🛑 A complete `Record`, not a partial map with a fallback.
+ *
+ * A missing key would render `undefined` for a status the seller is in, which
+ * is the one outcome worse than either answer: it tells them nothing and reads
+ * as a broken page. `tsc` refuses a fifth status without an entry here.
+ *
+ * 🛑 `unverified` is deliberately NEUTRAL, not a warning. It is the normal
+ * state for a seller who has just filled the form in — a provider has not been
+ * asked yet — and shouting about it would make the common case look broken.
+ */
+const VERIFICATION_BADGE = {
+    unverified: { label: "Not yet checked", variant: "default" },
+    pending: { label: "Provider is checking", variant: "warning" },
+    verified: { label: "Verified by provider", variant: "success" },
+    failed: { label: "Provider rejected these details", variant: "danger" },
+};
 const DEFAULT_DRAFT = {
     method: "upi",
     upiId: "",
@@ -138,6 +186,10 @@ const DEFAULT_DRAFT = {
     bankName: "",
     accountType: "savings",
     gstin: "",
+    // Blank on load even when one is stored: the route returns `panOnFile`, a
+    // boolean, never the PAN itself. Same treatment as `accountNumber` above —
+    // leave it blank to keep what is saved, type one to replace it.
+    pan: "",
     legalName: "",
     registeredAddress: "",
     autoPayout: true,
@@ -173,6 +225,18 @@ function RadioFieldGroup({ name, value, options, error, disabled, onSelect, rend
 export function SellerPayoutSettingsView({ apiBase = SELLER_ENDPOINTS.PAYOUT_SETTINGS }) {
     const [draft, setDraft] = useState(DEFAULT_DRAFT);
     const [current, setCurrent] = useState(null);
+    /*
+     * 🛑 TWO separate pieces of state, because they answer two questions the old
+     * single badge conflated: `panOnFile` is "do we hold one" (the value itself
+     * is never sent to the browser), and `verification` is "has a payment
+     * provider accepted the destination". Neither can be derived from
+     * `isConfigured`, which only means "well-formed".
+     */
+    const [panOnFile, setPanOnFile] = useState(false);
+    const [verification, setVerification] = useState({
+        status: "unverified",
+        message: "",
+    });
     const [loading, setLoading] = useState(true);
     const [saving, setSaving] = useState(false);
     const [error, setError] = useState(null);
@@ -183,6 +247,14 @@ export function SellerPayoutSettingsView({ apiBase = SELLER_ENDPOINTS.PAYOUT_SET
             .then((res) => {
             const details = res?.data?.payoutDetails ?? { method: "upi", isConfigured: false };
             setCurrent(details);
+            setPanOnFile(res?.data?.panOnFile === true);
+            setVerification({
+                // Absent means `unverified` — a destination nobody has checked IS
+                // unverified, and reading absence as anything better is the defect
+                // `isConfigured: true` used to be.
+                status: res?.data?.payoutVerification?.status ?? "unverified",
+                message: res?.data?.payoutVerification?.message ?? "",
+            });
             setDraft({
                 method: details.method,
                 upiId: details.upiId ?? "",
@@ -205,6 +277,9 @@ export function SellerPayoutSettingsView({ apiBase = SELLER_ENDPOINTS.PAYOUT_SET
                  * is the supplier of record on that store's invoices.
                  */
                 gstin: res?.data?.gstin ?? "",
+                // Never loaded from the response — the route sends `panOnFile`, a
+                // boolean, and never the value. See DEFAULT_DRAFT.
+                pan: "",
                 legalName: res?.data?.legalName ?? "",
                 registeredAddress: res?.data?.registeredAddress ?? "",
                 autoPayout: res?.data?.preferences?.autoPayout ?? true,
@@ -253,6 +328,21 @@ export function SellerPayoutSettingsView({ apiBase = SELLER_ENDPOINTS.PAYOUT_SET
                 // Flat, matching the route's schema. A nested `taxInfo` object was
                 // stripped by `z.object()` and never reached Firestore.
                 gstin: draft.gstin.trim(),
+                /*
+                 * 🛑 Sent ONLY when the seller typed something, and that is not an
+                 * optimisation. The field loads blank by design (the route returns a
+                 * boolean, never the PAN), so sending `""` on every save would CLEAR a
+                 * stored PAN every time a seller changed an unrelated toggle.
+                 *
+                 * 🛑 KNOWN CONSEQUENCE, stated rather than hidden: a seller therefore
+                 * cannot CLEAR a PAN from this form — only replace it. That is the
+                 * identical trade-off the `accountNumber` field above already makes
+                 * ("leave blank to keep the existing saved number"), and the route does
+                 * accept an empty string as a deliberate clear, so the capability
+                 * exists and simply has no control yet. A "remove" control is the fix;
+                 * sending `""` on every save is not.
+                 */
+                ...(draft.pan.trim() ? { pan: draft.pan.trim().toUpperCase() } : {}),
                 legalName: draft.legalName.trim(),
                 registeredAddress: draft.registeredAddress.trim(),
                 preferences: {
@@ -292,7 +382,20 @@ export function SellerPayoutSettingsView({ apiBase = SELLER_ENDPOINTS.PAYOUT_SET
             setSuccess(true);
             const updated = json?.data?.payoutDetails ?? { method: draft.method, isConfigured: false };
             setCurrent(updated);
-            setDraft((prev) => ({ ...prev, accountNumber: "" }));
+            /*
+             * 🛑 Read back from the RESPONSE, not inferred from the draft. The write
+             * RESETS the verification (the destination just changed), and a form that
+             * kept showing the old "Verified by provider" badge would be asserting
+             * that a provider has accepted an account it has never seen.
+             */
+            setPanOnFile(json?.data?.panOnFile === true);
+            setVerification({
+                status: json?.data?.payoutVerification?.status ?? "unverified",
+                message: json?.data?.payoutVerification?.message ?? "",
+            });
+            // Both secrets cleared from the draft after a successful save — neither is
+            // ever sent back to the browser, so keeping them would be the only copy.
+            setDraft((prev) => ({ ...prev, accountNumber: "", pan: "" }));
         }
         catch (err) {
             /*
@@ -324,7 +427,7 @@ export function SellerPayoutSettingsView({ apiBase = SELLER_ENDPOINTS.PAYOUT_SET
             required: true,
             quick: true,
             fields: ["method", "upiId", "accountHolderName", "accountNumber", "ifscCode", "bankName", "accountType"],
-            render: ({ values, onChange, errors }) => (_jsxs(Stack, { gap: "md", children: [_jsx(Heading, { level: 3, className: "mb-2", children: "Payout Method" }), current && (_jsx(Row, { className: "mb-2", align: "center", gap: "sm", children: _jsx(Badge, { variant: current.isConfigured ? "success" : "warning", children: current.isConfigured ? "Payout configured" : "Not configured" }) })), current?.isConfigured && (_jsx(Alert, { variant: "info", children: current.method === "upi"
+            render: ({ values, onChange, errors }) => (_jsxs(Stack, { gap: "md", children: [_jsx(Heading, { level: 3, className: "mb-2", children: "Payout Method" }), current && (_jsxs(Row, { className: "mb-2", align: "center", gap: "sm", children: [_jsx(Badge, { variant: current.isConfigured ? "success" : "warning", children: current.isConfigured ? "Details complete" : "Details incomplete" }), _jsx(Badge, { variant: VERIFICATION_BADGE[verification.status].variant, children: VERIFICATION_BADGE[verification.status].label })] })), verification.status === "failed" && verification.message && (_jsx(Alert, { variant: "error", children: verification.message })), verification.status === "pending" && (_jsx(Alert, { variant: "info", children: "Your payment provider is still checking these details. Payouts to you are held until it finishes." })), current?.isConfigured && (_jsx(Alert, { variant: "info", children: current.method === "upi"
                             ? `Current UPI: ${current.upiId}`
                             : `Current bank: ${current.bankAccount?.bankName ?? ""} — ••••${current.bankAccount?.accountNumberMasked?.slice(-4) ?? "••••"} (${current.bankAccount?.accountType})` })), _jsxs(Stack, { gap: "sm", children: [([
                                 { value: "upi", label: "UPI", desc: "Instant payouts via UPI VPA (e.g. name@upi)." },
@@ -334,16 +437,25 @@ export function SellerPayoutSettingsView({ apiBase = SELLER_ENDPOINTS.PAYOUT_SET
         {
             id: "tax",
             label: "Tax Info",
-            fields: ["gstin", "legalName", "registeredAddress"],
-            render: ({ values, onChange }) => (_jsxs(Stack, { gap: "md", children: [_jsx(Heading, { level: 3, className: "mb-2", children: "Tax Information" }), _jsxs(Text, { className: "text-[var(--appkit-color-text-muted)]", size: "sm", children: ["Optional. Enter a GSTIN and your orders are invoiced under your own registration; leave it blank and they are invoiced under ", getBrandName(), "'s."] }), _jsx(FormField, { name: "gstin", label: "GSTIN (optional)", type: "text", value: values.gstin, onChange: (v) => onChange({ gstin: v.toUpperCase() }), placeholder: "e.g. 22AAAAA0000A1Z5", helpText: "15-character Goods and Services Tax Identification Number.", disabled: busy }), _jsx(FormField, { name: "legalName", label: "Registered legal name (optional)", type: "text", value: values.legalName, onChange: (v) => onChange({ legalName: v }), placeholder: "e.g. Arena Collectibles Pvt Ltd", helpText: "The entity name that appears on the invoice. Leave blank to use your store name.", disabled: busy }), _jsx(FormField, { name: "registeredAddress", label: "Registered address (optional)", type: "text", value: values.registeredAddress, onChange: (v) => onChange({ registeredAddress: v }), placeholder: "Address as registered against your GSTIN", helpText: "Printed on invoices issued under your GSTIN.", disabled: busy })] })),
+            fields: ["gstin", "pan", "legalName", "registeredAddress"],
+            render: ({ values, onChange }) => (_jsxs(Stack, { gap: "md", children: [_jsx(Heading, { level: 3, className: "mb-2", children: "Tax Information" }), _jsxs(Text, { className: "text-[var(--appkit-color-text-muted)]", size: "sm", children: ["Optional. Enter a GSTIN and your orders are invoiced under your own registration; leave it blank and they are invoiced under ", getBrandName(), "'s."] }), _jsx(FormField, { name: "gstin", label: "GSTIN (optional)", type: "text", value: values.gstin, onChange: (v) => onChange({ gstin: v.toUpperCase() }), placeholder: "e.g. 22AAAAA0000A1Z5", helpText: "15-character Goods and Services Tax Identification Number.", disabled: busy }), _jsx(FormField, { name: "legalName", label: "Registered legal name (optional)", type: "text", value: values.legalName, onChange: (v) => onChange({ legalName: v }), placeholder: "e.g. Arena Collectibles Pvt Ltd", helpText: "The entity name that appears on the invoice. Leave blank to use your store name.", disabled: busy }), _jsx(FormField, { name: "registeredAddress", label: "Registered address (optional)", type: "text", value: values.registeredAddress, onChange: (v) => onChange({ registeredAddress: v }), placeholder: "Address as registered against your GSTIN", helpText: "Printed on invoices issued under your GSTIN.", disabled: busy }), _jsx(FormField, { name: "pan", label: "PAN (optional)", type: "text", value: values.pan, onChange: (v) => onChange({ pan: v.toUpperCase() }), placeholder: "e.g. ABCDE1234F", helpText: panOnFile
+                            ? "A PAN is on file. Leave this blank to keep it, or type a new one to replace it."
+                            : "Needed before a payment provider can pay you directly. Stored encrypted and never displayed again.", disabled: busy }), _jsx(Text, { className: "text-[var(--appkit-color-text-muted)]", size: "sm", children: "Most payment providers require a PAN before they will settle money to a seller directly. We store it encrypted, send it only to the provider that pays you, and never show it again \u2014 including to you." })] })),
         },
         {
             id: "preferences",
             label: "Preferences",
             fields: ["autoPayout", "minimumThreshold", "emiEnabled", "pricesIncludeGst", "supportsShippingProtection", "supportsSaleProtection", "advancedListingTypesEnabled"],
-            render: ({ values, onChange }) => (_jsxs(Stack, { gap: "md", children: [_jsx(Heading, { level: 3, className: "mb-2", children: "Payout Preferences" }), _jsx(Toggle, { checked: values.autoPayout, onChange: (checked) => onChange({ autoPayout: checked }), label: "Enable auto-payout \u2014 automatically transfer earnings on schedule", disabled: busy }), _jsx(FormField, { name: "minimumThreshold", label: "Minimum Payout Threshold (\u20B9)", type: "number", value: values.minimumThreshold, onChange: (v) => onChange({ minimumThreshold: v }), placeholder: "e.g. 500", helpText: "Payouts are held until your balance exceeds this amount. Leave blank for no minimum.", disabled: busy }), _jsxs(Div, { className: `${__P.p3} bg-[var(--appkit-color-bg)] border border-[var(--appkit-color-border)]`, rounded: "lg", children: [_jsx(Text, { className: "mb-1", size: "sm", weight: "medium", children: "Payout Schedule" }), _jsx(Text, { className: "text-[var(--appkit-color-text-muted)]", size: "sm", children: "Auto-payouts run every Monday for the previous week's settled orders. Manual payouts can be requested from the Payouts page at any time." })] }), _jsx(Toggle, { checked: values.emiEnabled, onChange: (checked) => onChange({ emiEnabled: checked }), label: "Offer EMI financing on eligible orders", disabled: busy }), _jsx(Text, { className: "text-[var(--appkit-color-text-muted)]", size: "sm", children: "Only shown to buyers when platform-wide EMI is also enabled and their cart subtotal from your store exceeds the site's minimum order value. Orders on an EMI plan hold your payout until every installment is paid, unless you mark the item \"ship before EMI completes\"." }), _jsx(Toggle, { checked: values.pricesIncludeGst, onChange: (checked) => onChange({ pricesIncludeGst: checked }), label: "The prices I enter already include GST", disabled: busy }), _jsxs(Text, { className: "text-[var(--appkit-color-text-muted)]", size: "sm", children: ["Buyers always see a tax-inclusive price, so this only changes how your own entry is read. Leave it", " ", _jsx(Span, { weight: "semibold", children: "on" }), " and a \u20B9999 listing at 5% GST means the buyer pays \u20B9999 and you earn \u20B9951.43 \u2014 the \u20B947.57 is GST we collect and remit for you. Turn it", " ", _jsx(Span, { weight: "semibold", children: "off" }), " and \u20B9999 is treated as your ex-GST price: the listing is shown at \u20B91,048.95 and you earn \u20B9999."] }), _jsx(Heading, { level: 3, className: "mb-2 mt-4", children: "Buyer Protections" }), _jsxs(Text, { className: "text-[var(--appkit-color-text-muted)]", size: "sm", children: ["Two separate covers a buyer can pay for at checkout. Supporting one earns a safety badge on your listings;", " ", _jsx(Span, { weight: "semibold", children: "declining shows buyers a risk notice instead" }), " \u2014 there is no neutral option, because a buyer who is told nothing cannot tell a seller who declined from one who was never asked."] }), _jsx(Toggle, { checked: values.supportsShippingProtection, onChange: (checked) => onChange({ supportsShippingProtection: checked }), label: "Offer shipment protection \u2014 loss or damage in transit", disabled: busy }), _jsx(Text, { className: "text-[var(--appkit-color-text-muted)]", size: "sm", children: "The parcel never arrived or arrived damaged. We pursue the courier, not you, and the buyer is refunded from the funds we hold \u2014 so a genuine transit loss costs you the item, not an argument." }), _jsx(Toggle, { checked: values.supportsSaleProtection, onChange: (checked) => onChange({ supportsSaleProtection: checked }), label: "Offer sale protection \u2014 item not as described", disabled: busy }), _jsxs(Text, { className: "text-[var(--appkit-color-text-muted)]", size: "sm", children: ["A no-questions-asked refund on the item itself. Be clear about what this means:", " ", _jsx(Span, { weight: "semibold", children: "a claim we inspect and find genuine is charged back to you" }), " ", "\u2014 that is the cover. A claim we find to be a change of mind is absorbed by us, which is what the buyer's fee pays for. Not offered on your final-sale listings, since \"no returns\" and \"no questions asked\" cannot both be true."] }), _jsx(Text, { className: "text-[var(--appkit-color-text-muted)]", size: "sm", children: "Changing this does not re-price listings you have already published. It applies to products you save from now on." }), _jsx(Toggle, { checked: values.advancedListingTypesEnabled, onChange: (checked) => onChange({ advancedListingTypesEnabled: checked }), label: "Enable advanced listing types", disabled: busy }), _jsxs(Text, { className: "text-[var(--appkit-color-text-muted)]", size: "sm", children: ["Adds pre-orders, prize draws, classifieds, digital codes, live items, art and stickers alongside the products, spares and auctions you can already list. Each carries its own obligation:", " ", _jsx(Span, { weight: "semibold", children: "a pre-order takes payment for stock you do not have yet, a prize draw is a regulated promotion, a classified happens off-platform with no escrow protection, a digital code must be delivered from a pool you keep stocked, and a live listing is an animal." }), " ", "Turning this off later does not unpublish listings you have already created \u2014 it only stops you making new ones."] })] })),
+            render: ({ values, onChange }) => (_jsxs(Stack, { gap: "md", children: [_jsx(Heading, { level: 3, className: "mb-2", children: "Payout Preferences" }), _jsx(Toggle, { checked: values.autoPayout, onChange: (checked) => onChange({ autoPayout: checked }), label: "Enable auto-payout \u2014 automatically transfer earnings on schedule", disabled: busy }), _jsx(FormField, { name: "minimumThreshold", label: "Minimum Payout Threshold (\u20B9)", type: "number", value: values.minimumThreshold, onChange: (v) => onChange({ minimumThreshold: v }), placeholder: "e.g. 500", helpText: "Payouts are held until your balance exceeds this amount. Leave blank for no minimum.", disabled: busy }), _jsxs(Div, { className: `${__P.p3} bg-[var(--appkit-color-bg)] border border-[var(--appkit-color-border)]`, rounded: "lg", children: [_jsx(Text, { className: "mb-1", size: "sm", weight: "medium", children: "Payout Schedule" }), _jsx(Text, { className: "text-[var(--appkit-color-text-muted)]", size: "sm", children: "Auto-payouts run every Monday for the previous week's settled orders. Manual payouts can be requested from the Payouts page at any time." })] }), _jsx(Toggle, { checked: values.emiEnabled, onChange: (checked) => onChange({ emiEnabled: checked }), label: "Offer EMI financing on eligible orders", disabled: busy }), _jsx(Text, { className: "text-[var(--appkit-color-text-muted)]", size: "sm", children: "Only shown to buyers when platform-wide EMI is also enabled and their cart subtotal from your store exceeds the site's minimum order value. Orders on an EMI plan hold your payout until every installment is paid, unless you mark the item \"ship before EMI completes\"." }), _jsx(Toggle, { checked: values.pricesIncludeGst, onChange: (checked) => onChange({ pricesIncludeGst: checked }), label: "The prices I enter already include GST", disabled: busy }), _jsxs(Text, { className: "text-[var(--appkit-color-text-muted)]", size: "sm", children: ["Buyers always see a tax-inclusive price, so this only changes how your own entry is read. Leave it", " ", _jsx(Span, { weight: "semibold", children: "on" }), " and a \u20B9999 listing at 5% GST means the buyer pays \u20B9999 and you earn \u20B9951.43 \u2014 the \u20B947.57 is GST we collect and remit for you. Turn it", " ", _jsx(Span, { weight: "semibold", children: "off" }), " and \u20B9999 is treated as your ex-GST price: the listing is shown at \u20B91,048.95 and you earn \u20B9999."] }), _jsx(Heading, { level: 3, className: "mb-2 mt-4", children: "Buyer Protections" }), _jsxs(Text, { className: "text-[var(--appkit-color-text-muted)]", size: "sm", children: ["Two separate covers a buyer can pay for at checkout. Supporting one earns a safety badge on your listings;", " ", _jsx(Span, { weight: "semibold", children: "declining shows buyers a risk notice instead" }), " \u2014 there is no neutral option, because a buyer who is told nothing cannot tell a seller who declined from one who was never asked."] }), _jsx(Toggle, { checked: values.supportsShippingProtection, onChange: (checked) => onChange({ supportsShippingProtection: checked }), label: "Offer shipment protection \u2014 loss or damage in transit", disabled: busy }), _jsx(Text, { className: "text-[var(--appkit-color-text-muted)]", size: "sm", children: "The parcel never arrived or arrived damaged. We pursue the courier, not you, and the buyer is refunded from the funds we hold \u2014 so a genuine transit loss costs you the item, not an argument." }), _jsx(Toggle, { checked: values.supportsSaleProtection, onChange: (checked) => onChange({ supportsSaleProtection: checked }), label: "Offer sale protection \u2014 item not as described", disabled: busy }), _jsxs(Text, { className: "text-[var(--appkit-color-text-muted)]", size: "sm", children: ["A no-questions-asked refund on the item itself. Be clear about what this means:", " ", _jsx(Span, { weight: "semibold", children: "a claim we inspect and find genuine is charged back to you" }), " ", "\u2014 that is the cover. A claim we find to be a change of mind is absorbed by us, which is what the buyer's fee pays for. Not offered on your final-sale listings, since \"no returns\" and \"no questions asked\" cannot both be true."] }), _jsx(Text, { className: "text-[var(--appkit-color-text-muted)]", size: "sm", children: "Changing this does not re-price listings you have already published. It applies to products you save from now on." }), _jsx(Toggle, { checked: values.advancedListingTypesEnabled, onChange: (checked) => onChange({ advancedListingTypesEnabled: checked }), label: "Enable advanced listing types", disabled: busy }), _jsxs(Text, { className: "text-[var(--appkit-color-text-muted)]", size: "sm", children: ["Adds pre-orders, prize draws, classifieds, digital codes, live items, art and stickers alongside the products, spares and collector drops you can already list. Each carries its own obligation:", " ", _jsx(Span, { weight: "semibold", children: "a pre-order takes payment for stock you do not have yet, a prize draw is a regulated promotion, a classified happens off-platform with no escrow protection, a digital code must be delivered from a pool you keep stocked, and a live listing is an animal." }), " ", "Turning this off later does not unpublish listings you have already created \u2014 it only stops you making new ones."] })] })),
         },
-    ], [busy, current]);
+        /*
+         * `panOnFile` and `verification` are read inside the renders above, so they
+         * are dependencies. Omitting them would freeze the PAN help text and both
+         * badges at their first-render values — i.e. the form would keep saying
+         * "Not yet checked" after a save that reset the verification, which is the
+         * stale-render half of Root Cause #38.
+         */
+    ], [busy, current, panOnFile, verification]);
     const { openIds, setOpenIds, goToSection, fieldToSectionIndex, sectionMeta } = useSectionFormNav(sections, draft);
     const { shellCtx, setFieldError, clearErrors, validate } = useFormShellState(payoutSettingsDraftSchema, { sections: sectionMeta, onGoToSection: goToSection, fieldToSectionIndex });
     useEffect(() => {

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

@@ -121,10 +121,10 @@ export interface SellerProductDraft {
     reservePrice?: number;
     buyNowPrice?: number;
     minBidIncrement?: number;
-    auctionEndDate?: string;
-    auctionShippingPaidBy?: "winner" | "seller";
+    collectorDropEndDate?: string;
+    collectorDropShippingPaidBy?: "winner" | "seller";
     autoExtendable?: boolean;
-    auctionExtensionMinutes?: number;
+    collectorDropExtensionMinutes?: number;
     preOrderDeliveryDate?: string;
     preOrderDepositPercent?: number;
     preOrderMaxQuantity?: number;

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}`;