@mohasinac/appkit 2.4.10 → 2.5.0

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

@@ -4,14 +4,14 @@ import React, { useState, useCallback } from "react";
 import { useUrlTable } from "../../../react/hooks/useUrlTable";
 import { ListingToolbar, Pagination, ListingViewShell } from "../../../ui";
 import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints";
-import { toRecordArray, toRelativeDate, toRupees, toStringValue, useAdminListingData, } from "../hooks/useAdminListingData";
+import { toRecordArray, toRelativeDate, toStringValue, useAdminListingData, } from "../hooks/useAdminListingData";
 import { DataTable } from "./DataTable";
 const PAGE_SIZE = 25;
 const FILTER_KEYS = [];
-const DEFAULT_SORT = "-addedAt";
+const DEFAULT_SORT = "-updatedAt";
 const SORT_OPTIONS = [
-    { value: "-addedAt", label: "Newest" },
-    { value: "addedAt", label: "Oldest" },
+    { value: "-updatedAt", label: "Recently updated" },
+    { value: "-itemCount", label: "Largest first" },
 ];
 export function AdminWishlistsView({ children, ...props }) {
     const hasChildren = React.Children.count(children) > 0;
@@ -32,16 +32,18 @@ export function AdminWishlistsView({ children, ...props }) {
         pageSize: PAGE_SIZE,
         sorts: table.get("sort") || DEFAULT_SORT,
         q: table.get("q") || undefined,
-        mapRows: (response) => toRecordArray(response.items).map((item, index) => ({
-            id: toStringValue(item.id, `wish-${index}`),
-            primary: toStringValue(item.productTitle ?? item.productId, "Unknown product"),
-            secondary: [
-                toStringValue(item.userId, ""),
-                toRupees(item.priceAtAdd),
-            ].filter(Boolean).join(" · "),
-            status: "—",
-            updatedAt: toRelativeDate(item.addedAt ?? item.createdAt),
-        })),
+        mapRows: (response) => toRecordArray(response.items).map((item, index) => {
+            const itemCount = typeof item.itemCount === "number" ? item.itemCount : 0;
+            const limit = typeof item.limit === "number" ? item.limit : 20;
+            const isFull = item.isFull === true;
+            return {
+                id: toStringValue(item.id, `wish-${index}`),
+                primary: toStringValue(item.userId, "Unknown user"),
+                secondary: `${itemCount} item${itemCount === 1 ? "" : "s"} of ${limit}`,
+                status: isFull ? "Full" : itemCount >= limit - 2 ? "Near cap" : "OK",
+                updatedAt: toRelativeDate(item.updatedAt),
+            };
+        }),
         getTotal: (response, mappedRows) => typeof response.total === "number" ? response.total : mappedRows.length,
     });
     const currentPage = table.getNumber("page", 1);
@@ -49,5 +51,5 @@ export function AdminWishlistsView({ children, ...props }) {
     if (hasChildren) {
         return _jsx(ListingViewShell, { portal: "admin", ...props, children: children });
     }
-    return (_jsxs("div", { className: "min-h-screen", children: [_jsx(ListingToolbar, { filterCount: 0, searchValue: searchInput, searchPlaceholder: "Search by product or user 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 wishlist items found" })] })] }));
+    return (_jsxs("div", { className: "min-h-screen", children: [_jsx(ListingToolbar, { filterCount: 0, searchValue: searchInput, searchPlaceholder: "Search by user 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 user wishlists found" })] })] }));
 }

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

@@ -7,6 +7,7 @@ interface DataTableProps<T extends {
     rows: T[];
     isLoading?: boolean;
     getRowHref?: (row: T) => string;
+    onRowClick?: (row: T) => void;
     renderRowActions?: (row: T) => React.ReactNode;
     sortKey?: string;
     sortDir?: "asc" | "desc";
@@ -18,5 +19,5 @@ interface DataTableProps<T extends {
 }
 export declare function DataTable<T extends {
     id: string;
-}>({ columns: columnsProp, rows, isLoading, sortKey, sortDir, onSort, totalPages, currentPage, onPageChange, emptyLabel, getRowHref, renderRowActions, }: DataTableProps<T>): import("react/jsx-runtime").JSX.Element;
+}>({ columns: columnsProp, rows, isLoading, sortKey, sortDir, onSort, totalPages, currentPage, onPageChange, emptyLabel, getRowHref, onRowClick, renderRowActions, }: DataTableProps<T>): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -20,21 +20,23 @@ const DEFAULT_COLUMNS = [
         render: (row) => _jsx("span", { className: "text-sm text-zinc-500 dark:text-zinc-400", children: String(row.updatedAt ?? "") }),
     },
 ];
-export function DataTable({ columns: columnsProp, rows, isLoading, sortKey, sortDir, onSort, totalPages = 1, currentPage = 1, onPageChange, emptyLabel = "No records found", getRowHref, renderRowActions, }) {
+export function DataTable({ columns: columnsProp, rows, isLoading, sortKey, sortDir, onSort, totalPages = 1, currentPage = 1, onPageChange, emptyLabel = "No records found", getRowHref, onRowClick, renderRowActions, }) {
     const columns = (columnsProp ?? DEFAULT_COLUMNS);
     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: _jsxs("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))), renderRowActions && _jsx("th", { scope: "col", className: "w-12 px-2 py-3" })] }) }), _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) => {
                                 const rowHref = getRowHref?.(row);
-                                return (_jsxs("tr", { onClick: rowHref
-                                        ? () => {
-                                            window.location.href = rowHref;
-                                        }
-                                        : undefined, onKeyDown: rowHref
-                                        ? (event) => {
-                                            if (event.key === "Enter" || event.key === " ") {
-                                                window.location.href = rowHref;
-                                            }
-                                        }
-                                        : undefined, role: rowHref ? "link" : undefined, tabIndex: rowHref ? 0 : undefined, className: `border-b border-neutral-100 dark:border-slate-700 hover:bg-neutral-50 dark:hover:bg-slate-800 ${rowHref ? "cursor-pointer" : ""}`, children: [columns.map((col) => (_jsx("td", { className: `px-4 py-3 text-neutral-700 dark:text-zinc-300 ${col.className ?? ""}`, children: col.render
+                                const handleClick = onRowClick
+                                    ? () => onRowClick(row)
+                                    : rowHref
+                                        ? () => { window.location.href = rowHref; }
+                                        : undefined;
+                                const handleKeyDown = handleClick
+                                    ? (event) => {
+                                        if (event.key === "Enter" || event.key === " ")
+                                            handleClick();
+                                    }
+                                    : undefined;
+                                const isInteractive = Boolean(onRowClick ?? rowHref);
+                                return (_jsxs("tr", { onClick: handleClick, onKeyDown: handleKeyDown, role: isInteractive ? "link" : undefined, tabIndex: isInteractive ? 0 : undefined, className: `border-b border-neutral-100 dark:border-slate-700 hover:bg-neutral-50 dark:hover:bg-slate-800 ${isInteractive ? "cursor-pointer" : ""}`, 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))), renderRowActions && (_jsx("td", { className: "px-2 py-3", onClick: (e) => e.stopPropagation(), children: renderRowActions(row) }))] }, 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/DrawerFormFooter.d.ts

@@ -1,30 +1,18 @@
 /**
- * DrawerFormFooter Component
+ * DrawerFormFooter
  *
- * 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`.
+ * Cancel + Save (+ optional Delete) button row for drawer/modal forms.
+ * Default labels come from FORM_ACTION_META so they stay in sync with the
+ * platform-wide action-defs constants. Override via the `labels` prop.
  *
  * @example
- * ```tsx
- * <DrawerFormFooter
- *   onCancel={() => setShowDrawer(false)}
- *   onSubmit={handleSave}
- *   labels={{ submit: "Save User", cancel: "Cancel" }}
- * />
+ * <DrawerFormFooter onCancel={close} onSubmit={save} />
  *
- * // With delete option
- * <DrawerFormFooter
- *   onCancel={() => setShowDrawer(false)}
- *   onSubmit={handleSave}
- *   onDelete={handleDelete}
- *   labels={{ submit: "Update", delete: "Delete", cancel: "Cancel" }}
- * />
- * ```
+ * // With delete:
+ * <DrawerFormFooter onCancel={close} onSubmit={save} onDelete={remove}
+ *   labels={{ submit: "Update", delete: "Remove", cancel: "Cancel" }} />
  */
-interface DrawerFormFooterLabels {
+export interface DrawerFormFooterLabels {
     submit?: string;
     delete?: string;
     cancel?: string;

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

@@ -1,5 +1,13 @@
 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 })] })] }));
+import { FORM_ACTION_META, FORM_ACTION_ID } from "../../products/constants/action-defs";
+const DEFAULT_LABELS = {
+    submit: FORM_ACTION_META[FORM_ACTION_ID.SUBMIT].label,
+    delete: FORM_ACTION_META[FORM_ACTION_ID.DELETE].label,
+    cancel: FORM_ACTION_META[FORM_ACTION_ID.CANCEL].label,
+    saving: "Saving…",
+};
+export function DrawerFormFooter({ onCancel, onSubmit, onDelete, isLoading = false, isSubmitDisabled = false, className = "", labels, variant = "footer", themeConfig = { borderClass: "border-t border-zinc-200 dark:border-zinc-700" }, }) {
+    const l = { ...DEFAULT_LABELS, ...labels };
+    return (_jsxs("div", { className: `flex items-center gap-3${variant === "inline" ? ` pt-4 ${themeConfig.borderClass}` : ""} ${className}`, children: [onDelete && (_jsx(Button, { variant: FORM_ACTION_META[FORM_ACTION_ID.DELETE].variant, onClick: onDelete, disabled: isLoading, size: "md", children: l.delete })), _jsxs("div", { className: `flex items-center gap-3${!onDelete ? " ml-auto" : ""}`, children: [_jsx(Button, { variant: FORM_ACTION_META[FORM_ACTION_ID.CANCEL].variant, onClick: onCancel, disabled: isLoading, size: "md", children: l.cancel }), _jsx(Button, { variant: FORM_ACTION_META[FORM_ACTION_ID.SUBMIT].variant, onClick: onSubmit, disabled: isLoading || isSubmitDisabled, size: "md", children: isLoading ? l.saving : l.submit })] })] }));
 }

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

@@ -0,0 +1,20 @@
+import React from "react";
+import type { QuickFieldDef } from "../../shell/QuickFormDrawer";
+export interface QuickEditAction {
+    label: string;
+    icon?: React.ReactNode;
+    separator?: boolean;
+    destructive?: boolean;
+    disabled?: boolean;
+    formTitle?: string;
+    fields?: QuickFieldDef[];
+    defaultValues?: Record<string, unknown>;
+    onSubmit?: (values: Record<string, unknown>) => void | Promise<void>;
+    submitLabel?: string;
+    onClick?: () => void;
+}
+export interface QuickEditMenuProps {
+    actions: QuickEditAction[];
+    align?: "left" | "right";
+}
+export declare function QuickEditMenu({ actions, align }: QuickEditMenuProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,31 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useRef, useState } from "react";
+import { MoreHorizontal } from "lucide-react";
+import { Button } from "../../../ui/components/Button";
+import { useClickOutside, useKeyPress } from "../../../react";
+import { QuickFormDrawer } from "../../shell/QuickFormDrawer";
+export function QuickEditMenu({ actions, align = "right" }) {
+    const [menuOpen, setMenuOpen] = useState(false);
+    const [activeFormIndex, setActiveFormIndex] = useState(null);
+    const menuRef = useRef(null);
+    useClickOutside(menuRef, () => setMenuOpen(false), { enabled: menuOpen });
+    useKeyPress("Escape", () => setMenuOpen(false), { enabled: menuOpen });
+    const handleActionClick = (idx) => {
+        const action = actions[idx];
+        if (action.disabled)
+            return;
+        setMenuOpen(false);
+        if (action.fields && action.fields.length > 0) {
+            setActiveFormIndex(idx);
+        }
+        else {
+            action.onClick?.();
+        }
+    };
+    const activeAction = activeFormIndex !== null ? actions[activeFormIndex] : null;
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { ref: menuRef, className: "appkit-row-action-menu", onClick: (e) => e.stopPropagation(), children: [_jsx(Button, { type: "button", variant: "ghost", "aria-label": "Row actions", "aria-haspopup": "menu", "aria-expanded": menuOpen, onClick: () => setMenuOpen((v) => !v), className: "appkit-row-action-menu__trigger", children: _jsx(MoreHorizontal, { className: "h-4 w-4", strokeWidth: 1.5 }) }), menuOpen && (_jsx("div", { role: "menu", className: `appkit-row-action-menu__dropdown ${align === "right" ? "appkit-row-action-menu__dropdown--right" : "appkit-row-action-menu__dropdown--left"}`, children: actions.map((action, idx) => (_jsxs("div", { children: [action.separator && idx > 0 && (_jsx("div", { className: "appkit-row-action-menu__separator" })), _jsxs(Button, { type: "button", role: "menuitem", variant: "ghost", disabled: action.disabled, onClick: () => handleActionClick(idx), className: `appkit-row-action-menu__item ${action.destructive ? "appkit-row-action-menu__item--destructive" : ""} ${action.disabled ? "opacity-40 cursor-not-allowed" : ""}`, children: [action.icon && (_jsx("span", { className: "appkit-row-action-menu__icon", children: action.icon })), action.label] })] }, `${action.label}-${idx}`))) }))] }), activeAction?.fields && (_jsx(QuickFormDrawer, { isOpen: activeFormIndex !== null, onClose: () => setActiveFormIndex(null), title: activeAction.formTitle ?? activeAction.label, fields: activeAction.fields, defaultValues: activeAction.defaultValues, onSubmit: async (vals) => {
+                    await activeAction.onSubmit?.(vals);
+                    setActiveFormIndex(null);
+                }, submitLabel: activeAction.submitLabel ?? "Save" }))] }));
+}

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

@@ -2,32 +2,20 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import dynamic from "next/dynamic";
 import { Div, Heading } from "../../../../ui";
+// recharts exports generic components (<DataPointType>) that don't satisfy
+// next/dynamic's ComponentType<P> constraint — cast each to ComponentType<any>.
 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 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,
-});
+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)" })] }) })] }));
+    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: "var(--appkit-color-primary)", stopOpacity: 0.8 }), _jsx("stop", { offset: "95%", stopColor: "var(--appkit-color-primary)", stopOpacity: 0 })] }) }), _jsx(CartesianGrid, { strokeDasharray: "3 3" }), _jsx(XAxis, { dataKey: "month" }), _jsx(YAxis, {}), _jsx(Tooltip, {}), _jsx(Area, { type: "monotone", dataKey: "revenue", stroke: "var(--appkit-color-primary)", 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" })] }) })] }));
+    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: "var(--appkit-color-secondary)" })] }) })] }));
 }

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

@@ -1,4 +1,6 @@
 export { DataTable } from "./DataTable";
+export { QuickEditMenu } from "./QuickEditMenu";
+export type { QuickEditAction, QuickEditMenuProps } from "./QuickEditMenu";
 export { AdminListingScaffold } from "./AdminListingScaffold";
 export type { AdminListingScaffoldRow } from "./AdminListingScaffold";
 export { DashboardStatsGrid } from "./DashboardStats";
@@ -31,6 +33,10 @@ export type { AdminBrandEditorViewProps } from "./AdminBrandEditorView";
 export { AdminSublistingCategoriesView } from "./AdminSublistingCategoriesView";
 export { AdminSublistingCategoryEditorView } from "./AdminSublistingCategoryEditorView";
 export type { AdminSublistingCategoryEditorViewProps } from "./AdminSublistingCategoryEditorView";
+export { AdminFeaturesView } from "./AdminFeaturesView";
+export type { AdminFeaturesViewProps } from "./AdminFeaturesView";
+export { AdminFeatureEditorView } from "./AdminFeatureEditorView";
+export type { AdminFeatureEditorViewProps } from "./AdminFeatureEditorView";
 export { AdminBlogView } from "./AdminBlogView";
 export type { AdminBlogViewProps } from "./AdminBlogView";
 export { AdminBlogEditorView } from "./AdminBlogEditorView";
@@ -61,6 +67,8 @@ export { AdminCartsView } from "./AdminCartsView";
 export type { AdminCartsViewProps } from "./AdminCartsView";
 export { AdminWishlistsView } from "./AdminWishlistsView";
 export type { AdminWishlistsViewProps } from "./AdminWishlistsView";
+export { AdminHistoryView } from "./AdminHistoryView";
+export type { AdminHistoryViewProps } from "./AdminHistoryView";
 export { AdminPayoutsView } from "./AdminPayoutsView";
 export type { AdminPayoutsViewProps } from "./AdminPayoutsView";
 export { AdminReviewsView } from "./AdminReviewsView";

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

@@ -1,4 +1,5 @@
 export { DataTable } from "./DataTable";
+export { QuickEditMenu } from "./QuickEditMenu";
 export { AdminListingScaffold } from "./AdminListingScaffold";
 export { DashboardStatsGrid } from "./DashboardStats";
 export { AdminUsersView } from "./AdminUsersView";
@@ -16,6 +17,8 @@ export { AdminBrandsView } from "./AdminBrandsView";
 export { AdminBrandEditorView } from "./AdminBrandEditorView";
 export { AdminSublistingCategoriesView } from "./AdminSublistingCategoriesView";
 export { AdminSublistingCategoryEditorView } from "./AdminSublistingCategoryEditorView";
+export { AdminFeaturesView } from "./AdminFeaturesView";
+export { AdminFeatureEditorView } from "./AdminFeatureEditorView";
 export { AdminBlogView } from "./AdminBlogView";
 export { AdminBlogEditorView } from "./AdminBlogEditorView";
 export { AdminFaqsView } from "./AdminFaqsView";
@@ -31,6 +34,7 @@ export { AdminAllEventEntriesView } from "./AdminAllEventEntriesView";
 export { AdminNotificationsView } from "./AdminNotificationsView";
 export { AdminCartsView } from "./AdminCartsView";
 export { AdminWishlistsView } from "./AdminWishlistsView";
+export { AdminHistoryView } from "./AdminHistoryView";
 export { AdminPayoutsView } from "./AdminPayoutsView";
 export { AdminReviewsView } from "./AdminReviewsView";
 export { AdminSectionsView } from "./AdminSectionsView";

package/dist/features/admin/components/sections/adminSectionsBuildParse.d.ts

@@ -1,4 +1,4 @@
-import { AuctionsBuilderState, BannerBuilderState, BlogBuilderState, BrandsBuilderState, CarouselBuilderState, CategoriesBuilderState, CustomCardsBuilderState, EventsBuilderState, FAQBuilderState, FeaturesBuilderState, GoogleReviewsBuilderState, NewsletterBuilderState, PreOrdersBuilderState, ProductsBuilderState, ReviewsBuilderState, SocialFeedBuilderState, StatsBuilderState, StoresBuilderState, TrustIndicatorsBuilderState, WelcomeBuilderState, WhatsAppBuilderState } from "./adminSectionsTypes";
+import { AuctionsBuilderState, BannerBuilderState, BlogBuilderState, BrandsBuilderState, CarouselBuilderState, CategoriesBuilderState, CustomCardsBuilderState, EventsBuilderState, FAQBuilderState, FeaturesBuilderState, GoogleReviewsBuilderState, NewsletterBuilderState, PreOrdersBuilderState, ProductsBuilderState, ReviewsBuilderState, SocialFeedBuilderState, StatsBuilderState, StoresBuilderState, TrustIndicatorsBuilderState, WelcomeBuilderState, WhatsAppBuilderState, FeaturedBundlesBuilderState, PrizeDrawsBuilderState, EventRafflesBuilderState, CollectionCardsBuilderState } from "./adminSectionsTypes";
 export declare function parseCsvValues(value: string): string[];
 export declare function toNumberValue(value: unknown, fallback: number): number;
 export declare function toStringValue(value: unknown, fallback?: string): string;
@@ -46,3 +46,11 @@ export declare function buildCustomCardsConfig(builder: CustomCardsBuilderState)
 export declare function parseCustomCardsBuilder(config: Record<string, unknown>): CustomCardsBuilderState;
 export declare function buildGoogleReviewsConfig(builder: GoogleReviewsBuilderState): Record<string, unknown>;
 export declare function parseGoogleReviewsBuilder(config: Record<string, unknown>): GoogleReviewsBuilderState;
+export declare function buildFeaturedBundlesConfig(builder: FeaturedBundlesBuilderState): Record<string, unknown>;
+export declare function parseFeaturedBundlesBuilder(config: Record<string, unknown>): FeaturedBundlesBuilderState;
+export declare function buildPrizeDrawsConfig(builder: PrizeDrawsBuilderState): Record<string, unknown>;
+export declare function parsePrizeDrawsBuilder(config: Record<string, unknown>): PrizeDrawsBuilderState;
+export declare function buildEventRafflesConfig(builder: EventRafflesBuilderState): Record<string, unknown>;
+export declare function parseEventRafflesBuilder(config: Record<string, unknown>): EventRafflesBuilderState;
+export declare function buildCollectionCardsConfig(builder: CollectionCardsBuilderState): Record<string, unknown>;
+export declare function parseCollectionCardsBuilder(config: Record<string, unknown>): CollectionCardsBuilderState;

package/dist/features/admin/components/sections/adminSectionsBuildParse.js

@@ -1,4 +1,4 @@
-import { DEFAULT_AUCTIONS_BUILDER, DEFAULT_BANNER_BUILDER, DEFAULT_BLOG_BUILDER, DEFAULT_BRANDS_BUILDER, DEFAULT_CAROUSEL_BUILDER, DEFAULT_CATEGORIES_BUILDER, DEFAULT_CUSTOM_CARDS_BUILDER, DEFAULT_EVENTS_BUILDER, DEFAULT_FAQ_BUILDER, DEFAULT_STATS_BUILDER, DEFAULT_FEATURES_BUILDER, DEFAULT_GOOGLE_REVIEWS_BUILDER, DEFAULT_NEWSLETTER_BUILDER, DEFAULT_PRE_ORDERS_BUILDER, DEFAULT_PRODUCTS_BUILDER, DEFAULT_REVIEWS_BUILDER, DEFAULT_SOCIAL_FEED_BUILDER, DEFAULT_STORES_BUILDER, DEFAULT_TRUST_INDICATORS_BUILDER, DEFAULT_WELCOME_BUILDER, DEFAULT_WHATSAPP_BUILDER, FAQ_CATEGORY_OPTIONS, } from "./adminSectionsTypes";
+import { DEFAULT_AUCTIONS_BUILDER, DEFAULT_BANNER_BUILDER, DEFAULT_BLOG_BUILDER, DEFAULT_BRANDS_BUILDER, DEFAULT_CAROUSEL_BUILDER, DEFAULT_CATEGORIES_BUILDER, DEFAULT_CUSTOM_CARDS_BUILDER, DEFAULT_EVENTS_BUILDER, DEFAULT_FAQ_BUILDER, DEFAULT_STATS_BUILDER, DEFAULT_FEATURES_BUILDER, DEFAULT_GOOGLE_REVIEWS_BUILDER, DEFAULT_NEWSLETTER_BUILDER, DEFAULT_PRE_ORDERS_BUILDER, DEFAULT_PRODUCTS_BUILDER, DEFAULT_REVIEWS_BUILDER, DEFAULT_SOCIAL_FEED_BUILDER, DEFAULT_STORES_BUILDER, DEFAULT_TRUST_INDICATORS_BUILDER, DEFAULT_WELCOME_BUILDER, DEFAULT_WHATSAPP_BUILDER, FAQ_CATEGORY_OPTIONS, DEFAULT_FEATURED_BUNDLES_BUILDER, DEFAULT_PRIZE_DRAWS_BUILDER, DEFAULT_EVENT_RAFFLES_BUILDER, DEFAULT_COLLECTION_CARDS_BUILDER, } from "./adminSectionsTypes";
 export function parseCsvValues(value) {
     return value
         .split(",")
@@ -81,11 +81,26 @@ export function buildAuctionsConfig(builder) {
 export function buildStatsConfig(builder) {
     return {
         title: builder.title || undefined,
-        stats: builder.stats.map((item, index) => ({
-            key: item.key.trim() || `stat-${index + 1}`,
-            label: item.label,
-            value: item.value,
-        })),
+        stats: builder.stats.map((item, index) => {
+            const key = item.key.trim() || `stat-${index + 1}`;
+            const base = { key, label: item.label, value: item.value, suffix: item.suffix || undefined };
+            if (item.source === "live-preset") {
+                return { ...base, source: "live-preset", metric: item.metric || undefined };
+            }
+            if (item.source === "live-collection") {
+                return {
+                    ...base,
+                    source: "live-collection",
+                    collectionQuery: {
+                        type: "collection-query",
+                        collection: item.collection,
+                        filterField: item.filterField || undefined,
+                        filterValue: item.filterValue || undefined,
+                    },
+                };
+            }
+            return { ...base, source: "static" };
+        }),
     };
 }
 export function buildPreOrdersConfig(builder) {
@@ -200,14 +215,25 @@ export function parseAuctionsBuilder(config) {
 }
 export function parseStatsBuilder(config) {
     const statsArray = Array.isArray(config.stats) ? config.stats : [];
-    const parsedStats = statsArray
-        .slice(0, 4)
-        .map((item, index) => {
+    const parsedStats = statsArray.slice(0, 4).map((item, index) => {
         const row = (item ?? {});
+        const cq = (row.collectionQuery ?? {});
+        const rawSource = toStringValue(row.source, "static");
+        const source = rawSource === "live-preset" || rawSource === "live"
+            ? "live-preset"
+            : rawSource === "live-collection"
+                ? "live-collection"
+                : "static";
         return {
             key: toStringValue(row.key, `stat-${index + 1}`),
             label: toStringValue(row.label),
             value: toStringValue(row.value),
+            suffix: toStringValue(row.suffix),
+            source,
+            metric: toStringValue(row.metric),
+            collection: toStringValue(cq.collection),
+            filterField: toStringValue(cq.filterField),
+            filterValue: toStringValue(cq.filterValue),
         };
     });
     while (parsedStats.length < 4) {
@@ -215,6 +241,12 @@ export function parseStatsBuilder(config) {
             key: `stat-${parsedStats.length + 1}`,
             label: "",
             value: "",
+            suffix: "",
+            source: "static",
+            metric: "",
+            collection: "",
+            filterField: "",
+            filterValue: "",
         });
     }
     return {
@@ -651,3 +683,131 @@ export function parseGoogleReviewsBuilder(config) {
         googleMapsUrl: toStringValue(config.googleMapsUrl),
     };
 }
+export function buildFeaturedBundlesConfig(builder) {
+    return {
+        title: builder.title || undefined,
+        subtitle: builder.subtitle || undefined,
+        maxItems: builder.maxItems,
+        storeId: builder.storeId || undefined,
+        categorySlug: builder.categorySlug || undefined,
+        sortBy: builder.sortBy,
+        showSavingsBadge: builder.showSavingsBadge,
+    };
+}
+export function parseFeaturedBundlesBuilder(config) {
+    return {
+        title: toStringValue(config.title, DEFAULT_FEATURED_BUNDLES_BUILDER.title),
+        subtitle: toStringValue(config.subtitle, DEFAULT_FEATURED_BUNDLES_BUILDER.subtitle),
+        maxItems: toNumberValue(config.maxItems, DEFAULT_FEATURED_BUNDLES_BUILDER.maxItems),
+        storeId: toStringValue(config.storeId),
+        categorySlug: toStringValue(config.categorySlug),
+        sortBy: toStringValue(config.sortBy, DEFAULT_FEATURED_BUNDLES_BUILDER.sortBy),
+        showSavingsBadge: toBooleanValue(config.showSavingsBadge, DEFAULT_FEATURED_BUNDLES_BUILDER.showSavingsBadge),
+    };
+}
+export function buildPrizeDrawsConfig(builder) {
+    return {
+        title: builder.title || undefined,
+        subtitle: builder.subtitle || undefined,
+        maxItems: builder.maxItems,
+        storeId: builder.storeId || undefined,
+        revealStatus: builder.revealStatus,
+        showCountdown: builder.showCountdown,
+        showEntriesRemaining: builder.showEntriesRemaining,
+    };
+}
+export function parsePrizeDrawsBuilder(config) {
+    return {
+        title: toStringValue(config.title, DEFAULT_PRIZE_DRAWS_BUILDER.title),
+        subtitle: toStringValue(config.subtitle, DEFAULT_PRIZE_DRAWS_BUILDER.subtitle),
+        maxItems: toNumberValue(config.maxItems, DEFAULT_PRIZE_DRAWS_BUILDER.maxItems),
+        storeId: toStringValue(config.storeId),
+        revealStatus: toStringValue(config.revealStatus, DEFAULT_PRIZE_DRAWS_BUILDER.revealStatus),
+        showCountdown: toBooleanValue(config.showCountdown, DEFAULT_PRIZE_DRAWS_BUILDER.showCountdown),
+        showEntriesRemaining: toBooleanValue(config.showEntriesRemaining, DEFAULT_PRIZE_DRAWS_BUILDER.showEntriesRemaining),
+    };
+}
+export function buildEventRafflesConfig(builder) {
+    return {
+        title: builder.title || undefined,
+        subtitle: builder.subtitle || undefined,
+        maxItems: builder.maxItems,
+        raffleType: builder.raffleType,
+        showEntryCount: builder.showEntryCount,
+        showCountdown: builder.showCountdown,
+    };
+}
+export function parseEventRafflesBuilder(config) {
+    return {
+        title: toStringValue(config.title, DEFAULT_EVENT_RAFFLES_BUILDER.title),
+        subtitle: toStringValue(config.subtitle, DEFAULT_EVENT_RAFFLES_BUILDER.subtitle),
+        maxItems: toNumberValue(config.maxItems, DEFAULT_EVENT_RAFFLES_BUILDER.maxItems),
+        raffleType: toStringValue(config.raffleType, DEFAULT_EVENT_RAFFLES_BUILDER.raffleType),
+        showEntryCount: toBooleanValue(config.showEntryCount, DEFAULT_EVENT_RAFFLES_BUILDER.showEntryCount),
+        showCountdown: toBooleanValue(config.showCountdown, DEFAULT_EVENT_RAFFLES_BUILDER.showCountdown),
+    };
+}
+const COLLECTION_CARD_ENTRY_TYPES = [
+    "products",
+    "auctions",
+    "pre-orders",
+    "stores",
+    "events",
+    "blog-posts",
+    "reviews",
+    "brands",
+    "categories",
+];
+function parseCollectionCardsEntry(raw) {
+    const r = (raw ?? {});
+    const typeRaw = toStringValue(r.type, "products");
+    const type = (COLLECTION_CARD_ENTRY_TYPES.includes(typeRaw)
+        ? typeRaw
+        : "products");
+    return {
+        type,
+        label: toStringValue(r.label),
+        limit: toNumberValue(r.limit, 4),
+        storeId: toStringValue(r.storeId),
+        categorySlug: toStringValue(r.categorySlug),
+        brandSlug: toStringValue(r.brandSlug),
+        featuredOnly: toBooleanValue(r.featuredOnly, false),
+    };
+}
+export function buildCollectionCardsConfig(builder) {
+    return {
+        title: builder.title || undefined,
+        subtitle: builder.subtitle || undefined,
+        layout: builder.layout,
+        itemsPerRow: builder.itemsPerRow,
+        maxItems: builder.maxItems,
+        showCollectionTabs: builder.showCollectionTabs,
+        collections: builder.collections.slice(0, 3).map((entry) => ({
+            type: entry.type,
+            label: entry.label || undefined,
+            limit: entry.limit,
+            storeId: entry.storeId || undefined,
+            categorySlug: entry.categorySlug || undefined,
+            brandSlug: entry.brandSlug || undefined,
+            featuredOnly: entry.featuredOnly || undefined,
+        })),
+    };
+}
+export function parseCollectionCardsBuilder(config) {
+    const rawCollections = Array.isArray(config.collections) ? config.collections : [];
+    const layoutRaw = toStringValue(config.layout, DEFAULT_COLLECTION_CARDS_BUILDER.layout);
+    const itemsPerRowRaw = toNumberValue(config.itemsPerRow, DEFAULT_COLLECTION_CARDS_BUILDER.itemsPerRow);
+    return {
+        title: toStringValue(config.title, DEFAULT_COLLECTION_CARDS_BUILDER.title),
+        subtitle: toStringValue(config.subtitle, DEFAULT_COLLECTION_CARDS_BUILDER.subtitle),
+        layout: (["carousel", "grid", "mixed-row"].includes(layoutRaw)
+            ? layoutRaw
+            : DEFAULT_COLLECTION_CARDS_BUILDER.layout),
+        itemsPerRow: ([3, 4, 5].includes(itemsPerRowRaw)
+            ? itemsPerRowRaw
+            : DEFAULT_COLLECTION_CARDS_BUILDER.itemsPerRow),
+        maxItems: toNumberValue(config.maxItems, DEFAULT_COLLECTION_CARDS_BUILDER.maxItems),
+        showCollectionTabs: toBooleanValue(config.showCollectionTabs, DEFAULT_COLLECTION_CARDS_BUILDER.showCollectionTabs),
+        collections: rawCollections.slice(0, 3).map(parseCollectionCardsEntry),
+    };
+}