@braedonsaunders/appkit-forms 0.2.2

package/form-flow-validation.js

@@ -0,0 +1,154 @@
+import { FORM_STATUS_VALUES, FORM_TEMPLATE_ACTIONS, FORM_TEMPLATE_TRIGGERS, SKIP_FIELD_TYPES, hasPhotosCompanion, isAttachmentArrayField, labelText, lintAutomationGraph, storesResponseValue, } from '@braedonsaunders/appkit-forms-core';
+import { DEFAULT_LOCALE } from '@braedonsaunders/appkit-i18n';
+function fieldKind(field) {
+    if (field.type === 'number' ||
+        field.type === 'currency' ||
+        field.type === 'percentage' ||
+        field.type === 'slider' ||
+        field.type === 'rating')
+        return 'number';
+    if (field.type === 'date' || field.type === 'datetime' || field.type === 'time')
+        return 'date';
+    if (field.type === 'person_picker' || field.type === 'multi_person_picker')
+        return 'person';
+    if (['customer_picker', 'project_picker', 'site_picker', 'area_picker'].includes(field.type)) {
+        return 'org_unit';
+    }
+    if (['select', 'radio', 'pass_fail_na', 'rating', 'traffic_light', 'multi_select'].includes(field.type)) {
+        return 'enum';
+    }
+    return 'text';
+}
+export function formFlowProfile(templateId, label, schema, locale = DEFAULT_LOCALE, defaultLocale = DEFAULT_LOCALE) {
+    const fields = schema.sections.flatMap((section) => section.repeating
+        ? []
+        : section.fields
+            .filter((field) => !SKIP_FIELD_TYPES.has(field.type))
+            .map((field) => ({
+            key: field.id,
+            label: labelText(field.label, field.id, locale, defaultLocale),
+            kind: fieldKind(field),
+            writable: storesResponseValue(field),
+            photoSource: isAttachmentArrayField(field.type) || hasPhotosCompanion(field.type),
+            textOutput: storesResponseValue(field) && ['text', 'long_text', 'rich_text'].includes(field.type),
+        })));
+    fields.push({
+        key: 'compliance_score',
+        label: 'Compliance score',
+        kind: 'number',
+        writable: false,
+        photoSource: false,
+        textOutput: false,
+    }, {
+        key: 'compliance_status',
+        label: 'Compliance status',
+        kind: 'enum',
+        writable: false,
+        photoSource: false,
+        textOutput: false,
+    });
+    return {
+        subjectType: 'form_template',
+        subjectKey: templateId,
+        label,
+        triggers: FORM_TEMPLATE_TRIGGERS,
+        actions: FORM_TEMPLATE_ACTIONS,
+        statusValues: FORM_STATUS_VALUES,
+        fields,
+    };
+}
+function actionFieldReferences(graph) {
+    const refs = [];
+    for (const node of graph.nodes) {
+        if (node.data.kind === 'gate' && node.data.gate.assignee.type === 'field') {
+            refs.push({ where: `Gate ${node.id} assignee`, field: node.data.gate.assignee.field });
+            continue;
+        }
+        if (node.data.kind !== 'action')
+            continue;
+        const action = node.data.action;
+        if (action.action === 'send_email') {
+            for (const target of action.to) {
+                if (target.type === 'field') {
+                    refs.push({ where: `Action ${node.id} recipient`, field: target.field });
+                }
+            }
+        }
+        else if (action.action === 'create_capa' && action.assignee?.type === 'field') {
+            refs.push({ where: `Action ${node.id} assignee`, field: action.assignee.field });
+        }
+    }
+    return refs;
+}
+export function lintFormFlowGraph(graph, templateId, label, schema) {
+    const profile = formFlowProfile(templateId, label, schema);
+    const fields = new Map();
+    for (const section of schema.sections) {
+        if (section.repeating)
+            continue;
+        for (const field of section.fields)
+            fields.set(field.id, field);
+    }
+    const readableIds = new Set(profile.fields.map((field) => field.key));
+    const writableIds = new Set([...fields.values()].filter((field) => storesResponseValue(field)).map((field) => field.id));
+    const errors = lintAutomationGraph(graph, readableIds, profile);
+    for (const ref of actionFieldReferences(graph)) {
+        if (!readableIds.has(ref.field))
+            errors.push(`${ref.where} references unknown field "${ref.field}"`);
+    }
+    for (const node of graph.nodes) {
+        if (node.data.kind === 'trigger' && node.data.trigger.trigger === 'manual') {
+            if (!node.data.trigger.buttonId.trim() || !node.data.trigger.label.trim()) {
+                errors.push(`Trigger ${node.id}: manual buttons require an id and label.`);
+            }
+        }
+        if (node.data.kind === 'gate') {
+            if (!node.data.gate.title.trim())
+                errors.push(`Gate ${node.id}: title is required.`);
+            continue;
+        }
+        if (node.data.kind !== 'action')
+            continue;
+        const action = node.data.action;
+        if (action.action === 'set_field' && !writableIds.has(action.field)) {
+            errors.push(`Action ${node.id}: set_field must target a stored, top-level response field.`);
+        }
+        else if (action.action === 'analyze_photos') {
+            const photoField = fields.get(action.fieldId);
+            if (!photoField ||
+                (!isAttachmentArrayField(photoField.type) && !hasPhotosCompanion(photoField.type))) {
+                errors.push(`Action ${node.id}: analyze_photos requires a top-level photo field.`);
+            }
+            if (action.storeInField) {
+                const output = fields.get(action.storeInField);
+                if (!output ||
+                    !storesResponseValue(output) ||
+                    !['text', 'long_text', 'rich_text'].includes(output.type)) {
+                    errors.push(`Action ${node.id}: photo analysis output requires a text response field.`);
+                }
+            }
+        }
+        else if (action.action === 'start_monitored_session') {
+            for (const [name, fieldId] of [
+                ['interval', action.intervalFieldKey],
+                ['grace', action.graceFieldKey],
+                ['duration', action.durationFieldKey],
+            ]) {
+                if (fieldId && !['number', 'slider'].includes(fields.get(fieldId)?.type ?? '')) {
+                    errors.push(`Action ${node.id}: ${name} binding requires a top-level number field.`);
+                }
+            }
+        }
+        else if (action.action === 'create_capa' && !action.titleTemplate.trim()) {
+            errors.push(`Action ${node.id}: CAPA title is required.`);
+        }
+        else if (action.action === 'create_incident' && !action.titleTemplate.trim()) {
+            errors.push(`Action ${node.id}: incident title is required.`);
+        }
+        else if (action.action === 'notify_role' && (!action.role.trim() || !action.message.trim())) {
+            errors.push(`Action ${node.id}: notification role and message are required.`);
+        }
+    }
+    return Array.from(new Set(errors));
+}
+//# sourceMappingURL=form-flow-validation.js.map

package/form-flow-validation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-flow-validation.js","sourceRoot":"","sources":["../src/form-flow-validation.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  FORM_STATUS_VALUES,\n  FORM_TEMPLATE_ACTIONS,\n  FORM_TEMPLATE_TRIGGERS,\n  SKIP_FIELD_TYPES,\n  hasPhotosCompanion,\n  isAttachmentArrayField,\n  labelText,\n  lintAutomationGraph,\n  storesResponseValue,\n  type AutomationGraph,\n  type FlowFieldKind,\n  type FlowSubjectProfile,\n  type FormField,\n  type FormSchemaV1,\n} from '@braedonsaunders/appkit-forms-core'\nimport { DEFAULT_LOCALE, type AppLocale } from '@braedonsaunders/appkit-i18n'\n\nfunction fieldKind(field: FormField): FlowFieldKind {\n  if (\n    field.type === 'number' ||\n    field.type === 'currency' ||\n    field.type === 'percentage' ||\n    field.type === 'slider' ||\n    field.type === 'rating'\n  ) return 'number'\n  if (field.type === 'date' || field.type === 'datetime' || field.type === 'time') return 'date'\n  if (field.type === 'person_picker' || field.type === 'multi_person_picker') return 'person'\n  if (['customer_picker', 'project_picker', 'site_picker', 'area_picker'].includes(field.type)) {\n    return 'org_unit'\n  }\n  if (\n    ['select', 'radio', 'pass_fail_na', 'rating', 'traffic_light', 'multi_select'].includes(\n      field.type,\n    )\n  ) {\n    return 'enum'\n  }\n  return 'text'\n}\n\nexport function formFlowProfile(\n  templateId: string,\n  label: string,\n  schema: FormSchemaV1,\n  locale: AppLocale = DEFAULT_LOCALE,\n  defaultLocale: AppLocale = DEFAULT_LOCALE,\n): FlowSubjectProfile {\n  const fields = schema.sections.flatMap((section) =>\n    section.repeating\n      ? []\n      : section.fields\n          .filter((field) => !SKIP_FIELD_TYPES.has(field.type))\n          .map((field) => ({\n            key: field.id,\n            label: labelText(field.label, field.id, locale, defaultLocale),\n            kind: fieldKind(field),\n            writable: storesResponseValue(field),\n            photoSource: isAttachmentArrayField(field.type) || hasPhotosCompanion(field.type),\n            textOutput:\n              storesResponseValue(field) && ['text', 'long_text', 'rich_text'].includes(field.type),\n          })),\n  )\n  fields.push(\n    {\n      key: 'compliance_score',\n      label: 'Compliance score',\n      kind: 'number',\n      writable: false,\n      photoSource: false,\n      textOutput: false,\n    },\n    {\n      key: 'compliance_status',\n      label: 'Compliance status',\n      kind: 'enum',\n      writable: false,\n      photoSource: false,\n      textOutput: false,\n    },\n  )\n  return {\n    subjectType: 'form_template',\n    subjectKey: templateId,\n    label,\n    triggers: FORM_TEMPLATE_TRIGGERS,\n    actions: FORM_TEMPLATE_ACTIONS,\n    statusValues: FORM_STATUS_VALUES,\n    fields,\n  }\n}\n\nfunction actionFieldReferences(graph: AutomationGraph): Array<{ where: string; field: string }> {\n  const refs: Array<{ where: string; field: string }> = []\n  for (const node of graph.nodes) {\n    if (node.data.kind === 'gate' && node.data.gate.assignee.type === 'field') {\n      refs.push({ where: `Gate ${node.id} assignee`, field: node.data.gate.assignee.field })\n      continue\n    }\n    if (node.data.kind !== 'action') continue\n    const action = node.data.action\n    if (action.action === 'send_email') {\n      for (const target of action.to) {\n        if (target.type === 'field') {\n          refs.push({ where: `Action ${node.id} recipient`, field: target.field })\n        }\n      }\n    } else if (action.action === 'create_capa' && action.assignee?.type === 'field') {\n      refs.push({ where: `Action ${node.id} assignee`, field: action.assignee.field })\n    }\n  }\n  return refs\n}\n\nexport function lintFormFlowGraph(\n  graph: AutomationGraph,\n  templateId: string,\n  label: string,\n  schema: FormSchemaV1,\n): string[] {\n  const profile = formFlowProfile(templateId, label, schema)\n  const fields = new Map<string, FormField>()\n  for (const section of schema.sections) {\n    if (section.repeating) continue\n    for (const field of section.fields) fields.set(field.id, field)\n  }\n  const readableIds = new Set(profile.fields.map((field) => field.key))\n  const writableIds = new Set(\n    [...fields.values()].filter((field) => storesResponseValue(field)).map((field) => field.id),\n  )\n  const errors = lintAutomationGraph(graph, readableIds, profile)\n\n  for (const ref of actionFieldReferences(graph)) {\n    if (!readableIds.has(ref.field))\n      errors.push(`${ref.where} references unknown field \"${ref.field}\"`)\n  }\n\n  for (const node of graph.nodes) {\n    if (node.data.kind === 'trigger' && node.data.trigger.trigger === 'manual') {\n      if (!node.data.trigger.buttonId.trim() || !node.data.trigger.label.trim()) {\n        errors.push(`Trigger ${node.id}: manual buttons require an id and label.`)\n      }\n    }\n    if (node.data.kind === 'gate') {\n      if (!node.data.gate.title.trim()) errors.push(`Gate ${node.id}: title is required.`)\n      continue\n    }\n    if (node.data.kind !== 'action') continue\n    const action = node.data.action\n    if (action.action === 'set_field' && !writableIds.has(action.field)) {\n      errors.push(`Action ${node.id}: set_field must target a stored, top-level response field.`)\n    } else if (action.action === 'analyze_photos') {\n      const photoField = fields.get(action.fieldId)\n      if (\n        !photoField ||\n        (!isAttachmentArrayField(photoField.type) && !hasPhotosCompanion(photoField.type))\n      ) {\n        errors.push(`Action ${node.id}: analyze_photos requires a top-level photo field.`)\n      }\n      if (action.storeInField) {\n        const output = fields.get(action.storeInField)\n        if (\n          !output ||\n          !storesResponseValue(output) ||\n          !['text', 'long_text', 'rich_text'].includes(output.type)\n        ) {\n          errors.push(`Action ${node.id}: photo analysis output requires a text response field.`)\n        }\n      }\n    } else if (action.action === 'start_monitored_session') {\n      for (const [name, fieldId] of [\n        ['interval', action.intervalFieldKey],\n        ['grace', action.graceFieldKey],\n        ['duration', action.durationFieldKey],\n      ] as const) {\n        if (fieldId && !['number', 'slider'].includes(fields.get(fieldId)?.type ?? '')) {\n          errors.push(`Action ${node.id}: ${name} binding requires a top-level number field.`)\n        }\n      }\n    } else if (action.action === 'create_capa' && !action.titleTemplate.trim()) {\n      errors.push(`Action ${node.id}: CAPA title is required.`)\n    } else if (action.action === 'create_incident' && !action.titleTemplate.trim()) {\n      errors.push(`Action ${node.id}: incident title is required.`)\n    } else if (action.action === 'notify_role' && (!action.role.trim() || !action.message.trim())) {\n      errors.push(`Action ${node.id}: notification role and message are required.`)\n    }\n  }\n  return Array.from(new Set(errors))\n}\n"]}

package/form-renderer.d.ts

@@ -0,0 +1,37 @@
+import * as React from 'react';
+import { type EntityAttrsByField, type EvalContext, type FieldType, type FormField, type FormSchemaV1 } from '@braedonsaunders/appkit-forms-core';
+import { type AppLocale } from '@braedonsaunders/appkit-i18n';
+import type { RiskMatrixConfig } from './risk-matrix.js';
+export type FormValues = Record<string, unknown>;
+export type FormOption = {
+    value: string;
+    label: string;
+    hint?: string;
+};
+export type FormFieldAdapterProps = {
+    field: FormField;
+    value: unknown;
+    onChange: (value: unknown) => void;
+    error?: string;
+    disabled: boolean;
+    locale: AppLocale;
+};
+export type FormFieldAdapter = (props: FormFieldAdapterProps) => React.ReactNode;
+export type FormRendererProps = {
+    schema: FormSchemaV1;
+    values?: FormValues;
+    defaultValues?: FormValues;
+    onChange?: (values: FormValues) => void;
+    onSubmit?: (values: FormValues) => void | Promise<void>;
+    locale?: AppLocale;
+    disabled?: boolean;
+    submitLabel?: string;
+    optionsByField?: Readonly<Record<string, readonly FormOption[]>>;
+    fieldAdapters?: Partial<Record<FieldType, FormFieldAdapter>>;
+    className?: string;
+    requestContext?: EvalContext['requestContext'];
+    entities?: EntityAttrsByField;
+    riskMatrix?: RiskMatrixConfig;
+};
+export declare function FormRenderer({ schema, values: controlledValues, defaultValues, onChange, onSubmit, locale, disabled, submitLabel, optionsByField, fieldAdapters, className, requestContext, entities, riskMatrix, }: FormRendererProps): React.JSX.Element;
+//# sourceMappingURL=form-renderer.d.ts.map

package/form-renderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-renderer.d.ts","sourceRoot":"","sources":["../src/form-renderer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAKL,KAAK,kBAAkB,EACvB,KAAK,WAAW,EAChB,KAAK,SAAS,EACd,KAAK,SAAS,EACd,KAAK,YAAY,EAElB,MAAM,oCAAoC,CAAA;AAC3C,OAAO,EAAkB,KAAK,SAAS,EAAE,MAAM,8BAA8B,CAAA;AAc7E,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAErD,MAAM,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;AAChD,MAAM,MAAM,UAAU,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,CAAA;AAExE,MAAM,MAAM,qBAAqB,GAAG;IAClC,KAAK,EAAE,SAAS,CAAA;IAChB,KAAK,EAAE,OAAO,CAAA;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAA;IAClC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,OAAO,CAAA;IACjB,MAAM,EAAE,SAAS,CAAA;CAClB,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG,CAAC,KAAK,EAAE,qBAAqB,KAAK,KAAK,CAAC,SAAS,CAAA;AAEhF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,MAAM,EAAE,YAAY,CAAA;IACpB,MAAM,CAAC,EAAE,UAAU,CAAA;IACnB,aAAa,CAAC,EAAE,UAAU,CAAA;IAC1B,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAA;IACvC,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IACvD,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,cAAc,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,SAAS,UAAU,EAAE,CAAC,CAAC,CAAA;IAChE,aAAa,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,SAAS,EAAE,gBAAgB,CAAC,CAAC,CAAA;IAC5D,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,CAAA;IAC9C,QAAQ,CAAC,EAAE,kBAAkB,CAAA;IAC7B,UAAU,CAAC,EAAE,gBAAgB,CAAA;CAC9B,CAAA;AAeD,wBAAgB,YAAY,CAAC,EAC3B,MAAM,EACN,MAAM,EAAE,gBAAgB,EACxB,aAAkB,EAClB,QAAQ,EACR,QAAQ,EACR,MAAuB,EACvB,QAAgB,EAChB,WAAsB,EACtB,cAAmB,EACnB,aAAkB,EAClB,SAAS,EACT,cAAc,EACd,QAAa,EACb,UAAU,GACX,EAAE,iBAAiB,qBA+HnB"}

package/form-renderer.js

@@ -0,0 +1,282 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { ArrowDown, ArrowUp, Plus, Trash2 } from 'lucide-react';
+import { evaluateLogicRule, evaluateFormulaTree, resolveDefaultValue, validateResponse, } from '@braedonsaunders/appkit-forms-core';
+import { DEFAULT_LOCALE } from '@braedonsaunders/appkit-i18n';
+import { Alert, AlertDescription, Button, Checkbox, Input, Label, Textarea, cn, } from '@braedonsaunders/appkit-ui';
+import { RichTextEditor } from '@braedonsaunders/appkit-editor';
+import { readText } from './text.js';
+import { AddressField, GpsField, MatrixField, RiskField, SignatureField, SketchField, TableField } from './runtime-controls.js';
+const ADAPTER_FIELD_TYPES = new Set([
+    'photo',
+    'photo_upload',
+    'photo_ai',
+    'photo_annotated',
+    'file',
+    'video',
+    'audio',
+    'lookup',
+    'data_table',
+    'metric',
+]);
+export function FormRenderer({ schema, values: controlledValues, defaultValues = {}, onChange, onSubmit, locale = DEFAULT_LOCALE, disabled = false, submitLabel = 'Submit', optionsByField = {}, fieldAdapters = {}, className, requestContext, entities = {}, riskMatrix, }) {
+    const initialValues = React.useMemo(() => applySchemaDefaults(schema, defaultValues, requestContext, entities), [defaultValues, entities, requestContext, schema]);
+    const [internalValues, setInternalValues] = React.useState(initialValues);
+    const [errors, setErrors] = React.useState([]);
+    const [submitting, setSubmitting] = React.useState(false);
+    const [stepIndex, setStepIndex] = React.useState(0);
+    const [activeTabId, setActiveTabId] = React.useState(schema.tabs?.[0]?.id ?? '');
+    const values = controlledValues ?? internalValues;
+    const errorMap = new Map(errors.map((error) => [error.fieldId, error.message]));
+    const rows = Object.fromEntries(schema.sections.filter((section) => section.repeating).map((section) => [section.id, Array.isArray(values[section.id]) ? values[section.id] : []]));
+    const evalContext = { values, rows, entities, requestContext };
+    const steps = schema.workflow?.steps ?? [];
+    const currentStep = steps[Math.min(stepIndex, Math.max(0, steps.length - 1))];
+    const stepSections = currentStep
+        ? schema.sections.filter((section) => (section.step ?? steps[0]?.key) === currentStep.key)
+        : schema.sections;
+    const tabs = schema.tabs ?? [];
+    const visibleSections = tabs.length > 1 && steps.length <= 1
+        ? stepSections.filter((section) => (section.tabId ?? tabs[0]?.id) === activeTabId)
+        : stepSections;
+    function update(fieldId, next) {
+        const updated = { ...values, [fieldId]: next };
+        if (controlledValues === undefined)
+            setInternalValues(updated);
+        onChange?.(updated);
+        if (errorMap.has(fieldId))
+            setErrors((current) => current.filter((error) => error.fieldId !== fieldId));
+    }
+    async function submit(event) {
+        event.preventDefault();
+        const nextErrors = validateResponse(schema, values, 'submit');
+        setErrors(nextErrors);
+        if (nextErrors.length > 0 || !onSubmit)
+            return;
+        setSubmitting(true);
+        try {
+            await onSubmit(values);
+        }
+        finally {
+            setSubmitting(false);
+        }
+    }
+    function nextStep() {
+        const sectionIds = new Set(stepSections.map((section) => section.id));
+        const fieldIds = new Set(stepSections.flatMap((section) => section.fields.map((field) => field.id)));
+        const nextErrors = validateResponse(schema, values, 'submit').filter((error) => {
+            if (error.fieldId.startsWith('__section_'))
+                return sectionIds.has(error.fieldId.slice(10));
+            if (fieldIds.has(error.fieldId))
+                return true;
+            return [...sectionIds].some((sectionId) => error.fieldId.startsWith(`${sectionId}.`));
+        });
+        setErrors(nextErrors);
+        if (nextErrors.length === 0)
+            setStepIndex((current) => Math.min(steps.length - 1, current + 1));
+    }
+    return (_jsxs("form", { onSubmit: submit, className: cn('space-y-6', className), noValidate: true, children: [_jsxs("header", { className: "space-y-1", children: [_jsx("h1", { className: "text-2xl font-semibold tracking-tight text-fg", children: readText(schema.title, locale, 'Untitled form') }), schema.description ? _jsx("p", { className: "text-sm text-fg-muted", children: readText(schema.description, locale) }) : null] }), steps.length > 1 ? _jsx("nav", { "aria-label": "Form progress", className: "grid gap-2", style: { gridTemplateColumns: `repeat(${steps.length}, minmax(0, 1fr))` }, children: steps.map((step, index) => _jsx("button", { type: "button", onClick: () => index <= stepIndex && setStepIndex(index), disabled: index > stepIndex, className: cn('rounded-md border px-3 py-2 text-left text-xs', index === stepIndex ? 'border-primary bg-primary-subtle text-primary' : index < stepIndex ? 'border-success bg-success-subtle text-success' : 'border-border bg-surface text-fg-muted'), children: _jsxs("span", { className: "block font-semibold", children: [index + 1, ". ", readText(step.title, locale, step.key)] }) }, step.key)) }) : null, tabs.length > 1 && steps.length <= 1 ? _jsx("div", { role: "tablist", className: "flex gap-1 overflow-x-auto border-b border-border", children: tabs.map((tab) => _jsx("button", { type: "button", role: "tab", "aria-selected": activeTabId === tab.id, onClick: () => setActiveTabId(tab.id), className: cn('border-b-2 px-3 py-2 text-sm font-medium', activeTabId === tab.id ? 'border-primary text-primary' : 'border-transparent text-fg-muted hover:text-fg'), children: readText(tab.title, locale, tab.id) }, tab.id)) }) : null, errors.length > 0 ? (_jsx(Alert, { variant: "destructive", role: "alert", children: _jsxs(AlertDescription, { children: ["Review ", errors.length, " field", errors.length === 1 ? '' : 's', " before submitting."] }) })) : null, visibleSections.map((section) => {
+                const visible = !section.showIf || evaluateLogicRule(section.showIf, evalContext);
+                if (!visible)
+                    return null;
+                if (section.repeating) {
+                    const rows = Array.isArray(values[section.id])
+                        ? values[section.id]
+                        : [];
+                    return (_jsx(RepeatingSection, { section: section, rows: rows, onChange: (next) => update(section.id, next), errorMap: errorMap, disabled: disabled || submitting, locale: locale, optionsByField: optionsByField, fieldAdapters: fieldAdapters, evalContext: evalContext, riskMatrix: riskMatrix }, section.id));
+                }
+                return (_jsxs("section", { className: "rounded-xl border border-border bg-surface shadow-sm", children: [(section.title || section.description) ? (_jsxs("div", { className: "border-b border-border bg-bg-subtle px-5 py-4", children: [section.title ? _jsx("h2", { className: "font-semibold text-fg", children: readText(section.title, locale) }) : null, section.description ? _jsx("p", { className: "mt-1 text-sm text-fg-muted", children: readText(section.description, locale) }) : null] })) : null, _jsx("div", { className: cn('grid gap-5 p-5', section.canvas ? 'grid-cols-12 auto-rows-[40px]' : section.layout?.columns === 2 ? 'sm:grid-cols-2' : section.layout?.columns === 3 ? 'sm:grid-cols-2 lg:grid-cols-3' : section.layout?.columns === 4 ? 'sm:grid-cols-2 lg:grid-cols-4' : ''), children: section.fields.map((field) => {
+                                const fieldVisible = !field.showIf || evaluateLogicRule(field.showIf, evalContext);
+                                if (!fieldVisible)
+                                    return null;
+                                const canvasItem = section.canvas?.items.find((item) => item.i === field.id);
+                                const fieldValue = field.type === 'formula' && field.formula
+                                    ? evaluateFormulaTree(field.formula, evalContext)
+                                    : values[field.id];
+                                return (_jsx("div", { className: cn(!canvasItem && field.config?.width === 'full' && 'col-span-full'), style: canvasItem ? { gridColumn: `${canvasItem.x + 1} / span ${canvasItem.w}`, gridRow: `${canvasItem.y + 1} / span ${canvasItem.h}` } : undefined, children: _jsx(FieldControl, { field: field, value: fieldValue, onChange: (next) => update(field.id, next), error: errorMap.get(field.id), disabled: disabled || submitting, locale: locale, options: optionsByField[field.id] ?? [], adapter: fieldAdapters[field.type], riskMatrix: riskMatrix }) }, field.id));
+                            }) })] }, section.id));
+            }), onSubmit ? _jsxs("div", { className: "flex justify-between gap-2", children: [steps.length > 1 && stepIndex > 0 ? _jsx(Button, { type: "button", variant: "outline", disabled: disabled || submitting, onClick: () => setStepIndex((current) => Math.max(0, current - 1)), children: "Back" }) : _jsx("span", {}), steps.length > 1 && stepIndex < steps.length - 1 ? _jsx(Button, { type: "button", disabled: disabled || submitting, onClick: nextStep, children: "Next" }) : _jsx(Button, { type: "submit", disabled: disabled || submitting, children: submitting ? 'Submitting…' : submitLabel })] }) : null] }));
+}
+function RepeatingSection({ section, rows, onChange, errorMap, disabled, locale, optionsByField, fieldAdapters, evalContext, riskMatrix }) {
+    const canAdd = section.maxRows === undefined || rows.length < section.maxRows;
+    const canRemove = rows.length > (section.minRows ?? 0);
+    function patchRow(rowIndex, fieldId, value) {
+        const next = rows.map((row, index) => index === rowIndex ? { ...row, [fieldId]: value } : row);
+        onChange(next);
+    }
+    return (_jsxs("section", { className: "rounded-xl border border-border bg-surface shadow-sm", children: [_jsxs("div", { className: "flex items-start justify-between gap-4 border-b border-border bg-bg-subtle px-5 py-4", children: [_jsxs("div", { children: [section.title ? _jsx("h2", { className: "font-semibold text-fg", children: readText(section.title, locale) }) : null, section.description ? _jsx("p", { className: "mt-1 text-sm text-fg-muted", children: readText(section.description, locale) }) : null] }), _jsxs(Button, { type: "button", size: "sm", variant: "outline", disabled: disabled || !canAdd, onClick: () => onChange([...rows, {}]), children: [_jsx(Plus, { size: 15 }), "Add row"] })] }), _jsxs("div", { className: "space-y-4 p-5", children: [errorMap.get(`__section_${section.id}`) ? _jsx("p", { className: "text-sm text-danger", children: errorMap.get(`__section_${section.id}`) }) : null, rows.length === 0 ? _jsx("p", { className: "rounded-lg border border-dashed border-border-strong px-4 py-6 text-center text-sm text-fg-muted", children: "No rows yet." }) : null, rows.map((row, rowIndex) => (_jsxs("div", { className: "rounded-lg border border-border bg-bg p-4", children: [_jsxs("div", { className: "mb-4 flex items-center justify-between gap-3", children: [_jsx("h3", { className: "text-sm font-semibold text-fg", children: rowLabel(section.rowLabelTemplate, rowIndex, row) }), _jsx(Button, { type: "button", size: "icon", variant: "ghost", "aria-label": `Remove row ${rowIndex + 1}`, disabled: disabled || !canRemove, onClick: () => onChange(rows.filter((_, index) => index !== rowIndex)), children: _jsx(Trash2, { size: 15 }) })] }), _jsx("div", { className: "grid gap-5 sm:grid-cols-2", children: section.fields.map((field) => {
+                                    const rowContext = { ...evalContext, values: { ...evalContext.values, ...row } };
+                                    const visible = !field.showIf || evaluateLogicRule(field.showIf, rowContext);
+                                    if (!visible)
+                                        return null;
+                                    const fieldValue = field.type === 'formula' && field.formula ? evaluateFormulaTree(field.formula, rowContext) : row[field.id];
+                                    return _jsx(FieldControl, { field: field, value: fieldValue, onChange: (next) => patchRow(rowIndex, field.id, next), error: errorMap.get(`${section.id}.${rowIndex}.${field.id}`), disabled: disabled, locale: locale, options: optionsByField[field.id] ?? [], adapter: fieldAdapters[field.type], riskMatrix: riskMatrix }, field.id);
+                                }) })] }, rowIndex)))] })] }));
+}
+function rowLabel(template, index, row) {
+    if (!template)
+        return `Row ${index + 1}`;
+    return template
+        .replaceAll('{index+1}', String(index + 1))
+        .replaceAll('{index}', String(index))
+        .replace(/\{([A-Za-z0-9_-]+)\}/g, (_, key) => String(row[key] ?? ''));
+}
+function FieldControl({ field, value, onChange, error, disabled, locale, options, adapter, riskMatrix }) {
+    if (adapter)
+        return _jsxs("div", { className: "space-y-2", children: [fieldLabel(field, locale), adapter({ field, value, onChange, error, disabled, locale }), fieldHelp(field, locale, error)] });
+    if (field.type === 'heading')
+        return _jsx("h3", { className: "col-span-full text-lg font-semibold text-fg", children: readText(field.label, locale) });
+    if (field.type === 'paragraph')
+        return _jsx("p", { className: "col-span-full text-sm text-fg-muted", children: readText(field.helpText ?? field.label, locale) });
+    if (field.type === 'divider')
+        return _jsx("hr", { className: "col-span-full border-border" });
+    if (field.type === 'formula')
+        return _jsx(OutputField, { field: field, value: value, locale: locale });
+    const nativeProps = { field, value, onChange, disabled };
+    if (field.type === 'gps')
+        return _jsx(FieldFrame, { field: field, locale: locale, error: error, children: _jsx(GpsField, { ...nativeProps }) });
+    if (field.type === 'address')
+        return _jsx(FieldFrame, { field: field, locale: locale, error: error, children: _jsx(AddressField, { ...nativeProps }) });
+    if (field.type === 'table')
+        return _jsx(FieldFrame, { field: field, locale: locale, error: error, children: _jsx(TableField, { ...nativeProps }) });
+    if (field.type === 'matrix')
+        return _jsx(FieldFrame, { field: field, locale: locale, error: error, children: _jsx(MatrixField, { ...nativeProps }) });
+    if (field.type === 'risk_matrix')
+        return _jsx(FieldFrame, { field: field, locale: locale, error: error, hideLabel: true, children: _jsx(RiskField, { ...nativeProps, matrix: riskMatrix }) });
+    if (field.type === 'signature')
+        return _jsx(FieldFrame, { field: field, locale: locale, error: error, children: _jsx(SignatureField, { ...nativeProps }) });
+    if (field.type === 'sketch')
+        return _jsx(FieldFrame, { field: field, locale: locale, error: error, children: _jsx(SketchField, { ...nativeProps }) });
+    if (ADAPTER_FIELD_TYPES.has(field.type))
+        throw new Error(`Form field ${field.id} (${field.type}) requires a field adapter`);
+    const common = { id: field.id, disabled, 'aria-invalid': Boolean(error), 'aria-describedby': `${field.id}-help` };
+    const choiceOptions = field.validation?.options?.map((option) => ({ value: option.value, label: readText(option.label, locale) })) ?? options;
+    let control;
+    switch (field.type) {
+        case 'long_text':
+            control = _jsx(Textarea, { ...common, value: typeof value === 'string' ? value : '', onChange: (event) => onChange(event.target.value) });
+            break;
+        case 'rich_text':
+            control = _jsx(RichTextEditor, { value: typeof value === 'string' ? value : '', disabled: disabled, onChange: onChange, normalizeLink: safeLink });
+            break;
+        case 'number':
+        case 'currency':
+        case 'percentage':
+            control = _jsx(Input, { ...common, type: "number", inputMode: "decimal", value: typeof value === 'number' ? value : '', min: numberConfig(field, 'min'), max: numberConfig(field, 'max'), step: numberConfig(field, 'step') ?? (field.type === 'currency' ? 0.01 : 'any'), onChange: (event) => onChange(event.target.value === '' ? undefined : Number(event.target.value)) });
+            break;
+        case 'slider': {
+            const min = numberConfig(field, 'min') ?? 0;
+            const max = numberConfig(field, 'max') ?? 10;
+            control = _jsxs("div", { className: "flex items-center gap-3", children: [_jsx("input", { ...common, className: "h-2 flex-1 accent-primary", type: "range", min: min, max: max, step: numberConfig(field, 'step') ?? 1, value: typeof value === 'number' ? value : min, onChange: (event) => onChange(Number(event.target.value)) }), _jsx("output", { className: "w-10 text-right text-sm tabular-nums text-fg", children: typeof value === 'number' ? value : min })] });
+            break;
+        }
+        case 'rating': {
+            const max = numberConfig(field, 'max') ?? 5;
+            control = _jsx("div", { className: "flex flex-wrap gap-2", children: Array.from({ length: max }, (_, index) => index + 1).map((rating) => _jsx(Button, { type: "button", size: "icon", variant: value === rating ? 'default' : 'outline', disabled: disabled, onClick: () => onChange(rating), "aria-label": `Rate ${rating} of ${max}`, children: rating }, rating)) });
+            break;
+        }
+        case 'radio':
+        case 'pass_fail_na':
+        case 'traffic_light': {
+            const items = field.type === 'pass_fail_na' ? [{ value: 'pass', label: 'Pass' }, { value: 'fail', label: 'Fail' }, { value: 'n_a', label: 'N/A' }] : field.type === 'traffic_light' ? [{ value: 'green', label: 'Green' }, { value: 'yellow', label: 'Yellow' }, { value: 'red', label: 'Red' }] : choiceOptions;
+            control = _jsx("div", { className: "flex flex-wrap gap-2", children: items.map((option) => _jsx(Button, { type: "button", size: "sm", variant: value === option.value ? 'default' : 'outline', disabled: disabled, onClick: () => onChange(option.value), children: option.label }, option.value)) });
+            break;
+        }
+        case 'checkbox_group':
+        case 'multi_select':
+        case 'multi_person_picker': {
+            const selected = Array.isArray(value) ? value.filter((item) => typeof item === 'string') : [];
+            control = _jsx("div", { className: "space-y-2", children: choiceOptions.map((option) => _jsxs("label", { className: "flex items-center gap-2 text-sm text-fg", children: [_jsx(Checkbox, { disabled: disabled, checked: selected.includes(option.value), onChange: (event) => onChange(event.target.checked ? [...selected, option.value] : selected.filter((entry) => entry !== option.value)) }), option.label] }, option.value)) });
+            break;
+        }
+        case 'ranking': {
+            const ordered = Array.isArray(value) && value.length > 0
+                ? value.filter((item) => typeof item === 'string')
+                : choiceOptions.map((option) => option.value);
+            control = _jsx("div", { className: "space-y-1", children: ordered.map((entry, index) => { const option = choiceOptions.find((item) => item.value === entry); return _jsxs("div", { className: "flex items-center gap-2 rounded-md border border-border bg-bg-subtle px-2 py-1.5", children: [_jsx("span", { className: "w-5 text-center text-xs tabular-nums text-fg-muted", children: index + 1 }), _jsx("span", { className: "min-w-0 flex-1 truncate text-sm text-fg", children: option?.label ?? entry }), _jsx(Button, { type: "button", size: "icon", variant: "ghost", "aria-label": `Move ${option?.label ?? entry} up`, disabled: disabled || index === 0, onClick: () => onChange(move(ordered, index, index - 1)), children: _jsx(ArrowUp, { size: 14 }) }), _jsx(Button, { type: "button", size: "icon", variant: "ghost", "aria-label": `Move ${option?.label ?? entry} down`, disabled: disabled || index === ordered.length - 1, onClick: () => onChange(move(ordered, index, index + 1)), children: _jsx(ArrowDown, { size: 14 }) })] }, entry); }) });
+            break;
+        }
+        case 'select':
+        case 'person_picker':
+        case 'customer_picker':
+        case 'project_picker':
+        case 'site_picker':
+        case 'area_picker':
+        case 'gl_account':
+        case 'party':
+            control = _jsxs("select", { ...common, className: "h-10 w-full rounded-md border border-border bg-surface px-3 text-sm text-fg focus:border-primary focus:outline-none focus:ring-2 focus:ring-ring/40", value: typeof value === 'string' ? value : '', onChange: (event) => onChange(event.target.value || undefined), children: [_jsx("option", { value: "", children: "Select\u2026" }), choiceOptions.map((option) => _jsx("option", { value: option.value, children: option.label }, option.value))] });
+            break;
+        case 'yes_no_comment': {
+            const current = typeof value === 'object' && value !== null ? value : {};
+            control = _jsxs("div", { className: "space-y-3", children: [_jsx("div", { className: "flex gap-2", children: ['yes', 'no'].map((answer) => _jsx(Button, { type: "button", size: "sm", variant: current.answer === answer ? 'default' : 'outline', disabled: disabled, onClick: () => onChange({ ...current, answer }), children: answer === 'yes' ? 'Yes' : 'No' }, answer)) }), current.answer === 'no' ? _jsx(Textarea, { value: current.comment ?? '', placeholder: "Add a comment\u2026", disabled: disabled, onChange: (event) => onChange({ ...current, comment: event.target.value }) }) : null] });
+            break;
+        }
+        case 'typed_attestation': {
+            const current = typeof value === 'object' && value !== null ? value : {};
+            control = _jsxs("div", { className: "space-y-2", children: [_jsx(Input, { ...common, value: current.name ?? '', placeholder: "Type your full name", onChange: (event) => onChange({ ...current, name: event.target.value }) }), _jsxs("label", { className: "flex items-center gap-2 text-sm text-fg", children: [_jsx(Checkbox, { disabled: disabled, checked: current.agreed ?? false, onChange: (event) => onChange({ ...current, agreed: event.target.checked }) }), "I confirm this attestation."] })] });
+            break;
+        }
+        default: {
+            const inputType = field.type === 'email' ? 'email' : field.type === 'phone' ? 'tel' : field.type === 'url' ? 'url' : field.type === 'date' ? 'date' : field.type === 'datetime' ? 'datetime-local' : field.type === 'time' ? 'time' : 'text';
+            control = _jsx(Input, { ...common, type: inputType, value: typeof value === 'string' ? value : '', onChange: (event) => onChange(event.target.value) });
+        }
+    }
+    return _jsxs("div", { className: cn('space-y-2', (field.colSpan ?? 1) > 1 && 'sm:col-span-2'), children: [fieldLabel(field, locale), control, fieldHelp(field, locale, error)] });
+}
+function FieldFrame({ field, locale, error, hideLabel = false, children }) {
+    return _jsxs("div", { className: cn('space-y-2', (field.colSpan ?? 1) > 1 && 'sm:col-span-2'), children: [hideLabel ? null : fieldLabel(field, locale), children, fieldHelp(field, locale, error)] });
+}
+function fieldLabel(field, locale) {
+    return _jsxs(Label, { htmlFor: field.id, children: [readText(field.label, locale), field.required || field.validation?.required ? _jsx("span", { className: "ml-1 text-danger", "aria-hidden": "true", children: "*" }) : null] });
+}
+function fieldHelp(field, locale, error) {
+    return _jsx("p", { id: `${field.id}-help`, className: cn('text-xs', error ? 'text-danger' : 'text-fg-muted'), children: error ?? readText(field.helpText, locale) });
+}
+function OutputField({ field, value, locale }) {
+    return _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { children: readText(field.label, locale) }), _jsx("output", { className: "block rounded-md border border-border bg-bg-subtle px-3 py-2 text-sm font-medium text-fg", children: value === undefined || value === null ? '—' : String(value) })] });
+}
+function numberConfig(field, key) {
+    const value = field.config?.[key];
+    return typeof value === 'number' && Number.isFinite(value) ? value : undefined;
+}
+function move(values, from, to) {
+    if (to < 0 || to >= values.length)
+        return values;
+    const next = [...values];
+    const [item] = next.splice(from, 1);
+    next.splice(to, 0, item);
+    return next;
+}
+function safeLink(value) {
+    try {
+        const url = new URL(value, window.location.origin);
+        return ['http:', 'https:', 'mailto:'].includes(url.protocol) ? url.href : null;
+    }
+    catch {
+        return null;
+    }
+}
+function applySchemaDefaults(schema, supplied, requestContext, entities) {
+    const values = structuredClone(supplied);
+    const rows = Object.fromEntries(schema.sections
+        .filter((section) => section.repeating)
+        .map((section) => [
+        section.id,
+        Array.isArray(values[section.id]) ? values[section.id] : [],
+    ]));
+    const context = { values, rows, entities, requestContext };
+    for (const section of schema.sections) {
+        if (section.repeating)
+            continue;
+        for (const field of section.fields) {
+            if (values[field.id] !== undefined || !field.defaultValue)
+                continue;
+            const resolved = resolveDefaultValue(field.defaultValue, context);
+            if (resolved !== undefined && resolved !== null)
+                values[field.id] = resolved;
+        }
+    }
+    return values;
+}
+//# sourceMappingURL=form-renderer.js.map