function MainComponent() { const [questionIndex, setQuestionIndex] = React.useState(0); const [isFinal, setIsFinal] = React.useState(false); const [decision, setDecision] = React.useState(""); const questions = [ { text: "A demanda é um esforço único e não será recorrente?" }, { text: "A demanda tem um início e fim definidos?" }, { text: "A demanda visa criar um produto, serviço ou resultado novo ou exclusivo para alguém?" }, { text: "A demanda necessita de governança formal (Status reports, Steering Commitee ou algum tipo de prestação de contas)?" }, { text: "A demanda possui recursos limitados e específicos alocados para sua execução?" }, { text: "A demanda é uma sequência coordenada de atividades que precisam ser repetidas continuamente?" }, { text: "As circunstâncias e condições da demanda tendem a ser constantes ao longo do tempo?" }, { text: "A demanda visa alcançar um resultado específico e repetitivo?" }, { text: "A demanda faz parte das rotinas operacionais da empresa?" }, { text: "A demanda é um agrupamento de ações que não necessitam de rituais robusto de projeto?" }, { text: "A demanda é mais imediata, de curto ou médio prazo para execução e resultados mais rápidos?" }, { text: "A demanda visa melhorias operacionais ou contínuas?" }, { text: "A demanda é flexível e pode ser ajustada conforme necessário sem a necessidade de uma estrutura formal de projeto?" }, { text: "A demanda precisa de aprovação de orçamento?" }, { text: "A demanda precisa de aprovação do Conselho?" } ]; const handleAnswerChange = (answer)=>{ let newDecision = ""; let nextQuestionIndex; switch(questionIndex){ case 0: nextQuestionIndex = answer === "yes" ? 1 : 5; break; case 1: nextQuestionIndex = answer === "yes" ? 2 : 5; break; case 2: nextQuestionIndex = answer === "yes" ? 3 : 5; break; case 3: nextQuestionIndex = answer === "yes" ? 4 : 5; break; case 4: nextQuestionIndex = answer === "yes" ? 14 : 5; setIsFinal(true); break; case 5: nextQuestionIndex = answer === "yes" ? 6 : 10; break; case 6: nextQuestionIndex = answer === "yes" ? 7 : 10; break; case 7: nextQuestionIndex = answer === "yes" ? 8 : 10; break; case 8: newDecision = answer === "yes" ? "Processo" : ""; setIsFinal(answer === "yes"); nextQuestionIndex = answer === "yes" ? -1 : 10; break; case 9: nextQuestionIndex = 10; break; case 10: nextQuestionIndex = answer === "yes" ? 11 : -1; setIsFinal(answer === "no"); newDecision = answer === "no" ? "Reavaliar a demanda" : ""; break; case 11: nextQuestionIndex = answer === "yes" ? 12 : -1; setIsFinal(answer === "no"); newDecision = answer === "no" ? "Reavaliar a demanda" : ""; break; case 12: nextQuestionIndex = answer === "yes" ? 13 : -1; setIsFinal(answer === "no"); newDecision = answer === "no" ? "Reavaliar a demanda" : ""; break; case 13: nextQuestionIndex = answer === "yes" ? 14 : -1; break; case 14: newDecision = answer === "yes" ? "Projeto" : "Iniciativa"; setIsFinal(true); nextQuestionIndex = -1; break; default: break; } setDecision(newDecision); setQuestionIndex(nextQuestionIndex); }; const renderQuestion = ()=>{ if (isFinal) return null; return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 97, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "mb-2 font-roboto", __source: { fileName: "", lineNumber: 98, columnNumber: 9 }, __self: this }, questions[questionIndex].text), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 99, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "bg-blue-500 text-white px-2 py-1 rounded-md mr-2", onClick: ()=>handleAnswerChange("yes"), __source: { fileName: "", lineNumber: 100, columnNumber: 11 }, __self: this }, "Sim"), /*#__PURE__*/ React.createElement("button", { className: "bg-gray-300 text-black px-2 py-1 rounded-md", onClick: ()=>handleAnswerChange("no"), __source: { fileName: "", lineNumber: 106, columnNumber: 11 }, __self: this }, "Não"))); }; return /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-4xl mx-auto p-4", __source: { fileName: "", lineNumber: 118, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-start mb-6", __source: { fileName: "", lineNumber: 119, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-xl font-bold text-[#4169e1] p-2 font-roboto", __source: { fileName: "", lineNumber: 120, columnNumber: 9 }, __self: this }, "PMOX")), /*#__PURE__*/ React.createElement("div", { className: "w-full border border-[#4169e1] p-4 mb-6 bg-gray-100 rounded-md", __source: { fileName: "", lineNumber: 122, columnNumber: 7 }, __self: this }, renderQuestion()), /*#__PURE__*/ React.createElement("div", { className: "w-full flex flex-wrap justify-center", __source: { fileName: "", lineNumber: 125, columnNumber: 7 }, __self: this }, decision === "Projeto" && /*#__PURE__*/ React.createElement("div", { className: "w-full sm:w-1/2 p-4 border-[#4169e1]", __source: { fileName: "", lineNumber: 127, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "border p-4 rounded-md text-center", __source: { fileName: "", lineNumber: 128, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold mb-2 font-roboto", __source: { fileName: "", lineNumber: 129, columnNumber: 15 }, __self: this }, "Projeto"), /*#__PURE__*/ React.createElement("p", { className: "mb-2 font-roboto", __source: { fileName: "", lineNumber: 130, columnNumber: 15 }, __self: this }, "Esforço único, temporário e progressivo"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto", __source: { fileName: "", lineNumber: 131, columnNumber: 15 }, __self: this }, "Exemplos: Novo produto, nova área de negócio"))), decision === "Processo" && /*#__PURE__*/ React.createElement("div", { className: "w-full sm:w-1/2 p-4 border-[#4169e1]", __source: { fileName: "", lineNumber: 136, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "border p-4 rounded-md text-center", __source: { fileName: "", lineNumber: 137, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold mb-2 font-roboto", __source: { fileName: "", lineNumber: 138, columnNumber: 15 }, __self: this }, "Processo"), /*#__PURE__*/ React.createElement("p", { className: "mb-2 font-roboto", __source: { fileName: "", lineNumber: 139, columnNumber: 15 }, __self: this }, "Sequência coordenada de atividades permanentes"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto", __source: { fileName: "", lineNumber: 140, columnNumber: 15 }, __self: this }, "Exemplos: Rotinas operacionais, medição de indicadores"))), decision === "Iniciativa" && /*#__PURE__*/ React.createElement("div", { className: "w-full sm:w-1/2 p-4 border-[#4169e1]", __source: { fileName: "", lineNumber: 145, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "border p-4 rounded-md text-center", __source: { fileName: "", lineNumber: 146, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold mb-2 font-roboto", __source: { fileName: "", lineNumber: 147, columnNumber: 15 }, __self: this }, "Iniciativa"), /*#__PURE__*/ React.createElement("p", { className: "mb-2 font-roboto", __source: { fileName: "", lineNumber: 148, columnNumber: 15 }, __self: this }, "Ações imediatas com prazo curto"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto", __source: { fileName: "", lineNumber: 149, columnNumber: 15 }, __self: this }, "Exemplos: Plano de ação, campanhas de marketing"))), isFinal && !decision && /*#__PURE__*/ React.createElement("div", { className: "w-full sm:w-1/2 p-4 border-[#4169e1]", __source: { fileName: "", lineNumber: 154, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "border p-4 rounded-md text-center", __source: { fileName: "", lineNumber: 155, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold mb-2 font-roboto", __source: { fileName: "", lineNumber: 156, columnNumber: 15 }, __self: this }, "Reavaliar a demanda"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto", __source: { fileName: "", lineNumber: 157, columnNumber: 15 }, __self: this }, "A demanda precisa ser reavaliada com mais detalhes."))))); }