@sonordev/site-kit 4.0.1 → 4.0.2

package/dist/chunk-NWPNFCNY.js

@@ -0,0 +1,511 @@
+'use client';
+'use strict';
+
+var chunkLVCUT2OX_js = require('./chunk-LVCUT2OX.js');
+var chunkVLY3SFNH_js = require('./chunk-VLY3SFNH.js');
+var chunk2ACKOMAL_js = require('./chunk-2ACKOMAL.js');
+var chunkOP5FYTWJ_js = require('./chunk-OP5FYTWJ.js');
+var chunkZRGCKWIT_js = require('./chunk-ZRGCKWIT.js');
+var chunkKHPJ3CEL_js = require('./chunk-KHPJ3CEL.js');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function FormClient({
+  config,
+  className,
+  onSuccess,
+  onError,
+  customRender,
+  experience,
+  nativeReturnTo,
+  defaultValues
+}) {
+  const [values, setValues] = react.useState(() => {
+    const defaults = {};
+    for (const field of config.fields || []) {
+      if (field.default_value !== void 0 && field.default_value !== null) {
+        defaults[field.slug] = field.default_value;
+      }
+    }
+    return { ...defaults, ...defaultValues || {} };
+  });
+  const [errors, setErrors] = react.useState({});
+  const [step, setStep] = react.useState(1);
+  const [stepDirection, setStepDirection] = react.useState("forward");
+  const [isSubmitting, setIsSubmitting] = react.useState(false);
+  const [isComplete, setIsComplete] = react.useState(false);
+  const [submitError, setSubmitError] = react.useState(null);
+  const [honeypotValue, setHoneypotValue] = react.useState("");
+  const [touched, setTouched] = react.useState({});
+  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(() => chunkLVCUT2OX_js.countStageViews(config), [config]);
+  const questionCount = react.useMemo(() => chunkLVCUT2OX_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 = chunkLVCUT2OX_js.useFieldControls(config.fields);
+  const { trackStepChange, trackComplete } = chunkOP5FYTWJ_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 [Celebration, setCelebration] = react.useState(null);
+  react.useEffect(() => {
+    if (!isSubmitting && !isComplete) return;
+    let cancelled = false;
+    import('./FormCelebration-O2O5S6JI.js').then((m) => {
+      if (!cancelled) setCelebration(() => m.FormCelebration);
+    }).catch(() => {
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [isSubmitting, isComplete]);
+  const [Experience, setExperience] = react.useState(null);
+  react.useEffect(() => {
+    if (resolvedExperience === "classic") {
+      setExperience(null);
+      return;
+    }
+    let cancelled = false;
+    const load = resolvedExperience === "stage" ? import('./FormStage-NLO52ER2.js').then((m) => m.FormStage) : import('./FormSpotlight-AL6KGMGG.js').then((m) => m.FormSpotlight);
+    load.then((Component) => {
+      if (!cancelled) setExperience(() => Component);
+    }).catch((err) => {
+      console.error("[Forms] Experience failed to load; using classic form:", err);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [resolvedExperience]);
+  const currentFields = react.useMemo(() => {
+    if (!config.is_multi_step) {
+      return config.fields || [];
+    }
+    const currentStepConfig2 = config.steps?.find((s) => s.step_number === step);
+    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 momentum = react.useMemo(() => {
+    const measurable = (config.fields || []).filter(
+      (f) => f.is_required && isFieldVisible(f) && !["heading", "section_header", "paragraph", "hidden"].includes(f.field_type)
+    );
+    return { done: measurable.filter(fieldIsComplete).length, total: measurable.length };
+  }, [config, isFieldVisible, fieldIsComplete]);
+  const validateStep = react.useCallback(() => {
+    const newErrors = {};
+    for (const field of currentFields) {
+      const error = validateField(field);
+      if (error) {
+        newErrors[field.slug] = error;
+      }
+    }
+    setErrors(newErrors);
+    return Object.keys(newErrors).length === 0;
+  }, [currentFields, validateField]);
+  const validateAll = react.useCallback(() => {
+    const allFields = config.fields || [];
+    const newErrors = {};
+    for (const field of allFields) {
+      const error = validateField(field);
+      if (error) newErrors[field.slug] = error;
+    }
+    setErrors(newErrors);
+    if (Object.keys(newErrors).length === 0) return { ok: true, firstErrorStep: null };
+    let firstErrorStep = null;
+    if (config.is_multi_step && config.steps) {
+      const ordered = [...config.steps].sort((a, b) => a.step_number - b.step_number);
+      for (const s of ordered) {
+        if (allFields.some((f) => f.step_id === s.id && newErrors[f.slug])) {
+          firstErrorStep = s.step_number;
+          break;
+        }
+      }
+    }
+    return { ok: false, firstErrorStep };
+  }, [config, validateField]);
+  const buildVisibleValues = react.useCallback(() => {
+    const out = {};
+    for (const field of config.fields || []) {
+      if (!isFieldVisible(field)) continue;
+      if (field.slug in values) out[field.slug] = values[field.slug];
+    }
+    return out;
+  }, [config, values, isFieldVisible]);
+  const setFieldValue = react.useCallback((key, value) => {
+    setTouched((prev) => prev[key] ? prev : { ...prev, [key]: true });
+    setValues((prev) => ({ ...prev, [key]: value }));
+    if (errors[key]) {
+      setErrors((prev) => {
+        const next = { ...prev };
+        delete next[key];
+        return next;
+      });
+    }
+  }, [errors]);
+  const nextStep = react.useCallback(() => {
+    if (!validateStep()) return false;
+    if (step < config.total_steps) {
+      const newStep = step + 1;
+      setStepDirection("forward");
+      setStep(newStep);
+      trackStepChange(newStep);
+      return true;
+    }
+    return false;
+  }, [step, config.total_steps, validateStep, trackStepChange]);
+  const prevStep = react.useCallback(() => {
+    if (step > 1) {
+      const newStep = step - 1;
+      setStepDirection("back");
+      setStep(newStep);
+      trackStepChange(newStep);
+    }
+  }, [step, trackStepChange]);
+  const goToStep = react.useCallback((targetStep) => {
+    if (targetStep >= 1 && targetStep <= config.total_steps) {
+      setStepDirection(targetStep < step ? "back" : "forward");
+      setStep(targetStep);
+      trackStepChange(targetStep);
+    }
+  }, [step, config.total_steps, trackStepChange]);
+  const submit = react.useCallback(async () => {
+    if (isSubmittingRef.current) return;
+    const { ok, firstErrorStep } = validateAll();
+    if (!ok) {
+      if (firstErrorStep != null) {
+        setStepDirection("back");
+        setStep(firstErrorStep);
+      }
+      return;
+    }
+    isSubmittingRef.current = true;
+    setIsSubmitting(true);
+    setSubmitError(null);
+    try {
+      const data = await chunkZRGCKWIT_js.submitForm({
+        config,
+        values: buildVisibleValues(),
+        honeypotValue: config.honeypot_enabled ? honeypotValue : "",
+        formLoadedAt: formLoadedAt.current
+      });
+      trackComplete();
+      setIsComplete(true);
+      onSuccess?.(data);
+      if (config.redirect_url) {
+        window.location.href = config.redirect_url;
+      }
+    } catch (error) {
+      console.error("[Forms] Submission error:", error);
+      setSubmitError("Something went wrong sending your submission. Please try again.");
+      onError?.(error);
+    } finally {
+      isSubmittingRef.current = false;
+      setIsSubmitting(false);
+    }
+  }, [config, honeypotValue, validateAll, buildVisibleValues, trackComplete, onSuccess, onError]);
+  const progress = react.useMemo(() => {
+    return Math.round(step / config.total_steps * 100);
+  }, [step, config.total_steps]);
+  const currentStepConfig = react.useMemo(
+    () => config.steps?.find((s) => s.step_number === step),
+    [config.steps, step]
+  );
+  const stepPanelRef = react.useRef(null);
+  const hasNavigatedRef = react.useRef(false);
+  react.useEffect(() => {
+    if (!config.is_multi_step) return;
+    if (!hasNavigatedRef.current) {
+      hasNavigatedRef.current = true;
+      return;
+    }
+    stepPanelRef.current?.focus();
+  }, [step, config.is_multi_step]);
+  const renderProps = {
+    config,
+    fields: currentFields,
+    step,
+    totalSteps: config.total_steps,
+    values,
+    errors,
+    isSubmitting,
+    progress,
+    nextStep,
+    prevStep,
+    goToStep,
+    submit,
+    setFieldValue,
+    isFieldVisible
+  };
+  if (isComplete) {
+    const raw = config.success_message;
+    const message = typeof raw === "string" && raw.trim().length > 0 ? raw.trim() : chunkZRGCKWIT_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 }) });
+  }
+  if (customRender) {
+    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: customRender(renderProps) });
+  }
+  if (resolvedExperience !== "classic" && Experience) {
+    const bundle = {
+      config,
+      values,
+      errors,
+      touched,
+      isSubmitting,
+      submitError,
+      momentum,
+      className,
+      setFieldValue,
+      validateField,
+      isFieldVisible,
+      fieldIsComplete,
+      applyFieldError: (slug, message) => setErrors((prev) => ({ ...prev, [slug]: message })),
+      submit,
+      trackStepChange,
+      honeypot: config.honeypot_enabled ? /* @__PURE__ */ jsxRuntime.jsx(
+        chunkVLY3SFNH_js.HoneypotField,
+        {
+          name: honeypotFieldName,
+          value: honeypotValue,
+          onChange: setHoneypotValue
+        }
+      ) : null
+    };
+    return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(chunk2ACKOMAL_js.DelightStyles, {}),
+      /* @__PURE__ */ jsxRuntime.jsx(Experience, { ...bundle })
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "form",
+    {
+      "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 || ""}`,
+      ...chunkVLY3SFNH_js.nativeFormProps(config),
+      onSubmit: (e) => {
+        e.preventDefault();
+        if (step < config.total_steps) {
+          nextStep();
+        } else {
+          submit();
+        }
+      },
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(chunk2ACKOMAL_js.DelightStyles, {}),
+        /* @__PURE__ */ jsxRuntime.jsx(chunk2ACKOMAL_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: [
+              "Step ",
+              step,
+              " of ",
+              config.total_steps
+            ] }),
+            config.show_progress && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "sk-form__progress-percent", children: [
+              progress,
+              "%"
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              className: "sk-form__progress-track",
+              role: "progressbar",
+              "aria-valuemin": 1,
+              "aria-valuemax": config.total_steps,
+              "aria-valuenow": step,
+              "aria-valuetext": `Step ${step} of ${config.total_steps}`,
+              children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "sk-form__progress-bar", style: { width: `${progress}%` } })
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx("ol", { className: "sk-form__progress-dots", "aria-hidden": "true", children: Array.from({ length: config.total_steps }, (_, i) => i + 1).map((n) => /* @__PURE__ */ jsxRuntime.jsx(
+            "li",
+            {
+              className: "sk-form__progress-dot" + (n === step ? " sk-form__progress-dot--current" : "") + (n < step ? " sk-form__progress-dot--done" : "")
+            },
+            n
+          )) })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            ref: stepPanelRef,
+            tabIndex: -1,
+            className: "sk-form__step" + (config.is_multi_step ? ` sk-form__step--${stepDirection}` : ""),
+            children: [
+              config.is_multi_step && (currentStepConfig?.title || currentStepConfig?.description) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "sk-form__step-intro", children: [
+                currentStepConfig.title && /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "sk-form__step-title", children: currentStepConfig.title }),
+                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;
+                return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `sk-form__field-wrapper sk-form__field-wrapper--${field.width || "full"}`, children: /* @__PURE__ */ jsxRuntime.jsx(
+                  chunk2ACKOMAL_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),
+                    controls: fieldControls
+                  }
+                ) }, field.id);
+              }) })
+            ]
+          },
+          step
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            className: "sk-form__actions",
+            style: { justifyContent: step > 1 ? "space-between" : "flex-end" },
+            children: [
+              step > 1 && /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "sk-form__btn sk-form__btn--back", onClick: prevStep, children: "Back" }),
+              /* @__PURE__ */ jsxRuntime.jsx("button", { type: "submit", className: "sk-form__btn sk-form__btn--submit", disabled: isSubmitting, children: isSubmitting ? "Submitting..." : step < config.total_steps ? "Next" : config.submit_button_text })
+            ]
+          }
+        ),
+        submitError && /* @__PURE__ */ jsxRuntime.jsx(
+          "p",
+          {
+            className: "sk-form__submit-error",
+            role: "alert",
+            style: { color: "var(--sk-error, #dc2626)", fontSize: 14, marginTop: 12 },
+            children: submitError
+          }
+        ),
+        config.honeypot_enabled && /* @__PURE__ */ jsxRuntime.jsx(
+          chunkVLY3SFNH_js.HoneypotField,
+          {
+            name: honeypotFieldName,
+            value: honeypotValue,
+            onChange: setHoneypotValue
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(chunkVLY3SFNH_js.NativeFallbackFields, { config, returnTo: nativeReturnTo })
+      ]
+    }
+  );
+}
+function ManagedForm({
+  formId,
+  projectId,
+  className,
+  onSuccess,
+  onError,
+  initialConfig,
+  experience,
+  nativeReturnTo,
+  defaultValues,
+  children
+}) {
+  const {
+    form,
+    isLoading,
+    fetchError
+  } = chunkOP5FYTWJ_js.useForm(formId, {
+    projectId,
+    onSuccess,
+    onError,
+    initialForm: initialConfig
+  });
+  if (isLoading) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className, children: /* @__PURE__ */ jsxRuntime.jsx("p", { style: { color: "#6b7280" }, children: "Loading form..." }) });
+  }
+  if (fetchError || !form) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className, children: /* @__PURE__ */ jsxRuntime.jsx("p", { style: { color: "var(--sk-error, #dc2626)" }, children: fetchError?.message || "Form not found or inactive." }) });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    FormClient,
+    {
+      config: form,
+      className,
+      onSuccess,
+      onError,
+      customRender: children,
+      experience,
+      nativeReturnTo,
+      defaultValues
+    }
+  );
+}
+
+exports.FormClient = FormClient;
+exports.ManagedForm = ManagedForm;
+//# sourceMappingURL=chunk-NWPNFCNY.js.map
+//# sourceMappingURL=chunk-NWPNFCNY.js.map

package/dist/chunk-NWPNFCNY.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","useFormTracking","useEffect","currentStepConfig","useCallback","submitForm","DEFAULT_FORM_SUCCESS_MESSAGE","jsx","Fragment","HoneypotField","jsxs","DelightStyles","nativeFormProps","FormMomentum","FormField","NativeFallbackFields","useForm"],"mappings":"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","file":"chunk-NWPNFCNY.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 { 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  const { trackStepChange, trackComplete } = 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  })\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  // Check if field is visible (conditional logic)\n  const isFieldVisible = useCallback((field: FormFieldType): boolean => {\n    if (!field.conditional?.show_when) return true\n    \n    const { field: condField, operator, value } = field.conditional.show_when\n    const fieldValue = values[condField]\n    \n    switch (operator) {\n      case 'equals':\n        return fieldValue === value\n      case 'not_equals':\n        return fieldValue !== value\n      case 'contains':\n        return String(fieldValue).includes(String(value))\n      case 'not_contains':\n        return !String(fieldValue).includes(String(value))\n      case 'is_empty':\n        return !fieldValue || fieldValue === ''\n      case 'not_empty':\n        return !!fieldValue && fieldValue !== ''\n      case 'greater_than':\n        return Number(fieldValue) > Number(value)\n      case 'less_than':\n        return Number(fieldValue) < Number(value)\n      default:\n        return true\n    }\n  }, [values])\n  \n  // Validate field\n  const validateField = useCallback((field: FormFieldType): string | null => {\n    if (!isFieldVisible(field)) return null\n    // Skip display-only field types\n    if (['heading', 'section_header', 'paragraph', 'hidden'].includes(field.field_type)) return null\n    \n    const value = values[field.slug]\n    const rules = field.validation || {}\n    \n    // Required check\n    if (field.is_required && (!value || value === '')) {\n      return rules.custom_error || `${field.label} is required`\n    }\n    \n    if (!value) return null\n    \n    const strValue = String(value)\n    \n    // Length checks\n    if (rules.min_length && strValue.length < rules.min_length) {\n      return `${field.label} must be at least ${rules.min_length} characters`\n    }\n    if (rules.max_length && strValue.length > rules.max_length) {\n      return `${field.label} must be no more than ${rules.max_length} characters`\n    }\n    \n    // Numeric checks\n    if (rules.min !== undefined && Number(value) < rules.min) {\n      return `${field.label} must be at least ${rules.min}`\n    }\n    if (rules.max !== undefined && Number(value) > rules.max) {\n      return `${field.label} must be no more than ${rules.max}`\n    }\n    \n    // Pattern check — guard against an invalid admin-entered pattern.\n    if (rules.pattern) {\n      try {\n        if (!new RegExp(rules.pattern).test(strValue)) {\n          return rules.custom_error || `${field.label} is invalid`\n        }\n      } catch {\n        // Malformed pattern — skip rather than crashing the whole form render.\n      }\n    }\n    \n    // Email check\n    if (field.field_type === 'email' && !/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/.test(strValue)) {\n      return 'Please enter a valid email address'\n    }\n    \n    // Phone check\n    if (field.field_type === 'phone' && !/^[\\d\\s\\-\\+\\(\\)]+$/.test(strValue)) {\n      return 'Please enter a valid phone number'\n    }\n    \n    return null\n  }, [values, isFieldVisible])\n  \n  // Delight: per-field validity for the tick + fields-completed momentum.\n  const fieldIsComplete = useCallback((field: FormFieldType): boolean => {\n    if (!isFieldVisible(field)) return false\n    if (['heading', 'section_header', 'paragraph', 'hidden'].includes(field.field_type)) return false\n    const value = values[field.slug]\n    if (value === undefined || value === null || value === '') return false\n    return validateField(field) === null\n  }, [values, isFieldVisible, validateField])\n\n  const momentum = useMemo(() => {\n    const measurable = (config.fields || []).filter(\n      f => f.is_required && isFieldVisible(f) && !['heading', 'section_header', 'paragraph', 'hidden'].includes(f.field_type),\n    )\n    return { done: measurable.filter(fieldIsComplete).length, total: measurable.length }\n  }, [config, isFieldVisible, fieldIsComplete])\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    // 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])\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  }\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      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                  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  })\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"]}