@usgb/forms 0.1.1 → 1.0.0

package/dist/index.js

@@ -1,36 +1,1037 @@
-// src/Form.tsx
-import { jsx } from "react/jsx-runtime";
-function Form({ children, ...props }) {
-  return /* @__PURE__ */ jsx("form", { ...props, children });
-}
-
-// src/TextField.tsx
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
-function TextField({
-  label,
-  error,
-  id,
-  name,
-  ...props
-}) {
-  const inputId = id ?? name;
-  return /* @__PURE__ */ jsxs("div", { children: [
-    /* @__PURE__ */ jsx2("label", { htmlFor: inputId, children: label }),
-    /* @__PURE__ */ jsx2(
-      "input",
-      {
-        id: inputId,
-        name,
-        ...props,
-        "aria-invalid": error ? "true" : void 0,
-        "aria-describedby": error && inputId ? `${inputId}-error` : void 0
+import { jsxs as p, Fragment as Y, jsx as s } from "react/jsx-runtime";
+import { validate as te } from "email-validator";
+import { useId as ne, useMemo as P, useState as ie, useEffect as re, forwardRef as O } from "react";
+import { useForm as oe } from "react-hook-form";
+import x from "classnames";
+const se = "1.0.0", ae = { version: "1.0.0", transport: "server-proxy", payloadShape: "data-and-context" }, le = { page_url: { destination: "form_submission_url", category: "page", collection: "server", required: !0, states: ["collected", "unavailable"], description: "Canonical landing-page URL at submission time" }, page_title: { destination: "pageName", category: "page", collection: "server", required: !1, states: ["collected", "unavailable"] }, referrer: { destination: "referrer", category: "page", collection: "browser", required: !1, states: ["collected", "unavailable"] }, first_touch_url: { destination: "crossDomain_landing_url", category: "attribution", collection: "host-adapter", required: !1, states: ["collected", "unavailable"] }, utm_source: { destination: "utm_source", category: "attribution", collection: "host-adapter", required: !1, states: ["collected", "unavailable"] }, utm_medium: { destination: "utm_medium", category: "attribution", collection: "host-adapter", required: !1, states: ["collected", "unavailable"] }, utm_campaign: { destination: "utm_campaign", category: "attribution", collection: "host-adapter", required: !1, states: ["collected", "unavailable"] }, utm_term: { destination: "utm_term", category: "attribution", collection: "host-adapter", required: !1, states: ["collected", "unavailable"] }, utm_content: { destination: "utm_content", category: "attribution", collection: "host-adapter", required: !1, states: ["collected", "unavailable"] }, gclid: { destination: "gclid", category: "click-id", collection: "host-adapter", required: !1, states: ["collected", "unavailable"] }, msclkid: { destination: "msclkid", category: "click-id", collection: "host-adapter", required: !1, states: ["collected", "unavailable"] }, gbraid: { destination: "gbraid", category: "click-id", collection: "host-adapter", required: !1, states: ["collected", "unavailable"] }, wbraid: { destination: "wbraid", category: "click-id", collection: "host-adapter", required: !1, states: ["collected", "unavailable"] }, hubspot_utk: { destination: "hubspot_utk", category: "identity", collection: "host-adapter", required: !1, states: ["collected", "unavailable", "consent-withheld"] }, ga_client_id: { destination: "ga_client_id", category: "analytics", collection: "host-adapter", required: !1, states: ["collected", "unavailable", "consent-withheld"] }, ga_session_id: { destination: "session_id_start", category: "analytics", collection: "host-adapter", required: !1, states: ["collected", "unavailable", "consent-withheld"] }, snowplow_id: { destination: "snowplow_id", category: "analytics", collection: "host-adapter", required: !1, states: ["collected", "unavailable", "consent-withheld"] }, vwo_uuid: { destination: "vwo_uuid", category: "experiment", collection: "host-adapter", required: !1, states: ["collected", "unavailable", "consent-withheld"] }, user_agent: { destination: "header_http_client_details", category: "technical", collection: "server", required: !1, states: ["collected", "unavailable"] }, ip_address: { destination: "ipAddress", category: "technical", collection: "server", required: !1, states: ["collected", "unavailable"] } }, ce = { "main-investors-kit": { definitionVersion: "1", kind: "lead", flow: { type: "single" }, supportedHosts: ["pwa", "wordpress"], fields: [{ name: "firstname", required: !0, group: "name" }, { name: "lastname", required: !0, group: "name" }, { name: "email", required: !0 }, { name: "phone", required: !1 }], trackingFields: ["page_url", "page_title", "referrer", "first_touch_url", "utm_source", "utm_medium", "utm_campaign", "utm_term", "utm_content", "gclid", "msclkid", "gbraid", "wbraid", "hubspot_utk", "ga_client_id", "ga_session_id", "snowplow_id", "vwo_uuid", "user_agent", "ip_address"], consent: { definitionId: "lead-tcpa", definitionVersion: "1", required: !0, submitFields: ["tcpa_form_consent_granted", "tcpa_form_opt_in_date"] }, editor: { label: "Main Investors Kit", description: "Standard lead form: name, email, phone, TCPA consent. Use on full-width landing pages and PWA kit/sidebar placements.", whenToUse: "Default kit request. Do not use for affiliate landers or IRA-specific leads.", whenNotToUse: "Affiliate pages (separate definition). IRA kit (separate definition when added).", supportedAppearances: ["light", "navy"], supportedVariants: ["dense", "large", "sidebar", "two-column"] } }, newsletter: { definitionVersion: "1", kind: "newsletter", flow: { type: "single" }, supportedHosts: ["pwa"], fields: [{ name: "email", required: !0 }], trackingFields: ["page_url", "page_title", "referrer", "utm_source", "utm_medium", "utm_campaign", "utm_term", "utm_content"], editor: { label: "Newsletter", description: "Email-only newsletter signup. No TCPA consent.", whenToUse: "Footer or landing newsletter capture where only an email is required.", whenNotToUse: "Lead kits that need name, phone, or TCPA consent.", supportedAppearances: ["light", "navy"], supportedVariants: [] } } }, de = { hosts: ["pwa", "wordpress"], mayProvide: ["browser cookies", "URL parameters", "page and placement context", "host/store identity"], mustNotDefine: ["new tracking keys", "destination property names", "consent definitions", "form fields", "submission endpoints"] }, ue = {
+  schemaVersion: se,
+  package: { name: "@usgb/forms", compatiblePackageVersions: "^1.0.0" },
+  submissionContract: ae,
+  trackingRegistry: le,
+  forms: ce,
+  hostAdapterContract: de
+}, D = ue;
+function me(t) {
+  return D.forms[t];
+}
+function Me() {
+  return Object.entries(D.forms).map(([t, e]) => ({
+    formId: t,
+    definition: e
+  }));
+}
+function fe(t, e) {
+  return typeof t == "function" ? t(e) : t;
+}
+const U = {
+  definitionId: "lead-tcpa",
+  definitionVersion: "1",
+  requiredLegalUrls: ["clientAgreement", "privacyPolicy"],
+  items: [
+    {
+      type: "checkbox",
+      name: "tcpa_form_consent_granted",
+      required: !0,
+      content: (t) => /* @__PURE__ */ p(Y, { children: [
+        "By checking this box, I agree to receive automated text messages from U.S. Gold Bureau. Message and data rates may apply. Consent is not a condition of purchase. View our",
+        " ",
+        /* @__PURE__ */ s(
+          "a",
+          {
+            href: t.clientAgreement,
+            target: "_blank",
+            rel: "noreferrer",
+            children: "Client Agreement"
+          }
+        ),
+        " ",
+        "and",
+        " ",
+        /* @__PURE__ */ s(
+          "a",
+          {
+            href: t.privacyPolicy,
+            target: "_blank",
+            rel: "noreferrer",
+            children: "Privacy Policy"
+          }
+        ),
+        "."
+      ] })
+    }
+  ]
+}, $ = {
+  definitionId: "lead-clickwrap",
+  definitionVersion: "1",
+  requiredLegalUrls: [
+    "privacyPolicy",
+    "userAgreement",
+    "marketLossPolicy",
+    "electronicDisclaimer",
+    "termsOfSale"
+  ],
+  items: [
+    {
+      type: "notice",
+      content: (t) => /* @__PURE__ */ p(Y, { children: [
+        "By clicking the button, I agree to be bound by your",
+        " ",
+        /* @__PURE__ */ s(
+          "a",
+          {
+            href: t.privacyPolicy,
+            target: "_blank",
+            rel: "noreferrer",
+            children: "Privacy Policy"
+          }
+        ),
+        ",",
+        " ",
+        /* @__PURE__ */ s(
+          "a",
+          {
+            href: t.userAgreement,
+            target: "_blank",
+            rel: "noreferrer",
+            children: "User Agreement"
+          }
+        ),
+        ",",
+        " ",
+        /* @__PURE__ */ s(
+          "a",
+          {
+            href: t.marketLossPolicy,
+            target: "_blank",
+            rel: "noreferrer",
+            children: "Market Loss Policy"
+          }
+        ),
+        ",",
+        " ",
+        /* @__PURE__ */ s(
+          "a",
+          {
+            href: t.electronicDisclaimer,
+            target: "_blank",
+            rel: "noreferrer",
+            children: "Electronic Disclaimer"
+          }
+        ),
+        " ",
+        "and",
+        " ",
+        /* @__PURE__ */ s("a", { href: t.termsOfSale, target: "_blank", rel: "noreferrer", children: "Terms & Conditions of Sale" }),
+        "."
+      ] })
+    }
+  ]
+}, ge = {
+  [`${U.definitionId}@${U.definitionVersion}`]: U,
+  [`${$.definitionId}@${$.definitionVersion}`]: $
+};
+function Z(t, e) {
+  return ge[`${t}@${e}`];
+}
+function z(t) {
+  return (e, n) => n ? e.trim().length > 0 || `${t} is required` : !0;
+}
+const pe = /^[2-9]\d{2}[2-9]\d{6}$/;
+function J(t) {
+  let e = t.replace(/\D/g, "");
+  return e.length === 11 && e.startsWith("1") && (e = e.slice(1)), e.length !== 10 || !pe.test(e) ? null : e;
+}
+function he(t) {
+  const e = t.trim();
+  if (!e) return "";
+  const n = J(e);
+  if (!n) return e;
+  const o = e.replace(/\D/g, "");
+  return o.length === 11 && o.startsWith("1") ? `1${n}` : n;
+}
+const be = {
+  firstname: {
+    name: "firstname",
+    control: "text",
+    label: "First name",
+    autoComplete: "given-name",
+    validate: z("First name")
+  },
+  lastname: {
+    name: "lastname",
+    control: "text",
+    label: "Last name",
+    autoComplete: "family-name",
+    validate: z("Last name")
+  },
+  email: {
+    name: "email",
+    control: "email",
+    label: "Email",
+    autoComplete: "email",
+    validate: (t, e) => {
+      const n = t.trim();
+      return n ? te(n) || "Enter a valid email" : e ? "Email is required" : !0;
+    }
+  },
+  phone: {
+    name: "phone",
+    control: "tel",
+    label: "Phone",
+    autoComplete: "tel",
+    validate: (t, e) => {
+      const n = t.trim();
+      return n ? J(n) ? !0 : "Enter a valid phone number" : e ? "Phone is required" : !0;
+    },
+    serialize: he
+  }
+};
+function j(t) {
+  return be[t];
+}
+function R({
+  className: t,
+  appearance: e,
+  variantValue: n,
+  kind: o,
+  children: l
+}) {
+  return /* @__PURE__ */ s(
+    "div",
+    {
+      className: `usgb-form ${t ?? ""}`,
+      "data-appearance": e,
+      ...n ? { "data-variant": n } : {},
+      "data-kind": o,
+      children: l
+    }
+  );
+}
+const _e = [
+  "hubspot_utk",
+  "ga_client_id",
+  "ga_session_id",
+  "snowplow_id",
+  "vwo_uuid"
+];
+function L(t, e) {
+  return t === "collected" && e != null && e !== "" ? { status: "collected", value: e } : { status: t };
+}
+function we(t) {
+  const { trackingFields: e, trackingRegistry: n, adapter: o } = t, l = o.getTrackingHints(), a = {};
+  for (const i of e) {
+    const r = n[i];
+    if (!r) continue;
+    const c = new Set(r.states);
+    if (r.collection === "server") {
+      a[i] = L("unavailable");
+      continue;
+    }
+    if (r.collection === "browser") {
+      if (i === "referrer" && typeof document < "u") {
+        const f = document.referrer;
+        a[i] = f ? L("collected", f) : L("unavailable");
+      } else
+        a[i] = L("unavailable");
+      continue;
+    }
+    const d = l[i];
+    if (d != null && d !== "") {
+      a[i] = L("collected", d);
+      continue;
+    }
+    if (_e.includes(i) && c.has("consent-withheld")) {
+      a[i] = L("unavailable");
+      continue;
+    }
+    a[i] = L("unavailable");
+  }
+  return a;
+}
+function ke() {
+  return typeof crypto < "u" && "randomUUID" in crypto ? crypto.randomUUID() : `usgb-${Date.now()}-${Math.random().toString(36).slice(2, 10)}`;
+}
+function ye(t, e) {
+  const n = {};
+  for (const o of t)
+    n[o.name] = "";
+  for (const o of e)
+    n[o] = !1;
+  return n;
+}
+function M(t) {
+  const e = t == null ? void 0 : t.trim();
+  return e || void 0;
+}
+function ve({
+  formId: t,
+  definition: e,
+  variantValue: n,
+  source: o,
+  campaign: l,
+  successUrl: a,
+  adapter: i,
+  analytics: r,
+  onAccepted: c,
+  onFailed: d
+}) {
+  const f = ne(), h = e.consent, w = h ? Z(
+    h.definitionId,
+    h.definitionVersion
+  ) : void 0, g = P(
+    () => (w == null ? void 0 : w.items.filter(
+      (_) => _.type === "checkbox"
+    )) ?? [],
+    [w]
+  ), k = P(
+    () => g.map((_) => _.name),
+    [g]
+  ), u = P(
+    () => ye(e.fields, k),
+    [e.fields, k]
+  ), {
+    register: m,
+    handleSubmit: N,
+    formState: { errors: b }
+  } = oe({
+    defaultValues: u
+  }), [q, C] = ie({ kind: "idle" });
+  re(() => {
+    r == null || r({ type: "view", formId: t });
+  }, [r, t]);
+  const T = P(() => {
+    const _ = {};
+    for (const S of e.fields)
+      _[S.name] = `${f}-${S.name}`;
+    for (const S of k)
+      _[S] = `${f}-${S}`;
+    return _;
+  }, [f, e.fields, k]), I = N(async (_) => {
+    const S = Object.keys(b);
+    if (S.length) {
+      r == null || r({
+        type: "validation_failure",
+        formId: t,
+        fields: S
+      });
+      return;
+    }
+    r == null || r({ type: "submit_attempt", formId: t }), C({ kind: "submitting" });
+    const W = /* @__PURE__ */ new Date(), G = W.toISOString().slice(0, 10), ee = we({
+      trackingFields: e.trackingFields,
+      trackingRegistry: D.trackingRegistry,
+      adapter: i
+    }), E = {};
+    for (const y of e.fields) {
+      const v = _[y.name];
+      if (typeof v != "string") {
+        E[y.name] = !!v;
+        continue;
       }
-    ),
-    error ? /* @__PURE__ */ jsx2("p", { id: inputId ? `${inputId}-error` : void 0, role: "alert", children: error }) : null
+      const A = j(y.name);
+      E[y.name] = A != null && A.serialize ? A.serialize(v) : v.trim();
+    }
+    let H;
+    if (h && w) {
+      const y = {};
+      for (const v of g)
+        y[v.name] = !!_[v.name], E[v.name] = !!_[v.name];
+      h.submitFields.includes("tcpa_form_opt_in_date") && (y.tcpa_form_opt_in_date = G, E.tcpa_form_opt_in_date = G), H = {
+        definitionId: h.definitionId,
+        definitionVersion: h.definitionVersion,
+        values: y,
+        timestamp: W.toISOString(),
+        source: o,
+        placement: n || e.kind
+      };
+    }
+    const V = {
+      formId: t,
+      definitionVersion: e.definitionVersion,
+      submissionContractVersion: D.submissionContract.version,
+      idempotencyKey: ke(),
+      data: E,
+      consent: H,
+      context: {
+        host: i.host,
+        source: o,
+        campaign: l,
+        page: typeof window < "u" ? window.location.href : void 0,
+        tracking: ee
+      }
+    };
+    try {
+      const y = await i.submit(V);
+      if (y.status === "accepted") {
+        r == null || r({ type: "success", formId: t, status: "accepted" }), c == null || c(V), C({ kind: "accepted" });
+        const v = M(a);
+        v && typeof window < "u" && window.location.assign(v);
+      } else
+        C({
+          kind: "failed",
+          message: y.message ?? "Submission failed"
+        }), r == null || r({
+          type: "failure",
+          formId: t,
+          message: y.message
+        }), d == null || d(V, y.message);
+    } catch (y) {
+      const v = y instanceof Error ? y.message : "Submission failed";
+      C({ kind: "failed", message: v }), r == null || r({ type: "failure", formId: t, message: v }), d == null || d(V, v);
+    }
+  });
+  return {
+    register: m,
+    errors: b,
+    fieldIds: T,
+    consentDef: w,
+    consentCheckboxes: g,
+    uiState: q,
+    onSubmit: I
+  };
+}
+function Ce() {
+  return /* @__PURE__ */ p(
+    "svg",
+    {
+      className: "usgb-field-error-icon",
+      width: "14",
+      height: "14",
+      viewBox: "0 0 14 14",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      "aria-hidden": "true",
+      focusable: "false",
+      children: [
+        /* @__PURE__ */ s(
+          "path",
+          {
+            d: "M7 13C10.3137 13 13 10.3137 13 7C13 3.68629 10.3137 1 7 1C3.68629 1 1 3.68629 1 7C1 10.3137 3.68629 13 7 13Z",
+            fill: "currentColor",
+            stroke: "currentColor",
+            strokeWidth: "0.7"
+          }
+        ),
+        /* @__PURE__ */ s(
+          "path",
+          {
+            d: "M6.31724 3.75816L6.42662 8.16962H7.57506L7.68444 3.75816H6.31724ZM7.00084 10.4483C7.41555 10.4483 7.74367 10.1338 7.74367 9.73277C7.74367 9.33173 7.41555 9.01727 7.00084 9.01727C6.58613 9.01727 6.258 9.33173 6.258 9.73277C6.258 10.1338 6.58613 10.4483 7.00084 10.4483Z",
+            fill: "var(--usgb-primary)"
+          }
+        )
+      ]
+    }
+  );
+}
+function Se() {
+  return /* @__PURE__ */ s(
+    "svg",
+    {
+      className: "usgb-form-checkbox-mark",
+      width: "10",
+      height: "7",
+      viewBox: "0 0 10 7",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      "aria-hidden": "true",
+      focusable: "false",
+      children: /* @__PURE__ */ s(
+        "path",
+        {
+          d: "M1 3.5L2.33333 4.75L3.66667 6L9 1",
+          stroke: "currentColor",
+          strokeWidth: "1.75",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    }
+  );
+}
+function K({
+  id: t,
+  message: e,
+  className: n
+}) {
+  return e ? /* @__PURE__ */ p(
+    "span",
+    {
+      id: t,
+      role: "alert",
+      className: x("usgb-field-error", n),
+      children: [
+        /* @__PURE__ */ s(Ce, {}),
+        e
+      ]
+    }
+  ) : null;
+}
+const qe = O(
+  function({ id: e, label: n, errorMessage: o, required: l, className: a, ...i }, r) {
+    const c = o ? `${e}-error` : void 0;
+    return /* @__PURE__ */ p("div", { className: "usgb-form-group", children: [
+      /* @__PURE__ */ p("div", { className: "usgb-consent-row", children: [
+        /* @__PURE__ */ p("span", { className: "usgb-form-checkbox-wrap", children: [
+          /* @__PURE__ */ s(
+            "input",
+            {
+              ref: r,
+              id: e,
+              type: "checkbox",
+              className: x("usgb-form-checkbox", a),
+              "aria-invalid": o ? !0 : void 0,
+              "aria-describedby": c,
+              "aria-required": l || void 0,
+              ...i
+            }
+          ),
+          /* @__PURE__ */ s(Se, {})
+        ] }),
+        /* @__PURE__ */ s("label", { htmlFor: e, className: "usgb-consent-copy", children: n })
+      ] }),
+      /* @__PURE__ */ s(K, { id: c, message: o })
+    ] });
+  }
+), Q = O(
+  function({
+    className: e,
+    variant: n = "primary",
+    loading: o = !1,
+    disabled: l = !1,
+    children: a,
+    ...i
+  }, r) {
+    return /* @__PURE__ */ s(
+      "button",
+      {
+        ref: r,
+        type: i.type ?? "button",
+        className: x(
+          "usgb-btn",
+          n === "primary" && "usgb-btn-primary",
+          e
+        ),
+        disabled: l || o,
+        "aria-busy": o || void 0,
+        ...i,
+        children: o ? "Submitting…" : a
+      }
+    );
+  }
+), Be = {
+  clientAgreement: "/content/client-agreement",
+  privacyPolicy: "/content/privacy-policy"
+};
+function Ne(t, e = ["clientAgreement", "privacyPolicy"]) {
+  return e.every((n) => {
+    var o;
+    return !!((o = t == null ? void 0 : t[n]) != null && o.trim());
+  });
+}
+function Le(t) {
+  const e = [];
+  let n = 0;
+  for (; n < t.length; ) {
+    const o = t[n];
+    if (o.group) {
+      const l = o.group, a = [];
+      for (; n < t.length && t[n].group === l; )
+        a.push(t[n]), n += 1;
+      e.push({ type: "group", group: l, fields: a });
+      continue;
+    }
+    e.push({ type: "field", field: o }), n += 1;
+  }
+  return e;
+}
+function Ee({
+  htmlFor: t,
+  children: e,
+  className: n,
+  required: o
+}) {
+  return /* @__PURE__ */ p("label", { htmlFor: t, className: x("usgb-field-label", n), children: [
+    e,
+    o ? /* @__PURE__ */ s("span", { className: "usgb-field-label-asterisk", "aria-hidden": "true", children: "*" }) : null
   ] });
 }
+function Fe(t) {
+  return t.replace(/\b\w/g, (e) => e.toUpperCase());
+}
+const Pe = O(
+  function({
+    id: e,
+    label: n,
+    type: o = "text",
+    errorMessage: l,
+    required: a,
+    hideLabel: i = !1,
+    placeholderCase: r = "upper",
+    showError: c = !0,
+    className: d,
+    placeholder: f,
+    ...h
+  }, w) {
+    const g = l ? `${e}-error` : void 0, k = i ? `${n}${a ? "*" : ""}` : f, u = i && k ? r === "title" ? Fe(k) : k.toUpperCase() : k;
+    return /* @__PURE__ */ p("div", { className: "usgb-form-group", children: [
+      /* @__PURE__ */ s(
+        Ee,
+        {
+          htmlFor: e,
+          required: a,
+          className: i ? "usgb-field-label--sr-only" : void 0,
+          children: n
+        }
+      ),
+      /* @__PURE__ */ s(
+        "input",
+        {
+          ref: w,
+          id: e,
+          type: o,
+          className: x(
+            "usgb-field-control",
+            l && "usgb-field-invalid",
+            d
+          ),
+          placeholder: u,
+          "aria-invalid": l ? !0 : void 0,
+          "aria-describedby": g,
+          "aria-required": a || void 0,
+          ...h
+        }
+      ),
+      c ? /* @__PURE__ */ s(K, { id: g, message: l }) : null
+    ] });
+  }
+);
+function B({
+  fieldRef: t,
+  fieldIds: e,
+  register: n,
+  errors: o,
+  hideLabel: l,
+  placeholderCase: a,
+  showError: i = !0
+}) {
+  const r = j(t.name);
+  if (!r) return null;
+  const c = o[t.name], d = typeof (c == null ? void 0 : c.message) == "string" ? c.message : void 0;
+  return /* @__PURE__ */ s(
+    Pe,
+    {
+      id: e[t.name],
+      label: r.label,
+      type: r.control,
+      required: t.required,
+      hideLabel: l,
+      placeholderCase: a,
+      showError: i,
+      autoComplete: r.autoComplete,
+      errorMessage: d,
+      ...n(t.name, {
+        validate: (f) => r.validate(
+          typeof f == "string" ? f : "",
+          t.required
+        )
+      })
+    }
+  );
+}
+function xe({
+  definition: t,
+  variants: e,
+  ctaLabel: n,
+  legalUrls: o,
+  session: l
+}) {
+  const { register: a, errors: i, fieldIds: r, consentDef: c, uiState: d, onSubmit: f } = l, h = P(
+    () => Le(t.fields),
+    [t.fields]
+  ), w = e.includes("sidebar"), g = e.includes("dense") || w, k = w ? "title" : "upper";
+  return /* @__PURE__ */ p("form", { onSubmit: f, noValidate: !0, children: [
+    h.map((u) => u.type === "group" ? /* @__PURE__ */ s(
+      "div",
+      {
+        className: "usgb-form-grid",
+        children: u.fields.map((m) => /* @__PURE__ */ s(
+          B,
+          {
+            fieldRef: m,
+            fieldIds: r,
+            register: a,
+            errors: i,
+            hideLabel: g,
+            placeholderCase: k
+          },
+          m.name
+        ))
+      },
+      `group-${u.group}-${u.fields.map((m) => m.name).join("-")}`
+    ) : /* @__PURE__ */ s(
+      B,
+      {
+        fieldRef: u.field,
+        fieldIds: r,
+        register: a,
+        errors: i,
+        hideLabel: g,
+        placeholderCase: k
+      },
+      u.field.name
+    )),
+    c && Ne(o, c.requiredLegalUrls) ? c.items.map((u, m) => {
+      const N = fe(
+        u.content,
+        o
+      );
+      if (u.type === "notice")
+        return /* @__PURE__ */ s(
+          "p",
+          {
+            className: "usgb-consent-copy usgb-consent-notice",
+            children: N
+          },
+          `notice-${m}`
+        );
+      const b = i[u.name], q = typeof (b == null ? void 0 : b.message) == "string" ? b.message : void 0;
+      return /* @__PURE__ */ s(
+        qe,
+        {
+          id: r[u.name],
+          label: N,
+          required: u.required,
+          errorMessage: q,
+          ...a(u.name, {
+            required: u.required ? "This field is required" : !1
+          })
+        },
+        u.name
+      );
+    }) : null,
+    /* @__PURE__ */ s(Q, { type: "submit", loading: d.kind === "submitting", children: n }),
+    d.kind === "failed" ? /* @__PURE__ */ s(
+      "p",
+      {
+        className: "usgb-form-status usgb-form-status-error",
+        role: "alert",
+        children: d.message ?? "Something went wrong. Please try again."
+      }
+    ) : null
+  ] });
+}
+function Te({
+  definition: t,
+  ctaLabel: e,
+  session: n
+}) {
+  var f;
+  const { register: o, errors: l, fieldIds: a, uiState: i, onSubmit: r } = n, c = t.fields.find((h) => h.name === "email"), d = typeof ((f = l.email) == null ? void 0 : f.message) == "string" ? l.email.message : void 0;
+  return c ? /* @__PURE__ */ p("form", { onSubmit: r, noValidate: !0, children: [
+    /* @__PURE__ */ p("div", { className: "usgb-form-inline", children: [
+      /* @__PURE__ */ s(
+        B,
+        {
+          fieldRef: c,
+          fieldIds: a,
+          register: o,
+          errors: l,
+          hideLabel: !0,
+          placeholderCase: "upper",
+          showError: !1
+        }
+      ),
+      /* @__PURE__ */ s(Q, { type: "submit", loading: i.kind === "submitting", children: e })
+    ] }),
+    /* @__PURE__ */ s(
+      K,
+      {
+        id: d ? `${a.email}-error` : void 0,
+        message: d
+      }
+    ),
+    i.kind === "failed" ? /* @__PURE__ */ s(
+      "p",
+      {
+        className: "usgb-form-status usgb-form-status-error",
+        role: "alert",
+        children: i.message ?? "Something went wrong. Please try again."
+      }
+    ) : null
+  ] }) : /* @__PURE__ */ s("p", { className: "usgb-form-status usgb-form-status-error", role: "alert", children: "Newsletter kind requires an email field" });
+}
+const X = {
+  lead: xe,
+  newsletter: Te
+}, Ie = "Thank you. Your request has been accepted and is being processed.";
+function F({
+  className: t,
+  appearance: e,
+  variantValue: n,
+  kind: o,
+  children: l
+}) {
+  return /* @__PURE__ */ s(
+    R,
+    {
+      className: t,
+      appearance: e,
+      variantValue: n,
+      kind: o,
+      children: /* @__PURE__ */ s("p", { className: "usgb-form-status usgb-form-status-error", role: "alert", children: l })
+    }
+  );
+}
+function Ve({
+  formId: t,
+  definition: e,
+  appearance: n,
+  variants: o,
+  variantValue: l,
+  heading: a,
+  body: i,
+  ctaLabel: r,
+  source: c,
+  campaign: d,
+  legalUrls: f,
+  successMessage: h,
+  successUrl: w,
+  adapter: g,
+  analytics: k,
+  className: u,
+  onAccepted: m,
+  onFailed: N
+}) {
+  const b = ve({
+    formId: t,
+    definition: e,
+    variantValue: l,
+    source: c,
+    campaign: d,
+    successUrl: w,
+    adapter: g,
+    analytics: k,
+    onAccepted: m,
+    onFailed: N
+  });
+  if (b.uiState.kind === "accepted") {
+    const C = !!M(w);
+    return /* @__PURE__ */ p(
+      R,
+      {
+        className: u,
+        appearance: n,
+        variantValue: l,
+        kind: e.kind,
+        children: [
+          a ? /* @__PURE__ */ s("h2", { className: "usgb-form-heading", children: a }) : null,
+          C ? null : /* @__PURE__ */ s(
+            "p",
+            {
+              className: "usgb-form-status usgb-form-status-success",
+              role: "status",
+              children: M(h) ?? Ie
+            }
+          )
+        ]
+      }
+    );
+  }
+  const q = X[e.kind];
+  return /* @__PURE__ */ p(
+    R,
+    {
+      className: u,
+      appearance: n,
+      variantValue: l,
+      kind: e.kind,
+      children: [
+        a ? /* @__PURE__ */ s("h2", { className: "usgb-form-heading", children: a }) : null,
+        i ? /* @__PURE__ */ s("p", { className: "usgb-form-body", children: i }) : null,
+        /* @__PURE__ */ s(
+          q,
+          {
+            definition: e,
+            variants: o,
+            ctaLabel: r,
+            legalUrls: f,
+            session: b
+          }
+        )
+      ]
+    }
+  );
+}
+function Oe({
+  formId: t,
+  appearance: e = "light",
+  variants: n = ["dense"],
+  heading: o,
+  body: l,
+  ctaLabel: a = "GET MY FREE GUIDE",
+  source: i,
+  campaign: r,
+  legalUrls: c,
+  successMessage: d,
+  successUrl: f,
+  adapter: h,
+  analytics: w,
+  className: g,
+  onAccepted: k,
+  onFailed: u
+}) {
+  const m = me(t), b = (m == null ? void 0 : m.kind) === "newsletter" ? "" : n.join(" ");
+  if (!m)
+    return /* @__PURE__ */ p(
+      F,
+      {
+        className: g,
+        appearance: e,
+        variantValue: b,
+        children: [
+          "Unknown form definition: ",
+          t
+        ]
+      }
+    );
+  const q = m.consent, C = q ? Z(
+    q.definitionId,
+    q.definitionVersion
+  ) : void 0;
+  if (q && !C)
+    return /* @__PURE__ */ p(
+      F,
+      {
+        className: g,
+        appearance: e,
+        variantValue: b,
+        kind: m.kind,
+        children: [
+          "Missing consent definition for ",
+          t
+        ]
+      }
+    );
+  const T = (C == null ? void 0 : C.requiredLegalUrls.filter(
+    (_) => {
+      var S;
+      return !((S = c == null ? void 0 : c[_]) != null && S.trim());
+    }
+  )) ?? [];
+  if (C && T.length)
+    return /* @__PURE__ */ p(
+      F,
+      {
+        className: g,
+        appearance: e,
+        variantValue: b,
+        kind: m.kind,
+        children: [
+          "Missing legal URL(s) for ",
+          t,
+          ": ",
+          T.join(", ")
+        ]
+      }
+    );
+  const I = m.fields.filter(
+    (_) => !j(_.name)
+  );
+  return I.length ? /* @__PURE__ */ p(
+    F,
+    {
+      className: g,
+      appearance: e,
+      variantValue: b,
+      kind: m.kind,
+      children: [
+        "Unknown field(s) in ",
+        t,
+        ":",
+        " ",
+        I.map((_) => _.name).join(", ")
+      ]
+    }
+  ) : m.kind in X ? /* @__PURE__ */ s(
+    Ve,
+    {
+      formId: t,
+      definition: m,
+      appearance: e,
+      variants: n,
+      variantValue: b,
+      heading: o,
+      body: l,
+      ctaLabel: a,
+      source: i,
+      campaign: r,
+      legalUrls: c,
+      successMessage: d,
+      successUrl: f,
+      adapter: h,
+      analytics: w,
+      className: g,
+      onAccepted: k,
+      onFailed: u
+    }
+  ) : /* @__PURE__ */ p(
+    F,
+    {
+      className: g,
+      appearance: e,
+      variantValue: b,
+      kind: m.kind,
+      children: [
+        "Missing renderer for kind: ",
+        m.kind
+      ]
+    }
+  );
+}
+function je(t = {}) {
+  const e = typeof t == "string" ? { host: t } : t, n = e.host ?? "pwa", o = e.delayMs ?? 400, l = e.result ?? { status: "accepted" };
+  return {
+    host: n,
+    getTrackingHints() {
+      if (typeof window > "u") return {};
+      const a = new URLSearchParams(window.location.search), i = (r) => a.get(r) ?? void 0;
+      return {
+        utm_source: i("utm_source"),
+        utm_medium: i("utm_medium"),
+        utm_campaign: i("utm_campaign"),
+        utm_term: i("utm_term"),
+        utm_content: i("utm_content"),
+        gclid: i("gclid"),
+        msclkid: i("msclkid"),
+        gbraid: i("gbraid"),
+        wbraid: i("wbraid")
+      };
+    },
+    async submit(a) {
+      var i;
+      return (i = e.onSubmit) == null || i.call(e, a), await new Promise((r) => setTimeout(r, o)), l;
+    }
+  };
+}
 export {
-  Form,
-  TextField
+  Q as Button,
+  qe as ConsentField,
+  be as FIELD_REGISTRY,
+  K as FieldError,
+  Ee as FieldLabel,
+  $ as LEAD_CLICKWRAP_V1,
+  U as LEAD_TCPA_V1,
+  Be as PWA_LEGAL_URLS,
+  Pe as TextField,
+  Oe as UsgbForm,
+  we as collectTrackingContext,
+  ke as createIdempotencyKey,
+  je as createStubAdapter,
+  D as formsManifest,
+  Z as getConsentDefinition,
+  j as getFieldDefinition,
+  me as getFormDefinition,
+  Ne as isCompleteLegalUrls,
+  Me as listFormDefinitions,
+  fe as resolveConsentContent
 };
-//# sourceMappingURL=index.js.map