createMessage

async function createMessage(
  prevState: MessagePrevState,
  formData: FormData
): Promise<MessagePrevState>

const messageSchema = z.object({
  content: z.string().min(1, "Content cannot be empty"),
  sendToPhone: z
    .string()
    .regex(/^8801\d{9}$/, "Invalid phone number format. Must be 8801XXXXXXXXX"),
  sendAfter: z
    .number()
    .min(1, "Send after is required and minimum after 1 day"),
});

import { useActionState } from "react";
import createMessage from "@/lib/actions/message/createMessage";

function MessageForm() {
  const [state, formAction] = useActionState(createMessage, {});
  
  return (
    <form action={formAction}>
      <textarea name="content" placeholder="Message content" />
      <input name="sendToPhone" placeholder="8801XXXXXXXXX" />
      <input name="sendAfter" type="number" min="1" />
      <button type="submit">Create Message</button>
      {state.error && <p>{state.error}</p>}
      {state.success && <p>Message created!</p>}
    </form>
  );
}

{
  "content": "Hello world",
  "sendToPhone": "8801234567890",
  "sendAfter": 7
}