function MainComponent() { const [messages, setMessages] = React.useState([]); const [inputValue, setInputValue] = React.useState(""); const endOfMessagesRef = React.useRef(null); const handleSend = ()=>{ if (!inputValue.trim()) return; fetch('/integrations/pdf-generation/pdf', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ source: { html: `

${inputValue}

` } }) }).then((response)=>response.blob()).then((blob)=>{ const url = window.URL.createObjectURL(blob); const userMessage = { text: inputValue, sender: "user", time: new Date().toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' }), pdfUrl: url }; setMessages([ ...messages, userMessage ]); setInputValue(""); setTimeout(()=>{ const aiResponse = { text: "AI response", sender: "ai", time: new Date().toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' }) }; setMessages((messages)=>[ ...messages, aiResponse ]); }, 1000); }); }; React.useEffect(()=>{ endOfMessagesRef.current?.scrollIntoView({ behavior: "smooth" }); }, [ messages ]); return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col h-screen bg-[#f8f9fa] font-sans", __source: { fileName: "", lineNumber: 33, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "py-4 bg-[#007bff] text-white text-center font-bold", __source: { fileName: "", lineNumber: 34, columnNumber: 7 }, __self: this }, "Chat App ", /*#__PURE__*/ React.createElement("i", { className: "fa fa-comments", __source: { fileName: "", lineNumber: 35, columnNumber: 18 }, __self: this })), /*#__PURE__*/ React.createElement("nav", { className: "py-2 bg-gray-100 text-gray-600 shadow-md flex justify-around", __source: { fileName: "", lineNumber: 37, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("a", { className: "font-semibold hover:text-[#007bff]", __source: { fileName: "", lineNumber: 38, columnNumber: 9 }, __self: this }, "New Chat"), /*#__PURE__*/ React.createElement("a", { className: "font-semibold hover:text-[#007bff]", __source: { fileName: "", lineNumber: 38, columnNumber: 71 }, __self: this }, "History"), /*#__PURE__*/ React.createElement("a", { className: "font-semibold hover:text-[#007bff]", __source: { fileName: "", lineNumber: 38, columnNumber: 132 }, __self: this }, "Settings")), /*#__PURE__*/ React.createElement("div", { className: "flex-grow overflow-y-auto py-2 bg-gray-50", __source: { fileName: "", lineNumber: 40, columnNumber: 7 }, __self: this }, messages.map((message, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: `flex ${message.sender === "user" ? "justify-end" : "justify-start"} my-2 mx-4`, __source: { fileName: "", lineNumber: 42, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `max-w-xs rounded-full px-4 py-2 ${message.sender === "user" ? "bg-blue-500" : "bg-gray-300"} text-white`, __source: { fileName: "", lineNumber: 43, columnNumber: 13 }, __self: this }, message.pdfUrl ? /*#__PURE__*/ React.createElement("a", { href: message.pdfUrl, download: `${message.sender}_message.pdf`, className: "text-white", __source: { fileName: "", lineNumber: 45, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-[16px]", __source: { fileName: "", lineNumber: 46, columnNumber: 19 }, __self: this }, message.text)) : /*#__PURE__*/ React.createElement("p", { className: "text-[16px]", __source: { fileName: "", lineNumber: 49, columnNumber: 17 }, __self: this }, message.text), /*#__PURE__*/ React.createElement("small", { className: "text-[12px] text-right block text-gray-600", __source: { fileName: "", lineNumber: 51, columnNumber: 15 }, __self: this }, message.time)))), /*#__PURE__*/ React.createElement("div", { ref: endOfMessagesRef, __source: { fileName: "", lineNumber: 55, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "p-4 bg-white fixed inset-x-0 bottom-0", __source: { fileName: "", lineNumber: 57, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 58, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "message", className: "flex-grow p-2 border border-gray-300 rounded-full mr-2", placeholder: "Type a message...", onChange: (e)=>setInputValue(e.target.value), value: inputValue, onKeyPress: (e)=>{ if (e.key === 'Enter') handleSend(); }, __source: { fileName: "", lineNumber: 59, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "bg-[#007bff] text-white p-2 rounded-full", onClick: handleSend, __source: { fileName: "", lineNumber: 60, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-paper-plane", __source: { fileName: "", lineNumber: 61, columnNumber: 13 }, __self: this }))))); }