function NewComponent({ month, year, onMonthChange, onYearChange, daysArray, handleDayClick, imageUrl, generatedText, monthNames }) { return /*#__PURE__*/ React.createElement("div", { className: "w-full min-h-screen p-4 font-roboto flex flex-col items-center justify-center bg-gray-100", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-bold text-2xl text-center mb-6", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, "Calendário"), /*#__PURE__*/ React.createElement("div", { className: "max-w-md bg-white shadow-lg rounded-lg overflow-hidden", __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "px-6 py-4", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between mb-4", __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("select", { name: "month", value: month, onChange: onMonthChange, className: "border p-1 rounded", __source: { fileName: "", lineNumber: 8, columnNumber: 13 }, __self: this }, monthNames.map((name, index)=>/*#__PURE__*/ React.createElement("option", { key: index, value: index, __source: { fileName: "", lineNumber: 10, columnNumber: 17 }, __self: this }, name))), /*#__PURE__*/ React.createElement("input", { name: "year", type: "number", value: year, onChange: onYearChange, className: "border p-1 rounded w-[80px]", __source: { fileName: "", lineNumber: 13, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "overflow-auto", __source: { fileName: "", lineNumber: 15, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("table", { className: "table-fixed w-full", __source: { fileName: "", lineNumber: 16, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("thead", { __source: { fileName: "", lineNumber: 17, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 18, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("th", { className: "w-1/7 px-1 py-2", __source: { fileName: "", lineNumber: 19, columnNumber: 19 }, __self: this }, "Dom"), /*#__PURE__*/ React.createElement("th", { className: "w-1/7 px-1 py-2", __source: { fileName: "", lineNumber: 20, columnNumber: 19 }, __self: this }, "Seg"), /*#__PURE__*/ React.createElement("th", { className: "w-1/7 px-1 py-2", __source: { fileName: "", lineNumber: 21, columnNumber: 19 }, __self: this }, "Ter"), /*#__PURE__*/ React.createElement("th", { className: "w-1/7 px-1 py-2", __source: { fileName: "", lineNumber: 22, columnNumber: 19 }, __self: this }, "Qua"), /*#__PURE__*/ React.createElement("th", { className: "w-1/7 px-1 py-2", __source: { fileName: "", lineNumber: 23, columnNumber: 19 }, __self: this }, "Qui"), /*#__PURE__*/ React.createElement("th", { className: "w-1/7 px-1 py-2", __source: { fileName: "", lineNumber: 24, columnNumber: 19 }, __self: this }, "Sex"), /*#__PURE__*/ React.createElement("th", { className: "w-1/7 px-1 py-2", __source: { fileName: "", lineNumber: 25, columnNumber: 19 }, __self: this }, "Sáb"))), /*#__PURE__*/ React.createElement("tbody", { __source: { fileName: "", lineNumber: 28, columnNumber: 15 }, __self: this }, Array.from({ length: Math.ceil(daysArray.length / 7) }, (_, i)=>/*#__PURE__*/ React.createElement("tr", { key: i, __source: { fileName: "", lineNumber: 30, columnNumber: 19 }, __self: this }, daysArray.slice(i * 7, i * 7 + 7).map((day, index)=>/*#__PURE__*/ React.createElement("td", { key: index, className: "border px-1 py-2 hover:bg-green-200 cursor-pointer", __source: { fileName: "", lineNumber: 32, columnNumber: 23 }, __self: this }, day && /*#__PURE__*/ React.createElement("button", { className: "w-full h-full", onClick: ()=>handleDayClick(day), __source: { fileName: "", lineNumber: 34, columnNumber: 27 }, __self: this }, day)))))))))), imageUrl && /*#__PURE__*/ React.createElement("img", { src: imageUrl, alt: `Generated calendar for ${monthNames[month]} ${year}`, className: "mt-4 w-[300px] h-[300px]", __source: { fileName: "", lineNumber: 45, columnNumber: 20 }, __self: this }), generatedText && /*#__PURE__*/ React.createElement("div", { className: "mt-4 text-center font-roboto", __source: { fileName: "", lineNumber: 46, columnNumber: 25 }, __self: this }, generatedText)); } function NewComponentStory() { const [month, setMonth] = React.useState(new Date().getMonth()); const [year, setYear] = React.useState(new Date().getFullYear()); const [imageUrl, setImageUrl] = React.useState(null); const [generatedText, setGeneratedText] = React.useState(""); const handleDayClick = async (day)=>{ const prompt = `beautiful calendar image for ${day} ${monthNames[month]} ${year}`; const response = await fetch(`/integrations/stable-diffusion-v-3/?prompt=${encodeURIComponent(prompt)}`); const data = await response.json(); setImageUrl(data.data[0]); const messages = [ { role: "user", content: `Generate a special note for the calendar day ${day} ${monthNames[month]} ${year}` } ]; const textResponse = await fetch('/integrations/google-gemini/', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ messages }) }); const textData = await textResponse.json(); setGeneratedText(textData.choices[0].message.content); }; const daysInMonth = new Date(year, month + 1, 0).getDate(); const firstDayIndex = new Date(year, month, 1).getDay(); const daysArray = []; for(let i = 0; i < firstDayIndex; i++){ daysArray.push(null); } for(let i = 1; i <= daysInMonth; i++){ daysArray.push(i); } const monthNames = [ "Janeiro", "Fevereiro", "Março", "Abril", "Maio", "Junho", "Julho", "Agosto", "Setembro", "Outubro", "Novembro", "Dezembro" ]; return /*#__PURE__*/ React.createElement(NewComponent, { month: month, year: year, onMonthChange: (e)=>setMonth(parseInt(e.target.value)), onYearChange: (e)=>setYear(parseInt(e.target.value)), daysArray: daysArray, handleDayClick: handleDayClick, imageUrl: imageUrl, generatedText: generatedText, monthNames: monthNames, __source: { fileName: "", lineNumber: 89, columnNumber: 5 }, __self: this }); } function MainComponent() { const [month, setMonth] = React.useState(new Date().getMonth()); const [year, setYear] = React.useState(new Date().getFullYear()); const [imageUrl, setImageUrl] = React.useState(null); const [generatedText, setGeneratedText] = React.useState(""); const handleDayClick = async (day)=>{ const prompt = `beautiful calendar image for ${day} ${monthNames[month]} ${year}`; const response = await fetch(`/integrations/stable-diffusion-v-3/?prompt=${encodeURIComponent(prompt)}`); const data = await response.json(); setImageUrl(data.data[0]); const messages = [ { role: "user", content: `Generate a special note for the calendar day ${day} ${monthNames[month]} ${year}` } ]; const textResponse = await fetch('/integrations/google-gemini/', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ messages }) }); const textData = await textResponse.json(); setGeneratedText(textData.choices[0].message.content); }; const daysInMonth = new Date(year, month + 1, 0).getDate(); const firstDayIndex = new Date(year, month, 1).getDay(); const daysArray = []; for(let i = 0; i < firstDayIndex; i++){ daysArray.push(null); } for(let i = 1; i <= daysInMonth; i++){ daysArray.push(i); } const monthNames = [ "Janeiro", "Fevereiro", "Março", "Abril", "Maio", "Junho", "Julho", "Agosto", "Setembro", "Outubro", "Novembro", "Dezembro" ]; return /*#__PURE__*/ React.createElement(NewComponent, { month: month, year: year, onMonthChange: (e)=>setMonth(parseInt(e.target.value)), onYearChange: (e)=>setYear(parseInt(e.target.value)), daysArray: daysArray, handleDayClick: handleDayClick, imageUrl: imageUrl, generatedText: generatedText, monthNames: monthNames, __source: { fileName: "", lineNumber: 39, columnNumber: 5 }, __self: this }); } function NewComponent({ month, year, onMonthChange, onYearChange, daysArray, handleDayClick, imageUrl, generatedText, monthNames }) { return /*#__PURE__*/ React.createElement("div", { className: "w-full min-h-screen p-4 font-roboto flex flex-col items-center justify-center bg-gray-100", __source: { fileName: "", lineNumber: 55, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-bold text-2xl text-center mb-6", __source: { fileName: "", lineNumber: 56, columnNumber: 7 }, __self: this }, "Calendário"), /*#__PURE__*/ React.createElement("div", { className: "max-w-md bg-white shadow-lg rounded-lg overflow-hidden", __source: { fileName: "", lineNumber: 57, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "px-6 py-4", __source: { fileName: "", lineNumber: 58, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between mb-4", __source: { fileName: "", lineNumber: 59, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("select", { name: "month", value: month, onChange: onMonthChange, className: "border p-1 rounded", __source: { fileName: "", lineNumber: 60, columnNumber: 13 }, __self: this }, monthNames.map((name, index)=>/*#__PURE__*/ React.createElement("option", { key: index, value: index, __source: { fileName: "", lineNumber: 62, columnNumber: 17 }, __self: this }, name))), /*#__PURE__*/ React.createElement("input", { name: "year", type: "number", value: year, onChange: onYearChange, className: "border p-1 rounded w-[80px]", __source: { fileName: "", lineNumber: 65, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "overflow-auto", __source: { fileName: "", lineNumber: 67, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("table", { className: "table-fixed w-full", __source: { fileName: "", lineNumber: 68, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("thead", { __source: { fileName: "", lineNumber: 69, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 70, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("th", { className: "w-1/7 px-1 py-2", __source: { fileName: "", lineNumber: 71, columnNumber: 19 }, __self: this }, "Dom"), /*#__PURE__*/ React.createElement("th", { className: "w-1/7 px-1 py-2", __source: { fileName: "", lineNumber: 72, columnNumber: 19 }, __self: this }, "Seg"), /*#__PURE__*/ React.createElement("th", { className: "w-1/7 px-1 py-2", __source: { fileName: "", lineNumber: 73, columnNumber: 19 }, __self: this }, "Ter"), /*#__PURE__*/ React.createElement("th", { className: "w-1/7 px-1 py-2", __source: { fileName: "", lineNumber: 74, columnNumber: 19 }, __self: this }, "Qua"), /*#__PURE__*/ React.createElement("th", { className: "w-1/7 px-1 py-2", __source: { fileName: "", lineNumber: 75, columnNumber: 19 }, __self: this }, "Qui"), /*#__PURE__*/ React.createElement("th", { className: "w-1/7 px-1 py-2", __source: { fileName: "", lineNumber: 76, columnNumber: 19 }, __self: this }, "Sex"), /*#__PURE__*/ React.createElement("th", { className: "w-1/7 px-1 py-2", __source: { fileName: "", lineNumber: 77, columnNumber: 19 }, __self: this }, "Sáb"))), /*#__PURE__*/ React.createElement("tbody", { __source: { fileName: "", lineNumber: 80, columnNumber: 15 }, __self: this }, Array.from({ length: Math.ceil(daysArray.length / 7) }, (_, i)=>/*#__PURE__*/ React.createElement("tr", { key: i, __source: { fileName: "", lineNumber: 82, columnNumber: 19 }, __self: this }, daysArray.slice(i * 7, i * 7 + 7).map((day, index)=>/*#__PURE__*/ React.createElement("td", { key: index, className: "border px-1 py-2 cursor-pointer", style: { transition: 'background-color 0.3s' }, onMouseEnter: (e)=>e.currentTarget.style.backgroundColor = '#a3e635', onMouseLeave: (e)=>e.currentTarget.style.backgroundColor = '', __source: { fileName: "", lineNumber: 84, columnNumber: 23 }, __self: this }, day && /*#__PURE__*/ React.createElement("button", { className: "w-full h-full", onClick: ()=>handleDayClick(day), __source: { fileName: "", lineNumber: 90, columnNumber: 27 }, __self: this }, day)))))))))), imageUrl && /*#__PURE__*/ React.createElement("img", { src: imageUrl, alt: `Generated calendar for ${monthNames[month]} ${year}`, className: "mt-4 w-[300px] h-[300px]", __source: { fileName: "", lineNumber: 101, columnNumber: 20 }, __self: this }), generatedText && /*#__PURE__*/ React.createElement("div", { className: "mt-4 text-center font-roboto", __source: { fileName: "", lineNumber: 102, columnNumber: 25 }, __self: this }, generatedText)); }

Dom	Seg	Ter	Qua	Qui	Sex	Sáb