function MainComponent() { const [inputData, setInputData] = React.useState({ type: '', file: null, textContent: '' }); const [darkMode, setDarkMode] = React.useState(false); const [isGenerating, setIsGenerating] = React.useState(false); const [postPreview, setPostPreview] = React.useState(''); const handleInputChange = (event)=>{ setInputData({ ...inputData, [event.target.name]: event.target.value }); }; const handleFileChange = (event)=>{ setInputData({ ...inputData, file: event.target.files[0] }); }; const toggleDarkMode = ()=>{ setDarkMode(!darkMode); }; const generatePost = async ()=>{ const payload = { messages: [ { role: "user", content: inputData.type === "write" ? inputData.textContent : "Please prepare a post from the uploaded file." } ], system_prompt: "Generate a fancy, intuitive, and instigated post for LinkedIn and Instagram.", max_tokens: 1000 }; setIsGenerating(true); const response = await fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(payload) }).then((res)=>res.json()); if (response.status) { setPostPreview(response.result); } setIsGenerating(false); }; const sendByEmail = ()=>{}; const downloadPostAsPDF = async ()=>{ const payload = { source: { html: `${postPreview}` } }; const response = await fetch('/integrations/pdf-generation/pdf', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(payload) }).then((res)=>res.blob()); const pdfBlob = new Blob([ response ], { type: 'application/pdf' }); const pdfUrl = URL.createObjectURL(pdfBlob); const link = document.createElement('a'); link.href = pdfUrl; link.download = 'post.pdf'; document.body.appendChild(link); link.click(); document.body.removeChild(link); }; return /*#__PURE__*/ React.createElement("div", { className: `min-h-screen ${darkMode ? 'bg-[#121212] text-white' : 'bg-white text-black'}`, __source: { fileName: "", lineNumber: 73, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between p-5 items-center", __source: { fileName: "", lineNumber: 74, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("select", { name: "type", onChange: handleInputChange, className: `${darkMode ? 'text-white bg-[#333333]' : 'text-black bg-gray-200'} p-2 rounded`, __source: { fileName: "", lineNumber: 75, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 80, columnNumber: 11 }, __self: this }, "Select Input Type"), /*#__PURE__*/ React.createElement("option", { value: "audio", __source: { fileName: "", lineNumber: 81, columnNumber: 11 }, __self: this }, "🎵 Audio File"), /*#__PURE__*/ React.createElement("option", { value: "text", __source: { fileName: "", lineNumber: 82, columnNumber: 11 }, __self: this }, "📄 Text File (PDF, Docs etc.)"), /*#__PURE__*/ React.createElement("option", { value: "write", __source: { fileName: "", lineNumber: 83, columnNumber: 11 }, __self: this }, "✏️ Write Directly")), /*#__PURE__*/ React.createElement("label", { className: "flex items-center cursor-pointer", __source: { fileName: "", lineNumber: 85, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mr-2 text-sm", __source: { fileName: "", lineNumber: 86, columnNumber: 11 }, __self: this }, "Dark Mode"), /*#__PURE__*/ React.createElement("div", { onClick: toggleDarkMode, className: `w-14 h-7 flex items-center rounded-full p-1 ${darkMode ? 'justify-end bg-[#666666]' : 'justify-start bg-gray-300'}`, __source: { fileName: "", lineNumber: 87, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white w-5 h-5 rounded-full shadow-md", __source: { fileName: "", lineNumber: 88, columnNumber: 15 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { className: "p-5", __source: { fileName: "", lineNumber: 92, columnNumber: 7 }, __self: this }, inputData.type === "audio" && /*#__PURE__*/ React.createElement("input", { type: "file", name: "file", className: "block mb-5", accept: "audio/*", onChange: handleFileChange, __source: { fileName: "", lineNumber: 94, columnNumber: 11 }, __self: this }), inputData.type === "text" && /*#__PURE__*/ React.createElement("input", { type: "file", name: "file", className: "block mb-5", accept: ".pdf,.doc,.docx,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document", onChange: handleFileChange, __source: { fileName: "", lineNumber: 97, columnNumber: 11 }, __self: this }), inputData.type === "write" && /*#__PURE__*/ React.createElement("textarea", { name: "textContent", className: "block w-full p-2 rounded border mb-5", rows: "5", onChange: handleInputChange, __source: { fileName: "", lineNumber: 100, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center gap-5 mt-5", __source: { fileName: "", lineNumber: 102, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: generatePost, className: "px-4 py-2 rounded bg-blue-600 text-white flex items-center max-w-xs disabled:opacity-50", disabled: isGenerating, __source: { fileName: "", lineNumber: 103, columnNumber: 11 }, __self: this }, "🚀 Generate Post"), /*#__PURE__*/ React.createElement("button", { onClick: sendByEmail, className: "px-4 py-2 rounded bg-purple-600 text-white flex items-center max-w-xs", __source: { fileName: "", lineNumber: 106, columnNumber: 11 }, __self: this }, "📧 Send by Email"), /*#__PURE__*/ React.createElement("button", { onClick: downloadPostAsPDF, className: "px-4 py-2 rounded bg-green-600 text-white flex items-center max-w-xs", __source: { fileName: "", lineNumber: 109, columnNumber: 11 }, __self: this }, "💾 Download as PDF")), postPreview && /*#__PURE__*/ React.createElement("div", { className: "mt-5 p-5 bg-gray-100 rounded", __source: { fileName: "", lineNumber: 114, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-bold", __source: { fileName: "", lineNumber: 115, columnNumber: 13 }, __self: this }, "Post Preview:"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 116, columnNumber: 13 }, __self: this }, postPreview)))); }