@sonordev/site-kit 5.7.0 → 5.8.1

package/dist/chunk-K4TCEAUX.js

@@ -0,0 +1,52 @@
+'use strict';
+
+// src/blog/processBlogHtml.ts
+function linkClassificationHost(siteUrl) {
+  try {
+    const base = siteUrl.startsWith("http") ? siteUrl : `https://${siteUrl}`;
+    const u = new URL(base);
+    return u.hostname.replace(/^www\./i, "").toLowerCase();
+  } catch {
+    return "";
+  }
+}
+var normalizeSiteHost = linkClassificationHost;
+function resolveBlogSiteUrl(explicit) {
+  const fromProp = explicit?.trim();
+  if (fromProp) return fromProp;
+  const next = process.env.NEXT_PUBLIC_SITE_URL?.trim();
+  if (next) return next;
+  const site = process.env.SITE_URL?.trim();
+  if (site) return site;
+  const vercel = process.env.VERCEL_URL?.trim();
+  if (vercel) return vercel.startsWith("http") ? vercel : `https://${vercel}`;
+  return "";
+}
+function addExternalLinkTargets(html, siteUrl) {
+  if (!html || !siteUrl) return html;
+  const siteHost = linkClassificationHost(siteUrl);
+  if (!siteHost) return html;
+  return html.replace(/<a\b([^>]*)>/gi, (_full, attrs) => {
+    const hrefMatch = attrs.match(/\bhref\s*=\s*(["'])([^"']*)\1/i);
+    if (!hrefMatch) return `<a${attrs}>`;
+    const href = hrefMatch[2].trim();
+    if (!/^https?:\/\//i.test(href)) return `<a${attrs}>`;
+    try {
+      const url = new URL(href);
+      const linkHost = url.hostname.replace(/^www\./i, "").toLowerCase();
+      if (linkHost === siteHost) return `<a${attrs}>`;
+      if (/\btarget\s*=/i.test(attrs)) return `<a${attrs}>`;
+      const trimmed = attrs.trim();
+      return `<a ${trimmed} target="_blank" rel="noopener noreferrer">`;
+    } catch {
+      return `<a${attrs}>`;
+    }
+  });
+}
+
+exports.addExternalLinkTargets = addExternalLinkTargets;
+exports.linkClassificationHost = linkClassificationHost;
+exports.normalizeSiteHost = normalizeSiteHost;
+exports.resolveBlogSiteUrl = resolveBlogSiteUrl;
+//# sourceMappingURL=chunk-K4TCEAUX.js.map
+//# sourceMappingURL=chunk-K4TCEAUX.js.map

package/dist/chunk-K4TCEAUX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/blog/processBlogHtml.ts"],"names":[],"mappings":";;;AAgBO,SAAS,uBAAuB,OAAA,EAAyB;AAC9D,EAAA,IAAI;AACF,IAAA,MAAM,OAAO,OAAA,CAAQ,UAAA,CAAW,MAAM,CAAA,GAAI,OAAA,GAAU,WAAW,OAAO,CAAA,CAAA;AACtE,IAAA,MAAM,CAAA,GAAI,IAAI,GAAA,CAAI,IAAI,CAAA;AACtB,IAAA,OAAO,EAAE,QAAA,CAAS,OAAA,CAAQ,SAAA,EAAW,EAAE,EAAE,WAAA,EAAY;AAAA,EACvD,CAAA,CAAA,MAAQ;AACN,IAAA,OAAO,EAAA;AAAA,EACT;AACF;AAQO,IAAM,iBAAA,GAAoB;AAM1B,SAAS,mBAAmB,QAAA,EAA2B;AAC5D,EAAA,MAAM,QAAA,GAAW,UAAU,IAAA,EAAK;AAChC,EAAA,IAAI,UAAU,OAAO,QAAA;AACrB,EAAA,MAAM,IAAA,GAAO,OAAA,CAAQ,GAAA,CAAI,oBAAA,EAAsB,IAAA,EAAK;AACpD,EAAA,IAAI,MAAM,OAAO,IAAA;AACjB,EAAA,MAAM,IAAA,GAAO,OAAA,CAAQ,GAAA,CAAI,QAAA,EAAU,IAAA,EAAK;AACxC,EAAA,IAAI,MAAM,OAAO,IAAA;AACjB,EAAA,MAAM,MAAA,GAAS,OAAA,CAAQ,GAAA,CAAI,UAAA,EAAY,IAAA,EAAK;AAC5C,EAAA,IAAI,MAAA,SAAe,MAAA,CAAO,UAAA,CAAW,MAAM,CAAA,GAAI,MAAA,GAAS,WAAW,MAAM,CAAA,CAAA;AACzE,EAAA,OAAO,EAAA;AACT;AAOO,SAAS,sBAAA,CAAuB,MAAc,OAAA,EAAyB;AAC5E,EAAA,IAAI,CAAC,IAAA,IAAQ,CAAC,OAAA,EAAS,OAAO,IAAA;AAC9B,EAAA,MAAM,QAAA,GAAW,uBAAuB,OAAO,CAAA;AAC/C,EAAA,IAAI,CAAC,UAAU,OAAO,IAAA;AAEtB,EAAA,OAAO,IAAA,CAAK,OAAA,CAAQ,gBAAA,EAAkB,CAAC,OAAO,KAAA,KAAkB;AAC9D,IAAA,MAAM,SAAA,GAAY,KAAA,CAAM,KAAA,CAAM,gCAAgC,CAAA;AAC9D,IAAA,IAAI,CAAC,SAAA,EAAW,OAAO,CAAA,EAAA,EAAK,KAAK,CAAA,CAAA,CAAA;AACjC,IAAA,MAAM,IAAA,GAAO,SAAA,CAAU,CAAC,CAAA,CAAE,IAAA,EAAK;AAC/B,IAAA,IAAI,CAAC,eAAA,CAAgB,IAAA,CAAK,IAAI,CAAA,EAAG,OAAO,KAAK,KAAK,CAAA,CAAA,CAAA;AAElD,IAAA,IAAI;AACF,MAAA,MAAM,GAAA,GAAM,IAAI,GAAA,CAAI,IAAI,CAAA;AACxB,MAAA,MAAM,WAAW,GAAA,CAAI,QAAA,CAAS,QAAQ,SAAA,EAAW,EAAE,EAAE,WAAA,EAAY;AACjE,MAAA,IAAI,QAAA,KAAa,QAAA,EAAU,OAAO,CAAA,EAAA,EAAK,KAAK,CAAA,CAAA,CAAA;AAC5C,MAAA,IAAI,gBAAgB,IAAA,CAAK,KAAK,CAAA,EAAG,OAAO,KAAK,KAAK,CAAA,CAAA,CAAA;AAClD,MAAA,MAAM,OAAA,GAAU,MAAM,IAAA,EAAK;AAC3B,MAAA,OAAO,MAAM,OAAO,CAAA,2CAAA,CAAA;AAAA,IACtB,CAAA,CAAA,MAAQ;AACN,MAAA,OAAO,KAAK,KAAK,CAAA,CAAA,CAAA;AAAA,IACnB;AAAA,EACF,CAAC,CAAA;AACH","file":"chunk-K4TCEAUX.js","sourcesContent":["/**\n * Post-process Portal/blog HTML for safe, consistent link behavior.\n * Server-safe string transforms only (no DOM).\n */\n\n/**\n * The host `addExternalLinkTargets` compares links against to decide whether a\n * link is internal (same tab) or external (`target=\"_blank\"`). Lowercased,\n * leading `www.` stripped, so `www.example.com` and `example.com` count as the\n * same site; returns '' for anything unparseable.\n *\n * NOT the multi-site host normalizer. That is `normalizeSiteHost` in\n * `sites/normalize`, which keeps `www.` because `www.example.com` and\n * `example.com` can be different sub-sites of one Sonor project. This used to\n * share that name, so the two were easy to swap by accident.\n */\nexport function linkClassificationHost(siteUrl: string): string {\n  try {\n    const base = siteUrl.startsWith('http') ? siteUrl : `https://${siteUrl}`\n    const u = new URL(base)\n    return u.hostname.replace(/^www\\./i, '').toLowerCase()\n  } catch {\n    return ''\n  }\n}\n\n/**\n * @deprecated Renamed to {@link linkClassificationHost} (same behavior: strips\n * `www.`). It shared a name with the multi-site `normalizeSiteHost` from\n * `sites/normalize`, which keeps `www.`. Kept so existing imports from\n * `@sonordev/site-kit/blog` still work.\n */\nexport const normalizeSiteHost = linkClassificationHost\n\n/**\n * Resolve canonical site URL for link classification.\n * Pass `explicit` from props when env vars are not set (e.g. non-Vercel hosts).\n */\nexport function resolveBlogSiteUrl(explicit?: string): string {\n  const fromProp = explicit?.trim()\n  if (fromProp) return fromProp\n  const next = process.env.NEXT_PUBLIC_SITE_URL?.trim()\n  if (next) return next\n  const site = process.env.SITE_URL?.trim()\n  if (site) return site\n  const vercel = process.env.VERCEL_URL?.trim()\n  if (vercel) return vercel.startsWith('http') ? vercel : `https://${vercel}`\n  return ''\n}\n\n/**\n * Add `target=\"_blank\"` and `rel=\"noopener noreferrer\"` to external http(s) links.\n * Same registrable host (with or without `www`) is treated as internal.\n * Skips anchors that already set `target`.\n */\nexport function addExternalLinkTargets(html: string, siteUrl: string): string {\n  if (!html || !siteUrl) return html\n  const siteHost = linkClassificationHost(siteUrl)\n  if (!siteHost) return html\n\n  return html.replace(/<a\\b([^>]*)>/gi, (_full, attrs: string) => {\n    const hrefMatch = attrs.match(/\\bhref\\s*=\\s*([\"'])([^\"']*)\\1/i)\n    if (!hrefMatch) return `<a${attrs}>`\n    const href = hrefMatch[2].trim()\n    if (!/^https?:\\/\\//i.test(href)) return `<a${attrs}>`\n\n    try {\n      const url = new URL(href)\n      const linkHost = url.hostname.replace(/^www\\./i, '').toLowerCase()\n      if (linkHost === siteHost) return `<a${attrs}>`\n      if (/\\btarget\\s*=/i.test(attrs)) return `<a${attrs}>`\n      const trimmed = attrs.trim()\n      return `<a ${trimmed} target=\"_blank\" rel=\"noopener noreferrer\">`\n    } catch {\n      return `<a${attrs}>`\n    }\n  })\n}\n"]}

package/dist/chunk-KV7XXLJV.mjs

@@ -0,0 +1,30 @@
+import { resolveSiteHost } from './chunk-JLVCWC6A.mjs';
+import { normalizeSiteHost } from './chunk-ZN4HBK5C.mjs';
+
+// src/seo/register-sitemap-request.ts
+function resolveSyncSite(explicit) {
+  const host = normalizeSiteHost(explicit) || resolveSiteHost();
+  return host === "example.com" ? "" : host;
+}
+function registerSitemapBody(req) {
+  const body = { entries: req.entries, mode: req.mode };
+  const site = normalizeSiteHost(req.site);
+  if (site) body.site = site;
+  if (req.optimizeMeta !== void 0) body.optimize_meta = req.optimizeMeta;
+  if (req.awaitMeta !== void 0) body.await_meta = req.awaitMeta;
+  return body;
+}
+function postRegisterSitemap(req) {
+  return fetch(`${req.apiUrl}/api/public/seo/register-sitemap`, {
+    method: "POST",
+    headers: {
+      "Content-Type": "application/json",
+      "x-api-key": req.apiKey
+    },
+    body: JSON.stringify(registerSitemapBody(req))
+  });
+}
+
+export { postRegisterSitemap, resolveSyncSite };
+//# sourceMappingURL=chunk-KV7XXLJV.mjs.map
+//# sourceMappingURL=chunk-KV7XXLJV.mjs.map

package/dist/chunk-KV7XXLJV.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/seo/register-sitemap-request.ts"],"names":[],"mappings":";;;;AAmCO,SAAS,gBAAgB,QAAA,EAA2B;AACzD,EAAA,MAAM,IAAA,GAAO,iBAAA,CAAkB,QAAQ,CAAA,IAAK,eAAA,EAAgB;AAC5D,EAAA,OAAO,IAAA,KAAS,gBAAgB,EAAA,GAAK,IAAA;AACvC;AAGO,SAAS,oBAAoB,GAAA,EAAiF;AACnH,EAAA,MAAM,OAAgC,EAAE,OAAA,EAAS,IAAI,OAAA,EAAS,IAAA,EAAM,IAAI,IAAA,EAAK;AAC7E,EAAA,MAAM,IAAA,GAAO,iBAAA,CAAkB,GAAA,CAAI,IAAI,CAAA;AACvC,EAAA,IAAI,IAAA,OAAW,IAAA,GAAO,IAAA;AACtB,EAAA,IAAI,GAAA,CAAI,YAAA,KAAiB,MAAA,EAAW,IAAA,CAAK,gBAAgB,GAAA,CAAI,YAAA;AAC7D,EAAA,IAAI,GAAA,CAAI,SAAA,KAAc,MAAA,EAAW,IAAA,CAAK,aAAa,GAAA,CAAI,SAAA;AACvD,EAAA,OAAO,IAAA;AACT;AAGO,SAAS,oBAAoB,GAAA,EAAgD;AAClF,EAAA,OAAO,KAAA,CAAM,CAAA,EAAG,GAAA,CAAI,MAAM,CAAA,gCAAA,CAAA,EAAoC;AAAA,IAC5D,MAAA,EAAQ,MAAA;AAAA,IACR,OAAA,EAAS;AAAA,MACP,cAAA,EAAgB,kBAAA;AAAA,MAChB,aAAa,GAAA,CAAI;AAAA,KACnB;AAAA,IACA,IAAA,EAAM,IAAA,CAAK,SAAA,CAAU,mBAAA,CAAoB,GAAG,CAAC;AAAA,GAC9C,CAAA;AACH","file":"chunk-KV7XXLJV.mjs","sourcesContent":["/**\n * @sonordev/site-kit/seo — the one POST to /api/public/seo/register-sitemap.\n *\n * SINGLE SOURCE OF TRUTH for the request body, used by createSitemap's\n * build-time sync (`syncSitemapToPortal`), the `sonor-register-sitemap` CLI\n * and `registerSitemap` / `registerLocalSitemap` on `seo/server`. There were\n * three hand-built bodies, and only createSitemap's carried `site`: on a\n * multi-site project the CLI and the seo/server helpers synced every page as\n * unattributed instead of this host's (found 2026-09-15). `site` is part of\n * seo_pages identity, so a missing one is a different page, not a no-op.\n *\n * A leaf: no `server-only`, no Node built-ins, so the plain-Node CLI can use\n * it as well as Next server code.\n */\n\nimport { resolveSiteHost } from '../sites/resolve'\nimport { normalizeSiteHost } from '../sites/normalize'\n\nexport interface RegisterSitemapRequest {\n  apiUrl: string\n  apiKey: string\n  entries: unknown[]\n  mode: 'additive' | 'full-replace'\n  /** Sub-site host, already resolved. Empty or undefined leaves `site` off. */\n  site?: string\n  optimizeMeta?: boolean\n  awaitMeta?: boolean\n}\n\n/**\n * The host a sync is tagged with: an explicit `site`, else\n * NEXT_PUBLIC_SITE_URL's. Empty when neither resolves (a single-site project\n * doesn't need one). `example.com` is the kit's placeholder origin and never a\n * real host, so it's never sent, same as createSitemap.\n */\nexport function resolveSyncSite(explicit?: string): string {\n  const host = normalizeSiteHost(explicit) || resolveSiteHost()\n  return host === 'example.com' ? '' : host\n}\n\n/** The request body. Exported for tests. */\nexport function registerSitemapBody(req: Omit<RegisterSitemapRequest, 'apiUrl' | 'apiKey'>): Record<string, unknown> {\n  const body: Record<string, unknown> = { entries: req.entries, mode: req.mode }\n  const site = normalizeSiteHost(req.site)\n  if (site) body.site = site\n  if (req.optimizeMeta !== undefined) body.optimize_meta = req.optimizeMeta\n  if (req.awaitMeta !== undefined) body.await_meta = req.awaitMeta\n  return body\n}\n\n/** POST the entries. Callers keep their own response and error handling. */\nexport function postRegisterSitemap(req: RegisterSitemapRequest): Promise<Response> {\n  return fetch(`${req.apiUrl}/api/public/seo/register-sitemap`, {\n    method: 'POST',\n    headers: {\n      'Content-Type': 'application/json',\n      'x-api-key': req.apiKey,\n    },\n    body: JSON.stringify(registerSitemapBody(req)),\n  })\n}\n"]}

package/dist/{chunk-JTCQJKJE.js → chunk-LIAISQUE.js}

@@ -1,11 +1,12 @@
 'use client';
 'use strict';
 
-var chunkF3AKYZOH_js = require('./chunk-F3AKYZOH.js');
-var chunkL7ACQ6PC_js = require('./chunk-L7ACQ6PC.js');
-var chunkIPV2TUAT_js = require('./chunk-IPV2TUAT.js');
-var chunkVFGEY6FJ_js = require('./chunk-VFGEY6FJ.js');
-var chunkFEWWGEQF_js = require('./chunk-FEWWGEQF.js');
+var chunkWED6ZDVS_js = require('./chunk-WED6ZDVS.js');
+var chunkMOAYT3KN_js = require('./chunk-MOAYT3KN.js');
+var chunkXA2GJFVM_js = require('./chunk-XA2GJFVM.js');
+var chunkBY35X57A_js = require('./chunk-BY35X57A.js');
+var chunk5XFFUP6D_js = require('./chunk-5XFFUP6D.js');
+var chunkCWUYI6LI_js = require('./chunk-CWUYI6LI.js');
 var chunkKHPJ3CEL_js = require('./chunk-KHPJ3CEL.js');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
@@ -40,17 +41,11 @@ function FormClient({
   const honeypotFieldName = config.honeypot_field || chunkKHPJ3CEL_js.DEFAULT_HONEYPOT_FIELD;
   const formLoadedAt = react.useRef(Date.now());
   const isSubmittingRef = react.useRef(false);
-  const stageBeatCount = react.useMemo(() => chunkF3AKYZOH_js.countStageViews(config), [config]);
-  const questionCount = react.useMemo(() => chunkF3AKYZOH_js.countStageQuestions(config), [config]);
+  const stageBeatCount = react.useMemo(() => chunkWED6ZDVS_js.countStageViews(config), [config]);
+  const questionCount = react.useMemo(() => chunkWED6ZDVS_js.countStageQuestions(config), [config]);
   const requested = experience ?? (config.layout === "stage" ? "stage" : config.layout === "classic" ? "classic" : "spotlight");
   const resolvedExperience = !customRender && questionCount > 0 && requested !== "classic" ? requested : "classic";
-  const fieldControls = chunkF3AKYZOH_js.useFieldControls(config.fields);
-  const { trackStepChange, trackComplete } = chunkVFGEY6FJ_js.useFormTracking({
-    formId: config.id,
-    // Alternate experiences report their unit (beat / field index) as the
-    // step — form_analytics becomes a drop-off funnel with zero API changes.
-    totalSteps: resolvedExperience === "stage" ? stageBeatCount : resolvedExperience === "spotlight" ? questionCount : config.total_steps
-  });
+  const fieldControls = chunkWED6ZDVS_js.useFieldControls(config.fields);
   const [Celebration, setCelebration] = react.useState(null);
   react.useEffect(() => {
     if (!isSubmitting && !isComplete) return;
@@ -70,7 +65,7 @@ function FormClient({
       return;
     }
     let cancelled = false;
-    const load = resolvedExperience === "stage" ? import('./FormStage-FVKMIV73.js').then((m) => m.FormStage) : import('./FormSpotlight-URS4XRS7.js').then((m) => m.FormSpotlight);
+    const load = resolvedExperience === "stage" ? import('./FormStage-PSAIPZBS.js').then((m) => m.FormStage) : import('./FormSpotlight-4Q5FM3YS.js').then((m) => m.FormSpotlight);
     load.then((Component) => {
       if (!cancelled) setExperience(() => Component);
     }).catch((err) => {
@@ -88,98 +83,61 @@ function FormClient({
     if (!currentStepConfig2) return config.fields || [];
     return (config.fields || []).filter((f) => f.step_id === currentStepConfig2.id);
   }, [config, step]);
-  const isFieldVisible = react.useCallback((field) => {
-    if (!field.conditional?.show_when) return true;
-    const { field: condField, operator, value } = field.conditional.show_when;
-    const fieldValue = values[condField];
-    switch (operator) {
-      case "equals":
-        return fieldValue === value;
-      case "not_equals":
-        return fieldValue !== value;
-      case "contains":
-        return String(fieldValue).includes(String(value));
-      case "not_contains":
-        return !String(fieldValue).includes(String(value));
-      case "is_empty":
-        return !fieldValue || fieldValue === "";
-      case "not_empty":
-        return !!fieldValue && fieldValue !== "";
-      case "greater_than":
-        return Number(fieldValue) > Number(value);
-      case "less_than":
-        return Number(fieldValue) < Number(value);
-      default:
-        return true;
-    }
-  }, [values]);
-  const validateField = react.useCallback((field) => {
-    if (!isFieldVisible(field)) return null;
-    if (["heading", "section_header", "paragraph", "hidden"].includes(field.field_type)) return null;
-    const value = values[field.slug];
-    const rules = field.validation || {};
-    if (field.is_required && (!value || value === "")) {
-      return rules.custom_error || `${field.label} is required`;
-    }
-    if (!value) return null;
-    const strValue = String(value);
-    if (rules.min_length && strValue.length < rules.min_length) {
-      return `${field.label} must be at least ${rules.min_length} characters`;
-    }
-    if (rules.max_length && strValue.length > rules.max_length) {
-      return `${field.label} must be no more than ${rules.max_length} characters`;
-    }
-    if (rules.min !== void 0 && Number(value) < rules.min) {
-      return `${field.label} must be at least ${rules.min}`;
-    }
-    if (rules.max !== void 0 && Number(value) > rules.max) {
-      return `${field.label} must be no more than ${rules.max}`;
-    }
-    if (rules.pattern) {
-      try {
-        if (!new RegExp(rules.pattern).test(strValue)) {
-          return rules.custom_error || `${field.label} is invalid`;
-        }
-      } catch {
-      }
-    }
-    if (field.field_type === "email" && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(strValue)) {
-      return "Please enter a valid email address";
-    }
-    if (field.field_type === "phone" && !/^[\d\s\-\+\(\)]+$/.test(strValue)) {
-      return "Please enter a valid phone number";
-    }
-    return null;
-  }, [values, isFieldVisible]);
-  const fieldIsComplete = react.useCallback((field) => {
-    if (!isFieldVisible(field)) return false;
-    if (["heading", "section_header", "paragraph", "hidden"].includes(field.field_type)) return false;
-    const value = values[field.slug];
-    if (value === void 0 || value === null || value === "") return false;
-    return validateField(field) === null;
-  }, [values, isFieldVisible, validateField]);
+  const isFieldVisible2 = react.useCallback(
+    (field) => chunk5XFFUP6D_js.isFieldVisible(field, values),
+    [values]
+  );
+  const validateField2 = react.useCallback(
+    (field) => chunk5XFFUP6D_js.validateField(field, values, isFieldVisible2),
+    [values, isFieldVisible2]
+  );
+  const fieldIsComplete = react.useCallback(
+    (field) => chunk5XFFUP6D_js.isFieldComplete(field, values, isFieldVisible2),
+    [values, isFieldVisible2]
+  );
   const momentum = react.useMemo(() => {
     const measurable = (config.fields || []).filter(
-      (f) => f.is_required && isFieldVisible(f) && !["heading", "section_header", "paragraph", "hidden"].includes(f.field_type)
+      (f) => f.is_required && isFieldVisible2(f) && !chunk5XFFUP6D_js.isDisplayOnly(f)
     );
     return { done: measurable.filter(fieldIsComplete).length, total: measurable.length };
-  }, [config, isFieldVisible, fieldIsComplete]);
+  }, [config, isFieldVisible2, fieldIsComplete]);
+  const fieldBySlug = react.useMemo(
+    () => new Map((config.fields || []).map((f) => [f.slug, f])),
+    [config.fields]
+  );
+  const {
+    trackStepChange,
+    trackComplete,
+    trackFieldFocus,
+    trackFieldBlur,
+    trackFieldChange
+  } = chunkBY35X57A_js.useFormTracking({
+    formId: config.id,
+    // Alternate experiences report their unit (beat / field index) as the
+    // step — form_analytics becomes a drop-off funnel with zero API changes.
+    totalSteps: resolvedExperience === "stage" ? stageBeatCount : resolvedExperience === "spotlight" ? questionCount : config.total_steps,
+    // Same verdict as the valid tick and the momentum count.
+    isFieldComplete: (slug) => {
+      const field = fieldBySlug.get(slug);
+      return field ? fieldIsComplete(field) : false;
+    }
+  });
   const validateStep = react.useCallback(() => {
     const newErrors = {};
     for (const field of currentFields) {
-      const error = validateField(field);
+      const error = validateField2(field);
       if (error) {
         newErrors[field.slug] = error;
       }
     }
     setErrors(newErrors);
     return Object.keys(newErrors).length === 0;
-  }, [currentFields, validateField]);
+  }, [currentFields, validateField2]);
   const validateAll = react.useCallback(() => {
     const allFields = config.fields || [];
     const newErrors = {};
     for (const field of allFields) {
-      const error = validateField(field);
+      const error = validateField2(field);
       if (error) newErrors[field.slug] = error;
     }
     setErrors(newErrors);
@@ -195,18 +153,19 @@ function FormClient({
       }
     }
     return { ok: false, firstErrorStep };
-  }, [config, validateField]);
+  }, [config, validateField2]);
   const buildVisibleValues = react.useCallback(() => {
     const out = {};
     for (const field of config.fields || []) {
-      if (!isFieldVisible(field)) continue;
+      if (!isFieldVisible2(field)) continue;
       if (field.slug in values) out[field.slug] = values[field.slug];
     }
     return out;
-  }, [config, values, isFieldVisible]);
+  }, [config, values, isFieldVisible2]);
   const setFieldValue = react.useCallback((key, value) => {
     setTouched((prev) => prev[key] ? prev : { ...prev, [key]: true });
     setValues((prev) => ({ ...prev, [key]: value }));
+    trackFieldChange(key);
     if (errors[key]) {
       setErrors((prev) => {
         const next = { ...prev };
@@ -214,7 +173,7 @@ function FormClient({
         return next;
       });
     }
-  }, [errors]);
+  }, [errors, trackFieldChange]);
   const nextStep = react.useCallback(() => {
     if (!validateStep()) return false;
     if (step < config.total_steps) {
@@ -255,7 +214,7 @@ function FormClient({
     setIsSubmitting(true);
     setSubmitError(null);
     try {
-      const data = await chunkFEWWGEQF_js.submitForm({
+      const data = await chunkCWUYI6LI_js.submitForm({
         config,
         values: buildVisibleValues(),
         honeypotValue: config.honeypot_enabled ? honeypotValue : "",
@@ -307,11 +266,13 @@ function FormClient({
     goToStep,
     submit,
     setFieldValue,
-    isFieldVisible
+    isFieldVisible: isFieldVisible2,
+    trackFieldFocus,
+    trackFieldBlur
   };
   if (isComplete) {
     const raw = config.success_message;
-    const message = typeof raw === "string" && raw.trim().length > 0 ? raw.trim() : chunkFEWWGEQF_js.DEFAULT_FORM_SUCCESS_MESSAGE;
+    const message = typeof raw === "string" && raw.trim().length > 0 ? raw.trim() : chunkCWUYI6LI_js.DEFAULT_FORM_SUCCESS_MESSAGE;
     if (Celebration) return /* @__PURE__ */ jsxRuntime.jsx(Celebration, { message, className });
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className, "data-sk-part": "celebration-fallback", role: "status", children: /* @__PURE__ */ jsxRuntime.jsx("p", { children: message }) });
   }
@@ -329,14 +290,16 @@ function FormClient({
       momentum,
       className,
       setFieldValue,
-      validateField,
-      isFieldVisible,
+      validateField: validateField2,
+      isFieldVisible: isFieldVisible2,
       fieldIsComplete,
       applyFieldError: (slug, message) => setErrors((prev) => ({ ...prev, [slug]: message })),
       submit,
       trackStepChange,
+      trackFieldFocus,
+      trackFieldBlur,
       honeypot: config.honeypot_enabled ? /* @__PURE__ */ jsxRuntime.jsx(
-        chunkL7ACQ6PC_js.HoneypotField,
+        chunkMOAYT3KN_js.HoneypotField,
         {
           name: honeypotFieldName,
           value: honeypotValue,
@@ -345,7 +308,7 @@ function FormClient({
       ) : null
     };
     return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(chunkIPV2TUAT_js.DelightStyles, {}),
+      /* @__PURE__ */ jsxRuntime.jsx(chunkXA2GJFVM_js.DelightStyles, {}),
       /* @__PURE__ */ jsxRuntime.jsx(Experience, { ...bundle })
     ] });
   }
@@ -355,7 +318,7 @@ function FormClient({
       "data-sk-state": isSubmitting ? "submitting" : "idle",
       "data-sk-ready": momentum.total > 0 && momentum.done >= momentum.total && step >= config.total_steps ? "true" : void 0,
       className: `sk-form ${className || ""}`,
-      ...chunkL7ACQ6PC_js.nativeFormProps(config),
+      ...chunkMOAYT3KN_js.nativeFormProps(config),
       onSubmit: (e) => {
         e.preventDefault();
         if (step < config.total_steps) {
@@ -365,8 +328,8 @@ function FormClient({
         }
       },
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx(chunkIPV2TUAT_js.DelightStyles, {}),
-        /* @__PURE__ */ jsxRuntime.jsx(chunkIPV2TUAT_js.FormMomentum, { done: momentum.done, total: momentum.total }),
+        /* @__PURE__ */ jsxRuntime.jsx(chunkXA2GJFVM_js.DelightStyles, {}),
+        /* @__PURE__ */ jsxRuntime.jsx(chunkXA2GJFVM_js.FormMomentum, { done: momentum.done, total: momentum.total }),
         config.is_multi_step && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "sk-form__progress", children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "sk-form__progress-header", children: [
             /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "sk-form__progress-step", children: [
@@ -412,15 +375,17 @@ function FormClient({
                 currentStepConfig.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "sk-form__step-description", children: currentStepConfig.description })
               ] }),
               /* @__PURE__ */ jsxRuntime.jsx("div", { className: "sk-form__fields", children: currentFields.map((field) => {
-                if (!isFieldVisible(field)) return null;
+                if (!isFieldVisible2(field)) return null;
                 return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `sk-form__field-wrapper sk-form__field-wrapper--${field.width || "full"}`, children: /* @__PURE__ */ jsxRuntime.jsx(
-                  chunkIPV2TUAT_js.FormField,
+                  chunkXA2GJFVM_js.FormField,
                   {
                     field,
                     value: values[field.slug],
                     error: errors[field.slug],
                     showValid: !!touched[field.slug] && !errors[field.slug] && fieldIsComplete(field),
                     onChange: (value) => setFieldValue(field.slug, value),
+                    onFocus: () => trackFieldFocus(field.slug),
+                    onBlur: () => trackFieldBlur(field.slug),
                     controls: fieldControls
                   }
                 ) }, field.id);
@@ -450,14 +415,14 @@ function FormClient({
           }
         ),
         config.honeypot_enabled && /* @__PURE__ */ jsxRuntime.jsx(
-          chunkL7ACQ6PC_js.HoneypotField,
+          chunkMOAYT3KN_js.HoneypotField,
           {
             name: honeypotFieldName,
             value: honeypotValue,
             onChange: setHoneypotValue
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx(chunkL7ACQ6PC_js.NativeFallbackFields, { config, returnTo: nativeReturnTo })
+        /* @__PURE__ */ jsxRuntime.jsx(chunkMOAYT3KN_js.NativeFallbackFields, { config, returnTo: nativeReturnTo })
       ]
     }
   );
@@ -478,7 +443,7 @@ function ManagedForm({
     form,
     isLoading,
     fetchError
-  } = chunkVFGEY6FJ_js.useForm(formId, {
+  } = chunkBY35X57A_js.useForm(formId, {
     projectId,
     onSuccess,
     onError,
@@ -517,5 +482,5 @@ function ManagedForm({
 
 exports.FormClient = FormClient;
 exports.ManagedForm = ManagedForm;
-//# sourceMappingURL=chunk-JTCQJKJE.js.map
-//# sourceMappingURL=chunk-JTCQJKJE.js.map
+//# sourceMappingURL=chunk-LIAISQUE.js.map
+//# sourceMappingURL=chunk-LIAISQUE.js.map

package/dist/chunk-LIAISQUE.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/forms/FormClient.tsx","../src/forms/ManagedForm.tsx"],"names":["useState","DEFAULT_HONEYPOT_FIELD","useRef","useMemo","countStageViews","countStageQuestions","useFieldControls","useEffect","currentStepConfig","isFieldVisible","useCallback","validateField","isFieldComplete","isDisplayOnly","useFormTracking","submitForm","DEFAULT_FORM_SUCCESS_MESSAGE","jsx","Fragment","HoneypotField","jsxs","DelightStyles","nativeFormProps","FormMomentum","FormField","NativeFallbackFields","useForm"],"mappings":"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","file":"chunk-LIAISQUE.js","sourcesContent":["/**\n * @sonordev/site-kit/forms - Form Client Component\n * \n * Handles form state, validation, and submission\n */\n\n'use client'\n\nimport React, { useState, useCallback, useMemo, useRef, useEffect } from 'react'\nimport { useFormTracking } from './useFormTracking'\nimport * as fieldRules from './field-rules'\nimport { FormField } from './FormField'\nimport { submitForm, DEFAULT_HONEYPOT_FIELD } from './submitForm'\nimport type { \n  ManagedFormConfig, \n  FormField as FormFieldType, \n  FormRenderProps,\n  FormSubmission,\n} from './types'\nimport { DEFAULT_FORM_SUCCESS_MESSAGE } from './defaultSuccessMessage'\nimport { DelightStyles, FormMomentum } from './delight'\nimport { HoneypotField } from './HoneypotField'\nimport { useFieldControls } from './field-controls'\nimport { nativeFormProps, NativeFallbackFields } from './native-fallback'\nimport { countStageViews, countStageQuestions } from './experience-plan'\nimport type { ExperienceRenderProps, FormExperience } from './types'\n\ninterface FormClientProps {\n  config: ManagedFormConfig\n  className?: string\n  onSuccess?: (submission: FormSubmission) => void\n  onError?: (error: Error) => void\n  customRender?: (props: FormRenderProps) => React.ReactNode\n  /**\n   * Pre-fill field values by slug. For context the page already has and the\n   * visitor should not retype: an email captured earlier in a conversation,\n   * the service they were reading about, an estimate the assistant just\n   * produced. Applied ON TOP of each field's configured default_value.\n   *\n   * Unknown slugs are ignored, so a stale key cannot break the form.\n   */\n  defaultValues?: Record<string, unknown>\n  /**\n   * Which rendering the form gets. Defaults to the form's `layout` config\n   * (`layout: 'stage'` in Sonor flips a form to stage with no site deploy),\n   * else 'classic'. customRender always wins over this.\n   */\n  experience?: FormExperience\n  /** Absolute page URL for the no-JS 303 to land on (see native-fallback). */\n  nativeReturnTo?: string\n}\n\nexport function FormClient({\n  config,\n  className,\n  onSuccess,\n  onError,\n  customRender,\n  experience,\n  nativeReturnTo,\n  defaultValues,\n}: FormClientProps) {\n  // Seed default_value fields once (lazy initializer — config is stable for\n  // the life of this mount; ManagedForm only renders us once it has a form).\n  const [values, setValues] = useState<Record<string, unknown>>(() => {\n    const defaults: Record<string, unknown> = {}\n    for (const field of config.fields || []) {\n      if (field.default_value !== undefined && field.default_value !== null) {\n        defaults[field.slug] = field.default_value\n      }\n    }\n    // Caller-supplied values win over the form's configured defaults — they\n    // are per-visitor context (what Echo already knows about this person,\n    // the service they were reading about) rather than form configuration.\n    return { ...defaults, ...(defaultValues || {}) }\n  })\n  const [errors, setErrors] = useState<Record<string, string>>({})\n  const [step, setStep] = useState(1)\n  // Direction of the last step change, so the transition slides the way the\n  // user is travelling ('forward' on Next, 'back' on Back).\n  const [stepDirection, setStepDirection] = useState<'forward' | 'back'>('forward')\n  const [isSubmitting, setIsSubmitting] = useState(false)\n  const [isComplete, setIsComplete] = useState(false)\n  const [submitError, setSubmitError] = useState<string | null>(null)\n  const [honeypotValue, setHoneypotValue] = useState('')\n  // Fields the user has interacted with — the valid tick only appears after\n  // real input (never on pristine fields), so it reads as earned feedback.\n  const [touched, setTouched] = useState<Record<string, boolean>>({})\n  const honeypotFieldName = config.honeypot_field || DEFAULT_HONEYPOT_FIELD\n\n  // Anti-bot: record when form first rendered (bots submit in < 3 seconds)\n  const formLoadedAt = useRef(Date.now())\n  // Synchronous guard against a concurrent double-submit (Enter + click, etc.).\n  const isSubmittingRef = useRef(false)\n\n  // Resolve the experience: explicit prop > form config > SPOTLIGHT.\n  //\n  // Spotlight is the 4.0 default: every managed form converses back unless it\n  // opts out. Opting out is `experience=\"classic\"` on the component or\n  // `layout: 'classic'` in Sonor (forms are data, so either side can decide\n  // with no deploy from the other). customRender always wins, and a form with\n  // no answerable fields has nothing to perform, so it falls back to classic.\n  const stageBeatCount = useMemo(() => countStageViews(config), [config])\n  const questionCount = useMemo(() => countStageQuestions(config), [config])\n  const requested: FormExperience =\n    experience ??\n    (config.layout === 'stage'\n      ? 'stage'\n      : config.layout === 'classic'\n        ? 'classic'\n        : 'spotlight')\n  const resolvedExperience: FormExperience =\n    !customRender && questionCount > 0 && requested !== 'classic'\n      ? requested\n      : 'classic'\n\n  // Date/file controls are fetched only when the form actually has such a\n  // field — most forms have neither, and the date picker alone was ~5 KB\n  // gzipped in every forms bundle. Until a chunk lands (and for SSR/no-JS),\n  // FormField renders the native control, which submits the same value.\n  const fieldControls = useFieldControls(config.fields)\n\n  // The celebration is fetched as soon as the user starts submitting, so the\n  // chunk arrives during the network round-trip and the payoff still feels\n  // instant — without putting its markup and CSS in every form's bundle.\n  const [Celebration, setCelebration] =\n    useState<React.ComponentType<{ message: string; className?: string }> | null>(null)\n  useEffect(() => {\n    if (!isSubmitting && !isComplete) return\n    let cancelled = false\n    import('./FormCelebration')\n      .then((m) => {\n        if (!cancelled) setCelebration(() => m.FormCelebration)\n      })\n      .catch(() => {\n        // Stays null — the plain confirmation message renders instead.\n      })\n    return () => {\n      cancelled = true\n    }\n  }, [isSubmitting, isComplete])\n\n  // Experience components load on demand, so a classic form (the fleet\n  // default) never downloads stage/spotlight code or their stylesheets.\n  // Until the chunk lands — and for SSR and no-JS — the CLASSIC form renders:\n  // a complete, working, submittable form. The experience is progressive\n  // enhancement layered on top, never a prerequisite for capturing the lead.\n  const [Experience, setExperience] =\n    useState<React.ComponentType<ExperienceRenderProps> | null>(null)\n  useEffect(() => {\n    if (resolvedExperience === 'classic') {\n      setExperience(null)\n      return\n    }\n    let cancelled = false\n    const load =\n      resolvedExperience === 'stage'\n        ? import('./FormStage').then((m) => m.FormStage)\n        : import('./FormSpotlight').then((m) => m.FormSpotlight)\n    load\n      .then((Component) => {\n        // setState with a component value needs the updater form, or React\n        // would call it as a lazy initializer.\n        if (!cancelled) setExperience(() => Component)\n      })\n      .catch((err) => {\n        // Chunk failed (offline, cache miss, CDN hiccup): stay on classic.\n        console.error('[Forms] Experience failed to load; using classic form:', err)\n      })\n    return () => {\n      cancelled = true\n    }\n  }, [resolvedExperience])\n  \n  // Get fields for current step\n  const currentFields = useMemo(() => {\n    if (!config.is_multi_step) {\n      return config.fields || []\n    }\n    \n    const currentStepConfig = config.steps?.find(s => s.step_number === step)\n    if (!currentStepConfig) return config.fields || []\n    \n    return (config.fields || []).filter(f => f.step_id === currentStepConfig.id)\n  }, [config, step])\n  \n  // Visibility, validation and completeness all come from field-rules.ts,\n  // shared with useForm. These wrappers only bind the current values.\n  const isFieldVisible = useCallback(\n    (field: FormFieldType): boolean => fieldRules.isFieldVisible(field, values),\n    [values],\n  )\n\n  const validateField = useCallback(\n    (field: FormFieldType): string | null => fieldRules.validateField(field, values, isFieldVisible),\n    [values, isFieldVisible],\n  )\n\n  // Delight: per-field validity for the tick + fields-completed momentum.\n  const fieldIsComplete = useCallback(\n    (field: FormFieldType): boolean => fieldRules.isFieldComplete(field, values, isFieldVisible),\n    [values, isFieldVisible],\n  )\n\n  const momentum = useMemo(() => {\n    const measurable = (config.fields || []).filter(\n      f => f.is_required && isFieldVisible(f) && !fieldRules.isDisplayOnly(f),\n    )\n    return { done: measurable.filter(fieldIsComplete).length, total: measurable.length }\n  }, [config, isFieldVisible, fieldIsComplete])\n\n  const fieldBySlug = useMemo(\n    () => new Map((config.fields || []).map((f) => [f.slug, f] as const)),\n    [config.fields],\n  )\n\n  const {\n    trackStepChange,\n    trackComplete,\n    trackFieldFocus,\n    trackFieldBlur,\n    trackFieldChange,\n  } = useFormTracking({\n    formId: config.id,\n    // Alternate experiences report their unit (beat / field index) as the\n    // step — form_analytics becomes a drop-off funnel with zero API changes.\n    totalSteps:\n      resolvedExperience === 'stage'\n        ? stageBeatCount\n        : resolvedExperience === 'spotlight'\n          ? questionCount\n          : config.total_steps,\n    // Same verdict as the valid tick and the momentum count.\n    isFieldComplete: (slug) => {\n      const field = fieldBySlug.get(slug)\n      return field ? fieldIsComplete(field) : false\n    },\n  })\n\n  // Validate current step\n  const validateStep = useCallback((): boolean => {\n    const newErrors: Record<string, string> = {}\n    \n    for (const field of currentFields) {\n      const error = validateField(field)\n      if (error) {\n        newErrors[field.slug] = error\n      }\n    }\n    \n    setErrors(newErrors)\n    return Object.keys(newErrors).length === 0\n  }, [currentFields, validateField])\n\n  // Validate EVERY field across all steps — used on final submit so a required\n  // field left empty on an earlier step cannot slip through. Returns the first\n  // step containing an error so the user can be taken straight to it.\n  const validateAll = useCallback((): { ok: boolean; firstErrorStep: number | null } => {\n    const allFields = config.fields || []\n    const newErrors: Record<string, string> = {}\n    for (const field of allFields) {\n      const error = validateField(field)\n      if (error) newErrors[field.slug] = error\n    }\n    setErrors(newErrors)\n    if (Object.keys(newErrors).length === 0) return { ok: true, firstErrorStep: null }\n\n    let firstErrorStep: number | null = null\n    if (config.is_multi_step && config.steps) {\n      const ordered = [...config.steps].sort((a, b) => a.step_number - b.step_number)\n      for (const s of ordered) {\n        if (allFields.some((f) => f.step_id === s.id && newErrors[f.slug])) {\n          firstErrorStep = s.step_number\n          break\n        }\n      }\n    }\n    return { ok: false, firstErrorStep }\n  }, [config, validateField])\n\n  // Collect values for currently-visible fields only, so a value typed into a\n  // field that later became conditionally hidden is never submitted.\n  const buildVisibleValues = useCallback((): Record<string, unknown> => {\n    const out: Record<string, unknown> = {}\n    for (const field of config.fields || []) {\n      if (!isFieldVisible(field)) continue\n      if (field.slug in values) out[field.slug] = values[field.slug]\n    }\n    return out\n  }, [config, values, isFieldVisible])\n\n  // Set field value\n  const setFieldValue = useCallback((key: string, value: unknown) => {\n    setTouched(prev => (prev[key] ? prev : { ...prev, [key]: true }))\n    setValues(prev => ({ ...prev, [key]: value }))\n    trackFieldChange(key)\n    // Clear error when field changes\n    if (errors[key]) {\n      setErrors(prev => {\n        const next = { ...prev }\n        delete next[key]\n        return next\n      })\n    }\n  }, [errors, trackFieldChange])\n  \n  // Step navigation\n  const nextStep = useCallback((): boolean => {\n    if (!validateStep()) return false\n    \n    if (step < config.total_steps) {\n      const newStep = step + 1\n      setStepDirection('forward')\n      setStep(newStep)\n      trackStepChange(newStep)\n      return true\n    }\n    return false\n  }, [step, config.total_steps, validateStep, trackStepChange])\n\n  const prevStep = useCallback(() => {\n    if (step > 1) {\n      const newStep = step - 1\n      setStepDirection('back')\n      setStep(newStep)\n      trackStepChange(newStep)\n    }\n  }, [step, trackStepChange])\n\n  const goToStep = useCallback((targetStep: number) => {\n    if (targetStep >= 1 && targetStep <= config.total_steps) {\n      setStepDirection(targetStep < step ? 'back' : 'forward')\n      setStep(targetStep)\n      trackStepChange(targetStep)\n    }\n  }, [step, config.total_steps, trackStepChange])\n  \n  // Submit form\n  const submit = useCallback(async () => {\n    // Re-entrancy guard — refs update synchronously, so this blocks a second\n    // submit fired in the same tick (Enter key + button click, or a double-tap).\n    if (isSubmittingRef.current) return\n\n    const { ok, firstErrorStep } = validateAll()\n    if (!ok) {\n      if (firstErrorStep != null) {\n        setStepDirection('back')\n        setStep(firstErrorStep)\n      }\n      return\n    }\n\n    isSubmittingRef.current = true\n    setIsSubmitting(true)\n    setSubmitError(null)\n\n    try {\n      const data = await submitForm({\n        config,\n        values: buildVisibleValues(),\n        honeypotValue: config.honeypot_enabled ? honeypotValue : '',\n        formLoadedAt: formLoadedAt.current,\n      })\n\n      trackComplete()\n      setIsComplete(true)\n      onSuccess?.(data as FormSubmission)\n\n      if (config.redirect_url) {\n        window.location.href = config.redirect_url\n      }\n    } catch (error) {\n      console.error('[Forms] Submission error:', error)\n      setSubmitError('Something went wrong sending your submission. Please try again.')\n      onError?.(error as Error)\n    } finally {\n      isSubmittingRef.current = false\n      setIsSubmitting(false)\n    }\n  }, [config, honeypotValue, validateAll, buildVisibleValues, trackComplete, onSuccess, onError])\n  \n  // Progress percentage\n  const progress = useMemo(() => {\n    return Math.round((step / config.total_steps) * 100)\n  }, [step, config.total_steps])\n\n  // Title/description the admin gave the current step, used as the step's\n  // conversational heading. Absent for single-step forms.\n  const currentStepConfig = useMemo(\n    () => config.steps?.find((s) => s.step_number === step),\n    [config.steps, step],\n  )\n\n  // Move focus to the new step's panel so keyboard and screen-reader users land\n  // on the fields they just navigated to instead of staying on a button that\n  // has moved. Skipped on first render so the form never steals focus on load.\n  const stepPanelRef = useRef<HTMLDivElement | null>(null)\n  const hasNavigatedRef = useRef(false)\n  useEffect(() => {\n    if (!config.is_multi_step) return\n    if (!hasNavigatedRef.current) {\n      hasNavigatedRef.current = true\n      return\n    }\n    stepPanelRef.current?.focus()\n  }, [step, config.is_multi_step])\n\n\n  // Render props for custom rendering\n  const renderProps: FormRenderProps = {\n    config,\n    fields: currentFields,\n    step,\n    totalSteps: config.total_steps,\n    values,\n    errors,\n    isSubmitting,\n    progress,\n    nextStep,\n    prevStep,\n    goToStep,\n    submit,\n    setFieldValue,\n    isFieldVisible,\n    trackFieldFocus,\n    trackFieldBlur,\n  }\n  \n  // Show success message (fallback when API returns empty / null success_message)\n  if (isComplete) {\n    const raw = config.success_message\n    const message =\n      typeof raw === 'string' && raw.trim().length > 0\n        ? raw.trim()\n        : DEFAULT_FORM_SUCCESS_MESSAGE\n    // The payoff moment — celebration, not a receipt. Sites theme it via\n    // --sk-primary + data-sk-part; reduced-motion users get the static check.\n    // Loaded lazily (it only ever renders AFTER a submit round-trip, so the\n    // chunk fetch is free), but the confirmation itself never depends on\n    // that chunk: until it lands, and if it never lands, the plain message\n    // below is shown. A user must always be told their submission worked.\n    if (Celebration) return <Celebration message={message} className={className} />\n    return (\n      <div className={className} data-sk-part=\"celebration-fallback\" role=\"status\">\n        <p>{message}</p>\n      </div>\n    )\n  }\n  \n  // Custom render\n  if (customRender) {\n    return <>{customRender(renderProps)}</>\n  }\n\n  // Alternate experiences — render BRANCHES, not customRenders: this\n  // FormClient still owns values/errors/honeypot/submit, so spam defense and\n  // validation are identical to classic.\n  if (resolvedExperience !== 'classic' && Experience) {\n    const bundle: ExperienceRenderProps = {\n      config,\n      values,\n      errors,\n      touched,\n      isSubmitting,\n      submitError,\n      momentum,\n      className,\n      setFieldValue,\n      validateField,\n      isFieldVisible,\n      fieldIsComplete,\n      applyFieldError: (slug, message) =>\n        setErrors((prev) => ({ ...prev, [slug]: message })),\n      submit,\n      trackStepChange,\n      trackFieldFocus,\n      trackFieldBlur,\n      honeypot: config.honeypot_enabled ? (\n        <HoneypotField\n          name={honeypotFieldName}\n          value={honeypotValue}\n          onChange={setHoneypotValue}\n        />\n      ) : null,\n    }\n    return (\n      <>\n        <DelightStyles />\n        <Experience {...bundle} />\n      </>\n    )\n  }\n\n  // Default render\n  return (\n    <form data-sk-state={isSubmitting ? 'submitting' : 'idle'}\n      // Ready = every required field validates AND the submit button (not\n      // \"Next\") is what's showing — the wake-up glow means \"press start\".\n      data-sk-ready={\n        momentum.total > 0 && momentum.done >= momentum.total && step >= config.total_steps\n          ? 'true'\n          : undefined\n      }\n      className={`sk-form ${className || ''}`}\n      // No-JS floor: real action/method so the browser can POST without the\n      // bundle. With JS the preventDefault below always wins.\n      {...nativeFormProps(config)}\n      onSubmit={(e) => {\n        e.preventDefault()\n        if (step < config.total_steps) {\n          nextStep()\n        } else {\n          submit()\n        }\n      }}\n    >\n      <DelightStyles />\n      <FormMomentum done={momentum.done} total={momentum.total} />\n      {/* Step indicator for multi-step */}\n      {config.is_multi_step && (\n        <div className=\"sk-form__progress\">\n          <div className=\"sk-form__progress-header\">\n            <span className=\"sk-form__progress-step\">\n              Step {step} of {config.total_steps}\n            </span>\n            {/* The percentage readout is opt-in — \"Step 2 of 4\" already gives\n                the user their position, and a bare number reads as pressure. */}\n            {config.show_progress && (\n              <span className=\"sk-form__progress-percent\">{progress}%</span>\n            )}\n          </div>\n          <div\n            className=\"sk-form__progress-track\"\n            role=\"progressbar\"\n            aria-valuemin={1}\n            aria-valuemax={config.total_steps}\n            aria-valuenow={step}\n            aria-valuetext={`Step ${step} of ${config.total_steps}`}\n          >\n            <div className=\"sk-form__progress-bar\" style={{ width: `${progress}%` }} />\n          </div>\n          <ol className=\"sk-form__progress-dots\" aria-hidden=\"true\">\n            {Array.from({ length: config.total_steps }, (_, i) => i + 1).map((n) => (\n              <li\n                key={n}\n                className={\n                  'sk-form__progress-dot' +\n                  (n === step ? ' sk-form__progress-dot--current' : '') +\n                  (n < step ? ' sk-form__progress-dot--done' : '')\n                }\n              />\n            ))}\n          </ol>\n        </div>\n      )}\n\n      {/* Fields — keyed by step so each step animates in on navigation */}\n      <div\n        key={step}\n        ref={stepPanelRef}\n        tabIndex={-1}\n        className={\n          'sk-form__step' +\n          (config.is_multi_step ? ` sk-form__step--${stepDirection}` : '')\n        }\n      >\n        {config.is_multi_step && (currentStepConfig?.title || currentStepConfig?.description) && (\n          <div className=\"sk-form__step-intro\">\n            {currentStepConfig.title && (\n              <h3 className=\"sk-form__step-title\">{currentStepConfig.title}</h3>\n            )}\n            {currentStepConfig.description && (\n              <p className=\"sk-form__step-description\">{currentStepConfig.description}</p>\n            )}\n          </div>\n        )}\n\n        <div className=\"sk-form__fields\">\n          {currentFields.map((field) => {\n            if (!isFieldVisible(field)) return null\n\n            return (\n              <div key={field.id} className={`sk-form__field-wrapper sk-form__field-wrapper--${field.width || 'full'}`}>\n                <FormField\n                  field={field}\n                  value={values[field.slug]}\n                  error={errors[field.slug]}\n                  showValid={!!touched[field.slug] && !errors[field.slug] && fieldIsComplete(field)}\n                  onChange={(value) => setFieldValue(field.slug, value)}\n                  onFocus={() => trackFieldFocus(field.slug)}\n                  onBlur={() => trackFieldBlur(field.slug)}\n                  controls={fieldControls}\n                />\n              </div>\n            )\n          })}\n        </div>\n      </div>\n\n      {/* Navigation buttons */}\n      <div\n        className=\"sk-form__actions\"\n        style={{ justifyContent: step > 1 ? 'space-between' : 'flex-end' }}\n      >\n        {step > 1 && (\n          <button type=\"button\" className=\"sk-form__btn sk-form__btn--back\" onClick={prevStep}>\n            Back\n          </button>\n        )}\n        <button type=\"submit\" className=\"sk-form__btn sk-form__btn--submit\" disabled={isSubmitting}>\n          {isSubmitting\n            ? 'Submitting...'\n            : step < config.total_steps\n              ? 'Next'\n              : config.submit_button_text\n          }\n        </button>\n      </div>\n\n      {submitError && (\n        <p\n          className=\"sk-form__submit-error\"\n          role=\"alert\"\n          style={{ color: 'var(--sk-error, #dc2626)', fontSize: 14, marginTop: 12 }}\n        >\n          {submitError}\n        </p>\n      )}\n\n      {/* Honeypot field — shared single source of truth with the stage\n          experience (HoneypotField.tsx holds the invariants). */}\n      {config.honeypot_enabled && (\n        <HoneypotField\n          name={honeypotFieldName}\n          value={honeypotValue}\n          onChange={setHoneypotValue}\n        />\n      )}\n\n      {/* No-JS control fields (_sk_token auth + _sk_return destination). */}\n      <NativeFallbackFields config={config} returnTo={nativeReturnTo} />\n    </form>\n  )\n}\n","/**\n * @sonordev/site-kit/forms - Managed Form Component\n * \n * Fetches form config from Portal API and renders fields with validation\n */\n\n'use client'\n\nimport type { ManagedFormProps } from './types'\nimport { useForm } from './useForm'\nimport { FormClient } from './FormClient'\n\n// ============================================\n// Main Component (Client Component)\n// ============================================\n\nexport function ManagedForm({\n  formId,\n  projectId,\n  className,\n  onSuccess,\n  onError,\n  initialConfig,\n  experience,\n  nativeReturnTo,\n  defaultValues,\n  children,\n}: ManagedFormProps) {\n  const {\n    form,\n    isLoading,\n    fetchError,\n  } = useForm(formId, {\n    projectId,\n    onSuccess,\n    onError,\n    initialForm: initialConfig,\n    // FormClient below owns this form's tracking — it renders the fields,\n    // drives step navigation and runs the submit, so it is the only thing that\n    // can report a real funnel. useForm is used here purely to FETCH the\n    // config; we never call its submit, so its analytics row could only ever\n    // open and abandon, never complete.\n    //\n    // Leaving this on is the double-count bug fixed in 4.2.2: two\n    // trackers per form, two form_analytics rows per page load, every\n    // start -> submission rate reported at half its true value.\n    trackAnalytics: false,\n  })\n  \n  if (isLoading) {\n    return (\n      <div className={className}>\n        <p style={{ color: '#6b7280' }}>Loading form...</p>\n      </div>\n    )\n  }\n  \n  if (fetchError || !form) {\n    return (\n      <div className={className}>\n        <p style={{ color: 'var(--sk-error, #dc2626)' }}>\n          {fetchError?.message || 'Form not found or inactive.'}\n        </p>\n      </div>\n    )\n  }\n  \n  // Pass to client component for interactivity\n  return (\n    <FormClient\n      config={form}\n      className={className}\n      onSuccess={onSuccess}\n      onError={onError}\n      customRender={children}\n      experience={experience}\n      nativeReturnTo={nativeReturnTo}\n      defaultValues={defaultValues}\n    />\n  )\n}\n\n"]}