"use client"; function Navigation() { const [menuOpen, setMenuOpen] = React.useState(false); const { data: user, loading } = useUser(); return /*#__PURE__*/ React.createElement("div", { className: "bg-white shadow-md", __source: { fileName: "", lineNumber: 8, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center px-4 py-4", __source: { fileName: "", lineNumber: 9, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/2f11f83c-35b6-447d-b893-7a826b1e787e/-/format/auto/", alt: "Money Map Logo", className: "w-16 h-16", __source: { fileName: "", lineNumber: 10, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "md:hidden", __source: { fileName: "", lineNumber: 15, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setMenuOpen(!menuOpen), className: "text-blue-600", __source: { fileName: "", lineNumber: 16, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-bars text-2xl", __source: { fileName: "", lineNumber: 20, columnNumber: 13 }, __self: this }))), /*#__PURE__*/ React.createElement("nav", { className: "hidden md:flex justify-center space-x-4", __source: { fileName: "", lineNumber: 23, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/finance-bot", className: "text-blue-600 font-roboto hover:underline", __source: { fileName: "", lineNumber: 24, columnNumber: 11 }, __self: this }, "Financial Tracker"), /*#__PURE__*/ React.createElement("a", { href: "/investment-calculator", className: "text-blue-600 font-roboto hover:underline", __source: { fileName: "", lineNumber: 30, columnNumber: 11 }, __self: this }, "Investment Calculator"), /*#__PURE__*/ React.createElement("a", { href: "/debt-calculator", className: "text-blue-600 font-roboto hover:underline", __source: { fileName: "", lineNumber: 36, columnNumber: 11 }, __self: this }, "Debt Calculator"), /*#__PURE__*/ React.createElement("a", { href: "/mortgage-payoff", className: "text-blue-600 font-roboto hover:underline", __source: { fileName: "", lineNumber: 42, columnNumber: 11 }, __self: this }, "Mortgage Payoff"), /*#__PURE__*/ React.createElement("a", { href: "/about-us", className: "text-blue-600 font-roboto hover:underline", __source: { fileName: "", lineNumber: 48, columnNumber: 11 }, __self: this }, "About Us"), /*#__PURE__*/ React.createElement("a", { href: "/contact", className: "text-blue-600 font-roboto hover:underline", __source: { fileName: "", lineNumber: 54, columnNumber: 11 }, __self: this }, "Contact"), user ? /*#__PURE__*/ React.createElement("a", { href: "/account/logout", className: "text-red-600 font-roboto hover:underline", __source: { fileName: "", lineNumber: 61, columnNumber: 13 }, __self: this }, "Logout") : /*#__PURE__*/ React.createElement("a", { href: "/account/signin", className: "text-blue-600 font-roboto hover:underline", __source: { fileName: "", lineNumber: 68, columnNumber: 13 }, __self: this }, "Sign In"))), menuOpen && /*#__PURE__*/ React.createElement("div", { className: "md:hidden", __source: { fileName: "", lineNumber: 78, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "flex flex-col items-center space-y-2", __source: { fileName: "", lineNumber: 79, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/finance-bot", className: "text-blue-600 font-roboto hover:underline", __source: { fileName: "", lineNumber: 80, columnNumber: 13 }, __self: this }, "Financial Tracker"), /*#__PURE__*/ React.createElement("a", { href: "/investment-calculator", className: "text-blue-600 font-roboto hover:underline", __source: { fileName: "", lineNumber: 86, columnNumber: 13 }, __self: this }, "Investment Calculator"), /*#__PURE__*/ React.createElement("a", { href: "/debt-calculator", className: "text-blue-600 font-roboto hover:underline", __source: { fileName: "", lineNumber: 92, columnNumber: 13 }, __self: this }, "Debt Calculator"), /*#__PURE__*/ React.createElement("a", { href: "/mortgage-payoff", className: "text-blue-600 font-roboto hover:underline", __source: { fileName: "", lineNumber: 98, columnNumber: 13 }, __self: this }, "Mortgage Payoff"), /*#__PURE__*/ React.createElement("a", { href: "/about-us", className: "text-blue-600 font-roboto hover:underline", __source: { fileName: "", lineNumber: 104, columnNumber: 13 }, __self: this }, "About Us"), /*#__PURE__*/ React.createElement("a", { href: "/contact", className: "text-blue-600 font-roboto hover:underline", __source: { fileName: "", lineNumber: 110, columnNumber: 13 }, __self: this }, "Contact"), user ? /*#__PURE__*/ React.createElement("a", { href: "/account/logout", className: "text-red-600 font-roboto hover:underline", __source: { fileName: "", lineNumber: 117, columnNumber: 15 }, __self: this }, "Logout") : /*#__PURE__*/ React.createElement("a", { href: "/account/signin", className: "text-blue-600 font-roboto hover:underline", __source: { fileName: "", lineNumber: 124, columnNumber: 15 }, __self: this }, "Sign In")))); } function NavigationStory() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 140, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(Navigation, { __source: { fileName: "", lineNumber: 141, columnNumber: 7 }, __self: this })); } function MainComponent() { const [form, setForm] = React.useState({ initialInvestment: "", timeInYears: "", monthlyContribution: "", growthRate: "" }); const [loading, setLoading] = React.useState(false); const [error, setError] = React.useState(null); const [streamingMessage, setStreamingMessage] = React.useState(""); const [messages, setMessages] = React.useState([]); const [finalResult, setFinalResult] = React.useState(""); const handleStreamResponse = useHandleStreamResponse({ onChunk: setStreamingMessage, onFinish: (message)=>{ setMessages((prev)=>[ ...prev, { role: "assistant", content: message } ]); setStreamingMessage(""); setFinalResult(message); } }); const calculateFinalValue = async (e)=>{ e.preventDefault(); setLoading(true); setError(null); const prompt = `Calculate the final value of an investment with these parameters: Initial Investment: ${form.initialInvestment} Monthly Contribution: ${form.monthlyContribution} Expected Annual Growth Rate: ${form.growthRate}% Time Period: ${form.timeInYears} years Please provide ONLY the final investment value. Format the response as: Final Value: $XXX,XXX Note: This value does not account for capital gains tax.`; try { const response = await fetch("/integrations/chat-gpt/conversationgpt4", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ messages: [ ...messages, { role: "user", content: prompt } ], stream: true }) }); handleStreamResponse(response); } catch (err) { setError("Failed to calculate. Please try again."); } finally{ setLoading(false); } }; return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(Navigation, { __source: { fileName: "", lineNumber: 60, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-100 py-12 px-4 sm:px-6 lg:px-8 pt-20", __source: { fileName: "", lineNumber: 61, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto bg-white rounded-xl shadow-lg p-8", __source: { fileName: "", lineNumber: 62, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-center gap-4 mb-6", __source: { fileName: "", lineNumber: 63, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/aace0b3a-bac1-4fcc-b54d-daca7f76b45d/-/format/auto/", alt: "Money Map Logo", className: "w-12 h-12", __source: { fileName: "", lineNumber: 64, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center", __source: { fileName: "", lineNumber: 69, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-roboto font-bold text-[#3B82F6] text-center mb-2", __source: { fileName: "", lineNumber: 70, columnNumber: 15 }, __self: this }, "Money Map"), /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-roboto font-bold text-[#3B82F6] text-center", __source: { fileName: "", lineNumber: 73, columnNumber: 15 }, __self: this }, "Investment Growth Calculator"))), /*#__PURE__*/ React.createElement("form", { onSubmit: calculateFinalValue, className: "space-y-6", __source: { fileName: "", lineNumber: 79, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 80, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-roboto font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 81, columnNumber: 15 }, __self: this }, "Initial Investment ($)"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "initialInvestment", value: form.initialInvestment, onChange: (e)=>setForm({ ...form, initialInvestment: e.target.value }), className: "w-full px-4 py-2 border rounded-lg focus:ring-2 focus:ring-blue-500 focus:outline-none", required: true, __source: { fileName: "", lineNumber: 84, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 95, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-roboto font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 96, columnNumber: 15 }, __self: this }, "Monthly Contribution ($)"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "monthlyContribution", value: form.monthlyContribution, onChange: (e)=>setForm({ ...form, monthlyContribution: e.target.value }), className: "w-full px-4 py-2 border rounded-lg focus:ring-2 focus:ring-blue-500 focus:outline-none", required: true, __source: { fileName: "", lineNumber: 99, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 110, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-roboto font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 111, columnNumber: 15 }, __self: this }, "Expected Annual Growth Rate (%)"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "growthRate", value: form.growthRate, onChange: (e)=>setForm({ ...form, growthRate: e.target.value }), className: "w-full px-4 py-2 border rounded-lg focus:ring-2 focus:ring-blue-500 focus:outline-none", required: true, __source: { fileName: "", lineNumber: 114, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 125, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-roboto font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 126, columnNumber: 15 }, __self: this }, "Time Period (Years)"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "timeInYears", value: form.timeInYears, onChange: (e)=>setForm({ ...form, timeInYears: e.target.value }), className: "w-full px-4 py-2 border rounded-lg focus:ring-2 focus:ring-blue-500 focus:outline-none", required: true, __source: { fileName: "", lineNumber: 129, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: loading, className: "w-full bg-blue-600 text-white py-2 px-4 rounded-lg hover:bg-blue-700 transition-colors font-roboto", __source: { fileName: "", lineNumber: 140, columnNumber: 13 }, __self: this }, loading ? "Calculating..." : "Calculate Final Value")), error && /*#__PURE__*/ React.createElement("div", { className: "mt-4 text-red-600 font-roboto", __source: { fileName: "", lineNumber: 150, columnNumber: 13 }, __self: this }, error), (streamingMessage || finalResult) && /*#__PURE__*/ React.createElement("div", { className: "mt-6 p-4 bg-gray-50 rounded-lg", __source: { fileName: "", lineNumber: 154, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-roboto font-semibold mb-2", __source: { fileName: "", lineNumber: 155, columnNumber: 15 }, __self: this }, "Investment Summary:"), /*#__PURE__*/ React.createElement("div", { className: "font-roboto text-lg", __source: { fileName: "", lineNumber: 158, columnNumber: 15 }, __self: this }, streamingMessage || finalResult), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600 mt-2", __source: { fileName: "", lineNumber: 161, columnNumber: 15 }, __self: this }, "Note: This value does not account for capital gains tax."))))); }