@burdenoff/microfe-coolandlovely 2026.614.1

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

@@ -0,0 +1,569 @@
+import { useCoolAndLovely as e } from "../../context/CoolAndLovelyContext.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";
+//#region src/coolandlovely/pages/investor/InvestorPortfolioPage.tsx
+var x = [
+	{
+		id: "inv-001",
+		cartId: "SERV-001",
+		cartName: "Quick Cuts Salon",
+		cartOwner: "Ravi Kumar",
+		investmentDate: "2023-06-15",
+		amount: 5e4,
+		currentValue: 62500,
+		returns: 12500,
+		returnsPercentage: 25,
+		ownership: 15,
+		status: "active",
+		monthlyRevenue: 185e3,
+		monthlyDividend: 2775,
+		nextPayoutDate: "2024-07-01",
+		riskLevel: "low",
+		category: "Personal Care & Beauty",
+		location: "Indiranagar, Bangalore",
+		performanceMetrics: {
+			monthlyOrders: 1250,
+			averageRating: 4.8,
+			growthRate: 12
+		}
+	},
+	{
+		id: "inv-002",
+		cartId: "SERV-003",
+		cartName: "Fix-It Mobile Repair",
+		cartOwner: "Amit Sharma",
+		investmentDate: "2023-08-20",
+		amount: 3e4,
+		currentValue: 35400,
+		returns: 5400,
+		returnsPercentage: 18,
+		ownership: 10,
+		status: "active",
+		monthlyRevenue: 12e4,
+		monthlyDividend: 1200,
+		nextPayoutDate: "2024-07-01",
+		riskLevel: "medium",
+		category: "Repair & Maintenance",
+		location: "Jayanagar, Bangalore",
+		performanceMetrics: {
+			monthlyOrders: 890,
+			averageRating: 4.6,
+			growthRate: 8
+		}
+	},
+	{
+		id: "inv-003",
+		cartId: "SERV-005",
+		cartName: "Spotless Cleaning Services",
+		cartOwner: "Priya Cleaning",
+		investmentDate: "2023-04-10",
+		amount: 4e4,
+		currentValue: 52e3,
+		returns: 12e3,
+		returnsPercentage: 30,
+		ownership: 20,
+		status: "active",
+		monthlyRevenue: 95e3,
+		monthlyDividend: 1900,
+		nextPayoutDate: "2024-07-01",
+		riskLevel: "low",
+		category: "Home Services",
+		location: "HSR Layout, Bangalore",
+		performanceMetrics: {
+			monthlyOrders: 1450,
+			averageRating: 4.7,
+			growthRate: 15
+		}
+	},
+	{
+		id: "inv-004",
+		cartId: "FOOD-001",
+		cartName: "Dosa Express",
+		cartOwner: "Rajesh Kumar",
+		investmentDate: "2023-10-05",
+		amount: 25e3,
+		currentValue: 27500,
+		returns: 2500,
+		returnsPercentage: 10,
+		ownership: 5,
+		status: "active",
+		monthlyRevenue: 15e4,
+		monthlyDividend: 750,
+		nextPayoutDate: "2024-07-01",
+		riskLevel: "high",
+		category: "Food & Beverage",
+		location: "Koramangala, Bangalore",
+		performanceMetrics: {
+			monthlyOrders: 780,
+			averageRating: 4.5,
+			growthRate: 5
+		}
+	}
+], S = [
+	{
+		id: "txn-001",
+		type: "investment",
+		cartName: "Quick Cuts Salon",
+		amount: 5e4,
+		date: "2023-06-15",
+		status: "completed"
+	},
+	{
+		id: "txn-002",
+		type: "dividend",
+		cartName: "Quick Cuts Salon",
+		amount: 2775,
+		date: "2024-06-01",
+		status: "completed"
+	},
+	{
+		id: "txn-003",
+		type: "dividend",
+		cartName: "Fix-It Mobile Repair",
+		amount: 1200,
+		date: "2024-06-01",
+		status: "completed"
+	},
+	{
+		id: "txn-004",
+		type: "investment",
+		cartName: "Spotless Cleaning Services",
+		amount: 4e4,
+		date: "2023-04-10",
+		status: "completed"
+	},
+	{
+		id: "txn-005",
+		type: "dividend",
+		cartName: "Spotless Cleaning Services",
+		amount: 1900,
+		date: "2024-06-01",
+		status: "pending"
+	}
+], C = [
+	"",
+	"Personal Care & Beauty",
+	"Repair & Maintenance",
+	"Home Services",
+	"Food & Beverage"
+];
+function w(e) {
+	let { color: n, label: r } = {
+		low: {
+			color: "bg-green-500/20 text-green-600 dark:text-green-400",
+			label: "Low Risk"
+		},
+		medium: {
+			color: "bg-yellow-500/20 text-yellow-600 dark:text-yellow-400",
+			label: "Medium Risk"
+		},
+		high: {
+			color: "bg-red-500/20 text-red-600 dark:text-red-400",
+			label: "High Risk"
+		}
+	}[e];
+	return /* @__PURE__ */ y("span", {
+		className: t("rounded-full px-2 py-0.5 text-xs font-medium", n),
+		children: r
+	});
+}
+function T(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 = {
+		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] || {
+		cartName: "",
+		returnsPercentage: 0
+	}), V = 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, {
+		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",
+				children: [
+					/* @__PURE__ */ y(r, {
+						icon: /* @__PURE__ */ y(v, { className: "h-5 w-5" }),
+						value: i(M, { minimumFractionDigits: 0 }),
+						label: "Total Invested",
+						trend: "up",
+						trendValue: `${L} active`
+					}),
+					/* @__PURE__ */ y(r, {
+						icon: /* @__PURE__ */ y(m, { className: "h-5 w-5" }),
+						value: i(N, { minimumFractionDigits: 0 }),
+						label: "Current Value",
+						trend: F > 0 ? "up" : "down",
+						trendValue: T(F)
+					}),
+					/* @__PURE__ */ y(r, {
+						icon: /* @__PURE__ */ y(_, { className: "h-5 w-5" }),
+						value: i(Math.abs(P), { minimumFractionDigits: 0 }),
+						label: "Total Returns",
+						trend: P >= 0 ? "up" : "down",
+						trendValue: T(F)
+					}),
+					/* @__PURE__ */ y(r, {
+						icon: /* @__PURE__ */ y(d, { className: "h-5 w-5" }),
+						value: i(I, { minimumFractionDigits: 0 }),
+						label: "Monthly Dividend",
+						trend: "up",
+						trendValue: "Next: July 1"
+					})
+				]
+			}),
+			/* @__PURE__ */ b("div", {
+				className: "mt-4 grid grid-cols-2 gap-3 lg:grid-cols-4",
+				children: [
+					/* @__PURE__ */ b("div", {
+						className: "rounded-lg border border-border bg-card p-3",
+						children: [/* @__PURE__ */ y("p", {
+							className: "text-xs text-muted-foreground",
+							children: "Active Investments"
+						}), /* @__PURE__ */ y("p", {
+							className: "text-xl font-bold text-foreground",
+							children: L
+						})]
+					}),
+					/* @__PURE__ */ b("div", {
+						className: "rounded-lg border border-border bg-card p-3",
+						children: [/* @__PURE__ */ y("p", {
+							className: "text-xs text-muted-foreground",
+							children: "Avg Risk Score"
+						}), /* @__PURE__ */ b("div", {
+							className: "mt-1 flex items-center gap-2",
+							children: [/* @__PURE__ */ y("div", {
+								className: "h-2 flex-1 rounded-full bg-muted overflow-hidden",
+								children: /* @__PURE__ */ y("div", {
+									className: t("h-full rounded-full", z <= 1.5 ? "bg-green-500" : z <= 2.5 ? "bg-yellow-500" : "bg-red-500"),
+									style: { width: `${z / 3 * 100}%` }
+								})
+							}), /* @__PURE__ */ b("span", {
+								className: "text-sm font-medium text-foreground",
+								children: [z.toFixed(1), "/3"]
+							})]
+						})]
+					}),
+					/* @__PURE__ */ b("div", {
+						className: "rounded-lg border border-border bg-card p-3",
+						children: [
+							/* @__PURE__ */ y("p", {
+								className: "text-xs text-muted-foreground",
+								children: "Best Performer"
+							}),
+							/* @__PURE__ */ y("p", {
+								className: "truncate text-sm font-bold text-foreground",
+								children: B.cartName
+							}),
+							/* @__PURE__ */ y("p", {
+								className: "text-xs text-green-600 dark:text-green-400",
+								children: T(B.returnsPercentage)
+							})
+						]
+					}),
+					/* @__PURE__ */ b("div", {
+						className: "rounded-lg border border-border bg-card p-3",
+						children: [
+							/* @__PURE__ */ y("p", {
+								className: "text-xs text-muted-foreground",
+								children: "Next Payout"
+							}),
+							/* @__PURE__ */ y("p", {
+								className: "text-lg font-bold text-foreground",
+								children: "July 1"
+							}),
+							/* @__PURE__ */ y("p", {
+								className: "text-xs text-muted-foreground",
+								children: "In 7 days"
+							})
+						]
+					})
+				]
+			}),
+			/* @__PURE__ */ b("div", {
+				className: "mt-6 rounded-lg border border-border bg-card shadow-sm",
+				children: [/* @__PURE__ */ y("div", {
+					className: "flex border-b border-border overflow-x-auto",
+					children: [
+						{
+							key: "overview",
+							label: "Overview",
+							Icon: u
+						},
+						{
+							key: "investments",
+							label: `Investments (${j.length})`,
+							Icon: d
+						},
+						{
+							key: "transactions",
+							label: "Transactions",
+							Icon: f
+						}
+					].map(({ key: e, label: n, Icon: r }) => /* @__PURE__ */ b("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-foreground" : "text-muted-foreground hover:text-foreground"),
+						children: [/* @__PURE__ */ y(r, { className: "h-4 w-4" }), n]
+					}, e))
+				}), /* @__PURE__ */ b("div", {
+					className: "p-4",
+					children: [
+						D === "overview" && /* @__PURE__ */ b("div", {
+							className: "space-y-6",
+							children: [/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("h3", {
+								className: "mb-4 text-base font-semibold text-foreground",
+								children: "Portfolio Performance"
+							}), /* @__PURE__ */ b("div", {
+								className: "rounded-lg border border-border bg-muted/50 p-8 text-center",
+								children: [
+									/* @__PURE__ */ y(u, { className: "mx-auto mb-2 h-8 w-8 text-muted-foreground/50" }),
+									/* @__PURE__ */ y("p", {
+										className: "text-sm text-muted-foreground",
+										children: "Performance chart visualization"
+									}),
+									/* @__PURE__ */ y("p", {
+										className: "mt-1 text-xs text-muted-foreground",
+										children: "Shows portfolio value over time"
+									})
+								]
+							})] }), /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("h3", {
+								className: "mb-4 text-base font-semibold text-foreground",
+								children: "Asset Allocation"
+							}), /* @__PURE__ */ y("div", {
+								className: "space-y-3",
+								children: Object.entries(H).map(([e, t]) => /* @__PURE__ */ b("div", {
+									className: "flex items-center",
+									children: [
+										/* @__PURE__ */ y("span", {
+											className: "w-40 truncate text-sm text-foreground",
+											children: e
+										}),
+										/* @__PURE__ */ y("div", {
+											className: "mx-3 h-6 flex-1 rounded-full bg-muted overflow-hidden",
+											children: /* @__PURE__ */ y("div", {
+												className: "flex h-6 items-center justify-end rounded-full bg-primary pr-2",
+												style: { width: `${N > 0 ? t / N * 100 : 0}%` },
+												children: /* @__PURE__ */ b("span", {
+													className: "text-xs font-medium text-primary-foreground",
+													children: [N > 0 ? (t / N * 100).toFixed(1) : 0, "%"]
+												})
+											})
+										}),
+										/* @__PURE__ */ y("span", {
+											className: "ml-2 text-sm font-medium text-foreground",
+											children: i(t, { minimumFractionDigits: 0 })
+										})
+									]
+								}, e))
+							})] })]
+						}),
+						D === "investments" && /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("div", {
+							className: "mb-4",
+							children: /* @__PURE__ */ b("select", {
+								value: k,
+								onChange: (e) => A(e.target.value),
+								className: "rounded-lg border border-border bg-card px-3 py-2 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-ring",
+								children: [/* @__PURE__ */ y("option", {
+									value: "",
+									children: "All Categories"
+								}), C.filter(Boolean).map((e) => /* @__PURE__ */ y("option", {
+									value: e,
+									children: e
+								}, e))]
+							})
+						}), /* @__PURE__ */ y("div", {
+							className: "space-y-4",
+							children: j.map((e) => /* @__PURE__ */ b("div", {
+								className: "rounded-lg border border-border p-4 hover:bg-accent/50 transition-colors",
+								children: [
+									/* @__PURE__ */ b("div", {
+										className: "mb-4 flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between",
+										children: [/* @__PURE__ */ b("div", {
+											className: "flex-1",
+											children: [
+												/* @__PURE__ */ y("h4", {
+													className: "text-base font-semibold text-foreground",
+													children: e.cartName
+												}),
+												/* @__PURE__ */ b("p", {
+													className: "text-sm text-muted-foreground",
+													children: [
+														"Owned by ",
+														e.cartOwner,
+														" • ",
+														e.location
+													]
+												}),
+												/* @__PURE__ */ b("div", {
+													className: "mt-2 flex flex-wrap items-center gap-2",
+													children: [/* @__PURE__ */ y("span", {
+														className: "text-sm text-muted-foreground",
+														children: e.category
+													}), w(e.riskLevel)]
+												})
+											]
+										}), /* @__PURE__ */ b("div", {
+											className: "text-left sm:text-right",
+											children: [/* @__PURE__ */ y("p", {
+												className: "text-xl font-bold text-foreground",
+												children: i(e.currentValue, { minimumFractionDigits: 0 })
+											}), /* @__PURE__ */ b("p", {
+												className: t("text-sm", e.returns > 0 ? "text-green-600 dark:text-green-400" : "text-red-600 dark:text-red-400"),
+												children: [
+													i(Math.abs(e.returns), { minimumFractionDigits: 0 }),
+													" (",
+													T(e.returnsPercentage),
+													")"
+												]
+											})]
+										})]
+									}),
+									/* @__PURE__ */ b("div", {
+										className: "mb-4 grid grid-cols-2 gap-3 lg:grid-cols-4",
+										children: [
+											/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
+												className: "text-xs text-muted-foreground",
+												children: "Invested"
+											}), /* @__PURE__ */ y("p", {
+												className: "text-sm font-medium text-foreground",
+												children: i(e.amount, { minimumFractionDigits: 0 })
+											})] }),
+											/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
+												className: "text-xs text-muted-foreground",
+												children: "Ownership"
+											}), /* @__PURE__ */ b("p", {
+												className: "text-sm font-medium text-foreground",
+												children: [e.ownership, "%"]
+											})] }),
+											/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
+												className: "text-xs text-muted-foreground",
+												children: "Monthly Dividend"
+											}), /* @__PURE__ */ y("p", {
+												className: "text-sm font-medium text-foreground",
+												children: i(e.monthlyDividend, { minimumFractionDigits: 0 })
+											})] }),
+											/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
+												className: "text-xs text-muted-foreground",
+												children: "Investment Date"
+											}), /* @__PURE__ */ y("p", {
+												className: "text-sm font-medium text-foreground",
+												children: a(e.investmentDate, {
+													hour: void 0,
+													minute: void 0
+												})
+											})] })
+										]
+									}),
+									/* @__PURE__ */ b("div", {
+										className: "border-t border-border pt-4",
+										children: [/* @__PURE__ */ y("p", {
+											className: "mb-2 text-sm font-medium text-muted-foreground",
+											children: "Performance Metrics"
+										}), /* @__PURE__ */ b("div", {
+											className: "grid grid-cols-3 gap-3 text-center",
+											children: [
+												/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
+													className: "text-lg font-bold text-foreground",
+													children: e.performanceMetrics.monthlyOrders
+												}), /* @__PURE__ */ y("p", {
+													className: "text-xs text-muted-foreground",
+													children: "Monthly Orders"
+												})] }),
+												/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ b("div", {
+													className: "flex items-center justify-center gap-1",
+													children: [/* @__PURE__ */ y(h, { className: "h-4 w-4 fill-yellow-400 text-yellow-400" }), /* @__PURE__ */ y("p", {
+														className: "text-lg font-bold text-foreground",
+														children: e.performanceMetrics.averageRating
+													})]
+												}), /* @__PURE__ */ y("p", {
+													className: "text-xs text-muted-foreground",
+													children: "Rating"
+												})] }),
+												/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ b("p", {
+													className: "text-lg font-bold text-green-600 dark:text-green-400",
+													children: [
+														"+",
+														e.performanceMetrics.growthRate,
+														"%"
+													]
+												}), /* @__PURE__ */ y("p", {
+													className: "text-xs text-muted-foreground",
+													children: "Growth Rate"
+												})] })
+											]
+										})]
+									}),
+									/* @__PURE__ */ b("div", {
+										className: "mt-4 flex flex-wrap gap-2",
+										children: [/* @__PURE__ */ b("button", {
+											type: "button",
+											onClick: () => E(`/investor/investments/${e.id}`),
+											className: "flex items-center gap-2 rounded-lg border border-border px-3 py-2 text-sm font-medium text-foreground hover:bg-accent transition-colors",
+											children: [/* @__PURE__ */ y(p, { className: "h-4 w-4" }), "View Details"]
+										}), e.status === "active" && /* @__PURE__ */ b("button", {
+											type: "button",
+											onClick: () => V(e.id),
+											className: "flex items-center gap-2 rounded-lg border border-border px-3 py-2 text-sm font-medium text-foreground hover:bg-accent transition-colors",
+											children: [/* @__PURE__ */ y(l, { className: "h-4 w-4" }), "Withdraw"]
+										})]
+									})
+								]
+							}, e.id))
+						})] }),
+						D === "transactions" && /* @__PURE__ */ y("div", {
+							className: "space-y-3",
+							children: S.map((e) => /* @__PURE__ */ b("div", {
+								className: "flex flex-col gap-3 rounded-lg border border-border p-4 hover:bg-accent/50 transition-colors sm:flex-row sm:items-center sm:justify-between",
+								children: [/* @__PURE__ */ b("div", {
+									className: "flex items-center gap-3",
+									children: [/* @__PURE__ */ y("div", {
+										className: t("flex h-10 w-10 shrink-0 items-center justify-center rounded-full", e.type === "investment" ? "bg-blue-500/10" : e.type === "dividend" ? "bg-green-500/10" : "bg-red-500/10"),
+										children: e.type === "investment" ? /* @__PURE__ */ y(v, { className: "h-5 w-5 text-blue-600 dark:text-blue-400" }) : e.type === "dividend" ? /* @__PURE__ */ y(_, { className: "h-5 w-5 text-green-600 dark:text-green-400" }) : /* @__PURE__ */ y(g, { className: "h-5 w-5 text-red-600 dark:text-red-400" })
+									}), /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ b("p", {
+										className: "text-sm font-medium text-foreground",
+										children: [
+											e.type === "investment" ? "Investment in" : e.type === "dividend" ? "Dividend from" : "Withdrawal from",
+											" ",
+											e.cartName
+										]
+									}), /* @__PURE__ */ y("p", {
+										className: "text-xs text-muted-foreground",
+										children: a(e.date, {
+											hour: void 0,
+											minute: void 0
+										})
+									})] })]
+								}), /* @__PURE__ */ b("div", {
+									className: "flex items-center justify-between sm:gap-4",
+									children: [/* @__PURE__ */ b("p", {
+										className: t("text-sm font-bold", e.type === "dividend" ? "text-green-600 dark:text-green-400" : "text-foreground"),
+										children: [e.type === "dividend" ? "+" : "-", i(e.amount, { minimumFractionDigits: 0 })]
+									}), /* @__PURE__ */ y("span", {
+										className: t("rounded-full px-2.5 py-0.5 text-xs font-medium", e.status === "completed" ? "bg-green-500/20 text-green-600 dark:text-green-400" : e.status === "pending" ? "bg-yellow-500/20 text-yellow-600 dark:text-yellow-400" : "bg-red-500/20 text-red-600 dark:text-red-400"),
+										children: e.status
+									})]
+								})]
+							}, e.id))
+						})
+					]
+				})]
+			})
+		]
+	});
+}
+//#endregion
+export { E as InvestorPortfolioPage };
+
+//# sourceMappingURL=InvestorPortfolioPage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InvestorPortfolioPage.js","names":[],"sources":["../../../../src/coolandlovely/pages/investor/InvestorPortfolioPage.tsx"],"sourcesContent":["/**\n * Investor Portfolio Page\n * @module coolandlovely/pages/investor\n *\n * Portfolio summary cards, 3-tab UI (overview/investments/transactions),\n * asset allocation bars, category filter, transactions list, withdrawal action,\n * and performance metrics per investment.\n */\n\nimport { useState, useCallback, useMemo } from 'react';\nimport {\n  Wallet,\n  TrendingUp,\n  TrendingDown,\n  Briefcase,\n  IndianRupee,\n  Star,\n  Eye,\n  ArrowDownCircle,\n  BarChart3,\n  CreditCard,\n  LayoutList,\n} from 'lucide-react';\nimport { PageLayout } from '../../components/PageLayout';\nimport { MetricsCard } from '../../components/MetricsCard';\nimport { useCoolAndLovely } from '../../context/CoolAndLovelyContext';\nimport { cn } from '../../utils/cn';\nimport { formatCurrency, formatDate } from '../../utils/formatters';\n\n// ---------------------------------------------------------------------------\n// Types & mock data\n// ---------------------------------------------------------------------------\n\ninterface Investment {\n  id: string;\n  cartId: string;\n  cartName: string;\n  cartOwner: string;\n  investmentDate: string;\n  amount: number;\n  currentValue: number;\n  returns: number;\n  returnsPercentage: number;\n  ownership: number;\n  status: 'active' | 'matured' | 'exited';\n  monthlyRevenue: number;\n  monthlyDividend: number;\n  nextPayoutDate: string;\n  riskLevel: 'low' | 'medium' | 'high';\n  category: string;\n  location: string;\n  performanceMetrics: {\n    monthlyOrders: number;\n    averageRating: number;\n    growthRate: number;\n  };\n}\n\ninterface Transaction {\n  id: string;\n  type: 'investment' | 'dividend' | 'withdrawal';\n  cartName: string;\n  amount: number;\n  date: string;\n  status: 'completed' | 'pending' | 'failed';\n}\n\nconst mockInvestments: Investment[] = [\n  {\n    id: 'inv-001',\n    cartId: 'SERV-001',\n    cartName: 'Quick Cuts Salon',\n    cartOwner: 'Ravi Kumar',\n    investmentDate: '2023-06-15',\n    amount: 50000,\n    currentValue: 62500,\n    returns: 12500,\n    returnsPercentage: 25,\n    ownership: 15,\n    status: 'active',\n    monthlyRevenue: 185000,\n    monthlyDividend: 2775,\n    nextPayoutDate: '2024-07-01',\n    riskLevel: 'low',\n    category: 'Personal Care & Beauty',\n    location: 'Indiranagar, Bangalore',\n    performanceMetrics: { monthlyOrders: 1250, averageRating: 4.8, growthRate: 12 },\n  },\n  {\n    id: 'inv-002',\n    cartId: 'SERV-003',\n    cartName: 'Fix-It Mobile Repair',\n    cartOwner: 'Amit Sharma',\n    investmentDate: '2023-08-20',\n    amount: 30000,\n    currentValue: 35400,\n    returns: 5400,\n    returnsPercentage: 18,\n    ownership: 10,\n    status: 'active',\n    monthlyRevenue: 120000,\n    monthlyDividend: 1200,\n    nextPayoutDate: '2024-07-01',\n    riskLevel: 'medium',\n    category: 'Repair & Maintenance',\n    location: 'Jayanagar, Bangalore',\n    performanceMetrics: { monthlyOrders: 890, averageRating: 4.6, growthRate: 8 },\n  },\n  {\n    id: 'inv-003',\n    cartId: 'SERV-005',\n    cartName: 'Spotless Cleaning Services',\n    cartOwner: 'Priya Cleaning',\n    investmentDate: '2023-04-10',\n    amount: 40000,\n    currentValue: 52000,\n    returns: 12000,\n    returnsPercentage: 30,\n    ownership: 20,\n    status: 'active',\n    monthlyRevenue: 95000,\n    monthlyDividend: 1900,\n    nextPayoutDate: '2024-07-01',\n    riskLevel: 'low',\n    category: 'Home Services',\n    location: 'HSR Layout, Bangalore',\n    performanceMetrics: { monthlyOrders: 1450, averageRating: 4.7, growthRate: 15 },\n  },\n  {\n    id: 'inv-004',\n    cartId: 'FOOD-001',\n    cartName: 'Dosa Express',\n    cartOwner: 'Rajesh Kumar',\n    investmentDate: '2023-10-05',\n    amount: 25000,\n    currentValue: 27500,\n    returns: 2500,\n    returnsPercentage: 10,\n    ownership: 5,\n    status: 'active',\n    monthlyRevenue: 150000,\n    monthlyDividend: 750,\n    nextPayoutDate: '2024-07-01',\n    riskLevel: 'high',\n    category: 'Food & Beverage',\n    location: 'Koramangala, Bangalore',\n    performanceMetrics: { monthlyOrders: 780, averageRating: 4.5, growthRate: 5 },\n  },\n];\n\nconst mockTransactions: Transaction[] = [\n  {\n    id: 'txn-001',\n    type: 'investment',\n    cartName: 'Quick Cuts Salon',\n    amount: 50000,\n    date: '2023-06-15',\n    status: 'completed',\n  },\n  {\n    id: 'txn-002',\n    type: 'dividend',\n    cartName: 'Quick Cuts Salon',\n    amount: 2775,\n    date: '2024-06-01',\n    status: 'completed',\n  },\n  {\n    id: 'txn-003',\n    type: 'dividend',\n    cartName: 'Fix-It Mobile Repair',\n    amount: 1200,\n    date: '2024-06-01',\n    status: 'completed',\n  },\n  {\n    id: 'txn-004',\n    type: 'investment',\n    cartName: 'Spotless Cleaning Services',\n    amount: 40000,\n    date: '2023-04-10',\n    status: 'completed',\n  },\n  {\n    id: 'txn-005',\n    type: 'dividend',\n    cartName: 'Spotless Cleaning Services',\n    amount: 1900,\n    date: '2024-06-01',\n    status: 'pending',\n  },\n];\n\nconst categories = [\n  '',\n  'Personal Care & Beauty',\n  'Repair & Maintenance',\n  'Home Services',\n  'Food & Beverage',\n];\n\n// ---------------------------------------------------------------------------\n// Helpers\n// ---------------------------------------------------------------------------\n\nfunction getRiskBadge(risk: Investment['riskLevel']) {\n  const map = {\n    low: { color: 'bg-green-500/20 text-green-600 dark:text-green-400', label: 'Low Risk' },\n    medium: {\n      color: 'bg-yellow-500/20 text-yellow-600 dark:text-yellow-400',\n      label: 'Medium Risk',\n    },\n    high: { color: 'bg-red-500/20 text-red-600 dark:text-red-400', label: 'High Risk' },\n  };\n  const { color, label } = map[risk];\n  return <span className={cn('rounded-full px-2 py-0.5 text-xs font-medium', color)}>{label}</span>;\n}\n\nfunction fmtPct(value: number) {\n  return `${value > 0 ? '+' : ''}${value.toFixed(1)}%`;\n}\n\n// ---------------------------------------------------------------------------\n// Component\n// ---------------------------------------------------------------------------\n\nexport function InvestorPortfolioPage() {\n  const { navigateTo } = useCoolAndLovely();\n  const [activeTab, setActiveTab] = useState<'overview' | 'investments' | 'transactions'>(\n    'overview'\n  );\n  const [filterCategory, setFilterCategory] = useState('');\n\n  const filteredInvestments = useMemo(() => {\n    if (!filterCategory) return mockInvestments;\n    return mockInvestments.filter((inv) => inv.category === filterCategory);\n  }, [filterCategory]);\n\n  const totalInvested = filteredInvestments.reduce((s, i) => s + i.amount, 0);\n  const currentValue = filteredInvestments.reduce((s, i) => s + i.currentValue, 0);\n  const totalReturns = currentValue - totalInvested;\n  const returnsPercentage = totalInvested > 0 ? (totalReturns / totalInvested) * 100 : 0;\n  const monthlyDividend = filteredInvestments.reduce((s, i) => s + i.monthlyDividend, 0);\n  const activeCount = filteredInvestments.filter((i) => i.status === 'active').length;\n\n  const riskScores: Record<string, number> = { low: 1, medium: 2, high: 3 };\n  const avgRiskScore =\n    filteredInvestments.length > 0\n      ? filteredInvestments.reduce((s, i) => s + riskScores[i.riskLevel], 0) /\n        filteredInvestments.length\n      : 0;\n\n  const bestPerformer = filteredInvestments.reduce(\n    (best, inv) => (inv.returnsPercentage > best.returnsPercentage ? inv : best),\n    filteredInvestments[0] || { cartName: '', returnsPercentage: 0 }\n  );\n\n  const handleWithdraw = useCallback((investmentId: string) => {\n    alert(`Withdrawal request submitted for ${investmentId}`);\n  }, []);\n\n  // Asset allocation\n  const allocationMap = filteredInvestments.reduce<Record<string, number>>((acc, inv) => {\n    acc[inv.category] = (acc[inv.category] || 0) + inv.currentValue;\n    return acc;\n  }, {});\n\n  return (\n    <PageLayout title=\"My Portfolio\" description=\"Track your investment performance and holdings\">\n      {/* Summary Cards */}\n      <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4\">\n        <MetricsCard\n          icon={<Wallet className=\"h-5 w-5\" />}\n          value={formatCurrency(totalInvested, { minimumFractionDigits: 0 })}\n          label=\"Total Invested\"\n          trend=\"up\"\n          trendValue={`${activeCount} active`}\n        />\n        <MetricsCard\n          icon={<IndianRupee className=\"h-5 w-5\" />}\n          value={formatCurrency(currentValue, { minimumFractionDigits: 0 })}\n          label=\"Current Value\"\n          trend={returnsPercentage > 0 ? 'up' : 'down'}\n          trendValue={fmtPct(returnsPercentage)}\n        />\n        <MetricsCard\n          icon={<TrendingUp className=\"h-5 w-5\" />}\n          value={formatCurrency(Math.abs(totalReturns), { minimumFractionDigits: 0 })}\n          label=\"Total Returns\"\n          trend={totalReturns >= 0 ? 'up' : 'down'}\n          trendValue={fmtPct(returnsPercentage)}\n        />\n        <MetricsCard\n          icon={<Briefcase className=\"h-5 w-5\" />}\n          value={formatCurrency(monthlyDividend, { minimumFractionDigits: 0 })}\n          label=\"Monthly Dividend\"\n          trend=\"up\"\n          trendValue=\"Next: July 1\"\n        />\n      </div>\n\n      {/* Additional Stats */}\n      <div className=\"mt-4 grid grid-cols-2 gap-3 lg:grid-cols-4\">\n        <div className=\"rounded-lg border border-border bg-card p-3\">\n          <p className=\"text-xs text-muted-foreground\">Active Investments</p>\n          <p className=\"text-xl font-bold text-foreground\">{activeCount}</p>\n        </div>\n        <div className=\"rounded-lg border border-border bg-card p-3\">\n          <p className=\"text-xs text-muted-foreground\">Avg Risk Score</p>\n          <div className=\"mt-1 flex items-center gap-2\">\n            <div className=\"h-2 flex-1 rounded-full bg-muted overflow-hidden\">\n              <div\n                className={cn(\n                  'h-full rounded-full',\n                  avgRiskScore <= 1.5\n                    ? 'bg-green-500'\n                    : avgRiskScore <= 2.5\n                      ? 'bg-yellow-500'\n                      : 'bg-red-500'\n                )}\n                style={{ width: `${(avgRiskScore / 3) * 100}%` }}\n              />\n            </div>\n            <span className=\"text-sm font-medium text-foreground\">{avgRiskScore.toFixed(1)}/3</span>\n          </div>\n        </div>\n        <div className=\"rounded-lg border border-border bg-card p-3\">\n          <p className=\"text-xs text-muted-foreground\">Best Performer</p>\n          <p className=\"truncate text-sm font-bold text-foreground\">{bestPerformer.cartName}</p>\n          <p className=\"text-xs text-green-600 dark:text-green-400\">\n            {fmtPct(bestPerformer.returnsPercentage)}\n          </p>\n        </div>\n        <div className=\"rounded-lg border border-border bg-card p-3\">\n          <p className=\"text-xs text-muted-foreground\">Next Payout</p>\n          <p className=\"text-lg font-bold text-foreground\">July 1</p>\n          <p className=\"text-xs text-muted-foreground\">In 7 days</p>\n        </div>\n      </div>\n\n      {/* Tabs */}\n      <div className=\"mt-6 rounded-lg border border-border bg-card shadow-sm\">\n        <div className=\"flex border-b border-border overflow-x-auto\">\n          {(\n            [\n              { key: 'overview', label: 'Overview', Icon: BarChart3 },\n              {\n                key: 'investments',\n                label: `Investments (${filteredInvestments.length})`,\n                Icon: Briefcase,\n              },\n              { key: 'transactions', label: 'Transactions', Icon: CreditCard },\n            ] as const\n          ).map(({ key, label, Icon }) => (\n            <button\n              key={key}\n              type=\"button\"\n              onClick={() => setActiveTab(key)}\n              className={cn(\n                'flex items-center gap-2 whitespace-nowrap px-4 py-3 text-sm font-medium transition-colors',\n                activeTab === key\n                  ? 'border-b-2 border-primary text-foreground'\n                  : 'text-muted-foreground hover:text-foreground'\n              )}\n            >\n              <Icon className=\"h-4 w-4\" />\n              {label}\n            </button>\n          ))}\n        </div>\n\n        <div className=\"p-4\">\n          {/* Overview Tab */}\n          {activeTab === 'overview' && (\n            <div className=\"space-y-6\">\n              {/* Performance placeholder */}\n              <div>\n                <h3 className=\"mb-4 text-base font-semibold text-foreground\">\n                  Portfolio Performance\n                </h3>\n                <div className=\"rounded-lg border border-border bg-muted/50 p-8 text-center\">\n                  <BarChart3 className=\"mx-auto mb-2 h-8 w-8 text-muted-foreground/50\" />\n                  <p className=\"text-sm text-muted-foreground\">Performance chart visualization</p>\n                  <p className=\"mt-1 text-xs text-muted-foreground\">\n                    Shows portfolio value over time\n                  </p>\n                </div>\n              </div>\n\n              {/* Asset Allocation */}\n              <div>\n                <h3 className=\"mb-4 text-base font-semibold text-foreground\">Asset Allocation</h3>\n                <div className=\"space-y-3\">\n                  {Object.entries(allocationMap).map(([category, value]) => (\n                    <div key={category} className=\"flex items-center\">\n                      <span className=\"w-40 truncate text-sm text-foreground\">{category}</span>\n                      <div className=\"mx-3 h-6 flex-1 rounded-full bg-muted overflow-hidden\">\n                        <div\n                          className=\"flex h-6 items-center justify-end rounded-full bg-primary pr-2\"\n                          style={{\n                            width: `${currentValue > 0 ? (value / currentValue) * 100 : 0}%`,\n                          }}\n                        >\n                          <span className=\"text-xs font-medium text-primary-foreground\">\n                            {currentValue > 0 ? ((value / currentValue) * 100).toFixed(1) : 0}%\n                          </span>\n                        </div>\n                      </div>\n                      <span className=\"ml-2 text-sm font-medium text-foreground\">\n                        {formatCurrency(value, { minimumFractionDigits: 0 })}\n                      </span>\n                    </div>\n                  ))}\n                </div>\n              </div>\n            </div>\n          )}\n\n          {/* Investments Tab */}\n          {activeTab === 'investments' && (\n            <div>\n              {/* Category filter */}\n              <div className=\"mb-4\">\n                <select\n                  value={filterCategory}\n                  onChange={(e) => setFilterCategory(e.target.value)}\n                  className=\"rounded-lg border border-border bg-card px-3 py-2 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-ring\"\n                >\n                  <option value=\"\">All Categories</option>\n                  {categories.filter(Boolean).map((cat) => (\n                    <option key={cat} value={cat}>\n                      {cat}\n                    </option>\n                  ))}\n                </select>\n              </div>\n\n              {/* Investment list */}\n              <div className=\"space-y-4\">\n                {filteredInvestments.map((inv) => (\n                  <div\n                    key={inv.id}\n                    className=\"rounded-lg border border-border p-4 hover:bg-accent/50 transition-colors\"\n                  >\n                    <div className=\"mb-4 flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between\">\n                      <div className=\"flex-1\">\n                        <h4 className=\"text-base font-semibold text-foreground\">{inv.cartName}</h4>\n                        <p className=\"text-sm text-muted-foreground\">\n                          Owned by {inv.cartOwner} &bull; {inv.location}\n                        </p>\n                        <div className=\"mt-2 flex flex-wrap items-center gap-2\">\n                          <span className=\"text-sm text-muted-foreground\">{inv.category}</span>\n                          {getRiskBadge(inv.riskLevel)}\n                        </div>\n                      </div>\n                      <div className=\"text-left sm:text-right\">\n                        <p className=\"text-xl font-bold text-foreground\">\n                          {formatCurrency(inv.currentValue, { minimumFractionDigits: 0 })}\n                        </p>\n                        <p\n                          className={cn(\n                            'text-sm',\n                            inv.returns > 0\n                              ? 'text-green-600 dark:text-green-400'\n                              : 'text-red-600 dark:text-red-400'\n                          )}\n                        >\n                          {formatCurrency(Math.abs(inv.returns), { minimumFractionDigits: 0 })} (\n                          {fmtPct(inv.returnsPercentage)})\n                        </p>\n                      </div>\n                    </div>\n\n                    <div className=\"mb-4 grid grid-cols-2 gap-3 lg:grid-cols-4\">\n                      <div>\n                        <p className=\"text-xs text-muted-foreground\">Invested</p>\n                        <p className=\"text-sm font-medium text-foreground\">\n                          {formatCurrency(inv.amount, { minimumFractionDigits: 0 })}\n                        </p>\n                      </div>\n                      <div>\n                        <p className=\"text-xs text-muted-foreground\">Ownership</p>\n                        <p className=\"text-sm font-medium text-foreground\">{inv.ownership}%</p>\n                      </div>\n                      <div>\n                        <p className=\"text-xs text-muted-foreground\">Monthly Dividend</p>\n                        <p className=\"text-sm font-medium text-foreground\">\n                          {formatCurrency(inv.monthlyDividend, { minimumFractionDigits: 0 })}\n                        </p>\n                      </div>\n                      <div>\n                        <p className=\"text-xs text-muted-foreground\">Investment Date</p>\n                        <p className=\"text-sm font-medium text-foreground\">\n                          {formatDate(inv.investmentDate, { hour: undefined, minute: undefined })}\n                        </p>\n                      </div>\n                    </div>\n\n                    {/* Performance metrics */}\n                    <div className=\"border-t border-border pt-4\">\n                      <p className=\"mb-2 text-sm font-medium text-muted-foreground\">\n                        Performance Metrics\n                      </p>\n                      <div className=\"grid grid-cols-3 gap-3 text-center\">\n                        <div>\n                          <p className=\"text-lg font-bold text-foreground\">\n                            {inv.performanceMetrics.monthlyOrders}\n                          </p>\n                          <p className=\"text-xs text-muted-foreground\">Monthly Orders</p>\n                        </div>\n                        <div>\n                          <div className=\"flex items-center justify-center gap-1\">\n                            <Star className=\"h-4 w-4 fill-yellow-400 text-yellow-400\" />\n                            <p className=\"text-lg font-bold text-foreground\">\n                              {inv.performanceMetrics.averageRating}\n                            </p>\n                          </div>\n                          <p className=\"text-xs text-muted-foreground\">Rating</p>\n                        </div>\n                        <div>\n                          <p className=\"text-lg font-bold text-green-600 dark:text-green-400\">\n                            +{inv.performanceMetrics.growthRate}%\n                          </p>\n                          <p className=\"text-xs text-muted-foreground\">Growth Rate</p>\n                        </div>\n                      </div>\n                    </div>\n\n                    {/* Actions */}\n                    <div className=\"mt-4 flex flex-wrap gap-2\">\n                      <button\n                        type=\"button\"\n                        onClick={() => navigateTo(`/investor/investments/${inv.id}`)}\n                        className=\"flex items-center gap-2 rounded-lg border border-border px-3 py-2 text-sm font-medium text-foreground hover:bg-accent transition-colors\"\n                      >\n                        <Eye className=\"h-4 w-4\" />\n                        View Details\n                      </button>\n                      {inv.status === 'active' && (\n                        <button\n                          type=\"button\"\n                          onClick={() => handleWithdraw(inv.id)}\n                          className=\"flex items-center gap-2 rounded-lg border border-border px-3 py-2 text-sm font-medium text-foreground hover:bg-accent transition-colors\"\n                        >\n                          <ArrowDownCircle className=\"h-4 w-4\" />\n                          Withdraw\n                        </button>\n                      )}\n                    </div>\n                  </div>\n                ))}\n              </div>\n            </div>\n          )}\n\n          {/* Transactions Tab */}\n          {activeTab === 'transactions' && (\n            <div className=\"space-y-3\">\n              {mockTransactions.map((txn) => (\n                <div\n                  key={txn.id}\n                  className=\"flex flex-col gap-3 rounded-lg border border-border p-4 hover:bg-accent/50 transition-colors sm:flex-row sm:items-center sm:justify-between\"\n                >\n                  <div className=\"flex items-center gap-3\">\n                    <div\n                      className={cn(\n                        'flex h-10 w-10 shrink-0 items-center justify-center rounded-full',\n                        txn.type === 'investment'\n                          ? 'bg-blue-500/10'\n                          : txn.type === 'dividend'\n                            ? 'bg-green-500/10'\n                            : 'bg-red-500/10'\n                      )}\n                    >\n                      {txn.type === 'investment' ? (\n                        <Wallet className=\"h-5 w-5 text-blue-600 dark:text-blue-400\" />\n                      ) : txn.type === 'dividend' ? (\n                        <TrendingUp className=\"h-5 w-5 text-green-600 dark:text-green-400\" />\n                      ) : (\n                        <TrendingDown className=\"h-5 w-5 text-red-600 dark:text-red-400\" />\n                      )}\n                    </div>\n                    <div>\n                      <p className=\"text-sm font-medium text-foreground\">\n                        {txn.type === 'investment'\n                          ? 'Investment in'\n                          : txn.type === 'dividend'\n                            ? 'Dividend from'\n                            : 'Withdrawal from'}{' '}\n                        {txn.cartName}\n                      </p>\n                      <p className=\"text-xs text-muted-foreground\">\n                        {formatDate(txn.date, { hour: undefined, minute: undefined })}\n                      </p>\n                    </div>\n                  </div>\n                  <div className=\"flex items-center justify-between sm:gap-4\">\n                    <p\n                      className={cn(\n                        'text-sm font-bold',\n                        txn.type === 'dividend'\n                          ? 'text-green-600 dark:text-green-400'\n                          : 'text-foreground'\n                      )}\n                    >\n                      {txn.type === 'dividend' ? '+' : '-'}\n                      {formatCurrency(txn.amount, { minimumFractionDigits: 0 })}\n                    </p>\n                    <span\n                      className={cn(\n                        'rounded-full px-2.5 py-0.5 text-xs font-medium',\n                        txn.status === 'completed'\n                          ? 'bg-green-500/20 text-green-600 dark:text-green-400'\n                          : txn.status === 'pending'\n                            ? 'bg-yellow-500/20 text-yellow-600 dark:text-yellow-400'\n                            : 'bg-red-500/20 text-red-600 dark:text-red-400'\n                      )}\n                    >\n                      {txn.status}\n                    </span>\n                  </div>\n                </div>\n              ))}\n            </div>\n          )}\n        </div>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;;AAmEA,IAAM,IAAgC;CACpC;EACE,IAAI;EACJ,QAAQ;EACR,UAAU;EACV,WAAW;EACX,gBAAgB;EAChB,QAAQ;EACR,cAAc;EACd,SAAS;EACT,mBAAmB;EACnB,WAAW;EACX,QAAQ;EACR,gBAAgB;EAChB,iBAAiB;EACjB,gBAAgB;EAChB,WAAW;EACX,UAAU;EACV,UAAU;EACV,oBAAoB;GAAE,eAAe;GAAM,eAAe;GAAK,YAAY;GAAI;EAChF;CACD;EACE,IAAI;EACJ,QAAQ;EACR,UAAU;EACV,WAAW;EACX,gBAAgB;EAChB,QAAQ;EACR,cAAc;EACd,SAAS;EACT,mBAAmB;EACnB,WAAW;EACX,QAAQ;EACR,gBAAgB;EAChB,iBAAiB;EACjB,gBAAgB;EAChB,WAAW;EACX,UAAU;EACV,UAAU;EACV,oBAAoB;GAAE,eAAe;GAAK,eAAe;GAAK,YAAY;GAAG;EAC9E;CACD;EACE,IAAI;EACJ,QAAQ;EACR,UAAU;EACV,WAAW;EACX,gBAAgB;EAChB,QAAQ;EACR,cAAc;EACd,SAAS;EACT,mBAAmB;EACnB,WAAW;EACX,QAAQ;EACR,gBAAgB;EAChB,iBAAiB;EACjB,gBAAgB;EAChB,WAAW;EACX,UAAU;EACV,UAAU;EACV,oBAAoB;GAAE,eAAe;GAAM,eAAe;GAAK,YAAY;GAAI;EAChF;CACD;EACE,IAAI;EACJ,QAAQ;EACR,UAAU;EACV,WAAW;EACX,gBAAgB;EAChB,QAAQ;EACR,cAAc;EACd,SAAS;EACT,mBAAmB;EACnB,WAAW;EACX,QAAQ;EACR,gBAAgB;EAChB,iBAAiB;EACjB,gBAAgB;EAChB,WAAW;EACX,UAAU;EACV,UAAU;EACV,oBAAoB;GAAE,eAAe;GAAK,eAAe;GAAK,YAAY;GAAG;EAC9E;CACF,EAEK,IAAkC;CACtC;EACE,IAAI;EACJ,MAAM;EACN,UAAU;EACV,QAAQ;EACR,MAAM;EACN,QAAQ;EACT;CACD;EACE,IAAI;EACJ,MAAM;EACN,UAAU;EACV,QAAQ;EACR,MAAM;EACN,QAAQ;EACT;CACD;EACE,IAAI;EACJ,MAAM;EACN,UAAU;EACV,QAAQ;EACR,MAAM;EACN,QAAQ;EACT;CACD;EACE,IAAI;EACJ,MAAM;EACN,UAAU;EACV,QAAQ;EACR,MAAM;EACN,QAAQ;EACT;CACD;EACE,IAAI;EACJ,MAAM;EACN,UAAU;EACV,QAAQ;EACR,MAAM;EACN,QAAQ;EACT;CACF,EAEK,IAAa;CACjB;CACA;CACA;CACA;CACA;CACD;AAMD,SAAS,EAAa,GAA+B;CASnD,IAAM,EAAE,UAAO,aARH;EACV,KAAK;GAAE,OAAO;GAAsD,OAAO;GAAY;EACvF,QAAQ;GACN,OAAO;GACP,OAAO;GACR;EACD,MAAM;GAAE,OAAO;GAAgD,OAAO;GAAa;EACpF,CAC4B;AAC7B,QAAO,kBAAC,QAAD;EAAM,WAAW,EAAG,gDAAgD,EAAM;YAAG;EAAa,CAAA;;AAGnG,SAAS,EAAO,GAAe;AAC7B,QAAO,GAAG,IAAQ,IAAI,MAAM,KAAK,EAAM,QAAQ,EAAE,CAAC;;AAOpD,SAAgB,IAAwB;CACtC,IAAM,EAAE,kBAAe,GAAkB,EACnC,CAAC,GAAW,KAAgB,EAChC,WACD,EACK,CAAC,GAAgB,KAAqB,EAAS,GAAG,EAElD,IAAsB,QACrB,IACE,EAAgB,QAAQ,MAAQ,EAAI,aAAa,EAAe,GAD3C,GAE3B,CAAC,EAAe,CAAC,EAEd,IAAgB,EAAoB,QAAQ,GAAG,MAAM,IAAI,EAAE,QAAQ,EAAE,EACrE,IAAe,EAAoB,QAAQ,GAAG,MAAM,IAAI,EAAE,cAAc,EAAE,EAC1E,IAAe,IAAe,GAC9B,IAAoB,IAAgB,IAAK,IAAe,IAAiB,MAAM,GAC/E,IAAkB,EAAoB,QAAQ,GAAG,MAAM,IAAI,EAAE,iBAAiB,EAAE,EAChF,IAAc,EAAoB,QAAQ,MAAM,EAAE,WAAW,SAAS,CAAC,QAEvE,IAAqC;EAAE,KAAK;EAAG,QAAQ;EAAG,MAAM;EAAG,EACnE,IACJ,EAAoB,SAAS,IACzB,EAAoB,QAAQ,GAAG,MAAM,IAAI,EAAW,EAAE,YAAY,EAAE,GACpE,EAAoB,SACpB,GAEA,IAAgB,EAAoB,QACvC,GAAM,MAAS,EAAI,oBAAoB,EAAK,oBAAoB,IAAM,GACvE,EAAoB,MAAM;EAAE,UAAU;EAAI,mBAAmB;EAAG,CACjE,EAEK,IAAiB,GAAa,MAAyB;AAC3D,QAAM,oCAAoC,IAAe;IACxD,EAAE,CAAC,EAGA,IAAgB,EAAoB,QAAgC,GAAK,OAC7E,EAAI,EAAI,aAAa,EAAI,EAAI,aAAa,KAAK,EAAI,cAC5C,IACN,EAAE,CAAC;AAEN,QACE,kBAAC,GAAD;EAAY,OAAM;EAAe,aAAY;YAA7C;GAEE,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,GAAD;MACE,MAAM,kBAAC,GAAD,EAAQ,WAAU,WAAY,CAAA;MACpC,OAAO,EAAe,GAAe,EAAE,uBAAuB,GAAG,CAAC;MAClE,OAAM;MACN,OAAM;MACN,YAAY,GAAG,EAAY;MAC3B,CAAA;KACF,kBAAC,GAAD;MACE,MAAM,kBAAC,GAAD,EAAa,WAAU,WAAY,CAAA;MACzC,OAAO,EAAe,GAAc,EAAE,uBAAuB,GAAG,CAAC;MACjE,OAAM;MACN,OAAO,IAAoB,IAAI,OAAO;MACtC,YAAY,EAAO,EAAkB;MACrC,CAAA;KACF,kBAAC,GAAD;MACE,MAAM,kBAAC,GAAD,EAAY,WAAU,WAAY,CAAA;MACxC,OAAO,EAAe,KAAK,IAAI,EAAa,EAAE,EAAE,uBAAuB,GAAG,CAAC;MAC3E,OAAM;MACN,OAAO,KAAgB,IAAI,OAAO;MAClC,YAAY,EAAO,EAAkB;MACrC,CAAA;KACF,kBAAC,GAAD;MACE,MAAM,kBAAC,GAAD,EAAW,WAAU,WAAY,CAAA;MACvC,OAAO,EAAe,GAAiB,EAAE,uBAAuB,GAAG,CAAC;MACpE,OAAM;MACN,OAAM;MACN,YAAW;MACX,CAAA;KACE;;GAGN,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,KAAD;OAAG,WAAU;iBAAgC;OAAsB,CAAA,EACnE,kBAAC,KAAD;OAAG,WAAU;iBAAqC;OAAgB,CAAA,CAC9D;;KACN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,KAAD;OAAG,WAAU;iBAAgC;OAAkB,CAAA,EAC/D,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,OAAD;QAAK,WAAU;kBACb,kBAAC,OAAD;SACE,WAAW,EACT,uBACA,KAAgB,MACZ,iBACA,KAAgB,MACd,kBACA,aACP;SACD,OAAO,EAAE,OAAO,GAAI,IAAe,IAAK,IAAI,IAAI;SAChD,CAAA;QACE,CAAA,EACN,kBAAC,QAAD;QAAM,WAAU;kBAAhB,CAAuD,EAAa,QAAQ,EAAE,EAAC,KAAS;UACpF;SACF;;KACN,kBAAC,OAAD;MAAK,WAAU;gBAAf;OACE,kBAAC,KAAD;QAAG,WAAU;kBAAgC;QAAkB,CAAA;OAC/D,kBAAC,KAAD;QAAG,WAAU;kBAA8C,EAAc;QAAa,CAAA;OACtF,kBAAC,KAAD;QAAG,WAAU;kBACV,EAAO,EAAc,kBAAkB;QACtC,CAAA;OACA;;KACN,kBAAC,OAAD;MAAK,WAAU;gBAAf;OACE,kBAAC,KAAD;QAAG,WAAU;kBAAgC;QAAe,CAAA;OAC5D,kBAAC,KAAD;QAAG,WAAU;kBAAoC;QAAU,CAAA;OAC3D,kBAAC,KAAD;QAAG,WAAU;kBAAgC;QAAa,CAAA;OACtD;;KACF;;GAGN,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD;KAAK,WAAU;eAEX;MACE;OAAE,KAAK;OAAY,OAAO;OAAY,MAAM;OAAW;MACvD;OACE,KAAK;OACL,OAAO,gBAAgB,EAAoB,OAAO;OAClD,MAAM;OACP;MACD;OAAE,KAAK;OAAgB,OAAO;OAAgB,MAAM;OAAY;MACjE,CACD,KAAK,EAAE,QAAK,UAAO,cACnB,kBAAC,UAAD;MAEE,MAAK;MACL,eAAe,EAAa,EAAI;MAChC,WAAW,EACT,6FACA,MAAc,IACV,8CACA,8CACL;gBATH,CAWE,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA,EAC3B,EACM;QAZF,EAYE,CACT;KACE,CAAA,EAEN,kBAAC,OAAD;KAAK,WAAU;eAAf;MAEG,MAAc,cACb,kBAAC,OAAD;OAAK,WAAU;iBAAf,CAEE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;QAAI,WAAU;kBAA+C;QAExD,CAAA,EACL,kBAAC,OAAD;QAAK,WAAU;kBAAf;SACE,kBAAC,GAAD,EAAW,WAAU,iDAAkD,CAAA;SACvE,kBAAC,KAAD;UAAG,WAAU;oBAAgC;UAAmC,CAAA;SAChF,kBAAC,KAAD;UAAG,WAAU;oBAAqC;UAE9C,CAAA;SACA;UACF,EAAA,CAAA,EAGN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;QAAI,WAAU;kBAA+C;QAAqB,CAAA,EAClF,kBAAC,OAAD;QAAK,WAAU;kBACZ,OAAO,QAAQ,EAAc,CAAC,KAAK,CAAC,GAAU,OAC7C,kBAAC,OAAD;SAAoB,WAAU;mBAA9B;UACE,kBAAC,QAAD;WAAM,WAAU;qBAAyC;WAAgB,CAAA;UACzE,kBAAC,OAAD;WAAK,WAAU;qBACb,kBAAC,OAAD;YACE,WAAU;YACV,OAAO,EACL,OAAO,GAAG,IAAe,IAAK,IAAQ,IAAgB,MAAM,EAAE,IAC/D;sBAED,kBAAC,QAAD;aAAM,WAAU;uBAAhB,CACG,IAAe,KAAM,IAAQ,IAAgB,KAAK,QAAQ,EAAE,GAAG,GAAE,IAC7D;;YACH,CAAA;WACF,CAAA;UACN,kBAAC,QAAD;WAAM,WAAU;qBACb,EAAe,GAAO,EAAE,uBAAuB,GAAG,CAAC;WAC/C,CAAA;UACH;WAjBI,EAiBJ,CACN;QACE,CAAA,CACF,EAAA,CAAA,CACF;;MAIP,MAAc,iBACb,kBAAC,OAAD,EAAA,UAAA,CAEE,kBAAC,OAAD;OAAK,WAAU;iBACb,kBAAC,UAAD;QACE,OAAO;QACP,WAAW,MAAM,EAAkB,EAAE,OAAO,MAAM;QAClD,WAAU;kBAHZ,CAKE,kBAAC,UAAD;SAAQ,OAAM;mBAAG;SAAuB,CAAA,EACvC,EAAW,OAAO,QAAQ,CAAC,KAAK,MAC/B,kBAAC,UAAD;SAAkB,OAAO;mBACtB;SACM,EAFI,EAEJ,CACT,CACK;;OACL,CAAA,EAGN,kBAAC,OAAD;OAAK,WAAU;iBACZ,EAAoB,KAAK,MACxB,kBAAC,OAAD;QAEE,WAAU;kBAFZ;SAIE,kBAAC,OAAD;UAAK,WAAU;oBAAf,CACE,kBAAC,OAAD;WAAK,WAAU;qBAAf;YACE,kBAAC,MAAD;aAAI,WAAU;uBAA2C,EAAI;aAAc,CAAA;YAC3E,kBAAC,KAAD;aAAG,WAAU;uBAAb;cAA6C;cACjC,EAAI;cAAU;cAAS,EAAI;cACnC;;YACJ,kBAAC,OAAD;aAAK,WAAU;uBAAf,CACE,kBAAC,QAAD;cAAM,WAAU;wBAAiC,EAAI;cAAgB,CAAA,EACpE,EAAa,EAAI,UAAU,CACxB;;YACF;cACN,kBAAC,OAAD;WAAK,WAAU;qBAAf,CACE,kBAAC,KAAD;YAAG,WAAU;sBACV,EAAe,EAAI,cAAc,EAAE,uBAAuB,GAAG,CAAC;YAC7D,CAAA,EACJ,kBAAC,KAAD;YACE,WAAW,EACT,WACA,EAAI,UAAU,IACV,uCACA,iCACL;sBANH;aAQG,EAAe,KAAK,IAAI,EAAI,QAAQ,EAAE,EAAE,uBAAuB,GAAG,CAAC;aAAC;aACpE,EAAO,EAAI,kBAAkB;aAAC;aAC7B;cACA;aACF;;SAEN,kBAAC,OAAD;UAAK,WAAU;oBAAf;WACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;YAAG,WAAU;sBAAgC;YAAY,CAAA,EACzD,kBAAC,KAAD;YAAG,WAAU;sBACV,EAAe,EAAI,QAAQ,EAAE,uBAAuB,GAAG,CAAC;YACvD,CAAA,CACA,EAAA,CAAA;WACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;YAAG,WAAU;sBAAgC;YAAa,CAAA,EAC1D,kBAAC,KAAD;YAAG,WAAU;sBAAb,CAAoD,EAAI,WAAU,IAAK;cACnE,EAAA,CAAA;WACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;YAAG,WAAU;sBAAgC;YAAoB,CAAA,EACjE,kBAAC,KAAD;YAAG,WAAU;sBACV,EAAe,EAAI,iBAAiB,EAAE,uBAAuB,GAAG,CAAC;YAChE,CAAA,CACA,EAAA,CAAA;WACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;YAAG,WAAU;sBAAgC;YAAmB,CAAA,EAChE,kBAAC,KAAD;YAAG,WAAU;sBACV,EAAW,EAAI,gBAAgB;aAAE,MAAM,KAAA;aAAW,QAAQ,KAAA;aAAW,CAAC;YACrE,CAAA,CACA,EAAA,CAAA;WACF;;SAGN,kBAAC,OAAD;UAAK,WAAU;oBAAf,CACE,kBAAC,KAAD;WAAG,WAAU;qBAAiD;WAE1D,CAAA,EACJ,kBAAC,OAAD;WAAK,WAAU;qBAAf;YACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;aAAG,WAAU;uBACV,EAAI,mBAAmB;aACtB,CAAA,EACJ,kBAAC,KAAD;aAAG,WAAU;uBAAgC;aAAkB,CAAA,CAC3D,EAAA,CAAA;YACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,OAAD;aAAK,WAAU;uBAAf,CACE,kBAAC,GAAD,EAAM,WAAU,2CAA4C,CAAA,EAC5D,kBAAC,KAAD;cAAG,WAAU;wBACV,EAAI,mBAAmB;cACtB,CAAA,CACA;gBACN,kBAAC,KAAD;aAAG,WAAU;uBAAgC;aAAU,CAAA,CACnD,EAAA,CAAA;YACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;aAAG,WAAU;uBAAb;cAAoE;cAChE,EAAI,mBAAmB;cAAW;cAClC;gBACJ,kBAAC,KAAD;aAAG,WAAU;uBAAgC;aAAe,CAAA,CACxD,EAAA,CAAA;YACF;aACF;;SAGN,kBAAC,OAAD;UAAK,WAAU;oBAAf,CACE,kBAAC,UAAD;WACE,MAAK;WACL,eAAe,EAAW,yBAAyB,EAAI,KAAK;WAC5D,WAAU;qBAHZ,CAKE,kBAAC,GAAD,EAAK,WAAU,WAAY,CAAA,EAAA,eAEpB;cACR,EAAI,WAAW,YACd,kBAAC,UAAD;WACE,MAAK;WACL,eAAe,EAAe,EAAI,GAAG;WACrC,WAAU;qBAHZ,CAKE,kBAAC,GAAD,EAAiB,WAAU,WAAY,CAAA,EAAA,WAEhC;aAEP;;SACF;UA5GC,EAAI,GA4GL,CACN;OACE,CAAA,CACF,EAAA,CAAA;MAIP,MAAc,kBACb,kBAAC,OAAD;OAAK,WAAU;iBACZ,EAAiB,KAAK,MACrB,kBAAC,OAAD;QAEE,WAAU;kBAFZ,CAIE,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,OAAD;UACE,WAAW,EACT,oEACA,EAAI,SAAS,eACT,mBACA,EAAI,SAAS,aACX,oBACA,gBACP;oBAEA,EAAI,SAAS,eACZ,kBAAC,GAAD,EAAQ,WAAU,4CAA6C,CAAA,GAC7D,EAAI,SAAS,aACf,kBAAC,GAAD,EAAY,WAAU,8CAA+C,CAAA,GAErE,kBAAC,GAAD,EAAc,WAAU,0CAA2C,CAAA;UAEjE,CAAA,EACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;UAAG,WAAU;oBAAb;WACG,EAAI,SAAS,eACV,kBACA,EAAI,SAAS,aACX,kBACA;WAAmB;WACxB,EAAI;WACH;aACJ,kBAAC,KAAD;UAAG,WAAU;oBACV,EAAW,EAAI,MAAM;WAAE,MAAM,KAAA;WAAW,QAAQ,KAAA;WAAW,CAAC;UAC3D,CAAA,CACA,EAAA,CAAA,CACF;YACN,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,KAAD;UACE,WAAW,EACT,qBACA,EAAI,SAAS,aACT,uCACA,kBACL;oBANH,CAQG,EAAI,SAAS,aAAa,MAAM,KAChC,EAAe,EAAI,QAAQ,EAAE,uBAAuB,GAAG,CAAC,CACvD;aACJ,kBAAC,QAAD;UACE,WAAW,EACT,kDACA,EAAI,WAAW,cACX,uDACA,EAAI,WAAW,YACb,0DACA,+CACP;oBAEA,EAAI;UACA,CAAA,CACH;WACF;UA7DC,EAAI,GA6DL,CACN;OACE,CAAA;MAEJ;OACF;;GACK"}

package/dist/coolandlovely/pages/investor/InvestorProfilePage.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Investor Profile Page
+ * @module coolandlovely/pages/investor
+ *
+ * Edit mode toggle, 6-tab system (personal/investment/portfolio/documents/
+ * security/notifications), image upload, form fields for personal/professional/
+ * address, investment profile with selects, preferred sectors checkboxes,
+ * portfolio summary with active investments list, documents/KYC tab,
+ * security tab (change password/2FA/login activity), notification toggles.
+ */
+export declare function InvestorProfilePage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=InvestorProfilePage.d.ts.map

package/dist/coolandlovely/pages/investor/InvestorProfilePage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InvestorProfilePage.d.ts","sourceRoot":"","sources":["../../../../src/coolandlovely/pages/investor/InvestorProfilePage.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAmJH,wBAAgB,mBAAmB,4CAsnClC"}