"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] = useState({ debtAmount: "", interestRate: "", monthlyPayment: "" }); const [loading, setLoading] = useState(false); const [error, setError] = useState(null); const [streamingMessage, setStreamingMessage] = useState(""); const [messages, setMessages] = useState([]); const handleFinish = useCallback((message)=>{ setMessages((prev)=>[ { role: "assistant", content: message }, ...prev ].slice(0, 5)); setStreamingMessage(""); setForm({ debtAmount: "", interestRate: "", monthlyPayment: "" }); }, []); const handleStreamResponse = useHandleStreamResponse({ onChunk: setStreamingMessage, onFinish: handleFinish }); const calculatePayoff = async (e)=>{ e.preventDefault(); setLoading(true); setError(null); const prompt = `Calculate the debt payoff plan with these values: Total Debt: ${form.debtAmount} Annual Interest Rate: ${form.interestRate}% Monthly Payment: ${form.monthlyPayment} Please provide ONLY: 1. Time to pay off with monthly payments 2. Total interest paid Keep the response brief and only show these two points.`; try { const response = await fetch("/integrations/chat-gpt/conversationgpt4", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ 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("head", { __source: { fileName: "", lineNumber: 64, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("link", { rel: "icon", href: "https://ucarecdn.com/3213f58f-56bb-402b-8ffb-961de127e200/-/format/auto/", __source: { fileName: "", lineNumber: 65, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement(Navigation, { __source: { fileName: "", lineNumber: 70, 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: 71, 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: 72, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-center gap-4 mb-6", __source: { fileName: "", lineNumber: 73, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/3213f58f-56bb-402b-8ffb-961de127e200/-/format/auto/", alt: "Money Map Logo", className: "w-16 h-16", __source: { fileName: "", lineNumber: 74, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center", __source: { fileName: "", lineNumber: 79, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-roboto font-bold text-[#3B82F6] text-center mb-2", __source: { fileName: "", lineNumber: 80, columnNumber: 15 }, __self: this }, "Money Map"), /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-roboto font-bold text-[#3B82F6] text-center", __source: { fileName: "", lineNumber: 83, columnNumber: 15 }, __self: this }, "Debt Payoff Calculator"))), /*#__PURE__*/ React.createElement("form", { onSubmit: calculatePayoff, className: "space-y-6", __source: { fileName: "", lineNumber: 89, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 90, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-roboto font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 91, columnNumber: 15 }, __self: this }, "Total Debt Amount ($)"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "debtAmount", value: form.debtAmount, onChange: (e)=>setForm({ ...form, debtAmount: 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: 94, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 105, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-roboto font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 106, columnNumber: 15 }, __self: this }, "Annual Interest Rate (%)"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "interestRate", value: form.interestRate, onChange: (e)=>setForm({ ...form, interestRate: 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: 109, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 120, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-roboto font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 121, columnNumber: 15 }, __self: this }, "Monthly Payment ($)"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "monthlyPayment", value: form.monthlyPayment, onChange: (e)=>setForm({ ...form, monthlyPayment: 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: 124, 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: 135, columnNumber: 13 }, __self: this }, loading ? "Calculating..." : "Calculate Payoff Plan")), error && /*#__PURE__*/ React.createElement("div", { className: "mt-4 text-red-600 font-roboto", __source: { fileName: "", lineNumber: 145, columnNumber: 13 }, __self: this }, error), (streamingMessage || messages.length > 0) && /*#__PURE__*/ React.createElement("div", { className: "mt-6 space-y-4", __source: { fileName: "", lineNumber: 149, columnNumber: 13 }, __self: this }, streamingMessage && /*#__PURE__*/ React.createElement("div", { className: "p-4 bg-gray-50 rounded-lg", __source: { fileName: "", lineNumber: 151, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-roboto font-semibold mb-2", __source: { fileName: "", lineNumber: 152, columnNumber: 19 }, __self: this }, "Current Calculation:"), /*#__PURE__*/ React.createElement("div", { className: "font-roboto whitespace-pre-wrap", __source: { fileName: "", lineNumber: 155, columnNumber: 19 }, __self: this }, streamingMessage)), messages.map((msg, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "p-4 bg-blue-50 rounded-lg", __source: { fileName: "", lineNumber: 161, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-roboto font-semibold mb-2", __source: { fileName: "", lineNumber: 162, columnNumber: 19 }, __self: this }, "Previous Calculation:"), /*#__PURE__*/ React.createElement("div", { className: "font-roboto whitespace-pre-wrap", __source: { fileName: "", lineNumber: 165, columnNumber: 19 }, __self: this }, msg.content))))))); }