function MainComponent() { const [description, setDescription] = useState(""); const [industry, setIndustry] = useState(""); const [country, setCountry] = useState(""); const [generatedNames, setGeneratedNames] = useState([]); const [savedNames, setSavedNames] = useState([]); const [isGenerating, setIsGenerating] = useState(false); const [isSaving, setIsSaving] = useState(false); const [error, setError] = useState(""); const [successMessage, setSuccessMessage] = useState(""); const countries = [ { value: "United States", label: "United States" }, { value: "Canada", label: "Canada" }, { value: "Mexico", label: "Mexico" }, { value: "Australia", label: "Australia" }, { value: "UK", label: "United Kingdom" } ]; const fetchSavedNames = useCallback(async ()=>{ try { const response = await fetch("/api/list-names", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({}) }); if (!response.ok) throw new Error("Failed to fetch saved names"); const data = await response.json(); setSavedNames(data.business_names); } catch (err) { setError("Failed to load saved names"); console.error(err); } }, []); useEffect(()=>{ fetchSavedNames(); }, [ fetchSavedNames ]); const handleGenerate = async (e)=>{ e.preventDefault(); setIsGenerating(true); setError(""); try { const response = await fetch("/api/generate-names", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ industry, description, country }) }); if (!response.ok) throw new Error("Failed to generate names"); const data = await response.json(); setGeneratedNames(data.names); } catch (err) { setError("Failed to generate names"); console.error(err); } finally{ setIsGenerating(false); } }; const handleSave = async (item)=>{ setIsSaving(true); setError(""); try { const response = await fetch("/api/save-name", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ business_name: item.name, description: item.explanation, industry, country, incorporation_type: item.incorporation_type }) }); if (!response.ok) throw new Error("Failed to save name"); setSuccessMessage("Name saved successfully!"); setTimeout(()=>setSuccessMessage(""), 3000); fetchSavedNames(); } catch (err) { setError("Failed to save name"); console.error(err); } finally{ setIsSaving(false); } }; const toggleFavorite = async (id)=>{ try { const response = await fetch("/api/toggle-favorite", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ id }) }); if (!response.ok) throw new Error("Failed to toggle favorite"); fetchSavedNames(); } catch (err) { setError("Failed to update favorite status"); console.error(err); } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-br from-[#000000] via-[#001233] to-[#001B45] p-4 md:p-8 relative overflow-hidden", __source: { fileName: "", lineNumber: 100, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 bg-gradient-to-br from-black/20 via-blue-900/5 to-indigo-900/10", __source: { fileName: "", lineNumber: 101, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 bg-[linear-gradient(rgba(255,255,255,0.05)_1px,transparent_1px),linear-gradient(90deg,rgba(255,255,255,0.05)_1px,transparent_1px)] bg-[size:72px_72px] [mask-image:radial-gradient(ellipse_50%_50%_at_50%_50%,black,transparent)] opacity-20", __source: { fileName: "", lineNumber: 102, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute -top-24 -right-24 w-96 h-96 bg-blue-900/20 rounded-full blur-3xl", __source: { fileName: "", lineNumber: 103, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "max-w-6xl mx-auto relative", __source: { fileName: "", lineNumber: 104, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl md:text-5xl font-black text-white mb-12 text-center drop-shadow-[0_0_15px_rgba(255,255,255,0.15)]", __source: { fileName: "", lineNumber: 105, columnNumber: 9 }, __self: this }, "AI Business Name Generator"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleGenerate, className: "bg-gray-900/40 backdrop-blur-sm rounded-xl p-6 mb-8 shadow-lg border border-gray-700/30", __source: { fileName: "", lineNumber: 108, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid gap-6 md:grid-cols-2", __source: { fileName: "", lineNumber: 112, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 113, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-white mb-2", __source: { fileName: "", lineNumber: 114, columnNumber: 15 }, __self: this }, "Business Description"), /*#__PURE__*/ React.createElement("textarea", { required: true, value: description, onChange: (e)=>setDescription(e.target.value), className: "w-full p-3 border border-gray-700 rounded-lg bg-gray-900 text-white", placeholder: "Describe your SaaS business...", rows: "3", __source: { fileName: "", lineNumber: 117, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 126, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 127, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-white mb-2", __source: { fileName: "", lineNumber: 128, columnNumber: 17 }, __self: this }, "Industry Focus"), /*#__PURE__*/ React.createElement("input", { type: "text", required: true, value: industry, onChange: (e)=>setIndustry(e.target.value), className: "w-full p-3 border border-gray-700 rounded-lg bg-gray-900 text-white", placeholder: "e.g., HR Tech, FinTech, MarTech", __source: { fileName: "", lineNumber: 131, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 140, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-white mb-2", __source: { fileName: "", lineNumber: 141, columnNumber: 17 }, __self: this }, "Country"), /*#__PURE__*/ React.createElement("select", { required: true, value: country, onChange: (e)=>setCountry(e.target.value), className: "w-full p-3 border border-gray-700 rounded-lg bg-gray-900 text-white", __source: { fileName: "", lineNumber: 144, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 150, columnNumber: 19 }, __self: this }, "Select a country"), countries.map((country)=>/*#__PURE__*/ React.createElement("option", { key: country.value, value: country.value, __source: { fileName: "", lineNumber: 152, columnNumber: 21 }, __self: this }, country.label)))))), /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: isGenerating, className: "mt-6 w-full md:w-auto px-6 py-3 bg-[#1E40AF] hover:bg-[#1E3A8A] text-white rounded-lg font-medium transition-colors disabled:opacity-50", __source: { fileName: "", lineNumber: 160, columnNumber: 11 }, __self: this }, isGenerating ? "Generating..." : "Generate Names")), error && /*#__PURE__*/ React.createElement("div", { className: "mb-6 p-4 bg-red-50 dark:bg-red-900/20 text-red-600 dark:text-red-400 rounded-lg", __source: { fileName: "", lineNumber: 170, columnNumber: 11 }, __self: this }, error), successMessage && /*#__PURE__*/ React.createElement("div", { className: "mb-6 p-4 bg-green-50 dark:bg-green-900/20 text-green-600 dark:text-green-400 rounded-lg", __source: { fileName: "", lineNumber: 176, columnNumber: 11 }, __self: this }, successMessage), generatedNames.length > 0 && /*#__PURE__*/ React.createElement("div", { className: "mb-12", __source: { fileName: "", lineNumber: 182, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold text-white mb-6", __source: { fileName: "", lineNumber: 183, columnNumber: 13 }, __self: this }, "Generated Names"), /*#__PURE__*/ React.createElement("div", { className: "grid gap-6 md:grid-cols-2 lg:grid-cols-3", __source: { fileName: "", lineNumber: 186, columnNumber: 13 }, __self: this }, generatedNames.map((item, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "bg-gray-900/40 backdrop-blur-sm rounded-xl p-6 transition-all duration-300 hover:bg-gray-900/50 hover:shadow-[0_0_15px_rgba(30,64,175,0.15)] hover:scale-[1.02]", __source: { fileName: "", lineNumber: 188, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold text-white mb-2", __source: { fileName: "", lineNumber: 192, columnNumber: 19 }, __self: this }, item.name), /*#__PURE__*/ React.createElement("p", { className: "text-gray-400 text-sm mb-4", __source: { fileName: "", lineNumber: 195, columnNumber: 19 }, __self: this }, item.explanation), /*#__PURE__*/ React.createElement("div", { className: "space-y-2 mb-4", __source: { fileName: "", lineNumber: 198, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm font-medium text-white", __source: { fileName: "", lineNumber: 199, columnNumber: 21 }, __self: this }, "Recommended Structure:", /*#__PURE__*/ React.createElement("span", { className: "ml-1 text-gray-400", __source: { fileName: "", lineNumber: 201, columnNumber: 23 }, __self: this }, item.incorporation_type)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 205, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm font-medium text-white mb-1", __source: { fileName: "", lineNumber: 206, columnNumber: 23 }, __self: this }, "Available Domains:"), /*#__PURE__*/ React.createElement("ul", { className: "space-y-1", __source: { fileName: "", lineNumber: 209, columnNumber: 23 }, __self: this }, item.domain_suggestions.map((domain, idx)=>/*#__PURE__*/ React.createElement("li", { key: idx, className: "text-sm text-gray-400", __source: { fileName: "", lineNumber: 211, columnNumber: 27 }, __self: this }, domain))))), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleSave(item), disabled: isSaving, className: "w-full px-4 py-2 border border-gray-700 rounded-lg text-white font-medium hover:bg-white hover:text-gray-900 transition-colors", __source: { fileName: "", lineNumber: 218, columnNumber: 19 }, __self: this }, isSaving ? "Saving..." : "Save Name"))))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 231, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold text-white mb-6", __source: { fileName: "", lineNumber: 232, columnNumber: 11 }, __self: this }, "Business Name List"), savedNames.length === 0 && !isGenerating ? /*#__PURE__*/ React.createElement("div", { className: "text-center py-12 bg-gray-900/40 backdrop-blur-sm rounded-xl transition-all duration-300 hover:bg-gray-900/50 hover:shadow-[0_0_15px_rgba(30,64,175,0.15)] hover:scale-[1.02]", __source: { fileName: "", lineNumber: 236, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-gray-400", __source: { fileName: "", lineNumber: 237, columnNumber: 15 }, __self: this }, "No saved names yet. Generate and save some names to see them here!")) : isGenerating ? /*#__PURE__*/ React.createElement("div", { className: "text-center py-12 bg-gray-900/40 backdrop-blur-sm rounded-xl transition-all duration-300 hover:bg-gray-900/50 hover:shadow-[0_0_15px_rgba(30,64,175,0.15)] hover:scale-[1.02]", __source: { fileName: "", lineNumber: 243, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "inline-block animate-spin rounded-full h-8 w-8 border-4 border-indigo-500 border-t-transparent", __source: { fileName: "", lineNumber: 244, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "text-gray-400 mt-4", __source: { fileName: "", lineNumber: 245, columnNumber: 15 }, __self: this }, "Generating business names...")) : /*#__PURE__*/ React.createElement("div", { className: "grid gap-4", __source: { fileName: "", lineNumber: 248, columnNumber: 13 }, __self: this }, savedNames.map((name)=>/*#__PURE__*/ React.createElement("div", { key: name.id, className: "bg-gray-900/40 backdrop-blur-sm rounded-xl p-4 transition-all duration-300 hover:bg-gray-900/50 hover:shadow-[0_0_15px_rgba(30,64,175,0.15)] hover:scale-[1.02]", __source: { fileName: "", lineNumber: 250, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between mb-2", __source: { fileName: "", lineNumber: 254, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-bold text-white", __source: { fileName: "", lineNumber: 255, columnNumber: 21 }, __self: this }, name.business_name), /*#__PURE__*/ React.createElement("button", { onClick: ()=>toggleFavorite(name.id), className: "text-gray-500 hover:text-yellow-500", __source: { fileName: "", lineNumber: 258, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas ${name.is_favorite ? "fa-star text-yellow-500" : "fa-star"}`, __source: { fileName: "", lineNumber: 262, columnNumber: 23 }, __self: this }))), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-400", __source: { fileName: "", lineNumber: 267, columnNumber: 19 }, __self: this }, name.industry, " • ", name.country), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-400 mt-1", __source: { fileName: "", lineNumber: 270, columnNumber: 19 }, __self: this }, name.incorporation_type))))))); }