@duffcloudservices/site-forms 0.1.0

package/dist/index.js

@@ -0,0 +1,918 @@
+import { reactive as X, ref as D, computed as p, defineComponent as I, createElementBlock as f, openBlock as l, normalizeClass as Z, renderSlot as S, createCommentVNode as k, createTextVNode as A, toDisplayString as b, createBlock as w, withCtx as V, createElementVNode as v, Fragment as T, renderList as B, watch as H, onMounted as ee, unref as u, resolveDynamicComponent as te } from "vue";
+import ie from "ajv";
+import re from "ajv-formats";
+import K from "js-yaml";
+function R(e, t) {
+  return e.visibleIf ? t[e.visibleIf.fieldId] === e.visibleIf.equals : !0;
+}
+function ne(e, t) {
+  if (e.type === "section-heading" || e.type === "html-block" || e.type === "hidden")
+    return;
+  const r = t == null || t === "" || Array.isArray(t) && t.length === 0;
+  if (e.required && r)
+    return `${e.label} is required`;
+  if (r) return;
+  if (e.type === "email" && typeof t == "string" && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(t))
+    return `${e.label} must be a valid email address`;
+  const i = e.validation;
+  if (i) {
+    if (typeof t == "string") {
+      if (i.minLength != null && t.length < i.minLength)
+        return `${e.label} must be at least ${i.minLength} characters`;
+      if (i.maxLength != null && t.length > i.maxLength)
+        return `${e.label} must be at most ${i.maxLength} characters`;
+      if (i.regex)
+        try {
+          if (!new RegExp(i.regex).test(t))
+            return `${e.label} is invalid`;
+        } catch {
+        }
+    }
+    if (typeof t == "number") {
+      if (i.min != null && t < i.min)
+        return `${e.label} must be at least ${i.min}`;
+      if (i.max != null && t > i.max)
+        return `${e.label} must be at most ${i.max}`;
+    }
+    if (e.type === "file" && i.accept && i.accept.length > 0) {
+      const o = t;
+      if (o && typeof File < "u" && o instanceof File && !i.accept.some((s) => s.startsWith(".") ? o.name.toLowerCase().endsWith(s.toLowerCase()) : o.type === s))
+        return `${e.label} must be one of: ${i.accept.join(", ")}`;
+    }
+  }
+}
+function oe(e, t, r) {
+  const i = {}, o = r ? new Set(r) : null;
+  for (const d of e.fields) {
+    if (o && !o.has(d.id) || !R(d, t)) continue;
+    const s = ne(d, t[d.id]);
+    s && (i[d.id] = s);
+  }
+  return i;
+}
+function se(e) {
+  return Object.values(e).some((t) => !!t);
+}
+function _(e) {
+  const t = {};
+  for (const r of e.fields)
+    r.defaultValue !== void 0 ? t[r.id] = r.defaultValue : r.type === "checkbox" ? t[r.id] = !1 : r.type === "multiselect" || r.type === "checkbox-group" ? t[r.id] = [] : t[r.id] = "";
+  return t;
+}
+function ae(e) {
+  const { definition: t } = e, r = X(_(t)), i = D({}), o = D({}), d = D(!1), s = D(!1), c = D(null), a = D(0), n = p(() => t.fields), m = p(
+    () => t.steps && t.steps.length > 0 ? t.steps : null
+  ), g = p(() => {
+    const h = m.value;
+    return h ? h[a.value] ?? null : null;
+  }), x = p(() => {
+    const h = g.value;
+    if (!h) return t.fields;
+    const F = new Set(h.fieldIds);
+    return t.fields.filter((E) => F.has(E.id));
+  }), P = p(() => a.value === 0), O = p(() => {
+    const h = m.value;
+    return !h || a.value >= h.length - 1;
+  }), z = p(
+    () => x.value.filter((h) => R(h, r))
+  );
+  function y(h, F) {
+    r[h] = F, i.value[h] && (i.value = { ...i.value, [h]: void 0 });
+  }
+  function C(h) {
+    o.value = { ...o.value, [h]: !0 };
+  }
+  function $(h) {
+    const F = oe(t, r, h);
+    if (h) {
+      const E = { ...i.value };
+      for (const W of h)
+        E[W] = F[W];
+      i.value = E;
+    } else
+      i.value = F;
+    return !se(i.value);
+  }
+  function L() {
+    const h = g.value?.fieldIds;
+    return $(h);
+  }
+  function j() {
+    return $();
+  }
+  function J() {
+    return !m.value || !L() ? !1 : a.value < m.value.length - 1 ? (a.value++, !0) : !1;
+  }
+  function G() {
+    a.value > 0 && a.value--;
+  }
+  function Y() {
+    const h = _(t);
+    for (const F of Object.keys(r))
+      delete r[F];
+    Object.assign(r, h), i.value = {}, o.value = {}, d.value = !1, s.value = !1, c.value = null, a.value = 0;
+  }
+  function Q() {
+    const h = {};
+    for (const F of t.fields)
+      F.type === "section-heading" || F.type === "html-block" || R(F, r) && (h[F.id] = r[F.id]);
+    return h;
+  }
+  return {
+    values: r,
+    errors: i,
+    touched: o,
+    submitting: d,
+    submitted: s,
+    submitError: c,
+    fields: n,
+    steps: m,
+    currentStepIndex: a,
+    currentStep: g,
+    currentStepFields: x,
+    isFirstStep: P,
+    isLastStep: O,
+    visibleFields: z,
+    setValue: y,
+    touch: C,
+    validateCurrentScope: L,
+    validateAll: j,
+    next: J,
+    prev: G,
+    reset: Y,
+    collectSubmissionValues: Q
+  };
+}
+async function le(e) {
+  const { apiBase: t, siteSlug: r, payload: i } = e, o = e.retries ?? 1, d = e.fetchImpl ?? fetch, s = `${t.replace(/\/$/, "")}/public/sites/${encodeURIComponent(
+    r
+  )}/form-submissions`, c = Object.values(i.values).some(
+    (m) => typeof File < "u" && m instanceof File
+  );
+  let a, n;
+  for (let m = 0; m <= o; m++)
+    try {
+      const g = c ? { method: "POST", body: de(i) } : {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify(i)
+      }, x = await d(s, g);
+      if (n = x.status, x.ok) {
+        const P = await ue(x);
+        return { payload: i, response: P };
+      }
+      if (x.status < 500) {
+        const P = await ce(x);
+        throw {
+          payload: i,
+          status: x.status,
+          error: new Error(`Submission failed (${x.status}): ${P}`)
+        };
+      }
+      a = new Error(`Server error ${x.status}`);
+    } catch (g) {
+      if (g && typeof g == "object" && "payload" in g && "error" in g)
+        throw g;
+      a = g;
+    }
+  throw {
+    payload: i,
+    status: n,
+    error: a ?? new Error("Submission failed")
+  };
+}
+function de(e) {
+  const t = new FormData();
+  t.append("formId", e.formId), e.captchaToken && t.append("captchaToken", e.captchaToken);
+  for (const [r, i] of Object.entries(e.values))
+    if (i != null)
+      if (i instanceof File)
+        t.append(`values[${r}]`, i);
+      else if (Array.isArray(i))
+        for (const o of i) t.append(`values[${r}][]`, String(o));
+      else
+        t.append(`values[${r}]`, String(i));
+  return t;
+}
+async function ue(e) {
+  try {
+    return await e.json();
+  } catch {
+    return null;
+  }
+}
+async function ce(e) {
+  try {
+    return await e.text();
+  } catch {
+    return "";
+  }
+}
+const me = "http://json-schema.org/draft-07/schema#", fe = "https://duffcloudservices.com/schemas/form-definition.schema.json", pe = "PortalFormDefinition", he = "object", ve = "Portable form definition. This schema is the source of truth for\nboth the portal CRUD APIs and the `.dcs/forms/<formId>.yaml`\nfiles consumed by customer-site builds via `<DcsForm/>`.\n", be = ["formId", "title", "submission", "fields"], ge = { formId: { type: "string", description: "Kebab-case identifier, unique per site.", pattern: "^[a-z0-9][a-z0-9-]*$", minLength: 1, maxLength: 80, example: "contact" }, title: { type: "string", description: "Human-readable form title shown in the portal and rendered as the form heading.", minLength: 1, maxLength: 200, example: "Contact Us" }, description: { type: "string", description: "Optional descriptive text rendered above the fields.", maxLength: 2e3 }, submitLabel: { type: "string", description: 'Label for the submit button. Defaults to "Send" client-side.', maxLength: 80, example: "Send message" }, successMessage: { type: "string", description: "Confirmation message shown after a successful submission.", maxLength: 2e3, example: "Thanks — we'll be in touch shortly." }, submission: { $ref: "#/definitions/PortalFormSubmissionConfig" }, steps: { type: "array", description: "Optional multi-step grouping. When omitted, fields render as a single page.", items: { $ref: "#/definitions/PortalFormStep" } }, fields: { type: "array", description: "Flat list of all fields in the form. When `steps` is present,\nevery field referenced from a step's `fieldIds` must exist here.\n", items: { $ref: "#/definitions/PortalFormField" } }, version: { type: "integer", minimum: 1, description: "Monotonically increasing version, bumped on each save." }, createdAt: { type: "string", format: "date-time", description: "Form creation timestamp." }, updatedAt: { type: "string", format: "date-time", description: "Last modification timestamp." } }, ye = /* @__PURE__ */ JSON.parse('{"PortalFormFieldType":{"type":"string","description":"Field type controlling input rendering and validation. Includes\\nlayout-only types (`section-heading`, `html-block`) that render\\ndecorative content rather than capturing values, and `hidden`\\nfor prefilled values not displayed to the user.\\n","enum":["text","email","tel","textarea","select","multiselect","radio","checkbox","checkbox-group","date","file","hidden","section-heading","html-block"]},"PortalFormFieldWidth":{"type":"string","description":"Layout hint for the field within its row.","enum":["full","half","third"]},"PortalFormFieldOption":{"type":"object","description":"A single option for select / radio / checkbox-group fields.","required":["value","label"],"properties":{"value":{"type":"string","description":"Submitted value for this option."},"label":{"type":"string","description":"Human-readable label shown to the user."}}},"PortalFormFieldValidation":{"type":"object","description":"Optional validation rules applied to a field\'s value.","properties":{"regex":{"type":"string","description":"ECMAScript-compatible pattern the value must match."},"minLength":{"type":"integer","minimum":0,"description":"Minimum string length (text-like fields only)."},"maxLength":{"type":"integer","minimum":0,"description":"Maximum string length (text-like fields only)."},"min":{"type":"number","description":"Minimum numeric / date value."},"max":{"type":"number","description":"Maximum numeric / date value."},"accept":{"type":"array","description":"Accepted MIME types or file extensions for `file` fields.","items":{"type":"string"}}}},"PortalFormFieldVisibleIf":{"type":"object","description":"Single-predicate visibility rule. The field is shown only when\\nthe referenced sibling field\'s value equals `equals`. Future\\nrevisions may extend this with AND / OR composition; clients\\nshould treat unknown extra properties as opaque.\\n","required":["fieldId","equals"],"properties":{"fieldId":{"type":"string","description":"ID of the sibling field whose value gates visibility."},"equals":{"description":"Value (string, number, or boolean) the sibling field must equal.","oneOf":[{"type":"string"},{"type":"number"},{"type":"boolean"}]}}},"PortalFormField":{"type":"object","description":"A single field within a form definition.","required":["id","type","label"],"properties":{"id":{"type":"string","description":"Kebab-case identifier, unique within the form.","pattern":"^[a-z0-9][a-z0-9-]*$","minLength":1,"maxLength":80},"type":{"$ref":"#/definitions/PortalFormFieldType"},"label":{"type":"string","description":"Human-readable label rendered above the input.","minLength":1,"maxLength":200},"helpText":{"type":"string","description":"Optional helper / description text shown beneath the label.","maxLength":500},"placeholder":{"type":"string","description":"Optional placeholder shown inside empty inputs.","maxLength":200},"defaultValue":{"description":"Optional default value (string, number, boolean, or array of strings).","oneOf":[{"type":"string"},{"type":"number"},{"type":"boolean"},{"type":"array","items":{"type":"string"}}]},"required":{"type":"boolean","default":false,"description":"Whether the field must be supplied to submit the form."},"width":{"allOf":[{"$ref":"#/definitions/PortalFormFieldWidth"}],"default":"full"},"options":{"type":"array","description":"Options for `select`, `multiselect`, `radio`, `checkbox-group` fields.","items":{"$ref":"#/definitions/PortalFormFieldOption"}},"validation":{"$ref":"#/definitions/PortalFormFieldValidation"},"visibleIf":{"$ref":"#/definitions/PortalFormFieldVisibleIf"},"phi":{"type":"boolean","default":false,"description":"Marks the field as collecting Protected Health Information.\\nWhen true the value must never appear in notification emails\\nor logs and the owning site must be in the Medical category\\n(see `compliance.instructions.md`).\\n"},"html":{"type":"string","description":"Sanitized HTML body for `html-block` fields. Ignored for\\nother field types.\\n","maxLength":10000}}},"PortalFormStep":{"type":"object","description":"Optional grouping for multi-step (wizard-style) forms such as\\nthe KT Braun estate-planning questionnaires. When `steps` is\\nomitted on a form, all fields render as a single page.\\n","required":["id","title","fieldIds"],"properties":{"id":{"type":"string","description":"Kebab-case step identifier, unique within the form.","pattern":"^[a-z0-9][a-z0-9-]*$","minLength":1,"maxLength":80},"title":{"type":"string","description":"Step title shown in the wizard header.","minLength":1,"maxLength":200},"description":{"type":"string","description":"Optional descriptive text shown below the step title.","maxLength":1000},"fieldIds":{"type":"array","description":"Ordered list of field IDs that belong to this step.","items":{"type":"string","pattern":"^[a-z0-9][a-z0-9-]*$"}}}},"PortalFormSubmissionLeadConfig":{"type":"object","required":["kind"],"description":"Routes submissions into the existing PortalLeads pipeline.","properties":{"kind":{"type":"string","enum":["lead"]},"category":{"type":"string","description":"Service category id used to route the lead."}}},"PortalFormSubmissionEmailConfig":{"type":"object","required":["kind","to"],"description":"Routes submissions as a notification email to the listed recipients.","properties":{"kind":{"type":"string","enum":["email"]},"to":{"type":"array","minItems":1,"items":{"type":"string","format":"email"},"description":"Recipient email addresses."},"subjectTemplate":{"type":"string","description":"Optional subject-line template. Use `{title}` to interpolate\\nthe form\'s title; values are intentionally not interpolated\\ninto the subject line for compliance reasons.\\n","maxLength":200}}},"PortalFormSubmissionWebhookConfig":{"type":"object","required":["kind","url"],"description":"Posts the submission JSON to a third-party webhook.","properties":{"kind":{"type":"string","enum":["webhook"]},"url":{"type":"string","format":"uri","description":"HTTPS endpoint receiving the signed POST."},"signingSecretRef":{"type":"string","description":"Name of the Key Vault secret used to HMAC-sign the request.\\nThe secret value is never returned in API responses.\\n"}}},"PortalFormSubmissionConfig":{"description":"Discriminated union of submission destinations. Exactly one of\\n`lead`, `email`, or `webhook` shapes is used based on `kind`.\\n","oneOf":[{"$ref":"#/definitions/PortalFormSubmissionLeadConfig"},{"$ref":"#/definitions/PortalFormSubmissionEmailConfig"},{"$ref":"#/definitions/PortalFormSubmissionWebhookConfig"}],"discriminator":{"propertyName":"kind","mapping":{"lead":"#/definitions/PortalFormSubmissionLeadConfig","email":"#/definitions/PortalFormSubmissionEmailConfig","webhook":"#/definitions/PortalFormSubmissionWebhookConfig"}}},"PortalFormSummary":{"type":"object","description":"List-row projection of a form definition.","required":["formId","title","fieldCount"],"properties":{"formId":{"type":"string","description":"Kebab-case identifier.","pattern":"^[a-z0-9][a-z0-9-]*$","example":"contact"},"title":{"type":"string","description":"Human-readable title.","example":"Contact Us"},"description":{"type":"string","description":"Optional descriptive text."},"fieldCount":{"type":"integer","minimum":0,"description":"Number of input-bearing fields in the form.","example":4},"attachedPageSlugs":{"type":"array","description":"Slugs of pages that currently reference this form via `formId`.","items":{"type":"string"}},"submissionKind":{"type":"string","enum":["lead","email","webhook"],"description":"Submission destination kind."},"lastUpdated":{"type":"string","format":"date-time","description":"Last modification timestamp."}}},"PortalCreateFormRequest":{"type":"object","description":"Payload for creating a new form definition.","required":["formId","title","submission","fields"],"properties":{"formId":{"type":"string","description":"Kebab-case identifier, unique per site.","pattern":"^[a-z0-9][a-z0-9-]*$","minLength":1,"maxLength":80},"title":{"type":"string","minLength":1,"maxLength":200},"description":{"type":"string","maxLength":2000},"submitLabel":{"type":"string","maxLength":80},"successMessage":{"type":"string","maxLength":2000},"submission":{"$ref":"#/definitions/PortalFormSubmissionConfig"},"steps":{"type":"array","items":{"$ref":"#/definitions/PortalFormStep"}},"fields":{"type":"array","items":{"$ref":"#/definitions/PortalFormField"}}}},"PortalUpdateFormRequest":{"type":"object","description":"Payload for updating an existing form definition. The `formId`\\nis taken from the URL; supplying it in the body is optional and,\\nif present, must match the path.\\n","properties":{"formId":{"type":"string","pattern":"^[a-z0-9][a-z0-9-]*$","minLength":1,"maxLength":80,"description":"Optional echo of the path formId; must match if provided."},"title":{"type":"string","minLength":1,"maxLength":200},"description":{"type":"string","maxLength":2000},"submitLabel":{"type":"string","maxLength":80},"successMessage":{"type":"string","maxLength":2000},"submission":{"$ref":"#/definitions/PortalFormSubmissionConfig"},"steps":{"type":"array","items":{"$ref":"#/definitions/PortalFormStep"}},"fields":{"type":"array","items":{"$ref":"#/definitions/PortalFormField"}},"expectedVersion":{"type":"integer","minimum":1,"description":"Optional optimistic-concurrency token. When supplied, the\\nupdate is rejected with 409 if the stored form\'s `version`\\nno longer matches.\\n"}}},"PortalDuplicateFormRequest":{"type":"object","description":"Payload for cloning an existing form under a new formId.","required":["formId"],"properties":{"formId":{"type":"string","description":"Target kebab-case formId for the cloned form.","pattern":"^[a-z0-9][a-z0-9-]*$","minLength":1,"maxLength":80},"title":{"type":"string","description":"Optional title override; defaults to `<source title> (copy)`.","minLength":1,"maxLength":200}}},"PortalFormResponse":{"type":"object","description":"Full form definition response.","required":["form"],"properties":{"form":{"$ref":"#/definitions/PortalFormDefinition"},"attachedPageSlugs":{"type":"array","description":"Slugs of pages that currently reference this form via `formId`.","items":{"type":"string"}}}},"PortalFormListResponse":{"type":"object","required":["forms","totalCount"],"properties":{"forms":{"type":"array","items":{"$ref":"#/definitions/PortalFormSummary"}},"totalCount":{"type":"integer","minimum":0,"description":"Total number of forms matching the query.","example":3}}}}'), $e = {
+  $schema: me,
+  $id: fe,
+  title: pe,
+  type: he,
+  description: ve,
+  required: be,
+  properties: ge,
+  definitions: ye
+};
+let M = null;
+function Fe() {
+  if (M) return M;
+  const e = new ie({
+    allErrors: !0,
+    strict: !1,
+    discriminator: !1
+  });
+  return re(e), M = e.compile($e), M;
+}
+function ke(e) {
+  const t = Fe(), r = t(e);
+  return { valid: r, errors: r ? [] : t.errors ?? [] };
+}
+function xe(e, t, r) {
+  const i = ke(t);
+  return !i.valid && r && console.warn(
+    `[@duffcloudservices/site-forms] Form "${e}" failed schema validation:`,
+    i.errors
+  ), i;
+}
+function Se(e) {
+  const t = {};
+  for (const [r, i] of Object.entries(e)) {
+    const o = Ie(r), d = Le(i);
+    d && (t[d.formId ?? o] = d);
+  }
+  return t;
+}
+function Ie(e) {
+  return (e.split("/").pop() ?? e).replace(/\.ya?ml$/i, "");
+}
+function Le(e) {
+  if (!e) return null;
+  if (typeof e == "string")
+    return K.load(e);
+  if (typeof e == "object") {
+    const t = e.default;
+    return t && typeof t == "object" ? t : e;
+  }
+  return null;
+}
+function It(e) {
+  return K.load(e);
+}
+const Ve = ["data-form-field-key"], we = ["for"], qe = {
+  key: 0,
+  "aria-hidden": "true",
+  class: "dcs-form-field__required"
+}, Pe = {
+  key: 0,
+  class: "dcs-form-field__help"
+}, Ce = {
+  key: 0,
+  class: "dcs-form-field__error",
+  role: "alert"
+}, q = /* @__PURE__ */ I({
+  __name: "DcsFormFieldWrapper",
+  props: {
+    field: {},
+    error: {},
+    inputId: {}
+  },
+  setup(e) {
+    return (t, r) => (l(), f("div", {
+      class: Z(["dcs-form-field", [`dcs-form-field--${e.field.type}`, `dcs-form-field--width-${e.field.width ?? "full"}`]]),
+      "data-form-field-key": e.field.id
+    }, [
+      S(t.$slots, "label", {}, () => [
+        e.field.type !== "checkbox" && e.field.type !== "hidden" && e.field.type !== "section-heading" && e.field.type !== "html-block" ? (l(), f("label", {
+          key: 0,
+          for: e.inputId ?? `field-${e.field.id}`,
+          class: "dcs-form-field__label"
+        }, [
+          A(b(e.field.label) + " ", 1),
+          e.field.required ? (l(), f("span", qe, "*")) : k("", !0)
+        ], 8, we)) : k("", !0)
+      ]),
+      S(t.$slots, "default"),
+      S(t.$slots, "help", {}, () => [
+        e.field.helpText ? (l(), f("p", Pe, b(e.field.helpText), 1)) : k("", !0)
+      ]),
+      S(t.$slots, "error", {}, () => [
+        e.error ? (l(), f("p", Ce, b(e.error), 1)) : k("", !0)
+      ])
+    ], 10, Ve));
+  }
+}), De = ["id", "type", "name", "value", "placeholder", "required", "aria-invalid", "aria-describedby"], N = /* @__PURE__ */ I({
+  __name: "DcsFormText",
+  props: {
+    field: {},
+    modelValue: {},
+    error: {}
+  },
+  emits: ["update:modelValue", "blur"],
+  setup(e, { emit: t }) {
+    const r = e, i = t, o = p(() => `field-${r.field.id}`), d = p(() => {
+      switch (r.field.type) {
+        case "email":
+          return "email";
+        case "tel":
+          return "tel";
+        default:
+          return "text";
+      }
+    });
+    return (s, c) => (l(), w(q, {
+      field: e.field,
+      error: e.error,
+      "input-id": o.value
+    }, {
+      default: V(() => [
+        S(s.$slots, "input", {
+          id: o.value,
+          value: e.modelValue,
+          onInput: (a) => i("update:modelValue", a.target.value),
+          onBlur: () => i("blur")
+        }, () => [
+          v("input", {
+            id: o.value,
+            class: "dcs-form-input",
+            type: d.value,
+            name: e.field.id,
+            value: e.modelValue ?? "",
+            placeholder: e.field.placeholder,
+            required: e.field.required,
+            "aria-invalid": !!e.error,
+            "aria-describedby": e.error ? `${o.value}-error` : void 0,
+            onInput: c[0] || (c[0] = (a) => i("update:modelValue", a.target.value)),
+            onBlur: c[1] || (c[1] = (a) => i("blur"))
+          }, null, 40, De)
+        ])
+      ]),
+      _: 3
+    }, 8, ["field", "error", "input-id"]));
+  }
+}), Te = ["id", "name", "placeholder", "required", "aria-invalid", "value"], Oe = /* @__PURE__ */ I({
+  __name: "DcsFormTextarea",
+  props: {
+    field: {},
+    modelValue: {},
+    error: {}
+  },
+  emits: ["update:modelValue", "blur"],
+  setup(e, { emit: t }) {
+    const r = e, i = t, o = p(() => `field-${r.field.id}`);
+    return (d, s) => (l(), w(q, {
+      field: e.field,
+      error: e.error,
+      "input-id": o.value
+    }, {
+      default: V(() => [
+        S(d.$slots, "input", {
+          id: o.value,
+          value: e.modelValue,
+          onInput: (c) => i("update:modelValue", c.target.value),
+          onBlur: () => i("blur")
+        }, () => [
+          v("textarea", {
+            id: o.value,
+            class: "dcs-form-input dcs-form-textarea",
+            name: e.field.id,
+            placeholder: e.field.placeholder,
+            required: e.field.required,
+            "aria-invalid": !!e.error,
+            rows: "5",
+            value: e.modelValue ?? "",
+            onInput: s[0] || (s[0] = (c) => i("update:modelValue", c.target.value)),
+            onBlur: s[1] || (s[1] = (c) => i("blur"))
+          }, null, 40, Te)
+        ])
+      ]),
+      _: 3
+    }, 8, ["field", "error", "input-id"]));
+  }
+}), je = ["id", "name", "required", "multiple", "aria-invalid", "value"], Ee = {
+  key: 0,
+  value: "",
+  disabled: ""
+}, Me = ["value"], Ae = /* @__PURE__ */ I({
+  __name: "DcsFormSelect",
+  props: {
+    field: {},
+    modelValue: {},
+    error: {}
+  },
+  emits: ["update:modelValue", "blur"],
+  setup(e, { emit: t }) {
+    const r = e, i = t, o = p(() => `field-${r.field.id}`), d = p(() => r.field.type === "multiselect"), s = p(() => r.field.options ?? []);
+    function c(a) {
+      const n = a.target;
+      if (d.value) {
+        const m = [];
+        for (const g of Array.from(n.selectedOptions)) m.push(g.value);
+        i("update:modelValue", m);
+      } else
+        i("update:modelValue", n.value);
+    }
+    return (a, n) => (l(), w(q, {
+      field: e.field,
+      error: e.error,
+      "input-id": o.value
+    }, {
+      default: V(() => [
+        S(a.$slots, "input", {
+          id: o.value,
+          value: e.modelValue,
+          options: s.value,
+          onChange: c
+        }, () => [
+          v("select", {
+            id: o.value,
+            class: "dcs-form-input dcs-form-select",
+            name: e.field.id,
+            required: e.field.required,
+            multiple: d.value,
+            "aria-invalid": !!e.error,
+            value: e.modelValue ?? (d.value ? [] : ""),
+            onChange: c,
+            onBlur: n[0] || (n[0] = (m) => i("blur"))
+          }, [
+            d.value ? k("", !0) : (l(), f("option", Ee, b(e.field.placeholder ?? "Select…"), 1)),
+            (l(!0), f(T, null, B(s.value, (m) => (l(), f("option", {
+              key: m.value,
+              value: m.value
+            }, b(m.label), 9, Me))), 128))
+          ], 40, je)
+        ])
+      ]),
+      _: 3
+    }, 8, ["field", "error", "input-id"]));
+  }
+}), Be = ["aria-required", "aria-invalid"], ze = { class: "sr-only" }, Re = ["name", "value", "checked", "onChange"], We = /* @__PURE__ */ I({
+  __name: "DcsFormRadio",
+  props: {
+    field: {},
+    modelValue: {},
+    error: {}
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: t }) {
+    const r = e, i = t, o = p(() => `field-${r.field.id}`), d = p(() => r.field.options ?? []);
+    return (s, c) => (l(), w(q, {
+      field: e.field,
+      error: e.error,
+      "input-id": o.value
+    }, {
+      default: V(() => [
+        v("fieldset", {
+          class: "dcs-form-radio-group",
+          role: "radiogroup",
+          "aria-required": e.field.required,
+          "aria-invalid": !!e.error
+        }, [
+          v("legend", ze, b(e.field.label), 1),
+          (l(!0), f(T, null, B(d.value, (a) => (l(), f("label", {
+            key: a.value,
+            class: "dcs-form-radio"
+          }, [
+            v("input", {
+              type: "radio",
+              name: e.field.id,
+              value: a.value,
+              checked: e.modelValue === a.value,
+              onChange: (n) => i("update:modelValue", a.value)
+            }, null, 40, Re),
+            v("span", null, b(a.label), 1)
+          ]))), 128))
+        ], 8, Be)
+      ]),
+      _: 1
+    }, 8, ["field", "error", "input-id"]));
+  }
+}), He = ["aria-required", "aria-invalid"], _e = { class: "sr-only" }, Ne = ["name", "value", "checked", "onChange"], Ue = /* @__PURE__ */ I({
+  __name: "DcsFormCheckboxGroup",
+  props: {
+    field: {},
+    modelValue: {},
+    error: {}
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: t }) {
+    const r = e, i = t, o = p(() => `field-${r.field.id}`), d = p(() => r.field.options ?? []), s = p(() => r.modelValue ?? []);
+    function c(a, n) {
+      const m = new Set(s.value);
+      n ? m.add(a) : m.delete(a), i("update:modelValue", Array.from(m));
+    }
+    return (a, n) => (l(), w(q, {
+      field: e.field,
+      error: e.error,
+      "input-id": o.value
+    }, {
+      default: V(() => [
+        v("fieldset", {
+          class: "dcs-form-checkbox-group",
+          "aria-required": e.field.required,
+          "aria-invalid": !!e.error
+        }, [
+          v("legend", _e, b(e.field.label), 1),
+          (l(!0), f(T, null, B(d.value, (m) => (l(), f("label", {
+            key: m.value,
+            class: "dcs-form-checkbox"
+          }, [
+            v("input", {
+              type: "checkbox",
+              name: `${e.field.id}[]`,
+              value: m.value,
+              checked: s.value.includes(m.value),
+              onChange: (g) => c(m.value, g.target.checked)
+            }, null, 40, Ne),
+            v("span", null, b(m.label), 1)
+          ]))), 128))
+        ], 8, He)
+      ]),
+      _: 1
+    }, 8, ["field", "error", "input-id"]));
+  }
+}), Ke = { class: "sr-only" }, Je = ["for"], Ge = ["id", "name", "checked", "required", "aria-invalid"], Ye = {
+  key: 0,
+  "aria-hidden": "true"
+}, Qe = /* @__PURE__ */ I({
+  __name: "DcsFormCheckbox",
+  props: {
+    field: {},
+    modelValue: { type: Boolean },
+    error: {}
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: t }) {
+    const r = e, i = t, o = p(() => `field-${r.field.id}`);
+    return (d, s) => (l(), w(q, {
+      field: e.field,
+      error: e.error,
+      "input-id": o.value
+    }, {
+      label: V(() => [
+        v("span", Ke, b(e.field.label), 1)
+      ]),
+      default: V(() => [
+        v("label", {
+          class: "dcs-form-checkbox-single",
+          for: o.value
+        }, [
+          v("input", {
+            id: o.value,
+            type: "checkbox",
+            name: e.field.id,
+            checked: !!e.modelValue,
+            required: e.field.required,
+            "aria-invalid": !!e.error,
+            onChange: s[0] || (s[0] = (c) => i("update:modelValue", c.target.checked))
+          }, null, 40, Ge),
+          v("span", null, [
+            A(b(e.field.label), 1),
+            e.field.required ? (l(), f("span", Ye, " *")) : k("", !0)
+          ])
+        ], 8, Je)
+      ]),
+      _: 1
+    }, 8, ["field", "error", "input-id"]));
+  }
+}), Xe = ["id", "name", "required", "aria-invalid", "value"], Ze = /* @__PURE__ */ I({
+  __name: "DcsFormDate",
+  props: {
+    field: {},
+    modelValue: {},
+    error: {}
+  },
+  emits: ["update:modelValue", "blur"],
+  setup(e, { emit: t }) {
+    const r = e, i = t, o = p(() => `field-${r.field.id}`);
+    return (d, s) => (l(), w(q, {
+      field: e.field,
+      error: e.error,
+      "input-id": o.value
+    }, {
+      default: V(() => [
+        v("input", {
+          id: o.value,
+          class: "dcs-form-input dcs-form-date",
+          type: "date",
+          name: e.field.id,
+          required: e.field.required,
+          "aria-invalid": !!e.error,
+          value: e.modelValue ?? "",
+          onInput: s[0] || (s[0] = (c) => i("update:modelValue", c.target.value)),
+          onBlur: s[1] || (s[1] = (c) => i("blur"))
+        }, null, 40, Xe)
+      ]),
+      _: 1
+    }, 8, ["field", "error", "input-id"]));
+  }
+}), et = ["id", "name", "required", "aria-invalid", "accept"], tt = /* @__PURE__ */ I({
+  __name: "DcsFormFile",
+  props: {
+    field: {},
+    modelValue: {},
+    error: {}
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: t }) {
+    const r = e, i = t, o = p(() => `field-${r.field.id}`), d = p(() => (r.field.validation?.accept ?? []).join(","));
+    function s(c) {
+      const a = c.target;
+      i("update:modelValue", a.files?.[0]);
+    }
+    return (c, a) => (l(), w(q, {
+      field: e.field,
+      error: e.error,
+      "input-id": o.value
+    }, {
+      default: V(() => [
+        v("input", {
+          id: o.value,
+          class: "dcs-form-input dcs-form-file",
+          type: "file",
+          name: e.field.id,
+          required: e.field.required,
+          "aria-invalid": !!e.error,
+          accept: d.value || void 0,
+          onChange: s
+        }, null, 40, et)
+      ]),
+      _: 1
+    }, 8, ["field", "error", "input-id"]));
+  }
+}), it = ["name", "value", "data-form-field-key"], rt = /* @__PURE__ */ I({
+  __name: "DcsFormHidden",
+  props: {
+    field: {},
+    modelValue: {}
+  },
+  setup(e) {
+    return (t, r) => (l(), f("input", {
+      type: "hidden",
+      name: e.field.id,
+      value: e.modelValue ?? e.field.defaultValue ?? "",
+      "data-form-field-key": e.field.id
+    }, null, 8, it));
+  }
+}), nt = ["data-form-field-key"], ot = { class: "dcs-form-section__heading" }, st = {
+  key: 0,
+  class: "dcs-form-section__help"
+}, at = /* @__PURE__ */ I({
+  __name: "DcsFormSection",
+  props: {
+    field: {}
+  },
+  setup(e) {
+    return (t, r) => (l(), f("div", {
+      class: "dcs-form-section",
+      "data-form-field-key": e.field.id
+    }, [
+      S(t.$slots, "default", {}, () => [
+        v("h3", ot, b(e.field.label), 1),
+        e.field.helpText ? (l(), f("p", st, b(e.field.helpText), 1)) : k("", !0)
+      ])
+    ], 8, nt));
+  }
+}), lt = ["data-form-field-key", "innerHTML"], dt = /* @__PURE__ */ I({
+  __name: "DcsFormHtmlBlock",
+  props: {
+    field: {}
+  },
+  setup(e) {
+    return (t, r) => (l(), f("div", {
+      class: "dcs-form-html-block",
+      "data-form-field-key": e.field.id,
+      innerHTML: e.field.html ?? ""
+    }, null, 8, lt));
+  }
+}), U = {}, ut = ["data-form-key"], ct = ["data-form-key"], mt = ["data-form-key"], ft = { class: "dcs-form__header" }, pt = { class: "dcs-form__title" }, ht = {
+  key: 0,
+  class: "dcs-form__description"
+}, vt = {
+  key: 0,
+  class: "dcs-form__progress",
+  "aria-live": "polite"
+}, bt = { class: "dcs-form__fields" }, gt = {
+  key: 1,
+  class: "dcs-form__submit-error",
+  role: "alert"
+}, yt = { class: "dcs-form__actions" }, $t = ["disabled"], Lt = /* @__PURE__ */ I({
+  __name: "DcsForm",
+  props: {
+    formId: {},
+    siteSlug: {},
+    definitionOverride: {},
+    apiBase: {},
+    captchaToken: {},
+    formsModules: {}
+  },
+  emits: ["submit-success", "submit-error", "validation-error"],
+  setup(e, { emit: t }) {
+    const r = e, i = t, o = /* @__PURE__ */ Object.assign({}), d = p(
+      () => Se(r.formsModules ?? o)
+    ), s = p(() => r.definitionOverride ? r.definitionOverride : d.value[r.formId] ?? null), c = !1;
+    H(
+      s,
+      (y) => {
+        y && xe(r.formId, y, c);
+      },
+      { immediate: !0 }
+    );
+    const a = p(
+      () => s.value ?? {
+        formId: r.formId,
+        title: "",
+        submission: { kind: "lead" },
+        fields: []
+      }
+    ), n = ae({ definition: a.value });
+    H(
+      () => a.value,
+      () => n.reset()
+    );
+    const m = p(
+      () => r.apiBase ?? U?.VITE_DCS_PUBLIC_API ?? ""
+    ), g = p(
+      () => r.siteSlug ?? U?.VITE_DCS_SITE_SLUG ?? ""
+    ), x = p(
+      () => a.value.submitLabel ?? "Send"
+    );
+    function P(y) {
+      switch (y.type) {
+        case "text":
+        case "email":
+        case "tel":
+          return N;
+        case "textarea":
+          return Oe;
+        case "select":
+        case "multiselect":
+          return Ae;
+        case "radio":
+          return We;
+        case "checkbox-group":
+          return Ue;
+        case "checkbox":
+          return Qe;
+        case "date":
+          return Ze;
+        case "file":
+          return tt;
+        case "hidden":
+          return rt;
+        case "section-heading":
+          return at;
+        case "html-block":
+          return dt;
+        default:
+          return N;
+      }
+    }
+    const O = D(null);
+    async function z(y) {
+      if (y.preventDefault(), !s.value) return;
+      if (!n.validateAll()) {
+        i("validation-error", n.errors.value);
+        return;
+      }
+      n.submitting.value = !0, n.submitError.value = null;
+      const $ = {
+        formId: r.formId,
+        values: n.collectSubmissionValues(),
+        captchaToken: r.captchaToken
+      };
+      try {
+        const L = await le({
+          apiBase: m.value,
+          siteSlug: g.value,
+          payload: $
+        });
+        n.submitted.value = !0, i("submit-success", L);
+      } catch (L) {
+        const j = L;
+        n.submitError.value = j.error?.message ?? "Submission failed", i("submit-error", j);
+      } finally {
+        n.submitting.value = !1;
+      }
+    }
+    return ee(() => {
+      s.value || console.warn(
+        `[@duffcloudservices/site-forms] No form definition found for "${r.formId}". Expected a YAML at /.dcs/forms/${r.formId}.yaml.`
+      );
+    }), (y, C) => s.value ? u(n).submitted.value ? (l(), f("div", {
+      key: 1,
+      class: "dcs-form dcs-form--success",
+      "data-form-key": e.formId
+    }, [
+      S(y.$slots, "success", { definition: s.value }, () => [
+        v("p", null, b(s.value.successMessage ?? "Thanks — we received your message."), 1)
+      ])
+    ], 8, ct)) : (l(), f("form", {
+      key: 2,
+      ref_key: "formEl",
+      ref: O,
+      class: "dcs-form",
+      "data-form-key": e.formId,
+      novalidate: "",
+      onSubmit: z
+    }, [
+      S(y.$slots, "header", { definition: s.value }, () => [
+        v("header", ft, [
+          v("h2", pt, b(s.value.title), 1),
+          s.value.description ? (l(), f("p", ht, b(s.value.description), 1)) : k("", !0)
+        ])
+      ]),
+      u(n).steps.value ? (l(), f("div", vt, [
+        S(y.$slots, "progress", {
+          current: u(n).currentStepIndex.value,
+          total: u(n).steps.value.length,
+          step: u(n).currentStep.value
+        }, () => [
+          v("p", null, [
+            A(" Step " + b(u(n).currentStepIndex.value + 1) + " of " + b(u(n).steps.value.length) + " ", 1),
+            u(n).currentStep.value ? (l(), f(T, { key: 0 }, [
+              A(" — " + b(u(n).currentStep.value.title), 1)
+            ], 64)) : k("", !0)
+          ])
+        ])
+      ])) : k("", !0),
+      v("div", bt, [
+        (l(!0), f(T, null, B(u(n).visibleFields.value, ($) => (l(), w(te(P($)), {
+          key: $.id,
+          field: $,
+          "model-value": u(n).values[$.id],
+          error: u(n).errors.value[$.id],
+          "onUpdate:modelValue": (L) => u(n).setValue($.id, L),
+          onBlur: (L) => u(n).touch($.id)
+        }, null, 40, ["field", "model-value", "error", "onUpdate:modelValue", "onBlur"]))), 128))
+      ]),
+      u(n).submitError.value ? (l(), f("div", gt, b(u(n).submitError.value), 1)) : k("", !0),
+      v("div", yt, [
+        S(y.$slots, "actions", {
+          isFirstStep: u(n).isFirstStep.value,
+          isLastStep: u(n).isLastStep.value,
+          submitting: u(n).submitting.value,
+          prev: u(n).prev,
+          next: u(n).next
+        }, () => [
+          u(n).steps.value && !u(n).isFirstStep.value ? (l(), f("button", {
+            key: 0,
+            type: "button",
+            class: "dcs-form__btn dcs-form__btn--prev",
+            onClick: C[0] || (C[0] = ($) => u(n).prev())
+          }, " Previous ")) : k("", !0),
+          u(n).steps.value && !u(n).isLastStep.value ? (l(), f("button", {
+            key: 1,
+            type: "button",
+            class: "dcs-form__btn dcs-form__btn--next",
+            onClick: C[1] || (C[1] = ($) => u(n).next())
+          }, " Next ")) : k("", !0),
+          !u(n).steps.value || u(n).isLastStep.value ? (l(), f("button", {
+            key: 2,
+            type: "submit",
+            class: "dcs-form__btn dcs-form__btn--submit",
+            disabled: u(n).submitting.value
+          }, b(u(n).submitting.value ? "Sending…" : x.value), 9, $t)) : k("", !0)
+        ])
+      ])
+    ], 40, mt)) : (l(), f("div", {
+      key: 0,
+      class: "dcs-form dcs-form--missing",
+      "data-form-key": e.formId
+    }, [
+      S(y.$slots, "missing", { formId: e.formId }, () => [
+        v("p", null, "Form “" + b(e.formId) + "” is not configured.", 1)
+      ])
+    ], 8, ut));
+  }
+});
+export {
+  Lt as DcsForm,
+  Qe as DcsFormCheckbox,
+  Ue as DcsFormCheckboxGroup,
+  Ze as DcsFormDate,
+  q as DcsFormFieldWrapper,
+  tt as DcsFormFile,
+  rt as DcsFormHidden,
+  dt as DcsFormHtmlBlock,
+  We as DcsFormRadio,
+  at as DcsFormSection,
+  Ae as DcsFormSelect,
+  N as DcsFormText,
+  Oe as DcsFormTextarea,
+  se as hasErrors,
+  R as isFieldVisible,
+  Se as loadFormDefinitions,
+  It as parseFormYaml,
+  le as submitFormValues,
+  ae as useDcsForm,
+  ne as validateField,
+  oe as validateForm,
+  ke as validateFormDefinition,
+  xe as warnIfInvalid
+};
+//# sourceMappingURL=index.js.map