@actuate-media/cms-admin 0.21.1 → 0.23.0

package/dist/lib/forms-service.js

@@ -0,0 +1,210 @@
+/**
+ * Forms service — typed client over the cms-core Forms REST endpoints.
+ *
+ * Every Forms admin component reads/writes through this module (never raw
+ * `cmsApi` / `fetch`), so the network contract lives in one place. Read
+ * fetchers re-surface `cmsApi`'s `{ error }` as a thrown error (so the
+ * resource hook can show error/retry UI); mutations return `{ error? }`.
+ *
+ * The endpoint paths here are the contract implemented by cms-core
+ * `packages/cms-core/src/api/handlers.ts` (PR 2). Domain types are re-used
+ * from `@actuate-media/cms-core` so the admin can never drift from the server.
+ */
+import { cmsApi } from './api.js';
+/**
+ * `cmsApi` never throws — it returns `{ error, status }` on a network/HTTP
+ * failure. Read (GET) fetchers must re-surface that as a thrown error so the
+ * resource hook can distinguish "request failed" from "empty result".
+ */
+function throwIfError(res) {
+    if (res.error)
+        throw new Error(res.error);
+}
+// ─── Forms list / stats / sidebar ────────────────────────────────────────
+function buildFormsQuery(params) {
+    const qs = new URLSearchParams();
+    if (params.search)
+        qs.set('search', params.search);
+    if (params.status)
+        qs.set('status', params.status);
+    if (typeof params.notifyEnabled === 'boolean') {
+        qs.set('notifyEnabled', String(params.notifyEnabled));
+    }
+    if (params.sortBy)
+        qs.set('sortBy', params.sortBy);
+    if (params.sortDirection)
+        qs.set('sortDirection', params.sortDirection);
+    if (params.page)
+        qs.set('page', String(params.page));
+    if (params.pageSize)
+        qs.set('pageSize', String(params.pageSize));
+    const str = qs.toString();
+    return str ? `?${str}` : '';
+}
+export async function fetchForms(params = {}) {
+    const res = await cmsApi(`/forms${buildFormsQuery(params)}`);
+    throwIfError(res);
+    return res.data ?? [];
+}
+export async function fetchFormById(id) {
+    const res = await cmsApi(`/forms/${encodeURIComponent(id)}`);
+    throwIfError(res);
+    return res.data ?? null;
+}
+const EMPTY_STATS = {
+    totalForms: 0,
+    activeForms: 0,
+    totalEntries: 0,
+    unreadEntries: 0,
+};
+export async function fetchFormStats() {
+    const res = await cmsApi('/forms/stats');
+    throwIfError(res);
+    return res.data ?? EMPTY_STATS;
+}
+export async function fetchFormsSidebarCounts() {
+    const res = await cmsApi('/forms/sidebar-counts');
+    throwIfError(res);
+    return res.data ?? [];
+}
+export async function createForm(payload) {
+    const res = await cmsApi('/forms', {
+        method: 'POST',
+        body: JSON.stringify(payload),
+    });
+    return { data: res.data, error: res.error };
+}
+export async function updateForm(id, payload) {
+    const res = await cmsApi(`/forms/${encodeURIComponent(id)}`, {
+        method: 'PATCH',
+        body: JSON.stringify(payload),
+    });
+    return { data: res.data, error: res.error };
+}
+export async function duplicateForm(id) {
+    const res = await cmsApi(`/forms/${encodeURIComponent(id)}/duplicate`, {
+        method: 'POST',
+    });
+    return { data: res.data, error: res.error };
+}
+/** Move a form to the archived state (hidden from embed pickers, no new submissions). */
+export async function archiveForm(id) {
+    return updateForm(id, { status: 'archived' });
+}
+/** Restore an archived form back to draft. */
+export async function restoreForm(id) {
+    return updateForm(id, { status: 'draft' });
+}
+export async function deleteForm(id, opts = {}) {
+    const qs = opts.force ? '?force=true' : '';
+    const res = await cmsApi(`/forms/${encodeURIComponent(id)}${qs}`, { method: 'DELETE' });
+    return { error: res.error };
+}
+// ─── Schema ──────────────────────────────────────────────────────────────
+export async function fetchFormSchema(id) {
+    const res = await cmsApi(`/forms/${encodeURIComponent(id)}/schema`);
+    throwIfError(res);
+    return res.data ?? { fields: [], activeVersionId: null, versions: [] };
+}
+export async function saveFormSchema(id, fields, notes) {
+    const res = await cmsApi(`/forms/${encodeURIComponent(id)}/schema`, { method: 'PUT', body: JSON.stringify({ fields, notes }) });
+    return { data: res.data, error: res.error };
+}
+// ─── Notifications ─────────────────────────────────────────────────────────
+export async function fetchNotificationSettings(id) {
+    const res = await cmsApi(`/forms/${encodeURIComponent(id)}/notifications`);
+    throwIfError(res);
+    return res.data ?? { enabled: false, recipients: [] };
+}
+export async function updateNotificationSettings(id, payload) {
+    const res = await cmsApi(`/forms/${encodeURIComponent(id)}/notifications`, { method: 'PUT', body: JSON.stringify(payload) });
+    return { data: res.data, error: res.error };
+}
+/** Lightweight notify on/off toggle used by the forms-list switch. */
+export async function setNotifyEnabled(id, enabled) {
+    const res = await cmsApi(`/forms/${encodeURIComponent(id)}/notify`, {
+        method: 'PUT',
+        body: JSON.stringify({ enabled }),
+    });
+    return { data: res.data, error: res.error };
+}
+// ─── Embed ───────────────────────────────────────────────────────────────
+export async function fetchEmbedSettings(id) {
+    const res = await cmsApi(`/forms/${encodeURIComponent(id)}/embed`);
+    throwIfError(res);
+    return res.data ?? {};
+}
+export async function updateEmbedSettings(id, payload) {
+    const res = await cmsApi(`/forms/${encodeURIComponent(id)}/embed`, {
+        method: 'PUT',
+        body: JSON.stringify(payload),
+    });
+    return { data: res.data, error: res.error };
+}
+function buildEntriesQuery(params) {
+    const qs = new URLSearchParams();
+    if (params.search)
+        qs.set('search', params.search);
+    if (params.formId)
+        qs.set('formId', params.formId);
+    if (typeof params.unread === 'boolean')
+        qs.set('unread', String(params.unread));
+    if (typeof params.starred === 'boolean')
+        qs.set('starred', String(params.starred));
+    if (typeof params.archived === 'boolean')
+        qs.set('archived', String(params.archived));
+    if (params.spamStatus)
+        qs.set('spamStatus', params.spamStatus);
+    if (params.dateFrom)
+        qs.set('dateFrom', params.dateFrom);
+    if (params.dateTo)
+        qs.set('dateTo', params.dateTo);
+    if (params.thisWeek)
+        qs.set('thisWeek', 'true');
+    if (params.sortBy)
+        qs.set('sortBy', params.sortBy);
+    if (params.sortDirection)
+        qs.set('sortDirection', params.sortDirection);
+    if (params.page)
+        qs.set('page', String(params.page));
+    if (params.pageSize)
+        qs.set('pageSize', String(params.pageSize));
+    const str = qs.toString();
+    return str ? `?${str}` : '';
+}
+const EMPTY_PAGE = { entries: [], total: 0, page: 1, pageSize: 25 };
+export async function fetchEntries(params = {}) {
+    const res = await cmsApi(`/forms/entries${buildEntriesQuery(params)}`);
+    throwIfError(res);
+    return res.data ?? EMPTY_PAGE;
+}
+const EMPTY_COUNTS = { total: 0, unread: 0, starred: 0, thisWeek: 0, byForm: {} };
+export async function fetchEntryCounts(params = {}) {
+    const res = await cmsApi(`/forms/entries/counts${buildEntriesQuery(params)}`);
+    throwIfError(res);
+    return res.data ?? EMPTY_COUNTS;
+}
+export async function fetchEntry(id) {
+    const res = await cmsApi(`/forms/entries/${encodeURIComponent(id)}`);
+    throwIfError(res);
+    return res.data ?? null;
+}
+export async function updateEntry(id, patch) {
+    const res = await cmsApi(`/forms/entries/${encodeURIComponent(id)}`, {
+        method: 'PATCH',
+        body: JSON.stringify(patch),
+    });
+    return { data: res.data, error: res.error };
+}
+export async function deleteEntry(id) {
+    const res = await cmsApi(`/forms/entries/${encodeURIComponent(id)}`, { method: 'DELETE' });
+    return { error: res.error };
+}
+export async function bulkUpdateEntries(ids, patch) {
+    const res = await cmsApi('/forms/entries/bulk', {
+        method: 'POST',
+        body: JSON.stringify({ ids, patch }),
+    });
+    return { data: res.data, error: res.error };
+}
+//# sourceMappingURL=forms-service.js.map

package/dist/lib/forms-service.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"forms-service.js","sourceRoot":"","sources":["../../src/lib/forms-service.ts"],"names":[],"mappings":"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"}

package/dist/views/FormSubmissions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormSubmissions.d.ts","sourceRoot":"","sources":["../../src/views/FormSubmissions.tsx"],"names":[],"mappings":"AA0EA,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE,MAAM,CAAA;IACd,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;CACpC;AAED,wBAAgB,eAAe,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,EAAE,oBAAoB,2CA4X3E"}
+{"version":3,"file":"FormSubmissions.d.ts","sourceRoot":"","sources":["../../src/views/FormSubmissions.tsx"],"names":[],"mappings":"AAuCA,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE,MAAM,CAAA;IACd,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;CACpC;AAqED,wBAAgB,eAAe,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,EAAE,oBAAoB,2CA+V3E"}

package/dist/views/FormSubmissions.js

@@ -1,88 +1,235 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useMemo } from 'react';
-import { ArrowLeft, Download, Trash2, Search, Globe, ChevronDown, ChevronUp, MousePointerClick, MapPin, Smartphone, Monitor, Tablet, ExternalLink, Loader2, AlertTriangle, } from 'lucide-react';
+/**
+ * Per-form submissions (entries) — a compact, token-only table wired to the
+ * real entries API (`lib/forms-service.ts`). Replaces the previous card list.
+ *
+ * Features: summary chips, search + status pills (All / Unread / Starred /
+ * Archived), row selection with bulk actions (mark read, star, archive,
+ * delete), per-row star toggle, CSV export, and a detail drawer that opens on
+ * row click (marking the entry read). Loading / empty / filtered-empty / error
+ * states are all handled.
+ */
+import { useCallback, useEffect, useState } from 'react';
+import { ArrowLeft, Download, Inbox, Search, Star } from 'lucide-react';
 import { toast } from 'sonner';
-import { sortByRelevance } from '../lib/search.js';
-import { useApiData } from '../lib/useApiData.js';
-function sourceColor(source) {
-    const s = (source ?? '').toLowerCase();
-    if (s === 'google')
-        return 'bg-blue-100 text-blue-800';
-    if (s === 'facebook' || s === 'meta')
-        return 'bg-indigo-100 text-indigo-800';
-    if (s === 'linkedin')
-        return 'bg-sky-100 text-sky-800';
-    if (s === 'bing')
-        return 'bg-teal-100 text-teal-800';
-    if (s === '(direct)')
-        return 'bg-gray-100 text-gray-800';
-    return 'bg-purple-100 text-purple-800';
+import { bulkUpdateEntries, deleteEntry, fetchEntries, fetchEntryCounts, fetchFormById, updateEntry, } from '../lib/forms-service.js';
+import { emitFormsChanged, onFormsChanged } from '../lib/forms-events.js';
+import { EntryDetailDrawer } from '../components/forms/EntryDetailDrawer.js';
+import { ConfirmDialog } from '../components/ui/ConfirmDialog.js';
+import { FormsEmptyState, FormsErrorState, FormsLoading, FormsPagination, SummaryChip, btnGhostIcon, btnSecondary, } from '../components/forms/primitives.js';
+const FILTERS = [
+    { id: 'all', label: 'All' },
+    { id: 'unread', label: 'Unread' },
+    { id: 'starred', label: 'Starred' },
+    { id: 'archived', label: 'Archived' },
+];
+const PAGE_SIZE = 25;
+function filterToParams(filter) {
+    switch (filter) {
+        case 'unread':
+            return { unread: true };
+        case 'starred':
+            return { starred: true };
+        case 'archived':
+            return { archived: true };
+        default:
+            return {};
+    }
+}
+function formatDateTime(iso) {
+    if (!iso)
+        return '—';
+    const d = new Date(iso);
+    if (Number.isNaN(d.getTime()))
+        return '—';
+    return d.toLocaleString(undefined, {
+        month: 'short',
+        day: 'numeric',
+        year: 'numeric',
+        hour: 'numeric',
+        minute: '2-digit',
+    });
 }
-function mediumColor(medium) {
-    const m = (medium ?? '').toLowerCase();
-    if (m === 'cpc' || m === 'paid')
-        return 'bg-orange-100 text-orange-800';
-    if (m === 'organic')
-        return 'bg-green-100 text-green-800';
-    if (m === 'social')
-        return 'bg-pink-100 text-pink-800';
-    if (m === 'email')
-        return 'bg-yellow-100 text-yellow-800';
-    if (m === '(none)')
-        return 'bg-gray-100 text-gray-600';
-    return 'bg-gray-100 text-gray-800';
+function csvEscape(value) {
+    const s = value == null ? '' : typeof value === 'object' ? JSON.stringify(value) : String(value);
+    return /[",\n]/.test(s) ? `"${s.replace(/"/g, '""')}"` : s;
 }
-function DeviceIcon({ type }) {
-    if (type === 'Mobile')
-        return _jsx(Smartphone, { className: "h-3.5 w-3.5" });
-    if (type === 'Tablet')
-        return _jsx(Tablet, { className: "h-3.5 w-3.5" });
-    return _jsx(Monitor, { className: "h-3.5 w-3.5" });
+function exportCsv(entries, formSlug) {
+    const dataKeys = [...new Set(entries.flatMap((e) => Object.keys(e.data ?? {})))];
+    const header = ['Entry', 'Submitted', 'Name', 'Email', 'Phone', 'Status', ...dataKeys];
+    const lines = [header.map(csvEscape).join(',')];
+    for (const e of entries) {
+        const row = [
+            e.entryNumber ?? '',
+            e.submittedAt,
+            e.senderName ?? '',
+            e.senderEmail ?? '',
+            e.senderPhone ?? '',
+            e.unread ? 'unread' : 'read',
+            ...dataKeys.map((k) => e.data?.[k]),
+        ];
+        lines.push(row.map(csvEscape).join(','));
+    }
+    const blob = new Blob([lines.join('\n')], { type: 'text/csv;charset=utf-8' });
+    const url = URL.createObjectURL(blob);
+    const a = document.createElement('a');
+    a.href = url;
+    a.download = `${formSlug || 'form'}-submissions.csv`;
+    a.click();
+    URL.revokeObjectURL(url);
 }
 export function FormSubmissions({ formId, onNavigate }) {
-    const { data, loading, error, refetch } = useApiData(`/forms/${formId}/submissions`);
-    const [searchQuery, setSearchQuery] = useState('');
-    const [filterStatus, setFilterStatus] = useState('all');
-    const [filterSource, setFilterSource] = useState('all');
-    const [expandedId, setExpandedId] = useState(null);
-    const submissions = Array.isArray(data) ? data : (data?.submissions ?? []);
-    const filteredSubmissions = useMemo(() => {
-        let results = submissions.filter((s) => {
-            const matchesSearch = (s.name ?? '').toLowerCase().includes(searchQuery.toLowerCase()) ||
-                (s.email ?? '').toLowerCase().includes(searchQuery.toLowerCase()) ||
-                (s.message ?? '').toLowerCase().includes(searchQuery.toLowerCase());
-            const matchesStatus = filterStatus === 'all' || s.status === filterStatus;
-            const matchesSource = filterSource === 'all' || s.attribution?.source === filterSource;
-            return matchesSearch && matchesStatus && matchesSource;
-        });
-        if (searchQuery.trim()) {
-            results = sortByRelevance(results, searchQuery, (s) => [s.name, s.email, s.message]);
+    const [formName, setFormName] = useState('');
+    const [formSlug, setFormSlug] = useState('');
+    const [entries, setEntries] = useState([]);
+    const [total, setTotal] = useState(0);
+    const [counts, setCounts] = useState(null);
+    const [loading, setLoading] = useState(true);
+    const [error, setError] = useState(null);
+    const [search, setSearch] = useState('');
+    const [filter, setFilter] = useState('all');
+    const [page, setPage] = useState(1);
+    const [selected, setSelected] = useState(new Set());
+    const [activeEntry, setActiveEntry] = useState(null);
+    const [drawerOpen, setDrawerOpen] = useState(false);
+    const [confirmBulkDelete, setConfirmBulkDelete] = useState(false);
+    // Form metadata for the title (loads once).
+    useEffect(() => {
+        let cancelled = false;
+        void fetchFormById(formId)
+            .then((form) => {
+            if (cancelled || !form)
+                return;
+            setFormName(form.name);
+            setFormSlug(form.slug);
+        })
+            .catch(() => { });
+        return () => {
+            cancelled = true;
+        };
+    }, [formId]);
+    const loadCounts = useCallback(() => {
+        void fetchEntryCounts({ formId })
+            .then(setCounts)
+            .catch(() => { });
+    }, [formId]);
+    const load = useCallback(async () => {
+        setLoading(true);
+        setError(null);
+        try {
+            const result = await fetchEntries({
+                formId,
+                search: search.trim() || undefined,
+                page,
+                pageSize: PAGE_SIZE,
+                ...filterToParams(filter),
+            });
+            setEntries(result.entries);
+            setTotal(result.total);
+            setSelected(new Set());
         }
-        return results;
-    }, [submissions, searchQuery, filterStatus, filterSource]);
-    const uniqueSources = [...new Set(submissions.map((s) => s.attribution?.source ?? '(direct)'))];
-    const sourceSummary = useMemo(() => {
-        const counts = {};
-        for (const s of submissions) {
-            const key = `${s.attribution?.source ?? '(direct)'} / ${s.attribution?.medium ?? '(none)'}`;
-            counts[key] = (counts[key] ?? 0) + 1;
+        catch (e) {
+            setError(e instanceof Error ? e.message : 'Failed to load submissions');
         }
-        return Object.entries(counts).sort(([, a], [, b]) => b - a);
-    }, [submissions]);
-    const paidCount = submissions.filter((s) => ['cpc', 'paid'].includes(s.attribution?.medium ?? '')).length;
-    const organicCount = submissions.filter((s) => s.attribution?.medium === 'organic').length;
-    const handleExport = () => {
-        toast.success('Submissions exported to CSV (includes attribution data)');
-    };
-    if (loading) {
-        return (_jsx("div", { className: "flex h-64 items-center justify-center p-3 pr-6 sm:p-4 sm:pr-8", children: _jsx(Loader2, { className: "h-6 w-6 animate-spin text-blue-600" }) }));
-    }
-    return (_jsxs("div", { className: "p-3 pr-6 sm:p-4 sm:pr-8", children: [error && (_jsxs("div", { className: "mb-4 flex items-center gap-3 rounded-lg border border-red-200 bg-red-50 p-3", children: [_jsx(AlertTriangle, { className: "h-5 w-5 shrink-0 text-red-600" }), _jsx("span", { className: "flex-1 text-sm text-red-800", children: error }), _jsx("button", { onClick: refetch, className: "rounded-lg border border-red-300 px-3 py-1 text-sm text-red-700 transition-colors hover:bg-red-100", children: "Retry" })] })), _jsxs("div", { className: "mb-4", children: [_jsxs("button", { onClick: () => onNavigate?.('/forms'), className: "mb-3 inline-flex items-center gap-2 text-sm text-gray-600 transition-colors hover:text-gray-900", children: [_jsx(ArrowLeft, { className: "h-4 w-4" }), "Back to Forms"] }), _jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { children: [_jsx("h1", { className: "mb-1 text-2xl font-semibold text-gray-900", children: "Contact Form - Submissions" }), _jsxs("p", { className: "text-sm text-gray-600", children: [filteredSubmissions.length, " submission", filteredSubmissions.length !== 1 ? 's' : ''] })] }), _jsxs("button", { onClick: handleExport, className: "flex items-center gap-2 rounded-lg bg-blue-600 px-4 py-2 text-sm text-white transition-colors hover:bg-blue-700", children: [_jsx(Download, { className: "h-4 w-4" }), "Export CSV"] })] })] }), _jsxs("div", { className: "mb-4 grid grid-cols-2 gap-3 md:grid-cols-5", children: [_jsxs("div", { className: "rounded-lg border border-gray-200 bg-white p-4", children: [_jsx("div", { className: "mb-1 text-xs text-gray-600", children: "Total" }), _jsx("div", { className: "text-2xl font-semibold text-gray-900", children: submissions.length })] }), _jsxs("div", { className: "rounded-lg border border-gray-200 bg-white p-4", children: [_jsx("div", { className: "mb-1 text-xs text-gray-600", children: "New" }), _jsx("div", { className: "text-2xl font-semibold text-blue-600", children: submissions.filter((s) => s.status === 'new').length })] }), _jsxs("div", { className: "rounded-lg border border-gray-200 bg-white p-4", children: [_jsx("div", { className: "mb-1 text-xs text-gray-600", children: "Paid Traffic" }), _jsx("div", { className: "text-2xl font-semibold text-orange-600", children: paidCount })] }), _jsxs("div", { className: "rounded-lg border border-gray-200 bg-white p-4", children: [_jsx("div", { className: "mb-1 text-xs text-gray-600", children: "Organic" }), _jsx("div", { className: "text-2xl font-semibold text-green-600", children: organicCount })] }), _jsxs("div", { className: "rounded-lg border border-gray-200 bg-white p-4", children: [_jsx("div", { className: "mb-1 text-xs text-gray-600", children: "Top Source" }), _jsx("div", { className: "text-lg font-semibold text-gray-900", children: sourceSummary[0]?.[0] ?? '—' })] })] }), _jsxs("div", { className: "mb-4 rounded-lg border border-gray-200 bg-white p-4", children: [_jsxs("h3", { className: "mb-3 flex items-center gap-2 text-sm font-semibold text-gray-900", children: [_jsx(Globe, { className: "h-4 w-4 text-blue-600" }), "Lead Source Breakdown"] }), _jsx("div", { className: "flex flex-wrap gap-2", children: sourceSummary.map(([label, count]) => (_jsxs("div", { className: "flex items-center gap-2 rounded-lg bg-gray-50 px-3 py-1.5", children: [_jsx("span", { className: "text-sm font-medium text-gray-800", children: label }), _jsx("span", { className: "rounded-full bg-blue-100 px-2 py-0.5 text-xs font-medium text-blue-800", children: count })] }, label))) })] }), _jsx("div", { className: "mb-4 rounded-lg border border-gray-200 bg-white", children: _jsxs("div", { className: "flex flex-col gap-3 p-3 sm:flex-row", children: [_jsxs("div", { className: "relative flex-1", children: [_jsx(Search, { className: "absolute top-1/2 left-3 h-4 w-4 -translate-y-1/2 text-gray-400" }), _jsx("input", { type: "text", placeholder: "Search submissions...", value: searchQuery, onChange: (e) => setSearchQuery(e.target.value), className: "w-full rounded-lg border border-gray-300 py-2 pr-3 pl-9 text-sm focus:ring-2 focus:ring-blue-500 focus:outline-none" })] }), _jsxs("select", { value: filterStatus, onChange: (e) => setFilterStatus(e.target.value), className: "rounded-lg border border-gray-300 px-3 py-2 text-sm focus:ring-2 focus:ring-blue-500 focus:outline-none", children: [_jsx("option", { value: "all", children: "All Status" }), _jsx("option", { value: "new", children: "New" }), _jsx("option", { value: "read", children: "Read" }), _jsx("option", { value: "replied", children: "Replied" })] }), _jsxs("select", { value: filterSource, onChange: (e) => setFilterSource(e.target.value), className: "rounded-lg border border-gray-300 px-3 py-2 text-sm focus:ring-2 focus:ring-blue-500 focus:outline-none", children: [_jsx("option", { value: "all", children: "All Sources" }), uniqueSources.map((src) => (_jsx("option", { value: src, children: src }, src)))] })] }) }), filteredSubmissions.length === 0 ? (_jsx("div", { className: "rounded-lg border border-gray-200 bg-white p-8 text-center", children: _jsx("p", { className: "text-sm text-gray-500", children: "No submissions yet" }) })) : (_jsx("div", { className: "space-y-3", children: filteredSubmissions.map((submission) => {
-                    const expanded = expandedId === submission.id;
-                    const attr = submission.attribution;
-                    const activeClickIds = Object.entries(attr.clickIds).filter(([, v]) => v);
-                    return (_jsxs("div", { className: "rounded-lg border border-gray-200 bg-white transition-shadow hover:shadow-md", children: [_jsxs("div", { className: "p-4", children: [_jsxs("div", { className: "mb-3 flex items-start justify-between", children: [_jsxs("div", { className: "flex flex-1 items-start gap-3", children: [_jsx("div", { className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-full bg-linear-to-br from-blue-500 to-purple-600 text-sm font-medium text-white", children: submission.name.charAt(0) }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsxs("div", { className: "mb-1 flex items-center gap-2", children: [_jsx("h3", { className: "text-sm font-semibold text-gray-900", children: submission.name }), _jsx("span", { className: `rounded-full px-2 py-0.5 text-xs font-medium ${submission.status === 'new' ? 'bg-blue-100 text-blue-800' : submission.status === 'read' ? 'bg-gray-100 text-gray-800' : 'bg-green-100 text-green-800'}`, children: submission.status })] }), _jsxs("div", { className: "mb-2 text-xs text-gray-600", children: [submission.email, submission.phone ? ` · ${submission.phone}` : ''] }), _jsx("p", { className: "text-sm text-gray-700", children: submission.message }), _jsxs("div", { className: "mt-2 text-xs text-gray-500", children: ["Submitted ", submission.submittedAt] })] })] }), _jsx("button", { onClick: () => toast.success('Submission deleted'), className: "rounded p-1.5 transition-colors hover:bg-gray-100", title: "Delete", children: _jsx(Trash2, { className: "h-4 w-4 text-red-600" }) })] }), _jsxs("div", { className: "mt-3 flex flex-wrap items-center gap-2 border-t border-gray-100 pt-3", children: [_jsx("span", { className: `rounded-full px-2 py-0.5 text-xs font-medium ${sourceColor(attr.source)}`, children: attr.source }), _jsx("span", { className: "text-xs text-gray-400", children: "/" }), _jsx("span", { className: `rounded-full px-2 py-0.5 text-xs font-medium ${mediumColor(attr.medium)}`, children: attr.medium }), attr.campaign && (_jsx("span", { className: "rounded-full bg-amber-100 px-2 py-0.5 text-xs font-medium text-amber-800", children: attr.campaign })), _jsxs("span", { className: "flex items-center gap-1 text-xs text-gray-500", children: [_jsx(DeviceIcon, { type: attr.deviceType }), attr.deviceType] }), activeClickIds.length > 0 && (_jsxs("span", { className: "flex items-center gap-1 text-xs text-gray-500", children: [_jsx(MousePointerClick, { className: "h-3.5 w-3.5" }), activeClickIds.map(([k]) => k).join(', ')] })), _jsxs("button", { onClick: () => setExpandedId(expanded ? null : submission.id), className: "ml-auto flex items-center gap-1 text-xs text-blue-600 transition-colors hover:text-blue-800", children: [expanded ? (_jsx(ChevronUp, { className: "h-3.5 w-3.5" })) : (_jsx(ChevronDown, { className: "h-3.5 w-3.5" })), expanded ? 'Hide' : 'Attribution'] })] }), expanded && (_jsxs("div", { className: "mt-3 space-y-4 rounded-lg border-t border-gray-100 bg-gray-50 p-4 pt-3 text-sm", children: [_jsxs("div", { className: "grid grid-cols-1 gap-4 md:grid-cols-2", children: [_jsxs("div", { children: [_jsx("h4", { className: "mb-2 text-xs font-semibold tracking-wider text-gray-600 uppercase", children: "Traffic Source" }), _jsxs("div", { className: "space-y-1.5", children: [_jsxs("div", { className: "flex justify-between", children: [_jsx("span", { className: "text-gray-500", children: "Source" }), _jsx("span", { className: "font-medium text-gray-900", children: attr.source })] }), _jsxs("div", { className: "flex justify-between", children: [_jsx("span", { className: "text-gray-500", children: "Medium" }), _jsx("span", { className: "font-medium text-gray-900", children: attr.medium })] }), attr.campaign && (_jsxs("div", { className: "flex justify-between", children: [_jsx("span", { className: "text-gray-500", children: "Campaign" }), _jsx("span", { className: "font-medium text-gray-900", children: attr.campaign })] })), attr.term && (_jsxs("div", { className: "flex justify-between", children: [_jsx("span", { className: "text-gray-500", children: "Keyword" }), _jsx("span", { className: "font-medium text-gray-900", children: attr.term })] })), attr.content && (_jsxs("div", { className: "flex justify-between", children: [_jsx("span", { className: "text-gray-500", children: "Content" }), _jsx("span", { className: "font-medium text-gray-900", children: attr.content })] }))] })] }), _jsxs("div", { children: [_jsx("h4", { className: "mb-2 text-xs font-semibold tracking-wider text-gray-600 uppercase", children: "Page Context" }), _jsxs("div", { className: "space-y-1.5", children: [_jsxs("div", { children: [_jsx("span", { className: "text-xs text-gray-500", children: "Landing Page" }), _jsxs("div", { className: "mt-0.5 flex items-center gap-1", children: [_jsx(MapPin, { className: "h-3 w-3 shrink-0 text-gray-400" }), _jsx("span", { className: "text-xs font-medium break-all text-gray-900", children: attr.landingPage })] })] }), attr.referrer && (_jsxs("div", { children: [_jsx("span", { className: "text-xs text-gray-500", children: "Referrer" }), _jsxs("div", { className: "mt-0.5 flex items-center gap-1", children: [_jsx(ExternalLink, { className: "h-3 w-3 shrink-0 text-gray-400" }), _jsx("span", { className: "text-xs font-medium break-all text-gray-900", children: attr.referrer })] })] })), _jsxs("div", { className: "flex justify-between", children: [_jsx("span", { className: "text-gray-500", children: "Device" }), _jsxs("span", { className: "flex items-center gap-1 font-medium text-gray-900", children: [_jsx(DeviceIcon, { type: attr.deviceType }), attr.deviceType] })] })] })] })] }), activeClickIds.length > 0 && (_jsxs("div", { children: [_jsx("h4", { className: "mb-2 text-xs font-semibold tracking-wider text-gray-600 uppercase", children: "Click IDs" }), _jsx("div", { className: "flex flex-wrap gap-2", children: activeClickIds.map(([key, val]) => (_jsxs("div", { className: "rounded-lg border border-gray-200 bg-white px-2.5 py-1", children: [_jsxs("span", { className: "text-xs text-gray-500", children: [key, ": "] }), _jsxs("span", { className: "font-mono text-xs text-gray-800", children: [String(val).slice(0, 20), "..."] })] }, key))) })] })), _jsxs("div", { className: "text-xs text-gray-500", children: ["Attribution captured ", attr.capturedAt] })] }))] }), _jsxs("div", { className: "flex items-center gap-2 border-t border-gray-200 px-4 py-3", children: [_jsx("button", { className: "rounded-lg bg-blue-600 px-3 py-1.5 text-sm text-white transition-colors hover:bg-blue-700", children: "Reply" }), _jsx("button", { className: "rounded-lg border border-gray-300 px-3 py-1.5 text-sm transition-colors hover:bg-gray-50", children: "Mark as Read" })] })] }, submission.id));
-                }) }))] }));
+        finally {
+            setLoading(false);
+        }
+    }, [formId, search, filter, page]);
+    useEffect(() => {
+        void load();
+    }, [load]);
+    useEffect(() => {
+        loadCounts();
+    }, [loadCounts]);
+    // Refresh when another surface (drawer, sidebar) signals a change.
+    useEffect(() => onFormsChanged(() => {
+        loadCounts();
+    }), [loadCounts]);
+    const refresh = useCallback(() => {
+        void load();
+        loadCounts();
+    }, [load, loadCounts]);
+    const openEntry = useCallback((id) => {
+        setActiveEntry(id);
+        setDrawerOpen(true);
+        // Reflect read state immediately in the row; the drawer persists it.
+        setEntries((cur) => cur.map((e) => (e.id === id ? { ...e, unread: false } : e)));
+    }, []);
+    const toggleStar = useCallback(async (entry) => {
+        const next = !entry.starred;
+        setEntries((cur) => cur.map((e) => (e.id === entry.id ? { ...e, starred: next } : e)));
+        const res = await updateEntry(entry.id, { starred: next });
+        if (res.error) {
+            setEntries((cur) => cur.map((e) => (e.id === entry.id ? { ...e, starred: !next } : e)));
+            toast.error(res.error);
+            return;
+        }
+        emitFormsChanged();
+    }, []);
+    const allSelected = entries.length > 0 && selected.size === entries.length;
+    const toggleSelectAll = useCallback(() => {
+        setSelected((cur) => cur.size === entries.length ? new Set() : new Set(entries.map((e) => e.id)));
+    }, [entries]);
+    const toggleSelect = useCallback((id) => {
+        setSelected((cur) => {
+            const next = new Set(cur);
+            if (next.has(id))
+                next.delete(id);
+            else
+                next.add(id);
+            return next;
+        });
+    }, []);
+    const bulkPatch = useCallback(async (patch, label) => {
+        const ids = [...selected];
+        if (ids.length === 0)
+            return;
+        const res = await bulkUpdateEntries(ids, patch);
+        if (res.error) {
+            toast.error(res.error);
+            return;
+        }
+        toast.success(`${ids.length} ${ids.length === 1 ? 'entry' : 'entries'} ${label}`);
+        emitFormsChanged();
+        refresh();
+    }, [selected, refresh]);
+    const handleBulkDelete = useCallback(async () => {
+        const ids = [...selected];
+        if (ids.length === 0)
+            return;
+        const results = await Promise.allSettled(ids.map((id) => deleteEntry(id)));
+        const failed = results.filter((r) => r.status === 'rejected' || r.value.error).length;
+        if (failed > 0)
+            toast.error(`${failed} of ${ids.length} could not be deleted`);
+        else
+            toast.success(`${ids.length} ${ids.length === 1 ? 'entry' : 'entries'} deleted`);
+        emitFormsChanged();
+        refresh();
+    }, [selected, refresh]);
+    const showEmpty = !loading && !error && entries.length === 0;
+    const isFiltered = filter !== 'all' || search.trim().length > 0;
+    return (_jsxs("div", { className: "space-y-5 p-6", children: [_jsxs("div", { children: [_jsxs("button", { type: "button", onClick: () => onNavigate?.('/forms'), className: "text-muted-foreground hover:text-foreground mb-3 inline-flex items-center gap-2 text-sm transition-colors", children: [_jsx(ArrowLeft, { className: "h-4 w-4", "aria-hidden": true }), "Back to Forms"] }), _jsxs("div", { className: "flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between", children: [_jsxs("div", { children: [_jsx("h1", { className: "text-foreground text-2xl font-medium", children: formName ? `${formName} — Submissions` : 'Submissions' }), _jsxs("p", { className: "text-muted-foreground mt-1 text-sm", children: [total, " ", total === 1 ? 'submission' : 'submissions'] })] }), _jsxs("button", { type: "button", className: btnSecondary, onClick: () => exportCsv(entries, formSlug), disabled: entries.length === 0, children: [_jsx(Download, { className: "h-4 w-4", "aria-hidden": true }), "Export CSV"] })] })] }), counts && (_jsxs("div", { className: "flex flex-wrap gap-2", children: [_jsx(SummaryChip, { value: counts.total, label: "total" }), _jsx(SummaryChip, { value: counts.unread, label: "unread", tone: counts.unread > 0 ? 'destructive' : 'neutral' }), _jsx(SummaryChip, { value: counts.starred, label: "starred", tone: "warning" }), _jsx(SummaryChip, { value: counts.thisWeek, label: "this week" })] })), _jsxs("div", { className: "flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between", children: [_jsxs("div", { className: "relative w-full sm:max-w-xs", children: [_jsx(Search, { className: "text-muted-foreground absolute top-1/2 left-3 h-4 w-4 -translate-y-1/2", "aria-hidden": true }), _jsx("input", { type: "search", placeholder: "Search submissions\u2026", value: search, onChange: (e) => {
+                                    setSearch(e.target.value);
+                                    setPage(1);
+                                }, "aria-label": "Search submissions", className: "border-border bg-input-background text-foreground focus-visible:ring-ring w-full rounded-lg border py-2 pr-3 pl-9 text-sm focus-visible:ring-2 focus-visible:outline-none" })] }), _jsx("div", { className: "flex gap-1", role: "group", "aria-label": "Filter submissions", children: FILTERS.map((f) => (_jsx("button", { type: "button", onClick: () => {
+                                setFilter(f.id);
+                                setPage(1);
+                            }, "aria-pressed": filter === f.id, className: `rounded-full px-3 py-1.5 text-sm font-medium transition-colors ${filter === f.id
+                                ? 'bg-primary text-primary-foreground'
+                                : 'text-muted-foreground hover:bg-accent hover:text-foreground'}`, children: f.label }, f.id))) })] }), selected.size > 0 && (_jsxs("div", { className: "border-border bg-accent/40 flex flex-wrap items-center gap-2 rounded-lg border px-3 py-2 text-sm", role: "region", "aria-label": "Bulk actions", children: [_jsxs("span", { className: "text-foreground font-medium", children: [selected.size, " selected"] }), _jsx("span", { className: "bg-border mx-1 h-4 w-px", "aria-hidden": true }), _jsx("button", { type: "button", className: "text-foreground hover:bg-accent rounded-md px-2 py-1 font-medium transition-colors", onClick: () => void bulkPatch({ unread: false }, 'marked read'), children: "Mark read" }), _jsx("button", { type: "button", className: "text-foreground hover:bg-accent rounded-md px-2 py-1 font-medium transition-colors", onClick: () => void bulkPatch({ starred: true }, 'starred'), children: "Star" }), _jsx("button", { type: "button", className: "text-foreground hover:bg-accent rounded-md px-2 py-1 font-medium transition-colors", onClick: () => void bulkPatch({ archived: filter !== 'archived' }, filter !== 'archived' ? 'archived' : 'unarchived'), children: filter === 'archived' ? 'Unarchive' : 'Archive' }), _jsx("button", { type: "button", className: "text-destructive hover:bg-destructive/10 rounded-md px-2 py-1 font-medium transition-colors", onClick: () => setConfirmBulkDelete(true), children: "Delete" }), _jsx("button", { type: "button", className: "text-muted-foreground hover:text-foreground ml-auto rounded-md px-2 py-1 font-medium transition-colors", onClick: () => setSelected(new Set()), children: "Clear" })] })), error ? (_jsx(FormsErrorState, { message: error, onRetry: load })) : loading ? (_jsx(FormsLoading, { label: "Loading submissions\u2026" })) : showEmpty ? (_jsx(FormsEmptyState, { icon: _jsx(Inbox, { className: "h-6 w-6", "aria-hidden": true }), title: isFiltered ? 'No submissions match your filters' : 'No submissions yet', description: isFiltered
+                    ? 'Try a different search term or status filter.'
+                    : 'Submissions will appear here once your form starts receiving entries.', action: isFiltered ? (_jsx("button", { type: "button", onClick: () => {
+                        setSearch('');
+                        setFilter('all');
+                        setPage(1);
+                    }, className: "text-primary text-sm font-medium hover:underline", children: "Clear filters" })) : undefined })) : (_jsx(SubmissionsTable, { entries: entries, selected: selected, allSelected: allSelected, onToggleSelectAll: toggleSelectAll, onToggleSelect: toggleSelect, onOpen: openEntry, onToggleStar: toggleStar, footer: _jsx(FormsPagination, { page: page, pageSize: PAGE_SIZE, total: total, onPageChange: setPage, noun: "submission", label: "Submissions pagination" }) })), _jsx(EntryDetailDrawer, { entryId: activeEntry, open: drawerOpen, onOpenChange: setDrawerOpen, onChanged: refresh, onDeleted: () => refresh() }), _jsx(ConfirmDialog, { open: confirmBulkDelete, onClose: () => setConfirmBulkDelete(false), onConfirm: () => void handleBulkDelete(), title: `Delete ${selected.size} ${selected.size === 1 ? 'submission' : 'submissions'}?`, description: "This permanently removes the selected submissions and any attached files. This cannot be undone.", confirmLabel: "Delete", destructive: true })] }));
+}
+function SubmissionsTable({ entries, selected, allSelected, onToggleSelectAll, onToggleSelect, onOpen, onToggleStar, footer, }) {
+    return (_jsxs("div", { className: "border-border bg-card rounded-lg border", children: [_jsx("div", { className: "overflow-x-auto", children: _jsxs("table", { className: "w-full min-w-[720px] text-sm", "aria-label": "Submissions", children: [_jsx("thead", { children: _jsxs("tr", { className: "border-border text-muted-foreground border-b text-left text-xs", children: [_jsx("th", { scope: "col", className: "w-10 px-4 py-2.5", children: _jsx("input", { type: "checkbox", checked: allSelected, onChange: onToggleSelectAll, "aria-label": "Select all submissions", className: "border-border text-primary focus-visible:ring-ring h-4 w-4 rounded" }) }), _jsx("th", { scope: "col", className: "px-4 py-2.5 font-medium", children: "Sender" }), _jsx("th", { scope: "col", className: "px-4 py-2.5 font-medium", children: "Submission" }), _jsx("th", { scope: "col", className: "px-4 py-2.5 font-medium whitespace-nowrap", children: "Submitted" }), _jsx("th", { scope: "col", className: "w-10 px-4 py-2.5 text-center font-medium", children: _jsx("span", { className: "sr-only", children: "Starred" }) })] }) }), _jsx("tbody", { children: entries.map((entry) => {
+                                const isSelected = selected.has(entry.id);
+                                const name = entry.senderName || 'Anonymous';
+                                return (_jsxs("tr", { className: `border-border hover:bg-accent/40 group cursor-pointer border-b transition-colors last:border-b-0 ${isSelected ? 'bg-accent/30' : ''}`, onClick: () => onOpen(entry.id), children: [_jsx("td", { className: "px-4 py-3", onClick: (e) => e.stopPropagation(), children: _jsx("input", { type: "checkbox", checked: isSelected, onChange: () => onToggleSelect(entry.id), "aria-label": `Select submission from ${name}`, className: "border-border text-primary focus-visible:ring-ring h-4 w-4 rounded" }) }), _jsx("td", { className: "px-4 py-3", children: _jsxs("div", { className: "flex items-center gap-3", children: [_jsx("span", { className: "bg-muted text-muted-foreground flex h-8 w-8 shrink-0 items-center justify-center rounded-full text-xs font-medium", "aria-hidden": true, children: name.charAt(0).toUpperCase() }), _jsxs("div", { className: "min-w-0", children: [_jsxs("div", { className: "flex items-center gap-2", children: [entry.unread && (_jsx("span", { className: "bg-primary h-1.5 w-1.5 shrink-0 rounded-full", "aria-label": "Unread" })), _jsx("span", { className: `text-foreground truncate ${entry.unread ? 'font-semibold' : 'font-medium'}`, children: name })] }), entry.senderEmail && (_jsx("span", { className: "text-muted-foreground block truncate text-xs", children: entry.senderEmail }))] })] }) }), _jsx("td", { className: "px-4 py-3", children: _jsx("span", { className: "text-muted-foreground line-clamp-1 max-w-md", children: entry.preview || '—' }) }), _jsx("td", { className: "text-muted-foreground px-4 py-3 whitespace-nowrap", children: formatDateTime(entry.submittedAt) }), _jsx("td", { className: "px-4 py-3 text-center", onClick: (e) => e.stopPropagation(), children: _jsx("button", { type: "button", className: btnGhostIcon, "aria-pressed": entry.starred, "aria-label": entry.starred ? 'Unstar submission' : 'Star submission', onClick: () => onToggleStar(entry), children: _jsx(Star, { className: `h-4 w-4 ${entry.starred ? 'fill-warning text-warning' : ''}`, "aria-hidden": true }) }) })] }, entry.id));
+                            }) })] }) }), footer] }));
 }
 //# sourceMappingURL=FormSubmissions.js.map