complexFormAction() — ui Function Reference

Architecture documentation for the complexFormAction() function in form-next-complex-action.ts from the ui codebase.

Function typescript ComponentRegistry ChartRegistry

Entity Profile

ComponentRegistry→ ChartRegistry→ complexFormAction() — ui Function Reference

Dependency Diagram

graph TD
  77b2e313_f884_3f93_b3dc_a0fadc6cd68f["complexFormAction()"]
  a48cc779_ad07_39b5_2ccd_6c96646a048d["form-next-complex-action.ts"]
  77b2e313_f884_3f93_b3dc_a0fadc6cd68f -->|defined in| a48cc779_ad07_39b5_2ccd_6c96646a048d
  style 77b2e313_f884_3f93_b3dc_a0fadc6cd68f fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/registry/new-york-v4/examples/form-next-complex-action.ts lines 5–37

export async function complexFormAction(
  _prevState: FormState,
  formData: FormData
) {
  // Sleep for 1 second
  await new Promise((resolve) => setTimeout(resolve, 1000))

  const values = {
    plan: formData.get("plan") as FormState["values"]["plan"],
    billingPeriod: formData.get("billingPeriod") as string,
    addons: formData.getAll("addons") as string[],
    emailNotifications: formData.get("emailNotifications") === "on",
  }

  const result = formSchema.safeParse(values)

  if (!result.success) {
    return {
      values,
      success: false,
      errors: result.error.flatten().fieldErrors,
    }
  }

  // Do something with the values.
  // Call your database or API here.

  return {
    values,
    errors: null,
    success: true,
  }
}