/* eslint-disable react-hooks/exhaustive-deps */ /* eslint-disable @next/next/no-img-element */ "use client"; import { Button } from "@/components/ui/button"; import { Input } from "@/components/ui/input"; import { Card, CardContent, CardHeader } from "@/components/ui/card"; import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "@/components/ui/select"; import { Textarea } from "@/components/ui/textarea"; import { Label } from "@/components/ui/label"; import { Type, ImageIcon, Minus, MousePointer, List, ListOrdered, Hash, Video, CreditCard, Share2, Code, Layout, ShoppingCart, Grid3X3, Eye, Smartphone, Monitor, Send, TestTube, } from "lucide-react"; import { useEffect, useRef, useState } from "react"; import { sendEmailToAudience } from "@/lib/sendMail"; import toast from "react-hot-toast"; interface EmailComponent { id: string; type: string; content: any; props?: any; } interface ComponentOption { id: string; label: string; icon: React.ReactNode; type: string; description: string; } const componentOptions: ComponentOption[] = [ { id: "text", label: "Text", icon: , type: "text", description: "Add a text paragraph", }, { id: "image", label: "Image", icon: , type: "image", description: "Add an image", }, { id: "heading1", label: "Heading 1", icon: , type: "heading1", description: "Large heading", }, { id: "heading2", label: "Heading 2", icon: , type: "heading2", description: "Medium heading", }, { id: "heading3", label: "Heading 3", icon: , type: "heading3", description: "Small heading", }, { id: "bulletList", label: "Bullet List", icon: , type: "bulletList", description: "Create a bulleted list", }, { id: "numberedList", label: "Numbered List", icon: , type: "numberedList", description: "Create a numbered list", }, { id: "button", label: "Button", icon: , type: "button", description: "Add a call-to-action button", }, { id: "youtube", label: "YouTube Video", icon:

Richtext Editors (4)

TipTap Modern Editor

Better Editor

Simple Editor

React Email Editor

Newsletter Editor

Email Details

Email Content

Preview