108:"ExplicitChatIdProvider" 109:I[903690,["$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$79","$7a","$7b","$81","$7d","$82","$83","$7f","$84","$85","$86","$87","$88","$89","$7e","$8a","$8b"],"$108"] 10a:I[838238,["$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$79","$7a","$7b","$81","$7d","$82","$83","$7f","$84","$85","$86","$87","$88","$89","$7e","$8a","$8b"],"SWRDataProvider"] 10c:[] 10d:[["b_nNNNRiqfDKH",null],["b_jG4lyopz8GO",null]] 10e:[["b_nNNNRiqfDKH",{"templateVersionId":null,"templateCanonId":null}],["b_jG4lyopz8GO",{"templateVersionId":null,"templateCanonId":null}]] 10f:[["vGx0nv2pNUE","$D2025-08-15T15:31:36.298Z"],["b_D6qhQc7ArMe","$D2025-08-15T15:43:30.817Z"],["b_UQVSaATfpIE","$D2025-08-15T17:42:10.403Z"],["b_LoSrkhIH8wH","$D2025-08-15T17:42:44.820Z"],["b_anzWxGLORTY","$D2025-08-15T18:06:23.020Z"],["b_NJO6vawaalu","$D2025-08-15T18:07:41.942Z"],["b_njokfbjn5dR","$D2025-08-15T18:09:08.420Z"],["b_pgGAQit6XHa","$D2025-08-15T18:14:28.371Z"],["b_zFwVJjeyT4p","$D2025-08-15T18:15:06.958Z"],["b_WElQG6ZpROg","$D2025-08-15T18:15:48.140Z"],["b_BnQbS2bKEUk","$D2025-08-15T18:21:14.496Z"],["b_Mc6JMRBQS4I","$D2025-08-15T18:22:32.650Z"],["b_1JMrCYacDUE","$D2025-08-15T18:25:29.931Z"],["b_Y0OwjSTGqZD","$D2025-08-15T18:28:33.728Z"],["b_u307vGzMrgV","$D2025-08-15T18:36:08.656Z"],["b_QaO1KFwoqrD","$D2025-08-15T18:38:58.081Z"],["b_wn5NaGRAsRr","$D2025-08-15T19:20:08.690Z"],["b_KZvOyv6Sjoa","$D2025-08-15T19:34:29.879Z"],["b_78b7v1yoOc8","$D2025-08-15T19:35:29.131Z"],["b_PmsFXe7biWU","$D2025-08-15T19:36:43.443Z"],["b_YyqAac74ieK","$D2025-08-15T19:38:09.063Z"],["b_P7j7CykhbTg","$D2025-08-15T19:40:23.890Z"],["b_QcE1NV2Owaa","$D2025-08-15T19:42:50.763Z"],["b_6uxrh9nQOZH","$D2025-08-15T19:46:23.077Z"],["b_Dkbi5LU4Rs1","$D2025-08-15T19:54:28.205Z"],["b_eGBfrv1zRUG","$D2025-08-15T19:58:26.488Z"],["b_8eeZRIen1R2","$D2025-08-15T20:00:30.071Z"],["b_82VoTv14kVw","$D2025-08-15T20:03:09.651Z"],["b_mr49wJkxCid","$D2025-08-15T20:15:31.604Z"],["b_O6NJMxH6Paz","$D2025-08-15T20:15:52.621Z"],["b_6uHv7FcjSnn","$D2025-08-15T20:16:29.543Z"],["b_ZQyxxEbyzn3","$D2025-08-15T20:18:35.288Z"],["b_dDtrF4luGTz","$D2025-08-15T20:20:28.220Z"],["b_0GDZ8k8T5mU","$D2025-08-15T20:24:04.959Z"],["b_EHI9NkKdoTj","$D2025-08-15T20:24:35.399Z"],["b_wt3vkCkwsKF","$D2025-08-15T20:28:04.221Z"],["b_9BZCSGtNm7X","$D2025-08-15T20:28:29.100Z"],["b_RvVTtHYGD9t","$D2025-08-15T20:29:46.816Z"],["b_dKpnA9EnaUt","$D2025-08-15T20:30:42.596Z"],["b_GvS0ctjbN0C","$D2025-08-15T20:31:34.679Z"],["b_ywOUtE4SrPJ","$D2025-08-15T20:32:41.433Z"],["b_FBtJ1wAqqkw","$D2025-08-15T20:34:13.010Z"],["b_I78rU0oVhEa","$D2025-08-15T20:40:08.388Z"],["b_CKWXocTAz7g","$D2025-08-16T02:27:33.077Z"],["b_ehutFHf59HC","$D2025-08-16T02:28:59.475Z"],["b_qU8UF1ZtNkI","$D2025-08-16T02:37:37.334Z"],["b_6iiTb1kbk0P","$D2025-08-16T02:38:13.731Z"],["b_0wOwqCbOPKj","$D2025-08-16T02:40:44.306Z"],["b_SzBM6V5RhqR","$D2025-08-16T02:41:56.115Z"],["b_7hQayYmUUny","$D2025-08-16T02:43:32.591Z"],["b_8dbmI4yKA9Q","$D2025-08-16T02:44:11.469Z"],["b_0pLnTQGm1Qf","$D2025-08-16T02:54:38.904Z"],["b_lWAo3VkE2Sg","$D2025-08-16T03:01:52.551Z"],["b_pBztOlBg6Hg","$D2025-08-16T03:02:40.499Z"],["b_Mw5aoPh1Jpt","$D2025-08-16T03:03:26.077Z"],["b_k4UEIoWLBeF","$D2025-08-16T03:09:48.985Z"],["b_nNNNRiqfDKH","$D2025-08-16T03:13:35.859Z"],["b_jG4lyopz8GO","$D2025-08-16T03:17:22.435Z"]] 110:[["b_nNNNRiqfDKH",false],["b_jG4lyopz8GO",false]] 111:[["b_nNNNRiqfDKH","$undefined"],["b_jG4lyopz8GO",{"git":{"ref":"main","sha":"af93c31237e8c7b8f31d6663077c72214aeda908","type":"github","repoId":0,"repoName":"sistema-erp","ownerName":"AndreiCardozo","commitMessage":"feat: enhance event editing in agenda\n\nFix text color, update button text, add delete button, add status selection, and ensure persistence."}}]] 112:[["b_nNNNRiqfDKH",null],["b_jG4lyopz8GO",null]] 113:[["b_nNNNRiqfDKH",true],["b_jG4lyopz8GO",true]] 114:[["b_nNNNRiqfDKH",true],["b_jG4lyopz8GO",true]] 115:[] 116:Tdfaa8,[V0_FILE]plaintext:file=".gitignore" isMerged="true" # See https://help.github.com/articles/ignoring-files/ for more about ignoring files. # dependencies /node_modules # next.js /.next/ /out/ # production /build # debug npm-debug.log* yarn-debug.log* yarn-error.log* .pnpm-debug.log* # env files .env* # vercel .vercel # typescript *.tsbuildinfo next-env.d.ts [V0_FILE]markdown:file="README.md" isMerged="true" # Sistema ERP Completo Sistema ERP moderno com controle de assinatura, desenvolvido com Next.js, Supabase e TypeScript. ## 🚀 Funcionalidades ### Sistema de Assinatura - **Planos flexíveis**: Gratuito, Básico, Profissional e Empresarial - **Controle de acesso**: Recursos bloqueados por nível de assinatura - **Upgrade automático**: Sistema de pagamento integrado - **Middleware de proteção**: Verificação automática de permissões ### Módulos do ERP - **Dashboard**: Visão geral com KPIs e atividades recentes - **Cadastros**: Clientes, fornecedores, produtos, vendedores - **Vendas**: CRM, PDV, pedidos, notas fiscais, comissões - **Suprimentos**: Ordens de compra, estoque, conferência - **Finanças**: Contas a pagar/receber, caixa, PIX, extratos - **Agenda**: Calendário completo com eventos e compromissos ### Recursos Técnicos - **Autenticação**: Sistema completo com Supabase Auth - **Banco de dados**: PostgreSQL com RLS (Row Level Security) - **Interface**: Design moderno com tema azul/preto - **Responsivo**: Funciona em desktop, tablet e mobile - **TypeScript**: Tipagem completa para maior segurança ## 🛠️ Configuração ### 1. Configurar Supabase 1. Crie um projeto no [Supabase](https://supabase.com) 2. Execute os scripts SQL na ordem: - `scripts/01-create-auth-and-subscription.sql` - `scripts/02-create-erp-tables.sql` - `scripts/03-insert-sample-data.sql` ### 2. Variáveis de Ambiente Crie um arquivo `.env.local` com suas credenciais: \`\`\`env NEXT_PUBLIC_SUPABASE_URL=sua_url_do_supabase NEXT_PUBLIC_SUPABASE_ANON_KEY=sua_chave_anonima SUPABASE_SERVICE_ROLE_KEY=sua_chave_de_servico \`\`\` ### 3. Instalação \`\`\`bash npm install npm run dev \`\`\` ## 📊 Estrutura do Banco ### Tabelas Principais - `profiles`: Perfis de usuário com dados de assinatura - `planos`: Planos de assinatura disponíveis - `pagamentos`: Histórico de pagamentos - `clientes`: Cadastro de clientes e fornecedores - `produtos`: Catálogo de produtos - `pedidos_venda`: Pedidos e vendas - `contas_receber/pagar`: Controle financeiro - `eventos`: Agenda e compromissos ### Segurança - **RLS habilitado**: Usuários só acessam seus próprios dados - **Funções de controle**: Verificação automática de permissões - **Middleware**: Proteção de rotas sensíveis ## 🎨 Design - **Tema**: Azul e preto com gradientes - **Componentes**: shadcn/ui para consistência - **Animações**: Transições suaves e efeitos hover - **Responsivo**: Layout adaptável para todos os dispositivos ## 🔐 Sistema de Permissões ### Recursos por Plano - **Gratuito**: Dashboard básico, agenda limitada - **Básico**: Cadastros, relatórios básicos - **Profissional**: Vendas, finanças, relatórios avançados - **Empresarial**: Acesso completo + recursos premium ### Controle de Acesso - Verificação automática por página - Redirecionamento para upgrade quando necessário - Bloqueio de funcionalidades premium ## 📱 Páginas Disponíveis ### Início - Dashboard, Agenda, Minha Conta, Integrações - Upgrade de Plano, Sobre Versão, Ajuda, Ferramentas ### Cadastros - Clientes/Fornecedores, Produtos, Campanhas - Categorias, Vendedores, Relatórios ### Vendas - CRM, PDV, Propostas, Pedidos, Notas Fiscais - Comissões, Performance, Separação, Expedição ### Finanças - Caixa, Conta Digital, PIX, Contas a Pagar/Receber - Cobranças, Extratos, Relatórios ## 🚀 Deploy O sistema está pronto para deploy no Vercel: 1. Conecte seu repositório 2. Configure as variáveis de ambiente 3. Deploy automático ## 📞 Suporte Para suporte técnico ou dúvidas sobre o sistema, entre em contato através do módulo de Ajuda do ERP. --- **Desenvolvido com ❤️ usando Next.js, Supabase e TypeScript** [V0_FILE]typescriptreact:file="app/layout.tsx" isMerged="true" import type React from "react" import type { Metadata } from "next" import { Space_Grotesk } from "next/font/google" import "./globals.css" import { AuthProvider } from "@/lib/auth-guard" const spaceGrotesk = Space_Grotesk({ subsets: ["latin"], display: "swap", variable: "--font-space-grotesk", }) export const metadata: Metadata = { title: "Sistema ERP", description: "Sistema ERP completo com tema azul e preto", generator: "v0.app", } export default function RootLayout({ children, }: Readonly<{ children: React.ReactNode }>) { return ( {children} ) } [V0_FILE]typescriptreact:file="app/page.tsx" isMerged="true" "use client" import type React from "react" import { useState } from "react" import { useToast } from "@/hooks/use-toast" import { Toaster } from "@/components/ui/toaster" import { AuthCard } from "@/components/auth/auth-card" import { Dashboard } from "@/components/dashboard/dashboard" import { useAuth } from "@/lib/auth-guard" import { supabase } from "@/lib/supabase" export default function AuthPage() { const [isLoading, setIsLoading] = useState(false) const [password, setPassword] = useState("") const [email, setEmail] = useState("") const [fullName, setFullName] = useState("") const [rememberMe, setRememberMe] = useState(false) const { toast } = useToast() const { user, loading } = useAuth() const validateEmail = (email: string) => { return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email) } const handleSignIn = async (e: React.FormEvent) => { e.preventDefault() if (!validateEmail(email)) { toast({ title: "Email inválido", description: "Por favor, digite um endereço de email válido.", variant: "destructive", }) return } setIsLoading(true) try { const { data, error } = await supabase.auth.signInWithPassword({ email, password, }) if (error) { toast({ title: "Erro no login", description: error.message, variant: "destructive", }) return } toast({ title: "Login realizado com sucesso!", description: "Bem-vindo ao Sistema ERP.", }) } catch (error) { toast({ title: "Erro no login", description: "Ocorreu um erro inesperado. Tente novamente.", variant: "destructive", }) } finally { setIsLoading(false) } } const handleSignUp = async (e: React.FormEvent) => { e.preventDefault() if (!validateEmail(email)) { toast({ title: "Email inválido", description: "Por favor, digite um endereço de email válido.", variant: "destructive", }) return } if (password.length < 6) { toast({ title: "Senha muito curta", description: "A senha deve ter pelo menos 6 caracteres.", variant: "destructive", }) return } setIsLoading(true) try { // 1. Usuário preenche formulário de cadastro // 2. Frontend chama supabase.auth.signUp() const { data, error } = await supabase.auth.signUp({ email, password, options: { emailRedirectTo: process.env.NEXT_PUBLIC_DEV_SUPABASE_REDIRECT_URL || window.location.origin, }, }) if (error) { toast({ title: "Erro no cadastro", description: error.message, variant: "destructive", }) return } // 3. Se cadastro for bem-sucedido: if (data.user) { try { // ✅ Chama supabase.rpc('create_user_profile') se existir const { error: rpcError } = await supabase.rpc('create_user_profile', { user_id: data.user.id, user_email: data.user.email, user_name: fullName }) if (rpcError) { console.log('RPC não disponível, criando perfil manualmente:', rpcError.message) // ✅ Cria perfil manualmente como fallback const { error: profileError } = await supabase .from('profiles') .insert({ id: data.user.id, email: data.user.email, nome_completo: fullName, plano_id: null, // Será definido pelo trigger handle_new_user assinatura_ativa: false, status_pagamento: 'pendente' }) if (profileError) { console.log('Erro ao criar perfil manualmente:', profileError.message) // ✅ Não falha se der erro no perfil } } } catch (profileError) { console.log('Erro ao criar perfil:', profileError) // ✅ Não falha se der erro no perfil } } // 4. Usuário recebe confirmação de sucesso toast({ title: "Conta criada com sucesso!", description: "Verifique seu email para confirmar a conta. Seu perfil foi configurado automaticamente.", }) } catch (error) { toast({ title: "Erro no cadastro", description: "Ocorreu um erro inesperado. Tente novamente.", variant: "destructive", }) } finally { setIsLoading(false) } } const handleSocialLogin = (provider: string) => { if (provider === "Google") { toast({ title: "Login com Google", description: "Funcionalidade em desenvolvimento.", }) } else { toast({ title: `Login com ${provider}`, description: `Funcionalidade em desenvolvimento.`, }) } } const handleForgotPassword = async () => { if (!email) { toast({ title: "Email necessário", description: "Digite seu email para recuperar a senha.", variant: "destructive", }) return } try { const { error } = await supabase.auth.resetPasswordForEmail(email, { redirectTo: `${window.location.origin}/reset-password`, }) if (error) { toast({ title: "Erro na recuperação", description: error.message, variant: "destructive", }) return } toast({ title: "Link de recuperação enviado", description: "Verifique seu email para instruções de redefinição de senha.", }) } catch (error) { toast({ title: "Erro na recuperação", description: "Ocorreu um erro inesperado. Tente novamente.", variant: "destructive", }) } } if (loading) { return (

) } if (user) { return } return (

) } [V0_FILE]typescriptreact:file="app/reset-password/loading.tsx" isMerged="true" export default function Loading() { return null } [V0_FILE]typescriptreact:file="app/reset-password/page.tsx" isMerged="true" "use client" import type React from "react" import { useState, useEffect } from "react" import { useRouter, useSearchParams } from "next/navigation" import { useToast } from "@/hooks/use-toast" import { Toaster } from "@/components/ui/toaster" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { Label } from "@/components/ui/label" import { supabase } from "@/lib/supabase" export default function ResetPasswordPage() { const [password, setPassword] = useState("") const [confirmPassword, setConfirmPassword] = useState("") const [isLoading, setIsLoading] = useState(false) const router = useRouter() const searchParams = useSearchParams() const { toast } = useToast() useEffect(() => { // Verificar se há tokens de recuperação na URL const hashParams = new URLSearchParams(window.location.hash.substring(1)) const accessToken = hashParams.get("access_token") const refreshToken = hashParams.get("refresh_token") if (accessToken && refreshToken) { // Definir a sessão com os tokens de recuperação supabase.auth.setSession({ access_token: accessToken, refresh_token: refreshToken, }) } }, []) const handleResetPassword = async (e: React.FormEvent) => { e.preventDefault() if (password.length < 6) { toast({ title: "Senha muito curta", description: "A senha deve ter pelo menos 6 caracteres.", variant: "destructive", }) return } if (password !== confirmPassword) { toast({ title: "Senhas não coincidem", description: "As senhas digitadas não são iguais.", variant: "destructive", }) return } setIsLoading(true) try { const { error } = await supabase.auth.updateUser({ password: password, }) if (error) { toast({ title: "Erro ao redefinir senha", description: error.message, variant: "destructive", }) return } toast({ title: "Senha redefinida!", description: "Sua senha foi alterada com sucesso.", }) // Redirecionar para login após 2 segundos setTimeout(() => { router.push("/") }, 2000) } catch (error) { toast({ title: "Erro inesperado", description: "Ocorreu um erro ao redefinir a senha.", variant: "destructive", }) } finally { setIsLoading(false) } } return (

Redefinir Senha Digite sua nova senha

) } [V0_FILE]json:file="components.json" isMerged="true" { "$schema": "https://ui.shadcn.com/schema.json", "style": "new-york", "rsc": true, "tsx": true, "tailwind": { "config": "", "css": "app/globals.css", "baseColor": "neutral", "cssVariables": true, "prefix": "" }, "aliases": { "components": "@/components", "utils": "@/lib/utils", "ui": "@/components/ui", "lib": "@/lib", "hooks": "@/hooks" }, "iconLibrary": "lucide" } [V0_FILE]typescriptreact:file="components/auth/auth-card.tsx" isMerged="true" "use client" import type React from "react" import { useState } from "react" import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { X, Mail, ChevronDown, Eye, EyeOff } from "lucide-react" interface AuthCardProps { isLoading: boolean email: string setEmail: (email: string) => void password: string setPassword: (password: string) => void fullName: string setFullName: (fullName: string) => void rememberMe: boolean setRememberMe: (remember: boolean) => void onSignIn: (e: React.FormEvent) => void onSignUp: (e: React.FormEvent) => void onSocialLogin: (provider: string) => void onForgotPassword: () => void } export function AuthCard({ isLoading, email, setEmail, password, setPassword, fullName, setFullName, rememberMe, setRememberMe, onSignIn, onSignUp, onSocialLogin, onForgotPassword, }: AuthCardProps) { const [activeTab, setActiveTab] = useState("signup") const [phoneNumber, setPhoneNumber] = useState("(11) 99999-9999") const [showPassword, setShowPassword] = useState(false) const [confirmPassword, setConfirmPassword] = useState("") const [showConfirmPassword, setShowConfirmPassword] = useState(false) const handleRedirect = () => { window.open("https://portfolio.andreicardozo.online/", "_blank") } return (

{/* Header with tabs and close button */}

{activeTab === "signup" ? "Criar uma conta" : "Bem-vindo de volta"}

{/* Sign Up Form */}

{/* Name field */}

setFullName(e.target.value)} className="bg-black/20 backdrop-blur-sm border border-white/10 rounded-2xl h-14 text-white placeholder:text-white/40 focus:border-white/30 focus:ring-0 text-base transition-all duration-200 hover:bg-black/30 focus:bg-black/30" placeholder="Nome completo" />

{/* Email field */}

setEmail(e.target.value)} className="bg-black/20 backdrop-blur-sm border border-white/10 rounded-2xl h-14 text-white placeholder:text-white/40 focus:border-white/30 focus:ring-0 pl-12 text-base transition-all duration-200 hover:bg-black/30 focus:bg-black/30" placeholder="Digite seu email" />

{/* Phone field */}

setPhoneNumber(e.target.value)} className="bg-black/20 backdrop-blur-sm border border-white/10 rounded-2xl h-14 text-white placeholder:text-white/40 focus:border-white/30 focus:ring-0 pl-20 text-base transition-all duration-200 hover:bg-black/30 focus:bg-black/30" placeholder="Número de telefone" />

{/* Password field */}

setPassword(e.target.value)} className="bg-black/20 backdrop-blur-sm border border-white/10 rounded-2xl h-14 text-white placeholder:text-white/40 focus:border-white/30 focus:ring-0 pr-12 text-base transition-all duration-200 hover:bg-black/30 focus:bg-black/30" placeholder="Digite sua senha" />

{/* Confirm Password field */}

setConfirmPassword(e.target.value)} className="bg-black/20 backdrop-blur-sm border border-white/10 rounded-2xl h-14 text-white placeholder:text-white/40 focus:border-white/30 focus:ring-0 pr-12 text-base transition-all duration-200 hover:bg-black/30 focus:bg-black/30" placeholder="Confirme sua senha" />

{/* Create account button */}

{/* Sign In Form */}

{/* Email field */}

{/* Password field */}

{/* Remember me and forgot password */}

setRememberMe(e.target.checked)} className="w-4 h-4 rounded border border-white/20 bg-black/20 text-white focus:ring-white/20 focus:ring-2" /> Lembrar de mim

{/* Sign in button */}

{/* Divider */}

{activeTab === "signup" ? "OU ENTRE COM" : "OU CONTINUE COM"}

{activeTab === "signup" ? "Ao criar uma conta, você concorda com nossos Termos de Serviço" : "Ao entrar, você concorda com nossos Termos de Serviço"}

designed and developed with ❤️ by{" "}

) } [V0_FILE]typescriptreact:file="components/auth/auth-form.tsx" isMerged="true" "use client" import type React from "react" import { useState } from "react" import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { Label } from "@/components/ui/label" import { Checkbox } from "@/components/ui/checkbox" import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs" import { Eye, EyeOff, Loader2, Mail, Lock, User } from "lucide-react" import { PasswordStrengthIndicator } from "./password-strength" import { SocialLogin } from "./social-login" interface AuthFormProps { isLoading: boolean email: string setEmail: (email: string) => void password: string setPassword: (password: string) => void rememberMe: boolean setRememberMe: (remember: boolean) => void onSignIn: (e: React.FormEvent) => void onSignUp: (e: React.FormEvent) => void onSocialLogin: (provider: string) => void onForgotPassword: () => void } export function AuthForm({ isLoading, email, setEmail, password, setPassword, rememberMe, setRememberMe, onSignIn, onSignUp, onSocialLogin, onForgotPassword, }: AuthFormProps) { const [showPassword, setShowPassword] = useState(false) const [confirmPassword, setConfirmPassword] = useState("") const [fullName, setFullName] = useState("") return ( Sign In Sign Up

setEmail(e.target.value)} className="pl-10 bg-white/10 border-white/20 text-white placeholder:text-white/50 focus:border-white/40 backdrop-blur-sm" required />

Password

setPassword(e.target.value)} className="pl-10 pr-10 bg-white/10 border-white/20 text-white placeholder:text-white/50 focus:border-white/40 backdrop-blur-sm" required />

Remember me

Full Name

setFullName(e.target.value)} className="pl-10 bg-white/10 border-white/20 text-white placeholder:text-white/50 focus:border-white/40 backdrop-blur-sm" required />

setEmail(e.target.value)} className="pl-10 bg-white/10 border-white/20 text-white placeholder:text-white/50 focus:border-white/40 backdrop-blur-sm" required />

Password

setPassword(e.target.value)} className="pl-10 pr-10 bg-white/10 border-white/20 text-white placeholder:text-white/50 focus:border-white/40 backdrop-blur-sm" required />

Confirm Password

setConfirmPassword(e.target.value)} className="pl-10 bg-white/10 border-white/20 text-white placeholder:text-white/50 focus:border-white/40 backdrop-blur-sm" required />

{confirmPassword && password !== confirmPassword && (

Passwords do not match

)}

) } [V0_FILE]typescriptreact:file="components/auth/password-strength.tsx" isMerged="true" import { CheckCircle, XCircle } from "lucide-react" interface PasswordStrengthProps { password: string } export function PasswordStrengthIndicator({ password }: PasswordStrengthProps) { const getPasswordStrength = (password: string) => { let strength = 0 const checks = { length: password.length >= 8, uppercase: /[A-Z]/.test(password), lowercase: /[a-z]/.test(password), number: /\d/.test(password), special: /[!@#$%^&*(),.?":{}|<>]/.test(password), } strength = Object.values(checks).filter(Boolean).length return { score: strength, checks, label: strength < 2 ? "Weak" : strength < 4 ? "Medium" : "Strong", color: strength < 2 ? "text-red-400" : strength < 4 ? "text-yellow-400" : "text-green-400", } } const passwordStrength = getPasswordStrength(password) if (!password) return null return (

Password strength: {passwordStrength.label}

{[...Array(5)].map((_, i) => (

))}

{Object.entries(passwordStrength.checks).map(([key, passed]) => (

{passed ? ( ) : ( )} {key === "length" && "At least 8 characters"} {key === "uppercase" && "One uppercase letter"} {key === "lowercase" && "One lowercase letter"} {key === "number" && "One number"} {key === "special" && "One special character"}

))}

) } export function getPasswordStrength(password: string) { let strength = 0 const checks = { length: password.length >= 8, uppercase: /[A-Z]/.test(password), lowercase: /[a-z]/.test(password), number: /\d/.test(password), special: /[!@#$%^&*(),.?":{}|<>]/.test(password), } strength = Object.values(checks).filter(Boolean).length return { score: strength, checks, label: strength < 2 ? "Weak" : strength < 4 ? "Medium" : "Strong", color: strength < 2 ? "text-red-400" : strength < 4 ? "text-yellow-400" : "text-green-400", } } [V0_FILE]typescriptreact:file="components/auth/sign-in-form.tsx" isMerged="true" "use client" import type React from "react" import { useState } from "react" import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { Label } from "@/components/ui/label" import { Checkbox } from "@/components/ui/checkbox" import { Eye, EyeOff, Mail, Lock } from "lucide-react" interface SignInFormProps { onSubmit: (e: React.FormEvent) => void isLoading: boolean email: string setEmail: (email: string) => void password: string setPassword: (password: string) => void rememberMe: boolean setRememberMe: (remember: boolean) => void onForgotPassword: () => void } export function SignInForm({ onSubmit, isLoading, email, setEmail, password, setPassword, rememberMe, setRememberMe, onForgotPassword, }: SignInFormProps) { const [showPassword, setShowPassword] = useState(false) return (

Email setEmail(e.target.value)} required className="bg-[#2c2c2e] border border-[#3a3a3c] text-white placeholder:text-[#8e8e93] focus:border-[#007aff] focus:ring-2 focus:ring-[#007aff]/20 transition-all duration-200 rounded-2xl h-14 text-base font-sans" />

Senha

setPassword(e.target.value)} required className="bg-[#2c2c2e] border border-[#3a3a3c] text-white placeholder:text-[#8e8e93] focus:border-[#007aff] focus:ring-2 focus:ring-[#007aff]/20 transition-all duration-200 rounded-2xl h-14 pr-14 text-base font-sans" />

Lembrar de mim

) } [V0_FILE]typescriptreact:file="components/auth/sign-up-form.tsx" isMerged="true" "use client" import type React from "react" import { useState } from "react" import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { Label } from "@/components/ui/label" import { Eye, EyeOff, Mail, Lock, User } from "lucide-react" interface SignUpFormProps { onSubmit: (e: React.FormEvent) => void isLoading: boolean password: string setPassword: (password: string) => void } export function SignUpForm({ onSubmit, isLoading, password, setPassword }: SignUpFormProps) { const [showPassword, setShowPassword] = useState(false) return ( ) } [V0_FILE]typescriptreact:file="components/auth/social-login.tsx" isMerged="true" "use client" import { Button } from "@/components/ui/button" import { Separator } from "@/components/ui/separator" import { Github, Mail } from "lucide-react" interface SocialLoginProps { onSocialLogin: (provider: string) => void type: "signin" | "signup" isLoading?: boolean } export function SocialLogin({ onSocialLogin, type, isLoading = false }: SocialLoginProps) { return (

{type === "signin" ? "OR CONTINUE WITH" : "OR SIGN UP WITH"}

) } [V0_FILE]typescriptreact:file="components/dashboard/app-sidebar.tsx" isFixed="true" isEdit="true" isQuickEdit="true" isMerged="true" "use client" import { Home, Users, ShoppingCart, Package, DollarSign, Settings, BarChart3, Calendar, User, Zap, CreditCard, Info, HelpCircle, Wrench, UserPlus, Megaphone, FileText, ShoppingBag, Truck, FileCheck, CheckSquare, TrendingUp, Headphones, Target, Monitor, FileSpreadsheet, Receipt, Percent, Activity, Calculator, Globe, Scissors, Send, RotateCw, Wallet, CreditCardIcon, Banknote, Building2, PiggyBank, } from "lucide-react" import { Sidebar, SidebarContent, SidebarGroup, SidebarGroupContent, SidebarGroupLabel, SidebarMenu, SidebarMenuButton, SidebarMenuItem, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, } from "@/components/ui/sidebar" import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "@/components/ui/collapsible" interface AppSidebarProps { onPageChange?: (page: string) => void currentPage?: string } const menuItems = [ { title: "Início", icon: Home, items: [ { title: "Dashboard", icon: BarChart3 }, { title: "Agenda", icon: Calendar }, { title: "Minha Conta", icon: User }, { title: "Integrações", icon: Zap }, { title: "Upgrade de Plano", icon: CreditCard }, { title: "Sobre Versão", icon: Info }, { title: "Ajuda do ERP", icon: HelpCircle }, { title: "Ferramentas", icon: Wrench }, ], }, { title: "Cadastros", icon: Users, items: [ { title: "Cliente e Fornecedores", icon: UserPlus }, { title: "Campanhas Promocionais", icon: Megaphone }, { title: "Vendedores", icon: Users }, { title: "Relatórios", icon: FileText }, ], }, { title: "Suprimentos", icon: Package, items: [ { title: "Ordem de Serviço", icon: Wrench }, { title: "Orçamento", icon: Calculator }, { title: "Ordens de Compra", icon: ShoppingBag }, { title: "Serviços Tomados", icon: Wrench }, { title: "Notas de Entrada", icon: Truck }, { title: "Conferência de Compra", icon: FileCheck }, { title: "Necessidade de Compra", icon: CheckSquare }, { title: "Giro de Estoque", icon: TrendingUp }, { title: "FCI", icon: FileText }, { title: "Relatórios", icon: BarChart3 }, ], }, { title: "Vendas", icon: ShoppingCart, items: [ { title: "CRM", icon: Headphones }, { title: "Painel de Automações", icon: Target }, { title: "PDV", icon: Monitor }, { title: "Propostas Comerciais", icon: FileSpreadsheet }, { title: "Pedidos de Venda", icon: Receipt }, { title: "Notas Fiscais", icon: FileText }, { title: "Comissões", icon: Percent }, { title: "Performance de Vendas", icon: Activity }, { title: "Margem Contribuição", icon: Calculator }, { title: "Custos do e-commerce", icon: Globe }, { title: "Separação", icon: Scissors }, { title: "Expedição", icon: Send }, { title: "Devoluções de venda", icon: RotateCw }, { title: "Relatórios", icon: BarChart3 }, ], }, { title: "Finanças", icon: DollarSign, items: [ { title: "Caixa", icon: Wallet }, { title: "Conta Digital", icon: CreditCard }, { title: "PIX Grátis", icon: Zap }, { title: "Contas a Pagar", icon: CreditCardIcon }, { title: "Contas a Receber", icon: Banknote }, { title: "Cobranças Bancárias", icon: Building2 }, { title: "Extratos Bancários", icon: PiggyBank }, { title: "Relatórios", icon: BarChart3 }, ], }, { title: "Configuração", icon: Settings, items: [], }, ] export function AppSidebar({ onPageChange, currentPage }: AppSidebarProps) { const handlePageChange = (page: string) => { if (onPageChange) { onPageChange(page) } } return ( Sistema ERP {menuItems.map((item) => ( {item.title} {item.items.length > 0 && ( {item.items.map((subItem) => ( ))} )} ))} ) } function getPageKey(section: string, page: string): string { const pageMap: { [key: string]: string } = { Dashboard: "dashboard", Agenda: "agenda", "Minha Conta": "minha-conta", Integrações: "integracoes", "Upgrade de Plano": "upgrade-plano", "Sobre Versão": "sobre-versao", "Ajuda do ERP": "ajuda-erp", Ferramentas: "ferramentas", "Cliente e Fornecedores": "clientes-fornecedores", "Campanhas Promocionais": "campanhas-promocionais", Vendedores: "vendedores-cadastros", "Ordem de Serviço": "ordem-servico", Orçamento: "orcamento", "Ordens de Compra": "ordens-de-compra", "Serviços Tomados": "servicos-tomados", "Notas de Entrada": "notas-de-entrada", "Conferência de Compra": "conferencia-de-compra", "Necessidade de Compra": "necessidade-de-compra", "Giro de Estoque": "giro-de-estoque", FCI: "fci", CRM: "crm", "Painel de Automações": "painel-automacoes", PDV: "pdv", "Propostas Comerciais": "propostas-comerciais", "Pedidos de Venda": "pedidos-venda", "Notas Fiscais": "notas-fiscais", Comissões: "comissoes", "Performance de Vendas": "performance-vendas", "Margem Contribuição": "margem-contribuicao", "Custos do e-commerce": "custos-ecommerce", Separação: "separacao", Expedição: "expedicao", "Devoluções de venda": "devolucoes-venda", Caixa: "caixa", "Conta Digital": "conta-digital", "PIX Grátis": "pix-gratis", "Contas a Pagar": "contas-pagar", "Contas a Receber": "contas-receber", "Cobranças Bancárias": "cobrancas-bancarias", "Extratos Bancários": "extratos-bancarios", Configuração: "configuracoes", Relatórios: section === "Cadastros" ? "relatorios-cadastros" : section === "Suprimentos" ? "relatorios-suprimentos" : section === "Vendas" ? "relatorios-vendas" : section === "Finanças" ? "relatorios-financas" : "relatorios", } return pageMap[page] || page.toLowerCase().replace(/\s+/g, "-") } [V0_FILE]typescriptreact:file="components/dashboard/dashboard.tsx" isMerged="true" "use client" import type React from "react" import { useState } from "react" import { SidebarProvider, SidebarTrigger, SidebarInset } from "@/components/ui/sidebar" import { AppSidebar } from "./app-sidebar" import { DashboardContent } from "./dashboard-content" import { AgendaPage } from "./pages/agenda-page" import { MinhaContaPage } from "./pages/minha-conta-page" import { IntegracoesPage } from "./pages/integracoes-page" import { UpgradePlanoPage } from "./pages/upgrade-plano-page" import { SobreVersaoPage } from "./pages/sobre-versao-page" import { AjudaErpPage } from "./pages/ajuda-erp-page" import { FerramentasPage } from "./pages/ferramentas-page" import { ClientesFornecedoresPage } from "./pages/cadastros/clientes-fornecedores-page" import { ProdutosPage } from "./pages/cadastros/produtos-page" import { CampanhasPromocionaisPage } from "./pages/cadastros/campanhas-promocionais-page" import { CategoriasProdutosPage } from "./pages/cadastros/categorias-produtos-page" import { VendedoresCadastrosPage } from "./pages/cadastros/vendedores-cadastros-page" import { RelatoriosCadastrosPage } from "./pages/cadastros/relatorios-cadastros-page" import { OrdensCompraPage } from "./pages/suprimentos/ordens-compra-page" import { ServicosTomadosPage } from "./pages/suprimentos/servicos-tomados-page" import { NotasEntradaPage } from "./pages/suprimentos/notas-entrada-page" import { ConferenciaCompraPage } from "./pages/suprimentos/conferencia-compra-page" import { NecessidadeCompraPage } from "./pages/suprimentos/necessidade-compra-page" import { GiroEstoquePage } from "./pages/suprimentos/giro-estoque-page" import { FciPage } from "./pages/suprimentos/fci-page" import { RelatoriosSuprimentosPage } from "./pages/suprimentos/relatorios-suprimentos-page" import { CRMPage } from "./pages/vendas/crm-page" import { PainelAutomacoesPage } from "./pages/vendas/painel-automacoes-page" import { PDVPage } from "./pages/vendas/pdv-page" import { PropostasComerciais } from "./pages/vendas/propostas-comerciais-page" import { PedidosVendaPage } from "./pages/vendas/pedidos-venda-page" import { NotasFiscaisPage } from "./pages/vendas/notas-fiscais-page" import { ComissoesPage } from "./pages/vendas/comissoes-page" import { PerformanceVendasPage } from "./pages/vendas/performance-vendas-page" import { MargemContribuicaoPage } from "./pages/vendas/margem-contribuicao-page" import { CustosEcommercePage } from "./pages/vendas/custos-ecommerce-page" import { SeparacaoPage } from "./pages/vendas/separacao-page" import { ExpedicaoPage } from "./pages/vendas/expedicao-page" import { DevolucoesVendaPage } from "./pages/vendas/devolucoes-venda-page" import { RelatoriosVendasPage } from "./pages/vendas/relatorios-vendas-page" import { CaixaPage } from "./pages/financas/caixa-page" import { ContaDigitalPage } from "./pages/financas/conta-digital-page" import { PixGratisPage } from "./pages/financas/pix-gratis-page" import { ContasPagarPage } from "./pages/financas/contas-pagar-page" import { ContasReceberPage } from "./pages/financas/contas-receber-page" import { CobrancasBancariasPage } from "./pages/financas/cobrancas-bancarias-page" import { ExtratosBancariosPage } from "./pages/financas/extratos-bancarios-page" import { RelatoriosFinancasPage } from "./pages/financas/relatorios-financas-page" import { ConfiguracoesPage } from "./pages/configuracoes-page" import { SubscriptionGuard } from "@/lib/auth-guard" export function Dashboard() { const [currentPage, setCurrentPage] = useState("dashboard") const renderProtectedPage = (component: React.ReactNode, requiredResource: string) => { return {component} } const renderPage = () => { switch (currentPage) { case "dashboard": return case "agenda": return renderProtectedPage(, "agenda") case "minha-conta": return case "integracoes": return renderProtectedPage(, "integrações") case "upgrade-plano": return case "sobre-versao": return case "ajuda-erp": return case "ferramentas": return renderProtectedPage(, "acesso_completo") case "clientes-fornecedores": return renderProtectedPage(, "cadastros") case "produtos": return renderProtectedPage(, "cadastros") case "campanhas-promocionais": return renderProtectedPage(, "cadastros") case "categorias-produtos": return renderProtectedPage(, "cadastros") case "vendedores-cadastros": return renderProtectedPage(, "cadastros") case "relatorios-cadastros": return renderProtectedPage(, "relatorios_avancados") case "ordens-de-compra": return renderProtectedPage(, "suprimentos") case "servicos-tomados": return renderProtectedPage(, "suprimentos") case "notas-de-entrada": return renderProtectedPage(, "suprimentos") case "conferencia-de-compra": return renderProtectedPage(, "suprimentos") case "necessidade-de-compra": return renderProtectedPage(, "suprimentos") case "giro-de-estoque": return renderProtectedPage(, "suprimentos") case "fci": return renderProtectedPage(, "suprimentos") case "relatorios-suprimentos": return renderProtectedPage(, "relatorios_avancados") case "crm": return renderProtectedPage(, "vendas") case "painel-automacoes": return renderProtectedPage(, "vendas") case "pdv": return renderProtectedPage(, "vendas") case "propostas-comerciais": return renderProtectedPage(, "vendas") case "pedidos-venda": return renderProtectedPage(, "vendas") case "notas-fiscais": return renderProtectedPage(, "vendas") case "comissoes": return renderProtectedPage(, "vendas") case "performance-vendas": return renderProtectedPage(, "relatorios_avancados") case "margem-contribuicao": return renderProtectedPage(, "relatorios_avancados") case "custos-ecommerce": return renderProtectedPage(, "vendas") case "separacao": return renderProtectedPage(, "vendas") case "expedicao": return renderProtectedPage(, "vendas") case "devolucoes-venda": return renderProtectedPage(, "vendas") case "relatorios-vendas": return renderProtectedPage(, "relatorios_avancados") case "caixa": return renderProtectedPage(, "financeiro") case "conta-digital": return renderProtectedPage(, "financeiro") case "pix-gratis": return renderProtectedPage(, "financeiro") case "contas-pagar": return renderProtectedPage(, "financeiro") case "contas-receber": return renderProtectedPage(, "financeiro") case "cobrancas-bancarias": return renderProtectedPage(, "financeiro") case "extratos-bancarios": return renderProtectedPage(, "financeiro") case "relatorios-financas": return renderProtectedPage(, "relatorios_avancados") case "configuracoes": return renderProtectedPage(, "acesso_completo") default: return } } return (

{renderPage()}

) } [V0_FILE]typescriptreact:file="components/dashboard/pages/ajuda-erp-page.tsx" isMerged="true" "use client" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { Badge } from "@/components/ui/badge" import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "@/components/ui/accordion" import { Search, HelpCircle, Book, Video, MessageCircle, ExternalLink } from "lucide-react" export function AjudaErpPage() { const faqItems = [ { pergunta: "Como cadastrar um novo produto?", resposta: "Para cadastrar um novo produto, acesse o menu Cadastros > Produtos, clique em 'Novo Produto' e preencha as informações obrigatórias como nome, código, categoria e preço.", }, { pergunta: "Como gerar um relatório de vendas?", resposta: "Vá até o menu Vendas > Relatórios, selecione o período desejado e o tipo de relatório. Você pode exportar os dados em PDF ou Excel.", }, { pergunta: "Como configurar integrações?", resposta: "Acesse Início > Integrações, selecione o serviço desejado e siga o assistente de configuração. Você precisará das credenciais da plataforma externa.", }, { pergunta: "Como fazer backup dos dados?", resposta: "O backup é automático no plano Premium. Para backup manual, vá em Configuração > Backup e Restauração e clique em 'Gerar Backup'.", }, { pergunta: "Como adicionar novos usuários?", resposta: "Em Configuração > Usuários e Permissões, clique em 'Novo Usuário', preencha os dados e defina o nível de acesso apropriado.", }, ] const recursos = [ { titulo: "Documentação Completa", descricao: "Guias detalhados sobre todos os recursos do sistema", icone: Book, link: "#", }, { titulo: "Vídeos Tutoriais", descricao: "Aprenda visualmente com nossos tutoriais em vídeo", icone: Video, link: "#", }, { titulo: "Suporte ao Vivo", descricao: "Chat direto com nossa equipe de suporte", icone: MessageCircle, link: "#", }, ] return (

Ajuda do ERP

Central de ajuda e suporte técnico

Buscar Ajuda Digite sua dúvida ou palavra-chave

{recursos.map((recurso, index) => (

{recurso.titulo}

{recurso.descricao}

))}

Perguntas Frequentes Respostas para as dúvidas mais comuns {faqItems.map((item, index) => ( {item.pergunta} {item.resposta} ))}

Contato Direto Precisa de ajuda personalizada?

Suporte Técnico

suporte@sistemaerp.com

+55 (11) 9999-9999

Horário de Atendimento

Segunda a Sexta: 8h às 18h

Sábado: 8h às 12h

Status do Suporte Tempo médio de resposta

Chat ao Vivo 2 min

Email 4 horas

Telefone Imediato

Todos os nossos canais de suporte estão funcionando normalmente.

) } [V0_FILE]typescriptreact:file="components/dashboard/pages/cadastros/campanhas-promocionais-page.tsx" isMerged="true" "use client" import { useState } from "react" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { Label } from "@/components/ui/label" import { Badge } from "@/components/ui/badge" import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select" import { Textarea } from "@/components/ui/textarea" import { Switch } from "@/components/ui/switch" import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table" import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, } from "@/components/ui/dialog" import { Plus, Search, Edit, Trash2, Megaphone, Calendar, Target, TrendingUp } from "lucide-react" export function CampanhasPromocionaisPage() { const [searchTerm, setSearchTerm] = useState("") const campanhas = [ { id: 1, nome: "Black Friday 2024", tipo: "Desconto Percentual", desconto: "50%", dataInicio: "2024-11-25", dataFim: "2024-11-29", status: "Ativa", vendas: 156, receita: "R$ 45.600", }, { id: 2, nome: "Liquidação de Verão", tipo: "Desconto Fixo", desconto: "R$ 100", dataInicio: "2024-01-15", dataFim: "2024-02-15", status: "Programada", vendas: 0, receita: "R$ 0", }, { id: 3, nome: "Volta às Aulas", tipo: "Frete Grátis", desconto: "Frete Grátis", dataInicio: "2024-01-20", dataFim: "2024-02-28", status: "Rascunho", vendas: 0, receita: "R$ 0", }, ] return (

Campanhas Promocionais

Gerencie suas promoções e campanhas de marketing