function MainComponent() { const [prompt, setPrompt] = useState(""); const [pickupLines, setPickupLines] = useState([]); const [loading, setLoading] = useState(false); const [streamingMessage, setStreamingMessage] = useState(""); const [copiedIndex, setCopiedIndex] = useState(null); const handleStreamResponse = useHandleStreamResponse({ onChunk: setStreamingMessage, onFinish: (message)=>{ const lines = message.split("\n").filter((line)=>line.trim()); setPickupLines(lines); setStreamingMessage(""); setLoading(false); } }); const generatePickupLines = async ()=>{ if (!prompt.trim()) return; setLoading(true); setPickupLines([]); try { const response = await fetch("/integrations/chat-gpt/conversationgpt4", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ messages: [ { role: "system", content: "You are a sophisticated conversation starter generator. Create clever, witty, and tasteful ice breakers that are subtle and engaging. Avoid overly cheesy or cringy lines. Focus on creating natural conversation starters that smoothly incorporate the given topic." }, { role: "user", content: `Generate 3 clever and natural conversation starters related to ${prompt}. Each one should be subtle while still referencing ${prompt}. Return just the lines without numbering.` } ], stream: true }) }); handleStreamResponse(response); } catch (error) { setPickupLines([ "Sorry, couldn't generate conversation starters right now. Please try again!" ]); setLoading(false); } }; return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", { className: "min-h-screen p-6", __source: { fileName: "", lineNumber: 51, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-2xl mx-auto space-y-8", __source: { fileName: "", lineNumber: 52, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 53, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold text-purple-600 mb-2 font-roboto", __source: { fileName: "", lineNumber: 54, columnNumber: 13 }, __self: this }, "Free Pickup Line Generator"), /*#__PURE__*/ React.createElement("p", { className: "text-white font-roboto", __source: { fileName: "", lineNumber: 57, columnNumber: 13 }, __self: this }, "Turn any topic into a smooth pickup line ✨")), /*#__PURE__*/ React.createElement("div", { className: "bg-white/80 backdrop-blur-sm rounded-xl shadow-lg p-6", __source: { fileName: "", lineNumber: 62, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 63, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", value: prompt, onChange: (e)=>setPrompt(e.target.value), placeholder: "Enter a topic (e.g., coffee, travel, music, books...)", className: "w-full p-4 border rounded-lg font-roboto focus:outline-none focus:ring-2 focus:ring-purple-500", __source: { fileName: "", lineNumber: 64, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("button", { onClick: generatePickupLines, className: "w-full bg-gradient-to-r from-purple-500 to-pink-500 text-white py-3 rounded-lg font-roboto hover:opacity-90 transition-opacity flash-button", disabled: loading || !prompt.trim(), __source: { fileName: "", lineNumber: 72, columnNumber: 13 }, __self: this }, loading ? "Creating... 💭" : "Generate Pickup Lines ✨"), streamingMessage && /*#__PURE__*/ React.createElement("div", { className: "mt-6", __source: { fileName: "", lineNumber: 81, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-gray-50 p-4 rounded-lg", __source: { fileName: "", lineNumber: 82, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-gray-700", __source: { fileName: "", lineNumber: 83, columnNumber: 19 }, __self: this }, streamingMessage))), pickupLines.length > 0 && !streamingMessage && /*#__PURE__*/ React.createElement("div", { className: "mt-6 space-y-3", __source: { fileName: "", lineNumber: 91, columnNumber: 15 }, __self: this }, pickupLines.map((line, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: `bg-gray-50 p-4 rounded-lg hover:bg-gray-100 transition-all cursor-pointer ${copiedIndex === index ? "bg-green-50 scale-[1.02]" : ""}`, onClick: async ()=>{ if (!navigator.clipboard) { const textArea = document.createElement("textarea"); textArea.value = line; document.body.appendChild(textArea); textArea.select(); try { document.execCommand("copy"); setCopiedIndex(index); setTimeout(()=>setCopiedIndex(null), 2000); } catch (err) { console.error("Failed to copy text: ", err); } document.body.removeChild(textArea); return; } try { await navigator.clipboard.writeText(line); setCopiedIndex(index); setTimeout(()=>setCopiedIndex(null), 2000); } catch (err) { console.error("Failed to copy text: ", err); } }, __source: { fileName: "", lineNumber: 93, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-gray-700", __source: { fileName: "", lineNumber: 124, columnNumber: 21 }, __self: this }, line), /*#__PURE__*/ React.createElement("p", { className: `text-xs mt-1 font-roboto transition-colors ${copiedIndex === index ? "text-green-500" : "text-gray-500"}`, __source: { fileName: "", lineNumber: 125, columnNumber: 21 }, __self: this }, copiedIndex === index ? "Copied! ✨" : "Click to copy"))))))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 141, columnNumber: 7 }, __self: this }, ` @keyframes shine { 0% { transform: translateX(-100%); } 100% { transform: translateX(100%); } } .flash-button { position: relative; overflow: hidden; } .flash-button::before { content: ""; position: absolute; top: 0; left: 0; width: 50%; height: 100%; background: linear-gradient( 90deg, transparent, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.2), transparent ); animation: shine 1.5s linear infinite; } `)); }