-
- - jstack -
- -- The modern way to confidently ship high-performance, low-cost - Next.js apps. End-to-end typesafe with an incredible DX. -
- -+ PingPanda +
+ ++ PingPanda +
+ +- The modern way to confidently ship high-performance, low-cost - Next.js apps. End-to-end typesafe with an incredible DX. -
- -+ My Store +
+ + {/* navigation items */} ++ {category} +
+{query}
++ {body} +
+ ) +}) +FormMessage.displayName = "FormMessage" + +export { + useFormField, + Form, + FormItem, + FormLabel, + FormControl, + FormDescription, + FormMessage, + FormField, +} diff --git a/src/components/ui/input.tsx b/src/components/ui/input.tsx new file mode 100644 index 0000000..9c4de7d --- /dev/null +++ b/src/components/ui/input.tsx @@ -0,0 +1,22 @@ +import * as React from "react" + +import { cn } from "@/src/lib/utils" + +const Input = React.forwardRef{message}
+{message}
+{label}
+Click here to verify your email.
+ `, + }); +}; +export const sendPasswordResetToken = async (email: string, token: string) => { + const resetLink = `http://localhost:3000/auth/new-password?token=${token}`; + await resend.emails.send({ + from: "authtoolkit@talhaali.xyz", + to: email, + subject: "Reset your password.", + html: ` +Click here to reset your password.
+ `, + }); +}; + +export const sendTwoFactorEmail = async (token: string, email: string) => { + await resend.emails.send({ + from: "authtoolkit@talhaali.xyz", + to: email, + subject: "2FA Code ", + html: ` +2FA Code: ${token}
+ `, + }); +}; diff --git a/src/features/auth/lib/tokens.ts b/src/features/auth/lib/tokens.ts new file mode 100644 index 0000000..874de64 --- /dev/null +++ b/src/features/auth/lib/tokens.ts @@ -0,0 +1,77 @@ +import { v4 as uuidv4 } from "uuid"; +import crypto from "crypto"; +import { getVerificationTokenByEmail } from "../data/verification-token"; +import { db } from "@/src/db"; +import { getPasswordRestTokenByEmail } from "../data/password-reset-token"; +import { getTwoFactorTokenByEmail } from "../data/two-factor-token"; + +export const generateTwoFactorToken = async (email: string) => { + const token = crypto.randomInt(100_000, 1_000_000).toString(); + const expires = new Date(new Date().getTime() + 3600 * 1000); + const existingToken = await getTwoFactorTokenByEmail(email); + + if (existingToken) { + await db.twoFactorToken.delete({ + where: { + id: existingToken.id, + }, + }); + } + + + const twoFactorToken = await db.twoFactorToken.create({ + data: { + email, + expires, + token, + }, + }); + return twoFactorToken; +}; +export const generateVerificationToken = async (email: string) => { + const token = uuidv4(); + const expires = new Date(new Date().getTime() + 3600 * 1000); + + const existingToken = await getVerificationTokenByEmail(email); + + if (existingToken) { + await db.verificationToken.delete({ + where: { + id: existingToken.id, + }, + }); + } + + const verificationToken = await db.verificationToken.create({ + data: { + email, + expires, + token, + }, + }); + return verificationToken; +}; + +export const generatePasswordResetToken = async (email: string) => { + const token = uuidv4(); + const expires = new Date(new Date().getTime() + 3600 * 1000); + + const existingToken = await getPasswordRestTokenByEmail(email); + + if (existingToken) { + await db.passwordResetToken.delete({ + where: { + id: existingToken.id, + }, + }); + } + + const passwordResetToken = await db.passwordResetToken.create({ + data: { + email, + expires, + token, + }, + }); + return passwordResetToken; +}; diff --git a/src/features/auth/schemas/index.ts b/src/features/auth/schemas/index.ts new file mode 100644 index 0000000..d71a9b3 --- /dev/null +++ b/src/features/auth/schemas/index.ts @@ -0,0 +1,29 @@ +import * as z from "zod"; + + +export const SettingsSchema = z.object({ + name: z.optional(z.string()) +}) + +export const NewPasswordSchema = z.object({ + password: z + .string() + .min(6, { message: "Password must be atleast 6 characters." }), +}); +export const ResetSchema = z.object({ + email: z.string().email(), +}); +export const LoginSchema = z.object({ + email: z.string().email(), + password: z.string().min(1, { message: "Password is required" }), + code: z.optional(z.string()) +}); +export const RegisterSchema = z.object({ + email: z.string().email({ + message: "Email is required.", + }), + password: z + .string() + .min(6, { message: "Password must be atleast 6 characters." }), + name: z.string().min(1, { message: "Name is required." }), +}); diff --git a/src/features/products/components/image-upload.tsx b/src/features/products/components/image-upload.tsx new file mode 100644 index 0000000..39585b0 --- /dev/null +++ b/src/features/products/components/image-upload.tsx @@ -0,0 +1,85 @@ +'use client' + +import { useCallback, useState } from "react" +import { ImagePlus, X } from 'lucide-react' +import Image from "next/image" +import { cn } from "@/src/lib/utils" + +interface ImageUploadProps { + onChange: (images: { imageId: string; imageUrl: string }[]) => void + value?: { imageId: string; imageUrl: string }[] + maxImages?: number +} + +export function ImageUpload({ onChange, value = [], maxImages = 4 }: ImageUploadProps) { + const [isUploading, setIsUploading] = useState(false) + + const handleUpload = useCallback(async (file: File) => { + try { + setIsUploading(true) + // const result = await uploadImage(file) + // onChange([...value, result]) + } catch (error) { + console.error('Upload failed:', error) + } finally { + setIsUploading(false) + } + }, [value]) + + const handleDrop = useCallback((e: React.DragEvent