[V0_FILE]typescriptreact:file="app/page.tsx" "use client" import { useState, useEffect, useRef } from "react" import { Button } from "@/components/ui/button" import { Textarea } from "@/components/ui/textarea" import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card" import { Badge } from "@/components/ui/badge" import { Progress } from "@/components/ui/progress" import { ScrollArea } from "@/components/ui/scroll-area" import { Play, Square, MessageSquare, Phone, Clock, CheckCircle, XCircle, Users } from "lucide-react" interface SmsRecord { id: string number: string message: string status: "success" | "failed" timestamp: Date error?: string } export default function SMSSenderPro() { const [phoneNumbers, setPhoneNumbers] = useState("") const [message, setMessage] = useState("") const [isRunning, setIsRunning] = useState(false) const [currentIndex, setCurrentIndex] = useState(0) const [smsHistory, setSmsHistory] = useState([]) const [stats, setStats] = useState({ total: 0, sent: 0, failed: 0, remaining: 0, }) const intervalRef = useRef(null) const numbersArray = phoneNumbers.split("\n").filter((num) => num.trim() !== "") useEffect(() => { setStats({ total: numbersArray.length, sent: smsHistory.filter((sms) => sms.status === "success").length, failed: smsHistory.filter((sms) => sms.status === "failed").length, remaining: Math.max(0, numbersArray.length - currentIndex), }) }, [phoneNumbers, smsHistory, currentIndex, numbersArray.length]) const simulateSMSSend = async (number: string, msg: string): Promise<{ success: boolean; error?: string }> => { // Simula o envio de SMS com 90% de taxa de sucesso await new Promise((resolve) => setTimeout(resolve, 100)) const success = Math.random() > 0.1 if (!success) { const errors = ["Número inválido", "Operadora rejeitou", "Limite de créditos atingido", "Timeout na conexão"] return { success: false, error: errors[Math.floor(Math.random() * errors.length)] } } return { success: true } } const startSending = () => { if (numbersArray.length === 0 || !message.trim()) { alert("Por favor, adicione números de telefone e uma mensagem.") return } setIsRunning(true) intervalRef.current = setInterval(async () => { if (currentIndex >= numbersArray.length) { stopSending() return } const currentNumber = numbersArray[currentIndex].trim() const result = await simulateSMSSend(currentNumber, message) const newRecord: SmsRecord = { id: Date.now().toString(), number: currentNumber, message: message, status: result.success ? "success" : "failed", timestamp: new Date(), error: result.error, } setSmsHistory((prev) => [newRecord, ...prev]) setCurrentIndex((prev) => prev + 1) }, 1000) // 1 SMS por segundo } const stopSending = () => { setIsRunning(false) if (intervalRef.current) { clearInterval(intervalRef.current) intervalRef.current = null } } const resetAll = () => { stopSending() setCurrentIndex(0) setSmsHistory([]) setPhoneNumbers("") setMessage("") } const progress = numbersArray.length > 0 ? (currentIndex / numbersArray.length) * 100 : 0 return (

{/* Header */}

SMS Sender PRO Offline

Envio massivo de SMS com alta velocidade

{/* Stats Cards */}

{stats.total}

Total

{stats.sent}

Enviados

{stats.failed}

Falharam

{stats.remaining}

Restantes

{/* Input Section */} Configuração do Envio

Números de Telefone (um por linha)

setPhoneNumbers(e.target.value)}
                  className="min-h-[120px] font-mono text-sm"
                  disabled={isRunning}
                />
                <div className="text-xs text-gray-500 mt-1">{numbersArray.length} números detectados</div>
              </div>

<div>
                <label className="block text-sm font-medium mb-2">Mensagem SMS</label>
                <Textarea
                  placeholder="Digite sua mensagem aqui..."
                  value={message}
                  onChange={(e) => setMessage(e.target.value)}
                  className="min-h-[80px]"
                  disabled={isRunning}
                />
                <div className="text-xs text-gray-500 mt-1">{message.length}/160 caracteres</div>
              </div>

{/* Progress Bar */}
              {numbersArray.length > 0 && (
                <div className="space-y-2">
                  <div className="flex justify-between text-sm">
                    <span>Progresso</span>
                    <span>{Math.round(progress)}%</span>
                  </div>
                  <Progress value={progress} className="h-2" />
                </div>
              )}

{/* Control Buttons */}
              <div className="flex gap-3">
                <Button
                  onClick={startSending}
                  disabled={isRunning || numbersArray.length === 0 || !message.trim()}
                  className="flex-1"
                  size="lg"
                >
                  <Play className="h-4 w-4 mr-2" />
                  Iniciar Envio
                </Button>
                <Button onClick={stopSending} disabled={!isRunning} variant="destructive" size="lg">
                  <Square className="h-4 w-4 mr-2" />
                  Parar
                </Button>
                <Button onClick={resetAll} disabled={isRunning} variant="outline" size="lg">
                  Reset
                </Button>
              </div>

{isRunning && (
                <div className="flex items-center gap-2 text-sm text-blue-600 bg-blue-50 p-3 rounded-lg">
                  <div className="animate-pulse h-2 w-2 bg-blue-600 rounded-full"></div>
                  Enviando SMS... (1 por segundo)
                </div>
              )}
            </CardContent>
          </Card>

{/* History Section */}
          <Card>
            <CardHeader>
              <CardTitle className="flex items-center gap-2">
                <Clock className="h-5 w-5" />
                Histórico de Envios
              </CardTitle>
            </CardHeader>
            <CardContent>
              <ScrollArea className="h-[400px]">
                {smsHistory.length === 0 ? (
                  <div className="text-center text-gray-500 py-8">
                    <MessageSquare className="h-12 w-12 mx-auto mb-3 opacity-50" />
                    <p>Nenhum SMS enviado ainda</p>
                  </div>
                ) : (
                  <div className="space-y-3">
                    {smsHistory.map((record) => (
                      <div key={record.id} className="flex items-start gap-3 p-3 bg-gray-50 rounded-lg">
                        <div className="flex-shrink-0 mt-1">
                          {record.status === "success" ? (
                            <CheckCircle className="h-4 w-4 text-green-600" />
                          ) : (
                            <XCircle className="h-4 w-4 text-red-600" />
                          )}
                        </div>
                        <div className="flex-1 min-w-0">
                          <div className="flex items-center gap-2 mb-1">
                            <span className="font-mono text-sm font-medium">{record.number}</span>
                            <Badge
                              variant={record.status === "success" ? "default" : "destructive"}
                              className="text-xs"
                            >
                              {record.status === "success" ? "Enviado" : "Falhou"}
                            </Badge>
                          </div>
                          <p className="text-xs text-gray-600 truncate">{record.message}</p>
                          {record.error && <p className="text-xs text-red-600 mt-1">Erro: {record.error}</p>}
                          <p className="text-xs text-gray-400 mt-1">{record.timestamp.toLocaleTimeString()}</p>
                        </div>
                      </div>
                    ))}
                  </div>
                )}
              </ScrollArea>
            </CardContent>
          </Card>
        </div>

{/* Important Notice */}
        <Card className="border-orange-200 bg-orange-50">
          <CardContent className="p-4">
            <div className="flex items-start gap-3">
              <div className="flex-shrink-0">
                <div className="h-8 w-8 bg-orange-100 rounded-full flex items-center justify-center">
                  <span className="text-orange-600 font-bold text-sm">!</span>
                </div>
              </div>
              <div className="space-y-2">
                <h3 className="font-semibold text-orange-800">Aviso Importante</h3>
                <div className="text-sm text-orange-700 space-y-1">
                  <p>• Esta é uma versão web de demonstração que simula o envio de SMS</p>
                  <p>• Para funcionar com chip físico, seria necessário um app Android nativo</p>
                  <p>• Use APIs como Twilio, AWS SNS ou similar para envio real</p>
                  <p>• Respeite as leis anti-spam e obtenha consentimento dos destinatários</p>
                </div>
              </div>
            </div>
          </CardContent>
        </Card>
      </div>
    </div>
  )
}</article></body></html>