@mohasinac/appkit 2.6.5 → 2.6.6

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

@@ -0,0 +1,168 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import React from "react";
+import { useMutation, useQueryClient } from "@tanstack/react-query";
+import { Button, ConfirmDeleteModal, Form, FormActions, Select, SideDrawer, useToast, } from "../../../ui";
+import { apiClient } from "../../../http";
+import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints";
+import { PERMISSION_GROUPS, } from "../../auth/permissions/constants";
+// --- Helpers -----------------------------------------------------------------
+const GROUP_OPTIONS = [
+    { label: "Content Moderator", value: "content_moderator" },
+    { label: "Review Manager", value: "review_manager" },
+    { label: "Blog Poster", value: "blog_poster" },
+    { label: "Community Manager", value: "community_manager" },
+    { label: "Event Handler", value: "event_handler" },
+    { label: "Newsletter Manager", value: "newsletter_manager" },
+    { label: "SEO Manager", value: "seo_manager" },
+    { label: "Ad Manager", value: "ad_manager" },
+    { label: "Site Manager", value: "site_manager" },
+    { label: "Catalog Manager", value: "catalog_manager" },
+    { label: "Finance Manager", value: "finance_manager" },
+    { label: "Data Analyst", value: "data_analyst" },
+    { label: "Customer Support", value: "customer_support" },
+    { label: "Support Agent", value: "support_agent" },
+    { label: "Store Onboarding", value: "store_onboarding" },
+    { label: "Trust & Safety", value: "trust_and_safety" },
+    { label: "Auction Monitor", value: "auction_monitor" },
+    { label: "Scam Moderator", value: "scam_moderator" },
+    { label: "Custom", value: "custom" },
+];
+const PERMISSION_DOMAINS = [
+    { label: "Dashboard", prefix: "admin:dashboard:" },
+    { label: "Users & Bans", prefix: "admin:users:|admin:user-bans:" },
+    { label: "Products", prefix: "admin:products:" },
+    { label: "Orders & Returns", prefix: "admin:orders:|admin:returns:" },
+    { label: "Stores", prefix: "admin:stores:|admin:store-addresses:" },
+    { label: "Finance", prefix: "admin:analytics:|admin:payouts:" },
+    { label: "Catalog", prefix: "admin:categories:|admin:brands:|admin:coupons:|admin:deals:|admin:featured:" },
+    {
+        label: "Content",
+        prefix: "admin:reviews:|admin:blog:|admin:bids:|admin:media:",
+    },
+    {
+        label: "Site / CMS",
+        prefix: "admin:site:|admin:navigation:|admin:sections:|admin:carousel:|admin:ads:|admin:faqs:|admin:newsletter:|admin:contact:",
+    },
+    { label: "Events", prefix: "admin:events:|admin:event-entries:" },
+    { label: "Support & Safety", prefix: "admin:support-tickets:|admin:scammers:" },
+    { label: "System", prefix: "admin:sessions:|admin:notifications:|admin:carts:|admin:wishlists:|admin:feature-flags:|admin:copilot:|admin:team:" },
+];
+function matchesDomain(perm, prefix) {
+    return prefix.split("|").some((p) => perm.startsWith(p));
+}
+function getPermissionsForDomain(prefix) {
+    const allPerms = Object.values(PERMISSION_GROUPS).flat();
+    const seen = new Set();
+    const result = [];
+    for (const p of allPerms) {
+        if (matchesDomain(p, prefix) && !seen.has(p)) {
+            seen.add(p);
+            result.push(p);
+        }
+    }
+    return result;
+}
+function formatPermLabel(perm) {
+    const parts = perm.split(":");
+    return parts[parts.length - 1]
+        .replace(/-/g, " ")
+        .replace(/\b\w/g, (c) => c.toUpperCase());
+}
+// --- Component ---------------------------------------------------------------
+export function AdminEmployeeEditorView({ open, onClose, mode, userId, displayName, currentPermissionGroup, currentPermissions = [], }) {
+    const queryClient = useQueryClient();
+    const { showToast } = useToast();
+    const [email, setEmail] = React.useState("");
+    const [group, setGroup] = React.useState(currentPermissionGroup ?? "custom");
+    const [permissions, setPermissions] = React.useState(new Set(currentPermissions));
+    const [revokeOpen, setRevokeOpen] = React.useState(false);
+    React.useEffect(() => {
+        if (open) {
+            setEmail("");
+            setGroup(currentPermissionGroup ?? "custom");
+            setPermissions(new Set(currentPermissions));
+        }
+    }, [open, currentPermissionGroup, currentPermissions]);
+    const applyGroupPreset = (newGroup) => {
+        setGroup(newGroup);
+        if (newGroup !== "custom") {
+            const preset = PERMISSION_GROUPS[newGroup] ?? [];
+            setPermissions(new Set(preset));
+        }
+    };
+    const togglePerm = (perm) => {
+        setPermissions((prev) => {
+            const next = new Set(prev);
+            if (next.has(perm))
+                next.delete(perm);
+            else
+                next.add(perm);
+            return next;
+        });
+    };
+    const inviteMutation = useMutation({
+        mutationFn: async () => {
+            await apiClient.post(ADMIN_ENDPOINTS.TEAM, {
+                email: email.trim(),
+                permissionGroup: group,
+                permissions: Array.from(permissions),
+            });
+        },
+        onSuccess: () => {
+            showToast("Employee invited successfully", "success");
+            queryClient.invalidateQueries({ queryKey: ["admin", "team"] });
+            onClose();
+        },
+        onError: (err) => {
+            showToast(err.message ?? "Failed to invite employee", "error");
+        },
+    });
+    const updateMutation = useMutation({
+        mutationFn: async () => {
+            await apiClient.put(ADMIN_ENDPOINTS.TEAM_MEMBER(userId), {
+                permissionGroup: group,
+                permissions: Array.from(permissions),
+            });
+        },
+        onSuccess: () => {
+            showToast("Permissions updated", "success");
+            queryClient.invalidateQueries({ queryKey: ["admin", "team"] });
+            onClose();
+        },
+        onError: (err) => {
+            showToast(err.message ?? "Failed to update permissions", "error");
+        },
+    });
+    const revokeMutation = useMutation({
+        mutationFn: async () => {
+            await apiClient.delete(ADMIN_ENDPOINTS.TEAM_MEMBER(userId));
+        },
+        onSuccess: () => {
+            showToast("Employee access revoked", "success");
+            queryClient.invalidateQueries({ queryKey: ["admin", "team"] });
+            setRevokeOpen(false);
+            onClose();
+        },
+        onError: (err) => {
+            showToast(err.message ?? "Failed to revoke access", "error");
+        },
+    });
+    const isBusy = inviteMutation.isPending ||
+        updateMutation.isPending ||
+        revokeMutation.isPending;
+    const handleSubmit = (e) => {
+        e.preventDefault();
+        if (mode === "invite")
+            inviteMutation.mutate();
+        else
+            updateMutation.mutate();
+    };
+    return (_jsxs(_Fragment, { children: [_jsx(SideDrawer, { isOpen: open, onClose: onClose, title: mode === "invite" ? "Invite Employee" : `Edit — ${displayName ?? "Employee"}`, children: _jsxs(Form, { onSubmit: handleSubmit, className: "flex flex-col gap-5 p-4", children: [mode === "invite" && (_jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx("label", { className: "text-sm font-medium text-zinc-700 dark:text-zinc-300", children: "Email address" }), _jsx("input", { type: "email", required: true, value: email, onChange: (e) => setEmail(e.target.value), placeholder: "employee@example.com", className: "rounded-lg border border-zinc-300 dark:border-slate-600 bg-white dark:bg-slate-800 px-3 py-2 text-sm text-zinc-900 dark:text-zinc-100 placeholder-zinc-400 focus:outline-none focus:ring-2 focus:ring-primary/60 transition" })] })), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx("label", { className: "text-sm font-medium text-zinc-700 dark:text-zinc-300", children: "Permission group" }), _jsx(Select, { value: group, onChange: (e) => applyGroupPreset(e.target.value), options: GROUP_OPTIONS }), _jsx("p", { className: "text-xs text-zinc-500 dark:text-zinc-400", children: "Selecting a group auto-fills the permissions below. You can still customise individual permissions." })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsxs("span", { className: "text-sm font-medium text-zinc-700 dark:text-zinc-300", children: ["Permissions", _jsxs("span", { className: "ml-2 text-xs font-normal text-zinc-500 dark:text-zinc-400", children: ["(", permissions.size, " selected)"] })] }), _jsx("div", { className: "rounded-xl border border-zinc-200 dark:border-slate-700 divide-y divide-zinc-100 dark:divide-slate-700 max-h-[42vh] overflow-y-auto", children: PERMISSION_DOMAINS.map((domain) => {
+                                        const domainPerms = getPermissionsForDomain(domain.prefix);
+                                        if (domainPerms.length === 0)
+                                            return null;
+                                        const checked = domainPerms.filter((p) => permissions.has(p)).length;
+                                        return (_jsxs("details", { className: "group", children: [_jsxs("summary", { className: "flex cursor-pointer items-center justify-between px-3 py-2 text-xs font-semibold uppercase tracking-wide text-zinc-600 dark:text-zinc-400 select-none hover:bg-zinc-50 dark:hover:bg-slate-800 transition-colors", children: [_jsx("span", { children: domain.label }), _jsxs("span", { className: "text-xs font-normal normal-case text-zinc-400 dark:text-zinc-500", children: [checked, "/", domainPerms.length] })] }), _jsx("div", { className: "grid grid-cols-2 gap-x-2 gap-y-1.5 px-3 py-2.5 bg-zinc-50/60 dark:bg-slate-800/40", children: domainPerms.map((perm) => (_jsxs("label", { className: "flex items-center gap-2 cursor-pointer text-xs text-zinc-700 dark:text-zinc-300", children: [_jsx("input", { type: "checkbox", checked: permissions.has(perm), onChange: () => togglePerm(perm), className: "h-3.5 w-3.5 rounded border-zinc-300 dark:border-slate-600 accent-primary" }), formatPermLabel(perm)] }, perm))) })] }, domain.prefix));
+                                    }) })] }), _jsxs(FormActions, { children: [_jsx(Button, { type: "submit", variant: "primary", disabled: isBusy, isLoading: isBusy, children: mode === "invite" ? "Send Invite" : "Save" }), mode === "edit" && userId && (_jsx(Button, { type: "button", variant: "danger", disabled: isBusy, onClick: () => setRevokeOpen(true), children: "Revoke Access" }))] })] }) }), mode === "edit" && (_jsx(ConfirmDeleteModal, { isOpen: revokeOpen, onClose: () => setRevokeOpen(false), onConfirm: () => revokeMutation.mutate(), isDeleting: revokeMutation.isPending, title: "Revoke employee access?", message: `${displayName ?? "This employee"} will lose admin panel access immediately. Their user account remains active — only their role is reset to user.`, confirmText: "Revoke Access", variant: "danger" }))] }));
+}

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

@@ -3,6 +3,8 @@ export interface AdminNavItem {
     href: string;
     label: string;
     icon?: React.ReactNode;
+    /** Permission required to see this item. If omitted, always visible. */
+    requiredPermission?: string;
 }
 export interface AdminNavGroup {
     title: string;

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

@@ -5,5 +5,6 @@ export interface AdminStoreEditorViewProps {
     storeName?: string;
     currentStatus?: string;
     currentIsVerified?: boolean;
+    currentCapabilities?: string[];
 }
-export declare function AdminStoreEditorView({ open, onClose, storeId, storeName, currentStatus, currentIsVerified, }: AdminStoreEditorViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function AdminStoreEditorView({ open, onClose, storeId, storeName, currentStatus, currentIsVerified, currentCapabilities, }: AdminStoreEditorViewProps): import("react/jsx-runtime").JSX.Element;

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

@@ -5,6 +5,42 @@ import { useMutation, useQueryClient } from "@tanstack/react-query";
 import { Button, Form, FormActions, Select, SideDrawer, Toggle, useToast, } from "../../../ui";
 import { apiClient } from "../../../http";
 import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints";
+// --- Capability groups -------------------------------------------------------
+const CAPABILITY_GROUPS = [
+    {
+        label: "Listings",
+        caps: [
+            { key: "host_auctions", label: "Host Auctions" },
+            { key: "host_preorders", label: "Host Pre-orders" },
+            { key: "create_categories", label: "Request New Categories" },
+            { key: "suggest_brands", label: "Suggest Brands" },
+            { key: "create_coupons", label: "Create Coupons" },
+            { key: "bulk_listing_import", label: "Bulk Listing Import" },
+            { key: "extended_return_window", label: "Extended Return Window" },
+        ],
+    },
+    {
+        label: "Trust & Visibility",
+        caps: [
+            { key: "verified_seller", label: "Verified Seller Badge" },
+            { key: "featured_placement", label: "Featured Placement" },
+            { key: "promotional_banner", label: "Promotional Banner" },
+            { key: "priority_support", label: "Priority Support" },
+        ],
+    },
+    {
+        label: "Platform",
+        caps: [
+            { key: "multiple_stores", label: "Multiple Stores" },
+            { key: "custom_store_slug", label: "Custom Store Slug" },
+            { key: "api_access", label: "API Access" },
+            { key: "lower_commission_rate", label: "Lower Commission Rate" },
+            { key: "early_access_features", label: "Early Access Features" },
+            { key: "advanced_analytics", label: "Advanced Analytics" },
+            { key: "whatsapp_catalog_sync", label: "WhatsApp Catalog Sync" },
+        ],
+    },
+];
 const STATUS_OPTIONS = [
     { label: "Active", value: "active" },
     { label: "Pending", value: "pending" },
@@ -12,7 +48,7 @@ const STATUS_OPTIONS = [
     { label: "Rejected", value: "rejected" },
 ];
 // --- Component ---------------------------------------------------------------
-export function AdminStoreEditorView({ open, onClose, storeId, storeName, currentStatus, currentIsVerified, }) {
+export function AdminStoreEditorView({ open, onClose, storeId, storeName, currentStatus, currentIsVerified, currentCapabilities, }) {
     const queryClient = useQueryClient();
     const { showToast } = useToast();
     const [storeStatus, setStoreStatus] = React.useState(currentStatus ?? "pending");
@@ -20,6 +56,17 @@ export function AdminStoreEditorView({ open, onClose, storeId, storeName, curren
     const [isFeatured, setIsFeatured] = React.useState(false);
     const [isVerified, setIsVerified] = React.useState(currentIsVerified ?? false);
     const [suspensionReason, setSuspensionReason] = React.useState("");
+    const [capabilities, setCapabilities] = React.useState(new Set(currentCapabilities ?? ["suggest_brands", "create_coupons"]));
+    const toggleCapability = (key) => {
+        setCapabilities((prev) => {
+            const next = new Set(prev);
+            if (next.has(key))
+                next.delete(key);
+            else
+                next.add(key);
+            return next;
+        });
+    };
     React.useEffect(() => {
         if (open) {
             setStoreStatus(currentStatus ?? "pending");
@@ -27,8 +74,9 @@ export function AdminStoreEditorView({ open, onClose, storeId, storeName, curren
             setIsFeatured(false);
             setIsVerified(currentIsVerified ?? false);
             setSuspensionReason("");
+            setCapabilities(new Set(currentCapabilities ?? ["suggest_brands", "create_coupons"]));
         }
-    }, [open, currentStatus, currentIsVerified]);
+    }, [open, currentStatus, currentIsVerified, currentCapabilities]);
     const saveMutation = useMutation({
         mutationFn: async () => {
             await apiClient.patch(ADMIN_ENDPOINTS.STORE_BY_ID(storeId), {
@@ -37,6 +85,7 @@ export function AdminStoreEditorView({ open, onClose, storeId, storeName, curren
                 isFeatured,
                 isVerified,
                 suspensionReason: storeStatus === "suspended" ? (suspensionReason || undefined) : undefined,
+                capabilities: Array.from(capabilities),
             });
         },
         onSuccess: () => {
@@ -51,5 +100,8 @@ export function AdminStoreEditorView({ open, onClose, storeId, storeName, curren
     return (_jsx(SideDrawer, { isOpen: open, onClose: onClose, title: storeName ? `Manage: ${storeName}` : "Manage Store", children: _jsxs(Form, { onSubmit: (e) => {
                 e.preventDefault();
                 saveMutation.mutate();
-            }, className: "space-y-4 p-4", children: [_jsx(Select, { label: "Store status", options: STATUS_OPTIONS, value: storeStatus, onValueChange: setStoreStatus }), _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: "e.g. Reason for suspension, approval notes\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: "Verified store", checked: isVerified, onChange: setIsVerified }), _jsx(Toggle, { label: "Featured store", checked: isFeatured, onChange: setIsFeatured }), storeStatus === "suspended" && (_jsxs("div", { className: "flex flex-col gap-1", children: [_jsx("label", { className: "text-sm font-medium text-zinc-700 dark:text-zinc-300", children: "Suspension reason (optional)" }), _jsx("textarea", { value: suspensionReason, onChange: (e) => setSuspensionReason(e.target.value), rows: 2, placeholder: "e.g. Policy violation, 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" })] })), _jsxs(FormActions, { align: "right", children: [_jsx(Button, { type: "button", variant: "secondary", onClick: onClose, children: "Cancel" }), _jsx(Button, { type: "submit", isLoading: saveMutation.isPending, disabled: !storeId || saveMutation.isPending, children: "Save changes" })] })] }) }));
+            }, className: "space-y-4 p-4", children: [_jsx(Select, { label: "Store status", options: STATUS_OPTIONS, value: storeStatus, onValueChange: setStoreStatus }), _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: "e.g. Reason for suspension, approval notes\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: "Verified store", checked: isVerified, onChange: setIsVerified }), _jsx(Toggle, { label: "Featured store", checked: isFeatured, onChange: setIsFeatured }), storeStatus === "suspended" && (_jsxs("div", { className: "flex flex-col gap-1", children: [_jsx("label", { className: "text-sm font-medium text-zinc-700 dark:text-zinc-300", children: "Suspension reason (optional)" }), _jsx("textarea", { value: suspensionReason, onChange: (e) => setSuspensionReason(e.target.value), rows: 2, placeholder: "e.g. Policy violation, 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" })] })), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsxs("span", { className: "text-sm font-medium text-zinc-700 dark:text-zinc-300", children: ["Capabilities", _jsxs("span", { className: "ml-2 text-xs font-normal text-zinc-500 dark:text-zinc-400", children: ["(", capabilities.size, " active)"] })] }), _jsx("div", { className: "rounded-xl border border-zinc-200 dark:border-slate-700 divide-y divide-zinc-100 dark:divide-slate-700", children: CAPABILITY_GROUPS.map((group) => {
+                                const checked = group.caps.filter((c) => capabilities.has(c.key)).length;
+                                return (_jsxs("details", { className: "group", children: [_jsxs("summary", { className: "flex cursor-pointer items-center justify-between px-3 py-2 text-xs font-semibold uppercase tracking-wide text-zinc-600 dark:text-zinc-400 select-none hover:bg-zinc-50 dark:hover:bg-slate-800 transition-colors", children: [_jsx("span", { children: group.label }), _jsxs("span", { className: "text-xs font-normal normal-case text-zinc-400 dark:text-zinc-500", children: [checked, "/", group.caps.length] })] }), _jsx("div", { className: "grid grid-cols-2 gap-x-2 gap-y-1.5 px-3 py-2.5 bg-zinc-50/60 dark:bg-slate-800/40", children: group.caps.map((cap) => (_jsxs("label", { className: "flex items-center gap-2 cursor-pointer text-xs text-zinc-700 dark:text-zinc-300", children: [_jsx("input", { type: "checkbox", checked: capabilities.has(cap.key), onChange: () => toggleCapability(cap.key), className: "h-3.5 w-3.5 rounded border-zinc-300 dark:border-slate-600 accent-primary" }), cap.label] }, cap.key))) })] }, group.label));
+                            }) })] }), _jsxs(FormActions, { align: "right", children: [_jsx(Button, { type: "button", variant: "secondary", onClick: onClose, children: "Cancel" }), _jsx(Button, { type: "submit", isLoading: saveMutation.isPending, disabled: !storeId || saveMutation.isPending, children: "Save changes" })] })] }) }));
 }

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

@@ -84,5 +84,7 @@ export function AdminStoresView({ children, ...props }) {
     return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "min-h-screen", children: [_jsx(ListingToolbar, { filterCount: activeFilterCount, onFiltersClick: openFilters, searchValue: searchInput, searchPlaceholder: "Search stores, slugs, or owner names", 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 stores found", renderRowActions: (row) => (_jsx(RowActionMenu, { actions: [{
                                             label: "Manage",
                                             onClick: () => openEditPanel(row.id),
-                                        }] })) })] }), filterOpen && (_jsxs(_Fragment, { children: [_jsx("div", { className: "fixed inset-0 z-40 bg-black/40", "aria-hidden": "true", onClick: () => setFilterOpen(false) }), _jsxs("div", { className: "fixed inset-y-0 left-0 z-50 flex w-80 flex-col bg-white dark:bg-slate-900 shadow-2xl", children: [_jsxs("div", { className: "flex items-center justify-between border-b border-zinc-200 dark:border-slate-700 px-4 py-3.5", children: [_jsx("span", { className: "text-base font-semibold text-zinc-900 dark:text-zinc-100", children: "Filters" }), _jsxs("div", { className: "flex items-center gap-2", children: [activeFilterCount > 0 && (_jsx("button", { type: "button", onClick: clearFilters, className: "text-xs text-zinc-500 hover:text-rose-500 dark:text-zinc-400 transition-colors", children: "Clear all" })), _jsx("button", { type: "button", onClick: () => setFilterOpen(false), "aria-label": "Close", className: "rounded-lg p-1.5 text-zinc-500 hover:bg-zinc-100 dark:hover:bg-slate-800 transition-colors", children: _jsx(X, { className: "h-5 w-5" }) })] })] }), _jsx("div", { className: "flex-1 overflow-y-auto px-4 py-4 space-y-5", children: _jsx(FilterChipGroup, { label: "Status", tabs: STATUS_OPTIONS, value: pendingFilters.status ?? "", onChange: (id) => setPendingFilters((p) => ({ ...p, status: 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(AdminStoreEditorView, { open: isEditOpen, onClose: closePanel, storeId: editId ?? undefined, storeName: panelRow?.primary, currentStatus: panelRow?.status?.toLowerCase(), currentIsVerified: Boolean(panelRow?._raw?.isVerified) })] }));
+                                        }] })) })] }), filterOpen && (_jsxs(_Fragment, { children: [_jsx("div", { className: "fixed inset-0 z-40 bg-black/40", "aria-hidden": "true", onClick: () => setFilterOpen(false) }), _jsxs("div", { className: "fixed inset-y-0 left-0 z-50 flex w-80 flex-col bg-white dark:bg-slate-900 shadow-2xl", children: [_jsxs("div", { className: "flex items-center justify-between border-b border-zinc-200 dark:border-slate-700 px-4 py-3.5", children: [_jsx("span", { className: "text-base font-semibold text-zinc-900 dark:text-zinc-100", children: "Filters" }), _jsxs("div", { className: "flex items-center gap-2", children: [activeFilterCount > 0 && (_jsx("button", { type: "button", onClick: clearFilters, className: "text-xs text-zinc-500 hover:text-rose-500 dark:text-zinc-400 transition-colors", children: "Clear all" })), _jsx("button", { type: "button", onClick: () => setFilterOpen(false), "aria-label": "Close", className: "rounded-lg p-1.5 text-zinc-500 hover:bg-zinc-100 dark:hover:bg-slate-800 transition-colors", children: _jsx(X, { className: "h-5 w-5" }) })] })] }), _jsx("div", { className: "flex-1 overflow-y-auto px-4 py-4 space-y-5", children: _jsx(FilterChipGroup, { label: "Status", tabs: STATUS_OPTIONS, value: pendingFilters.status ?? "", onChange: (id) => setPendingFilters((p) => ({ ...p, status: 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(AdminStoreEditorView, { open: isEditOpen, onClose: closePanel, storeId: editId ?? undefined, storeName: panelRow?.primary, currentStatus: panelRow?.status?.toLowerCase(), currentIsVerified: Boolean(panelRow?._raw?.isVerified), currentCapabilities: Array.isArray(panelRow?._raw?.capabilities)
+                    ? panelRow._raw.capabilities
+                    : undefined })] }));
 }

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

@@ -0,0 +1,23 @@
+interface TicketMessageClient {
+    id?: string;
+    authorId?: string;
+    authorRole?: string;
+    body?: string;
+    createdAt?: string;
+}
+export interface AdminSupportTicketDetailViewProps {
+    open: boolean;
+    onClose: () => void;
+    ticketId?: string;
+    subject?: string;
+    userDisplayName?: string;
+    category?: string;
+    currentStatus?: string;
+    currentPriority?: string;
+    description?: string;
+    messages?: TicketMessageClient[];
+    internalNotes?: string;
+    orderId?: string;
+}
+export declare function AdminSupportTicketDetailView({ open, onClose, ticketId, subject, userDisplayName, category, currentStatus, currentPriority, description, messages, internalNotes, orderId, }: AdminSupportTicketDetailViewProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,83 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import { useMutation, useQueryClient } from "@tanstack/react-query";
+import { Button, Div, FormActions, Select, SideDrawer, Text, useToast, } from "../../../ui";
+import { apiClient } from "../../../http";
+import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints";
+const STATUS_OPTIONS = [
+    { label: "Open", value: "open" },
+    { label: "In Progress", value: "in_progress" },
+    { label: "Waiting on User", value: "waiting_on_user" },
+    { label: "Resolved", value: "resolved" },
+    { label: "Closed", value: "closed" },
+];
+const PRIORITY_OPTIONS = [
+    { label: "Low", value: "low" },
+    { label: "Normal", value: "normal" },
+    { label: "High", value: "high" },
+    { label: "Urgent", value: "urgent" },
+];
+const STATUS_COLOR = {
+    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",
+};
+const ROLE_LABEL = {
+    user: "User",
+    support: "Support",
+    admin: "Admin",
+};
+export function AdminSupportTicketDetailView({ open, onClose, ticketId, subject, userDisplayName, category, currentStatus, currentPriority, description, messages = [], internalNotes, orderId, }) {
+    const queryClient = useQueryClient();
+    const { showToast } = useToast();
+    const [status, setStatus] = React.useState(currentStatus ?? "open");
+    const [priority, setPriority] = React.useState(currentPriority ?? "normal");
+    const [notes, setNotes] = React.useState(internalNotes ?? "");
+    const [replyBody, setReplyBody] = React.useState("");
+    React.useEffect(() => {
+        if (open) {
+            setStatus(currentStatus ?? "open");
+            setPriority(currentPriority ?? "normal");
+            setNotes(internalNotes ?? "");
+            setReplyBody("");
+        }
+    }, [open, currentStatus, currentPriority, internalNotes]);
+    const invalidate = () => queryClient.invalidateQueries({ queryKey: ["admin", "support-tickets"] });
+    const updateMutation = useMutation({
+        mutationFn: async () => {
+            await apiClient.patch(ADMIN_ENDPOINTS.SUPPORT_TICKET_BY_ID(ticketId), {
+                status,
+                priority,
+                internalNotes: notes || undefined,
+            });
+        },
+        onSuccess: () => {
+            showToast("Ticket updated.", "success");
+            invalidate();
+            onClose();
+        },
+        onError: (err) => {
+            showToast(err?.message ?? "Failed to update ticket.", "error");
+        },
+    });
+    const replyMutation = useMutation({
+        mutationFn: async () => {
+            await apiClient.post(`/api/support/tickets/${ticketId}/messages`, { body: replyBody, newStatus: status });
+        },
+        onSuccess: () => {
+            showToast("Reply sent.", "success");
+            setReplyBody("");
+            invalidate();
+            onClose();
+        },
+        onError: (err) => {
+            showToast(err?.message ?? "Failed to send reply.", "error");
+        },
+    });
+    return (_jsx(SideDrawer, { isOpen: open, onClose: onClose, title: subject ?? "Support Ticket", children: _jsxs(Div, { className: "flex flex-col gap-4 p-4", children: [_jsxs(Div, { className: "flex flex-wrap items-center gap-2", children: [_jsx("span", { className: `inline-flex rounded-full px-2.5 py-1 text-xs font-medium ${STATUS_COLOR[currentStatus ?? "open"] ?? STATUS_COLOR.open}`, children: (currentStatus ?? "open").replace(/_/g, " ") }), _jsx("span", { className: "rounded-full bg-zinc-100 px-2.5 py-1 text-xs text-zinc-600 dark:bg-zinc-800 dark:text-zinc-300", children: category }), orderId && (_jsxs("span", { className: "rounded-full bg-zinc-100 px-2.5 py-1 text-xs text-zinc-600 dark:bg-zinc-800 dark:text-zinc-300", children: ["Order: ", orderId] }))] }), _jsxs(Div, { className: "text-sm text-zinc-500 dark:text-zinc-400", children: ["From: ", _jsx("span", { className: "font-medium text-zinc-700 dark:text-zinc-200", children: userDisplayName })] }), description && (_jsxs(Div, { className: "rounded-lg border border-zinc-200 bg-zinc-50 p-3 dark:border-zinc-700 dark:bg-zinc-900/40", children: [_jsx(Text, { className: "mb-1 text-xs font-semibold text-zinc-500 dark:text-zinc-400 uppercase tracking-wide", children: "Description" }), _jsx(Text, { className: "whitespace-pre-wrap text-sm text-zinc-700 dark:text-zinc-200", children: description })] })), messages.length > 0 && (_jsxs(Div, { className: "space-y-2", children: [_jsxs(Text, { className: "text-xs font-semibold text-zinc-500 dark:text-zinc-400 uppercase tracking-wide", children: ["Messages (", messages.length, ")"] }), _jsx("div", { className: "space-y-2 max-h-64 overflow-y-auto", children: messages.map((msg, i) => (_jsxs("div", { className: `rounded-lg p-3 text-sm ${msg.authorRole === "user"
+                                    ? "bg-zinc-50 border border-zinc-200 dark:bg-zinc-900/40 dark:border-zinc-700"
+                                    : "bg-blue-50 border border-blue-200 dark:bg-blue-900/20 dark:border-blue-800"}`, children: [_jsxs("div", { className: "mb-1 flex items-center gap-2 text-xs text-zinc-400 dark:text-zinc-500", children: [_jsx("span", { className: "font-medium text-zinc-600 dark:text-zinc-300", children: ROLE_LABEL[msg.authorRole ?? "user"] ?? msg.authorRole }), msg.createdAt && (_jsx("span", { children: new Date(msg.createdAt).toLocaleString() }))] }), _jsx("p", { className: "whitespace-pre-wrap text-zinc-700 dark:text-zinc-200", children: msg.body })] }, msg.id ?? i))) })] })), _jsxs(Div, { className: "flex flex-col gap-1", children: [_jsx("label", { className: "text-xs font-semibold text-zinc-500 dark:text-zinc-400 uppercase tracking-wide", children: "Reply to user" }), _jsx("textarea", { value: replyBody, onChange: (e) => setReplyBody(e.target.value), rows: 3, placeholder: "Type a reply\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(Button, { type: "button", variant: "primary", size: "sm", isLoading: replyMutation.isPending, disabled: !replyBody.trim() || !ticketId || replyMutation.isPending, onClick: () => replyMutation.mutate(), children: "Send reply" })] }), _jsx("hr", { className: "border-zinc-200 dark:border-zinc-700" }), _jsx(Select, { label: "Status", options: STATUS_OPTIONS, value: status, onValueChange: setStatus }), _jsx(Select, { label: "Priority", options: PRIORITY_OPTIONS, value: priority, onValueChange: setPriority }), _jsxs(Div, { className: "flex flex-col gap-1", children: [_jsx("label", { className: "text-xs font-semibold text-zinc-500 dark:text-zinc-400 uppercase tracking-wide", children: "Internal notes (staff only)" }), _jsx("textarea", { value: notes, onChange: (e) => setNotes(e.target.value), rows: 3, placeholder: "Notes visible only to admins and employees\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: "secondary", onClick: onClose, children: "Cancel" }), _jsx(Button, { type: "button", isLoading: updateMutation.isPending, disabled: !ticketId || updateMutation.isPending, onClick: () => updateMutation.mutate(), children: "Save changes" })] })] }) }));
+}

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

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

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;