@sonordev/site-kit 4.0.1 → 4.0.2

package/dist/chunk-MZY3MEUO.mjs

@@ -0,0 +1,138 @@
+'use client';
+import { useMemo, useState, useRef, useEffect } from 'react';
+
+// src/forms/field-controls.ts
+var NO_CONTROLS = {};
+function useFieldControls(fields) {
+  const needsDate = useMemo(
+    () => (fields ?? []).some((f) => f.field_type === "date" || f.field_type === "datetime"),
+    [fields]
+  );
+  const needsFile = useMemo(
+    () => (fields ?? []).some((f) => f.field_type === "file"),
+    [fields]
+  );
+  const [controls, setControls] = useState(NO_CONTROLS);
+  const requested = useRef({ date: false, file: false });
+  useEffect(() => {
+    let cancelled = false;
+    if (needsDate && !requested.current.date) {
+      requested.current.date = true;
+      import('./DatePicker-4WNKNNCV.mjs').then((m) => {
+        if (!cancelled) setControls((prev) => ({ ...prev, Date: m.DatePicker }));
+      }).catch(() => {
+        requested.current.date = false;
+      });
+    }
+    if (needsFile && !requested.current.file) {
+      requested.current.file = true;
+      import('./FileField-XMBF3XCG.mjs').then((m) => {
+        if (!cancelled) setControls((prev) => ({ ...prev, File: m.FileField }));
+      }).catch(() => {
+        requested.current.file = false;
+      });
+    }
+    return () => {
+      cancelled = true;
+    };
+  }, [needsDate, needsFile]);
+  return controls;
+}
+
+// src/forms/experience-plan.ts
+var NON_QUESTION_TYPES = ["heading", "section_header", "paragraph", "hidden"];
+function stageQuestions(config) {
+  const input = (config.fields || []).filter(
+    (f) => !NON_QUESTION_TYPES.includes(f.field_type)
+  );
+  if (!config.is_multi_step || !config.steps?.length) {
+    return input.map((field) => ({ field }));
+  }
+  const ordered = [...config.steps].sort((a, b) => a.step_number - b.step_number);
+  const out = [];
+  const claimed = /* @__PURE__ */ new Set();
+  for (const step of ordered) {
+    for (const field of input) {
+      if (field.step_id === step.id) {
+        out.push({ field, step });
+        claimed.add(field.id);
+      }
+    }
+  }
+  for (const field of input) {
+    if (!claimed.has(field.id)) out.push({ field });
+  }
+  return out;
+}
+var WIDTH_FRACTION = {
+  full: 1,
+  half: 1 / 2,
+  third: 1 / 3,
+  quarter: 1 / 4
+};
+function stageViews(config) {
+  const questions = stageQuestions(config);
+  const views = [];
+  let open = null;
+  let openWidth = 0;
+  const close = () => {
+    if (open) views.push(open);
+    open = null;
+    openWidth = 0;
+  };
+  for (const q of questions) {
+    const fraction = WIDTH_FRACTION[q.field.width] ?? 1;
+    const chapterChanged = open && open.step?.id !== q.step?.id;
+    if (fraction >= 1 || chapterChanged) close();
+    if (!open) {
+      open = { fields: [q.field], step: q.step };
+      openWidth = fraction;
+      if (fraction >= 1) close();
+      continue;
+    }
+    if (openWidth + fraction > 1.0001) close();
+    if (!open) {
+      open = { fields: [q.field], step: q.step };
+      openWidth = fraction;
+      continue;
+    }
+    open.fields.push(q.field);
+    openWidth += fraction;
+  }
+  close();
+  return views;
+}
+function countStageViews(config) {
+  return stageViews(config).length;
+}
+function countStageQuestions(config) {
+  return stageQuestions(config).length;
+}
+function stageEstimate(questionCount) {
+  const seconds = questionCount * 8;
+  if (seconds < 50) return `about ${Math.max(15, Math.ceil(seconds / 5) * 5)} seconds`;
+  if (seconds <= 90) return "about a minute";
+  return `about ${Math.round(seconds / 60)} minutes`;
+}
+function stageFirstName(value) {
+  if (typeof value !== "string") return null;
+  const token = value.trim().split(/\s+/)[0];
+  if (!token || token.length > 24) return null;
+  return token;
+}
+function isEmptyValue(value) {
+  if (value === void 0 || value === null || value === "") return true;
+  if (Array.isArray(value)) return value.length === 0;
+  return false;
+}
+function formatAnswer(value) {
+  if (isEmptyValue(value)) return null;
+  if (Array.isArray(value)) return value.map(String).join(", ");
+  if (typeof value === "boolean") return value ? "Yes" : "No";
+  return String(value);
+}
+var AUTO_ADVANCE_TYPES = ["radio", "select", "rating"];
+
+export { AUTO_ADVANCE_TYPES, countStageQuestions, countStageViews, formatAnswer, isEmptyValue, stageEstimate, stageFirstName, stageViews, useFieldControls };
+//# sourceMappingURL=chunk-MZY3MEUO.mjs.map
+//# sourceMappingURL=chunk-MZY3MEUO.mjs.map

package/dist/chunk-MZY3MEUO.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/forms/field-controls.ts","../src/forms/experience-plan.ts"],"names":[],"mappings":"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","file":"chunk-MZY3MEUO.mjs","sourcesContent":["'use client'\n\n/**\n * The field controls that need React hooks, loaded only when a form actually\n * has a field that uses them.\n *\n * FormField deliberately does NOT import these. DatePicker carries 17 hooks\n * and FileField holds upload state; importing them there put both in\n * FormField's chunk, which the build stamps `'use client'` — so a Server\n * Component rendering a single text input shipped 38 KB of date picker to the\n * browser. Injecting them from the client side keeps FormField hook-free and\n * therefore server-renderable, which is the whole basis of StaticForm.\n *\n * Injection alone still put both controls in the forms entry's eager graph,\n * because a module-level constant referencing them is a static import: every\n * form paid for the date picker, and most forms have no date field. They are\n * now fetched on demand, per control, from the field list.\n *\n * The wait costs nothing visually. FormField already renders the native\n * control when a control is absent (static mode does exactly this), so a date\n * field paints as `<input type=\"date\">` and upgrades in place when the chunk\n * lands — the same enhancement path a no-JS visitor never leaves.\n *\n * Every client renderer of <FormField> (FormClient, FormSpotlight, FormStage)\n * calls this hook, so the experiences and the classic form always offer\n * identical controls.\n */\n\nimport { useEffect, useMemo, useRef, useState } from 'react'\nimport type { FormField as FormFieldType } from './types'\n\nexport interface FieldControls {\n  Date?: React.ComponentType<any>\n  File?: React.ComponentType<any>\n}\n\n/** Stable identity for the common case (no date, no file) — no render churn. */\nconst NO_CONTROLS: FieldControls = {}\n\nexport function useFieldControls(fields: FormFieldType[] | undefined): FieldControls {\n  const needsDate = useMemo(\n    () => (fields ?? []).some((f) => f.field_type === 'date' || f.field_type === 'datetime'),\n    [fields],\n  )\n  const needsFile = useMemo(\n    () => (fields ?? []).some((f) => f.field_type === 'file'),\n    [fields],\n  )\n\n  const [controls, setControls] = useState<FieldControls>(NO_CONTROLS)\n  // Guards re-import when a conditional field toggles visibility mid-fill.\n  const requested = useRef({ date: false, file: false })\n\n  useEffect(() => {\n    let cancelled = false\n\n    if (needsDate && !requested.current.date) {\n      requested.current.date = true\n      import('./DatePicker')\n        .then((m) => {\n          if (!cancelled) setControls((prev) => ({ ...prev, Date: m.DatePicker }))\n        })\n        .catch(() => {\n          // Chunk never arrived — the native date input stays, which submits\n          // the same value. A failed fetch must not cost the lead.\n          requested.current.date = false\n        })\n    }\n\n    if (needsFile && !requested.current.file) {\n      requested.current.file = true\n      import('./FileField')\n        .then((m) => {\n          if (!cancelled) setControls((prev) => ({ ...prev, File: m.FileField }))\n        })\n        .catch(() => {\n          requested.current.file = false\n        })\n    }\n\n    return () => {\n      cancelled = true\n    }\n  }, [needsDate, needsFile])\n\n  return controls\n}\n","/**\n * Shared planning helpers for the alternate form experiences (stage,\n * spotlight). Pure data — no React, no CSS — so FormClient can import the\n * counts it needs for tracking WITHOUT pulling an experience component (and\n * its stylesheet) into every site's forms bundle. The components themselves\n * are lazy-loaded; this module is the only part that ships eagerly.\n */\n\nimport type {\n  FormField as FormFieldType,\n  FormStep,\n  ManagedFormConfig,\n} from './types'\n\n/** Display-only / non-question field types — never staged. */\nconst NON_QUESTION_TYPES = ['heading', 'section_header', 'paragraph', 'hidden']\n\nexport interface StageQuestion {\n  field: FormFieldType\n  /** The step (chapter) this question belongs to, when the form is multi-step. */\n  step?: FormStep\n}\n\nexport interface StageView {\n  fields: FormFieldType[]\n  step?: FormStep\n}\n\n/**\n * Flatten a form into its ordered question list. Steps become chapters:\n * multi-step forms iterate steps in step_number order (fields are already\n * sorted by sort_order via normalizeFormConfig); stepless fields trail.\n */\nexport function stageQuestions(config: ManagedFormConfig): StageQuestion[] {\n  const input = (config.fields || []).filter(\n    (f) => !NON_QUESTION_TYPES.includes(f.field_type),\n  )\n  if (!config.is_multi_step || !config.steps?.length) {\n    return input.map((field) => ({ field }))\n  }\n  const ordered = [...config.steps].sort((a, b) => a.step_number - b.step_number)\n  const out: StageQuestion[] = []\n  const claimed = new Set<string>()\n  for (const step of ordered) {\n    for (const field of input) {\n      if (field.step_id === step.id) {\n        out.push({ field, step })\n        claimed.add(field.id)\n      }\n    }\n  }\n  for (const field of input) {\n    if (!claimed.has(field.id)) out.push({ field })\n  }\n  return out\n}\n\nconst WIDTH_FRACTION: Record<string, number> = {\n  full: 1,\n  half: 1 / 2,\n  third: 1 / 3,\n  quarter: 1 / 4,\n}\n\n/**\n * Group questions into beats using the classic grid's own row math:\n * consecutive sub-full-width fields fill a row (2 halves, 3 thirds...) and\n * that row is one beat; a full-width field closes any open row and stands\n * alone; a chapter change always starts a fresh beat.\n */\nexport function stageViews(config: ManagedFormConfig): StageView[] {\n  const questions = stageQuestions(config)\n  const views: StageView[] = []\n  let open: StageView | null = null\n  let openWidth = 0\n\n  const close = () => {\n    if (open) views.push(open)\n    open = null\n    openWidth = 0\n  }\n\n  for (const q of questions) {\n    const fraction = WIDTH_FRACTION[q.field.width] ?? 1\n    const chapterChanged = open && open.step?.id !== q.step?.id\n    if (fraction >= 1 || chapterChanged) close()\n    if (!open) {\n      open = { fields: [q.field], step: q.step }\n      openWidth = fraction\n      if (fraction >= 1) close()\n      continue\n    }\n    if (openWidth + fraction > 1.0001) close()\n    if (!open) {\n      open = { fields: [q.field], step: q.step }\n      openWidth = fraction\n      continue\n    }\n    open.fields.push(q.field)\n    openWidth += fraction\n  }\n  close()\n  return views\n}\n\nexport function countStageViews(config: ManagedFormConfig): number {\n  return stageViews(config).length\n}\n\nexport function countStageQuestions(config: ManagedFormConfig): number {\n  return stageQuestions(config).length\n}\n\n/**\n * Honest, friendly time estimate: \"about 40 seconds\".\n * ~8s per question, rounded to something a human would actually say.\n */\nexport function stageEstimate(questionCount: number): string {\n  const seconds = questionCount * 8\n  if (seconds < 50) return `about ${Math.max(15, Math.ceil(seconds / 5) * 5)} seconds`\n  if (seconds <= 90) return 'about a minute'\n  return `about ${Math.round(seconds / 60)} minutes`\n}\n\n/** First name for the greeting — conservative: short, single token, else null. */\nexport function stageFirstName(value: unknown): string | null {\n  if (typeof value !== 'string') return null\n  const token = value.trim().split(/\\s+/)[0]\n  if (!token || token.length > 24) return null\n  return token\n}\n\nexport function isEmptyValue(value: unknown): boolean {\n  if (value === undefined || value === null || value === '') return true\n  if (Array.isArray(value)) return value.length === 0\n  return false\n}\n\nexport function formatAnswer(value: unknown): string | null {\n  if (isEmptyValue(value)) return null\n  if (Array.isArray(value)) return value.map(String).join(', ')\n  if (typeof value === 'boolean') return value ? 'Yes' : 'No'\n  return String(value)\n}\n\n/** Single-select types where picking an answer advances after a lock-in beat. */\nexport const AUTO_ADVANCE_TYPES = ['radio', 'select', 'rating']\n"]}

package/dist/chunk-NCWVR4BU.mjs

@@ -0,0 +1,508 @@
+'use client';
+import { countStageViews, countStageQuestions, useFieldControls } from './chunk-MZY3MEUO.mjs';
+import { HoneypotField, NativeFallbackFields, nativeFormProps } from './chunk-R4PCXP3F.mjs';
+import { DelightStyles, FormMomentum, FormField } from './chunk-LB7LHVWI.mjs';
+import { useFormTracking, useForm } from './chunk-JFVEKSZT.mjs';
+import { submitForm, DEFAULT_FORM_SUCCESS_MESSAGE } from './chunk-AJNT5GCU.mjs';
+import { DEFAULT_HONEYPOT_FIELD } from './chunk-TMVKRQGJ.mjs';
+import { useState, useRef, useMemo, useEffect, useCallback } from 'react';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+
+function FormClient({
+  config,
+  className,
+  onSuccess,
+  onError,
+  customRender,
+  experience,
+  nativeReturnTo,
+  defaultValues
+}) {
+  const [values, setValues] = 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] = useState({});
+  const [step, setStep] = useState(1);
+  const [stepDirection, setStepDirection] = useState("forward");
+  const [isSubmitting, setIsSubmitting] = useState(false);
+  const [isComplete, setIsComplete] = useState(false);
+  const [submitError, setSubmitError] = useState(null);
+  const [honeypotValue, setHoneypotValue] = useState("");
+  const [touched, setTouched] = useState({});
+  const honeypotFieldName = config.honeypot_field || DEFAULT_HONEYPOT_FIELD;
+  const formLoadedAt = useRef(Date.now());
+  const isSubmittingRef = useRef(false);
+  const stageBeatCount = useMemo(() => countStageViews(config), [config]);
+  const questionCount = useMemo(() => 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 = useFieldControls(config.fields);
+  const { trackStepChange, trackComplete } = 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] = useState(null);
+  useEffect(() => {
+    if (!isSubmitting && !isComplete) return;
+    let cancelled = false;
+    import('./FormCelebration-7CBANVNS.mjs').then((m) => {
+      if (!cancelled) setCelebration(() => m.FormCelebration);
+    }).catch(() => {
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [isSubmitting, isComplete]);
+  const [Experience, setExperience] = useState(null);
+  useEffect(() => {
+    if (resolvedExperience === "classic") {
+      setExperience(null);
+      return;
+    }
+    let cancelled = false;
+    const load = resolvedExperience === "stage" ? import('./FormStage-GNBPJ7WX.mjs').then((m) => m.FormStage) : import('./FormSpotlight-72TYHDPV.mjs').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 = 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 = 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 = 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 = 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 = 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 = 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 = 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 = 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 = 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 = 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 = useCallback(() => {
+    if (step > 1) {
+      const newStep = step - 1;
+      setStepDirection("back");
+      setStep(newStep);
+      trackStepChange(newStep);
+    }
+  }, [step, trackStepChange]);
+  const goToStep = 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 = 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 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 = useMemo(() => {
+    return Math.round(step / config.total_steps * 100);
+  }, [step, config.total_steps]);
+  const currentStepConfig = useMemo(
+    () => config.steps?.find((s) => s.step_number === step),
+    [config.steps, step]
+  );
+  const stepPanelRef = useRef(null);
+  const hasNavigatedRef = useRef(false);
+  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() : DEFAULT_FORM_SUCCESS_MESSAGE;
+    if (Celebration) return /* @__PURE__ */ jsx(Celebration, { message, className });
+    return /* @__PURE__ */ jsx("div", { className, "data-sk-part": "celebration-fallback", role: "status", children: /* @__PURE__ */ jsx("p", { children: message }) });
+  }
+  if (customRender) {
+    return /* @__PURE__ */ jsx(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__ */ jsx(
+        HoneypotField,
+        {
+          name: honeypotFieldName,
+          value: honeypotValue,
+          onChange: setHoneypotValue
+        }
+      ) : null
+    };
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(DelightStyles, {}),
+      /* @__PURE__ */ jsx(Experience, { ...bundle })
+    ] });
+  }
+  return /* @__PURE__ */ 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 || ""}`,
+      ...nativeFormProps(config),
+      onSubmit: (e) => {
+        e.preventDefault();
+        if (step < config.total_steps) {
+          nextStep();
+        } else {
+          submit();
+        }
+      },
+      children: [
+        /* @__PURE__ */ jsx(DelightStyles, {}),
+        /* @__PURE__ */ jsx(FormMomentum, { done: momentum.done, total: momentum.total }),
+        config.is_multi_step && /* @__PURE__ */ jsxs("div", { className: "sk-form__progress", children: [
+          /* @__PURE__ */ jsxs("div", { className: "sk-form__progress-header", children: [
+            /* @__PURE__ */ jsxs("span", { className: "sk-form__progress-step", children: [
+              "Step ",
+              step,
+              " of ",
+              config.total_steps
+            ] }),
+            config.show_progress && /* @__PURE__ */ jsxs("span", { className: "sk-form__progress-percent", children: [
+              progress,
+              "%"
+            ] })
+          ] }),
+          /* @__PURE__ */ 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__ */ jsx("div", { className: "sk-form__progress-bar", style: { width: `${progress}%` } })
+            }
+          ),
+          /* @__PURE__ */ jsx("ol", { className: "sk-form__progress-dots", "aria-hidden": "true", children: Array.from({ length: config.total_steps }, (_, i) => i + 1).map((n) => /* @__PURE__ */ jsx(
+            "li",
+            {
+              className: "sk-form__progress-dot" + (n === step ? " sk-form__progress-dot--current" : "") + (n < step ? " sk-form__progress-dot--done" : "")
+            },
+            n
+          )) })
+        ] }),
+        /* @__PURE__ */ 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__ */ jsxs("div", { className: "sk-form__step-intro", children: [
+                currentStepConfig.title && /* @__PURE__ */ jsx("h3", { className: "sk-form__step-title", children: currentStepConfig.title }),
+                currentStepConfig.description && /* @__PURE__ */ jsx("p", { className: "sk-form__step-description", children: currentStepConfig.description })
+              ] }),
+              /* @__PURE__ */ jsx("div", { className: "sk-form__fields", children: currentFields.map((field) => {
+                if (!isFieldVisible(field)) return null;
+                return /* @__PURE__ */ jsx("div", { className: `sk-form__field-wrapper sk-form__field-wrapper--${field.width || "full"}`, children: /* @__PURE__ */ jsx(
+                  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__ */ jsxs(
+          "div",
+          {
+            className: "sk-form__actions",
+            style: { justifyContent: step > 1 ? "space-between" : "flex-end" },
+            children: [
+              step > 1 && /* @__PURE__ */ jsx("button", { type: "button", className: "sk-form__btn sk-form__btn--back", onClick: prevStep, children: "Back" }),
+              /* @__PURE__ */ 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__ */ 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__ */ jsx(
+          HoneypotField,
+          {
+            name: honeypotFieldName,
+            value: honeypotValue,
+            onChange: setHoneypotValue
+          }
+        ),
+        /* @__PURE__ */ jsx(NativeFallbackFields, { config, returnTo: nativeReturnTo })
+      ]
+    }
+  );
+}
+function ManagedForm({
+  formId,
+  projectId,
+  className,
+  onSuccess,
+  onError,
+  initialConfig,
+  experience,
+  nativeReturnTo,
+  defaultValues,
+  children
+}) {
+  const {
+    form,
+    isLoading,
+    fetchError
+  } = useForm(formId, {
+    projectId,
+    onSuccess,
+    onError,
+    initialForm: initialConfig
+  });
+  if (isLoading) {
+    return /* @__PURE__ */ jsx("div", { className, children: /* @__PURE__ */ jsx("p", { style: { color: "#6b7280" }, children: "Loading form..." }) });
+  }
+  if (fetchError || !form) {
+    return /* @__PURE__ */ jsx("div", { className, children: /* @__PURE__ */ jsx("p", { style: { color: "var(--sk-error, #dc2626)" }, children: fetchError?.message || "Form not found or inactive." }) });
+  }
+  return /* @__PURE__ */ jsx(
+    FormClient,
+    {
+      config: form,
+      className,
+      onSuccess,
+      onError,
+      customRender: children,
+      experience,
+      nativeReturnTo,
+      defaultValues
+    }
+  );
+}
+
+export { FormClient, ManagedForm };
+//# sourceMappingURL=chunk-NCWVR4BU.mjs.map
+//# sourceMappingURL=chunk-NCWVR4BU.mjs.map