function MainComponent() { const [loading, setLoading] = React.useState(true); const [error, setError] = React.useState(null); const [activeRaffles, setActiveRaffles] = React.useState([]); const [recentWinners, setRecentWinners] = React.useState([]); const [monthlyWinners, setMonthlyWinners] = React.useState(null); const [statistics, setStatistics] = React.useState(null); const [showMonthlyPrizes, setShowMonthlyPrizes] = React.useState(false); const [modalCompra, setModalCompra] = React.useState(null); const [nomeComprador, setNomeComprador] = React.useState(""); const [processing, setProcessing] = React.useState(false); const [showWinners, setShowWinners] = React.useState(false); const [toast, setToast] = React.useState({ show: false, message: "", type: "" }); const [purchaseHistory, setPurchaseHistory] = React.useState([]); const [showHistory, setShowHistory] = React.useState(false); const [ticketsSold, setTicketsSold] = React.useState(0); const [activeRaffle, setActiveRaffle] = React.useState(null); const [processingCompra, setProcessingCompra] = React.useState(false); const [confirmationModal, setConfirmationModal] = React.useState(null); const [isAuthenticated, setIsAuthenticated] = React.useState(false); const [codigo, setCodigo] = React.useState(""); const [loginLoading, setLoginLoading] = React.useState(false); const [loginError, setLoginError] = React.useState(""); const [clientPanel, setClientPanel] = React.useState({ balance: 0, raffles: [], monthlyCodes: 0, latestParticipation: null, clientCode: null, joinedAt: null, monthlyParticipations: [] }); const menuItems = [ { name: "Home", color: "bg-blue-500 hover:bg-blue-600", href: "/" }, { name: "Cadastro e Pagamento", color: "bg-red-500 hover:bg-red-600", href: "/cadastro-pagamento" } ]; const fetchData = React.useCallback(async ()=>{ try { const [rafflesRes, winnersRes, statsRes, clientRes, historyRes] = await Promise.all([ fetch("/api/raffles/list", { method: "POST", body: JSON.stringify({ status: "active" }), headers: { "Content-Type": "application/json" } }), fetch("/api/winners/list", { method: "POST", headers: { "Content-Type": "application/json" } }), fetch("/api/statistics", { method: "POST", headers: { "Content-Type": "application/json" } }), fetch("/api/client/panel", { method: "POST", headers: { "Content-Type": "application/json" } }), fetch("/api/raffles/history", { method: "POST", headers: { "Content-Type": "application/json" } }) ]); if (!rafflesRes.ok || !winnersRes.ok || !statsRes.ok || !clientRes.ok || !historyRes.ok) { throw new Error("Falha em uma ou mais requisições."); } const [rafflesData, winnersData, statsData, clientData, historyData] = await Promise.all([ rafflesRes.json(), winnersRes.json(), statsRes.json(), clientRes.json(), historyRes.json() ]); const currentActiveRaffle = rafflesData.raffles?.[0] || null; setActiveRaffle(currentActiveRaffle); setActiveRaffles([ currentActiveRaffle ].filter(Boolean)); setRecentWinners(winnersData.recentWinners || []); setMonthlyWinners(winnersData.monthlyWinners || null); setStatistics(statsData.statistics || null); const updatedClientPanel = { ...clientData, currentRaffle: currentActiveRaffle, balance: clientData?.balance || 0, raffles: clientData?.raffles || [], monthlyCodes: clientData?.monthlyCodes || 0, latestParticipation: clientData?.latestParticipation || null, clientCode: clientData?.clientCode || "------", joinedAt: clientData?.joinedAt || null, monthlyParticipations: clientData?.monthlyParticipations || [] }; setClientPanel(updatedClientPanel); setPurchaseHistory(historyData.purchases || []); if (currentActiveRaffle?.names) { const soldCount = currentActiveRaffle.names.filter((n)=>n.purchased).length; setTicketsSold(soldCount); } } catch (err) { console.error(err); setError("Erro ao carregar dados da página de sorteios."); } }, []); React.useEffect(()=>{ const loadInitialData = async ()=>{ await fetchData(); setLoading(false); }; loadInitialData(); }, [ fetchData ]); React.useEffect(()=>{ const interval = setInterval(()=>{ if (!loading && !processing) { fetchData(); } }, 15000); return ()=>clearInterval(interval); }, [ fetchData, loading, processing ]); const formatCurrency = (value)=>{ const numberValue = Number(value) || 0; return new Intl.NumberFormat("pt-BR", { style: "currency", currency: "BRL" }).format(numberValue); }; const calculateMonthlyPrizes = (totalPool)=>{ return { first: totalPool * 0.3, second: totalPool * 0.25, third: totalPool * 0.2, fourth: totalPool * 0.15, fifth: totalPool * 0.1 }; }; const handleAbrirModal = (raffleId, nomeCodigo, ticketPrice)=>{ if (![ 10 ].includes(ticketPrice)) { alert("Valor inválido da cota. Apenas R$10 é permitido."); return; } if (clientPanel.balance < ticketPrice) { alert("Saldo insuficiente. Compre créditos para continuar."); return; } setModalCompra({ raffleId, nomeCodigo, ticketPrice }); setNomeComprador(""); }; const handleConfirmarCompra = async ()=>{ if (processing) return; if (!/^[\p{L}\s'-]{3,}$/u.test(nomeComprador.trim())) { alert("Digite um nome válido com pelo menos 3 letras."); return; } setProcessing(true); try { const res = await fetch("/api/raffles/buy", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ raffleId: modalCompra.raffleId, nomeCodigo: modalCompra.nomeCodigo, nomeComprador }) }); if (!res.ok) throw new Error("Erro ao comprar cota"); await fetchData(); setModalCompra(null); setNomeComprador(""); alert("Boa sorte! Você pode escolher mais nomes para aumentar suas chances!"); } catch (err) { alert("Erro na compra: " + err.message); } finally{ setProcessing(false); } }; const updateTicketCount = React.useCallback((increment = true)=>{ setTicketsSold((current)=>increment ? current + 1 : current - 1); }, []); const handleComprarNome = async (raffleId, code)=>{ if (processing) return; if (clientPanel.balance < 10) { showToast("Saldo insuficiente. Compre créditos para continuar.", "error"); return; } setProcessing(true); try { const controller = new AbortController(); const timeoutId = setTimeout(()=>controller.abort(), 15000); const res = await fetch("/api/raffles/buy", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ raffleId, code }), signal: controller.signal }); clearTimeout(timeoutId); if (!res.ok) throw new Error("Erro ao comprar nome"); const data = await res.json(); updateTicketCount(true); if (data.completed) { showToast("Parabéns! A rifa foi completada e os vencedores serão anunciados em breve!", "success"); } else { showToast("Nome comprado com sucesso! Boa sorte!", "success"); } fetchData(); } catch (err) { if (err.name === "AbortError") { showToast("A operação demorou muito tempo. Tente novamente.", "error"); } else { showToast(`Erro na compra: ${err.message}`, "error"); } } finally{ setProcessing(false); } }; React.useEffect(()=>{ if (activeRaffles[0]?.names) { const soldCount = activeRaffles[0].names.filter((n)=>n.purchased).length; setTicketsSold(soldCount); } }, [ activeRaffles ]); const handleEscolherNome = async (nome)=>{ if (processingCompra || nome.purchased) return; if (clientPanel.balance < 10) { showToast("Saldo insuficiente. Compre créditos para continuar.", "error"); return; } setConfirmationModal({ nome: nome.name, code: nome.code, onConfirm: async ()=>{ setProcessingCompra(true); try { const res = await fetch("/api/raffles/buy", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ raffleId: activeRaffle.id, code: nome.code }) }); if (!res.ok) throw new Error("Erro ao comprar nome"); const data = await res.json(); updateTicketCount(true); if (data.completed) { try { await fetch("/api/admin/sorteio", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ raffleId: activeRaffle.id }) }); showToast("Parabéns! A rifa foi completada e o sorteio será realizado!", "success"); } catch (error) { console.error("Erro ao realizar sorteio:", error); } } else { showToast("Nome comprado com sucesso! Boa sorte!", "success"); } await fetchData(); } catch (err) { showToast(`Erro na compra: ${err.message}`, "error"); } finally{ setProcessingCompra(false); setConfirmationModal(null); } } }); }; const showToast = (message, type = "success")=>{ setToast({ show: true, message, type }); setTimeout(()=>setToast({ show: false, message: "", type: "" }), type === "error" ? 8000 : 3000); }; const Header = ()=>{ const [menuOpen, setMenuOpen] = React.useState(false); return /*#__PURE__*/ React.createElement("header", { className: "w-full shadow-md bg-gray-200 py-2 px-6", __source: { fileName: "", lineNumber: 342, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between", __source: { fileName: "", lineNumber: 343, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 344, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", __source: { fileName: "", lineNumber: 345, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/92d343a5-a47d-4db3-a065-2b570c7e0169/-/format/auto/", alt: "Logo Página Sorteios", className: "w-16 h-16 object-contain cursor-pointer", __source: { fileName: "", lineNumber: 346, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("h1", { className: "hidden md:block text-xl font-bold ml-4 text-orange-500", __source: { fileName: "", lineNumber: 352, columnNumber: 13 }, __self: this }, "Página Sorteios")), /*#__PURE__*/ React.createElement("h1", { className: "md:hidden text-xl font-bold text-center text-orange-500 whitespace-nowrap", __source: { fileName: "", lineNumber: 356, columnNumber: 11 }, __self: this }, "Página Sorteios"), /*#__PURE__*/ React.createElement("div", { className: "hidden md:flex gap-2", __source: { fileName: "", lineNumber: 359, columnNumber: 11 }, __self: this }, menuItems.map((item)=>/*#__PURE__*/ React.createElement("a", { key: item.name, href: item.href, __source: { fileName: "", lineNumber: 361, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: `text-white px-4 py-2 rounded-xl font-semibold shadow ${item.color}`, __source: { fileName: "", lineNumber: 362, columnNumber: 17 }, __self: this }, item.name)))), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setMenuOpen(!menuOpen), className: "md:hidden bg-orange-500 text-white px-4 py-2 rounded-xl font-semibold shadow hover:bg-orange-600", __source: { fileName: "", lineNumber: 370, columnNumber: 11 }, __self: this }, "Menu")), menuOpen && /*#__PURE__*/ React.createElement("div", { className: "md:hidden mt-4 flex flex-col gap-2", __source: { fileName: "", lineNumber: 379, columnNumber: 11 }, __self: this }, menuItems.map((item)=>/*#__PURE__*/ React.createElement("a", { key: item.name, href: item.href, __source: { fileName: "", lineNumber: 381, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: `text-white px-4 py-2 rounded-xl font-semibold shadow ${item.color} w-full`, onClick: ()=>setMenuOpen(false), __source: { fileName: "", lineNumber: 382, columnNumber: 17 }, __self: this }, item.name))))); }; const LoginPage = ()=>{ return /*#__PURE__*/ React.createElement("div", { className: "mt-3 bg-gray-100 flex items-start justify-center px-4", __source: { fileName: "", lineNumber: 398, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-md bg-white rounded-xl shadow-lg p-6", __source: { fileName: "", lineNumber: 399, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-xl font-bold text-center text-red-600 mb-6", __source: { fileName: "", lineNumber: 400, columnNumber: 11 }, __self: this }, "Painel de Login Cliente"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 403, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 404, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "email", placeholder: "Digite seu e-mail", className: "w-full border border-gray-300 rounded-lg px-4 py-2 focus:outline-none focus:ring-2 focus:ring-red-500", __source: { fileName: "", lineNumber: 405, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 411, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "password", placeholder: "Digite sua senha", className: "w-full border border-gray-300 rounded-lg px-4 py-2 focus:outline-none focus:ring-2 focus:ring-red-500", __source: { fileName: "", lineNumber: 412, columnNumber: 15 }, __self: this })), loginError && /*#__PURE__*/ React.createElement("p", { className: "text-sm text-red-600", __source: { fileName: "", lineNumber: 418, columnNumber: 28 }, __self: this }, loginError), /*#__PURE__*/ React.createElement("button", { onClick: handleLogin, disabled: loginLoading, className: "w-full bg-red-600 text-white py-2 rounded-lg hover:bg-red-700 disabled:opacity-50", __source: { fileName: "", lineNumber: 419, columnNumber: 13 }, __self: this }, loginLoading ? "Entrando..." : "Entrar"), /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 426, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-sm text-red-600 hover:text-red-700", onClick: (e)=>{ e.preventDefault(); }, __source: { fileName: "", lineNumber: 427, columnNumber: 15 }, __self: this }, "Esqueceu sua Senha? Clique Aqui!"))))); }; const handleLogin = async ()=>{ if (!codigo.trim()) { setLoginError("Informe seu código de cliente."); return; } setLoginLoading(true); setLoginError(""); try { const res = await fetch("/api/login", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ codigo }) }); if (!res.ok) { throw new Error("Código inválido ou não encontrado."); } setIsAuthenticated(true); await fetchData(); } catch (err) { setLoginError(err.message || "Erro ao fazer login."); } finally{ setLoginLoading(false); } }; if (loading) { return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(Header, { __source: { fileName: "", lineNumber: 471, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "min-h-screen flex justify-center items-center text-xl", __source: { fileName: "", lineNumber: 472, columnNumber: 9 }, __self: this }, "Carregando...")); } if (!isAuthenticated) { return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(Header, { __source: { fileName: "", lineNumber: 482, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement(LoginPage, { __source: { fileName: "", lineNumber: 483, columnNumber: 9 }, __self: this })); } const monthlyPrizes = calculateMonthlyPrizes(statistics?.monthlyPool || 0); return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(Header, { __source: { fileName: "", lineNumber: 492, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("main", { className: "min-h-screen bg-gray-50 p-4", __source: { fileName: "", lineNumber: 493, columnNumber: 7 }, __self: this }, toast.show && /*#__PURE__*/ React.createElement("div", { className: `fixed top-4 right-4 p-4 rounded-lg shadow-lg z-50 transition-all transform ${toast.type === "error" ? "bg-red-500" : "bg-green-500"} text-white flex justify-between items-center`, role: "alert", __source: { fileName: "", lineNumber: 495, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 501, columnNumber: 13 }, __self: this }, toast.message), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setToast({ show: false, message: "", type: "" }), className: "ml-4 text-white hover:text-gray-200", "aria-label": "Fechar mensagem", __source: { fileName: "", lineNumber: 502, columnNumber: 13 }, __self: this }, "✕")), /*#__PURE__*/ React.createElement("h1", { className: "text-2xl md:text-2xl font-bold text-center text-red-600 mb-4", __source: { fileName: "", lineNumber: 512, columnNumber: 9 }, __self: this }, "Painel do Cliente"), /*#__PURE__*/ React.createElement("div", { className: "md:hidden mb-4", __source: { fileName: "", lineNumber: 516, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-red-600 p-4 rounded-xl shadow", __source: { fileName: "", lineNumber: 517, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-bold text-white mb-2", __source: { fileName: "", lineNumber: 518, columnNumber: 13 }, __self: this }, "Código Cliente: ", clientPanel.clientCode), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-white", __source: { fileName: "", lineNumber: 521, columnNumber: 13 }, __self: this }, clientPanel.currentRaffle ? /*#__PURE__*/ React.createElement(React.Fragment, null, "Você está participando da Rifa Nº 001 de 08/05/2025 * Cód:", " ", clientPanel.currentRaffle.code, clientPanel.raffles?.[0]?.names?.length > 0 && /*#__PURE__*/ React.createElement(React.Fragment, null, " ", "com os nomes:", " ", clientPanel.raffles[0].names.map((name, i)=>/*#__PURE__*/ React.createElement("span", { key: i, __source: { fileName: "", lineNumber: 531, columnNumber: 25 }, __self: this }, name, i < clientPanel.raffles[0].names.length - 1 ? ", " : "")))) : "Nenhuma rifa ativa no momento"))), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-2 md:gap-4 mb-4 md:mb-8", __source: { fileName: "", lineNumber: 548, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "hidden md:block", __source: { fileName: "", lineNumber: 549, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-red-600 p-4 rounded-xl shadow h-full", __source: { fileName: "", lineNumber: 550, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-bold text-white mb-2", __source: { fileName: "", lineNumber: 551, columnNumber: 15 }, __self: this }, "Código Cliente: ", clientPanel.clientCode), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-white", __source: { fileName: "", lineNumber: 554, columnNumber: 15 }, __self: this }, clientPanel.currentRaffle ? /*#__PURE__*/ React.createElement(React.Fragment, null, "Você está participando da Rifa Nº 001 de 08/05/2025 * Cód:", " ", clientPanel.currentRaffle.code, clientPanel.raffles?.[0]?.names?.length > 0 && /*#__PURE__*/ React.createElement(React.Fragment, null, " ", "com os nomes:", " ", clientPanel.raffles[0].names.map((name, i)=>/*#__PURE__*/ React.createElement("span", { key: i, __source: { fileName: "", lineNumber: 564, columnNumber: 27 }, __self: this }, name, i < clientPanel.raffles[0].names.length - 1 ? ", " : "")))) : "Nenhuma rifa ativa no momento"))), /*#__PURE__*/ React.createElement("div", { className: "bg-rose-100 p-2 md:p-4 rounded-xl shadow", __source: { fileName: "", lineNumber: 581, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-center md:block md:text-center", __source: { fileName: "", lineNumber: 582, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-base md:text-lg font-bold text-red-700", __source: { fileName: "", lineNumber: 583, columnNumber: 15 }, __self: this }, "Saldo"), /*#__PURE__*/ React.createElement("p", { className: "ml-2 md:ml-0 text-xl md:text-2xl font-semibold md:mt-2", __source: { fileName: "", lineNumber: 586, columnNumber: 15 }, __self: this }, formatCurrency(clientPanel.balance))), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center", __source: { fileName: "", lineNumber: 590, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "https://link.mercadopago.com.br/rifapixonline", target: "_blank", rel: "noopener noreferrer", className: "mt-2 md:mt-4 inline-block bg-red-600 text-white px-3 py-1 md:px-4 md:py-2 rounded-xl text-sm md:text-base hover:bg-red-700", __source: { fileName: "", lineNumber: 591, columnNumber: 15 }, __self: this }, "Comprar Créditos")), /*#__PURE__*/ React.createElement("p", { className: "text-[10px] md:text-xs mt-1 md:mt-2 text-gray-600 text-center", __source: { fileName: "", lineNumber: 600, columnNumber: 13 }, __self: this }, "Atualização após confirmação bancária")), /*#__PURE__*/ React.createElement("div", { className: "bg-blue-100 p-2 md:p-4 rounded-xl shadow cursor-pointer", onClick: ()=>setShowMonthlyPrizes(!showMonthlyPrizes), __source: { fileName: "", lineNumber: 605, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-center md:block md:text-center", __source: { fileName: "", lineNumber: 609, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-base md:text-lg font-bold text-blue-700", __source: { fileName: "", lineNumber: 610, columnNumber: 15 }, __self: this }, "Sorteio Mensal"), /*#__PURE__*/ React.createElement("p", { className: "ml-2 md:ml-0 text-lg md:text-xl", __source: { fileName: "", lineNumber: 613, columnNumber: 15 }, __self: this }, "30/", new Date().toLocaleDateString("pt-BR", { month: "2-digit", year: "numeric" }))), /*#__PURE__*/ React.createElement("p", { className: "text-xs md:text-sm mt-1 md:mt-2 text-center", __source: { fileName: "", lineNumber: 621, columnNumber: 13 }, __self: this }, "Toque para ver os prêmios"), showMonthlyPrizes && /*#__PURE__*/ React.createElement("div", { className: "mt-1 md:mt-2 text-xs md:text-sm grid grid-cols-2 md:block gap-1", __source: { fileName: "", lineNumber: 625, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 626, columnNumber: 17 }, __self: this }, "1º: ", formatCurrency(monthlyPrizes.first)), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 627, columnNumber: 17 }, __self: this }, "2º: ", formatCurrency(monthlyPrizes.second)), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 628, columnNumber: 17 }, __self: this }, "3º: ", formatCurrency(monthlyPrizes.third)), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 629, columnNumber: 17 }, __self: this }, "4º: ", formatCurrency(monthlyPrizes.fourth)), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 630, columnNumber: 17 }, __self: this }, "5º: ", formatCurrency(monthlyPrizes.fifth))))), /*#__PURE__*/ React.createElement("div", { className: "bg-green-100 border border-green-300 rounded-xl p-4 mb-8", __source: { fileName: "", lineNumber: 636, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-bold text-red-600 mb-2", __source: { fileName: "", lineNumber: 637, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "hidden md:inline", __source: { fileName: "", lineNumber: 638, columnNumber: 13 }, __self: this }, "Você está participando do "), /*#__PURE__*/ React.createElement("span", { className: "md:hidden", __source: { fileName: "", lineNumber: 639, columnNumber: 13 }, __self: this }, "Participando do "), "Sorteio Mensal com os nomes:"), /*#__PURE__*/ React.createElement("div", { className: "text-sm text-red-600", __source: { fileName: "", lineNumber: 642, columnNumber: 11 }, __self: this }, clientPanel.monthlyParticipations?.map((item, i)=>/*#__PURE__*/ React.createElement("span", { key: i, __source: { fileName: "", lineNumber: 644, columnNumber: 15 }, __self: this }, item.nome, " - Cód: ", item.codigo, i < clientPanel.monthlyParticipations.length - 1 ? ", " : ""))), clientPanel.raffles && clientPanel.raffles.length > 0 && /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 652, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-md font-semibold text-red-600 mb-2", __source: { fileName: "", lineNumber: 653, columnNumber: 15 }, __self: this }, "Seus nomes nas rifas ativas:"), /*#__PURE__*/ React.createElement("div", { className: "text-sm text-red-600", __source: { fileName: "", lineNumber: 656, columnNumber: 15 }, __self: this }, clientPanel.raffles.map((raffle, i)=>/*#__PURE__*/ React.createElement("div", { key: i, className: "mb-1", __source: { fileName: "", lineNumber: 658, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-medium", __source: { fileName: "", lineNumber: 659, columnNumber: 21 }, __self: this }, "Rifa #", raffle.number, " - Cód: ", raffle.code, ":"), " ", raffle.names.join(", ")))))), /*#__PURE__*/ React.createElement("section", { className: "bg-gradient-to-r from-yellow-300 to-yellow-400 border-2 border-yellow-500 rounded-2xl p-2 md:p-6 mb-8 shadow-xl transform hover:scale-[1.01] transition-transform", __source: { fileName: "", lineNumber: 670, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-gradient-to-b from-yellow-100 to-yellow-200 rounded-xl p-2 md:p-4", __source: { fileName: "", lineNumber: 671, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold text-red-600 mb-2 text-center", __source: { fileName: "", lineNumber: 672, columnNumber: 13 }, __self: this }, "Rifa Ativa"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap justify-center gap-2 mb-3 text-red-700 text-sm", __source: { fileName: "", lineNumber: 676, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-medium", __source: { fileName: "", lineNumber: 677, columnNumber: 15 }, __self: this }, "Nº 001 de 08/05/2025"), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 678, columnNumber: 15 }, __self: this }, "•"), /*#__PURE__*/ React.createElement("span", { className: "font-medium", __source: { fileName: "", lineNumber: 679, columnNumber: 15 }, __self: this }, "Cód: FY032C"), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 680, columnNumber: 15 }, __self: this }, "•"), /*#__PURE__*/ React.createElement("span", { className: "font-medium", __source: { fileName: "", lineNumber: 681, columnNumber: 15 }, __self: this }, "Valor: R$ 10,00")), /*#__PURE__*/ React.createElement("div", { className: "bg-yellow-50 rounded-lg p-4 md:p-4 mb-4", __source: { fileName: "", lineNumber: 684, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-red-600 text-[11px] md:text-sm italic text-center md:text-center mb-1 md:mb-2 px-1", __source: { fileName: "", lineNumber: 685, columnNumber: 15 }, __self: this }, "Escolha os nomes clicando abaixo. Sistema registra automaticamente."), /*#__PURE__*/ React.createElement("div", { className: "progress-bar w-full bg-gray-200 rounded-full h-3 md:h-4 mb-1 md:mb-4", __source: { fileName: "", lineNumber: 689, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-gradient-to-r from-red-500 to-red-600 h-3 md:h-4 rounded-full transition-all duration-500 ease-out", style: { width: `${ticketsSold / 100 * 100}%` }, __source: { fileName: "", lineNumber: 690, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("p", { className: "text-center text-red-600 text-xs md:text-sm font-semibold mb-2 md:mb-4", __source: { fileName: "", lineNumber: 697, columnNumber: 15 }, __self: this }, ticketsSold, " de 100 nomes escolhidos")), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-4 md:grid-cols-5 gap-1 md:gap-2 p-1 md:p-2 bg-gradient-to-r from-yellow-100 to-yellow-200 rounded-xl", __source: { fileName: "", lineNumber: 702, columnNumber: 13 }, __self: this }, activeRaffle?.names?.map((nome, index)=>{ const isDisabled = nome.purchased || processingCompra || clientPanel.balance < 10; const isPurchased = nome.purchased; return /*#__PURE__*/ React.createElement("button", { key: index, onClick: ()=>!isDisabled && handleEscolherNome(nome), disabled: isDisabled, className: ` relative p-1 md:p-2 rounded-lg font-medium border h-20 md:h-16 transform transition-all duration-200 ease-out w-full ${isPurchased ? "bg-green-500 border-green-600 text-white cursor-not-allowed" : isDisabled ? "bg-gray-200 border-gray-300 text-gray-500 cursor-not-allowed" : "bg-white border-yellow-400 text-red-600 hover:bg-yellow-50 hover:scale-105 hover:shadow-lg"} `, __source: { fileName: "", lineNumber: 711, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-[11px] md:text-xs mb-1 truncate px-0.5", __source: { fileName: "", lineNumber: 727, columnNumber: 21 }, __self: this }, nome.name), /*#__PURE__*/ React.createElement("div", { className: "text-[10px] bg-opacity-20 rounded px-1 font-mono", __source: { fileName: "", lineNumber: 730, columnNumber: 21 }, __self: this }, nome.code), processingCompra && !isPurchased && /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 bg-white bg-opacity-75 rounded-lg flex items-center justify-center", __source: { fileName: "", lineNumber: 734, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "animate-spin rounded-full h-4 w-4 border-b-2 border-red-500", __source: { fileName: "", lineNumber: 735, columnNumber: 25 }, __self: this }))); })))), /*#__PURE__*/ React.createElement("section", { className: "bg-gray-400 rounded-xl p-3 mb-8 shadow-lg transform transition-all duration-300 hover:scale-[1.01] cursor-pointer", onClick: ()=>setShowWinners(!showWinners), __source: { fileName: "", lineNumber: 745, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-2", __source: { fileName: "", lineNumber: 749, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-1", __source: { fileName: "", lineNumber: 750, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg md:text-xl font-bold text-red-500", __source: { fileName: "", lineNumber: 751, columnNumber: 15 }, __self: this }, "Lista"), /*#__PURE__*/ React.createElement("h2", { className: "text-lg md:text-xl font-bold text-red-500", __source: { fileName: "", lineNumber: 754, columnNumber: 15 }, __self: this }, "de"), /*#__PURE__*/ React.createElement("h2", { className: "text-lg md:text-xl font-bold text-red-500", __source: { fileName: "", lineNumber: 755, columnNumber: 15 }, __self: this }, "Ganhadores"), /*#__PURE__*/ React.createElement("h2", { className: "text-lg md:text-xl font-bold text-red-500", __source: { fileName: "", lineNumber: 758, columnNumber: 15 }, __self: this }, "das"), /*#__PURE__*/ React.createElement("h2", { className: "text-lg md:text-xl font-bold text-red-500", __source: { fileName: "", lineNumber: 759, columnNumber: 15 }, __self: this }, "Rifas"))), !clientPanel.joinedAt && /*#__PURE__*/ React.createElement("div", { className: "bg-yellow-100 border-l-4 border-yellow-500 p-2 mb-2", __source: { fileName: "", lineNumber: 766, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm text-yellow-700 text-justify", __source: { fileName: "", lineNumber: 767, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-bold", __source: { fileName: "", lineNumber: 768, columnNumber: 17 }, __self: this }, "ATENÇÃO!"), " Você só consegue ver os ganhadores que foram premiados após a sua entrada no Sistema!")), showWinners && clientPanel.joinedAt && /*#__PURE__*/ React.createElement("div", { className: "overflow-hidden transition-all duration-300 ease-in-out", __source: { fileName: "", lineNumber: 775, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-3", __source: { fileName: "", lineNumber: 776, columnNumber: 15 }, __self: this }, recentWinners?.length > 0 ? recentWinners.map((winner, i)=>/*#__PURE__*/ React.createElement("div", { key: i, className: "bg-gray-400 p-3 rounded-lg text-red-400 hover:bg-gray-300 transition-colors duration-200", __source: { fileName: "", lineNumber: 779, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between", __source: { fileName: "", lineNumber: 783, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 784, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-medium", __source: { fileName: "", lineNumber: 785, columnNumber: 27 }, __self: this }, "Rifa #", winner.raffle_number), /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 788, columnNumber: 27 }, __self: this }, "Código: ", winner.code), /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 791, columnNumber: 27 }, __self: this }, "Nome: ", winner.nome)), /*#__PURE__*/ React.createElement("div", { className: "font-bold", __source: { fileName: "", lineNumber: 795, columnNumber: 25 }, __self: this }, formatCurrency(winner.prize_amount))), /*#__PURE__*/ React.createElement("div", { className: "text-xs text-gray-700 mt-1", __source: { fileName: "", lineNumber: 799, columnNumber: 23 }, __self: this }, "Data do Sorteio:", " ", new Date(winner.created_at).toLocaleDateString("pt-BR")))) : /*#__PURE__*/ React.createElement("div", { className: "text-center text-red-400 py-4", __source: { fileName: "", lineNumber: 808, columnNumber: 19 }, __self: this }, "Nenhum ganhador encontrado após sua entrada no sistema."))), !showWinners && /*#__PURE__*/ React.createElement("p", { className: "text-white text-sm text-center", __source: { fileName: "", lineNumber: 817, columnNumber: 13 }, __self: this }, "Clique para ver os ganhadores")), /*#__PURE__*/ React.createElement("section", { className: "bg-white rounded-xl p-4 mb-8 shadow-lg", __source: { fileName: "", lineNumber: 823, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowHistory(!showHistory), className: "w-full flex justify-between items-center", "aria-expanded": showHistory, "aria-controls": "purchase-history", __source: { fileName: "", lineNumber: 824, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-bold text-red-600", __source: { fileName: "", lineNumber: 830, columnNumber: 13 }, __self: this }, "Histórico de Compras"), /*#__PURE__*/ React.createElement("span", { className: "text-red-600", __source: { fileName: "", lineNumber: 833, columnNumber: 13 }, __self: this }, showHistory ? "▼" : "▶")), showHistory && /*#__PURE__*/ React.createElement("div", { id: "purchase-history", className: "mt-4 space-y-2", __source: { fileName: "", lineNumber: 837, columnNumber: 13 }, __self: this }, purchaseHistory.length > 0 ? purchaseHistory.map((purchase, i)=>/*#__PURE__*/ React.createElement("div", { key: i, className: "border-b pb-2", __source: { fileName: "", lineNumber: 840, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-start", __source: { fileName: "", lineNumber: 841, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 842, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-medium", __source: { fileName: "", lineNumber: 843, columnNumber: 25 }, __self: this }, "Nome: ", purchase.name), /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 844, columnNumber: 25 }, __self: this }, "Código: ", purchase.code), /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 847, columnNumber: 25 }, __self: this }, "Rifa #", purchase.raffleId)), /*#__PURE__*/ React.createElement("div", { className: "text-right", __source: { fileName: "", lineNumber: 851, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-bold", __source: { fileName: "", lineNumber: 852, columnNumber: 25 }, __self: this }, formatCurrency(purchase.amount)), /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 855, columnNumber: 25 }, __self: this }, new Date(purchase.date).toLocaleDateString("pt-BR")))))) : /*#__PURE__*/ React.createElement("p", { className: "text-center text-gray-600", __source: { fileName: "", lineNumber: 863, columnNumber: 17 }, __self: this }, "Nenhuma compra realizada ainda"))), modalCompra && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50", __source: { fileName: "", lineNumber: 872, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-xl shadow-xl max-w-sm w-full", __source: { fileName: "", lineNumber: 873, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold mb-4 text-center", __source: { fileName: "", lineNumber: 874, columnNumber: 15 }, __self: this }, "Confirmação de Compra"), /*#__PURE__*/ React.createElement("p", { className: "mb-2", __source: { fileName: "", lineNumber: 877, columnNumber: 15 }, __self: this }, "Nome selecionado: ", /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 878, columnNumber: 35 }, __self: this }, modalCompra?.nomeCodigo)), /*#__PURE__*/ React.createElement("p", { className: "mb-4", __source: { fileName: "", lineNumber: 880, columnNumber: 15 }, __self: this }, "Valor:", " ", /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 882, columnNumber: 17 }, __self: this }, formatCurrency(modalCompra.ticketPrice))), /*#__PURE__*/ React.createElement("input", { type: "text", value: nomeComprador, onChange: (e)=>setNomeComprador(e.target.value), placeholder: "Digite seu nome completo", className: "w-full p-2 border rounded mb-4", "aria-label": "Nome do comprador", __source: { fileName: "", lineNumber: 884, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between", __source: { fileName: "", lineNumber: 892, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setModalCompra(null), className: "px-4 py-2 bg-gray-300 rounded hover:bg-gray-400 transition-colors", "aria-label": "Cancelar compra", __source: { fileName: "", lineNumber: 893, columnNumber: 17 }, __self: this }, "Cancelar"), /*#__PURE__*/ React.createElement("button", { onClick: handleConfirmarCompra, disabled: processing, className: "px-4 py-2 bg-red-600 text-white rounded hover:bg-red-700 transition-colors disabled:opacity-50", "aria-label": "Confirmar compra", __source: { fileName: "", lineNumber: 900, columnNumber: 17 }, __self: this }, processing ? /*#__PURE__*/ React.createElement("span", { className: "flex items-center", __source: { fileName: "", lineNumber: 907, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "animate-spin rounded-full h-4 w-4 border-b-2 border-white mr-2", __source: { fileName: "", lineNumber: 908, columnNumber: 23 }, __self: this }), "Processando...") : "Confirmar")))), confirmationModal && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50", __source: { fileName: "", lineNumber: 921, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-xl shadow-xl max-w-sm w-full", __source: { fileName: "", lineNumber: 922, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold mb-4 text-center", __source: { fileName: "", lineNumber: 923, columnNumber: 15 }, __self: this }, "Confirmação de Compra"), /*#__PURE__*/ React.createElement("p", { className: "mb-4 text-center", __source: { fileName: "", lineNumber: 926, columnNumber: 15 }, __self: this }, "Você confirma a Compra do nome: ", /*#__PURE__*/ React.createElement("br", { __source: { fileName: "", lineNumber: 927, columnNumber: 49 }, __self: this }), /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 928, columnNumber: 17 }, __self: this }, confirmationModal.nome), "?"), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center space-x-4", __source: { fileName: "", lineNumber: 930, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setConfirmationModal(null), className: "px-6 py-2 bg-gray-300 rounded hover:bg-gray-400 transition-colors", __source: { fileName: "", lineNumber: 931, columnNumber: 17 }, __self: this }, "NÃO"), /*#__PURE__*/ React.createElement("button", { onClick: confirmationModal.onConfirm, className: "px-6 py-2 bg-green-600 text-white rounded hover:bg-green-700 transition-colors", __source: { fileName: "", lineNumber: 937, columnNumber: 17 }, __self: this }, "SIM")))))); }