@fixture-inc/forms-react 0.1.0-beta.1

package/dist/index.js

@@ -0,0 +1,464 @@
+// src/hooks.ts
+import { useState, useEffect, useCallback, useMemo, useRef } from "react";
+import {
+  getDefaultValue,
+  validateForm,
+  errorsToRecord
+} from "@fixture-inc/forms-core";
+import { FormClient, normalizeError } from "@fixture-inc/forms-browser";
+
+// src/context.ts
+import { createContext, useContext } from "react";
+var FixtureFormsContext = createContext(null);
+function useFixtureFormsContext() {
+  return useContext(FixtureFormsContext);
+}
+
+// src/hooks.ts
+function useFixtureForm(formId, options = {}) {
+  const {
+    apiUrl,
+    enabled = true,
+    initialData,
+    fetcher,
+    debug,
+    onSuccess,
+    onError
+  } = options;
+  const context = useFixtureFormsContext();
+  const clientRef = useRef(null);
+  if (!clientRef.current) {
+    clientRef.current = context?.client ?? new FormClient({
+      apiUrl: apiUrl ?? context?.apiUrl,
+      debug: debug ?? context?.debug
+    });
+  }
+  const client = clientRef.current;
+  const [status, setStatus] = useState(
+    initialData ? "ready" : "idle"
+  );
+  const [form, setForm] = useState(initialData?.form ?? null);
+  const [nonce, setNonce] = useState(initialData?.nonce ?? null);
+  const [values, setValuesState] = useState(() => {
+    if (initialData?.form) {
+      return initializeValues(initialData.form);
+    }
+    return {};
+  });
+  const [errors, setErrors] = useState({});
+  const [error, setError] = useState(null);
+  const [result, setResult] = useState(null);
+  function initializeValues(formData) {
+    const vals = {};
+    for (const field of formData.fields) {
+      vals[field.id] = getDefaultValue(field.type);
+    }
+    return vals;
+  }
+  const fetchForm = useCallback(async () => {
+    if (!formId) return;
+    setStatus("loading");
+    setError(null);
+    try {
+      let response;
+      if (fetcher) {
+        response = await fetcher(formId);
+      } else {
+        response = await client.fetchForm(formId);
+      }
+      setForm(response.form);
+      setNonce(response.nonce);
+      setValuesState(initializeValues(response.form));
+      setErrors({});
+      setStatus("ready");
+    } catch (err) {
+      const normalized = normalizeError(err);
+      setError(normalized.message);
+      setStatus("error");
+      if (onError) {
+        onError(normalized);
+      }
+    }
+  }, [formId, client, fetcher, onError]);
+  useEffect(() => {
+    if (enabled && !initialData) {
+      fetchForm();
+    }
+  }, [enabled, initialData, fetchForm]);
+  const setValue = useCallback((fieldId, value) => {
+    setValuesState((prev) => ({ ...prev, [fieldId]: value }));
+    setErrors((prev) => {
+      const next = { ...prev };
+      delete next[fieldId];
+      return next;
+    });
+  }, []);
+  const setValuesFunc = useCallback((newValues) => {
+    setValuesState((prev) => ({ ...prev, ...newValues }));
+  }, []);
+  const getFieldValue = useCallback(
+    (fieldId) => {
+      return values[fieldId];
+    },
+    [values]
+  );
+  const submit = useCallback(async () => {
+    if (!form || !nonce) {
+      setError("Form not loaded");
+      return;
+    }
+    const validationErrors = validateForm(
+      form.fields,
+      values
+    );
+    if (validationErrors.length > 0) {
+      setErrors(errorsToRecord(validationErrors));
+      return;
+    }
+    setStatus("submitting");
+    setError(null);
+    try {
+      const { result: submitResult, newNonce } = await client.submitWithRetry(
+        formId,
+        form,
+        values,
+        { nonce }
+      );
+      if (newNonce) {
+        setNonce(newNonce);
+      }
+      if (submitResult.redirectUrl && typeof window !== "undefined") {
+        window.location.href = submitResult.redirectUrl;
+        return;
+      }
+      setResult(submitResult);
+      setStatus("success");
+      if (onSuccess) {
+        onSuccess(submitResult);
+      }
+    } catch (err) {
+      const normalized = normalizeError(err);
+      setError(normalized.message);
+      setStatus("ready");
+      if (onError) {
+        onError(normalized);
+      }
+    }
+  }, [form, nonce, values, formId, client, onSuccess, onError]);
+  const reset = useCallback(() => {
+    if (form) {
+      setValuesState(initializeValues(form));
+    }
+    setErrors({});
+    setError(null);
+    setResult(null);
+    setStatus(form ? "ready" : "idle");
+  }, [form]);
+  const getFieldProps = useCallback(
+    (fieldId) => {
+      const field = form?.fields.find((f) => f.id === fieldId);
+      const value = values[fieldId];
+      const isCheckbox = field?.type === "checkbox";
+      return {
+        id: `ff-${fieldId}`,
+        name: fieldId,
+        value: isCheckbox ? "true" : value ?? "",
+        checked: isCheckbox ? value : void 0,
+        required: field?.required,
+        type: field?.type === "email" ? "email" : field?.type === "phone" ? "tel" : void 0,
+        onChange: (e) => {
+          if (isCheckbox) {
+            setValue(fieldId, e.target.checked);
+          } else {
+            setValue(fieldId, e.target.value);
+          }
+        }
+      };
+    },
+    [form, values, setValue]
+  );
+  const fields = useMemo(() => form?.fields ?? [], [form]);
+  return {
+    form,
+    fields,
+    status,
+    error,
+    result,
+    values,
+    errors,
+    getFieldValue,
+    setValue,
+    setValues: setValuesFunc,
+    submit,
+    reset,
+    refetch: fetchForm,
+    getFieldProps
+  };
+}
+function useVisitorId() {
+  const [visitorId, setVisitorId] = useState(null);
+  useEffect(() => {
+    import("@fixture-inc/forms-browser").then(({ getVisitorId }) => {
+      setVisitorId(getVisitorId());
+    });
+  }, []);
+  return visitorId;
+}
+
+// src/components/Field.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function Field({
+  field,
+  value,
+  error,
+  onChange
+}) {
+  const id = `ff-${field.id}`;
+  const required = field.required;
+  const baseInputProps = {
+    id,
+    name: field.id,
+    required,
+    "aria-invalid": error ? true : void 0,
+    "aria-describedby": error ? `${id}-error` : void 0
+  };
+  let input;
+  switch (field.type) {
+    case "textarea":
+      input = /* @__PURE__ */ jsx(
+        "textarea",
+        {
+          ...baseInputProps,
+          className: "ff-textarea",
+          placeholder: field.placeholder,
+          value: value ?? "",
+          onChange: (e) => onChange(e.target.value)
+        }
+      );
+      break;
+    case "dropdown":
+      input = /* @__PURE__ */ jsxs(
+        "select",
+        {
+          ...baseInputProps,
+          className: "ff-select",
+          value: value ?? "",
+          onChange: (e) => onChange(e.target.value),
+          children: [
+            /* @__PURE__ */ jsx("option", { value: "", children: "Select..." }),
+            field.options?.map((opt) => /* @__PURE__ */ jsx("option", { value: opt, children: opt }, opt))
+          ]
+        }
+      );
+      break;
+    case "checkbox":
+      return /* @__PURE__ */ jsxs("div", { className: "ff-field", children: [
+        /* @__PURE__ */ jsxs("div", { className: "ff-checkbox-wrapper", children: [
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              ...baseInputProps,
+              type: "checkbox",
+              className: "ff-checkbox",
+              checked: value ?? false,
+              onChange: (e) => onChange(e.target.checked)
+            }
+          ),
+          /* @__PURE__ */ jsxs("label", { htmlFor: id, className: "ff-checkbox-label", children: [
+            field.label,
+            required && /* @__PURE__ */ jsx("span", { className: "ff-required", children: "*" })
+          ] })
+        ] }),
+        error && /* @__PURE__ */ jsx("div", { id: `${id}-error`, className: "ff-field-error", role: "alert", children: error })
+      ] });
+    case "radio":
+      return /* @__PURE__ */ jsxs("div", { className: "ff-field", children: [
+        /* @__PURE__ */ jsxs("div", { className: "ff-label", children: [
+          field.label,
+          required && /* @__PURE__ */ jsx("span", { className: "ff-required", children: "*" })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "ff-radio-group", role: "radiogroup", "aria-labelledby": id, children: field.options?.map((opt, i) => /* @__PURE__ */ jsxs("label", { className: "ff-radio-wrapper", children: [
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "radio",
+              name: field.id,
+              value: opt,
+              className: "ff-radio",
+              checked: value === opt,
+              required: i === 0 && required,
+              onChange: () => onChange(opt)
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { className: "ff-radio-label", children: opt })
+        ] }, opt)) }),
+        error && /* @__PURE__ */ jsx("div", { id: `${id}-error`, className: "ff-field-error", role: "alert", children: error })
+      ] });
+    case "email":
+      input = /* @__PURE__ */ jsx(
+        "input",
+        {
+          ...baseInputProps,
+          type: "email",
+          className: "ff-input",
+          placeholder: field.placeholder,
+          value: value ?? "",
+          onChange: (e) => onChange(e.target.value)
+        }
+      );
+      break;
+    case "phone":
+      input = /* @__PURE__ */ jsx(
+        "input",
+        {
+          ...baseInputProps,
+          type: "tel",
+          className: "ff-input",
+          placeholder: field.placeholder,
+          value: value ?? "",
+          onChange: (e) => onChange(e.target.value)
+        }
+      );
+      break;
+    default:
+      input = /* @__PURE__ */ jsx(
+        "input",
+        {
+          ...baseInputProps,
+          type: "text",
+          className: "ff-input",
+          placeholder: field.placeholder,
+          value: value ?? "",
+          onChange: (e) => onChange(e.target.value)
+        }
+      );
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "ff-field", children: [
+    /* @__PURE__ */ jsxs("label", { htmlFor: id, className: "ff-label", children: [
+      field.label,
+      required && /* @__PURE__ */ jsx("span", { className: "ff-required", children: "*" })
+    ] }),
+    input,
+    error && /* @__PURE__ */ jsx("div", { id: `${id}-error`, className: "ff-field-error", role: "alert", children: error })
+  ] });
+}
+
+// src/components/Form.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function Form({
+  formId,
+  className = "",
+  submitText = "Submit",
+  submittingText = "Submitting...",
+  successTitle = "Thank you!",
+  successMessage,
+  loadingMessage = "Loading form...",
+  hideBadge = false,
+  children,
+  ...options
+}) {
+  const {
+    form,
+    fields,
+    values,
+    errors,
+    error,
+    status,
+    result,
+    setValue,
+    getFieldProps,
+    submit
+  } = useFixtureForm(formId, options);
+  if (status === "loading" || status === "idle") {
+    return /* @__PURE__ */ jsx2("div", { className: `ff-form ${className}`, children: /* @__PURE__ */ jsx2("div", { className: "ff-loading", children: loadingMessage }) });
+  }
+  if (status === "error" && !form) {
+    return /* @__PURE__ */ jsx2("div", { className: `ff-form ${className}`, children: /* @__PURE__ */ jsx2("div", { className: "ff-error", children: error }) });
+  }
+  if (status === "success") {
+    const message = successMessage || result?.successMessage || "Thank you for your submission!";
+    return /* @__PURE__ */ jsx2("div", { className: `ff-form ${className}`, children: /* @__PURE__ */ jsxs2("div", { className: "ff-success", children: [
+      /* @__PURE__ */ jsx2("div", { className: "ff-success-icon", children: /* @__PURE__ */ jsx2("svg", { fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx2(
+        "path",
+        {
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          strokeWidth: 2,
+          d: "M5 13l4 4L19 7"
+        }
+      ) }) }),
+      /* @__PURE__ */ jsx2("h2", { className: "ff-success-title", children: successTitle }),
+      /* @__PURE__ */ jsx2("p", { className: "ff-success-message", children: message })
+    ] }) });
+  }
+  if (!form) {
+    return /* @__PURE__ */ jsx2("div", { className: `ff-form ${className}`, children: /* @__PURE__ */ jsx2("div", { className: "ff-error", children: "Form not found" }) });
+  }
+  if (children) {
+    return /* @__PURE__ */ jsx2("div", { className: `ff-form ${className}`, "data-form-id": form.id, children: children({
+      form,
+      fields,
+      values,
+      errors,
+      setValue,
+      getFieldProps,
+      submit,
+      status
+    }) });
+  }
+  const showBadge = !hideBadge && form.settings?.branding?.show_fixture_badge !== false;
+  const handleSubmit = (e) => {
+    e.preventDefault();
+    submit();
+  };
+  return /* @__PURE__ */ jsxs2("div", { className: `ff-form ${className}`, "data-form-id": form.id, children: [
+    (form.name || form.description) && /* @__PURE__ */ jsxs2("div", { className: "ff-form-header", children: [
+      form.name && /* @__PURE__ */ jsx2("h2", { className: "ff-form-title", children: form.name }),
+      form.description && /* @__PURE__ */ jsx2("p", { className: "ff-form-description", children: form.description })
+    ] }),
+    /* @__PURE__ */ jsxs2("form", { className: "ff-form-element", onSubmit: handleSubmit, children: [
+      error && /* @__PURE__ */ jsx2("div", { className: "ff-error", role: "alert", children: error }),
+      fields.map((field) => /* @__PURE__ */ jsx2(
+        Field,
+        {
+          field,
+          value: values[field.id],
+          error: errors[field.id],
+          onChange: (value) => setValue(field.id, value)
+        },
+        field.id
+      )),
+      /* @__PURE__ */ jsx2(
+        "button",
+        {
+          type: "submit",
+          className: "ff-button",
+          disabled: status === "submitting",
+          children: status === "submitting" ? submittingText : submitText
+        }
+      )
+    ] }),
+    showBadge && /* @__PURE__ */ jsx2("div", { className: "ff-badge", children: /* @__PURE__ */ jsx2(
+      "a",
+      {
+        href: "https://fixture.app",
+        target: "_blank",
+        rel: "noopener noreferrer",
+        children: "Powered by Fixture"
+      }
+    ) })
+  ] });
+}
+
+// src/index.ts
+import { FormClient as FormClient2 } from "@fixture-inc/forms-browser";
+export {
+  Field,
+  FixtureFormsContext,
+  Form,
+  FormClient2 as FormClient,
+  useFixtureForm,
+  useFixtureFormsContext,
+  useVisitorId
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks.ts","../src/context.ts","../src/components/Field.tsx","../src/components/Form.tsx","../src/index.ts"],"sourcesContent":["/**\n * React hooks for Fixture Forms\n */\n\nimport { useState, useEffect, useCallback, useMemo, useRef } from 'react'\nimport {\n  type Form,\n  type FormField,\n  type FormResponse,\n  type SubmitResult,\n  type FieldType,\n  type FormStatus,\n  type FieldValueMap,\n  getDefaultValue,\n  validateForm,\n  errorsToRecord,\n} from '@fixture-inc/forms-core'\nimport { FormClient, normalizeError } from '@fixture-inc/forms-browser'\nimport { useFixtureFormsContext } from './context'\n\n/**\n * Options for useFixtureForm hook\n */\nexport interface UseFixtureFormOptions {\n  /** API endpoint. Defaults to inferred from context or 'https://api.fixture.app' */\n  apiUrl?: string\n\n  /** Disable auto-fetching. Useful for SSR or conditional rendering. Default: true */\n  enabled?: boolean\n\n  /** Pre-populate with server-fetched data (for SSR hydration) */\n  initialData?: { form: Form; nonce: string }\n\n  /** Custom fetch function (for testing, SSR, or proxying) */\n  fetcher?: (formId: string) => Promise<{ form: Form; nonce: string }>\n\n  /** Enable debug logging */\n  debug?: boolean\n\n  /** Called on successful submission */\n  onSuccess?: (result: SubmitResult) => void\n\n  /** Called on any error */\n  onError?: (error: { message: string }) => void\n}\n\n/**\n * Props for binding to form inputs\n */\nexport interface FieldInputProps {\n  id: string\n  name: string\n  value: string | boolean\n  onChange: (\n    e: React.ChangeEvent<\n      HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement\n    >\n  ) => void\n  required?: boolean\n  type?: string\n  checked?: boolean\n}\n\n/**\n * Return type for useFixtureForm hook\n */\nexport interface UseFixtureFormReturn {\n  // Form data\n  /** Form definition (null while loading) */\n  form: Form | null\n  /** Form fields array (empty while loading) */\n  fields: FormField[]\n\n  // State\n  /** Current form status */\n  status: FormStatus\n  /** Global error message */\n  error: string | null\n  /** Submission result (available after success) */\n  result: SubmitResult | null\n\n  // Field values\n  /** Current field values. Use getFieldValue() for type-safe access. */\n  values: Record<string, unknown>\n  /** Field validation errors */\n  errors: Record<string, string>\n\n  // Type-safe value accessor\n  /** Get field value with canonical type */\n  getFieldValue: <T extends FieldType>(fieldId: string) => FieldValueMap[T] | undefined\n\n  // Actions\n  /** Set a single field value */\n  setValue: (fieldId: string, value: unknown) => void\n  /** Set multiple field values */\n  setValues: (values: Record<string, unknown>) => void\n  /** Submit the form */\n  submit: () => Promise<void>\n  /** Reset form to initial values */\n  reset: () => void\n  /** Refetch form from server */\n  refetch: () => Promise<void>\n\n  // Helpers\n  /** Get props for binding to an input element */\n  getFieldProps: (fieldId: string) => FieldInputProps\n}\n\n/**\n * Hook for using Fixture Forms in React\n *\n * @example\n * ```tsx\n * function ContactForm() {\n *   const { form, fields, values, setValue, submit, status } = useFixtureForm('contact-form')\n *\n *   if (status === 'loading') return <div>Loading...</div>\n *   if (status === 'success') return <div>Thanks!</div>\n *\n *   return (\n *     <form onSubmit={(e) => { e.preventDefault(); submit(); }}>\n *       {fields.map(field => (\n *         <input\n *           key={field.id}\n *           {...getFieldProps(field.id)}\n *         />\n *       ))}\n *       <button type=\"submit\" disabled={status === 'submitting'}>\n *         Submit\n *       </button>\n *     </form>\n *   )\n * }\n * ```\n */\nexport function useFixtureForm(\n  formId: string,\n  options: UseFixtureFormOptions = {}\n): UseFixtureFormReturn {\n  const {\n    apiUrl,\n    enabled = true,\n    initialData,\n    fetcher,\n    debug,\n    onSuccess,\n    onError,\n  } = options\n\n  // Get context if available\n  const context = useFixtureFormsContext()\n\n  // Create or reuse client\n  const clientRef = useRef<FormClient | null>(null)\n  if (!clientRef.current) {\n    clientRef.current =\n      context?.client ??\n      new FormClient({\n        apiUrl: apiUrl ?? context?.apiUrl,\n        debug: debug ?? context?.debug,\n      })\n  }\n  const client = clientRef.current\n\n  // State\n  const [status, setStatus] = useState<FormStatus>(\n    initialData ? 'ready' : 'idle'\n  )\n  const [form, setForm] = useState<Form | null>(initialData?.form ?? null)\n  const [nonce, setNonce] = useState<string | null>(initialData?.nonce ?? null)\n  const [values, setValuesState] = useState<Record<string, unknown>>(() => {\n    if (initialData?.form) {\n      return initializeValues(initialData.form)\n    }\n    return {}\n  })\n  const [errors, setErrors] = useState<Record<string, string>>({})\n  const [error, setError] = useState<string | null>(null)\n  const [result, setResult] = useState<SubmitResult | null>(null)\n\n  // Initialize values from form\n  function initializeValues(formData: Form): Record<string, unknown> {\n    const vals: Record<string, unknown> = {}\n    for (const field of formData.fields) {\n      vals[field.id] = getDefaultValue(field.type)\n    }\n    return vals\n  }\n\n  // Fetch form\n  const fetchForm = useCallback(async () => {\n    if (!formId) return\n\n    setStatus('loading')\n    setError(null)\n\n    try {\n      let response: FormResponse\n\n      if (fetcher) {\n        response = await fetcher(formId)\n      } else {\n        response = await client.fetchForm(formId)\n      }\n\n      setForm(response.form)\n      setNonce(response.nonce)\n      setValuesState(initializeValues(response.form))\n      setErrors({})\n      setStatus('ready')\n    } catch (err) {\n      const normalized = normalizeError(err)\n      setError(normalized.message)\n      setStatus('error')\n\n      if (onError) {\n        onError(normalized)\n      }\n    }\n  }, [formId, client, fetcher, onError])\n\n  // Auto-fetch on mount\n  useEffect(() => {\n    if (enabled && !initialData) {\n      fetchForm()\n    }\n  }, [enabled, initialData, fetchForm])\n\n  // Set single value\n  const setValue = useCallback((fieldId: string, value: unknown) => {\n    setValuesState((prev) => ({ ...prev, [fieldId]: value }))\n    // Clear field error when value changes\n    setErrors((prev) => {\n      const next = { ...prev }\n      delete next[fieldId]\n      return next\n    })\n  }, [])\n\n  // Set multiple values\n  const setValuesFunc = useCallback((newValues: Record<string, unknown>) => {\n    setValuesState((prev) => ({ ...prev, ...newValues }))\n  }, [])\n\n  // Get type-safe field value\n  const getFieldValue = useCallback(\n    <T extends FieldType>(fieldId: string): FieldValueMap[T] | undefined => {\n      return values[fieldId] as FieldValueMap[T] | undefined\n    },\n    [values]\n  )\n\n  // Submit form\n  const submit = useCallback(async () => {\n    if (!form || !nonce) {\n      setError('Form not loaded')\n      return\n    }\n\n    // Validate\n    const validationErrors = validateForm(\n      form.fields,\n      values as Record<string, string | boolean>\n    )\n    if (validationErrors.length > 0) {\n      setErrors(errorsToRecord(validationErrors))\n      return\n    }\n\n    setStatus('submitting')\n    setError(null)\n\n    try {\n      const { result: submitResult, newNonce } = await client.submitWithRetry(\n        formId,\n        form,\n        values,\n        { nonce }\n      )\n\n      // Update nonce if refreshed\n      if (newNonce) {\n        setNonce(newNonce)\n      }\n\n      // Handle redirect\n      if (submitResult.redirectUrl && typeof window !== 'undefined') {\n        window.location.href = submitResult.redirectUrl\n        return\n      }\n\n      setResult(submitResult)\n      setStatus('success')\n\n      if (onSuccess) {\n        onSuccess(submitResult)\n      }\n    } catch (err) {\n      const normalized = normalizeError(err)\n      setError(normalized.message)\n      setStatus('ready')\n\n      if (onError) {\n        onError(normalized)\n      }\n    }\n  }, [form, nonce, values, formId, client, onSuccess, onError])\n\n  // Reset form\n  const reset = useCallback(() => {\n    if (form) {\n      setValuesState(initializeValues(form))\n    }\n    setErrors({})\n    setError(null)\n    setResult(null)\n    setStatus(form ? 'ready' : 'idle')\n  }, [form])\n\n  // Get field props for easy binding\n  const getFieldProps = useCallback(\n    (fieldId: string): FieldInputProps => {\n      const field = form?.fields.find((f) => f.id === fieldId)\n      const value = values[fieldId]\n      const isCheckbox = field?.type === 'checkbox'\n\n      return {\n        id: `ff-${fieldId}`,\n        name: fieldId,\n        value: isCheckbox ? 'true' : (value as string) ?? '',\n        checked: isCheckbox ? (value as boolean) : undefined,\n        required: field?.required,\n        type: field?.type === 'email' ? 'email' : field?.type === 'phone' ? 'tel' : undefined,\n        onChange: (e) => {\n          if (isCheckbox) {\n            setValue(fieldId, (e.target as HTMLInputElement).checked)\n          } else {\n            setValue(fieldId, e.target.value)\n          }\n        },\n      }\n    },\n    [form, values, setValue]\n  )\n\n  // Memoize fields array\n  const fields = useMemo(() => form?.fields ?? [], [form])\n\n  return {\n    form,\n    fields,\n    status,\n    error,\n    result,\n    values,\n    errors,\n    getFieldValue,\n    setValue,\n    setValues: setValuesFunc,\n    submit,\n    reset,\n    refetch: fetchForm,\n    getFieldProps,\n  }\n}\n\n/**\n * Hook to get the visitor ID from the forms tracker\n */\nexport function useVisitorId(): string | null {\n  const [visitorId, setVisitorId] = useState<string | null>(null)\n\n  useEffect(() => {\n    // Import dynamically to avoid SSR issues\n    import('@fixture-inc/forms-browser').then(({ getVisitorId }) => {\n      setVisitorId(getVisitorId())\n    })\n  }, [])\n\n  return visitorId\n}\n","/**\n * React context for Fixture Forms\n */\n\nimport { createContext, useContext } from 'react'\nimport type { FormClient } from '@fixture-inc/forms-browser'\n\n/**\n * Context value for the forms provider\n */\nexport interface FixtureFormsContextValue {\n  /** Shared FormClient instance */\n  client: FormClient\n  /** Default API URL */\n  apiUrl?: string\n  /** Debug mode enabled */\n  debug?: boolean\n}\n\n/**\n * Context for sharing FormClient across components\n */\nexport const FixtureFormsContext = createContext<FixtureFormsContextValue | null>(null)\n\n/**\n * Hook to access the forms context\n *\n * @returns Context value or null if not in provider\n */\nexport function useFixtureFormsContext(): FixtureFormsContextValue | null {\n  return useContext(FixtureFormsContext)\n}\n","/**\n * Pre-built Field component\n *\n * Renders a single form field with appropriate input type and styling.\n */\n\nimport React from 'react'\nimport type { FormField } from '@fixture-inc/forms-core'\n\nexport interface FieldProps {\n  /** Field definition */\n  field: FormField\n  /** Current value */\n  value: unknown\n  /** Validation error */\n  error?: string\n  /** Called when value changes */\n  onChange: (value: unknown) => void\n}\n\n/**\n * Render a single form field\n */\nexport function Field({\n  field,\n  value,\n  error,\n  onChange,\n}: FieldProps): React.ReactElement {\n  const id = `ff-${field.id}`\n  const required = field.required\n\n  // Common props for inputs\n  const baseInputProps = {\n    id,\n    name: field.id,\n    required,\n    'aria-invalid': error ? true : undefined,\n    'aria-describedby': error ? `${id}-error` : undefined,\n  }\n\n  // Render field based on type\n  let input: React.ReactNode\n\n  switch (field.type) {\n    case 'textarea':\n      input = (\n        <textarea\n          {...baseInputProps}\n          className=\"ff-textarea\"\n          placeholder={field.placeholder}\n          value={(value as string) ?? ''}\n          onChange={(e) => onChange(e.target.value)}\n        />\n      )\n      break\n\n    case 'dropdown':\n      input = (\n        <select\n          {...baseInputProps}\n          className=\"ff-select\"\n          value={(value as string) ?? ''}\n          onChange={(e) => onChange(e.target.value)}\n        >\n          <option value=\"\">Select...</option>\n          {field.options?.map((opt) => (\n            <option key={opt} value={opt}>\n              {opt}\n            </option>\n          ))}\n        </select>\n      )\n      break\n\n    case 'checkbox':\n      return (\n        <div className=\"ff-field\">\n          <div className=\"ff-checkbox-wrapper\">\n            <input\n              {...baseInputProps}\n              type=\"checkbox\"\n              className=\"ff-checkbox\"\n              checked={(value as boolean) ?? false}\n              onChange={(e) => onChange(e.target.checked)}\n            />\n            <label htmlFor={id} className=\"ff-checkbox-label\">\n              {field.label}\n              {required && <span className=\"ff-required\">*</span>}\n            </label>\n          </div>\n          {error && (\n            <div id={`${id}-error`} className=\"ff-field-error\" role=\"alert\">\n              {error}\n            </div>\n          )}\n        </div>\n      )\n\n    case 'radio':\n      return (\n        <div className=\"ff-field\">\n          <div className=\"ff-label\">\n            {field.label}\n            {required && <span className=\"ff-required\">*</span>}\n          </div>\n          <div className=\"ff-radio-group\" role=\"radiogroup\" aria-labelledby={id}>\n            {field.options?.map((opt, i) => (\n              <label key={opt} className=\"ff-radio-wrapper\">\n                <input\n                  type=\"radio\"\n                  name={field.id}\n                  value={opt}\n                  className=\"ff-radio\"\n                  checked={(value as string) === opt}\n                  required={i === 0 && required}\n                  onChange={() => onChange(opt)}\n                />\n                <span className=\"ff-radio-label\">{opt}</span>\n              </label>\n            ))}\n          </div>\n          {error && (\n            <div id={`${id}-error`} className=\"ff-field-error\" role=\"alert\">\n              {error}\n            </div>\n          )}\n        </div>\n      )\n\n    case 'email':\n      input = (\n        <input\n          {...baseInputProps}\n          type=\"email\"\n          className=\"ff-input\"\n          placeholder={field.placeholder}\n          value={(value as string) ?? ''}\n          onChange={(e) => onChange(e.target.value)}\n        />\n      )\n      break\n\n    case 'phone':\n      input = (\n        <input\n          {...baseInputProps}\n          type=\"tel\"\n          className=\"ff-input\"\n          placeholder={field.placeholder}\n          value={(value as string) ?? ''}\n          onChange={(e) => onChange(e.target.value)}\n        />\n      )\n      break\n\n    default: // text\n      input = (\n        <input\n          {...baseInputProps}\n          type=\"text\"\n          className=\"ff-input\"\n          placeholder={field.placeholder}\n          value={(value as string) ?? ''}\n          onChange={(e) => onChange(e.target.value)}\n        />\n      )\n  }\n\n  return (\n    <div className=\"ff-field\">\n      <label htmlFor={id} className=\"ff-label\">\n        {field.label}\n        {required && <span className=\"ff-required\">*</span>}\n      </label>\n      {input}\n      {error && (\n        <div id={`${id}-error`} className=\"ff-field-error\" role=\"alert\">\n          {error}\n        </div>\n      )}\n    </div>\n  )\n}\n","/**\n * Pre-built Form component\n *\n * A complete, styled form component that handles loading, submission, and success states.\n */\n\nimport React from 'react'\nimport type { SubmitResult, Form as FormType } from '@fixture-inc/forms-core'\nimport { useFixtureForm, type UseFixtureFormOptions, type FieldInputProps } from '../hooks'\nimport { Field } from './Field'\n\nexport interface FormProps extends UseFixtureFormOptions {\n  /** Form ID to render */\n  formId: string\n  /** Custom className for the form container */\n  className?: string\n  /** Custom submit button text */\n  submitText?: string\n  /** Custom submitting button text */\n  submittingText?: string\n  /** Custom success title */\n  successTitle?: string\n  /** Custom success message (overrides server response) */\n  successMessage?: string\n  /** Custom loading message */\n  loadingMessage?: string\n  /** Hide the \"Powered by Fixture\" badge */\n  hideBadge?: boolean\n  /** Custom render function for the form */\n  children?: (props: {\n    form: FormType\n    fields: FormType['fields']\n    values: Record<string, unknown>\n    errors: Record<string, string>\n    setValue: (fieldId: string, value: unknown) => void\n    getFieldProps: (fieldId: string) => FieldInputProps\n    submit: () => Promise<void>\n    status: string\n  }) => React.ReactNode\n}\n\n/**\n * Pre-built form component with default styling\n */\nexport function Form({\n  formId,\n  className = '',\n  submitText = 'Submit',\n  submittingText = 'Submitting...',\n  successTitle = 'Thank you!',\n  successMessage,\n  loadingMessage = 'Loading form...',\n  hideBadge = false,\n  children,\n  ...options\n}: FormProps): React.ReactElement {\n  const {\n    form,\n    fields,\n    values,\n    errors,\n    error,\n    status,\n    result,\n    setValue,\n    getFieldProps,\n    submit,\n  } = useFixtureForm(formId, options)\n\n  // Loading state\n  if (status === 'loading' || status === 'idle') {\n    return (\n      <div className={`ff-form ${className}`}>\n        <div className=\"ff-loading\">{loadingMessage}</div>\n      </div>\n    )\n  }\n\n  // Error state (form failed to load)\n  if (status === 'error' && !form) {\n    return (\n      <div className={`ff-form ${className}`}>\n        <div className=\"ff-error\">{error}</div>\n      </div>\n    )\n  }\n\n  // Success state\n  if (status === 'success') {\n    const message =\n      successMessage || result?.successMessage || 'Thank you for your submission!'\n    return (\n      <div className={`ff-form ${className}`}>\n        <div className=\"ff-success\">\n          <div className=\"ff-success-icon\">\n            <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n              <path\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n                strokeWidth={2}\n                d=\"M5 13l4 4L19 7\"\n              />\n            </svg>\n          </div>\n          <h2 className=\"ff-success-title\">{successTitle}</h2>\n          <p className=\"ff-success-message\">{message}</p>\n        </div>\n      </div>\n    )\n  }\n\n  // Form state\n  if (!form) {\n    return (\n      <div className={`ff-form ${className}`}>\n        <div className=\"ff-error\">Form not found</div>\n      </div>\n    )\n  }\n\n  // Custom render function\n  if (children) {\n    return (\n      <div className={`ff-form ${className}`} data-form-id={form.id}>\n        {children({\n          form,\n          fields,\n          values,\n          errors,\n          setValue,\n          getFieldProps,\n          submit,\n          status,\n        })}\n      </div>\n    )\n  }\n\n  // Default render\n  const showBadge =\n    !hideBadge && form.settings?.branding?.show_fixture_badge !== false\n\n  const handleSubmit = (e: React.FormEvent) => {\n    e.preventDefault()\n    submit()\n  }\n\n  return (\n    <div className={`ff-form ${className}`} data-form-id={form.id}>\n      {(form.name || form.description) && (\n        <div className=\"ff-form-header\">\n          {form.name && <h2 className=\"ff-form-title\">{form.name}</h2>}\n          {form.description && (\n            <p className=\"ff-form-description\">{form.description}</p>\n          )}\n        </div>\n      )}\n\n      <form className=\"ff-form-element\" onSubmit={handleSubmit}>\n        {error && (\n          <div className=\"ff-error\" role=\"alert\">\n            {error}\n          </div>\n        )}\n\n        {fields.map((field) => (\n          <Field\n            key={field.id}\n            field={field}\n            value={values[field.id]}\n            error={errors[field.id]}\n            onChange={(value) => setValue(field.id, value)}\n          />\n        ))}\n\n        <button\n          type=\"submit\"\n          className=\"ff-button\"\n          disabled={status === 'submitting'}\n        >\n          {status === 'submitting' ? submittingText : submitText}\n        </button>\n      </form>\n\n      {showBadge && (\n        <div className=\"ff-badge\">\n          <a\n            href=\"https://fixture.app\"\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n          >\n            Powered by Fixture\n          </a>\n        </div>\n      )}\n    </div>\n  )\n}\n","/**\n * @fixture-inc/forms-react\n *\n * React hooks and components for Fixture Forms.\n */\n\n// Hooks\nexport { useFixtureForm, useVisitorId } from './hooks'\nexport type { UseFixtureFormOptions, UseFixtureFormReturn, FieldInputProps } from './hooks'\n\n// Context\nexport { FixtureFormsContext, useFixtureFormsContext } from './context'\nexport type { FixtureFormsContextValue } from './context'\n\n// Components\nexport { Form, Field } from './components'\nexport type { FormProps, FieldProps } from './components'\n\n// Re-export commonly used types from core\nexport type {\n  Form as FormType,\n  FormField,\n  FormResponse,\n  SubmitResult,\n  FieldType,\n  FormStatus,\n  NormalizedError,\n} from '@fixture-inc/forms-core'\n\n// Re-export client for advanced usage\nexport { FormClient } from '@fixture-inc/forms-browser'\nexport type { FormClientConfig } from '@fixture-inc/forms-browser'\n"],"mappings":"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","names":["jsx","jsxs","FormClient"]}

package/package.json

@@ -0,0 +1,56 @@
+{
+  "name": "@fixture-inc/forms-react",
+  "version": "0.1.0-beta.1",
+  "description": "React hooks and components for Fixture Forms",
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      },
+      "require": {
+        "types": "./dist/index.d.cts",
+        "default": "./dist/index.cjs"
+      }
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "@fixture-inc/forms-core": "0.1.0-beta.1",
+    "@fixture-inc/forms-browser": "0.1.0-beta.1"
+  },
+  "peerDependencies": {
+    "react": ">=18.0.0"
+  },
+  "devDependencies": {
+    "@testing-library/react": "^16.0.0",
+    "@types/react": "^19.0.0",
+    "jsdom": "^26.0.0",
+    "react": "^19.0.0",
+    "tsup": "^8.0.0",
+    "typescript": "^5.0.0",
+    "vitest": "^4.0.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/fixture-inc/web.git",
+    "directory": "packages/forms-react"
+  },
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "typecheck": "tsc --noEmit -p tsconfig.typecheck.json"
+  }
+}