function MainComponent() { const [botSettings, setBotSettings] = React.useState({ channelId: '', botToken: '', intervalHours: '', collectProxies: true, language: 'fa', botOwnerAccount: '' }); const handleInputChange = (event)=>{ const { name, type, checked, value } = event.target; const inputValue = type === 'checkbox' ? checked : value; setBotSettings({ ...botSettings, [name]: inputValue }); }; const handleSubmit = (event)=>{ event.preventDefault(); }; const isPersian = botSettings.language === 'fa'; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-[#f7f7f7] p-4 font-roboto", __source: { fileName: "", lineNumber: 24, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-lg bg-white rounded-lg shadow-md p-6", __source: { fileName: "", lineNumber: 25, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: `text-2xl mb-4 text-[#121212] ${isPersian ? 'text-right' : 'text-left'}`, __source: { fileName: "", lineNumber: 26, columnNumber: 9 }, __self: this }, isPersian ? 'ربات تلگرام با توانایی‌های هوش مصنوعی' : 'Telegram Bot with AI Capabilities'), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "space-y-6", __source: { fileName: "", lineNumber: 29, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 30, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "botToken", className: `block text-sm font-medium text-gray-700 ${isPersian ? 'text-right' : 'text-left'}`, __source: { fileName: "", lineNumber: 31, columnNumber: 13 }, __self: this }, isPersian ? 'توکن ربات' : 'Bot Token'), /*#__PURE__*/ React.createElement("input", { type: "text", name: "botToken", id: "botToken", value: botSettings.botToken, onChange: handleInputChange, className: `mt-1 block w-full p-2 border border-gray-300 rounded-md shadow-sm placeholder-gray-400 focus:ring-blue-500 focus:border-blue-500 sm:text-sm ${isPersian ? 'text-right' : ''}`, placeholder: isPersian ? 'توکن ربات خود را وارد کنید' : 'Enter your bot token', __source: { fileName: "", lineNumber: 34, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 45, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "channelId", className: `block text-sm font-medium text-gray-700 ${isPersian ? 'text-right' : 'text-left'}`, __source: { fileName: "", lineNumber: 46, columnNumber: 13 }, __self: this }, isPersian ? 'آی‌دی کانال' : 'Channel ID'), /*#__PURE__*/ React.createElement("input", { type: "text", name: "channelId", id: "channelId", value: botSettings.channelId, onChange: handleInputChange, className: `mt-1 block w-full p-2 border border-gray-300 rounded-md shadow-sm placeholder-gray-400 focus:ring-blue-500 focus:border-blue-500 sm:text-sm ${isPersian ? 'text-right' : ''}`, placeholder: isPersian ? 'آی‌دی کانال را وارد کنید' : 'Enter the channel ID', __source: { fileName: "", lineNumber: 49, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 60, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "botOwnerAccount", className: `block text-sm font-medium text-gray-700 ${isPersian ? 'text-right' : 'text-left'}`, __source: { fileName: "", lineNumber: 61, columnNumber: 13 }, __self: this }, isPersian ? 'لینک حساب کاربری صاحب ربات' : "Bot Owner's Telegram Account Link"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "botOwnerAccount", id: "botOwnerAccount", value: botSettings.botOwnerAccount, onChange: handleInputChange, className: `mt-1 block w-full p-2 border border-gray-300 rounded-md shadow-sm placeholder-gray-400 focus:ring-blue-500 focus:border-blue-500 sm:text-sm ${isPersian ? 'text-right' : ''}`, placeholder: isPersian ? 'لینک حساب کاربری تلگرام خود را وارد کنید' : 'Enter your Telegram account link', __source: { fileName: "", lineNumber: 64, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 75, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "intervalHours", className: `block text-sm font-medium text-gray-700 ${isPersian ? 'text-right' : 'text-left'}`, __source: { fileName: "", lineNumber: 76, columnNumber: 13 }, __self: this }, isPersian ? 'فاصله زمانی ارسال (به ساعت)' : 'Send Interval (in hours)'), /*#__PURE__*/ React.createElement("input", { type: "number", name: "intervalHours", id: "intervalHours", value: botSettings.intervalHours, onChange: handleInputChange, className: `mt-1 block w-full p-2 border border-gray-300 rounded-md shadow-sm placeholder-gray-400 focus:ring-blue-500 focus:border-blue-500 sm:text-sm ${isPersian ? 'text-right' : ''}`, placeholder: isPersian ? 'مثلاً ۳' : 'e.g. 3', min: "1", __source: { fileName: "", lineNumber: 79, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: `flex flex-col ${isPersian ? 'items-end' : ''}`, __source: { fileName: "", lineNumber: 91, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "collectProxies", className: "flex items-center mb-4", __source: { fileName: "", lineNumber: 92, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", name: "collectProxies", id: "collectProxies", checked: botSettings.collectProxies, onChange: handleInputChange, className: "h-4 w-4 rounded text-blue-600 border-gray-300 focus:ring-blue-500", __source: { fileName: "", lineNumber: 93, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: `ml-2 text-sm text-gray-700 ${isPersian ? 'mr-2 ml-0' : ''}`, __source: { fileName: "", lineNumber: 101, columnNumber: 15 }, __self: this }, isPersian ? 'جمع‌آوری پروکسی‌ها' : 'Collect Proxies')), /*#__PURE__*/ React.createElement("p", { className: `text-xs text-gray-500 ${isPersian ? 'text-right' : 'text-left'}`, dir: isPersian ? 'rtl' : 'ltr', __source: { fileName: "", lineNumber: 106, columnNumber: 13 }, __self: this }, isPersian ? 'پس از ساخت ربات، ویرایش آن در تلگرام ادامه دهید...' : 'After creating the bot, continue editing it in Telegram...')), /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 111, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full mt-2 py-2 px-4 bg-blue-600 text-white rounded-md hover:bg-blue-700 focus:outline-none focus:bg-blue-700", __source: { fileName: "", lineNumber: 112, columnNumber: 13 }, __self: this }, isPersian ? 'ذخیره تنظیمات' : 'Save Settings'))))); }