@10x-media/form-builder 0.1.0-beta.0 → 0.1.0-beta.10

package/dist/submissions/SubmissionAnswersClient.js

@@ -0,0 +1,178 @@
+"use client";
+import { FieldLabel, Pill, TextInput } from "@payloadcms/ui";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/submissions/SubmissionAnswersClient.tsx
+const noop = (_e) => {};
+/** Horizontal gutter between fields sharing a row; also trimmed from each fractional basis so widths wrap cleanly rather than overflow. */
+const FIELD_GAP = "calc(var(--base, 20px) / 2)";
+const BASIS = {
+	full: "100%",
+	half: "50%",
+	third: "33.333%",
+	twoThirds: "66.666%"
+};
+/**
+* Flex sizing for one answer field. Full fields (and file links / repeaters) claim a whole row;
+* fractional ones sit side by side, their basis trimmed by the gutter and floored by `min-width`
+* so a half or third never collapses on a narrow admin panel (it wraps to its own row instead).
+*/
+const widthStyle = (width) => {
+	const basis = BASIS[width ?? "full"];
+	return basis === "100%" ? { flex: "1 1 100%" } : {
+		flex: `0 1 calc(${basis} - ${FIELD_GAP})`,
+		minWidth: "min(100%, 12rem)"
+	};
+};
+const answersGrid = {
+	display: "flex",
+	flexWrap: "wrap",
+	columnGap: FIELD_GAP
+};
+const fullWidth = { flex: "1 1 100%" };
+const rowHeading = {
+	fontSize: "0.75rem",
+	fontWeight: 600,
+	color: "var(--theme-elevation-500)",
+	margin: "0 0 4px"
+};
+const linkStyle = {
+	display: "block",
+	padding: "8px 0",
+	color: "var(--theme-text)",
+	textDecoration: "underline"
+};
+const SubmissionAnswersClient = ({ answers, repeaters, consent, meta, labels }) => {
+	if (!(answers.length > 0 || repeaters.length > 0 || consent.length > 0 || meta.length > 0)) return /* @__PURE__ */ jsx("p", {
+		style: { color: "var(--theme-elevation-500)" },
+		children: labels.empty
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		className: "field-type",
+		style: {
+			display: "flex",
+			flexDirection: "column",
+			gap: "32px"
+		},
+		children: [
+			(answers.length > 0 || repeaters.length > 0) && /* @__PURE__ */ jsxs("section", { children: [/* @__PURE__ */ jsx(FieldLabel, { label: labels.answers }), /* @__PURE__ */ jsxs("div", {
+				className: "render-fields",
+				style: answersGrid,
+				children: [answers.map(({ field, label, value, href, width }) => href ? /* @__PURE__ */ jsxs("div", {
+					className: "field-type",
+					style: fullWidth,
+					children: [/* @__PURE__ */ jsx(FieldLabel, { label }), /* @__PURE__ */ jsx("a", {
+						href,
+						target: "_blank",
+						rel: "noreferrer",
+						style: linkStyle,
+						children: value
+					})]
+				}, field) : /* @__PURE__ */ jsx(TextInput, {
+					path: `sa-${field}`,
+					label,
+					value,
+					readOnly: true,
+					onChange: noop,
+					style: widthStyle(width)
+				}, field)), repeaters.map(({ field, label, rows }) => /* @__PURE__ */ jsxs("div", {
+					className: "field-type",
+					style: fullWidth,
+					children: [/* @__PURE__ */ jsx(FieldLabel, { label }), rows.length === 0 ? /* @__PURE__ */ jsx(TextInput, {
+						path: `sa-${field}-empty`,
+						label: "",
+						value: "—",
+						readOnly: true,
+						onChange: noop
+					}) : /* @__PURE__ */ jsx("div", {
+						style: {
+							display: "flex",
+							flexDirection: "column",
+							gap: "8px",
+							marginTop: "4px"
+						},
+						children: rows.map((row) => /* @__PURE__ */ jsxs("div", {
+							style: {
+								border: "1px solid var(--theme-elevation-150)",
+								borderRadius: "4px",
+								padding: "4px 12px 0"
+							},
+							children: [/* @__PURE__ */ jsx("p", {
+								style: rowHeading,
+								children: labels.row.replace("{n}", String(Number(row.id) + 1))
+							}), row.subFields.map((subField) => /* @__PURE__ */ jsx(TextInput, {
+								path: `sa-${field}-${row.id}-${subField.label}`,
+								label: subField.label,
+								value: subField.value,
+								readOnly: true,
+								onChange: noop
+							}, subField.label))]
+						}, row.id))
+					})]
+				}, field))]
+			})] }),
+			consent.length > 0 && /* @__PURE__ */ jsxs("section", { children: [/* @__PURE__ */ jsx(FieldLabel, { label: labels.consent }), /* @__PURE__ */ jsx("div", {
+				className: "render-fields",
+				children: consent.map((entry) => /* @__PURE__ */ jsxs("div", {
+					className: "field-type",
+					children: [/* @__PURE__ */ jsx(FieldLabel, { label: entry.field }), /* @__PURE__ */ jsxs("div", {
+						style: {
+							display: "flex",
+							flexDirection: "column",
+							gap: "4px"
+						},
+						children: [
+							/* @__PURE__ */ jsxs("div", {
+								style: {
+									display: "flex",
+									alignItems: "center",
+									gap: "8px",
+									flexWrap: "wrap"
+								},
+								children: [/* @__PURE__ */ jsx(Pill, {
+									pillStyle: entry.agreed ? "success" : "error",
+									size: "small",
+									rounded: true,
+									children: entry.agreed ? labels.agreed : labels.declined
+								}), entry.name ? /* @__PURE__ */ jsxs("span", {
+									style: {
+										fontSize: "0.8rem",
+										color: "var(--theme-text)"
+									},
+									children: [entry.name, entry.versionRef ? ` (v${entry.versionRef})` : ""]
+								}) : null]
+							}),
+							entry.statementText ? /* @__PURE__ */ jsx("span", {
+								style: {
+									fontSize: "0.8rem",
+									color: "var(--theme-elevation-600)"
+								},
+								children: entry.statementText
+							}) : null,
+							/* @__PURE__ */ jsx("span", {
+								style: {
+									fontSize: "0.75rem",
+									color: "var(--theme-elevation-500)"
+								},
+								children: entry.at
+							})
+						]
+					})]
+				}, entry.field))
+			})] }),
+			meta.length > 0 && /* @__PURE__ */ jsxs("section", { children: [/* @__PURE__ */ jsx(FieldLabel, { label: labels.submissionDetails }), /* @__PURE__ */ jsx("div", {
+				className: "render-fields",
+				children: meta.map((item) => /* @__PURE__ */ jsx(TextInput, {
+					path: `sa-meta-${item.label}`,
+					label: item.label,
+					value: item.value,
+					readOnly: true,
+					onChange: noop
+				}, item.label))
+			})] })
+		]
+	});
+};
+//#endregion
+export { SubmissionAnswersClient };
+
+//# sourceMappingURL=SubmissionAnswersClient.js.map

package/dist/submissions/SubmissionAnswersClient.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubmissionAnswersClient.js","names":[],"sources":["../../src/submissions/SubmissionAnswersClient.tsx"],"sourcesContent":["'use client'\n\nimport { FieldLabel, Pill, TextInput } from '@payloadcms/ui'\nimport type { ChangeEvent } from 'react'\nimport type { SubmissionWidth } from './types'\n\nexport type AnswerItem = {\n\tfield: string\n\tlabel: string\n\tvalue: string\n\thref?: string\n\tmultiline?: boolean\n\twidth?: SubmissionWidth\n}\n\nexport type RepeaterRow = {\n\tid: string\n\tsubFields: Array<{ label: string; value: string }>\n}\n\nexport type RepeaterItem = {\n\tfield: string\n\tlabel: string\n\trows: RepeaterRow[]\n}\n\nexport type ConsentItem = {\n\tfield: string\n\tagreed: boolean\n\t/** The consent source's name at submit time (see `ConsentProof.name`). */\n\tname?: string\n\t/** The plain-text snapshot of the wording agreed to (see `ConsentProof.statementText`). */\n\tstatementText?: string\n\tversionRef?: string\n\tat: string\n}\n\nexport type MetaItem = {\n\tlabel: string\n\tvalue: string\n}\n\nexport type SubmissionAnswersLabels = {\n\tanswers: string\n\tconsent: string\n\tsubmissionDetails: string\n\tagreed: string\n\tdeclined: string\n\t/** Row heading template containing `{n}`, the 1-based row number. */\n\trow: string\n\tempty: string\n}\n\ntype Props = {\n\tanswers: AnswerItem[]\n\trepeaters: RepeaterItem[]\n\tconsent: ConsentItem[]\n\tmeta: MetaItem[]\n\tlabels: SubmissionAnswersLabels\n}\n\nconst noop = (_e: ChangeEvent<HTMLInputElement>) => {}\n\n/** Horizontal gutter between fields sharing a row; also trimmed from each fractional basis so widths wrap cleanly rather than overflow. */\nconst FIELD_GAP = 'calc(var(--base, 20px) / 2)'\n\nconst BASIS: Record<SubmissionWidth, string> = {\n\tfull: '100%',\n\thalf: '50%',\n\tthird: '33.333%',\n\ttwoThirds: '66.666%',\n}\n\n/**\n * Flex sizing for one answer field. Full fields (and file links / repeaters) claim a whole row;\n * fractional ones sit side by side, their basis trimmed by the gutter and floored by `min-width`\n * so a half or third never collapses on a narrow admin panel (it wraps to its own row instead).\n */\nconst widthStyle = (width?: SubmissionWidth): React.CSSProperties => {\n\tconst basis = BASIS[width ?? 'full']\n\treturn basis === '100%'\n\t\t? { flex: '1 1 100%' }\n\t\t: { flex: `0 1 calc(${basis} - ${FIELD_GAP})`, minWidth: 'min(100%, 12rem)' }\n}\n\nconst answersGrid: React.CSSProperties = {\n\tdisplay: 'flex',\n\tflexWrap: 'wrap',\n\tcolumnGap: FIELD_GAP,\n}\n\nconst fullWidth: React.CSSProperties = { flex: '1 1 100%' }\n\nconst rowHeading: React.CSSProperties = {\n\tfontSize: '0.75rem',\n\tfontWeight: 600,\n\tcolor: 'var(--theme-elevation-500)',\n\tmargin: '0 0 4px',\n}\n\nconst linkStyle: React.CSSProperties = {\n\tdisplay: 'block',\n\tpadding: '8px 0',\n\tcolor: 'var(--theme-text)',\n\ttextDecoration: 'underline',\n}\n\nexport const SubmissionAnswersClient = ({ answers, repeaters, consent, meta, labels }: Props) => {\n\tconst hasContent =\n\t\tanswers.length > 0 || repeaters.length > 0 || consent.length > 0 || meta.length > 0\n\n\tif (!hasContent) {\n\t\treturn <p style={{ color: 'var(--theme-elevation-500)' }}>{labels.empty}</p>\n\t}\n\n\treturn (\n\t\t<div className=\"field-type\" style={{ display: 'flex', flexDirection: 'column', gap: '32px' }}>\n\t\t\t{(answers.length > 0 || repeaters.length > 0) && (\n\t\t\t\t<section>\n\t\t\t\t\t<FieldLabel label={labels.answers} />\n\t\t\t\t\t<div className=\"render-fields\" style={answersGrid}>\n\t\t\t\t\t\t{answers.map(({ field, label, value, href, width }) =>\n\t\t\t\t\t\t\thref ? (\n\t\t\t\t\t\t\t\t<div key={field} className=\"field-type\" style={fullWidth}>\n\t\t\t\t\t\t\t\t\t<FieldLabel label={label} />\n\t\t\t\t\t\t\t\t\t<a href={href} target=\"_blank\" rel=\"noreferrer\" style={linkStyle}>\n\t\t\t\t\t\t\t\t\t\t{value}\n\t\t\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<TextInput\n\t\t\t\t\t\t\t\t\tkey={field}\n\t\t\t\t\t\t\t\t\tpath={`sa-${field}`}\n\t\t\t\t\t\t\t\t\tlabel={label}\n\t\t\t\t\t\t\t\t\tvalue={value}\n\t\t\t\t\t\t\t\t\treadOnly\n\t\t\t\t\t\t\t\t\tonChange={noop}\n\t\t\t\t\t\t\t\t\tstyle={widthStyle(width)}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t{repeaters.map(({ field, label, rows }) => (\n\t\t\t\t\t\t\t<div key={field} className=\"field-type\" style={fullWidth}>\n\t\t\t\t\t\t\t\t<FieldLabel label={label} />\n\t\t\t\t\t\t\t\t{rows.length === 0 ? (\n\t\t\t\t\t\t\t\t\t<TextInput\n\t\t\t\t\t\t\t\t\t\tpath={`sa-${field}-empty`}\n\t\t\t\t\t\t\t\t\t\tlabel=\"\"\n\t\t\t\t\t\t\t\t\t\tvalue=\"—\"\n\t\t\t\t\t\t\t\t\t\treadOnly\n\t\t\t\t\t\t\t\t\t\tonChange={noop}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\t\t\t\t\t\t\tgap: '8px',\n\t\t\t\t\t\t\t\t\t\t\tmarginTop: '4px',\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{rows.map((row) => (\n\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\t\tkey={row.id}\n\t\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\t\tborder: '1px solid var(--theme-elevation-150)',\n\t\t\t\t\t\t\t\t\t\t\t\t\tborderRadius: '4px',\n\t\t\t\t\t\t\t\t\t\t\t\t\tpadding: '4px 12px 0',\n\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t<p style={rowHeading}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{labels.row.replace('{n}', String(Number(row.id) + 1))}\n\t\t\t\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t\t\t\t\t{row.subFields.map((subField) => (\n\t\t\t\t\t\t\t\t\t\t\t\t\t<TextInput\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tkey={subField.label}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tpath={`sa-${field}-${row.id}-${subField.label}`}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tlabel={subField.label}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tvalue={subField.value}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\treadOnly\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tonChange={noop}\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</div>\n\t\t\t\t</section>\n\t\t\t)}\n\n\t\t\t{consent.length > 0 && (\n\t\t\t\t<section>\n\t\t\t\t\t<FieldLabel label={labels.consent} />\n\t\t\t\t\t<div className=\"render-fields\">\n\t\t\t\t\t\t{consent.map((entry) => (\n\t\t\t\t\t\t\t<div key={entry.field} className=\"field-type\">\n\t\t\t\t\t\t\t\t<FieldLabel label={entry.field} />\n\t\t\t\t\t\t\t\t<div style={{ display: 'flex', flexDirection: 'column', gap: '4px' }}>\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tstyle={{ display: 'flex', alignItems: 'center', gap: '8px', flexWrap: 'wrap' }}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<Pill pillStyle={entry.agreed ? 'success' : 'error'} size=\"small\" rounded>\n\t\t\t\t\t\t\t\t\t\t\t{entry.agreed ? labels.agreed : labels.declined}\n\t\t\t\t\t\t\t\t\t\t</Pill>\n\t\t\t\t\t\t\t\t\t\t{entry.name ? (\n\t\t\t\t\t\t\t\t\t\t\t<span style={{ fontSize: '0.8rem', color: 'var(--theme-text)' }}>\n\t\t\t\t\t\t\t\t\t\t\t\t{entry.name}\n\t\t\t\t\t\t\t\t\t\t\t\t{entry.versionRef ? ` (v${entry.versionRef})` : ''}\n\t\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t{entry.statementText ? (\n\t\t\t\t\t\t\t\t\t\t<span style={{ fontSize: '0.8rem', color: 'var(--theme-elevation-600)' }}>\n\t\t\t\t\t\t\t\t\t\t\t{entry.statementText}\n\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t\t\t\t<span style={{ fontSize: '0.75rem', color: 'var(--theme-elevation-500)' }}>\n\t\t\t\t\t\t\t\t\t\t{entry.at}\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</div>\n\t\t\t\t</section>\n\t\t\t)}\n\n\t\t\t{meta.length > 0 && (\n\t\t\t\t<section>\n\t\t\t\t\t<FieldLabel label={labels.submissionDetails} />\n\t\t\t\t\t<div className=\"render-fields\">\n\t\t\t\t\t\t{meta.map((item) => (\n\t\t\t\t\t\t\t<TextInput\n\t\t\t\t\t\t\t\tkey={item.label}\n\t\t\t\t\t\t\t\tpath={`sa-meta-${item.label}`}\n\t\t\t\t\t\t\t\tlabel={item.label}\n\t\t\t\t\t\t\t\tvalue={item.value}\n\t\t\t\t\t\t\t\treadOnly\n\t\t\t\t\t\t\t\tonChange={noop}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</div>\n\t\t\t\t</section>\n\t\t\t)}\n\t\t</div>\n\t)\n}\n"],"mappings":"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"}

package/dist/submissions/coerceBoolean.js

@@ -0,0 +1,14 @@
+//#region src/submissions/coerceBoolean.ts
+/** Strings that count as boolean true. Shared by prefill and submit-time coercion so they never diverge. */
+const TRUTHY_STRINGS = new Set([
+	"true",
+	"1",
+	"on",
+	"yes"
+]);
+/** True when a string is an affirmative token (trimmed, case-insensitive); everything else is false. */
+const isTruthyString = (value) => TRUTHY_STRINGS.has(value.trim().toLowerCase());
+//#endregion
+export { isTruthyString };
+
+//# sourceMappingURL=coerceBoolean.js.map

package/dist/submissions/coerceBoolean.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"coerceBoolean.js","names":[],"sources":["../../src/submissions/coerceBoolean.ts"],"sourcesContent":["/** Strings that count as boolean true. Shared by prefill and submit-time coercion so they never diverge. */\nexport const TRUTHY_STRINGS = new Set(['true', '1', 'on', 'yes'])\n\n/** True when a string is an affirmative token (trimmed, case-insensitive); everything else is false. */\nexport const isTruthyString = (value: string): boolean =>\n\tTRUTHY_STRINGS.has(value.trim().toLowerCase())\n"],"mappings":";;AACA,MAAa,iBAAiB,IAAI,IAAI;CAAC;CAAQ;CAAK;CAAM;AAAK,CAAC;;AAGhE,MAAa,kBAAkB,UAC9B,eAAe,IAAI,MAAM,KAAK,EAAE,YAAY,CAAC"}

package/dist/submissions/createSubmission.d.ts

@@ -0,0 +1,36 @@
+import { SubmissionDescriptor, SubmissionValue } from "./types.js";
+import { ConsentProofEntry } from "./runSubmission.js";
+import { Payload, PayloadRequest } from "payload";
+
+//#region src/submissions/createSubmission.d.ts
+type CreateSubmissionArgs = {
+  form: number | string;
+  values: SubmissionValue[]; /** Thread the incoming request when there is one, so spam metadata (IP, user agent) and per-identity rate limiting see it. */
+  req?: PayloadRequest;
+};
+/** The stored shape of a `form-submissions` document, as written by the collection's own hooks. */
+type CreatedSubmission = {
+  id: number | string;
+  form: number | string;
+  status: 'complete' | 'partial';
+  locale?: string;
+  values?: SubmissionValue[];
+  descriptors?: SubmissionDescriptor[];
+  consent?: ConsentProofEntry[];
+  meta?: Record<string, unknown>;
+  createdAt: string;
+  updatedAt: string;
+};
+/**
+ * Server-side counterpart to the browser `submitForm` helper: a typed wrapper over `payload.create`
+ * for the `form-submissions` collection. Submitting this way runs the exact same pipeline a browser
+ * or raw REST submit does, server-authoritative validation, spam metadata capture when `req` is
+ * threaded through, descriptor snapshotting, consent capture, and post-submit action dispatch, since
+ * all of it lives in the collection's own hooks rather than in a route handler. Use it from server
+ * code (a script, a queued job, another collection's hook) instead of hand-rolling the collection
+ * slug and body shape.
+ */
+declare const createSubmission: (payload: Payload, args: CreateSubmissionArgs) => Promise<CreatedSubmission>;
+//#endregion
+export { CreateSubmissionArgs, CreatedSubmission, createSubmission };
+//# sourceMappingURL=createSubmission.d.ts.map

package/dist/submissions/createSubmission.js

@@ -0,0 +1,26 @@
+import { FORM_SUBMISSIONS_SLUG } from "../collections/formSubmissions.js";
+//#region src/submissions/createSubmission.ts
+/**
+* Server-side counterpart to the browser `submitForm` helper: a typed wrapper over `payload.create`
+* for the `form-submissions` collection. Submitting this way runs the exact same pipeline a browser
+* or raw REST submit does, server-authoritative validation, spam metadata capture when `req` is
+* threaded through, descriptor snapshotting, consent capture, and post-submit action dispatch, since
+* all of it lives in the collection's own hooks rather than in a route handler. Use it from server
+* code (a script, a queued job, another collection's hook) instead of hand-rolling the collection
+* slug and body shape.
+*/
+const createSubmission = (payload, args) => {
+	const create = payload.create;
+	return create({
+		collection: FORM_SUBMISSIONS_SLUG,
+		data: {
+			form: args.form,
+			values: args.values
+		},
+		req: args.req
+	});
+};
+//#endregion
+export { createSubmission };
+
+//# sourceMappingURL=createSubmission.js.map

package/dist/submissions/createSubmission.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createSubmission.js","names":[],"sources":["../../src/submissions/createSubmission.ts"],"sourcesContent":["import type { Payload, PayloadRequest } from 'payload'\nimport { FORM_SUBMISSIONS_SLUG } from '../collections/formSubmissions'\nimport type { ConsentProofEntry } from './runSubmission'\nimport type { SubmissionDescriptor, SubmissionValue } from './types'\n\nexport type CreateSubmissionArgs = {\n\tform: number | string\n\tvalues: SubmissionValue[]\n\t/** Thread the incoming request when there is one, so spam metadata (IP, user agent) and per-identity rate limiting see it. */\n\treq?: PayloadRequest\n}\n\n/** The stored shape of a `form-submissions` document, as written by the collection's own hooks. */\nexport type CreatedSubmission = {\n\tid: number | string\n\tform: number | string\n\tstatus: 'complete' | 'partial'\n\tlocale?: string\n\tvalues?: SubmissionValue[]\n\tdescriptors?: SubmissionDescriptor[]\n\tconsent?: ConsentProofEntry[]\n\tmeta?: Record<string, unknown>\n\tcreatedAt: string\n\tupdatedAt: string\n}\n\n/**\n * Server-side counterpart to the browser `submitForm` helper: a typed wrapper over `payload.create`\n * for the `form-submissions` collection. Submitting this way runs the exact same pipeline a browser\n * or raw REST submit does, server-authoritative validation, spam metadata capture when `req` is\n * threaded through, descriptor snapshotting, consent capture, and post-submit action dispatch, since\n * all of it lives in the collection's own hooks rather than in a route handler. Use it from server\n * code (a script, a queued job, another collection's hook) instead of hand-rolling the collection\n * slug and body shape.\n */\nexport const createSubmission = (\n\tpayload: Payload,\n\targs: CreateSubmissionArgs\n): Promise<CreatedSubmission> => {\n\t// `form-submissions` is registered by this plugin at runtime, so a host's generated Payload types\n\t// need not describe it, and when they do, pin its `form` relationship to whichever single id type\n\t// (string or number) that host's database uses. `form` here accepts either, so create through a\n\t// slug-agnostic signature instead of the host's own shape (same idiom as `registerReliability`'s\n\t// locks-collection create in the jobs plugin).\n\tconst create = payload.create as unknown as (options: {\n\t\tcollection: string\n\t\tdata: { form: number | string; values: SubmissionValue[] }\n\t\treq?: PayloadRequest\n\t}) => Promise<CreatedSubmission>\n\treturn create({\n\t\tcollection: FORM_SUBMISSIONS_SLUG,\n\t\tdata: { form: args.form, values: args.values },\n\t\treq: args.req,\n\t})\n}\n"],"mappings":";;;;;;;;;;;AAmCA,MAAa,oBACZ,SACA,SACgC;CAMhC,MAAM,SAAS,QAAQ;CAKvB,OAAO,OAAO;EACb,YAAY;EACZ,MAAM;GAAE,MAAM,KAAK;GAAM,QAAQ,KAAK;EAAO;EAC7C,KAAK,KAAK;CACX,CAAC;AACF"}

package/dist/submissions/runSubmission.d.ts

@@ -0,0 +1,10 @@
+import { ConsentProof } from "../consent/captureConsent.js";
+import { Payload, PayloadRequest } from "payload";
+
+//#region src/submissions/runSubmission.d.ts
+type ConsentProofEntry = {
+  field: string;
+} & ConsentProof;
+//#endregion
+export { ConsentProofEntry };
+//# sourceMappingURL=runSubmission.d.ts.map

package/dist/submissions/runSubmission.js

@@ -0,0 +1,306 @@
+import { keys } from "../translations/keys.js";
+import { isNamedField } from "../fields/fieldKey.js";
+import { calcExpressionOf, computeCalcFields } from "../calc/computeCalcFields.js";
+import { evaluateCondition } from "../conditions/evaluate.js";
+import { captureConsent } from "../consent/captureConsent.js";
+import { captureFileRef } from "../uploads/captureFileRef.js";
+import { runValidation } from "../validation/runValidation.js";
+import { isTruthyString } from "./coerceBoolean.js";
+//#region src/submissions/runSubmission.ts
+const SUBMISSION_WIDTHS = new Set([
+	"full",
+	"half",
+	"third",
+	"twoThirds"
+]);
+/** The field instance's authored layout width, or undefined if unset/unrecognized (renders full). */
+const widthOf = (instance) => typeof instance.width === "string" && SUBMISSION_WIDTHS.has(instance.width) ? instance.width : void 0;
+const errorKeyFor = (code) => {
+	if (code === "mimeType") return keys.validationFileMimeType;
+	if (code === "tooLarge") return keys.validationFileTooLarge;
+	return keys.validationFileMissing;
+};
+/** Normalize the authored `mimeTypes` (a `hasMany` text field) to a `string[]`. */
+const mimeTypesOf = (raw) => {
+	if (!Array.isArray(raw)) return;
+	const out = raw.filter((entry) => typeof entry === "string");
+	return out.length > 0 ? out : void 0;
+};
+const fileFieldConfigOf = (instance) => ({
+	mimeTypes: mimeTypesOf(instance.mimeTypes),
+	maxSize: typeof instance.maxSize === "number" ? instance.maxSize : void 0
+});
+const isEmpty = (value) => value == null || value === "" || Array.isArray(value) && value.length === 0;
+const coerce = (kind, value) => {
+	if (value == null) return value;
+	if (kind === "number") {
+		const next = typeof value === "number" ? value : Number(value);
+		return Number.isNaN(next) ? value : next;
+	}
+	if (kind === "boolean") {
+		if (typeof value === "string") return isTruthyString(value);
+		return Boolean(value);
+	}
+	if (kind === "text") return typeof value === "string" ? value : String(value);
+	return value;
+};
+const optionLabelsFor = (instance) => {
+	const options = instance.options;
+	if (!Array.isArray(options)) return;
+	const map = {};
+	for (const option of options) if (typeof option?.value === "string") map[option.value] = option.label ?? option.value;
+	return Object.keys(map).length > 0 ? map : void 0;
+};
+/**
+* Pure submission core, two-pass: first coerce every answered field to its typed kind (so cross-field
+* rules see coerced siblings), then validate each field through `runValidation` (required, intrinsic
+* facet, declarative rules), snapshotting a localized descriptor per answered field. Calc fields are
+* the trust boundary: their client-sent values are never seeded, their values are derived from their
+* expressions over the coerced answers, and those derived values are authoritative everywhere downstream
+* (conditions, validation, storage). Conditions gate the second pass against these effective answers: a
+* field whose `visibleWhen` is false is skipped entirely (never validated, never stored, so a client-sent
+* value for it is ignored), and a visible field whose `validateWhen` is false stores its value but skips
+* validation. A visible calc field stores its derived value and is never validated. Display-only field
+* types (value kind 'none', e.g. message) and nameless (bare) rows are skipped in both passes: never
+* validated, never stored, and a client-sent value under their name is dropped.
+*/
+const runSubmission = async (input) => {
+	const { fields, values, registry, ruleRegistry, consentEntries, consentSnapshot, locale, t, operation, req, payload, formId, uploadSlug, expectedOwner, strictUploadOwnership } = input;
+	const incoming = new Map(values.map((entry) => [entry.field, entry.value]));
+	const coercedAnswers = {};
+	const coercedByName = /* @__PURE__ */ new Map();
+	for (const instance of fields) {
+		const definition = registry.get(instance.blockType);
+		if (!definition || definition.value === "none" || calcExpressionOf(instance) || !isNamedField(instance)) continue;
+		const raw = incoming.get(instance.name);
+		const effectiveRaw = instance.blockType === "consent" && isEmpty(raw) ? false : instance.blockType === "repeater" && isEmpty(raw) ? [] : raw;
+		if (isEmpty(effectiveRaw) && instance.blockType !== "repeater") continue;
+		const value = coerce(definition.value, effectiveRaw);
+		coercedAnswers[instance.name] = value;
+		coercedByName.set(instance.name, value);
+	}
+	const effective = computeCalcFields(fields, coercedAnswers);
+	const errors = [];
+	const outValues = [];
+	const descriptors = [];
+	const consentProofs = [];
+	const now = (/* @__PURE__ */ new Date()).toISOString();
+	for (const instance of fields) {
+		const definition = registry.get(instance.blockType);
+		if (!definition || definition.value === "none" || !isNamedField(instance)) continue;
+		const raw = incoming.get(instance.name);
+		const value = coercedByName.has(instance.name) ? coercedByName.get(instance.name) : raw;
+		if (!evaluateCondition(instance.visibleWhen, effective)) continue;
+		if (calcExpressionOf(instance)) {
+			outValues.push({
+				field: instance.name,
+				value: effective[instance.name]
+			});
+			descriptors.push({
+				field: instance.name,
+				label: instance.label ?? instance.name,
+				fieldType: instance.blockType,
+				...widthOf(instance) ? { width: widthOf(instance) } : {}
+			});
+			continue;
+		}
+		if (evaluateCondition(instance.validateWhen, effective)) {
+			const { errors: issues } = await runValidation({
+				field: instance,
+				fieldDefinition: definition,
+				value,
+				fieldType: instance.blockType,
+				ruleRegistry,
+				answers: effective,
+				locale,
+				t,
+				operation,
+				event: "submit",
+				mode: "server",
+				req,
+				payload,
+				formId
+			});
+			if (issues.length > 0) {
+				for (const message of issues) errors.push({
+					path: instance.name,
+					message
+				});
+				continue;
+			}
+		}
+		if (definition.value === "file") {
+			if (isEmpty(value)) continue;
+			if (payload) {
+				if (!uploadSlug) {
+					errors.push({
+						path: instance.name,
+						message: t(errorKeyFor("missing"))
+					});
+					continue;
+				}
+				const captured = await captureFileRef({
+					payload,
+					collectionSlug: uploadSlug,
+					uploadId: value,
+					config: fileFieldConfigOf(instance),
+					req,
+					expectedOwner,
+					strict: strictUploadOwnership
+				});
+				if (!captured.ok) {
+					errors.push({
+						path: instance.name,
+						message: t(errorKeyFor(captured.code))
+					});
+					continue;
+				}
+				outValues.push({
+					field: instance.name,
+					value: captured.ref
+				});
+				descriptors.push({
+					field: instance.name,
+					label: instance.label ?? instance.name,
+					fieldType: instance.blockType,
+					...widthOf(instance) ? { width: widthOf(instance) } : {}
+				});
+				continue;
+			}
+			outValues.push({
+				field: instance.name,
+				value
+			});
+			descriptors.push({
+				field: instance.name,
+				label: instance.label ?? instance.name,
+				fieldType: instance.blockType,
+				...widthOf(instance) ? { width: widthOf(instance) } : {}
+			});
+			continue;
+		}
+		if (instance.blockType === "consent" && payload) {
+			const proof = await captureConsent({
+				field: instance,
+				agreed: value === true,
+				entries: consentEntries ?? [],
+				payload,
+				req,
+				now,
+				snapshot: consentSnapshot
+			});
+			consentProofs.push({
+				field: instance.name,
+				...proof
+			});
+			continue;
+		}
+		if (instance.blockType === "repeater") {
+			const rows = Array.isArray(value) ? value : [];
+			const subFields = (Array.isArray(instance.subFields) ? instance.subFields : []).filter(isNamedField);
+			for (let rowIndex = 0; rowIndex < rows.length; rowIndex++) {
+				const row = rows[rowIndex] ?? {};
+				for (const subField of subFields) {
+					const subDef = registry.get(subField.blockType);
+					if (!subDef) continue;
+					if (subDef.value === "none") continue;
+					const subPath = `${instance.name}[${rowIndex}].${subField.name}`;
+					if (evaluateCondition(subField.visibleWhen, row) && evaluateCondition(subField.validateWhen, row)) {
+						const { errors: subErrors } = await runValidation({
+							field: subField,
+							fieldDefinition: subDef,
+							value: row[subField.name],
+							fieldType: subField.blockType,
+							ruleRegistry,
+							answers: row,
+							locale,
+							t,
+							operation,
+							event: "submit",
+							mode: "server",
+							req,
+							payload,
+							formId
+						});
+						for (const message of subErrors) errors.push({
+							path: subPath,
+							message
+						});
+					}
+					if (subDef.value === "file" && payload) {
+						const subValue = row[subField.name];
+						if (isEmpty(subValue)) continue;
+						if (!uploadSlug) {
+							errors.push({
+								path: subPath,
+								message: t(errorKeyFor("missing"))
+							});
+							continue;
+						}
+						const captured = await captureFileRef({
+							payload,
+							collectionSlug: uploadSlug,
+							uploadId: subValue,
+							config: fileFieldConfigOf(subField),
+							req,
+							expectedOwner,
+							strict: strictUploadOwnership
+						});
+						if (!captured.ok) {
+							errors.push({
+								path: subPath,
+								message: t(errorKeyFor(captured.code))
+							});
+							continue;
+						}
+						row[subField.name] = captured.ref;
+					}
+				}
+			}
+			if (errors.length > 0) continue;
+			const subFieldDescriptors = subFields.map((sf) => ({
+				field: sf.name,
+				label: sf.label ?? sf.name,
+				fieldType: sf.blockType,
+				...sf.options ? { optionLabels: optionLabelsFor(sf) ?? void 0 } : {}
+			}));
+			const displayOnly = new Set(subFields.filter((sf) => registry.get(sf.blockType)?.value === "none").map((sf) => sf.name));
+			const storedRows = displayOnly.size === 0 ? rows : rows.map((row) => Object.fromEntries(Object.entries(row).filter(([key]) => !displayOnly.has(key))));
+			outValues.push({
+				field: instance.name,
+				value: storedRows
+			});
+			descriptors.push({
+				field: instance.name,
+				label: instance.label ?? instance.name,
+				fieldType: instance.blockType,
+				...widthOf(instance) ? { width: widthOf(instance) } : {},
+				...subFieldDescriptors.length > 0 ? { subFieldDescriptors } : {}
+			});
+			continue;
+		}
+		if (isEmpty(raw)) continue;
+		outValues.push({
+			field: instance.name,
+			value
+		});
+		const optionLabels = optionLabelsFor(instance);
+		descriptors.push({
+			field: instance.name,
+			label: instance.label ?? instance.name,
+			fieldType: instance.blockType,
+			...widthOf(instance) ? { width: widthOf(instance) } : {},
+			...optionLabels ? { optionLabels } : {}
+		});
+	}
+	return {
+		errors,
+		values: outValues,
+		descriptors,
+		consent: consentProofs
+	};
+};
+//#endregion
+export { runSubmission };
+
+//# sourceMappingURL=runSubmission.js.map