@burdenoff/microfe-kadaikodi 2026.625.1 → 2026.626.2

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

@@ -2,12 +2,14 @@ import { useKadaikodi as e } from "../../context/KadaikodiContext.js";
 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 { 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 { EmptyState as i } from "../../components/EmptyState.js";
+import { formatCurrency as a, formatDate as o } from "../../utils/formatters.js";
+import { useCallback as s, useMemo as c, useState as l } from "react";
+import { ArrowDownCircle as u, BarChart3 as d, Briefcase as f, CreditCard as p, Eye as m, IndianRupee 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, PagePurpose as C } from "@burdenoff/fe-libs/ui";
 //#region src/kadaikodi/pages/investor/InvestorPortfolioPage.tsx
-var x = [
+var w = [
 	{
 		id: "inv-001",
 		cartId: "SERV-001",
@@ -104,7 +106,7 @@ var x = [
 			growthRate: 5
 		}
 	}
-], S = [
+], T = [
 	{
 		id: "txn-001",
 		type: "investment",
@@ -145,14 +147,14 @@ var x = [
 		date: "2024-06-01",
 		status: "pending"
 	}
-], C = [
+], E = [
 	"",
 	"Personal Care & Beauty",
 	"Repair & Maintenance",
 	"Home Services",
 	"Food & Beverage"
 ];
-function w(e) {
+function D(e) {
 	let { color: n, label: r } = {
 		low: {
 			color: "bg-status-success-bg-subtle text-status-success-text",
@@ -167,123 +169,130 @@ 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 O(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 k() {
+	let { navigateTo: k } = e(), [A, j] = l("overview"), [M, N] = l(""), P = c(() => M ? w.filter((e) => e.category === M) : w, [M]), F = P.reduce((e, t) => e + t.amount, 0), I = P.reduce((e, t) => e + t.currentValue, 0), L = I - F, R = F > 0 ? L / F * 100 : 0, z = P.reduce((e, t) => e + t.monthlyDividend, 0), B = P.filter((e) => e.status === "active").length, V = {
 		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] || {
+	}, H = P.length > 0 ? P.reduce((e, t) => e + V[t.riskLevel], 0) / P.length : 0, U = P.reduce((e, t) => t.returnsPercentage > e.returnsPercentage ? t : e, P[0] || {
 		cartName: "",
 		returnsPercentage: 0
-	}), V = o((e) => {
+	}), W = s((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, {
+	}, []), G = P.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", {
+			/* @__PURE__ */ b(C, {
+				className: "mb-6",
+				children: "The complete picture of your money on Kadaikodi. Use this page to see how your portfolio is performing overall, how it's split across categories and risk levels, the dividends coming your way, and a full history of your transactions. Switch tabs to drill into your holdings or activity, and open any holding to manage it."
+			}),
+			/* @__PURE__ */ x(S, { children: [/* @__PURE__ */ b("h2", {
+				className: "mb-4 text-base font-semibold text-text-primary",
+				children: "Portfolio at a Glance"
+			}), /* @__PURE__ */ x("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: i(M, { minimumFractionDigits: 0 }),
+					/* @__PURE__ */ b(r, {
+						icon: /* @__PURE__ */ b(y, { className: "h-5 w-5" }),
+						value: a(F, { minimumFractionDigits: 0 }),
 						label: "Total Invested",
 						trend: "up",
-						trendValue: `${L} active`
+						trendValue: `${B} active`
 					}),
-					/* @__PURE__ */ y(r, {
-						icon: /* @__PURE__ */ y(m, { className: "h-5 w-5" }),
-						value: i(N, { minimumFractionDigits: 0 }),
+					/* @__PURE__ */ b(r, {
+						icon: /* @__PURE__ */ b(h, { className: "h-5 w-5" }),
+						value: a(I, { minimumFractionDigits: 0 }),
 						label: "Current Value",
-						trend: F > 0 ? "up" : "down",
-						trendValue: T(F)
+						trend: R > 0 ? "up" : "down",
+						trendValue: O(R)
 					}),
-					/* @__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: a(Math.abs(L), { minimumFractionDigits: 0 }),
 						label: "Total Returns",
-						trend: P >= 0 ? "up" : "down",
-						trendValue: T(F)
+						trend: L >= 0 ? "up" : "down",
+						trendValue: O(R)
 					}),
-					/* @__PURE__ */ y(r, {
-						icon: /* @__PURE__ */ y(d, { className: "h-5 w-5" }),
-						value: i(I, { minimumFractionDigits: 0 }),
+					/* @__PURE__ */ b(r, {
+						icon: /* @__PURE__ */ b(f, { className: "h-5 w-5" }),
+						value: a(z, { 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: B
 						})]
 					}),
-					/* @__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-text" : z <= 2.5 ? "bg-status-warning-text" : "bg-status-error-text"),
-									style: { width: `${z / 3 * 100}%` }
+								children: /* @__PURE__ */ b("div", {
+									className: t("h-full rounded-full", H <= 1.5 ? "bg-status-success-text" : H <= 2.5 ? "bg-status-warning-text" : "bg-status-error-text"),
+									style: { width: `${H / 3 * 100}%` }
 								})
-							}), /* @__PURE__ */ b("span", {
+							}), /* @__PURE__ */ x("span", {
 								className: "text-sm font-medium text-text-primary",
-								children: [z.toFixed(1), "/3"]
+								children: [H.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: U.cartName
 							}),
-							/* @__PURE__ */ y("p", {
+							/* @__PURE__ */ b("p", {
 								className: "text-xs text-status-success-text",
-								children: T(B.returnsPercentage)
+								children: O(U.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,113 +300,128 @@ 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: [
 						{
 							key: "overview",
 							label: "Overview",
-							Icon: u
+							Icon: d
 						},
 						{
 							key: "investments",
-							label: `Investments (${j.length})`,
-							Icon: d
+							label: `Investments (${P.length})`,
+							Icon: f
 						},
 						{
 							key: "transactions",
 							label: "Transactions",
-							Icon: f
+							Icon: p
 						}
-					].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: () => j(e),
+						className: t("flex items-center gap-2 whitespace-nowrap px-4 py-3 text-sm font-medium transition-colors", A === 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", {
+						A === "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(d, { 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(G).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: `${I > 0 ? t / I * 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: [I > 0 ? (t / I * 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 })
+											children: a(t, { minimumFractionDigits: 0 })
 										})
 									]
 								}, e))
 							})] })]
 						}),
-						D === "investments" && /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("div", {
+						A === "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: M,
+								onChange: (e) => N(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", {
+								}), E.filter(Boolean).map((e) => /* @__PURE__ */ b("option", {
 									value: e,
 									children: e
 								}, e))]
 							})
-						}), /* @__PURE__ */ y("div", {
+						}), P.length === 0 ? /* @__PURE__ */ b(i, {
+							illustration: M ? "empty-search" : "empty-data",
+							title: "No holdings to show",
+							description: M ? "No holdings in this category. Try a different one or clear the filter." : "You don't hold any investments yet. Explore opportunities to start building your portfolio.",
+							action: M ? /* @__PURE__ */ b("button", {
+								type: "button",
+								onClick: () => N(""),
+								className: "rounded-lg border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
+								children: "Clear filter"
+							}) : /* @__PURE__ */ b("button", {
+								type: "button",
+								onClick: () => k("/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: "Browse Opportunities"
+							})
+						}) : /* @__PURE__ */ b("div", {
 							className: "space-y-4",
-							children: j.map((e) => /* @__PURE__ */ b("div", {
+							children: P.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,151 +430,151 @@ 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)]
+													}), D(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", {
+												children: a(e.currentValue, { minimumFractionDigits: 0 })
+											}), /* @__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 }),
+													a(Math.abs(e.returns), { minimumFractionDigits: 0 }),
 													" (",
-													T(e.returnsPercentage),
+													O(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 })
+												children: a(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 })
+												children: a(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, {
+												children: o(e.investmentDate, {
 													hour: void 0,
 													minute: void 0
 												})
 											})] })
 										]
 									}),
-									/* @__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: () => k(`/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(m, { className: "h-4 w-4" }), "View Details"]
+										}), e.status === "active" && /* @__PURE__ */ x("button", {
 											type: "button",
-											onClick: () => V(e.id),
+											onClick: () => W(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(u, { className: "h-4 w-4" }), "Withdraw"]
 										})]
 									})
 								]
 							}, e.id))
 						})] }),
-						D === "transactions" && /* @__PURE__ */ y("div", {
+						A === "transactions" && /* @__PURE__ */ b("div", {
 							className: "space-y-3",
-							children: S.map((e) => /* @__PURE__ */ b("div", {
+							children: T.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-[var(--color-accent-soft)]" : e.type === "dividend" ? "bg-status-success-bg-subtle" : "bg-status-error-bg-subtle"),
-										children: e.type === "investment" ? /* @__PURE__ */ y(v, { className: "h-5 w-5 text-text-primary" }) : 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-text-primary" }) : 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, {
+										children: o(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", {
+										children: [e.type === "dividend" ? "+" : "-", a(e.amount, { minimumFractionDigits: 0 })]
+									}), /* @__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 text-status-success-text" : e.status === "pending" ? "bg-status-warning-bg-subtle text-status-warning-text" : "bg-status-error-bg-subtle text-status-error-text"),
 										children: e.status
 									})]
@@ -564,6 +588,6 @@ function E() {
 	});
 }
 //#endregion
-export { E as InvestorPortfolioPage };
+export { k as InvestorPortfolioPage };
 
 //# sourceMappingURL=InvestorPortfolioPage.js.map