`; const textArea = document.createElement("textarea"); textArea.value = code; document.body.appendChild(textArea); textArea.focus(); textArea.select(); try { document.execCommand("copy"); } catch (err) { console.error("Failed to copy text: ", err); } document.body.removeChild(textArea); }; const handleDeleteQuiz = async (id)=>{ await fetch("/api/db/quiz-builder", { method: "POST", body: JSON.stringify({ query: "DELETE FROM `quizzes` WHERE id = ?", values: [ id ] }) }); fetchQuizzes(); }; const handlePasswordSubmit = ()=>{ if (password === "igor@admin") { setIsAuthenticated(true); setPasswordError(""); } else { setPasswordError("Senha incorreta. Tente novamente."); } }; if (!isAuthenticated) { return /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center", __source: { fileName: "", lineNumber: 229, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#222] p-6 rounded-lg w-[400px]", __source: { fileName: "", lineNumber: 230, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl text-[#61dafb] mb-4", __source: { fileName: "", lineNumber: 231, columnNumber: 11 }, __self: this }, "Digite a Senha"), /*#__PURE__*/ React.createElement("input", { type: "password", className: "w-full p-2 mb-4 border border-[#333] bg-[#1a1a1a] text-white", placeholder: "Senha", value: password, onChange: (e)=>setPassword(e.target.value), __source: { fileName: "", lineNumber: 232, columnNumber: 11 }, __self: this }), passwordError && /*#__PURE__*/ React.createElement("p", { className: "text-[#f87171] mb-4", __source: { fileName: "", lineNumber: 240, columnNumber: 13 }, __self: this }, passwordError), /*#__PURE__*/ React.createElement("button", { className: "bg-[#61dafb] text-black px-4 py-2 rounded mr-2", onClick: handlePasswordSubmit, __source: { fileName: "", lineNumber: 242, columnNumber: 11 }, __self: this }, "Entrar"))); } return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen flex flex-col items-center justify-center bg-[#1a1a1a] text-white font-roboto relative", __source: { fileName: "", lineNumber: 254, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute top-4 right-4 flex space-x-2", __source: { fileName: "", lineNumber: 255, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowModal(true), className: "text-[#61dafb] border border-[#61dafb] px-4 py-2 rounded", __source: { fileName: "", lineNumber: 256, columnNumber: 9 }, __self: this }, "Adicionar Pergunta"), /*#__PURE__*/ React.createElement("button", { onClick: handleDeleteAllQuestions, className: "text-[#f87171] border border-[#f87171] px-4 py-2 rounded", __source: { fileName: "", lineNumber: 262, columnNumber: 9 }, __self: this }, "Apagar todas perguntas"), /*#__PURE__*/ React.createElement("button", { onClick: handleSaveQuiz, className: "text-[#61dafb] border border-[#61dafb] px-4 py-2 rounded", __source: { fileName: "", lineNumber: 268, columnNumber: 9 }, __self: this }, "Salvar Quiz")), /*#__PURE__*/ React.createElement("div", { id: "quiz-container", className: "w-full max-w-2xl bg-[#222] rounded-lg overflow-hidden", __source: { fileName: "", lineNumber: 275, columnNumber: 7 }, __self: this }, currentQuestion ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", { className: "bg-[#0e3b3b] p-4 text-center", __source: { fileName: "", lineNumber: 281, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-[#61dafb]", __source: { fileName: "", lineNumber: 282, columnNumber: 15 }, __self: this }, "PERGUNTA ", currentQuestionIndex + 1, " DE ", questions.length)), /*#__PURE__*/ React.createElement("div", { className: "p-6", __source: { fileName: "", lineNumber: 286, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl mb-4", __source: { fileName: "", lineNumber: 287, columnNumber: 15 }, __self: this }, currentQuestion.pergunta), /*#__PURE__*/ React.createElement("div", { className: "space-y-3", __source: { fileName: "", lineNumber: 288, columnNumber: 15 }, __self: this }, currentQuestion.alternativas.map((alternative, index)=>/*#__PURE__*/ React.createElement("div", { key: index, __source: { fileName: "", lineNumber: 290, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between", __source: { fileName: "", lineNumber: 291, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: `w-full flex justify-between items-center p-3 border rounded-lg text-left ${showFeedback ? alternative.correta ? "border-[#61dafb] text-[#61dafb]" : index === selectedOption ? "border-[#f87171] text-[#f87171]" : "border-[#333]" : "border-[#333] text-white"}`, onClick: ()=>handleOptionClick(index), disabled: showFeedback, __source: { fileName: "", lineNumber: 292, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "flex items-center", __source: { fileName: "", lineNumber: 305, columnNumber: 25 }, __self: this }, showFeedback && (alternative.correta ? "✔️" : index === selectedOption ? "❌" : "⚪"), alternative.texto)), showFeedback && /*#__PURE__*/ React.createElement("button", { onClick: ()=>toggleExpand(index), className: "text-[#61dafb] ml-2", __source: { fileName: "", lineNumber: 316, columnNumber: 25 }, __self: this }, expanded[index] ? /*#__PURE__*/ React.createElement("i", { className: "fas fa-chevron-up", __source: { fileName: "", lineNumber: 321, columnNumber: 29 }, __self: this }) : /*#__PURE__*/ React.createElement("i", { className: "fas fa-chevron-down", __source: { fileName: "", lineNumber: 323, columnNumber: 29 }, __self: this }))), expanded[index] && /*#__PURE__*/ React.createElement("div", { className: "mt-2 p-2 bg-[#333] rounded-lg", __source: { fileName: "", lineNumber: 329, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 330, columnNumber: 25 }, __self: this }, alternative.feedback))))), /*#__PURE__*/ React.createElement("div", { className: "mt-6 flex justify-between", __source: { fileName: "", lineNumber: 336, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "py-2 px-4 border border-[#333] text-white disabled:opacity-50", onClick: previousQuestion, disabled: currentQuestionIndex === 0, __source: { fileName: "", lineNumber: 337, columnNumber: 17 }, __self: this }, "Anterior"), currentQuestionIndex < questions.length - 1 ? /*#__PURE__*/ React.createElement("button", { className: "py-2 px-4 border border-[#333] text-white", onClick: nextQuestion, __source: { fileName: "", lineNumber: 345, columnNumber: 19 }, __self: this }, "Próximo") : /*#__PURE__*/ React.createElement("button", { className: "py-2 px-4 border border-[#333] text-white", onClick: restartQuiz, __source: { fileName: "", lineNumber: 352, columnNumber: 19 }, __self: this }, "Recomeçar")))) : /*#__PURE__*/ React.createElement("div", { className: "p-6 text-center", __source: { fileName: "", lineNumber: 363, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl mb-4", __source: { fileName: "", lineNumber: 364, columnNumber: 13 }, __self: this }, "Nenhuma pergunta disponível."), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 365, columnNumber: 13 }, __self: this }, "Adicione novas perguntas para começar o quiz."))), showModal && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center", __source: { fileName: "", lineNumber: 371, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#222] p-6 rounded-lg w-[400px]", __source: { fileName: "", lineNumber: 372, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl text-[#61dafb] mb-4", __source: { fileName: "", lineNumber: 373, columnNumber: 13 }, __self: this }, "Nova Pergunta"), /*#__PURE__*/ React.createElement("input", { type: "text", className: "w-full p-2 mb-4 border border-[#333] bg-[#1a1a1a] text-white", placeholder: "Pergunta", value: newQuestion.pergunta, onChange: (e)=>setNewQuestion({ ...newQuestion, pergunta: e.target.value }), __source: { fileName: "", lineNumber: 374, columnNumber: 13 }, __self: this }), newQuestion.alternativas.map((alt, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "mb-2", __source: { fileName: "", lineNumber: 384, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", className: "w-full p-2 mb-1 border border-[#333] bg-[#1a1a1a] text-white", placeholder: `Alternativa ${index + 1}`, value: alt.texto, onChange: (e)=>{ const newAlternatives = [ ...newQuestion.alternativas ]; newAlternatives[index].texto = e.target.value; setNewQuestion({ ...newQuestion, alternativas: newAlternatives }); }, __source: { fileName: "", lineNumber: 385, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", className: "w-full p-2 mb-1 border border-[#333] bg-[#1a1a1a] text-white", placeholder: "Feedback", value: alt.feedback, onChange: (e)=>{ const newAlternatives = [ ...newQuestion.alternativas ]; newAlternatives[index].feedback = e.target.value; setNewQuestion({ ...newQuestion, alternativas: newAlternatives }); }, __source: { fileName: "", lineNumber: 399, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("label", { className: "text-white", __source: { fileName: "", lineNumber: 413, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "radio", name: "correct", checked: alt.correta, onChange: ()=>{ const newAlternatives = newQuestion.alternativas.map((a, i)=>({ ...a, correta: i === index })); setNewQuestion({ ...newQuestion, alternativas: newAlternatives }); }, __source: { fileName: "", lineNumber: 414, columnNumber: 19 }, __self: this }), "Correta"))), /*#__PURE__*/ React.createElement("button", { className: "bg-[#61dafb] text-black px-4 py-2 rounded mr-2", onClick: handleAddQuestion, __source: { fileName: "", lineNumber: 435, columnNumber: 13 }, __self: this }, "Salvar"), /*#__PURE__*/ React.createElement("button", { className: "bg-[#f87171] text-black px-4 py-2 rounded", onClick: ()=>setShowModal(false), __source: { fileName: "", lineNumber: 441, columnNumber: 13 }, __self: this }, "Cancelar"))), showNameModal && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center", __source: { fileName: "", lineNumber: 452, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#222] p-6 rounded-lg w-[400px]", __source: { fileName: "", lineNumber: 453, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl text-[#61dafb] mb-4", __source: { fileName: "", lineNumber: 454, columnNumber: 13 }, __self: this }, "Nome do Quiz"), /*#__PURE__*/ React.createElement("input", { type: "text", className: "w-full p-2 mb-4 border border-[#333] bg-[#1a1a1a] text-white", placeholder: "Digite o nome do quiz", value: quizName, onChange: (e)=>setQuizName(e.target.value), __source: { fileName: "", lineNumber: 455, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "bg-[#61dafb] text-black px-4 py-2 rounded mr-2", onClick: handleConfirmSaveQuiz, __source: { fileName: "", lineNumber: 462, columnNumber: 13 }, __self: this }, "Confirmar"), /*#__PURE__*/ React.createElement("button", { className: "bg-[#f87171] text-black px-4 py-2 rounded", onClick: ()=>setShowNameModal(false), __source: { fileName: "", lineNumber: 468, columnNumber: 13 }, __self: this }, "Cancelar"))), /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-2xl mt-8", __source: { fileName: "", lineNumber: 478, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl mb-4", __source: { fileName: "", lineNumber: 479, columnNumber: 9 }, __self: this }, "Quizzes Salvos"), /*#__PURE__*/ React.createElement("table", { className: "w-full text-left", __source: { fileName: "", lineNumber: 480, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("thead", { __source: { fileName: "", lineNumber: 481, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 482, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("th", { className: "border-b p-2", __source: { fileName: "", lineNumber: 483, columnNumber: 15 }, __self: this }, "Nome do Quiz"), /*#__PURE__*/ React.createElement("th", { className: "border-b p-2", __source: { fileName: "", lineNumber: 484, columnNumber: 15 }, __self: this }, "Ação"))), /*#__PURE__*/ React.createElement("tbody", { __source: { fileName: "", lineNumber: 487, columnNumber: 11 }, __self: this }, quizzes.map((quiz)=>/*#__PURE__*/ React.createElement("tr", { key: quiz.id, __source: { fileName: "", lineNumber: 489, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("td", { className: "border-b p-2", __source: { fileName: "", lineNumber: 490, columnNumber: 17 }, __self: this }, quiz.nome), /*#__PURE__*/ React.createElement("td", { className: "border-b p-2", __source: { fileName: "", lineNumber: 491, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "text-[#61dafb] border border-[#61dafb] px-2 py-1 rounded", onClick: ()=>handleCopyQuiz(quiz.id), __source: { fileName: "", lineNumber: 492, columnNumber: 19 }, __self: this }, "Copiar Quiz"), /*#__PURE__*/ React.createElement("button", { className: "text-[#f87171] border border-[#f87171] px-2 py-1 rounded ml-2", onClick: ()=>handleDeleteQuiz(quiz.id), __source: { fileName: "", lineNumber: 498, columnNumber: 19 }, __self: this }, "Excluir Quiz")))))))); }