@burdenoff/microfe-coolandlovely 2026.625.1 → 2026.625.2

package/dist/coolandlovely/pages/investor/InvestorPortfolioPage.js

@@ -4,10 +4,11 @@ import { PageLayout as n } from "../../components/PageLayout.js";
 import { MetricsCard as r } from "../../components/MetricsCard.js";
 import { formatCurrency as i, formatDate as a } from "../../utils/formatters.js";
 import { useCallback as o, useMemo as s, useState as c } from "react";
-import { ArrowDownCircle as l, BarChart3 as u, Briefcase as d, CreditCard as f, Eye as p, IndianRupee as m, Star 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 { ArrowDownCircle as l, BarChart3 as u, Briefcase as d, CreditCard as f, Eye as p, IndianRupee as m, LayoutList as h, Star as g, TrendingDown as _, TrendingUp as v, Wallet as y } from "lucide-react";
+import { jsx as b, jsxs as x } from "react/jsx-runtime";
+import { EmphasisPanel as S, NextSteps as C, PagePurpose as w } from "@burdenoff/fe-libs/ui";
 //#region src/coolandlovely/pages/investor/InvestorPortfolioPage.tsx
-var x = [
+var T = [
 	{
 		id: "inv-001",
 		cartId: "SERV-001",
@@ -104,7 +105,7 @@ var x = [
 			growthRate: 5
 		}
 	}
-], S = [
+], E = [
 	{
 		id: "txn-001",
 		type: "investment",
@@ -145,14 +146,14 @@ var x = [
 		date: "2024-06-01",
 		status: "pending"
 	}
-], C = [
+], D = [
 	"",
 	"Personal Care & Beauty",
 	"Repair & Maintenance",
 	"Home Services",
 	"Food & Beverage"
 ];
-function w(e) {
+function O(e) {
 	let { color: n, label: r } = {
 		low: {
 			color: "bg-status-success-bg-subtle/20 text-status-success-text",
@@ -167,123 +168,155 @@ function w(e) {
 			label: "High Risk"
 		}
 	}[e];
-	return /* @__PURE__ */ y("span", {
+	return /* @__PURE__ */ b("span", {
 		className: t("rounded-full px-2 py-0.5 text-xs font-medium", n),
 		children: r
 	});
 }
-function T(e) {
+function k(e) {
 	return `${e > 0 ? "+" : ""}${e.toFixed(1)}%`;
 }
-function E() {
-	let { navigateTo: E } = e(), [D, O] = c("overview"), [k, A] = c(""), j = s(() => k ? x.filter((e) => e.category === k) : x, [k]), M = j.reduce((e, t) => e + t.amount, 0), N = j.reduce((e, t) => e + t.currentValue, 0), P = N - M, F = M > 0 ? P / M * 100 : 0, I = j.reduce((e, t) => e + t.monthlyDividend, 0), L = j.filter((e) => e.status === "active").length, R = {
+function A() {
+	let { navigateTo: A } = e(), [j, M] = c("overview"), [N, P] = c(""), F = s(() => N ? T.filter((e) => e.category === N) : T, [N]), I = F.reduce((e, t) => e + t.amount, 0), L = F.reduce((e, t) => e + t.currentValue, 0), R = L - I, z = I > 0 ? R / I * 100 : 0, B = F.reduce((e, t) => e + t.monthlyDividend, 0), V = F.filter((e) => e.status === "active").length, H = {
 		low: 1,
 		medium: 2,
 		high: 3
-	}, z = j.length > 0 ? j.reduce((e, t) => e + R[t.riskLevel], 0) / j.length : 0, B = j.reduce((e, t) => t.returnsPercentage > e.returnsPercentage ? t : e, j[0] || {
+	}, U = F.length > 0 ? F.reduce((e, t) => e + H[t.riskLevel], 0) / F.length : 0, W = F.reduce((e, t) => t.returnsPercentage > e.returnsPercentage ? t : e, F[0] || {
 		cartName: "",
 		returnsPercentage: 0
-	}), V = o((e) => {
+	}), G = o((e) => {
 		alert(`Withdrawal request submitted for ${e}`);
-	}, []), H = j.reduce((e, t) => (e[t.category] = (e[t.category] || 0) + t.currentValue, e), {});
-	return /* @__PURE__ */ b(n, {
+	}, []), K = F.reduce((e, t) => (e[t.category] = (e[t.category] || 0) + t.currentValue, e), {});
+	return /* @__PURE__ */ x(n, {
 		title: "My Portfolio",
 		description: "Track your investment performance and holdings",
 		children: [
-			/* @__PURE__ */ b("div", {
-				className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
+			/* @__PURE__ */ b(w, {
+				className: "mb-6",
+				icon: /* @__PURE__ */ b(u, { className: "h-4 w-4" }),
+				children: "The complete picture of your investments: how much you've put in, what it's worth today, the returns and dividends you're earning, and a full transaction history. Use the tabs to drill into individual holdings or review every movement of money."
+			}),
+			/* @__PURE__ */ b(C, {
+				className: "mb-6",
+				storageKey: "coolandlovely-investor-portfolio",
+				steps: [
+					{
+						id: "holdings",
+						label: "Review your holdings",
+						description: "Open the Investments tab to inspect each business you back.",
+						icon: /* @__PURE__ */ b(d, { className: "h-4 w-4" }),
+						onClick: () => M("investments")
+					},
+					{
+						id: "transactions",
+						label: "Check recent transactions",
+						description: "See dividends, deposits and exits in your transaction log.",
+						icon: /* @__PURE__ */ b(h, { className: "h-4 w-4" }),
+						onClick: () => M("transactions")
+					},
+					{
+						id: "grow",
+						label: "Find new opportunities",
+						description: "Put idle returns to work by backing another business.",
+						icon: /* @__PURE__ */ b(v, { className: "h-4 w-4" }),
+						onClick: () => A("/investor/opportunities")
+					}
+				]
+			}),
+			/* @__PURE__ */ x(S, {
+				className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4 p-4",
 				children: [
-					/* @__PURE__ */ y(r, {
-						icon: /* @__PURE__ */ y(v, { className: "h-5 w-5" }),
-						value: i(M, { minimumFractionDigits: 0 }),
+					/* @__PURE__ */ b(r, {
+						icon: /* @__PURE__ */ b(y, { className: "h-5 w-5" }),
+						value: i(I, { minimumFractionDigits: 0 }),
 						label: "Total Invested",
 						trend: "up",
-						trendValue: `${L} active`
+						trendValue: `${V} active`
 					}),
-					/* @__PURE__ */ y(r, {
-						icon: /* @__PURE__ */ y(m, { className: "h-5 w-5" }),
-						value: i(N, { minimumFractionDigits: 0 }),
+					/* @__PURE__ */ b(r, {
+						icon: /* @__PURE__ */ b(m, { className: "h-5 w-5" }),
+						value: i(L, { minimumFractionDigits: 0 }),
 						label: "Current Value",
-						trend: F > 0 ? "up" : "down",
-						trendValue: T(F)
+						trend: z > 0 ? "up" : "down",
+						trendValue: k(z)
 					}),
-					/* @__PURE__ */ y(r, {
-						icon: /* @__PURE__ */ y(_, { className: "h-5 w-5" }),
-						value: i(Math.abs(P), { minimumFractionDigits: 0 }),
+					/* @__PURE__ */ b(r, {
+						icon: /* @__PURE__ */ b(v, { className: "h-5 w-5" }),
+						value: i(Math.abs(R), { minimumFractionDigits: 0 }),
 						label: "Total Returns",
-						trend: P >= 0 ? "up" : "down",
-						trendValue: T(F)
+						trend: R >= 0 ? "up" : "down",
+						trendValue: k(z)
 					}),
-					/* @__PURE__ */ y(r, {
-						icon: /* @__PURE__ */ y(d, { className: "h-5 w-5" }),
-						value: i(I, { minimumFractionDigits: 0 }),
+					/* @__PURE__ */ b(r, {
+						icon: /* @__PURE__ */ b(d, { className: "h-5 w-5" }),
+						value: i(B, { minimumFractionDigits: 0 }),
 						label: "Monthly Dividend",
 						trend: "up",
 						trendValue: "Next: July 1"
 					})
 				]
 			}),
-			/* @__PURE__ */ b("div", {
+			/* @__PURE__ */ x("div", {
 				className: "mt-4 grid grid-cols-2 gap-3 lg:grid-cols-4",
 				children: [
-					/* @__PURE__ */ b("div", {
+					/* @__PURE__ */ x("div", {
 						className: "rounded-lg border border-border-subtle bg-bg-surface p-3",
-						children: [/* @__PURE__ */ y("p", {
+						children: [/* @__PURE__ */ b("p", {
 							className: "text-xs text-text-secondary",
 							children: "Active Investments"
-						}), /* @__PURE__ */ y("p", {
+						}), /* @__PURE__ */ b("p", {
 							className: "text-xl font-bold text-text-primary",
-							children: L
+							children: V
 						})]
 					}),
-					/* @__PURE__ */ b("div", {
+					/* @__PURE__ */ x("div", {
 						className: "rounded-lg border border-border-subtle bg-bg-surface p-3",
-						children: [/* @__PURE__ */ y("p", {
+						children: [/* @__PURE__ */ b("p", {
 							className: "text-xs text-text-secondary",
 							children: "Avg Risk Score"
-						}), /* @__PURE__ */ b("div", {
+						}), /* @__PURE__ */ x("div", {
 							className: "mt-1 flex items-center gap-2",
-							children: [/* @__PURE__ */ y("div", {
+							children: [/* @__PURE__ */ b("div", {
 								className: "h-2 flex-1 rounded-full bg-bg-sunken overflow-hidden",
-								children: /* @__PURE__ */ y("div", {
-									className: t("h-full rounded-full", z <= 1.5 ? "bg-status-success-bg-subtle" : z <= 2.5 ? "bg-status-warning-bg-subtle" : "bg-status-error-bg-subtle"),
-									style: { width: `${z / 3 * 100}%` }
+								children: /* @__PURE__ */ b("div", {
+									className: t("h-full rounded-full", U <= 1.5 ? "bg-status-success-bg-subtle" : U <= 2.5 ? "bg-status-warning-bg-subtle" : "bg-status-error-bg-subtle"),
+									style: { width: `${U / 3 * 100}%` }
 								})
-							}), /* @__PURE__ */ b("span", {
+							}), /* @__PURE__ */ x("span", {
 								className: "text-sm font-medium text-text-primary",
-								children: [z.toFixed(1), "/3"]
+								children: [U.toFixed(1), "/3"]
 							})]
 						})]
 					}),
-					/* @__PURE__ */ b("div", {
+					/* @__PURE__ */ x("div", {
 						className: "rounded-lg border border-border-subtle bg-bg-surface p-3",
 						children: [
-							/* @__PURE__ */ y("p", {
+							/* @__PURE__ */ b("p", {
 								className: "text-xs text-text-secondary",
 								children: "Best Performer"
 							}),
-							/* @__PURE__ */ y("p", {
+							/* @__PURE__ */ b("p", {
 								className: "truncate text-sm font-bold text-text-primary",
-								children: B.cartName
+								children: W.cartName
 							}),
-							/* @__PURE__ */ y("p", {
+							/* @__PURE__ */ b("p", {
 								className: "text-xs text-status-success-text",
-								children: T(B.returnsPercentage)
+								children: k(W.returnsPercentage)
 							})
 						]
 					}),
-					/* @__PURE__ */ b("div", {
+					/* @__PURE__ */ x("div", {
 						className: "rounded-lg border border-border-subtle bg-bg-surface p-3",
 						children: [
-							/* @__PURE__ */ y("p", {
+							/* @__PURE__ */ b("p", {
 								className: "text-xs text-text-secondary",
 								children: "Next Payout"
 							}),
-							/* @__PURE__ */ y("p", {
+							/* @__PURE__ */ b("p", {
 								className: "text-lg font-bold text-text-primary",
 								children: "July 1"
 							}),
-							/* @__PURE__ */ y("p", {
+							/* @__PURE__ */ b("p", {
 								className: "text-xs text-text-secondary",
 								children: "In 7 days"
 							})
@@ -291,9 +324,9 @@ function E() {
 					})
 				]
 			}),
-			/* @__PURE__ */ b("div", {
+			/* @__PURE__ */ x("div", {
 				className: "mt-6 rounded-lg border border-border-subtle bg-bg-surface shadow-sm",
-				children: [/* @__PURE__ */ y("div", {
+				children: [/* @__PURE__ */ b("div", {
 					className: "flex border-b border-border-subtle overflow-x-auto",
 					children: [
 						{
@@ -303,7 +336,7 @@ function E() {
 						},
 						{
 							key: "investments",
-							label: `Investments (${j.length})`,
+							label: `Investments (${F.length})`,
 							Icon: d
 						},
 						{
@@ -311,57 +344,57 @@ function E() {
 							label: "Transactions",
 							Icon: f
 						}
-					].map(({ key: e, label: n, Icon: r }) => /* @__PURE__ */ b("button", {
+					].map(({ key: e, label: n, Icon: r }) => /* @__PURE__ */ x("button", {
 						type: "button",
-						onClick: () => O(e),
-						className: t("flex items-center gap-2 whitespace-nowrap px-4 py-3 text-sm font-medium transition-colors", D === e ? "border-b-2 border-primary text-text-primary" : "text-text-secondary hover:text-text-primary"),
-						children: [/* @__PURE__ */ y(r, { className: "h-4 w-4" }), n]
+						onClick: () => M(e),
+						className: t("flex items-center gap-2 whitespace-nowrap px-4 py-3 text-sm font-medium transition-colors", j === e ? "border-b-2 border-primary text-text-primary" : "text-text-secondary hover:text-text-primary"),
+						children: [/* @__PURE__ */ b(r, { className: "h-4 w-4" }), n]
 					}, e))
-				}), /* @__PURE__ */ b("div", {
+				}), /* @__PURE__ */ x("div", {
 					className: "p-4",
 					children: [
-						D === "overview" && /* @__PURE__ */ b("div", {
+						j === "overview" && /* @__PURE__ */ x("div", {
 							className: "space-y-6",
-							children: [/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("h3", {
+							children: [/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("h3", {
 								className: "mb-4 text-base font-semibold text-text-primary",
 								children: "Portfolio Performance"
-							}), /* @__PURE__ */ b("div", {
+							}), /* @__PURE__ */ x("div", {
 								className: "rounded-lg border border-border-subtle bg-bg-sunken/50 p-8 text-center",
 								children: [
-									/* @__PURE__ */ y(u, { className: "mx-auto mb-2 h-8 w-8 text-text-secondary/50" }),
-									/* @__PURE__ */ y("p", {
+									/* @__PURE__ */ b(u, { className: "mx-auto mb-2 h-8 w-8 text-text-secondary/50" }),
+									/* @__PURE__ */ b("p", {
 										className: "text-sm text-text-secondary",
 										children: "Performance chart visualization"
 									}),
-									/* @__PURE__ */ y("p", {
+									/* @__PURE__ */ b("p", {
 										className: "mt-1 text-xs text-text-secondary",
 										children: "Shows portfolio value over time"
 									})
 								]
-							})] }), /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("h3", {
+							})] }), /* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("h3", {
 								className: "mb-4 text-base font-semibold text-text-primary",
 								children: "Asset Allocation"
-							}), /* @__PURE__ */ y("div", {
+							}), /* @__PURE__ */ b("div", {
 								className: "space-y-3",
-								children: Object.entries(H).map(([e, t]) => /* @__PURE__ */ b("div", {
+								children: Object.entries(K).map(([e, t]) => /* @__PURE__ */ x("div", {
 									className: "flex items-center",
 									children: [
-										/* @__PURE__ */ y("span", {
+										/* @__PURE__ */ b("span", {
 											className: "w-40 truncate text-sm text-text-primary",
 											children: e
 										}),
-										/* @__PURE__ */ y("div", {
+										/* @__PURE__ */ b("div", {
 											className: "mx-3 h-6 flex-1 rounded-full bg-bg-sunken overflow-hidden",
-											children: /* @__PURE__ */ y("div", {
+											children: /* @__PURE__ */ b("div", {
 												className: "flex h-6 items-center justify-end rounded-full bg-action-primary-bg pr-2",
-												style: { width: `${N > 0 ? t / N * 100 : 0}%` },
-												children: /* @__PURE__ */ b("span", {
+												style: { width: `${L > 0 ? t / L * 100 : 0}%` },
+												children: /* @__PURE__ */ x("span", {
 													className: "text-xs font-medium text-action-primary-text",
-													children: [N > 0 ? (t / N * 100).toFixed(1) : 0, "%"]
+													children: [L > 0 ? (t / L * 100).toFixed(1) : 0, "%"]
 												})
 											})
 										}),
-										/* @__PURE__ */ y("span", {
+										/* @__PURE__ */ b("span", {
 											className: "ml-2 text-sm font-medium text-text-primary",
 											children: i(t, { minimumFractionDigits: 0 })
 										})
@@ -369,35 +402,35 @@ function E() {
 								}, e))
 							})] })]
 						}),
-						D === "investments" && /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("div", {
+						j === "investments" && /* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("div", {
 							className: "mb-4",
-							children: /* @__PURE__ */ b("select", {
-								value: k,
-								onChange: (e) => A(e.target.value),
+							children: /* @__PURE__ */ x("select", {
+								value: N,
+								onChange: (e) => P(e.target.value),
 								className: "rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
-								children: [/* @__PURE__ */ y("option", {
+								children: [/* @__PURE__ */ b("option", {
 									value: "",
 									children: "All Categories"
-								}), C.filter(Boolean).map((e) => /* @__PURE__ */ y("option", {
+								}), D.filter(Boolean).map((e) => /* @__PURE__ */ b("option", {
 									value: e,
 									children: e
 								}, e))]
 							})
-						}), /* @__PURE__ */ y("div", {
+						}), /* @__PURE__ */ b("div", {
 							className: "space-y-4",
-							children: j.map((e) => /* @__PURE__ */ b("div", {
+							children: F.map((e) => /* @__PURE__ */ x("div", {
 								className: "rounded-lg border border-border-subtle p-4 hover:bg-accent/50 transition-colors",
 								children: [
-									/* @__PURE__ */ b("div", {
+									/* @__PURE__ */ x("div", {
 										className: "mb-4 flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between",
-										children: [/* @__PURE__ */ b("div", {
+										children: [/* @__PURE__ */ x("div", {
 											className: "flex-1",
 											children: [
-												/* @__PURE__ */ y("h4", {
+												/* @__PURE__ */ b("h4", {
 													className: "text-base font-semibold text-text-primary",
 													children: e.cartName
 												}),
-												/* @__PURE__ */ b("p", {
+												/* @__PURE__ */ x("p", {
 													className: "text-sm text-text-secondary",
 													children: [
 														"Owned by ",
@@ -406,58 +439,58 @@ function E() {
 														e.location
 													]
 												}),
-												/* @__PURE__ */ b("div", {
+												/* @__PURE__ */ x("div", {
 													className: "mt-2 flex flex-wrap items-center gap-2",
-													children: [/* @__PURE__ */ y("span", {
+													children: [/* @__PURE__ */ b("span", {
 														className: "text-sm text-text-secondary",
 														children: e.category
-													}), w(e.riskLevel)]
+													}), O(e.riskLevel)]
 												})
 											]
-										}), /* @__PURE__ */ b("div", {
+										}), /* @__PURE__ */ x("div", {
 											className: "text-left sm:text-right",
-											children: [/* @__PURE__ */ y("p", {
+											children: [/* @__PURE__ */ b("p", {
 												className: "text-xl font-bold text-text-primary",
 												children: i(e.currentValue, { minimumFractionDigits: 0 })
-											}), /* @__PURE__ */ b("p", {
+											}), /* @__PURE__ */ x("p", {
 												className: t("text-sm", e.returns > 0 ? "text-status-success-text" : "text-status-error-text"),
 												children: [
 													i(Math.abs(e.returns), { minimumFractionDigits: 0 }),
 													" (",
-													T(e.returnsPercentage),
+													k(e.returnsPercentage),
 													")"
 												]
 											})]
 										})]
 									}),
-									/* @__PURE__ */ b("div", {
+									/* @__PURE__ */ x("div", {
 										className: "mb-4 grid grid-cols-2 gap-3 lg:grid-cols-4",
 										children: [
-											/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
+											/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
 												className: "text-xs text-text-secondary",
 												children: "Invested"
-											}), /* @__PURE__ */ y("p", {
+											}), /* @__PURE__ */ b("p", {
 												className: "text-sm font-medium text-text-primary",
 												children: i(e.amount, { minimumFractionDigits: 0 })
 											})] }),
-											/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
+											/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
 												className: "text-xs text-text-secondary",
 												children: "Ownership"
-											}), /* @__PURE__ */ b("p", {
+											}), /* @__PURE__ */ x("p", {
 												className: "text-sm font-medium text-text-primary",
 												children: [e.ownership, "%"]
 											})] }),
-											/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
+											/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
 												className: "text-xs text-text-secondary",
 												children: "Monthly Dividend"
-											}), /* @__PURE__ */ y("p", {
+											}), /* @__PURE__ */ b("p", {
 												className: "text-sm font-medium text-text-primary",
 												children: i(e.monthlyDividend, { minimumFractionDigits: 0 })
 											})] }),
-											/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
+											/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
 												className: "text-xs text-text-secondary",
 												children: "Investment Date"
-											}), /* @__PURE__ */ y("p", {
+											}), /* @__PURE__ */ b("p", {
 												className: "text-sm font-medium text-text-primary",
 												children: a(e.investmentDate, {
 													hour: void 0,
@@ -466,91 +499,91 @@ function E() {
 											})] })
 										]
 									}),
-									/* @__PURE__ */ b("div", {
+									/* @__PURE__ */ x("div", {
 										className: "border-t border-border-subtle pt-4",
-										children: [/* @__PURE__ */ y("p", {
+										children: [/* @__PURE__ */ b("p", {
 											className: "mb-2 text-sm font-medium text-text-secondary",
 											children: "Performance Metrics"
-										}), /* @__PURE__ */ b("div", {
+										}), /* @__PURE__ */ x("div", {
 											className: "grid grid-cols-3 gap-3 text-center",
 											children: [
-												/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
+												/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
 													className: "text-lg font-bold text-text-primary",
 													children: e.performanceMetrics.monthlyOrders
-												}), /* @__PURE__ */ y("p", {
+												}), /* @__PURE__ */ b("p", {
 													className: "text-xs text-text-secondary",
 													children: "Monthly Orders"
 												})] }),
-												/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ b("div", {
+												/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ x("div", {
 													className: "flex items-center justify-center gap-1",
-													children: [/* @__PURE__ */ y(h, { className: "h-4 w-4 fill-status-warning-text text-status-warning-text" }), /* @__PURE__ */ y("p", {
+													children: [/* @__PURE__ */ b(g, { className: "h-4 w-4 fill-status-warning-text text-status-warning-text" }), /* @__PURE__ */ b("p", {
 														className: "text-lg font-bold text-text-primary",
 														children: e.performanceMetrics.averageRating
 													})]
-												}), /* @__PURE__ */ y("p", {
+												}), /* @__PURE__ */ b("p", {
 													className: "text-xs text-text-secondary",
 													children: "Rating"
 												})] }),
-												/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ b("p", {
+												/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ x("p", {
 													className: "text-lg font-bold text-status-success-text",
 													children: [
 														"+",
 														e.performanceMetrics.growthRate,
 														"%"
 													]
-												}), /* @__PURE__ */ y("p", {
+												}), /* @__PURE__ */ b("p", {
 													className: "text-xs text-text-secondary",
 													children: "Growth Rate"
 												})] })
 											]
 										})]
 									}),
-									/* @__PURE__ */ b("div", {
+									/* @__PURE__ */ x("div", {
 										className: "mt-4 flex flex-wrap gap-2",
-										children: [/* @__PURE__ */ b("button", {
+										children: [/* @__PURE__ */ x("button", {
 											type: "button",
-											onClick: () => E(`/investor/investments/${e.id}`),
+											onClick: () => A(`/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.status === "active" && /* @__PURE__ */ b("button", {
+											children: [/* @__PURE__ */ b(p, { className: "h-4 w-4" }), "View Details"]
+										}), e.status === "active" && /* @__PURE__ */ x("button", {
 											type: "button",
-											onClick: () => V(e.id),
+											onClick: () => G(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(l, { className: "h-4 w-4" }), "Withdraw"]
+											children: [/* @__PURE__ */ b(l, { className: "h-4 w-4" }), "Withdraw"]
 										})]
 									})
 								]
 							}, e.id))
 						})] }),
-						D === "transactions" && /* @__PURE__ */ y("div", {
+						j === "transactions" && /* @__PURE__ */ b("div", {
 							className: "space-y-3",
-							children: S.map((e) => /* @__PURE__ */ b("div", {
+							children: E.map((e) => /* @__PURE__ */ x("div", {
 								className: "flex flex-col gap-3 rounded-lg border border-border-subtle p-4 hover:bg-accent/50 transition-colors sm:flex-row sm:items-center sm:justify-between",
-								children: [/* @__PURE__ */ b("div", {
+								children: [/* @__PURE__ */ x("div", {
 									className: "flex items-center gap-3",
-									children: [/* @__PURE__ */ y("div", {
+									children: [/* @__PURE__ */ b("div", {
 										className: t("flex h-10 w-10 shrink-0 items-center justify-center rounded-full", e.type === "investment" ? "bg-accent-blue-subtle/10" : e.type === "dividend" ? "bg-status-success-bg-subtle/10" : "bg-status-error-bg-subtle/10"),
-										children: e.type === "investment" ? /* @__PURE__ */ y(v, { className: "h-5 w-5 text-accent-blue" }) : e.type === "dividend" ? /* @__PURE__ */ y(_, { className: "h-5 w-5 text-status-success-text" }) : /* @__PURE__ */ y(g, { className: "h-5 w-5 text-status-error-text" })
-									}), /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ b("p", {
+										children: e.type === "investment" ? /* @__PURE__ */ b(y, { className: "h-5 w-5 text-accent-blue" }) : e.type === "dividend" ? /* @__PURE__ */ b(v, { className: "h-5 w-5 text-status-success-text" }) : /* @__PURE__ */ b(_, { className: "h-5 w-5 text-status-error-text" })
+									}), /* @__PURE__ */ x("div", { children: [/* @__PURE__ */ x("p", {
 										className: "text-sm font-medium text-text-primary",
 										children: [
 											e.type === "investment" ? "Investment in" : e.type === "dividend" ? "Dividend from" : "Withdrawal from",
 											" ",
 											e.cartName
 										]
-									}), /* @__PURE__ */ y("p", {
+									}), /* @__PURE__ */ b("p", {
 										className: "text-xs text-text-secondary",
 										children: a(e.date, {
 											hour: void 0,
 											minute: void 0
 										})
 									})] })]
-								}), /* @__PURE__ */ b("div", {
+								}), /* @__PURE__ */ x("div", {
 									className: "flex items-center justify-between sm:gap-4",
-									children: [/* @__PURE__ */ b("p", {
+									children: [/* @__PURE__ */ x("p", {
 										className: t("text-sm font-bold", e.type === "dividend" ? "text-status-success-text" : "text-text-primary"),
 										children: [e.type === "dividend" ? "+" : "-", i(e.amount, { minimumFractionDigits: 0 })]
-									}), /* @__PURE__ */ y("span", {
+									}), /* @__PURE__ */ b("span", {
 										className: t("rounded-full px-2.5 py-0.5 text-xs font-medium", e.status === "completed" ? "bg-status-success-bg-subtle/20 text-status-success-text" : e.status === "pending" ? "bg-status-warning-bg-subtle/20 text-status-warning-text" : "bg-status-error-bg-subtle/20 text-status-error-text"),
 										children: e.status
 									})]
@@ -564,6 +597,6 @@ function E() {
 	});
 }
 //#endregion
-export { E as InvestorPortfolioPage };
+export { A as InvestorPortfolioPage };
 
 //# sourceMappingURL=InvestorPortfolioPage.js.map