@mohasinac/appkit 2.2.0 → 2.3.1

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

@@ -1,5 +1,4 @@
-"use client";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export function AdminSessionsManager({ renderHeader, renderStats, renderTable, renderConfirmModal, className = "", }) {
-    return (_jsxs("div", { className: `space-y-6 ${className}`, children: [renderHeader?.(), renderStats(), renderTable(), renderConfirmModal?.()] }));
+    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

@@ -4,6 +4,10 @@ export interface AdminSidebarProps {
     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, className, }: AdminSidebarProps): import("react/jsx-runtime").JSX.Element;
+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

@@ -1,6 +1,7 @@
 "use client";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { Nav } from "../../../ui";
-export function AdminSidebar({ renderNavItems, renderHeader, renderFooter, activePath = "", className = "", }) {
-    return (_jsxs(Nav, { "aria-label": "Admin sidebar", className: className, children: [renderHeader?.(), renderNavItems?.(activePath), renderFooter?.()] }));
+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.js

@@ -1,5 +1,45 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { StackedViewShell } from "../../../ui";
+"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 }) {
-    return (_jsx(StackedViewShell, { portal: "admin", ...rest, title: labels.title, sections: [renderTabs?.(), renderForm?.()] }));
+    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

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

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

@@ -1,5 +1,29 @@
+"use client";
 import { jsx as _jsx } from "react/jsx-runtime";
+import React from "react";
 import { ListingViewShell } from "../../../ui";
-export function AdminStoresView(props) {
-    return _jsx(ListingViewShell, { portal: "admin", ...props });
+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/AdminUsersView.d.ts

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

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

@@ -1,5 +1,41 @@
+"use client";
 import { jsx as _jsx } from "react/jsx-runtime";
+import React from "react";
 import { ListingViewShell } from "../../../ui";
-export function AdminUsersView(props) {
-    return _jsx(ListingViewShell, { portal: "admin", ...props });
+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.js

@@ -4,17 +4,17 @@ import { formatCurrency } from "../../../utils/number.formatter";
 import { getDefaultCurrency } from "../../../core/baseline-resolver";
 function StatCard({ label, value, sub, color = "default" }) {
     const colorClass = {
-        default: "bg-white",
-        blue: "bg-blue-50",
-        green: "bg-green-50",
-        amber: "bg-amber-50",
-        red: "bg-red-50",
+        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 p-5 ${colorClass}`, children: [_jsx(Text, { className: "text-xs font-medium uppercase tracking-wide text-neutral-500", children: label }), _jsx(Text, { className: "mt-2 text-2xl font-bold text-neutral-900", children: value }), sub && _jsx(Text, { className: "mt-1 text-xs text-neutral-500", children: sub })] }));
+    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 p-5", children: [_jsx(Div, { className: "h-3 w-20 rounded bg-neutral-200" }), _jsx(Div, { className: "mt-2 h-8 w-24 rounded bg-neutral-200" })] }, i))) }));
+        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.js

@@ -1,7 +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 bg-white", 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 bg-neutral-50", 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 ${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", 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" }) }, col.key))) }, i)))) : rows.length === 0 ? (_jsx("tr", { children: _jsx("td", { colSpan: columns.length, className: "px-4 py-12 text-center text-neutral-500", children: emptyLabel }) })) : (rows.map((row) => (_jsx("tr", { className: "border-b border-neutral-100 hover:bg-neutral-50", children: columns.map((col) => (_jsx("td", { className: `px-4 py-3 text-neutral-700 ${col.className ?? ""}`, children: col.render
+    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 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 hover:bg-neutral-100"}`, children: p }, p))) }))] }));
+                                        : 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/DrawerFormFooter.js

@@ -1,6 +1,5 @@
-"use client";
 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}`, 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" : ""}`, 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 })] })] }));
+    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.js

@@ -1,6 +1,5 @@
-"use client";
 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 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 px-3 py-2 text-sm", children: [action.icon, action.label] })) }, action.id))) })] }));
+    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/AdminStatCard.js

@@ -1,4 +1,3 @@
-"use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Div, Text, Heading } from "../../../../ui";
 export function AdminStatCard({ label, value, icon, className = "", }) {

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

@@ -1,6 +1,5 @@
-"use client";
 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", 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))) })] }));
+    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/index.d.ts

@@ -30,6 +30,10 @@ 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";

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

@@ -15,6 +15,8 @@ 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";

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

@@ -1,4 +1,3 @@
-"use client";
 import { useQuery } from "@tanstack/react-query";
 import { apiClient } from "../../../http";
 import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints";

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

@@ -0,0 +1,28 @@
+type UnknownRecord = Record<string, unknown>;
+interface UseAdminListingDataOptions<TResponse, TRow extends {
+    id: string;
+}> {
+    queryKey: readonly unknown[];
+    endpoint: string;
+    page?: number;
+    pageSize?: number;
+    sorts?: string;
+    mapRows: (response: TResponse) => TRow[];
+    getTotal?: (response: TResponse, rows: TRow[]) => number;
+}
+export interface UseAdminListingDataResult<TRow extends {
+    id: string;
+}> {
+    rows: TRow[];
+    total: number;
+    isLoading: boolean;
+    errorMessage?: string;
+}
+export declare function useAdminListingData<TResponse, TRow extends {
+    id: string;
+}>({ queryKey, endpoint, page, pageSize, sorts, mapRows, getTotal, }: UseAdminListingDataOptions<TResponse, TRow>): UseAdminListingDataResult<TRow>;
+export declare function toRecordArray(value: unknown): UnknownRecord[];
+export declare function toStringValue(value: unknown, fallback?: string): string;
+export declare function toRupees(value: unknown): string;
+export declare function toRelativeDate(value: unknown): string;
+export {};

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

@@ -0,0 +1,100 @@
+"use client";
+import { useQuery } from "@tanstack/react-query";
+import { apiClient, ApiClientError } from "../../../http";
+function withQueryParams(endpoint, params) {
+    const hasQuery = endpoint.includes("?");
+    const query = new URLSearchParams(params).toString();
+    return `${endpoint}${hasQuery ? "&" : "?"}${query}`;
+}
+export function useAdminListingData({ queryKey, endpoint, page = 1, pageSize = 25, sorts = "-createdAt", mapRows, getTotal, }) {
+    const query = useQuery({
+        queryKey: [...queryKey, page, pageSize, sorts],
+        queryFn: () => apiClient.get(withQueryParams(endpoint, {
+            page: String(page),
+            pageSize: String(pageSize),
+            sorts,
+        })),
+        staleTime: 60000,
+    });
+    const rows = query.data ? mapRows(query.data) : [];
+    const total = query.data
+        ? (getTotal?.(query.data, rows) ?? rows.length)
+        : rows.length;
+    return {
+        rows,
+        total,
+        isLoading: query.isLoading,
+        errorMessage: query.error instanceof ApiClientError
+            ? query.error.message
+            : query.error
+                ? "Unable to load records"
+                : undefined,
+    };
+}
+export function toRecordArray(value) {
+    return Array.isArray(value) ? value.filter(Boolean) : [];
+}
+export function toStringValue(value, fallback = "-") {
+    if (typeof value === "string") {
+        return value.trim() || fallback;
+    }
+    if (typeof value === "number" || typeof value === "boolean") {
+        return String(value);
+    }
+    return fallback;
+}
+export function toRupees(value) {
+    if (typeof value !== "number" || Number.isNaN(value)) {
+        return "-";
+    }
+    return `INR ${value.toLocaleString("en-IN")}`;
+}
+export function toRelativeDate(value) {
+    const date = parseDate(value);
+    if (!date) {
+        return "-";
+    }
+    const deltaMs = Date.now() - date.getTime();
+    const minute = 60000;
+    const hour = 60 * minute;
+    const day = 24 * hour;
+    if (deltaMs < hour) {
+        const minutes = Math.max(1, Math.floor(deltaMs / minute));
+        return `${minutes}m ago`;
+    }
+    if (deltaMs < day) {
+        const hours = Math.max(1, Math.floor(deltaMs / hour));
+        return `${hours}h ago`;
+    }
+    if (deltaMs < 7 * day) {
+        const days = Math.max(1, Math.floor(deltaMs / day));
+        return `${days}d ago`;
+    }
+    return date.toLocaleDateString("en-IN", {
+        day: "2-digit",
+        month: "short",
+        year: "numeric",
+    });
+}
+function parseDate(value) {
+    if (value instanceof Date && !Number.isNaN(value.getTime())) {
+        return value;
+    }
+    if (typeof value === "string" || typeof value === "number") {
+        const date = new Date(value);
+        if (!Number.isNaN(date.getTime())) {
+            return date;
+        }
+    }
+    if (value && typeof value === "object") {
+        const asRecord = value;
+        const toDate = asRecord.toDate;
+        if (typeof toDate === "function") {
+            const parsed = toDate.call(value);
+            if (parsed instanceof Date && !Number.isNaN(parsed.getTime())) {
+                return parsed;
+            }
+        }
+    }
+    return null;
+}

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

@@ -0,0 +1,28 @@
+import { ApiClientError } from "../../../http";
+import type { HomepageSectionDocument } from "../../../features/homepage/schemas";
+interface AdminSectionsListingResponse {
+    items: HomepageSectionDocument[];
+    total: number;
+    page: number;
+    pageSize: number;
+    totalPages: number;
+    hasMore: boolean;
+}
+interface UseAdminSectionsListingOptions {
+    page?: number;
+    pageSize?: number;
+    sorts?: string;
+    filters?: string;
+}
+export declare function useAdminSectionsListing({ page, pageSize, sorts, filters, }?: UseAdminSectionsListingOptions): {
+    sections: HomepageSectionDocument[];
+    total: number;
+    page: number;
+    pageSize: number;
+    totalPages: number;
+    hasMore: boolean;
+    isLoading: boolean;
+    errorMessage: string | undefined;
+    refetch: (options?: import("@tanstack/query-core").RefetchOptions) => Promise<import("@tanstack/query-core").QueryObserverResult<AdminSectionsListingResponse, ApiClientError>>;
+};
+export {};

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

@@ -0,0 +1,34 @@
+"use client";
+import { useQuery } from "@tanstack/react-query";
+import { apiClient } from "../../../http";
+import { ADMIN_ENDPOINTS } from "../../../constants";
+export function useAdminSectionsListing({ page = 1, pageSize = 50, sorts = "order", filters, } = {}) {
+    const queryKey = ["admin", "sections", "listing", { page, pageSize, sorts, filters }];
+    const query = useQuery({
+        queryKey,
+        queryFn: async () => {
+            const params = new URLSearchParams({
+                page: String(page),
+                pageSize: String(pageSize),
+                sorts,
+            });
+            if (filters) {
+                params.append("filters", filters);
+            }
+            const response = await apiClient.get(`${ADMIN_ENDPOINTS.SECTIONS}?${params.toString()}`);
+            return response;
+        },
+        staleTime: 30000, // 30 seconds
+    });
+    return {
+        sections: query.data?.items ?? [],
+        total: query.data?.total ?? 0,
+        page: query.data?.page ?? page,
+        pageSize: query.data?.pageSize ?? pageSize,
+        totalPages: query.data?.totalPages ?? 0,
+        hasMore: query.data?.hasMore ?? false,
+        isLoading: query.isLoading,
+        errorMessage: query.error?.message,
+        refetch: query.refetch,
+    };
+}

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

@@ -1,6 +1,8 @@
 export * from "./schemas";
 export * from "./types";
 export * from "./hooks/useAdmin";
+export * from "./hooks/useAdminListingData";
+export * from "./hooks/useAdminSectionsListing";
 export * from "./hooks/useChat";
 export * from "./components";
 export type { ChatRoomDocument, ChatRoomCreateInput, } from "./repository/chat.repository";

package/dist/features/admin/index.js

@@ -1,6 +1,8 @@
 export * from "./schemas";
 export * from "./types";
 export * from "./hooks/useAdmin";
+export * from "./hooks/useAdminListingData";
+export * from "./hooks/useAdminSectionsListing";
 export * from "./hooks/useChat";
 export * from "./components";
 export { manifest } from "./manifest";

package/dist/features/admin/repository/chat.repository.d.ts

@@ -6,7 +6,7 @@
  * This repository provides the persistent record of rooms and participants.
  *
  * Deletion semantics
- * ──────────────────
+ * ------------------
  * 1-1 rooms:
  *   - `softDeleteForUser(chatId, uid)` adds the uid to `deletedBy`.
  *   - When BOTH participants are in `deletedBy` the room is permanently deleted

package/dist/features/admin/repository/chat.repository.js

@@ -6,7 +6,7 @@
  * This repository provides the persistent record of rooms and participants.
  *
  * Deletion semantics
- * ──────────────────
+ * ------------------
  * 1-1 rooms:
  *   - `softDeleteForUser(chatId, uid)` adds the uid to `deletedBy`.
  *   - When BOTH participants are in `deletedBy` the room is permanently deleted

package/dist/features/admin/repository/notification.repository.d.ts

@@ -1,4 +1,3 @@
-import "server-only";
 /**
  * Notification Repository
  *

package/dist/features/admin/repository/notification.repository.js

@@ -1,5 +1,10 @@
-import "server-only";
-import { BaseRepository, prepareForFirestore, } from "../../../providers/db-firebase";
+/**
+ * Notification Repository
+ *
+ * Handles all Firestore operations for the notifications collection.
+ * Used exclusively by server-side API routes (Firebase Admin SDK).
+ */
+import { BaseRepository, getFirestoreCount, prepareForFirestore, } from "../../../providers/db-firebase";
 import { NOTIFICATIONS_COLLECTION, NOTIFICATION_FIELDS, } from "../schemas";
 import { serverLogger } from "../../../monitoring";
 import { serverTimestamp } from "../../../contracts/field-ops";
@@ -46,12 +51,9 @@ export class NotificationRepository extends BaseRepository {
      */
     async getUnreadCount(userId) {
         try {
-            const snap = await this.getCollection()
+            return await getFirestoreCount(this.getCollection()
                 .where(NOTIFICATION_FIELDS.USER_ID, "==", userId)
-                .where(NOTIFICATION_FIELDS.IS_READ, "==", false)
-                .count()
-                .get();
-            return snap.data().count;
+                .where(NOTIFICATION_FIELDS.IS_READ, "==", false));
         }
         catch (error) {
             serverLogger.error("Failed to count unread notifications", {

package/dist/features/admin/repository/site-settings.repository.d.ts

@@ -15,7 +15,9 @@ export declare class SiteSettingsRepository extends BaseRepository<SiteSettingsD
      * Singleton document ID
      */
     private readonly SINGLETON_ID;
+    private static readonly CACHE_TTL_MS;
     constructor();
+    private cacheKey;
     /**
      * Get the global site settings
      * Creates default settings if not exists