@mohasinac/appkit 2.3.1 → 2.4.0

package/dist/features/seller/actions/seller-actions.js

@@ -156,7 +156,7 @@ export async function updatePayoutSettings(userId, input) {
 }
 // --- Request Payout -----------------------------------------------------------
 async function computeSellerEarnings(sellerId) {
-    const products = await productRepository.findBySeller(sellerId);
+    const products = await productRepository.findByStore(sellerId);
     const productIds = products.slice(0, 50).map((p) => p.id);
     let deliveredOrders = [];
     if (productIds.length > 0) {
@@ -179,7 +179,7 @@ async function computeSellerEarnings(sellerId) {
     };
 }
 export async function requestPayout(userId, userName, userEmail, input) {
-    const existing = await payoutRepository.findBySeller(userId);
+    const existing = await payoutRepository.findByStore(userId);
     const hasPending = existing.some((p) => p.status === PAYOUT_FIELDS.STATUS_VALUES.PENDING ||
         p.status === PAYOUT_FIELDS.STATUS_VALUES.PROCESSING);
     if (hasPending)
@@ -188,7 +188,7 @@ export async function requestPayout(userId, userName, userEmail, input) {
     if (earnings.netAmount <= 0 || earnings.eligibleOrders.length === 0)
         throw new ValidationError("No eligible earnings available for payout.");
     const payout = await payoutRepository.create({
-        sellerId: userId,
+        storeId: userId,
         sellerName: userName,
         sellerEmail: userEmail,
         amount: earnings.netAmount,
@@ -228,7 +228,7 @@ export async function bulkSellerOrder(userId, userRole, userDisplayName, userEma
             skipped.push(id);
             continue;
         }
-        if (userRole !== "admin" && order.sellerId !== userId) {
+        if (userRole !== "admin" && order.storeId !== userId) {
             skipped.push(id);
             continue;
         }
@@ -253,7 +253,7 @@ export async function bulkSellerOrder(userId, userRole, userDisplayName, userEma
     const platformFee = Math.round(grossAmount * PLATFORM_COMMISSION_RATE * 100) / 100;
     const netAmount = Math.round((grossAmount - platformFee) * 100) / 100;
     const payoutDoc = await payoutRepository.create({
-        sellerId: userId,
+        storeId: userId,
         sellerName: userDisplayName,
         sellerEmail: userEmail,
         orderIds: eligible.map((o) => o.id),
@@ -333,7 +333,7 @@ export async function getSellerPayoutSettings(userId) {
     return { ...details, bankAccount: safeBank };
 }
 export async function listSellerOrders(userId, params) {
-    const sellerProducts = await productRepository.findBySeller(userId);
+    const sellerProducts = await productRepository.findByStore(userId);
     const productIds = sellerProducts.map((p) => p.id);
     if (productIds.length === 0) {
         return {
@@ -353,7 +353,7 @@ export async function listSellerOrders(userId, params) {
     });
 }
 export async function getSellerAnalytics(userId) {
-    const products = await productRepository.findBySeller(userId);
+    const products = await productRepository.findByStore(userId);
     const productIds = products.map((p) => p.id);
     let allOrders = [];
     if (productIds.length > 0) {
@@ -395,7 +395,7 @@ export async function getSellerAnalytics(userId) {
     };
 }
 export async function listSellerPayouts(userId, params) {
-    const payouts = await payoutRepository.findBySeller(userId);
+    const payouts = await payoutRepository.findByStore(userId);
     const page = params?.page ?? 1;
     const pageSize = params?.pageSize ?? 20;
     const start = (page - 1) * pageSize;
@@ -408,10 +408,16 @@ export async function listSellerPayouts(userId, params) {
     };
 }
 export async function listSellerCoupons(userId) {
-    return couponsRepository.getSellerCoupons(userId);
+    const store = await storeRepository.findByOwnerId(userId);
+    if (!store)
+        return [];
+    return couponsRepository.getStoreCoupons(store.id);
 }
 export async function listSellerMyProducts(userId, params) {
-    const products = await productRepository.findBySeller(userId);
+    const store = await storeRepository.findByOwnerId(userId);
+    if (!store)
+        return { items: [], total: 0, page: 1, pageSize: params?.pageSize ?? 20, totalPages: 0, hasMore: false };
+    const products = await productRepository.findByStore(store.id);
     let filtered = products;
     if (params?.filters?.includes("status==")) {
         const match = params.filters.match(/status==([\w]+)/);
@@ -434,7 +440,7 @@ export async function sellerUpdateProduct(userId, userRole, productId, input) {
     const existing = await productRepository.findById(productId);
     if (!existing)
         throw new NotFoundError("Product not found");
-    if (userRole !== "admin" && existing.sellerId !== userId)
+    if (userRole !== "admin" && existing.storeId !== userId)
         throw new AuthorizationError("You do not own this product");
     const finalizedData = await finalizeProductMediaReferences(input);
     const updated = await productRepository.updateProduct(productId, finalizedData);
@@ -445,7 +451,7 @@ export async function sellerDeleteProduct(userId, userRole, productId) {
     const existing = await productRepository.findById(productId);
     if (!existing)
         throw new NotFoundError("Product not found");
-    if (userRole !== "admin" && existing.sellerId !== userId)
+    if (userRole !== "admin" && existing.storeId !== userId)
         throw new AuthorizationError("You do not own this product");
     await productRepository.delete(productId);
     serverLogger.info("sellerDeleteProduct", { userId, productId });
@@ -455,7 +461,7 @@ export async function customShipOrder(userId, userRole, orderId, input) {
     const order = await orderRepository.findById(orderId);
     if (!order)
         throw new NotFoundError("Order not found");
-    if (userRole !== "admin" && order.sellerId !== userId)
+    if (userRole !== "admin" && order.storeId !== userId)
         throw new AuthorizationError("You do not own this order");
     if (order.status === OrderStatusValues.SHIPPED ||
         order.status === OrderStatusValues.DELIVERED)

package/dist/features/seller/api/products/route.js

@@ -15,6 +15,7 @@
 import { NextResponse } from "next/server.js";
 import { getProviders } from "../../../../contracts";
 import { createRouteHandler } from "../../../../next";
+import { storeRepository } from "../../../stores/repository/store.repository";
 function numParam(url, key, fallback) {
     const v = url.searchParams.get(key);
     const n = v !== null ? Number(v) : NaN;
@@ -30,11 +31,15 @@ export const GET = createRouteHandler({
         const sort = url.searchParams.get("sorts") ??
             url.searchParams.get("sort") ??
             "-createdAt";
-        // Server-side security: force sellerId filter so sellers can't see others' products
-        const sellerFilter = `sellerId==${user.uid}`;
+        // Server-side security: resolve storeId so sellers can't see others' products
+        const store = await storeRepository.findByOwnerId(user.uid);
+        if (!store) {
+            return NextResponse.json({ success: true, data: { products: [], meta: { page, limit: pageSize, total: 0, totalPages: 0, hasMore: false } } });
+        }
+        const storeFilter = `storeId==${store.id}`;
         const combinedFilters = clientFilters
-            ? `${sellerFilter},${clientFilters}`
-            : sellerFilter;
+            ? `${storeFilter},${clientFilters}`
+            : storeFilter;
         const { db } = getProviders();
         if (!db)
             return NextResponse.json({ success: false, error: "DB not configured" }, { status: 503 });

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

@@ -1,13 +1,4 @@
-import React from "react";
-import type { StackedViewShellProps } from "../../../ui";
-export interface SellerAddressesViewProps extends Omit<StackedViewShellProps, "sections" | "renderHeader"> {
-    labels?: {
-        title?: string;
-        addButton?: string;
-    };
-    renderHeader?: (onAdd: () => void) => React.ReactNode;
-    renderAddressList?: (isLoading: boolean) => React.ReactNode;
-    renderModal?: () => React.ReactNode;
-    isLoading?: boolean;
+export interface SellerAddressesViewProps {
+    apiBase?: string;
 }
-export declare function SellerAddressesView({ labels, renderHeader, renderAddressList, renderModal, isLoading, ...rest }: SellerAddressesViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function SellerAddressesView({ apiBase, }: SellerAddressesViewProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,5 +1,145 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { StackedViewShell } from "../../../ui";
-export function SellerAddressesView({ labels = {}, renderHeader, renderAddressList, renderModal, isLoading = false, ...rest }) {
-    return (_jsx(StackedViewShell, { portal: "seller", ...rest, title: labels.title, renderHeader: renderHeader ? () => renderHeader(() => { }) : undefined, sections: [renderAddressList?.(isLoading)], overlays: renderModal?.() }));
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useState } from "react";
+import { MapPin, Pencil, Plus, Trash2, Star } from "lucide-react";
+import { Button, Div, SideDrawer, Text } from "../../../ui";
+import { SELLER_ENDPOINTS } from "../../../constants/api-endpoints";
+const INPUT_CLS = "w-full rounded-lg border border-zinc-300 dark:border-slate-600 bg-white dark:bg-slate-800 px-3 py-2 text-sm text-zinc-900 dark:text-zinc-100 placeholder-zinc-400 dark:placeholder-zinc-500 focus:outline-none focus:ring-2 focus:ring-[var(--appkit-color-primary)]";
+function Field({ label, hint, children }) {
+    return (_jsxs("div", { className: "space-y-1", children: [_jsx("label", { className: "block text-xs font-medium text-zinc-700 dark:text-zinc-300", children: label }), children, hint && _jsx("p", { className: "text-xs text-zinc-400 dark:text-zinc-500", children: hint })] }));
+}
+// ---------------------------------------------------------------------------
+// Helpers
+// ---------------------------------------------------------------------------
+const BLANK = {
+    label: "",
+    fullName: "",
+    phone: "",
+    addressLine1: "",
+    addressLine2: "",
+    landmark: "",
+    city: "",
+    state: "",
+    postalCode: "",
+    country: "India",
+    isDefault: false,
+};
+function fromDoc(doc) {
+    return {
+        label: doc.label,
+        fullName: doc.fullName,
+        phone: doc.phone,
+        addressLine1: doc.addressLine1,
+        addressLine2: doc.addressLine2 ?? "",
+        landmark: doc.landmark ?? "",
+        city: doc.city,
+        state: doc.state,
+        postalCode: doc.postalCode,
+        country: doc.country,
+        isDefault: doc.isDefault,
+    };
+}
+function AddressCard({ address, onEdit, onDelete, }) {
+    return (_jsxs(Div, { className: "rounded-xl border border-zinc-200 dark:border-slate-700 bg-white dark:bg-slate-900 p-4 flex flex-col gap-2", children: [_jsxs("div", { className: "flex items-start justify-between gap-2", children: [_jsxs("div", { className: "flex items-center gap-2 min-w-0", children: [_jsx(MapPin, { className: "h-4 w-4 shrink-0 text-[var(--appkit-color-primary)]" }), _jsx("span", { className: "font-semibold text-sm text-zinc-900 dark:text-zinc-100 truncate", children: address.label }), address.isDefault && (_jsxs("span", { className: "inline-flex items-center gap-1 rounded-full bg-amber-50 dark:bg-amber-950/40 text-amber-700 dark:text-amber-300 border border-amber-200 dark:border-amber-800 text-xs px-2 py-0.5 font-medium", children: [_jsx(Star, { className: "h-3 w-3" }), "Default"] }))] }), _jsxs("div", { className: "flex items-center gap-1 shrink-0", children: [_jsx("button", { type: "button", onClick: onEdit, title: "Edit address", className: "rounded-lg p-1.5 text-zinc-500 hover:bg-zinc-100 dark:hover:bg-slate-800 hover:text-zinc-700 dark:hover:text-zinc-300 transition-colors", children: _jsx(Pencil, { className: "h-4 w-4" }) }), _jsx("button", { type: "button", onClick: onDelete, title: "Delete address", className: "rounded-lg p-1.5 text-zinc-500 hover:bg-red-50 dark:hover:bg-red-950/40 hover:text-red-600 dark:hover:text-red-400 transition-colors", children: _jsx(Trash2, { className: "h-4 w-4" }) })] })] }), _jsxs(Text, { className: "text-sm text-zinc-700 dark:text-zinc-300", children: [address.fullName, " \u00B7 ", address.phone] }), _jsxs(Text, { className: "text-xs text-zinc-500 dark:text-zinc-400 leading-relaxed", children: [address.addressLine1, address.addressLine2 ? `, ${address.addressLine2}` : "", address.landmark ? ` (near ${address.landmark})` : "", _jsx("br", {}), address.city, ", ", address.state, " ", address.postalCode, ", ", address.country] })] }));
+}
+// ---------------------------------------------------------------------------
+// Main Component
+// ---------------------------------------------------------------------------
+export function SellerAddressesView({ apiBase = SELLER_ENDPOINTS.STORE_ADDRESSES, }) {
+    const [addresses, setAddresses] = useState([]);
+    const [isLoading, setIsLoading] = useState(true);
+    const [errorMessage, setErrorMessage] = useState(null);
+    const [drawerOpen, setDrawerOpen] = useState(false);
+    const [editingId, setEditingId] = useState(null);
+    const [draft, setDraft] = useState(BLANK);
+    const [saving, setSaving] = useState(false);
+    const [saveError, setSaveError] = useState(null);
+    const [deletingId, setDeletingId] = useState(null);
+    const load = useCallback(async () => {
+        setIsLoading(true);
+        setErrorMessage(null);
+        try {
+            const res = await fetch(apiBase);
+            if (!res.ok)
+                throw new Error("Failed to load addresses");
+            const json = await res.json();
+            const data = (json?.data?.addresses ?? json?.addresses ?? []);
+            setAddresses(data);
+        }
+        catch {
+            setErrorMessage("Could not load addresses. Please try again.");
+        }
+        finally {
+            setIsLoading(false);
+        }
+    }, [apiBase]);
+    useEffect(() => { load(); }, [load]);
+    const openAdd = () => {
+        setEditingId(null);
+        setDraft(BLANK);
+        setSaveError(null);
+        setDrawerOpen(true);
+    };
+    const openEdit = (addr) => {
+        setEditingId(addr.id);
+        setDraft(fromDoc(addr));
+        setSaveError(null);
+        setDrawerOpen(true);
+    };
+    const closeDrawer = () => {
+        setDrawerOpen(false);
+        setEditingId(null);
+    };
+    const handleSave = async () => {
+        setSaveError(null);
+        if (!draft.label.trim() || !draft.fullName.trim() || !draft.phone.trim() || !draft.addressLine1.trim() || !draft.city.trim() || !draft.state.trim() || !draft.postalCode.trim()) {
+            setSaveError("Please fill in all required fields.");
+            return;
+        }
+        setSaving(true);
+        try {
+            const url = editingId ? `${apiBase}/${editingId}` : apiBase;
+            const method = editingId ? "PUT" : "POST";
+            const res = await fetch(url, {
+                method,
+                headers: { "Content-Type": "application/json" },
+                body: JSON.stringify({
+                    ...draft,
+                    addressLine2: draft.addressLine2 || undefined,
+                    landmark: draft.landmark || undefined,
+                }),
+            });
+            if (!res.ok) {
+                const data = await res.json().catch(() => ({}));
+                throw new Error(data?.error ?? "Failed to save address");
+            }
+            closeDrawer();
+            await load();
+        }
+        catch (err) {
+            setSaveError(err instanceof Error ? err.message : "Failed to save address");
+        }
+        finally {
+            setSaving(false);
+        }
+    };
+    const handleDelete = async (addr) => {
+        if (!confirm(`Delete address "${addr.label}"? This cannot be undone.`))
+            return;
+        setDeletingId(addr.id);
+        try {
+            const res = await fetch(`${apiBase}/${addr.id}`, { method: "DELETE" });
+            if (!res.ok)
+                throw new Error("Delete failed");
+            await load();
+        }
+        catch {
+            alert("Failed to delete address. Please try again.");
+        }
+        finally {
+            setDeletingId(null);
+        }
+    };
+    const set = (key, value) => setDraft((p) => ({ ...p, [key]: value }));
+    return (_jsxs("div", { className: "min-h-screen", children: [_jsxs("div", { className: "sticky z-10 bg-white/95 dark:bg-slate-900/95 backdrop-blur-sm border-b border-zinc-200 dark:border-slate-700 px-4 py-3 flex items-center justify-between", style: { top: "var(--header-height, 0px)" }, children: [_jsxs("div", { children: [_jsx("h2", { className: "text-base font-semibold text-zinc-900 dark:text-zinc-100", children: "Pickup Addresses" }), _jsx("p", { className: "text-xs text-zinc-500 dark:text-zinc-400 mt-0.5", children: "Manage your store's pickup and return locations" })] }), _jsxs(Button, { size: "sm", onClick: openAdd, className: "flex items-center gap-1.5", children: [_jsx(Plus, { className: "h-4 w-4" }), _jsx("span", { children: "Add Address" })] })] }), _jsxs("div", { className: "py-6 px-4 sm:px-6 max-w-2xl", children: [errorMessage && (_jsx(Div, { className: "mb-4 rounded-xl border border-red-200 bg-red-50 dark:bg-red-950/40 dark:border-red-900/60 px-4 py-3 text-sm text-red-700 dark:text-red-200", children: errorMessage })), isLoading ? (_jsx("div", { className: "flex justify-center py-16", children: _jsx("div", { className: "h-6 w-6 animate-spin rounded-full border-2 border-[var(--appkit-color-primary)] border-t-transparent" }) })) : addresses.length === 0 ? (_jsxs(Div, { className: "rounded-xl border-2 border-dashed border-zinc-200 dark:border-slate-700 py-16 flex flex-col items-center gap-3", children: [_jsx(MapPin, { className: "h-8 w-8 text-zinc-300 dark:text-slate-600" }), _jsx(Text, { className: "text-sm text-zinc-500 dark:text-zinc-400", children: "No pickup addresses yet" }), _jsx(Button, { size: "sm", variant: "outline", onClick: openAdd, children: "Add your first address" })] })) : (_jsx("div", { className: "grid gap-3", children: addresses.map((addr) => (_jsx("div", { className: deletingId === addr.id ? "opacity-50 pointer-events-none" : "", children: _jsx(AddressCard, { address: addr, onEdit: () => openEdit(addr), onDelete: () => handleDelete(addr) }) }, addr.id))) }))] }), _jsx(SideDrawer, { isOpen: drawerOpen, onClose: closeDrawer, title: editingId ? "Edit Address" : "Add Address", footer: _jsxs("div", { className: "flex gap-2", children: [_jsx(Button, { variant: "outline", onClick: closeDrawer, className: "flex-1", children: "Cancel" }), _jsx(Button, { onClick: handleSave, disabled: saving, className: "flex-1", children: saving ? "Saving…" : editingId ? "Save Changes" : "Add Address" })] }), children: _jsxs("div", { className: "space-y-4 py-1", children: [saveError && (_jsx(Div, { className: "rounded-lg border border-red-200 bg-red-50 dark:bg-red-950/40 dark:border-red-900/60 px-3 py-2 text-sm text-red-700 dark:text-red-200", children: saveError })), _jsx(Field, { label: "Label *", hint: "e.g. Warehouse, Shop, Home", children: _jsx("input", { type: "text", value: draft.label, onChange: (e) => set("label", e.target.value), placeholder: "Warehouse", maxLength: 60, className: INPUT_CLS }) }), _jsxs("div", { className: "grid grid-cols-2 gap-3", children: [_jsx(Field, { label: "Full Name *", children: _jsx("input", { type: "text", value: draft.fullName, onChange: (e) => set("fullName", e.target.value), placeholder: "Ravi Kumar", maxLength: 100, className: INPUT_CLS }) }), _jsx(Field, { label: "Phone *", children: _jsx("input", { type: "tel", value: draft.phone, onChange: (e) => set("phone", e.target.value), placeholder: "+91 98765 43210", maxLength: 20, className: INPUT_CLS }) })] }), _jsx(Field, { label: "Address Line 1 *", children: _jsx("input", { type: "text", value: draft.addressLine1, onChange: (e) => set("addressLine1", e.target.value), placeholder: "Shop 12, Main Market", maxLength: 200, className: INPUT_CLS }) }), _jsx(Field, { label: "Address Line 2", children: _jsx("input", { type: "text", value: draft.addressLine2, onChange: (e) => set("addressLine2", e.target.value), placeholder: "Building / Floor (optional)", maxLength: 200, className: INPUT_CLS }) }), _jsx(Field, { label: "Landmark", children: _jsx("input", { type: "text", value: draft.landmark, onChange: (e) => set("landmark", e.target.value), placeholder: "Near metro station (optional)", maxLength: 100, className: INPUT_CLS }) }), _jsxs("div", { className: "grid grid-cols-2 gap-3", children: [_jsx(Field, { label: "City *", children: _jsx("input", { type: "text", value: draft.city, onChange: (e) => set("city", e.target.value), placeholder: "Mumbai", maxLength: 100, className: INPUT_CLS }) }), _jsx(Field, { label: "State *", children: _jsx("input", { type: "text", value: draft.state, onChange: (e) => set("state", e.target.value), placeholder: "Maharashtra", maxLength: 100, className: INPUT_CLS }) })] }), _jsxs("div", { className: "grid grid-cols-2 gap-3", children: [_jsx(Field, { label: "Postal Code *", children: _jsx("input", { type: "text", value: draft.postalCode, onChange: (e) => set("postalCode", e.target.value), placeholder: "400001", maxLength: 10, className: INPUT_CLS }) }), _jsx(Field, { label: "Country *", children: _jsx("input", { type: "text", value: draft.country, onChange: (e) => set("country", e.target.value), placeholder: "India", maxLength: 60, className: INPUT_CLS }) })] }), _jsxs("label", { className: "flex items-center gap-3 cursor-pointer", children: [_jsx("input", { type: "checkbox", checked: draft.isDefault, onChange: (e) => set("isDefault", e.target.checked), className: "h-4 w-4 rounded border-zinc-300 dark:border-slate-600 text-[var(--appkit-color-primary)] focus:ring-[var(--appkit-color-primary)]" }), _jsx("span", { className: "text-sm text-zinc-700 dark:text-zinc-300", children: "Set as default pickup address" })] })] }) })] }));
 }

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

@@ -1,15 +1,64 @@
 "use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import React from "react";
-import { ListingViewShell } from "../../../ui";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import React, { useState, useCallback } from "react";
+import { X } from "lucide-react";
+import { useUrlTable } from "../../../react/hooks/useUrlTable";
+import { ListingToolbar, Pagination, ListingViewShell } from "../../../ui";
 import { SELLER_ENDPOINTS } from "../../../constants/api-endpoints";
 import { toRecordArray, toRelativeDate, toRupees, toStringValue, useSellerListingData, } from "../hooks/useSellerListingData";
-import { AdminListingScaffold } from "../../admin/components/AdminListingScaffold";
+import { DataTable } from "../../admin/components/DataTable";
+const PAGE_SIZE = 25;
+const FILTER_KEYS = ["status"];
+const DEFAULT_SORT = "endsAt";
+const SORT_OPTIONS = [
+    { value: "endsAt", label: "Ending soon" },
+    { value: "-endsAt", label: "Ending latest" },
+    { value: "-createdAt", label: "Newest" },
+    { value: "createdAt", label: "Oldest" },
+];
+const STATUS_OPTIONS = ["All", "active", "draft", "ended", "cancelled"];
 export function SellerAuctionsView({ renderHeader, children, ...props }) {
     const hasChildren = React.Children.count(children) > 0;
+    const table = useUrlTable({ defaults: { pageSize: String(PAGE_SIZE), sort: DEFAULT_SORT } });
+    const [searchInput, setSearchInput] = useState(table.get("q") || "");
+    const [filterOpen, setFilterOpen] = useState(false);
+    const [pendingFilters, setPendingFilters] = useState(() => Object.fromEntries(FILTER_KEYS.map((k) => [k, table.get(k)])));
+    const openFilters = useCallback(() => {
+        setPendingFilters(Object.fromEntries(FILTER_KEYS.map((k) => [k, table.get(k)])));
+        setFilterOpen(true);
+    }, [table]);
+    const applyFilters = useCallback(() => {
+        const updates = { page: "1" };
+        for (const k of FILTER_KEYS)
+            updates[k] = pendingFilters[k] ?? "";
+        table.setMany(updates);
+        setFilterOpen(false);
+    }, [pendingFilters, table]);
+    const clearFilters = useCallback(() => {
+        setPendingFilters(Object.fromEntries(FILTER_KEYS.map((k) => [k, ""])));
+    }, []);
+    const resetAll = useCallback(() => {
+        const updates = { q: "", sort: "" };
+        for (const k of FILTER_KEYS)
+            updates[k] = "";
+        table.setMany(updates);
+        setSearchInput("");
+    }, [table]);
+    const commitSearch = useCallback(() => {
+        table.set("q", searchInput.trim());
+    }, [searchInput, table]);
+    const activeFilterCount = FILTER_KEYS.filter((k) => !!table.get(k)).length;
+    const hasActiveState = !!table.get("q") || table.get("sort") !== DEFAULT_SORT || activeFilterCount > 0;
+    const statusRaw = table.get("status");
+    const filters = statusRaw && statusRaw !== "All" ? `status==${statusRaw}` : undefined;
     const { rows, total, isLoading, errorMessage } = useSellerListingData({
         queryKey: ["seller", "auctions", "listing"],
         endpoint: SELLER_ENDPOINTS.AUCTIONS,
+        page: table.getNumber("page", 1),
+        pageSize: PAGE_SIZE,
+        sorts: table.get("sort") || DEFAULT_SORT,
+        filters,
+        q: table.get("q") || undefined,
         mapRows: (response) => toRecordArray(response.auctions).map((item, index) => ({
             id: toStringValue(item.id, `auction-${index}`),
             primary: toStringValue(item.productTitle ?? item.title, "Untitled auction"),
@@ -22,8 +71,12 @@ export function SellerAuctionsView({ renderHeader, children, ...props }) {
         })),
         getTotal: (response, mappedRows) => typeof response.meta?.total === "number" ? response.meta.total : mappedRows.length,
     });
+    const currentPage = table.getNumber("page", 1);
+    const totalPages = Math.ceil(total / PAGE_SIZE);
     if (hasChildren) {
         return _jsx(ListingViewShell, { portal: "seller", ...props, children: children });
     }
-    return (_jsx(AdminListingScaffold, { portal: "seller", ...props, title: "Auctions", subtitle: "Manage your active and draft auctions", actionLabel: "New Auction", searchPlaceholder: "Search auctions by product name", rows: rows, isLoading: isLoading, errorMessage: errorMessage, emptyLabel: "No auctions found", resultSummary: `Showing ${rows.length} of ${total} auctions` }));
+    return (_jsxs("div", { className: "min-h-screen", children: [_jsx(ListingToolbar, { filterCount: activeFilterCount, onFiltersClick: openFilters, searchValue: searchInput, searchPlaceholder: "Search auctions by product name", onSearchChange: setSearchInput, onSearchCommit: commitSearch, sortValue: table.get("sort") || DEFAULT_SORT, sortOptions: SORT_OPTIONS, onSortChange: (v) => { table.set("sort", v); table.setPage(1); }, hideViewToggle: true, onResetAll: resetAll, hasActiveState: hasActiveState }), totalPages > 1 && (_jsx("div", { className: "sticky top-[calc(var(--header-height,0px)+44px)] z-10 flex justify-center bg-white/95 dark:bg-slate-900/95 backdrop-blur-sm border-b border-zinc-200 dark:border-slate-700 px-3 py-1.5", children: _jsx(Pagination, { currentPage: currentPage, totalPages: totalPages, onPageChange: (p) => table.setPage(p) }) })), _jsxs("div", { className: "py-4 px-3 sm:px-4", children: [errorMessage && (_jsx("div", { className: "mb-4 rounded-xl border border-red-200 bg-red-50 px-4 py-3 text-sm text-red-700 dark:border-red-900/60 dark:bg-red-950/40 dark:text-red-200", children: errorMessage })), _jsx(DataTable, { rows: rows, isLoading: isLoading, emptyLabel: "No auctions found" })] }), filterOpen && (_jsxs(_Fragment, { children: [_jsx("div", { className: "fixed inset-0 z-40 bg-black/40", "aria-hidden": "true", onClick: () => setFilterOpen(false) }), _jsxs("div", { className: "fixed inset-y-0 left-0 z-50 flex w-80 flex-col bg-white dark:bg-slate-900 shadow-2xl", children: [_jsxs("div", { className: "flex items-center justify-between border-b border-zinc-200 dark:border-slate-700 px-4 py-3.5", children: [_jsx("span", { className: "text-base font-semibold text-zinc-900 dark:text-zinc-100", children: "Filters" }), _jsxs("div", { className: "flex items-center gap-2", children: [activeFilterCount > 0 && (_jsx("button", { type: "button", onClick: clearFilters, className: "text-xs text-zinc-500 hover:text-rose-500 dark:text-zinc-400 transition-colors", children: "Clear all" })), _jsx("button", { type: "button", onClick: () => setFilterOpen(false), "aria-label": "Close", className: "rounded-lg p-1.5 text-zinc-500 hover:bg-zinc-100 dark:hover:bg-slate-800 transition-colors", children: _jsx(X, { className: "h-5 w-5" }) })] })] }), _jsx("div", { className: "flex-1 overflow-y-auto px-4 py-4 space-y-5", children: _jsxs("div", { className: "space-y-2", children: [_jsx("p", { className: "text-xs font-semibold uppercase tracking-widest text-zinc-500 dark:text-zinc-400", children: "Status" }), _jsx("div", { className: "flex flex-wrap gap-2", children: STATUS_OPTIONS.map((opt) => (_jsx("button", { type: "button", onClick: () => setPendingFilters((p) => ({ ...p, status: opt === "All" ? "" : opt })), className: `rounded-full px-3 py-1 text-xs font-medium border transition-colors ${(pendingFilters.status || "All") === opt
+                                                    ? "bg-primary text-white border-primary"
+                                                    : "border-zinc-300 dark:border-slate-600 text-zinc-700 dark:text-zinc-300 hover:bg-zinc-50 dark:hover:bg-slate-800"}`, children: opt }, opt))) })] }) }), _jsx("div", { className: "border-t border-zinc-200 dark:border-slate-700 px-4 py-3.5", children: _jsxs("button", { type: "button", onClick: applyFilters, className: "w-full rounded-lg bg-primary py-2.5 text-sm font-semibold text-white hover:bg-primary-600 transition-colors active:scale-[0.98]", children: ["Apply Filters", activeFilterCount > 0 ? ` (${activeFilterCount})` : ""] }) })] })] }))] }));
 }

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

@@ -0,0 +1,4 @@
+export interface SellerBidsViewProps {
+    endpoint?: string;
+}
+export declare function SellerBidsView({ endpoint }: SellerBidsViewProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,131 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState, useCallback } from "react";
+import { X } from "lucide-react";
+import { useUrlTable } from "../../../react/hooks/useUrlTable";
+import { Badge, Div, ListingToolbar, Pagination } from "../../../ui";
+import { SELLER_ENDPOINTS } from "../../../constants/api-endpoints";
+import { toRecordArray, toRelativeDate, toRupees, toStringValue, useSellerListingData, } from "../hooks/useSellerListingData";
+import { DataTable } from "../../admin/components/DataTable";
+// ---------------------------------------------------------------------------
+// Config
+// ---------------------------------------------------------------------------
+const PAGE_SIZE = 25;
+const FILTER_KEYS = ["status"];
+const DEFAULT_SORT = "-bidDate";
+const SORT_OPTIONS = [
+    { value: "-bidDate", label: "Newest" },
+    { value: "bidDate", label: "Oldest" },
+    { value: "-bidAmount", label: "Highest Bid" },
+    { value: "bidAmount", label: "Lowest Bid" },
+];
+const STATUS_OPTIONS = ["", "active", "outbid", "won", "lost", "cancelled"];
+const STATUS_LABELS = {
+    "": "All",
+    active: "Active",
+    outbid: "Outbid",
+    won: "Won",
+    lost: "Lost",
+    cancelled: "Cancelled",
+};
+const STATUS_BADGE = {
+    active: "success",
+    won: "info",
+    outbid: "warning",
+    lost: "default",
+    cancelled: "danger",
+};
+// ---------------------------------------------------------------------------
+// Component
+// ---------------------------------------------------------------------------
+export function SellerBidsView({ endpoint = SELLER_ENDPOINTS.BIDS }) {
+    const table = useUrlTable({ defaults: { pageSize: String(PAGE_SIZE), sort: DEFAULT_SORT } });
+    const [searchInput, setSearchInput] = useState(table.get("q") || "");
+    const [filterOpen, setFilterOpen] = useState(false);
+    const [pendingFilters, setPendingFilters] = useState(() => Object.fromEntries(FILTER_KEYS.map((k) => [k, table.get(k)])));
+    const openFilters = useCallback(() => {
+        setPendingFilters(Object.fromEntries(FILTER_KEYS.map((k) => [k, table.get(k)])));
+        setFilterOpen(true);
+    }, [table]);
+    const applyFilters = useCallback(() => {
+        const updates = { page: "1" };
+        for (const k of FILTER_KEYS)
+            updates[k] = pendingFilters[k] ?? "";
+        table.setMany(updates);
+        setFilterOpen(false);
+    }, [pendingFilters, table]);
+    const clearFilters = useCallback(() => {
+        setPendingFilters(Object.fromEntries(FILTER_KEYS.map((k) => [k, ""])));
+    }, []);
+    const resetAll = useCallback(() => {
+        const updates = { q: "", sort: "" };
+        for (const k of FILTER_KEYS)
+            updates[k] = "";
+        table.setMany(updates);
+        setSearchInput("");
+    }, [table]);
+    const commitSearch = useCallback(() => { table.set("q", searchInput.trim()); }, [searchInput, table]);
+    const activeFilterCount = FILTER_KEYS.filter((k) => !!table.get(k)).length;
+    const hasActiveState = !!table.get("q") || table.get("sort") !== DEFAULT_SORT || activeFilterCount > 0;
+    const statusRaw = table.get("status");
+    const filters = statusRaw ? `status==${statusRaw}` : undefined;
+    const productIdFilter = table.get("productId") || undefined;
+    const endpointWithProduct = productIdFilter
+        ? `${endpoint}?productId=${encodeURIComponent(productIdFilter)}`
+        : endpoint;
+    const { rows, total, isLoading, errorMessage } = useSellerListingData({
+        queryKey: ["seller", "bids", "listing"],
+        endpoint: endpointWithProduct,
+        page: table.getNumber("page", 1),
+        pageSize: PAGE_SIZE,
+        sorts: table.get("sort") || DEFAULT_SORT,
+        filters,
+        q: table.get("q") || undefined,
+        mapRows: (response) => toRecordArray(response.bids).map((item, idx) => ({
+            id: toStringValue(item.id, `bid-${idx}`),
+            productTitle: toStringValue(item.productTitle, "Unknown auction"),
+            productId: toStringValue(item.productId, ""),
+            userName: toStringValue(item.userName, "—"),
+            bidAmount: Number(item.bidAmount ?? 0),
+            status: toStringValue(item.status, "active"),
+            bidDate: toRelativeDate(item.bidDate ?? item.createdAt),
+        })),
+        getTotal: (response, mappedRows) => typeof response.total === "number" ? response.total : mappedRows.length,
+    });
+    const currentPage = table.getNumber("page", 1);
+    const totalPages = Math.ceil(total / PAGE_SIZE);
+    const columns = [
+        {
+            key: "productTitle",
+            header: "Auction",
+            render: (row) => (_jsxs("div", { className: "space-y-0.5", children: [_jsx("p", { className: "font-medium text-sm text-zinc-900 dark:text-zinc-100 line-clamp-1", children: row.productTitle }), _jsx("p", { className: "text-xs text-zinc-400 dark:text-zinc-500 font-mono", children: row.productId })] })),
+        },
+        {
+            key: "userName",
+            header: "Bidder",
+            className: "w-36",
+            render: (row) => _jsx("span", { className: "text-sm text-zinc-700 dark:text-zinc-300", children: row.userName }),
+        },
+        {
+            key: "bidAmount",
+            header: "Bid",
+            className: "w-28 text-right",
+            render: (row) => (_jsx("span", { className: "font-semibold text-sm text-zinc-900 dark:text-zinc-100", children: toRupees(row.bidAmount) })),
+        },
+        {
+            key: "status",
+            header: "Status",
+            className: "w-24",
+            render: (row) => (_jsx(Badge, { variant: STATUS_BADGE[row.status] ?? "default", children: STATUS_LABELS[row.status] ?? row.status })),
+        },
+        {
+            key: "bidDate",
+            header: "Date",
+            className: "w-28",
+            render: (row) => _jsx("span", { className: "text-xs text-zinc-500 dark:text-zinc-400", children: row.bidDate }),
+        },
+    ];
+    return (_jsxs("div", { className: "min-h-screen", children: [_jsx(ListingToolbar, { filterCount: activeFilterCount, onFiltersClick: openFilters, searchValue: searchInput, searchPlaceholder: "Search by bidder name", onSearchChange: setSearchInput, onSearchCommit: commitSearch, sortValue: table.get("sort") || DEFAULT_SORT, sortOptions: SORT_OPTIONS, onSortChange: (v) => { table.set("sort", v); table.setPage(1); }, hideViewToggle: true, onResetAll: resetAll, hasActiveState: hasActiveState }), totalPages > 1 && (_jsx("div", { className: "sticky top-[calc(var(--header-height,0px)+44px)] z-10 flex justify-center bg-white/95 dark:bg-slate-900/95 backdrop-blur-sm border-b border-zinc-200 dark:border-slate-700 px-3 py-1.5", children: _jsx(Pagination, { currentPage: currentPage, totalPages: totalPages, onPageChange: (p) => table.setPage(p) }) })), _jsxs("div", { className: "py-4 px-3 sm:px-4", children: [errorMessage && (_jsx(Div, { className: "mb-4 rounded-xl border border-red-200 bg-red-50 dark:bg-red-950/40 dark:border-red-900/60 px-4 py-3 text-sm text-red-700 dark:text-red-200", children: errorMessage })), _jsx(DataTable, { rows: rows, columns: columns, isLoading: isLoading, emptyLabel: "No bids found for your auctions" })] }), filterOpen && (_jsxs(_Fragment, { children: [_jsx("div", { className: "fixed inset-0 z-40 bg-black/40", "aria-hidden": "true", onClick: () => setFilterOpen(false) }), _jsxs("div", { className: "fixed inset-y-0 left-0 z-50 flex w-80 flex-col bg-white dark:bg-slate-900 shadow-2xl", children: [_jsxs("div", { className: "flex items-center justify-between border-b border-zinc-200 dark:border-slate-700 px-4 py-3.5", children: [_jsx("span", { className: "text-base font-semibold text-zinc-900 dark:text-zinc-100", children: "Filters" }), _jsxs("div", { className: "flex items-center gap-2", children: [activeFilterCount > 0 && (_jsx("button", { type: "button", onClick: clearFilters, className: "text-xs text-zinc-500 hover:text-rose-500 transition-colors", children: "Clear all" })), _jsx("button", { type: "button", onClick: () => setFilterOpen(false), "aria-label": "Close", className: "rounded-lg p-1.5 text-zinc-500 hover:bg-zinc-100 dark:hover:bg-slate-800 transition-colors", children: _jsx(X, { className: "h-5 w-5" }) })] })] }), _jsx("div", { className: "flex-1 overflow-y-auto px-4 py-4 space-y-5", children: _jsxs("div", { className: "space-y-2", children: [_jsx("p", { className: "text-xs font-semibold uppercase tracking-widest text-zinc-500 dark:text-zinc-400", children: "Bid Status" }), _jsx("div", { className: "flex flex-wrap gap-2", children: STATUS_OPTIONS.map((opt) => (_jsx("button", { type: "button", onClick: () => setPendingFilters((p) => ({ ...p, status: opt })), className: `rounded-full px-3 py-1 text-xs font-medium border transition-colors ${(pendingFilters.status || "") === opt
+                                                    ? "bg-[var(--appkit-color-primary)] text-white border-[var(--appkit-color-primary)]"
+                                                    : "border-zinc-300 dark:border-slate-600 text-zinc-700 dark:text-zinc-300 hover:bg-zinc-50 dark:hover:bg-slate-800"}`, children: STATUS_LABELS[opt] ?? opt }, opt || "all"))) })] }) }), _jsx("div", { className: "border-t border-zinc-200 dark:border-slate-700 px-4 py-3.5", children: _jsxs("button", { type: "button", onClick: applyFilters, className: "w-full rounded-lg bg-[var(--appkit-color-primary)] py-2.5 text-sm font-semibold text-white transition-colors active:scale-[0.98]", children: ["Apply", activeFilterCount > 0 ? ` (${activeFilterCount})` : ""] }) })] })] }))] }));
+}

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

@@ -0,0 +1,19 @@
+export interface CouponEditorDraft {
+    code: string;
+    type: "percentage" | "fixed" | "free_shipping";
+    value: string;
+    minPurchase: string;
+    maxDiscount: string;
+    totalLimit: string;
+    perUserLimit: string;
+    startDate: string;
+    endDate: string;
+    isActive: boolean;
+}
+export interface SellerCouponEditorViewProps {
+    couponId?: string;
+    initial?: Partial<CouponEditorDraft>;
+    onSave: (draft: CouponEditorDraft, couponId?: string) => Promise<void>;
+    onCancel?: () => void;
+}
+export declare function SellerCouponEditorView({ couponId, initial, onSave, onCancel, }: SellerCouponEditorViewProps): import("react/jsx-runtime").JSX.Element;