@usgb/forms 1.0.2 → 1.0.3

package/dist/index.js

@@ -1,51 +1,77 @@
-import { jsx as l, Fragment as X, jsxs as g } from "react/jsx-runtime";
-import { validate as ee } from "email-validator";
-import { useId as te, useMemo as D, useState as ne, useEffect as ie, forwardRef as $ } from "react";
+import { jsx as s, Fragment as ee, jsxs as h } from "react/jsx-runtime";
+import { useId as K, useMemo as D, useState as te, useRef as G, useEffect as j, forwardRef as R } from "react";
+import { validate as ne } from "email-validator";
 import { useForm as re } from "react-hook-form";
-import P from "classnames";
-const oe = "1.0.0", se = { version: "1.0.0", transport: "server-proxy", payloadShape: "data-and-context" }, ae = { 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"] } }, le = { "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"], ctaLabel: "GET MY FREE GUIDE", consents: [{ definitionId: "lead-tcpa", definitionVersion: "1", required: !1 }, { definitionId: "lead-sms", definitionVersion: "1", required: !1 }, { definitionId: "lead-tospp", definitionVersion: "1", required: !1 }], editor: { label: "Main Investors Kit", description: "Standard lead form: name, email, phone, plus optional TCPA, marketing SMS, and terms/privacy checkboxes. Use on full-width landing pages and PWA kit/sidebar placements.", whenToUse: "Default kit request with optional consent checkboxes. Do not use for affiliate landers or IRA-specific leads.", whenNotToUse: "Affiliate pages (separate definition). IRA kit (separate definition when added). Clickwrap-only kit (`main-investors-kit-notice`).", supportedAppearances: ["on-light", "on-dark"], supportedVariants: ["dense", "large", "sidebar", "two-column"] } }, "main-investors-kit-notice": { 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"], ctaLabel: "GET MY FREE GUIDE", consents: [{ definitionId: "lead-clickwrap", definitionVersion: "1" }], editor: { label: "Main Investors Kit (clickwrap)", description: "Same fields as Main Investors Kit with a clickwrap notice only — no consent checkboxes.", whenToUse: "Kit request where submit acknowledges legal docs via notice copy instead of checkboxes.", whenNotToUse: "Placements that need TCPA / marketing SMS / terms checkboxes (`main-investors-kit`).", supportedAppearances: ["on-light", "on-dark"], 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"], ctaLabel: "SUBSCRIBE", 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: ["on-light", "on-dark"], supportedVariants: [] } } }, ce = { 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"] }, de = {
-  schemaVersion: oe,
+import A from "classnames";
+const ie = "1.1.0", oe = { version: "1.0.0", transport: "server-proxy" }, ae = { 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"] } }, se = { appearance: { label: "Appearance", control: "select", reactProp: "appearance", attribute: "appearance", required: !1, default: "on-light", valuesFrom: "supportedAppearances", description: "Recolors the form for a light or dark host surface. It never paints a background, padding, or radius — the host container owns those." }, variant: { label: "Size variant", control: "select", reactProp: "variant", attribute: "variant", required: !1, default: "dense", valuesFrom: "supportedVariants", description: "Select exactly one size treatment: `dense`, `large`, or `sidebar`." }, twoColumn: { label: "Two-column name row", control: "checkbox", reactProp: "twoColumn", attribute: "two-column", required: !1, default: !1, description: "Places grouped name fields in two columns when the form container is wide enough." }, heading: { label: "Heading", control: "text", reactProp: "heading", attribute: "heading", required: !1, description: "Placement copy above the fields. Omit to render no heading." }, subheading: { label: "Subheading", control: "text", reactProp: "subheading", attribute: "subheading", required: !1, description: "Supporting copy under the heading. Omit to render none." }, ctaLabel: { label: "Button label", control: "text", reactProp: "ctaLabel", attribute: "cta", required: !1, defaultFrom: "ctaLabel", description: "Overrides the catalog submit label for this placement." }, legalUrls: { label: "Legal document URLs", control: "url-group", reactProp: "legalUrls", attributes: { clientAgreement: "client-agreement-url", privacyPolicy: "privacy-policy-url", userAgreement: "user-agreement-url", marketLossPolicy: "market-loss-policy-url", electronicDisclaimer: "electronic-disclaimer-url", termsOfSale: "terms-of-sale-url" }, required: !0, valuesFrom: "requiredLegalUrls", description: "Host CMS hrefs for the documents named in this form's consent copy. Every key in `requiredLegalUrls` must be a non-empty URL or the form does not render." }, successMessage: { label: "Thank-you message", control: "text", reactProp: "successMessage", attribute: "success-message", required: !1, description: "Inline copy shown after accept. Ignored when a thank-you URL is set; omitted values fall back to a package default line." }, successUrl: { label: "Thank-you URL", control: "url", reactProp: "successUrl", attribute: "success-url", required: !1, description: "Redirect after accept. A full navigation can cut off analytics beacons — prefer measuring the conversion on the thank-you page." } }, le = { "magento-fik": { definitionVersion: "1", kind: "lead", flow: { type: "single" }, fields: [{ name: "firstname", required: !0, group: "name" }, { name: "lastname", required: !0, group: "name" }, { name: "email", required: !0 }, { name: "phone", required: !1 }], ctaLabel: "GET MY FREE GUIDE", consents: [{ definitionId: "lead-tcpa", definitionVersion: "1", required: !1 }, { definitionId: "lead-sms", definitionVersion: "1", required: !1 }, { definitionId: "lead-tospp", definitionVersion: "1", required: !1 }], editor: { label: "Magento FIK", description: "First name, last name, and email required; phone optional. Optional checkboxes: transactional SMS (lead-tcpa v1), marketing SMS (lead-sms v1), and terms and privacy (lead-tospp v1).", whenToUse: "TBD", whenNotToUse: "TBD", options: ["appearance", "variant", "twoColumn", "heading", "subheading", "ctaLabel", "legalUrls", "successMessage", "successUrl"], supportedAppearances: ["on-light", "on-dark"], supportedVariants: ["dense", "large", "sidebar"], requiredLegalUrls: ["userAgreement", "privacyPolicy"] } }, "magento-ira-kick-article": { definitionVersion: "1", kind: "lead", flow: { type: "single" }, fields: [{ name: "firstname", required: !0, group: "name" }, { name: "lastname", required: !0, group: "name" }, { name: "email", required: !0 }, { name: "phone", required: !0 }], ctaLabel: "GET MY FREE GUIDE", consents: [{ definitionId: "lead-tcpa", definitionVersion: "2", required: !1 }], editor: { label: "Magento IRA Kick Article", description: "First name, last name, email, and phone required. Optional telephone and SMS consent checkbox with linked terms and privacy (lead-tcpa v2).", whenToUse: "TBD", whenNotToUse: "TBD", options: ["appearance", "variant", "twoColumn", "heading", "subheading", "ctaLabel", "legalUrls", "successMessage", "successUrl"], supportedAppearances: ["on-light", "on-dark"], supportedVariants: ["dense", "large", "sidebar"], requiredLegalUrls: ["userAgreement", "privacyPolicy"] } }, "magento-fik-blog-rail": { definitionVersion: "1", kind: "lead", flow: { type: "single" }, fields: [{ name: "firstname", required: !0, group: "name" }, { name: "lastname", required: !0, group: "name" }, { name: "email", required: !0 }, { name: "phone", required: !0 }], ctaLabel: "GET MY FREE GUIDE", consents: [{ definitionId: "lead-tcpa", definitionVersion: "2", required: !1 }], editor: { label: "Magento FIK Blog Rail", description: "First name, last name, email, and phone required. Optional telephone and SMS consent checkbox with linked terms and privacy (lead-tcpa v2).", whenToUse: "TBD", whenNotToUse: "TBD", options: ["appearance", "variant", "twoColumn", "heading", "subheading", "ctaLabel", "legalUrls", "successMessage", "successUrl"], supportedAppearances: ["on-light", "on-dark"], supportedVariants: ["dense", "large", "sidebar"], requiredLegalUrls: ["userAgreement", "privacyPolicy"] } }, "main-investors-kit-notice": { definitionVersion: "1", kind: "lead", flow: { type: "single" }, fields: [{ name: "firstname", required: !0, group: "name" }, { name: "lastname", required: !0, group: "name" }, { name: "email", required: !0 }, { name: "phone", required: !1 }], ctaLabel: "CLAIM YOUR OFFER", consents: [{ definitionId: "lead-clickwrap", definitionVersion: "2" }], editor: { label: "Main Investors Kit (clickwrap)", description: "First name, last name, and email required; phone optional. Clickwrap notice only (lead-clickwrap v2); no consent checkboxes.", whenToUse: "TBD", whenNotToUse: "TBD", options: ["appearance", "variant", "twoColumn", "heading", "subheading", "ctaLabel", "legalUrls", "successMessage", "successUrl"], supportedAppearances: ["on-light", "on-dark"], supportedVariants: ["dense", "large", "sidebar"], requiredLegalUrls: ["privacyPolicy", "userAgreement"] } }, newsletter: { definitionVersion: "1", kind: "newsletter", flow: { type: "single" }, fields: [{ name: "email", required: !0 }], ctaLabel: "SUBSCRIBE", editor: { label: "Newsletter", description: "Email only. No consent.", whenToUse: "TBD", whenNotToUse: "TBD", options: ["appearance", "heading", "subheading", "ctaLabel", "successMessage", "successUrl"], supportedAppearances: ["on-light", "on-dark"], supportedVariants: [], requiredLegalUrls: [] } } }, ce = { hosts: ["pwa", "wordpress"], mayProvide: ["legal document URLs", "host/store identity"], mustNotDefine: ["consent definitions", "form fields", "submission endpoints"] }, de = {
+  schemaVersion: ie,
   package: { name: "@usgb/forms", compatiblePackageVersions: "^1.0.2" },
-  submissionContract: se,
+  submissionContract: oe,
   trackingRegistry: ae,
+  editorOptions: se,
   forms: le,
   hostAdapterContract: ce
-}, I = de;
-function ue(t) {
-  return I.forms[t];
+}, N = de;
+function z(t) {
+  return N.forms[t];
 }
-function He() {
-  return Object.entries(I.forms).map(([t, e]) => ({
+function je() {
+  return Object.entries(N.forms).map(([t, e]) => ({
     formId: t,
     definition: e
   }));
 }
-function j(t, e) {
+function ze(t) {
+  const e = z(t);
+  if (!e)
+    return [];
+  const n = [];
+  for (const i of e.editor.options) {
+    const o = N.editorOptions[i];
+    if (!o)
+      continue;
+    const r = o.valuesFrom ? [...e.editor[o.valuesFrom]] : void 0;
+    r && !r.length || n.push({
+      ...o,
+      key: i,
+      values: r,
+      defaultValue: o.defaultFrom ? e[o.defaultFrom] : o.default
+    });
+  }
+  return n;
+}
+function W(t, e) {
   return typeof t == "string" ? { content: t, language: t } : t(e);
 }
-function G(t, e) {
+function Y(t, e) {
   return `${t}@${e}`;
 }
-function H(t) {
+function x(t) {
   return (e) => ({
     language: t.map(
       (n) => typeof n == "string" ? n : `${n.label} (${e[n.href] ?? ""})`
     ).join(""),
-    content: /* @__PURE__ */ l(X, { children: t.map(
-      (n, i) => typeof n == "string" ? n : /* @__PURE__ */ l(
+    content: /* @__PURE__ */ s(ee, { children: t.map(
+      (n, i) => typeof n == "string" ? n : /* @__PURE__ */ h(
         "a",
         {
           href: e[n.href],
           target: "_blank",
           rel: "noreferrer",
-          children: n.label
+          children: [
+            n.label,
+            /* @__PURE__ */ h("span", { className: "usgb-field-label--sr-only", children: [
+              " ",
+              "(opens in a new tab)"
+            ] })
+          ]
         },
         `${n.href}-${i}`
       )
     ) })
   });
 }
-const me = {
+const ue = {
   definitionId: "lead-tcpa",
   definitionVersion: "1",
   type: "checkbox",
@@ -54,7 +80,22 @@ const me = {
   requiredLegalUrls: [],
   languageKey: "tcpa_consent_language",
   copy: "By checking, you are allowing to receive transactional/informational SMS communications regarding account notifications, customer care, etc, from U.S. Gold Bureau. Messages frequency may vary. Data rates may apply, reply STOP to opt-out"
-}, fe = {
+}, me = {
+  definitionId: "lead-tcpa",
+  definitionVersion: "2",
+  type: "checkbox",
+  name: "tcpa_form_consent_granted",
+  grantDateField: "tcpa_form_opt_in_date",
+  requiredLegalUrls: ["userAgreement", "privacyPolicy"],
+  languageKey: "tcpa_consent_language",
+  copy: x([
+    "By checking the box you authorize United States Gold Bureau to provide you with telephone calls or SMS messages at the phone number provided, including the use of automatic telephone dialing systems, and you agree to our ",
+    { href: "userAgreement", label: "terms and conditions" },
+    " and ",
+    { href: "privacyPolicy", label: "privacy policy" },
+    ". Calls are recorded and may be monitored."
+  ])
+}, pe = {
   definitionId: "lead-sms",
   definitionVersion: "1",
   type: "checkbox",
@@ -62,21 +103,21 @@ const me = {
   requiredLegalUrls: [],
   languageKey: "sms_consent_language",
   copy: "By checking, you are allowing to receive promotional/marketing SMS communications from U.S. Gold Bureau. Frequency may vary. Data rates may apply. Reply HELP for help or STOP to opt-out."
-}, ge = {
+}, fe = {
   definitionId: "lead-tospp",
   definitionVersion: "1",
   type: "checkbox",
   name: "tospp_form_consent_granted",
   requiredLegalUrls: ["userAgreement", "privacyPolicy"],
   languageKey: "tospp_consent_language",
-  copy: H([
+  copy: x([
     "By checking, I accept ",
     { href: "userAgreement", label: "Terms of Conditions" },
     " & ",
     { href: "privacyPolicy", label: "Privacy Policy" },
     "."
   ])
-}, pe = {
+}, ge = {
   definitionId: "lead-clickwrap",
   definitionVersion: "1",
   type: "notice",
@@ -88,7 +129,7 @@ const me = {
     "termsOfSale"
   ],
   languageKey: "clickwrap_consent_language",
-  copy: H([
+  copy: x([
     "By clicking the button, I agree to be bound by your ",
     { href: "privacyPolicy", label: "Privacy Policy" },
     ", ",
@@ -101,30 +142,45 @@ const me = {
     { href: "termsOfSale", label: "Terms & Conditions of Sale" },
     "."
   ])
+}, he = {
+  definitionId: "lead-clickwrap",
+  definitionVersion: "2",
+  type: "notice",
+  requiredLegalUrls: ["privacyPolicy", "userAgreement"],
+  languageKey: "clickwrap_consent_language",
+  copy: x([
+    "By submitting, you agree to United States Gold Bureau’s ",
+    { href: "privacyPolicy", label: "Privacy Policy" },
+    " and ",
+    { href: "userAgreement", label: "Terms & Conditions" },
+    ", including dispute resolution, and consent to receive texts and calls for informational, marketing and sales purposes, even if your number is on a do not call list, using automated dialing, voice or AI tech. Consent not required for purchase. Msg & data rates may apply. Calls may be recorded and monitored. Opt out anytime."
+  ])
 };
-function he(...t) {
+function be(...t) {
   return Object.fromEntries(
     t.map((e) => [
-      G(e.definitionId, e.definitionVersion),
+      Y(e.definitionId, e.definitionVersion),
       e
     ])
   );
 }
-const be = he(
+const ye = be(
+  ue,
   me,
+  pe,
   fe,
   ge,
-  pe
+  he
 );
-function ye(t, e) {
-  return be[G(t, e)];
+function ve(t, e) {
+  return ye[Y(t, e)];
 }
-function W(t) {
+function H(t) {
   if (!(t != null && t.length))
     return [];
   const e = [];
   for (const n of t) {
-    const i = ye(
+    const i = ve(
       n.definitionId,
       n.definitionVersion
     );
@@ -136,59 +192,59 @@ function W(t) {
   }
   return e;
 }
-function _e(t, e, n, i) {
+function ke(t, e, n, i) {
   if (!t.length)
     return;
-  const a = {};
-  for (const s of t) {
-    const { language: r } = j(s.copy, n);
-    if (a[s.languageKey] = r, s.type === "checkbox") {
-      const o = !!e[s.name];
-      a[s.name] = o, o && s.grantDateField && (a[s.grantDateField] = i);
+  const o = {};
+  for (const r of t) {
+    const { language: l } = W(r.copy, n);
+    if (o[r.languageKey] = l, r.type === "checkbox") {
+      const a = !!e[r.name];
+      o[r.name] = a, a && r.grantDateField && (o[r.grantDateField] = i);
     }
   }
-  return a;
+  return o;
 }
-function ke(t) {
+function we(t) {
   const e = /* @__PURE__ */ new Set();
   for (const n of t)
     for (const i of n.requiredLegalUrls)
       e.add(i);
   return [...e];
 }
-function we(t) {
+function qe(t) {
   return t.type === "checkbox";
 }
-function O(t) {
+function $(t) {
   return (e, n) => n ? e.trim().length > 0 || `${t} is required` : !0;
 }
-const ve = /^[2-9]\d{2}[2-9]\d{6}$/;
-function z(t) {
+const _e = /^[2-9]\d{2}[2-9]\d{6}$/;
+function Z(t) {
   let e = t.replace(/\D/g, "");
-  return e.length === 11 && e.startsWith("1") && (e = e.slice(1)), e.length !== 10 || !ve.test(e) ? null : e;
+  return e.length === 11 && e.startsWith("1") && (e = e.slice(1)), e.length !== 10 || !_e.test(e) ? null : e;
 }
-function Se(t) {
+function Le(t) {
   const e = t.trim();
   if (!e) return "";
-  const n = z(e);
+  const n = Z(e);
   if (!n) return e;
   const i = e.replace(/\D/g, "");
   return i.length === 11 && i.startsWith("1") ? `1${n}` : n;
 }
-const qe = {
+const Se = {
   firstname: {
     name: "firstname",
     control: "text",
     label: "First name",
     autoComplete: "given-name",
-    validate: O("First name")
+    validate: $("First name")
   },
   lastname: {
     name: "lastname",
     control: "text",
     label: "Last name",
     autoComplete: "family-name",
-    validate: O("Last name")
+    validate: $("Last name")
   },
   email: {
     name: "email",
@@ -197,7 +253,7 @@ const qe = {
     autoComplete: "email",
     validate: (t, e) => {
       const n = t.trim();
-      return n ? ee(n) || "Enter a valid email" : e ? "Email is required" : !0;
+      return n ? ne(n) || "Enter a valid email" : e ? "Email is required" : !0;
     }
   },
   phone: {
@@ -207,77 +263,38 @@ const qe = {
     autoComplete: "tel",
     validate: (t, e) => {
       const n = t.trim();
-      return n ? z(n) ? !0 : "Enter a valid phone number" : e ? "Phone is required" : !0;
+      return n ? Z(n) ? !0 : "Enter a valid phone number" : e ? "Phone is required" : !0;
     },
-    serialize: Se
+    serialize: Le
   }
 };
 function B(t) {
-  return qe[t];
+  return Se[t];
 }
-function V({
+function J({
   className: t,
   appearance: e,
   variantValue: n,
-  kind: i,
-  children: a
+  twoColumn: i,
+  kind: o,
+  children: r
 }) {
-  return /* @__PURE__ */ l(
+  return /* @__PURE__ */ s(
     "div",
     {
       className: `usgb-form ${t ?? ""}`,
       "data-appearance": e,
       ...n ? { "data-variant": n } : {},
-      "data-kind": i,
-      children: a
+      ...i ? { "data-layout": "two-column" } : {},
+      "data-kind": o,
+      children: r
     }
   );
 }
-const Ce = [
-  "hubspot_utk",
-  "ga_client_id",
-  "ga_session_id",
-  "snowplow_id",
-  "vwo_uuid"
-];
-function C(t, e) {
-  return t === "collected" && e != null && e !== "" ? { status: "collected", value: e } : { status: t };
-}
-function Le(t) {
-  const { trackingFields: e, trackingRegistry: n, adapter: i } = t, a = i.getTrackingHints(), s = {};
-  for (const r of e) {
-    const o = n[r];
-    if (!o) continue;
-    const c = new Set(o.states);
-    if (o.collection === "server") {
-      s[r] = C("unavailable");
-      continue;
-    }
-    if (o.collection === "browser") {
-      if (r === "referrer" && typeof document < "u") {
-        const f = document.referrer;
-        s[r] = f ? C("collected", f) : C("unavailable");
-      } else
-        s[r] = C("unavailable");
-      continue;
-    }
-    const u = a[r];
-    if (u != null && u !== "") {
-      s[r] = C("collected", u);
-      continue;
-    }
-    if (Ce.includes(r) && c.has("consent-withheld")) {
-      s[r] = C("unavailable");
-      continue;
-    }
-    s[r] = C("unavailable");
-  }
-  return s;
-}
-function Ne() {
+function Ce() {
   return typeof crypto < "u" && "randomUUID" in crypto ? crypto.randomUUID() : `usgb-${Date.now()}-${Math.random().toString(36).slice(2, 10)}`;
 }
-function Ee(t, e) {
+function Ue(t, e) {
   const n = {};
   for (const i of t)
     n[i.name] = "";
@@ -285,124 +302,120 @@ function Ee(t, e) {
     n[i] = !1;
   return n;
 }
-function R(t) {
+function M(t) {
   const e = t == null ? void 0 : t.trim();
   return e || void 0;
 }
-function De({
+function Pe({
   formId: t,
   definition: e,
-  source: n,
-  campaign: i,
-  legalUrls: a,
-  successUrl: s,
-  adapter: r,
-  analytics: o,
-  onAccepted: c,
-  onFailed: u
+  legalUrls: n,
+  successUrl: i,
+  adapter: o,
+  analytics: r,
+  onAccepted: l,
+  onFailed: a
 }) {
-  const f = te(), b = D(
-    () => W(e.consents) ?? [],
+  const d = K(), u = D(
+    () => H(e.consents) ?? [],
     [e.consents]
-  ), y = D(
-    () => b.filter(we).map((w) => w.name),
-    [b]
-  ), p = D(
-    () => Ee(e.fields, y),
-    [e.fields, y]
+  ), f = D(
+    () => u.filter(qe).map((p) => p.name),
+    [u]
+  ), b = D(
+    () => Ue(e.fields, f),
+    [e.fields, f]
   ), {
-    register: _,
-    handleSubmit: m,
-    formState: { errors: d }
+    register: g,
+    handleSubmit: C,
+    formState: { errors: w }
   } = re({
-    defaultValues: p
-  }), [q, h] = ne({ kind: "idle" });
-  ie(() => {
-    o == null || o({ type: "view", formId: t });
-  }, [o, t]);
-  const L = D(() => {
-    const w = {};
-    for (const v of e.fields)
-      w[v.name] = `${f}-${v.name}`;
-    for (const v of y)
-      w[v] = `${f}-${v}`;
-    return w;
-  }, [f, e.fields, y]), x = m(async (w) => {
-    const v = Object.keys(d);
-    if (v.length) {
-      o == null || o({
+    defaultValues: b
+  }), [m, _] = te({ kind: "idle" }), y = G(!1);
+  j(() => {
+    r == null || r({ type: "view", formId: t });
+  }, [r, t]);
+  const c = D(() => {
+    const p = {};
+    for (const k of e.fields)
+      p[k.name] = `${d}-${k.name}`;
+    for (const k of f)
+      p[k] = `${d}-${k}`;
+    return p;
+  }, [d, e.fields, f]), v = D(() => {
+    const p = {};
+    for (const k of u)
+      k.type === "notice" && (p[k.definitionId] = `${d}-notice-${k.definitionId}`);
+    return p;
+  }, [d, u]), U = C(
+    async (p) => {
+      if (y.current)
+        return;
+      y.current = !0, _({ kind: "submitting" }), r == null || r({ type: "submit_attempt", formId: t });
+      const q = (/* @__PURE__ */ new Date()).toISOString().slice(0, 10), P = {};
+      for (const L of e.fields) {
+        const S = p[L.name];
+        if (typeof S != "string") {
+          P[L.name] = !!S;
+          continue;
+        }
+        const F = B(L.name);
+        P[L.name] = F != null && F.serialize ? F.serialize(S) : S.trim();
+      }
+      const E = ke(
+        u,
+        p,
+        n ?? {},
+        q
+      ), I = {
+        formId: t,
+        definitionVersion: e.definitionVersion,
+        submissionContractVersion: N.submissionContract.version,
+        idempotencyKey: Ce(),
+        data: P,
+        consents: E
+      };
+      try {
+        const L = await o.submit(I);
+        if (L.status === "accepted") {
+          r == null || r({ type: "success", formId: t, status: "accepted" }), l == null || l(I), _({ kind: "accepted" });
+          const S = M(i);
+          S && typeof window < "u" && window.location.assign(S);
+        } else
+          y.current = !1, _({
+            kind: "failed",
+            message: L.message ?? "Submission failed"
+          }), r == null || r({
+            type: "failure",
+            formId: t,
+            message: L.message
+          }), a == null || a(I, L.message);
+      } catch (L) {
+        y.current = !1;
+        const S = L instanceof Error ? L.message : "Submission failed";
+        _({ kind: "failed", message: S }), r == null || r({ type: "failure", formId: t, message: S }), a == null || a(I, S);
+      }
+    },
+    (p) => {
+      r == null || r({
         type: "validation_failure",
         formId: t,
-        fields: v
+        fields: Object.keys(p)
       });
-      return;
-    }
-    o == null || o({ type: "submit_attempt", formId: t }), h({ kind: "submitting" });
-    const F = (/* @__PURE__ */ new Date()).toISOString().slice(0, 10), J = Le({
-      trackingFields: e.trackingFields,
-      trackingRegistry: I.trackingRegistry,
-      adapter: r
-    }), A = {};
-    for (const k of e.fields) {
-      const S = w[k.name];
-      if (typeof S != "string") {
-        A[k.name] = !!S;
-        continue;
-      }
-      const U = B(k.name);
-      A[k.name] = U != null && U.serialize ? U.serialize(S) : S.trim();
-    }
-    const Q = _e(
-      b,
-      w,
-      a ?? {},
-      F
-    ), T = {
-      formId: t,
-      definitionVersion: e.definitionVersion,
-      submissionContractVersion: I.submissionContract.version,
-      idempotencyKey: Ne(),
-      data: A,
-      consents: Q,
-      context: {
-        host: r.host,
-        source: n,
-        campaign: i,
-        page: typeof window < "u" ? window.location.href : void 0,
-        tracking: J
-      }
-    };
-    try {
-      const k = await r.submit(T);
-      if (k.status === "accepted") {
-        o == null || o({ type: "success", formId: t, status: "accepted" }), c == null || c(T), h({ kind: "accepted" });
-        const S = R(s);
-        S && typeof window < "u" && window.location.assign(S);
-      } else
-        h({
-          kind: "failed",
-          message: k.message ?? "Submission failed"
-        }), o == null || o({
-          type: "failure",
-          formId: t,
-          message: k.message
-        }), u == null || u(T, k.message);
-    } catch (k) {
-      const S = k instanceof Error ? k.message : "Submission failed";
-      h({ kind: "failed", message: S }), o == null || o({ type: "failure", formId: t, message: S }), u == null || u(T, S);
     }
-  });
+  );
   return {
-    register: _,
-    errors: d,
-    fieldIds: L,
-    consentDefs: b,
-    uiState: q,
-    onSubmit: x
+    register: g,
+    errors: w,
+    fieldIds: c,
+    noticeIds: v,
+    consentDefs: u,
+    uiState: m,
+    onSubmit: U
   };
 }
-function Pe() {
-  return /* @__PURE__ */ g(
+function De() {
+  return /* @__PURE__ */ h(
     "svg",
     {
       className: "usgb-field-error-icon",
@@ -414,7 +427,7 @@ function Pe() {
       "aria-hidden": "true",
       focusable: "false",
       children: [
-        /* @__PURE__ */ l(
+        /* @__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",
@@ -423,7 +436,7 @@ function Pe() {
             strokeWidth: "0.7"
           }
         ),
-        /* @__PURE__ */ l(
+        /* @__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",
@@ -434,8 +447,8 @@ function Pe() {
     }
   );
 }
-function xe() {
-  return /* @__PURE__ */ l(
+function Te() {
+  return /* @__PURE__ */ s(
     "svg",
     {
       className: "usgb-form-checkbox-mark",
@@ -446,7 +459,7 @@ function xe() {
       xmlns: "http://www.w3.org/2000/svg",
       "aria-hidden": "true",
       focusable: "false",
-      children: /* @__PURE__ */ l(
+      children: /* @__PURE__ */ s(
         "path",
         {
           d: "M1 3.5L2.33333 4.75L3.66667 6L9 1",
@@ -459,180 +472,201 @@ function xe() {
     }
   );
 }
-function K({
+function O({
   id: t,
   message: e,
   className: n
 }) {
-  return e ? /* @__PURE__ */ g(
+  return e ? /* @__PURE__ */ h(
     "span",
     {
       id: t,
       role: "alert",
-      className: P("usgb-field-error", n),
+      className: A("usgb-field-error", n),
       children: [
-        /* @__PURE__ */ l(Pe, {}),
+        /* @__PURE__ */ s(De, {}),
         e
       ]
     }
   ) : null;
 }
-const Fe = $(
-  function({ id: e, label: n, errorMessage: i, required: a, className: s, ...r }, o) {
-    const c = i ? `${e}-error` : void 0;
-    return /* @__PURE__ */ g("div", { className: "usgb-form-group", children: [
-      /* @__PURE__ */ g("div", { className: "usgb-consent-row", children: [
-        /* @__PURE__ */ g("span", { className: "usgb-form-checkbox-wrap", children: [
-          /* @__PURE__ */ l(
+const Ae = R(
+  function({ id: e, label: n, errorMessage: i, required: o, className: r, ...l }, a) {
+    const d = i ? `${e}-error` : void 0;
+    return /* @__PURE__ */ h("div", { className: "usgb-form-group", children: [
+      /* @__PURE__ */ h("div", { className: "usgb-consent-row", children: [
+        /* @__PURE__ */ h("span", { className: "usgb-form-checkbox-wrap", children: [
+          /* @__PURE__ */ s(
             "input",
             {
-              ref: o,
+              ...l,
+              ref: a,
               id: e,
               type: "checkbox",
-              className: P("usgb-form-checkbox", s),
+              className: A("usgb-form-checkbox", r),
               "aria-invalid": i ? !0 : void 0,
-              "aria-describedby": c,
-              "aria-required": a || void 0,
-              ...r
+              "aria-describedby": d,
+              "aria-required": o || void 0
             }
           ),
-          /* @__PURE__ */ l(xe, {})
+          /* @__PURE__ */ s(Te, {})
         ] }),
-        /* @__PURE__ */ l("label", { htmlFor: e, className: "usgb-consent-copy", children: n })
+        /* @__PURE__ */ h("label", { htmlFor: e, className: "usgb-consent-copy", children: [
+          n,
+          o ? /* @__PURE__ */ s(
+            "span",
+            {
+              className: "usgb-field-label-asterisk",
+              "aria-hidden": "true",
+              children: "*"
+            }
+          ) : null
+        ] })
       ] }),
-      /* @__PURE__ */ l(K, { id: c, message: i })
+      /* @__PURE__ */ s(O, { id: d, message: i })
     ] });
   }
-), Y = $(
+), Q = R(
   function({
     className: e,
     variant: n = "primary",
     loading: i = !1,
-    disabled: a = !1,
-    children: s,
-    ...r
-  }, o) {
-    return /* @__PURE__ */ l(
+    disabled: o = !1,
+    children: r,
+    onClick: l,
+    type: a = "button",
+    ...d
+  }, u) {
+    const f = o || i, b = o && !i ? !0 : void 0;
+    return /* @__PURE__ */ s(
       "button",
       {
-        ref: o,
-        type: r.type ?? "button",
-        className: P(
+        ref: u,
+        type: a,
+        className: A(
           "usgb-btn",
           n === "primary" && "usgb-btn-primary",
           e
         ),
-        disabled: a || i,
+        ...d,
+        disabled: b,
+        "aria-disabled": f || void 0,
         "aria-busy": i || void 0,
-        ...r,
-        children: i ? "Submitting…" : s
+        onClick: (g) => {
+          if (f) {
+            g.preventDefault();
+            return;
+          }
+          l == null || l(g);
+        },
+        children: i ? "Submitting…" : r
       }
     );
   }
 );
-function Te(t) {
+function Ee(t) {
   const e = [];
   let n = 0;
   for (; n < t.length; ) {
     const i = t[n];
     if (i.group) {
-      const a = i.group, s = [];
-      for (; n < t.length && t[n].group === a; )
-        s.push(t[n]), n += 1;
-      e.push({ type: "group", group: a, fields: s });
+      const o = i.group, r = [];
+      for (; n < t.length && t[n].group === o; )
+        r.push(t[n]), n += 1;
+      e.push({ type: "group", group: o, fields: r });
       continue;
     }
     e.push({ type: "field", field: i }), n += 1;
   }
   return e;
 }
-function Ue({
+function Ie({
   htmlFor: t,
   children: e,
   className: n,
   required: i
 }) {
-  return /* @__PURE__ */ g("label", { htmlFor: t, className: P("usgb-field-label", n), children: [
+  return /* @__PURE__ */ h("label", { htmlFor: t, className: A("usgb-field-label", n), children: [
     e,
-    i ? /* @__PURE__ */ l("span", { className: "usgb-field-label-asterisk", "aria-hidden": "true", children: "*" }) : null
+    i ? /* @__PURE__ */ s("span", { className: "usgb-field-label-asterisk", "aria-hidden": "true", children: "*" }) : null
   ] });
 }
-function Ie(t) {
+function Fe(t) {
   return t.replace(/\b\w/g, (e) => e.toUpperCase());
 }
-const Ae = $(
+const Ne = R(
   function({
     id: e,
     label: n,
     type: i = "text",
-    errorMessage: a,
-    required: s,
-    hideLabel: r = !1,
-    placeholderCase: o = "upper",
-    showError: c = !0,
+    errorMessage: o,
+    required: r,
+    hideLabel: l = !1,
+    placeholderCase: a = "upper",
+    showError: d = !0,
     className: u,
     placeholder: f,
     ...b
-  }, y) {
-    const p = a ? `${e}-error` : void 0, _ = r ? `${n}${s ? "*" : ""}` : f, m = r && _ ? o === "title" ? Ie(_) : _.toUpperCase() : _;
-    return /* @__PURE__ */ g("div", { className: "usgb-form-group", children: [
-      /* @__PURE__ */ l(
-        Ue,
+  }, g) {
+    const C = o ? `${e}-error` : void 0, w = l ? `${n}${r ? "*" : ""}` : f, m = l && w ? a === "title" ? Fe(w) : w.toUpperCase() : w;
+    return /* @__PURE__ */ h("div", { className: "usgb-form-group", children: [
+      /* @__PURE__ */ s(
+        Ie,
         {
           htmlFor: e,
-          required: s,
-          className: r ? "usgb-field-label--sr-only" : void 0,
+          required: r,
+          className: l ? "usgb-field-label--sr-only" : void 0,
           children: n
         }
       ),
-      /* @__PURE__ */ l(
+      /* @__PURE__ */ s(
         "input",
         {
-          ref: y,
+          ref: g,
           id: e,
           type: i,
-          className: P(
+          className: A(
             "usgb-field-control",
-            a && "usgb-field-invalid",
+            o && "usgb-field-invalid",
             u
           ),
           placeholder: m,
-          "aria-invalid": a ? !0 : void 0,
-          "aria-describedby": p,
-          "aria-required": s || void 0,
+          "aria-invalid": o ? !0 : void 0,
+          "aria-describedby": C,
+          "aria-required": r || void 0,
           ...b
         }
       ),
-      c ? /* @__PURE__ */ l(K, { id: p, message: a }) : null
+      d ? /* @__PURE__ */ s(O, { id: C, message: o }) : null
     ] });
   }
 );
-function M({
+function V({
   fieldRef: t,
   fieldIds: e,
   register: n,
   errors: i,
-  hideLabel: a,
-  placeholderCase: s,
-  showError: r = !0
+  hideLabel: o,
+  placeholderCase: r,
+  showError: l = !0
 }) {
-  const o = B(t.name);
-  if (!o) return null;
-  const c = i[t.name], u = typeof (c == null ? void 0 : c.message) == "string" ? c.message : void 0;
-  return /* @__PURE__ */ l(
-    Ae,
+  const a = B(t.name);
+  if (!a) return null;
+  const d = i[t.name], u = typeof (d == null ? void 0 : d.message) == "string" ? d.message : void 0;
+  return /* @__PURE__ */ s(
+    Ne,
     {
       id: e[t.name],
-      label: o.label,
-      type: o.control,
+      label: a.label,
+      type: a.control,
       required: t.required,
-      hideLabel: a,
-      placeholderCase: s,
-      showError: r,
-      autoComplete: o.autoComplete,
+      hideLabel: o,
+      placeholderCase: r,
+      showError: l,
+      autoComplete: a.autoComplete,
       errorMessage: u,
       ...n(t.name, {
-        validate: (f) => o.validate(
+        validate: (f) => a.validate(
           typeof f == "string" ? f : "",
           t.required
         )
@@ -640,225 +674,252 @@ function M({
     }
   );
 }
-function Ve({
+function xe({
   definition: t,
-  variants: e,
+  variant: e,
   ctaLabel: n,
   legalUrls: i,
-  session: a
+  session: o,
+  headingId: r
 }) {
-  const { register: s, errors: r, fieldIds: o, consentDefs: c, uiState: u, onSubmit: f } = a, b = D(
-    () => Te(t.fields),
+  const {
+    register: l,
+    errors: a,
+    fieldIds: d,
+    noticeIds: u,
+    consentDefs: f,
+    uiState: b,
+    onSubmit: g
+  } = o, C = D(
+    () => Ee(t.fields),
     [t.fields]
-  ), y = e.includes("sidebar"), p = e.includes("dense") || y, _ = y ? "title" : "upper";
-  return /* @__PURE__ */ g("form", { onSubmit: f, noValidate: !0, children: [
-    b.map((m) => m.type === "group" ? /* @__PURE__ */ l(
-      "div",
-      {
-        className: "usgb-form-grid",
-        children: m.fields.map((d) => /* @__PURE__ */ l(
-          M,
+  ), w = e === "sidebar", m = e === "dense" || w, _ = w ? "title" : "upper", y = Object.values(u).join(" ");
+  return /* @__PURE__ */ h(
+    "form",
+    {
+      onSubmit: g,
+      noValidate: !0,
+      ...r ? { "aria-labelledby": r } : {},
+      children: [
+        C.map((c) => c.type === "group" ? /* @__PURE__ */ s(
+          "div",
+          {
+            className: "usgb-form-grid",
+            children: c.fields.map((v) => /* @__PURE__ */ s(
+              V,
+              {
+                fieldRef: v,
+                fieldIds: d,
+                register: l,
+                errors: a,
+                hideLabel: m,
+                placeholderCase: _
+              },
+              v.name
+            ))
+          },
+          `group-${c.group}-${c.fields.map((v) => v.name).join("-")}`
+        ) : /* @__PURE__ */ s(
+          V,
           {
-            fieldRef: d,
-            fieldIds: o,
-            register: s,
-            errors: r,
-            hideLabel: p,
+            fieldRef: c.field,
+            fieldIds: d,
+            register: l,
+            errors: a,
+            hideLabel: m,
             placeholderCase: _
           },
-          d.name
-        ))
-      },
-      `group-${m.group}-${m.fields.map((d) => d.name).join("-")}`
-    ) : /* @__PURE__ */ l(
-      M,
-      {
-        fieldRef: m.field,
-        fieldIds: o,
-        register: s,
-        errors: r,
-        hideLabel: p,
-        placeholderCase: _
-      },
-      m.field.name
-    )),
-    c.map((m) => {
-      const { content: d } = j(
-        m.copy,
-        i ?? {}
-      );
-      if (m.type === "notice")
-        return /* @__PURE__ */ l(
+          c.field.name
+        )),
+        f.map((c) => {
+          const { content: v } = W(
+            c.copy,
+            i ?? {}
+          );
+          if (c.type === "notice")
+            return /* @__PURE__ */ s(
+              "p",
+              {
+                id: u[c.definitionId],
+                className: "usgb-consent-copy usgb-consent-notice",
+                children: v
+              },
+              c.definitionId
+            );
+          const U = a[c.name], p = typeof (U == null ? void 0 : U.message) == "string" ? U.message : void 0;
+          return /* @__PURE__ */ s(
+            Ae,
+            {
+              id: d[c.name],
+              label: v,
+              required: c.required,
+              errorMessage: p,
+              ...l(c.name, {
+                required: c.required ? "This field is required" : !1
+              })
+            },
+            c.name
+          );
+        }),
+        /* @__PURE__ */ s(
+          Q,
+          {
+            type: "submit",
+            loading: b.kind === "submitting",
+            "aria-describedby": y || void 0,
+            children: n
+          }
+        ),
+        b.kind === "failed" ? /* @__PURE__ */ s(
           "p",
           {
-            className: "usgb-consent-copy usgb-consent-notice",
-            children: d
-          },
-          m.definitionId
-        );
-      const q = r[m.name], h = typeof (q == null ? void 0 : q.message) == "string" ? q.message : void 0;
-      return /* @__PURE__ */ l(
-        Fe,
-        {
-          id: o[m.name],
-          label: d,
-          required: m.required,
-          errorMessage: h,
-          ...s(m.name, {
-            required: m.required ? "This field is required" : !1
-          })
-        },
-        m.name
-      );
-    }),
-    /* @__PURE__ */ l(Y, { type: "submit", loading: u.kind === "submitting", children: n }),
-    u.kind === "failed" ? /* @__PURE__ */ l(
-      "p",
-      {
-        className: "usgb-form-status usgb-form-status-error",
-        role: "alert",
-        children: u.message ?? "Something went wrong. Please try again."
-      }
-    ) : null
-  ] });
+            className: "usgb-form-status usgb-form-status-error",
+            role: "alert",
+            children: b.message ?? "Something went wrong. Please try again."
+          }
+        ) : null
+      ]
+    }
+  );
 }
-function Re({
+function Me({
   definition: t,
   ctaLabel: e,
-  session: n
+  session: n,
+  headingId: i
 }) {
-  var f;
-  const { register: i, errors: a, fieldIds: s, uiState: r, onSubmit: o } = n, c = t.fields.find((b) => b.name === "email"), u = typeof ((f = a.email) == null ? void 0 : f.message) == "string" ? a.email.message : void 0;
-  return c ? /* @__PURE__ */ g("form", { onSubmit: o, noValidate: !0, children: [
-    /* @__PURE__ */ g("div", { className: "usgb-form-inline", children: [
-      /* @__PURE__ */ l(
-        M,
-        {
-          fieldRef: c,
-          fieldIds: s,
-          register: i,
-          errors: a,
-          hideLabel: !0,
-          placeholderCase: "upper",
-          showError: !1
-        }
-      ),
-      /* @__PURE__ */ l(Y, { type: "submit", loading: r.kind === "submitting", children: e })
-    ] }),
-    /* @__PURE__ */ l(
-      K,
-      {
-        id: u ? `${s.email}-error` : void 0,
-        message: u
-      }
-    ),
-    r.kind === "failed" ? /* @__PURE__ */ l(
-      "p",
-      {
-        className: "usgb-form-status usgb-form-status-error",
-        role: "alert",
-        children: r.message ?? "Something went wrong. Please try again."
-      }
-    ) : null
-  ] }) : /* @__PURE__ */ l("p", { className: "usgb-form-status usgb-form-status-error", role: "alert", children: "Newsletter kind requires an email field" });
+  var b;
+  const { register: o, errors: r, fieldIds: l, uiState: a, onSubmit: d } = n, u = t.fields.find((g) => g.name === "email"), f = typeof ((b = r.email) == null ? void 0 : b.message) == "string" ? r.email.message : void 0;
+  return u ? /* @__PURE__ */ h(
+    "form",
+    {
+      onSubmit: d,
+      noValidate: !0,
+      ...i ? { "aria-labelledby": i } : {},
+      children: [
+        /* @__PURE__ */ h("div", { className: "usgb-form-inline", children: [
+          /* @__PURE__ */ s(
+            V,
+            {
+              fieldRef: u,
+              fieldIds: l,
+              register: o,
+              errors: r,
+              hideLabel: !0,
+              placeholderCase: "upper",
+              showError: !1
+            }
+          ),
+          /* @__PURE__ */ s(Q, { type: "submit", loading: a.kind === "submitting", children: e })
+        ] }),
+        /* @__PURE__ */ s(
+          O,
+          {
+            id: f ? `${l.email}-error` : void 0,
+            message: f
+          }
+        ),
+        a.kind === "failed" ? /* @__PURE__ */ s(
+          "p",
+          {
+            className: "usgb-form-status usgb-form-status-error",
+            role: "alert",
+            children: a.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 Z = {
-  lead: Ve,
-  newsletter: Re
-}, Me = "Thank you. Your request has been accepted and is being processed.";
-function E({
+const X = {
+  lead: xe,
+  newsletter: Me
+}, Ve = "Thank you. Your request has been accepted and is being processed.";
+function T({
   className: t,
   appearance: e,
   variantValue: n,
-  kind: i,
-  children: a
+  twoColumn: i,
+  kind: o,
+  children: r
 }) {
-  return /* @__PURE__ */ l(
-    V,
+  return /* @__PURE__ */ s(
+    J,
     {
       className: t,
       appearance: e,
       variantValue: n,
-      kind: i,
-      children: /* @__PURE__ */ l("p", { className: "usgb-form-status usgb-form-status-error", role: "alert", children: a })
+      twoColumn: i,
+      kind: o,
+      children: /* @__PURE__ */ s("p", { className: "usgb-form-status usgb-form-status-error", role: "alert", children: r })
     }
   );
 }
-function $e({
+function Re({
   formId: t,
   definition: e,
   appearance: n,
-  variants: i,
-  variantValue: a,
-  heading: s,
-  subheading: r,
-  ctaLabel: o,
-  source: c,
-  campaign: u,
-  legalUrls: f,
-  successMessage: b,
-  successUrl: y,
-  adapter: p,
-  analytics: _,
-  className: m,
-  onAccepted: d,
-  onFailed: q
+  variant: i,
+  variantValue: o,
+  twoColumn: r,
+  heading: l,
+  subheading: a,
+  ctaLabel: d,
+  legalUrls: u,
+  successMessage: f,
+  successUrl: b,
+  adapter: g,
+  analytics: C,
+  className: w,
+  onAccepted: m,
+  onFailed: _
 }) {
-  const h = De({
+  const y = K(), c = l ? `${y}-heading` : void 0, v = G(null), U = Pe({
     formId: t,
     definition: e,
-    variantValue: a,
-    source: c,
-    campaign: u,
-    legalUrls: f,
-    successUrl: y,
-    adapter: p,
-    analytics: _,
-    onAccepted: d,
-    onFailed: q
-  });
-  if (h.uiState.kind === "accepted") {
-    const x = !!R(y);
-    return /* @__PURE__ */ g(
-      V,
-      {
-        className: m,
-        appearance: n,
-        variantValue: a,
-        kind: e.kind,
-        children: [
-          s ? /* @__PURE__ */ l("h2", { className: "usgb-form-heading", children: s }) : null,
-          x ? null : /* @__PURE__ */ l(
-            "p",
-            {
-              className: "usgb-form-status usgb-form-status-success",
-              role: "status",
-              children: R(b) ?? Me
-            }
-          )
-        ]
-      }
-    );
-  }
-  const L = Z[e.kind];
-  return /* @__PURE__ */ g(
-    V,
+    legalUrls: u,
+    successUrl: b,
+    adapter: g,
+    analytics: C,
+    onAccepted: m,
+    onFailed: _
+  }), p = U.uiState.kind === "accepted", k = p && !!M(b), q = p && !k ? M(f) ?? Ve : "";
+  j(() => {
+    var E;
+    q && ((E = v.current) == null || E.focus());
+  }, [q]);
+  const P = X[e.kind];
+  return /* @__PURE__ */ h(
+    J,
     {
-      className: m,
+      className: w,
       appearance: n,
-      variantValue: a,
+      variantValue: o,
+      twoColumn: r,
       kind: e.kind,
       children: [
-        s ? /* @__PURE__ */ l("h2", { className: "usgb-form-heading", children: s }) : null,
-        r ? /* @__PURE__ */ l("p", { className: "usgb-form-subheading", children: r }) : null,
-        /* @__PURE__ */ l(
-          L,
+        l ? /* @__PURE__ */ s("h2", { id: c, className: "usgb-form-heading", children: l }) : null,
+        !p && a ? /* @__PURE__ */ s("p", { className: "usgb-form-subheading", children: a }) : null,
+        p ? null : /* @__PURE__ */ s(
+          P,
           {
             definition: e,
-            variants: i,
-            ctaLabel: o,
-            legalUrls: f,
-            session: h
+            variant: i,
+            ctaLabel: d,
+            legalUrls: u,
+            session: U,
+            headingId: c
+          }
+        ),
+        /* @__PURE__ */ s(
+          "p",
+          {
+            ref: v,
+            className: q ? "usgb-form-status usgb-form-status-success" : "usgb-field-label--sr-only",
+            role: "status",
+            "aria-live": "polite",
+            tabIndex: q ? -1 : void 0,
+            children: q
           }
         )
       ]
@@ -868,152 +929,147 @@ function $e({
 function We({
   formId: t,
   appearance: e = "on-light",
-  variants: n = ["dense"],
-  heading: i,
-  subheading: a,
-  ctaLabel: s,
-  source: r,
-  campaign: o,
-  legalUrls: c,
-  successMessage: u,
-  successUrl: f,
-  adapter: b,
-  analytics: y,
-  className: p,
-  onAccepted: _,
-  onFailed: m
+  variant: n = "dense",
+  twoColumn: i = !1,
+  heading: o,
+  subheading: r,
+  ctaLabel: l,
+  legalUrls: a,
+  successMessage: d,
+  successUrl: u,
+  adapter: f,
+  analytics: b,
+  className: g,
+  onAccepted: C,
+  onFailed: w
 }) {
-  const d = ue(t), h = (d == null ? void 0 : d.kind) === "newsletter" ? "" : n.join(" ");
-  if (!d)
-    return /* @__PURE__ */ g(
-      E,
+  const m = z(t), _ = (m == null ? void 0 : m.kind) === "newsletter", y = _ ? "" : n, c = !_ && i;
+  if (!m)
+    return /* @__PURE__ */ h(
+      T,
       {
-        className: p,
+        className: g,
         appearance: e,
-        variantValue: h,
+        variantValue: y,
+        twoColumn: c,
         children: [
           "Unknown form definition: ",
           t
         ]
       }
     );
-  const L = W(d.consents);
-  if (L === null)
-    return /* @__PURE__ */ g(
-      E,
+  const v = H(m.consents);
+  if (v === null)
+    return /* @__PURE__ */ h(
+      T,
       {
-        className: p,
+        className: g,
         appearance: e,
-        variantValue: h,
-        kind: d.kind,
+        variantValue: y,
+        twoColumn: c,
+        kind: m.kind,
         children: [
           "Missing consent definition for ",
           t
         ]
       }
     );
-  const w = ke(L).filter(
-    (N) => {
-      var F;
-      return !((F = c == null ? void 0 : c[N]) != null && F.trim());
+  const p = we(v).filter(
+    (q) => {
+      var P;
+      return !((P = a == null ? void 0 : a[q]) != null && P.trim());
     }
   );
-  if (w.length)
-    return /* @__PURE__ */ g(
-      E,
+  if (p.length)
+    return /* @__PURE__ */ h(
+      T,
       {
-        className: p,
+        className: g,
         appearance: e,
-        variantValue: h,
-        kind: d.kind,
+        variantValue: y,
+        twoColumn: c,
+        kind: m.kind,
         children: [
           "Missing legal URL(s) for ",
           t,
           ": ",
-          w.join(", ")
+          p.join(", ")
         ]
       }
     );
-  const v = d.fields.filter(
-    (N) => !B(N.name)
+  const k = m.fields.filter(
+    (q) => !B(q.name)
   );
-  return v.length ? /* @__PURE__ */ g(
-    E,
+  return k.length ? /* @__PURE__ */ h(
+    T,
     {
-      className: p,
+      className: g,
       appearance: e,
-      variantValue: h,
-      kind: d.kind,
+      variantValue: y,
+      twoColumn: c,
+      kind: m.kind,
       children: [
         "Unknown field(s) in ",
         t,
         ":",
         " ",
-        v.map((N) => N.name).join(", ")
+        k.map((q) => q.name).join(", ")
       ]
     }
-  ) : d.kind in Z ? /* @__PURE__ */ l(
-    $e,
+  ) : m.kind in X ? /* @__PURE__ */ s(
+    Re,
     {
       formId: t,
-      definition: d,
+      definition: m,
       appearance: e,
-      variants: n,
-      variantValue: h,
-      heading: i,
-      subheading: a,
-      ctaLabel: s ?? d.ctaLabel,
-      source: r,
-      campaign: o,
-      legalUrls: c,
-      successMessage: u,
-      successUrl: f,
-      adapter: b,
-      analytics: y,
-      className: p,
-      onAccepted: _,
-      onFailed: m
+      variant: n,
+      variantValue: y,
+      twoColumn: c,
+      heading: o,
+      subheading: r,
+      ctaLabel: l ?? m.ctaLabel,
+      legalUrls: a,
+      successMessage: d,
+      successUrl: u,
+      adapter: f,
+      analytics: b,
+      className: g,
+      onAccepted: C,
+      onFailed: w
     }
-  ) : /* @__PURE__ */ g(
-    E,
+  ) : /* @__PURE__ */ h(
+    T,
     {
-      className: p,
+      className: g,
       appearance: e,
-      variantValue: h,
-      kind: d.kind,
+      variantValue: y,
+      twoColumn: c,
+      kind: m.kind,
       children: [
         "Missing renderer for kind: ",
-        d.kind
+        m.kind
       ]
     }
   );
 }
-function ze(t = {}) {
-  const e = typeof t == "string" ? { host: t } : t, n = e.host ?? "pwa", i = e.delayMs ?? 400, a = e.result ?? { status: "accepted" };
+function Ye(t = {}) {
+  const e = typeof t == "string" ? { host: t } : t, n = e.host ?? "pwa", i = e.delayMs ?? 400, o = e.result ?? { status: "accepted" };
   return {
     host: n,
-    getTrackingHints() {
-      if (typeof window > "u") return {};
-      const s = new URLSearchParams(window.location.search), r = (o) => s.get(o) ?? void 0;
-      return {
-        utm_source: r("utm_source"),
-        utm_medium: r("utm_medium"),
-        utm_campaign: r("utm_campaign"),
-        utm_term: r("utm_term"),
-        utm_content: r("utm_content"),
-        gclid: r("gclid"),
-        msclkid: r("msclkid"),
-        gbraid: r("gbraid"),
-        wbraid: r("wbraid")
-      };
-    },
-    async submit(s) {
-      var r;
-      return (r = e.onSubmit) == null || r.call(e, s), await new Promise((o) => setTimeout(o, i)), a;
+    async submit(r) {
+      var l;
+      return (l = e.onSubmit) == null || l.call(e, r), await new Promise((a) => setTimeout(a, i)), o;
     }
   };
 }
-const Ye = {
+const He = {
+  clientAgreement: "client-agreement-url",
+  privacyPolicy: "privacy-policy-url",
+  userAgreement: "user-agreement-url",
+  marketLossPolicy: "market-loss-policy-url",
+  electronicDisclaimer: "electronic-disclaimer-url",
+  termsOfSale: "terms-of-sale-url"
+}, Ze = {
   clientAgreement: "/content/client-agreement",
   privacyPolicy: "/content/privacy-policy",
   userAgreement: "/content/user-agreement",
@@ -1021,34 +1077,38 @@ const Ye = {
   electronicDisclaimer: "/content/electronic-disclaimer",
   termsOfSale: "/content/terms-of-sale"
 };
-function Ze(t, e) {
+function Je(t, e) {
   return e.every((n) => {
     var i;
     return !!((i = t == null ? void 0 : t[n]) != null && i.trim());
   });
 }
 export {
-  Y as Button,
-  Fe as ConsentField,
-  qe as FIELD_REGISTRY,
-  K as FieldError,
-  Ue as FieldLabel,
-  pe as LEAD_CLICKWRAP,
-  fe as LEAD_SMS,
-  me as LEAD_TCPA,
-  ge as LEAD_TOSPP,
-  Ye as PWA_LEGAL_URLS,
-  Ae as TextField,
+  Q as Button,
+  Ae as ConsentField,
+  Se as FIELD_REGISTRY,
+  O as FieldError,
+  Ie as FieldLabel,
+  ge as LEAD_CLICKWRAP,
+  he as LEAD_CLICKWRAP_V2,
+  pe as LEAD_SMS,
+  ue as LEAD_TCPA,
+  me as LEAD_TCPA_V2,
+  fe as LEAD_TOSPP,
+  He as LEGAL_URL_ATTRS,
+  Ze as PWA_LEGAL_URLS,
+  Ne as TextField,
   We as UsgbForm,
-  Le as collectTrackingContext,
-  Ne as createIdempotencyKey,
-  ze as createStubAdapter,
-  I as formsManifest,
-  ye as getConsentDefinition,
+  we as collectRequiredLegalUrls,
+  Ce as createIdempotencyKey,
+  Ye as createStubAdapter,
+  N as formsManifest,
+  ve as getConsentDefinition,
   B as getFieldDefinition,
-  ue as getFormDefinition,
-  Ze as isCompleteLegalUrls,
-  He as listFormDefinitions,
-  j as resolveConsentCopy,
-  W as resolveFormConsents
+  z as getFormDefinition,
+  Je as isCompleteLegalUrls,
+  ze as listEditorOptions,
+  je as listFormDefinitions,
+  W as resolveConsentCopy,
+  H as resolveFormConsents
 };