@mohasinac/appkit 2.6.5 → 2.6.7

package/dist/features/admin/components/AdminSupportTicketsView.js

@@ -0,0 +1,151 @@
+"use client";
+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 { FilterChipGroup, ListingToolbar, ListingViewShell, Pagination, RowActionMenu, } from "../../../ui";
+import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints";
+import { ADMIN_SUPPORT_TICKET_STATUS_TABS, ADMIN_SUPPORT_TICKET_PRIORITY_TABS, } from "../constants/filter-tabs";
+import { toRecordArray, toRelativeDate, toStringValue, useAdminListingData, } from "../hooks/useAdminListingData";
+import { DataTable } from "./DataTable";
+import { AdminSupportTicketDetailView } from "./AdminSupportTicketDetailView";
+const PAGE_SIZE = 25;
+const FILTER_KEYS = ["status", "priority"];
+const DEFAULT_SORT = "-createdAt";
+const SORT_OPTIONS = [
+    { value: "-createdAt", label: "Newest" },
+    { value: "createdAt", label: "Oldest" },
+    { value: "-updatedAt", label: "Recently updated" },
+];
+const PRIORITY_BADGE = {
+    urgent: "bg-red-100 text-red-700 dark:bg-red-900/40 dark:text-red-300",
+    high: "bg-orange-100 text-orange-700 dark:bg-orange-900/40 dark:text-orange-300",
+    normal: "bg-blue-100 text-blue-700 dark:bg-blue-900/40 dark:text-blue-300",
+    low: "bg-zinc-100 text-zinc-600 dark:bg-zinc-800 dark:text-zinc-400",
+};
+const STATUS_BADGE = {
+    open: "bg-blue-100 text-blue-700 dark:bg-blue-900/40 dark:text-blue-300",
+    in_progress: "bg-yellow-100 text-yellow-700 dark:bg-yellow-900/40 dark:text-yellow-300",
+    waiting_on_user: "bg-purple-100 text-purple-700 dark:bg-purple-900/40 dark:text-purple-300",
+    resolved: "bg-green-100 text-green-700 dark:bg-green-900/40 dark:text-green-300",
+    closed: "bg-zinc-100 text-zinc-600 dark:bg-zinc-800 dark:text-zinc-400",
+};
+export function AdminSupportTicketsView({ 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 [drawerOpen, setDrawerOpen] = useState(false);
+    const [selectedRow, setSelectedRow] = useState(null);
+    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 filterParts = [];
+    const statusRaw = table.get("status");
+    if (statusRaw && statusRaw !== "All")
+        filterParts.push(`status==${statusRaw}`);
+    const priorityRaw = table.get("priority");
+    if (priorityRaw && priorityRaw !== "All")
+        filterParts.push(`priority==${priorityRaw}`);
+    const filters = filterParts.join(",") || undefined;
+    const { rows, total, isLoading, errorMessage } = useAdminListingData({
+        queryKey: ["admin", "support-tickets", "listing"],
+        endpoint: ADMIN_ENDPOINTS.SUPPORT_TICKETS,
+        page: table.getNumber("page", 1),
+        pageSize: PAGE_SIZE,
+        sorts: table.get("sort") || DEFAULT_SORT,
+        filters,
+        q: table.get("q") || undefined,
+        mapRows: (response) => toRecordArray(response.tickets).map((item, index) => ({
+            id: toStringValue(item.id, `ticket-${index}`),
+            primary: toStringValue(item.subject, "No subject"),
+            secondary: [
+                toStringValue(item.userDisplayName, "Unknown user"),
+                toStringValue(item.category, "general"),
+                item.orderId ? `Order: ${toStringValue(item.orderId, "")}` : null,
+            ]
+                .filter(Boolean)
+                .join(" · "),
+            status: toStringValue(item.status, "open"),
+            updatedAt: toRelativeDate(item.updatedAt ?? item.createdAt),
+            _raw: item,
+        })),
+        getTotal: (response, mappedRows) => {
+            if (typeof response.meta?.filteredTotal === "number")
+                return response.meta.filteredTotal;
+            if (typeof response.meta?.total === "number")
+                return response.meta.total;
+            if (typeof response.total === "number")
+                return response.total;
+            return mappedRows.length;
+        },
+    });
+    const currentPage = table.getNumber("page", 1);
+    const totalPages = Math.ceil(total / PAGE_SIZE);
+    if (hasChildren) {
+        return (_jsx(ListingViewShell, { portal: "admin", ...props, children: children }));
+    }
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "min-h-screen", children: [_jsx(ListingToolbar, { filterCount: activeFilterCount, onFiltersClick: openFilters, searchValue: searchInput, searchPlaceholder: "Search by subject", 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 support tickets found", renderRowActions: (row) => (_jsx(RowActionMenu, { actions: [
+                                        {
+                                            label: "View",
+                                            onClick: () => {
+                                                setSelectedRow(row);
+                                                setDrawerOpen(true);
+                                            },
+                                        },
+                                    ] })), columns: [
+                                    {
+                                        key: "primary",
+                                        header: "Subject",
+                                        render: (row) => {
+                                            const r = row;
+                                            const priority = toStringValue(r._raw?.priority, "normal");
+                                            return (_jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "font-medium text-zinc-900 dark:text-zinc-100", children: r.primary }), r.secondary ? (_jsx("p", { className: "text-xs text-zinc-500 dark:text-zinc-400", children: r.secondary })) : null, _jsx("span", { className: `inline-flex rounded-full px-2 py-0.5 text-xs font-medium ${PRIORITY_BADGE[priority] ?? PRIORITY_BADGE.normal}`, children: priority })] }));
+                                        },
+                                    },
+                                    {
+                                        key: "status",
+                                        header: "Status",
+                                        className: "w-36",
+                                        render: (row) => {
+                                            const r = row;
+                                            return (_jsx("span", { className: `inline-flex rounded-full px-2.5 py-1 text-xs font-medium ${STATUS_BADGE[r.status] ?? STATUS_BADGE.open}`, children: r.status.replace(/_/g, " ") }));
+                                        },
+                                    },
+                                    {
+                                        key: "updatedAt",
+                                        header: "Updated",
+                                        className: "w-32",
+                                        render: (row) => (_jsx("span", { className: "text-sm text-zinc-500 dark:text-zinc-400", children: row.updatedAt })),
+                                    },
+                                ] })] }), 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" }) })] })] }), _jsxs("div", { className: "flex-1 overflow-y-auto px-4 py-4 space-y-5", children: [_jsx(FilterChipGroup, { label: "Status", tabs: ADMIN_SUPPORT_TICKET_STATUS_TABS, value: pendingFilters.status ?? "", onChange: (id) => setPendingFilters((p) => ({ ...p, status: id })) }), _jsx(FilterChipGroup, { label: "Priority", tabs: ADMIN_SUPPORT_TICKET_PRIORITY_TABS, value: pendingFilters.priority ?? "", onChange: (id) => setPendingFilters((p) => ({ ...p, priority: id })) })] }), _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})` : ""] }) })] })] }))] }), _jsx(AdminSupportTicketDetailView, { open: drawerOpen, onClose: () => setDrawerOpen(false), ticketId: selectedRow?.id, subject: selectedRow?.primary, userDisplayName: toStringValue(selectedRow?._raw?.userDisplayName, ""), category: toStringValue(selectedRow?._raw?.category, "general"), currentStatus: selectedRow?.status, currentPriority: toStringValue(selectedRow?._raw?.priority, "normal"), description: toStringValue(selectedRow?._raw?.description, ""), messages: Array.isArray(selectedRow?._raw?.messages)
+                    ? selectedRow._raw.messages
+                    : [], internalNotes: toStringValue(selectedRow?._raw?.internalNotes, "") || undefined, orderId: toStringValue(selectedRow?._raw?.orderId, "") || undefined })] }));
+}

package/dist/features/admin/components/AdminTeamView.d.ts

@@ -0,0 +1,4 @@
+import type { ListingViewShellProps } from "../../../ui";
+export interface AdminTeamViewProps extends ListingViewShellProps {
+}
+export declare function AdminTeamView({ children, ...props }: AdminTeamViewProps): import("react/jsx-runtime").JSX.Element;

package/dist/features/admin/components/AdminTeamView.js

@@ -0,0 +1,139 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import React, { useState, useCallback } from "react";
+import { X, UserPlus } from "lucide-react";
+import { useUrlTable } from "../../../react/hooks/useUrlTable";
+import { Button, FilterChipGroup, ListingToolbar, Pagination, ListingViewShell, RowActionMenu, } from "../../../ui";
+import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints";
+import { ALL_TAB } from "../constants/filter-tabs";
+import { toRecordArray, toRelativeDate, toStringValue, useAdminListingData, } from "../hooks/useAdminListingData";
+import { DataTable } from "./DataTable";
+import { AdminEmployeeEditorView } from "./AdminEmployeeEditorView";
+const PAGE_SIZE = 25;
+const FILTER_KEY = "group";
+const DEFAULT_SORT = "-createdAt";
+const SORT_OPTIONS = [
+    { value: "-createdAt", label: "Newest" },
+    { value: "createdAt", label: "Oldest" },
+    { value: "displayName", label: "Name A–Z" },
+];
+const GROUP_TABS = [
+    ALL_TAB,
+    { id: "content_moderator", label: "Content Mod" },
+    { id: "review_manager", label: "Reviews" },
+    { id: "blog_poster", label: "Blog" },
+    { id: "community_manager", label: "Community" },
+    { id: "event_handler", label: "Events" },
+    { id: "newsletter_manager", label: "Newsletter" },
+    { id: "seo_manager", label: "SEO" },
+    { id: "ad_manager", label: "Ads" },
+    { id: "site_manager", label: "Site" },
+    { id: "catalog_manager", label: "Catalog" },
+    { id: "finance_manager", label: "Finance" },
+    { id: "data_analyst", label: "Analytics" },
+    { id: "customer_support", label: "Support" },
+    { id: "support_agent", label: "Agent" },
+    { id: "store_onboarding", label: "Onboarding" },
+    { id: "trust_and_safety", label: "T&S" },
+    { id: "auction_monitor", label: "Auctions" },
+    { id: "scam_moderator", label: "Scams" },
+    { id: "custom", label: "Custom" },
+];
+function formatGroup(group) {
+    return group.replace(/_/g, " ").replace(/\b\w/g, (c) => c.toUpperCase());
+}
+export function AdminTeamView({ 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 [pendingGroup, setPendingGroup] = useState(table.get(FILTER_KEY) ?? "");
+    const [drawerOpen, setDrawerOpen] = useState(false);
+    const [selectedRow, setSelectedRow] = useState(null);
+    const [inviteMode, setInviteMode] = useState(false);
+    const openFilters = useCallback(() => {
+        setPendingGroup(table.get(FILTER_KEY) ?? "");
+        setFilterOpen(true);
+    }, [table]);
+    const applyFilters = useCallback(() => {
+        table.setMany({ page: "1", [FILTER_KEY]: pendingGroup });
+        setFilterOpen(false);
+    }, [pendingGroup, table]);
+    const clearFilters = useCallback(() => {
+        setPendingGroup("");
+    }, []);
+    const resetAll = useCallback(() => {
+        table.setMany({ q: "", sort: "", [FILTER_KEY]: "" });
+        setSearchInput("");
+    }, [table]);
+    const commitSearch = useCallback(() => {
+        table.set("q", searchInput.trim());
+    }, [searchInput, table]);
+    const openInvite = useCallback(() => {
+        setSelectedRow(null);
+        setInviteMode(true);
+        setDrawerOpen(true);
+    }, []);
+    const openEdit = useCallback((row) => {
+        setSelectedRow(row);
+        setInviteMode(false);
+        setDrawerOpen(true);
+    }, []);
+    const activeFilterCount = table.get(FILTER_KEY) ? 1 : 0;
+    const hasActiveState = !!table.get("q") ||
+        table.get("sort") !== DEFAULT_SORT ||
+        activeFilterCount > 0;
+    const groupRaw = table.get(FILTER_KEY);
+    const filters = groupRaw && groupRaw !== "All"
+        ? `permissionGroup==${groupRaw}`
+        : undefined;
+    const { rows, total, isLoading, errorMessage } = useAdminListingData({
+        queryKey: ["admin", "team", "listing"],
+        endpoint: ADMIN_ENDPOINTS.TEAM,
+        page: table.getNumber("page", 1),
+        pageSize: PAGE_SIZE,
+        sorts: table.get("sort") || DEFAULT_SORT,
+        filters,
+        q: table.get("q") || undefined,
+        mapRows: (response) => toRecordArray(response.users).map((item, index) => ({
+            id: toStringValue(item.id ?? item.uid, `employee-${index}`),
+            primary: toStringValue(item.displayName, "Unnamed employee"),
+            secondary: [
+                toStringValue(item.email, "No email"),
+                item.permissionGroup
+                    ? formatGroup(toStringValue(item.permissionGroup, ""))
+                    : "Custom",
+            ].join(" · "),
+            status: typeof item.disabled === "boolean"
+                ? item.disabled ? "Disabled" : "Active"
+                : "Active",
+            updatedAt: toRelativeDate(item.updatedAt ?? item.createdAt),
+            _raw: item,
+        })),
+        getTotal: (response, mappedRows) => {
+            if (typeof response.meta?.total === "number")
+                return response.meta.total;
+            if (typeof response.total === "number")
+                return response.total;
+            return mappedRows.length;
+        },
+    });
+    const currentPage = table.getNumber("page", 1);
+    const totalPages = Math.ceil(total / PAGE_SIZE);
+    if (hasChildren) {
+        return (_jsx(ListingViewShell, { portal: "admin", ...props, children: children }));
+    }
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "min-h-screen", children: [_jsx(ListingToolbar, { filterCount: activeFilterCount, onFiltersClick: openFilters, searchValue: searchInput, searchPlaceholder: "Search by name or email", 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, extra: _jsxs(Button, { type: "button", variant: "primary", onClick: openInvite, className: "flex items-center gap-1.5 whitespace-nowrap", children: [_jsx(UserPlus, { className: "h-4 w-4" }), "Invite Employee"] }) }), 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 employees found", renderRowActions: (row) => (_jsx(RowActionMenu, { actions: [
+                                        {
+                                            label: "Edit Permissions",
+                                            onClick: () => openEdit(row),
+                                        },
+                                    ] })) })] }), 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", children: _jsx(FilterChipGroup, { label: "Permission Group", tabs: GROUP_TABS, value: pendingGroup, onChange: (id) => setPendingGroup(id) }) }), _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})` : ""] }) })] })] }))] }), _jsx(AdminEmployeeEditorView, { open: drawerOpen, onClose: () => setDrawerOpen(false), mode: inviteMode ? "invite" : "edit", userId: selectedRow?.id, displayName: selectedRow?.primary, currentPermissionGroup: toStringValue(selectedRow?._raw?.permissionGroup, "custom"), currentPermissions: Array.isArray(selectedRow?._raw?.permissions)
+                    ? selectedRow._raw.permissions
+                    : [] })] }));
+}

package/dist/features/admin/components/AdminUserEditorView.d.ts

@@ -1,3 +1,10 @@
+interface SoftBanEntry {
+    action: string;
+    reason: string;
+    bannedAt: string;
+    expiresAt?: string | null;
+    bannedBy: string;
+}
 export interface AdminUserEditorViewProps {
     open: boolean;
     onClose: () => void;
@@ -9,5 +16,11 @@ export interface AdminUserEditorViewProps {
     /** Store the user owns (for sellers/admins). storeId === storeSlug in this project. */
     ownedStoreId?: string;
     ownedStoreName?: string;
+    /** Soft bans from the user document (serialized from Firestore). */
+    currentSoftBans?: SoftBanEntry[];
+    /** Whether the user is hard-banned (isDisabled + hardBanReason set). */
+    currentIsHardBanned?: boolean;
+    currentHardBanReason?: string;
 }
-export declare function AdminUserEditorView({ open, onClose, userId, displayName, currentRole, currentIsDisabled, currentEmailVerified, ownedStoreId, ownedStoreName, }: AdminUserEditorViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function AdminUserEditorView({ open, onClose, userId, displayName, currentRole, currentIsDisabled, currentEmailVerified, ownedStoreId, ownedStoreName, currentSoftBans, currentIsHardBanned, currentHardBanReason, }: AdminUserEditorViewProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/features/admin/components/AdminUserEditorView.js

@@ -10,37 +10,72 @@ const ROLE_OPTIONS = [
     { label: "Seller", value: "seller" },
     { label: "Admin", value: "admin" },
 ];
+const BANNED_ACTION_OPTIONS = [
+    { label: "Write reviews", value: "write_reviews" },
+    { label: "Write blog comments", value: "write_blog_comments" },
+    { label: "Join events", value: "join_events" },
+    { label: "Place bids", value: "place_bids" },
+    { label: "Create listings", value: "create_listings" },
+    { label: "Send messages", value: "send_messages" },
+    { label: "Create support tickets", value: "create_support_tickets" },
+    { label: "Report scammers", value: "report_scammers" },
+];
+function formatBanAction(action) {
+    return BANNED_ACTION_OPTIONS.find((o) => o.value === action)?.label ?? action;
+}
+function formatExpiry(expiresAt) {
+    if (!expiresAt)
+        return "Permanent";
+    const d = new Date(expiresAt);
+    if (isNaN(d.getTime()))
+        return "Permanent";
+    if (d < new Date())
+        return `Expired ${d.toLocaleDateString()}`;
+    return `Until ${d.toLocaleDateString()}`;
+}
 // --- Component ---------------------------------------------------------------
-export function AdminUserEditorView({ open, onClose, userId, displayName, currentRole, currentIsDisabled, currentEmailVerified, ownedStoreId, ownedStoreName, }) {
+export function AdminUserEditorView({ open, onClose, userId, displayName, currentRole, currentIsDisabled, currentEmailVerified, ownedStoreId, ownedStoreName, currentSoftBans, currentIsHardBanned, currentHardBanReason, }) {
     const queryClient = useQueryClient();
     const { showToast } = useToast();
+    // --- General fields -------------------------------------------------------
     const [role, setRole] = React.useState(currentRole ?? "user");
-    const [isDisabled, setIsDisabled] = React.useState(currentIsDisabled ?? false);
-    const [banReason, setBanReason] = React.useState("");
     const [emailVerified, setEmailVerified] = React.useState(currentEmailVerified ?? false);
     const [adminNotes, setAdminNotes] = React.useState("");
     const [deleteOpen, setDeleteOpen] = React.useState(false);
+    // --- Hard ban form --------------------------------------------------------
+    const [showHardBanForm, setShowHardBanForm] = React.useState(false);
+    const [hardBanReasonInput, setHardBanReasonInput] = React.useState("");
+    // --- Soft ban form --------------------------------------------------------
+    const [showAddSoftBan, setShowAddSoftBan] = React.useState(false);
+    const [softBanAction, setSoftBanAction] = React.useState(BANNED_ACTION_OPTIONS[0].value);
+    const [softBanReason, setSoftBanReason] = React.useState("");
+    const [softBanExpiry, setSoftBanExpiry] = React.useState("");
     React.useEffect(() => {
         if (open) {
             setRole(currentRole ?? "user");
-            setIsDisabled(currentIsDisabled ?? false);
-            setBanReason("");
             setEmailVerified(currentEmailVerified ?? false);
             setAdminNotes("");
+            setShowHardBanForm(false);
+            setHardBanReasonInput("");
+            setShowAddSoftBan(false);
+            setSoftBanAction(BANNED_ACTION_OPTIONS[0].value);
+            setSoftBanReason("");
+            setSoftBanExpiry("");
         }
-    }, [open, currentRole, currentIsDisabled, currentEmailVerified]);
+    }, [open, currentRole, currentEmailVerified]);
+    const invalidate = () => queryClient.invalidateQueries({ queryKey: ["admin", "users"] });
+    // --- Mutations ------------------------------------------------------------
     const saveMutation = useMutation({
         mutationFn: async () => {
             await apiClient.patch(ADMIN_ENDPOINTS.USER_BY_ID(userId), {
                 role,
-                isDisabled,
                 emailVerified,
                 adminNotes: adminNotes || undefined,
             });
         },
         onSuccess: () => {
             showToast("User updated.", "success");
-            queryClient.invalidateQueries({ queryKey: ["admin", "users"] });
+            invalidate();
             onClose();
         },
         onError: (err) => {
@@ -53,7 +88,7 @@ export function AdminUserEditorView({ open, onClose, userId, displayName, curren
         },
         onSuccess: () => {
             showToast("User deleted.", "success");
-            queryClient.invalidateQueries({ queryKey: ["admin", "users"] });
+            invalidate();
             setDeleteOpen(false);
             onClose();
         },
@@ -61,12 +96,79 @@ export function AdminUserEditorView({ open, onClose, userId, displayName, curren
             showToast(err?.message ?? "Failed to delete user.", "error");
         },
     });
+    const hardBanMutation = useMutation({
+        mutationFn: async (reason) => {
+            await apiClient.post(ADMIN_ENDPOINTS.USER_HARD_BAN(userId), { reason });
+        },
+        onSuccess: () => {
+            showToast("User hard-banned.", "success");
+            invalidate();
+            setShowHardBanForm(false);
+            setHardBanReasonInput("");
+            onClose();
+        },
+        onError: (err) => {
+            showToast(err?.message ?? "Failed to ban user.", "error");
+        },
+    });
+    const unbanMutation = useMutation({
+        mutationFn: async () => {
+            await apiClient.post(ADMIN_ENDPOINTS.USER_UNBAN(userId), {});
+        },
+        onSuccess: () => {
+            showToast("User unbanned.", "success");
+            invalidate();
+            onClose();
+        },
+        onError: (err) => {
+            showToast(err?.message ?? "Failed to unban user.", "error");
+        },
+    });
+    const softBanMutation = useMutation({
+        mutationFn: async (payload) => {
+            await apiClient.post(ADMIN_ENDPOINTS.USER_SOFT_BAN(userId), payload);
+        },
+        onSuccess: () => {
+            showToast("Soft ban applied.", "success");
+            invalidate();
+            setShowAddSoftBan(false);
+            setSoftBanAction(BANNED_ACTION_OPTIONS[0].value);
+            setSoftBanReason("");
+            setSoftBanExpiry("");
+        },
+        onError: (err) => {
+            showToast(err?.message ?? "Failed to apply soft ban.", "error");
+        },
+    });
+    const liftSoftBanMutation = useMutation({
+        mutationFn: async (action) => {
+            await apiClient.delete(ADMIN_ENDPOINTS.USER_SOFT_BAN_LIFT(userId, action));
+        },
+        onSuccess: () => {
+            showToast("Soft ban lifted.", "success");
+            invalidate();
+        },
+        onError: (err) => {
+            showToast(err?.message ?? "Failed to lift soft ban.", "error");
+        },
+    });
+    const isHardBanned = currentIsHardBanned ?? false;
+    const softBans = currentSoftBans ?? [];
     return (_jsxs(_Fragment, { children: [_jsx(SideDrawer, { isOpen: open, onClose: onClose, title: displayName ? `Manage: ${displayName}` : "Manage User", children: _jsxs(Form, { onSubmit: (e) => {
                         e.preventDefault();
                         saveMutation.mutate();
-                    }, className: "space-y-4 p-4", children: [userId && (_jsx("div", { className: "rounded-lg border border-zinc-200 bg-zinc-50 px-3 py-2 text-xs dark:border-zinc-700 dark:bg-zinc-900/40", children: _jsxs("div", { className: "flex flex-col gap-1 text-zinc-700 dark:text-zinc-300", children: [_jsxs("div", { children: [_jsx("span", { className: "font-semibold", children: "Owner ID (Firebase UID):" }), " ", _jsx("code", { className: "select-all font-mono", children: userId })] }), ownedStoreId && (_jsxs("div", { children: [_jsx("span", { className: "font-semibold", children: "Owns store:" }), " ", _jsx("code", { className: "select-all font-mono", children: ownedStoreId }), ownedStoreName ? ` — ${ownedStoreName}` : ""] }))] }) })), _jsx(Select, { label: "Role", options: ROLE_OPTIONS, value: role, onValueChange: setRole }), _jsx(Toggle, { label: "Account disabled (banned)", checked: isDisabled, onChange: (val) => {
-                                setIsDisabled(val);
-                                if (!val)
-                                    setBanReason("");
-                            } }), isDisabled && (_jsxs("div", { className: "flex flex-col gap-1", children: [_jsx("label", { className: "text-sm font-medium text-zinc-700 dark:text-zinc-300", children: "Ban reason (optional)" }), _jsx("textarea", { value: banReason, onChange: (e) => setBanReason(e.target.value), rows: 2, placeholder: "e.g. Repeated policy violations, fraudulent activity\u2026", className: "w-full rounded-lg border border-zinc-300 dark:border-zinc-700 bg-white dark:bg-zinc-800 px-3 py-2 text-sm text-zinc-900 dark:text-zinc-100 placeholder-zinc-400 focus:outline-none focus:ring-2 focus:ring-primary-500" })] })), _jsx(Toggle, { label: "Email verified", checked: emailVerified, onChange: setEmailVerified }), _jsxs("div", { className: "flex flex-col gap-1", children: [_jsx("label", { className: "text-sm font-medium text-zinc-700 dark:text-zinc-300", children: "Admin notes (optional)" }), _jsx("textarea", { value: adminNotes, onChange: (e) => setAdminNotes(e.target.value), rows: 3, placeholder: "Internal notes about this user\u2026", className: "w-full rounded-lg border border-zinc-300 dark:border-zinc-700 bg-white dark:bg-zinc-800 px-3 py-2 text-sm text-zinc-900 dark:text-zinc-100 placeholder-zinc-400 focus:outline-none focus:ring-2 focus:ring-primary-500" })] }), _jsxs(FormActions, { align: "right", children: [_jsx(Button, { type: "button", variant: "danger", onClick: () => setDeleteOpen(true), disabled: !userId, children: "Delete user" }), _jsx(Button, { type: "button", variant: "secondary", onClick: onClose, children: "Cancel" }), _jsx(Button, { type: "submit", isLoading: saveMutation.isPending, disabled: !userId || saveMutation.isPending, children: "Save changes" })] })] }) }), _jsx(ConfirmDeleteModal, { isOpen: deleteOpen, onClose: () => setDeleteOpen(false), onConfirm: () => deleteMutation.mutate(), isDeleting: deleteMutation.isPending, title: `Delete ${displayName ?? "user"}?`, message: "This action cannot be undone. The user's account and all associated data will be permanently removed.", confirmText: "Delete user", variant: "danger" })] }));
+                    }, className: "space-y-4 p-4", children: [userId && (_jsx("div", { className: "rounded-lg border border-zinc-200 bg-zinc-50 px-3 py-2 text-xs dark:border-zinc-700 dark:bg-zinc-900/40", children: _jsxs("div", { className: "flex flex-col gap-1 text-zinc-700 dark:text-zinc-300", children: [_jsxs("div", { children: [_jsx("span", { className: "font-semibold", children: "Owner ID (Firebase UID):" }), " ", _jsx("code", { className: "select-all font-mono", children: userId })] }), ownedStoreId && (_jsxs("div", { children: [_jsx("span", { className: "font-semibold", children: "Owns store:" }), " ", _jsx("code", { className: "select-all font-mono", children: ownedStoreId }), ownedStoreName ? ` — ${ownedStoreName}` : ""] }))] }) })), _jsx(Select, { label: "Role", options: ROLE_OPTIONS, value: role, onValueChange: setRole }), _jsx(Toggle, { label: "Email verified", checked: emailVerified, onChange: setEmailVerified }), _jsxs("div", { className: "flex flex-col gap-1", children: [_jsx("label", { className: "text-sm font-medium text-zinc-700 dark:text-zinc-300", children: "Admin notes (optional)" }), _jsx("textarea", { value: adminNotes, onChange: (e) => setAdminNotes(e.target.value), rows: 3, placeholder: "Internal notes about this user\u2026", className: "w-full rounded-lg border border-zinc-300 dark:border-zinc-700 bg-white dark:bg-zinc-800 px-3 py-2 text-sm text-zinc-900 dark:text-zinc-100 placeholder-zinc-400 focus:outline-none focus:ring-2 focus:ring-primary-500" })] }), _jsxs(FormActions, { align: "right", children: [_jsx(Button, { type: "button", variant: "danger", onClick: () => setDeleteOpen(true), disabled: !userId, children: "Delete user" }), _jsx(Button, { type: "button", variant: "secondary", onClick: onClose, children: "Cancel" }), _jsx(Button, { type: "submit", isLoading: saveMutation.isPending, disabled: !userId || saveMutation.isPending, children: "Save changes" })] }), _jsxs("div", { className: "border-t border-zinc-200 pt-4 dark:border-zinc-700", children: [_jsx("h3", { className: "mb-3 text-sm font-semibold text-zinc-700 dark:text-zinc-300", children: "Moderation" }), _jsxs("div", { className: "mb-4 rounded-lg border border-zinc-200 bg-zinc-50 p-3 dark:border-zinc-700 dark:bg-zinc-900/40", children: [_jsxs("div", { className: "mb-2 flex items-center justify-between", children: [_jsx("span", { className: "text-sm font-medium text-zinc-700 dark:text-zinc-300", children: "Hard ban" }), isHardBanned ? (_jsx("span", { className: "rounded-full bg-red-100 px-2 py-0.5 text-xs font-semibold text-red-700 dark:bg-red-900/40 dark:text-red-300", children: "Banned" })) : (_jsx("span", { className: "rounded-full bg-green-100 px-2 py-0.5 text-xs font-semibold text-green-700 dark:bg-green-900/40 dark:text-green-300", children: "Active" }))] }), isHardBanned ? (_jsxs("div", { className: "space-y-2", children: [currentHardBanReason && (_jsxs("p", { className: "text-xs text-zinc-600 dark:text-zinc-400", children: ["Reason: ", currentHardBanReason] })), _jsx(Button, { type: "button", variant: "secondary", size: "sm", isLoading: unbanMutation.isPending, disabled: unbanMutation.isPending, onClick: () => unbanMutation.mutate(), children: "Lift hard ban" })] })) : showHardBanForm ? (_jsxs("div", { className: "space-y-2", children: [_jsxs("div", { className: "flex flex-col gap-1", children: [_jsx("label", { className: "text-xs font-medium text-zinc-700 dark:text-zinc-300", children: "Ban reason (required)" }), _jsx("textarea", { value: hardBanReasonInput, onChange: (e) => setHardBanReasonInput(e.target.value), rows: 2, placeholder: "e.g. Repeated fraud, scam activity\u2026", className: "w-full rounded-lg border border-zinc-300 dark:border-zinc-700 bg-white dark:bg-zinc-800 px-3 py-2 text-sm text-zinc-900 dark:text-zinc-100 placeholder-zinc-400 focus:outline-none focus:ring-2 focus:ring-red-500" })] }), _jsxs("div", { className: "flex gap-2", children: [_jsx(Button, { type: "button", variant: "danger", size: "sm", isLoading: hardBanMutation.isPending, disabled: !hardBanReasonInput.trim() || hardBanMutation.isPending, onClick: () => hardBanMutation.mutate(hardBanReasonInput.trim()), children: "Confirm hard ban" }), _jsx(Button, { type: "button", variant: "secondary", size: "sm", onClick: () => {
+                                                                setShowHardBanForm(false);
+                                                                setHardBanReasonInput("");
+                                                            }, children: "Cancel" })] })] })) : (_jsx(Button, { type: "button", variant: "danger", size: "sm", disabled: !userId, onClick: () => setShowHardBanForm(true), children: "Impose hard ban" }))] }), _jsxs("div", { className: "rounded-lg border border-zinc-200 bg-zinc-50 p-3 dark:border-zinc-700 dark:bg-zinc-900/40", children: [_jsxs("div", { className: "mb-2 flex items-center justify-between", children: [_jsxs("span", { className: "text-sm font-medium text-zinc-700 dark:text-zinc-300", children: ["Soft bans", softBans.length > 0 ? ` (${softBans.length})` : ""] }), !showAddSoftBan && (_jsx(Button, { type: "button", variant: "secondary", size: "sm", disabled: !userId, onClick: () => setShowAddSoftBan(true), children: "Add soft ban" }))] }), softBans.length > 0 && (_jsx("ul", { className: "mb-3 space-y-2", children: softBans.map((ban) => (_jsxs("li", { className: "flex items-start justify-between gap-2 rounded-md border border-zinc-200 bg-white px-3 py-2 text-xs dark:border-zinc-700 dark:bg-zinc-800", children: [_jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("div", { className: "font-semibold text-zinc-800 dark:text-zinc-200", children: formatBanAction(ban.action) }), _jsx("div", { className: "text-zinc-500 dark:text-zinc-400", children: ban.reason }), _jsx("div", { className: "text-zinc-400 dark:text-zinc-500", children: formatExpiry(ban.expiresAt) })] }), _jsx(Button, { type: "button", variant: "secondary", size: "sm", isLoading: liftSoftBanMutation.isPending, disabled: liftSoftBanMutation.isPending, onClick: () => liftSoftBanMutation.mutate(ban.action), children: "Lift" })] }, ban.action))) })), showAddSoftBan && (_jsxs("div", { className: "space-y-2", children: [_jsx(Select, { label: "Action to restrict", options: BANNED_ACTION_OPTIONS, value: softBanAction, onValueChange: setSoftBanAction }), _jsxs("div", { className: "flex flex-col gap-1", children: [_jsx("label", { className: "text-xs font-medium text-zinc-700 dark:text-zinc-300", children: "Reason (required)" }), _jsx("textarea", { value: softBanReason, onChange: (e) => setSoftBanReason(e.target.value), rows: 2, placeholder: "e.g. Suspicious bid activity\u2026", className: "w-full rounded-lg border border-zinc-300 dark:border-zinc-700 bg-white dark:bg-zinc-800 px-3 py-2 text-sm text-zinc-900 dark:text-zinc-100 placeholder-zinc-400 focus:outline-none focus:ring-2 focus:ring-primary-500" })] }), _jsxs("div", { className: "flex flex-col gap-1", children: [_jsx("label", { className: "text-xs font-medium text-zinc-700 dark:text-zinc-300", children: "Expires at (optional \u2014 leave blank for permanent)" }), _jsx("input", { type: "datetime-local", value: softBanExpiry, onChange: (e) => setSoftBanExpiry(e.target.value), className: "w-full rounded-lg border border-zinc-300 dark:border-zinc-700 bg-white dark:bg-zinc-800 px-3 py-2 text-sm text-zinc-900 dark:text-zinc-100 focus:outline-none focus:ring-2 focus:ring-primary-500" })] }), _jsxs("div", { className: "flex gap-2", children: [_jsx(Button, { type: "button", variant: "primary", size: "sm", isLoading: softBanMutation.isPending, disabled: !softBanReason.trim() || softBanMutation.isPending, onClick: () => softBanMutation.mutate({
+                                                                action: softBanAction,
+                                                                reason: softBanReason.trim(),
+                                                                ...(softBanExpiry
+                                                                    ? { expiresAt: new Date(softBanExpiry).toISOString() }
+                                                                    : {}),
+                                                            }), children: "Apply soft ban" }), _jsx(Button, { type: "button", variant: "secondary", size: "sm", onClick: () => {
+                                                                setShowAddSoftBan(false);
+                                                                setSoftBanReason("");
+                                                                setSoftBanExpiry("");
+                                                            }, children: "Cancel" })] })] })), softBans.length === 0 && !showAddSoftBan && (_jsx("p", { className: "text-xs text-zinc-400 dark:text-zinc-500", children: "No active soft bans." }))] })] })] }) }), _jsx(ConfirmDeleteModal, { isOpen: deleteOpen, onClose: () => setDeleteOpen(false), onConfirm: () => deleteMutation.mutate(), isDeleting: deleteMutation.isPending, title: `Delete ${displayName ?? "user"}?`, message: "This action cannot be undone. The user's account and all associated data will be permanently removed.", confirmText: "Delete user", variant: "danger" })] }));
 }

package/dist/features/admin/components/AdminUsersView.js

@@ -79,17 +79,29 @@ export function AdminUsersView({ children, ...props }) {
         sorts: table.get("sort") || DEFAULT_SORT,
         filters,
         q: table.get("q") || undefined,
-        mapRows: (response) => toRecordArray(response.users).map((item, index) => ({
-            id: toStringValue(item.id ?? item.uid, `user-${index}`),
-            primary: toStringValue(item.displayName, "Unnamed user"),
-            secondary: [
-                toStringValue(item.email, "No email"),
-                toStringValue(item.role, "Unknown role"),
-            ].join(" · "),
-            status: typeof item.disabled === "boolean" ? (item.disabled ? "Disabled" : "Active") : "Active",
-            updatedAt: toRelativeDate(item.lastLoginAt ?? item.createdAt),
-            _raw: item,
-        })),
+        mapRows: (response) => toRecordArray(response.users).map((item, index) => {
+            const isDisabled = Boolean(item.isDisabled ?? item.disabled);
+            const isHardBanned = isDisabled && Boolean(item.hardBanReason);
+            const softBanCount = Array.isArray(item.softBans) ? item.softBans.length : 0;
+            let status = "Active";
+            if (isHardBanned)
+                status = "Hard banned";
+            else if (isDisabled)
+                status = "Disabled";
+            else if (softBanCount > 0)
+                status = `Soft bans (${softBanCount})`;
+            return {
+                id: toStringValue(item.id ?? item.uid, `user-${index}`),
+                primary: toStringValue(item.displayName, "Unnamed user"),
+                secondary: [
+                    toStringValue(item.email, "No email"),
+                    toStringValue(item.role, "Unknown role"),
+                ].join(" · "),
+                status,
+                updatedAt: toRelativeDate(item.lastLoginAt ?? item.createdAt),
+                _raw: item,
+            };
+        }),
         getTotal: (response, mappedRows) => {
             if (typeof response.meta?.total === "number")
                 return response.meta.total;
@@ -106,5 +118,20 @@ export function AdminUsersView({ children, ...props }) {
     return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "min-h-screen", children: [_jsx(ListingToolbar, { filterCount: activeFilterCount, onFiltersClick: openFilters, searchValue: searchInput, searchPlaceholder: "Search users, email, or seller handles", 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 users found", selectedIds: selectedIds, onToggleSelect: toggleSelect, onToggleSelectAll: (next) => setSelectedIds(next ? new Set(rows.map((r) => r.id)) : new Set()), renderRowActions: (row) => (_jsx(RowActionMenu, { actions: [{
                                             label: "Manage",
                                             onClick: () => { setSelectedRow(row); setDrawerOpen(true); },
-                                        }] })) })] }), 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" }) })] })] }), _jsxs("div", { className: "flex-1 overflow-y-auto px-4 py-4 space-y-5", children: [_jsx(FilterChipGroup, { label: "Status", tabs: STATUS_OPTIONS, value: pendingFilters.status ?? "", onChange: (id) => setPendingFilters((p) => ({ ...p, status: id })) }), _jsx(FilterChipGroup, { label: "Role", tabs: ROLE_OPTIONS, value: pendingFilters.role ?? "", onChange: (id) => setPendingFilters((p) => ({ ...p, role: id })) })] }), _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})` : ""] }) })] })] }))] }), _jsx(AdminUserEditorView, { open: drawerOpen, onClose: () => setDrawerOpen(false), userId: selectedRow?.id, displayName: selectedRow?.primary, currentRole: toStringValue(selectedRow?._raw?.role, "user"), currentIsDisabled: selectedRow?.status === "Disabled", currentEmailVerified: Boolean(selectedRow?._raw?.emailVerified), ownedStoreId: toStringValue(selectedRow?._raw?.storeId, "") || undefined, ownedStoreName: toStringValue(selectedRow?._raw?.storeName, "") || undefined })] }));
+                                        }] })) })] }), 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" }) })] })] }), _jsxs("div", { className: "flex-1 overflow-y-auto px-4 py-4 space-y-5", children: [_jsx(FilterChipGroup, { label: "Status", tabs: STATUS_OPTIONS, value: pendingFilters.status ?? "", onChange: (id) => setPendingFilters((p) => ({ ...p, status: id })) }), _jsx(FilterChipGroup, { label: "Role", tabs: ROLE_OPTIONS, value: pendingFilters.role ?? "", onChange: (id) => setPendingFilters((p) => ({ ...p, role: id })) })] }), _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})` : ""] }) })] })] }))] }), _jsx(AdminUserEditorView, { open: drawerOpen, onClose: () => setDrawerOpen(false), userId: selectedRow?.id, displayName: selectedRow?.primary, currentRole: toStringValue(selectedRow?._raw?.role, "user"), currentEmailVerified: Boolean(selectedRow?._raw?.emailVerified), ownedStoreId: toStringValue(selectedRow?._raw?.storeId, "") || undefined, ownedStoreName: toStringValue(selectedRow?._raw?.storeName, "") || undefined, currentIsHardBanned: Boolean((selectedRow?._raw?.isDisabled ?? selectedRow?._raw?.disabled) &&
+                    selectedRow?._raw?.hardBanReason), currentHardBanReason: toStringValue(selectedRow?._raw?.hardBanReason, "") || undefined, currentSoftBans: Array.isArray(selectedRow?._raw?.softBans)
+                    ? selectedRow._raw.softBans.map((b) => ({
+                        action: toStringValue(b.action, ""),
+                        reason: toStringValue(b.reason, ""),
+                        bannedAt: toStringValue(b.bannedAt instanceof Date
+                            ? b.bannedAt.toISOString()
+                            : b.bannedAt, ""),
+                        expiresAt: b.expiresAt
+                            ? toStringValue(b.expiresAt instanceof Date
+                                ? b.expiresAt.toISOString()
+                                : b.expiresAt, "") || null
+                            : null,
+                        bannedBy: toStringValue(b.bannedBy, ""),
+                    }))
+                    : undefined })] }));
 }

package/dist/features/admin/components/index.d.ts

@@ -133,3 +133,11 @@ export { AdminTopBar } from "./AdminTopBar";
 export type { AdminTopBarProps } from "./AdminTopBar";
 export { DemoSeedView } from "./DemoSeedView";
 export type { DemoSeedViewProps } from "./DemoSeedView";
+export { AdminTeamView } from "./AdminTeamView";
+export type { AdminTeamViewProps } from "./AdminTeamView";
+export { AdminEmployeeEditorView } from "./AdminEmployeeEditorView";
+export type { AdminEmployeeEditorViewProps } from "./AdminEmployeeEditorView";
+export { AdminSupportTicketsView } from "./AdminSupportTicketsView";
+export type { AdminSupportTicketsViewProps } from "./AdminSupportTicketsView";
+export { AdminSupportTicketDetailView } from "./AdminSupportTicketDetailView";
+export type { AdminSupportTicketDetailViewProps } from "./AdminSupportTicketDetailView";

package/dist/features/admin/components/index.js

@@ -69,3 +69,7 @@ export { AdminStoreAddressesView } from "./AdminStoreAddressesView";
 export { AdminSidebar } from "./AdminSidebar";
 export { AdminTopBar } from "./AdminTopBar";
 export { DemoSeedView } from "./DemoSeedView";
+export { AdminTeamView } from "./AdminTeamView";
+export { AdminEmployeeEditorView } from "./AdminEmployeeEditorView";
+export { AdminSupportTicketsView } from "./AdminSupportTicketsView";
+export { AdminSupportTicketDetailView } from "./AdminSupportTicketDetailView";