function useRedeMonitor(dashboardData) { // Estado para controlar verificações e status const [monitorStatus, setMonitorStatus] = React.useState({ ultimaVerificacao: null, redeEmRisco: false, redeAbandonada: false }); // Função para verificar redes abandonadas const verificarRedesAbandonadas = React.useCallback(async ()=>{ if (!dashboardData?.rede) return; try { const hoje = new Date(); const redesAbandonadas = dashboardData.rede.filter((afiliado)=>{ const ultimaVenda = new Date(afiliado.ultimaVenda || hoje); const diasSemVenda = Math.floor((hoje - ultimaVenda) / (1000 * 60 * 60 * 24)); return diasSemVenda > 30 && (afiliado.diretosAtivos || 0) < 5; }).map((afiliado)=>({ emailAfiliado: afiliado.email, totalDiretos: afiliado.diretosAtivos || 0, ultimaVenda: afiliado.ultimaVenda, diasSemVenda: Math.floor((hoje - new Date(afiliado.ultimaVenda)) / (1000 * 60 * 60 * 24)) })); if (redesAbandonadas.length > 0) { // Enviar dados para a administração await fetch("/api/admin/redes-abandonadas", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify(redesAbandonadas) }); // Registrar logs para cada rede abandonada await Promise.all(redesAbandonadas.map((rede)=>fetch("/api/admin/logar-atividade", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ tipo: "rede_abandonada", dados: rede }) }))); setMonitorStatus((prev)=>({ ...prev, redeAbandonada: true })); } } catch (error) { console.error("Erro ao verificar redes abandonadas:", error); } }, [ dashboardData ]); // Função para verificar redes em risco const verificarRedesEmRisco = React.useCallback(async ()=>{ if (!dashboardData?.rede) return; try { const hoje = new Date(); const redesEmRisco = dashboardData.rede.filter((afiliado)=>{ const ultimaVenda = new Date(afiliado.ultimaVenda || hoje); const diasSemVenda = Math.floor((hoje - ultimaVenda) / (1000 * 60 * 60 * 24)); return diasSemVenda <= 30 && (afiliado.diretosAtivos || 0) < 5; }); if (redesEmRisco.length > 0) { // Notificar administração sobre redes em risco await fetch("/api/admin/notificar-risco", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ totalEmRisco: redesEmRisco.length, dataReferencia: hoje.toISOString().split("T")[0] }) }); // Registrar logs para cada rede em risco await Promise.all(redesEmRisco.map((afiliado)=>fetch("/api/admin/logar-atividade", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ tipo: "risco_rede", dados: { emailAfiliado: afiliado.email, totalDiretos: afiliado.diretosAtivos || 0, ultimaVenda: afiliado.ultimaVenda } }) }))); setMonitorStatus((prev)=>({ ...prev, redeEmRisco: true })); } } catch (error) { console.error("Erro ao verificar redes em risco:", error); } }, [ dashboardData ]); // Efeito para executar verificações diárias React.useEffect(()=>{ const executarVerificacaoDiaria = async ()=>{ const ultimaVerificacao = localStorage.getItem("ultimaVerificacao"); const hoje = new Date().toISOString().split("T")[0]; // Verificar se já foi executado hoje if (ultimaVerificacao !== hoje) { try { await verificarRedesAbandonadas(); await verificarRedesEmRisco(); // Atualizar data da última verificação localStorage.setItem("ultimaVerificacao", hoje); setMonitorStatus((prev)=>({ ...prev, ultimaVerificacao: hoje })); } catch (error) { console.error("Erro na verificação diária:", error); } } }; if (dashboardData) { executarVerificacaoDiaria(); } }, [ dashboardData, verificarRedesAbandonadas, verificarRedesEmRisco ]); return monitorStatus; } "use client"; const VALOR_EBOOK = 20.0; function MainComponent() { const menuItems = [ { name: "Home", path: "/", color: "bg-blue-600" }, { name: "Plano de Negócios", path: "/plano-de-negocios", color: "bg-green-600" } ]; const [authState, setAuthState] = React.useState({ isAuthenticated: false, user: null, loading: false, error: null }); const [formState, setFormState] = React.useState({ email: "", password: "", confirmPassword: "", needsPasswordCreation: false, loading: false, error: null }); const [dashboardData, setDashboardData] = React.useState(null); const [proximosRecebimentos, setProximosRecebimentos] = React.useState({ proximo: { data: null, valor: 0 }, seguinte: { data: null, valor: 0 } }); const [copyStatus, setCopyStatus] = React.useState({ success: false, error: null }); const gerarIdAfiliado = async (email)=>{ try { const response = await fetch("/api/afiliados/registrar-id", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ email }) }); const data = await response.json(); if (data.success && data.affiliateId) { localStorage.setItem("affiliateId", data.affiliateId); return data.affiliateId; } else { throw new Error(data.error || "Erro ao gerar ID"); } } catch (error) { console.error("Erro ao registrar ID do afiliado:", error); return null; } }; const calcularComissaoPorNivel = (nivel, valorBase = VALOR_EBOOK)=>{ const percentuais = { 1: 0, 2: 0.35, 3: 0.3, 4: 0.25, 5: 0.2, 6: 0.15, 7: 0.1, 8: 0.07, 9: 0.05, 10: 0.03, 11: 0.01, 12: 0.005, 13: 0.005, 14: 0.005, 15: 0.005, 16: 0.0025, 17: 0.0025, 18: 0.0025, 19: 0.0025, 20: 0.0025 }; return Number((valorBase * (percentuais[nivel] || 0)).toFixed(2)); }; const verificarAtivacaoComissao = (afiliado)=>{ return afiliado?.diretosAtivos >= 5; }; const getStatusRede = (afiliado)=>{ if (!afiliado) return { status: "Bloqueado", cor: "text-red-600" }; if (afiliado.diretosAtivos >= 5) { return { status: "Ativo", cor: "text-green-600" }; } else if (afiliado.diretosAtivos > 0) { return { status: "Incompleto", cor: "text-yellow-600" }; } else { return { status: "Bloqueado", cor: "text-red-600" }; } }; const redeAbandonada = (afiliado)=>{ if (!afiliado?.ultimaVenda) return false; const hoje = new Date(); const ultima = new Date(afiliado.ultimaVenda); const diasSemVenda = Math.floor((hoje - ultima) / (1000 * 60 * 60 * 24)); return diasSemVenda >= 30 && afiliado.diretosAtivos < 5; }; const transferirRedeParaSuperior = async (afiliado)=>{ try { const response = await fetch("/api/afiliados/transferir-rede", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ afiliadoId: afiliado.id, superiorId: afiliado.parent_affiliate_id }) }); if (!response.ok) { throw new Error("Erro ao transferir rede"); } await fetchDashboard(authState.user.email); } catch (error) { console.error("Erro ao transferir rede:", error); } }; const useRedeMonitor = (dashboardData)=>{ const [status, setStatus] = React.useState({ redeEmRisco: false, redeAbandonada: false }); React.useEffect(()=>{ if (dashboardData) { const emRisco = dashboardData.diretosAtivos < 5; const abandonada = redeAbandonada(dashboardData); setStatus({ redeEmRisco: emRisco, redeAbandonada: abandonada }); if (abandonada) { transferirRedeParaSuperior(dashboardData); } } }, [ dashboardData ]); return status; }; const DiretosStatus = ({ totalAtivos })=>{ const cor = totalAtivos >= 5 ? "text-green-600" : "text-yellow-600"; return /*#__PURE__*/ React.createElement("p", { className: `font-semibold ${cor}`, __source: { fileName: "", lineNumber: 162, columnNumber: 7 }, __self: this }, "Diretos Ativos: ", totalAtivos, " / 5"); }; const registrarAtividade = async (dados)=>{ try { await fetch("/api/admin/logar-atividade", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify(dados) }); } catch (err) { console.error("Erro ao registrar atividade para administração:", err); } }; const verificarSenhaCriada = async (email)=>{ try { const response = await fetch("/api/afiliados/verificar-senha-criada", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ email }) }); if (!response.ok) { throw new Error("Erro ao verificar status da senha"); } const data = await response.json(); return data.senhaCriada; } catch (error) { console.error("Erro ao verificar senha:", error); return null; } }; const criarSenha = async (e)=>{ e.preventDefault(); setFormState((prev)=>({ ...prev, loading: true, error: null })); if (formState.password.length < 8) { setFormState((prev)=>({ ...prev, loading: false, error: "A senha deve ter no mínimo 8 caracteres" })); return; } if (!/[a-zA-Z]/.test(formState.password)) { setFormState((prev)=>({ ...prev, loading: false, error: "A senha deve conter pelo menos uma letra" })); return; } try { const response = await fetch("/api/afiliados/criar-senha", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ email: formState.email, senha: formState.password }) }); const data = await response.json(); if (!response.ok) { throw new Error(data.message || "Erro ao criar senha"); } setFormState((prev)=>({ ...prev, needsPasswordCreation: false, password: "", loading: false, error: null })); alert("Senha criada com sucesso! Você será redirecionado para o login."); } catch (error) { setFormState((prev)=>({ ...prev, loading: false, error: error.message })); } }; React.useEffect(()=>{ const urlParams = new URLSearchParams(window.location.search); const emailFromUrl = urlParams.get("email"); if (emailFromUrl) { setFormState((prev)=>({ ...prev, email: emailFromUrl })); verificarSenhaCriada(emailFromUrl).then((senhaCriada)=>{ setFormState((prev)=>({ ...prev, needsPasswordCreation: !senhaCriada })); }); } }, []); const monitorStatus = useRedeMonitor(dashboardData); React.useEffect(()=>{ if (authState.isAuthenticated && authState.user) { const initializeAffiliate = async ()=>{ const affiliateId = await gerarIdAfiliado(authState.user.email); if (affiliateId) { await registrarAtividade({ tipo: "login_afiliado", email: authState.user.email, affiliateId }); fetchDashboard(authState.user.email); buscarProximosRecebimentos(authState.user.email); } }; initializeAffiliate(); } }, [ authState ]); const registrarAfiliado = async (email)=>{ await fetch("/api/afiliados/registrar-id", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ email }) }); }; const fetchDashboard = async (email)=>{ const res = await fetch("/api/afiliados/dados-dashboard", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ email }) }); const data = await res.json(); if (data.success) { setDashboardData(data.data); } }; const { signInWithCredentials } = useAuth(); React.useEffect(()=>{ const savedEmail = localStorage.getItem("affiliateEmail"); if (savedEmail) { setFormState((prev)=>({ ...prev, email: savedEmail })); } }, []); const handleLogin = async (e)=>{ e.preventDefault(); setFormState((prev)=>({ ...prev, loading: true, error: null })); try { localStorage.setItem("affiliateEmail", formState.email); const result = await signInWithCredentials({ email: formState.email, password: formState.password, callbackUrl: "/afiliados", redirect: false }); if (!result?.ok) { throw new Error(result?.error || "Erro desconhecido no login"); } setAuthState({ isAuthenticated: true, user: { email: formState.email }, loading: false, error: null }); const affiliateId = await gerarIdAfiliado(formState.email); if (affiliateId) { await registrarAtividade({ tipo: "login_afiliado", email: formState.email, affiliateId }); fetchDashboard(formState.email); } } catch (error) { console.error("Detalhes do erro:", error); let mensagemErro = "Erro ao fazer login. "; if (error.message.includes("CredentialsSignin")) { mensagemErro += "Email ou senha incorretos."; } else if (error.message.includes("fetch")) { mensagemErro += "Problema de conexão com o servidor."; } else { mensagemErro += error.message || "Por favor, tente novamente."; } setFormState((prev)=>({ ...prev, loading: false, error: mensagemErro })); } }; const copyAffiliateLink = async ()=>{ try { if (!dashboardData?.affiliateId) { throw new Error("ID de afiliado não encontrado"); } const link = `${window.location.origin}/ref/${dashboardData.affiliateId}`; if (navigator.clipboard) { await navigator.clipboard.writeText(link); } else { const textArea = document.createElement("textarea"); textArea.value = link; document.body.appendChild(textArea); textArea.select(); document.execCommand("copy"); document.body.removeChild(textArea); } setCopyStatus({ success: true, error: null }); setTimeout(()=>{ setCopyStatus({ success: false, error: null }); }, 3000); } catch (error) { console.error("Erro ao copiar link:", error); setCopyStatus({ success: false, error: "Não foi possível copiar o link. Por favor, tente novamente." }); setTimeout(()=>{ setCopyStatus({ success: false, error: null }); }, 3000); } }; const comissoesPorNivel = [ 0, 0.4, 0.35, 0.3, 0.25, 0.2, 0.15, 0.1, 0.05, 0.03, 0.01, 0.005, 0.005, 0.005, 0.005, 0.0025, 0.0025, 0.0025, 0.0025, 0.0025 ]; const buscarProximosRecebimentos = async (email)=>{ try { const response = await fetch("/api/afiliados/proximos-recebimentos", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ email }) }); if (!response.ok) { throw new Error("Erro ao buscar próximos recebimentos"); } const data = await response.json(); setProximosRecebimentos(data); } catch (error) { console.error("Erro ao buscar próximos recebimentos:", error); } }; const ExibirGanhos = ({ ganhos, comissoesAtivas })=>{ if (!comissoesAtivas) { return /*#__PURE__*/ React.createElement("div", { className: "bg-red-100 p-4 rounded", __source: { fileName: "", lineNumber: 438, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-bold text-blue-700", __source: { fileName: "", lineNumber: 439, columnNumber: 11 }, __self: this }, "Comissões Acumuladas"), /*#__PURE__*/ React.createElement("p", { className: "text-2xl", __source: { fileName: "", lineNumber: 440, columnNumber: 11 }, __self: this }, "R$ 0,00"), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-red-600 mt-2", __source: { fileName: "", lineNumber: 441, columnNumber: 11 }, __self: this }, "⚠️ Comissões bloqueadas: Você precisa de 5 diretos ativos para recebê-las.")); } return /*#__PURE__*/ React.createElement("div", { className: "bg-blue-100 p-4 rounded", __source: { fileName: "", lineNumber: 450, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-bold text-blue-700", __source: { fileName: "", lineNumber: 451, columnNumber: 9 }, __self: this }, "Comissões Acumuladas"), /*#__PURE__*/ React.createElement("p", { className: "text-2xl", __source: { fileName: "", lineNumber: 452, columnNumber: 9 }, __self: this }, "R$ ", ganhos?.toFixed(2) || "0,00")); }; return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("header", { className: "fixed top-0 left-0 right-0 z-50 bg-orange-500 px-4 py-3 shadow-md", __source: { fileName: "", lineNumber: 459, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto", __source: { fileName: "", lineNumber: 460, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 461, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/668ed2b0-c473-420a-b250-f69d51075dc3/-/format/auto/", alt: "Logo Money Mind System", className: "w-12 h-10", __source: { fileName: "", lineNumber: 462, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "flex-1 sm:hidden", __source: { fileName: "", lineNumber: 467, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center", __source: { fileName: "", lineNumber: 468, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-lg font-bold text-black ml-4", __source: { fileName: "", lineNumber: 469, columnNumber: 17 }, __self: this }, "Money Mind System"), /*#__PURE__*/ React.createElement("nav", { className: "flex gap-2 mt-2", __source: { fileName: "", lineNumber: 472, columnNumber: 17 }, __self: this }, menuItems.map((item)=>/*#__PURE__*/ React.createElement("a", { key: item.path, href: item.path, className: `${item.color} text-white px-3 py-1 rounded text-sm whitespace-nowrap`, __source: { fileName: "", lineNumber: 474, columnNumber: 21 }, __self: this }, item.name))))), /*#__PURE__*/ React.createElement("div", { className: "hidden sm:flex sm:flex-row items-center flex-1", __source: { fileName: "", lineNumber: 485, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-lg font-bold text-black ml-4 mr-4", __source: { fileName: "", lineNumber: 486, columnNumber: 15 }, __self: this }, "Money Mind System"), /*#__PURE__*/ React.createElement("nav", { className: "flex gap-2", __source: { fileName: "", lineNumber: 489, columnNumber: 15 }, __self: this }, menuItems.map((item)=>/*#__PURE__*/ React.createElement("a", { key: item.path, href: item.path, className: `${item.color} text-white px-3 py-1 rounded text-sm whitespace-nowrap`, __source: { fileName: "", lineNumber: 491, columnNumber: 19 }, __self: this }, item.name))))))), /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-50 pt-24 px-4", __source: { fileName: "", lineNumber: 505, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold text-center text-orange-600 mb-6", __source: { fileName: "", lineNumber: 506, columnNumber: 9 }, __self: this }, "Painel do Afiliado"), !authState.isAuthenticated ? formState.needsPasswordCreation ? /*#__PURE__*/ React.createElement("form", { onSubmit: criarSenha, className: "max-w-md mx-auto bg-white shadow p-6 rounded", __source: { fileName: "", lineNumber: 512, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-4", __source: { fileName: "", lineNumber: 516, columnNumber: 15 }, __self: this }, "Criar Senha"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 mb-4", __source: { fileName: "", lineNumber: 517, columnNumber: 15 }, __self: this }, "Olá! Para acessar seu painel, crie uma senha segura:"), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 521, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 mb-2", __source: { fileName: "", lineNumber: 522, columnNumber: 17 }, __self: this }, "Seu E-mail"), /*#__PURE__*/ React.createElement("input", { type: "email", readOnly: true, value: formState.email, className: "w-full border p-2 bg-gray-100", __source: { fileName: "", lineNumber: 523, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 531, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 mb-2", __source: { fileName: "", lineNumber: 532, columnNumber: 17 }, __self: this }, "Nova Senha"), /*#__PURE__*/ React.createElement("input", { type: "password", required: true, className: "w-full border p-2", value: formState.password, onChange: (e)=>setFormState((prev)=>({ ...prev, password: e.target.value })), placeholder: "Mínimo 8 caracteres com pelo menos 1 letra", __source: { fileName: "", lineNumber: 533, columnNumber: 17 }, __self: this })), formState.error && /*#__PURE__*/ React.createElement("p", { className: "text-red-500 text-sm mb-4", __source: { fileName: "", lineNumber: 549, columnNumber: 17 }, __self: this }, formState.error), /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: formState.loading, className: "w-full bg-blue-600 text-white py-2 rounded flex items-center justify-center", __source: { fileName: "", lineNumber: 552, columnNumber: 15 }, __self: this }, formState.loading ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", { className: "animate-spin rounded-full h-5 w-5 border-b-2 border-white mr-2", __source: { fileName: "", lineNumber: 559, columnNumber: 21 }, __self: this }), "Criando senha...") : "Criar Senha")) : /*#__PURE__*/ React.createElement("form", { onSubmit: handleLogin, className: "max-w-md mx-auto bg-white shadow p-6 rounded", __source: { fileName: "", lineNumber: 568, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 572, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 mb-2", __source: { fileName: "", lineNumber: 573, columnNumber: 17 }, __self: this }, "E-mail"), /*#__PURE__*/ React.createElement("input", { type: "email", required: true, className: "w-full border p-2", value: formState.email, onChange: (e)=>setFormState((prev)=>({ ...prev, email: e.target.value })), __source: { fileName: "", lineNumber: 574, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 588, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 mb-2", __source: { fileName: "", lineNumber: 589, columnNumber: 17 }, __self: this }, "Senha"), /*#__PURE__*/ React.createElement("input", { type: "password", required: true, className: "w-full border p-2", value: formState.password, onChange: (e)=>setFormState((prev)=>({ ...prev, password: e.target.value })), __source: { fileName: "", lineNumber: 590, columnNumber: 17 }, __self: this })), formState.error && /*#__PURE__*/ React.createElement("p", { className: "text-red-500 text-sm mb-4", __source: { fileName: "", lineNumber: 605, columnNumber: 17 }, __self: this }, formState.error), /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: formState.loading, className: "w-full bg-blue-600 text-white py-2 rounded flex items-center justify-center", __source: { fileName: "", lineNumber: 608, columnNumber: 15 }, __self: this }, formState.loading ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", { className: "animate-spin rounded-full h-5 w-5 border-b-2 border-white mr-2", __source: { fileName: "", lineNumber: 615, columnNumber: 21 }, __self: this }), "Entrando...") : "Entrar")) : /*#__PURE__*/ React.createElement("div", { className: "max-w-6xl mx-auto space-y-6", __source: { fileName: "", lineNumber: 625, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 shadow rounded", __source: { fileName: "", lineNumber: 626, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-gray-700", __source: { fileName: "", lineNumber: 627, columnNumber: 15 }, __self: this }, "Bem-vindo, ", /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 628, columnNumber: 28 }, __self: this }, authState.user.email)), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-500 mt-2", __source: { fileName: "", lineNumber: 630, columnNumber: 15 }, __self: this }, "ID Afiliado: ", /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 631, columnNumber: 30 }, __self: this }, dashboardData?.affiliateId)), /*#__PURE__*/ React.createElement(DiretosStatus, { totalAtivos: dashboardData?.diretosAtivos || 0, __source: { fileName: "", lineNumber: 633, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "mt-4 space-y-2", __source: { fileName: "", lineNumber: 635, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative group", __source: { fileName: "", lineNumber: 636, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: copyAffiliateLink, disabled: !dashboardData?.affiliateId, "aria-label": "Copiar seu link de afiliado", title: "Copiar seu link de afiliado", className: ` flex items-center justify-center px-4 py-2 rounded text-white w-full sm:w-auto transition-all duration-300 ease-in-out ${!dashboardData?.affiliateId ? "bg-green-600 opacity-90 hover:opacity-100" : "bg-green-600 hover:bg-green-700"} `, __source: { fileName: "", lineNumber: 637, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center transition-transform duration-300 ease-in-out", __source: { fileName: "", lineNumber: 652, columnNumber: 21 }, __self: this }, copyStatus.success ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("svg", { className: "w-5 h-5 mr-2 animate-scale-check", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", __source: { fileName: "", lineNumber: 655, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 13l4 4L19 7", __source: { fileName: "", lineNumber: 661, columnNumber: 29 }, __self: this })), /*#__PURE__*/ React.createElement("span", { className: "animate-fade-in", __source: { fileName: "", lineNumber: 668, columnNumber: 27 }, __self: this }, "Copiado com sucesso!")) : /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("svg", { className: "w-5 h-5 mr-2", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", __source: { fileName: "", lineNumber: 674, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z", __source: { fileName: "", lineNumber: 680, columnNumber: 29 }, __self: this })), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 687, columnNumber: 27 }, __self: this }, "Copiar Link de Afiliado")))), /*#__PURE__*/ React.createElement("div", { className: "absolute bottom-full left-1/2 transform -translate-x-1/2 mb-2 px-3 py-2 bg-gray-900 text-white text-sm rounded-lg opacity-0 group-hover:opacity-100 transition-opacity duration-200 pointer-events-none whitespace-nowrap z-10 max-w-xs break-all", __source: { fileName: "", lineNumber: 693, columnNumber: 19 }, __self: this }, dashboardData?.affiliateId ? `${window.location.origin}/ref/${dashboardData.affiliateId}` : "Seu link de afiliado aparecerá aqui após o cadastro", /*#__PURE__*/ React.createElement("div", { className: "absolute bottom-0 left-1/2 transform -translate-x-1/2 translate-y-1 border-4 border-transparent border-t-gray-900", __source: { fileName: "", lineNumber: 697, columnNumber: 21 }, __self: this }))), copyStatus.error && /*#__PURE__*/ React.createElement("p", { className: "text-red-500 text-sm animate-fade-in", __source: { fileName: "", lineNumber: 702, columnNumber: 19 }, __self: this }, copyStatus.error), dashboardData?.affiliateId && /*#__PURE__*/ React.createElement("p", { className: "text-xs text-gray-500 break-all animate-fade-in", __source: { fileName: "", lineNumber: 708, columnNumber: 19 }, __self: this }, "Seu link: ", window.location.origin, "/ref/", dashboardData.affiliateId))), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-6", __source: { fileName: "", lineNumber: 716, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement(ExibirGanhos, { ganhos: dashboardData?.ganhos, comissoesAtivas: verificarAtivacaoComissao(dashboardData), __source: { fileName: "", lineNumber: 717, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "bg-yellow-100 p-4 rounded", __source: { fileName: "", lineNumber: 722, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-bold text-yellow-700", __source: { fileName: "", lineNumber: 723, columnNumber: 17 }, __self: this }, "Diretos Ativos"), /*#__PURE__*/ React.createElement("p", { className: "text-2xl", __source: { fileName: "", lineNumber: 724, columnNumber: 17 }, __self: this }, dashboardData?.diretosAtivos || 0)), /*#__PURE__*/ React.createElement("div", { className: "bg-purple-100 p-4 rounded", __source: { fileName: "", lineNumber: 726, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-bold text-purple-700", __source: { fileName: "", lineNumber: 727, columnNumber: 17 }, __self: this }, "Total da Rede"), /*#__PURE__*/ React.createElement("p", { className: "text-2xl", __source: { fileName: "", lineNumber: 728, columnNumber: 17 }, __self: this }, dashboardData?.totalRede || 0))), /*#__PURE__*/ React.createElement("div", { className: "bg-red-100 p-6 rounded shadow", __source: { fileName: "", lineNumber: 732, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-bold text-red-700 mb-4", __source: { fileName: "", lineNumber: 733, columnNumber: 15 }, __self: this }, "Comissões a Receber"), /*#__PURE__*/ React.createElement("div", { className: "space-y-3", __source: { fileName: "", lineNumber: 736, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 737, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-red-700 font-medium", __source: { fileName: "", lineNumber: 738, columnNumber: 19 }, __self: this }, "Próximo Pagamento", " ", proximosRecebimentos.proximo.data || "05/05/2025", ":"), /*#__PURE__*/ React.createElement("span", { className: "text-red-700 font-bold", __source: { fileName: "", lineNumber: 742, columnNumber: 19 }, __self: this }, "R$", " ", proximosRecebimentos.proximo.valor?.toFixed(2) || "0,00")), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 747, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-red-700 font-medium", __source: { fileName: "", lineNumber: 748, columnNumber: 19 }, __self: this }, "Pagamento Seguinte", " ", proximosRecebimentos.seguinte.data || "20/05/2025", ":"), /*#__PURE__*/ React.createElement("span", { className: "text-red-700 font-bold", __source: { fileName: "", lineNumber: 752, columnNumber: 19 }, __self: this }, "R$", " ", proximosRecebimentos.seguinte.valor?.toFixed(2) || "0,00")))), (monitorStatus.redeEmRisco || monitorStatus.redeAbandonada) && /*#__PURE__*/ React.createElement("div", { className: "bg-red-100 text-red-700 p-4 rounded mt-4", __source: { fileName: "", lineNumber: 761, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 762, columnNumber: 17 }, __self: this }, "Atenção:"), " Sua rede pode ser desativada por falta de 5 diretos ativos.", monitorStatus.redeAbandonada && /*#__PURE__*/ React.createElement("p", { className: "mt-2", __source: { fileName: "", lineNumber: 765, columnNumber: 19 }, __self: this }, "Sua rede está em risco de ser considerada abandonada por inatividade.")), dashboardData?.rede && /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-lg shadow", __source: { fileName: "", lineNumber: 774, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold mb-4", __source: { fileName: "", lineNumber: 775, columnNumber: 17 }, __self: this }, "Status da Rede por Nível"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4", __source: { fileName: "", lineNumber: 778, columnNumber: 17 }, __self: this }, Array.from({ length: 20 }, (_, i)=>i + 1).map((nivel)=>{ const statusRede = getStatusRede(dashboardData.rede[nivel]); return /*#__PURE__*/ React.createElement("div", { key: nivel, className: "flex items-center justify-between p-2 border rounded", __source: { fileName: "", lineNumber: 782, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 786, columnNumber: 25 }, __self: this }, "Nível ", nivel), /*#__PURE__*/ React.createElement("span", { className: statusRede.cor, __source: { fileName: "", lineNumber: 787, columnNumber: 25 }, __self: this }, statusRede.status)); }))))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 800, columnNumber: 7 }, __self: this }, ` @keyframes scale-check { 0% { transform: scale(0); } 50% { transform: scale(1.2); } 100% { transform: scale(1); } } @keyframes fade-in { from { opacity: 0; } to { opacity: 1; } } .animate-scale-check { animation: scale-check 0.3s ease-out; } .animate-fade-in { animation: fade-in 0.3s ease-out; } `)); }