@mohasinac/appkit 2.7.49 → 2.7.52

package/dist/features/seller/components/SellerAnalyticsAlertsView.d.ts

@@ -0,0 +1,6 @@
+export interface SellerAnalyticsAlertsViewProps {
+    labels?: {
+        title?: string;
+    };
+}
+export declare function SellerAnalyticsAlertsView({ labels, }: SellerAnalyticsAlertsViewProps): import("react/jsx-runtime").JSX.Element;

package/dist/features/seller/components/SellerAnalyticsAlertsView.js

@@ -0,0 +1,124 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useCallback } from "react";
+import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
+import { Alert, Badge, Button, Div, Form, FormActions, Heading, Input, Row, Section, Select, Text, Toggle, useToast, } from "../../../ui";
+import { apiClient } from "../../../http";
+import { SELLER_ENDPOINTS } from "../../../constants/api-endpoints";
+// ---------------------------------------------------------------------------
+// Config
+// ---------------------------------------------------------------------------
+const OPERATOR_OPTIONS = [
+    { value: ">", label: "Greater than (>)" },
+    { value: "<", label: "Less than (<)" },
+    { value: ">=", label: "≥" },
+    { value: "<=", label: "≤" },
+    { value: "==", label: "Equals (==)" },
+];
+const METRIC_OPTIONS = [
+    { value: "daily_revenue", label: "Daily Revenue (₹)" },
+    { value: "daily_orders", label: "Daily Orders" },
+    { value: "low_stock", label: "Low Stock (products)" },
+    { value: "cancelled_orders", label: "Cancelled Orders" },
+    { value: "pending_payouts", label: "Pending Payouts (₹)" },
+    { value: "avg_rating", label: "Average Rating" },
+    { value: "reviews_count", label: "New Reviews" },
+];
+const WINDOW_OPTIONS = [
+    { value: "1", label: "Last 1 hour" },
+    { value: "6", label: "Last 6 hours" },
+    { value: "24", label: "Last 24 hours" },
+    { value: "168", label: "Last 7 days" },
+];
+const CHANNEL_OPTIONS = [
+    { value: "in-app", label: "In-App notification" },
+    { value: "email", label: "Email" },
+    { value: "whatsapp", label: "WhatsApp" },
+];
+const OPERATOR_BADGE = {
+    ">": "danger",
+    "<": "warning",
+    ">=": "danger",
+    "<=": "warning",
+    "==": "info",
+    "!=": "default",
+};
+// ---------------------------------------------------------------------------
+// Sub-components
+// ---------------------------------------------------------------------------
+function AlertCard({ alert, onToggle, onDelete, }) {
+    const metricLabel = METRIC_OPTIONS.find((m) => m.value === alert.metric)?.label ?? alert.metric;
+    const opLabel = OPERATOR_OPTIONS.find((o) => o.value === alert.operator)?.label ?? alert.operator;
+    const windowLabel = WINDOW_OPTIONS.find((w) => w.value === String(alert.windowHours))?.label ?? `${alert.windowHours}h`;
+    return (_jsxs(Div, { className: "flex items-start justify-between gap-4 p-4 rounded-lg border border-zinc-200 dark:border-zinc-700 bg-white dark:bg-zinc-900", children: [_jsxs("div", { className: "flex-1 min-w-0", children: [_jsxs(Row, { className: "items-center gap-2 mb-1 flex-wrap", children: [_jsx(Text, { className: "font-medium text-zinc-900 dark:text-zinc-100 text-sm", children: alert.label }), _jsx(Badge, { variant: alert.isActive ? "success" : "default", children: alert.isActive ? "Active" : "Paused" })] }), _jsxs(Text, { className: "text-xs text-zinc-500 dark:text-zinc-400 mb-1", children: [metricLabel, " ", opLabel, " ", alert.threshold, " \u00B7 ", windowLabel] }), _jsx(Row, { className: "gap-1 flex-wrap", children: alert.notifyChannels.map((ch) => (_jsx(Badge, { variant: OPERATOR_BADGE[alert.operator] ?? "default", children: ch }, ch))) }), alert.lastTriggeredAt && (_jsxs(Text, { className: "text-xs text-zinc-400 dark:text-zinc-500 mt-1", children: ["Last triggered: ", new Date(alert.lastTriggeredAt).toLocaleString("en-IN")] }))] }), _jsxs("div", { className: "flex items-center gap-2 shrink-0", children: [_jsx(Toggle, { checked: alert.isActive, onChange: (v) => onToggle(alert.id, v), size: "sm" }), _jsx(Button, { variant: "ghost", size: "sm", onClick: () => onDelete(alert.id), className: "text-red-500 hover:text-red-600", children: "Delete" })] })] }));
+}
+const EMPTY_DRAFT = {
+    label: "",
+    metric: "daily_orders",
+    operator: ">",
+    threshold: "",
+    windowHours: "24",
+    notifyChannels: ["in-app"],
+};
+export function SellerAnalyticsAlertsView({ labels = {}, }) {
+    const queryClient = useQueryClient();
+    const { showToast } = useToast();
+    const [showForm, setShowForm] = useState(false);
+    const [draft, setDraft] = useState(EMPTY_DRAFT);
+    const { data, isLoading } = useQuery({
+        queryKey: ["seller", "analytics-alerts"],
+        queryFn: async () => {
+            const res = await apiClient.get(SELLER_ENDPOINTS.ANALYTICS_ALERTS);
+            return (res?.items ?? []);
+        },
+    });
+    const alerts = data ?? [];
+    const createMutation = useMutation({
+        mutationFn: async () => {
+            const payload = {
+                label: draft.label,
+                metric: draft.metric,
+                operator: draft.operator,
+                threshold: Number(draft.threshold),
+                windowHours: Number(draft.windowHours),
+                notifyChannels: draft.notifyChannels,
+                scope: "seller",
+                isActive: true,
+            };
+            return apiClient.post(SELLER_ENDPOINTS.ANALYTICS_ALERTS, payload);
+        },
+        onSuccess: () => {
+            showToast("Alert created", "success");
+            void queryClient.invalidateQueries({ queryKey: ["seller", "analytics-alerts"] });
+            setShowForm(false);
+            setDraft(EMPTY_DRAFT);
+        },
+        onError: () => showToast("Failed to create alert", "error"),
+    });
+    const toggleMutation = useMutation({
+        mutationFn: async ({ id, isActive }) => apiClient.patch(SELLER_ENDPOINTS.ANALYTICS_ALERT_BY_ID(id), { isActive }),
+        onSuccess: () => {
+            void queryClient.invalidateQueries({ queryKey: ["seller", "analytics-alerts"] });
+        },
+        onError: () => showToast("Failed to update alert", "error"),
+    });
+    const deleteMutation = useMutation({
+        mutationFn: async (id) => apiClient.delete(SELLER_ENDPOINTS.ANALYTICS_ALERT_BY_ID(id)),
+        onSuccess: () => {
+            showToast("Alert deleted", "success");
+            void queryClient.invalidateQueries({ queryKey: ["seller", "analytics-alerts"] });
+        },
+        onError: () => showToast("Failed to delete alert", "error"),
+    });
+    const toggleChannel = useCallback((ch) => {
+        setDraft((d) => ({
+            ...d,
+            notifyChannels: d.notifyChannels.includes(ch)
+                ? d.notifyChannels.filter((c) => c !== ch)
+                : [...d.notifyChannels, ch],
+        }));
+    }, []);
+    return (_jsxs("div", { className: "space-y-6", children: [_jsxs(Row, { className: "items-center justify-between", children: [_jsx(Heading, { level: 2, className: "text-base font-semibold text-zinc-900 dark:text-zinc-100", children: labels.title ?? "Analytics Alerts" }), _jsx(Button, { size: "sm", onClick: () => setShowForm((v) => !v), children: showForm ? "Cancel" : "+ New Alert" })] }), _jsx(Text, { className: "text-sm text-zinc-500 dark:text-zinc-400", children: "Get notified when a key metric crosses a threshold. Alerts check the metric over the selected window and fire through your chosen channels." }), showForm && (_jsxs(Section, { className: "border border-zinc-200 dark:border-zinc-700 rounded-xl p-5 space-y-4", children: [_jsx(Heading, { level: 3, className: "text-sm font-semibold text-zinc-900 dark:text-zinc-100", children: "Create Alert" }), _jsxs(Form, { onSubmit: (e) => { e.preventDefault(); createMutation.mutate(); }, children: [_jsxs("div", { className: "grid sm:grid-cols-2 gap-4", children: [_jsx(Input, { label: "Alert label", value: draft.label, onChange: (e) => setDraft((d) => ({ ...d, label: e.target.value })), placeholder: "e.g. Low daily orders", required: true }), _jsx(Select, { label: "Metric", value: draft.metric, onValueChange: (v) => setDraft((d) => ({ ...d, metric: v })), options: METRIC_OPTIONS }), _jsx(Select, { label: "Operator", value: draft.operator, onValueChange: (v) => setDraft((d) => ({ ...d, operator: v })), options: OPERATOR_OPTIONS }), _jsx(Input, { label: "Threshold", type: "number", value: draft.threshold, onChange: (e) => setDraft((d) => ({ ...d, threshold: e.target.value })), placeholder: "e.g. 10", required: true }), _jsx(Select, { label: "Check window", value: draft.windowHours, onValueChange: (v) => setDraft((d) => ({ ...d, windowHours: v })), options: WINDOW_OPTIONS })] }), _jsxs("div", { className: "mt-3", children: [_jsx(Text, { className: "text-xs font-medium text-zinc-700 dark:text-zinc-300 mb-2", children: "Notify via" }), _jsx(Row, { className: "gap-2 flex-wrap", children: CHANNEL_OPTIONS.map((ch) => (_jsx("button", { type: "button", onClick: () => toggleChannel(ch.value), className: `px-3 py-1.5 rounded-full text-xs border transition-colors ${draft.notifyChannels.includes(ch.value)
+                                                ? "bg-[var(--appkit-color-primary)] text-white border-transparent"
+                                                : "bg-white dark:bg-zinc-800 text-zinc-700 dark:text-zinc-300 border-zinc-200 dark:border-zinc-700"}`, children: ch.label }, ch.value))) })] }), _jsx(FormActions, { align: "right", className: "mt-4", children: _jsx(Button, { type: "submit", isLoading: createMutation.isPending, children: createMutation.isPending ? "Creating…" : "Create Alert" }) })] })] })), isLoading && (_jsx("div", { className: "space-y-2", children: [1, 2, 3].map((i) => (_jsx("div", { className: "h-16 rounded-lg bg-zinc-100 dark:bg-zinc-800 animate-pulse" }, i))) })), !isLoading && alerts.length === 0 && !showForm && (_jsx(Alert, { variant: "info", children: "No alerts configured. Create an alert to get notified when a key metric crosses a threshold." })), !isLoading && alerts.length > 0 && (_jsx("div", { className: "space-y-3", children: alerts.map((alert) => (_jsx(AlertCard, { alert: alert, onToggle: (id, isActive) => toggleMutation.mutate({ id, isActive }), onDelete: (id) => deleteMutation.mutate(id) }, alert.id))) }))] }));
+}

package/dist/features/seller/components/SellerAnalyticsView.d.ts

@@ -3,6 +3,8 @@ import type { StackedViewShellProps } from "../../../ui";
 export interface SellerAnalyticsViewProps extends Omit<StackedViewShellProps, "sections"> {
     labels?: {
         title?: string;
+        dateFrom?: string;
+        dateTo?: string;
     };
     renderDateRange?: (from: string, to: string, onChange: (from: string, to: string) => void) => React.ReactNode;
     renderStats?: (isLoading: boolean) => React.ReactNode;

package/dist/features/seller/components/SellerAnalyticsView.js

@@ -1,17 +1,25 @@
 "use client";
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from "react";
-import { StackedViewShell } from "../../../ui";
+import { StackedViewShell, Row, Text } from "../../../ui";
+function DefaultDateRange({ from, to, onChange, labels, }) {
+    return (_jsxs(Row, { gap: "md", align: "center", wrap: true, className: "flex-wrap", children: [_jsxs("label", { className: "flex items-center gap-2 text-sm text-[var(--appkit-color-text-muted)]", children: [_jsx(Text, { size: "sm", variant: "secondary", children: labels.dateFrom ?? "From" }), _jsx("input", { type: "date", value: from, onChange: (e) => onChange(e.target.value, to), className: "appkit-input text-sm py-1.5 px-3" })] }), _jsxs("label", { className: "flex items-center gap-2 text-sm text-[var(--appkit-color-text-muted)]", children: [_jsx(Text, { size: "sm", variant: "secondary", children: labels.dateTo ?? "To" }), _jsx("input", { type: "date", value: to, onChange: (e) => onChange(from, e.target.value), className: "appkit-input text-sm py-1.5 px-3" })] })] }));
+}
 export function SellerAnalyticsView({ labels = {}, renderDateRange, renderStats, renderCharts, renderTopProducts, isLoading = false, ...rest }) {
     const [from, setFrom] = React.useState("");
     const [to, setTo] = React.useState("");
+    const handleDateChange = (f, t) => {
+        setFrom(f);
+        setTo(t);
+    };
+    const dateRange = (renderDateRange ?? ((f, t, onCh) => (_jsx(DefaultDateRange, { from: f, to: t, onChange: onCh, labels: labels }))))(from, to, handleDateChange);
+    const statsSection = (renderStats ?? (() => null))(isLoading);
+    const chartsSection = (renderCharts ?? (() => null))();
+    const topProducts = (renderTopProducts ?? (() => null))();
     return (_jsx(StackedViewShell, { portal: "seller", ...rest, title: labels.title, sections: [
-            renderDateRange?.(from, to, (f, t) => {
-                setFrom(f);
-                setTo(t);
-            }),
-            renderStats?.(isLoading),
-            renderCharts?.(),
-            renderTopProducts?.(),
+            dateRange,
+            statsSection,
+            chartsSection,
+            topProducts,
         ] }));
 }

package/dist/features/seller/components/SellerBidsView.js

@@ -1,10 +1,10 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useState, useCallback } from "react";
+import React, { useState, useCallback } from "react";
 import { X } from "lucide-react";
 import { useUrlTable } from "../../../react/hooks/useUrlTable";
 import { useBulkSelection } from "../../../react/hooks/useBulkSelection";
-import { Badge, Div, FilterChipGroup, ListingToolbar, Pagination, Text } from "../../../ui";
+import { Badge, BulkActionBar, Div, FilterChipGroup, ListingToolbar, Pagination, Text } from "../../../ui";
 import { SELLER_ENDPOINTS } from "../../../constants/api-endpoints";
 import { SELLER_BID_STATUS_TABS } from "../../admin/constants/filter-tabs";
 import { toRecordArray, toRelativeDate, toRupees, toStringValue, useSellerListingData, } from "../hooks/useSellerListingData";
@@ -122,5 +122,35 @@ export function SellerBidsView({ endpoint = SELLER_ENDPOINTS.BIDS }) {
         },
     ];
     const selection = useBulkSelection({ items: rows ?? [], keyExtractor: (r) => r.id });
-    return (_jsxs("div", { className: "min-h-screen", children: [_jsx(ListingToolbar, { filterCount: activeFilterCount, onFiltersClick: openFilters, searchValue: searchInput, searchPlaceholder: "Search by bidder name", onSearchChange: setSearchInput, onSearchCommit: commitSearch, sortValue: table.get("sort") || DEFAULT_SORT, sortOptions: SORT_OPTIONS, onSortChange: (v) => { table.set("sort", v); }, showTableView: true, view: view, onViewChange: (v) => setView(v), 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 dark:bg-red-950/40 dark:border-red-900/60 px-4 py-3 text-sm text-red-700 dark:text-red-200", children: errorMessage })), _jsx(DataTable, { rows: rows, columns: columns, isLoading: isLoading, emptyLabel: "No bids found for your auctions" })] }), filterOpen && (_jsxs(_Fragment, { children: [_jsx("div", { className: "fixed inset-0 z-40 bg-black/40", "aria-hidden": "true", onClick: () => setFilterOpen(false) }), _jsxs("div", { className: "fixed inset-y-0 left-0 z-50 flex w-80 flex-col bg-white dark:bg-slate-900 shadow-2xl", children: [_jsxs("div", { className: "flex items-center justify-between border-b border-zinc-200 dark:border-slate-700 px-4 py-3.5", children: [_jsx("span", { className: "text-base font-semibold text-zinc-900 dark:text-zinc-100", children: "Filters" }), _jsxs("div", { className: "flex items-center gap-2", children: [activeFilterCount > 0 && (_jsx("button", { type: "button", onClick: clearFilters, className: "text-xs text-zinc-500 hover:text-rose-500 transition-colors", children: "Clear all" })), _jsx("button", { type: "button", onClick: () => setFilterOpen(false), "aria-label": "Close", className: "rounded-lg p-1.5 text-zinc-500 hover:bg-zinc-100 dark:hover:bg-slate-800 transition-colors", children: _jsx(X, { className: "h-5 w-5" }) })] })] }), _jsx("div", { className: "flex-1 overflow-y-auto px-4 py-4 space-y-5", children: _jsx(FilterChipGroup, { label: "Bid Status", tabs: STATUS_OPTIONS, value: pendingFilters.status ?? "", onChange: (id) => setPendingFilters((p) => ({ ...p, status: id })), allId: "" }) }), _jsx("div", { className: "border-t border-zinc-200 dark:border-slate-700 px-4 py-3.5", children: _jsxs("button", { type: "button", onClick: applyFilters, className: "w-full rounded-lg bg-[var(--appkit-color-primary)] py-2.5 text-sm font-semibold text-white transition-colors active:scale-[0.98]", children: ["Apply", activeFilterCount > 0 ? ` (${activeFilterCount})` : ""] }) })] })] }))] }));
+    // S-STORE-4-B — group bids by productId (auction) with collapsible sections.
+    const [collapsedGroups, setCollapsedGroups] = useState(new Set());
+    const groupedRows = React.useMemo(() => {
+        const groups = new Map();
+        for (const row of rows ?? []) {
+            const key = row.productId || row.productTitle;
+            const g = groups.get(key) ?? { title: row.productTitle, bids: [] };
+            g.bids.push(row);
+            groups.set(key, g);
+        }
+        return Array.from(groups.entries()).map(([id, g]) => ({ id, ...g }));
+    }, [rows]);
+    const toggleGroup = (id) => setCollapsedGroups((s) => {
+        const next = new Set(s);
+        next.has(id) ? next.delete(id) : next.add(id);
+        return next;
+    });
+    // S-STORE-4-B — bulk actions: cancel / retract.
+    const bulkCancel = useCallback(async () => {
+        if (!selection.selectedIds.length)
+            return;
+        await Promise.all(selection.selectedIds.map((id) => fetch(`/api/store/bids/${id}`, { method: "DELETE" }).catch(() => null)));
+        selection.clearSelection();
+    }, [selection]);
+    const bulkActions = [
+        { id: "cancel", label: "Cancel selected", onClick: () => void bulkCancel(), variant: "danger" },
+    ];
+    return (_jsxs("div", { className: "min-h-screen", children: [_jsx(ListingToolbar, { filterCount: activeFilterCount, onFiltersClick: openFilters, searchValue: searchInput, searchPlaceholder: "Search by bidder name", onSearchChange: setSearchInput, onSearchCommit: commitSearch, sortValue: table.get("sort") || DEFAULT_SORT, sortOptions: SORT_OPTIONS, onSortChange: (v) => { table.set("sort", v); }, showTableView: true, view: view, onViewChange: (v) => setView(v), 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) }) })), selection.selectedIds.length > 0 && (_jsx("div", { className: "sticky z-20 px-3 sm:px-4 py-2 bg-white/95 dark:bg-slate-900/95 backdrop-blur-sm border-b border-zinc-200 dark:border-slate-700", style: { top: "calc(var(--header-height, 0px) + 88px)" }, children: _jsx(BulkActionBar, { selectedCount: selection.selectedIds.length, onClearSelection: selection.clearSelection, actions: bulkActions }) })), _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 dark:bg-red-950/40 dark:border-red-900/60 px-4 py-3 text-sm text-red-700 dark:text-red-200", children: errorMessage })), table.get("grouped") === "0" ? (_jsx(DataTable, { rows: rows, columns: columns, isLoading: isLoading, emptyLabel: "No bids found for your auctions", selectedIds: selection.selectedIdSet, onToggleSelect: selection.toggle, onToggleSelectAll: () => selection.toggleAll() })) : (_jsxs("div", { className: "space-y-3", children: [groupedRows.length === 0 && !isLoading && (_jsx(Text, { className: "text-sm text-zinc-500", children: "No bids found for your auctions." })), groupedRows.map((group) => {
+                                const collapsed = collapsedGroups.has(group.id);
+                                return (_jsxs(Div, { className: "rounded-lg border border-[var(--appkit-color-border)] bg-[var(--appkit-color-surface)]", children: [_jsxs("button", { type: "button", onClick: () => toggleGroup(group.id), className: "w-full flex items-center justify-between px-4 py-2.5 text-sm font-semibold text-[var(--appkit-color-text)] hover:bg-[var(--appkit-color-surface-raised)]", children: [_jsxs("span", { className: "truncate", children: [group.title, " ", _jsxs("span", { className: "text-xs text-[var(--appkit-color-text-muted)] font-normal", children: ["\u00B7 ", group.bids.length, " bid", group.bids.length === 1 ? "" : "s"] })] }), _jsx("span", { "aria-hidden": true, className: "text-[var(--appkit-color-text-muted)]", children: collapsed ? "▸" : "▾" })] }), !collapsed && (_jsx("div", { className: "border-t border-[var(--appkit-color-border)]", children: _jsx(DataTable, { rows: group.bids, columns: columns, isLoading: false, emptyLabel: "", selectedIds: selection.selectedIdSet, onToggleSelect: selection.toggle }) }))] }, group.id));
+                            })] }))] }), filterOpen && (_jsxs(_Fragment, { children: [_jsx("div", { className: "fixed inset-0 z-40 bg-black/40", "aria-hidden": "true", onClick: () => setFilterOpen(false) }), _jsxs("div", { className: "fixed inset-y-0 left-0 z-50 flex w-80 flex-col bg-white dark:bg-slate-900 shadow-2xl", children: [_jsxs("div", { className: "flex items-center justify-between border-b border-zinc-200 dark:border-slate-700 px-4 py-3.5", children: [_jsx("span", { className: "text-base font-semibold text-zinc-900 dark:text-zinc-100", children: "Filters" }), _jsxs("div", { className: "flex items-center gap-2", children: [activeFilterCount > 0 && (_jsx("button", { type: "button", onClick: clearFilters, className: "text-xs text-zinc-500 hover:text-rose-500 transition-colors", children: "Clear all" })), _jsx("button", { type: "button", onClick: () => setFilterOpen(false), "aria-label": "Close", className: "rounded-lg p-1.5 text-zinc-500 hover:bg-zinc-100 dark:hover:bg-slate-800 transition-colors", children: _jsx(X, { className: "h-5 w-5" }) })] })] }), _jsx("div", { className: "flex-1 overflow-y-auto px-4 py-4 space-y-5", children: _jsx(FilterChipGroup, { label: "Bid Status", tabs: STATUS_OPTIONS, value: pendingFilters.status ?? "", onChange: (id) => setPendingFilters((p) => ({ ...p, status: id })), allId: "" }) }), _jsx("div", { className: "border-t border-zinc-200 dark:border-slate-700 px-4 py-3.5", children: _jsxs("button", { type: "button", onClick: applyFilters, className: "w-full rounded-lg bg-[var(--appkit-color-primary)] py-2.5 text-sm font-semibold text-white transition-colors active:scale-[0.98]", children: ["Apply", activeFilterCount > 0 ? ` (${activeFilterCount})` : ""] }) })] })] }))] }));
 }

package/dist/features/seller/components/SellerBundlesView.d.ts

@@ -0,0 +1,5 @@
+export interface SellerBundlesViewProps {
+    onCreateClick?: () => void;
+    onBulkDelete?: (ids: string[]) => Promise<void>;
+}
+export declare function SellerBundlesView({ onCreateClick, onBulkDelete, }: SellerBundlesViewProps): import("react/jsx-runtime").JSX.Element;

package/dist/features/seller/components/SellerBundlesView.js

@@ -0,0 +1,104 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useCallback } from "react";
+import { Plus } from "lucide-react";
+import { useUrlTable } from "../../../react/hooks/useUrlTable";
+import { useBulkSelection } from "../../../react/hooks/useBulkSelection";
+import { BulkActionBar, Button, DataTable, Div, ListingToolbar, Pagination, Text, } from "../../../ui";
+import { SELLER_ENDPOINTS } from "../../../constants/api-endpoints";
+import { ROUTES } from "../../..";
+import { toRecordArray, toRelativeDate, toRupees, toStringValue, useSellerListingData, } from "../hooks/useSellerListingData";
+import { TABLE_KEYS } from "../../../constants/table-keys";
+const PAGE_SIZE = 25;
+const DEFAULT_SORT = "-createdAt";
+const SORT_OPTIONS = [
+    { value: "-createdAt", label: "Newest" },
+    { value: "createdAt", label: "Oldest" },
+    { value: "productTitle", label: "Name A–Z" },
+    { value: "-productTitle", label: "Name Z–A" },
+    { value: "price", label: "Price: Low–High" },
+    { value: "-price", label: "Price: High–Low" },
+];
+const COLUMNS = [
+    {
+        key: "title",
+        header: "Bundle",
+        render: (row) => _jsx(Text, { className: "text-sm font-medium", children: row.title }),
+    },
+    {
+        key: "price",
+        header: "Price",
+        render: (row) => _jsx(Text, { className: "text-sm tabular-nums", children: row.price }),
+    },
+    {
+        key: "itemCount",
+        header: "Items",
+        render: (row) => (_jsx("span", { className: "inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium bg-violet-100 text-violet-700 dark:bg-violet-900/40 dark:text-violet-300 tabular-nums", children: row.itemCount })),
+    },
+    {
+        key: "status",
+        header: "Status",
+        render: (row) => (_jsx("span", { className: `inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium capitalize ${row.status === "active"
+                ? "bg-emerald-100 text-emerald-700 dark:bg-emerald-900/40 dark:text-emerald-300"
+                : "bg-zinc-100 text-zinc-600 dark:bg-slate-800 dark:text-slate-400"}`, children: row.status })),
+    },
+    {
+        key: "createdAt",
+        header: "Created",
+        render: (row) => _jsx(Text, { className: "text-sm text-[var(--appkit-color-text-muted)]", children: row.createdAt }),
+    },
+];
+export function SellerBundlesView({ onCreateClick, onBulkDelete, }) {
+    const table = useUrlTable({ defaults: { pageSize: String(PAGE_SIZE), sort: DEFAULT_SORT } });
+    const [searchInput, setSearchInput] = useState(table.get(TABLE_KEYS.QUERY) || "");
+    const [view] = useState("table");
+    const commitSearch = useCallback(() => {
+        table.set(TABLE_KEYS.QUERY, searchInput.trim());
+    }, [searchInput, table]);
+    const resetAll = useCallback(() => {
+        table.setMany({ [TABLE_KEYS.QUERY]: "", [TABLE_KEYS.SORT]: "" });
+        setSearchInput("");
+    }, [table]);
+    const hasActiveState = !!table.get(TABLE_KEYS.QUERY) || table.get(TABLE_KEYS.SORT) !== DEFAULT_SORT;
+    const { rows, total, isLoading, errorMessage } = useSellerListingData({
+        queryKey: ["seller", "bundles"],
+        endpoint: SELLER_ENDPOINTS.PRODUCTS,
+        page: table.getNumber(TABLE_KEYS.PAGE, 1),
+        pageSize: PAGE_SIZE,
+        sorts: table.get(TABLE_KEYS.SORT) || DEFAULT_SORT,
+        filters: "listingType==bundle",
+        q: table.get(TABLE_KEYS.QUERY) || undefined,
+        mapRows: (response) => toRecordArray(response.products).map((item, index) => ({
+            id: toStringValue(item.id, `bundle-${index}`),
+            raw: item,
+            title: toStringValue(item.productTitle ?? item.title, "Untitled bundle"),
+            price: toRupees(item.price),
+            itemCount: Array.isArray(item.bundleProductIds)
+                ? item.bundleProductIds.length
+                : Number(item.bundleItemCount ?? 0),
+            status: toStringValue(item.status, "draft"),
+            createdAt: toRelativeDate(item.createdAt),
+        })),
+        getTotal: (response, mappedRows) => typeof response.meta?.total === "number" ? response.meta.total : mappedRows.length,
+    });
+    const currentPage = table.getNumber(TABLE_KEYS.PAGE, 1);
+    const totalPages = Math.ceil(total / PAGE_SIZE);
+    const selection = useBulkSelection({ items: rows, keyExtractor: (r) => r.id });
+    const bulkActions = onBulkDelete
+        ? [{
+                id: "bulk-delete",
+                label: "Delete selected",
+                variant: "danger",
+                onClick: async () => { await onBulkDelete(selection.selectedIds); selection.clearSelection(); },
+            }]
+        : [];
+    const handleCreate = useCallback(() => {
+        if (onCreateClick) {
+            onCreateClick();
+        }
+        else {
+            window.location.href = String(ROUTES.STORE.PRODUCTS_NEW);
+        }
+    }, [onCreateClick]);
+    return (_jsxs("div", { className: "min-h-screen", children: [_jsx(ListingToolbar, { filterCount: 0, searchValue: searchInput, searchPlaceholder: "Search bundles...", onSearchChange: setSearchInput, onSearchCommit: commitSearch, sortValue: table.get(TABLE_KEYS.SORT) || DEFAULT_SORT, sortOptions: SORT_OPTIONS, onSortChange: (v) => { table.set(TABLE_KEYS.SORT, v); }, showTableView: true, view: view, onViewChange: () => { }, onResetAll: resetAll, hasActiveState: hasActiveState, extra: _jsxs(Button, { size: "sm", onClick: handleCreate, className: "flex items-center gap-1.5", children: [_jsx(Plus, { className: "h-4 w-4" }), _jsx("span", { children: "New Bundle" })] }) }), 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) }) })), selection.selectedCount > 0 && bulkActions.length > 0 && (_jsx(BulkActionBar, { selectedCount: selection.selectedCount, actions: bulkActions, onClearSelection: selection.clearSelection })), _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 dark:bg-red-950/40 dark:border-red-900/60 px-4 py-3 text-sm text-red-700 dark:text-red-200", children: errorMessage })), isLoading ? (_jsx(Div, { className: "space-y-2", children: Array.from({ length: 5 }).map((_, i) => (_jsx(Div, { className: "h-14 animate-pulse rounded-xl border border-zinc-100 dark:border-slate-700 bg-zinc-50 dark:bg-slate-800" }, i))) })) : rows.length === 0 ? (_jsx(Div, { className: "py-16 text-center", children: _jsx(Text, { className: "text-zinc-400 dark:text-zinc-500", children: "No bundles yet \u2014 create a bundle to group multiple products together" }) })) : (_jsx(DataTable, { columns: COLUMNS, data: rows, keyExtractor: (r) => r.id, selectable: bulkActions.length > 0, selectedIds: selection.selectedIds, onSelectionChange: (ids) => selection.setSelectedIds(ids) }))] })] }));
+}

package/dist/features/seller/components/SellerClassifiedView.d.ts

@@ -0,0 +1,5 @@
+export interface SellerClassifiedViewProps {
+    onCreateClick?: () => void;
+    onBulkDelete?: (ids: string[]) => Promise<void>;
+}
+export declare function SellerClassifiedView({ onCreateClick, onBulkDelete, }: SellerClassifiedViewProps): import("react/jsx-runtime").JSX.Element;

package/dist/features/seller/components/SellerClassifiedView.js

@@ -0,0 +1,113 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useCallback } from "react";
+import { Plus } from "lucide-react";
+import { useUrlTable } from "../../../react/hooks/useUrlTable";
+import { useBulkSelection } from "../../../react/hooks/useBulkSelection";
+import { BulkActionBar, Button, DataTable, Div, ListingToolbar, Pagination, Text, } from "../../../ui";
+import { SELLER_ENDPOINTS } from "../../../constants/api-endpoints";
+import { ROUTES } from "../../..";
+import { toRecordArray, toRelativeDate, toRupees, toStringValue, useSellerListingData, } from "../hooks/useSellerListingData";
+import { TABLE_KEYS } from "../../../constants/table-keys";
+const PAGE_SIZE = 25;
+const DEFAULT_SORT = "-createdAt";
+const SORT_OPTIONS = [
+    { value: "-createdAt", label: "Newest" },
+    { value: "createdAt", label: "Oldest" },
+    { value: "productTitle", label: "Name A–Z" },
+    { value: "price", label: "Price: Low–High" },
+    { value: "-price", label: "Price: High–Low" },
+];
+const COLUMNS = [
+    {
+        key: "title",
+        header: "Listing",
+        render: (row) => _jsx(Text, { className: "text-sm font-medium", children: row.title }),
+    },
+    {
+        key: "price",
+        header: "Price",
+        render: (row) => _jsx(Text, { className: "text-sm tabular-nums", children: row.price }),
+    },
+    {
+        key: "city",
+        header: "Location",
+        render: (row) => (_jsx(Text, { className: "text-sm text-[var(--appkit-color-text-muted)]", children: row.city || "—" })),
+    },
+    {
+        key: "acceptsShipping",
+        header: "Shipping",
+        render: (row) => (_jsx("span", { className: `inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium ${row.acceptsShipping
+                ? "bg-emerald-100 text-emerald-700 dark:bg-emerald-900/40 dark:text-emerald-300"
+                : "bg-zinc-100 text-zinc-600 dark:bg-slate-800 dark:text-slate-400"}`, children: row.acceptsShipping ? "Ships" : "Meetup only" })),
+    },
+    {
+        key: "status",
+        header: "Status",
+        render: (row) => (_jsx("span", { className: `inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium capitalize ${row.status === "active"
+                ? "bg-emerald-100 text-emerald-700 dark:bg-emerald-900/40 dark:text-emerald-300"
+                : "bg-zinc-100 text-zinc-600 dark:bg-slate-800 dark:text-slate-400"}`, children: row.status })),
+    },
+    {
+        key: "createdAt",
+        header: "Created",
+        render: (row) => _jsx(Text, { className: "text-sm text-[var(--appkit-color-text-muted)]", children: row.createdAt }),
+    },
+];
+export function SellerClassifiedView({ onCreateClick, onBulkDelete, }) {
+    const table = useUrlTable({ defaults: { pageSize: String(PAGE_SIZE), sort: DEFAULT_SORT } });
+    const [searchInput, setSearchInput] = useState(table.get(TABLE_KEYS.QUERY) || "");
+    const [view] = useState("table");
+    const commitSearch = useCallback(() => {
+        table.set(TABLE_KEYS.QUERY, searchInput.trim());
+    }, [searchInput, table]);
+    const resetAll = useCallback(() => {
+        table.setMany({ [TABLE_KEYS.QUERY]: "", [TABLE_KEYS.SORT]: "" });
+        setSearchInput("");
+    }, [table]);
+    const hasActiveState = !!table.get(TABLE_KEYS.QUERY) || table.get(TABLE_KEYS.SORT) !== DEFAULT_SORT;
+    const { rows, total, isLoading, errorMessage } = useSellerListingData({
+        queryKey: ["seller", "classified"],
+        endpoint: SELLER_ENDPOINTS.PRODUCTS,
+        page: table.getNumber(TABLE_KEYS.PAGE, 1),
+        pageSize: PAGE_SIZE,
+        sorts: table.get(TABLE_KEYS.SORT) || DEFAULT_SORT,
+        filters: "listingType==classified",
+        q: table.get(TABLE_KEYS.QUERY) || undefined,
+        mapRows: (response) => toRecordArray(response.products).map((item, index) => {
+            const classified = (item.classified ?? {});
+            const meetupArea = (classified.meetupArea ?? {});
+            return {
+                id: toStringValue(item.id, `classified-${index}`),
+                raw: item,
+                title: toStringValue(item.productTitle ?? item.title, "Untitled"),
+                price: toRupees(item.price),
+                city: toStringValue(meetupArea.city ?? classified.city, ""),
+                acceptsShipping: Boolean(classified.acceptsShipping),
+                status: toStringValue(item.status, "draft"),
+                createdAt: toRelativeDate(item.createdAt),
+            };
+        }),
+        getTotal: (response, mappedRows) => typeof response.meta?.total === "number" ? response.meta.total : mappedRows.length,
+    });
+    const currentPage = table.getNumber(TABLE_KEYS.PAGE, 1);
+    const totalPages = Math.ceil(total / PAGE_SIZE);
+    const selection = useBulkSelection({ items: rows, keyExtractor: (r) => r.id });
+    const bulkActions = onBulkDelete
+        ? [{
+                id: "bulk-delete",
+                label: "Delete selected",
+                variant: "danger",
+                onClick: async () => { await onBulkDelete(selection.selectedIds); selection.clearSelection(); },
+            }]
+        : [];
+    const handleCreate = useCallback(() => {
+        if (onCreateClick) {
+            onCreateClick();
+        }
+        else {
+            window.location.href = String(ROUTES.STORE.CLASSIFIED_NEW);
+        }
+    }, [onCreateClick]);
+    return (_jsxs("div", { className: "min-h-screen", children: [_jsx(ListingToolbar, { filterCount: 0, searchValue: searchInput, searchPlaceholder: "Search classified listings...", onSearchChange: setSearchInput, onSearchCommit: commitSearch, sortValue: table.get(TABLE_KEYS.SORT) || DEFAULT_SORT, sortOptions: SORT_OPTIONS, onSortChange: (v) => { table.set(TABLE_KEYS.SORT, v); }, showTableView: true, view: view, onViewChange: () => { }, onResetAll: resetAll, hasActiveState: hasActiveState, extra: _jsxs(Button, { size: "sm", onClick: handleCreate, className: "flex items-center gap-1.5", children: [_jsx(Plus, { className: "h-4 w-4" }), _jsx("span", { children: "New Classified" })] }) }), 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) }) })), selection.selectedCount > 0 && bulkActions.length > 0 && (_jsx(BulkActionBar, { selectedCount: selection.selectedCount, actions: bulkActions, onClearSelection: selection.clearSelection })), _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 dark:bg-red-950/40 dark:border-red-900/60 px-4 py-3 text-sm text-red-700 dark:text-red-200", children: errorMessage })), isLoading ? (_jsx(Div, { className: "space-y-2", children: Array.from({ length: 5 }).map((_, i) => (_jsx(Div, { className: "h-14 animate-pulse rounded-xl border border-zinc-100 dark:border-slate-700 bg-zinc-50 dark:bg-slate-800" }, i))) })) : rows.length === 0 ? (_jsx(Div, { className: "py-16 text-center", children: _jsx(Text, { className: "text-zinc-400 dark:text-zinc-500", children: "No classified listings yet \u2014 post your first buy/sell/trade ad" }) })) : (_jsx(DataTable, { columns: COLUMNS, data: rows, keyExtractor: (r) => r.id, selectable: bulkActions.length > 0, selectedIds: selection.selectedIds, onSelectionChange: (ids) => selection.setSelectedIds(ids) }))] })] }));
+}

package/dist/features/seller/components/SellerDashboardView.js

@@ -1,11 +1,23 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { StackedViewShell } from "../../../ui";
+"use client";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { StackedViewShell, Div, Text } from "../../../ui";
+function DefaultStatsPlaceholder({ isLoading }) {
+    return (_jsx("div", { className: "grid grid-cols-2 gap-4 sm:grid-cols-4", children: [1, 2, 3, 4].map((i) => (_jsx(Div, { className: "rounded-xl border border-[var(--appkit-color-border)] bg-[var(--appkit-color-surface)] p-5", children: isLoading ? (_jsxs(_Fragment, { children: [_jsx("div", { className: "h-3 w-16 animate-pulse rounded bg-[var(--appkit-color-border)]" }), _jsx("div", { className: "mt-3 h-6 w-20 animate-pulse rounded bg-[var(--appkit-color-border)]" })] })) : (_jsxs(_Fragment, { children: [_jsxs(Text, { size: "xs", variant: "secondary", className: "uppercase tracking-widest font-semibold", children: ["Stat ", i] }), _jsx(Text, { size: "xl", className: "mt-2 font-bold tabular-nums", children: "\u2014" })] })) }, i))) }));
+}
+function DefaultQuickActionsPlaceholder() {
+    return (_jsx("div", { className: "grid grid-cols-2 gap-3 sm:grid-cols-4", children: [1, 2, 3, 4].map((i) => (_jsx(Div, { className: "h-12 animate-pulse rounded-xl border border-[var(--appkit-color-border)] bg-[var(--appkit-color-border)]" }, i))) }));
+}
 export function SellerDashboardView({ labels = {}, renderStats, renderQuickActions, renderRecentListings, renderRevenueChart, renderTopProducts, isLoading = false, ...rest }) {
+    const stats = (renderStats ?? ((busy) => _jsx(DefaultStatsPlaceholder, { isLoading: busy })))(isLoading);
+    const quickActions = (renderQuickActions ?? (() => _jsx(DefaultQuickActionsPlaceholder, {})))();
+    const revenueChart = (renderRevenueChart ?? (() => null))();
+    const topProducts = (renderTopProducts ?? (() => null))();
+    const recentListings = (renderRecentListings ?? (() => null))();
     return (_jsx(StackedViewShell, { portal: "seller", ...rest, title: labels.title, sections: [
-            renderStats?.(isLoading),
-            renderQuickActions?.(),
-            renderRevenueChart?.(),
-            renderTopProducts?.(),
-            renderRecentListings?.(),
+            stats,
+            quickActions,
+            revenueChart,
+            topProducts,
+            recentListings,
         ] }));
 }

package/dist/features/seller/components/SellerDigitalCodesView.d.ts

@@ -0,0 +1,5 @@
+export interface SellerDigitalCodesViewProps {
+    onCreateClick?: () => void;
+    onBulkDelete?: (ids: string[]) => Promise<void>;
+}
+export declare function SellerDigitalCodesView({ onCreateClick, onBulkDelete, }: SellerDigitalCodesViewProps): import("react/jsx-runtime").JSX.Element;