@nextlyhq/plugin-form-builder 0.0.2-alpha.71 → 0.0.2-alpha.73

package/dist/admin/index.d.ts

@@ -1,4 +1,4 @@
-import { S as FormNotification, T as FormSettings, _ as FormField, t as AnyFormField, y as FormFieldTypeId } from "../types-BHReIA0j.js";
+import { O as FormSettings, S as FormFieldTypeId, T as FormNotification, b as FormField, i as AnyFormField, r as NewSubmissionsData } from "../new-submissions-CzlhVGhH.js";
 import { ComponentPath, DocumentLockGates } from "@nextlyhq/plugin-sdk/admin";
 import React, { JSX, ReactNode } from "react";
 import { FieldTypeCatalogEntry, FormFieldCatalogType } from "nextly/field-catalog";
@@ -69,6 +69,10 @@ interface SubmissionSheetProps {
   onSave: (changes: Record<string, unknown>) => Promise<void>;
 }
 export declare function SubmissionSheet({ submission, form, canUpdate, onClose, onPrev, onNext, onSave }: SubmissionSheetProps): JSX.Element;
+/** The card's rows, as many as its size holds. */
+export declare function NewSubmissionsCard({ data }: {
+  data: NewSubmissionsData;
+}): JSX.Element;
 interface FieldCardsProps {
   /**
    * Form-surface types the host has NOT excluded (the plugin's field

package/dist/admin/index.js

@@ -1,5 +1,5 @@
-import { A as isKnownFormField, C as enforcedValidationRules, N as documentReachability, P as parseRedirectReference, l as evaluateConditions, m as DEFAULT_FORM_SETTINGS, n as parseFieldRef, p as normalizeFormSettings, s as formatExportValue, t as buildFieldReferenceMap } from "../field-references-BshlgMcn.js";
-import { ConditionRow, DataTableView, FieldOptionsEditor, FieldTypePicker, ValidationRulesEditor, drawsAnyValidationRule, registerComponents, registerKnownPlugin, usePluginFieldTypeEntries, withOptionIds } from "@nextlyhq/plugin-sdk/admin";
+import { A as isKnownFormField, C as enforcedValidationRules, L as documentReachability, R as parseRedirectReference, l as evaluateConditions, m as DEFAULT_FORM_SETTINGS, n as parseFieldRef, p as normalizeFormSettings, s as formatExportValue, t as buildFieldReferenceMap } from "../field-references-CtzGg51W.js";
+import { ConditionRow, DataTableView, FieldOptionsEditor, FieldTypePicker, FrameState, ValidationRulesEditor, Widget, drawsAnyValidationRule, formatWidgetTime, registerComponents, registerKnownPlugin, usePluginFieldTypeEntries, useRefreshDashboard, useWidgetClock, withOptionIds } from "@nextlyhq/plugin-sdk/admin";
 import { Badge, Button, Card, Checkbox, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger, FieldShell, FormActions, FormLabelWithTooltip, FormSection, Grid, Input, Label, RadioGroup, RadioGroupItem, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectTrigger, SelectValue, Sheet, SheetContent, SheetDescription, SheetHeader, SheetTitle, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Tooltip, TooltipContent, TooltipTrigger, toast } from "@nextlyhq/ui";
 import * as Lucide from "lucide-react";
 import { ChevronLeft, ChevronRight, Columns3, Copy, Download, ExternalLink, Eye, Filter, Mail, Monitor, MoreHorizontal, Paperclip, Pencil, Plus, RotateCcw, Smartphone, Trash2, TriangleAlert, X } from "lucide-react";
@@ -2427,7 +2427,7 @@ async function fetchCanEditTemplates() {
 		if (!res.ok) return false;
 		const json = await res.json();
 		const held = json.permissions ?? [];
-		return Boolean(json.isSuperAdmin) || held.includes("update-email-templates") || held.includes("manage-email-templates");
+		return Boolean(json.isSuperAdmin) || held.includes("update-email-templates");
 	} catch {
 		return false;
 	}
@@ -4776,6 +4776,135 @@ function FormBuilderView({ id, entryId, collection, collectionSlug, isCreating,
 	}, providerKey);
 }
 
+// src/dashboard/mark-read.ts
+/**
+* Marking a submission read when it is opened from the New form submissions
+* card: the status the submissions list sets, through the same collection
+* update the list's own status changes are sent through, as the reader.
+*
+* Sent as an update of the submissions that match the id AND are still new,
+* so a submission someone archived, flagged or read since the card loaded is
+* matched by nothing and keeps its status. The update is judged as every
+* update of the collection is (`update-<slug>` and its rule): a reader who
+* may not update submissions is refused, and the submission stays new.
+*
+* @module dashboard/mark-read
+*/
+/** The status an opened submission moves to, as the submissions list names it. */
+const READ_STATUS = "read";
+/** The admin's API root, which the submissions list sends its updates to. */
+const ADMIN_API = "/admin/api";
+/** The request that marks submission `id` of `collection` read while it is still new. */
+function markReadRequest(collection, id) {
+	return {
+		url: `${ADMIN_API}/collections/${encodeURIComponent(collection)}/entries`,
+		init: {
+			method: "PATCH",
+			headers: { "Content-Type": "application/json" },
+			credentials: "include",
+			keepalive: true,
+			body: JSON.stringify({
+				where: {
+					id: { equals: id },
+					status: { equals: "new" }
+				},
+				data: { status: READ_STATUS }
+			})
+		}
+	};
+}
+/**
+* Marks submission `id` read, answering whether the update was taken. A
+* refusal or a failed request answers `false` and leaves it new, which the
+* card and the list then still say; it never rejects.
+*/
+async function markRead(collection, id) {
+	const { url, init } = markReadRequest(collection, id);
+	try {
+		return (await fetch(url, init)).ok;
+	} catch {
+		return false;
+	}
+}
+
+// src/dashboard/NewSubmissionsCard.tsx
+/**
+* The New form submissions card's body: the newest new submissions as core's
+* list rows, each opening its submission and marking it read, with the
+* card's footer leading to every submission, and how many are new beside its
+* title. While nothing is new it says so, with a link to every submission,
+* and its title carries no count.
+*
+* Drawn only with data: the frame draws loading and every failure itself.
+* The empty state is drawn here rather than by the frame, because its link
+* is the submissions collection the site installed, which only the card's
+* data knows; the frame's would name the slug the plugin declared. Built from
+* the widget kit alone, so it reads like core's list cards beside it.
+*
+* @module dashboard/NewSubmissionsCard
+*/
+/** The mouse button that opens a link in a new tab. */
+const MIDDLE_BUTTON = 1;
+/** What a row says under its title: its form, and the first line of its first text answer. */
+function metaOf(row) {
+	return [row.form, row.excerpt].filter((part) => part !== void 0);
+}
+/** The row whose link a click landed on, if it landed on one. */
+function openedRow(event, rows) {
+	if (!(event.target instanceof Element)) return void 0;
+	const href = event.target.closest("a[href]")?.getAttribute("href");
+	return href === null || href === void 0 ? void 0 : rows.find((row) => row.href === href);
+}
+/**
+* Nothing new, with a way to every submission. Offered to whoever sees the
+* card: the card is shown only to a reader who may read the submissions
+* collection the site installed, which is where the link leads.
+*/
+function NothingNew({ allHref }) {
+	return /* @__PURE__ */ jsx(FrameState, { state: {
+		kind: "empty",
+		empty: {
+			title: "No new submissions",
+			action: {
+				label: "All submissions",
+				href: allHref
+			}
+		}
+	} });
+}
+/** The card's rows, as many as its size holds. */
+function NewSubmissionsCard({ data }) {
+	const now = useWidgetClock();
+	const refresh = useRefreshDashboard();
+	Widget.useTitleCount(data.total > 0 ? data.total : void 0, data.atLeast === true);
+	if (data.total === 0) return /* @__PURE__ */ jsx(NothingNew, { allHref: data.allHref });
+	const opened = (event) => {
+		const row = openedRow(event, data.items);
+		if (row === void 0) return;
+		markRead(data.collection, row.id).then((taken) => {
+			if (taken) refresh();
+		});
+	};
+	return /* @__PURE__ */ jsx("div", {
+		className: "contents",
+		onClickCapture: opened,
+		onAuxClickCapture: (event) => {
+			if (event.button === MIDDLE_BUTTON) opened(event);
+		},
+		children: /* @__PURE__ */ jsx(Widget.List, {
+			rows: data.items,
+			title: (row) => row.title,
+			href: (row) => row.href,
+			meta: metaOf,
+			trailing: (row) => row.at === void 0 ? void 0 : /* @__PURE__ */ jsx("time", {
+				dateTime: row.at,
+				children: formatWidgetTime(row.at, now)
+			}),
+			viewAllHref: data.allHref
+		})
+	});
+}
+
 // src/admin/index.ts
 /**
 * Form Builder Admin Components
@@ -4823,5 +4952,5 @@ registerKnownPlugin("@nextlyhq/plugin-form-builder", async () => {
 	});
 });
 
-export { AddFieldDialog, DEFAULT_SETTINGS, FORM_BUILDER_VIEW_PATH, FieldCards, FieldEditor, FormBuilderProvider, FormBuilderView, FormNotificationsTab, FormPreview, FormSettingsTab, SUBMISSIONS_VIEW_PATH, SubmissionSheet, SubmissionsView, createFieldFromType, createNotification, generateFieldLabel, generateFieldName, useFormBuilder, useOptionalFormBuilder };
+export { AddFieldDialog, DEFAULT_SETTINGS, FORM_BUILDER_VIEW_PATH, FieldCards, FieldEditor, FormBuilderProvider, FormBuilderView, FormNotificationsTab, FormPreview, FormSettingsTab, NewSubmissionsCard, SUBMISSIONS_VIEW_PATH, SubmissionSheet, SubmissionsView, createFieldFromType, createNotification, generateFieldLabel, generateFieldName, useFormBuilder, useOptionalFormBuilder };
 //# sourceMappingURL=index.js.map