@burdenoff/microfe-kadaikodi 2026.626.2 → 2026.704.2

package/dist/kadaikodi/pages/investor/InvestorInvestmentsPage.js

@@ -3,396 +3,310 @@ import { cn as t } from "../../utils/cn.js";
 import { PageLayout as n } from "../../components/PageLayout.js";
 import { MetricsCard as r } from "../../components/MetricsCard.js";
 import { EmptyState as i } from "../../components/EmptyState.js";
-import { formatCurrency as a, formatDate as o } from "../../utils/formatters.js";
-import { useEffect as s, useMemo as c, useState as l } from "react";
-import { AlertCircle as u, CheckCircle2 as d, Clock as f, Eye as p, IndianRupee as m, Plus as h, TrendingDown as g, TrendingUp as _, Wallet as v } from "lucide-react";
-import { jsx as y, jsxs as b } from "react/jsx-runtime";
-import { EmphasisPanel as x, PagePurpose as S } from "@burdenoff/fe-libs/ui";
+import { useInvestments as a } from "../../hooks/useKadaikodiApi.js";
+import { formatCurrency as o, formatDate as s } from "../../utils/formatters.js";
+import { useMemo as c, useState as l } from "react";
+import { CheckCircle2 as u, Clock as d, Eye as f, IndianRupee as p, Plus as m, TrendingDown as h, TrendingUp as g, Wallet as _ } from "lucide-react";
+import { jsx as v, jsxs as y } from "react/jsx-runtime";
+import { EmphasisPanel as b, PagePurpose as x } from "@burdenoff/fe-libs/ui";
 //#region src/kadaikodi/pages/investor/InvestorInvestmentsPage.tsx
-var C = [
+var S = [
 	{
-		id: "inv-001",
-		cartName: "South Indian Express",
-		cartOwner: "Raj Kumar",
-		investmentAmount: 5e4,
-		currentValue: 58500,
-		profitLoss: 8500,
-		profitLossPercentage: 17,
-		investmentDate: "2024-01-15",
-		status: "active",
-		roiAnnual: 22.5,
-		duration: "18 months",
-		nextPayout: "2024-12-15",
-		totalReturns: 8500
+		key: "all",
+		label: "All Investments"
 	},
 	{
-		id: "inv-002",
-		cartName: "Pizza Corner",
-		cartOwner: "Priya Singh",
-		investmentAmount: 75e3,
-		currentValue: 82e3,
-		profitLoss: 7e3,
-		profitLossPercentage: 9.3,
-		investmentDate: "2024-03-10",
-		status: "active",
-		roiAnnual: 18,
-		duration: "24 months",
-		nextPayout: "2024-12-10",
-		totalReturns: 7e3
+		key: "active",
+		label: "Active"
 	},
 	{
-		id: "inv-003",
-		cartName: "Healthy Bites",
-		cartOwner: "Amit Patel",
-		investmentAmount: 3e4,
-		currentValue: 31200,
-		profitLoss: 1200,
-		profitLossPercentage: 4,
-		investmentDate: "2024-06-01",
-		status: "active",
-		roiAnnual: 15,
-		duration: "12 months",
-		nextPayout: "2024-12-01",
-		totalReturns: 1200
+		key: "completed",
+		label: "Completed"
 	},
 	{
-		id: "inv-004",
-		cartName: "Street Food Junction",
-		cartOwner: "Neha Sharma",
-		investmentAmount: 4e4,
-		currentValue: 4e4,
-		profitLoss: 0,
-		profitLossPercentage: 0,
-		investmentDate: "2024-08-15",
-		status: "pending",
-		roiAnnual: 20,
-		duration: "15 months",
-		nextPayout: "2025-01-15",
-		totalReturns: 0
-	},
-	{
-		id: "inv-005",
-		cartName: "Biryani House",
-		cartOwner: "Suresh Reddy",
-		investmentAmount: 6e4,
-		currentValue: 72e3,
-		profitLoss: 12e3,
-		profitLossPercentage: 20,
-		investmentDate: "2023-12-01",
-		status: "matured",
-		roiAnnual: 25,
-		duration: "12 months",
-		nextPayout: "-",
-		totalReturns: 12e3
+		key: "exited",
+		label: "Exited"
 	}
-], w = {
-	totalInvested: 255e3,
-	currentValue: 283700,
-	totalReturns: 28700,
-	activeInvestments: 3,
-	averageRoi: 19.6,
-	profitLoss: 28700,
-	profitLossPercentage: 11.3
-};
-function T(e) {
+];
+function C(e) {
 	switch (e) {
 		case "active": return "bg-status-success-bg-subtle text-status-success-text";
-		case "pending": return "bg-status-warning-bg-subtle text-status-warning-text";
-		case "matured": return "bg-[var(--color-accent-soft)] text-text-primary";
-		case "withdrawn": return "bg-secondary text-secondary-foreground";
-		default: return "bg-secondary text-secondary-foreground";
+		case "completed": return "bg-[var(--color-accent-soft)] text-text-primary";
+		case "exited": return "bg-bg-sunken text-text-secondary";
+		default: return "bg-bg-sunken text-text-secondary";
 	}
 }
-function E(e) {
+function w(e) {
 	switch (e) {
-		case "active": return /* @__PURE__ */ y(d, { className: "h-4 w-4" });
-		case "pending": return /* @__PURE__ */ y(f, { className: "h-4 w-4" });
-		case "matured": return /* @__PURE__ */ y(d, { className: "h-4 w-4" });
-		default: return /* @__PURE__ */ y(u, { className: "h-4 w-4" });
+		case "active": return /* @__PURE__ */ v(u, { className: "h-4 w-4" });
+		case "completed": return /* @__PURE__ */ v(u, { className: "h-4 w-4" });
+		default: return /* @__PURE__ */ v(d, { className: "h-4 w-4" });
 	}
 }
+function T(e) {
+	return e.currentValue - e.investedAmount;
+}
+function E(e) {
+	return e.investedAmount > 0 ? T(e) / e.investedAmount * 100 : 0;
+}
 function D() {
-	let { navigateTo: u } = e(), [f, D] = l(!0), [O, k] = l("all");
-	s(() => {
-		let e = setTimeout(() => D(!1), 600);
-		return () => clearTimeout(e);
-	}, []);
-	let A = c(() => O === "all" ? C : C.filter((e) => e.status === O), [O]), j = [
-		{
-			key: "all",
-			label: "All Investments"
-		},
-		{
-			key: "active",
-			label: "Active"
-		},
-		{
-			key: "pending",
-			label: "Pending"
-		},
-		{
-			key: "matured",
-			label: "Matured"
-		}
-	];
-	function M(e) {
-		return e === "all" ? C.length : C.filter((t) => t.status === e).length;
+	let { navigateTo: d, currentUser: D } = e(), { data: O = [], isLoading: k } = a(D?.id || ""), [A, j] = l("all"), M = c(() => A === "all" ? O : O.filter((e) => e.status === A), [A, O]), N = c(() => {
+		let e = O.reduce((e, t) => e + t.investedAmount, 0), t = O.reduce((e, t) => e + t.currentValue, 0), n = O.reduce((e, t) => e + t.returns, 0), r = t - e;
+		return {
+			totalInvested: e,
+			currentValue: t,
+			totalReturns: n,
+			pl: r,
+			plPct: e > 0 ? r / e * 100 : 0,
+			activeInvestments: O.filter((e) => e.status === "active").length
+		};
+	}, [O]);
+	function P(e) {
+		return e === "all" ? O.length : O.filter((t) => t.status === e).length;
 	}
-	return f ? /* @__PURE__ */ y(n, {
+	return k ? /* @__PURE__ */ v(n, {
 		title: "My Investments",
 		description: "Loading your investments...",
-		children: /* @__PURE__ */ y("div", {
+		children: /* @__PURE__ */ v("div", {
 			className: "flex items-center justify-center py-20",
-			children: /* @__PURE__ */ b("div", {
+			children: /* @__PURE__ */ y("div", {
 				className: "text-center",
-				children: [/* @__PURE__ */ y("div", { className: "mx-auto mb-4 h-12 w-12 animate-spin rounded-full border-b-2 border-primary" }), /* @__PURE__ */ y("p", {
+				children: [/* @__PURE__ */ v("div", { className: "mx-auto mb-4 h-12 w-12 animate-spin rounded-full border-b-2 border-primary" }), /* @__PURE__ */ v("p", {
 					className: "text-sm text-text-secondary",
 					children: "Loading your investments..."
 				})]
 			})
 		})
-	}) : /* @__PURE__ */ b(n, {
+	}) : /* @__PURE__ */ y(n, {
 		title: "My Investments",
 		description: "Track and manage your investment portfolio",
-		actions: /* @__PURE__ */ b("button", {
+		actions: /* @__PURE__ */ y("button", {
 			type: "button",
-			onClick: () => u("/investor/opportunities"),
+			onClick: () => d("/investor/opportunities"),
 			className: "flex items-center gap-2 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors",
-			children: [/* @__PURE__ */ y(h, { className: "h-4 w-4" }), "New Investment"]
+			children: [/* @__PURE__ */ v(m, { className: "h-4 w-4" }), "New Investment"]
 		}),
 		children: [
-			/* @__PURE__ */ y(S, {
+			/* @__PURE__ */ v(x, {
 				className: "mb-6",
 				children: "Your active holdings in one place. Use this page to track every cart you've backed — what you put in, what it's worth now, the returns you've earned, and which investments are still active. Filter by status to focus, open any investment for the full picture, or start a New Investment when you're ready to grow your portfolio."
 			}),
-			/* @__PURE__ */ b(x, { children: [/* @__PURE__ */ y("h2", {
+			/* @__PURE__ */ y(b, { children: [/* @__PURE__ */ v("h2", {
 				className: "mb-4 text-base font-semibold text-text-primary",
 				children: "Portfolio Summary"
-			}), /* @__PURE__ */ b("div", {
+			}), /* @__PURE__ */ y("div", {
 				className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
 				children: [
-					/* @__PURE__ */ y(r, {
-						icon: /* @__PURE__ */ y(v, { className: "h-5 w-5" }),
-						value: a(w.totalInvested, { minimumFractionDigits: 0 }),
-						label: "Total Invested",
-						trend: "up",
-						trendValue: "Total amount invested"
+					/* @__PURE__ */ v(r, {
+						icon: /* @__PURE__ */ v(_, { className: "h-5 w-5" }),
+						value: o(N.totalInvested, { minimumFractionDigits: 0 }),
+						label: "Total Invested"
 					}),
-					/* @__PURE__ */ y(r, {
-						icon: /* @__PURE__ */ y(m, { className: "h-5 w-5" }),
-						value: a(w.currentValue, { minimumFractionDigits: 0 }),
+					/* @__PURE__ */ v(r, {
+						icon: /* @__PURE__ */ v(p, { className: "h-5 w-5" }),
+						value: o(N.currentValue, { minimumFractionDigits: 0 }),
 						label: "Current Value",
-						trend: w.profitLoss > 0 ? "up" : "down",
-						trendValue: `${w.profitLossPercentage > 0 ? "+" : ""}${w.profitLossPercentage}% total returns`
+						trend: N.pl >= 0 ? "up" : "down",
+						trendValue: `${N.plPct >= 0 ? "+" : ""}${N.plPct.toFixed(1)}%`
 					}),
-					/* @__PURE__ */ y(r, {
-						icon: /* @__PURE__ */ y(_, { className: "h-5 w-5" }),
-						value: a(w.totalReturns, { minimumFractionDigits: 0 }),
-						label: "Total Returns",
-						trend: "up",
-						trendValue: "Total profit earned"
+					/* @__PURE__ */ v(r, {
+						icon: /* @__PURE__ */ v(g, { className: "h-5 w-5" }),
+						value: o(N.totalReturns, { minimumFractionDigits: 0 }),
+						label: "Total Returns"
 					}),
-					/* @__PURE__ */ y(r, {
-						icon: /* @__PURE__ */ y(d, { className: "h-5 w-5" }),
-						value: String(w.activeInvestments),
+					/* @__PURE__ */ v(r, {
+						icon: /* @__PURE__ */ v(u, { className: "h-5 w-5" }),
+						value: String(N.activeInvestments),
 						label: "Active Investments",
-						trend: "neutral",
-						trendValue: `${w.averageRoi}% avg ROI`
+						trend: "neutral"
 					})
 				]
 			})] }),
-			/* @__PURE__ */ y("div", {
+			/* @__PURE__ */ v("div", {
 				className: "mt-6 rounded-lg border border-border-subtle bg-bg-surface p-4",
-				children: /* @__PURE__ */ y("div", {
+				children: /* @__PURE__ */ v("div", {
 					className: "flex flex-wrap gap-2",
-					children: j.map((e) => /* @__PURE__ */ b("button", {
+					children: S.map((e) => /* @__PURE__ */ y("button", {
 						type: "button",
-						onClick: () => k(e.key),
-						className: t("flex items-center gap-2 rounded-lg px-4 py-2 text-sm font-medium transition-colors", O === e.key ? "bg-action-primary-bg text-action-primary-text" : "bg-bg-sunken text-text-primary hover:bg-bg-sunken/80"),
-						children: [e.label, /* @__PURE__ */ y("span", {
-							className: t("rounded-full px-2 py-0.5 text-xs", O === e.key ? "bg-primary-foreground/20 text-action-primary-text" : "bg-action-primary-bg/10 text-primary"),
-							children: M(e.key)
+						onClick: () => j(e.key),
+						className: t("flex items-center gap-2 rounded-lg px-4 py-2 text-sm font-medium transition-colors", A === e.key ? "bg-action-primary-bg text-action-primary-text" : "bg-bg-sunken text-text-primary hover:bg-bg-sunken/80"),
+						children: [e.label, /* @__PURE__ */ v("span", {
+							className: t("rounded-full px-2 py-0.5 text-xs", A === e.key ? "bg-primary-foreground/20 text-action-primary-text" : "bg-action-primary-bg/10 text-primary"),
+							children: P(e.key)
 						})]
 					}, e.key))
 				})
 			}),
-			/* @__PURE__ */ y("div", {
+			/* @__PURE__ */ v("div", {
 				className: "mt-6 space-y-4",
-				children: A.length > 0 ? A.map((e) => /* @__PURE__ */ b("div", {
-					className: "rounded-lg border border-border-subtle bg-bg-surface p-4 sm:p-6",
-					children: [/* @__PURE__ */ b("div", {
-						className: "block space-y-4 lg:hidden",
-						children: [
-							/* @__PURE__ */ b("div", {
-								className: "flex items-start justify-between",
-								children: [/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("h3", {
-									className: "text-lg font-semibold text-text-primary",
-									children: e.cartName
-								}), /* @__PURE__ */ b("p", {
-									className: "text-sm text-text-secondary",
-									children: ["by ", e.cartOwner]
-								})] }), /* @__PURE__ */ b("span", {
-									className: t("flex items-center gap-1 rounded-full px-3 py-1 text-sm font-medium", T(e.status)),
-									children: [E(e.status), /* @__PURE__ */ y("span", {
-										className: "capitalize",
-										children: e.status
-									})]
-								})]
-							}),
-							/* @__PURE__ */ b("div", {
-								className: "grid grid-cols-2 gap-4",
-								children: [
-									/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
-										className: "text-sm text-text-secondary",
-										children: "Invested"
-									}), /* @__PURE__ */ y("p", {
-										className: "font-semibold text-text-primary",
-										children: a(e.investmentAmount, { minimumFractionDigits: 0 })
-									})] }),
-									/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
-										className: "text-sm text-text-secondary",
-										children: "Current Value"
-									}), /* @__PURE__ */ y("p", {
-										className: "font-semibold text-text-primary",
-										children: a(e.currentValue, { minimumFractionDigits: 0 })
-									})] }),
-									/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
-										className: "text-sm text-text-secondary",
-										children: "P&L"
-									}), /* @__PURE__ */ b("p", {
-										className: t("font-semibold", e.profitLoss >= 0 ? "text-status-success-text" : "text-status-error-text"),
-										children: [
-											e.profitLoss >= 0 ? "+" : "",
-											a(e.profitLoss, { minimumFractionDigits: 0 }),
-											" (",
-											e.profitLossPercentage >= 0 ? "+" : "",
-											e.profitLossPercentage,
-											"%)"
-										]
-									})] }),
-									/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
-										className: "text-sm text-text-secondary",
-										children: "ROI"
-									}), /* @__PURE__ */ b("p", {
-										className: "font-semibold text-text-primary",
-										children: [e.roiAnnual, "% p.a."]
-									})] })
-								]
-							}),
-							/* @__PURE__ */ b("div", {
-								className: "flex items-center justify-between border-t border-border-subtle pt-2",
-								children: [/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
-									className: "text-xs text-text-secondary",
-									children: "Invested on"
-								}), /* @__PURE__ */ y("p", {
-									className: "text-sm font-medium text-text-primary",
-									children: o(e.investmentDate, {
-										hour: void 0,
-										minute: void 0
-									})
-								})] }), /* @__PURE__ */ b("button", {
-									type: "button",
-									onClick: () => u(`/investor/investments/${e.id}`),
-									className: "flex items-center gap-2 rounded-lg border border-border-subtle px-3 py-2 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
-									children: [/* @__PURE__ */ y(p, { className: "h-4 w-4" }), "View Details"]
-								})]
-							})
-						]
-					}), /* @__PURE__ */ b("div", {
-						className: "hidden lg:flex lg:items-center lg:justify-between",
-						children: [/* @__PURE__ */ b("div", {
-							className: "min-w-0 flex-1",
+				children: M.length > 0 ? M.map((e) => {
+					let n = T(e), r = E(e);
+					return /* @__PURE__ */ y("div", {
+						className: "rounded-lg border border-border-subtle bg-bg-surface p-4 sm:p-6",
+						children: [/* @__PURE__ */ y("div", {
+							className: "block space-y-4 lg:hidden",
 							children: [
-								/* @__PURE__ */ b("div", {
-									className: "mb-2 flex items-center justify-between",
-									children: [/* @__PURE__ */ y("h3", {
+								/* @__PURE__ */ y("div", {
+									className: "flex items-start justify-between",
+									children: [/* @__PURE__ */ v("h3", {
 										className: "text-lg font-semibold text-text-primary",
 										children: e.cartName
-									}), /* @__PURE__ */ b("span", {
-										className: t("flex items-center gap-1 rounded-full px-3 py-1 text-sm font-medium", T(e.status)),
-										children: [E(e.status), /* @__PURE__ */ y("span", {
+									}), /* @__PURE__ */ y("span", {
+										className: t("flex items-center gap-1 rounded-full px-3 py-1 text-sm font-medium", C(e.status)),
+										children: [w(e.status), /* @__PURE__ */ v("span", {
 											className: "capitalize",
 											children: e.status
 										})]
 									})]
 								}),
-								/* @__PURE__ */ b("p", {
-									className: "mb-4 text-sm text-text-secondary",
-									children: ["by ", e.cartOwner]
+								/* @__PURE__ */ y("div", {
+									className: "grid grid-cols-2 gap-4",
+									children: [
+										/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
+											className: "text-sm text-text-secondary",
+											children: "Invested"
+										}), /* @__PURE__ */ v("p", {
+											className: "font-semibold text-text-primary",
+											children: o(e.investedAmount, { minimumFractionDigits: 0 })
+										})] }),
+										/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
+											className: "text-sm text-text-secondary",
+											children: "Current Value"
+										}), /* @__PURE__ */ v("p", {
+											className: "font-semibold text-text-primary",
+											children: o(e.currentValue, { minimumFractionDigits: 0 })
+										})] }),
+										/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
+											className: "text-sm text-text-secondary",
+											children: "P&L"
+										}), /* @__PURE__ */ y("p", {
+											className: t("font-semibold", n >= 0 ? "text-status-success-text" : "text-status-error-text"),
+											children: [
+												n >= 0 ? "+" : "",
+												o(n, { minimumFractionDigits: 0 }),
+												" (",
+												r >= 0 ? "+" : "",
+												r.toFixed(1),
+												"%)"
+											]
+										})] }),
+										/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
+											className: "text-sm text-text-secondary",
+											children: "Expected Return"
+										}), /* @__PURE__ */ y("p", {
+											className: "font-semibold text-text-primary",
+											children: [e.returnsPercentage, "%"]
+										})] })
+									]
 								}),
-								/* @__PURE__ */ b("div", {
+								/* @__PURE__ */ y("div", {
+									className: "flex items-center justify-between border-t border-border-subtle pt-2",
+									children: [/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
+										className: "text-xs text-text-secondary",
+										children: "Invested on"
+									}), /* @__PURE__ */ v("p", {
+										className: "text-sm font-medium text-text-primary",
+										children: s(e.investmentDate, {
+											hour: void 0,
+											minute: void 0
+										})
+									})] }), /* @__PURE__ */ y("button", {
+										type: "button",
+										onClick: () => d(`/investor/investments/${e.id}`),
+										className: "flex items-center gap-2 rounded-lg border border-border-subtle px-3 py-2 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
+										children: [/* @__PURE__ */ v(f, { className: "h-4 w-4" }), "View Details"]
+									})]
+								})
+							]
+						}), /* @__PURE__ */ y("div", {
+							className: "hidden lg:flex lg:items-center lg:justify-between",
+							children: [/* @__PURE__ */ y("div", {
+								className: "min-w-0 flex-1",
+								children: [/* @__PURE__ */ y("div", {
+									className: "mb-4 flex items-center justify-between",
+									children: [/* @__PURE__ */ v("h3", {
+										className: "text-lg font-semibold text-text-primary",
+										children: e.cartName
+									}), /* @__PURE__ */ y("span", {
+										className: t("flex items-center gap-1 rounded-full px-3 py-1 text-sm font-medium", C(e.status)),
+										children: [w(e.status), /* @__PURE__ */ v("span", {
+											className: "capitalize",
+											children: e.status
+										})]
+									})]
+								}), /* @__PURE__ */ y("div", {
 									className: "grid grid-cols-5 gap-6",
 									children: [
-										/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
+										/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
 											className: "text-sm text-text-secondary",
 											children: "Invested"
-										}), /* @__PURE__ */ y("p", {
+										}), /* @__PURE__ */ v("p", {
 											className: "font-semibold text-text-primary",
-											children: a(e.investmentAmount, { minimumFractionDigits: 0 })
+											children: o(e.investedAmount, { minimumFractionDigits: 0 })
 										})] }),
-										/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
+										/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
 											className: "text-sm text-text-secondary",
 											children: "Current Value"
-										}), /* @__PURE__ */ y("p", {
+										}), /* @__PURE__ */ v("p", {
 											className: "font-semibold text-text-primary",
-											children: a(e.currentValue, { minimumFractionDigits: 0 })
+											children: o(e.currentValue, { minimumFractionDigits: 0 })
 										})] }),
-										/* @__PURE__ */ b("div", { children: [
-											/* @__PURE__ */ y("p", {
+										/* @__PURE__ */ y("div", { children: [
+											/* @__PURE__ */ v("p", {
 												className: "text-sm text-text-secondary",
 												children: "P&L"
 											}),
-											/* @__PURE__ */ b("p", {
-												className: t("font-semibold", e.profitLoss >= 0 ? "text-status-success-text" : "text-status-error-text"),
-												children: [e.profitLoss >= 0 ? "+" : "", a(e.profitLoss, { minimumFractionDigits: 0 })]
+											/* @__PURE__ */ y("p", {
+												className: t("font-semibold", n >= 0 ? "text-status-success-text" : "text-status-error-text"),
+												children: [n >= 0 ? "+" : "", o(n, { minimumFractionDigits: 0 })]
 											}),
-											/* @__PURE__ */ b("p", {
-												className: t("text-xs", e.profitLoss >= 0 ? "text-status-success-text" : "text-status-error-text"),
+											/* @__PURE__ */ y("p", {
+												className: t("text-xs", n >= 0 ? "text-status-success-text" : "text-status-error-text"),
 												children: [
 													"(",
-													e.profitLossPercentage >= 0 ? "+" : "",
-													e.profitLossPercentage,
+													r >= 0 ? "+" : "",
+													r.toFixed(1),
 													"%)"
 												]
 											})
 										] }),
-										/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
+										/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
 											className: "text-sm text-text-secondary",
-											children: "ROI"
-										}), /* @__PURE__ */ b("p", {
+											children: "Expected Return"
+										}), /* @__PURE__ */ y("p", {
 											className: "font-semibold text-text-primary",
-											children: [e.roiAnnual, "% p.a."]
+											children: [e.returnsPercentage, "%"]
 										})] }),
-										/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
+										/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
 											className: "text-sm text-text-secondary",
 											children: "Invested on"
-										}), /* @__PURE__ */ y("p", {
+										}), /* @__PURE__ */ v("p", {
 											className: "font-semibold text-text-primary",
-											children: o(e.investmentDate, {
+											children: s(e.investmentDate, {
 												hour: void 0,
 												minute: void 0
 											})
 										})] })
 									]
+								})]
+							}), /* @__PURE__ */ v("div", {
+								className: "ml-6",
+								children: /* @__PURE__ */ y("button", {
+									type: "button",
+									onClick: () => d(`/investor/investments/${e.id}`),
+									className: "flex items-center gap-2 rounded-lg border border-border-subtle px-3 py-2 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
+									children: [/* @__PURE__ */ v(f, { className: "h-4 w-4" }), "View Details"]
 								})
-							]
-						}), /* @__PURE__ */ y("div", {
-							className: "ml-6",
-							children: /* @__PURE__ */ b("button", {
-								type: "button",
-								onClick: () => u(`/investor/investments/${e.id}`),
-								className: "flex items-center gap-2 rounded-lg border border-border-subtle px-3 py-2 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
-								children: [/* @__PURE__ */ y(p, { className: "h-4 w-4" }), "View Details"]
-							})
+							})]
 						})]
-					})]
-				}, e.id)) : /* @__PURE__ */ y(i, {
-					icon: /* @__PURE__ */ y(g, { className: "h-12 w-12" }),
-					title: `No ${O === "all" ? "" : O} investments found`,
-					description: O === "all" ? "You haven't made any investments yet. Start exploring opportunities to grow your wealth." : `You don't have any ${O} investments at the moment.`,
-					action: /* @__PURE__ */ y("button", {
+					}, e.id);
+				}) : /* @__PURE__ */ v(i, {
+					icon: /* @__PURE__ */ v(h, { className: "h-12 w-12" }),
+					title: `No ${A === "all" ? "" : A} investments found`,
+					description: A === "all" ? "You haven't made any investments yet. Start exploring opportunities to grow your wealth." : `You don't have any ${A} investments at the moment.`,
+					action: /* @__PURE__ */ v("button", {
 						type: "button",
-						onClick: () => u("/investor/opportunities"),
+						onClick: () => d("/investor/opportunities"),
 						className: "rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors",
 						children: "Explore Investment Opportunities"
 					})