function MainComponent() { const [fitnessGoal, setFitnessGoal] = React.useState(''); const [schedule, setSchedule] = React.useState([]); const [loading, setLoading] = React.useState(false); const [weeklyGoalReached, setWeeklyGoalReached] = React.useState(false); const [translatedSchedule, setTranslatedSchedule] = React.useState([]); const [translationLoading, setTranslationLoading] = React.useState(false); const handleFitnessGoalChange = (event)=>{ setFitnessGoal(event.target.value); }; const handleSubmit = async (event)=>{ event.preventDefault(); setLoading(true); setWeeklyGoalReached(false); try { const response = await fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', body: JSON.stringify({ messages: [ { role: 'user', content: fitnessGoal } ], system_prompt: 'd(You are giving the user advice on 2024 fitness goals. Do not provide any additional explanation or information outside of the JSON array! here is an example response: [{ "breakfast": "cereal", "lunch": "apples", "dinner": "meat", "workout": "squats 24 times", "day": "Monday"}, (repeat for all the other days of the week)]). Provide check box for each activity with fireworks for party when the weekly goal is reached.', max_tokens: 2000 }), headers: { 'Content-Type': 'application/json' } }); const { result } = await response.json(); setSchedule(result); translateSchedule(result); } catch (error) { console.error('Error fetching workout and dietary schedule:', error); } setLoading(false); }; const translateSchedule = async (schedule)=>{ setTranslationLoading(true); try { const promises = schedule.map(async (day)=>{ const breakfastPromise = translateText(day.breakfast); const lunchPromise = translateText(day.lunch); const dinnerPromise = translateText(day.dinner); const workoutPromise = translateText(day.workout); const [breakfast, lunch, dinner, workout] = await Promise.all([ breakfastPromise, lunchPromise, dinnerPromise, workoutPromise ]); return { day: day.day, breakfast, lunch, dinner, workout, completed: day.completed }; }); const translatedSchedule = await Promise.all(promises); setTranslatedSchedule(translatedSchedule); } catch (error) { console.error('Error translating schedule:', error); } setTranslationLoading(false); }; const translateText = async (text)=>{ try { const response = await fetch('/integrations/google-translate/language/translate/v2', { method: 'POST', body: new URLSearchParams({ q: text, target: 'pt' }) }); const { data } = await response.json(); return data.translations[0].translatedText; } catch (error) { console.error('Error translating text:', error); return text; } }; const handleCheckboxChange = (dayIndex, mealsIndex)=>{ const updatedSchedule = [ ...translatedSchedule ]; updatedSchedule[dayIndex].meals[mealsIndex].completed = !updatedSchedule[dayIndex].meals[mealsIndex].completed; const allCompleted = updatedSchedule.every((day)=>day.meals.every((meal)=>meal.completed)); setTranslatedSchedule(updatedSchedule); setWeeklyGoalReached(allCompleted); }; const pillClasses = "px-4 py-1 inline-block rounded-full text-sm font-semibold mr-2"; let scheduleContent; if (translationLoading || loading) { scheduleContent = /*#__PURE__*/ React.createElement("p", { className: "text-center font-roboto", __source: { fileName: "", lineNumber: 93, columnNumber: 23 }, __self: this }, "Carregando..."); } else { scheduleContent = translatedSchedule.map((day, dayIndex)=>/*#__PURE__*/ React.createElement("div", { key: dayIndex, className: "bg-white p-4 mb-4 rounded-lg shadow", __source: { fileName: "", lineNumber: 96, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold font-roboto mb-2 text-left", __source: { fileName: "", lineNumber: 97, columnNumber: 9 }, __self: this }, day.day), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 98, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: `${pillClasses} bg-[#D9ED92]`, __source: { fileName: "", lineNumber: 99, columnNumber: 11 }, __self: this }, "Café da manhã"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-left", __source: { fileName: "", lineNumber: 100, columnNumber: 11 }, __self: this }, day.breakfast)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 102, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: `${pillClasses} bg-[#BCDDB3]`, __source: { fileName: "", lineNumber: 103, columnNumber: 11 }, __self: this }, "Almoço"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-left", __source: { fileName: "", lineNumber: 104, columnNumber: 11 }, __self: this }, day.lunch)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 106, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: `${pillClasses} bg-[#99CCBB]`, __source: { fileName: "", lineNumber: 107, columnNumber: 11 }, __self: this }, "Jantar"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-left", __source: { fileName: "", lineNumber: 108, columnNumber: 11 }, __self: this }, day.dinner)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 110, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: `${pillClasses} bg-[#8CAB9B]`, __source: { fileName: "", lineNumber: 111, columnNumber: 11 }, __self: this }, "Treino"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-left", __source: { fileName: "", lineNumber: 112, columnNumber: 11 }, __self: this }, day.workout)), /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 114, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", checked: day.completed, onChange: ()=>handleCheckboxChange(dayIndex), className: "mr-2", __source: { fileName: "", lineNumber: 115, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "font-roboto", __source: { fileName: "", lineNumber: 116, columnNumber: 11 }, __self: this }, "Completo")))); } return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen pt-12 pb-24 px-4 bg-gradient-to-b from-[#56ab2f] to-[#a8e063] font-roboto", __source: { fileName: "", lineNumber: 122, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-md mx-auto bg-white rounded-lg p-6 shadow-lg", __source: { fileName: "", lineNumber: 123, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "mb-4", __source: { fileName: "", lineNumber: 124, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", value: fitnessGoal, onChange: handleFitnessGoalChange, placeholder: "Defina seu objetivo de fitness para 2024", className: "w-full p-2 border rounded mb-4 font-roboto", name: "fitness-goal", __source: { fileName: "", lineNumber: 125, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full bg-[#56ab2f] text-white py-2 rounded hover:bg-[#489f29] font-roboto", disabled: loading, __source: { fileName: "", lineNumber: 133, columnNumber: 11 }, __self: this }, "Enviar")), /*#__PURE__*/ React.createElement("div", { className: "overflow-auto h-[60vh]", __source: { fileName: "", lineNumber: 141, columnNumber: 9 }, __self: this }, scheduleContent)), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 145, columnNumber: 7 }, __self: this }, ` @keyframes fireworks { from { opacity: 0; transform: scale(0.5); } to { opacity: 1; transform: scale(1); } } `), /*#__PURE__*/ React.createElement("div", { style: { display: weeklyGoalReached ? 'block' : 'none', animation: 'fireworks 1s infinite' }, className: "text-center py-5", __source: { fileName: "", lineNumber: 157, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("span", { role: "img", "aria-label": "fireworks", className: "text-4xl", __source: { fileName: "", lineNumber: 158, columnNumber: 9 }, __self: this }, "🎆🎇✨"))); }