Basic Import

"use client";

import { z } from "zod";
import { FormBuilder } from "@tilt-legal/cubitt-components/form-builder";

const memberSchema = z.object({
  firstName: z.string().min(1, "Required"),
  lastName: z.string().min(1, "Required"),
  email: z.string().email(),
  role: z.enum(["admin", "member"]).default("member"),
  active: z.boolean().default(true),
});

const formDefs = [
  {
    kind: "field",
    name: "firstName",
    label: "First name",
    component: "text",
    size: "half",
  },
  {
    kind: "field",
    name: "lastName",
    label: "Last name",
    component: "text",
    size: "half",
  },
  {
    kind: "field",
    name: "email",
    label: "Email",
    component: "email",
    size: "full",
  },
  {
    kind: "field",
    name: "role",
    label: "Role",
    component: "select",
    options: [
      { value: "admin", label: "Admin" },
      { value: "member", label: "Member" },
    ],
    size: "full",
  },
  {
    kind: "field",
    name: "active",
    label: "Active",
    component: "switch",
    size: "full",
  },
] as const satisfies FormDefs;

export default function BulkImport() {
  return (
    <FormBuilder.Bulk
      schema={memberSchema}
      formDefs={formDefs}
      template={{ filename: "members.csv" }}
      onSubmit={async ({ rows }) => {
        console.log("Importing", rows.length, "rows");
      }}
    />
  );
}