37 lines
1.1 KiB
TypeScript
37 lines
1.1 KiB
TypeScript
import type React from "react"
|
|
import { Turnstile as CloudflareTS } from "next-turnstile"
|
|
|
|
interface TurnstileProps {
|
|
setTurnstileStatus: React.Dispatch<React.SetStateAction<"error" | "expired" | "required" | "success">>
|
|
setValidationMessage: (message: string) => void
|
|
}
|
|
|
|
export default function Turnstile({ setTurnstileStatus, setValidationMessage }: TurnstileProps) {
|
|
return (
|
|
<CloudflareTS
|
|
siteKey={process.env.NEXT_PUBLIC_CF_SITEKEY!}
|
|
retry="auto"
|
|
refreshExpired="auto"
|
|
onError={() => {
|
|
setTurnstileStatus("error")
|
|
setValidationMessage("Security check failed. Please try again.")
|
|
console.error("[!] Turnstile error occurred")
|
|
}}
|
|
onExpire={() => {
|
|
setTurnstileStatus("expired")
|
|
setValidationMessage("Security check expired. Please verify again.")
|
|
console.warn("[!] Turnstile token expired")
|
|
}}
|
|
onLoad={() => {
|
|
setTurnstileStatus("required")
|
|
}}
|
|
onVerify={() => {
|
|
setTurnstileStatus("success")
|
|
console.log("[S] Turnstile verification successful")
|
|
}}
|
|
className="flex justify-center"
|
|
/>
|
|
)
|
|
}
|
|
|