@sonordev/site-kit 2.9.0 → 3.0.0

package/dist/forms/index.mjs

@@ -1,6 +1,8 @@
 'use client';
+import { DEFAULT_HONEYPOT_FIELD, useFormTracking, submitForm, DEFAULT_FORM_SUCCESS_MESSAGE, useForm, fetchWithRetry } from '../chunk-TCVHI3JP.mjs';
+export { DEFAULT_FORM_SUCCESS_MESSAGE, useForm, useFormTracking } from '../chunk-TCVHI3JP.mjs';
 import '../chunk-4XPGGLVP.mjs';
-import React2, { useRef, useEffect, useCallback, useState, useMemo } from 'react';
+import React2, { useState, useRef, useEffect, useCallback, useMemo } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 
 // src/forms/formsApi.ts
@@ -320,680 +322,6 @@ async function initializeForms(forms) {
     console.error("[Site-Kit] Failed to sync forms:", error);
   }
 }
-function useFormTracking({
-  formId,
-  totalSteps,
-  enabled = true,
-  debug = false
-}) {
-  const sessionIdRef = useRef("");
-  const startTimeRef = useRef(0);
-  const stepStartTimeRef = useRef(0);
-  const stepTimesRef = useRef({});
-  const currentStepRef = useRef(1);
-  const maxStepRef = useRef(1);
-  const analyticsIdRef = useRef(null);
-  useEffect(() => {
-    if (!enabled) return;
-    if (!formId) {
-      if (debug) console.warn("[Forms] Tracking skipped: formId is empty");
-      return;
-    }
-    sessionIdRef.current = crypto.randomUUID();
-    startTimeRef.current = Date.now();
-    stepStartTimeRef.current = Date.now();
-    const startTracking = async () => {
-      const apiUrl = window.__SITE_KIT_API_URL__;
-      const apiKey = window.__SITE_KIT_API_KEY__;
-      if (!apiUrl || !apiKey) {
-        if (debug) console.error("[Forms] Missing API URL or API key");
-        return;
-      }
-      try {
-        const response = await fetch(`${apiUrl}/api/public/forms/analytics/start`, {
-          method: "POST",
-          headers: {
-            "Content-Type": "application/json",
-            "x-api-key": apiKey
-          },
-          body: JSON.stringify({
-            formId,
-            sessionId: sessionIdRef.current,
-            deviceType: getDeviceType()
-          })
-        });
-        if (!response.ok) {
-          throw new Error(`HTTP ${response.status}: ${response.statusText}`);
-        }
-        const data = await response.json();
-        analyticsIdRef.current = data.id;
-        if (debug) console.log("[Forms] Started tracking:", data.id);
-      } catch (error) {
-        if (debug) console.error("[Forms] Error starting tracking:", error);
-      }
-    };
-    startTracking();
-    const handleBeforeUnload = () => {
-      if (!analyticsIdRef.current) return;
-      const apiUrl = window.__SITE_KIT_API_URL__;
-      const apiKey = window.__SITE_KIT_API_KEY__;
-      if (!apiUrl || !apiKey) return;
-      const now = Date.now();
-      const currentStepTime = Math.floor((now - stepStartTimeRef.current) / 1e3);
-      stepTimesRef.current[currentStepRef.current] = currentStepTime;
-      const payload = JSON.stringify({
-        analyticsId: analyticsIdRef.current,
-        step: currentStepRef.current,
-        maxStep: maxStepRef.current,
-        stepTimes: stepTimesRef.current,
-        totalTimeSeconds: Math.floor((now - startTimeRef.current) / 1e3)
-      });
-      const blob = new Blob([payload], { type: "application/json" });
-      new Headers({
-        "Content-Type": "application/json",
-        "x-api-key": apiKey
-      });
-      const sent = navigator.sendBeacon(
-        `${apiUrl}/api/public/forms/analytics/abandon`,
-        blob
-      );
-      if (debug) console.log("[Forms] Abandonment tracked:", sent ? "success" : "failed");
-    };
-    window.addEventListener("beforeunload", handleBeforeUnload);
-    return () => {
-      window.removeEventListener("beforeunload", handleBeforeUnload);
-    };
-  }, [formId, enabled, debug]);
-  const trackStepChange = useCallback(async (step) => {
-    if (!enabled || !analyticsIdRef.current) return;
-    const apiUrl = window.__SITE_KIT_API_URL__;
-    const apiKey = window.__SITE_KIT_API_KEY__;
-    if (!apiUrl || !apiKey) {
-      if (debug) console.error("[Forms] Missing API URL or API key");
-      return;
-    }
-    const now = Date.now();
-    const prevStepTime = Math.floor((now - stepStartTimeRef.current) / 1e3);
-    stepTimesRef.current[currentStepRef.current] = prevStepTime;
-    currentStepRef.current = step;
-    maxStepRef.current = Math.max(maxStepRef.current, step);
-    stepStartTimeRef.current = now;
-    try {
-      const response = await fetch(`${apiUrl}/api/public/forms/analytics/step`, {
-        method: "POST",
-        headers: {
-          "Content-Type": "application/json",
-          "x-api-key": apiKey
-        },
-        body: JSON.stringify({
-          analyticsId: analyticsIdRef.current,
-          step,
-          maxStep: maxStepRef.current,
-          stepTimes: stepTimesRef.current
-        })
-      });
-      if (!response.ok) {
-        throw new Error(`HTTP ${response.status}: ${response.statusText}`);
-      }
-      if (debug) console.log("[Forms] Step changed to:", step);
-    } catch (error) {
-      if (debug) console.error("[Forms] Error updating step:", error);
-    }
-  }, [enabled, debug]);
-  const trackComplete = useCallback(async () => {
-    if (!enabled || !analyticsIdRef.current) return;
-    const apiUrl = window.__SITE_KIT_API_URL__;
-    const apiKey = window.__SITE_KIT_API_KEY__;
-    if (!apiUrl || !apiKey) {
-      if (debug) console.error("[Forms] Missing API URL or API key");
-      return;
-    }
-    const now = Date.now();
-    const finalStepTime = Math.floor((now - stepStartTimeRef.current) / 1e3);
-    stepTimesRef.current[currentStepRef.current] = finalStepTime;
-    try {
-      const response = await fetch(`${apiUrl}/api/public/forms/analytics/complete`, {
-        method: "POST",
-        headers: {
-          "Content-Type": "application/json",
-          "x-api-key": apiKey
-        },
-        body: JSON.stringify({
-          analyticsId: analyticsIdRef.current,
-          totalSteps,
-          stepTimes: stepTimesRef.current,
-          totalTimeSeconds: Math.floor((now - startTimeRef.current) / 1e3)
-        })
-      });
-      if (!response.ok) {
-        throw new Error(`HTTP ${response.status}: ${response.statusText}`);
-      }
-      if (debug) console.log("[Forms] Form completed, recording conversion");
-      try {
-        await fetch(`${apiUrl}/api/public/analytics/conversion`, {
-          method: "POST",
-          headers: {
-            "Content-Type": "application/json",
-            "x-api-key": apiKey
-          },
-          body: JSON.stringify({
-            sessionId: sessionIdRef.current,
-            conversionType: "form_submission",
-            metadata: { formId, analyticsId: analyticsIdRef.current },
-            pagePath: typeof window !== "undefined" ? window.location.pathname : "/",
-            referrer: typeof document !== "undefined" ? document.referrer || null : null,
-            deviceType: getDeviceType()
-          })
-        });
-      } catch (convErr) {
-        if (debug) console.error("[Forms] Error recording conversion:", convErr);
-      }
-    } catch (error) {
-      if (debug) console.error("[Forms] Error completing tracking:", error);
-    }
-  }, [enabled, totalSteps, formId, debug]);
-  return {
-    trackStepChange,
-    trackComplete,
-    sessionId: sessionIdRef.current
-  };
-}
-function getDeviceType() {
-  if (typeof window === "undefined") return "desktop";
-  const ua = navigator.userAgent;
-  if (/tablet|ipad|playbook|silk/i.test(ua)) return "tablet";
-  if (/mobile|iphone|ipod|android|blackberry|opera mini|iemobile/i.test(ua)) return "mobile";
-  return "desktop";
-}
-
-// src/forms/fetchWithRetry.ts
-function backoffDelay(attempt, response) {
-  if (response?.status === 429) {
-    const header = response.headers.get("retry-after");
-    const seconds = header ? parseInt(header, 10) : NaN;
-    if (!Number.isNaN(seconds) && seconds > 0) return Math.min(seconds * 1e3, 1e4);
-  }
-  return Math.min(8e3, 500 * 2 ** attempt);
-}
-async function fetchWithRetry(url, init, options = {}) {
-  const retries = options.retries ?? 2;
-  const timeoutMs = options.timeoutMs ?? 15e3;
-  let lastError;
-  for (let attempt = 0; attempt <= retries; attempt++) {
-    const controller = new AbortController();
-    const timer = setTimeout(() => controller.abort(), timeoutMs);
-    try {
-      const response = await fetch(url, { ...init, signal: controller.signal });
-      clearTimeout(timer);
-      if ((response.status === 429 || response.status >= 500) && attempt < retries) {
-        await new Promise((resolve) => setTimeout(resolve, backoffDelay(attempt, response)));
-        continue;
-      }
-      return response;
-    } catch (error) {
-      clearTimeout(timer);
-      lastError = error;
-      if (attempt < retries) {
-        await new Promise((resolve) => setTimeout(resolve, backoffDelay(attempt)));
-        continue;
-      }
-    }
-  }
-  throw lastError instanceof Error ? lastError : new Error("Network request failed after multiple attempts. Please try again.");
-}
-
-// src/forms/recaptcha.ts
-function getSiteKey(explicitSiteKey) {
-  if (typeof window === "undefined") return void 0;
-  if (explicitSiteKey) return explicitSiteKey;
-  const win = window;
-  return win.__SITE_KIT_RECAPTCHA_SITE_KEY__ ?? process.env.NEXT_PUBLIC_RECAPTCHA_SITE_KEY;
-}
-var RECAPTCHA_LOAD_TIMEOUT_MS = 1e4;
-function loadScript(siteKey) {
-  return new Promise((resolve) => {
-    if (typeof window === "undefined") {
-      resolve(null);
-      return;
-    }
-    const win = window;
-    if (win.grecaptcha?.enterprise) {
-      resolve(win.grecaptcha);
-      return;
-    }
-    let settled = false;
-    const finish = (value) => {
-      if (settled) return;
-      settled = true;
-      resolve(value);
-    };
-    const giveUp = setTimeout(() => finish(null), RECAPTCHA_LOAD_TIMEOUT_MS);
-    const waitForReady = () => {
-      if (settled) return;
-      if (win.grecaptcha?.enterprise) {
-        clearTimeout(giveUp);
-        finish(win.grecaptcha);
-        return;
-      }
-      setTimeout(waitForReady, 50);
-    };
-    const existing = document.querySelector('script[src*="recaptcha/enterprise"]');
-    if (existing) {
-      waitForReady();
-      return;
-    }
-    const script = document.createElement("script");
-    script.src = `https://www.google.com/recaptcha/enterprise.js?render=${siteKey}`;
-    script.async = true;
-    script.onload = () => waitForReady();
-    script.onerror = () => {
-      clearTimeout(giveUp);
-      finish(null);
-    };
-    document.head.appendChild(script);
-  });
-}
-async function getRecaptchaToken(explicitSiteKey) {
-  const siteKey = getSiteKey(explicitSiteKey);
-  if (!siteKey || typeof window === "undefined") return null;
-  try {
-    const grecaptcha = await loadScript(siteKey);
-    if (!grecaptcha?.enterprise?.execute) return null;
-    const token = await grecaptcha.enterprise.execute(siteKey, { action: "submit" });
-    return token || null;
-  } catch (err) {
-    console.warn("[site-kit reCAPTCHA]", err);
-    return null;
-  }
-}
-
-// src/forms/submitForm.ts
-var DEFAULT_HONEYPOT_FIELD = "_sk_hp_url";
-function getApiConfig() {
-  const apiUrl = typeof window !== "undefined" ? window.__SITE_KIT_API_URL__ || "https://api.sonor.io" : "https://api.sonor.io";
-  const apiKey = typeof window !== "undefined" ? window.__SITE_KIT_API_KEY__ : void 0;
-  return { apiUrl, apiKey };
-}
-function getUTMParams() {
-  if (typeof window === "undefined") return {};
-  const params = new URLSearchParams(window.location.search);
-  const out = {};
-  for (const key of ["utm_source", "utm_medium", "utm_campaign", "utm_term", "utm_content"]) {
-    out[key] = params.get(key);
-  }
-  return out;
-}
-async function submitForm({
-  config: config2,
-  values,
-  honeypotValue,
-  formLoadedAt
-}) {
-  const { apiUrl, apiKey } = getApiConfig();
-  if (!apiKey) {
-    throw new Error("API key is required. Set SONOR_API_KEY in your environment.");
-  }
-  const recaptchaToken = config2.recaptcha_enabled ? await getRecaptchaToken(config2.recaptcha_site_key) : null;
-  if (config2.recaptcha_enabled && !recaptchaToken) {
-    throw new Error("Verification could not be completed. Please try again.");
-  }
-  const honeypotFieldName = config2.honeypot_field || DEFAULT_HONEYPOT_FIELD;
-  const utm = getUTMParams();
-  const payload = {
-    formId: config2.id,
-    form_id: config2.id,
-    data: {
-      ...values,
-      ...config2.honeypot_enabled ? { [honeypotFieldName]: honeypotValue } : {}
-    },
-    metadata: {
-      pageUrl: typeof window !== "undefined" ? window.location.href : null,
-      referrer: typeof document !== "undefined" ? document.referrer || null : null,
-      userAgent: typeof navigator !== "undefined" ? navigator.userAgent : null,
-      sessionId: typeof sessionStorage !== "undefined" ? sessionStorage.getItem("_sk_sid") : null,
-      recaptchaToken: recaptchaToken || void 0,
-      utmSource: utm.utm_source,
-      utmMedium: utm.utm_medium,
-      utmCampaign: utm.utm_campaign,
-      // Sub-site host — preserved on form_submissions for lead attribution
-      // across multi-site projects. Resolved by SiteKitClientProviders.
-      site: typeof window !== "undefined" ? window.__SITE_KIT_SITE__ || window.location.host : void 0,
-      _formLoadedAt: formLoadedAt
-    }
-  };
-  const response = await fetchWithRetry(
-    `${apiUrl}/api/public/forms/submit`,
-    {
-      method: "POST",
-      headers: {
-        "Content-Type": "application/json",
-        Authorization: `Bearer ${apiKey}`
-      },
-      body: JSON.stringify(payload)
-    },
-    { retries: 2, timeoutMs: 2e4 }
-  );
-  const data = await response.json().catch(() => null);
-  if (!response.ok) {
-    const msg = (data?.message ?? data?.error ?? (response.statusText || `HTTP ${response.status}`)).toString().trim();
-    throw new Error(
-      msg ? `Failed to submit form: ${msg}` : `Failed to submit form (${response.status})`
-    );
-  }
-  return data;
-}
-
-// src/forms/defaultSuccessMessage.ts
-var DEFAULT_FORM_SUCCESS_MESSAGE = "Thank you for your submission! We will be in touch soon.";
-
-// src/forms/useForm.ts
-function useForm(formIdOrSlug, options = {}) {
-  const {
-    projectId: optionsProjectId,
-    onSuccess,
-    onError,
-    initialValues = {},
-    redirectUrl
-  } = options;
-  const projectId = optionsProjectId || (typeof window !== "undefined" ? window.__SITE_KIT_PROJECT_ID__ : void 0);
-  const [form, setForm] = useState(null);
-  const [isLoading, setIsLoading] = useState(true);
-  const [fetchError, setFetchError] = useState(null);
-  const [values, setValuesState] = useState(initialValues);
-  const [errors, setErrors] = useState({});
-  const [step, setStep] = useState(1);
-  const [isSubmitting, setIsSubmitting] = useState(false);
-  const [isComplete, setIsComplete] = useState(false);
-  const [submitError, setSubmitError] = useState(null);
-  const isSubmittingRef = useRef(false);
-  const formLoadedAt = useRef(Date.now());
-  const totalSteps = form?.total_steps || 1;
-  const isMultiStep = form?.is_multi_step || false;
-  const { trackStepChange, trackComplete } = useFormTracking({
-    formId: form?.id || "",
-    totalSteps
-  });
-  useEffect(() => {
-    const apiUrl = typeof window !== "undefined" ? window.__SITE_KIT_API_URL__ || "https://api.sonor.io" : "https://api.sonor.io";
-    async function fetchForm() {
-      try {
-        setIsLoading(true);
-        setFetchError(null);
-        const readApiKey = () => typeof window !== "undefined" ? window.__SITE_KIT_API_KEY__ : void 0;
-        let apiKey = readApiKey();
-        for (let i = 0; i < 15 && !apiKey; i++) {
-          await new Promise((r) => setTimeout(r, 100));
-          apiKey = readApiKey();
-        }
-        if (!apiKey) {
-          throw new Error("API key is required. Provide it via SiteKitLayout/SiteKitProvider or set SONOR_API_KEY.");
-        }
-        const url = `${apiUrl}/api/public/forms/config`;
-        const init = {
-          method: "POST",
-          headers: {
-            "Content-Type": "application/json",
-            Authorization: `Bearer ${apiKey}`
-          },
-          body: JSON.stringify({
-            formIdOrSlug
-          })
-        };
-        const response = await fetchWithRetry(url, init, { retries: 3, timeoutMs: 15e3 });
-        if (!response.ok) {
-          throw new Error(`Failed to fetch form: ${response.statusText}`);
-        }
-        const data = await response.json();
-        if (!data) throw new Error("Form not found");
-        if (typeof window !== "undefined" && data.recaptcha_site_key) {
-          ;
-          window.__SITE_KIT_RECAPTCHA_SITE_KEY__ = data.recaptcha_site_key;
-        }
-        if (data.steps) {
-          data.steps.sort((a, b) => (a.step_number || 0) - (b.step_number || 0));
-        }
-        if (data.fields) {
-          data.fields.sort((a, b) => (a.sort_order || 0) - (b.sort_order || 0));
-        }
-        const total_steps = data.steps?.length || 1;
-        const is_multi_step = total_steps > 1;
-        const apiSuccess = typeof data.success_message === "string" ? data.success_message.trim() : "";
-        const success_message = apiSuccess || (typeof data.successMessage === "string" ? String(data.successMessage).trim() : "") || DEFAULT_FORM_SUCCESS_MESSAGE;
-        setForm({
-          ...data,
-          success_message,
-          total_steps,
-          is_multi_step
-        });
-        const defaults = {};
-        for (const field2 of data.fields || []) {
-          if (field2.default_value !== void 0 && field2.default_value !== null) {
-            defaults[field2.slug] = field2.default_value;
-          }
-        }
-        setValuesState({ ...defaults, ...initialValues });
-      } catch (err) {
-        setFetchError(err);
-      } finally {
-        setIsLoading(false);
-      }
-    }
-    fetchForm();
-  }, [formIdOrSlug, projectId]);
-  const allFields = useMemo(() => form?.fields || [], [form]);
-  const fields = useMemo(() => {
-    if (!isMultiStep) return allFields;
-    const currentStepConfig = form?.steps?.find((s) => s.step_number === step);
-    if (!currentStepConfig) return allFields;
-    return allFields.filter((f) => f.step_id === currentStepConfig.id);
-  }, [form, step, allFields, isMultiStep]);
-  const isFieldVisible = useCallback((field2) => {
-    if (!field2.conditional?.show_when) return true;
-    const { field: condField, operator, value } = field2.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 visibleFields = useMemo(() => {
-    return fields.filter(isFieldVisible);
-  }, [fields, isFieldVisible]);
-  const validateField = useCallback((field2) => {
-    if (!isFieldVisible(field2)) return null;
-    if (["heading", "section_header", "paragraph", "hidden"].includes(field2.field_type)) return null;
-    const value = values[field2.slug];
-    const rules = field2.validation || {};
-    if (field2.is_required && (!value || value === "")) {
-      return rules.custom_error || `${field2.label} is required`;
-    }
-    if (!value) return null;
-    const strValue = String(value);
-    if (rules.min_length && strValue.length < rules.min_length) {
-      return `${field2.label} must be at least ${rules.min_length} characters`;
-    }
-    if (rules.max_length && strValue.length > rules.max_length) {
-      return `${field2.label} must be no more than ${rules.max_length} characters`;
-    }
-    if (rules.min !== void 0 && Number(value) < rules.min) {
-      return `${field2.label} must be at least ${rules.min}`;
-    }
-    if (rules.max !== void 0 && Number(value) > rules.max) {
-      return `${field2.label} must be no more than ${rules.max}`;
-    }
-    if (rules.pattern) {
-      try {
-        if (!new RegExp(rules.pattern).test(strValue)) {
-          return rules.custom_error || `${field2.label} is invalid`;
-        }
-      } catch {
-      }
-    }
-    if (field2.field_type === "email" && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(strValue)) {
-      return "Please enter a valid email address";
-    }
-    if (field2.field_type === "phone" && !/^[\d\s\-\+\(\)]+$/.test(strValue)) {
-      return "Please enter a valid phone number";
-    }
-    return null;
-  }, [values, isFieldVisible]);
-  const validate = useCallback(() => {
-    const newErrors = {};
-    for (const field2 of fields) {
-      const error = validateField(field2);
-      if (error) {
-        newErrors[field2.slug] = error;
-      }
-    }
-    setErrors(newErrors);
-    return Object.keys(newErrors).length === 0;
-  }, [fields, validateField]);
-  const validateAll = useCallback(() => {
-    const newErrors = {};
-    for (const field2 of allFields) {
-      const error = validateField(field2);
-      if (error) newErrors[field2.slug] = error;
-    }
-    setErrors(newErrors);
-    return Object.keys(newErrors).length === 0;
-  }, [allFields, validateField]);
-  const buildVisibleValues = useCallback(() => {
-    const out = {};
-    for (const field2 of allFields) {
-      if (!isFieldVisible(field2)) continue;
-      if (field2.slug in values) out[field2.slug] = values[field2.slug];
-    }
-    return out;
-  }, [allFields, values, isFieldVisible]);
-  const setFieldValue = useCallback((key, value) => {
-    setValuesState((prev) => ({ ...prev, [key]: value }));
-    setErrors((prev) => {
-      if (prev[key]) {
-        const next = { ...prev };
-        delete next[key];
-        return next;
-      }
-      return prev;
-    });
-  }, []);
-  const setValues = useCallback((newValues) => {
-    setValuesState((prev) => ({ ...prev, ...newValues }));
-  }, []);
-  const clearErrors = useCallback(() => {
-    setErrors({});
-  }, []);
-  const canGoNext = step < totalSteps;
-  const canGoPrev = step > 1;
-  const isLastStep = step === totalSteps;
-  const progress = Math.round(step / totalSteps * 100);
-  const nextStep = useCallback(() => {
-    if (!validate()) return false;
-    if (step < totalSteps) {
-      const newStep = step + 1;
-      setStep(newStep);
-      trackStepChange(newStep);
-      return true;
-    }
-    return false;
-  }, [step, totalSteps, validate, trackStepChange]);
-  const prevStep = useCallback(() => {
-    if (step > 1) {
-      const newStep = step - 1;
-      setStep(newStep);
-      trackStepChange(newStep);
-    }
-  }, [step, trackStepChange]);
-  const goToStep = useCallback((targetStep) => {
-    if (targetStep >= 1 && targetStep <= totalSteps) {
-      setStep(targetStep);
-      trackStepChange(targetStep);
-    }
-  }, [totalSteps, trackStepChange]);
-  const submit = useCallback(async () => {
-    if (!form) return;
-    if (isSubmittingRef.current) return;
-    if (!validateAll()) return;
-    isSubmittingRef.current = true;
-    setIsSubmitting(true);
-    setSubmitError(null);
-    try {
-      const data = await submitForm({
-        config: form,
-        values: buildVisibleValues(),
-        honeypotValue: "",
-        formLoadedAt: formLoadedAt.current
-      });
-      trackComplete();
-      setIsComplete(true);
-      onSuccess?.(data);
-      const finalRedirect = redirectUrl !== false ? redirectUrl || form.redirect_url : void 0;
-      if (finalRedirect) {
-        window.location.href = finalRedirect;
-      }
-    } catch (error) {
-      console.error("[useForm] Submission error:", error);
-      setSubmitError("Something went wrong sending your submission. Please try again.");
-      onError?.(error);
-    } finally {
-      isSubmittingRef.current = false;
-      setIsSubmitting(false);
-    }
-  }, [form, validateAll, buildVisibleValues, trackComplete, onSuccess, onError, redirectUrl]);
-  const reset = useCallback(() => {
-    setValuesState(initialValues);
-    setErrors({});
-    setStep(1);
-    setIsComplete(false);
-    setSubmitError(null);
-  }, [initialValues]);
-  return {
-    form,
-    isLoading,
-    fetchError,
-    submitError,
-    allFields,
-    fields,
-    visibleFields,
-    values,
-    errors,
-    setFieldValue,
-    setValues,
-    clearErrors,
-    step,
-    totalSteps,
-    isMultiStep,
-    progress,
-    nextStep,
-    prevStep,
-    goToStep,
-    canGoNext,
-    canGoPrev,
-    isLastStep,
-    validate,
-    validateField,
-    isFieldVisible,
-    submit,
-    isSubmitting,
-    isComplete,
-    reset
-  };
-}
 var DAYS = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"];
 var MONTHS = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
 function pad(n) {
@@ -1941,6 +1269,6 @@ function ManagedForm({
   );
 }
 
-export { DEFAULT_FORM_SUCCESS_MESSAGE, DatePicker, FormClient, FormField as FormFieldComponent, ManagedForm, configureFormsApi, defineForm, field, formsApi, initializeForms, useForm, useFormTracking };
+export { DatePicker, FormClient, FormField as FormFieldComponent, ManagedForm, configureFormsApi, defineForm, field, formsApi, initializeForms };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map