function MainComponent() { const [title, setTitle] = useState(""); const [notes, setNotes] = useState(""); const [keywords, setKeywords] = useState(""); const [generatedContent, setGeneratedContent] = useState(""); const [isLoading, setIsLoading] = useState(false); const [error, setError] = useState(null); const [isMenuOpen, setIsMenuOpen] = useState(false); const [showPublishModal, setShowPublishModal] = useState(false); const [showSettingsModal, setShowSettingsModal] = useState(false); const [scheduleTime, setScheduleTime] = useState(""); const [publishLoading, setPublishLoading] = useState(false); const [telegramSettings, setTelegramSettings] = useState({ botToken: "", channelId: "" }); const handleGenerate = async ()=>{ if (!title || !notes || !keywords) { setError("Пожалуйста, заполните все поля"); return; } setIsLoading(true); setError(null); try { const response = await fetch("/api/generate-content", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ title, notes, keywords }) }); const data = await response.json(); if (!data.success) { throw new Error(data.error); } setGeneratedContent(data.content); } catch (error) { console.error("Error generating content:", error); setError("Ошибка при генерации контента"); } finally{ setIsLoading(false); } }; const handlePublish = async (scheduled = false)=>{ if (!generatedContent) { setError("Сначала сгенерируйте контент"); return; } setPublishLoading(true); try { const response = await fetch("/api/telegram-publish", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ text: `${title}\n\n${generatedContent}`, scheduleTime: scheduled ? scheduleTime : null, botToken: telegramSettings.botToken, channelId: telegramSettings.channelId }) }); const data = await response.json(); if (!data.success) { throw new Error(data.error); } setShowPublishModal(false); alert(scheduled ? "Пост запланирован" : "Пост опубликован"); } catch (error) { console.error("Error publishing:", error); setError("Ошибка при публикации поста"); } finally{ setPublishLoading(false); } }; const handleSaveSettings = ()=>{ localStorage.setItem("telegramSettings", JSON.stringify(telegramSettings)); setShowSettingsModal(false); }; useEffect(()=>{ const savedSettings = localStorage.getItem("telegramSettings"); if (savedSettings) { setTelegramSettings(JSON.parse(savedSettings)); } }, []); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-900 text-gray-100", __source: { fileName: "", lineNumber: 103, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "fixed top-0 left-0 right-0 bg-gray-800 backdrop-blur-lg bg-opacity-80 shadow-lg z-50", __source: { fileName: "", lineNumber: 104, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4 py-4 flex justify-between items-center", __source: { fileName: "", lineNumber: 105, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-xl font-bold text-indigo-400", __source: { fileName: "", lineNumber: 106, columnNumber: 11 }, __self: this }, "AI Content Generator"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setIsMenuOpen(!isMenuOpen), className: "p-2 rounded-lg hover:bg-gray-700 transition-colors", __source: { fileName: "", lineNumber: 109, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-6 h-0.5 bg-indigo-400 mb-1.5", __source: { fileName: "", lineNumber: 113, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "w-6 h-0.5 bg-indigo-400 mb-1.5", __source: { fileName: "", lineNumber: 114, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "w-6 h-0.5 bg-indigo-400", __source: { fileName: "", lineNumber: 115, columnNumber: 13 }, __self: this }))), isMenuOpen && /*#__PURE__*/ React.createElement("div", { className: "absolute top-full left-0 right-0 bg-gray-800 shadow-lg backdrop-blur-lg bg-opacity-90", __source: { fileName: "", lineNumber: 120, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4 py-2", __source: { fileName: "", lineNumber: 121, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ setShowPublishModal(true); setIsMenuOpen(false); }, className: "flex items-center w-full text-left py-3 px-4 hover:bg-gray-700 rounded-lg transition-colors mb-2", __source: { fileName: "", lineNumber: 122, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("svg", { className: "w-5 h-5 mr-3", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", __source: { fileName: "", lineNumber: 129, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 19l9 2-9-18-9 18 9-2zm0 0v-8", __source: { fileName: "", lineNumber: 135, columnNumber: 19 }, __self: this })), "Опубликовать в Telegram"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ setShowSettingsModal(true); setIsMenuOpen(false); }, className: "flex items-center w-full text-left py-3 px-4 hover:bg-gray-700 rounded-lg transition-colors", __source: { fileName: "", lineNumber: 144, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("svg", { className: "w-5 h-5 mr-3", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", __source: { fileName: "", lineNumber: 151, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z", __source: { fileName: "", lineNumber: 157, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15 12a3 3 0 11-6 0 3 3 0 016 0z", __source: { fileName: "", lineNumber: 163, columnNumber: 19 }, __self: this })), "Настройки Telegram")))), /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4 pt-24", __source: { fileName: "", lineNumber: 177, columnNumber: 7 }, __self: this }, error && /*#__PURE__*/ React.createElement("div", { className: "mb-6 p-4 bg-red-900 bg-opacity-50 text-red-200 rounded-lg border border-red-700", __source: { fileName: "", lineNumber: 179, columnNumber: 11 }, __self: this }, error), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-8", __source: { fileName: "", lineNumber: 184, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("form", { className: "space-y-6", onSubmit: (e)=>e.preventDefault(), __source: { fileName: "", lineNumber: 185, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 186, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 187, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-indigo-300 mb-2", __source: { fileName: "", lineNumber: 188, columnNumber: 17 }, __self: this }, "Заголовок"), /*#__PURE__*/ React.createElement("input", { type: "text", value: title, onChange: (e)=>setTitle(e.target.value), className: "w-full p-3 bg-gray-800 border border-gray-700 rounded-lg focus:ring-2 focus:ring-indigo-500 focus:border-transparent transition-all", placeholder: "Введите заголовок...", __source: { fileName: "", lineNumber: 191, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 199, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-indigo-300 mb-2", __source: { fileName: "", lineNumber: 200, columnNumber: 17 }, __self: this }, "Примечания"), /*#__PURE__*/ React.createElement("textarea", { value: notes, onChange: (e)=>setNotes(e.target.value), className: "w-full p-3 bg-gray-800 border border-gray-700 rounded-lg h-32 focus:ring-2 focus:ring-indigo-500 focus:border-transparent transition-all", placeholder: "Добавьте примечания...", __source: { fileName: "", lineNumber: 203, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 210, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-indigo-300 mb-2", __source: { fileName: "", lineNumber: 211, columnNumber: 17 }, __self: this }, "Ключевые слова"), /*#__PURE__*/ React.createElement("input", { type: "text", value: keywords, onChange: (e)=>setKeywords(e.target.value), className: "w-full p-3 bg-gray-800 border border-gray-700 rounded-lg focus:ring-2 focus:ring-indigo-500 focus:border-transparent transition-all", placeholder: "Введите ключевые слова через запятую...", __source: { fileName: "", lineNumber: 214, columnNumber: 17 }, __self: this }))), /*#__PURE__*/ React.createElement("button", { onClick: handleGenerate, disabled: isLoading, className: "w-full py-3 px-4 rounded-lg bg-indigo-600 text-white hover:bg-indigo-700 disabled:bg-indigo-800 disabled:cursor-not-allowed transition-colors flex items-center justify-center space-x-2", __source: { fileName: "", lineNumber: 223, columnNumber: 13 }, __self: this }, isLoading ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("svg", { className: "animate-spin h-5 w-5 text-white", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", __source: { fileName: "", lineNumber: 230, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4", __source: { fileName: "", lineNumber: 236, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z", __source: { fileName: "", lineNumber: 244, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 250, columnNumber: 19 }, __self: this }, "Генерация...")) : /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("svg", { className: "w-5 h-5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", __source: { fileName: "", lineNumber: 254, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M13 10V3L4 14h7v7l9-11h-7z", __source: { fileName: "", lineNumber: 260, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 267, columnNumber: 19 }, __self: this }, "Сгенерировать контент")))), generatedContent && /*#__PURE__*/ React.createElement("div", { className: "bg-gray-800 rounded-lg p-6 border border-gray-700", __source: { fileName: "", lineNumber: 274, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold text-indigo-400 mb-4", __source: { fileName: "", lineNumber: 275, columnNumber: 15 }, __self: this }, "Сгенерированный контент"), /*#__PURE__*/ React.createElement("div", { className: "prose prose-invert max-w-none", __source: { fileName: "", lineNumber: 278, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "whitespace-pre-wrap text-gray-300", __source: { fileName: "", lineNumber: 279, columnNumber: 17 }, __self: this }, generatedContent)))), showSettingsModal && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50", __source: { fileName: "", lineNumber: 288, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-gray-800 rounded-lg p-6 max-w-md w-full mx-4 border border-gray-700", __source: { fileName: "", lineNumber: 289, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold text-indigo-400 mb-6", __source: { fileName: "", lineNumber: 290, columnNumber: 15 }, __self: this }, "Настройки Telegram"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 293, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 294, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-indigo-300 mb-2", __source: { fileName: "", lineNumber: 295, columnNumber: 19 }, __self: this }, "Токен бота"), /*#__PURE__*/ React.createElement("input", { type: "text", value: telegramSettings.botToken, onChange: (e)=>setTelegramSettings({ ...telegramSettings, botToken: e.target.value }), className: "w-full p-3 bg-gray-700 border border-gray-600 rounded-lg focus:ring-2 focus:ring-indigo-500 focus:border-transparent", placeholder: "Введите токен бота", __source: { fileName: "", lineNumber: 298, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 311, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-indigo-300 mb-2", __source: { fileName: "", lineNumber: 312, columnNumber: 19 }, __self: this }, "ID канала"), /*#__PURE__*/ React.createElement("input", { type: "text", value: telegramSettings.channelId, onChange: (e)=>setTelegramSettings({ ...telegramSettings, channelId: e.target.value }), className: "w-full p-3 bg-gray-700 border border-gray-600 rounded-lg focus:ring-2 focus:ring-indigo-500 focus:border-transparent", placeholder: "Введите ID канала", __source: { fileName: "", lineNumber: 315, columnNumber: 19 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "flex gap-4 mt-6", __source: { fileName: "", lineNumber: 329, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: handleSaveSettings, className: "flex-1 bg-indigo-600 text-white px-4 py-2 rounded-lg hover:bg-indigo-700 transition-colors", __source: { fileName: "", lineNumber: 330, columnNumber: 17 }, __self: this }, "Сохранить"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowSettingsModal(false), className: "flex-1 bg-gray-700 text-gray-300 px-4 py-2 rounded-lg hover:bg-gray-600 transition-colors", __source: { fileName: "", lineNumber: 336, columnNumber: 17 }, __self: this }, "Отмена")))), showPublishModal && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50", __source: { fileName: "", lineNumber: 348, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-gray-800 rounded-lg p-6 max-w-md w-full mx-4 border border-gray-700", __source: { fileName: "", lineNumber: 349, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold text-indigo-400 mb-6", __source: { fileName: "", lineNumber: 350, columnNumber: 15 }, __self: this }, "Публикация в Telegram"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 353, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 354, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-indigo-300 mb-2", __source: { fileName: "", lineNumber: 355, columnNumber: 19 }, __self: this }, "Время публикации (опционально)"), /*#__PURE__*/ React.createElement("input", { type: "datetime-local", value: scheduleTime, onChange: (e)=>setScheduleTime(e.target.value), className: "w-full p-3 bg-gray-700 border border-gray-600 rounded-lg focus:ring-2 focus:ring-indigo-500 focus:border-transparent", __source: { fileName: "", lineNumber: 358, columnNumber: 19 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "flex gap-4 mt-6", __source: { fileName: "", lineNumber: 366, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>handlePublish(false), disabled: publishLoading, className: "flex-1 bg-indigo-600 text-white px-4 py-2 rounded-lg hover:bg-indigo-700 disabled:bg-indigo-800 disabled:cursor-not-allowed transition-colors", __source: { fileName: "", lineNumber: 367, columnNumber: 17 }, __self: this }, publishLoading ? "Публикация..." : "Опубликовать сейчас"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handlePublish(true), disabled: publishLoading || !scheduleTime, className: "flex-1 bg-gray-700 text-gray-300 px-4 py-2 rounded-lg hover:bg-gray-600 disabled:bg-gray-800 disabled:cursor-not-allowed transition-colors", __source: { fileName: "", lineNumber: 374, columnNumber: 17 }, __self: this }, "Запланировать")), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowPublishModal(false), className: "w-full mt-4 text-gray-400 hover:text-gray-200 transition-colors", __source: { fileName: "", lineNumber: 382, columnNumber: 15 }, __self: this }, "Отмена"))))); }