function MainComponent() { const [businessName, setBusinessName] = useState(""); const [businessSummary, setBusinessSummary] = useState(""); const [generatedPlan, setGeneratedPlan] = useState(""); const [loading, setLoading] = useState(false); const [error, setError] = useState(null); const [streamingMessage, setStreamingMessage] = useState(""); const [copied, setCopied] = useState(false); const handleStreamResponse = useHandleStreamResponse({ onChunk: setStreamingMessage, onFinish: (message)=>{ setGeneratedPlan(message); setStreamingMessage(""); } }); const generatePlan = async ()=>{ if (!businessName.trim() || !businessSummary.trim()) { setError("Please fill in both business name and summary"); return; } setLoading(true); setError(null); setGeneratedPlan(""); try { const response = await fetch("/integrations/chat-gpt/conversationgpt4", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ messages: [ { role: "user", content: `Generate a detailed business plan for a business with the following details: Business Name: ${businessName} Business Summary: ${businessSummary} Please include the following sections: 1. Executive Summary 2. Business Description 3. Market Analysis 4. Organization Structure 5. Service/Product Line 6. Marketing Strategy 7. Funding Requirements 8. Financial Projections` } ], stream: true }) }); if (!response.ok) { throw new Error("Failed to generate business plan"); } handleStreamResponse(response); } catch (err) { setError("Failed to generate business plan. Please try again."); console.error(err); } finally{ setLoading(false); } }; const handleCopy = async ()=>{ try { await navigator.clipboard.writeText(generatedPlan); setCopied(true); setTimeout(()=>setCopied(false), 2000); } catch (err) { setError("Failed to copy to clipboard"); } }; const handlePrint = ()=>{ window.print(); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-white dark:bg-gray-900 p-4 md:p-8", __source: { fileName: "", lineNumber: 81, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto", __source: { fileName: "", lineNumber: 82, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl md:text-5xl font-bold text-gray-900 dark:text-white mb-2", __source: { fileName: "", lineNumber: 83, columnNumber: 9 }, __self: this }, "Business Plan Generator"), /*#__PURE__*/ React.createElement("p", { className: "text-blue-600 dark:text-blue-400 mb-8 text-lg", __source: { fileName: "", lineNumber: 86, columnNumber: 9 }, __self: this }, "App created by MAZ"), /*#__PURE__*/ React.createElement("div", { className: "mb-8 bg-gray-50 dark:bg-gray-800 p-6 rounded-lg", __source: { fileName: "", lineNumber: 89, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 90, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-900 dark:text-white mb-2 font-medium", __source: { fileName: "", lineNumber: 91, columnNumber: 13 }, __self: this }, "Business Name"), /*#__PURE__*/ React.createElement("input", { type: "text", value: businessName, onChange: (e)=>setBusinessName(e.target.value), className: "w-full p-3 border border-gray-200 dark:border-gray-700 rounded-md bg-white dark:bg-gray-800 text-gray-900 dark:text-white", placeholder: "Enter your business name", __source: { fileName: "", lineNumber: 94, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 103, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-900 dark:text-white mb-2 font-medium", __source: { fileName: "", lineNumber: 104, columnNumber: 13 }, __self: this }, "Business Summary"), /*#__PURE__*/ React.createElement("textarea", { value: businessSummary, onChange: (e)=>setBusinessSummary(e.target.value), className: "w-full p-3 border border-gray-200 dark:border-gray-700 rounded-md bg-white dark:bg-gray-800 text-gray-900 dark:text-white h-32", placeholder: "Briefly describe your business idea", __source: { fileName: "", lineNumber: 107, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("button", { onClick: generatePlan, disabled: loading, className: "w-full md:w-auto px-6 py-3 bg-gray-900 dark:bg-white text-white dark:text-gray-900 rounded-md hover:bg-gray-800 dark:hover:bg-gray-100 transition-colors", __source: { fileName: "", lineNumber: 115, columnNumber: 11 }, __self: this }, loading ? "Generating..." : "Generate Business Plan")), 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-md", __source: { fileName: "", lineNumber: 125, columnNumber: 11 }, __self: this }, error), (streamingMessage || generatedPlan) && /*#__PURE__*/ React.createElement("div", { className: "bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-lg p-6", __source: { fileName: "", lineNumber: 131, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex gap-3 mb-6", __source: { fileName: "", lineNumber: 132, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: handleCopy, className: "px-4 py-2 border border-gray-200 dark:border-gray-700 rounded-md text-gray-900 dark:text-white hover:bg-gray-900 hover:text-white dark:hover:bg-white dark:hover:text-gray-900 transition-colors", __source: { fileName: "", lineNumber: 133, columnNumber: 15 }, __self: this }, copied ? "Copied!" : "Copy to Clipboard"), /*#__PURE__*/ React.createElement("button", { onClick: handlePrint, className: "px-4 py-2 border border-gray-200 dark:border-gray-700 rounded-md text-gray-900 dark:text-white hover:bg-gray-900 hover:text-white dark:hover:bg-white dark:hover:text-gray-900 transition-colors", __source: { fileName: "", lineNumber: 139, columnNumber: 15 }, __self: this }, "Print")), /*#__PURE__*/ React.createElement("div", { className: "prose dark:prose-invert max-w-none", __source: { fileName: "", lineNumber: 146, columnNumber: 13 }, __self: this }, loading ? /*#__PURE__*/ React.createElement("div", { className: "animate-pulse", __source: { fileName: "", lineNumber: 148, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "h-4 bg-gray-200 dark:bg-gray-700 rounded w-3/4 mb-4", __source: { fileName: "", lineNumber: 149, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "h-4 bg-gray-200 dark:bg-gray-700 rounded w-1/2 mb-4", __source: { fileName: "", lineNumber: 150, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "h-4 bg-gray-200 dark:bg-gray-700 rounded w-5/6 mb-4", __source: { fileName: "", lineNumber: 151, columnNumber: 19 }, __self: this })) : /*#__PURE__*/ React.createElement("div", { className: "whitespace-pre-wrap", __source: { fileName: "", lineNumber: 154, columnNumber: 17 }, __self: this }, streamingMessage || generatedPlan))))); }