diff --git a/src/components/mika/telegram/TelegramOnboardingWizard.tsx b/src/components/mika/telegram/TelegramOnboardingWizard.tsx index 9a1e2c8..2f013d1 100644 --- a/src/components/mika/telegram/TelegramOnboardingWizard.tsx +++ b/src/components/mika/telegram/TelegramOnboardingWizard.tsx @@ -1,37 +1,32 @@ "use client"; -import { useEffect, useMemo, useState } from "react"; +import { useEffect, useState } from "react"; import { motion, AnimatePresence } from "framer-motion"; import { X } from "lucide-react"; import { useQueryClient } from "@tanstack/react-query"; import * as DialogPrimitive from "@radix-ui/react-dialog"; -import { useProfile } from "@/hooks/use-profile"; import { useAgentInstance } from "@/hooks/use-agent-instance"; import { supabase } from "@/integrations/supabase/client"; import { useAuth } from "@/hooks/use-auth"; -import { suggestBotName, suggestBotUsername } from "@/lib/telegram-username"; import { cn } from "@/lib/utils"; import { toast } from "sonner"; import { StepWelcome } from "./StepWelcome"; import { StepCreateBot } from "./StepCreateBot"; -import { StepNaming } from "./StepNaming"; import { StepToken, type ValidatedBot } from "./StepToken"; -import { StepConfiguring } from "./StepConfiguring"; import { StepWaiting } from "./StepWaiting"; const STORAGE_KEY = "mika-onboarding-last-step"; -const TOTAL_STEPS = 6; +const TOTAL_STEPS = 4; interface Props { open: boolean; onOpenChange: (open: boolean) => void; - /** Step inicial (1-6). Se omitido, lê do localStorage ou começa em 1. */ + /** Step inicial (1-4). Se omitido, lê do localStorage ou começa em 1. */ initialStep?: number; } export function TelegramOnboardingWizard({ open, onOpenChange, initialStep }: Props) { - const { data: profile } = useProfile(); const { data: agent } = useAgentInstance(); const { user } = useAuth(); const queryClient = useQueryClient(); @@ -39,12 +34,6 @@ export function TelegramOnboardingWizard({ open, onOpenChange, initialStep }: Pr const [step, setStep] = useState(1); const [validated, setValidated] = useState(null); - const suggestedName = useMemo(() => suggestBotName(profile?.full_name), [profile?.full_name]); - const suggestedUsername = useMemo( - () => suggestBotUsername(profile?.full_name), - [profile?.full_name], - ); - // Inicializa step ao abrir useEffect(() => { if (!open) return; @@ -101,13 +90,6 @@ export function TelegramOnboardingWizard({ open, onOpenChange, initialStep }: Pr } } - function handleConfigured() { - if (user) { - queryClient.invalidateQueries({ queryKey: ["agent-instance", user.id] }); - } - setStep(6); - } - const botUsername = validated?.bot_username ?? agent?.telegram_bot_username ?? ""; const connectedAt = agent?.telegram_connected_at ?? null; @@ -118,9 +100,7 @@ export function TelegramOnboardingWizard({ open, onOpenChange, initialStep }: Pr - Wizard guiado de 6 passos para conectar seu agente Mika ao Telegram. + Wizard guiado para conectar seu agente Mika ao Telegram em 4 passos. - {/* Header com progress + close */}
@@ -157,7 +136,6 @@ export function TelegramOnboardingWizard({ open, onOpenChange, initialStep }: Pr
- {/* Conteúdo dos steps */}
setStep(2)} />} {step === 2 && setStep(3)} />} {step === 3 && ( - setStep(4)} - /> - )} - {step === 4 && ( setStep(5)} + onNext={() => setStep(4)} /> )} - {step === 5 && ( - setStep(6)} - /> - )} - {step === 6 && agent && botUsername && ( + {step === 4 && agent && botUsername && ( )} - {step === 6 && (!agent || !botUsername) && ( + {step === 4 && (!agent || !botUsername) && (
Conecte o bot primeiro para receber a primeira mensagem.