function TaskInputField({ name, placeholder }) { return /*#__PURE__*/ React.createElement("input", { type: "text", name: name, className: "border p-2 w-full mb-2", placeholder: placeholder, __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }); } function TaskInputFieldStory() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 14, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(TaskInputField, { name: "todo", placeholder: "Enter a task", __source: { fileName: "", lineNumber: 15, columnNumber: 7 }, __self: this })); } function MainComponent() { const [categories, setCategories] = React.useState([]); const [subItems, setSubItems] = React.useState([]); const [loading, setLoading] = React.useState(false); const handleSubmit = async (e)=>{ e.preventDefault(); const todo = e.target.todo.value; const messages = [ { role: "user", content: `Breakdown the task: ${todo}` } ]; setLoading(true); try { const response = await fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ messages }) }); const data = await response.json(); const breakdown = data.choices[0].message.content; const messagesPriority = [ { role: "user", content: `Task details: ${breakdown}. Breakdown each task into sub-tasks, assign priority and estimated time.` } ]; const responsePriority = await fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ messages: messagesPriority }) }); const dataPriority = await responsePriority.json(); const subTasks = dataPriority.choices[0].message.content; const parsedCategories = JSON.parse(breakdown); const parsedSubItems = JSON.parse(subTasks); setCategories(parsedCategories); setSubItems(parsedSubItems); } catch (error) { console.error('Error fetching tasks', error); } finally{ setLoading(false); } }; return /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 49, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-roboto font-bold mb-4", __source: { fileName: "", lineNumber: 50, columnNumber: 7 }, __self: this }, "Todo Management Tool"), /*#__PURE__*/ React.createElement("form", { className: "mb-4", onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 51, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement(TaskInputField, { name: "todo", placeholder: "Enter a task", __source: { fileName: "", lineNumber: 52, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-blue-500 text-white p-2 w-full", __source: { fileName: "", lineNumber: 53, columnNumber: 9 }, __self: this }, "Add Task")), loading && /*#__PURE__*/ React.createElement("p", { className: "text-blue-500", __source: { fileName: "", lineNumber: 55, columnNumber: 19 }, __self: this }, "Loading..."), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", __source: { fileName: "", lineNumber: 56, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 57, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-roboto font-semibold mb-2", __source: { fileName: "", lineNumber: 58, columnNumber: 11 }, __self: this }, "Main Categories"), /*#__PURE__*/ React.createElement("ul", { className: "list-disc pl-5", __source: { fileName: "", lineNumber: 59, columnNumber: 11 }, __self: this }, categories.map((category, index)=>/*#__PURE__*/ React.createElement("li", { key: index, __source: { fileName: "", lineNumber: 61, columnNumber: 15 }, __self: this }, category)))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 65, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-roboto font-semibold mb-2", __source: { fileName: "", lineNumber: 66, columnNumber: 11 }, __self: this }, "Sub Items"), /*#__PURE__*/ React.createElement("ul", { className: "list-disc pl-5", __source: { fileName: "", lineNumber: 67, columnNumber: 11 }, __self: this }, subItems.map((subItem, index)=>/*#__PURE__*/ React.createElement("li", { key: index, className: "mb-2", __source: { fileName: "", lineNumber: 69, columnNumber: 15 }, __self: this }, subItem.task, /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 71, columnNumber: 17 }, __self: this }, "Priority: ", subItem.priority), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 72, columnNumber: 17 }, __self: this }, "Estimated Time: ", subItem.estimatedTime))))))); }