function MainComponent() { const [state, setState] = React.useState({ showMeditation: false, dailyReflection: '', motivationalQuote: '', stressAdvice: '', anxietyAdvice: '', depressionAdvice: '', loading: false }); const fetchAdvice = async ()=>{ setState((prevState)=>({ ...prevState, loading: true })); const response = await fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ messages: [ { "role": "user", "content": "Give advice on stress" }, { "role": "user", "content": "Give advice on anxiety" }, { "role": "user", "content": "Give advice on depression" } ], system_prompt: 'Provide advice on stress, anxiety, and depression', max_tokens: 2000 }) }); const data = await response.json(); if (data.status) { setState((prevState)=>({ ...prevState, stressAdvice: data.results[0], anxietyAdvice: data.results[1], depressionAdvice: data.results[2], loading: false })); } }; const startMeditation = async ()=>{ setState((prevState)=>({ ...prevState, loading: true })); const response = await fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ messages: [ { "role": "user", "content": "Start guided meditation" } ], system_prompt: 'Provide guided meditation', max_tokens: 2000 }) }); const data = await response.json(); if (data.status) { setState((prevState)=>({ ...prevState, showMeditation: true, motivationalQuote: data.result, loading: false })); } }; const handleReflectionChange = (e)=>{ setState((prevState)=>({ ...prevState, dailyReflection: e.target.value })); }; React.useEffect(()=>{ fetchAdvice(); }, []); return /*#__PURE__*/ React.createElement("div", { className: "w-full min-h-screen bg-[#f4f4f8] flex flex-col items-center pt-10 font-roboto", __source: { fileName: "", lineNumber: 70, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl text-[#121212] mb-5", __source: { fileName: "", lineNumber: 71, columnNumber: 7 }, __self: this }, "Daily Meditation & Wellness App"), /*#__PURE__*/ React.createElement("button", { className: "mb-5 p-2 bg-[#007bff] text-white rounded hover:bg-[#0056b3]", onClick: startMeditation, __source: { fileName: "", lineNumber: 72, columnNumber: 7 }, __self: this }, state.loading ? 'Loading...' : 'Start Meditation'), state.showMeditation && /*#__PURE__*/ React.createElement("div", { className: "text-center p-4 bg-white rounded shadow-lg w-[90%] max-w-[500px]", __source: { fileName: "", lineNumber: 79, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-lg", __source: { fileName: "", lineNumber: 80, columnNumber: 11 }, __self: this }, "Guided Meditation:"), /*#__PURE__*/ React.createElement("p", { className: "text-md text-gray-700 my-2", __source: { fileName: "", lineNumber: 81, columnNumber: 11 }, __self: this }, state.motivationalQuote)), /*#__PURE__*/ React.createElement("div", { className: "mt-5 w-full px-4", __source: { fileName: "", lineNumber: 84, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "dailyReflection", className: "block text-md mb-2", __source: { fileName: "", lineNumber: 85, columnNumber: 9 }, __self: this }, "Daily Reflection:"), /*#__PURE__*/ React.createElement("textarea", { name: "dailyReflection", id: "dailyReflection", className: "w-full p-2 border border-gray-300 rounded", rows: "4", value: state.dailyReflection, onChange: handleReflectionChange, __source: { fileName: "", lineNumber: 86, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mt-5 text-center", __source: { fileName: "", lineNumber: 95, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 96, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg", __source: { fileName: "", lineNumber: 97, columnNumber: 11 }, __self: this }, "Stress"), /*#__PURE__*/ React.createElement("p", { className: "text-md", __source: { fileName: "", lineNumber: 98, columnNumber: 11 }, __self: this }, state.stressAdvice)), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 100, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg", __source: { fileName: "", lineNumber: 101, columnNumber: 11 }, __self: this }, "Anxiety"), /*#__PURE__*/ React.createElement("p", { className: "text-md", __source: { fileName: "", lineNumber: 102, columnNumber: 11 }, __self: this }, state.anxietyAdvice)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 104, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg", __source: { fileName: "", lineNumber: 105, columnNumber: 11 }, __self: this }, "Depression"), /*#__PURE__*/ React.createElement("p", { className: "text-md", __source: { fileName: "", lineNumber: 106, columnNumber: 11 }, __self: this }, state.depressionAdvice)))); }