function StylishButton({ text, icon, color, onClick }) { const bgColor = { yellow: "bg-[#F8E44F]", purple: "bg-[#C1BFF9]", teal: "bg-[#7EE7D6]" }[color] || "bg-[#F8E44F]"; const roundedClass = icon ? "rounded-full" : "rounded-[6px]"; return /*#__PURE__*/ React.createElement("button", { className: `font-poppins text-black border-2 border-black ${bgColor} ${roundedClass} px-4 py-2`, onClick: onClick, __source: { fileName: "", lineNumber: 12, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-center", __source: { fileName: "", lineNumber: 16, columnNumber: 7 }, __self: this }, icon && /*#__PURE__*/ React.createElement("i", { className: `fas ${icon} mr-2 text-black`, __source: { fileName: "", lineNumber: 17, columnNumber: 18 }, __self: this }), text)); } function StylishButtonStory() { const handleClick = ()=>{ alert("Button clicked!"); }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col space-y-4", __source: { fileName: "", lineNumber: 30, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(StylishButton, { text: "Click me", icon: "fa-star", color: "yellow", onClick: handleClick, __source: { fileName: "", lineNumber: 31, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(StylishButton, { text: "Purple Button", icon: "fa-heart", color: "purple", onClick: handleClick, __source: { fileName: "", lineNumber: 37, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(StylishButton, { text: "Teal No Icon", color: "teal", onClick: handleClick, __source: { fileName: "", lineNumber: 43, columnNumber: 7 }, __self: this })); } function MainComponent() { const [selectedCategory, setSelectedCategory] = React.useState(null); const [generatedIdea, setGeneratedIdea] = React.useState(''); const [email, setEmail] = React.useState(''); const [reviews, setReviews] = React.useState([]); const [report, setReport] = React.useState(''); const generateIdea = async (category)=>{ setSelectedCategory(category); const response = await fetch('/integrations/anthropic-claude/', { method: 'POST', body: JSON.stringify({ messages: [ { role: "user", content: `Generate a software idea for the ${category} category.` } ] }) }); const data = await response.json(); setGeneratedIdea(data.choices[0].message.content); }; const saveIdea = async ()=>{ if (!email || !generatedIdea) return; await fetch('/api/db/save-saas-idea', { method: 'POST', body: JSON.stringify({ query: "INSERT INTO `saved_ideas` (email, idea, category) VALUES (?, ?, ?)", values: [ email, generatedIdea, selectedCategory ] }) }); const startupResponse = await fetch('/api/startup-idea-generator', { method: 'POST', body: JSON.stringify({ idea: generatedIdea, email, category: selectedCategory }) }); const startupData = await startupResponse.json(); setReport(startupData.report); }; const fetchReviews = async ()=>{ const companyName = generatedIdea.split(' ').slice(0, 2).join(' '); const response = await fetch('/api/g-2-review-fetcher', { method: 'POST', body: JSON.stringify({ companyName, apiToken: 'your-api-token-here' }) }); const data = await response.json(); setReviews(data.reviews || []); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-100 p-8", __source: { fileName: "", lineNumber: 53, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold mb-8 font-poppins text-center", __source: { fileName: "", lineNumber: 54, columnNumber: 7 }, __self: this }, "Software Idea Generator"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-2 md:grid-cols-4 gap-4 mb-8", __source: { fileName: "", lineNumber: 56, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement(StylishButton, { text: "Finance", color: "yellow", onClick: ()=>generateIdea('finance'), __source: { fileName: "", lineNumber: 57, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement(StylishButton, { text: "Sales", color: "purple", onClick: ()=>generateIdea('sales'), __source: { fileName: "", lineNumber: 58, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement(StylishButton, { text: "Viral Organic Ideas", color: "teal", onClick: ()=>generateIdea('viral organic ideas'), __source: { fileName: "", lineNumber: 59, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement(StylishButton, { text: "B2B", color: "yellow", onClick: ()=>generateIdea('B2B'), __source: { fileName: "", lineNumber: 60, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg border-2 border-black p-6 mb-8", __source: { fileName: "", lineNumber: 63, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold mb-4 font-poppins", __source: { fileName: "", lineNumber: 64, columnNumber: 9 }, __self: this }, "Generated Idea"), /*#__PURE__*/ React.createElement("p", { className: "mb-4 font-poppins", __source: { fileName: "", lineNumber: 65, columnNumber: 9 }, __self: this }, generatedIdea || 'Your generated idea will appear here.'), /*#__PURE__*/ React.createElement(StylishButton, { text: "Generate New Idea", color: "purple", onClick: ()=>generateIdea(selectedCategory), __source: { fileName: "", lineNumber: 66, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg border-2 border-black p-6 mb-8", __source: { fileName: "", lineNumber: 69, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold mb-4 font-poppins", __source: { fileName: "", lineNumber: 70, columnNumber: 9 }, __self: this }, "Save This Idea"), /*#__PURE__*/ React.createElement("form", { className: "space-y-4", onSubmit: (e)=>{ e.preventDefault(); saveIdea(); }, __source: { fileName: "", lineNumber: 71, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", placeholder: "Enter your email", className: "w-full p-2 border-2 border-black rounded-[6px] font-poppins", required: true, value: email, onChange: (e)=>setEmail(e.target.value), __source: { fileName: "", lineNumber: 72, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement(StylishButton, { text: "Save Idea", color: "teal", onClick: saveIdea, __source: { fileName: "", lineNumber: 81, columnNumber: 11 }, __self: this }))), report && /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg border-2 border-black p-6 mb-8", __source: { fileName: "", lineNumber: 86, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold mb-4 font-poppins", __source: { fileName: "", lineNumber: 87, columnNumber: 11 }, __self: this }, "Startup Report"), /*#__PURE__*/ React.createElement("p", { className: "font-poppins whitespace-pre-wrap", __source: { fileName: "", lineNumber: 88, columnNumber: 11 }, __self: this }, report)), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg border-2 border-black p-6", __source: { fileName: "", lineNumber: 92, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold mb-4 font-poppins", __source: { fileName: "", lineNumber: 93, columnNumber: 9 }, __self: this }, "Similar Company Reviews"), reviews.length > 0 ? /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 95, columnNumber: 11 }, __self: this }, reviews.map((review, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "border-2 border-black rounded-[6px] p-4", __source: { fileName: "", lineNumber: 97, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-bold font-poppins", __source: { fileName: "", lineNumber: 98, columnNumber: 17 }, __self: this }, review.productName), /*#__PURE__*/ React.createElement("p", { className: "font-poppins", __source: { fileName: "", lineNumber: 99, columnNumber: 17 }, __self: this }, "Rating: ", review.starRating, "/5"), /*#__PURE__*/ React.createElement("p", { className: "font-poppins", __source: { fileName: "", lineNumber: 100, columnNumber: 17 }, __self: this }, review.title)))) : /*#__PURE__*/ React.createElement("p", { className: "mb-4 font-poppins", __source: { fileName: "", lineNumber: 105, columnNumber: 11 }, __self: this }, "Reviews for similar companies will appear here."), /*#__PURE__*/ React.createElement(StylishButton, { text: "Fetch Reviews", color: "yellow", onClick: fetchReviews, __source: { fileName: "", lineNumber: 107, columnNumber: 9 }, __self: this }))); }