@mohasinac/appkit 2.3.1 → 2.4.0

package/dist/features/account/components/UserOffersPanel.js

@@ -0,0 +1,81 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useState, useTransition } from "react";
+import { Alert, Badge, Button, Div, Heading, Spinner, Text } from "../../../ui";
+function formatRupees(amount) {
+    if (amount === undefined || amount === null)
+        return "—";
+    return `₹${amount.toLocaleString("en-IN")}`;
+}
+function relativeTime(date) {
+    if (!date)
+        return "";
+    const d = date instanceof Date ? date : new Date(date);
+    const diff = Date.now() - d.getTime();
+    const mins = Math.floor(diff / 60000);
+    if (mins < 60)
+        return `${mins}m ago`;
+    const hrs = Math.floor(diff / 3600000);
+    if (hrs < 24)
+        return `${hrs}h ago`;
+    return `${Math.floor(diff / 86400000)}d ago`;
+}
+function statusVariant(status) {
+    switch (status) {
+        case "pending": return "warning";
+        case "accepted": return "success";
+        case "declined": return "danger";
+        case "countered": return "info";
+        case "expired": return "default";
+        case "withdrawn": return "default";
+        case "paid": return "success";
+        default: return "default";
+    }
+}
+function BuyerOfferCard({ offer, onAcceptCounter, onWithdraw, onCheckout, onUpdate }) {
+    const [error, setError] = useState("");
+    const [isPending, startTransition] = useTransition();
+    const [confirming, setConfirming] = useState(null);
+    function act(fn, patch) {
+        setError("");
+        startTransition(async () => {
+            try {
+                await fn();
+                onUpdate(offer.id, patch);
+                setConfirming(null);
+            }
+            catch (err) {
+                setError(err instanceof Error ? err.message : "Something went wrong.");
+            }
+        });
+    }
+    return (_jsxs(Div, { className: "rounded-xl border border-zinc-200 dark:border-zinc-700 bg-white dark:bg-zinc-900 p-4 space-y-3", children: [_jsxs(Div, { className: "flex items-start justify-between gap-2 flex-wrap", children: [_jsxs(Div, { className: "min-w-0", children: [_jsx(Text, { className: "font-semibold text-sm text-zinc-900 dark:text-zinc-100 truncate", children: offer.productTitle ?? "Unknown Product" }), _jsx(Text, { className: "text-xs text-zinc-500 dark:text-zinc-400 mt-0.5", children: relativeTime(offer.createdAt) })] }), _jsx(Badge, { variant: statusVariant(offer.status), className: "shrink-0 capitalize text-xs", children: offer.status })] }), _jsxs(Div, { className: "flex gap-4 flex-wrap", children: [_jsxs(Div, { children: [_jsx(Text, { className: "text-xs text-zinc-400 dark:text-zinc-500 uppercase tracking-wide", children: "Listed" }), _jsx(Text, { className: "text-sm font-medium text-zinc-700 dark:text-zinc-300", children: formatRupees(offer.listedPrice) })] }), _jsxs(Div, { children: [_jsx(Text, { className: "text-xs text-zinc-400 dark:text-zinc-500 uppercase tracking-wide", children: "Your Offer" }), _jsx(Text, { className: "text-sm font-semibold text-zinc-900 dark:text-zinc-100", children: formatRupees(offer.offerAmount) })] }), offer.counterAmount != null && (_jsxs(Div, { children: [_jsx(Text, { className: "text-xs text-zinc-400 dark:text-zinc-500 uppercase tracking-wide", children: "Seller Counter" }), _jsx(Text, { className: "text-sm font-semibold text-blue-600 dark:text-blue-400", children: formatRupees(offer.counterAmount) })] })), offer.lockedPrice != null && (_jsxs(Div, { children: [_jsx(Text, { className: "text-xs text-zinc-400 dark:text-zinc-500 uppercase tracking-wide", children: "Agreed Price" }), _jsx(Text, { className: "text-sm font-semibold text-emerald-600 dark:text-emerald-400", children: formatRupees(offer.lockedPrice) })] }))] }), offer.sellerNote && (_jsxs(Text, { className: "text-xs text-zinc-500 dark:text-zinc-400 italic", children: ["Seller note: \"", offer.sellerNote, "\""] })), offer.status === "countered" && (_jsxs(Div, { className: "space-y-2", children: [_jsxs(Text, { className: "text-xs text-blue-600 dark:text-blue-400 font-medium", children: ["Seller countered at ", formatRupees(offer.counterAmount), ". Accept or withdraw your offer."] }), _jsxs(Div, { className: "flex gap-2 flex-wrap", children: [_jsx(Button, { size: "sm", variant: "primary", onClick: () => act(() => onAcceptCounter(offer.id), { status: "accepted", lockedPrice: offer.counterAmount }), disabled: isPending, children: isPending ? "Accepting…" : `Accept ${formatRupees(offer.counterAmount)}` }), _jsx(Button, { size: "sm", variant: "ghost", onClick: () => setConfirming("withdraw"), disabled: isPending, className: "text-red-600 dark:text-red-400 border border-red-200 dark:border-red-800", children: "Withdraw" })] })] })), offer.status === "accepted" && onCheckout && (_jsx(Button, { size: "sm", variant: "primary", onClick: () => act(() => onCheckout(offer.id), { status: "paid" }), disabled: isPending, children: isPending ? "Processing…" : "Checkout at Agreed Price" })), offer.status === "pending" && (_jsx(Button, { size: "sm", variant: "ghost", onClick: () => setConfirming("withdraw"), disabled: isPending, className: "text-red-600 dark:text-red-400 border border-red-200 dark:border-red-800 text-xs", children: "Withdraw Offer" })), confirming === "withdraw" && (_jsxs(Div, { className: "flex gap-2", children: [_jsx(Button, { size: "sm", variant: "ghost", onClick: () => act(() => onWithdraw(offer.id), { status: "withdrawn" }), disabled: isPending, className: "text-red-600 dark:text-red-400 border border-red-200 dark:border-red-800", children: isPending ? "Withdrawing…" : "Confirm Withdraw" }), _jsx(Button, { size: "sm", variant: "ghost", onClick: () => setConfirming(null), disabled: isPending, children: "Cancel" })] })), error && _jsx(Alert, { variant: "error", children: _jsx(Text, { className: "text-xs", children: error }) })] }));
+}
+export function UserOffersPanel({ fetchEndpoint = "/api/user/offers", onAcceptCounter, onWithdraw, onCheckout, className = "", }) {
+    const [offers, setOffers] = useState([]);
+    const [loading, setLoading] = useState(true);
+    const [fetchError, setFetchError] = useState("");
+    const loadOffers = useCallback(async () => {
+        setLoading(true);
+        setFetchError("");
+        try {
+            const res = await fetch(fetchEndpoint);
+            if (!res.ok)
+                throw new Error(`Error ${res.status}`);
+            const json = (await res.json());
+            const items = Array.isArray(json) ? json : (json.items ?? []);
+            setOffers(items);
+        }
+        catch (err) {
+            setFetchError(err instanceof Error ? err.message : "Failed to load offers.");
+        }
+        finally {
+            setLoading(false);
+        }
+    }, [fetchEndpoint]);
+    useEffect(() => { void loadOffers(); }, [loadOffers]);
+    function handleUpdate(id, patch) {
+        setOffers((prev) => prev.map((o) => (o.id === id ? { ...o, ...patch } : o)));
+    }
+    return (_jsxs(Div, { className: `space-y-4 ${className}`, children: [_jsxs(Div, { className: "flex items-center justify-between", children: [_jsx(Heading, { level: 2, className: "text-lg font-semibold text-zinc-900 dark:text-zinc-100", children: "My Offers" }), _jsx(Button, { size: "sm", variant: "ghost", onClick: loadOffers, disabled: loading, className: "border border-zinc-300 dark:border-zinc-600 text-xs", children: loading ? "Refreshing…" : "Refresh" })] }), fetchError && _jsx(Alert, { variant: "error", children: _jsx(Text, { className: "text-sm", children: fetchError }) }), loading && (_jsx(Div, { className: "flex justify-center py-12", children: _jsx(Spinner, { size: "lg" }) })), !loading && offers.length === 0 && (_jsx(Div, { className: "text-center py-12", children: _jsx(Text, { className: "text-zinc-400 dark:text-zinc-500 text-sm", children: "No offers yet" }) })), !loading && offers.length > 0 && (_jsx(Div, { className: "space-y-3", children: offers.map((offer) => (_jsx(BuyerOfferCard, { offer: offer, onAcceptCounter: onAcceptCounter, onWithdraw: onWithdraw, onCheckout: onCheckout, onUpdate: handleUpdate }, offer.id))) }))] }));
+}

package/dist/features/account/components/UserSettingsView.d.ts

@@ -11,5 +11,6 @@ export interface UserSettingsViewProps extends Omit<StackedViewShellProps, "sect
     renderPhoneVerification?: () => React.ReactNode;
     renderPasswordForm?: () => React.ReactNode;
     renderMessage?: () => React.ReactNode;
+    renderAppearance?: () => React.ReactNode;
 }
-export declare function UserSettingsView({ labels, renderAccountInfo, renderProfileForm, renderEmailVerification, renderPhoneVerification, renderPasswordForm, renderMessage, ...rest }: UserSettingsViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function UserSettingsView({ labels, renderAccountInfo, renderProfileForm, renderEmailVerification, renderPhoneVerification, renderPasswordForm, renderMessage, renderAppearance, ...rest }: UserSettingsViewProps): import("react/jsx-runtime").JSX.Element;

package/dist/features/account/components/UserSettingsView.js

@@ -1,8 +1,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { StackedViewShell } from "../../../ui";
-export function UserSettingsView({ labels = {}, renderAccountInfo, renderProfileForm, renderEmailVerification, renderPhoneVerification, renderPasswordForm, renderMessage, ...rest }) {
+export function UserSettingsView({ labels = {}, renderAccountInfo, renderProfileForm, renderEmailVerification, renderPhoneVerification, renderPasswordForm, renderMessage, renderAppearance, ...rest }) {
     return (_jsx(StackedViewShell, { portal: "user", ...rest, title: labels.title, sections: [
             renderMessage?.(),
+            renderAppearance?.(),
             renderAccountInfo?.(),
             renderProfileForm?.(),
             renderEmailVerification?.(),

package/dist/features/account/components/UserSidebar.d.ts

@@ -4,12 +4,21 @@ export interface UserNavItem {
     label: string;
     icon?: React.ReactNode;
 }
+export interface UserNavGroup {
+    title: string;
+    items: UserNavItem[];
+    defaultOpen?: boolean;
+}
 export interface UserSidebarProps {
     items: UserNavItem[];
-    /** Whether the mobile drawer is open */
+    groups?: UserNavGroup[];
     mobileOpen?: boolean;
-    /** Called when the mobile drawer should close */
     onCloseMobile?: () => void;
+    desktopOpen?: boolean;
+    /** Toggle callback for the desktop sidebar tab (open ↔ close). */
+    onToggle?: () => void;
     className?: string;
+    /** "sidebar" = left slide-over panel on desktop; "overlay" = right slide-over portal (default) */
+    variant?: "sidebar" | "overlay";
 }
-export declare function UserSidebar({ items, mobileOpen, onCloseMobile, className, }: UserSidebarProps): import("react/jsx-runtime").JSX.Element;
+export declare function UserSidebar({ items, groups, mobileOpen, onCloseMobile, desktopOpen, onToggle, variant }: UserSidebarProps): import("react/jsx-runtime").JSX.Element;

package/dist/features/account/components/UserSidebar.js

@@ -1,18 +1,72 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState, useCallback, useEffect } from "react";
+import { createPortal } from "react-dom";
 import Link from "next/link";
 import { usePathname } from "next/navigation";
-import { Aside, Li, Nav, Span, Ul } from "../../../ui";
+import { Li, Nav, Span, Ul } from "../../../ui";
 import { BottomSheet } from "../../layout/BottomSheet";
-function SidebarContent({ items, activeHref, onItemClick, }) {
-    return (_jsx(Nav, { "aria-label": "User navigation", className: "flex-1 overflow-y-auto py-3", children: _jsx(Ul, { className: "space-y-0.5 px-2", children: items.map((item) => {
-                const isActive = activeHref === item.href || activeHref.startsWith(item.href + "/");
-                return (_jsx(Li, { children: _jsxs(Link, { href: item.href, onClick: onItemClick, className: `flex items-center gap-3 rounded-lg px-3 py-2 text-sm transition-colors ${isActive
-                            ? "bg-primary-50 dark:bg-primary-900/20 text-primary-600 dark:text-primary-400 font-medium"
-                            : "text-zinc-600 dark:text-zinc-300 hover:bg-zinc-50 dark:hover:bg-slate-800 hover:text-zinc-900 dark:hover:text-zinc-100"}`, children: [item.icon && (_jsx(Span, { className: "shrink-0 text-[1.1rem]", children: item.icon })), _jsx(Span, { className: "flex-1 truncate", children: item.label })] }) }, item.href));
-            }) }) }));
+function NavLink({ item, isActive, onClick }) {
+    return (_jsxs(Link, { href: item.href, onClick: onClick, className: `flex items-center gap-2.5 rounded-lg px-3 py-2 text-[0.8125rem] font-medium leading-tight transition-colors ${isActive
+            ? "bg-primary-50 dark:bg-primary-900/25 text-primary-700 dark:text-primary-300"
+            : "text-zinc-500 dark:text-zinc-400 hover:bg-zinc-50 dark:hover:bg-slate-800 hover:text-zinc-900 dark:hover:text-zinc-100"}`, children: [item.icon && _jsx(Span, { className: "shrink-0 text-base opacity-70", children: item.icon }), _jsx(Span, { className: "flex-1 truncate", children: item.label })] }));
 }
-export function UserSidebar({ items, mobileOpen = false, onCloseMobile, className = "", }) {
+function DrawerContent({ groups, items, activeHref, onItemClick, }) {
+    const [openGroups, setOpenGroups] = useState(() => {
+        if (!groups)
+            return {};
+        return Object.fromEntries(groups.map((g) => [
+            g.title,
+            // Auto-expand only the group that contains the active page; collapse all others
+            g.defaultOpen === true
+                ? true
+                : g.items.some((i) => activeHref === i.href || activeHref.startsWith(i.href + "/")),
+        ]));
+    });
+    const toggle = useCallback((title) => setOpenGroups((prev) => ({ ...prev, [title]: !prev[title] })), []);
+    if (!groups || groups.length === 0) {
+        return (_jsx(Nav, { "aria-label": "User navigation", className: "py-3", children: _jsx(Ul, { className: "space-y-0.5 px-3", children: items.map((item) => {
+                    const isActive = activeHref === item.href || activeHref.startsWith(item.href + "/");
+                    return (_jsx(Li, { children: _jsx(NavLink, { item: item, isActive: isActive, onClick: onItemClick }) }, item.href));
+                }) }) }));
+    }
+    return (_jsx(Nav, { "aria-label": "User navigation", className: "py-2", children: groups.map((group) => {
+            const isOpen = openGroups[group.title] ?? false;
+            const hasActive = group.items.some((i) => activeHref === i.href || activeHref.startsWith(i.href + "/"));
+            return (_jsxs("div", { className: "mb-0.5", children: [_jsxs("button", { type: "button", onClick: () => toggle(group.title), className: `flex w-full items-center justify-between px-4 py-2 text-[0.6875rem] font-semibold uppercase tracking-widest transition-colors ${hasActive && !isOpen
+                            ? "text-primary-600 dark:text-primary-400"
+                            : "text-zinc-400 dark:text-zinc-500 hover:text-zinc-600 dark:hover:text-zinc-300"}`, children: [_jsx("span", { children: group.title }), _jsx("svg", { className: `w-3 h-3 transition-transform duration-150 ${isOpen ? "rotate-180" : ""}`, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", "aria-hidden": "true", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2.5, d: "M19 9l-7 7-7-7" }) })] }), isOpen && (_jsx(Ul, { className: "space-y-0.5 px-3 pb-1", children: group.items.map((item) => {
+                            const isActive = activeHref === item.href || activeHref.startsWith(item.href + "/");
+                            return (_jsx(Li, { children: _jsx(NavLink, { item: item, isActive: isActive, onClick: onItemClick }) }, item.href));
+                        }) }))] }, group.title));
+        }) }));
+}
+function DrawerPanel({ title, onClose, children, }) {
+    return (_jsxs("div", { className: "hidden md:block", children: [_jsx("div", { className: "fixed inset-0 z-40 bg-black/40 backdrop-blur-sm", onClick: onClose, "aria-hidden": "true" }), _jsxs("div", { role: "dialog", "aria-modal": "true", "aria-label": title, className: "fixed top-0 right-0 z-50 h-full w-64 bg-white dark:bg-slate-900 border-l border-zinc-200 dark:border-slate-700 flex flex-col shadow-2xl", children: [_jsxs("div", { className: "flex items-center justify-between px-4 py-3.5 border-b border-zinc-100 dark:border-slate-800 shrink-0", children: [_jsx("span", { className: "text-xs font-semibold uppercase tracking-widest text-zinc-400 dark:text-zinc-500", children: title }), _jsx("button", { type: "button", onClick: onClose, "aria-label": "Close", className: "flex items-center justify-center w-7 h-7 rounded-md text-zinc-400 hover:bg-zinc-100 dark:hover:bg-slate-800 hover:text-zinc-700 dark:hover:text-zinc-200 transition-colors", children: _jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", "aria-hidden": "true", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) }) })] }), _jsx("div", { className: "flex-1 overflow-y-auto", children: children })] })] }));
+}
+export function UserSidebar({ items, groups, mobileOpen = false, onCloseMobile, desktopOpen = false, onToggle, variant = "overlay" }) {
     const pathname = usePathname();
-    return (_jsxs(_Fragment, { children: [_jsx(Aside, { className: `hidden md:flex w-56 shrink-0 flex-col bg-white dark:bg-slate-900 border-r border-zinc-200 dark:border-slate-700 ${className}`, children: _jsx(SidebarContent, { items: items, activeHref: pathname }) }), _jsx(BottomSheet, { open: mobileOpen, onClose: onCloseMobile ?? (() => { }), title: "My Account", children: _jsx(SidebarContent, { items: items, activeHref: pathname, onItemClick: onCloseMobile }) })] }));
+    const close = onCloseMobile ?? (() => { });
+    const [mounted, setMounted] = useState(false);
+    useEffect(() => { setMounted(true); }, []);
+    useEffect(() => {
+        if (variant !== "sidebar") {
+            document.body.style.overflow = mobileOpen ? "hidden" : "";
+            return () => { document.body.style.overflow = ""; };
+        }
+    }, [mobileOpen, variant]);
+    // ── Persistent sidebar variant (desktop left slide-over, mobile bottom-sheet) ──────
+    if (variant === "sidebar") {
+        const handleToggle = onToggle ?? close;
+        return (_jsxs(_Fragment, { children: [desktopOpen && (_jsx("div", { className: "hidden md:block fixed inset-0 bg-black/40 backdrop-blur-[2px] z-30", onClick: handleToggle, "aria-hidden": "true" })), _jsxs("div", { className: "hidden md:flex fixed left-0 z-40 transition-transform duration-300", style: {
+                        top: "var(--header-height, 3.5rem)",
+                        height: "calc(100vh - var(--header-height, 3.5rem))",
+                        width: "13rem",
+                        transform: desktopOpen ? "translateX(0)" : "translateX(calc(-100% + 1.25rem))",
+                    }, children: [_jsxs("div", { className: "flex-1 bg-white dark:bg-slate-900 border-r border-zinc-200 dark:border-slate-800 flex flex-col overflow-hidden shadow-xl", children: [_jsx("div", { className: "px-4 py-3.5 border-b border-zinc-100 dark:border-slate-800 shrink-0", children: _jsx("span", { className: "text-xs font-semibold uppercase tracking-widest text-zinc-400 dark:text-zinc-500", children: "My Account" }) }), _jsx("div", { className: "flex-1 overflow-y-auto", children: _jsx(DrawerContent, { groups: groups, items: items, activeHref: pathname }) })] }), _jsx("button", { type: "button", onClick: handleToggle, "aria-label": desktopOpen ? "Collapse sidebar" : "Expand sidebar", className: "w-5 shrink-0 bg-primary dark:bg-secondary hover:bg-primary-600 dark:hover:bg-secondary-600 flex items-center justify-center transition-colors rounded-r-md shadow-md", children: _jsx("svg", { className: "w-3 h-3 text-white", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", "aria-hidden": "true", children: desktopOpen ? (_jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2.5, d: "M11 19l-7-7 7-7m8 14l-7-7 7-7" })) : (_jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2.5, d: "M13 5l7 7-7 7M5 5l7 7-7 7" })) }) })] }), _jsx("div", { className: "md:hidden", children: _jsx(BottomSheet, { open: mobileOpen, onClose: close, title: "My Account", children: _jsx(DrawerContent, { groups: groups, items: items, activeHref: pathname, onItemClick: close }) }) })] }));
+    }
+    // ── Overlay variant (default) — portal on desktop, bottom-sheet on mobile ─
+    const content = (_jsx(DrawerContent, { groups: groups, items: items, activeHref: pathname, onItemClick: close }));
+    return (_jsxs(_Fragment, { children: [mounted && mobileOpen &&
+                createPortal(_jsx(DrawerPanel, { title: "My Account", onClose: close, children: content }), document.body), _jsx("div", { className: "md:hidden", children: _jsx(BottomSheet, { open: mobileOpen, onClose: close, title: "My Account", children: _jsx(DrawerContent, { groups: groups, items: items, activeHref: pathname, onItemClick: close }) }) })] }));
 }

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

@@ -24,6 +24,8 @@ export { UserNotificationsView } from "./UserNotificationsView";
 export type { UserNotificationsViewProps, UserNotificationsViewLabels, } from "./UserNotificationsView";
 export { UserOffersView } from "./UserOffersView";
 export type { UserOffersViewProps, UserOffersViewLabels, } from "./UserOffersView";
+export { UserOffersPanel } from "./UserOffersPanel";
+export type { UserOffersPanelProps } from "./UserOffersPanel";
 export { MessagesView } from "./MessagesView";
 export type { MessagesViewProps, MessagesViewLabels } from "./MessagesView";
 export { ChatList } from "./ChatList";

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

@@ -11,6 +11,7 @@ export { OrderDetailView } from "./OrderDetailView";
 export { UserAddressesView } from "./UserAddressesView";
 export { UserNotificationsView } from "./UserNotificationsView";
 export { UserOffersView } from "./UserOffersView";
+export { UserOffersPanel } from "./UserOffersPanel";
 export { MessagesView } from "./MessagesView";
 export { ChatList } from "./ChatList";
 export { ChatWindow } from "./ChatWindow";

package/dist/features/account/hooks/useAddresses.d.ts

@@ -26,9 +26,16 @@ export interface AddressFormData {
 interface SetDefaultAddressData {
     addressId: string;
 }
+export interface AddressFilterParams {
+    q?: string;
+    addressType?: string;
+    verified?: boolean;
+    activeOnly?: boolean;
+}
 export declare function useAddresses(options?: {
     enabled?: boolean;
     listEndpoint?: string;
+    filters?: AddressFilterParams;
 }): import("@tanstack/react-query").UseQueryResult<Address[], Error>;
 export declare function useAddress(id: string, options?: {
     enabled?: boolean;

package/dist/features/account/hooks/useAddresses.js

@@ -7,7 +7,18 @@ const DEFAULT_ENDPOINTS = {
     setDefault: ACCOUNT_ENDPOINTS.ADDRESS_SET_DEFAULT,
 };
 export function useAddresses(options) {
-    const endpoint = options?.listEndpoint ?? DEFAULT_ENDPOINTS.list;
+    const sp = new URLSearchParams();
+    if (options?.filters?.q)
+        sp.set("q", options.filters.q);
+    if (options?.filters?.addressType)
+        sp.set("addressType", options.filters.addressType);
+    if (options?.filters?.verified)
+        sp.set("verified", "true");
+    if (options?.filters?.activeOnly)
+        sp.set("activeOnly", "true");
+    const qs = sp.toString();
+    const base = options?.listEndpoint ?? DEFAULT_ENDPOINTS.list;
+    const endpoint = qs ? `${base}?${qs}` : base;
     return useQuery({
         queryKey: ["addresses", endpoint],
         queryFn: () => apiClient.get(endpoint),

package/dist/features/admin/actions/admin-actions.d.ts

@@ -31,5 +31,5 @@ export declare function adminUpdateStoreStatus(adminId: string, input: {
     action: "approve" | "reject";
 }): Promise<void>;
 export declare function adminUpdateProduct(adminId: string, id: string, input: ProductAdminUpdateInput): Promise<ProductDocument>;
-export declare function adminCreateProduct(admin: AdminActor, input: ProductCreateInput & Partial<Pick<ProductDocument, "sellerId" | "sellerName" | "sellerEmail">>): Promise<ProductDocument>;
+export declare function adminCreateProduct(admin: AdminActor, input: ProductCreateInput & Partial<Pick<ProductDocument, "storeId" | "storeName">>): Promise<ProductDocument>;
 export declare function adminDeleteProduct(adminId: string, id: string): Promise<void>;

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

@@ -11,6 +11,7 @@ import { payoutRepository } from "../../payments/repository/payout.repository";
 import { userRepository } from "../../auth/repository/user.repository";
 import { productRepository } from "../../products/repository/products.repository";
 import { NotFoundError, ValidationError } from "../../../errors";
+import { getProviders } from "../../../contracts";
 export async function revokeSession(adminId, sessionId) {
     if (!sessionId?.trim()) {
         throw new ValidationError("sessionId is required");
@@ -89,6 +90,16 @@ export async function adminUpdateUser(adminId, uid, input) {
         throw new NotFoundError("User not found");
     }
     const updated = await userRepository.update(uid, input);
+    // Sync role to Firebase custom claims so it takes effect on next token refresh
+    if (input.role !== undefined) {
+        try {
+            const providers = getProviders();
+            await providers.auth.updateUser(uid, { role: input.role });
+        }
+        catch (err) {
+            serverLogger.warn("adminUpdateUser: custom claims sync failed", { uid, err });
+        }
+    }
     serverLogger.info("adminUpdateUser", {
         adminId,
         targetUid: uid,
@@ -148,9 +159,8 @@ export async function adminUpdateProduct(adminId, id, input) {
 export async function adminCreateProduct(admin, input) {
     const product = await productRepository.create({
         ...input,
-        sellerId: input.sellerId || admin.uid,
-        sellerName: input.sellerName || admin.displayName || admin.email || "Admin",
-        sellerEmail: input.sellerEmail || admin.email || "",
+        storeId: input.storeId,
+        storeName: input.storeName || "Admin",
     });
     serverLogger.info("adminCreateProduct", {
         adminId: admin.uid,

package/dist/features/admin/actions/admin-read-actions.d.ts

@@ -103,3 +103,15 @@ export declare function listAdminSessions(params?: {
         recentActivity: number;
     };
 }>;
+export declare function listAdminNewsletterSubscribers(params?: {
+    filters?: string;
+    sorts?: string;
+    page?: number;
+    pageSize?: number;
+}): Promise<import("../../..").PagedResult<import("../../..").NewsletterSubscriberDocument>>;
+export declare function listAdminContactSubmissions(params?: {
+    filters?: string;
+    sorts?: string;
+    page?: number;
+    pageSize?: number;
+}): Promise<import("../../..").PagedResult<import("../server").ContactSubmissionDocument>>;

package/dist/features/admin/actions/admin-read-actions.js

@@ -11,6 +11,8 @@ import { blogRepository } from "../../blog/repository/blog.repository";
 import { storeRepository } from "../../stores/repository/store.repository";
 import { bidRepository } from "../../auctions/repository/bid.repository";
 import { payoutRepository } from "../../payments/repository/payout.repository";
+import { newsletterRepository } from "../../../core/newsletter.repository";
+import { contactSubmissionsRepository } from "../../../core/contact-submissions.repository";
 import { formatMonthYear } from "../../../utils";
 import { ProductStatusValues } from "../../products/schemas";
 export async function getAdminDashboardStats() {
@@ -170,3 +172,19 @@ export async function listAdminSessions(params) {
         limit: params?.limit ?? 100,
     });
 }
+export async function listAdminNewsletterSubscribers(params) {
+    return newsletterRepository.list({
+        filters: params?.filters,
+        sorts: params?.sorts,
+        page: String(params?.page ?? 1),
+        pageSize: String(params?.pageSize ?? 50),
+    });
+}
+export async function listAdminContactSubmissions(params) {
+    return contactSubmissionsRepository.list({
+        filters: params?.filters,
+        sorts: params?.sorts,
+        page: String(params?.page ?? 1),
+        pageSize: String(params?.pageSize ?? 50),
+    });
+}

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

@@ -2,7 +2,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from "react";
 import { useMutation, useQuery } from "@tanstack/react-query";
-import { Alert, Button, Form, FormActions, Input, Select, StackedViewShell, Text, Toggle, } from "../../../ui";
+import { Alert, Button, Form, FormActions, Input, Select, StackedViewShell, Text, Toggle, useToast, } from "../../../ui";
 import { apiClient } from "../../../http";
 import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints";
 export function AdminAdEditorView({ adId, endpointBase = ADMIN_ENDPOINTS.ADS, labels = {}, onSaved, ...rest }) {
@@ -21,7 +21,7 @@ export function AdminAdEditorView({ adId, endpointBase = ADMIN_ENDPOINTS.ADS, la
     const [ctaHref, setCtaHref] = React.useState("");
     const [adsenseSlot, setAdsenseSlot] = React.useState("");
     const [thirdPartyUrl, setThirdPartyUrl] = React.useState("");
-    const [saveMessage, setSaveMessage] = React.useState(null);
+    const { showToast } = useToast();
     const metaQuery = useQuery({
         queryKey: ["admin-ads-editor-meta", endpointBase],
         queryFn: () => apiClient.get(endpointBase),
@@ -82,13 +82,13 @@ export function AdminAdEditorView({ adId, endpointBase = ADMIN_ENDPOINTS.ADS, la
             return created.id;
         },
         onSuccess: (savedId) => {
-            setSaveMessage("Saved successfully.");
+            showToast("Saved successfully.", "success");
             if (savedId) {
                 onSaved?.(savedId);
             }
         },
         onError: (error) => {
-            setSaveMessage(error instanceof Error ? error.message : "Save failed");
+            showToast(error instanceof Error ? error.message : "Save failed", "error");
         },
     });
     const placements = adQuery.data?.placements ?? metaQuery.data?.placements ?? [];
@@ -199,7 +199,6 @@ export function AdminAdEditorView({ adId, endpointBase = ADMIN_ENDPOINTS.ADS, la
         setSelectedPlacements((prev) => prev.includes(placementId)
             ? prev.filter((id) => id !== placementId)
             : [...prev, placementId]);
-        setSaveMessage(null);
     };
     return (_jsx(StackedViewShell, { portal: "admin", ...rest, title: labels.title ?? (adId ? "Edit Ad" : "Create Ad"), sections: [
             metaQuery.error ? (_jsx(Alert, { variant: "error", title: "Could not load ad metadata", children: metaQuery.error instanceof Error ? metaQuery.error.message : "Unknown error" })) : null,
@@ -207,7 +206,7 @@ export function AdminAdEditorView({ adId, endpointBase = ADMIN_ENDPOINTS.ADS, la
             _jsxs(Form, { onSubmit: (event) => {
                     event.preventDefault();
                     if (blockedByPublishValidation) {
-                        setSaveMessage("Cannot save in publish-ready status until validation issues are fixed.");
+                        showToast("Cannot save in publish-ready status until validation issues are fixed.", "warning");
                         return;
                     }
                     saveMutation.mutate();
@@ -220,6 +219,6 @@ export function AdminAdEditorView({ adId, endpointBase = ADMIN_ENDPOINTS.ADS, la
                                     { label: "Active", value: "active" },
                                     { label: "Scheduled", value: "scheduled" },
                                     { label: "Paused", value: "paused" },
-                                ], onChange: (event) => setStatus(event.target.value) }), _jsx(Input, { label: "Priority", type: "number", value: String(priority), onChange: (event) => setPriority(Number(event.target.value || 0)) })] }), _jsx(Toggle, { checked: requiresConsent, onChange: setRequiresConsent, label: "Require user ad-consent for this ad" }), _jsxs("div", { className: "space-y-2", "data-section": "adminadeditorview-div-236", children: [_jsx(Text, { className: "text-sm font-medium", children: "Placements" }), _jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-2", "data-section": "adminadeditorview-div-237", children: placements.map((placement) => (_jsxs("label", { className: "flex items-center gap-2 rounded-md border border-neutral-200 dark:border-slate-700 px-3 py-2", children: [_jsx("input", { type: "checkbox", checked: selectedPlacements.includes(placement.id), onChange: () => togglePlacement(placement.id) }), _jsx("span", { className: "text-sm", children: placement.label })] }, placement.id))) })] }), _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-3", "data-section": "adminadeditorview-div-238", children: [_jsx(Input, { label: "Start at (ISO)", value: startAt, onChange: (event) => setStartAt(event.target.value), placeholder: "2026-05-01T00:00:00.000Z" }), _jsx(Input, { label: "End at (ISO)", value: endAt, onChange: (event) => setEndAt(event.target.value), placeholder: "2026-05-30T23:59:59.000Z" })] }), _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-3", "data-section": "adminadeditorview-div-239", children: [_jsx(Input, { label: "Creative title", value: title, onChange: (event) => setTitle(event.target.value), placeholder: "Catch the mega sale" }), _jsx(Input, { label: "Creative body", value: body, onChange: (event) => setBody(event.target.value), placeholder: "Up to 40% off this weekend" }), _jsx(Input, { label: "Image URL", value: imageUrl, onChange: (event) => setImageUrl(event.target.value), placeholder: "https://..." }), _jsx(Input, { label: "CTA label", value: ctaLabel, onChange: (event) => setCtaLabel(event.target.value), placeholder: "Shop now" }), _jsx(Input, { label: "CTA URL", value: ctaHref, onChange: (event) => setCtaHref(event.target.value), placeholder: "/promotions/deals" }), provider === "adsense" ? (_jsx(Input, { label: "AdSense slot", value: adsenseSlot, onChange: (event) => setAdsenseSlot(event.target.value), placeholder: "1234567890" })) : null, provider === "thirdParty" ? (_jsx(Input, { label: "Third-party URL", value: thirdPartyUrl, onChange: (event) => setThirdPartyUrl(event.target.value), placeholder: "https://adnetwork.example/slot" })) : null] }), _jsxs("div", { className: "rounded-lg border border-neutral-200 dark:border-slate-700 p-3", "data-section": "adminadeditorview-div-240", children: [_jsx(Text, { className: "text-sm font-medium mb-1", children: "Preview" }), _jsx(Text, { className: "text-xs text-neutral-500 dark:text-zinc-400", children: title || name || "Untitled ad" }), body ? _jsx(Text, { className: "text-sm mt-1", children: body }) : null, ctaLabel ? _jsxs(Text, { className: "text-xs mt-1", children: ["CTA: ", ctaLabel, " (", ctaHref || "#", ")"] }) : null] }), publishHardeningRequired && publishIssues.length > 0 ? (_jsx(Alert, { variant: "warning", title: "Publish readiness issues", children: publishIssues.join("; ") })) : null, _jsx(FormActions, { align: "right", children: _jsx(Button, { type: "submit", disabled: saveMutation.isPending || blockedByPublishValidation || !name.trim() || selectedPlacements.length === 0, children: saveMutation.isPending ? "Saving..." : status === "active" ? "Publish ad" : adId ? "Save changes" : "Create ad" }) }), saveMessage ? (_jsx(Alert, { variant: saveMessage.includes("failed") || saveMessage.includes("Failed") ? "error" : "success", title: "Save status", children: saveMessage })) : null] }),
+                                ], onChange: (event) => setStatus(event.target.value) }), _jsx(Input, { label: "Priority", type: "number", value: String(priority), onChange: (event) => setPriority(Number(event.target.value || 0)) })] }), _jsx(Toggle, { checked: requiresConsent, onChange: setRequiresConsent, label: "Require user ad-consent for this ad" }), _jsxs("div", { className: "space-y-2", "data-section": "adminadeditorview-div-236", children: [_jsx(Text, { className: "text-sm font-medium", children: "Placements" }), _jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-2", "data-section": "adminadeditorview-div-237", children: placements.map((placement) => (_jsxs("label", { className: "flex items-center gap-2 rounded-md border border-neutral-200 dark:border-slate-700 px-3 py-2", children: [_jsx("input", { type: "checkbox", checked: selectedPlacements.includes(placement.id), onChange: () => togglePlacement(placement.id) }), _jsx("span", { className: "text-sm", children: placement.label })] }, placement.id))) })] }), _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-3", "data-section": "adminadeditorview-div-238", children: [_jsx(Input, { label: "Start at (ISO)", value: startAt, onChange: (event) => setStartAt(event.target.value), placeholder: "2026-05-01T00:00:00.000Z" }), _jsx(Input, { label: "End at (ISO)", value: endAt, onChange: (event) => setEndAt(event.target.value), placeholder: "2026-05-30T23:59:59.000Z" })] }), _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-3", "data-section": "adminadeditorview-div-239", children: [_jsx(Input, { label: "Creative title", value: title, onChange: (event) => setTitle(event.target.value), placeholder: "Catch the mega sale" }), _jsx(Input, { label: "Creative body", value: body, onChange: (event) => setBody(event.target.value), placeholder: "Up to 40% off this weekend" }), _jsx(Input, { label: "Image URL", value: imageUrl, onChange: (event) => setImageUrl(event.target.value), placeholder: "https://..." }), _jsx(Input, { label: "CTA label", value: ctaLabel, onChange: (event) => setCtaLabel(event.target.value), placeholder: "Shop now" }), _jsx(Input, { label: "CTA URL", value: ctaHref, onChange: (event) => setCtaHref(event.target.value), placeholder: "/promotions/deals" }), provider === "adsense" ? (_jsx(Input, { label: "AdSense slot", value: adsenseSlot, onChange: (event) => setAdsenseSlot(event.target.value), placeholder: "1234567890" })) : null, provider === "thirdParty" ? (_jsx(Input, { label: "Third-party URL", value: thirdPartyUrl, onChange: (event) => setThirdPartyUrl(event.target.value), placeholder: "https://adnetwork.example/slot" })) : null] }), _jsxs("div", { className: "rounded-lg border border-neutral-200 dark:border-slate-700 p-3", "data-section": "adminadeditorview-div-240", children: [_jsx(Text, { className: "text-sm font-medium mb-1", children: "Preview" }), _jsx(Text, { className: "text-xs text-neutral-500 dark:text-zinc-400", children: title || name || "Untitled ad" }), body ? _jsx(Text, { className: "text-sm mt-1", children: body }) : null, ctaLabel ? _jsxs(Text, { className: "text-xs mt-1", children: ["CTA: ", ctaLabel, " (", ctaHref || "#", ")"] }) : null] }), publishHardeningRequired && publishIssues.length > 0 ? (_jsx(Alert, { variant: "warning", title: "Publish readiness issues", children: publishIssues.join("; ") })) : null, _jsx(FormActions, { align: "right", children: _jsx(Button, { type: "submit", disabled: saveMutation.isPending || blockedByPublishValidation || !name.trim() || selectedPlacements.length === 0, children: saveMutation.isPending ? "Saving..." : status === "active" ? "Publish ad" : adId ? "Save changes" : "Create ad" }) })] }),
         ] }));
 }

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

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

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

@@ -0,0 +1,102 @@
+"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 { useMutation, useQueryClient } from "@tanstack/react-query";
+import { useUrlTable } from "../../../react/hooks/useUrlTable";
+import { ListingToolbar, Pagination, ListingViewShell, RowActionMenu, useToast } from "../../../ui";
+import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints";
+import { toRecordArray, toRelativeDate, toStringValue, useAdminListingData, } from "../hooks/useAdminListingData";
+import { DataTable } from "./DataTable";
+import { apiClient } from "../../../http";
+const PAGE_SIZE = 25;
+const FILTER_KEYS = ["status"];
+const DEFAULT_SORT = "-submittedAt";
+const SORT_OPTIONS = [
+    { value: "-submittedAt", label: "Newest" },
+    { value: "submittedAt", label: "Oldest" },
+];
+const STATUS_OPTIONS = ["All", "CONFIRMED", "WAITLISTED", "CANCELLED"];
+export function AdminAllEventEntriesView({ children, ...props }) {
+    const hasChildren = React.Children.count(children) > 0;
+    const queryClient = useQueryClient();
+    const { showToast } = useToast();
+    const table = useUrlTable({ defaults: { pageSize: String(PAGE_SIZE), sort: DEFAULT_SORT } });
+    const [searchInput, setSearchInput] = useState(table.get("q") || "");
+    const [filterOpen, setFilterOpen] = useState(false);
+    const [pendingFilters, setPendingFilters] = useState(() => Object.fromEntries(FILTER_KEYS.map((k) => [k, table.get(k)])));
+    const openFilters = useCallback(() => {
+        setPendingFilters(Object.fromEntries(FILTER_KEYS.map((k) => [k, table.get(k)])));
+        setFilterOpen(true);
+    }, [table]);
+    const applyFilters = useCallback(() => {
+        const updates = { page: "1" };
+        for (const k of FILTER_KEYS)
+            updates[k] = pendingFilters[k] ?? "";
+        table.setMany(updates);
+        setFilterOpen(false);
+    }, [pendingFilters, table]);
+    const clearFilters = useCallback(() => {
+        setPendingFilters(Object.fromEntries(FILTER_KEYS.map((k) => [k, ""])));
+    }, []);
+    const resetAll = useCallback(() => {
+        const updates = { q: "", sort: "" };
+        for (const k of FILTER_KEYS)
+            updates[k] = "";
+        table.setMany(updates);
+        setSearchInput("");
+    }, [table]);
+    const commitSearch = useCallback(() => {
+        table.set("q", searchInput.trim());
+    }, [searchInput, table]);
+    const activeFilterCount = FILTER_KEYS.filter((k) => !!table.get(k)).length;
+    const hasActiveState = !!table.get("q") || table.get("sort") !== DEFAULT_SORT || activeFilterCount > 0;
+    const statusRaw = table.get("status");
+    const filters = statusRaw && statusRaw !== "All" ? `status==${statusRaw}` : undefined;
+    const { rows, total, isLoading, errorMessage } = useAdminListingData({
+        queryKey: ["admin", "event-entries", "listing"],
+        endpoint: ADMIN_ENDPOINTS.ADMIN_EVENT_ENTRIES,
+        page: table.getNumber("page", 1),
+        pageSize: PAGE_SIZE,
+        sorts: table.get("sort") || DEFAULT_SORT,
+        filters,
+        q: table.get("q") || undefined,
+        mapRows: (response) => toRecordArray(response.items).map((item, index) => ({
+            id: toStringValue(item.id, `entry-${index}`),
+            primary: toStringValue(item.userDisplayName ?? item.userName, "Unknown user"),
+            secondary: [
+                toStringValue(item.eventId, ""),
+                toStringValue(item.userEmail, ""),
+            ].filter(Boolean).join(" · "),
+            status: toStringValue(item.status ?? item.reviewStatus, "PENDING"),
+            updatedAt: toRelativeDate(item.submittedAt ?? item.createdAt),
+            eventId: toStringValue(item.eventId, ""),
+        })),
+        getTotal: (response, mappedRows) => typeof response.total === "number" ? response.total : mappedRows.length,
+    });
+    const updateMutation = useMutation({
+        mutationFn: async ({ id, status }) => {
+            await apiClient.patch(ADMIN_ENDPOINTS.ADMIN_EVENT_ENTRY_BY_ID(id), { status });
+        },
+        onSuccess: () => {
+            showToast("Entry updated.", "success");
+            queryClient.invalidateQueries({ queryKey: ["admin", "event-entries"] });
+        },
+        onError: (err) => {
+            showToast(err?.message ?? "Failed to update entry.", "error");
+        },
+    });
+    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("div", { className: "min-h-screen", children: [_jsx(ListingToolbar, { filterCount: activeFilterCount, onFiltersClick: openFilters, searchValue: searchInput, searchPlaceholder: "Search by user name or event ID", 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 entries found", renderRowActions: (row) => {
+                            const er = row;
+                            return (_jsx(RowActionMenu, { actions: [
+                                    { label: "Confirm", onClick: () => updateMutation.mutate({ id: er.id, status: "CONFIRMED" }) },
+                                    { label: "Waitlist", onClick: () => updateMutation.mutate({ id: er.id, status: "WAITLISTED" }) },
+                                    { label: "Cancel", destructive: true, onClick: () => updateMutation.mutate({ id: er.id, status: "CANCELLED" }) },
+                                ] }));
+                        } })] }), filterOpen && (_jsxs(_Fragment, { children: [_jsx("div", { className: "fixed inset-0 z-40 bg-black/40", "aria-hidden": "true", onClick: () => setFilterOpen(false) }), _jsxs("div", { className: "fixed inset-y-0 left-0 z-50 flex w-80 flex-col bg-white dark:bg-slate-900 shadow-2xl", children: [_jsxs("div", { className: "flex items-center justify-between border-b border-zinc-200 dark:border-slate-700 px-4 py-3.5", children: [_jsx("span", { className: "text-base font-semibold text-zinc-900 dark:text-zinc-100", children: "Filters" }), _jsxs("div", { className: "flex items-center gap-2", children: [activeFilterCount > 0 && (_jsx("button", { type: "button", onClick: clearFilters, className: "text-xs text-zinc-500 hover:text-rose-500 dark:text-zinc-400 transition-colors", children: "Clear all" })), _jsx("button", { type: "button", onClick: () => setFilterOpen(false), "aria-label": "Close", className: "rounded-lg p-1.5 text-zinc-500 hover:bg-zinc-100 dark:hover:bg-slate-800 transition-colors", children: _jsx(X, { className: "h-5 w-5" }) })] })] }), _jsx("div", { className: "flex-1 overflow-y-auto px-4 py-4 space-y-5", children: _jsxs("div", { className: "space-y-2", children: [_jsx("p", { className: "text-xs font-semibold uppercase tracking-widest text-zinc-500 dark:text-zinc-400", children: "Status" }), _jsx("div", { className: "flex flex-wrap gap-2", children: STATUS_OPTIONS.map((opt) => (_jsx("button", { type: "button", onClick: () => setPendingFilters((p) => ({ ...p, status: opt === "All" ? "" : opt })), className: `rounded-full px-3 py-1 text-xs font-medium border transition-colors ${(pendingFilters.status || "All") === opt ? "bg-primary text-white border-primary" : "border-zinc-300 dark:border-slate-600 text-zinc-700 dark:text-zinc-300 hover:bg-zinc-50 dark:hover:bg-slate-800"}`, children: opt }, opt))) })] }) }), _jsx("div", { className: "border-t border-zinc-200 dark:border-slate-700 px-4 py-3.5", children: _jsxs("button", { type: "button", onClick: applyFilters, className: "w-full rounded-lg bg-primary py-2.5 text-sm font-semibold text-white hover:bg-primary-600 transition-colors active:scale-[0.98]", children: ["Apply Filters", activeFilterCount > 0 ? ` (${activeFilterCount})` : ""] }) })] })] }))] }));
+}