"use client"; function Header1() { const { data: user, loading } = useUser(); return /*#__PURE__*/ React.createElement("header", { className: "fixed top-0 left-0 right-0 z-50 bg-orange-500", __source: { fileName: "", lineNumber: 7, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "px-4 py-3", __source: { fileName: "", lineNumber: 8, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto flex flex-col md:flex-row md:items-center md:justify-between", __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2 justify-between md:justify-start", __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2", __source: { fileName: "", lineNumber: 11, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/76fb1e16-a214-45d1-a2cf-fd7ec2a0ffdd/-/format/auto/", alt: "Logo Money Mind System", className: "w-16 h-16 object-contain", __source: { fileName: "", lineNumber: 12, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-lg font-bold text-black", __source: { fileName: "", lineNumber: 17, columnNumber: 15 }, __self: this }, "Money Mind System"))), /*#__PURE__*/ React.createElement("nav", { className: "flex flex-wrap gap-1 justify-center mt-3 md:mt-0", __source: { fileName: "", lineNumber: 22, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "bg-blue-500 hover:bg-blue-600 text-white px-2 py-1.5 rounded text-sm text-center w-[90px]", __source: { fileName: "", lineNumber: 23, columnNumber: 13 }, __self: this }, "Home"), /*#__PURE__*/ React.createElement("a", { href: "/plano-de-neg-cios", className: "bg-green-500 hover:bg-green-600 text-white px-2 py-1.5 rounded text-sm text-center w-[140px] whitespace-nowrap", __source: { fileName: "", lineNumber: 29, columnNumber: 13 }, __self: this }, "Plano de Negócios"), /*#__PURE__*/ React.createElement("a", { href: "/afiliados", className: "bg-yellow-400 hover:bg-yellow-500 text-white px-2 py-1.5 rounded text-sm text-center w-[90px]", __source: { fileName: "", lineNumber: 35, columnNumber: 13 }, __self: this }, "Afiliados"), user?.is_admin && /*#__PURE__*/ React.createElement("a", { href: "/administracao", className: "bg-purple-500 hover:bg-purple-600 text-white px-2 py-1.5 rounded text-sm text-center w-[90px]", __source: { fileName: "", lineNumber: 42, columnNumber: 15 }, __self: this }, "Admin"))))); } function Header1Story() { const customMenuItems = [ { path: "/custom-1", name: "Custom Link 1", color: "bg-blue-600 hover:bg-blue-700" }, { path: "/custom-2", name: "Custom Link 2", color: "bg-yellow-600 hover:bg-yellow-700" } ]; return /*#__PURE__*/ React.createElement("div", { className: "space-y-8", __source: { fileName: "", lineNumber: 71, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 72, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-bold mb-4", __source: { fileName: "", lineNumber: 73, columnNumber: 9 }, __self: this }, "Default Header"), /*#__PURE__*/ React.createElement(Header1, { __source: { fileName: "", lineNumber: 74, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 77, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-bold mb-4", __source: { fileName: "", lineNumber: 78, columnNumber: 9 }, __self: this }, "Header with Custom Menu Items"), /*#__PURE__*/ React.createElement(Header1, { menuItems: customMenuItems, __source: { fileName: "", lineNumber: 81, columnNumber: 9 }, __self: this }))); } "use client"; function MainComponent() { const [isMenuOpen, setIsMenuOpen] = React.useState(false); const [loginForm, setLoginForm] = React.useState({ email: "money.mindsystem@gmail.com", password: "" }); const [adminAuthenticated, setAdminAuthenticated] = React.useState(false); const [affiliates, setAffiliates] = React.useState([]); const [filterText, setFilterText] = React.useState(""); const [error, setError] = React.useState(null); const [isLoading, setIsLoading] = React.useState(false); const [isProcessing, setIsProcessing] = React.useState({}); const [visitasHome, setVisitasHome] = React.useState(null); const [carregandoVisitas, setCarregandoVisitas] = React.useState(false); const [pagamentosPendentes, setPagamentosPendentes] = React.useState([]); const [toastMessage, setToastMessage] = React.useState(null); const [historicoPagamentos, setHistoricoPagamentos] = React.useState([]); const [afiliadosInativos, setAfiliadosInativos] = React.useState([]); const [afiliadosComErro, setAfiliadosComErro] = React.useState([]); const [totaisFinanceiros, setTotaisFinanceiros] = React.useState({ totalComissoesPagas: 0, totalPendentes: 0, receitaBruta: 0, lucroLiquido: 0 }); const [estatisticasVisitas, setEstatisticasVisitas] = React.useState({ total_visitas: 0, visitas_24h: 0, taxa_conversao: 0 }); const [showAffiliatesList, setShowAffiliatesList] = React.useState(false); const [showPaymentHistory, setShowPaymentHistory] = React.useState(false); const menuItems = [ { path: "/", name: "Home", color: "bg-blue-600" }, { path: "/plano-de-negocios", name: "Plano de Negócios", color: "bg-green-600" }, { path: "/afiliados", name: "Afiliados", color: "bg-yellow-500" } ]; const buscarVisitasHome = React.useCallback(async ()=>{ setCarregandoVisitas(true); try { const response = await fetch("/api/buscar-estatisticas-visitas", { method: "POST" }); if (!response.ok) { throw new Error("Erro ao buscar estatísticas"); } const data = await response.json(); if (data.success) { setEstatisticasVisitas(data.data.resumo); setVisitasHome(data.data.resumo.visitas_24h); } } catch (error) { console.error("Erro ao carregar estatísticas:", error); setToastMessage("Erro ao carregar dados de visitas"); } finally{ setCarregandoVisitas(false); } }, []); const buscarPagamentosPendentes = React.useCallback(async ()=>{ try { const res = await fetch("/api/pagamentos/pendentes"); const data = await res.json(); if (data.success) { setPagamentosPendentes(data.pagamentos); } } catch (err) { console.error("Erro ao buscar pagamentos pendentes:", err); } }, []); const buscarDadosPainel = React.useCallback(async ()=>{ try { const response = await fetch("/api/buscar-dados-painel", { method: "POST" }); const data = await response.json(); if (data.success) { setHistoricoPagamentos(data.data.pagamentos); setAfiliadosInativos(data.data.afiliadosInativos); setAfiliadosComErro(data.data.afiliadosIncompletos); setTotaisFinanceiros({ totalComissoesPagas: parseFloat(data.data.totaisFinanceiros.comissoes_pagas) || 0, totalPendentes: parseFloat(data.data.totaisFinanceiros.comissoes_pendentes) || 0, receitaBruta: parseFloat(data.data.totaisFinanceiros.receita_bruta) || 0, lucroLiquido: parseFloat(data.data.totaisFinanceiros.lucro) || 0 }); } } catch (error) { console.error("Erro ao buscar dados do painel:", error); setToastMessage("Erro ao carregar dados do painel"); } }, []); React.useEffect(()=>{ if (adminAuthenticated) { buscarVisitasHome(); buscarPagamentosPendentes(); buscarDadosPainel(); } }, [ adminAuthenticated, buscarVisitasHome, buscarPagamentosPendentes, buscarDadosPainel ]); React.useEffect(()=>{ if (!adminAuthenticated) return; const hoje = new Date(); const dia = hoje.getDate(); const mes = hoje.getMonth() + 1; const ano = hoje.getFullYear(); const isDiaPagamento = dia === 5 || dia === 20; const chaveExecucao = `pagamento-realizado-${ano}-${mes}-${dia}`; if (isDiaPagamento && !localStorage.getItem(chaveExecucao)) { fetch("/api/processar-pagamentos-automaticos", { method: "POST" }).then((res)=>res.json()).then(()=>{ setToastMessage("Pagamentos automáticos realizados com sucesso!"); localStorage.setItem(chaveExecucao, "true"); buscarPagamentosPendentes(); }).catch((err)=>{ console.error("Erro ao executar pagamentos automáticos:", err); setToastMessage("Erro ao processar pagamentos automáticos"); }); } }, [ adminAuthenticated ]); React.useEffect(()=>{ if (toastMessage) { const timer = setTimeout(()=>setToastMessage(null), 4000); return ()=>clearTimeout(timer); } }, [ toastMessage ]); const handleLogin = async (e)=>{ e.preventDefault(); setError(null); const { email, password } = loginForm; if (email === "money.mindsystem@gmail.com" && password === "917Ax#355") { setAdminAuthenticated(true); } else { setError("Email ou senha incorretos"); } }; const handleVerHistorico = async (affiliateId)=>{ try { const res = await fetch(`/api/historico-comissoes?affiliateId=${affiliateId}`); const data = await res.json(); if (!data.success) { setToastMessage("Erro ao buscar histórico"); return; } setToastMessage("Histórico carregado com sucesso"); } catch (error) { console.error("Erro ao buscar histórico:", error); setToastMessage("Erro ao carregar histórico"); } }; const filteredAffiliates = affiliates.filter((a)=>{ const text = filterText.toLowerCase(); return a.name.toLowerCase().includes(text) || a.email.toLowerCase().includes(text) || a.affiliateId.toLowerCase().includes(text); }); const handleLogout = ()=>{ setAdminAuthenticated(false); setLoginForm({ email: "", password: "" }); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-100", __source: { fileName: "", lineNumber: 195, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "bg-orange-500 p-4 shadow-md", __source: { fileName: "", lineNumber: 196, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto flex flex-col sm:flex-row justify-between items-center", __source: { fileName: "", lineNumber: 197, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center mb-4 sm:mb-0", __source: { fileName: "", lineNumber: 198, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/2830f61e-b16f-4ff0-bcc8-66ebd3019a95/-/format/auto/", alt: "Money Mind System Logo", className: "h-12 w-12 object-contain", __source: { fileName: "", lineNumber: 199, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("h1", { className: "text-xl font-bold text-black ml-2", __source: { fileName: "", lineNumber: 204, columnNumber: 13 }, __self: this }, "Money Mind System")), /*#__PURE__*/ React.createElement("nav", { className: "flex flex-wrap gap-2 items-center justify-center sm:justify-end w-full sm:w-auto", __source: { fileName: "", lineNumber: 208, columnNumber: 11 }, __self: this }, menuItems.map((item)=>/*#__PURE__*/ React.createElement("a", { key: item.path, href: item.path, className: `${item.color} text-white px-4 py-2 rounded-lg text-sm font-medium hover:opacity-90 transition-opacity`, __source: { fileName: "", lineNumber: 210, columnNumber: 15 }, __self: this }, item.name)), adminAuthenticated && /*#__PURE__*/ React.createElement("button", { onClick: handleLogout, className: "bg-red-600 text-white px-4 py-2 rounded-lg text-sm font-medium hover:opacity-90 transition-opacity", __source: { fileName: "", lineNumber: 219, columnNumber: 15 }, __self: this }, "Sair")))), /*#__PURE__*/ React.createElement("main", { className: "max-w-7xl mx-auto px-4 py-6", __source: { fileName: "", lineNumber: 230, columnNumber: 7 }, __self: this }, !adminAuthenticated ? /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-md mx-auto mt-12", __source: { fileName: "", lineNumber: 232, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("form", { onSubmit: handleLogin, className: "bg-white p-6 rounded shadow w-full", __source: { fileName: "", lineNumber: 233, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold mb-4", __source: { fileName: "", lineNumber: 237, columnNumber: 15 }, __self: this }, "Login Administrativo"), error && /*#__PURE__*/ React.createElement("div", { className: "bg-red-100 text-red-700 p-2 mb-2 rounded text-center", __source: { fileName: "", lineNumber: 239, columnNumber: 17 }, __self: this }, error), /*#__PURE__*/ React.createElement("div", { className: "space-y-3", __source: { fileName: "", lineNumber: 243, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "email", placeholder: "Email", className: "w-full border p-2 rounded bg-gray-100", value: loginForm.email, readOnly: true, required: true, __source: { fileName: "", lineNumber: 244, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "password", placeholder: "Senha", className: "w-full border p-2 rounded", value: loginForm.password, onChange: (e)=>setLoginForm({ ...loginForm, password: e.target.value }), required: true, __source: { fileName: "", lineNumber: 252, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: isLoading, className: "w-full bg-blue-600 text-white py-2 rounded hover:bg-blue-700 transition-colors disabled:opacity-50", __source: { fileName: "", lineNumber: 262, columnNumber: 17 }, __self: this }, isLoading ? "Entrando..." : "Entrar")))) : /*#__PURE__*/ React.createElement("div", { className: "w-full", __source: { fileName: "", lineNumber: 273, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 274, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-4", __source: { fileName: "", lineNumber: 275, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold", __source: { fileName: "", lineNumber: 276, columnNumber: 17 }, __self: this }, "Painel Administrativo")), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4 mb-6", __source: { fileName: "", lineNumber: 279, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-blue-600 text-white p-4 rounded-lg shadow", __source: { fileName: "", lineNumber: 280, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "text-sm font-semibold", __source: { fileName: "", lineNumber: 281, columnNumber: 19 }, __self: this }, "Visitas Totais"), /*#__PURE__*/ React.createElement("p", { className: "text-2xl font-bold", __source: { fileName: "", lineNumber: 282, columnNumber: 19 }, __self: this }, carregandoVisitas ? "..." : Math.max(285000, estatisticasVisitas.total_visitas).toLocaleString("pt-BR"))), /*#__PURE__*/ React.createElement("div", { className: "bg-green-600 text-white p-4 rounded-lg shadow", __source: { fileName: "", lineNumber: 291, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "text-sm font-semibold", __source: { fileName: "", lineNumber: 292, columnNumber: 19 }, __self: this }, "Visitas (Últimas 24h)"), /*#__PURE__*/ React.createElement("p", { className: "text-2xl font-bold", __source: { fileName: "", lineNumber: 295, columnNumber: 19 }, __self: this }, carregandoVisitas ? "..." : estatisticasVisitas.visitas_24h)), /*#__PURE__*/ React.createElement("div", { className: "bg-purple-600 text-white p-4 rounded-lg shadow", __source: { fileName: "", lineNumber: 301, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "text-sm font-semibold", __source: { fileName: "", lineNumber: 302, columnNumber: 19 }, __self: this }, "Taxa de Conversão"), /*#__PURE__*/ React.createElement("p", { className: "text-2xl font-bold", __source: { fileName: "", lineNumber: 303, columnNumber: 19 }, __self: this }, carregandoVisitas ? "..." : `${estatisticasVisitas.taxa_conversao}%`)), /*#__PURE__*/ React.createElement("div", { className: "bg-blue-600 text-white p-4 rounded-lg shadow", __source: { fileName: "", lineNumber: 309, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "text-sm font-semibold", __source: { fileName: "", lineNumber: 310, columnNumber: 19 }, __self: this }, "Afiliados Totais"), /*#__PURE__*/ React.createElement("p", { className: "text-2xl font-bold", __source: { fileName: "", lineNumber: 311, columnNumber: 19 }, __self: this }, affiliates.length))), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4 mb-6", __source: { fileName: "", lineNumber: 315, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-green-600 text-white p-4 rounded shadow", __source: { fileName: "", lineNumber: 316, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm", __source: { fileName: "", lineNumber: 317, columnNumber: 19 }, __self: this }, "Comissões Pagas"), /*#__PURE__*/ React.createElement("p", { className: "text-xl font-bold", __source: { fileName: "", lineNumber: 318, columnNumber: 19 }, __self: this }, "R$ ", totaisFinanceiros.totalComissoesPagas.toFixed(2))), /*#__PURE__*/ React.createElement("div", { className: "bg-orange-600 text-white p-4 rounded shadow", __source: { fileName: "", lineNumber: 322, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm", __source: { fileName: "", lineNumber: 323, columnNumber: 19 }, __self: this }, "Pendentes a Pagar"), /*#__PURE__*/ React.createElement("p", { className: "text-xl font-bold", __source: { fileName: "", lineNumber: 324, columnNumber: 19 }, __self: this }, "R$ ", totaisFinanceiros.totalPendentes.toFixed(2))), /*#__PURE__*/ React.createElement("div", { className: "bg-blue-600 text-white p-4 rounded shadow", __source: { fileName: "", lineNumber: 328, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm", __source: { fileName: "", lineNumber: 329, columnNumber: 19 }, __self: this }, "Receita Bruta"), /*#__PURE__*/ React.createElement("p", { className: "text-xl font-bold", __source: { fileName: "", lineNumber: 330, columnNumber: 19 }, __self: this }, "R$ ", totaisFinanceiros.receitaBruta.toFixed(2))), /*#__PURE__*/ React.createElement("div", { className: "bg-gray-800 text-white p-4 rounded shadow", __source: { fileName: "", lineNumber: 334, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm", __source: { fileName: "", lineNumber: 335, columnNumber: 19 }, __self: this }, "Lucro Líquido"), /*#__PURE__*/ React.createElement("p", { className: "text-xl font-bold", __source: { fileName: "", lineNumber: 336, columnNumber: 19 }, __self: this }, "R$ ", totaisFinanceiros.lucroLiquido.toFixed(2)))), afiliadosInativos.length > 0 && /*#__PURE__*/ React.createElement("div", { className: "bg-red-100 text-red-800 p-4 rounded shadow mb-4", __source: { fileName: "", lineNumber: 343, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "font-bold mb-2", __source: { fileName: "", lineNumber: 344, columnNumber: 19 }, __self: this }, "Afiliados com Redes Abandonadas"), /*#__PURE__*/ React.createElement("div", { className: "overflow-x-auto", __source: { fileName: "", lineNumber: 347, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("ul", { className: "list-disc pl-6 text-sm", __source: { fileName: "", lineNumber: 348, columnNumber: 21 }, __self: this }, afiliadosInativos.map((a, idx)=>/*#__PURE__*/ React.createElement("li", { key: idx, className: "mb-1", __source: { fileName: "", lineNumber: 350, columnNumber: 25 }, __self: this }, a.nome_completo, " – ", a.email, " – Última venda há", " ", Math.floor((new Date() - new Date(a.ultima_venda)) / (1000 * 60 * 60 * 24)), " ", "dias"))))), afiliadosComErro.length > 0 && /*#__PURE__*/ React.createElement("div", { className: "bg-yellow-100 text-yellow-800 p-4 rounded shadow mb-4", __source: { fileName: "", lineNumber: 365, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "font-bold mb-2", __source: { fileName: "", lineNumber: 366, columnNumber: 19 }, __self: this }, "Afiliados com dados incompletos"), /*#__PURE__*/ React.createElement("div", { className: "overflow-x-auto", __source: { fileName: "", lineNumber: 369, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("ul", { className: "list-disc pl-6 text-sm", __source: { fileName: "", lineNumber: 370, columnNumber: 21 }, __self: this }, afiliadosComErro.map((a, idx)=>/*#__PURE__*/ React.createElement("li", { key: idx, className: "mb-1", __source: { fileName: "", lineNumber: 372, columnNumber: 25 }, __self: this }, a.nome_completo, " – ", a.email, " – Motivo: ", a.erro_tipo))))), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 sm:grid-cols-3 gap-4 mb-6", __source: { fileName: "", lineNumber: 381, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-yellow-500 p-4 rounded-lg shadow cursor-pointer hover:bg-yellow-600 transition-colors", onClick: ()=>setShowAffiliatesList(!showAffiliatesList), __source: { fileName: "", lineNumber: 382, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 386, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-bold text-white", __source: { fileName: "", lineNumber: 387, columnNumber: 21 }, __self: this }, "Lista de Afiliados"), /*#__PURE__*/ React.createElement("span", { className: "text-white text-2xl", __source: { fileName: "", lineNumber: 390, columnNumber: 21 }, __self: this }, showAffiliatesList ? "−" : "+"))), /*#__PURE__*/ React.createElement("div", { className: "bg-red-500 p-4 rounded-lg shadow cursor-pointer hover:bg-red-600 transition-colors", onClick: ()=>setShowPaymentHistory(!showPaymentHistory), __source: { fileName: "", lineNumber: 396, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 400, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-bold text-white", __source: { fileName: "", lineNumber: 401, columnNumber: 21 }, __self: this }, "Histórico de Pagamentos"), /*#__PURE__*/ React.createElement("span", { className: "text-white text-2xl", __source: { fileName: "", lineNumber: 404, columnNumber: 21 }, __self: this }, showPaymentHistory ? "−" : "+"))), /*#__PURE__*/ React.createElement("a", { href: "/pagina-pagamentos", className: "bg-purple-500 p-4 rounded-lg shadow cursor-pointer hover:bg-purple-600 transition-colors", __source: { fileName: "", lineNumber: 410, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 414, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-bold text-white", __source: { fileName: "", lineNumber: 415, columnNumber: 21 }, __self: this }, "Página de Pagamentos"), /*#__PURE__*/ React.createElement("span", { className: "text-white text-2xl", __source: { fileName: "", lineNumber: 418, columnNumber: 21 }, __self: this }, "→")))), showAffiliatesList && /*#__PURE__*/ React.createElement("div", { className: "bg-white p-4 rounded shadow mb-6 overflow-hidden animate-fade-in", __source: { fileName: "", lineNumber: 424, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col sm:flex-row gap-2 items-center mb-4", __source: { fileName: "", lineNumber: 425, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "Buscar por nome, e-mail ou ID", className: "w-full sm:w-96 p-2 border rounded", value: filterText, onChange: (e)=>setFilterText(e.target.value), __source: { fileName: "", lineNumber: 426, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "overflow-x-auto", __source: { fileName: "", lineNumber: 434, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("table", { className: "min-w-full divide-y divide-gray-200", __source: { fileName: "", lineNumber: 435, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("thead", { __source: { fileName: "", lineNumber: 436, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 437, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("th", { className: "px-4 py-3 text-left text-sm font-semibold text-gray-900", __source: { fileName: "", lineNumber: 438, columnNumber: 27 }, __self: this }, "Nome"), /*#__PURE__*/ React.createElement("th", { className: "px-4 py-3 text-left text-sm font-semibold text-gray-900", __source: { fileName: "", lineNumber: 441, columnNumber: 27 }, __self: this }, "E-mail"), /*#__PURE__*/ React.createElement("th", { className: "px-4 py-3 text-left text-sm font-semibold text-gray-900", __source: { fileName: "", lineNumber: 444, columnNumber: 27 }, __self: this }, "ID Afiliado"), /*#__PURE__*/ React.createElement("th", { className: "px-4 py-3 text-left text-sm font-semibold text-gray-900", __source: { fileName: "", lineNumber: 447, columnNumber: 27 }, __self: this }, "Comissão"), /*#__PURE__*/ React.createElement("th", { className: "px-4 py-3 text-left text-sm font-semibold text-gray-900", __source: { fileName: "", lineNumber: 450, columnNumber: 27 }, __self: this }, "PIX"), /*#__PURE__*/ React.createElement("th", { className: "px-4 py-3 text-left text-sm font-semibold text-gray-900", __source: { fileName: "", lineNumber: 453, columnNumber: 27 }, __self: this }, "E-book"), /*#__PURE__*/ React.createElement("th", { className: "px-4 py-3 text-left text-sm font-semibold text-gray-900", __source: { fileName: "", lineNumber: 456, columnNumber: 27 }, __self: this }, "Ações"))), /*#__PURE__*/ React.createElement("tbody", { className: "divide-y divide-gray-200", __source: { fileName: "", lineNumber: 461, columnNumber: 23 }, __self: this }, filteredAffiliates.map((a, idx)=>/*#__PURE__*/ React.createElement("tr", { key: idx, __source: { fileName: "", lineNumber: 463, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("td", { className: "px-4 py-3 text-sm", __source: { fileName: "", lineNumber: 464, columnNumber: 29 }, __self: this }, a.name), /*#__PURE__*/ React.createElement("td", { className: "px-4 py-3 text-sm", __source: { fileName: "", lineNumber: 465, columnNumber: 29 }, __self: this }, a.email), /*#__PURE__*/ React.createElement("td", { className: "px-4 py-3 text-sm", __source: { fileName: "", lineNumber: 466, columnNumber: 29 }, __self: this }, a.affiliateId), /*#__PURE__*/ React.createElement("td", { className: "px-4 py-3 text-sm", __source: { fileName: "", lineNumber: 469, columnNumber: 29 }, __self: this }, "R$ ", (a.commissionDue || 0).toFixed(2)), /*#__PURE__*/ React.createElement("td", { className: "px-4 py-3 text-sm", __source: { fileName: "", lineNumber: 472, columnNumber: 29 }, __self: this }, a.pixKey || "—"), /*#__PURE__*/ React.createElement("td", { className: "px-4 py-3 text-sm", __source: { fileName: "", lineNumber: 475, columnNumber: 29 }, __self: this }, a.ebookTitle || "Não informado"), /*#__PURE__*/ React.createElement("td", { className: "px-4 py-3 text-sm", __source: { fileName: "", lineNumber: 478, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleVerHistorico(a.affiliateId), disabled: isProcessing[a.affiliateId], className: "text-blue-600 hover:text-blue-800 underline disabled:opacity-50", __source: { fileName: "", lineNumber: 479, columnNumber: 31 }, __self: this }, isProcessing[a.affiliateId] ? "Carregando..." : "Histórico")))))))), showPaymentHistory && /*#__PURE__*/ React.createElement("div", { className: "bg-white p-4 rounded shadow mb-6 overflow-hidden animate-fade-in", __source: { fileName: "", lineNumber: 500, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "overflow-x-auto", __source: { fileName: "", lineNumber: 501, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("table", { className: "min-w-full text-sm", __source: { fileName: "", lineNumber: 502, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("thead", { __source: { fileName: "", lineNumber: 503, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 504, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("th", { className: "px-4 py-2 text-left", __source: { fileName: "", lineNumber: 505, columnNumber: 27 }, __self: this }, "Nome"), /*#__PURE__*/ React.createElement("th", { className: "px-4 py-2 text-left", __source: { fileName: "", lineNumber: 506, columnNumber: 27 }, __self: this }, "Email"), /*#__PURE__*/ React.createElement("th", { className: "px-4 py-2 text-left", __source: { fileName: "", lineNumber: 507, columnNumber: 27 }, __self: this }, "Valor"), /*#__PURE__*/ React.createElement("th", { className: "px-4 py-2 text-left", __source: { fileName: "", lineNumber: 508, columnNumber: 27 }, __self: this }, "Data"))), /*#__PURE__*/ React.createElement("tbody", { __source: { fileName: "", lineNumber: 511, columnNumber: 23 }, __self: this }, historicoPagamentos.map((pag, idx)=>/*#__PURE__*/ React.createElement("tr", { key: idx, className: "border-t", __source: { fileName: "", lineNumber: 513, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("td", { className: "px-4 py-2", __source: { fileName: "", lineNumber: 514, columnNumber: 29 }, __self: this }, pag.nome_completo), /*#__PURE__*/ React.createElement("td", { className: "px-4 py-2", __source: { fileName: "", lineNumber: 515, columnNumber: 29 }, __self: this }, pag.email), /*#__PURE__*/ React.createElement("td", { className: "px-4 py-2", __source: { fileName: "", lineNumber: 516, columnNumber: 29 }, __self: this }, "R$ ", parseFloat(pag.valor).toFixed(2)), /*#__PURE__*/ React.createElement("td", { className: "px-4 py-2", __source: { fileName: "", lineNumber: 519, columnNumber: 29 }, __self: this }, new Date(pag.data_pagamento).toLocaleDateString())))))))))), toastMessage && /*#__PURE__*/ React.createElement("div", { className: "fixed bottom-4 right-4 bg-green-600 text-white px-6 py-3 rounded-lg shadow-lg z-50 animate-fade-in", __source: { fileName: "", lineNumber: 537, columnNumber: 9 }, __self: this }, toastMessage), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 542, columnNumber: 7 }, __self: this }, ` @keyframes fade-in { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } } .animate-fade-in { animation: fade-in 0.3s ease-out; } `)); }