Merge pull request #42 from inove-jr/25-integração-com-captcha

feat(recaptcha): implementação e validação do ReCAPTCHA v2 no formulá…

.http

@@ -1,2 +1,10 @@
 ### Obtem dados de planilha passando range e sheetName
 GET http://localhost:3000/api/sheets?range=A:H&sheetName=projetos
+
+### Integração com Recaptcha
+POST http://localhost:3000/api/recaptcha
+Content-Type: application/json
+
+{
+  "token": "token"
+}

package.json

@@ -34,6 +34,8 @@
     "@radix-ui/react-tooltip": "^1.1.2",
     "@t3-oss/env-core": "^0.10.1",
     "@t3-oss/env-nextjs": "^0.10.1",
+    "@types/react-google-recaptcha": "^2.1.9",
+    "axios": "^1.7.2",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.1",
     "cmdk": "^1.0.0",
@@ -45,6 +47,7 @@
     "react": "^18",
     "react-day-picker": "^8.10.1",
     "react-dom": "^18",
+    "react-google-recaptcha": "^3.1.0",
     "react-hook-form": "^7.52.1",
     "react-icons": "^5.2.1",
     "tailwind-merge": "^2.3.0",

src/app/api/recaptcha/route.ts

@@ -0,0 +1,28 @@
+import { NextRequest } from "next/server";
+import axios from "axios";
+import { z } from "zod";
+import { env } from "@/env";
+
+const schema = z.object({
+  token: z.string(),
+});
+
+export async function POST(req: NextRequest) {
+  try {
+    const { token } = schema.parse(await req.json());
+    const secretKey = env.GOOGLE_RECAPTCHA;
+
+    const response = await axios.post(
+      `https://www.google.com/recaptcha/api/siteverify?secret=${secretKey}&response=${token}`,
+    );
+
+    if (response.data.success)
+      return Response.json(response.data, { status: 200 });
+    else return Response.json(response.data, { status: 400 });
+  } catch (error) {
+    if (error instanceof z.ZodError) {
+      return Response.json(error.issues, { status: 400 });
+    }
+    return Response.json(error, { status: 500 });
+  }
+}