synapse-react-client 4.0.38 → 4.0.41

package/dist/components/FormTemplateEditor/ChoiceOptionsEditor.js

@@ -0,0 +1,61 @@
+import { Box as e, Button as t, IconButton as n, Stack as r, TextField as i, Typography as a } from "@mui/material";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { Add as c, Delete as l } from "@mui/icons-material";
+//#region src/components/FormTemplateEditor/ChoiceOptionsEditor.tsx
+function u({ options: u, onChange: d }) {
+	let f = (e, t) => {
+		d(u.map((n, r) => r === e ? t : n));
+	}, p = (e) => {
+		d(u.filter((t, n) => n !== e));
+	};
+	return /* @__PURE__ */ s(e, {
+		sx: {
+			pl: 1,
+			borderLeft: 2,
+			borderColor: "divider"
+		},
+		children: [/* @__PURE__ */ o(a, {
+			variant: "caption",
+			color: "text.secondary",
+			sx: {
+				display: "block",
+				mb: .5
+			},
+			children: "Choices"
+		}), /* @__PURE__ */ s(r, {
+			spacing: 1,
+			children: [u.map((t, r) => /* @__PURE__ */ s(e, {
+				sx: {
+					display: "flex",
+					alignItems: "center",
+					gap: 1
+				},
+				children: [/* @__PURE__ */ o(i, {
+					value: t,
+					onChange: (e) => f(r, e.target.value),
+					size: "small",
+					fullWidth: !0
+				}), /* @__PURE__ */ o(n, {
+					size: "small",
+					"aria-label": "Delete choice",
+					onClick: () => p(r),
+					disabled: u.length <= 1,
+					children: /* @__PURE__ */ o(l, { fontSize: "small" })
+				})]
+			}, r)), /* @__PURE__ */ o(e, { children: /* @__PURE__ */ o(t, {
+				size: "small",
+				startIcon: /* @__PURE__ */ o(c, {}),
+				onClick: () => {
+					let e = u.length + 1;
+					for (; u.includes(`Option ${e}`);) e++;
+					d([...u, `Option ${e}`]);
+				},
+				children: "Add choice"
+			}) })]
+		})]
+	});
+}
+//#endregion
+export { u as ChoiceOptionsEditor };
+
+//# sourceMappingURL=ChoiceOptionsEditor.js.map

package/dist/components/FormTemplateEditor/ChoiceOptionsEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChoiceOptionsEditor.js","names":[],"sources":["../../../src/components/FormTemplateEditor/ChoiceOptionsEditor.tsx"],"sourcesContent":["import {\n  Box,\n  Button,\n  IconButton,\n  Stack,\n  TextField,\n  Typography,\n} from '@mui/material'\nimport { Add as AddIcon, Delete as DeleteIcon } from '@mui/icons-material'\n\ntype ChoiceOptionsEditorProps = {\n  options: string[]\n  onChange: (next: string[]) => void\n}\n\n/**\n * Edits a choice field's options. At least one option is always kept, and added options get a\n * unique `Option N` label.\n */\nexport function ChoiceOptionsEditor({\n  options,\n  onChange,\n}: ChoiceOptionsEditorProps) {\n  const update = (idx: number, next: string) => {\n    onChange(options.map((o, i) => (i === idx ? next : o)))\n  }\n  const remove = (idx: number) => {\n    onChange(options.filter((_, i) => i !== idx))\n  }\n  const add = () => {\n    let n = options.length + 1\n    while (options.includes(`Option ${n}`)) n++\n    onChange([...options, `Option ${n}`])\n  }\n\n  return (\n    <Box sx={{ pl: 1, borderLeft: 2, borderColor: 'divider' }}>\n      <Typography\n        variant=\"caption\"\n        color=\"text.secondary\"\n        sx={{ display: 'block', mb: 0.5 }}\n      >\n        Choices\n      </Typography>\n      <Stack spacing={1}>\n        {/* Index keys are safe: rows are fully controlled and hold no local state. */}\n        {options.map((opt, idx) => (\n          <Box key={idx} sx={{ display: 'flex', alignItems: 'center', gap: 1 }}>\n            <TextField\n              value={opt}\n              onChange={e => update(idx, e.target.value)}\n              size=\"small\"\n              fullWidth\n            />\n            <IconButton\n              size=\"small\"\n              aria-label=\"Delete choice\"\n              onClick={() => remove(idx)}\n              disabled={options.length <= 1}\n            >\n              <DeleteIcon fontSize=\"small\" />\n            </IconButton>\n          </Box>\n        ))}\n        <Box>\n          <Button size=\"small\" startIcon={<AddIcon />} onClick={add}>\n            Add choice\n          </Button>\n        </Box>\n      </Stack>\n    </Box>\n  )\n}\n"],"mappings":";;;;AAmBA,SAAgB,EAAoB,EAClC,YACA,eAC2B;CAC3B,IAAM,KAAU,GAAa,MAAiB;EAC5C,EAAS,EAAQ,KAAK,GAAG,MAAO,MAAM,IAAM,IAAO,CAAE,CAAC;CACxD,GACM,KAAU,MAAgB;EAC9B,EAAS,EAAQ,QAAQ,GAAG,MAAM,MAAM,CAAG,CAAC;CAC9C;CAOA,OACE,kBAAC,GAAD;EAAK,IAAI;GAAE,IAAI;GAAG,YAAY;GAAG,aAAa;EAAU;YAAxD,CACE,kBAAC,GAAD;GACE,SAAQ;GACR,OAAM;GACN,IAAI;IAAE,SAAS;IAAS,IAAI;GAAI;aACjC;EAEW,CAAA,GACZ,kBAAC,GAAD;GAAO,SAAS;aAAhB,CAEG,EAAQ,KAAK,GAAK,MACjB,kBAAC,GAAD;IAAe,IAAI;KAAE,SAAS;KAAQ,YAAY;KAAU,KAAK;IAAE;cAAnE,CACE,kBAAC,GAAD;KACE,OAAO;KACP,WAAU,MAAK,EAAO,GAAK,EAAE,OAAO,KAAK;KACzC,MAAK;KACL,WAAA;IACD,CAAA,GACD,kBAAC,GAAD;KACE,MAAK;KACL,cAAW;KACX,eAAe,EAAO,CAAG;KACzB,UAAU,EAAQ,UAAU;eAE5B,kBAAC,GAAD,EAAY,UAAS,QAAS,CAAA;IACpB,CAAA,CACT;MAfK,CAeL,CACN,GACD,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;IAAQ,MAAK;IAAQ,WAAW,kBAAC,GAAD,CAAU,CAAA;IAAG,eApCnC;KAChB,IAAI,IAAI,EAAQ,SAAS;KACzB,OAAO,EAAQ,SAAS,UAAU,GAAG,IAAG;KACxC,EAAS,CAAC,GAAG,GAAS,UAAU,GAAG,CAAC;IACtC;cAgCmE;GAEnD,CAAA,EACL,CAAA,CACA;IACJ;;AAET"}

package/dist/components/FormTemplateEditor/FieldDefinitionDrawer.d.ts

@@ -0,0 +1,33 @@
+import { RJSFSchema } from '@rjsf/utils';
+import { SchemaPropertyContext } from '@/utils/jsonschema/submissionContext';
+export type FieldDefinitionDrawerProps = {
+    open: boolean;
+    propertyKey: string | null;
+    /** All property keys currently defined in the schema, including this one. */
+    existingKeys: Set<string>;
+    property: RJSFSchema | null;
+    isRequired: boolean;
+    /**
+     * Which submission context this property applies to (per the schema's
+     * `x-synapse-submissionContext` `allOf` convention). Editable here via a guided select box.
+     * This component only calls `onChangeContext`; a container elsewhere in the authoring flow is
+     * responsible for moving the property's definition between the schema's top-level `properties`
+     * and the matching `allOf` branch so ACT never has to hand-edit `allOf` for the common case.
+     */
+    context: SchemaPropertyContext;
+    /** True when this field is bound to one or more steps. Affects delete affordance. */
+    isUsedInSteps: boolean;
+    onClose: () => void;
+    onUpdate: (patch: Partial<RJSFSchema>) => void;
+    onRenameKey: (newKey: string) => void;
+    onReplace: (next: RJSFSchema) => void;
+    onChangeRequired: (isRequired: boolean) => void;
+    onChangeContext: (context: SchemaPropertyContext) => void;
+    onRemove: () => void;
+};
+/**
+ * Slide-in drawer for editing a single field's JSON Schema definition (label, help text, type,
+ * required, submission context, choice options, file format).
+ */
+export declare function FieldDefinitionDrawer({ open, propertyKey, existingKeys, property, isRequired, context, isUsedInSteps, onClose, onUpdate, onRenameKey, onReplace, onChangeRequired, onChangeContext, onRemove, }: FieldDefinitionDrawerProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=FieldDefinitionDrawer.d.ts.map

package/dist/components/FormTemplateEditor/FieldDefinitionDrawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldDefinitionDrawer.d.ts","sourceRoot":"","sources":["../../../src/components/FormTemplateEditor/FieldDefinitionDrawer.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAExC,OAAO,EAAE,qBAAqB,EAAE,MAAM,sCAAsC,CAAA;AAmB5E,MAAM,MAAM,0BAA0B,GAAG;IACvC,IAAI,EAAE,OAAO,CAAA;IACb,WAAW,EAAE,MAAM,GAAG,IAAI,CAAA;IAC1B,6EAA6E;IAC7E,YAAY,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IACzB,QAAQ,EAAE,UAAU,GAAG,IAAI,CAAA;IAC3B,UAAU,EAAE,OAAO,CAAA;IACnB;;;;;;OAMG;IACH,OAAO,EAAE,qBAAqB,CAAA;IAC9B,qFAAqF;IACrF,aAAa,EAAE,OAAO,CAAA;IACtB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,UAAU,CAAC,KAAK,IAAI,CAAA;IAC9C,WAAW,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IACrC,SAAS,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,IAAI,CAAA;IACrC,gBAAgB,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAA;IAC/C,eAAe,EAAE,CAAC,OAAO,EAAE,qBAAqB,KAAK,IAAI,CAAA;IACzD,QAAQ,EAAE,MAAM,IAAI,CAAA;CACrB,CAAA;AAED;;;GAGG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,IAAI,EACJ,WAAW,EACX,YAAY,EACZ,QAAQ,EACR,UAAU,EACV,OAAO,EACP,aAAa,EACb,OAAO,EACP,QAAQ,EACR,WAAW,EACX,SAAS,EACT,gBAAgB,EAChB,eAAe,EACf,QAAQ,GACT,EAAE,0BAA0B,2CAqM5B"}

package/dist/components/FormTemplateEditor/FieldDefinitionDrawer.js

@@ -0,0 +1,187 @@
+import { FIELD_TYPE_OPTIONS as e, applyFieldType as t, detectFieldType as n, sanitizePropertyKey as r } from "./schemaFieldUtils.js";
+import { ChoiceOptionsEditor as i } from "./ChoiceOptionsEditor.js";
+import { useState as a } from "react";
+import { Alert as o, Box as s, Button as c, Drawer as l, FormControlLabel as u, IconButton as d, MenuItem as f, Stack as p, Switch as m, TextField as h, Typography as g } from "@mui/material";
+import { jsx as _, jsxs as v } from "react/jsx-runtime";
+import { Close as y, Delete as b } from "@mui/icons-material";
+//#region src/components/FormTemplateEditor/FieldDefinitionDrawer.tsx
+var x = [
+	{
+		value: "ALWAYS",
+		label: "Always"
+	},
+	{
+		value: "REQUEST_ONLY",
+		label: "Initial request only"
+	},
+	{
+		value: "RENEWAL_ONLY",
+		label: "Renewal only"
+	}
+];
+function S({ open: S, propertyKey: C, existingKeys: w, property: T, isRequired: E, context: D, isUsedInSteps: O, onClose: k, onUpdate: A, onRenameKey: j, onReplace: M, onChangeRequired: N, onChangeContext: P, onRemove: F }) {
+	let I = T ? n(T) : null, L = T !== null && I === null, [R, z] = a(null), B = R?.forKey === C ? R.value : C ?? "", V = null;
+	B.length === 0 ? V = "Required" : B !== C && w.has(B) && (V = "Already used by another field");
+	let H = () => {
+		C && !V && B !== C && j(B), z(null);
+	}, U = (e) => {
+		T && M(t(T, e));
+	};
+	return /* @__PURE__ */ _(l, {
+		open: S,
+		onClose: k,
+		anchor: "right",
+		slotProps: { paper: { sx: { width: {
+			xs: "100%",
+			sm: 480
+		} } } },
+		children: /* @__PURE__ */ v(s, {
+			sx: {
+				p: 3,
+				display: "flex",
+				flexDirection: "column",
+				height: "100%"
+			},
+			children: [
+				/* @__PURE__ */ v(s, {
+					sx: {
+						display: "flex",
+						alignItems: "center",
+						mb: 2
+					},
+					children: [/* @__PURE__ */ _(g, {
+						variant: "h6",
+						sx: { flexGrow: 1 },
+						children: "Edit field"
+					}), /* @__PURE__ */ _(d, {
+						onClick: k,
+						"aria-label": "Close field editor",
+						children: /* @__PURE__ */ _(y, {})
+					})]
+				}),
+				C && /* @__PURE__ */ _(h, {
+					label: "Property key",
+					value: B,
+					onChange: (e) => z({
+						forKey: C,
+						value: r(e.target.value)
+					}),
+					onBlur: H,
+					onKeyDown: (e) => {
+						e.key === "Enter" && (e.preventDefault(), H());
+					},
+					error: V !== null,
+					helperText: V ?? "Identifies this field in the JSON Schema and submitted requests.",
+					size: "small",
+					fullWidth: !0,
+					sx: { mb: 2 },
+					slotProps: { input: { sx: { fontFamily: "monospace" } } }
+				}),
+				T && /* @__PURE__ */ _(h, {
+					select: !0,
+					label: "Submission context",
+					value: D,
+					onChange: (e) => P(e.target.value),
+					size: "small",
+					fullWidth: !0,
+					sx: { mb: 2 },
+					helperText: "Controls whether requesters are asked this question on an initial request, a renewal, or both.",
+					children: x.map((e) => /* @__PURE__ */ _(f, {
+						value: e.value,
+						children: e.label
+					}, e.value))
+				}),
+				/* @__PURE__ */ _(s, {
+					sx: {
+						flexGrow: 1,
+						overflow: "auto"
+					},
+					children: T ? L ? /* @__PURE__ */ _(o, {
+						severity: "warning",
+						variant: "outlined",
+						children: "This field uses settings not supported by the simple editor. Edit it via the advanced raw JSON Schema view."
+					}) : /* @__PURE__ */ v(p, {
+						spacing: 2,
+						children: [
+							/* @__PURE__ */ _(h, {
+								label: "Question label",
+								value: T.title ?? "",
+								onChange: (e) => A({ title: e.target.value }),
+								size: "small",
+								fullWidth: !0
+							}),
+							/* @__PURE__ */ _(h, {
+								label: "Help text",
+								value: T.description ?? "",
+								onChange: (e) => A({ description: e.target.value }),
+								size: "small",
+								multiline: !0,
+								rows: 3,
+								fullWidth: !0,
+								helperText: "Shown to the requester below the question."
+							}),
+							/* @__PURE__ */ v(p, {
+								direction: "row",
+								spacing: 1,
+								alignItems: "center",
+								children: [/* @__PURE__ */ _(h, {
+									select: !0,
+									label: "Field type",
+									value: I,
+									onChange: (e) => U(e.target.value),
+									size: "small",
+									sx: { flexGrow: 1 },
+									children: e.map((e) => /* @__PURE__ */ _(f, {
+										value: e.value,
+										children: e.label
+									}, e.value))
+								}), /* @__PURE__ */ _(u, {
+									control: /* @__PURE__ */ _(m, {
+										checked: E,
+										onChange: (e) => N(e.target.checked)
+									}),
+									label: "Required"
+								})]
+							}),
+							I === "choice" && /* @__PURE__ */ _(i, {
+								options: T.enum ?? [],
+								onChange: (e) => A({ enum: e })
+							}),
+							I === "file" && /* @__PURE__ */ _(o, {
+								severity: "info",
+								variant: "outlined",
+								children: "Requesters will be prompted to upload a file. You can attach a downloadable template to this field on each step that uses it."
+							})
+						]
+					}) : /* @__PURE__ */ _(o, {
+						severity: "info",
+						children: "No field selected."
+					})
+				}),
+				/* @__PURE__ */ v(s, {
+					sx: {
+						pt: 2,
+						display: "flex",
+						justifyContent: "space-between",
+						gap: 1
+					},
+					children: [/* @__PURE__ */ _(c, {
+						color: "error",
+						startIcon: /* @__PURE__ */ _(b, {}),
+						onClick: F,
+						disabled: !T,
+						children: O ? "Delete (will unbind from steps)" : "Delete field"
+					}), /* @__PURE__ */ _(c, {
+						variant: "contained",
+						onClick: k,
+						children: "Done"
+					})]
+				})
+			]
+		})
+	});
+}
+//#endregion
+export { S as FieldDefinitionDrawer };
+
+//# sourceMappingURL=FieldDefinitionDrawer.js.map

package/dist/components/FormTemplateEditor/FieldDefinitionDrawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldDefinitionDrawer.js","names":[],"sources":["../../../src/components/FormTemplateEditor/FieldDefinitionDrawer.tsx"],"sourcesContent":["import {\n  Alert,\n  Box,\n  Button,\n  Drawer,\n  FormControlLabel,\n  IconButton,\n  MenuItem,\n  Stack,\n  Switch,\n  TextField,\n  Typography,\n} from '@mui/material'\nimport { Close as CloseIcon, Delete as DeleteIcon } from '@mui/icons-material'\nimport { RJSFSchema } from '@rjsf/utils'\nimport { useState } from 'react'\nimport { SchemaPropertyContext } from '@/utils/jsonschema/submissionContext'\nimport { ChoiceOptionsEditor } from './ChoiceOptionsEditor'\nimport {\n  applyFieldType,\n  detectFieldType,\n  FIELD_TYPE_OPTIONS,\n  sanitizePropertyKey,\n  SimpleFieldType,\n} from './schemaFieldUtils'\n\nconst SUBMISSION_CONTEXT_OPTIONS: {\n  value: SchemaPropertyContext\n  label: string\n}[] = [\n  { value: 'ALWAYS', label: 'Always' },\n  { value: 'REQUEST_ONLY', label: 'Initial request only' },\n  { value: 'RENEWAL_ONLY', label: 'Renewal only' },\n]\n\nexport type FieldDefinitionDrawerProps = {\n  open: boolean\n  propertyKey: string | null\n  /** All property keys currently defined in the schema, including this one. */\n  existingKeys: Set<string>\n  property: RJSFSchema | null\n  isRequired: boolean\n  /**\n   * Which submission context this property applies to (per the schema's\n   * `x-synapse-submissionContext` `allOf` convention). Editable here via a guided select box.\n   * This component only calls `onChangeContext`; a container elsewhere in the authoring flow is\n   * responsible for moving the property's definition between the schema's top-level `properties`\n   * and the matching `allOf` branch so ACT never has to hand-edit `allOf` for the common case.\n   */\n  context: SchemaPropertyContext\n  /** True when this field is bound to one or more steps. Affects delete affordance. */\n  isUsedInSteps: boolean\n  onClose: () => void\n  onUpdate: (patch: Partial<RJSFSchema>) => void\n  onRenameKey: (newKey: string) => void\n  onReplace: (next: RJSFSchema) => void\n  onChangeRequired: (isRequired: boolean) => void\n  onChangeContext: (context: SchemaPropertyContext) => void\n  onRemove: () => void\n}\n\n/**\n * Slide-in drawer for editing a single field's JSON Schema definition (label, help text, type,\n * required, submission context, choice options, file format).\n */\nexport function FieldDefinitionDrawer({\n  open,\n  propertyKey,\n  existingKeys,\n  property,\n  isRequired,\n  context,\n  isUsedInSteps,\n  onClose,\n  onUpdate,\n  onRenameKey,\n  onReplace,\n  onChangeRequired,\n  onChangeContext,\n  onRemove,\n}: FieldDefinitionDrawerProps) {\n  const type = property ? detectFieldType(property) : null\n  const isAdvanced = property !== null && type === null\n\n  // The draft exists only while the key is being edited, and is tagged with the key it was started\n  // from. When `propertyKey` changes underneath it (switching fields, or the container re-slugging\n  // the key from the label) the draft no longer applies and the prop is shown again.\n  const [keyDraft, setKeyDraft] = useState<{\n    forKey: string | null\n    value: string\n  } | null>(null)\n  const displayedKey =\n    keyDraft?.forKey === propertyKey ? keyDraft.value : (propertyKey ?? '')\n\n  let keyError: string | null = null\n  if (displayedKey.length === 0) {\n    keyError = 'Required'\n  } else if (displayedKey !== propertyKey && existingKeys.has(displayedKey)) {\n    keyError = 'Already used by another field'\n  }\n\n  const commitKeyDraft = () => {\n    if (propertyKey && !keyError && displayedKey !== propertyKey) {\n      onRenameKey(displayedKey)\n    }\n    setKeyDraft(null)\n  }\n\n  const handleChangeType = (next: SimpleFieldType) => {\n    if (!property) return\n    onReplace(applyFieldType(property, next))\n  }\n\n  return (\n    <Drawer\n      open={open}\n      onClose={onClose}\n      anchor=\"right\"\n      slotProps={{ paper: { sx: { width: { xs: '100%', sm: 480 } } } }}\n    >\n      <Box\n        sx={{ p: 3, display: 'flex', flexDirection: 'column', height: '100%' }}\n      >\n        <Box sx={{ display: 'flex', alignItems: 'center', mb: 2 }}>\n          <Typography variant=\"h6\" sx={{ flexGrow: 1 }}>\n            Edit field\n          </Typography>\n          <IconButton onClick={onClose} aria-label=\"Close field editor\">\n            <CloseIcon />\n          </IconButton>\n        </Box>\n\n        {propertyKey && (\n          <TextField\n            label=\"Property key\"\n            value={displayedKey}\n            onChange={e =>\n              setKeyDraft({\n                forKey: propertyKey,\n                value: sanitizePropertyKey(e.target.value),\n              })\n            }\n            onBlur={commitKeyDraft}\n            onKeyDown={e => {\n              if (e.key === 'Enter') {\n                e.preventDefault()\n                commitKeyDraft()\n              }\n            }}\n            error={keyError !== null}\n            helperText={\n              keyError ??\n              'Identifies this field in the JSON Schema and submitted requests.'\n            }\n            size=\"small\"\n            fullWidth\n            sx={{ mb: 2 }}\n            slotProps={{ input: { sx: { fontFamily: 'monospace' } } }}\n          />\n        )}\n\n        {property && (\n          <TextField\n            select\n            label=\"Submission context\"\n            value={context}\n            onChange={e =>\n              onChangeContext(e.target.value as SchemaPropertyContext)\n            }\n            size=\"small\"\n            fullWidth\n            sx={{ mb: 2 }}\n            helperText=\"Controls whether requesters are asked this question on an initial request, a renewal, or both.\"\n          >\n            {SUBMISSION_CONTEXT_OPTIONS.map(opt => (\n              <MenuItem key={opt.value} value={opt.value}>\n                {opt.label}\n              </MenuItem>\n            ))}\n          </TextField>\n        )}\n\n        <Box sx={{ flexGrow: 1, overflow: 'auto' }}>\n          {!property ? (\n            <Alert severity=\"info\">No field selected.</Alert>\n          ) : isAdvanced ? (\n            <Alert severity=\"warning\" variant=\"outlined\">\n              This field uses settings not supported by the simple editor. Edit\n              it via the advanced raw JSON Schema view.\n            </Alert>\n          ) : (\n            <Stack spacing={2}>\n              <TextField\n                label=\"Question label\"\n                value={property.title ?? ''}\n                onChange={e => onUpdate({ title: e.target.value })}\n                size=\"small\"\n                fullWidth\n              />\n              <TextField\n                label=\"Help text\"\n                value={property.description ?? ''}\n                onChange={e => onUpdate({ description: e.target.value })}\n                size=\"small\"\n                multiline\n                rows={3}\n                fullWidth\n                helperText=\"Shown to the requester below the question.\"\n              />\n              <Stack direction=\"row\" spacing={1} alignItems=\"center\">\n                <TextField\n                  select\n                  label=\"Field type\"\n                  value={type}\n                  onChange={e =>\n                    handleChangeType(e.target.value as SimpleFieldType)\n                  }\n                  size=\"small\"\n                  sx={{ flexGrow: 1 }}\n                >\n                  {FIELD_TYPE_OPTIONS.map(opt => (\n                    <MenuItem key={opt.value} value={opt.value}>\n                      {opt.label}\n                    </MenuItem>\n                  ))}\n                </TextField>\n                <FormControlLabel\n                  control={\n                    <Switch\n                      checked={isRequired}\n                      onChange={e => onChangeRequired(e.target.checked)}\n                    />\n                  }\n                  label=\"Required\"\n                />\n              </Stack>\n\n              {type === 'choice' && (\n                <ChoiceOptionsEditor\n                  options={(property.enum as string[] | undefined) ?? []}\n                  onChange={next => onUpdate({ enum: next })}\n                />\n              )}\n\n              {type === 'file' && (\n                <Alert severity=\"info\" variant=\"outlined\">\n                  Requesters will be prompted to upload a file. You can attach a\n                  downloadable template to this field on each step that uses it.\n                </Alert>\n              )}\n            </Stack>\n          )}\n        </Box>\n\n        <Box\n          sx={{\n            pt: 2,\n            display: 'flex',\n            justifyContent: 'space-between',\n            gap: 1,\n          }}\n        >\n          <Button\n            color=\"error\"\n            startIcon={<DeleteIcon />}\n            onClick={onRemove}\n            disabled={!property}\n          >\n            {isUsedInSteps ? 'Delete (will unbind from steps)' : 'Delete field'}\n          </Button>\n          <Button variant=\"contained\" onClick={onClose}>\n            Done\n          </Button>\n        </Box>\n      </Box>\n    </Drawer>\n  )\n}\n"],"mappings":"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"}

package/dist/components/FormTemplateEditor/FormTemplatePreview.d.ts

@@ -0,0 +1,14 @@
+import { FormTemplate } from '@sage-bionetworks/synapse-client';
+import { RJSFSchema } from '@rjsf/utils';
+type FormTemplatePreviewProps = {
+    template: FormTemplate;
+    jsonSchema: RJSFSchema;
+};
+/**
+ * Renders a live preview of how a FormTemplate + its referenced JSON Schema will appear to a
+ * requester. Computed client-side against the unsaved draft, purely to give ACT instant feedback
+ * while editing.
+ */
+export declare function FormTemplatePreview({ template, jsonSchema, }: FormTemplatePreviewProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=FormTemplatePreview.d.ts.map

package/dist/components/FormTemplateEditor/FormTemplatePreview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormTemplatePreview.d.ts","sourceRoot":"","sources":["../../../src/components/FormTemplateEditor/FormTemplatePreview.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,YAAY,EACb,MAAM,kCAAkC,CAAA;AAWzC,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAGxC,KAAK,wBAAwB,GAAG;IAC9B,QAAQ,EAAE,YAAY,CAAA;IACtB,UAAU,EAAE,UAAU,CAAA;CACvB,CAAA;AAED;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,QAAQ,EACR,UAAU,GACX,EAAE,wBAAwB,2CA8E1B"}

package/dist/components/FormTemplateEditor/FormTemplatePreview.js

@@ -0,0 +1,83 @@
+import { JsonSchemaForm as e } from "../JsonSchemaForm/JsonSchemaForm.js";
+import { generateDataAccessSchema as t } from "../../utils/jsonschema/generateDataAccessSchema.js";
+import { useMemo as n, useState as r } from "react";
+import { Box as i, Paper as a, Step as o, StepButton as s, Stepper as c, ToggleButton as l, ToggleButtonGroup as u, Typography as d } from "@mui/material";
+import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
+import { DataAccessRequestType as h } from "@sage-bionetworks/synapse-client";
+//#region src/components/FormTemplateEditor/FormTemplatePreview.tsx
+function g({ template: g, jsonSchema: _ }) {
+	let [v, y] = r(0), [b, x] = r(h.REQUEST), { steps: S } = n(() => t(g, _, b), [
+		g,
+		_,
+		b
+	]);
+	if (S.length === 0) return /* @__PURE__ */ p(a, {
+		variant: "outlined",
+		sx: { p: 2 },
+		children: /* @__PURE__ */ p(i, {
+			sx: {
+				py: 4,
+				textAlign: "center"
+			},
+			children: /* @__PURE__ */ p(d, {
+				variant: "body2",
+				color: "text.secondary",
+				children: "Add at least one step with a bound field to preview the form."
+			})
+		})
+	});
+	let C = Math.min(v, S.length - 1), w = S[C], T = w.jsonSchema.title ?? "", E = w.jsonSchema.description ?? "";
+	return /* @__PURE__ */ m(a, {
+		variant: "outlined",
+		sx: { p: 2 },
+		children: [
+			/* @__PURE__ */ m(u, {
+				value: b,
+				exclusive: !0,
+				size: "small",
+				onChange: (e, t) => {
+					t && x(t);
+				},
+				sx: { mb: 2 },
+				children: [/* @__PURE__ */ p(l, {
+					value: h.REQUEST,
+					children: "Request"
+				}), /* @__PURE__ */ p(l, {
+					value: h.RENEWAL,
+					children: "Renewal"
+				})]
+			}),
+			S.length > 1 && /* @__PURE__ */ p(c, {
+				activeStep: C,
+				nonLinear: !0,
+				sx: { mb: 2 },
+				children: S.map((e, t) => /* @__PURE__ */ p(o, { children: /* @__PURE__ */ p(s, {
+					onClick: () => y(t),
+					children: e.jsonSchema.title ?? `Step ${t + 1}`
+				}) }, t))
+			}),
+			T && /* @__PURE__ */ p(d, {
+				variant: "h6",
+				gutterBottom: !0,
+				children: T
+			}),
+			E && /* @__PURE__ */ p(d, {
+				variant: "body2",
+				color: "text.secondary",
+				sx: { mb: 2 },
+				children: E
+			}),
+			/* @__PURE__ */ p(e, {
+				schema: w.jsonSchema,
+				uiSchema: w.uiSchema,
+				formContext: { descriptionVariant: "inline" },
+				children: /* @__PURE__ */ p(f, {}),
+				liveValidate: !1
+			})
+		]
+	});
+}
+//#endregion
+export { g as FormTemplatePreview };
+
+//# sourceMappingURL=FormTemplatePreview.js.map

package/dist/components/FormTemplateEditor/FormTemplatePreview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormTemplatePreview.js","names":[],"sources":["../../../src/components/FormTemplateEditor/FormTemplatePreview.tsx"],"sourcesContent":["import { JsonSchemaForm } from '@/components/JsonSchemaForm/JsonSchemaForm'\nimport { generateDataAccessSchema } from '@/utils/jsonschema/generateDataAccessSchema'\nimport {\n  DataAccessRequestType,\n  FormTemplate,\n} from '@sage-bionetworks/synapse-client'\nimport {\n  Box,\n  Paper,\n  Step,\n  StepButton,\n  Stepper,\n  ToggleButton,\n  ToggleButtonGroup,\n  Typography,\n} from '@mui/material'\nimport { RJSFSchema } from '@rjsf/utils'\nimport { useMemo, useState } from 'react'\n\ntype FormTemplatePreviewProps = {\n  template: FormTemplate\n  jsonSchema: RJSFSchema\n}\n\n/**\n * Renders a live preview of how a FormTemplate + its referenced JSON Schema will appear to a\n * requester. Computed client-side against the unsaved draft, purely to give ACT instant feedback\n * while editing.\n */\nexport function FormTemplatePreview({\n  template,\n  jsonSchema,\n}: FormTemplatePreviewProps) {\n  const [activeStep, setActiveStep] = useState(0)\n  const [requestType, setRequestType] = useState<DataAccessRequestType>(\n    DataAccessRequestType.REQUEST,\n  )\n\n  const { steps } = useMemo(\n    () => generateDataAccessSchema(template, jsonSchema, requestType),\n    [template, jsonSchema, requestType],\n  )\n\n  if (steps.length === 0) {\n    return (\n      <Paper variant=\"outlined\" sx={{ p: 2 }}>\n        <Box sx={{ py: 4, textAlign: 'center' }}>\n          <Typography variant=\"body2\" color=\"text.secondary\">\n            Add at least one step with a bound field to preview the form.\n          </Typography>\n        </Box>\n      </Paper>\n    )\n  }\n\n  const safeIndex = Math.min(activeStep, steps.length - 1)\n  const currentStep = steps[safeIndex]\n  const title = (currentStep.jsonSchema.title as string) ?? ''\n  const description = (currentStep.jsonSchema.description as string) ?? ''\n\n  return (\n    <Paper variant=\"outlined\" sx={{ p: 2 }}>\n      <ToggleButtonGroup\n        value={requestType}\n        exclusive\n        size=\"small\"\n        onChange={(_, next: DataAccessRequestType | null) => {\n          if (next) setRequestType(next)\n        }}\n        sx={{ mb: 2 }}\n      >\n        <ToggleButton value={DataAccessRequestType.REQUEST}>\n          Request\n        </ToggleButton>\n        <ToggleButton value={DataAccessRequestType.RENEWAL}>\n          Renewal\n        </ToggleButton>\n      </ToggleButtonGroup>\n\n      {steps.length > 1 && (\n        <Stepper activeStep={safeIndex} nonLinear sx={{ mb: 2 }}>\n          {steps.map((step, index) => (\n            <Step key={index}>\n              <StepButton onClick={() => setActiveStep(index)}>\n                {(step.jsonSchema.title as string) ?? `Step ${index + 1}`}\n              </StepButton>\n            </Step>\n          ))}\n        </Stepper>\n      )}\n\n      {title && (\n        <Typography variant=\"h6\" gutterBottom>\n          {title}\n        </Typography>\n      )}\n      {description && (\n        <Typography variant=\"body2\" color=\"text.secondary\" sx={{ mb: 2 }}>\n          {description}\n        </Typography>\n      )}\n      <JsonSchemaForm\n        schema={currentStep.jsonSchema}\n        uiSchema={currentStep.uiSchema}\n        formContext={{ descriptionVariant: 'inline' }}\n        children={<></>}\n        liveValidate={false}\n      />\n    </Paper>\n  )\n}\n"],"mappings":";;;;;;;AA6BA,SAAgB,EAAoB,EAClC,aACA,iBAC2B;CAC3B,IAAM,CAAC,GAAY,KAAiB,EAAS,CAAC,GACxC,CAAC,GAAa,KAAkB,EACpC,EAAsB,OACxB,GAEM,EAAE,aAAU,QACV,EAAyB,GAAU,GAAY,CAAW,GAChE;EAAC;EAAU;EAAY;CAAW,CACpC;CAEA,IAAI,EAAM,WAAW,GACnB,OACE,kBAAC,GAAD;EAAO,SAAQ;EAAW,IAAI,EAAE,GAAG,EAAE;YACnC,kBAAC,GAAD;GAAK,IAAI;IAAE,IAAI;IAAG,WAAW;GAAS;aACpC,kBAAC,GAAD;IAAY,SAAQ;IAAQ,OAAM;cAAiB;GAEvC,CAAA;EACT,CAAA;CACA,CAAA;CAIX,IAAM,IAAY,KAAK,IAAI,GAAY,EAAM,SAAS,CAAC,GACjD,IAAc,EAAM,IACpB,IAAS,EAAY,WAAW,SAAoB,IACpD,IAAe,EAAY,WAAW,eAA0B;CAEtE,OACE,kBAAC,GAAD;EAAO,SAAQ;EAAW,IAAI,EAAE,GAAG,EAAE;YAArC;GACE,kBAAC,GAAD;IACE,OAAO;IACP,WAAA;IACA,MAAK;IACL,WAAW,GAAG,MAAuC;KACnD,AAAI,KAAM,EAAe,CAAI;IAC/B;IACA,IAAI,EAAE,IAAI,EAAE;cAPd,CASE,kBAAC,GAAD;KAAc,OAAO,EAAsB;eAAS;IAEtC,CAAA,GACd,kBAAC,GAAD;KAAc,OAAO,EAAsB;eAAS;IAEtC,CAAA,CACG;;GAElB,EAAM,SAAS,KACd,kBAAC,GAAD;IAAS,YAAY;IAAW,WAAA;IAAU,IAAI,EAAE,IAAI,EAAE;cACnD,EAAM,KAAK,GAAM,MAChB,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;KAAY,eAAe,EAAc,CAAK;eAC1C,EAAK,WAAW,SAAoB,QAAQ,IAAQ;IAC5C,CAAA,EACR,GAJK,CAIL,CACP;GACM,CAAA;GAGV,KACC,kBAAC,GAAD;IAAY,SAAQ;IAAK,cAAA;cACtB;GACS,CAAA;GAEb,KACC,kBAAC,GAAD;IAAY,SAAQ;IAAQ,OAAM;IAAiB,IAAI,EAAE,IAAI,EAAE;cAC5D;GACS,CAAA;GAEd,kBAAC,GAAD;IACE,QAAQ,EAAY;IACpB,UAAU,EAAY;IACtB,aAAa,EAAE,oBAAoB,SAAS;IAC5C,UAAU,kBAAA,GAAA,CAAI,CAAA;IACd,cAAc;GACf,CAAA;EACI;;AAEX"}

package/dist/components/FormTemplateEditor/JsonSchemaBodyEditor.d.ts

@@ -0,0 +1,13 @@
+import { RJSFSchema } from '@rjsf/utils';
+type JsonSchemaBodyEditorProps = {
+    value: RJSFSchema;
+    onChange: (next: RJSFSchema) => void;
+};
+/**
+ * Edits a JSON Schema as raw JSON. Calls `onChange` only when the text parses; otherwise shows
+ * the parse error. `value` is read only on mount, so remount with a new `key` to load a
+ * different schema.
+ */
+export declare function JsonSchemaBodyEditor({ value, onChange, }: JsonSchemaBodyEditorProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=JsonSchemaBodyEditor.d.ts.map

package/dist/components/FormTemplateEditor/JsonSchemaBodyEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"JsonSchemaBodyEditor.d.ts","sourceRoot":"","sources":["../../../src/components/FormTemplateEditor/JsonSchemaBodyEditor.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAGxC,KAAK,yBAAyB,GAAG;IAC/B,KAAK,EAAE,UAAU,CAAA;IACjB,QAAQ,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,IAAI,CAAA;CACrC,CAAA;AAED;;;;GAIG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,KAAK,EACL,QAAQ,GACT,EAAE,yBAAyB,2CAgC3B"}

package/dist/components/FormTemplateEditor/JsonSchemaBodyEditor.js

@@ -0,0 +1,33 @@
+import { useState as e } from "react";
+import { TextField as t } from "@mui/material";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/FormTemplateEditor/JsonSchemaBodyEditor.tsx
+function r({ value: r, onChange: i }) {
+	let [a, o] = e(() => JSON.stringify(r, null, 2)), [s, c] = e(null), l = (e) => {
+		o(e);
+		try {
+			let t = JSON.parse(e);
+			c(null), i(t);
+		} catch (e) {
+			c(e instanceof Error ? e.message : "Invalid JSON");
+		}
+	};
+	return /* @__PURE__ */ n(t, {
+		label: "Raw JSON Schema",
+		value: a,
+		onChange: (e) => l(e.target.value),
+		error: !!s,
+		helperText: s ?? " ",
+		multiline: !0,
+		rows: 14,
+		fullWidth: !0,
+		slotProps: { input: { sx: {
+			fontFamily: "monospace",
+			fontSize: "0.85rem"
+		} } }
+	});
+}
+//#endregion
+export { r as JsonSchemaBodyEditor };
+
+//# sourceMappingURL=JsonSchemaBodyEditor.js.map

package/dist/components/FormTemplateEditor/JsonSchemaBodyEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"JsonSchemaBodyEditor.js","names":[],"sources":["../../../src/components/FormTemplateEditor/JsonSchemaBodyEditor.tsx"],"sourcesContent":["import { TextField } from '@mui/material'\nimport { RJSFSchema } from '@rjsf/utils'\nimport { useState } from 'react'\n\ntype JsonSchemaBodyEditorProps = {\n  value: RJSFSchema\n  onChange: (next: RJSFSchema) => void\n}\n\n/**\n * Edits a JSON Schema as raw JSON. Calls `onChange` only when the text parses; otherwise shows\n * the parse error. `value` is read only on mount, so remount with a new `key` to load a\n * different schema.\n */\nexport function JsonSchemaBodyEditor({\n  value,\n  onChange,\n}: JsonSchemaBodyEditorProps) {\n  const [text, setText] = useState(() => JSON.stringify(value, null, 2))\n  const [error, setError] = useState<string | null>(null)\n\n  const handleChange = (next: string) => {\n    setText(next)\n    try {\n      const parsed = JSON.parse(next)\n      setError(null)\n      onChange(parsed)\n    } catch (e) {\n      setError(e instanceof Error ? e.message : 'Invalid JSON')\n    }\n  }\n\n  return (\n    <TextField\n      label=\"Raw JSON Schema\"\n      value={text}\n      onChange={e => handleChange(e.target.value)}\n      error={!!error}\n      helperText={error ?? ' '}\n      multiline\n      rows={14}\n      fullWidth\n      slotProps={{\n        input: {\n          sx: { fontFamily: 'monospace', fontSize: '0.85rem' },\n        },\n      }}\n    />\n  )\n}\n"],"mappings":";;;;AAcA,SAAgB,EAAqB,EACnC,UACA,eAC4B;CAC5B,IAAM,CAAC,GAAM,KAAW,QAAe,KAAK,UAAU,GAAO,MAAM,CAAC,CAAC,GAC/D,CAAC,GAAO,KAAY,EAAwB,IAAI,GAEhD,KAAgB,MAAiB;EACrC,EAAQ,CAAI;EACZ,IAAI;GACF,IAAM,IAAS,KAAK,MAAM,CAAI;GAE9B,AADA,EAAS,IAAI,GACb,EAAS,CAAM;EACjB,SAAS,GAAG;GACV,EAAS,aAAa,QAAQ,EAAE,UAAU,cAAc;EAC1D;CACF;CAEA,OACE,kBAAC,GAAD;EACE,OAAM;EACN,OAAO;EACP,WAAU,MAAK,EAAa,EAAE,OAAO,KAAK;EAC1C,OAAO,CAAC,CAAC;EACT,YAAY,KAAS;EACrB,WAAA;EACA,MAAM;EACN,WAAA;EACA,WAAW,EACT,OAAO,EACL,IAAI;GAAE,YAAY;GAAa,UAAU;EAAU,EACrD,EACF;CACD,CAAA;AAEL"}

package/dist/components/FormTemplateEditor/formTemplateValidation.d.ts

@@ -0,0 +1,32 @@
+import { RJSFSchema } from '@rjsf/utils';
+import { FormTemplateStep } from '@sage-bionetworks/synapse-client';
+/**
+ * A property is a "leaf" — the only kind a `FormTemplateField.schemaPath` may address — when it
+ * is not itself a nested object schema with its own `properties`. The simple editor only ever
+ * authors leaves, but the raw JSON Schema escape hatch can produce a nested object.
+ */
+export declare function isLeafSchemaProperty(subSchema: RJSFSchema): boolean;
+/**
+ * Whether a field's `uiDefinition` (an RJSF `UiSchema` fragment) declares a `ui:widget`
+ * incompatible with the resolved property's type/format. An empty or widget-less `uiDefinition`
+ * is always compatible — there is nothing to conflict with.
+ */
+export declare function isUiHintCompatible(subSchema: RJSFSchema, uiDefinition: unknown): boolean;
+export type FormTemplateFieldValidationError = {
+    /** Index of the step/field slot this error is anchored to. Omitted for an error against a
+     * schema-required property that isn't bound to any field -- there is no slot to anchor it to. */
+    stepIndex?: number;
+    fieldIndex?: number;
+    schemaPath: string;
+    message: string;
+};
+/**
+ * Replicates the three rules the server enforces on `FormTemplateField` at create/update time
+ * (see the `FormTemplateField` doc comment), so the editor can block save and point the error at
+ * the offending field before ever reaching the server: the server only returns a flat,
+ * concatenated message, not per-field errors. Also flags a schema property the server will
+ * require (per its resolved submission context) that no field in the template binds to -- the
+ * server accepts this silently, but the requester would then be unable to satisfy it.
+ */
+export declare function validateFormTemplateFields(steps: FormTemplateStep[], jsonSchema: RJSFSchema): FormTemplateFieldValidationError[];
+//# sourceMappingURL=formTemplateValidation.d.ts.map

package/dist/components/FormTemplateEditor/formTemplateValidation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"formTemplateValidation.d.ts","sourceRoot":"","sources":["../../../src/components/FormTemplateEditor/formTemplateValidation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AACxC,OAAO,EAEL,gBAAgB,EACjB,MAAM,kCAAkC,CAAA;AAQzC;;;;GAIG;AACH,wBAAgB,oBAAoB,CAAC,SAAS,EAAE,UAAU,GAAG,OAAO,CAEnE;AAiBD;;;;GAIG;AACH,wBAAgB,kBAAkB,CAChC,SAAS,EAAE,UAAU,EACrB,YAAY,EAAE,OAAO,GACpB,OAAO,CAOT;AAED,MAAM,MAAM,gCAAgC,GAAG;IAC7C;qGACiG;IACjG,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,UAAU,EAAE,MAAM,CAAA;IAClB,OAAO,EAAE,MAAM,CAAA;CAChB,CAAA;AAED;;;;;;;GAOG;AACH,wBAAgB,0BAA0B,CACxC,KAAK,EAAE,gBAAgB,EAAE,EACzB,UAAU,EAAE,UAAU,GACrB,gCAAgC,EAAE,CAoEpC"}

package/dist/components/FormTemplateEditor/formTemplateValidation.js

@@ -0,0 +1,75 @@
+import { listResolvedSchemaProperties as e, pointerToPropertyKey as t, propertyKeyToPointer as n, resolveSchemaPropertyAtPointer as r } from "../../utils/jsonschema/submissionContext.js";
+//#region src/components/FormTemplateEditor/formTemplateValidation.ts
+function i(e) {
+	return !(e.type === "object" && e.properties != null);
+}
+var a = {
+	textarea: (e) => e.type === "string" && !e.enum,
+	password: (e) => e.type === "string" && !e.enum,
+	radio: (e) => (e.type === "string" || e.type === "boolean") && !!e.enum || e.type === "boolean",
+	select: (e) => e.type === "string" && !!e.enum,
+	checkboxes: (e) => e.type === "array",
+	checkbox: (e) => e.type === "boolean",
+	updown: (e) => e.type === "number" || e.type === "integer",
+	range: (e) => e.type === "number" || e.type === "integer"
+};
+function o(e, t) {
+	let n = t?.["ui:widget"];
+	if (typeof n != "string") return !0;
+	let r = a[n];
+	return r ? r(e) : !0;
+}
+function s(a, s) {
+	let c = [], l = /* @__PURE__ */ new Set(), u = /* @__PURE__ */ new Set();
+	a.forEach((e, n) => {
+		e.fields.forEach((e, a) => {
+			let { schemaPath: d } = e;
+			if (l.has(d)) {
+				c.push({
+					stepIndex: n,
+					fieldIndex: a,
+					schemaPath: d,
+					message: `"${d}" is already bound to another field in this template.`
+				});
+				return;
+			}
+			l.add(d);
+			let f = t(d);
+			f && u.add(f);
+			let p = r(s, d)?.subSchema;
+			if (!p) {
+				c.push({
+					stepIndex: n,
+					fieldIndex: a,
+					schemaPath: d,
+					message: `"${d}" does not resolve to a property in the schema.`
+				});
+				return;
+			}
+			if (!i(p)) {
+				c.push({
+					stepIndex: n,
+					fieldIndex: a,
+					schemaPath: d,
+					message: `"${d}" is a nested object, not a single field.`
+				});
+				return;
+			}
+			o(p, e.uiDefinition) || c.push({
+				stepIndex: n,
+				fieldIndex: a,
+				schemaPath: d,
+				message: `The UI hint for "${d}" is incompatible with its property type.`
+			});
+		});
+	});
+	for (let t of e(s)) t.isRequired && !u.has(t.propertyKey) && c.push({
+		schemaPath: n(t.propertyKey),
+		message: `"${t.propertyKey}" is required by the schema but is not bound to any field in this template.`
+	});
+	return c;
+}
+//#endregion
+export { i as isLeafSchemaProperty, o as isUiHintCompatible, s as validateFormTemplateFields };
+
+//# sourceMappingURL=formTemplateValidation.js.map

package/dist/components/FormTemplateEditor/formTemplateValidation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formTemplateValidation.js","names":[],"sources":["../../../src/components/FormTemplateEditor/formTemplateValidation.ts"],"sourcesContent":["import { RJSFSchema } from '@rjsf/utils'\nimport {\n  FormTemplateField,\n  FormTemplateStep,\n} from '@sage-bionetworks/synapse-client'\nimport {\n  listResolvedSchemaProperties,\n  pointerToPropertyKey,\n  propertyKeyToPointer,\n  resolveSchemaPropertyAtPointer,\n} from '@/utils/jsonschema/submissionContext'\n\n/**\n * A property is a \"leaf\" — the only kind a `FormTemplateField.schemaPath` may address — when it\n * is not itself a nested object schema with its own `properties`. The simple editor only ever\n * authors leaves, but the raw JSON Schema escape hatch can produce a nested object.\n */\nexport function isLeafSchemaProperty(subSchema: RJSFSchema): boolean {\n  return !(subSchema.type === 'object' && subSchema.properties != null)\n}\n\n/** RJSF `ui:widget` names compatible with each JSON Schema property shape. */\nconst WIDGET_COMPATIBILITY: Record<string, (subSchema: RJSFSchema) => boolean> =\n  {\n    textarea: s => s.type === 'string' && !s.enum,\n    password: s => s.type === 'string' && !s.enum,\n    radio: s =>\n      ((s.type === 'string' || s.type === 'boolean') && !!s.enum) ||\n      s.type === 'boolean',\n    select: s => s.type === 'string' && !!s.enum,\n    checkboxes: s => s.type === 'array',\n    checkbox: s => s.type === 'boolean',\n    updown: s => s.type === 'number' || s.type === 'integer',\n    range: s => s.type === 'number' || s.type === 'integer',\n  }\n\n/**\n * Whether a field's `uiDefinition` (an RJSF `UiSchema` fragment) declares a `ui:widget`\n * incompatible with the resolved property's type/format. An empty or widget-less `uiDefinition`\n * is always compatible — there is nothing to conflict with.\n */\nexport function isUiHintCompatible(\n  subSchema: RJSFSchema,\n  uiDefinition: unknown,\n): boolean {\n  const widget = (uiDefinition as Record<string, unknown> | undefined)?.[\n    'ui:widget'\n  ]\n  if (typeof widget !== 'string') return true\n  const isCompatible = WIDGET_COMPATIBILITY[widget]\n  return isCompatible ? isCompatible(subSchema) : true\n}\n\nexport type FormTemplateFieldValidationError = {\n  /** Index of the step/field slot this error is anchored to. Omitted for an error against a\n   * schema-required property that isn't bound to any field -- there is no slot to anchor it to. */\n  stepIndex?: number\n  fieldIndex?: number\n  schemaPath: string\n  message: string\n}\n\n/**\n * Replicates the three rules the server enforces on `FormTemplateField` at create/update time\n * (see the `FormTemplateField` doc comment), so the editor can block save and point the error at\n * the offending field before ever reaching the server: the server only returns a flat,\n * concatenated message, not per-field errors. Also flags a schema property the server will\n * require (per its resolved submission context) that no field in the template binds to -- the\n * server accepts this silently, but the requester would then be unable to satisfy it.\n */\nexport function validateFormTemplateFields(\n  steps: FormTemplateStep[],\n  jsonSchema: RJSFSchema,\n): FormTemplateFieldValidationError[] {\n  const errors: FormTemplateFieldValidationError[] = []\n  const seenSchemaPaths = new Set<string>()\n  const boundPropertyKeys = new Set<string>()\n\n  steps.forEach((step, stepIndex) => {\n    step.fields.forEach((field: FormTemplateField, fieldIndex: number) => {\n      const { schemaPath } = field\n\n      if (seenSchemaPaths.has(schemaPath)) {\n        errors.push({\n          stepIndex,\n          fieldIndex,\n          schemaPath,\n          message: `\"${schemaPath}\" is already bound to another field in this template.`,\n        })\n        return\n      }\n      seenSchemaPaths.add(schemaPath)\n\n      const propertyKey = pointerToPropertyKey(schemaPath)\n      if (propertyKey) boundPropertyKeys.add(propertyKey)\n\n      const subSchema = resolveSchemaPropertyAtPointer(\n        jsonSchema,\n        schemaPath,\n      )?.subSchema\n      if (!subSchema) {\n        errors.push({\n          stepIndex,\n          fieldIndex,\n          schemaPath,\n          message: `\"${schemaPath}\" does not resolve to a property in the schema.`,\n        })\n        return\n      }\n\n      if (!isLeafSchemaProperty(subSchema)) {\n        errors.push({\n          stepIndex,\n          fieldIndex,\n          schemaPath,\n          message: `\"${schemaPath}\" is a nested object, not a single field.`,\n        })\n        return\n      }\n\n      if (!isUiHintCompatible(subSchema, field.uiDefinition)) {\n        errors.push({\n          stepIndex,\n          fieldIndex,\n          schemaPath,\n          message: `The UI hint for \"${schemaPath}\" is incompatible with its property type.`,\n        })\n      }\n    })\n  })\n\n  for (const property of listResolvedSchemaProperties(jsonSchema)) {\n    if (property.isRequired && !boundPropertyKeys.has(property.propertyKey)) {\n      errors.push({\n        schemaPath: propertyKeyToPointer(property.propertyKey),\n        message: `\"${property.propertyKey}\" is required by the schema but is not bound to any field in this template.`,\n      })\n    }\n  }\n\n  return errors\n}\n"],"mappings":";;AAiBA,SAAgB,EAAqB,GAAgC;CACnE,OAAO,EAAE,EAAU,SAAS,YAAY,EAAU,cAAc;AAClE;AAGA,IAAM,IACJ;CACE,WAAU,MAAK,EAAE,SAAS,YAAY,CAAC,EAAE;CACzC,WAAU,MAAK,EAAE,SAAS,YAAY,CAAC,EAAE;CACzC,QAAO,OACH,EAAE,SAAS,YAAY,EAAE,SAAS,cAAc,CAAC,CAAC,EAAE,QACtD,EAAE,SAAS;CACb,SAAQ,MAAK,EAAE,SAAS,YAAY,CAAC,CAAC,EAAE;CACxC,aAAY,MAAK,EAAE,SAAS;CAC5B,WAAU,MAAK,EAAE,SAAS;CAC1B,SAAQ,MAAK,EAAE,SAAS,YAAY,EAAE,SAAS;CAC/C,QAAO,MAAK,EAAE,SAAS,YAAY,EAAE,SAAS;AAChD;AAOF,SAAgB,EACd,GACA,GACS;CACT,IAAM,IAAU,IACd;CAEF,IAAI,OAAO,KAAW,UAAU,OAAO;CACvC,IAAM,IAAe,EAAqB;CAC1C,OAAO,IAAe,EAAa,CAAS,IAAI;AAClD;AAmBA,SAAgB,EACd,GACA,GACoC;CACpC,IAAM,IAA6C,CAAC,GAC9C,oBAAkB,IAAI,IAAY,GAClC,oBAAoB,IAAI,IAAY;CAE1C,EAAM,SAAS,GAAM,MAAc;EACjC,EAAK,OAAO,SAAS,GAA0B,MAAuB;GACpE,IAAM,EAAE,kBAAe;GAEvB,IAAI,EAAgB,IAAI,CAAU,GAAG;IACnC,EAAO,KAAK;KACV;KACA;KACA;KACA,SAAS,IAAI,EAAW;IAC1B,CAAC;IACD;GACF;GACA,EAAgB,IAAI,CAAU;GAE9B,IAAM,IAAc,EAAqB,CAAU;GACnD,AAAI,KAAa,EAAkB,IAAI,CAAW;GAElD,IAAM,IAAY,EAChB,GACA,CACF,GAAG;GACH,IAAI,CAAC,GAAW;IACd,EAAO,KAAK;KACV;KACA;KACA;KACA,SAAS,IAAI,EAAW;IAC1B,CAAC;IACD;GACF;GAEA,IAAI,CAAC,EAAqB,CAAS,GAAG;IACpC,EAAO,KAAK;KACV;KACA;KACA;KACA,SAAS,IAAI,EAAW;IAC1B,CAAC;IACD;GACF;GAEA,AAAK,EAAmB,GAAW,EAAM,YAAY,KACnD,EAAO,KAAK;IACV;IACA;IACA;IACA,SAAS,oBAAoB,EAAW;GAC1C,CAAC;EAEL,CAAC;CACH,CAAC;CAED,KAAK,IAAM,KAAY,EAA6B,CAAU,GAC5D,AAAI,EAAS,cAAc,CAAC,EAAkB,IAAI,EAAS,WAAW,KACpE,EAAO,KAAK;EACV,YAAY,EAAqB,EAAS,WAAW;EACrD,SAAS,IAAI,EAAS,YAAY;CACpC,CAAC;CAIL,OAAO;AACT"}