@mohasinac/appkit 4.1.0 → 4.1.3

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

@@ -19,9 +19,9 @@ export type PayoutStatus = "pending" | "processing" | "paid" | "failed";
 export interface PayoutRefundDeduction {
     orderId: string;
     refundId: string;
-    /** Gross refund amount in paise (for audit trail). */
+    /** Gross refund amount in decimal rupees (for audit trail). */
     refundedAmount: number;
-    /** Net amount deducted from the seller payout in paise. */
+    /** Net amount deducted from the seller payout in decimal rupees. */
     deductedAmount: number;
     reason: string;
     appliedAt: Date;

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

@@ -26,6 +26,13 @@ function buildPreOrderFilters(params) {
     const preOrderProductionStatus = sp(params, "preOrderProductionStatus");
     if (preOrderProductionStatus)
         parts.push(sieveFilter("preOrderProductionStatus", SIEVE_OP.EQ, preOrderProductionStatus));
+    // Mirror PreOrdersIndexListing's client-side default (same Root Cause pattern as
+    // auctions' dateFrom default — SSR initialData is seeded into React Query with
+    // staleTime:Infinity, so if this filter doesn't already exclude closed/out-of-stock
+    // pre-orders, the client never refetches and they leak into the default view).
+    const showClosed = sp(params, "showClosed") === "true";
+    if (!showClosed)
+        parts.push(sieveFilter("stockQuantity", SIEVE_OP.GT, 0));
     return parts.join(",");
 }
 export async function PreOrdersListView({ searchParams = {} }) {

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

@@ -42,6 +42,11 @@ function buildArtStickersFilters(params) {
     const storeId = sp(params, "seller");
     if (storeId)
         parts.push(sieveFilter(PRODUCT_FIELDS.STORE_ID, SIEVE_OP.EQ, storeId));
+    // Mirror ProductsIndexListing's client-side "Show sold" default — see
+    // ProductsIndexPageView.tsx's buildProductFilters for the full explanation.
+    const showSold = sp(params, "showSold") === "true";
+    if (!showSold)
+        parts.push(sieveFilter(PRODUCT_FIELDS.STOCK_QUANTITY, SIEVE_OP.GT, 0));
     return sieveAnd(...parts);
 }
 export async function ArtStickersListView({ searchParams = {} }) {

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

@@ -44,7 +44,13 @@ export interface ProductDetailPageViewProps {
     productFeatures?: ProductFeatureDocument[];
     /** Site-wide COD availability (`siteSettings.payment.codEnabled`), threaded from the page's data layer. Drives the "Cash on Delivery" feature badge. */
     codEnabled?: boolean;
-    /** Site-wide EMI availability (`siteSettings.emi.enabled`), threaded from the page's data layer. Drives the "EMI Available" feature badge. */
+    /**
+     * Fully-resolved EMI eligibility for this product — site-wide flag AND the
+     * seller's `StoreDocument.emiEnabled` opt-in AND price above
+     * `siteSettings.emi.minOrderValue`, computed by the page's data layer
+     * (mirrors `checkEmiEligibility()`'s checkout-time rule). Drives the "EMI
+     * Available" feature badge.
+     */
     emiEnabled?: boolean;
 }
 export declare function ProductDetailPageView({ slug, initialProduct, renderOfferAction, renderPrimaryActions, productFeatures, codEnabled, emiEnabled, }: ProductDetailPageViewProps): Promise<import("react").JSX.Element>;

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

@@ -132,7 +132,20 @@ export function ProductForm({ product, onChange, isReadonly = false, renderDescr
                             thumbnailUrl: media.thumbnailUrl,
                         },
                     });
-                }, onUpload: handleVideoUpload, accept: "video/*", maxSizeMB: 50, helperText: t("formVideoHelper"), onAbort: onMediaAbort })), _jsx(TagInput, { label: t("formTags"), value: product.tags || [], onChange: (tags) => update({ tags }), disabled: isReadonly, placeholder: t("formTagsPlaceholder") }), _jsxs(FormGroup, { columns: 2, children: [_jsx(Checkbox, { label: t("formFeatured"), checked: !!product.featured, onChange: (e) => update({ featured: e.target.checked }), disabled: isReadonly }), _jsx(Checkbox, { label: t("formIsPromoted"), checked: !!product.isPromoted, onChange: (e) => update({ isPromoted: e.target.checked }), disabled: isReadonly }), _jsx(Checkbox, { label: t("formAllowShipBeforeEmiComplete"), checked: !!product.allowShipBeforeEmiComplete, onChange: (e) => update({ allowShipBeforeEmiComplete: e.target.checked }), disabled: isReadonly })] }), _jsx(Heading, { level: 4, className: "mt-4", children: t("sectionConditionShipping") }), _jsxs(FormGroup, { columns: 2, children: [_jsx(FormField, { name: "condition", label: t("formCondition"), type: "select", value: product.condition || "new", onChange: (value) => update({
+                }, onUpload: handleVideoUpload, accept: "video/*", maxSizeMB: 50, helperText: t("formVideoHelper"), onAbort: onMediaAbort })), _jsx(TagInput, { label: t("formTags"), value: product.tags || [], onChange: (tags) => update({ tags }), disabled: isReadonly, placeholder: t("formTagsPlaceholder") }), _jsxs(FormGroup, { columns: 2, children: [_jsx(Checkbox, { label: t("formFeatured"), checked: !!product.featured, onChange: (e) => update({ featured: e.target.checked }), disabled: isReadonly }), _jsx(Checkbox, { label: t("formIsPromoted"), checked: !!product.isPromoted, onChange: (e) => update({ isPromoted: e.target.checked }), disabled: isReadonly }), _jsx(Checkbox, { label: t("formAllowShipBeforeEmiComplete"), checked: !!product.allowShipBeforeEmiComplete, onChange: (e) => update({ allowShipBeforeEmiComplete: e.target.checked }), disabled: isReadonly }), _jsx(Checkbox, { label: t("formAllowOffers"), checked: !!product.allowOffers, onChange: (e) => update({
+                            allowOffers: e.target.checked,
+                            minOfferPercent: e.target.checked ? product.minOfferPercent ?? 50 : undefined,
+                        }), disabled: isReadonly })] }), product.allowOffers && (_jsxs(_Fragment, { children: [_jsx(Alert, { variant: "info", title: t("formAllowOffersHelp"), children: t("formAllowOffersHelp") }), _jsx(FormField, { name: "minOfferPercent", label: t("formMinOfferPercent"), type: "number", value: String(product.minOfferPercent ?? ""), onChange: (value) => update({ minOfferPercent: Number(value) }), disabled: isReadonly, placeholder: "50" })] })), _jsx(Heading, { level: 4, className: "mt-4", children: t("sectionTaxGst") }), _jsxs(FormGroup, { columns: 2, children: [_jsx(FormField, { name: "gstRate", label: t("formGstRate"), type: "select", 
+                        // Unset is semantically "exempt" (see ProductDocument.gstRate JSDoc),
+                        // same as 0% — default the control to 0 so the select stays a fixed
+                        // 5-option enum instead of adding a 6th "unset" placeholder entry.
+                        value: String(product.gstRate ?? 0), onChange: (value) => update({ gstRate: Number(value) }), disabled: isReadonly, options: [
+                            { value: "0", label: "0%" },
+                            { value: "5", label: "5%" },
+                            { value: "12", label: "12%" },
+                            { value: "18", label: "18%" },
+                            { value: "28", label: "28%" },
+                        ] }), _jsx(FormField, { name: "hsnCode", label: t("formHsnCode"), type: "text", value: product.hsnCode ?? "", onChange: (value) => update({ hsnCode: value }), disabled: isReadonly, placeholder: "e.g. 9503" })] }), _jsx(Heading, { level: 4, className: "mt-4", children: t("sectionConditionShipping") }), _jsxs(FormGroup, { columns: 2, children: [_jsx(FormField, { name: "condition", label: t("formCondition"), type: "select", value: product.condition || "new", onChange: (value) => update({
                             condition: value,
                         }), disabled: isReadonly, options: [
                             { value: "new", label: t("formConditionNew") },

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

@@ -47,6 +47,13 @@ function buildProductFilters(params) {
     if (freeShipping === "true") {
         parts.push(sieveFilter(PRODUCT_FIELDS.SHIPPING_PAID_BY, SIEVE_OP.EQ, PRODUCT_FIELDS.SHIPPING_PAID_BY_VALUES.SELLER));
     }
+    // Mirror ProductsIndexListing's client-side "Show sold" default (same Root Cause
+    // pattern as auctions' dateFrom default — SSR initialData is seeded into React
+    // Query with staleTime:Infinity, so if this filter doesn't already exclude sold /
+    // out-of-stock products, the client never refetches and they leak into the default view).
+    const showSold = sp(params, "showSold") === "true";
+    if (!showSold)
+        parts.push(sieveFilter(PRODUCT_FIELDS.STOCK_QUANTITY, SIEVE_OP.GT, 0));
     return sieveAnd(...parts);
 }
 export async function ProductsIndexPageView({ searchParams = {} }) {

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

@@ -350,6 +350,7 @@ export declare const ADMIN_BULK_ACTIONS: {
 };
 export declare const SELLER_BULK_ACTIONS: {
     readonly products: readonly ["row-publish", "row-archive", "row-delete"];
+    readonly payouts: readonly ["row-export"];
     readonly coupons: readonly ["row-archive", "row-delete"];
     readonly bids: readonly ["row-cancel"];
     readonly bundles: readonly ["row-delete"];

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

@@ -451,6 +451,7 @@ export const ADMIN_BULK_ACTIONS = {
 // Seller bulk actions per listing entity
 export const SELLER_BULK_ACTIONS = {
     products: [ROW_ACTION_ID.PUBLISH, ROW_ACTION_ID.ARCHIVE, ROW_ACTION_ID.DELETE],
+    payouts: [ROW_ACTION_ID.EXPORT],
     coupons: [ROW_ACTION_ID.ARCHIVE, ROW_ACTION_ID.DELETE],
     bids: [ROW_ACTION_ID.CANCEL],
     bundles: [ROW_ACTION_ID.DELETE],

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

@@ -330,7 +330,7 @@ export interface PrizeDrawItem {
     };
     condition: string;
     estimatedValue?: number;
-    /** Per-slot price in paise for lottery mode. Lower price = higher weight = higher chance. */
+    /** Per-slot price in decimal rupees for lottery mode. Lower price = higher weight = higher chance. */
     prizeSlotPrice?: number;
     isWon: boolean;
 }

package/dist/features/products/schemas/product-templates.d.ts

@@ -14,7 +14,7 @@ export interface ProductTemplateDocument {
     brand?: string;
     condition?: string;
     tags?: string[];
-    /** Price hint in paise (INR × 100) */
+    /** Price hint in decimal rupees */
     price?: number;
     currency?: string;
     shippingPaidBy?: "buyer" | "seller";

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

@@ -40,6 +40,10 @@ export interface ProductItem {
     featured?: boolean;
     isPromoted?: boolean;
     allowShipBeforeEmiComplete?: boolean;
+    /** P-8 GST — buyer-facing tax rate on this product (%). Unset/0 = exempt. */
+    gstRate?: 0 | 5 | 12 | 18 | 28;
+    /** P-8 GST — Harmonized System of Nomenclature code for GST-compliant invoices. */
+    hsnCode?: string;
     printMeta?: ProductPrintMeta;
     currentBid?: number;
     availableQuantity?: number;

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

@@ -66,7 +66,7 @@ export const scammerFirestoreSchema = z.object({
     scamType: scamTypeSchema,
     scamPlatform: scamPlatformSchema,
     description: z.string(),
-    amountLost: z.number().int().nonnegative().optional(),
+    amountLost: z.number().nonnegative().optional(),
     itemInvolved: z.string().optional(),
     evidence: z.array(z.string()),
     reportedBy: z.string(),
@@ -93,7 +93,7 @@ export const scammerIncidentFirestoreSchema = z.object({
     scamType: scamTypeSchema,
     scamPlatform: scamPlatformSchema,
     description: z.string(),
-    amountLost: z.number().int().nonnegative().optional(),
+    amountLost: z.number().nonnegative().optional(),
     itemInvolved: z.string().optional(),
     evidence: z.array(z.string()),
     matchedPhones: z.array(z.string()).optional(),

package/dist/features/search/components/Search.js

@@ -208,7 +208,7 @@ export function Search({ isOpen, onClose, onSearch, onOpen, value, onChange, pla
                 setIsInlineOpen(false);
             }
         };
-        return (_jsxs(Row, { className: `relative ${className ?? ""}`, gap: "sm", children: [_jsxs(Row, { className: "relative flex-1", children: [_jsx("svg", { className: "absolute left-3 w-4 h-4 text-zinc-400 pointer-events-none", "aria-hidden": "true", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: SVG_PATH_SEARCH }) }), _jsx(Input, { ref: inputRef, bare: true, type: "search", value: query, onChange: (event) => handleInlineChange(event.target.value), onKeyDown: handleInlineKeyDown, onFocus: () => {
+        return (_jsxs(Row, { className: `relative ${className ?? ""}`, gap: "sm", children: [_jsxs(Row, { className: "relative flex-1 min-w-0", children: [_jsx("svg", { className: "absolute left-3 w-4 h-4 text-zinc-400 pointer-events-none", "aria-hidden": "true", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: SVG_PATH_SEARCH }) }), _jsx(Input, { ref: inputRef, bare: true, type: "search", value: query, onChange: (event) => handleInlineChange(event.target.value), onKeyDown: handleInlineKeyDown, onFocus: () => {
                                 if (inlineBlurRef.current)
                                     clearTimeout(inlineBlurRef.current);
                                 setIsInlineOpen(true);
@@ -216,7 +216,7 @@ export function Search({ isOpen, onClose, onSearch, onOpen, value, onChange, pla
                                 if (inlineBlurRef.current)
                                     clearTimeout(inlineBlurRef.current);
                                 inlineBlurRef.current = setTimeout(() => setIsInlineOpen(false), 120);
-                            }, placeholder: placeholder ?? labels.placeholder, className: "w-full rounded-lg border border-zinc-300 bg-[var(--appkit-color-surface)] pl-9 text-zinc-900 placeholder:text-zinc-400 focus:border-primary focus:ring-2 focus:ring-primary/20 border-[var(--appkit-color-border)] bg-[var(--appkit-color-surface)] dark:text-white dark:placeholder:text-slate-500" }), query && (_jsx(Button, { rounded: "full", textColor: "faint", type: "button", variant: "ghost", onClick: handleClear, className: "absolute right-3 p-[0.125rem] hover:text-[var(--appkit-color-text-muted)] dark:hover:text-[var(--appkit-color-text)] transition-colors", "aria-label": labels.clearAriaLabel, children: _jsx("svg", { className: "w-4 h-4", "aria-hidden": "true", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) }) }))] }), resourceTypes && resourceTypes.length > 0 && (_jsx(Select, { options: resourceTypes, value: selectedType, onValueChange: handleTypeChange, "aria-label": labels.resourceTypeLabel ?? "Search in", className: "flex-shrink-0" })), deferred && (_jsx(Button, { rounded: "lg", paddingX: "sm", paddingY: "sm", type: "button", variant: "primary", onClick: handleDeferredSubmit, "aria-label": labels.ariaLabel, className: "flex-shrink-0", children: _jsx("svg", { className: "w-4 h-4", "aria-hidden": "true", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: SVG_PATH_SEARCH }) }) })), isInlineOpen && (filteredQuickLinks.length > 0 || query) && (_jsxs(Div, { rounded: "xl", border: "default", shadow: "lg", className: "absolute top-full left-0 right-0 mt-2 overflow-hidden bg-[var(--appkit-color-surface)] [z-index:var(--appkit-z-dropdown)]", onMouseDown: (event) => event.preventDefault(), children: [filteredQuickLinks.length > 0 && (_jsx(Ul, { children: filteredQuickLinks.map((link, index) => renderInlineQuickLink(link, index)) })), query && suggestionsLoading && (_jsx(Div, { padding: "inline", children: _jsx(Text, { variant: "secondary", size: "sm", children: labels.searching }) })), query &&
+                            }, placeholder: placeholder ?? labels.placeholder, className: "w-full rounded-lg border border-zinc-300 bg-[var(--appkit-color-surface)] pl-9 text-zinc-900 placeholder:text-zinc-400 focus:border-primary focus:ring-2 focus:ring-primary/20 border-[var(--appkit-color-border)] bg-[var(--appkit-color-surface)] dark:text-white dark:placeholder:text-slate-500" }), query && (_jsx(Button, { rounded: "full", textColor: "faint", type: "button", variant: "ghost", onClick: handleClear, className: "absolute right-3 p-[0.125rem] hover:text-[var(--appkit-color-text-muted)] dark:hover:text-[var(--appkit-color-text)] transition-colors", "aria-label": labels.clearAriaLabel, children: _jsx("svg", { className: "w-4 h-4", "aria-hidden": "true", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) }) }))] }), resourceTypes && resourceTypes.length > 0 && (_jsx(Select, { options: resourceTypes, value: selectedType, onValueChange: handleTypeChange, "aria-label": labels.resourceTypeLabel ?? "Search in", wrapperClassName: "flex-shrink-0" })), deferred && (_jsx(Button, { rounded: "lg", paddingX: "sm", paddingY: "sm", type: "button", variant: "primary", onClick: handleDeferredSubmit, "aria-label": labels.ariaLabel, className: "flex-shrink-0", children: _jsx("svg", { className: "w-4 h-4", "aria-hidden": "true", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: SVG_PATH_SEARCH }) }) })), isInlineOpen && (filteredQuickLinks.length > 0 || query) && (_jsxs(Div, { rounded: "xl", border: "default", shadow: "lg", className: "absolute top-full left-0 right-0 mt-2 overflow-hidden bg-[var(--appkit-color-surface)] [z-index:var(--appkit-z-dropdown)]", onMouseDown: (event) => event.preventDefault(), children: [filteredQuickLinks.length > 0 && (_jsx(Ul, { children: filteredQuickLinks.map((link, index) => renderInlineQuickLink(link, index)) })), query && suggestionsLoading && (_jsx(Div, { padding: "inline", children: _jsx(Text, { variant: "secondary", size: "sm", children: labels.searching }) })), query &&
                             suggestions.slice(0, 5).map((suggestion, suggestionIndex) => {
                                 const itemIndex = inlineQuickLinkItems.length + suggestionIndex;
                                 const isActive = activeIndex === itemIndex;
@@ -292,7 +292,7 @@ export function Search({ isOpen, onClose, onSearch, onOpen, value, onChange, pla
     };
     if (!isOpen)
         return null;
-    return (_jsx(Div, { border: "bottom-subtle", className: "animate-[fadeIn_150ms_ease-out]", surface: "default", shadow: "md", children: _jsxs(Div, { className: "container mx-auto md:py-[1rem] relative", padding: "inline", children: [_jsxs(Row, { gap: "sm", className: "md:gap-[0.75rem]", children: [_jsx(Div, { className: "flex-1 relative", children: _jsx(Input, { ref: inputRef, bare: true, type: "search", placeholder: placeholder ?? labels.placeholder, value: query, onChange: (event) => setQuery(event.target.value), onKeyDown: handleOverlayKeyDown, className: "w-full rounded-lg border border-zinc-300 bg-[var(--appkit-color-surface)] text-zinc-900 placeholder:text-zinc-400 focus:border-primary focus:ring-2 focus:ring-primary/20 border-[var(--appkit-color-border)] bg-[var(--appkit-color-surface)] dark:text-white dark:placeholder:text-slate-500" }) }), resourceTypes && resourceTypes.length > 0 && (_jsx(Select, { options: resourceTypes, value: selectedType, onValueChange: handleTypeChange, "aria-label": labels.resourceTypeLabel ?? "Search in", className: "flex-shrink-0" })), _jsxs(Button, { gap: "md", onClick: handleOverlaySearch, variant: "primary", size: "md", className: "hidden sm:", children: [_jsx("svg", { className: "w-5 h-5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: SVG_PATH_SEARCH }) }), labels.title] }), _jsx(Button, { rounded: "xl", variant: "ghost", onClick: () => onClose?.(), className: "p-[var(--appkit-space-2-5)] md:p-[var(--appkit-space-3)] transition-colors text-[var(--appkit-color-text-muted)] hover:bg-[var(--appkit-color-surface)] hover:text-zinc-700 text-[var(--appkit-color-text-muted)] hover:bg-[var(--appkit-color-surface-elevated)] hover:text-[var(--appkit-color-text-muted)] flex-shrink-0", "aria-label": labels.closeAriaLabel, children: _jsx("svg", { className: "w-6 h-6 md:w-7 md:h-7", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) }) })] }), (filteredSiteLinks.length > 0 || query) && (_jsxs(Stack, { className: "absolute top-full left-0 right-0 z-50 pt-[0.5rem] pb-[1rem]", padding: "x-md", gap: "sm", children: [filteredSiteLinks.length > 0 && !suggestionsLoading && (_jsxs(Div, { className: `${__O.hidden}`, rounded: "xl", shadow: "lg", surface: "default", border: "default", children: [_jsx(Div, { border: "default", className: "border-b", paddingY: "y-xs", paddingX: "x-md", children: _jsx(Text, { variant: "secondary", size: "xs", className: "uppercase tracking-wider", weight: "semibold", children: labels.quickLinks }) }), _jsx(Ul, { children: filteredSiteLinks.map((link) => {
+    return (_jsx(Div, { border: "bottom-subtle", className: "animate-[fadeIn_150ms_ease-out]", surface: "default", shadow: "md", children: _jsxs(Div, { className: "container mx-auto md:py-[1rem] relative", padding: "inline", children: [_jsxs(Row, { gap: "sm", className: "md:gap-[0.75rem]", children: [_jsx(Div, { className: "flex-1 relative min-w-0", children: _jsx(Input, { ref: inputRef, bare: true, type: "search", placeholder: placeholder ?? labels.placeholder, value: query, onChange: (event) => setQuery(event.target.value), onKeyDown: handleOverlayKeyDown, className: "w-full rounded-lg border border-zinc-300 bg-[var(--appkit-color-surface)] text-zinc-900 placeholder:text-zinc-400 focus:border-primary focus:ring-2 focus:ring-primary/20 border-[var(--appkit-color-border)] bg-[var(--appkit-color-surface)] dark:text-white dark:placeholder:text-slate-500" }) }), resourceTypes && resourceTypes.length > 0 && (_jsx(Select, { options: resourceTypes, value: selectedType, onValueChange: handleTypeChange, "aria-label": labels.resourceTypeLabel ?? "Search in", wrapperClassName: "flex-shrink-0" })), _jsxs(Button, { gap: "md", onClick: handleOverlaySearch, variant: "primary", size: "md", className: "hidden sm:", children: [_jsx("svg", { className: "w-5 h-5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: SVG_PATH_SEARCH }) }), labels.title] }), _jsx(Button, { rounded: "xl", variant: "ghost", onClick: () => onClose?.(), className: "p-[var(--appkit-space-2-5)] md:p-[var(--appkit-space-3)] transition-colors text-[var(--appkit-color-text-muted)] hover:bg-[var(--appkit-color-surface)] hover:text-zinc-700 text-[var(--appkit-color-text-muted)] hover:bg-[var(--appkit-color-surface-elevated)] hover:text-[var(--appkit-color-text-muted)] flex-shrink-0", "aria-label": labels.closeAriaLabel, children: _jsx("svg", { className: "w-6 h-6 md:w-7 md:h-7", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) }) })] }), (filteredSiteLinks.length > 0 || query) && (_jsxs(Stack, { className: "absolute top-full left-0 right-0 z-50 pt-[0.5rem] pb-[1rem]", padding: "x-md", gap: "sm", children: [filteredSiteLinks.length > 0 && !suggestionsLoading && (_jsxs(Div, { className: `${__O.hidden}`, rounded: "xl", shadow: "lg", surface: "default", border: "default", children: [_jsx(Div, { border: "default", className: "border-b", paddingY: "y-xs", paddingX: "x-md", children: _jsx(Text, { variant: "secondary", size: "xs", className: "uppercase tracking-wider", weight: "semibold", children: labels.quickLinks }) }), _jsx(Ul, { children: filteredSiteLinks.map((link) => {
                                         const Icon = link.icon;
                                         const itemIndex = quickLinkItems.findIndex((item) => item.link.href === link.href);
                                         const isActive = activeIndex === itemIndex;

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

@@ -4,8 +4,10 @@ import { sieveFilter, SIEVE_OP } from "@mohasinac/appkit";
 import { sortBy } from "@mohasinac/appkit";
 import React, { useState, useCallback } from "react";
 import { useEntityDelete } from "../../../react/hooks/useEntityDelete";
+import { useUrlTable } from "../../../react/hooks/useUrlTable";
 import { ConfirmDeleteModal, FilterChipGroup, ListingLayout, RowActionMenu } from "../../../ui";
 import { SELLER_ENDPOINTS } from "../../../constants/api-endpoints";
+import { TABLE_KEYS } from "../../../constants/table-keys";
 import { SELLER_AUCTION_STATUS_TABS } from "../../admin/constants/filter-tabs";
 import { ACTIONS } from "../../../_internal/shared/actions/action-registry";
 import { ROUTES } from "../../../constants";
@@ -13,6 +15,12 @@ import { toRecordArray, toRelativeDate, toCurrency, toStringValue, } from "../..
 import { DataListingView } from "../../admin/components/DataListingView";
 import { SELLER_BULK_ACTIONS, ROW_ACTION_META } from "../../products/constants/action-defs";
 export function SellerAuctionsView({ children, onEditClick, onDelete, onBulkDelete, ...props }) {
+    // Independent of DataListingView's own internal useUrlTable() — both read
+    // and write the same URL, useUrlTable has no local state, so they stay in
+    // sync (same pattern SellerProductsView already uses for its "Show sold"
+    // toggle).
+    const toggleTable = useUrlTable({});
+    const showEnded = toggleTable.get(TABLE_KEYS.SHOW_ENDED) === "true";
     const [deleteTargetId, setDeleteTargetId] = useState(null);
     const { deletingId, handleDelete: performDelete } = useEntityDelete({
         endpoint: SELLER_ENDPOINTS.PRODUCT_BY_ID,
@@ -38,7 +46,7 @@ export function SellerAuctionsView({ children, onEditClick, onDelete, onBulkDele
         title: "Auctions",
         searchPlaceholder: "Search auctions by product name",
         emptyLabel: "No auctions found",
-        filterKeys: ["status"],
+        filterKeys: ["status", TABLE_KEYS.SHOW_ENDED],
         defaultSort: sortBy("auctionEndDate", "ASC"),
         queryKey: ["seller", "auctions", "listing"],
         endpoint: SELLER_ENDPOINTS.AUCTIONS,
@@ -61,7 +69,24 @@ export function SellerAuctionsView({ children, onEditClick, onDelete, onBulkDele
         getTotal: (response, mappedRows) => typeof response.meta?.total === "number"
             ? response.meta.total
             : mappedRows.length,
-        buildFilters: (state) => state.status && state.status !== "All" ? sieveFilter("status", SIEVE_OP.EQ, state.status) : undefined,
+        buildFilters: (state) => {
+            // Previously missing entirely — the seller Auctions tab silently
+            // listed the entire seller catalog, not just auctions.
+            const parts = ["listingType==auction"];
+            if (state.status && state.status !== "All")
+                parts.push(sieveFilter("status", SIEVE_OP.EQ, state.status));
+            if (state[TABLE_KEYS.SHOW_ENDED] !== "true") {
+                parts.push(sieveFilter("auctionEndDate", SIEVE_OP.GTE, new Date().toISOString()));
+            }
+            return parts.join(",");
+        },
+        toggles: [
+            {
+                label: "Show ended",
+                active: showEnded,
+                onChange: (next) => toggleTable.set(TABLE_KEYS.SHOW_ENDED, next ? "true" : ""),
+            },
+        ],
         // Rule #7: bulk-action array sourced from the SELLER_BULK_ACTIONS preset.
         buildBulkActions: onBulkDelete
             ? (selection) => SELLER_BULK_ACTIONS.auctions.map((id) => ({

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

@@ -309,7 +309,7 @@ export function SellerOrdersView({ orderDetailApiBase = SELLER_ENDPOINTS.ORDERS,
         const ids = selection.selectedIds.join(",");
         void dispatch({
             type: "NAVIGATE",
-            href: `${String(ROUTES.STORE.INVENTORY_PRINT)}?type=order&ids=${ids}&autoprint=1`,
+            href: `${String(ROUTES.STORE.PRINT_CENTER)}?type=order&ids=${ids}&autoprint=1`,
         });
     }, [selection.selectedIds, dispatch]);
     const handleSetLocation = useCallback(async (loc) => {

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

@@ -8,7 +8,7 @@ import { Badge, Div, FilterChipGroup, ListingLayout, Row, RowActionMenu, SideDra
 import { SELLER_ENDPOINTS } from "../../../constants/api-endpoints";
 import { ADMIN_PAYOUT_STATUS_TABS } from "../../admin/constants/filter-tabs";
 import { ACTIONS } from "../../../_internal/shared/actions/action-registry";
-import { buildBulkAction } from "../../../_internal/shared/actions/bulk-helpers";
+import { SELLER_BULK_ACTIONS, ROW_ACTION_META } from "../../products/constants/action-defs";
 import { apiClient } from "../../../http";
 import { toRecordArray, toRelativeDate, toCurrency, toStringValue, } from "../../admin/hooks/useAdminListingData";
 import { DataListingView } from "../../admin/components/DataListingView";
@@ -77,7 +77,7 @@ export function SellerPayoutsView({ children, ...props }) {
         title: "Payouts",
         searchPlaceholder: "Search payouts by payout # or amount",
         emptyLabel: "No payouts found",
-        filterKeys: ["status"],
+        filterKeys: ["status", "showAllPayouts"],
         defaultSort: sortBy("createdAt", "DESC"),
         queryKey: ["seller", "payouts", "listing"],
         endpoint: SELLER_ENDPOINTS.PAYOUTS,
@@ -102,17 +102,28 @@ export function SellerPayoutsView({ children, ...props }) {
         getTotal: (response, mappedRows) => typeof response.meta?.total === "number"
             ? response.meta.total
             : mappedRows.length,
-        buildFilters: (state) => state.status && state.status !== "All" ? sieveFilter("status", SIEVE_OP.EQ, state.status) : undefined,
-        // Rule #7: bulk-action array sourced from the CTA registry, not inline objects.
-        buildBulkActions: (selection) => [
-            buildBulkAction(ACTIONS.STORE["export-payout"], () => {
+        buildFilters: (state) => {
+            // An explicit status chip always wins. Otherwise, hide already-paid
+            // payouts by default — mirrors the isSold-hide-by-default precedent.
+            // Pipe-joined EQ (not !=) — see AdminPayoutsView.tsx for why.
+            if (state.status && state.status !== "All")
+                return sieveFilter("status", SIEVE_OP.EQ, state.status);
+            return state.showAllPayouts !== "true"
+                ? sieveFilter("status", SIEVE_OP.EQ, "pending|processing|failed|cancelled")
+                : undefined;
+        },
+        // Rule #7: bulk-action array sourced from the SELLER_BULK_ACTIONS preset.
+        buildBulkActions: (selection) => SELLER_BULK_ACTIONS.payouts.map((id) => ({
+            id,
+            label: ROW_ACTION_META[id].label,
+            onClick: () => {
                 const rows = selection.selectedIds
-                    .map((id) => rawByIdRef.current[id])
+                    .map((rowId) => rawByIdRef.current[rowId])
                     .filter((r) => Boolean(r));
                 handleExport(rows);
                 selection.clearSelection();
-            }),
-        ],
+            },
+        })),
         renderRowActions: (row) => (_jsx(RowActionMenu, { actions: [
                 {
                     label: ACTIONS.STORE["view-payout"].label,
@@ -123,7 +134,10 @@ export function SellerPayoutsView({ children, ...props }) {
                     onClick: () => handleExport([rawByIdRef.current[row.id] ?? { id: row.id }]),
                 },
             ] })),
-        renderFilterPanel: ({ pendingFilters, setPendingFilters }) => (_jsx(FilterChipGroup, { label: "Status", tabs: ADMIN_PAYOUT_STATUS_TABS, value: pendingFilters.status ?? "", onChange: (id) => setPendingFilters((p) => ({ ...p, status: id })) })),
+        renderFilterPanel: ({ pendingFilters, setPendingFilters }) => (_jsxs(_Fragment, { children: [_jsx(FilterChipGroup, { label: "Status", tabs: ADMIN_PAYOUT_STATUS_TABS, value: pendingFilters.status ?? "", onChange: (id) => setPendingFilters((p) => ({ ...p, status: id })) }), _jsx(FilterChipGroup, { label: "Paid payouts", tabs: [
+                        { id: "", label: "Hide paid" },
+                        { id: "true", label: "Show all" },
+                    ], value: pendingFilters.showAllPayouts ?? "", onChange: (id) => setPendingFilters((p) => ({ ...p, showAllPayouts: id })), allId: "" })] })),
     };
     const expectedByDate = selectedPayout?.requestedAt
         ? new Date(new Date(selectedPayout.requestedAt).getTime() + PAYOUT_CYCLE_DAYS * 24 * 60 * 60 * 1000)

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

@@ -36,13 +36,13 @@ const PRE_ORDER_COLUMNS = [
         header: "Status",
         className: "w-28",
         render: (row) => {
-            const variant = row.status === "active"
+            // Real ProductStatus is draft|published|in_review|archived — "active"
+            // fixed to "published"; "cancelled" is not a stored status value.
+            const variant = row.status === "published"
                 ? "success"
                 : row.status === "draft"
                     ? "default"
-                    : row.status === "cancelled"
-                        ? "danger"
-                        : "warning";
+                    : "warning";
             return _jsx(Badge, { variant: variant, children: row.status });
         },
     },
@@ -107,6 +107,14 @@ export function SellerPreOrdersView({ children, onDelete, ...props }) {
             };
         }),
         getTotal: (response, mappedRows) => typeof response.meta?.total === "number" ? response.meta.total : mappedRows.length,
+        // No "Show closed" toggle here (unlike Auctions/Prize Draws): the public
+        // PreOrdersIndexListing equivalent filters on stockQuantity>0, a range
+        // filter, which cannot be combined with this view's title/
+        // preOrderDeliveryDate/createdAt sort options without violating
+        // Firestore's orderBy-must-match-the-range-field rule (confirmed by
+        // appkit/scripts/audit-listing-indices.mjs QUERY_UNSATISFIABLE). Fixing
+        // this properly would mean constraining sort choices per toggle state,
+        // out of scope for this pass — left as a real gap, not silently broken.
         buildFilters: (state) => {
             const status = state.status && state.status !== "All" ? sieveFilter("status", SIEVE_OP.EQ, state.status) : null;
             return ["listingType==pre-order", status].filter(Boolean).join(",");

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

@@ -4,20 +4,24 @@ import { Row, SIEVE_OP, Stack, sieveFilter } from "@mohasinac/appkit";
 import { sortBy } from "@mohasinac/appkit";
 import React, { useState, useCallback } from "react";
 import { useEntityDelete } from "../../../react/hooks/useEntityDelete";
+import { useUrlTable } from "../../../react/hooks/useUrlTable";
 import { Badge, ConfirmDeleteModal, Div, FilterChipGroup, ListingLayout, RowActionMenu, Span, Text } from "../../../ui";
 import { MediaImage } from "../../media/MediaImage";
 import { SELLER_ENDPOINTS } from "../../../constants/api-endpoints";
+import { TABLE_KEYS } from "../../../constants/table-keys";
 import { SELLER_PRIZE_DRAW_STATUS_TABS } from "../../admin/constants/filter-tabs";
 import { ROUTES } from "../../../constants";
 import { ACTIONS } from "../../../_internal/shared/actions/action-registry";
 import { toRecordArray, toRelativeDate, toCurrency, toStringValue, } from "../../admin/hooks/useAdminListingData";
 import { DataListingView } from "../../admin/components/DataListingView";
 import { useActionDispatch } from "../../../react/hooks/use-action-dispatch";
+// Real ProductStatus is draft|published|in_review|archived — "active"
+// fixed to "published"; "ended"/"cancelled" removed since status never
+// holds those values (ended is derived from prizeRevealWindowEnd, shown
+// via the "Show closed" toolbar toggle below).
 const STATUS_VARIANT = {
-    active: "success",
+    published: "success",
     draft: "default",
-    ended: "secondary",
-    cancelled: "danger",
 };
 const PRIZE_DRAW_COLUMNS = [
     {
@@ -58,6 +62,10 @@ const PRIZE_DRAW_COLUMNS = [
 ];
 export function SellerPrizeDrawsView({ children, onDelete, ...props }) {
     const dispatch = useActionDispatch();
+    // Independent of DataListingView's own internal useUrlTable() — see the
+    // same pattern in SellerAuctionsView.tsx.
+    const toggleTable = useUrlTable({});
+    const showClosed = toggleTable.get(TABLE_KEYS.SHOW_CLOSED) === "true";
     const [deleteTargetId, setDeleteTargetId] = useState(null);
     const { deletingId, handleDelete: performDelete } = useEntityDelete({
         endpoint: SELLER_ENDPOINTS.PRODUCT_BY_ID,
@@ -77,7 +85,7 @@ export function SellerPrizeDrawsView({ children, onDelete, ...props }) {
         title: "Prize Draws",
         searchPlaceholder: "Search prize draws by name…",
         emptyLabel: "No prize draws listed yet",
-        filterKeys: ["status"],
+        filterKeys: ["status", TABLE_KEYS.SHOW_CLOSED],
         defaultSort: sortBy("createdAt", "DESC"),
         queryKey: ["seller", "prize-draws", "listing"],
         endpoint: SELLER_ENDPOINTS.PRODUCTS,
@@ -106,8 +114,18 @@ export function SellerPrizeDrawsView({ children, onDelete, ...props }) {
         getTotal: (response, mappedRows) => typeof response.meta?.total === "number" ? response.meta.total : mappedRows.length,
         buildFilters: (state) => {
             const status = state.status && state.status !== "All" ? sieveFilter("status", SIEVE_OP.EQ, state.status) : null;
-            return ["listingType==prize-draw", status].filter(Boolean).join(",");
+            const closed = state[TABLE_KEYS.SHOW_CLOSED] !== "true"
+                ? sieveFilter("prizeRevealWindowEnd", SIEVE_OP.GTE, new Date().toISOString())
+                : null;
+            return ["listingType==prize-draw", status, closed].filter(Boolean).join(",");
         },
+        toggles: [
+            {
+                label: "Show closed",
+                active: showClosed,
+                onChange: (next) => toggleTable.set(TABLE_KEYS.SHOW_CLOSED, next ? "true" : ""),
+            },
+        ],
         rowHrefTemplate: String(ROUTES.STORE.PRIZE_DRAWS_EDIT("{id}")),
         renderRowActions: (row) => (_jsx(RowActionMenu, { actions: [
                 {

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

@@ -19,6 +19,8 @@ export interface SellerProductDraft {
     isPromoted?: boolean;
     isNew?: boolean;
     isOnSale?: boolean;
+    allowOffers?: boolean;
+    minOfferPercent?: number;
     shippingPaidBy?: "buyer" | "seller";
     pickupAddressId?: string;
     insurance?: boolean;

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

@@ -180,7 +180,7 @@ const TYPE_SPECIFIC_STEPS = {
 function StepPricing({ values, onChange, listingType, }) {
     const listingPlugin = pluginForMode(listingType);
     const priceLabel = listingPlugin.priceLabel;
-    return (_jsxs(Stack, { gap: "md", children: [_jsx(Alert, { variant: "info", children: "All prices in Indian Rupees (\u20B9)." }), _jsxs(FormGroup, { columns: 2, children: [_jsx(FormField, { name: "price", label: priceLabel, type: "number", value: toRupeesString(values.price), onChange: (v) => onChange({ price: fromRupeesString(v) }), placeholder: "999" }), _jsx(FormField, { name: "compareAtPrice", label: "Compare-at Price (\u20B9, optional)", type: "number", value: toRupeesString(values.compareAtPrice), onChange: (v) => onChange({ compareAtPrice: v ? fromRupeesString(v) : undefined }), placeholder: "1299", helpText: "Original price shown as strikethrough" })] }), listingPlugin.showsStockQuantity && (_jsx(FormField, { name: "stockQuantity", label: "Stock Quantity", type: "number", value: String(values.stockQuantity ?? ""), onChange: (v) => onChange({ stockQuantity: Number(v) }), placeholder: "1" })), _jsxs(FormGroup, { columns: 2, children: [_jsx(Toggle, { checked: !!values.featured, onChange: (checked) => onChange({ featured: checked }), label: "Mark as Featured" }), _jsx(Toggle, { checked: !!values.isNew, onChange: (checked) => onChange({ isNew: checked }), label: "Mark as New Arrival" })] })] }));
+    return (_jsxs(Stack, { gap: "md", children: [_jsx(Alert, { variant: "info", children: "All prices in Indian Rupees (\u20B9)." }), _jsxs(FormGroup, { columns: 2, children: [_jsx(FormField, { name: "price", label: priceLabel, type: "number", value: toRupeesString(values.price), onChange: (v) => onChange({ price: fromRupeesString(v) }), placeholder: "999" }), _jsx(FormField, { name: "compareAtPrice", label: "Compare-at Price (\u20B9, optional)", type: "number", value: toRupeesString(values.compareAtPrice), onChange: (v) => onChange({ compareAtPrice: v ? fromRupeesString(v) : undefined }), placeholder: "1299", helpText: "Original price shown as strikethrough" })] }), listingPlugin.showsStockQuantity && (_jsx(FormField, { name: "stockQuantity", label: "Stock Quantity", type: "number", value: String(values.stockQuantity ?? ""), onChange: (v) => onChange({ stockQuantity: Number(v) }), placeholder: "1" })), _jsxs(FormGroup, { columns: 2, children: [_jsx(Toggle, { checked: !!values.featured, onChange: (checked) => onChange({ featured: checked }), label: "Mark as Featured" }), _jsx(Toggle, { checked: !!values.isNew, onChange: (checked) => onChange({ isNew: checked }), label: "Mark as New Arrival" })] }), _jsx(Toggle, { checked: !!values.allowOffers, onChange: (checked) => onChange({ allowOffers: checked, minOfferPercent: checked ? values.minOfferPercent ?? 50 : undefined }), label: "Allow buyer offers" }), values.allowOffers && (_jsx(FormField, { name: "minOfferPercent", label: "Minimum offer (% of price)", type: "number", value: String(values.minOfferPercent ?? ""), onChange: (v) => onChange({ minOfferPercent: Number(v) }), placeholder: "50" }))] }));
 }
 // ── Step: Shipping ────────────────────────────────────────────────────────
 function StepShipping({ values, onChange, renderAddressSelector, }) {

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

@@ -65,7 +65,7 @@ function TypeDropdown({ active, onChange, }) {
         flags["digital-code"] && { value: "digital-code", label: "Digital Code" },
         flags.live && { value: "live", label: "Live" },
     ].filter(Boolean);
-    return (_jsxs(Row, { paddingX: "x-sm-lg-md", border: "bottom", padding: "y-xs", gap: "sm", children: [_jsx(Text, { className: "tracking-wide text-[var(--appkit-color-text-muted)]", size: "xs", weight: "semibold", transform: "uppercase", children: "Listing type" }), _jsx(Select, { options: options, value: active, onValueChange: (v) => onChange(v), className: "sm:max-w-xs", "aria-label": "Filter by listing type" })] }));
+    return (_jsxs(Row, { paddingX: "x-sm-lg-md", border: "bottom", padding: "y-xs", gap: "sm", children: [_jsx(Text, { className: "tracking-wide text-[var(--appkit-color-text-muted)]", size: "xs", weight: "semibold", transform: "uppercase", children: "Listing type" }), _jsx(Select, { options: options, value: active, onValueChange: (v) => onChange(v), wrapperClassName: "sm:max-w-xs", "aria-label": "Filter by listing type" })] }));
 }
 const PRODUCT_COLUMNS = [
     {
@@ -90,13 +90,15 @@ const PRODUCT_COLUMNS = [
         header: "Status",
         className: "w-28",
         render: (row) => {
-            const variant = row.status === "active"
+            // Real ProductStatus is draft|published|in_review|archived — "active"
+            // and "sold" are not stored status values (sold is tracked separately
+            // via isSold, shown via the "Show sold" toolbar toggle, not this
+            // column), so those two branches never matched and were dead code.
+            const variant = row.status === "published"
                 ? "success"
                 : row.status === "draft"
                     ? "default"
-                    : row.status === "sold"
-                        ? "secondary"
-                        : "danger";
+                    : "danger";
             return (_jsx(Badge, { variant: variant, children: row.status }));
         },
     },
@@ -224,7 +226,7 @@ export function SellerProductsView({ onDeleteProduct, onCreateClick, children, .
         const ids = selection.selectedIds.join(",");
         void dispatch({
             type: "NAVIGATE",
-            href: `${String(ROUTES.STORE.INVENTORY_PRINT)}?type=product&ids=${ids}&autoprint=1`,
+            href: `${String(ROUTES.STORE.PRINT_CENTER)}?type=product&ids=${ids}&autoprint=1`,
         });
     }, [selection.selectedIds, dispatch]);
     const handleSetLocation = useCallback(async (loc) => {