add form validation schema #8

components/pages/Contact/Form/validationSchema.ts

@@ -0,0 +1,26 @@
+import {z} from 'zod';
+
+const requiredFields = z.object({
+  name: z.string().min(1, 'Name is required').max(50, 'Too Long!'),
+  message: z.string().max(500, 'Too Long!'),
+});
+
+const optionalFields = z
+  .object({
+    email: z.string().email('Invalid email address').max(50, 'Too Long!'),
+    telegram: z.string().startsWith('@', 'Invalid telegram nickname').max(50, 'Too Long!'),
+  })
+  .partial()
+  .refine(({email, telegram}) => email || telegram, {
+    message: 'Either email or telegram is required',
+    path: ['email', 'telegram'],
+  });
+
+const validationSchema = requiredFields.and(optionalFields);
+
+/**
+ * Type for the form data.
+ */
+export type ContactFormData = z.infer<typeof validationSchema>;
+
+export default validationSchema;

package.json

@@ -40,7 +40,8 @@
     "react-spinners": "^0.13.8",
     "tailwind-merge": "^1.13.1",
     "tailwindcss": "^3.3.3",
-    "typescript": "5.0.4"
+    "typescript": "5.0.4",
+    "zod": "^3.22.2"
   },
   "devDependencies": {
     "@next/bundle-analyzer": "^13.4.5",