@mohasinac/appkit 2.3.0 → 2.3.1

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

@@ -0,0 +1,9 @@
+import React from "react";
+export interface AdminSessionsManagerProps {
+    renderHeader?: () => React.ReactNode;
+    renderStats: () => React.ReactNode;
+    renderTable: () => React.ReactNode;
+    renderConfirmModal?: () => React.ReactNode;
+    className?: string;
+}
+export declare function AdminSessionsManager({ renderHeader, renderStats, renderTable, renderConfirmModal, className, }: AdminSessionsManagerProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,4 @@
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export function AdminSessionsManager({ renderHeader, renderStats, renderTable, renderConfirmModal, className = "", }) {
+    return (_jsxs("div", { className: `space-y-6 ${className}`, "data-section": "adminsessionsmanager-div-256", children: [renderHeader?.(), renderStats(), renderTable(), renderConfirmModal?.()] }));
+}

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

@@ -0,0 +1,13 @@
+import React from "react";
+export interface AdminSidebarProps {
+    renderNavItems?: (activePath: string) => React.ReactNode;
+    renderHeader?: () => React.ReactNode;
+    renderFooter?: () => React.ReactNode;
+    activePath?: string;
+    /** Whether the mobile drawer is open */
+    mobileOpen?: boolean;
+    /** Called when the mobile drawer should close */
+    onCloseMobile?: () => void;
+    className?: string;
+}
+export declare function AdminSidebar({ renderNavItems, renderHeader, renderFooter, activePath, mobileOpen, onCloseMobile, className, }: AdminSidebarProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,7 @@
+"use client";
+import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { Aside, Nav } from "../../../ui";
+import { BottomSheet } from "../../layout/BottomSheet";
+export function AdminSidebar({ renderNavItems, renderHeader, renderFooter, activePath = "", mobileOpen = false, onCloseMobile, className = "", }) {
+    return (_jsxs(_Fragment, { children: [_jsx(Aside, { className: `hidden md:flex w-64 shrink-0 flex-col bg-white dark:bg-slate-900 border-r border-zinc-200 dark:border-slate-700 ${className}`, children: _jsxs(Nav, { "aria-label": "Admin sidebar", className: "flex-1 overflow-y-auto py-3", children: [renderHeader?.(), renderNavItems?.(activePath), renderFooter?.()] }) }), _jsx(BottomSheet, { open: mobileOpen, onClose: onCloseMobile ?? (() => { }), title: "Admin Panel", children: _jsxs(Nav, { "aria-label": "Admin sidebar", className: "py-3", children: [renderHeader?.(), renderNavItems?.(activePath), renderFooter?.()] }) })] }));
+}

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

@@ -0,0 +1,10 @@
+import React from "react";
+import type { StackedViewShellProps } from "../../../ui";
+export interface AdminSiteViewProps extends Omit<StackedViewShellProps, "sections"> {
+    labels?: {
+        title?: string;
+    };
+    renderTabs?: () => React.ReactNode;
+    renderForm?: () => React.ReactNode;
+}
+export declare function AdminSiteView({ labels, renderTabs, renderForm, ...rest }: AdminSiteViewProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,45 @@
+"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 { Alert, Button, Form, FormActions, Input, StackedViewShell, Toggle, } from "../../../ui";
+import { useSiteSettings } from "../../../core/hooks/useSiteSettings";
+import { SITE_SETTINGS_ENDPOINTS } from "../../../constants/api-endpoints";
+import { apiClient } from "../../../http";
+export function AdminSiteView({ labels = {}, renderTabs, renderForm, ...rest }) {
+    const queryClient = useQueryClient();
+    const { data, isLoading, error } = useSiteSettings();
+    const [announcementEnabled, setAnnouncementEnabled] = React.useState(true);
+    const [announcementMessage, setAnnouncementMessage] = React.useState("");
+    const [saveMessage, setSaveMessage] = React.useState(null);
+    React.useEffect(() => {
+        if (!data)
+            return;
+        setAnnouncementEnabled(data.announcementBar?.enabled ?? true);
+        setAnnouncementMessage(data.announcementBar?.message ?? "");
+    }, [data]);
+    const saveAnnouncement = useMutation({
+        mutationFn: async () => {
+            await apiClient.patch(SITE_SETTINGS_ENDPOINTS.GET, {
+                announcementBar: {
+                    enabled: announcementEnabled,
+                    message: announcementMessage,
+                },
+            });
+        },
+        onSuccess: async () => {
+            await queryClient.invalidateQueries({ queryKey: ["site-settings"] });
+            setSaveMessage("Announcement settings saved.");
+        },
+        onError: () => {
+            setSaveMessage("Failed to save announcement settings.");
+        },
+    });
+    const defaultForm = () => (_jsxs(Form, { onSubmit: (event) => {
+            event.preventDefault();
+            saveAnnouncement.mutate();
+        }, className: "space-y-4", children: [_jsx(Toggle, { checked: announcementEnabled, onChange: setAnnouncementEnabled, label: "Show announcement bar on homepage" }), _jsx(Input, { label: "Announcement message", value: announcementMessage, onChange: (event) => setAnnouncementMessage(event.target.value), placeholder: "Enter homepage announcement", disabled: !announcementEnabled, helperText: "This message is shown at the top of the homepage when enabled." }), _jsx(FormActions, { align: "right", children: _jsx(Button, { type: "submit", disabled: saveAnnouncement.isPending || (announcementEnabled && !announcementMessage.trim()), children: saveAnnouncement.isPending ? "Saving..." : "Save announcement" }) }), saveMessage ? (_jsx(Alert, { variant: saveMessage.startsWith("Failed") ? "error" : "success", title: saveMessage.startsWith("Failed") ? "Save failed" : "Saved", children: saveMessage })) : null] }));
+    const loadingAlert = isLoading ? (_jsx(Alert, { variant: "info", title: "Loading settings", children: "Fetching site settings..." })) : null;
+    const errorAlert = error ? (_jsx(Alert, { variant: "error", title: "Could not load settings", children: error instanceof Error ? error.message : "Unknown error" })) : null;
+    return (_jsx(StackedViewShell, { portal: "admin", ...rest, title: labels.title ?? "Site Settings", sections: [renderTabs?.(), loadingAlert, errorAlert, renderForm?.() ?? defaultForm()] }));
+}

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

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

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

@@ -0,0 +1,29 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from "react";
+import { ListingViewShell } from "../../../ui";
+import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints";
+import { toRecordArray, toRelativeDate, toStringValue, useAdminListingData, } from "../hooks/useAdminListingData";
+import { AdminListingScaffold } from "./AdminListingScaffold";
+export function AdminStoresView({ children, ...props }) {
+    const hasChildren = React.Children.count(children) > 0;
+    const { rows, total, isLoading, errorMessage } = useAdminListingData({
+        queryKey: ["admin", "stores", "listing"],
+        endpoint: ADMIN_ENDPOINTS.STORES,
+        mapRows: (response) => toRecordArray(response.items).map((item, index) => ({
+            id: toStringValue(item.id, `store-${index}`),
+            primary: toStringValue(item.storeName, "Unnamed store"),
+            secondary: [
+                toStringValue(item.storeSlug, "No slug"),
+                toStringValue(item.ownerId, "No owner"),
+            ].join(" · "),
+            status: toStringValue(item.status, "Pending"),
+            updatedAt: toRelativeDate(item.updatedAt ?? item.createdAt),
+        })),
+        getTotal: (response, mappedRows) => typeof response.total === "number" ? response.total : mappedRows.length,
+    });
+    if (hasChildren) {
+        return _jsx(ListingViewShell, { portal: "admin", ...props, children: children });
+    }
+    return (_jsx(AdminListingScaffold, { portal: "admin", ...props, title: "Store Directory", subtitle: "Review seller storefront health, verification, and merchandising quality from the shared listing shell.", actionLabel: "Approve store", searchPlaceholder: "Search stores, slugs, or owner names", rows: rows, isLoading: isLoading, errorMessage: errorMessage, emptyLabel: "No stores found", resultSummary: `Showing ${rows.length} of ${total} stores` }));
+}

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

@@ -0,0 +1,8 @@
+import React from "react";
+export interface AdminTopBarProps {
+    renderLeft?: () => React.ReactNode;
+    renderRight?: () => React.ReactNode;
+    renderSearch?: (value: string, onChange: (v: string) => void) => React.ReactNode;
+    className?: string;
+}
+export declare function AdminTopBar({ renderLeft, renderRight, renderSearch, className }: AdminTopBarProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,8 @@
+"use client";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import { Div } from "../../../ui";
+export function AdminTopBar({ renderLeft, renderRight, renderSearch, className = "" }) {
+    const [search, setSearch] = React.useState("");
+    return (_jsxs(Div, { className: className, children: [renderLeft?.(), renderSearch?.(search, setSearch), renderRight?.()] }));
+}

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

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

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

@@ -0,0 +1,41 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from "react";
+import { ListingViewShell } from "../../../ui";
+import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints";
+import { toRecordArray, toRelativeDate, toStringValue, useAdminListingData, } from "../hooks/useAdminListingData";
+import { AdminListingScaffold } from "./AdminListingScaffold";
+export function AdminUsersView({ children, ...props }) {
+    const hasChildren = React.Children.count(children) > 0;
+    const { rows, total, isLoading, errorMessage } = useAdminListingData({
+        queryKey: ["admin", "users", "listing"],
+        endpoint: ADMIN_ENDPOINTS.USERS,
+        mapRows: (response) => toRecordArray(response.users).map((item, index) => ({
+            id: toStringValue(item.id ?? item.uid, `user-${index}`),
+            primary: toStringValue(item.displayName, "Unnamed user"),
+            secondary: [
+                toStringValue(item.email, "No email"),
+                toStringValue(item.role, "Unknown role"),
+            ].join(" · "),
+            status: typeof item.disabled === "boolean"
+                ? item.disabled
+                    ? "Disabled"
+                    : "Active"
+                : "Active",
+            updatedAt: toRelativeDate(item.lastLoginAt ?? item.createdAt),
+        })),
+        getTotal: (response, mappedRows) => {
+            if (typeof response.meta?.total === "number") {
+                return response.meta.total;
+            }
+            if (typeof response.total === "number") {
+                return response.total;
+            }
+            return mappedRows.length;
+        },
+    });
+    if (hasChildren) {
+        return _jsx(ListingViewShell, { portal: "admin", ...props, children: children });
+    }
+    return (_jsx(AdminListingScaffold, { portal: "admin", ...props, title: "User Management", subtitle: "Audit onboarding, verification, and role changes without leaving the admin listing shell.", actionLabel: "Invite user", searchPlaceholder: "Search users, email, or seller handles", rows: rows, isLoading: isLoading, errorMessage: errorMessage, emptyLabel: "No users found", resultSummary: `Showing ${rows.length} of ${total} users` }));
+}

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

@@ -0,0 +1,8 @@
+import type { DashboardStats } from "../types";
+interface DashboardStatsGridProps {
+    stats: DashboardStats;
+    isLoading?: boolean;
+    labels?: Partial<Record<keyof DashboardStats | string, string>>;
+}
+export declare function DashboardStatsGrid({ stats, isLoading, labels, }: DashboardStatsGridProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Div, Text, Grid } from "../../../ui";
+import { formatCurrency } from "../../../utils/number.formatter";
+import { getDefaultCurrency } from "../../../core/baseline-resolver";
+function StatCard({ label, value, sub, color = "default" }) {
+    const colorClass = {
+        default: "bg-white dark:bg-slate-900",
+        blue: "bg-blue-50 dark:bg-blue-900/20",
+        green: "bg-green-50 dark:bg-green-900/20",
+        amber: "bg-amber-50 dark:bg-amber-900/20",
+        red: "bg-red-50 dark:bg-red-900/20",
+    }[color];
+    return (_jsxs(Div, { className: `rounded-xl border border-neutral-200 dark:border-slate-700 p-5 ${colorClass}`, children: [_jsx(Text, { className: "text-xs font-medium uppercase tracking-wide text-neutral-500 dark:text-zinc-400", children: label }), _jsx(Text, { className: "mt-2 text-2xl font-bold text-neutral-900 dark:text-zinc-100", children: value }), sub && _jsx(Text, { className: "mt-1 text-xs text-neutral-500 dark:text-zinc-400", children: sub })] }));
+}
+export function DashboardStatsGrid({ stats, isLoading, labels = {}, }) {
+    if (isLoading) {
+        return (_jsx(Grid, { cols: "statTiles", children: Array.from({ length: 4 }).map((_, i) => (_jsxs(Div, { className: "animate-pulse rounded-xl border border-neutral-200 dark:border-slate-700 p-5", children: [_jsx(Div, { className: "h-3 w-20 rounded bg-neutral-200 dark:bg-slate-700" }), _jsx(Div, { className: "mt-2 h-8 w-24 rounded bg-neutral-200 dark:bg-slate-700" })] }, i))) }));
+    }
+    const currency = stats.currency ?? getDefaultCurrency();
+    return (_jsxs(Grid, { cols: "statTiles", children: [_jsx(StatCard, { label: labels.totalOrders ?? "Total Orders", value: stats.totalOrders ?? 0 }), _jsx(StatCard, { label: labels.totalRevenue ?? "Total Revenue", value: formatCurrency(stats.totalRevenue ?? 0, currency), color: "green" }), _jsx(StatCard, { label: labels.totalUsers ?? "Total Users", value: stats.totalUsers ?? 0, color: "blue" }), _jsx(StatCard, { label: labels.totalProducts ?? "Total Products", value: stats.totalProducts ?? 0 }), stats.pendingOrders !== undefined && (_jsx(StatCard, { label: labels.pendingOrders ?? "Pending Orders", value: stats.pendingOrders, color: "amber" })), stats.pendingReviews !== undefined && (_jsx(StatCard, { label: labels.pendingReviews ?? "Pending Reviews", value: stats.pendingReviews, color: "amber" }))] }));
+}

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

@@ -0,0 +1,19 @@
+import type { AdminTableColumn } from "../types";
+interface DataTableProps<T extends {
+    id: string;
+}> {
+    columns: AdminTableColumn<T>[];
+    rows: T[];
+    isLoading?: boolean;
+    sortKey?: string;
+    sortDir?: "asc" | "desc";
+    onSort?: (key: string) => void;
+    totalPages?: number;
+    currentPage?: number;
+    onPageChange?: (page: number) => void;
+    emptyLabel?: string;
+}
+export declare function DataTable<T extends {
+    id: string;
+}>({ columns, rows, isLoading, sortKey, sortDir, onSort, totalPages, currentPage, onPageChange, emptyLabel, }: DataTableProps<T>): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Div, Span } from "../../../ui";
+export function DataTable({ columns, rows, isLoading, sortKey, sortDir, onSort, totalPages = 1, currentPage = 1, onPageChange, emptyLabel = "No records found", }) {
+    return (_jsxs(Div, { className: "overflow-hidden rounded-xl border border-neutral-200 dark:border-slate-700 bg-white dark:bg-slate-900", children: [_jsx(Div, { className: "overflow-x-auto", children: _jsxs("table", { className: "w-full text-sm", children: [_jsx("thead", { children: _jsx("tr", { className: "border-b border-neutral-200 dark:border-slate-700 bg-neutral-50 dark:bg-slate-800", children: columns.map((col) => (_jsxs("th", { scope: "col", onClick: col.sortable && onSort ? () => onSort(col.key) : undefined, className: `px-4 py-3 text-left font-semibold text-neutral-900 dark:text-zinc-100 ${col.sortable && onSort ? "cursor-pointer select-none hover:text-primary" : ""} ${col.className ?? ""}`, children: [col.header, col.sortable && sortKey === col.key && (_jsx(Span, { className: "ml-1", children: sortDir === "asc" ? "↑" : "↓" }))] }, col.key))) }) }), _jsx("tbody", { children: isLoading ? (Array.from({ length: 5 }).map((_, i) => (_jsx("tr", { className: "border-b border-neutral-100 dark:border-slate-700", children: columns.map((col) => (_jsx("td", { className: "px-4 py-3", children: _jsx(Div, { className: "h-4 w-full animate-pulse rounded bg-neutral-200 dark:bg-slate-700" }) }, col.key))) }, i)))) : rows.length === 0 ? (_jsx("tr", { children: _jsx("td", { colSpan: columns.length, className: "px-4 py-12 text-center text-neutral-500 dark:text-zinc-400", children: emptyLabel }) })) : (rows.map((row) => (_jsx("tr", { className: "border-b border-neutral-100 dark:border-slate-700 hover:bg-neutral-50 dark:hover:bg-slate-800", children: columns.map((col) => (_jsx("td", { className: `px-4 py-3 text-neutral-700 dark:text-zinc-300 ${col.className ?? ""}`, children: col.render
+                                        ? col.render(row)
+                                        : String(row[col.key] ?? "") }, col.key))) }, row.id)))) })] }) }), totalPages > 1 && onPageChange && (_jsx(Div, { className: "flex items-center justify-end gap-2 border-t border-neutral-200 dark:border-slate-700 px-4 py-3", children: Array.from({ length: totalPages }, (_, i) => i + 1).map((p) => (_jsx(Button, { onClick: () => onPageChange(p), variant: p === currentPage ? "primary" : "ghost", size: "sm", className: `h-8 w-8 rounded text-xs font-medium transition ${p === currentPage ? "bg-neutral-900 text-white" : "text-neutral-600 dark:text-zinc-300 hover:bg-neutral-100 dark:hover:bg-slate-800"}`, children: p }, p))) }))] }));
+}

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

@@ -0,0 +1,11 @@
+import React from "react";
+import type { StackedViewShellProps } from "../../../ui";
+export interface DemoSeedViewProps extends Omit<StackedViewShellProps, "sections"> {
+    labels?: {
+        title?: string;
+    };
+    renderActions?: (isLoading: boolean) => React.ReactNode;
+    renderLog?: () => React.ReactNode;
+    isLoading?: boolean;
+}
+export declare function DemoSeedView({ labels, renderActions, renderLog, isLoading, ...rest }: DemoSeedViewProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { StackedViewShell } from "../../../ui";
+export function DemoSeedView({ labels = {}, renderActions, renderLog, isLoading = false, ...rest }) {
+    return (_jsx(StackedViewShell, { portal: "admin", ...rest, title: labels.title, sections: [renderActions?.(isLoading), renderLog?.()] }));
+}

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

@@ -0,0 +1,54 @@
+/**
+ * DrawerFormFooter Component
+ *
+ * Cancel + Save/Delete button pair used in drawer/modal forms.
+ * Provides consistent spacing and button styling for form actions.
+ *
+ * Text labels are injected via the `labels` prop; variant and styling
+ * are configured through `themeConfig`.
+ *
+ * @example
+ * ```tsx
+ * <DrawerFormFooter
+ *   onCancel={() => setShowDrawer(false)}
+ *   onSubmit={handleSave}
+ *   labels={{ submit: "Save User", cancel: "Cancel" }}
+ * />
+ *
+ * // With delete option
+ * <DrawerFormFooter
+ *   onCancel={() => setShowDrawer(false)}
+ *   onSubmit={handleSave}
+ *   onDelete={handleDelete}
+ *   labels={{ submit: "Update", delete: "Delete", cancel: "Cancel" }}
+ * />
+ * ```
+ */
+interface DrawerFormFooterLabels {
+    submit?: string;
+    delete?: string;
+    cancel?: string;
+    saving?: string;
+}
+interface DrawerFormFooterThemeConfig {
+    borderClass?: string;
+}
+export interface DrawerFormFooterProps {
+    onCancel: () => void;
+    onSubmit: () => void;
+    onDelete?: () => void;
+    isLoading?: boolean;
+    isSubmitDisabled?: boolean;
+    className?: string;
+    labels?: DrawerFormFooterLabels;
+    /**
+     * "footer" (default) — placed in SideDrawer footer prop; the drawer wrapper
+     * supplies the border and background.
+     * "inline" — placed inside the scrollable content area; adds its own
+     * top border separator.
+     */
+    variant?: "footer" | "inline";
+    themeConfig?: DrawerFormFooterThemeConfig;
+}
+export declare function DrawerFormFooter({ onCancel, onSubmit, onDelete, isLoading, isSubmitDisabled, className, labels, variant, themeConfig, }: DrawerFormFooterProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from "@mohasinac/appkit/ui";
+export function DrawerFormFooter({ onCancel, onSubmit, onDelete, isLoading = false, isSubmitDisabled = false, className = "", labels = { submit: "Save", delete: "Delete", cancel: "Cancel", saving: "Saving..." }, variant = "footer", themeConfig = { borderClass: "border-t border-zinc-200 dark:border-zinc-700" }, }) {
+    return (_jsxs("div", { className: `flex items-center gap-3${variant === "inline" ? ` pt-4 ${themeConfig.borderClass}` : ""} ${className}`, "data-section": "drawerformfooter-div-257", children: [onDelete && (_jsx(Button, { variant: "danger", onClick: onDelete, disabled: isLoading, size: "md", children: labels.delete })), _jsxs("div", { className: `flex items-center gap-3${!onDelete ? " ml-auto" : ""}`, "data-section": "drawerformfooter-div-258", children: [_jsx(Button, { variant: "outline", onClick: onCancel, disabled: isLoading, size: "md", children: labels.cancel }), _jsx(Button, { variant: "primary", onClick: onSubmit, disabled: isLoading || isSubmitDisabled, size: "md", children: isLoading ? labels.saving : labels.submit })] })] }));
+}

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

@@ -0,0 +1,15 @@
+import React from "react";
+export interface QuickActionItem {
+    id: string;
+    label: string;
+    href?: string;
+    icon?: React.ReactNode;
+    onClick?: () => void;
+}
+export interface QuickActionsPanelProps {
+    title?: string;
+    actions: QuickActionItem[];
+    renderAction?: (action: QuickActionItem) => React.ReactNode;
+    className?: string;
+}
+export declare function QuickActionsPanel({ title, actions, renderAction, className, }: QuickActionsPanelProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Div, Heading } from "../../../ui";
+export function QuickActionsPanel({ title, actions, renderAction, className = "", }) {
+    return (_jsxs(Div, { className: className, children: [title && (_jsx(Heading, { level: 3, className: "mb-4", children: title })), _jsx(Div, { className: "grid grid-cols-1 md:grid-cols-3 gap-4", children: actions.map((action) => (_jsx(Div, { children: renderAction ? (renderAction(action)) : action.onClick ? (_jsxs("button", { type: "button", onClick: action.onClick, className: "w-full inline-flex items-center justify-start gap-2 rounded-lg border border-neutral-200 dark:border-slate-700 bg-white dark:bg-slate-900 text-zinc-900 dark:text-zinc-100 px-3 py-2 text-sm", children: [action.icon, action.label] })) : (_jsxs("a", { href: action.href ?? "#", className: "w-full inline-flex items-center justify-start gap-2 rounded-lg border border-neutral-200 dark:border-slate-700 bg-white dark:bg-slate-900 text-zinc-900 dark:text-zinc-100 px-3 py-2 text-sm", children: [action.icon, action.label] })) }, action.id))) })] }));
+}

package/dist/features/admin/components/analytics/AdminAnalyticsCharts.d.ts

@@ -0,0 +1,17 @@
+import type { AnalyticsMonthEntry } from "../../types";
+export interface AdminRevenueChartProps {
+    data: AnalyticsMonthEntry[];
+    labels?: {
+        title?: string;
+    };
+    className?: string;
+}
+export declare function AdminRevenueChart({ data, labels, className, }: AdminRevenueChartProps): import("react/jsx-runtime").JSX.Element;
+export interface AdminOrdersChartProps {
+    data: AnalyticsMonthEntry[];
+    labels?: {
+        title?: string;
+    };
+    className?: string;
+}
+export declare function AdminOrdersChart({ data, labels, className, }: AdminOrdersChartProps): import("react/jsx-runtime").JSX.Element;

package/dist/features/admin/components/analytics/AdminAnalyticsCharts.js

@@ -0,0 +1,33 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import dynamic from "next/dynamic";
+import { Div, Heading } from "../../../../ui";
+const ResponsiveContainer = dynamic(() => import("recharts").then((m) => m.ResponsiveContainer), { ssr: false });
+const AreaChart = dynamic(() => import("recharts").then((m) => m.AreaChart), {
+    ssr: false,
+});
+const Area = dynamic(() => import("recharts").then((m) => m.Area), {
+    ssr: false,
+});
+const BarChart = dynamic(() => import("recharts").then((m) => m.BarChart), {
+    ssr: false,
+});
+const Bar = dynamic(() => import("recharts").then((m) => m.Bar), {
+    ssr: false,
+});
+const XAxis = dynamic(() => import("recharts").then((m) => m.XAxis), {
+    ssr: false,
+});
+const YAxis = dynamic(() => import("recharts").then((m) => m.YAxis), {
+    ssr: false,
+});
+const CartesianGrid = dynamic(() => import("recharts").then((m) => m.CartesianGrid), { ssr: false });
+const Tooltip = dynamic(() => import("recharts").then((m) => m.Tooltip), {
+    ssr: false,
+});
+export function AdminRevenueChart({ data, labels = {}, className = "", }) {
+    return (_jsxs(Div, { className: `bg-white dark:bg-neutral-900 rounded-xl border border-neutral-200 dark:border-neutral-800 p-4 sm:p-6 ${className}`, children: [labels.title && (_jsx(Heading, { level: 3, className: "text-base font-semibold mb-4", children: labels.title })), _jsx(ResponsiveContainer, { width: "100%", height: 300, children: _jsxs(AreaChart, { data: data, children: [_jsx("defs", { children: _jsxs("linearGradient", { id: "colorRevenue", x1: "0", y1: "0", x2: "0", y2: "1", children: [_jsx("stop", { offset: "5%", stopColor: "#3b82f6", stopOpacity: 0.8 }), _jsx("stop", { offset: "95%", stopColor: "#3b82f6", stopOpacity: 0 })] }) }), _jsx(CartesianGrid, { strokeDasharray: "3 3" }), _jsx(XAxis, { dataKey: "month" }), _jsx(YAxis, {}), _jsx(Tooltip, {}), _jsx(Area, { type: "monotone", dataKey: "revenue", stroke: "#3b82f6", fillOpacity: 1, fill: "url(#colorRevenue)" })] }) })] }));
+}
+export function AdminOrdersChart({ data, labels = {}, className = "", }) {
+    return (_jsxs(Div, { className: `bg-white dark:bg-neutral-900 rounded-xl border border-neutral-200 dark:border-neutral-800 p-4 sm:p-6 ${className}`, children: [labels.title && (_jsx(Heading, { level: 3, className: "text-base font-semibold mb-4", children: labels.title })), _jsx(ResponsiveContainer, { width: "100%", height: 300, children: _jsxs(BarChart, { data: data, children: [_jsx(CartesianGrid, { strokeDasharray: "3 3" }), _jsx(XAxis, { dataKey: "month" }), _jsx(YAxis, {}), _jsx(Tooltip, {}), _jsx(Bar, { dataKey: "orders", fill: "#10b981" })] }) })] }));
+}

package/dist/features/admin/components/analytics/AdminStatCard.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+export interface AdminStatCardProps {
+    label: string;
+    value: string;
+    icon?: React.ReactNode | string;
+    className?: string;
+}
+export declare function AdminStatCard({ label, value, icon, className, }: AdminStatCardProps): import("react/jsx-runtime").JSX.Element;

package/dist/features/admin/components/analytics/AdminStatCard.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Div, Text, Heading } from "../../../../ui";
+export function AdminStatCard({ label, value, icon, className = "", }) {
+    return (_jsx(Div, { className: `bg-white dark:bg-neutral-900 rounded-xl border border-neutral-200 dark:border-neutral-800 p-4 sm:p-6 ${className}`, children: _jsxs(Div, { className: "flex items-start justify-between", children: [_jsxs(Div, { children: [_jsx(Text, { className: "text-sm text-neutral-600 dark:text-neutral-400 mb-1", children: label }), _jsx(Heading, { level: 3, className: "text-2xl font-bold", children: value })] }), icon && _jsx(Div, { className: "text-2xl", children: icon })] }) }));
+}

package/dist/features/admin/components/analytics/AdminTopProductsTable.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+import type { AnalyticsTopProduct } from "../../types";
+export interface AdminTopProductsTableLabels {
+    title?: string;
+    orders?: string;
+    view?: string;
+    revenue?: string;
+}
+export interface AdminTopProductsTableProps {
+    products: AnalyticsTopProduct[];
+    labels?: AdminTopProductsTableLabels;
+    formatRevenue?: (amount: number) => string;
+    renderProductLink?: (product: AnalyticsTopProduct) => React.ReactNode;
+    className?: string;
+}
+export declare function AdminTopProductsTable({ products, labels, formatRevenue, renderProductLink, className, }: AdminTopProductsTableProps): import("react/jsx-runtime").JSX.Element;

package/dist/features/admin/components/analytics/AdminTopProductsTable.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Div, Heading, Text } from "../../../../ui";
+export function AdminTopProductsTable({ products, labels = {}, formatRevenue = (n) => String(n), renderProductLink, className = "", }) {
+    return (_jsxs(Div, { className: `bg-white dark:bg-neutral-900 rounded-xl border border-neutral-200 dark:border-neutral-800 p-4 sm:p-6 ${className}`, children: [labels.title && (_jsx(Heading, { level: 3, className: "text-base font-semibold mb-4", children: labels.title })), _jsx(Div, { children: products.map((product) => (_jsxs(Div, { className: "flex items-center justify-between py-3 border-b last:border-b-0 border-neutral-100 dark:border-neutral-800", children: [_jsxs(Div, { className: "flex-1 min-w-0", children: [_jsx(Text, { className: "font-medium truncate", children: product.title }), _jsxs(Text, { className: "text-sm text-neutral-500 dark:text-zinc-400", children: [product.orders, " ", labels.orders ?? "orders"] })] }), _jsxs(Div, { className: "text-right ml-4", children: [_jsx(Text, { className: "font-semibold", children: formatRevenue(product.revenue) }), renderProductLink?.(product)] })] }, product.productId))) })] }));
+}

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

@@ -0,0 +1,3 @@
+export * from "./AdminStatCard";
+export * from "./AdminAnalyticsCharts";
+export * from "./AdminTopProductsTable";

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

@@ -0,0 +1,3 @@
+export * from "./AdminStatCard";
+export * from "./AdminAnalyticsCharts";
+export * from "./AdminTopProductsTable";

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

@@ -0,0 +1,66 @@
+export { DataTable } from "./DataTable";
+export { DashboardStatsGrid } from "./DashboardStats";
+export { AdminUsersView } from "./AdminUsersView";
+export type { AdminUsersViewProps } from "./AdminUsersView";
+export { AdminProductsView } from "./AdminProductsView";
+export type { AdminProductsViewProps } from "./AdminProductsView";
+export { AdminOrdersView } from "./AdminOrdersView";
+export type { AdminOrdersViewProps } from "./AdminOrdersView";
+export { AdminBidsView } from "./AdminBidsView";
+export type { AdminBidsViewProps } from "./AdminBidsView";
+export { AdminCouponsView } from "./AdminCouponsView";
+export type { AdminCouponsViewProps } from "./AdminCouponsView";
+export { AdminCategoriesView } from "./AdminCategoriesView";
+export type { AdminCategoriesViewProps } from "./AdminCategoriesView";
+export { AdminBlogView } from "./AdminBlogView";
+export type { AdminBlogViewProps } from "./AdminBlogView";
+export { AdminFaqsView } from "./AdminFaqsView";
+export type { AdminFaqsViewProps } from "./AdminFaqsView";
+export { AdminMediaView } from "./AdminMediaView";
+export type { AdminMediaViewProps } from "./AdminMediaView";
+export { AdminStoresView } from "./AdminStoresView";
+export type { AdminStoresViewProps } from "./AdminStoresView";
+export { AdminPayoutsView } from "./AdminPayoutsView";
+export type { AdminPayoutsViewProps } from "./AdminPayoutsView";
+export { AdminReviewsView } from "./AdminReviewsView";
+export type { AdminReviewsViewProps } from "./AdminReviewsView";
+export { AdminSectionsView } from "./AdminSectionsView";
+export type { AdminSectionsViewProps } from "./AdminSectionsView";
+export { AdminSessionsManager } from "./AdminSessionsManager";
+export type { AdminSessionsManagerProps } from "./AdminSessionsManager";
+export { AdminNavigationView } from "./AdminNavigationView";
+export type { AdminNavigationViewProps } from "./AdminNavigationView";
+export { AdminAdsView } from "./AdminAdsView";
+export type { AdminAdsViewProps, AdminAdItem, AdminAdProvider, AdminAdStatus } from "./AdminAdsView";
+export { AdminAdEditorView } from "./AdminAdEditorView";
+export type { AdminAdEditorViewProps } from "./AdminAdEditorView";
+export { AdminCarouselView } from "./AdminCarouselView";
+export type { AdminCarouselViewProps } from "./AdminCarouselView";
+export { AdminDashboardView } from "./AdminDashboardView";
+export type { AdminDashboardViewProps } from "./AdminDashboardView";
+export { QuickActionsPanel } from "./QuickActionsPanel";
+export type { QuickActionItem, QuickActionsPanelProps, } from "./QuickActionsPanel";
+export { AdminSiteView } from "./AdminSiteView";
+export type { AdminSiteViewProps } from "./AdminSiteView";
+export { AdminAnalyticsView } from "./AdminAnalyticsView";
+export type { AdminAnalyticsViewProps, AdminAnalyticsViewLabels, } from "./AdminAnalyticsView";
+export { AdminStatCard } from "./analytics/AdminStatCard";
+export type { AdminStatCardProps } from "./analytics/AdminStatCard";
+export { AdminFilterBar } from "./AdminFilterBar";
+export type { AdminFilterBarProps } from "./AdminFilterBar";
+export { AdminPageHeader } from "./AdminPageHeader";
+export type { AdminPageHeaderProps } from "./AdminPageHeader";
+export { DrawerFormFooter } from "./DrawerFormFooter";
+export type { DrawerFormFooterProps } from "./DrawerFormFooter";
+export { AdminRevenueChart, AdminOrdersChart, } from "./analytics/AdminAnalyticsCharts";
+export type { AdminRevenueChartProps, AdminOrdersChartProps, } from "./analytics/AdminAnalyticsCharts";
+export { AdminTopProductsTable } from "./analytics/AdminTopProductsTable";
+export type { AdminTopProductsTableProps, AdminTopProductsTableLabels, } from "./analytics/AdminTopProductsTable";
+export { AdminFeatureFlagsView } from "./AdminFeatureFlagsView";
+export type { AdminFeatureFlagsViewProps } from "./AdminFeatureFlagsView";
+export { AdminSidebar } from "./AdminSidebar";
+export type { AdminSidebarProps } from "./AdminSidebar";
+export { AdminTopBar } from "./AdminTopBar";
+export type { AdminTopBarProps } from "./AdminTopBar";
+export { DemoSeedView } from "./DemoSeedView";
+export type { DemoSeedViewProps } from "./DemoSeedView";

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

@@ -0,0 +1,34 @@
+export { DataTable } from "./DataTable";
+export { DashboardStatsGrid } from "./DashboardStats";
+export { AdminUsersView } from "./AdminUsersView";
+export { AdminProductsView } from "./AdminProductsView";
+export { AdminOrdersView } from "./AdminOrdersView";
+export { AdminBidsView } from "./AdminBidsView";
+export { AdminCouponsView } from "./AdminCouponsView";
+export { AdminCategoriesView } from "./AdminCategoriesView";
+export { AdminBlogView } from "./AdminBlogView";
+export { AdminFaqsView } from "./AdminFaqsView";
+export { AdminMediaView } from "./AdminMediaView";
+export { AdminStoresView } from "./AdminStoresView";
+export { AdminPayoutsView } from "./AdminPayoutsView";
+export { AdminReviewsView } from "./AdminReviewsView";
+export { AdminSectionsView } from "./AdminSectionsView";
+export { AdminSessionsManager } from "./AdminSessionsManager";
+export { AdminNavigationView } from "./AdminNavigationView";
+export { AdminAdsView } from "./AdminAdsView";
+export { AdminAdEditorView } from "./AdminAdEditorView";
+export { AdminCarouselView } from "./AdminCarouselView";
+export { AdminDashboardView } from "./AdminDashboardView";
+export { QuickActionsPanel } from "./QuickActionsPanel";
+export { AdminSiteView } from "./AdminSiteView";
+export { AdminAnalyticsView } from "./AdminAnalyticsView";
+export { AdminStatCard } from "./analytics/AdminStatCard";
+export { AdminFilterBar } from "./AdminFilterBar";
+export { AdminPageHeader } from "./AdminPageHeader";
+export { DrawerFormFooter } from "./DrawerFormFooter";
+export { AdminRevenueChart, AdminOrdersChart, } from "./analytics/AdminAnalyticsCharts";
+export { AdminTopProductsTable } from "./analytics/AdminTopProductsTable";
+export { AdminFeatureFlagsView } from "./AdminFeatureFlagsView";
+export { AdminSidebar } from "./AdminSidebar";
+export { AdminTopBar } from "./AdminTopBar";
+export { DemoSeedView } from "./DemoSeedView";

package/dist/features/admin/hooks/useAdmin.d.ts

@@ -0,0 +1,9 @@
+import type { DashboardStats } from "../types";
+export declare function useDashboardStats(opts?: {
+    initialData?: DashboardStats;
+    enabled?: boolean;
+}): {
+    stats: DashboardStats | undefined;
+    isLoading: boolean;
+    error: Error | null;
+};

package/dist/features/admin/hooks/useAdmin.js

@@ -0,0 +1,13 @@
+import { useQuery } from "@tanstack/react-query";
+import { apiClient } from "../../../http";
+import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints";
+export function useDashboardStats(opts) {
+    const query = useQuery({
+        queryKey: ["admin", "dashboard-stats"],
+        queryFn: () => apiClient.get(ADMIN_ENDPOINTS.STATS),
+        initialData: opts?.initialData,
+        enabled: opts?.enabled,
+        staleTime: 60 * 1000,
+    });
+    return { stats: query.data, isLoading: query.isLoading, error: query.error };
+}