@mohasinac/appkit 2.7.50 → 2.7.53

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

@@ -2,7 +2,7 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import React, { useState, useCallback } from "react";
 import { useActionDispatch } from "../../../react/hooks/use-action-dispatch";
-import { Pencil, Trash2, Printer, MapPin } from "lucide-react";
+import { Eye, EyeOff, Pencil, Trash2, Printer, MapPin } from "lucide-react";
 import { PhysicalLocationModal } from "./PhysicalLocationModal";
 import { useUrlTable } from "../../../react/hooks/useUrlTable";
 import { useBulkSelection } from "../../../react/hooks/useBulkSelection";
@@ -16,7 +16,7 @@ import { DataTable } from "../../admin/components/DataTable";
 import { ACTIONS } from "../../../_internal/shared/actions/action-registry";
 import { SellerProductsCards } from "./SellerProductsCards";
 import { SellerProductsFilterDrawer } from "./SellerProductsFilterDrawer";
-import { KIND_BADGE_VARIANT, } from "./seller-products-styles";
+import { KIND_BADGE_VARIANT } from "./seller-products-styles";
 const PAGE_SIZE = 25;
 const FILTER_KEYS = [
     "status",
@@ -54,26 +54,6 @@ function TypeDropdown({ active, onChange, }) {
     ];
     return (_jsxs(Row, { className: "gap-2 px-3 lg:px-4 py-2 items-center border-b border-[var(--appkit-color-border)]", children: [_jsx(Text, { className: "text-xs font-semibold uppercase tracking-wide text-[var(--appkit-color-text-muted)]", children: "Listing type" }), _jsx("select", { value: active, onChange: (e) => onChange(e.target.value), className: "rounded border border-[var(--appkit-color-border)] bg-transparent px-2 py-1 text-sm sm:max-w-xs", "aria-label": "Filter by listing type", children: options.map((o) => (_jsx("option", { value: o.value, children: o.label }, o.value))) })] }));
 }
-// Kept for backward-compat callers; thin wrapper around TypeDropdown.
-function TypeChips({ active, onChange, }) {
-    const chips = [
-        { kind: "all", label: "All" },
-        { kind: "standard", label: "Standard" },
-        { kind: "auction", label: "Auction" },
-        { kind: "pre-order", label: "Pre-order" },
-        { kind: "prize-draw", label: "Prize Draw" },
-        { kind: "bundle", label: "Bundle" },
-        { kind: "classified", label: "Classified" },
-        { kind: "digital-code", label: "Digital Code" },
-        { kind: "live", label: "Live" },
-    ];
-    return (_jsx(Row, { className: "gap-2 px-3 lg:px-4 py-2 overflow-x-auto border-b border-[var(--appkit-color-border)]", children: chips.map(({ kind, label }) => (_jsx("button", { type: "button", onClick: () => onChange(kind), className: [
-                "flex-shrink-0 rounded-full px-3 py-1 text-xs font-medium border transition-colors",
-                active === kind
-                    ? "bg-[var(--appkit-color-primary)] text-white border-[var(--appkit-color-primary)]"
-                    : "border-[var(--appkit-color-border)] text-[var(--appkit-color-text-muted)] hover:border-[var(--appkit-color-primary)] hover:text-[var(--appkit-color-primary)]",
-            ].join(" "), children: label }, kind))) }));
-}
 const PRODUCT_COLUMNS = [
     {
         key: "thumbnail",
@@ -127,8 +107,12 @@ export function SellerProductsView({ onDeleteProduct, onCreateClick, children, .
     const table = useUrlTable({ defaults: { pageSize: String(PAGE_SIZE), sort: DEFAULT_SORT } });
     const [searchInput, setSearchInput] = useState(table.get("q") || "");
     const [filterOpen, setFilterOpen] = useState(false);
-    const [listingKind, setListingKind] = useState("all");
+    // listingKind is URL-driven so it survives navigation and back/forward
+    const listingKind = (table.get("listingType") || "all");
     const [deletingId, setDeletingId] = useState(null);
+    const [deletedIds, setDeletedIds] = useState(new Set());
+    const [publishingId, setPublishingId] = useState(null);
+    const [statusOverrides, setStatusOverrides] = useState(new Map());
     const [setLocationOpen, setSetLocationOpen] = useState(false);
     const [pendingFilters, setPendingFilters] = useState(() => Object.fromEntries(FILTER_KEYS.map((k) => [k, table.get(k)])));
     const openFilters = useCallback(() => {
@@ -146,39 +130,33 @@ export function SellerProductsView({ onDeleteProduct, onCreateClick, children, .
         setPendingFilters(Object.fromEntries(FILTER_KEYS.map((k) => [k, ""])));
     }, []);
     const resetAll = useCallback(() => {
-        const updates = { q: "", sort: "" };
+        const updates = { q: "", sort: "", listingType: "", showSold: "" };
         for (const k of FILTER_KEYS)
             updates[k] = "";
         table.setMany(updates);
         setSearchInput("");
-        setListingKind("all");
     }, [table]);
     const commitSearch = useCallback(() => {
         table.set("q", searchInput.trim());
     }, [searchInput, table]);
     const handleKindChange = useCallback((kind) => {
-        setListingKind(kind);
-        table.set("page", "1");
+        // setMany prevents the double router.replace race condition (audit-double-navigation)
+        table.setMany({ listingType: kind === "all" ? "" : kind, page: "1" });
     }, [table]);
+    const showSold = table.get("showSold") === "true";
     const activeFilterCount = FILTER_KEYS.filter((k) => !!table.get(k)).length;
     const hasActiveState = !!table.get("q") ||
         table.get("sort") !== DEFAULT_SORT ||
         activeFilterCount > 0 ||
-        listingKind !== "all";
+        listingKind !== "all" ||
+        showSold;
     const statusRaw = table.get("status");
     const statusFilter = statusRaw && statusRaw !== "All" ? `status==${statusRaw}` : undefined;
     // SB1-G — single-field listingType clause. The repository's Sieve aliases
     // accept both `==auction|preorder|standard` and `==pre-order` directly.
-    const kindFilter = listingKind === "auction"
-        ? "listingType==auction"
-        : listingKind === "pre-order"
-            ? "listingType==pre-order"
-            : listingKind === "prize-draw"
-                ? "listingType==prize-draw"
-                : listingKind === "standard"
-                    ? "listingType==standard"
-                    : undefined;
-    const filters = [statusFilter, kindFilter].filter(Boolean).join(",") || undefined;
+    const kindFilter = listingKind === "all" ? undefined : `listingType==${listingKind}`;
+    const soldFilter = showSold ? undefined : "isSold==false";
+    const filters = [statusFilter, kindFilter, soldFilter].filter(Boolean).join(",") || undefined;
     const { rows, total, isLoading, errorMessage } = useSellerListingData({
         queryKey: ["seller", "products", "listing", listingKind],
         endpoint: SELLER_ENDPOINTS.PRODUCTS,
@@ -217,7 +195,10 @@ export function SellerProductsView({ onDeleteProduct, onCreateClick, children, .
     });
     const currentPage = table.getNumber("page", 1);
     const totalPages = Math.ceil(total / PAGE_SIZE);
-    const selection = useBulkSelection({ items: rows, keyExtractor: (r) => r.id });
+    const visibleRows = rows
+        .filter((r) => !deletedIds.has(r.id))
+        .map((r) => statusOverrides.has(r.id) ? { ...r, status: statusOverrides.get(r.id) } : r);
+    const selection = useBulkSelection({ items: visibleRows, keyExtractor: (r) => r.id });
     if (hasChildren) {
         return (_jsx(ListingViewShell, { portal: "seller", ...props, children: children }));
     }
@@ -231,22 +212,14 @@ export function SellerProductsView({ onDeleteProduct, onCreateClick, children, .
                     : String(ROUTES.STORE.PRODUCTS_EDIT(row.id));
         void dispatch({ type: "NAVIGATE", href });
     };
-    // S-STORE-2-D — row click navigates to public detail/preview, NOT edit.
-    // Edit is only available via the per-row "..." action menu.
-    const handleRowClick = (row) => {
-        const href = row.listingKind === "auction"
-            ? `/auctions/${row.id}`
-            : row.listingKind === "pre-order"
-                ? `/pre-orders/${row.id}`
-                : `/products/${row.id}`;
-        void dispatch({ type: "NAVIGATE", href });
-    };
     const handleDelete = async (row) => {
         if (!onDeleteProduct)
             return;
         setDeletingId(row.id);
         try {
             await onDeleteProduct(row.id);
+            // Optimistically remove from list — avoids a full refetch
+            setDeletedIds((prev) => new Set([...prev, row.id]));
         }
         finally {
             setDeletingId(null);
@@ -264,6 +237,24 @@ export function SellerProductsView({ onDeleteProduct, onCreateClick, children, .
                 handleEdit({ ...row, id: newId });
         }
     };
+    const handleTogglePublish = async (row) => {
+        const currentStatus = statusOverrides.get(row.id) ?? row.status;
+        const newStatus = currentStatus === "published" ? "draft" : "published";
+        setPublishingId(row.id);
+        try {
+            const res = await fetch(`/api/store/products/${row.id}`, {
+                method: "PATCH",
+                headers: { "Content-Type": "application/json" },
+                body: JSON.stringify({ status: newStatus }),
+            }).catch(() => null);
+            if (res?.ok) {
+                setStatusOverrides((prev) => new Map([...prev, [row.id, newStatus]]));
+            }
+        }
+        finally {
+            setPublishingId(null);
+        }
+    };
     const handleBulkPrintLabels = useCallback(() => {
         const ids = selection.selectedIds.join(",");
         void dispatch({
@@ -293,15 +284,18 @@ export function SellerProductsView({ onDeleteProduct, onCreateClick, children, .
             onClick: () => setSetLocationOpen(true),
         },
     ];
-    return (_jsxs(_Fragment, { children: [_jsxs(Div, { className: "min-h-screen", children: [_jsx(ListingToolbar, { filterCount: activeFilterCount, onFiltersClick: openFilters, searchValue: searchInput, searchPlaceholder: "Search products by name\u2026", onSearchChange: setSearchInput, onSearchCommit: commitSearch, sortValue: table.get("sort") || DEFAULT_SORT, sortOptions: SORT_OPTIONS, onSortChange: (v) => { table.set("sort", v); }, showTableView: true, view: view, onViewChange: (v) => setView(v), onResetAll: resetAll, hasActiveState: hasActiveState, extra: onCreateClick ? (_jsx(Button, { variant: "primary", size: "sm", onClick: onCreateClick, children: "+ New Listing" })) : null }), _jsx(TypeDropdown, { active: listingKind, onChange: handleKindChange }), totalPages > 1 && (_jsx(Div, { className: "sticky z-10 flex justify-center bg-[var(--appkit-color-surface)]/95 backdrop-blur-sm border-b border-[var(--appkit-color-border)] px-3 py-1.5", style: { top: "calc(var(--header-height, 0px) + 44px)" }, children: _jsx(Pagination, { currentPage: currentPage, totalPages: totalPages, onPageChange: (p) => table.setPage(p) }) })), selection.selectedIds.length > 0 && (_jsx(Div, { className: "sticky z-20 px-3 lg:px-4 py-2 bg-[var(--appkit-color-surface)]/95 backdrop-blur-sm border-b border-[var(--appkit-color-border)]", style: { top: "calc(var(--header-height, 0px) + 88px)" }, children: _jsx(BulkActionBar, { selectedCount: selection.selectedIds.length, onClearSelection: selection.clearSelection, actions: bulkActions }) })), _jsxs(Div, { className: "py-4 px-3 lg:px-4", children: [errorMessage && (_jsx(Alert, { variant: "error", className: "mb-4", children: errorMessage })), view !== "table" && (_jsx(SellerProductsCards, { view: view, rows: rows, isLoading: isLoading, listingKind: listingKind, selectedIds: selection.selectedIdSet, toggle: selection.toggle, onEdit: handleEdit, onDuplicate: (row) => void handleDuplicate(row), onDelete: onDeleteProduct ? (row) => void handleDelete(row) : undefined })), view === "table" && (_jsx(DataTable, { columns: PRODUCT_COLUMNS, rows: rows, isLoading: isLoading, emptyLabel: listingKind !== "all"
+    return (_jsxs(_Fragment, { children: [_jsxs(Div, { className: "min-h-screen", children: [_jsx(ListingToolbar, { filterCount: activeFilterCount, onFiltersClick: openFilters, searchValue: searchInput, searchPlaceholder: "Search products by name\u2026", onSearchChange: setSearchInput, onSearchCommit: commitSearch, sortValue: table.get("sort") || DEFAULT_SORT, sortOptions: SORT_OPTIONS, onSortChange: (v) => { table.set("sort", v); }, showTableView: true, view: view, onViewChange: (v) => setView(v), onResetAll: resetAll, hasActiveState: hasActiveState, toggles: [
+                            { label: "Show sold", active: showSold, onChange: (next) => table.set("showSold", next ? "true" : "") },
+                        ], extra: onCreateClick ? (_jsx(Button, { variant: "primary", size: "sm", onClick: onCreateClick, children: "+ New Listing" })) : null }), _jsx(TypeDropdown, { active: listingKind, onChange: handleKindChange }), totalPages > 1 && (_jsx(Div, { className: "sticky z-10 flex justify-center bg-[var(--appkit-color-surface)]/95 backdrop-blur-sm border-b border-[var(--appkit-color-border)] px-3 py-1.5", style: { top: "calc(var(--header-height, 0px) + 44px)" }, children: _jsx(Pagination, { currentPage: currentPage, totalPages: totalPages, onPageChange: (p) => table.setPage(p) }) })), selection.selectedIds.length > 0 && (_jsx(Div, { className: "sticky z-20 px-3 lg:px-4 py-2 bg-[var(--appkit-color-surface)]/95 backdrop-blur-sm border-b border-[var(--appkit-color-border)]", style: { top: "calc(var(--header-height, 0px) + 88px)" }, children: _jsx(BulkActionBar, { selectedCount: selection.selectedIds.length, onClearSelection: selection.clearSelection, actions: bulkActions }) })), _jsxs(Div, { className: "py-4 px-3 lg:px-4", children: [errorMessage && (_jsx(Alert, { variant: "error", className: "mb-4", children: errorMessage })), view !== "table" && (_jsx(SellerProductsCards, { view: view, rows: visibleRows, isLoading: isLoading, listingKind: listingKind, selectedIds: selection.selectedIdSet, toggle: selection.toggle, onEdit: handleEdit, onDuplicate: (row) => void handleDuplicate(row), onDelete: onDeleteProduct ? (row) => void handleDelete(row) : undefined })), view === "table" && (_jsx(DataTable, { columns: PRODUCT_COLUMNS, rows: visibleRows, isLoading: isLoading, emptyLabel: listingKind !== "all"
                                     ? `No ${listingKind} listings found`
-                                    : "No products listed yet", selectedIds: selection.selectedIdSet, onToggleSelect: selection.toggle, onToggleSelectAll: (next) => selection.toggleAll(), getRowHref: (row) => 
+                                    : "No products listed yet", selectedIds: selection.selectedIdSet, onToggleSelect: selection.toggle, onToggleSelectAll: () => selection.toggleAll(), getRowHref: (row) => 
                                 // S-STORE-2-D — row click → public detail/preview, not edit.
                                 row.listingKind === "auction"
                                     ? `/auctions/${row.id}`
                                     : row.listingKind === "pre-order"
                                         ? `/pre-orders/${row.id}`
-                                        : `/products/${row.id}`, renderRowActions: onDeleteProduct
-                                    ? (row) => (_jsxs(Row, { className: "gap-1", children: [_jsx(Button, { variant: "ghost", size: "sm", onClick: (e) => { e.stopPropagation(); handleEdit(row); }, "aria-label": ACTIONS.STORE["edit-listing"].ariaLabel, children: _jsx(Pencil, { className: "w-4 h-4" }) }), _jsx(Button, { variant: "ghost", size: "sm", onClick: (e) => { e.stopPropagation(); void handleDuplicate(row); }, "aria-label": "Duplicate listing", title: "Duplicate", children: "\u29C9" }), _jsx(Button, { variant: "ghost", size: "sm", action: ACTIONS.STORE["delete-listing"], onClick: (e) => { e.stopPropagation(); void handleDelete(row); }, disabled: deletingId === row.id, className: "text-[var(--appkit-color-error)] hover:bg-[var(--appkit-color-border-subtle)]", children: _jsx(Trash2, { className: "w-4 h-4" }) })] }))
-                                    : undefined }))] }), _jsx(SellerProductsFilterDrawer, { isOpen: filterOpen, pendingFilters: pendingFilters, statusOptions: STATUS_OPTIONS, activeFilterCount: activeFilterCount, onChange: setPendingFilters, onClear: clearFilters, onApply: applyFilters, onClose: () => setFilterOpen(false) })] }), setLocationOpen && (_jsx(PhysicalLocationModal, { count: selection.selectedIds.length, onSave: handleSetLocation, onClose: () => setSetLocationOpen(false) }))] }));
+                                        : `/products/${row.id}`, renderRowActions: (row) => {
+                                    const isPublished = (statusOverrides.get(row.id) ?? row.status) === "published";
+                                    return (_jsxs(Row, { className: "gap-1", children: [_jsx(Button, { variant: "ghost", size: "sm", onClick: (e) => { e.stopPropagation(); handleEdit(row); }, "aria-label": ACTIONS.STORE["edit-listing"].ariaLabel, children: _jsx(Pencil, { className: "w-4 h-4" }) }), _jsx(Button, { variant: "ghost", size: "sm", onClick: (e) => { e.stopPropagation(); void handleTogglePublish(row); }, "aria-label": isPublished ? "Unpublish" : "Publish", title: isPublished ? "Unpublish" : "Publish", disabled: publishingId === row.id, children: isPublished ? _jsx(EyeOff, { className: "w-4 h-4" }) : _jsx(Eye, { className: "w-4 h-4" }) }), _jsx(Button, { variant: "ghost", size: "sm", onClick: (e) => { e.stopPropagation(); void handleDuplicate(row); }, "aria-label": "Duplicate listing", title: "Duplicate", children: "\u29C9" }), onDeleteProduct && (_jsx(Button, { variant: "ghost", size: "sm", action: ACTIONS.STORE["delete-listing"], onClick: (e) => { e.stopPropagation(); void handleDelete(row); }, disabled: deletingId === row.id, className: "text-[var(--appkit-color-error)] hover:bg-[var(--appkit-color-border-subtle)]", children: _jsx(Trash2, { className: "w-4 h-4" }) }))] }));
+                                } }))] }), _jsx(SellerProductsFilterDrawer, { isOpen: filterOpen, pendingFilters: pendingFilters, statusOptions: STATUS_OPTIONS, activeFilterCount: activeFilterCount, onChange: setPendingFilters, onClear: clearFilters, onApply: applyFilters, onClose: () => setFilterOpen(false) })] }), setLocationOpen && (_jsx(PhysicalLocationModal, { count: selection.selectedIds.length, onSave: handleSetLocation, onClose: () => setSetLocationOpen(false) }))] }));
 }

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

@@ -0,0 +1,7 @@
+export interface SellerShippingConfigsViewProps {
+    onCreateClick?: () => void;
+    onEditClick?: (id: string) => void;
+    onDelete?: (id: string) => Promise<void>;
+    onSetDefault?: (id: string) => Promise<void>;
+}
+export declare function SellerShippingConfigsView({ onCreateClick, onEditClick, onDelete, onSetDefault, }: SellerShippingConfigsViewProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,149 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useCallback } from "react";
+import { Plus } from "lucide-react";
+import { useUrlTable } from "../../../react/hooks/useUrlTable";
+import { Button, ConfirmDeleteModal, DataTable, Div, ListingToolbar, RowActionMenu, Text, } from "../../../ui";
+import { SELLER_ENDPOINTS } from "../../../constants/api-endpoints";
+import { ROUTES } from "../../..";
+import { toRecordArray, toStringValue, useSellerListingData, } from "../hooks/useSellerListingData";
+import { TABLE_KEYS } from "../../../constants/table-keys";
+const PAGE_SIZE = 50;
+const DEFAULT_SORT = "-createdAt";
+const SORT_OPTIONS = [
+    { value: "-createdAt", label: "Newest" },
+    { value: "createdAt", label: "Oldest" },
+    { value: "label", label: "Label A–Z" },
+];
+const COLUMNS = [
+    {
+        key: "label",
+        header: "Name",
+        render: (row) => (_jsxs(Div, { children: [_jsx(Text, { className: "text-sm font-medium", children: row.label }), row.isDefault && (_jsx("span", { className: "mt-0.5 inline-flex items-center rounded-full px-1.5 py-px text-xs font-medium bg-emerald-100 text-emerald-700 dark:bg-emerald-900/40 dark:text-emerald-300", children: "Default" }))] })),
+    },
+    {
+        key: "method",
+        header: "Method",
+        render: (row) => (_jsx("span", { className: "inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium bg-zinc-100 text-zinc-600 dark:bg-slate-800 dark:text-slate-400 capitalize", children: row.method.replace(/_/g, " ") })),
+    },
+    {
+        key: "estimatedDays",
+        header: "Est. Days",
+        render: (row) => (_jsx(Text, { className: "text-sm tabular-nums", children: row.estimatedDays !== null ? `${row.estimatedDays}d` : "—" })),
+    },
+    {
+        key: "isActive",
+        header: "Status",
+        render: (row) => (_jsx("span", { className: `inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium ${row.isActive
+                ? "bg-emerald-100 text-emerald-700 dark:bg-emerald-900/40 dark:text-emerald-300"
+                : "bg-zinc-100 text-zinc-600 dark:bg-slate-800 dark:text-slate-400"}`, children: row.isActive ? "Active" : "Inactive" })),
+    },
+];
+export function SellerShippingConfigsView({ onCreateClick, onEditClick, onDelete, onSetDefault, }) {
+    const table = useUrlTable({ defaults: { sort: DEFAULT_SORT } });
+    const [searchInput, setSearchInput] = useState(table.get(TABLE_KEYS.QUERY) || "");
+    const [deleteTargetId, setDeleteTargetId] = useState(null);
+    const [deletingId, setDeletingId] = useState(null);
+    const [settingDefaultId, setSettingDefaultId] = useState(null);
+    const commitSearch = useCallback(() => {
+        table.set(TABLE_KEYS.QUERY, searchInput.trim());
+    }, [searchInput, table]);
+    const resetAll = useCallback(() => {
+        table.setMany({ [TABLE_KEYS.QUERY]: "", [TABLE_KEYS.SORT]: "" });
+        setSearchInput("");
+    }, [table]);
+    const hasActiveState = !!table.get(TABLE_KEYS.QUERY) || table.get(TABLE_KEYS.SORT) !== DEFAULT_SORT;
+    const { rows, isLoading, errorMessage, refetch } = useSellerListingData({
+        queryKey: ["seller", "shipping-configs"],
+        endpoint: SELLER_ENDPOINTS.SHIPPING_CONFIGS,
+        page: 1,
+        pageSize: PAGE_SIZE,
+        sorts: table.get(TABLE_KEYS.SORT) || DEFAULT_SORT,
+        q: table.get(TABLE_KEYS.QUERY) || undefined,
+        mapRows: (response) => toRecordArray(response.items).map((item, index) => ({
+            id: toStringValue(item.id, `sc-${index}`),
+            raw: item,
+            label: String(item.label ?? ""),
+            method: String(item.method ?? ""),
+            estimatedDays: typeof item.estimatedDays === "number" ? item.estimatedDays : null,
+            isDefault: Boolean(item.isDefault),
+            isActive: Boolean(item.isActive),
+        })),
+    });
+    const handleDelete = useCallback(async (id) => {
+        setDeletingId(id);
+        try {
+            if (onDelete) {
+                await onDelete(id);
+            }
+            else {
+                await fetch(SELLER_ENDPOINTS.SHIPPING_CONFIG_BY_ID(id), {
+                    method: "DELETE",
+                    credentials: "include",
+                });
+            }
+            refetch?.();
+        }
+        finally {
+            setDeletingId(null);
+            setDeleteTargetId(null);
+        }
+    }, [onDelete, refetch]);
+    const handleSetDefault = useCallback(async (id) => {
+        setSettingDefaultId(id);
+        try {
+            if (onSetDefault) {
+                await onSetDefault(id);
+            }
+            else {
+                await fetch(SELLER_ENDPOINTS.SHIPPING_CONFIG_BY_ID(id), {
+                    method: "PATCH",
+                    headers: { "Content-Type": "application/json" },
+                    credentials: "include",
+                    body: JSON.stringify({ isDefault: true }),
+                });
+            }
+            refetch?.();
+        }
+        finally {
+            setSettingDefaultId(null);
+        }
+    }, [onSetDefault, refetch]);
+    const handleCreate = useCallback(() => {
+        if (onCreateClick) {
+            onCreateClick();
+        }
+        else {
+            window.location.href = String(ROUTES.STORE.SHIPPING_CONFIGS_NEW);
+        }
+    }, [onCreateClick]);
+    const handleEdit = useCallback((id) => {
+        if (onEditClick) {
+            onEditClick(id);
+        }
+        else {
+            window.location.href = String(ROUTES.STORE.SHIPPING_CONFIGS_EDIT(id));
+        }
+    }, [onEditClick]);
+    return (_jsxs("div", { className: "min-h-screen", children: [_jsx(ListingToolbar, { filterCount: 0, searchValue: searchInput, searchPlaceholder: "Search shipping configs...", onSearchChange: setSearchInput, onSearchCommit: commitSearch, sortValue: table.get(TABLE_KEYS.SORT) || DEFAULT_SORT, sortOptions: SORT_OPTIONS, onSortChange: (v) => { table.set(TABLE_KEYS.SORT, v); }, onResetAll: resetAll, hasActiveState: hasActiveState, extra: _jsxs(Button, { size: "sm", onClick: handleCreate, className: "flex items-center gap-1.5", children: [_jsx(Plus, { className: "h-4 w-4" }), _jsx("span", { children: "New Config" })] }) }), _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 })), isLoading ? (_jsx(Div, { className: "space-y-2", children: Array.from({ length: 3 }).map((_, i) => (_jsx(Div, { className: "h-14 animate-pulse rounded-xl border border-zinc-100 dark:border-slate-700 bg-zinc-50 dark:bg-slate-800" }, i))) })) : rows.length === 0 ? (_jsxs(Div, { className: "py-16 text-center", children: [_jsx(Text, { className: "text-zinc-400 dark:text-zinc-500", children: "No shipping configs yet \u2014 define your first shipping rule" }), _jsx("div", { className: "mt-4", children: _jsx(Button, { size: "sm", onClick: handleCreate, children: "Add shipping config" }) })] })) : (_jsx(DataTable, { columns: COLUMNS, data: rows, keyExtractor: (r) => r.id, actions: (row) => (_jsx(RowActionMenu, { actions: [
+                                {
+                                    label: "Edit",
+                                    onClick: () => handleEdit(row.id),
+                                },
+                                ...(!row.isDefault
+                                    ? [
+                                        {
+                                            label: "Set as Default",
+                                            disabled: settingDefaultId === row.id,
+                                            onClick: () => handleSetDefault(row.id),
+                                        },
+                                    ]
+                                    : []),
+                                {
+                                    label: "Delete",
+                                    destructive: true,
+                                    onClick: () => setDeleteTargetId(row.id),
+                                    disabled: deletingId === row.id,
+                                },
+                            ] })) }))] }), deleteTargetId && (_jsx(ConfirmDeleteModal, { isOpen: true, title: "Delete Shipping Config", message: "Are you sure you want to delete this shipping configuration? This cannot be undone.", onConfirm: () => handleDelete(deleteTargetId), onClose: () => setDeleteTargetId(null), isDeleting: deletingId === deleteTargetId }))] }));
+}

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

@@ -1,9 +1,10 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback, useEffect, useState } from "react";
-import { Alert, Badge, Button, Div, FormField, Heading, Section, Stack, Text } from "../../../ui";
+import { Alert, Badge, Div, FormField, Heading, Stack, Text } from "../../../ui";
 import { StackedViewShell } from "../../../ui";
 import { StoreAddressSelectorCreate } from "../../stores/components/StoreAddressSelectorCreate";
+import { StepForm } from "../../shell";
 const DEFAULT_DRAFT = {
     method: "custom",
     customCarrierName: "",
@@ -11,6 +12,8 @@ const DEFAULT_DRAFT = {
     shiprocketEmail: "",
     shiprocketPassword: "",
     pickupAddressId: "",
+    freeShippingThreshold: "",
+    fragileSurcharge: "",
 };
 export function SellerShippingView({ apiBase = "/api/store/shipping" }) {
     const [draft, setDraft] = useState(DEFAULT_DRAFT);
@@ -19,6 +22,7 @@ export function SellerShippingView({ apiBase = "/api/store/shipping" }) {
     const [saving, setSaving] = useState(false);
     const [error, setError] = useState(null);
     const [success, setSuccess] = useState(false);
+    const [currentStep, setCurrentStep] = useState(0);
     useEffect(() => {
         fetch(apiBase)
             .then((r) => r.json())
@@ -32,13 +36,19 @@ export function SellerShippingView({ apiBase = "/api/store/shipping" }) {
                 shiprocketEmail: cfg.shiprocketEmail ?? "",
                 shiprocketPassword: "",
                 pickupAddressId: "",
+                freeShippingThreshold: (res?.data?.freeShippingThreshold ?? 0)
+                    ? String(res.data.freeShippingThreshold / 100)
+                    : "",
+                fragileSurcharge: (res?.data?.fragileSurcharge ?? 0)
+                    ? String(res.data.fragileSurcharge / 100)
+                    : "",
             });
         })
             .catch(() => { })
             .finally(() => setLoading(false));
     }, [apiBase]);
-    const update = useCallback((key, value) => {
-        setDraft((prev) => ({ ...prev, [key]: value }));
+    const update = useCallback((partial) => {
+        setDraft((prev) => ({ ...prev, ...partial }));
         setSuccess(false);
     }, []);
     const handleSave = async () => {
@@ -46,7 +56,7 @@ export function SellerShippingView({ apiBase = "/api/store/shipping" }) {
         setSuccess(false);
         setSaving(true);
         try {
-            const body = draft.method === "custom"
+            const methodFields = draft.method === "custom"
                 ? {
                     method: "custom",
                     customCarrierName: draft.customCarrierName.trim(),
@@ -58,6 +68,12 @@ export function SellerShippingView({ apiBase = "/api/store/shipping" }) {
                         ? { shiprocketCredentials: { email: draft.shiprocketEmail, password: draft.shiprocketPassword } }
                         : {}),
                 };
+            const body = {
+                ...methodFields,
+                ...(draft.pickupAddressId ? { pickupAddressId: draft.pickupAddressId } : {}),
+                freeShippingThreshold: Math.round(parseFloat(draft.freeShippingThreshold || "0") * 100),
+                fragileSurcharge: Math.round(parseFloat(draft.fragileSurcharge || "0") * 100),
+            };
             const res = await fetch(apiBase, {
                 method: "PATCH",
                 headers: { "Content-Type": "application/json" },
@@ -77,13 +93,24 @@ export function SellerShippingView({ apiBase = "/api/store/shipping" }) {
             setSaving(false);
         }
     };
-    const isCustom = draft.method === "custom";
     const busy = loading || saving;
+    const steps = [
+        {
+            label: "Method",
+            render: ({ values, onChange }) => (_jsxs(Stack, { gap: "md", children: [_jsx(Heading, { level: 3, className: "mb-2", children: "Shipping Method" }), current && (_jsxs(Div, { className: "flex items-center gap-2 mb-2", children: [_jsx(Badge, { variant: current.isConfigured ? "success" : "warning", children: current.isConfigured ? "Configured" : "Not configured" }), current.method === "shiprocket" && (_jsx(Badge, { variant: current.isTokenValid ? "success" : "danger", children: current.isTokenValid ? "Shiprocket connected" : "Shiprocket token expired" }))] })), _jsx(Stack, { gap: "sm", children: ["custom", "shiprocket"].map((m) => (_jsxs("label", { className: "flex items-center gap-3 p-3 rounded-lg border border-[var(--appkit-color-border)] cursor-pointer has-[:checked]:border-[var(--appkit-color-primary)] has-[:checked]:bg-[var(--appkit-color-primary)]/5", children: [_jsx("input", { type: "radio", name: "method", value: m, checked: values.method === m, onChange: () => onChange({ method: m }), className: "accent-[var(--appkit-color-primary)]", disabled: busy }), _jsxs(Div, { children: [_jsx(Text, { className: "font-medium", children: m === "custom" ? "Custom / Manual" : "Shiprocket" }), _jsx(Text, { className: "text-sm text-[var(--appkit-color-text-muted)]", children: m === "custom"
+                                                ? "Set a fixed shipping fee and carrier name for all orders."
+                                                : "Automated shipping via Shiprocket — connect your account for label generation and tracking." })] })] }, m))) }), values.method === "custom" && (_jsxs(Stack, { gap: "md", className: "mt-2", children: [_jsx(FormField, { name: "customCarrierName", label: "Carrier Name", type: "text", value: values.customCarrierName, onChange: (v) => onChange({ customCarrierName: v }), placeholder: "e.g. India Post, DTDC, Delhivery", disabled: busy }), _jsx(FormField, { name: "customShippingPrice", label: "Shipping Price (\u20B9)", type: "number", value: values.customShippingPrice, onChange: (v) => onChange({ customShippingPrice: v }), placeholder: "0 for free shipping", helpText: "Charged to buyer at checkout. Enter 0 for free shipping.", disabled: busy })] })), values.method === "shiprocket" && (_jsxs(Stack, { gap: "md", className: "mt-2", children: [_jsx(FormField, { name: "shiprocketEmail", label: "Shiprocket Email", type: "email", value: values.shiprocketEmail, onChange: (v) => onChange({ shiprocketEmail: v }), placeholder: "your@email.com", disabled: busy }), _jsx(FormField, { name: "shiprocketPassword", label: current?.isTokenValid ? "Password (leave blank to keep existing token)" : "Password", type: "password", value: values.shiprocketPassword, onChange: (v) => onChange({ shiprocketPassword: v }), placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022", helpText: current?.isTokenValid ? "Only fill this to re-authenticate." : "Required to connect your Shiprocket account.", disabled: busy })] }))] })),
+        },
+        {
+            label: "Pickup Address",
+            render: ({ values, onChange }) => (_jsxs(Stack, { gap: "md", children: [_jsx(Heading, { level: 3, className: "mb-2", children: "Pickup Address" }), current?.pickupAddress && (_jsxs(Alert, { variant: "info", children: ["Current pickup: ", current.pickupAddress.locationName ?? "", current.pickupAddress.city ? `, ${current.pickupAddress.city}` : "", current.pickupAddress.isVerified ? " — ✓ Verified" : " — Pending OTP verification"] })), _jsx(StoreAddressSelectorCreate, { value: values.pickupAddressId, onChange: (id) => onChange({ pickupAddressId: id }), label: "Pickup Address", disabled: busy }), _jsx(Text, { className: "text-xs text-[var(--appkit-color-text-muted)]", children: "Registering a pickup address sends an OTP to your phone for verification." })] })),
+        },
+        {
+            label: "Rules",
+            render: ({ values, onChange }) => (_jsxs(Stack, { gap: "md", children: [_jsx(Heading, { level: 3, className: "mb-2", children: "Shipping Rules" }), _jsx(FormField, { name: "freeShippingThreshold", label: "Free Shipping Threshold (\u20B9)", type: "number", value: values.freeShippingThreshold, onChange: (v) => onChange({ freeShippingThreshold: v }), placeholder: "e.g. 500 \u2014 orders above this get free shipping", helpText: "Leave blank or 0 to disable free shipping offers.", disabled: busy }), _jsx(FormField, { name: "fragileSurcharge", label: "Fragile Item Surcharge (\u20B9)", type: "number", value: values.fragileSurcharge, onChange: (v) => onChange({ fragileSurcharge: v }), placeholder: "e.g. 50 \u2014 added for items marked fragile", helpText: "Leave blank or 0 to disable the fragile surcharge.", disabled: busy })] })),
+        },
+    ];
     return (_jsx(StackedViewShell, { portal: "seller", title: "Shipping Configuration", sections: [
-            _jsxs(Stack, { gap: "lg", children: [current && (_jsxs(Div, { className: "flex items-center gap-2", children: [_jsx(Badge, { variant: current.isConfigured ? "success" : "warning", children: current.isConfigured ? "Configured" : "Not configured" }), current.method === "shiprocket" && (_jsx(Badge, { variant: current.isTokenValid ? "success" : "danger", children: current.isTokenValid ? "Shiprocket connected" : "Shiprocket token expired" }))] })), error && _jsx(Alert, { variant: "error", children: error }), success && _jsx(Alert, { variant: "success", children: "Shipping configuration saved." }), _jsxs(Section, { children: [_jsx(Heading, { level: 3, className: "mb-3", children: "Shipping Method" }), _jsx(Stack, { gap: "sm", children: ["custom", "shiprocket"].map((m) => (_jsxs("label", { className: "flex items-center gap-3 p-3 rounded-lg border border-[var(--appkit-color-border)] cursor-pointer has-[:checked]:border-[var(--appkit-color-primary)] has-[:checked]:bg-[var(--appkit-color-primary)]/5", children: [_jsx("input", { type: "radio", name: "method", value: m, checked: draft.method === m, onChange: () => update("method", m), className: "accent-[var(--appkit-color-primary)]", disabled: busy }), _jsxs(Div, { children: [_jsx(Text, { className: "font-medium capitalize", children: m === "custom" ? "Custom / Manual" : "Shiprocket" }), _jsx(Text, { className: "text-sm text-[var(--appkit-color-text-muted)]", children: m === "custom"
-                                                        ? "Set a fixed shipping fee and carrier name for all orders."
-                                                        : "Automated shipping via Shiprocket — connect your account for label generation and tracking." })] })] }, m))) })] }), isCustom && (_jsxs(Section, { children: [_jsx(Heading, { level: 3, className: "mb-3", children: "Custom Shipping Details" }), _jsxs(Stack, { gap: "md", children: [_jsx(FormField, { name: "customCarrierName", label: "Carrier Name", type: "text", value: draft.customCarrierName, onChange: (v) => update("customCarrierName", v), placeholder: "e.g. India Post, DTDC, Delhivery", disabled: busy }), _jsx(FormField, { name: "customShippingPrice", label: "Shipping Price (\u20B9)", type: "number", value: draft.customShippingPrice, onChange: (v) => update("customShippingPrice", v), placeholder: "0 for free shipping", helpText: "Charged to buyer at checkout. Enter 0 for free shipping.", disabled: busy })] })] })), !isCustom && (_jsxs(Section, { children: [_jsx(Heading, { level: 3, className: "mb-3", children: "Shiprocket Account" }), _jsxs(Stack, { gap: "md", children: [_jsx(FormField, { name: "shiprocketEmail", label: "Shiprocket Email", type: "email", value: draft.shiprocketEmail, onChange: (v) => update("shiprocketEmail", v), placeholder: "your@email.com", disabled: busy }), _jsx(FormField, { name: "shiprocketPassword", label: current?.isTokenValid ? "Password (leave blank to keep existing token)" : "Password", type: "password", value: draft.shiprocketPassword, onChange: (v) => update("shiprocketPassword", v), placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022", helpText: current?.isTokenValid ? "Only fill this to re-authenticate." : "Required to connect your Shiprocket account.", disabled: busy }), _jsxs(Div, { children: [_jsx(StoreAddressSelectorCreate, { value: draft.pickupAddressId, onChange: (id) => update("pickupAddressId", id), label: "Pickup Address (optional)", disabled: busy }), _jsx(Text, { className: "mt-1 text-xs text-[var(--appkit-color-text-muted)]", children: "Registering a pickup address sends an OTP to your phone for verification." })] }), current?.pickupAddress && (_jsxs(Alert, { variant: "info", children: ["Current pickup: ", current.pickupAddress.locationName ?? "", current.pickupAddress.city ? `, ${current.pickupAddress.city}` : "", current.pickupAddress.isVerified
-                                                ? " — ✓ Verified"
-                                                : " — Pending OTP verification"] }))] })] })), _jsx(Div, { className: "flex justify-end pt-2 border-t border-[var(--appkit-color-border)]", children: _jsx(Button, { variant: "primary", onClick: handleSave, disabled: busy, isLoading: saving, children: "Save Configuration" }) })] }, "shipping"),
+            _jsxs("div", { children: [error && _jsx(Alert, { variant: "error", className: "mb-4", children: error }), success && _jsx(Alert, { variant: "success", className: "mb-4", children: "Shipping configuration saved." }), _jsx(StepForm, { steps: steps, values: draft, onChange: update, onComplete: handleSave, formId: "seller-shipping", currentStep: currentStep, onStepChange: setCurrentStep, completeLabel: "Save Configuration", isLoading: busy })] }, "shipping"),
         ] }));
 }

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

@@ -0,0 +1,9 @@
+export interface SellerStoreCategoriesViewProps {
+    onCreateClick?: () => void;
+    onEditClick?: (id: string) => void;
+    onDelete?: (id: string) => Promise<void>;
+    onBulkDelete?: (ids: string[]) => Promise<void>;
+    onBulkActivate?: (ids: string[]) => Promise<void>;
+    onBulkDeactivate?: (ids: string[]) => Promise<void>;
+}
+export declare function SellerStoreCategoriesView({ onCreateClick, onEditClick, onDelete, onBulkDelete, onBulkActivate, onBulkDeactivate, }: SellerStoreCategoriesViewProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,122 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useCallback } from "react";
+import { Plus } from "lucide-react";
+import { useUrlTable } from "../../../react/hooks/useUrlTable";
+import { useBulkSelection } from "../../../react/hooks/useBulkSelection";
+import { BulkActionBar, Button, ConfirmDeleteModal, DataTable, Div, ListingToolbar, Pagination, RowActionMenu, Text, } from "../../../ui";
+import { SELLER_ENDPOINTS } from "../../../constants/api-endpoints";
+import { ROUTES } from "../../../next";
+import { toRecordArray, toStringValue, useSellerListingData, } from "../hooks/useSellerListingData";
+import { TABLE_KEYS } from "../../../constants/table-keys";
+const PAGE_SIZE = 25;
+const DEFAULT_SORT = "displayOrder";
+const SORT_OPTIONS = [
+    { value: "displayOrder", label: "Display Order" },
+    { value: "label", label: "Label A–Z" },
+    { value: "-label", label: "Label Z–A" },
+    { value: "-createdAt", label: "Newest" },
+];
+const COLUMNS = [
+    {
+        key: "label",
+        header: "Label",
+        render: (row) => (_jsxs(Div, { children: [_jsx(Text, { className: "text-sm font-medium", children: row.label }), _jsxs(Text, { className: "text-xs text-[var(--appkit-color-text-muted)]", children: ["/", row.slug] })] })),
+    },
+    {
+        key: "productCount",
+        header: "Products",
+        render: (row) => _jsx(Text, { className: "text-sm tabular-nums", children: row.productCount }),
+    },
+    {
+        key: "isActive",
+        header: "Status",
+        render: (row) => (_jsx("span", { className: `inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium ${row.isActive
+                ? "bg-emerald-100 text-emerald-700 dark:bg-emerald-900/40 dark:text-emerald-300"
+                : "bg-zinc-100 text-zinc-600 dark:bg-slate-800 dark:text-slate-400"}`, children: row.isActive ? "Active" : "Hidden" })),
+    },
+];
+export function SellerStoreCategoriesView({ onCreateClick, onEditClick, onDelete, onBulkDelete, onBulkActivate, onBulkDeactivate, }) {
+    const table = useUrlTable({ defaults: { pageSize: String(PAGE_SIZE), sort: DEFAULT_SORT } });
+    const [searchInput, setSearchInput] = useState(table.get(TABLE_KEYS.QUERY) || "");
+    const [deleteTargetId, setDeleteTargetId] = useState(null);
+    const [deletingId, setDeletingId] = useState(null);
+    const commitSearch = useCallback(() => { table.set(TABLE_KEYS.QUERY, searchInput.trim()); }, [searchInput, table]);
+    const resetAll = useCallback(() => {
+        table.setMany({ [TABLE_KEYS.QUERY]: "", [TABLE_KEYS.SORT]: "" });
+        setSearchInput("");
+    }, [table]);
+    const hasActiveState = !!table.get(TABLE_KEYS.QUERY) || table.get(TABLE_KEYS.SORT) !== DEFAULT_SORT;
+    const { rows, total, isLoading, errorMessage, refetch } = useSellerListingData({
+        queryKey: ["seller", "store-categories"],
+        endpoint: SELLER_ENDPOINTS.STORE_CATEGORIES,
+        page: table.getNumber(TABLE_KEYS.PAGE, 1),
+        pageSize: PAGE_SIZE,
+        sorts: table.get(TABLE_KEYS.SORT) || DEFAULT_SORT,
+        q: table.get(TABLE_KEYS.QUERY) || undefined,
+        mapRows: (response) => toRecordArray(response.items).map((item, index) => ({
+            id: toStringValue(item.id, `cat-${index}`),
+            raw: item,
+            label: String(item.label ?? ""),
+            slug: String(item.slug ?? ""),
+            productCount: Number(item.productIds?.length ?? 0),
+            isActive: Boolean(item.isActive),
+        })),
+        getTotal: (response, rows) => typeof response.total === "number" ? response.total : rows.length,
+    });
+    const currentPage = table.getNumber(TABLE_KEYS.PAGE, 1);
+    const totalPages = Math.ceil(total / PAGE_SIZE);
+    const selection = useBulkSelection({ items: rows, keyExtractor: (r) => r.id });
+    const handleDelete = useCallback(async (id) => {
+        if (!onDelete)
+            return;
+        setDeletingId(id);
+        try {
+            await onDelete(id);
+            refetch?.();
+        }
+        finally {
+            setDeletingId(null);
+            setDeleteTargetId(null);
+        }
+    }, [onDelete, refetch]);
+    const bulkActions = [
+        ...(onBulkDelete ? [{
+                id: "bulk-delete",
+                label: "Delete selected",
+                variant: "danger",
+                onClick: async () => { await onBulkDelete(selection.selectedIds); selection.clearSelection(); refetch?.(); },
+            }] : []),
+        ...(onBulkActivate ? [{
+                id: "bulk-activate",
+                label: "Activate",
+                onClick: async () => { await onBulkActivate(selection.selectedIds); selection.clearSelection(); refetch?.(); },
+            }] : []),
+        ...(onBulkDeactivate ? [{
+                id: "bulk-deactivate",
+                label: "Deactivate",
+                onClick: async () => { await onBulkDeactivate(selection.selectedIds); selection.clearSelection(); refetch?.(); },
+            }] : []),
+    ];
+    const handleNavigateNew = () => {
+        if (onCreateClick) {
+            onCreateClick();
+            return;
+        }
+        window.location.href = String(ROUTES.STORE.STORE_CATEGORIES_NEW);
+    };
+    return (_jsxs("div", { className: "min-h-screen", children: [_jsx(ListingToolbar, { filterCount: 0, searchValue: searchInput, searchPlaceholder: "Search categories by label...", onSearchChange: setSearchInput, onSearchCommit: commitSearch, sortValue: table.get(TABLE_KEYS.SORT) || DEFAULT_SORT, sortOptions: SORT_OPTIONS, onSortChange: (v) => { table.set(TABLE_KEYS.SORT, v); }, showTableView: true, view: "table", onViewChange: () => { }, onResetAll: resetAll, hasActiveState: hasActiveState, extra: _jsxs(Button, { size: "sm", onClick: handleNavigateNew, className: "flex items-center gap-1.5", children: [_jsx(Plus, { className: "h-4 w-4" }), _jsx("span", { children: "New Category" })] }) }), 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) }) })), selection.selectedCount > 0 && (_jsx(BulkActionBar, { selectedCount: selection.selectedCount, actions: bulkActions, onClearSelection: selection.clearSelection })), _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 })), isLoading ? (_jsx(Div, { className: "space-y-2", children: Array.from({ length: 5 }).map((_, i) => (_jsx(Div, { className: "h-14 animate-pulse rounded-xl border border-zinc-100 dark:border-slate-700 bg-zinc-50 dark:bg-slate-800" }, i))) })) : rows.length === 0 ? (_jsx(Div, { className: "py-16 text-center", children: _jsx(Text, { className: "text-zinc-400 dark:text-zinc-500", children: "No categories yet \u2014 add your first storefront category" }) })) : (_jsx(DataTable, { columns: COLUMNS, data: rows, keyExtractor: (r) => r.id, selectable: bulkActions.length > 0, selectedIds: selection.selectedIds, onSelectionChange: (ids) => selection.setSelectedIds(ids), actions: (row) => (_jsx(RowActionMenu, { actions: [
+                                {
+                                    label: "Edit",
+                                    onClick: () => onEditClick
+                                        ? onEditClick(row.id)
+                                        : (window.location.href = String(ROUTES.STORE.STORE_CATEGORIES_EDIT(row.id))),
+                                },
+                                ...(onDelete ? [{
+                                        label: "Delete",
+                                        destructive: true,
+                                        onClick: () => setDeleteTargetId(row.id),
+                                        disabled: deletingId === row.id,
+                                    }] : []),
+                            ] })) }))] }), deleteTargetId && (_jsx(ConfirmDeleteModal, { isOpen: true, title: "Delete Category", message: "Are you sure you want to delete this category? This cannot be undone.", onConfirm: () => handleDelete(deleteTargetId), onClose: () => setDeleteTargetId(null), isDeleting: deletingId === deleteTargetId }))] }));
+}